51: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"] 52: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"] 53:T1807,"use client"; import { Radio as RadioPrimitive } from "@base-ui/react/radio"; import { RadioGroup as RadioGroupPrimitive } from "@base-ui/react/radio-group"; import { cn } from "@/lib/utils"; import { motion, useReducedMotion } from "motion/react"; import type React from "react"; import { Children, cloneElement, isValidElement, useId } from "react"; import { SPRING_DEFAULT } from "@/components/smoothui/lib/animation"; export interface RadioGroupProps { /** Radio items to render */ children: React.ReactNode; /** Optional CSS class for the group container */ className?: string; /** The default value when uncontrolled */ defaultValue?: string; /** Whether the entire group is disabled */ disabled?: boolean; /** Name attribute for form submission */ name?: string; /** Callback when the selected value changes */ onValueChange?: (value: string) => void; /** Orientation of the radio group for arrow key navigation */ orientation?: "horizontal" | "vertical"; /** Whether a selection is required */ required?: boolean; /** The controlled value of the selected radio item */ value?: string; } export interface RadioProps { /** @internal Stagger index passed by RadioGroup */ _staggerIndex?: number; /** Children (label content) to render next to the radio */ children?: React.ReactNode; /** Optional CSS class */ className?: string; /** Whether this radio is disabled */ disabled?: boolean; /** ID for label association */ id?: string; /** The value of this radio option */ value: string; } const SPRING_DOT = { bounce: 0.2, duration: 0.25, type: "spring" as const, }; const STAGGER_DELAY = 0.04; /** * SmoothUI RadioGroup — Base UI twin (default). */ export function RadioGroup({ value, defaultValue, onValueChange, disabled = false, className, children, name, required, orientation = "vertical", }: RadioGroupProps) { const shouldReduceMotion = useReducedMotion(); let radioIndex = 0; const enhancedChildren = Children.map(children, (child) => { if ( isValidElement(child) && (child.type === Radio || (child.type as { displayName?: string })?.displayName === "Radio") ) { const currentIndex = radioIndex; radioIndex += 1; return cloneElement(child as React.ReactElement, { _staggerIndex: currentIndex, }); } return child; }); const content = shouldReduceMotion === true ? children : enhancedChildren; return ( {content ?? null} ); } export function Radio({ value, disabled = false, className, id, children, _staggerIndex, }: RadioProps) { const shouldReduceMotion = useReducedMotion(); const staggerDelay = _staggerIndex === undefined ? 0 : _staggerIndex * STAGGER_DELAY; const generatedId = useId(); const radioId = id ?? generatedId; const wrapper = (content: React.ReactNode) => { if (shouldReduceMotion || _staggerIndex === undefined) { return

{content}

; } return ( {content} ); }; return wrapper( <> — must be a flex box so size-4 sticks "group/radio state-transition inline-flex size-4 shrink-0 items-center justify-center rounded-full border border-foreground/50 bg-background shadow-xs outline-none", "focus-ring hover:border-foreground focus-visible:border-ring", "disabled:cursor-not-allowed disabled:border-foreground/30 disabled:bg-muted disabled:hover:border-foreground/30", "aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40", "data-checked:border-brand data-checked:hover:border-brand dark:bg-foreground/10", className )} data-slot="radio-group-item" disabled={disabled} id={radioId} nativeButton render={