adminium 1.0.7 → 1.0.8

package/dist/index.d.cts

@@ -9,7 +9,7 @@ import { Drawer as Drawer$1 } from 'vaul';
 import * as HoverCardPrimitive from '@radix-ui/react-hover-card';
 import { Command as Command$1 } from 'cmdk';
 import * as RechartsPrimitive from 'recharts';
-import { RowData, Table, SortingState, ColumnFiltersState, Row, Cell, Column, HeaderGroup, Header } from '@tanstack/react-table';
+import { RowData, Table as Table$1, SortingState, ColumnFiltersState, Row, Cell, Column, HeaderGroup, Header } from '@tanstack/react-table';
 import { DragEndEvent, UniqueIdentifier } from '@dnd-kit/core';
 import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
@@ -42,9 +42,18 @@ declare function AlertContent({ className, ...props }: React$1.HTMLAttributes<HT
 declare const buttonVariantConfig: {
     readonly variant: {
         readonly primary: "bg-primary text-primary-foreground hover:bg-primary/90 data-[state=open]:bg-primary/90";
-        readonly mono: "bg-zinc-950 text-white dark:bg-zinc-300 dark:text-black hover:bg-zinc-950/90 dark:hover:bg-zinc-300/90 data-[state=open]:bg-zinc-950/90 dark:data-[state=open]:bg-zinc-300/90";
+        readonly "dark-primary": "bg-foreground/50 text-white border border-white/20 hover:bg-foreground/70 data-[state=open]:bg-background data-[state=open]:text-primary data-[state=open]:border-primary/30 data-[state=open]:hover:bg-background/90";
+        readonly "outline-primary": "bg-background text-primary border border-primary/30 hover:bg-background/90";
         readonly destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90 data-[state=open]:bg-destructive/90";
+        readonly "destructive-soft": "bg-red-100 text-red-600 border border-red-500 hover:bg-red-200 data-[state=open]:bg-red-200 dark:bg-red-950 dark:text-red-400 dark:border-red-500 dark:hover:bg-red-900 dark:data-[state=open]:bg-red-900";
+        readonly "outline-destructive": "bg-background text-destructive border border-destructive/30 hover:bg-background/90";
         readonly success: "bg-emerald-500 text-white hover:bg-emerald-600 data-[state=open]:bg-emerald-600";
+        readonly "success-soft": "bg-green-100 text-green-600 border border-green-500 hover:bg-green-200 data-[state=open]:bg-green-200 dark:bg-green-950 dark:text-green-400 dark:border-green-500 dark:hover:bg-green-900 dark:data-[state=open]:bg-green-900";
+        readonly info: "bg-violet-600 text-white hover:bg-violet-700 data-[state=open]:bg-violet-700";
+        readonly "info-soft": "bg-violet-100 text-violet-600 border border-violet-500 hover:bg-violet-200 data-[state=open]:bg-violet-200 dark:bg-violet-950 dark:text-violet-400 dark:border-violet-500 dark:hover:bg-violet-900 dark:data-[state=open]:bg-violet-900";
+        readonly warning: "bg-yellow-500 text-white hover:bg-yellow-600 data-[state=open]:bg-yellow-600";
+        readonly "warning-soft": "bg-yellow-100 text-yellow-800 border border-yellow-500 hover:bg-yellow-200 data-[state=open]:bg-yellow-200 dark:bg-yellow-950 dark:text-yellow-400 dark:border-yellow-500 dark:hover:bg-yellow-900 dark:data-[state=open]:bg-yellow-900";
+        readonly mono: "bg-zinc-950 text-white dark:bg-zinc-300 dark:text-black hover:bg-zinc-950/90 dark:hover:bg-zinc-300/90 data-[state=open]:bg-zinc-950/90 dark:data-[state=open]:bg-zinc-300/90";
         readonly secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/90 data-[state=open]:bg-secondary/90";
         readonly outline: "bg-background text-accent-foreground border border-input hover:bg-accent data-[state=open]:bg-accent";
         readonly dashed: "text-accent-foreground border border-input border-dashed bg-background hover:bg-accent hover:text-accent-foreground data-[state=open]:text-accent-foreground";
@@ -52,9 +61,6 @@ declare const buttonVariantConfig: {
         readonly dim: "text-muted-foreground hover:text-foreground data-[state=open]:text-foreground";
         readonly foreground: "";
         readonly inverse: "";
-        readonly "dark-primary": "bg-foreground/50 text-white border border-white/20 hover:bg-foreground/70 data-[state=open]:bg-background data-[state=open]:text-primary data-[state=open]:border-primary/30 data-[state=open]:hover:bg-background/90";
-        readonly "outline-primary": "bg-background text-primary border border-primary/30 hover:bg-background/90";
-        readonly "outline-destructive": "bg-background text-destructive border border-destructive/30 hover:bg-background/90";
     };
     readonly appearance: {
         readonly default: "";
@@ -94,7 +100,7 @@ declare const buttonVariantConfig: {
     };
 };
 declare const buttonVariants: (props?: ({
-    readonly variant?: "ghost" | "outline" | "dashed" | "secondary" | "primary" | "mono" | "destructive" | "dark-primary" | "outline-primary" | "outline-destructive" | "inverse" | "foreground" | "success" | "dim" | null | undefined;
+    readonly variant?: "ghost" | "outline" | "dashed" | "secondary" | "primary" | "mono" | "destructive" | "destructive-soft" | "dark-primary" | "outline-primary" | "outline-destructive" | "success" | "success-soft" | "info" | "info-soft" | "warning" | "warning-soft" | "inverse" | "foreground" | "dim" | null | undefined;
     readonly appearance?: "default" | "ghost" | null | undefined;
     readonly underline?: "dashed" | "solid" | null | undefined;
     readonly underlined?: "dashed" | "solid" | null | undefined;
@@ -306,7 +312,7 @@ type DataGridApiResponse<T> = {
 };
 interface DataGridContextProps<TData extends object> {
     props: DataGridProps<TData>;
-    table: Table<TData>;
+    table: Table$1<TData>;
     recordCount: number;
     isLoading: boolean;
 }
@@ -318,7 +324,7 @@ type DataGridRequestParams = {
 };
 interface DataGridProps<TData extends object> {
     className?: string;
-    table?: Table<TData>;
+    table?: Table$1<TData>;
     recordCount: number;
     children?: ReactNode;
     onRowClick?: (row: TData) => void;
@@ -356,7 +362,7 @@ interface DataGridProps<TData extends object> {
 }
 declare function useDataGrid(): DataGridContextProps<any>;
 declare function DataGridProvider<TData extends object>({ children, table, ...props }: DataGridProps<TData> & {
-    table: Table<TData>;
+    table: Table$1<TData>;
 }): react_jsx_runtime.JSX.Element;
 declare function DataGrid<TData extends object>({ children, table, ...props }: DataGridProps<TData>): react_jsx_runtime.JSX.Element;
 declare function DataGridContainer({ children, className, border, }: {
@@ -446,7 +452,7 @@ interface DataGridPaginationProps {
 declare function DataGridPagination(props: DataGridPaginationProps): react_jsx_runtime.JSX.Element;
 
 declare function DataGridColumnVisibility<TData>({ table, trigger, }: {
-    table: Table<TData>;
+    table: Table$1<TData>;
     trigger: ReactNode;
 }): react_jsx_runtime.JSX.Element;
 
@@ -515,6 +521,15 @@ interface KanbanOverlayProps {
 }
 declare function KanbanOverlay({ children, className }: KanbanOverlayProps): react_jsx_runtime.JSX.Element;
 
+declare function Table({ className, ...props }: React$1.HTMLAttributes<HTMLTableElement>): react_jsx_runtime.JSX.Element;
+declare function TableHeader({ className, ...props }: React$1.HTMLAttributes<HTMLTableSectionElement>): react_jsx_runtime.JSX.Element;
+declare function TableBody({ className, ...props }: React$1.HTMLAttributes<HTMLTableSectionElement>): react_jsx_runtime.JSX.Element;
+declare function TableFooter({ className, ...props }: React$1.HTMLAttributes<HTMLTableSectionElement>): react_jsx_runtime.JSX.Element;
+declare function TableRow({ className, ...props }: React$1.HTMLAttributes<HTMLTableRowElement>): react_jsx_runtime.JSX.Element;
+declare function TableHead({ className, ...props }: React$1.ThHTMLAttributes<HTMLTableCellElement>): react_jsx_runtime.JSX.Element;
+declare function TableCell({ className, ...props }: React$1.TdHTMLAttributes<HTMLTableCellElement>): react_jsx_runtime.JSX.Element;
+declare function TableCaption({ className, ...props }: React$1.HTMLAttributes<HTMLTableCaptionElement>): react_jsx_runtime.JSX.Element;
+
 interface BadgeProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
     asChild?: boolean;
     dotClassName?: string;
@@ -1061,4 +1076,4 @@ declare function useMounted(): boolean;
  */
 declare function cn(...inputs: ClassValue[]): string;
 
-export { Accordion, AccordionContent, AccordionItem, AccordionMenu, type AccordionMenuClassNames, AccordionMenuGroup, AccordionMenuIndicator, AccordionMenuItem, AccordionMenuLabel, AccordionMenuSeparator, AccordionMenuSub, AccordionMenuSubContent, AccordionMenuSubTrigger, AccordionTrigger, Alert, AlertContent, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertIcon, AlertTitle, AlertToolbar, AspectRatio, Avatar, AvatarFallback, AvatarGroup, AvatarGroupItem, AvatarGroupTooltip, AvatarImage, AvatarIndicator, AvatarStatus, Badge, BadgeButton, type BadgeButtonProps, BadgeDot, type BadgeDotProps, type BadgeProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, ButtonArrow, Calendar, Card, CardContent, CardDescription, CardFooter, CardHeader, CardHeading, CardTable, CardTitle, CardToolbar, type ChartConfig, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Checkbox, Code, type CodeProps, Collapsible, CollapsibleContent, CollapsibleTrigger, Command, CommandCheck, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, Container, type ContainerProps, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DataGrid, type DataGridApiFetchParams, type DataGridApiResponse, DataGridColumnHeader, type DataGridColumnHeaderProps, DataGridColumnVisibility, DataGridContainer, type DataGridContextProps, DataGridPagination, type DataGridPaginationProps, type DataGridProps, DataGridProvider, type DataGridRequestParams, DataGridTable, DataGridTableBase, DataGridTableBody, DataGridTableBodyRow, DataGridTableBodyRowCell, DataGridTableBodyRowExpanded, DataGridTableBodyRowSkeleton, DataGridTableBodyRowSkeletonCell, DataGridTableEmpty, DataGridTableHead, DataGridTableHeadRow, DataGridTableHeadRowCell, DataGridTableHeadRowCellResize, DataGridTableLoader, DataGridTableRowSelect, DataGridTableRowSelectAll, DataGridTableRowSpacer, DateField, DateInput, type DateInputProps, DateSegment, Dialog, DialogBody, 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, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, HoverCard, HoverCardContent, HoverCardTrigger, Icons, Input, InputAddon, InputGroup, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, InputWrapper, Kanban, KanbanBoard, type KanbanBoardProps, KanbanColumn, KanbanColumnContent, type KanbanColumnContentProps, KanbanColumnHandle, type KanbanColumnHandleProps, type KanbanColumnProps, KanbanItem, KanbanItemHandle, type KanbanItemHandleProps, type KanbanItemProps, type KanbanMoveEvent, KanbanOverlay, type KanbanOverlayProps, type KanbanRootProps, Kbd, Label, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, Popover, PopoverContent, PopoverTrigger, Progress, ProgressCircle, ProgressRadial, RadioGroup, RadioGroupItem, ScrollArea, ScrollBar, Scrollspy, Select, SelectContent, SelectGroup, SelectIndicator, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, type SelectTriggerProps, SelectValue, Separator, Sheet, SheetBody, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Skeleton, Slider, SliderThumb, Spinner, Switch, SwitchIndicator, SwitchWrapper, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, TimeField, TimelineItem, type TimelineItemProps, Toolbar, ToolbarActions, ToolbarDescription, ToolbarHeading, ToolbarTitle, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, avatarStatusVariants, badgeVariants, buttonVariantConfig, buttonVariants, cn, codeVariants, containerVariants, dateInputStyles, headings, inputAddonVariants, inputVariants, kbdVariants, labelVariants, navigationMenuTriggerStyle, radioGroupVariants, radioItemVariants, selectTriggerVariants, switchShapes, switchSizes, tabsListVariantConfig, textareaVariants, useChart, useCopyToClipboard, useDataGrid, useIsMobile, useMounted };
+export { Accordion, AccordionContent, AccordionItem, AccordionMenu, type AccordionMenuClassNames, AccordionMenuGroup, AccordionMenuIndicator, AccordionMenuItem, AccordionMenuLabel, AccordionMenuSeparator, AccordionMenuSub, AccordionMenuSubContent, AccordionMenuSubTrigger, AccordionTrigger, Alert, AlertContent, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertIcon, AlertTitle, AlertToolbar, AspectRatio, Avatar, AvatarFallback, AvatarGroup, AvatarGroupItem, AvatarGroupTooltip, AvatarImage, AvatarIndicator, AvatarStatus, Badge, BadgeButton, type BadgeButtonProps, BadgeDot, type BadgeDotProps, type BadgeProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, ButtonArrow, Calendar, Card, CardContent, CardDescription, CardFooter, CardHeader, CardHeading, CardTable, CardTitle, CardToolbar, type ChartConfig, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Checkbox, Code, type CodeProps, Collapsible, CollapsibleContent, CollapsibleTrigger, Command, CommandCheck, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, Container, type ContainerProps, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DataGrid, type DataGridApiFetchParams, type DataGridApiResponse, DataGridColumnHeader, type DataGridColumnHeaderProps, DataGridColumnVisibility, DataGridContainer, type DataGridContextProps, DataGridPagination, type DataGridPaginationProps, type DataGridProps, DataGridProvider, type DataGridRequestParams, DataGridTable, DataGridTableBase, DataGridTableBody, DataGridTableBodyRow, DataGridTableBodyRowCell, DataGridTableBodyRowExpanded, DataGridTableBodyRowSkeleton, DataGridTableBodyRowSkeletonCell, DataGridTableEmpty, DataGridTableHead, DataGridTableHeadRow, DataGridTableHeadRowCell, DataGridTableHeadRowCellResize, DataGridTableLoader, DataGridTableRowSelect, DataGridTableRowSelectAll, DataGridTableRowSpacer, DateField, DateInput, type DateInputProps, DateSegment, Dialog, DialogBody, 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, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, HoverCard, HoverCardContent, HoverCardTrigger, Icons, Input, InputAddon, InputGroup, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, InputWrapper, Kanban, KanbanBoard, type KanbanBoardProps, KanbanColumn, KanbanColumnContent, type KanbanColumnContentProps, KanbanColumnHandle, type KanbanColumnHandleProps, type KanbanColumnProps, KanbanItem, KanbanItemHandle, type KanbanItemHandleProps, type KanbanItemProps, type KanbanMoveEvent, KanbanOverlay, type KanbanOverlayProps, type KanbanRootProps, Kbd, Label, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, Popover, PopoverContent, PopoverTrigger, Progress, ProgressCircle, ProgressRadial, RadioGroup, RadioGroupItem, ScrollArea, ScrollBar, Scrollspy, Select, SelectContent, SelectGroup, SelectIndicator, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, type SelectTriggerProps, SelectValue, Separator, Sheet, SheetBody, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Skeleton, Slider, SliderThumb, Spinner, Switch, SwitchIndicator, SwitchWrapper, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, TimeField, TimelineItem, type TimelineItemProps, Toolbar, ToolbarActions, ToolbarDescription, ToolbarHeading, ToolbarTitle, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, avatarStatusVariants, badgeVariants, buttonVariantConfig, buttonVariants, cn, codeVariants, containerVariants, dateInputStyles, headings, inputAddonVariants, inputVariants, kbdVariants, labelVariants, navigationMenuTriggerStyle, radioGroupVariants, radioItemVariants, selectTriggerVariants, switchShapes, switchSizes, tabsListVariantConfig, textareaVariants, useChart, useCopyToClipboard, useDataGrid, useIsMobile, useMounted };

package/dist/index.d.ts

@@ -9,7 +9,7 @@ import { Drawer as Drawer$1 } from 'vaul';
 import * as HoverCardPrimitive from '@radix-ui/react-hover-card';
 import { Command as Command$1 } from 'cmdk';
 import * as RechartsPrimitive from 'recharts';
-import { RowData, Table, SortingState, ColumnFiltersState, Row, Cell, Column, HeaderGroup, Header } from '@tanstack/react-table';
+import { RowData, Table as Table$1, SortingState, ColumnFiltersState, Row, Cell, Column, HeaderGroup, Header } from '@tanstack/react-table';
 import { DragEndEvent, UniqueIdentifier } from '@dnd-kit/core';
 import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
@@ -42,9 +42,18 @@ declare function AlertContent({ className, ...props }: React$1.HTMLAttributes<HT
 declare const buttonVariantConfig: {
     readonly variant: {
         readonly primary: "bg-primary text-primary-foreground hover:bg-primary/90 data-[state=open]:bg-primary/90";
-        readonly mono: "bg-zinc-950 text-white dark:bg-zinc-300 dark:text-black hover:bg-zinc-950/90 dark:hover:bg-zinc-300/90 data-[state=open]:bg-zinc-950/90 dark:data-[state=open]:bg-zinc-300/90";
+        readonly "dark-primary": "bg-foreground/50 text-white border border-white/20 hover:bg-foreground/70 data-[state=open]:bg-background data-[state=open]:text-primary data-[state=open]:border-primary/30 data-[state=open]:hover:bg-background/90";
+        readonly "outline-primary": "bg-background text-primary border border-primary/30 hover:bg-background/90";
         readonly destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90 data-[state=open]:bg-destructive/90";
+        readonly "destructive-soft": "bg-red-100 text-red-600 border border-red-500 hover:bg-red-200 data-[state=open]:bg-red-200 dark:bg-red-950 dark:text-red-400 dark:border-red-500 dark:hover:bg-red-900 dark:data-[state=open]:bg-red-900";
+        readonly "outline-destructive": "bg-background text-destructive border border-destructive/30 hover:bg-background/90";
         readonly success: "bg-emerald-500 text-white hover:bg-emerald-600 data-[state=open]:bg-emerald-600";
+        readonly "success-soft": "bg-green-100 text-green-600 border border-green-500 hover:bg-green-200 data-[state=open]:bg-green-200 dark:bg-green-950 dark:text-green-400 dark:border-green-500 dark:hover:bg-green-900 dark:data-[state=open]:bg-green-900";
+        readonly info: "bg-violet-600 text-white hover:bg-violet-700 data-[state=open]:bg-violet-700";
+        readonly "info-soft": "bg-violet-100 text-violet-600 border border-violet-500 hover:bg-violet-200 data-[state=open]:bg-violet-200 dark:bg-violet-950 dark:text-violet-400 dark:border-violet-500 dark:hover:bg-violet-900 dark:data-[state=open]:bg-violet-900";
+        readonly warning: "bg-yellow-500 text-white hover:bg-yellow-600 data-[state=open]:bg-yellow-600";
+        readonly "warning-soft": "bg-yellow-100 text-yellow-800 border border-yellow-500 hover:bg-yellow-200 data-[state=open]:bg-yellow-200 dark:bg-yellow-950 dark:text-yellow-400 dark:border-yellow-500 dark:hover:bg-yellow-900 dark:data-[state=open]:bg-yellow-900";
+        readonly mono: "bg-zinc-950 text-white dark:bg-zinc-300 dark:text-black hover:bg-zinc-950/90 dark:hover:bg-zinc-300/90 data-[state=open]:bg-zinc-950/90 dark:data-[state=open]:bg-zinc-300/90";
         readonly secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/90 data-[state=open]:bg-secondary/90";
         readonly outline: "bg-background text-accent-foreground border border-input hover:bg-accent data-[state=open]:bg-accent";
         readonly dashed: "text-accent-foreground border border-input border-dashed bg-background hover:bg-accent hover:text-accent-foreground data-[state=open]:text-accent-foreground";
@@ -52,9 +61,6 @@ declare const buttonVariantConfig: {
         readonly dim: "text-muted-foreground hover:text-foreground data-[state=open]:text-foreground";
         readonly foreground: "";
         readonly inverse: "";
-        readonly "dark-primary": "bg-foreground/50 text-white border border-white/20 hover:bg-foreground/70 data-[state=open]:bg-background data-[state=open]:text-primary data-[state=open]:border-primary/30 data-[state=open]:hover:bg-background/90";
-        readonly "outline-primary": "bg-background text-primary border border-primary/30 hover:bg-background/90";
-        readonly "outline-destructive": "bg-background text-destructive border border-destructive/30 hover:bg-background/90";
     };
     readonly appearance: {
         readonly default: "";
@@ -94,7 +100,7 @@ declare const buttonVariantConfig: {
     };
 };
 declare const buttonVariants: (props?: ({
-    readonly variant?: "ghost" | "outline" | "dashed" | "secondary" | "primary" | "mono" | "destructive" | "dark-primary" | "outline-primary" | "outline-destructive" | "inverse" | "foreground" | "success" | "dim" | null | undefined;
+    readonly variant?: "ghost" | "outline" | "dashed" | "secondary" | "primary" | "mono" | "destructive" | "destructive-soft" | "dark-primary" | "outline-primary" | "outline-destructive" | "success" | "success-soft" | "info" | "info-soft" | "warning" | "warning-soft" | "inverse" | "foreground" | "dim" | null | undefined;
     readonly appearance?: "default" | "ghost" | null | undefined;
     readonly underline?: "dashed" | "solid" | null | undefined;
     readonly underlined?: "dashed" | "solid" | null | undefined;
@@ -306,7 +312,7 @@ type DataGridApiResponse<T> = {
 };
 interface DataGridContextProps<TData extends object> {
     props: DataGridProps<TData>;
-    table: Table<TData>;
+    table: Table$1<TData>;
     recordCount: number;
     isLoading: boolean;
 }
@@ -318,7 +324,7 @@ type DataGridRequestParams = {
 };
 interface DataGridProps<TData extends object> {
     className?: string;
-    table?: Table<TData>;
+    table?: Table$1<TData>;
     recordCount: number;
     children?: ReactNode;
     onRowClick?: (row: TData) => void;
@@ -356,7 +362,7 @@ interface DataGridProps<TData extends object> {
 }
 declare function useDataGrid(): DataGridContextProps<any>;
 declare function DataGridProvider<TData extends object>({ children, table, ...props }: DataGridProps<TData> & {
-    table: Table<TData>;
+    table: Table$1<TData>;
 }): react_jsx_runtime.JSX.Element;
 declare function DataGrid<TData extends object>({ children, table, ...props }: DataGridProps<TData>): react_jsx_runtime.JSX.Element;
 declare function DataGridContainer({ children, className, border, }: {
@@ -446,7 +452,7 @@ interface DataGridPaginationProps {
 declare function DataGridPagination(props: DataGridPaginationProps): react_jsx_runtime.JSX.Element;
 
 declare function DataGridColumnVisibility<TData>({ table, trigger, }: {
-    table: Table<TData>;
+    table: Table$1<TData>;
     trigger: ReactNode;
 }): react_jsx_runtime.JSX.Element;
 
@@ -515,6 +521,15 @@ interface KanbanOverlayProps {
 }
 declare function KanbanOverlay({ children, className }: KanbanOverlayProps): react_jsx_runtime.JSX.Element;
 
+declare function Table({ className, ...props }: React$1.HTMLAttributes<HTMLTableElement>): react_jsx_runtime.JSX.Element;
+declare function TableHeader({ className, ...props }: React$1.HTMLAttributes<HTMLTableSectionElement>): react_jsx_runtime.JSX.Element;
+declare function TableBody({ className, ...props }: React$1.HTMLAttributes<HTMLTableSectionElement>): react_jsx_runtime.JSX.Element;
+declare function TableFooter({ className, ...props }: React$1.HTMLAttributes<HTMLTableSectionElement>): react_jsx_runtime.JSX.Element;
+declare function TableRow({ className, ...props }: React$1.HTMLAttributes<HTMLTableRowElement>): react_jsx_runtime.JSX.Element;
+declare function TableHead({ className, ...props }: React$1.ThHTMLAttributes<HTMLTableCellElement>): react_jsx_runtime.JSX.Element;
+declare function TableCell({ className, ...props }: React$1.TdHTMLAttributes<HTMLTableCellElement>): react_jsx_runtime.JSX.Element;
+declare function TableCaption({ className, ...props }: React$1.HTMLAttributes<HTMLTableCaptionElement>): react_jsx_runtime.JSX.Element;
+
 interface BadgeProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
     asChild?: boolean;
     dotClassName?: string;
@@ -1061,4 +1076,4 @@ declare function useMounted(): boolean;
  */
 declare function cn(...inputs: ClassValue[]): string;
 
-export { Accordion, AccordionContent, AccordionItem, AccordionMenu, type AccordionMenuClassNames, AccordionMenuGroup, AccordionMenuIndicator, AccordionMenuItem, AccordionMenuLabel, AccordionMenuSeparator, AccordionMenuSub, AccordionMenuSubContent, AccordionMenuSubTrigger, AccordionTrigger, Alert, AlertContent, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertIcon, AlertTitle, AlertToolbar, AspectRatio, Avatar, AvatarFallback, AvatarGroup, AvatarGroupItem, AvatarGroupTooltip, AvatarImage, AvatarIndicator, AvatarStatus, Badge, BadgeButton, type BadgeButtonProps, BadgeDot, type BadgeDotProps, type BadgeProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, ButtonArrow, Calendar, Card, CardContent, CardDescription, CardFooter, CardHeader, CardHeading, CardTable, CardTitle, CardToolbar, type ChartConfig, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Checkbox, Code, type CodeProps, Collapsible, CollapsibleContent, CollapsibleTrigger, Command, CommandCheck, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, Container, type ContainerProps, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DataGrid, type DataGridApiFetchParams, type DataGridApiResponse, DataGridColumnHeader, type DataGridColumnHeaderProps, DataGridColumnVisibility, DataGridContainer, type DataGridContextProps, DataGridPagination, type DataGridPaginationProps, type DataGridProps, DataGridProvider, type DataGridRequestParams, DataGridTable, DataGridTableBase, DataGridTableBody, DataGridTableBodyRow, DataGridTableBodyRowCell, DataGridTableBodyRowExpanded, DataGridTableBodyRowSkeleton, DataGridTableBodyRowSkeletonCell, DataGridTableEmpty, DataGridTableHead, DataGridTableHeadRow, DataGridTableHeadRowCell, DataGridTableHeadRowCellResize, DataGridTableLoader, DataGridTableRowSelect, DataGridTableRowSelectAll, DataGridTableRowSpacer, DateField, DateInput, type DateInputProps, DateSegment, Dialog, DialogBody, 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, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, HoverCard, HoverCardContent, HoverCardTrigger, Icons, Input, InputAddon, InputGroup, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, InputWrapper, Kanban, KanbanBoard, type KanbanBoardProps, KanbanColumn, KanbanColumnContent, type KanbanColumnContentProps, KanbanColumnHandle, type KanbanColumnHandleProps, type KanbanColumnProps, KanbanItem, KanbanItemHandle, type KanbanItemHandleProps, type KanbanItemProps, type KanbanMoveEvent, KanbanOverlay, type KanbanOverlayProps, type KanbanRootProps, Kbd, Label, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, Popover, PopoverContent, PopoverTrigger, Progress, ProgressCircle, ProgressRadial, RadioGroup, RadioGroupItem, ScrollArea, ScrollBar, Scrollspy, Select, SelectContent, SelectGroup, SelectIndicator, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, type SelectTriggerProps, SelectValue, Separator, Sheet, SheetBody, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Skeleton, Slider, SliderThumb, Spinner, Switch, SwitchIndicator, SwitchWrapper, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, TimeField, TimelineItem, type TimelineItemProps, Toolbar, ToolbarActions, ToolbarDescription, ToolbarHeading, ToolbarTitle, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, avatarStatusVariants, badgeVariants, buttonVariantConfig, buttonVariants, cn, codeVariants, containerVariants, dateInputStyles, headings, inputAddonVariants, inputVariants, kbdVariants, labelVariants, navigationMenuTriggerStyle, radioGroupVariants, radioItemVariants, selectTriggerVariants, switchShapes, switchSizes, tabsListVariantConfig, textareaVariants, useChart, useCopyToClipboard, useDataGrid, useIsMobile, useMounted };
+export { Accordion, AccordionContent, AccordionItem, AccordionMenu, type AccordionMenuClassNames, AccordionMenuGroup, AccordionMenuIndicator, AccordionMenuItem, AccordionMenuLabel, AccordionMenuSeparator, AccordionMenuSub, AccordionMenuSubContent, AccordionMenuSubTrigger, AccordionTrigger, Alert, AlertContent, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertIcon, AlertTitle, AlertToolbar, AspectRatio, Avatar, AvatarFallback, AvatarGroup, AvatarGroupItem, AvatarGroupTooltip, AvatarImage, AvatarIndicator, AvatarStatus, Badge, BadgeButton, type BadgeButtonProps, BadgeDot, type BadgeDotProps, type BadgeProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, ButtonArrow, Calendar, Card, CardContent, CardDescription, CardFooter, CardHeader, CardHeading, CardTable, CardTitle, CardToolbar, type ChartConfig, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Checkbox, Code, type CodeProps, Collapsible, CollapsibleContent, CollapsibleTrigger, Command, CommandCheck, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, Container, type ContainerProps, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DataGrid, type DataGridApiFetchParams, type DataGridApiResponse, DataGridColumnHeader, type DataGridColumnHeaderProps, DataGridColumnVisibility, DataGridContainer, type DataGridContextProps, DataGridPagination, type DataGridPaginationProps, type DataGridProps, DataGridProvider, type DataGridRequestParams, DataGridTable, DataGridTableBase, DataGridTableBody, DataGridTableBodyRow, DataGridTableBodyRowCell, DataGridTableBodyRowExpanded, DataGridTableBodyRowSkeleton, DataGridTableBodyRowSkeletonCell, DataGridTableEmpty, DataGridTableHead, DataGridTableHeadRow, DataGridTableHeadRowCell, DataGridTableHeadRowCellResize, DataGridTableLoader, DataGridTableRowSelect, DataGridTableRowSelectAll, DataGridTableRowSpacer, DateField, DateInput, type DateInputProps, DateSegment, Dialog, DialogBody, 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, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, HoverCard, HoverCardContent, HoverCardTrigger, Icons, Input, InputAddon, InputGroup, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, InputWrapper, Kanban, KanbanBoard, type KanbanBoardProps, KanbanColumn, KanbanColumnContent, type KanbanColumnContentProps, KanbanColumnHandle, type KanbanColumnHandleProps, type KanbanColumnProps, KanbanItem, KanbanItemHandle, type KanbanItemHandleProps, type KanbanItemProps, type KanbanMoveEvent, KanbanOverlay, type KanbanOverlayProps, type KanbanRootProps, Kbd, Label, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, Popover, PopoverContent, PopoverTrigger, Progress, ProgressCircle, ProgressRadial, RadioGroup, RadioGroupItem, ScrollArea, ScrollBar, Scrollspy, Select, SelectContent, SelectGroup, SelectIndicator, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, type SelectTriggerProps, SelectValue, Separator, Sheet, SheetBody, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Skeleton, Slider, SliderThumb, Spinner, Switch, SwitchIndicator, SwitchWrapper, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, TimeField, TimelineItem, type TimelineItemProps, Toolbar, ToolbarActions, ToolbarDescription, ToolbarHeading, ToolbarTitle, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, avatarStatusVariants, badgeVariants, buttonVariantConfig, buttonVariants, cn, codeVariants, containerVariants, dateInputStyles, headings, inputAddonVariants, inputVariants, kbdVariants, labelVariants, navigationMenuTriggerStyle, radioGroupVariants, radioItemVariants, selectTriggerVariants, switchShapes, switchSizes, tabsListVariantConfig, textareaVariants, useChart, useCopyToClipboard, useDataGrid, useIsMobile, useMounted };

package/dist/index.js

@@ -42,20 +42,32 @@ function Spinner({ className, ...props }) {
 }
 var buttonVariantConfig = {
   variant: {
+    // Primary
     primary: "bg-primary text-primary-foreground hover:bg-primary/90 data-[state=open]:bg-primary/90",
-    mono: "bg-zinc-950 text-white dark:bg-zinc-300 dark:text-black hover:bg-zinc-950/90 dark:hover:bg-zinc-300/90 data-[state=open]:bg-zinc-950/90 dark:data-[state=open]:bg-zinc-300/90",
+    "dark-primary": "bg-foreground/50 text-white border border-white/20 hover:bg-foreground/70 data-[state=open]:bg-background data-[state=open]:text-primary data-[state=open]:border-primary/30 data-[state=open]:hover:bg-background/90",
+    "outline-primary": "bg-background text-primary border border-primary/30 hover:bg-background/90",
+    // Destructive
     destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90 data-[state=open]:bg-destructive/90",
+    "destructive-soft": "bg-red-100 text-red-600 border border-red-500 hover:bg-red-200 data-[state=open]:bg-red-200 dark:bg-red-950 dark:text-red-400 dark:border-red-500 dark:hover:bg-red-900 dark:data-[state=open]:bg-red-900",
+    "outline-destructive": "bg-background text-destructive border border-destructive/30 hover:bg-background/90",
+    // Success
     success: "bg-emerald-500 text-white hover:bg-emerald-600 data-[state=open]:bg-emerald-600",
+    "success-soft": "bg-green-100 text-green-600 border border-green-500 hover:bg-green-200 data-[state=open]:bg-green-200 dark:bg-green-950 dark:text-green-400 dark:border-green-500 dark:hover:bg-green-900 dark:data-[state=open]:bg-green-900",
+    // Info
+    info: "bg-violet-600 text-white hover:bg-violet-700 data-[state=open]:bg-violet-700",
+    "info-soft": "bg-violet-100 text-violet-600 border border-violet-500 hover:bg-violet-200 data-[state=open]:bg-violet-200 dark:bg-violet-950 dark:text-violet-400 dark:border-violet-500 dark:hover:bg-violet-900 dark:data-[state=open]:bg-violet-900",
+    // Warning
+    warning: "bg-yellow-500 text-white hover:bg-yellow-600 data-[state=open]:bg-yellow-600",
+    "warning-soft": "bg-yellow-100 text-yellow-800 border border-yellow-500 hover:bg-yellow-200 data-[state=open]:bg-yellow-200 dark:bg-yellow-950 dark:text-yellow-400 dark:border-yellow-500 dark:hover:bg-yellow-900 dark:data-[state=open]:bg-yellow-900",
+    // Neutral
+    mono: "bg-zinc-950 text-white dark:bg-zinc-300 dark:text-black hover:bg-zinc-950/90 dark:hover:bg-zinc-300/90 data-[state=open]:bg-zinc-950/90 dark:data-[state=open]:bg-zinc-300/90",
     secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/90 data-[state=open]:bg-secondary/90",
     outline: "bg-background text-accent-foreground border border-input hover:bg-accent data-[state=open]:bg-accent",
     dashed: "text-accent-foreground border border-input border-dashed bg-background hover:bg-accent hover:text-accent-foreground data-[state=open]:text-accent-foreground",
     ghost: "text-accent-foreground hover:bg-accent hover:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground",
     dim: "text-muted-foreground hover:text-foreground data-[state=open]:text-foreground",
     foreground: "",
-    inverse: "",
-    "dark-primary": "bg-foreground/50 text-white border border-white/20 hover:bg-foreground/70 data-[state=open]:bg-background data-[state=open]:text-primary data-[state=open]:border-primary/30 data-[state=open]:hover:bg-background/90",
-    "outline-primary": "bg-background text-primary border border-primary/30 hover:bg-background/90",
-    "outline-destructive": "bg-background text-destructive border border-destructive/30 hover:bg-background/90"
+    inverse: ""
   },
   appearance: {
     default: "",
@@ -154,112 +166,50 @@ var buttonVariants = cva(
         autoHeight: true,
         className: "h-auto min-h-10"
       },
-      // Shadow support
-      {
-        variant: "primary",
-        mode: "default",
-        appearance: "default",
-        className: "shadow-xs shadow-black/5"
-      },
-      {
-        variant: "mono",
-        mode: "default",
-        appearance: "default",
-        className: "shadow-xs shadow-black/5"
-      },
-      {
-        variant: "secondary",
-        mode: "default",
-        appearance: "default",
-        className: "shadow-xs shadow-black/5"
-      },
+      // Shadow support (default mode)
       {
-        variant: "outline",
-        mode: "default",
-        appearance: "default",
-        className: "shadow-xs shadow-black/5"
-      },
-      {
-        variant: "dashed",
-        mode: "default",
-        appearance: "default",
-        className: "shadow-xs shadow-black/5"
-      },
-      {
-        variant: "destructive",
-        mode: "default",
-        appearance: "default",
-        className: "shadow-xs shadow-black/5"
-      },
-      {
-        variant: "dark-primary",
-        mode: "default",
-        appearance: "default",
-        className: "shadow-xs shadow-black/5"
-      },
-      {
-        variant: "outline-primary",
-        mode: "default",
-        appearance: "default",
-        className: "shadow-xs shadow-black/5"
-      },
-      {
-        variant: "outline-destructive",
+        variant: [
+          "primary",
+          "mono",
+          "secondary",
+          "outline",
+          "dashed",
+          "destructive",
+          "destructive-soft",
+          "dark-primary",
+          "outline-primary",
+          "outline-destructive",
+          "success",
+          "success-soft",
+          "info",
+          "info-soft",
+          "warning",
+          "warning-soft"
+        ],
         mode: "default",
         appearance: "default",
         className: "shadow-xs shadow-black/5"
       },
-      // Shadow support
-      {
-        variant: "primary",
-        mode: "icon",
-        appearance: "default",
-        className: "shadow-xs shadow-black/5"
-      },
-      {
-        variant: "mono",
-        mode: "icon",
-        appearance: "default",
-        className: "shadow-xs shadow-black/5"
-      },
-      {
-        variant: "secondary",
-        mode: "icon",
-        appearance: "default",
-        className: "shadow-xs shadow-black/5"
-      },
-      {
-        variant: "outline",
-        mode: "icon",
-        appearance: "default",
-        className: "shadow-xs shadow-black/5"
-      },
-      {
-        variant: "dashed",
-        mode: "icon",
-        appearance: "default",
-        className: "shadow-xs shadow-black/5"
-      },
-      {
-        variant: "destructive",
-        mode: "icon",
-        appearance: "default",
-        className: "shadow-xs shadow-black/5"
-      },
+      // Shadow support (icon mode)
       {
-        variant: "dark-primary",
-        mode: "icon",
-        appearance: "default",
-        className: "shadow-xs shadow-black/5"
-      },
-      {
-        variant: "outline-primary",
-        mode: "icon",
-        appearance: "default",
-        className: "shadow-xs shadow-black/5"
-      },
-      {
-        variant: "outline-destructive",
+        variant: [
+          "primary",
+          "mono",
+          "secondary",
+          "outline",
+          "dashed",
+          "destructive",
+          "destructive-soft",
+          "dark-primary",
+          "outline-primary",
+          "outline-destructive",
+          "success",
+          "success-soft",
+          "info",
+          "info-soft",
+          "warning",
+          "warning-soft"
+        ],
         mode: "icon",
         appearance: "default",
         className: "shadow-xs shadow-black/5"
@@ -368,6 +318,36 @@ var buttonVariants = cva(
         appearance: "ghost",
         className: "bg-transparent text-emerald-500 hover:bg-emerald-500/5 data-[state=open]:bg-emerald-500/5"
       },
+      {
+        variant: "success-soft",
+        appearance: "ghost",
+        className: "bg-transparent text-green-600 border-transparent hover:bg-green-100/50 data-[state=open]:bg-green-100/50 dark:text-green-400 dark:hover:bg-green-950/50 dark:data-[state=open]:bg-green-950/50"
+      },
+      {
+        variant: "destructive-soft",
+        appearance: "ghost",
+        className: "bg-transparent text-red-600 border-transparent hover:bg-red-100/50 data-[state=open]:bg-red-100/50 dark:text-red-400 dark:hover:bg-red-950/50 dark:data-[state=open]:bg-red-950/50"
+      },
+      {
+        variant: "info",
+        appearance: "ghost",
+        className: "bg-transparent text-violet-500 hover:bg-violet-500/5 data-[state=open]:bg-violet-500/5"
+      },
+      {
+        variant: "info-soft",
+        appearance: "ghost",
+        className: "bg-transparent text-violet-600 border-transparent hover:bg-violet-100/50 data-[state=open]:bg-violet-100/50 dark:text-violet-400 dark:hover:bg-violet-950/50 dark:data-[state=open]:bg-violet-950/50"
+      },
+      {
+        variant: "warning",
+        appearance: "ghost",
+        className: "bg-transparent text-yellow-500 hover:bg-yellow-500/5 data-[state=open]:bg-yellow-500/5"
+      },
+      {
+        variant: "warning-soft",
+        appearance: "ghost",
+        className: "bg-transparent text-yellow-800 border-transparent hover:bg-yellow-100/50 data-[state=open]:bg-yellow-100/50 dark:text-yellow-400 dark:hover:bg-yellow-950/50 dark:data-[state=open]:bg-yellow-950/50"
+      },
       {
         variant: "ghost",
         mode: "icon",
@@ -3857,6 +3837,125 @@ function KanbanOverlay({ children, className }) {
     }
   ) });
 }
+function Table({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx("div", { "data-slot": "table-wrapper", className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsx(
+    "table",
+    {
+      "data-slot": "table",
+      className: cn(
+        "w-full caption-bottom text-sm border-collapse",
+        className
+      ),
+      ...props
+    }
+  ) });
+}
+function TableHeader({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "thead",
+    {
+      "data-slot": "table-header",
+      className: cn("[&_tr]:border-b", className),
+      ...props
+    }
+  );
+}
+function TableBody({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "tbody",
+    {
+      "data-slot": "table-body",
+      className: cn("[&_tr:last-child]:border-0", className),
+      ...props
+    }
+  );
+}
+function TableFooter({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "tfoot",
+    {
+      "data-slot": "table-footer",
+      className: cn(
+        "border-t bg-muted/50 font-medium [&>tr]:last:border-b-0",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function TableRow({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "tr",
+    {
+      "data-slot": "table-row",
+      className: cn(
+        "border-b border-border transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function TableHead({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "th",
+    {
+      "data-slot": "table-head",
+      className: cn(
+        "h-10 px-4 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pe-0 *:[[role=checkbox]]:translate-y-0.5",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function TableCell({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "td",
+    {
+      "data-slot": "table-cell",
+      className: cn(
+        "px-4 py-3 align-middle [&:has([role=checkbox])]:pe-0 *:[[role=checkbox]]:translate-y-0.5",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function TableCaption({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "caption",
+    {
+      "data-slot": "table-caption",
+      className: cn("mt-4 text-sm text-muted-foreground", className),
+      ...props
+    }
+  );
+}
 var badgeVariants = cva(
   "inline-flex items-center justify-center border border-transparent font-medium focus:outline-hidden focus:ring-2 focus:ring-ring focus:ring-offset-2 [&_svg]:-ms-px [&_svg]:shrink-0",
   {
@@ -7308,6 +7407,6 @@ function useMounted() {
   return mounted;
 }
 
-export { Accordion, AccordionContent, AccordionItem, AccordionMenu, AccordionMenuGroup, AccordionMenuIndicator, AccordionMenuItem, AccordionMenuLabel, AccordionMenuSeparator, AccordionMenuSub, AccordionMenuSubContent, AccordionMenuSubTrigger, AccordionTrigger, Alert, AlertContent, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertIcon, AlertTitle, AlertToolbar, AspectRatio, Avatar, AvatarFallback, AvatarGroup, AvatarGroupItem, AvatarGroupTooltip, AvatarImage, AvatarIndicator, AvatarStatus, Badge, BadgeButton, BadgeDot, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, ButtonArrow, Calendar, Card, CardContent, CardDescription, CardFooter, CardHeader, CardHeading, CardTable, CardTitle, CardToolbar, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Checkbox, Code, Collapsible, CollapsibleContent, CollapsibleTrigger, Command, CommandCheck, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, Container, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DataGrid, DataGridColumnHeader, DataGridColumnVisibility, DataGridContainer, DataGridPagination, DataGridProvider, DataGridTable, DataGridTableBase, DataGridTableBody, DataGridTableBodyRow, DataGridTableBodyRowCell, DataGridTableBodyRowExpanded, DataGridTableBodyRowSkeleton, DataGridTableBodyRowSkeletonCell, DataGridTableEmpty, DataGridTableHead, DataGridTableHeadRow, DataGridTableHeadRowCell, DataGridTableHeadRowCellResize, DataGridTableLoader, DataGridTableRowSelect, DataGridTableRowSelectAll, DataGridTableRowSpacer, DateField, DateInput, DateSegment, Dialog, DialogBody, 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, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, HoverCard, HoverCardContent, HoverCardTrigger, Icons, Input, InputAddon, InputGroup, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, InputWrapper, Kanban, KanbanBoard, KanbanColumn, KanbanColumnContent, KanbanColumnHandle, KanbanItem, KanbanItemHandle, KanbanOverlay, Kbd, Label2 as Label, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, Popover, PopoverContent, PopoverTrigger, Progress, ProgressCircle, ProgressRadial, RadioGroup2 as RadioGroup, RadioGroupItem, ScrollArea, ScrollBar, Scrollspy, Select, SelectContent, SelectGroup, SelectIndicator, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator2 as Separator, Sheet, SheetBody, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Skeleton, Slider, SliderThumb, Spinner, Switch, SwitchIndicator, SwitchWrapper, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, TimeField, TimelineItem, Toolbar, ToolbarActions, ToolbarDescription, ToolbarHeading, ToolbarTitle, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, avatarStatusVariants, badgeVariants, buttonVariantConfig, buttonVariants, cn, codeVariants, containerVariants, dateInputStyles, headings, inputAddonVariants, inputVariants, kbdVariants, labelVariants, navigationMenuTriggerStyle, radioGroupVariants, radioItemVariants, selectTriggerVariants, switchShapes, switchSizes, tabsListVariantConfig, textareaVariants, useChart, useCopyToClipboard, useDataGrid, useIsMobile, useMounted };
+export { Accordion, AccordionContent, AccordionItem, AccordionMenu, AccordionMenuGroup, AccordionMenuIndicator, AccordionMenuItem, AccordionMenuLabel, AccordionMenuSeparator, AccordionMenuSub, AccordionMenuSubContent, AccordionMenuSubTrigger, AccordionTrigger, Alert, AlertContent, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertIcon, AlertTitle, AlertToolbar, AspectRatio, Avatar, AvatarFallback, AvatarGroup, AvatarGroupItem, AvatarGroupTooltip, AvatarImage, AvatarIndicator, AvatarStatus, Badge, BadgeButton, BadgeDot, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, ButtonArrow, Calendar, Card, CardContent, CardDescription, CardFooter, CardHeader, CardHeading, CardTable, CardTitle, CardToolbar, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Checkbox, Code, Collapsible, CollapsibleContent, CollapsibleTrigger, Command, CommandCheck, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, Container, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DataGrid, DataGridColumnHeader, DataGridColumnVisibility, DataGridContainer, DataGridPagination, DataGridProvider, DataGridTable, DataGridTableBase, DataGridTableBody, DataGridTableBodyRow, DataGridTableBodyRowCell, DataGridTableBodyRowExpanded, DataGridTableBodyRowSkeleton, DataGridTableBodyRowSkeletonCell, DataGridTableEmpty, DataGridTableHead, DataGridTableHeadRow, DataGridTableHeadRowCell, DataGridTableHeadRowCellResize, DataGridTableLoader, DataGridTableRowSelect, DataGridTableRowSelectAll, DataGridTableRowSpacer, DateField, DateInput, DateSegment, Dialog, DialogBody, 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, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, HoverCard, HoverCardContent, HoverCardTrigger, Icons, Input, InputAddon, InputGroup, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, InputWrapper, Kanban, KanbanBoard, KanbanColumn, KanbanColumnContent, KanbanColumnHandle, KanbanItem, KanbanItemHandle, KanbanOverlay, Kbd, Label2 as Label, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, Popover, PopoverContent, PopoverTrigger, Progress, ProgressCircle, ProgressRadial, RadioGroup2 as RadioGroup, RadioGroupItem, ScrollArea, ScrollBar, Scrollspy, Select, SelectContent, SelectGroup, SelectIndicator, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator2 as Separator, Sheet, SheetBody, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Skeleton, Slider, SliderThumb, Spinner, Switch, SwitchIndicator, SwitchWrapper, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, TimeField, TimelineItem, Toolbar, ToolbarActions, ToolbarDescription, ToolbarHeading, ToolbarTitle, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, avatarStatusVariants, badgeVariants, buttonVariantConfig, buttonVariants, cn, codeVariants, containerVariants, dateInputStyles, headings, inputAddonVariants, inputVariants, kbdVariants, labelVariants, navigationMenuTriggerStyle, radioGroupVariants, radioItemVariants, selectTriggerVariants, switchShapes, switchSizes, tabsListVariantConfig, textareaVariants, useChart, useCopyToClipboard, useDataGrid, useIsMobile, useMounted };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map