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

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

@@ -0,0 +1,26 @@
+"use client";
+import { jsxs as i, jsx as t } from "react/jsx-runtime";
+import { StrictMode as r } from "react";
+import e from "../../../web-react/docs/DocsSection.js";
+import n from "./HeadingAlignment.js";
+import o from "./HeadingBalanced.js";
+import l from "./HeadingDefault.js";
+import m from "./HeadingEmphasis.js";
+import c from "./HeadingHyphens.js";
+import a from "./HeadingSizes.js";
+import s from "./HeadingTextColor.js";
+import d from "./HeadingWordBreak.js";
+const W = () => /* @__PURE__ */ i(r, { children: [
+  /* @__PURE__ */ t(e, { title: "Default", children: /* @__PURE__ */ t(l, {}) }),
+  /* @__PURE__ */ t(e, { title: "Sizes", children: /* @__PURE__ */ t(a, {}) }),
+  /* @__PURE__ */ t(e, { title: "Emphasis", children: /* @__PURE__ */ t(m, {}) }),
+  /* @__PURE__ */ t(e, { title: "Colors", children: /* @__PURE__ */ t(s, {}) }),
+  /* @__PURE__ */ t(e, { title: "Alignment", stackAlignment: "stretch", children: /* @__PURE__ */ t(n, {}) }),
+  /* @__PURE__ */ t(e, { title: "Balanced Wrapping", stackAlignment: "stretch", children: /* @__PURE__ */ t(o, {}) }),
+  /* @__PURE__ */ t(e, { title: "Word Break", stackAlignment: "stretch", children: /* @__PURE__ */ t(d, {}) }),
+  /* @__PURE__ */ t(e, { title: "Text Hyphens", stackAlignment: "stretch", children: /* @__PURE__ */ t(c, {}) })
+] });
+export {
+  W as Preview
+};
+//# sourceMappingURL=preview.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"preview.js","sources":["../../../../src/components/Heading/demo/preview.tsx"],"sourcesContent":["'use client';\n\nimport React, { StrictMode } from 'react';\nimport DocsSection from '../../../../docs/DocsSection';\nimport HeadingAlignment from './HeadingAlignment';\nimport HeadingBalanced from './HeadingBalanced';\nimport HeadingDefault from './HeadingDefault';\nimport HeadingEmphasis from './HeadingEmphasis';\nimport HeadingHyphens from './HeadingHyphens';\nimport HeadingSizes from './HeadingSizes';\nimport HeadingTextColor from './HeadingTextColor';\nimport HeadingWordBreak from './HeadingWordBreak';\n\nexport const Preview = () => (\n  <StrictMode>\n    <DocsSection title=\"Default\">\n      <HeadingDefault />\n    </DocsSection>\n    <DocsSection title=\"Sizes\">\n      <HeadingSizes />\n    </DocsSection>\n    <DocsSection title=\"Emphasis\">\n      <HeadingEmphasis />\n    </DocsSection>\n    <DocsSection title=\"Colors\">\n      <HeadingTextColor />\n    </DocsSection>\n    <DocsSection title=\"Alignment\" stackAlignment=\"stretch\">\n      <HeadingAlignment />\n    </DocsSection>\n    <DocsSection title=\"Balanced Wrapping\" stackAlignment=\"stretch\">\n      <HeadingBalanced />\n    </DocsSection>\n    <DocsSection title=\"Word Break\" stackAlignment=\"stretch\">\n      <HeadingWordBreak />\n    </DocsSection>\n    <DocsSection title=\"Text Hyphens\" stackAlignment=\"stretch\">\n      <HeadingHyphens />\n    </DocsSection>\n  </StrictMode>\n);\n"],"names":["Preview","jsxs","StrictMode","jsx","DocsSection","HeadingDefault","HeadingSizes","HeadingEmphasis","HeadingTextColor","HeadingAlignment","HeadingBalanced","HeadingWordBreak","HeadingHyphens"],"mappings":";;;;;;;;;;;;AAaO,MAAMA,IAAU,MACrB,gBAAAC,EAACC,GAAA,EACC,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAA,EAAY,OAAM,WACjB,UAAA,gBAAAD,EAACE,KAAe,GAClB;AAAA,oBACCD,GAAA,EAAY,OAAM,SACjB,UAAA,gBAAAD,EAACG,KAAa,GAChB;AAAA,oBACCF,GAAA,EAAY,OAAM,YACjB,UAAA,gBAAAD,EAACI,KAAgB,GACnB;AAAA,oBACCH,GAAA,EAAY,OAAM,UACjB,UAAA,gBAAAD,EAACK,KAAiB,GACpB;AAAA,EACA,gBAAAL,EAACC,KAAY,OAAM,aAAY,gBAAe,WAC5C,UAAA,gBAAAD,EAACM,KAAiB,EAAA,CACpB;AAAA,EACA,gBAAAN,EAACC,KAAY,OAAM,qBAAoB,gBAAe,WACpD,UAAA,gBAAAD,EAACO,KAAgB,EAAA,CACnB;AAAA,EACA,gBAAAP,EAACC,KAAY,OAAM,cAAa,gBAAe,WAC7C,UAAA,gBAAAD,EAACQ,KAAiB,EAAA,CACpB;AAAA,EACA,gBAAAR,EAACC,KAAY,OAAM,gBAAe,gBAAe,WAC/C,UAAA,gBAAAD,EAACS,KAAe,EAAA,CAClB;AAAA,EAAA,CACF;"}

package/dist/components/Heading/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/Heading/preview/index.cjs.map

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

package/dist/components/Heading/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/Heading/preview/index.js.map

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

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

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

package/dist/components/Heading/useHeadingStyleProps.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useHeadingStyleProps.cjs","sources":["../../../src/components/Heading/useHeadingStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { type ElementType } from 'react';\nimport { useClassNamePrefix } from '../../hooks';\nimport { type HeadingProps, type SpiritHeadingProps } from '../../types';\n\nexport interface HeadingStyles<E extends ElementType> {\n  /** className props */\n  classProps: string | null;\n  /** props to be passed to the input element */\n  props: Omit<HeadingProps<E>, 'elementType'>;\n}\n\nexport function useHeadingStyleProps<E extends ElementType, S = void, Emph = void>(\n  props: Omit<SpiritHeadingProps<E, S, Emph>, 'elementType'>,\n): HeadingStyles<E> {\n  const { emphasis, size, textColor, ...restProps } = props;\n\n  const headingClass = useClassNamePrefix('typography-heading');\n  const headingTextColorClass = useClassNamePrefix(textColor ? `text-${textColor}` : '');\n  const className = classNames(`${headingClass}-${size}-${emphasis}`, {\n    [headingTextColorClass]: !!textColor,\n  });\n\n  return {\n    classProps: className,\n    props: restProps,\n  };\n}\n"],"names":["useHeadingStyleProps","props","emphasis","size","textColor","restProps","headingClass","useClassNamePrefix","headingTextColorClass","classNames"],"mappings":"8JAYO,SAASA,EACdC,EACkB,CAClB,KAAM,CAAE,SAAAC,EAAU,KAAAC,EAAM,UAAAC,EAAW,GAAGC,GAAcJ,EAE9CK,EAAeC,EAAAA,mBAAmB,oBAAoB,EACtDC,EAAwBD,EAAAA,mBAAmBH,EAAY,QAAQA,CAAS,GAAK,EAAE,EAKrF,MAAO,CACL,WALgBK,EAAW,GAAGH,CAAY,IAAIH,CAAI,IAAID,CAAQ,GAAI,CAClE,CAACM,CAAqB,EAAG,CAAC,CAACJ,CAAA,CAC5B,EAIC,MAAOC,CAAA,CAEX"}
+{"version":3,"file":"useHeadingStyleProps.cjs","sources":["../../../src/components/Heading/useHeadingStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { useClassNamePrefix } from '../../hooks';\nimport { type HeadingProps } from '../../types';\n\nexport function useHeadingStyleProps<S = void, Emph = void, C = void>(props: HeadingProps<S, Emph, C>) {\n  const { emphasis, size, textColor, ...restProps } = props;\n\n  const headingClass = useClassNamePrefix('typography-heading');\n  const headingTextColorClass = useClassNamePrefix(textColor ? `text-${textColor}` : '');\n  const className = classNames(`${headingClass}-${size}-${emphasis}`, {\n    [headingTextColorClass]: !!textColor,\n  });\n\n  return {\n    classProps: className,\n    props: restProps,\n  };\n}\n"],"names":["useHeadingStyleProps","props","emphasis","size","textColor","restProps","headingClass","useClassNamePrefix","headingTextColorClass","classNames"],"mappings":"8JAIO,SAASA,EAAsDC,EAAiC,CACrG,KAAM,CAAE,SAAAC,EAAU,KAAAC,EAAM,UAAAC,EAAW,GAAGC,GAAcJ,EAE9CK,EAAeC,EAAAA,mBAAmB,oBAAoB,EACtDC,EAAwBD,EAAAA,mBAAmBH,EAAY,QAAQA,CAAS,GAAK,EAAE,EAKrF,MAAO,CACL,WALgBK,EAAW,GAAGH,CAAY,IAAIH,CAAI,IAAID,CAAQ,GAAI,CAClE,CAACM,CAAqB,EAAG,CAAC,CAACJ,CAAA,CAC5B,EAIC,MAAOC,CAAA,CAEX"}

package/dist/components/Heading/useHeadingStyleProps.js.map

@@ -1 +1 @@
-{"version":3,"file":"useHeadingStyleProps.js","sources":["../../../src/components/Heading/useHeadingStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { type ElementType } from 'react';\nimport { useClassNamePrefix } from '../../hooks';\nimport { type HeadingProps, type SpiritHeadingProps } from '../../types';\n\nexport interface HeadingStyles<E extends ElementType> {\n  /** className props */\n  classProps: string | null;\n  /** props to be passed to the input element */\n  props: Omit<HeadingProps<E>, 'elementType'>;\n}\n\nexport function useHeadingStyleProps<E extends ElementType, S = void, Emph = void>(\n  props: Omit<SpiritHeadingProps<E, S, Emph>, 'elementType'>,\n): HeadingStyles<E> {\n  const { emphasis, size, textColor, ...restProps } = props;\n\n  const headingClass = useClassNamePrefix('typography-heading');\n  const headingTextColorClass = useClassNamePrefix(textColor ? `text-${textColor}` : '');\n  const className = classNames(`${headingClass}-${size}-${emphasis}`, {\n    [headingTextColorClass]: !!textColor,\n  });\n\n  return {\n    classProps: className,\n    props: restProps,\n  };\n}\n"],"names":["useHeadingStyleProps","props","emphasis","size","textColor","restProps","headingClass","useClassNamePrefix","headingTextColorClass","classNames"],"mappings":";;AAYO,SAASA,EACdC,GACkB;AAClB,QAAM,EAAE,UAAAC,GAAU,MAAAC,GAAM,WAAAC,GAAW,GAAGC,MAAcJ,GAE9CK,IAAeC,EAAmB,oBAAoB,GACtDC,IAAwBD,EAAmBH,IAAY,QAAQA,CAAS,KAAK,EAAE;AAKrF,SAAO;AAAA,IACL,YALgBK,EAAW,GAAGH,CAAY,IAAIH,CAAI,IAAID,CAAQ,IAAI;AAAA,MAClE,CAACM,CAAqB,GAAG,CAAC,CAACJ;AAAA,IAAA,CAC5B;AAAA,IAIC,OAAOC;AAAA,EAAA;AAEX;"}
+{"version":3,"file":"useHeadingStyleProps.js","sources":["../../../src/components/Heading/useHeadingStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { useClassNamePrefix } from '../../hooks';\nimport { type HeadingProps } from '../../types';\n\nexport function useHeadingStyleProps<S = void, Emph = void, C = void>(props: HeadingProps<S, Emph, C>) {\n  const { emphasis, size, textColor, ...restProps } = props;\n\n  const headingClass = useClassNamePrefix('typography-heading');\n  const headingTextColorClass = useClassNamePrefix(textColor ? `text-${textColor}` : '');\n  const className = classNames(`${headingClass}-${size}-${emphasis}`, {\n    [headingTextColorClass]: !!textColor,\n  });\n\n  return {\n    classProps: className,\n    props: restProps,\n  };\n}\n"],"names":["useHeadingStyleProps","props","emphasis","size","textColor","restProps","headingClass","useClassNamePrefix","headingTextColorClass","classNames"],"mappings":";;AAIO,SAASA,EAAsDC,GAAiC;AACrG,QAAM,EAAE,UAAAC,GAAU,MAAAC,GAAM,WAAAC,GAAW,GAAGC,MAAcJ,GAE9CK,IAAeC,EAAmB,oBAAoB,GACtDC,IAAwBD,EAAmBH,IAAY,QAAQA,CAAS,KAAK,EAAE;AAKrF,SAAO;AAAA,IACL,YALgBK,EAAW,GAAGH,CAAY,IAAIH,CAAI,IAAID,CAAQ,IAAI;AAAA,MAClE,CAACM,CAAqB,GAAG,CAAC,CAACJ;AAAA,IAAA,CAC5B;AAAA,IAIC,OAAOC;AAAA,EAAA;AAEX;"}

package/dist/components/Heading.d.ts

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

package/dist/components/Hidden/demo/HiddenDefault.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("../Hidden.cjs"),u=()=>e.jsx(t.default,{children:"Content (always visible by default)"});exports.default=u;
+//# sourceMappingURL=HiddenDefault.cjs.map

package/dist/components/Hidden/demo/HiddenDefault.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"HiddenDefault.cjs","sources":["../../../../src/components/Hidden/demo/HiddenDefault.tsx"],"sourcesContent":["import React from 'react';\nimport Hidden from '../Hidden';\n\nconst HiddenDefault = () => <Hidden>Content (always visible by default)</Hidden>;\n\nexport default HiddenDefault;\n"],"names":["HiddenDefault","jsx","Hidden"],"mappings":"4KAGMA,EAAgB,IAAMC,EAAAA,IAACC,EAAAA,QAAA,CAAO,SAAA,qCAAA,CAAmC"}

package/dist/components/Hidden/demo/HiddenDefault.js

@@ -0,0 +1,7 @@
+import { jsx as t } from "react/jsx-runtime";
+import e from "../Hidden.js";
+const o = () => /* @__PURE__ */ t(e, { children: "Content (always visible by default)" });
+export {
+  o as default
+};
+//# sourceMappingURL=HiddenDefault.js.map

package/dist/components/Hidden/demo/HiddenDefault.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HiddenDefault.js","sources":["../../../../src/components/Hidden/demo/HiddenDefault.tsx"],"sourcesContent":["import React from 'react';\nimport Hidden from '../Hidden';\n\nconst HiddenDefault = () => <Hidden>Content (always visible by default)</Hidden>;\n\nexport default HiddenDefault;\n"],"names":["HiddenDefault","jsx","Hidden"],"mappings":";;AAGA,MAAMA,IAAgB,MAAM,gBAAAC,EAACC,GAAA,EAAO,UAAA,sCAAA,CAAmC;"}

package/dist/components/Hidden/demo/HiddenFrom.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("../Hidden.cjs"),d=()=>e.jsxs(e.Fragment,{children:[e.jsx(t.default,{from:"tablet",children:"Hidden from tablet onwards (mobile only)"}),e.jsx(t.default,{from:"desktop",children:"Hidden from desktop onwards (mobile and tablet)"})]});exports.default=d;
+//# sourceMappingURL=HiddenFrom.cjs.map

package/dist/components/Hidden/demo/HiddenFrom.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"HiddenFrom.cjs","sources":["../../../../src/components/Hidden/demo/HiddenFrom.tsx"],"sourcesContent":["import React from 'react';\nimport Hidden from '../Hidden';\n\nconst HiddenFrom = () => (\n  <>\n    <Hidden from=\"tablet\">Hidden from tablet onwards (mobile only)</Hidden>\n    <Hidden from=\"desktop\">Hidden from desktop onwards (mobile and tablet)</Hidden>\n  </>\n);\n\nexport default HiddenFrom;\n"],"names":["HiddenFrom","jsxs","Fragment","jsx","Hidden"],"mappings":"4KAGMA,EAAa,IACjBC,EAAAA,KAAAC,EAAAA,SAAA,CACE,SAAA,CAAAC,EAAAA,IAACC,EAAAA,QAAA,CAAO,KAAK,SAAS,SAAA,2CAAwC,EAC9DD,EAAAA,IAACC,EAAAA,QAAA,CAAO,KAAK,UAAU,SAAA,iDAAA,CAA+C,CAAA,CAAA,CACxE"}

package/dist/components/Hidden/demo/HiddenFrom.js

@@ -0,0 +1,10 @@
+import { jsxs as d, Fragment as r, jsx as e } from "react/jsx-runtime";
+import o from "../Hidden.js";
+const i = () => /* @__PURE__ */ d(r, { children: [
+  /* @__PURE__ */ e(o, { from: "tablet", children: "Hidden from tablet onwards (mobile only)" }),
+  /* @__PURE__ */ e(o, { from: "desktop", children: "Hidden from desktop onwards (mobile and tablet)" })
+] });
+export {
+  i as default
+};
+//# sourceMappingURL=HiddenFrom.js.map

package/dist/components/Hidden/demo/HiddenFrom.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HiddenFrom.js","sources":["../../../../src/components/Hidden/demo/HiddenFrom.tsx"],"sourcesContent":["import React from 'react';\nimport Hidden from '../Hidden';\n\nconst HiddenFrom = () => (\n  <>\n    <Hidden from=\"tablet\">Hidden from tablet onwards (mobile only)</Hidden>\n    <Hidden from=\"desktop\">Hidden from desktop onwards (mobile and tablet)</Hidden>\n  </>\n);\n\nexport default HiddenFrom;\n"],"names":["HiddenFrom","jsxs","Fragment","jsx","Hidden"],"mappings":";;AAGA,MAAMA,IAAa,MACjB,gBAAAC,EAAAC,GAAA,EACE,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAA,EAAO,MAAK,UAAS,UAAA,4CAAwC;AAAA,EAC9D,gBAAAD,EAACC,GAAA,EAAO,MAAK,WAAU,UAAA,kDAAA,CAA+C;AAAA,EAAA,CACxE;"}

package/dist/components/Hidden/demo/HiddenOn.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),n=require("../Hidden.cjs"),t=()=>e.jsxs(e.Fragment,{children:[e.jsx(n.default,{on:"mobile",children:"Hidden on mobile only"}),e.jsx(n.default,{on:"tablet",children:"Hidden on tablet only"}),e.jsx(n.default,{on:["mobile","tablet"],children:"Hidden on mobile and tablet"})]});exports.default=t;
+//# sourceMappingURL=HiddenOn.cjs.map

package/dist/components/Hidden/demo/HiddenOn.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"HiddenOn.cjs","sources":["../../../../src/components/Hidden/demo/HiddenOn.tsx"],"sourcesContent":["import React from 'react';\nimport Hidden from '../Hidden';\n\nconst HiddenOn = () => (\n  <>\n    <Hidden on=\"mobile\">Hidden on mobile only</Hidden>\n    <Hidden on=\"tablet\">Hidden on tablet only</Hidden>\n    <Hidden on={['mobile', 'tablet']}>Hidden on mobile and tablet</Hidden>\n  </>\n);\n\nexport default HiddenOn;\n"],"names":["HiddenOn","jsxs","Fragment","jsx","Hidden"],"mappings":"4KAGMA,EAAW,IACfC,EAAAA,KAAAC,EAAAA,SAAA,CACE,SAAA,CAAAC,EAAAA,IAACC,EAAAA,QAAA,CAAO,GAAG,SAAS,SAAA,wBAAqB,EACzCD,EAAAA,IAACC,EAAAA,QAAA,CAAO,GAAG,SAAS,SAAA,wBAAqB,QACxCA,EAAAA,QAAA,CAAO,GAAI,CAAC,SAAU,QAAQ,EAAG,SAAA,6BAAA,CAA2B,CAAA,CAAA,CAC/D"}

package/dist/components/Hidden/demo/HiddenOn.js

@@ -0,0 +1,11 @@
+import { jsxs as o, Fragment as d, jsx as e } from "react/jsx-runtime";
+import n from "../Hidden.js";
+const l = () => /* @__PURE__ */ o(d, { children: [
+  /* @__PURE__ */ e(n, { on: "mobile", children: "Hidden on mobile only" }),
+  /* @__PURE__ */ e(n, { on: "tablet", children: "Hidden on tablet only" }),
+  /* @__PURE__ */ e(n, { on: ["mobile", "tablet"], children: "Hidden on mobile and tablet" })
+] });
+export {
+  l as default
+};
+//# sourceMappingURL=HiddenOn.js.map

package/dist/components/Hidden/demo/HiddenOn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HiddenOn.js","sources":["../../../../src/components/Hidden/demo/HiddenOn.tsx"],"sourcesContent":["import React from 'react';\nimport Hidden from '../Hidden';\n\nconst HiddenOn = () => (\n  <>\n    <Hidden on=\"mobile\">Hidden on mobile only</Hidden>\n    <Hidden on=\"tablet\">Hidden on tablet only</Hidden>\n    <Hidden on={['mobile', 'tablet']}>Hidden on mobile and tablet</Hidden>\n  </>\n);\n\nexport default HiddenOn;\n"],"names":["HiddenOn","jsxs","Fragment","jsx","Hidden"],"mappings":";;AAGA,MAAMA,IAAW,MACf,gBAAAC,EAAAC,GAAA,EACE,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAA,EAAO,IAAG,UAAS,UAAA,yBAAqB;AAAA,EACzC,gBAAAD,EAACC,GAAA,EAAO,IAAG,UAAS,UAAA,yBAAqB;AAAA,oBACxCA,GAAA,EAAO,IAAI,CAAC,UAAU,QAAQ,GAAG,UAAA,8BAAA,CAA2B;AAAA,EAAA,CAC/D;"}

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

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("react"),t=require("../../../web-react/docs/DocsSection.cjs"),r=require("./HiddenDefault.cjs"),n=require("./HiddenFrom.cjs"),d=require("./HiddenOn.cjs"),s=()=>e.jsxs(i.StrictMode,{children:[e.jsx(t.default,{title:"Default",children:e.jsx(r.default,{})}),e.jsx(t.default,{title:"Hidden on Specific Breakpoints",children:e.jsx(d.default,{})}),e.jsx(t.default,{title:"Hidden from Breakpoint Onwards",children:e.jsx(n.default,{})})]});exports.Preview=s;
+//# sourceMappingURL=preview.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"preview.cjs","sources":["../../../../src/components/Hidden/demo/preview.tsx"],"sourcesContent":["'use client';\n\nimport React, { StrictMode } from 'react';\nimport DocsSection from '../../../../docs/DocsSection';\nimport HiddenDefault from './HiddenDefault';\nimport HiddenFrom from './HiddenFrom';\nimport HiddenOn from './HiddenOn';\n\nexport const Preview = () => (\n  <StrictMode>\n    <DocsSection title=\"Default\">\n      <HiddenDefault />\n    </DocsSection>\n\n    <DocsSection title=\"Hidden on Specific Breakpoints\">\n      <HiddenOn />\n    </DocsSection>\n\n    <DocsSection title=\"Hidden from Breakpoint Onwards\">\n      <HiddenFrom />\n    </DocsSection>\n  </StrictMode>\n);\n"],"names":["Preview","jsxs","StrictMode","jsx","DocsSection","HiddenDefault","HiddenOn","HiddenFrom"],"mappings":"qSAQaA,EAAU,IACrBC,EAAAA,KAACC,EAAAA,WAAA,CACC,SAAA,CAAAC,MAACC,EAAAA,QAAA,CAAY,MAAM,UACjB,SAAAD,MAACE,EAAAA,UAAc,EACjB,QAECD,EAAAA,QAAA,CAAY,MAAM,iCACjB,SAAAD,MAACG,EAAAA,UAAS,EACZ,QAECF,EAAAA,QAAA,CAAY,MAAM,iCACjB,SAAAD,EAAAA,IAACI,YAAW,CAAA,CACd,CAAA,CAAA,CACF"}

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

@@ -0,0 +1,16 @@
+"use client";
+import { jsxs as r, jsx as i } from "react/jsx-runtime";
+import { StrictMode as t } from "react";
+import e from "../../../web-react/docs/DocsSection.js";
+import o from "./HiddenDefault.js";
+import n from "./HiddenFrom.js";
+import d from "./HiddenOn.js";
+const a = () => /* @__PURE__ */ r(t, { children: [
+  /* @__PURE__ */ i(e, { title: "Default", children: /* @__PURE__ */ i(o, {}) }),
+  /* @__PURE__ */ i(e, { title: "Hidden on Specific Breakpoints", children: /* @__PURE__ */ i(d, {}) }),
+  /* @__PURE__ */ i(e, { title: "Hidden from Breakpoint Onwards", children: /* @__PURE__ */ i(n, {}) })
+] });
+export {
+  a as Preview
+};
+//# sourceMappingURL=preview.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"preview.js","sources":["../../../../src/components/Hidden/demo/preview.tsx"],"sourcesContent":["'use client';\n\nimport React, { StrictMode } from 'react';\nimport DocsSection from '../../../../docs/DocsSection';\nimport HiddenDefault from './HiddenDefault';\nimport HiddenFrom from './HiddenFrom';\nimport HiddenOn from './HiddenOn';\n\nexport const Preview = () => (\n  <StrictMode>\n    <DocsSection title=\"Default\">\n      <HiddenDefault />\n    </DocsSection>\n\n    <DocsSection title=\"Hidden on Specific Breakpoints\">\n      <HiddenOn />\n    </DocsSection>\n\n    <DocsSection title=\"Hidden from Breakpoint Onwards\">\n      <HiddenFrom />\n    </DocsSection>\n  </StrictMode>\n);\n"],"names":["Preview","jsxs","StrictMode","jsx","DocsSection","HiddenDefault","HiddenOn","HiddenFrom"],"mappings":";;;;;;;AAQO,MAAMA,IAAU,MACrB,gBAAAC,EAACC,GAAA,EACC,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAA,EAAY,OAAM,WACjB,UAAA,gBAAAD,EAACE,KAAc,GACjB;AAAA,oBAECD,GAAA,EAAY,OAAM,kCACjB,UAAA,gBAAAD,EAACG,KAAS,GACZ;AAAA,oBAECF,GAAA,EAAY,OAAM,kCACjB,UAAA,gBAAAD,EAACI,KAAW,EAAA,CACd;AAAA,EAAA,CACF;"}

package/dist/components/Hidden/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/Hidden/preview/index.cjs.map

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

package/dist/components/Hidden/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/Hidden/preview/index.js.map

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

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

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

package/dist/components/Hidden.d.ts

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

package/dist/components/Icon/demo/IconColor.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),r=require("../../Grid/Grid.cjs"),t=require("../utils.cjs"),l=require("./IconColorDemoFactory.cjs"),s=()=>{const e="file";return o.jsxs(r.default,{cols:{mobile:1,desktop:3},alignmentY:"top",children:[o.jsx(l.default,{label:"Text Colors",iconName:e,colorList:t.textColors}),o.jsx(l.default,{label:"Accent Colors",iconName:e,colorList:t.accentColors}),o.jsx(l.default,{label:"Emotion Colors",iconName:e,colorList:t.emotionColors})]})};exports.default=s;
+//# sourceMappingURL=IconColor.cjs.map

package/dist/components/Icon/demo/IconColor.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconColor.cjs","sources":["../../../../src/components/Icon/demo/IconColor.tsx"],"sourcesContent":["import React from 'react';\nimport { Grid } from '../../Grid';\nimport { accentColors, emotionColors, textColors } from '../utils';\nimport IconColorDemoFactory from './IconColorDemoFactory';\n\nconst IconColor = () => {\n  const iconName = 'file';\n\n  return (\n    <Grid cols={{ mobile: 1, desktop: 3 }} alignmentY=\"top\">\n      <IconColorDemoFactory label=\"Text Colors\" iconName={iconName} colorList={textColors} />\n      <IconColorDemoFactory label=\"Accent Colors\" iconName={iconName} colorList={accentColors} />\n      <IconColorDemoFactory label=\"Emotion Colors\" iconName={iconName} colorList={emotionColors} />\n    </Grid>\n  );\n};\n\nexport default IconColor;\n"],"names":["IconColor","iconName","jsxs","Grid","jsx","IconColorDemoFactory","textColors","accentColors","emotionColors"],"mappings":"oPAKMA,EAAY,IAAM,CACtB,MAAMC,EAAW,OAEjB,OACEC,OAACC,EAAAA,QAAA,CAAK,KAAM,CAAE,OAAQ,EAAG,QAAS,CAAA,EAAK,WAAW,MAChD,SAAA,CAAAC,EAAAA,IAACC,EAAAA,QAAA,CAAqB,MAAM,cAAc,SAAAJ,EAAoB,UAAWK,EAAAA,WAAY,QACpFD,EAAAA,QAAA,CAAqB,MAAM,gBAAgB,SAAAJ,EAAoB,UAAWM,EAAAA,aAAc,QACxFF,EAAAA,QAAA,CAAqB,MAAM,iBAAiB,SAAAJ,EAAoB,UAAWO,eAAA,CAAe,CAAA,EAC7F,CAEJ"}

package/dist/components/Icon/demo/IconColor.js

@@ -0,0 +1,16 @@
+import { jsxs as l, jsx as r } from "react/jsx-runtime";
+import e from "../../Grid/Grid.js";
+import { textColors as s, accentColors as c, emotionColors as i } from "../utils.js";
+import t from "./IconColorDemoFactory.js";
+const p = () => {
+  const o = "file";
+  return /* @__PURE__ */ l(e, { cols: { mobile: 1, desktop: 3 }, alignmentY: "top", children: [
+    /* @__PURE__ */ r(t, { label: "Text Colors", iconName: o, colorList: s }),
+    /* @__PURE__ */ r(t, { label: "Accent Colors", iconName: o, colorList: c }),
+    /* @__PURE__ */ r(t, { label: "Emotion Colors", iconName: o, colorList: i })
+  ] });
+};
+export {
+  p as default
+};
+//# sourceMappingURL=IconColor.js.map

package/dist/components/Icon/demo/IconColor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconColor.js","sources":["../../../../src/components/Icon/demo/IconColor.tsx"],"sourcesContent":["import React from 'react';\nimport { Grid } from '../../Grid';\nimport { accentColors, emotionColors, textColors } from '../utils';\nimport IconColorDemoFactory from './IconColorDemoFactory';\n\nconst IconColor = () => {\n  const iconName = 'file';\n\n  return (\n    <Grid cols={{ mobile: 1, desktop: 3 }} alignmentY=\"top\">\n      <IconColorDemoFactory label=\"Text Colors\" iconName={iconName} colorList={textColors} />\n      <IconColorDemoFactory label=\"Accent Colors\" iconName={iconName} colorList={accentColors} />\n      <IconColorDemoFactory label=\"Emotion Colors\" iconName={iconName} colorList={emotionColors} />\n    </Grid>\n  );\n};\n\nexport default IconColor;\n"],"names":["IconColor","iconName","jsxs","Grid","jsx","IconColorDemoFactory","textColors","accentColors","emotionColors"],"mappings":";;;;AAKA,MAAMA,IAAY,MAAM;AACtB,QAAMC,IAAW;AAEjB,SACE,gBAAAC,EAACC,GAAA,EAAK,MAAM,EAAE,QAAQ,GAAG,SAAS,EAAA,GAAK,YAAW,OAChD,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAqB,OAAM,eAAc,UAAAJ,GAAoB,WAAWK,GAAY;AAAA,sBACpFD,GAAA,EAAqB,OAAM,iBAAgB,UAAAJ,GAAoB,WAAWM,GAAc;AAAA,sBACxFF,GAAA,EAAqB,OAAM,kBAAiB,UAAAJ,GAAoB,WAAWO,EAAA,CAAe;AAAA,EAAA,GAC7F;AAEJ;"}

package/dist/components/Icon/demo/IconColorDemoFactory.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),n=require("../../../web-react/docs/DocsStack.cjs"),u=require("../../Flex/Flex.cjs"),o=require("../Icon.cjs"),a=({label:s,iconName:r,colorList:c})=>e.jsxs(n.default,{stackAlignment:"start",children:[e.jsx("h3",{children:s}),c.map(t=>e.jsxs(u.default,{children:[e.jsx(o.default,{name:r,color:t})," ",t]},`${s.toLowerCase().replace(" ","-")}-${t}`))]});exports.default=a;
+//# sourceMappingURL=IconColorDemoFactory.cjs.map

package/dist/components/Icon/demo/IconColorDemoFactory.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconColorDemoFactory.cjs","sources":["../../../../src/components/Icon/demo/IconColorDemoFactory.tsx"],"sourcesContent":["import React from 'react';\nimport DocsStack from '../../../../docs/DocsStack';\nimport { type IconColorType } from '../../../types';\nimport { Flex } from '../../Flex';\nimport Icon from '../Icon';\n\ntype IconColorDemoFactoryProps = {\n  colorList: IconColorType[];\n  iconName: string;\n  label: string;\n};\n\nconst IconColorDemoFactory = ({ label, iconName, colorList }: IconColorDemoFactoryProps) => (\n  <DocsStack stackAlignment=\"start\">\n    <h3>{label}</h3>\n    {colorList.map((color) => (\n      <Flex key={`${label.toLowerCase().replace(' ', '-')}-${color}`}>\n        <Icon name={iconName} color={color} /> {color}\n      </Flex>\n    ))}\n  </DocsStack>\n);\n\nexport default IconColorDemoFactory;\n"],"names":["IconColorDemoFactory","label","iconName","colorList","jsxs","DocsStack","jsx","color","Flex","Icon"],"mappings":"8PAYMA,EAAuB,CAAC,CAAE,MAAAC,EAAO,SAAAC,EAAU,UAAAC,KAC/CC,EAAAA,KAACC,UAAA,CAAU,eAAe,QACxB,SAAA,CAAAC,EAAAA,IAAC,MAAI,SAAAL,CAAA,CAAM,EACVE,EAAU,IAAKI,UACbC,EAAAA,QAAA,CACC,SAAA,CAAAF,EAAAA,IAACG,EAAAA,QAAA,CAAK,KAAMP,EAAU,MAAAK,CAAA,CAAc,EAAE,IAAEA,CAAA,CAAA,EAD/B,GAAGN,EAAM,cAAc,QAAQ,IAAK,GAAG,CAAC,IAAIM,CAAK,EAE5D,CACD,CAAA,CAAA,CACH"}

package/dist/components/Icon/demo/IconColorDemoFactory.js

@@ -0,0 +1,16 @@
+import { jsxs as o, jsx as e } from "react/jsx-runtime";
+import c from "../../../web-react/docs/DocsStack.js";
+import a from "../../Flex/Flex.js";
+import i from "../Icon.js";
+const h = ({ label: t, iconName: m, colorList: s }) => /* @__PURE__ */ o(c, { stackAlignment: "start", children: [
+  /* @__PURE__ */ e("h3", { children: t }),
+  s.map((r) => /* @__PURE__ */ o(a, { children: [
+    /* @__PURE__ */ e(i, { name: m, color: r }),
+    " ",
+    r
+  ] }, `${t.toLowerCase().replace(" ", "-")}-${r}`))
+] });
+export {
+  h as default
+};
+//# sourceMappingURL=IconColorDemoFactory.js.map

package/dist/components/Icon/demo/IconColorDemoFactory.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconColorDemoFactory.js","sources":["../../../../src/components/Icon/demo/IconColorDemoFactory.tsx"],"sourcesContent":["import React from 'react';\nimport DocsStack from '../../../../docs/DocsStack';\nimport { type IconColorType } from '../../../types';\nimport { Flex } from '../../Flex';\nimport Icon from '../Icon';\n\ntype IconColorDemoFactoryProps = {\n  colorList: IconColorType[];\n  iconName: string;\n  label: string;\n};\n\nconst IconColorDemoFactory = ({ label, iconName, colorList }: IconColorDemoFactoryProps) => (\n  <DocsStack stackAlignment=\"start\">\n    <h3>{label}</h3>\n    {colorList.map((color) => (\n      <Flex key={`${label.toLowerCase().replace(' ', '-')}-${color}`}>\n        <Icon name={iconName} color={color} /> {color}\n      </Flex>\n    ))}\n  </DocsStack>\n);\n\nexport default IconColorDemoFactory;\n"],"names":["IconColorDemoFactory","label","iconName","colorList","jsxs","DocsStack","jsx","color","Flex","Icon"],"mappings":";;;;AAYA,MAAMA,IAAuB,CAAC,EAAE,OAAAC,GAAO,UAAAC,GAAU,WAAAC,QAC/C,gBAAAC,EAACC,GAAA,EAAU,gBAAe,SACxB,UAAA;AAAA,EAAA,gBAAAC,EAAC,QAAI,UAAAL,EAAA,CAAM;AAAA,EACVE,EAAU,IAAI,CAACI,wBACbC,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAF,EAACG,GAAA,EAAK,MAAMP,GAAU,OAAAK,EAAA,CAAc;AAAA,IAAE;AAAA,IAAEA;AAAA,EAAA,EAAA,GAD/B,GAAGN,EAAM,cAAc,QAAQ,KAAK,GAAG,CAAC,IAAIM,CAAK,EAE5D,CACD;AAAA,EAAA,CACH;"}

package/dist/components/Icon/demo/IconColorDualtone.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),r=require("../../Grid/Grid.cjs"),t=require("../utils.cjs"),l=require("./IconColorDemoFactory.cjs"),s=()=>{const e="folder-dualtone";return o.jsxs(r.default,{cols:{mobile:1,desktop:3},alignmentY:"top",children:[o.jsx(l.default,{label:"Text Colors",iconName:e,colorList:t.textColors}),o.jsx(l.default,{label:"Accent Colors",iconName:e,colorList:t.accentColors}),o.jsx(l.default,{label:"Emotion Colors",iconName:e,colorList:t.emotionColors})]})};exports.default=s;
+//# sourceMappingURL=IconColorDualtone.cjs.map

package/dist/components/Icon/demo/IconColorDualtone.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconColorDualtone.cjs","sources":["../../../../src/components/Icon/demo/IconColorDualtone.tsx"],"sourcesContent":["import React from 'react';\nimport { Grid } from '../../Grid';\nimport { accentColors, emotionColors, textColors } from '../utils';\nimport IconColorDemoFactory from './IconColorDemoFactory';\n\nconst IconColorDualtone = () => {\n  const iconName = 'folder-dualtone';\n\n  return (\n    <Grid cols={{ mobile: 1, desktop: 3 }} alignmentY=\"top\">\n      <IconColorDemoFactory label=\"Text Colors\" iconName={iconName} colorList={textColors} />\n      <IconColorDemoFactory label=\"Accent Colors\" iconName={iconName} colorList={accentColors} />\n      <IconColorDemoFactory label=\"Emotion Colors\" iconName={iconName} colorList={emotionColors} />\n    </Grid>\n  );\n};\n\nexport default IconColorDualtone;\n"],"names":["IconColorDualtone","iconName","jsxs","Grid","jsx","IconColorDemoFactory","textColors","accentColors","emotionColors"],"mappings":"oPAKMA,EAAoB,IAAM,CAC9B,MAAMC,EAAW,kBAEjB,OACEC,OAACC,EAAAA,QAAA,CAAK,KAAM,CAAE,OAAQ,EAAG,QAAS,CAAA,EAAK,WAAW,MAChD,SAAA,CAAAC,EAAAA,IAACC,EAAAA,QAAA,CAAqB,MAAM,cAAc,SAAAJ,EAAoB,UAAWK,EAAAA,WAAY,QACpFD,EAAAA,QAAA,CAAqB,MAAM,gBAAgB,SAAAJ,EAAoB,UAAWM,EAAAA,aAAc,QACxFF,EAAAA,QAAA,CAAqB,MAAM,iBAAiB,SAAAJ,EAAoB,UAAWO,eAAA,CAAe,CAAA,EAC7F,CAEJ"}

package/dist/components/Icon/demo/IconColorDualtone.js

@@ -0,0 +1,16 @@
+import { jsxs as l, jsx as r } from "react/jsx-runtime";
+import e from "../../Grid/Grid.js";
+import { textColors as s, accentColors as c, emotionColors as i } from "../utils.js";
+import t from "./IconColorDemoFactory.js";
+const p = () => {
+  const o = "folder-dualtone";
+  return /* @__PURE__ */ l(e, { cols: { mobile: 1, desktop: 3 }, alignmentY: "top", children: [
+    /* @__PURE__ */ r(t, { label: "Text Colors", iconName: o, colorList: s }),
+    /* @__PURE__ */ r(t, { label: "Accent Colors", iconName: o, colorList: c }),
+    /* @__PURE__ */ r(t, { label: "Emotion Colors", iconName: o, colorList: i })
+  ] });
+};
+export {
+  p as default
+};
+//# sourceMappingURL=IconColorDualtone.js.map

package/dist/components/Icon/demo/IconColorDualtone.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconColorDualtone.js","sources":["../../../../src/components/Icon/demo/IconColorDualtone.tsx"],"sourcesContent":["import React from 'react';\nimport { Grid } from '../../Grid';\nimport { accentColors, emotionColors, textColors } from '../utils';\nimport IconColorDemoFactory from './IconColorDemoFactory';\n\nconst IconColorDualtone = () => {\n  const iconName = 'folder-dualtone';\n\n  return (\n    <Grid cols={{ mobile: 1, desktop: 3 }} alignmentY=\"top\">\n      <IconColorDemoFactory label=\"Text Colors\" iconName={iconName} colorList={textColors} />\n      <IconColorDemoFactory label=\"Accent Colors\" iconName={iconName} colorList={accentColors} />\n      <IconColorDemoFactory label=\"Emotion Colors\" iconName={iconName} colorList={emotionColors} />\n    </Grid>\n  );\n};\n\nexport default IconColorDualtone;\n"],"names":["IconColorDualtone","iconName","jsxs","Grid","jsx","IconColorDemoFactory","textColors","accentColors","emotionColors"],"mappings":";;;;AAKA,MAAMA,IAAoB,MAAM;AAC9B,QAAMC,IAAW;AAEjB,SACE,gBAAAC,EAACC,GAAA,EAAK,MAAM,EAAE,QAAQ,GAAG,SAAS,EAAA,GAAK,YAAW,OAChD,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAqB,OAAM,eAAc,UAAAJ,GAAoB,WAAWK,GAAY;AAAA,sBACpFD,GAAA,EAAqB,OAAM,iBAAgB,UAAAJ,GAAoB,WAAWM,GAAc;AAAA,sBACxFF,GAAA,EAAqB,OAAM,kBAAiB,UAAAJ,GAAoB,WAAWO,EAAA,CAAe;AAAA,EAAA,GAC7F;AAEJ;"}

package/dist/components/Icon/demo/IconDefault.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("../Icon.cjs"),u=()=>e.jsx(t.default,{name:"info"});exports.default=u;
+//# sourceMappingURL=IconDefault.cjs.map

package/dist/components/Icon/demo/IconDefault.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconDefault.cjs","sources":["../../../../src/components/Icon/demo/IconDefault.tsx"],"sourcesContent":["import React from 'react';\nimport Icon from '../Icon';\n\nconst IconDefault = () => <Icon name=\"info\" />;\n\nexport default IconDefault;\n"],"names":["IconDefault","jsx","Icon"],"mappings":"0KAGMA,EAAc,IAAMC,EAAAA,IAACC,EAAAA,QAAA,CAAK,KAAK,MAAA,CAAO"}

package/dist/components/Icon/demo/IconDefault.js

@@ -0,0 +1,7 @@
+import { jsx as o } from "react/jsx-runtime";
+import t from "../Icon.js";
+const f = () => /* @__PURE__ */ o(t, { name: "info" });
+export {
+  f as default
+};
+//# sourceMappingURL=IconDefault.js.map

package/dist/components/Icon/demo/IconDefault.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconDefault.js","sources":["../../../../src/components/Icon/demo/IconDefault.tsx"],"sourcesContent":["import React from 'react';\nimport Icon from '../Icon';\n\nconst IconDefault = () => <Icon name=\"info\" />;\n\nexport default IconDefault;\n"],"names":["IconDefault","jsx","Icon"],"mappings":";;AAGA,MAAMA,IAAc,MAAM,gBAAAC,EAACC,GAAA,EAAK,MAAK,OAAA,CAAO;"}

package/dist/components/Icon/demo/IconResponsive.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("../Icon.cjs"),o=()=>e.jsx(t.default,{name:"info",boxSize:{mobile:20,tablet:30,desktop:40}});exports.default=o;
+//# sourceMappingURL=IconResponsive.cjs.map

package/dist/components/Icon/demo/IconResponsive.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconResponsive.cjs","sources":["../../../../src/components/Icon/demo/IconResponsive.tsx"],"sourcesContent":["import React from 'react';\nimport Icon from '../Icon';\n\nconst IconResponsive = () => <Icon name=\"info\" boxSize={{ mobile: 20, tablet: 30, desktop: 40 }} />;\n\nexport default IconResponsive;\n"],"names":["IconResponsive","jsx","Icon"],"mappings":"0KAGMA,EAAiB,IAAMC,EAAAA,IAACC,EAAAA,QAAA,CAAK,KAAK,OAAO,QAAS,CAAE,OAAQ,GAAI,OAAQ,GAAI,QAAS,GAAG,CAAG"}

package/dist/components/Icon/demo/IconResponsive.js

@@ -0,0 +1,7 @@
+import { jsx as o } from "react/jsx-runtime";
+import e from "../Icon.js";
+const i = () => /* @__PURE__ */ o(e, { name: "info", boxSize: { mobile: 20, tablet: 30, desktop: 40 } });
+export {
+  i as default
+};
+//# sourceMappingURL=IconResponsive.js.map

package/dist/components/Icon/demo/IconResponsive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconResponsive.js","sources":["../../../../src/components/Icon/demo/IconResponsive.tsx"],"sourcesContent":["import React from 'react';\nimport Icon from '../Icon';\n\nconst IconResponsive = () => <Icon name=\"info\" boxSize={{ mobile: 20, tablet: 30, desktop: 40 }} />;\n\nexport default IconResponsive;\n"],"names":["IconResponsive","jsx","Icon"],"mappings":";;AAGA,MAAMA,IAAiB,MAAM,gBAAAC,EAACC,GAAA,EAAK,MAAK,QAAO,SAAS,EAAE,QAAQ,IAAI,QAAQ,IAAI,SAAS,KAAG,CAAG;"}

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

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("@alma-oss/spirit-icons/icons"),r=require("react"),t=require("../../../web-react/docs/DocsSection.cjs"),s=require("../../../context/IconsContext.cjs"),i=require("./IconColor.cjs"),n=require("./IconColorDualtone.cjs"),c=require("./IconDefault.cjs"),l=require("./IconResponsive.cjs"),u=()=>e.jsx(r.StrictMode,{children:e.jsxs(s.IconsProvider,{value:o,children:[e.jsx(t.default,{title:"Default",children:e.jsx(c.default,{})}),e.jsx(t.default,{title:"Responsive Size",children:e.jsx(l.default,{})}),e.jsx(t.default,{title:"Colors",children:e.jsx(i.default,{})}),e.jsx(t.default,{title:"Dualtone Colors",children:e.jsx(n.default,{})})]})});exports.Preview=u;
+//# sourceMappingURL=preview.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"preview.cjs","sources":["../../../../src/components/Icon/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 IconColor from './IconColor';\nimport IconColorDualtone from './IconColorDualtone';\nimport IconDefault from './IconDefault';\nimport IconResponsive from './IconResponsive';\n\nexport const Preview = () => (\n  <StrictMode>\n    <IconsProvider value={icons}>\n      <DocsSection title=\"Default\">\n        <IconDefault />\n      </DocsSection>\n      <DocsSection title=\"Responsive Size\">\n        <IconResponsive />\n      </DocsSection>\n      <DocsSection title=\"Colors\">\n        <IconColor />\n      </DocsSection>\n      <DocsSection title=\"Dualtone Colors\">\n        <IconColorDualtone />\n      </DocsSection>\n    </IconsProvider>\n  </StrictMode>\n);\n"],"names":["Preview","jsx","StrictMode","jsxs","IconsProvider","icons","DocsSection","IconDefault","IconResponsive","IconColor","IconColorDualtone"],"mappings":"saAYaA,EAAU,IACrBC,EAAAA,IAACC,EAAAA,YACC,SAAAC,OAACC,EAAAA,cAAA,CAAc,MAAOC,EACpB,SAAA,CAAAJ,MAACK,EAAAA,QAAA,CAAY,MAAM,UACjB,SAAAL,MAACM,EAAAA,UAAY,EACf,QACCD,EAAAA,QAAA,CAAY,MAAM,kBACjB,SAAAL,MAACO,EAAAA,UAAe,EAClB,QACCF,EAAAA,QAAA,CAAY,MAAM,SACjB,SAAAL,MAACQ,EAAAA,UAAU,EACb,QACCH,EAAAA,QAAA,CAAY,MAAM,kBACjB,SAAAL,EAAAA,IAACS,YAAkB,CAAA,CACrB,CAAA,CAAA,CACF,CAAA,CACF"}

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

@@ -0,0 +1,20 @@
+"use client";
+import { jsx as o, jsxs as e } from "react/jsx-runtime";
+import i from "@alma-oss/spirit-icons/icons";
+import { StrictMode as t } from "react";
+import r from "../../../web-react/docs/DocsSection.js";
+import { IconsProvider as l } from "../../../context/IconsContext.js";
+import n from "./IconColor.js";
+import c from "./IconColorDualtone.js";
+import m from "./IconDefault.js";
+import s from "./IconResponsive.js";
+const C = () => /* @__PURE__ */ o(t, { children: /* @__PURE__ */ e(l, { value: i, children: [
+  /* @__PURE__ */ o(r, { title: "Default", children: /* @__PURE__ */ o(m, {}) }),
+  /* @__PURE__ */ o(r, { title: "Responsive Size", children: /* @__PURE__ */ o(s, {}) }),
+  /* @__PURE__ */ o(r, { title: "Colors", children: /* @__PURE__ */ o(n, {}) }),
+  /* @__PURE__ */ o(r, { title: "Dualtone Colors", children: /* @__PURE__ */ o(c, {}) })
+] }) });
+export {
+  C as Preview
+};
+//# sourceMappingURL=preview.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"preview.js","sources":["../../../../src/components/Icon/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 IconColor from './IconColor';\nimport IconColorDualtone from './IconColorDualtone';\nimport IconDefault from './IconDefault';\nimport IconResponsive from './IconResponsive';\n\nexport const Preview = () => (\n  <StrictMode>\n    <IconsProvider value={icons}>\n      <DocsSection title=\"Default\">\n        <IconDefault />\n      </DocsSection>\n      <DocsSection title=\"Responsive Size\">\n        <IconResponsive />\n      </DocsSection>\n      <DocsSection title=\"Colors\">\n        <IconColor />\n      </DocsSection>\n      <DocsSection title=\"Dualtone Colors\">\n        <IconColorDualtone />\n      </DocsSection>\n    </IconsProvider>\n  </StrictMode>\n);\n"],"names":["Preview","jsx","StrictMode","jsxs","IconsProvider","icons","DocsSection","IconDefault","IconResponsive","IconColor","IconColorDualtone"],"mappings":";;;;;;;;;;AAYO,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,KAAY,GACf;AAAA,oBACCD,GAAA,EAAY,OAAM,mBACjB,UAAA,gBAAAL,EAACO,KAAe,GAClB;AAAA,oBACCF,GAAA,EAAY,OAAM,UACjB,UAAA,gBAAAL,EAACQ,KAAU,GACb;AAAA,oBACCH,GAAA,EAAY,OAAM,mBACjB,UAAA,gBAAAL,EAACS,KAAkB,EAAA,CACrB;AAAA,EAAA,CACF,EAAA,CACF;"}

package/dist/components/Icon/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/Icon/preview/index.cjs.map

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

package/dist/components/Icon/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/Icon/preview/index.js.map

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

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

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

package/dist/components/Icon/useIconStyleProps.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("@alma-oss/spirit-design-tokens"),p=require("classnames"),P=require("../../constants/dictionaries.cjs"),S=require("../../hooks/useClassNamePrefix.cjs"),m=(t,s)=>{const o={};return typeof s=="object"&&Object.entries(s).forEach(([e,n])=>{const c=e==="mobile"?"":`-${e}`;o[`${t}${c}`]=`${n?.toString()}px`}),o},y=t=>{const{boxSize:s,color:o,name:e,...n}=t,c=`--${f.cssVariablePrefix}icon`,r=String(e).includes("-dualtone")&&!o?P.TextColors.PRIMARY:o,i=S.useClassNamePrefix("Icon"),l=`${i}--${r}`,u=p(i,{[l]:o||r}),a={...s?m(`${c}-size`,s):{}};return{classProps:u,iconStyleProps:a,props:n}};exports.useIconStyleProps=y;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("@alma-oss/spirit-design-tokens"),P=require("classnames"),f=require("../../constants/dictionaries.cjs"),d=require("../../hooks/useClassNamePrefix.cjs"),l=require("../../utils/pxToRem.cjs"),x=(s,e)=>{const o={};return typeof e=="object"?Object.entries(e).forEach(([t,n])=>{const c=t==="mobile"?"":`-${t}`;o[`${s}${c}`]=n===void 0?void 0:l.pxToRem(n)}):o[s]=l.pxToRem(e),o},y=s=>{const{boxSize:e,color:o,name:t,...n}=s,c=`--${p.cssVariablePrefix}icon`,r=String(t).includes("-dualtone")&&!o?f.TextColors.PRIMARY:o,i=d.useClassNamePrefix("Icon"),u=`${i}--${r}`,a=P(i,{[u]:o||r}),m={...e?x(`${c}-size`,e):{}};return{classProps:a,iconStyleProps:m,props:n}};exports.useIconStyleProps=y;
 //# sourceMappingURL=useIconStyleProps.cjs.map

package/dist/components/Icon/useIconStyleProps.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useIconStyleProps.cjs","sources":["../../../src/components/Icon/useIconStyleProps.ts"],"sourcesContent":["import { cssVariablePrefix } from '@alma-oss/spirit-design-tokens';\nimport classNames from 'classnames';\nimport { type CSSProperties } from 'react';\nimport { TextColors } from '../../constants';\nimport { useClassNamePrefix } from '../../hooks';\nimport type { IconBoxSize, IconStyleProps, SpiritIconProps } from '../../types';\n\nconst setCustomDimension = (prefix: string, size: IconBoxSize): CSSProperties => {\n  const style: CSSProperties = {};\n\n  if (typeof size === 'object') {\n    Object.entries(size).forEach(([breakpoint, breakpointSize]) => {\n      const breakpointSuffix = breakpoint === 'mobile' ? '' : `-${breakpoint}`;\n\n      (style as Record<string, string | undefined>)[`${prefix}${breakpointSuffix}`] = `${breakpointSize?.toString()}px`;\n    });\n  }\n\n  return style;\n};\n\nexport interface IconStyles {\n  classProps: string;\n  iconStyleProps: CSSProperties;\n  props: Omit<SpiritIconProps, keyof IconStyleProps>;\n}\n\nexport const useIconStyleProps = (props: SpiritIconProps): IconStyles => {\n  const { boxSize, color, name, ...otherProps } = props;\n  const stylePrefix: string = `--${cssVariablePrefix}icon`;\n  const isDualtoneIcon = String(name).includes('-dualtone');\n  const dualtoneColorWithDefault = isDualtoneIcon && !color ? TextColors.PRIMARY : color;\n\n  const iconClass = useClassNamePrefix('Icon');\n  const iconDualtoneColorClass = `${iconClass}--${dualtoneColorWithDefault}`;\n  const classProps = classNames(iconClass, {\n    [iconDualtoneColorClass]: color || dualtoneColorWithDefault,\n  });\n\n  const customizedIconStyle = {\n    ...(boxSize ? setCustomDimension(`${stylePrefix}-size`, boxSize) : {}),\n  };\n\n  return {\n    classProps,\n    iconStyleProps: customizedIconStyle,\n    props: otherProps,\n  };\n};\n"],"names":["setCustomDimension","prefix","size","style","breakpoint","breakpointSize","breakpointSuffix","useIconStyleProps","props","boxSize","color","name","otherProps","stylePrefix","cssVariablePrefix","dualtoneColorWithDefault","TextColors","iconClass","useClassNamePrefix","iconDualtoneColorClass","classProps","classNames","customizedIconStyle"],"mappings":"wPAOMA,EAAqB,CAACC,EAAgBC,IAAqC,CAC/E,MAAMC,EAAuB,CAAA,EAE7B,OAAI,OAAOD,GAAS,UAClB,OAAO,QAAQA,CAAI,EAAE,QAAQ,CAAC,CAACE,EAAYC,CAAc,IAAM,CAC7D,MAAMC,EAAmBF,IAAe,SAAW,GAAK,IAAIA,CAAU,GAErED,EAA6C,GAAGF,CAAM,GAAGK,CAAgB,EAAE,EAAI,GAAGD,GAAgB,SAAA,CAAU,IAC/G,CAAC,EAGIF,CACT,EAQaI,EAAqBC,GAAuC,CACvE,KAAM,CAAE,QAAAC,EAAS,MAAAC,EAAO,KAAAC,EAAM,GAAGC,GAAeJ,EAC1CK,EAAsB,KAAKC,EAAAA,iBAAiB,OAE5CC,EADiB,OAAOJ,CAAI,EAAE,SAAS,WAAW,GACL,CAACD,EAAQM,EAAAA,WAAW,QAAUN,EAE3EO,EAAYC,EAAAA,mBAAmB,MAAM,EACrCC,EAAyB,GAAGF,CAAS,KAAKF,CAAwB,GAClEK,EAAaC,EAAWJ,EAAW,CACvC,CAACE,CAAsB,EAAGT,GAASK,CAAA,CACpC,EAEKO,EAAsB,CAC1B,GAAIb,EAAUT,EAAmB,GAAGa,CAAW,QAASJ,CAAO,EAAI,CAAA,CAAC,EAGtE,MAAO,CACL,WAAAW,EACA,eAAgBE,EAChB,MAAOV,CAAA,CAEX"}
+{"version":3,"file":"useIconStyleProps.cjs","sources":["../../../src/components/Icon/useIconStyleProps.ts"],"sourcesContent":["import { cssVariablePrefix } from '@alma-oss/spirit-design-tokens';\nimport classNames from 'classnames';\nimport { type CSSProperties } from 'react';\nimport { TextColors } from '../../constants';\nimport { useClassNamePrefix } from '../../hooks';\nimport type { IconBoxSize, IconStyleProps, SpiritIconProps } from '../../types';\nimport { pxToRem } from '../../utils';\n\nconst setCustomDimension = (prefix: string, size: IconBoxSize): CSSProperties => {\n  const style: CSSProperties = {};\n\n  if (typeof size === 'object') {\n    Object.entries(size).forEach(([breakpoint, breakpointSize]) => {\n      const breakpointSuffix = breakpoint === 'mobile' ? '' : `-${breakpoint}`;\n\n      (style as Record<string, string | undefined>)[`${prefix}${breakpointSuffix}`] =\n        breakpointSize === undefined ? undefined : pxToRem(breakpointSize);\n    });\n  } else {\n    (style as Record<string, string | undefined>)[prefix] = pxToRem(size);\n  }\n\n  return style;\n};\n\nexport interface IconStyles {\n  classProps: string;\n  iconStyleProps: CSSProperties;\n  props: Omit<SpiritIconProps, keyof IconStyleProps>;\n}\n\nexport const useIconStyleProps = (props: SpiritIconProps): IconStyles => {\n  const { boxSize, color, name, ...otherProps } = props;\n  const stylePrefix: string = `--${cssVariablePrefix}icon`;\n  const isDualtoneIcon = String(name).includes('-dualtone');\n  const dualtoneColorWithDefault = isDualtoneIcon && !color ? TextColors.PRIMARY : color;\n\n  const iconClass = useClassNamePrefix('Icon');\n  const iconDualtoneColorClass = `${iconClass}--${dualtoneColorWithDefault}`;\n  const classProps = classNames(iconClass, {\n    [iconDualtoneColorClass]: color || dualtoneColorWithDefault,\n  });\n\n  const customizedIconStyle = {\n    ...(boxSize ? setCustomDimension(`${stylePrefix}-size`, boxSize) : {}),\n  };\n\n  return {\n    classProps,\n    iconStyleProps: customizedIconStyle,\n    props: otherProps,\n  };\n};\n"],"names":["setCustomDimension","prefix","size","style","breakpoint","breakpointSize","breakpointSuffix","pxToRem","useIconStyleProps","props","boxSize","color","name","otherProps","stylePrefix","cssVariablePrefix","dualtoneColorWithDefault","TextColors","iconClass","useClassNamePrefix","iconDualtoneColorClass","classProps","classNames","customizedIconStyle"],"mappings":"6RAQMA,EAAqB,CAACC,EAAgBC,IAAqC,CAC/E,MAAMC,EAAuB,CAAA,EAE7B,OAAI,OAAOD,GAAS,SAClB,OAAO,QAAQA,CAAI,EAAE,QAAQ,CAAC,CAACE,EAAYC,CAAc,IAAM,CAC7D,MAAMC,EAAmBF,IAAe,SAAW,GAAK,IAAIA,CAAU,GAErED,EAA6C,GAAGF,CAAM,GAAGK,CAAgB,EAAE,EAC1ED,IAAmB,OAAY,OAAYE,EAAAA,QAAQF,CAAc,CACrE,CAAC,EAEAF,EAA6CF,CAAM,EAAIM,EAAAA,QAAQL,CAAI,EAG/DC,CACT,EAQaK,EAAqBC,GAAuC,CACvE,KAAM,CAAE,QAAAC,EAAS,MAAAC,EAAO,KAAAC,EAAM,GAAGC,GAAeJ,EAC1CK,EAAsB,KAAKC,EAAAA,iBAAiB,OAE5CC,EADiB,OAAOJ,CAAI,EAAE,SAAS,WAAW,GACL,CAACD,EAAQM,EAAAA,WAAW,QAAUN,EAE3EO,EAAYC,EAAAA,mBAAmB,MAAM,EACrCC,EAAyB,GAAGF,CAAS,KAAKF,CAAwB,GAClEK,EAAaC,EAAWJ,EAAW,CACvC,CAACE,CAAsB,EAAGT,GAASK,CAAA,CACpC,EAEKO,EAAsB,CAC1B,GAAIb,EAAUV,EAAmB,GAAGc,CAAW,QAASJ,CAAO,EAAI,CAAA,CAAC,EAGtE,MAAO,CACL,WAAAW,EACA,eAAgBE,EAChB,MAAOV,CAAA,CAEX"}

package/dist/components/Icon/useIconStyleProps.js

@@ -1,22 +1,23 @@
-import { cssVariablePrefix as u } from "@alma-oss/spirit-design-tokens";
-import f from "classnames";
-import { TextColors as p } from "../../constants/dictionaries.js";
+import { cssVariablePrefix as f } from "@alma-oss/spirit-design-tokens";
+import p from "classnames";
+import { TextColors as P } from "../../constants/dictionaries.js";
 import { useClassNamePrefix as x } from "../../hooks/useClassNamePrefix.js";
-const P = (e, s) => {
+import { pxToRem as l } from "../../utils/pxToRem.js";
+const C = (t, s) => {
   const o = {};
-  return typeof s == "object" && Object.entries(s).forEach(([t, n]) => {
-    const r = t === "mobile" ? "" : `-${t}`;
-    o[`${e}${r}`] = `${n?.toString()}px`;
-  }), o;
-}, b = (e) => {
-  const { boxSize: s, color: o, name: t, ...n } = e, r = `--${u}icon`, c = String(t).includes("-dualtone") && !o ? p.PRIMARY : o, i = x("Icon"), l = `${i}--${c}`, a = f(i, {
-    [l]: o || c
-  }), m = {
-    ...s ? P(`${r}-size`, s) : {}
+  return typeof s == "object" ? Object.entries(s).forEach(([e, n]) => {
+    const c = e === "mobile" ? "" : `-${e}`;
+    o[`${t}${c}`] = n === void 0 ? void 0 : l(n);
+  }) : o[t] = l(s), o;
+}, b = (t) => {
+  const { boxSize: s, color: o, name: e, ...n } = t, c = `--${f}icon`, r = String(e).includes("-dualtone") && !o ? P.PRIMARY : o, i = x("Icon"), m = `${i}--${r}`, a = p(i, {
+    [m]: o || r
+  }), u = {
+    ...s ? C(`${c}-size`, s) : {}
   };
   return {
     classProps: a,
-    iconStyleProps: m,
+    iconStyleProps: u,
     props: n
   };
 };

package/dist/components/Icon/useIconStyleProps.js.map

@@ -1 +1 @@
-{"version":3,"file":"useIconStyleProps.js","sources":["../../../src/components/Icon/useIconStyleProps.ts"],"sourcesContent":["import { cssVariablePrefix } from '@alma-oss/spirit-design-tokens';\nimport classNames from 'classnames';\nimport { type CSSProperties } from 'react';\nimport { TextColors } from '../../constants';\nimport { useClassNamePrefix } from '../../hooks';\nimport type { IconBoxSize, IconStyleProps, SpiritIconProps } from '../../types';\n\nconst setCustomDimension = (prefix: string, size: IconBoxSize): CSSProperties => {\n  const style: CSSProperties = {};\n\n  if (typeof size === 'object') {\n    Object.entries(size).forEach(([breakpoint, breakpointSize]) => {\n      const breakpointSuffix = breakpoint === 'mobile' ? '' : `-${breakpoint}`;\n\n      (style as Record<string, string | undefined>)[`${prefix}${breakpointSuffix}`] = `${breakpointSize?.toString()}px`;\n    });\n  }\n\n  return style;\n};\n\nexport interface IconStyles {\n  classProps: string;\n  iconStyleProps: CSSProperties;\n  props: Omit<SpiritIconProps, keyof IconStyleProps>;\n}\n\nexport const useIconStyleProps = (props: SpiritIconProps): IconStyles => {\n  const { boxSize, color, name, ...otherProps } = props;\n  const stylePrefix: string = `--${cssVariablePrefix}icon`;\n  const isDualtoneIcon = String(name).includes('-dualtone');\n  const dualtoneColorWithDefault = isDualtoneIcon && !color ? TextColors.PRIMARY : color;\n\n  const iconClass = useClassNamePrefix('Icon');\n  const iconDualtoneColorClass = `${iconClass}--${dualtoneColorWithDefault}`;\n  const classProps = classNames(iconClass, {\n    [iconDualtoneColorClass]: color || dualtoneColorWithDefault,\n  });\n\n  const customizedIconStyle = {\n    ...(boxSize ? setCustomDimension(`${stylePrefix}-size`, boxSize) : {}),\n  };\n\n  return {\n    classProps,\n    iconStyleProps: customizedIconStyle,\n    props: otherProps,\n  };\n};\n"],"names":["setCustomDimension","prefix","size","style","breakpoint","breakpointSize","breakpointSuffix","useIconStyleProps","props","boxSize","color","name","otherProps","stylePrefix","cssVariablePrefix","dualtoneColorWithDefault","TextColors","iconClass","useClassNamePrefix","iconDualtoneColorClass","classProps","classNames","customizedIconStyle"],"mappings":";;;;AAOA,MAAMA,IAAqB,CAACC,GAAgBC,MAAqC;AAC/E,QAAMC,IAAuB,CAAA;AAE7B,SAAI,OAAOD,KAAS,YAClB,OAAO,QAAQA,CAAI,EAAE,QAAQ,CAAC,CAACE,GAAYC,CAAc,MAAM;AAC7D,UAAMC,IAAmBF,MAAe,WAAW,KAAK,IAAIA,CAAU;AAErE,IAAAD,EAA6C,GAAGF,CAAM,GAAGK,CAAgB,EAAE,IAAI,GAAGD,GAAgB,SAAA,CAAU;AAAA,EAC/G,CAAC,GAGIF;AACT,GAQaI,IAAoB,CAACC,MAAuC;AACvE,QAAM,EAAE,SAAAC,GAAS,OAAAC,GAAO,MAAAC,GAAM,GAAGC,MAAeJ,GAC1CK,IAAsB,KAAKC,CAAiB,QAE5CC,IADiB,OAAOJ,CAAI,EAAE,SAAS,WAAW,KACL,CAACD,IAAQM,EAAW,UAAUN,GAE3EO,IAAYC,EAAmB,MAAM,GACrCC,IAAyB,GAAGF,CAAS,KAAKF,CAAwB,IAClEK,IAAaC,EAAWJ,GAAW;AAAA,IACvC,CAACE,CAAsB,GAAGT,KAASK;AAAA,EAAA,CACpC,GAEKO,IAAsB;AAAA,IAC1B,GAAIb,IAAUT,EAAmB,GAAGa,CAAW,SAASJ,CAAO,IAAI,CAAA;AAAA,EAAC;AAGtE,SAAO;AAAA,IACL,YAAAW;AAAA,IACA,gBAAgBE;AAAA,IAChB,OAAOV;AAAA,EAAA;AAEX;"}
+{"version":3,"file":"useIconStyleProps.js","sources":["../../../src/components/Icon/useIconStyleProps.ts"],"sourcesContent":["import { cssVariablePrefix } from '@alma-oss/spirit-design-tokens';\nimport classNames from 'classnames';\nimport { type CSSProperties } from 'react';\nimport { TextColors } from '../../constants';\nimport { useClassNamePrefix } from '../../hooks';\nimport type { IconBoxSize, IconStyleProps, SpiritIconProps } from '../../types';\nimport { pxToRem } from '../../utils';\n\nconst setCustomDimension = (prefix: string, size: IconBoxSize): CSSProperties => {\n  const style: CSSProperties = {};\n\n  if (typeof size === 'object') {\n    Object.entries(size).forEach(([breakpoint, breakpointSize]) => {\n      const breakpointSuffix = breakpoint === 'mobile' ? '' : `-${breakpoint}`;\n\n      (style as Record<string, string | undefined>)[`${prefix}${breakpointSuffix}`] =\n        breakpointSize === undefined ? undefined : pxToRem(breakpointSize);\n    });\n  } else {\n    (style as Record<string, string | undefined>)[prefix] = pxToRem(size);\n  }\n\n  return style;\n};\n\nexport interface IconStyles {\n  classProps: string;\n  iconStyleProps: CSSProperties;\n  props: Omit<SpiritIconProps, keyof IconStyleProps>;\n}\n\nexport const useIconStyleProps = (props: SpiritIconProps): IconStyles => {\n  const { boxSize, color, name, ...otherProps } = props;\n  const stylePrefix: string = `--${cssVariablePrefix}icon`;\n  const isDualtoneIcon = String(name).includes('-dualtone');\n  const dualtoneColorWithDefault = isDualtoneIcon && !color ? TextColors.PRIMARY : color;\n\n  const iconClass = useClassNamePrefix('Icon');\n  const iconDualtoneColorClass = `${iconClass}--${dualtoneColorWithDefault}`;\n  const classProps = classNames(iconClass, {\n    [iconDualtoneColorClass]: color || dualtoneColorWithDefault,\n  });\n\n  const customizedIconStyle = {\n    ...(boxSize ? setCustomDimension(`${stylePrefix}-size`, boxSize) : {}),\n  };\n\n  return {\n    classProps,\n    iconStyleProps: customizedIconStyle,\n    props: otherProps,\n  };\n};\n"],"names":["setCustomDimension","prefix","size","style","breakpoint","breakpointSize","breakpointSuffix","pxToRem","useIconStyleProps","props","boxSize","color","name","otherProps","stylePrefix","cssVariablePrefix","dualtoneColorWithDefault","TextColors","iconClass","useClassNamePrefix","iconDualtoneColorClass","classProps","classNames","customizedIconStyle"],"mappings":";;;;;AAQA,MAAMA,IAAqB,CAACC,GAAgBC,MAAqC;AAC/E,QAAMC,IAAuB,CAAA;AAE7B,SAAI,OAAOD,KAAS,WAClB,OAAO,QAAQA,CAAI,EAAE,QAAQ,CAAC,CAACE,GAAYC,CAAc,MAAM;AAC7D,UAAMC,IAAmBF,MAAe,WAAW,KAAK,IAAIA,CAAU;AAErE,IAAAD,EAA6C,GAAGF,CAAM,GAAGK,CAAgB,EAAE,IAC1ED,MAAmB,SAAY,SAAYE,EAAQF,CAAc;AAAA,EACrE,CAAC,IAEAF,EAA6CF,CAAM,IAAIM,EAAQL,CAAI,GAG/DC;AACT,GAQaK,IAAoB,CAACC,MAAuC;AACvE,QAAM,EAAE,SAAAC,GAAS,OAAAC,GAAO,MAAAC,GAAM,GAAGC,MAAeJ,GAC1CK,IAAsB,KAAKC,CAAiB,QAE5CC,IADiB,OAAOJ,CAAI,EAAE,SAAS,WAAW,KACL,CAACD,IAAQM,EAAW,UAAUN,GAE3EO,IAAYC,EAAmB,MAAM,GACrCC,IAAyB,GAAGF,CAAS,KAAKF,CAAwB,IAClEK,IAAaC,EAAWJ,GAAW;AAAA,IACvC,CAACE,CAAsB,GAAGT,KAASK;AAAA,EAAA,CACpC,GAEKO,IAAsB;AAAA,IAC1B,GAAIb,IAAUV,EAAmB,GAAGc,CAAW,SAASJ,CAAO,IAAI,CAAA;AAAA,EAAC;AAGtE,SAAO;AAAA,IACL,YAAAW;AAAA,IACA,gBAAgBE;AAAA,IAChB,OAAOV;AAAA,EAAA;AAEX;"}

package/dist/components/Icon/utils.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../../utils/colorObjectGenerators.cjs"),t=o.getTextColorNames(),e=o.getAccentColorNames(),r=o.getEmotionColorNames();[...t,...e,...r];exports.accentColors=e;exports.emotionColors=r;exports.textColors=t;
+//# sourceMappingURL=utils.cjs.map

package/dist/components/Icon/utils.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.cjs","sources":["../../../src/components/Icon/utils.ts"],"sourcesContent":["import { getAccentColorNames, getEmotionColorNames, getTextColorNames } from '../../utils';\n\nexport const textColors = getTextColorNames();\nexport const accentColors = getAccentColorNames();\nexport const emotionColors = getEmotionColorNames();\nexport const iconColors = [...textColors, ...accentColors, ...emotionColors];\n"],"names":["textColors","getTextColorNames","accentColors","getAccentColorNames","emotionColors","getEmotionColorNames"],"mappings":"yIAEaA,EAAaC,EAAAA,kBAAA,EACbC,EAAeC,EAAAA,oBAAA,EACfC,EAAgBC,EAAAA,qBAAA,EACH,CAAC,GAAGL,EAAY,GAAGE,EAAc,GAAGE,CAAa"}

package/dist/components/Icon/utils.js

@@ -0,0 +1,9 @@
+import { getTextColorNames as o, getAccentColorNames as t, getEmotionColorNames as e } from "../../utils/colorObjectGenerators.js";
+const s = o(), r = t(), c = e();
+[...s, ...r, ...c];
+export {
+  r as accentColors,
+  c as emotionColors,
+  s as textColors
+};
+//# sourceMappingURL=utils.js.map

package/dist/components/Icon/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../src/components/Icon/utils.ts"],"sourcesContent":["import { getAccentColorNames, getEmotionColorNames, getTextColorNames } from '../../utils';\n\nexport const textColors = getTextColorNames();\nexport const accentColors = getAccentColorNames();\nexport const emotionColors = getEmotionColorNames();\nexport const iconColors = [...textColors, ...accentColors, ...emotionColors];\n"],"names":["textColors","getTextColorNames","accentColors","getAccentColorNames","emotionColors","getEmotionColorNames"],"mappings":";AAEO,MAAMA,IAAaC,EAAA,GACbC,IAAeC,EAAA,GACfC,IAAgBC,EAAA;AACH,CAAC,GAAGL,GAAY,GAAGE,GAAc,GAAGE,CAAa;"}

package/dist/components/Icon.d.ts

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