@pos-360/horizon 0.13.0 → 0.15.0

package/dist/primitives.d.mts

@@ -149,7 +149,15 @@ declare const PopoverContent: React.ForwardRefExoticComponent<Omit<PopoverPrimit
 
 declare const Select: React.FC<React.ComponentProps<typeof SelectPrimitive.Root>>;
 declare const SelectGroup: React.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React.RefAttributes<HTMLDivElement>>;
-declare const SelectValue: React.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React.RefAttributes<HTMLSpanElement>>;
+interface SelectValueProps extends Omit<React.ComponentPropsWithoutRef<typeof SelectPrimitive.Value>, "children"> {
+    /**
+     * The label to display for the current value.
+     * Pass `options.find(o => o.value === value)?.label` here.
+     * When undefined (no value selected), `placeholder` is shown instead.
+     */
+    children?: React.ReactNode;
+}
+declare const SelectValue: React.ForwardRefExoticComponent<SelectValueProps & React.RefAttributes<HTMLSpanElement>>;
 declare const SelectTrigger: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 declare const SelectScrollUpButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollUpButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const SelectScrollDownButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollDownButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
@@ -221,15 +229,33 @@ interface TableContextValue {
     registerRowId: (rowId: string) => void;
     unregisterRowId: (rowId: string) => void;
 }
-interface TableProps extends React.HTMLAttributes<HTMLTableElement> {
+interface ColumnDef<T = any> {
+    key: string;
+    label: string;
+    cell: (row: T) => React.ReactNode;
+    sticky?: boolean;
+    /** Used by `useColumnVisibility` to set initial visible columns on desktop */
+    defaultVisible?: boolean;
+    /** Used by `useColumnVisibility` to set initial visible columns on mobile (viewport < 768px) */
+    mobileVisible?: boolean;
+    minWidth?: number;
+}
+interface TableProps<T = any> extends React.HTMLAttributes<HTMLTableElement> {
     selectable?: boolean;
     selectionMode?: SelectionMode;
     selectedRows?: string[];
     onSelectionChange?: (selectedRows: string[]) => void;
     getRowId?: (row: any) => string;
     rows?: any[];
-}
-declare const Table: React.ForwardRefExoticComponent<TableProps & React.RefAttributes<HTMLTableElement>>;
+    columns?: ColumnDef<T>[];
+    data?: T[];
+    visibleColumns?: string[];
+    showDividers?: boolean;
+    highlightMode?: "row" | "column" | "cross" | "none";
+}
+declare const Table: <T = any>(props: TableProps<T> & {
+    ref?: React.Ref<HTMLTableElement>;
+}) => React.ReactElement | null;
 declare const TableHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
 declare const TableBody: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
 declare const TableFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
@@ -239,7 +265,15 @@ interface TableRowProps extends React.HTMLAttributes<HTMLTableRowElement> {
 }
 declare const TableRow: React.ForwardRefExoticComponent<TableRowProps & React.RefAttributes<HTMLTableRowElement>>;
 declare const TableHead: React.ForwardRefExoticComponent<React.ThHTMLAttributes<HTMLTableCellElement> & React.RefAttributes<HTMLTableCellElement>>;
-declare const TableCell: React.ForwardRefExoticComponent<React.TdHTMLAttributes<HTMLTableCellElement> & React.RefAttributes<HTMLTableCellElement>>;
+interface TableCellProps extends React.TdHTMLAttributes<HTMLTableCellElement> {
+    /**
+     * "default" — standard p-4 padding for text content.
+     * "embed"   — compact p-1.5 padding for cells that contain interactive
+     *             components (Input, Select, Toggle, etc.).
+     */
+    variant?: "default" | "embed";
+}
+declare const TableCell: React.ForwardRefExoticComponent<TableCellProps & React.RefAttributes<HTMLTableCellElement>>;
 declare const TableCaption: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableCaptionElement> & React.RefAttributes<HTMLTableCaptionElement>>;
 interface TableSelectAllProps {
     className?: string;
@@ -253,6 +287,22 @@ interface TableRowCheckboxProps {
 declare const TableRowCheckbox: React.ForwardRefExoticComponent<TableRowCheckboxProps & React.RefAttributes<HTMLDivElement>>;
 declare const useTableSelection: () => TableContextValue;
 
+interface UseColumnVisibilityOptions {
+    storageKey?: string;
+}
+declare function useColumnVisibility<T = any>(columns: ColumnDef<T>[], options?: UseColumnVisibilityOptions): {
+    visibleColumns: string[];
+    setVisibleColumns: (cols: string[]) => void;
+};
+
+interface ColumnPickerProps<T = any> {
+    columns: ColumnDef<T>[];
+    visibleColumns: string[];
+    onVisibleColumnsChange: (cols: string[]) => void;
+    triggerLabel?: string;
+}
+declare function ColumnPicker<T = any>({ columns, visibleColumns, onVisibleColumnsChange, triggerLabel, }: ColumnPickerProps<T>): react_jsx_runtime.JSX.Element;
+
 interface TabsProps extends React.ComponentPropsWithoutRef<typeof TabsPrimitive.Root> {
     defaultValue?: string;
     value?: string;
@@ -374,4 +424,4 @@ interface CodeProps extends Omit<React.HTMLAttributes<HTMLElement>, "color">, Va
 }
 declare const Code: React.ForwardRefExoticComponent<CodeProps & React.RefAttributes<HTMLElement>>;
 
-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, 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 };
+export { Badge, type BadgeProps, Button, type ButtonProps, Caption, type CaptionProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Code, type CodeProps, type ColumnDef, ColumnPicker, type ColumnPickerProps, 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 };

package/dist/primitives.d.ts

@@ -149,7 +149,15 @@ declare const PopoverContent: React.ForwardRefExoticComponent<Omit<PopoverPrimit
 
 declare const Select: React.FC<React.ComponentProps<typeof SelectPrimitive.Root>>;
 declare const SelectGroup: React.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React.RefAttributes<HTMLDivElement>>;
-declare const SelectValue: React.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React.RefAttributes<HTMLSpanElement>>;
+interface SelectValueProps extends Omit<React.ComponentPropsWithoutRef<typeof SelectPrimitive.Value>, "children"> {
+    /**
+     * The label to display for the current value.
+     * Pass `options.find(o => o.value === value)?.label` here.
+     * When undefined (no value selected), `placeholder` is shown instead.
+     */
+    children?: React.ReactNode;
+}
+declare const SelectValue: React.ForwardRefExoticComponent<SelectValueProps & React.RefAttributes<HTMLSpanElement>>;
 declare const SelectTrigger: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 declare const SelectScrollUpButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollUpButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const SelectScrollDownButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollDownButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
@@ -221,15 +229,33 @@ interface TableContextValue {
     registerRowId: (rowId: string) => void;
     unregisterRowId: (rowId: string) => void;
 }
-interface TableProps extends React.HTMLAttributes<HTMLTableElement> {
+interface ColumnDef<T = any> {
+    key: string;
+    label: string;
+    cell: (row: T) => React.ReactNode;
+    sticky?: boolean;
+    /** Used by `useColumnVisibility` to set initial visible columns on desktop */
+    defaultVisible?: boolean;
+    /** Used by `useColumnVisibility` to set initial visible columns on mobile (viewport < 768px) */
+    mobileVisible?: boolean;
+    minWidth?: number;
+}
+interface TableProps<T = any> extends React.HTMLAttributes<HTMLTableElement> {
     selectable?: boolean;
     selectionMode?: SelectionMode;
     selectedRows?: string[];
     onSelectionChange?: (selectedRows: string[]) => void;
     getRowId?: (row: any) => string;
     rows?: any[];
-}
-declare const Table: React.ForwardRefExoticComponent<TableProps & React.RefAttributes<HTMLTableElement>>;
+    columns?: ColumnDef<T>[];
+    data?: T[];
+    visibleColumns?: string[];
+    showDividers?: boolean;
+    highlightMode?: "row" | "column" | "cross" | "none";
+}
+declare const Table: <T = any>(props: TableProps<T> & {
+    ref?: React.Ref<HTMLTableElement>;
+}) => React.ReactElement | null;
 declare const TableHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
 declare const TableBody: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
 declare const TableFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
@@ -239,7 +265,15 @@ interface TableRowProps extends React.HTMLAttributes<HTMLTableRowElement> {
 }
 declare const TableRow: React.ForwardRefExoticComponent<TableRowProps & React.RefAttributes<HTMLTableRowElement>>;
 declare const TableHead: React.ForwardRefExoticComponent<React.ThHTMLAttributes<HTMLTableCellElement> & React.RefAttributes<HTMLTableCellElement>>;
-declare const TableCell: React.ForwardRefExoticComponent<React.TdHTMLAttributes<HTMLTableCellElement> & React.RefAttributes<HTMLTableCellElement>>;
+interface TableCellProps extends React.TdHTMLAttributes<HTMLTableCellElement> {
+    /**
+     * "default" — standard p-4 padding for text content.
+     * "embed"   — compact p-1.5 padding for cells that contain interactive
+     *             components (Input, Select, Toggle, etc.).
+     */
+    variant?: "default" | "embed";
+}
+declare const TableCell: React.ForwardRefExoticComponent<TableCellProps & React.RefAttributes<HTMLTableCellElement>>;
 declare const TableCaption: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableCaptionElement> & React.RefAttributes<HTMLTableCaptionElement>>;
 interface TableSelectAllProps {
     className?: string;
@@ -253,6 +287,22 @@ interface TableRowCheckboxProps {
 declare const TableRowCheckbox: React.ForwardRefExoticComponent<TableRowCheckboxProps & React.RefAttributes<HTMLDivElement>>;
 declare const useTableSelection: () => TableContextValue;
 
+interface UseColumnVisibilityOptions {
+    storageKey?: string;
+}
+declare function useColumnVisibility<T = any>(columns: ColumnDef<T>[], options?: UseColumnVisibilityOptions): {
+    visibleColumns: string[];
+    setVisibleColumns: (cols: string[]) => void;
+};
+
+interface ColumnPickerProps<T = any> {
+    columns: ColumnDef<T>[];
+    visibleColumns: string[];
+    onVisibleColumnsChange: (cols: string[]) => void;
+    triggerLabel?: string;
+}
+declare function ColumnPicker<T = any>({ columns, visibleColumns, onVisibleColumnsChange, triggerLabel, }: ColumnPickerProps<T>): react_jsx_runtime.JSX.Element;
+
 interface TabsProps extends React.ComponentPropsWithoutRef<typeof TabsPrimitive.Root> {
     defaultValue?: string;
     value?: string;
@@ -374,4 +424,4 @@ interface CodeProps extends Omit<React.HTMLAttributes<HTMLElement>, "color">, Va
 }
 declare const Code: React.ForwardRefExoticComponent<CodeProps & React.RefAttributes<HTMLElement>>;
 
-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, 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 };
+export { Badge, type BadgeProps, Button, type ButtonProps, Caption, type CaptionProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Code, type CodeProps, type ColumnDef, ColumnPicker, type ColumnPickerProps, 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 };