npm - @atom-learning/components - Versions diffs - 6.2.1 → 6.3.1 - Mend

@atom-learning/components 6.2.1 → 6.3.1

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.

Files changed (550) hide show

package/dist/components/checkbox-tree/CheckboxTree.d.ts CHANGED Viewed

@@ -1,17 +1,20 @@
 import React from 'react';
-import { CheckboxGroup } from '../checkbox-group';
-import { Tree } from '../tree';
+import { CheckboxGroup } from '../checkbox-group/CheckboxGroup';
+import { Tree } from '../tree/Tree';
 type CheckboxTreeRootProps = Omit<React.ComponentProps<typeof CheckboxGroup> & React.ComponentProps<typeof Tree>, 'asChild'>;
 export declare const CheckboxTreeRoot: ({ checked, defaultChecked, onCheckedChange, ...rest }: CheckboxTreeRootProps) => React.JSX.Element;
 export declare const CheckboxTree: (({ checked, defaultChecked, onCheckedChange, ...rest }: CheckboxTreeRootProps) => React.JSX.Element) & {
     Collapsible: ({ children, ...rest }: {
+        content?: string | undefined | undefined;
+        translate?: "yes" | "no" | undefined | undefined;
+        color?: string | undefined | undefined;
+        prefix?: string | undefined | undefined;
         children?: React.ReactNode;
         slot?: string | undefined | undefined;
         style?: React.CSSProperties | undefined;
         title?: string | undefined | undefined;
         ref?: React.Ref<HTMLLIElement> | undefined;
         className?: string | undefined | undefined;
-        color?: string | undefined | undefined;
         id?: string | undefined | undefined;
         lang?: string | undefined | undefined;
         role?: React.AriaRole | undefined;
@@ -234,7 +237,7 @@ export declare const CheckboxTree: (({ checked, defaultChecked, onCheckedChange,
         suppressHydrationWarning?: boolean | undefined | undefined;
         accessKey?: string | undefined | undefined;
         autoFocus?: boolean | undefined | undefined;
-        contentEditable?: "inherit" | (boolean | "true" | "false") | undefined;
+        contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
         contextMenu?: string | undefined | undefined;
         dir?: string | undefined | undefined;
         draggable?: (boolean | "true" | "false") | undefined;
@@ -242,13 +245,10 @@ export declare const CheckboxTree: (({ checked, defaultChecked, onCheckedChange,
         nonce?: string | undefined | undefined;
         placeholder?: string | undefined | undefined;
         spellCheck?: (boolean | "true" | "false") | undefined;
-        translate?: "yes" | "no" | undefined | undefined;
         radioGroup?: string | undefined | undefined;
         about?: string | undefined | undefined;
-        content?: string | undefined | undefined;
         datatype?: string | undefined | undefined;
         inlist?: any;
-        prefix?: string | undefined | undefined;
         property?: string | undefined | undefined;
         rel?: string | undefined | undefined;
         resource?: string | undefined | undefined;
@@ -268,20 +268,25 @@ export declare const CheckboxTree: (({ checked, defaultChecked, onCheckedChange,
         unselectable?: "on" | "off" | undefined | undefined;
         inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
         is?: string | undefined | undefined;
-        as?: React.ElementType | undefined;
         disabled?: boolean | undefined;
+        as?: React.ElementType | undefined;
         open?: boolean | undefined;
         defaultOpen?: boolean | undefined;
         onOpenChange?: ((open: boolean) => void) | undefined;
     }) => JSX.Element;
     CollapsibleContent: ({ children, ...rest }: {
+        content?: string | undefined | undefined;
+        gap?: (0 | 1 | "0" | "1" | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "24" | 24 | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", 0 | 1 | "0" | "1" | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "24" | 24>>) | undefined;
+        translate?: "yes" | "no" | undefined | undefined;
+        wrap?: ("wrap" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "nowrap" | "wrap-reverse" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "wrap" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "nowrap" | "wrap-reverse">>) | undefined;
+        color?: string | undefined | undefined;
+        prefix?: string | undefined | undefined;
         children?: React.ReactNode;
         slot?: string | undefined | undefined;
         style?: React.CSSProperties | undefined;
         title?: string | undefined | undefined;
         ref?: React.Ref<HTMLElement> | undefined;
         className?: string | undefined | undefined;
-        color?: string | undefined | undefined;
         id?: string | undefined | undefined;
         lang?: string | undefined | undefined;
         role?: React.AriaRole | undefined;
@@ -504,7 +509,7 @@ export declare const CheckboxTree: (({ checked, defaultChecked, onCheckedChange,
         suppressHydrationWarning?: boolean | undefined | undefined;
         accessKey?: string | undefined | undefined;
         autoFocus?: boolean | undefined | undefined;
-        contentEditable?: "inherit" | (boolean | "true" | "false") | undefined;
+        contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
         contextMenu?: string | undefined | undefined;
         dir?: string | undefined | undefined;
         draggable?: (boolean | "true" | "false") | undefined;
@@ -512,13 +517,10 @@ export declare const CheckboxTree: (({ checked, defaultChecked, onCheckedChange,
         nonce?: string | undefined | undefined;
         placeholder?: string | undefined | undefined;
         spellCheck?: (boolean | "true" | "false") | undefined;
-        translate?: "yes" | "no" | undefined | undefined;
         radioGroup?: string | undefined | undefined;
         about?: string | undefined | undefined;
-        content?: string | undefined | undefined;
         datatype?: string | undefined | undefined;
         inlist?: any;
-        prefix?: string | undefined | undefined;
         property?: string | undefined | undefined;
         rel?: string | undefined | undefined;
         resource?: string | undefined | undefined;
@@ -539,13 +541,18 @@ export declare const CheckboxTree: (({ checked, defaultChecked, onCheckedChange,
         inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
         is?: string | undefined | undefined;
         as?: React.ElementType | undefined;
-        align?: ("end" | "start" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "center" | "flex-start" | "flex-end" | "stretch" | "self-start" | "self-end" | "baseline" | "first baseline" | "last baseline" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "end" | "start" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "center" | "flex-start" | "flex-end" | "stretch" | "self-start" | "self-end" | "baseline" | "first baseline" | "last baseline">>) | undefined;
-        wrap?: ("wrap" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "nowrap" | "wrap-reverse" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "wrap" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "nowrap" | "wrap-reverse">>) | undefined;
-        justify?: ("end" | "start" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "center" | "flex-start" | "flex-end" | "left" | "right" | "space-between" | "space-around" | "space-evenly" | "stretch" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "end" | "start" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "center" | "flex-start" | "flex-end" | "left" | "right" | "space-between" | "space-around" | "space-evenly" | "stretch">>) | undefined;
-        gap?: (0 | 1 | 2 | "0" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "1" | "2" | "3" | "4" | "24" | "5" | "6" | "7" | "8" | "9" | 24 | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", 0 | 1 | 2 | "0" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "1" | "2" | "3" | "4" | "24" | "5" | "6" | "7" | "8" | "9" | 24>>) | undefined;
+        align?: ("end" | "start" | "inherit" | "baseline" | "initial" | "center" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "flex-start" | "flex-end" | "stretch" | "self-start" | "self-end" | "first baseline" | "last baseline" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "end" | "start" | "inherit" | "baseline" | "initial" | "center" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "flex-start" | "flex-end" | "stretch" | "self-start" | "self-end" | "first baseline" | "last baseline">>) | undefined;
         forceMount?: true | undefined;
+        justify?: ("end" | "left" | "right" | "start" | "inherit" | "initial" | "center" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | "stretch" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "end" | "left" | "right" | "start" | "inherit" | "initial" | "center" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | "stretch">>) | undefined;
     }) => JSX.Element;
     CollapsibleTrigger: ({ onCheckedChange, title, label, children, disabled, ...rest }: {
+        content?: string | undefined | undefined;
+        gap?: (0 | 1 | "0" | "1" | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "24" | 24 | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", 0 | 1 | "0" | "1" | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "24" | 24>>) | undefined;
+        size?: "md" | "lg" | undefined;
+        translate?: "yes" | "no" | undefined | undefined;
+        wrap?: ("wrap" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "nowrap" | "wrap-reverse" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "wrap" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "nowrap" | "wrap-reverse">>) | undefined;
+        color?: string | undefined | undefined;
+        prefix?: string | undefined | undefined;
         children?: React.ReactNode;
         form?: string | undefined | undefined;
         label: string;
@@ -554,14 +561,13 @@ export declare const CheckboxTree: (({ checked, defaultChecked, onCheckedChange,
         title?: string | undefined | undefined;
         ref?: ((((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement>) & (((instance: HTMLButtonElement | null) => void) | React.RefObject<HTMLButtonElement>)) | null | undefined;
         className?: string | undefined | undefined;
-        color?: string | undefined | undefined;
         id?: string | undefined | undefined;
         lang?: string | undefined | undefined;
         name?: string | undefined | undefined;
         type?: "submit" | "reset" | "button" | undefined | undefined;
         role?: React.AriaRole | undefined;
         tabIndex?: number | undefined | undefined;
-        direction?: ("row" | "row-reverse" | "column" | "column-reverse" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "row" | "row-reverse" | "column" | "column-reverse" | "inherit" | "initial" | "revert" | "revert-layer" | "unset">>) | undefined;
+        direction?: ("row" | "inherit" | "initial" | "row-reverse" | "column" | "column-reverse" | "revert" | "revert-layer" | "unset" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "row" | "inherit" | "initial" | "row-reverse" | "column" | "column-reverse" | "revert" | "revert-layer" | "unset">>) | undefined;
         "aria-activedescendant"?: string | undefined | undefined;
         "aria-atomic"?: (boolean | "true" | "false") | undefined;
         "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
@@ -780,7 +786,7 @@ export declare const CheckboxTree: (({ checked, defaultChecked, onCheckedChange,
         suppressHydrationWarning?: boolean | undefined | undefined;
         accessKey?: string | undefined | undefined;
         autoFocus?: boolean | undefined | undefined;
-        contentEditable?: "inherit" | (boolean | "true" | "false") | undefined;
+        contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
         contextMenu?: string | undefined | undefined;
         dir?: string | undefined | undefined;
         draggable?: (boolean | "true" | "false") | undefined;
@@ -788,13 +794,10 @@ export declare const CheckboxTree: (({ checked, defaultChecked, onCheckedChange,
         nonce?: string | undefined | undefined;
         placeholder?: string | undefined | undefined;
         spellCheck?: (boolean | "true" | "false") | undefined;
-        translate?: "yes" | "no" | undefined | undefined;
         radioGroup?: string | undefined | undefined;
         about?: string | undefined | undefined;
-        content?: string | undefined | undefined;
         datatype?: string | undefined | undefined;
         inlist?: any;
-        prefix?: string | undefined | undefined;
         property?: string | undefined | undefined;
         rel?: string | undefined | undefined;
         resource?: string | undefined | undefined;
@@ -814,23 +817,27 @@ export declare const CheckboxTree: (({ checked, defaultChecked, onCheckedChange,
         unselectable?: "on" | "off" | undefined | undefined;
         inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
         is?: string | undefined | undefined;
-        as?: React.ElementType | undefined;
         disabled?: boolean | undefined | undefined;
+        value?: string | number | readonly string[] | undefined;
+        as?: React.ElementType | undefined;
         formAction?: string | undefined | undefined;
         formEncType?: string | undefined | undefined;
         formMethod?: string | undefined | undefined;
         formNoValidate?: boolean | undefined | undefined;
         formTarget?: string | undefined | undefined;
-        value?: string | number | readonly string[] | undefined;
-        size?: "md" | "lg" | undefined;
-        align?: ("end" | "start" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "center" | "flex-start" | "flex-end" | "stretch" | "self-start" | "self-end" | "baseline" | "first baseline" | "last baseline" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "end" | "start" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "center" | "flex-start" | "flex-end" | "stretch" | "self-start" | "self-end" | "baseline" | "first baseline" | "last baseline">>) | undefined;
-        wrap?: ("wrap" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "nowrap" | "wrap-reverse" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "wrap" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "nowrap" | "wrap-reverse">>) | undefined;
-        justify?: ("end" | "start" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "center" | "flex-start" | "flex-end" | "left" | "right" | "space-between" | "space-around" | "space-evenly" | "stretch" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "end" | "start" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "center" | "flex-start" | "flex-end" | "left" | "right" | "space-between" | "space-around" | "space-evenly" | "stretch">>) | undefined;
-        gap?: (0 | 1 | 2 | "0" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "1" | "2" | "3" | "4" | "24" | "5" | "6" | "7" | "8" | "9" | 24 | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", 0 | 1 | 2 | "0" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "1" | "2" | "3" | "4" | "24" | "5" | "6" | "7" | "8" | "9" | 24>>) | undefined;
+        align?: ("end" | "start" | "inherit" | "baseline" | "initial" | "center" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "flex-start" | "flex-end" | "stretch" | "self-start" | "self-end" | "first baseline" | "last baseline" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "end" | "start" | "inherit" | "baseline" | "initial" | "center" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "flex-start" | "flex-end" | "stretch" | "self-start" | "self-end" | "first baseline" | "last baseline">>) | undefined;
+        justify?: ("end" | "left" | "right" | "start" | "inherit" | "initial" | "center" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | "stretch" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "end" | "left" | "right" | "start" | "inherit" | "initial" | "center" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | "stretch">>) | undefined;
         state?: "error" | undefined;
         onCheckedChange?: ((checked: import("@radix-ui/react-checkbox").CheckedState) => void) | undefined;
     }) => JSX.Element;
     Item: ({ value, title, onCheckedChange, children, disabled, ...rest }: {
+        content?: string | undefined | undefined;
+        gap?: (0 | 1 | "0" | "1" | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "24" | 24 | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", 0 | 1 | "0" | "1" | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "24" | 24>>) | undefined;
+        size?: "md" | "lg" | undefined;
+        translate?: "yes" | "no" | undefined | undefined;
+        wrap?: ("wrap" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "nowrap" | "wrap-reverse" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "wrap" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "nowrap" | "wrap-reverse">>) | undefined;
+        color?: string | undefined | undefined;
+        prefix?: string | undefined | undefined;
         children?: React.ReactNode;
         form?: string | undefined | undefined;
         slot?: string | undefined | undefined;
@@ -838,14 +845,13 @@ export declare const CheckboxTree: (({ checked, defaultChecked, onCheckedChange,
         title?: string | undefined | undefined;
         ref?: ((((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement>) & (((instance: HTMLButtonElement | null) => void) | React.RefObject<HTMLButtonElement>)) | null | undefined;
         className?: string | undefined | undefined;
-        color?: string | undefined | undefined;
         id?: string | undefined | undefined;
         lang?: string | undefined | undefined;
         name?: string | undefined | undefined;
         type?: "submit" | "reset" | "button" | undefined | undefined;
         role?: React.AriaRole | undefined;
         tabIndex?: number | undefined | undefined;
-        direction?: ("row" | "row-reverse" | "column" | "column-reverse" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "row" | "row-reverse" | "column" | "column-reverse" | "inherit" | "initial" | "revert" | "revert-layer" | "unset">>) | undefined;
+        direction?: ("row" | "inherit" | "initial" | "row-reverse" | "column" | "column-reverse" | "revert" | "revert-layer" | "unset" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "row" | "inherit" | "initial" | "row-reverse" | "column" | "column-reverse" | "revert" | "revert-layer" | "unset">>) | undefined;
         "aria-activedescendant"?: string | undefined | undefined;
         "aria-atomic"?: (boolean | "true" | "false") | undefined;
         "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
@@ -1064,7 +1070,7 @@ export declare const CheckboxTree: (({ checked, defaultChecked, onCheckedChange,
         suppressHydrationWarning?: boolean | undefined | undefined;
         accessKey?: string | undefined | undefined;
         autoFocus?: boolean | undefined | undefined;
-        contentEditable?: "inherit" | (boolean | "true" | "false") | undefined;
+        contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
         contextMenu?: string | undefined | undefined;
         dir?: string | undefined | undefined;
         draggable?: (boolean | "true" | "false") | undefined;
@@ -1072,13 +1078,10 @@ export declare const CheckboxTree: (({ checked, defaultChecked, onCheckedChange,
         nonce?: string | undefined | undefined;
         placeholder?: string | undefined | undefined;
         spellCheck?: (boolean | "true" | "false") | undefined;
-        translate?: "yes" | "no" | undefined | undefined;
         radioGroup?: string | undefined | undefined;
         about?: string | undefined | undefined;
-        content?: string | undefined | undefined;
         datatype?: string | undefined | undefined;
         inlist?: any;
-        prefix?: string | undefined | undefined;
         property?: string | undefined | undefined;
         rel?: string | undefined | undefined;
         resource?: string | undefined | undefined;
@@ -1098,19 +1101,16 @@ export declare const CheckboxTree: (({ checked, defaultChecked, onCheckedChange,
         unselectable?: "on" | "off" | undefined | undefined;
         inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
         is?: string | undefined | undefined;
-        as?: React.ElementType | undefined;
         disabled?: boolean | undefined | undefined;
+        value?: string | number | readonly string[] | undefined;
+        as?: React.ElementType | undefined;
         formAction?: string | undefined | undefined;
         formEncType?: string | undefined | undefined;
         formMethod?: string | undefined | undefined;
         formNoValidate?: boolean | undefined | undefined;
         formTarget?: string | undefined | undefined;
-        value?: string | number | readonly string[] | undefined;
-        size?: "md" | "lg" | undefined;
-        align?: ("end" | "start" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "center" | "flex-start" | "flex-end" | "stretch" | "self-start" | "self-end" | "baseline" | "first baseline" | "last baseline" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "end" | "start" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "center" | "flex-start" | "flex-end" | "stretch" | "self-start" | "self-end" | "baseline" | "first baseline" | "last baseline">>) | undefined;
-        wrap?: ("wrap" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "nowrap" | "wrap-reverse" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "wrap" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "nowrap" | "wrap-reverse">>) | undefined;
-        justify?: ("end" | "start" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "center" | "flex-start" | "flex-end" | "left" | "right" | "space-between" | "space-around" | "space-evenly" | "stretch" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "end" | "start" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "center" | "flex-start" | "flex-end" | "left" | "right" | "space-between" | "space-around" | "space-evenly" | "stretch">>) | undefined;
-        gap?: (0 | 1 | 2 | "0" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "1" | "2" | "3" | "4" | "24" | "5" | "6" | "7" | "8" | "9" | 24 | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", 0 | 1 | 2 | "0" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "1" | "2" | "3" | "4" | "24" | "5" | "6" | "7" | "8" | "9" | 24>>) | undefined;
+        align?: ("end" | "start" | "inherit" | "baseline" | "initial" | "center" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "flex-start" | "flex-end" | "stretch" | "self-start" | "self-end" | "first baseline" | "last baseline" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "end" | "start" | "inherit" | "baseline" | "initial" | "center" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "flex-start" | "flex-end" | "stretch" | "self-start" | "self-end" | "first baseline" | "last baseline">>) | undefined;
+        justify?: ("end" | "left" | "right" | "start" | "inherit" | "initial" | "center" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | "stretch" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "end" | "left" | "right" | "start" | "inherit" | "initial" | "center" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | "stretch">>) | undefined;
         state?: "error" | undefined;
         onCheckedChange?: ((newChecked: boolean) => void) | undefined;
     }) => JSX.Element;

package/dist/components/checkbox-tree/CheckboxTree.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CheckboxTree.js","sources":["../../../src/components/checkbox-tree/CheckboxTree.tsx"],"sourcesContent":["import React from 'react'\n\nimport { CheckboxGroup } from '../checkbox-group'\nimport { Tree } from '../tree'\nimport { CheckboxTreeCollapsible } from './CheckboxTreeCollapsible'\nimport { CheckboxTreeCollapsibleContent } from './CheckboxTreeCollapsibleContent'\nimport { CheckboxTreeCollapsibleTrigger } from './CheckboxTreeCollapsibleTrigger'\nimport { CheckboxTreeItem } from './CheckboxTreeItem'\n\ntype CheckboxTreeRootProps = Omit<\n React.ComponentProps<typeof CheckboxGroup> &\n React.ComponentProps<typeof Tree>,\n 'asChild'\n>\n\nexport const CheckboxTreeRoot = ({\n checked,\n defaultChecked,\n onCheckedChange,\n ...rest\n}: CheckboxTreeRootProps) => {\n const checkboxGroupProps = { checked, defaultChecked, onCheckedChange }\n return (\n <CheckboxGroup {...checkboxGroupProps} asChild>\n <Tree {...rest} />\n </CheckboxGroup>\n )\n}\n\nexport const CheckboxTree = Object.assign(CheckboxTreeRoot, {\n Collapsible: CheckboxTreeCollapsible,\n CollapsibleContent: CheckboxTreeCollapsibleContent,\n CollapsibleTrigger: CheckboxTreeCollapsibleTrigger,\n Item: CheckboxTreeItem\n})\n"],"names":["CheckboxTreeRoot","checked","defaultChecked","onCheckedChange","rest","React","CheckboxGroup","Tree","CheckboxTree","CheckboxTreeCollapsible","CheckboxTreeCollapsibleContent","CheckboxTreeCollapsibleTrigger","CheckboxTreeItem"],"mappings":"yaAeO,MAAMA,EAAmB,CAAC,CAC/B,QAAAC,EACA,eAAAC,EACA,gBAAAC,EACA,GAAGC,CACL,IAGIC,EAAA,cAACC,EAAA,CAF0B,QAAAL,EAAS,eAAAC,EAAgB,gBAAAC,EAEb,QAAO,EAAA,EAC5CE,EAAA,cAACE,EAAA,CAAM,GAAGH,EAAM,CAClB,EAISI,EAAe,OAAO,OAAOR,EAAkB,CAC1D,YAAaS,EACb,mBAAoBC,EACpB,mBAAoBC,EACpB,KAAMC,CACR,CAAC"}
1	+ {"version":3,"file":"CheckboxTree.js","sources":["../../../src/components/checkbox-tree/CheckboxTree.tsx"],"sourcesContent":["import React from 'react'\n\nimport { CheckboxGroup } from '../checkbox-group/CheckboxGroup'\nimport { Tree } from '../tree/Tree'\nimport { CheckboxTreeCollapsible } from './CheckboxTreeCollapsible'\nimport { CheckboxTreeCollapsibleContent } from './CheckboxTreeCollapsibleContent'\nimport { CheckboxTreeCollapsibleTrigger } from './CheckboxTreeCollapsibleTrigger'\nimport { CheckboxTreeItem } from './CheckboxTreeItem'\n\ntype CheckboxTreeRootProps = Omit<\n React.ComponentProps<typeof CheckboxGroup> &\n React.ComponentProps<typeof Tree>,\n 'asChild'\n>\n\nexport const CheckboxTreeRoot = ({\n checked,\n defaultChecked,\n onCheckedChange,\n ...rest\n}: CheckboxTreeRootProps) => {\n const checkboxGroupProps = { checked, defaultChecked, onCheckedChange }\n return (\n <CheckboxGroup {...checkboxGroupProps} asChild>\n <Tree {...rest} />\n </CheckboxGroup>\n )\n}\n\nexport const CheckboxTree = Object.assign(CheckboxTreeRoot, {\n Collapsible: CheckboxTreeCollapsible,\n CollapsibleContent: CheckboxTreeCollapsibleContent,\n CollapsibleTrigger: CheckboxTreeCollapsibleTrigger,\n Item: CheckboxTreeItem\n})\n"],"names":["CheckboxTreeRoot","checked","defaultChecked","onCheckedChange","rest","React","CheckboxGroup","Tree","CheckboxTree","CheckboxTreeCollapsible","CheckboxTreeCollapsibleContent","CheckboxTreeCollapsibleTrigger","CheckboxTreeItem"],"mappings":"yaAeO,MAAMA,EAAmB,CAAC,CAC/B,QAAAC,EACA,eAAAC,EACA,gBAAAC,EACA,GAAGC,CACL,IAGIC,EAAA,cAACC,EAAA,CAF0B,QAAAL,EAAS,eAAAC,EAAgB,gBAAAC,EAEb,QAAO,EAAA,EAC5CE,EAAA,cAACE,EAAA,CAAM,GAAGH,EAAM,CAClB,EAISI,EAAe,OAAO,OAAOR,EAAkB,CAC1D,YAAaS,EACb,mBAAoBC,EACpB,mBAAoBC,EACpB,KAAMC,CACR,CAAC"}

package/dist/components/checkbox-tree/CheckboxTreeCollapsible.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 import React from 'react';
-import { CheckboxGroup } from '../checkbox-group';
-import { Tree } from '../tree';
+import { CheckboxGroup } from '../checkbox-group/CheckboxGroup';
+import { Tree } from '../tree/Tree';
 type CheckboxTreeCollapsibleProps = Omit<React.ComponentProps<typeof Tree.Collapsible> & React.ComponentProps<typeof CheckboxGroup.Sub>, 'asChild'>;
 export declare const CheckboxTreeCollapsible: ({ children, ...rest }: CheckboxTreeCollapsibleProps) => JSX.Element;
 export {};

package/dist/components/checkbox-tree/CheckboxTreeCollapsible.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CheckboxTreeCollapsible.js","sources":["../../../src/components/checkbox-tree/CheckboxTreeCollapsible.tsx"],"sourcesContent":["import React from 'react'\n\nimport { CheckboxGroup } from '../checkbox-group'\nimport { Tree } from '../tree'\n\ntype CheckboxTreeCollapsibleProps = Omit<\n React.ComponentProps<typeof Tree.Collapsible> &\n React.ComponentProps<typeof CheckboxGroup.Sub>,\n 'asChild'\n>\n\nexport const CheckboxTreeCollapsible = ({\n children,\n ...rest\n}: CheckboxTreeCollapsibleProps): JSX.Element => {\n return (\n <CheckboxGroup.Sub asChild>\n <Tree.Collapsible {...rest}>{children}</Tree.Collapsible>\n </CheckboxGroup.Sub>\n )\n}\n"],"names":["CheckboxTreeCollapsible","children","rest","React","CheckboxGroup","Tree"],"mappings":"+HAWa,MAAAA,EAA0B,CAAC,CACtC,SAAAC,EACA,GAAGC,CACL,IAEIC,EAAA,cAACC,EAAc,IAAd,CAAkB,QAAO,EAAA,EACxBD,EAAA,cAACE,EAAK,YAAL,CAAkB,GAAGH,CAAAA,EAAOD,CAAS,CACxC"}
1	+ {"version":3,"file":"CheckboxTreeCollapsible.js","sources":["../../../src/components/checkbox-tree/CheckboxTreeCollapsible.tsx"],"sourcesContent":["import React from 'react'\n\nimport { CheckboxGroup } from '../checkbox-group/CheckboxGroup'\nimport { Tree } from '../tree/Tree'\n\ntype CheckboxTreeCollapsibleProps = Omit<\n React.ComponentProps<typeof Tree.Collapsible> &\n React.ComponentProps<typeof CheckboxGroup.Sub>,\n 'asChild'\n>\n\nexport const CheckboxTreeCollapsible = ({\n children,\n ...rest\n}: CheckboxTreeCollapsibleProps): JSX.Element => {\n return (\n <CheckboxGroup.Sub asChild>\n <Tree.Collapsible {...rest}>{children}</Tree.Collapsible>\n </CheckboxGroup.Sub>\n )\n}\n"],"names":["CheckboxTreeCollapsible","children","rest","React","CheckboxGroup","Tree"],"mappings":"+HAWa,MAAAA,EAA0B,CAAC,CACtC,SAAAC,EACA,GAAGC,CACL,IAEIC,EAAA,cAACC,EAAc,IAAd,CAAkB,QAAO,EAAA,EACxBD,EAAA,cAACE,EAAK,YAAL,CAAkB,GAAGH,CAAAA,EAAOD,CAAS,CACxC"}

package/dist/components/checkbox-tree/CheckboxTreeCollapsibleContent.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Tree } from '../tree';
+import { Tree } from '../tree/Tree';
 type CheckboxTreeCollapsibleContentProps = Omit<React.ComponentProps<typeof Tree.CollapsibleContent>, 'asChild'>;
 export declare const CheckboxTreeCollapsibleContent: ({ children, ...rest }: CheckboxTreeCollapsibleContentProps) => JSX.Element;
 export {};

package/dist/components/checkbox-tree/CheckboxTreeCollapsibleContent.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CheckboxTreeCollapsibleContent.js","sources":["../../../src/components/checkbox-tree/CheckboxTreeCollapsibleContent.tsx"],"sourcesContent":["import React from 'react'\n\nimport { CheckboxGroup } from '../checkbox-group'\nimport { Tree } from '../tree'\n\ntype CheckboxTreeCollapsibleContentProps = Omit<\n React.ComponentProps<typeof Tree.CollapsibleContent>,\n 'asChild'\n>\n\nexport const CheckboxTreeCollapsibleContent = ({\n children,\n ...rest\n}: CheckboxTreeCollapsibleContentProps): JSX.Element => {\n return (\n <CheckboxGroup.Sub asChild>\n <Tree.CollapsibleContent {...rest} forceMount>\n {children}\n </Tree.CollapsibleContent>\n </CheckboxGroup.Sub>\n )\n}\n"],"names":["CheckboxTreeCollapsibleContent","children","rest","React","CheckboxGroup","Tree"],"mappings":"qIAUaA,EAAiC,CAAC,CAC7C,SAAAC,EACA,GAAGC,CACL,IAEIC,EAAA,cAACC,EAAc,IAAd,CAAkB,QAAO,IACxBD,EAAA,cAACE,EAAK,mBAAL,CAAyB,GAAGH,EAAM,WAAU,EAAA,EAC1CD,CACH,CACF"}
1	+ {"version":3,"file":"CheckboxTreeCollapsibleContent.js","sources":["../../../src/components/checkbox-tree/CheckboxTreeCollapsibleContent.tsx"],"sourcesContent":["import React from 'react'\n\nimport { CheckboxGroup } from '../checkbox-group/CheckboxGroup'\nimport { Tree } from '../tree/Tree'\n\ntype CheckboxTreeCollapsibleContentProps = Omit<\n React.ComponentProps<typeof Tree.CollapsibleContent>,\n 'asChild'\n>\n\nexport const CheckboxTreeCollapsibleContent = ({\n children,\n ...rest\n}: CheckboxTreeCollapsibleContentProps): JSX.Element => {\n return (\n <CheckboxGroup.Sub asChild>\n <Tree.CollapsibleContent {...rest} forceMount>\n {children}\n </Tree.CollapsibleContent>\n </CheckboxGroup.Sub>\n )\n}\n"],"names":["CheckboxTreeCollapsibleContent","children","rest","React","CheckboxGroup","Tree"],"mappings":"qIAUaA,EAAiC,CAAC,CAC7C,SAAAC,EACA,GAAGC,CACL,IAEIC,EAAA,cAACC,EAAc,IAAd,CAAkB,QAAO,IACxBD,EAAA,cAACE,EAAK,mBAAL,CAAyB,GAAGH,EAAM,WAAU,EAAA,EAC1CD,CACH,CACF"}

package/dist/components/checkbox-tree/CheckboxTreeCollapsibleTrigger.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 import React from 'react';
-import { CheckboxGroup } from '../checkbox-group';
-import { Tree } from '../tree';
+import { CheckboxGroup } from '../checkbox-group/CheckboxGroup';
+import { Tree } from '../tree/Tree';
 type CheckboxGroupCollapsibleTriggerProps = Omit<React.ComponentProps<typeof Tree.CollapsibleTrigger> & React.ComponentProps<typeof CheckboxGroup.AllItem>, 'required' | 'asChild'>;
 export declare const CheckboxTreeCollapsibleTrigger: ({ onCheckedChange, title, label, children, disabled, ...rest }: CheckboxGroupCollapsibleTriggerProps) => JSX.Element;
 export {};

package/dist/components/checkbox-tree/CheckboxTreeCollapsibleTrigger.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CheckboxTreeCollapsibleTrigger.js","sources":["../../../src/components/checkbox-tree/CheckboxTreeCollapsibleTrigger.tsx"],"sourcesContent":["import React from 'react'\n\nimport { CheckboxGroup } from '../checkbox-group'\nimport { Tree } from '../tree'\nimport { CheckboxTreeItemContent } from './CheckboxTreeItemContent'\n\ntype CheckboxGroupCollapsibleTriggerProps = Omit<\n React.ComponentProps<typeof Tree.CollapsibleTrigger> &\n React.ComponentProps<typeof CheckboxGroup.AllItem>,\n 'required' \| 'asChild'\n>\n\nexport const CheckboxTreeCollapsibleTrigger = ({\n onCheckedChange,\n title,\n label,\n children,\n disabled,\n ...rest\n}: CheckboxGroupCollapsibleTriggerProps): JSX.Element => {\n const treeCollapsibleTriggerProps = { label }\n const checkboxAllItemProps = { onCheckedChange, title, disabled }\n return (\n <Tree.CollapsibleTrigger {...treeCollapsibleTriggerProps} {...rest}>\n <CheckboxTreeItemContent\n onClick={\n // Don't propagate click and don't open/close the collapsible when the label/checkbox are clicked\n (e) => e.stopPropagation()\n }\n >\n <CheckboxGroup.AllItem {...checkboxAllItemProps} />\n {children}\n </CheckboxTreeItemContent>\n </Tree.CollapsibleTrigger>\n )\n}\n"],"names":["CheckboxTreeCollapsibleTrigger","onCheckedChange","title","label","children","disabled","rest","treeCollapsibleTriggerProps","checkboxAllItemProps","React","Tree","CheckboxTreeItemContent","e","CheckboxGroup"],"mappings":"sMAYO,MAAMA,EAAiC,CAAC,CAC7C,gBAAAC,EACA,MAAAC,EACA,MAAAC,EACA,SAAAC,EACA,SAAAC,EACA,GAAGC,CACL,IAAyD,CACvD,MAAMC,EAA8B,CAAE,MAAAJ,CAAM,EACtCK,EAAuB,CAAE,gBAAAP,EAAiB,MAAAC,EAAO,SAAAG,CAAS,EAChE,OACEI,EAAA,cAACC,EAAK,mBAAL,CAAyB,GAAGH,EAA8B,GAAGD,CAC5DG,EAAAA,EAAA,cAACE,EAAA,CACC,QAEGC,GAAMA,EAAE,mBAGXH,EAAA,cAACI,EAAc,QAAd,CAAuB,GAAGL,CAAAA,CAAsB,EAChDJ,CACH,CACF,CAEJ"}
1	+ {"version":3,"file":"CheckboxTreeCollapsibleTrigger.js","sources":["../../../src/components/checkbox-tree/CheckboxTreeCollapsibleTrigger.tsx"],"sourcesContent":["import React from 'react'\n\nimport { CheckboxGroup } from '../checkbox-group/CheckboxGroup'\nimport { Tree } from '../tree/Tree'\nimport { CheckboxTreeItemContent } from './CheckboxTreeItemContent'\n\ntype CheckboxGroupCollapsibleTriggerProps = Omit<\n React.ComponentProps<typeof Tree.CollapsibleTrigger> &\n React.ComponentProps<typeof CheckboxGroup.AllItem>,\n 'required' \| 'asChild'\n>\n\nexport const CheckboxTreeCollapsibleTrigger = ({\n onCheckedChange,\n title,\n label,\n children,\n disabled,\n ...rest\n}: CheckboxGroupCollapsibleTriggerProps): JSX.Element => {\n const treeCollapsibleTriggerProps = { label }\n const checkboxAllItemProps = { onCheckedChange, title, disabled }\n return (\n <Tree.CollapsibleTrigger {...treeCollapsibleTriggerProps} {...rest}>\n <CheckboxTreeItemContent\n onClick={\n // Don't propagate click and don't open/close the collapsible when the label/checkbox are clicked\n (e) => e.stopPropagation()\n }\n >\n <CheckboxGroup.AllItem {...checkboxAllItemProps} />\n {children}\n </CheckboxTreeItemContent>\n </Tree.CollapsibleTrigger>\n )\n}\n"],"names":["CheckboxTreeCollapsibleTrigger","onCheckedChange","title","label","children","disabled","rest","treeCollapsibleTriggerProps","checkboxAllItemProps","React","Tree","CheckboxTreeItemContent","e","CheckboxGroup"],"mappings":"sMAYO,MAAMA,EAAiC,CAAC,CAC7C,gBAAAC,EACA,MAAAC,EACA,MAAAC,EACA,SAAAC,EACA,SAAAC,EACA,GAAGC,CACL,IAAyD,CACvD,MAAMC,EAA8B,CAAE,MAAAJ,CAAM,EACtCK,EAAuB,CAAE,gBAAAP,EAAiB,MAAAC,EAAO,SAAAG,CAAS,EAChE,OACEI,EAAA,cAACC,EAAK,mBAAL,CAAyB,GAAGH,EAA8B,GAAGD,CAC5DG,EAAAA,EAAA,cAACE,EAAA,CACC,QAEGC,GAAMA,EAAE,mBAGXH,EAAA,cAACI,EAAc,QAAd,CAAuB,GAAGL,CAAAA,CAAsB,EAChDJ,CACH,CACF,CAEJ"}

package/dist/components/checkbox-tree/CheckboxTreeItem.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 import React from 'react';
-import { CheckboxGroup } from '../checkbox-group';
-import { Tree } from '../tree';
+import { CheckboxGroup } from '../checkbox-group/CheckboxGroup';
+import { Tree } from '../tree/Tree';
 type CheckboxTreeItemProps = Omit<React.ComponentProps<typeof Tree.Item> & React.ComponentProps<typeof CheckboxGroup.Item>, 'required' | 'asChild'>;
 export declare const CheckboxTreeItem: ({ value, title, onCheckedChange, children, disabled, ...rest }: CheckboxTreeItemProps) => JSX.Element;
 export {};

package/dist/components/checkbox-tree/CheckboxTreeItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CheckboxTreeItem.js","sources":["../../../src/components/checkbox-tree/CheckboxTreeItem.tsx"],"sourcesContent":["import React from 'react'\n\nimport { CheckboxGroup } from '../checkbox-group'\nimport { Tree } from '../tree'\nimport { CheckboxTreeItemContent } from './CheckboxTreeItemContent'\n\ntype CheckboxTreeItemProps = Omit<\n React.ComponentProps<typeof Tree.Item> &\n React.ComponentProps<typeof CheckboxGroup.Item>,\n 'required' \| 'asChild'\n>\n\nexport const CheckboxTreeItem = ({\n value,\n title,\n onCheckedChange,\n children,\n disabled,\n ...rest\n}: CheckboxTreeItemProps): JSX.Element => {\n const checkboxItemProps = { value, title, onCheckedChange, disabled }\n return (\n <Tree.Item {...rest}>\n <CheckboxTreeItemContent>\n <CheckboxGroup.Item {...checkboxItemProps} />\n {children}\n </CheckboxTreeItemContent>\n </Tree.Item>\n )\n}\n"],"names":["CheckboxTreeItem","value","title","onCheckedChange","children","disabled","rest","checkboxItemProps","React","Tree","CheckboxTreeItemContent","CheckboxGroup"],"mappings":"sMAYO,MAAMA,EAAmB,CAAC,CAC/B,MAAAC,EACA,MAAAC,EACA,gBAAAC,EACA,SAAAC,EACA,SAAAC,EACA,GAAGC,CACL,IAA0C,CACxC,MAAMC,EAAoB,CAAE,MAAAN,EAAO,MAAAC,EAAO,gBAAAC,EAAiB,SAAAE,CAAS,EACpE,OACEG,EAAA,cAACC,EAAK,KAAL,CAAW,GAAGH,CAAAA,EACbE,EAAA,cAACE,EAAA,KACCF,EAAA,cAACG,EAAc,KAAd,CAAoB,GAAGJ,CAAAA,CAAmB,EAC1CH,CACH,CACF,CAEJ"}
1	+ {"version":3,"file":"CheckboxTreeItem.js","sources":["../../../src/components/checkbox-tree/CheckboxTreeItem.tsx"],"sourcesContent":["import React from 'react'\n\nimport { CheckboxGroup } from '../checkbox-group/CheckboxGroup'\nimport { Tree } from '../tree/Tree'\nimport { CheckboxTreeItemContent } from './CheckboxTreeItemContent'\n\ntype CheckboxTreeItemProps = Omit<\n React.ComponentProps<typeof Tree.Item> &\n React.ComponentProps<typeof CheckboxGroup.Item>,\n 'required' \| 'asChild'\n>\n\nexport const CheckboxTreeItem = ({\n value,\n title,\n onCheckedChange,\n children,\n disabled,\n ...rest\n}: CheckboxTreeItemProps): JSX.Element => {\n const checkboxItemProps = { value, title, onCheckedChange, disabled }\n return (\n <Tree.Item {...rest}>\n <CheckboxTreeItemContent>\n <CheckboxGroup.Item {...checkboxItemProps} />\n {children}\n </CheckboxTreeItemContent>\n </Tree.Item>\n )\n}\n"],"names":["CheckboxTreeItem","value","title","onCheckedChange","children","disabled","rest","checkboxItemProps","React","Tree","CheckboxTreeItemContent","CheckboxGroup"],"mappings":"sMAYO,MAAMA,EAAmB,CAAC,CAC/B,MAAAC,EACA,MAAAC,EACA,gBAAAC,EACA,SAAAC,EACA,SAAAC,EACA,GAAGC,CACL,IAA0C,CACxC,MAAMC,EAAoB,CAAE,MAAAN,EAAO,MAAAC,EAAO,gBAAAC,EAAiB,SAAAE,CAAS,EACpE,OACEG,EAAA,cAACC,EAAK,KAAL,CAAW,GAAGH,CAAAA,EACbE,EAAA,cAACE,EAAA,KACCF,EAAA,cAACG,EAAc,KAAd,CAAoB,GAAGJ,CAAAA,CAAmB,EAC1CH,CACH,CACF,CAEJ"}

package/dist/components/checkbox-tree/CheckboxTreeItemContent.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Flex } from '../../components/flex';
+import { Flex } from '../../components/flex/Flex';
 type CheckboxTreeItemContentProps = React.ComponentProps<typeof Flex>;
 export declare const CheckboxTreeItemContent: ({ children, ...rest }: CheckboxTreeItemContentProps) => JSX.Element;
 export {};

package/dist/components/checkbox-tree/CheckboxTreeItemContent.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CheckboxTreeItemContent.js","sources":["../../../src/components/checkbox-tree/CheckboxTreeItemContent.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Flex } from '~/components/flex'\nimport { Icon } from '~/components/icon'\nimport { Tree } from '~/components/tree'\nimport { styled } from '~/styled'\n\nconst StyledItemContent = styled(Flex, {\n base: ['max-w-full']\n})\n\ntype CheckboxTreeItemContentProps = React.ComponentProps<typeof Flex>\n\nexport const CheckboxTreeItemContent = ({\n children,\n ...rest\n}: CheckboxTreeItemContentProps): JSX.Element => {\n return (\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore: Stitches polymorphic components issue due to `as=\"label\"`\n <StyledItemContent gap={2} align=\"center\" as=\"label\" {...rest}>\n {\n React.Children.map(children, (child) => {\n if (typeof child === 'string' \|\| typeof child === 'number') {\n return <Tree.Text>{child}</Tree.Text>\n }\n if (React.isValidElement(child) && child.type === Icon) {\n return <Tree.Icon {...child.props} />\n }\n return child\n }) as React.ReactElement[]\n }\n </StyledItemContent>\n )\n}\n"],"names":["StyledItemContent","styled","Flex","CheckboxTreeItemContent","children","rest","React","child","Tree","Icon"],"mappings":"sLAOA,MAAMA,EAAoBC,EAAOC,EAAM,CACrC,KAAM,CAAC,YAAY,CACrB,CAAC,EAIYC,EAA0B,CAAC,CACtC,SAAAC,EACA,GAAGC,CACL,IAIIC,EAAA,cAACN,EAAA,CAAkB,IAAK,EAAG,MAAM,SAAS,GAAG,QAAS,GAAGK,CAAAA,EAErDC,EAAM,SAAS,IAAIF,EAAWG,GACxB,OAAOA,GAAU,UAAY,OAAOA,GAAU,SACzCD,EAAA,cAACE,EAAK,KAAL,KAAWD,CAAM,EAEvBD,EAAM,eAAeC,CAAK,GAAKA,EAAM,OAASE,EACzCH,EAAA,cAACE,EAAK,KAAL,CAAW,GAAGD,EAAM,KAAO,CAAA,EAE9BA,CACR,CAEL"}
1	+ {"version":3,"file":"CheckboxTreeItemContent.js","sources":["../../../src/components/checkbox-tree/CheckboxTreeItemContent.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Flex } from '~/components/flex/Flex'\nimport { Icon } from '~/components/icon/Icon'\nimport { Tree } from '~/components/tree/Tree'\nimport { styled } from '~/styled'\n\nconst StyledItemContent = styled(Flex, {\n base: ['max-w-full']\n})\n\ntype CheckboxTreeItemContentProps = React.ComponentProps<typeof Flex>\n\nexport const CheckboxTreeItemContent = ({\n children,\n ...rest\n}: CheckboxTreeItemContentProps): JSX.Element => {\n return (\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore: Stitches polymorphic components issue due to `as=\"label\"`\n <StyledItemContent gap={2} align=\"center\" as=\"label\" {...rest}>\n {\n React.Children.map(children, (child) => {\n if (typeof child === 'string' \|\| typeof child === 'number') {\n return <Tree.Text>{child}</Tree.Text>\n }\n if (React.isValidElement(child) && child.type === Icon) {\n return <Tree.Icon {...child.props} />\n }\n return child\n }) as React.ReactElement[]\n }\n </StyledItemContent>\n )\n}\n"],"names":["StyledItemContent","styled","Flex","CheckboxTreeItemContent","children","rest","React","child","Tree","Icon"],"mappings":"sLAOA,MAAMA,EAAoBC,EAAOC,EAAM,CACrC,KAAM,CAAC,YAAY,CACrB,CAAC,EAIYC,EAA0B,CAAC,CACtC,SAAAC,EACA,GAAGC,CACL,IAIIC,EAAA,cAACN,EAAA,CAAkB,IAAK,EAAG,MAAM,SAAS,GAAG,QAAS,GAAGK,CAAAA,EAErDC,EAAM,SAAS,IAAIF,EAAWG,GACxB,OAAOA,GAAU,UAAY,OAAOA,GAAU,SACzCD,EAAA,cAACE,EAAK,KAAL,KAAWD,CAAM,EAEvBD,EAAM,eAAeC,CAAK,GAAKA,EAAM,OAASE,EACzCH,EAAA,cAACE,EAAK,KAAL,CAAW,GAAGD,EAAM,KAAO,CAAA,EAE9BA,CACR,CAEL"}

package/dist/components/chip/Chip.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Icon } from '../../components/icon';
+import { Icon } from '../../components/icon/Icon';
 export declare const StyledChipContent: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
     ref?: ((instance: HTMLSpanElement | null) => void) | React.RefObject<HTMLSpanElement> | null | undefined;
 }, never> & {

package/dist/components/chip/Chip.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Chip.js","sources":["../../../src/components/chip/Chip.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Icon } from '~/components/icon'\nimport { styled } from '~/styled'\nimport { overrideStyledVariantValue } from '~/utilities/override-styled-variant-value/overrideStyledVariantValue'\n\nexport const StyledChipContent = styled('span', {\n base: [\n 'inline-flex',\n 'items-center',\n 'px-1',\n 'grow',\n 'overflow-hidden',\n 'text-ellipsis',\n 'whitespace-nowrap',\n '*:not-last:mr-1'\n ]\n})\n\nconst toIconSize = { sm: 'sm', md: 'sm', lg: 'md' }\n\nexport const ChipIcon = (props: React.ComponentProps<typeof Icon>) => {\n const rootContext = React.useContext(ChipRootContext)\n const { size } = rootContext\n const iconSize = React.useMemo(\n () => overrideStyledVariantValue(size, (s) => toIconSize[s]),\n [size]\n )\n return <Icon {...props} size={iconSize} />\n}\n\nconst ChipContent = ({ children, ...rest }) => {\n const childrenArray = React.Children.toArray(children)\n const isSingleChild = childrenArray.length <= 1\n return (\n <StyledChipContent {...rest}>\n {\n childrenArray.map((child, index) => {\n if (!isSingleChild && typeof child === 'string')\n return (\n <span\n key={child}\n className=\"overflow-hidden text-ellipsis whitespace-nowrap\"\n >\n {child}\n </span>\n )\n if (React.isValidElement(child) && child.type === Icon) {\n return <ChipIcon key={`icon-${index}`} {...child.props} />\n }\n return child\n }) as React.ReactElement[]\n }\n </StyledChipContent>\n )\n}\n\nexport const StyledRoot = styled('div', {\n base: [\n 'flex',\n 'px-2',\n 'border',\n 'rounded-md',\n 'items-center',\n 'font-body',\n 'max-w-full',\n 'border-primary-800',\n 'text-primary-900',\n 'bg-primary-100',\n 'disabled:opacity-30',\n 'disabled:pointer-events-none'\n ],\n variants: {\n size: {\n sm: ['h-6', 'text-sm', 'leading-[1.53]', 'capsize-[0.4056]'],\n md: ['h-8', 'text-sm', 'leading-[1.53]', 'capsize-[0.4056]'],\n lg: ['h-10', 'text-md', 'leading-normal', 'capsize-[0.3864]']\n }\n }\n})\n\nexport type TChipRootContext = React.ComponentProps<typeof StyledRoot>\nexport type TChipRootProviderProps = TChipRootContext\n\nexport const ChipRootContext = React.createContext<TChipRootContext>({})\n\nexport const ChipRootProvider = ({\n size,\n children\n}: TChipRootProviderProps) => {\n const value = React.useMemo<TChipRootContext>(() => ({ size }), [size])\n return (\n <ChipRootContext.Provider value={value}>\n {children}\n </ChipRootContext.Provider>\n )\n}\n\nexport type TChipRootProps = TChipRootProviderProps\n\nconst ChipRoot = React.forwardRef<HTMLDivElement, TChipRootProps>(\n ({ size = 'md', ...rest }, ref) => {\n return (\n <ChipRootProvider size={size}>\n <StyledRoot ref={ref} size={size} {...rest} />\n </ChipRootProvider>\n )\n }\n)\n\nexport const Chip = Object.assign(ChipRoot, {\n Content: ChipContent,\n Icon: ChipIcon\n})\n\nChipRoot.displayName = 'Chip'\n"],"names":["StyledChipContent","styled","toIconSize","ChipIcon","props","rootContext","React","ChipRootContext","size","iconSize","overrideStyledVariantValue","s","Icon","ChipContent","children","rest","childrenArray","isSingleChild","child","index","StyledRoot","ChipRootProvider","value","ChipRoot","ref","Chip"],"mappings":"iOAMO,MAAMA,EAAoBC,EAAO,OAAQ,CAC9C,KAAM,CACJ,cACA,eACA,OACA,OACA,kBACA,gBACA,oBACA,iBACF,CACF,CAAC,EAEKC,EAAa,CAAE,GAAI,KAAM,GAAI,KAAM,GAAI,IAAK,EAErCC,EAAYC,GAA6C,CACpE,MAAMC,EAAcC,EAAM,WAAWC,CAAe,EAC9C,CAAE,KAAAC,CAAK,EAAIH,EACXI,EAAWH,EAAM,QACrB,IAAMI,EAA2BF,EAAOG,GAAMT,EAAWS,CAAC,CAAC,EAC3D,CAACH,CAAI,CACP,EACA,OAAOF,EAAA,cAACM,EAAA,CAAM,GAAGR,EAAO,KAAMK,CAAU,CAAA,CAC1C,EAEMI,EAAc,CAAC,CAAE,SAAAC,EAAU,GAAGC,CAAK,IAAM,CAC7C,MAAMC,EAAgBV,EAAM,SAAS,QAAQQ,CAAQ,EAC/CG,EAAgBD,EAAc,QAAU,EAC9C,OACEV,EAAA,cAACN,EAAmB,CAAA,GAAGe,CAEnBC,EAAAA,EAAc,IAAI,CAACE,EAAOC,IACpB,CAACF,GAAiB,OAAOC,GAAU,SAEnCZ,EAAA,cAAC,OAAA,CACC,IAAKY,EACL,UAAU,iDAAA,EAETA,CACH,EAEAZ,EAAM,eAAeY,CAAK,GAAKA,EAAM,OAASN,EACzCN,EAAA,cAACH,GAAS,IAAK,QAAQgB,CAAK,GAAK,GAAGD,EAAM,KAAO,CAAA,EAEnDA,CACR,CAEL,CAEJ,EAEaE,EAAanB,EAAO,MAAO,CACtC,KAAM,CACJ,OACA,OACA,SACA,aACA,eACA,YACA,aACA,qBACA,mBACA,iBACA,sBACA,8BACF,EACA,SAAU,CACR,KAAM,CACJ,GAAI,CAAC,MAAO,UAAW,iBAAkB,kBAAkB,EAC3D,GAAI,CAAC,MAAO,UAAW,iBAAkB,kBAAkB,EAC3D,GAAI,CAAC,OAAQ,UAAW,iBAAkB,kBAAkB,CAC9D,CACF,CACF,CAAC,EAKYM,EAAkBD,EAAM,cAAgC,CAAA,CAAE,EAE1De,EAAmB,CAAC,CAC/B,KAAAb,EACA,SAAAM,CACF,IAA8B,CAC5B,MAAMQ,EAAQhB,EAAM,QAA0B,KAAO,CAAE,KAAAE,CAAK,GAAI,CAACA,CAAI,CAAC,EACtE,OACEF,EAAA,cAACC,EAAgB,SAAhB,CAAyB,MAAOe,CAAAA,EAC9BR,CACH,CAEJ,EAIMS,EAAWjB,EAAM,WACrB,CAAC,CAAE,KAAAE,EAAO,KAAM,GAAGO,CAAK,EAAGS,IAEvBlB,EAAA,cAACe,GAAiB,KAAMb,CAAAA,EACtBF,EAAA,cAACc,EAAW,CAAA,IAAKI,EAAK,KAAMhB,EAAO,GAAGO,CAAAA,CAAM,CAC9C,CAGN,EAEaU,EAAO,OAAO,OAAOF,EAAU,CAC1C,QAASV,EACT,KAAMV,CACR,CAAC,EAEDoB,EAAS,YAAc"}
1	+ {"version":3,"file":"Chip.js","sources":["../../../src/components/chip/Chip.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Icon } from '~/components/icon/Icon'\nimport { styled } from '~/styled'\nimport { overrideStyledVariantValue } from '~/utilities/override-styled-variant-value/overrideStyledVariantValue'\n\nexport const StyledChipContent = styled('span', {\n base: [\n 'inline-flex',\n 'items-center',\n 'px-1',\n 'grow',\n 'overflow-hidden',\n 'text-ellipsis',\n 'whitespace-nowrap',\n '*:not-last:mr-1'\n ]\n})\n\nconst toIconSize = { sm: 'sm', md: 'sm', lg: 'md' }\n\nexport const ChipIcon = (props: React.ComponentProps<typeof Icon>) => {\n const rootContext = React.useContext(ChipRootContext)\n const { size } = rootContext\n const iconSize = React.useMemo(\n () => overrideStyledVariantValue(size, (s) => toIconSize[s]),\n [size]\n )\n return <Icon {...props} size={iconSize} />\n}\n\nconst ChipContent = ({ children, ...rest }) => {\n const childrenArray = React.Children.toArray(children)\n const isSingleChild = childrenArray.length <= 1\n return (\n <StyledChipContent {...rest}>\n {\n childrenArray.map((child, index) => {\n if (!isSingleChild && typeof child === 'string')\n return (\n <span\n key={child}\n className=\"overflow-hidden text-ellipsis whitespace-nowrap\"\n >\n {child}\n </span>\n )\n if (React.isValidElement(child) && child.type === Icon) {\n return <ChipIcon key={`icon-${index}`} {...child.props} />\n }\n return child\n }) as React.ReactElement[]\n }\n </StyledChipContent>\n )\n}\n\nexport const StyledRoot = styled('div', {\n base: [\n 'flex',\n 'px-2',\n 'border',\n 'rounded-md',\n 'items-center',\n 'font-body',\n 'max-w-full',\n 'border-primary-800',\n 'text-primary-900',\n 'bg-primary-100',\n 'disabled:opacity-30',\n 'disabled:pointer-events-none'\n ],\n variants: {\n size: {\n sm: ['h-6', 'text-sm', 'leading-[1.53]', 'capsize-[0.4056]'],\n md: ['h-8', 'text-sm', 'leading-[1.53]', 'capsize-[0.4056]'],\n lg: ['h-10', 'text-md', 'leading-normal', 'capsize-[0.3864]']\n }\n }\n})\n\nexport type TChipRootContext = React.ComponentProps<typeof StyledRoot>\nexport type TChipRootProviderProps = TChipRootContext\n\nexport const ChipRootContext = React.createContext<TChipRootContext>({})\n\nexport const ChipRootProvider = ({\n size,\n children\n}: TChipRootProviderProps) => {\n const value = React.useMemo<TChipRootContext>(() => ({ size }), [size])\n return (\n <ChipRootContext.Provider value={value}>\n {children}\n </ChipRootContext.Provider>\n )\n}\n\nexport type TChipRootProps = TChipRootProviderProps\n\nconst ChipRoot = React.forwardRef<HTMLDivElement, TChipRootProps>(\n ({ size = 'md', ...rest }, ref) => {\n return (\n <ChipRootProvider size={size}>\n <StyledRoot ref={ref} size={size} {...rest} />\n </ChipRootProvider>\n )\n }\n)\n\nexport const Chip = Object.assign(ChipRoot, {\n Content: ChipContent,\n Icon: ChipIcon\n})\n\nChipRoot.displayName = 'Chip'\n"],"names":["StyledChipContent","styled","toIconSize","ChipIcon","props","rootContext","React","ChipRootContext","size","iconSize","overrideStyledVariantValue","s","Icon","ChipContent","children","rest","childrenArray","isSingleChild","child","index","StyledRoot","ChipRootProvider","value","ChipRoot","ref","Chip"],"mappings":"iOAMO,MAAMA,EAAoBC,EAAO,OAAQ,CAC9C,KAAM,CACJ,cACA,eACA,OACA,OACA,kBACA,gBACA,oBACA,iBACF,CACF,CAAC,EAEKC,EAAa,CAAE,GAAI,KAAM,GAAI,KAAM,GAAI,IAAK,EAErCC,EAAYC,GAA6C,CACpE,MAAMC,EAAcC,EAAM,WAAWC,CAAe,EAC9C,CAAE,KAAAC,CAAK,EAAIH,EACXI,EAAWH,EAAM,QACrB,IAAMI,EAA2BF,EAAOG,GAAMT,EAAWS,CAAC,CAAC,EAC3D,CAACH,CAAI,CACP,EACA,OAAOF,EAAA,cAACM,EAAA,CAAM,GAAGR,EAAO,KAAMK,CAAU,CAAA,CAC1C,EAEMI,EAAc,CAAC,CAAE,SAAAC,EAAU,GAAGC,CAAK,IAAM,CAC7C,MAAMC,EAAgBV,EAAM,SAAS,QAAQQ,CAAQ,EAC/CG,EAAgBD,EAAc,QAAU,EAC9C,OACEV,EAAA,cAACN,EAAmB,CAAA,GAAGe,CAEnBC,EAAAA,EAAc,IAAI,CAACE,EAAOC,IACpB,CAACF,GAAiB,OAAOC,GAAU,SAEnCZ,EAAA,cAAC,OAAA,CACC,IAAKY,EACL,UAAU,iDAAA,EAETA,CACH,EAEAZ,EAAM,eAAeY,CAAK,GAAKA,EAAM,OAASN,EACzCN,EAAA,cAACH,GAAS,IAAK,QAAQgB,CAAK,GAAK,GAAGD,EAAM,KAAO,CAAA,EAEnDA,CACR,CAEL,CAEJ,EAEaE,EAAanB,EAAO,MAAO,CACtC,KAAM,CACJ,OACA,OACA,SACA,aACA,eACA,YACA,aACA,qBACA,mBACA,iBACA,sBACA,8BACF,EACA,SAAU,CACR,KAAM,CACJ,GAAI,CAAC,MAAO,UAAW,iBAAkB,kBAAkB,EAC3D,GAAI,CAAC,MAAO,UAAW,iBAAkB,kBAAkB,EAC3D,GAAI,CAAC,OAAQ,UAAW,iBAAkB,kBAAkB,CAC9D,CACF,CACF,CAAC,EAKYM,EAAkBD,EAAM,cAAgC,CAAA,CAAE,EAE1De,EAAmB,CAAC,CAC/B,KAAAb,EACA,SAAAM,CACF,IAA8B,CAC5B,MAAMQ,EAAQhB,EAAM,QAA0B,KAAO,CAAE,KAAAE,CAAK,GAAI,CAACA,CAAI,CAAC,EACtE,OACEF,EAAA,cAACC,EAAgB,SAAhB,CAAyB,MAAOe,CAAAA,EAC9BR,CACH,CAEJ,EAIMS,EAAWjB,EAAM,WACrB,CAAC,CAAE,KAAAE,EAAO,KAAM,GAAGO,CAAK,EAAGS,IAEvBlB,EAAA,cAACe,GAAiB,KAAMb,CAAAA,EACtBF,EAAA,cAACc,EAAW,CAAA,IAAKI,EAAK,KAAMhB,EAAO,GAAGO,CAAAA,CAAM,CAC9C,CAGN,EAEaU,EAAO,OAAO,OAAOF,EAAU,CAC1C,QAASV,EACT,KAAMV,CACR,CAAC,EAEDoB,EAAS,YAAc"}

package/dist/components/chip/ChipGroup.d.ts CHANGED Viewed

@@ -4,12 +4,12 @@ type TChipGroupProps = {
 };
 export declare const ChipGroup: React.ForwardRefExoticComponent<Omit<TChipGroupProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
-}, "direction" | "align" | "wrap" | "justify" | "gap"> & {
-    direction?: ("row" | "row-reverse" | "column" | "column-reverse" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "row" | "row-reverse" | "column" | "column-reverse" | "inherit" | "initial" | "revert" | "revert-layer" | "unset">>) | undefined;
+}, "gap" | "wrap" | "direction" | "align" | "justify"> & {
+    direction?: ("row" | "inherit" | "initial" | "row-reverse" | "column" | "column-reverse" | "revert" | "revert-layer" | "unset" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "row" | "inherit" | "initial" | "row-reverse" | "column" | "column-reverse" | "revert" | "revert-layer" | "unset">>) | undefined;
     wrap?: ("wrap" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "nowrap" | "wrap-reverse" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "wrap" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "nowrap" | "wrap-reverse">>) | undefined;
-    justify?: ("end" | "start" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "center" | "flex-start" | "flex-end" | "left" | "right" | "space-between" | "space-around" | "space-evenly" | "stretch" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "end" | "start" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "center" | "flex-start" | "flex-end" | "left" | "right" | "space-between" | "space-around" | "space-evenly" | "stretch">>) | undefined;
-    align?: ("end" | "start" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "center" | "flex-start" | "flex-end" | "stretch" | "self-start" | "self-end" | "baseline" | "first baseline" | "last baseline" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "end" | "start" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "center" | "flex-start" | "flex-end" | "stretch" | "self-start" | "self-end" | "baseline" | "first baseline" | "last baseline">>) | undefined;
-    gap?: (0 | 1 | 2 | "0" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "1" | "2" | "3" | "4" | "24" | "5" | "6" | "7" | "8" | "9" | 24 | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", 0 | 1 | 2 | "0" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "1" | "2" | "3" | "4" | "24" | "5" | "6" | "7" | "8" | "9" | 24>>) | undefined;
+    justify?: ("end" | "left" | "right" | "start" | "inherit" | "initial" | "center" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | "stretch" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "end" | "left" | "right" | "start" | "inherit" | "initial" | "center" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | "stretch">>) | undefined;
+    align?: ("end" | "start" | "inherit" | "baseline" | "initial" | "center" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "flex-start" | "flex-end" | "stretch" | "self-start" | "self-end" | "first baseline" | "last baseline" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "end" | "start" | "inherit" | "baseline" | "initial" | "center" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "flex-start" | "flex-end" | "stretch" | "self-start" | "self-end" | "first baseline" | "last baseline">>) | undefined;
+    gap?: (0 | 1 | "0" | "1" | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "24" | 24 | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", 0 | 1 | "0" | "1" | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "24" | 24>>) | undefined;
 } & {
     as?: React.ElementType;
 }, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/components/chip/ChipGroup.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ChipGroup.js","sources":["../../../src/components/chip/ChipGroup.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Flex } from '~/components/flex'\n\ntype TChipGroupProps = {\n gap: 1 \| 2 \| 3\n}\n\nexport const ChipGroup = React.forwardRef<\n HTMLDivElement,\n TChipGroupProps & React.ComponentProps<typeof Flex>\n>(({ gap = 2, ...rest }, ref) => (\n <Flex direction=\"row\" wrap=\"wrap\" gap={gap} {...rest} ref={ref} />\n))\n"],"names":["ChipGroup","React","gap","rest","ref","Flex"],"mappings":"+DAQO,MAAMA,EAAYC,EAAM,WAG7B,CAAC,CAAE,IAAAC,EAAM,EAAG,GAAGC,CAAK,EAAGC,IACvBH,EAAA,cAACI,EAAA,CAAK,UAAU,MAAM,KAAK,OAAO,IAAKH,EAAM,GAAGC,EAAM,IAAKC,EAAK,CACjE"}
1	+ {"version":3,"file":"ChipGroup.js","sources":["../../../src/components/chip/ChipGroup.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Flex } from '~/components/flex/Flex'\n\ntype TChipGroupProps = {\n gap: 1 \| 2 \| 3\n}\n\nexport const ChipGroup = React.forwardRef<\n HTMLDivElement,\n TChipGroupProps & React.ComponentProps<typeof Flex>\n>(({ gap = 2, ...rest }, ref) => (\n <Flex direction=\"row\" wrap=\"wrap\" gap={gap} {...rest} ref={ref} />\n))\n"],"names":["ChipGroup","React","gap","rest","ref","Flex"],"mappings":"+DAQO,MAAMA,EAAYC,EAAM,WAG7B,CAAC,CAAE,IAAAC,EAAM,EAAG,GAAGC,CAAK,EAAGC,IACvBH,EAAA,cAACI,EAAA,CAAK,UAAU,MAAM,KAAK,OAAO,IAAKH,EAAM,GAAGC,EAAM,IAAKC,EAAK,CACjE"}

package/dist/components/chip-dismissible-group/ChipDismissibleGroupItem.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{Close as l}from"@atom-learning/icons";import*as e from"react";import{Chip as m}from"../chip/Chip.js";import"../chip/ChipGroup.js";import{DismissibleGroup as i}from"../dismissible-group/index.js";import{styled as n}from"../../styled.js";import{ActionIcon as a}from"../action-icon/ActionIcon.js";import{Icon as c}from"../icon/Icon.js";const p=n(m,{base:["flex","px-1"]}),f=({size:t="md",children:r,dismissActionLabel:s="Dismiss",...o})=>e.createElement(i.Item,{asChild:!0,...o},e.createElement(p,{size:t},e.createElement(m.Content,null,r),e.createElement(i.Trigger,{asChild:!0},e.createElement(a,{label:s,size:t==="sm"?"xs":"sm",className:"text-grey-600"},e.createElement(c,{is:l})))));export{f as ChipDismissibleGroupItem};
+import{Close as l}from"@atom-learning/icons";import*as e from"react";import{Chip as m}from"../chip/Chip.js";import{DismissibleGroup as i}from"../dismissible-group/index.js";import{styled as n}from"../../styled.js";import{ActionIcon as a}from"../action-icon/ActionIcon.js";import{Icon as c}from"../icon/Icon.js";const p=n(m,{base:["flex","px-1"]}),f=({size:t="md",children:s,dismissActionLabel:r="Dismiss",...o})=>e.createElement(i.Item,{asChild:!0,...o},e.createElement(p,{size:t},e.createElement(m.Content,null,s),e.createElement(i.Trigger,{asChild:!0},e.createElement(a,{label:r,size:t==="sm"?"xs":"sm",className:"text-grey-600"},e.createElement(c,{is:l})))));export{f as ChipDismissibleGroupItem};
 //# sourceMappingURL=ChipDismissibleGroupItem.js.map

package/dist/components/chip-dismissible-group/ChipDismissibleGroupItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ChipDismissibleGroupItem.js","sources":["../../../src/components/chip-dismissible-group/ChipDismissibleGroupItem.tsx"],"sourcesContent":["import { Close } from '@atom-learning/icons'\nimport * as React from 'react'\n\nimport { Chip } from '~/components/chip'\nimport { DismissibleGroup } from '~/components/dismissible-group'\nimport { styled } from '~/styled'\n\nimport { ActionIcon } from '../action-icon'\nimport { Icon } from '../icon'\n\nconst StyledChipDismissibleGroupItem = styled(Chip, {\n base: ['flex', 'px-1']\n})\n\nexport type TChipDismissibleGroupItem = React.ComponentProps<\n typeof DismissibleGroup.Item\n> &\n React.ComponentProps<typeof StyledChipDismissibleGroupItem> & {\n dismissActionLabel: string\n }\n\nexport const ChipDismissibleGroupItem = ({\n size = 'md',\n children,\n dismissActionLabel = 'Dismiss',\n ...rest\n}: TChipDismissibleGroupItem) => {\n return (\n <DismissibleGroup.Item asChild {...rest}>\n <StyledChipDismissibleGroupItem size={size}>\n <Chip.Content>{children}</Chip.Content>\n <DismissibleGroup.Trigger asChild>\n <ActionIcon\n label={dismissActionLabel}\n size={size === 'sm' ? 'xs' : 'sm'}\n className=\"text-grey-600\"\n >\n <Icon is={Close} />\n </ActionIcon>\n </DismissibleGroup.Trigger>\n </StyledChipDismissibleGroupItem>\n </DismissibleGroup.Item>\n )\n}\n"],"names":["StyledChipDismissibleGroupItem","styled","Chip","ChipDismissibleGroupItem","size","children","dismissActionLabel","rest","React","DismissibleGroup","ActionIcon","Icon","Close"],"mappings":"~~oVAUA~~,MAAMA,EAAiCC,EAAOC,EAAM,CAClD,KAAM,CAAC,OAAQ,MAAM,CACvB,CAAC,EASYC,EAA2B,CAAC,CACvC,KAAAC,EAAO,KACP,SAAAC,EACA,mBAAAC,EAAqB,UACrB,GAAGC,CACL,IAEIC,EAAA,cAACC,EAAiB,KAAjB,CAAsB,QAAO,GAAE,GAAGF,CACjCC,EAAAA,EAAA,cAACR,EAAA,CAA+B,KAAMI,CAAAA,EACpCI,EAAA,cAACN,EAAK,QAAL,KAAcG,CAAS,EACxBG,EAAA,cAACC,EAAiB,QAAjB,CAAyB,QAAO,EAAA,EAC/BD,EAAA,cAACE,EAAA,CACC,MAAOJ,EACP,KAAMF,IAAS,KAAO,KAAO,KAC7B,UAAU,eAAA,EAEVI,EAAA,cAACG,EAAA,CAAK,GAAIC,CAAO,CAAA,CACnB,CACF,CACF,CACF"}
1	+ {"version":3,"file":"ChipDismissibleGroupItem.js","sources":["../../../src/components/chip-dismissible-group/ChipDismissibleGroupItem.tsx"],"sourcesContent":["import { Close } from '@atom-learning/icons'\nimport * as React from 'react'\n\nimport { Chip } from '~/components/chip/Chip'\nimport { DismissibleGroup } from '~/components/dismissible-group'\nimport { styled } from '~/styled'\n\nimport { ActionIcon } from '../action-icon/ActionIcon'\nimport { Icon } from '../icon/Icon'\n\nconst StyledChipDismissibleGroupItem = styled(Chip, {\n base: ['flex', 'px-1']\n})\n\nexport type TChipDismissibleGroupItem = React.ComponentProps<\n typeof DismissibleGroup.Item\n> &\n React.ComponentProps<typeof StyledChipDismissibleGroupItem> & {\n dismissActionLabel: string\n }\n\nexport const ChipDismissibleGroupItem = ({\n size = 'md',\n children,\n dismissActionLabel = 'Dismiss',\n ...rest\n}: TChipDismissibleGroupItem) => {\n return (\n <DismissibleGroup.Item asChild {...rest}>\n <StyledChipDismissibleGroupItem size={size}>\n <Chip.Content>{children}</Chip.Content>\n <DismissibleGroup.Trigger asChild>\n <ActionIcon\n label={dismissActionLabel}\n size={size === 'sm' ? 'xs' : 'sm'}\n className=\"text-grey-600\"\n >\n <Icon is={Close} />\n </ActionIcon>\n </DismissibleGroup.Trigger>\n </StyledChipDismissibleGroupItem>\n </DismissibleGroup.Item>\n )\n}\n"],"names":["StyledChipDismissibleGroupItem","styled","Chip","ChipDismissibleGroupItem","size","children","dismissActionLabel","rest","React","DismissibleGroup","ActionIcon","Icon","Close"],"mappings":"uTAUA,MAAMA,EAAiCC,EAAOC,EAAM,CAClD,KAAM,CAAC,OAAQ,MAAM,CACvB,CAAC,EASYC,EAA2B,CAAC,CACvC,KAAAC,EAAO,KACP,SAAAC,EACA,mBAAAC,EAAqB,UACrB,GAAGC,CACL,IAEIC,EAAA,cAACC,EAAiB,KAAjB,CAAsB,QAAO,GAAE,GAAGF,CACjCC,EAAAA,EAAA,cAACR,EAAA,CAA+B,KAAMI,CAAAA,EACpCI,EAAA,cAACN,EAAK,QAAL,KAAcG,CAAS,EACxBG,EAAA,cAACC,EAAiB,QAAjB,CAAyB,QAAO,EAAA,EAC/BD,EAAA,cAACE,EAAA,CACC,MAAOJ,EACP,KAAMF,IAAS,KAAO,KAAO,KAC7B,UAAU,eAAA,EAEVI,EAAA,cAACG,EAAA,CAAK,GAAIC,CAAO,CAAA,CACnB,CACF,CACF,CACF"}

package/dist/components/chip-dismissible-group/ChipDismissibleGroupRoot.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { ChipGroup } from '../../components/chip';
+import { ChipGroup } from '../../components/chip/ChipGroup';
 import { DismissibleGroup } from '../../components/dismissible-group';
 type TChipDismissibleGroupRootProps = React.ComponentProps<typeof ChipGroup> & React.ComponentProps<typeof DismissibleGroup>;
 export declare const ChipDismissibleGroupRoot: React.ForwardRefExoticComponent<Omit<TChipDismissibleGroupRootProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/components/chip-dismissible-group/ChipDismissibleGroupRoot.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import*as o from"react";import"../chip/Chip.js";import{ChipGroup as e}from"../chip/ChipGroup.js";import{DismissibleGroup as m}from"../dismissible-group/index.js";const p=o.forwardRef((r,i)=>o.createElement(e,{as:m,ref:i,...r}));export{p as ChipDismissibleGroupRoot};
+import*as o from"react";import{ChipGroup as e}from"../chip/ChipGroup.js";import{DismissibleGroup as m}from"../dismissible-group/index.js";const p=o.forwardRef((r,i)=>o.createElement(e,{as:m,ref:i,...r}));export{p as ChipDismissibleGroupRoot};
 //# sourceMappingURL=ChipDismissibleGroupRoot.js.map

package/dist/components/chip-dismissible-group/ChipDismissibleGroupRoot.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ChipDismissibleGroupRoot.js","sources":["../../../src/components/chip-dismissible-group/ChipDismissibleGroupRoot.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { ChipGroup } from '~/components/chip'\nimport { DismissibleGroup } from '~/components/dismissible-group'\n\ntype TChipDismissibleGroupRootProps = React.ComponentProps<typeof ChipGroup> &\n React.ComponentProps<typeof DismissibleGroup>\n\nexport const ChipDismissibleGroupRoot = React.forwardRef<\n HTMLDivElement,\n TChipDismissibleGroupRootProps\n>((props, ref) => {\n return <ChipGroup as={DismissibleGroup} ref={ref as any} {...props} />\n})\n"],"names":["ChipDismissibleGroupRoot","React","props","ref","ChipGroup","DismissibleGroup"],"mappings":"~~kKAQO~~,MAAMA,EAA2BC,EAAM,WAG5C,CAACC,EAAOC,IACDF,EAAA,cAACG,EAAA,CAAU,GAAIC,EAAkB,IAAKF,EAAa,GAAGD,CAAAA,CAAO,CACrE"}
1	+ {"version":3,"file":"ChipDismissibleGroupRoot.js","sources":["../../../src/components/chip-dismissible-group/ChipDismissibleGroupRoot.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { ChipGroup } from '~/components/chip/ChipGroup'\nimport { DismissibleGroup } from '~/components/dismissible-group'\n\ntype TChipDismissibleGroupRootProps = React.ComponentProps<typeof ChipGroup> &\n React.ComponentProps<typeof DismissibleGroup>\n\nexport const ChipDismissibleGroupRoot = React.forwardRef<\n HTMLDivElement,\n TChipDismissibleGroupRootProps\n>((props, ref) => {\n return <ChipGroup as={DismissibleGroup} ref={ref as any} {...props} />\n})\n"],"names":["ChipDismissibleGroupRoot","React","props","ref","ChipGroup","DismissibleGroup"],"mappings":"0IAQO,MAAMA,EAA2BC,EAAM,WAG5C,CAACC,EAAOC,IACDF,EAAA,cAACG,EAAA,CAAU,GAAIC,EAAkB,IAAKF,EAAa,GAAGD,CAAAA,CAAO,CACrE"}

package/dist/components/chip-toggle-group/ChipToggleGroupItem.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{Ok as s}from"@atom-learning/icons";import*as d from"@radix-ui/react-toggle-group";import*as e from"react";import{Chip as t}from"../chip/Chip.js";import"../chip/ChipGroup.js";import{Icon as l}from"../icon/Icon.js";import{styled as o}from"../../styled.js";const n=o(l,{base:["hidden"]}),b=o(t,{base:["flex","not-disabled:cursor-pointer","not-disabled:data-[state=on]:hover:bg-white","not-disabled:data-[state=on]:hover:text-primary-1000","not-disabled:focus-visible:outline-none","not-disabled:focus-visible:relative","not-disabled:focus-visible:shadow-[var(--color-primary-800)_0px_0px_0px_4px]","not-disabled:focus-visible:shadow-[white_0px_0px_0px_2px]","not-disabled:focus-visible:z-1","not-disabled:hover:bg-grey-200","not-disabled:hover:border-current","not-disabled:hover:text-grey-1000","data-[state=off]:bg-white","data-[state=off]:border-grey-600","data-[state=off]:text-grey-800","data-[state=on]:[&_svg]:block"]}),m=({size:a="md",children:r,...i})=>e.createElement(d.Item,{...i,asChild:!0},e.createElement(b,{as:"button"},e.createElement(n,{is:s,size:a==="lg"?"md":"sm"}),e.createElement(t.Content,null,r)));export{m as ChipToggleGroupItem};
+import{Ok as i}from"@atom-learning/icons";import*as d from"@radix-ui/react-toggle-group";import*as e from"react";import{Chip as t}from"../chip/Chip.js";import{Icon as l}from"../icon/Icon.js";import{styled as o}from"../../styled.js";const n=o(l,{base:["hidden"]}),b=o(t,{base:["flex","not-disabled:cursor-pointer","not-disabled:data-[state=on]:hover:bg-white","not-disabled:data-[state=on]:hover:text-primary-1000","not-disabled:focus-visible:outline-none","not-disabled:focus-visible:relative","not-disabled:focus-visible:shadow-[var(--color-primary-800)_0px_0px_0px_4px]","not-disabled:focus-visible:shadow-[white_0px_0px_0px_2px]","not-disabled:focus-visible:z-1","not-disabled:hover:bg-grey-200","not-disabled:hover:border-current","not-disabled:hover:text-grey-1000","data-[state=off]:bg-white","data-[state=off]:border-grey-600","data-[state=off]:text-grey-800","data-[state=on]:[&_svg]:block"]}),m=({size:a="md",children:r,...s})=>e.createElement(d.Item,{...s,asChild:!0},e.createElement(b,{as:"button"},e.createElement(n,{is:i,size:a==="lg"?"md":"sm"}),e.createElement(t.Content,null,r)));export{m as ChipToggleGroupItem};
 //# sourceMappingURL=ChipToggleGroupItem.js.map

package/dist/components/chip-toggle-group/ChipToggleGroupItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ChipToggleGroupItem.js","sources":["../../../src/components/chip-toggle-group/ChipToggleGroupItem.tsx"],"sourcesContent":["import { Ok } from '@atom-learning/icons'\nimport * as ToggleGroup from '@radix-ui/react-toggle-group'\nimport * as React from 'react'\n\nimport { Chip } from '~/components/chip'\nimport { Icon } from '~/components/icon'\nimport { styled } from '~/styled'\n\nconst StyledChipToggleIcon = styled(Icon, {\n base: ['hidden']\n})\n\nconst StyledChipToggleGroupItem = styled(Chip, {\n base: [\n 'flex',\n 'not-disabled:cursor-pointer',\n 'not-disabled:data-[state=on]:hover:bg-white',\n 'not-disabled:data-[state=on]:hover:text-primary-1000',\n 'not-disabled:focus-visible:outline-none',\n 'not-disabled:focus-visible:relative',\n 'not-disabled:focus-visible:shadow-[var(--color-primary-800)_0px_0px_0px_4px]',\n 'not-disabled:focus-visible:shadow-[white_0px_0px_0px_2px]',\n 'not-disabled:focus-visible:z-1',\n 'not-disabled:hover:bg-grey-200',\n 'not-disabled:hover:border-current',\n 'not-disabled:hover:text-grey-1000',\n 'data-[state=off]:bg-white',\n 'data-[state=off]:border-grey-600',\n 'data-[state=off]:text-grey-800',\n 'data-[state=on]:[&_svg]:block'\n ]\n})\n\ntype TChipToggleGroupItem = React.ComponentProps<typeof ToggleGroup.Item> &\n React.ComponentProps<typeof StyledChipToggleGroupItem>\n\nexport const ChipToggleGroupItem = ({\n size = 'md',\n children,\n ...rest\n}: TChipToggleGroupItem) => {\n return (\n <ToggleGroup.Item {...rest} asChild>\n <StyledChipToggleGroupItem as=\"button\">\n <StyledChipToggleIcon is={Ok} size={size === 'lg' ? 'md' : 'sm'} />\n <Chip.Content>{children}</Chip.Content>\n </StyledChipToggleGroupItem>\n </ToggleGroup.Item>\n )\n}\n"],"names":["StyledChipToggleIcon","styled","Icon","StyledChipToggleGroupItem","Chip","ChipToggleGroupItem","size","children","rest","React","ToggleGroup","Ok"],"mappings":"~~qQAQA~~,MAAMA,EAAuBC,EAAOC,EAAM,CACxC,KAAM,CAAC,QAAQ,CACjB,CAAC,EAEKC,EAA4BF,EAAOG,EAAM,CAC7C,KAAM,CACJ,OACA,8BACA,8CACA,uDACA,0CACA,sCACA,+EACA,4DACA,iCACA,iCACA,oCACA,oCACA,4BACA,mCACA,iCACA,+BACF,CACF,CAAC,EAKYC,EAAsB,CAAC,CAClC,KAAAC,EAAO,KACP,SAAAC,EACA,GAAGC,CACL,IAEIC,EAAA,cAACC,EAAY,KAAZ,CAAkB,GAAGF,EAAM,QAAO,EAAA,EACjCC,EAAA,cAACN,EAAA,CAA0B,GAAG,QAAA,EAC5BM,EAAA,cAACT,EAAA,CAAqB,GAAIW,EAAI,KAAML,IAAS,KAAO,KAAO,IAAM,CAAA,EACjEG,EAAA,cAACL,EAAK,QAAL,KAAcG,CAAS,CAC1B,CACF"}
1	+ {"version":3,"file":"ChipToggleGroupItem.js","sources":["../../../src/components/chip-toggle-group/ChipToggleGroupItem.tsx"],"sourcesContent":["import { Ok } from '@atom-learning/icons'\nimport * as ToggleGroup from '@radix-ui/react-toggle-group'\nimport * as React from 'react'\n\nimport { Chip } from '~/components/chip/Chip'\nimport { Icon } from '~/components/icon/Icon'\nimport { styled } from '~/styled'\n\nconst StyledChipToggleIcon = styled(Icon, {\n base: ['hidden']\n})\n\nconst StyledChipToggleGroupItem = styled(Chip, {\n base: [\n 'flex',\n 'not-disabled:cursor-pointer',\n 'not-disabled:data-[state=on]:hover:bg-white',\n 'not-disabled:data-[state=on]:hover:text-primary-1000',\n 'not-disabled:focus-visible:outline-none',\n 'not-disabled:focus-visible:relative',\n 'not-disabled:focus-visible:shadow-[var(--color-primary-800)_0px_0px_0px_4px]',\n 'not-disabled:focus-visible:shadow-[white_0px_0px_0px_2px]',\n 'not-disabled:focus-visible:z-1',\n 'not-disabled:hover:bg-grey-200',\n 'not-disabled:hover:border-current',\n 'not-disabled:hover:text-grey-1000',\n 'data-[state=off]:bg-white',\n 'data-[state=off]:border-grey-600',\n 'data-[state=off]:text-grey-800',\n 'data-[state=on]:[&_svg]:block'\n ]\n})\n\ntype TChipToggleGroupItem = React.ComponentProps<typeof ToggleGroup.Item> &\n React.ComponentProps<typeof StyledChipToggleGroupItem>\n\nexport const ChipToggleGroupItem = ({\n size = 'md',\n children,\n ...rest\n}: TChipToggleGroupItem) => {\n return (\n <ToggleGroup.Item {...rest} asChild>\n <StyledChipToggleGroupItem as=\"button\">\n <StyledChipToggleIcon is={Ok} size={size === 'lg' ? 'md' : 'sm'} />\n <Chip.Content>{children}</Chip.Content>\n </StyledChipToggleGroupItem>\n </ToggleGroup.Item>\n )\n}\n"],"names":["StyledChipToggleIcon","styled","Icon","StyledChipToggleGroupItem","Chip","ChipToggleGroupItem","size","children","rest","React","ToggleGroup","Ok"],"mappings":"wOAQA,MAAMA,EAAuBC,EAAOC,EAAM,CACxC,KAAM,CAAC,QAAQ,CACjB,CAAC,EAEKC,EAA4BF,EAAOG,EAAM,CAC7C,KAAM,CACJ,OACA,8BACA,8CACA,uDACA,0CACA,sCACA,+EACA,4DACA,iCACA,iCACA,oCACA,oCACA,4BACA,mCACA,iCACA,+BACF,CACF,CAAC,EAKYC,EAAsB,CAAC,CAClC,KAAAC,EAAO,KACP,SAAAC,EACA,GAAGC,CACL,IAEIC,EAAA,cAACC,EAAY,KAAZ,CAAkB,GAAGF,EAAM,QAAO,EAAA,EACjCC,EAAA,cAACN,EAAA,CAA0B,GAAG,QAAA,EAC5BM,EAAA,cAACT,EAAA,CAAqB,GAAIW,EAAI,KAAML,IAAS,KAAO,KAAO,IAAM,CAAA,EACjEG,EAAA,cAACL,EAAK,QAAL,KAAcG,CAAS,CAC1B,CACF"}