@atom-learning/components 8.0.2 → 9.0.0-beta.0

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -16,13 +16,13 @@ var CheckboxTreeRoot = ({ checked, defaultChecked, onCheckedChange, ...rest }) =
 		children: /* @__PURE__ */ jsx(Tree, { ...rest })
 	});
 };
-var CheckboxTree = Object.assign(CheckboxTreeRoot, {
+var CheckboxTree = /* @__PURE__ */ Object.assign(CheckboxTreeRoot, {
 	Collapsible: CheckboxTreeCollapsible,
 	CollapsibleContent: CheckboxTreeCollapsibleContent,
 	CollapsibleTrigger: CheckboxTreeCollapsibleTrigger,
 	Item: CheckboxTreeItem
 });
 //#endregion
-export { CheckboxTree };
+export { CheckboxTree, CheckboxTreeRoot };
 
 //# sourceMappingURL=CheckboxTree.js.map

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

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

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { CheckboxGroup } from '../checkbox-group/CheckboxGroup';
 import { Tree } from '../tree/Tree';
 type CheckboxTreeCollapsibleProps = Omit<React.ComponentProps<typeof Tree.Collapsible> & React.ComponentProps<typeof CheckboxGroup.Sub>, 'asChild'>;

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

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

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

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

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

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

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

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

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

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

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { CheckboxGroup } from '../checkbox-group/CheckboxGroup';
 import { Tree } from '../tree/Tree';
 type CheckboxGroupCollapsibleTriggerProps = Omit<React.ComponentProps<typeof Tree.CollapsibleTrigger> & React.ComponentProps<typeof CheckboxGroup.AllItem>, 'required' | 'asChild'>;

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

@@ -1 +1 @@
-{"version":3,"file":"CheckboxTreeCollapsibleTrigger.js","names":[],"sources":["../../../src/components/checkbox-tree/CheckboxTreeCollapsibleTrigger.tsx"],"sourcesContent":["import React from 'react'\n\nimport { CheckboxGroup } from '../checkbox-group/CheckboxGroup'\nimport { Tree } from '../tree/Tree'\nimport { CheckboxTreeItemContent } from './CheckboxTreeItemContent'\n\ntype CheckboxGroupCollapsibleTriggerProps = Omit<\n  React.ComponentProps<typeof Tree.CollapsibleTrigger> &\n    React.ComponentProps<typeof CheckboxGroup.AllItem>,\n  'required' | 'asChild'\n>\n\nexport const CheckboxTreeCollapsibleTrigger = ({\n  onCheckedChange,\n  title,\n  label,\n  children,\n  disabled,\n  ...rest\n}: CheckboxGroupCollapsibleTriggerProps): React.JSX.Element => {\n  const treeCollapsibleTriggerProps = { label }\n  const checkboxAllItemProps = { onCheckedChange, title, disabled }\n  return (\n    <Tree.CollapsibleTrigger {...treeCollapsibleTriggerProps} {...rest}>\n      <CheckboxTreeItemContent\n        onClick={\n          //  Don't propagate click and don't open/close the collapsible when the label/checkbox are clicked\n          (e) => e.stopPropagation()\n        }\n      >\n        <CheckboxGroup.AllItem {...checkboxAllItemProps} />\n        {children}\n      </CheckboxTreeItemContent>\n    </Tree.CollapsibleTrigger>\n  )\n}\n"],"mappings":";;;;;;AAYA,IAAa,kCAAkC,EAC7C,iBACA,OACA,OACA,UACA,UACA,GAAG,WAC0D;CAC7D,MAAM,8BAA8B,EAAE,OAAO;CAC7C,MAAM,uBAAuB;EAAE;EAAiB;EAAO;EAAU;AACjE,QACE,oBAAC,KAAK,oBAAN;EAAyB,GAAI;EAA6B,GAAI;YAC5D,qBAAC,yBAAD;GACE,UAEG,MAAM,EAAE,iBAAiB;aAH9B,CAME,oBAAC,cAAc,SAAf,EAAuB,GAAI,sBAAwB,CAAA,EAClD,SACuB;;EACF,CAAA"}
+{"version":3,"file":"CheckboxTreeCollapsibleTrigger.js","names":[],"sources":["../../../src/components/checkbox-tree/CheckboxTreeCollapsibleTrigger.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { CheckboxGroup } from '../checkbox-group/CheckboxGroup'\nimport { Tree } from '../tree/Tree'\nimport { CheckboxTreeItemContent } from './CheckboxTreeItemContent'\n\ntype CheckboxGroupCollapsibleTriggerProps = Omit<\n  React.ComponentProps<typeof Tree.CollapsibleTrigger> &\n    React.ComponentProps<typeof CheckboxGroup.AllItem>,\n  'required' | 'asChild'\n>\n\nexport const CheckboxTreeCollapsibleTrigger = ({\n  onCheckedChange,\n  title,\n  label,\n  children,\n  disabled,\n  ...rest\n}: CheckboxGroupCollapsibleTriggerProps) => {\n  const treeCollapsibleTriggerProps = { label }\n  const checkboxAllItemProps = { onCheckedChange, title, disabled }\n  return (\n    <Tree.CollapsibleTrigger {...treeCollapsibleTriggerProps} {...rest}>\n      <CheckboxTreeItemContent\n        onClick={\n          //  Don't propagate click and don't open/close the collapsible when the label/checkbox are clicked\n          (e) => e.stopPropagation()\n        }\n      >\n        <CheckboxGroup.AllItem {...checkboxAllItemProps} />\n        {children}\n      </CheckboxTreeItemContent>\n    </Tree.CollapsibleTrigger>\n  )\n}\n"],"mappings":";;;;;;AAYA,IAAa,kCAAkC,EAC7C,iBACA,OACA,OACA,UACA,UACA,GAAG,WACuC;CAC1C,MAAM,8BAA8B,EAAE,MAAM;CAC5C,MAAM,uBAAuB;EAAE;EAAiB;EAAO;CAAS;CAChE,OACE,oBAAC,KAAK,oBAAN;EAAyB,GAAI;EAA6B,GAAI;YAC5D,qBAAC,yBAAD;GACE,UAEG,MAAM,EAAE,gBAAgB;aAH7B,CAME,oBAAC,cAAc,SAAf,EAAuB,GAAI,qBAAuB,CAAA,GACjD,QACsB;;CACF,CAAA;AAE7B"}

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { CheckboxGroup } from '../checkbox-group/CheckboxGroup';
 import { Tree } from '../tree/Tree';
 type CheckboxTreeItemProps = Omit<React.ComponentProps<typeof Tree.Item> & React.ComponentProps<typeof CheckboxGroup.Item>, 'required' | 'asChild'>;

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

@@ -1 +1 @@
-{"version":3,"file":"CheckboxTreeItem.js","names":[],"sources":["../../../src/components/checkbox-tree/CheckboxTreeItem.tsx"],"sourcesContent":["import React from 'react'\n\nimport { CheckboxGroup } from '../checkbox-group/CheckboxGroup'\nimport { Tree } from '../tree/Tree'\nimport { CheckboxTreeItemContent } from './CheckboxTreeItemContent'\n\ntype CheckboxTreeItemProps = Omit<\n  React.ComponentProps<typeof Tree.Item> &\n    React.ComponentProps<typeof CheckboxGroup.Item>,\n  'required' | 'asChild'\n>\n\nexport const CheckboxTreeItem = ({\n  value,\n  title,\n  onCheckedChange,\n  children,\n  disabled,\n  ...rest\n}: CheckboxTreeItemProps): React.JSX.Element => {\n  const checkboxItemProps = { value, title, onCheckedChange, disabled }\n  return (\n    <Tree.Item {...rest}>\n      <CheckboxTreeItemContent>\n        <CheckboxGroup.Item {...checkboxItemProps} />\n        {children}\n      </CheckboxTreeItemContent>\n    </Tree.Item>\n  )\n}\n"],"mappings":";;;;;;AAYA,IAAa,oBAAoB,EAC/B,OACA,OACA,iBACA,UACA,UACA,GAAG,WAC2C;CAC9C,MAAM,oBAAoB;EAAE;EAAO;EAAO;EAAiB;EAAU;AACrE,QACE,oBAAC,KAAK,MAAN;EAAW,GAAI;YACb,qBAAC,yBAAD,EAAA,UAAA,CACE,oBAAC,cAAc,MAAf,EAAoB,GAAI,mBAAqB,CAAA,EAC5C,SACuB,EAAA,CAAA;EAChB,CAAA"}
+{"version":3,"file":"CheckboxTreeItem.js","names":[],"sources":["../../../src/components/checkbox-tree/CheckboxTreeItem.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { CheckboxGroup } from '../checkbox-group/CheckboxGroup'\nimport { Tree } from '../tree/Tree'\nimport { CheckboxTreeItemContent } from './CheckboxTreeItemContent'\n\ntype CheckboxTreeItemProps = Omit<\n  React.ComponentProps<typeof Tree.Item> &\n    React.ComponentProps<typeof CheckboxGroup.Item>,\n  'required' | 'asChild'\n>\n\nexport const CheckboxTreeItem = ({\n  value,\n  title,\n  onCheckedChange,\n  children,\n  disabled,\n  ...rest\n}: CheckboxTreeItemProps) => {\n  const checkboxItemProps = { value, title, onCheckedChange, disabled }\n  return (\n    <Tree.Item {...rest}>\n      <CheckboxTreeItemContent>\n        <CheckboxGroup.Item {...checkboxItemProps} />\n        {children}\n      </CheckboxTreeItemContent>\n    </Tree.Item>\n  )\n}\n"],"mappings":";;;;;;AAYA,IAAa,oBAAoB,EAC/B,OACA,OACA,iBACA,UACA,UACA,GAAG,WACwB;CAC3B,MAAM,oBAAoB;EAAE;EAAO;EAAO;EAAiB;CAAS;CACpE,OACE,oBAAC,KAAK,MAAN;EAAW,GAAI;YACb,qBAAC,yBAAD,EAAA,UAAA,CACE,oBAAC,cAAc,MAAf,EAAoB,GAAI,kBAAoB,CAAA,GAC3C,QACsB,EAAA,CAAA;CAChB,CAAA;AAEf"}

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

@@ -1,7 +1,5 @@
 import * as React from 'react';
-declare const StyledItemContent: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, never> & {
-    as?: React.ElementType;
-}>;
+declare const StyledItemContent: import("../..").PolymorphicComponent<"label", unknown>;
 type CheckboxTreeItemContentProps = React.ComponentProps<typeof StyledItemContent>;
 export declare const CheckboxTreeItemContent: ({ children, ...rest }: CheckboxTreeItemContentProps) => React.JSX.Element;
 export {};

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

@@ -10,16 +10,17 @@ var StyledItemContent = styled("label", { base: [
 	"items-center",
 	"gap-2"
 ] });
-var CheckboxTreeItemContent = ({ children, ...rest }) => {
-	return /* @__PURE__ */ jsx(StyledItemContent, {
-		...rest,
-		children: React$1.Children.map(children, (child) => {
-			if (typeof child === "string" || typeof child === "number") return /* @__PURE__ */ jsx(Tree.Text, { children: child });
-			if (React$1.isValidElement(child) && child.type === Icon) return /* @__PURE__ */ jsx(Tree.Icon, { ...child.props });
-			return child;
-		})
-	});
-};
+var CheckboxTreeItemContent = ({ children, ...rest }) => /* @__PURE__ */ jsx(StyledItemContent, {
+	...rest,
+	children: React$1.Children.map(children, (child) => {
+		if (typeof child === "string" || typeof child === "number") return /* @__PURE__ */ jsx(Tree.Text, { children: child });
+		if (React$1.isValidElement(child) && child.type === Icon) {
+			const iconProps = child.props;
+			return /* @__PURE__ */ jsx(Tree.Icon, { ...iconProps });
+		}
+		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): 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>>(\n              child\n            ) &&\n            child.type === Icon\n          ) {\n            return <Tree.Icon {...child.props} />\n          }\n          return child\n        }) as React.ReactElement<unknown>[]\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,eACJ,MACD,IACD,MAAM,SAAS,KAEf,QAAO,oBAAC,KAAK,MAAN,EAAW,GAAI,MAAM,OAAS,CAAA;AAEvC,UAAO;IACP;EAEc,CAAA"}
+{"version":3,"file":"CheckboxTreeItemContent.js","names":[],"sources":["../../../src/components/checkbox-tree/CheckboxTreeItemContent.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '../../styled'\nimport { Icon } from '../icon/Icon'\nimport { Tree } from '../tree/Tree'\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) => (\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          const iconProps = child.props as React.ComponentProps<typeof Icon>\n          return <Tree.Icon {...iconProps} />\n        }\n        return child\n      }) as React.ReactElement<unknown>[]\n    }\n  </StyledItemContent>\n)\n"],"mappings":";;;;;;AAMA,IAAM,oBAAoB,OAAO,SAAS,EACxC,MAAM;CAAC;CAAc;CAAQ;CAAgB;AAAO,EACtD,CAAC;AAMD,IAAa,2BAA2B,EACtC,UACA,GAAG,WAEH,oBAAC,mBAAD;CAAmB,GAAI;WAEnB,QAAM,SAAS,IAAI,WAAW,UAAU;EACtC,IAAI,OAAO,UAAU,YAAY,OAAO,UAAU,UAChD,OAAO,oBAAC,KAAK,MAAN,EAAA,UAAY,MAAiB,CAAA;EAEtC,IAAI,QAAM,eAAe,KAAK,KAAK,MAAM,SAAS,MAAM;GACtD,MAAM,YAAY,MAAM;GACxB,OAAO,oBAAC,KAAK,MAAN,EAAW,GAAI,UAAY,CAAA;EACpC;EACA,OAAO;CACT,CAAC;AAEc,CAAA"}

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

@@ -1,31 +1,22 @@
 import * as React from 'react';
-import { Icon } from '../../components/icon/Icon';
-export declare const StyledChipContent: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never> & {
-    as?: React.ElementType;
-}>;
+import { Icon } from '../icon/Icon';
+export declare const StyledChipContent: import("../..").PolymorphicComponent<"span", unknown>;
 export declare const ChipIcon: (props: React.ComponentProps<typeof Icon>) => React.JSX.Element;
-export declare const StyledRoot: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "appearance" | "size"> & {
-    size?: "sm" | "md" | "lg" | undefined;
-    appearance?: "standard" | "modern" | undefined;
-} & {
-    as?: React.ElementType;
-}>;
-export type TChipRootContext = React.ComponentProps<typeof StyledRoot>;
-export type TChipRootProviderProps = TChipRootContext;
-export declare const ChipRootContext: React.Context<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "appearance" | "size"> & {
-    size?: "sm" | "md" | "lg" | undefined;
-    appearance?: "standard" | "modern" | undefined;
-} & {
-    as?: React.ElementType;
+export declare const StyledRoot: import("../..").PolymorphicComponent<"div", {
+    size?: "lg" | "md" | "sm" | undefined;
+    appearance?: "modern" | "standard" | undefined;
 }>;
-export declare const ChipRootProvider: ({ size, children }: TChipRootProviderProps) => React.JSX.Element;
-export type TChipRootProps = TChipRootProviderProps;
-export declare const Chip: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "appearance" | "size"> & {
-    size?: "sm" | "md" | "lg" | undefined;
-    appearance?: "standard" | "modern" | undefined;
+export type ChipRootContext = React.ComponentProps<typeof StyledRoot>;
+export type ChipRootProviderProps = ChipRootContext;
+export declare const ChipRootContext: React.Context<{
+    size?: "lg" | "md" | "sm" | undefined;
+    appearance?: "modern" | "standard" | undefined;
 } & {
-    as?: React.ElementType;
-}, "ref"> & React.RefAttributes<HTMLDivElement>> & {
+    as?: never;
+} & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "appearance" | "as" | "size">>;
+export declare const ChipRootProvider: ({ size, children }: ChipRootProviderProps) => React.JSX.Element;
+export type ChipRootProps = ChipRootProviderProps;
+export declare const Chip: (({ ref, size, ...rest }: ChipRootProps) => React.JSX.Element) & {
     Content: ({ children, ...rest }: {
         [x: string]: any;
         children: any;

package/dist/components/chip/Chip.js

@@ -37,7 +37,10 @@ var ChipContent = ({ children, ...rest }) => {
 				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}`);
+			if (React$1.isValidElement(child) && child.type === Icon) {
+				const iconProps = child.props;
+				return /* @__PURE__ */ jsx(ChipIcon, { ...iconProps }, `icon-${index}`);
+			}
 			return child;
 		})
 	});
@@ -96,22 +99,19 @@ var ChipRootProvider = ({ size, children }) => {
 		children
 	});
 };
-var ChipRoot = React$1.forwardRef(({ size = "md", ...rest }, ref) => {
-	return /* @__PURE__ */ jsx(ChipRootProvider, {
+var ChipRoot = ({ ref, size = "md", ...rest }) => /* @__PURE__ */ jsx(ChipRootProvider, {
+	size,
+	children: /* @__PURE__ */ jsx(StyledRoot, {
+		ref,
 		size,
-		children: /* @__PURE__ */ jsx(StyledRoot, {
-			ref,
-			size,
-			...rest
-		})
-	});
+		...rest
+	})
 });
-var Chip = Object.assign(ChipRoot, {
+var Chip = /* @__PURE__ */ Object.assign(ChipRoot, {
 	Content: ChipContent,
 	Icon: ChipIcon
 });
-ChipRoot.displayName = "Chip";
 //#endregion
-export { Chip };
+export { Chip, ChipIcon, ChipRootContext, ChipRootProvider, StyledChipContent, StyledRoot };
 
 //# sourceMappingURL=Chip.js.map

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 (\n            React.isValidElement<React.ComponentPropsWithoutRef<typeof Icon>>(\n              child\n            ) &&\n            child.type === Icon\n          ) {\n            return <ChipIcon key={`icon-${index}`} {...child.props} />\n          }\n          return child\n        }) as React.ReactElement<unknown>[]\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,eACJ,MACD,IACD,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"}
+{"version":3,"file":"Chip.js","names":[],"sources":["../../../src/components/chip/Chip.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '../../styled'\nimport { overrideStyledVariantValue } from '../../utilities/override-styled-variant-value/overrideStyledVariantValue'\nimport { Icon } from '../icon/Icon'\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            const iconProps = child.props as React.ComponentProps<typeof Icon>\n            return <ChipIcon key={`icon-${index}`} {...iconProps} />\n          }\n          return child\n        }) as React.ReactElement<unknown>[]\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 ChipRootContext = React.ComponentProps<typeof StyledRoot>\nexport type ChipRootProviderProps = ChipRootContext\n\nexport const ChipRootContext = React.createContext<ChipRootContext>({})\n\nexport const ChipRootProvider = ({ size, children }: ChipRootProviderProps) => {\n  const value = React.useMemo<ChipRootContext>(() => ({ size }), [size])\n  return (\n    <ChipRootContext.Provider value={value}>\n      {children}\n    </ChipRootContext.Provider>\n  )\n}\n\nexport type ChipRootProps = ChipRootProviderProps\n\nconst ChipRoot = ({ ref, size = 'md', ...rest }: ChipRootProps) => (\n  <ChipRootProvider size={size}>\n    <StyledRoot ref={ref} size={size} {...rest} />\n  </ChipRootProvider>\n)\n\nexport const Chip = /* @__PURE__ */ Object.assign(ChipRoot, {\n  Content: ChipContent,\n  Icon: ChipIcon\n})\n"],"mappings":";;;;;;AAMA,IAAa,oBAAoB,OAAO,QAAQ,EAC9C,MAAM;CACJ;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF,EACF,CAAC;AAED,IAAM,aAAa;CAAE,IAAI;CAAM,IAAI;CAAM,IAAI;AAAK;AAElD,IAAa,YAAY,UAA6C;CAEpE,MAAM,EAAE,SADY,QAAM,WAAW,eACpB;CACjB,MAAM,WAAW,QAAM,cACf,2BAA2B,OAAO,MAAM,WAAW,EAAE,GAC3D,CAAC,IAAI,CACP;CACA,OAAO,oBAAC,MAAD;EAAM,GAAI;EAAO,MAAM;CAAW,CAAA;AAC3C;AAEA,IAAM,eAAe,EAAE,UAAU,GAAG,WAAW;CAC7C,MAAM,gBAAgB,QAAM,SAAS,QAAQ,QAAQ;CACrD,MAAM,gBAAgB,cAAc,UAAU;CAC9C,OACE,oBAAC,mBAAD;EAAmB,GAAI;YAEnB,cAAc,KAAK,OAAO,UAAU;GAClC,IAAI,CAAC,iBAAiB,OAAO,UAAU,UACrC,OACE,oBAAC,QAAD;IAEE,WAAU;cAET;GACG,GAJC,KAID;GAEV,IAAI,QAAM,eAAe,KAAK,KAAK,MAAM,SAAS,MAAM;IACtD,MAAM,YAAY,MAAM;IACxB,OAAO,oBAAC,UAAD,EAAgC,GAAI,UAAY,GAAjC,QAAQ,OAAyB;GACzD;GACA,OAAO;EACT,CAAC;CAEc,CAAA;AAEvB;AAEA,IAAa,aAAa,OAAO,OAAO;CACtC,MAAM;EACJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;CACA,UAAU;EACR,MAAM;GACJ,IAAI;IAAC;IAAO;IAAW;IAAkB;GAAkB;GAC3D,IAAI;IAAC;IAAO;IAAW;IAAkB;GAAkB;GAC3D,IAAI;IAAC;IAAQ;IAAW;IAAkB;GAAkB;EAC9D;EACA,YAAY;GACV,UAAU,CAAC;GACX,QAAQ;IAAC;IAAmB;IAAiB;GAAa;EAC5D;CACF;AACF,CAAC;AAKD,IAAa,kBAAkB,QAAM,cAA+B,CAAC,CAAC;AAEtE,IAAa,oBAAoB,EAAE,MAAM,eAAsC;CAC7E,MAAM,QAAQ,QAAM,eAAgC,EAAE,KAAK,IAAI,CAAC,IAAI,CAAC;CACrE,OACE,oBAAC,gBAAgB,UAAjB;EAAiC;EAC9B;CACuB,CAAA;AAE9B;AAIA,IAAM,YAAY,EAAE,KAAK,OAAO,MAAM,GAAG,WACvC,oBAAC,kBAAD;CAAwB;WACtB,oBAAC,YAAD;EAAiB;EAAW;EAAM,GAAI;CAAO,CAAA;AAC7B,CAAA;AAGpB,IAAa,OAAuB,uBAAO,OAAO,UAAU;CAC1D,SAAS;CACT,MAAM;AACR,CAAC"}

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

@@ -1,3 +1 @@
-export declare const ChipGroup: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & {
-    as?: import("react").ElementType;
-}>;
+export declare const ChipGroup: import("../..").PolymorphicComponent<"div", unknown>;

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

@@ -1 +1 @@
-{"version":3,"file":"ChipGroup.js","names":[],"sources":["../../../src/components/chip/ChipGroup.tsx"],"sourcesContent":["import { styled } from '~/styled'\n\nexport const ChipGroup = styled('div', {\n  base: ['flex', 'flex-row', 'flex-wrap', 'gap-2']\n})\n"],"mappings":";;AAEA,IAAa,YAAY,OAAO,OAAO,EACrC,MAAM;CAAC;CAAQ;CAAY;CAAa;CAAQ,EACjD,CAAC"}
+{"version":3,"file":"ChipGroup.js","names":[],"sources":["../../../src/components/chip/ChipGroup.tsx"],"sourcesContent":["import { styled } from '../../styled'\n\nexport const ChipGroup = styled('div', {\n  base: ['flex', 'flex-row', 'flex-wrap', 'gap-2']\n})\n"],"mappings":";;AAEA,IAAa,YAAY,OAAO,OAAO,EACrC,MAAM;CAAC;CAAQ;CAAY;CAAa;AAAO,EACjD,CAAC"}

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

@@ -1,15 +1,15 @@
 import * as React from 'react';
-import { DismissibleGroup } from '../../components/dismissible-group';
-declare const StyledChipDismissibleGroupItem: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "appearance" | "size"> & {
-    size?: "sm" | "md" | "lg" | undefined;
-    appearance?: "standard" | "modern" | undefined;
-} & {
-    as?: React.ElementType;
-}, "ref"> & React.RefAttributes<HTMLDivElement>, never> & {
-    as?: React.ElementType;
-}>;
-export type TChipDismissibleGroupItem = React.ComponentProps<typeof DismissibleGroup.Item> & React.ComponentProps<typeof StyledChipDismissibleGroupItem> & {
+import { DismissibleGroup } from '../dismissible-group';
+import { Icon } from '../icon/Icon';
+declare const StyledChipDismissibleGroupItem: import("../..").PolymorphicComponent<(({ ref, size, ...rest }: import("../chip/Chip").ChipRootProps) => React.JSX.Element) & {
+    Content: ({ children, ...rest }: {
+        [x: string]: any;
+        children: any;
+    }) => React.JSX.Element;
+    Icon: (props: React.ComponentProps<typeof Icon>) => React.JSX.Element;
+}, unknown>;
+export type ChipDismissibleGroupItem = React.ComponentProps<typeof DismissibleGroup.Item> & React.ComponentProps<typeof StyledChipDismissibleGroupItem> & {
     dismissActionLabel: string;
 };
-export declare const ChipDismissibleGroupItem: ({ size, children, dismissActionLabel, ...rest }: TChipDismissibleGroupItem) => React.JSX.Element;
+export declare const ChipDismissibleGroupItem: ({ size, children, dismissActionLabel, ...rest }: ChipDismissibleGroupItem) => React.JSX.Element;
 export {};

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

@@ -8,24 +8,22 @@ 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__ */ jsx(DismissibleGroup.Item, {
-		asChild: true,
-		...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 })
-				})
-			})]
-		})
-	});
-};
+var ChipDismissibleGroupItem = ({ size = "md", children, dismissActionLabel = "Dismiss", ...rest }) => /* @__PURE__ */ jsx(DismissibleGroup.Item, {
+	asChild: true,
+	...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,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"}
+{"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 { styled } from '../../styled'\nimport { ActionIcon } from '../action-icon/ActionIcon'\nimport { Chip } from '../chip/Chip'\nimport { DismissibleGroup } from '../dismissible-group'\nimport { Icon } from '../icon/Icon'\n\nconst StyledChipDismissibleGroupItem = styled(Chip, {\n  base: ['flex', 'px-1']\n})\n\nexport type ChipDismissibleGroupItem = 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}: ChipDismissibleGroupItem) => (\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"],"mappings":";;;;;;;;;AASA,IAAM,iCAAiC,OAAO,MAAM,EAClD,MAAM,CAAC,QAAQ,MAAM,EACvB,CAAC;AASD,IAAa,4BAA4B,EACvC,OAAO,MACP,UACA,qBAAqB,WACrB,GAAG,WAEH,oBAAC,iBAAiB,MAAlB;CAAuB,SAAA;CAAQ,GAAI;WACjC,qBAAC,gCAAD;EAAsC;YAAtC,CACE,oBAAC,KAAK,SAAN,EAAe,SAAuB,CAAA,GACtC,oBAAC,iBAAiB,SAAlB;GAA0B,SAAA;aACxB,oBAAC,YAAD;IACE,OAAO;IACP,MAAM,SAAS,OAAO,OAAO;IAC7B,WAAU;cAEV,oBAAC,MAAD,EAAM,IAAI,MAAQ,CAAA;GACR,CAAA;EACY,CAAA,CACI;;AACX,CAAA"}

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

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

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

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