@pos-360/horizon 0.14.0 → 0.16.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.mjs CHANGED
@@ -1,6 +1,6 @@
1
- export { Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Form, FormControl, FormDescription, FormField, FormLabel, FormMessage, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, SegmentedControl, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Skeleton, SkeletonAvatar, SkeletonBadge, SkeletonButton, SkeletonCard, SkeletonIcon, SkeletonInput, SkeletonSubtitle, SkeletonTableRow, SkeletonTableRows, SkeletonText, SkeletonTitle, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, TableRowCheckbox, TableSelectAll, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toggle, buttonVariants, segmentedControlItemVariants, segmentedControlVariants, separatorVariants, switchLabelVariants, switchThumbVariants, switchTrackVariants, toggleGroupVariants, toggleItemVariants, useFormContext, useFormFieldContext, useTableSelection } from './chunk-US6BPM62.mjs';
2
- export { AnimatedButton, ChartRenderer, CompactPanel, Dashboard, DashboardPanel, Globe, Input, LargePanel, MediumPanel, Moon, Orbit, Rocket, SideNav, SideNavFooter, SideNavHeader, SideNavItem, SideNavSection, Sparkles, Star, StatDisplay, TableRenderer, TemplateSelector, TextButton, Toast, useDashboardContext, useSideNavContext } from './chunk-A4QVL4JL.mjs';
3
- export { Badge, Caption, Code, Heading, Label, Text, badgeVariants, captionVariants, cn, codeVariants, headingVariants, labelVariants, textVariants } from './chunk-E3UN74IA.mjs';
1
+ export { Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, ColumnSelection, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Form, FormControl, FormDescription, FormField, FormLabel, FormMessage, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, SegmentedControl, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Skeleton, SkeletonAvatar, SkeletonBadge, SkeletonButton, SkeletonCard, SkeletonIcon, SkeletonInput, SkeletonSubtitle, SkeletonTableRow, SkeletonTableRows, SkeletonText, SkeletonTitle, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, TableRowCheckbox, TableSelectAll, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toggle, buttonVariants, segmentedControlItemVariants, segmentedControlVariants, separatorVariants, switchLabelVariants, switchThumbVariants, switchTrackVariants, toggleGroupVariants, toggleItemVariants, useColumnVisibility, useFormContext, useFormFieldContext, useTableSelection } from './chunk-KQYOZC7B.mjs';
2
+ export { AnimatedButton, ChartRenderer, CompactPanel, Dashboard, DashboardPanel, Globe, Input, LargePanel, MediumPanel, Moon, Orbit, Rocket, SideNav, SideNavFooter, SideNavHeader, SideNavItem, SideNavSection, Sparkles, Star, StatDisplay, TableRenderer, TemplateSelector, TextButton, Toast, useDashboardContext, useSideNavContext } from './chunk-G36NTARE.mjs';
3
+ export { Badge, Caption, Code, Heading, Label, Text, badgeVariants, captionVariants, cn, codeVariants, headingVariants, labelVariants, textVariants } from './chunk-THQLVDXH.mjs';
4
4
  export { ArrowRightIcon, CheckIcon, PlusIcon, SendIcon, TrashIcon } from './chunk-2B2BWI5A.mjs';
5
5
  export { useToast } from './chunk-BNOZCJOK.mjs';
6
6
  import './chunk-WFBSFUC6.mjs';
@@ -21,8 +21,8 @@ interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<
21
21
  declare function Badge({ className, variant, ...props }: BadgeProps): react_jsx_runtime.JSX.Element;
22
22
 
23
23
  declare const buttonVariants: (props?: ({
24
- variant?: "default" | "secondary" | "destructive" | "outline" | "link" | "ghost" | null | undefined;
25
- size?: "default" | "sm" | "lg" | "icon" | null | undefined;
24
+ variant?: "link" | "default" | "secondary" | "destructive" | "outline" | "ghost" | null | undefined;
25
+ size?: "sm" | "lg" | "default" | "icon" | null | undefined;
26
26
  } & class_variance_authority_types.ClassProp) | undefined) => string;
27
27
  interface BaseButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
28
28
  asChild?: boolean;
@@ -229,15 +229,33 @@ interface TableContextValue {
229
229
  registerRowId: (rowId: string) => void;
230
230
  unregisterRowId: (rowId: string) => void;
231
231
  }
232
- interface TableProps extends React.HTMLAttributes<HTMLTableElement> {
232
+ interface ColumnDef<T = any> {
233
+ key: string;
234
+ label: string;
235
+ cell: (row: T) => React.ReactNode;
236
+ sticky?: boolean;
237
+ /** Used by `useColumnVisibility` to set initial visible columns on desktop */
238
+ defaultVisible?: boolean;
239
+ /** Used by `useColumnVisibility` to set initial visible columns on mobile (viewport < 768px) */
240
+ mobileVisible?: boolean;
241
+ minWidth?: number;
242
+ }
243
+ interface TableProps<T = any> extends React.HTMLAttributes<HTMLTableElement> {
233
244
  selectable?: boolean;
234
245
  selectionMode?: SelectionMode;
235
246
  selectedRows?: string[];
236
247
  onSelectionChange?: (selectedRows: string[]) => void;
237
248
  getRowId?: (row: any) => string;
238
249
  rows?: any[];
239
- }
240
- declare const Table: React.ForwardRefExoticComponent<TableProps & React.RefAttributes<HTMLTableElement>>;
250
+ columns?: ColumnDef<T>[];
251
+ data?: T[];
252
+ visibleColumns?: string[];
253
+ showDividers?: boolean;
254
+ highlightMode?: "row" | "column" | "cross" | "none";
255
+ }
256
+ declare const Table: <T = any>(props: TableProps<T> & {
257
+ ref?: React.Ref<HTMLTableElement>;
258
+ }) => React.ReactElement | null;
241
259
  declare const TableHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
242
260
  declare const TableBody: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
243
261
  declare const TableFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
@@ -269,6 +287,23 @@ interface TableRowCheckboxProps {
269
287
  declare const TableRowCheckbox: React.ForwardRefExoticComponent<TableRowCheckboxProps & React.RefAttributes<HTMLDivElement>>;
270
288
  declare const useTableSelection: () => TableContextValue;
271
289
 
290
+ interface UseColumnVisibilityOptions {
291
+ storageKey?: string;
292
+ }
293
+ declare function useColumnVisibility<T = any>(columns: ColumnDef<T>[], options?: UseColumnVisibilityOptions): {
294
+ visibleColumns: string[];
295
+ setVisibleColumns: (cols: string[]) => void;
296
+ };
297
+
298
+ interface ColumnSelectionProps<T = any> {
299
+ columns: ColumnDef<T>[];
300
+ visibleColumns: string[];
301
+ onVisibleColumnsChange: (cols: string[]) => void;
302
+ triggerLabel?: string;
303
+ trigger?: React.ReactNode;
304
+ }
305
+ declare function ColumnSelection<T = any>({ columns, visibleColumns, onVisibleColumnsChange, triggerLabel, trigger, }: ColumnSelectionProps<T>): react_jsx_runtime.JSX.Element;
306
+
272
307
  interface TabsProps extends React.ComponentPropsWithoutRef<typeof TabsPrimitive.Root> {
273
308
  defaultValue?: string;
274
309
  value?: string;
@@ -291,10 +326,10 @@ interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement
291
326
  declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
292
327
 
293
328
  declare const toggleGroupVariants: (props?: ({
294
- size?: "default" | "sm" | "lg" | null | undefined;
329
+ size?: "sm" | "lg" | "default" | null | undefined;
295
330
  } & class_variance_authority_types.ClassProp) | undefined) => string;
296
331
  declare const toggleItemVariants: (props?: ({
297
- size?: "default" | "sm" | "lg" | null | undefined;
332
+ size?: "sm" | "lg" | "default" | null | undefined;
298
333
  iconOnly?: boolean | null | undefined;
299
334
  } & class_variance_authority_types.ClassProp) | undefined) => string;
300
335
  type ToggleRadius = "none" | "sm" | "md" | "lg" | "full";
@@ -315,10 +350,10 @@ interface ToggleProps extends Omit<React.ComponentPropsWithoutRef<typeof ToggleG
315
350
  declare function Toggle({ className, options, value, onChange, size, radius, ...props }: ToggleProps): react_jsx_runtime.JSX.Element;
316
351
 
317
352
  declare const segmentedControlVariants: (props?: ({
318
- size?: "default" | "sm" | "lg" | null | undefined;
353
+ size?: "sm" | "lg" | "default" | null | undefined;
319
354
  } & class_variance_authority_types.ClassProp) | undefined) => string;
320
355
  declare const segmentedControlItemVariants: (props?: ({
321
- size?: "default" | "sm" | "lg" | null | undefined;
356
+ size?: "sm" | "lg" | "default" | null | undefined;
322
357
  } & class_variance_authority_types.ClassProp) | undefined) => string;
323
358
  type SegmentedControlRadius = "none" | "sm" | "md" | "lg" | "full";
324
359
  interface SegmentedControlOption {
@@ -335,13 +370,13 @@ interface SegmentedControlProps extends Omit<React.ComponentPropsWithoutRef<type
335
370
  declare function SegmentedControl({ className, options, value, onChange, size, radius, ...props }: SegmentedControlProps): react_jsx_runtime.JSX.Element;
336
371
 
337
372
  declare const switchTrackVariants: (props?: ({
338
- size?: "default" | "sm" | "lg" | null | undefined;
373
+ size?: "sm" | "lg" | "default" | null | undefined;
339
374
  } & class_variance_authority_types.ClassProp) | undefined) => string;
340
375
  declare const switchThumbVariants: (props?: ({
341
- size?: "default" | "sm" | "lg" | null | undefined;
376
+ size?: "sm" | "lg" | "default" | null | undefined;
342
377
  } & class_variance_authority_types.ClassProp) | undefined) => string;
343
378
  declare const switchLabelVariants: (props?: ({
344
- size?: "default" | "sm" | "lg" | null | undefined;
379
+ size?: "sm" | "lg" | "default" | null | undefined;
345
380
  } & class_variance_authority_types.ClassProp) | undefined) => string;
346
381
  interface SwitchProps extends React.ComponentPropsWithoutRef<typeof SwitchPrimitive.Root>, VariantProps<typeof switchTrackVariants> {
347
382
  label?: string;
@@ -352,7 +387,7 @@ declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAtt
352
387
  declare const headingVariants: (props?: ({
353
388
  level?: 1 | 3 | 4 | 2 | 5 | 6 | null | undefined;
354
389
  weight?: "bold" | "medium" | "semibold" | "regular" | null | undefined;
355
- align?: "center" | "right" | "left" | null | undefined;
390
+ align?: "left" | "right" | "center" | null | undefined;
356
391
  } & class_variance_authority_types.ClassProp) | undefined) => string;
357
392
  type HeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;
358
393
  interface HeadingProps extends React.HTMLAttributes<HTMLHeadingElement>, Omit<VariantProps<typeof headingVariants>, "level"> {
@@ -364,8 +399,8 @@ declare const Heading: React.ForwardRefExoticComponent<HeadingProps & React.RefA
364
399
  declare const textVariants: (props?: ({
365
400
  size?: "sm" | "lg" | "base" | "xs" | "xl" | "2xl" | "3xl" | "4xl" | null | undefined;
366
401
  weight?: "medium" | "semibold" | "regular" | null | undefined;
367
- align?: "center" | "right" | "left" | "justify" | null | undefined;
368
- color?: "default" | "success" | "warning" | "muted" | "error" | "accent" | null | undefined;
402
+ align?: "left" | "right" | "center" | "justify" | null | undefined;
403
+ color?: "accent" | "default" | "success" | "warning" | "muted" | "error" | null | undefined;
369
404
  } & class_variance_authority_types.ClassProp) | undefined) => string;
370
405
  interface TextProps extends Omit<React.HTMLAttributes<HTMLParagraphElement>, "color">, VariantProps<typeof textVariants> {
371
406
  asChild?: boolean;
@@ -375,8 +410,8 @@ declare const Text: React.ForwardRefExoticComponent<TextProps & React.RefAttribu
375
410
 
376
411
  declare const captionVariants: (props?: ({
377
412
  weight?: "medium" | "regular" | null | undefined;
378
- align?: "center" | "right" | "left" | null | undefined;
379
- color?: "default" | "success" | "warning" | "muted" | "error" | "accent" | null | undefined;
413
+ align?: "left" | "right" | "center" | null | undefined;
414
+ color?: "accent" | "default" | "success" | "warning" | "muted" | "error" | null | undefined;
380
415
  } & class_variance_authority_types.ClassProp) | undefined) => string;
381
416
  interface CaptionProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, "color">, VariantProps<typeof captionVariants> {
382
417
  }
@@ -384,10 +419,10 @@ declare const Caption: React.ForwardRefExoticComponent<CaptionProps & React.RefA
384
419
 
385
420
  declare const codeVariants: (props?: ({
386
421
  variant?: "inline" | "block" | null | undefined;
387
- color?: "default" | "success" | "warning" | "error" | "accent" | null | undefined;
422
+ color?: "accent" | "default" | "success" | "warning" | "error" | null | undefined;
388
423
  } & class_variance_authority_types.ClassProp) | undefined) => string;
389
424
  interface CodeProps extends Omit<React.HTMLAttributes<HTMLElement>, "color">, VariantProps<typeof codeVariants> {
390
425
  }
391
426
  declare const Code: React.ForwardRefExoticComponent<CodeProps & React.RefAttributes<HTMLElement>>;
392
427
 
393
- export { Badge, type BadgeProps, Button, type ButtonProps, Caption, type CaptionProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Code, type CodeProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Form, FormControl, type FormControlProps, FormDescription, type FormDescriptionProps, FormField, type FormFieldProps, FormLabel, type FormLabelProps, FormMessage, type FormMessageProps, type FormProps, Heading, type HeadingProps, Label, type LabelProps, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, SegmentedControl, type SegmentedControlOption, type SegmentedControlProps, type SegmentedControlRadius, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, type SeparatorProps, Skeleton, SkeletonAvatar, SkeletonBadge, SkeletonButton, SkeletonCard, SkeletonIcon, SkeletonInput, SkeletonSubtitle, SkeletonTableRow, SkeletonTableRows, SkeletonText, SkeletonTitle, Switch, type SwitchProps, Table, TableBody, TableCaption, TableCell, type TableCellProps, TableFooter, TableHead, TableHeader, TableRow, TableRowCheckbox, TableSelectAll, Tabs, TabsContent, TabsList, TabsTrigger, type TabsVariant, Text, type TextProps, Textarea, type TextareaProps, Toggle, type ToggleOption, type ToggleProps, type ToggleRadius, badgeVariants, buttonVariants, captionVariants, codeVariants, headingVariants, labelVariants, segmentedControlItemVariants, segmentedControlVariants, separatorVariants, switchLabelVariants, switchThumbVariants, switchTrackVariants, textVariants, toggleGroupVariants, toggleItemVariants, useFormContext, useFormFieldContext, useTableSelection };
428
+ export { Badge, type BadgeProps, Button, type ButtonProps, Caption, type CaptionProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Code, type CodeProps, type ColumnDef, ColumnSelection, type ColumnSelectionProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Form, FormControl, type FormControlProps, FormDescription, type FormDescriptionProps, FormField, type FormFieldProps, FormLabel, type FormLabelProps, FormMessage, type FormMessageProps, type FormProps, Heading, type HeadingProps, Label, type LabelProps, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, SegmentedControl, type SegmentedControlOption, type SegmentedControlProps, type SegmentedControlRadius, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, type SeparatorProps, Skeleton, SkeletonAvatar, SkeletonBadge, SkeletonButton, SkeletonCard, SkeletonIcon, SkeletonInput, SkeletonSubtitle, SkeletonTableRow, SkeletonTableRows, SkeletonText, SkeletonTitle, Switch, type SwitchProps, Table, TableBody, TableCaption, TableCell, type TableCellProps, TableFooter, TableHead, TableHeader, TableRow, TableRowCheckbox, TableSelectAll, Tabs, TabsContent, TabsList, TabsTrigger, type TabsVariant, Text, type TextProps, Textarea, type TextareaProps, Toggle, type ToggleOption, type ToggleProps, type ToggleRadius, badgeVariants, buttonVariants, captionVariants, codeVariants, headingVariants, labelVariants, segmentedControlItemVariants, segmentedControlVariants, separatorVariants, switchLabelVariants, switchThumbVariants, switchTrackVariants, textVariants, toggleGroupVariants, toggleItemVariants, useColumnVisibility, useFormContext, useFormFieldContext, useTableSelection };
@@ -21,8 +21,8 @@ interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<
21
21
  declare function Badge({ className, variant, ...props }: BadgeProps): react_jsx_runtime.JSX.Element;
22
22
 
23
23
  declare const buttonVariants: (props?: ({
24
- variant?: "default" | "secondary" | "destructive" | "outline" | "link" | "ghost" | null | undefined;
25
- size?: "default" | "sm" | "lg" | "icon" | null | undefined;
24
+ variant?: "link" | "default" | "secondary" | "destructive" | "outline" | "ghost" | null | undefined;
25
+ size?: "sm" | "lg" | "default" | "icon" | null | undefined;
26
26
  } & class_variance_authority_types.ClassProp) | undefined) => string;
27
27
  interface BaseButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
28
28
  asChild?: boolean;
@@ -229,15 +229,33 @@ interface TableContextValue {
229
229
  registerRowId: (rowId: string) => void;
230
230
  unregisterRowId: (rowId: string) => void;
231
231
  }
232
- interface TableProps extends React.HTMLAttributes<HTMLTableElement> {
232
+ interface ColumnDef<T = any> {
233
+ key: string;
234
+ label: string;
235
+ cell: (row: T) => React.ReactNode;
236
+ sticky?: boolean;
237
+ /** Used by `useColumnVisibility` to set initial visible columns on desktop */
238
+ defaultVisible?: boolean;
239
+ /** Used by `useColumnVisibility` to set initial visible columns on mobile (viewport < 768px) */
240
+ mobileVisible?: boolean;
241
+ minWidth?: number;
242
+ }
243
+ interface TableProps<T = any> extends React.HTMLAttributes<HTMLTableElement> {
233
244
  selectable?: boolean;
234
245
  selectionMode?: SelectionMode;
235
246
  selectedRows?: string[];
236
247
  onSelectionChange?: (selectedRows: string[]) => void;
237
248
  getRowId?: (row: any) => string;
238
249
  rows?: any[];
239
- }
240
- declare const Table: React.ForwardRefExoticComponent<TableProps & React.RefAttributes<HTMLTableElement>>;
250
+ columns?: ColumnDef<T>[];
251
+ data?: T[];
252
+ visibleColumns?: string[];
253
+ showDividers?: boolean;
254
+ highlightMode?: "row" | "column" | "cross" | "none";
255
+ }
256
+ declare const Table: <T = any>(props: TableProps<T> & {
257
+ ref?: React.Ref<HTMLTableElement>;
258
+ }) => React.ReactElement | null;
241
259
  declare const TableHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
242
260
  declare const TableBody: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
243
261
  declare const TableFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
@@ -269,6 +287,23 @@ interface TableRowCheckboxProps {
269
287
  declare const TableRowCheckbox: React.ForwardRefExoticComponent<TableRowCheckboxProps & React.RefAttributes<HTMLDivElement>>;
270
288
  declare const useTableSelection: () => TableContextValue;
271
289
 
290
+ interface UseColumnVisibilityOptions {
291
+ storageKey?: string;
292
+ }
293
+ declare function useColumnVisibility<T = any>(columns: ColumnDef<T>[], options?: UseColumnVisibilityOptions): {
294
+ visibleColumns: string[];
295
+ setVisibleColumns: (cols: string[]) => void;
296
+ };
297
+
298
+ interface ColumnSelectionProps<T = any> {
299
+ columns: ColumnDef<T>[];
300
+ visibleColumns: string[];
301
+ onVisibleColumnsChange: (cols: string[]) => void;
302
+ triggerLabel?: string;
303
+ trigger?: React.ReactNode;
304
+ }
305
+ declare function ColumnSelection<T = any>({ columns, visibleColumns, onVisibleColumnsChange, triggerLabel, trigger, }: ColumnSelectionProps<T>): react_jsx_runtime.JSX.Element;
306
+
272
307
  interface TabsProps extends React.ComponentPropsWithoutRef<typeof TabsPrimitive.Root> {
273
308
  defaultValue?: string;
274
309
  value?: string;
@@ -291,10 +326,10 @@ interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement
291
326
  declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
292
327
 
293
328
  declare const toggleGroupVariants: (props?: ({
294
- size?: "default" | "sm" | "lg" | null | undefined;
329
+ size?: "sm" | "lg" | "default" | null | undefined;
295
330
  } & class_variance_authority_types.ClassProp) | undefined) => string;
296
331
  declare const toggleItemVariants: (props?: ({
297
- size?: "default" | "sm" | "lg" | null | undefined;
332
+ size?: "sm" | "lg" | "default" | null | undefined;
298
333
  iconOnly?: boolean | null | undefined;
299
334
  } & class_variance_authority_types.ClassProp) | undefined) => string;
300
335
  type ToggleRadius = "none" | "sm" | "md" | "lg" | "full";
@@ -315,10 +350,10 @@ interface ToggleProps extends Omit<React.ComponentPropsWithoutRef<typeof ToggleG
315
350
  declare function Toggle({ className, options, value, onChange, size, radius, ...props }: ToggleProps): react_jsx_runtime.JSX.Element;
316
351
 
317
352
  declare const segmentedControlVariants: (props?: ({
318
- size?: "default" | "sm" | "lg" | null | undefined;
353
+ size?: "sm" | "lg" | "default" | null | undefined;
319
354
  } & class_variance_authority_types.ClassProp) | undefined) => string;
320
355
  declare const segmentedControlItemVariants: (props?: ({
321
- size?: "default" | "sm" | "lg" | null | undefined;
356
+ size?: "sm" | "lg" | "default" | null | undefined;
322
357
  } & class_variance_authority_types.ClassProp) | undefined) => string;
323
358
  type SegmentedControlRadius = "none" | "sm" | "md" | "lg" | "full";
324
359
  interface SegmentedControlOption {
@@ -335,13 +370,13 @@ interface SegmentedControlProps extends Omit<React.ComponentPropsWithoutRef<type
335
370
  declare function SegmentedControl({ className, options, value, onChange, size, radius, ...props }: SegmentedControlProps): react_jsx_runtime.JSX.Element;
336
371
 
337
372
  declare const switchTrackVariants: (props?: ({
338
- size?: "default" | "sm" | "lg" | null | undefined;
373
+ size?: "sm" | "lg" | "default" | null | undefined;
339
374
  } & class_variance_authority_types.ClassProp) | undefined) => string;
340
375
  declare const switchThumbVariants: (props?: ({
341
- size?: "default" | "sm" | "lg" | null | undefined;
376
+ size?: "sm" | "lg" | "default" | null | undefined;
342
377
  } & class_variance_authority_types.ClassProp) | undefined) => string;
343
378
  declare const switchLabelVariants: (props?: ({
344
- size?: "default" | "sm" | "lg" | null | undefined;
379
+ size?: "sm" | "lg" | "default" | null | undefined;
345
380
  } & class_variance_authority_types.ClassProp) | undefined) => string;
346
381
  interface SwitchProps extends React.ComponentPropsWithoutRef<typeof SwitchPrimitive.Root>, VariantProps<typeof switchTrackVariants> {
347
382
  label?: string;
@@ -352,7 +387,7 @@ declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAtt
352
387
  declare const headingVariants: (props?: ({
353
388
  level?: 1 | 3 | 4 | 2 | 5 | 6 | null | undefined;
354
389
  weight?: "bold" | "medium" | "semibold" | "regular" | null | undefined;
355
- align?: "center" | "right" | "left" | null | undefined;
390
+ align?: "left" | "right" | "center" | null | undefined;
356
391
  } & class_variance_authority_types.ClassProp) | undefined) => string;
357
392
  type HeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;
358
393
  interface HeadingProps extends React.HTMLAttributes<HTMLHeadingElement>, Omit<VariantProps<typeof headingVariants>, "level"> {
@@ -364,8 +399,8 @@ declare const Heading: React.ForwardRefExoticComponent<HeadingProps & React.RefA
364
399
  declare const textVariants: (props?: ({
365
400
  size?: "sm" | "lg" | "base" | "xs" | "xl" | "2xl" | "3xl" | "4xl" | null | undefined;
366
401
  weight?: "medium" | "semibold" | "regular" | null | undefined;
367
- align?: "center" | "right" | "left" | "justify" | null | undefined;
368
- color?: "default" | "success" | "warning" | "muted" | "error" | "accent" | null | undefined;
402
+ align?: "left" | "right" | "center" | "justify" | null | undefined;
403
+ color?: "accent" | "default" | "success" | "warning" | "muted" | "error" | null | undefined;
369
404
  } & class_variance_authority_types.ClassProp) | undefined) => string;
370
405
  interface TextProps extends Omit<React.HTMLAttributes<HTMLParagraphElement>, "color">, VariantProps<typeof textVariants> {
371
406
  asChild?: boolean;
@@ -375,8 +410,8 @@ declare const Text: React.ForwardRefExoticComponent<TextProps & React.RefAttribu
375
410
 
376
411
  declare const captionVariants: (props?: ({
377
412
  weight?: "medium" | "regular" | null | undefined;
378
- align?: "center" | "right" | "left" | null | undefined;
379
- color?: "default" | "success" | "warning" | "muted" | "error" | "accent" | null | undefined;
413
+ align?: "left" | "right" | "center" | null | undefined;
414
+ color?: "accent" | "default" | "success" | "warning" | "muted" | "error" | null | undefined;
380
415
  } & class_variance_authority_types.ClassProp) | undefined) => string;
381
416
  interface CaptionProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, "color">, VariantProps<typeof captionVariants> {
382
417
  }
@@ -384,10 +419,10 @@ declare const Caption: React.ForwardRefExoticComponent<CaptionProps & React.RefA
384
419
 
385
420
  declare const codeVariants: (props?: ({
386
421
  variant?: "inline" | "block" | null | undefined;
387
- color?: "default" | "success" | "warning" | "error" | "accent" | null | undefined;
422
+ color?: "accent" | "default" | "success" | "warning" | "error" | null | undefined;
388
423
  } & class_variance_authority_types.ClassProp) | undefined) => string;
389
424
  interface CodeProps extends Omit<React.HTMLAttributes<HTMLElement>, "color">, VariantProps<typeof codeVariants> {
390
425
  }
391
426
  declare const Code: React.ForwardRefExoticComponent<CodeProps & React.RefAttributes<HTMLElement>>;
392
427
 
393
- export { Badge, type BadgeProps, Button, type ButtonProps, Caption, type CaptionProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Code, type CodeProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Form, FormControl, type FormControlProps, FormDescription, type FormDescriptionProps, FormField, type FormFieldProps, FormLabel, type FormLabelProps, FormMessage, type FormMessageProps, type FormProps, Heading, type HeadingProps, Label, type LabelProps, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, SegmentedControl, type SegmentedControlOption, type SegmentedControlProps, type SegmentedControlRadius, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, type SeparatorProps, Skeleton, SkeletonAvatar, SkeletonBadge, SkeletonButton, SkeletonCard, SkeletonIcon, SkeletonInput, SkeletonSubtitle, SkeletonTableRow, SkeletonTableRows, SkeletonText, SkeletonTitle, Switch, type SwitchProps, Table, TableBody, TableCaption, TableCell, type TableCellProps, TableFooter, TableHead, TableHeader, TableRow, TableRowCheckbox, TableSelectAll, Tabs, TabsContent, TabsList, TabsTrigger, type TabsVariant, Text, type TextProps, Textarea, type TextareaProps, Toggle, type ToggleOption, type ToggleProps, type ToggleRadius, badgeVariants, buttonVariants, captionVariants, codeVariants, headingVariants, labelVariants, segmentedControlItemVariants, segmentedControlVariants, separatorVariants, switchLabelVariants, switchThumbVariants, switchTrackVariants, textVariants, toggleGroupVariants, toggleItemVariants, useFormContext, useFormFieldContext, useTableSelection };
428
+ export { Badge, type BadgeProps, Button, type ButtonProps, Caption, type CaptionProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Code, type CodeProps, type ColumnDef, ColumnSelection, type ColumnSelectionProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Form, FormControl, type FormControlProps, FormDescription, type FormDescriptionProps, FormField, type FormFieldProps, FormLabel, type FormLabelProps, FormMessage, type FormMessageProps, type FormProps, Heading, type HeadingProps, Label, type LabelProps, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, SegmentedControl, type SegmentedControlOption, type SegmentedControlProps, type SegmentedControlRadius, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, type SeparatorProps, Skeleton, SkeletonAvatar, SkeletonBadge, SkeletonButton, SkeletonCard, SkeletonIcon, SkeletonInput, SkeletonSubtitle, SkeletonTableRow, SkeletonTableRows, SkeletonText, SkeletonTitle, Switch, type SwitchProps, Table, TableBody, TableCaption, TableCell, type TableCellProps, TableFooter, TableHead, TableHeader, TableRow, TableRowCheckbox, TableSelectAll, Tabs, TabsContent, TabsList, TabsTrigger, type TabsVariant, Text, type TextProps, Textarea, type TextareaProps, Toggle, type ToggleOption, type ToggleProps, type ToggleRadius, badgeVariants, buttonVariants, captionVariants, codeVariants, headingVariants, labelVariants, segmentedControlItemVariants, segmentedControlVariants, separatorVariants, switchLabelVariants, switchThumbVariants, switchTrackVariants, textVariants, toggleGroupVariants, toggleItemVariants, useColumnVisibility, useFormContext, useFormFieldContext, useTableSelection };