@cerberus-design/react 0.17.2 → 0.18.1

package/build/legacy/components/toggle/parts.cjs

@@ -26,8 +26,13 @@ module.exports = __toCommonJS(parts_exports);
 
 // src/components/toggle/primitives.tsx
 var import_toggle = require("@ark-ui/react/toggle");
-var ToggleRoot = import_toggle.Toggle.Root;
-var ToggleIndicator = import_toggle.Toggle.Indicator;
+var import_jsx_runtime = require("react/jsx-runtime");
+function ToggleRoot(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_toggle.Toggle.Root, { ...props });
+}
+function ToggleIndicator(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_toggle.Toggle.Indicator, { ...props });
+}
 
 // src/components/toggle/parts.ts
 var ToggleParts = {

package/build/legacy/components/toggle/parts.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/toggle/parts.ts","../../../../src/components/toggle/primitives.tsx"],"sourcesContent":["import type { ElementType } from 'react'\nimport { ToggleRoot, ToggleIndicator } from './primitives'\n\n/**\n * This module contains the parts of the Toggle parts.\n * @module 'toggle/parts'\n */\n\ninterface TogglePartsValue {\n  /**\n   * The container of the toggle.\n   */\n  Root: ElementType\n  /**\n   * The indicator that appears when a toggle is pressed.\n   */\n  Indicator: ElementType\n}\n\n/**\n * An Object containing the parts of the Radio component. For users that\n * prefer Object component syntax.\n *\n * @remarks\n *\n * When using object component syntax, you import the RadioParts object and\n * the entire family of components vs. only what you use.\n */\nexport const ToggleParts: TogglePartsValue = {\n  Root: ToggleRoot,\n  Indicator: ToggleIndicator,\n}\n","import { Toggle } from '@ark-ui/react/toggle'\n\n/**\n * This module provides the Toggle primitives.\n * @module 'react/toggle'\n */\n\n/**\n * The ToggleRoot is used to manage the state of the Toggle component.\n */\nexport const ToggleRoot = Toggle.Root\n\n/**\n * The ToggleIndicator is used to render the indicator of the Toggle component\n * based on the pressed state.\n */\nexport const ToggleIndicator = Toggle.Indicator\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,oBAAuB;AAUhB,IAAM,aAAa,qBAAO;AAM1B,IAAM,kBAAkB,qBAAO;;;ADY/B,IAAM,cAAgC;AAAA,EAC3C,MAAM;AAAA,EACN,WAAW;AACb;","names":[]}
+{"version":3,"sources":["../../../../src/components/toggle/parts.ts","../../../../src/components/toggle/primitives.tsx"],"sourcesContent":["import type { ElementType } from 'react'\nimport { ToggleRoot, ToggleIndicator } from './primitives'\n\n/**\n * This module contains the parts of the Toggle parts.\n * @module 'toggle/parts'\n */\n\ninterface TogglePartsValue {\n  /**\n   * The container of the toggle.\n   */\n  Root: ElementType\n  /**\n   * The indicator that appears when a toggle is pressed.\n   */\n  Indicator: ElementType\n}\n\n/**\n * An Object containing the parts of the Radio component. For users that\n * prefer Object component syntax.\n *\n * @remarks\n *\n * When using object component syntax, you import the RadioParts object and\n * the entire family of components vs. only what you use.\n */\nexport const ToggleParts: TogglePartsValue = {\n  Root: ToggleRoot,\n  Indicator: ToggleIndicator,\n}\n","import {\n  Toggle,\n  type ToggleIndicatorProps,\n  type ToggleRootProps,\n} from '@ark-ui/react/toggle'\n\n/**\n * This module provides the Toggle primitives.\n * @module 'react/toggle'\n */\n\n/**\n * The ToggleRoot is used to manage the state of the Toggle component.\n */\nexport function ToggleRoot(props: ToggleRootProps) {\n  return <Toggle.Root {...props} />\n}\n\n/**\n * The ToggleIndicator is used to render the indicator of the Toggle component\n * based on the pressed state.\n */\nexport function ToggleIndicator(props: ToggleIndicatorProps) {\n  return <Toggle.Indicator {...props} />\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,oBAIO;AAWE;AADF,SAAS,WAAW,OAAwB;AACjD,SAAO,4CAAC,qBAAO,MAAP,EAAa,GAAG,OAAO;AACjC;AAMO,SAAS,gBAAgB,OAA6B;AAC3D,SAAO,4CAAC,qBAAO,WAAP,EAAkB,GAAG,OAAO;AACtC;;;ADIO,IAAM,cAAgC;AAAA,EAC3C,MAAM;AAAA,EACN,WAAW;AACb;","names":[]}

package/build/legacy/components/toggle/primitives.cjs

@@ -25,8 +25,13 @@ __export(primitives_exports, {
 });
 module.exports = __toCommonJS(primitives_exports);
 var import_toggle = require("@ark-ui/react/toggle");
-var ToggleRoot = import_toggle.Toggle.Root;
-var ToggleIndicator = import_toggle.Toggle.Indicator;
+var import_jsx_runtime = require("react/jsx-runtime");
+function ToggleRoot(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_toggle.Toggle.Root, { ...props });
+}
+function ToggleIndicator(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_toggle.Toggle.Indicator, { ...props });
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ToggleIndicator,

package/build/legacy/components/toggle/primitives.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/toggle/primitives.tsx"],"sourcesContent":["import { Toggle } from '@ark-ui/react/toggle'\n\n/**\n * This module provides the Toggle primitives.\n * @module 'react/toggle'\n */\n\n/**\n * The ToggleRoot is used to manage the state of the Toggle component.\n */\nexport const ToggleRoot = Toggle.Root\n\n/**\n * The ToggleIndicator is used to render the indicator of the Toggle component\n * based on the pressed state.\n */\nexport const ToggleIndicator = Toggle.Indicator\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAAuB;AAUhB,IAAM,aAAa,qBAAO;AAM1B,IAAM,kBAAkB,qBAAO;","names":[]}
+{"version":3,"sources":["../../../../src/components/toggle/primitives.tsx"],"sourcesContent":["import {\n  Toggle,\n  type ToggleIndicatorProps,\n  type ToggleRootProps,\n} from '@ark-ui/react/toggle'\n\n/**\n * This module provides the Toggle primitives.\n * @module 'react/toggle'\n */\n\n/**\n * The ToggleRoot is used to manage the state of the Toggle component.\n */\nexport function ToggleRoot(props: ToggleRootProps) {\n  return <Toggle.Root {...props} />\n}\n\n/**\n * The ToggleIndicator is used to render the indicator of the Toggle component\n * based on the pressed state.\n */\nexport function ToggleIndicator(props: ToggleIndicatorProps) {\n  return <Toggle.Indicator {...props} />\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAIO;AAWE;AADF,SAAS,WAAW,OAAwB;AACjD,SAAO,4CAAC,qBAAO,MAAP,EAAa,GAAG,OAAO;AACjC;AAMO,SAAS,gBAAgB,OAA6B;AAC3D,SAAO,4CAAC,qBAAO,WAAP,EAAkB,GAAG,OAAO;AACtC;","names":[]}

package/build/legacy/config/defineIcons.cjs

@@ -26,7 +26,7 @@ module.exports = __toCommonJS(defineIcons_exports);
 
 // src/config/icons/checkbox.icons.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
-function CheckmarkIcon(props) {
+function CheckmarkIcon() {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "svg",
     {
@@ -35,7 +35,6 @@ function CheckmarkIcon(props) {
       fill: "none",
       role: "img",
       viewBox: "0 0 24 24",
-      ...props,
       children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         "path",
         {
@@ -46,7 +45,7 @@ function CheckmarkIcon(props) {
     }
   );
 }
-function IndeterminateIcon(props) {
+function IndeterminateIcon() {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "svg",
     {
@@ -55,7 +54,6 @@ function IndeterminateIcon(props) {
       role: "img",
       fill: "none",
       viewBox: "0 0 24 24",
-      ...props,
       children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { fill: "currentColor", d: "M4 11h16v2.667H4z" })
     }
   );

package/build/legacy/config/defineIcons.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/config/defineIcons.ts","../../../src/config/icons/checkbox.icons.tsx","../../../src/components/AnimatingUploadIcon.tsx"],"sourcesContent":["import { CheckmarkIcon, IndeterminateIcon } from './icons/checkbox.icons'\nimport { AnimatingUploadIcon } from '../components/AnimatingUploadIcon'\nimport type { DefinedIcons, IconType } from './types'\n\nconst defaultIcons: Pick<\n  DefinedIcons,\n  'checkbox' | 'fileUploader' | 'indeterminate'\n> = {\n  checkbox: CheckmarkIcon,\n  fileUploader: AnimatingUploadIcon,\n  indeterminate: IndeterminateIcon,\n}\n\n/**\n * Defines the icons that will be used in Cerberus React components via the\n * CerberusProvider.\n * @param icons The icons that will be used in Cerberus React components.\n * @returns Icons object compatible with the CerberusProvider SystemConfig.\n * @example\n * ```tsx\n * const icons = defineIcons({\n *  accordionIndicator: MyAccordionIndicatorIcon,\n *  ...\n * })\n * ```\n */\nexport function defineIcons<T extends IconType>(\n  icons: DefinedIcons,\n): Required<DefinedIcons<T>> {\n  return {\n    ...defaultIcons,\n    ...icons,\n  } as Required<DefinedIcons<T>>\n}\n","import type { SVGProps } from 'react'\n\n/**\n * This module contains substitute icons for the Checkbox component.\n * @module\n */\n\nexport type CheckboxIconProps = SVGProps<SVGSVGElement>\n\n/**\n * Checkmark icon for Checkbox component\n */\nexport function CheckmarkIcon(props: CheckboxIconProps) {\n  return (\n    <svg\n      aria-hidden=\"true\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      fill=\"none\"\n      role=\"img\"\n      viewBox=\"0 0 24 24\"\n      {...props}\n    >\n      <path\n        fill=\"currentColor\"\n        d=\"M9.714 18 4 12.335l1.818-1.764 3.896 3.824L18.181 6 20 7.803 9.714 18Z\"\n      />\n    </svg>\n  )\n}\n\nexport type IndeterminateIconProps = SVGProps<SVGSVGElement>\n\n/**\n * Indeterminate icon for Checkbox component\n */\nexport function IndeterminateIcon(props: IndeterminateIconProps) {\n  return (\n    <svg\n      aria-hidden=\"true\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      role=\"img\"\n      fill=\"none\"\n      viewBox=\"0 0 24 24\"\n      {...props}\n    >\n      <path fill=\"currentColor\" d=\"M4 11h16v2.667H4z\" />\n    </svg>\n  )\n}\n","/**\n * This module contains an animating icon to use for the FileStatus component.\n * @module\n */\n\nexport interface AnimatingUploadIconProps {\n  size?: 16 | 20 | 24 | 32\n}\n\nexport function AnimatingUploadIcon(props: AnimatingUploadIconProps) {\n  return (\n    <svg\n      aria-hidden=\"true\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={props.size ?? '1em'}\n      height={props.size ?? '1em'}\n      viewBox=\"0 0 24 24\"\n    >\n      <g\n        fill=\"none\"\n        stroke=\"currentColor\"\n        strokeLinecap=\"square\"\n        strokeLinejoin=\"round\"\n        strokeWidth={1.5}\n      >\n        <path\n          data-name=\"animating-trail\"\n          strokeDasharray=\"2 4\"\n          strokeDashoffset={6}\n          d=\"M12 21c-4.97 0 -9 -4.03 -9 -9c0 -4.97 4.03 -9 9 -9\"\n        >\n          <animate\n            attributeName=\"stroke-dashoffset\"\n            dur=\"0.45s\"\n            repeatCount=\"indefinite\"\n            values=\"6;0\"\n          ></animate>\n        </path>\n\n        <path\n          data-name=\"half-circle\"\n          strokeDasharray={32}\n          strokeDashoffset={32}\n          d=\"M12 3c4.97 0 9 4.03 9 9c0 4.97 -4.03 9 -9 9\"\n        >\n          <animate\n            fill=\"freeze\"\n            attributeName=\"stroke-dashoffset\"\n            begin=\"0.075s\"\n            dur=\"0.3s\"\n            values=\"32;0\"\n          ></animate>\n        </path>\n\n        <svg\n          aria-hidden=\"true\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          width=\"1.1em\"\n          height=\"1.1em\"\n          x=\"27%\"\n          y=\"27%\"\n          viewBox=\"0 0 24 24\"\n        >\n          <polygon\n            fill=\"currentColor\"\n            stroke=\"currentColor\"\n            strokeWidth={0.8}\n            opacity=\"1\"\n            points=\"3.7,6.7 7.5,2.9 7.5,15 8.5,15 8.5,2.9 12.3,6.7 13,6 8,1 3,6 \"\n          >\n            <animate\n              fill=\"freeze\"\n              attributeName=\"opacity\"\n              values=\"1;0;1\"\n              dur=\"2s\"\n              repeatCount=\"indefinite\"\n            ></animate>\n          </polygon>\n        </svg>\n      </g>\n    </svg>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACsBM;AAVC,SAAS,cAAc,OAA0B;AACtD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAY;AAAA,MACZ,OAAM;AAAA,MACN,MAAK;AAAA,MACL,MAAK;AAAA,MACL,SAAQ;AAAA,MACP,GAAG;AAAA,MAEJ;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,GAAE;AAAA;AAAA,MACJ;AAAA;AAAA,EACF;AAEJ;AAOO,SAAS,kBAAkB,OAA+B;AAC/D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAY;AAAA,MACZ,OAAM;AAAA,MACN,MAAK;AAAA,MACL,MAAK;AAAA,MACL,SAAQ;AAAA,MACP,GAAG;AAAA,MAEJ,sDAAC,UAAK,MAAK,gBAAe,GAAE,qBAAoB;AAAA;AAAA,EAClD;AAEJ;;;AC9BM,IAAAA,sBAAA;AATC,SAAS,oBAAoB,OAAiC;AACnE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAY;AAAA,MACZ,OAAM;AAAA,MACN,OAAO,MAAM,QAAQ;AAAA,MACrB,QAAQ,MAAM,QAAQ;AAAA,MACtB,SAAQ;AAAA,MAER;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,QAAO;AAAA,UACP,eAAc;AAAA,UACd,gBAAe;AAAA,UACf,aAAa;AAAA,UAEb;AAAA;AAAA,cAAC;AAAA;AAAA,gBACC,aAAU;AAAA,gBACV,iBAAgB;AAAA,gBAChB,kBAAkB;AAAA,gBAClB,GAAE;AAAA,gBAEF;AAAA,kBAAC;AAAA;AAAA,oBACC,eAAc;AAAA,oBACd,KAAI;AAAA,oBACJ,aAAY;AAAA,oBACZ,QAAO;AAAA;AAAA,gBACR;AAAA;AAAA,YACH;AAAA,YAEA;AAAA,cAAC;AAAA;AAAA,gBACC,aAAU;AAAA,gBACV,iBAAiB;AAAA,gBACjB,kBAAkB;AAAA,gBAClB,GAAE;AAAA,gBAEF;AAAA,kBAAC;AAAA;AAAA,oBACC,MAAK;AAAA,oBACL,eAAc;AAAA,oBACd,OAAM;AAAA,oBACN,KAAI;AAAA,oBACJ,QAAO;AAAA;AAAA,gBACR;AAAA;AAAA,YACH;AAAA,YAEA;AAAA,cAAC;AAAA;AAAA,gBACC,eAAY;AAAA,gBACZ,OAAM;AAAA,gBACN,OAAM;AAAA,gBACN,QAAO;AAAA,gBACP,GAAE;AAAA,gBACF,GAAE;AAAA,gBACF,SAAQ;AAAA,gBAER;AAAA,kBAAC;AAAA;AAAA,oBACC,MAAK;AAAA,oBACL,QAAO;AAAA,oBACP,aAAa;AAAA,oBACb,SAAQ;AAAA,oBACR,QAAO;AAAA,oBAEP;AAAA,sBAAC;AAAA;AAAA,wBACC,MAAK;AAAA,wBACL,eAAc;AAAA,wBACd,QAAO;AAAA,wBACP,KAAI;AAAA,wBACJ,aAAY;AAAA;AAAA,oBACb;AAAA;AAAA,gBACH;AAAA;AAAA,YACF;AAAA;AAAA;AAAA,MACF;AAAA;AAAA,EACF;AAEJ;;;AF9EA,IAAM,eAGF;AAAA,EACF,UAAU;AAAA,EACV,cAAc;AAAA,EACd,eAAe;AACjB;AAeO,SAAS,YACd,OAC2B;AAC3B,SAAO;AAAA,IACL,GAAG;AAAA,IACH,GAAG;AAAA,EACL;AACF;","names":["import_jsx_runtime"]}
+{"version":3,"sources":["../../../src/config/defineIcons.ts","../../../src/config/icons/checkbox.icons.tsx","../../../src/components/AnimatingUploadIcon.tsx"],"sourcesContent":["import { CheckmarkIcon, IndeterminateIcon } from './icons/checkbox.icons'\nimport { AnimatingUploadIcon } from '../components/AnimatingUploadIcon'\nimport type { DefinedIcons, IconType } from './types'\n\nconst defaultIcons: Pick<\n  DefinedIcons,\n  'checkbox' | 'fileUploader' | 'indeterminate'\n> = {\n  checkbox: CheckmarkIcon,\n  fileUploader: AnimatingUploadIcon,\n  indeterminate: IndeterminateIcon,\n}\n\n/**\n * Defines the icons that will be used in Cerberus React components via the\n * CerberusProvider.\n * @param icons The icons that will be used in Cerberus React components.\n * @returns Icons object compatible with the CerberusProvider SystemConfig.\n * @example\n * ```tsx\n * const icons = defineIcons({\n *  accordionIndicator: MyAccordionIndicatorIcon,\n *  ...\n * })\n * ```\n */\nexport function defineIcons<T extends IconType>(\n  icons: DefinedIcons,\n): Required<DefinedIcons<T>> {\n  return {\n    ...defaultIcons,\n    ...icons,\n  } as Required<DefinedIcons<T>>\n}\n","/**\n * This module contains substitute icons for the Checkbox component.\n * @module\n */\n\n/**\n * Checkmark icon for Checkbox component\n */\nexport function CheckmarkIcon() {\n  return (\n    <svg\n      aria-hidden=\"true\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      fill=\"none\"\n      role=\"img\"\n      viewBox=\"0 0 24 24\"\n    >\n      <path\n        fill=\"currentColor\"\n        d=\"M9.714 18 4 12.335l1.818-1.764 3.896 3.824L18.181 6 20 7.803 9.714 18Z\"\n      />\n    </svg>\n  )\n}\n\n/**\n * Indeterminate icon for Checkbox component\n */\nexport function IndeterminateIcon() {\n  return (\n    <svg\n      aria-hidden=\"true\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      role=\"img\"\n      fill=\"none\"\n      viewBox=\"0 0 24 24\"\n    >\n      <path fill=\"currentColor\" d=\"M4 11h16v2.667H4z\" />\n    </svg>\n  )\n}\n","/**\n * This module contains an animating icon to use for the FileStatus component.\n * @module\n */\n\nexport interface AnimatingUploadIconProps {\n  size?: 16 | 20 | 24 | 32\n}\n\nexport function AnimatingUploadIcon(props: AnimatingUploadIconProps) {\n  return (\n    <svg\n      aria-hidden=\"true\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={props.size ?? '1em'}\n      height={props.size ?? '1em'}\n      viewBox=\"0 0 24 24\"\n    >\n      <g\n        fill=\"none\"\n        stroke=\"currentColor\"\n        strokeLinecap=\"square\"\n        strokeLinejoin=\"round\"\n        strokeWidth={1.5}\n      >\n        <path\n          data-name=\"animating-trail\"\n          strokeDasharray=\"2 4\"\n          strokeDashoffset={6}\n          d=\"M12 21c-4.97 0 -9 -4.03 -9 -9c0 -4.97 4.03 -9 9 -9\"\n        >\n          <animate\n            attributeName=\"stroke-dashoffset\"\n            dur=\"0.45s\"\n            repeatCount=\"indefinite\"\n            values=\"6;0\"\n          ></animate>\n        </path>\n\n        <path\n          data-name=\"half-circle\"\n          strokeDasharray={32}\n          strokeDashoffset={32}\n          d=\"M12 3c4.97 0 9 4.03 9 9c0 4.97 -4.03 9 -9 9\"\n        >\n          <animate\n            fill=\"freeze\"\n            attributeName=\"stroke-dashoffset\"\n            begin=\"0.075s\"\n            dur=\"0.3s\"\n            values=\"32;0\"\n          ></animate>\n        </path>\n\n        <svg\n          aria-hidden=\"true\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          width=\"1.1em\"\n          height=\"1.1em\"\n          x=\"27%\"\n          y=\"27%\"\n          viewBox=\"0 0 24 24\"\n        >\n          <polygon\n            fill=\"currentColor\"\n            stroke=\"currentColor\"\n            strokeWidth={0.8}\n            opacity=\"1\"\n            points=\"3.7,6.7 7.5,2.9 7.5,15 8.5,15 8.5,2.9 12.3,6.7 13,6 8,1 3,6 \"\n          >\n            <animate\n              fill=\"freeze\"\n              attributeName=\"opacity\"\n              values=\"1;0;1\"\n              dur=\"2s\"\n              repeatCount=\"indefinite\"\n            ></animate>\n          </polygon>\n        </svg>\n      </g>\n    </svg>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACiBM;AATC,SAAS,gBAAgB;AAC9B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAY;AAAA,MACZ,OAAM;AAAA,MACN,MAAK;AAAA,MACL,MAAK;AAAA,MACL,SAAQ;AAAA,MAER;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,GAAE;AAAA;AAAA,MACJ;AAAA;AAAA,EACF;AAEJ;AAKO,SAAS,oBAAoB;AAClC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAY;AAAA,MACZ,OAAM;AAAA,MACN,MAAK;AAAA,MACL,MAAK;AAAA,MACL,SAAQ;AAAA,MAER,sDAAC,UAAK,MAAK,gBAAe,GAAE,qBAAoB;AAAA;AAAA,EAClD;AAEJ;;;ACtBM,IAAAA,sBAAA;AATC,SAAS,oBAAoB,OAAiC;AACnE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAY;AAAA,MACZ,OAAM;AAAA,MACN,OAAO,MAAM,QAAQ;AAAA,MACrB,QAAQ,MAAM,QAAQ;AAAA,MACtB,SAAQ;AAAA,MAER;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,QAAO;AAAA,UACP,eAAc;AAAA,UACd,gBAAe;AAAA,UACf,aAAa;AAAA,UAEb;AAAA;AAAA,cAAC;AAAA;AAAA,gBACC,aAAU;AAAA,gBACV,iBAAgB;AAAA,gBAChB,kBAAkB;AAAA,gBAClB,GAAE;AAAA,gBAEF;AAAA,kBAAC;AAAA;AAAA,oBACC,eAAc;AAAA,oBACd,KAAI;AAAA,oBACJ,aAAY;AAAA,oBACZ,QAAO;AAAA;AAAA,gBACR;AAAA;AAAA,YACH;AAAA,YAEA;AAAA,cAAC;AAAA;AAAA,gBACC,aAAU;AAAA,gBACV,iBAAiB;AAAA,gBACjB,kBAAkB;AAAA,gBAClB,GAAE;AAAA,gBAEF;AAAA,kBAAC;AAAA;AAAA,oBACC,MAAK;AAAA,oBACL,eAAc;AAAA,oBACd,OAAM;AAAA,oBACN,KAAI;AAAA,oBACJ,QAAO;AAAA;AAAA,gBACR;AAAA;AAAA,YACH;AAAA,YAEA;AAAA,cAAC;AAAA;AAAA,gBACC,eAAY;AAAA,gBACZ,OAAM;AAAA,gBACN,OAAM;AAAA,gBACN,QAAO;AAAA,gBACP,GAAE;AAAA,gBACF,GAAE;AAAA,gBACF,SAAQ;AAAA,gBAER;AAAA,kBAAC;AAAA;AAAA,oBACC,MAAK;AAAA,oBACL,QAAO;AAAA,oBACP,aAAa;AAAA,oBACb,SAAQ;AAAA,oBACR,QAAO;AAAA,oBAEP;AAAA,sBAAC;AAAA;AAAA,wBACC,MAAK;AAAA,wBACL,eAAc;AAAA,wBACd,QAAO;AAAA,wBACP,KAAI;AAAA,wBACJ,aAAY;AAAA;AAAA,oBACb;AAAA;AAAA,gBACH;AAAA;AAAA,YACF;AAAA;AAAA;AAAA,MACF;AAAA;AAAA,EACF;AAEJ;;;AF9EA,IAAM,eAGF;AAAA,EACF,UAAU;AAAA,EACV,cAAc;AAAA,EACd,eAAe;AACjB;AAeO,SAAS,YACd,OAC2B;AAC3B,SAAO;AAAA,IACL,GAAG;AAAA,IACH,GAAG;AAAA,EACL;AACF;","names":["import_jsx_runtime"]}

package/build/legacy/config/icons/checkbox.icons.cjs

@@ -25,7 +25,7 @@ __export(checkbox_icons_exports, {
 });
 module.exports = __toCommonJS(checkbox_icons_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
-function CheckmarkIcon(props) {
+function CheckmarkIcon() {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "svg",
     {
@@ -34,7 +34,6 @@ function CheckmarkIcon(props) {
       fill: "none",
       role: "img",
       viewBox: "0 0 24 24",
-      ...props,
       children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         "path",
         {
@@ -45,7 +44,7 @@ function CheckmarkIcon(props) {
     }
   );
 }
-function IndeterminateIcon(props) {
+function IndeterminateIcon() {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "svg",
     {
@@ -54,7 +53,6 @@ function IndeterminateIcon(props) {
       role: "img",
       fill: "none",
       viewBox: "0 0 24 24",
-      ...props,
       children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { fill: "currentColor", d: "M4 11h16v2.667H4z" })
     }
   );

package/build/legacy/config/icons/checkbox.icons.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/config/icons/checkbox.icons.tsx"],"sourcesContent":["import type { SVGProps } from 'react'\n\n/**\n * This module contains substitute icons for the Checkbox component.\n * @module\n */\n\nexport type CheckboxIconProps = SVGProps<SVGSVGElement>\n\n/**\n * Checkmark icon for Checkbox component\n */\nexport function CheckmarkIcon(props: CheckboxIconProps) {\n  return (\n    <svg\n      aria-hidden=\"true\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      fill=\"none\"\n      role=\"img\"\n      viewBox=\"0 0 24 24\"\n      {...props}\n    >\n      <path\n        fill=\"currentColor\"\n        d=\"M9.714 18 4 12.335l1.818-1.764 3.896 3.824L18.181 6 20 7.803 9.714 18Z\"\n      />\n    </svg>\n  )\n}\n\nexport type IndeterminateIconProps = SVGProps<SVGSVGElement>\n\n/**\n * Indeterminate icon for Checkbox component\n */\nexport function IndeterminateIcon(props: IndeterminateIconProps) {\n  return (\n    <svg\n      aria-hidden=\"true\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      role=\"img\"\n      fill=\"none\"\n      viewBox=\"0 0 24 24\"\n      {...props}\n    >\n      <path fill=\"currentColor\" d=\"M4 11h16v2.667H4z\" />\n    </svg>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAsBM;AAVC,SAAS,cAAc,OAA0B;AACtD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAY;AAAA,MACZ,OAAM;AAAA,MACN,MAAK;AAAA,MACL,MAAK;AAAA,MACL,SAAQ;AAAA,MACP,GAAG;AAAA,MAEJ;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,GAAE;AAAA;AAAA,MACJ;AAAA;AAAA,EACF;AAEJ;AAOO,SAAS,kBAAkB,OAA+B;AAC/D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAY;AAAA,MACZ,OAAM;AAAA,MACN,MAAK;AAAA,MACL,MAAK;AAAA,MACL,SAAQ;AAAA,MACP,GAAG;AAAA,MAEJ,sDAAC,UAAK,MAAK,gBAAe,GAAE,qBAAoB;AAAA;AAAA,EAClD;AAEJ;","names":[]}
+{"version":3,"sources":["../../../../src/config/icons/checkbox.icons.tsx"],"sourcesContent":["/**\n * This module contains substitute icons for the Checkbox component.\n * @module\n */\n\n/**\n * Checkmark icon for Checkbox component\n */\nexport function CheckmarkIcon() {\n  return (\n    <svg\n      aria-hidden=\"true\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      fill=\"none\"\n      role=\"img\"\n      viewBox=\"0 0 24 24\"\n    >\n      <path\n        fill=\"currentColor\"\n        d=\"M9.714 18 4 12.335l1.818-1.764 3.896 3.824L18.181 6 20 7.803 9.714 18Z\"\n      />\n    </svg>\n  )\n}\n\n/**\n * Indeterminate icon for Checkbox component\n */\nexport function IndeterminateIcon() {\n  return (\n    <svg\n      aria-hidden=\"true\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      role=\"img\"\n      fill=\"none\"\n      viewBox=\"0 0 24 24\"\n    >\n      <path fill=\"currentColor\" d=\"M4 11h16v2.667H4z\" />\n    </svg>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAiBM;AATC,SAAS,gBAAgB;AAC9B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAY;AAAA,MACZ,OAAM;AAAA,MACN,MAAK;AAAA,MACL,MAAK;AAAA,MACL,SAAQ;AAAA,MAER;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,GAAE;AAAA;AAAA,MACJ;AAAA;AAAA,EACF;AAEJ;AAKO,SAAS,oBAAoB;AAClC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAY;AAAA,MACZ,OAAM;AAAA,MACN,MAAK;AAAA,MACL,MAAK;AAAA,MACL,SAAQ;AAAA,MAER,sDAAC,UAAK,MAAK,gBAAe,GAAE,qBAAoB;AAAA;AAAA,EAClD;AAEJ;","names":[]}

package/build/legacy/config/icons/checkbox.icons.d.cts

@@ -1,4 +1,2 @@
 export { CheckmarkIcon } from '../../_tsup-dts-rollup.cjs';
 export { IndeterminateIcon } from '../../_tsup-dts-rollup.cjs';
-export { CheckboxIconProps } from '../../_tsup-dts-rollup.cjs';
-export { IndeterminateIconProps } from '../../_tsup-dts-rollup.cjs';

package/build/legacy/config/index.cjs

@@ -27,7 +27,7 @@ module.exports = __toCommonJS(config_exports);
 
 // src/config/icons/checkbox.icons.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
-function CheckmarkIcon(props) {
+function CheckmarkIcon() {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "svg",
     {
@@ -36,7 +36,6 @@ function CheckmarkIcon(props) {
       fill: "none",
       role: "img",
       viewBox: "0 0 24 24",
-      ...props,
       children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         "path",
         {
@@ -47,7 +46,7 @@ function CheckmarkIcon(props) {
     }
   );
 }
-function IndeterminateIcon(props) {
+function IndeterminateIcon() {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "svg",
     {
@@ -56,7 +55,6 @@ function IndeterminateIcon(props) {
       role: "img",
       fill: "none",
       viewBox: "0 0 24 24",
-      ...props,
       children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { fill: "currentColor", d: "M4 11h16v2.667H4z" })
     }
   );

package/build/legacy/config/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/config/index.ts","../../../src/config/icons/checkbox.icons.tsx","../../../src/components/AnimatingUploadIcon.tsx","../../../src/config/defineIcons.ts"],"sourcesContent":["import type { SystemConfig } from './types'\n\n/**\n * Create a system configuration object to be used on the CerberusProvider.\n * @param options The system configuration options you want to customize.\n * @returns A CerberusProvider-compatible system configuration object.\n * @example\n * ```tsx\n * const icons = defineIcons({\n *  accordionIndicator: MyAccordionIndicatorIcon,\n *  ...\n * })\n * const config = makeSystemConfig({\n *   icons,\n * })\n *\n * // In your app\n * <CerberusProvider config={config}>\n *  <App />\n * </CerberusProvider>\n * ```\n */\nexport function makeSystemConfig(options: SystemConfig): SystemConfig {\n  return options\n}\n\nexport * from './defineIcons'\nexport * from './types'\n","import type { SVGProps } from 'react'\n\n/**\n * This module contains substitute icons for the Checkbox component.\n * @module\n */\n\nexport type CheckboxIconProps = SVGProps<SVGSVGElement>\n\n/**\n * Checkmark icon for Checkbox component\n */\nexport function CheckmarkIcon(props: CheckboxIconProps) {\n  return (\n    <svg\n      aria-hidden=\"true\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      fill=\"none\"\n      role=\"img\"\n      viewBox=\"0 0 24 24\"\n      {...props}\n    >\n      <path\n        fill=\"currentColor\"\n        d=\"M9.714 18 4 12.335l1.818-1.764 3.896 3.824L18.181 6 20 7.803 9.714 18Z\"\n      />\n    </svg>\n  )\n}\n\nexport type IndeterminateIconProps = SVGProps<SVGSVGElement>\n\n/**\n * Indeterminate icon for Checkbox component\n */\nexport function IndeterminateIcon(props: IndeterminateIconProps) {\n  return (\n    <svg\n      aria-hidden=\"true\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      role=\"img\"\n      fill=\"none\"\n      viewBox=\"0 0 24 24\"\n      {...props}\n    >\n      <path fill=\"currentColor\" d=\"M4 11h16v2.667H4z\" />\n    </svg>\n  )\n}\n","/**\n * This module contains an animating icon to use for the FileStatus component.\n * @module\n */\n\nexport interface AnimatingUploadIconProps {\n  size?: 16 | 20 | 24 | 32\n}\n\nexport function AnimatingUploadIcon(props: AnimatingUploadIconProps) {\n  return (\n    <svg\n      aria-hidden=\"true\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={props.size ?? '1em'}\n      height={props.size ?? '1em'}\n      viewBox=\"0 0 24 24\"\n    >\n      <g\n        fill=\"none\"\n        stroke=\"currentColor\"\n        strokeLinecap=\"square\"\n        strokeLinejoin=\"round\"\n        strokeWidth={1.5}\n      >\n        <path\n          data-name=\"animating-trail\"\n          strokeDasharray=\"2 4\"\n          strokeDashoffset={6}\n          d=\"M12 21c-4.97 0 -9 -4.03 -9 -9c0 -4.97 4.03 -9 9 -9\"\n        >\n          <animate\n            attributeName=\"stroke-dashoffset\"\n            dur=\"0.45s\"\n            repeatCount=\"indefinite\"\n            values=\"6;0\"\n          ></animate>\n        </path>\n\n        <path\n          data-name=\"half-circle\"\n          strokeDasharray={32}\n          strokeDashoffset={32}\n          d=\"M12 3c4.97 0 9 4.03 9 9c0 4.97 -4.03 9 -9 9\"\n        >\n          <animate\n            fill=\"freeze\"\n            attributeName=\"stroke-dashoffset\"\n            begin=\"0.075s\"\n            dur=\"0.3s\"\n            values=\"32;0\"\n          ></animate>\n        </path>\n\n        <svg\n          aria-hidden=\"true\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          width=\"1.1em\"\n          height=\"1.1em\"\n          x=\"27%\"\n          y=\"27%\"\n          viewBox=\"0 0 24 24\"\n        >\n          <polygon\n            fill=\"currentColor\"\n            stroke=\"currentColor\"\n            strokeWidth={0.8}\n            opacity=\"1\"\n            points=\"3.7,6.7 7.5,2.9 7.5,15 8.5,15 8.5,2.9 12.3,6.7 13,6 8,1 3,6 \"\n          >\n            <animate\n              fill=\"freeze\"\n              attributeName=\"opacity\"\n              values=\"1;0;1\"\n              dur=\"2s\"\n              repeatCount=\"indefinite\"\n            ></animate>\n          </polygon>\n        </svg>\n      </g>\n    </svg>\n  )\n}\n","import { CheckmarkIcon, IndeterminateIcon } from './icons/checkbox.icons'\nimport { AnimatingUploadIcon } from '../components/AnimatingUploadIcon'\nimport type { DefinedIcons, IconType } from './types'\n\nconst defaultIcons: Pick<\n  DefinedIcons,\n  'checkbox' | 'fileUploader' | 'indeterminate'\n> = {\n  checkbox: CheckmarkIcon,\n  fileUploader: AnimatingUploadIcon,\n  indeterminate: IndeterminateIcon,\n}\n\n/**\n * Defines the icons that will be used in Cerberus React components via the\n * CerberusProvider.\n * @param icons The icons that will be used in Cerberus React components.\n * @returns Icons object compatible with the CerberusProvider SystemConfig.\n * @example\n * ```tsx\n * const icons = defineIcons({\n *  accordionIndicator: MyAccordionIndicatorIcon,\n *  ...\n * })\n * ```\n */\nexport function defineIcons<T extends IconType>(\n  icons: DefinedIcons,\n): Required<DefinedIcons<T>> {\n  return {\n    ...defaultIcons,\n    ...icons,\n  } as Required<DefinedIcons<T>>\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACsBM;AAVC,SAAS,cAAc,OAA0B;AACtD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAY;AAAA,MACZ,OAAM;AAAA,MACN,MAAK;AAAA,MACL,MAAK;AAAA,MACL,SAAQ;AAAA,MACP,GAAG;AAAA,MAEJ;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,GAAE;AAAA;AAAA,MACJ;AAAA;AAAA,EACF;AAEJ;AAOO,SAAS,kBAAkB,OAA+B;AAC/D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAY;AAAA,MACZ,OAAM;AAAA,MACN,MAAK;AAAA,MACL,MAAK;AAAA,MACL,SAAQ;AAAA,MACP,GAAG;AAAA,MAEJ,sDAAC,UAAK,MAAK,gBAAe,GAAE,qBAAoB;AAAA;AAAA,EAClD;AAEJ;;;AC9BM,IAAAA,sBAAA;AATC,SAAS,oBAAoB,OAAiC;AACnE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAY;AAAA,MACZ,OAAM;AAAA,MACN,OAAO,MAAM,QAAQ;AAAA,MACrB,QAAQ,MAAM,QAAQ;AAAA,MACtB,SAAQ;AAAA,MAER;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,QAAO;AAAA,UACP,eAAc;AAAA,UACd,gBAAe;AAAA,UACf,aAAa;AAAA,UAEb;AAAA;AAAA,cAAC;AAAA;AAAA,gBACC,aAAU;AAAA,gBACV,iBAAgB;AAAA,gBAChB,kBAAkB;AAAA,gBAClB,GAAE;AAAA,gBAEF;AAAA,kBAAC;AAAA;AAAA,oBACC,eAAc;AAAA,oBACd,KAAI;AAAA,oBACJ,aAAY;AAAA,oBACZ,QAAO;AAAA;AAAA,gBACR;AAAA;AAAA,YACH;AAAA,YAEA;AAAA,cAAC;AAAA;AAAA,gBACC,aAAU;AAAA,gBACV,iBAAiB;AAAA,gBACjB,kBAAkB;AAAA,gBAClB,GAAE;AAAA,gBAEF;AAAA,kBAAC;AAAA;AAAA,oBACC,MAAK;AAAA,oBACL,eAAc;AAAA,oBACd,OAAM;AAAA,oBACN,KAAI;AAAA,oBACJ,QAAO;AAAA;AAAA,gBACR;AAAA;AAAA,YACH;AAAA,YAEA;AAAA,cAAC;AAAA;AAAA,gBACC,eAAY;AAAA,gBACZ,OAAM;AAAA,gBACN,OAAM;AAAA,gBACN,QAAO;AAAA,gBACP,GAAE;AAAA,gBACF,GAAE;AAAA,gBACF,SAAQ;AAAA,gBAER;AAAA,kBAAC;AAAA;AAAA,oBACC,MAAK;AAAA,oBACL,QAAO;AAAA,oBACP,aAAa;AAAA,oBACb,SAAQ;AAAA,oBACR,QAAO;AAAA,oBAEP;AAAA,sBAAC;AAAA;AAAA,wBACC,MAAK;AAAA,wBACL,eAAc;AAAA,wBACd,QAAO;AAAA,wBACP,KAAI;AAAA,wBACJ,aAAY;AAAA;AAAA,oBACb;AAAA;AAAA,gBACH;AAAA;AAAA,YACF;AAAA;AAAA;AAAA,MACF;AAAA;AAAA,EACF;AAEJ;;;AC9EA,IAAM,eAGF;AAAA,EACF,UAAU;AAAA,EACV,cAAc;AAAA,EACd,eAAe;AACjB;AAeO,SAAS,YACd,OAC2B;AAC3B,SAAO;AAAA,IACL,GAAG;AAAA,IACH,GAAG;AAAA,EACL;AACF;;;AHXO,SAAS,iBAAiB,SAAqC;AACpE,SAAO;AACT;","names":["import_jsx_runtime"]}
+{"version":3,"sources":["../../../src/config/index.ts","../../../src/config/icons/checkbox.icons.tsx","../../../src/components/AnimatingUploadIcon.tsx","../../../src/config/defineIcons.ts"],"sourcesContent":["import type { SystemConfig } from './types'\n\n/**\n * Create a system configuration object to be used on the CerberusProvider.\n * @param options The system configuration options you want to customize.\n * @returns A CerberusProvider-compatible system configuration object.\n * @example\n * ```tsx\n * const icons = defineIcons({\n *  accordionIndicator: MyAccordionIndicatorIcon,\n *  ...\n * })\n * const config = makeSystemConfig({\n *   icons,\n * })\n *\n * // In your app\n * <CerberusProvider config={config}>\n *  <App />\n * </CerberusProvider>\n * ```\n */\nexport function makeSystemConfig(options: SystemConfig): SystemConfig {\n  return options\n}\n\nexport * from './defineIcons'\nexport * from './types'\n","/**\n * This module contains substitute icons for the Checkbox component.\n * @module\n */\n\n/**\n * Checkmark icon for Checkbox component\n */\nexport function CheckmarkIcon() {\n  return (\n    <svg\n      aria-hidden=\"true\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      fill=\"none\"\n      role=\"img\"\n      viewBox=\"0 0 24 24\"\n    >\n      <path\n        fill=\"currentColor\"\n        d=\"M9.714 18 4 12.335l1.818-1.764 3.896 3.824L18.181 6 20 7.803 9.714 18Z\"\n      />\n    </svg>\n  )\n}\n\n/**\n * Indeterminate icon for Checkbox component\n */\nexport function IndeterminateIcon() {\n  return (\n    <svg\n      aria-hidden=\"true\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      role=\"img\"\n      fill=\"none\"\n      viewBox=\"0 0 24 24\"\n    >\n      <path fill=\"currentColor\" d=\"M4 11h16v2.667H4z\" />\n    </svg>\n  )\n}\n","/**\n * This module contains an animating icon to use for the FileStatus component.\n * @module\n */\n\nexport interface AnimatingUploadIconProps {\n  size?: 16 | 20 | 24 | 32\n}\n\nexport function AnimatingUploadIcon(props: AnimatingUploadIconProps) {\n  return (\n    <svg\n      aria-hidden=\"true\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={props.size ?? '1em'}\n      height={props.size ?? '1em'}\n      viewBox=\"0 0 24 24\"\n    >\n      <g\n        fill=\"none\"\n        stroke=\"currentColor\"\n        strokeLinecap=\"square\"\n        strokeLinejoin=\"round\"\n        strokeWidth={1.5}\n      >\n        <path\n          data-name=\"animating-trail\"\n          strokeDasharray=\"2 4\"\n          strokeDashoffset={6}\n          d=\"M12 21c-4.97 0 -9 -4.03 -9 -9c0 -4.97 4.03 -9 9 -9\"\n        >\n          <animate\n            attributeName=\"stroke-dashoffset\"\n            dur=\"0.45s\"\n            repeatCount=\"indefinite\"\n            values=\"6;0\"\n          ></animate>\n        </path>\n\n        <path\n          data-name=\"half-circle\"\n          strokeDasharray={32}\n          strokeDashoffset={32}\n          d=\"M12 3c4.97 0 9 4.03 9 9c0 4.97 -4.03 9 -9 9\"\n        >\n          <animate\n            fill=\"freeze\"\n            attributeName=\"stroke-dashoffset\"\n            begin=\"0.075s\"\n            dur=\"0.3s\"\n            values=\"32;0\"\n          ></animate>\n        </path>\n\n        <svg\n          aria-hidden=\"true\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          width=\"1.1em\"\n          height=\"1.1em\"\n          x=\"27%\"\n          y=\"27%\"\n          viewBox=\"0 0 24 24\"\n        >\n          <polygon\n            fill=\"currentColor\"\n            stroke=\"currentColor\"\n            strokeWidth={0.8}\n            opacity=\"1\"\n            points=\"3.7,6.7 7.5,2.9 7.5,15 8.5,15 8.5,2.9 12.3,6.7 13,6 8,1 3,6 \"\n          >\n            <animate\n              fill=\"freeze\"\n              attributeName=\"opacity\"\n              values=\"1;0;1\"\n              dur=\"2s\"\n              repeatCount=\"indefinite\"\n            ></animate>\n          </polygon>\n        </svg>\n      </g>\n    </svg>\n  )\n}\n","import { CheckmarkIcon, IndeterminateIcon } from './icons/checkbox.icons'\nimport { AnimatingUploadIcon } from '../components/AnimatingUploadIcon'\nimport type { DefinedIcons, IconType } from './types'\n\nconst defaultIcons: Pick<\n  DefinedIcons,\n  'checkbox' | 'fileUploader' | 'indeterminate'\n> = {\n  checkbox: CheckmarkIcon,\n  fileUploader: AnimatingUploadIcon,\n  indeterminate: IndeterminateIcon,\n}\n\n/**\n * Defines the icons that will be used in Cerberus React components via the\n * CerberusProvider.\n * @param icons The icons that will be used in Cerberus React components.\n * @returns Icons object compatible with the CerberusProvider SystemConfig.\n * @example\n * ```tsx\n * const icons = defineIcons({\n *  accordionIndicator: MyAccordionIndicatorIcon,\n *  ...\n * })\n * ```\n */\nexport function defineIcons<T extends IconType>(\n  icons: DefinedIcons,\n): Required<DefinedIcons<T>> {\n  return {\n    ...defaultIcons,\n    ...icons,\n  } as Required<DefinedIcons<T>>\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACiBM;AATC,SAAS,gBAAgB;AAC9B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAY;AAAA,MACZ,OAAM;AAAA,MACN,MAAK;AAAA,MACL,MAAK;AAAA,MACL,SAAQ;AAAA,MAER;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,GAAE;AAAA;AAAA,MACJ;AAAA;AAAA,EACF;AAEJ;AAKO,SAAS,oBAAoB;AAClC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAY;AAAA,MACZ,OAAM;AAAA,MACN,MAAK;AAAA,MACL,MAAK;AAAA,MACL,SAAQ;AAAA,MAER,sDAAC,UAAK,MAAK,gBAAe,GAAE,qBAAoB;AAAA;AAAA,EAClD;AAEJ;;;ACtBM,IAAAA,sBAAA;AATC,SAAS,oBAAoB,OAAiC;AACnE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAY;AAAA,MACZ,OAAM;AAAA,MACN,OAAO,MAAM,QAAQ;AAAA,MACrB,QAAQ,MAAM,QAAQ;AAAA,MACtB,SAAQ;AAAA,MAER;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,QAAO;AAAA,UACP,eAAc;AAAA,UACd,gBAAe;AAAA,UACf,aAAa;AAAA,UAEb;AAAA;AAAA,cAAC;AAAA;AAAA,gBACC,aAAU;AAAA,gBACV,iBAAgB;AAAA,gBAChB,kBAAkB;AAAA,gBAClB,GAAE;AAAA,gBAEF;AAAA,kBAAC;AAAA;AAAA,oBACC,eAAc;AAAA,oBACd,KAAI;AAAA,oBACJ,aAAY;AAAA,oBACZ,QAAO;AAAA;AAAA,gBACR;AAAA;AAAA,YACH;AAAA,YAEA;AAAA,cAAC;AAAA;AAAA,gBACC,aAAU;AAAA,gBACV,iBAAiB;AAAA,gBACjB,kBAAkB;AAAA,gBAClB,GAAE;AAAA,gBAEF;AAAA,kBAAC;AAAA;AAAA,oBACC,MAAK;AAAA,oBACL,eAAc;AAAA,oBACd,OAAM;AAAA,oBACN,KAAI;AAAA,oBACJ,QAAO;AAAA;AAAA,gBACR;AAAA;AAAA,YACH;AAAA,YAEA;AAAA,cAAC;AAAA;AAAA,gBACC,eAAY;AAAA,gBACZ,OAAM;AAAA,gBACN,OAAM;AAAA,gBACN,QAAO;AAAA,gBACP,GAAE;AAAA,gBACF,GAAE;AAAA,gBACF,SAAQ;AAAA,gBAER;AAAA,kBAAC;AAAA;AAAA,oBACC,MAAK;AAAA,oBACL,QAAO;AAAA,oBACP,aAAa;AAAA,oBACb,SAAQ;AAAA,oBACR,QAAO;AAAA,oBAEP;AAAA,sBAAC;AAAA;AAAA,wBACC,MAAK;AAAA,wBACL,eAAc;AAAA,wBACd,QAAO;AAAA,wBACP,KAAI;AAAA,wBACJ,aAAY;AAAA;AAAA,oBACb;AAAA;AAAA,gBACH;AAAA;AAAA,YACF;AAAA;AAAA;AAAA,MACF;AAAA;AAAA,EACF;AAEJ;;;AC9EA,IAAM,eAGF;AAAA,EACF,UAAU;AAAA,EACV,cAAc;AAAA,EACd,eAAe;AACjB;AAeO,SAAS,YACd,OAC2B;AAC3B,SAAO;AAAA,IACL,GAAG;AAAA,IACH,GAAG;AAAA,EACL;AACF;;;AHXO,SAAS,iBAAiB,SAAqC;AACpE,SAAO;AACT;","names":["import_jsx_runtime"]}

package/build/legacy/context/confirm-modal.cjs

@@ -25,35 +25,39 @@ __export(confirm_modal_exports, {
   useConfirmModal: () => useConfirmModal
 });
 module.exports = __toCommonJS(confirm_modal_exports);
-var import_react5 = require("react");
+var import_react4 = require("react");
+var import_css4 = require("styled-system/css");
+var import_jsx2 = require("styled-system/jsx");
 
 // src/components/button/button.tsx
 var import_factory = require("@ark-ui/react/factory");
-var import_react2 = require("react");
-var import_css = require("@cerberus/styled-system/css");
-var import_recipes = require("@cerberus/styled-system/recipes");
-var import_jsx = require("@cerberus/styled-system/jsx");
+var import_react = require("react");
+var import_css = require("styled-system/css");
+var import_recipes = require("styled-system/recipes");
+var import_jsx = require("styled-system/jsx");
 
 // src/components/Show.tsx
-var import_react = require("react");
+var import_jsx_runtime = require("react/jsx-runtime");
 function Show(props) {
   const { when, children, fallback } = props;
-  const condition = (0, import_react.useMemo)(() => when ?? false, [when]);
-  return (0, import_react.useMemo)(() => {
-    if (condition) return children;
-    return fallback ?? null;
-  }, [condition, children, fallback]);
+  if (when) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children });
+  }
+  if (fallback) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: fallback });
+  }
+  return null;
 }
 
 // src/components/button/button.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
-var ButtonContext = (0, import_react2.createContext)({
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var ButtonContext = (0, import_react.createContext)({
   pending: false
 });
 function Button(props) {
   const { palette, usage, shape, size, pending = false, ...nativeProps } = props;
-  const value = (0, import_react2.useMemo)(() => ({ pending }), [pending]);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ButtonContext.Provider, { value, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  const value = (0, import_react.useMemo)(() => ({ pending }), [pending]);
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(ButtonContext.Provider, { value, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
     import_factory.ark.button,
     {
       ...nativeProps,
@@ -71,9 +75,6 @@ function Button(props) {
   ) });
 }
 
-// src/context/confirm-modal.tsx
-var import_css4 = require("@cerberus/styled-system/css");
-
 // src/utils/index.ts
 function splitProps(props, ...keyGroups) {
   const result = keyGroups.map(() => ({}));
@@ -96,13 +97,13 @@ function splitProps(props, ...keyGroups) {
 
 // src/components/avatar/primitives.tsx
 var import_avatar = require("@ark-ui/react/avatar");
-var import_recipes2 = require("@cerberus/styled-system/recipes");
-var import_css2 = require("@cerberus/styled-system/css");
-var import_jsx_runtime2 = require("react/jsx-runtime");
+var import_recipes2 = require("styled-system/recipes");
+var import_css2 = require("styled-system/css");
+var import_jsx_runtime3 = require("react/jsx-runtime");
 function AvatarRoot(props) {
   const { gradient, shape, size, ...rootProps } = props;
   const styles = (0, import_recipes2.avatar)({ gradient, shape, size });
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
     import_avatar.Avatar.Root,
     {
       ...rootProps,
@@ -112,11 +113,11 @@ function AvatarRoot(props) {
 }
 function AvatarImage(props) {
   const styles = (0, import_recipes2.avatar)();
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_avatar.Avatar.Image, { ...props, className: (0, import_css2.cx)(styles.image, props.className) });
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_avatar.Avatar.Image, { ...props, className: (0, import_css2.cx)(styles.image, props.className) });
 }
 function AvatarFallback(props) {
   const styles = (0, import_recipes2.avatar)();
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
     import_avatar.Avatar.Fallback,
     {
       ...props,
@@ -133,45 +134,30 @@ var AvatarParts = {
 };
 
 // src/components/avatar/avatar.tsx
-var import_jsx_runtime3 = require("react/jsx-runtime");
+var import_jsx_runtime4 = require("react/jsx-runtime");
 function Avatar2(props) {
   const [imgProps, { fallback, children }, rootProps] = splitProps(
     props,
     ["alt", "src"],
     ["fallback", "children"]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(AvatarParts.Root, { ...rootProps, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(AvatarParts.Root, { ...rootProps, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
     Show,
     {
-      when: Boolean(children),
-      fallback: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(AvatarParts.Fallback, { children: fallback }),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(AvatarParts.Image, { ...imgProps })
+      when: children,
+      fallback: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(AvatarParts.Fallback, { children: fallback }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(AvatarParts.Image, { ...imgProps })
       ] }),
       children
     }
   ) });
 }
 
-// src/context/confirm-modal.tsx
-var import_jsx2 = require("@cerberus/styled-system/jsx");
-
-// src/context/cerberus.tsx
-var import_react3 = require("react");
-var import_jsx_runtime4 = require("react/jsx-runtime");
-var CerberusContext = (0, import_react3.createContext)(null);
-function useCerberusContext() {
-  const context = (0, import_react3.useContext)(CerberusContext);
-  if (!context) {
-    throw new Error("useCerberus must be used within a CerberusProvider");
-  }
-  return context;
-}
-
 // src/components/dialog/primitives.tsx
 var import_dialog = require("@ark-ui/react/dialog");
-var import_css3 = require("@cerberus/styled-system/css");
-var import_recipes3 = require("@cerberus/styled-system/recipes");
+var import_css3 = require("styled-system/css");
+var import_recipes3 = require("styled-system/recipes");
 var import_jsx_runtime5 = require("react/jsx-runtime");
 function DialogRoot(props) {
   return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_dialog.Dialog.Root, { ...props });
@@ -226,34 +212,49 @@ function DialogCloseTrigger(props) {
 }
 var DialogProvider = DialogRoot;
 
+// src/context/cerberus.tsx
+var import_react2 = require("react");
+var import_jsx_runtime6 = require("react/jsx-runtime");
+var CerberusContext = (0, import_react2.createContext)(null);
+function useCerberusContext() {
+  const context = (0, import_react2.useContext)(CerberusContext);
+  if (!context) {
+    throw new Error("useCerberus must be used within a CerberusProvider");
+  }
+  return context;
+}
+
 // src/components/Portal.tsx
-var import_react4 = require("@ark-ui/react");
-var Portal = import_react4.Portal;
+var import_react3 = require("@ark-ui/react");
+var import_jsx_runtime7 = require("react/jsx-runtime");
+function Portal(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react3.Portal, { ...props });
+}
 
 // src/components/dialog/dialog.tsx
-var import_jsx_runtime6 = require("react/jsx-runtime");
+var import_jsx_runtime8 = require("react/jsx-runtime");
 function Dialog2(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(Portal, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DialogBackdrop, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DialogPositioner, { children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DialogContent, { ...props }) })
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(Portal, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(DialogBackdrop, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(DialogPositioner, { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(DialogContent, { ...props }) })
   ] });
 }
 
 // src/context/confirm-modal.tsx
-var import_jsx_runtime7 = require("react/jsx-runtime");
-var ConfirmModalContext = (0, import_react5.createContext)(null);
+var import_jsx_runtime9 = require("react/jsx-runtime");
+var ConfirmModalContext = (0, import_react4.createContext)(null);
 function ConfirmModal(props) {
-  const [open, setOpen] = (0, import_react5.useState)(false);
-  const [content, setContent] = (0, import_react5.useState)(null);
-  const resolveRef = (0, import_react5.useRef)(null);
+  const [open, setOpen] = (0, import_react4.useState)(false);
+  const [content, setContent] = (0, import_react4.useState)(null);
+  const resolveRef = (0, import_react4.useRef)(null);
   const kind = (content == null ? void 0 : content.kind) ?? "non-destructive";
   const { icons } = useCerberusContext();
   const { confirmModal: ConfirmIcon } = icons;
-  const palette = (0, import_react5.useMemo)(
+  const palette = (0, import_react4.useMemo)(
     () => kind === "destructive" ? "danger" : "action",
     [kind]
   );
-  const handleChoice = (0, import_react5.useCallback)(
+  const handleChoice = (0, import_react4.useCallback)(
     (e) => {
       var _a, _b;
       const target = e.currentTarget;
@@ -265,7 +266,7 @@ function ConfirmModal(props) {
     },
     [setOpen]
   );
-  const handleShow = (0, import_react5.useCallback)(
+  const handleShow = (0, import_react4.useCallback)(
     (options) => {
       return new Promise((resolve) => {
         setContent({ ...options });
@@ -275,50 +276,50 @@ function ConfirmModal(props) {
     },
     [setOpen, setContent]
   );
-  const value = (0, import_react5.useMemo)(
+  const value = (0, import_react4.useMemo)(
     () => ({
       show: handleShow
     }),
     [handleShow]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(ConfirmModalContext.Provider, { value, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(ConfirmModalContext.Provider, { value, children: [
     props.children,
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(DialogProvider, { open, onOpenChange: (e) => setOpen(e.open), children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Dialog2, { size: "sm", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx2.VStack, { gap: "xl", w: "full", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx2.VStack, { alignItems: "flex-start", gap: "md", w: "full", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(DialogProvider, { open, onOpenChange: (e) => setOpen(e.open), children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Dialog2, { size: "sm", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_jsx2.VStack, { gap: "xl", w: "full", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_jsx2.VStack, { alignItems: "flex-start", gap: "md", w: "full", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
           import_jsx2.HStack,
           {
             alignSelf: "center",
             justify: "center",
             paddingBlockEnd: "md",
             w: "full",
-            children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
               Show,
               {
                 when: palette === "danger",
-                fallback: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+                fallback: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
                   Avatar2,
                   {
                     gradient: "charon-light",
-                    fallback: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(ConfirmIcon, { size: 24 })
+                    fallback: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(ConfirmIcon, { size: 24 })
                   }
                 ),
-                children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+                children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
                   Avatar2,
                   {
                     gradient: "hades-dark",
-                    fallback: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(ConfirmIcon, { size: 24 })
+                    fallback: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(ConfirmIcon, { size: 24 })
                   }
                 )
               }
             )
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(DialogHeading, { children: content == null ? void 0 : content.heading }),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(DialogDescription, { children: content == null ? void 0 : content.description })
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(DialogHeading, { children: content == null ? void 0 : content.heading }),
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(DialogDescription, { children: content == null ? void 0 : content.description })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx2.HStack, { gap: "4", w: "full", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_jsx2.HStack, { gap: "4", w: "full", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
           Button,
           {
             autoFocus: true,
@@ -332,7 +333,7 @@ function ConfirmModal(props) {
             children: content == null ? void 0 : content.actionText
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(DialogCloseTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(DialogCloseTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
           Button,
           {
             className: (0, import_css4.css)({
@@ -350,7 +351,7 @@ function ConfirmModal(props) {
   ] });
 }
 function useConfirmModal() {
-  const context = (0, import_react5.useContext)(ConfirmModalContext);
+  const context = (0, import_react4.useContext)(ConfirmModalContext);
   if (context === null) {
     throw new Error(
       "useConfirmModal must be used within a ConfirmModal Provider"