@atom-learning/components 6.17.0 → 8.0.0

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

@@ -4,18 +4,17 @@ import { CheckboxTreeCollapsible } from "./CheckboxTreeCollapsible.js";
 import { CheckboxTreeCollapsibleContent } from "./CheckboxTreeCollapsibleContent.js";
 import { CheckboxTreeCollapsibleTrigger } from "./CheckboxTreeCollapsibleTrigger.js";
 import { CheckboxTreeItem } from "./CheckboxTreeItem.js";
-import React from "react";
+import "react";
+import { jsx } from "react/jsx-runtime";
 //#region src/components/checkbox-tree/CheckboxTree.tsx
 var CheckboxTreeRoot = ({ checked, defaultChecked, onCheckedChange, ...rest }) => {
-	const checkboxGroupProps = {
+	return /* @__PURE__ */ jsx(CheckboxGroup, {
 		checked,
 		defaultChecked,
-		onCheckedChange
-	};
-	return /* @__PURE__ */ React.createElement(CheckboxGroup, {
-		...checkboxGroupProps,
-		asChild: true
-	}, /* @__PURE__ */ React.createElement(Tree, rest));
+		onCheckedChange,
+		asChild: true,
+		children: /* @__PURE__ */ jsx(Tree, { ...rest })
+	});
 };
 var CheckboxTree = Object.assign(CheckboxTreeRoot, {
 	Collapsible: CheckboxTreeCollapsible,

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":";;;;;;;;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"}
+{"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 => {\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,WAC4C;AAE/C,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"}

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

@@ -2,5 +2,5 @@ import 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'>;
-export declare const CheckboxTreeCollapsible: ({ children, ...rest }: CheckboxTreeCollapsibleProps) => JSX.Element;
+export declare const CheckboxTreeCollapsible: ({ children, ...rest }: CheckboxTreeCollapsibleProps) => React.JSX.Element;
 export {};

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

@@ -1,9 +1,16 @@
 import { CheckboxGroup } from "../checkbox-group/CheckboxGroup.js";
 import { Tree } from "../tree/Tree.js";
-import React from "react";
+import "react";
+import { jsx } from "react/jsx-runtime";
 //#region src/components/checkbox-tree/CheckboxTreeCollapsible.tsx
 var CheckboxTreeCollapsible = ({ children, ...rest }) => {
-	return /* @__PURE__ */ React.createElement(CheckboxGroup.Sub, { asChild: true }, /* @__PURE__ */ React.createElement(Tree.Collapsible, rest, children));
+	return /* @__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): 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"}
+{"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"}

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

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

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

@@ -1,12 +1,17 @@
 import { CheckboxGroup } from "../checkbox-group/CheckboxGroup.js";
 import { Tree } from "../tree/Tree.js";
-import React from "react";
+import "react";
+import { jsx } from "react/jsx-runtime";
 //#region src/components/checkbox-tree/CheckboxTreeCollapsibleContent.tsx
 var CheckboxTreeCollapsibleContent = ({ children, ...rest }) => {
-	return /* @__PURE__ */ React.createElement(CheckboxGroup.Sub, { asChild: true }, /* @__PURE__ */ React.createElement(Tree.CollapsibleContent, {
-		...rest,
-		forceMount: true
-	}, children));
+	return /* @__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): 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"}
+{"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"}

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

@@ -2,5 +2,5 @@ import 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'>;
-export declare const CheckboxTreeCollapsibleTrigger: ({ onCheckedChange, title, label, children, disabled, ...rest }: CheckboxGroupCollapsibleTriggerProps) => JSX.Element;
+export declare const CheckboxTreeCollapsibleTrigger: ({ onCheckedChange, title, label, children, disabled, ...rest }: CheckboxGroupCollapsibleTriggerProps) => React.JSX.Element;
 export {};

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

@@ -1,7 +1,8 @@
 import { CheckboxGroup } from "../checkbox-group/CheckboxGroup.js";
 import { Tree } from "../tree/Tree.js";
 import { CheckboxTreeItemContent } from "./CheckboxTreeItemContent.js";
-import React from "react";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/checkbox-tree/CheckboxTreeCollapsibleTrigger.tsx
 var CheckboxTreeCollapsibleTrigger = ({ onCheckedChange, title, label, children, disabled, ...rest }) => {
 	const treeCollapsibleTriggerProps = { label };
@@ -10,10 +11,14 @@ var CheckboxTreeCollapsibleTrigger = ({ onCheckedChange, title, label, children,
 		title,
 		disabled
 	};
-	return /* @__PURE__ */ React.createElement(Tree.CollapsibleTrigger, {
+	return /* @__PURE__ */ jsx(Tree.CollapsibleTrigger, {
 		...treeCollapsibleTriggerProps,
-		...rest
-	}, /* @__PURE__ */ React.createElement(CheckboxTreeItemContent, { onClick: (e) => e.stopPropagation() }, /* @__PURE__ */ React.createElement(CheckboxGroup.AllItem, checkboxAllItemProps), children));
+		...rest,
+		children: /* @__PURE__ */ jsxs(CheckboxTreeItemContent, {
+			onClick: (e) => e.stopPropagation(),
+			children: [/* @__PURE__ */ jsx(CheckboxGroup.AllItem, { ...checkboxAllItemProps }), children]
+		})
+	});
 };
 //#endregion
 export { CheckboxTreeCollapsibleTrigger };

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,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"}
+{"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"}

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

@@ -2,5 +2,5 @@ import 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'>;
-export declare const CheckboxTreeItem: ({ value, title, onCheckedChange, children, disabled, ...rest }: CheckboxTreeItemProps) => JSX.Element;
+export declare const CheckboxTreeItem: ({ value, title, onCheckedChange, children, disabled, ...rest }: CheckboxTreeItemProps) => React.JSX.Element;
 export {};

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

@@ -1,7 +1,8 @@
 import { CheckboxGroup } from "../checkbox-group/CheckboxGroup.js";
 import { Tree } from "../tree/Tree.js";
 import { CheckboxTreeItemContent } from "./CheckboxTreeItemContent.js";
-import React from "react";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/checkbox-tree/CheckboxTreeItem.tsx
 var CheckboxTreeItem = ({ value, title, onCheckedChange, children, disabled, ...rest }) => {
 	const checkboxItemProps = {
@@ -10,7 +11,10 @@ var CheckboxTreeItem = ({ value, title, onCheckedChange, children, disabled, ...
 		onCheckedChange,
 		disabled
 	};
-	return /* @__PURE__ */ React.createElement(Tree.Item, rest, /* @__PURE__ */ React.createElement(CheckboxTreeItemContent, null, /* @__PURE__ */ React.createElement(CheckboxGroup.Item, checkboxItemProps), children));
+	return /* @__PURE__ */ jsx(Tree.Item, {
+		...rest,
+		children: /* @__PURE__ */ jsxs(CheckboxTreeItemContent, { children: [/* @__PURE__ */ jsx(CheckboxGroup.Item, { ...checkboxItemProps }), children] })
+	});
 };
 //#endregion
 export { CheckboxTreeItem };

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,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"}
+{"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"}

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

@@ -1,9 +1,9 @@
 import * as React from 'react';
 declare const StyledItemContent: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref"> & {
-    ref?: ((instance: HTMLLabelElement | null) => void) | React.RefObject<HTMLLabelElement> | null | undefined;
+    ref?: ((instance: HTMLLabelElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLLabelElement> | null | undefined;
 }, never> & {
     as?: React.ElementType;
 }>;
 type CheckboxTreeItemContentProps = React.ComponentProps<typeof StyledItemContent>;
-export declare const CheckboxTreeItemContent: ({ children, ...rest }: CheckboxTreeItemContentProps) => JSX.Element;
+export declare const CheckboxTreeItemContent: ({ children, ...rest }: CheckboxTreeItemContentProps) => React.JSX.Element;
 export {};

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

@@ -2,6 +2,7 @@ import { styled } from "../../styled.js";
 import { Icon } from "../icon/Icon.js";
 import { Tree } from "../tree/Tree.js";
 import * as React$1 from "react";
+import { jsx } from "react/jsx-runtime";
 //#region src/components/checkbox-tree/CheckboxTreeItemContent.tsx
 var StyledItemContent = styled("label", { base: [
 	"max-w-full",
@@ -10,11 +11,14 @@ var StyledItemContent = styled("label", { base: [
 	"gap-2"
 ] });
 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;
-	}));
+	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;
+		})
+	});
 };
 //#endregion
 export { CheckboxTreeItemContent };

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,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"}
+{"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): React.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 (\n            React.isValidElement<React.ComponentPropsWithoutRef<typeof Icon>>(child) &&\n            child.type === Icon\n          ) {\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,WACkD;AACrD,QACE,oBAAC,mBAAD;EAAmB,GAAI;YAEnB,QAAM,SAAS,IAAI,WAAW,UAAU;AACtC,OAAI,OAAO,UAAU,YAAY,OAAO,UAAU,SAChD,QAAO,oBAAC,KAAK,MAAN,EAAA,UAAY,OAAkB,CAAA;AAEvC,OACE,QAAM,eAA4D,MAAM,IACxE,MAAM,SAAS,KAEf,QAAO,oBAAC,KAAK,MAAN,EAAW,GAAI,MAAM,OAAS,CAAA;AAEvC,UAAO;IACP;EAEc,CAAA"}

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

@@ -1,13 +1,13 @@
 import * as React from 'react';
 import { Icon } from '../../components/icon/Icon';
 export declare const StyledChipContent: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
-    ref?: ((instance: HTMLSpanElement | null) => void) | React.RefObject<HTMLSpanElement> | null | undefined;
+    ref?: ((instance: HTMLSpanElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLSpanElement> | null | undefined;
 }, never> & {
     as?: React.ElementType;
 }>;
 export declare const ChipIcon: (props: React.ComponentProps<typeof Icon>) => React.JSX.Element;
 export declare const StyledRoot: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+    ref?: ((instance: HTMLDivElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLDivElement> | null | undefined;
 }, "appearance" | "size"> & {
     size?: "sm" | "md" | "lg" | undefined;
     appearance?: "standard" | "modern" | undefined;
@@ -17,7 +17,7 @@ export declare const StyledRoot: React.ForwardRefExoticComponent<Omit<Omit<React
 export type TChipRootContext = React.ComponentProps<typeof StyledRoot>;
 export type TChipRootProviderProps = TChipRootContext;
 export declare const ChipRootContext: React.Context<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+    ref?: ((instance: HTMLDivElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLDivElement> | null | undefined;
 }, "appearance" | "size"> & {
     size?: "sm" | "md" | "lg" | undefined;
     appearance?: "standard" | "modern" | undefined;
@@ -27,7 +27,7 @@ export declare const ChipRootContext: React.Context<Omit<Omit<React.DetailedHTML
 export declare const ChipRootProvider: ({ size, children }: TChipRootProviderProps) => React.JSX.Element;
 export type TChipRootProps = TChipRootProviderProps;
 export declare const Chip: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+    ref?: ((instance: HTMLDivElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLDivElement> | null | undefined;
 }, "appearance" | "size"> & {
     size?: "sm" | "md" | "lg" | undefined;
     appearance?: "standard" | "modern" | undefined;

package/dist/components/chip/Chip.js

@@ -2,6 +2,7 @@ import { styled } from "../../styled.js";
 import { Icon } from "../icon/Icon.js";
 import { overrideStyledVariantValue } from "../../utilities/override-styled-variant-value/overrideStyledVariantValue.js";
 import * as React$1 from "react";
+import { jsx } from "react/jsx-runtime";
 //#region src/components/chip/Chip.tsx
 var StyledChipContent = styled("span", { base: [
 	"inline-flex",
@@ -21,7 +22,7 @@ var toIconSize = {
 var ChipIcon = (props) => {
 	const { size } = React$1.useContext(ChipRootContext);
 	const iconSize = React$1.useMemo(() => overrideStyledVariantValue(size, (s) => toIconSize[s]), [size]);
-	return /* @__PURE__ */ React$1.createElement(Icon, {
+	return /* @__PURE__ */ jsx(Icon, {
 		...props,
 		size: iconSize
 	});
@@ -29,17 +30,17 @@ var ChipIcon = (props) => {
 var ChipContent = ({ children, ...rest }) => {
 	const childrenArray = React$1.Children.toArray(children);
 	const isSingleChild = childrenArray.length <= 1;
-	return /* @__PURE__ */ React$1.createElement(StyledChipContent, rest, childrenArray.map((child, index) => {
-		if (!isSingleChild && typeof child === "string") return /* @__PURE__ */ React$1.createElement("span", {
-			key: child,
-			className: "overflow-hidden text-ellipsis whitespace-nowrap"
-		}, child);
-		if (React$1.isValidElement(child) && child.type === Icon) return /* @__PURE__ */ React$1.createElement(ChipIcon, {
-			key: `icon-${index}`,
-			...child.props
-		});
-		return child;
-	}));
+	return /* @__PURE__ */ jsx(StyledChipContent, {
+		...rest,
+		children: childrenArray.map((child, index) => {
+			if (!isSingleChild && typeof child === "string") return /* @__PURE__ */ jsx("span", {
+				className: "overflow-hidden text-ellipsis whitespace-nowrap",
+				children: child
+			}, child);
+			if (React$1.isValidElement(child) && child.type === Icon) return /* @__PURE__ */ jsx(ChipIcon, { ...child.props }, `icon-${index}`);
+			return child;
+		})
+	});
 };
 var StyledRoot = styled("div", {
 	base: [
@@ -90,14 +91,20 @@ var StyledRoot = styled("div", {
 var ChipRootContext = React$1.createContext({});
 var ChipRootProvider = ({ size, children }) => {
 	const value = React$1.useMemo(() => ({ size }), [size]);
-	return /* @__PURE__ */ React$1.createElement(ChipRootContext.Provider, { value }, children);
+	return /* @__PURE__ */ jsx(ChipRootContext.Provider, {
+		value,
+		children
+	});
 };
 var ChipRoot = React$1.forwardRef(({ size = "md", ...rest }, ref) => {
-	return /* @__PURE__ */ React$1.createElement(ChipRootProvider, { size }, /* @__PURE__ */ React$1.createElement(StyledRoot, {
-		ref,
+	return /* @__PURE__ */ jsx(ChipRootProvider, {
 		size,
-		...rest
-	}));
+		children: /* @__PURE__ */ jsx(StyledRoot, {
+			ref,
+			size,
+			...rest
+		})
+	});
 });
 var Chip = Object.assign(ChipRoot, {
 	Content: ChipContent,

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

@@ -1 +1 @@
-{"version":3,"file":"Chip.js","names":[],"sources":["../../../src/components/chip/Chip.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Icon } from '~/components/icon/Icon'\nimport { styled } from '~/styled'\nimport { overrideStyledVariantValue } from '~/utilities/override-styled-variant-value/overrideStyledVariantValue'\n\nexport const StyledChipContent = styled('span', {\n  base: [\n    'inline-flex',\n    'items-center',\n    'px-1',\n    'grow',\n    'overflow-hidden',\n    'text-ellipsis',\n    'whitespace-nowrap',\n    '*:not-last:mr-1'\n  ]\n})\n\nconst toIconSize = { sm: 'sm', md: 'sm', lg: 'md' }\n\nexport const ChipIcon = (props: React.ComponentProps<typeof Icon>) => {\n  const rootContext = React.useContext(ChipRootContext)\n  const { size } = rootContext\n  const iconSize = React.useMemo(\n    () => overrideStyledVariantValue(size, (s) => toIconSize[s]),\n    [size]\n  )\n  return <Icon {...props} size={iconSize} />\n}\n\nconst ChipContent = ({ children, ...rest }) => {\n  const childrenArray = React.Children.toArray(children)\n  const isSingleChild = childrenArray.length <= 1\n  return (\n    <StyledChipContent {...rest}>\n      {\n        childrenArray.map((child, index) => {\n          if (!isSingleChild && typeof child === 'string')\n            return (\n              <span\n                key={child}\n                className=\"overflow-hidden text-ellipsis whitespace-nowrap\"\n              >\n                {child}\n              </span>\n            )\n          if (React.isValidElement(child) && child.type === Icon) {\n            return <ChipIcon key={`icon-${index}`} {...child.props} />\n          }\n          return child\n        }) as React.ReactElement[]\n      }\n    </StyledChipContent>\n  )\n}\n\nexport const StyledRoot = styled('div', {\n  base: [\n    'flex',\n    'px-2',\n    'border',\n    'rounded-md',\n    'items-center',\n    'font-body',\n    'max-w-full',\n    'border-primary-800',\n    'text-primary-900',\n    'bg-primary-100',\n    'disabled:opacity-30',\n    'disabled:pointer-events-none'\n  ],\n  variants: {\n    size: {\n      sm: ['h-6', 'text-sm', 'leading-[1.53]', 'capsize-[0.4056]'],\n      md: ['h-8', 'text-sm', 'leading-[1.53]', 'capsize-[0.4056]'],\n      lg: ['h-10', 'text-md', 'leading-normal', 'capsize-[0.3864]']\n    },\n    appearance: {\n      standard: [],\n      modern: ['border-grey-900', 'text-grey-900', 'bg-grey-100']\n    }\n  }\n})\n\nexport type TChipRootContext = React.ComponentProps<typeof StyledRoot>\nexport type TChipRootProviderProps = TChipRootContext\n\nexport const ChipRootContext = React.createContext<TChipRootContext>({})\n\nexport const ChipRootProvider = ({\n  size,\n  children\n}: TChipRootProviderProps) => {\n  const value = React.useMemo<TChipRootContext>(() => ({ size }), [size])\n  return (\n    <ChipRootContext.Provider value={value}>\n      {children}\n    </ChipRootContext.Provider>\n  )\n}\n\nexport type TChipRootProps = TChipRootProviderProps\n\nconst ChipRoot = React.forwardRef<HTMLDivElement, TChipRootProps>(\n  ({ size = 'md', ...rest }, ref) => {\n    return (\n      <ChipRootProvider size={size}>\n        <StyledRoot ref={ref} size={size} {...rest} />\n      </ChipRootProvider>\n    )\n  }\n)\n\nexport const Chip = Object.assign(ChipRoot, {\n  Content: ChipContent,\n  Icon: ChipIcon\n})\n\nChipRoot.displayName = 'Chip'\n"],"mappings":";;;;;AAMA,IAAa,oBAAoB,OAAO,QAAQ,EAC9C,MAAM;CACJ;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD,EACF,CAAC;AAEF,IAAM,aAAa;CAAE,IAAI;CAAM,IAAI;CAAM,IAAI;CAAM;AAEnD,IAAa,YAAY,UAA6C;CAEpE,MAAM,EAAE,SADY,QAAM,WAAW,gBAAgB;CAErD,MAAM,WAAW,QAAM,cACf,2BAA2B,OAAO,MAAM,WAAW,GAAG,EAC5D,CAAC,KAAK,CACP;AACD,QAAO,wBAAA,cAAC,MAAD;EAAM,GAAI;EAAO,MAAM;EAAY,CAAA;;AAG5C,IAAM,eAAe,EAAE,UAAU,GAAG,WAAW;CAC7C,MAAM,gBAAgB,QAAM,SAAS,QAAQ,SAAS;CACtD,MAAM,gBAAgB,cAAc,UAAU;AAC9C,QACE,wBAAA,cAAC,mBAAsB,MAEnB,cAAc,KAAK,OAAO,UAAU;AAClC,MAAI,CAAC,iBAAiB,OAAO,UAAU,SACrC,QACE,wBAAA,cAAC,QAAD;GACE,KAAK;GACL,WAAU;GAGL,EADJ,MACI;AAEX,MAAI,QAAM,eAAe,MAAM,IAAI,MAAM,SAAS,KAChD,QAAO,wBAAA,cAAC,UAAD;GAAU,KAAK,QAAQ;GAAS,GAAI,MAAM;GAAS,CAAA;AAE5D,SAAO;GACP,CAEc;;AAIxB,IAAa,aAAa,OAAO,OAAO;CACtC,MAAM;EACJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD;CACD,UAAU;EACR,MAAM;GACJ,IAAI;IAAC;IAAO;IAAW;IAAkB;IAAmB;GAC5D,IAAI;IAAC;IAAO;IAAW;IAAkB;IAAmB;GAC5D,IAAI;IAAC;IAAQ;IAAW;IAAkB;IAAmB;GAC9D;EACD,YAAY;GACV,UAAU,EAAE;GACZ,QAAQ;IAAC;IAAmB;IAAiB;IAAc;GAC5D;EACF;CACF,CAAC;AAKF,IAAa,kBAAkB,QAAM,cAAgC,EAAE,CAAC;AAExE,IAAa,oBAAoB,EAC/B,MACA,eAC4B;CAC5B,MAAM,QAAQ,QAAM,eAAiC,EAAE,MAAM,GAAG,CAAC,KAAK,CAAC;AACvE,QACE,wBAAA,cAAC,gBAAgB,UAAjB,EAAiC,OAEN,EADxB,SACwB;;AAM/B,IAAM,WAAW,QAAM,YACpB,EAAE,OAAO,MAAM,GAAG,QAAQ,QAAQ;AACjC,QACE,wBAAA,cAAC,kBAAD,EAAwB,MAEL,EADjB,wBAAA,cAAC,YAAD;EAAiB;EAAW;EAAM,GAAI;EAAQ,CAAA,CAC7B;EAGxB;AAED,IAAa,OAAO,OAAO,OAAO,UAAU;CAC1C,SAAS;CACT,MAAM;CACP,CAAC;AAEF,SAAS,cAAc"}
+{"version":3,"file":"Chip.js","names":[],"sources":["../../../src/components/chip/Chip.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Icon } from '~/components/icon/Icon'\nimport { styled } from '~/styled'\nimport { overrideStyledVariantValue } from '~/utilities/override-styled-variant-value/overrideStyledVariantValue'\n\nexport const StyledChipContent = styled('span', {\n  base: [\n    'inline-flex',\n    'items-center',\n    'px-1',\n    'grow',\n    'overflow-hidden',\n    'text-ellipsis',\n    'whitespace-nowrap',\n    '*:not-last:mr-1'\n  ]\n})\n\nconst toIconSize = { sm: 'sm', md: 'sm', lg: 'md' }\n\nexport const ChipIcon = (props: React.ComponentProps<typeof Icon>) => {\n  const rootContext = React.useContext(ChipRootContext)\n  const { size } = rootContext\n  const iconSize = React.useMemo(\n    () => overrideStyledVariantValue(size, (s) => toIconSize[s]),\n    [size]\n  )\n  return <Icon {...props} size={iconSize} />\n}\n\nconst ChipContent = ({ children, ...rest }) => {\n  const childrenArray = React.Children.toArray(children)\n  const isSingleChild = childrenArray.length <= 1\n  return (\n    <StyledChipContent {...rest}>\n      {\n        childrenArray.map((child, index) => {\n          if (!isSingleChild && typeof child === 'string')\n            return (\n              <span\n                key={child}\n                className=\"overflow-hidden text-ellipsis whitespace-nowrap\"\n              >\n                {child}\n              </span>\n            )\n          if (\n            React.isValidElement<React.ComponentPropsWithoutRef<typeof Icon>>(child) &&\n            child.type === Icon\n          ) {\n            return <ChipIcon key={`icon-${index}`} {...child.props} />\n          }\n          return child\n        }) as React.ReactElement[]\n      }\n    </StyledChipContent>\n  )\n}\n\nexport const StyledRoot = styled('div', {\n  base: [\n    'flex',\n    'px-2',\n    'border',\n    'rounded-md',\n    'items-center',\n    'font-body',\n    'max-w-full',\n    'border-primary-800',\n    'text-primary-900',\n    'bg-primary-100',\n    'disabled:opacity-30',\n    'disabled:pointer-events-none'\n  ],\n  variants: {\n    size: {\n      sm: ['h-6', 'text-sm', 'leading-[1.53]', 'capsize-[0.4056]'],\n      md: ['h-8', 'text-sm', 'leading-[1.53]', 'capsize-[0.4056]'],\n      lg: ['h-10', 'text-md', 'leading-normal', 'capsize-[0.3864]']\n    },\n    appearance: {\n      standard: [],\n      modern: ['border-grey-900', 'text-grey-900', 'bg-grey-100']\n    }\n  }\n})\n\nexport type TChipRootContext = React.ComponentProps<typeof StyledRoot>\nexport type TChipRootProviderProps = TChipRootContext\n\nexport const ChipRootContext = React.createContext<TChipRootContext>({})\n\nexport const ChipRootProvider = ({\n  size,\n  children\n}: TChipRootProviderProps) => {\n  const value = React.useMemo<TChipRootContext>(() => ({ size }), [size])\n  return (\n    <ChipRootContext.Provider value={value}>\n      {children}\n    </ChipRootContext.Provider>\n  )\n}\n\nexport type TChipRootProps = TChipRootProviderProps\n\nconst ChipRoot = React.forwardRef<HTMLDivElement, TChipRootProps>(\n  ({ size = 'md', ...rest }, ref) => {\n    return (\n      <ChipRootProvider size={size}>\n        <StyledRoot ref={ref} size={size} {...rest} />\n      </ChipRootProvider>\n    )\n  }\n)\n\nexport const Chip = Object.assign(ChipRoot, {\n  Content: ChipContent,\n  Icon: ChipIcon\n})\n\nChipRoot.displayName = 'Chip'\n"],"mappings":";;;;;;AAMA,IAAa,oBAAoB,OAAO,QAAQ,EAC9C,MAAM;CACJ;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD,EACF,CAAC;AAEF,IAAM,aAAa;CAAE,IAAI;CAAM,IAAI;CAAM,IAAI;CAAM;AAEnD,IAAa,YAAY,UAA6C;CAEpE,MAAM,EAAE,SADY,QAAM,WAAW,gBAAgB;CAErD,MAAM,WAAW,QAAM,cACf,2BAA2B,OAAO,MAAM,WAAW,GAAG,EAC5D,CAAC,KAAK,CACP;AACD,QAAO,oBAAC,MAAD;EAAM,GAAI;EAAO,MAAM;EAAY,CAAA;;AAG5C,IAAM,eAAe,EAAE,UAAU,GAAG,WAAW;CAC7C,MAAM,gBAAgB,QAAM,SAAS,QAAQ,SAAS;CACtD,MAAM,gBAAgB,cAAc,UAAU;AAC9C,QACE,oBAAC,mBAAD;EAAmB,GAAI;YAEnB,cAAc,KAAK,OAAO,UAAU;AAClC,OAAI,CAAC,iBAAiB,OAAO,UAAU,SACrC,QACE,oBAAC,QAAD;IAEE,WAAU;cAET;IACI,EAJA,MAIA;AAEX,OACE,QAAM,eAA4D,MAAM,IACxE,MAAM,SAAS,KAEf,QAAO,oBAAC,UAAD,EAAgC,GAAI,MAAM,OAAS,EAApC,QAAQ,QAA4B;AAE5D,UAAO;IACP;EAEc,CAAA;;AAIxB,IAAa,aAAa,OAAO,OAAO;CACtC,MAAM;EACJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD;CACD,UAAU;EACR,MAAM;GACJ,IAAI;IAAC;IAAO;IAAW;IAAkB;IAAmB;GAC5D,IAAI;IAAC;IAAO;IAAW;IAAkB;IAAmB;GAC5D,IAAI;IAAC;IAAQ;IAAW;IAAkB;IAAmB;GAC9D;EACD,YAAY;GACV,UAAU,EAAE;GACZ,QAAQ;IAAC;IAAmB;IAAiB;IAAc;GAC5D;EACF;CACF,CAAC;AAKF,IAAa,kBAAkB,QAAM,cAAgC,EAAE,CAAC;AAExE,IAAa,oBAAoB,EAC/B,MACA,eAC4B;CAC5B,MAAM,QAAQ,QAAM,eAAiC,EAAE,MAAM,GAAG,CAAC,KAAK,CAAC;AACvE,QACE,oBAAC,gBAAgB,UAAjB;EAAiC;EAC9B;EACwB,CAAA;;AAM/B,IAAM,WAAW,QAAM,YACpB,EAAE,OAAO,MAAM,GAAG,QAAQ,QAAQ;AACjC,QACE,oBAAC,kBAAD;EAAwB;YACtB,oBAAC,YAAD;GAAiB;GAAW;GAAM,GAAI;GAAQ,CAAA;EAC7B,CAAA;EAGxB;AAED,IAAa,OAAO,OAAO,OAAO,UAAU;CAC1C,SAAS;CACT,MAAM;CACP,CAAC;AAEF,SAAS,cAAc"}

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

@@ -1,5 +1,5 @@
 export declare const ChipGroup: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
 }, never> & {
     as?: import("react").ElementType;
 }>;

package/dist/components/chip-dismissible-group/ChipDismissibleGroupItem.d.ts

@@ -1,13 +1,15 @@
 import * as React from 'react';
 import { DismissibleGroup } from '../../components/dismissible-group';
-declare const StyledChipDismissibleGroupItem: React.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+declare const StyledChipDismissibleGroupItem: React.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLDivElement> | null | undefined;
 }, "appearance" | "size"> & {
     size?: "sm" | "md" | "lg" | undefined;
     appearance?: "standard" | "modern" | undefined;
 } & {
     as?: React.ElementType;
-}, "ref"> & React.RefAttributes<HTMLDivElement>, never> & {
+}, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLDivElement> | null | undefined;
+}, never> & {
     as?: React.ElementType;
 }>;
 export type TChipDismissibleGroupItem = React.ComponentProps<typeof DismissibleGroup.Item> & React.ComponentProps<typeof StyledChipDismissibleGroupItem> & {

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

@@ -3,19 +3,28 @@ import { Icon } from "../icon/Icon.js";
 import { ActionIcon } from "../action-icon/ActionIcon.js";
 import { Chip } from "../chip/Chip.js";
 import { DismissibleGroup } from "../dismissible-group/index.js";
-import * as React$1 from "react";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { Close } from "@atom-learning/icons";
 //#region src/components/chip-dismissible-group/ChipDismissibleGroupItem.tsx
 var StyledChipDismissibleGroupItem = styled(Chip, { base: ["flex", "px-1"] });
 var ChipDismissibleGroupItem = ({ size = "md", children, dismissActionLabel = "Dismiss", ...rest }) => {
-	return /* @__PURE__ */ React$1.createElement(DismissibleGroup.Item, {
+	return /* @__PURE__ */ jsx(DismissibleGroup.Item, {
 		asChild: true,
-		...rest
-	}, /* @__PURE__ */ React$1.createElement(StyledChipDismissibleGroupItem, { size }, /* @__PURE__ */ React$1.createElement(Chip.Content, null, children), /* @__PURE__ */ React$1.createElement(DismissibleGroup.Trigger, { asChild: true }, /* @__PURE__ */ React$1.createElement(ActionIcon, {
-		label: dismissActionLabel,
-		size: size === "sm" ? "xs" : "sm",
-		className: "text-grey-600"
-	}, /* @__PURE__ */ React$1.createElement(Icon, { is: Close })))));
+		...rest,
+		children: /* @__PURE__ */ jsxs(StyledChipDismissibleGroupItem, {
+			size,
+			children: [/* @__PURE__ */ jsx(Chip.Content, { children }), /* @__PURE__ */ jsx(DismissibleGroup.Trigger, {
+				asChild: true,
+				children: /* @__PURE__ */ jsx(ActionIcon, {
+					label: dismissActionLabel,
+					size: size === "sm" ? "xs" : "sm",
+					className: "text-grey-600",
+					children: /* @__PURE__ */ jsx(Icon, { is: Close })
+				})
+			})]
+		})
+	});
 };
 //#endregion
 export { ChipDismissibleGroupItem };

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

@@ -1 +1 @@
-{"version":3,"file":"ChipDismissibleGroupItem.js","names":[],"sources":["../../../src/components/chip-dismissible-group/ChipDismissibleGroupItem.tsx"],"sourcesContent":["import { Close } from '@atom-learning/icons'\nimport * as React from 'react'\n\nimport { Chip } from '~/components/chip/Chip'\nimport { DismissibleGroup } from '~/components/dismissible-group'\nimport { styled } from '~/styled'\n\nimport { ActionIcon } from '../action-icon/ActionIcon'\nimport { Icon } from '../icon/Icon'\n\nconst StyledChipDismissibleGroupItem = styled(Chip, {\n  base: ['flex', 'px-1']\n})\n\nexport type TChipDismissibleGroupItem = React.ComponentProps<\n  typeof DismissibleGroup.Item\n> &\n  React.ComponentProps<typeof StyledChipDismissibleGroupItem> & {\n    dismissActionLabel: string\n  }\n\nexport const ChipDismissibleGroupItem = ({\n  size = 'md',\n  children,\n  dismissActionLabel = 'Dismiss',\n  ...rest\n}: TChipDismissibleGroupItem) => {\n  return (\n    <DismissibleGroup.Item asChild {...rest}>\n      <StyledChipDismissibleGroupItem size={size}>\n        <Chip.Content>{children}</Chip.Content>\n        <DismissibleGroup.Trigger asChild>\n          <ActionIcon\n            label={dismissActionLabel}\n            size={size === 'sm' ? 'xs' : 'sm'}\n            className=\"text-grey-600\"\n          >\n            <Icon is={Close} />\n          </ActionIcon>\n        </DismissibleGroup.Trigger>\n      </StyledChipDismissibleGroupItem>\n    </DismissibleGroup.Item>\n  )\n}\n"],"mappings":";;;;;;;;AAUA,IAAM,iCAAiC,OAAO,MAAM,EAClD,MAAM,CAAC,QAAQ,OAAO,EACvB,CAAC;AASF,IAAa,4BAA4B,EACvC,OAAO,MACP,UACA,qBAAqB,WACrB,GAAG,WAC4B;AAC/B,QACE,wBAAA,cAAC,iBAAiB,MAAlB;EAAuB,SAAA;EAAQ,GAAI;EAaX,EAZtB,wBAAA,cAAC,gCAAD,EAAsC,MAWL,EAV/B,wBAAA,cAAC,KAAK,SAAA,MAAS,SAAwB,EACvC,wBAAA,cAAC,iBAAiB,SAAlB,EAA0B,SAAA,MAQC,EAPzB,wBAAA,cAAC,YAAD;EACE,OAAO;EACP,MAAM,SAAS,OAAO,OAAO;EAC7B,WAAU;EAGC,EADX,wBAAA,cAAC,MAAD,EAAM,IAAI,OAAS,CAAA,CACR,CACY,CACI,CACX"}
+{"version":3,"file":"ChipDismissibleGroupItem.js","names":[],"sources":["../../../src/components/chip-dismissible-group/ChipDismissibleGroupItem.tsx"],"sourcesContent":["import { Close } from '@atom-learning/icons'\nimport * as React from 'react'\n\nimport { Chip } from '~/components/chip/Chip'\nimport { DismissibleGroup } from '~/components/dismissible-group'\nimport { styled } from '~/styled'\n\nimport { ActionIcon } from '../action-icon/ActionIcon'\nimport { Icon } from '../icon/Icon'\n\nconst StyledChipDismissibleGroupItem = styled(Chip, {\n  base: ['flex', 'px-1']\n})\n\nexport type TChipDismissibleGroupItem = React.ComponentProps<\n  typeof DismissibleGroup.Item\n> &\n  React.ComponentProps<typeof StyledChipDismissibleGroupItem> & {\n    dismissActionLabel: string\n  }\n\nexport const ChipDismissibleGroupItem = ({\n  size = 'md',\n  children,\n  dismissActionLabel = 'Dismiss',\n  ...rest\n}: TChipDismissibleGroupItem) => {\n  return (\n    <DismissibleGroup.Item asChild {...rest}>\n      <StyledChipDismissibleGroupItem size={size}>\n        <Chip.Content>{children}</Chip.Content>\n        <DismissibleGroup.Trigger asChild>\n          <ActionIcon\n            label={dismissActionLabel}\n            size={size === 'sm' ? 'xs' : 'sm'}\n            className=\"text-grey-600\"\n          >\n            <Icon is={Close} />\n          </ActionIcon>\n        </DismissibleGroup.Trigger>\n      </StyledChipDismissibleGroupItem>\n    </DismissibleGroup.Item>\n  )\n}\n"],"mappings":";;;;;;;;;AAUA,IAAM,iCAAiC,OAAO,MAAM,EAClD,MAAM,CAAC,QAAQ,OAAO,EACvB,CAAC;AASF,IAAa,4BAA4B,EACvC,OAAO,MACP,UACA,qBAAqB,WACrB,GAAG,WAC4B;AAC/B,QACE,oBAAC,iBAAiB,MAAlB;EAAuB,SAAA;EAAQ,GAAI;YACjC,qBAAC,gCAAD;GAAsC;aAAtC,CACE,oBAAC,KAAK,SAAN,EAAe,UAAwB,CAAA,EACvC,oBAAC,iBAAiB,SAAlB;IAA0B,SAAA;cACxB,oBAAC,YAAD;KACE,OAAO;KACP,MAAM,SAAS,OAAO,OAAO;KAC7B,WAAU;eAEV,oBAAC,MAAD,EAAM,IAAI,OAAS,CAAA;KACR,CAAA;IACY,CAAA,CACI;;EACX,CAAA"}

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

@@ -1,9 +1,10 @@
 import { ChipGroup } from "../chip/ChipGroup.js";
 import { DismissibleGroup } from "../dismissible-group/index.js";
 import * as React$1 from "react";
+import { jsx } from "react/jsx-runtime";
 //#region src/components/chip-dismissible-group/ChipDismissibleGroupRoot.tsx
 var ChipDismissibleGroupRoot = React$1.forwardRef((props, ref) => {
-	return /* @__PURE__ */ React$1.createElement(ChipGroup, {
+	return /* @__PURE__ */ jsx(ChipGroup, {
 		as: DismissibleGroup,
 		ref,
 		...props

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

@@ -1 +1 @@
-{"version":3,"file":"ChipDismissibleGroupRoot.js","names":[],"sources":["../../../src/components/chip-dismissible-group/ChipDismissibleGroupRoot.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { ChipGroup } from '~/components/chip/ChipGroup'\nimport { DismissibleGroup } from '~/components/dismissible-group'\n\ntype TChipDismissibleGroupRootProps = React.ComponentProps<typeof ChipGroup> &\n  React.ComponentProps<typeof DismissibleGroup>\n\nexport const ChipDismissibleGroupRoot = React.forwardRef<\n  HTMLDivElement,\n  TChipDismissibleGroupRootProps\n>((props, ref) => {\n  return <ChipGroup as={DismissibleGroup} ref={ref as any} {...props} />\n})\n"],"mappings":";;;;AAQA,IAAa,2BAA2B,QAAM,YAG3C,OAAO,QAAQ;AAChB,QAAO,wBAAA,cAAC,WAAD;EAAW,IAAI;EAAuB;EAAY,GAAI;EAAS,CAAA;EACtE"}
+{"version":3,"file":"ChipDismissibleGroupRoot.js","names":[],"sources":["../../../src/components/chip-dismissible-group/ChipDismissibleGroupRoot.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { ChipGroup } from '~/components/chip/ChipGroup'\nimport { DismissibleGroup } from '~/components/dismissible-group'\n\ntype TChipDismissibleGroupRootProps = React.ComponentProps<typeof ChipGroup> &\n  React.ComponentProps<typeof DismissibleGroup>\n\nexport const ChipDismissibleGroupRoot = React.forwardRef<\n  HTMLDivElement,\n  TChipDismissibleGroupRootProps\n>((props, ref) => {\n  return <ChipGroup as={DismissibleGroup} ref={ref as any} {...props} />\n})\n"],"mappings":";;;;;AAQA,IAAa,2BAA2B,QAAM,YAG3C,OAAO,QAAQ;AAChB,QAAO,oBAAC,WAAD;EAAW,IAAI;EAAuB;EAAY,GAAI;EAAS,CAAA;EACtE"}

package/dist/components/chip-toggle-group/ChipToggleGroupItem.d.ts

@@ -1,13 +1,15 @@
 import * as ToggleGroup from '@radix-ui/react-toggle-group';
 import * as React from 'react';
-declare const StyledChipToggleGroupItem: React.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+declare const StyledChipToggleGroupItem: React.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLDivElement> | null | undefined;
 }, "appearance" | "size"> & {
     size?: "sm" | "md" | "lg" | undefined;
     appearance?: "standard" | "modern" | undefined;
 } & {
     as?: React.ElementType;
-}, "ref"> & React.RefAttributes<HTMLDivElement>, "appearance"> & {
+}, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLDivElement> | null | undefined;
+}, "appearance"> & {
     appearance?: "standard" | "modern" | undefined;
 } & {
     as?: React.ElementType;

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

@@ -1,7 +1,8 @@
 import { styled } from "../../styled.js";
 import { Icon } from "../icon/Icon.js";
 import { Chip } from "../chip/Chip.js";
-import * as React$1 from "react";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { Ok } from "@atom-learning/icons";
 import * as ToggleGroup from "@radix-ui/react-toggle-group";
 //#region src/components/chip-toggle-group/ChipToggleGroupItem.tsx
@@ -38,16 +39,18 @@ var StyledChipToggleGroupItem = styled(Chip, {
 	} }
 });
 var ChipToggleGroupItem = ({ size = "md", appearance, children, ...rest }) => {
-	return /* @__PURE__ */ React$1.createElement(ToggleGroup.Item, {
+	return /* @__PURE__ */ jsx(ToggleGroup.Item, {
 		...rest,
-		asChild: true
-	}, /* @__PURE__ */ React$1.createElement(StyledChipToggleGroupItem, {
-		as: "button",
-		appearance
-	}, /* @__PURE__ */ React$1.createElement(StyledChipToggleIcon, {
-		is: Ok,
-		size: size === "lg" ? "md" : "sm"
-	}), /* @__PURE__ */ React$1.createElement(Chip.Content, null, children)));
+		asChild: true,
+		children: /* @__PURE__ */ jsxs(StyledChipToggleGroupItem, {
+			as: "button",
+			appearance,
+			children: [/* @__PURE__ */ jsx(StyledChipToggleIcon, {
+				is: Ok,
+				size: size === "lg" ? "md" : "sm"
+			}), /* @__PURE__ */ jsx(Chip.Content, { children })]
+		})
+	});
 };
 //#endregion
 export { ChipToggleGroupItem };

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

@@ -1 +1 @@
-{"version":3,"file":"ChipToggleGroupItem.js","names":[],"sources":["../../../src/components/chip-toggle-group/ChipToggleGroupItem.tsx"],"sourcesContent":["import { Ok } from '@atom-learning/icons'\nimport * as ToggleGroup from '@radix-ui/react-toggle-group'\nimport * as React from 'react'\n\nimport { Chip } from '~/components/chip/Chip'\nimport { Icon } from '~/components/icon/Icon'\nimport { styled } from '~/styled'\n\nconst StyledChipToggleIcon = styled(Icon, {\n  base: ['hidden']\n})\n\nconst StyledChipToggleGroupItem = styled(Chip, {\n  base: [\n    'flex',\n    'not-disabled:cursor-pointer',\n    'not-disabled:data-[state=on]:hover:bg-white',\n    'not-disabled:data-[state=on]:hover:text-primary-1000',\n    'not-disabled:focus-visible:outline-none',\n    'not-disabled:focus-visible:relative',\n    'not-disabled:focus-visible:shadow-[var(--color-primary-800)_0px_0px_0px_4px]',\n    'not-disabled:focus-visible:shadow-[white_0px_0px_0px_2px]',\n    'not-disabled:focus-visible:z-1',\n    'not-disabled:hover:bg-grey-200',\n    'not-disabled:hover:border-current',\n    'not-disabled:hover:text-grey-1000',\n    'data-[state=off]:bg-white',\n    'data-[state=off]:border-grey-600',\n    'data-[state=off]:text-grey-800',\n    'data-[state=on]:[&_svg]:block'\n  ],\n  variants: {\n    appearance: {\n      standard: [],\n      modern: [\n        'data-[state=off]:bg-grey-100',\n        'data-[state=off]:border-transparent',\n        'data-[state=on]:border-grey-900',\n        'data-[state=on]:text-grey-900',\n        'data-[state=on]:bg-white',\n        'data-[state=on]:font-bold'\n      ]\n    }\n  }\n})\n\ntype TChipToggleGroupItem = React.ComponentProps<typeof ToggleGroup.Item> &\n  React.ComponentProps<typeof StyledChipToggleGroupItem>\n\nexport const ChipToggleGroupItem = ({\n  size = 'md',\n  appearance,\n  children,\n  ...rest\n}: TChipToggleGroupItem) => {\n  return (\n    <ToggleGroup.Item {...rest} asChild>\n      <StyledChipToggleGroupItem as=\"button\" appearance={appearance}>\n        <StyledChipToggleIcon is={Ok} size={size === 'lg' ? 'md' : 'sm'} />\n        <Chip.Content>{children}</Chip.Content>\n      </StyledChipToggleGroupItem>\n    </ToggleGroup.Item>\n  )\n}\n"],"mappings":";;;;;;;AAQA,IAAM,uBAAuB,OAAO,MAAM,EACxC,MAAM,CAAC,SAAS,EACjB,CAAC;AAEF,IAAM,4BAA4B,OAAO,MAAM;CAC7C,MAAM;EACJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD;CACD,UAAU,EACR,YAAY;EACV,UAAU,EAAE;EACZ,QAAQ;GACN;GACA;GACA;GACA;GACA;GACA;GACD;EACF,EACF;CACF,CAAC;AAKF,IAAa,uBAAuB,EAClC,OAAO,MACP,YACA,UACA,GAAG,WACuB;AAC1B,QACE,wBAAA,cAAC,YAAY,MAAb;EAAkB,GAAI;EAAM,SAAA;EAKT,EAJjB,wBAAA,cAAC,2BAAD;EAA2B,IAAG;EAAqB;EAGvB,EAF1B,wBAAA,cAAC,sBAAD;EAAsB,IAAI;EAAI,MAAM,SAAS,OAAO,OAAO;EAAQ,CAAA,EACnE,wBAAA,cAAC,KAAK,SAAA,MAAS,SAAwB,CACb,CACX"}
+{"version":3,"file":"ChipToggleGroupItem.js","names":[],"sources":["../../../src/components/chip-toggle-group/ChipToggleGroupItem.tsx"],"sourcesContent":["import { Ok } from '@atom-learning/icons'\nimport * as ToggleGroup from '@radix-ui/react-toggle-group'\nimport * as React from 'react'\n\nimport { Chip } from '~/components/chip/Chip'\nimport { Icon } from '~/components/icon/Icon'\nimport { styled } from '~/styled'\n\nconst StyledChipToggleIcon = styled(Icon, {\n  base: ['hidden']\n})\n\nconst StyledChipToggleGroupItem = styled(Chip, {\n  base: [\n    'flex',\n    'not-disabled:cursor-pointer',\n    'not-disabled:data-[state=on]:hover:bg-white',\n    'not-disabled:data-[state=on]:hover:text-primary-1000',\n    'not-disabled:focus-visible:outline-none',\n    'not-disabled:focus-visible:relative',\n    'not-disabled:focus-visible:shadow-[var(--color-primary-800)_0px_0px_0px_4px]',\n    'not-disabled:focus-visible:shadow-[white_0px_0px_0px_2px]',\n    'not-disabled:focus-visible:z-1',\n    'not-disabled:hover:bg-grey-200',\n    'not-disabled:hover:border-current',\n    'not-disabled:hover:text-grey-1000',\n    'data-[state=off]:bg-white',\n    'data-[state=off]:border-grey-600',\n    'data-[state=off]:text-grey-800',\n    'data-[state=on]:[&_svg]:block'\n  ],\n  variants: {\n    appearance: {\n      standard: [],\n      modern: [\n        'data-[state=off]:bg-grey-100',\n        'data-[state=off]:border-transparent',\n        'data-[state=on]:border-grey-900',\n        'data-[state=on]:text-grey-900',\n        'data-[state=on]:bg-white',\n        'data-[state=on]:font-bold'\n      ]\n    }\n  }\n})\n\ntype TChipToggleGroupItem = React.ComponentProps<typeof ToggleGroup.Item> &\n  React.ComponentProps<typeof StyledChipToggleGroupItem>\n\nexport const ChipToggleGroupItem = ({\n  size = 'md',\n  appearance,\n  children,\n  ...rest\n}: TChipToggleGroupItem) => {\n  return (\n    <ToggleGroup.Item {...rest} asChild>\n      <StyledChipToggleGroupItem as=\"button\" appearance={appearance}>\n        <StyledChipToggleIcon is={Ok} size={size === 'lg' ? 'md' : 'sm'} />\n        <Chip.Content>{children}</Chip.Content>\n      </StyledChipToggleGroupItem>\n    </ToggleGroup.Item>\n  )\n}\n"],"mappings":";;;;;;;;AAQA,IAAM,uBAAuB,OAAO,MAAM,EACxC,MAAM,CAAC,SAAS,EACjB,CAAC;AAEF,IAAM,4BAA4B,OAAO,MAAM;CAC7C,MAAM;EACJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD;CACD,UAAU,EACR,YAAY;EACV,UAAU,EAAE;EACZ,QAAQ;GACN;GACA;GACA;GACA;GACA;GACA;GACD;EACF,EACF;CACF,CAAC;AAKF,IAAa,uBAAuB,EAClC,OAAO,MACP,YACA,UACA,GAAG,WACuB;AAC1B,QACE,oBAAC,YAAY,MAAb;EAAkB,GAAI;EAAM,SAAA;YAC1B,qBAAC,2BAAD;GAA2B,IAAG;GAAqB;aAAnD,CACE,oBAAC,sBAAD;IAAsB,IAAI;IAAI,MAAM,SAAS,OAAO,OAAO;IAAQ,CAAA,EACnE,oBAAC,KAAK,SAAN,EAAe,UAAwB,CAAA,CACb;;EACX,CAAA"}

package/dist/components/chip-toggle-group/ChipToggleGroupRoot.d.ts

@@ -1,12 +1,12 @@
 import * as React from 'react';
 export declare const ChipToggleGroupRoot: React.ForwardRefExoticComponent<(Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+    ref?: ((instance: HTMLDivElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLDivElement> | null | undefined;
 }, never> & {
     as?: React.ElementType;
 } & Omit<import("@radix-ui/react-toggle-group").ToggleGroupSingleProps & React.RefAttributes<HTMLDivElement> & {
     disableDeselect?: boolean;
 }, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> | Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+    ref?: ((instance: HTMLDivElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLDivElement> | null | undefined;
 }, never> & {
     as?: React.ElementType;
 } & Omit<import("@radix-ui/react-toggle-group").ToggleGroupMultipleProps & React.RefAttributes<HTMLDivElement> & {