61:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/1bpgyrs5qflhu.js","/_next/static/immutable/chunks/0-6vu2ul1h6ld.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"RegistryDependencies"] 62:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/1bpgyrs5qflhu.js","/_next/static/immutable/chunks/0-6vu2ul1h6ld.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 63:T2239,"use client" import * as React from "react" import { cva, type VariantProps } from "class-variance-authority" import { StarIcon } from "lucide-react" import { cn } from "@/lib/utils" /* The star box is a squircle, not a circle — the radius scale would exceed half the box at these sizes. Star glyph sizes cascade from the root via [&_svg]. */ const ratingVariants = cva( "group/rating inline-flex w-fit items-center [&_svg]:pointer-events-none [&_svg]:shrink-0", { variants: { size: { sm: "gap-px *:data-[slot=rating-star]:size-5 *:data-[slot=rating-star]:rounded-[7px] [&_svg]:size-3.5", default: "gap-0.5 *:data-[slot=rating-star]:size-6 *:data-[slot=rating-star]:rounded-[8px] [&_svg]:size-4.5", lg: "gap-0.5 *:data-[slot=rating-star]:size-7.5 *:data-[slot=rating-star]:rounded-[10px] [&_svg]:size-5.5", }, }, defaultVariants: { size: "default", }, } ) /* One star = a muted glyph with an amber copy clipped to `fraction` on top. The wrapper shrink-wraps the glyph so the clip is measured against the star itself, not the padded hit box around it. */ function RatingStarGlyph({ fraction, index = 0, live = false, }: { fraction: number /* Position in the row. The fill sweeps out from the first star rather than lighting the whole run in one frame — a rating of four is four stars filling, and the sweep is what says so. */ index?: number /* Hold the amber copy in the DOM at zero width so the fill can travel instead of appearing. Read-only ratings opt out: their value never changes, and they are the ones that repeat fifty times down a list of results. */ live?: boolean }) { return ( {(live || fraction > 0) && ( 0 ? "duration-spring-press ease-spring-press" : "duration-exit ease-out-expo") )} style={{ width: `${fraction * 100}%`, /* The sweep is on the way up only: filling runs left to right one star behind the last, emptying drops the whole run at once. */ transitionDelay: live && fraction > 0 ? `calc(${index} * var(--stagger-tight))` : undefined, }} > )} ) } type RatingProps = Omit< React.ComponentProps<"div">, "onChange" | "value" | "defaultValue" > & VariantProps & { /** Controlled value. Supports halves (4.5) for display. */ value?: number /** Uncontrolled starting value. */ defaultValue?: number max?: number readOnly?: boolean onChange?: (value: number) => void } function Rating({ className, size = "default", value, defaultValue = 0, max = 5, readOnly = false, onChange, onMouseLeave, ...props }: RatingProps) { const [uncontrolled, setUncontrolled] = React.useState(defaultValue) const [preview, setPreview] = React.useState(null) const starRefs = React.useRef>([]) const current = value ?? uncontrolled const stars = Array.from({ length: max }, (_, index) => index) if (readOnly) { return (

{stars.map((index) => ( ))}

) } /* Hover and roving focus both drive the same preview fill. */ const display = preview ?? current const activeIndex = Math.max(0, Math.ceil(current) - 1) const commit = (next: number) => { if (value === undefined) setUncontrolled(next) onChange?.(next) } const handleKeyDown = (event: React.KeyboardEvent) => { let next: number | undefined if (event.key === "ArrowRight" || event.key === "ArrowUp") { next = Math.min(max, Math.floor(current) + 1) } else if (event.key === "ArrowLeft" || event.key === "ArrowDown") { next = Math.max(1, Math.ceil(current) - 1) } else if (event.key === "Home") { next = 1 } else if (event.key === "End") { next = max } if (next === undefined) return event.preventDefault() commit(next) setPreview(next) starRefs.current[next - 1]?.focus() } return (

{ onMouseLeave?.(event) setPreview(null) }} > {stars.map((index) => { const starValue = index + 1 return ( ) })}

) } const ratingBadgeVariants = cva( "inline-flex w-fit shrink-0 items-center gap-1 rounded-full bg-secondary font-medium whitespace-nowrap text-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0", { variants: { size: { sm: "h-5.5 px-2 text-caption-sm [&_svg]:size-3", default: "h-6 px-2.5 text-caption [&_svg]:size-3.5", lg: "h-7 gap-1.5 px-3 text-body-sm [&_svg]:size-4", }, }, defaultVariants: { size: "default", }, } ) function RatingBadge({ className, size = "default", value, count, locale, ...props }: Omit, "value"> & VariantProps & { value: number /** Optional review count, rendered in parentheses. */ count?: number /** Locale for the count's digit grouping; the browser's own when unset. * Set it on a server-rendered page, so the server's markup and the * browser's first render agree. */ locale?: string }) { return ( {value.toFixed(1)} ) } export { Rating, RatingBadge, ratingVariants, ratingBadgeVariants } 60:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[["$","div",null,{"className":"flex shrink-0 items-start gap-3","children":[["$","div",null,{"className":"flex max-h-28 min-w-0 flex-1 flex-wrap items-center gap-2 overflow-y-auto","children":[["$","ul",null,{"className":"flex min-w-0 flex-wrap gap-2","aria-label":"Package dependencies","children":[["$","li","class-variance-authority@^0.7.1",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/class-variance-authority","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"class-variance-authority@^0.7.1"}]]}]}],["$","li","lucide-react@^1.27.0",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/lucide-react","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"lucide-react@^1.27.0"}]]}]}]]}],["$","$L61",null,{"namespace":"@pestoui","registryDependencies":["@pestoui/style","@pestoui/utils"]}]]}],null]}],["$","$L62",null,{"files":[{"path":"pestoui/ui/rating.tsx","content":"$63","type":"registry:ui"}],"className":"h-[70svh] min-h-80"}]]}]