@me1a/ui 2.6.1 → 2.6.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/dist/index.d.mts +9 -1
  2. package/dist/index.mjs.map +1 -1
  3. package/dist/markdown-editor/index.d.mts +9 -1
  4. package/dist/markdown-editor/index.mjs +1 -1
  5. package/dist/markdown-editor/index.mjs.map +1 -1
  6. package/package.json +1 -1
package/dist/index.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/components/atoms/button/button.tsx","../src/utils/cn.ts","../src/components/atoms/text-field/text-field.tsx","../src/components/atoms/input/input.tsx","../src/components/atoms/label/label.tsx","../src/components/atoms/container/container.tsx","../src/components/atoms/box/box.tsx","../src/components/atoms/stack/stack.tsx","../src/components/atoms/dialog/dialog.tsx","../src/components/atoms/separator/separator.tsx","../src/components/atoms/sheet/sheet.tsx","../src/components/atoms/skeleton/skeleton.tsx","../src/components/atoms/avatar/avatar.tsx","../src/components/atoms/tooltip/tooltip.tsx","../src/components/atoms/badge/badge.tsx","../src/components/atoms/badge/badge.variants.ts","../src/components/atoms/typography/typography.tsx","../src/components/atoms/page-loader/page-loader.tsx","../src/components/atoms/toast/toast.tsx","../src/hooks/use-toast.ts","../src/components/atoms/toaster/toaster.tsx","../src/components/atoms/table/table.tsx","../src/components/atoms/resizable/resizable.tsx","../src/components/atoms/select/select.tsx","../src/components/atoms/command/command.tsx","../src/components/atoms/select/multi-select.tsx","../src/components/atoms/switch/switch.tsx","../src/components/atoms/collapsible/collapsible.tsx","../src/components/atoms/pagination/pagination.tsx","../src/components/atoms/radio-group/radio-group.tsx","../src/components/atoms/accordion/accordion.tsx","../src/components/atoms/checkbox/checkbox.tsx","../src/components/atoms/breadcrumb/breadcrumb.tsx","../src/components/atoms/dnd-input/dnd-input.tsx","../src/components/atoms/scroll-area/scroll-area.tsx","../src/components/molecules/card/card.tsx","../src/components/molecules/navigation-menu/navigation-menu.tsx","../src/components/molecules/navigation-menu/navigation-menu.variants.ts","../src/components/molecules/tabs/tabs.tsx","../src/components/molecules/markdown-editor/markdown-editor.tsx","../src/components/molecules/markdown-editor/extensions.ts","../src/components/organisms/drawer/drawer.tsx","../src/components/organisms/sidebar/sidebar.tsx","../src/hooks/use-mobile.tsx","../src/components/organisms/dropdown-menu/dropdown-menu.tsx","../src/components/rhf/rhf-text-field/rhf-text-field.tsx","../src/components/rhf/form/form.tsx","../src/components/rhf/rhf-textarea/rhf-textarea.tsx","../src/components/atoms/textarea/textarea.tsx","../src/components/rhf/rhf-checkbox/rhf-checkbox.tsx","../src/components/rhf/rhf-switch/rhf-switch.tsx","../src/components/rhf/rhf-radio-group/rhf-radio-group.tsx","../src/components/rhf/rhf-radio-button-group/rhf-radio-button-group.tsx","../src/components/rhf/rhf-multi-select/rhf-multi-select.tsx","../src/components/rhf/rhf-select/rhf-select.tsx","../src/components/rhf/rhf-dnd-input/rhf-dnd-input.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { Slot } from \"@radix-ui/react-slot\"\nimport { cva } from \"class-variance-authority\"\nimport { cn } from \"@/utils/cn\"\nimport { Loader2 } from \"lucide-react\"\nimport { ButtonProps } from \"./button.types\"\n\n/**\n * Button variant styles using class-variance-authority.\n * Defines the visual styles for different button variants and sizes.\n * Follows WCAG 2.1 Level AA guidelines for accessibility.\n *\n * @example\n * ```tsx\n * <Button variant=\"primary\" size=\"lg\">Click me</Button>\n * ```\n */\nconst buttonVariants = cva(\n \"inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50\",\n {\n variants: {\n variant: {\n default: \"bg-primary text-primary-foreground shadow hover:bg-primary/90\",\n destructive: \"bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90\",\n outline:\n \"border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground\",\n secondary: \"bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80\",\n ghost: \"hover:bg-accent hover:text-accent-foreground\",\n link: \"text-primary underline-offset-4 hover:underline\"\n } as const,\n size: {\n default: \"h-9 px-4 py-2\",\n sm: \"h-8 rounded-md px-3 text-xs\",\n lg: \"h-10 rounded-md px-8\",\n icon: \"h-9 w-9\"\n } as const\n },\n defaultVariants: {\n variant: \"default\",\n size: \"default\"\n }\n }\n)\n\n/**\n * A versatile button component that supports multiple variants, sizes, and can be rendered as a child component.\n * Built on top of Radix UI's Slot primitive for maximum flexibility.\n * Implements proper accessibility features and follows WCAG 2.1 Level AA guidelines.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-button--docs\n *\n * @component\n * @example\n * ```tsx\n * // Default button\n * <Button>Click me</Button>\n *\n * // Destructive button with small size\n * <Button variant=\"destructive\" size=\"sm\">Delete</Button>\n *\n * // As a link\n * <Button variant=\"link\" asChild>\n * <a href=\"/about\">About</a>\n * </Button>\n *\n * // With icons\n * <Button startIcon={<Icon />}>With Start Icon</Button>\n * <Button endIcon={<Icon />}>With End Icon</Button>\n *\n * // Loading state\n * <Button loading>Loading</Button>\n * ```\n *\n * @param {ButtonProps} props - The component props\n * @param {React.Ref<HTMLButtonElement>} ref - Forwarded ref\n * @returns {JSX.Element} A button element\n */\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n (\n {\n className,\n variant,\n size,\n asChild = false,\n startIcon,\n endIcon,\n loading = false,\n disabled,\n children,\n type = \"button\",\n \"aria-label\": ariaLabel,\n ...props\n },\n ref\n ) => {\n const Comp = asChild ? Slot : \"button\"\n const isDisabled = disabled || loading\n const buttonAriaLabel = ariaLabel || (typeof children === \"string\" ? children : undefined)\n\n // Handle keyboard interaction\n const handleKeyDown = (event: React.KeyboardEvent) => {\n if (event.key === \"Enter\" || event.key === \" \") {\n event.preventDefault()\n if (!isDisabled && props.onClick) {\n props.onClick(event as unknown as React.MouseEvent<HTMLButtonElement>)\n }\n }\n }\n\n if (asChild) {\n return (\n <Comp\n className={cn(buttonVariants({ variant, size, className }))}\n ref={ref}\n disabled={isDisabled}\n type={type}\n aria-label={buttonAriaLabel}\n aria-disabled={isDisabled}\n {...props}\n >\n {children}\n </Comp>\n )\n }\n\n return (\n <Comp\n className={cn(buttonVariants({ variant, size, className }))}\n ref={ref}\n disabled={isDisabled}\n type={type}\n aria-label={buttonAriaLabel}\n aria-disabled={isDisabled}\n onKeyDown={handleKeyDown}\n {...props}\n >\n {loading && (\n <Loader2\n className=\"mr-2 h-4 w-4 animate-spin\"\n role=\"status\"\n aria-label=\"Loading\"\n aria-hidden=\"true\"\n />\n )}\n {!loading && startIcon && (\n <span className=\"mr-2\" aria-hidden=\"true\">\n {startIcon}\n </span>\n )}\n {children}\n {!loading && endIcon && (\n <span className=\"ml-2\" aria-hidden=\"true\">\n {endIcon}\n </span>\n )}\n </Comp>\n )\n }\n)\nButton.displayName = \"Button\"\n\nexport { Button, buttonVariants }\n","import { type ClassValue, clsx } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n return twMerge(clsx(inputs))\n}\n","import * as React from \"react\"\nimport { cva } from \"class-variance-authority\"\nimport { cn } from \"@/utils/cn\"\nimport { TextFieldProps } from \"./text-field.types\"\nimport { Loader2 } from \"lucide-react\"\nimport { Input } from \"../input\"\nimport { Label } from \"../label\"\n\n/**\n * Text field variant styles using class-variance-authority.\n * Defines the visual styles for different text field variants and sizes.\n */\nconst textFieldVariants = cva(\"w-full\", {\n variants: {\n variant: {\n default: \"\",\n error: \"border-destructive focus-visible:ring-destructive\"\n },\n size: {\n default: \"h-10\",\n sm: \"h-8 text-xs\",\n lg: \"h-12 text-base\"\n }\n },\n defaultVariants: {\n variant: \"default\",\n size: \"default\"\n }\n})\n\n/**\n * A versatile text field component that supports multiple variants, sizes, and icons.\n * Built on top of shadcn/ui's Input component.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-text-field--docs\n *\n * @component\n * @example\n * ```tsx\n * // Default text field\n * <TextField placeholder=\"Enter text\" />\n *\n * // With icons\n * <TextField startIcon={<SearchIcon />} placeholder=\"Search...\" />\n * <TextField endIcon={<CalendarIcon />} placeholder=\"Select date\" />\n *\n * // With loading state\n * <TextField loading placeholder=\"Loading...\" />\n *\n * // With error\n * <TextField error=\"Invalid input\" placeholder=\"Enter text\" />\n * ```\n */\nconst TextField = React.forwardRef<HTMLInputElement, TextFieldProps>(\n (\n {\n className,\n variant,\n size,\n startIcon,\n endIcon,\n loading = false,\n error,\n label,\n helperText,\n disabled,\n ...props\n },\n ref\n ) => {\n const id = React.useId()\n\n return (\n <div className=\"w-full space-y-2\">\n {label && <Label htmlFor={id}>{label}</Label>}\n <div className=\"relative\">\n {startIcon && (\n <div className=\"absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground\">\n {startIcon}\n </div>\n )}\n <Input\n id={id}\n className={cn(\n textFieldVariants({ variant: error ? \"error\" : variant, size, className }),\n startIcon && \"pl-9\",\n (endIcon || loading) && \"pr-9\"\n )}\n ref={ref}\n disabled={disabled || loading}\n {...props}\n />\n {(endIcon || loading) && (\n <div className=\"absolute right-3 top-1/2 -translate-y-1/2 text-muted-foreground\">\n {loading ? <Loader2 className=\"h-4 w-4 animate-spin\" /> : endIcon}\n </div>\n )}\n </div>\n {(error || helperText) && (\n <p className={cn(\"text-sm\", error ? \"text-destructive\" : \"text-muted-foreground\")}>\n {error || helperText}\n </p>\n )}\n </div>\n )\n }\n)\n\nTextField.displayName = \"TextField\"\n\nexport { TextField, textFieldVariants }\n","import * as React from \"react\"\n\nimport { cn } from \"@/utils/cn\"\n\n/**\n * Input component for creating accessible input fields.\n * Built on top of shadcn/ui's Input component.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-input--docs\n *\n */\nconst Input = React.forwardRef<HTMLInputElement, React.ComponentProps<\"input\">>(\n ({ className, type, ...props }, ref) => {\n return (\n <input\n type={type}\n className={cn(\n \"flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm\",\n className\n )}\n ref={ref}\n {...props}\n />\n )\n }\n)\nInput.displayName = \"Input\"\n\nexport { Input }\n","import * as React from \"react\"\nimport * as LabelPrimitive from \"@radix-ui/react-label\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@/utils/index\"\n\nconst labelVariants = cva(\n \"text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70\"\n)\n\nexport interface LabelProps\n extends React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root>,\n VariantProps<typeof labelVariants> {}\n\n/**\n * Label component for creating accessible labels.\n * Built on top of Radix UI's Label primitive.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-label--docs\n *\n */\nconst Label = React.forwardRef<React.ElementRef<typeof LabelPrimitive.Root>, LabelProps>(\n ({ className, ...props }, ref) => (\n <LabelPrimitive.Root ref={ref} className={cn(labelVariants(), className)} {...props} />\n )\n)\nLabel.displayName = LabelPrimitive.Root.displayName\n\nexport { Label }\n","/**\n * Container is a layout component that provides a centered, max-width wrapper for content.\n * It's designed to create consistent horizontal padding and maximum widths across different screen sizes.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-container--docs\n *\n * @example\n * ```tsx\n * // Basic usage\n * <Container>\n * <h1>Page Title</h1>\n * <p>Content goes here...</p>\n * </Container>\n *\n * // With custom max width\n * <Container maxWidth=\"xl\">\n * <h1>Wider Content</h1>\n * </Container>\n *\n * // Fluid container (no max-width)\n * <Container fluid>\n * <h1>Full Width Content</h1>\n * </Container>\n *\n * // Without padding\n * <Container disablePadding>\n * <h1>No Padding Content</h1>\n * </Container>\n * ```\n */\nimport { cn } from \"@/utils\"\nimport * as React from \"react\"\n\nexport interface ContainerProps extends React.HTMLAttributes<HTMLDivElement> {\n /**\n * The maximum width of the container.\n * - \"sm\": 640px\n * - \"md\": 768px\n * - \"lg\": 1024px\n * - \"xl\": 1280px\n * - \"full\": 100%\n * - false: No max-width (fluid)\n *\n * @default \"lg\"\n */\n maxWidth?: \"sm\" | \"md\" | \"lg\" | \"xl\" | \"full\" | false\n /**\n * Whether to disable the default horizontal padding.\n * When true, removes the default padding (px-4 sm:px-6 lg:px-8).\n *\n * @default false\n */\n disablePadding?: boolean\n /**\n * Whether to make the container fluid (no max-width).\n * When true, the container will expand to fill its parent's width.\n *\n * @default false\n */\n fluid?: boolean\n}\n\nconst Container = React.forwardRef<HTMLDivElement, ContainerProps>(\n ({ className, maxWidth = \"lg\", disablePadding = false, fluid = false, ...props }, ref) => {\n return (\n <div\n ref={ref}\n className={cn(\n // Base styles\n \"mx-auto w-full\",\n // Padding\n !disablePadding && \"px-4 sm:px-6 lg:px-8\",\n // Max width\n !fluid && {\n \"max-w-screen-sm\": maxWidth === \"sm\",\n \"max-w-screen-md\": maxWidth === \"md\",\n \"max-w-screen-lg\": maxWidth === \"lg\",\n \"max-w-screen-xl\": maxWidth === \"xl\",\n \"max-w-full\": maxWidth === \"full\"\n },\n className\n )}\n {...props}\n />\n )\n }\n)\n\nContainer.displayName = \"Container\"\n\nexport { Container }\n","/**\n * Box is a fundamental layout component that serves as a building block for other components.\n * It's a polymorphic component that can render as different HTML elements while maintaining\n * consistent styling and behavior.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-box--docs\n *\n * @example\n * ```tsx\n * // Basic usage\n * <Box>Content</Box>\n *\n * // As a different element\n * <Box as=\"section\">Section content</Box>\n *\n * // With custom className\n * <Box className=\"bg-primary text-white p-4\">Styled content</Box>\n *\n * // With custom dimensions\n * <Box width=\"100px\" height=\"200px\">Fixed size content</Box>\n * <Box width=\"50%\" height=\"auto\">Responsive content</Box>\n * ```\n */\nimport * as React from \"react\"\nimport { cn } from \"@/utils\"\n\ntype BoxComponent =\n | \"div\"\n | \"span\"\n | \"section\"\n | \"article\"\n | \"main\"\n | \"aside\"\n | \"header\"\n | \"footer\"\n | \"nav\"\n\ntype DimensionValue = string | number\n\nexport interface BoxProps extends React.HTMLAttributes<HTMLDivElement> {\n /**\n * The HTML element to render the Box as.\n * This allows for semantic HTML while maintaining consistent styling.\n *\n * @default \"div\"\n */\n as?: BoxComponent\n\n /**\n * The width of the Box component.\n * Can be a number (interpreted as pixels) or a string (e.g., \"100%\", \"50px\", \"10rem\").\n */\n width?: DimensionValue\n\n /**\n * The height of the Box component.\n * Can be a number (interpreted as pixels) or a string (e.g., \"100%\", \"50px\", \"10rem\").\n */\n height?: DimensionValue\n}\n\nconst Box = React.forwardRef<HTMLDivElement, BoxProps>(\n ({ as: Component = \"div\", className, width, height, style, ...props }, ref) => {\n const dimensionStyles = {\n width: typeof width === \"number\" ? `${width}px` : width,\n height: typeof height === \"number\" ? `${height}px` : height,\n ...style\n }\n\n return <Component ref={ref} className={cn(className)} style={dimensionStyles} {...props} />\n }\n)\n\nBox.displayName = \"Box\"\n\nexport { Box }\n","/**\n * Stack is a layout component that arranges its children in a vertical or horizontal stack\n * with consistent spacing between items. It's built on top of Flexbox and provides\n * a simple way to create consistent layouts.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-stack--docs\n *\n * @example\n * ```tsx\n * // Basic vertical stack\n * <Stack>\n * <div>Item 1</div>\n * <div>Item 2</div>\n * <div>Item 3</div>\n * </Stack>\n *\n * // Horizontal stack with custom spacing\n * <Stack direction=\"horizontal\" spacing=\"lg\">\n * <div>Item 1</div>\n * <div>Item 2</div>\n * </Stack>\n *\n * // Centered stack with wrapping\n * <Stack direction=\"horizontal\" center wrap>\n * <div>Item 1</div>\n * <div>Item 2</div>\n * <div>Item 3</div>\n * </Stack>\n *\n * // Stack with custom alignment\n * <Stack align=\"center\" justify=\"between\">\n * <div>Left</div>\n * <div>Center</div>\n * <div>Right</div>\n * </Stack>\n *\n * // Stack with custom dimensions\n * <Stack width=\"100%\" height=\"200px\">\n * <div>Full width, fixed height stack</div>\n * </Stack>\n * ```\n */\nimport * as React from \"react\"\nimport { cn } from \"@/utils\"\n\nexport interface StackProps extends React.HTMLAttributes<HTMLDivElement> {\n /**\n * The direction in which to stack the items.\n * - \"vertical\": Items are stacked top to bottom\n * - \"horizontal\": Items are stacked left to right\n *\n * @default \"vertical\"\n */\n direction?: \"vertical\" | \"horizontal\"\n /**\n * The spacing between items in the stack.\n * - \"none\": 0px\n * - \"xs\": 0.25rem (4px)\n * - \"sm\": 0.5rem (8px)\n * - \"md\": 1rem (16px)\n * - \"lg\": 1.5rem (24px)\n * - \"xl\": 2rem (32px)\n *\n * @default \"md\"\n */\n spacing?: \"none\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\"\n /**\n * Whether to allow items to wrap to the next line when they don't fit.\n * Only applies to horizontal stacks.\n *\n * @default false\n */\n wrap?: boolean\n /**\n * Whether to center items both horizontally and vertically.\n * This is a shorthand for setting both align and justify to \"center\".\n *\n * @default false\n */\n center?: boolean\n /**\n * How to justify items along the main axis.\n * - \"start\": Items are packed toward the start\n * - \"end\": Items are packed toward the end\n * - \"center\": Items are centered\n * - \"between\": Items are evenly distributed with first item at start and last at end\n * - \"around\": Items are evenly distributed with equal space around them\n * - \"evenly\": Items are distributed so that the spacing between any two items is equal\n *\n * @default undefined\n */\n justify?: \"start\" | \"end\" | \"center\" | \"between\" | \"around\" | \"evenly\"\n /**\n * How to align items along the cross axis.\n * - \"start\": Items are aligned at the start\n * - \"end\": Items are aligned at the end\n * - \"center\": Items are centered\n * - \"stretch\": Items are stretched to fill the container\n * - \"baseline\": Items are aligned at their baselines\n *\n * @default undefined\n */\n align?: \"start\" | \"end\" | \"center\" | \"stretch\" | \"baseline\"\n /**\n * The width of the stack container.\n * Can be any valid CSS width value (e.g., \"100%\", \"200px\", \"50vw\").\n *\n * @default undefined\n */\n width?: string\n /**\n * The height of the stack container.\n * Can be any valid CSS height value (e.g., \"100%\", \"200px\", \"50vh\").\n *\n * @default undefined\n */\n height?: string\n}\n\nconst Stack = React.forwardRef<HTMLDivElement, StackProps>(\n (\n {\n className,\n direction = \"vertical\",\n spacing = \"md\",\n wrap = false,\n center = false,\n justify,\n align,\n width,\n height,\n style,\n ...props\n },\n ref\n ) => {\n return (\n <div\n ref={ref}\n className={cn(\n // Base styles\n \"flex\",\n // Direction\n direction === \"vertical\" ? \"flex-col\" : \"flex-row\",\n // Spacing\n {\n \"gap-0\": spacing === \"none\",\n \"gap-1\": spacing === \"xs\",\n \"gap-2\": spacing === \"sm\",\n \"gap-4\": spacing === \"md\",\n \"gap-6\": spacing === \"lg\",\n \"gap-8\": spacing === \"xl\"\n },\n // Wrap\n wrap && \"flex-wrap\",\n // Center\n center && \"items-center justify-center\",\n // Justify\n justify && {\n \"justify-start\": justify === \"start\",\n \"justify-end\": justify === \"end\",\n \"justify-center\": justify === \"center\",\n \"justify-between\": justify === \"between\",\n \"justify-around\": justify === \"around\",\n \"justify-evenly\": justify === \"evenly\"\n },\n // Align\n align && {\n \"items-start\": align === \"start\",\n \"items-end\": align === \"end\",\n \"items-center\": align === \"center\",\n \"items-stretch\": align === \"stretch\",\n \"items-baseline\": align === \"baseline\"\n },\n className\n )}\n style={{\n width,\n height,\n ...style\n }}\n {...props}\n />\n )\n }\n)\n\nStack.displayName = \"Stack\"\n\nexport { Stack }\n","import * as React from \"react\"\nimport * as DialogPrimitive from \"@radix-ui/react-dialog\"\nimport { X } from \"lucide-react\"\nimport { cn } from \"@/utils\"\n\n/**\n * Dialog component for creating accessible dialogs with overlay and content.\n * Built on top of Radix UI's Dialog primitive.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-dialog--docs\n *\n * @example\n * ```tsx\n * <Dialog>\n * <DialogTrigger>Open Dialog</DialogTrigger>\n * <DialogContent>Dialog Content</DialogContent>\n * </Dialog>\n */\nconst Dialog = DialogPrimitive.Root\n\nconst DialogTrigger = DialogPrimitive.Trigger\n\nconst DialogPortal = DialogPrimitive.Portal\n\nconst DialogClose = DialogPrimitive.Close\n\nconst DialogOverlay = React.forwardRef<\n React.ElementRef<typeof DialogPrimitive.Overlay>,\n React.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>\n>(({ className, ...props }, ref) => (\n <DialogPrimitive.Overlay\n ref={ref}\n className={cn(\n \"fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0\",\n className\n )}\n {...props}\n />\n))\nDialogOverlay.displayName = DialogPrimitive.Overlay.displayName\n\nconst DialogContent = React.forwardRef<\n React.ElementRef<typeof DialogPrimitive.Content>,\n React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>\n>(({ className, children, ...props }, ref) => (\n <DialogPortal>\n <DialogOverlay />\n <DialogPrimitive.Content\n ref={ref}\n className={cn(\n \"fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 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-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg\",\n className\n )}\n {...props}\n >\n {children}\n <DialogPrimitive.Close className=\"absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground\">\n <X className=\"h-4 w-4\" />\n <span className=\"sr-only\">Close</span>\n </DialogPrimitive.Close>\n </DialogPrimitive.Content>\n </DialogPortal>\n))\nDialogContent.displayName = DialogPrimitive.Content.displayName\n\nconst DialogHeader = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n <div className={cn(\"flex flex-col space-y-1.5 text-center sm:text-left\", className)} {...props} />\n)\nDialogHeader.displayName = \"DialogHeader\"\n\nconst DialogFooter = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n <div\n className={cn(\"flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2\", className)}\n {...props}\n />\n)\nDialogFooter.displayName = \"DialogFooter\"\n\nconst DialogTitle = React.forwardRef<\n React.ElementRef<typeof DialogPrimitive.Title>,\n React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title>\n>(({ className, ...props }, ref) => (\n <DialogPrimitive.Title\n ref={ref}\n className={cn(\"text-lg font-semibold leading-none tracking-tight\", className)}\n {...props}\n />\n))\nDialogTitle.displayName = DialogPrimitive.Title.displayName\n\nconst DialogDescription = React.forwardRef<\n React.ElementRef<typeof DialogPrimitive.Description>,\n React.ComponentPropsWithoutRef<typeof DialogPrimitive.Description>\n>(({ className, ...props }, ref) => (\n <DialogPrimitive.Description\n ref={ref}\n className={cn(\"text-sm text-muted-foreground\", className)}\n {...props}\n />\n))\nDialogDescription.displayName = DialogPrimitive.Description.displayName\n\nexport {\n Dialog,\n DialogPortal,\n DialogOverlay,\n DialogTrigger,\n DialogClose,\n DialogContent,\n DialogHeader,\n DialogFooter,\n DialogTitle,\n DialogDescription\n}\n","import * as React from \"react\"\nimport * as SeparatorPrimitive from \"@radix-ui/react-separator\"\n\nimport { cn } from \"@/utils/index\"\n\n/**\n * Separator component for creating horizontal or vertical dividers.\n * Built on top of Radix UI's Separator primitive.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-separator--docs\n *\n */\nconst Separator = React.forwardRef<\n React.ElementRef<typeof SeparatorPrimitive.Root>,\n React.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root>\n>(({ className, orientation = \"horizontal\", decorative = true, ...props }, ref) => (\n <SeparatorPrimitive.Root\n ref={ref}\n decorative={decorative}\n orientation={orientation}\n className={cn(\n \"shrink-0 bg-border\",\n orientation === \"horizontal\" ? \"h-[1px] w-full\" : \"h-full w-[1px]\",\n className\n )}\n {...props}\n />\n))\nSeparator.displayName = SeparatorPrimitive.Root.displayName\n\nexport { Separator }\n","\"use client\";\n\"use client\"\n\nimport * as React from \"react\"\nimport * as SheetPrimitive from \"@radix-ui/react-dialog\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\nimport { X } from \"lucide-react\"\n\nimport { cn } from \"@/utils/index\"\n\n/**\n * Sheet component for creating accessible sheets with overlay and content.\n * Built on top of Radix UI's Sheet primitive.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-sheet--docs\n *\n * @example\n * ```tsx\n * <Sheet>\n * <SheetTrigger>Open Sheet</SheetTrigger>\n * <SheetContent>Sheet Content</SheetContent>\n * </Sheet>\n */\nconst Sheet = SheetPrimitive.Root\n\nconst SheetTrigger = SheetPrimitive.Trigger\n\nconst SheetClose = SheetPrimitive.Close\n\nconst SheetPortal = SheetPrimitive.Portal\n\nconst SheetOverlay = React.forwardRef<\n React.ElementRef<typeof SheetPrimitive.Overlay>,\n React.ComponentPropsWithoutRef<typeof SheetPrimitive.Overlay>\n>(({ className, ...props }, ref) => (\n <SheetPrimitive.Overlay\n className={cn(\n \"fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0\",\n className\n )}\n {...props}\n ref={ref}\n />\n))\nSheetOverlay.displayName = SheetPrimitive.Overlay.displayName\n\nconst sheetVariants = cva(\n \"fixed z-50 gap-4 bg-background p-6 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500 data-[state=open]:animate-in data-[state=closed]:animate-out\",\n {\n variants: {\n side: {\n top: \"inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top\",\n bottom:\n \"inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom\",\n left: \"inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm\",\n right:\n \"inset-y-0 right-0 h-full w-3/4 border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm\"\n }\n },\n defaultVariants: {\n side: \"right\"\n }\n }\n)\n\ninterface SheetContentProps\n extends React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>,\n VariantProps<typeof sheetVariants> {}\n\nconst SheetContent = React.forwardRef<\n React.ElementRef<typeof SheetPrimitive.Content>,\n SheetContentProps\n>(({ side = \"right\", className, children, ...props }, ref) => (\n <SheetPortal>\n <SheetOverlay />\n <SheetPrimitive.Content ref={ref} className={cn(sheetVariants({ side }), className)} {...props}>\n <SheetPrimitive.Close className=\"absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary\">\n <X className=\"h-4 w-4\" />\n <span className=\"sr-only\">Close</span>\n </SheetPrimitive.Close>\n {children}\n </SheetPrimitive.Content>\n </SheetPortal>\n))\nSheetContent.displayName = SheetPrimitive.Content.displayName\n\nconst SheetHeader = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n <div className={cn(\"flex flex-col space-y-2 text-center sm:text-left\", className)} {...props} />\n)\nSheetHeader.displayName = \"SheetHeader\"\n\nconst SheetFooter = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n <div\n className={cn(\"flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2\", className)}\n {...props}\n />\n)\nSheetFooter.displayName = \"SheetFooter\"\n\nconst SheetTitle = React.forwardRef<\n React.ElementRef<typeof SheetPrimitive.Title>,\n React.ComponentPropsWithoutRef<typeof SheetPrimitive.Title>\n>(({ className, ...props }, ref) => (\n <SheetPrimitive.Title\n ref={ref}\n className={cn(\"text-lg font-semibold text-foreground\", className)}\n {...props}\n />\n))\nSheetTitle.displayName = SheetPrimitive.Title.displayName\n\nconst SheetDescription = React.forwardRef<\n React.ElementRef<typeof SheetPrimitive.Description>,\n React.ComponentPropsWithoutRef<typeof SheetPrimitive.Description>\n>(({ className, ...props }, ref) => (\n <SheetPrimitive.Description\n ref={ref}\n className={cn(\"text-sm text-muted-foreground\", className)}\n {...props}\n />\n))\nSheetDescription.displayName = SheetPrimitive.Description.displayName\n\nexport {\n Sheet,\n SheetPortal,\n SheetOverlay,\n SheetTrigger,\n SheetClose,\n SheetContent,\n SheetHeader,\n SheetFooter,\n SheetTitle,\n SheetDescription\n}\n","import * as React from \"react\"\nimport { cn } from \"@/utils/index\"\n\n/**\n * Skeleton component for creating a loading state.\n * Built on top of shadcn/ui's Skeleton component.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-skeleton--docs\n *\n * @example\n * ```tsx\n * <Skeleton className=\"w-10 h-10\" />\n * ```\n */\nfunction Skeleton({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) {\n return <div className={cn(\"animate-pulse rounded-md bg-primary/10\", className)} {...props} />\n}\n\nexport { Skeleton }\n","import * as React from \"react\"\nimport * as AvatarPrimitive from \"@radix-ui/react-avatar\"\nimport { cn } from \"@/utils/index\"\nimport type { AvatarProps, AvatarImageProps, AvatarFallbackProps } from \"./avatar.types\"\n\n/**\n * Avatar component that displays a user's profile picture or fallback.\n * Built on top of Radix UI's Avatar primitive.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-avatar--docs\n *\n * @example\n * ```tsx\n * <Avatar>\n * <AvatarImage src=\"/path/to/image.jpg\" alt=\"User avatar\" />\n * <AvatarFallback>JD</AvatarFallback>\n * </Avatar>\n * ```\n */\nconst Avatar = React.forwardRef<React.ElementRef<typeof AvatarPrimitive.Root>, AvatarProps>(\n ({ className, ...props }, ref) => (\n <AvatarPrimitive.Root\n ref={ref}\n className={cn(\"relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full\", className)}\n {...props}\n />\n )\n)\nAvatar.displayName = AvatarPrimitive.Root.displayName\n\n/**\n * AvatarImage component that displays the user's profile picture.\n * Falls back to AvatarFallback if the image fails to load.\n */\nconst AvatarImage = React.forwardRef<\n React.ElementRef<typeof AvatarPrimitive.Image>,\n AvatarImageProps\n>(({ className, ...props }, ref) => (\n <AvatarPrimitive.Image\n ref={ref}\n className={cn(\"aspect-square h-full w-full\", className)}\n {...props}\n />\n))\nAvatarImage.displayName = AvatarPrimitive.Image.displayName\n\n/**\n * AvatarFallback component that displays when the image fails to load.\n * Typically shows the user's initials or a placeholder icon.\n */\nconst AvatarFallback = React.forwardRef<\n React.ElementRef<typeof AvatarPrimitive.Fallback>,\n AvatarFallbackProps\n>(({ className, ...props }, ref) => (\n <AvatarPrimitive.Fallback\n ref={ref}\n className={cn(\n \"flex h-full w-full items-center justify-center rounded-full bg-muted\",\n className\n )}\n {...props}\n />\n))\nAvatarFallback.displayName = AvatarPrimitive.Fallback.displayName\n\nexport { Avatar, AvatarImage, AvatarFallback }\n","import * as React from \"react\"\nimport * as TooltipPrimitive from \"@radix-ui/react-tooltip\"\n\nimport { cn } from \"@/utils/index\"\n\n/**\n * TooltipProvider component for creating accessible tooltips.\n * Built on top of Radix UI's Tooltip primitive.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-tooltip--docs\n *\n * @example\n * ```tsx\n * <TooltipProvider>\n * <Tooltip>\n * <TooltipTrigger>Hover me</TooltipTrigger>\n * <TooltipContent>Tooltip content</TooltipContent>\n * </Tooltip>\n * </TooltipProvider>\n * ```\n */\nconst TooltipProvider = TooltipPrimitive.Provider\n\nconst Tooltip = TooltipPrimitive.Root\n\nconst TooltipTrigger = TooltipPrimitive.Trigger\n\nconst TooltipContent = React.forwardRef<\n React.ElementRef<typeof TooltipPrimitive.Content>,\n React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>\n>(({ className, sideOffset = 4, ...props }, ref) => (\n <TooltipPrimitive.Portal>\n <TooltipPrimitive.Content\n ref={ref}\n sideOffset={sideOffset}\n className={cn(\n \"z-50 overflow-hidden rounded-md bg-primary px-3 py-1.5 text-xs text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-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 origin-[--radix-tooltip-content-transform-origin]\",\n className\n )}\n {...props}\n />\n </TooltipPrimitive.Portal>\n))\nTooltipContent.displayName = TooltipPrimitive.Content.displayName\n\nexport { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider }\n","import * as React from \"react\"\nimport { cn } from \"@/utils/index\"\nimport { badgeVariants } from \"./badge.variants\"\nimport type { BadgeProps } from \"./badge.types\"\n\n/**\n * Badge component for displaying status, counts, or labels.\n * Supports various variants, sizes, and optional icons.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-badge--docs\n *\n * @example\n * ```tsx\n * <Badge variant=\"success\">Active</Badge>\n * <Badge variant=\"warning\" icon={<AlertIcon />}>Warning</Badge>\n * <Badge variant=\"info\" size=\"lg\" iconAfter={<ArrowIcon />}>New</Badge>\n * ```\n */\nconst Badge = React.forwardRef<HTMLDivElement, BadgeProps>(\n ({ className, variant, size, icon, iconAfter, children, ...props }, ref) => {\n return (\n <div ref={ref} className={cn(badgeVariants({ variant, size }), className)} {...props}>\n {icon && <span className=\"mr-1\">{icon}</span>}\n {children}\n {iconAfter && <span className=\"ml-1\">{iconAfter}</span>}\n </div>\n )\n }\n)\n\nBadge.displayName = \"Badge\"\n\nexport { Badge, badgeVariants }\n","import { cva } from \"class-variance-authority\"\n\nexport const badgeVariants = cva(\n \"inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2\",\n {\n variants: {\n variant: {\n default: \"border-transparent bg-primary text-primary-foreground hover:bg-primary/80\",\n secondary:\n \"border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80\",\n destructive:\n \"border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80\",\n outline: \"text-foreground\",\n success: \"border-transparent bg-green-500 text-white hover:bg-green-500/80\",\n warning: \"border-transparent bg-yellow-500 text-white hover:bg-yellow-500/80\",\n info: \"border-transparent bg-blue-500 text-white hover:bg-blue-500/80\"\n },\n size: {\n default: \"h-5\",\n sm: \"h-4 text-[10px]\",\n lg: \"h-6 text-sm\"\n }\n },\n defaultVariants: {\n variant: \"default\",\n size: \"default\"\n }\n }\n)\n","import * as React from \"react\"\nimport { cn } from \"@/utils\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nconst typographyVariants = cva(\"\", {\n variants: {\n variant: {\n h1: \"scroll-m-5 text-4xl font-extrabold tracking-tight lg:text-5xl\",\n h2: \"scroll-m-5 text-3xl font-semibold tracking-tight\",\n h3: \"scroll-m-5 text-2xl font-semibold tracking-tight\",\n h4: \"scroll-m-5 text-xl font-semibold tracking-tight\",\n h5: \"scroll-m-5 text-lg font-semibold tracking-tight\",\n h6: \"scroll-m-5 text-base font-semibold tracking-tight\",\n p: \"leading-7 [&:not(:first-child)]:mt-6\",\n blockquote: \"mt-6 border-l-2 border-slate-300 pl-6 italic\",\n list: \"my-6 ml-6 list-disc [&>li]:mt-2\",\n lead: \"text-xl text-muted-foreground\",\n large: \"text-lg font-semibold\",\n small: \"text-sm font-medium leading-none\",\n muted: \"text-sm text-muted-foreground\"\n },\n align: {\n left: \"text-left\",\n center: \"text-center\",\n right: \"text-right\",\n justify: \"text-justify\"\n }\n },\n defaultVariants: {\n variant: \"p\",\n align: \"left\"\n }\n})\n\nexport interface TypographyProps\n extends React.HTMLAttributes<HTMLElement>,\n VariantProps<typeof typographyVariants> {\n as?: React.ElementType\n}\n\n/**\n * Typography component for creating accessible text elements.\n * Built on top of shadcn/ui's Typography component.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-typography--docs\n *\n */\nconst Typography = React.forwardRef<HTMLElement, TypographyProps>(\n ({ className, variant, align, as: Component = \"p\", ...props }, ref) => {\n return (\n <Component\n className={cn(typographyVariants({ variant, align, className }))}\n ref={ref}\n {...props}\n />\n )\n }\n)\n\nTypography.displayName = \"Typography\"\n\nexport { Typography, typographyVariants }\n","import { cn } from \"@/utils\"\nimport { Loader2 } from \"lucide-react\"\n\nexport type PageLoaderProps = {\n /**\n * Optional className to extend the component's styles\n */\n className?: string\n /**\n * Optional size of the loader (default: \"default\")\n */\n size?: \"sm\" | \"default\" | \"lg\"\n /**\n * Optional text to display below the loader\n */\n text?: string\n /**\n * Optional color of the loader (default: \"primary\")\n */\n color?: \"primary\" | \"secondary\" | \"accent\" | \"muted\" | \"destructive\" | string\n}\n\n/**\n * PageLoader component for displaying a loading indicator.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-page-loader--docs\n *\n */\n\nexport function PageLoader({\n className,\n size = \"default\",\n text,\n color = \"primary\"\n}: PageLoaderProps) {\n const sizeClasses = {\n sm: \"h-4 w-4\",\n default: \"h-8 w-8\",\n lg: \"h-12 w-12\"\n }\n\n const colorClasses = {\n primary: \"text-primary\",\n secondary: \"text-secondary\",\n accent: \"text-accent\",\n muted: \"text-muted-foreground\",\n destructive: \"text-destructive\"\n }\n\n const loaderColor = colorClasses[color as keyof typeof colorClasses] || `text-[${color}]`\n\n return (\n <div\n className={cn(\n \"fixed inset-0 z-50 flex min-h-screen flex-col items-center justify-center bg-background/80 backdrop-blur-sm\",\n className\n )}\n role=\"alert\"\n aria-live=\"assertive\"\n >\n <Loader2 className={cn(\"animate-spin\", loaderColor, sizeClasses[size])} aria-hidden=\"true\" />\n {text && (\n <p className=\"mt-4 text-sm text-muted-foreground\" aria-label={text}>\n {text}\n </p>\n )}\n </div>\n )\n}\n","/**\n * Toast component for displaying temporary notifications.\n * Built on top of Radix UI's Toast primitive.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-toast--docs\n *\n * @example\n * ```tsx\n * <ToastProvider>\n * <Toast>\n * <ToastTitle>Title</ToastTitle>\n * <ToastDescription>Description</ToastDescription>\n * <ToastAction>Action</ToastAction>\n * <ToastClose />\n * </Toast>\n * <ToastViewport />\n * </ToastProvider>\n * ```\n */\n\nimport * as React from \"react\"\n// eslint-disable-next-line import/no-extraneous-dependencies\nimport * as ToastPrimitives from \"@radix-ui/react-toast\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\nimport { X } from \"lucide-react\"\n\nimport { cn } from \"@/utils/index\"\n\nconst ToastProvider = ToastPrimitives.Provider\n\nconst ToastViewport = React.forwardRef<\n React.ElementRef<typeof ToastPrimitives.Viewport>,\n React.ComponentPropsWithoutRef<typeof ToastPrimitives.Viewport>\n>(({ className, ...props }, ref) => (\n <ToastPrimitives.Viewport\n ref={ref}\n className={cn(\n \"fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[420px]\",\n className\n )}\n {...props}\n />\n))\nToastViewport.displayName = ToastPrimitives.Viewport.displayName\n\nconst toastVariants = cva(\n \"group pointer-events-auto relative flex w-full items-center justify-between space-x-2 overflow-hidden rounded-md border p-4 pr-6 shadow-lg transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full\",\n {\n variants: {\n variant: {\n default: \"border bg-background text-foreground\",\n destructive:\n \"destructive group border-destructive bg-destructive text-destructive-foreground\"\n }\n },\n defaultVariants: {\n variant: \"default\"\n }\n }\n)\n\nconst Toast = React.forwardRef<\n React.ElementRef<typeof ToastPrimitives.Root>,\n React.ComponentPropsWithoutRef<typeof ToastPrimitives.Root> & VariantProps<typeof toastVariants>\n>(({ className, variant, ...props }, ref) => {\n return (\n <ToastPrimitives.Root\n ref={ref}\n className={cn(toastVariants({ variant }), className)}\n {...props}\n />\n )\n})\nToast.displayName = ToastPrimitives.Root.displayName\n\nconst ToastAction = React.forwardRef<\n React.ElementRef<typeof ToastPrimitives.Action>,\n React.ComponentPropsWithoutRef<typeof ToastPrimitives.Action>\n>(({ className, ...props }, ref) => (\n <ToastPrimitives.Action\n ref={ref}\n className={cn(\n \"inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-sm font-medium transition-colors hover:bg-secondary focus:outline-none focus:ring-1 focus:ring-ring disabled:pointer-events-none disabled:opacity-50 group-[.destructive]:border-muted/40 group-[.destructive]:hover:border-destructive/30 group-[.destructive]:hover:bg-destructive group-[.destructive]:hover:text-destructive-foreground group-[.destructive]:focus:ring-destructive\",\n className\n )}\n {...props}\n />\n))\nToastAction.displayName = ToastPrimitives.Action.displayName\n\nconst ToastClose = React.forwardRef<\n React.ElementRef<typeof ToastPrimitives.Close>,\n React.ComponentPropsWithoutRef<typeof ToastPrimitives.Close>\n>(({ className, ...props }, ref) => (\n <ToastPrimitives.Close\n ref={ref}\n className={cn(\n \"absolute right-1 top-1 rounded-md p-1 text-foreground/50 opacity-0 transition-opacity hover:text-foreground focus:opacity-100 focus:outline-none focus:ring-1 group-hover:opacity-100 group-[.destructive]:text-red-300 group-[.destructive]:hover:text-red-50 group-[.destructive]:focus:ring-red-400 group-[.destructive]:focus:ring-offset-red-600\",\n className\n )}\n toast-close=\"\"\n aria-label=\"Close toast\"\n {...props}\n >\n <X className=\"h-4 w-4\" />\n </ToastPrimitives.Close>\n))\nToastClose.displayName = ToastPrimitives.Close.displayName\n\nconst ToastTitle = React.forwardRef<\n React.ElementRef<typeof ToastPrimitives.Title>,\n React.ComponentPropsWithoutRef<typeof ToastPrimitives.Title>\n>(({ className, ...props }, ref) => (\n <ToastPrimitives.Title\n ref={ref}\n className={cn(\"text-sm font-semibold [&+div]:text-xs\", className)}\n {...props}\n />\n))\nToastTitle.displayName = ToastPrimitives.Title.displayName\n\nconst ToastDescription = React.forwardRef<\n React.ElementRef<typeof ToastPrimitives.Description>,\n React.ComponentPropsWithoutRef<typeof ToastPrimitives.Description>\n>(({ className, ...props }, ref) => (\n <ToastPrimitives.Description\n ref={ref}\n className={cn(\"text-sm opacity-90\", className)}\n {...props}\n />\n))\nToastDescription.displayName = ToastPrimitives.Description.displayName\n\ntype ToastProps = React.ComponentPropsWithoutRef<typeof Toast>\n\ntype ToastActionElement = React.ReactElement<typeof ToastAction>\n\nexport {\n type ToastProps,\n type ToastActionElement,\n ToastProvider,\n ToastViewport,\n Toast,\n ToastTitle,\n ToastDescription,\n ToastClose,\n ToastAction\n}\n","\"use client\";\n\"use client\"\n\n// Inspired by react-hot-toast library\nimport * as React from \"react\"\n\nimport type { ToastActionElement, ToastProps } from \"@/components/atoms/toast\"\n\nconst TOAST_LIMIT = 1\nconst TOAST_REMOVE_DELAY = 1000000\n\ntype ToasterToast = ToastProps & {\n id: string\n title?: React.ReactNode\n description?: React.ReactNode\n action?: ToastActionElement\n}\n\nconst actionTypes = {\n ADD_TOAST: \"ADD_TOAST\",\n UPDATE_TOAST: \"UPDATE_TOAST\",\n DISMISS_TOAST: \"DISMISS_TOAST\",\n REMOVE_TOAST: \"REMOVE_TOAST\"\n} as const\n\nlet count = 0\n\nfunction genId() {\n count = (count + 1) % Number.MAX_SAFE_INTEGER\n return count.toString()\n}\n\ntype ActionType = typeof actionTypes\n\ntype Action =\n | {\n type: ActionType[\"ADD_TOAST\"]\n toast: ToasterToast\n }\n | {\n type: ActionType[\"UPDATE_TOAST\"]\n toast: Partial<ToasterToast>\n }\n | {\n type: ActionType[\"DISMISS_TOAST\"]\n toastId?: ToasterToast[\"id\"]\n }\n | {\n type: ActionType[\"REMOVE_TOAST\"]\n toastId?: ToasterToast[\"id\"]\n }\n\ninterface State {\n toasts: ToasterToast[]\n}\n\nconst toastTimeouts = new Map<string, ReturnType<typeof setTimeout>>()\n\nconst addToRemoveQueue = (toastId: string) => {\n if (toastTimeouts.has(toastId)) {\n return\n }\n\n const timeout = setTimeout(() => {\n toastTimeouts.delete(toastId)\n dispatch({\n type: \"REMOVE_TOAST\",\n toastId: toastId\n })\n }, TOAST_REMOVE_DELAY)\n\n toastTimeouts.set(toastId, timeout)\n}\n\nexport const reducer = (state: State, action: Action): State => {\n switch (action.type) {\n case \"ADD_TOAST\":\n return {\n ...state,\n toasts: [action.toast, ...state.toasts].slice(0, TOAST_LIMIT)\n }\n\n case \"UPDATE_TOAST\":\n return {\n ...state,\n toasts: state.toasts.map((t) => (t.id === action.toast.id ? { ...t, ...action.toast } : t))\n }\n\n case \"DISMISS_TOAST\": {\n const { toastId } = action\n\n // ! Side effects ! - This could be extracted into a dismissToast() action,\n // but I'll keep it here for simplicity\n if (toastId) {\n addToRemoveQueue(toastId)\n } else {\n state.toasts.forEach((toast) => {\n addToRemoveQueue(toast.id)\n })\n }\n\n return {\n ...state,\n toasts: state.toasts.map((t) =>\n t.id === toastId || toastId === undefined\n ? {\n ...t,\n open: false\n }\n : t\n )\n }\n }\n case \"REMOVE_TOAST\":\n if (action.toastId === undefined) {\n return {\n ...state,\n toasts: []\n }\n }\n return {\n ...state,\n toasts: state.toasts.filter((t) => t.id !== action.toastId)\n }\n }\n}\n\nconst listeners: Array<(state: State) => void> = []\n\nlet memoryState: State = { toasts: [] }\n\nfunction dispatch(action: Action) {\n memoryState = reducer(memoryState, action)\n listeners.forEach((listener) => {\n listener(memoryState)\n })\n}\n\ntype Toast = Omit<ToasterToast, \"id\">\n\nfunction toast({ ...props }: Toast) {\n const id = genId()\n\n const update = (props: ToasterToast) =>\n dispatch({\n type: \"UPDATE_TOAST\",\n toast: { ...props, id }\n })\n const dismiss = () => dispatch({ type: \"DISMISS_TOAST\", toastId: id })\n\n dispatch({\n type: \"ADD_TOAST\",\n toast: {\n ...props,\n id,\n open: true,\n onOpenChange: (open) => {\n if (!open) dismiss()\n }\n }\n })\n\n return {\n id: id,\n dismiss,\n update\n }\n}\n\nfunction useToast() {\n const [state, setState] = React.useState<State>(memoryState)\n\n React.useEffect(() => {\n listeners.push(setState)\n return () => {\n const index = listeners.indexOf(setState)\n if (index > -1) {\n listeners.splice(index, 1)\n }\n }\n }, [state])\n\n return {\n ...state,\n toast,\n dismiss: (toastId?: string) => dispatch({ type: \"DISMISS_TOAST\", toastId })\n }\n}\n\nexport { useToast, toast }\n","/**\n * Toaster component for managing and displaying toast notifications.\n * Built on top of the Toast primitive components.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-toaster--docs\n *\n * @example\n * ```tsx\n * // Add Toaster to your app's root layout\n * <Toaster />\n *\n * // Use the toast hook to show notifications\n * const { toast } = useToast()\n *\n * toast({\n * title: \"Success\",\n * description: \"Your changes have been saved.\",\n * action: <ToastAction altText=\"Undo\">Undo</ToastAction>\n * })\n * ```\n */\n\nimport { useToast } from \"@/hooks/use-toast\"\nimport {\n Toast,\n ToastClose,\n ToastDescription,\n ToastProvider,\n ToastTitle,\n ToastViewport\n} from \"@/components/atoms/toast\"\n\nexport function Toaster() {\n const { toasts } = useToast()\n\n return (\n <ToastProvider>\n {toasts.map(function ({ id, title, description, action, ...props }) {\n return (\n <Toast key={id} {...props}>\n <div className=\"grid gap-1\">\n {title && <ToastTitle>{title}</ToastTitle>}\n {description && <ToastDescription>{description}</ToastDescription>}\n </div>\n {action}\n <ToastClose />\n </Toast>\n )\n })}\n <ToastViewport />\n </ToastProvider>\n )\n}\n","import * as React from \"react\"\nimport { cn } from \"@/utils/index\"\nimport {\n TableProps,\n TableHeaderProps,\n TableBodyProps,\n TableFooterProps,\n TableRowProps,\n TableHeadProps,\n TableCellProps,\n TableCaptionProps\n} from \"./table.types\"\n\n/**\n * Table component that provides a structured way to display data in rows and columns.\n * Built on top of native HTML table elements with enhanced styling and accessibility.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-table--docs\n *\n * @example\n * ```tsx\n * <Table>\n * <TableHeader>\n * <TableRow>\n * <TableHead>Name</TableHead>\n * <TableHead>Email</TableHead>\n * </TableRow>\n * </TableHeader>\n * <TableBody>\n * <TableRow>\n * <TableCell>John Doe</TableCell>\n * <TableCell>john@example.com</TableCell>\n * </TableRow>\n * </TableBody>\n * </Table>\n * ```\n */\nconst Table = React.forwardRef<HTMLTableElement, TableProps>(({ className, ...props }, ref) => (\n <div className=\"relative w-full overflow-auto\">\n <table ref={ref} className={cn(\"w-full caption-bottom text-sm\", className)} {...props} />\n </div>\n))\nTable.displayName = \"Table\"\n\nconst TableHeader = React.forwardRef<HTMLTableSectionElement, TableHeaderProps>(\n ({ className, ...props }, ref) => (\n <thead ref={ref} className={cn(\"[&_tr]:border-b\", className)} {...props} />\n )\n)\nTableHeader.displayName = \"TableHeader\"\n\nconst TableBody = React.forwardRef<HTMLTableSectionElement, TableBodyProps>(\n ({ className, ...props }, ref) => (\n <tbody ref={ref} className={cn(\"[&_tr:last-child]:border-0\", className)} {...props} />\n )\n)\nTableBody.displayName = \"TableBody\"\n\nconst TableFooter = React.forwardRef<HTMLTableSectionElement, TableFooterProps>(\n ({ className, ...props }, ref) => (\n <tfoot\n ref={ref}\n className={cn(\"border-t bg-muted/50 font-medium [&>tr]:last:border-b-0\", className)}\n {...props}\n />\n )\n)\nTableFooter.displayName = \"TableFooter\"\n\nconst TableRow = React.forwardRef<HTMLTableRowElement, TableRowProps>(\n ({ className, ...props }, ref) => (\n <tr\n ref={ref}\n className={cn(\n \"border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted\",\n className\n )}\n {...props}\n />\n )\n)\nTableRow.displayName = \"TableRow\"\n\nconst TableHead = React.forwardRef<HTMLTableCellElement, TableHeadProps>(\n ({ className, ...props }, ref) => (\n <th\n ref={ref}\n className={cn(\n \"h-10 px-2 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]\",\n className\n )}\n {...props}\n />\n )\n)\nTableHead.displayName = \"TableHead\"\n\nconst TableCell = React.forwardRef<HTMLTableCellElement, TableCellProps>(\n ({ className, ...props }, ref) => (\n <td\n ref={ref}\n className={cn(\n \"p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]\",\n className\n )}\n {...props}\n />\n )\n)\nTableCell.displayName = \"TableCell\"\n\nconst TableCaption = React.forwardRef<HTMLTableCaptionElement, TableCaptionProps>(\n ({ className, ...props }, ref) => (\n <caption ref={ref} className={cn(\"mt-4 text-sm text-muted-foreground\", className)} {...props} />\n )\n)\nTableCaption.displayName = \"TableCaption\"\n\nexport { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption }\n","\"use client\";\n\"use client\"\n\nimport { GripVertical } from \"lucide-react\"\nimport * as ResizablePrimitive from \"react-resizable-panels\"\nimport { cn } from \"@/utils/index\"\nimport { ComponentProps } from \"react\"\n\n/**\n * Resizable component that provides resizable panel functionality.\n * Built on top of react-resizable-panels.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-resizable--docs\n *\n * @example\n * ```tsx\n * <ResizablePanelGroup>\n * <ResizablePanel defaultSize={20}>\n * <div>Left Panel</div>\n * </ResizablePanel>\n * <ResizableHandle withHandle />\n * <ResizablePanel defaultSize={80}>\n * <div>Right Panel</div>\n * </ResizablePanel>\n * </ResizablePanelGroup>\n * ```\n */\nconst ResizablePanelGroup = ({\n className,\n ...props\n}: ComponentProps<typeof ResizablePrimitive.PanelGroup>) => (\n <ResizablePrimitive.PanelGroup\n className={cn(\"flex h-full w-full data-[panel-group-direction=vertical]:flex-col\", className)}\n {...props}\n />\n)\n\nconst ResizablePanel = ResizablePrimitive.Panel\n\nconst ResizableHandle = ({\n withHandle,\n className,\n ...props\n}: ComponentProps<typeof ResizablePrimitive.PanelResizeHandle> & {\n withHandle?: boolean\n}) => (\n <ResizablePrimitive.PanelResizeHandle\n className={cn(\n \"relative flex w-px items-center justify-center bg-border after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-1 data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:-translate-y-1/2 data-[panel-group-direction=vertical]:after:translate-x-0 [&[data-panel-group-direction=vertical]>div]:rotate-90\",\n className\n )}\n {...props}\n >\n {withHandle && (\n <div className=\"z-10 flex h-4 w-3 items-center justify-center rounded-sm border bg-border\">\n <GripVertical className=\"h-2.5 w-2.5\" />\n </div>\n )}\n </ResizablePrimitive.PanelResizeHandle>\n)\n\nexport { ResizablePanelGroup, ResizablePanel, ResizableHandle }\n","\"use client\";\n\"use client\"\n\nimport * as React from \"react\"\nimport { ChevronDown } from \"lucide-react\"\n\nimport { cn } from \"@/utils\"\n\nimport { Popover, PopoverContent, PopoverTrigger } from \"@radix-ui/react-popover\"\nimport { Button } from \"../button\"\nimport {\n Command,\n CommandEmpty,\n CommandGroup,\n CommandInput,\n CommandItem,\n CommandList\n} from \"../command\"\nimport { Typography } from \"../typography\"\n\nexport type SelectOption<T extends string | number = string | number> = {\n id: T\n label: string\n startIcon?: React.ReactNode\n endIcon?: React.ReactNode\n className?: string\n disabled?: boolean\n}\n\nexport type SelectProps<T extends string | number = string | number> = {\n /** Whether the select is searchable */\n searchable?: boolean\n /** Whether the select should take up the full width of its container */\n fullWidth?: boolean\n /** Currently selected value */\n value: T\n /** Array of options to display in the select */\n options: SelectOption<T>[]\n /** Callback fired when the value changes */\n // eslint-disable-next-line no-unused-vars\n onChange: (value: T) => void\n /** Render a custom CommandList for the select, if not provided, the select will render a default CommandList with the options */\n // eslint-disable-next-line no-unused-vars\n renderCommandList?: (options: SelectOption<T>[]) => React.ReactNode\n /** Placeholder text to show when no value is selected */\n placeholder?: string\n /** Whether the select is disabled */\n disabled?: boolean\n /** Whether the select is required */\n required?: boolean\n /** Error message to display */\n error?: string\n /** Additional class name for the select */\n className?: string\n /** ID for the select element */\n id?: string\n}\n\n/**\n * SearchableSelect component that provides a searchable dropdown select input.\n * Built on top of Radix UI's Select primitive.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs-atoms-select--docs\n *\n * @example\n * ```tsx\n * <Select\n * options={[\n * { id: \"1\", label: \"Option 1\" },\n * { id: \"2\", label: \"Option 2\" }\n * ]}\n * value=\"1\"\n * onChange={setValue}\n * required\n * />\n * ```\n */\nexport function Select<T extends string | number = string | number>({\n options,\n value,\n onChange,\n placeholder = \"Select an option\",\n disabled,\n required,\n error,\n className,\n fullWidth,\n searchable,\n id,\n renderCommandList\n}: SelectProps<T>) {\n const [open, setOpen] = React.useState(false)\n const [triggerWidth, setTriggerWidth] = React.useState<number | undefined>(undefined)\n const triggerRef = React.useRef<HTMLButtonElement>(null)\n const selectedOption = options?.find((option) => option.id === value)\n\n React.useEffect(() => {\n if (triggerRef.current) {\n setTriggerWidth(triggerRef.current.offsetWidth)\n }\n }, [])\n\n return (\n <div className={cn(fullWidth && \"w-full\")}>\n <Popover open={open} onOpenChange={setOpen}>\n <PopoverTrigger asChild>\n <Button\n ref={triggerRef}\n variant=\"outline\"\n role=\"combobox\"\n aria-expanded={open}\n aria-controls={id ? `${id}-content` : undefined}\n aria-required={required}\n aria-invalid={!!error}\n disabled={disabled}\n className={cn(\n \"w-[13rem] justify-between\",\n !value && \"text-muted-foreground\",\n fullWidth && \"w-full\",\n error && \"border-destructive focus-visible:ring-destructive\",\n className\n )}\n >\n {selectedOption ? selectedOption.label : placeholder}\n <ChevronDown className={cn(\"opacity-50\", open && \"rotate-180\")} />\n </Button>\n </PopoverTrigger>\n <PopoverContent\n className={cn(\n \"p-0 rounded-md border bg-popover text-popover-foreground shadow-md\",\n fullWidth && \"w-full\"\n )}\n style={{ width: triggerWidth }}\n align=\"start\"\n >\n <Command>\n {searchable && (\n <CommandInput placeholder=\"Search...\" className=\"h-9\" disabled={disabled} />\n )}\n <CommandList className=\"max-h-[12rem] overflow-y-auto\">\n <CommandEmpty>No items found.</CommandEmpty>\n {renderCommandList ? (\n renderCommandList(options)\n ) : (\n <CommandGroup>\n {options?.map((option) => (\n <CommandItem\n value={option.label}\n key={option.id}\n onSelect={() => {\n onChange(option.id)\n setOpen(false)\n }}\n disabled={option.disabled}\n className={cn(\n \"flex items-center justify-between cursor-pointer my-1\",\n value === option.id && \"bg-accent text-accent-foreground\",\n option.disabled && \"opacity-50 cursor-not-allowed\",\n option.className\n )}\n >\n <div className=\"flex items-center gap-1\">\n {option.startIcon && option.startIcon}\n <Typography variant=\"small\">{option.label}</Typography>\n </div>\n {option.endIcon && <div className=\"ml-2\">{option.endIcon}</div>}\n </CommandItem>\n ))}\n </CommandGroup>\n )}\n </CommandList>\n </Command>\n </PopoverContent>\n </Popover>\n </div>\n )\n}\n","import * as React from \"react\"\nimport { Command as CommandPrimitive } from \"cmdk\"\nimport { Search } from \"lucide-react\"\n\nimport { cn } from \"@/utils/index\"\nimport { Dialog, DialogContent } from \"@/components/atoms/dialog\"\nimport {\n type CommandProps,\n type CommandRef,\n type CommandDialogProps,\n type CommandInputProps,\n type CommandInputRef,\n type CommandListProps,\n type CommandListRef,\n type CommandEmptyProps,\n type CommandEmptyRef,\n type CommandGroupProps,\n type CommandGroupRef,\n type CommandSeparatorProps,\n type CommandSeparatorRef,\n type CommandItemProps,\n type CommandItemRef,\n type CommandShortcutProps\n} from \"./command.types\"\n\n/**\n * Command component that provides a command palette interface.\n * Built on top of cmdk and Radix UI's Dialog primitive.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-command--docs\n *\n * @example\n * ```tsx\n * <Command>\n * <CommandInput placeholder=\"Search...\" />\n * <CommandList>\n * <CommandEmpty>No results found.</CommandEmpty>\n * <CommandGroup heading=\"Suggestions\">\n * <CommandItem>Calendar</CommandItem>\n * <CommandItem>Search</CommandItem>\n * </CommandGroup>\n * </CommandList>\n * </Command>\n * ```\n */\nconst Command = React.forwardRef<CommandRef, CommandProps>(({ className, ...props }, ref) => (\n <CommandPrimitive\n ref={ref}\n className={cn(\n \"flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground\",\n className\n )}\n {...props}\n />\n))\nCommand.displayName = CommandPrimitive.displayName\n\nconst CommandDialog = ({ children, ...props }: CommandDialogProps) => {\n return (\n <Dialog {...props}>\n <DialogContent className=\"overflow-hidden p-0\">\n <Command className=\"[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5\">\n {children}\n </Command>\n </DialogContent>\n </Dialog>\n )\n}\n\nconst CommandInput = React.forwardRef<CommandInputRef, CommandInputProps>(\n ({ className, ...props }, ref) => (\n <div className=\"flex items-center border-b px-3\" cmdk-input-wrapper=\"\">\n <Search className=\"mr-2 h-4 w-4 shrink-0 opacity-50\" />\n <CommandPrimitive.Input\n ref={ref}\n className={cn(\n \"flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50\",\n className\n )}\n {...props}\n />\n </div>\n )\n)\nCommandInput.displayName = CommandPrimitive.Input.displayName\n\nconst CommandList = React.forwardRef<CommandListRef, CommandListProps>(\n ({ className, ...props }, ref) => (\n <CommandPrimitive.List\n ref={ref}\n className={cn(\"max-h-[300px] overflow-y-auto overflow-x-hidden\", className)}\n {...props}\n />\n )\n)\nCommandList.displayName = CommandPrimitive.List.displayName\n\nconst CommandEmpty = React.forwardRef<CommandEmptyRef, CommandEmptyProps>((props, ref) => (\n <CommandPrimitive.Empty ref={ref} className=\"py-6 text-center text-sm\" {...props} />\n))\nCommandEmpty.displayName = CommandPrimitive.Empty.displayName\n\nconst CommandGroup = React.forwardRef<CommandGroupRef, CommandGroupProps>(\n ({ className, ...props }, ref) => (\n <CommandPrimitive.Group\n ref={ref}\n className={cn(\n \"overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground\",\n className\n )}\n {...props}\n />\n )\n)\nCommandGroup.displayName = CommandPrimitive.Group.displayName\n\nconst CommandSeparator = React.forwardRef<CommandSeparatorRef, CommandSeparatorProps>(\n ({ className, ...props }, ref) => (\n <CommandPrimitive.Separator\n ref={ref}\n className={cn(\"-mx-1 h-px bg-border\", className)}\n {...props}\n />\n )\n)\nCommandSeparator.displayName = CommandPrimitive.Separator.displayName\n\nconst CommandItem = React.forwardRef<CommandItemRef, CommandItemProps>(\n ({ className, ...props }, ref) => (\n <CommandPrimitive.Item\n ref={ref}\n className={cn(\n \"relative flex cursor-default gap-2 select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled=true]:pointer-events-none data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0\",\n className\n )}\n {...props}\n />\n )\n)\nCommandItem.displayName = CommandPrimitive.Item.displayName\n\nconst CommandShortcut = ({ className, ...props }: CommandShortcutProps) => {\n return (\n <span\n className={cn(\"ml-auto text-xs tracking-widest text-muted-foreground\", className)}\n {...props}\n />\n )\n}\nCommandShortcut.displayName = \"CommandShortcut\"\n\nexport {\n Command,\n CommandDialog,\n CommandInput,\n CommandList,\n CommandEmpty,\n CommandGroup,\n CommandItem,\n CommandShortcut,\n CommandSeparator\n}\n","\"use client\";\n\"use client\"\n\nimport * as React from \"react\"\nimport { Check, ChevronDown, X } from \"lucide-react\"\n\nimport { cn } from \"@/utils\"\n\nimport { Popover, PopoverContent, PopoverTrigger } from \"@radix-ui/react-popover\"\nimport { Button } from \"../button\"\nimport {\n Command,\n CommandEmpty,\n CommandGroup,\n CommandInput,\n CommandItem,\n CommandList,\n CommandSeparator\n} from \"../command\"\nimport { Typography } from \"../typography\"\n\nexport type MultiSelectOption = {\n id: string\n label: string\n startIcon?: React.ReactNode\n endIcon?: React.ReactNode\n className?: string\n disabled?: boolean\n}\n\nexport type MultiSelectProps = {\n /** Whether the select is searchable */\n searchable?: boolean\n /** Whether the select should take up the full width of its container */\n fullWidth?: boolean\n /** Array of options to display in the select */\n options: MultiSelectOption[]\n /** Currently selected values */\n value: string[]\n /** Callback fired when the values change */\n // eslint-disable-next-line no-unused-vars\n onChange: (value: string[]) => void\n /** Render a custom CommandList for the select, if not provided, the select will render a default CommandList with the options */\n // eslint-disable-next-line no-unused-vars\n renderCommandList?: (options: MultiSelectOption[]) => React.ReactNode\n /** Placeholder text to show when no value is selected */\n placeholder?: string\n /** Whether the select is disabled */\n disabled?: boolean\n /** Whether the select is required */\n required?: boolean\n /** Error message to display */\n error?: string\n /** Additional class name for the select */\n className?: string\n /** ID for the select element */\n id?: string\n /** Maximum number of selections allowed */\n maxSelections?: number\n /** Whether to show the select all option */\n showSelectAll?: boolean\n}\n\n/**\n * MultiSelect component that provides a searchable dropdown select input with multiple selection.\n * Built on top of Radix UI's Select primitive.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs-atoms-multiselect--docs\n *\n * @example\n * ```tsx\n * <MultiSelect\n * options={[\n * { id: \"1\", label: \"Option 1\" },\n * { id: \"2\", label: \"Option 2\" }\n * ]}\n * value={[\"1\"]}\n * onChange={setValue}\n * showSelectAll\n * />\n * ```\n */\nexport function MultiSelect({\n options,\n value,\n onChange,\n placeholder = \"Select options\",\n disabled,\n required,\n error,\n className,\n fullWidth,\n searchable,\n id,\n maxSelections,\n showSelectAll,\n renderCommandList\n}: MultiSelectProps) {\n const [open, setOpen] = React.useState(false)\n const selectedOptions = options.filter((option) => value.includes(option.id))\n\n const handleSelect = (optionId: string) => {\n if (value.includes(optionId)) {\n onChange(value.filter((selectedId) => selectedId !== optionId))\n } else {\n if (maxSelections && value.length >= maxSelections) {\n return\n }\n onChange([...value, optionId])\n }\n }\n\n const handleSelectAll = () => {\n const enabledOptions = options.filter((option) => !option.disabled)\n if (value.length === enabledOptions.length) {\n onChange([])\n } else {\n onChange(enabledOptions.map((option) => option.id))\n }\n }\n\n const handleRemove = (optionId: string, e: React.MouseEvent) => {\n e.stopPropagation()\n onChange(value.filter((selectedId) => selectedId !== optionId))\n }\n\n return (\n <div className={cn(fullWidth && \"w-full\")}>\n <Popover open={open} onOpenChange={setOpen}>\n <PopoverTrigger asChild>\n <Button\n variant=\"outline\"\n role=\"combobox\"\n aria-expanded={open}\n aria-controls={id ? `${id}-content` : undefined}\n aria-label={placeholder}\n aria-required={required}\n aria-invalid={!!error}\n disabled={disabled}\n id={id}\n className={cn(\n \"w-[13rem] justify-between min-h-[2.5rem] h-auto\",\n !value.length && \"text-muted-foreground\",\n fullWidth && \"w-full\",\n error && \"border-destructive focus-visible:ring-destructive\",\n className\n )}\n >\n <div className=\"flex flex-wrap gap-1\">\n {selectedOptions.length > 0 ? (\n selectedOptions.map((option) => (\n <div\n key={option.id}\n className=\"flex items-center gap-1 bg-secondary text-secondary-foreground px-2 py-0.5 rounded-md text-sm\"\n >\n <span>{option.label}</span>\n <span\n onClick={(e) => handleRemove(option.id, e)}\n className=\"hover:bg-secondary-foreground/20 rounded-sm\"\n >\n <X className=\"h-3 w-3\" />\n </span>\n </div>\n ))\n ) : (\n <span>{placeholder}</span>\n )}\n </div>\n <ChevronDown className={cn(\"opacity-50\", open && \"rotate-180\")} />\n </Button>\n </PopoverTrigger>\n <PopoverContent\n id={id ? `${id}-content` : undefined}\n className={cn(\n \"w-[13rem] p-0 rounded-md border bg-popover text-popover-foreground shadow-md\",\n fullWidth && \"w-full\"\n )}\n align=\"start\"\n >\n <Command>\n {searchable && (\n <CommandInput placeholder=\"Search...\" className=\"h-9\" disabled={disabled} />\n )}\n <CommandList className=\"max-h-[12rem] overflow-y-auto\">\n <CommandEmpty>No items found.</CommandEmpty>\n <CommandGroup>\n {showSelectAll && (\n <CommandItem\n onSelect={handleSelectAll}\n className=\"flex items-center gap-2 cursor-pointer my-1\"\n >\n <div className=\"flex h-4 w-4 items-center justify-center rounded border border-primary\">\n {value.length === options.filter((o) => !o.disabled).length && (\n <Check className=\"h-3 w-3\" />\n )}\n </div>\n <Typography variant=\"small\">Select All</Typography>\n </CommandItem>\n )}\n <CommandSeparator />\n </CommandGroup>\n {renderCommandList ? (\n renderCommandList(options)\n ) : (\n <CommandGroup>\n {options.map((option) => (\n <CommandItem\n value={option.id}\n key={option.id}\n onSelect={() => handleSelect(option.id)}\n disabled={option.disabled}\n className={cn(\n \"flex items-center justify-between cursor-pointer my-1\",\n option.disabled && \"opacity-50 cursor-not-allowed\",\n option.className\n )}\n >\n <div className=\"flex items-center gap-2\">\n <div className=\"flex h-4 w-4 items-center justify-center rounded border border-primary\">\n {value.includes(option.id) && <Check className=\"h-3 w-3\" />}\n </div>\n <div className=\"flex items-center gap-1\">\n {option.startIcon && option.startIcon}\n <Typography variant=\"small\">{option.label}</Typography>\n </div>\n </div>\n {option.endIcon && <div className=\"ml-2\">{option.endIcon}</div>}\n </CommandItem>\n ))}\n </CommandGroup>\n )}\n </CommandList>\n </Command>\n </PopoverContent>\n </Popover>\n </div>\n )\n}\n","import * as React from \"react\"\nimport * as SwitchPrimitives from \"@radix-ui/react-switch\"\n\nimport { cn } from \"@/utils/index\"\nimport { SwitchProps } from \"./switch.types\"\n\n/**\n * Switch component that provides a toggle input control.\n * Built on top of Radix UI's Switch primitive.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-switch--docs\n *\n * @example\n * ```tsx\n * <Switch />\n * <Switch defaultChecked />\n * <Switch disabled />\n * ```\n */\nconst Switch = React.forwardRef<React.ElementRef<typeof SwitchPrimitives.Root>, SwitchProps>(\n ({ className, ...props }, ref) => (\n <SwitchPrimitives.Root\n className={cn(\n \"peer inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent shadow-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input\",\n className\n )}\n {...props}\n ref={ref}\n >\n <SwitchPrimitives.Thumb\n className={cn(\n \"pointer-events-none block h-4 w-4 rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0\"\n )}\n />\n </SwitchPrimitives.Root>\n )\n)\nSwitch.displayName = SwitchPrimitives.Root.displayName\n\nexport { Switch }\n","import * as React from \"react\"\nimport * as CollapsiblePrimitive from \"@radix-ui/react-collapsible\"\nimport { cn } from \"@/utils\"\nimport { forwardRef } from \"react\"\n\n/**\n * Collapsible component that allows content to be expanded and collapsed.\n * Built on top of Radix UI's Collapsible primitive.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-collapsible--docs\n *\n * @example\n * ```tsx\n * <Collapsible>\n * <CollapsibleTrigger>Toggle</CollapsibleTrigger>\n * <CollapsibleContent>Content</CollapsibleContent>\n * </Collapsible>\n * ```\n */\nconst Collapsible = CollapsiblePrimitive.Root\n\nconst CollapsibleTrigger = forwardRef<\n React.ElementRef<typeof CollapsiblePrimitive.Trigger>,\n React.ComponentPropsWithoutRef<typeof CollapsiblePrimitive.Trigger>\n>(({ className, ...props }, ref) => (\n <CollapsiblePrimitive.Trigger\n ref={ref}\n className={cn(\n \"inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors hover:bg-accent hover:text-accent-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50\",\n className\n )}\n {...props}\n />\n))\nCollapsibleTrigger.displayName = \"CollapsibleTrigger\"\n\nconst CollapsibleContent = forwardRef<\n React.ElementRef<typeof CollapsiblePrimitive.Content>,\n React.ComponentPropsWithoutRef<typeof CollapsiblePrimitive.Content>\n>(({ className, ...props }, ref) => (\n <CollapsiblePrimitive.Content\n ref={ref}\n className={cn(\n \"overflow-hidden data-[state=closed]:animate-collapsible-up data-[state=open]:animate-collapsible-down\",\n className\n )}\n {...props}\n />\n))\nCollapsibleContent.displayName = \"CollapsibleContent\"\n\nexport { Collapsible, CollapsibleTrigger, CollapsibleContent }\n","import * as React from \"react\"\nimport { ChevronLeft, ChevronRight, MoreHorizontal } from \"lucide-react\"\n\nimport { cn } from \"@/utils/index\"\nimport { ButtonProps, buttonVariants } from \"@/components/atoms/button\"\n\n/**\n * Pagination component that provides navigation controls for paginated content.\n * Built on top of shadcn/ui's button component.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-pagination--docs\n *\n * @example\n * ```tsx\n * <Pagination>\n * <PaginationContent>\n * <PaginationItem>\n * <PaginationPrevious href=\"#\" />\n * </PaginationItem>\n * <PaginationItem>\n * <PaginationLink href=\"#\" isActive>1</PaginationLink>\n * </PaginationItem>\n * <PaginationItem>\n * <PaginationEllipsis />\n * </PaginationItem>\n * <PaginationItem>\n * <PaginationNext href=\"#\" />\n * </PaginationItem>\n * </PaginationContent>\n * </Pagination>\n * ```\n */\nconst Pagination = ({ className, ...props }: React.ComponentProps<\"nav\">) => (\n <nav\n role=\"navigation\"\n aria-label=\"pagination\"\n className={cn(\"mx-auto flex w-full justify-center\", className)}\n {...props}\n />\n)\nPagination.displayName = \"Pagination\"\n\nconst PaginationContent = React.forwardRef<HTMLUListElement, React.ComponentProps<\"ul\">>(\n ({ className, ...props }, ref) => (\n <ul ref={ref} className={cn(\"flex flex-row items-center gap-1\", className)} {...props} />\n )\n)\nPaginationContent.displayName = \"PaginationContent\"\n\nconst PaginationItem = React.forwardRef<HTMLLIElement, React.ComponentProps<\"li\">>(\n ({ className, ...props }, ref) => <li ref={ref} className={cn(\"\", className)} {...props} />\n)\nPaginationItem.displayName = \"PaginationItem\"\n\ntype PaginationLinkProps = {\n isActive?: boolean\n} & Pick<ButtonProps, \"size\"> &\n React.ComponentProps<\"a\">\n\nconst PaginationLink = ({\n className,\n isActive,\n size = \"icon\",\n children,\n ...props\n}: PaginationLinkProps) => (\n <a\n aria-current={isActive ? \"page\" : undefined}\n className={cn(\n buttonVariants({\n variant: isActive ? \"outline\" : \"ghost\",\n size\n }),\n className\n )}\n {...props}\n >\n {children}\n </a>\n)\nPaginationLink.displayName = \"PaginationLink\"\n\nconst PaginationPrevious = ({\n className,\n ...props\n}: React.ComponentProps<typeof PaginationLink>) => (\n <PaginationLink\n aria-label=\"Go to previous page\"\n size=\"default\"\n className={cn(\"gap-1 pl-2.5\", className)}\n {...props}\n >\n <ChevronLeft className=\"h-4 w-4\" />\n <span>Previous</span>\n </PaginationLink>\n)\nPaginationPrevious.displayName = \"PaginationPrevious\"\n\nconst PaginationNext = ({ className, ...props }: React.ComponentProps<typeof PaginationLink>) => (\n <PaginationLink\n aria-label=\"Go to next page\"\n size=\"default\"\n className={cn(\"gap-1 pr-2.5\", className)}\n {...props}\n >\n <span>Next</span>\n <ChevronRight className=\"h-4 w-4\" />\n </PaginationLink>\n)\nPaginationNext.displayName = \"PaginationNext\"\n\nconst PaginationEllipsis = ({ className, ...props }: React.ComponentProps<\"span\">) => (\n <span\n aria-hidden\n className={cn(\"flex h-9 w-9 items-center justify-center\", className)}\n {...props}\n >\n <MoreHorizontal className=\"h-4 w-4\" />\n <span className=\"sr-only\">More pages</span>\n </span>\n)\nPaginationEllipsis.displayName = \"PaginationEllipsis\"\n\nexport {\n Pagination,\n PaginationContent,\n PaginationLink,\n PaginationItem,\n PaginationPrevious,\n PaginationNext,\n PaginationEllipsis\n}\n","import * as React from \"react\"\nimport * as RadioGroupPrimitive from \"@radix-ui/react-radio-group\"\nimport { Circle } from \"lucide-react\"\n\nimport { cn } from \"@/utils\"\nimport { Label } from \"@/components/atoms/label\"\n\n/**\n * RadioGroup component that allows users to select a single option from a list.\n * Built on top of Radix UI's RadioGroup primitive.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-radio-group--docs\n *\n * @example\n * ```tsx\n * <RadioGroup defaultValue=\"option-1\">\n * <RadioGroupItem value=\"option-1\">Option 1</RadioGroupItem>\n * <RadioGroupItem value=\"option-2\">Option 2</RadioGroupItem>\n * </RadioGroup>\n * ```\n */\nconst RadioGroup = React.forwardRef<\n React.ElementRef<typeof RadioGroupPrimitive.Root>,\n React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root>\n>(({ className, ...props }, ref) => {\n return <RadioGroupPrimitive.Root className={cn(\"grid gap-3\", className)} {...props} ref={ref} />\n})\nRadioGroup.displayName = RadioGroupPrimitive.Root.displayName\n\n/**\n * RadioGroupItem component that represents a single option in a RadioGroup.\n * Built on top of Radix UI's RadioGroupItem primitive.\n *\n * @example\n * ```tsx\n * <RadioGroupItem value=\"option-1\">Option 1</RadioGroupItem>\n * ```\n */\nconst RadioGroupItem = React.forwardRef<\n React.ElementRef<typeof RadioGroupPrimitive.Item>,\n React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item>\n>(({ className, ...props }, ref) => {\n return (\n <RadioGroupPrimitive.Item\n ref={ref}\n className={cn(\n \"aspect-square h-4 w-4 rounded-full border border-primary text-primary shadow focus:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50\",\n className\n )}\n {...props}\n >\n <RadioGroupPrimitive.Indicator className=\"flex items-center justify-center\">\n <Circle className=\"h-3.5 w-3.5 fill-primary\" />\n </RadioGroupPrimitive.Indicator>\n </RadioGroupPrimitive.Item>\n )\n})\nRadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName\n\n/**\n * RadioItemContainer component that provides a container for radio group items with proper spacing and layout.\n *\n * @example\n * ```tsx\n * <RadioItemContainer>\n * <RadioGroupItem value=\"option-1\">Option 1</RadioGroupItem>\n * <RadioGroupItem value=\"option-2\">Option 2</RadioGroupItem>\n * </RadioItemContainer>\n * ```\n */\nconst RadioItemContainer = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n ({ className, ...props }, ref) => {\n return <div ref={ref} className={cn(\"flex items-center gap-2\", className)} {...props} />\n }\n)\nRadioItemContainer.displayName = \"RadioItemContainer\"\n\n/**\n * RadioItemLabel component that provides a label for individual radio items.\n * Built on top of the Label component.\n *\n * @example\n * ```tsx\n * <RadioItemLabel>Select an option</RadioItemLabel>\n * ```\n */\nconst RadioItemLabel = React.forwardRef<\n React.ElementRef<typeof Label>,\n React.ComponentPropsWithoutRef<typeof Label>\n>(({ className, ...props }, ref) => {\n return (\n <Label\n ref={ref}\n className={cn(\n \"text-sm font-medium leading-none cursor-pointer peer-disabled:cursor-not-allowed peer-disabled:opacity-70\",\n className\n )}\n {...props}\n />\n )\n})\nRadioItemLabel.displayName = \"RadioItemLabel\"\n\nexport { RadioGroup, RadioGroupItem, RadioItemContainer, RadioItemLabel }\n","import * as React from \"react\"\nimport * as AccordionPrimitive from \"@radix-ui/react-accordion\"\nimport { ChevronDown } from \"lucide-react\"\n\nimport { cn } from \"@/utils/index\"\nimport type {\n AccordionProps,\n AccordionItemProps,\n AccordionTriggerProps,\n AccordionContentProps\n} from \"./accordion.types\"\n\n/**\n * Accordion component that displays a list of expandable/collapsible sections.\n * Built on top of Radix UI's Accordion primitive.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-accordion--docs\n *\n * @example\n * ```tsx\n * <Accordion type=\"single\" collapsible>\n * <AccordionItem value=\"item-1\">\n * <AccordionTrigger>Section 1</AccordionTrigger>\n * <AccordionContent>Content 1</AccordionContent>\n * </AccordionItem>\n * <AccordionItem value=\"item-2\">\n * <AccordionTrigger>Section 2</AccordionTrigger>\n * <AccordionContent>Content 2</AccordionContent>\n * </AccordionItem>\n * </Accordion>\n * ```\n */\nconst Accordion = React.forwardRef<\n React.ElementRef<typeof AccordionPrimitive.Root>,\n AccordionProps\n>(({ className, ...props }, ref) => (\n <AccordionPrimitive.Root ref={ref} className={cn(\"w-full\", className)} {...props} />\n))\nAccordion.displayName = \"Accordion\"\n\nconst AccordionItem = React.forwardRef<\n React.ElementRef<typeof AccordionPrimitive.Item>,\n AccordionItemProps\n>(({ className, ...props }, ref) => (\n <AccordionPrimitive.Item ref={ref} className={cn(\"border-b\", className)} {...props} />\n))\nAccordionItem.displayName = \"AccordionItem\"\n\nconst AccordionTrigger = React.forwardRef<\n React.ElementRef<typeof AccordionPrimitive.Trigger>,\n AccordionTriggerProps\n>(({ className, children, ...props }, ref) => (\n <AccordionPrimitive.Header className=\"flex\">\n <AccordionPrimitive.Trigger\n ref={ref}\n className={cn(\n \"flex flex-1 items-center justify-between py-4 text-sm font-medium transition-all hover:underline text-left [&[data-state=open]>svg]:rotate-180\",\n className\n )}\n {...props}\n >\n {children}\n <ChevronDown className=\"h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200\" />\n </AccordionPrimitive.Trigger>\n </AccordionPrimitive.Header>\n))\nAccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName\n\nconst AccordionContent = React.forwardRef<\n React.ElementRef<typeof AccordionPrimitive.Content>,\n AccordionContentProps\n>(({ className, children, ...props }, ref) => (\n <AccordionPrimitive.Content\n ref={ref}\n className={cn(\n \"overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down\",\n className\n )}\n {...props}\n >\n <div className={cn(\"pb-4 pt-0\", className)}>{children}</div>\n </AccordionPrimitive.Content>\n))\nAccordionContent.displayName = AccordionPrimitive.Content.displayName\n\nexport { Accordion, AccordionItem, AccordionTrigger, AccordionContent }\n","/**\n * Checkbox component built on top of Radix UI's Checkbox primitive.\n * Provides a customizable checkbox input with proper accessibility and keyboard navigation.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-checkbox--docs\n *\n * @example\n * ```tsx\n * <Checkbox id=\"terms\" name=\"terms\" />\n * <label htmlFor=\"terms\">Accept terms and conditions</label>\n * ```\n */\nimport * as React from \"react\"\nimport * as CheckboxPrimitive from \"@radix-ui/react-checkbox\"\nimport { Check } from \"lucide-react\"\n\nimport { cn } from \"@/utils/index\"\nimport type { CheckboxProps } from \"./checkbox.types\"\n\nconst Checkbox = React.forwardRef<React.ElementRef<typeof CheckboxPrimitive.Root>, CheckboxProps>(\n ({ className, ...props }, ref) => (\n <CheckboxPrimitive.Root\n ref={ref}\n className={cn(\n \"peer h-4 w-4 shrink-0 rounded-sm border border-primary shadow focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground\",\n className\n )}\n {...props}\n >\n <CheckboxPrimitive.Indicator\n className={cn(\"flex items-center justify-center text-current\")}\n aria-hidden=\"true\"\n >\n <Check className=\"h-4 w-4\" />\n </CheckboxPrimitive.Indicator>\n </CheckboxPrimitive.Root>\n )\n)\nCheckbox.displayName = CheckboxPrimitive.Root.displayName\n\nexport { Checkbox }\n","/**\n * Breadcrumb component that displays the current page's location within a navigational hierarchy.\n * Built on top of Radix UI's Slot primitive.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-breadcrumb--docs\n *\n * @example\n * ```tsx\n * <Breadcrumb>\n * <BreadcrumbList>\n * <BreadcrumbItem>\n * <BreadcrumbLink href=\"/\">Home</BreadcrumbLink>\n * </BreadcrumbItem>\n * <BreadcrumbSeparator />\n * <BreadcrumbItem>\n * <BreadcrumbPage>Current Page</BreadcrumbPage>\n * </BreadcrumbItem>\n * </BreadcrumbList>\n * </Breadcrumb>\n * ```\n */\n\nimport * as React from \"react\"\nimport { Slot } from \"@radix-ui/react-slot\"\nimport { ChevronRight, MoreHorizontal } from \"lucide-react\"\n\nimport { cn } from \"@/utils/index\"\nimport {\n BreadcrumbProps,\n BreadcrumbListProps,\n BreadcrumbItemProps,\n BreadcrumbLinkProps,\n BreadcrumbPageProps,\n BreadcrumbSeparatorProps,\n BreadcrumbEllipsisProps\n} from \"./breadcrumb.types\"\n\nconst Breadcrumb = React.forwardRef<HTMLElement, BreadcrumbProps>(({ ...props }, ref) => (\n <nav ref={ref} aria-label=\"breadcrumb\" {...props} />\n))\nBreadcrumb.displayName = \"Breadcrumb\"\n\nconst BreadcrumbList = React.forwardRef<HTMLOListElement, BreadcrumbListProps>(\n ({ className, ...props }, ref) => (\n <ol\n ref={ref}\n className={cn(\n \"flex flex-wrap items-center gap-1.5 break-words text-sm text-muted-foreground sm:gap-2.5\",\n className\n )}\n {...props}\n />\n )\n)\nBreadcrumbList.displayName = \"BreadcrumbList\"\n\nconst BreadcrumbItem = React.forwardRef<HTMLLIElement, BreadcrumbItemProps>(\n ({ className, ...props }, ref) => (\n <li ref={ref} className={cn(\"inline-flex items-center gap-1.5\", className)} {...props} />\n )\n)\nBreadcrumbItem.displayName = \"BreadcrumbItem\"\n\nconst BreadcrumbLink = React.forwardRef<HTMLAnchorElement, BreadcrumbLinkProps>(\n ({ asChild, className, ...props }, ref) => {\n const Comp = asChild ? Slot : \"a\"\n\n return (\n <Comp\n ref={ref}\n className={cn(\"transition-colors hover:text-foreground\", className)}\n {...props}\n />\n )\n }\n)\nBreadcrumbLink.displayName = \"BreadcrumbLink\"\n\nconst BreadcrumbPage = React.forwardRef<HTMLSpanElement, BreadcrumbPageProps>(\n ({ className, ...props }, ref) => (\n <span\n ref={ref}\n role=\"link\"\n aria-disabled=\"true\"\n aria-current=\"page\"\n className={cn(\"font-normal text-foreground\", className)}\n {...props}\n />\n )\n)\nBreadcrumbPage.displayName = \"BreadcrumbPage\"\n\nconst BreadcrumbSeparator = ({ children, className, ...props }: BreadcrumbSeparatorProps) => (\n <li\n role=\"presentation\"\n aria-hidden=\"true\"\n className={cn(\"[&>svg]:w-3.5 [&>svg]:h-3.5\", className)}\n {...props}\n >\n {children ?? <ChevronRight />}\n </li>\n)\nBreadcrumbSeparator.displayName = \"BreadcrumbSeparator\"\n\nconst BreadcrumbEllipsis = ({ className, ...props }: BreadcrumbEllipsisProps) => (\n <span\n role=\"presentation\"\n aria-hidden=\"true\"\n className={cn(\"flex h-9 w-9 items-center justify-center\", className)}\n {...props}\n >\n <MoreHorizontal className=\"h-4 w-4\" />\n <span className=\"sr-only\">More</span>\n </span>\n)\nBreadcrumbEllipsis.displayName = \"BreadcrumbEllipsis\"\n\nexport {\n Breadcrumb,\n BreadcrumbList,\n BreadcrumbItem,\n BreadcrumbLink,\n BreadcrumbPage,\n BreadcrumbSeparator,\n BreadcrumbEllipsis\n}\n","\"use client\";\n\"use client\"\n\nimport React from \"react\"\nimport { useDropzone } from \"react-dropzone\"\nimport { cn } from \"@/utils\"\nimport { UploadIcon } from \"lucide-react\" // or your icon\n\nimport type { DndInputProps } from \"./dnd-input.types\"\n\n/**\n * Default content shown when no children are provided to the DndInput component.\n * Displays an upload icon, text prompt, and file type information.\n */\nconst defaultContent = (\n <>\n <UploadIcon className=\"text-blue-600 mr-2\" aria-hidden=\"true\" />\n <span>\n <span className=\"underline\">Upload</span> or drop a file right here\n </span>\n <span className=\"ml-auto text-gray-400 text-sm\">all file types</span>\n </>\n)\n\n/**\n * DndInput is a drag-and-drop file upload component built on top of react-dropzone.\n * It provides a customizable dropzone area for file uploads with visual feedback for drag states.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-dnd-input--docs\n *\n * @example\n * ```tsx\n * // Basic usage with default UI\n * <DndInput onDrop={(files) => handleFiles(files)} />\n *\n * // Custom content with file type restrictions\n * <DndInput\n * accept={{ 'image/*': ['.png', '.jpg'] }}\n * onDrop={(files) => handleFiles(files)}\n * >\n * <div>Custom upload UI</div>\n * </DndInput>\n * ```\n */\nexport const DndInput: React.FC<DndInputProps> = ({\n onDrop,\n accept,\n className,\n children,\n ...props\n}) => {\n // Initialize dropzone functionality with provided options\n const { getRootProps, getInputProps, isDragActive, isFocused } = useDropzone({\n onDrop,\n accept,\n ...props\n })\n\n return (\n <div\n {...getRootProps({\n className: cn(\n // Base styles for the dropzone container\n \"flex items-center border-2 border-dashed border-blue-500 rounded-lg p-4 cursor-pointer transition-colors\",\n // Custom className prop for additional styling\n className,\n // Visual feedback for drag state\n isDragActive ? \"bg-blue-50 border-blue-700\" : \"\",\n // Visual feedback for focus state\n isFocused ? \"ring-2 ring-blue-400\" : \"\"\n ),\n \"aria-label\": \"File upload area\",\n tabIndex: 0,\n role: \"button\"\n })}\n data-testid=\"dnd-input\"\n >\n <input {...getInputProps()} />\n {children || defaultContent}\n </div>\n )\n}\n","/* eslint-disable no-use-before-define */\nimport * as React from \"react\"\nimport * as ScrollAreaPrimitive from \"@radix-ui/react-scroll-area\"\n\nimport { cn } from \"@/utils/index\"\nimport { ScrollAreaProps, ScrollBarProps } from \"./scroll-area.types\"\n\n/**\n * ScrollArea component that provides a custom scrollable area with a styled scrollbar.\n * Built on top of Radix UI's ScrollArea primitive.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-scroll-area--docs\n *\n * @example\n * ```tsx\n * <ScrollArea className=\"h-[200px] w-[350px] rounded-md border p-4\">\n * <div className=\"space-y-4\">\n * <h4 className=\"text-sm font-medium leading-none\">Scroll Area</h4>\n * <p className=\"text-sm text-muted-foreground\">\n * Scrollable content goes here...\n * </p>\n * </div>\n * </ScrollArea>\n * ```\n */\nconst ScrollArea = React.forwardRef<\n React.ElementRef<typeof ScrollAreaPrimitive.Root>,\n ScrollAreaProps\n>(({ className, children, ...props }, ref) => (\n <ScrollAreaPrimitive.Root\n ref={ref}\n className={cn(\"relative overflow-hidden\", className)}\n {...props}\n >\n <ScrollAreaPrimitive.Viewport className=\"h-full w-full rounded-[inherit]\">\n {children}\n </ScrollAreaPrimitive.Viewport>\n <ScrollBar />\n <ScrollAreaPrimitive.Corner />\n </ScrollAreaPrimitive.Root>\n))\nScrollArea.displayName = ScrollAreaPrimitive.Root.displayName\n\nconst ScrollBar = React.forwardRef<\n React.ElementRef<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>,\n ScrollBarProps\n>(({ className, orientation = \"vertical\", ...props }, ref) => (\n <ScrollAreaPrimitive.ScrollAreaScrollbar\n ref={ref}\n orientation={orientation}\n className={cn(\n \"flex touch-none select-none transition-colors\",\n orientation === \"vertical\" && \"h-full w-2.5 border-l border-l-transparent p-[1px]\",\n orientation === \"horizontal\" && \"h-2.5 flex-col border-t border-t-transparent p-[1px]\",\n className\n )}\n {...props}\n >\n <ScrollAreaPrimitive.ScrollAreaThumb className=\"relative flex-1 rounded-full bg-border\" />\n </ScrollAreaPrimitive.ScrollAreaScrollbar>\n))\nScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName\n\nexport { ScrollArea, ScrollBar }\n","/**\n * Card is a flexible container component that can be used to group related content and actions.\n * It provides a consistent visual style with a subtle border, shadow, and rounded corners.\n *\n */\nimport * as React from \"react\"\nimport { cn } from \"@/utils\"\nimport {\n CardProps,\n CardHeaderProps,\n CardTitleProps,\n CardDescriptionProps,\n CardContentProps,\n CardFooterProps\n} from \"./card.types\"\n\n/**\n * The main card container component.\n * Provides the base styling for the card including border, shadow, and rounded corners.\n * * @url https://sergii-melnykov.github.io/ui/?path=/docs/molecules-card--docs\n *\n * @example\n * ```tsx\n * // Basic card\n * <Card>\n * <CardHeader>\n * <CardTitle>Card Title</CardTitle>\n * <CardDescription>Card Description</CardDescription>\n * </CardHeader>\n * <CardContent>\n * <p>Card content goes here.</p>\n * </CardContent>\n * <CardFooter>\n * <Button>Action</Button>\n * </CardFooter>\n * </Card>\n *\n * // Card with custom styling\n * <Card className=\"bg-primary text-primary-foreground\">\n * <CardHeader>\n * <CardTitle>Custom Styled Card</CardTitle>\n * </CardHeader>\n * <CardContent>\n * <p>This card has custom background and text colors.</p>\n * </CardContent>\n * </Card>\n * ```\n */\nconst Card = React.forwardRef<HTMLDivElement, CardProps>(({ className, ...props }, ref) => (\n <div\n ref={ref}\n className={cn(\"rounded-lg border bg-card text-card-foreground shadow-sm\", className)}\n {...props}\n />\n))\nCard.displayName = \"Card\"\n\n/**\n * Header section of the card.\n * Typically contains the card title and description.\n * Includes padding and spacing for consistent layout.\n */\nconst CardHeader = React.forwardRef<HTMLDivElement, CardHeaderProps>(\n ({ className, ...props }, ref) => (\n <div ref={ref} className={cn(\"flex flex-col space-y-1.5 p-6\", className)} {...props} />\n )\n)\nCardHeader.displayName = \"CardHeader\"\n\n/**\n * Title component for the card.\n * Should be used within CardHeader.\n * Provides consistent typography styling for card titles.\n */\nconst CardTitle = React.forwardRef<HTMLParagraphElement, CardTitleProps>(\n ({ className, children, ...props }, ref) => (\n <h3\n ref={ref}\n className={cn(\"text-2xl font-semibold leading-none tracking-tight\", className)}\n {...props}\n >\n {children}\n </h3>\n )\n)\nCardTitle.displayName = \"CardTitle\"\n\n/**\n * Description component for the card.\n * Should be used within CardHeader.\n * Provides consistent typography styling for card descriptions.\n */\nconst CardDescription = React.forwardRef<HTMLParagraphElement, CardDescriptionProps>(\n ({ className, ...props }, ref) => (\n <p ref={ref} className={cn(\"text-sm text-muted-foreground\", className)} {...props} />\n )\n)\nCardDescription.displayName = \"CardDescription\"\n\n/**\n * Main content section of the card.\n * Includes padding and removes top padding to maintain consistent spacing with the header.\n */\nconst CardContent = React.forwardRef<HTMLDivElement, CardContentProps>(\n ({ className, ...props }, ref) => (\n <div ref={ref} className={cn(\"p-6 pt-0\", className)} {...props} />\n )\n)\nCardContent.displayName = \"CardContent\"\n\n/**\n * Footer section of the card.\n * Typically contains action buttons or additional information.\n * Includes padding and removes top padding to maintain consistent spacing with the content.\n */\nconst CardFooter = React.forwardRef<HTMLDivElement, CardFooterProps>(\n ({ className, ...props }, ref) => (\n <div ref={ref} className={cn(\"flex items-center p-6 pt-0\", className)} {...props} />\n )\n)\nCardFooter.displayName = \"CardFooter\"\n\nexport { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent }\n","import * as React from \"react\"\nimport * as NavigationMenuPrimitive from \"@radix-ui/react-navigation-menu\"\nimport { ChevronDown } from \"lucide-react\"\nimport { cn } from \"@/utils/index\"\nimport { navigationMenuTriggerStyle } from \"./navigation-menu.variants\"\nimport type {\n NavigationMenuProps,\n NavigationMenuListProps,\n NavigationMenuItemProps,\n NavigationMenuTriggerProps,\n NavigationMenuContentProps,\n NavigationMenuLinkProps,\n NavigationMenuViewportProps,\n NavigationMenuIndicatorProps\n} from \"./navigation-menu.types\"\n\n/**\n * NavigationMenu component for creating accessible navigation menus with dropdowns.\n * Built on top of Radix UI's NavigationMenu primitive.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/molecules-navigation-menu--docs\n *\n * @example\n * ```\n * <NavigationMenu>\n * <NavigationMenuList>\n * <NavigationMenuItem>\n * <NavigationMenuTrigger>Getting Started</NavigationMenuTrigger>\n * <NavigationMenuContent>\n * <ul className=\"grid gap-3 p-4 md:w-[400px] lg:w-[500px]\">\n * <li className=\"row-span-3\">\n * <NavigationMenuLink asChild>\n * <a className=\"flex h-full w-full select-none flex-col justify-end rounded-md bg-gradient-to-b from-muted/50 to-muted p-6 no-underline outline-none focus:shadow-md\">\n * <div className=\"mb-2 mt-4 text-lg font-medium\">shadcn/ui</div>\n * <p className=\"text-sm leading-tight text-muted-foreground\">\n * Beautifully designed components built with Radix UI and Tailwind CSS.\n * </p>\n * </a>\n * </NavigationMenuLink>\n * </li>\n * </ul>\n * </NavigationMenuContent>\n * </NavigationMenuItem>\n * </NavigationMenuList>\n * </NavigationMenu>\n * ```\n */\nconst NavigationMenu = React.forwardRef<\n React.ElementRef<typeof NavigationMenuPrimitive.Root>,\n NavigationMenuProps\n>(({ className, children, ...props }, ref) => (\n <NavigationMenuPrimitive.Root\n ref={ref}\n className={cn(\"relative z-10 flex max-w-max flex-1 items-center justify-center\", className)}\n {...props}\n >\n {children}\n <NavigationMenuViewport />\n </NavigationMenuPrimitive.Root>\n))\nNavigationMenu.displayName = NavigationMenuPrimitive.Root.displayName\n\nconst NavigationMenuList = React.forwardRef<\n React.ElementRef<typeof NavigationMenuPrimitive.List>,\n NavigationMenuListProps\n>(({ className, ...props }, ref) => (\n <NavigationMenuPrimitive.List\n ref={ref}\n className={cn(\"group flex flex-1 list-none items-center justify-center space-x-1\", className)}\n {...props}\n />\n))\nNavigationMenuList.displayName = NavigationMenuPrimitive.List.displayName\n\nconst NavigationMenuItem = NavigationMenuPrimitive.Item\n\nconst NavigationMenuTrigger = React.forwardRef<\n React.ElementRef<typeof NavigationMenuPrimitive.Trigger>,\n NavigationMenuTriggerProps\n>(({ className, children, variant, ...props }, ref) => (\n <NavigationMenuPrimitive.Trigger\n ref={ref}\n className={cn(navigationMenuTriggerStyle({ variant }), className)}\n {...props}\n >\n {children}{\" \"}\n <ChevronDown\n className=\"relative top-[1px] ml-1 h-3 w-3 transition duration-200 group-data-[state=open]:rotate-180\"\n aria-hidden=\"true\"\n />\n </NavigationMenuPrimitive.Trigger>\n))\nNavigationMenuTrigger.displayName = NavigationMenuPrimitive.Trigger.displayName\n\nconst NavigationMenuContent = React.forwardRef<\n React.ElementRef<typeof NavigationMenuPrimitive.Content>,\n NavigationMenuContentProps\n>(({ className, ...props }, ref) => (\n <NavigationMenuPrimitive.Content\n ref={ref}\n className={cn(\n \"left-0 top-0 w-full data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 md:absolute md:w-auto\",\n className\n )}\n {...props}\n />\n))\nNavigationMenuContent.displayName = NavigationMenuPrimitive.Content.displayName\n\nconst NavigationMenuLink = NavigationMenuPrimitive.Link\n\nconst NavigationMenuViewport = React.forwardRef<\n React.ElementRef<typeof NavigationMenuPrimitive.Viewport>,\n NavigationMenuViewportProps\n>(({ className, ...props }, ref) => (\n <div className={cn(\"absolute left-0 top-full flex justify-center\")}>\n <NavigationMenuPrimitive.Viewport\n className={cn(\n \"origin-top-center relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 md:w-[var(--radix-navigation-menu-viewport-width)]\",\n className\n )}\n ref={ref}\n {...props}\n />\n </div>\n))\nNavigationMenuViewport.displayName = NavigationMenuPrimitive.Viewport.displayName\n\nconst NavigationMenuIndicator = React.forwardRef<\n React.ElementRef<typeof NavigationMenuPrimitive.Indicator>,\n NavigationMenuIndicatorProps\n>(({ className, ...props }, ref) => (\n <NavigationMenuPrimitive.Indicator\n ref={ref}\n className={cn(\n \"top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in\",\n className\n )}\n {...props}\n >\n <div className=\"relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md\" />\n </NavigationMenuPrimitive.Indicator>\n))\nNavigationMenuIndicator.displayName = NavigationMenuPrimitive.Indicator.displayName\n\nexport {\n NavigationMenu,\n NavigationMenuList,\n NavigationMenuItem,\n NavigationMenuContent,\n NavigationMenuTrigger,\n NavigationMenuLink,\n NavigationMenuIndicator,\n NavigationMenuViewport\n}\n","import { cva } from \"class-variance-authority\"\n\nexport const navigationMenuTriggerStyle = cva(\n \"group inline-flex h-10 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus:outline-none disabled:pointer-events-none disabled:opacity-50 data-[active]:bg-accent/50 data-[state=open]:bg-accent/50\",\n {\n variants: {\n variant: {\n default: \"text-foreground\",\n ghost: \"hover:bg-transparent hover:underline\",\n link: \"text-primary underline-offset-4 hover:underline\",\n mobile: \"w-full justify-between border-b border-border py-4 text-base font-medium\"\n }\n },\n defaultVariants: {\n variant: \"default\"\n }\n }\n)\n","/**\n * Tabs component provides a way to organize content into separate views where only one view is visible at a time.\n * It follows the WAI-ARIA Tabs Pattern for accessibility.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/molecules-tabs--docs\n *\n * @example\n * ```tsx\n * <Tabs defaultValue=\"account\">\n * <TabsList>\n * <TabsTrigger value=\"account\">Account</TabsTrigger>\n * <TabsTrigger value=\"password\">Password</TabsTrigger>\n * </TabsList>\n * <TabsContent value=\"account\">\n * <p>Account settings content</p>\n * </TabsContent>\n * <TabsContent value=\"password\">\n * <p>Password settings content</p>\n * </TabsContent>\n * </Tabs>\n * ```\n */\nimport * as React from \"react\"\nimport * as TabsPrimitive from \"@radix-ui/react-tabs\"\nimport { cn } from \"@/utils\"\nimport { TabsListProps, TabsTriggerProps, TabsContentProps } from \"./tabs.types\"\n\nconst Tabs = TabsPrimitive.Root\n\nconst TabsList = React.forwardRef<React.ElementRef<typeof TabsPrimitive.List>, TabsListProps>(\n ({ className, ...props }, ref) => (\n <TabsPrimitive.List\n ref={ref}\n className={cn(\n \"inline-flex h-10 items-center justify-center rounded-md bg-muted p-1 text-muted-foreground\",\n className\n )}\n {...props}\n />\n )\n)\nTabsList.displayName = TabsPrimitive.List.displayName\n\nconst TabsTrigger = React.forwardRef<\n React.ElementRef<typeof TabsPrimitive.Trigger>,\n TabsTriggerProps\n>(({ className, ...props }, ref) => (\n <TabsPrimitive.Trigger\n ref={ref}\n className={cn(\n \"inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm\",\n className\n )}\n {...props}\n />\n))\nTabsTrigger.displayName = TabsPrimitive.Trigger.displayName\n\nconst TabsContent = React.forwardRef<\n React.ElementRef<typeof TabsPrimitive.Content>,\n TabsContentProps\n>(({ className, ...props }, ref) => (\n <TabsPrimitive.Content\n ref={ref}\n className={cn(\n \"mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2\",\n className\n )}\n {...props}\n />\n))\nTabsContent.displayName = TabsPrimitive.Content.displayName\n\nexport { Tabs, TabsList, TabsTrigger, TabsContent }\n","import { useEditor, EditorContent } from \"@tiptap/react\"\nimport Placeholder from \"@tiptap/extension-placeholder\"\nimport { useEffect } from \"react\"\nimport { cn } from \"@/utils\"\nimport { MarkdownEditorProps } from \"./markdown-editor.types\"\nimport { extensions } from \"./extensions\"\n\nexport function MarkdownEditor({\n value,\n onChange,\n className,\n placeholder,\n disabled\n}: MarkdownEditorProps) {\n const editor = useEditor({\n extensions: [\n ...extensions,\n Placeholder.configure({\n placeholder: placeholder ?? \"Write something...\"\n })\n ],\n content: value,\n editable: !disabled,\n onUpdate: ({ editor: e }) => {\n onChange?.((e.storage as any).markdown.getMarkdown())\n },\n editorProps: {\n attributes: {\n class: cn(\n \"prose prose-sm dark:prose-invert max-w-none w-full min-h-[60px] rounded-md border border-input bg-transparent px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50\",\n className\n )\n }\n }\n })\n\n // Sync value changes from outside\n useEffect(() => {\n if (editor && value !== undefined && value !== (editor.storage as any).markdown.getMarkdown()) {\n editor.commands.setContent(value)\n }\n }, [value, editor])\n\n if (!editor) {\n return null\n }\n\n return <EditorContent editor={editor} />\n}\n","import StarterKit from \"@tiptap/starter-kit\"\nimport { Markdown } from \"tiptap-markdown\"\n\nexport const extensions = [\n StarterKit.configure({\n heading: {\n levels: [1, 2, 3]\n }\n }),\n Markdown\n]\n","/**\n * Drawer is a slide-out panel component that appears from the bottom of the screen.\n * It's built on top of Vaul and provides a smooth, accessible drawer experience.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/organisms-drawer--docs\n *\n * @example\n * ```tsx\n * // Basic usage\n * <Drawer>\n * <DrawerTrigger>\n * <Button>Open Drawer</Button>\n * </DrawerTrigger>\n * <DrawerContent>\n * <DrawerHeader>\n * <DrawerTitle>Title</DrawerTitle>\n * <DrawerDescription>Description</DrawerDescription>\n * </DrawerHeader>\n * <div>Content</div>\n * <DrawerFooter>\n * <Button>Save</Button>\n * </DrawerFooter>\n * </DrawerContent>\n * </Drawer>\n * ```\n */\nimport { cn } from \"@/utils\"\nimport * as React from \"react\"\nimport { Drawer as DrawerPrimitive } from \"vaul\"\n\nconst Drawer = ({\n shouldScaleBackground = true,\n ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Root>) => (\n <DrawerPrimitive.Root shouldScaleBackground={shouldScaleBackground} {...props} />\n)\nDrawer.displayName = \"Drawer\"\n\n/**\n * The trigger element that opens the drawer.\n * Should be used with the `asChild` prop to wrap your own trigger element.\n */\nconst DrawerTrigger = DrawerPrimitive.Trigger\n\n/**\n * Portal component that renders the drawer content outside the DOM hierarchy.\n * This ensures proper stacking context and accessibility.\n */\nconst DrawerPortal = DrawerPrimitive.Portal\n\n/**\n * Close button component for the drawer.\n * Should be used with the `asChild` prop to wrap your own close button.\n */\nconst DrawerClose = DrawerPrimitive.Close\n\n/**\n * Overlay component that appears behind the drawer.\n * Provides a semi-transparent backdrop and handles click-outside behavior.\n */\nconst DrawerOverlay = React.forwardRef<\n React.ElementRef<typeof DrawerPrimitive.Overlay>,\n React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Overlay>\n>(({ className, ...props }, ref) => (\n <DrawerPrimitive.Overlay\n ref={ref}\n className={cn(\"fixed inset-0 z-50 bg-black/80\", className)}\n {...props}\n />\n))\nDrawerOverlay.displayName = DrawerPrimitive.Overlay.displayName\n\n/**\n * The main content container for the drawer.\n * Includes the handle bar at the top and manages the slide-up animation.\n */\nconst DrawerContent = React.forwardRef<\n React.ElementRef<typeof DrawerPrimitive.Content>,\n React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Content>\n>(({ className, children, ...props }, ref) => (\n <DrawerPortal>\n <DrawerOverlay />\n <DrawerPrimitive.Content\n ref={ref}\n className={cn(\n \"fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col rounded-t-[10px] border bg-background\",\n className\n )}\n {...props}\n >\n <div className=\"mx-auto mt-4 h-2 w-[100px] rounded-full bg-muted\" />\n {children}\n </DrawerPrimitive.Content>\n </DrawerPortal>\n))\nDrawerContent.displayName = \"DrawerContent\"\n\n/**\n * Header section of the drawer.\n * Typically contains the title and description.\n */\nconst DrawerHeader = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n <div className={cn(\"grid gap-1.5 p-4 text-center sm:text-left\", className)} {...props} />\n)\nDrawerHeader.displayName = \"DrawerHeader\"\n\n/**\n * Footer section of the drawer.\n * Typically contains action buttons.\n */\nconst DrawerFooter = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n <div className={cn(\"mt-auto flex flex-col gap-2 p-4\", className)} {...props} />\n)\nDrawerFooter.displayName = \"DrawerFooter\"\n\n/**\n * Title component for the drawer.\n * Should be used within DrawerHeader.\n */\nconst DrawerTitle = React.forwardRef<\n React.ElementRef<typeof DrawerPrimitive.Title>,\n React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Title>\n>(({ className, ...props }, ref) => (\n <DrawerPrimitive.Title\n ref={ref}\n className={cn(\"text-lg font-semibold leading-none tracking-tight\", className)}\n {...props}\n />\n))\nDrawerTitle.displayName = DrawerPrimitive.Title.displayName\n\n/**\n * Description component for the drawer.\n * Should be used within DrawerHeader.\n */\nconst DrawerDescription = React.forwardRef<\n React.ElementRef<typeof DrawerPrimitive.Description>,\n React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Description>\n>(({ className, ...props }, ref) => (\n <DrawerPrimitive.Description\n ref={ref}\n className={cn(\"text-sm text-muted-foreground\", className)}\n {...props}\n />\n))\nDrawerDescription.displayName = DrawerPrimitive.Description.displayName\n\nexport {\n Drawer,\n DrawerPortal,\n DrawerOverlay,\n DrawerTrigger,\n DrawerClose,\n DrawerContent,\n DrawerHeader,\n DrawerFooter,\n DrawerTitle,\n DrawerDescription\n}\n","import * as React from \"react\"\nimport { Slot } from \"@radix-ui/react-slot\"\nimport { VariantProps, cva } from \"class-variance-authority\"\nimport { PanelLeft } from \"lucide-react\"\n\nimport { useIsMobile } from \"@/hooks/use-mobile\"\nimport { cn } from \"@/utils/index\"\nimport { Button } from \"@/components/atoms/button\"\nimport { Input } from \"@/components/atoms/input\"\nimport { Separator } from \"@/components/atoms/separator\"\nimport {\n Sheet,\n SheetContent,\n SheetDescription,\n SheetHeader,\n SheetTitle\n} from \"@/components/atoms/sheet\"\nimport { Skeleton } from \"@/components/atoms/skeleton\"\nimport {\n Tooltip,\n TooltipContent,\n TooltipProvider,\n TooltipTrigger\n} from \"@/components/atoms/tooltip\"\n\nconst SIDEBAR_COOKIE_NAME = \"sidebar_state\"\nconst SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7\nconst SIDEBAR_WIDTH = \"16rem\"\nconst SIDEBAR_WIDTH_MOBILE = \"18rem\"\nconst SIDEBAR_WIDTH_ICON = \"3rem\"\nconst SIDEBAR_KEYBOARD_SHORTCUT = \"b\"\n\ntype SidebarContextProps = {\n state: \"expanded\" | \"collapsed\"\n open: boolean\n setOpen: (open: boolean) => void\n openMobile: boolean\n setOpenMobile: (open: boolean) => void\n isMobile: boolean\n toggleSidebar: () => void\n}\n\nconst SidebarContext = React.createContext<SidebarContextProps | null>(null)\n\nfunction useSidebar() {\n const context = React.useContext(SidebarContext)\n if (!context) {\n throw new Error(\"useSidebar must be used within a SidebarProvider.\")\n }\n\n return context\n}\n\nconst SidebarProvider = React.forwardRef<\n HTMLDivElement,\n React.ComponentProps<\"div\"> & {\n defaultOpen?: boolean\n open?: boolean\n onOpenChange?: (open: boolean) => void\n }\n>(\n (\n {\n defaultOpen = true,\n open: openProp,\n onOpenChange: setOpenProp,\n className,\n style,\n children,\n ...props\n },\n ref\n ) => {\n const isMobile = useIsMobile()\n const [openMobile, setOpenMobile] = React.useState(false)\n\n // This is the internal state of the sidebar.\n // We use openProp and setOpenProp for control from outside the component.\n const [_open, _setOpen] = React.useState(defaultOpen)\n const open = openProp ?? _open\n const setOpen = React.useCallback(\n (value: boolean | ((value: boolean) => boolean)) => {\n const openState = typeof value === \"function\" ? value(open) : value\n if (setOpenProp) {\n setOpenProp(openState)\n } else {\n _setOpen(openState)\n }\n\n // This sets the cookie to keep the sidebar state.\n document.cookie = `${SIDEBAR_COOKIE_NAME}=${openState}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}`\n },\n [setOpenProp, open]\n )\n\n // Helper to toggle the sidebar.\n const toggleSidebar = React.useCallback(() => {\n return isMobile ? setOpenMobile((open) => !open) : setOpen((open) => !open)\n }, [isMobile, setOpen, setOpenMobile])\n\n // Adds a keyboard shortcut to toggle the sidebar.\n React.useEffect(() => {\n const handleKeyDown = (event: KeyboardEvent) => {\n if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {\n event.preventDefault()\n toggleSidebar()\n }\n }\n\n window.addEventListener(\"keydown\", handleKeyDown)\n return () => window.removeEventListener(\"keydown\", handleKeyDown)\n }, [toggleSidebar])\n\n // We add a state so that we can do data-state=\"expanded\" or \"collapsed\".\n // This makes it easier to style the sidebar with Tailwind classes.\n const state = open ? \"expanded\" : \"collapsed\"\n\n const contextValue = React.useMemo<SidebarContextProps>(\n () => ({\n state,\n open,\n setOpen,\n isMobile,\n openMobile,\n setOpenMobile,\n toggleSidebar\n }),\n [state, open, setOpen, isMobile, openMobile, setOpenMobile, toggleSidebar]\n )\n\n return (\n <SidebarContext.Provider value={contextValue}>\n <TooltipProvider delayDuration={0}>\n <div\n style={\n {\n \"--sidebar-width\": SIDEBAR_WIDTH,\n \"--sidebar-width-icon\": SIDEBAR_WIDTH_ICON,\n ...style\n } as React.CSSProperties\n }\n className={cn(\"group/sidebar-wrapper has-[[data-variant=inset]]:bg-sidebar\", className)}\n ref={ref}\n {...props}\n >\n {children}\n </div>\n </TooltipProvider>\n </SidebarContext.Provider>\n )\n }\n)\nSidebarProvider.displayName = \"SidebarProvider\"\n\n/**\n * A flexible sidebar component that supports various layouts and configurations.\n * The sidebar can be positioned on either side of the screen and supports different\n * visual styles and collapse behaviors.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/organisms-sidebar--docs\n *\n * @example\n * ```tsx\n * <Sidebar>\n * <SidebarHeader>\n * <SidebarTitle>Dashboard</SidebarTitle>\n * </SidebarHeader>\n * <SidebarContent>\n * <SidebarMenu>\n * <SidebarMenuItem icon={<HomeIcon />}>Home</SidebarMenuItem>\n * <SidebarMenuItem icon={<SettingsIcon />}>Settings</SidebarMenuItem>\n * </SidebarMenu>\n * </SidebarContent>\n * <SidebarFooter>\n * <SidebarTrigger />\n * </SidebarFooter>\n * </Sidebar>\n * ```\n */\nconst Sidebar = React.forwardRef<\n HTMLDivElement,\n React.ComponentProps<\"div\"> & {\n side?: \"left\" | \"right\"\n variant?: \"sidebar\" | \"floating\" | \"inset\"\n collapsible?: \"offcanvas\" | \"icon\" | \"none\"\n }\n>(\n (\n {\n side = \"left\",\n variant = \"sidebar\",\n collapsible = \"offcanvas\",\n className,\n children,\n ...props\n },\n ref\n ) => {\n const { isMobile, state, openMobile, setOpenMobile } = useSidebar()\n\n if (collapsible === \"none\") {\n return (\n <div\n className={cn(\n \"flex h-full w-[--sidebar-width] flex-col bg-sidebar text-sidebar-foreground\",\n className\n )}\n ref={ref}\n {...props}\n >\n {children}\n </div>\n )\n }\n\n if (isMobile) {\n return (\n <Sheet open={openMobile} onOpenChange={setOpenMobile} {...props}>\n <SheetContent\n data-sidebar=\"sidebar\"\n data-mobile=\"true\"\n className=\"w-[--sidebar-width] bg-sidebar p-0 text-sidebar-foreground [&>button]:hidden\"\n style={\n {\n \"--sidebar-width\": SIDEBAR_WIDTH_MOBILE\n } as React.CSSProperties\n }\n side={side}\n >\n <SheetHeader className=\"sr-only\">\n <SheetTitle>Sidebar</SheetTitle>\n <SheetDescription>Displays the mobile sidebar.</SheetDescription>\n </SheetHeader>\n <div className=\"flex h-full w-full flex-col\">{children}</div>\n </SheetContent>\n </Sheet>\n )\n }\n\n return (\n <div\n ref={ref}\n className=\"group peer hidden text-sidebar-foreground md:block\"\n data-state={state}\n data-collapsible={state === \"collapsed\" ? collapsible : \"\"}\n data-variant={variant}\n data-side={side}\n >\n {/* This is what handles the sidebar gap on desktop */}\n <div\n className={cn(\n \"relative w-[--sidebar-width] bg-transparent transition-[width] duration-200 ease-linear\",\n \"group-data-[collapsible=offcanvas]:w-0\",\n \"group-data-[side=right]:rotate-180\",\n variant === \"floating\" || variant === \"inset\"\n ? \"group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_theme(spacing.4))]\"\n : \"group-data-[collapsible=icon]:w-[--sidebar-width-icon]\"\n )}\n />\n <div\n className={cn(\n \"fixed inset-y-0 z-10 hidden h-svh w-[--sidebar-width] transition-[left,right,width] duration-200 ease-linear md:flex\",\n side === \"left\"\n ? \"left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]\"\n : \"right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]\",\n // Adjust the padding for floating and inset variants.\n variant === \"floating\" || variant === \"inset\"\n ? \"p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_theme(spacing.4)_+2px)]\"\n : \"group-data-[collapsible=icon]:w-[--sidebar-width-icon] group-data-[side=left]:border-r group-data-[side=right]:border-l\",\n className\n )}\n {...props}\n >\n <div\n data-sidebar=\"sidebar\"\n className=\"flex h-full w-full flex-col bg-sidebar group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:border-sidebar-border group-data-[variant=floating]:shadow\"\n >\n {children}\n </div>\n </div>\n </div>\n )\n }\n)\nSidebar.displayName = \"Sidebar\"\n\nconst SidebarTrigger = React.forwardRef<\n React.ElementRef<typeof Button>,\n React.ComponentProps<typeof Button>\n>(({ className, onClick, ...props }, ref) => {\n const { toggleSidebar } = useSidebar()\n\n return (\n <Button\n ref={ref}\n data-sidebar=\"trigger\"\n variant=\"ghost\"\n size=\"icon\"\n className={cn(\"h-7 w-7\", className)}\n onClick={(event) => {\n onClick?.(event)\n toggleSidebar()\n }}\n {...props}\n >\n <PanelLeft />\n <span className=\"sr-only\">Toggle Sidebar</span>\n </Button>\n )\n})\nSidebarTrigger.displayName = \"SidebarTrigger\"\n\nconst SidebarRail = React.forwardRef<HTMLButtonElement, React.ComponentProps<\"button\">>(\n ({ className, ...props }, ref) => {\n const { toggleSidebar } = useSidebar()\n\n return (\n // eslint-disable-next-line react/button-has-type\n <button\n ref={ref}\n data-sidebar=\"rail\"\n aria-label=\"Toggle Sidebar\"\n tabIndex={-1}\n onClick={toggleSidebar}\n title=\"Toggle Sidebar\"\n className={cn(\n \"absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear after:absolute after:inset-y-0 after:left-1/2 after:w-[2px] hover:after:bg-sidebar-border group-data-[side=left]:-right-4 group-data-[side=right]:left-0 sm:flex\",\n \"[[data-side=left]_&]:cursor-w-resize [[data-side=right]_&]:cursor-e-resize\",\n \"[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize\",\n \"group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full group-data-[collapsible=offcanvas]:hover:bg-sidebar\",\n \"[[data-side=left][data-collapsible=offcanvas]_&]:-right-2\",\n \"[[data-side=right][data-collapsible=offcanvas]_&]:-left-2\",\n className\n )}\n {...props}\n />\n )\n }\n)\nSidebarRail.displayName = \"SidebarRail\"\n\nconst SidebarInset = React.forwardRef<HTMLDivElement, React.ComponentProps<\"main\">>(\n ({ className, ...props }, ref) => {\n return (\n <main\n ref={ref}\n className={cn(\n \"relative flex w-full flex-1 flex-col bg-background\",\n \"md:peer-data-[variant=inset]:m-2 md:peer-data-[state=collapsed]:peer-data-[variant=inset]:ml-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow\",\n className\n )}\n {...props}\n />\n )\n }\n)\nSidebarInset.displayName = \"SidebarInset\"\n\nconst SidebarInput = React.forwardRef<\n React.ElementRef<typeof Input>,\n React.ComponentProps<typeof Input>\n>(({ className, ...props }, ref) => {\n return (\n <Input\n ref={ref}\n data-sidebar=\"input\"\n className={cn(\n \"h-8 w-full bg-background shadow-none focus-visible:ring-2 focus-visible:ring-sidebar-ring\",\n className\n )}\n {...props}\n />\n )\n})\nSidebarInput.displayName = \"SidebarInput\"\n\nconst SidebarHeader = React.forwardRef<HTMLDivElement, React.ComponentProps<\"div\">>(\n ({ className, ...props }, ref) => {\n return (\n <div\n ref={ref}\n data-sidebar=\"header\"\n className={cn(\"flex flex-col gap-2 p-2\", className)}\n {...props}\n />\n )\n }\n)\nSidebarHeader.displayName = \"SidebarHeader\"\n\nconst SidebarFooter = React.forwardRef<HTMLDivElement, React.ComponentProps<\"div\">>(\n ({ className, ...props }, ref) => {\n return (\n <div\n ref={ref}\n data-sidebar=\"footer\"\n className={cn(\"flex flex-col gap-2 p-2\", className)}\n {...props}\n />\n )\n }\n)\nSidebarFooter.displayName = \"SidebarFooter\"\n\nconst SidebarSeparator = React.forwardRef<\n React.ElementRef<typeof Separator>,\n React.ComponentProps<typeof Separator>\n>(({ className, ...props }, ref) => {\n return (\n <Separator\n ref={ref}\n data-sidebar=\"separator\"\n className={cn(\"mx-2 w-auto bg-sidebar-border\", className)}\n {...props}\n />\n )\n})\nSidebarSeparator.displayName = \"SidebarSeparator\"\n\nconst SidebarContent = React.forwardRef<HTMLDivElement, React.ComponentProps<\"div\">>(\n ({ className, ...props }, ref) => {\n return (\n <div\n ref={ref}\n data-sidebar=\"content\"\n className={cn(\n \"flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden\",\n className\n )}\n {...props}\n />\n )\n }\n)\nSidebarContent.displayName = \"SidebarContent\"\n\nconst SidebarGroup = React.forwardRef<HTMLDivElement, React.ComponentProps<\"div\">>(\n ({ className, ...props }, ref) => {\n return (\n <div\n ref={ref}\n data-sidebar=\"group\"\n className={cn(\"relative flex w-full min-w-0 flex-col p-2\", className)}\n {...props}\n />\n )\n }\n)\nSidebarGroup.displayName = \"SidebarGroup\"\n\nconst SidebarGroupLabel = React.forwardRef<\n HTMLDivElement,\n React.ComponentProps<\"div\"> & { asChild?: boolean }\n>(({ className, asChild = false, ...props }, ref) => {\n const Comp = asChild ? Slot : \"div\"\n\n return (\n <Comp\n ref={ref}\n data-sidebar=\"group-label\"\n className={cn(\n \"flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium text-sidebar-foreground/70 outline-none ring-sidebar-ring transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0\",\n \"group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0\",\n className\n )}\n {...props}\n />\n )\n})\nSidebarGroupLabel.displayName = \"SidebarGroupLabel\"\n\nconst SidebarGroupAction = React.forwardRef<\n HTMLButtonElement,\n React.ComponentProps<\"button\"> & { asChild?: boolean }\n>(({ className, asChild = false, ...props }, ref) => {\n const Comp = asChild ? Slot : \"button\"\n\n return (\n <Comp\n ref={ref}\n data-sidebar=\"group-action\"\n className={cn(\n \"absolute right-3 top-3.5 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground outline-none ring-sidebar-ring transition-transform hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0\",\n // Increases the hit area of the button on mobile.\n \"after:absolute after:-inset-2 after:md:hidden\",\n \"group-data-[collapsible=icon]:hidden\",\n className\n )}\n {...props}\n />\n )\n})\nSidebarGroupAction.displayName = \"SidebarGroupAction\"\n\nconst SidebarGroupContent = React.forwardRef<HTMLDivElement, React.ComponentProps<\"div\">>(\n ({ className, ...props }, ref) => (\n <div\n ref={ref}\n data-sidebar=\"group-content\"\n className={cn(\"w-full text-sm\", className)}\n {...props}\n />\n )\n)\nSidebarGroupContent.displayName = \"SidebarGroupContent\"\n\nconst SidebarMenu = React.forwardRef<HTMLUListElement, React.ComponentProps<\"ul\">>(\n ({ className, ...props }, ref) => (\n <ul\n ref={ref}\n data-sidebar=\"menu\"\n className={cn(\"flex w-full min-w-0 flex-col gap-1\", className)}\n {...props}\n />\n )\n)\nSidebarMenu.displayName = \"SidebarMenu\"\n\nconst SidebarMenuItem = React.forwardRef<HTMLLIElement, React.ComponentProps<\"li\">>(\n ({ className, ...props }, ref) => (\n <li\n ref={ref}\n data-sidebar=\"menu-item\"\n className={cn(\"group/menu-item relative\", className)}\n {...props}\n />\n )\n)\nSidebarMenuItem.displayName = \"SidebarMenuItem\"\n\nexport const sidebarMenuButtonVariants = cva(\n \"peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-none ring-sidebar-ring transition-[width,height,padding] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-[[data-sidebar=menu-action]]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:!size-8 group-data-[collapsible=icon]:!p-2 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0\",\n {\n variants: {\n variant: {\n default: \"hover:bg-sidebar-accent hover:text-sidebar-accent-foreground\",\n outline:\n \"bg-background shadow-[0_0_0_1px_hsl(var(--sidebar-border))] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_hsl(var(--sidebar-accent))]\"\n },\n size: {\n default: \"h-8 text-sm\",\n sm: \"h-7 text-xs\",\n lg: \"h-12 text-sm group-data-[collapsible=icon]:!p-0\"\n }\n },\n defaultVariants: {\n variant: \"default\",\n size: \"default\"\n }\n }\n)\n\nconst SidebarMenuButton = React.forwardRef<\n HTMLButtonElement,\n React.ComponentProps<\"button\"> & {\n asChild?: boolean\n isActive?: boolean\n tooltip?: string | React.ComponentProps<typeof TooltipContent>\n } & VariantProps<typeof sidebarMenuButtonVariants>\n>(\n (\n {\n asChild = false,\n isActive = false,\n variant = \"default\",\n size = \"default\",\n tooltip,\n className,\n ...props\n },\n ref\n ) => {\n const Comp = asChild ? Slot : \"button\"\n const { isMobile, state } = useSidebar()\n\n const button = (\n <Comp\n ref={ref}\n data-sidebar=\"menu-button\"\n data-size={size}\n data-active={isActive}\n className={cn(sidebarMenuButtonVariants({ variant, size }), className)}\n {...props}\n />\n )\n\n if (!tooltip) {\n return button\n }\n\n if (typeof tooltip === \"string\") {\n tooltip = {\n children: tooltip\n }\n }\n\n return (\n <Tooltip>\n <TooltipTrigger asChild>{button}</TooltipTrigger>\n <TooltipContent\n side=\"right\"\n align=\"center\"\n hidden={state !== \"collapsed\" || isMobile}\n {...tooltip}\n />\n </Tooltip>\n )\n }\n)\nSidebarMenuButton.displayName = \"SidebarMenuButton\"\n\nconst SidebarMenuAction = React.forwardRef<\n HTMLButtonElement,\n React.ComponentProps<\"button\"> & {\n asChild?: boolean\n showOnHover?: boolean\n }\n>(({ className, asChild = false, showOnHover = false, ...props }, ref) => {\n const Comp = asChild ? Slot : \"button\"\n\n return (\n <Comp\n ref={ref}\n data-sidebar=\"menu-action\"\n className={cn(\n \"absolute right-1 top-1.5 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground outline-none ring-sidebar-ring transition-transform hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 peer-hover/menu-button:text-sidebar-accent-foreground [&>svg]:size-4 [&>svg]:shrink-0\",\n // Increases the hit area of the button on mobile.\n \"after:absolute after:-inset-2 after:md:hidden\",\n \"peer-data-[size=sm]/menu-button:top-1\",\n \"peer-data-[size=default]/menu-button:top-1.5\",\n \"peer-data-[size=lg]/menu-button:top-2.5\",\n \"group-data-[collapsible=icon]:hidden\",\n showOnHover &&\n \"group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 data-[state=open]:opacity-100 peer-data-[active=true]/menu-button:text-sidebar-accent-foreground md:opacity-0\",\n className\n )}\n {...props}\n />\n )\n})\nSidebarMenuAction.displayName = \"SidebarMenuAction\"\n\nconst SidebarMenuBadge = React.forwardRef<HTMLDivElement, React.ComponentProps<\"div\">>(\n ({ className, ...props }, ref) => (\n <div\n ref={ref}\n data-sidebar=\"menu-badge\"\n className={cn(\n \"pointer-events-none absolute right-1 flex h-5 min-w-5 select-none items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums text-sidebar-foreground\",\n \"peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[active=true]/menu-button:text-sidebar-accent-foreground\",\n \"peer-data-[size=sm]/menu-button:top-1\",\n \"peer-data-[size=default]/menu-button:top-1.5\",\n \"peer-data-[size=lg]/menu-button:top-2.5\",\n \"group-data-[collapsible=icon]:hidden\",\n className\n )}\n {...props}\n />\n )\n)\nSidebarMenuBadge.displayName = \"SidebarMenuBadge\"\n\nconst SidebarMenuSkeleton = React.forwardRef<\n HTMLDivElement,\n React.ComponentProps<\"div\"> & {\n showIcon?: boolean\n }\n>(({ className, showIcon = false, ...props }, ref) => {\n // Random width between 50 to 90%.\n const width = React.useMemo(() => {\n return `${Math.floor(Math.random() * 40) + 50}%`\n }, [])\n\n return (\n <div\n ref={ref}\n data-sidebar=\"menu-skeleton\"\n className={cn(\"flex h-8 items-center gap-2 rounded-md px-2\", className)}\n {...props}\n >\n {showIcon && <Skeleton className=\"size-4 rounded-md\" data-sidebar=\"menu-skeleton-icon\" />}\n <Skeleton\n className=\"h-4 max-w-[--skeleton-width] flex-1\"\n data-sidebar=\"menu-skeleton-text\"\n style={\n {\n \"--skeleton-width\": width\n } as React.CSSProperties\n }\n />\n </div>\n )\n})\nSidebarMenuSkeleton.displayName = \"SidebarMenuSkeleton\"\n\nconst SidebarMenuSub = React.forwardRef<HTMLUListElement, React.ComponentProps<\"ul\">>(\n ({ className, ...props }, ref) => (\n <ul\n ref={ref}\n data-sidebar=\"menu-sub\"\n className={cn(\n \"mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l border-sidebar-border px-2.5 py-0.5\",\n \"group-data-[collapsible=icon]:hidden\",\n className\n )}\n {...props}\n />\n )\n)\nSidebarMenuSub.displayName = \"SidebarMenuSub\"\n\nconst SidebarMenuSubItem = React.forwardRef<HTMLLIElement, React.ComponentProps<\"li\">>(\n ({ ...props }, ref) => <li ref={ref} {...props} />\n)\nSidebarMenuSubItem.displayName = \"SidebarMenuSubItem\"\n\nconst SidebarMenuSubButton = React.forwardRef<\n HTMLAnchorElement,\n React.ComponentProps<\"a\"> & {\n asChild?: boolean\n size?: \"sm\" | \"md\"\n isActive?: boolean\n }\n>(({ asChild = false, size = \"md\", isActive, className, ...props }, ref) => {\n const Comp = asChild ? Slot : \"a\"\n\n return (\n <Comp\n ref={ref}\n data-sidebar=\"menu-sub-button\"\n data-size={size}\n data-active={isActive}\n className={cn(\n \"flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 text-sidebar-foreground outline-none ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0 [&>svg]:text-sidebar-accent-foreground\",\n \"data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground\",\n size === \"sm\" && \"text-xs\",\n size === \"md\" && \"text-sm\",\n \"group-data-[collapsible=icon]:hidden\",\n className\n )}\n {...props}\n />\n )\n})\nSidebarMenuSubButton.displayName = \"SidebarMenuSubButton\"\n\nexport {\n Sidebar,\n SidebarContent,\n SidebarFooter,\n SidebarGroup,\n SidebarGroupAction,\n SidebarGroupContent,\n SidebarGroupLabel,\n SidebarHeader,\n SidebarInput,\n SidebarInset,\n SidebarMenu,\n SidebarMenuAction,\n SidebarMenuBadge,\n SidebarMenuButton,\n SidebarMenuItem,\n SidebarMenuSkeleton,\n SidebarMenuSub,\n SidebarMenuSubButton,\n SidebarMenuSubItem,\n SidebarProvider,\n SidebarRail,\n SidebarSeparator,\n SidebarTrigger,\n useSidebar\n}\n","\"use client\";\n\"use client\"\n\nimport * as React from \"react\"\n\nconst MOBILE_BREAKPOINT = 768\n\nexport function useIsMobile() {\n const [isMobile, setIsMobile] = React.useState<boolean | undefined>(undefined)\n\n React.useEffect(() => {\n const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`)\n const onChange = () => {\n setIsMobile(window.innerWidth < MOBILE_BREAKPOINT)\n }\n mql.addEventListener(\"change\", onChange)\n setIsMobile(window.innerWidth < MOBILE_BREAKPOINT)\n return () => mql.removeEventListener(\"change\", onChange)\n }, [])\n\n return !!isMobile\n}\n","import * as React from \"react\"\nimport * as DropdownMenuPrimitive from \"@radix-ui/react-dropdown-menu\"\nimport { Check, ChevronRight, Circle } from \"lucide-react\"\n\nimport { cn } from \"@/utils\"\n\n/**\n * DropdownMenu component for creating accessible dropdown menus.\n * Built on top of Radix UI's DropdownMenu primitive.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/organisms-dropdown-menu--docs\n *\n * @example\n * ```tsx\n * <DropdownMenu>\n * <DropdownMenuTrigger>Open Menu</DropdownMenuTrigger>\n * <DropdownMenuContent>\n * <DropdownMenuItem>Item 1</DropdownMenuItem>\n * <DropdownMenuItem>Item 2</DropdownMenuItem>\n * <DropdownMenuItem>Item 3</DropdownMenuItem>\n * </DropdownMenuContent>\n * </DropdownMenu>\n * ```\n */\nconst DropdownMenu = DropdownMenuPrimitive.Root\n\nconst DropdownMenuTrigger = DropdownMenuPrimitive.Trigger\n\nconst DropdownMenuGroup = DropdownMenuPrimitive.Group\n\nconst DropdownMenuPortal = DropdownMenuPrimitive.Portal\n\nconst DropdownMenuSub = DropdownMenuPrimitive.Sub\n\nconst DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup\n\nconst DropdownMenuSubTrigger = React.forwardRef<\n React.ElementRef<typeof DropdownMenuPrimitive.SubTrigger>,\n React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubTrigger> & {\n inset?: boolean\n }\n>(({ className, inset, children, ...props }, ref) => (\n <DropdownMenuPrimitive.SubTrigger\n ref={ref}\n className={cn(\n \"flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent\",\n inset && \"pl-8\",\n className\n )}\n {...props}\n >\n {children}\n <ChevronRight className=\"ml-auto h-4 w-4\" />\n </DropdownMenuPrimitive.SubTrigger>\n))\nDropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName\n\nconst DropdownMenuSubContent = React.forwardRef<\n React.ElementRef<typeof DropdownMenuPrimitive.SubContent>,\n React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubContent>\n>(({ className, ...props }, ref) => (\n <DropdownMenuPrimitive.SubContent\n ref={ref}\n className={cn(\n \"z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg 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\",\n className\n )}\n {...props}\n />\n))\nDropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName\n\nconst DropdownMenuContent = React.forwardRef<\n React.ElementRef<typeof DropdownMenuPrimitive.Content>,\n React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content>\n>(({ className, sideOffset = 4, ...props }, ref) => (\n <DropdownMenuPrimitive.Portal>\n <DropdownMenuPrimitive.Content\n ref={ref}\n sideOffset={sideOffset}\n className={cn(\n \"z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md 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\",\n className\n )}\n {...props}\n />\n </DropdownMenuPrimitive.Portal>\n))\nDropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName\n\nconst DropdownMenuItem = React.forwardRef<\n React.ElementRef<typeof DropdownMenuPrimitive.Item>,\n React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item> & {\n inset?: boolean\n }\n>(({ className, inset, ...props }, ref) => (\n <DropdownMenuPrimitive.Item\n ref={ref}\n className={cn(\n \"relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50\",\n inset && \"pl-8\",\n className\n )}\n {...props}\n />\n))\nDropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName\n\nconst DropdownMenuCheckboxItem = React.forwardRef<\n React.ElementRef<typeof DropdownMenuPrimitive.CheckboxItem>,\n React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.CheckboxItem>\n>(({ className, children, checked, ...props }, ref) => (\n <DropdownMenuPrimitive.CheckboxItem\n ref={ref}\n className={cn(\n \"relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50\",\n className\n )}\n checked={checked}\n {...props}\n >\n <span className=\"absolute left-2 flex h-3.5 w-3.5 items-center justify-center\">\n <DropdownMenuPrimitive.ItemIndicator>\n <Check className=\"h-4 w-4\" />\n </DropdownMenuPrimitive.ItemIndicator>\n </span>\n {children}\n </DropdownMenuPrimitive.CheckboxItem>\n))\nDropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName\n\nconst DropdownMenuRadioItem = React.forwardRef<\n React.ElementRef<typeof DropdownMenuPrimitive.RadioItem>,\n React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.RadioItem>\n>(({ className, children, ...props }, ref) => (\n <DropdownMenuPrimitive.RadioItem\n ref={ref}\n className={cn(\n \"relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50\",\n className\n )}\n {...props}\n >\n <span className=\"absolute left-2 flex h-3.5 w-3.5 items-center justify-center\">\n <DropdownMenuPrimitive.ItemIndicator>\n <Circle className=\"h-2 w-2 fill-current\" />\n </DropdownMenuPrimitive.ItemIndicator>\n </span>\n {children}\n </DropdownMenuPrimitive.RadioItem>\n))\nDropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName\n\nconst DropdownMenuLabel = React.forwardRef<\n React.ElementRef<typeof DropdownMenuPrimitive.Label>,\n React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Label> & {\n inset?: boolean\n }\n>(({ className, inset, ...props }, ref) => (\n <DropdownMenuPrimitive.Label\n ref={ref}\n className={cn(\"px-2 py-1.5 text-sm font-semibold\", inset && \"pl-8\", className)}\n {...props}\n />\n))\nDropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName\n\nconst DropdownMenuSeparator = React.forwardRef<\n React.ElementRef<typeof DropdownMenuPrimitive.Separator>,\n React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Separator>\n>(({ className, ...props }, ref) => (\n <DropdownMenuPrimitive.Separator\n ref={ref}\n className={cn(\"-mx-1 my-1 h-px bg-muted\", className)}\n {...props}\n />\n))\nDropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName\n\nconst DropdownMenuShortcut = ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>) => {\n return <span className={cn(\"ml-auto text-xs tracking-widest opacity-60\", className)} {...props} />\n}\nDropdownMenuShortcut.displayName = \"DropdownMenuShortcut\"\n\nexport {\n DropdownMenu,\n DropdownMenuTrigger,\n DropdownMenuContent,\n DropdownMenuItem,\n DropdownMenuCheckboxItem,\n DropdownMenuRadioItem,\n DropdownMenuLabel,\n DropdownMenuSeparator,\n DropdownMenuShortcut,\n DropdownMenuGroup,\n DropdownMenuPortal,\n DropdownMenuSub,\n DropdownMenuSubContent,\n DropdownMenuSubTrigger,\n DropdownMenuRadioGroup\n}\n","\"use client\";\n\"use client\"\n\nimport * as React from \"react\"\nimport { useFormContext, type FieldValues, type FieldPath } from \"react-hook-form\"\nimport { Input } from \"@/components/atoms/input\"\nimport { cn } from \"@/utils/cn\"\nimport {\n FormControl,\n FormItem,\n FormMessage,\n FormLabel,\n FormDescription,\n FormField\n} from \"@/components/rhf/form\"\nimport { type RHFTextFieldProps } from \"./rhf-text-field.types\"\n\n// ----------------------------------------------------------------------\n\n/**\n * A text field component that integrates with React Hook Form.\n * Provides form validation, error handling, and accessibility features.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/molecules-rhf-rhftextfield--docs\n *\n * * @example\n * ```tsx\n * <Form>\n * <RHFTextField name=\"name\" label=\"Name\" />\n * <RHFTextField name=\"email\" label=\"Email\" />\n * </Form>\n * ```\n */\nexport function RHFTextField<\n TFieldValues extends FieldValues = FieldValues,\n TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\n>({\n name,\n label,\n description,\n className,\n type = \"text\",\n warningText,\n required,\n disabled,\n readOnly,\n placeholder,\n \"aria-label\": ariaLabel,\n \"aria-describedby\": ariaDescribedby,\n onBlur,\n ...other\n}: RHFTextFieldProps<TFieldValues, TName>) {\n const { control } = useFormContext<TFieldValues>()\n\n return (\n <FormField\n name={name}\n control={control}\n render={({ field, fieldState: { error } }) => (\n <FormItem>\n {label && (\n <FormLabel>\n {label}\n {required && <span className=\"text-destructive ml-1\">*</span>}\n </FormLabel>\n )}\n <FormControl>\n <Input\n {...field}\n type={type}\n value={type === \"number\" && field.value === 0 ? \"\" : field.value}\n onChange={(e) => {\n if (type === \"number\") {\n field.onChange(Number(e.target.value))\n } else {\n field.onChange(e.target.value)\n }\n }}\n onBlur={(e) => {\n // trim if a string\n if (type !== \"number\" && typeof field.value === \"string\") {\n field.onChange(field.value.trim())\n }\n field.onBlur() // pass to react-hook-form\n onBlur?.(e) // pass to wrapper\n }}\n className={cn(\n error && \"border-destructive focus-visible:ring-destructive\",\n className\n )}\n disabled={disabled}\n readOnly={readOnly}\n required={required}\n placeholder={placeholder}\n aria-label={ariaLabel}\n aria-describedby={ariaDescribedby}\n aria-invalid={!!error}\n aria-required={required}\n {...other}\n />\n </FormControl>\n {description && <FormDescription>{description}</FormDescription>}\n {error && <FormMessage>{error.message}</FormMessage>}\n {!error && warningText && (\n <p className=\"text-sm text-yellow-600 dark:text-yellow-500\" role=\"alert\">\n {warningText}\n </p>\n )}\n </FormItem>\n )}\n />\n )\n}\n","\"use client\";\n\"use client\"\n\nimport * as React from \"react\"\nimport * as LabelPrimitive from \"@radix-ui/react-label\"\nimport { Slot } from \"@radix-ui/react-slot\"\nimport {\n Controller,\n FormProvider,\n useFormContext,\n type ControllerProps,\n type FieldPath,\n type FieldValues\n} from \"react-hook-form\"\n\nimport { cn } from \"@/utils/cn\"\nimport { Label } from \"@/components/atoms/label\"\n\nconst Form = FormProvider\n\ntype FormFieldContextValue<\n TFieldValues extends FieldValues = FieldValues,\n TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\n> = {\n name: TName\n}\n\nconst FormFieldContext = React.createContext<FormFieldContextValue>({} as FormFieldContextValue)\n\nconst FormField = <\n TFieldValues extends FieldValues = FieldValues,\n TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\n>({\n ...props\n}: ControllerProps<TFieldValues, TName>) => {\n return (\n <FormFieldContext.Provider value={{ name: props.name }}>\n <Controller {...props} />\n </FormFieldContext.Provider>\n )\n}\n\nconst useFormField = () => {\n const fieldContext = React.useContext(FormFieldContext)\n const itemContext = React.useContext(FormItemContext)\n const { getFieldState, formState } = useFormContext()\n\n const fieldState = getFieldState(fieldContext.name, formState)\n\n if (!fieldContext) {\n throw new Error(\"useFormField should be used within <FormField>\")\n }\n\n const { id } = itemContext\n\n return {\n id,\n name: fieldContext.name,\n formItemId: `${id}-form-item`,\n formDescriptionId: `${id}-form-item-description`,\n formMessageId: `${id}-form-item-message`,\n ...fieldState\n }\n}\n\ntype FormItemContextValue = {\n id: string\n}\n\nconst FormItemContext = React.createContext<FormItemContextValue>({} as FormItemContextValue)\n\nconst FormItem = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n ({ className, ...props }, ref) => {\n const id = React.useId()\n\n return (\n <FormItemContext.Provider value={{ id }}>\n <div ref={ref} className={cn(\"space-y-2\", className)} {...props} />\n </FormItemContext.Provider>\n )\n }\n)\nFormItem.displayName = \"FormItem\"\n\nconst FormLabel = React.forwardRef<\n React.ElementRef<typeof LabelPrimitive.Root>,\n React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root>\n>(({ className, ...props }, ref) => {\n const { error, formItemId } = useFormField()\n\n return (\n <Label\n ref={ref}\n className={cn(error && \"text-destructive\", className)}\n htmlFor={formItemId}\n {...props}\n />\n )\n})\nFormLabel.displayName = \"FormLabel\"\n\nconst FormControl = React.forwardRef<\n React.ElementRef<typeof Slot>,\n React.ComponentPropsWithoutRef<typeof Slot>\n>(({ ...props }, ref) => {\n const { error, formItemId, formDescriptionId, formMessageId } = useFormField()\n\n return (\n <Slot\n ref={ref}\n id={formItemId}\n aria-describedby={!error ? `${formDescriptionId}` : `${formDescriptionId} ${formMessageId}`}\n aria-invalid={!!error}\n {...props}\n />\n )\n})\nFormControl.displayName = \"FormControl\"\n\nconst FormDescription = React.forwardRef<\n HTMLParagraphElement,\n React.HTMLAttributes<HTMLParagraphElement>\n>(({ className, ...props }, ref) => {\n const { formDescriptionId } = useFormField()\n\n return (\n <p\n ref={ref}\n id={formDescriptionId}\n className={cn(\"text-sm text-muted-foreground\", className)}\n {...props}\n />\n )\n})\nFormDescription.displayName = \"FormDescription\"\n\nconst FormMessage = React.forwardRef<\n HTMLParagraphElement,\n React.HTMLAttributes<HTMLParagraphElement>\n>(({ className, children, ...props }, ref) => {\n const { error, formMessageId } = useFormField()\n const body = error ? String(error?.message ?? \"\") : children\n\n if (!body) {\n return null\n }\n\n return (\n <p\n ref={ref}\n id={formMessageId}\n className={cn(\"text-sm font-medium text-destructive\", className)}\n {...props}\n >\n {body}\n </p>\n )\n})\nFormMessage.displayName = \"FormMessage\"\n\nexport {\n useFormField,\n Form,\n FormItem,\n FormLabel,\n FormControl,\n FormDescription,\n FormMessage,\n FormField\n}\n","\"use client\";\n\"use client\"\n\nimport * as React from \"react\"\nimport { useFormContext, type FieldValues, type FieldPath } from \"react-hook-form\"\nimport { Textarea } from \"@/components/atoms/textarea\"\nimport { cn } from \"@/utils/cn\"\nimport {\n FormControl,\n FormItem,\n FormMessage,\n FormLabel,\n FormDescription,\n FormField\n} from \"@/components/rhf/form\"\nimport { type RHFTextareaProps } from \"./rhf-textarea.types\"\n\n// ----------------------------------------------------------------------\n\n/**\n * A textarea component that integrates with React Hook Form.\n * Provides form validation, error handling, and accessibility features.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/molecules-rhf-rhftextarea--docs\n *\n * @example\n * ```tsx\n * <Form>\n * <RHFTextarea name=\"description\" label=\"Description\" />\n * </Form>\n * ```\n */\nexport function RHFTextarea<\n TFieldValues extends FieldValues = FieldValues,\n TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\n>({\n name,\n label,\n description,\n className,\n warningText,\n required,\n disabled,\n readOnly,\n placeholder,\n autoResize,\n \"aria-label\": ariaLabel,\n \"aria-describedby\": ariaDescribedby,\n onBlur,\n ...other\n}: RHFTextareaProps<TFieldValues, TName>) {\n const { control } = useFormContext<TFieldValues>()\n\n return (\n <FormField\n name={name}\n control={control}\n render={({ field, fieldState: { error } }) => (\n <FormItem>\n {label && (\n <FormLabel>\n {label}\n {required && <span className=\"text-destructive ml-1\">*</span>}\n </FormLabel>\n )}\n <FormControl>\n <Textarea\n {...field}\n value={field.value}\n onChange={(e) => {\n field.onChange(e.target.value)\n }}\n onBlur={(e) => {\n // trim if a string\n if (typeof field.value === \"string\") {\n field.onChange(field.value.trim())\n }\n field.onBlur() // pass to react-hook-form\n onBlur?.(e) // pass to wrapper\n }}\n className={cn(\n error && \"border-destructive focus-visible:ring-destructive\",\n className\n )}\n disabled={disabled}\n readOnly={readOnly}\n required={required}\n placeholder={placeholder}\n aria-label={ariaLabel}\n aria-describedby={ariaDescribedby}\n aria-invalid={!!error}\n aria-required={required}\n autoResize={autoResize}\n {...other}\n />\n </FormControl>\n {description && <FormDescription>{description}</FormDescription>}\n {error && <FormMessage>{error.message}</FormMessage>}\n {!error && warningText && (\n <p className=\"text-sm text-yellow-600 dark:text-yellow-500\" role=\"alert\">\n {warningText}\n </p>\n )}\n </FormItem>\n )}\n />\n )\n}\n","import * as React from \"react\"\nimport { cn } from \"@/utils/index\"\nimport { TextareaProps } from \"./textarea.types\"\n\n/**\n * Textarea component for creating accessible text areas.\n * Built on top of shadcn/ui's Textarea component.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-textarea--docs\n *\n * @example\n * ```tsx\n * <Textarea placeholder=\"Enter text\" />\n * ```\n */\nconst Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(\n ({ className, autoResize = false, ...props }, ref) => {\n const internalRef = React.useRef<HTMLTextAreaElement>(null)\n\n React.useEffect(() => {\n if (!autoResize || !internalRef.current) return\n\n const textarea = internalRef.current\n const resizeTextarea = () => {\n textarea.style.height = \"auto\"\n textarea.style.height = `${textarea.scrollHeight}px`\n }\n\n textarea.addEventListener(\"input\", resizeTextarea)\n resizeTextarea() // Initial resize\n\n return () => textarea.removeEventListener(\"input\", resizeTextarea)\n }, [autoResize])\n\n return (\n <textarea\n className={cn(\n \"flex min-h-[60px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-base shadow-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm\",\n className\n )}\n ref={ref}\n {...props}\n />\n )\n }\n)\n\nTextarea.displayName = \"Textarea\"\n\nexport { Textarea }\n","\"use client\";\n\"use client\"\n\nimport * as React from \"react\"\nimport { useFormContext, type FieldValues, type FieldPath } from \"react-hook-form\"\nimport { Checkbox } from \"@/components/atoms/checkbox\"\nimport {\n FormControl,\n FormItem,\n FormMessage,\n FormLabel,\n FormDescription,\n FormField\n} from \"@/components/rhf/form\"\nimport { type RHFCheckboxProps } from \"./rhf-checkbox.types\"\n\n// ----------------------------------------------------------------------\n\n/**\n * A checkbox component that integrates with React Hook Form.\n * Provides form validation, error handling, and accessibility features.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/molecules-rhf-rhfcheckbox--docs\n *\n * @example\n * ```tsx\n * <Form>\n * <RHFCheckbox name=\"terms\" label=\"Accept terms and conditions\" />\n * </Form>\n * ```\n */\nexport function RHFCheckbox<\n TFieldValues extends FieldValues = FieldValues,\n TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\n>({\n name,\n label,\n description,\n className,\n warningText,\n required,\n disabled,\n readOnly,\n \"aria-label\": ariaLabel,\n \"aria-describedby\": ariaDescribedby,\n ...other\n}: RHFCheckboxProps<TFieldValues, TName>) {\n const { control } = useFormContext<TFieldValues>()\n\n return (\n <FormField\n name={name}\n control={control}\n render={({ field, fieldState: { error } }) => (\n <FormItem className=\"flex flex-row items-start space-x-3 space-y-0\">\n <FormControl>\n <Checkbox\n checked={field.value}\n onCheckedChange={field.onChange}\n disabled={disabled}\n aria-label={ariaLabel}\n aria-describedby={ariaDescribedby}\n aria-invalid={!!error}\n aria-required={required}\n {...other}\n />\n </FormControl>\n <div className=\"space-y-1 leading-none\">\n {label && (\n <FormLabel>\n {label}\n {required && <span className=\"text-destructive ml-1\">*</span>}\n </FormLabel>\n )}\n {description && <FormDescription>{description}</FormDescription>}\n {error && <FormMessage>{error.message}</FormMessage>}\n {!error && warningText && (\n <p className=\"text-sm text-yellow-600 dark:text-yellow-500\" role=\"alert\">\n {warningText}\n </p>\n )}\n </div>\n </FormItem>\n )}\n />\n )\n}\n","\"use client\";\n\"use client\"\n\nimport * as React from \"react\"\nimport { useFormContext, type FieldValues, type FieldPath } from \"react-hook-form\"\nimport { Switch } from \"@/components/atoms/switch\"\nimport {\n FormControl,\n FormItem,\n FormMessage,\n FormLabel,\n FormDescription,\n FormField\n} from \"@/components/rhf/form\"\nimport { type RHFSwitchProps } from \"./rhf-switch.types\"\n\n// ----------------------------------------------------------------------\n\n/**\n * A switch component that integrates with React Hook Form.\n * Provides form validation, error handling, and accessibility features.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/molecules-rhf-rhfswitch--docs\n *\n * @example\n * ```tsx\n * <Form>\n * <RHFSwitch name=\"notifications\" label=\"Enable notifications\" />\n * </Form>\n * ```\n */\nexport function RHFSwitch<\n TFieldValues extends FieldValues = FieldValues,\n TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\n>({\n name,\n label,\n description,\n className,\n warningText,\n required,\n disabled,\n readOnly,\n \"aria-label\": ariaLabel,\n \"aria-describedby\": ariaDescribedby,\n ...other\n}: RHFSwitchProps<TFieldValues, TName>) {\n const { control } = useFormContext<TFieldValues>()\n\n return (\n <FormField\n name={name}\n control={control}\n render={({ field, fieldState: { error } }) => (\n <FormItem className=\"flex flex-row items-start space-x-3 space-y-0\">\n <FormControl>\n <Switch\n checked={field.value}\n onCheckedChange={field.onChange}\n disabled={disabled}\n aria-label={ariaLabel}\n aria-describedby={ariaDescribedby}\n aria-invalid={!!error}\n aria-required={required}\n {...other}\n />\n </FormControl>\n <div className=\"space-y-1 leading-none\">\n {label && (\n <FormLabel>\n {label}\n {required && <span className=\"text-destructive ml-1\">*</span>}\n </FormLabel>\n )}\n {description && <FormDescription>{description}</FormDescription>}\n {error && <FormMessage>{error.message}</FormMessage>}\n {!error && warningText && (\n <p className=\"text-sm text-yellow-600 dark:text-yellow-500\" role=\"alert\">\n {warningText}\n </p>\n )}\n </div>\n </FormItem>\n )}\n />\n )\n}\n","\"use client\";\n\"use client\"\n\nimport * as React from \"react\"\nimport { useFormContext, type FieldValues, type FieldPath } from \"react-hook-form\"\nimport {\n RadioGroup,\n RadioGroupItem,\n RadioItemLabel,\n RadioItemContainer\n} from \"@/components/atoms/radio-group\"\nimport {\n FormControl,\n FormItem,\n FormMessage,\n FormLabel,\n FormDescription,\n FormField\n} from \"@/components/rhf/form\"\nimport {\n RHFRadioGroupOption,\n type RHFRadioGroupProps,\n type RHFRadioGroupWithOptionsProps\n} from \"./rhf-radio-group.types\"\n\n// ----------------------------------------------------------------------\n\n/**\n * A radio group component that integrates with React Hook Form.\n * Provides form validation, error handling, and accessibility features.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/molecules-rhf-rhfradiogroup--docs\n *\n * @example\n * ```tsx\n * // Using children\n * <Form>\n * <RHFRadioGroup name=\"preference\" label=\"Select your preference\">\n * <RadioGroupItem value=\"option1\" label=\"Option 1\" />\n * <RadioGroupItem value=\"option2\" label=\"Option 2\" />\n * </RHFRadioGroup>\n * </Form>\n *\n * // Using options prop\n * <Form>\n * <RHFRadioGroup\n * name=\"preference\"\n * label=\"Select your preference\"\n * options={[\n * { id: \"option1\", label: \"Option 1\" },\n * { id: \"option2\", label: \"Option 2\" }\n * ]}\n * />\n * </Form>\n * ```\n */\nexport function RHFRadioGroup<\n TFieldValues extends FieldValues = FieldValues,\n TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\n>({\n name,\n label,\n description,\n className,\n warningText,\n required,\n disabled,\n readOnly,\n \"aria-label\": ariaLabel,\n \"aria-describedby\": ariaDescribedby,\n children,\n ...other\n}: RHFRadioGroupProps<TFieldValues, TName>) {\n const { control } = useFormContext<TFieldValues>()\n const hasOptions = \"options\" in other\n\n return (\n <FormField\n name={name}\n control={control}\n render={({ field, fieldState: { error } }) => (\n <FormItem className=\"space-y-3\">\n {label && (\n <FormLabel>\n {label}\n {required && <span className=\"text-destructive ml-1\">*</span>}\n </FormLabel>\n )}\n <FormControl>\n <RadioGroup\n onValueChange={field.onChange}\n defaultValue={field.value}\n disabled={disabled}\n aria-label={ariaLabel}\n aria-describedby={ariaDescribedby}\n aria-invalid={!!error}\n aria-required={required}\n {...other}\n >\n {hasOptions &&\n (other as RHFRadioGroupWithOptionsProps<TFieldValues, TName>).options.map(\n (option: RHFRadioGroupOption) => (\n <RadioItemContainer key={option.id}>\n <RadioGroupItem value={option.id} id={option.id} />\n <RadioItemLabel htmlFor={option.id}>{option.label}</RadioItemLabel>\n </RadioItemContainer>\n )\n )}\n {!hasOptions && children}\n </RadioGroup>\n </FormControl>\n {description && <FormDescription>{description}</FormDescription>}\n {error && <FormMessage>{error.message}</FormMessage>}\n {!error && warningText && (\n <p className=\"text-sm text-yellow-600 dark:text-yellow-500\" role=\"alert\">\n {warningText}\n </p>\n )}\n </FormItem>\n )}\n />\n )\n}\n","\"use client\";\n\"use client\"\n\nimport * as React from \"react\"\nimport { useFormContext, type FieldValues, type FieldPath } from \"react-hook-form\"\nimport { RadioGroup } from \"@/components/atoms/radio-group\"\nimport { Button } from \"@/components/atoms/button\"\nimport {\n FormControl,\n FormItem,\n FormMessage,\n FormLabel,\n FormDescription,\n FormField\n} from \"@/components/rhf/form\"\nimport { type RHFRadioButtonGroupProps } from \"./rhf-radio-button-group.types\"\n\n// ----------------------------------------------------------------------\n\n/**\n * A radio button group component that integrates with React Hook Form.\n * Uses buttons instead of traditional radio inputs for a more modern look.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/molecules-rhf-rhfradiobuttongroup--docs\n *\n * @example\n * ```tsx\n * <Form>\n * <RHFRadioButtonGroup\n * name=\"preference\"\n * label=\"Select your preference\"\n * options={[\n * { value: \"option1\", label: \"Option 1\" },\n * { value: \"option2\", label: \"Option 2\" },\n * { value: \"option3\", label: \"Option 3\" }\n * ]}\n * />\n * </Form>\n * ```\n */\nexport function RHFRadioButtonGroup<\n TFieldValues extends FieldValues = FieldValues,\n TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\n>({\n name,\n label,\n description,\n className,\n warningText,\n required,\n disabled,\n readOnly,\n \"aria-label\": ariaLabel,\n \"aria-describedby\": ariaDescribedby,\n options,\n ...other\n}: RHFRadioButtonGroupProps<TFieldValues, TName>) {\n const { control } = useFormContext<TFieldValues>()\n\n return (\n <FormField\n name={name}\n control={control}\n render={({ field, fieldState: { error } }) => (\n <FormItem className=\"space-y-3\">\n {label && (\n <FormLabel>\n {label}\n {required && <span className=\"text-destructive ml-1\">*</span>}\n </FormLabel>\n )}\n <FormControl>\n <RadioGroup\n onValueChange={field.onChange}\n defaultValue={field.value}\n disabled={disabled}\n aria-label={ariaLabel}\n aria-describedby={ariaDescribedby}\n aria-invalid={!!error}\n aria-required={required}\n className=\"flex gap-2 p-2 border border-gray-200 rounded-md w-fit\"\n {...other}\n >\n {options.map((option) => (\n <Button\n key={option.id}\n size={option.size ?? \"sm\"}\n variant={field.value === option.id ? \"default\" : \"secondary\"}\n onClick={() => field.onChange(option.id)}\n role=\"radio\"\n aria-checked={field.value === option.id}\n disabled={disabled}\n >\n {option.label}\n </Button>\n ))}\n </RadioGroup>\n </FormControl>\n {description && <FormDescription>{description}</FormDescription>}\n {warningText && <FormDescription className=\"text-warning\">{warningText}</FormDescription>}\n {error && <FormMessage>{error.message}</FormMessage>}\n </FormItem>\n )}\n />\n )\n}\n","\"use client\";\n\"use client\"\n\nimport * as React from \"react\"\nimport { useFormContext, type FieldValues, type FieldPath } from \"react-hook-form\"\nimport { MultiSelect } from \"@/components/atoms/select\"\n\nimport { cn } from \"@/utils/cn\"\nimport {\n FormControl,\n FormItem,\n FormMessage,\n FormLabel,\n FormDescription,\n FormField\n} from \"@/components/rhf/form\"\nimport { type RHFMultiSelectProps } from \"./rhf-multi-select.types\"\n\n// ----------------------------------------------------------------------\n\n/**\n * A multi-select component that integrates with React Hook Form.\n * Provides form validation, error handling, and accessibility features.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/molecules-rhf-rhfmultiselect--docs\n *\n * @example\n * ```tsx\n * <Form>\n * <RHFMultiSelect\n * name=\"countries\"\n * label=\"Countries\"\n * options={[\n * { id: \"us\", label: \"United States\" },\n * { id: \"ca\", label: \"Canada\" }\n * ]}\n *\n * />\n * </Form>\n * ```\n */\nexport function RHFMultiSelect<\n TFieldValues extends FieldValues = FieldValues,\n TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\n>({\n name,\n label,\n description,\n className,\n warningText,\n required,\n disabled,\n readOnly,\n placeholder,\n \"aria-label\": ariaLabel,\n \"aria-describedby\": ariaDescribedby,\n options,\n ...other\n}: RHFMultiSelectProps<TFieldValues, TName>) {\n const { control } = useFormContext<TFieldValues>()\n\n return (\n <FormField\n name={name}\n control={control}\n render={({ field, fieldState: { error } }) => {\n return (\n <FormItem>\n {label && (\n <FormLabel>\n {label}\n {required && <span className=\"text-destructive ml-1\">*</span>}\n </FormLabel>\n )}\n <FormControl>\n <MultiSelect\n {...field}\n options={options}\n value={field.value || []}\n onChange={field.onChange}\n className={cn(\n error && \"border-destructive focus-visible:ring-destructive\",\n className\n )}\n disabled={disabled || readOnly}\n required={required}\n placeholder={placeholder}\n aria-label={ariaLabel}\n aria-describedby={ariaDescribedby}\n aria-invalid={!!error}\n aria-required={required}\n {...other}\n />\n </FormControl>\n {description && <FormDescription>{description}</FormDescription>}\n {error && <FormMessage>{error.message}</FormMessage>}\n {!error && warningText && (\n <p className=\"text-sm text-yellow-600 dark:text-yellow-500\" role=\"alert\">\n {warningText}\n </p>\n )}\n </FormItem>\n )\n }}\n />\n )\n}\n","\"use client\";\n\"use client\"\n\nimport * as React from \"react\"\nimport { useFormContext, type FieldValues, type FieldPath } from \"react-hook-form\"\nimport { Select } from \"@/components/atoms/select\"\nimport { cn } from \"@/utils/cn\"\nimport {\n FormControl,\n FormItem,\n FormMessage,\n FormLabel,\n FormDescription,\n FormField\n} from \"@/components/rhf/form\"\nimport { type RHFSelectProps } from \"./rhf-select.types\"\n\n// ----------------------------------------------------------------------\n\n/**\n * A select component that integrates with React Hook Form.\n * Provides form validation, error handling, and accessibility features.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/molecules-rhf-rhfselect--docs\n *\n * @example\n * ```tsx\n * <Form>\n * <RHFSelect\n * name=\"country\"\n * label=\"Country\"\n * options={[\n * { id: \"us\", label: \"United States\" },\n * { id: \"ca\", label: \"Canada\" }\n * ]}\n * />\n * </Form>\n * ```\n */\nexport function RHFSelect<\n TFieldValues extends FieldValues = FieldValues,\n TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\n>({\n name,\n label,\n description,\n className,\n warningText,\n required,\n disabled,\n readOnly,\n placeholder,\n \"aria-label\": ariaLabel,\n \"aria-describedby\": ariaDescribedby,\n options,\n ...other\n}: RHFSelectProps<TFieldValues, TName>) {\n const { control } = useFormContext<TFieldValues>()\n\n return (\n <FormField\n name={name}\n control={control}\n render={({ field, fieldState: { error } }) => (\n <FormItem>\n {label && (\n <FormLabel>\n {label}\n {required && <span className=\"text-destructive ml-1\">*</span>}\n </FormLabel>\n )}\n <FormControl>\n <Select\n {...field}\n options={options}\n value={field.value || \"\"}\n onChange={field.onChange}\n className={cn(\n error && \"border-destructive focus-visible:ring-destructive\",\n className\n )}\n disabled={disabled || readOnly}\n required={required}\n placeholder={placeholder}\n aria-label={ariaLabel}\n aria-describedby={ariaDescribedby}\n aria-invalid={!!error}\n aria-required={required}\n {...other}\n />\n </FormControl>\n {description && <FormDescription>{description}</FormDescription>}\n {error && <FormMessage>{error.message}</FormMessage>}\n {!error && warningText && (\n <p className=\"text-sm text-yellow-600 dark:text-yellow-500\" role=\"alert\">\n {warningText}\n </p>\n )}\n </FormItem>\n )}\n />\n )\n}\n","\"use client\";\n\"use client\"\n\nimport * as React from \"react\"\nimport { useFormContext, type FieldValues, type FieldPath } from \"react-hook-form\"\nimport { DndInput } from \"@/components/atoms/dnd-input\"\nimport { cn } from \"@/utils/cn\"\nimport {\n FormControl,\n FormItem,\n FormMessage,\n FormLabel,\n FormDescription,\n FormField\n} from \"@/components/rhf/form\"\nimport type { RhfDndInputProps } from \"./rhf-dnd-input.types\"\n\n/**\n * RhfDndInput is a React Hook Form wrapper around the DndInput component.\n * It provides form integration with validation and error handling.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-dnd-input--docs\n *\n * @example\n * ```tsx\n * // Basic usage with React Hook Form\n * <Form>\n * <RhfDndInput\n * name=\"files\"\n * label=\"Upload Files\"\n * rules={{ required: \"Please upload a file\" }}\n * />\n * </Form>\n *\n * // With file type restrictions\n * <Form>\n * <RhfDndInput\n * name=\"files\"\n * label=\"Upload Images\"\n * accept={{ 'image/*': ['.png', '.jpg'] }}\n * rules={{\n * required: \"Please upload a file\",\n * validate: (files) => files.length > 0 || \"At least one file is required\"\n * }}\n * />\n * </Form>\n * ```\n */\nexport function RhfDndInput<\n TFieldValues extends FieldValues = FieldValues,\n TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\n>({\n name,\n label,\n description,\n className,\n required,\n disabled,\n \"aria-label\": ariaLabel,\n \"aria-describedby\": ariaDescribedby,\n ...other\n}: RhfDndInputProps<TFieldValues, TName>) {\n const { control } = useFormContext<TFieldValues>()\n\n return (\n <FormField\n name={name}\n control={control}\n render={({ field, fieldState: { error } }) => (\n <FormItem>\n {label && (\n <FormLabel>\n {label}\n {required && <span className=\"text-destructive ml-1\">*</span>}\n </FormLabel>\n )}\n <FormControl>\n <DndInput\n {...field}\n {...other}\n disabled={disabled}\n aria-label={ariaLabel}\n aria-describedby={ariaDescribedby}\n aria-invalid={!!error}\n aria-required={required}\n className={cn(\n error && \"border-destructive focus-visible:ring-destructive\",\n className\n )}\n onDrop={(acceptedFiles, fileRejections, event) => {\n field.onChange(acceptedFiles)\n other.onDrop?.(acceptedFiles, fileRejections, event)\n }}\n />\n </FormControl>\n {description && <FormDescription>{description}</FormDescription>}\n {error && <FormMessage>{error.message}</FormMessage>}\n </FormItem>\n )}\n />\n )\n}\n"],"mappings":"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","names":["React","Slot","cva","clsx","twMerge","cn","inputs","Loader2","jsx","jsxs","buttonVariants","cva","Button","className","variant","size","asChild","startIcon","endIcon","loading","disabled","children","type","ariaLabel","props","ref","Comp","Slot","isDisabled","buttonAriaLabel","handleKeyDown","event","cn","React","cva","Loader2","React","jsx","Input","className","type","props","ref","cn","React","LabelPrimitive","cva","jsx","labelVariants","cva","Label","className","props","ref","cn","jsx","jsxs","textFieldVariants","cva","TextField","className","variant","size","startIcon","endIcon","loading","error","label","helperText","disabled","props","ref","id","Label","Input","cn","Loader2","React","jsx","Container","className","maxWidth","disablePadding","fluid","props","ref","cn","React","jsx","Box","Component","className","width","height","style","props","ref","dimensionStyles","cn","React","jsx","Stack","className","direction","spacing","wrap","center","justify","align","width","height","style","props","ref","cn","React","DialogPrimitive","X","jsx","jsxs","Dialog","DialogTrigger","DialogPortal","DialogClose","DialogOverlay","className","props","ref","cn","DialogContent","children","X","DialogHeader","DialogFooter","DialogTitle","DialogDescription","React","SeparatorPrimitive","jsx","Separator","className","orientation","decorative","props","ref","cn","React","SheetPrimitive","cva","X","jsx","jsxs","Sheet","SheetTrigger","SheetClose","SheetPortal","SheetOverlay","className","props","ref","cn","sheetVariants","cva","SheetContent","side","children","X","SheetHeader","SheetFooter","SheetTitle","SheetDescription","jsx","Skeleton","className","props","cn","React","AvatarPrimitive","jsx","Avatar","className","props","ref","cn","AvatarImage","AvatarFallback","React","TooltipPrimitive","jsx","TooltipProvider","Tooltip","TooltipTrigger","TooltipContent","className","sideOffset","props","ref","cn","React","cva","badgeVariants","jsx","jsxs","Badge","className","variant","size","icon","iconAfter","children","props","ref","cn","badgeVariants","React","cva","jsx","typographyVariants","Typography","className","variant","align","Component","props","ref","cn","Loader2","jsx","jsxs","PageLoader","className","size","text","color","sizeClasses","loaderColor","cn","React","ToastPrimitives","cva","X","jsx","ToastProvider","ToastViewport","className","props","ref","cn","toastVariants","cva","Toast","variant","ToastAction","ToastClose","X","ToastTitle","ToastDescription","React","TOAST_LIMIT","TOAST_REMOVE_DELAY","count","genId","toastTimeouts","addToRemoveQueue","toastId","timeout","dispatch","TOAST_REMOVE_DELAY","reducer","state","action","TOAST_LIMIT","t","toast","listeners","memoryState","listener","props","id","update","dismiss","open","useToast","setState","index","jsx","jsxs","Toaster","toasts","useToast","ToastProvider","id","title","description","action","props","Toast","ToastTitle","ToastDescription","ToastClose","ToastViewport","React","jsx","Table","className","props","ref","cn","TableHeader","TableBody","TableFooter","TableRow","TableHead","TableCell","TableCaption","GripVertical","ResizablePrimitive","jsx","ResizablePanelGroup","className","props","cn","ResizablePanel","ResizableHandle","withHandle","GripVertical","React","ChevronDown","Popover","PopoverContent","PopoverTrigger","React","CommandPrimitive","Search","jsx","jsxs","Command","className","props","ref","CommandPrimitive","cn","CommandDialog","children","Dialog","DialogContent","CommandInput","Search","CommandList","CommandEmpty","CommandGroup","CommandSeparator","CommandItem","CommandShortcut","jsx","jsxs","Select","options","value","onChange","placeholder","disabled","required","error","className","fullWidth","searchable","id","renderCommandList","open","setOpen","triggerWidth","setTriggerWidth","triggerRef","selectedOption","option","cn","Popover","PopoverTrigger","Button","ChevronDown","PopoverContent","Command","CommandInput","CommandList","CommandEmpty","CommandGroup","CommandItem","Typography","React","Check","ChevronDown","X","Popover","PopoverContent","PopoverTrigger","jsx","jsxs","MultiSelect","options","value","onChange","placeholder","disabled","required","error","className","fullWidth","searchable","id","maxSelections","showSelectAll","renderCommandList","open","setOpen","selectedOptions","option","handleSelect","optionId","selectedId","handleSelectAll","enabledOptions","handleRemove","e","cn","Popover","PopoverTrigger","Button","X","ChevronDown","PopoverContent","Command","CommandInput","CommandList","CommandEmpty","CommandGroup","CommandItem","o","Check","Typography","CommandSeparator","React","SwitchPrimitives","jsx","Switch","className","props","ref","cn","CollapsiblePrimitive","forwardRef","jsx","Collapsible","CollapsibleTrigger","className","props","ref","cn","CollapsibleContent","React","ChevronLeft","ChevronRight","MoreHorizontal","jsx","jsxs","Pagination","className","props","cn","PaginationContent","ref","PaginationItem","PaginationLink","isActive","size","children","buttonVariants","PaginationPrevious","ChevronLeft","PaginationNext","ChevronRight","PaginationEllipsis","MoreHorizontal","React","RadioGroupPrimitive","Circle","jsx","RadioGroup","className","props","ref","cn","RadioGroupItem","Circle","RadioItemContainer","RadioItemLabel","Label","React","AccordionPrimitive","ChevronDown","jsx","jsxs","Accordion","className","props","ref","cn","AccordionItem","AccordionTrigger","children","ChevronDown","AccordionContent","React","CheckboxPrimitive","Check","jsx","Checkbox","className","props","ref","cn","Check","React","Slot","ChevronRight","MoreHorizontal","jsx","jsxs","Breadcrumb","props","ref","BreadcrumbList","className","cn","BreadcrumbItem","BreadcrumbLink","asChild","Slot","BreadcrumbPage","BreadcrumbSeparator","children","ChevronRight","BreadcrumbEllipsis","MoreHorizontal","useDropzone","UploadIcon","Fragment","jsx","jsxs","defaultContent","DndInput","onDrop","accept","className","children","props","getRootProps","getInputProps","isDragActive","isFocused","useDropzone","cn","React","ScrollAreaPrimitive","jsx","jsxs","ScrollArea","className","children","props","ref","cn","ScrollBar","orientation","React","jsx","Card","className","props","ref","cn","CardHeader","CardTitle","children","CardDescription","CardContent","CardFooter","React","NavigationMenuPrimitive","ChevronDown","cva","navigationMenuTriggerStyle","jsx","jsxs","NavigationMenu","className","children","props","ref","cn","NavigationMenuViewport","NavigationMenuList","NavigationMenuItem","NavigationMenuTrigger","variant","navigationMenuTriggerStyle","ChevronDown","NavigationMenuContent","NavigationMenuLink","NavigationMenuIndicator","React","TabsPrimitive","jsx","Tabs","TabsList","className","props","ref","cn","TabsTrigger","TabsContent","useEditor","EditorContent","Placeholder","useEffect","StarterKit","Markdown","extensions","jsx","MarkdownEditor","value","onChange","className","placeholder","disabled","editor","useEditor","extensions","Placeholder","e","cn","useEffect","EditorContent","React","DrawerPrimitive","jsx","jsxs","Drawer","shouldScaleBackground","props","DrawerTrigger","DrawerPortal","DrawerClose","DrawerOverlay","className","ref","cn","DrawerContent","children","DrawerHeader","DrawerFooter","DrawerTitle","DrawerDescription","React","Slot","cva","PanelLeft","React","MOBILE_BREAKPOINT","useIsMobile","isMobile","setIsMobile","mql","onChange","jsx","jsxs","SIDEBAR_COOKIE_NAME","SIDEBAR_COOKIE_MAX_AGE","SIDEBAR_WIDTH","SIDEBAR_WIDTH_MOBILE","SIDEBAR_WIDTH_ICON","SIDEBAR_KEYBOARD_SHORTCUT","SidebarContext","useSidebar","context","SidebarProvider","defaultOpen","openProp","setOpenProp","className","style","children","props","ref","isMobile","useIsMobile","openMobile","setOpenMobile","_open","_setOpen","open","setOpen","value","openState","toggleSidebar","handleKeyDown","event","state","contextValue","TooltipProvider","cn","Sidebar","side","variant","collapsible","Sheet","SheetContent","SheetHeader","SheetTitle","SheetDescription","SidebarTrigger","onClick","Button","PanelLeft","SidebarRail","SidebarInset","SidebarInput","Input","SidebarHeader","SidebarFooter","SidebarSeparator","Separator","SidebarContent","SidebarGroup","SidebarGroupLabel","asChild","Slot","SidebarGroupAction","SidebarGroupContent","SidebarMenu","SidebarMenuItem","sidebarMenuButtonVariants","cva","SidebarMenuButton","isActive","size","tooltip","Comp","button","Tooltip","TooltipTrigger","TooltipContent","SidebarMenuAction","showOnHover","SidebarMenuBadge","SidebarMenuSkeleton","showIcon","width","Skeleton","SidebarMenuSub","SidebarMenuSubItem","SidebarMenuSubButton","React","DropdownMenuPrimitive","Check","ChevronRight","Circle","jsx","jsxs","DropdownMenu","DropdownMenuTrigger","DropdownMenuGroup","DropdownMenuPortal","DropdownMenuSub","DropdownMenuRadioGroup","DropdownMenuSubTrigger","className","inset","children","props","ref","cn","ChevronRight","DropdownMenuSubContent","DropdownMenuContent","sideOffset","DropdownMenuItem","DropdownMenuCheckboxItem","checked","Check","DropdownMenuRadioItem","Circle","DropdownMenuLabel","DropdownMenuSeparator","DropdownMenuShortcut","useFormContext","React","Slot","Controller","FormProvider","useFormContext","jsx","Form","FormProvider","FormFieldContext","FormField","props","Controller","useFormField","fieldContext","itemContext","FormItemContext","getFieldState","formState","useFormContext","fieldState","id","FormItem","className","ref","cn","FormLabel","error","formItemId","Label","FormControl","formDescriptionId","formMessageId","Slot","FormDescription","FormMessage","children","body","jsx","jsxs","RHFTextField","name","label","description","className","type","warningText","required","disabled","readOnly","placeholder","ariaLabel","ariaDescribedby","onBlur","other","control","useFormContext","FormField","field","error","FormItem","FormLabel","FormControl","Input","e","cn","FormDescription","FormMessage","useFormContext","React","jsx","Textarea","className","autoResize","props","ref","internalRef","textarea","resizeTextarea","cn","jsx","jsxs","RHFTextarea","name","label","description","className","warningText","required","disabled","readOnly","placeholder","autoResize","ariaLabel","ariaDescribedby","onBlur","other","control","useFormContext","FormField","field","error","FormItem","FormLabel","FormControl","Textarea","e","cn","FormDescription","FormMessage","useFormContext","jsx","jsxs","RHFCheckbox","name","label","description","className","warningText","required","disabled","readOnly","ariaLabel","ariaDescribedby","other","control","useFormContext","FormField","field","error","FormItem","FormControl","Checkbox","FormLabel","FormDescription","FormMessage","useFormContext","jsx","jsxs","RHFSwitch","name","label","description","className","warningText","required","disabled","readOnly","ariaLabel","ariaDescribedby","other","control","useFormContext","FormField","field","error","FormItem","FormControl","Switch","FormLabel","FormDescription","FormMessage","useFormContext","jsx","jsxs","RHFRadioGroup","name","label","description","className","warningText","required","disabled","readOnly","ariaLabel","ariaDescribedby","children","other","control","useFormContext","hasOptions","FormField","field","error","FormItem","FormLabel","FormControl","RadioGroup","option","RadioItemContainer","RadioGroupItem","RadioItemLabel","FormDescription","FormMessage","useFormContext","jsx","jsxs","RHFRadioButtonGroup","name","label","description","className","warningText","required","disabled","readOnly","ariaLabel","ariaDescribedby","options","other","control","useFormContext","FormField","field","error","FormItem","FormLabel","FormControl","RadioGroup","option","Button","FormDescription","FormMessage","useFormContext","jsx","jsxs","RHFMultiSelect","name","label","description","className","warningText","required","disabled","readOnly","placeholder","ariaLabel","ariaDescribedby","options","other","control","useFormContext","FormField","field","error","FormItem","FormLabel","FormControl","MultiSelect","cn","FormDescription","FormMessage","useFormContext","jsx","jsxs","RHFSelect","name","label","description","className","warningText","required","disabled","readOnly","placeholder","ariaLabel","ariaDescribedby","options","other","control","useFormContext","FormField","field","error","FormItem","FormLabel","FormControl","Select","cn","FormDescription","FormMessage","useFormContext","jsx","jsxs","RhfDndInput","name","label","description","className","required","disabled","ariaLabel","ariaDescribedby","other","control","useFormContext","FormField","field","error","FormItem","FormLabel","FormControl","DndInput","cn","acceptedFiles","fileRejections","event","FormDescription","FormMessage"]}
1
+ {"version":3,"sources":["../src/components/atoms/button/button.tsx","../src/utils/cn.ts","../src/components/atoms/text-field/text-field.tsx","../src/components/atoms/input/input.tsx","../src/components/atoms/label/label.tsx","../src/components/atoms/container/container.tsx","../src/components/atoms/box/box.tsx","../src/components/atoms/stack/stack.tsx","../src/components/atoms/dialog/dialog.tsx","../src/components/atoms/separator/separator.tsx","../src/components/atoms/sheet/sheet.tsx","../src/components/atoms/skeleton/skeleton.tsx","../src/components/atoms/avatar/avatar.tsx","../src/components/atoms/tooltip/tooltip.tsx","../src/components/atoms/badge/badge.tsx","../src/components/atoms/badge/badge.variants.ts","../src/components/atoms/typography/typography.tsx","../src/components/atoms/page-loader/page-loader.tsx","../src/components/atoms/toast/toast.tsx","../src/hooks/use-toast.ts","../src/components/atoms/toaster/toaster.tsx","../src/components/atoms/table/table.tsx","../src/components/atoms/resizable/resizable.tsx","../src/components/atoms/select/select.tsx","../src/components/atoms/command/command.tsx","../src/components/atoms/select/multi-select.tsx","../src/components/atoms/switch/switch.tsx","../src/components/atoms/collapsible/collapsible.tsx","../src/components/atoms/pagination/pagination.tsx","../src/components/atoms/radio-group/radio-group.tsx","../src/components/atoms/accordion/accordion.tsx","../src/components/atoms/checkbox/checkbox.tsx","../src/components/atoms/breadcrumb/breadcrumb.tsx","../src/components/atoms/dnd-input/dnd-input.tsx","../src/components/atoms/scroll-area/scroll-area.tsx","../src/components/molecules/card/card.tsx","../src/components/molecules/navigation-menu/navigation-menu.tsx","../src/components/molecules/navigation-menu/navigation-menu.variants.ts","../src/components/molecules/tabs/tabs.tsx","../src/components/molecules/markdown-editor/markdown-editor.tsx","../src/components/molecules/markdown-editor/extensions.ts","../src/components/organisms/drawer/drawer.tsx","../src/components/organisms/sidebar/sidebar.tsx","../src/hooks/use-mobile.tsx","../src/components/organisms/dropdown-menu/dropdown-menu.tsx","../src/components/rhf/rhf-text-field/rhf-text-field.tsx","../src/components/rhf/form/form.tsx","../src/components/rhf/rhf-textarea/rhf-textarea.tsx","../src/components/atoms/textarea/textarea.tsx","../src/components/rhf/rhf-checkbox/rhf-checkbox.tsx","../src/components/rhf/rhf-switch/rhf-switch.tsx","../src/components/rhf/rhf-radio-group/rhf-radio-group.tsx","../src/components/rhf/rhf-radio-button-group/rhf-radio-button-group.tsx","../src/components/rhf/rhf-multi-select/rhf-multi-select.tsx","../src/components/rhf/rhf-select/rhf-select.tsx","../src/components/rhf/rhf-dnd-input/rhf-dnd-input.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { Slot } from \"@radix-ui/react-slot\"\nimport { cva } from \"class-variance-authority\"\nimport { cn } from \"@/utils/cn\"\nimport { Loader2 } from \"lucide-react\"\nimport { ButtonProps } from \"./button.types\"\n\n/**\n * Button variant styles using class-variance-authority.\n * Defines the visual styles for different button variants and sizes.\n * Follows WCAG 2.1 Level AA guidelines for accessibility.\n *\n * @example\n * ```tsx\n * <Button variant=\"primary\" size=\"lg\">Click me</Button>\n * ```\n */\nconst buttonVariants = cva(\n \"inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50\",\n {\n variants: {\n variant: {\n default: \"bg-primary text-primary-foreground shadow hover:bg-primary/90\",\n destructive: \"bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90\",\n outline:\n \"border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground\",\n secondary: \"bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80\",\n ghost: \"hover:bg-accent hover:text-accent-foreground\",\n link: \"text-primary underline-offset-4 hover:underline\"\n } as const,\n size: {\n default: \"h-9 px-4 py-2\",\n sm: \"h-8 rounded-md px-3 text-xs\",\n lg: \"h-10 rounded-md px-8\",\n icon: \"h-9 w-9\"\n } as const\n },\n defaultVariants: {\n variant: \"default\",\n size: \"default\"\n }\n }\n)\n\n/**\n * A versatile button component that supports multiple variants, sizes, and can be rendered as a child component.\n * Built on top of Radix UI's Slot primitive for maximum flexibility.\n * Implements proper accessibility features and follows WCAG 2.1 Level AA guidelines.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-button--docs\n *\n * @component\n * @example\n * ```tsx\n * // Default button\n * <Button>Click me</Button>\n *\n * // Destructive button with small size\n * <Button variant=\"destructive\" size=\"sm\">Delete</Button>\n *\n * // As a link\n * <Button variant=\"link\" asChild>\n * <a href=\"/about\">About</a>\n * </Button>\n *\n * // With icons\n * <Button startIcon={<Icon />}>With Start Icon</Button>\n * <Button endIcon={<Icon />}>With End Icon</Button>\n *\n * // Loading state\n * <Button loading>Loading</Button>\n * ```\n *\n * @param {ButtonProps} props - The component props\n * @param {React.Ref<HTMLButtonElement>} ref - Forwarded ref\n * @returns {JSX.Element} A button element\n */\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n (\n {\n className,\n variant,\n size,\n asChild = false,\n startIcon,\n endIcon,\n loading = false,\n disabled,\n children,\n type = \"button\",\n \"aria-label\": ariaLabel,\n ...props\n },\n ref\n ) => {\n const Comp = asChild ? Slot : \"button\"\n const isDisabled = disabled || loading\n const buttonAriaLabel = ariaLabel || (typeof children === \"string\" ? children : undefined)\n\n // Handle keyboard interaction\n const handleKeyDown = (event: React.KeyboardEvent) => {\n if (event.key === \"Enter\" || event.key === \" \") {\n event.preventDefault()\n if (!isDisabled && props.onClick) {\n props.onClick(event as unknown as React.MouseEvent<HTMLButtonElement>)\n }\n }\n }\n\n if (asChild) {\n return (\n <Comp\n className={cn(buttonVariants({ variant, size, className }))}\n ref={ref}\n disabled={isDisabled}\n type={type}\n aria-label={buttonAriaLabel}\n aria-disabled={isDisabled}\n {...props}\n >\n {children}\n </Comp>\n )\n }\n\n return (\n <Comp\n className={cn(buttonVariants({ variant, size, className }))}\n ref={ref}\n disabled={isDisabled}\n type={type}\n aria-label={buttonAriaLabel}\n aria-disabled={isDisabled}\n onKeyDown={handleKeyDown}\n {...props}\n >\n {loading && (\n <Loader2\n className=\"mr-2 h-4 w-4 animate-spin\"\n role=\"status\"\n aria-label=\"Loading\"\n aria-hidden=\"true\"\n />\n )}\n {!loading && startIcon && (\n <span className=\"mr-2\" aria-hidden=\"true\">\n {startIcon}\n </span>\n )}\n {children}\n {!loading && endIcon && (\n <span className=\"ml-2\" aria-hidden=\"true\">\n {endIcon}\n </span>\n )}\n </Comp>\n )\n }\n)\nButton.displayName = \"Button\"\n\nexport { Button, buttonVariants }\n","import { type ClassValue, clsx } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n return twMerge(clsx(inputs))\n}\n","import * as React from \"react\"\nimport { cva } from \"class-variance-authority\"\nimport { cn } from \"@/utils/cn\"\nimport { TextFieldProps } from \"./text-field.types\"\nimport { Loader2 } from \"lucide-react\"\nimport { Input } from \"../input\"\nimport { Label } from \"../label\"\n\n/**\n * Text field variant styles using class-variance-authority.\n * Defines the visual styles for different text field variants and sizes.\n */\nconst textFieldVariants = cva(\"w-full\", {\n variants: {\n variant: {\n default: \"\",\n error: \"border-destructive focus-visible:ring-destructive\"\n },\n size: {\n default: \"h-10\",\n sm: \"h-8 text-xs\",\n lg: \"h-12 text-base\"\n }\n },\n defaultVariants: {\n variant: \"default\",\n size: \"default\"\n }\n})\n\n/**\n * A versatile text field component that supports multiple variants, sizes, and icons.\n * Built on top of shadcn/ui's Input component.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-text-field--docs\n *\n * @component\n * @example\n * ```tsx\n * // Default text field\n * <TextField placeholder=\"Enter text\" />\n *\n * // With icons\n * <TextField startIcon={<SearchIcon />} placeholder=\"Search...\" />\n * <TextField endIcon={<CalendarIcon />} placeholder=\"Select date\" />\n *\n * // With loading state\n * <TextField loading placeholder=\"Loading...\" />\n *\n * // With error\n * <TextField error=\"Invalid input\" placeholder=\"Enter text\" />\n * ```\n */\nconst TextField = React.forwardRef<HTMLInputElement, TextFieldProps>(\n (\n {\n className,\n variant,\n size,\n startIcon,\n endIcon,\n loading = false,\n error,\n label,\n helperText,\n disabled,\n ...props\n },\n ref\n ) => {\n const id = React.useId()\n\n return (\n <div className=\"w-full space-y-2\">\n {label && <Label htmlFor={id}>{label}</Label>}\n <div className=\"relative\">\n {startIcon && (\n <div className=\"absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground\">\n {startIcon}\n </div>\n )}\n <Input\n id={id}\n className={cn(\n textFieldVariants({ variant: error ? \"error\" : variant, size, className }),\n startIcon && \"pl-9\",\n (endIcon || loading) && \"pr-9\"\n )}\n ref={ref}\n disabled={disabled || loading}\n {...props}\n />\n {(endIcon || loading) && (\n <div className=\"absolute right-3 top-1/2 -translate-y-1/2 text-muted-foreground\">\n {loading ? <Loader2 className=\"h-4 w-4 animate-spin\" /> : endIcon}\n </div>\n )}\n </div>\n {(error || helperText) && (\n <p className={cn(\"text-sm\", error ? \"text-destructive\" : \"text-muted-foreground\")}>\n {error || helperText}\n </p>\n )}\n </div>\n )\n }\n)\n\nTextField.displayName = \"TextField\"\n\nexport { TextField, textFieldVariants }\n","import * as React from \"react\"\n\nimport { cn } from \"@/utils/cn\"\n\n/**\n * Input component for creating accessible input fields.\n * Built on top of shadcn/ui's Input component.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-input--docs\n *\n */\nconst Input = React.forwardRef<HTMLInputElement, React.ComponentProps<\"input\">>(\n ({ className, type, ...props }, ref) => {\n return (\n <input\n type={type}\n className={cn(\n \"flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm\",\n className\n )}\n ref={ref}\n {...props}\n />\n )\n }\n)\nInput.displayName = \"Input\"\n\nexport { Input }\n","import * as React from \"react\"\nimport * as LabelPrimitive from \"@radix-ui/react-label\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@/utils/index\"\n\nconst labelVariants = cva(\n \"text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70\"\n)\n\nexport interface LabelProps\n extends React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root>,\n VariantProps<typeof labelVariants> {}\n\n/**\n * Label component for creating accessible labels.\n * Built on top of Radix UI's Label primitive.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-label--docs\n *\n */\nconst Label = React.forwardRef<React.ElementRef<typeof LabelPrimitive.Root>, LabelProps>(\n ({ className, ...props }, ref) => (\n <LabelPrimitive.Root ref={ref} className={cn(labelVariants(), className)} {...props} />\n )\n)\nLabel.displayName = LabelPrimitive.Root.displayName\n\nexport { Label }\n","/**\n * Container is a layout component that provides a centered, max-width wrapper for content.\n * It's designed to create consistent horizontal padding and maximum widths across different screen sizes.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-container--docs\n *\n * @example\n * ```tsx\n * // Basic usage\n * <Container>\n * <h1>Page Title</h1>\n * <p>Content goes here...</p>\n * </Container>\n *\n * // With custom max width\n * <Container maxWidth=\"xl\">\n * <h1>Wider Content</h1>\n * </Container>\n *\n * // Fluid container (no max-width)\n * <Container fluid>\n * <h1>Full Width Content</h1>\n * </Container>\n *\n * // Without padding\n * <Container disablePadding>\n * <h1>No Padding Content</h1>\n * </Container>\n * ```\n */\nimport { cn } from \"@/utils\"\nimport * as React from \"react\"\n\nexport interface ContainerProps extends React.HTMLAttributes<HTMLDivElement> {\n /**\n * The maximum width of the container.\n * - \"sm\": 640px\n * - \"md\": 768px\n * - \"lg\": 1024px\n * - \"xl\": 1280px\n * - \"full\": 100%\n * - false: No max-width (fluid)\n *\n * @default \"lg\"\n */\n maxWidth?: \"sm\" | \"md\" | \"lg\" | \"xl\" | \"full\" | false\n /**\n * Whether to disable the default horizontal padding.\n * When true, removes the default padding (px-4 sm:px-6 lg:px-8).\n *\n * @default false\n */\n disablePadding?: boolean\n /**\n * Whether to make the container fluid (no max-width).\n * When true, the container will expand to fill its parent's width.\n *\n * @default false\n */\n fluid?: boolean\n}\n\nconst Container = React.forwardRef<HTMLDivElement, ContainerProps>(\n ({ className, maxWidth = \"lg\", disablePadding = false, fluid = false, ...props }, ref) => {\n return (\n <div\n ref={ref}\n className={cn(\n // Base styles\n \"mx-auto w-full\",\n // Padding\n !disablePadding && \"px-4 sm:px-6 lg:px-8\",\n // Max width\n !fluid && {\n \"max-w-screen-sm\": maxWidth === \"sm\",\n \"max-w-screen-md\": maxWidth === \"md\",\n \"max-w-screen-lg\": maxWidth === \"lg\",\n \"max-w-screen-xl\": maxWidth === \"xl\",\n \"max-w-full\": maxWidth === \"full\"\n },\n className\n )}\n {...props}\n />\n )\n }\n)\n\nContainer.displayName = \"Container\"\n\nexport { Container }\n","/**\n * Box is a fundamental layout component that serves as a building block for other components.\n * It's a polymorphic component that can render as different HTML elements while maintaining\n * consistent styling and behavior.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-box--docs\n *\n * @example\n * ```tsx\n * // Basic usage\n * <Box>Content</Box>\n *\n * // As a different element\n * <Box as=\"section\">Section content</Box>\n *\n * // With custom className\n * <Box className=\"bg-primary text-white p-4\">Styled content</Box>\n *\n * // With custom dimensions\n * <Box width=\"100px\" height=\"200px\">Fixed size content</Box>\n * <Box width=\"50%\" height=\"auto\">Responsive content</Box>\n * ```\n */\nimport * as React from \"react\"\nimport { cn } from \"@/utils\"\n\ntype BoxComponent =\n | \"div\"\n | \"span\"\n | \"section\"\n | \"article\"\n | \"main\"\n | \"aside\"\n | \"header\"\n | \"footer\"\n | \"nav\"\n\ntype DimensionValue = string | number\n\nexport interface BoxProps extends React.HTMLAttributes<HTMLDivElement> {\n /**\n * The HTML element to render the Box as.\n * This allows for semantic HTML while maintaining consistent styling.\n *\n * @default \"div\"\n */\n as?: BoxComponent\n\n /**\n * The width of the Box component.\n * Can be a number (interpreted as pixels) or a string (e.g., \"100%\", \"50px\", \"10rem\").\n */\n width?: DimensionValue\n\n /**\n * The height of the Box component.\n * Can be a number (interpreted as pixels) or a string (e.g., \"100%\", \"50px\", \"10rem\").\n */\n height?: DimensionValue\n}\n\nconst Box = React.forwardRef<HTMLDivElement, BoxProps>(\n ({ as: Component = \"div\", className, width, height, style, ...props }, ref) => {\n const dimensionStyles = {\n width: typeof width === \"number\" ? `${width}px` : width,\n height: typeof height === \"number\" ? `${height}px` : height,\n ...style\n }\n\n return <Component ref={ref} className={cn(className)} style={dimensionStyles} {...props} />\n }\n)\n\nBox.displayName = \"Box\"\n\nexport { Box }\n","/**\n * Stack is a layout component that arranges its children in a vertical or horizontal stack\n * with consistent spacing between items. It's built on top of Flexbox and provides\n * a simple way to create consistent layouts.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-stack--docs\n *\n * @example\n * ```tsx\n * // Basic vertical stack\n * <Stack>\n * <div>Item 1</div>\n * <div>Item 2</div>\n * <div>Item 3</div>\n * </Stack>\n *\n * // Horizontal stack with custom spacing\n * <Stack direction=\"horizontal\" spacing=\"lg\">\n * <div>Item 1</div>\n * <div>Item 2</div>\n * </Stack>\n *\n * // Centered stack with wrapping\n * <Stack direction=\"horizontal\" center wrap>\n * <div>Item 1</div>\n * <div>Item 2</div>\n * <div>Item 3</div>\n * </Stack>\n *\n * // Stack with custom alignment\n * <Stack align=\"center\" justify=\"between\">\n * <div>Left</div>\n * <div>Center</div>\n * <div>Right</div>\n * </Stack>\n *\n * // Stack with custom dimensions\n * <Stack width=\"100%\" height=\"200px\">\n * <div>Full width, fixed height stack</div>\n * </Stack>\n * ```\n */\nimport * as React from \"react\"\nimport { cn } from \"@/utils\"\n\nexport interface StackProps extends React.HTMLAttributes<HTMLDivElement> {\n /**\n * The direction in which to stack the items.\n * - \"vertical\": Items are stacked top to bottom\n * - \"horizontal\": Items are stacked left to right\n *\n * @default \"vertical\"\n */\n direction?: \"vertical\" | \"horizontal\"\n /**\n * The spacing between items in the stack.\n * - \"none\": 0px\n * - \"xs\": 0.25rem (4px)\n * - \"sm\": 0.5rem (8px)\n * - \"md\": 1rem (16px)\n * - \"lg\": 1.5rem (24px)\n * - \"xl\": 2rem (32px)\n *\n * @default \"md\"\n */\n spacing?: \"none\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\"\n /**\n * Whether to allow items to wrap to the next line when they don't fit.\n * Only applies to horizontal stacks.\n *\n * @default false\n */\n wrap?: boolean\n /**\n * Whether to center items both horizontally and vertically.\n * This is a shorthand for setting both align and justify to \"center\".\n *\n * @default false\n */\n center?: boolean\n /**\n * How to justify items along the main axis.\n * - \"start\": Items are packed toward the start\n * - \"end\": Items are packed toward the end\n * - \"center\": Items are centered\n * - \"between\": Items are evenly distributed with first item at start and last at end\n * - \"around\": Items are evenly distributed with equal space around them\n * - \"evenly\": Items are distributed so that the spacing between any two items is equal\n *\n * @default undefined\n */\n justify?: \"start\" | \"end\" | \"center\" | \"between\" | \"around\" | \"evenly\"\n /**\n * How to align items along the cross axis.\n * - \"start\": Items are aligned at the start\n * - \"end\": Items are aligned at the end\n * - \"center\": Items are centered\n * - \"stretch\": Items are stretched to fill the container\n * - \"baseline\": Items are aligned at their baselines\n *\n * @default undefined\n */\n align?: \"start\" | \"end\" | \"center\" | \"stretch\" | \"baseline\"\n /**\n * The width of the stack container.\n * Can be any valid CSS width value (e.g., \"100%\", \"200px\", \"50vw\").\n *\n * @default undefined\n */\n width?: string\n /**\n * The height of the stack container.\n * Can be any valid CSS height value (e.g., \"100%\", \"200px\", \"50vh\").\n *\n * @default undefined\n */\n height?: string\n}\n\nconst Stack = React.forwardRef<HTMLDivElement, StackProps>(\n (\n {\n className,\n direction = \"vertical\",\n spacing = \"md\",\n wrap = false,\n center = false,\n justify,\n align,\n width,\n height,\n style,\n ...props\n },\n ref\n ) => {\n return (\n <div\n ref={ref}\n className={cn(\n // Base styles\n \"flex\",\n // Direction\n direction === \"vertical\" ? \"flex-col\" : \"flex-row\",\n // Spacing\n {\n \"gap-0\": spacing === \"none\",\n \"gap-1\": spacing === \"xs\",\n \"gap-2\": spacing === \"sm\",\n \"gap-4\": spacing === \"md\",\n \"gap-6\": spacing === \"lg\",\n \"gap-8\": spacing === \"xl\"\n },\n // Wrap\n wrap && \"flex-wrap\",\n // Center\n center && \"items-center justify-center\",\n // Justify\n justify && {\n \"justify-start\": justify === \"start\",\n \"justify-end\": justify === \"end\",\n \"justify-center\": justify === \"center\",\n \"justify-between\": justify === \"between\",\n \"justify-around\": justify === \"around\",\n \"justify-evenly\": justify === \"evenly\"\n },\n // Align\n align && {\n \"items-start\": align === \"start\",\n \"items-end\": align === \"end\",\n \"items-center\": align === \"center\",\n \"items-stretch\": align === \"stretch\",\n \"items-baseline\": align === \"baseline\"\n },\n className\n )}\n style={{\n width,\n height,\n ...style\n }}\n {...props}\n />\n )\n }\n)\n\nStack.displayName = \"Stack\"\n\nexport { Stack }\n","import * as React from \"react\"\nimport * as DialogPrimitive from \"@radix-ui/react-dialog\"\nimport { X } from \"lucide-react\"\nimport { cn } from \"@/utils\"\n\n/**\n * Dialog component for creating accessible dialogs with overlay and content.\n * Built on top of Radix UI's Dialog primitive.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-dialog--docs\n *\n * @example\n * ```tsx\n * <Dialog>\n * <DialogTrigger>Open Dialog</DialogTrigger>\n * <DialogContent>Dialog Content</DialogContent>\n * </Dialog>\n */\nconst Dialog = DialogPrimitive.Root\n\nconst DialogTrigger = DialogPrimitive.Trigger\n\nconst DialogPortal = DialogPrimitive.Portal\n\nconst DialogClose = DialogPrimitive.Close\n\nconst DialogOverlay = React.forwardRef<\n React.ElementRef<typeof DialogPrimitive.Overlay>,\n React.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>\n>(({ className, ...props }, ref) => (\n <DialogPrimitive.Overlay\n ref={ref}\n className={cn(\n \"fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0\",\n className\n )}\n {...props}\n />\n))\nDialogOverlay.displayName = DialogPrimitive.Overlay.displayName\n\nconst DialogContent = React.forwardRef<\n React.ElementRef<typeof DialogPrimitive.Content>,\n React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>\n>(({ className, children, ...props }, ref) => (\n <DialogPortal>\n <DialogOverlay />\n <DialogPrimitive.Content\n ref={ref}\n className={cn(\n \"fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 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-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg\",\n className\n )}\n {...props}\n >\n {children}\n <DialogPrimitive.Close className=\"absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground\">\n <X className=\"h-4 w-4\" />\n <span className=\"sr-only\">Close</span>\n </DialogPrimitive.Close>\n </DialogPrimitive.Content>\n </DialogPortal>\n))\nDialogContent.displayName = DialogPrimitive.Content.displayName\n\nconst DialogHeader = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n <div className={cn(\"flex flex-col space-y-1.5 text-center sm:text-left\", className)} {...props} />\n)\nDialogHeader.displayName = \"DialogHeader\"\n\nconst DialogFooter = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n <div\n className={cn(\"flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2\", className)}\n {...props}\n />\n)\nDialogFooter.displayName = \"DialogFooter\"\n\nconst DialogTitle = React.forwardRef<\n React.ElementRef<typeof DialogPrimitive.Title>,\n React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title>\n>(({ className, ...props }, ref) => (\n <DialogPrimitive.Title\n ref={ref}\n className={cn(\"text-lg font-semibold leading-none tracking-tight\", className)}\n {...props}\n />\n))\nDialogTitle.displayName = DialogPrimitive.Title.displayName\n\nconst DialogDescription = React.forwardRef<\n React.ElementRef<typeof DialogPrimitive.Description>,\n React.ComponentPropsWithoutRef<typeof DialogPrimitive.Description>\n>(({ className, ...props }, ref) => (\n <DialogPrimitive.Description\n ref={ref}\n className={cn(\"text-sm text-muted-foreground\", className)}\n {...props}\n />\n))\nDialogDescription.displayName = DialogPrimitive.Description.displayName\n\nexport {\n Dialog,\n DialogPortal,\n DialogOverlay,\n DialogTrigger,\n DialogClose,\n DialogContent,\n DialogHeader,\n DialogFooter,\n DialogTitle,\n DialogDescription\n}\n","import * as React from \"react\"\nimport * as SeparatorPrimitive from \"@radix-ui/react-separator\"\n\nimport { cn } from \"@/utils/index\"\n\n/**\n * Separator component for creating horizontal or vertical dividers.\n * Built on top of Radix UI's Separator primitive.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-separator--docs\n *\n */\nconst Separator = React.forwardRef<\n React.ElementRef<typeof SeparatorPrimitive.Root>,\n React.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root>\n>(({ className, orientation = \"horizontal\", decorative = true, ...props }, ref) => (\n <SeparatorPrimitive.Root\n ref={ref}\n decorative={decorative}\n orientation={orientation}\n className={cn(\n \"shrink-0 bg-border\",\n orientation === \"horizontal\" ? \"h-[1px] w-full\" : \"h-full w-[1px]\",\n className\n )}\n {...props}\n />\n))\nSeparator.displayName = SeparatorPrimitive.Root.displayName\n\nexport { Separator }\n","\"use client\";\n\"use client\"\n\nimport * as React from \"react\"\nimport * as SheetPrimitive from \"@radix-ui/react-dialog\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\nimport { X } from \"lucide-react\"\n\nimport { cn } from \"@/utils/index\"\n\n/**\n * Sheet component for creating accessible sheets with overlay and content.\n * Built on top of Radix UI's Sheet primitive.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-sheet--docs\n *\n * @example\n * ```tsx\n * <Sheet>\n * <SheetTrigger>Open Sheet</SheetTrigger>\n * <SheetContent>Sheet Content</SheetContent>\n * </Sheet>\n */\nconst Sheet = SheetPrimitive.Root\n\nconst SheetTrigger = SheetPrimitive.Trigger\n\nconst SheetClose = SheetPrimitive.Close\n\nconst SheetPortal = SheetPrimitive.Portal\n\nconst SheetOverlay = React.forwardRef<\n React.ElementRef<typeof SheetPrimitive.Overlay>,\n React.ComponentPropsWithoutRef<typeof SheetPrimitive.Overlay>\n>(({ className, ...props }, ref) => (\n <SheetPrimitive.Overlay\n className={cn(\n \"fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0\",\n className\n )}\n {...props}\n ref={ref}\n />\n))\nSheetOverlay.displayName = SheetPrimitive.Overlay.displayName\n\nconst sheetVariants = cva(\n \"fixed z-50 gap-4 bg-background p-6 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500 data-[state=open]:animate-in data-[state=closed]:animate-out\",\n {\n variants: {\n side: {\n top: \"inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top\",\n bottom:\n \"inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom\",\n left: \"inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm\",\n right:\n \"inset-y-0 right-0 h-full w-3/4 border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm\"\n }\n },\n defaultVariants: {\n side: \"right\"\n }\n }\n)\n\ninterface SheetContentProps\n extends React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>,\n VariantProps<typeof sheetVariants> {}\n\nconst SheetContent = React.forwardRef<\n React.ElementRef<typeof SheetPrimitive.Content>,\n SheetContentProps\n>(({ side = \"right\", className, children, ...props }, ref) => (\n <SheetPortal>\n <SheetOverlay />\n <SheetPrimitive.Content ref={ref} className={cn(sheetVariants({ side }), className)} {...props}>\n <SheetPrimitive.Close className=\"absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary\">\n <X className=\"h-4 w-4\" />\n <span className=\"sr-only\">Close</span>\n </SheetPrimitive.Close>\n {children}\n </SheetPrimitive.Content>\n </SheetPortal>\n))\nSheetContent.displayName = SheetPrimitive.Content.displayName\n\nconst SheetHeader = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n <div className={cn(\"flex flex-col space-y-2 text-center sm:text-left\", className)} {...props} />\n)\nSheetHeader.displayName = \"SheetHeader\"\n\nconst SheetFooter = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n <div\n className={cn(\"flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2\", className)}\n {...props}\n />\n)\nSheetFooter.displayName = \"SheetFooter\"\n\nconst SheetTitle = React.forwardRef<\n React.ElementRef<typeof SheetPrimitive.Title>,\n React.ComponentPropsWithoutRef<typeof SheetPrimitive.Title>\n>(({ className, ...props }, ref) => (\n <SheetPrimitive.Title\n ref={ref}\n className={cn(\"text-lg font-semibold text-foreground\", className)}\n {...props}\n />\n))\nSheetTitle.displayName = SheetPrimitive.Title.displayName\n\nconst SheetDescription = React.forwardRef<\n React.ElementRef<typeof SheetPrimitive.Description>,\n React.ComponentPropsWithoutRef<typeof SheetPrimitive.Description>\n>(({ className, ...props }, ref) => (\n <SheetPrimitive.Description\n ref={ref}\n className={cn(\"text-sm text-muted-foreground\", className)}\n {...props}\n />\n))\nSheetDescription.displayName = SheetPrimitive.Description.displayName\n\nexport {\n Sheet,\n SheetPortal,\n SheetOverlay,\n SheetTrigger,\n SheetClose,\n SheetContent,\n SheetHeader,\n SheetFooter,\n SheetTitle,\n SheetDescription\n}\n","import * as React from \"react\"\nimport { cn } from \"@/utils/index\"\n\n/**\n * Skeleton component for creating a loading state.\n * Built on top of shadcn/ui's Skeleton component.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-skeleton--docs\n *\n * @example\n * ```tsx\n * <Skeleton className=\"w-10 h-10\" />\n * ```\n */\nfunction Skeleton({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) {\n return <div className={cn(\"animate-pulse rounded-md bg-primary/10\", className)} {...props} />\n}\n\nexport { Skeleton }\n","import * as React from \"react\"\nimport * as AvatarPrimitive from \"@radix-ui/react-avatar\"\nimport { cn } from \"@/utils/index\"\nimport type { AvatarProps, AvatarImageProps, AvatarFallbackProps } from \"./avatar.types\"\n\n/**\n * Avatar component that displays a user's profile picture or fallback.\n * Built on top of Radix UI's Avatar primitive.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-avatar--docs\n *\n * @example\n * ```tsx\n * <Avatar>\n * <AvatarImage src=\"/path/to/image.jpg\" alt=\"User avatar\" />\n * <AvatarFallback>JD</AvatarFallback>\n * </Avatar>\n * ```\n */\nconst Avatar = React.forwardRef<React.ElementRef<typeof AvatarPrimitive.Root>, AvatarProps>(\n ({ className, ...props }, ref) => (\n <AvatarPrimitive.Root\n ref={ref}\n className={cn(\"relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full\", className)}\n {...props}\n />\n )\n)\nAvatar.displayName = AvatarPrimitive.Root.displayName\n\n/**\n * AvatarImage component that displays the user's profile picture.\n * Falls back to AvatarFallback if the image fails to load.\n */\nconst AvatarImage = React.forwardRef<\n React.ElementRef<typeof AvatarPrimitive.Image>,\n AvatarImageProps\n>(({ className, ...props }, ref) => (\n <AvatarPrimitive.Image\n ref={ref}\n className={cn(\"aspect-square h-full w-full\", className)}\n {...props}\n />\n))\nAvatarImage.displayName = AvatarPrimitive.Image.displayName\n\n/**\n * AvatarFallback component that displays when the image fails to load.\n * Typically shows the user's initials or a placeholder icon.\n */\nconst AvatarFallback = React.forwardRef<\n React.ElementRef<typeof AvatarPrimitive.Fallback>,\n AvatarFallbackProps\n>(({ className, ...props }, ref) => (\n <AvatarPrimitive.Fallback\n ref={ref}\n className={cn(\n \"flex h-full w-full items-center justify-center rounded-full bg-muted\",\n className\n )}\n {...props}\n />\n))\nAvatarFallback.displayName = AvatarPrimitive.Fallback.displayName\n\nexport { Avatar, AvatarImage, AvatarFallback }\n","import * as React from \"react\"\nimport * as TooltipPrimitive from \"@radix-ui/react-tooltip\"\n\nimport { cn } from \"@/utils/index\"\n\n/**\n * TooltipProvider component for creating accessible tooltips.\n * Built on top of Radix UI's Tooltip primitive.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-tooltip--docs\n *\n * @example\n * ```tsx\n * <TooltipProvider>\n * <Tooltip>\n * <TooltipTrigger>Hover me</TooltipTrigger>\n * <TooltipContent>Tooltip content</TooltipContent>\n * </Tooltip>\n * </TooltipProvider>\n * ```\n */\nconst TooltipProvider = TooltipPrimitive.Provider\n\nconst Tooltip = TooltipPrimitive.Root\n\nconst TooltipTrigger = TooltipPrimitive.Trigger\n\nconst TooltipContent = React.forwardRef<\n React.ElementRef<typeof TooltipPrimitive.Content>,\n React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>\n>(({ className, sideOffset = 4, ...props }, ref) => (\n <TooltipPrimitive.Portal>\n <TooltipPrimitive.Content\n ref={ref}\n sideOffset={sideOffset}\n className={cn(\n \"z-50 overflow-hidden rounded-md bg-primary px-3 py-1.5 text-xs text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-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 origin-[--radix-tooltip-content-transform-origin]\",\n className\n )}\n {...props}\n />\n </TooltipPrimitive.Portal>\n))\nTooltipContent.displayName = TooltipPrimitive.Content.displayName\n\nexport { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider }\n","import * as React from \"react\"\nimport { cn } from \"@/utils/index\"\nimport { badgeVariants } from \"./badge.variants\"\nimport type { BadgeProps } from \"./badge.types\"\n\n/**\n * Badge component for displaying status, counts, or labels.\n * Supports various variants, sizes, and optional icons.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-badge--docs\n *\n * @example\n * ```tsx\n * <Badge variant=\"success\">Active</Badge>\n * <Badge variant=\"warning\" icon={<AlertIcon />}>Warning</Badge>\n * <Badge variant=\"info\" size=\"lg\" iconAfter={<ArrowIcon />}>New</Badge>\n * ```\n */\nconst Badge = React.forwardRef<HTMLDivElement, BadgeProps>(\n ({ className, variant, size, icon, iconAfter, children, ...props }, ref) => {\n return (\n <div ref={ref} className={cn(badgeVariants({ variant, size }), className)} {...props}>\n {icon && <span className=\"mr-1\">{icon}</span>}\n {children}\n {iconAfter && <span className=\"ml-1\">{iconAfter}</span>}\n </div>\n )\n }\n)\n\nBadge.displayName = \"Badge\"\n\nexport { Badge, badgeVariants }\n","import { cva } from \"class-variance-authority\"\n\nexport const badgeVariants = cva(\n \"inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2\",\n {\n variants: {\n variant: {\n default: \"border-transparent bg-primary text-primary-foreground hover:bg-primary/80\",\n secondary:\n \"border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80\",\n destructive:\n \"border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80\",\n outline: \"text-foreground\",\n success: \"border-transparent bg-green-500 text-white hover:bg-green-500/80\",\n warning: \"border-transparent bg-yellow-500 text-white hover:bg-yellow-500/80\",\n info: \"border-transparent bg-blue-500 text-white hover:bg-blue-500/80\"\n },\n size: {\n default: \"h-5\",\n sm: \"h-4 text-[10px]\",\n lg: \"h-6 text-sm\"\n }\n },\n defaultVariants: {\n variant: \"default\",\n size: \"default\"\n }\n }\n)\n","import * as React from \"react\"\nimport { cn } from \"@/utils\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nconst typographyVariants = cva(\"\", {\n variants: {\n variant: {\n h1: \"scroll-m-5 text-4xl font-extrabold tracking-tight lg:text-5xl\",\n h2: \"scroll-m-5 text-3xl font-semibold tracking-tight\",\n h3: \"scroll-m-5 text-2xl font-semibold tracking-tight\",\n h4: \"scroll-m-5 text-xl font-semibold tracking-tight\",\n h5: \"scroll-m-5 text-lg font-semibold tracking-tight\",\n h6: \"scroll-m-5 text-base font-semibold tracking-tight\",\n p: \"leading-7 [&:not(:first-child)]:mt-6\",\n blockquote: \"mt-6 border-l-2 border-slate-300 pl-6 italic\",\n list: \"my-6 ml-6 list-disc [&>li]:mt-2\",\n lead: \"text-xl text-muted-foreground\",\n large: \"text-lg font-semibold\",\n small: \"text-sm font-medium leading-none\",\n muted: \"text-sm text-muted-foreground\"\n },\n align: {\n left: \"text-left\",\n center: \"text-center\",\n right: \"text-right\",\n justify: \"text-justify\"\n }\n },\n defaultVariants: {\n variant: \"p\",\n align: \"left\"\n }\n})\n\nexport interface TypographyProps\n extends React.HTMLAttributes<HTMLElement>,\n VariantProps<typeof typographyVariants> {\n as?: React.ElementType\n}\n\n/**\n * Typography component for creating accessible text elements.\n * Built on top of shadcn/ui's Typography component.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-typography--docs\n *\n */\nconst Typography = React.forwardRef<HTMLElement, TypographyProps>(\n ({ className, variant, align, as: Component = \"p\", ...props }, ref) => {\n return (\n <Component\n className={cn(typographyVariants({ variant, align, className }))}\n ref={ref}\n {...props}\n />\n )\n }\n)\n\nTypography.displayName = \"Typography\"\n\nexport { Typography, typographyVariants }\n","import { cn } from \"@/utils\"\nimport { Loader2 } from \"lucide-react\"\n\nexport type PageLoaderProps = {\n /**\n * Optional className to extend the component's styles\n */\n className?: string\n /**\n * Optional size of the loader (default: \"default\")\n */\n size?: \"sm\" | \"default\" | \"lg\"\n /**\n * Optional text to display below the loader\n */\n text?: string\n /**\n * Optional color of the loader (default: \"primary\")\n */\n color?: \"primary\" | \"secondary\" | \"accent\" | \"muted\" | \"destructive\" | string\n}\n\n/**\n * PageLoader component for displaying a loading indicator.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-page-loader--docs\n *\n */\n\nexport function PageLoader({\n className,\n size = \"default\",\n text,\n color = \"primary\"\n}: PageLoaderProps) {\n const sizeClasses = {\n sm: \"h-4 w-4\",\n default: \"h-8 w-8\",\n lg: \"h-12 w-12\"\n }\n\n const colorClasses = {\n primary: \"text-primary\",\n secondary: \"text-secondary\",\n accent: \"text-accent\",\n muted: \"text-muted-foreground\",\n destructive: \"text-destructive\"\n }\n\n const loaderColor = colorClasses[color as keyof typeof colorClasses] || `text-[${color}]`\n\n return (\n <div\n className={cn(\n \"fixed inset-0 z-50 flex min-h-screen flex-col items-center justify-center bg-background/80 backdrop-blur-sm\",\n className\n )}\n role=\"alert\"\n aria-live=\"assertive\"\n >\n <Loader2 className={cn(\"animate-spin\", loaderColor, sizeClasses[size])} aria-hidden=\"true\" />\n {text && (\n <p className=\"mt-4 text-sm text-muted-foreground\" aria-label={text}>\n {text}\n </p>\n )}\n </div>\n )\n}\n","/**\n * Toast component for displaying temporary notifications.\n * Built on top of Radix UI's Toast primitive.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-toast--docs\n *\n * @example\n * ```tsx\n * <ToastProvider>\n * <Toast>\n * <ToastTitle>Title</ToastTitle>\n * <ToastDescription>Description</ToastDescription>\n * <ToastAction>Action</ToastAction>\n * <ToastClose />\n * </Toast>\n * <ToastViewport />\n * </ToastProvider>\n * ```\n */\n\nimport * as React from \"react\"\n// eslint-disable-next-line import/no-extraneous-dependencies\nimport * as ToastPrimitives from \"@radix-ui/react-toast\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\nimport { X } from \"lucide-react\"\n\nimport { cn } from \"@/utils/index\"\n\nconst ToastProvider = ToastPrimitives.Provider\n\nconst ToastViewport = React.forwardRef<\n React.ElementRef<typeof ToastPrimitives.Viewport>,\n React.ComponentPropsWithoutRef<typeof ToastPrimitives.Viewport>\n>(({ className, ...props }, ref) => (\n <ToastPrimitives.Viewport\n ref={ref}\n className={cn(\n \"fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[420px]\",\n className\n )}\n {...props}\n />\n))\nToastViewport.displayName = ToastPrimitives.Viewport.displayName\n\nconst toastVariants = cva(\n \"group pointer-events-auto relative flex w-full items-center justify-between space-x-2 overflow-hidden rounded-md border p-4 pr-6 shadow-lg transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full\",\n {\n variants: {\n variant: {\n default: \"border bg-background text-foreground\",\n destructive:\n \"destructive group border-destructive bg-destructive text-destructive-foreground\"\n }\n },\n defaultVariants: {\n variant: \"default\"\n }\n }\n)\n\nconst Toast = React.forwardRef<\n React.ElementRef<typeof ToastPrimitives.Root>,\n React.ComponentPropsWithoutRef<typeof ToastPrimitives.Root> & VariantProps<typeof toastVariants>\n>(({ className, variant, ...props }, ref) => {\n return (\n <ToastPrimitives.Root\n ref={ref}\n className={cn(toastVariants({ variant }), className)}\n {...props}\n />\n )\n})\nToast.displayName = ToastPrimitives.Root.displayName\n\nconst ToastAction = React.forwardRef<\n React.ElementRef<typeof ToastPrimitives.Action>,\n React.ComponentPropsWithoutRef<typeof ToastPrimitives.Action>\n>(({ className, ...props }, ref) => (\n <ToastPrimitives.Action\n ref={ref}\n className={cn(\n \"inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-sm font-medium transition-colors hover:bg-secondary focus:outline-none focus:ring-1 focus:ring-ring disabled:pointer-events-none disabled:opacity-50 group-[.destructive]:border-muted/40 group-[.destructive]:hover:border-destructive/30 group-[.destructive]:hover:bg-destructive group-[.destructive]:hover:text-destructive-foreground group-[.destructive]:focus:ring-destructive\",\n className\n )}\n {...props}\n />\n))\nToastAction.displayName = ToastPrimitives.Action.displayName\n\nconst ToastClose = React.forwardRef<\n React.ElementRef<typeof ToastPrimitives.Close>,\n React.ComponentPropsWithoutRef<typeof ToastPrimitives.Close>\n>(({ className, ...props }, ref) => (\n <ToastPrimitives.Close\n ref={ref}\n className={cn(\n \"absolute right-1 top-1 rounded-md p-1 text-foreground/50 opacity-0 transition-opacity hover:text-foreground focus:opacity-100 focus:outline-none focus:ring-1 group-hover:opacity-100 group-[.destructive]:text-red-300 group-[.destructive]:hover:text-red-50 group-[.destructive]:focus:ring-red-400 group-[.destructive]:focus:ring-offset-red-600\",\n className\n )}\n toast-close=\"\"\n aria-label=\"Close toast\"\n {...props}\n >\n <X className=\"h-4 w-4\" />\n </ToastPrimitives.Close>\n))\nToastClose.displayName = ToastPrimitives.Close.displayName\n\nconst ToastTitle = React.forwardRef<\n React.ElementRef<typeof ToastPrimitives.Title>,\n React.ComponentPropsWithoutRef<typeof ToastPrimitives.Title>\n>(({ className, ...props }, ref) => (\n <ToastPrimitives.Title\n ref={ref}\n className={cn(\"text-sm font-semibold [&+div]:text-xs\", className)}\n {...props}\n />\n))\nToastTitle.displayName = ToastPrimitives.Title.displayName\n\nconst ToastDescription = React.forwardRef<\n React.ElementRef<typeof ToastPrimitives.Description>,\n React.ComponentPropsWithoutRef<typeof ToastPrimitives.Description>\n>(({ className, ...props }, ref) => (\n <ToastPrimitives.Description\n ref={ref}\n className={cn(\"text-sm opacity-90\", className)}\n {...props}\n />\n))\nToastDescription.displayName = ToastPrimitives.Description.displayName\n\ntype ToastProps = React.ComponentPropsWithoutRef<typeof Toast>\n\ntype ToastActionElement = React.ReactElement<typeof ToastAction>\n\nexport {\n type ToastProps,\n type ToastActionElement,\n ToastProvider,\n ToastViewport,\n Toast,\n ToastTitle,\n ToastDescription,\n ToastClose,\n ToastAction\n}\n","\"use client\";\n\"use client\"\n\n// Inspired by react-hot-toast library\nimport * as React from \"react\"\n\nimport type { ToastActionElement, ToastProps } from \"@/components/atoms/toast\"\n\nconst TOAST_LIMIT = 1\nconst TOAST_REMOVE_DELAY = 1000000\n\ntype ToasterToast = ToastProps & {\n id: string\n title?: React.ReactNode\n description?: React.ReactNode\n action?: ToastActionElement\n}\n\nconst actionTypes = {\n ADD_TOAST: \"ADD_TOAST\",\n UPDATE_TOAST: \"UPDATE_TOAST\",\n DISMISS_TOAST: \"DISMISS_TOAST\",\n REMOVE_TOAST: \"REMOVE_TOAST\"\n} as const\n\nlet count = 0\n\nfunction genId() {\n count = (count + 1) % Number.MAX_SAFE_INTEGER\n return count.toString()\n}\n\ntype ActionType = typeof actionTypes\n\ntype Action =\n | {\n type: ActionType[\"ADD_TOAST\"]\n toast: ToasterToast\n }\n | {\n type: ActionType[\"UPDATE_TOAST\"]\n toast: Partial<ToasterToast>\n }\n | {\n type: ActionType[\"DISMISS_TOAST\"]\n toastId?: ToasterToast[\"id\"]\n }\n | {\n type: ActionType[\"REMOVE_TOAST\"]\n toastId?: ToasterToast[\"id\"]\n }\n\ninterface State {\n toasts: ToasterToast[]\n}\n\nconst toastTimeouts = new Map<string, ReturnType<typeof setTimeout>>()\n\nconst addToRemoveQueue = (toastId: string) => {\n if (toastTimeouts.has(toastId)) {\n return\n }\n\n const timeout = setTimeout(() => {\n toastTimeouts.delete(toastId)\n dispatch({\n type: \"REMOVE_TOAST\",\n toastId: toastId\n })\n }, TOAST_REMOVE_DELAY)\n\n toastTimeouts.set(toastId, timeout)\n}\n\nexport const reducer = (state: State, action: Action): State => {\n switch (action.type) {\n case \"ADD_TOAST\":\n return {\n ...state,\n toasts: [action.toast, ...state.toasts].slice(0, TOAST_LIMIT)\n }\n\n case \"UPDATE_TOAST\":\n return {\n ...state,\n toasts: state.toasts.map((t) => (t.id === action.toast.id ? { ...t, ...action.toast } : t))\n }\n\n case \"DISMISS_TOAST\": {\n const { toastId } = action\n\n // ! Side effects ! - This could be extracted into a dismissToast() action,\n // but I'll keep it here for simplicity\n if (toastId) {\n addToRemoveQueue(toastId)\n } else {\n state.toasts.forEach((toast) => {\n addToRemoveQueue(toast.id)\n })\n }\n\n return {\n ...state,\n toasts: state.toasts.map((t) =>\n t.id === toastId || toastId === undefined\n ? {\n ...t,\n open: false\n }\n : t\n )\n }\n }\n case \"REMOVE_TOAST\":\n if (action.toastId === undefined) {\n return {\n ...state,\n toasts: []\n }\n }\n return {\n ...state,\n toasts: state.toasts.filter((t) => t.id !== action.toastId)\n }\n }\n}\n\nconst listeners: Array<(state: State) => void> = []\n\nlet memoryState: State = { toasts: [] }\n\nfunction dispatch(action: Action) {\n memoryState = reducer(memoryState, action)\n listeners.forEach((listener) => {\n listener(memoryState)\n })\n}\n\ntype Toast = Omit<ToasterToast, \"id\">\n\nfunction toast({ ...props }: Toast) {\n const id = genId()\n\n const update = (props: ToasterToast) =>\n dispatch({\n type: \"UPDATE_TOAST\",\n toast: { ...props, id }\n })\n const dismiss = () => dispatch({ type: \"DISMISS_TOAST\", toastId: id })\n\n dispatch({\n type: \"ADD_TOAST\",\n toast: {\n ...props,\n id,\n open: true,\n onOpenChange: (open) => {\n if (!open) dismiss()\n }\n }\n })\n\n return {\n id: id,\n dismiss,\n update\n }\n}\n\nfunction useToast() {\n const [state, setState] = React.useState<State>(memoryState)\n\n React.useEffect(() => {\n listeners.push(setState)\n return () => {\n const index = listeners.indexOf(setState)\n if (index > -1) {\n listeners.splice(index, 1)\n }\n }\n }, [state])\n\n return {\n ...state,\n toast,\n dismiss: (toastId?: string) => dispatch({ type: \"DISMISS_TOAST\", toastId })\n }\n}\n\nexport { useToast, toast }\n","/**\n * Toaster component for managing and displaying toast notifications.\n * Built on top of the Toast primitive components.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-toaster--docs\n *\n * @example\n * ```tsx\n * // Add Toaster to your app's root layout\n * <Toaster />\n *\n * // Use the toast hook to show notifications\n * const { toast } = useToast()\n *\n * toast({\n * title: \"Success\",\n * description: \"Your changes have been saved.\",\n * action: <ToastAction altText=\"Undo\">Undo</ToastAction>\n * })\n * ```\n */\n\nimport { useToast } from \"@/hooks/use-toast\"\nimport {\n Toast,\n ToastClose,\n ToastDescription,\n ToastProvider,\n ToastTitle,\n ToastViewport\n} from \"@/components/atoms/toast\"\n\nexport function Toaster() {\n const { toasts } = useToast()\n\n return (\n <ToastProvider>\n {toasts.map(function ({ id, title, description, action, ...props }) {\n return (\n <Toast key={id} {...props}>\n <div className=\"grid gap-1\">\n {title && <ToastTitle>{title}</ToastTitle>}\n {description && <ToastDescription>{description}</ToastDescription>}\n </div>\n {action}\n <ToastClose />\n </Toast>\n )\n })}\n <ToastViewport />\n </ToastProvider>\n )\n}\n","import * as React from \"react\"\nimport { cn } from \"@/utils/index\"\nimport {\n TableProps,\n TableHeaderProps,\n TableBodyProps,\n TableFooterProps,\n TableRowProps,\n TableHeadProps,\n TableCellProps,\n TableCaptionProps\n} from \"./table.types\"\n\n/**\n * Table component that provides a structured way to display data in rows and columns.\n * Built on top of native HTML table elements with enhanced styling and accessibility.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-table--docs\n *\n * @example\n * ```tsx\n * <Table>\n * <TableHeader>\n * <TableRow>\n * <TableHead>Name</TableHead>\n * <TableHead>Email</TableHead>\n * </TableRow>\n * </TableHeader>\n * <TableBody>\n * <TableRow>\n * <TableCell>John Doe</TableCell>\n * <TableCell>john@example.com</TableCell>\n * </TableRow>\n * </TableBody>\n * </Table>\n * ```\n */\nconst Table = React.forwardRef<HTMLTableElement, TableProps>(({ className, ...props }, ref) => (\n <div className=\"relative w-full overflow-auto\">\n <table ref={ref} className={cn(\"w-full caption-bottom text-sm\", className)} {...props} />\n </div>\n))\nTable.displayName = \"Table\"\n\nconst TableHeader = React.forwardRef<HTMLTableSectionElement, TableHeaderProps>(\n ({ className, ...props }, ref) => (\n <thead ref={ref} className={cn(\"[&_tr]:border-b\", className)} {...props} />\n )\n)\nTableHeader.displayName = \"TableHeader\"\n\nconst TableBody = React.forwardRef<HTMLTableSectionElement, TableBodyProps>(\n ({ className, ...props }, ref) => (\n <tbody ref={ref} className={cn(\"[&_tr:last-child]:border-0\", className)} {...props} />\n )\n)\nTableBody.displayName = \"TableBody\"\n\nconst TableFooter = React.forwardRef<HTMLTableSectionElement, TableFooterProps>(\n ({ className, ...props }, ref) => (\n <tfoot\n ref={ref}\n className={cn(\"border-t bg-muted/50 font-medium [&>tr]:last:border-b-0\", className)}\n {...props}\n />\n )\n)\nTableFooter.displayName = \"TableFooter\"\n\nconst TableRow = React.forwardRef<HTMLTableRowElement, TableRowProps>(\n ({ className, ...props }, ref) => (\n <tr\n ref={ref}\n className={cn(\n \"border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted\",\n className\n )}\n {...props}\n />\n )\n)\nTableRow.displayName = \"TableRow\"\n\nconst TableHead = React.forwardRef<HTMLTableCellElement, TableHeadProps>(\n ({ className, ...props }, ref) => (\n <th\n ref={ref}\n className={cn(\n \"h-10 px-2 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]\",\n className\n )}\n {...props}\n />\n )\n)\nTableHead.displayName = \"TableHead\"\n\nconst TableCell = React.forwardRef<HTMLTableCellElement, TableCellProps>(\n ({ className, ...props }, ref) => (\n <td\n ref={ref}\n className={cn(\n \"p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]\",\n className\n )}\n {...props}\n />\n )\n)\nTableCell.displayName = \"TableCell\"\n\nconst TableCaption = React.forwardRef<HTMLTableCaptionElement, TableCaptionProps>(\n ({ className, ...props }, ref) => (\n <caption ref={ref} className={cn(\"mt-4 text-sm text-muted-foreground\", className)} {...props} />\n )\n)\nTableCaption.displayName = \"TableCaption\"\n\nexport { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption }\n","\"use client\";\n\"use client\"\n\nimport { GripVertical } from \"lucide-react\"\nimport * as ResizablePrimitive from \"react-resizable-panels\"\nimport { cn } from \"@/utils/index\"\nimport { ComponentProps } from \"react\"\n\n/**\n * Resizable component that provides resizable panel functionality.\n * Built on top of react-resizable-panels.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-resizable--docs\n *\n * @example\n * ```tsx\n * <ResizablePanelGroup>\n * <ResizablePanel defaultSize={20}>\n * <div>Left Panel</div>\n * </ResizablePanel>\n * <ResizableHandle withHandle />\n * <ResizablePanel defaultSize={80}>\n * <div>Right Panel</div>\n * </ResizablePanel>\n * </ResizablePanelGroup>\n * ```\n */\nconst ResizablePanelGroup = ({\n className,\n ...props\n}: ComponentProps<typeof ResizablePrimitive.PanelGroup>) => (\n <ResizablePrimitive.PanelGroup\n className={cn(\"flex h-full w-full data-[panel-group-direction=vertical]:flex-col\", className)}\n {...props}\n />\n)\n\nconst ResizablePanel = ResizablePrimitive.Panel\n\nconst ResizableHandle = ({\n withHandle,\n className,\n ...props\n}: ComponentProps<typeof ResizablePrimitive.PanelResizeHandle> & {\n withHandle?: boolean\n}) => (\n <ResizablePrimitive.PanelResizeHandle\n className={cn(\n \"relative flex w-px items-center justify-center bg-border after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-1 data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:-translate-y-1/2 data-[panel-group-direction=vertical]:after:translate-x-0 [&[data-panel-group-direction=vertical]>div]:rotate-90\",\n className\n )}\n {...props}\n >\n {withHandle && (\n <div className=\"z-10 flex h-4 w-3 items-center justify-center rounded-sm border bg-border\">\n <GripVertical className=\"h-2.5 w-2.5\" />\n </div>\n )}\n </ResizablePrimitive.PanelResizeHandle>\n)\n\nexport { ResizablePanelGroup, ResizablePanel, ResizableHandle }\n","\"use client\";\n\"use client\"\n\nimport * as React from \"react\"\nimport { ChevronDown } from \"lucide-react\"\n\nimport { cn } from \"@/utils\"\n\nimport { Popover, PopoverContent, PopoverTrigger } from \"@radix-ui/react-popover\"\nimport { Button } from \"../button\"\nimport {\n Command,\n CommandEmpty,\n CommandGroup,\n CommandInput,\n CommandItem,\n CommandList\n} from \"../command\"\nimport { Typography } from \"../typography\"\n\nexport type SelectOption<T extends string | number = string | number> = {\n id: T\n label: string\n startIcon?: React.ReactNode\n endIcon?: React.ReactNode\n className?: string\n disabled?: boolean\n}\n\nexport type SelectProps<T extends string | number = string | number> = {\n /** Whether the select is searchable */\n searchable?: boolean\n /** Whether the select should take up the full width of its container */\n fullWidth?: boolean\n /** Currently selected value */\n value: T\n /** Array of options to display in the select */\n options: SelectOption<T>[]\n /** Callback fired when the value changes */\n // eslint-disable-next-line no-unused-vars\n onChange: (value: T) => void\n /** Render a custom CommandList for the select, if not provided, the select will render a default CommandList with the options */\n // eslint-disable-next-line no-unused-vars\n renderCommandList?: (options: SelectOption<T>[]) => React.ReactNode\n /** Placeholder text to show when no value is selected */\n placeholder?: string\n /** Whether the select is disabled */\n disabled?: boolean\n /** Whether the select is required */\n required?: boolean\n /** Error message to display */\n error?: string\n /** Additional class name for the select */\n className?: string\n /** ID for the select element */\n id?: string\n}\n\n/**\n * SearchableSelect component that provides a searchable dropdown select input.\n * Built on top of Radix UI's Select primitive.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs-atoms-select--docs\n *\n * @example\n * ```tsx\n * <Select\n * options={[\n * { id: \"1\", label: \"Option 1\" },\n * { id: \"2\", label: \"Option 2\" }\n * ]}\n * value=\"1\"\n * onChange={setValue}\n * required\n * />\n * ```\n */\nexport function Select<T extends string | number = string | number>({\n options,\n value,\n onChange,\n placeholder = \"Select an option\",\n disabled,\n required,\n error,\n className,\n fullWidth,\n searchable,\n id,\n renderCommandList\n}: SelectProps<T>) {\n const [open, setOpen] = React.useState(false)\n const [triggerWidth, setTriggerWidth] = React.useState<number | undefined>(undefined)\n const triggerRef = React.useRef<HTMLButtonElement>(null)\n const selectedOption = options?.find((option) => option.id === value)\n\n React.useEffect(() => {\n if (triggerRef.current) {\n setTriggerWidth(triggerRef.current.offsetWidth)\n }\n }, [])\n\n return (\n <div className={cn(fullWidth && \"w-full\")}>\n <Popover open={open} onOpenChange={setOpen}>\n <PopoverTrigger asChild>\n <Button\n ref={triggerRef}\n variant=\"outline\"\n role=\"combobox\"\n aria-expanded={open}\n aria-controls={id ? `${id}-content` : undefined}\n aria-required={required}\n aria-invalid={!!error}\n disabled={disabled}\n className={cn(\n \"w-[13rem] justify-between\",\n !value && \"text-muted-foreground\",\n fullWidth && \"w-full\",\n error && \"border-destructive focus-visible:ring-destructive\",\n className\n )}\n >\n {selectedOption ? selectedOption.label : placeholder}\n <ChevronDown className={cn(\"opacity-50\", open && \"rotate-180\")} />\n </Button>\n </PopoverTrigger>\n <PopoverContent\n className={cn(\n \"p-0 rounded-md border bg-popover text-popover-foreground shadow-md\",\n fullWidth && \"w-full\"\n )}\n style={{ width: triggerWidth }}\n align=\"start\"\n >\n <Command>\n {searchable && (\n <CommandInput placeholder=\"Search...\" className=\"h-9\" disabled={disabled} />\n )}\n <CommandList className=\"max-h-[12rem] overflow-y-auto\">\n <CommandEmpty>No items found.</CommandEmpty>\n {renderCommandList ? (\n renderCommandList(options)\n ) : (\n <CommandGroup>\n {options?.map((option) => (\n <CommandItem\n value={option.label}\n key={option.id}\n onSelect={() => {\n onChange(option.id)\n setOpen(false)\n }}\n disabled={option.disabled}\n className={cn(\n \"flex items-center justify-between cursor-pointer my-1\",\n value === option.id && \"bg-accent text-accent-foreground\",\n option.disabled && \"opacity-50 cursor-not-allowed\",\n option.className\n )}\n >\n <div className=\"flex items-center gap-1\">\n {option.startIcon && option.startIcon}\n <Typography variant=\"small\">{option.label}</Typography>\n </div>\n {option.endIcon && <div className=\"ml-2\">{option.endIcon}</div>}\n </CommandItem>\n ))}\n </CommandGroup>\n )}\n </CommandList>\n </Command>\n </PopoverContent>\n </Popover>\n </div>\n )\n}\n","import * as React from \"react\"\nimport { Command as CommandPrimitive } from \"cmdk\"\nimport { Search } from \"lucide-react\"\n\nimport { cn } from \"@/utils/index\"\nimport { Dialog, DialogContent } from \"@/components/atoms/dialog\"\nimport {\n type CommandProps,\n type CommandRef,\n type CommandDialogProps,\n type CommandInputProps,\n type CommandInputRef,\n type CommandListProps,\n type CommandListRef,\n type CommandEmptyProps,\n type CommandEmptyRef,\n type CommandGroupProps,\n type CommandGroupRef,\n type CommandSeparatorProps,\n type CommandSeparatorRef,\n type CommandItemProps,\n type CommandItemRef,\n type CommandShortcutProps\n} from \"./command.types\"\n\n/**\n * Command component that provides a command palette interface.\n * Built on top of cmdk and Radix UI's Dialog primitive.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-command--docs\n *\n * @example\n * ```tsx\n * <Command>\n * <CommandInput placeholder=\"Search...\" />\n * <CommandList>\n * <CommandEmpty>No results found.</CommandEmpty>\n * <CommandGroup heading=\"Suggestions\">\n * <CommandItem>Calendar</CommandItem>\n * <CommandItem>Search</CommandItem>\n * </CommandGroup>\n * </CommandList>\n * </Command>\n * ```\n */\nconst Command = React.forwardRef<CommandRef, CommandProps>(({ className, ...props }, ref) => (\n <CommandPrimitive\n ref={ref}\n className={cn(\n \"flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground\",\n className\n )}\n {...props}\n />\n))\nCommand.displayName = CommandPrimitive.displayName\n\nconst CommandDialog = ({ children, ...props }: CommandDialogProps) => {\n return (\n <Dialog {...props}>\n <DialogContent className=\"overflow-hidden p-0\">\n <Command className=\"[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5\">\n {children}\n </Command>\n </DialogContent>\n </Dialog>\n )\n}\n\nconst CommandInput = React.forwardRef<CommandInputRef, CommandInputProps>(\n ({ className, ...props }, ref) => (\n <div className=\"flex items-center border-b px-3\" cmdk-input-wrapper=\"\">\n <Search className=\"mr-2 h-4 w-4 shrink-0 opacity-50\" />\n <CommandPrimitive.Input\n ref={ref}\n className={cn(\n \"flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50\",\n className\n )}\n {...props}\n />\n </div>\n )\n)\nCommandInput.displayName = CommandPrimitive.Input.displayName\n\nconst CommandList = React.forwardRef<CommandListRef, CommandListProps>(\n ({ className, ...props }, ref) => (\n <CommandPrimitive.List\n ref={ref}\n className={cn(\"max-h-[300px] overflow-y-auto overflow-x-hidden\", className)}\n {...props}\n />\n )\n)\nCommandList.displayName = CommandPrimitive.List.displayName\n\nconst CommandEmpty = React.forwardRef<CommandEmptyRef, CommandEmptyProps>((props, ref) => (\n <CommandPrimitive.Empty ref={ref} className=\"py-6 text-center text-sm\" {...props} />\n))\nCommandEmpty.displayName = CommandPrimitive.Empty.displayName\n\nconst CommandGroup = React.forwardRef<CommandGroupRef, CommandGroupProps>(\n ({ className, ...props }, ref) => (\n <CommandPrimitive.Group\n ref={ref}\n className={cn(\n \"overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground\",\n className\n )}\n {...props}\n />\n )\n)\nCommandGroup.displayName = CommandPrimitive.Group.displayName\n\nconst CommandSeparator = React.forwardRef<CommandSeparatorRef, CommandSeparatorProps>(\n ({ className, ...props }, ref) => (\n <CommandPrimitive.Separator\n ref={ref}\n className={cn(\"-mx-1 h-px bg-border\", className)}\n {...props}\n />\n )\n)\nCommandSeparator.displayName = CommandPrimitive.Separator.displayName\n\nconst CommandItem = React.forwardRef<CommandItemRef, CommandItemProps>(\n ({ className, ...props }, ref) => (\n <CommandPrimitive.Item\n ref={ref}\n className={cn(\n \"relative flex cursor-default gap-2 select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled=true]:pointer-events-none data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0\",\n className\n )}\n {...props}\n />\n )\n)\nCommandItem.displayName = CommandPrimitive.Item.displayName\n\nconst CommandShortcut = ({ className, ...props }: CommandShortcutProps) => {\n return (\n <span\n className={cn(\"ml-auto text-xs tracking-widest text-muted-foreground\", className)}\n {...props}\n />\n )\n}\nCommandShortcut.displayName = \"CommandShortcut\"\n\nexport {\n Command,\n CommandDialog,\n CommandInput,\n CommandList,\n CommandEmpty,\n CommandGroup,\n CommandItem,\n CommandShortcut,\n CommandSeparator\n}\n","\"use client\";\n\"use client\"\n\nimport * as React from \"react\"\nimport { Check, ChevronDown, X } from \"lucide-react\"\n\nimport { cn } from \"@/utils\"\n\nimport { Popover, PopoverContent, PopoverTrigger } from \"@radix-ui/react-popover\"\nimport { Button } from \"../button\"\nimport {\n Command,\n CommandEmpty,\n CommandGroup,\n CommandInput,\n CommandItem,\n CommandList,\n CommandSeparator\n} from \"../command\"\nimport { Typography } from \"../typography\"\n\nexport type MultiSelectOption = {\n id: string\n label: string\n startIcon?: React.ReactNode\n endIcon?: React.ReactNode\n className?: string\n disabled?: boolean\n}\n\nexport type MultiSelectProps = {\n /** Whether the select is searchable */\n searchable?: boolean\n /** Whether the select should take up the full width of its container */\n fullWidth?: boolean\n /** Array of options to display in the select */\n options: MultiSelectOption[]\n /** Currently selected values */\n value: string[]\n /** Callback fired when the values change */\n // eslint-disable-next-line no-unused-vars\n onChange: (value: string[]) => void\n /** Render a custom CommandList for the select, if not provided, the select will render a default CommandList with the options */\n // eslint-disable-next-line no-unused-vars\n renderCommandList?: (options: MultiSelectOption[]) => React.ReactNode\n /** Placeholder text to show when no value is selected */\n placeholder?: string\n /** Whether the select is disabled */\n disabled?: boolean\n /** Whether the select is required */\n required?: boolean\n /** Error message to display */\n error?: string\n /** Additional class name for the select */\n className?: string\n /** ID for the select element */\n id?: string\n /** Maximum number of selections allowed */\n maxSelections?: number\n /** Whether to show the select all option */\n showSelectAll?: boolean\n}\n\n/**\n * MultiSelect component that provides a searchable dropdown select input with multiple selection.\n * Built on top of Radix UI's Select primitive.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs-atoms-multiselect--docs\n *\n * @example\n * ```tsx\n * <MultiSelect\n * options={[\n * { id: \"1\", label: \"Option 1\" },\n * { id: \"2\", label: \"Option 2\" }\n * ]}\n * value={[\"1\"]}\n * onChange={setValue}\n * showSelectAll\n * />\n * ```\n */\nexport function MultiSelect({\n options,\n value,\n onChange,\n placeholder = \"Select options\",\n disabled,\n required,\n error,\n className,\n fullWidth,\n searchable,\n id,\n maxSelections,\n showSelectAll,\n renderCommandList\n}: MultiSelectProps) {\n const [open, setOpen] = React.useState(false)\n const selectedOptions = options.filter((option) => value.includes(option.id))\n\n const handleSelect = (optionId: string) => {\n if (value.includes(optionId)) {\n onChange(value.filter((selectedId) => selectedId !== optionId))\n } else {\n if (maxSelections && value.length >= maxSelections) {\n return\n }\n onChange([...value, optionId])\n }\n }\n\n const handleSelectAll = () => {\n const enabledOptions = options.filter((option) => !option.disabled)\n if (value.length === enabledOptions.length) {\n onChange([])\n } else {\n onChange(enabledOptions.map((option) => option.id))\n }\n }\n\n const handleRemove = (optionId: string, e: React.MouseEvent) => {\n e.stopPropagation()\n onChange(value.filter((selectedId) => selectedId !== optionId))\n }\n\n return (\n <div className={cn(fullWidth && \"w-full\")}>\n <Popover open={open} onOpenChange={setOpen}>\n <PopoverTrigger asChild>\n <Button\n variant=\"outline\"\n role=\"combobox\"\n aria-expanded={open}\n aria-controls={id ? `${id}-content` : undefined}\n aria-label={placeholder}\n aria-required={required}\n aria-invalid={!!error}\n disabled={disabled}\n id={id}\n className={cn(\n \"w-[13rem] justify-between min-h-[2.5rem] h-auto\",\n !value.length && \"text-muted-foreground\",\n fullWidth && \"w-full\",\n error && \"border-destructive focus-visible:ring-destructive\",\n className\n )}\n >\n <div className=\"flex flex-wrap gap-1\">\n {selectedOptions.length > 0 ? (\n selectedOptions.map((option) => (\n <div\n key={option.id}\n className=\"flex items-center gap-1 bg-secondary text-secondary-foreground px-2 py-0.5 rounded-md text-sm\"\n >\n <span>{option.label}</span>\n <span\n onClick={(e) => handleRemove(option.id, e)}\n className=\"hover:bg-secondary-foreground/20 rounded-sm\"\n >\n <X className=\"h-3 w-3\" />\n </span>\n </div>\n ))\n ) : (\n <span>{placeholder}</span>\n )}\n </div>\n <ChevronDown className={cn(\"opacity-50\", open && \"rotate-180\")} />\n </Button>\n </PopoverTrigger>\n <PopoverContent\n id={id ? `${id}-content` : undefined}\n className={cn(\n \"w-[13rem] p-0 rounded-md border bg-popover text-popover-foreground shadow-md\",\n fullWidth && \"w-full\"\n )}\n align=\"start\"\n >\n <Command>\n {searchable && (\n <CommandInput placeholder=\"Search...\" className=\"h-9\" disabled={disabled} />\n )}\n <CommandList className=\"max-h-[12rem] overflow-y-auto\">\n <CommandEmpty>No items found.</CommandEmpty>\n <CommandGroup>\n {showSelectAll && (\n <CommandItem\n onSelect={handleSelectAll}\n className=\"flex items-center gap-2 cursor-pointer my-1\"\n >\n <div className=\"flex h-4 w-4 items-center justify-center rounded border border-primary\">\n {value.length === options.filter((o) => !o.disabled).length && (\n <Check className=\"h-3 w-3\" />\n )}\n </div>\n <Typography variant=\"small\">Select All</Typography>\n </CommandItem>\n )}\n <CommandSeparator />\n </CommandGroup>\n {renderCommandList ? (\n renderCommandList(options)\n ) : (\n <CommandGroup>\n {options.map((option) => (\n <CommandItem\n value={option.id}\n key={option.id}\n onSelect={() => handleSelect(option.id)}\n disabled={option.disabled}\n className={cn(\n \"flex items-center justify-between cursor-pointer my-1\",\n option.disabled && \"opacity-50 cursor-not-allowed\",\n option.className\n )}\n >\n <div className=\"flex items-center gap-2\">\n <div className=\"flex h-4 w-4 items-center justify-center rounded border border-primary\">\n {value.includes(option.id) && <Check className=\"h-3 w-3\" />}\n </div>\n <div className=\"flex items-center gap-1\">\n {option.startIcon && option.startIcon}\n <Typography variant=\"small\">{option.label}</Typography>\n </div>\n </div>\n {option.endIcon && <div className=\"ml-2\">{option.endIcon}</div>}\n </CommandItem>\n ))}\n </CommandGroup>\n )}\n </CommandList>\n </Command>\n </PopoverContent>\n </Popover>\n </div>\n )\n}\n","import * as React from \"react\"\nimport * as SwitchPrimitives from \"@radix-ui/react-switch\"\n\nimport { cn } from \"@/utils/index\"\nimport { SwitchProps } from \"./switch.types\"\n\n/**\n * Switch component that provides a toggle input control.\n * Built on top of Radix UI's Switch primitive.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-switch--docs\n *\n * @example\n * ```tsx\n * <Switch />\n * <Switch defaultChecked />\n * <Switch disabled />\n * ```\n */\nconst Switch = React.forwardRef<React.ElementRef<typeof SwitchPrimitives.Root>, SwitchProps>(\n ({ className, ...props }, ref) => (\n <SwitchPrimitives.Root\n className={cn(\n \"peer inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent shadow-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input\",\n className\n )}\n {...props}\n ref={ref}\n >\n <SwitchPrimitives.Thumb\n className={cn(\n \"pointer-events-none block h-4 w-4 rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0\"\n )}\n />\n </SwitchPrimitives.Root>\n )\n)\nSwitch.displayName = SwitchPrimitives.Root.displayName\n\nexport { Switch }\n","import * as React from \"react\"\nimport * as CollapsiblePrimitive from \"@radix-ui/react-collapsible\"\nimport { cn } from \"@/utils\"\nimport { forwardRef } from \"react\"\n\n/**\n * Collapsible component that allows content to be expanded and collapsed.\n * Built on top of Radix UI's Collapsible primitive.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-collapsible--docs\n *\n * @example\n * ```tsx\n * <Collapsible>\n * <CollapsibleTrigger>Toggle</CollapsibleTrigger>\n * <CollapsibleContent>Content</CollapsibleContent>\n * </Collapsible>\n * ```\n */\nconst Collapsible = CollapsiblePrimitive.Root\n\nconst CollapsibleTrigger = forwardRef<\n React.ElementRef<typeof CollapsiblePrimitive.Trigger>,\n React.ComponentPropsWithoutRef<typeof CollapsiblePrimitive.Trigger>\n>(({ className, ...props }, ref) => (\n <CollapsiblePrimitive.Trigger\n ref={ref}\n className={cn(\n \"inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors hover:bg-accent hover:text-accent-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50\",\n className\n )}\n {...props}\n />\n))\nCollapsibleTrigger.displayName = \"CollapsibleTrigger\"\n\nconst CollapsibleContent = forwardRef<\n React.ElementRef<typeof CollapsiblePrimitive.Content>,\n React.ComponentPropsWithoutRef<typeof CollapsiblePrimitive.Content>\n>(({ className, ...props }, ref) => (\n <CollapsiblePrimitive.Content\n ref={ref}\n className={cn(\n \"overflow-hidden data-[state=closed]:animate-collapsible-up data-[state=open]:animate-collapsible-down\",\n className\n )}\n {...props}\n />\n))\nCollapsibleContent.displayName = \"CollapsibleContent\"\n\nexport { Collapsible, CollapsibleTrigger, CollapsibleContent }\n","import * as React from \"react\"\nimport { ChevronLeft, ChevronRight, MoreHorizontal } from \"lucide-react\"\n\nimport { cn } from \"@/utils/index\"\nimport { ButtonProps, buttonVariants } from \"@/components/atoms/button\"\n\n/**\n * Pagination component that provides navigation controls for paginated content.\n * Built on top of shadcn/ui's button component.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-pagination--docs\n *\n * @example\n * ```tsx\n * <Pagination>\n * <PaginationContent>\n * <PaginationItem>\n * <PaginationPrevious href=\"#\" />\n * </PaginationItem>\n * <PaginationItem>\n * <PaginationLink href=\"#\" isActive>1</PaginationLink>\n * </PaginationItem>\n * <PaginationItem>\n * <PaginationEllipsis />\n * </PaginationItem>\n * <PaginationItem>\n * <PaginationNext href=\"#\" />\n * </PaginationItem>\n * </PaginationContent>\n * </Pagination>\n * ```\n */\nconst Pagination = ({ className, ...props }: React.ComponentProps<\"nav\">) => (\n <nav\n role=\"navigation\"\n aria-label=\"pagination\"\n className={cn(\"mx-auto flex w-full justify-center\", className)}\n {...props}\n />\n)\nPagination.displayName = \"Pagination\"\n\nconst PaginationContent = React.forwardRef<HTMLUListElement, React.ComponentProps<\"ul\">>(\n ({ className, ...props }, ref) => (\n <ul ref={ref} className={cn(\"flex flex-row items-center gap-1\", className)} {...props} />\n )\n)\nPaginationContent.displayName = \"PaginationContent\"\n\nconst PaginationItem = React.forwardRef<HTMLLIElement, React.ComponentProps<\"li\">>(\n ({ className, ...props }, ref) => <li ref={ref} className={cn(\"\", className)} {...props} />\n)\nPaginationItem.displayName = \"PaginationItem\"\n\ntype PaginationLinkProps = {\n isActive?: boolean\n} & Pick<ButtonProps, \"size\"> &\n React.ComponentProps<\"a\">\n\nconst PaginationLink = ({\n className,\n isActive,\n size = \"icon\",\n children,\n ...props\n}: PaginationLinkProps) => (\n <a\n aria-current={isActive ? \"page\" : undefined}\n className={cn(\n buttonVariants({\n variant: isActive ? \"outline\" : \"ghost\",\n size\n }),\n className\n )}\n {...props}\n >\n {children}\n </a>\n)\nPaginationLink.displayName = \"PaginationLink\"\n\nconst PaginationPrevious = ({\n className,\n ...props\n}: React.ComponentProps<typeof PaginationLink>) => (\n <PaginationLink\n aria-label=\"Go to previous page\"\n size=\"default\"\n className={cn(\"gap-1 pl-2.5\", className)}\n {...props}\n >\n <ChevronLeft className=\"h-4 w-4\" />\n <span>Previous</span>\n </PaginationLink>\n)\nPaginationPrevious.displayName = \"PaginationPrevious\"\n\nconst PaginationNext = ({ className, ...props }: React.ComponentProps<typeof PaginationLink>) => (\n <PaginationLink\n aria-label=\"Go to next page\"\n size=\"default\"\n className={cn(\"gap-1 pr-2.5\", className)}\n {...props}\n >\n <span>Next</span>\n <ChevronRight className=\"h-4 w-4\" />\n </PaginationLink>\n)\nPaginationNext.displayName = \"PaginationNext\"\n\nconst PaginationEllipsis = ({ className, ...props }: React.ComponentProps<\"span\">) => (\n <span\n aria-hidden\n className={cn(\"flex h-9 w-9 items-center justify-center\", className)}\n {...props}\n >\n <MoreHorizontal className=\"h-4 w-4\" />\n <span className=\"sr-only\">More pages</span>\n </span>\n)\nPaginationEllipsis.displayName = \"PaginationEllipsis\"\n\nexport {\n Pagination,\n PaginationContent,\n PaginationLink,\n PaginationItem,\n PaginationPrevious,\n PaginationNext,\n PaginationEllipsis\n}\n","import * as React from \"react\"\nimport * as RadioGroupPrimitive from \"@radix-ui/react-radio-group\"\nimport { Circle } from \"lucide-react\"\n\nimport { cn } from \"@/utils\"\nimport { Label } from \"@/components/atoms/label\"\n\n/**\n * RadioGroup component that allows users to select a single option from a list.\n * Built on top of Radix UI's RadioGroup primitive.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-radio-group--docs\n *\n * @example\n * ```tsx\n * <RadioGroup defaultValue=\"option-1\">\n * <RadioGroupItem value=\"option-1\">Option 1</RadioGroupItem>\n * <RadioGroupItem value=\"option-2\">Option 2</RadioGroupItem>\n * </RadioGroup>\n * ```\n */\nconst RadioGroup = React.forwardRef<\n React.ElementRef<typeof RadioGroupPrimitive.Root>,\n React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root>\n>(({ className, ...props }, ref) => {\n return <RadioGroupPrimitive.Root className={cn(\"grid gap-3\", className)} {...props} ref={ref} />\n})\nRadioGroup.displayName = RadioGroupPrimitive.Root.displayName\n\n/**\n * RadioGroupItem component that represents a single option in a RadioGroup.\n * Built on top of Radix UI's RadioGroupItem primitive.\n *\n * @example\n * ```tsx\n * <RadioGroupItem value=\"option-1\">Option 1</RadioGroupItem>\n * ```\n */\nconst RadioGroupItem = React.forwardRef<\n React.ElementRef<typeof RadioGroupPrimitive.Item>,\n React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item>\n>(({ className, ...props }, ref) => {\n return (\n <RadioGroupPrimitive.Item\n ref={ref}\n className={cn(\n \"aspect-square h-4 w-4 rounded-full border border-primary text-primary shadow focus:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50\",\n className\n )}\n {...props}\n >\n <RadioGroupPrimitive.Indicator className=\"flex items-center justify-center\">\n <Circle className=\"h-3.5 w-3.5 fill-primary\" />\n </RadioGroupPrimitive.Indicator>\n </RadioGroupPrimitive.Item>\n )\n})\nRadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName\n\n/**\n * RadioItemContainer component that provides a container for radio group items with proper spacing and layout.\n *\n * @example\n * ```tsx\n * <RadioItemContainer>\n * <RadioGroupItem value=\"option-1\">Option 1</RadioGroupItem>\n * <RadioGroupItem value=\"option-2\">Option 2</RadioGroupItem>\n * </RadioItemContainer>\n * ```\n */\nconst RadioItemContainer = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n ({ className, ...props }, ref) => {\n return <div ref={ref} className={cn(\"flex items-center gap-2\", className)} {...props} />\n }\n)\nRadioItemContainer.displayName = \"RadioItemContainer\"\n\n/**\n * RadioItemLabel component that provides a label for individual radio items.\n * Built on top of the Label component.\n *\n * @example\n * ```tsx\n * <RadioItemLabel>Select an option</RadioItemLabel>\n * ```\n */\nconst RadioItemLabel = React.forwardRef<\n React.ElementRef<typeof Label>,\n React.ComponentPropsWithoutRef<typeof Label>\n>(({ className, ...props }, ref) => {\n return (\n <Label\n ref={ref}\n className={cn(\n \"text-sm font-medium leading-none cursor-pointer peer-disabled:cursor-not-allowed peer-disabled:opacity-70\",\n className\n )}\n {...props}\n />\n )\n})\nRadioItemLabel.displayName = \"RadioItemLabel\"\n\nexport { RadioGroup, RadioGroupItem, RadioItemContainer, RadioItemLabel }\n","import * as React from \"react\"\nimport * as AccordionPrimitive from \"@radix-ui/react-accordion\"\nimport { ChevronDown } from \"lucide-react\"\n\nimport { cn } from \"@/utils/index\"\nimport type {\n AccordionProps,\n AccordionItemProps,\n AccordionTriggerProps,\n AccordionContentProps\n} from \"./accordion.types\"\n\n/**\n * Accordion component that displays a list of expandable/collapsible sections.\n * Built on top of Radix UI's Accordion primitive.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-accordion--docs\n *\n * @example\n * ```tsx\n * <Accordion type=\"single\" collapsible>\n * <AccordionItem value=\"item-1\">\n * <AccordionTrigger>Section 1</AccordionTrigger>\n * <AccordionContent>Content 1</AccordionContent>\n * </AccordionItem>\n * <AccordionItem value=\"item-2\">\n * <AccordionTrigger>Section 2</AccordionTrigger>\n * <AccordionContent>Content 2</AccordionContent>\n * </AccordionItem>\n * </Accordion>\n * ```\n */\nconst Accordion = React.forwardRef<\n React.ElementRef<typeof AccordionPrimitive.Root>,\n AccordionProps\n>(({ className, ...props }, ref) => (\n <AccordionPrimitive.Root ref={ref} className={cn(\"w-full\", className)} {...props} />\n))\nAccordion.displayName = \"Accordion\"\n\nconst AccordionItem = React.forwardRef<\n React.ElementRef<typeof AccordionPrimitive.Item>,\n AccordionItemProps\n>(({ className, ...props }, ref) => (\n <AccordionPrimitive.Item ref={ref} className={cn(\"border-b\", className)} {...props} />\n))\nAccordionItem.displayName = \"AccordionItem\"\n\nconst AccordionTrigger = React.forwardRef<\n React.ElementRef<typeof AccordionPrimitive.Trigger>,\n AccordionTriggerProps\n>(({ className, children, ...props }, ref) => (\n <AccordionPrimitive.Header className=\"flex\">\n <AccordionPrimitive.Trigger\n ref={ref}\n className={cn(\n \"flex flex-1 items-center justify-between py-4 text-sm font-medium transition-all hover:underline text-left [&[data-state=open]>svg]:rotate-180\",\n className\n )}\n {...props}\n >\n {children}\n <ChevronDown className=\"h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200\" />\n </AccordionPrimitive.Trigger>\n </AccordionPrimitive.Header>\n))\nAccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName\n\nconst AccordionContent = React.forwardRef<\n React.ElementRef<typeof AccordionPrimitive.Content>,\n AccordionContentProps\n>(({ className, children, ...props }, ref) => (\n <AccordionPrimitive.Content\n ref={ref}\n className={cn(\n \"overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down\",\n className\n )}\n {...props}\n >\n <div className={cn(\"pb-4 pt-0\", className)}>{children}</div>\n </AccordionPrimitive.Content>\n))\nAccordionContent.displayName = AccordionPrimitive.Content.displayName\n\nexport { Accordion, AccordionItem, AccordionTrigger, AccordionContent }\n","/**\n * Checkbox component built on top of Radix UI's Checkbox primitive.\n * Provides a customizable checkbox input with proper accessibility and keyboard navigation.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-checkbox--docs\n *\n * @example\n * ```tsx\n * <Checkbox id=\"terms\" name=\"terms\" />\n * <label htmlFor=\"terms\">Accept terms and conditions</label>\n * ```\n */\nimport * as React from \"react\"\nimport * as CheckboxPrimitive from \"@radix-ui/react-checkbox\"\nimport { Check } from \"lucide-react\"\n\nimport { cn } from \"@/utils/index\"\nimport type { CheckboxProps } from \"./checkbox.types\"\n\nconst Checkbox = React.forwardRef<React.ElementRef<typeof CheckboxPrimitive.Root>, CheckboxProps>(\n ({ className, ...props }, ref) => (\n <CheckboxPrimitive.Root\n ref={ref}\n className={cn(\n \"peer h-4 w-4 shrink-0 rounded-sm border border-primary shadow focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground\",\n className\n )}\n {...props}\n >\n <CheckboxPrimitive.Indicator\n className={cn(\"flex items-center justify-center text-current\")}\n aria-hidden=\"true\"\n >\n <Check className=\"h-4 w-4\" />\n </CheckboxPrimitive.Indicator>\n </CheckboxPrimitive.Root>\n )\n)\nCheckbox.displayName = CheckboxPrimitive.Root.displayName\n\nexport { Checkbox }\n","/**\n * Breadcrumb component that displays the current page's location within a navigational hierarchy.\n * Built on top of Radix UI's Slot primitive.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-breadcrumb--docs\n *\n * @example\n * ```tsx\n * <Breadcrumb>\n * <BreadcrumbList>\n * <BreadcrumbItem>\n * <BreadcrumbLink href=\"/\">Home</BreadcrumbLink>\n * </BreadcrumbItem>\n * <BreadcrumbSeparator />\n * <BreadcrumbItem>\n * <BreadcrumbPage>Current Page</BreadcrumbPage>\n * </BreadcrumbItem>\n * </BreadcrumbList>\n * </Breadcrumb>\n * ```\n */\n\nimport * as React from \"react\"\nimport { Slot } from \"@radix-ui/react-slot\"\nimport { ChevronRight, MoreHorizontal } from \"lucide-react\"\n\nimport { cn } from \"@/utils/index\"\nimport {\n BreadcrumbProps,\n BreadcrumbListProps,\n BreadcrumbItemProps,\n BreadcrumbLinkProps,\n BreadcrumbPageProps,\n BreadcrumbSeparatorProps,\n BreadcrumbEllipsisProps\n} from \"./breadcrumb.types\"\n\nconst Breadcrumb = React.forwardRef<HTMLElement, BreadcrumbProps>(({ ...props }, ref) => (\n <nav ref={ref} aria-label=\"breadcrumb\" {...props} />\n))\nBreadcrumb.displayName = \"Breadcrumb\"\n\nconst BreadcrumbList = React.forwardRef<HTMLOListElement, BreadcrumbListProps>(\n ({ className, ...props }, ref) => (\n <ol\n ref={ref}\n className={cn(\n \"flex flex-wrap items-center gap-1.5 break-words text-sm text-muted-foreground sm:gap-2.5\",\n className\n )}\n {...props}\n />\n )\n)\nBreadcrumbList.displayName = \"BreadcrumbList\"\n\nconst BreadcrumbItem = React.forwardRef<HTMLLIElement, BreadcrumbItemProps>(\n ({ className, ...props }, ref) => (\n <li ref={ref} className={cn(\"inline-flex items-center gap-1.5\", className)} {...props} />\n )\n)\nBreadcrumbItem.displayName = \"BreadcrumbItem\"\n\nconst BreadcrumbLink = React.forwardRef<HTMLAnchorElement, BreadcrumbLinkProps>(\n ({ asChild, className, ...props }, ref) => {\n const Comp = asChild ? Slot : \"a\"\n\n return (\n <Comp\n ref={ref}\n className={cn(\"transition-colors hover:text-foreground\", className)}\n {...props}\n />\n )\n }\n)\nBreadcrumbLink.displayName = \"BreadcrumbLink\"\n\nconst BreadcrumbPage = React.forwardRef<HTMLSpanElement, BreadcrumbPageProps>(\n ({ className, ...props }, ref) => (\n <span\n ref={ref}\n role=\"link\"\n aria-disabled=\"true\"\n aria-current=\"page\"\n className={cn(\"font-normal text-foreground\", className)}\n {...props}\n />\n )\n)\nBreadcrumbPage.displayName = \"BreadcrumbPage\"\n\nconst BreadcrumbSeparator = ({ children, className, ...props }: BreadcrumbSeparatorProps) => (\n <li\n role=\"presentation\"\n aria-hidden=\"true\"\n className={cn(\"[&>svg]:w-3.5 [&>svg]:h-3.5\", className)}\n {...props}\n >\n {children ?? <ChevronRight />}\n </li>\n)\nBreadcrumbSeparator.displayName = \"BreadcrumbSeparator\"\n\nconst BreadcrumbEllipsis = ({ className, ...props }: BreadcrumbEllipsisProps) => (\n <span\n role=\"presentation\"\n aria-hidden=\"true\"\n className={cn(\"flex h-9 w-9 items-center justify-center\", className)}\n {...props}\n >\n <MoreHorizontal className=\"h-4 w-4\" />\n <span className=\"sr-only\">More</span>\n </span>\n)\nBreadcrumbEllipsis.displayName = \"BreadcrumbEllipsis\"\n\nexport {\n Breadcrumb,\n BreadcrumbList,\n BreadcrumbItem,\n BreadcrumbLink,\n BreadcrumbPage,\n BreadcrumbSeparator,\n BreadcrumbEllipsis\n}\n","\"use client\";\n\"use client\"\n\nimport React from \"react\"\nimport { useDropzone } from \"react-dropzone\"\nimport { cn } from \"@/utils\"\nimport { UploadIcon } from \"lucide-react\" // or your icon\n\nimport type { DndInputProps } from \"./dnd-input.types\"\n\n/**\n * Default content shown when no children are provided to the DndInput component.\n * Displays an upload icon, text prompt, and file type information.\n */\nconst defaultContent = (\n <>\n <UploadIcon className=\"text-blue-600 mr-2\" aria-hidden=\"true\" />\n <span>\n <span className=\"underline\">Upload</span> or drop a file right here\n </span>\n <span className=\"ml-auto text-gray-400 text-sm\">all file types</span>\n </>\n)\n\n/**\n * DndInput is a drag-and-drop file upload component built on top of react-dropzone.\n * It provides a customizable dropzone area for file uploads with visual feedback for drag states.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-dnd-input--docs\n *\n * @example\n * ```tsx\n * // Basic usage with default UI\n * <DndInput onDrop={(files) => handleFiles(files)} />\n *\n * // Custom content with file type restrictions\n * <DndInput\n * accept={{ 'image/*': ['.png', '.jpg'] }}\n * onDrop={(files) => handleFiles(files)}\n * >\n * <div>Custom upload UI</div>\n * </DndInput>\n * ```\n */\nexport const DndInput: React.FC<DndInputProps> = ({\n onDrop,\n accept,\n className,\n children,\n ...props\n}) => {\n // Initialize dropzone functionality with provided options\n const { getRootProps, getInputProps, isDragActive, isFocused } = useDropzone({\n onDrop,\n accept,\n ...props\n })\n\n return (\n <div\n {...getRootProps({\n className: cn(\n // Base styles for the dropzone container\n \"flex items-center border-2 border-dashed border-blue-500 rounded-lg p-4 cursor-pointer transition-colors\",\n // Custom className prop for additional styling\n className,\n // Visual feedback for drag state\n isDragActive ? \"bg-blue-50 border-blue-700\" : \"\",\n // Visual feedback for focus state\n isFocused ? \"ring-2 ring-blue-400\" : \"\"\n ),\n \"aria-label\": \"File upload area\",\n tabIndex: 0,\n role: \"button\"\n })}\n data-testid=\"dnd-input\"\n >\n <input {...getInputProps()} />\n {children || defaultContent}\n </div>\n )\n}\n","/* eslint-disable no-use-before-define */\nimport * as React from \"react\"\nimport * as ScrollAreaPrimitive from \"@radix-ui/react-scroll-area\"\n\nimport { cn } from \"@/utils/index\"\nimport { ScrollAreaProps, ScrollBarProps } from \"./scroll-area.types\"\n\n/**\n * ScrollArea component that provides a custom scrollable area with a styled scrollbar.\n * Built on top of Radix UI's ScrollArea primitive.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-scroll-area--docs\n *\n * @example\n * ```tsx\n * <ScrollArea className=\"h-[200px] w-[350px] rounded-md border p-4\">\n * <div className=\"space-y-4\">\n * <h4 className=\"text-sm font-medium leading-none\">Scroll Area</h4>\n * <p className=\"text-sm text-muted-foreground\">\n * Scrollable content goes here...\n * </p>\n * </div>\n * </ScrollArea>\n * ```\n */\nconst ScrollArea = React.forwardRef<\n React.ElementRef<typeof ScrollAreaPrimitive.Root>,\n ScrollAreaProps\n>(({ className, children, ...props }, ref) => (\n <ScrollAreaPrimitive.Root\n ref={ref}\n className={cn(\"relative overflow-hidden\", className)}\n {...props}\n >\n <ScrollAreaPrimitive.Viewport className=\"h-full w-full rounded-[inherit]\">\n {children}\n </ScrollAreaPrimitive.Viewport>\n <ScrollBar />\n <ScrollAreaPrimitive.Corner />\n </ScrollAreaPrimitive.Root>\n))\nScrollArea.displayName = ScrollAreaPrimitive.Root.displayName\n\nconst ScrollBar = React.forwardRef<\n React.ElementRef<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>,\n ScrollBarProps\n>(({ className, orientation = \"vertical\", ...props }, ref) => (\n <ScrollAreaPrimitive.ScrollAreaScrollbar\n ref={ref}\n orientation={orientation}\n className={cn(\n \"flex touch-none select-none transition-colors\",\n orientation === \"vertical\" && \"h-full w-2.5 border-l border-l-transparent p-[1px]\",\n orientation === \"horizontal\" && \"h-2.5 flex-col border-t border-t-transparent p-[1px]\",\n className\n )}\n {...props}\n >\n <ScrollAreaPrimitive.ScrollAreaThumb className=\"relative flex-1 rounded-full bg-border\" />\n </ScrollAreaPrimitive.ScrollAreaScrollbar>\n))\nScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName\n\nexport { ScrollArea, ScrollBar }\n","/**\n * Card is a flexible container component that can be used to group related content and actions.\n * It provides a consistent visual style with a subtle border, shadow, and rounded corners.\n *\n */\nimport * as React from \"react\"\nimport { cn } from \"@/utils\"\nimport {\n CardProps,\n CardHeaderProps,\n CardTitleProps,\n CardDescriptionProps,\n CardContentProps,\n CardFooterProps\n} from \"./card.types\"\n\n/**\n * The main card container component.\n * Provides the base styling for the card including border, shadow, and rounded corners.\n * * @url https://sergii-melnykov.github.io/ui/?path=/docs/molecules-card--docs\n *\n * @example\n * ```tsx\n * // Basic card\n * <Card>\n * <CardHeader>\n * <CardTitle>Card Title</CardTitle>\n * <CardDescription>Card Description</CardDescription>\n * </CardHeader>\n * <CardContent>\n * <p>Card content goes here.</p>\n * </CardContent>\n * <CardFooter>\n * <Button>Action</Button>\n * </CardFooter>\n * </Card>\n *\n * // Card with custom styling\n * <Card className=\"bg-primary text-primary-foreground\">\n * <CardHeader>\n * <CardTitle>Custom Styled Card</CardTitle>\n * </CardHeader>\n * <CardContent>\n * <p>This card has custom background and text colors.</p>\n * </CardContent>\n * </Card>\n * ```\n */\nconst Card = React.forwardRef<HTMLDivElement, CardProps>(({ className, ...props }, ref) => (\n <div\n ref={ref}\n className={cn(\"rounded-lg border bg-card text-card-foreground shadow-sm\", className)}\n {...props}\n />\n))\nCard.displayName = \"Card\"\n\n/**\n * Header section of the card.\n * Typically contains the card title and description.\n * Includes padding and spacing for consistent layout.\n */\nconst CardHeader = React.forwardRef<HTMLDivElement, CardHeaderProps>(\n ({ className, ...props }, ref) => (\n <div ref={ref} className={cn(\"flex flex-col space-y-1.5 p-6\", className)} {...props} />\n )\n)\nCardHeader.displayName = \"CardHeader\"\n\n/**\n * Title component for the card.\n * Should be used within CardHeader.\n * Provides consistent typography styling for card titles.\n */\nconst CardTitle = React.forwardRef<HTMLParagraphElement, CardTitleProps>(\n ({ className, children, ...props }, ref) => (\n <h3\n ref={ref}\n className={cn(\"text-2xl font-semibold leading-none tracking-tight\", className)}\n {...props}\n >\n {children}\n </h3>\n )\n)\nCardTitle.displayName = \"CardTitle\"\n\n/**\n * Description component for the card.\n * Should be used within CardHeader.\n * Provides consistent typography styling for card descriptions.\n */\nconst CardDescription = React.forwardRef<HTMLParagraphElement, CardDescriptionProps>(\n ({ className, ...props }, ref) => (\n <p ref={ref} className={cn(\"text-sm text-muted-foreground\", className)} {...props} />\n )\n)\nCardDescription.displayName = \"CardDescription\"\n\n/**\n * Main content section of the card.\n * Includes padding and removes top padding to maintain consistent spacing with the header.\n */\nconst CardContent = React.forwardRef<HTMLDivElement, CardContentProps>(\n ({ className, ...props }, ref) => (\n <div ref={ref} className={cn(\"p-6 pt-0\", className)} {...props} />\n )\n)\nCardContent.displayName = \"CardContent\"\n\n/**\n * Footer section of the card.\n * Typically contains action buttons or additional information.\n * Includes padding and removes top padding to maintain consistent spacing with the content.\n */\nconst CardFooter = React.forwardRef<HTMLDivElement, CardFooterProps>(\n ({ className, ...props }, ref) => (\n <div ref={ref} className={cn(\"flex items-center p-6 pt-0\", className)} {...props} />\n )\n)\nCardFooter.displayName = \"CardFooter\"\n\nexport { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent }\n","import * as React from \"react\"\nimport * as NavigationMenuPrimitive from \"@radix-ui/react-navigation-menu\"\nimport { ChevronDown } from \"lucide-react\"\nimport { cn } from \"@/utils/index\"\nimport { navigationMenuTriggerStyle } from \"./navigation-menu.variants\"\nimport type {\n NavigationMenuProps,\n NavigationMenuListProps,\n NavigationMenuItemProps,\n NavigationMenuTriggerProps,\n NavigationMenuContentProps,\n NavigationMenuLinkProps,\n NavigationMenuViewportProps,\n NavigationMenuIndicatorProps\n} from \"./navigation-menu.types\"\n\n/**\n * NavigationMenu component for creating accessible navigation menus with dropdowns.\n * Built on top of Radix UI's NavigationMenu primitive.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/molecules-navigation-menu--docs\n *\n * @example\n * ```\n * <NavigationMenu>\n * <NavigationMenuList>\n * <NavigationMenuItem>\n * <NavigationMenuTrigger>Getting Started</NavigationMenuTrigger>\n * <NavigationMenuContent>\n * <ul className=\"grid gap-3 p-4 md:w-[400px] lg:w-[500px]\">\n * <li className=\"row-span-3\">\n * <NavigationMenuLink asChild>\n * <a className=\"flex h-full w-full select-none flex-col justify-end rounded-md bg-gradient-to-b from-muted/50 to-muted p-6 no-underline outline-none focus:shadow-md\">\n * <div className=\"mb-2 mt-4 text-lg font-medium\">shadcn/ui</div>\n * <p className=\"text-sm leading-tight text-muted-foreground\">\n * Beautifully designed components built with Radix UI and Tailwind CSS.\n * </p>\n * </a>\n * </NavigationMenuLink>\n * </li>\n * </ul>\n * </NavigationMenuContent>\n * </NavigationMenuItem>\n * </NavigationMenuList>\n * </NavigationMenu>\n * ```\n */\nconst NavigationMenu = React.forwardRef<\n React.ElementRef<typeof NavigationMenuPrimitive.Root>,\n NavigationMenuProps\n>(({ className, children, ...props }, ref) => (\n <NavigationMenuPrimitive.Root\n ref={ref}\n className={cn(\"relative z-10 flex max-w-max flex-1 items-center justify-center\", className)}\n {...props}\n >\n {children}\n <NavigationMenuViewport />\n </NavigationMenuPrimitive.Root>\n))\nNavigationMenu.displayName = NavigationMenuPrimitive.Root.displayName\n\nconst NavigationMenuList = React.forwardRef<\n React.ElementRef<typeof NavigationMenuPrimitive.List>,\n NavigationMenuListProps\n>(({ className, ...props }, ref) => (\n <NavigationMenuPrimitive.List\n ref={ref}\n className={cn(\"group flex flex-1 list-none items-center justify-center space-x-1\", className)}\n {...props}\n />\n))\nNavigationMenuList.displayName = NavigationMenuPrimitive.List.displayName\n\nconst NavigationMenuItem = NavigationMenuPrimitive.Item\n\nconst NavigationMenuTrigger = React.forwardRef<\n React.ElementRef<typeof NavigationMenuPrimitive.Trigger>,\n NavigationMenuTriggerProps\n>(({ className, children, variant, ...props }, ref) => (\n <NavigationMenuPrimitive.Trigger\n ref={ref}\n className={cn(navigationMenuTriggerStyle({ variant }), className)}\n {...props}\n >\n {children}{\" \"}\n <ChevronDown\n className=\"relative top-[1px] ml-1 h-3 w-3 transition duration-200 group-data-[state=open]:rotate-180\"\n aria-hidden=\"true\"\n />\n </NavigationMenuPrimitive.Trigger>\n))\nNavigationMenuTrigger.displayName = NavigationMenuPrimitive.Trigger.displayName\n\nconst NavigationMenuContent = React.forwardRef<\n React.ElementRef<typeof NavigationMenuPrimitive.Content>,\n NavigationMenuContentProps\n>(({ className, ...props }, ref) => (\n <NavigationMenuPrimitive.Content\n ref={ref}\n className={cn(\n \"left-0 top-0 w-full data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 md:absolute md:w-auto\",\n className\n )}\n {...props}\n />\n))\nNavigationMenuContent.displayName = NavigationMenuPrimitive.Content.displayName\n\nconst NavigationMenuLink = NavigationMenuPrimitive.Link\n\nconst NavigationMenuViewport = React.forwardRef<\n React.ElementRef<typeof NavigationMenuPrimitive.Viewport>,\n NavigationMenuViewportProps\n>(({ className, ...props }, ref) => (\n <div className={cn(\"absolute left-0 top-full flex justify-center\")}>\n <NavigationMenuPrimitive.Viewport\n className={cn(\n \"origin-top-center relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 md:w-[var(--radix-navigation-menu-viewport-width)]\",\n className\n )}\n ref={ref}\n {...props}\n />\n </div>\n))\nNavigationMenuViewport.displayName = NavigationMenuPrimitive.Viewport.displayName\n\nconst NavigationMenuIndicator = React.forwardRef<\n React.ElementRef<typeof NavigationMenuPrimitive.Indicator>,\n NavigationMenuIndicatorProps\n>(({ className, ...props }, ref) => (\n <NavigationMenuPrimitive.Indicator\n ref={ref}\n className={cn(\n \"top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in\",\n className\n )}\n {...props}\n >\n <div className=\"relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md\" />\n </NavigationMenuPrimitive.Indicator>\n))\nNavigationMenuIndicator.displayName = NavigationMenuPrimitive.Indicator.displayName\n\nexport {\n NavigationMenu,\n NavigationMenuList,\n NavigationMenuItem,\n NavigationMenuContent,\n NavigationMenuTrigger,\n NavigationMenuLink,\n NavigationMenuIndicator,\n NavigationMenuViewport\n}\n","import { cva } from \"class-variance-authority\"\n\nexport const navigationMenuTriggerStyle = cva(\n \"group inline-flex h-10 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus:outline-none disabled:pointer-events-none disabled:opacity-50 data-[active]:bg-accent/50 data-[state=open]:bg-accent/50\",\n {\n variants: {\n variant: {\n default: \"text-foreground\",\n ghost: \"hover:bg-transparent hover:underline\",\n link: \"text-primary underline-offset-4 hover:underline\",\n mobile: \"w-full justify-between border-b border-border py-4 text-base font-medium\"\n }\n },\n defaultVariants: {\n variant: \"default\"\n }\n }\n)\n","/**\n * Tabs component provides a way to organize content into separate views where only one view is visible at a time.\n * It follows the WAI-ARIA Tabs Pattern for accessibility.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/molecules-tabs--docs\n *\n * @example\n * ```tsx\n * <Tabs defaultValue=\"account\">\n * <TabsList>\n * <TabsTrigger value=\"account\">Account</TabsTrigger>\n * <TabsTrigger value=\"password\">Password</TabsTrigger>\n * </TabsList>\n * <TabsContent value=\"account\">\n * <p>Account settings content</p>\n * </TabsContent>\n * <TabsContent value=\"password\">\n * <p>Password settings content</p>\n * </TabsContent>\n * </Tabs>\n * ```\n */\nimport * as React from \"react\"\nimport * as TabsPrimitive from \"@radix-ui/react-tabs\"\nimport { cn } from \"@/utils\"\nimport { TabsListProps, TabsTriggerProps, TabsContentProps } from \"./tabs.types\"\n\nconst Tabs = TabsPrimitive.Root\n\nconst TabsList = React.forwardRef<React.ElementRef<typeof TabsPrimitive.List>, TabsListProps>(\n ({ className, ...props }, ref) => (\n <TabsPrimitive.List\n ref={ref}\n className={cn(\n \"inline-flex h-10 items-center justify-center rounded-md bg-muted p-1 text-muted-foreground\",\n className\n )}\n {...props}\n />\n )\n)\nTabsList.displayName = TabsPrimitive.List.displayName\n\nconst TabsTrigger = React.forwardRef<\n React.ElementRef<typeof TabsPrimitive.Trigger>,\n TabsTriggerProps\n>(({ className, ...props }, ref) => (\n <TabsPrimitive.Trigger\n ref={ref}\n className={cn(\n \"inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm\",\n className\n )}\n {...props}\n />\n))\nTabsTrigger.displayName = TabsPrimitive.Trigger.displayName\n\nconst TabsContent = React.forwardRef<\n React.ElementRef<typeof TabsPrimitive.Content>,\n TabsContentProps\n>(({ className, ...props }, ref) => (\n <TabsPrimitive.Content\n ref={ref}\n className={cn(\n \"mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2\",\n className\n )}\n {...props}\n />\n))\nTabsContent.displayName = TabsPrimitive.Content.displayName\n\nexport { Tabs, TabsList, TabsTrigger, TabsContent }\n","import { useEditor, EditorContent } from \"@tiptap/react\"\nimport Placeholder from \"@tiptap/extension-placeholder\"\nimport { useEffect } from \"react\"\nimport { cn } from \"@/utils\"\nimport { MarkdownEditorProps } from \"./markdown-editor.types\"\nimport { extensions } from \"./extensions\"\n\nexport function MarkdownEditor({\n value,\n onChange,\n className,\n placeholder,\n disabled,\n onKeyDown,\n autoFocus\n}: MarkdownEditorProps) {\n const editor = useEditor({\n extensions: [\n ...extensions,\n Placeholder.configure({\n placeholder: placeholder ?? \"Write something...\"\n })\n ],\n content: value,\n editable: !disabled,\n autofocus: autoFocus,\n onUpdate: ({ editor: e }) => {\n onChange?.((e.storage as any).markdown.getMarkdown())\n },\n editorProps: {\n attributes: {\n class: cn(\n \"prose prose-sm dark:prose-invert max-w-none w-full min-h-[60px] rounded-md border border-input bg-transparent px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50\",\n className\n )\n },\n handleKeyDown: (view, event) => {\n onKeyDown?.(event)\n return false\n }\n }\n })\n\n // Sync value changes from outside\n useEffect(() => {\n if (editor && value !== undefined && value !== (editor.storage as any).markdown.getMarkdown()) {\n editor.commands.setContent(value)\n }\n }, [value, editor])\n\n useEffect(() => {\n editor?.setEditable(!disabled)\n }, [editor, disabled])\n\n if (!editor) {\n return null\n }\n\n return <EditorContent editor={editor} />\n}\n","import StarterKit from \"@tiptap/starter-kit\"\nimport { Markdown } from \"tiptap-markdown\"\n\nexport const extensions = [\n StarterKit.configure({\n heading: {\n levels: [1, 2, 3]\n }\n }),\n Markdown\n]\n","/**\n * Drawer is a slide-out panel component that appears from the bottom of the screen.\n * It's built on top of Vaul and provides a smooth, accessible drawer experience.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/organisms-drawer--docs\n *\n * @example\n * ```tsx\n * // Basic usage\n * <Drawer>\n * <DrawerTrigger>\n * <Button>Open Drawer</Button>\n * </DrawerTrigger>\n * <DrawerContent>\n * <DrawerHeader>\n * <DrawerTitle>Title</DrawerTitle>\n * <DrawerDescription>Description</DrawerDescription>\n * </DrawerHeader>\n * <div>Content</div>\n * <DrawerFooter>\n * <Button>Save</Button>\n * </DrawerFooter>\n * </DrawerContent>\n * </Drawer>\n * ```\n */\nimport { cn } from \"@/utils\"\nimport * as React from \"react\"\nimport { Drawer as DrawerPrimitive } from \"vaul\"\n\nconst Drawer = ({\n shouldScaleBackground = true,\n ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Root>) => (\n <DrawerPrimitive.Root shouldScaleBackground={shouldScaleBackground} {...props} />\n)\nDrawer.displayName = \"Drawer\"\n\n/**\n * The trigger element that opens the drawer.\n * Should be used with the `asChild` prop to wrap your own trigger element.\n */\nconst DrawerTrigger = DrawerPrimitive.Trigger\n\n/**\n * Portal component that renders the drawer content outside the DOM hierarchy.\n * This ensures proper stacking context and accessibility.\n */\nconst DrawerPortal = DrawerPrimitive.Portal\n\n/**\n * Close button component for the drawer.\n * Should be used with the `asChild` prop to wrap your own close button.\n */\nconst DrawerClose = DrawerPrimitive.Close\n\n/**\n * Overlay component that appears behind the drawer.\n * Provides a semi-transparent backdrop and handles click-outside behavior.\n */\nconst DrawerOverlay = React.forwardRef<\n React.ElementRef<typeof DrawerPrimitive.Overlay>,\n React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Overlay>\n>(({ className, ...props }, ref) => (\n <DrawerPrimitive.Overlay\n ref={ref}\n className={cn(\"fixed inset-0 z-50 bg-black/80\", className)}\n {...props}\n />\n))\nDrawerOverlay.displayName = DrawerPrimitive.Overlay.displayName\n\n/**\n * The main content container for the drawer.\n * Includes the handle bar at the top and manages the slide-up animation.\n */\nconst DrawerContent = React.forwardRef<\n React.ElementRef<typeof DrawerPrimitive.Content>,\n React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Content>\n>(({ className, children, ...props }, ref) => (\n <DrawerPortal>\n <DrawerOverlay />\n <DrawerPrimitive.Content\n ref={ref}\n className={cn(\n \"fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col rounded-t-[10px] border bg-background\",\n className\n )}\n {...props}\n >\n <div className=\"mx-auto mt-4 h-2 w-[100px] rounded-full bg-muted\" />\n {children}\n </DrawerPrimitive.Content>\n </DrawerPortal>\n))\nDrawerContent.displayName = \"DrawerContent\"\n\n/**\n * Header section of the drawer.\n * Typically contains the title and description.\n */\nconst DrawerHeader = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n <div className={cn(\"grid gap-1.5 p-4 text-center sm:text-left\", className)} {...props} />\n)\nDrawerHeader.displayName = \"DrawerHeader\"\n\n/**\n * Footer section of the drawer.\n * Typically contains action buttons.\n */\nconst DrawerFooter = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n <div className={cn(\"mt-auto flex flex-col gap-2 p-4\", className)} {...props} />\n)\nDrawerFooter.displayName = \"DrawerFooter\"\n\n/**\n * Title component for the drawer.\n * Should be used within DrawerHeader.\n */\nconst DrawerTitle = React.forwardRef<\n React.ElementRef<typeof DrawerPrimitive.Title>,\n React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Title>\n>(({ className, ...props }, ref) => (\n <DrawerPrimitive.Title\n ref={ref}\n className={cn(\"text-lg font-semibold leading-none tracking-tight\", className)}\n {...props}\n />\n))\nDrawerTitle.displayName = DrawerPrimitive.Title.displayName\n\n/**\n * Description component for the drawer.\n * Should be used within DrawerHeader.\n */\nconst DrawerDescription = React.forwardRef<\n React.ElementRef<typeof DrawerPrimitive.Description>,\n React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Description>\n>(({ className, ...props }, ref) => (\n <DrawerPrimitive.Description\n ref={ref}\n className={cn(\"text-sm text-muted-foreground\", className)}\n {...props}\n />\n))\nDrawerDescription.displayName = DrawerPrimitive.Description.displayName\n\nexport {\n Drawer,\n DrawerPortal,\n DrawerOverlay,\n DrawerTrigger,\n DrawerClose,\n DrawerContent,\n DrawerHeader,\n DrawerFooter,\n DrawerTitle,\n DrawerDescription\n}\n","import * as React from \"react\"\nimport { Slot } from \"@radix-ui/react-slot\"\nimport { VariantProps, cva } from \"class-variance-authority\"\nimport { PanelLeft } from \"lucide-react\"\n\nimport { useIsMobile } from \"@/hooks/use-mobile\"\nimport { cn } from \"@/utils/index\"\nimport { Button } from \"@/components/atoms/button\"\nimport { Input } from \"@/components/atoms/input\"\nimport { Separator } from \"@/components/atoms/separator\"\nimport {\n Sheet,\n SheetContent,\n SheetDescription,\n SheetHeader,\n SheetTitle\n} from \"@/components/atoms/sheet\"\nimport { Skeleton } from \"@/components/atoms/skeleton\"\nimport {\n Tooltip,\n TooltipContent,\n TooltipProvider,\n TooltipTrigger\n} from \"@/components/atoms/tooltip\"\n\nconst SIDEBAR_COOKIE_NAME = \"sidebar_state\"\nconst SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7\nconst SIDEBAR_WIDTH = \"16rem\"\nconst SIDEBAR_WIDTH_MOBILE = \"18rem\"\nconst SIDEBAR_WIDTH_ICON = \"3rem\"\nconst SIDEBAR_KEYBOARD_SHORTCUT = \"b\"\n\ntype SidebarContextProps = {\n state: \"expanded\" | \"collapsed\"\n open: boolean\n setOpen: (open: boolean) => void\n openMobile: boolean\n setOpenMobile: (open: boolean) => void\n isMobile: boolean\n toggleSidebar: () => void\n}\n\nconst SidebarContext = React.createContext<SidebarContextProps | null>(null)\n\nfunction useSidebar() {\n const context = React.useContext(SidebarContext)\n if (!context) {\n throw new Error(\"useSidebar must be used within a SidebarProvider.\")\n }\n\n return context\n}\n\nconst SidebarProvider = React.forwardRef<\n HTMLDivElement,\n React.ComponentProps<\"div\"> & {\n defaultOpen?: boolean\n open?: boolean\n onOpenChange?: (open: boolean) => void\n }\n>(\n (\n {\n defaultOpen = true,\n open: openProp,\n onOpenChange: setOpenProp,\n className,\n style,\n children,\n ...props\n },\n ref\n ) => {\n const isMobile = useIsMobile()\n const [openMobile, setOpenMobile] = React.useState(false)\n\n // This is the internal state of the sidebar.\n // We use openProp and setOpenProp for control from outside the component.\n const [_open, _setOpen] = React.useState(defaultOpen)\n const open = openProp ?? _open\n const setOpen = React.useCallback(\n (value: boolean | ((value: boolean) => boolean)) => {\n const openState = typeof value === \"function\" ? value(open) : value\n if (setOpenProp) {\n setOpenProp(openState)\n } else {\n _setOpen(openState)\n }\n\n // This sets the cookie to keep the sidebar state.\n document.cookie = `${SIDEBAR_COOKIE_NAME}=${openState}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}`\n },\n [setOpenProp, open]\n )\n\n // Helper to toggle the sidebar.\n const toggleSidebar = React.useCallback(() => {\n return isMobile ? setOpenMobile((open) => !open) : setOpen((open) => !open)\n }, [isMobile, setOpen, setOpenMobile])\n\n // Adds a keyboard shortcut to toggle the sidebar.\n React.useEffect(() => {\n const handleKeyDown = (event: KeyboardEvent) => {\n if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {\n event.preventDefault()\n toggleSidebar()\n }\n }\n\n window.addEventListener(\"keydown\", handleKeyDown)\n return () => window.removeEventListener(\"keydown\", handleKeyDown)\n }, [toggleSidebar])\n\n // We add a state so that we can do data-state=\"expanded\" or \"collapsed\".\n // This makes it easier to style the sidebar with Tailwind classes.\n const state = open ? \"expanded\" : \"collapsed\"\n\n const contextValue = React.useMemo<SidebarContextProps>(\n () => ({\n state,\n open,\n setOpen,\n isMobile,\n openMobile,\n setOpenMobile,\n toggleSidebar\n }),\n [state, open, setOpen, isMobile, openMobile, setOpenMobile, toggleSidebar]\n )\n\n return (\n <SidebarContext.Provider value={contextValue}>\n <TooltipProvider delayDuration={0}>\n <div\n style={\n {\n \"--sidebar-width\": SIDEBAR_WIDTH,\n \"--sidebar-width-icon\": SIDEBAR_WIDTH_ICON,\n ...style\n } as React.CSSProperties\n }\n className={cn(\"group/sidebar-wrapper has-[[data-variant=inset]]:bg-sidebar\", className)}\n ref={ref}\n {...props}\n >\n {children}\n </div>\n </TooltipProvider>\n </SidebarContext.Provider>\n )\n }\n)\nSidebarProvider.displayName = \"SidebarProvider\"\n\n/**\n * A flexible sidebar component that supports various layouts and configurations.\n * The sidebar can be positioned on either side of the screen and supports different\n * visual styles and collapse behaviors.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/organisms-sidebar--docs\n *\n * @example\n * ```tsx\n * <Sidebar>\n * <SidebarHeader>\n * <SidebarTitle>Dashboard</SidebarTitle>\n * </SidebarHeader>\n * <SidebarContent>\n * <SidebarMenu>\n * <SidebarMenuItem icon={<HomeIcon />}>Home</SidebarMenuItem>\n * <SidebarMenuItem icon={<SettingsIcon />}>Settings</SidebarMenuItem>\n * </SidebarMenu>\n * </SidebarContent>\n * <SidebarFooter>\n * <SidebarTrigger />\n * </SidebarFooter>\n * </Sidebar>\n * ```\n */\nconst Sidebar = React.forwardRef<\n HTMLDivElement,\n React.ComponentProps<\"div\"> & {\n side?: \"left\" | \"right\"\n variant?: \"sidebar\" | \"floating\" | \"inset\"\n collapsible?: \"offcanvas\" | \"icon\" | \"none\"\n }\n>(\n (\n {\n side = \"left\",\n variant = \"sidebar\",\n collapsible = \"offcanvas\",\n className,\n children,\n ...props\n },\n ref\n ) => {\n const { isMobile, state, openMobile, setOpenMobile } = useSidebar()\n\n if (collapsible === \"none\") {\n return (\n <div\n className={cn(\n \"flex h-full w-[--sidebar-width] flex-col bg-sidebar text-sidebar-foreground\",\n className\n )}\n ref={ref}\n {...props}\n >\n {children}\n </div>\n )\n }\n\n if (isMobile) {\n return (\n <Sheet open={openMobile} onOpenChange={setOpenMobile} {...props}>\n <SheetContent\n data-sidebar=\"sidebar\"\n data-mobile=\"true\"\n className=\"w-[--sidebar-width] bg-sidebar p-0 text-sidebar-foreground [&>button]:hidden\"\n style={\n {\n \"--sidebar-width\": SIDEBAR_WIDTH_MOBILE\n } as React.CSSProperties\n }\n side={side}\n >\n <SheetHeader className=\"sr-only\">\n <SheetTitle>Sidebar</SheetTitle>\n <SheetDescription>Displays the mobile sidebar.</SheetDescription>\n </SheetHeader>\n <div className=\"flex h-full w-full flex-col\">{children}</div>\n </SheetContent>\n </Sheet>\n )\n }\n\n return (\n <div\n ref={ref}\n className=\"group peer hidden text-sidebar-foreground md:block\"\n data-state={state}\n data-collapsible={state === \"collapsed\" ? collapsible : \"\"}\n data-variant={variant}\n data-side={side}\n >\n {/* This is what handles the sidebar gap on desktop */}\n <div\n className={cn(\n \"relative w-[--sidebar-width] bg-transparent transition-[width] duration-200 ease-linear\",\n \"group-data-[collapsible=offcanvas]:w-0\",\n \"group-data-[side=right]:rotate-180\",\n variant === \"floating\" || variant === \"inset\"\n ? \"group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_theme(spacing.4))]\"\n : \"group-data-[collapsible=icon]:w-[--sidebar-width-icon]\"\n )}\n />\n <div\n className={cn(\n \"fixed inset-y-0 z-10 hidden h-svh w-[--sidebar-width] transition-[left,right,width] duration-200 ease-linear md:flex\",\n side === \"left\"\n ? \"left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]\"\n : \"right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]\",\n // Adjust the padding for floating and inset variants.\n variant === \"floating\" || variant === \"inset\"\n ? \"p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_theme(spacing.4)_+2px)]\"\n : \"group-data-[collapsible=icon]:w-[--sidebar-width-icon] group-data-[side=left]:border-r group-data-[side=right]:border-l\",\n className\n )}\n {...props}\n >\n <div\n data-sidebar=\"sidebar\"\n className=\"flex h-full w-full flex-col bg-sidebar group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:border-sidebar-border group-data-[variant=floating]:shadow\"\n >\n {children}\n </div>\n </div>\n </div>\n )\n }\n)\nSidebar.displayName = \"Sidebar\"\n\nconst SidebarTrigger = React.forwardRef<\n React.ElementRef<typeof Button>,\n React.ComponentProps<typeof Button>\n>(({ className, onClick, ...props }, ref) => {\n const { toggleSidebar } = useSidebar()\n\n return (\n <Button\n ref={ref}\n data-sidebar=\"trigger\"\n variant=\"ghost\"\n size=\"icon\"\n className={cn(\"h-7 w-7\", className)}\n onClick={(event) => {\n onClick?.(event)\n toggleSidebar()\n }}\n {...props}\n >\n <PanelLeft />\n <span className=\"sr-only\">Toggle Sidebar</span>\n </Button>\n )\n})\nSidebarTrigger.displayName = \"SidebarTrigger\"\n\nconst SidebarRail = React.forwardRef<HTMLButtonElement, React.ComponentProps<\"button\">>(\n ({ className, ...props }, ref) => {\n const { toggleSidebar } = useSidebar()\n\n return (\n // eslint-disable-next-line react/button-has-type\n <button\n ref={ref}\n data-sidebar=\"rail\"\n aria-label=\"Toggle Sidebar\"\n tabIndex={-1}\n onClick={toggleSidebar}\n title=\"Toggle Sidebar\"\n className={cn(\n \"absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear after:absolute after:inset-y-0 after:left-1/2 after:w-[2px] hover:after:bg-sidebar-border group-data-[side=left]:-right-4 group-data-[side=right]:left-0 sm:flex\",\n \"[[data-side=left]_&]:cursor-w-resize [[data-side=right]_&]:cursor-e-resize\",\n \"[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize\",\n \"group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full group-data-[collapsible=offcanvas]:hover:bg-sidebar\",\n \"[[data-side=left][data-collapsible=offcanvas]_&]:-right-2\",\n \"[[data-side=right][data-collapsible=offcanvas]_&]:-left-2\",\n className\n )}\n {...props}\n />\n )\n }\n)\nSidebarRail.displayName = \"SidebarRail\"\n\nconst SidebarInset = React.forwardRef<HTMLDivElement, React.ComponentProps<\"main\">>(\n ({ className, ...props }, ref) => {\n return (\n <main\n ref={ref}\n className={cn(\n \"relative flex w-full flex-1 flex-col bg-background\",\n \"md:peer-data-[variant=inset]:m-2 md:peer-data-[state=collapsed]:peer-data-[variant=inset]:ml-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow\",\n className\n )}\n {...props}\n />\n )\n }\n)\nSidebarInset.displayName = \"SidebarInset\"\n\nconst SidebarInput = React.forwardRef<\n React.ElementRef<typeof Input>,\n React.ComponentProps<typeof Input>\n>(({ className, ...props }, ref) => {\n return (\n <Input\n ref={ref}\n data-sidebar=\"input\"\n className={cn(\n \"h-8 w-full bg-background shadow-none focus-visible:ring-2 focus-visible:ring-sidebar-ring\",\n className\n )}\n {...props}\n />\n )\n})\nSidebarInput.displayName = \"SidebarInput\"\n\nconst SidebarHeader = React.forwardRef<HTMLDivElement, React.ComponentProps<\"div\">>(\n ({ className, ...props }, ref) => {\n return (\n <div\n ref={ref}\n data-sidebar=\"header\"\n className={cn(\"flex flex-col gap-2 p-2\", className)}\n {...props}\n />\n )\n }\n)\nSidebarHeader.displayName = \"SidebarHeader\"\n\nconst SidebarFooter = React.forwardRef<HTMLDivElement, React.ComponentProps<\"div\">>(\n ({ className, ...props }, ref) => {\n return (\n <div\n ref={ref}\n data-sidebar=\"footer\"\n className={cn(\"flex flex-col gap-2 p-2\", className)}\n {...props}\n />\n )\n }\n)\nSidebarFooter.displayName = \"SidebarFooter\"\n\nconst SidebarSeparator = React.forwardRef<\n React.ElementRef<typeof Separator>,\n React.ComponentProps<typeof Separator>\n>(({ className, ...props }, ref) => {\n return (\n <Separator\n ref={ref}\n data-sidebar=\"separator\"\n className={cn(\"mx-2 w-auto bg-sidebar-border\", className)}\n {...props}\n />\n )\n})\nSidebarSeparator.displayName = \"SidebarSeparator\"\n\nconst SidebarContent = React.forwardRef<HTMLDivElement, React.ComponentProps<\"div\">>(\n ({ className, ...props }, ref) => {\n return (\n <div\n ref={ref}\n data-sidebar=\"content\"\n className={cn(\n \"flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden\",\n className\n )}\n {...props}\n />\n )\n }\n)\nSidebarContent.displayName = \"SidebarContent\"\n\nconst SidebarGroup = React.forwardRef<HTMLDivElement, React.ComponentProps<\"div\">>(\n ({ className, ...props }, ref) => {\n return (\n <div\n ref={ref}\n data-sidebar=\"group\"\n className={cn(\"relative flex w-full min-w-0 flex-col p-2\", className)}\n {...props}\n />\n )\n }\n)\nSidebarGroup.displayName = \"SidebarGroup\"\n\nconst SidebarGroupLabel = React.forwardRef<\n HTMLDivElement,\n React.ComponentProps<\"div\"> & { asChild?: boolean }\n>(({ className, asChild = false, ...props }, ref) => {\n const Comp = asChild ? Slot : \"div\"\n\n return (\n <Comp\n ref={ref}\n data-sidebar=\"group-label\"\n className={cn(\n \"flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium text-sidebar-foreground/70 outline-none ring-sidebar-ring transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0\",\n \"group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0\",\n className\n )}\n {...props}\n />\n )\n})\nSidebarGroupLabel.displayName = \"SidebarGroupLabel\"\n\nconst SidebarGroupAction = React.forwardRef<\n HTMLButtonElement,\n React.ComponentProps<\"button\"> & { asChild?: boolean }\n>(({ className, asChild = false, ...props }, ref) => {\n const Comp = asChild ? Slot : \"button\"\n\n return (\n <Comp\n ref={ref}\n data-sidebar=\"group-action\"\n className={cn(\n \"absolute right-3 top-3.5 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground outline-none ring-sidebar-ring transition-transform hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0\",\n // Increases the hit area of the button on mobile.\n \"after:absolute after:-inset-2 after:md:hidden\",\n \"group-data-[collapsible=icon]:hidden\",\n className\n )}\n {...props}\n />\n )\n})\nSidebarGroupAction.displayName = \"SidebarGroupAction\"\n\nconst SidebarGroupContent = React.forwardRef<HTMLDivElement, React.ComponentProps<\"div\">>(\n ({ className, ...props }, ref) => (\n <div\n ref={ref}\n data-sidebar=\"group-content\"\n className={cn(\"w-full text-sm\", className)}\n {...props}\n />\n )\n)\nSidebarGroupContent.displayName = \"SidebarGroupContent\"\n\nconst SidebarMenu = React.forwardRef<HTMLUListElement, React.ComponentProps<\"ul\">>(\n ({ className, ...props }, ref) => (\n <ul\n ref={ref}\n data-sidebar=\"menu\"\n className={cn(\"flex w-full min-w-0 flex-col gap-1\", className)}\n {...props}\n />\n )\n)\nSidebarMenu.displayName = \"SidebarMenu\"\n\nconst SidebarMenuItem = React.forwardRef<HTMLLIElement, React.ComponentProps<\"li\">>(\n ({ className, ...props }, ref) => (\n <li\n ref={ref}\n data-sidebar=\"menu-item\"\n className={cn(\"group/menu-item relative\", className)}\n {...props}\n />\n )\n)\nSidebarMenuItem.displayName = \"SidebarMenuItem\"\n\nexport const sidebarMenuButtonVariants = cva(\n \"peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-none ring-sidebar-ring transition-[width,height,padding] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-[[data-sidebar=menu-action]]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:!size-8 group-data-[collapsible=icon]:!p-2 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0\",\n {\n variants: {\n variant: {\n default: \"hover:bg-sidebar-accent hover:text-sidebar-accent-foreground\",\n outline:\n \"bg-background shadow-[0_0_0_1px_hsl(var(--sidebar-border))] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_hsl(var(--sidebar-accent))]\"\n },\n size: {\n default: \"h-8 text-sm\",\n sm: \"h-7 text-xs\",\n lg: \"h-12 text-sm group-data-[collapsible=icon]:!p-0\"\n }\n },\n defaultVariants: {\n variant: \"default\",\n size: \"default\"\n }\n }\n)\n\nconst SidebarMenuButton = React.forwardRef<\n HTMLButtonElement,\n React.ComponentProps<\"button\"> & {\n asChild?: boolean\n isActive?: boolean\n tooltip?: string | React.ComponentProps<typeof TooltipContent>\n } & VariantProps<typeof sidebarMenuButtonVariants>\n>(\n (\n {\n asChild = false,\n isActive = false,\n variant = \"default\",\n size = \"default\",\n tooltip,\n className,\n ...props\n },\n ref\n ) => {\n const Comp = asChild ? Slot : \"button\"\n const { isMobile, state } = useSidebar()\n\n const button = (\n <Comp\n ref={ref}\n data-sidebar=\"menu-button\"\n data-size={size}\n data-active={isActive}\n className={cn(sidebarMenuButtonVariants({ variant, size }), className)}\n {...props}\n />\n )\n\n if (!tooltip) {\n return button\n }\n\n if (typeof tooltip === \"string\") {\n tooltip = {\n children: tooltip\n }\n }\n\n return (\n <Tooltip>\n <TooltipTrigger asChild>{button}</TooltipTrigger>\n <TooltipContent\n side=\"right\"\n align=\"center\"\n hidden={state !== \"collapsed\" || isMobile}\n {...tooltip}\n />\n </Tooltip>\n )\n }\n)\nSidebarMenuButton.displayName = \"SidebarMenuButton\"\n\nconst SidebarMenuAction = React.forwardRef<\n HTMLButtonElement,\n React.ComponentProps<\"button\"> & {\n asChild?: boolean\n showOnHover?: boolean\n }\n>(({ className, asChild = false, showOnHover = false, ...props }, ref) => {\n const Comp = asChild ? Slot : \"button\"\n\n return (\n <Comp\n ref={ref}\n data-sidebar=\"menu-action\"\n className={cn(\n \"absolute right-1 top-1.5 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground outline-none ring-sidebar-ring transition-transform hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 peer-hover/menu-button:text-sidebar-accent-foreground [&>svg]:size-4 [&>svg]:shrink-0\",\n // Increases the hit area of the button on mobile.\n \"after:absolute after:-inset-2 after:md:hidden\",\n \"peer-data-[size=sm]/menu-button:top-1\",\n \"peer-data-[size=default]/menu-button:top-1.5\",\n \"peer-data-[size=lg]/menu-button:top-2.5\",\n \"group-data-[collapsible=icon]:hidden\",\n showOnHover &&\n \"group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 data-[state=open]:opacity-100 peer-data-[active=true]/menu-button:text-sidebar-accent-foreground md:opacity-0\",\n className\n )}\n {...props}\n />\n )\n})\nSidebarMenuAction.displayName = \"SidebarMenuAction\"\n\nconst SidebarMenuBadge = React.forwardRef<HTMLDivElement, React.ComponentProps<\"div\">>(\n ({ className, ...props }, ref) => (\n <div\n ref={ref}\n data-sidebar=\"menu-badge\"\n className={cn(\n \"pointer-events-none absolute right-1 flex h-5 min-w-5 select-none items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums text-sidebar-foreground\",\n \"peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[active=true]/menu-button:text-sidebar-accent-foreground\",\n \"peer-data-[size=sm]/menu-button:top-1\",\n \"peer-data-[size=default]/menu-button:top-1.5\",\n \"peer-data-[size=lg]/menu-button:top-2.5\",\n \"group-data-[collapsible=icon]:hidden\",\n className\n )}\n {...props}\n />\n )\n)\nSidebarMenuBadge.displayName = \"SidebarMenuBadge\"\n\nconst SidebarMenuSkeleton = React.forwardRef<\n HTMLDivElement,\n React.ComponentProps<\"div\"> & {\n showIcon?: boolean\n }\n>(({ className, showIcon = false, ...props }, ref) => {\n // Random width between 50 to 90%.\n const width = React.useMemo(() => {\n return `${Math.floor(Math.random() * 40) + 50}%`\n }, [])\n\n return (\n <div\n ref={ref}\n data-sidebar=\"menu-skeleton\"\n className={cn(\"flex h-8 items-center gap-2 rounded-md px-2\", className)}\n {...props}\n >\n {showIcon && <Skeleton className=\"size-4 rounded-md\" data-sidebar=\"menu-skeleton-icon\" />}\n <Skeleton\n className=\"h-4 max-w-[--skeleton-width] flex-1\"\n data-sidebar=\"menu-skeleton-text\"\n style={\n {\n \"--skeleton-width\": width\n } as React.CSSProperties\n }\n />\n </div>\n )\n})\nSidebarMenuSkeleton.displayName = \"SidebarMenuSkeleton\"\n\nconst SidebarMenuSub = React.forwardRef<HTMLUListElement, React.ComponentProps<\"ul\">>(\n ({ className, ...props }, ref) => (\n <ul\n ref={ref}\n data-sidebar=\"menu-sub\"\n className={cn(\n \"mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l border-sidebar-border px-2.5 py-0.5\",\n \"group-data-[collapsible=icon]:hidden\",\n className\n )}\n {...props}\n />\n )\n)\nSidebarMenuSub.displayName = \"SidebarMenuSub\"\n\nconst SidebarMenuSubItem = React.forwardRef<HTMLLIElement, React.ComponentProps<\"li\">>(\n ({ ...props }, ref) => <li ref={ref} {...props} />\n)\nSidebarMenuSubItem.displayName = \"SidebarMenuSubItem\"\n\nconst SidebarMenuSubButton = React.forwardRef<\n HTMLAnchorElement,\n React.ComponentProps<\"a\"> & {\n asChild?: boolean\n size?: \"sm\" | \"md\"\n isActive?: boolean\n }\n>(({ asChild = false, size = \"md\", isActive, className, ...props }, ref) => {\n const Comp = asChild ? Slot : \"a\"\n\n return (\n <Comp\n ref={ref}\n data-sidebar=\"menu-sub-button\"\n data-size={size}\n data-active={isActive}\n className={cn(\n \"flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 text-sidebar-foreground outline-none ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0 [&>svg]:text-sidebar-accent-foreground\",\n \"data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground\",\n size === \"sm\" && \"text-xs\",\n size === \"md\" && \"text-sm\",\n \"group-data-[collapsible=icon]:hidden\",\n className\n )}\n {...props}\n />\n )\n})\nSidebarMenuSubButton.displayName = \"SidebarMenuSubButton\"\n\nexport {\n Sidebar,\n SidebarContent,\n SidebarFooter,\n SidebarGroup,\n SidebarGroupAction,\n SidebarGroupContent,\n SidebarGroupLabel,\n SidebarHeader,\n SidebarInput,\n SidebarInset,\n SidebarMenu,\n SidebarMenuAction,\n SidebarMenuBadge,\n SidebarMenuButton,\n SidebarMenuItem,\n SidebarMenuSkeleton,\n SidebarMenuSub,\n SidebarMenuSubButton,\n SidebarMenuSubItem,\n SidebarProvider,\n SidebarRail,\n SidebarSeparator,\n SidebarTrigger,\n useSidebar\n}\n","\"use client\";\n\"use client\"\n\nimport * as React from \"react\"\n\nconst MOBILE_BREAKPOINT = 768\n\nexport function useIsMobile() {\n const [isMobile, setIsMobile] = React.useState<boolean | undefined>(undefined)\n\n React.useEffect(() => {\n const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`)\n const onChange = () => {\n setIsMobile(window.innerWidth < MOBILE_BREAKPOINT)\n }\n mql.addEventListener(\"change\", onChange)\n setIsMobile(window.innerWidth < MOBILE_BREAKPOINT)\n return () => mql.removeEventListener(\"change\", onChange)\n }, [])\n\n return !!isMobile\n}\n","import * as React from \"react\"\nimport * as DropdownMenuPrimitive from \"@radix-ui/react-dropdown-menu\"\nimport { Check, ChevronRight, Circle } from \"lucide-react\"\n\nimport { cn } from \"@/utils\"\n\n/**\n * DropdownMenu component for creating accessible dropdown menus.\n * Built on top of Radix UI's DropdownMenu primitive.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/organisms-dropdown-menu--docs\n *\n * @example\n * ```tsx\n * <DropdownMenu>\n * <DropdownMenuTrigger>Open Menu</DropdownMenuTrigger>\n * <DropdownMenuContent>\n * <DropdownMenuItem>Item 1</DropdownMenuItem>\n * <DropdownMenuItem>Item 2</DropdownMenuItem>\n * <DropdownMenuItem>Item 3</DropdownMenuItem>\n * </DropdownMenuContent>\n * </DropdownMenu>\n * ```\n */\nconst DropdownMenu = DropdownMenuPrimitive.Root\n\nconst DropdownMenuTrigger = DropdownMenuPrimitive.Trigger\n\nconst DropdownMenuGroup = DropdownMenuPrimitive.Group\n\nconst DropdownMenuPortal = DropdownMenuPrimitive.Portal\n\nconst DropdownMenuSub = DropdownMenuPrimitive.Sub\n\nconst DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup\n\nconst DropdownMenuSubTrigger = React.forwardRef<\n React.ElementRef<typeof DropdownMenuPrimitive.SubTrigger>,\n React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubTrigger> & {\n inset?: boolean\n }\n>(({ className, inset, children, ...props }, ref) => (\n <DropdownMenuPrimitive.SubTrigger\n ref={ref}\n className={cn(\n \"flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent\",\n inset && \"pl-8\",\n className\n )}\n {...props}\n >\n {children}\n <ChevronRight className=\"ml-auto h-4 w-4\" />\n </DropdownMenuPrimitive.SubTrigger>\n))\nDropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName\n\nconst DropdownMenuSubContent = React.forwardRef<\n React.ElementRef<typeof DropdownMenuPrimitive.SubContent>,\n React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubContent>\n>(({ className, ...props }, ref) => (\n <DropdownMenuPrimitive.SubContent\n ref={ref}\n className={cn(\n \"z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg 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\",\n className\n )}\n {...props}\n />\n))\nDropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName\n\nconst DropdownMenuContent = React.forwardRef<\n React.ElementRef<typeof DropdownMenuPrimitive.Content>,\n React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content>\n>(({ className, sideOffset = 4, ...props }, ref) => (\n <DropdownMenuPrimitive.Portal>\n <DropdownMenuPrimitive.Content\n ref={ref}\n sideOffset={sideOffset}\n className={cn(\n \"z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md 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\",\n className\n )}\n {...props}\n />\n </DropdownMenuPrimitive.Portal>\n))\nDropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName\n\nconst DropdownMenuItem = React.forwardRef<\n React.ElementRef<typeof DropdownMenuPrimitive.Item>,\n React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item> & {\n inset?: boolean\n }\n>(({ className, inset, ...props }, ref) => (\n <DropdownMenuPrimitive.Item\n ref={ref}\n className={cn(\n \"relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50\",\n inset && \"pl-8\",\n className\n )}\n {...props}\n />\n))\nDropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName\n\nconst DropdownMenuCheckboxItem = React.forwardRef<\n React.ElementRef<typeof DropdownMenuPrimitive.CheckboxItem>,\n React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.CheckboxItem>\n>(({ className, children, checked, ...props }, ref) => (\n <DropdownMenuPrimitive.CheckboxItem\n ref={ref}\n className={cn(\n \"relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50\",\n className\n )}\n checked={checked}\n {...props}\n >\n <span className=\"absolute left-2 flex h-3.5 w-3.5 items-center justify-center\">\n <DropdownMenuPrimitive.ItemIndicator>\n <Check className=\"h-4 w-4\" />\n </DropdownMenuPrimitive.ItemIndicator>\n </span>\n {children}\n </DropdownMenuPrimitive.CheckboxItem>\n))\nDropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName\n\nconst DropdownMenuRadioItem = React.forwardRef<\n React.ElementRef<typeof DropdownMenuPrimitive.RadioItem>,\n React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.RadioItem>\n>(({ className, children, ...props }, ref) => (\n <DropdownMenuPrimitive.RadioItem\n ref={ref}\n className={cn(\n \"relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50\",\n className\n )}\n {...props}\n >\n <span className=\"absolute left-2 flex h-3.5 w-3.5 items-center justify-center\">\n <DropdownMenuPrimitive.ItemIndicator>\n <Circle className=\"h-2 w-2 fill-current\" />\n </DropdownMenuPrimitive.ItemIndicator>\n </span>\n {children}\n </DropdownMenuPrimitive.RadioItem>\n))\nDropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName\n\nconst DropdownMenuLabel = React.forwardRef<\n React.ElementRef<typeof DropdownMenuPrimitive.Label>,\n React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Label> & {\n inset?: boolean\n }\n>(({ className, inset, ...props }, ref) => (\n <DropdownMenuPrimitive.Label\n ref={ref}\n className={cn(\"px-2 py-1.5 text-sm font-semibold\", inset && \"pl-8\", className)}\n {...props}\n />\n))\nDropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName\n\nconst DropdownMenuSeparator = React.forwardRef<\n React.ElementRef<typeof DropdownMenuPrimitive.Separator>,\n React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Separator>\n>(({ className, ...props }, ref) => (\n <DropdownMenuPrimitive.Separator\n ref={ref}\n className={cn(\"-mx-1 my-1 h-px bg-muted\", className)}\n {...props}\n />\n))\nDropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName\n\nconst DropdownMenuShortcut = ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>) => {\n return <span className={cn(\"ml-auto text-xs tracking-widest opacity-60\", className)} {...props} />\n}\nDropdownMenuShortcut.displayName = \"DropdownMenuShortcut\"\n\nexport {\n DropdownMenu,\n DropdownMenuTrigger,\n DropdownMenuContent,\n DropdownMenuItem,\n DropdownMenuCheckboxItem,\n DropdownMenuRadioItem,\n DropdownMenuLabel,\n DropdownMenuSeparator,\n DropdownMenuShortcut,\n DropdownMenuGroup,\n DropdownMenuPortal,\n DropdownMenuSub,\n DropdownMenuSubContent,\n DropdownMenuSubTrigger,\n DropdownMenuRadioGroup\n}\n","\"use client\";\n\"use client\"\n\nimport * as React from \"react\"\nimport { useFormContext, type FieldValues, type FieldPath } from \"react-hook-form\"\nimport { Input } from \"@/components/atoms/input\"\nimport { cn } from \"@/utils/cn\"\nimport {\n FormControl,\n FormItem,\n FormMessage,\n FormLabel,\n FormDescription,\n FormField\n} from \"@/components/rhf/form\"\nimport { type RHFTextFieldProps } from \"./rhf-text-field.types\"\n\n// ----------------------------------------------------------------------\n\n/**\n * A text field component that integrates with React Hook Form.\n * Provides form validation, error handling, and accessibility features.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/molecules-rhf-rhftextfield--docs\n *\n * * @example\n * ```tsx\n * <Form>\n * <RHFTextField name=\"name\" label=\"Name\" />\n * <RHFTextField name=\"email\" label=\"Email\" />\n * </Form>\n * ```\n */\nexport function RHFTextField<\n TFieldValues extends FieldValues = FieldValues,\n TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\n>({\n name,\n label,\n description,\n className,\n type = \"text\",\n warningText,\n required,\n disabled,\n readOnly,\n placeholder,\n \"aria-label\": ariaLabel,\n \"aria-describedby\": ariaDescribedby,\n onBlur,\n ...other\n}: RHFTextFieldProps<TFieldValues, TName>) {\n const { control } = useFormContext<TFieldValues>()\n\n return (\n <FormField\n name={name}\n control={control}\n render={({ field, fieldState: { error } }) => (\n <FormItem>\n {label && (\n <FormLabel>\n {label}\n {required && <span className=\"text-destructive ml-1\">*</span>}\n </FormLabel>\n )}\n <FormControl>\n <Input\n {...field}\n type={type}\n value={type === \"number\" && field.value === 0 ? \"\" : field.value}\n onChange={(e) => {\n if (type === \"number\") {\n field.onChange(Number(e.target.value))\n } else {\n field.onChange(e.target.value)\n }\n }}\n onBlur={(e) => {\n // trim if a string\n if (type !== \"number\" && typeof field.value === \"string\") {\n field.onChange(field.value.trim())\n }\n field.onBlur() // pass to react-hook-form\n onBlur?.(e) // pass to wrapper\n }}\n className={cn(\n error && \"border-destructive focus-visible:ring-destructive\",\n className\n )}\n disabled={disabled}\n readOnly={readOnly}\n required={required}\n placeholder={placeholder}\n aria-label={ariaLabel}\n aria-describedby={ariaDescribedby}\n aria-invalid={!!error}\n aria-required={required}\n {...other}\n />\n </FormControl>\n {description && <FormDescription>{description}</FormDescription>}\n {error && <FormMessage>{error.message}</FormMessage>}\n {!error && warningText && (\n <p className=\"text-sm text-yellow-600 dark:text-yellow-500\" role=\"alert\">\n {warningText}\n </p>\n )}\n </FormItem>\n )}\n />\n )\n}\n","\"use client\";\n\"use client\"\n\nimport * as React from \"react\"\nimport * as LabelPrimitive from \"@radix-ui/react-label\"\nimport { Slot } from \"@radix-ui/react-slot\"\nimport {\n Controller,\n FormProvider,\n useFormContext,\n type ControllerProps,\n type FieldPath,\n type FieldValues\n} from \"react-hook-form\"\n\nimport { cn } from \"@/utils/cn\"\nimport { Label } from \"@/components/atoms/label\"\n\nconst Form = FormProvider\n\ntype FormFieldContextValue<\n TFieldValues extends FieldValues = FieldValues,\n TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\n> = {\n name: TName\n}\n\nconst FormFieldContext = React.createContext<FormFieldContextValue>({} as FormFieldContextValue)\n\nconst FormField = <\n TFieldValues extends FieldValues = FieldValues,\n TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\n>({\n ...props\n}: ControllerProps<TFieldValues, TName>) => {\n return (\n <FormFieldContext.Provider value={{ name: props.name }}>\n <Controller {...props} />\n </FormFieldContext.Provider>\n )\n}\n\nconst useFormField = () => {\n const fieldContext = React.useContext(FormFieldContext)\n const itemContext = React.useContext(FormItemContext)\n const { getFieldState, formState } = useFormContext()\n\n const fieldState = getFieldState(fieldContext.name, formState)\n\n if (!fieldContext) {\n throw new Error(\"useFormField should be used within <FormField>\")\n }\n\n const { id } = itemContext\n\n return {\n id,\n name: fieldContext.name,\n formItemId: `${id}-form-item`,\n formDescriptionId: `${id}-form-item-description`,\n formMessageId: `${id}-form-item-message`,\n ...fieldState\n }\n}\n\ntype FormItemContextValue = {\n id: string\n}\n\nconst FormItemContext = React.createContext<FormItemContextValue>({} as FormItemContextValue)\n\nconst FormItem = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n ({ className, ...props }, ref) => {\n const id = React.useId()\n\n return (\n <FormItemContext.Provider value={{ id }}>\n <div ref={ref} className={cn(\"space-y-2\", className)} {...props} />\n </FormItemContext.Provider>\n )\n }\n)\nFormItem.displayName = \"FormItem\"\n\nconst FormLabel = React.forwardRef<\n React.ElementRef<typeof LabelPrimitive.Root>,\n React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root>\n>(({ className, ...props }, ref) => {\n const { error, formItemId } = useFormField()\n\n return (\n <Label\n ref={ref}\n className={cn(error && \"text-destructive\", className)}\n htmlFor={formItemId}\n {...props}\n />\n )\n})\nFormLabel.displayName = \"FormLabel\"\n\nconst FormControl = React.forwardRef<\n React.ElementRef<typeof Slot>,\n React.ComponentPropsWithoutRef<typeof Slot>\n>(({ ...props }, ref) => {\n const { error, formItemId, formDescriptionId, formMessageId } = useFormField()\n\n return (\n <Slot\n ref={ref}\n id={formItemId}\n aria-describedby={!error ? `${formDescriptionId}` : `${formDescriptionId} ${formMessageId}`}\n aria-invalid={!!error}\n {...props}\n />\n )\n})\nFormControl.displayName = \"FormControl\"\n\nconst FormDescription = React.forwardRef<\n HTMLParagraphElement,\n React.HTMLAttributes<HTMLParagraphElement>\n>(({ className, ...props }, ref) => {\n const { formDescriptionId } = useFormField()\n\n return (\n <p\n ref={ref}\n id={formDescriptionId}\n className={cn(\"text-sm text-muted-foreground\", className)}\n {...props}\n />\n )\n})\nFormDescription.displayName = \"FormDescription\"\n\nconst FormMessage = React.forwardRef<\n HTMLParagraphElement,\n React.HTMLAttributes<HTMLParagraphElement>\n>(({ className, children, ...props }, ref) => {\n const { error, formMessageId } = useFormField()\n const body = error ? String(error?.message ?? \"\") : children\n\n if (!body) {\n return null\n }\n\n return (\n <p\n ref={ref}\n id={formMessageId}\n className={cn(\"text-sm font-medium text-destructive\", className)}\n {...props}\n >\n {body}\n </p>\n )\n})\nFormMessage.displayName = \"FormMessage\"\n\nexport {\n useFormField,\n Form,\n FormItem,\n FormLabel,\n FormControl,\n FormDescription,\n FormMessage,\n FormField\n}\n","\"use client\";\n\"use client\"\n\nimport * as React from \"react\"\nimport { useFormContext, type FieldValues, type FieldPath } from \"react-hook-form\"\nimport { Textarea } from \"@/components/atoms/textarea\"\nimport { cn } from \"@/utils/cn\"\nimport {\n FormControl,\n FormItem,\n FormMessage,\n FormLabel,\n FormDescription,\n FormField\n} from \"@/components/rhf/form\"\nimport { type RHFTextareaProps } from \"./rhf-textarea.types\"\n\n// ----------------------------------------------------------------------\n\n/**\n * A textarea component that integrates with React Hook Form.\n * Provides form validation, error handling, and accessibility features.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/molecules-rhf-rhftextarea--docs\n *\n * @example\n * ```tsx\n * <Form>\n * <RHFTextarea name=\"description\" label=\"Description\" />\n * </Form>\n * ```\n */\nexport function RHFTextarea<\n TFieldValues extends FieldValues = FieldValues,\n TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\n>({\n name,\n label,\n description,\n className,\n warningText,\n required,\n disabled,\n readOnly,\n placeholder,\n autoResize,\n \"aria-label\": ariaLabel,\n \"aria-describedby\": ariaDescribedby,\n onBlur,\n ...other\n}: RHFTextareaProps<TFieldValues, TName>) {\n const { control } = useFormContext<TFieldValues>()\n\n return (\n <FormField\n name={name}\n control={control}\n render={({ field, fieldState: { error } }) => (\n <FormItem>\n {label && (\n <FormLabel>\n {label}\n {required && <span className=\"text-destructive ml-1\">*</span>}\n </FormLabel>\n )}\n <FormControl>\n <Textarea\n {...field}\n value={field.value}\n onChange={(e) => {\n field.onChange(e.target.value)\n }}\n onBlur={(e) => {\n // trim if a string\n if (typeof field.value === \"string\") {\n field.onChange(field.value.trim())\n }\n field.onBlur() // pass to react-hook-form\n onBlur?.(e) // pass to wrapper\n }}\n className={cn(\n error && \"border-destructive focus-visible:ring-destructive\",\n className\n )}\n disabled={disabled}\n readOnly={readOnly}\n required={required}\n placeholder={placeholder}\n aria-label={ariaLabel}\n aria-describedby={ariaDescribedby}\n aria-invalid={!!error}\n aria-required={required}\n autoResize={autoResize}\n {...other}\n />\n </FormControl>\n {description && <FormDescription>{description}</FormDescription>}\n {error && <FormMessage>{error.message}</FormMessage>}\n {!error && warningText && (\n <p className=\"text-sm text-yellow-600 dark:text-yellow-500\" role=\"alert\">\n {warningText}\n </p>\n )}\n </FormItem>\n )}\n />\n )\n}\n","import * as React from \"react\"\nimport { cn } from \"@/utils/index\"\nimport { TextareaProps } from \"./textarea.types\"\n\n/**\n * Textarea component for creating accessible text areas.\n * Built on top of shadcn/ui's Textarea component.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-textarea--docs\n *\n * @example\n * ```tsx\n * <Textarea placeholder=\"Enter text\" />\n * ```\n */\nconst Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(\n ({ className, autoResize = false, ...props }, ref) => {\n const internalRef = React.useRef<HTMLTextAreaElement>(null)\n\n React.useEffect(() => {\n if (!autoResize || !internalRef.current) return\n\n const textarea = internalRef.current\n const resizeTextarea = () => {\n textarea.style.height = \"auto\"\n textarea.style.height = `${textarea.scrollHeight}px`\n }\n\n textarea.addEventListener(\"input\", resizeTextarea)\n resizeTextarea() // Initial resize\n\n return () => textarea.removeEventListener(\"input\", resizeTextarea)\n }, [autoResize])\n\n return (\n <textarea\n className={cn(\n \"flex min-h-[60px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-base shadow-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm\",\n className\n )}\n ref={ref}\n {...props}\n />\n )\n }\n)\n\nTextarea.displayName = \"Textarea\"\n\nexport { Textarea }\n","\"use client\";\n\"use client\"\n\nimport * as React from \"react\"\nimport { useFormContext, type FieldValues, type FieldPath } from \"react-hook-form\"\nimport { Checkbox } from \"@/components/atoms/checkbox\"\nimport {\n FormControl,\n FormItem,\n FormMessage,\n FormLabel,\n FormDescription,\n FormField\n} from \"@/components/rhf/form\"\nimport { type RHFCheckboxProps } from \"./rhf-checkbox.types\"\n\n// ----------------------------------------------------------------------\n\n/**\n * A checkbox component that integrates with React Hook Form.\n * Provides form validation, error handling, and accessibility features.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/molecules-rhf-rhfcheckbox--docs\n *\n * @example\n * ```tsx\n * <Form>\n * <RHFCheckbox name=\"terms\" label=\"Accept terms and conditions\" />\n * </Form>\n * ```\n */\nexport function RHFCheckbox<\n TFieldValues extends FieldValues = FieldValues,\n TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\n>({\n name,\n label,\n description,\n className,\n warningText,\n required,\n disabled,\n readOnly,\n \"aria-label\": ariaLabel,\n \"aria-describedby\": ariaDescribedby,\n ...other\n}: RHFCheckboxProps<TFieldValues, TName>) {\n const { control } = useFormContext<TFieldValues>()\n\n return (\n <FormField\n name={name}\n control={control}\n render={({ field, fieldState: { error } }) => (\n <FormItem className=\"flex flex-row items-start space-x-3 space-y-0\">\n <FormControl>\n <Checkbox\n checked={field.value}\n onCheckedChange={field.onChange}\n disabled={disabled}\n aria-label={ariaLabel}\n aria-describedby={ariaDescribedby}\n aria-invalid={!!error}\n aria-required={required}\n {...other}\n />\n </FormControl>\n <div className=\"space-y-1 leading-none\">\n {label && (\n <FormLabel>\n {label}\n {required && <span className=\"text-destructive ml-1\">*</span>}\n </FormLabel>\n )}\n {description && <FormDescription>{description}</FormDescription>}\n {error && <FormMessage>{error.message}</FormMessage>}\n {!error && warningText && (\n <p className=\"text-sm text-yellow-600 dark:text-yellow-500\" role=\"alert\">\n {warningText}\n </p>\n )}\n </div>\n </FormItem>\n )}\n />\n )\n}\n","\"use client\";\n\"use client\"\n\nimport * as React from \"react\"\nimport { useFormContext, type FieldValues, type FieldPath } from \"react-hook-form\"\nimport { Switch } from \"@/components/atoms/switch\"\nimport {\n FormControl,\n FormItem,\n FormMessage,\n FormLabel,\n FormDescription,\n FormField\n} from \"@/components/rhf/form\"\nimport { type RHFSwitchProps } from \"./rhf-switch.types\"\n\n// ----------------------------------------------------------------------\n\n/**\n * A switch component that integrates with React Hook Form.\n * Provides form validation, error handling, and accessibility features.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/molecules-rhf-rhfswitch--docs\n *\n * @example\n * ```tsx\n * <Form>\n * <RHFSwitch name=\"notifications\" label=\"Enable notifications\" />\n * </Form>\n * ```\n */\nexport function RHFSwitch<\n TFieldValues extends FieldValues = FieldValues,\n TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\n>({\n name,\n label,\n description,\n className,\n warningText,\n required,\n disabled,\n readOnly,\n \"aria-label\": ariaLabel,\n \"aria-describedby\": ariaDescribedby,\n ...other\n}: RHFSwitchProps<TFieldValues, TName>) {\n const { control } = useFormContext<TFieldValues>()\n\n return (\n <FormField\n name={name}\n control={control}\n render={({ field, fieldState: { error } }) => (\n <FormItem className=\"flex flex-row items-start space-x-3 space-y-0\">\n <FormControl>\n <Switch\n checked={field.value}\n onCheckedChange={field.onChange}\n disabled={disabled}\n aria-label={ariaLabel}\n aria-describedby={ariaDescribedby}\n aria-invalid={!!error}\n aria-required={required}\n {...other}\n />\n </FormControl>\n <div className=\"space-y-1 leading-none\">\n {label && (\n <FormLabel>\n {label}\n {required && <span className=\"text-destructive ml-1\">*</span>}\n </FormLabel>\n )}\n {description && <FormDescription>{description}</FormDescription>}\n {error && <FormMessage>{error.message}</FormMessage>}\n {!error && warningText && (\n <p className=\"text-sm text-yellow-600 dark:text-yellow-500\" role=\"alert\">\n {warningText}\n </p>\n )}\n </div>\n </FormItem>\n )}\n />\n )\n}\n","\"use client\";\n\"use client\"\n\nimport * as React from \"react\"\nimport { useFormContext, type FieldValues, type FieldPath } from \"react-hook-form\"\nimport {\n RadioGroup,\n RadioGroupItem,\n RadioItemLabel,\n RadioItemContainer\n} from \"@/components/atoms/radio-group\"\nimport {\n FormControl,\n FormItem,\n FormMessage,\n FormLabel,\n FormDescription,\n FormField\n} from \"@/components/rhf/form\"\nimport {\n RHFRadioGroupOption,\n type RHFRadioGroupProps,\n type RHFRadioGroupWithOptionsProps\n} from \"./rhf-radio-group.types\"\n\n// ----------------------------------------------------------------------\n\n/**\n * A radio group component that integrates with React Hook Form.\n * Provides form validation, error handling, and accessibility features.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/molecules-rhf-rhfradiogroup--docs\n *\n * @example\n * ```tsx\n * // Using children\n * <Form>\n * <RHFRadioGroup name=\"preference\" label=\"Select your preference\">\n * <RadioGroupItem value=\"option1\" label=\"Option 1\" />\n * <RadioGroupItem value=\"option2\" label=\"Option 2\" />\n * </RHFRadioGroup>\n * </Form>\n *\n * // Using options prop\n * <Form>\n * <RHFRadioGroup\n * name=\"preference\"\n * label=\"Select your preference\"\n * options={[\n * { id: \"option1\", label: \"Option 1\" },\n * { id: \"option2\", label: \"Option 2\" }\n * ]}\n * />\n * </Form>\n * ```\n */\nexport function RHFRadioGroup<\n TFieldValues extends FieldValues = FieldValues,\n TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\n>({\n name,\n label,\n description,\n className,\n warningText,\n required,\n disabled,\n readOnly,\n \"aria-label\": ariaLabel,\n \"aria-describedby\": ariaDescribedby,\n children,\n ...other\n}: RHFRadioGroupProps<TFieldValues, TName>) {\n const { control } = useFormContext<TFieldValues>()\n const hasOptions = \"options\" in other\n\n return (\n <FormField\n name={name}\n control={control}\n render={({ field, fieldState: { error } }) => (\n <FormItem className=\"space-y-3\">\n {label && (\n <FormLabel>\n {label}\n {required && <span className=\"text-destructive ml-1\">*</span>}\n </FormLabel>\n )}\n <FormControl>\n <RadioGroup\n onValueChange={field.onChange}\n defaultValue={field.value}\n disabled={disabled}\n aria-label={ariaLabel}\n aria-describedby={ariaDescribedby}\n aria-invalid={!!error}\n aria-required={required}\n {...other}\n >\n {hasOptions &&\n (other as RHFRadioGroupWithOptionsProps<TFieldValues, TName>).options.map(\n (option: RHFRadioGroupOption) => (\n <RadioItemContainer key={option.id}>\n <RadioGroupItem value={option.id} id={option.id} />\n <RadioItemLabel htmlFor={option.id}>{option.label}</RadioItemLabel>\n </RadioItemContainer>\n )\n )}\n {!hasOptions && children}\n </RadioGroup>\n </FormControl>\n {description && <FormDescription>{description}</FormDescription>}\n {error && <FormMessage>{error.message}</FormMessage>}\n {!error && warningText && (\n <p className=\"text-sm text-yellow-600 dark:text-yellow-500\" role=\"alert\">\n {warningText}\n </p>\n )}\n </FormItem>\n )}\n />\n )\n}\n","\"use client\";\n\"use client\"\n\nimport * as React from \"react\"\nimport { useFormContext, type FieldValues, type FieldPath } from \"react-hook-form\"\nimport { RadioGroup } from \"@/components/atoms/radio-group\"\nimport { Button } from \"@/components/atoms/button\"\nimport {\n FormControl,\n FormItem,\n FormMessage,\n FormLabel,\n FormDescription,\n FormField\n} from \"@/components/rhf/form\"\nimport { type RHFRadioButtonGroupProps } from \"./rhf-radio-button-group.types\"\n\n// ----------------------------------------------------------------------\n\n/**\n * A radio button group component that integrates with React Hook Form.\n * Uses buttons instead of traditional radio inputs for a more modern look.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/molecules-rhf-rhfradiobuttongroup--docs\n *\n * @example\n * ```tsx\n * <Form>\n * <RHFRadioButtonGroup\n * name=\"preference\"\n * label=\"Select your preference\"\n * options={[\n * { value: \"option1\", label: \"Option 1\" },\n * { value: \"option2\", label: \"Option 2\" },\n * { value: \"option3\", label: \"Option 3\" }\n * ]}\n * />\n * </Form>\n * ```\n */\nexport function RHFRadioButtonGroup<\n TFieldValues extends FieldValues = FieldValues,\n TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\n>({\n name,\n label,\n description,\n className,\n warningText,\n required,\n disabled,\n readOnly,\n \"aria-label\": ariaLabel,\n \"aria-describedby\": ariaDescribedby,\n options,\n ...other\n}: RHFRadioButtonGroupProps<TFieldValues, TName>) {\n const { control } = useFormContext<TFieldValues>()\n\n return (\n <FormField\n name={name}\n control={control}\n render={({ field, fieldState: { error } }) => (\n <FormItem className=\"space-y-3\">\n {label && (\n <FormLabel>\n {label}\n {required && <span className=\"text-destructive ml-1\">*</span>}\n </FormLabel>\n )}\n <FormControl>\n <RadioGroup\n onValueChange={field.onChange}\n defaultValue={field.value}\n disabled={disabled}\n aria-label={ariaLabel}\n aria-describedby={ariaDescribedby}\n aria-invalid={!!error}\n aria-required={required}\n className=\"flex gap-2 p-2 border border-gray-200 rounded-md w-fit\"\n {...other}\n >\n {options.map((option) => (\n <Button\n key={option.id}\n size={option.size ?? \"sm\"}\n variant={field.value === option.id ? \"default\" : \"secondary\"}\n onClick={() => field.onChange(option.id)}\n role=\"radio\"\n aria-checked={field.value === option.id}\n disabled={disabled}\n >\n {option.label}\n </Button>\n ))}\n </RadioGroup>\n </FormControl>\n {description && <FormDescription>{description}</FormDescription>}\n {warningText && <FormDescription className=\"text-warning\">{warningText}</FormDescription>}\n {error && <FormMessage>{error.message}</FormMessage>}\n </FormItem>\n )}\n />\n )\n}\n","\"use client\";\n\"use client\"\n\nimport * as React from \"react\"\nimport { useFormContext, type FieldValues, type FieldPath } from \"react-hook-form\"\nimport { MultiSelect } from \"@/components/atoms/select\"\n\nimport { cn } from \"@/utils/cn\"\nimport {\n FormControl,\n FormItem,\n FormMessage,\n FormLabel,\n FormDescription,\n FormField\n} from \"@/components/rhf/form\"\nimport { type RHFMultiSelectProps } from \"./rhf-multi-select.types\"\n\n// ----------------------------------------------------------------------\n\n/**\n * A multi-select component that integrates with React Hook Form.\n * Provides form validation, error handling, and accessibility features.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/molecules-rhf-rhfmultiselect--docs\n *\n * @example\n * ```tsx\n * <Form>\n * <RHFMultiSelect\n * name=\"countries\"\n * label=\"Countries\"\n * options={[\n * { id: \"us\", label: \"United States\" },\n * { id: \"ca\", label: \"Canada\" }\n * ]}\n *\n * />\n * </Form>\n * ```\n */\nexport function RHFMultiSelect<\n TFieldValues extends FieldValues = FieldValues,\n TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\n>({\n name,\n label,\n description,\n className,\n warningText,\n required,\n disabled,\n readOnly,\n placeholder,\n \"aria-label\": ariaLabel,\n \"aria-describedby\": ariaDescribedby,\n options,\n ...other\n}: RHFMultiSelectProps<TFieldValues, TName>) {\n const { control } = useFormContext<TFieldValues>()\n\n return (\n <FormField\n name={name}\n control={control}\n render={({ field, fieldState: { error } }) => {\n return (\n <FormItem>\n {label && (\n <FormLabel>\n {label}\n {required && <span className=\"text-destructive ml-1\">*</span>}\n </FormLabel>\n )}\n <FormControl>\n <MultiSelect\n {...field}\n options={options}\n value={field.value || []}\n onChange={field.onChange}\n className={cn(\n error && \"border-destructive focus-visible:ring-destructive\",\n className\n )}\n disabled={disabled || readOnly}\n required={required}\n placeholder={placeholder}\n aria-label={ariaLabel}\n aria-describedby={ariaDescribedby}\n aria-invalid={!!error}\n aria-required={required}\n {...other}\n />\n </FormControl>\n {description && <FormDescription>{description}</FormDescription>}\n {error && <FormMessage>{error.message}</FormMessage>}\n {!error && warningText && (\n <p className=\"text-sm text-yellow-600 dark:text-yellow-500\" role=\"alert\">\n {warningText}\n </p>\n )}\n </FormItem>\n )\n }}\n />\n )\n}\n","\"use client\";\n\"use client\"\n\nimport * as React from \"react\"\nimport { useFormContext, type FieldValues, type FieldPath } from \"react-hook-form\"\nimport { Select } from \"@/components/atoms/select\"\nimport { cn } from \"@/utils/cn\"\nimport {\n FormControl,\n FormItem,\n FormMessage,\n FormLabel,\n FormDescription,\n FormField\n} from \"@/components/rhf/form\"\nimport { type RHFSelectProps } from \"./rhf-select.types\"\n\n// ----------------------------------------------------------------------\n\n/**\n * A select component that integrates with React Hook Form.\n * Provides form validation, error handling, and accessibility features.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/molecules-rhf-rhfselect--docs\n *\n * @example\n * ```tsx\n * <Form>\n * <RHFSelect\n * name=\"country\"\n * label=\"Country\"\n * options={[\n * { id: \"us\", label: \"United States\" },\n * { id: \"ca\", label: \"Canada\" }\n * ]}\n * />\n * </Form>\n * ```\n */\nexport function RHFSelect<\n TFieldValues extends FieldValues = FieldValues,\n TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\n>({\n name,\n label,\n description,\n className,\n warningText,\n required,\n disabled,\n readOnly,\n placeholder,\n \"aria-label\": ariaLabel,\n \"aria-describedby\": ariaDescribedby,\n options,\n ...other\n}: RHFSelectProps<TFieldValues, TName>) {\n const { control } = useFormContext<TFieldValues>()\n\n return (\n <FormField\n name={name}\n control={control}\n render={({ field, fieldState: { error } }) => (\n <FormItem>\n {label && (\n <FormLabel>\n {label}\n {required && <span className=\"text-destructive ml-1\">*</span>}\n </FormLabel>\n )}\n <FormControl>\n <Select\n {...field}\n options={options}\n value={field.value || \"\"}\n onChange={field.onChange}\n className={cn(\n error && \"border-destructive focus-visible:ring-destructive\",\n className\n )}\n disabled={disabled || readOnly}\n required={required}\n placeholder={placeholder}\n aria-label={ariaLabel}\n aria-describedby={ariaDescribedby}\n aria-invalid={!!error}\n aria-required={required}\n {...other}\n />\n </FormControl>\n {description && <FormDescription>{description}</FormDescription>}\n {error && <FormMessage>{error.message}</FormMessage>}\n {!error && warningText && (\n <p className=\"text-sm text-yellow-600 dark:text-yellow-500\" role=\"alert\">\n {warningText}\n </p>\n )}\n </FormItem>\n )}\n />\n )\n}\n","\"use client\";\n\"use client\"\n\nimport * as React from \"react\"\nimport { useFormContext, type FieldValues, type FieldPath } from \"react-hook-form\"\nimport { DndInput } from \"@/components/atoms/dnd-input\"\nimport { cn } from \"@/utils/cn\"\nimport {\n FormControl,\n FormItem,\n FormMessage,\n FormLabel,\n FormDescription,\n FormField\n} from \"@/components/rhf/form\"\nimport type { RhfDndInputProps } from \"./rhf-dnd-input.types\"\n\n/**\n * RhfDndInput is a React Hook Form wrapper around the DndInput component.\n * It provides form integration with validation and error handling.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-dnd-input--docs\n *\n * @example\n * ```tsx\n * // Basic usage with React Hook Form\n * <Form>\n * <RhfDndInput\n * name=\"files\"\n * label=\"Upload Files\"\n * rules={{ required: \"Please upload a file\" }}\n * />\n * </Form>\n *\n * // With file type restrictions\n * <Form>\n * <RhfDndInput\n * name=\"files\"\n * label=\"Upload Images\"\n * accept={{ 'image/*': ['.png', '.jpg'] }}\n * rules={{\n * required: \"Please upload a file\",\n * validate: (files) => files.length > 0 || \"At least one file is required\"\n * }}\n * />\n * </Form>\n * ```\n */\nexport function RhfDndInput<\n TFieldValues extends FieldValues = FieldValues,\n TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\n>({\n name,\n label,\n description,\n className,\n required,\n disabled,\n \"aria-label\": ariaLabel,\n \"aria-describedby\": ariaDescribedby,\n ...other\n}: RhfDndInputProps<TFieldValues, TName>) {\n const { control } = useFormContext<TFieldValues>()\n\n return (\n <FormField\n name={name}\n control={control}\n render={({ field, fieldState: { error } }) => (\n <FormItem>\n {label && (\n <FormLabel>\n {label}\n {required && <span className=\"text-destructive ml-1\">*</span>}\n </FormLabel>\n )}\n <FormControl>\n <DndInput\n {...field}\n {...other}\n disabled={disabled}\n aria-label={ariaLabel}\n aria-describedby={ariaDescribedby}\n aria-invalid={!!error}\n aria-required={required}\n className={cn(\n error && \"border-destructive focus-visible:ring-destructive\",\n className\n )}\n onDrop={(acceptedFiles, fileRejections, event) => {\n field.onChange(acceptedFiles)\n other.onDrop?.(acceptedFiles, fileRejections, event)\n }}\n />\n </FormControl>\n {description && <FormDescription>{description}</FormDescription>}\n {error && <FormMessage>{error.message}</FormMessage>}\n </FormItem>\n )}\n />\n )\n}\n"],"mappings":"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","names":["React","Slot","cva","clsx","twMerge","cn","inputs","Loader2","jsx","jsxs","buttonVariants","cva","Button","className","variant","size","asChild","startIcon","endIcon","loading","disabled","children","type","ariaLabel","props","ref","Comp","Slot","isDisabled","buttonAriaLabel","handleKeyDown","event","cn","React","cva","Loader2","React","jsx","Input","className","type","props","ref","cn","React","LabelPrimitive","cva","jsx","labelVariants","cva","Label","className","props","ref","cn","jsx","jsxs","textFieldVariants","cva","TextField","className","variant","size","startIcon","endIcon","loading","error","label","helperText","disabled","props","ref","id","Label","Input","cn","Loader2","React","jsx","Container","className","maxWidth","disablePadding","fluid","props","ref","cn","React","jsx","Box","Component","className","width","height","style","props","ref","dimensionStyles","cn","React","jsx","Stack","className","direction","spacing","wrap","center","justify","align","width","height","style","props","ref","cn","React","DialogPrimitive","X","jsx","jsxs","Dialog","DialogTrigger","DialogPortal","DialogClose","DialogOverlay","className","props","ref","cn","DialogContent","children","X","DialogHeader","DialogFooter","DialogTitle","DialogDescription","React","SeparatorPrimitive","jsx","Separator","className","orientation","decorative","props","ref","cn","React","SheetPrimitive","cva","X","jsx","jsxs","Sheet","SheetTrigger","SheetClose","SheetPortal","SheetOverlay","className","props","ref","cn","sheetVariants","cva","SheetContent","side","children","X","SheetHeader","SheetFooter","SheetTitle","SheetDescription","jsx","Skeleton","className","props","cn","React","AvatarPrimitive","jsx","Avatar","className","props","ref","cn","AvatarImage","AvatarFallback","React","TooltipPrimitive","jsx","TooltipProvider","Tooltip","TooltipTrigger","TooltipContent","className","sideOffset","props","ref","cn","React","cva","badgeVariants","jsx","jsxs","Badge","className","variant","size","icon","iconAfter","children","props","ref","cn","badgeVariants","React","cva","jsx","typographyVariants","Typography","className","variant","align","Component","props","ref","cn","Loader2","jsx","jsxs","PageLoader","className","size","text","color","sizeClasses","loaderColor","cn","React","ToastPrimitives","cva","X","jsx","ToastProvider","ToastViewport","className","props","ref","cn","toastVariants","cva","Toast","variant","ToastAction","ToastClose","X","ToastTitle","ToastDescription","React","TOAST_LIMIT","TOAST_REMOVE_DELAY","count","genId","toastTimeouts","addToRemoveQueue","toastId","timeout","dispatch","TOAST_REMOVE_DELAY","reducer","state","action","TOAST_LIMIT","t","toast","listeners","memoryState","listener","props","id","update","dismiss","open","useToast","setState","index","jsx","jsxs","Toaster","toasts","useToast","ToastProvider","id","title","description","action","props","Toast","ToastTitle","ToastDescription","ToastClose","ToastViewport","React","jsx","Table","className","props","ref","cn","TableHeader","TableBody","TableFooter","TableRow","TableHead","TableCell","TableCaption","GripVertical","ResizablePrimitive","jsx","ResizablePanelGroup","className","props","cn","ResizablePanel","ResizableHandle","withHandle","GripVertical","React","ChevronDown","Popover","PopoverContent","PopoverTrigger","React","CommandPrimitive","Search","jsx","jsxs","Command","className","props","ref","CommandPrimitive","cn","CommandDialog","children","Dialog","DialogContent","CommandInput","Search","CommandList","CommandEmpty","CommandGroup","CommandSeparator","CommandItem","CommandShortcut","jsx","jsxs","Select","options","value","onChange","placeholder","disabled","required","error","className","fullWidth","searchable","id","renderCommandList","open","setOpen","triggerWidth","setTriggerWidth","triggerRef","selectedOption","option","cn","Popover","PopoverTrigger","Button","ChevronDown","PopoverContent","Command","CommandInput","CommandList","CommandEmpty","CommandGroup","CommandItem","Typography","React","Check","ChevronDown","X","Popover","PopoverContent","PopoverTrigger","jsx","jsxs","MultiSelect","options","value","onChange","placeholder","disabled","required","error","className","fullWidth","searchable","id","maxSelections","showSelectAll","renderCommandList","open","setOpen","selectedOptions","option","handleSelect","optionId","selectedId","handleSelectAll","enabledOptions","handleRemove","e","cn","Popover","PopoverTrigger","Button","X","ChevronDown","PopoverContent","Command","CommandInput","CommandList","CommandEmpty","CommandGroup","CommandItem","o","Check","Typography","CommandSeparator","React","SwitchPrimitives","jsx","Switch","className","props","ref","cn","CollapsiblePrimitive","forwardRef","jsx","Collapsible","CollapsibleTrigger","className","props","ref","cn","CollapsibleContent","React","ChevronLeft","ChevronRight","MoreHorizontal","jsx","jsxs","Pagination","className","props","cn","PaginationContent","ref","PaginationItem","PaginationLink","isActive","size","children","buttonVariants","PaginationPrevious","ChevronLeft","PaginationNext","ChevronRight","PaginationEllipsis","MoreHorizontal","React","RadioGroupPrimitive","Circle","jsx","RadioGroup","className","props","ref","cn","RadioGroupItem","Circle","RadioItemContainer","RadioItemLabel","Label","React","AccordionPrimitive","ChevronDown","jsx","jsxs","Accordion","className","props","ref","cn","AccordionItem","AccordionTrigger","children","ChevronDown","AccordionContent","React","CheckboxPrimitive","Check","jsx","Checkbox","className","props","ref","cn","Check","React","Slot","ChevronRight","MoreHorizontal","jsx","jsxs","Breadcrumb","props","ref","BreadcrumbList","className","cn","BreadcrumbItem","BreadcrumbLink","asChild","Slot","BreadcrumbPage","BreadcrumbSeparator","children","ChevronRight","BreadcrumbEllipsis","MoreHorizontal","useDropzone","UploadIcon","Fragment","jsx","jsxs","defaultContent","DndInput","onDrop","accept","className","children","props","getRootProps","getInputProps","isDragActive","isFocused","useDropzone","cn","React","ScrollAreaPrimitive","jsx","jsxs","ScrollArea","className","children","props","ref","cn","ScrollBar","orientation","React","jsx","Card","className","props","ref","cn","CardHeader","CardTitle","children","CardDescription","CardContent","CardFooter","React","NavigationMenuPrimitive","ChevronDown","cva","navigationMenuTriggerStyle","jsx","jsxs","NavigationMenu","className","children","props","ref","cn","NavigationMenuViewport","NavigationMenuList","NavigationMenuItem","NavigationMenuTrigger","variant","navigationMenuTriggerStyle","ChevronDown","NavigationMenuContent","NavigationMenuLink","NavigationMenuIndicator","React","TabsPrimitive","jsx","Tabs","TabsList","className","props","ref","cn","TabsTrigger","TabsContent","useEditor","EditorContent","Placeholder","useEffect","StarterKit","Markdown","extensions","jsx","MarkdownEditor","value","onChange","className","placeholder","disabled","onKeyDown","autoFocus","editor","useEditor","extensions","Placeholder","e","cn","view","event","useEffect","EditorContent","React","DrawerPrimitive","jsx","jsxs","Drawer","shouldScaleBackground","props","DrawerTrigger","DrawerPortal","DrawerClose","DrawerOverlay","className","ref","cn","DrawerContent","children","DrawerHeader","DrawerFooter","DrawerTitle","DrawerDescription","React","Slot","cva","PanelLeft","React","MOBILE_BREAKPOINT","useIsMobile","isMobile","setIsMobile","mql","onChange","jsx","jsxs","SIDEBAR_COOKIE_NAME","SIDEBAR_COOKIE_MAX_AGE","SIDEBAR_WIDTH","SIDEBAR_WIDTH_MOBILE","SIDEBAR_WIDTH_ICON","SIDEBAR_KEYBOARD_SHORTCUT","SidebarContext","useSidebar","context","SidebarProvider","defaultOpen","openProp","setOpenProp","className","style","children","props","ref","isMobile","useIsMobile","openMobile","setOpenMobile","_open","_setOpen","open","setOpen","value","openState","toggleSidebar","handleKeyDown","event","state","contextValue","TooltipProvider","cn","Sidebar","side","variant","collapsible","Sheet","SheetContent","SheetHeader","SheetTitle","SheetDescription","SidebarTrigger","onClick","Button","PanelLeft","SidebarRail","SidebarInset","SidebarInput","Input","SidebarHeader","SidebarFooter","SidebarSeparator","Separator","SidebarContent","SidebarGroup","SidebarGroupLabel","asChild","Slot","SidebarGroupAction","SidebarGroupContent","SidebarMenu","SidebarMenuItem","sidebarMenuButtonVariants","cva","SidebarMenuButton","isActive","size","tooltip","Comp","button","Tooltip","TooltipTrigger","TooltipContent","SidebarMenuAction","showOnHover","SidebarMenuBadge","SidebarMenuSkeleton","showIcon","width","Skeleton","SidebarMenuSub","SidebarMenuSubItem","SidebarMenuSubButton","React","DropdownMenuPrimitive","Check","ChevronRight","Circle","jsx","jsxs","DropdownMenu","DropdownMenuTrigger","DropdownMenuGroup","DropdownMenuPortal","DropdownMenuSub","DropdownMenuRadioGroup","DropdownMenuSubTrigger","className","inset","children","props","ref","cn","ChevronRight","DropdownMenuSubContent","DropdownMenuContent","sideOffset","DropdownMenuItem","DropdownMenuCheckboxItem","checked","Check","DropdownMenuRadioItem","Circle","DropdownMenuLabel","DropdownMenuSeparator","DropdownMenuShortcut","useFormContext","React","Slot","Controller","FormProvider","useFormContext","jsx","Form","FormProvider","FormFieldContext","FormField","props","Controller","useFormField","fieldContext","itemContext","FormItemContext","getFieldState","formState","useFormContext","fieldState","id","FormItem","className","ref","cn","FormLabel","error","formItemId","Label","FormControl","formDescriptionId","formMessageId","Slot","FormDescription","FormMessage","children","body","jsx","jsxs","RHFTextField","name","label","description","className","type","warningText","required","disabled","readOnly","placeholder","ariaLabel","ariaDescribedby","onBlur","other","control","useFormContext","FormField","field","error","FormItem","FormLabel","FormControl","Input","e","cn","FormDescription","FormMessage","useFormContext","React","jsx","Textarea","className","autoResize","props","ref","internalRef","textarea","resizeTextarea","cn","jsx","jsxs","RHFTextarea","name","label","description","className","warningText","required","disabled","readOnly","placeholder","autoResize","ariaLabel","ariaDescribedby","onBlur","other","control","useFormContext","FormField","field","error","FormItem","FormLabel","FormControl","Textarea","e","cn","FormDescription","FormMessage","useFormContext","jsx","jsxs","RHFCheckbox","name","label","description","className","warningText","required","disabled","readOnly","ariaLabel","ariaDescribedby","other","control","useFormContext","FormField","field","error","FormItem","FormControl","Checkbox","FormLabel","FormDescription","FormMessage","useFormContext","jsx","jsxs","RHFSwitch","name","label","description","className","warningText","required","disabled","readOnly","ariaLabel","ariaDescribedby","other","control","useFormContext","FormField","field","error","FormItem","FormControl","Switch","FormLabel","FormDescription","FormMessage","useFormContext","jsx","jsxs","RHFRadioGroup","name","label","description","className","warningText","required","disabled","readOnly","ariaLabel","ariaDescribedby","children","other","control","useFormContext","hasOptions","FormField","field","error","FormItem","FormLabel","FormControl","RadioGroup","option","RadioItemContainer","RadioGroupItem","RadioItemLabel","FormDescription","FormMessage","useFormContext","jsx","jsxs","RHFRadioButtonGroup","name","label","description","className","warningText","required","disabled","readOnly","ariaLabel","ariaDescribedby","options","other","control","useFormContext","FormField","field","error","FormItem","FormLabel","FormControl","RadioGroup","option","Button","FormDescription","FormMessage","useFormContext","jsx","jsxs","RHFMultiSelect","name","label","description","className","warningText","required","disabled","readOnly","placeholder","ariaLabel","ariaDescribedby","options","other","control","useFormContext","FormField","field","error","FormItem","FormLabel","FormControl","MultiSelect","cn","FormDescription","FormMessage","useFormContext","jsx","jsxs","RHFSelect","name","label","description","className","warningText","required","disabled","readOnly","placeholder","ariaLabel","ariaDescribedby","options","other","control","useFormContext","FormField","field","error","FormItem","FormLabel","FormControl","Select","cn","FormDescription","FormMessage","useFormContext","jsx","jsxs","RhfDndInput","name","label","description","className","required","disabled","ariaLabel","ariaDescribedby","other","control","useFormContext","FormField","field","error","FormItem","FormLabel","FormControl","DndInput","cn","acceptedFiles","fileRejections","event","FormDescription","FormMessage"]}