50: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"] 51: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"] 52:T18db,"use client"; import { Checkbox as CheckboxPrimitive } from "@base-ui/react/checkbox"; import { cn } from "@/lib/utils"; import { AnimatePresence, motion, useReducedMotion } from "motion/react"; import { useState } from "react"; import { SPRING_DEFAULT } from "@/components/smoothui/lib/animation"; export interface CheckboxProps { /** Accessible name, for checkboxes without a visible `` */ "aria-label"?: string; /** ID of the element labelling the checkbox */ "aria-labelledby"?: string; /** Whether the checkbox is checked (controlled). Omit for uncontrolled use. */ checked?: boolean; /** Optional CSS class */ className?: string; /** Initial checked state when uncontrolled */ defaultChecked?: boolean; /** Whether the checkbox is disabled */ disabled?: boolean; /** ID for label association */ id?: string; /** Whether the checkbox is in an indeterminate state */ indeterminate?: boolean; /** Name attribute for form submission */ name?: string; /** Callback when the checked state changes */ onCheckedChange?: (checked: boolean) => void; /** Whether the checkbox is required */ required?: boolean; /** Value attribute for form submission */ value?: string; } const CheckmarkPath = motion.path; const MotionSvg = motion.svg; /** * SmoothUI Checkbox — Base UI twin (default). * Same public props as the Radix twin; headless via `@base-ui/react/checkbox`. */ export default function Checkbox({ "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, checked: checkedProp, defaultChecked = false, indeterminate = false, onCheckedChange, disabled = false, className, name, value, id, required, }: CheckboxProps) { const shouldReduceMotion = useReducedMotion(); const [internalChecked, setInternalChecked] = useState(defaultChecked); const checked = checkedProp ?? internalChecked; const checkedState = checked ? "checked" : "unchecked"; const derivedState = indeterminate ? "indeterminate" : checkedState; return ( { setInternalChecked(next); onCheckedChange?.(next); }} render={