@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/{chunk-YO72COII.js → chunk-7WVGPVSG.js} +10 -3
- package/dist/chunk-7WVGPVSG.js.map +1 -0
- package/dist/{chunk-A4QVL4JL.mjs → chunk-G36NTARE.mjs} +3 -3
- package/dist/{chunk-A4QVL4JL.mjs.map → chunk-G36NTARE.mjs.map} +1 -1
- package/dist/{chunk-US6BPM62.mjs → chunk-KQYOZC7B.mjs} +194 -15
- package/dist/chunk-KQYOZC7B.mjs.map +1 -0
- package/dist/{chunk-6CAMHXUV.js → chunk-QCQOCLJH.js} +77 -77
- package/dist/{chunk-6CAMHXUV.js.map → chunk-QCQOCLJH.js.map} +1 -1
- package/dist/{chunk-E3UN74IA.mjs → chunk-THQLVDXH.mjs} +10 -3
- package/dist/chunk-THQLVDXH.mjs.map +1 -0
- package/dist/{chunk-BVQVZKMM.js → chunk-UWBZTH6L.js} +265 -85
- package/dist/chunk-UWBZTH6L.js.map +1 -0
- package/dist/enhanced.d.mts +1 -0
- package/dist/enhanced.d.ts +1 -0
- package/dist/enhanced.js +28 -28
- package/dist/enhanced.mjs +2 -2
- package/dist/index.d.mts +1 -8
- package/dist/index.d.ts +1 -8
- package/dist/index.js +146 -138
- package/dist/index.mjs +3 -3
- package/dist/primitives.d.mts +54 -19
- package/dist/primitives.d.ts +54 -19
- package/dist/primitives.js +118 -110
- package/dist/primitives.mjs +2 -2
- package/package.json +1 -1
- package/dist/chunk-BVQVZKMM.js.map +0 -1
- package/dist/chunk-E3UN74IA.mjs.map +0 -1
- package/dist/chunk-US6BPM62.mjs.map +0 -1
- package/dist/chunk-YO72COII.js.map +0 -1
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-
|
|
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-
|
|
3
|
-
export { Badge, Caption, Code, Heading, Label, Text, badgeVariants, captionVariants, cn, codeVariants, headingVariants, labelVariants, textVariants } from './chunk-
|
|
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';
|
package/dist/primitives.d.mts
CHANGED
|
@@ -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?: "
|
|
25
|
-
size?: "
|
|
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
|
|
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
|
-
|
|
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?: "
|
|
329
|
+
size?: "sm" | "lg" | "default" | null | undefined;
|
|
295
330
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
296
331
|
declare const toggleItemVariants: (props?: ({
|
|
297
|
-
size?: "
|
|
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?: "
|
|
353
|
+
size?: "sm" | "lg" | "default" | null | undefined;
|
|
319
354
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
320
355
|
declare const segmentedControlItemVariants: (props?: ({
|
|
321
|
-
size?: "
|
|
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?: "
|
|
373
|
+
size?: "sm" | "lg" | "default" | null | undefined;
|
|
339
374
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
340
375
|
declare const switchThumbVariants: (props?: ({
|
|
341
|
-
size?: "
|
|
376
|
+
size?: "sm" | "lg" | "default" | null | undefined;
|
|
342
377
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
343
378
|
declare const switchLabelVariants: (props?: ({
|
|
344
|
-
size?: "
|
|
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?: "
|
|
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?: "
|
|
368
|
-
color?: "default" | "success" | "warning" | "muted" | "error" |
|
|
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?: "
|
|
379
|
-
color?: "default" | "success" | "warning" | "muted" | "error" |
|
|
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?: "
|
|
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 };
|
package/dist/primitives.d.ts
CHANGED
|
@@ -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?: "
|
|
25
|
-
size?: "
|
|
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
|
|
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
|
-
|
|
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?: "
|
|
329
|
+
size?: "sm" | "lg" | "default" | null | undefined;
|
|
295
330
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
296
331
|
declare const toggleItemVariants: (props?: ({
|
|
297
|
-
size?: "
|
|
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?: "
|
|
353
|
+
size?: "sm" | "lg" | "default" | null | undefined;
|
|
319
354
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
320
355
|
declare const segmentedControlItemVariants: (props?: ({
|
|
321
|
-
size?: "
|
|
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?: "
|
|
373
|
+
size?: "sm" | "lg" | "default" | null | undefined;
|
|
339
374
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
340
375
|
declare const switchThumbVariants: (props?: ({
|
|
341
|
-
size?: "
|
|
376
|
+
size?: "sm" | "lg" | "default" | null | undefined;
|
|
342
377
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
343
378
|
declare const switchLabelVariants: (props?: ({
|
|
344
|
-
size?: "
|
|
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?: "
|
|
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?: "
|
|
368
|
-
color?: "default" | "success" | "warning" | "muted" | "error" |
|
|
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?: "
|
|
379
|
-
color?: "default" | "success" | "warning" | "muted" | "error" |
|
|
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?: "
|
|
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 };
|