@solibo/solibo-ui 0.3.3 → 0.3.4

package/dist/components/_messages/index.js

@@ -0,0 +1,11 @@
+import { jsx as r } from "react/jsx-runtime";
+import { Message as t } from "../message/index.js";
+import '../../assets/index21.css';const a = "_messages_1jerx_1", m = {
+  messages: a
+}, c = ({
+  messages: s
+}) => s.length ? /* @__PURE__ */ r("div", { className: m.messages, "data-cy": "Messages", children: s.map((e) => /* @__PURE__ */ r(t, { ...e }, e.id)) }) : null;
+export {
+  c as Messages
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/_messages/index.tsx"],"sourcesContent":["import { Message, type MessageOptions } from '../message';\nimport styles from './styles.module.css';\n\nexport type MessageItem = MessageOptions;\n\nexport type MessagesProps = {\n  messages: MessageItem[];\n};\n\nexport const Messages = ({ messages }: MessagesProps) => {\n  if (!messages.length) return null;\n\n  return (\n    <div className={styles.messages}>\n      {messages.map((message) => (\n        <Message\n          key={message.id}\n          {...message}\n        />\n      ))}\n    </div>\n  );\n};\n"],"names":["Messages","messages","length","styles","map","message","Message","id"],"mappings":";;;;GASaA,IAAWA,CAAC;AAAA,EAAEC,UAAAA;AAAwB,MAC5CA,EAASC,2BAGX,OAAA,EAAI,WAAWC,EAAOF,UAAS,WAAA,YAC7BA,UAAAA,EAASG,IAAKC,CAAAA,wBACZC,GAAA,EAEC,GAAID,KADCA,EAAQE,EACD,CAEf,GACH,IAV2B;"}

package/dist/components/_portal/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index16.css');const e=require("react/jsx-runtime"),s=require("../aside/index.cjs"),t=require("../branding/index.cjs"),a=require("../figure/index.cjs"),i=require("../icon/index.cjs"),c=require("../nav/index.cjs"),l="_menu_1bayh_29",u="_portal_1bayh_54",o={menu:l,portal:u},m=({children:n,portals:r})=>e.jsxs("details",{className:o.menu,open:!0,"data-cy":"Portal",children:[e.jsx("summary",{"aria-label":"Show menu",children:e.jsx(i.Icon,{name:"menu",size:"large",variant:"primary"})}),e.jsxs(s.Aside,{className:o.portal,children:[e.jsx(a.Figure,{children:e.jsx(t.Branding,{name:"logo",size:86,variant:"white"})}),r&&e.jsx(c.Nav,{horizontal:!0,children:r}),n&&n]})]});exports.Portal=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index17.css');const e=require("react/jsx-runtime"),s=require("../aside/index.cjs"),t=require("../branding/index.cjs"),a=require("../figure/index.cjs"),i=require("../icon/index.cjs"),c=require("../nav/index.cjs"),l="_menu_1bayh_29",u="_portal_1bayh_54",o={menu:l,portal:u},m=({children:n,portals:r})=>e.jsxs("details",{className:o.menu,open:!0,"data-cy":"Portal",children:[e.jsx("summary",{"aria-label":"Show menu",children:e.jsx(i.Icon,{name:"menu",size:"large",variant:"primary"})}),e.jsxs(s.Aside,{className:o.portal,children:[e.jsx(a.Figure,{children:e.jsx(t.Branding,{name:"logo",size:86,variant:"white"})}),r&&e.jsx(c.Nav,{horizontal:!0,children:r}),n&&n]})]});exports.Portal=m;
 //# sourceMappingURL=index.cjs.map

package/dist/components/_portal/index.js

@@ -4,7 +4,7 @@ import { Branding as n } from "../branding/index.js";
 import { Figure as i } from "../figure/index.js";
 import { Icon as l } from "../icon/index.js";
 import { Nav as s } from "../nav/index.js";
-import '../../assets/index16.css';const c = "_menu_1bayh_29", p = "_portal_1bayh_54", t = {
+import '../../assets/index17.css';const c = "_menu_1bayh_29", p = "_portal_1bayh_54", t = {
   menu: c,
   portal: p
 }, g = ({

package/dist/components/_toasts/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index15.css');const u=require("react/jsx-runtime"),i=require("react"),w=require("../toast/index.cjs"),T="_toasts_m9a8k_1",h={toasts:T},p=({defaultDurationMs:r=5e3,onRemove:m,toasts:n})=>{const d=i.useRef(new Map),[a,l]=i.useState(new Set),c=i.useCallback(e=>{l(t=>t.has(e)?t:new Set(t).add(e))},[]);return i.useEffect(()=>{const e=d.current,t=new Set(n.map(s=>s.id));l(s=>{const o=new Set([...s].filter(f=>t.has(f)));return o.size===s.size?s:o});for(const s of n){if(a.has(s.id)||e.has(s.id))continue;const o=s.durationMs??r;e.set(s.id,window.setTimeout(()=>{c(s.id)},o))}for(const[s,o]of e)t.has(s)&&!a.has(s)||(window.clearTimeout(o),e.delete(s))},[a,r,c,n]),i.useEffect(()=>{const e=d.current;return()=>{for(const t of e.values())window.clearTimeout(t);e.clear()}},[]),n.length?u.jsx("div",{className:h.toasts,"data-cy":"Toasts",children:n.map(e=>u.jsx(w.Toast,{label:e.label,onClick:()=>c(e.id),onExitComplete:()=>m(e.id),open:!a.has(e.id),type:e.type},e.id))}):null};exports.Toasts=p;
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../src/components/_toasts/index.tsx"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react';\n\nimport { Toast, ToastOptions } from '../toast';\nimport styles from './styles.module.css';\n\nexport type ToastItem = ToastOptions & { id: string };\n\nexport type ToastsProps = {\n  defaultDurationMs?: number;\n  onRemove: (id: string) => void;\n  toasts: ToastItem[];\n};\n\nexport const Toasts = ({ defaultDurationMs = 5000, onRemove, toasts }: ToastsProps) => {\n  const timers = useRef(new Map<string, number>());\n  const [closingIds, setClosingIds] = useState<Set<string>>(new Set());\n\n  const requestRemove = useCallback((id: string) => {\n    setClosingIds((current) => (current.has(id) ? current : new Set(current).add(id)));\n  }, []);\n\n  useEffect(() => {\n    const activeTimers = timers.current;\n    const activeIds = new Set(toasts.map((t) => t.id));\n\n    setClosingIds((current) => {\n      const next = new Set([...current].filter((id) => activeIds.has(id)));\n      return next.size === current.size ? current : next;\n    });\n\n    for (const t of toasts) {\n      if (closingIds.has(t.id) || activeTimers.has(t.id)) continue;\n      const ms = t.durationMs ?? defaultDurationMs;\n      activeTimers.set(\n        t.id,\n        window.setTimeout(() => {\n          requestRemove(t.id);\n        }, ms)\n      );\n    }\n\n    for (const [id, timer] of activeTimers) {\n      if (activeIds.has(id) && !closingIds.has(id)) continue;\n      window.clearTimeout(timer);\n      activeTimers.delete(id);\n    }\n  }, [closingIds, defaultDurationMs, requestRemove, toasts]);\n\n  useEffect(() => {\n    const activeTimers = timers.current;\n    return () => {\n      for (const timer of activeTimers.values()) window.clearTimeout(timer);\n      activeTimers.clear();\n    };\n  }, []);\n\n  if (!toasts.length) return null;\n\n  return (\n    <div className={styles.toasts}>\n      {toasts.map((t) => (\n        <Toast\n          key={t.id}\n          label={t.label}\n          onClick={() => requestRemove(t.id)}\n          onExitComplete={() => onRemove(t.id)}\n          open={!closingIds.has(t.id)}\n          type={t.type}\n        />\n      ))}\n    </div>\n  );\n};\n"],"names":["Toasts","defaultDurationMs","onRemove","toasts","timers","useRef","Map","closingIds","setClosingIds","useState","Set","requestRemove","useCallback","id","current","has","add","useEffect","activeTimers","activeIds","map","t","next","filter","size","ms","durationMs","set","window","setTimeout","timer","clearTimeout","delete","values","clear","length","styles","jsx","Toast","label","type"],"mappings":"yMAaaA,EAASA,CAAC,CAAEC,kBAAAA,EAAoB,IAAMC,SAAAA,EAAUC,OAAAA,CAAoB,IAAM,CACrF,MAAMC,EAASC,EAAAA,OAAO,IAAIC,GAAqB,EACzC,CAACC,EAAYC,CAAa,EAAIC,EAAAA,SAAsB,IAAIC,GAAK,EAE7DC,EAAgBC,cAAaC,GAAe,CAChDL,EAAeM,GAAaA,EAAQC,IAAIF,CAAE,EAAIC,EAAU,IAAIJ,IAAII,CAAO,EAAEE,IAAIH,CAAE,CAAE,CACnF,EAAG,CAAA,CAAE,EAqCL,OAnCAI,EAAAA,UAAU,IAAM,CACd,MAAMC,EAAed,EAAOU,QACtBK,EAAY,IAAIT,IAAIP,EAAOiB,IAAKC,GAAMA,EAAER,EAAE,CAAC,EAEjDL,EAAeM,GAAY,CACzB,MAAMQ,EAAO,IAAIZ,IAAI,CAAC,GAAGI,CAAO,EAAES,OAAQV,GAAOM,EAAUJ,IAAIF,CAAE,CAAC,CAAC,EACnE,OAAOS,EAAKE,OAASV,EAAQU,KAAOV,EAAUQ,CAChD,CAAC,EAED,UAAWD,KAAKlB,EAAQ,CACtB,GAAII,EAAWQ,IAAIM,EAAER,EAAE,GAAKK,EAAaH,IAAIM,EAAER,EAAE,EAAG,SACpD,MAAMY,EAAKJ,EAAEK,YAAczB,EAC3BiB,EAAaS,IACXN,EAAER,GACFe,OAAOC,WAAW,IAAM,CACtBlB,EAAcU,EAAER,EAAE,CACpB,EAAGY,CAAE,CACP,CACF,CAEA,SAAW,CAACZ,EAAIiB,CAAK,IAAKZ,EACpBC,EAAUJ,IAAIF,CAAE,GAAK,CAACN,EAAWQ,IAAIF,CAAE,IAC3Ce,OAAOG,aAAaD,CAAK,EACzBZ,EAAac,OAAOnB,CAAE,EAE1B,EAAG,CAACN,EAAYN,EAAmBU,EAAeR,CAAM,CAAC,EAEzDc,EAAAA,UAAU,IAAM,CACd,MAAMC,EAAed,EAAOU,QAC5B,MAAO,IAAM,CACX,UAAWgB,KAASZ,EAAae,OAAAA,EAAUL,OAAOG,aAAaD,CAAK,EACpEZ,EAAagB,MAAAA,CACf,CACF,EAAG,CAAA,CAAE,EAEA/B,EAAOgC,aAGT,MAAA,CAAI,UAAWC,EAAOjC,OAAO,UAAA,SAC3BA,SAAAA,EAAOiB,IAAKC,GACXgB,EAAAA,IAACC,EAAAA,OAEC,MAAOjB,EAAEkB,MACT,QAAS,IAAM5B,EAAcU,EAAER,EAAE,EACjC,eAAgB,IAAMX,EAASmB,EAAER,EAAE,EACnC,KAAM,CAACN,EAAWQ,IAAIM,EAAER,EAAE,EAC1B,KAAMQ,EAAEmB,MALHnB,EAAER,GAOV,EACH,EAdyB,IAgB7B"}

package/dist/components/_toasts/index.js

@@ -0,0 +1,40 @@
+import { jsx as l } from "react/jsx-runtime";
+import { useRef as p, useState as w, useCallback as h, useEffect as m } from "react";
+import { Toast as T } from "../toast/index.js";
+import '../../assets/index15.css';const v = "_toasts_m9a8k_1", S = {
+  toasts: v
+}, b = ({
+  defaultDurationMs: c = 5e3,
+  onRemove: f,
+  toasts: i
+}) => {
+  const r = p(/* @__PURE__ */ new Map()), [n, d] = w(/* @__PURE__ */ new Set()), a = h((e) => {
+    d((t) => t.has(e) ? t : new Set(t).add(e));
+  }, []);
+  return m(() => {
+    const e = r.current, t = new Set(i.map((s) => s.id));
+    d((s) => {
+      const o = new Set([...s].filter((u) => t.has(u)));
+      return o.size === s.size ? s : o;
+    });
+    for (const s of i) {
+      if (n.has(s.id) || e.has(s.id)) continue;
+      const o = s.durationMs ?? c;
+      e.set(s.id, window.setTimeout(() => {
+        a(s.id);
+      }, o));
+    }
+    for (const [s, o] of e)
+      t.has(s) && !n.has(s) || (window.clearTimeout(o), e.delete(s));
+  }, [n, c, a, i]), m(() => {
+    const e = r.current;
+    return () => {
+      for (const t of e.values()) window.clearTimeout(t);
+      e.clear();
+    };
+  }, []), i.length ? /* @__PURE__ */ l("div", { className: S.toasts, "data-cy": "Toasts", children: i.map((e) => /* @__PURE__ */ l(T, { label: e.label, onClick: () => a(e.id), onExitComplete: () => f(e.id), open: !n.has(e.id), type: e.type }, e.id)) }) : null;
+};
+export {
+  b as Toasts
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/_toasts/index.tsx"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react';\n\nimport { Toast, ToastOptions } from '../toast';\nimport styles from './styles.module.css';\n\nexport type ToastItem = ToastOptions & { id: string };\n\nexport type ToastsProps = {\n  defaultDurationMs?: number;\n  onRemove: (id: string) => void;\n  toasts: ToastItem[];\n};\n\nexport const Toasts = ({ defaultDurationMs = 5000, onRemove, toasts }: ToastsProps) => {\n  const timers = useRef(new Map<string, number>());\n  const [closingIds, setClosingIds] = useState<Set<string>>(new Set());\n\n  const requestRemove = useCallback((id: string) => {\n    setClosingIds((current) => (current.has(id) ? current : new Set(current).add(id)));\n  }, []);\n\n  useEffect(() => {\n    const activeTimers = timers.current;\n    const activeIds = new Set(toasts.map((t) => t.id));\n\n    setClosingIds((current) => {\n      const next = new Set([...current].filter((id) => activeIds.has(id)));\n      return next.size === current.size ? current : next;\n    });\n\n    for (const t of toasts) {\n      if (closingIds.has(t.id) || activeTimers.has(t.id)) continue;\n      const ms = t.durationMs ?? defaultDurationMs;\n      activeTimers.set(\n        t.id,\n        window.setTimeout(() => {\n          requestRemove(t.id);\n        }, ms)\n      );\n    }\n\n    for (const [id, timer] of activeTimers) {\n      if (activeIds.has(id) && !closingIds.has(id)) continue;\n      window.clearTimeout(timer);\n      activeTimers.delete(id);\n    }\n  }, [closingIds, defaultDurationMs, requestRemove, toasts]);\n\n  useEffect(() => {\n    const activeTimers = timers.current;\n    return () => {\n      for (const timer of activeTimers.values()) window.clearTimeout(timer);\n      activeTimers.clear();\n    };\n  }, []);\n\n  if (!toasts.length) return null;\n\n  return (\n    <div className={styles.toasts}>\n      {toasts.map((t) => (\n        <Toast\n          key={t.id}\n          label={t.label}\n          onClick={() => requestRemove(t.id)}\n          onExitComplete={() => onRemove(t.id)}\n          open={!closingIds.has(t.id)}\n          type={t.type}\n        />\n      ))}\n    </div>\n  );\n};\n"],"names":["Toasts","defaultDurationMs","onRemove","toasts","timers","useRef","Map","closingIds","setClosingIds","useState","Set","requestRemove","useCallback","id","current","has","add","useEffect","activeTimers","activeIds","map","t","next","filter","size","ms","durationMs","set","window","setTimeout","timer","clearTimeout","delete","values","clear","length","styles","jsx","Toast","label","type"],"mappings":";;;;;GAaaA,IAASA,CAAC;AAAA,EAAEC,mBAAAA,IAAoB;AAAA,EAAMC,UAAAA;AAAAA,EAAUC,QAAAA;AAAoB,MAAM;AACrF,QAAMC,IAASC,EAAO,oBAAIC,KAAqB,GACzC,CAACC,GAAYC,CAAa,IAAIC,EAAsB,oBAAIC,KAAK,GAE7DC,IAAgBC,EAAY,CAACC,MAAe;AAChDL,IAAAA,EAAeM,CAAAA,MAAaA,EAAQC,IAAIF,CAAE,IAAIC,IAAU,IAAIJ,IAAII,CAAO,EAAEE,IAAIH,CAAE,CAAE;AAAA,EACnF,GAAG,CAAA,CAAE;AAqCL,SAnCAI,EAAU,MAAM;AACd,UAAMC,IAAed,EAAOU,SACtBK,IAAY,IAAIT,IAAIP,EAAOiB,IAAKC,CAAAA,MAAMA,EAAER,EAAE,CAAC;AAEjDL,IAAAA,EAAeM,CAAAA,MAAY;AACzB,YAAMQ,IAAO,IAAIZ,IAAI,CAAC,GAAGI,CAAO,EAAES,OAAQV,CAAAA,MAAOM,EAAUJ,IAAIF,CAAE,CAAC,CAAC;AACnE,aAAOS,EAAKE,SAASV,EAAQU,OAAOV,IAAUQ;AAAAA,IAChD,CAAC;AAED,eAAWD,KAAKlB,GAAQ;AACtB,UAAII,EAAWQ,IAAIM,EAAER,EAAE,KAAKK,EAAaH,IAAIM,EAAER,EAAE,EAAG;AACpD,YAAMY,IAAKJ,EAAEK,cAAczB;AAC3BiB,MAAAA,EAAaS,IACXN,EAAER,IACFe,OAAOC,WAAW,MAAM;AACtBlB,QAAAA,EAAcU,EAAER,EAAE;AAAA,MACpB,GAAGY,CAAE,CACP;AAAA,IACF;AAEA,eAAW,CAACZ,GAAIiB,CAAK,KAAKZ;AACxB,MAAIC,EAAUJ,IAAIF,CAAE,KAAK,CAACN,EAAWQ,IAAIF,CAAE,MAC3Ce,OAAOG,aAAaD,CAAK,GACzBZ,EAAac,OAAOnB,CAAE;AAAA,EAE1B,GAAG,CAACN,GAAYN,GAAmBU,GAAeR,CAAM,CAAC,GAEzDc,EAAU,MAAM;AACd,UAAMC,IAAed,EAAOU;AAC5B,WAAO,MAAM;AACX,iBAAWgB,KAASZ,EAAae,OAAAA,EAAUL,QAAOG,aAAaD,CAAK;AACpEZ,MAAAA,EAAagB,MAAAA;AAAAA,IACf;AAAA,EACF,GAAG,CAAA,CAAE,GAEA/B,EAAOgC,2BAGT,OAAA,EAAI,WAAWC,EAAOjC,QAAO,WAAA,UAC3BA,UAAAA,EAAOiB,IAAKC,CAAAA,MACX,gBAAAgB,EAACC,KAEC,OAAOjB,EAAEkB,OACT,SAAS,MAAM5B,EAAcU,EAAER,EAAE,GACjC,gBAAgB,MAAMX,EAASmB,EAAER,EAAE,GACnC,MAAM,CAACN,EAAWQ,IAAIM,EAAER,EAAE,GAC1B,MAAMQ,EAAEmB,QALHnB,EAAER,GAOV,GACH,IAdyB;AAgB7B;"}

package/dist/components/accordion/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index15.css');const c=require("react/jsx-runtime"),r=require("../icon/index.cjs"),i="_accordion_1mzhl_1",t={accordion:i},d=({children:e,icon:o,label:n,open:s=!1})=>c.jsxs("details",{className:t.accordion,open:s,"data-cy":"Accordion",children:[c.jsxs("summary",{children:[o&&c.jsx(r.Icon,{name:o}),n&&n]}),e]});exports.Accordion=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index14.css');const c=require("react/jsx-runtime"),r=require("../icon/index.cjs"),i="_accordion_1mzhl_1",t={accordion:i},d=({children:e,icon:o,label:n,open:s=!1})=>c.jsxs("details",{className:t.accordion,open:s,"data-cy":"Accordion",children:[c.jsxs("summary",{children:[o&&c.jsx(r.Icon,{name:o}),n&&n]}),e]});exports.Accordion=d;
 //# sourceMappingURL=index.cjs.map

package/dist/components/accordion/index.js

@@ -1,6 +1,6 @@
 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 = {
+import '../../assets/index14.css';const i = "_accordion_1mzhl_1", t = {
   accordion: i
 }, l = ({
   children: n,

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_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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index20.css');const c=require("react/jsx-runtime"),d=require("../../classix-5H4IWnMA.cjs"),r="_aside_19r1v_1",n="_meta_19r1v_9",o="_sticky_19r1v_27",t={aside:r,meta:n,sticky:o},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;
 //# sourceMappingURL=index.cjs.map

package/dist/components/aside/index.js

@@ -1,10 +1,10 @@
 import { jsx as c } from "react/jsx-runtime";
 import { t as d } from "../../classix-DG18itHa.js";
-import '../../assets/index19.css';const o = "_aside_1s00g_1", m = "_meta_1s00g_9", _ = "_sticky_1s00g_29", t = {
+import '../../assets/index20.css';const o = "_aside_19r1v_1", r = "_meta_19r1v_9", m = "_sticky_19r1v_27", t = {
   aside: o,
-  meta: m,
-  sticky: _
-}, n = {
+  meta: r,
+  sticky: m
+}, _ = {
   default: t.default,
   meta: t.meta
 }, y = ({
@@ -12,7 +12,7 @@ import '../../assets/index19.css';const o = "_aside_1s00g_1", m = "_meta_1s00g_9
   className: s,
   sticky: a = !1,
   variant: i = "default"
-}) => /* @__PURE__ */ c("aside", { className: d(s && s, t.aside, a && t.sticky, n[i]), "data-cy": "Aside", children: e });
+}) => /* @__PURE__ */ c("aside", { className: d(s && s, t.aside, a && t.sticky, _[i]), "data-cy": "Aside", children: e });
 export {
   y as Aside
 };

package/dist/components/banner/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index14.css');const t=require("react/jsx-runtime"),b=require("../../classix-5H4IWnMA.cjs"),i=require("../button/index.cjs"),u="_banner_rnk31_13",o="_visible_rnk31_33",r={banner:u,visible:o},d=({button:a,message:c,onClick:e,onDismiss:n,visible:s=!1})=>{const l=()=>{e==null||e(),n==null||n()};return t.jsxs("div",{className:b.t(r.banner,s&&r.visible),"data-cy":"Banner",children:[c,t.jsx(i.Button,{onClick:l,children:a})]})};exports.Banner=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index13.css');const r=require("react/jsx-runtime"),l=require("../../classix-5H4IWnMA.cjs"),b=require("../button/index.cjs"),u="_banner_rnk31_13",o="_visible_rnk31_33",t={banner:u,visible:o},d=({button:a,message:s,onClick:e,onDismiss:n,visible:c=!1})=>{const i=()=>{e==null||e(),n==null||n()};return r.jsxs("div",{"aria-live":"assertive",className:l.t(t.banner,c&&t.visible),"data-cy":"Banner",children:[s,r.jsx(b.Button,{onClick:i,children:a})]})};exports.Banner=d;
 //# sourceMappingURL=index.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/banner/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport { Button } from '../button';\nimport styles from './styles.module.css';\n\nexport type BannerProps = {\n  button: string;\n  message: string;\n  onClick?: () => void;\n  onDismiss?: () => void;\n  visible?: boolean;\n};\n\nexport const Banner = ({ button, message, onClick, onDismiss, visible = false }: BannerProps) => {\n  const handleClick = () => {\n    onClick?.();\n    onDismiss?.();\n  };\n\n  return (\n    <div className={cx(styles.banner, visible && styles.visible)}>\n      {message}\n      <Button onClick={handleClick}>{button}</Button>\n    </div>\n  );\n};\n"],"names":["Banner","button","message","onClick","onDismiss","visible","handleClick","jsxs","cx","styles","banner","jsx","Button"],"mappings":"gQAaaA,EAASA,CAAC,CAAEC,OAAAA,EAAQC,QAAAA,EAASC,QAAAA,EAASC,UAAAA,EAAWC,QAAAA,EAAU,EAAmB,IAAM,CAC/F,MAAMC,EAAcA,IAAM,CACxBH,GAAAA,MAAAA,IACAC,GAAAA,MAAAA,GACF,EAEA,OACEG,EAAAA,KAAC,MAAA,CAAI,UAAWC,EAAAA,EAAGC,EAAOC,OAAQL,GAAWI,EAAOJ,OAAO,EAAE,UAAA,SAC1DH,SAAAA,CAAAA,EACDS,EAAAA,IAACC,EAAAA,OAAA,CAAO,QAASN,EAAcL,SAAAA,CAAAA,CAAO,CAAA,EACxC,CAEJ"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/banner/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport { Button } from '../button';\nimport styles from './styles.module.css';\n\nexport type BannerProps = {\n  button: string;\n  message: string;\n  onClick?: () => void;\n  onDismiss?: () => void;\n  visible?: boolean;\n};\n\nexport const Banner = ({ button, message, onClick, onDismiss, visible = false }: BannerProps) => {\n  const handleClick = () => {\n    onClick?.();\n    onDismiss?.();\n  };\n\n  return (\n    <div\n      aria-live='assertive'\n      className={cx(styles.banner, visible && styles.visible)}\n    >\n      {message}\n      <Button onClick={handleClick}>{button}</Button>\n    </div>\n  );\n};\n"],"names":["Banner","button","message","onClick","onDismiss","visible","handleClick","jsxs","cx","styles","banner","jsx","Button"],"mappings":"gQAaaA,EAASA,CAAC,CAAEC,OAAAA,EAAQC,QAAAA,EAASC,QAAAA,EAASC,UAAAA,EAAWC,QAAAA,EAAU,EAAmB,IAAM,CAC/F,MAAMC,EAAcA,IAAM,CACxBH,GAAAA,MAAAA,IACAC,GAAAA,MAAAA,GACF,EAEA,OACEG,EAAAA,KAAC,MAAA,CACC,YAAU,YACV,UAAWC,IAAGC,EAAOC,OAAQL,GAAWI,EAAOJ,OAAO,EAAE,UAAA,SAEvDH,SAAAA,CAAAA,EACDS,EAAAA,IAACC,EAAAA,OAAA,CAAO,QAASN,EAAcL,SAAAA,CAAAA,CAAO,CAAA,EACxC,CAEJ"}

package/dist/components/banner/index.js

@@ -1,22 +1,22 @@
-import { jsxs as c, jsx as o } from "react/jsx-runtime";
-import { t as _ } from "../../classix-DG18itHa.js";
-import { Button as d } from "../button/index.js";
-import '../../assets/index14.css';const s = "_banner_rnk31_13", v = "_visible_rnk31_33", n = {
-  banner: s,
-  visible: v
+import { jsxs as c, jsx as i } from "react/jsx-runtime";
+import { t as s } from "../../classix-DG18itHa.js";
+import { Button as v } from "../button/index.js";
+import '../../assets/index13.css';const o = "_banner_rnk31_13", _ = "_visible_rnk31_33", n = {
+  banner: o,
+  visible: _
 }, h = ({
   button: t,
   message: a,
-  onClick: r,
-  onDismiss: e,
-  visible: b = !1
+  onClick: e,
+  onDismiss: r,
+  visible: l = !1
 }) => {
-  const l = () => {
-    r == null || r(), e == null || e();
+  const b = () => {
+    e == null || e(), r == null || r();
   };
-  return /* @__PURE__ */ c("div", { className: _(n.banner, b && n.visible), "data-cy": "Banner", children: [
+  return /* @__PURE__ */ c("div", { "aria-live": "assertive", className: s(n.banner, l && n.visible), "data-cy": "Banner", children: [
     a,
-    /* @__PURE__ */ o(d, { onClick: l, children: t })
+    /* @__PURE__ */ i(v, { onClick: b, children: t })
   ] });
 };
 export {

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/banner/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport { Button } from '../button';\nimport styles from './styles.module.css';\n\nexport type BannerProps = {\n  button: string;\n  message: string;\n  onClick?: () => void;\n  onDismiss?: () => void;\n  visible?: boolean;\n};\n\nexport const Banner = ({ button, message, onClick, onDismiss, visible = false }: BannerProps) => {\n  const handleClick = () => {\n    onClick?.();\n    onDismiss?.();\n  };\n\n  return (\n    <div className={cx(styles.banner, visible && styles.visible)}>\n      {message}\n      <Button onClick={handleClick}>{button}</Button>\n    </div>\n  );\n};\n"],"names":["Banner","button","message","onClick","onDismiss","visible","handleClick","jsxs","cx","styles","banner","jsx","Button"],"mappings":";;;;;;GAaaA,IAASA,CAAC;AAAA,EAAEC,QAAAA;AAAAA,EAAQC,SAAAA;AAAAA,EAASC,SAAAA;AAAAA,EAASC,WAAAA;AAAAA,EAAWC,SAAAA,IAAU;AAAmB,MAAM;AAC/F,QAAMC,IAAcA,MAAM;AACxBH,IAAAA,KAAAA,QAAAA,KACAC,KAAAA,QAAAA;AAAAA,EACF;AAEA,SACE,gBAAAG,EAAC,OAAA,EAAI,WAAWC,EAAGC,EAAOC,QAAQL,KAAWI,EAAOJ,OAAO,GAAE,WAAA,UAC1DH,UAAAA;AAAAA,IAAAA;AAAAA,IACD,gBAAAS,EAACC,GAAA,EAAO,SAASN,GAAcL,UAAAA,EAAAA,CAAO;AAAA,EAAA,GACxC;AAEJ;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/banner/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport { Button } from '../button';\nimport styles from './styles.module.css';\n\nexport type BannerProps = {\n  button: string;\n  message: string;\n  onClick?: () => void;\n  onDismiss?: () => void;\n  visible?: boolean;\n};\n\nexport const Banner = ({ button, message, onClick, onDismiss, visible = false }: BannerProps) => {\n  const handleClick = () => {\n    onClick?.();\n    onDismiss?.();\n  };\n\n  return (\n    <div\n      aria-live='assertive'\n      className={cx(styles.banner, visible && styles.visible)}\n    >\n      {message}\n      <Button onClick={handleClick}>{button}</Button>\n    </div>\n  );\n};\n"],"names":["Banner","button","message","onClick","onDismiss","visible","handleClick","jsxs","cx","styles","banner","jsx","Button"],"mappings":";;;;;;GAaaA,IAASA,CAAC;AAAA,EAAEC,QAAAA;AAAAA,EAAQC,SAAAA;AAAAA,EAASC,SAAAA;AAAAA,EAASC,WAAAA;AAAAA,EAAWC,SAAAA,IAAU;AAAmB,MAAM;AAC/F,QAAMC,IAAcA,MAAM;AACxBH,IAAAA,KAAAA,QAAAA,KACAC,KAAAA,QAAAA;AAAAA,EACF;AAEA,SACE,gBAAAG,EAAC,OAAA,EACC,aAAU,aACV,WAAWC,EAAGC,EAAOC,QAAQL,KAAWI,EAAOJ,OAAO,GAAE,WAAA,UAEvDH,UAAAA;AAAAA,IAAAA;AAAAA,IACD,gBAAAS,EAACC,GAAA,EAAO,SAASN,GAAcL,UAAAA,EAAAA,CAAO;AAAA,EAAA,GACxC;AAEJ;"}

package/dist/components/branding/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index18.css');const e=require("react/jsx-runtime"),h=require("../../classix-5H4IWnMA.cjs");function l(c){return`url("data:image/svg+xml, ${encodeURI(c)}")`}const v={logo:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="212.84 265.6 645.02 573.4"><g><path d="m212.84 681.26 8.86-19.64c9.5 6.92 23.67 11.75 37.19 11.75 15.46 0 21.74-5.15 21.74-12.07 0-21.1-65.54-6.6-65.54-48.47 0-19.16 15.46-35.11 47.51-35.11 14.17 0 28.66 3.39 39.13 10l-8.06 19.81c-10.46-6-21.25-8.86-31.24-8.86-15.45 0-21.41 5.8-21.41 12.88 0 20.77 65.54 6.44 65.54 47.82 0 18.84-15.62 34.95-47.83 34.95-17.87 0-35.91-5.32-45.89-13M317.33 636c0-33.5 26.09-58.3 61.68-58.3 35.42 0 61.67 24.64 61.67 58.3s-26.25 58.31-61.68 58.31c-35.59 0-61.68-24.8-61.68-58.29m96.94 0C414.27 614.6 399.14 600 379 600s-35.26 14.6-35.26 36 15.14 36.07 35.27 36.07 35.26-14.66 35.26-36.07m46.04-56.34h26.09v91.46h56.52v21.26h-82.61zm105.3 0h26.09v112.72h-26.09zm156.19 81.96c0 19.48-15.46 30.75-45.08 30.75h-58.3V579.65h55.08c28.18 0 42.67 11.76 42.67 29.31a27.1 27.1 0 0 1-15 24.8c12.56 4 20.61 13.69 20.61 27.86m-77.43-62.32v26.57h25.93c12.72 0 19.64-4.51 19.64-13.36S683 599.3 670.28 599.3Zm51.21 59.58c0-9.5-7.25-14-20.78-14h-30.43v27.86h30.43c13.53 0 20.78-4.19 20.78-13.85M734.51 636c0-33.5 26.09-58.3 61.68-58.3 35.43 0 61.67 24.64 61.67 58.3s-26.24 58.29-61.67 58.29c-35.59 0-61.68-24.8-61.68-58.29m96.94 0c0-21.42-15.13-36.07-35.26-36.07S760.92 614.6 760.92 636s15.14 36.07 35.27 36.07 35.26-14.66 35.26-36.07M535.93 406.9a30.06 30.06 0 1 0-30-30 30.05 30.05 0 0 0 30 30m41.29 72.66v-24.08a41.29 41.29 0 0 0-82.58 0v94.22l28.83-42.58h53.78Z" class="cls-1"/><path d="M675.26 507.22H519.83c-4.07 0 2.55-3.3 2.55-7.36l20-16.14a7.36 7.36 0 0 1 7.36-7.36h94.66a7.37 7.37 0 0 0 7.36-7.36V363.24a7.36 7.36 0 0 0-4-6.55L539 301.09a7.34 7.34 0 0 0-6.72 0L423.74 357a7.37 7.37 0 0 0-4 6.54V469a7.37 7.37 0 0 0 7.37 7.36h29.22v30.86h-60.09a7.37 7.37 0 0 1-7.36-7.36V344.68a7.38 7.38 0 0 1 4-6.55l139.35-71.72a7.37 7.37 0 0 1 6.72 0l139.67 71.4a7.37 7.37 0 0 1 4 6.56v155.5a7.37 7.37 0 0 1-7.36 7.36M380.2 789.7h-53.93v42.19c0 4.76-3.35 5.59-5 5.59s-5-.83-5-5.59v-89.7c0-4.75 3.35-5.59 5-5.59s5 .84 5 5.59v38.29h53.93v-38.29c0-4.75 3.36-5.59 5-5.59s5 .84 5 5.59v89.7c0 4.76-3.35 5.59-5 5.59s-5-.83-5-5.59Zm82.58 49.3c-29.48 0-51.56-21.94-51.56-52s22.08-52 51.56-52 51.56 21.93 51.56 52-22.08 52-51.56 52m0-95.15c-25.43 0-40.94 20.12-40.94 43.17s15.51 43 40.94 43 40.94-20 40.94-43-15.51-43.15-40.94-43.15Zm165.01 93.63c-1.67 0-5-.83-5-5.59v-72.51h-.28l-32.27 73.77a6.53 6.53 0 0 1-12.3 0l-32.3-73.35h-.28v72.09c0 4.76-3.36 5.59-5 5.59s-5-.83-5-5.59v-88.44c0-5.73 4.05-6.85 6.14-6.85s4.75.7 6.85 5.45l35.91 82h.14l35.49-82c2.1-4.75 4.75-5.45 6.85-5.45s6.14 1.12 6.14 6.85v88.44c-.06 4.76-3.41 5.59-5.09 5.59m41.36-48.06v38.14h49c4.2 0 4.89 3.08 4.89 4.48s-.69 4.47-4.89 4.47H665.1c-4.05 0-6-2-6-6v-86.92c0-4.05 2-6 6-6h51.42c4.19 0 4.89 3.07 4.89 4.47s-.7 4.47-4.89 4.47h-47.37v34.1h44c4.2 0 4.89 3.07 4.89 4.33s-.69 4.47-4.89 4.47Z"/></g></svg>'},g="_branding_gm1tj_1",i="_white_gm1tj_11",a={branding:g,default:"_default_gm1tj_7",white:i},m={default:a.default,white:a.white},r=({name:c="logo",size:t=128,variant:s="default"})=>{const n={height:t,maskImage:l(v[c].toString()),width:t};return e.jsx("span",{className:h.t(a.branding,m[s]),style:n,"data-cy":"Branding"})};exports.Branding=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index19.css');const e=require("react/jsx-runtime"),h=require("../../classix-5H4IWnMA.cjs");function l(c){return`url("data:image/svg+xml, ${encodeURI(c)}")`}const v={logo:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="212.84 265.6 645.02 573.4"><g><path d="m212.84 681.26 8.86-19.64c9.5 6.92 23.67 11.75 37.19 11.75 15.46 0 21.74-5.15 21.74-12.07 0-21.1-65.54-6.6-65.54-48.47 0-19.16 15.46-35.11 47.51-35.11 14.17 0 28.66 3.39 39.13 10l-8.06 19.81c-10.46-6-21.25-8.86-31.24-8.86-15.45 0-21.41 5.8-21.41 12.88 0 20.77 65.54 6.44 65.54 47.82 0 18.84-15.62 34.95-47.83 34.95-17.87 0-35.91-5.32-45.89-13M317.33 636c0-33.5 26.09-58.3 61.68-58.3 35.42 0 61.67 24.64 61.67 58.3s-26.25 58.31-61.68 58.31c-35.59 0-61.68-24.8-61.68-58.29m96.94 0C414.27 614.6 399.14 600 379 600s-35.26 14.6-35.26 36 15.14 36.07 35.27 36.07 35.26-14.66 35.26-36.07m46.04-56.34h26.09v91.46h56.52v21.26h-82.61zm105.3 0h26.09v112.72h-26.09zm156.19 81.96c0 19.48-15.46 30.75-45.08 30.75h-58.3V579.65h55.08c28.18 0 42.67 11.76 42.67 29.31a27.1 27.1 0 0 1-15 24.8c12.56 4 20.61 13.69 20.61 27.86m-77.43-62.32v26.57h25.93c12.72 0 19.64-4.51 19.64-13.36S683 599.3 670.28 599.3Zm51.21 59.58c0-9.5-7.25-14-20.78-14h-30.43v27.86h30.43c13.53 0 20.78-4.19 20.78-13.85M734.51 636c0-33.5 26.09-58.3 61.68-58.3 35.43 0 61.67 24.64 61.67 58.3s-26.24 58.29-61.67 58.29c-35.59 0-61.68-24.8-61.68-58.29m96.94 0c0-21.42-15.13-36.07-35.26-36.07S760.92 614.6 760.92 636s15.14 36.07 35.27 36.07 35.26-14.66 35.26-36.07M535.93 406.9a30.06 30.06 0 1 0-30-30 30.05 30.05 0 0 0 30 30m41.29 72.66v-24.08a41.29 41.29 0 0 0-82.58 0v94.22l28.83-42.58h53.78Z" class="cls-1"/><path d="M675.26 507.22H519.83c-4.07 0 2.55-3.3 2.55-7.36l20-16.14a7.36 7.36 0 0 1 7.36-7.36h94.66a7.37 7.37 0 0 0 7.36-7.36V363.24a7.36 7.36 0 0 0-4-6.55L539 301.09a7.34 7.34 0 0 0-6.72 0L423.74 357a7.37 7.37 0 0 0-4 6.54V469a7.37 7.37 0 0 0 7.37 7.36h29.22v30.86h-60.09a7.37 7.37 0 0 1-7.36-7.36V344.68a7.38 7.38 0 0 1 4-6.55l139.35-71.72a7.37 7.37 0 0 1 6.72 0l139.67 71.4a7.37 7.37 0 0 1 4 6.56v155.5a7.37 7.37 0 0 1-7.36 7.36M380.2 789.7h-53.93v42.19c0 4.76-3.35 5.59-5 5.59s-5-.83-5-5.59v-89.7c0-4.75 3.35-5.59 5-5.59s5 .84 5 5.59v38.29h53.93v-38.29c0-4.75 3.36-5.59 5-5.59s5 .84 5 5.59v89.7c0 4.76-3.35 5.59-5 5.59s-5-.83-5-5.59Zm82.58 49.3c-29.48 0-51.56-21.94-51.56-52s22.08-52 51.56-52 51.56 21.93 51.56 52-22.08 52-51.56 52m0-95.15c-25.43 0-40.94 20.12-40.94 43.17s15.51 43 40.94 43 40.94-20 40.94-43-15.51-43.15-40.94-43.15Zm165.01 93.63c-1.67 0-5-.83-5-5.59v-72.51h-.28l-32.27 73.77a6.53 6.53 0 0 1-12.3 0l-32.3-73.35h-.28v72.09c0 4.76-3.36 5.59-5 5.59s-5-.83-5-5.59v-88.44c0-5.73 4.05-6.85 6.14-6.85s4.75.7 6.85 5.45l35.91 82h.14l35.49-82c2.1-4.75 4.75-5.45 6.85-5.45s6.14 1.12 6.14 6.85v88.44c-.06 4.76-3.41 5.59-5.09 5.59m41.36-48.06v38.14h49c4.2 0 4.89 3.08 4.89 4.48s-.69 4.47-4.89 4.47H665.1c-4.05 0-6-2-6-6v-86.92c0-4.05 2-6 6-6h51.42c4.19 0 4.89 3.07 4.89 4.47s-.7 4.47-4.89 4.47h-47.37v34.1h44c4.2 0 4.89 3.07 4.89 4.33s-.69 4.47-4.89 4.47Z"/></g></svg>'},g="_branding_gm1tj_1",i="_white_gm1tj_11",a={branding:g,default:"_default_gm1tj_7",white:i},m={default:a.default,white:a.white},r=({name:c="logo",size:t=128,variant:s="default"})=>{const n={height:t,maskImage:l(v[c].toString()),width:t};return e.jsx("span",{className:h.t(a.branding,m[s]),style:n,"data-cy":"Branding"})};exports.Branding=r;
 //# sourceMappingURL=index.cjs.map

package/dist/components/branding/index.js

@@ -1,6 +1,6 @@
 import { jsx as n } from "react/jsx-runtime";
 import { t as m } from "../../classix-DG18itHa.js";
-import '../../assets/index18.css';function v(a) {
+import '../../assets/index19.css';function v(a) {
   return `url("data:image/svg+xml, ${encodeURI(a)}")`;
 }
 const l = {

package/dist/components/button/index.cjs

@@ -1,2 +1,2 @@
-"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=_;
+"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.js

@@ -1,6 +1,6 @@
 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 = {
+import '../../assets/index25.css';const l = "_button_13zqr_1", e = "_minimal_13zqr_21", p = "_primary_13zqr_34", t = {
   button: l,
   minimal: e,
   primary: p

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 o=require("react/jsx-runtime"),s="_dialog_40v7y_1",t="_wrapper_40v7y_26",e={dialog:s,wrapper:t},c=({children:i,setOpen:a,...l})=>o.jsx("div",{className:e.wrapper,onClick:()=>a?a(!1):{},"data-cy":"Dialog",children:o.jsx("dialog",{className:e.dialog,onClick:r=>r.stopPropagation(),...l,children:i})});exports.Dialog=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/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.js

@@ -1,5 +1,5 @@
 import { jsx as o } from "react/jsx-runtime";
-import '../../assets/index12.css';const p = "_dialog_40v7y_1", c = "_wrapper_40v7y_26", r = {
+import '../../assets/index11.css';const p = "_dialog_40v7y_1", c = "_wrapper_40v7y_26", r = {
   dialog: p,
   wrapper: c
 }, e = ({

package/dist/components/figure/index.cjs

@@ -1,2 +1,2 @@
-"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;
+"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-C3h0iG86.js";
-import '../../assets/index29.css';const g = "_figure_183e3_1", n = "_offset_183e3_34", f = {
+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: o,
+  children: f,
+  label: i,
   offset: e
-}) => /* @__PURE__ */ r("figure", { className: t(f.figure, e && f.offset), style: {
+}) => /* @__PURE__ */ r("figure", { className: t(o.figure, e && o.offset), style: {
   "--icon": c("image"),
   ...e && {
     [`--offset-${e}`]: "var(--offset)"
   }
 }, "data-cy": "Figure", children: [
-  i,
-  o && /* @__PURE__ */ s("figcaption", { children: o })
+  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 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;
+"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 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"}
+{"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,21 +1,21 @@
-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
+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 {
-  g 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 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;"}
+{"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"),c="_form_1by0q_1",l="_inline_1by0q_17",o={form:c,inline:l},m=({animation:e,children:r,inline:s=!1,...n})=>t.jsx("form",{className:i.t(e&&e,s&&o.inline,o.form),...n,"data-cy":"Form",children:r&&r});exports.Form=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/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,6 +1,6 @@
 import { jsx as t } from "react/jsx-runtime";
 import { t as e } from "../../classix-DG18itHa.js";
-import '../../assets/index10.css';const f = "_form_1by0q_1", i = "_inline_1by0q_17", m = {
+import '../../assets/index9.css';const f = "_form_1by0q_1", i = "_inline_1by0q_17", m = {
   form: f,
   inline: i
 }, _ = ({

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"),t="_header_14nti_1",a={header:t},s=({children:e})=>r.jsx("header",{className:a.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,5 +1,5 @@
 import { jsx as r } from "react/jsx-runtime";
-import '../../assets/index8.css';const a = "_header_14nti_1", t = {
+import '../../assets/index7.css';const a = "_header_14nti_1", t = {
   header: a
 }, s = ({
   children: e

package/dist/components/icon/index.cjs

@@ -1,2 +1,2 @@
-"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;
+"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.js

@@ -1,36 +1,36 @@
-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: _,
-  large: d,
-  danger: y,
-  default: "_default_ybjls_27",
-  primary: u,
-  white: g
-}, b = {
+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: _,
+  danger: u,
+  default: "_default_dm9ve_27",
+  primary: g,
+  white: p
+}, v = {
   large: e.large,
   medium: e.medium,
   small: e.small
-}, j = {
+}, y = {
   danger: e.danger,
   default: e.default,
   primary: e.primary,
   white: e.white
-}, I = ({
+}, S = ({
   name: t = "home",
-  size: n = "medium",
-  variant: a = "default"
+  size: a = "medium",
+  variant: n = "default"
 }) => {
-  const m = {
-    maskImage: r(s[t].toString())
+  const s = {
+    maskImage: i(m[t].toString())
   };
-  return /* @__PURE__ */ l("span", { className: o(b[n], e.icon, j[a]), style: m });
-}, S = () => Object.keys(s);
+  return /* @__PURE__ */ o("span", { className: r(v[a], e.icon, y[n]), style: s });
+}, b = () => Object.keys(m);
 export {
-  I as Icon,
-  S as Icons
+  S as Icon,
+  b as Icons
 };
 //# sourceMappingURL=index.js.map

package/dist/components/input/index.cjs

@@ -1,2 +1,2 @@
-"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;
+"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, 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"}
+{"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"}