@hex-core/components 1.3.0 → 1.4.0

package/dist/index.d.ts

@@ -1,1031 +1,101 @@
-import * as class_variance_authority_types from 'class-variance-authority/types';
-import { VariantProps } from 'class-variance-authority';
-import * as React$1 from 'react';
-import * as LabelPrimitive from '@radix-ui/react-label';
-import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
-import * as SwitchPrimitive from '@radix-ui/react-switch';
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as SeparatorPrimitive from '@radix-ui/react-separator';
-import * as SelectPrimitive from '@radix-ui/react-select';
-import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
-import * as SliderPrimitive from '@radix-ui/react-slider';
-import * as TogglePrimitive from '@radix-ui/react-toggle';
-import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
-import * as AvatarPrimitive from '@radix-ui/react-avatar';
-import * as ProgressPrimitive from '@radix-ui/react-progress';
-import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
-import * as AspectRatioPrimitive from '@radix-ui/react-aspect-ratio';
-import * as TabsPrimitive from '@radix-ui/react-tabs';
-import * as AccordionPrimitive from '@radix-ui/react-accordion';
-import * as DialogPrimitive from '@radix-ui/react-dialog';
-import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
-import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
-import * as PopoverPrimitive from '@radix-ui/react-popover';
-import * as TooltipPrimitive from '@radix-ui/react-tooltip';
-import * as _radix_ui_react_slot from '@radix-ui/react-slot';
-import * as react_hook_form from 'react-hook-form';
-import { FieldValues, FieldPath, ControllerProps } from 'react-hook-form';
-import { Toaster as Toaster$1 } from 'sonner';
-export { toast } from 'sonner';
-import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
-import * as HoverCardPrimitive from '@radix-ui/react-hover-card';
-import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
-import * as MenubarPrimitive from '@radix-ui/react-menubar';
-import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
-import { ColumnDef } from '@tanstack/react-table';
-import { DayPicker } from 'react-day-picker';
-import { OTPInput } from 'input-otp';
-import * as vaul from 'vaul';
-import { Drawer as Drawer$1 } from 'vaul';
-import { Separator as Separator$1, Panel, Group } from 'react-resizable-panels';
-import { ComponentSchemaDefinition } from '@hex-core/registry';
+export { Button, ButtonProps } from './button.js';
+export { Input, InputProps } from './input.js';
+export { Label, LabelProps } from './label.js';
+export { Textarea, TextareaProps } from './textarea.js';
+export { Checkbox, CheckboxProps } from './checkbox.js';
+export { Switch, SwitchProps } from './switch.js';
+export { Badge, BadgeProps, badgeVariants } from './badge.js';
+export { Separator, SeparatorProps } from './separator.js';
+export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue } from './select.js';
+export { RadioGroup, RadioGroupItem } from './radio-group.js';
+export { Slider } from './slider.js';
+export { Toggle, toggleVariants } from './toggle.js';
+export { ToggleGroup, ToggleGroupItem } from './toggle-group.js';
+export { Avatar, AvatarFallback, AvatarImage } from './avatar.js';
+export { Skeleton } from './skeleton.js';
+export { Progress } from './progress.js';
+export { ScrollArea, ScrollBar } from './scroll-area.js';
+export { AspectRatio } from './aspect-ratio.js';
+export { Container, ContainerProps, containerVariants } from './container.js';
+export { Stack, StackProps, stackVariants } from './stack.js';
+export { Cluster, ClusterProps, clusterVariants } from './cluster.js';
+export { Grid, GridProps, gridVariants } from './grid.js';
+export { Spacer, SpacerProps, spacerVariants } from './spacer.js';
+export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from './card.js';
+export { Tabs, TabsContent, TabsList, TabsTrigger } from './tabs.js';
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from './accordion.js';
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger } from './dialog.js';
+export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger } from './alert-dialog.js';
+export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuTrigger } from './dropdown-menu.js';
+export { Popover, PopoverAnchor, PopoverContent, PopoverTrigger } from './popover.js';
+export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from './tooltip.js';
+export { Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, useFormField } from './form.js';
+export { Alert, AlertDescription, AlertTitle, alertVariants } from './alert.js';
+export { Toaster } from './sonner.js';
+export { Collapsible, CollapsibleContent, CollapsibleTrigger } from './collapsible.js';
+export { HoverCard, HoverCardContent, HoverCardTrigger } from './hover-card.js';
+export { ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuTrigger } from './context-menu.js';
+export { Menubar, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarSeparator, MenubarShortcut, MenubarTrigger } from './menubar.js';
+export { NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, navigationMenuTriggerStyle } from './navigation-menu.js';
+export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator } from './breadcrumb.js';
+export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow } from './table.js';
+export { DataTable, DataTableProps } from './data-table.js';
+export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious } from './pagination.js';
+export { Calendar } from './calendar.js';
+export { DatePicker, DatePickerProps } from './date-picker.js';
+export { InputOTP, InputOTPGroup, InputOTPProps, InputOTPSeparator, InputOTPSlot } from './input-otp.js';
+export { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut } from './command.js';
+export { Combobox, ComboboxOption, ComboboxProps } from './combobox.js';
+export { ColorPicker, ColorPickerProps } from './color-picker.js';
+export { MultiCombobox, MultiComboboxOption, MultiComboboxProps } from './multi-combobox.js';
+export { StepStatus, Stepper, StepperProps, StepperStep } from './stepper.js';
+export { Timeline, TimelineEvent, TimelineProps, TimelineStatus } from './timeline.js';
+export { Dropzone, DropzoneProps, DropzoneRenderState } from './dropzone.js';
+export { TimePicker, TimePickerProps } from './time-picker.js';
+export { FileTree, FileTreeNode, FileTreeProps } from './file-tree.js';
+export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger } from './sheet.js';
+export { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger } from './drawer.js';
+export { ResizableHandle, ResizablePanel, ResizablePanelGroup } from './resizable.js';
+export { Sidebar, SidebarContent, SidebarFooter, SidebarHeader, SidebarItem, SidebarProvider, SidebarTrigger, useSidebar } from './sidebar.js';
 import { ClassValue } from 'clsx';
-
-declare const buttonVariants: (props?: ({
-    variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | null | undefined;
-    size?: "default" | "sm" | "lg" | "icon" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-interface ButtonProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
-    asChild?: boolean;
-    loading?: boolean;
-}
-declare const Button: React$1.ForwardRefExoticComponent<ButtonProps & React$1.RefAttributes<HTMLButtonElement>>;
-
-type InputProps = React$1.InputHTMLAttributes<HTMLInputElement>;
-declare const Input: React$1.ForwardRefExoticComponent<InputProps & React$1.RefAttributes<HTMLInputElement>>;
-
-declare const labelVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
-interface LabelProps extends React$1.ComponentPropsWithoutRef<typeof LabelPrimitive.Root>, VariantProps<typeof labelVariants> {
-}
-declare const Label: React$1.ForwardRefExoticComponent<LabelProps & React$1.RefAttributes<HTMLLabelElement>>;
-
-/**
- * A styled multi-line text input with smooth focus transitions and shadow effects.
- * Extends the native HTML textarea element with Hex UI styling.
- */
-type TextareaProps = React$1.TextareaHTMLAttributes<HTMLTextAreaElement>;
-declare const Textarea: React$1.ForwardRefExoticComponent<TextareaProps & React$1.RefAttributes<HTMLTextAreaElement>>;
-
-/**
- * An accessible checkbox component built on Radix UI.
- * Supports checked, unchecked, and indeterminate states with smooth animations.
- */
-type CheckboxProps = React$1.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>;
-declare const Checkbox: React$1.ForwardRefExoticComponent<Omit<CheckboxPrimitive.CheckboxProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
-
-/**
- * An accessible toggle switch built on Radix UI.
- * Use for instant on/off settings that take effect immediately.
- */
-type SwitchProps = React$1.ComponentPropsWithoutRef<typeof SwitchPrimitive.Root>;
-declare const Switch: React$1.ForwardRefExoticComponent<Omit<SwitchPrimitive.SwitchProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
-
-declare const badgeVariants: (props?: ({
-    variant?: "default" | "destructive" | "outline" | "secondary" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-/**
- * A small status indicator badge with multiple style variants.
- * Used for tags, statuses, counts, and categorization.
- */
-interface BadgeProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
-}
-/**
- * Renders an inline badge element with variant-based styling.
- * @param props - Badge props including variant and className
- * @returns A styled div element
- */
-declare function Badge({ className, variant, ...props }: BadgeProps): react_jsx_runtime.JSX.Element;
-
-/**
- * A visual divider between content sections.
- * Built on Radix UI Separator for proper accessibility semantics.
- */
-type SeparatorProps = React$1.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root>;
-declare const Separator: React$1.ForwardRefExoticComponent<Omit<SeparatorPrimitive.SeparatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-
-/** Root container controlling the select's state. */
-declare const Select: React$1.FC<SelectPrimitive.SelectProps>;
-/** Groups a set of related SelectItem elements. */
-declare const SelectGroup: React$1.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React$1.RefAttributes<HTMLDivElement>>;
-/** Renders the selected value (or placeholder) inside the trigger. */
-declare const SelectValue: React$1.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React$1.RefAttributes<HTMLSpanElement>>;
-/** The button users click to open the dropdown. */
-declare const SelectTrigger: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
-/** The dropdown panel containing selectable options. */
-declare const SelectContent: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-/** A non-interactive label within a SelectGroup. */
-declare const SelectLabel: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectLabelProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-/** A selectable option. */
-declare const SelectItem: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-/** Horizontal divider between groups inside SelectContent. */
-declare const SelectSeparator: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-
-/** Root container for a radio group. Pair with one or more RadioGroupItem. */
-declare const RadioGroup: React$1.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-/** A single radio option within a RadioGroup. */
-declare const RadioGroupItem: React$1.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupItemProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
-
-interface SliderProps extends React$1.ComponentPropsWithoutRef<typeof SliderPrimitive.Root> {
-    /**
-     * Per-thumb accessible labels. When the slider has multiple thumbs, pass
-     * one entry per thumb (e.g. ["Minimum", "Maximum"]). For a single-thumb
-     * slider, the Root's `aria-label` / `aria-labelledby` is mirrored onto
-     * the thumb automatically — pass `thumbLabels` only when those defaults
-     * are insufficient.
-     */
-    thumbLabels?: string[];
-}
-/**
- * A range input with one or more draggable thumbs.
- * Built on Radix UI Slider with keyboard controls (arrows, Home, End, PageUp/Down).
- */
-declare const Slider: React$1.ForwardRefExoticComponent<SliderProps & React$1.RefAttributes<HTMLSpanElement>>;
-
-declare const toggleVariants: (props?: ({
-    variant?: "default" | "outline" | null | undefined;
-    size?: "default" | "sm" | "lg" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-/**
- * A two-state button. Stays pressed when toggled on.
- * @returns A styled Radix Toggle root
- */
-declare const Toggle: React$1.ForwardRefExoticComponent<Omit<TogglePrimitive.ToggleProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<(props?: ({
-    variant?: "default" | "outline" | null | undefined;
-    size?: "default" | "sm" | "lg" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string> & React$1.RefAttributes<HTMLButtonElement>>;
-
-/** Root container for a set of toggles (single-select or multi-select). */
-declare const ToggleGroup: React$1.ForwardRefExoticComponent<((Omit<ToggleGroupPrimitive.ToggleGroupSingleProps & React$1.RefAttributes<HTMLDivElement>, "ref"> | Omit<ToggleGroupPrimitive.ToggleGroupMultipleProps & React$1.RefAttributes<HTMLDivElement>, "ref">) & VariantProps<(props?: ({
-    variant?: "default" | "outline" | null | undefined;
-    size?: "default" | "sm" | "lg" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string>) & React$1.RefAttributes<HTMLDivElement>>;
-/** A single toggle option within a ToggleGroup. Inherits variant/size from context. */
-declare const ToggleGroupItem: React$1.ForwardRefExoticComponent<Omit<ToggleGroupPrimitive.ToggleGroupItemProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<(props?: ({
-    variant?: "default" | "outline" | null | undefined;
-    size?: "default" | "sm" | "lg" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string> & React$1.RefAttributes<HTMLButtonElement>>;
-
-/** Root container for an avatar (image + fallback). */
-declare const Avatar: React$1.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarProps & React$1.RefAttributes<HTMLSpanElement>, "ref"> & React$1.RefAttributes<HTMLSpanElement>>;
-/** Avatar image. AvatarFallback renders in its place when the image is missing or errors. */
-declare const AvatarImage: React$1.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarImageProps & React$1.RefAttributes<HTMLImageElement>, "ref"> & React$1.RefAttributes<HTMLImageElement>>;
-/** Fallback content (usually initials or an icon) shown when the image is missing or fails. Supports delayMs to avoid flashing for fast-loading images. */
-declare const AvatarFallback: React$1.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarFallbackProps & React$1.RefAttributes<HTMLSpanElement>, "ref"> & React$1.RefAttributes<HTMLSpanElement>>;
-
-/**
- * A placeholder shimmer element shown while content is loading.
- * Pair with explicit width/height via className.
- * @returns A div with pulsing muted background
- */
-declare function Skeleton({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
-
-/**
- * A horizontal progress bar from 0–100%.
- * Built on Radix UI Progress for aria-valuenow/max wiring.
- */
-declare const Progress: React$1.ForwardRefExoticComponent<Omit<ProgressPrimitive.ProgressProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-
-interface ScrollAreaProps extends React$1.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Root> {
-    /**
-     * tabIndex applied to the scroll viewport so keyboard users can scroll
-     * without a pointer. Defaults to `0` (focusable) — pass `-1` to skip the
-     * viewport in the tab order when ScrollArea wraps purely decorative or
-     * already-keyboard-reachable content.
-     */
-    viewportTabIndex?: number;
-}
-/** A scrollable area with custom-styled scrollbars. Content must be explicitly sized. */
-declare const ScrollArea: React$1.ForwardRefExoticComponent<ScrollAreaProps & React$1.RefAttributes<HTMLDivElement>>;
-/** Styled scrollbar track + thumb. Rendered inside ScrollArea automatically. */
-declare const ScrollBar: React$1.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaScrollbarProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-
-/** A container that maintains a specified width-to-height ratio for its children. */
-declare const AspectRatio: React$1.ForwardRefExoticComponent<AspectRatioPrimitive.AspectRatioProps & React$1.RefAttributes<HTMLDivElement>>;
-
-/**
- * CVA variants for Container — max-width wrapper bound to `--container-*` tokens.
- * Variant names match token names (`sm`/`md`/`lg`/`xl`/`full`); `full` removes the clamp.
- * Padding maps to `--space-*` tokens.
- */
-declare const containerVariants: (props?: ({
-    size?: "sm" | "lg" | "md" | "xl" | "full" | null | undefined;
-    padding?: "sm" | "lg" | "none" | "md" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-/** Props for the Container component. */
-interface ContainerProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof containerVariants> {
-    /**
-     * Render as a different element via Radix `Slot`. Pass `<Container asChild><main>...</main></Container>`
-     * to render the layout as a `<main>` (or `<section>`, `<article>`, etc.) and inherit landmark semantics.
-     */
-    asChild?: boolean;
-}
-/**
- * A centered max-width wrapper for page content. Use to constrain reading-width sections.
- * Pass `asChild` to render as a semantic landmark (`<main>`, `<section>`, etc.) instead of a plain `<div>`.
- *
- * @param props - Container props including `size`, `padding`, and optional `asChild`.
- * @returns A wrapper element with `mx-auto`, max-width clamp, and optional horizontal padding.
- * @example
- * ```tsx
- * <Container size="lg" padding="md" asChild>
- *   <main>
- *     <h1>Article title</h1>
- *     <p>Reading-width content...</p>
- *   </main>
- * </Container>
- * ```
- */
-declare function Container({ className, size, padding, asChild, ...props }: ContainerProps): react_jsx_runtime.JSX.Element;
-
-/**
- * CVA variants for Stack — vertical flex flow. `gap`, `align`, and `justify`
- * pull from the shared layout-variant maps so any change to the gap scale
- * propagates to Cluster and Grid simultaneously.
- */
-declare const stackVariants: (props?: ({
-    gap?: "sm" | "lg" | "md" | "xl" | "xs" | null | undefined;
-    align?: "center" | "start" | "end" | "stretch" | null | undefined;
-    justify?: "center" | "start" | "end" | "between" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-/** Props for the Stack component. */
-interface StackProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof stackVariants> {
-}
-/**
- * Vertical flex flow with token-bound gap. Children stack top-to-bottom.
- * @param props - Stack props including `gap`, `align`, and `justify` variant keys.
- * @returns A flex column with consistent vertical spacing.
- * @example
- * ```tsx
- * <Stack gap="lg">
- *   <h2>Section title</h2>
- *   <p>Paragraph one.</p>
- *   <p>Paragraph two.</p>
- * </Stack>
- * ```
- */
-declare function Stack({ className, gap, align, justify, ...props }: StackProps): react_jsx_runtime.JSX.Element;
-
-/**
- * CVA variants for Cluster — horizontal flex flow with wrap.
- * `gap` and `justify` pull from shared layout-variant maps; `align` adds
- * `baseline` (text-baseline alignment for mixed-size siblings).
- */
-declare const clusterVariants: (props?: ({
-    gap?: "sm" | "lg" | "md" | "xl" | "xs" | null | undefined;
-    align?: "center" | "start" | "end" | "stretch" | "baseline" | null | undefined;
-    justify?: "center" | "start" | "end" | "between" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-/** Props for the Cluster component. */
-interface ClusterProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof clusterVariants> {
-}
-/**
- * Horizontal flex flow with wrap. Children flow left-to-right and wrap to next line as needed.
- * @param props - Cluster props including `gap`, `align`, and `justify` variant keys.
- * @returns A flex row that wraps with consistent gap.
- * @example
- * ```tsx
- * <Cluster gap="sm">
- *   <Badge>react</Badge>
- *   <Badge>typescript</Badge>
- *   <Badge>tailwind</Badge>
- * </Cluster>
- * ```
- */
-declare function Cluster({ className, gap, align, justify, ...props }: ClusterProps): react_jsx_runtime.JSX.Element;
-
-/**
- * CVA variants for Grid — CSS grid with column-count presets and shared `gap`.
- * `cols` accepts 1/2/3/4/6 fixed columns or `"auto-fit"` for responsive auto-sizing
- * (in which case the consumer should pass `minColWidth` for the min track size).
- *
- * `cols` keys are TypeScript numeric literals (`cols={3}`) at the type level;
- * the schema's `enumValues` serializes them as strings for JSON-shape parity.
- */
-declare const gridVariants: (props?: ({
-    cols?: 1 | 2 | 3 | 4 | 6 | "auto-fit" | null | undefined;
-    gap?: "sm" | "lg" | "md" | "xl" | "xs" | null | undefined;
-    align?: "center" | "start" | "end" | "stretch" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-/** Props for the Grid component. */
-interface GridProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof gridVariants> {
-    /**
-     * Minimum column width for `cols="auto-fit"`. Tracks repeat to fill the container,
-     * never shrinking below this value. Ignored when `cols` is a fixed integer.
-     * @default "16rem"
-     */
-    minColWidth?: string;
-}
-/**
- * CSS grid with column-count presets and consistent gap. Use for card grids,
- * dashboards, image galleries, and any layout where children should align to
- * shared row/column tracks.
- *
- * Pass `cols="auto-fit"` and `minColWidth` for responsive grids that fit as
- * many columns as the viewport allows without media queries.
- *
- * @param props - Grid props including `cols`, `gap`, `align`, and `minColWidth`.
- * @returns A CSS grid container.
- * @example
- * ```tsx
- * <Grid cols={3} gap="md">
- *   {items.map((i) => <Card key={i.id}>{i.title}</Card>)}
- * </Grid>
- * <Grid cols="auto-fit" minColWidth="20rem" gap="lg">
- *   {responsiveItems.map(...)}
- * </Grid>
- * ```
- */
-declare function Grid({ className, cols, gap, align, minColWidth, style, ...props }: GridProps): react_jsx_runtime.JSX.Element;
-
-/**
- * CVA variants for Spacer — declarative whitespace.
- * `size` sets `--spacer-size` to a `--space-*` token (with inline fallback);
- * `axis` consumes that var via the bracket form used everywhere else in the
- * package, so the height or width can never collapse to zero if the size
- * variant is dropped.
- */
-declare const spacerVariants: (props?: ({
-    size?: "sm" | "lg" | "md" | "xl" | "xs" | null | undefined;
-    axis?: "both" | "horizontal" | "vertical" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-/** Props for the Spacer component. */
-interface SpacerProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, "children">, VariantProps<typeof spacerVariants> {
-}
-/**
- * A declarative whitespace block. Use when you want to insert space between two
- * siblings without relying on margin or gap (e.g. inside a flex container that
- * doesn't own the spacing decision).
- *
- * Renders an empty `<div>` with `aria-hidden` since it has no semantic content.
- *
- * @param props - Spacer props including `size` and `axis` variant keys.
- * @returns An empty div with the requested dimension.
- * @example
- * ```tsx
- * <h1>Title</h1>
- * <Spacer size="lg" />
- * <p>Body</p>
- * ```
- */
-declare function Spacer({ className, size, axis, ...props }: SpacerProps): react_jsx_runtime.JSX.Element;
-
-/** A container card with subtle shadow and border. */
-declare const Card: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
-/** The header section of a Card. */
-declare const CardHeader: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
-/** The title element inside a CardHeader. */
-declare const CardTitle: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLHeadingElement> & React$1.RefAttributes<HTMLHeadingElement>>;
-/** A description element inside a CardHeader. */
-declare const CardDescription: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLParagraphElement> & React$1.RefAttributes<HTMLParagraphElement>>;
-/** The main content area of a Card. */
-declare const CardContent: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
-/** The footer section of a Card. */
-declare const CardFooter: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
-
-/** Root container for a tabbed interface. */
-declare const Tabs: React$1.ForwardRefExoticComponent<TabsPrimitive.TabsProps & React$1.RefAttributes<HTMLDivElement>>;
-/** A horizontal list of tab triggers. */
-declare const TabsList: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-/** A clickable tab trigger that activates its associated content panel. */
-declare const TabsTrigger: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
-/** The content panel associated with a tab trigger. */
-declare const TabsContent: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-
-/** Root container for accordion items. Supports single or multiple open items. */
-declare const Accordion: React$1.ForwardRefExoticComponent<(AccordionPrimitive.AccordionSingleProps | AccordionPrimitive.AccordionMultipleProps) & React$1.RefAttributes<HTMLDivElement>>;
-/** A single collapsible item within an Accordion. */
-declare const AccordionItem: React$1.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-/** The clickable header that toggles an AccordionItem open/closed. */
-declare const AccordionTrigger: React$1.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
-/** The collapsible content panel of an AccordionItem. */
-declare const AccordionContent: React$1.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-
-/** Root container controlling open state of a modal dialog. */
-declare const Dialog: React$1.FC<DialogPrimitive.DialogProps>;
-/** The element (usually a button) that opens the dialog when clicked. */
-declare const DialogTrigger: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
-/** Portals the dialog overlay and content into the body. */
-declare const DialogPortal: React$1.FC<DialogPrimitive.DialogPortalProps>;
-/** Closes the dialog when rendered inside DialogContent. */
-declare const DialogClose: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React$1.RefAttributes<HTMLButtonElement>>;
-/** Dimmed backdrop rendered behind the dialog content. */
-declare const DialogOverlay: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-interface DialogContentProps extends React$1.ComponentPropsWithoutRef<typeof DialogPrimitive.Content> {
-    /**
-     * When `true` (the default), DialogContent caps its height at viewport-2rem
-     * and renders children inside a padded inner scroll container. The Close
-     * button stays anchored to the (non-scrolling) outer panel so it remains
-     * visible even when the user scrolls long content.
-     *
-     * Pass `scrollable={false}` to opt out — useful when the consumer manages
-     * its own scroll surface (e.g. CommandDialog defers scroll to cmdk's
-     * internal CommandList).
-     */
-    scrollable?: boolean;
-}
-/** The dialog content panel, centered on the overlay. Includes a close button by default. */
-declare const DialogContent: React$1.ForwardRefExoticComponent<DialogContentProps & React$1.RefAttributes<HTMLDivElement>>;
-
-/**
- * Header container inside DialogContent; stacks title and description.
- * @returns A div wrapping title/description with vertical rhythm
- */
-declare function DialogHeader({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
-/**
- * Footer container inside DialogContent; aligns action buttons.
- * @returns A div that stacks buttons on mobile and right-aligns on desktop
- */
-declare function DialogFooter({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
-/** Accessible dialog title; Radix wires it to aria-labelledby automatically. */
-declare const DialogTitle: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React$1.RefAttributes<HTMLHeadingElement>, "ref"> & React$1.RefAttributes<HTMLHeadingElement>>;
-/** Accessible dialog description; Radix wires it to aria-describedby automatically. */
-declare const DialogDescription: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React$1.RefAttributes<HTMLParagraphElement>, "ref"> & React$1.RefAttributes<HTMLParagraphElement>>;
-
-/** Root container for a destructive-action confirmation dialog. */
-declare const AlertDialog: React$1.FC<AlertDialogPrimitive.AlertDialogProps>;
-/** The element that opens the alert dialog. */
-declare const AlertDialogTrigger: React$1.ForwardRefExoticComponent<AlertDialogPrimitive.AlertDialogTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
-/** Portals alert dialog content into the body. */
-declare const AlertDialogPortal: React$1.FC<AlertDialogPrimitive.AlertDialogPortalProps>;
-/** Dimmed backdrop behind the alert dialog. */
-declare const AlertDialogOverlay: React$1.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogOverlayProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-/** Content panel for the alert dialog. No close button — user must choose action or cancel. */
-declare const AlertDialogContent: React$1.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-/**
- * Header container for title + description.
- * @returns A div wrapping title/description with vertical rhythm
- */
-declare function AlertDialogHeader({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
-/**
- * Footer container for Cancel/Action buttons.
- * @returns A div stacking buttons on mobile and right-aligning on desktop
- */
-declare function AlertDialogFooter({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
-/** Accessible title for the alert dialog. */
-declare const AlertDialogTitle: React$1.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogTitleProps & React$1.RefAttributes<HTMLHeadingElement>, "ref"> & React$1.RefAttributes<HTMLHeadingElement>>;
-/** Accessible description for the alert dialog. */
-declare const AlertDialogDescription: React$1.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogDescriptionProps & React$1.RefAttributes<HTMLParagraphElement>, "ref"> & React$1.RefAttributes<HTMLParagraphElement>>;
-/** The destructive action button (e.g. Delete). Receives focus by default. */
-declare const AlertDialogAction: React$1.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogActionProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
-/** The cancel button. Closes the dialog. */
-declare const AlertDialogCancel: React$1.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogCancelProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
-
-/** Root container for a dropdown menu. */
-declare const DropdownMenu: React$1.FC<DropdownMenuPrimitive.DropdownMenuProps>;
-/** The element (button) that opens the dropdown. */
-declare const DropdownMenuTrigger: React$1.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
-/** Groups related menu items for a11y. */
-declare const DropdownMenuGroup: React$1.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & React$1.RefAttributes<HTMLDivElement>>;
-/** Portals dropdown content into the body. */
-declare const DropdownMenuPortal: React$1.FC<DropdownMenuPrimitive.DropdownMenuPortalProps>;
-/** Nested submenu root. */
-declare const DropdownMenuSub: React$1.FC<DropdownMenuPrimitive.DropdownMenuSubProps>;
-/** Group for checkable radio items (one selected at a time). */
-declare const DropdownMenuRadioGroup: React$1.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & React$1.RefAttributes<HTMLDivElement>>;
-/** The visible dropdown panel. */
-declare const DropdownMenuContent: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-/** A clickable menu item. */
-declare const DropdownMenuItem: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
-    inset?: boolean;
-} & React$1.RefAttributes<HTMLDivElement>>;
-/** A menu item with a checkbox state. */
-declare const DropdownMenuCheckboxItem: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-/** A menu item in a radio group. */
-declare const DropdownMenuRadioItem: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuRadioItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-/** A non-interactive section heading inside the menu. */
-declare const DropdownMenuLabel: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuLabelProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
-    inset?: boolean;
-} & React$1.RefAttributes<HTMLDivElement>>;
-/** Horizontal divider between menu items. */
-declare const DropdownMenuSeparator: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-/**
- * Right-aligned shortcut text (e.g. ⌘K) shown next to a menu item.
- * @returns A span with muted, tracked typography
- */
-declare function DropdownMenuShortcut({ className, ...props }: React$1.HTMLAttributes<HTMLSpanElement>): react_jsx_runtime.JSX.Element;
-
-/** Root container for a popover. */
-declare const Popover: React$1.FC<PopoverPrimitive.PopoverProps>;
-/** The element that anchors and opens the popover. */
-declare const PopoverTrigger: React$1.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
-/** Helper to explicitly anchor the popover to a different element. */
-declare const PopoverAnchor: React$1.ForwardRefExoticComponent<PopoverPrimitive.PopoverAnchorProps & React$1.RefAttributes<HTMLDivElement>>;
-/** The floating popover content panel. */
-declare const PopoverContent: React$1.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-
-/** Provider required at the root of the app or tree where tooltips are used. */
-declare const TooltipProvider: React$1.FC<TooltipPrimitive.TooltipProviderProps>;
-/** Root container for a single tooltip. */
-declare const Tooltip: React$1.FC<TooltipPrimitive.TooltipProps>;
-/** The element that shows the tooltip on hover/focus. */
-declare const TooltipTrigger: React$1.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
-/** The floating tooltip content (small, hover-reveal info). */
-declare const TooltipContent: React$1.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-
-/** Root form provider. Wraps react-hook-form's FormProvider. */
-declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues = TFieldValues>(props: react_hook_form.FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React$1.JSX.Element;
-/**
- * Binds a field name to a react-hook-form Controller.
- * Provides context so FormItem children can access field state.
- * @param props - Controller props including name, control, render
- * @returns A Controller with FormFieldContext
- */
-declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: ControllerProps<TFieldValues, TName>) => react_jsx_runtime.JSX.Element;
-/**
- * Hook that returns the current field's id, name, error, and derived aria ids.
- * Must be called inside a FormField + FormItem subtree.
- * @returns Field state + aria descriptors
- */
-declare function useFormField(): {
-    invalid: boolean;
-    isDirty: boolean;
-    isTouched: boolean;
-    isValidating: boolean;
-    error?: react_hook_form.FieldError;
-    id: string;
-    name: string;
-    formItemId: string;
-    formDescriptionId: string;
-    formMessageId: string;
-};
-/** Wraps a single form field (label + control + description + message). */
-declare const FormItem: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
-/** Accessible label wired to the FormItem's control. Turns red on error. */
-declare const FormLabel: React$1.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React$1.RefAttributes<HTMLLabelElement>, "ref"> & React$1.RefAttributes<HTMLLabelElement>>;
-/** Wraps the form control and wires id + aria-describedby + aria-invalid. */
-declare const FormControl: React$1.ForwardRefExoticComponent<Omit<_radix_ui_react_slot.SlotProps & React$1.RefAttributes<HTMLElement>, "ref"> & React$1.RefAttributes<HTMLElement>>;
-/** Optional helper text below the control. */
-declare const FormDescription: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLParagraphElement> & React$1.RefAttributes<HTMLParagraphElement>>;
-/** Validation error message. Renders the error string when the field is invalid. */
-declare const FormMessage: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLParagraphElement> & React$1.RefAttributes<HTMLParagraphElement>>;
-
-declare const alertVariants: (props?: ({
-    variant?: "default" | "destructive" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-/** An inline notification banner for important messages. */
-declare const Alert: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
-    variant?: "default" | "destructive" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string> & React$1.RefAttributes<HTMLDivElement>>;
-/** The alert title heading. */
-declare const AlertTitle: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLHeadingElement> & React$1.RefAttributes<HTMLHeadingElement>>;
-/** The alert description. Renders a div so paragraph children can be styled via [&_p]. */
-declare const AlertDescription: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
-
-type ToasterProps = React.ComponentProps<typeof Toaster$1>;
-/**
- * The global toast container. Render once in your app root.
- * Re-export of Sonner's Toaster styled to use Hex UI theme tokens.
- * @param props - Sonner Toaster props (position, richColors, etc.)
- * @returns A styled portal container for toast notifications
- */
-declare function Toaster({ ...props }: ToasterProps): react_jsx_runtime.JSX.Element;
-
-/** Root container controlling the expanded state of the content. */
-declare const Collapsible: React$1.ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleProps & React$1.RefAttributes<HTMLDivElement>>;
-/** The element that toggles the Collapsible open/closed. */
-declare const CollapsibleTrigger: React$1.ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
-/** The collapsible content shown/hidden by the trigger. */
-declare const CollapsibleContent: React$1.ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleContentProps & React$1.RefAttributes<HTMLDivElement>>;
-
-/** Root container for a hover-card. */
-declare const HoverCard: React$1.FC<HoverCardPrimitive.HoverCardProps>;
-/** The element that reveals the card on hover/focus. */
-declare const HoverCardTrigger: React$1.ForwardRefExoticComponent<HoverCardPrimitive.HoverCardTriggerProps & React$1.RefAttributes<HTMLAnchorElement>>;
-/** The floating hover-card content panel. Richer than a tooltip. */
-declare const HoverCardContent: React$1.ForwardRefExoticComponent<Omit<HoverCardPrimitive.HoverCardContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-
-/** Root container for a context menu (right-click menu). */
-declare const ContextMenu: React$1.FC<ContextMenuPrimitive.ContextMenuProps>;
-/** The element that triggers the context menu on right-click. */
-declare const ContextMenuTrigger: React$1.ForwardRefExoticComponent<ContextMenuPrimitive.ContextMenuTriggerProps & React$1.RefAttributes<HTMLSpanElement>>;
-/** Groups related items for a11y. */
-declare const ContextMenuGroup: React$1.ForwardRefExoticComponent<ContextMenuPrimitive.ContextMenuGroupProps & React$1.RefAttributes<HTMLDivElement>>;
-/** Portals content into the body. */
-declare const ContextMenuPortal: React$1.FC<ContextMenuPrimitive.ContextMenuPortalProps>;
-/** Group for checkable radio items. */
-declare const ContextMenuRadioGroup: React$1.ForwardRefExoticComponent<ContextMenuPrimitive.ContextMenuRadioGroupProps & React$1.RefAttributes<HTMLDivElement>>;
-/** The menu panel shown when the trigger is right-clicked. */
-declare const ContextMenuContent: React$1.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-/** A clickable menu item. */
-declare const ContextMenuItem: React$1.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
-    inset?: boolean;
-} & React$1.RefAttributes<HTMLDivElement>>;
-/** A checkable menu item. */
-declare const ContextMenuCheckboxItem: React$1.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuCheckboxItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-/** A radio menu item. */
-declare const ContextMenuRadioItem: React$1.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuRadioItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-/** A non-interactive heading label. */
-declare const ContextMenuLabel: React$1.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuLabelProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
-    inset?: boolean;
-} & React$1.RefAttributes<HTMLDivElement>>;
-/** Horizontal divider. */
-declare const ContextMenuSeparator: React$1.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuSeparatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-/**
- * Right-aligned shortcut text (e.g. ⌘⇧N).
- * @returns A span with muted typography
- */
-declare function ContextMenuShortcut({ className, ...props }: React$1.HTMLAttributes<HTMLSpanElement>): react_jsx_runtime.JSX.Element;
-
-/** Top-level menu bar (File / Edit / View style). */
-declare const Menubar: React$1.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-/** A top-level menu in the bar (e.g. "File"). */
-declare const MenubarMenu: typeof MenubarPrimitive.Menu;
-/** Groups related items inside a menu content. */
-declare const MenubarGroup: typeof MenubarPrimitive.Group;
-/** Portals menu content into the body. */
-declare const MenubarPortal: typeof MenubarPrimitive.Portal;
-/** Group for checkable radio items. */
-declare const MenubarRadioGroup: typeof MenubarPrimitive.RadioGroup;
-/** The clickable menu label in the bar. */
-declare const MenubarTrigger: React$1.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
-/** The menu panel shown when a trigger opens. */
-declare const MenubarContent: React$1.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-/** A clickable menu item. */
-declare const MenubarItem: React$1.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
-    inset?: boolean;
-} & React$1.RefAttributes<HTMLDivElement>>;
-/** A non-interactive heading label. */
-declare const MenubarLabel: React$1.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarLabelProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
-    inset?: boolean;
-} & React$1.RefAttributes<HTMLDivElement>>;
-/** Horizontal divider. */
-declare const MenubarSeparator: React$1.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarSeparatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-/**
- * Right-aligned keyboard shortcut text.
- * @returns A span with muted typography
- */
-declare function MenubarShortcut({ className, ...props }: React$1.HTMLAttributes<HTMLSpanElement>): react_jsx_runtime.JSX.Element;
-
-/** Root container for a navigation menu. Renders a viewport for content panels. */
-declare const NavigationMenu: React$1.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuProps & React$1.RefAttributes<HTMLElement>, "ref"> & React$1.RefAttributes<HTMLElement>>;
-/** List of top-level NavigationMenu items. */
-declare const NavigationMenuList: React$1.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuListProps & React$1.RefAttributes<HTMLUListElement>, "ref"> & React$1.RefAttributes<HTMLUListElement>>;
-/** A single top-level item (wraps trigger + content). */
-declare const NavigationMenuItem: React$1.ForwardRefExoticComponent<NavigationMenuPrimitive.NavigationMenuItemProps & React$1.RefAttributes<HTMLLIElement>>;
-declare const navigationMenuTriggerStyle: (props?: class_variance_authority_types.ClassProp | undefined) => string;
-/** The clickable trigger that opens a nav-menu content panel. */
-declare const NavigationMenuTrigger: React$1.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
-/** The content panel (e.g. mega-menu). */
-declare const NavigationMenuContent: React$1.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-/** A direct link (no content panel). */
-declare const NavigationMenuLink: React$1.ForwardRefExoticComponent<NavigationMenuPrimitive.NavigationMenuLinkProps & React$1.RefAttributes<HTMLAnchorElement>>;
-/** The viewport that hosts the active content panel. Rendered inside NavigationMenu. */
-declare const NavigationMenuViewport: React$1.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuViewportProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-/** Visual indicator (arrow) pointing at the active trigger. */
-declare const NavigationMenuIndicator: React$1.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuIndicatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-
-/** Root nav landmark for breadcrumb navigation. */
-declare const Breadcrumb: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & React$1.RefAttributes<HTMLElement>>;
-/** Ordered list of breadcrumb items. */
-declare const BreadcrumbList: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>, "ref"> & React$1.RefAttributes<HTMLOListElement>>;
-/** A single breadcrumb list item. */
-declare const BreadcrumbItem: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React$1.RefAttributes<HTMLLIElement>>;
-/** A link inside a breadcrumb item. Use asChild to render e.g. Next.js Link. */
-declare const BreadcrumbLink: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & {
-    asChild?: boolean;
-} & React$1.RefAttributes<HTMLAnchorElement>>;
-/** The final breadcrumb (current page). Not interactive. */
-declare const BreadcrumbPage: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React$1.RefAttributes<HTMLSpanElement>>;
-/**
- * Visual separator between breadcrumb items (chevron by default).
- * @returns An li rendering a decorative chevron icon
- */
-declare function BreadcrumbSeparator({ children, className, ...props }: React$1.ComponentProps<"li">): react_jsx_runtime.JSX.Element;
-/**
- * Ellipsis for truncated breadcrumb trails.
- * @returns A span containing a decorative SVG (aria-hidden) plus a sr-only "More pages" label for AT.
- */
-declare function BreadcrumbEllipsis({ className, ...props }: React$1.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
-
-/** A responsive container + styled HTML table. */
-declare const Table: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableElement> & React$1.RefAttributes<HTMLTableElement>>;
-/** `<thead>` wrapper with bottom border. */
-declare const TableHeader: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableSectionElement> & React$1.RefAttributes<HTMLTableSectionElement>>;
-/** `<tbody>` wrapper removing bottom border on last row. */
-declare const TableBody: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableSectionElement> & React$1.RefAttributes<HTMLTableSectionElement>>;
-/** `<tfoot>` wrapper with muted background. */
-declare const TableFooter: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableSectionElement> & React$1.RefAttributes<HTMLTableSectionElement>>;
-/** `<tr>` with hover + selected states. */
-declare const TableRow: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableRowElement> & React$1.RefAttributes<HTMLTableRowElement>>;
-/** `<th>` with left-aligned muted text. */
-declare const TableHead: React$1.ForwardRefExoticComponent<React$1.ThHTMLAttributes<HTMLTableCellElement> & React$1.RefAttributes<HTMLTableCellElement>>;
-/** `<td>` with consistent padding. */
-declare const TableCell: React$1.ForwardRefExoticComponent<React$1.TdHTMLAttributes<HTMLTableCellElement> & React$1.RefAttributes<HTMLTableCellElement>>;
-/**
- * Visible `<caption>` rendered below the table. The parent `<Table>` sets
- * `caption-bottom`, so the caption is announced first by screen readers when
- * entering the table, then visually placed below the rows.
- */
-declare const TableCaption: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableCaptionElement> & React$1.RefAttributes<HTMLTableCaptionElement>>;
-
-/**
- * Generic DataTable wrapper that renders a TanStack Table model using Hex UI's
- * Table primitives. Pass columns + data; use TanStack hooks for sorting,
- * filtering, pagination, row-selection as needed.
- * @template TData - Row data type. Cell value types are inferred per column by TanStack.
- */
-interface DataTableProps<TData> {
-    columns: ColumnDef<TData, unknown>[];
-    data: TData[];
-    /**
-     * Visible caption rendered below the table. Announced by screen readers
-     * when the user enters the table. Provide either `caption` or `aria-label`.
-     */
-    caption?: React$1.ReactNode;
-    /**
-     * Accessible label for the table when no visible caption is shown.
-     * Forwarded as `aria-label` on the underlying `<table>` element. Kebab-case
-     * to match the canonical ARIA prop convention used elsewhere in Hex UI.
-     */
-    "aria-label"?: string;
-}
-/**
- * Render a data-driven table from TanStack column definitions.
- * @param props - Columns, data, and optional accessible labelling (`caption` or `aria-label`)
- * @returns A styled Table rendered from the TanStack row model
- */
-declare function DataTable<TData>({ columns, data, caption, "aria-label": ariaLabel, }: DataTableProps<TData>): react_jsx_runtime.JSX.Element;
-
-/**
- * Root nav landmark for pagination controls.
- * @returns A centered nav element with aria-label='pagination'
- */
-declare function Pagination({ className, ...props }: React$1.ComponentProps<"nav">): react_jsx_runtime.JSX.Element;
-/** Ordered list wrapper for pagination links. */
-declare const PaginationContent: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & React$1.RefAttributes<HTMLUListElement>>;
-/** A pagination list item wrapper. */
-declare const PaginationItem: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React$1.RefAttributes<HTMLLIElement>>;
-type PaginationLinkProps = {
-    isActive?: boolean;
-} & Pick<ButtonProps, "size"> & React$1.ComponentProps<"a">;
-/**
- * A pagination link styled as a button. Mark the current page with isActive.
- * @returns An anchor element styled via buttonVariants
- */
-declare function PaginationLink({ className, isActive, size, ...props }: PaginationLinkProps): react_jsx_runtime.JSX.Element;
-/**
- * Previous-page link with chevron-left icon.
- * @returns A PaginationLink with aria-label='Go to previous page'
- */
-declare function PaginationPrevious({ className, ...props }: React$1.ComponentProps<typeof PaginationLink>): react_jsx_runtime.JSX.Element;
-/**
- * Next-page link with chevron-right icon.
- * @returns A PaginationLink with aria-label='Go to next page'
- */
-declare function PaginationNext({ className, ...props }: React$1.ComponentProps<typeof PaginationLink>): react_jsx_runtime.JSX.Element;
-/**
- * Ellipsis placeholder for truncated page ranges (e.g. 1 … 5 6 7 … 99).
- * @returns A span containing a decorative SVG (aria-hidden) plus a sr-only "More pages" label for AT.
- */
-declare function PaginationEllipsis({ className, ...props }: React$1.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
-
-declare function Calendar({ className, classNames, showOutsideDays, ...props }: React$1.ComponentProps<typeof DayPicker>): react_jsx_runtime.JSX.Element;
-declare namespace Calendar {
-    var displayName: string;
-}
-
-interface DatePickerProps {
-    /** Controlled selected date. */
-    value?: Date;
-    /** Fired when the user picks a date in the calendar. */
-    onChange?: (date: Date | undefined) => void;
-    /** Placeholder shown when no date is selected. */
-    placeholder?: string;
-    /** date-fns format string for the trigger label. */
-    dateFormat?: string;
-    /** Disable the trigger. */
-    disabled?: boolean;
-    /** Extra class names on the trigger button. */
-    className?: string;
-    /** Accessible label for the trigger (required when no visible label is adjacent). */
-    "aria-label"?: string;
-    /**
-     * Caption layout forwarded to react-day-picker. Use `"dropdown"` (or
-     * `"dropdown-years"` / `"dropdown-months"`) to render native `<select>`
-     * navigation — useful for birth-date pickers and far-out years.
-     *
-     * Always pair `dropdown` layouts with explicit `startMonth` and `endMonth`;
-     * the RDP default span is ±100 years.
-     */
-    captionLayout?: "label" | "dropdown" | "dropdown-months" | "dropdown-years";
-    /** Earliest month/year navigable in the calendar. Forwarded to react-day-picker. */
-    startMonth?: Date;
-    /** Latest month/year navigable in the calendar. Forwarded to react-day-picker. */
-    endMonth?: Date;
-}
-/**
- * Date picker composed from Popover + Calendar + a styled trigger button.
- *
- * This is a minimal single-date picker. For multi/range, compose Calendar + Popover yourself.
- * @returns A button that opens a single-date calendar popover.
- */
-declare function DatePicker({ value, onChange, placeholder, dateFormat, disabled, className, "aria-label": ariaLabel, captionLayout, startMonth, endMonth, }: DatePickerProps): react_jsx_runtime.JSX.Element;
-declare namespace DatePicker {
-    var displayName: string;
-}
-
-/** Props for the root InputOTP component (mirrors input-otp's OTPInput). */
-type InputOTPProps = React$1.ComponentPropsWithoutRef<typeof OTPInput>;
-/** Root OTP input. Wraps input-otp's OTPInput and exposes slot context to children. */
-declare const InputOTP: React$1.ForwardRefExoticComponent<InputOTPProps & React$1.RefAttributes<HTMLInputElement>>;
-/** Groups slots together; place between runs of slots to add visual dividers. */
-declare const InputOTPGroup: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-interface InputOTPSlotProps extends React$1.ComponentPropsWithoutRef<"div"> {
-    /** Index of the slot in the underlying OTP value. */
-    index: number;
-}
-/** A single character slot. Reads its state from OTPInputContext. */
-declare const InputOTPSlot: React$1.ForwardRefExoticComponent<InputOTPSlotProps & React$1.RefAttributes<HTMLDivElement>>;
-/** Visual separator between slot groups (a bullet by default). */
-declare const InputOTPSeparator: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-
-/** Root Command container — drives search, filtering, and keyboard navigation over items. */
-declare const Command: React$1.ForwardRefExoticComponent<Omit<{
-    children?: React$1.ReactNode;
-} & Pick<Pick<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React$1.HTMLAttributes<HTMLDivElement>> & {
-    ref?: React$1.Ref<HTMLDivElement>;
-} & {
-    asChild?: boolean;
-}, "asChild" | "key" | keyof React$1.HTMLAttributes<HTMLDivElement>> & {
-    label?: string;
-    shouldFilter?: boolean;
-    filter?: (value: string, search: string, keywords?: string[]) => number;
-    defaultValue?: string;
-    value?: string;
-    onValueChange?: (value: string) => void;
-    loop?: boolean;
-    disablePointerSelection?: boolean;
-    vimBindings?: boolean;
-} & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-interface CommandDialogProps extends React$1.ComponentPropsWithoutRef<typeof Dialog> {
-    /** Command children (CommandInput + CommandList + CommandItem, etc.) */
-    children: React$1.ReactNode;
-    /** Accessible title for the dialog (screen-reader only by default). */
-    title?: string;
-    /** Accessible description for the dialog (screen-reader only by default). */
-    description?: string;
-}
-/**
- * Command menu rendered inside a Dialog — a ⌘K-style launcher.
- * @param props - Forwarded to the underlying Dialog (open, onOpenChange, etc.)
- * @returns A Dialog containing a Command menu.
- */
-declare function CommandDialog({ title, description, children, ...props }: CommandDialogProps): react_jsx_runtime.JSX.Element;
-/** Search input for the Command menu. Fires onValueChange as the user types. */
-declare const CommandInput: React$1.ForwardRefExoticComponent<Omit<Omit<Pick<Pick<React$1.DetailedHTMLProps<React$1.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof React$1.InputHTMLAttributes<HTMLInputElement>> & {
-    ref?: React$1.Ref<HTMLInputElement>;
-} & {
-    asChild?: boolean;
-}, "asChild" | "key" | keyof React$1.InputHTMLAttributes<HTMLInputElement>>, "type" | "value" | "onChange"> & {
-    value?: string;
-    onValueChange?: (search: string) => void;
-} & React$1.RefAttributes<HTMLInputElement>, "ref"> & React$1.RefAttributes<HTMLInputElement>>;
-/** Scrollable list that contains CommandGroup / CommandItem / CommandEmpty. */
-declare const CommandList: React$1.ForwardRefExoticComponent<Omit<{
-    children?: React$1.ReactNode;
-} & Pick<Pick<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React$1.HTMLAttributes<HTMLDivElement>> & {
-    ref?: React$1.Ref<HTMLDivElement>;
-} & {
-    asChild?: boolean;
-}, "asChild" | "key" | keyof React$1.HTMLAttributes<HTMLDivElement>> & {
-    label?: string;
-} & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-/** Rendered when no items match the current search. */
-declare const CommandEmpty: React$1.ForwardRefExoticComponent<Omit<{
-    children?: React$1.ReactNode;
-} & Pick<Pick<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React$1.HTMLAttributes<HTMLDivElement>> & {
-    ref?: React$1.Ref<HTMLDivElement>;
-} & {
-    asChild?: boolean;
-}, "asChild" | "key" | keyof React$1.HTMLAttributes<HTMLDivElement>> & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-/** Logical group of items — renders a heading and filters as a unit. */
-declare const CommandGroup: React$1.ForwardRefExoticComponent<Omit<{
-    children?: React$1.ReactNode;
-} & Omit<Pick<Pick<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React$1.HTMLAttributes<HTMLDivElement>> & {
-    ref?: React$1.Ref<HTMLDivElement>;
-} & {
-    asChild?: boolean;
-}, "asChild" | "key" | keyof React$1.HTMLAttributes<HTMLDivElement>>, "value" | "heading"> & {
-    heading?: React$1.ReactNode;
-    value?: string;
-    forceMount?: boolean;
-} & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-/**
- * Horizontal rule between groups. Renders as a presentational `<div>` (no role)
- * so it can sit inside CommandList (role=listbox) without violating ARIA's
- * required-children rule for listbox. The line is purely decorative — cmdk's
- * built-in Separator hardcodes `role="separator"`, which axe rejects in this
- * context, so we render the divider directly.
- *
- * The `data-cmdk-separator` attribute is preserved so existing CSS / test
- * selectors that target cmdk's separator continue to match.
- */
-declare const CommandSeparator: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
-/** Selectable item. onSelect fires on Enter or click. */
-declare const CommandItem: React$1.ForwardRefExoticComponent<Omit<{
-    children?: React$1.ReactNode;
-} & Omit<Pick<Pick<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React$1.HTMLAttributes<HTMLDivElement>> & {
-    ref?: React$1.Ref<HTMLDivElement>;
-} & {
-    asChild?: boolean;
-}, "asChild" | "key" | keyof React$1.HTMLAttributes<HTMLDivElement>>, "disabled" | "value" | "onSelect"> & {
-    disabled?: boolean;
-    onSelect?: (value: string) => void;
-    value?: string;
-    keywords?: string[];
-    forceMount?: boolean;
-} & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-/**
- * Keyboard shortcut hint (e.g. '⌘K') aligned to the right of an item.
- * @returns A muted inline span rendered at the end of a CommandItem.
- */
-declare function CommandShortcut({ className, ...props }: React$1.HTMLAttributes<HTMLSpanElement>): react_jsx_runtime.JSX.Element;
-declare namespace CommandShortcut {
-    var displayName: string;
-}
-
-interface ComboboxOption {
-    /** The value returned from onChange (stable, unique). */
-    value: string;
-    /** The display label shown in the list and the trigger. */
-    label: string;
-    /** Mark as non-selectable. */
-    disabled?: boolean;
-}
-interface ComboboxProps {
-    /** The list of selectable options. */
-    options: ComboboxOption[];
-    /** Controlled selected value. */
-    value?: string;
-    /** Fired when the user picks an option: (value: string) => void */
-    onChange?: (value: string) => void;
-    /** Text shown on the trigger when nothing is selected. */
-    placeholder?: string;
-    /** Input placeholder inside the popover list. */
-    searchPlaceholder?: string;
-    /** Text shown when no options match the search. */
-    emptyText?: string;
-    /** Disable the trigger. */
-    disabled?: boolean;
-    /** Extra class names on the trigger button. */
-    className?: string;
-    /** Accessible label for the trigger (required when no adjacent visible label). */
-    "aria-label"?: string;
-    /** Id of an external visible label that names this combobox. */
-    "aria-labelledby"?: string;
-}
-/**
- * Searchable select input built on Command + Popover.
- *
- * Pass `options` with `{ value, label }` shape. The selected label is shown on
- * the trigger; the popover contains a CommandInput and filtered CommandList.
- * @returns A trigger button that opens a filtered option list.
- */
-declare function Combobox({ options, value, onChange, placeholder, searchPlaceholder, emptyText, disabled, className, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, }: ComboboxProps): react_jsx_runtime.JSX.Element;
-declare namespace Combobox {
-    var displayName: string;
-}
-
-/** Props for the ColorPicker component. */
-interface ColorPickerProps {
-    /**
-     * Current color as an HSL triplet string (`"<H> <S>% <L>%"`, e.g. `"240 5.9% 10%"`).
-     * Match the format used by `@hex-core/tokens`; round-trip safe.
-     */
-    value: string;
-    /**
-     * Called with the next HSL triplet whenever the user drags a slider or commits a valid hex value.
-     * Not called for invalid hex input — the picker keeps the prior value until the input parses cleanly.
-     */
-    onChange: (value: string) => void;
-    /**
-     * Disable interaction. Native `disabled` attribute is set on the trigger so the
-     * popover doesn't open via mouse or keyboard activation. Tab focus still lands
-     * on the trigger per browser defaults; if you want to fully remove it from the
-     * tab order, wrap in a parent that handles `tabIndex` accordingly.
-     */
-    disabled?: boolean;
-    /** Accessible name for the trigger button (defaults to "Pick color"). */
-    "aria-label"?: string;
-    /** Additional class names merged onto the trigger. */
-    className?: string;
-}
-/**
- * HSL-native color picker. Edits an HSL triplet directly via three sliders
- * (H/S/L), with a hex input as a display adapter.
- *
- * Round-trip safe: triplet → hex → triplet preserves the slider state because
- * sliders are the source of truth and hex updates them only when valid.
- *
- * @param props - Controlled component; `value` and `onChange` are required.
- * @returns A trigger button that opens a popover with H/S/L sliders + hex input.
- * @example
- * ```tsx
- * const [color, setColor] = React.useState("240 5.9% 10%");
- * <ColorPicker value={color} onChange={setColor} aria-label="Primary color" />
- * ```
- */
-declare function ColorPicker({ value, onChange, disabled, "aria-label": ariaLabel, className, }: ColorPickerProps): react_jsx_runtime.JSX.Element;
+export { b as buttonVariants } from './button-variants-Bx6gCUFp.js';
+export { toast } from 'sonner';
+import 'react';
+import 'class-variance-authority/types';
+import '@radix-ui/react-label';
+import 'class-variance-authority';
+import '@radix-ui/react-checkbox';
+import '@radix-ui/react-switch';
+import 'react/jsx-runtime';
+import '@radix-ui/react-separator';
+import '@radix-ui/react-select';
+import '@radix-ui/react-radio-group';
+import '@radix-ui/react-slider';
+import '@radix-ui/react-toggle';
+import '@radix-ui/react-toggle-group';
+import '@radix-ui/react-avatar';
+import '@radix-ui/react-progress';
+import '@radix-ui/react-scroll-area';
+import '@radix-ui/react-aspect-ratio';
+import '@radix-ui/react-tabs';
+import '@radix-ui/react-accordion';
+import '@radix-ui/react-dialog';
+import '@radix-ui/react-alert-dialog';
+import '@radix-ui/react-dropdown-menu';
+import '@radix-ui/react-popover';
+import '@radix-ui/react-tooltip';
+import '@radix-ui/react-slot';
+import 'react-hook-form';
+import '@radix-ui/react-collapsible';
+import '@radix-ui/react-hover-card';
+import '@radix-ui/react-context-menu';
+import '@radix-ui/react-menubar';
+import '@radix-ui/react-navigation-menu';
+import '@tanstack/react-table';
+import 'react-day-picker';
+import 'input-otp';
+import 'vaul';
+import 'react-resizable-panels';
 
 /**
  * Color conversion utilities for the HSL-triplet token format used across
@@ -1099,542 +169,6 @@ declare function hslTripletToHex(triplet: string): string;
  */
 declare function hexToHslTriplet(hex: string): string | null;
 
-interface MultiComboboxOption {
-    /** The value returned in the onChange array (stable, unique). */
-    value: string;
-    /** The display label shown in the list and the trigger. */
-    label: string;
-    /** Mark as non-selectable. */
-    disabled?: boolean;
-}
-interface MultiComboboxProps {
-    /** The list of selectable options. */
-    options: MultiComboboxOption[];
-    /** Controlled selected values. */
-    value?: string[];
-    /** Fired when the user toggles an option: (values: string[]) => void */
-    onChange?: (values: string[]) => void;
-    /** Text shown on the trigger when nothing is selected. */
-    placeholder?: string;
-    /** Input placeholder inside the popover list. */
-    searchPlaceholder?: string;
-    /** Text shown when no options match the search. */
-    emptyText?: string;
-    /** Soft cap on selections. Once reached, unselected options become non-selectable. */
-    maxSelected?: number;
-    /** Close the popover after every pick. Default false (multi-select UX expects staying open). */
-    closeOnSelect?: boolean;
-    /** Disable the trigger. */
-    disabled?: boolean;
-    /** Extra class names on the trigger button. */
-    className?: string;
-    /** Accessible label for the trigger (required when no adjacent visible label). */
-    "aria-label"?: string;
-    /** Id of an external visible label that names this combobox. */
-    "aria-labelledby"?: string;
-}
-/**
- * Searchable multi-select input built on Command + Popover.
- *
- * Pass `options` with `{ value, label }` and bind `value` (string[]) +
- * `onChange`. The trigger shows "{n} selected" once any option is picked, with
- * the comma-separated label list mirrored into the `title` attribute for
- * pointer/screen-reader fallback. Each option is announced with `aria-selected`.
- * @returns A trigger button that opens a multi-select option list.
- */
-declare function MultiCombobox({ options, value, onChange, placeholder, searchPlaceholder, emptyText, maxSelected, closeOnSelect, disabled, className, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, }: MultiComboboxProps): react_jsx_runtime.JSX.Element;
-declare namespace MultiCombobox {
-    var displayName: string;
-}
-
-type StepStatus = "complete" | "current" | "upcoming" | "error";
-interface StepperStep {
-    /** Stable unique id used as the React key. */
-    id: string;
-    /** Step name shown next to the indicator. */
-    label: string;
-    /** Optional secondary text under the label. */
-    description?: string;
-    /** Disable the step (only applies when onStepClick is provided). */
-    disabled?: boolean;
-    /**
-     * Override the index-derived status. Use `"error"` to mark a failed step
-     * (e.g. validation failure in a form wizard); `"complete"` / `"current"` /
-     * `"upcoming"` are derived from `current` by default.
-     */
-    status?: StepStatus;
-}
-interface StepperProps extends Omit<React$1.HTMLAttributes<HTMLOListElement>, "aria-label" | "onClick"> {
-    /** Ordered list of steps. */
-    steps: StepperStep[];
-    /** Index of the current step (controlled). */
-    current: number;
-    /** Layout direction. */
-    orientation?: "horizontal" | "vertical";
-    /** Indicator size. */
-    size?: "sm" | "md";
-    /** When provided, each step is rendered as a clickable button. */
-    onStepClick?: (index: number) => void;
-    /** Required accessible name for the ordered list. */
-    "aria-label": string;
-}
-/**
- * Linear progress indicator for multi-step flows (form wizards, onboarding,
- * checkout). Pure semantic HTML — `<ol>` of `<li>` with `aria-current="step"`
- * on the current item; per-step `status` overrides allow marking "error".
- *
- * Pass `onStepClick` to make completed/non-disabled steps interactive.
- * @returns An accessible ordered step list.
- */
-declare function Stepper({ steps, current, orientation, size, onStepClick, "aria-label": ariaLabel, className, ...rest }: StepperProps): react_jsx_runtime.JSX.Element;
-declare namespace Stepper {
-    var displayName: string;
-}
-
-type TimelineStatus = "default" | "success" | "warning" | "error" | "info";
-interface TimelineEvent {
-    /** Stable unique id used as the React key. */
-    id: string;
-    /** Headline for the event. */
-    title: string;
-    /** Optional timestamp/metadata (e.g. "2 hours ago", "2026-04-27 14:30"). */
-    timestamp?: React$1.ReactNode;
-    /** Optional secondary text/body. */
-    description?: React$1.ReactNode;
-    /** Optional icon override for the indicator. Replaces the default dot. */
-    icon?: React$1.ReactNode;
-    /** Color variant for the indicator. */
-    status?: TimelineStatus;
-}
-interface TimelineProps extends Omit<React$1.HTMLAttributes<HTMLOListElement>, "aria-label"> {
-    /** Ordered list of chronological events. */
-    events: TimelineEvent[];
-    /** Indicator size — `"md"` by default. */
-    size?: "sm" | "md";
-    /** Required accessible name for the ordered list. */
-    "aria-label": string;
-}
-/**
- * Vertical chronological event feed (activity log, audit trail, release notes).
- * Pure semantic HTML — `<ol>` of `<li>`. Events expose an optional icon, a
- * status color, a timestamp, and a description; status is purely visual, no
- * aria-current is set since events are historical, not navigational.
- *
- * For Gantt-style project timelines, build a custom layout — Timeline is for
- * event feeds, not scheduling.
- * @returns An accessible vertical event list.
- */
-declare function Timeline({ events, size, "aria-label": ariaLabel, className, ...rest }: TimelineProps): react_jsx_runtime.JSX.Element;
-declare namespace Timeline {
-    var displayName: string;
-}
-
-interface DropzoneProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, "onChange" | "onDrop" | "children"> {
-    /** Fired with the accepted file list every time the user picks or drops files. */
-    onFilesSelected?: (files: File[]) => void;
-    /**
-     * Fired when files are dropped/picked but ALL of them are filtered out by
-     * `accept` / `maxSize` / `maxFiles`. Useful for surfacing "file too large"
-     * or "wrong type" toasts to the user. Receives the rejected File[].
-     */
-    onFilesRejected?: (files: File[]) => void;
-    /** `accept` attribute forwarded to the hidden file input (e.g. "image/*", ".csv"). */
-    accept?: string;
-    /** Allow multiple files. Default true. */
-    multiple?: boolean;
-    /** Maximum total file count (after dedupe). Excess files are dropped silently — surface in your handler. */
-    maxFiles?: number;
-    /** Maximum size per file in bytes. Files over the cap are filtered before onFilesSelected fires. */
-    maxSize?: number;
-    /** Disable interaction. */
-    disabled?: boolean;
-    /** Optional render override for the dropzone body. Receives drag state. */
-    children?: React$1.ReactNode | ((state: DropzoneRenderState) => React$1.ReactNode);
-    /** Required accessible name for the drop area. */
-    "aria-label": string;
-}
-interface DropzoneRenderState {
-    isDragOver: boolean;
-    isDisabled: boolean;
-    openFileDialog: () => void;
-}
-/**
- * Drag-and-drop file input built on the native HTML5 drag-drop API plus a
- * visually-hidden (sr-only) `<input type="file">` for screen-reader and
- * keyboard access.
- *
- * Two interaction surfaces:
- * - The visible drop area is a `role="button"` div with `tabIndex=0` and the
- *   required `aria-label`. Click, Enter, or Space proxies through to click the
- *   hidden input, opening the system file dialog.
- * - The hidden input itself remains in the accessibility tree (sr-only, NOT
- *   `aria-hidden`) so AT-driven file pickers can find it directly.
- *
- * Pass `children` as a node (default placeholder) or a function receiving
- * `{ isDragOver, isDisabled, openFileDialog }` for full layout control.
- * @returns A drop area + hidden file input pair that yields a File[].
- */
-declare function Dropzone({ onFilesSelected, onFilesRejected, accept, multiple, maxFiles, maxSize, disabled, children, className, "aria-label": ariaLabel, ...rest }: DropzoneProps): react_jsx_runtime.JSX.Element;
-declare namespace Dropzone {
-    var displayName: string;
-}
-
-interface TimePickerProps extends Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "type" | "value" | "onChange" | "size"> {
-    /** Controlled time value as `"HH:MM"` or `"HH:MM:SS"` (24-hour). */
-    value?: string;
-    /** Fired with the new `"HH:MM"` (or `"HH:MM:SS"`) string when the user picks a time. */
-    onChange?: (value: string) => void;
-    /**
-     * Step in seconds — `60` shows HH:MM only (default), `1` shows HH:MM:SS.
-     * Smaller values change the spinner increment in supported browsers.
-     */
-    step?: number;
-    /** Earliest selectable time as `"HH:MM"`. */
-    min?: string;
-    /** Latest selectable time as `"HH:MM"`. */
-    max?: string;
-    /** Disable the input. */
-    disabled?: boolean;
-    /** Accessible label for the trigger (required when no adjacent visible <label>). */
-    "aria-label"?: string;
-}
-/**
- * Time input — styled wrapper around the native `<input type="time">` so the
- * browser handles 12/24-hour locale, keyboard arrow stepping, and screen-reader
- * announcement. Value is a `"HH:MM"` (or `"HH:MM:SS"` when `step={1}`) string.
- *
- * For free-form composite hour/minute fields with explicit AM/PM segments,
- * compose Input + Select yourself — the native input covers ~95% of TimePicker
- * use cases with full a11y, including keyboard-driven hour/minute spinning.
- * @returns A token-styled native time input.
- */
-declare const TimePicker: React$1.ForwardRefExoticComponent<TimePickerProps & React$1.RefAttributes<HTMLInputElement>>;
-
-interface FileTreeNode {
-    /** Stable unique id used as React key + ARIA target. */
-    id: string;
-    /** Display name (file or folder). */
-    name: string;
-    /** Nested children. Presence (even if empty array) marks the node as a folder. */
-    children?: FileTreeNode[];
-    /** Optional icon override. Default chooses folder/file based on `children`. */
-    icon?: React$1.ReactNode;
-    /** Disable selection + expand toggle. */
-    disabled?: boolean;
-}
-interface FileTreeProps {
-    /** Root nodes. */
-    nodes: FileTreeNode[];
-    /** Uncontrolled initial expanded ids. */
-    defaultExpanded?: string[];
-    /** Controlled expanded ids. */
-    expanded?: string[];
-    /** Fired when expanded set changes (array of ids). */
-    onExpandedChange?: (ids: string[]) => void;
-    /** Controlled selected node id. */
-    selected?: string;
-    /** Fired when the user activates a node (click, Enter, or Space). */
-    onSelect?: (id: string) => void;
-    /** Required accessible name for the tree container. */
-    "aria-label": string;
-    /** Extra class names on the root tree element. */
-    className?: string;
-}
-/**
- * Hierarchical tree view for files, folders, settings sections, or any nested
- * navigation. Built on the WAI-ARIA tree pattern: `role="tree"` root,
- * `role="treeitem"` per node, `role="group"` per child group, with
- * `aria-level` / `aria-expanded` / `aria-selected` reflecting state.
- *
- * Keyboard: Up/Down move between visible items; Right expands a folder or
- * moves to the first child; Left collapses or moves to the parent;
- * Enter/Space activate the focused node; Home/End jump to the first/last.
- *
- * Expanded state is uncontrolled by default (`defaultExpanded`). Pass
- * `expanded` + `onExpandedChange` for controlled mode.
- * @returns A keyboard-accessible nested tree.
- */
-declare function FileTree({ nodes, defaultExpanded, expanded: expandedProp, onExpandedChange, selected, onSelect, "aria-label": ariaLabel, className, }: FileTreeProps): react_jsx_runtime.JSX.Element;
-declare namespace FileTree {
-    var displayName: string;
-}
-
-/** Root container controlling open state of a side sheet. */
-declare const Sheet: React$1.FC<DialogPrimitive.DialogProps>;
-/** The element (usually a button) that opens the sheet. */
-declare const SheetTrigger: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
-/** Closes the sheet when rendered inside SheetContent. */
-declare const SheetClose: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React$1.RefAttributes<HTMLButtonElement>>;
-/** Portals the sheet overlay and content into the body. */
-declare const SheetPortal: React$1.FC<DialogPrimitive.DialogPortalProps>;
-/** Dimmed backdrop rendered behind the sheet content. */
-declare const SheetOverlay: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-declare const sheetVariants: (props?: ({
-    side?: "top" | "right" | "bottom" | "left" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-interface SheetContentProps extends React$1.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>, VariantProps<typeof sheetVariants> {
-}
-/** The sheet content panel that slides in from a side of the viewport. */
-declare const SheetContent: React$1.ForwardRefExoticComponent<SheetContentProps & React$1.RefAttributes<HTMLDivElement>>;
-/**
- * Header container inside SheetContent; stacks title and description.
- * @returns A div with vertical rhythm.
- */
-declare function SheetHeader({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
-/**
- * Footer container inside SheetContent; aligns action buttons.
- * @returns A div that stacks buttons on mobile and right-aligns on desktop.
- */
-declare function SheetFooter({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
-/** Accessible sheet title; Radix wires it to aria-labelledby automatically. */
-declare const SheetTitle: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React$1.RefAttributes<HTMLHeadingElement>, "ref"> & React$1.RefAttributes<HTMLHeadingElement>>;
-/** Accessible sheet description; Radix wires it to aria-describedby automatically. */
-declare const SheetDescription: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React$1.RefAttributes<HTMLParagraphElement>, "ref"> & React$1.RefAttributes<HTMLParagraphElement>>;
-
-type DrawerRootProps = React$1.ComponentPropsWithoutRef<typeof Drawer$1.Root>;
-/**
- * Root container for a bottom drawer (vaul). Manages open state, drag, and snap points.
- * @returns A drawer root that coordinates overlay, content, and dismiss behavior.
- */
-declare function Drawer({ shouldScaleBackground, ...props }: DrawerRootProps): react_jsx_runtime.JSX.Element;
-declare namespace Drawer {
-    var displayName: string;
-}
-/** The element that opens the drawer when clicked. */
-declare const DrawerTrigger: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
-/** Portals drawer overlay and content into the body. */
-declare const DrawerPortal: typeof vaul.Portal;
-/** Closes the drawer when rendered inside DrawerContent. */
-declare const DrawerClose: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React$1.RefAttributes<HTMLButtonElement>>;
-/** Dimmed backdrop behind the drawer content. */
-declare const DrawerOverlay: React$1.ForwardRefExoticComponent<Omit<Omit<DialogPrimitive.DialogOverlayProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-/** The drawer content panel. Slides up from the bottom and can be dragged down to dismiss. */
-declare const DrawerContent: React$1.ForwardRefExoticComponent<Omit<Omit<DialogPrimitive.DialogContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-/**
- * Header container inside DrawerContent; stacks title and description.
- * @returns A div with vertical rhythm.
- */
-declare function DrawerHeader({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
-/**
- * Footer container inside DrawerContent; stacks action buttons.
- * @returns A div that stacks buttons vertically with consistent gutters.
- */
-declare function DrawerFooter({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
-/** Accessible drawer title; vaul wires it to aria-labelledby automatically. */
-declare const DrawerTitle: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React$1.RefAttributes<HTMLHeadingElement>, "ref"> & React$1.RefAttributes<HTMLHeadingElement>>;
-/** Accessible drawer description; vaul wires it to aria-describedby automatically. */
-declare const DrawerDescription: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React$1.RefAttributes<HTMLParagraphElement>, "ref"> & React$1.RefAttributes<HTMLParagraphElement>>;
-
-/**
- * Root container for a group of resizable panels.
- * @returns A flex container that coordinates panel sizing.
- */
-declare function ResizablePanelGroup({ className, ...props }: React$1.ComponentPropsWithoutRef<typeof Group>): react_jsx_runtime.JSX.Element;
-declare namespace ResizablePanelGroup {
-    var displayName: string;
-}
-/** A single resizable panel. Configure via defaultSize, minSize, maxSize. */
-declare const ResizablePanel: typeof Panel;
-interface ResizableHandleProps extends React$1.ComponentPropsWithoutRef<typeof Separator$1> {
-    /** Show a grab-grip on the handle for affordance. */
-    withHandle?: boolean;
-}
-/**
- * Draggable separator between panels. Optionally renders a grab-grip dot.
- * @returns A slim, focusable resize handle.
- */
-declare function ResizableHandle({ withHandle, className, ...props }: ResizableHandleProps): react_jsx_runtime.JSX.Element;
-declare namespace ResizableHandle {
-    var displayName: string;
-}
-
-interface SidebarContextValue {
-    /** Current open/collapsed state. */
-    open: boolean;
-    /** Toggle or set open state. */
-    setOpen: (open: boolean) => void;
-}
-/**
- * Reads sidebar state from context. Throws if used outside SidebarProvider.
- * @returns `{ open, setOpen }` bound to the nearest SidebarProvider.
- */
-declare function useSidebar(): SidebarContextValue;
-interface SidebarProviderProps {
-    /** Controlled open state. */
-    open?: boolean;
-    /** Uncontrolled initial open state (defaults to true). */
-    defaultOpen?: boolean;
-    /** Callback fired when open state changes. */
-    onOpenChange?: (open: boolean) => void;
-    /** Children — typically a Sidebar + app content sibling. */
-    children: React$1.ReactNode;
-    /** Extra class names on the provider wrapper. */
-    className?: string;
-}
-/**
- * Hosts sidebar state. Wrap your app shell (Sidebar + main content) in this.
- * @returns A flex container with a SidebarContext provider.
- */
-declare function SidebarProvider({ open: openProp, defaultOpen, onOpenChange, children, className, }: SidebarProviderProps): react_jsx_runtime.JSX.Element;
-declare namespace SidebarProvider {
-    var displayName: string;
-}
-declare const sidebarVariants: (props?: ({
-    side?: "right" | "left" | null | undefined;
-    state?: "closed" | "open" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-interface SidebarProps extends React$1.HTMLAttributes<HTMLElement>, Pick<VariantProps<typeof sidebarVariants>, "side"> {
-}
-/**
- * App-shell sidebar. Reads open state from SidebarProvider and animates width.
- * @returns An aside element that expands/collapses.
- */
-declare const Sidebar: React$1.ForwardRefExoticComponent<SidebarProps & React$1.RefAttributes<HTMLElement>>;
-interface SidebarTriggerProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement> {
-    /** Render as the child element (Button, etc.) using Radix Slot. */
-    asChild?: boolean;
-}
-/**
- * Toggles the sidebar open/closed. Renders a button by default; use asChild to style.
- * @returns A button that flips SidebarProvider state.
- */
-declare const SidebarTrigger: React$1.ForwardRefExoticComponent<SidebarTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
-/** Header container at the top of the sidebar. */
-declare const SidebarHeader: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
-/** Scrollable main area of the sidebar. */
-declare const SidebarContent: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
-/** Footer container at the bottom of the sidebar. */
-declare const SidebarFooter: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
-interface SidebarItemProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement> {
-    /** Render as the child element (next/link, etc.) via Slot. */
-    asChild?: boolean;
-    /** Mark as the current/selected item. */
-    active?: boolean;
-}
-/**
- * Single selectable row inside SidebarContent. Compose icon + label in children.
- * @returns An accessible button (or Slot) styled as a sidebar row.
- */
-declare const SidebarItem: React$1.ForwardRefExoticComponent<SidebarItemProps & React$1.RefAttributes<HTMLButtonElement>>;
-
-declare const buttonSchema: ComponentSchemaDefinition;
-
-declare const inputSchema: ComponentSchemaDefinition;
-
-declare const labelSchema: ComponentSchemaDefinition;
-
-declare const textareaSchema: ComponentSchemaDefinition;
-
-declare const checkboxSchema: ComponentSchemaDefinition;
-
-declare const switchSchema: ComponentSchemaDefinition;
-
-declare const badgeSchema: ComponentSchemaDefinition;
-
-declare const separatorSchema: ComponentSchemaDefinition;
-
-declare const cardSchema: ComponentSchemaDefinition;
-
-declare const tabsSchema: ComponentSchemaDefinition;
-
-declare const accordionSchema: ComponentSchemaDefinition;
-
-declare const dialogSchema: ComponentSchemaDefinition;
-
-declare const alertDialogSchema: ComponentSchemaDefinition;
-
-declare const dropdownMenuSchema: ComponentSchemaDefinition;
-
-declare const popoverSchema: ComponentSchemaDefinition;
-
-declare const tooltipSchema: ComponentSchemaDefinition;
-
-declare const selectSchema: ComponentSchemaDefinition;
-
-declare const radioGroupSchema: ComponentSchemaDefinition;
-
-declare const sliderSchema: ComponentSchemaDefinition;
-
-declare const toggleSchema: ComponentSchemaDefinition;
-
-declare const toggleGroupSchema: ComponentSchemaDefinition;
-
-declare const formSchema: ComponentSchemaDefinition;
-
-declare const avatarSchema: ComponentSchemaDefinition;
-
-declare const skeletonSchema: ComponentSchemaDefinition;
-
-declare const progressSchema: ComponentSchemaDefinition;
-
-declare const scrollAreaSchema: ComponentSchemaDefinition;
-
-declare const aspectRatioSchema: ComponentSchemaDefinition;
-
-declare const containerSchema: ComponentSchemaDefinition;
-
-declare const stackSchema: ComponentSchemaDefinition;
-
-declare const clusterSchema: ComponentSchemaDefinition;
-
-declare const gridSchema: ComponentSchemaDefinition;
-
-declare const spacerSchema: ComponentSchemaDefinition;
-
-declare const collapsibleSchema: ComponentSchemaDefinition;
-
-declare const hoverCardSchema: ComponentSchemaDefinition;
-
-declare const contextMenuSchema: ComponentSchemaDefinition;
-
-declare const menubarSchema: ComponentSchemaDefinition;
-
-declare const navigationMenuSchema: ComponentSchemaDefinition;
-
-declare const breadcrumbSchema: ComponentSchemaDefinition;
-
-declare const alertSchema: ComponentSchemaDefinition;
-
-declare const sonnerSchema: ComponentSchemaDefinition;
-
-declare const tableSchema: ComponentSchemaDefinition;
-
-declare const dataTableSchema: ComponentSchemaDefinition;
-
-declare const paginationSchema: ComponentSchemaDefinition;
-
-declare const calendarSchema: ComponentSchemaDefinition;
-
-declare const datePickerSchema: ComponentSchemaDefinition;
-
-declare const inputOTPSchema: ComponentSchemaDefinition;
-
-declare const commandSchema: ComponentSchemaDefinition;
-
-declare const comboboxSchema: ComponentSchemaDefinition;
-
-declare const multiComboboxSchema: ComponentSchemaDefinition;
-
-declare const stepperSchema: ComponentSchemaDefinition;
-
-declare const timelineSchema: ComponentSchemaDefinition;
-
-declare const dropzoneSchema: ComponentSchemaDefinition;
-
-declare const timePickerSchema: ComponentSchemaDefinition;
-
-declare const fileTreeSchema: ComponentSchemaDefinition;
-
-declare const colorPickerSchema: ComponentSchemaDefinition;
-
-declare const sheetSchema: ComponentSchemaDefinition;
-
-declare const drawerSchema: ComponentSchemaDefinition;
-
-declare const resizableSchema: ComponentSchemaDefinition;
-
-declare const sidebarSchema: ComponentSchemaDefinition;
-
 /**
  * Merge class names with Tailwind CSS conflict resolution.
  * @param inputs - Class values (strings, arrays, objects) to merge
@@ -1642,4 +176,4 @@ declare const sidebarSchema: ComponentSchemaDefinition;
  */
 declare function cn(...inputs: ClassValue[]): string;
 
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AspectRatio, Avatar, AvatarFallback, AvatarImage, Badge, type BadgeProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, type ButtonProps, Calendar, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, type CheckboxProps, Cluster, type ClusterProps, Collapsible, CollapsibleContent, CollapsibleTrigger, ColorPicker, type ColorPickerProps, Combobox, type ComboboxOption, type ComboboxProps, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, Container, type ContainerProps, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuTrigger, DataTable, type DataTableProps, DatePicker, type DatePickerProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuTrigger, Dropzone, type DropzoneProps, type DropzoneRenderState, FileTree, type FileTreeNode, type FileTreeProps, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, Grid, type GridProps, HoverCard, HoverCardContent, HoverCardTrigger, type HslTriplet, Input, InputOTP, InputOTPGroup, type InputOTPProps, InputOTPSeparator, InputOTPSlot, type InputProps, Label, type LabelProps, Menubar, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarSeparator, MenubarShortcut, MenubarTrigger, MultiCombobox, type MultiComboboxOption, type MultiComboboxProps, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, type RgbColor, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue, Separator, type SeparatorProps, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarHeader, SidebarItem, SidebarProvider, SidebarTrigger, Skeleton, Slider, Spacer, type SpacerProps, Stack, type StackProps, type StepStatus, Stepper, type StepperProps, type StepperStep, Switch, type SwitchProps, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, type TextareaProps, TimePicker, type TimePickerProps, Timeline, type TimelineEvent, type TimelineProps, type TimelineStatus, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, accordionSchema, alertDialogSchema, alertSchema, alertVariants, aspectRatioSchema, avatarSchema, badgeSchema, badgeVariants, breadcrumbSchema, buttonSchema, buttonVariants, calendarSchema, cardSchema, checkboxSchema, clusterSchema, clusterVariants, cn, collapsibleSchema, colorPickerSchema, comboboxSchema, commandSchema, containerSchema, containerVariants, contextMenuSchema, dataTableSchema, datePickerSchema, dialogSchema, drawerSchema, dropdownMenuSchema, dropzoneSchema, fileTreeSchema, formSchema, formatHslTriplet, gridSchema, gridVariants, hexToHslTriplet, hoverCardSchema, hslToRgb, hslTripletToHex, inputOTPSchema, inputSchema, labelSchema, menubarSchema, multiComboboxSchema, navigationMenuSchema, navigationMenuTriggerStyle, paginationSchema, parseHslTriplet, popoverSchema, progressSchema, radioGroupSchema, resizableSchema, rgbToHsl, scrollAreaSchema, selectSchema, separatorSchema, sheetSchema, sidebarSchema, skeletonSchema, sliderSchema, sonnerSchema, spacerSchema, spacerVariants, stackSchema, stackVariants, stepperSchema, switchSchema, tableSchema, tabsSchema, textareaSchema, timePickerSchema, timelineSchema, toggleGroupSchema, toggleSchema, toggleVariants, tooltipSchema, useFormField, useSidebar };
+export { type HslTriplet, type RgbColor, cn, formatHslTriplet, hexToHslTriplet, hslToRgb, hslTripletToHex, parseHslTriplet, rgbToHsl };