@alma-oss/spirit-web-react 4.5.0 → 4.6.0

package/dist/components/IconBox/demo/IconBoxColorDemoFactory.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),i=require("../../../web-react/docs/DocsStack.cjs"),c=require("../../Flex/Flex.cjs"),u=require("../IconBox.cjs"),l=({label:r,colorList:n,isSubtle:s})=>e.jsx("div",{children:e.jsxs(i.default,{stackAlignment:"start",children:[e.jsx("h3",{children:r}),n.map(t=>t?e.jsxs(c.default,{alignmentY:"center",children:[e.jsx(u.default,{iconName:"search",color:t,isSubtle:s}),e.jsx("div",{children:t})]},t):null)]})});exports.default=l;
+//# sourceMappingURL=IconBoxColorDemoFactory.cjs.map

package/dist/components/IconBox/demo/IconBoxColorDemoFactory.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconBoxColorDemoFactory.cjs","sources":["../../../../src/components/IconBox/demo/IconBoxColorDemoFactory.tsx"],"sourcesContent":["import React from 'react';\nimport DocsStack from '../../../../docs/DocsStack';\nimport type { AccentColorNamesType, EmotionColorNamesType } from '../../../types';\nimport { Flex } from '../../Flex';\nimport IconBox from '../IconBox';\n\ntype IconBoxColorDemoFactoryProps = {\n  label: string;\n  colorList: (AccentColorNamesType | EmotionColorNamesType)[];\n  isSubtle?: boolean;\n};\n\nconst IconBoxColorDemoFactory = ({ label, colorList, isSubtle }: IconBoxColorDemoFactoryProps) => (\n  <div>\n    <DocsStack stackAlignment=\"start\">\n      <h3>{label}</h3>\n      {colorList.map((color) => {\n        if (!color) {\n          return null;\n        }\n\n        return (\n          <Flex alignmentY=\"center\" key={color}>\n            <IconBox iconName=\"search\" color={color} isSubtle={isSubtle} />\n            <div>{color}</div>\n          </Flex>\n        );\n      })}\n    </DocsStack>\n  </div>\n);\n\nexport default IconBoxColorDemoFactory;\n"],"names":["IconBoxColorDemoFactory","label","colorList","isSubtle","jsx","jsxs","DocsStack","color","Flex","IconBox"],"mappings":"iQAYMA,EAA0B,CAAC,CAAE,MAAAC,EAAO,UAAAC,EAAW,SAAAC,CAAA,IACnDC,EAAAA,IAAC,MAAA,CACC,SAAAC,EAAAA,KAACC,EAAAA,QAAA,CAAU,eAAe,QACxB,SAAA,CAAAF,EAAAA,IAAC,MAAI,SAAAH,CAAA,CAAM,EACVC,EAAU,IAAKK,GACTA,EAKHF,EAAAA,KAACG,EAAAA,QAAA,CAAK,WAAW,SACf,SAAA,CAAAJ,EAAAA,IAACK,EAAAA,QAAA,CAAQ,SAAS,SAAS,MAAAF,EAAc,SAAAJ,EAAoB,EAC7DC,EAAAA,IAAC,OAAK,SAAAG,CAAA,CAAM,CAAA,CAAA,EAFiBA,CAG/B,EAPO,IASV,CAAA,CAAA,CACH,CAAA,CACF"}

package/dist/components/IconBox/demo/IconBoxColorDemoFactory.js

@@ -0,0 +1,15 @@
+import { jsx as t, jsxs as e } from "react/jsx-runtime";
+import c from "../../../web-react/docs/DocsStack.js";
+import m from "../../Flex/Flex.js";
+import s from "../IconBox.js";
+const f = ({ label: n, colorList: i, isSubtle: o }) => /* @__PURE__ */ t("div", { children: /* @__PURE__ */ e(c, { stackAlignment: "start", children: [
+  /* @__PURE__ */ t("h3", { children: n }),
+  i.map((r) => r ? /* @__PURE__ */ e(m, { alignmentY: "center", children: [
+    /* @__PURE__ */ t(s, { iconName: "search", color: r, isSubtle: o }),
+    /* @__PURE__ */ t("div", { children: r })
+  ] }, r) : null)
+] }) });
+export {
+  f as default
+};
+//# sourceMappingURL=IconBoxColorDemoFactory.js.map

package/dist/components/IconBox/demo/IconBoxColorDemoFactory.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconBoxColorDemoFactory.js","sources":["../../../../src/components/IconBox/demo/IconBoxColorDemoFactory.tsx"],"sourcesContent":["import React from 'react';\nimport DocsStack from '../../../../docs/DocsStack';\nimport type { AccentColorNamesType, EmotionColorNamesType } from '../../../types';\nimport { Flex } from '../../Flex';\nimport IconBox from '../IconBox';\n\ntype IconBoxColorDemoFactoryProps = {\n  label: string;\n  colorList: (AccentColorNamesType | EmotionColorNamesType)[];\n  isSubtle?: boolean;\n};\n\nconst IconBoxColorDemoFactory = ({ label, colorList, isSubtle }: IconBoxColorDemoFactoryProps) => (\n  <div>\n    <DocsStack stackAlignment=\"start\">\n      <h3>{label}</h3>\n      {colorList.map((color) => {\n        if (!color) {\n          return null;\n        }\n\n        return (\n          <Flex alignmentY=\"center\" key={color}>\n            <IconBox iconName=\"search\" color={color} isSubtle={isSubtle} />\n            <div>{color}</div>\n          </Flex>\n        );\n      })}\n    </DocsStack>\n  </div>\n);\n\nexport default IconBoxColorDemoFactory;\n"],"names":["IconBoxColorDemoFactory","label","colorList","isSubtle","jsx","jsxs","DocsStack","color","Flex","IconBox"],"mappings":";;;;AAYA,MAAMA,IAA0B,CAAC,EAAE,OAAAC,GAAO,WAAAC,GAAW,UAAAC,EAAA,MACnD,gBAAAC,EAAC,OAAA,EACC,UAAA,gBAAAC,EAACC,GAAA,EAAU,gBAAe,SACxB,UAAA;AAAA,EAAA,gBAAAF,EAAC,QAAI,UAAAH,EAAA,CAAM;AAAA,EACVC,EAAU,IAAI,CAACK,MACTA,IAKH,gBAAAF,EAACG,GAAA,EAAK,YAAW,UACf,UAAA;AAAA,IAAA,gBAAAJ,EAACK,GAAA,EAAQ,UAAS,UAAS,OAAAF,GAAc,UAAAJ,GAAoB;AAAA,IAC7D,gBAAAC,EAAC,SAAK,UAAAG,EAAA,CAAM;AAAA,EAAA,EAAA,GAFiBA,CAG/B,IAPO,IASV;AAAA,EAAA,CACH,EAAA,CACF;"}

package/dist/components/IconBox/demo/IconBoxColorVariants.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),c=require("@alma-oss/spirit-design-tokens"),r=require("react"),l=require("../../Checkbox/Checkbox.cjs"),n=require("../../Grid/Grid.cjs"),o=require("./IconBoxColorDemoFactory.cjs"),i=require("../../../web-react/docs/constants.cjs"),u=Object.keys(c.accentColors),a=Object.values(i.DemoEmotionColors),b=()=>{const[t,s]=r.useState(!0);return e.jsxs("div",{children:[e.jsxs("fieldset",{className:"mb-600",style:{border:0},children:[e.jsx("legend",{className:"mb-500",children:"Intensity:"}),e.jsx(l.default,{id:"checkbox-subtle",name:"checkboxSubtle",label:"Subtle variant",isChecked:t,onChange:()=>s(!t)})]}),e.jsxs(n.default,{cols:{desktop:3,mobile:1},children:[e.jsx(o.default,{label:"Accent colors",colorList:u,isSubtle:t}),e.jsx(o.default,{label:"Emotion colors",colorList:a,isSubtle:t})]})]})};exports.default=b;
+//# sourceMappingURL=IconBoxColorVariants.cjs.map

package/dist/components/IconBox/demo/IconBoxColorVariants.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconBoxColorVariants.cjs","sources":["../../../../src/components/IconBox/demo/IconBoxColorVariants.tsx"],"sourcesContent":["import { accentColors } from '@alma-oss/spirit-design-tokens';\nimport React, { useState } from 'react';\nimport { DemoEmotionColors } from '../../../../docs';\nimport { type AccentColorNamesType } from '../../../types';\nimport Checkbox from '../../Checkbox/Checkbox';\nimport { Grid } from '../../Grid';\nimport IconBoxColorDemoFactory from './IconBoxColorDemoFactory';\n\nconst accentColorsObject = Object.keys(accentColors) as AccentColorNamesType[];\nconst emotionColorsObject = Object.values(DemoEmotionColors);\n\nconst IconBoxColorVariants = () => {\n  const [isSubtle, setIsSubtle] = useState(true);\n\n  return (\n    <div>\n      <fieldset className=\"mb-600\" style={{ border: 0 }}>\n        <legend className=\"mb-500\">Intensity:</legend>\n        <Checkbox\n          id=\"checkbox-subtle\"\n          name=\"checkboxSubtle\"\n          label=\"Subtle variant\"\n          isChecked={isSubtle}\n          onChange={() => setIsSubtle(!isSubtle)}\n        />\n      </fieldset>\n\n      <Grid cols={{ desktop: 3, mobile: 1 }}>\n        <IconBoxColorDemoFactory label=\"Accent colors\" colorList={accentColorsObject} isSubtle={isSubtle} />\n        <IconBoxColorDemoFactory label=\"Emotion colors\" colorList={emotionColorsObject} isSubtle={isSubtle} />\n      </Grid>\n    </div>\n  );\n};\n\nexport default IconBoxColorVariants;\n"],"names":["accentColorsObject","accentColors","emotionColorsObject","DemoEmotionColors","IconBoxColorVariants","isSubtle","setIsSubtle","useState","jsxs","jsx","Checkbox","Grid","IconBoxColorDemoFactory"],"mappings":"wXAQMA,EAAqB,OAAO,KAAKC,cAAY,EAC7CC,EAAsB,OAAO,OAAOC,mBAAiB,EAErDC,EAAuB,IAAM,CACjC,KAAM,CAACC,EAAUC,CAAW,EAAIC,EAAAA,SAAS,EAAI,EAE7C,cACG,MAAA,CACC,SAAA,CAAAC,OAAC,YAAS,UAAU,SAAS,MAAO,CAAE,OAAQ,GAC5C,SAAA,CAAAC,EAAAA,IAAC,SAAA,CAAO,UAAU,SAAS,SAAA,aAAU,EACrCA,EAAAA,IAACC,EAAAA,QAAA,CACC,GAAG,kBACH,KAAK,iBACL,MAAM,iBACN,UAAWL,EACX,SAAU,IAAMC,EAAY,CAACD,CAAQ,CAAA,CAAA,CACvC,EACF,EAEAG,OAACG,EAAAA,SAAK,KAAM,CAAE,QAAS,EAAG,OAAQ,GAChC,SAAA,CAAAF,EAAAA,IAACG,EAAAA,QAAA,CAAwB,MAAM,gBAAgB,UAAWZ,EAAoB,SAAAK,EAAoB,QACjGO,EAAAA,QAAA,CAAwB,MAAM,iBAAiB,UAAWV,EAAqB,SAAAG,CAAA,CAAoB,CAAA,CAAA,CACtG,CAAA,EACF,CAEJ"}

package/dist/components/IconBox/demo/IconBoxColorVariants.js

@@ -0,0 +1,33 @@
+import { jsxs as t, jsx as e } from "react/jsx-runtime";
+import { accentColors as c } from "@alma-oss/spirit-design-tokens";
+import { useState as l } from "react";
+import i from "../../Checkbox/Checkbox.js";
+import m from "../../Grid/Grid.js";
+import r from "./IconBoxColorDemoFactory.js";
+import { DemoEmotionColors as n } from "../../../web-react/docs/constants.js";
+const a = Object.keys(c), b = Object.values(n), j = () => {
+  const [o, s] = l(!0);
+  return /* @__PURE__ */ t("div", { children: [
+    /* @__PURE__ */ t("fieldset", { className: "mb-600", style: { border: 0 }, children: [
+      /* @__PURE__ */ e("legend", { className: "mb-500", children: "Intensity:" }),
+      /* @__PURE__ */ e(
+        i,
+        {
+          id: "checkbox-subtle",
+          name: "checkboxSubtle",
+          label: "Subtle variant",
+          isChecked: o,
+          onChange: () => s(!o)
+        }
+      )
+    ] }),
+    /* @__PURE__ */ t(m, { cols: { desktop: 3, mobile: 1 }, children: [
+      /* @__PURE__ */ e(r, { label: "Accent colors", colorList: a, isSubtle: o }),
+      /* @__PURE__ */ e(r, { label: "Emotion colors", colorList: b, isSubtle: o })
+    ] })
+  ] });
+};
+export {
+  j as default
+};
+//# sourceMappingURL=IconBoxColorVariants.js.map

package/dist/components/IconBox/demo/IconBoxColorVariants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconBoxColorVariants.js","sources":["../../../../src/components/IconBox/demo/IconBoxColorVariants.tsx"],"sourcesContent":["import { accentColors } from '@alma-oss/spirit-design-tokens';\nimport React, { useState } from 'react';\nimport { DemoEmotionColors } from '../../../../docs';\nimport { type AccentColorNamesType } from '../../../types';\nimport Checkbox from '../../Checkbox/Checkbox';\nimport { Grid } from '../../Grid';\nimport IconBoxColorDemoFactory from './IconBoxColorDemoFactory';\n\nconst accentColorsObject = Object.keys(accentColors) as AccentColorNamesType[];\nconst emotionColorsObject = Object.values(DemoEmotionColors);\n\nconst IconBoxColorVariants = () => {\n  const [isSubtle, setIsSubtle] = useState(true);\n\n  return (\n    <div>\n      <fieldset className=\"mb-600\" style={{ border: 0 }}>\n        <legend className=\"mb-500\">Intensity:</legend>\n        <Checkbox\n          id=\"checkbox-subtle\"\n          name=\"checkboxSubtle\"\n          label=\"Subtle variant\"\n          isChecked={isSubtle}\n          onChange={() => setIsSubtle(!isSubtle)}\n        />\n      </fieldset>\n\n      <Grid cols={{ desktop: 3, mobile: 1 }}>\n        <IconBoxColorDemoFactory label=\"Accent colors\" colorList={accentColorsObject} isSubtle={isSubtle} />\n        <IconBoxColorDemoFactory label=\"Emotion colors\" colorList={emotionColorsObject} isSubtle={isSubtle} />\n      </Grid>\n    </div>\n  );\n};\n\nexport default IconBoxColorVariants;\n"],"names":["accentColorsObject","accentColors","emotionColorsObject","DemoEmotionColors","IconBoxColorVariants","isSubtle","setIsSubtle","useState","jsxs","jsx","Checkbox","Grid","IconBoxColorDemoFactory"],"mappings":";;;;;;;AAQA,MAAMA,IAAqB,OAAO,KAAKC,CAAY,GAC7CC,IAAsB,OAAO,OAAOC,CAAiB,GAErDC,IAAuB,MAAM;AACjC,QAAM,CAACC,GAAUC,CAAW,IAAIC,EAAS,EAAI;AAE7C,2BACG,OAAA,EACC,UAAA;AAAA,IAAA,gBAAAC,EAAC,cAAS,WAAU,UAAS,OAAO,EAAE,QAAQ,KAC5C,UAAA;AAAA,MAAA,gBAAAC,EAAC,UAAA,EAAO,WAAU,UAAS,UAAA,cAAU;AAAA,MACrC,gBAAAA;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,IAAG;AAAA,UACH,MAAK;AAAA,UACL,OAAM;AAAA,UACN,WAAWL;AAAA,UACX,UAAU,MAAMC,EAAY,CAACD,CAAQ;AAAA,QAAA;AAAA,MAAA;AAAA,IACvC,GACF;AAAA,IAEA,gBAAAG,EAACG,KAAK,MAAM,EAAE,SAAS,GAAG,QAAQ,KAChC,UAAA;AAAA,MAAA,gBAAAF,EAACG,GAAA,EAAwB,OAAM,iBAAgB,WAAWZ,GAAoB,UAAAK,GAAoB;AAAA,wBACjGO,GAAA,EAAwB,OAAM,kBAAiB,WAAWV,GAAqB,UAAAG,EAAA,CAAoB;AAAA,IAAA,EAAA,CACtG;AAAA,EAAA,GACF;AAEJ;"}

package/dist/components/IconBox/demo/IconBoxDefault.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),t=require("../IconBox.cjs"),o=()=>e.jsx(t.default,{iconName:"search"});exports.default=o;
+//# sourceMappingURL=IconBoxDefault.cjs.map

package/dist/components/IconBox/demo/IconBoxDefault.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconBoxDefault.cjs","sources":["../../../../src/components/IconBox/demo/IconBoxDefault.tsx"],"sourcesContent":["import React from 'react';\nimport IconBox from '../IconBox';\n\nconst IconBoxDefault = () => <IconBox iconName=\"search\" />;\n\nexport default IconBoxDefault;\n"],"names":["IconBoxDefault","jsx","IconBox"],"mappings":"6KAGMA,EAAiB,IAAMC,EAAAA,IAACC,EAAAA,QAAA,CAAQ,SAAS,QAAA,CAAS"}

package/dist/components/IconBox/demo/IconBoxDefault.js

@@ -0,0 +1,7 @@
+import { jsx as o } from "react/jsx-runtime";
+import t from "../IconBox.js";
+const e = () => /* @__PURE__ */ o(t, { iconName: "search" });
+export {
+  e as default
+};
+//# sourceMappingURL=IconBoxDefault.js.map

package/dist/components/IconBox/demo/IconBoxDefault.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconBoxDefault.js","sources":["../../../../src/components/IconBox/demo/IconBoxDefault.tsx"],"sourcesContent":["import React from 'react';\nimport IconBox from '../IconBox';\n\nconst IconBoxDefault = () => <IconBox iconName=\"search\" />;\n\nexport default IconBoxDefault;\n"],"names":["IconBoxDefault","jsx","IconBox"],"mappings":";;AAGA,MAAMA,IAAiB,MAAM,gBAAAC,EAACC,GAAA,EAAQ,UAAS,SAAA,CAAS;"}

package/dist/components/IconBox/demo/IconBoxDemoFactory.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),r=require("../../Flex/Flex.cjs"),c=require("../IconBox.cjs"),i=({label:t,...n})=>e.jsxs(r.default,{direction:"vertical",spacingY:"space-500",alignmentX:{mobile:"left",desktop:"center"},alignmentY:"center",children:[e.jsx("h3",{children:t}),e.jsx(c.default,{...n})]});exports.default=i;
+//# sourceMappingURL=IconBoxDemoFactory.cjs.map

package/dist/components/IconBox/demo/IconBoxDemoFactory.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconBoxDemoFactory.cjs","sources":["../../../../src/components/IconBox/demo/IconBoxDemoFactory.tsx"],"sourcesContent":["import React from 'react';\nimport type { IconBoxStyleProps } from '../../../types';\nimport { Flex } from '../../Flex';\nimport IconBox from '../IconBox';\n\ntype IconBoxDemoFactoryProps = IconBoxStyleProps & {\n  label: string;\n};\n\nconst IconBoxDemoFactory = ({ label, ...iconBoxProps }: IconBoxDemoFactoryProps) => (\n  <Flex\n    direction=\"vertical\"\n    spacingY=\"space-500\"\n    alignmentX={{ mobile: 'left', desktop: 'center' }}\n    alignmentY=\"center\"\n  >\n    <h3>{label}</h3>\n    <IconBox {...iconBoxProps} />\n  </Flex>\n);\n\nexport default IconBoxDemoFactory;\n"],"names":["IconBoxDemoFactory","label","iconBoxProps","jsxs","Flex","jsx","IconBox"],"mappings":"8MASMA,EAAqB,CAAC,CAAE,MAAAC,EAAO,GAAGC,KACtCC,EAAAA,KAACC,EAAAA,QAAA,CACC,UAAU,WACV,SAAS,YACT,WAAY,CAAE,OAAQ,OAAQ,QAAS,QAAA,EACvC,WAAW,SAEX,SAAA,CAAAC,EAAAA,IAAC,MAAI,SAAAJ,CAAA,CAAM,EACXI,MAACC,EAAAA,QAAA,CAAS,GAAGJ,CAAA,CAAc,CAAA,CAAA,CAC7B"}

package/dist/components/IconBox/demo/IconBoxDemoFactory.js

@@ -0,0 +1,20 @@
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import c from "../../Flex/Flex.js";
+import i from "../IconBox.js";
+const l = ({ label: o, ...t }) => /* @__PURE__ */ r(
+  c,
+  {
+    direction: "vertical",
+    spacingY: "space-500",
+    alignmentX: { mobile: "left", desktop: "center" },
+    alignmentY: "center",
+    children: [
+      /* @__PURE__ */ e("h3", { children: o }),
+      /* @__PURE__ */ e(i, { ...t })
+    ]
+  }
+);
+export {
+  l as default
+};
+//# sourceMappingURL=IconBoxDemoFactory.js.map

package/dist/components/IconBox/demo/IconBoxDemoFactory.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconBoxDemoFactory.js","sources":["../../../../src/components/IconBox/demo/IconBoxDemoFactory.tsx"],"sourcesContent":["import React from 'react';\nimport type { IconBoxStyleProps } from '../../../types';\nimport { Flex } from '../../Flex';\nimport IconBox from '../IconBox';\n\ntype IconBoxDemoFactoryProps = IconBoxStyleProps & {\n  label: string;\n};\n\nconst IconBoxDemoFactory = ({ label, ...iconBoxProps }: IconBoxDemoFactoryProps) => (\n  <Flex\n    direction=\"vertical\"\n    spacingY=\"space-500\"\n    alignmentX={{ mobile: 'left', desktop: 'center' }}\n    alignmentY=\"center\"\n  >\n    <h3>{label}</h3>\n    <IconBox {...iconBoxProps} />\n  </Flex>\n);\n\nexport default IconBoxDemoFactory;\n"],"names":["IconBoxDemoFactory","label","iconBoxProps","jsxs","Flex","jsx","IconBox"],"mappings":";;;AASA,MAAMA,IAAqB,CAAC,EAAE,OAAAC,GAAO,GAAGC,QACtC,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,WAAU;AAAA,IACV,UAAS;AAAA,IACT,YAAY,EAAE,QAAQ,QAAQ,SAAS,SAAA;AAAA,IACvC,YAAW;AAAA,IAEX,UAAA;AAAA,MAAA,gBAAAC,EAAC,QAAI,UAAAJ,EAAA,CAAM;AAAA,MACX,gBAAAI,EAACC,GAAA,EAAS,GAAGJ,EAAA,CAAc;AAAA,IAAA;AAAA,EAAA;AAC7B;"}

package/dist/components/IconBox/demo/IconBoxResponsiveSize.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),e=require("../../../constants/dictionaries.cjs"),s=require("../IconBox.cjs"),i=()=>t.jsx(s.default,{iconName:"search",size:{mobile:e.SizesExtended.LARGE,tablet:e.SizesExtended.MEDIUM,desktop:e.SizesExtended.SMALL}});exports.default=i;
+//# sourceMappingURL=IconBoxResponsiveSize.cjs.map

package/dist/components/IconBox/demo/IconBoxResponsiveSize.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconBoxResponsiveSize.cjs","sources":["../../../../src/components/IconBox/demo/IconBoxResponsiveSize.tsx"],"sourcesContent":["import React from 'react';\nimport { SizesExtended } from '../../../constants';\nimport IconBox from '../IconBox';\n\nconst IconBoxResponsiveSize = () => (\n  <IconBox\n    iconName=\"search\"\n    size={{ mobile: SizesExtended.LARGE, tablet: SizesExtended.MEDIUM, desktop: SizesExtended.SMALL }}\n  />\n);\n\nexport default IconBoxResponsiveSize;\n"],"names":["IconBoxResponsiveSize","jsx","IconBox","SizesExtended"],"mappings":"8NAIMA,EAAwB,IAC5BC,EAAAA,IAACC,EAAAA,QAAA,CACC,SAAS,SACT,KAAM,CAAE,OAAQC,EAAAA,cAAc,MAAO,OAAQA,EAAAA,cAAc,OAAQ,QAASA,EAAAA,cAAc,KAAA,CAAM,CAClG"}

package/dist/components/IconBox/demo/IconBoxResponsiveSize.js

@@ -0,0 +1,14 @@
+import { jsx as e } from "react/jsx-runtime";
+import { SizesExtended as o } from "../../../constants/dictionaries.js";
+import t from "../IconBox.js";
+const m = () => /* @__PURE__ */ e(
+  t,
+  {
+    iconName: "search",
+    size: { mobile: o.LARGE, tablet: o.MEDIUM, desktop: o.SMALL }
+  }
+);
+export {
+  m as default
+};
+//# sourceMappingURL=IconBoxResponsiveSize.js.map

package/dist/components/IconBox/demo/IconBoxResponsiveSize.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconBoxResponsiveSize.js","sources":["../../../../src/components/IconBox/demo/IconBoxResponsiveSize.tsx"],"sourcesContent":["import React from 'react';\nimport { SizesExtended } from '../../../constants';\nimport IconBox from '../IconBox';\n\nconst IconBoxResponsiveSize = () => (\n  <IconBox\n    iconName=\"search\"\n    size={{ mobile: SizesExtended.LARGE, tablet: SizesExtended.MEDIUM, desktop: SizesExtended.SMALL }}\n  />\n);\n\nexport default IconBoxResponsiveSize;\n"],"names":["IconBoxResponsiveSize","jsx","IconBox","SizesExtended"],"mappings":";;;AAIA,MAAMA,IAAwB,MAC5B,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,UAAS;AAAA,IACT,MAAM,EAAE,QAAQC,EAAc,OAAO,QAAQA,EAAc,QAAQ,SAASA,EAAc,MAAA;AAAA,EAAM;AAClG;"}

package/dist/components/IconBox/demo/IconBoxShapes.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),o=require("../../Grid/Grid.cjs"),n=require("../constants.cjs"),s=require("./IconBoxDemoFactory.cjs"),c=()=>t.jsx(o.default,{cols:{mobile:1,desktop:5},alignmentY:"center",alignmentX:"left",children:Object.values(n.IconBoxShapes).map(e=>t.jsx(s.default,{iconName:"search",label:e,shape:e},e))});exports.default=c;
+//# sourceMappingURL=IconBoxShapes.cjs.map

package/dist/components/IconBox/demo/IconBoxShapes.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconBoxShapes.cjs","sources":["../../../../src/components/IconBox/demo/IconBoxShapes.tsx"],"sourcesContent":["import React from 'react';\nimport { Grid } from '../../Grid';\nimport { IconBoxShapes as Shapes } from '../constants';\nimport IconBoxDemoFactory from './IconBoxDemoFactory';\n\nconst IconBoxShapes = () => (\n  <Grid cols={{ mobile: 1, desktop: 5 }} alignmentY=\"center\" alignmentX=\"left\">\n    {Object.values(Shapes).map((shape) => (\n      <IconBoxDemoFactory iconName=\"search\" key={shape} label={shape} shape={shape} />\n    ))}\n  </Grid>\n);\n\nexport default IconBoxShapes;\n"],"names":["IconBoxShapes","jsx","Grid","Shapes","shape","IconBoxDemoFactory"],"mappings":"sPAKMA,EAAgB,IACpBC,EAAAA,IAACC,EAAAA,QAAA,CAAK,KAAM,CAAE,OAAQ,EAAG,QAAS,CAAA,EAAK,WAAW,SAAS,WAAW,OACnE,SAAA,OAAO,OAAOC,EAAAA,aAAM,EAAE,IAAKC,GAC1BH,EAAAA,IAACI,EAAAA,QAAA,CAAmB,SAAS,SAAqB,MAAOD,EAAO,MAAAA,CAAA,EAArBA,CAAmC,CAC/E,CAAA,CACH"}

package/dist/components/IconBox/demo/IconBoxShapes.js

@@ -0,0 +1,9 @@
+import { jsx as e } from "react/jsx-runtime";
+import t from "../../Grid/Grid.js";
+import { IconBoxShapes as r } from "../constants.js";
+import m from "./IconBoxDemoFactory.js";
+const s = () => /* @__PURE__ */ e(t, { cols: { mobile: 1, desktop: 5 }, alignmentY: "center", alignmentX: "left", children: Object.values(r).map((o) => /* @__PURE__ */ e(m, { iconName: "search", label: o, shape: o }, o)) });
+export {
+  s as default
+};
+//# sourceMappingURL=IconBoxShapes.js.map

package/dist/components/IconBox/demo/IconBoxShapes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconBoxShapes.js","sources":["../../../../src/components/IconBox/demo/IconBoxShapes.tsx"],"sourcesContent":["import React from 'react';\nimport { Grid } from '../../Grid';\nimport { IconBoxShapes as Shapes } from '../constants';\nimport IconBoxDemoFactory from './IconBoxDemoFactory';\n\nconst IconBoxShapes = () => (\n  <Grid cols={{ mobile: 1, desktop: 5 }} alignmentY=\"center\" alignmentX=\"left\">\n    {Object.values(Shapes).map((shape) => (\n      <IconBoxDemoFactory iconName=\"search\" key={shape} label={shape} shape={shape} />\n    ))}\n  </Grid>\n);\n\nexport default IconBoxShapes;\n"],"names":["IconBoxShapes","jsx","Grid","Shapes","shape","IconBoxDemoFactory"],"mappings":";;;;AAKA,MAAMA,IAAgB,MACpB,gBAAAC,EAACC,GAAA,EAAK,MAAM,EAAE,QAAQ,GAAG,SAAS,EAAA,GAAK,YAAW,UAAS,YAAW,QACnE,UAAA,OAAO,OAAOC,CAAM,EAAE,IAAI,CAACC,MAC1B,gBAAAH,EAACI,GAAA,EAAmB,UAAS,UAAqB,OAAOD,GAAO,OAAAA,EAAA,GAArBA,CAAmC,CAC/E,EAAA,CACH;"}

package/dist/components/IconBox/demo/IconBoxSizes.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),o=require("../../../constants/dictionaries.cjs"),r=require("../../Grid/Grid.cjs"),i=require("./IconBoxDemoFactory.cjs"),n=()=>t.jsx(r.default,{cols:{mobile:1,desktop:5},alignmentY:"center",alignmentX:"left",children:Object.values(o.SizesExtended).map(e=>t.jsx(i.default,{iconName:"search",label:e,size:e},e))});exports.default=n;
+//# sourceMappingURL=IconBoxSizes.cjs.map

package/dist/components/IconBox/demo/IconBoxSizes.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconBoxSizes.cjs","sources":["../../../../src/components/IconBox/demo/IconBoxSizes.tsx"],"sourcesContent":["import React from 'react';\nimport { SizesExtended } from '../../../constants';\nimport { Grid } from '../../Grid';\nimport IconBoxDemoFactory from './IconBoxDemoFactory';\n\nconst IconBoxSizes = () => (\n  <Grid cols={{ mobile: 1, desktop: 5 }} alignmentY=\"center\" alignmentX=\"left\">\n    {Object.values(SizesExtended).map((size) => (\n      <IconBoxDemoFactory iconName=\"search\" key={size} label={size} size={size} />\n    ))}\n  </Grid>\n);\n\nexport default IconBoxSizes;\n"],"names":["IconBoxSizes","jsx","Grid","SizesExtended","size","IconBoxDemoFactory"],"mappings":"yQAKMA,EAAe,IACnBC,EAAAA,IAACC,EAAAA,QAAA,CAAK,KAAM,CAAE,OAAQ,EAAG,QAAS,CAAA,EAAK,WAAW,SAAS,WAAW,OACnE,SAAA,OAAO,OAAOC,EAAAA,aAAa,EAAE,IAAKC,GACjCH,EAAAA,IAACI,EAAAA,QAAA,CAAmB,SAAS,SAAoB,MAAOD,EAAM,KAAAA,CAAA,EAAnBA,CAA+B,CAC3E,CAAA,CACH"}

package/dist/components/IconBox/demo/IconBoxSizes.js

@@ -0,0 +1,9 @@
+import { jsx as e } from "react/jsx-runtime";
+import { SizesExtended as t } from "../../../constants/dictionaries.js";
+import r from "../../Grid/Grid.js";
+import m from "./IconBoxDemoFactory.js";
+const l = () => /* @__PURE__ */ e(r, { cols: { mobile: 1, desktop: 5 }, alignmentY: "center", alignmentX: "left", children: Object.values(t).map((o) => /* @__PURE__ */ e(m, { iconName: "search", label: o, size: o }, o)) });
+export {
+  l as default
+};
+//# sourceMappingURL=IconBoxSizes.js.map

package/dist/components/IconBox/demo/IconBoxSizes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconBoxSizes.js","sources":["../../../../src/components/IconBox/demo/IconBoxSizes.tsx"],"sourcesContent":["import React from 'react';\nimport { SizesExtended } from '../../../constants';\nimport { Grid } from '../../Grid';\nimport IconBoxDemoFactory from './IconBoxDemoFactory';\n\nconst IconBoxSizes = () => (\n  <Grid cols={{ mobile: 1, desktop: 5 }} alignmentY=\"center\" alignmentX=\"left\">\n    {Object.values(SizesExtended).map((size) => (\n      <IconBoxDemoFactory iconName=\"search\" key={size} label={size} size={size} />\n    ))}\n  </Grid>\n);\n\nexport default IconBoxSizes;\n"],"names":["IconBoxSizes","jsx","Grid","SizesExtended","size","IconBoxDemoFactory"],"mappings":";;;;AAKA,MAAMA,IAAe,MACnB,gBAAAC,EAACC,GAAA,EAAK,MAAM,EAAE,QAAQ,GAAG,SAAS,EAAA,GAAK,YAAW,UAAS,YAAW,QACnE,UAAA,OAAO,OAAOC,CAAa,EAAE,IAAI,CAACC,MACjC,gBAAAH,EAACI,GAAA,EAAmB,UAAS,UAAoB,OAAOD,GAAM,MAAAA,EAAA,GAAnBA,CAA+B,CAC3E,EAAA,CACH;"}

package/dist/components/IconBox/demo/IconBoxWithoutBorder.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),s=require("../IconBox.cjs"),r=()=>e.jsxs(e.Fragment,{children:[e.jsx(s.default,{iconName:"search",hasBorder:!1,shape:"rounded"}),e.jsx(s.default,{iconName:"search",hasBorder:!1,shape:"circle"}),e.jsx(s.default,{iconName:"search",hasBorder:!1,shape:"square"})]});exports.default=r;
+//# sourceMappingURL=IconBoxWithoutBorder.cjs.map

package/dist/components/IconBox/demo/IconBoxWithoutBorder.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconBoxWithoutBorder.cjs","sources":["../../../../src/components/IconBox/demo/IconBoxWithoutBorder.tsx"],"sourcesContent":["import React from 'react';\nimport IconBox from '../IconBox';\n\nconst IconBoxWithoutBorder = () => (\n  <>\n    <IconBox iconName=\"search\" hasBorder={false} shape=\"rounded\" />\n    <IconBox iconName=\"search\" hasBorder={false} shape=\"circle\" />\n    <IconBox iconName=\"search\" hasBorder={false} shape=\"square\" />\n  </>\n);\n\nexport default IconBoxWithoutBorder;\n"],"names":["IconBoxWithoutBorder","jsxs","Fragment","jsx","IconBox"],"mappings":"6KAGMA,EAAuB,IAC3BC,EAAAA,KAAAC,EAAAA,SAAA,CACE,SAAA,CAAAC,MAACC,EAAAA,SAAQ,SAAS,SAAS,UAAW,GAAO,MAAM,UAAU,QAC5DA,EAAAA,QAAA,CAAQ,SAAS,SAAS,UAAW,GAAO,MAAM,SAAS,QAC3DA,EAAAA,QAAA,CAAQ,SAAS,SAAS,UAAW,GAAO,MAAM,QAAA,CAAS,CAAA,CAAA,CAC9D"}

package/dist/components/IconBox/demo/IconBoxWithoutBorder.js

@@ -0,0 +1,11 @@
+import { jsxs as s, Fragment as a, jsx as e } from "react/jsx-runtime";
+import r from "../IconBox.js";
+const h = () => /* @__PURE__ */ s(a, { children: [
+  /* @__PURE__ */ e(r, { iconName: "search", hasBorder: !1, shape: "rounded" }),
+  /* @__PURE__ */ e(r, { iconName: "search", hasBorder: !1, shape: "circle" }),
+  /* @__PURE__ */ e(r, { iconName: "search", hasBorder: !1, shape: "square" })
+] });
+export {
+  h as default
+};
+//# sourceMappingURL=IconBoxWithoutBorder.js.map

package/dist/components/IconBox/demo/IconBoxWithoutBorder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconBoxWithoutBorder.js","sources":["../../../../src/components/IconBox/demo/IconBoxWithoutBorder.tsx"],"sourcesContent":["import React from 'react';\nimport IconBox from '../IconBox';\n\nconst IconBoxWithoutBorder = () => (\n  <>\n    <IconBox iconName=\"search\" hasBorder={false} shape=\"rounded\" />\n    <IconBox iconName=\"search\" hasBorder={false} shape=\"circle\" />\n    <IconBox iconName=\"search\" hasBorder={false} shape=\"square\" />\n  </>\n);\n\nexport default IconBoxWithoutBorder;\n"],"names":["IconBoxWithoutBorder","jsxs","Fragment","jsx","IconBox"],"mappings":";;AAGA,MAAMA,IAAuB,MAC3B,gBAAAC,EAAAC,GAAA,EACE,UAAA;AAAA,EAAA,gBAAAC,EAACC,KAAQ,UAAS,UAAS,WAAW,IAAO,OAAM,WAAU;AAAA,oBAC5DA,GAAA,EAAQ,UAAS,UAAS,WAAW,IAAO,OAAM,UAAS;AAAA,oBAC3DA,GAAA,EAAQ,UAAS,UAAS,WAAW,IAAO,OAAM,SAAA,CAAS;AAAA,EAAA,CAC9D;"}

package/dist/components/IconBox/demo/preview.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("@alma-oss/spirit-icons/icons"),s=require("react"),t=require("../../../web-react/docs/DocsSection.cjs"),i=require("../../../context/IconsContext.cjs"),o=require("./IconBoxColorVariants.cjs"),n=require("./IconBoxDefault.cjs"),c=require("./IconBoxResponsiveSize.cjs"),l=require("./IconBoxShapes.cjs"),u=require("./IconBoxSizes.cjs"),d=require("./IconBoxWithoutBorder.cjs"),a=()=>e.jsx(s.StrictMode,{children:e.jsxs(i.IconsProvider,{value:r,children:[e.jsx(t.default,{title:"Default",children:e.jsx(n.default,{})}),e.jsx(t.default,{title:"Sizes",children:e.jsx(u.default,{})}),e.jsx(t.default,{title:"Responsive Sizes",children:e.jsx(c.default,{})}),e.jsx(t.default,{title:"Shapes",children:e.jsx(l.default,{})}),e.jsx(t.default,{title:"Without Border",children:e.jsx(d.default,{})}),e.jsx(t.default,{title:"Color Variants",children:e.jsx(o.default,{})})]})});exports.Preview=a;
+//# sourceMappingURL=preview.cjs.map

package/dist/components/IconBox/demo/preview.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"preview.cjs","sources":["../../../../src/components/IconBox/demo/preview.tsx"],"sourcesContent":["'use client';\n\n// @ts-ignore: No declaration file -- @see https://jira.almacareer.tech/browse/DS-561\nimport icons from '@alma-oss/spirit-icons/icons';\nimport React, { StrictMode } from 'react';\nimport DocsSection from '../../../../docs/DocsSection';\nimport { IconsProvider } from '../../../context';\nimport IconBoxColorVariants from './IconBoxColorVariants';\nimport IconBoxDefault from './IconBoxDefault';\nimport IconBoxResponsiveSize from './IconBoxResponsiveSize';\nimport IconBoxShapes from './IconBoxShapes';\nimport IconBoxSizes from './IconBoxSizes';\nimport IconBoxWithoutBorder from './IconBoxWithoutBorder';\n\nexport const Preview = () => (\n  <StrictMode>\n    <IconsProvider value={icons}>\n      <DocsSection title=\"Default\">\n        <IconBoxDefault />\n      </DocsSection>\n      <DocsSection title=\"Sizes\">\n        <IconBoxSizes />\n      </DocsSection>\n      <DocsSection title=\"Responsive Sizes\">\n        <IconBoxResponsiveSize />\n      </DocsSection>\n      <DocsSection title=\"Shapes\">\n        <IconBoxShapes />\n      </DocsSection>\n      <DocsSection title=\"Without Border\">\n        <IconBoxWithoutBorder />\n      </DocsSection>\n      <DocsSection title=\"Color Variants\">\n        <IconBoxColorVariants />\n      </DocsSection>\n    </IconsProvider>\n  </StrictMode>\n);\n"],"names":["Preview","jsx","StrictMode","jsxs","IconsProvider","icons","DocsSection","IconBoxDefault","IconBoxSizes","IconBoxResponsiveSize","IconBoxShapes","IconBoxWithoutBorder","IconBoxColorVariants"],"mappings":"+fAcaA,EAAU,IACrBC,EAAAA,IAACC,EAAAA,YACC,SAAAC,OAACC,EAAAA,cAAA,CAAc,MAAOC,EACpB,SAAA,CAAAJ,MAACK,EAAAA,QAAA,CAAY,MAAM,UACjB,SAAAL,MAACM,EAAAA,UAAe,EAClB,QACCD,EAAAA,QAAA,CAAY,MAAM,QACjB,SAAAL,MAACO,EAAAA,UAAa,EAChB,QACCF,EAAAA,QAAA,CAAY,MAAM,mBACjB,SAAAL,MAACQ,EAAAA,UAAsB,EACzB,QACCH,EAAAA,QAAA,CAAY,MAAM,SACjB,SAAAL,MAACS,EAAAA,UAAc,EACjB,QACCJ,EAAAA,QAAA,CAAY,MAAM,iBACjB,SAAAL,MAACU,EAAAA,UAAqB,EACxB,QACCL,EAAAA,QAAA,CAAY,MAAM,iBACjB,SAAAL,EAAAA,IAACW,YAAqB,CAAA,CACxB,CAAA,CAAA,CACF,CAAA,CACF"}

package/dist/components/IconBox/demo/preview.js

@@ -0,0 +1,24 @@
+"use client";
+import { jsx as o, jsxs as i } from "react/jsx-runtime";
+import t from "@alma-oss/spirit-icons/icons";
+import { StrictMode as e } from "react";
+import r from "../../../web-react/docs/DocsSection.js";
+import { IconsProvider as n } from "../../../context/IconsContext.js";
+import c from "./IconBoxColorVariants.js";
+import m from "./IconBoxDefault.js";
+import s from "./IconBoxResponsiveSize.js";
+import l from "./IconBoxShapes.js";
+import p from "./IconBoxSizes.js";
+import f from "./IconBoxWithoutBorder.js";
+const j = () => /* @__PURE__ */ o(e, { children: /* @__PURE__ */ i(n, { value: t, children: [
+  /* @__PURE__ */ o(r, { title: "Default", children: /* @__PURE__ */ o(m, {}) }),
+  /* @__PURE__ */ o(r, { title: "Sizes", children: /* @__PURE__ */ o(p, {}) }),
+  /* @__PURE__ */ o(r, { title: "Responsive Sizes", children: /* @__PURE__ */ o(s, {}) }),
+  /* @__PURE__ */ o(r, { title: "Shapes", children: /* @__PURE__ */ o(l, {}) }),
+  /* @__PURE__ */ o(r, { title: "Without Border", children: /* @__PURE__ */ o(f, {}) }),
+  /* @__PURE__ */ o(r, { title: "Color Variants", children: /* @__PURE__ */ o(c, {}) })
+] }) });
+export {
+  j as Preview
+};
+//# sourceMappingURL=preview.js.map

package/dist/components/IconBox/demo/preview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"preview.js","sources":["../../../../src/components/IconBox/demo/preview.tsx"],"sourcesContent":["'use client';\n\n// @ts-ignore: No declaration file -- @see https://jira.almacareer.tech/browse/DS-561\nimport icons from '@alma-oss/spirit-icons/icons';\nimport React, { StrictMode } from 'react';\nimport DocsSection from '../../../../docs/DocsSection';\nimport { IconsProvider } from '../../../context';\nimport IconBoxColorVariants from './IconBoxColorVariants';\nimport IconBoxDefault from './IconBoxDefault';\nimport IconBoxResponsiveSize from './IconBoxResponsiveSize';\nimport IconBoxShapes from './IconBoxShapes';\nimport IconBoxSizes from './IconBoxSizes';\nimport IconBoxWithoutBorder from './IconBoxWithoutBorder';\n\nexport const Preview = () => (\n  <StrictMode>\n    <IconsProvider value={icons}>\n      <DocsSection title=\"Default\">\n        <IconBoxDefault />\n      </DocsSection>\n      <DocsSection title=\"Sizes\">\n        <IconBoxSizes />\n      </DocsSection>\n      <DocsSection title=\"Responsive Sizes\">\n        <IconBoxResponsiveSize />\n      </DocsSection>\n      <DocsSection title=\"Shapes\">\n        <IconBoxShapes />\n      </DocsSection>\n      <DocsSection title=\"Without Border\">\n        <IconBoxWithoutBorder />\n      </DocsSection>\n      <DocsSection title=\"Color Variants\">\n        <IconBoxColorVariants />\n      </DocsSection>\n    </IconsProvider>\n  </StrictMode>\n);\n"],"names":["Preview","jsx","StrictMode","jsxs","IconsProvider","icons","DocsSection","IconBoxDefault","IconBoxSizes","IconBoxResponsiveSize","IconBoxShapes","IconBoxWithoutBorder","IconBoxColorVariants"],"mappings":";;;;;;;;;;;;AAcO,MAAMA,IAAU,MACrB,gBAAAC,EAACC,KACC,UAAA,gBAAAC,EAACC,GAAA,EAAc,OAAOC,GACpB,UAAA;AAAA,EAAA,gBAAAJ,EAACK,GAAA,EAAY,OAAM,WACjB,UAAA,gBAAAL,EAACM,KAAe,GAClB;AAAA,oBACCD,GAAA,EAAY,OAAM,SACjB,UAAA,gBAAAL,EAACO,KAAa,GAChB;AAAA,oBACCF,GAAA,EAAY,OAAM,oBACjB,UAAA,gBAAAL,EAACQ,KAAsB,GACzB;AAAA,oBACCH,GAAA,EAAY,OAAM,UACjB,UAAA,gBAAAL,EAACS,KAAc,GACjB;AAAA,oBACCJ,GAAA,EAAY,OAAM,kBACjB,UAAA,gBAAAL,EAACU,KAAqB,GACxB;AAAA,oBACCL,GAAA,EAAY,OAAM,kBACjB,UAAA,gBAAAL,EAACW,KAAqB,EAAA,CACxB;AAAA,EAAA,CACF,EAAA,CACF;"}

package/dist/components/IconBox/preview/index.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../demo/preview.cjs");exports.default=e.Preview;
+//# sourceMappingURL=index.cjs.map

package/dist/components/IconBox/preview/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/IconBox/preview/index.js

@@ -0,0 +1,6 @@
+"use client";
+import { Preview as t } from "../demo/preview.js";
+export {
+  t as default
+};
+//# sourceMappingURL=index.js.map

package/dist/components/IconBox/preview/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/components/IconBox/preview.d.ts

@@ -0,0 +1,4 @@
+export {}
+import _default from '../../src/components/IconBox/preview/index'
+export default _default
+export {}

package/dist/components/IconBox.d.ts

@@ -1,2 +1,2 @@
-export * from './IconBox/index'
+export * from '../src/components/IconBox/index'
 export {}

package/dist/components/InputDetails/InputDetails.cjs

@@ -1,2 +1,2 @@
-"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const m=require("react/jsx-runtime"),f=require("react"),S=require("../../hooks/styleProps.cjs"),g=require("../../utils/mergeStyleProps.cjs"),D=require("./useInputDetailsStyleProps.cjs"),o={elementType:"div",id:void 0,registerAriaDetails:void 0},i=p=>{const n={...o,...p},{classProps:l,props:u}=D.useInputDetailsStyleProps(n),{children:c,elementType:a,id:e,registerAriaDetails:t,...d}=u,{styleProps:P,props:s}=S.useStyleProps(d),r=a||o.elementType,y=g.mergeStyleProps(r,{classProps:l,styleProps:P,otherProps:s});return f.useEffect(()=>(e&&t?.({add:e}),()=>{e&&t?.({remove:e})}),[e,t]),m.jsx(r,{...s,...y,id:e,children:c})};i.spiritComponent="InputDetails";exports.default=i;
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const m=require("react/jsx-runtime"),f=require("react"),D=require("../../hooks/styleProps.cjs"),S=require("../../utils/mergeStyleProps.cjs"),g=require("./useInputDetailsStyleProps.cjs"),i={elementType:"div",id:void 0,registerAriaDetails:void 0},s=p=>{const l={...i,...p},{classProps:n,props:u}=g.useInputDetailsStyleProps(l),{children:c,elementType:a,id:e,registerAriaDetails:t,...d}=u,{styleProps:P,props:r}=D.useStyleProps(d),o=a||i.elementType,y=S.mergeStyleProps(o,{classProps:n,styleProps:P,otherProps:r});return f.useEffect(()=>(e&&t?.({add:e}),()=>{e&&t?.({remove:e})}),[e,t]),m.jsx(o,{...r,...y,id:e,children:c})};s.spiritComponent="InputDetails";s.displayName="InputDetails";exports.default=s;
 //# sourceMappingURL=InputDetails.cjs.map

package/dist/components/InputDetails/InputDetails.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"InputDetails.cjs","sources":["../../../src/components/InputDetails/InputDetails.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType, useEffect } from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { type InputDetailsProps } from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { useInputDetailsStyleProps } from './useInputDetailsStyleProps';\n\nconst defaultProps: Partial<InputDetailsProps> = {\n  elementType: 'div',\n  id: undefined,\n  registerAriaDetails: undefined,\n};\n\nconst InputDetails = <E extends ElementType = 'div'>(props: InputDetailsProps<E>) => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { classProps, props: modifiedProps } = useInputDetailsStyleProps(propsWithDefaults);\n  const { children, elementType, id, registerAriaDetails, ...restProps } = modifiedProps;\n  const { styleProps, props: otherProps } = useStyleProps(restProps);\n  const Component = (elementType || defaultProps.elementType) as ElementType;\n  const mergedStyleProps = mergeStyleProps(Component, { classProps, styleProps, otherProps });\n\n  useEffect(() => {\n    if (id) {\n      registerAriaDetails?.({ add: id });\n    }\n\n    return () => {\n      if (id) {\n        registerAriaDetails?.({ remove: id });\n      }\n    };\n  }, [id, registerAriaDetails]);\n\n  return (\n    <Component {...otherProps} {...mergedStyleProps} id={id}>\n      {children}\n    </Component>\n  );\n};\n\nInputDetails.spiritComponent = 'InputDetails';\n\nexport default InputDetails;\n"],"names":["defaultProps","InputDetails","props","propsWithDefaults","classProps","modifiedProps","useInputDetailsStyleProps","children","elementType","id","registerAriaDetails","restProps","styleProps","otherProps","useStyleProps","Component","mergedStyleProps","mergeStyleProps","useEffect"],"mappings":"mTAQMA,EAA2C,CAC/C,YAAa,MACb,GAAI,OACJ,oBAAqB,MACvB,EAEMC,EAA+CC,GAAgC,CACnF,MAAMC,EAAoB,CAAE,GAAGH,EAAc,GAAGE,CAAA,EAC1C,CAAE,WAAAE,EAAY,MAAOC,CAAA,EAAkBC,EAAAA,0BAA0BH,CAAiB,EAClF,CAAE,SAAAI,EAAU,YAAAC,EAAa,GAAAC,EAAI,oBAAAC,EAAqB,GAAGC,GAAcN,EACnE,CAAA,WAAEO,EAAY,MAAOC,CAAA,EAAeC,EAAAA,cAAcH,CAAS,EAC3DI,EAAaP,GAAeR,EAAa,YACzCgB,EAAmBC,EAAAA,gBAAgBF,EAAW,CAAE,WAAAX,EAAA,WAAYQ,EAAY,WAAAC,EAAY,EAE1FK,OAAAA,EAAAA,UAAU,KACJT,GACFC,IAAsB,CAAE,IAAKD,EAAI,EAG5B,IAAM,CACPA,GACFC,IAAsB,CAAE,OAAQD,EAAI,CAExC,GACC,CAACA,EAAIC,CAAmB,CAAC,QAGzBK,EAAA,CAAW,GAAGF,EAAa,GAAGG,EAAkB,GAAAP,EAC9C,SAAAF,EACH,CAEJ,EAEAN,EAAa,gBAAkB"}
+{"version":3,"file":"InputDetails.cjs","sources":["../../../src/components/InputDetails/InputDetails.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType, useEffect } from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { type InputDetailsProps } from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { useInputDetailsStyleProps } from './useInputDetailsStyleProps';\n\nconst defaultProps: Partial<InputDetailsProps> = {\n  elementType: 'div',\n  id: undefined,\n  registerAriaDetails: undefined,\n};\n\nconst InputDetails = <E extends ElementType = 'div'>(props: InputDetailsProps<E>) => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { classProps, props: modifiedProps } = useInputDetailsStyleProps(propsWithDefaults);\n  const { children, elementType, id, registerAriaDetails, ...restProps } = modifiedProps;\n  const { styleProps, props: otherProps } = useStyleProps(restProps);\n  const Component = (elementType || defaultProps.elementType) as ElementType;\n  const mergedStyleProps = mergeStyleProps(Component, { classProps, styleProps, otherProps });\n\n  useEffect(() => {\n    if (id) {\n      registerAriaDetails?.({ add: id });\n    }\n\n    return () => {\n      if (id) {\n        registerAriaDetails?.({ remove: id });\n      }\n    };\n  }, [id, registerAriaDetails]);\n\n  return (\n    <Component {...otherProps} {...mergedStyleProps} id={id}>\n      {children}\n    </Component>\n  );\n};\n\nInputDetails.spiritComponent = 'InputDetails';\nInputDetails.displayName = 'InputDetails';\n\nexport default InputDetails;\n"],"names":["defaultProps","InputDetails","props","propsWithDefaults","classProps","modifiedProps","useInputDetailsStyleProps","children","elementType","id","registerAriaDetails","restProps","styleProps","otherProps","useStyleProps","Component","mergedStyleProps","mergeStyleProps","useEffect"],"mappings":"mTAQMA,EAA2C,CAC/C,YAAa,MACb,GAAI,OACJ,oBAAqB,MACvB,EAEMC,EAA+CC,GAAgC,CACnF,MAAMC,EAAoB,CAAE,GAAGH,EAAc,GAAGE,CAAA,EAC1C,CAAE,WAAAE,EAAY,MAAOC,CAAA,EAAkBC,EAAAA,0BAA0BH,CAAiB,EAClF,CAAE,SAAAI,EAAU,YAAAC,EAAa,GAAAC,EAAI,oBAAAC,EAAqB,GAAGC,GAAcN,EACnE,CAAA,WAAEO,EAAY,MAAOC,CAAA,EAAeC,EAAAA,cAAcH,CAAS,EAC3DI,EAAaP,GAAeR,EAAa,YACzCgB,EAAmBC,EAAAA,gBAAgBF,EAAW,CAAE,WAAAX,EAAA,WAAYQ,EAAY,WAAAC,EAAY,EAE1FK,OAAAA,EAAAA,UAAU,KACJT,GACFC,IAAsB,CAAE,IAAKD,EAAI,EAG5B,IAAM,CACPA,GACFC,IAAsB,CAAE,OAAQD,EAAI,CAExC,GACC,CAACA,EAAIC,CAAmB,CAAC,QAGzBK,EAAA,CAAW,GAAGF,EAAa,GAAGG,EAAkB,GAAAP,EAC9C,SAAAF,EACH,CAEJ,EAEAN,EAAa,gBAAkB,eAC/BA,EAAa,YAAc"}

package/dist/components/InputDetails/InputDetails.js

@@ -1,21 +1,22 @@
 "use client";
-import { jsx as u } from "react/jsx-runtime";
-import { useEffect as P } from "react";
-import { useStyleProps as y } from "../../hooks/styleProps.js";
-import { mergeStyleProps as D } from "../../utils/mergeStyleProps.js";
-import { useInputDetailsStyleProps as g } from "./useInputDetailsStyleProps.js";
+import { jsx as P } from "react/jsx-runtime";
+import { useEffect as y } from "react";
+import { useStyleProps as D } from "../../hooks/styleProps.js";
+import { mergeStyleProps as g } from "../../utils/mergeStyleProps.js";
+import { useInputDetailsStyleProps as v } from "./useInputDetailsStyleProps.js";
 const o = {
   elementType: "div",
   id: void 0,
   registerAriaDetails: void 0
-}, v = (p) => {
-  const i = { ...o, ...p }, { classProps: n, props: l } = g(i), { children: m, elementType: a, id: e, registerAriaDetails: t, ...c } = l, { styleProps: d, props: r } = y(c), s = a || o.elementType, f = D(s, { classProps: n, styleProps: d, otherProps: r });
-  return P(() => (e && t?.({ add: e }), () => {
+}, p = (i) => {
+  const n = { ...o, ...i }, { classProps: l, props: m } = v(n), { children: a, elementType: d, id: e, registerAriaDetails: t, ...u } = m, { styleProps: c, props: s } = D(u), r = d || o.elementType, f = g(r, { classProps: l, styleProps: c, otherProps: s });
+  return y(() => (e && t?.({ add: e }), () => {
     e && t?.({ remove: e });
-  }), [e, t]), /* @__PURE__ */ u(s, { ...r, ...f, id: e, children: m });
+  }), [e, t]), /* @__PURE__ */ P(r, { ...s, ...f, id: e, children: a });
 };
-v.spiritComponent = "InputDetails";
+p.spiritComponent = "InputDetails";
+p.displayName = "InputDetails";
 export {
-  v as default
+  p as default
 };
 //# sourceMappingURL=InputDetails.js.map

package/dist/components/InputDetails/InputDetails.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputDetails.js","sources":["../../../src/components/InputDetails/InputDetails.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType, useEffect } from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { type InputDetailsProps } from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { useInputDetailsStyleProps } from './useInputDetailsStyleProps';\n\nconst defaultProps: Partial<InputDetailsProps> = {\n  elementType: 'div',\n  id: undefined,\n  registerAriaDetails: undefined,\n};\n\nconst InputDetails = <E extends ElementType = 'div'>(props: InputDetailsProps<E>) => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { classProps, props: modifiedProps } = useInputDetailsStyleProps(propsWithDefaults);\n  const { children, elementType, id, registerAriaDetails, ...restProps } = modifiedProps;\n  const { styleProps, props: otherProps } = useStyleProps(restProps);\n  const Component = (elementType || defaultProps.elementType) as ElementType;\n  const mergedStyleProps = mergeStyleProps(Component, { classProps, styleProps, otherProps });\n\n  useEffect(() => {\n    if (id) {\n      registerAriaDetails?.({ add: id });\n    }\n\n    return () => {\n      if (id) {\n        registerAriaDetails?.({ remove: id });\n      }\n    };\n  }, [id, registerAriaDetails]);\n\n  return (\n    <Component {...otherProps} {...mergedStyleProps} id={id}>\n      {children}\n    </Component>\n  );\n};\n\nInputDetails.spiritComponent = 'InputDetails';\n\nexport default InputDetails;\n"],"names":["defaultProps","InputDetails","props","propsWithDefaults","classProps","modifiedProps","useInputDetailsStyleProps","children","elementType","id","registerAriaDetails","restProps","styleProps","otherProps","useStyleProps","Component","mergedStyleProps","mergeStyleProps","useEffect"],"mappings":";;;;;;AAQA,MAAMA,IAA2C;AAAA,EAC/C,aAAa;AAAA,EACb,IAAI;AAAA,EACJ,qBAAqB;AACvB,GAEMC,IAAe,CAAgCC,MAAgC;AACnF,QAAMC,IAAoB,EAAE,GAAGH,GAAc,GAAGE,EAAA,GAC1C,EAAE,YAAAE,GAAY,OAAOC,EAAA,IAAkBC,EAA0BH,CAAiB,GAClF,EAAE,UAAAI,GAAU,aAAAC,GAAa,IAAAC,GAAI,qBAAAC,GAAqB,GAAGC,MAAcN,GACnE,EAAE,YAAAO,GAAY,OAAOC,EAAA,IAAeC,EAAcH,CAAS,GAC3DI,IAAaP,KAAeR,EAAa,aACzCgB,IAAmBC,EAAgBF,GAAW,EAAE,YAAAX,GAAY,YAAAQ,GAAY,YAAAC,GAAY;AAE1F,SAAAK,EAAU,OACJT,KACFC,IAAsB,EAAE,KAAKD,GAAI,GAG5B,MAAM;AACX,IAAIA,KACFC,IAAsB,EAAE,QAAQD,GAAI;AAAA,EAExC,IACC,CAACA,GAAIC,CAAmB,CAAC,qBAGzBK,GAAA,EAAW,GAAGF,GAAa,GAAGG,GAAkB,IAAAP,GAC9C,UAAAF,GACH;AAEJ;AAEAN,EAAa,kBAAkB;"}
+{"version":3,"file":"InputDetails.js","sources":["../../../src/components/InputDetails/InputDetails.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType, useEffect } from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { type InputDetailsProps } from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { useInputDetailsStyleProps } from './useInputDetailsStyleProps';\n\nconst defaultProps: Partial<InputDetailsProps> = {\n  elementType: 'div',\n  id: undefined,\n  registerAriaDetails: undefined,\n};\n\nconst InputDetails = <E extends ElementType = 'div'>(props: InputDetailsProps<E>) => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { classProps, props: modifiedProps } = useInputDetailsStyleProps(propsWithDefaults);\n  const { children, elementType, id, registerAriaDetails, ...restProps } = modifiedProps;\n  const { styleProps, props: otherProps } = useStyleProps(restProps);\n  const Component = (elementType || defaultProps.elementType) as ElementType;\n  const mergedStyleProps = mergeStyleProps(Component, { classProps, styleProps, otherProps });\n\n  useEffect(() => {\n    if (id) {\n      registerAriaDetails?.({ add: id });\n    }\n\n    return () => {\n      if (id) {\n        registerAriaDetails?.({ remove: id });\n      }\n    };\n  }, [id, registerAriaDetails]);\n\n  return (\n    <Component {...otherProps} {...mergedStyleProps} id={id}>\n      {children}\n    </Component>\n  );\n};\n\nInputDetails.spiritComponent = 'InputDetails';\nInputDetails.displayName = 'InputDetails';\n\nexport default InputDetails;\n"],"names":["defaultProps","InputDetails","props","propsWithDefaults","classProps","modifiedProps","useInputDetailsStyleProps","children","elementType","id","registerAriaDetails","restProps","styleProps","otherProps","useStyleProps","Component","mergedStyleProps","mergeStyleProps","useEffect"],"mappings":";;;;;;AAQA,MAAMA,IAA2C;AAAA,EAC/C,aAAa;AAAA,EACb,IAAI;AAAA,EACJ,qBAAqB;AACvB,GAEMC,IAAe,CAAgCC,MAAgC;AACnF,QAAMC,IAAoB,EAAE,GAAGH,GAAc,GAAGE,EAAA,GAC1C,EAAE,YAAAE,GAAY,OAAOC,EAAA,IAAkBC,EAA0BH,CAAiB,GAClF,EAAE,UAAAI,GAAU,aAAAC,GAAa,IAAAC,GAAI,qBAAAC,GAAqB,GAAGC,MAAcN,GACnE,EAAE,YAAAO,GAAY,OAAOC,EAAA,IAAeC,EAAcH,CAAS,GAC3DI,IAAaP,KAAeR,EAAa,aACzCgB,IAAmBC,EAAgBF,GAAW,EAAE,YAAAX,GAAY,YAAAQ,GAAY,YAAAC,GAAY;AAE1F,SAAAK,EAAU,OACJT,KACFC,IAAsB,EAAE,KAAKD,GAAI,GAG5B,MAAM;AACX,IAAIA,KACFC,IAAsB,EAAE,QAAQD,GAAI;AAAA,EAExC,IACC,CAACA,GAAIC,CAAmB,CAAC,qBAGzBK,GAAA,EAAW,GAAGF,GAAa,GAAGG,GAAkB,IAAAP,GAC9C,UAAAF,GACH;AAEJ;AAEAN,EAAa,kBAAkB;AAC/BA,EAAa,cAAc;"}

package/dist/components/InputDetails.d.ts

@@ -1,2 +1,2 @@
-export * from './InputDetails/index'
+export * from '../src/components/InputDetails/index'
 export {}

package/dist/components/Item/Item.cjs

@@ -1,2 +1,2 @@
-"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),a=require("classnames"),O=require("../../hooks/styleProps.cjs"),o=require("../../types/item.cjs"),N=require("../../utils/mergeStyleProps.cjs"),_=require("../Field/HelperText.cjs"),p=require("../Icon/Icon.cjs"),x=require("./useItemStyleProps.cjs"),u=m=>{const{label:d,elementType:t="button",iconName:l,helperText:T,isSelected:n,isDisabled:c,selectionDecorator:r=o.ITEM_SELECTION_DECORATOR_ICON,...P}=m,{classProps:e,props:E}=x.useItemStyleProps({isSelected:n,isDisabled:c,selectionDecorator:r,...P}),{styleProps:I,props:i}=O.useStyleProps(E),S=N.mergeStyleProps(t,{classProps:e.root,styleProps:I,otherProps:i}),y=n&&(r===o.ITEM_SELECTION_DECORATOR_ICON||r===o.ITEM_SELECTION_DECORATOR_BOTH);return s.jsxs(t,{...i,...S,disabled:!!c&&t==="button",children:[l&&s.jsx("span",{className:a(e.icon.root,e.icon.start),children:s.jsx(p.default,{name:l})}),s.jsx("span",{className:e.label,children:d}),s.jsx(_.default,{UNSAFE_className:e.helperText,elementType:"span",helperText:T}),y&&s.jsx("span",{className:a(e.icon.root,e.icon.end),children:s.jsx(p.default,{name:"check-plain"})})]})};u.spiritComponent="Item";exports.default=u;
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),p=require("classnames"),_=require("../../hooks/styleProps.cjs"),r=require("../../types/item.cjs"),x=require("../../utils/mergeStyleProps.cjs"),h=require("../Field/HelperText.cjs"),u=require("../Icon/Icon.cjs"),C=require("./useItemStyleProps.cjs"),j={elementType:"button",selectionDecorator:r.ITEM_SELECTION_DECORATOR_ICON},n=m=>{const d={...j,...m},{elementType:P,helperText:T,iconName:l,isDisabled:c,isSelected:a,label:y,selectionDecorator:t,...I}=d,o=P,{classProps:e,props:S}=C.useItemStyleProps({isSelected:a,isDisabled:c,selectionDecorator:t,...I}),{styleProps:E,props:i}=_.useStyleProps(S),N=x.mergeStyleProps(o,{classProps:e.root,styleProps:E,otherProps:i}),O=a&&(t===r.ITEM_SELECTION_DECORATOR_ICON||t===r.ITEM_SELECTION_DECORATOR_BOTH);return s.jsxs(o,{...i,...N,disabled:!!c&&o==="button",children:[l&&s.jsx("span",{className:p(e.icon.root,e.icon.start),children:s.jsx(u.default,{name:l})}),s.jsx("span",{className:e.label,children:y}),s.jsx(h.default,{UNSAFE_className:e.helperText,elementType:"span",helperText:T}),O&&s.jsx("span",{className:p(e.icon.root,e.icon.end),children:s.jsx(u.default,{name:"check-plain"})})]})};n.spiritComponent="Item";n.displayName="Item";exports.default=n;
 //# sourceMappingURL=Item.cjs.map

package/dist/components/Item/Item.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Item.cjs","sources":["../../../src/components/Item/Item.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React, { type ElementType } from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { ITEM_SELECTION_DECORATOR_BOTH, ITEM_SELECTION_DECORATOR_ICON, type SpiritItemProps } from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { HelperText } from '../Field';\nimport { Icon } from '../Icon';\nimport { useItemStyleProps } from './useItemStyleProps';\n\nconst Item = <E extends ElementType = 'button'>(props: SpiritItemProps<E>): JSX.Element => {\n  const {\n    label,\n    elementType: ElementTag = 'button',\n    iconName,\n    helperText,\n    isSelected,\n    isDisabled,\n    selectionDecorator = ITEM_SELECTION_DECORATOR_ICON,\n    ...restProps\n  } = props;\n  const { classProps, props: modifiedProps } = useItemStyleProps({\n    isSelected,\n    isDisabled,\n    selectionDecorator,\n    ...restProps,\n  });\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps);\n  const mergedStyleProps = mergeStyleProps(ElementTag, { classProps: classProps.root, styleProps, otherProps });\n\n  const showSelectedIcon =\n    isSelected &&\n    (selectionDecorator === ITEM_SELECTION_DECORATOR_ICON || selectionDecorator === ITEM_SELECTION_DECORATOR_BOTH);\n\n  return (\n    <ElementTag {...otherProps} {...mergedStyleProps} disabled={!!isDisabled && ElementTag === 'button'}>\n      {iconName && (\n        <span className={classNames(classProps.icon.root, classProps.icon.start)}>\n          <Icon name={iconName} />\n        </span>\n      )}\n      <span className={classProps.label}>{label}</span>\n      <HelperText UNSAFE_className={classProps.helperText} elementType=\"span\" helperText={helperText} />\n      {showSelectedIcon && (\n        <span className={classNames(classProps.icon.root, classProps.icon.end)}>\n          <Icon name=\"check-plain\" />\n        </span>\n      )}\n    </ElementTag>\n  );\n};\n\nItem.spiritComponent = 'Item';\n\nexport default Item;\n"],"names":["Item","props","label","ElementTag","iconName","helperText","isSelected","isDisabled","selectionDecorator","ITEM_SELECTION_DECORATOR_ICON","restProps","classProps","modifiedProps","useItemStyleProps","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps","showSelectedIcon","ITEM_SELECTION_DECORATOR_BOTH","jsxs","jsx","classNames","Icon","HelperText"],"mappings":"qZAWMA,EAA0CC,GAA2C,CACzF,KAAM,CACJ,MAAAC,EACA,YAAaC,EAAa,SAC1B,SAAAC,EACA,WAAAC,EACA,WAAAC,EACA,WAAAC,EACA,mBAAAC,EAAqBC,EAAAA,8BACrB,GAAGC,CAAA,EACDT,EACE,CAAE,WAAAU,EAAY,MAAOC,CAAA,EAAkBC,EAAAA,kBAAkB,CAC7D,WAAAP,EACA,WAAAC,EACA,mBAAAC,EACA,GAAGE,CAAA,CACJ,EACK,CAAA,WAAEI,EAAY,MAAOC,CAAA,EAAeC,EAAAA,cAAcJ,CAAa,EAC/DK,EAAmBC,kBAAgBf,EAAY,CAAE,WAAYQ,EAAW,KAAA,WAAMG,EAAY,WAAAC,EAAY,EAEtGI,EACJb,IACCE,IAAuBC,EAAAA,+BAAiCD,IAAuBY,EAAAA,+BAElF,OACEC,OAAClB,EAAA,CAAY,GAAGY,EAAa,GAAGE,EAAkB,SAAU,CAAC,CAACV,GAAcJ,IAAe,SACxF,SAAA,CAAAC,GACCkB,EAAAA,IAAC,OAAA,CAAK,UAAWC,EAAWZ,EAAW,KAAK,KAAMA,EAAW,KAAK,KAAK,EACrE,SAAAW,EAAAA,IAACE,EAAAA,QAAA,CAAK,KAAMpB,EAAU,EACxB,EAEFkB,EAAAA,IAAC,OAAA,CAAK,UAAWX,EAAW,MAAQ,SAAAT,EAAM,QACzCuB,EAAAA,QAAA,CAAW,iBAAkBd,EAAW,WAAY,YAAY,OAAO,WAAAN,EAAwB,EAC/Fc,GACCG,EAAAA,IAAC,OAAA,CAAK,UAAWC,EAAWZ,EAAW,KAAK,KAAMA,EAAW,KAAK,GAAG,EACnE,SAAAW,EAAAA,IAACE,EAAAA,QAAA,CAAK,KAAK,cAAc,CAAA,CAC3B,CAAA,EAEJ,CAEJ,EAEAxB,EAAK,gBAAkB"}
+{"version":3,"file":"Item.cjs","sources":["../../../src/components/Item/Item.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React, { type ElementType } from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { ITEM_SELECTION_DECORATOR_BOTH, ITEM_SELECTION_DECORATOR_ICON, type SpiritItemProps } from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { HelperText } from '../Field';\nimport { Icon } from '../Icon';\nimport { useItemStyleProps } from './useItemStyleProps';\n\nconst defaultProps: Partial<SpiritItemProps> = {\n  elementType: 'button',\n  selectionDecorator: ITEM_SELECTION_DECORATOR_ICON,\n};\n\nconst Item = <E extends ElementType = 'button'>(props: SpiritItemProps<E>): JSX.Element => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { elementType, helperText, iconName, isDisabled, isSelected, label, selectionDecorator, ...restProps } =\n    propsWithDefaults;\n  const Component = elementType as ElementType;\n  const { classProps, props: modifiedProps } = useItemStyleProps({\n    isSelected,\n    isDisabled,\n    selectionDecorator,\n    ...restProps,\n  });\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps);\n  const mergedStyleProps = mergeStyleProps(Component, { classProps: classProps.root, styleProps, otherProps });\n\n  const showSelectedIcon =\n    isSelected &&\n    (selectionDecorator === ITEM_SELECTION_DECORATOR_ICON || selectionDecorator === ITEM_SELECTION_DECORATOR_BOTH);\n\n  return (\n    <Component {...otherProps} {...mergedStyleProps} disabled={!!isDisabled && Component === 'button'}>\n      {iconName && (\n        <span className={classNames(classProps.icon.root, classProps.icon.start)}>\n          <Icon name={iconName} />\n        </span>\n      )}\n      <span className={classProps.label}>{label}</span>\n      <HelperText UNSAFE_className={classProps.helperText} elementType=\"span\" helperText={helperText} />\n      {showSelectedIcon && (\n        <span className={classNames(classProps.icon.root, classProps.icon.end)}>\n          <Icon name=\"check-plain\" />\n        </span>\n      )}\n    </Component>\n  );\n};\n\nItem.spiritComponent = 'Item';\nItem.displayName = 'Item';\n\nexport default Item;\n"],"names":["defaultProps","ITEM_SELECTION_DECORATOR_ICON","Item","props","propsWithDefaults","elementType","helperText","iconName","isDisabled","isSelected","label","selectionDecorator","restProps","Component","classProps","modifiedProps","useItemStyleProps","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps","showSelectedIcon","ITEM_SELECTION_DECORATOR_BOTH","jsxs","jsx","classNames","Icon","HelperText"],"mappings":"qZAWMA,EAAyC,CAC7C,YAAa,SACb,mBAAoBC,EAAAA,6BACtB,EAEMC,EAA0CC,GAA2C,CACzF,MAAMC,EAAoB,CAAE,GAAGJ,EAAc,GAAGG,CAAA,EAC1C,CAAE,YAAAE,EAAa,WAAAC,EAAY,SAAAC,EAAU,WAAAC,EAAY,WAAAC,EAAY,MAAAC,EAAO,mBAAAC,EAAoB,GAAGC,CAAA,EAC/FR,EACIS,EAAYR,EACZ,CAAE,WAAAS,EAAY,MAAOC,CAAA,EAAkBC,EAAAA,kBAAkB,CAC7D,WAAAP,EACA,WAAAD,EACA,mBAAAG,EACA,GAAGC,CAAA,CACJ,EACK,CAAA,WAAEK,EAAY,MAAOC,CAAA,EAAeC,EAAAA,cAAcJ,CAAa,EAC/DK,EAAmBC,kBAAgBR,EAAW,CAAE,WAAYC,EAAW,KAAA,WAAMG,EAAY,WAAAC,EAAY,EAErGI,EACJb,IACCE,IAAuBV,EAAAA,+BAAiCU,IAAuBY,EAAAA,+BAElF,OACEC,OAACX,EAAA,CAAW,GAAGK,EAAa,GAAGE,EAAkB,SAAU,CAAC,CAACZ,GAAcK,IAAc,SACtF,SAAA,CAAAN,GACCkB,EAAAA,IAAC,OAAA,CAAK,UAAWC,EAAWZ,EAAW,KAAK,KAAMA,EAAW,KAAK,KAAK,EACrE,SAAAW,EAAAA,IAACE,EAAAA,QAAA,CAAK,KAAMpB,EAAU,EACxB,EAEFkB,EAAAA,IAAC,OAAA,CAAK,UAAWX,EAAW,MAAQ,SAAAJ,EAAM,QACzCkB,EAAAA,QAAA,CAAW,iBAAkBd,EAAW,WAAY,YAAY,OAAO,WAAAR,EAAwB,EAC/FgB,GACCG,EAAAA,IAAC,OAAA,CAAK,UAAWC,EAAWZ,EAAW,KAAK,KAAMA,EAAW,KAAK,GAAG,EACnE,SAAAW,EAAAA,IAACE,EAAAA,QAAA,CAAK,KAAK,cAAc,CAAA,CAC3B,CAAA,EAEJ,CAEJ,EAEAzB,EAAK,gBAAkB,OACvBA,EAAK,YAAc"}

package/dist/components/Item/Item.js

@@ -1,37 +1,32 @@
 "use client";
-import { jsxs as h, jsx as o } from "react/jsx-runtime";
-import m from "classnames";
-import { useStyleProps as S } from "../../hooks/styleProps.js";
-import { ITEM_SELECTION_DECORATOR_ICON as c, ITEM_SELECTION_DECORATOR_BOTH as u } from "../../types/item.js";
-import { mergeStyleProps as O } from "../../utils/mergeStyleProps.js";
-import y from "../Field/HelperText.js";
-import a from "../Icon/Icon.js";
-import { useItemStyleProps as _ } from "./useItemStyleProps.js";
-const b = (i) => {
-  const {
-    label: d,
-    elementType: s = "button",
-    iconName: r,
-    helperText: T,
-    isSelected: n,
-    isDisabled: p,
-    selectionDecorator: t = c,
-    ...f
-  } = i, { classProps: e, props: E } = _({
-    isSelected: n,
-    isDisabled: p,
-    selectionDecorator: t,
-    ...f
-  }), { styleProps: I, props: l } = S(E), N = O(s, { classProps: e.root, styleProps: I, otherProps: l }), P = n && (t === c || t === u);
-  return /* @__PURE__ */ h(s, { ...l, ...N, disabled: !!p && s === "button", children: [
-    r && /* @__PURE__ */ o("span", { className: m(e.icon.root, e.icon.start), children: /* @__PURE__ */ o(a, { name: r }) }),
-    /* @__PURE__ */ o("span", { className: e.label, children: d }),
-    /* @__PURE__ */ o(y, { UNSAFE_className: e.helperText, elementType: "span", helperText: T }),
-    P && /* @__PURE__ */ o("span", { className: m(e.icon.root, e.icon.end), children: /* @__PURE__ */ o(a, { name: "check-plain" }) })
+import { jsxs as S, jsx as o } from "react/jsx-runtime";
+import c from "classnames";
+import { useStyleProps as O } from "../../hooks/styleProps.js";
+import { ITEM_SELECTION_DECORATOR_ICON as a, ITEM_SELECTION_DECORATOR_BOTH as C } from "../../types/item.js";
+import { mergeStyleProps as _ } from "../../utils/mergeStyleProps.js";
+import b from "../Field/HelperText.js";
+import m from "../Icon/Icon.js";
+import { useItemStyleProps as x } from "./useItemStyleProps.js";
+const D = {
+  elementType: "button",
+  selectionDecorator: a
+}, i = (d) => {
+  const T = { ...D, ...d }, { elementType: f, helperText: I, iconName: r, isDisabled: n, isSelected: p, label: N, selectionDecorator: s, ...P } = T, t = f, { classProps: e, props: h } = x({
+    isSelected: p,
+    isDisabled: n,
+    selectionDecorator: s,
+    ...P
+  }), { styleProps: u, props: l } = O(h), y = _(t, { classProps: e.root, styleProps: u, otherProps: l }), E = p && (s === a || s === C);
+  return /* @__PURE__ */ S(t, { ...l, ...y, disabled: !!n && t === "button", children: [
+    r && /* @__PURE__ */ o("span", { className: c(e.icon.root, e.icon.start), children: /* @__PURE__ */ o(m, { name: r }) }),
+    /* @__PURE__ */ o("span", { className: e.label, children: N }),
+    /* @__PURE__ */ o(b, { UNSAFE_className: e.helperText, elementType: "span", helperText: I }),
+    E && /* @__PURE__ */ o("span", { className: c(e.icon.root, e.icon.end), children: /* @__PURE__ */ o(m, { name: "check-plain" }) })
   ] });
 };
-b.spiritComponent = "Item";
+i.spiritComponent = "Item";
+i.displayName = "Item";
 export {
-  b as default
+  i as default
 };
 //# sourceMappingURL=Item.js.map

package/dist/components/Item/Item.js.map

@@ -1 +1 @@
-{"version":3,"file":"Item.js","sources":["../../../src/components/Item/Item.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React, { type ElementType } from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { ITEM_SELECTION_DECORATOR_BOTH, ITEM_SELECTION_DECORATOR_ICON, type SpiritItemProps } from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { HelperText } from '../Field';\nimport { Icon } from '../Icon';\nimport { useItemStyleProps } from './useItemStyleProps';\n\nconst Item = <E extends ElementType = 'button'>(props: SpiritItemProps<E>): JSX.Element => {\n  const {\n    label,\n    elementType: ElementTag = 'button',\n    iconName,\n    helperText,\n    isSelected,\n    isDisabled,\n    selectionDecorator = ITEM_SELECTION_DECORATOR_ICON,\n    ...restProps\n  } = props;\n  const { classProps, props: modifiedProps } = useItemStyleProps({\n    isSelected,\n    isDisabled,\n    selectionDecorator,\n    ...restProps,\n  });\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps);\n  const mergedStyleProps = mergeStyleProps(ElementTag, { classProps: classProps.root, styleProps, otherProps });\n\n  const showSelectedIcon =\n    isSelected &&\n    (selectionDecorator === ITEM_SELECTION_DECORATOR_ICON || selectionDecorator === ITEM_SELECTION_DECORATOR_BOTH);\n\n  return (\n    <ElementTag {...otherProps} {...mergedStyleProps} disabled={!!isDisabled && ElementTag === 'button'}>\n      {iconName && (\n        <span className={classNames(classProps.icon.root, classProps.icon.start)}>\n          <Icon name={iconName} />\n        </span>\n      )}\n      <span className={classProps.label}>{label}</span>\n      <HelperText UNSAFE_className={classProps.helperText} elementType=\"span\" helperText={helperText} />\n      {showSelectedIcon && (\n        <span className={classNames(classProps.icon.root, classProps.icon.end)}>\n          <Icon name=\"check-plain\" />\n        </span>\n      )}\n    </ElementTag>\n  );\n};\n\nItem.spiritComponent = 'Item';\n\nexport default Item;\n"],"names":["Item","props","label","ElementTag","iconName","helperText","isSelected","isDisabled","selectionDecorator","ITEM_SELECTION_DECORATOR_ICON","restProps","classProps","modifiedProps","useItemStyleProps","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps","showSelectedIcon","ITEM_SELECTION_DECORATOR_BOTH","jsxs","jsx","classNames","Icon","HelperText"],"mappings":";;;;;;;;;AAWA,MAAMA,IAAO,CAAmCC,MAA2C;AACzF,QAAM;AAAA,IACJ,OAAAC;AAAA,IACA,aAAaC,IAAa;AAAA,IAC1B,UAAAC;AAAA,IACA,YAAAC;AAAA,IACA,YAAAC;AAAA,IACA,YAAAC;AAAA,IACA,oBAAAC,IAAqBC;AAAA,IACrB,GAAGC;AAAA,EAAA,IACDT,GACE,EAAE,YAAAU,GAAY,OAAOC,EAAA,IAAkBC,EAAkB;AAAA,IAC7D,YAAAP;AAAA,IACA,YAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,GAAGE;AAAA,EAAA,CACJ,GACK,EAAE,YAAAI,GAAY,OAAOC,EAAA,IAAeC,EAAcJ,CAAa,GAC/DK,IAAmBC,EAAgBf,GAAY,EAAE,YAAYQ,EAAW,MAAM,YAAAG,GAAY,YAAAC,GAAY,GAEtGI,IACJb,MACCE,MAAuBC,KAAiCD,MAAuBY;AAElF,SACE,gBAAAC,EAAClB,GAAA,EAAY,GAAGY,GAAa,GAAGE,GAAkB,UAAU,CAAC,CAACV,KAAcJ,MAAe,UACxF,UAAA;AAAA,IAAAC,KACC,gBAAAkB,EAAC,QAAA,EAAK,WAAWC,EAAWZ,EAAW,KAAK,MAAMA,EAAW,KAAK,KAAK,GACrE,UAAA,gBAAAW,EAACE,GAAA,EAAK,MAAMpB,GAAU,GACxB;AAAA,IAEF,gBAAAkB,EAAC,QAAA,EAAK,WAAWX,EAAW,OAAQ,UAAAT,GAAM;AAAA,sBACzCuB,GAAA,EAAW,kBAAkBd,EAAW,YAAY,aAAY,QAAO,YAAAN,GAAwB;AAAA,IAC/Fc,KACC,gBAAAG,EAAC,QAAA,EAAK,WAAWC,EAAWZ,EAAW,KAAK,MAAMA,EAAW,KAAK,GAAG,GACnE,UAAA,gBAAAW,EAACE,GAAA,EAAK,MAAK,eAAc,EAAA,CAC3B;AAAA,EAAA,GAEJ;AAEJ;AAEAxB,EAAK,kBAAkB;"}
+{"version":3,"file":"Item.js","sources":["../../../src/components/Item/Item.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React, { type ElementType } from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { ITEM_SELECTION_DECORATOR_BOTH, ITEM_SELECTION_DECORATOR_ICON, type SpiritItemProps } from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { HelperText } from '../Field';\nimport { Icon } from '../Icon';\nimport { useItemStyleProps } from './useItemStyleProps';\n\nconst defaultProps: Partial<SpiritItemProps> = {\n  elementType: 'button',\n  selectionDecorator: ITEM_SELECTION_DECORATOR_ICON,\n};\n\nconst Item = <E extends ElementType = 'button'>(props: SpiritItemProps<E>): JSX.Element => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { elementType, helperText, iconName, isDisabled, isSelected, label, selectionDecorator, ...restProps } =\n    propsWithDefaults;\n  const Component = elementType as ElementType;\n  const { classProps, props: modifiedProps } = useItemStyleProps({\n    isSelected,\n    isDisabled,\n    selectionDecorator,\n    ...restProps,\n  });\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps);\n  const mergedStyleProps = mergeStyleProps(Component, { classProps: classProps.root, styleProps, otherProps });\n\n  const showSelectedIcon =\n    isSelected &&\n    (selectionDecorator === ITEM_SELECTION_DECORATOR_ICON || selectionDecorator === ITEM_SELECTION_DECORATOR_BOTH);\n\n  return (\n    <Component {...otherProps} {...mergedStyleProps} disabled={!!isDisabled && Component === 'button'}>\n      {iconName && (\n        <span className={classNames(classProps.icon.root, classProps.icon.start)}>\n          <Icon name={iconName} />\n        </span>\n      )}\n      <span className={classProps.label}>{label}</span>\n      <HelperText UNSAFE_className={classProps.helperText} elementType=\"span\" helperText={helperText} />\n      {showSelectedIcon && (\n        <span className={classNames(classProps.icon.root, classProps.icon.end)}>\n          <Icon name=\"check-plain\" />\n        </span>\n      )}\n    </Component>\n  );\n};\n\nItem.spiritComponent = 'Item';\nItem.displayName = 'Item';\n\nexport default Item;\n"],"names":["defaultProps","ITEM_SELECTION_DECORATOR_ICON","Item","props","propsWithDefaults","elementType","helperText","iconName","isDisabled","isSelected","label","selectionDecorator","restProps","Component","classProps","modifiedProps","useItemStyleProps","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps","showSelectedIcon","ITEM_SELECTION_DECORATOR_BOTH","jsxs","jsx","classNames","Icon","HelperText"],"mappings":";;;;;;;;;AAWA,MAAMA,IAAyC;AAAA,EAC7C,aAAa;AAAA,EACb,oBAAoBC;AACtB,GAEMC,IAAO,CAAmCC,MAA2C;AACzF,QAAMC,IAAoB,EAAE,GAAGJ,GAAc,GAAGG,EAAA,GAC1C,EAAE,aAAAE,GAAa,YAAAC,GAAY,UAAAC,GAAU,YAAAC,GAAY,YAAAC,GAAY,OAAAC,GAAO,oBAAAC,GAAoB,GAAGC,EAAA,IAC/FR,GACIS,IAAYR,GACZ,EAAE,YAAAS,GAAY,OAAOC,EAAA,IAAkBC,EAAkB;AAAA,IAC7D,YAAAP;AAAA,IACA,YAAAD;AAAA,IACA,oBAAAG;AAAA,IACA,GAAGC;AAAA,EAAA,CACJ,GACK,EAAE,YAAAK,GAAY,OAAOC,EAAA,IAAeC,EAAcJ,CAAa,GAC/DK,IAAmBC,EAAgBR,GAAW,EAAE,YAAYC,EAAW,MAAM,YAAAG,GAAY,YAAAC,GAAY,GAErGI,IACJb,MACCE,MAAuBV,KAAiCU,MAAuBY;AAElF,SACE,gBAAAC,EAACX,GAAA,EAAW,GAAGK,GAAa,GAAGE,GAAkB,UAAU,CAAC,CAACZ,KAAcK,MAAc,UACtF,UAAA;AAAA,IAAAN,KACC,gBAAAkB,EAAC,QAAA,EAAK,WAAWC,EAAWZ,EAAW,KAAK,MAAMA,EAAW,KAAK,KAAK,GACrE,UAAA,gBAAAW,EAACE,GAAA,EAAK,MAAMpB,GAAU,GACxB;AAAA,IAEF,gBAAAkB,EAAC,QAAA,EAAK,WAAWX,EAAW,OAAQ,UAAAJ,GAAM;AAAA,sBACzCkB,GAAA,EAAW,kBAAkBd,EAAW,YAAY,aAAY,QAAO,YAAAR,GAAwB;AAAA,IAC/FgB,KACC,gBAAAG,EAAC,QAAA,EAAK,WAAWC,EAAWZ,EAAW,KAAK,MAAMA,EAAW,KAAK,GAAG,GACnE,UAAA,gBAAAW,EAACE,GAAA,EAAK,MAAK,eAAc,EAAA,CAC3B;AAAA,EAAA,GAEJ;AAEJ;AAEAzB,EAAK,kBAAkB;AACvBA,EAAK,cAAc;"}

package/dist/components/Item/useItemStyleProps.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const T=require("classnames"),p=require("../../hooks/useClassNamePrefix.cjs"),o=require("../../types/item.cjs");function I(l){const{isDisabled:r,isSelected:c,selectionDecorator:t,...n}=l,e=p.useClassNamePrefix("Item"),a=`${e}--disabled`,i=`${e}--selected`,m=`${e}__helperText`,C=`${e}__label`,s=`${e}__icon`,d=`${s}--start`,u=`${s}--end`,_=c&&(t===o.ITEM_SELECTION_DECORATOR_BACKGROUND||t===o.ITEM_SELECTION_DECORATOR_BOTH),S=T(e,{[a]:r,[i]:_});return{classProps:{helperText:m,icon:{root:s,start:d,end:u},label:C,root:S},props:n}}exports.useItemStyleProps=I;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const T=require("classnames"),p=require("../../hooks/useClassNamePrefix.cjs"),o=require("../../types/item.cjs");function I(l){const{isDisabled:r,isSelected:c,selectionDecorator:t,...a}=l,e=p.useClassNamePrefix("Item"),n=`${e}--disabled`,i=`${e}--selected`,m=`${e}__helperText`,C=`${e}__label`,s=`${e}__icon`,d=`${s}--start`,u=`${s}--end`,_=c&&(t===o.ITEM_SELECTION_DECORATOR_BACKGROUND||t===o.ITEM_SELECTION_DECORATOR_BOTH);return{classProps:{helperText:m,icon:{root:s,start:d,end:u},label:C,root:T(e,{[n]:r,[i]:_})},props:a}}exports.useItemStyleProps=I;
 //# sourceMappingURL=useItemStyleProps.cjs.map