52: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/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.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"] 53: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/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.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"] 54:Td49,'use client' import { forwardRef, useRef, useState, type HTMLAttributes } from 'react' import { StarGlyph } from '@/lib/internal-glyphs' import { useLiquefyConfig } from '@/lib/provider' import { useLiquidStyles, type LiquidStyleProps } from '@/lib/styles-prop' export type LiquidRatingProps = Omit, 'defaultValue' | 'onChange'> & LiquidStyleProps & { defaultValue?: number label?: string max?: number onValueChange?: (value: number) => void readOnly?: boolean size?: 'sm' | 'md' | 'lg' value?: number } const starSizes = { lg: 26, md: 21, sm: 16 } as const export const LiquidRating = forwardRef(({ className, defaultValue = 0, label = 'Rating', max = 5, onValueChange, readOnly = false, size = 'md', style, styles, value, ...props }, ref) => { const config = useLiquefyConfig() const starRefs = useRef<(HTMLButtonElement | null)[]>([]) const [internalValue, setInternalValue] = useState(defaultValue) const [hovered, setHovered] = useState(null) const resolvedValue = value ?? internalValue const displayValue = hovered ?? resolvedValue const handleSelect = (starValue: number) => { const nextValue = starValue === resolvedValue ? 0 : starValue if (value === undefined) setInternalValue(nextValue) onValueChange?.(nextValue) if (config.motion === false) return // Ripple a springy pop across every lit star so the rating fills with life. if (nextValue === 0) { starRefs.current[starValue - 1]?.animate( [{ scale: '1' }, { scale: '0.7' }, { scale: '1' }], { duration: 420, easing: 'cubic-bezier(0.2, 0.9, 0.25, 1)' }, ) return } for (let index = 0; index < nextValue; index += 1) { starRefs.current[index]?.animate( [{ scale: '1' }, { scale: '1.42' }, { scale: '0.88' }, { scale: '1.06' }, { scale: '1' }], { delay: index * 45, duration: 520, easing: 'cubic-bezier(0.2, 0.9, 0.25, 1)' }, ) } } const root = useLiquidStyles('lq-rating', { className, style, styles }) return (

setHovered(null)} ref={ref} role={readOnly ? 'img' : undefined} style={root.style} {...props} > {Array.from({ length: max }, (_, index) => { const starValue = index + 1 const active = starValue <= displayValue if (readOnly) { return ( ) } return ( ) })}

) }) LiquidRating.displayName = 'LiquidRating' 51:["$","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":[null,["$","$L52",null,{"namespace":"@liquefy-ui","registryDependencies":["https://liquefy-ui.com/r/liquefy-ui.json","https://liquefy-ui.com/r/internal-glyphs.json","https://liquefy-ui.com/r/provider.json","https://liquefy-ui.com/r/styles-prop.json"]}]]}],null]}],["$","$L53",null,{"files":[{"path":"registry/liquid-rating.tsx","content":"$54","type":"registry:ui"}],"className":"h-[70svh] min-h-80"}]]}]