@pos-360/horizon 0.30.2 → 0.31.1

package/dist/index.mjs

@@ -1,6 +1,6 @@
-export { Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, ColumnSelection, DEFAULT_COMPARISON_PERIODS, DEFAULT_PRESETS, DEFAULT_TIME_RANGE, DateRangePicker, DateRangePickerMobile, 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, MobileDataCard, PeriodComparisonSelector, 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-HFDHLY24.mjs';
-export { AnimatedButton, ChartRenderer, CompactPanel, Dashboard, DashboardPanel, Globe, Input, KPI_CARD_ROWS, KpiCard, KpiCardGroup, LARGE_PANEL_HEADER_ROWS, LargePanel, MediumPanel, Moon, Orbit, Rocket, SideNav, SideNavFooter, SideNavHeader, SideNavItem, SideNavSection, Sparkles, Star, StatDisplay, TableRenderer, TemplateSelector, Toast, useDashboardContext, useSideNavContext } from './chunk-FUSOMGHI.mjs';
-export { Badge, Caption, Code, Heading, Label, Text, TextButton, Tooltip, badgeVariants, captionVariants, cn, codeVariants, headingVariants, labelVariants, mergeRefs, textVariants } from './chunk-EZL7UCWW.mjs';
+export { Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, ColumnSelection, DEFAULT_COMPARISON_PERIODS, DEFAULT_PRESETS, DEFAULT_TIME_RANGE, DateRangePicker, DateRangePickerMobile, 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, MobileDataCard, PeriodComparisonSelector, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, SegmentedControl, Select, SelectBar, 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-NNP7MDQI.mjs';
+export { AnimatedButton, ChartRenderer, CompactPanel, Dashboard, DashboardPanel, Globe, Input, KPI_CARD_ROWS, KpiCard, KpiCardGroup, LARGE_PANEL_HEADER_ROWS, LargePanel, MediumPanel, Moon, Orbit, Rocket, SideNav, SideNavFooter, SideNavHeader, SideNavItem, SideNavSection, Sparkles, Star, StatDisplay, TableRenderer, TemplateSelector, Toast, useDashboardContext, useSideNavContext } from './chunk-MOQF2VCC.mjs';
+export { Badge, Caption, Code, Heading, Label, Text, TextButton, Tooltip, badgeVariants, captionVariants, cn, codeVariants, headingVariants, labelVariants, mergeRefs, textVariants } from './chunk-2GMOVXHC.mjs';
 export { ArrowRightIcon, CheckIcon, PlusIcon, SendIcon, TrashIcon } from './chunk-2B2BWI5A.mjs';
 export { useToast } from './chunk-BNOZCJOK.mjs';
 import './chunk-WFBSFUC6.mjs';

package/dist/primitives.d.mts

@@ -175,6 +175,39 @@ declare const SelectLabel: React$1.ForwardRefExoticComponent<Omit<SelectPrimitiv
 declare const SelectItem: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 declare const SelectSeparator: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 
+interface SelectBarOption {
+    label: string;
+    value: string;
+    disabled?: boolean;
+}
+interface SelectBarProps {
+    options: SelectBarOption[];
+    /** Controlled single value */
+    value?: string;
+    /** Single-select change handler */
+    onChange?: (value: string | undefined) => void;
+    /** Enable multi-select mode */
+    multiple?: boolean;
+    /** Controlled multi-select values */
+    multiValue?: string[];
+    /** Multi-select change handler */
+    onMultiChange?: (values: string[]) => void;
+    /** Require explicit Apply to commit selection */
+    manualApply?: boolean;
+    /** Show search input in dropdown */
+    searchable?: boolean;
+    /** Placeholder for search input */
+    searchPlaceholder?: string;
+    /** Trigger placeholder text */
+    placeholder?: string;
+    /** Label rendered above trigger */
+    label?: string;
+    /** Disable the entire component */
+    disabled?: boolean;
+    className?: string;
+}
+declare const SelectBar: React$1.ForwardRefExoticComponent<SelectBarProps & React$1.RefAttributes<HTMLButtonElement>>;
+
 declare const separatorVariants: (props?: ({
     orientation?: "horizontal" | "vertical" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
@@ -520,7 +553,7 @@ interface DateRangePickerMobileProps {
 }
 declare function DateRangePickerMobile({ label, value, onChange, presets, presetSections, placeholder, disabled, className, showTimePicker, timeValue, onTimeChange, }: DateRangePickerMobileProps): react_jsx_runtime.JSX.Element;
 
-interface SelectBarProps {
+interface MobileDataCardSelectBarProps {
     isSelected: boolean;
     onToggle: (e: React.SyntheticEvent) => void;
     badge?: ReactNode;
@@ -546,7 +579,7 @@ interface MobileDataCardProps {
     contentRows?: ContentRow[];
     onPress?: () => void;
     showChevron?: boolean;
-    selectBar?: SelectBarProps;
+    selectBar?: MobileDataCardSelectBarProps;
     stats?: StatItem[];
     statColumns?: 2 | 3 | 4 | 5;
     statsRenderer?: ReactNode;
@@ -581,4 +614,4 @@ interface PeriodComparisonSelectorProps {
 declare const DEFAULT_COMPARISON_PERIODS: ComparisonPeriod[];
 declare function PeriodComparisonSelector({ value, onChange, options, mode, size, placeholder, disabled, className, }: PeriodComparisonSelectorProps): react_jsx_runtime.JSX.Element;
 
-export { type ActionColumn, Badge, type BadgeProps, Button, type ButtonProps, Caption, type CaptionProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Code, type CodeProps, type ColumnDef, ColumnSelection, type ColumnSelectionProps, type ComparisonPeriod, type ContentRow, DEFAULT_COMPARISON_PERIODS, DEFAULT_PRESETS, DEFAULT_TIME_RANGE, type DateRange, DateRangePicker, DateRangePickerMobile, type DateRangePickerMobileProps, type DateRangePickerProps, type DetailRow, 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, MobileDataCard, type MobileDataCardProps, PeriodComparisonSelector, type PeriodComparisonSelectorProps, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, type PresetOption, type PresetSection, SegmentedControl, type SegmentedControlOption, type SegmentedControlProps, type SegmentedControlRadius, Select, type SelectBarProps, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, type SeparatorProps, Skeleton, SkeletonAvatar, SkeletonBadge, SkeletonButton, SkeletonCard, SkeletonIcon, SkeletonInput, SkeletonSubtitle, SkeletonTableRow, SkeletonTableRows, SkeletonText, SkeletonTitle, type StatItem, Switch, type SwitchProps, Table, TableBody, TableCaption, TableCell, type TableCellProps, TableFooter, TableHead, TableHeader, type TableProps, TableRow, TableRowCheckbox, TableSelectAll, Tabs, TabsContent, TabsList, TabsTrigger, type TabsVariant, Text, type TextProps, Textarea, type TextareaProps, type TimeRange, type TimeValue, 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 };
+export { type ActionColumn, Badge, type BadgeProps, Button, type ButtonProps, Caption, type CaptionProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Code, type CodeProps, type ColumnDef, ColumnSelection, type ColumnSelectionProps, type ComparisonPeriod, type ContentRow, DEFAULT_COMPARISON_PERIODS, DEFAULT_PRESETS, DEFAULT_TIME_RANGE, type DateRange, DateRangePicker, DateRangePickerMobile, type DateRangePickerMobileProps, type DateRangePickerProps, type DetailRow, 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, MobileDataCard, type MobileDataCardProps, type MobileDataCardSelectBarProps, PeriodComparisonSelector, type PeriodComparisonSelectorProps, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, type PresetOption, type PresetSection, SegmentedControl, type SegmentedControlOption, type SegmentedControlProps, type SegmentedControlRadius, Select, SelectBar, type SelectBarOption, type SelectBarProps, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, type SeparatorProps, Skeleton, SkeletonAvatar, SkeletonBadge, SkeletonButton, SkeletonCard, SkeletonIcon, SkeletonInput, SkeletonSubtitle, SkeletonTableRow, SkeletonTableRows, SkeletonText, SkeletonTitle, type StatItem, Switch, type SwitchProps, Table, TableBody, TableCaption, TableCell, type TableCellProps, TableFooter, TableHead, TableHeader, type TableProps, TableRow, TableRowCheckbox, TableSelectAll, Tabs, TabsContent, TabsList, TabsTrigger, type TabsVariant, Text, type TextProps, Textarea, type TextareaProps, type TimeRange, type TimeValue, 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 };

package/dist/primitives.d.ts

@@ -175,6 +175,39 @@ declare const SelectLabel: React$1.ForwardRefExoticComponent<Omit<SelectPrimitiv
 declare const SelectItem: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 declare const SelectSeparator: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 
+interface SelectBarOption {
+    label: string;
+    value: string;
+    disabled?: boolean;
+}
+interface SelectBarProps {
+    options: SelectBarOption[];
+    /** Controlled single value */
+    value?: string;
+    /** Single-select change handler */
+    onChange?: (value: string | undefined) => void;
+    /** Enable multi-select mode */
+    multiple?: boolean;
+    /** Controlled multi-select values */
+    multiValue?: string[];
+    /** Multi-select change handler */
+    onMultiChange?: (values: string[]) => void;
+    /** Require explicit Apply to commit selection */
+    manualApply?: boolean;
+    /** Show search input in dropdown */
+    searchable?: boolean;
+    /** Placeholder for search input */
+    searchPlaceholder?: string;
+    /** Trigger placeholder text */
+    placeholder?: string;
+    /** Label rendered above trigger */
+    label?: string;
+    /** Disable the entire component */
+    disabled?: boolean;
+    className?: string;
+}
+declare const SelectBar: React$1.ForwardRefExoticComponent<SelectBarProps & React$1.RefAttributes<HTMLButtonElement>>;
+
 declare const separatorVariants: (props?: ({
     orientation?: "horizontal" | "vertical" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
@@ -520,7 +553,7 @@ interface DateRangePickerMobileProps {
 }
 declare function DateRangePickerMobile({ label, value, onChange, presets, presetSections, placeholder, disabled, className, showTimePicker, timeValue, onTimeChange, }: DateRangePickerMobileProps): react_jsx_runtime.JSX.Element;
 
-interface SelectBarProps {
+interface MobileDataCardSelectBarProps {
     isSelected: boolean;
     onToggle: (e: React.SyntheticEvent) => void;
     badge?: ReactNode;
@@ -546,7 +579,7 @@ interface MobileDataCardProps {
     contentRows?: ContentRow[];
     onPress?: () => void;
     showChevron?: boolean;
-    selectBar?: SelectBarProps;
+    selectBar?: MobileDataCardSelectBarProps;
     stats?: StatItem[];
     statColumns?: 2 | 3 | 4 | 5;
     statsRenderer?: ReactNode;
@@ -581,4 +614,4 @@ interface PeriodComparisonSelectorProps {
 declare const DEFAULT_COMPARISON_PERIODS: ComparisonPeriod[];
 declare function PeriodComparisonSelector({ value, onChange, options, mode, size, placeholder, disabled, className, }: PeriodComparisonSelectorProps): react_jsx_runtime.JSX.Element;
 
-export { type ActionColumn, Badge, type BadgeProps, Button, type ButtonProps, Caption, type CaptionProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Code, type CodeProps, type ColumnDef, ColumnSelection, type ColumnSelectionProps, type ComparisonPeriod, type ContentRow, DEFAULT_COMPARISON_PERIODS, DEFAULT_PRESETS, DEFAULT_TIME_RANGE, type DateRange, DateRangePicker, DateRangePickerMobile, type DateRangePickerMobileProps, type DateRangePickerProps, type DetailRow, 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, MobileDataCard, type MobileDataCardProps, PeriodComparisonSelector, type PeriodComparisonSelectorProps, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, type PresetOption, type PresetSection, SegmentedControl, type SegmentedControlOption, type SegmentedControlProps, type SegmentedControlRadius, Select, type SelectBarProps, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, type SeparatorProps, Skeleton, SkeletonAvatar, SkeletonBadge, SkeletonButton, SkeletonCard, SkeletonIcon, SkeletonInput, SkeletonSubtitle, SkeletonTableRow, SkeletonTableRows, SkeletonText, SkeletonTitle, type StatItem, Switch, type SwitchProps, Table, TableBody, TableCaption, TableCell, type TableCellProps, TableFooter, TableHead, TableHeader, type TableProps, TableRow, TableRowCheckbox, TableSelectAll, Tabs, TabsContent, TabsList, TabsTrigger, type TabsVariant, Text, type TextProps, Textarea, type TextareaProps, type TimeRange, type TimeValue, 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 };
+export { type ActionColumn, Badge, type BadgeProps, Button, type ButtonProps, Caption, type CaptionProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Code, type CodeProps, type ColumnDef, ColumnSelection, type ColumnSelectionProps, type ComparisonPeriod, type ContentRow, DEFAULT_COMPARISON_PERIODS, DEFAULT_PRESETS, DEFAULT_TIME_RANGE, type DateRange, DateRangePicker, DateRangePickerMobile, type DateRangePickerMobileProps, type DateRangePickerProps, type DetailRow, 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, MobileDataCard, type MobileDataCardProps, type MobileDataCardSelectBarProps, PeriodComparisonSelector, type PeriodComparisonSelectorProps, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, type PresetOption, type PresetSection, SegmentedControl, type SegmentedControlOption, type SegmentedControlProps, type SegmentedControlRadius, Select, SelectBar, type SelectBarOption, type SelectBarProps, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, type SeparatorProps, Skeleton, SkeletonAvatar, SkeletonBadge, SkeletonButton, SkeletonCard, SkeletonIcon, SkeletonInput, SkeletonSubtitle, SkeletonTableRow, SkeletonTableRows, SkeletonText, SkeletonTitle, type StatItem, Switch, type SwitchProps, Table, TableBody, TableCaption, TableCell, type TableCellProps, TableFooter, TableHead, TableHeader, type TableProps, TableRow, TableRowCheckbox, TableSelectAll, Tabs, TabsContent, TabsList, TabsTrigger, type TabsVariant, Text, type TextProps, Textarea, type TextareaProps, type TimeRange, type TimeValue, 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 };