@atom-learning/components 8.0.3 → 8.1.1

package/dist/components/checkbox-group/CheckboxGroup.d.ts

@@ -9,132 +9,19 @@ type CheckboxGroupRootProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'defaul
 export declare const CheckboxGroup: (({ checked, defaultChecked, onCheckedChange, asChild, ...rest }: CheckboxGroupRootProps) => React.JSX.Element) & {
     Item: ({ value, title, onCheckedChange, ...rest }: Omit<Omit<Omit<import("@radix-ui/react-checkbox").CheckboxProps & React.RefAttributes<HTMLButtonElement>, "size" | "state"> & {
         state?: "error" | undefined;
-        size?: "md" | "lg" | undefined;
+        size?: "lg" | "md" | undefined;
     } & {
         as?: React.ElementType;
-    }, "ref"> & React.RefAttributes<HTMLButtonElement>, "defaultChecked" | "checked" | "onCheckedChange"> & {
+    }, "ref"> & React.RefAttributes<HTMLButtonElement>, "checked" | "defaultChecked" | "onCheckedChange"> & {
         onCheckedChange?: (newChecked: boolean) => void;
     }) => React.JSX.Element;
     AllItem: ({ onCheckedChange, title, ...rest }: {
-        required?: boolean | undefined;
-        content?: string | undefined | undefined;
-        size?: "md" | "lg" | undefined;
-        translate?: "yes" | "no" | undefined | undefined;
-        color?: string | undefined | undefined;
-        prefix?: string | undefined | undefined;
-        children?: React.ReactNode;
-        form?: string | undefined | undefined;
-        slot?: string | undefined | undefined;
-        style?: React.CSSProperties | undefined;
-        title?: string | undefined | undefined;
-        ref?: React.Ref<HTMLButtonElement> | undefined;
-        as?: React.ElementType | undefined;
-        className?: string | undefined | undefined;
         key?: React.Key | null | undefined;
-        value?: string | number | readonly string[] | undefined;
-        name?: string | undefined | undefined;
-        defaultValue?: string | number | readonly string[] | undefined;
-        suppressContentEditableWarning?: boolean | undefined | undefined;
-        suppressHydrationWarning?: boolean | undefined | undefined;
-        accessKey?: string | undefined | undefined;
-        autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
-        autoFocus?: boolean | undefined | undefined;
-        contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
-        contextMenu?: string | undefined | undefined;
-        dir?: string | undefined | undefined;
-        draggable?: (boolean | "true" | "false") | undefined;
-        enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
-        hidden?: boolean | undefined | undefined;
-        id?: string | undefined | undefined;
-        lang?: string | undefined | undefined;
-        nonce?: string | undefined | undefined;
-        spellCheck?: (boolean | "true" | "false") | undefined;
-        tabIndex?: number | undefined | undefined;
-        radioGroup?: string | undefined | undefined;
-        role?: React.AriaRole | undefined;
-        about?: string | undefined | undefined;
-        datatype?: string | undefined | undefined;
-        inlist?: any;
-        property?: string | undefined | undefined;
-        rel?: string | undefined | undefined;
-        resource?: string | undefined | undefined;
-        rev?: string | undefined | undefined;
-        typeof?: string | undefined | undefined;
-        vocab?: string | undefined | undefined;
-        autoCorrect?: string | undefined | undefined;
-        autoSave?: string | undefined | undefined;
-        itemProp?: string | undefined | undefined;
-        itemScope?: boolean | undefined | undefined;
-        itemType?: string | undefined | undefined;
-        itemID?: string | undefined | undefined;
-        itemRef?: string | undefined | undefined;
-        results?: number | undefined | undefined;
-        security?: string | undefined | undefined;
-        unselectable?: "on" | "off" | undefined | undefined;
-        popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
-        popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
-        popoverTarget?: string | undefined | undefined;
-        inert?: boolean | undefined | undefined;
-        inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
-        is?: string | undefined | undefined;
-        exportparts?: string | undefined | undefined;
-        part?: string | undefined | undefined;
-        "aria-activedescendant"?: string | undefined | undefined;
-        "aria-atomic"?: (boolean | "true" | "false") | undefined;
-        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
-        "aria-braillelabel"?: string | undefined | undefined;
-        "aria-brailleroledescription"?: string | undefined | undefined;
-        "aria-busy"?: (boolean | "true" | "false") | undefined;
-        "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
-        "aria-colcount"?: number | undefined | undefined;
-        "aria-colindex"?: number | undefined | undefined;
-        "aria-colindextext"?: string | undefined | undefined;
-        "aria-colspan"?: number | undefined | undefined;
-        "aria-controls"?: string | undefined | undefined;
-        "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined | undefined;
-        "aria-describedby"?: string | undefined | undefined;
-        "aria-description"?: string | undefined | undefined;
-        "aria-details"?: string | undefined | undefined;
-        "aria-disabled"?: (boolean | "true" | "false") | undefined;
-        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
-        "aria-errormessage"?: string | undefined | undefined;
-        "aria-expanded"?: (boolean | "true" | "false") | undefined;
-        "aria-flowto"?: string | undefined | undefined;
-        "aria-grabbed"?: (boolean | "true" | "false") | undefined;
-        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined | undefined;
-        "aria-hidden"?: (boolean | "true" | "false") | undefined;
-        "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined | undefined;
-        "aria-keyshortcuts"?: string | undefined | undefined;
-        "aria-label"?: string | undefined | undefined;
-        "aria-labelledby"?: string | undefined | undefined;
-        "aria-level"?: number | undefined | undefined;
-        "aria-live"?: "off" | "assertive" | "polite" | undefined | undefined;
-        "aria-modal"?: (boolean | "true" | "false") | undefined;
-        "aria-multiline"?: (boolean | "true" | "false") | undefined;
-        "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
-        "aria-orientation"?: "horizontal" | "vertical" | undefined | undefined;
-        "aria-owns"?: string | undefined | undefined;
-        "aria-placeholder"?: string | undefined | undefined;
-        "aria-posinset"?: number | undefined | undefined;
-        "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
-        "aria-readonly"?: (boolean | "true" | "false") | undefined;
-        "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
-        "aria-required"?: (boolean | "true" | "false") | undefined;
-        "aria-roledescription"?: string | undefined | undefined;
-        "aria-rowcount"?: number | undefined | undefined;
-        "aria-rowindex"?: number | undefined | undefined;
-        "aria-rowindextext"?: string | undefined | undefined;
-        "aria-rowspan"?: number | undefined | undefined;
-        "aria-selected"?: (boolean | "true" | "false") | undefined;
-        "aria-setsize"?: number | undefined | undefined;
-        "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined | undefined;
-        "aria-valuemax"?: number | undefined | undefined;
-        "aria-valuemin"?: number | undefined | undefined;
-        "aria-valuenow"?: number | undefined | undefined;
-        "aria-valuetext"?: string | undefined | undefined;
+        ref?: React.Ref<HTMLButtonElement> | undefined;
+        children?: React.ReactNode | undefined;
         dangerouslySetInnerHTML?: {
             __html: string | TrustedHTML;
-        } | undefined | undefined;
+        } | undefined;
         onCopy?: React.ClipboardEventHandler<HTMLButtonElement> | undefined;
         onCopyCapture?: React.ClipboardEventHandler<HTMLButtonElement> | undefined;
         onCut?: React.ClipboardEventHandler<HTMLButtonElement> | undefined;
@@ -303,16 +190,129 @@ export declare const CheckboxGroup: (({ checked, defaultChecked, onCheckedChange
         onTransitionRunCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
         onTransitionStart?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
         onTransitionStartCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
-        asChild?: boolean | undefined;
-        disabled?: boolean | undefined | undefined;
-        type?: "submit" | "reset" | "button" | undefined | undefined;
-        formAction?: string | ((formData: FormData) => void | Promise<void>) | undefined;
-        formEncType?: string | undefined | undefined;
-        formMethod?: string | undefined | undefined;
-        formNoValidate?: boolean | undefined | undefined;
-        formTarget?: string | undefined | undefined;
-        state?: "error" | undefined;
+        "aria-activedescendant"?: string | undefined;
+        "aria-atomic"?: ("false" | "true" | boolean) | undefined;
+        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
+        "aria-braillelabel"?: string | undefined;
+        "aria-brailleroledescription"?: string | undefined;
+        "aria-busy"?: ("false" | "true" | boolean) | undefined;
+        "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
+        "aria-colcount"?: number | undefined;
+        "aria-colindex"?: number | undefined;
+        "aria-colindextext"?: string | undefined;
+        "aria-colspan"?: number | undefined;
+        "aria-controls"?: string | undefined;
+        "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
+        "aria-describedby"?: string | undefined;
+        "aria-description"?: string | undefined;
+        "aria-details"?: string | undefined;
+        "aria-disabled"?: ("false" | "true" | boolean) | undefined;
+        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
+        "aria-errormessage"?: string | undefined;
+        "aria-expanded"?: ("false" | "true" | boolean) | undefined;
+        "aria-flowto"?: string | undefined;
+        "aria-grabbed"?: ("false" | "true" | boolean) | undefined;
+        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
+        "aria-hidden"?: ("false" | "true" | boolean) | undefined;
+        "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
+        "aria-keyshortcuts"?: string | undefined;
+        "aria-label"?: string | undefined;
+        "aria-labelledby"?: string | undefined;
+        "aria-level"?: number | undefined;
+        "aria-live"?: "off" | "assertive" | "polite" | undefined;
+        "aria-modal"?: ("false" | "true" | boolean) | undefined;
+        "aria-multiline"?: ("false" | "true" | boolean) | undefined;
+        "aria-multiselectable"?: ("false" | "true" | boolean) | undefined;
+        "aria-orientation"?: "horizontal" | "vertical" | undefined;
+        "aria-owns"?: string | undefined;
+        "aria-placeholder"?: string | undefined;
+        "aria-posinset"?: number | undefined;
+        "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
+        "aria-readonly"?: ("false" | "true" | boolean) | undefined;
+        "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
+        "aria-required"?: ("false" | "true" | boolean) | undefined;
+        "aria-roledescription"?: string | undefined;
+        "aria-rowcount"?: number | undefined;
+        "aria-rowindex"?: number | undefined;
+        "aria-rowindextext"?: string | undefined;
+        "aria-rowspan"?: number | undefined;
+        "aria-selected"?: ("false" | "true" | boolean) | undefined;
+        "aria-setsize"?: number | undefined;
+        "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
+        "aria-valuemax"?: number | undefined;
+        "aria-valuemin"?: number | undefined;
+        "aria-valuenow"?: number | undefined;
+        "aria-valuetext"?: string | undefined;
+        defaultValue?: string | number | readonly string[] | undefined;
+        suppressContentEditableWarning?: boolean | undefined;
+        suppressHydrationWarning?: boolean | undefined;
+        accessKey?: string | undefined;
+        autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {});
+        autoFocus?: boolean | undefined;
+        className?: string | undefined;
+        contentEditable?: ("false" | "true" | boolean) | "inherit" | "plaintext-only" | undefined;
+        contextMenu?: string | undefined;
+        dir?: string | undefined;
+        draggable?: ("false" | "true" | boolean) | undefined;
+        enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
+        hidden?: boolean | undefined;
+        id?: string | undefined;
+        lang?: string | undefined;
+        nonce?: string | undefined;
+        slot?: string | undefined;
+        spellCheck?: ("false" | "true" | boolean) | undefined;
+        style?: React.CSSProperties | undefined;
+        tabIndex?: number | undefined;
+        title?: string | undefined;
+        translate?: "yes" | "no" | undefined;
+        radioGroup?: string | undefined;
+        role?: React.AriaRole | undefined;
+        about?: string | undefined;
+        content?: string | undefined;
+        datatype?: string | undefined;
+        inlist?: any;
+        prefix?: string | undefined;
+        property?: string | undefined;
+        rel?: string | undefined;
+        resource?: string | undefined;
+        rev?: string | undefined;
+        typeof?: string | undefined;
+        vocab?: string | undefined;
+        autoCorrect?: string | undefined;
+        autoSave?: string | undefined;
+        color?: string | undefined;
+        itemProp?: string | undefined;
+        itemScope?: boolean | undefined;
+        itemType?: string | undefined;
+        itemID?: string | undefined;
+        itemRef?: string | undefined;
+        results?: number | undefined;
+        security?: string | undefined;
+        unselectable?: "on" | "off" | undefined;
+        popover?: "" | "auto" | "manual" | "hint" | undefined;
+        popoverTargetAction?: "toggle" | "show" | "hide" | undefined;
+        popoverTarget?: string | undefined;
+        inert?: boolean | undefined;
+        inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
+        is?: string | undefined;
+        exportparts?: string | undefined;
+        part?: string | undefined;
+        disabled?: boolean | undefined;
+        form?: string | undefined;
+        formAction?: string | ((formData: FormData) => void | Promise<void>) | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS] | undefined;
+        formEncType?: string | undefined;
+        formMethod?: string | undefined;
+        formNoValidate?: boolean | undefined;
+        formTarget?: string | undefined;
+        name?: string | undefined;
+        type?: "submit" | "reset" | "button" | undefined;
+        value?: string | readonly string[] | number | undefined;
+        asChild?: boolean;
+        as?: React.ElementType;
+        required?: boolean;
         onCheckedChange?: ((checked: import("@radix-ui/react-checkbox").CheckedState) => void) | undefined;
+        state?: "error" | undefined;
+        size?: "lg" | "md" | undefined;
     }) => React.JSX.Element;
     Sub: ({ asChild, ...rest }: React.HTMLAttributes<HTMLDivElement> & {
         asChild?: boolean;

package/dist/components/checkbox-group/CheckboxGroup.js

@@ -1,5 +1,5 @@
-import { CheckboxGroupCheckedProvider } from "./context/CheckboxGroupChecked.context.js";
-import { CheckboxGroupMountedProvider } from "./context/CheckboxGroupMounted.context.js";
+import { CheckboxGroupCheckedProvider } from "./CheckboxGroupChecked.context.js";
+import { CheckboxGroupMountedProvider } from "./CheckboxGroupMounted.context.js";
 import { CheckboxGroupAllItem } from "./CheckboxGroupAllItem.js";
 import { CheckboxGroupItem } from "./CheckboxGroupItem.js";
 import { CheckboxGroupSub } from "./CheckboxGroupSub.js";

package/dist/components/checkbox-group/CheckboxGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxGroup.js","names":[],"sources":["../../../src/components/checkbox-group/CheckboxGroup.tsx"],"sourcesContent":["import { Slot } from '@radix-ui/react-slot'\nimport * as React from 'react'\n\nimport type { CheckboxGroupItemValue } from './CheckboxGroup.types'\nimport { CheckboxGroupAllItem } from './CheckboxGroupAllItem'\nimport { CheckboxGroupItem } from './CheckboxGroupItem'\nimport { CheckboxGroupSub } from './CheckboxGroupSub'\nimport { CheckboxGroupCheckedProvider } from './context/CheckboxGroupChecked.context'\nimport { CheckboxGroupMountedProvider } from './context/CheckboxGroupMounted.context'\n\ntype CheckboxGroupRootProps = Omit<\n  React.HTMLAttributes<HTMLDivElement>,\n  'defaultChecked'\n> & {\n  checked?: CheckboxGroupItemValue[]\n  onCheckedChange?: (checked: CheckboxGroupItemValue[]) => void\n  defaultChecked?: CheckboxGroupItemValue[]\n  asChild?: boolean\n}\n\nconst CheckboxGroupRoot = ({\n  checked,\n  defaultChecked,\n  onCheckedChange,\n  asChild = false,\n  ...rest\n}: CheckboxGroupRootProps) => {\n  const Component = asChild ? Slot : 'div'\n\n  return (\n    <CheckboxGroupCheckedProvider\n      checked={checked}\n      defaultChecked={defaultChecked}\n      onCheckedChange={onCheckedChange}\n    >\n      <CheckboxGroupMountedProvider>\n        <Component {...rest} />\n      </CheckboxGroupMountedProvider>\n    </CheckboxGroupCheckedProvider>\n  )\n}\n\nexport const CheckboxGroup = Object.assign(CheckboxGroupRoot, {\n  Item: CheckboxGroupItem,\n  AllItem: CheckboxGroupAllItem,\n  Sub: CheckboxGroupSub\n})\n"],"mappings":";;;;;;;;;AAoBA,IAAM,qBAAqB,EACzB,SACA,gBACA,iBACA,UAAU,OACV,GAAG,WACyB;AAG5B,QACE,oBAAC,8BAAD;EACW;EACO;EACC;YAEjB,oBAAC,8BAAD,EAAA,UACE,oBATY,UAAU,OAAO,OAS7B,EAAW,GAAI,MAAQ,CAAA,EACM,CAAA;EACF,CAAA;;AAInC,IAAa,gBAAgB,OAAO,OAAO,mBAAmB;CAC5D,MAAM;CACN,SAAS;CACT,KAAK;CACN,CAAC"}
+{"version":3,"file":"CheckboxGroup.js","names":[],"sources":["../../../src/components/checkbox-group/CheckboxGroup.tsx"],"sourcesContent":["import { Slot } from '@radix-ui/react-slot'\nimport * as React from 'react'\n\nimport type { CheckboxGroupItemValue } from './CheckboxGroup.types'\nimport { CheckboxGroupAllItem } from './CheckboxGroupAllItem'\nimport { CheckboxGroupCheckedProvider } from './CheckboxGroupChecked.context'\nimport { CheckboxGroupItem } from './CheckboxGroupItem'\nimport { CheckboxGroupMountedProvider } from './CheckboxGroupMounted.context'\nimport { CheckboxGroupSub } from './CheckboxGroupSub'\n\ntype CheckboxGroupRootProps = Omit<\n  React.HTMLAttributes<HTMLDivElement>,\n  'defaultChecked'\n> & {\n  checked?: CheckboxGroupItemValue[]\n  onCheckedChange?: (checked: CheckboxGroupItemValue[]) => void\n  defaultChecked?: CheckboxGroupItemValue[]\n  asChild?: boolean\n}\n\nconst CheckboxGroupRoot = ({\n  checked,\n  defaultChecked,\n  onCheckedChange,\n  asChild = false,\n  ...rest\n}: CheckboxGroupRootProps) => {\n  const Component = asChild ? Slot : 'div'\n\n  return (\n    <CheckboxGroupCheckedProvider\n      checked={checked}\n      defaultChecked={defaultChecked}\n      onCheckedChange={onCheckedChange}\n    >\n      <CheckboxGroupMountedProvider>\n        <Component {...rest} />\n      </CheckboxGroupMountedProvider>\n    </CheckboxGroupCheckedProvider>\n  )\n}\n\nexport const CheckboxGroup = Object.assign(CheckboxGroupRoot, {\n  Item: CheckboxGroupItem,\n  AllItem: CheckboxGroupAllItem,\n  Sub: CheckboxGroupSub\n})\n"],"mappings":";;;;;;;;;AAoBA,IAAM,qBAAqB,EACzB,SACA,gBACA,iBACA,UAAU,OACV,GAAG,WACyB;CAG5B,OACE,oBAAC,8BAAD;EACW;EACO;EACC;YAEjB,oBAAC,8BAAD,EAAA,UACE,oBATY,UAAU,OAAO,OAS7B,EAAW,GAAI,KAAO,CAAA,EACM,CAAA;CACF,CAAA;AAElC;AAEA,IAAa,gBAAgB,OAAO,OAAO,mBAAmB;CAC5D,MAAM;CACN,SAAS;CACT,KAAK;AACP,CAAC"}

package/dist/components/checkbox-group/CheckboxGroupAllItem.js

@@ -1,6 +1,6 @@
 import { Checkbox } from "../checkbox/Checkbox.js";
-import { CheckboxGroupCheckedContext } from "./context/CheckboxGroupChecked.context.js";
-import { CheckboxGroupMountedContext } from "./context/CheckboxGroupMounted.context.js";
+import { CheckboxGroupCheckedContext } from "./CheckboxGroupChecked.context.js";
+import { CheckboxGroupMountedContext } from "./CheckboxGroupMounted.context.js";
 import * as React$1 from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/checkbox-group/CheckboxGroupAllItem.tsx

package/dist/components/checkbox-group/CheckboxGroupAllItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxGroupAllItem.js","names":[],"sources":["../../../src/components/checkbox-group/CheckboxGroupAllItem.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Checkbox } from '../checkbox/Checkbox'\nimport { CheckboxGroupCheckedContext } from './context/CheckboxGroupChecked.context'\nimport { CheckboxGroupMountedContext } from './context/CheckboxGroupMounted.context'\n\ntype CheckboxGroupAllItemProps = Omit<\n  React.ComponentProps<typeof Checkbox>,\n  'checked' | 'defaultChecked'\n>\n\nexport const CheckboxGroupAllItem = ({\n  onCheckedChange,\n  title = 'all',\n  ...rest\n}: CheckboxGroupAllItemProps): React.JSX.Element => {\n  const {\n    checked: checkedItems,\n    handleItemCheckedChange: handleItemCheckedChangeContext\n  } = React.useContext(CheckboxGroupCheckedContext)\n  const { mounted: mountedItems } = React.useContext(\n    CheckboxGroupMountedContext\n  )\n\n  const handleItemCheckedChange = (newChecked) => {\n    mountedItems.forEach((value) => {\n      handleItemCheckedChangeContext(newChecked, value)\n    })\n    onCheckedChange?.(newChecked)\n  }\n\n  const isAllChecked = (() => {\n    if (!checkedItems.length || !mountedItems.length) return false\n\n    if (mountedItems.every((mountedItem) => checkedItems.includes(mountedItem)))\n      return true\n\n    if (mountedItems.some((mountedItem) => checkedItems.includes(mountedItem)))\n      return 'indeterminate'\n\n    return false\n  })()\n\n  return (\n    <Checkbox\n      onCheckedChange={handleItemCheckedChange}\n      checked={isAllChecked}\n      title={title}\n      {...rest}\n    />\n  )\n}\n"],"mappings":";;;;;;AAWA,IAAa,wBAAwB,EACnC,iBACA,QAAQ,OACR,GAAG,WAC+C;CAClD,MAAM,EACJ,SAAS,cACT,yBAAyB,mCACvB,QAAM,WAAW,4BAA4B;CACjD,MAAM,EAAE,SAAS,iBAAiB,QAAM,WACtC,4BACD;CAED,MAAM,2BAA2B,eAAe;AAC9C,eAAa,SAAS,UAAU;AAC9B,kCAA+B,YAAY,MAAM;IACjD;AACF,oBAAkB,WAAW;;AAe/B,QACE,oBAAC,UAAD;EACE,iBAAiB;EACjB,gBAfwB;AAC1B,OAAI,CAAC,aAAa,UAAU,CAAC,aAAa,OAAQ,QAAO;AAEzD,OAAI,aAAa,OAAO,gBAAgB,aAAa,SAAS,YAAY,CAAC,CACzE,QAAO;AAET,OAAI,aAAa,MAAM,gBAAgB,aAAa,SAAS,YAAY,CAAC,CACxE,QAAO;AAET,UAAO;MACL;EAMO;EACP,GAAI;EACJ,CAAA"}
+{"version":3,"file":"CheckboxGroupAllItem.js","names":[],"sources":["../../../src/components/checkbox-group/CheckboxGroupAllItem.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Checkbox } from '../checkbox/Checkbox'\nimport { CheckboxGroupCheckedContext } from './CheckboxGroupChecked.context'\nimport { CheckboxGroupMountedContext } from './CheckboxGroupMounted.context'\n\ntype CheckboxGroupAllItemProps = Omit<\n  React.ComponentProps<typeof Checkbox>,\n  'checked' | 'defaultChecked'\n>\n\nexport const CheckboxGroupAllItem = ({\n  onCheckedChange,\n  title = 'all',\n  ...rest\n}: CheckboxGroupAllItemProps) => {\n  const {\n    checked: checkedItems,\n    handleItemCheckedChange: handleItemCheckedChangeContext\n  } = React.useContext(CheckboxGroupCheckedContext)\n  const { mounted: mountedItems } = React.useContext(\n    CheckboxGroupMountedContext\n  )\n\n  const handleItemCheckedChange = (newChecked) => {\n    mountedItems.forEach((value) => {\n      handleItemCheckedChangeContext(newChecked, value)\n    })\n    onCheckedChange?.(newChecked)\n  }\n\n  const isAllChecked = (() => {\n    if (!checkedItems.length || !mountedItems.length) return false\n\n    if (mountedItems.every((mountedItem) => checkedItems.includes(mountedItem)))\n      return true\n\n    if (mountedItems.some((mountedItem) => checkedItems.includes(mountedItem)))\n      return 'indeterminate'\n\n    return false\n  })()\n\n  return (\n    <Checkbox\n      onCheckedChange={handleItemCheckedChange}\n      checked={isAllChecked}\n      title={title}\n      {...rest}\n    />\n  )\n}\n"],"mappings":";;;;;;AAWA,IAAa,wBAAwB,EACnC,iBACA,QAAQ,OACR,GAAG,WAC4B;CAC/B,MAAM,EACJ,SAAS,cACT,yBAAyB,mCACvB,QAAM,WAAW,2BAA2B;CAChD,MAAM,EAAE,SAAS,iBAAiB,QAAM,WACtC,2BACF;CAEA,MAAM,2BAA2B,eAAe;EAC9C,aAAa,SAAS,UAAU;GAC9B,+BAA+B,YAAY,KAAK;EAClD,CAAC;EACD,kBAAkB,UAAU;CAC9B;CAcA,OACE,oBAAC,UAAD;EACE,iBAAiB;EACjB,gBAfwB;GAC1B,IAAI,CAAC,aAAa,UAAU,CAAC,aAAa,QAAQ,OAAO;GAEzD,IAAI,aAAa,OAAO,gBAAgB,aAAa,SAAS,WAAW,CAAC,GACxE,OAAO;GAET,IAAI,aAAa,MAAM,gBAAgB,aAAa,SAAS,WAAW,CAAC,GACvE,OAAO;GAET,OAAO;EACT,EAAA,CAKa;EACF;EACP,GAAI;CACL,CAAA;AAEL"}

package/dist/components/checkbox-group/{context/CheckboxGroupChecked.context.d.ts → CheckboxGroupChecked.context.d.ts}

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { CheckboxGroupItemValue } from '../CheckboxGroup.types';
+import type { CheckboxGroupItemValue } from './CheckboxGroup.types';
 type CheckboxGroupCheckedContextValue = {
     checked: CheckboxGroupItemValue[];
     handleItemCheckedChange: (newItemChecked: boolean, itemValue: CheckboxGroupItemValue) => void;

package/dist/components/checkbox-group/{context/CheckboxGroupChecked.context.js → CheckboxGroupChecked.context.js}

@@ -1,6 +1,6 @@
 import * as React$1 from "react";
 import { jsx } from "react/jsx-runtime";
-//#region src/components/checkbox-group/context/CheckboxGroupChecked.context.tsx
+//#region src/components/checkbox-group/CheckboxGroupChecked.context.tsx
 var CheckboxGroupCheckedContext = React$1.createContext({
 	checked: [],
 	handleItemCheckedChange: () => null

package/dist/components/checkbox-group/CheckboxGroupChecked.context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxGroupChecked.context.js","names":[],"sources":["../../../src/components/checkbox-group/CheckboxGroupChecked.context.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport type { CheckboxGroupItemValue } from './CheckboxGroup.types'\n\ntype CheckboxGroupCheckedContextValue = {\n  checked: CheckboxGroupItemValue[]\n  handleItemCheckedChange: (\n    newItemChecked: boolean,\n    itemValue: CheckboxGroupItemValue\n  ) => void\n}\n\ntype CheckboxGroupCheckedContextProps = {\n  checked?: CheckboxGroupCheckedContextValue['checked']\n  defaultChecked?: CheckboxGroupCheckedContextValue['checked']\n  onCheckedChange?: (\n    checked: CheckboxGroupCheckedContextValue['checked']\n  ) => void\n}\n\nexport const CheckboxGroupCheckedContext =\n  React.createContext<CheckboxGroupCheckedContextValue>({\n    checked: [],\n    handleItemCheckedChange: () => null\n  })\n\nconst generateNewCheckedFn = (\n  currentChecked: CheckboxGroupCheckedContextValue['checked']\n) => {\n  return (newItemChecked, itemValue) => {\n    const newCheckedSet = new Set(currentChecked)\n    if (newItemChecked) {\n      newCheckedSet.add(itemValue)\n    } else {\n      newCheckedSet.delete(itemValue)\n    }\n    const newChecked = Array.from(newCheckedSet)\n    return newChecked\n  }\n}\n\nexport const CheckboxGroupCheckedProvider = ({\n  checked: controlledChecked,\n  defaultChecked = [],\n  onCheckedChange,\n  ...rest\n}: React.PropsWithChildren<CheckboxGroupCheckedContextProps>) => {\n  const [checked, setChecked] = React.useState(defaultChecked)\n\n  const handleItemControlledCheckedChange = React.useCallback(\n    (newItemChecked, itemValue) => {\n      if (!controlledChecked) return () => null\n      const newCheckedFn = generateNewCheckedFn(controlledChecked)\n      const newChecked = newCheckedFn(newItemChecked, itemValue)\n      onCheckedChange?.(newChecked)\n    },\n    [onCheckedChange, controlledChecked]\n  )\n\n  const handleItemCheckedChange = React.useCallback(\n    (newItemChecked, itemValue) => {\n      setChecked((prevChecked) => {\n        const newCheckedFn = generateNewCheckedFn(prevChecked)\n        const newChecked = newCheckedFn(newItemChecked, itemValue)\n        onCheckedChange?.(newChecked)\n        return newChecked\n      })\n    },\n    [onCheckedChange]\n  )\n\n  const value = React.useMemo<CheckboxGroupCheckedContextValue>(() => {\n    const isControlled = Array.isArray(controlledChecked)\n    return {\n      checked: isControlled\n        ? (controlledChecked as CheckboxGroupCheckedContextValue['checked']) // We're literally JUST checking it above but TS still flags it, wrongly, so casting\n        : checked,\n      handleItemCheckedChange: isControlled\n        ? handleItemControlledCheckedChange\n        : handleItemCheckedChange\n    }\n  }, [\n    checked,\n    handleItemCheckedChange,\n    handleItemControlledCheckedChange,\n    controlledChecked\n  ])\n\n  return <CheckboxGroupCheckedContext.Provider value={value} {...rest} />\n}\n"],"mappings":";;;AAoBA,IAAa,8BACX,QAAM,cAAgD;CACpD,SAAS,CAAC;CACV,+BAA+B;AACjC,CAAC;AAEH,IAAM,wBACJ,mBACG;CACH,QAAQ,gBAAgB,cAAc;EACpC,MAAM,gBAAgB,IAAI,IAAI,cAAc;EAC5C,IAAI,gBACF,cAAc,IAAI,SAAS;OAE3B,cAAc,OAAO,SAAS;EAGhC,OADmB,MAAM,KAAK,aACvB;CACT;AACF;AAEA,IAAa,gCAAgC,EAC3C,SAAS,mBACT,iBAAiB,CAAC,GAClB,iBACA,GAAG,WAC4D;CAC/D,MAAM,CAAC,SAAS,cAAc,QAAM,SAAS,cAAc;CAE3D,MAAM,oCAAoC,QAAM,aAC7C,gBAAgB,cAAc;EAC7B,IAAI,CAAC,mBAAmB,aAAa;EAErC,MAAM,aADe,qBAAqB,iBACvB,CAAA,CAAa,gBAAgB,SAAS;EACzD,kBAAkB,UAAU;CAC9B,GACA,CAAC,iBAAiB,iBAAiB,CACrC;CAEA,MAAM,0BAA0B,QAAM,aACnC,gBAAgB,cAAc;EAC7B,YAAY,gBAAgB;GAE1B,MAAM,aADe,qBAAqB,WACvB,CAAA,CAAa,gBAAgB,SAAS;GACzD,kBAAkB,UAAU;GAC5B,OAAO;EACT,CAAC;CACH,GACA,CAAC,eAAe,CAClB;CAEA,MAAM,QAAQ,QAAM,cAAgD;EAClE,MAAM,eAAe,MAAM,QAAQ,iBAAiB;EACpD,OAAO;GACL,SAAS,eACJ,oBACD;GACJ,yBAAyB,eACrB,oCACA;EACN;CACF,GAAG;EACD;EACA;EACA;EACA;CACF,CAAC;CAED,OAAO,oBAAC,4BAA4B,UAA7B;EAA6C;EAAO,GAAI;CAAO,CAAA;AACxE"}

package/dist/components/checkbox-group/CheckboxGroupItem.js

@@ -1,6 +1,6 @@
 import { Checkbox } from "../checkbox/Checkbox.js";
-import { CheckboxGroupCheckedContext } from "./context/CheckboxGroupChecked.context.js";
-import { CheckboxGroupMountedContext } from "./context/CheckboxGroupMounted.context.js";
+import { CheckboxGroupCheckedContext } from "./CheckboxGroupChecked.context.js";
+import { CheckboxGroupMountedContext } from "./CheckboxGroupMounted.context.js";
 import * as React$1 from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/checkbox-group/CheckboxGroupItem.tsx

package/dist/components/checkbox-group/CheckboxGroupItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxGroupItem.js","names":[],"sources":["../../../src/components/checkbox-group/CheckboxGroupItem.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Checkbox } from '../checkbox/Checkbox'\nimport { CheckboxGroupCheckedContext } from './context/CheckboxGroupChecked.context'\nimport { CheckboxGroupMountedContext } from './context/CheckboxGroupMounted.context'\n\ntype CheckboxGroupItemProps = Omit<\n  React.ComponentProps<typeof Checkbox>,\n  'onCheckedChange' | 'checked' | 'defaultChecked'\n> & {\n  onCheckedChange?: (newChecked: boolean) => void\n}\n\nexport const CheckboxGroupItem = ({\n  value,\n  title,\n  onCheckedChange,\n  ...rest\n}: CheckboxGroupItemProps): React.JSX.Element => {\n  const {\n    checked: checkedItems,\n    handleItemCheckedChange: handleItemCheckedChangeContext\n  } = React.useContext(CheckboxGroupCheckedContext)\n  const { handleItemMountedChange } = React.useContext(\n    CheckboxGroupMountedContext\n  )\n\n  const handleItemCheckedChange = (newChecked) => {\n    handleItemCheckedChangeContext(newChecked, value)\n    onCheckedChange?.(newChecked)\n  }\n\n  React.useEffect(() => {\n    handleItemMountedChange(true, value)\n    return () => {\n      handleItemMountedChange(false, value)\n    }\n  }, [handleItemMountedChange, value])\n\n  return (\n    <Checkbox\n      onCheckedChange={handleItemCheckedChange}\n      checked={checkedItems.includes(value)}\n      title={title ?? String(value)}\n      {...rest}\n    />\n  )\n}\n"],"mappings":";;;;;;AAaA,IAAa,qBAAqB,EAChC,OACA,OACA,iBACA,GAAG,WAC4C;CAC/C,MAAM,EACJ,SAAS,cACT,yBAAyB,mCACvB,QAAM,WAAW,4BAA4B;CACjD,MAAM,EAAE,4BAA4B,QAAM,WACxC,4BACD;CAED,MAAM,2BAA2B,eAAe;AAC9C,iCAA+B,YAAY,MAAM;AACjD,oBAAkB,WAAW;;AAG/B,SAAM,gBAAgB;AACpB,0BAAwB,MAAM,MAAM;AACpC,eAAa;AACX,2BAAwB,OAAO,MAAM;;IAEtC,CAAC,yBAAyB,MAAM,CAAC;AAEpC,QACE,oBAAC,UAAD;EACE,iBAAiB;EACjB,SAAS,aAAa,SAAS,MAAM;EACrC,OAAO,SAAS,OAAO,MAAM;EAC7B,GAAI;EACJ,CAAA"}
+{"version":3,"file":"CheckboxGroupItem.js","names":[],"sources":["../../../src/components/checkbox-group/CheckboxGroupItem.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Checkbox } from '../checkbox/Checkbox'\nimport { CheckboxGroupCheckedContext } from './CheckboxGroupChecked.context'\nimport { CheckboxGroupMountedContext } from './CheckboxGroupMounted.context'\n\ntype CheckboxGroupItemProps = Omit<\n  React.ComponentProps<typeof Checkbox>,\n  'onCheckedChange' | 'checked' | 'defaultChecked'\n> & {\n  onCheckedChange?: (newChecked: boolean) => void\n}\n\nexport const CheckboxGroupItem = ({\n  value,\n  title,\n  onCheckedChange,\n  ...rest\n}: CheckboxGroupItemProps) => {\n  const {\n    checked: checkedItems,\n    handleItemCheckedChange: handleItemCheckedChangeContext\n  } = React.useContext(CheckboxGroupCheckedContext)\n  const { handleItemMountedChange } = React.useContext(\n    CheckboxGroupMountedContext\n  )\n\n  const handleItemCheckedChange = (newChecked) => {\n    handleItemCheckedChangeContext(newChecked, value)\n    onCheckedChange?.(newChecked)\n  }\n\n  React.useEffect(() => {\n    handleItemMountedChange(true, value)\n    return () => {\n      handleItemMountedChange(false, value)\n    }\n  }, [handleItemMountedChange, value])\n\n  return (\n    <Checkbox\n      onCheckedChange={handleItemCheckedChange}\n      checked={checkedItems.includes(value)}\n      title={title ?? String(value)}\n      {...rest}\n    />\n  )\n}\n"],"mappings":";;;;;;AAaA,IAAa,qBAAqB,EAChC,OACA,OACA,iBACA,GAAG,WACyB;CAC5B,MAAM,EACJ,SAAS,cACT,yBAAyB,mCACvB,QAAM,WAAW,2BAA2B;CAChD,MAAM,EAAE,4BAA4B,QAAM,WACxC,2BACF;CAEA,MAAM,2BAA2B,eAAe;EAC9C,+BAA+B,YAAY,KAAK;EAChD,kBAAkB,UAAU;CAC9B;CAEA,QAAM,gBAAgB;EACpB,wBAAwB,MAAM,KAAK;EACnC,aAAa;GACX,wBAAwB,OAAO,KAAK;EACtC;CACF,GAAG,CAAC,yBAAyB,KAAK,CAAC;CAEnC,OACE,oBAAC,UAAD;EACE,iBAAiB;EACjB,SAAS,aAAa,SAAS,KAAK;EACpC,OAAO,SAAS,OAAO,KAAK;EAC5B,GAAI;CACL,CAAA;AAEL"}

package/dist/components/checkbox-group/{context/CheckboxGroupMounted.context.d.ts → CheckboxGroupMounted.context.d.ts}

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { CheckboxGroupItemValue } from '../CheckboxGroup.types';
+import type { CheckboxGroupItemValue } from './CheckboxGroup.types';
 type CheckboxGroupMountedContextValue = {
     mounted: CheckboxGroupItemValue[];
     handleItemMountedChange: (newItemMounted: boolean, itemValue: CheckboxGroupItemValue) => void;

package/dist/components/checkbox-group/{context/CheckboxGroupMounted.context.js → CheckboxGroupMounted.context.js}

@@ -1,6 +1,6 @@
 import * as React$1 from "react";
 import { jsx } from "react/jsx-runtime";
-//#region src/components/checkbox-group/context/CheckboxGroupMounted.context.tsx
+//#region src/components/checkbox-group/CheckboxGroupMounted.context.tsx
 var CheckboxGroupMountedContext = React$1.createContext({
 	mounted: [],
 	handleItemMountedChange: () => null

package/dist/components/checkbox-group/CheckboxGroupMounted.context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxGroupMounted.context.js","names":[],"sources":["../../../src/components/checkbox-group/CheckboxGroupMounted.context.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport type { CheckboxGroupItemValue } from './CheckboxGroup.types'\n\ntype CheckboxGroupMountedContextValue = {\n  mounted: CheckboxGroupItemValue[]\n  handleItemMountedChange: (\n    newItemMounted: boolean,\n    itemValue: CheckboxGroupItemValue\n  ) => void\n}\n\nexport const CheckboxGroupMountedContext =\n  React.createContext<CheckboxGroupMountedContextValue>({\n    mounted: [],\n    handleItemMountedChange: () => null\n  })\n\nexport const CheckboxGroupMountedProvider = (props) => {\n  const { handleItemMountedChange: handleItemMountedChangeFurtherUpContext } =\n    React.useContext(CheckboxGroupMountedContext)\n\n  const [mounted, setMounted] = React.useState<CheckboxGroupItemValue[]>([])\n  const handleItemMountedChange = React.useCallback(\n    (newItemMounted, itemValue) => {\n      handleItemMountedChangeFurtherUpContext?.(newItemMounted, itemValue)\n      setMounted((prevMounted) => {\n        const newMountedSet = new Set(prevMounted)\n        if (newItemMounted) {\n          newMountedSet.add(itemValue)\n        } else {\n          newMountedSet.delete(itemValue)\n        }\n        const newMounted = Array.from(newMountedSet)\n        return newMounted\n      })\n    },\n    [handleItemMountedChangeFurtherUpContext]\n  )\n\n  const value = React.useMemo<CheckboxGroupMountedContextValue>(\n    () => ({ mounted, handleItemMountedChange }),\n    [mounted, handleItemMountedChange]\n  )\n\n  return <CheckboxGroupMountedContext.Provider value={value} {...props} />\n}\n"],"mappings":";;;AAYA,IAAa,8BACX,QAAM,cAAgD;CACpD,SAAS,CAAC;CACV,+BAA+B;AACjC,CAAC;AAEH,IAAa,gCAAgC,UAAU;CACrD,MAAM,EAAE,yBAAyB,4CAC/B,QAAM,WAAW,2BAA2B;CAE9C,MAAM,CAAC,SAAS,cAAc,QAAM,SAAmC,CAAC,CAAC;CACzE,MAAM,0BAA0B,QAAM,aACnC,gBAAgB,cAAc;EAC7B,0CAA0C,gBAAgB,SAAS;EACnE,YAAY,gBAAgB;GAC1B,MAAM,gBAAgB,IAAI,IAAI,WAAW;GACzC,IAAI,gBACF,cAAc,IAAI,SAAS;QAE3B,cAAc,OAAO,SAAS;GAGhC,OADmB,MAAM,KAAK,aACvB;EACT,CAAC;CACH,GACA,CAAC,uCAAuC,CAC1C;CAEA,MAAM,QAAQ,QAAM,eACX;EAAE;EAAS;CAAwB,IAC1C,CAAC,SAAS,uBAAuB,CACnC;CAEA,OAAO,oBAAC,4BAA4B,UAA7B;EAA6C;EAAO,GAAI;CAAQ,CAAA;AACzE"}

package/dist/components/checkbox-group/CheckboxGroupSub.js

@@ -1,4 +1,4 @@
-import { CheckboxGroupMountedProvider } from "./context/CheckboxGroupMounted.context.js";
+import { CheckboxGroupMountedProvider } from "./CheckboxGroupMounted.context.js";
 import "react";
 import { jsx } from "react/jsx-runtime";
 import { Slot } from "@radix-ui/react-slot";

package/dist/components/checkbox-group/CheckboxGroupSub.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxGroupSub.js","names":[],"sources":["../../../src/components/checkbox-group/CheckboxGroupSub.tsx"],"sourcesContent":["import { Slot } from '@radix-ui/react-slot'\nimport * as React from 'react'\n\nimport { CheckboxGroupMountedProvider } from './context/CheckboxGroupMounted.context'\n\ntype CheckboxGroupSubProps = React.HTMLAttributes<HTMLDivElement> & {\n  asChild?: boolean\n}\n\nexport const CheckboxGroupSub = ({\n  asChild = false,\n  ...rest\n}: CheckboxGroupSubProps): React.JSX.Element => {\n  const Component = asChild ? Slot : 'div'\n\n  return (\n    <CheckboxGroupMountedProvider>\n      <Component {...rest} />\n    </CheckboxGroupMountedProvider>\n  )\n}\n"],"mappings":";;;;;AASA,IAAa,oBAAoB,EAC/B,UAAU,OACV,GAAG,WAC2C;AAG9C,QACE,oBAAC,8BAAD,EAAA,UACE,oBAJc,UAAU,OAAO,OAI/B,EAAW,GAAI,MAAQ,CAAA,EACM,CAAA"}
+{"version":3,"file":"CheckboxGroupSub.js","names":[],"sources":["../../../src/components/checkbox-group/CheckboxGroupSub.tsx"],"sourcesContent":["import { Slot } from '@radix-ui/react-slot'\nimport * as React from 'react'\n\nimport { CheckboxGroupMountedProvider } from './CheckboxGroupMounted.context'\n\ntype CheckboxGroupSubProps = React.HTMLAttributes<HTMLDivElement> & {\n  asChild?: boolean\n}\n\nexport const CheckboxGroupSub = ({\n  asChild = false,\n  ...rest\n}: CheckboxGroupSubProps) => {\n  const Component = asChild ? Slot : 'div'\n\n  return (\n    <CheckboxGroupMountedProvider>\n      <Component {...rest} />\n    </CheckboxGroupMountedProvider>\n  )\n}\n"],"mappings":";;;;;AASA,IAAa,oBAAoB,EAC/B,UAAU,OACV,GAAG,WACwB;CAG3B,OACE,oBAAC,8BAAD,EAAA,UACE,oBAJc,UAAU,OAAO,OAI/B,EAAW,GAAI,KAAO,CAAA,EACM,CAAA;AAElC"}

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { CheckboxGroup } from '../checkbox-group/CheckboxGroup';
 import { Tree } from '../tree/Tree';
 import { CheckboxTreeCollapsible } from './CheckboxTreeCollapsible';

package/dist/components/checkbox-tree/CheckboxTree.js

@@ -23,6 +23,6 @@ var CheckboxTree = Object.assign(CheckboxTreeRoot, {
 	Item: CheckboxTreeItem
 });
 //#endregion
-export { CheckboxTree };
+export { CheckboxTree, CheckboxTreeRoot };
 
 //# sourceMappingURL=CheckboxTree.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CheckboxTree.js","names":[],"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): React.ReactElement<unknown> => {\n  const checkboxGroupProps = { checked, defaultChecked, onCheckedChange }\n  return (\n    <CheckboxGroup {...checkboxGroupProps} asChild>\n      <Tree {...rest} />\n    </CheckboxGroup>\n  )\n}\n\ntype CheckboxTreeType = typeof CheckboxTreeRoot & {\n  Collapsible: typeof CheckboxTreeCollapsible\n  CollapsibleContent: typeof CheckboxTreeCollapsibleContent\n  CollapsibleTrigger: typeof CheckboxTreeCollapsibleTrigger\n  Item: typeof CheckboxTreeItem\n}\n\nexport const CheckboxTree: CheckboxTreeType = Object.assign(CheckboxTreeRoot, {\n  Collapsible: CheckboxTreeCollapsible,\n  CollapsibleContent: CheckboxTreeCollapsibleContent,\n  CollapsibleTrigger: CheckboxTreeCollapsibleTrigger,\n  Item: CheckboxTreeItem\n})\n"],"mappings":";;;;;;;;;AAeA,IAAa,oBAAoB,EAC/B,SACA,gBACA,iBACA,GAAG,WACqD;AAExD,QACE,oBAAC,eAAD;EAF2B;EAAS;EAAgB;EAEb,SAAA;YACrC,oBAAC,MAAD,EAAM,GAAI,MAAQ,CAAA;EACJ,CAAA;;AAWpB,IAAa,eAAiC,OAAO,OAAO,kBAAkB;CAC5E,aAAa;CACb,oBAAoB;CACpB,oBAAoB;CACpB,MAAM;CACP,CAAC"}
+{"version":3,"file":"CheckboxTree.js","names":[],"sources":["../../../src/components/checkbox-tree/CheckboxTree.tsx"],"sourcesContent":["import * as 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): React.ReactElement<unknown> => {\n  const checkboxGroupProps = { checked, defaultChecked, onCheckedChange }\n  return (\n    <CheckboxGroup {...checkboxGroupProps} asChild>\n      <Tree {...rest} />\n    </CheckboxGroup>\n  )\n}\n\ntype CheckboxTreeType = typeof CheckboxTreeRoot & {\n  Collapsible: typeof CheckboxTreeCollapsible\n  CollapsibleContent: typeof CheckboxTreeCollapsibleContent\n  CollapsibleTrigger: typeof CheckboxTreeCollapsibleTrigger\n  Item: typeof CheckboxTreeItem\n}\n\nexport const CheckboxTree: CheckboxTreeType = Object.assign(CheckboxTreeRoot, {\n  Collapsible: CheckboxTreeCollapsible,\n  CollapsibleContent: CheckboxTreeCollapsibleContent,\n  CollapsibleTrigger: CheckboxTreeCollapsibleTrigger,\n  Item: CheckboxTreeItem\n})\n"],"mappings":";;;;;;;;;AAeA,IAAa,oBAAoB,EAC/B,SACA,gBACA,iBACA,GAAG,WACqD;CAExD,OACE,oBAAC,eAAD;EAF2B;EAAS;EAAgB;EAEb,SAAA;YACrC,oBAAC,MAAD,EAAM,GAAI,KAAO,CAAA;CACJ,CAAA;AAEnB;AASA,IAAa,eAAiC,OAAO,OAAO,kBAAkB;CAC5E,aAAa;CACb,oBAAoB;CACpB,oBAAoB;CACpB,MAAM;AACR,CAAC"}

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 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'>;

package/dist/components/checkbox-tree/CheckboxTreeCollapsible.js

@@ -3,15 +3,13 @@ import { Tree } from "../tree/Tree.js";
 import "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/checkbox-tree/CheckboxTreeCollapsible.tsx
-var CheckboxTreeCollapsible = ({ children, ...rest }) => {
-	return /* @__PURE__ */ jsx(CheckboxGroup.Sub, {
-		asChild: true,
-		children: /* @__PURE__ */ jsx(Tree.Collapsible, {
-			...rest,
-			children
-		})
-	});
-};
+var CheckboxTreeCollapsible = ({ children, ...rest }) => /* @__PURE__ */ jsx(CheckboxGroup.Sub, {
+	asChild: true,
+	children: /* @__PURE__ */ jsx(Tree.Collapsible, {
+		...rest,
+		children
+	})
+});
 //#endregion
 export { CheckboxTreeCollapsible };
 

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

@@ -1 +1 @@
-{"version":3,"file":"CheckboxTreeCollapsible.js","names":[],"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): React.JSX.Element => {\n  return (\n    <CheckboxGroup.Sub asChild>\n      <Tree.Collapsible {...rest}>{children}</Tree.Collapsible>\n    </CheckboxGroup.Sub>\n  )\n}\n"],"mappings":";;;;;AAWA,IAAa,2BAA2B,EACtC,UACA,GAAG,WACkD;AACrD,QACE,oBAAC,cAAc,KAAf;EAAmB,SAAA;YACjB,oBAAC,KAAK,aAAN;GAAkB,GAAI;GAAO;GAA4B,CAAA;EACvC,CAAA"}
+{"version":3,"file":"CheckboxTreeCollapsible.js","names":[],"sources":["../../../src/components/checkbox-tree/CheckboxTreeCollapsible.tsx"],"sourcesContent":["import * as 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) => (\n  <CheckboxGroup.Sub asChild>\n    <Tree.Collapsible {...rest}>{children}</Tree.Collapsible>\n  </CheckboxGroup.Sub>\n)\n"],"mappings":";;;;;AAWA,IAAa,2BAA2B,EACtC,UACA,GAAG,WAEH,oBAAC,cAAc,KAAf;CAAmB,SAAA;WACjB,oBAAC,KAAK,aAAN;EAAkB,GAAI;EAAO;CAA2B,CAAA;AACvC,CAAA"}

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

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

package/dist/components/checkbox-tree/CheckboxTreeCollapsibleContent.js

@@ -3,16 +3,14 @@ import { Tree } from "../tree/Tree.js";
 import "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/checkbox-tree/CheckboxTreeCollapsibleContent.tsx
-var CheckboxTreeCollapsibleContent = ({ children, ...rest }) => {
-	return /* @__PURE__ */ jsx(CheckboxGroup.Sub, {
-		asChild: true,
-		children: /* @__PURE__ */ jsx(Tree.CollapsibleContent, {
-			...rest,
-			forceMount: true,
-			children
-		})
-	});
-};
+var CheckboxTreeCollapsibleContent = ({ children, ...rest }) => /* @__PURE__ */ jsx(CheckboxGroup.Sub, {
+	asChild: true,
+	children: /* @__PURE__ */ jsx(Tree.CollapsibleContent, {
+		...rest,
+		forceMount: true,
+		children
+	})
+});
 //#endregion
 export { CheckboxTreeCollapsibleContent };
 

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

@@ -1 +1 @@
-{"version":3,"file":"CheckboxTreeCollapsibleContent.js","names":[],"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): React.JSX.Element => {\n  return (\n    <CheckboxGroup.Sub asChild>\n      <Tree.CollapsibleContent {...rest} forceMount>\n        {children}\n      </Tree.CollapsibleContent>\n    </CheckboxGroup.Sub>\n  )\n}\n"],"mappings":";;;;;AAUA,IAAa,kCAAkC,EAC7C,UACA,GAAG,WACyD;AAC5D,QACE,oBAAC,cAAc,KAAf;EAAmB,SAAA;YACjB,oBAAC,KAAK,oBAAN;GAAyB,GAAI;GAAM,YAAA;GAChC;GACuB,CAAA;EACR,CAAA"}
+{"version":3,"file":"CheckboxTreeCollapsibleContent.js","names":[],"sources":["../../../src/components/checkbox-tree/CheckboxTreeCollapsibleContent.tsx"],"sourcesContent":["import * as 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) => (\n  <CheckboxGroup.Sub asChild>\n    <Tree.CollapsibleContent {...rest} forceMount>\n      {children}\n    </Tree.CollapsibleContent>\n  </CheckboxGroup.Sub>\n)\n"],"mappings":";;;;;AAUA,IAAa,kCAAkC,EAC7C,UACA,GAAG,WAEH,oBAAC,cAAc,KAAf;CAAmB,SAAA;WACjB,oBAAC,KAAK,oBAAN;EAAyB,GAAI;EAAM,YAAA;EAChC;CACsB,CAAA;AACR,CAAA"}

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 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'>;

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

@@ -1 +1 @@
-{"version":3,"file":"CheckboxTreeCollapsibleTrigger.js","names":[],"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): React.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"],"mappings":";;;;;;AAYA,IAAa,kCAAkC,EAC7C,iBACA,OACA,OACA,UACA,UACA,GAAG,WAC0D;CAC7D,MAAM,8BAA8B,EAAE,OAAO;CAC7C,MAAM,uBAAuB;EAAE;EAAiB;EAAO;EAAU;AACjE,QACE,oBAAC,KAAK,oBAAN;EAAyB,GAAI;EAA6B,GAAI;YAC5D,qBAAC,yBAAD;GACE,UAEG,MAAM,EAAE,iBAAiB;aAH9B,CAME,oBAAC,cAAc,SAAf,EAAuB,GAAI,sBAAwB,CAAA,EAClD,SACuB;;EACF,CAAA"}
+{"version":3,"file":"CheckboxTreeCollapsibleTrigger.js","names":[],"sources":["../../../src/components/checkbox-tree/CheckboxTreeCollapsibleTrigger.tsx"],"sourcesContent":["import * as 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) => {\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"],"mappings":";;;;;;AAYA,IAAa,kCAAkC,EAC7C,iBACA,OACA,OACA,UACA,UACA,GAAG,WACuC;CAC1C,MAAM,8BAA8B,EAAE,MAAM;CAC5C,MAAM,uBAAuB;EAAE;EAAiB;EAAO;CAAS;CAChE,OACE,oBAAC,KAAK,oBAAN;EAAyB,GAAI;EAA6B,GAAI;YAC5D,qBAAC,yBAAD;GACE,UAEG,MAAM,EAAE,gBAAgB;aAH7B,CAME,oBAAC,cAAc,SAAf,EAAuB,GAAI,qBAAuB,CAAA,GACjD,QACsB;;CACF,CAAA;AAE7B"}

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 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'>;

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

@@ -1 +1 @@
-{"version":3,"file":"CheckboxTreeItem.js","names":[],"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): React.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"],"mappings":";;;;;;AAYA,IAAa,oBAAoB,EAC/B,OACA,OACA,iBACA,UACA,UACA,GAAG,WAC2C;CAC9C,MAAM,oBAAoB;EAAE;EAAO;EAAO;EAAiB;EAAU;AACrE,QACE,oBAAC,KAAK,MAAN;EAAW,GAAI;YACb,qBAAC,yBAAD,EAAA,UAAA,CACE,oBAAC,cAAc,MAAf,EAAoB,GAAI,mBAAqB,CAAA,EAC5C,SACuB,EAAA,CAAA;EAChB,CAAA"}
+{"version":3,"file":"CheckboxTreeItem.js","names":[],"sources":["../../../src/components/checkbox-tree/CheckboxTreeItem.tsx"],"sourcesContent":["import * as 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) => {\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"],"mappings":";;;;;;AAYA,IAAa,oBAAoB,EAC/B,OACA,OACA,iBACA,UACA,UACA,GAAG,WACwB;CAC3B,MAAM,oBAAoB;EAAE;EAAO;EAAO;EAAiB;CAAS;CACpE,OACE,oBAAC,KAAK,MAAN;EAAW,GAAI;YACb,qBAAC,yBAAD,EAAA,UAAA,CACE,oBAAC,cAAc,MAAf,EAAoB,GAAI,kBAAoB,CAAA,GAC3C,QACsB,EAAA,CAAA;CAChB,CAAA;AAEf"}

package/dist/components/checkbox-tree/CheckboxTreeItemContent.js

@@ -10,16 +10,14 @@ var StyledItemContent = styled("label", { base: [
 	"items-center",
 	"gap-2"
 ] });
-var CheckboxTreeItemContent = ({ children, ...rest }) => {
-	return /* @__PURE__ */ jsx(StyledItemContent, {
-		...rest,
-		children: React$1.Children.map(children, (child) => {
-			if (typeof child === "string" || typeof child === "number") return /* @__PURE__ */ jsx(Tree.Text, { children: child });
-			if (React$1.isValidElement(child) && child.type === Icon) return /* @__PURE__ */ jsx(Tree.Icon, { ...child.props });
-			return child;
-		})
-	});
-};
+var CheckboxTreeItemContent = ({ children, ...rest }) => /* @__PURE__ */ jsx(StyledItemContent, {
+	...rest,
+	children: React$1.Children.map(children, (child) => {
+		if (typeof child === "string" || typeof child === "number") return /* @__PURE__ */ jsx(Tree.Text, { children: child });
+		if (React$1.isValidElement(child) && child.type === Icon) return /* @__PURE__ */ jsx(Tree.Icon, { ...child.props });
+		return child;
+	})
+});
 //#endregion
 export { CheckboxTreeItemContent };