@storm-ds/ui 0.1.0

package/dist/index.d.mts

@@ -0,0 +1,927 @@
+import * as react from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare const variantStyles$7: {
+    readonly default: "border border-storm-primary bg-storm-primary text-storm-primary-foreground hover:bg-storm-primary/90";
+    readonly secondary: "border border-storm-secondary bg-storm-secondary text-storm-secondary-foreground hover:bg-storm-secondary/80";
+    readonly outline: "border border-storm-border bg-transparent text-storm-foreground hover:bg-storm-accent/10";
+    readonly ghost: "border border-transparent bg-transparent text-storm-foreground hover:bg-storm-accent/10";
+    readonly destructive: "border border-storm-destructive bg-storm-destructive text-white hover:bg-storm-destructive/90";
+};
+declare const sizeStyles$c: {
+    readonly sm: "px-3 py-1.5 text-sm";
+    readonly md: "px-4 py-2 text-base";
+    readonly lg: "px-6 py-3 text-lg";
+};
+interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    variant?: keyof typeof variantStyles$7;
+    size?: keyof typeof sizeStyles$c;
+    loading?: boolean;
+    iconOnly?: boolean;
+}
+declare const Button: react.ForwardRefExoticComponent<ButtonProps & react.RefAttributes<HTMLButtonElement>>;
+
+declare const variantStyles$6: {
+    readonly outlined: "border border-storm-border bg-storm-background";
+    readonly filled: "border border-transparent bg-storm-muted";
+    readonly ghost: "border border-transparent bg-transparent";
+};
+interface CardProps extends React.HTMLAttributes<HTMLDivElement> {
+    variant?: keyof typeof variantStyles$6;
+    interactive?: boolean;
+}
+interface CardHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+interface CardBodyProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+interface CardFooterProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+interface CardImageProps extends React.ImgHTMLAttributes<HTMLImageElement> {
+    aspectRatio?: 'square' | 'video' | '4/3' | '21/9';
+}
+interface CardTitleProps extends React.HTMLAttributes<HTMLHeadingElement> {
+}
+interface CardDescriptionProps extends React.HTMLAttributes<HTMLParagraphElement> {
+}
+declare const Card: react.ForwardRefExoticComponent<CardProps & react.RefAttributes<HTMLDivElement>>;
+declare const CardHeader: react.ForwardRefExoticComponent<CardHeaderProps & react.RefAttributes<HTMLDivElement>>;
+declare const CardBody: react.ForwardRefExoticComponent<CardBodyProps & react.RefAttributes<HTMLDivElement>>;
+declare const CardFooter: react.ForwardRefExoticComponent<CardFooterProps & react.RefAttributes<HTMLDivElement>>;
+declare const CardImage: react.ForwardRefExoticComponent<CardImageProps & react.RefAttributes<HTMLImageElement>>;
+declare const CardTitle: react.ForwardRefExoticComponent<CardTitleProps & react.RefAttributes<HTMLHeadingElement>>;
+declare const CardDescription: react.ForwardRefExoticComponent<CardDescriptionProps & react.RefAttributes<HTMLParagraphElement>>;
+
+declare const sizeStyles$b: {
+    readonly sm: "h-8 px-3 py-1.5 text-sm";
+    readonly md: "h-10 px-4 py-2 text-base";
+    readonly lg: "h-12 px-6 py-3 text-lg";
+};
+interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'> {
+    size?: keyof typeof sizeStyles$b;
+    error?: boolean;
+}
+declare const Input: react.ForwardRefExoticComponent<InputProps & react.RefAttributes<HTMLInputElement>>;
+
+declare const resizeStyles: {
+    readonly none: "resize-none";
+    readonly vertical: "resize-y";
+    readonly horizontal: "resize-x";
+    readonly both: "resize";
+};
+interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
+    error?: boolean;
+    resize?: keyof typeof resizeStyles;
+}
+declare const Textarea: react.ForwardRefExoticComponent<TextareaProps & react.RefAttributes<HTMLTextAreaElement>>;
+
+interface LabelProps extends React.LabelHTMLAttributes<HTMLLabelElement> {
+    required?: boolean;
+}
+declare const Label: react.ForwardRefExoticComponent<LabelProps & react.RefAttributes<HTMLLabelElement>>;
+
+declare const sizeStyles$a: {
+    readonly sm: "h-8 px-3 py-1.5 text-sm";
+    readonly md: "h-10 px-4 py-2 text-base";
+    readonly lg: "h-12 px-6 py-2 text-lg";
+};
+interface SelectProps extends Omit<React.SelectHTMLAttributes<HTMLSelectElement>, 'size'> {
+    size?: keyof typeof sizeStyles$a;
+    error?: boolean;
+}
+declare const Select: react.ForwardRefExoticComponent<SelectProps & react.RefAttributes<HTMLSelectElement>>;
+
+declare const sizeStyles$9: {
+    readonly sm: "h-4 w-4";
+    readonly md: "h-5 w-5";
+    readonly lg: "h-6 w-6";
+};
+interface CheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type' | 'size'> {
+    size?: keyof typeof sizeStyles$9;
+}
+declare const Checkbox: react.ForwardRefExoticComponent<CheckboxProps & react.RefAttributes<HTMLInputElement>>;
+
+declare const trackSizeStyles: {
+    readonly sm: "h-5 w-9";
+    readonly md: "h-6 w-11";
+    readonly lg: "h-7 w-14";
+};
+interface SwitchProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'onChange'> {
+    checked?: boolean;
+    onChange?: (checked: boolean) => void;
+    size?: keyof typeof trackSizeStyles;
+}
+declare const Switch: react.ForwardRefExoticComponent<SwitchProps & react.RefAttributes<HTMLButtonElement>>;
+
+declare const sizeStyles$8: {
+    readonly sm: "h-4 w-4";
+    readonly md: "h-5 w-5";
+    readonly lg: "h-6 w-6";
+};
+interface RadioGroupProps extends React.HTMLAttributes<HTMLDivElement> {
+    orientation?: 'vertical' | 'horizontal';
+}
+interface RadioGroupItemProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type' | 'size'> {
+    size?: keyof typeof sizeStyles$8;
+}
+declare const RadioGroup: react.ForwardRefExoticComponent<RadioGroupProps & react.RefAttributes<HTMLDivElement>>;
+declare const RadioGroupItem: react.ForwardRefExoticComponent<RadioGroupItemProps & react.RefAttributes<HTMLInputElement>>;
+
+interface InputGroupProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+interface InputGroupAddonProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+declare const InputGroup: react.ForwardRefExoticComponent<InputGroupProps & react.RefAttributes<HTMLDivElement>>;
+declare const InputGroupAddon: react.ForwardRefExoticComponent<InputGroupAddonProps & react.RefAttributes<HTMLDivElement>>;
+
+declare const variantStyles$5: {
+    readonly default: "border border-storm-border bg-storm-background text-storm-foreground";
+    readonly secondary: "border border-storm-secondary bg-storm-secondary text-storm-secondary-foreground";
+    readonly destructive: "border border-storm-destructive/50 bg-storm-destructive/10 text-storm-destructive";
+    readonly success: "border border-storm-success/50 bg-storm-success/10 text-storm-success";
+    readonly warning: "border border-storm-warning/50 bg-storm-warning/10 text-storm-warning";
+    readonly info: "border border-storm-info/50 bg-storm-info/10 text-storm-info";
+};
+interface AlertProps extends React.HTMLAttributes<HTMLDivElement> {
+    variant?: keyof typeof variantStyles$5;
+    icon?: React.ReactNode;
+}
+interface AlertTitleProps extends React.HTMLAttributes<HTMLHeadingElement> {
+}
+interface AlertDescriptionProps extends React.HTMLAttributes<HTMLParagraphElement> {
+}
+declare const Alert: react.ForwardRefExoticComponent<AlertProps & react.RefAttributes<HTMLDivElement>>;
+declare const AlertTitle: react.ForwardRefExoticComponent<AlertTitleProps & react.RefAttributes<HTMLHeadingElement>>;
+declare const AlertDescription: react.ForwardRefExoticComponent<AlertDescriptionProps & react.RefAttributes<HTMLParagraphElement>>;
+
+declare const variantStyles$4: {
+    readonly default: "border border-storm-primary bg-storm-primary text-storm-primary-foreground";
+    readonly secondary: "border border-storm-secondary bg-storm-secondary text-storm-secondary-foreground";
+    readonly outline: "border border-storm-border bg-transparent text-storm-foreground";
+    readonly destructive: "border border-storm-destructive bg-storm-destructive text-white";
+    readonly success: "border border-storm-success bg-storm-success text-storm-success-foreground";
+    readonly warning: "border border-storm-warning bg-storm-warning text-storm-warning-foreground";
+    readonly info: "border border-storm-info bg-storm-info text-storm-info-foreground";
+};
+declare const sizeStyles$7: {
+    readonly sm: "px-1.5 py-0.5 text-[10px]";
+    readonly md: "px-2.5 py-0.5 text-xs";
+    readonly lg: "px-3 py-1 text-sm";
+};
+interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement> {
+    variant?: keyof typeof variantStyles$4;
+    size?: keyof typeof sizeStyles$7;
+}
+declare const Badge: react.ForwardRefExoticComponent<BadgeProps & react.RefAttributes<HTMLSpanElement>>;
+
+declare const sizeStyles$6: {
+    readonly sm: "h-8 w-8 text-xs";
+    readonly md: "h-10 w-10 text-sm";
+    readonly lg: "h-12 w-12 text-base";
+};
+interface AvatarProps extends React.HTMLAttributes<HTMLSpanElement> {
+    size?: keyof typeof sizeStyles$6;
+    src?: string;
+    alt?: string;
+    fallback?: string;
+}
+interface AvatarGroupProps extends React.HTMLAttributes<HTMLDivElement> {
+    max?: number;
+}
+declare const Avatar: react.ForwardRefExoticComponent<AvatarProps & react.RefAttributes<HTMLSpanElement>>;
+declare const AvatarGroup: react.ForwardRefExoticComponent<AvatarGroupProps & react.RefAttributes<HTMLDivElement>>;
+
+declare const variantStyles$3: {
+    readonly default: "rounded-storm-md";
+    readonly circle: "rounded-full";
+    readonly text: "rounded-storm-sm h-4";
+};
+interface SkeletonProps extends React.HTMLAttributes<HTMLDivElement> {
+    variant?: keyof typeof variantStyles$3;
+}
+declare const Skeleton: react.ForwardRefExoticComponent<SkeletonProps & react.RefAttributes<HTMLDivElement>>;
+
+declare const orientationStyles: {
+    readonly horizontal: "h-0 w-full border-t border-storm-border";
+    readonly vertical: "w-0 self-stretch border-l border-storm-border";
+};
+interface SeparatorProps extends React.HTMLAttributes<HTMLDivElement> {
+    orientation?: keyof typeof orientationStyles;
+    label?: string;
+}
+declare const Separator: react.ForwardRefExoticComponent<SeparatorProps & react.RefAttributes<HTMLDivElement>>;
+
+interface BreadcrumbProps extends React.HTMLAttributes<HTMLElement> {
+    separator?: React.ReactNode;
+}
+interface BreadcrumbItemProps extends React.HTMLAttributes<HTMLLIElement> {
+    active?: boolean;
+}
+declare const Breadcrumb: react.ForwardRefExoticComponent<BreadcrumbProps & react.RefAttributes<HTMLElement>>;
+declare const BreadcrumbItem: react.ForwardRefExoticComponent<BreadcrumbItemProps & react.RefAttributes<HTMLLIElement>>;
+declare const BreadcrumbSeparator: react.ForwardRefExoticComponent<react.HTMLAttributes<HTMLSpanElement> & react.RefAttributes<HTMLSpanElement>>;
+declare const BreadcrumbEllipsis: react.ForwardRefExoticComponent<react.HTMLAttributes<HTMLSpanElement> & react.RefAttributes<HTMLSpanElement>>;
+
+declare const sizeStyles$5: {
+    readonly sm: "h-8 w-8 text-xs";
+    readonly md: "h-10 w-10 text-sm";
+    readonly lg: "h-12 w-12 text-base";
+};
+interface PaginationProps extends React.HTMLAttributes<HTMLElement> {
+}
+interface PaginationItemProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    active?: boolean;
+    size?: keyof typeof sizeStyles$5;
+}
+declare const Pagination: react.ForwardRefExoticComponent<PaginationProps & react.RefAttributes<HTMLElement>>;
+declare const PaginationItem: react.ForwardRefExoticComponent<PaginationItemProps & react.RefAttributes<HTMLButtonElement>>;
+declare const PaginationPrevious: react.ForwardRefExoticComponent<react.ButtonHTMLAttributes<HTMLButtonElement> & react.RefAttributes<HTMLButtonElement>>;
+declare const PaginationNext: react.ForwardRefExoticComponent<react.ButtonHTMLAttributes<HTMLButtonElement> & react.RefAttributes<HTMLButtonElement>>;
+declare const PaginationEllipsis: react.ForwardRefExoticComponent<react.HTMLAttributes<HTMLSpanElement> & react.RefAttributes<HTMLSpanElement>>;
+
+interface NavigationMenuProps extends React.HTMLAttributes<HTMLElement> {
+}
+interface NavigationMenuItemProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+interface NavigationMenuLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
+    active?: boolean;
+}
+declare const NavigationMenu: react.ForwardRefExoticComponent<NavigationMenuProps & react.RefAttributes<HTMLElement>>;
+declare const NavigationMenuItem: react.ForwardRefExoticComponent<NavigationMenuItemProps & react.RefAttributes<HTMLDivElement>>;
+declare const NavigationMenuLink: react.ForwardRefExoticComponent<NavigationMenuLinkProps & react.RefAttributes<HTMLAnchorElement>>;
+
+declare const sizeStyles$4: {
+    readonly sm: "max-w-sm";
+    readonly md: "max-w-lg";
+    readonly lg: "max-w-2xl";
+    readonly xl: "max-w-4xl";
+    readonly full: "max-w-[calc(100vw-2rem)]";
+};
+interface DialogProps extends React.DialogHTMLAttributes<HTMLDialogElement> {
+    size?: keyof typeof sizeStyles$4;
+}
+interface DialogContentProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+declare const Dialog: react.ForwardRefExoticComponent<DialogProps & react.RefAttributes<HTMLDialogElement>>;
+declare const DialogContent: react.ForwardRefExoticComponent<DialogContentProps & react.RefAttributes<HTMLDivElement>>;
+declare const DialogHeader: react.ForwardRefExoticComponent<react.HTMLAttributes<HTMLDivElement> & react.RefAttributes<HTMLDivElement>>;
+declare const DialogTitle: react.ForwardRefExoticComponent<react.HTMLAttributes<HTMLHeadingElement> & react.RefAttributes<HTMLHeadingElement>>;
+declare const DialogDescription: react.ForwardRefExoticComponent<react.HTMLAttributes<HTMLParagraphElement> & react.RefAttributes<HTMLParagraphElement>>;
+declare const DialogFooter: react.ForwardRefExoticComponent<react.HTMLAttributes<HTMLDivElement> & react.RefAttributes<HTMLDivElement>>;
+declare const DialogClose: react.ForwardRefExoticComponent<react.ButtonHTMLAttributes<HTMLButtonElement> & react.RefAttributes<HTMLButtonElement>>;
+
+interface DropdownMenuProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+interface DropdownMenuContentProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+interface DropdownMenuItemProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    destructive?: boolean;
+}
+interface DropdownMenuLabelProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+declare const DropdownMenu: react.ForwardRefExoticComponent<DropdownMenuProps & react.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuTrigger: react.ForwardRefExoticComponent<react.ButtonHTMLAttributes<HTMLButtonElement> & react.RefAttributes<HTMLButtonElement>>;
+declare const DropdownMenuContent: react.ForwardRefExoticComponent<DropdownMenuContentProps & react.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuItem: react.ForwardRefExoticComponent<DropdownMenuItemProps & react.RefAttributes<HTMLButtonElement>>;
+declare const DropdownMenuSeparator: react.ForwardRefExoticComponent<react.HTMLAttributes<HTMLHRElement> & react.RefAttributes<HTMLHRElement>>;
+declare const DropdownMenuLabel: react.ForwardRefExoticComponent<DropdownMenuLabelProps & react.RefAttributes<HTMLDivElement>>;
+
+interface TabsProps extends React.HTMLAttributes<HTMLDivElement> {
+    defaultValue?: string;
+}
+interface TabsListProps extends React.HTMLAttributes<HTMLDivElement> {
+    fullWidth?: boolean;
+}
+interface TabsTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    value: string;
+}
+interface TabsContentProps extends React.HTMLAttributes<HTMLDivElement> {
+    value: string;
+}
+declare const Tabs: react.ForwardRefExoticComponent<TabsProps & react.RefAttributes<HTMLDivElement>>;
+declare const TabsList: react.ForwardRefExoticComponent<TabsListProps & react.RefAttributes<HTMLDivElement>>;
+declare const TabsTrigger: react.ForwardRefExoticComponent<TabsTriggerProps & react.RefAttributes<HTMLButtonElement>>;
+declare const TabsContent: react.ForwardRefExoticComponent<TabsContentProps & react.RefAttributes<HTMLDivElement>>;
+
+declare const variantStyles$2: {
+    readonly default: "border border-storm-border bg-storm-background text-storm-foreground";
+    readonly destructive: "border border-storm-destructive/50 bg-storm-destructive/10 text-storm-destructive";
+    readonly success: "border border-storm-success/50 bg-storm-success/10 text-storm-success";
+    readonly warning: "border border-storm-warning/50 bg-storm-warning/10 text-storm-warning";
+    readonly info: "border border-storm-info/50 bg-storm-info/10 text-storm-info";
+};
+interface ToastProps extends React.HTMLAttributes<HTMLDivElement> {
+    variant?: keyof typeof variantStyles$2;
+}
+interface ToastTitleProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+interface ToastDescriptionProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+interface ToastActionProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+}
+declare const Toast: react.ForwardRefExoticComponent<ToastProps & react.RefAttributes<HTMLDivElement>>;
+declare const ToastTitle: react.ForwardRefExoticComponent<ToastTitleProps & react.RefAttributes<HTMLDivElement>>;
+declare const ToastDescription: react.ForwardRefExoticComponent<ToastDescriptionProps & react.RefAttributes<HTMLDivElement>>;
+declare const ToastClose: react.ForwardRefExoticComponent<react.ButtonHTMLAttributes<HTMLButtonElement> & react.RefAttributes<HTMLButtonElement>>;
+declare const ToastAction: react.ForwardRefExoticComponent<ToastActionProps & react.RefAttributes<HTMLButtonElement>>;
+
+declare const sideStyles$2: {
+    readonly top: "bottom-full left-1/2 mb-2 -translate-x-1/2";
+    readonly bottom: "top-full left-1/2 mt-2 -translate-x-1/2";
+    readonly left: "right-full top-1/2 mr-2 -translate-y-1/2";
+    readonly right: "left-full top-1/2 ml-2 -translate-y-1/2";
+};
+interface TooltipProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+interface TooltipContentProps extends React.HTMLAttributes<HTMLDivElement> {
+    side?: keyof typeof sideStyles$2;
+}
+declare const Tooltip: react.ForwardRefExoticComponent<TooltipProps & react.RefAttributes<HTMLDivElement>>;
+declare const TooltipTrigger: react.ForwardRefExoticComponent<react.HTMLAttributes<HTMLDivElement> & react.RefAttributes<HTMLDivElement>>;
+declare const TooltipContent: react.ForwardRefExoticComponent<TooltipContentProps & react.RefAttributes<HTMLDivElement>>;
+
+interface ButtonGroupProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+declare const ButtonGroup: react.ForwardRefExoticComponent<ButtonGroupProps & react.RefAttributes<HTMLDivElement>>;
+
+interface TableProps extends React.TableHTMLAttributes<HTMLTableElement> {
+}
+declare const Table: react.ForwardRefExoticComponent<TableProps & react.RefAttributes<HTMLTableElement>>;
+interface TableHeaderProps extends React.HTMLAttributes<HTMLTableSectionElement> {
+}
+declare const TableHeader: react.ForwardRefExoticComponent<TableHeaderProps & react.RefAttributes<HTMLTableSectionElement>>;
+interface TableBodyProps extends React.HTMLAttributes<HTMLTableSectionElement> {
+}
+declare const TableBody: react.ForwardRefExoticComponent<TableBodyProps & react.RefAttributes<HTMLTableSectionElement>>;
+interface TableFooterProps extends React.HTMLAttributes<HTMLTableSectionElement> {
+}
+declare const TableFooter: react.ForwardRefExoticComponent<TableFooterProps & react.RefAttributes<HTMLTableSectionElement>>;
+interface TableRowProps extends React.HTMLAttributes<HTMLTableRowElement> {
+}
+declare const TableRow: react.ForwardRefExoticComponent<TableRowProps & react.RefAttributes<HTMLTableRowElement>>;
+interface TableHeadProps extends React.ThHTMLAttributes<HTMLTableCellElement> {
+}
+declare const TableHead: react.ForwardRefExoticComponent<TableHeadProps & react.RefAttributes<HTMLTableCellElement>>;
+interface TableCellProps extends React.TdHTMLAttributes<HTMLTableCellElement> {
+}
+declare const TableCell: react.ForwardRefExoticComponent<TableCellProps & react.RefAttributes<HTMLTableCellElement>>;
+interface TableCaptionProps extends React.HTMLAttributes<HTMLTableCaptionElement> {
+}
+declare const TableCaption: react.ForwardRefExoticComponent<TableCaptionProps & react.RefAttributes<HTMLTableCaptionElement>>;
+
+declare const sizeStyles$3: {
+    readonly sm: "h-1";
+    readonly md: "h-2";
+    readonly lg: "h-3";
+};
+declare const variantStyles$1: {
+    readonly default: "bg-storm-primary";
+    readonly secondary: "bg-storm-secondary-foreground";
+    readonly destructive: "bg-storm-destructive";
+    readonly success: "bg-green-500";
+};
+interface ProgressProps extends React.HTMLAttributes<HTMLDivElement> {
+    value?: number;
+    max?: number;
+    size?: keyof typeof sizeStyles$3;
+    variant?: keyof typeof variantStyles$1;
+}
+declare const Progress: react.ForwardRefExoticComponent<ProgressProps & react.RefAttributes<HTMLDivElement>>;
+
+declare const sizeStyles$2: {
+    readonly sm: {
+        readonly track: "h-1";
+        readonly thumb: "h-3 w-3";
+    };
+    readonly md: {
+        readonly track: "h-2";
+        readonly thumb: "h-4 w-4";
+    };
+    readonly lg: {
+        readonly track: "h-3";
+        readonly thumb: "h-5 w-5";
+    };
+};
+interface SliderProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    value?: number;
+    defaultValue?: number;
+    min?: number;
+    max?: number;
+    step?: number;
+    size?: keyof typeof sizeStyles$2;
+    disabled?: boolean;
+    onChange?: (value: number) => void;
+}
+declare const Slider: react.ForwardRefExoticComponent<SliderProps & react.RefAttributes<HTMLDivElement>>;
+
+declare const variantStyles: {
+    readonly default: "hover:bg-storm-accent/10 data-[state=on]:bg-storm-accent/20 data-[state=on]:text-storm-foreground";
+    readonly outline: "border border-storm-border hover:bg-storm-accent/10 data-[state=on]:bg-storm-accent/20 data-[state=on]:text-storm-foreground";
+};
+declare const sizeStyles$1: {
+    readonly sm: "h-8 px-2 text-sm";
+    readonly md: "h-10 px-3 text-base";
+    readonly lg: "h-12 px-4 text-lg";
+};
+interface ToggleProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    pressed?: boolean;
+    defaultPressed?: boolean;
+    variant?: keyof typeof variantStyles;
+    size?: keyof typeof sizeStyles$1;
+    onPressedChange?: (pressed: boolean) => void;
+}
+declare const Toggle: react.ForwardRefExoticComponent<ToggleProps & react.RefAttributes<HTMLButtonElement>>;
+
+declare const sizeStyles: {
+    readonly sm: "h-8 px-2 text-sm";
+    readonly md: "h-10 px-3 text-base";
+    readonly lg: "h-12 px-4 text-lg";
+};
+interface ToggleGroupProps extends React.HTMLAttributes<HTMLDivElement> {
+    variant?: 'default' | 'outline';
+    size?: keyof typeof sizeStyles;
+}
+declare const ToggleGroup: react.ForwardRefExoticComponent<ToggleGroupProps & react.RefAttributes<HTMLDivElement>>;
+interface ToggleGroupItemProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    active?: boolean;
+    size?: keyof typeof sizeStyles;
+}
+declare const ToggleGroupItem: react.ForwardRefExoticComponent<ToggleGroupItemProps & react.RefAttributes<HTMLButtonElement>>;
+
+declare const sideStyles$1: {
+    readonly left: "inset-y-0 left-0 border-r border-storm-border data-[open]:animate-in data-[open]:slide-in-from-left";
+    readonly right: "inset-y-0 right-0 border-l border-storm-border data-[open]:animate-in data-[open]:slide-in-from-right";
+    readonly top: "inset-x-0 top-0 border-b border-storm-border data-[open]:animate-in data-[open]:slide-in-from-top";
+    readonly bottom: "inset-x-0 bottom-0 border-t border-storm-border data-[open]:animate-in data-[open]:slide-in-from-bottom";
+};
+interface SheetProps extends React.DialogHTMLAttributes<HTMLDialogElement> {
+    side?: keyof typeof sideStyles$1;
+    size?: 'sm' | 'md' | 'lg' | 'xl' | 'full';
+}
+declare const Sheet: react.ForwardRefExoticComponent<SheetProps & react.RefAttributes<HTMLDialogElement>>;
+interface SheetContentProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+declare const SheetContent: react.ForwardRefExoticComponent<SheetContentProps & react.RefAttributes<HTMLDivElement>>;
+interface SheetHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+declare const SheetHeader: react.ForwardRefExoticComponent<SheetHeaderProps & react.RefAttributes<HTMLDivElement>>;
+interface SheetTitleProps extends React.HTMLAttributes<HTMLHeadingElement> {
+}
+declare const SheetTitle: react.ForwardRefExoticComponent<SheetTitleProps & react.RefAttributes<HTMLHeadingElement>>;
+interface SheetDescriptionProps extends React.HTMLAttributes<HTMLParagraphElement> {
+}
+declare const SheetDescription: react.ForwardRefExoticComponent<SheetDescriptionProps & react.RefAttributes<HTMLParagraphElement>>;
+interface SheetFooterProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+declare const SheetFooter: react.ForwardRefExoticComponent<SheetFooterProps & react.RefAttributes<HTMLDivElement>>;
+declare const SheetClose: react.ForwardRefExoticComponent<react.ButtonHTMLAttributes<HTMLButtonElement> & react.RefAttributes<HTMLButtonElement>>;
+
+interface PopoverProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+declare const Popover: react.ForwardRefExoticComponent<PopoverProps & react.RefAttributes<HTMLDivElement>>;
+interface PopoverTriggerProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+declare const PopoverTrigger: react.ForwardRefExoticComponent<PopoverTriggerProps & react.RefAttributes<HTMLDivElement>>;
+declare const alignStyles: {
+    readonly start: "left-0";
+    readonly center: "left-1/2 -translate-x-1/2";
+    readonly end: "right-0";
+};
+declare const sideStyles: {
+    readonly top: "bottom-full mb-2";
+    readonly bottom: "top-full mt-2";
+};
+interface PopoverContentProps extends React.HTMLAttributes<HTMLDivElement> {
+    align?: keyof typeof alignStyles;
+    side?: keyof typeof sideStyles;
+}
+declare const PopoverContent: react.ForwardRefExoticComponent<PopoverContentProps & react.RefAttributes<HTMLDivElement>>;
+
+interface CollapsibleProps extends React.HTMLAttributes<HTMLDivElement> {
+    open?: boolean;
+}
+declare const Collapsible: react.ForwardRefExoticComponent<CollapsibleProps & react.RefAttributes<HTMLDivElement>>;
+interface CollapsibleTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+}
+declare const CollapsibleTrigger: react.ForwardRefExoticComponent<CollapsibleTriggerProps & react.RefAttributes<HTMLButtonElement>>;
+interface CollapsibleContentProps extends React.HTMLAttributes<HTMLDivElement> {
+    open?: boolean;
+}
+declare const CollapsibleContent: react.ForwardRefExoticComponent<CollapsibleContentProps & react.RefAttributes<HTMLDivElement>>;
+
+interface ScrollAreaProps extends React.HTMLAttributes<HTMLDivElement> {
+    orientation?: 'vertical' | 'horizontal' | 'both';
+}
+declare const ScrollArea: react.ForwardRefExoticComponent<ScrollAreaProps & react.RefAttributes<HTMLDivElement>>;
+
+interface AspectRatioProps extends React.HTMLAttributes<HTMLDivElement> {
+    ratio?: number;
+}
+declare const AspectRatio: react.ForwardRefExoticComponent<AspectRatioProps & react.RefAttributes<HTMLDivElement>>;
+
+interface AccordionProps extends React.HTMLAttributes<HTMLDivElement> {
+    type?: 'single' | 'multiple';
+    defaultValue?: string | string[];
+}
+declare const Accordion: react.ForwardRefExoticComponent<AccordionProps & react.RefAttributes<HTMLDivElement>>;
+interface AccordionItemProps extends React.HTMLAttributes<HTMLDivElement> {
+    value: string;
+}
+declare const AccordionItem: react.ForwardRefExoticComponent<AccordionItemProps & react.RefAttributes<HTMLDivElement>>;
+interface AccordionTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    value: string;
+}
+declare const AccordionTrigger: react.ForwardRefExoticComponent<AccordionTriggerProps & react.RefAttributes<HTMLButtonElement>>;
+interface AccordionContentProps extends React.HTMLAttributes<HTMLDivElement> {
+    value: string;
+}
+declare const AccordionContent: react.ForwardRefExoticComponent<AccordionContentProps & react.RefAttributes<HTMLDivElement>>;
+
+interface AlertDialogProps extends React.DialogHTMLAttributes<HTMLDialogElement> {
+}
+declare const AlertDialog: react.ForwardRefExoticComponent<AlertDialogProps & react.RefAttributes<HTMLDialogElement>>;
+interface AlertDialogContentProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+declare const AlertDialogContent: react.ForwardRefExoticComponent<AlertDialogContentProps & react.RefAttributes<HTMLDivElement>>;
+interface AlertDialogHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+declare const AlertDialogHeader: react.ForwardRefExoticComponent<AlertDialogHeaderProps & react.RefAttributes<HTMLDivElement>>;
+interface AlertDialogTitleProps extends React.HTMLAttributes<HTMLHeadingElement> {
+}
+declare const AlertDialogTitle: react.ForwardRefExoticComponent<AlertDialogTitleProps & react.RefAttributes<HTMLHeadingElement>>;
+interface AlertDialogDescriptionProps extends React.HTMLAttributes<HTMLParagraphElement> {
+}
+declare const AlertDialogDescription: react.ForwardRefExoticComponent<AlertDialogDescriptionProps & react.RefAttributes<HTMLParagraphElement>>;
+interface AlertDialogFooterProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+declare const AlertDialogFooter: react.ForwardRefExoticComponent<AlertDialogFooterProps & react.RefAttributes<HTMLDivElement>>;
+interface AlertDialogActionProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    variant?: 'default' | 'destructive';
+}
+declare const AlertDialogAction: react.ForwardRefExoticComponent<AlertDialogActionProps & react.RefAttributes<HTMLButtonElement>>;
+interface AlertDialogCancelProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+}
+declare const AlertDialogCancel: react.ForwardRefExoticComponent<AlertDialogCancelProps & react.RefAttributes<HTMLButtonElement>>;
+
+interface CalendarProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'defaultValue'> {
+    value?: Date;
+    defaultValue?: Date;
+    onChange?: (date: Date) => void;
+    min?: Date;
+    max?: Date;
+}
+declare const Calendar: react.ForwardRefExoticComponent<CalendarProps & react.RefAttributes<HTMLDivElement>>;
+
+interface DatePickerProps extends Omit<React.HTMLAttributes<HTMLButtonElement>, 'onChange' | 'defaultValue'> {
+    value?: Date;
+    defaultValue?: Date;
+    onChange?: (date: Date) => void;
+    placeholder?: string;
+    min?: Date;
+    max?: Date;
+    disabled?: boolean;
+}
+declare const DatePicker: react.ForwardRefExoticComponent<DatePickerProps & react.RefAttributes<HTMLButtonElement>>;
+
+interface ComboboxOption {
+    value: string;
+    label: string;
+    disabled?: boolean;
+}
+interface ComboboxProps extends Omit<React.HTMLAttributes<HTMLButtonElement>, 'onChange' | 'defaultValue'> {
+    options: ComboboxOption[];
+    value?: string;
+    defaultValue?: string;
+    onChange?: (value: string) => void;
+    placeholder?: string;
+    searchPlaceholder?: string;
+    emptyMessage?: string;
+    disabled?: boolean;
+}
+declare const Combobox: react.ForwardRefExoticComponent<ComboboxProps & react.RefAttributes<HTMLButtonElement>>;
+
+interface CommandProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+declare const Command: react.ForwardRefExoticComponent<CommandProps & react.RefAttributes<HTMLDivElement>>;
+interface CommandInputProps extends React.InputHTMLAttributes<HTMLInputElement> {
+}
+declare const CommandInput: react.ForwardRefExoticComponent<CommandInputProps & react.RefAttributes<HTMLInputElement>>;
+interface CommandListProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+declare const CommandList: react.ForwardRefExoticComponent<CommandListProps & react.RefAttributes<HTMLDivElement>>;
+interface CommandGroupProps extends React.HTMLAttributes<HTMLDivElement> {
+    heading?: string;
+}
+declare const CommandGroup: react.ForwardRefExoticComponent<CommandGroupProps & react.RefAttributes<HTMLDivElement>>;
+interface CommandItemProps extends React.HTMLAttributes<HTMLDivElement> {
+    disabled?: boolean;
+}
+declare const CommandItem: react.ForwardRefExoticComponent<CommandItemProps & react.RefAttributes<HTMLDivElement>>;
+interface CommandSeparatorProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+declare const CommandSeparator: react.ForwardRefExoticComponent<CommandSeparatorProps & react.RefAttributes<HTMLDivElement>>;
+interface CommandEmptyProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+declare const CommandEmpty: react.ForwardRefExoticComponent<CommandEmptyProps & react.RefAttributes<HTMLDivElement>>;
+interface CommandShortcutProps extends React.HTMLAttributes<HTMLSpanElement> {
+}
+declare const CommandShortcut: react.ForwardRefExoticComponent<CommandShortcutProps & react.RefAttributes<HTMLSpanElement>>;
+interface CommandDialogProps extends React.DialogHTMLAttributes<HTMLDialogElement> {
+}
+declare const CommandDialog: react.ForwardRefExoticComponent<CommandDialogProps & react.RefAttributes<HTMLDialogElement>>;
+
+interface ContextMenuProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+declare const ContextMenu: react.ForwardRefExoticComponent<ContextMenuProps & react.RefAttributes<HTMLDivElement>>;
+interface ContextMenuContentProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+declare const ContextMenuContent: react.ForwardRefExoticComponent<ContextMenuContentProps & react.RefAttributes<HTMLDivElement>>;
+interface ContextMenuItemProps extends React.HTMLAttributes<HTMLDivElement> {
+    destructive?: boolean;
+    disabled?: boolean;
+}
+declare const ContextMenuItem: react.ForwardRefExoticComponent<ContextMenuItemProps & react.RefAttributes<HTMLDivElement>>;
+interface ContextMenuSeparatorProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+declare const ContextMenuSeparator: react.ForwardRefExoticComponent<ContextMenuSeparatorProps & react.RefAttributes<HTMLDivElement>>;
+interface ContextMenuLabelProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+declare const ContextMenuLabel: react.ForwardRefExoticComponent<ContextMenuLabelProps & react.RefAttributes<HTMLDivElement>>;
+
+interface HoverCardProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+declare const HoverCard: react.ForwardRefExoticComponent<HoverCardProps & react.RefAttributes<HTMLDivElement>>;
+interface HoverCardTriggerProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+declare const HoverCardTrigger: react.ForwardRefExoticComponent<HoverCardTriggerProps & react.RefAttributes<HTMLDivElement>>;
+interface HoverCardContentProps extends React.HTMLAttributes<HTMLDivElement> {
+    align?: 'start' | 'center' | 'end';
+    side?: 'top' | 'bottom';
+}
+declare const HoverCardContent: react.ForwardRefExoticComponent<HoverCardContentProps & react.RefAttributes<HTMLDivElement>>;
+
+interface MenubarProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+declare const Menubar: react.ForwardRefExoticComponent<MenubarProps & react.RefAttributes<HTMLDivElement>>;
+interface MenubarMenuProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+declare const MenubarMenu: react.ForwardRefExoticComponent<MenubarMenuProps & react.RefAttributes<HTMLDivElement>>;
+interface MenubarTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+}
+declare const MenubarTrigger: react.ForwardRefExoticComponent<MenubarTriggerProps & react.RefAttributes<HTMLButtonElement>>;
+interface MenubarContentProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+declare const MenubarContent: react.ForwardRefExoticComponent<MenubarContentProps & react.RefAttributes<HTMLDivElement>>;
+interface MenubarItemProps extends React.HTMLAttributes<HTMLDivElement> {
+    disabled?: boolean;
+}
+declare const MenubarItem: react.ForwardRefExoticComponent<MenubarItemProps & react.RefAttributes<HTMLDivElement>>;
+interface MenubarSeparatorProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+declare const MenubarSeparator: react.ForwardRefExoticComponent<MenubarSeparatorProps & react.RefAttributes<HTMLDivElement>>;
+interface MenubarShortcutProps extends React.HTMLAttributes<HTMLSpanElement> {
+}
+declare const MenubarShortcut: react.ForwardRefExoticComponent<MenubarShortcutProps & react.RefAttributes<HTMLSpanElement>>;
+
+interface DrawerProps extends React.DialogHTMLAttributes<HTMLDialogElement> {
+}
+declare const Drawer: react.ForwardRefExoticComponent<DrawerProps & react.RefAttributes<HTMLDialogElement>>;
+interface DrawerContentProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+declare const DrawerContent: react.ForwardRefExoticComponent<DrawerContentProps & react.RefAttributes<HTMLDivElement>>;
+interface DrawerHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+declare const DrawerHeader: react.ForwardRefExoticComponent<DrawerHeaderProps & react.RefAttributes<HTMLDivElement>>;
+interface DrawerTitleProps extends React.HTMLAttributes<HTMLHeadingElement> {
+}
+declare const DrawerTitle: react.ForwardRefExoticComponent<DrawerTitleProps & react.RefAttributes<HTMLHeadingElement>>;
+interface DrawerDescriptionProps extends React.HTMLAttributes<HTMLParagraphElement> {
+}
+declare const DrawerDescription: react.ForwardRefExoticComponent<DrawerDescriptionProps & react.RefAttributes<HTMLParagraphElement>>;
+interface DrawerFooterProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+declare const DrawerFooter: react.ForwardRefExoticComponent<DrawerFooterProps & react.RefAttributes<HTMLDivElement>>;
+declare const DrawerClose: react.ForwardRefExoticComponent<react.ButtonHTMLAttributes<HTMLButtonElement> & react.RefAttributes<HTMLButtonElement>>;
+
+interface ResizablePanelGroupProps extends React.HTMLAttributes<HTMLDivElement> {
+    direction?: 'horizontal' | 'vertical';
+}
+declare const ResizablePanelGroup: react.ForwardRefExoticComponent<ResizablePanelGroupProps & react.RefAttributes<HTMLDivElement>>;
+interface ResizablePanelProps extends React.HTMLAttributes<HTMLDivElement> {
+    defaultSize?: number;
+    minSize?: number;
+    maxSize?: number;
+}
+declare const ResizablePanel: react.ForwardRefExoticComponent<ResizablePanelProps & react.RefAttributes<HTMLDivElement>>;
+interface ResizableHandleProps extends React.HTMLAttributes<HTMLDivElement> {
+    withHandle?: boolean;
+}
+declare const ResizableHandle: react.ForwardRefExoticComponent<ResizableHandleProps & react.RefAttributes<HTMLDivElement>>;
+
+interface InputOTPProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    length?: number;
+    value?: string;
+    onChange?: (value: string) => void;
+    disabled?: boolean;
+}
+declare const InputOTP: react.ForwardRefExoticComponent<InputOTPProps & react.RefAttributes<HTMLDivElement>>;
+interface InputOTPSeparatorProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+declare const InputOTPSeparator: react.ForwardRefExoticComponent<InputOTPSeparatorProps & react.RefAttributes<HTMLDivElement>>;
+
+type KbdSize = 'sm' | 'md' | 'lg';
+interface KbdProps extends React.HTMLAttributes<HTMLElement> {
+    size?: KbdSize;
+}
+declare const Kbd: react.ForwardRefExoticComponent<KbdProps & react.RefAttributes<HTMLElement>>;
+
+type SpinnerSize = 'sm' | 'md' | 'lg';
+interface SpinnerProps extends React.HTMLAttributes<HTMLDivElement> {
+    size?: SpinnerSize;
+}
+declare const Spinner: react.ForwardRefExoticComponent<SpinnerProps & react.RefAttributes<HTMLDivElement>>;
+
+interface TypographyH1Props extends React.HTMLAttributes<HTMLHeadingElement> {
+}
+interface TypographyH2Props extends React.HTMLAttributes<HTMLHeadingElement> {
+}
+interface TypographyH3Props extends React.HTMLAttributes<HTMLHeadingElement> {
+}
+interface TypographyH4Props extends React.HTMLAttributes<HTMLHeadingElement> {
+}
+interface TypographyPProps extends React.HTMLAttributes<HTMLParagraphElement> {
+}
+interface TypographyLeadProps extends React.HTMLAttributes<HTMLParagraphElement> {
+}
+interface TypographyLargeProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+interface TypographySmallProps extends React.HTMLAttributes<HTMLElement> {
+}
+interface TypographyMutedProps extends React.HTMLAttributes<HTMLParagraphElement> {
+}
+interface TypographyBlockquoteProps extends React.HTMLAttributes<HTMLQuoteElement> {
+}
+interface TypographyInlineCodeProps extends React.HTMLAttributes<HTMLElement> {
+}
+interface TypographyListProps extends React.HTMLAttributes<HTMLUListElement> {
+}
+declare const TypographyH1: react.ForwardRefExoticComponent<TypographyH1Props & react.RefAttributes<HTMLHeadingElement>>;
+declare const TypographyH2: react.ForwardRefExoticComponent<TypographyH2Props & react.RefAttributes<HTMLHeadingElement>>;
+declare const TypographyH3: react.ForwardRefExoticComponent<TypographyH3Props & react.RefAttributes<HTMLHeadingElement>>;
+declare const TypographyH4: react.ForwardRefExoticComponent<TypographyH4Props & react.RefAttributes<HTMLHeadingElement>>;
+declare const TypographyP: react.ForwardRefExoticComponent<TypographyPProps & react.RefAttributes<HTMLParagraphElement>>;
+declare const TypographyLead: react.ForwardRefExoticComponent<TypographyLeadProps & react.RefAttributes<HTMLParagraphElement>>;
+declare const TypographyLarge: react.ForwardRefExoticComponent<TypographyLargeProps & react.RefAttributes<HTMLDivElement>>;
+declare const TypographySmall: react.ForwardRefExoticComponent<TypographySmallProps & react.RefAttributes<HTMLElement>>;
+declare const TypographyMuted: react.ForwardRefExoticComponent<TypographyMutedProps & react.RefAttributes<HTMLParagraphElement>>;
+declare const TypographyBlockquote: react.ForwardRefExoticComponent<TypographyBlockquoteProps & react.RefAttributes<HTMLQuoteElement>>;
+declare const TypographyInlineCode: react.ForwardRefExoticComponent<TypographyInlineCodeProps & react.RefAttributes<HTMLElement>>;
+declare const TypographyList: react.ForwardRefExoticComponent<TypographyListProps & react.RefAttributes<HTMLUListElement>>;
+
+interface EmptyProps extends React.HTMLAttributes<HTMLDivElement> {
+    icon?: React.ReactNode;
+    title?: string;
+    description?: string;
+    action?: React.ReactNode;
+}
+declare const Empty: react.ForwardRefExoticComponent<EmptyProps & react.RefAttributes<HTMLDivElement>>;
+
+interface FieldProps extends React.HTMLAttributes<HTMLDivElement> {
+    label?: string;
+    htmlFor?: string;
+    required?: boolean;
+    error?: string;
+    description?: string;
+}
+declare const Field: react.ForwardRefExoticComponent<FieldProps & react.RefAttributes<HTMLDivElement>>;
+
+type Dir = 'ltr' | 'rtl';
+declare function useDirection(): Dir;
+interface DirectionProviderProps extends React.HTMLAttributes<HTMLDivElement> {
+    dir: Dir;
+}
+declare const DirectionProvider: react.ForwardRefExoticComponent<DirectionProviderProps & react.RefAttributes<HTMLDivElement>>;
+
+type NativeSelectSize = 'sm' | 'md' | 'lg';
+interface NativeSelectProps extends Omit<React.SelectHTMLAttributes<HTMLSelectElement>, 'size'> {
+    error?: boolean;
+    selectSize?: NativeSelectSize;
+}
+declare const NativeSelect: react.ForwardRefExoticComponent<NativeSelectProps & react.RefAttributes<HTMLSelectElement>>;
+
+interface ItemProps extends React.HTMLAttributes<HTMLDivElement> {
+    active?: boolean;
+    disabled?: boolean;
+    leading?: React.ReactNode;
+    trailing?: React.ReactNode;
+}
+declare const Item: react.ForwardRefExoticComponent<ItemProps & react.RefAttributes<HTMLDivElement>>;
+
+interface CarouselProps extends React.HTMLAttributes<HTMLDivElement> {
+    orientation?: 'horizontal' | 'vertical';
+    loop?: boolean;
+    autoplay?: boolean;
+    autoplayInterval?: number;
+}
+declare const Carousel: react.ForwardRefExoticComponent<CarouselProps & react.RefAttributes<HTMLDivElement>>;
+interface CarouselContentProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+declare const CarouselContent: react.ForwardRefExoticComponent<CarouselContentProps & react.RefAttributes<HTMLDivElement>>;
+interface CarouselItemProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+declare const CarouselItem: react.ForwardRefExoticComponent<CarouselItemProps & react.RefAttributes<HTMLDivElement>>;
+interface CarouselPreviousProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+}
+declare const CarouselPrevious: react.ForwardRefExoticComponent<CarouselPreviousProps & react.RefAttributes<HTMLButtonElement>>;
+interface CarouselNextProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+}
+declare const CarouselNext: react.ForwardRefExoticComponent<CarouselNextProps & react.RefAttributes<HTMLButtonElement>>;
+
+interface DataTableColumn<T> {
+    key: string;
+    header: string;
+    render?: (row: T) => React.ReactNode;
+    sortable?: boolean;
+}
+interface DataTableProps<T> extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {
+    columns: DataTableColumn<T>[];
+    data: T[];
+    pageSize?: number;
+    searchable?: boolean;
+    searchPlaceholder?: string;
+    emptyMessage?: string;
+    resultsLabel?: string;
+}
+declare const DataTable: <T extends Record<string, unknown>>(props: DataTableProps<T> & {
+    ref?: React.Ref<HTMLDivElement>;
+}) => React.ReactElement;
+
+interface SidebarContextValue {
+    collapsed: boolean;
+    setCollapsed: (v: boolean) => void;
+    toggle: () => void;
+}
+declare function useSidebar(): SidebarContextValue;
+interface SidebarProviderProps extends React.HTMLAttributes<HTMLDivElement> {
+    defaultCollapsed?: boolean;
+}
+declare const SidebarProvider: react.ForwardRefExoticComponent<SidebarProviderProps & react.RefAttributes<HTMLDivElement>>;
+interface StormSidebarProps extends React.HTMLAttributes<HTMLElement> {
+    side?: 'left' | 'right';
+}
+declare const StormSidebar: react.ForwardRefExoticComponent<StormSidebarProps & react.RefAttributes<HTMLElement>>;
+interface SidebarHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+declare const SidebarHeader: react.ForwardRefExoticComponent<SidebarHeaderProps & react.RefAttributes<HTMLDivElement>>;
+interface SidebarContentProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+declare const SidebarContent: react.ForwardRefExoticComponent<SidebarContentProps & react.RefAttributes<HTMLDivElement>>;
+interface SidebarFooterProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+declare const SidebarFooter: react.ForwardRefExoticComponent<SidebarFooterProps & react.RefAttributes<HTMLDivElement>>;
+interface SidebarGroupProps extends React.HTMLAttributes<HTMLDivElement> {
+    label?: string;
+}
+declare const SidebarGroup: react.ForwardRefExoticComponent<SidebarGroupProps & react.RefAttributes<HTMLDivElement>>;
+interface SidebarItemProps extends React.HTMLAttributes<HTMLDivElement> {
+    active?: boolean;
+    icon?: React.ReactNode;
+}
+declare const SidebarItem: react.ForwardRefExoticComponent<SidebarItemProps & react.RefAttributes<HTMLDivElement>>;
+interface SidebarTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+}
+declare const SidebarTrigger: react.ForwardRefExoticComponent<SidebarTriggerProps & react.RefAttributes<HTMLButtonElement>>;
+
+type ToastVariant = 'default' | 'success' | 'error' | 'warning' | 'info';
+interface SonnerToast {
+    id: string;
+    title?: string;
+    description?: string;
+    variant?: ToastVariant;
+    duration?: number;
+    action?: {
+        label: string;
+        onClick: () => void;
+    };
+}
+interface SonnerContextValue {
+    toasts: SonnerToast[];
+    addToast: (toast: Omit<SonnerToast, 'id'>) => string;
+    removeToast: (id: string) => void;
+}
+declare function useSonner(): SonnerContextValue;
+interface SonnerProviderProps {
+    children: React.ReactNode;
+}
+declare function SonnerProvider({ children }: SonnerProviderProps): react_jsx_runtime.JSX.Element;
+declare namespace SonnerProvider {
+    var displayName: string;
+}
+interface SonnerToasterProps extends React.HTMLAttributes<HTMLDivElement> {
+    position?: 'top-left' | 'top-right' | 'top-center' | 'bottom-left' | 'bottom-right' | 'bottom-center';
+}
+declare const SonnerToaster: react.ForwardRefExoticComponent<SonnerToasterProps & react.RefAttributes<HTMLDivElement>>;
+
+type ClassValue = string | undefined | null | false | Record<string, boolean | undefined | null> | ClassValue[];
+declare function cn(...inputs: ClassValue[]): string;
+
+export { Accordion, AccordionContent, type AccordionContentProps, AccordionItem, type AccordionItemProps, type AccordionProps, AccordionTrigger, type AccordionTriggerProps, Alert, AlertDescription, type AlertDescriptionProps, AlertDialog, AlertDialogAction, type AlertDialogActionProps, AlertDialogCancel, type AlertDialogCancelProps, AlertDialogContent, type AlertDialogContentProps, AlertDialogDescription, type AlertDialogDescriptionProps, AlertDialogFooter, type AlertDialogFooterProps, AlertDialogHeader, type AlertDialogHeaderProps, type AlertDialogProps, AlertDialogTitle, type AlertDialogTitleProps, type AlertProps, AlertTitle, type AlertTitleProps, AspectRatio, type AspectRatioProps, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, Badge, type BadgeProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, type BreadcrumbItemProps, type BreadcrumbProps, BreadcrumbSeparator, Button, ButtonGroup, type ButtonGroupProps, type ButtonProps, Calendar, type CalendarProps, Card, CardBody, type CardBodyProps, CardDescription, type CardDescriptionProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, CardImage, type CardImageProps, type CardProps, CardTitle, type CardTitleProps, Carousel, CarouselContent, type CarouselContentProps, CarouselItem, type CarouselItemProps, CarouselNext, type CarouselNextProps, CarouselPrevious, type CarouselPreviousProps, type CarouselProps, Checkbox, type CheckboxProps, Collapsible, CollapsibleContent, type CollapsibleContentProps, type CollapsibleProps, CollapsibleTrigger, type CollapsibleTriggerProps, Combobox, type ComboboxOption, type ComboboxProps, Command, CommandDialog, type CommandDialogProps, CommandEmpty, type CommandEmptyProps, CommandGroup, type CommandGroupProps, CommandInput, type CommandInputProps, CommandItem, type CommandItemProps, CommandList, type CommandListProps, type CommandProps, CommandSeparator, type CommandSeparatorProps, CommandShortcut, type CommandShortcutProps, ContextMenu, ContextMenuContent, type ContextMenuContentProps, ContextMenuItem, type ContextMenuItemProps, ContextMenuLabel, type ContextMenuLabelProps, type ContextMenuProps, ContextMenuSeparator, type ContextMenuSeparatorProps, DataTable, type DataTableColumn, type DataTableProps, DatePicker, type DatePickerProps, Dialog, DialogClose, DialogContent, type DialogContentProps, DialogDescription, DialogFooter, DialogHeader, type DialogProps, DialogTitle, type Dir, DirectionProvider, type DirectionProviderProps, Drawer, DrawerClose, DrawerContent, type DrawerContentProps, DrawerDescription, type DrawerDescriptionProps, DrawerFooter, type DrawerFooterProps, DrawerHeader, type DrawerHeaderProps, type DrawerProps, DrawerTitle, type DrawerTitleProps, DropdownMenu, DropdownMenuContent, type DropdownMenuContentProps, DropdownMenuItem, type DropdownMenuItemProps, DropdownMenuLabel, type DropdownMenuLabelProps, type DropdownMenuProps, DropdownMenuSeparator, DropdownMenuTrigger, Empty, type EmptyProps, Field, type FieldProps, HoverCard, HoverCardContent, type HoverCardContentProps, type HoverCardProps, HoverCardTrigger, type HoverCardTriggerProps, Input, InputGroup, InputGroupAddon, type InputGroupAddonProps, type InputGroupProps, InputOTP, type InputOTPProps, InputOTPSeparator, type InputOTPSeparatorProps, type InputProps, Item, type ItemProps, Kbd, type KbdProps, Label, type LabelProps, Menubar, MenubarContent, type MenubarContentProps, MenubarItem, type MenubarItemProps, MenubarMenu, type MenubarMenuProps, type MenubarProps, MenubarSeparator, type MenubarSeparatorProps, MenubarShortcut, type MenubarShortcutProps, MenubarTrigger, type MenubarTriggerProps, NativeSelect, type NativeSelectProps, NavigationMenu, NavigationMenuItem, type NavigationMenuItemProps, NavigationMenuLink, type NavigationMenuLinkProps, type NavigationMenuProps, Pagination, PaginationEllipsis, PaginationItem, type PaginationItemProps, PaginationNext, PaginationPrevious, type PaginationProps, Popover, PopoverContent, type PopoverContentProps, type PopoverProps, PopoverTrigger, type PopoverTriggerProps, Progress, type ProgressProps, RadioGroup, RadioGroupItem, type RadioGroupItemProps, type RadioGroupProps, ResizableHandle, type ResizableHandleProps, ResizablePanel, ResizablePanelGroup, type ResizablePanelGroupProps, type ResizablePanelProps, ScrollArea, type ScrollAreaProps, Select, type SelectProps, Separator, type SeparatorProps, Sheet, SheetClose, SheetContent, type SheetContentProps, SheetDescription, type SheetDescriptionProps, SheetFooter, type SheetFooterProps, SheetHeader, type SheetHeaderProps, type SheetProps, SheetTitle, type SheetTitleProps, SidebarContent, type SidebarContentProps, SidebarFooter, type SidebarFooterProps, SidebarGroup, type SidebarGroupProps, SidebarHeader, type SidebarHeaderProps, SidebarItem, type SidebarItemProps, SidebarProvider, type SidebarProviderProps, SidebarTrigger, type SidebarTriggerProps, Skeleton, type SkeletonProps, Slider, type SliderProps, SonnerProvider, type SonnerProviderProps, type SonnerToast as SonnerToastType, SonnerToaster, type SonnerToasterProps, type ToastVariant as SonnerVariant, Spinner, type SpinnerProps, StormSidebar, type StormSidebarProps, Switch, type SwitchProps, Table, TableBody, type TableBodyProps, TableCaption, type TableCaptionProps, TableCell, type TableCellProps, TableFooter, type TableFooterProps, TableHead, type TableHeadProps, TableHeader, type TableHeaderProps, type TableProps, TableRow, type TableRowProps, Tabs, TabsContent, type TabsContentProps, TabsList, type TabsListProps, type TabsProps, TabsTrigger, type TabsTriggerProps, Textarea, type TextareaProps, Toast, ToastAction, type ToastActionProps, ToastClose, ToastDescription, type ToastDescriptionProps, type ToastProps, ToastTitle, type ToastTitleProps, Toggle, ToggleGroup, ToggleGroupItem, type ToggleGroupItemProps, type ToggleGroupProps, type ToggleProps, Tooltip, TooltipContent, type TooltipContentProps, type TooltipProps, TooltipTrigger, TypographyBlockquote, type TypographyBlockquoteProps, TypographyH1, type TypographyH1Props, TypographyH2, type TypographyH2Props, TypographyH3, type TypographyH3Props, TypographyH4, type TypographyH4Props, TypographyInlineCode, type TypographyInlineCodeProps, TypographyLarge, type TypographyLargeProps, TypographyLead, type TypographyLeadProps, TypographyList, type TypographyListProps, TypographyMuted, type TypographyMutedProps, TypographyP, type TypographyPProps, TypographySmall, type TypographySmallProps, cn, useDirection, useSidebar, useSonner };