@atom-learning/components 6.6.0-beta.1 → 6.6.0-beta.2

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":";;;;;;;AA0CA,IAAa,IAAgB,OAAO,QAtBT,EACzB,YACA,mBACA,oBACA,aAAU,IACV,GAAG,QACyB;CAC5B,IAAM,IAAY,IAAU,IAAO;AAEnC,QACE,kBAAA,cAAC,GAAD;EACW;EACO;EACC;EAKY,EAH7B,kBAAA,cAAC,GAAA,MACC,kBAAA,cAAC,GAAc,EAAQ,CACM,CACF;GAI2B;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 { 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;CAC5B,MAAM,YAAY,UAAU,OAAO;AAEnC,QACE,wBAAA,cAAC,8BAAD;EACW;EACO;EACC;EAKY,EAH7B,wBAAA,cAAC,8BAAA,MACC,wBAAA,cAAC,WAAc,KAAQ,CACM,CACF;;AAInC,IAAa,gBAAgB,OAAO,OAAO,mBAAmB;CAC5D,MAAM;CACN,SAAS;CACT,KAAK;CACN,CAAC"}

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

@@ -1,22 +1,31 @@
-import { Checkbox as e } from "../checkbox/Checkbox.js";
-import { CheckboxGroupCheckedContext as t } from "./context/CheckboxGroupChecked.context.js";
-import { CheckboxGroupMountedContext as n } from "./context/CheckboxGroupMounted.context.js";
-import * as r from "react";
+import { Checkbox } from "../checkbox/Checkbox.js";
+import { CheckboxGroupCheckedContext } from "./context/CheckboxGroupChecked.context.js";
+import { CheckboxGroupMountedContext } from "./context/CheckboxGroupMounted.context.js";
+import * as React$1 from "react";
 //#region src/components/checkbox-group/CheckboxGroupAllItem.tsx
-var i = ({ onCheckedChange: i, title: a = "all", ...o }) => {
-	let { checked: s, handleItemCheckedChange: c } = r.useContext(t), { mounted: l } = r.useContext(n), u = (e) => {
-		l.forEach((t) => {
-			c(e, t);
-		}), i?.(e);
-	}, d = !s.length || !l.length ? !1 : l.every((e) => s.includes(e)) ? !0 : l.some((e) => s.includes(e)) ? "indeterminate" : !1;
-	return /* @__PURE__ */ r.createElement(e, {
-		onCheckedChange: u,
-		checked: d,
-		title: a,
-		...o
+var CheckboxGroupAllItem = ({ onCheckedChange, title = "all", ...rest }) => {
+	const { checked: checkedItems, handleItemCheckedChange: handleItemCheckedChangeContext } = React$1.useContext(CheckboxGroupCheckedContext);
+	const { mounted: mountedItems } = React$1.useContext(CheckboxGroupMountedContext);
+	const handleItemCheckedChange = (newChecked) => {
+		mountedItems.forEach((value) => {
+			handleItemCheckedChangeContext(newChecked, value);
+		});
+		onCheckedChange?.(newChecked);
+	};
+	const isAllChecked = (() => {
+		if (!checkedItems.length || !mountedItems.length) return false;
+		if (mountedItems.every((mountedItem) => checkedItems.includes(mountedItem))) return true;
+		if (mountedItems.some((mountedItem) => checkedItems.includes(mountedItem))) return "indeterminate";
+		return false;
+	})();
+	return /* @__PURE__ */ React$1.createElement(Checkbox, {
+		onCheckedChange: handleItemCheckedChange,
+		checked: isAllChecked,
+		title,
+		...rest
 	});
 };
 //#endregion
-export { i as CheckboxGroupAllItem };
+export { CheckboxGroupAllItem };
 
 //# sourceMappingURL=CheckboxGroupAllItem.js.map

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): 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,KAAwB,EACnC,oBACA,WAAQ,OACR,GAAG,QACyC;CAC5C,IAAM,EACJ,SAAS,GACT,yBAAyB,MACvB,EAAM,WAAW,EAA4B,EAC3C,EAAE,SAAS,MAAiB,EAAM,WACtC,EACD,EAEK,KAA2B,MAAe;AAI9C,EAHA,EAAa,SAAS,MAAU;AAC9B,KAA+B,GAAY,EAAM;IACjD,EACF,IAAkB,EAAW;IAGzB,IACA,CAAC,EAAa,UAAU,CAAC,EAAa,SAAe,KAErD,EAAa,OAAO,MAAgB,EAAa,SAAS,EAAY,CAAC,GAClE,KAEL,EAAa,MAAM,MAAgB,EAAa,SAAS,EAAY,CAAC,GACjE,kBAEF;AAGT,QACE,kBAAA,cAAC,GAAD;EACE,iBAAiB;EACjB,SAAS;EACF;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 './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): 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,WACyC;CAC5C,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;;CAG/B,MAAM,sBAAsB;AAC1B,MAAI,CAAC,aAAa,UAAU,CAAC,aAAa,OAAQ,QAAO;AAEzD,MAAI,aAAa,OAAO,gBAAgB,aAAa,SAAS,YAAY,CAAC,CACzE,QAAO;AAET,MAAI,aAAa,MAAM,gBAAgB,aAAa,SAAS,YAAY,CAAC,CACxE,QAAO;AAET,SAAO;KACL;AAEJ,QACE,wBAAA,cAAC,UAAD;EACE,iBAAiB;EACjB,SAAS;EACF;EACP,GAAI;EACJ,CAAA"}

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

@@ -1,22 +1,29 @@
-import { Checkbox as e } from "../checkbox/Checkbox.js";
-import { CheckboxGroupCheckedContext as t } from "./context/CheckboxGroupChecked.context.js";
-import { CheckboxGroupMountedContext as n } from "./context/CheckboxGroupMounted.context.js";
-import * as r from "react";
+import { Checkbox } from "../checkbox/Checkbox.js";
+import { CheckboxGroupCheckedContext } from "./context/CheckboxGroupChecked.context.js";
+import { CheckboxGroupMountedContext } from "./context/CheckboxGroupMounted.context.js";
+import * as React$1 from "react";
 //#region src/components/checkbox-group/CheckboxGroupItem.tsx
-var i = ({ value: i, title: a, onCheckedChange: o, ...s }) => {
-	let { checked: c, handleItemCheckedChange: l } = r.useContext(t), { handleItemMountedChange: u } = r.useContext(n);
-	return r.useEffect(() => (u(!0, i), () => {
-		u(!1, i);
-	}), [u, i]), /* @__PURE__ */ r.createElement(e, {
-		onCheckedChange: (e) => {
-			l(e, i), o?.(e);
-		},
-		checked: c.includes(i),
-		title: a ?? String(i),
-		...s
+var CheckboxGroupItem = ({ value, title, onCheckedChange, ...rest }) => {
+	const { checked: checkedItems, handleItemCheckedChange: handleItemCheckedChangeContext } = React$1.useContext(CheckboxGroupCheckedContext);
+	const { handleItemMountedChange } = React$1.useContext(CheckboxGroupMountedContext);
+	const handleItemCheckedChange = (newChecked) => {
+		handleItemCheckedChangeContext(newChecked, value);
+		onCheckedChange?.(newChecked);
+	};
+	React$1.useEffect(() => {
+		handleItemMountedChange(true, value);
+		return () => {
+			handleItemMountedChange(false, value);
+		};
+	}, [handleItemMountedChange, value]);
+	return /* @__PURE__ */ React$1.createElement(Checkbox, {
+		onCheckedChange: handleItemCheckedChange,
+		checked: checkedItems.includes(value),
+		title: title ?? String(value),
+		...rest
 	});
 };
 //#endregion
-export { i as CheckboxGroupItem };
+export { CheckboxGroupItem };
 
 //# sourceMappingURL=CheckboxGroupItem.js.map

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): 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,KAAqB,EAChC,UACA,UACA,oBACA,GAAG,QACsC;CACzC,IAAM,EACJ,SAAS,GACT,yBAAyB,MACvB,EAAM,WAAW,EAA4B,EAC3C,EAAE,+BAA4B,EAAM,WACxC,EACD;AAcD,QAPA,EAAM,iBACJ,EAAwB,IAAM,EAAM,QACvB;AACX,IAAwB,IAAO,EAAM;KAEtC,CAAC,GAAyB,EAAM,CAAC,EAGlC,kBAAA,cAAC,GAAD;EACE,kBAd6B,MAAe;AAE9C,GADA,EAA+B,GAAY,EAAM,EACjD,IAAkB,EAAW;;EAa3B,SAAS,EAAa,SAAS,EAAM;EACrC,OAAO,KAAS,OAAO,EAAM;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 './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): 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,WACsC;CACzC,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,wBAAA,cAAC,UAAD;EACE,iBAAiB;EACjB,SAAS,aAAa,SAAS,MAAM;EACrC,OAAO,SAAS,OAAO,MAAM;EAC7B,GAAI;EACJ,CAAA"}

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

@@ -1,12 +1,12 @@
-import { CheckboxGroupMountedProvider as e } from "./context/CheckboxGroupMounted.context.js";
-import * as t from "react";
-import { Slot as n } from "@radix-ui/react-slot";
+import { CheckboxGroupMountedProvider } from "./context/CheckboxGroupMounted.context.js";
+import * as React$1 from "react";
+import { Slot } from "@radix-ui/react-slot";
 //#region src/components/checkbox-group/CheckboxGroupSub.tsx
-var r = ({ asChild: r = !1, ...i }) => {
-	let a = r ? n : "div";
-	return /* @__PURE__ */ t.createElement(e, null, /* @__PURE__ */ t.createElement(a, i));
+var CheckboxGroupSub = ({ asChild = false, ...rest }) => {
+	const Component = asChild ? Slot : "div";
+	return /* @__PURE__ */ React$1.createElement(CheckboxGroupMountedProvider, null, /* @__PURE__ */ React$1.createElement(Component, rest));
 };
 //#endregion
-export { r as CheckboxGroupSub };
+export { CheckboxGroupSub };
 
 //# sourceMappingURL=CheckboxGroupSub.js.map

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): JSX.Element => {\n  const Component = asChild ? Slot : 'div'\n\n  return (\n    <CheckboxGroupMountedProvider>\n      <Component {...rest} />\n    </CheckboxGroupMountedProvider>\n  )\n}\n"],"mappings":";;;;AASA,IAAa,KAAoB,EAC/B,aAAU,IACV,GAAG,QACqC;CACxC,IAAM,IAAY,IAAU,IAAO;AAEnC,QACE,kBAAA,cAAC,GAAA,MACC,kBAAA,cAAC,GAAc,EAAQ,CACM"}
+{"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): 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,WACqC;CACxC,MAAM,YAAY,UAAU,OAAO;AAEnC,QACE,wBAAA,cAAC,8BAAA,MACC,wBAAA,cAAC,WAAc,KAAQ,CACM"}

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

@@ -1,39 +1,49 @@
-import * as e from "react";
+import * as React$1 from "react";
 //#region src/components/checkbox-group/context/CheckboxGroupChecked.context.tsx
-var t = e.createContext({
+var CheckboxGroupCheckedContext = React$1.createContext({
 	checked: [],
 	handleItemCheckedChange: () => null
-}), n = (e) => (t, n) => {
-	let r = new Set(e);
-	return t ? r.add(n) : r.delete(n), Array.from(r);
-}, r = ({ checked: r, defaultChecked: i = [], onCheckedChange: a, ...o }) => {
-	let [s, c] = e.useState(i), l = e.useCallback((e, t) => {
-		if (!r) return () => null;
-		let i = n(r)(e, t);
-		a?.(i);
-	}, [a, r]), u = e.useCallback((e, t) => {
-		c((r) => {
-			let i = n(r)(e, t);
-			return a?.(i), i;
+});
+var generateNewCheckedFn = (currentChecked) => {
+	return (newItemChecked, itemValue) => {
+		const newCheckedSet = new Set(currentChecked);
+		if (newItemChecked) newCheckedSet.add(itemValue);
+		else newCheckedSet.delete(itemValue);
+		return Array.from(newCheckedSet);
+	};
+};
+var CheckboxGroupCheckedProvider = ({ checked: controlledChecked, defaultChecked = [], onCheckedChange, ...rest }) => {
+	const [checked, setChecked] = React$1.useState(defaultChecked);
+	const handleItemControlledCheckedChange = React$1.useCallback((newItemChecked, itemValue) => {
+		if (!controlledChecked) return () => null;
+		const newChecked = generateNewCheckedFn(controlledChecked)(newItemChecked, itemValue);
+		onCheckedChange?.(newChecked);
+	}, [onCheckedChange, controlledChecked]);
+	const handleItemCheckedChange = React$1.useCallback((newItemChecked, itemValue) => {
+		setChecked((prevChecked) => {
+			const newChecked = generateNewCheckedFn(prevChecked)(newItemChecked, itemValue);
+			onCheckedChange?.(newChecked);
+			return newChecked;
 		});
-	}, [a]), d = e.useMemo(() => {
-		let e = Array.isArray(r);
+	}, [onCheckedChange]);
+	const value = React$1.useMemo(() => {
+		const isControlled = Array.isArray(controlledChecked);
 		return {
-			checked: e ? r : s,
-			handleItemCheckedChange: e ? l : u
+			checked: isControlled ? controlledChecked : checked,
+			handleItemCheckedChange: isControlled ? handleItemControlledCheckedChange : handleItemCheckedChange
 		};
 	}, [
-		s,
-		u,
-		l,
-		r
+		checked,
+		handleItemCheckedChange,
+		handleItemControlledCheckedChange,
+		controlledChecked
 	]);
-	return /* @__PURE__ */ e.createElement(t.Provider, {
-		value: d,
-		...o
+	return /* @__PURE__ */ React$1.createElement(CheckboxGroupCheckedContext.Provider, {
+		value,
+		...rest
 	});
 };
 //#endregion
-export { t as CheckboxGroupCheckedContext, r as CheckboxGroupCheckedProvider };
+export { CheckboxGroupCheckedContext, CheckboxGroupCheckedProvider };
 
 //# sourceMappingURL=CheckboxGroupChecked.context.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CheckboxGroupChecked.context.js","names":[],"sources":["../../../../src/components/checkbox-group/context/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,IACX,EAAM,cAAgD;CACpD,SAAS,EAAE;CACX,+BAA+B;CAChC,CAAC,EAEE,KACJ,OAEQ,GAAgB,MAAc;CACpC,IAAM,IAAgB,IAAI,IAAI,EAAe;AAO7C,QANI,IACF,EAAc,IAAI,EAAU,GAE5B,EAAc,OAAO,EAAU,EAEd,MAAM,KAAK,EAAc;GAKnC,KAAgC,EAC3C,SAAS,GACT,oBAAiB,EAAE,EACnB,oBACA,GAAG,QAC4D;CAC/D,IAAM,CAAC,GAAS,KAAc,EAAM,SAAS,EAAe,EAEtD,IAAoC,EAAM,aAC7C,GAAgB,MAAc;AAC7B,MAAI,CAAC,EAAmB,cAAa;EAErC,IAAM,IADe,EAAqB,EAAkB,CAC5B,GAAgB,EAAU;AAC1D,MAAkB,EAAW;IAE/B,CAAC,GAAiB,EAAkB,CACrC,EAEK,IAA0B,EAAM,aACnC,GAAgB,MAAc;AAC7B,KAAY,MAAgB;GAE1B,IAAM,IADe,EAAqB,EAAY,CACtB,GAAgB,EAAU;AAE1D,UADA,IAAkB,EAAW,EACtB;IACP;IAEJ,CAAC,EAAgB,CAClB,EAEK,IAAQ,EAAM,cAAgD;EAClE,IAAM,IAAe,MAAM,QAAQ,EAAkB;AACrD,SAAO;GACL,SAAS,IACJ,IACD;GACJ,yBAAyB,IACrB,IACA;GACL;IACA;EACD;EACA;EACA;EACA;EACD,CAAC;AAEF,QAAO,kBAAA,cAAC,EAA4B,UAA7B;EAA6C;EAAO,GAAI;EAAQ,CAAA"}
+{"version":3,"file":"CheckboxGroupChecked.context.js","names":[],"sources":["../../../../src/components/checkbox-group/context/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,EAAE;CACX,+BAA+B;CAChC,CAAC;AAEJ,IAAM,wBACJ,mBACG;AACH,SAAQ,gBAAgB,cAAc;EACpC,MAAM,gBAAgB,IAAI,IAAI,eAAe;AAC7C,MAAI,eACF,eAAc,IAAI,UAAU;MAE5B,eAAc,OAAO,UAAU;AAGjC,SADmB,MAAM,KAAK,cAAc;;;AAKhD,IAAa,gCAAgC,EAC3C,SAAS,mBACT,iBAAiB,EAAE,EACnB,iBACA,GAAG,WAC4D;CAC/D,MAAM,CAAC,SAAS,cAAc,QAAM,SAAS,eAAe;CAE5D,MAAM,oCAAoC,QAAM,aAC7C,gBAAgB,cAAc;AAC7B,MAAI,CAAC,kBAAmB,cAAa;EAErC,MAAM,aADe,qBAAqB,kBAAkB,CAC5B,gBAAgB,UAAU;AAC1D,oBAAkB,WAAW;IAE/B,CAAC,iBAAiB,kBAAkB,CACrC;CAED,MAAM,0BAA0B,QAAM,aACnC,gBAAgB,cAAc;AAC7B,cAAY,gBAAgB;GAE1B,MAAM,aADe,qBAAqB,YAAY,CACtB,gBAAgB,UAAU;AAC1D,qBAAkB,WAAW;AAC7B,UAAO;IACP;IAEJ,CAAC,gBAAgB,CAClB;CAED,MAAM,QAAQ,QAAM,cAAgD;EAClE,MAAM,eAAe,MAAM,QAAQ,kBAAkB;AACrD,SAAO;GACL,SAAS,eACJ,oBACD;GACJ,yBAAyB,eACrB,oCACA;GACL;IACA;EACD;EACA;EACA;EACA;EACD,CAAC;AAEF,QAAO,wBAAA,cAAC,4BAA4B,UAA7B;EAA6C;EAAO,GAAI;EAAQ,CAAA"}

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

@@ -1,24 +1,31 @@
-import * as e from "react";
+import * as React$1 from "react";
 //#region src/components/checkbox-group/context/CheckboxGroupMounted.context.tsx
-var t = e.createContext({
+var CheckboxGroupMountedContext = React$1.createContext({
 	mounted: [],
 	handleItemMountedChange: () => null
-}), n = (n) => {
-	let { handleItemMountedChange: r } = e.useContext(t), [i, a] = e.useState([]), o = e.useCallback((e, t) => {
-		r?.(e, t), a((n) => {
-			let r = new Set(n);
-			return e ? r.add(t) : r.delete(t), Array.from(r);
+});
+var CheckboxGroupMountedProvider = (props) => {
+	const { handleItemMountedChange: handleItemMountedChangeFurtherUpContext } = React$1.useContext(CheckboxGroupMountedContext);
+	const [mounted, setMounted] = React$1.useState([]);
+	const handleItemMountedChange = React$1.useCallback((newItemMounted, itemValue) => {
+		handleItemMountedChangeFurtherUpContext?.(newItemMounted, itemValue);
+		setMounted((prevMounted) => {
+			const newMountedSet = new Set(prevMounted);
+			if (newItemMounted) newMountedSet.add(itemValue);
+			else newMountedSet.delete(itemValue);
+			return Array.from(newMountedSet);
 		});
-	}, [r]), s = e.useMemo(() => ({
-		mounted: i,
-		handleItemMountedChange: o
-	}), [i, o]);
-	return /* @__PURE__ */ e.createElement(t.Provider, {
-		value: s,
-		...n
+	}, [handleItemMountedChangeFurtherUpContext]);
+	const value = React$1.useMemo(() => ({
+		mounted,
+		handleItemMountedChange
+	}), [mounted, handleItemMountedChange]);
+	return /* @__PURE__ */ React$1.createElement(CheckboxGroupMountedContext.Provider, {
+		value,
+		...props
 	});
 };
 //#endregion
-export { t as CheckboxGroupMountedContext, n as CheckboxGroupMountedProvider };
+export { CheckboxGroupMountedContext, CheckboxGroupMountedProvider };
 
 //# sourceMappingURL=CheckboxGroupMounted.context.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CheckboxGroupMounted.context.js","names":[],"sources":["../../../../src/components/checkbox-group/context/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,IACX,EAAM,cAAgD;CACpD,SAAS,EAAE;CACX,+BAA+B;CAChC,CAAC,EAES,KAAgC,MAAU;CACrD,IAAM,EAAE,yBAAyB,MAC/B,EAAM,WAAW,EAA4B,EAEzC,CAAC,GAAS,KAAc,EAAM,SAAmC,EAAE,CAAC,EACpE,IAA0B,EAAM,aACnC,GAAgB,MAAc;AAE7B,EADA,IAA0C,GAAgB,EAAU,EACpE,GAAY,MAAgB;GAC1B,IAAM,IAAgB,IAAI,IAAI,EAAY;AAO1C,UANI,IACF,EAAc,IAAI,EAAU,GAE5B,EAAc,OAAO,EAAU,EAEd,MAAM,KAAK,EAAc;IAE5C;IAEJ,CAAC,EAAwC,CAC1C,EAEK,IAAQ,EAAM,eACX;EAAE;EAAS;EAAyB,GAC3C,CAAC,GAAS,EAAwB,CACnC;AAED,QAAO,kBAAA,cAAC,EAA4B,UAA7B;EAA6C;EAAO,GAAI;EAAS,CAAA"}
+{"version":3,"file":"CheckboxGroupMounted.context.js","names":[],"sources":["../../../../src/components/checkbox-group/context/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,EAAE;CACX,+BAA+B;CAChC,CAAC;AAEJ,IAAa,gCAAgC,UAAU;CACrD,MAAM,EAAE,yBAAyB,4CAC/B,QAAM,WAAW,4BAA4B;CAE/C,MAAM,CAAC,SAAS,cAAc,QAAM,SAAmC,EAAE,CAAC;CAC1E,MAAM,0BAA0B,QAAM,aACnC,gBAAgB,cAAc;AAC7B,4CAA0C,gBAAgB,UAAU;AACpE,cAAY,gBAAgB;GAC1B,MAAM,gBAAgB,IAAI,IAAI,YAAY;AAC1C,OAAI,eACF,eAAc,IAAI,UAAU;OAE5B,eAAc,OAAO,UAAU;AAGjC,UADmB,MAAM,KAAK,cAAc;IAE5C;IAEJ,CAAC,wCAAwC,CAC1C;CAED,MAAM,QAAQ,QAAM,eACX;EAAE;EAAS;EAAyB,GAC3C,CAAC,SAAS,wBAAwB,CACnC;AAED,QAAO,wBAAA,cAAC,4BAA4B,UAA7B;EAA6C;EAAO,GAAI;EAAS,CAAA"}

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

@@ -1,27 +1,29 @@
-import { CheckboxGroup as e } from "../checkbox-group/CheckboxGroup.js";
-import { Tree as t } from "../tree/Tree.js";
-import { CheckboxTreeCollapsible as n } from "./CheckboxTreeCollapsible.js";
-import { CheckboxTreeCollapsibleContent as r } from "./CheckboxTreeCollapsibleContent.js";
-import { CheckboxTreeCollapsibleTrigger as i } from "./CheckboxTreeCollapsibleTrigger.js";
-import { CheckboxTreeItem as a } from "./CheckboxTreeItem.js";
-import o from "react";
-var s = Object.assign(({ checked: n, defaultChecked: r, onCheckedChange: i, ...a }) => {
-	let s = {
-		checked: n,
-		defaultChecked: r,
-		onCheckedChange: i
+import { CheckboxGroup } from "../checkbox-group/CheckboxGroup.js";
+import { Tree } from "../tree/Tree.js";
+import { CheckboxTreeCollapsible } from "./CheckboxTreeCollapsible.js";
+import { CheckboxTreeCollapsibleContent } from "./CheckboxTreeCollapsibleContent.js";
+import { CheckboxTreeCollapsibleTrigger } from "./CheckboxTreeCollapsibleTrigger.js";
+import { CheckboxTreeItem } from "./CheckboxTreeItem.js";
+import React from "react";
+//#region src/components/checkbox-tree/CheckboxTree.tsx
+var CheckboxTreeRoot = ({ checked, defaultChecked, onCheckedChange, ...rest }) => {
+	const checkboxGroupProps = {
+		checked,
+		defaultChecked,
+		onCheckedChange
 	};
-	return /* @__PURE__ */ o.createElement(e, {
-		...s,
-		asChild: !0
-	}, /* @__PURE__ */ o.createElement(t, a));
-}, {
-	Collapsible: n,
-	CollapsibleContent: r,
-	CollapsibleTrigger: i,
-	Item: a
+	return /* @__PURE__ */ React.createElement(CheckboxGroup, {
+		...checkboxGroupProps,
+		asChild: true
+	}, /* @__PURE__ */ React.createElement(Tree, rest));
+};
+var CheckboxTree = Object.assign(CheckboxTreeRoot, {
+	Collapsible: CheckboxTreeCollapsible,
+	CollapsibleContent: CheckboxTreeCollapsibleContent,
+	CollapsibleTrigger: CheckboxTreeCollapsibleTrigger,
+	Item: CheckboxTreeItem
 });
 //#endregion
-export { s as CheckboxTree };
+export { CheckboxTree };
 
 //# 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) => {\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"],"mappings":";;;;;;;AA6BA,IAAa,IAAe,OAAO,QAdF,EAC/B,YACA,mBACA,oBACA,GAAG,QACwB;CAC3B,IAAM,IAAqB;EAAE;EAAS;EAAgB;EAAiB;AACvE,QACE,kBAAA,cAAC,GAAD;EAAe,GAAI;EAAoB,SAAA;EAEvB,EADd,kBAAA,cAAC,GAAS,EAAQ,CACJ;GAIwC;CAC1D,aAAa;CACb,oBAAoB;CACpB,oBAAoB;CACpB,MAAM;CACP,CAAC"}
+{"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) => {\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"],"mappings":";;;;;;;;AAeA,IAAa,oBAAoB,EAC/B,SACA,gBACA,iBACA,GAAG,WACwB;CAC3B,MAAM,qBAAqB;EAAE;EAAS;EAAgB;EAAiB;AACvE,QACE,sBAAA,cAAC,eAAD;EAAe,GAAI;EAAoB,SAAA;EAEvB,EADd,sBAAA,cAAC,MAAS,KAAQ,CACJ;;AAIpB,IAAa,eAAe,OAAO,OAAO,kBAAkB;CAC1D,aAAa;CACb,oBAAoB;CACpB,oBAAoB;CACpB,MAAM;CACP,CAAC"}

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

@@ -1,9 +1,11 @@
-import { CheckboxGroup as e } from "../checkbox-group/CheckboxGroup.js";
-import { Tree as t } from "../tree/Tree.js";
-import n from "react";
+import { CheckboxGroup } from "../checkbox-group/CheckboxGroup.js";
+import { Tree } from "../tree/Tree.js";
+import React from "react";
 //#region src/components/checkbox-tree/CheckboxTreeCollapsible.tsx
-var r = ({ children: r, ...i }) => /* @__PURE__ */ n.createElement(e.Sub, { asChild: !0 }, /* @__PURE__ */ n.createElement(t.Collapsible, i, r));
+var CheckboxTreeCollapsible = ({ children, ...rest }) => {
+	return /* @__PURE__ */ React.createElement(CheckboxGroup.Sub, { asChild: true }, /* @__PURE__ */ React.createElement(Tree.Collapsible, rest, children));
+};
 //#endregion
-export { r as CheckboxTreeCollapsible };
+export { CheckboxTreeCollapsible };
 
 //# sourceMappingURL=CheckboxTreeCollapsible.js.map

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): JSX.Element => {\n  return (\n    <CheckboxGroup.Sub asChild>\n      <Tree.Collapsible {...rest}>{children}</Tree.Collapsible>\n    </CheckboxGroup.Sub>\n  )\n}\n"],"mappings":";;;;AAWA,IAAa,KAA2B,EACtC,aACA,GAAG,QAGD,kBAAA,cAAC,EAAc,KAAf,EAAmB,SAAA,IAEC,EADlB,kBAAA,cAAC,EAAK,aAAgB,GAAO,EAA4B,CACvC"}
+{"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): 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,WAC4C;AAC/C,QACE,sBAAA,cAAC,cAAc,KAAf,EAAmB,SAAA,MAEC,EADlB,sBAAA,cAAC,KAAK,aAAgB,MAAO,SAA4B,CACvC"}

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

@@ -1,12 +1,14 @@
-import { CheckboxGroup as e } from "../checkbox-group/CheckboxGroup.js";
-import { Tree as t } from "../tree/Tree.js";
-import n from "react";
+import { CheckboxGroup } from "../checkbox-group/CheckboxGroup.js";
+import { Tree } from "../tree/Tree.js";
+import React from "react";
 //#region src/components/checkbox-tree/CheckboxTreeCollapsibleContent.tsx
-var r = ({ children: r, ...i }) => /* @__PURE__ */ n.createElement(e.Sub, { asChild: !0 }, /* @__PURE__ */ n.createElement(t.CollapsibleContent, {
-	...i,
-	forceMount: !0
-}, r));
+var CheckboxTreeCollapsibleContent = ({ children, ...rest }) => {
+	return /* @__PURE__ */ React.createElement(CheckboxGroup.Sub, { asChild: true }, /* @__PURE__ */ React.createElement(Tree.CollapsibleContent, {
+		...rest,
+		forceMount: true
+	}, children));
+};
 //#endregion
-export { r as CheckboxTreeCollapsibleContent };
+export { CheckboxTreeCollapsibleContent };
 
 //# sourceMappingURL=CheckboxTreeCollapsibleContent.js.map

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): 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,KAAkC,EAC7C,aACA,GAAG,QAGD,kBAAA,cAAC,EAAc,KAAf,EAAmB,SAAA,IAIC,EAHlB,kBAAA,cAAC,EAAK,oBAAN;CAAyB,GAAI;CAAM,YAAA;CAET,EADvB,EACuB,CACR"}
+{"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): 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,WACmD;AACtD,QACE,sBAAA,cAAC,cAAc,KAAf,EAAmB,SAAA,MAIC,EAHlB,sBAAA,cAAC,KAAK,oBAAN;EAAyB,GAAI;EAAM,YAAA;EAET,EADvB,SACuB,CACR"}

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

@@ -1,20 +1,21 @@
-import { CheckboxGroup as e } from "../checkbox-group/CheckboxGroup.js";
-import { Tree as t } from "../tree/Tree.js";
-import { CheckboxTreeItemContent as n } from "./CheckboxTreeItemContent.js";
-import r from "react";
+import { CheckboxGroup } from "../checkbox-group/CheckboxGroup.js";
+import { Tree } from "../tree/Tree.js";
+import { CheckboxTreeItemContent } from "./CheckboxTreeItemContent.js";
+import React from "react";
 //#region src/components/checkbox-tree/CheckboxTreeCollapsibleTrigger.tsx
-var i = ({ onCheckedChange: i, title: a, label: o, children: s, disabled: c, ...l }) => {
-	let u = { label: o }, d = {
-		onCheckedChange: i,
-		title: a,
-		disabled: c
+var CheckboxTreeCollapsibleTrigger = ({ onCheckedChange, title, label, children, disabled, ...rest }) => {
+	const treeCollapsibleTriggerProps = { label };
+	const checkboxAllItemProps = {
+		onCheckedChange,
+		title,
+		disabled
 	};
-	return /* @__PURE__ */ r.createElement(t.CollapsibleTrigger, {
-		...u,
-		...l
-	}, /* @__PURE__ */ r.createElement(n, { onClick: (e) => e.stopPropagation() }, /* @__PURE__ */ r.createElement(e.AllItem, d), s));
+	return /* @__PURE__ */ React.createElement(Tree.CollapsibleTrigger, {
+		...treeCollapsibleTriggerProps,
+		...rest
+	}, /* @__PURE__ */ React.createElement(CheckboxTreeItemContent, { onClick: (e) => e.stopPropagation() }, /* @__PURE__ */ React.createElement(CheckboxGroup.AllItem, checkboxAllItemProps), children));
 };
 //#endregion
-export { i as CheckboxTreeCollapsibleTrigger };
+export { CheckboxTreeCollapsibleTrigger };
 
 //# sourceMappingURL=CheckboxTreeCollapsibleTrigger.js.map

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): 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,KAAkC,EAC7C,oBACA,UACA,UACA,aACA,aACA,GAAG,QACoD;CACvD,IAAM,IAA8B,EAAE,UAAO,EACvC,IAAuB;EAAE;EAAiB;EAAO;EAAU;AACjE,QACE,kBAAA,cAAC,EAAK,oBAAN;EAAyB,GAAI;EAA6B,GAAI;EAUpC,EATxB,kBAAA,cAAC,GAAD,EACE,UAEG,MAAM,EAAE,iBAAiB,EAKJ,EAFxB,kBAAA,cAAC,EAAc,SAAY,EAAwB,EAClD,EACuB,CACF"}
+{"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): 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,WACoD;CACvD,MAAM,8BAA8B,EAAE,OAAO;CAC7C,MAAM,uBAAuB;EAAE;EAAiB;EAAO;EAAU;AACjE,QACE,sBAAA,cAAC,KAAK,oBAAN;EAAyB,GAAI;EAA6B,GAAI;EAUpC,EATxB,sBAAA,cAAC,yBAAD,EACE,UAEG,MAAM,EAAE,iBAAiB,EAKJ,EAFxB,sBAAA,cAAC,cAAc,SAAY,qBAAwB,EAClD,SACuB,CACF"}

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

@@ -1,18 +1,18 @@
-import { CheckboxGroup as e } from "../checkbox-group/CheckboxGroup.js";
-import { Tree as t } from "../tree/Tree.js";
-import { CheckboxTreeItemContent as n } from "./CheckboxTreeItemContent.js";
-import r from "react";
+import { CheckboxGroup } from "../checkbox-group/CheckboxGroup.js";
+import { Tree } from "../tree/Tree.js";
+import { CheckboxTreeItemContent } from "./CheckboxTreeItemContent.js";
+import React from "react";
 //#region src/components/checkbox-tree/CheckboxTreeItem.tsx
-var i = ({ value: i, title: a, onCheckedChange: o, children: s, disabled: c, ...l }) => {
-	let u = {
-		value: i,
-		title: a,
-		onCheckedChange: o,
-		disabled: c
+var CheckboxTreeItem = ({ value, title, onCheckedChange, children, disabled, ...rest }) => {
+	const checkboxItemProps = {
+		value,
+		title,
+		onCheckedChange,
+		disabled
 	};
-	return /* @__PURE__ */ r.createElement(t.Item, l, /* @__PURE__ */ r.createElement(n, null, /* @__PURE__ */ r.createElement(e.Item, u), s));
+	return /* @__PURE__ */ React.createElement(Tree.Item, rest, /* @__PURE__ */ React.createElement(CheckboxTreeItemContent, null, /* @__PURE__ */ React.createElement(CheckboxGroup.Item, checkboxItemProps), children));
 };
 //#endregion
-export { i as CheckboxTreeItem };
+export { CheckboxTreeItem };
 
 //# sourceMappingURL=CheckboxTreeItem.js.map

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): 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,KAAoB,EAC/B,UACA,UACA,oBACA,aACA,aACA,GAAG,QACqC;CACxC,IAAM,IAAoB;EAAE;EAAO;EAAO;EAAiB;EAAU;AACrE,QACE,kBAAA,cAAC,EAAK,MAAS,GACb,kBAAA,cAAC,GAAA,MACC,kBAAA,cAAC,EAAc,MAAS,EAAqB,EAC5C,EACuB,CAChB"}
+{"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): 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,WACqC;CACxC,MAAM,oBAAoB;EAAE;EAAO;EAAO;EAAiB;EAAU;AACrE,QACE,sBAAA,cAAC,KAAK,MAAS,MACb,sBAAA,cAAC,yBAAA,MACC,sBAAA,cAAC,cAAc,MAAS,kBAAqB,EAC5C,SACuB,CAChB"}

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

@@ -1,15 +1,22 @@
-import { styled as e } from "../../styled.js";
-import { Icon as t } from "../icon/Icon.js";
-import { Tree as n } from "../tree/Tree.js";
-import * as r from "react";
+import { styled } from "../../styled.js";
+import { Icon } from "../icon/Icon.js";
+import { Tree } from "../tree/Tree.js";
+import * as React$1 from "react";
 //#region src/components/checkbox-tree/CheckboxTreeItemContent.tsx
-var i = e("label", { base: [
+var StyledItemContent = styled("label", { base: [
 	"max-w-full",
 	"flex",
 	"items-center",
 	"gap-2"
-] }), a = ({ children: e, ...a }) => /* @__PURE__ */ r.createElement(i, a, r.Children.map(e, (e) => typeof e == "string" || typeof e == "number" ? /* @__PURE__ */ r.createElement(n.Text, null, e) : r.isValidElement(e) && e.type === t ? /* @__PURE__ */ r.createElement(n.Icon, e.props) : e));
+] });
+var CheckboxTreeItemContent = ({ children, ...rest }) => {
+	return /* @__PURE__ */ React$1.createElement(StyledItemContent, rest, React$1.Children.map(children, (child) => {
+		if (typeof child === "string" || typeof child === "number") return /* @__PURE__ */ React$1.createElement(Tree.Text, null, child);
+		if (React$1.isValidElement(child) && child.type === Icon) return /* @__PURE__ */ React$1.createElement(Tree.Icon, child.props);
+		return child;
+	}));
+};
 //#endregion
-export { a as CheckboxTreeItemContent };
+export { CheckboxTreeItemContent };
 
 //# sourceMappingURL=CheckboxTreeItemContent.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CheckboxTreeItemContent.js","names":[],"sources":["../../../src/components/checkbox-tree/CheckboxTreeItemContent.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Icon } from '~/components/icon/Icon'\nimport { Tree } from '~/components/tree/Tree'\nimport { styled } from '~/styled'\n\nconst StyledItemContent = styled('label', {\n  base: ['max-w-full', 'flex', 'items-center', 'gap-2']\n})\n\ntype CheckboxTreeItemContentProps = React.ComponentProps<\n  typeof StyledItemContent\n>\n\nexport const CheckboxTreeItemContent = ({\n  children,\n  ...rest\n}: CheckboxTreeItemContentProps): JSX.Element => {\n  return (\n    <StyledItemContent {...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"],"mappings":";;;;;AAMA,IAAM,IAAoB,EAAO,SAAS,EACxC,MAAM;CAAC;CAAc;CAAQ;CAAgB;CAAQ,EACtD,CAAC,EAMW,KAA2B,EACtC,aACA,GAAG,QAGD,kBAAA,cAAC,GAAsB,GAEnB,EAAM,SAAS,IAAI,IAAW,MACxB,OAAO,KAAU,YAAY,OAAO,KAAU,WACzC,kBAAA,cAAC,EAAK,MAAA,MAAM,EAAkB,GAEnC,EAAM,eAAe,EAAM,IAAI,EAAM,SAAS,IACzC,kBAAA,cAAC,EAAK,MAAS,EAAM,MAAS,GAEhC,EACP,CAEc"}
+{"version":3,"file":"CheckboxTreeItemContent.js","names":[],"sources":["../../../src/components/checkbox-tree/CheckboxTreeItemContent.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Icon } from '~/components/icon/Icon'\nimport { Tree } from '~/components/tree/Tree'\nimport { styled } from '~/styled'\n\nconst StyledItemContent = styled('label', {\n  base: ['max-w-full', 'flex', 'items-center', 'gap-2']\n})\n\ntype CheckboxTreeItemContentProps = React.ComponentProps<\n  typeof StyledItemContent\n>\n\nexport const CheckboxTreeItemContent = ({\n  children,\n  ...rest\n}: CheckboxTreeItemContentProps): JSX.Element => {\n  return (\n    <StyledItemContent {...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"],"mappings":";;;;;AAMA,IAAM,oBAAoB,OAAO,SAAS,EACxC,MAAM;CAAC;CAAc;CAAQ;CAAgB;CAAQ,EACtD,CAAC;AAMF,IAAa,2BAA2B,EACtC,UACA,GAAG,WAC4C;AAC/C,QACE,wBAAA,cAAC,mBAAsB,MAEnB,QAAM,SAAS,IAAI,WAAW,UAAU;AACtC,MAAI,OAAO,UAAU,YAAY,OAAO,UAAU,SAChD,QAAO,wBAAA,cAAC,KAAK,MAAA,MAAM,MAAkB;AAEvC,MAAI,QAAM,eAAe,MAAM,IAAI,MAAM,SAAS,KAChD,QAAO,wBAAA,cAAC,KAAK,MAAS,MAAM,MAAS;AAEvC,SAAO;GACP,CAEc"}