@solibo/solibo-ui 0.3.1 → 0.3.3

package/dist/components/accordion/index.js

@@ -1,18 +1,18 @@
-import { jsxs as c, jsx as a } from "react/jsx-runtime";
+import { jsxs as r, jsx as a } from "react/jsx-runtime";
 import { Icon as d } from "../icon/index.js";
 import '../../assets/index15.css';const i = "_accordion_1mzhl_1", t = {
   accordion: i
 }, l = ({
-  children: r,
+  children: n,
   icon: o,
-  label: n,
+  label: c,
   open: s = !1
-}) => /* @__PURE__ */ c("details", { className: t.accordion, open: s, "data-cy": "Accordion", children: [
-  /* @__PURE__ */ c("summary", { children: [
+}) => /* @__PURE__ */ r("details", { className: t.accordion, open: s, "data-cy": "Accordion", children: [
+  /* @__PURE__ */ r("summary", { children: [
     o && /* @__PURE__ */ a(d, { name: o }),
-    n
+    c && c
   ] }),
-  r
+  n
 ] });
 export {
   l as Accordion

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/accordion/index.tsx"],"sourcesContent":["import { Icon } from '../icon';\nimport type { IconName } from '../icon/icons';\nimport styles from './styles.module.css';\n\nexport type AccordionProps = {\n  children: React.ReactNode;\n  icon?: IconName;\n  label: string;\n  open?: boolean;\n};\n\nexport const Accordion = ({ children, icon, label, open = false }: AccordionProps) => {\n  return (\n    <details\n      className={styles.accordion}\n      open={open}\n    >\n      <summary>\n        {icon && <Icon name={icon} />}\n        {label}\n      </summary>\n      {children}\n    </details>\n  );\n};\n"],"names":["Accordion","children","icon","label","open","styles","accordion","jsxs","jsx","Icon"],"mappings":";;;;GAWaA,IAAYA,CAAC;AAAA,EAAEC,UAAAA;AAAAA,EAAUC,MAAAA;AAAAA,EAAMC,OAAAA;AAAAA,EAAOC,MAAAA,IAAO;AAAsB,wBAE3E,WAAA,EACC,WAAWC,EAAOC,WAClB,MAAAF,GAAW,WAAA,aAEX,UAAA;AAAA,EAAA,gBAAAG,EAAC,WAAA,EACEL,UAAAA;AAAAA,IAAAA,KAAQ,gBAAAM,EAACC,GAAA,EAAK,MAAMP,EAAAA,CAAK;AAAA,IACzBC;AAAAA,EAAAA,GACH;AAAA,EACCF;AAAAA,GACH;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/accordion/index.tsx"],"sourcesContent":["import { Icon } from '../icon';\nimport type { IconName } from '../icon/icons';\nimport styles from './styles.module.css';\n\nexport type AccordionProps = {\n  children: React.ReactNode;\n  icon?: IconName;\n  label?: string;\n  open?: boolean;\n};\n\nexport const Accordion = ({ children, icon, label, open = false }: AccordionProps) => {\n  return (\n    <details\n      className={styles.accordion}\n      open={open}\n    >\n      <summary>\n        {icon && <Icon name={icon} />}\n        {label && label}\n      </summary>\n      {children}\n    </details>\n  );\n};\n"],"names":["Accordion","children","icon","label","open","styles","accordion","jsxs","jsx","Icon"],"mappings":";;;;GAWaA,IAAYA,CAAC;AAAA,EAAEC,UAAAA;AAAAA,EAAUC,MAAAA;AAAAA,EAAMC,OAAAA;AAAAA,EAAOC,MAAAA,IAAO;AAAsB,wBAE3E,WAAA,EACC,WAAWC,EAAOC,WAClB,MAAAF,GAAW,WAAA,aAEX,UAAA;AAAA,EAAA,gBAAAG,EAAC,WAAA,EACEL,UAAAA;AAAAA,IAAAA,KAAQ,gBAAAM,EAACC,GAAA,EAAK,MAAMP,EAAAA,CAAK;AAAA,IACzBC,KAASA;AAAAA,EAAAA,GACZ;AAAA,EACCF;AAAAA,GACH;"}

package/dist/components/aside/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index19.css');const c=require("react/jsx-runtime"),d=require("../../classix-5H4IWnMA.cjs"),n="_aside_gg6ct_1",o="_meta_gg6ct_5",r="_sticky_gg6ct_9",t={aside:n,meta:o,sticky:r},u={default:t.default,meta:t.meta},l=({children:s,className:e,sticky:a=!1,variant:i="default"})=>c.jsx("aside",{className:d.t(e&&e,t.aside,a&&t.sticky,u[i]),"data-cy":"Aside",children:s});exports.Aside=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index19.css');const c=require("react/jsx-runtime"),d=require("../../classix-5H4IWnMA.cjs"),n="_aside_1s00g_1",o="_meta_1s00g_9",r="_sticky_1s00g_29",s={aside:n,meta:o,sticky:r},u={default:s.default,meta:s.meta},l=({children:e,className:t,sticky:a=!1,variant:i="default"})=>c.jsx("aside",{className:d.t(t&&t,s.aside,a&&s.sticky,u[i]),"data-cy":"Aside",children:e});exports.Aside=l;
 //# sourceMappingURL=index.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/aside/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport styles from './styles.module.css';\n\nconst variants = {\n  default: styles.default,\n  meta: styles.meta,\n};\n\nexport type AsideProps = {\n  className?: string;\n  children: React.ReactNode;\n  open?: boolean;\n  sticky?: boolean;\n  variant?: keyof typeof variants;\n};\n\nexport const Aside = ({ children, className, sticky = false, variant = 'default' }: AsideProps) => {\n  return (\n    <aside\n      className={cx(\n        className && className,\n        styles.aside,\n        sticky && styles.sticky,\n        variants[variant]\n      )}\n    >\n      {children}\n    </aside>\n  );\n};\n"],"names":["variants","default","styles","meta","Aside","children","className","sticky","variant","cx","aside"],"mappings":"kPAIMA,EAAW,CACfC,QAASC,EAAOD,QAChBE,KAAMD,EAAOC,IACf,EAUaC,EAAQA,CAAC,CAAEC,SAAAA,EAAUC,UAAAA,EAAWC,OAAAA,EAAS,GAAOC,QAAAA,EAAU,SAAsB,UAExF,QAAA,CACC,UAAWC,EAAAA,EACTH,GAAaA,EACbJ,EAAOQ,MACPH,GAAUL,EAAOK,OACjBP,EAASQ,CAAO,CAClB,EAAE,UAAA,QAEDH,SAAAA,EACH"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/aside/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport styles from './styles.module.css';\n\nconst variants = {\n  default: styles.default,\n  meta: styles.meta,\n};\n\nexport type AsideProps = {\n  className?: string;\n  children: React.ReactNode;\n  open?: boolean;\n  sticky?: boolean;\n  variant?: keyof typeof variants;\n};\n\nexport const Aside = ({ children, className, sticky = false, variant = 'default' }: AsideProps) => {\n  return (\n    <aside\n      className={cx(\n        className && className,\n        styles.aside,\n        sticky && styles.sticky,\n        variants[variant]\n      )}\n    >\n      {children}\n    </aside>\n  );\n};\n"],"names":["variants","default","styles","meta","Aside","children","className","sticky","variant","cx","aside"],"mappings":"mPAIMA,EAAW,CACfC,QAASC,EAAOD,QAChBE,KAAMD,EAAOC,IACf,EAUaC,EAAQA,CAAC,CAAEC,SAAAA,EAAUC,UAAAA,EAAWC,OAAAA,EAAS,GAAOC,QAAAA,EAAU,SAAsB,UAExF,QAAA,CACC,UAAWC,EAAAA,EACTH,GAAaA,EACbJ,EAAOQ,MACPH,GAAUL,EAAOK,OACjBP,EAASQ,CAAO,CAClB,EAAE,UAAA,QAEDH,SAAAA,EACH"}

package/dist/components/aside/index.js

@@ -1,19 +1,19 @@
-import { jsx as i } from "react/jsx-runtime";
+import { jsx as c } from "react/jsx-runtime";
 import { t as d } from "../../classix-DG18itHa.js";
-import '../../assets/index19.css';const o = "_aside_gg6ct_1", m = "_meta_gg6ct_5", _ = "_sticky_gg6ct_9", t = {
+import '../../assets/index19.css';const o = "_aside_1s00g_1", m = "_meta_1s00g_9", _ = "_sticky_1s00g_29", t = {
   aside: o,
   meta: m,
   sticky: _
 }, n = {
   default: t.default,
   meta: t.meta
-}, g = ({
+}, y = ({
   children: e,
   className: s,
   sticky: a = !1,
-  variant: c = "default"
-}) => /* @__PURE__ */ i("aside", { className: d(s && s, t.aside, a && t.sticky, n[c]), "data-cy": "Aside", children: e });
+  variant: i = "default"
+}) => /* @__PURE__ */ c("aside", { className: d(s && s, t.aside, a && t.sticky, n[i]), "data-cy": "Aside", children: e });
 export {
-  g as Aside
+  y as Aside
 };
 //# sourceMappingURL=index.js.map

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/index22.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/index22.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/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/index12.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/index12.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/index29.css');const i=require("react/jsx-runtime"),o=require("../../classix-5H4IWnMA.cjs"),c=require("../../icons-CldDT7AE.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 { a as c } from "../../icons-C3h0iG86.js";
+import '../../assets/index29.css';const g = "_figure_183e3_1", n = "_offset_183e3_34", f = {
+  figure: g,
+  offset: n
 }, _ = ({
   children: i,
-  label: e,
-  offset: o
-}) => /* @__PURE__ */ r("figure", { className: t(f.figure, o && f.offset), style: {
+  label: o,
+  offset: e
+}) => /* @__PURE__ */ r("figure", { className: t(f.figure, e && f.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 })
+  o && /* @__PURE__ */ s("figcaption", { children: o })
 ] });
 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/index11.css');const l=require("react/jsx-runtime"),a=require("../../classix-5H4IWnMA.cjs"),c=require("../icon/index.cjs"),o="_file_ym7n6_1",d="_danger_ym7n6_28",r={file:o,danger:d},u=({name:t,url:s="#",onClick:n,variant:e="default"})=>l.jsxs("a",{className:a.t(r.file,e==="deletable"&&r.danger),href:s,onClick:i=>{n&&(i.preventDefault(),n())},role:"document",title:t,"data-cy":"File",children:[l.jsx(c.Icon,{name:e==="deletable"?"trash":"document",variant:e==="deletable"?"danger":"primary"}),t]});exports.File=u;
 //# 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\ntype FileVariant = 'default' | 'deletable';\n\nexport type FileProps = { name: string; url: string; onClick?: () => void; variant?: FileVariant };\n\nexport const File = ({ name, url = '#', onClick, variant = 'default' }: FileProps) => {\n  return (\n    <a\n      className={cx(styles.file, variant === 'deletable' && styles.danger)}\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 === 'deletable' ? 'trash' : 'document'}\n        variant={variant === 'deletable' ? 'danger' : 'primary'}\n      />\n      {name}\n    </a>\n  );\n};\n"],"names":["File","name","url","onClick","variant","jsxs","cx","styles","file","danger","e","preventDefault","jsx","Icon"],"mappings":"uPAUaA,EAAOA,CAAC,CAAEC,KAAAA,EAAMC,IAAAA,EAAM,IAAKC,QAAAA,EAASC,QAAAA,EAAU,SAAqB,IAE5EC,EAAAA,KAAC,IAAA,CACC,UAAWC,EAAAA,EAAGC,EAAOC,KAAMJ,IAAY,aAAeG,EAAOE,MAAM,EACnE,KAAMP,EACN,QAAUQ,GAAM,CACVP,IACFO,EAAEC,eAAAA,EACFR,EAAAA,EAEJ,EACA,KAAK,WACL,MAAOF,EAAK,UAAA,OAEZ,SAAA,CAAAW,EAAAA,IAACC,EAAAA,KAAA,CACC,KAAMT,IAAY,YAAc,QAAU,WAC1C,QAASA,IAAY,YAAc,SAAW,SAAA,CAAU,EAEzDH,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 o, jsx as d } from "react/jsx-runtime";
+import { t as i } from "../../classix-DG18itHa.js";
+import { Icon as m } from "../icon/index.js";
+import '../../assets/index11.css';const s = "_file_ym7n6_1", f = "_danger_ym7n6_28", l = {
+  file: s,
+  danger: f
+}, g = ({
+  name: t,
+  url: n = "#",
+  onClick: r,
+  variant: e = "default"
+}) => /* @__PURE__ */ o("a", { className: i(l.file, e === "deletable" && l.danger), href: n, onClick: (a) => {
+  r && (a.preventDefault(), r());
+}, role: "document", title: t, "data-cy": "File", children: [
+  /* @__PURE__ */ d(m, { name: e === "deletable" ? "trash" : "document", variant: e === "deletable" ? "danger" : "primary" }),
+  t
 ] });
 export {
-  n as File
+  g 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\ntype FileVariant = 'default' | 'deletable';\n\nexport type FileProps = { name: string; url: string; onClick?: () => void; variant?: FileVariant };\n\nexport const File = ({ name, url = '#', onClick, variant = 'default' }: FileProps) => {\n  return (\n    <a\n      className={cx(styles.file, variant === 'deletable' && styles.danger)}\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 === 'deletable' ? 'trash' : 'document'}\n        variant={variant === 'deletable' ? 'danger' : 'primary'}\n      />\n      {name}\n    </a>\n  );\n};\n"],"names":["File","name","url","onClick","variant","jsxs","cx","styles","file","danger","e","preventDefault","jsx","Icon"],"mappings":";;;;;;GAUaA,IAAOA,CAAC;AAAA,EAAEC,MAAAA;AAAAA,EAAMC,KAAAA,IAAM;AAAA,EAAKC,SAAAA;AAAAA,EAASC,SAAAA,IAAU;AAAqB,MAE5E,gBAAAC,EAAC,KAAA,EACC,WAAWC,EAAGC,EAAOC,MAAMJ,MAAY,eAAeG,EAAOE,MAAM,GACnE,MAAMP,GACN,SAAUQ,CAAAA,MAAM;AACd,EAAIP,MACFO,EAAEC,eAAAA,GACFR,EAAAA;AAEJ,GACA,MAAK,YACL,OAAOF,GAAK,WAAA,QAEZ,UAAA;AAAA,EAAA,gBAAAW,EAACC,GAAA,EACC,MAAMT,MAAY,cAAc,UAAU,YAC1C,SAASA,MAAY,cAAc,WAAW,UAAA,CAAU;AAAA,EAEzDH;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/index10.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/index10.css';const f = "_form_1by0q_1", i = "_inline_1by0q_17", m = {
+  form: f,
+  inline: i
 }, _ = ({
   animation: o,
   children: r,

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/index8.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/index8.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/index28.css');const i=require("react/jsx-runtime"),o=require("../../classix-5H4IWnMA.cjs"),s=require("../../icons-CldDT7AE.cjs"),c="_icon_ybjls_1",r="_small_ybjls_8",m="_medium_ybjls_13",_="_large_ybjls_18",u="_danger_ybjls_23",d="_primary_ybjls_31",y="_white_ybjls_35",e={icon:c,small:r,medium:m,large:_,danger:u,default:"_default_ybjls_27",primary:d,white:y},g={large:e.large,medium:e.medium,small:e.small},b={danger:e.danger,default:e.default,primary:e.primary,white:e.white},j=({name:t="home",size:n="medium",variant:l="default"})=>{const a={maskImage:s.embedSVG(s.iconPaths[t].toString())};return i.jsx("span",{className:o.t(g[n],e.icon,b[l]),style:a})},h=()=>Object.keys(s.iconPaths);exports.Icon=j;exports.Icons=h;
 //# 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,34 +1,36 @@
-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,
+import { jsx as l } from "react/jsx-runtime";
+import { t as o } from "../../classix-DG18itHa.js";
+import { e as r, i as s } from "../../icons-C3h0iG86.js";
+import '../../assets/index28.css';const i = "_icon_ybjls_1", c = "_small_ybjls_8", _ = "_medium_ybjls_13", d = "_large_ybjls_18", y = "_danger_ybjls_23", u = "_primary_ybjls_31", g = "_white_ybjls_35", e = {
+  icon: i,
   small: c,
-  medium: f,
-  large: _,
-  default: "_default_1swff_23",
+  medium: _,
+  large: d,
+  danger: y,
+  default: "_default_ybjls_27",
   primary: u,
-  white: d
-}, w = {
-  large: s.large,
-  medium: s.medium,
-  small: s.small
-}, p = {
-  default: s.default,
-  primary: s.primary,
-  white: s.white
-}, S = ({
+  white: g
+}, b = {
+  large: e.large,
+  medium: e.medium,
+  small: e.small
+}, j = {
+  danger: e.danger,
+  default: e.default,
+  primary: e.primary,
+  white: e.white
+}, I = ({
   name: t = "home",
-  size: m = "medium",
-  variant: o = "default"
+  size: n = "medium",
+  variant: a = "default"
 }) => {
-  const i = {
-    maskImage: r(e[t].toString())
+  const m = {
+    maskImage: r(s[t].toString())
   };
-  return /* @__PURE__ */ a("span", { className: n(w[m], s.icon, p[o]), style: i });
-}, b = () => Object.keys(e);
+  return /* @__PURE__ */ l("span", { className: o(b[n], e.icon, j[a]), style: m });
+}, S = () => Object.keys(s);
 export {
-  S as Icon,
-  b as Icons
+  I as Icon,
+  S as Icons
 };
 //# sourceMappingURL=index.js.map

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"),r=require("../../classix-5H4IWnMA.cjs"),s=require("react"),C=require("../../utils-D_TJ8wDc.cjs"),a=require("../../styles.module-Q-4xnkd1.cjs"),N=s.forwardRef(({className:S,defaultCountryCode:c="+47",disabled:i=!1,label:h,placeholder:m,type:n="text",...e},g)=>{const[o,x]=s.useState(""),[l,d]=s.useState(""),{onChange:p,value:v,...q}=e,{touched:j,onBlur:f}=C.useTouched(v==="");s.useEffect(()=>{if(typeof e.onChange=="function"&&n==="tel"){const u={name:e.name,value:l?(o||c).split(" ").join("")+l.split(" ").join(""):void 0};e.onChange({target:u,currentTarget:u})}},[o,l]),s.useEffect(()=>{n==="tel"&&!e.value&&(d(""),x(""))},[e.value,n]);const y=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:a.inputStyles.input,disabled:i,maxLength:5,onChange:u=>x(u.target.value),placeholder:c,value:o}),t.jsx("input",{type:"tel",className:r.t(a.inputStyles.input,j&&"touched"),disabled:i,maxLength:14,name:void 0,onChange:u=>d(u.target.value),onBlur:f,pattern:e.pattern,value:l,...q})]});return t.jsxs("label",{children:[h&&t.jsx("span",{className:r.t(a.inputStyles.label,e.required&&a.inputStyles.required),children:h}),n==="tel"?y:t.jsx("input",{ref:g,className:r.t(a.inputStyles.input,S,j&&"touched"),disabled:i,onBlur:f,placeholder:m,type:n,...e})]})});exports.Input=N;
 //# 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>\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","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,cACG,QAAA,CACEZ,SAAAA,CAAAA,GACC0B,EAAAA,IAAC,OAAA,CAAK,UAAWI,EAAAA,EAAGH,EAAAA,YAAO3B,MAAOG,EAAM6B,UAAYL,EAAAA,YAAOK,QAAQ,EAAIhC,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 { 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 { jsxs as x, Fragment as P, jsx as a } from "react/jsx-runtime";
+import { t as l } from "../../classix-DG18itHa.js";
+import { forwardRef as S, useState as C, useEffect as N } from "react";
+import { u as T } from "../../utils-DXIJVVzz.js";
+import { i as u } from "../../styles.module-Bp0gA9c7.js";
+const b = S(({
+  className: j,
+  defaultCountryCode: c = "+47",
+  disabled: o = !1,
+  label: m,
+  placeholder: s,
+  type: t = "text",
+  ...e
+}, h) => {
+  const [i, f] = C(""), [r, g] = C(""), {
+    onChange: q,
+    value: v,
+    ...I
+  } = e, {
+    touched: d,
+    onBlur: p
+  } = T(v === "");
+  N(() => {
+    if (typeof e.onChange == "function" && t === "tel") {
+      const n = {
+        name: e.name,
+        value: r ? (i || c).split(" ").join("") + r.split(" ").join("") : void 0
+      };
+      e.onChange({
+        target: n,
+        currentTarget: n
+      });
+    }
+  }, [i, r]), N(() => {
+    t === "tel" && !e.value && (g(""), f(""));
+  }, [e.value, t]);
+  const L = /* @__PURE__ */ x(P, { children: [
+    /* @__PURE__ */ a("input", { disabled: o, hidden: !0, onChange: q, pattern: void 0, placeholder: s, ref: h, type: t, value: v }),
+    /* @__PURE__ */ a("input", { type: "text", className: u.input, disabled: o, maxLength: 5, onChange: (n) => f(n.target.value), placeholder: c, value: i }),
+    /* @__PURE__ */ a("input", { type: "tel", className: l(u.input, d && "touched"), disabled: o, maxLength: 14, name: void 0, onChange: (n) => g(n.target.value), onBlur: p, pattern: e.pattern, value: r, ...I })
+  ] });
+  return /* @__PURE__ */ x("label", { children: [
+    m && /* @__PURE__ */ a("span", { className: l(u.label, e.required && u.required), children: m }),
+    t === "tel" ? L : /* @__PURE__ */ a("input", { ref: h, className: l(u.input, j, d && "touched"), disabled: o, 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>\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","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,2BACG,SAAA,EACEZ,UAAAA;AAAAA,IAAAA,KACC,gBAAA0B,EAAC,QAAA,EAAK,WAAWI,EAAGH,EAAO3B,OAAOG,EAAM6B,YAAYL,EAAOK,QAAQ,GAAIhC,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/index7.css');const l=require("react/jsx-runtime"),u=require("../../classix-5H4IWnMA.cjs"),n="_layout_1l3x3_18",c="_home_1l3x3_23",t={layout:n,home:c},y=({children:o,isLoading:e=!1,feature:s="home",...a})=>l.jsx("main",{className:u.t(t.layout,t[s],e&&"is-loading"),...a,"data-cy":"Layout",children:o});exports.Layout=y;
 //# sourceMappingURL=index.cjs.map