@akira-io/ui 1.3.0 → 2.0.0

package/dist/chunk-UCJTM3UM.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ui/confirm-dialog.tsx","../src/components/ui/calendar.tsx","../src/components/ui/command.tsx","../src/components/ui/popover.tsx","../src/components/ui/select.tsx","../src/components/ui/floating-sheet-context.ts","../src/components/ui/floating-sheet-stack.tsx","../src/components/ui/floating-sheet.tsx","../src/components/ui/input-otp.tsx","../src/components/ui/switch.tsx","../src/components/ui/tabs.tsx","../src/components/ui/textarea.tsx"],"sourcesContent":["import { Button } from '@/components/ui/button';\nimport {\n    Dialog,\n    DialogContent,\n    DialogDescription,\n    DialogFooter,\n    DialogHeader,\n    DialogTitle,\n} from '@/components/ui/dialog';\nimport { Input } from '@/components/ui/input';\nimport { Label } from '@/components/ui/label';\nimport { cn } from '@/lib/utils';\nimport { useUiLabels } from '@/locales/context';\nimport type { SlotNameProps } from '@/types';\nimport { AlertCircle, ChevronRight } from 'lucide-react';\nimport { ReactNode, useEffect, useId, useState } from 'react';\n\nexport interface ConfirmDialogLabels {\n    title: string;\n    description: string;\n    confirmText: string;\n    cancelText: string;\n}\n\nexport const confirmDialogDefaultLabels: ConfirmDialogLabels = {\n    title: 'Confirm Action',\n    description:\n        'Are you sure you want to continue? This action cannot be undone.',\n    confirmText: 'Confirm',\n    cancelText: 'Cancel',\n};\n\ninterface ConfirmDialogProps {\n    open: boolean;\n    onOpenChange: (open: boolean) => void;\n    title?: ConfirmDialogLabels['title'];\n    description?: ConfirmDialogLabels['description'] | ReactNode;\n    confirmText?: ConfirmDialogLabels['confirmText'];\n    cancelText?: ConfirmDialogLabels['cancelText'];\n    variant?: 'destructive' | 'default';\n    processing?: boolean;\n    requiredValue?: string;\n    requiredValueLabel?: string;\n    onConfirm: () => void;\n    onCancel?: () => void;\n}\n\nexport function ConfirmDialog({\n    open,\n    onOpenChange,\n    title,\n    description,\n    confirmText,\n    cancelText,\n    variant = 'destructive',\n    processing = false,\n    requiredValue,\n    requiredValueLabel = 'Type {{value}} to confirm',\n    onConfirm,\n    onCancel,\n    slotName = 'confirm-dialog',\n}: ConfirmDialogProps & SlotNameProps) {\n    const labels = useUiLabels('confirmDialog', confirmDialogDefaultLabels, {\n        title,\n        confirmText,\n        cancelText,\n    });\n    const resolvedDescription = description ?? labels.description;\n    const inputId = useId();\n    const [typedValue, setTypedValue] = useState('');\n    const unlocked =\n        requiredValue === undefined || typedValue === requiredValue;\n\n    useEffect(() => {\n        if (!open) {\n            setTypedValue('');\n        }\n    }, [open]);\n\n    const handleConfirm = () => {\n        if (processing || !unlocked) {\n            return;\n        }\n        onConfirm();\n        onOpenChange(false);\n    };\n\n    const handleCancel = () => {\n        if (processing) {\n            return;\n        }\n        onCancel?.();\n        onOpenChange(false);\n    };\n\n    return (\n        <Dialog open={open} onOpenChange={onOpenChange}>\n            <DialogContent className=\"max-w-md p-0\" slotName={slotName}>\n                <DialogHeader className=\"p-6 md:p-8\">\n                    <div className=\"mb-6 flex justify-center\">\n                        <div\n                            className={cn(\n                                'size-16 rounded-3xl shadow-xl flex items-center justify-center',\n                                variant === 'destructive'\n                                    ? 'bg-destructive text-destructive-foreground shadow-destructive/20'\n                                    : 'bg-primary text-primary-foreground shadow-primary/20',\n                            )}\n                        >\n                            <AlertCircle className=\"h-8 w-8\" />\n                        </div>\n                    </div>\n                    <DialogTitle>{labels.title}</DialogTitle>\n                    <DialogDescription>{resolvedDescription}</DialogDescription>\n                </DialogHeader>\n\n                {requiredValue !== undefined && (\n                    <div\n                        data-slot=\"confirm-dialog-gate\"\n                        className=\"gap-2 px-6 md:px-8 flex flex-col\"\n                    >\n                        <Label htmlFor={inputId}>\n                            {requiredValueLabel.replace(\n                                '{{value}}',\n                                requiredValue,\n                            )}\n                        </Label>\n                        <Input\n                            id={inputId}\n                            value={typedValue}\n                            autoComplete=\"off\"\n                            disabled={processing}\n                            onChange={(event) =>\n                                setTypedValue(event.target.value)\n                            }\n                        />\n                    </div>\n                )}\n\n                <DialogFooter className=\"p-6 md:p-8\">\n                    <div className=\"gap-4 sm:grid-cols-2 grid w-full\">\n                        <Button\n                            type=\"button\"\n                            variant=\"ghost\"\n                            disabled={processing}\n                            onClick={handleCancel}\n                            className=\"text-muted-foreground\"\n                        >\n                            {labels.cancelText}\n                        </Button>\n                        <Button\n                            variant={variant}\n                            disabled={processing || !unlocked}\n                            onClick={handleConfirm}\n                        >\n                            {labels.confirmText}\n                            <ChevronRight className=\"ml-2 h-5 w-5\" />\n                        </Button>\n                    </div>\n                </DialogFooter>\n            </DialogContent>\n        </Dialog>\n    );\n}\n","import {\n    ChevronDownIcon,\n    ChevronLeftIcon,\n    ChevronRightIcon,\n} from 'lucide-react';\nimport * as React from 'react';\nimport {\n    DayPicker,\n    getDefaultClassNames,\n    type DayButton,\n} from 'react-day-picker';\n\nimport { Button, buttonVariants } from '@/components/ui/button';\nimport { elevatedSurface, nestedSurfaceReset } from '@/lib/language';\nimport { cn } from '@/lib/utils';\nimport type { SlotNameProps } from '@/types';\n\nfunction Calendar({\n    className,\n    classNames,\n    showOutsideDays = true,\n    captionLayout = 'label',\n    buttonVariant = 'ghost',\n    formatters,\n    components,\n    slotName = 'calendar',\n    ...props\n}: React.ComponentProps<typeof DayPicker> & {\n    buttonVariant?: React.ComponentProps<typeof Button>['variant'];\n} & SlotNameProps) {\n    const defaultClassNames = getDefaultClassNames();\n\n    return (\n        <DayPicker\n            showOutsideDays={showOutsideDays}\n            className={cn(\n                elevatedSurface,\n                nestedSurfaceReset,\n                'group/calendar p-4 [--cell-size:--spacing(8)] bg-card',\n                String.raw`rtl:**:[.rdp-button\\_next>svg]:rotate-180`,\n                String.raw`rtl:**:[.rdp-button\\_previous>svg]:rotate-180`,\n                className,\n            )}\n            captionLayout={captionLayout}\n            formatters={{\n                formatMonthDropdown: (date) =>\n                    date.toLocaleString('default', { month: 'short' }),\n                ...formatters,\n            }}\n            classNames={{\n                root: cn('w-fit', defaultClassNames.root),\n                months: cn(\n                    'gap-4 md:flex-row relative flex flex-col',\n                    defaultClassNames.months,\n                ),\n                month: cn(\n                    'gap-4 flex w-full flex-col',\n                    defaultClassNames.month,\n                ),\n                nav: cn(\n                    'inset-x-0 top-0 gap-1 absolute flex w-full items-center justify-between',\n                    defaultClassNames.nav,\n                ),\n                button_previous: cn(\n                    buttonVariants({ variant: buttonVariant }),\n                    'p-0 size-(--cell-size) select-none aria-disabled:opacity-50',\n                    defaultClassNames.button_previous,\n                ),\n                button_next: cn(\n                    buttonVariants({ variant: buttonVariant }),\n                    'p-0 size-(--cell-size) select-none aria-disabled:opacity-50',\n                    defaultClassNames.button_next,\n                ),\n                month_caption: cn(\n                    'flex h-(--cell-size) w-full items-center justify-center px-(--cell-size)',\n                    defaultClassNames.month_caption,\n                ),\n                dropdowns: cn(\n                    'gap-1.5 text-sm font-medium flex h-(--cell-size) w-full items-center justify-center',\n                    defaultClassNames.dropdowns,\n                ),\n                dropdown_root: cn(\n                    'shadow-xs rounded-xl relative border border-border has-focus:outline-1 has-focus:outline-offset-0 has-focus:outline-ring has-focus:outline-solid',\n                    defaultClassNames.dropdown_root,\n                ),\n                dropdown: cn(\n                    'inset-0 absolute bg-popover opacity-0',\n                    defaultClassNames.dropdown,\n                ),\n                caption_label: cn(\n                    'font-medium select-none',\n                    captionLayout === 'label'\n                        ? 'text-sm'\n                        : 'h-8 gap-1 pr-1 pl-2 text-sm [&>svg]:size-3.5 rounded-xl flex items-center [&>svg]:text-muted-foreground',\n                    defaultClassNames.caption_label,\n                ),\n                month_grid: cn(\n                    'w-full border-collapse',\n                    defaultClassNames.month_grid,\n                ),\n                weekdays: cn('flex', defaultClassNames.weekdays),\n                weekday: cn(\n                    'font-normal rounded-xl flex-1 text-[0.8rem] text-muted-foreground select-none',\n                    defaultClassNames.weekday,\n                ),\n                week: cn('mt-2 flex w-full', defaultClassNames.week),\n                week_number_header: cn(\n                    'w-(--cell-size) select-none',\n                    defaultClassNames.week_number_header,\n                ),\n                week_number: cn(\n                    'text-[0.8rem] text-muted-foreground select-none',\n                    defaultClassNames.week_number,\n                ),\n                day: cn(\n                    'group/day p-0 [&:last-child[data-selected=true]_button]:rounded-r-xl relative aspect-square h-full w-full text-center select-none',\n                    props.showWeekNumber\n                        ? '[&:nth-child(2)[data-selected=true]_button]:rounded-l-xl'\n                        : '[&:first-child[data-selected=true]_button]:rounded-l-xl',\n                    defaultClassNames.day,\n                ),\n                range_start: cn(\n                    'rounded-l-xl bg-accent',\n                    defaultClassNames.range_start,\n                ),\n                range_middle: cn(\n                    'rounded-none',\n                    defaultClassNames.range_middle,\n                ),\n                range_end: cn(\n                    'rounded-r-xl bg-accent',\n                    defaultClassNames.range_end,\n                ),\n                today: cn(\n                    'rounded-xl bg-accent text-accent-foreground data-[selected=true]:rounded-none',\n                    defaultClassNames.today,\n                ),\n                outside: cn(\n                    'text-muted-foreground aria-selected:text-muted-foreground',\n                    defaultClassNames.outside,\n                ),\n                disabled: cn(\n                    'text-muted-foreground opacity-50',\n                    defaultClassNames.disabled,\n                ),\n                hidden: cn('invisible', defaultClassNames.hidden),\n                ...classNames,\n            }}\n            components={{\n                Root: ({ className, rootRef, ...props }) => {\n                    return (\n                        <div\n                            ref={rootRef}\n                            className={cn(className)}\n                            {...props}\n                            data-slot={slotName}\n                        />\n                    );\n                },\n                Chevron: ({ className, orientation, ...props }) => {\n                    if (orientation === 'left') {\n                        return (\n                            <ChevronLeftIcon\n                                className={cn('size-4', className)}\n                                {...props}\n                            />\n                        );\n                    }\n\n                    if (orientation === 'right') {\n                        return (\n                            <ChevronRightIcon\n                                className={cn('size-4', className)}\n                                {...props}\n                            />\n                        );\n                    }\n\n                    return (\n                        <ChevronDownIcon\n                            className={cn('size-4', className)}\n                            {...props}\n                        />\n                    );\n                },\n                DayButton: CalendarDayButton,\n                WeekNumber: ({ children, ...props }) => {\n                    return (\n                        <td {...props}>\n                            <div className=\"flex size-(--cell-size) items-center justify-center text-center\">\n                                {children}\n                            </div>\n                        </td>\n                    );\n                },\n                ...components,\n            }}\n            {...props}\n        />\n    );\n}\n\nfunction CalendarDayButton({\n    className,\n    day,\n    modifiers,\n    ...props\n}: React.ComponentProps<typeof DayButton>) {\n    const defaultClassNames = getDefaultClassNames();\n\n    const ref = React.useRef<HTMLButtonElement>(null);\n    React.useEffect(() => {\n        if (modifiers.focused) ref.current?.focus();\n    }, [modifiers.focused]);\n\n    return (\n        <Button\n            ref={ref}\n            variant=\"ghost\"\n            size=\"icon\"\n            data-day={day.date.toLocaleDateString()}\n            data-selected-single={\n                modifiers.selected &&\n                !modifiers.range_start &&\n                !modifiers.range_end &&\n                !modifiers.range_middle\n            }\n            data-range-start={modifiers.range_start}\n            data-range-end={modifiers.range_end}\n            data-range-middle={modifiers.range_middle}\n            className={cn(\n                'gap-1 font-normal [&>span]:text-xs data-[range-end=true]:rounded-xl data-[range-end=true]:rounded-r-xl data-[range-start=true]:rounded-xl data-[range-start=true]:rounded-l-xl flex aspect-square size-auto w-full min-w-(--cell-size) flex-col leading-none group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-[3px] group-data-[focused=true]/day:ring-ring/50 data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground data-[range-middle=true]:rounded-none data-[range-middle=true]:bg-accent data-[range-middle=true]:text-accent-foreground data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground dark:hover:text-accent-foreground [&>span]:opacity-70',\n                defaultClassNames.day,\n                className,\n            )}\n            {...props}\n        />\n    );\n}\n\nexport { Calendar, CalendarDayButton };\n","'use client';\n\nimport { Command as CommandPrimitive } from 'cmdk';\nimport { SearchIcon, SearchXIcon } from 'lucide-react';\nimport * as React from 'react';\n\nimport {\n    Dialog,\n    DialogContent,\n    DialogDescription,\n    DialogHeader,\n    DialogTitle,\n} from '@/components/ui/dialog';\nimport {\n    elevatedSurface,\n    fieldSurface,\n    modalSurface,\n    nestedSurfaceReset,\n} from '@/lib/language';\nimport { cn } from '@/lib/utils';\nimport type { SlotNameProps } from '@/types';\n\nfunction Command({\n    className,\n    slotName = 'command',\n    ...props\n}: React.ComponentProps<typeof CommandPrimitive> & SlotNameProps) {\n    return (\n        <CommandPrimitive\n            className={cn(\n                elevatedSurface,\n                nestedSurfaceReset,\n                'flex h-full w-full flex-col overflow-hidden bg-card text-card-foreground',\n                className,\n            )}\n            {...props}\n            data-slot={slotName}\n        />\n    );\n}\n\nfunction CommandDialog({\n    title = 'Command Palette',\n    description = 'Search for a command to run...',\n    children,\n    className,\n    hideCloseButton = true,\n    ...props\n}: React.ComponentProps<typeof Dialog> & {\n    title?: string;\n    description?: string;\n    className?: string;\n    hideCloseButton?: boolean;\n}) {\n    return (\n        <Dialog {...props}>\n            <DialogHeader className=\"sr-only\">\n                <DialogTitle>{title}</DialogTitle>\n                <DialogDescription>{description}</DialogDescription>\n            </DialogHeader>\n            <DialogContent\n                className={cn(\n                    `${modalSurface} gap-0 p-0 overflow-hidden`,\n                    className,\n                )}\n                hideCloseButton={hideCloseButton}\n            >\n                <Command className=\"[&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-item]]:py-2.5 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5\">\n                    {children}\n                </Command>\n            </DialogContent>\n        </Dialog>\n    );\n}\n\nfunction CommandInput({\n    className,\n    slotName = 'command-input',\n    ...props\n}: React.ComponentProps<typeof CommandPrimitive.Input> & SlotNameProps) {\n    return (\n        <div className=\"shrink-0 border-b border-border\">\n            <div\n                data-slot=\"command-input-wrapper\"\n                className={cn(\n                    fieldSurface,\n                    'h-11 gap-3 px-4 m-3 flex items-center',\n                )}\n            >\n                <SearchIcon className=\"size-4 shrink-0 opacity-50\" />\n                <CommandPrimitive.Input\n                    className={cn(\n                        'h-11 text-base sm:text-sm font-medium flex w-full bg-transparent outline-hidden placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50',\n                        className,\n                    )}\n                    {...props}\n                    data-slot={slotName}\n                />\n            </div>\n        </div>\n    );\n}\n\nfunction CommandList({\n    className,\n    slotName = 'command-list',\n    ...props\n}: React.ComponentProps<typeof CommandPrimitive.List> & SlotNameProps) {\n    return (\n        <CommandPrimitive.List\n            className={cn(\n                'scroll-py-1 max-h-[300px] overflow-x-hidden overflow-y-auto',\n                className,\n            )}\n            {...props}\n            data-slot={slotName}\n        />\n    );\n}\n\nfunction CommandEmpty({\n    className,\n    children,\n    slotName = 'command-empty',\n    ...props\n}: React.ComponentProps<typeof CommandPrimitive.Empty> & SlotNameProps) {\n    return (\n        <CommandPrimitive.Empty\n            className={cn(\n                'gap-3 px-6 py-10 flex flex-col items-center justify-center text-center',\n                className,\n            )}\n            {...props}\n            data-slot={slotName}\n        >\n            <span className=\"size-10 flex items-center justify-center rounded-full bg-surface-recessed text-muted-foreground\">\n                <SearchXIcon className=\"size-5\" />\n            </span>\n            <span className=\"text-sm text-muted-foreground\">{children}</span>\n        </CommandPrimitive.Empty>\n    );\n}\n\nfunction CommandGroup({\n    className,\n    slotName = 'command-group',\n    ...props\n}: React.ComponentProps<typeof CommandPrimitive.Group> & SlotNameProps) {\n    return (\n        <CommandPrimitive.Group\n            className={cn(\n                'p-3 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium overflow-hidden text-foreground [&_[cmdk-group-heading]]:text-muted-foreground',\n                className,\n            )}\n            {...props}\n            data-slot={slotName}\n        />\n    );\n}\n\nfunction CommandSeparator({\n    className,\n    slotName = 'command-separator',\n    ...props\n}: React.ComponentProps<typeof CommandPrimitive.Separator> & SlotNameProps) {\n    return (\n        <CommandPrimitive.Separator\n            className={cn('mx-3 h-px bg-border', className)}\n            {...props}\n            data-slot={slotName}\n        />\n    );\n}\n\nfunction CommandItem({\n    className,\n    slotName = 'command-item',\n    ...props\n}: React.ComponentProps<typeof CommandPrimitive.Item> & SlotNameProps) {\n    return (\n        <CommandPrimitive.Item\n            className={cn(\n                \"gap-2 px-2 py-1.5 text-sm [&_svg:not([class*='size-'])]:size-4 rounded-xl relative flex cursor-default items-center outline-hidden select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='text-'])]:text-muted-foreground\",\n                className,\n            )}\n            {...props}\n            data-slot={slotName}\n        />\n    );\n}\n\nfunction CommandShortcut({\n    className,\n    slotName = 'command-shortcut',\n    ...props\n}: React.ComponentProps<'span'> & SlotNameProps) {\n    return (\n        <span\n            className={cn(\n                'text-xs tracking-widest ml-auto text-muted-foreground',\n                className,\n            )}\n            {...props}\n            data-slot={slotName}\n        />\n    );\n}\n\nexport {\n    Command,\n    CommandDialog,\n    CommandEmpty,\n    CommandGroup,\n    CommandInput,\n    CommandItem,\n    CommandList,\n    CommandSeparator,\n    CommandShortcut,\n};\n","import { Popover as PopoverPrimitive } from 'radix-ui';\nimport * as React from 'react';\n\nimport { panelSurface } from '@/lib/language';\nimport { cn } from '@/lib/utils';\nimport type { SlotNameProps } from '@/types';\n\nconst Popover = PopoverPrimitive.Root;\n\nconst PopoverTrigger = PopoverPrimitive.Trigger;\n\nconst PopoverAnchor = PopoverPrimitive.Anchor;\n\nconst PopoverContent = React.forwardRef<\n    React.ElementRef<typeof PopoverPrimitive.Content>,\n    React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content> &\n        SlotNameProps\n>(\n    (\n        {\n            className,\n            align = 'center',\n            sideOffset = 4,\n            slotName = 'popover-content',\n            ...props\n        },\n        ref,\n    ) => (\n        <PopoverPrimitive.Portal>\n            <PopoverPrimitive.Content\n                ref={ref}\n                align={align}\n                sideOffset={sideOffset}\n                className={cn(\n                    `${panelSurface} p-4 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-full origin-[--radix-popover-content-transform-origin] bg-popover/90 outline-none`,\n                    className,\n                )}\n                {...props}\n                data-slot={slotName}\n            />\n        </PopoverPrimitive.Portal>\n    ),\n);\nPopoverContent.displayName = PopoverPrimitive.Content.displayName;\n\nexport { Popover, PopoverAnchor, PopoverContent, PopoverTrigger };\n","import * as SelectPrimitive from '@radix-ui/react-select';\nimport { CheckIcon, ChevronDownIcon, ChevronUpIcon } from 'lucide-react';\nimport * as React from 'react';\n\nimport { fieldFocus, fieldSurface, menuSurface } from '@/lib/language';\nimport { cn } from '@/lib/utils';\nimport type { SlotNameProps } from '@/types';\n\nfunction Select({\n    slotName = 'select',\n    ...props\n}: React.ComponentProps<typeof SelectPrimitive.Root> & SlotNameProps) {\n    return <SelectPrimitive.Root {...props} data-slot={slotName} />;\n}\n\nfunction SelectGroup({\n    slotName = 'select-group',\n    ...props\n}: React.ComponentProps<typeof SelectPrimitive.Group> & SlotNameProps) {\n    return <SelectPrimitive.Group {...props} data-slot={slotName} />;\n}\n\nfunction SelectValue({\n    slotName = 'select-value',\n    ...props\n}: React.ComponentProps<typeof SelectPrimitive.Value> & SlotNameProps) {\n    return <SelectPrimitive.Value {...props} data-slot={slotName} />;\n}\n\nfunction SelectTrigger({\n    className,\n    children,\n    slotName = 'select-trigger',\n    ...props\n}: React.ComponentProps<typeof SelectPrimitive.Trigger> & SlotNameProps) {\n    return (\n        <SelectPrimitive.Trigger\n            className={cn(\n                `${fieldSurface} h-11 px-4 font-medium *:data-[slot=select-value]:gap-2 [&_svg:not([class*='size-'])]:size-4 flex w-full items-center justify-between transition-[color,box-shadow] disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 data-[placeholder]:text-muted-foreground *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center [&_svg]:pointer-events-none [&_svg]:shrink-0 [&>span]:line-clamp-1 ${fieldFocus}`,\n                className,\n            )}\n            {...props}\n            data-slot={slotName}\n        >\n            {children}\n            <SelectPrimitive.Icon asChild>\n                <ChevronDownIcon className=\"size-4 opacity-50\" />\n            </SelectPrimitive.Icon>\n        </SelectPrimitive.Trigger>\n    );\n}\n\nfunction SelectContent({\n    className,\n    children,\n    position = 'popper',\n    slotName = 'select-content',\n    ...props\n}: React.ComponentProps<typeof SelectPrimitive.Content> & SlotNameProps) {\n    return (\n        <SelectPrimitive.Portal>\n            <SelectPrimitive.Content\n                className={cn(\n                    `${menuSurface} max-h-96 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 relative z-50 min-w-[8rem] overflow-hidden bg-popover/95`,\n                    position === 'popper' &&\n                        'data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1',\n                    className,\n                )}\n                position={position}\n                {...props}\n                data-slot={slotName}\n            >\n                <SelectScrollUpButton />\n                <SelectPrimitive.Viewport\n                    className={cn(\n                        'p-1',\n                        position === 'popper' &&\n                            'scroll-my-1 h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]',\n                    )}\n                >\n                    {children}\n                </SelectPrimitive.Viewport>\n                <SelectScrollDownButton />\n            </SelectPrimitive.Content>\n        </SelectPrimitive.Portal>\n    );\n}\n\nfunction SelectLabel({\n    className,\n    slotName = 'select-label',\n    ...props\n}: React.ComponentProps<typeof SelectPrimitive.Label> & SlotNameProps) {\n    return (\n        <SelectPrimitive.Label\n            className={cn(\n                'px-2 py-1.5 text-xs font-medium tracking-wider text-muted-foreground uppercase',\n                className,\n            )}\n            {...props}\n            data-slot={slotName}\n        />\n    );\n}\n\nfunction SelectItem({\n    className,\n    children,\n    slotName = 'select-item',\n    ...props\n}: React.ComponentProps<typeof SelectPrimitive.Item> & SlotNameProps) {\n    return (\n        <SelectPrimitive.Item\n            className={cn(\n                \"gap-2 rounded-xl py-1.5 pr-8 pl-2 text-sm [&_svg:not([class*='size-'])]:size-4 *:[span]:last:gap-2 focus:font-semibold relative flex w-full cursor-default items-center outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='text-'])]:text-muted-foreground *:[span]:last:flex *:[span]:last:items-center\",\n                className,\n            )}\n            {...props}\n            data-slot={slotName}\n        >\n            <span className=\"right-2 size-3.5 absolute flex items-center justify-center\">\n                <SelectPrimitive.ItemIndicator>\n                    <CheckIcon className=\"size-4\" />\n                </SelectPrimitive.ItemIndicator>\n            </span>\n            <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n        </SelectPrimitive.Item>\n    );\n}\n\nfunction SelectSeparator({\n    className,\n    slotName = 'select-separator',\n    ...props\n}: React.ComponentProps<typeof SelectPrimitive.Separator> & SlotNameProps) {\n    return (\n        <SelectPrimitive.Separator\n            className={cn(\n                '-mx-1 my-1 pointer-events-none h-px bg-border',\n                className,\n            )}\n            {...props}\n            data-slot={slotName}\n        />\n    );\n}\n\nfunction SelectScrollUpButton({\n    className,\n    slotName = 'select-scroll-up-button',\n    ...props\n}: React.ComponentProps<typeof SelectPrimitive.ScrollUpButton> &\n    SlotNameProps) {\n    return (\n        <SelectPrimitive.ScrollUpButton\n            className={cn(\n                'py-1 flex cursor-default items-center justify-center',\n                className,\n            )}\n            {...props}\n            data-slot={slotName}\n        >\n            <ChevronUpIcon className=\"size-4\" />\n        </SelectPrimitive.ScrollUpButton>\n    );\n}\n\nfunction SelectScrollDownButton({\n    className,\n    slotName = 'select-scroll-down-button',\n    ...props\n}: React.ComponentProps<typeof SelectPrimitive.ScrollDownButton> &\n    SlotNameProps) {\n    return (\n        <SelectPrimitive.ScrollDownButton\n            className={cn(\n                'py-1 flex cursor-default items-center justify-center',\n                className,\n            )}\n            {...props}\n            data-slot={slotName}\n        >\n            <ChevronDownIcon className=\"size-4\" />\n        </SelectPrimitive.ScrollDownButton>\n    );\n}\n\nexport {\n    Select,\n    SelectContent,\n    SelectGroup,\n    SelectItem,\n    SelectLabel,\n    SelectScrollDownButton,\n    SelectScrollUpButton,\n    SelectSeparator,\n    SelectTrigger,\n    SelectValue,\n};\n","import * as React from 'react';\n\nexport interface FloatingSheetLabels {\n    backLabel: string;\n    closeLabel: string;\n}\n\nexport const floatingSheetDefaultLabels: FloatingSheetLabels = {\n    backLabel: 'Back',\n    closeLabel: 'Close',\n};\n\nexport const FLOATING_SHEET_OFFSET_LIMIT = 3;\n\nexport interface FloatingSheetStackEntry {\n    id: string;\n    title: React.ReactNode;\n    persistent: boolean;\n    close: () => void;\n}\n\nexport interface FloatingSheetStackContextValue {\n    labels: FloatingSheetLabels;\n    container: HTMLElement | null;\n    entries: FloatingSheetStackEntry[];\n    register: (entry: FloatingSheetStackEntry) => void;\n    unregister: (id: string) => void;\n    closeAll: () => void;\n}\n\nexport const FloatingSheetStackContext =\n    React.createContext<FloatingSheetStackContextValue | null>(null);\n\nexport function useFloatingSheetStack(): FloatingSheetStackContextValue {\n    const context = React.useContext(FloatingSheetStackContext);\n\n    if (!context) {\n        throw new Error(\n            'FloatingSheet must be rendered inside a FloatingSheetStack.',\n        );\n    }\n\n    return context;\n}\n","import * as DialogPrimitive from '@radix-ui/react-dialog';\nimport * as React from 'react';\n\nimport {\n    FloatingSheetStackContext,\n    floatingSheetDefaultLabels,\n    type FloatingSheetLabels,\n    type FloatingSheetStackContextValue,\n    type FloatingSheetStackEntry,\n} from '@/components/ui/floating-sheet-context';\nimport { useUiLabels } from '@/locales/context';\nimport type { SlotNameProps } from '@/types';\n\nexport function FloatingSheetStack({\n    children,\n    labels,\n    slotName = 'floating-sheet-stack',\n}: {\n    children: React.ReactNode;\n    labels?: Partial<FloatingSheetLabels>;\n} & SlotNameProps) {\n    const { backLabel, closeLabel } = useUiLabels(\n        'floatingSheet',\n        floatingSheetDefaultLabels,\n        labels,\n    );\n    const [entries, setEntries] = React.useState<FloatingSheetStackEntry[]>([]);\n    const [container, setContainer] = React.useState<HTMLElement | null>(null);\n\n    const register = React.useCallback((entry: FloatingSheetStackEntry) => {\n        setEntries((current) =>\n            current.some((item) => item.id === entry.id)\n                ? current.map((item) => (item.id === entry.id ? entry : item))\n                : [...current, entry],\n        );\n    }, []);\n\n    const unregister = React.useCallback((id: string) => {\n        setEntries((current) => current.filter((item) => item.id !== id));\n    }, []);\n\n    const closeAll = React.useCallback(() => {\n        for (const entry of [...entries].reverse()) {\n            entry.close();\n        }\n    }, [entries]);\n\n    const value = React.useMemo<FloatingSheetStackContextValue>(\n        () => ({\n            labels: { backLabel, closeLabel },\n            container,\n            entries,\n            register,\n            unregister,\n            closeAll,\n        }),\n        [\n            backLabel,\n            closeLabel,\n            container,\n            entries,\n            register,\n            unregister,\n            closeAll,\n        ],\n    );\n\n    const top = entries.at(-1);\n\n    return (\n        <FloatingSheetStackContext.Provider value={value}>\n            {children}\n\n            <DialogPrimitive.Root\n                open={entries.length > 0}\n                onOpenChange={(open) => {\n                    if (!open) {\n                        closeAll();\n                    }\n                }}\n            >\n                <DialogPrimitive.Portal>\n                    <DialogPrimitive.Overlay\n                        data-slot=\"floating-sheet-overlay\"\n                        className=\"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 inset-0 bg-black/60 backdrop-blur-sm fixed z-50\"\n                    />\n                    <DialogPrimitive.Content\n                        aria-describedby={undefined}\n                        onEscapeKeyDown={(event) => {\n                            event.preventDefault();\n\n                            if (!top?.persistent) {\n                                top?.close();\n                            }\n                        }}\n                        onInteractOutside={(event) => {\n                            if (top?.persistent) {\n                                event.preventDefault();\n                            }\n                        }}\n                        onOpenAutoFocus={(event) => event.preventDefault()}\n                        onCloseAutoFocus={(event) => event.preventDefault()}\n                        className=\"inset-2 sm:inset-y-4 sm:right-4 sm:left-auto sm:w-[calc(100vw-2rem)] sm:max-w-lg sm:p-0 fixed z-50 p-[env(safe-area-inset-top)_env(safe-area-inset-right)_env(safe-area-inset-bottom)_env(safe-area-inset-left)] outline-none\"\n                        data-slot={slotName}\n                    >\n                        <DialogPrimitive.Title className=\"sr-only\">\n                            {top?.title}\n                        </DialogPrimitive.Title>\n                        <div\n                            ref={setContainer}\n                            data-slot=\"floating-sheet-panels\"\n                            className=\"relative h-full w-full\"\n                        />\n                    </DialogPrimitive.Content>\n                </DialogPrimitive.Portal>\n            </DialogPrimitive.Root>\n        </FloatingSheetStackContext.Provider>\n    );\n}\n","import { ArrowLeftIcon, XIcon } from 'lucide-react';\nimport * as React from 'react';\nimport { createPortal } from 'react-dom';\n\nimport {\n    FLOATING_SHEET_OFFSET_LIMIT,\n    floatingSheetDefaultLabels,\n    useFloatingSheetStack,\n    type FloatingSheetLabels,\n} from '@/components/ui/floating-sheet-context';\nimport { FloatingSheetStack } from '@/components/ui/floating-sheet-stack';\nimport { focusRing, modalSurface } from '@/lib/language';\nimport { cn } from '@/lib/utils';\nimport type { SlotNameProps } from '@/types';\n\nfunction FloatingSheet({\n    open,\n    onOpenChange,\n    title,\n    description,\n    persistent = false,\n    className,\n    children,\n    slotName = 'floating-sheet',\n    ...props\n}: Omit<React.ComponentProps<'section'>, 'title'> & {\n    open: boolean;\n    onOpenChange: (open: boolean) => void;\n    title: React.ReactNode;\n    description?: React.ReactNode;\n    persistent?: boolean;\n} & SlotNameProps) {\n    const { labels, container, entries, register, unregister, closeAll } =\n        useFloatingSheetStack();\n    const id = React.useId();\n    const titleId = `${id}-title`;\n    const descriptionId = `${id}-description`;\n    const close = React.useCallback(() => onOpenChange(false), [onOpenChange]);\n    const closeRef = React.useRef(close);\n    const titleRef = React.useRef(title);\n    const openerRef = React.useRef<Element | null>(null);\n    const panelRef = React.useRef<HTMLElement | null>(null);\n    const focusedRef = React.useRef(false);\n\n    React.useEffect(() => {\n        closeRef.current = close;\n        titleRef.current = title;\n    });\n\n    React.useEffect(() => {\n        if (!open) {\n            return;\n        }\n\n        register({\n            id,\n            title: titleRef.current,\n            persistent,\n            close: () => closeRef.current(),\n        });\n    }, [open, id, persistent, register]);\n\n    React.useEffect(() => {\n        if (!open) {\n            return;\n        }\n\n        return () => unregister(id);\n    }, [open, id, unregister]);\n\n    const index = entries.findIndex((entry) => entry.id === id);\n    const depth = index === -1 ? 0 : entries.length - 1 - index;\n    const isTop = index !== -1 && depth === 0;\n\n    React.useEffect(() => {\n        if (open) {\n            openerRef.current = document.activeElement;\n\n            return;\n        }\n\n        const opener = openerRef.current;\n        openerRef.current = null;\n\n        if (opener instanceof HTMLElement && document.contains(opener)) {\n            opener.focus();\n        }\n    }, [open]);\n\n    React.useEffect(() => {\n        if (!open) {\n            focusedRef.current = false;\n\n            return;\n        }\n\n        if (!isTop || focusedRef.current) {\n            return;\n        }\n\n        focusedRef.current = true;\n\n        const frame = requestAnimationFrame(() => panelRef.current?.focus());\n\n        return () => cancelAnimationFrame(frame);\n    }, [open, isTop]);\n\n    if (!open || !container) {\n        return null;\n    }\n\n    const offset = Math.min(depth, FLOATING_SHEET_OFFSET_LIMIT);\n\n    return createPortal(\n        <section\n            ref={panelRef}\n            data-depth={depth}\n            role=\"dialog\"\n            aria-labelledby={titleId}\n            aria-describedby={description ? descriptionId : undefined}\n            tabIndex={-1}\n            inert={!isTop}\n            style={{\n                transform: `translateX(-${offset * 26}px) scale(${1 - offset * 0.035})`,\n                zIndex: index,\n            }}\n            className={cn(\n                `${modalSurface} inset-0 ease-out absolute flex flex-col overflow-hidden transition-transform duration-300 outline-none`,\n                depth > 0 && 'max-sm:hidden pointer-events-none',\n                depth > FLOATING_SHEET_OFFSET_LIMIT && 'hidden',\n                className,\n            )}\n            {...props}\n            data-slot={slotName}\n        >\n            <header\n                data-slot=\"floating-sheet-header\"\n                className=\"gap-1 p-5 flex flex-col\"\n            >\n                {index > 0 ? (\n                    <button\n                        type=\"button\"\n                        data-slot=\"floating-sheet-back\"\n                        onClick={close}\n                        className={cn(\n                            'gap-2 h-8 -ml-2 px-2 text-sm font-medium inline-flex w-fit items-center rounded-full text-muted-foreground transition-colors hover:bg-accent hover:text-foreground',\n                            focusRing,\n                        )}\n                    >\n                        <ArrowLeftIcon className=\"size-4\" />\n                        {labels.backLabel}\n                    </button>\n                ) : null}\n\n                <h2\n                    id={titleId}\n                    data-slot=\"floating-sheet-title\"\n                    className=\"pr-10 text-lg font-semibold text-foreground\"\n                >\n                    {title}\n                </h2>\n\n                {description ? (\n                    <p\n                        id={descriptionId}\n                        data-slot=\"floating-sheet-description\"\n                        className=\"text-sm text-muted-foreground\"\n                    >\n                        {description}\n                    </p>\n                ) : null}\n            </header>\n\n            {children}\n\n            <button\n                type=\"button\"\n                data-slot=\"floating-sheet-close\"\n                aria-label={labels.closeLabel}\n                onClick={closeAll}\n                className={cn(\n                    'top-4 right-4 size-9 shadow-xs absolute flex items-center justify-center rounded-full border border-border bg-muted text-muted-foreground transition-colors hover:bg-accent hover:text-foreground disabled:pointer-events-none',\n                    focusRing,\n                )}\n            >\n                <XIcon className=\"size-4\" />\n            </button>\n        </section>,\n        container,\n    );\n}\n\nfunction FloatingSheetBody({\n    className,\n    slotName = 'floating-sheet-body',\n    ...props\n}: React.ComponentProps<'div'> & SlotNameProps) {\n    return (\n        <div\n            className={cn('p-5 flex-1 overflow-y-auto', className)}\n            {...props}\n            data-slot={slotName}\n        />\n    );\n}\n\nfunction FloatingSheetFooter({\n    className,\n    slotName = 'floating-sheet-footer',\n    ...props\n}: React.ComponentProps<'div'> & SlotNameProps) {\n    return (\n        <div\n            className={cn(\n                'gap-2 p-5 mt-auto flex items-center justify-end',\n                className,\n            )}\n            {...props}\n            data-slot={slotName}\n        />\n    );\n}\n\nexport {\n    FloatingSheet,\n    FloatingSheetBody,\n    floatingSheetDefaultLabels,\n    FloatingSheetFooter,\n    FloatingSheetStack,\n    type FloatingSheetLabels,\n};\n","import { OTPInput, OTPInputContext } from 'input-otp';\nimport { Minus } from 'lucide-react';\nimport * as React from 'react';\n\nimport { controlFill, glassControl } from '@/lib/language';\nimport { cn } from '@/lib/utils';\nimport type { SlotNameProps } from '@/types';\n\nconst InputOTP = React.forwardRef<\n    React.ElementRef<typeof OTPInput>,\n    React.ComponentPropsWithoutRef<typeof OTPInput>\n>(({ className, containerClassName, ...props }, ref) => (\n    <OTPInput\n        ref={ref}\n        containerClassName={cn(\n            'gap-2 flex items-center has-[:disabled]:opacity-50',\n            containerClassName,\n        )}\n        className={cn('disabled:cursor-not-allowed', className)}\n        {...props}\n    />\n));\nInputOTP.displayName = 'InputOTP';\n\nconst InputOTPGroup = React.forwardRef<\n    React.ElementRef<'div'>,\n    React.ComponentPropsWithoutRef<'div'>\n>(({ className, ...props }, ref) => (\n    <div ref={ref} className={cn('flex items-center', className)} {...props} />\n));\nInputOTPGroup.displayName = 'InputOTPGroup';\n\nconst InputOTPSlot = React.forwardRef<\n    React.ElementRef<'div'>,\n    React.ComponentPropsWithoutRef<'div'> & { index: number } & SlotNameProps\n>(({ index, className, slotName = 'input-otp-slot', ...props }, ref) => {\n    const inputOTPContext = React.useContext(OTPInputContext);\n    const { char, hasFakeCaret, isActive } = inputOTPContext.slots[index];\n\n    return (\n        <div\n            ref={ref}\n            className={cn(\n                glassControl,\n                controlFill,\n                'size-11 text-base sm:text-sm font-medium first:rounded-l-2xl last:rounded-r-2xl relative flex items-center justify-center rounded-none transition-all',\n                isActive && 'z-10 ring-[3px] ring-ring/50',\n                className,\n            )}\n            {...props}\n            data-slot={slotName}\n        >\n            {char}\n            {hasFakeCaret && (\n                <div className=\"inset-0 pointer-events-none absolute flex items-center justify-center\">\n                    <div className=\"h-4 animate-caret-blink w-px bg-foreground duration-1000\" />\n                </div>\n            )}\n        </div>\n    );\n});\nInputOTPSlot.displayName = 'InputOTPSlot';\n\nconst InputOTPSeparator = React.forwardRef<\n    React.ElementRef<'div'>,\n    React.ComponentPropsWithoutRef<'div'>\n>(({ ...props }, ref) => (\n    <div ref={ref} role=\"separator\" {...props}>\n        <Minus />\n    </div>\n));\nInputOTPSeparator.displayName = 'InputOTPSeparator';\n\nexport { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot };\n","import * as SwitchPrimitives from '@radix-ui/react-switch';\nimport * as React from 'react';\n\nimport { focusRing } from '@/lib/language';\nimport { cn } from '@/lib/utils';\nimport type { SlotNameProps } from '@/types';\n\nconst Switch = React.forwardRef<\n    React.ElementRef<typeof SwitchPrimitives.Root>,\n    React.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root> & SlotNameProps\n>(({ className, slotName = 'switch', ...props }, ref) => (\n    <SwitchPrimitives.Root\n        className={cn(\n            `peer h-6 w-11 shadow-sm inline-flex shrink-0 cursor-pointer items-center rounded-full border border-transparent transition-colors disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input ${focusRing}`,\n            className,\n        )}\n        {...props}\n        ref={ref}\n        data-slot={slotName}\n    >\n        <SwitchPrimitives.Thumb\n            data-slot=\"switch-thumb\"\n            className={cn(\n                'size-5 shadow-lg data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0 pointer-events-none block rounded-full bg-background ring-0 transition-transform',\n            )}\n        />\n    </SwitchPrimitives.Root>\n));\nSwitch.displayName = SwitchPrimitives.Root.displayName;\n\nexport { Switch };\n","import * as TabsPrimitive from '@radix-ui/react-tabs';\nimport * as React from 'react';\n\nimport { elevatedSurface, focusRing, nestedSurfaceReset } from '@/lib/language';\nimport { cn } from '@/lib/utils';\nimport type { SlotNameProps } from '@/types';\n\nconst Tabs = React.forwardRef<\n    React.ElementRef<typeof TabsPrimitive.Root>,\n    React.ComponentPropsWithoutRef<typeof TabsPrimitive.Root> & SlotNameProps\n>(({ slotName = 'tabs', ...props }, ref) => (\n    <TabsPrimitive.Root ref={ref} {...props} data-slot={slotName} />\n));\nTabs.displayName = TabsPrimitive.Root.displayName;\n\nconst TabsList = React.forwardRef<\n    React.ElementRef<typeof TabsPrimitive.List>,\n    React.ComponentPropsWithoutRef<typeof TabsPrimitive.List> & SlotNameProps\n>(({ className, slotName = 'tabs-list', ...props }, ref) => (\n    <TabsPrimitive.List\n        ref={ref}\n        className={cn(\n            'h-11 p-1.5 rounded-2xl inline-flex items-center justify-center bg-muted text-muted-foreground',\n            className,\n        )}\n        {...props}\n        data-slot={slotName}\n    />\n));\nTabsList.displayName = TabsPrimitive.List.displayName;\n\nconst TabsTrigger = React.forwardRef<\n    React.ElementRef<typeof TabsPrimitive.Trigger>,\n    React.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger> & SlotNameProps\n>(({ className, slotName = 'tabs-trigger', ...props }, ref) => (\n    <TabsPrimitive.Trigger\n        ref={ref}\n        className={cn(\n            `px-4 text-sm font-medium data-[state=active]:shadow-sm h-8 rounded-xl data-[state=active]:font-semibold inline-flex items-center justify-center whitespace-nowrap transition-all disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-tab-active data-[state=active]:text-foreground ${focusRing}`,\n            className,\n        )}\n        {...props}\n        data-slot={slotName}\n    />\n));\nTabsTrigger.displayName = TabsPrimitive.Trigger.displayName;\n\nconst TabsContent = React.forwardRef<\n    React.ElementRef<typeof TabsPrimitive.Content>,\n    React.ComponentPropsWithoutRef<typeof TabsPrimitive.Content> & SlotNameProps\n>(({ className, slotName = 'tabs-content', ...props }, ref) => (\n    <TabsPrimitive.Content\n        ref={ref}\n        className={cn(\n            elevatedSurface,\n            nestedSurfaceReset,\n            `mt-2 p-5 bg-card ${focusRing}`,\n            className,\n        )}\n        {...props}\n        data-slot={slotName}\n    />\n));\nTabsContent.displayName = TabsPrimitive.Content.displayName;\n\nexport { Tabs, TabsContent, TabsList, TabsTrigger };\n","import * as React from 'react';\n\nimport { fieldFocus, fieldSurface } from '@/lib/language';\nimport { cn } from '@/lib/utils';\nimport type { SlotNameProps } from '@/types';\n\nconst Textarea = React.forwardRef<\n    HTMLTextAreaElement,\n    React.ComponentProps<'textarea'> & SlotNameProps\n>(({ className, slotName = 'textarea', ...props }, ref) => {\n    return (\n        <textarea\n            className={cn(\n                fieldSurface,\n                'px-4 py-3 font-medium min-h-24 flex w-full resize-none transition-[color,box-shadow] selection:bg-primary selection:text-primary-foreground placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50',\n                fieldFocus,\n                'aria-invalid:border-destructive aria-invalid:ring-destructive/20',\n                className,\n            )}\n            ref={ref}\n            {...props}\n            data-slot={slotName}\n        />\n    );\n});\nTextarea.displayName = 'Textarea';\n\nexport { Textarea };\n"],"mappings":"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","names":["jsx","className","props","jsx","jsxs","React","jsx","ChevronDownIcon","jsx","jsxs","ChevronDownIcon","React","React","jsx","jsxs","React","jsx","jsxs","React","jsx","jsxs","React","jsx","React","jsx","React","jsx"]}

package/dist/{chunk-MCMBS2SB.js → chunk-UXVI326F.js}

@@ -1,9 +1,14 @@
-import { useUiLabels } from './chunk-QNF4LJVT.js';
-import { Button } from './chunk-I5UZAJB4.js';
-import { Check, Copy } from 'lucide-react';
-import * as React from 'react';
-import { jsx, jsxs } from 'react/jsx-runtime';
+import {
+  useUiLabels
+} from "./chunk-E26KKMGS.js";
+import {
+  Button
+} from "./chunk-KHOA4TEI.js";
 
+// src/components/ui/copy-button.tsx
+import { Check, Copy } from "lucide-react";
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 var copyButtonLabels = {
   copyLabel: "Copy",
   copiedLabel: "Copied"
@@ -78,6 +83,8 @@ function CopyButton({
   ) });
 }
 
-export { CopyButton, copyButtonLabels };
-//# sourceMappingURL=chunk-MCMBS2SB.js.map
-//# sourceMappingURL=chunk-MCMBS2SB.js.map
+export {
+  copyButtonLabels,
+  CopyButton
+};
+//# sourceMappingURL=chunk-UXVI326F.js.map

package/dist/chunk-UXVI326F.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ui/copy-button.tsx"],"sourcesContent":["import { type VariantProps } from 'class-variance-authority';\nimport { Check, Copy } from 'lucide-react';\nimport * as React from 'react';\n\nimport { Button, buttonVariants } from '@/components/ui/button';\nimport { useUiLabels } from '@/locales/context';\nimport type { SlotNameProps } from '@/types';\n\nexport interface CopyButtonLabels {\n    copyLabel: string;\n    copiedLabel: string;\n}\n\nexport const copyButtonLabels: CopyButtonLabels = {\n    copyLabel: 'Copy',\n    copiedLabel: 'Copied',\n};\n\ninterface CopyButtonProps\n    extends\n        Omit<React.ComponentProps<'button'>, 'value' | 'onCopy' | 'onError'>,\n        VariantProps<typeof buttonVariants> {\n    value: string;\n    copyLabel?: CopyButtonLabels['copyLabel'];\n    copiedLabel?: CopyButtonLabels['copiedLabel'];\n    acknowledgementDuration?: number;\n    onCopied?: (value: string) => void;\n    onCopyFailed?: (reason: unknown) => void;\n}\n\nasync function writeToClipboard(value: string): Promise<void> {\n    const clipboard = globalThis.navigator?.clipboard;\n\n    if (typeof clipboard?.writeText !== 'function') {\n        throw new Error('The clipboard is not available in this context.');\n    }\n\n    await clipboard.writeText(value);\n}\n\nfunction CopyButton({\n    value,\n    copyLabel,\n    copiedLabel,\n    acknowledgementDuration = 2000,\n    onCopied,\n    onCopyFailed,\n    onClick,\n    variant = 'ghost',\n    size = 'icon-sm',\n    className,\n    slotName = 'copy-button',\n    ...props\n}: CopyButtonProps & SlotNameProps) {\n    const labels = useUiLabels('copyButton', copyButtonLabels, {\n        copyLabel,\n        copiedLabel,\n    });\n    const [copied, setCopied] = React.useState(false);\n    const timer = React.useRef<ReturnType<typeof setTimeout>>(undefined);\n\n    React.useEffect(() => () => clearTimeout(timer.current), []);\n\n    async function copy(event: React.MouseEvent<HTMLButtonElement>) {\n        onClick?.(event);\n\n        try {\n            await writeToClipboard(value);\n        } catch (reason) {\n            onCopyFailed?.(reason);\n\n            return;\n        }\n\n        setCopied(true);\n        onCopied?.(value);\n\n        clearTimeout(timer.current);\n        timer.current = setTimeout(\n            () => setCopied(false),\n            acknowledgementDuration,\n        );\n    }\n\n    return (\n        <Button asChild variant={variant} size={size} className={className}>\n            <button\n                {...props}\n                type=\"button\"\n                data-copied={copied || undefined}\n                aria-label={copied ? labels.copiedLabel : labels.copyLabel}\n                onClick={copy}\n                data-slot={slotName}\n            >\n                {copied ? (\n                    <Check aria-hidden=\"true\" />\n                ) : (\n                    <Copy aria-hidden=\"true\" />\n                )}\n                <span\n                    data-slot=\"copy-button-status\"\n                    role=\"status\"\n                    aria-live=\"polite\"\n                    className=\"sr-only\"\n                >\n                    {copied ? labels.copiedLabel : ''}\n                </span>\n            </button>\n        </Button>\n    );\n}\n\nexport { CopyButton, type CopyButtonProps };\n"],"mappings":";;;;;;;;AACA,SAAS,OAAO,YAAY;AAC5B,YAAY,WAAW;AAoFX,SASQ,KATR;AAzEL,IAAM,mBAAqC;AAAA,EAC9C,WAAW;AAAA,EACX,aAAa;AACjB;AAcA,eAAe,iBAAiB,OAA8B;AAC1D,QAAM,YAAY,WAAW,WAAW;AAExC,MAAI,OAAO,WAAW,cAAc,YAAY;AAC5C,UAAM,IAAI,MAAM,iDAAiD;AAAA,EACrE;AAEA,QAAM,UAAU,UAAU,KAAK;AACnC;AAEA,SAAS,WAAW;AAAA,EAChB;AAAA,EACA;AAAA,EACA;AAAA,EACA,0BAA0B;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV,OAAO;AAAA,EACP;AAAA,EACA,WAAW;AAAA,EACX,GAAG;AACP,GAAoC;AAChC,QAAM,SAAS,YAAY,cAAc,kBAAkB;AAAA,IACvD;AAAA,IACA;AAAA,EACJ,CAAC;AACD,QAAM,CAAC,QAAQ,SAAS,IAAU,eAAS,KAAK;AAChD,QAAM,QAAc,aAAsC,MAAS;AAEnE,EAAM,gBAAU,MAAM,MAAM,aAAa,MAAM,OAAO,GAAG,CAAC,CAAC;AAE3D,iBAAe,KAAK,OAA4C;AAC5D,cAAU,KAAK;AAEf,QAAI;AACA,YAAM,iBAAiB,KAAK;AAAA,IAChC,SAAS,QAAQ;AACb,qBAAe,MAAM;AAErB;AAAA,IACJ;AAEA,cAAU,IAAI;AACd,eAAW,KAAK;AAEhB,iBAAa,MAAM,OAAO;AAC1B,UAAM,UAAU;AAAA,MACZ,MAAM,UAAU,KAAK;AAAA,MACrB;AAAA,IACJ;AAAA,EACJ;AAEA,SACI,oBAAC,UAAO,SAAO,MAAC,SAAkB,MAAY,WAC1C;AAAA,IAAC;AAAA;AAAA,MACI,GAAG;AAAA,MACJ,MAAK;AAAA,MACL,eAAa,UAAU;AAAA,MACvB,cAAY,SAAS,OAAO,cAAc,OAAO;AAAA,MACjD,SAAS;AAAA,MACT,aAAW;AAAA,MAEV;AAAA,iBACG,oBAAC,SAAM,eAAY,QAAO,IAE1B,oBAAC,QAAK,eAAY,QAAO;AAAA,QAE7B;AAAA,UAAC;AAAA;AAAA,YACG,aAAU;AAAA,YACV,MAAK;AAAA,YACL,aAAU;AAAA,YACV,WAAU;AAAA,YAET,mBAAS,OAAO,cAAc;AAAA;AAAA,QACnC;AAAA;AAAA;AAAA,EACJ,GACJ;AAER;","names":[]}

package/dist/chunk-VA6A4HZ2.js

@@ -0,0 +1,394 @@
+import {
+  useUiLabels
+} from "./chunk-E26KKMGS.js";
+import {
+  Label
+} from "./chunk-TM5MN3MI.js";
+import {
+  Input
+} from "./chunk-3Z2VGVPI.js";
+import {
+  Button,
+  cn,
+  elevatedSurface,
+  focusRing
+} from "./chunk-KHOA4TEI.js";
+
+// src/components/ui/alert.tsx
+import { cva } from "class-variance-authority";
+import { jsx } from "react/jsx-runtime";
+var alertVariants = cva(
+  `${elevatedSurface} relative w-full px-5 py-4 text-sm grid has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-3 gap-y-0.5 items-start [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current`,
+  {
+    variants: {
+      variant: {
+        default: "bg-card text-card-foreground",
+        destructive: "border-destructive/30 bg-destructive/10 text-destructive [&>svg]:text-current *:data-[slot=alert-description]:text-destructive/80",
+        warning: "ring-warning/20 bg-warning/10 text-warning *:data-[slot=alert-description]:text-warning/80",
+        info: "ring-info/20 bg-info/10 text-info *:data-[slot=alert-description]:text-info/80"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+var alertDefaultLabels = {
+  warningLabel: "Warning",
+  infoLabel: "Information"
+};
+var SEVERITY_LABELS = {
+  warning: "warningLabel",
+  info: "infoLabel"
+};
+function Alert({
+  className,
+  variant,
+  labels,
+  slotName = "alert",
+  ...props
+}) {
+  const resolved = useUiLabels("alert", alertDefaultLabels, labels);
+  const severity = variant ? SEVERITY_LABELS[variant] : void 0;
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      role: "alert",
+      "aria-label": severity ? resolved[severity] : void 0,
+      className: cn(alertVariants({ variant }), className),
+      ...props,
+      "data-slot": slotName
+    }
+  );
+}
+function AlertTitle({
+  className,
+  slotName = "alert-title",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        "min-h-4 font-medium tracking-tight col-start-2 line-clamp-1",
+        className
+      ),
+      ...props,
+      "data-slot": slotName
+    }
+  );
+}
+function AlertDescription({
+  className,
+  slotName = "alert-description",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        "gap-1 text-sm [&_p]:leading-relaxed col-start-2 grid justify-items-start text-muted-foreground",
+        className
+      ),
+      ...props,
+      "data-slot": slotName
+    }
+  );
+}
+
+// src/components/ui/checkbox.tsx
+import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
+import { CheckIcon } from "lucide-react";
+import { jsx as jsx2 } from "react/jsx-runtime";
+function Checkbox({
+  className,
+  slotName = "checkbox",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx2(
+    CheckboxPrimitive.Root,
+    {
+      className: cn(
+        `peer size-5 shadow-xs shrink-0 rounded-md border border-border transition-all disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 data-[state=checked]:border-primary data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground ${focusRing}`,
+        className
+      ),
+      ...props,
+      "data-slot": slotName,
+      children: /* @__PURE__ */ jsx2(
+        CheckboxPrimitive.Indicator,
+        {
+          "data-slot": "checkbox-indicator",
+          className: "flex items-center justify-center text-current transition-none",
+          children: /* @__PURE__ */ jsx2(CheckIcon, { className: "size-3.5" })
+        }
+      )
+    }
+  );
+}
+
+// src/components/ui/field-context.ts
+import * as React from "react";
+var FieldContext = React.createContext(null);
+function useOptionalField() {
+  return React.useContext(FieldContext);
+}
+function useField() {
+  const field = useOptionalField();
+  if (!field) {
+    throw new Error("Field parts must be rendered inside a Field.");
+  }
+  return field;
+}
+
+// src/components/ui/field-error.tsx
+import { jsx as jsx3 } from "react/jsx-runtime";
+function FieldError({
+  message,
+  className,
+  slotName = "field-error",
+  ...props
+}) {
+  const field = useOptionalField();
+  if (!message) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx3(
+    "p",
+    {
+      id: field?.errorId,
+      className: cn(
+        "ml-1 text-xs font-medium text-destructive group-data-[orientation=horizontal]/field:col-span-2 group-data-[orientation=horizontal]/field:row-start-3",
+        className
+      ),
+      ...props,
+      "data-slot": slotName,
+      children: message
+    }
+  );
+}
+
+// src/components/ui/field.tsx
+import { Slot } from "@radix-ui/react-slot";
+import * as React2 from "react";
+import { Fragment, jsx as jsx4, jsxs } from "react/jsx-runtime";
+function Field({
+  className,
+  children,
+  id,
+  orientation = "vertical",
+  error,
+  invalid,
+  required = false,
+  slotName = "field",
+  ...props
+}) {
+  const generatedId = React2.useId();
+  const fieldId = id ?? generatedId;
+  const [hasDescription, setHasDescription] = React2.useState(false);
+  const isInvalid = invalid ?? Boolean(error);
+  const field = React2.useMemo(
+    () => ({
+      controlId: fieldId,
+      descriptionId: `${fieldId}-description`,
+      errorId: `${fieldId}-error`,
+      orientation,
+      invalid: isInvalid,
+      required,
+      hasDescription,
+      setHasDescription
+    }),
+    [fieldId, orientation, isInvalid, required, hasDescription]
+  );
+  return /* @__PURE__ */ jsx4(FieldContext.Provider, { value: field, children: /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-orientation": orientation,
+      "data-invalid": isInvalid ? "true" : void 0,
+      className: cn(
+        "group/field",
+        orientation === "horizontal" ? "gap-x-4 gap-y-1 grid grid-cols-[1fr_auto] items-center" : "gap-2 flex flex-col",
+        className
+      ),
+      ...props,
+      "data-slot": slotName,
+      children: [
+        children,
+        /* @__PURE__ */ jsx4(FieldError, { message: error })
+      ]
+    }
+  ) });
+}
+function FieldGroup({
+  className,
+  slotName = "field-group",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx4(
+    "div",
+    {
+      className: cn("gap-6 flex w-full flex-col", className),
+      ...props,
+      "data-slot": slotName
+    }
+  );
+}
+function FieldLabel({
+  className,
+  children,
+  requiredLabel = "Required",
+  slotName = "field-label",
+  ...props
+}) {
+  const { controlId, invalid, required } = useField();
+  return /* @__PURE__ */ jsxs(
+    Label,
+    {
+      htmlFor: controlId,
+      className: cn(
+        "gap-1 flex items-center group-data-[orientation=horizontal]/field:col-start-1 group-data-[orientation=horizontal]/field:row-start-1",
+        invalid && "text-destructive",
+        className
+      ),
+      ...props,
+      slotName,
+      children: [
+        children,
+        required ? /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx4(
+            "span",
+            {
+              "data-slot": "field-required",
+              "aria-hidden": "true",
+              className: "text-destructive",
+              children: "*"
+            }
+          ),
+          /* @__PURE__ */ jsx4("span", { className: "sr-only", children: requiredLabel })
+        ] }) : null
+      ]
+    }
+  );
+}
+function FieldDescription({
+  className,
+  slotName = "field-description",
+  ...props
+}) {
+  const { descriptionId, setHasDescription } = useField();
+  React2.useEffect(() => {
+    setHasDescription(true);
+    return () => setHasDescription(false);
+  }, [setHasDescription]);
+  return /* @__PURE__ */ jsx4(
+    "p",
+    {
+      id: descriptionId,
+      className: cn(
+        "ml-1 text-xs font-medium text-muted-foreground group-data-[orientation=horizontal]/field:col-start-1 group-data-[orientation=horizontal]/field:row-start-2",
+        className
+      ),
+      ...props,
+      "data-slot": slotName
+    }
+  );
+}
+function FieldControl({
+  className,
+  ...props
+}) {
+  const {
+    controlId,
+    descriptionId,
+    errorId,
+    invalid,
+    required,
+    hasDescription
+  } = useField();
+  const requiredProps = required ? { required: true } : {};
+  const describedBy = [
+    hasDescription ? descriptionId : null,
+    invalid ? errorId : null
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsx4(
+    Slot,
+    {
+      "data-field-control": "true",
+      id: controlId,
+      "aria-describedby": describedBy || void 0,
+      "aria-invalid": invalid ? true : void 0,
+      ...requiredProps,
+      className: cn(
+        "group-data-[orientation=horizontal]/field:col-start-2 group-data-[orientation=horizontal]/field:row-span-2 group-data-[orientation=horizontal]/field:row-start-1 group-data-[orientation=horizontal]/field:justify-self-end",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+// src/components/ui/password-input.tsx
+import { Eye, EyeOff } from "lucide-react";
+import * as React3 from "react";
+import { jsx as jsx5, jsxs as jsxs2 } from "react/jsx-runtime";
+var passwordInputDefaultLabels = {
+  showLabel: "Show password",
+  hideLabel: "Hide password"
+};
+function PasswordInput({
+  className,
+  revealable = true,
+  showLabel,
+  hideLabel,
+  slotName = "password-input",
+  ...props
+}) {
+  const labels = useUiLabels("passwordInput", passwordInputDefaultLabels, {
+    showLabel,
+    hideLabel
+  });
+  const [visible, setVisible] = React3.useState(false);
+  return /* @__PURE__ */ jsxs2("div", { className: "relative w-full", "data-slot": slotName, children: [
+    /* @__PURE__ */ jsx5(
+      Input,
+      {
+        type: visible ? "text" : "password",
+        className: cn(revealable && "pr-12", className),
+        ...props
+      }
+    ),
+    revealable ? /* @__PURE__ */ jsx5(
+      Button,
+      {
+        type: "button",
+        variant: "ghost",
+        size: "icon-sm",
+        slotName: "password-input-toggle",
+        "aria-label": visible ? labels.hideLabel : labels.showLabel,
+        "aria-pressed": visible,
+        disabled: props.disabled,
+        onMouseDown: (event) => event.preventDefault(),
+        onClick: () => setVisible((current) => !current),
+        className: "right-1 absolute top-1/2 -translate-y-1/2",
+        children: visible ? /* @__PURE__ */ jsx5(EyeOff, { "aria-hidden": "true" }) : /* @__PURE__ */ jsx5(Eye, { "aria-hidden": "true" })
+      }
+    ) : null
+  ] });
+}
+
+export {
+  alertDefaultLabels,
+  Alert,
+  AlertTitle,
+  AlertDescription,
+  Checkbox,
+  useField,
+  FieldError,
+  Field,
+  FieldGroup,
+  FieldLabel,
+  FieldDescription,
+  FieldControl,
+  passwordInputDefaultLabels,
+  PasswordInput
+};
+//# sourceMappingURL=chunk-VA6A4HZ2.js.map