shru-design-system 0.2.0 → 0.3.1

package/dist/index.d.mts

@@ -52,12 +52,13 @@ declare const Button: React$1.ForwardRefExoticComponent<Omit<React$1.ClassAttrib
 }, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
 
 declare const badgeVariants: (props?: ({
-    readonly variant?: "default" | "destructive" | "outline" | "secondary" | null | undefined;
+    readonly variant?: "default" | "destructive" | "outline" | "secondary" | "disabled" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const Badge: React$1.ForwardRefExoticComponent<Omit<React$1.ClassAttributes<HTMLSpanElement> & React$1.HTMLAttributes<HTMLSpanElement> & VariantProps<(props?: ({
-    readonly variant?: "default" | "destructive" | "outline" | "secondary" | null | undefined;
+    readonly variant?: "default" | "destructive" | "outline" | "secondary" | "disabled" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string> & {
     asChild?: boolean;
+    onClick?: (e: React$1.MouseEvent<HTMLSpanElement>) => void;
 }, "ref"> & React$1.RefAttributes<HTMLSpanElement>>;
 
 declare const textInputTypes: readonly ["text", "email", "password", "number", "tel", "url", "search"];
@@ -102,6 +103,26 @@ declare function RadioItem({ className, ...props }: React$1.ComponentProps<typeo
 
 declare function Skeleton({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
 
+interface SkeletonGridProps {
+    count?: number;
+    cols?: {
+        default?: number;
+        md?: number;
+        lg?: number;
+    };
+    className?: string;
+    renderSkeleton?: () => React$1.ReactNode;
+}
+declare function SkeletonGrid({ count, cols, className, renderSkeleton, }: SkeletonGridProps): react_jsx_runtime.JSX.Element;
+
+interface SkeletonTextProps {
+    lines?: number;
+    className?: string;
+    lineHeight?: "sm" | "md" | "lg";
+    lastLineWidth?: "full" | "3/4" | "1/2";
+}
+declare function SkeletonText({ lines, className, lineHeight, lastLineWidth, }: SkeletonTextProps): react_jsx_runtime.JSX.Element;
+
 declare const sliderOrientations: readonly ["horizontal", "vertical"];
 declare function Slider({ className, defaultValue, value, min, max, orientation, ...props }: React$1.ComponentProps<typeof SliderPrimitive.Root> & {
     orientation?: typeof sliderOrientations[number];
@@ -532,11 +553,14 @@ interface SnackbarProps {
 declare function Snackbar({ message, action, variant, className, }: SnackbarProps): react_jsx_runtime.JSX.Element;
 
 interface StatusTextProps {
-    text: string;
-    status: "success" | "error" | "warning" | "info";
+    text?: string;
+    status?: "success" | "error" | "warning" | "info";
+    count?: number;
+    label?: string;
+    variant?: "caption" | "body" | "heading";
     className?: string;
 }
-declare function StatusText({ text, status, className, }: StatusTextProps): react_jsx_runtime.JSX.Element;
+declare function StatusText({ text, status, count, label, variant, className, }: StatusTextProps): react_jsx_runtime.JSX.Element;
 
 interface StepperProps {
     steps: Array<{
@@ -552,8 +576,10 @@ interface InfoBannerProps {
     message: string;
     variant?: "info" | "warning" | "success";
     className?: string;
+    tooltip?: boolean;
+    children?: React$1.ReactNode;
 }
-declare function InfoBanner({ message, variant, className, }: InfoBannerProps): react_jsx_runtime.JSX.Element;
+declare function InfoBanner({ message, variant, className, tooltip, children, }: InfoBannerProps): react_jsx_runtime.JSX.Element;
 
 interface InlineEditProps {
     value: string;
@@ -576,41 +602,117 @@ declare function InputGroupText({ className, ...props }: React$1.ComponentProps<
 declare function InputGroupInput({ className, ...props }: TextInputProps): react_jsx_runtime.JSX.Element;
 declare function InputGroupTextarea({ className, ...props }: React$1.ComponentProps<"textarea">): react_jsx_runtime.JSX.Element;
 
-interface FormInputProps extends React$1.ComponentProps<typeof TextInput> {
+type FormInputType = "text" | "email" | "url" | "number" | "textarea" | "select" | "checkbox";
+interface FormInputProps {
+    type?: FormInputType;
     label?: string;
     error?: string;
     description?: string;
+    variant?: "default" | "minimal";
+    placeholder?: string;
+    value?: string | number;
+    onChange?: (e: React$1.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
+    options?: Array<{
+        label: string;
+        value: string;
+    }>;
+    onValueChange?: (value: string) => void;
+    checked?: boolean;
+    onCheckedChange?: (checked: boolean) => void;
+    id?: string;
+    className?: string;
+    required?: boolean;
+    disabled?: boolean;
+    [key: string]: any;
 }
-declare function FormInput({ className, label, error, description, id, ...props }: FormInputProps): react_jsx_runtime.JSX.Element;
+declare function FormInput({ className, type, label, error, description, variant, id, options, onValueChange, checked, onCheckedChange, ...props }: FormInputProps): react_jsx_runtime.JSX.Element;
+
+interface SearchInputProps {
+    placeholder?: string;
+    value?: string;
+    onChange?: (value: string) => void;
+    onSearch?: (value: string) => void;
+    debounceMs?: number;
+    clearable?: boolean;
+    icon?: React$1.ReactNode;
+    variant?: "default" | "minimal" | "filled";
+    size?: "sm" | "md" | "lg";
+    className?: string;
+}
+declare function SearchInput({ placeholder, value: valueProp, onChange, onSearch, debounceMs, clearable, icon, variant, size, className, }: SearchInputProps): react_jsx_runtime.JSX.Element;
 
 interface ConfirmModalProps {
-    open: boolean;
-    onOpenChange: (open: boolean) => void;
-    onConfirm: () => void;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    triggerLabel?: string;
+    triggerProps?: React$1.ComponentProps<typeof Button>;
+    text?: string;
     title: string;
     description?: string;
+    onConfirm: () => void | Promise<void>;
     confirmLabel?: string;
     cancelLabel?: string;
-    variant?: "default" | "destructive";
+    variant?: "default" | "destructive" | "delete" | "save" | "warning";
+    loading?: boolean;
+    error?: string;
+    showModal?: boolean;
 }
-declare function ConfirmModal({ open, onOpenChange, onConfirm, title, description, confirmLabel, cancelLabel, variant, }: ConfirmModalProps): react_jsx_runtime.JSX.Element;
+declare function ConfirmModal({ open: openProp, onOpenChange, triggerLabel, triggerProps, text, title, description, onConfirm, confirmLabel, cancelLabel, variant, loading, error, showModal, }: ConfirmModalProps): react_jsx_runtime.JSX.Element;
 
 interface CopyButtonProps extends React$1.ComponentProps<typeof Button> {
-    text: string;
+    text?: string;
+    getText?: () => string;
     onCopy?: () => void;
 }
-declare function CopyButton({ text, onCopy, ...props }: CopyButtonProps): react_jsx_runtime.JSX.Element;
+declare function CopyButton({ text, getText, onCopy, ...props }: CopyButtonProps): react_jsx_runtime.JSX.Element;
 
+type FormFieldType = "text" | "textarea" | "select" | "checkbox" | "upload" | "number" | "email" | "url";
+interface FormFieldConfig {
+    name: string;
+    type: FormFieldType;
+    label?: string;
+    placeholder?: string;
+    description?: string;
+    required?: boolean;
+    active?: boolean | ((values: Record<string, any>) => boolean);
+    validation?: (value: any) => string | undefined;
+    options?: Array<{
+        label: string;
+        value: string;
+    }> | ((formData: Record<string, any>) => Array<{
+        label: string;
+        value: string;
+    }>) | (() => Array<{
+        label: string;
+        value: string;
+    }>);
+    accept?: string;
+    multiple?: boolean;
+    min?: number;
+    max?: number;
+    step?: number;
+    defaultValue?: any;
+    onChange?: (value: any, params: {
+        formData: Record<string, any>;
+        setFormData: (data: Record<string, any> | ((prev: Record<string, any>) => Record<string, any>)) => void;
+        fieldName: string;
+    }) => void;
+}
 interface FormModalProps {
-    open: boolean;
-    onOpenChange: (open: boolean) => void;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    triggerLabel?: string;
+    triggerProps?: React$1.ComponentProps<typeof Button>;
     title: string;
-    onSubmit: (data: any) => void;
-    children: React$1.ReactNode;
+    onSubmit: (data: Record<string, any>) => void | Promise<void>;
     submitLabel?: string;
     cancelLabel?: string;
+    fields?: FormFieldConfig[];
+    children?: React$1.ReactNode;
+    beforeFields?: React$1.ReactNode;
+    afterFields?: React$1.ReactNode;
 }
-declare function FormModal({ open, onOpenChange, title, onSubmit, children, submitLabel, cancelLabel, }: FormModalProps): react_jsx_runtime.JSX.Element;
+declare function FormModal({ open: openProp, onOpenChange, triggerLabel, triggerProps, title, onSubmit, submitLabel, cancelLabel, fields, children, beforeFields, afterFields, }: FormModalProps): react_jsx_runtime.JSX.Element;
 
 interface TriggerModalProps {
     trigger: React$1.ReactNode;
@@ -650,7 +752,15 @@ interface GridProps extends React$1.HTMLAttributes<HTMLDivElement> {
 }
 declare function Grid({ className, cols, gap, ...props }: GridProps): react_jsx_runtime.JSX.Element;
 
-declare function Card({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare const cardVariants: (props?: ({
+    variant?: "minimal" | "filled" | "subtle" | "outlined" | null | undefined;
+    size?: "sm" | "lg" | "md" | "xs" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface CardProps extends React$1.ComponentProps<"div">, VariantProps<typeof cardVariants> {
+    header?: React$1.ReactNode;
+    footer?: React$1.ReactNode;
+}
+declare function Card({ className, variant, size, header, footer, children, ...props }: CardProps): react_jsx_runtime.JSX.Element;
 declare function CardHeader({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
 declare function CardTitle({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
 declare function CardDescription({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
@@ -677,36 +787,75 @@ interface ContainerProps extends React$1.HTMLAttributes<HTMLDivElement> {
 }
 declare function Container({ className, maxWidth, ...props }: ContainerProps): react_jsx_runtime.JSX.Element;
 
-interface ListProps extends React$1.HTMLAttributes<HTMLUListElement> {
-    variant?: "ordered" | "unordered";
+interface ListProps {
+    items: Array<any>;
+    renderItem: (item: any, index: number) => React$1.ReactNode;
+    searchable?: boolean;
+    searchPlaceholder?: string;
+    emptyTitle?: string;
+    emptyDescription?: string;
+    emptyAction?: React$1.ReactNode;
+    loading?: boolean;
+    skeletonCount?: number;
+    renderSkeleton?: () => React$1.ReactNode;
+    type?: "grid" | "list";
+    gridCols?: {
+        default?: number;
+        md?: number;
+        lg?: number;
+    };
+    className?: string;
+    searchValue?: string;
+    onSearchChange?: (value: string) => void;
+    filterItems?: (items: Array<any>, searchValue: string) => Array<any>;
 }
-declare function List({ className, variant, ...props }: ListProps): react_jsx_runtime.JSX.Element;
+declare function List({ items, renderItem, searchable, searchPlaceholder, emptyTitle, emptyDescription, emptyAction, loading, skeletonCount, renderSkeleton, type, gridCols, className, searchValue: searchValueProp, onSearchChange: onSearchChangeProp, filterItems, }: ListProps): react_jsx_runtime.JSX.Element;
 
-interface HeaderProps extends React$1.HTMLAttributes<HTMLElement> {
+declare const headerVariants: (props?: ({
+    variant?: "default" | "bordered" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface HeaderProps extends React$1.HTMLAttributes<HTMLElement>, VariantProps<typeof headerVariants> {
     sticky?: boolean;
+    heading?: string;
+    caption?: string;
+    left?: React$1.ReactNode;
+    right?: React$1.ReactNode;
 }
-declare function Header({ className, sticky, ...props }: HeaderProps): react_jsx_runtime.JSX.Element;
+declare function Header({ className, sticky, variant, heading, caption, left, right, children, ...props }: HeaderProps): react_jsx_runtime.JSX.Element;
 
 interface FooterProps extends React$1.HTMLAttributes<HTMLElement> {
 }
 declare function Footer({ className, ...props }: FooterProps): react_jsx_runtime.JSX.Element;
 
-interface EmptyScreenProps {
+declare const emptyScreenVariants: (props?: ({
+    variant?: "default" | "minimal" | "spacious" | null | undefined;
+    size?: "sm" | "lg" | "md" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface EmptyScreenProps extends VariantProps<typeof emptyScreenVariants> {
     title?: string;
     description?: string;
     icon?: React$1.ReactNode;
     action?: React$1.ReactNode;
     className?: string;
 }
-declare function EmptyScreen({ title, description, icon, action, className, }: EmptyScreenProps): react_jsx_runtime.JSX.Element;
+declare function EmptyScreen({ title, description, icon, action, variant, size, className, }: EmptyScreenProps): react_jsx_runtime.JSX.Element;
 
 interface CollapsiblePanelProps {
-    title: string;
+    title?: string;
+    label?: string;
+    keyword?: string;
     children: React$1.ReactNode;
     defaultOpen?: boolean;
     className?: string;
+    direction?: "horizontal" | "vertical";
+    triggerPosition?: "left" | "right" | "top" | "bottom";
+    minWidth?: string | number;
+    minHeight?: string | number;
+    triggerClassName?: string;
+    contentClassName?: string;
+    customTrigger?: React$1.ReactNode;
 }
-declare function CollapsiblePanel({ title, children, defaultOpen, className, }: CollapsiblePanelProps): react_jsx_runtime.JSX.Element;
+declare function CollapsiblePanel({ title, label, keyword, children, defaultOpen, className, direction, triggerPosition, minWidth, minHeight, triggerClassName, contentClassName, customTrigger, }: CollapsiblePanelProps): react_jsx_runtime.JSX.Element;
 
 declare function ResizablePanelGroup({ className, ...props }: React$1.ComponentProps<typeof ResizablePrimitive.PanelGroup>): react_jsx_runtime.JSX.Element;
 declare function ResizablePanel({ ...props }: React$1.ComponentProps<typeof ResizablePrimitive.Panel>): react_jsx_runtime.JSX.Element;
@@ -839,8 +988,8 @@ declare function useThemeToggle(): {
  * Theme Configuration
  * Registry of all available themes organized by category
  *
- * Base themes are defined here. Additional themes can be discovered dynamically
- * by scanning the /tokens/themes/ directory structure.
+ * Base themes are defined here. For custom themes, use registerTheme() to add them.
+ * Create theme files in public/tokens/themes/{category}/{themeId}.json and register them.
  */
 type ThemeMetadata = {
     name: string;
@@ -865,14 +1014,33 @@ type ThemeCategory = {
 declare const THEME_CATEGORY_ORDER: readonly ["color", "typography", "shape", "density", "animation", "custom"];
 /**
  * Register a custom theme dynamically
- * Allows users to add themes without modifying the base config
- * Can be used for any category including custom
+ * Use this to add custom themes after creating theme files in public/tokens/themes/
+ *
+ * Example:
+ * ```ts
+ * import { registerTheme } from 'shru-design-system'
+ *
+ * // After creating public/tokens/themes/color/ocean.json
+ * registerTheme('color', 'ocean', {
+ *   name: 'Ocean',
+ *   file: 'color/ocean.json',
+ *   icon: '🌊',
+ *   description: 'Ocean color theme'
+ * })
+ * ```
  */
 declare function registerTheme(category: string, themeId: string, metadata: ThemeMetadata): Record<string, ThemeCategory>;
 /**
  * Register a theme from a token file
- * Helper function to automatically register a theme by loading its file
- * Users can call this after creating a theme file
+ * Helper function that loads the theme file and registers it automatically
+ *
+ * Example:
+ * ```ts
+ * import { registerThemeFromFile } from 'shru-design-system'
+ *
+ * // After creating public/tokens/themes/color/ocean.json
+ * await registerThemeFromFile('color', 'ocean')
+ * ```
  */
 declare function registerThemeFromFile(category: string, themeId: string, filePath?: string): Promise<{
     success: boolean;
@@ -922,4 +1090,4 @@ declare function getCurrentCSSVariables(): Record<string, string>;
  */
 declare function applyThemeSync(): void;
 
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AspectRatio, Avatar, AvatarFallback, AvatarImage, Badge, Box, type BoxProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, Calendar, CalendarDayButton, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, type ChartConfig, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Checkbox, Collapsible, CollapsibleContent, CollapsiblePanel, type CollapsiblePanelProps, CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ConfirmModal, type ConfirmModalProps, Container, type ContainerProps, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, CopyButton, type CopyButtonProps, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyScreen, type EmptyScreenProps, EmptyTitle, ErrorBoundary, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, Footer, type FooterProps, Form, FormControl, FormDescription, FormField, FormInput, type FormInputProps, FormItem, FormLabel, FormMessage, FormModal, type FormModalProps, Grid, type GridProps, Header, type HeaderProps, HistoryControlButtons, type HistoryControlButtonsProps, HoverCard, HoverCardContent, HoverCardTrigger, Image, type ImageProps, InfoBanner, type InfoBannerProps, InlineEdit, type InlineEditProps, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, Kbd, KbdGroup, Label, List, type ListProps, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, Modal, ModalClose, ModalContent, ModalDescription, ModalFooter, ModalHeader, ModalOverlay, ModalPortal, ModalTitle, ModalTrigger, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, Radio, RadioItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, ResizeContainer, type ResizeContainerProps, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Slider, Snackbar, type SnackbarProps, Spinner, Stack, type StackProps, StatusText, type StatusTextProps, Stepper, type StepperProps, Switch, THEME_CATEGORY_ORDER, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Text, TextInput, type TextProps, Textarea, type ThemeMetadata$1 as ThemeMetadata, type ThemeSelection, ThemeToggle, type ThemeToggleProps, Toast, type ToastProps, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, TriggerModal, type TriggerModalProps, Upload, type UploadProps, alertVariants, applyThemeSync, badgeVariants, buttonVariants, emptyMediaVariants, enableDebugMode, fieldVariants, getCurrentCSSVariables, getTheme, getThemeCategories, getThemeFilePath, getThemesForCategory, navigationMenuTriggerStyle, registerTheme, registerThemeFromFile, toggleVariants, useChart, useFormField, useSidebar, useTheme, useThemeToggle };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AspectRatio, Avatar, AvatarFallback, AvatarImage, Badge, Box, type BoxProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, Calendar, CalendarDayButton, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, type CardProps, CardTitle, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, type ChartConfig, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Checkbox, Collapsible, CollapsibleContent, CollapsiblePanel, type CollapsiblePanelProps, CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ConfirmModal, type ConfirmModalProps, Container, type ContainerProps, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, CopyButton, type CopyButtonProps, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyScreen, type EmptyScreenProps, EmptyTitle, ErrorBoundary, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, Footer, type FooterProps, Form, FormControl, FormDescription, FormField, type FormFieldConfig, type FormFieldType, FormInput, type FormInputProps, type FormInputType, FormItem, FormLabel, FormMessage, FormModal, type FormModalProps, Grid, type GridProps, Header, type HeaderProps, HistoryControlButtons, type HistoryControlButtonsProps, HoverCard, HoverCardContent, HoverCardTrigger, Image, type ImageProps, InfoBanner, type InfoBannerProps, InlineEdit, type InlineEditProps, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, Kbd, KbdGroup, Label, List, type ListProps, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, Modal, ModalClose, ModalContent, ModalDescription, ModalFooter, ModalHeader, ModalOverlay, ModalPortal, ModalTitle, ModalTrigger, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, Radio, RadioItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, ResizeContainer, type ResizeContainerProps, ScrollArea, ScrollBar, SearchInput, type SearchInputProps, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, SkeletonGrid, type SkeletonGridProps, SkeletonText, type SkeletonTextProps, Slider, Snackbar, type SnackbarProps, Spinner, Stack, type StackProps, StatusText, type StatusTextProps, Stepper, type StepperProps, Switch, THEME_CATEGORY_ORDER, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Text, TextInput, type TextProps, Textarea, type ThemeMetadata$1 as ThemeMetadata, type ThemeSelection, ThemeToggle, type ThemeToggleProps, Toast, type ToastProps, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, TriggerModal, type TriggerModalProps, Upload, type UploadProps, alertVariants, applyThemeSync, badgeVariants, buttonVariants, emptyMediaVariants, enableDebugMode, fieldVariants, getCurrentCSSVariables, getTheme, getThemeCategories, getThemeFilePath, getThemesForCategory, navigationMenuTriggerStyle, registerTheme, registerThemeFromFile, toggleVariants, useChart, useFormField, useSidebar, useTheme, useThemeToggle };