@solibo/solibo-ui 0.3.1 → 0.3.4

package/dist/components/button/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index23.css');const e=require("react/jsx-runtime"),l=require("../../classix-5H4IWnMA.cjs"),m="_button_19wl5_1",u="_minimal_19wl5_21",c="_primary_19wl5_34",t={button:m,minimal:u,primary:c},y={default:t.default,minimal:t.minimal,primary:t.primary},_=({children:n,className:a,disabled:i=!1,onClick:r,variant:o="default",...s})=>e.jsx("button",{className:l.t(a,t.button,y[o]),disabled:i,onClick:r,...s,"data-cy":"Button",children:n});exports.Button=_;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index25.css');const s=require("react/jsx-runtime"),u=require("../../classix-5H4IWnMA.cjs"),m="_button_13zqr_1",l="_minimal_13zqr_21",c="_primary_13zqr_34",t={button:m,minimal:l,primary:c},y={default:t.default,minimal:t.minimal,primary:t.primary},_=({children:n,className:r,disabled:a=!1,onClick:i,variant:o="default",...e})=>s.jsx("button",{className:u.t(r,t.button,y[o]),disabled:a,onClick:i,type:"button",...e,"data-cy":"Button",children:n});exports.Button=_;
 //# sourceMappingURL=index.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/button/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport styles from './styles.module.css';\n\nconst variants = {\n  default: styles.default,\n  minimal: styles.minimal,\n  primary: styles.primary,\n};\n\nexport type ButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {\n  children: React.ReactNode;\n  className?: string;\n  disabled?: boolean;\n  onClick?: React.MouseEventHandler<HTMLButtonElement>;\n  variant?: keyof typeof variants;\n};\n\nexport const Button = ({\n  children,\n  className,\n  disabled = false,\n  onClick,\n  variant = 'default',\n  ...props\n}: ButtonProps) => {\n  return (\n    <button\n      className={cx(className, styles.button, variants[variant])}\n      disabled={disabled}\n      onClick={onClick}\n      {...props}\n    >\n      {children}\n    </button>\n  );\n};\n"],"names":["variants","default","styles","minimal","primary","Button","children","className","disabled","onClick","variant","props","cx","button"],"mappings":"8PAIMA,EAAW,CACfC,QAASC,EAAOD,QAChBE,QAASD,EAAOC,QAChBC,QAASF,EAAOE,OAClB,EAUaC,EAASA,CAAC,CACrBC,SAAAA,EACAC,UAAAA,EACAC,SAAAA,EAAW,GACXC,QAAAA,EACAC,QAAAA,EAAU,UACV,GAAGC,CACQ,UAER,SAAA,CACC,UAAWC,EAAAA,EAAGL,EAAWL,EAAOW,OAAQb,EAASU,CAAO,CAAC,EACzD,SAAAF,EACA,QAAAC,EACA,GAAIE,EAAM,UAAA,SAETL,SAAAA,EACH"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/button/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport styles from './styles.module.css';\n\nconst variants = {\n  default: styles.default,\n  minimal: styles.minimal,\n  primary: styles.primary,\n};\n\nexport type ButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {\n  children: React.ReactNode;\n  className?: string;\n  disabled?: boolean;\n  onClick?: React.MouseEventHandler<HTMLButtonElement>;\n  variant?: keyof typeof variants;\n};\n\nexport const Button = ({\n  children,\n  className,\n  disabled = false,\n  onClick,\n  variant = 'default',\n  ...props\n}: ButtonProps) => {\n  return (\n    <button\n      className={cx(className, styles.button, variants[variant])}\n      disabled={disabled}\n      onClick={onClick}\n      type='button'\n      {...props}\n    >\n      {children}\n    </button>\n  );\n};\n"],"names":["variants","default","styles","minimal","primary","Button","children","className","disabled","onClick","variant","props","cx","button"],"mappings":"8PAIMA,EAAW,CACfC,QAASC,EAAOD,QAChBE,QAASD,EAAOC,QAChBC,QAASF,EAAOE,OAClB,EAUaC,EAASA,CAAC,CACrBC,SAAAA,EACAC,UAAAA,EACAC,SAAAA,EAAW,GACXC,QAAAA,EACAC,QAAAA,EAAU,UACV,GAAGC,CACQ,UAER,SAAA,CACC,UAAWC,EAAAA,EAAGL,EAAWL,EAAOW,OAAQb,EAASU,CAAO,CAAC,EACzD,SAAAF,EACA,QAAAC,EACA,KAAK,SACL,GAAIE,EAAM,UAAA,SAETL,SAAAA,EACH"}

package/dist/components/button/index.js

@@ -1,22 +1,22 @@
-import { jsx as l } from "react/jsx-runtime";
-import { t as s } from "../../classix-DG18itHa.js";
-import '../../assets/index23.css';const u = "_button_19wl5_1", _ = "_minimal_19wl5_21", c = "_primary_19wl5_34", t = {
-  button: u,
-  minimal: _,
-  primary: c
-}, e = {
+import { jsx as s } from "react/jsx-runtime";
+import { t as u } from "../../classix-DG18itHa.js";
+import '../../assets/index25.css';const l = "_button_13zqr_1", e = "_minimal_13zqr_21", p = "_primary_13zqr_34", t = {
+  button: l,
+  minimal: e,
+  primary: p
+}, _ = {
   default: t.default,
   minimal: t.minimal,
   primary: t.primary
-}, f = ({
-  children: a,
-  className: m,
-  disabled: n = !1,
-  onClick: i,
+}, b = ({
+  children: n,
+  className: r,
+  disabled: a = !1,
+  onClick: m,
   variant: o = "default",
-  ...r
-}) => /* @__PURE__ */ l("button", { className: s(m, t.button, e[o]), disabled: n, onClick: i, ...r, "data-cy": "Button", children: a });
+  ...i
+}) => /* @__PURE__ */ s("button", { className: u(r, t.button, _[o]), disabled: a, onClick: m, type: "button", ...i, "data-cy": "Button", children: n });
 export {
-  f as Button
+  b as Button
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/button/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport styles from './styles.module.css';\n\nconst variants = {\n  default: styles.default,\n  minimal: styles.minimal,\n  primary: styles.primary,\n};\n\nexport type ButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {\n  children: React.ReactNode;\n  className?: string;\n  disabled?: boolean;\n  onClick?: React.MouseEventHandler<HTMLButtonElement>;\n  variant?: keyof typeof variants;\n};\n\nexport const Button = ({\n  children,\n  className,\n  disabled = false,\n  onClick,\n  variant = 'default',\n  ...props\n}: ButtonProps) => {\n  return (\n    <button\n      className={cx(className, styles.button, variants[variant])}\n      disabled={disabled}\n      onClick={onClick}\n      {...props}\n    >\n      {children}\n    </button>\n  );\n};\n"],"names":["variants","default","styles","minimal","primary","Button","children","className","disabled","onClick","variant","props","cx","button"],"mappings":";;;;;;GAIMA,IAAW;AAAA,EACfC,SAASC,EAAOD;AAAAA,EAChBE,SAASD,EAAOC;AAAAA,EAChBC,SAASF,EAAOE;AAClB,GAUaC,IAASA,CAAC;AAAA,EACrBC,UAAAA;AAAAA,EACAC,WAAAA;AAAAA,EACAC,UAAAA,IAAW;AAAA,EACXC,SAAAA;AAAAA,EACAC,SAAAA,IAAU;AAAA,EACV,GAAGC;AACQ,wBAER,UAAA,EACC,WAAWC,EAAGL,GAAWL,EAAOW,QAAQb,EAASU,CAAO,CAAC,GACzD,UAAAF,GACA,SAAAC,GACA,GAAIE,GAAM,WAAA,UAETL,UAAAA,GACH;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/button/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport styles from './styles.module.css';\n\nconst variants = {\n  default: styles.default,\n  minimal: styles.minimal,\n  primary: styles.primary,\n};\n\nexport type ButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {\n  children: React.ReactNode;\n  className?: string;\n  disabled?: boolean;\n  onClick?: React.MouseEventHandler<HTMLButtonElement>;\n  variant?: keyof typeof variants;\n};\n\nexport const Button = ({\n  children,\n  className,\n  disabled = false,\n  onClick,\n  variant = 'default',\n  ...props\n}: ButtonProps) => {\n  return (\n    <button\n      className={cx(className, styles.button, variants[variant])}\n      disabled={disabled}\n      onClick={onClick}\n      type='button'\n      {...props}\n    >\n      {children}\n    </button>\n  );\n};\n"],"names":["variants","default","styles","minimal","primary","Button","children","className","disabled","onClick","variant","props","cx","button"],"mappings":";;;;;;GAIMA,IAAW;AAAA,EACfC,SAASC,EAAOD;AAAAA,EAChBE,SAASD,EAAOC;AAAAA,EAChBC,SAASF,EAAOE;AAClB,GAUaC,IAASA,CAAC;AAAA,EACrBC,UAAAA;AAAAA,EACAC,WAAAA;AAAAA,EACAC,UAAAA,IAAW;AAAA,EACXC,SAAAA;AAAAA,EACAC,SAAAA,IAAU;AAAA,EACV,GAAGC;AACQ,wBAER,UAAA,EACC,WAAWC,EAAGL,GAAWL,EAAOW,QAAQb,EAASU,CAAO,CAAC,GACzD,UAAAF,GACA,SAAAC,GACA,MAAK,UACL,GAAIE,GAAM,WAAA,UAETL,UAAAA,GACH;"}

package/dist/components/checkbox/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"),r=require("../../classix-5H4IWnMA.cjs"),x="_checkbox_rz5v8_1",a={checkbox:x},b=({checked:s,disabled:t,isLoading:c,label:o,onChange:l,...n})=>e.jsxs("label",{className:a.checkbox,"data-cy":"Checkbox",children:[e.jsx("input",{checked:s,className:r.t(c&&"loading"),disabled:t||c,onChange:l,type:"checkbox",...n}),e.jsx("span",{children:o})]});exports.Checkbox=b;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index12.css');const e=require("react/jsx-runtime"),r=require("../../classix-5H4IWnMA.cjs"),x="_checkbox_rz5v8_1",a={checkbox:x},b=({checked:s,disabled:t,isLoading:c,label:o,onChange:l,...n})=>e.jsxs("label",{className:a.checkbox,"data-cy":"Checkbox",children:[e.jsx("input",{checked:s,className:r.t(c&&"loading"),disabled:t||c,onChange:l,type:"checkbox",...n}),e.jsx("span",{children:o})]});exports.Checkbox=b;
 //# sourceMappingURL=index.cjs.map

package/dist/components/checkbox/index.js

@@ -1,6 +1,6 @@
 import { jsxs as a, jsx as e } from "react/jsx-runtime";
 import { t as b } from "../../classix-DG18itHa.js";
-import '../../assets/index13.css';const h = "_checkbox_rz5v8_1", l = {
+import '../../assets/index12.css';const h = "_checkbox_rz5v8_1", l = {
   checkbox: h
 }, m = ({
   checked: o,

package/dist/components/dialog/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index12.css');const a=require("react/jsx-runtime"),s="_dialog_rmjos_1",i="_wrapper_rmjos_22",e={dialog:s,wrapper:i},l=({children:o,...r})=>a.jsx("div",{className:e.wrapper,"data-cy":"Dialog",children:a.jsx("dialog",{className:e.dialog,...r,children:o})});exports.Dialog=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index11.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;
 //# 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 styles from './styles.module.css';\n\nexport type DialogProps = React.DialogHTMLAttributes<HTMLDialogElement> & {\n  children: React.ReactNode;\n};\n\nexport const Dialog = ({ children, ...props }: DialogProps) => {\n  return (\n    <div className={styles.wrapper}>\n      <dialog\n        className={styles.dialog}\n        {...props}\n      >\n        {children}\n      </dialog>\n    </div>\n  );\n};\n"],"names":["Dialog","children","props","jsx","styles","wrapper","dialog"],"mappings":"sLAMaA,EAASA,CAAC,CAAEC,SAAAA,EAAU,GAAGC,CAAmB,IAErDC,EAAAA,IAAC,MAAA,CAAI,UAAWC,EAAOC,QAAQ,UAAA,SAC7B,SAAAF,EAAAA,IAAC,SAAA,CACC,UAAWC,EAAOE,OAClB,GAAIJ,EAEHD,SAAAA,EACH,EACF"}
+{"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"}

package/dist/components/dialog/index.js

@@ -1,12 +1,13 @@
-import { jsx as a } from "react/jsx-runtime";
-import '../../assets/index12.css';const l = "_dialog_rmjos_1", e = "_wrapper_rmjos_22", o = {
-  dialog: l,
-  wrapper: e
-}, p = ({
-  children: r,
-  ...s
-}) => /* @__PURE__ */ a("div", { className: o.wrapper, "data-cy": "Dialog", children: /* @__PURE__ */ a("dialog", { className: o.dialog, ...s, children: r }) });
+import { jsx as o } from "react/jsx-runtime";
+import '../../assets/index11.css';const p = "_dialog_40v7y_1", c = "_wrapper_40v7y_26", r = {
+  dialog: p,
+  wrapper: c
+}, e = ({
+  children: l,
+  setOpen: a,
+  ...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 }) });
 export {
-  p as Dialog
+  e as Dialog
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/dialog/index.tsx"],"sourcesContent":["import styles from './styles.module.css';\n\nexport type DialogProps = React.DialogHTMLAttributes<HTMLDialogElement> & {\n  children: React.ReactNode;\n};\n\nexport const Dialog = ({ children, ...props }: DialogProps) => {\n  return (\n    <div className={styles.wrapper}>\n      <dialog\n        className={styles.dialog}\n        {...props}\n      >\n        {children}\n      </dialog>\n    </div>\n  );\n};\n"],"names":["Dialog","children","props","jsx","styles","wrapper","dialog"],"mappings":";;;;GAMaA,IAASA,CAAC;AAAA,EAAEC,UAAAA;AAAAA,EAAU,GAAGC;AAAmB,MAErD,gBAAAC,EAAC,OAAA,EAAI,WAAWC,EAAOC,SAAQ,WAAA,UAC7B,UAAA,gBAAAF,EAAC,UAAA,EACC,WAAWC,EAAOE,QAClB,GAAIJ,GAEHD,UAAAA,GACH,GACF;"}
+{"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;"}

package/dist/components/figure/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index26.css');const i=require("react/jsx-runtime"),o=require("../../classix-5H4IWnMA.cjs"),c=require("../../icons-BhMCiRwT.cjs"),n="_figure_7hl1a_1",f="_offset_7hl1a_30",t={figure:n,offset:f},u=({children:r,label:s,offset:e})=>i.jsxs("figure",{className:o.t(t.figure,e&&t.offset),style:{"--icon":c.iconSVG("image"),...e&&{[`--offset-${e}`]:"var(--offset)"}},"data-cy":"Figure",children:[r,s&&i.jsx("figcaption",{children:s})]});exports.Figure=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index30.css');const i=require("react/jsx-runtime"),o=require("../../classix-5H4IWnMA.cjs"),c=require("../../icons-LUDXnYZb.cjs"),n="_figure_183e3_1",f="_offset_183e3_34",t={figure:n,offset:f},u=({children:r,label:s,offset:e})=>i.jsxs("figure",{className:o.t(t.figure,e&&t.offset),style:{"--icon":c.iconSVG("image"),...e&&{[`--offset-${e}`]:"var(--offset)"}},"data-cy":"Figure",children:[r,s&&i.jsx("figcaption",{children:s})]});exports.Figure=u;
 //# sourceMappingURL=index.cjs.map

package/dist/components/figure/index.js

@@ -1,21 +1,21 @@
 import { jsxs as r, jsx as s } from "react/jsx-runtime";
 import { t } from "../../classix-DG18itHa.js";
-import { a as c } from "../../icons-uK6EFyq8.js";
-import '../../assets/index26.css';const a = "_figure_7hl1a_1", g = "_offset_7hl1a_30", f = {
-  figure: a,
-  offset: g
+import { i as c } from "../../icons-S3H6wxpA.js";
+import '../../assets/index30.css';const g = "_figure_183e3_1", n = "_offset_183e3_34", o = {
+  figure: g,
+  offset: n
 }, _ = ({
-  children: i,
-  label: e,
-  offset: o
-}) => /* @__PURE__ */ r("figure", { className: t(f.figure, o && f.offset), style: {
+  children: f,
+  label: i,
+  offset: e
+}) => /* @__PURE__ */ r("figure", { className: t(o.figure, e && o.offset), style: {
   "--icon": c("image"),
-  ...o && {
-    [`--offset-${o}`]: "var(--offset)"
+  ...e && {
+    [`--offset-${e}`]: "var(--offset)"
   }
 }, "data-cy": "Figure", children: [
-  i,
-  e && /* @__PURE__ */ s("figcaption", { children: e })
+  f,
+  i && /* @__PURE__ */ s("figcaption", { children: i })
 ] });
 export {
   _ as Figure

package/dist/components/file/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index11.css');const t=require("react/jsx-runtime"),n=require("../icon/index.cjs"),o="_file_txgea_1",r={file:o},s=({name:e,url:i="#"})=>t.jsxs("a",{className:r.file,href:i,role:"document",title:e,"data-cy":"File",children:[t.jsx(n.Icon,{name:"document",variant:"primary"}),e]});exports.File=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index10.css');const r=require("react/jsx-runtime"),c=require("../../classix-5H4IWnMA.cjs"),o=require("../icon/index.cjs"),u="_file_187ul_1",a="_danger_187ul_28",s={file:u,danger:a},d=({name:t,onClick:n,url:i,variant:e="primary"})=>r.jsxs("a",{className:c.t(s.file,s[e]),href:i,onClick:l=>{n&&(l.preventDefault(),n())},role:"document",title:t,"data-cy":"File",children:[r.jsx(o.Icon,{name:e==="danger"?"trash":"document",variant:e}),t]});exports.File=d;
 //# 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 = { name: string; url: string };\n\nexport const File = ({ name, url = '#' }: FileProps) => {\n  return (\n    <a\n      className={styles.file}\n      href={url}\n      role='document'\n      title={name}\n    >\n      <Icon\n        name='document'\n        variant='primary'\n      />\n      {name}\n    </a>\n  );\n};\n"],"names":["File","name","url","jsxs","styles","file","jsx","Icon"],"mappings":"iLAMaA,EAAOA,CAAC,CAAEC,KAAAA,EAAMC,IAAAA,EAAM,GAAe,IAE9CC,EAAAA,KAAC,IAAA,CACC,UAAWC,EAAOC,KAClB,KAAMH,EACN,KAAK,WACL,MAAOD,EAAK,UAAA,OAEZ,SAAA,CAAAK,EAAAA,IAACC,EAAAA,KAAA,CACC,KAAK,WACL,QAAQ,UAAS,EAElBN,CAAAA,EACH"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/file/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport { Icon } from '@/components/icon';\n\nimport styles from './styles.module.css';\n\nexport type FileProps = {\n  name: string;\n  onClick?: () => void;\n  url: string;\n  variant?: 'primary' | 'danger';\n};\n\nexport const File = ({ name, onClick, url, variant = 'primary' }: FileProps) => {\n  return (\n    <a\n      className={cx(styles.file, styles[variant])}\n      href={url}\n      onClick={(e) => {\n        if (onClick) {\n          e.preventDefault();\n          onClick();\n        }\n      }}\n      role='document'\n      title={name}\n    >\n      <Icon\n        name={variant === 'danger' ? 'trash' : 'document'}\n        variant={variant}\n      />\n      {name}\n    </a>\n  );\n};\n"],"names":["File","name","onClick","url","variant","jsxs","cx","styles","file","e","preventDefault","jsx","Icon"],"mappings":"uPAaaA,EAAOA,CAAC,CAAEC,KAAAA,EAAMC,QAAAA,EAASC,IAAAA,EAAKC,QAAAA,EAAU,SAAqB,IAEtEC,EAAAA,KAAC,IAAA,CACC,UAAWC,EAAAA,EAAGC,EAAOC,KAAMD,EAAOH,CAAO,CAAC,EAC1C,KAAMD,EACN,QAAUM,GAAM,CACVP,IACFO,EAAEC,eAAAA,EACFR,EAAAA,EAEJ,EACA,KAAK,WACL,MAAOD,EAAK,UAAA,OAEZ,SAAA,CAAAU,MAACC,EAAAA,MACC,KAAMR,IAAY,SAAW,QAAU,WACvC,QAAAA,EAAiB,EAElBH,CAAAA,EACH"}

package/dist/components/file/index.js

@@ -1,15 +1,21 @@
-import { jsxs as r, jsx as i } from "react/jsx-runtime";
-import { Icon as o } from "../icon/index.js";
-import '../../assets/index11.css';const l = "_file_txgea_1", s = {
-  file: l
-}, n = ({
-  name: e,
-  url: t = "#"
-}) => /* @__PURE__ */ r("a", { className: s.file, href: t, role: "document", title: e, "data-cy": "File", children: [
-  /* @__PURE__ */ i(o, { name: "document", variant: "primary" }),
-  e
+import { jsxs as s, jsx as i } from "react/jsx-runtime";
+import { t as c } from "../../classix-DG18itHa.js";
+import { Icon as f } from "../icon/index.js";
+import '../../assets/index10.css';const m = "_file_187ul_1", a = "_danger_187ul_28", o = {
+  file: m,
+  danger: a
+}, _ = ({
+  name: r,
+  onClick: t,
+  url: l,
+  variant: e = "primary"
+}) => /* @__PURE__ */ s("a", { className: c(o.file, o[e]), href: l, onClick: (n) => {
+  t && (n.preventDefault(), t());
+}, role: "document", title: r, "data-cy": "File", children: [
+  /* @__PURE__ */ i(f, { name: e === "danger" ? "trash" : "document", variant: e }),
+  r
 ] });
 export {
-  n as File
+  _ as File
 };
 //# sourceMappingURL=index.js.map

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 = { name: string; url: string };\n\nexport const File = ({ name, url = '#' }: FileProps) => {\n  return (\n    <a\n      className={styles.file}\n      href={url}\n      role='document'\n      title={name}\n    >\n      <Icon\n        name='document'\n        variant='primary'\n      />\n      {name}\n    </a>\n  );\n};\n"],"names":["File","name","url","jsxs","styles","file","jsx","Icon"],"mappings":";;;;GAMaA,IAAOA,CAAC;AAAA,EAAEC,MAAAA;AAAAA,EAAMC,KAAAA,IAAM;AAAe,MAE9C,gBAAAC,EAAC,KAAA,EACC,WAAWC,EAAOC,MAClB,MAAMH,GACN,MAAK,YACL,OAAOD,GAAK,WAAA,QAEZ,UAAA;AAAA,EAAA,gBAAAK,EAACC,GAAA,EACC,MAAK,YACL,SAAQ,WAAS;AAAA,EAElBN;AAAAA,GACH;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/file/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport { Icon } from '@/components/icon';\n\nimport styles from './styles.module.css';\n\nexport type FileProps = {\n  name: string;\n  onClick?: () => void;\n  url: string;\n  variant?: 'primary' | 'danger';\n};\n\nexport const File = ({ name, onClick, url, variant = 'primary' }: FileProps) => {\n  return (\n    <a\n      className={cx(styles.file, styles[variant])}\n      href={url}\n      onClick={(e) => {\n        if (onClick) {\n          e.preventDefault();\n          onClick();\n        }\n      }}\n      role='document'\n      title={name}\n    >\n      <Icon\n        name={variant === 'danger' ? 'trash' : 'document'}\n        variant={variant}\n      />\n      {name}\n    </a>\n  );\n};\n"],"names":["File","name","onClick","url","variant","jsxs","cx","styles","file","e","preventDefault","jsx","Icon"],"mappings":";;;;;;GAaaA,IAAOA,CAAC;AAAA,EAAEC,MAAAA;AAAAA,EAAMC,SAAAA;AAAAA,EAASC,KAAAA;AAAAA,EAAKC,SAAAA,IAAU;AAAqB,MAEtE,gBAAAC,EAAC,KAAA,EACC,WAAWC,EAAGC,EAAOC,MAAMD,EAAOH,CAAO,CAAC,GAC1C,MAAMD,GACN,SAAUM,CAAAA,MAAM;AACd,EAAIP,MACFO,EAAEC,eAAAA,GACFR,EAAAA;AAEJ,GACA,MAAK,YACL,OAAOD,GAAK,WAAA,QAEZ,UAAA;AAAA,EAAA,gBAAAU,EAACC,KACC,MAAMR,MAAY,WAAW,UAAU,YACvC,SAAAA,GAAiB;AAAA,EAElBH;AAAAA,GACH;"}

package/dist/components/form/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index10.css');const t=require("react/jsx-runtime"),i=require("../../classix-5H4IWnMA.cjs"),l="_form_1akkl_1",c="_inline_1akkl_23",o={form:l,inline:c},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/index9.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;
 //# sourceMappingURL=index.cjs.map

package/dist/components/form/index.js

@@ -1,8 +1,8 @@
 import { jsx as t } from "react/jsx-runtime";
 import { t as e } from "../../classix-DG18itHa.js";
-import '../../assets/index10.css';const l = "_form_1akkl_1", f = "_inline_1akkl_23", m = {
-  form: l,
-  inline: f
+import '../../assets/index9.css';const f = "_form_1by0q_1", i = "_inline_1by0q_17", m = {
+  form: f,
+  inline: i
 }, _ = ({
   animation: o,
   children: r,

package/dist/components/group/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index9.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/index8.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;
 //# sourceMappingURL=index.cjs.map

package/dist/components/group/index.js

@@ -1,6 +1,6 @@
 import { jsx as t } from "react/jsx-runtime";
 import { t as s } from "../../classix-DG18itHa.js";
-import '../../assets/index9.css';const u = "_group_g6ddz_1", c = {
+import '../../assets/index8.css';const u = "_group_g6ddz_1", c = {
   group: u
 }, e = ({
   animation: o,

package/dist/components/header/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index8.css');const r=require("react/jsx-runtime"),a="_header_61fkw_1",t={header:a},s=({children:e})=>r.jsx("header",{className:t.header,"data-cy":"Header",children:e});exports.Header=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index7.css');const r=require("react/jsx-runtime"),t="_header_14nti_1",a={header:t},s=({children:e})=>r.jsx("header",{className:a.header,"data-cy":"Header",children:e});exports.Header=s;
 //# sourceMappingURL=index.cjs.map

package/dist/components/header/index.js

@@ -1,10 +1,10 @@
 import { jsx as r } from "react/jsx-runtime";
-import '../../assets/index8.css';const a = "_header_61fkw_1", d = {
+import '../../assets/index7.css';const a = "_header_14nti_1", t = {
   header: a
-}, t = ({
+}, s = ({
   children: e
-}) => /* @__PURE__ */ r("header", { className: d.header, "data-cy": "Header", children: e });
+}) => /* @__PURE__ */ r("header", { className: t.header, "data-cy": "Header", children: e });
 export {
-  t as Header
+  s as Header
 };
 //# sourceMappingURL=index.js.map

package/dist/components/icon/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index24.css');const c=require("react/jsx-runtime"),a=require("../../classix-5H4IWnMA.cjs"),s=require("../../icons-BhMCiRwT.cjs"),m="_icon_1swff_1",r="_small_1swff_8",l="_medium_1swff_13",_="_large_1swff_18",f="_primary_1swff_27",u="_white_1swff_31",e={icon:m,small:r,medium:l,large:_,default:"_default_1swff_23",primary:f,white:u},d={large:e.large,medium:e.medium,small:e.small},w={default:e.default,primary:e.primary,white:e.white},y=({name:t="home",size:n="medium",variant:i="default"})=>{const o={maskImage:s.embedSVG(s.iconPaths[t].toString())};return c.jsx("span",{className:a.t(d[n],e.icon,w[i]),style:o})},g=()=>Object.keys(s.iconPaths);exports.Icon=y;exports.Icons=g;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index31.css');const i=require("react/jsx-runtime"),o=require("../../classix-5H4IWnMA.cjs"),t=require("../../icons-LUDXnYZb.cjs"),c="_icon_dm9ve_1",r="_small_dm9ve_8",l="_medium_dm9ve_13",d="_large_dm9ve_18",_="_danger_dm9ve_23",u="_primary_dm9ve_31",g="_white_dm9ve_35",e={icon:c,small:r,medium:l,large:d,danger:_,default:"_default_dm9ve_27",primary:u,white:g},y={large:e.large,medium:e.medium,small:e.small},v={danger:e.danger,default:e.default,primary:e.primary,white:e.white},h=({name:n="home",size:s="medium",variant:m="default"})=>{const a={maskImage:t.embedSVG(t.iconPaths[n].toString())};return i.jsx("span",{className:o.t(y[s],e.icon,v[m]),style:a})},p=()=>Object.keys(t.iconPaths);exports.Icon=h;exports.Icons=p;
 //# sourceMappingURL=index.cjs.map

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

@@ -1 +1 @@
-{"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  default: styles.default,\n  primary: styles.primary,\n  white: styles.white,\n};\n\nexport type IconProps = {\n  name: IconName;\n  size?: keyof typeof sizes;\n  variant?: keyof typeof variants;\n  loading?: boolean;\n};\n\nexport const Icon = ({ name = 'home', 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(sizes[size], styles.icon, variants[variant])}\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","default","primary","white","Icon","name","size","variant","iconStyle","maskImage","embedSVG","iconPaths","toString","jsx","cx","icon","Icons","Object","keys"],"mappings":"6YAMMA,EAAQ,CACZC,MAAOC,EAAOD,MACdE,OAAQD,EAAOC,OACfC,MAAOF,EAAOE,KAChB,EAEMC,EAAW,CACfC,QAASJ,EAAOI,QAChBC,QAASL,EAAOK,QAChBC,MAAON,EAAOM,KAChB,EASaC,EAAOA,CAAC,CAAEC,KAAAA,EAAO,OAAQC,KAAAA,EAAO,SAAUC,QAAAA,EAAU,SAAqB,IAAM,CAC1F,MAAMC,EAAY,CAChBC,UAAWC,EAAAA,SAASC,EAAAA,UAAUN,CAAI,EAAEO,UAAU,CAAA,EAUhD,OANEC,EAAAA,IAAC,OAAA,CACC,UAAWC,EAAAA,EAAGnB,EAAMW,CAAI,EAAGT,EAAOkB,KAAMf,EAASO,CAAO,CAAC,EACzD,MAAOC,EAAU,CAKvB,EAEaQ,EAAQA,IACZC,OAAOC,KAAKP,WAAS"}
+{"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  name: IconName;\n  size?: keyof typeof sizes;\n  variant?: keyof typeof variants;\n  loading?: boolean;\n};\n\nexport const Icon = ({ name = 'home', 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(sizes[size], styles.icon, variants[variant])}\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","name","size","variant","iconStyle","maskImage","embedSVG","iconPaths","toString","jsx","cx","icon","Icons","Object","keys"],"mappings":"2aAMMA,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,EASaC,EAAOA,CAAC,CAAEC,KAAAA,EAAO,OAAQC,KAAAA,EAAO,SAAUC,QAAAA,EAAU,SAAqB,IAAM,CAC1F,MAAMC,EAAY,CAChBC,UAAWC,EAAAA,SAASC,EAAAA,UAAUN,CAAI,EAAEO,UAAU,CAAA,EAUhD,OANEC,EAAAA,IAAC,OAAA,CACC,UAAWC,EAAAA,EAAGpB,EAAMY,CAAI,EAAGV,EAAOmB,KAAMhB,EAASQ,CAAO,CAAC,EACzD,MAAOC,EAAU,CAKvB,EAEaQ,EAAQA,IACZC,OAAOC,KAAKP,WAAS"}

package/dist/components/icon/index.js

@@ -1,32 +1,34 @@
-import { jsx as a } from "react/jsx-runtime";
-import { t as n } from "../../classix-DG18itHa.js";
-import { e as r, i as e } from "../../icons-uK6EFyq8.js";
-import '../../assets/index24.css';const l = "_icon_1swff_1", c = "_small_1swff_8", f = "_medium_1swff_13", _ = "_large_1swff_18", u = "_primary_1swff_27", d = "_white_1swff_31", s = {
-  icon: l,
-  small: c,
-  medium: f,
+import { jsx as o } from "react/jsx-runtime";
+import { t as r } from "../../classix-DG18itHa.js";
+import { e as i, a as m } from "../../icons-S3H6wxpA.js";
+import '../../assets/index31.css';const c = "_icon_dm9ve_1", l = "_small_dm9ve_8", d = "_medium_dm9ve_13", _ = "_large_dm9ve_18", u = "_danger_dm9ve_23", g = "_primary_dm9ve_31", p = "_white_dm9ve_35", e = {
+  icon: c,
+  small: l,
+  medium: d,
   large: _,
-  default: "_default_1swff_23",
-  primary: u,
-  white: d
-}, w = {
-  large: s.large,
-  medium: s.medium,
-  small: s.small
-}, p = {
-  default: s.default,
-  primary: s.primary,
-  white: s.white
+  danger: u,
+  default: "_default_dm9ve_27",
+  primary: g,
+  white: p
+}, v = {
+  large: e.large,
+  medium: e.medium,
+  small: e.small
+}, y = {
+  danger: e.danger,
+  default: e.default,
+  primary: e.primary,
+  white: e.white
 }, S = ({
   name: t = "home",
-  size: m = "medium",
-  variant: o = "default"
+  size: a = "medium",
+  variant: n = "default"
 }) => {
-  const i = {
-    maskImage: r(e[t].toString())
+  const s = {
+    maskImage: i(m[t].toString())
   };
-  return /* @__PURE__ */ a("span", { className: n(w[m], s.icon, p[o]), style: i });
-}, b = () => Object.keys(e);
+  return /* @__PURE__ */ o("span", { className: r(v[a], e.icon, y[n]), style: s });
+}, b = () => Object.keys(m);
 export {
   S as Icon,
   b as Icons

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","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  default: styles.default,\n  primary: styles.primary,\n  white: styles.white,\n};\n\nexport type IconProps = {\n  name: IconName;\n  size?: keyof typeof sizes;\n  variant?: keyof typeof variants;\n  loading?: boolean;\n};\n\nexport const Icon = ({ name = 'home', 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(sizes[size], styles.icon, variants[variant])}\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","default","primary","white","Icon","name","size","variant","iconStyle","maskImage","embedSVG","iconPaths","toString","jsx","cx","icon","Icons","Object","keys"],"mappings":";;;;;;;;;;;GAMMA,IAAQ;AAAA,EACZC,OAAOC,EAAOD;AAAAA,EACdE,QAAQD,EAAOC;AAAAA,EACfC,OAAOF,EAAOE;AAChB,GAEMC,IAAW;AAAA,EACfC,SAASJ,EAAOI;AAAAA,EAChBC,SAASL,EAAOK;AAAAA,EAChBC,OAAON,EAAOM;AAChB,GASaC,IAAOA,CAAC;AAAA,EAAEC,MAAAA,IAAO;AAAA,EAAQC,MAAAA,IAAO;AAAA,EAAUC,SAAAA,IAAU;AAAqB,MAAM;AAC1F,QAAMC,IAAY;AAAA,IAChBC,WAAWC,EAASC,EAAUN,CAAI,EAAEO,UAAU;AAAA,EAAA;AAUhD,SANE,gBAAAC,EAAC,QAAA,EACC,WAAWC,EAAGnB,EAAMW,CAAI,GAAGT,EAAOkB,MAAMf,EAASO,CAAO,CAAC,GACzD,OAAOC,GAAU;AAKvB,GAEaQ,IAAQA,MACZC,OAAOC,KAAKP,CAAS;"}
+{"version":3,"file":"index.js","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  name: IconName;\n  size?: keyof typeof sizes;\n  variant?: keyof typeof variants;\n  loading?: boolean;\n};\n\nexport const Icon = ({ name = 'home', 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(sizes[size], styles.icon, variants[variant])}\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","name","size","variant","iconStyle","maskImage","embedSVG","iconPaths","toString","jsx","cx","icon","Icons","Object","keys"],"mappings":";;;;;;;;;;;;GAMMA,IAAQ;AAAA,EACZC,OAAOC,EAAOD;AAAAA,EACdE,QAAQD,EAAOC;AAAAA,EACfC,OAAOF,EAAOE;AAChB,GAEMC,IAAW;AAAA,EACfC,QAAQJ,EAAOI;AAAAA,EACfC,SAASL,EAAOK;AAAAA,EAChBC,SAASN,EAAOM;AAAAA,EAChBC,OAAOP,EAAOO;AAChB,GASaC,IAAOA,CAAC;AAAA,EAAEC,MAAAA,IAAO;AAAA,EAAQC,MAAAA,IAAO;AAAA,EAAUC,SAAAA,IAAU;AAAqB,MAAM;AAC1F,QAAMC,IAAY;AAAA,IAChBC,WAAWC,EAASC,EAAUN,CAAI,EAAEO,UAAU;AAAA,EAAA;AAUhD,SANE,gBAAAC,EAAC,QAAA,EACC,WAAWC,EAAGpB,EAAMY,CAAI,GAAGV,EAAOmB,MAAMhB,EAASQ,CAAO,CAAC,GACzD,OAAOC,GAAU;AAKvB,GAEaQ,IAAQA,MACZC,OAAOC,KAAKP,CAAS;"}

package/dist/components/input/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index21.css');const e=require("react/jsx-runtime"),c=require("../../classix-5H4IWnMA.cjs"),o=require("react"),p="_input_13pnj_1",j="_label_13pnj_33",s={input:p,label:j},b=o.forwardRef(({className:n,disabled:l=!1,label:t,placeholder:r,type:i="text",...u},a)=>e.jsxs("label",{children:[t&&e.jsx("span",{className:s.label,children:t}),e.jsx("input",{ref:a,className:c.t(s.input,n),disabled:l,placeholder:r,type:i,...u})]}));exports.Input=b;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),o=require("../../classix-5H4IWnMA.cjs"),a=require("react"),N=require("../../utils-D_TJ8wDc.cjs"),s=require("../../styles.module-Cudd-ern.cjs"),C=a.forwardRef(({className:S,defaultCountryCode:r="+47",disabled:i=!1,label:h,placeholder:m,type:n="text",...e},g)=>{const[c,x]=a.useState(""),[l,d]=a.useState(""),{onChange:p,value:v,...y}=e,{touched:j,onBlur:f}=N.useTouched(v==="");a.useEffect(()=>{if(typeof e.onChange=="function"&&n==="tel"){const u={name:e.name,value:l?(c||r).split(" ").join("")+l.split(" ").join(""):void 0};e.onChange({target:u,currentTarget:u})}},[c,l]),a.useEffect(()=>{n==="tel"&&!e.value&&(d(""),x(""))},[e.value,n]);const q=t.jsxs(t.Fragment,{children:[t.jsx("input",{disabled:i,hidden:!0,onChange:p,pattern:void 0,placeholder:m,ref:g,type:n,value:v}),t.jsx("input",{type:"text",className:s.inputStyles.input,disabled:i,maxLength:5,onChange:u=>x(u.target.value),placeholder:r,value:c}),t.jsx("input",{type:"tel",className:o.t(s.inputStyles.input,j&&"touched"),disabled:i,maxLength:14,name:void 0,onChange:u=>d(u.target.value),onBlur:f,pattern:e.pattern,value:l,...y})]});return t.jsxs("label",{className:s.inputStyles.container,children:[h&&t.jsx("span",{className:o.t(s.inputStyles.label,e.required&&s.inputStyles.required),children:h}),n==="tel"?q:t.jsx("input",{ref:g,className:o.t(s.inputStyles.input,S,j&&"touched"),disabled:i,onBlur:f,placeholder:m,type:n,...e})]})});exports.Input=C;
 //# sourceMappingURL=index.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/input/index.tsx"],"sourcesContent":["import cx from 'classix';\nimport { forwardRef } from 'react';\n\nimport styles from './styles.module.css';\n\nexport type InputProps = React.ComponentPropsWithoutRef<'input'> & {\n  disabled?: boolean;\n  label?: string;\n  placeholder?: string;\n  type?: 'datetime-local' | 'email' | 'number' | 'password' | 'radio' | 'search' | 'tel' | 'text';\n};\n\nexport const Input = forwardRef<HTMLInputElement, InputProps>(\n  ({ className, disabled = false, label, placeholder, type = 'text', ...props }, ref) => {\n    return (\n      <label>\n        {label && <span className={styles.label}>{label}</span>}\n        <input\n          ref={ref}\n          className={cx(styles.input, className)}\n          disabled={disabled}\n          placeholder={placeholder}\n          type={type}\n          {...props}\n        />\n      </label>\n    );\n  }\n);\n"],"names":["Input","forwardRef","className","disabled","label","placeholder","type","props","ref","jsx","styles","cx","input"],"mappings":"2OAYaA,EAAQC,EAAAA,WACnB,CAAC,CAAEC,UAAAA,EAAWC,SAAAA,EAAW,GAAOC,MAAAA,EAAOC,YAAAA,EAAaC,KAAAA,EAAO,OAAQ,GAAGC,CAAM,EAAGC,WAE1E,QAAA,CACEJ,SAAAA,CAAAA,GAASK,EAAAA,IAAC,OAAA,CAAK,UAAWC,EAAON,MAAQA,SAAAA,EAAM,EAChDK,EAAAA,IAAC,QAAA,CACC,IAAAD,EACA,UAAWG,EAAAA,EAAGD,EAAOE,MAAOV,CAAS,EACrC,SAAAC,EACA,YAAAE,EACA,KAAAC,EACA,GAAIC,CAAAA,CAAM,CAAA,EAEd,CAGN"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/input/index.tsx"],"sourcesContent":["import cx from 'classix';\nimport { forwardRef, useEffect, useState } from 'react';\n\nimport { useTouched } from '@/utils.ts';\n\nimport styles from './styles.module.css';\n\nexport type InputProps = React.ComponentPropsWithoutRef<'input'> & {\n  defaultCountryCode?: string;\n  disabled?: boolean;\n  label?: string;\n  placeholder?: string;\n  type?: 'datetime-local' | 'email' | 'number' | 'password' | 'radio' | 'search' | 'tel' | 'text';\n};\n\nexport const Input = forwardRef<HTMLInputElement, InputProps>(\n  (\n    {\n      className,\n      defaultCountryCode = '+47',\n      disabled = false,\n      label,\n      placeholder,\n      type = 'text',\n      ...props\n    },\n    ref\n  ) => {\n    const [countryCode, setCountryCode] = useState('');\n    const [phoneNumber, setPhoneNumber] = useState('');\n    const { onChange, value, ...restProps } = props;\n    const { touched, onBlur } = useTouched(value === '');\n\n    useEffect(() => {\n      if (typeof props.onChange === 'function' && type === 'tel') {\n        const target = {\n          name: props.name,\n          value: phoneNumber\n            ? (countryCode || defaultCountryCode).split(' ').join('') +\n              phoneNumber.split(' ').join('')\n            : undefined,\n        } as unknown as HTMLInputElement;\n        // eslint-disable-next-line\n        (props.onChange as any)({ target, currentTarget: target });\n      }\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [countryCode, phoneNumber]);\n\n    useEffect(() => {\n      if (type === 'tel' && !props.value) {\n        setPhoneNumber('');\n        setCountryCode('');\n      }\n    }, [props.value, type]);\n\n    const telephoneInput = (\n      <>\n        <input\n          disabled={disabled}\n          hidden\n          onChange={onChange}\n          pattern={undefined}\n          placeholder={placeholder}\n          ref={ref}\n          type={type}\n          value={value}\n        />\n        <input\n          type='text'\n          className={styles.input}\n          disabled={disabled}\n          maxLength={5}\n          onChange={(e) => setCountryCode(e.target.value)}\n          placeholder={defaultCountryCode}\n          value={countryCode}\n        />\n        <input\n          type='tel'\n          className={cx(styles.input, touched && 'touched')}\n          disabled={disabled}\n          maxLength={14}\n          name={undefined}\n          onChange={(e) => setPhoneNumber(e.target.value)}\n          onBlur={onBlur}\n          pattern={props.pattern}\n          value={phoneNumber}\n          {...restProps}\n        />\n      </>\n    );\n\n    return (\n      <label className={styles.container}>\n        {label && (\n          <span className={cx(styles.label, props.required && styles.required)}>{label}</span>\n        )}\n        {type === 'tel' ? (\n          telephoneInput\n        ) : (\n          <input\n            ref={ref}\n            className={cx(styles.input, className, touched && 'touched')}\n            disabled={disabled}\n            onBlur={onBlur}\n            placeholder={placeholder}\n            type={type}\n            {...props}\n          />\n        )}\n      </label>\n    );\n  }\n);\n"],"names":["Input","forwardRef","className","defaultCountryCode","disabled","label","placeholder","type","props","ref","countryCode","setCountryCode","useState","phoneNumber","setPhoneNumber","onChange","value","restProps","touched","onBlur","useTouched","useEffect","target","name","split","join","undefined","currentTarget","telephoneInput","jsxs","Fragment","jsx","styles","input","e","cx","pattern","container","required"],"mappings":"oQAeaA,EAAQC,EAAAA,WACnB,CACE,CACEC,UAAAA,EACAC,mBAAAA,EAAqB,MACrBC,SAAAA,EAAW,GACXC,MAAAA,EACAC,YAAAA,EACAC,KAAAA,EAAO,OACP,GAAGC,CACL,EACAC,IACG,CACH,KAAM,CAACC,EAAaC,CAAc,EAAIC,EAAAA,SAAS,EAAE,EAC3C,CAACC,EAAaC,CAAc,EAAIF,EAAAA,SAAS,EAAE,EAC3C,CAAEG,SAAAA,EAAUC,MAAAA,EAAO,GAAGC,CAAAA,EAAcT,EACpC,CAAEU,QAAAA,EAASC,OAAAA,CAAAA,EAAWC,EAAAA,WAAWJ,IAAU,EAAE,EAEnDK,EAAAA,UAAU,IAAM,CACd,GAAI,OAAOb,EAAMO,UAAa,YAAcR,IAAS,MAAO,CAC1D,MAAMe,EAAS,CACbC,KAAMf,EAAMe,KACZP,MAAOH,GACFH,GAAeP,GAAoBqB,MAAM,GAAG,EAAEC,KAAK,EAAE,EACtDZ,EAAYW,MAAM,GAAG,EAAEC,KAAK,EAAE,EAC9BC,MAAAA,EAGLlB,EAAMO,SAAiB,CAAEO,OAAAA,EAAQK,cAAeL,CAAAA,CAAQ,CAC3D,CAEF,EAAG,CAACZ,EAAaG,CAAW,CAAC,EAE7BQ,EAAAA,UAAU,IAAM,CACVd,IAAS,OAAS,CAACC,EAAMQ,QAC3BF,EAAe,EAAE,EACjBH,EAAe,EAAE,EAErB,EAAG,CAACH,EAAMQ,MAAOT,CAAI,CAAC,EAEtB,MAAMqB,EACJC,EAAAA,KAAAC,EAAAA,SAAA,CACE,SAAA,CAAAC,EAAAA,IAAC,QAAA,CACC,SAAA3B,EACA,OAAM,GACN,SAAAW,EACA,QAASW,OACT,YAAApB,EACA,IAAAG,EACA,KAAAF,EACA,MAAAS,CAAA,CAAa,EAEfe,MAAC,SACC,KAAK,OACL,UAAWC,EAAAA,YAAOC,MAClB,SAAA7B,EACA,UAAW,EACX,SAAW8B,GAAMvB,EAAeuB,EAAEZ,OAAON,KAAK,EAC9C,YAAab,EACb,MAAOO,EAAY,EAErBqB,EAAAA,IAAC,QAAA,CACC,KAAK,MACL,UAAWI,EAAAA,EAAGH,EAAAA,YAAOC,MAAOf,GAAW,SAAS,EAChD,SAAAd,EACA,UAAW,GACX,KAAMsB,OACN,SAAWQ,GAAMpB,EAAeoB,EAAEZ,OAAON,KAAK,EAC9C,OAAAG,EACA,QAASX,EAAM4B,QACf,MAAOvB,EACP,GAAII,CAAAA,CAAU,CAAA,EAElB,EAGF,OACEY,EAAAA,KAAC,QAAA,CAAM,UAAWG,EAAAA,YAAOK,UACtBhC,SAAAA,CAAAA,GACC0B,EAAAA,IAAC,OAAA,CAAK,UAAWI,EAAAA,EAAGH,EAAAA,YAAO3B,MAAOG,EAAM8B,UAAYN,EAAAA,YAAOM,QAAQ,EAAIjC,SAAAA,CAAAA,CAAM,EAE9EE,IAAS,MACRqB,QAEC,QAAA,CACC,IAAAnB,EACA,UAAW0B,EAAAA,EAAGH,EAAAA,YAAOC,MAAO/B,EAAWgB,GAAW,SAAS,EAC3D,SAAAd,EACA,OAAAe,EACA,YAAAb,EACA,KAAAC,EACA,GAAIC,CAAAA,CAAM,CAAA,EAGhB,CAEJ,CACF"}

package/dist/components/input/index.js

@@ -1,21 +1,50 @@
-import { jsxs as i, jsx as n } from "react/jsx-runtime";
+import { jsxs as x, Fragment as P, jsx as o } from "react/jsx-runtime";
 import { t as c } from "../../classix-DG18itHa.js";
-import { forwardRef as m } from "react";
-import '../../assets/index21.css';const u = "_input_13pnj_1", f = "_label_13pnj_33", s = {
-  input: u,
-  label: f
-}, x = m(({
-  className: e,
-  disabled: l = !1,
-  label: t,
-  placeholder: p,
-  type: r = "text",
-  ...o
-}, a) => /* @__PURE__ */ i("label", { children: [
-  t && /* @__PURE__ */ n("span", { className: s.label, children: t }),
-  /* @__PURE__ */ n("input", { ref: a, className: c(s.input, e), disabled: l, placeholder: p, type: r, ...o })
-] }));
+import { forwardRef as S, useState as N, useEffect as C } from "react";
+import { u as T } from "../../utils-DXIJVVzz.js";
+import { i as a } from "../../styles.module-adedWXIX.js";
+const b = S(({
+  className: j,
+  defaultCountryCode: l = "+47",
+  disabled: u = !1,
+  label: m,
+  placeholder: s,
+  type: t = "text",
+  ...e
+}, h) => {
+  const [i, f] = N(""), [r, g] = N(""), {
+    onChange: q,
+    value: v,
+    ...I
+  } = e, {
+    touched: d,
+    onBlur: p
+  } = T(v === "");
+  C(() => {
+    if (typeof e.onChange == "function" && t === "tel") {
+      const n = {
+        name: e.name,
+        value: r ? (i || l).split(" ").join("") + r.split(" ").join("") : void 0
+      };
+      e.onChange({
+        target: n,
+        currentTarget: n
+      });
+    }
+  }, [i, r]), C(() => {
+    t === "tel" && !e.value && (g(""), f(""));
+  }, [e.value, t]);
+  const L = /* @__PURE__ */ x(P, { children: [
+    /* @__PURE__ */ o("input", { disabled: u, hidden: !0, onChange: q, pattern: void 0, placeholder: s, ref: h, type: t, value: v }),
+    /* @__PURE__ */ o("input", { type: "text", className: a.input, disabled: u, maxLength: 5, onChange: (n) => f(n.target.value), placeholder: l, value: i }),
+    /* @__PURE__ */ o("input", { type: "tel", className: c(a.input, d && "touched"), disabled: u, maxLength: 14, name: void 0, onChange: (n) => g(n.target.value), onBlur: p, pattern: e.pattern, value: r, ...I })
+  ] });
+  return /* @__PURE__ */ x("label", { className: a.container, children: [
+    m && /* @__PURE__ */ o("span", { className: c(a.label, e.required && a.required), children: m }),
+    t === "tel" ? L : /* @__PURE__ */ o("input", { ref: h, className: c(a.input, j, d && "touched"), disabled: u, onBlur: p, placeholder: s, type: t, ...e })
+  ] });
+});
 export {
-  x as Input
+  b as Input
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/input/index.tsx"],"sourcesContent":["import cx from 'classix';\nimport { forwardRef } from 'react';\n\nimport styles from './styles.module.css';\n\nexport type InputProps = React.ComponentPropsWithoutRef<'input'> & {\n  disabled?: boolean;\n  label?: string;\n  placeholder?: string;\n  type?: 'datetime-local' | 'email' | 'number' | 'password' | 'radio' | 'search' | 'tel' | 'text';\n};\n\nexport const Input = forwardRef<HTMLInputElement, InputProps>(\n  ({ className, disabled = false, label, placeholder, type = 'text', ...props }, ref) => {\n    return (\n      <label>\n        {label && <span className={styles.label}>{label}</span>}\n        <input\n          ref={ref}\n          className={cx(styles.input, className)}\n          disabled={disabled}\n          placeholder={placeholder}\n          type={type}\n          {...props}\n        />\n      </label>\n    );\n  }\n);\n"],"names":["Input","forwardRef","className","disabled","label","placeholder","type","props","ref","jsx","styles","cx","input"],"mappings":";;;;;;GAYaA,IAAQC,EACnB,CAAC;AAAA,EAAEC,WAAAA;AAAAA,EAAWC,UAAAA,IAAW;AAAA,EAAOC,OAAAA;AAAAA,EAAOC,aAAAA;AAAAA,EAAaC,MAAAA,IAAO;AAAA,EAAQ,GAAGC;AAAM,GAAGC,wBAE1E,SAAA,EACEJ,UAAAA;AAAAA,EAAAA,KAAS,gBAAAK,EAAC,QAAA,EAAK,WAAWC,EAAON,OAAQA,UAAAA,GAAM;AAAA,EAChD,gBAAAK,EAAC,SAAA,EACC,KAAAD,GACA,WAAWG,EAAGD,EAAOE,OAAOV,CAAS,GACrC,UAAAC,GACA,aAAAE,GACA,MAAAC,GACA,GAAIC,EAAAA,CAAM;AAAA,GAEd,CAGN;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/input/index.tsx"],"sourcesContent":["import cx from 'classix';\nimport { forwardRef, useEffect, useState } from 'react';\n\nimport { useTouched } from '@/utils.ts';\n\nimport styles from './styles.module.css';\n\nexport type InputProps = React.ComponentPropsWithoutRef<'input'> & {\n  defaultCountryCode?: string;\n  disabled?: boolean;\n  label?: string;\n  placeholder?: string;\n  type?: 'datetime-local' | 'email' | 'number' | 'password' | 'radio' | 'search' | 'tel' | 'text';\n};\n\nexport const Input = forwardRef<HTMLInputElement, InputProps>(\n  (\n    {\n      className,\n      defaultCountryCode = '+47',\n      disabled = false,\n      label,\n      placeholder,\n      type = 'text',\n      ...props\n    },\n    ref\n  ) => {\n    const [countryCode, setCountryCode] = useState('');\n    const [phoneNumber, setPhoneNumber] = useState('');\n    const { onChange, value, ...restProps } = props;\n    const { touched, onBlur } = useTouched(value === '');\n\n    useEffect(() => {\n      if (typeof props.onChange === 'function' && type === 'tel') {\n        const target = {\n          name: props.name,\n          value: phoneNumber\n            ? (countryCode || defaultCountryCode).split(' ').join('') +\n              phoneNumber.split(' ').join('')\n            : undefined,\n        } as unknown as HTMLInputElement;\n        // eslint-disable-next-line\n        (props.onChange as any)({ target, currentTarget: target });\n      }\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [countryCode, phoneNumber]);\n\n    useEffect(() => {\n      if (type === 'tel' && !props.value) {\n        setPhoneNumber('');\n        setCountryCode('');\n      }\n    }, [props.value, type]);\n\n    const telephoneInput = (\n      <>\n        <input\n          disabled={disabled}\n          hidden\n          onChange={onChange}\n          pattern={undefined}\n          placeholder={placeholder}\n          ref={ref}\n          type={type}\n          value={value}\n        />\n        <input\n          type='text'\n          className={styles.input}\n          disabled={disabled}\n          maxLength={5}\n          onChange={(e) => setCountryCode(e.target.value)}\n          placeholder={defaultCountryCode}\n          value={countryCode}\n        />\n        <input\n          type='tel'\n          className={cx(styles.input, touched && 'touched')}\n          disabled={disabled}\n          maxLength={14}\n          name={undefined}\n          onChange={(e) => setPhoneNumber(e.target.value)}\n          onBlur={onBlur}\n          pattern={props.pattern}\n          value={phoneNumber}\n          {...restProps}\n        />\n      </>\n    );\n\n    return (\n      <label className={styles.container}>\n        {label && (\n          <span className={cx(styles.label, props.required && styles.required)}>{label}</span>\n        )}\n        {type === 'tel' ? (\n          telephoneInput\n        ) : (\n          <input\n            ref={ref}\n            className={cx(styles.input, className, touched && 'touched')}\n            disabled={disabled}\n            onBlur={onBlur}\n            placeholder={placeholder}\n            type={type}\n            {...props}\n          />\n        )}\n      </label>\n    );\n  }\n);\n"],"names":["Input","forwardRef","className","defaultCountryCode","disabled","label","placeholder","type","props","ref","countryCode","setCountryCode","useState","phoneNumber","setPhoneNumber","onChange","value","restProps","touched","onBlur","useTouched","useEffect","target","name","split","join","undefined","currentTarget","telephoneInput","jsxs","Fragment","jsx","styles","input","e","cx","pattern","container","required"],"mappings":";;;;;AAeO,MAAMA,IAAQC,EACnB,CACE;AAAA,EACEC,WAAAA;AAAAA,EACAC,oBAAAA,IAAqB;AAAA,EACrBC,UAAAA,IAAW;AAAA,EACXC,OAAAA;AAAAA,EACAC,aAAAA;AAAAA,EACAC,MAAAA,IAAO;AAAA,EACP,GAAGC;AACL,GACAC,MACG;AACH,QAAM,CAACC,GAAaC,CAAc,IAAIC,EAAS,EAAE,GAC3C,CAACC,GAAaC,CAAc,IAAIF,EAAS,EAAE,GAC3C;AAAA,IAAEG,UAAAA;AAAAA,IAAUC,OAAAA;AAAAA,IAAO,GAAGC;AAAAA,EAAAA,IAAcT,GACpC;AAAA,IAAEU,SAAAA;AAAAA,IAASC,QAAAA;AAAAA,EAAAA,IAAWC,EAAWJ,MAAU,EAAE;AAEnDK,EAAAA,EAAU,MAAM;AACd,QAAI,OAAOb,EAAMO,YAAa,cAAcR,MAAS,OAAO;AAC1D,YAAMe,IAAS;AAAA,QACbC,MAAMf,EAAMe;AAAAA,QACZP,OAAOH,KACFH,KAAeP,GAAoBqB,MAAM,GAAG,EAAEC,KAAK,EAAE,IACtDZ,EAAYW,MAAM,GAAG,EAAEC,KAAK,EAAE,IAC9BC;AAAAA,MAAAA;AAGLlB,MAAAA,EAAMO,SAAiB;AAAA,QAAEO,QAAAA;AAAAA,QAAQK,eAAeL;AAAAA,MAAAA,CAAQ;AAAA,IAC3D;AAAA,EAEF,GAAG,CAACZ,GAAaG,CAAW,CAAC,GAE7BQ,EAAU,MAAM;AACd,IAAId,MAAS,SAAS,CAACC,EAAMQ,UAC3BF,EAAe,EAAE,GACjBH,EAAe,EAAE;AAAA,EAErB,GAAG,CAACH,EAAMQ,OAAOT,CAAI,CAAC;AAEtB,QAAMqB,IACJ,gBAAAC,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAC,EAAC,SAAA,EACC,UAAA3B,GACA,QAAM,IACN,UAAAW,GACA,SAASW,QACT,aAAApB,GACA,KAAAG,GACA,MAAAF,GACA,OAAAS,EAAA,CAAa;AAAA,IAEf,gBAAAe,EAAC,WACC,MAAK,QACL,WAAWC,EAAOC,OAClB,UAAA7B,GACA,WAAW,GACX,UAAW8B,CAAAA,MAAMvB,EAAeuB,EAAEZ,OAAON,KAAK,GAC9C,aAAab,GACb,OAAOO,GAAY;AAAA,IAErB,gBAAAqB,EAAC,SAAA,EACC,MAAK,OACL,WAAWI,EAAGH,EAAOC,OAAOf,KAAW,SAAS,GAChD,UAAAd,GACA,WAAW,IACX,MAAMsB,QACN,UAAWQ,CAAAA,MAAMpB,EAAeoB,EAAEZ,OAAON,KAAK,GAC9C,QAAAG,GACA,SAASX,EAAM4B,SACf,OAAOvB,GACP,GAAII,EAAAA,CAAU;AAAA,EAAA,GAElB;AAGF,SACE,gBAAAY,EAAC,SAAA,EAAM,WAAWG,EAAOK,WACtBhC,UAAAA;AAAAA,IAAAA,KACC,gBAAA0B,EAAC,QAAA,EAAK,WAAWI,EAAGH,EAAO3B,OAAOG,EAAM8B,YAAYN,EAAOM,QAAQ,GAAIjC,UAAAA,EAAAA,CAAM;AAAA,IAE9EE,MAAS,QACRqB,sBAEC,SAAA,EACC,KAAAnB,GACA,WAAW0B,EAAGH,EAAOC,OAAO/B,GAAWgB,KAAW,SAAS,GAC3D,UAAAd,GACA,QAAAe,GACA,aAAAb,GACA,MAAAC,GACA,GAAIC,EAAAA,CAAM;AAAA,EAAA,GAGhB;AAEJ,CACF;"}

package/dist/components/layout/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index7.css');const a=require("react/jsx-runtime"),u=require("../../classix-5H4IWnMA.cjs"),c="_layout_b6ho7_1",n="_home_b6ho7_2",t={layout:c,home:n},y=({children:o,feature:e="home",...s})=>a.jsx("main",{className:u.t(t.layout,t[e]),...s,"data-cy":"Layout",children:o});exports.Layout=y;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index6.css');const u=require("react/jsx-runtime"),y=require("../../classix-5H4IWnMA.cjs"),i="_layout_1iey6_18",l="_home_1iey6_25",t={layout:i,home:l},n=({children:e,isLoading:o=!1,feature:s="home",...a})=>u.jsx("main",{className:y.t(t.layout,t[s],o&&"is-loading"),...a,"data-cy":"Layout",children:e});exports.Layout=n;
 //# sourceMappingURL=index.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/layout/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport styles from './styles.module.css';\n\nexport type LayoutProps = { children: React.ReactNode; feature: 'home' };\n\nexport const Layout = ({ children, feature = 'home', ...props }: LayoutProps) => {\n  return (\n    <main\n      className={cx(styles.layout, styles[feature])}\n      {...props}\n    >\n      {children}\n    </main>\n  );\n};\n"],"names":["Layout","children","feature","props","jsx","cx","styles","layout"],"mappings":"uNAMaA,EAASA,CAAC,CAAEC,SAAAA,EAAUC,QAAAA,EAAU,OAAQ,GAAGC,CAAmB,IAEvEC,EAAAA,IAAC,OAAA,CACC,UAAWC,EAAAA,EAAGC,EAAOC,OAAQD,EAAOJ,CAAO,CAAC,EAC5C,GAAIC,EAAM,UAAA,SAETF,SAAAA,EACH"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/layout/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport styles from './styles.module.css';\n\nexport type LayoutProps = { children: React.ReactNode; feature: 'home'; isLoading?: boolean };\n\nexport const Layout = ({\n  children,\n  isLoading = false,\n  feature = 'home',\n  ...props\n}: LayoutProps) => {\n  return (\n    <main\n      className={cx(styles.layout, styles[feature], isLoading && 'is-loading')}\n      {...props}\n    >\n      {children}\n    </main>\n  );\n};\n"],"names":["Layout","children","isLoading","feature","props","cx","styles","layout"],"mappings":"yNAMaA,EAASA,CAAC,CACrBC,SAAAA,EACAC,UAAAA,EAAY,GACZC,QAAAA,EAAU,OACV,GAAGC,CACQ,UAER,OAAA,CACC,UAAWC,EAAAA,EAAGC,EAAOC,OAAQD,EAAOH,CAAO,EAAGD,GAAa,YAAY,EACvE,GAAIE,EAAM,UAAA,SAETH,SAAAA,EACH"}

package/dist/components/layout/index.js

@@ -1,14 +1,15 @@
-import { jsx as s } from "react/jsx-runtime";
-import { t as e } from "../../classix-DG18itHa.js";
-import '../../assets/index7.css';const y = "_layout_b6ho7_1", r = "_home_b6ho7_2", o = {
-  layout: y,
-  home: r
-}, h = ({
+import { jsx as m } from "react/jsx-runtime";
+import { t as y } from "../../classix-DG18itHa.js";
+import '../../assets/index6.css';const l = "_layout_1iey6_18", i = "_home_1iey6_25", o = {
+  layout: l,
+  home: i
+}, u = ({
   children: t,
-  feature: a = "home",
-  ...m
-}) => /* @__PURE__ */ s("main", { className: e(o.layout, o[a]), ...m, "data-cy": "Layout", children: t });
+  isLoading: a = !1,
+  feature: e = "home",
+  ...s
+}) => /* @__PURE__ */ m("main", { className: y(o.layout, o[e], a && "is-loading"), ...s, "data-cy": "Layout", children: t });
 export {
-  h as Layout
+  u as Layout
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/layout/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport styles from './styles.module.css';\n\nexport type LayoutProps = { children: React.ReactNode; feature: 'home' };\n\nexport const Layout = ({ children, feature = 'home', ...props }: LayoutProps) => {\n  return (\n    <main\n      className={cx(styles.layout, styles[feature])}\n      {...props}\n    >\n      {children}\n    </main>\n  );\n};\n"],"names":["Layout","children","feature","props","jsx","cx","styles","layout"],"mappings":";;;;;GAMaA,IAASA,CAAC;AAAA,EAAEC,UAAAA;AAAAA,EAAUC,SAAAA,IAAU;AAAA,EAAQ,GAAGC;AAAmB,MAEvE,gBAAAC,EAAC,QAAA,EACC,WAAWC,EAAGC,EAAOC,QAAQD,EAAOJ,CAAO,CAAC,GAC5C,GAAIC,GAAM,WAAA,UAETF,UAAAA,GACH;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/layout/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport styles from './styles.module.css';\n\nexport type LayoutProps = { children: React.ReactNode; feature: 'home'; isLoading?: boolean };\n\nexport const Layout = ({\n  children,\n  isLoading = false,\n  feature = 'home',\n  ...props\n}: LayoutProps) => {\n  return (\n    <main\n      className={cx(styles.layout, styles[feature], isLoading && 'is-loading')}\n      {...props}\n    >\n      {children}\n    </main>\n  );\n};\n"],"names":["Layout","children","isLoading","feature","props","cx","styles","layout"],"mappings":";;;;;GAMaA,IAASA,CAAC;AAAA,EACrBC,UAAAA;AAAAA,EACAC,WAAAA,IAAY;AAAA,EACZC,SAAAA,IAAU;AAAA,EACV,GAAGC;AACQ,wBAER,QAAA,EACC,WAAWC,EAAGC,EAAOC,QAAQD,EAAOH,CAAO,GAAGD,KAAa,YAAY,GACvE,GAAIE,GAAM,WAAA,UAETH,UAAAA,GACH;"}