@pos-360/horizon 0.11.0 → 0.12.1

package/dist/primitives.d.mts

@@ -9,6 +9,9 @@ import * as LabelPrimitive from '@radix-ui/react-label';
 import * as PopoverPrimitive from '@radix-ui/react-popover';
 import * as SelectPrimitive from '@radix-ui/react-select';
 import * as TabsPrimitive from '@radix-ui/react-tabs';
+import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
+import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
+import * as SwitchPrimitive from '@radix-ui/react-switch';
 
 declare const badgeVariants: (props?: ({
     variant?: "default" | "secondary" | "destructive" | "outline" | "success" | "warning" | "info" | "purple" | "purpleOutline" | null | undefined;
@@ -250,7 +253,6 @@ interface TableRowCheckboxProps {
 declare const TableRowCheckbox: React.ForwardRefExoticComponent<TableRowCheckboxProps & React.RefAttributes<HTMLDivElement>>;
 declare const useTableSelection: () => TableContextValue;
 
-type TabsColor = "default" | "primary" | "success" | "danger" | "warning" | "secondary";
 interface TabsProps extends React.ComponentPropsWithoutRef<typeof TabsPrimitive.Root> {
     defaultValue?: string;
     value?: string;
@@ -258,7 +260,6 @@ interface TabsProps extends React.ComponentPropsWithoutRef<typeof TabsPrimitive.
 }
 declare const Tabs: React.ForwardRefExoticComponent<TabsProps & React.RefAttributes<HTMLDivElement>>;
 interface TabsListProps extends React.ComponentPropsWithoutRef<typeof TabsPrimitive.List> {
-    color?: TabsColor;
 }
 declare const TabsList: React.ForwardRefExoticComponent<TabsListProps & React.RefAttributes<HTMLDivElement>>;
 interface TabsTriggerProps extends React.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger> {
@@ -275,19 +276,59 @@ declare const toggleGroupVariants: (props?: ({
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const toggleItemVariants: (props?: ({
     size?: "default" | "sm" | "lg" | null | undefined;
-    active?: boolean | null | undefined;
+    iconOnly?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
+type ToggleRadius = "none" | "sm" | "md" | "lg" | "full";
 interface ToggleOption {
-    label: string;
     value: string;
+    label?: string;
+    icon?: React.ReactNode;
     disabled?: boolean;
+    ariaLabel?: string;
 }
-interface ToggleProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onChange">, VariantProps<typeof toggleGroupVariants> {
+interface ToggleProps extends Omit<React.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Root>, "onChange" | "onValueChange" | "type" | "value" | "defaultValue">, VariantProps<typeof toggleGroupVariants> {
     options: ToggleOption[];
+    value?: string[];
+    onChange?: (value: string[]) => void;
+    defaultValue?: string[];
+    radius?: ToggleRadius;
+}
+declare function Toggle({ className, options, value, onChange, size, radius, ...props }: ToggleProps): react_jsx_runtime.JSX.Element;
+
+declare const segmentedControlVariants: (props?: ({
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const segmentedControlItemVariants: (props?: ({
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type SegmentedControlRadius = "none" | "sm" | "md" | "lg" | "full";
+interface SegmentedControlOption {
+    label: string;
     value: string;
-    onChange: (value: string) => void;
+    disabled?: boolean;
+}
+interface SegmentedControlProps extends Omit<React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root>, "onChange" | "onValueChange" | "value">, VariantProps<typeof segmentedControlVariants> {
+    options: SegmentedControlOption[];
+    value?: string;
+    onChange?: (value: string) => void;
+    radius?: SegmentedControlRadius;
+}
+declare function SegmentedControl({ className, options, value, onChange, size, radius, ...props }: SegmentedControlProps): react_jsx_runtime.JSX.Element;
+
+declare const switchTrackVariants: (props?: ({
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const switchThumbVariants: (props?: ({
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const switchLabelVariants: (props?: ({
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface SwitchProps extends React.ComponentPropsWithoutRef<typeof SwitchPrimitive.Root>, VariantProps<typeof switchTrackVariants> {
+    label?: string;
+    labelPosition?: "left" | "right";
 }
-declare function Toggle({ className, options, value, onChange, size, ...props }: ToggleProps): react_jsx_runtime.JSX.Element;
+declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLButtonElement>>;
 
 declare const headingVariants: (props?: ({
     level?: 1 | 3 | 4 | 2 | 5 | 6 | null | undefined;
@@ -330,4 +371,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, 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, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, TableRowCheckbox, TableSelectAll, Tabs, type TabsColor, TabsContent, TabsList, TabsTrigger, Text, type TextProps, Textarea, type TextareaProps, Toggle, type ToggleOption, type ToggleProps, badgeVariants, buttonVariants, captionVariants, codeVariants, headingVariants, labelVariants, separatorVariants, 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, 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, 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 };

package/dist/primitives.d.ts

@@ -9,6 +9,9 @@ import * as LabelPrimitive from '@radix-ui/react-label';
 import * as PopoverPrimitive from '@radix-ui/react-popover';
 import * as SelectPrimitive from '@radix-ui/react-select';
 import * as TabsPrimitive from '@radix-ui/react-tabs';
+import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
+import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
+import * as SwitchPrimitive from '@radix-ui/react-switch';
 
 declare const badgeVariants: (props?: ({
     variant?: "default" | "secondary" | "destructive" | "outline" | "success" | "warning" | "info" | "purple" | "purpleOutline" | null | undefined;
@@ -250,7 +253,6 @@ interface TableRowCheckboxProps {
 declare const TableRowCheckbox: React.ForwardRefExoticComponent<TableRowCheckboxProps & React.RefAttributes<HTMLDivElement>>;
 declare const useTableSelection: () => TableContextValue;
 
-type TabsColor = "default" | "primary" | "success" | "danger" | "warning" | "secondary";
 interface TabsProps extends React.ComponentPropsWithoutRef<typeof TabsPrimitive.Root> {
     defaultValue?: string;
     value?: string;
@@ -258,7 +260,6 @@ interface TabsProps extends React.ComponentPropsWithoutRef<typeof TabsPrimitive.
 }
 declare const Tabs: React.ForwardRefExoticComponent<TabsProps & React.RefAttributes<HTMLDivElement>>;
 interface TabsListProps extends React.ComponentPropsWithoutRef<typeof TabsPrimitive.List> {
-    color?: TabsColor;
 }
 declare const TabsList: React.ForwardRefExoticComponent<TabsListProps & React.RefAttributes<HTMLDivElement>>;
 interface TabsTriggerProps extends React.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger> {
@@ -275,19 +276,59 @@ declare const toggleGroupVariants: (props?: ({
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const toggleItemVariants: (props?: ({
     size?: "default" | "sm" | "lg" | null | undefined;
-    active?: boolean | null | undefined;
+    iconOnly?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
+type ToggleRadius = "none" | "sm" | "md" | "lg" | "full";
 interface ToggleOption {
-    label: string;
     value: string;
+    label?: string;
+    icon?: React.ReactNode;
     disabled?: boolean;
+    ariaLabel?: string;
 }
-interface ToggleProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onChange">, VariantProps<typeof toggleGroupVariants> {
+interface ToggleProps extends Omit<React.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Root>, "onChange" | "onValueChange" | "type" | "value" | "defaultValue">, VariantProps<typeof toggleGroupVariants> {
     options: ToggleOption[];
+    value?: string[];
+    onChange?: (value: string[]) => void;
+    defaultValue?: string[];
+    radius?: ToggleRadius;
+}
+declare function Toggle({ className, options, value, onChange, size, radius, ...props }: ToggleProps): react_jsx_runtime.JSX.Element;
+
+declare const segmentedControlVariants: (props?: ({
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const segmentedControlItemVariants: (props?: ({
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type SegmentedControlRadius = "none" | "sm" | "md" | "lg" | "full";
+interface SegmentedControlOption {
+    label: string;
     value: string;
-    onChange: (value: string) => void;
+    disabled?: boolean;
+}
+interface SegmentedControlProps extends Omit<React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root>, "onChange" | "onValueChange" | "value">, VariantProps<typeof segmentedControlVariants> {
+    options: SegmentedControlOption[];
+    value?: string;
+    onChange?: (value: string) => void;
+    radius?: SegmentedControlRadius;
+}
+declare function SegmentedControl({ className, options, value, onChange, size, radius, ...props }: SegmentedControlProps): react_jsx_runtime.JSX.Element;
+
+declare const switchTrackVariants: (props?: ({
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const switchThumbVariants: (props?: ({
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const switchLabelVariants: (props?: ({
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface SwitchProps extends React.ComponentPropsWithoutRef<typeof SwitchPrimitive.Root>, VariantProps<typeof switchTrackVariants> {
+    label?: string;
+    labelPosition?: "left" | "right";
 }
-declare function Toggle({ className, options, value, onChange, size, ...props }: ToggleProps): react_jsx_runtime.JSX.Element;
+declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLButtonElement>>;
 
 declare const headingVariants: (props?: ({
     level?: 1 | 3 | 4 | 2 | 5 | 6 | null | undefined;
@@ -330,4 +371,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, 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, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, TableRowCheckbox, TableSelectAll, Tabs, type TabsColor, TabsContent, TabsList, TabsTrigger, Text, type TextProps, Textarea, type TextareaProps, Toggle, type ToggleOption, type ToggleProps, badgeVariants, buttonVariants, captionVariants, codeVariants, headingVariants, labelVariants, separatorVariants, 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, 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, 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 };