@solibo/solibo-ui 0.3.18 → 0.3.20

package/dist/components/checkbox/index.js

@@ -1,19 +1,26 @@
-import { jsxs as a, jsx as e } from "react/jsx-runtime";
-import { t as b } from "../../classix-DG18itHa.js";
-import '../../assets/index15.css';const h = "_checkbox_rz5v8_1", l = {
-  checkbox: h
-}, m = ({
-  checked: o,
+import { jsxs as h, jsx as e } from "react/jsx-runtime";
+import { i as k } from "../../icons-BSp58j2P.js";
+import { Loading as x } from "../loading/index.js";
+import '../../assets/index16.css';const b = "_checkbox_1ce0k_1", m = {
+  checkbox: b
+}, d = ({
+  checked: t,
   disabled: s,
   isLoading: c,
-  label: t,
+  label: o,
   onChange: r,
-  ...x
-}) => /* @__PURE__ */ a("label", { className: l.checkbox, "data-cy": "Checkbox", children: [
-  /* @__PURE__ */ e("input", { checked: o, className: b(c && "loading"), disabled: s || c, onChange: r, type: "checkbox", ...x }),
-  /* @__PURE__ */ e("span", { children: t })
-] });
+  ...i
+}) => {
+  const n = {
+    "--icon-svg": k("check")
+  };
+  return /* @__PURE__ */ h("label", { className: m.checkbox, "data-component": "checkbox", children: [
+    c && /* @__PURE__ */ e(x, { size: 24, sticky: !0 }),
+    /* @__PURE__ */ e("input", { checked: t, disabled: s || c, onChange: r, type: "checkbox", style: n, ...i }),
+    o && o
+  ] });
+};
 export {
-  m as Checkbox
+  d as Checkbox
 };
 //# sourceMappingURL=index.js.map

package/dist/components/checkbox/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/checkbox/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport styles from './styles.module.css';\n\nexport type CheckboxProps = React.InputHTMLAttributes<HTMLInputElement> & {\n  checked?: boolean;\n  disabled?: boolean;\n  isLoading?: boolean;\n  label?: string;\n  onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n};\n\nexport const Checkbox = ({\n  checked,\n  disabled,\n  isLoading,\n  label,\n  onChange,\n  ...props\n}: CheckboxProps) => {\n  return (\n    <label className={styles.checkbox}>\n      <input\n        checked={checked}\n        className={cx(isLoading && 'loading')}\n        disabled={disabled || isLoading}\n        onChange={onChange}\n        type='checkbox'\n        {...props}\n      />\n      <span>{label}</span>\n    </label>\n  );\n};\n"],"names":["Checkbox","checked","disabled","isLoading","label","onChange","props","styles","checkbox","jsx","cx"],"mappings":";;;;GAYaA,IAAWA,CAAC;AAAA,EACvBC,SAAAA;AAAAA,EACAC,UAAAA;AAAAA,EACAC,WAAAA;AAAAA,EACAC,OAAAA;AAAAA,EACAC,UAAAA;AAAAA,EACA,GAAGC;AACU,wBAEV,SAAA,EAAM,WAAWC,EAAOC,UAAS,WAAA,YAChC,UAAA;AAAA,EAAA,gBAAAC,EAAC,SAAA,EACC,SAAAR,GACA,WAAWS,EAAGP,KAAa,SAAS,GACpC,UAAUD,KAAYC,GACtB,UAAAE,GACA,MAAK,YACL,GAAIC,GAAM;AAAA,EAEZ,gBAAAG,EAAC,UAAML,UAAAA,EAAAA,CAAM;AAAA,GACf;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/checkbox/index.tsx"],"sourcesContent":["import { iconSVG } from '../icon/icons';\nimport { Loading } from '../loading';\nimport styles from './styles.module.css';\n\nexport type CheckboxProps = React.InputHTMLAttributes<HTMLInputElement> & {\n  checked?: boolean;\n  disabled?: boolean;\n  isLoading?: boolean;\n  label?: string;\n  onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n};\n\nexport const Checkbox = ({\n  checked,\n  disabled,\n  isLoading,\n  label,\n  onChange,\n  ...props\n}: CheckboxProps) => {\n  type withVars = React.CSSProperties & {\n    '--icon-svg'?: string;\n  };\n\n  const withVars: withVars = {\n    '--icon-svg': iconSVG('check'),\n  };\n\n  return (\n    <label className={styles.checkbox}>\n      {isLoading && (\n        <Loading\n          size={24}\n          sticky\n        />\n      )}\n      <input\n        checked={checked}\n        disabled={disabled || isLoading}\n        onChange={onChange}\n        type='checkbox'\n        style={withVars}\n        {...props}\n      />\n      {label && label}\n    </label>\n  );\n};\n"],"names":["Checkbox","checked","disabled","isLoading","label","onChange","props","withVars","iconSVG","styles","checkbox","jsx","Loading"],"mappings":";;;;;GAYaA,IAAWA,CAAC;AAAA,EACvBC,SAAAA;AAAAA,EACAC,UAAAA;AAAAA,EACAC,WAAAA;AAAAA,EACAC,OAAAA;AAAAA,EACAC,UAAAA;AAAAA,EACA,GAAGC;AACU,MAAM;AAKnB,QAAMC,IAAqB;AAAA,IACzB,cAAcC,EAAQ,OAAO;AAAA,EAAA;AAG/B,2BACG,SAAA,EAAM,WAAWC,EAAOC,UAAS,kBAAA,YAC/BP,UAAAA;AAAAA,IAAAA,KACC,gBAAAQ,EAACC,GAAA,EACC,MAAM,IACN,QAAM,IAAA;AAAA,IAGV,gBAAAD,EAAC,SAAA,EACC,SAAAV,GACA,UAAUC,KAAYC,GACtB,UAAAE,GACA,MAAK,YACL,OAAOE,GACP,GAAID,EAAAA,CAAM;AAAA,IAEXF,KAASA;AAAAA,EAAAA,GACZ;AAEJ;"}

package/dist/components/dialog/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index14.css');const o=require("react/jsx-runtime"),s="_dialog_40v7y_1",t="_wrapper_40v7y_26",e={dialog:s,wrapper:t},c=({children:i,setOpen:a,...l})=>o.jsx("div",{className:e.wrapper,onClick:()=>a?a(!1):{},"data-cy":"Dialog",children:o.jsx("dialog",{className:e.dialog,onClick:r=>r.stopPropagation(),...l,children:i})});exports.Dialog=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index15.css');const a=require("react/jsx-runtime"),s="_dialog_40v7y_1",t="_wrapper_40v7y_26",e={dialog:s,wrapper:t},n=({children:i,setOpen:o,...l})=>a.jsx("div",{className:e.wrapper,onClick:()=>o?o(!1):{},"data-component":"dialog",children:a.jsx("dialog",{className:e.dialog,onClick:r=>r.stopPropagation(),...l,children:i})});exports.Dialog=n;
 //# sourceMappingURL=index.cjs.map

package/dist/components/dialog/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/dialog/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport styles from './styles.module.css';\n\nexport type DialogProps = React.DialogHTMLAttributes<HTMLDialogElement> & {\n  children: React.ReactNode;\n  setOpen?: React.Dispatch<React.SetStateAction<boolean>>;\n};\n\nexport const Dialog = ({ children, setOpen, ...props }: DialogProps) => {\n  return (\n    <div\n      className={styles.wrapper}\n      onClick={() => (setOpen ? setOpen(false) : {})}\n    >\n      <dialog\n        className={styles.dialog}\n        onClick={(e) => e.stopPropagation()}\n        {...props}\n      >\n        {children}\n      </dialog>\n    </div>\n  );\n};\n"],"names":["Dialog","children","setOpen","props","jsx","styles","wrapper","dialog","e","stopPropagation"],"mappings":"sLASaA,EAASA,CAAC,CAAEC,SAAAA,EAAUC,QAAAA,EAAS,GAAGC,CAAmB,IAE9DC,EAAAA,IAAC,MAAA,CACC,UAAWC,EAAOC,QAClB,QAAS,IAAOJ,EAAUA,EAAQ,EAAK,EAAI,CAAA,EAAI,UAAA,SAE/C,SAAAE,EAAAA,IAAC,SAAA,CACC,UAAWC,EAAOE,OAClB,QAAUC,GAAMA,EAAEC,gBAAAA,EAClB,GAAIN,EAEHF,SAAAA,CAAAA,CACH,CAAA,CACF"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/dialog/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport styles from './styles.module.css';\n\nexport type DialogProps = React.DialogHTMLAttributes<HTMLDialogElement> & {\n  children: React.ReactNode;\n  setOpen?: React.Dispatch<React.SetStateAction<boolean>>;\n};\n\nexport const Dialog = ({ children, setOpen, ...props }: DialogProps) => {\n  return (\n    <div\n      className={styles.wrapper}\n      onClick={() => (setOpen ? setOpen(false) : {})}\n    >\n      <dialog\n        className={styles.dialog}\n        onClick={(e) => e.stopPropagation()}\n        {...props}\n      >\n        {children}\n      </dialog>\n    </div>\n  );\n};\n"],"names":["Dialog","children","setOpen","props","jsx","styles","wrapper","dialog","e","stopPropagation"],"mappings":"sLASaA,EAASA,CAAC,CAAEC,SAAAA,EAAUC,QAAAA,EAAS,GAAGC,CAAmB,IAE9DC,EAAAA,IAAC,MAAA,CACC,UAAWC,EAAOC,QAClB,QAAS,IAAOJ,EAAUA,EAAQ,EAAK,EAAI,CAAA,EAAI,iBAAA,SAE/C,SAAAE,EAAAA,IAAC,SAAA,CACC,UAAWC,EAAOE,OAClB,QAAUC,GAAMA,EAAEC,gBAAAA,EAClB,GAAIN,EAEHF,SAAAA,CAAAA,CACH,CAAA,CACF"}

package/dist/components/dialog/index.js

@@ -1,12 +1,12 @@
-import { jsx as o } from "react/jsx-runtime";
-import '../../assets/index14.css';const p = "_dialog_40v7y_1", c = "_wrapper_40v7y_26", r = {
-  dialog: p,
-  wrapper: c
+import { jsx as a } from "react/jsx-runtime";
+import '../../assets/index15.css';const s = "_dialog_40v7y_1", t = "_wrapper_40v7y_26", r = {
+  dialog: s,
+  wrapper: t
 }, e = ({
   children: l,
-  setOpen: a,
+  setOpen: o,
   ...i
-}) => /* @__PURE__ */ o("div", { className: r.wrapper, onClick: () => a ? a(!1) : {}, "data-cy": "Dialog", children: /* @__PURE__ */ o("dialog", { className: r.dialog, onClick: (s) => s.stopPropagation(), ...i, children: l }) });
+}) => /* @__PURE__ */ a("div", { className: r.wrapper, onClick: () => o ? o(!1) : {}, "data-component": "dialog", children: /* @__PURE__ */ a("dialog", { className: r.dialog, onClick: (p) => p.stopPropagation(), ...i, children: l }) });
 export {
   e as Dialog
 };

package/dist/components/dialog/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/dialog/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport styles from './styles.module.css';\n\nexport type DialogProps = React.DialogHTMLAttributes<HTMLDialogElement> & {\n  children: React.ReactNode;\n  setOpen?: React.Dispatch<React.SetStateAction<boolean>>;\n};\n\nexport const Dialog = ({ children, setOpen, ...props }: DialogProps) => {\n  return (\n    <div\n      className={styles.wrapper}\n      onClick={() => (setOpen ? setOpen(false) : {})}\n    >\n      <dialog\n        className={styles.dialog}\n        onClick={(e) => e.stopPropagation()}\n        {...props}\n      >\n        {children}\n      </dialog>\n    </div>\n  );\n};\n"],"names":["Dialog","children","setOpen","props","jsx","styles","wrapper","dialog","e","stopPropagation"],"mappings":";;;;GASaA,IAASA,CAAC;AAAA,EAAEC,UAAAA;AAAAA,EAAUC,SAAAA;AAAAA,EAAS,GAAGC;AAAmB,MAE9D,gBAAAC,EAAC,OAAA,EACC,WAAWC,EAAOC,SAClB,SAAS,MAAOJ,IAAUA,EAAQ,EAAK,IAAI,CAAA,GAAI,WAAA,UAE/C,UAAA,gBAAAE,EAAC,UAAA,EACC,WAAWC,EAAOE,QAClB,SAAUC,CAAAA,MAAMA,EAAEC,gBAAAA,GAClB,GAAIN,GAEHF,UAAAA,EAAAA,CACH,EAAA,CACF;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/dialog/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport styles from './styles.module.css';\n\nexport type DialogProps = React.DialogHTMLAttributes<HTMLDialogElement> & {\n  children: React.ReactNode;\n  setOpen?: React.Dispatch<React.SetStateAction<boolean>>;\n};\n\nexport const Dialog = ({ children, setOpen, ...props }: DialogProps) => {\n  return (\n    <div\n      className={styles.wrapper}\n      onClick={() => (setOpen ? setOpen(false) : {})}\n    >\n      <dialog\n        className={styles.dialog}\n        onClick={(e) => e.stopPropagation()}\n        {...props}\n      >\n        {children}\n      </dialog>\n    </div>\n  );\n};\n"],"names":["Dialog","children","setOpen","props","jsx","styles","wrapper","dialog","e","stopPropagation"],"mappings":";;;;GASaA,IAASA,CAAC;AAAA,EAAEC,UAAAA;AAAAA,EAAUC,SAAAA;AAAAA,EAAS,GAAGC;AAAmB,MAE9D,gBAAAC,EAAC,OAAA,EACC,WAAWC,EAAOC,SAClB,SAAS,MAAOJ,IAAUA,EAAQ,EAAK,IAAI,CAAA,GAAI,kBAAA,UAE/C,UAAA,gBAAAE,EAAC,UAAA,EACC,WAAWC,EAAOE,QAClB,SAAUC,CAAAA,MAAMA,EAAEC,gBAAAA,GAClB,GAAIN,GAEHF,UAAAA,EAAAA,CACH,EAAA,CACF;"}

package/dist/components/figure/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index35.css');const t=require("react/jsx-runtime"),u=require("../../classix-5H4IWnMA.cjs"),f="_figure_o5yru_1",c="_offset_o5yru_24",r={figure:f,offset:c},n=({children:i,className:o,label:s,offset:e})=>t.jsxs("figure",{className:u.t(r.figure,e&&r.offset,o),style:{...e&&{[`--offset-${e}`]:"var(--offset)"}},"data-cy":"Figure",children:[i,s&&t.jsx("figcaption",{children:s})]});exports.Figure=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index35.css');const s=require("react/jsx-runtime"),n=require("../../classix-5H4IWnMA.cjs"),c="_figure_dbdy8_1",f="_offset_dbdy8_19",r={figure:c,offset:f},u=({children:i,className:o,label:t,offset:e})=>s.jsxs("figure",{className:n.t(r.figure,e&&r.offset,o),style:{...e&&{[`--offset-${e}`]:"var(--offset)"}},"data-component":"figure",children:[i,t&&s.jsx("figcaption",{"data-content":"screen-reader",children:t})]});exports.Figure=u;
 //# sourceMappingURL=index.cjs.map

package/dist/components/figure/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/figure/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport styles from './styles.module.css';\n\nexport type FigureProps = {\n  children?: React.ReactNode;\n  className?: string;\n  label?: string;\n  offset?: 'left' | 'right';\n};\n\nexport const Figure = ({ children, className, label, offset }: FigureProps) => (\n  <figure\n    className={cx(styles.figure, offset && styles.offset, className)}\n    style={\n      {\n        ...(offset && { [`--offset-${offset}`]: 'var(--offset)' }),\n      } as React.CSSProperties\n    }\n  >\n    {children}\n    {label && <figcaption>{label}</figcaption>}\n  </figure>\n);\n"],"names":["Figure","children","className","label","offset","jsxs","cx","styles","figure","jsx"],"mappings":"4NAWaA,EAASA,CAAC,CAAEC,SAAAA,EAAUC,UAAAA,EAAWC,MAAAA,EAAOC,OAAAA,CAAoB,IACvEC,EAAAA,KAAC,SAAA,CACC,UAAWC,EAAAA,EAAGC,EAAOC,OAAQJ,GAAUG,EAAOH,OAAQF,CAAS,EAC/D,MACE,CACE,GAAIE,GAAU,CAAE,CAAC,YAAYA,CAAM,EAAE,EAAG,eAAA,CAC1C,EACD,UAAA,SAEAH,SAAAA,CAAAA,EACAE,GAASM,EAAAA,IAAC,aAAA,CAAYN,SAAAA,CAAAA,CAAM,CAAA,CAAA,CAC/B"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/figure/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport styles from './styles.module.css';\n\nexport type FigureProps = {\n  children?: React.ReactNode;\n  className?: string;\n  label?: string;\n  offset?: 'left' | 'right';\n};\n\nexport const Figure = ({ children, className, label, offset }: FigureProps) => (\n  <figure\n    className={cx(styles.figure, offset && styles.offset, className)}\n    style={\n      {\n        ...(offset && { [`--offset-${offset}`]: 'var(--offset)' }),\n      } as React.CSSProperties\n    }\n  >\n    {children}\n    {label && <figcaption data-content='screen-reader'>{label}</figcaption>}\n  </figure>\n);\n"],"names":["Figure","children","className","label","offset","jsxs","cx","styles","figure","jsx"],"mappings":"4NAWaA,EAASA,CAAC,CAAEC,SAAAA,EAAUC,UAAAA,EAAWC,MAAAA,EAAOC,OAAAA,CAAoB,IACvEC,EAAAA,KAAC,SAAA,CACC,UAAWC,EAAAA,EAAGC,EAAOC,OAAQJ,GAAUG,EAAOH,OAAQF,CAAS,EAC/D,MACE,CACE,GAAIE,GAAU,CAAE,CAAC,YAAYA,CAAM,EAAE,EAAG,eAAA,CAC1C,EACD,iBAAA,SAEAH,SAAAA,CAAAA,EACAE,GAASM,EAAAA,IAAC,aAAA,CAAW,eAAa,gBAAiBN,SAAAA,CAAAA,CAAM,CAAA,CAAA,CAC5D"}

package/dist/components/figure/index.js

@@ -1,22 +1,22 @@
-import { jsxs as t, jsx as i } from "react/jsx-runtime";
-import { t as c } from "../../classix-DG18itHa.js";
-import '../../assets/index35.css';const u = "_figure_o5yru_1", g = "_offset_o5yru_24", f = {
-  figure: u,
-  offset: g
-}, a = ({
-  children: o,
-  className: s,
-  label: e,
-  offset: r
-}) => /* @__PURE__ */ t("figure", { className: c(f.figure, r && f.offset, s), style: {
-  ...r && {
-    [`--offset-${r}`]: "var(--offset)"
+import { jsxs as s, jsx as i } from "react/jsx-runtime";
+import { t as n } from "../../classix-DG18itHa.js";
+import '../../assets/index35.css';const c = "_figure_dbdy8_1", d = "_offset_dbdy8_19", r = {
+  figure: c,
+  offset: d
+}, u = ({
+  children: f,
+  className: o,
+  label: t,
+  offset: e
+}) => /* @__PURE__ */ s("figure", { className: n(r.figure, e && r.offset, o), style: {
+  ...e && {
+    [`--offset-${e}`]: "var(--offset)"
   }
-}, "data-cy": "Figure", children: [
-  o,
-  e && /* @__PURE__ */ i("figcaption", { children: e })
+}, "data-component": "figure", children: [
+  f,
+  t && /* @__PURE__ */ i("figcaption", { "data-content": "screen-reader", children: t })
 ] });
 export {
-  a as Figure
+  u as Figure
 };
 //# sourceMappingURL=index.js.map

package/dist/components/figure/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/figure/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport styles from './styles.module.css';\n\nexport type FigureProps = {\n  children?: React.ReactNode;\n  className?: string;\n  label?: string;\n  offset?: 'left' | 'right';\n};\n\nexport const Figure = ({ children, className, label, offset }: FigureProps) => (\n  <figure\n    className={cx(styles.figure, offset && styles.offset, className)}\n    style={\n      {\n        ...(offset && { [`--offset-${offset}`]: 'var(--offset)' }),\n      } as React.CSSProperties\n    }\n  >\n    {children}\n    {label && <figcaption>{label}</figcaption>}\n  </figure>\n);\n"],"names":["Figure","children","className","label","offset","jsxs","cx","styles","figure","jsx"],"mappings":";;;;;GAWaA,IAASA,CAAC;AAAA,EAAEC,UAAAA;AAAAA,EAAUC,WAAAA;AAAAA,EAAWC,OAAAA;AAAAA,EAAOC,QAAAA;AAAoB,MACvE,gBAAAC,EAAC,UAAA,EACC,WAAWC,EAAGC,EAAOC,QAAQJ,KAAUG,EAAOH,QAAQF,CAAS,GAC/D,OACE;AAAA,EACE,GAAIE,KAAU;AAAA,IAAE,CAAC,YAAYA,CAAM,EAAE,GAAG;AAAA,EAAA;AAC1C,GACD,WAAA,UAEAH,UAAAA;AAAAA,EAAAA;AAAAA,EACAE,KAAS,gBAAAM,EAAC,cAAA,EAAYN,UAAAA,EAAAA,CAAM;AAAA,EAAA,CAC/B;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/figure/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport styles from './styles.module.css';\n\nexport type FigureProps = {\n  children?: React.ReactNode;\n  className?: string;\n  label?: string;\n  offset?: 'left' | 'right';\n};\n\nexport const Figure = ({ children, className, label, offset }: FigureProps) => (\n  <figure\n    className={cx(styles.figure, offset && styles.offset, className)}\n    style={\n      {\n        ...(offset && { [`--offset-${offset}`]: 'var(--offset)' }),\n      } as React.CSSProperties\n    }\n  >\n    {children}\n    {label && <figcaption data-content='screen-reader'>{label}</figcaption>}\n  </figure>\n);\n"],"names":["Figure","children","className","label","offset","jsxs","cx","styles","figure","jsx"],"mappings":";;;;;GAWaA,IAASA,CAAC;AAAA,EAAEC,UAAAA;AAAAA,EAAUC,WAAAA;AAAAA,EAAWC,OAAAA;AAAAA,EAAOC,QAAAA;AAAoB,MACvE,gBAAAC,EAAC,UAAA,EACC,WAAWC,EAAGC,EAAOC,QAAQJ,KAAUG,EAAOH,QAAQF,CAAS,GAC/D,OACE;AAAA,EACE,GAAIE,KAAU;AAAA,IAAE,CAAC,YAAYA,CAAM,EAAE,GAAG;AAAA,EAAA;AAC1C,GACD,kBAAA,UAEAH,UAAAA;AAAAA,EAAAA;AAAAA,EACAE,KAAS,gBAAAM,EAAC,cAAA,EAAW,gBAAa,iBAAiBN,UAAAA,EAAAA,CAAM;AAAA,EAAA,CAC5D;"}

package/dist/components/file/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index13.css');const e=require("react/jsx-runtime"),l=require("../icon/index.cjs"),o="_file_1kh7b_1",r={file:o,delete:"_delete_1kh7b_45"},c=({name:i,onClick:t,onDelete:s,url:a})=>e.jsxs("div",{className:r.file,"data-cy":"File",children:[e.jsxs("a",{href:a,onClick:n=>{n.stopPropagation(),(t||!a)&&(n.preventDefault(),t&&t())},role:a||t?"document":"auto",title:i,children:[e.jsx(l.Icon,{name:"document",size:"small",variant:"primary"}),i]}),s&&e.jsx("a",{"aria-label":"delete document",className:r.delete,onClick:()=>s(),tabIndex:0,children:e.jsx(l.Icon,{name:"trash",size:"small",variant:"danger"})})]});exports.File=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index14.css');const e=require("react/jsx-runtime"),l=require("../icon/index.cjs"),r="_file_1kh7b_1",o={file:r,delete:"_delete_1kh7b_45"},c=({name:i,onClick:t,onDelete:n,url:a})=>e.jsxs("div",{className:o.file,"data-component":"file",children:[e.jsxs("a",{href:a,onClick:s=>{s.stopPropagation(),(t||!a)&&(s.preventDefault(),t&&t())},role:a||t?"document":"auto",title:i,children:[e.jsx(l.Icon,{name:"document",size:"small",variant:"primary"}),i]}),n&&e.jsx("a",{"aria-label":"delete document",className:o.delete,onClick:()=>n(),tabIndex:0,children:e.jsx(l.Icon,{name:"trash",size:"small",variant:"danger"})})]});exports.File=c;
 //# sourceMappingURL=index.cjs.map

package/dist/components/file/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/file/index.tsx"],"sourcesContent":["import { Icon } from '@/components/icon';\n\nimport styles from './styles.module.css';\n\nexport type FileProps = {\n  name: string;\n  onClick?: () => void;\n  onDelete?: () => void;\n  url?: string;\n};\n\nexport const File = ({ name, onClick, onDelete, url }: FileProps) => {\n  return (\n    <div className={styles.file}>\n      <a\n        href={url}\n        onClick={(e) => {\n          e.stopPropagation();\n\n          if (onClick || !url) {\n            e.preventDefault();\n\n            if (onClick) {\n              onClick();\n            }\n          }\n        }}\n        role={url || onClick ? 'document' : 'auto'}\n        title={name}\n      >\n        <Icon\n          name={'document'}\n          size={'small'}\n          variant={'primary'}\n        />\n        {name}\n      </a>\n      {onDelete && (\n        <a\n          aria-label={'delete document'}\n          className={styles.delete}\n          onClick={() => onDelete()}\n          tabIndex={0}\n        >\n          <Icon\n            name={'trash'}\n            size={'small'}\n            variant={'danger'}\n          />\n        </a>\n      )}\n    </div>\n  );\n};\n"],"names":["File","name","onClick","onDelete","url","styles","file","jsxs","e","stopPropagation","preventDefault","jsx","Icon","delete"],"mappings":"2MAWaA,EAAOA,CAAC,CAAEC,KAAAA,EAAMC,QAAAA,EAASC,SAAAA,EAAUC,IAAAA,CAAe,WAE1D,MAAA,CAAI,UAAWC,EAAOC,KAAK,UAAA,OAC1B,SAAA,CAAAC,EAAAA,KAAC,IAAA,CACC,KAAMH,EACN,QAAUI,GAAM,CACdA,EAAEC,gBAAAA,GAEEP,GAAW,CAACE,KACdI,EAAEE,eAAAA,EAEER,GACFA,EAAAA,EAGN,EACA,KAAME,GAAOF,EAAU,WAAa,OACpC,MAAOD,EAEP,SAAA,CAAAU,MAACC,EAAAA,MACC,KAAM,WACN,KAAM,QACN,QAAS,UAAU,EAEpBX,CAAAA,EACH,EACCE,SACE,IAAA,CACC,aAAY,kBACZ,UAAWE,EAAOQ,OAClB,QAAS,IAAMV,EAAAA,EACf,SAAU,EAEV,eAACS,EAAAA,KAAA,CACC,KAAM,QACN,KAAM,QACN,QAAS,QAAA,CAAS,CAAA,CAEtB,CAAA,EAEJ"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/file/index.tsx"],"sourcesContent":["import { Icon } from '@/components/icon';\n\nimport styles from './styles.module.css';\n\nexport type FileProps = {\n  name: string;\n  onClick?: () => void;\n  onDelete?: () => void;\n  url?: string;\n};\n\nexport const File = ({ name, onClick, onDelete, url }: FileProps) => {\n  return (\n    <div className={styles.file}>\n      <a\n        href={url}\n        onClick={(e) => {\n          e.stopPropagation();\n\n          if (onClick || !url) {\n            e.preventDefault();\n\n            if (onClick) {\n              onClick();\n            }\n          }\n        }}\n        role={url || onClick ? 'document' : 'auto'}\n        title={name}\n      >\n        <Icon\n          name={'document'}\n          size={'small'}\n          variant={'primary'}\n        />\n        {name}\n      </a>\n      {onDelete && (\n        <a\n          aria-label={'delete document'}\n          className={styles.delete}\n          onClick={() => onDelete()}\n          tabIndex={0}\n        >\n          <Icon\n            name={'trash'}\n            size={'small'}\n            variant={'danger'}\n          />\n        </a>\n      )}\n    </div>\n  );\n};\n"],"names":["File","name","onClick","onDelete","url","styles","file","jsxs","e","stopPropagation","preventDefault","jsx","Icon","delete"],"mappings":"2MAWaA,EAAOA,CAAC,CAAEC,KAAAA,EAAMC,QAAAA,EAASC,SAAAA,EAAUC,IAAAA,CAAe,WAE1D,MAAA,CAAI,UAAWC,EAAOC,KAAK,iBAAA,OAC1B,SAAA,CAAAC,EAAAA,KAAC,IAAA,CACC,KAAMH,EACN,QAAUI,GAAM,CACdA,EAAEC,gBAAAA,GAEEP,GAAW,CAACE,KACdI,EAAEE,eAAAA,EAEER,GACFA,EAAAA,EAGN,EACA,KAAME,GAAOF,EAAU,WAAa,OACpC,MAAOD,EAEP,SAAA,CAAAU,MAACC,EAAAA,MACC,KAAM,WACN,KAAM,QACN,QAAS,UAAU,EAEpBX,CAAAA,EACH,EACCE,SACE,IAAA,CACC,aAAY,kBACZ,UAAWE,EAAOQ,OAClB,QAAS,IAAMV,EAAAA,EACf,SAAU,EAEV,eAACS,EAAAA,KAAA,CACC,KAAM,QACN,KAAM,QACN,QAAS,QAAA,CAAS,CAAA,CAEtB,CAAA,EAEJ"}

package/dist/components/file/index.js

@@ -1,21 +1,21 @@
-import { jsxs as s, jsx as t } from "react/jsx-runtime";
-import { Icon as n } from "../icon/index.js";
-import '../../assets/index13.css';const d = "_file_1kh7b_1", o = {
+import { jsxs as n, jsx as a } from "react/jsx-runtime";
+import { Icon as s } from "../icon/index.js";
+import '../../assets/index14.css';const d = "_file_1kh7b_1", o = {
   file: d,
   delete: "_delete_1kh7b_45"
 }, f = ({
   name: i,
   onClick: e,
   onDelete: l,
-  url: a
-}) => /* @__PURE__ */ s("div", { className: o.file, "data-cy": "File", children: [
-  /* @__PURE__ */ s("a", { href: a, onClick: (r) => {
-    r.stopPropagation(), (e || !a) && (r.preventDefault(), e && e());
-  }, role: a || e ? "document" : "auto", title: i, children: [
-    /* @__PURE__ */ t(n, { name: "document", size: "small", variant: "primary" }),
+  url: t
+}) => /* @__PURE__ */ n("div", { className: o.file, "data-component": "file", children: [
+  /* @__PURE__ */ n("a", { href: t, onClick: (r) => {
+    r.stopPropagation(), (e || !t) && (r.preventDefault(), e && e());
+  }, role: t || e ? "document" : "auto", title: i, children: [
+    /* @__PURE__ */ a(s, { name: "document", size: "small", variant: "primary" }),
     i
   ] }),
-  l && /* @__PURE__ */ t("a", { "aria-label": "delete document", className: o.delete, onClick: () => l(), tabIndex: 0, children: /* @__PURE__ */ t(n, { name: "trash", size: "small", variant: "danger" }) })
+  l && /* @__PURE__ */ a("a", { "aria-label": "delete document", className: o.delete, onClick: () => l(), tabIndex: 0, children: /* @__PURE__ */ a(s, { name: "trash", size: "small", variant: "danger" }) })
 ] });
 export {
   f as File

package/dist/components/file/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/file/index.tsx"],"sourcesContent":["import { Icon } from '@/components/icon';\n\nimport styles from './styles.module.css';\n\nexport type FileProps = {\n  name: string;\n  onClick?: () => void;\n  onDelete?: () => void;\n  url?: string;\n};\n\nexport const File = ({ name, onClick, onDelete, url }: FileProps) => {\n  return (\n    <div className={styles.file}>\n      <a\n        href={url}\n        onClick={(e) => {\n          e.stopPropagation();\n\n          if (onClick || !url) {\n            e.preventDefault();\n\n            if (onClick) {\n              onClick();\n            }\n          }\n        }}\n        role={url || onClick ? 'document' : 'auto'}\n        title={name}\n      >\n        <Icon\n          name={'document'}\n          size={'small'}\n          variant={'primary'}\n        />\n        {name}\n      </a>\n      {onDelete && (\n        <a\n          aria-label={'delete document'}\n          className={styles.delete}\n          onClick={() => onDelete()}\n          tabIndex={0}\n        >\n          <Icon\n            name={'trash'}\n            size={'small'}\n            variant={'danger'}\n          />\n        </a>\n      )}\n    </div>\n  );\n};\n"],"names":["File","name","onClick","onDelete","url","styles","file","jsxs","e","stopPropagation","preventDefault","jsx","Icon","delete"],"mappings":";;;;;GAWaA,IAAOA,CAAC;AAAA,EAAEC,MAAAA;AAAAA,EAAMC,SAAAA;AAAAA,EAASC,UAAAA;AAAAA,EAAUC,KAAAA;AAAe,wBAE1D,OAAA,EAAI,WAAWC,EAAOC,MAAK,WAAA,QAC1B,UAAA;AAAA,EAAA,gBAAAC,EAAC,KAAA,EACC,MAAMH,GACN,SAAUI,CAAAA,MAAM;AACdA,IAAAA,EAAEC,gBAAAA,IAEEP,KAAW,CAACE,OACdI,EAAEE,eAAAA,GAEER,KACFA,EAAAA;AAAAA,EAGN,GACA,MAAME,KAAOF,IAAU,aAAa,QACpC,OAAOD,GAEP,UAAA;AAAA,IAAA,gBAAAU,EAACC,KACC,MAAM,YACN,MAAM,SACN,SAAS,WAAU;AAAA,IAEpBX;AAAAA,EAAAA,GACH;AAAA,EACCE,uBACE,KAAA,EACC,cAAY,mBACZ,WAAWE,EAAOQ,QAClB,SAAS,MAAMV,EAAAA,GACf,UAAU,GAEV,4BAACS,GAAA,EACC,MAAM,SACN,MAAM,SACN,SAAS,SAAA,CAAS,EAAA,CAEtB;AAAA,GAEJ;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/file/index.tsx"],"sourcesContent":["import { Icon } from '@/components/icon';\n\nimport styles from './styles.module.css';\n\nexport type FileProps = {\n  name: string;\n  onClick?: () => void;\n  onDelete?: () => void;\n  url?: string;\n};\n\nexport const File = ({ name, onClick, onDelete, url }: FileProps) => {\n  return (\n    <div className={styles.file}>\n      <a\n        href={url}\n        onClick={(e) => {\n          e.stopPropagation();\n\n          if (onClick || !url) {\n            e.preventDefault();\n\n            if (onClick) {\n              onClick();\n            }\n          }\n        }}\n        role={url || onClick ? 'document' : 'auto'}\n        title={name}\n      >\n        <Icon\n          name={'document'}\n          size={'small'}\n          variant={'primary'}\n        />\n        {name}\n      </a>\n      {onDelete && (\n        <a\n          aria-label={'delete document'}\n          className={styles.delete}\n          onClick={() => onDelete()}\n          tabIndex={0}\n        >\n          <Icon\n            name={'trash'}\n            size={'small'}\n            variant={'danger'}\n          />\n        </a>\n      )}\n    </div>\n  );\n};\n"],"names":["File","name","onClick","onDelete","url","styles","file","jsxs","e","stopPropagation","preventDefault","jsx","Icon","delete"],"mappings":";;;;;GAWaA,IAAOA,CAAC;AAAA,EAAEC,MAAAA;AAAAA,EAAMC,SAAAA;AAAAA,EAASC,UAAAA;AAAAA,EAAUC,KAAAA;AAAe,wBAE1D,OAAA,EAAI,WAAWC,EAAOC,MAAK,kBAAA,QAC1B,UAAA;AAAA,EAAA,gBAAAC,EAAC,KAAA,EACC,MAAMH,GACN,SAAUI,CAAAA,MAAM;AACdA,IAAAA,EAAEC,gBAAAA,IAEEP,KAAW,CAACE,OACdI,EAAEE,eAAAA,GAEER,KACFA,EAAAA;AAAAA,EAGN,GACA,MAAME,KAAOF,IAAU,aAAa,QACpC,OAAOD,GAEP,UAAA;AAAA,IAAA,gBAAAU,EAACC,KACC,MAAM,YACN,MAAM,SACN,SAAS,WAAU;AAAA,IAEpBX;AAAAA,EAAAA,GACH;AAAA,EACCE,uBACE,KAAA,EACC,cAAY,mBACZ,WAAWE,EAAOQ,QAClB,SAAS,MAAMV,EAAAA,GACf,UAAU,GAEV,4BAACS,GAAA,EACC,MAAM,SACN,MAAM,SACN,SAAS,SAAA,CAAS,EAAA,CAEtB;AAAA,GAEJ;"}

package/dist/components/form/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index12.css');const t=require("react/jsx-runtime"),i=require("../../classix-5H4IWnMA.cjs"),c="_form_1by0q_1",l="_inline_1by0q_17",o={form:c,inline:l},m=({animation:e,children:r,inline:s=!1,...n})=>t.jsx("form",{className:i.t(e&&e,s&&o.inline,o.form),...n,"data-cy":"Form",children:r&&r});exports.Form=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index13.css');const t=require("react/jsx-runtime"),i=require("../../classix-5H4IWnMA.cjs"),c="_form_1by0q_1",l="_inline_1by0q_17",n={form:c,inline:l},m=({animation:e,children:o,inline:r=!1,...s})=>t.jsx("form",{className:i.t(e&&e,r&&n.inline,n.form),...s,"data-component":"form",children:o&&o});exports.Form=m;
 //# sourceMappingURL=index.cjs.map

package/dist/components/form/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/form/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport type { AnimationName } from '../../styles/animations.ts';\nimport styles from './styles.module.css';\n\nexport type FormProps = React.FormHTMLAttributes<HTMLFormElement> & {\n  animation?: AnimationName;\n  children?: React.ReactNode;\n  inline?: boolean;\n};\n\nexport const Form = ({ animation, children, inline = false, ...props }: FormProps) => {\n  return (\n    <form\n      className={cx(animation && animation, inline && styles.inline, styles.form)}\n      {...props}\n    >\n      {children && children}\n    </form>\n  );\n};\n"],"names":["Form","animation","children","inline","props","cx","styles","form"],"mappings":"wNAWaA,EAAOA,CAAC,CAAEC,UAAAA,EAAWC,SAAAA,EAAUC,OAAAA,EAAS,GAAO,GAAGC,CAAiB,UAE3E,OAAA,CACC,UAAWC,EAAAA,EAAGJ,GAAaA,EAAWE,GAAUG,EAAOH,OAAQG,EAAOC,IAAI,EAC1E,GAAIH,EAAM,UAAA,OAETF,YAAYA,EACf"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/form/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport type { AnimationName } from '../../styles/animations.ts';\nimport styles from './styles.module.css';\n\nexport type FormProps = React.FormHTMLAttributes<HTMLFormElement> & {\n  animation?: AnimationName;\n  children?: React.ReactNode;\n  inline?: boolean;\n};\n\nexport const Form = ({ animation, children, inline = false, ...props }: FormProps) => {\n  return (\n    <form\n      className={cx(animation && animation, inline && styles.inline, styles.form)}\n      {...props}\n    >\n      {children && children}\n    </form>\n  );\n};\n"],"names":["Form","animation","children","inline","props","cx","styles","form"],"mappings":"wNAWaA,EAAOA,CAAC,CAAEC,UAAAA,EAAWC,SAAAA,EAAUC,OAAAA,EAAS,GAAO,GAAGC,CAAiB,UAE3E,OAAA,CACC,UAAWC,EAAAA,EAAGJ,GAAaA,EAAWE,GAAUG,EAAOH,OAAQG,EAAOC,IAAI,EAC1E,GAAIH,EAAM,iBAAA,OAETF,YAAYA,EACf"}

package/dist/components/form/index.js

@@ -1,14 +1,14 @@
-import { jsx as t } from "react/jsx-runtime";
-import { t as e } from "../../classix-DG18itHa.js";
-import '../../assets/index12.css';const f = "_form_1by0q_1", i = "_inline_1by0q_17", m = {
+import { jsx as e } from "react/jsx-runtime";
+import { t as s } from "../../classix-DG18itHa.js";
+import '../../assets/index13.css';const f = "_form_1by0q_1", i = "_inline_1by0q_17", n = {
   form: f,
   inline: i
 }, _ = ({
   animation: o,
   children: r,
-  inline: n = !1,
-  ...s
-}) => /* @__PURE__ */ t("form", { className: e(o && o, n && m.inline, m.form), ...s, "data-cy": "Form", children: r && r });
+  inline: m = !1,
+  ...t
+}) => /* @__PURE__ */ e("form", { className: s(o && o, m && n.inline, n.form), ...t, "data-component": "form", children: r && r });
 export {
   _ as Form
 };

package/dist/components/form/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/form/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport type { AnimationName } from '../../styles/animations.ts';\nimport styles from './styles.module.css';\n\nexport type FormProps = React.FormHTMLAttributes<HTMLFormElement> & {\n  animation?: AnimationName;\n  children?: React.ReactNode;\n  inline?: boolean;\n};\n\nexport const Form = ({ animation, children, inline = false, ...props }: FormProps) => {\n  return (\n    <form\n      className={cx(animation && animation, inline && styles.inline, styles.form)}\n      {...props}\n    >\n      {children && children}\n    </form>\n  );\n};\n"],"names":["Form","animation","children","inline","props","cx","styles","form"],"mappings":";;;;;GAWaA,IAAOA,CAAC;AAAA,EAAEC,WAAAA;AAAAA,EAAWC,UAAAA;AAAAA,EAAUC,QAAAA,IAAS;AAAA,EAAO,GAAGC;AAAiB,wBAE3E,QAAA,EACC,WAAWC,EAAGJ,KAAaA,GAAWE,KAAUG,EAAOH,QAAQG,EAAOC,IAAI,GAC1E,GAAIH,GAAM,WAAA,QAETF,eAAYA,GACf;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/form/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport type { AnimationName } from '../../styles/animations.ts';\nimport styles from './styles.module.css';\n\nexport type FormProps = React.FormHTMLAttributes<HTMLFormElement> & {\n  animation?: AnimationName;\n  children?: React.ReactNode;\n  inline?: boolean;\n};\n\nexport const Form = ({ animation, children, inline = false, ...props }: FormProps) => {\n  return (\n    <form\n      className={cx(animation && animation, inline && styles.inline, styles.form)}\n      {...props}\n    >\n      {children && children}\n    </form>\n  );\n};\n"],"names":["Form","animation","children","inline","props","cx","styles","form"],"mappings":";;;;;GAWaA,IAAOA,CAAC;AAAA,EAAEC,WAAAA;AAAAA,EAAWC,UAAAA;AAAAA,EAAUC,QAAAA,IAAS;AAAA,EAAO,GAAGC;AAAiB,wBAE3E,QAAA,EACC,WAAWC,EAAGJ,KAAaA,GAAWE,KAAUG,EAAOH,QAAQG,EAAOC,IAAI,GAC1E,GAAIH,GAAM,kBAAA,QAETF,eAAYA,GACf;"}

package/dist/components/graph/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index12.css');const a=require("react/jsx-runtime"),b=require("../../classix-5H4IWnMA.cjs"),y=require("../loading/index.cjs"),j="_graph_1ayim_11",v="_plot_1ayim_20",N="_item_1ayim_30",f="_column_1ayim_36",M="_value_1ayim_44",V="_track_1ayim_54",k="_bar_1ayim_61",S="_label_1ayim_82",e={graph:j,plot:v,item:N,column:f,value:M,track:V,bar:k,label:S,"is-loading":"_is-loading_1ayim_91"},m=l=>Number.isFinite(l)?Math.max(0,l):0,q=({className:l,height:r,items:n=[],label:o,style:h,valueFormatter:_=c=>c.toLocaleString(),...u})=>{const c=n.reduce((s,t)=>Math.max(s,m(t.value)),0),p={...h,"--graph-columns":Math.max(n.length,1),"--graph-height":r||"calc(var(--unit) * 16)"};return a.jsxs("figure",{className:b.t(e.graph,l),style:p,...u,"data-component":"graph",children:[o&&a.jsx("figcaption",{"data-content":"screen-reader",children:o}),n.length>0?a.jsx("ul",{className:e.plot,children:n.map((s,t)=>{const i=m(s.value),d=c>0?i/c*100:0,g=i>0?Math.max(d,6):0,x={"--bar-color":s.color,"--bar-delay":t*50+"ms","--bar-height":g+"%"};return a.jsxs("li",{className:e.item,"data-component":"graph",children:[a.jsxs("div",{className:e.column,children:[a.jsx("span",{className:e.value,children:_(s.value)}),a.jsx("span",{className:e.track,children:a.jsx("span",{className:e.bar,style:x})})]}),a.jsx("span",{className:e.label,title:s.label,children:s.label})]},s.label+t)})}):a.jsx("div",{className:e["is-loading"],children:a.jsx(y.Loading,{})})]})};exports.Graph=q;
+//# sourceMappingURL=index.cjs.map

package/dist/components/graph/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../src/components/graph/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport { Loading } from '../loading';\nimport styles from './styles.module.css';\n\nexport type GraphItem = {\n  color?: string;\n  label: string;\n  value: number;\n};\n\nexport type GraphProps = Omit<React.ComponentPropsWithoutRef<'figure'>, 'children'> & {\n  height?: string;\n  items?: GraphItem[];\n  label?: string;\n  valueFormatter?: (value: number) => string;\n};\n\nconst toSafeValue = (value: number) => (Number.isFinite(value) ? Math.max(0, value) : 0);\n\nexport const Graph = ({\n  className,\n  height,\n  items = [],\n  label,\n  style,\n  valueFormatter = (value) => value.toLocaleString(),\n  ...props\n}: GraphProps) => {\n  type withVars = React.CSSProperties & {\n    '--graph-columns'?: number;\n    '--graph-height'?: string;\n  };\n\n  type withBarVars = React.CSSProperties & {\n    '--bar-color'?: string;\n    '--bar-delay'?: string;\n    '--bar-height'?: string;\n  };\n\n  const maxValue = items.reduce((max, item) => Math.max(max, toSafeValue(item.value)), 0);\n\n  const withVars: withVars = {\n    ...style,\n    '--graph-columns': Math.max(items.length, 1),\n    '--graph-height': height ? height : 'calc(var(--unit) * 16)',\n  };\n\n  return (\n    <figure\n      className={cx(styles.graph, className)}\n      style={withVars}\n      {...props}\n    >\n      {label && <figcaption data-content='screen-reader'>{label}</figcaption>}\n      {items.length > 0 ? (\n        <ul className={styles.plot}>\n          {items.map((item, index) => {\n            const safeValue = toSafeValue(item.value);\n            const rawPercent = maxValue > 0 ? (safeValue / maxValue) * 100 : 0;\n            const percent = safeValue > 0 ? Math.max(rawPercent, 6) : 0;\n\n            const withBarVars: withBarVars = {\n              '--bar-color': item.color,\n              '--bar-delay': index * 50 + 'ms',\n              '--bar-height': percent + '%',\n            };\n\n            return (\n              <li\n                className={styles.item}\n                key={item.label + index}\n              >\n                <div className={styles.column}>\n                  <span className={styles.value}>{valueFormatter(item.value)}</span>\n                  <span className={styles.track}>\n                    <span\n                      className={styles.bar}\n                      style={withBarVars}\n                    />\n                  </span>\n                </div>\n                <span\n                  className={styles.label}\n                  title={item.label}\n                >\n                  {item.label}\n                </span>\n              </li>\n            );\n          })}\n        </ul>\n      ) : (\n        <div className={styles['is-loading']}>\n          <Loading />\n        </div>\n      )}\n    </figure>\n  );\n};\n"],"names":["toSafeValue","value","Number","isFinite","Math","max","Graph","className","height","items","label","style","valueFormatter","toLocaleString","props","maxValue","reduce","item","withVars","length","jsxs","cx","styles","graph","jsx","plot","map","index","safeValue","rawPercent","percent","withBarVars","color","column","track","bar","Loading"],"mappings":"icAkBMA,EAAeC,GAAmBC,OAAOC,SAASF,CAAK,EAAIG,KAAKC,IAAI,EAAGJ,CAAK,EAAI,EAEzEK,EAAQA,CAAC,CACpBC,UAAAA,EACAC,OAAAA,EACAC,MAAAA,EAAQ,CAAA,EACRC,MAAAA,EACAC,MAAAA,EACAC,eAAAA,EAAkBX,GAAUA,EAAMY,eAAAA,EAClC,GAAGC,CACO,IAAM,CAYhB,MAAMC,EAAWN,EAAMO,OAAO,CAACX,EAAKY,IAASb,KAAKC,IAAIA,EAAKL,EAAYiB,EAAKhB,KAAK,CAAC,EAAG,CAAC,EAEhFiB,EAAqB,CACzB,GAAGP,EACH,kBAAmBP,KAAKC,IAAII,EAAMU,OAAQ,CAAC,EAC3C,iBAAkBX,GAAkB,wBAAA,EAGtC,OACEY,EAAAA,KAAC,SAAA,CACC,UAAWC,EAAAA,EAAGC,EAAOC,MAAOhB,CAAS,EACrC,MAAOW,EACP,GAAIJ,EAAM,iBAAA,QAETJ,SAAAA,CAAAA,GAASc,EAAAA,IAAC,aAAA,CAAW,eAAa,gBAAiBd,SAAAA,EAAM,EACzDD,EAAMU,OAAS,EACdK,EAAAA,IAAC,KAAA,CAAG,UAAWF,EAAOG,KACnBhB,SAAAA,EAAMiB,IAAI,CAACT,EAAMU,IAAU,CAC1B,MAAMC,EAAY5B,EAAYiB,EAAKhB,KAAK,EAClC4B,EAAad,EAAW,EAAKa,EAAYb,EAAY,IAAM,EAC3De,EAAUF,EAAY,EAAIxB,KAAKC,IAAIwB,EAAY,CAAC,EAAI,EAEpDE,EAA2B,CAC/B,cAAed,EAAKe,MACpB,cAAeL,EAAQ,GAAK,KAC5B,eAAgBG,EAAU,GAAA,EAG5B,cACG,KAAA,CACC,UAAWR,EAAOL,KACM,iBAAA,QAExB,SAAA,CAAAG,EAAAA,KAAC,MAAA,CAAI,UAAWE,EAAOW,OACrB,SAAA,CAAAT,EAAAA,IAAC,QAAK,UAAWF,EAAOrB,MAAQW,SAAAA,EAAeK,EAAKhB,KAAK,EAAE,EAC3DuB,EAAAA,IAAC,OAAA,CAAK,UAAWF,EAAOY,MACtB,SAAAV,EAAAA,IAAC,OAAA,CACC,UAAWF,EAAOa,IAClB,MAAOJ,CAAAA,CAAY,CAAA,CAEvB,CAAA,EACF,EACAP,EAAAA,IAAC,QACC,UAAWF,EAAOZ,MAClB,MAAOO,EAAKP,MAEXO,SAAAA,EAAKP,KAAAA,CACR,CAAA,GAhBKO,EAAKP,MAAQiB,CAiBpB,CAEJ,CAAC,CAAA,CACH,EAEAH,MAAC,MAAA,CAAI,UAAWF,EAAO,YAAY,EACjC,SAAAE,EAAAA,IAACY,EAAAA,QAAA,CAAA,CAAO,CAAA,CACV,CAAA,EAEJ,CAEJ"}

package/dist/components/graph/index.js

@@ -0,0 +1,49 @@
+import { jsxs as s, jsx as e } from "react/jsx-runtime";
+import { t as N } from "../../classix-DG18itHa.js";
+import { Loading as v } from "../loading/index.js";
+import '../../assets/index12.css';const f = "_graph_1ayim_11", x = "_plot_1ayim_20", V = "_item_1ayim_30", k = "_column_1ayim_36", M = "_value_1ayim_44", w = "_track_1ayim_54", j = "_bar_1ayim_61", L = "_label_1ayim_82", a = {
+  graph: f,
+  plot: x,
+  item: V,
+  column: k,
+  value: M,
+  track: w,
+  bar: j,
+  label: L,
+  "is-loading": "_is-loading_1ayim_91"
+}, h = (c) => Number.isFinite(c) ? Math.max(0, c) : 0, G = ({
+  className: c,
+  height: o,
+  items: t = [],
+  label: i,
+  style: _,
+  valueFormatter: p = (r) => r.toLocaleString(),
+  ...u
+}) => {
+  const r = t.reduce((l, n) => Math.max(l, h(n.value)), 0), d = {
+    ..._,
+    "--graph-columns": Math.max(t.length, 1),
+    "--graph-height": o || "calc(var(--unit) * 16)"
+  };
+  return /* @__PURE__ */ s("figure", { className: N(a.graph, c), style: d, ...u, "data-component": "graph", children: [
+    i && /* @__PURE__ */ e("figcaption", { "data-content": "screen-reader", children: i }),
+    t.length > 0 ? /* @__PURE__ */ e("ul", { className: a.plot, children: t.map((l, n) => {
+      const m = h(l.value), g = r > 0 ? m / r * 100 : 0, b = m > 0 ? Math.max(g, 6) : 0, y = {
+        "--bar-color": l.color,
+        "--bar-delay": n * 50 + "ms",
+        "--bar-height": b + "%"
+      };
+      return /* @__PURE__ */ s("li", { className: a.item, "data-component": "graph", children: [
+        /* @__PURE__ */ s("div", { className: a.column, children: [
+          /* @__PURE__ */ e("span", { className: a.value, children: p(l.value) }),
+          /* @__PURE__ */ e("span", { className: a.track, children: /* @__PURE__ */ e("span", { className: a.bar, style: y }) })
+        ] }),
+        /* @__PURE__ */ e("span", { className: a.label, title: l.label, children: l.label })
+      ] }, l.label + n);
+    }) }) : /* @__PURE__ */ e("div", { className: a["is-loading"], children: /* @__PURE__ */ e(v, {}) })
+  ] });
+};
+export {
+  G as Graph
+};
+//# sourceMappingURL=index.js.map

package/dist/components/graph/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/graph/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport { Loading } from '../loading';\nimport styles from './styles.module.css';\n\nexport type GraphItem = {\n  color?: string;\n  label: string;\n  value: number;\n};\n\nexport type GraphProps = Omit<React.ComponentPropsWithoutRef<'figure'>, 'children'> & {\n  height?: string;\n  items?: GraphItem[];\n  label?: string;\n  valueFormatter?: (value: number) => string;\n};\n\nconst toSafeValue = (value: number) => (Number.isFinite(value) ? Math.max(0, value) : 0);\n\nexport const Graph = ({\n  className,\n  height,\n  items = [],\n  label,\n  style,\n  valueFormatter = (value) => value.toLocaleString(),\n  ...props\n}: GraphProps) => {\n  type withVars = React.CSSProperties & {\n    '--graph-columns'?: number;\n    '--graph-height'?: string;\n  };\n\n  type withBarVars = React.CSSProperties & {\n    '--bar-color'?: string;\n    '--bar-delay'?: string;\n    '--bar-height'?: string;\n  };\n\n  const maxValue = items.reduce((max, item) => Math.max(max, toSafeValue(item.value)), 0);\n\n  const withVars: withVars = {\n    ...style,\n    '--graph-columns': Math.max(items.length, 1),\n    '--graph-height': height ? height : 'calc(var(--unit) * 16)',\n  };\n\n  return (\n    <figure\n      className={cx(styles.graph, className)}\n      style={withVars}\n      {...props}\n    >\n      {label && <figcaption data-content='screen-reader'>{label}</figcaption>}\n      {items.length > 0 ? (\n        <ul className={styles.plot}>\n          {items.map((item, index) => {\n            const safeValue = toSafeValue(item.value);\n            const rawPercent = maxValue > 0 ? (safeValue / maxValue) * 100 : 0;\n            const percent = safeValue > 0 ? Math.max(rawPercent, 6) : 0;\n\n            const withBarVars: withBarVars = {\n              '--bar-color': item.color,\n              '--bar-delay': index * 50 + 'ms',\n              '--bar-height': percent + '%',\n            };\n\n            return (\n              <li\n                className={styles.item}\n                key={item.label + index}\n              >\n                <div className={styles.column}>\n                  <span className={styles.value}>{valueFormatter(item.value)}</span>\n                  <span className={styles.track}>\n                    <span\n                      className={styles.bar}\n                      style={withBarVars}\n                    />\n                  </span>\n                </div>\n                <span\n                  className={styles.label}\n                  title={item.label}\n                >\n                  {item.label}\n                </span>\n              </li>\n            );\n          })}\n        </ul>\n      ) : (\n        <div className={styles['is-loading']}>\n          <Loading />\n        </div>\n      )}\n    </figure>\n  );\n};\n"],"names":["toSafeValue","value","Number","isFinite","Math","max","Graph","className","height","items","label","style","valueFormatter","toLocaleString","props","maxValue","reduce","item","withVars","length","jsxs","cx","styles","graph","jsx","plot","map","index","safeValue","rawPercent","percent","withBarVars","color","column","track","bar","Loading"],"mappings":";;;;;;;;;;;;;GAkBMA,IAAcA,CAACC,MAAmBC,OAAOC,SAASF,CAAK,IAAIG,KAAKC,IAAI,GAAGJ,CAAK,IAAI,GAEzEK,IAAQA,CAAC;AAAA,EACpBC,WAAAA;AAAAA,EACAC,QAAAA;AAAAA,EACAC,OAAAA,IAAQ,CAAA;AAAA,EACRC,OAAAA;AAAAA,EACAC,OAAAA;AAAAA,EACAC,gBAAAA,IAAkBX,CAAAA,MAAUA,EAAMY,eAAAA;AAAAA,EAClC,GAAGC;AACO,MAAM;AAYhB,QAAMC,IAAWN,EAAMO,OAAO,CAACX,GAAKY,MAASb,KAAKC,IAAIA,GAAKL,EAAYiB,EAAKhB,KAAK,CAAC,GAAG,CAAC,GAEhFiB,IAAqB;AAAA,IACzB,GAAGP;AAAAA,IACH,mBAAmBP,KAAKC,IAAII,EAAMU,QAAQ,CAAC;AAAA,IAC3C,kBAAkBX,KAAkB;AAAA,EAAA;AAGtC,SACE,gBAAAY,EAAC,UAAA,EACC,WAAWC,EAAGC,EAAOC,OAAOhB,CAAS,GACrC,OAAOW,GACP,GAAIJ,GAAM,kBAAA,SAETJ,UAAAA;AAAAA,IAAAA,KAAS,gBAAAc,EAAC,cAAA,EAAW,gBAAa,iBAAiBd,UAAAA,GAAM;AAAA,IACzDD,EAAMU,SAAS,IACd,gBAAAK,EAAC,MAAA,EAAG,WAAWF,EAAOG,MACnBhB,UAAAA,EAAMiB,IAAI,CAACT,GAAMU,MAAU;AAC1B,YAAMC,IAAY5B,EAAYiB,EAAKhB,KAAK,GAClC4B,IAAad,IAAW,IAAKa,IAAYb,IAAY,MAAM,GAC3De,IAAUF,IAAY,IAAIxB,KAAKC,IAAIwB,GAAY,CAAC,IAAI,GAEpDE,IAA2B;AAAA,QAC/B,eAAed,EAAKe;AAAAA,QACpB,eAAeL,IAAQ,KAAK;AAAA,QAC5B,gBAAgBG,IAAU;AAAA,MAAA;AAG5B,+BACG,MAAA,EACC,WAAWR,EAAOL,MACM,kBAAA,SAExB,UAAA;AAAA,QAAA,gBAAAG,EAAC,OAAA,EAAI,WAAWE,EAAOW,QACrB,UAAA;AAAA,UAAA,gBAAAT,EAAC,UAAK,WAAWF,EAAOrB,OAAQW,UAAAA,EAAeK,EAAKhB,KAAK,GAAE;AAAA,UAC3D,gBAAAuB,EAAC,QAAA,EAAK,WAAWF,EAAOY,OACtB,UAAA,gBAAAV,EAAC,QAAA,EACC,WAAWF,EAAOa,KAClB,OAAOJ,EAAAA,CAAY,EAAA,CAEvB;AAAA,QAAA,GACF;AAAA,QACA,gBAAAP,EAAC,UACC,WAAWF,EAAOZ,OAClB,OAAOO,EAAKP,OAEXO,UAAAA,EAAKP,MAAAA,CACR;AAAA,MAAA,KAhBKO,EAAKP,QAAQiB,CAiBpB;AAAA,IAEJ,CAAC,EAAA,CACH,IAEA,gBAAAH,EAAC,OAAA,EAAI,WAAWF,EAAO,YAAY,GACjC,UAAA,gBAAAE,EAACY,GAAA,CAAA,CAAO,EAAA,CACV;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/components/group/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index11.css');const s=require("react/jsx-runtime"),t=require("../../classix-5H4IWnMA.cjs"),u="_group_g6ddz_1",c={group:u},p=({animation:r,children:e,className:o})=>s.jsx("div",{className:t.t(r&&r,o,c.group),"data-cy":"Group",children:e});exports.Group=p;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index11.css');const t=require("react/jsx-runtime"),s=require("../../classix-5H4IWnMA.cjs"),u="_group_g6ddz_1",c={group:u},n=({animation:o,children:r,className:e})=>t.jsx("div",{className:s.t(o&&o,e,c.group),"data-component":"group",children:r});exports.Group=n;
 //# sourceMappingURL=index.cjs.map

package/dist/components/group/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/group/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport type { AnimationName } from '@/styles/animations.ts';\n\nimport styles from './styles.module.css';\n\nexport type GroupProps = {\n  animation?: AnimationName;\n  children: React.ReactNode;\n  className?: string;\n};\n\nexport const Group = ({ animation, children, className }: GroupProps) => {\n  return <div className={cx(animation && animation, className, styles.group)}>{children}</div>;\n};\n"],"names":["Group","animation","children","className","jsx","cx","styles","group"],"mappings":"4LAYaA,EAAQA,CAAC,CAAEC,UAAAA,EAAWC,SAAAA,EAAUC,UAAAA,CAAsB,IAC1DC,EAAAA,IAAC,MAAA,CAAI,UAAWC,EAAAA,EAAGJ,GAAaA,EAAWE,EAAWG,EAAOC,KAAK,EAAE,UAAA,QAAEL,SAAAA,CAAAA,CAAS"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/group/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport type { AnimationName } from '@/styles/animations.ts';\n\nimport styles from './styles.module.css';\n\nexport type GroupProps = {\n  animation?: AnimationName;\n  children: React.ReactNode;\n  className?: string;\n};\n\nexport const Group = ({ animation, children, className }: GroupProps) => {\n  return <div className={cx(animation && animation, className, styles.group)}>{children}</div>;\n};\n"],"names":["Group","animation","children","className","jsx","cx","styles","group"],"mappings":"4LAYaA,EAAQA,CAAC,CAAEC,UAAAA,EAAWC,SAAAA,EAAUC,UAAAA,CAAsB,IAC1DC,EAAAA,IAAC,MAAA,CAAI,UAAWC,EAAAA,EAAGJ,GAAaA,EAAWE,EAAWG,EAAOC,KAAK,EAAE,iBAAA,QAAEL,SAAAA,CAAAA,CAAS"}

package/dist/components/group/index.js

@@ -1,13 +1,13 @@
 import { jsx as t } from "react/jsx-runtime";
 import { t as s } from "../../classix-DG18itHa.js";
-import '../../assets/index11.css';const u = "_group_g6ddz_1", c = {
+import '../../assets/index11.css';const u = "_group_g6ddz_1", g = {
   group: u
-}, e = ({
+}, m = ({
   animation: o,
   children: r,
   className: p
-}) => /* @__PURE__ */ t("div", { className: s(o && o, p, c.group), "data-cy": "Group", children: r });
+}) => /* @__PURE__ */ t("div", { className: s(o && o, p, g.group), "data-component": "group", children: r });
 export {
-  e as Group
+  m as Group
 };
 //# sourceMappingURL=index.js.map

package/dist/components/group/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/group/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport type { AnimationName } from '@/styles/animations.ts';\n\nimport styles from './styles.module.css';\n\nexport type GroupProps = {\n  animation?: AnimationName;\n  children: React.ReactNode;\n  className?: string;\n};\n\nexport const Group = ({ animation, children, className }: GroupProps) => {\n  return <div className={cx(animation && animation, className, styles.group)}>{children}</div>;\n};\n"],"names":["Group","animation","children","className","jsx","cx","styles","group"],"mappings":";;;;GAYaA,IAAQA,CAAC;AAAA,EAAEC,WAAAA;AAAAA,EAAWC,UAAAA;AAAAA,EAAUC,WAAAA;AAAsB,MAC1D,gBAAAC,EAAC,OAAA,EAAI,WAAWC,EAAGJ,KAAaA,GAAWE,GAAWG,EAAOC,KAAK,GAAE,WAAA,SAAEL,UAAAA,EAAAA,CAAS;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/group/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport type { AnimationName } from '@/styles/animations.ts';\n\nimport styles from './styles.module.css';\n\nexport type GroupProps = {\n  animation?: AnimationName;\n  children: React.ReactNode;\n  className?: string;\n};\n\nexport const Group = ({ animation, children, className }: GroupProps) => {\n  return <div className={cx(animation && animation, className, styles.group)}>{children}</div>;\n};\n"],"names":["Group","animation","children","className","jsx","cx","styles","group"],"mappings":";;;;GAYaA,IAAQA,CAAC;AAAA,EAAEC,WAAAA;AAAAA,EAAWC,UAAAA;AAAAA,EAAUC,WAAAA;AAAsB,MAC1D,gBAAAC,EAAC,OAAA,EAAI,WAAWC,EAAGJ,KAAaA,GAAWE,GAAWG,EAAOC,KAAK,GAAE,kBAAA,SAAEL,UAAAA,EAAAA,CAAS;"}

package/dist/components/header/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index10.css');const a=require("react/jsx-runtime"),s=require("../../classix-5H4IWnMA.cjs"),o="_header_3swrg_1",u="_jumbo_3swrg_46",e={header:o,jumbo:u},d={default:e.default,jumbo:e.jumbo},c=({children:t,variant:r="default"})=>a.jsx("header",{className:s.t(e.header,d[r]),"data-cy":"Header",children:t});exports.Header=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index10.css');const r=require("react/jsx-runtime"),o=require("../../classix-5H4IWnMA.cjs"),s="_header_1mupn_1",u="_jumbo_1mupn_45",e={header:s,jumbo:u},n={default:e.default,jumbo:e.jumbo},d=({children:t,variant:a="default"})=>r.jsx("header",{className:o.t(e.header,n[a]),"data-component":"header",children:t});exports.Header=d;
 //# sourceMappingURL=index.cjs.map

package/dist/components/header/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/header/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport styles from './styles.module.css';\n\nconst variants = {\n  default: styles.default,\n  jumbo: styles.jumbo,\n};\n\nexport type HeaderProps = {\n  children: React.ReactNode;\n  variant?: keyof typeof variants;\n};\n\nexport const Header = ({ children, variant = 'default' }: HeaderProps) => {\n  return <header className={cx(styles.header, variants[variant])}>{children}</header>;\n};\n"],"names":["variants","default","styles","jumbo","Header","children","variant","jsx","cx","header"],"mappings":"0NAIMA,EAAW,CACfC,QAASC,EAAOD,QAChBE,MAAOD,EAAOC,KAChB,EAOaC,EAASA,CAAC,CAAEC,SAAAA,EAAUC,QAAAA,EAAU,SAAuB,IAC3DC,EAAAA,IAAC,SAAA,CAAO,UAAWC,EAAAA,EAAGN,EAAOO,OAAQT,EAASM,CAAO,CAAC,EAAE,UAAA,SAAED,SAAAA,CAAAA,CAAS"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/header/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport styles from './styles.module.css';\n\nconst variants = {\n  default: styles.default,\n  jumbo: styles.jumbo,\n};\n\nexport type HeaderProps = {\n  children: React.ReactNode;\n  variant?: keyof typeof variants;\n};\n\nexport const Header = ({ children, variant = 'default' }: HeaderProps) => {\n  return <header className={cx(styles.header, variants[variant])}>{children}</header>;\n};\n"],"names":["variants","default","styles","jumbo","Header","children","variant","jsx","cx","header"],"mappings":"0NAIMA,EAAW,CACfC,QAASC,EAAOD,QAChBE,MAAOD,EAAOC,KAChB,EAOaC,EAASA,CAAC,CAAEC,SAAAA,EAAUC,QAAAA,EAAU,SAAuB,IAC3DC,EAAAA,IAAC,SAAA,CAAO,UAAWC,EAAAA,EAAGN,EAAOO,OAAQT,EAASM,CAAO,CAAC,EAAE,iBAAA,SAAED,SAAAA,CAAAA,CAAS"}

package/dist/components/header/index.js

@@ -1,16 +1,16 @@
-import { jsx as t } from "react/jsx-runtime";
-import { t as o } from "../../classix-DG18itHa.js";
-import '../../assets/index10.css';const s = "_header_3swrg_1", d = "_jumbo_3swrg_46", e = {
-  header: s,
+import { jsx as a } from "react/jsx-runtime";
+import { t as r } from "../../classix-DG18itHa.js";
+import '../../assets/index10.css';const m = "_header_1mupn_1", d = "_jumbo_1mupn_45", e = {
+  header: m,
   jumbo: d
-}, m = {
+}, n = {
   default: e.default,
   jumbo: e.jumbo
-}, n = ({
-  children: r,
-  variant: a = "default"
-}) => /* @__PURE__ */ t("header", { className: o(e.header, m[a]), "data-cy": "Header", children: r });
+}, c = ({
+  children: o,
+  variant: t = "default"
+}) => /* @__PURE__ */ a("header", { className: r(e.header, n[t]), "data-component": "header", children: o });
 export {
-  n as Header
+  c as Header
 };
 //# sourceMappingURL=index.js.map

package/dist/components/header/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/header/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport styles from './styles.module.css';\n\nconst variants = {\n  default: styles.default,\n  jumbo: styles.jumbo,\n};\n\nexport type HeaderProps = {\n  children: React.ReactNode;\n  variant?: keyof typeof variants;\n};\n\nexport const Header = ({ children, variant = 'default' }: HeaderProps) => {\n  return <header className={cx(styles.header, variants[variant])}>{children}</header>;\n};\n"],"names":["variants","default","styles","jumbo","Header","children","variant","jsx","cx","header"],"mappings":";;;;;GAIMA,IAAW;AAAA,EACfC,SAASC,EAAOD;AAAAA,EAChBE,OAAOD,EAAOC;AAChB,GAOaC,IAASA,CAAC;AAAA,EAAEC,UAAAA;AAAAA,EAAUC,SAAAA,IAAU;AAAuB,MAC3D,gBAAAC,EAAC,UAAA,EAAO,WAAWC,EAAGN,EAAOO,QAAQT,EAASM,CAAO,CAAC,GAAE,WAAA,UAAED,UAAAA,EAAAA,CAAS;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/header/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport styles from './styles.module.css';\n\nconst variants = {\n  default: styles.default,\n  jumbo: styles.jumbo,\n};\n\nexport type HeaderProps = {\n  children: React.ReactNode;\n  variant?: keyof typeof variants;\n};\n\nexport const Header = ({ children, variant = 'default' }: HeaderProps) => {\n  return <header className={cx(styles.header, variants[variant])}>{children}</header>;\n};\n"],"names":["variants","default","styles","jumbo","Header","children","variant","jsx","cx","header"],"mappings":";;;;;GAIMA,IAAW;AAAA,EACfC,SAASC,EAAOD;AAAAA,EAChBE,OAAOD,EAAOC;AAChB,GAOaC,IAASA,CAAC;AAAA,EAAEC,UAAAA;AAAAA,EAAUC,SAAAA,IAAU;AAAuB,MAC3D,gBAAAC,EAAC,UAAA,EAAO,WAAWC,EAAGN,EAAOO,QAAQT,EAASM,CAAO,CAAC,GAAE,kBAAA,UAAED,UAAAA,EAAAA,CAAS;"}

package/dist/components/icon/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index36.css');const M=require("react/jsx-runtime"),t=require("../../classix-5H4IWnMA.cjs"),c={bold:"M6.75 3.744h-.753v8.25h7.125a4.125 4.125 0 0 0 0-8.25H6.75Zm0 0v.38m0 16.122h6.747a4.5 4.5 0 0 0 0-9.001h-7.5v9h.753Zm0 0v-.37m0-15.751h6a3.75 3.75 0 1 1 0 7.5h-6m0-7.5v7.5m0 0v8.25m0-8.25h6.375a4.125 4.125 0 0 1 0 8.25H6.75m.747-15.38h4.875a3.375 3.375 0 0 1 0 6.75H7.497v-6.75Zm0 7.5h5.25a3.75 3.75 0 0 1 0 7.5h-5.25v-7.5Z",buildings:"M2.25 21h19.5m-18-18v18m10.5-18v18m6-13.5V21M6.75 6.75h.75m-.75 3h.75m-.75 3h.75m3-6h.75m-.75 3h.75m-.75 3h.75M6.75 21v-3.375c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21M3 3h12m-.75 4.5H21m-3.75 3.75h.008v.008h-.008v-.008Zm0 3h.008v.008h-.008v-.008Zm0 3h.008v.008h-.008v-.008Z",card:"M15 9h3.75M15 12h3.75M15 15h3.75M4.5 19.5h15a2.25 2.25 0 0 0 2.25-2.25V6.75A2.25 2.25 0 0 0 19.5 4.5h-15a2.25 2.25 0 0 0-2.25 2.25v10.5A2.25 2.25 0 0 0 4.5 19.5Zm6-10.125a1.875 1.875 0 1 1-3.75 0 1.875 1.875 0 0 1 3.75 0Zm1.294 6.336a6.721 6.721 0 0 1-3.17.789 6.721 6.721 0 0 1-3.168-.789 3.376 3.376 0 0 1 6.338 0Z",check:"m4.5 12.75 6 6 9-13.5",chevron:"m19.5 8.25-7.5 7.5-7.5-7.5",clipboard:"M11.35 3.836c-.065.21-.1.433-.1.664 0 .414.336.75.75.75h4.5a.75.75 0 0 0 .75-.75 2.25 2.25 0 0 0-.1-.664m-5.8 0A2.251 2.251 0 0 1 13.5 2.25H15c1.012 0 1.867.668 2.15 1.586m-5.8 0c-.376.023-.75.05-1.124.08C9.095 4.01 8.25 4.973 8.25 6.108V8.25m8.9-4.414c.376.023.75.05 1.124.08 1.131.094 1.976 1.057 1.976 2.192V16.5A2.25 2.25 0 0 1 18 18.75h-2.25m-7.5-10.5H4.875c-.621 0-1.125.504-1.125 1.125v11.25c0 .621.504 1.125 1.125 1.125h9.75c.621 0 1.125-.504 1.125-1.125V18.75m-7.5-10.5h6.375c.621 0 1.125.504 1.125 1.125v9.375m-8.25-3 1.5 1.5 3-3.75",document:"M19.5 14.25v-2.625a3.375 3.375 0 0 0-3.375-3.375h-1.5A1.125 1.125 0 0 1 13.5 7.125v-1.5a3.375 3.375 0 0 0-3.375-3.375H8.25m2.25 0H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 0 0-9-9Z",error:"M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0L2.697 16.126ZM12 15.75h.007v.008H12v-.008Z",gear:"M2.3 11.2C2.3 16.2 6.4 20.3 11.4 20.3C16.4 20.3 20.4 16.2 20.4 11.2M2.3 11.2C2.3 6.2 6.4 2.1 11.4 2.1C16.4 2.1 20.4 6.2 20.4 11.2M2.3 11.2L0.5 11.2M20.4 11.2L22.2 11.2M20.4 11.2L11.4 11.2M1.2 14.9L2.9 14.3M19.9 8.1L21.6 7.5M3 18.2L4.4 17M18.3 5.4L19.7 4.2M5.9 20.6L6.8 19.1M15.9 3.4L16.8 1.8M9.5 21.9L9.8 20.1M12.9 2.3L13.3 0.5M13.3 21.9L12.9 20.1M9.8 2.3L9.5 0.5M16.8 20.6L15.9 19.1M5.9 1.8L11.4 11.2M19.7 18.2L18.3 17M4.4 5.4L3 4.2M21.6 14.9L19.9 14.3M2.9 8.1L1.2 7.5M11.4 11.2L6.8 19.1",goTo:"M13.5 6H5.25A2.25 2.25 0 0 0 3 8.25v10.5A2.25 2.25 0 0 0 5.25 21h10.5A2.25 2.25 0 0 0 18 18.75V10.5m-10.5 6L21 3m0 0h-5.25M21 3v5.25",home:"m2.25 12 8.954-8.955c.44-.439 1.152-.439 1.591 0L21.75 12M4.5 9.75v10.125c0 .621.504 1.125 1.125 1.125H9.75v-4.875c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21h4.125c.621 0 1.125-.504 1.125-1.125V9.75M8.25 21h8.25",image:"m2.25 15.75 5.159-5.159a2.25 2.25 0 0 1 3.182 0l5.159 5.159m-1.5-1.5 1.409-1.409a2.25 2.25 0 0 1 3.182 0l2.909 2.909m-18 3.75h16.5a1.5 1.5 0 0 0 1.5-1.5V6a1.5 1.5 0 0 0-1.5-1.5H3.75A1.5 1.5 0 0 0 2.25 6v12a1.5 1.5 0 0 0 1.5 1.5Zm10.5-11.25h.008v.008h-.008V8.25Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Z",info:"m11.25 11.25.041-.02a.75.75 0 0 1 1.063.852l-.708 2.836a.75.75 0 0 0 1.063.853l.041-.021M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9-3.75h.008v.008H12V8.25Z",italic:"M5.248 20.246H9.05m0 0h3.696m-3.696 0 5.893-16.502m0 0h-3.697m3.697 0h3.803",link:"M13.19 8.688a4.5 4.5 0 0 1 1.242 7.244l-4.5 4.5a4.5 4.5 0 0 1-6.364-6.364l1.757-1.757m13.35-.622 1.757-1.757a4.5 4.5 0 0 0-6.364-6.364l-4.5 4.5a4.5 4.5 0 0 0 1.242 7.244",list:"M8.25 6.75h12M8.25 12h12m-12 5.25h12M3.75 6.75h.007v.008H3.75V6.75Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0ZM3.75 12h.007v.008H3.75V12Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Zm-.375 5.25h.007v.008H3.75v-.008Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Z",menu:"M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5",mobile:"M10.5 1.5H8.25A2.25 2.25 0 0 0 6 3.75v16.5a2.25 2.25 0 0 0 2.25 2.25h7.5A2.25 2.25 0 0 0 18 20.25V3.75a2.25 2.25 0 0 0-2.25-2.25H13.5m-3 0V3h3V1.5m-3 0h3m-3 18.75h3",pencil:"M21.731 2.269a2.625 2.625 0 0 0-3.712 0l-1.157 1.157 3.712 3.712 1.157-1.157a2.625 2.625 0 0 0 0-3.712ZM19.513 8.199l-3.712-3.712-12.15 12.15a5.25 5.25 0 0 0-1.32 2.214l-.8 2.685a.75.75 0 0 0 .933.933l2.685-.8a5.25 5.25 0 0 0 2.214-1.32L19.513 8.2Z",people:"M15 19.128a9.38 9.38 0 0 0 2.625.372 9.337 9.337 0 0 0 4.121-.952 4.125 4.125 0 0 0-7.533-2.493M15 19.128v-.003c0-1.113-.285-2.16-.786-3.07M15 19.128v.106A12.318 12.318 0 0 1 8.624 21c-2.331 0-4.512-.645-6.374-1.766l-.001-.109a6.375 6.375 0 0 1 11.964-3.07M12 6.375a3.375 3.375 0 1 1-6.75 0 3.375 3.375 0 0 1 6.75 0Zm8.25 2.25a2.625 2.625 0 1 1-5.25 0 2.625 2.625 0 0 1 5.25 0Z",phone:"M2.25 6.75c0 8.284 6.716 15 15 15h2.25a2.25 2.25 0 0 0 2.25-2.25v-1.372c0-.516-.351-.966-.852-1.091l-4.423-1.106c-.44-.11-.902.055-1.173.417l-.97 1.293c-.282.376-.769.542-1.21.38a12.035 12.035 0 0 1-7.143-7.143c-.162-.441.004-.928.38-1.21l1.293-.97c.363-.271.527-.734.417-1.173L6.963 3.102a1.125 1.125 0 0 0-1.091-.852H4.5A2.25 2.25 0 0 0 2.25 4.5v2.25Z",plane:"M6 12 3.269 3.125A59.769 59.769 0 0 1 21.485 12 59.768 59.768 0 0 1 3.27 20.875L5.999 12Zm0 0h7.5",plus:"M12 4.5v15m7.5-7.5h-15",search:"m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z",success:"M9 12.75 11.25 15 15 9.75M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z",trash:"m14.74 9-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 0 1-2.244 2.077H8.084a2.25 2.25 0 0 1-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 0 0-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 0 1 3.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 0 0-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 0 0-7.5 0",updown:"M8.25 15 12 18.75 15.75 15m-7.5-6L12 5.25 15.75 9",upload:"M3 16.5v2.25A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75V16.5m-13.5-9L12 3m0 0 4.5 4.5M12 3v13.5",user:"M15.75 6a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0ZM4.501 20.118a7.5 7.5 0 0 1 14.998 0A17.933 17.933 0 0 1 12 21.75c-2.676 0-5.216-.584-7.499-1.632Z",x:"M6 18 18 6M6 6l12 12"};function i(a){return`url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='black'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='${a}' /%3E%3C/svg%3E%0A")`}const o="_icon_wciqx_1",s="_small_wciqx_9",r="_medium_wciqx_14",v="_large_wciqx_19",Z="_danger_wciqx_24",u="_primary_wciqx_32",L="_white_wciqx_36",m={icon:o,small:s,medium:r,large:v,danger:Z,default:"_default_wciqx_28",primary:u,white:L,"gap-right":"_gap-right_wciqx_40","gap-left":"_gap-left_wciqx_44"},d={large:m.large,medium:m.medium,small:m.small},g={danger:m.danger,default:m.default,primary:m.primary,white:m.white},_=({gap:a="none",name:e,size:h="medium",variant:n="default"})=>{const l={maskImage:i(c[e].toString())};return M.jsx("span",{className:t.t(a!=="none"&&m[`gap-${a}`],d[h],m.icon,g[n]),style:l})},p=()=>Object.keys(c);exports.Icon=_;exports.Icons=p;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index36.css');const o=require("react/jsx-runtime"),r=require("../../classix-5H4IWnMA.cjs"),t=require("../../icons-BKi-xxXA.cjs"),l="_icon_wciqx_1",m="_small_wciqx_9",_="_medium_wciqx_14",g="_large_wciqx_19",u="_danger_wciqx_24",d="_primary_wciqx_32",w="_white_wciqx_36",e={icon:l,small:m,medium:_,large:g,danger:u,default:"_default_wciqx_28",primary:d,white:w,"gap-right":"_gap-right_wciqx_40","gap-left":"_gap-left_wciqx_44"},q={large:e.large,medium:e.medium,small:e.small},x={danger:e.danger,default:e.default,primary:e.primary,white:e.white},p=({gap:n="none",name:i,size:c="medium",variant:s="default"})=>{const a={maskImage:t.embedSVG(t.iconPaths[i].toString())};return o.jsx("span",{className:r.t(n!=="none"&&e[`gap-${n}`],q[c],e.icon,x[s]),style:a})},y=()=>Object.keys(t.iconPaths);exports.Icon=p;exports.Icons=y;
 //# sourceMappingURL=index.cjs.map

package/dist/components/icon/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/icon/icons.ts","../../../src/components/icon/index.tsx"],"sourcesContent":["export type IconName = keyof typeof iconPaths;\n\nexport const iconPaths = {\n  bold: 'M6.75 3.744h-.753v8.25h7.125a4.125 4.125 0 0 0 0-8.25H6.75Zm0 0v.38m0 16.122h6.747a4.5 4.5 0 0 0 0-9.001h-7.5v9h.753Zm0 0v-.37m0-15.751h6a3.75 3.75 0 1 1 0 7.5h-6m0-7.5v7.5m0 0v8.25m0-8.25h6.375a4.125 4.125 0 0 1 0 8.25H6.75m.747-15.38h4.875a3.375 3.375 0 0 1 0 6.75H7.497v-6.75Zm0 7.5h5.25a3.75 3.75 0 0 1 0 7.5h-5.25v-7.5Z',\n  buildings:\n    'M2.25 21h19.5m-18-18v18m10.5-18v18m6-13.5V21M6.75 6.75h.75m-.75 3h.75m-.75 3h.75m3-6h.75m-.75 3h.75m-.75 3h.75M6.75 21v-3.375c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21M3 3h12m-.75 4.5H21m-3.75 3.75h.008v.008h-.008v-.008Zm0 3h.008v.008h-.008v-.008Zm0 3h.008v.008h-.008v-.008Z',\n  card: 'M15 9h3.75M15 12h3.75M15 15h3.75M4.5 19.5h15a2.25 2.25 0 0 0 2.25-2.25V6.75A2.25 2.25 0 0 0 19.5 4.5h-15a2.25 2.25 0 0 0-2.25 2.25v10.5A2.25 2.25 0 0 0 4.5 19.5Zm6-10.125a1.875 1.875 0 1 1-3.75 0 1.875 1.875 0 0 1 3.75 0Zm1.294 6.336a6.721 6.721 0 0 1-3.17.789 6.721 6.721 0 0 1-3.168-.789 3.376 3.376 0 0 1 6.338 0Z',\n  check: 'm4.5 12.75 6 6 9-13.5',\n  chevron: 'm19.5 8.25-7.5 7.5-7.5-7.5',\n  clipboard:\n    'M11.35 3.836c-.065.21-.1.433-.1.664 0 .414.336.75.75.75h4.5a.75.75 0 0 0 .75-.75 2.25 2.25 0 0 0-.1-.664m-5.8 0A2.251 2.251 0 0 1 13.5 2.25H15c1.012 0 1.867.668 2.15 1.586m-5.8 0c-.376.023-.75.05-1.124.08C9.095 4.01 8.25 4.973 8.25 6.108V8.25m8.9-4.414c.376.023.75.05 1.124.08 1.131.094 1.976 1.057 1.976 2.192V16.5A2.25 2.25 0 0 1 18 18.75h-2.25m-7.5-10.5H4.875c-.621 0-1.125.504-1.125 1.125v11.25c0 .621.504 1.125 1.125 1.125h9.75c.621 0 1.125-.504 1.125-1.125V18.75m-7.5-10.5h6.375c.621 0 1.125.504 1.125 1.125v9.375m-8.25-3 1.5 1.5 3-3.75',\n  document:\n    'M19.5 14.25v-2.625a3.375 3.375 0 0 0-3.375-3.375h-1.5A1.125 1.125 0 0 1 13.5 7.125v-1.5a3.375 3.375 0 0 0-3.375-3.375H8.25m2.25 0H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 0 0-9-9Z',\n  error:\n    'M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0L2.697 16.126ZM12 15.75h.007v.008H12v-.008Z',\n  gear: 'M2.3 11.2C2.3 16.2 6.4 20.3 11.4 20.3C16.4 20.3 20.4 16.2 20.4 11.2M2.3 11.2C2.3 6.2 6.4 2.1 11.4 2.1C16.4 2.1 20.4 6.2 20.4 11.2M2.3 11.2L0.5 11.2M20.4 11.2L22.2 11.2M20.4 11.2L11.4 11.2M1.2 14.9L2.9 14.3M19.9 8.1L21.6 7.5M3 18.2L4.4 17M18.3 5.4L19.7 4.2M5.9 20.6L6.8 19.1M15.9 3.4L16.8 1.8M9.5 21.9L9.8 20.1M12.9 2.3L13.3 0.5M13.3 21.9L12.9 20.1M9.8 2.3L9.5 0.5M16.8 20.6L15.9 19.1M5.9 1.8L11.4 11.2M19.7 18.2L18.3 17M4.4 5.4L3 4.2M21.6 14.9L19.9 14.3M2.9 8.1L1.2 7.5M11.4 11.2L6.8 19.1',\n  goTo: 'M13.5 6H5.25A2.25 2.25 0 0 0 3 8.25v10.5A2.25 2.25 0 0 0 5.25 21h10.5A2.25 2.25 0 0 0 18 18.75V10.5m-10.5 6L21 3m0 0h-5.25M21 3v5.25',\n  home: 'm2.25 12 8.954-8.955c.44-.439 1.152-.439 1.591 0L21.75 12M4.5 9.75v10.125c0 .621.504 1.125 1.125 1.125H9.75v-4.875c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21h4.125c.621 0 1.125-.504 1.125-1.125V9.75M8.25 21h8.25',\n  image:\n    'm2.25 15.75 5.159-5.159a2.25 2.25 0 0 1 3.182 0l5.159 5.159m-1.5-1.5 1.409-1.409a2.25 2.25 0 0 1 3.182 0l2.909 2.909m-18 3.75h16.5a1.5 1.5 0 0 0 1.5-1.5V6a1.5 1.5 0 0 0-1.5-1.5H3.75A1.5 1.5 0 0 0 2.25 6v12a1.5 1.5 0 0 0 1.5 1.5Zm10.5-11.25h.008v.008h-.008V8.25Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Z',\n  info: 'm11.25 11.25.041-.02a.75.75 0 0 1 1.063.852l-.708 2.836a.75.75 0 0 0 1.063.853l.041-.021M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9-3.75h.008v.008H12V8.25Z',\n  italic: 'M5.248 20.246H9.05m0 0h3.696m-3.696 0 5.893-16.502m0 0h-3.697m3.697 0h3.803',\n  link: 'M13.19 8.688a4.5 4.5 0 0 1 1.242 7.244l-4.5 4.5a4.5 4.5 0 0 1-6.364-6.364l1.757-1.757m13.35-.622 1.757-1.757a4.5 4.5 0 0 0-6.364-6.364l-4.5 4.5a4.5 4.5 0 0 0 1.242 7.244',\n  list: 'M8.25 6.75h12M8.25 12h12m-12 5.25h12M3.75 6.75h.007v.008H3.75V6.75Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0ZM3.75 12h.007v.008H3.75V12Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Zm-.375 5.25h.007v.008H3.75v-.008Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Z',\n  menu: 'M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5',\n  mobile:\n    'M10.5 1.5H8.25A2.25 2.25 0 0 0 6 3.75v16.5a2.25 2.25 0 0 0 2.25 2.25h7.5A2.25 2.25 0 0 0 18 20.25V3.75a2.25 2.25 0 0 0-2.25-2.25H13.5m-3 0V3h3V1.5m-3 0h3m-3 18.75h3',\n  pencil:\n    'M21.731 2.269a2.625 2.625 0 0 0-3.712 0l-1.157 1.157 3.712 3.712 1.157-1.157a2.625 2.625 0 0 0 0-3.712ZM19.513 8.199l-3.712-3.712-12.15 12.15a5.25 5.25 0 0 0-1.32 2.214l-.8 2.685a.75.75 0 0 0 .933.933l2.685-.8a5.25 5.25 0 0 0 2.214-1.32L19.513 8.2Z',\n  people:\n    'M15 19.128a9.38 9.38 0 0 0 2.625.372 9.337 9.337 0 0 0 4.121-.952 4.125 4.125 0 0 0-7.533-2.493M15 19.128v-.003c0-1.113-.285-2.16-.786-3.07M15 19.128v.106A12.318 12.318 0 0 1 8.624 21c-2.331 0-4.512-.645-6.374-1.766l-.001-.109a6.375 6.375 0 0 1 11.964-3.07M12 6.375a3.375 3.375 0 1 1-6.75 0 3.375 3.375 0 0 1 6.75 0Zm8.25 2.25a2.625 2.625 0 1 1-5.25 0 2.625 2.625 0 0 1 5.25 0Z',\n  phone:\n    'M2.25 6.75c0 8.284 6.716 15 15 15h2.25a2.25 2.25 0 0 0 2.25-2.25v-1.372c0-.516-.351-.966-.852-1.091l-4.423-1.106c-.44-.11-.902.055-1.173.417l-.97 1.293c-.282.376-.769.542-1.21.38a12.035 12.035 0 0 1-7.143-7.143c-.162-.441.004-.928.38-1.21l1.293-.97c.363-.271.527-.734.417-1.173L6.963 3.102a1.125 1.125 0 0 0-1.091-.852H4.5A2.25 2.25 0 0 0 2.25 4.5v2.25Z',\n  plane:\n    'M6 12 3.269 3.125A59.769 59.769 0 0 1 21.485 12 59.768 59.768 0 0 1 3.27 20.875L5.999 12Zm0 0h7.5',\n  plus: 'M12 4.5v15m7.5-7.5h-15',\n  search: 'm21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z',\n  success: 'M9 12.75 11.25 15 15 9.75M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z',\n  trash:\n    'm14.74 9-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 0 1-2.244 2.077H8.084a2.25 2.25 0 0 1-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 0 0-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 0 1 3.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 0 0-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 0 0-7.5 0',\n  updown: 'M8.25 15 12 18.75 15.75 15m-7.5-6L12 5.25 15.75 9',\n  upload:\n    'M3 16.5v2.25A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75V16.5m-13.5-9L12 3m0 0 4.5 4.5M12 3v13.5',\n  user: 'M15.75 6a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0ZM4.501 20.118a7.5 7.5 0 0 1 14.998 0A17.933 17.933 0 0 1 12 21.75c-2.676 0-5.216-.584-7.499-1.632Z',\n  x: 'M6 18 18 6M6 6l12 12',\n};\n\nexport function embedSVG(iconPath: string): string {\n  return `url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='black'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='${iconPath}' /%3E%3C/svg%3E%0A\")`;\n}\n\nexport const iconSVG = (name: IconName) => embedSVG(iconPaths[name]);\n","import cx from 'classix';\n\nimport type { IconName } from './icons';\nimport { embedSVG, iconPaths } from './icons';\nimport styles from './styles.module.css';\n\nconst sizes = {\n  large: styles.large,\n  medium: styles.medium,\n  small: styles.small,\n};\n\nconst variants = {\n  danger: styles.danger,\n  default: styles.default,\n  primary: styles.primary,\n  white: styles.white,\n};\n\nexport type IconProps = {\n  gap?: 'left' | 'none' | 'right';\n  name: IconName;\n  size?: keyof typeof sizes;\n  variant?: keyof typeof variants;\n  loading?: boolean;\n};\n\nexport const Icon = ({ gap = 'none', name, size = 'medium', variant = 'default' }: IconProps) => {\n  const iconStyle = {\n    maskImage: embedSVG(iconPaths[name].toString()),\n  } as React.CSSProperties;\n\n  const iconElement = (\n    <span\n      className={cx(\n        gap !== 'none' && styles[`gap-${gap}`],\n        sizes[size],\n        styles.icon,\n        variants[variant]\n      )}\n      style={iconStyle}\n    />\n  );\n\n  return iconElement;\n};\n\nexport const Icons = () => {\n  return Object.keys(iconPaths);\n};\n"],"names":["iconPaths","bold","buildings","card","check","chevron","clipboard","document","error","gear","goTo","home","image","info","italic","link","list","menu","mobile","pencil","people","phone","plane","plus","search","success","trash","updown","upload","user","x","embedSVG","iconPath","sizes","large","styles","medium","small","variants","danger","default","primary","white","Icon","gap","name","size","variant","iconStyle","maskImage","toString","cx","icon","Icons","Object","keys"],"mappings":"6JAEaA,EAAY,CACvBC,KAAM,uUACNC,UACE,6SACFC,KAAM,+TACNC,MAAO,wBACPC,QAAS,6BACTC,UACE,iiBACFC,SACE,oQACFC,MACE,mLACFC,KAAM,2eACNC,KAAM,uIACNC,KAAM,6OACNC,MACE,0TACFC,KAAM,2JACNC,OAAQ,8EACRC,KAAM,4KACNC,KAAM,wRACNC,KAAM,+CACNC,OACE,uKACFC,OACE,2PACFC,OACE,4XACFC,MACE,oWACFC,MACE,oGACFC,KAAM,yBACNC,OAAQ,gFACRC,QAAS,iEACTC,MACE,gaACFC,OAAQ,oDACRC,OACE,6GACFC,KAAM,0JACNC,EAAG,sBACL,EAEO,SAASC,EAASC,EAA0B,CACjD,MAAO,mMAAmMA,CAAQ,uBACpN,iTC3CMC,EAAQ,CACZC,MAAOC,EAAOD,MACdE,OAAQD,EAAOC,OACfC,MAAOF,EAAOE,KAChB,EAEMC,EAAW,CACfC,OAAQJ,EAAOI,OACfC,QAASL,EAAOK,QAChBC,QAASN,EAAOM,QAChBC,MAAOP,EAAOO,KAChB,EAUaC,EAAOA,CAAC,CAAEC,IAAAA,EAAM,OAAQC,KAAAA,EAAMC,KAAAA,EAAO,SAAUC,QAAAA,EAAU,SAAqB,IAAM,CAC/F,MAAMC,EAAY,CAChBC,UAAWlB,EAAS/B,EAAU6C,CAAI,EAAEK,UAAU,CAAA,EAehD,aAXG,OAAA,CACC,UAAWC,IACTP,IAAQ,QAAUT,EAAO,OAAOS,CAAG,EAAE,EACrCX,EAAMa,CAAI,EACVX,EAAOiB,KACPd,EAASS,CAAO,CAClB,EACA,MAAOC,CAAAA,CAAU,CAKvB,EAEaK,EAAQA,IACZC,OAAOC,KAAKvD,CAAS"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/icon/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport type { IconName } from './icons';\nimport { embedSVG, iconPaths } from './icons';\nimport styles from './styles.module.css';\n\nconst sizes = {\n  large: styles.large,\n  medium: styles.medium,\n  small: styles.small,\n};\n\nconst variants = {\n  danger: styles.danger,\n  default: styles.default,\n  primary: styles.primary,\n  white: styles.white,\n};\n\nexport type IconProps = {\n  gap?: 'left' | 'none' | 'right';\n  name: IconName;\n  size?: keyof typeof sizes;\n  variant?: keyof typeof variants;\n  loading?: boolean;\n};\n\nexport const Icon = ({ gap = 'none', name, size = 'medium', variant = 'default' }: IconProps) => {\n  const iconStyle = {\n    maskImage: embedSVG(iconPaths[name].toString()),\n  } as React.CSSProperties;\n\n  const iconElement = (\n    <span\n      className={cx(\n        gap !== 'none' && styles[`gap-${gap}`],\n        sizes[size],\n        styles.icon,\n        variants[variant]\n      )}\n      style={iconStyle}\n    />\n  );\n\n  return iconElement;\n};\n\nexport const Icons = () => {\n  return Object.keys(iconPaths);\n};\n"],"names":["sizes","large","styles","medium","small","variants","danger","default","primary","white","Icon","gap","name","size","variant","iconStyle","maskImage","embedSVG","iconPaths","toString","cx","icon","Icons","Object","keys"],"mappings":"6eAMMA,EAAQ,CACZC,MAAOC,EAAOD,MACdE,OAAQD,EAAOC,OACfC,MAAOF,EAAOE,KAChB,EAEMC,EAAW,CACfC,OAAQJ,EAAOI,OACfC,QAASL,EAAOK,QAChBC,QAASN,EAAOM,QAChBC,MAAOP,EAAOO,KAChB,EAUaC,EAAOA,CAAC,CAAEC,IAAAA,EAAM,OAAQC,KAAAA,EAAMC,KAAAA,EAAO,SAAUC,QAAAA,EAAU,SAAqB,IAAM,CAC/F,MAAMC,EAAY,CAChBC,UAAWC,EAAAA,SAASC,EAAAA,UAAUN,CAAI,EAAEO,UAAU,CAAA,EAehD,aAXG,OAAA,CACC,UAAWC,IACTT,IAAQ,QAAUT,EAAO,OAAOS,CAAG,EAAE,EACrCX,EAAMa,CAAI,EACVX,EAAOmB,KACPhB,EAASS,CAAO,CAClB,EACA,MAAOC,CAAAA,CAAU,CAKvB,EAEaO,EAAQA,IACZC,OAAOC,KAAKN,WAAS"}