@solibo/solibo-ui 0.3.28 → 0.3.30

package/dist/components/_messages/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index26.css');const e=require("react/jsx-runtime"),m=require("../_dropzone/index.cjs"),u=require("../button/index.cjs"),d=require("../form/index.cjs"),_=require("../icon/index.cjs"),x=require("../list/index.cjs"),p=require("../textarea/index.cjs"),j=require("../message/index.cjs"),g="_messages_17m85_1",q="_controls_17m85_23",t={messages:g,controls:q},v=({handleUpload:o,message:s,messages:r,onChange:i,onSubmit:c,placeholder:a,sending:l})=>e.jsxs("div",{className:t.messages,"data-component":"messages",children:[e.jsx(x.List,{children:r.map(n=>e.jsx(j.Message,{...n},n.id))}),e.jsxs(d.Form,{onSubmit:n=>{n.preventDefault(),c()},children:[e.jsx(p.Textarea,{onChange:i,placeholder:a,value:s}),e.jsxs("div",{className:t.controls,children:[e.jsx(m.Dropzone,{label:"",multiple:!0,onChange:n=>{n.currentTarget.files&&o(n.currentTarget.files)},variant:"minimal"}),e.jsx(u.Button,{disabled:l||!(s!=null&&s.trim()),type:"submit",variant:"primary",children:e.jsx(_.Icon,{fill:!0,name:"plane",variant:"white"})})]})]})]});exports.Messages=v;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index25.css');const e=require("react/jsx-runtime"),m=require("../_dropzone/index.cjs"),u=require("../button/index.cjs"),d=require("../form/index.cjs"),_=require("../icon/index.cjs"),x=require("../list/index.cjs"),p=require("../textarea/index.cjs"),j=require("../message/index.cjs"),g="_messages_17m85_1",q="_controls_17m85_23",t={messages:g,controls:q},v=({handleUpload:o,message:s,messages:r,onChange:i,onSubmit:c,placeholder:a,sending:l})=>e.jsxs("div",{className:t.messages,"data-component":"messages",children:[e.jsx(x.List,{children:r.map(n=>e.jsx(j.Message,{...n},n.id))}),e.jsxs(d.Form,{onSubmit:n=>{n.preventDefault(),c()},children:[e.jsx(p.Textarea,{onChange:i,placeholder:a,value:s}),e.jsxs("div",{className:t.controls,children:[e.jsx(m.Dropzone,{label:"",multiple:!0,onChange:n=>{n.currentTarget.files&&o(n.currentTarget.files)},variant:"minimal"}),e.jsx(u.Button,{disabled:l||!(s!=null&&s.trim()),type:"submit",variant:"primary",children:e.jsx(_.Icon,{fill:!0,name:"plane",variant:"white"})})]})]})]});exports.Messages=v;
 //# sourceMappingURL=index.cjs.map

package/dist/components/_messages/index.js

@@ -6,7 +6,7 @@ import { Icon as u } from "../icon/index.js";
 import { List as h } from "../list/index.js";
 import { Textarea as v } from "../textarea/index.js";
 import { Message as _ } from "../message/index.js";
-import '../../assets/index26.css';const b = "_messages_17m85_1", g = "_controls_17m85_23", i = {
+import '../../assets/index25.css';const b = "_messages_17m85_1", g = "_controls_17m85_23", i = {
   messages: b,
   controls: g
 }, z = ({

package/dist/components/_portal/index.cjs

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

package/dist/components/_portal/index.js

@@ -4,10 +4,10 @@ import { Branding as i } from "../branding/index.js";
 import { Figure as l } from "../figure/index.js";
 import { Icon as s } from "../icon/index.js";
 import { Nav as p } from "../nav/index.js";
-import '../../assets/index27.css';const c = "_menu_qwrez_29", u = "_portal_qwrez_54", t = {
+import '../../assets/index26.css';const c = "_menu_dr33h_29", d = "_portal_dr33h_54", t = {
   menu: c,
-  portal: u
-}, v = ({
+  portal: d
+}, x = ({
   children: o,
   portals: e,
   open: m = !0
@@ -20,6 +20,6 @@ import '../../assets/index27.css';const c = "_menu_qwrez_29", u = "_portal_qwrez
   ] })
 ] });
 export {
-  v as Portal
+  x as Portal
 };
 //# sourceMappingURL=index.js.map

package/dist/components/_sortable/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index28.css');const p=require("react/jsx-runtime"),E=require("../../classix-5H4IWnMA.cjs"),e=require("react"),_=require("../list/index.cjs"),j="_sortable_178uo_1",b={sortable:j};function q({children:f,className:x,columns:o=1,onChangeOrder:n,...g}){const D=Number.isFinite(o)?Math.max(1,Math.floor(o)):1,l=e.useMemo(()=>e.Children.toArray(f),[f]),[S,m]=e.useState(l),s=e.useRef(-1);return e.useEffect(()=>m(l),[l]),p.jsx(_.List,{className:E.t(x,b.sortable,D>1&&b.columns),columns:o,ordered:!0,...g,"data-component":"sortable",children:S.map((c,a)=>{const v=e.isValidElement(c)?c.key:null;return p.jsx("li",{draggable:!0,onDragStart:t=>{s.current=a,t.dataTransfer.setData("text/plain",""),t.dataTransfer.effectAllowed="move"},onDragOver:t=>{t.preventDefault(),t.dataTransfer.dropEffect="move"},onDrop:t=>{t.preventDefault();const i=s.current;i<0||i===a||(m(y=>{const r=y.slice();return r.splice(a,0,r.splice(i,1)[0]),n==null||n(r.map((d,u)=>({id:String(e.isValidElement(d)?d.props["data-id"]??`idx-${u}`:`idx-${u}`),weight:r.length-1-u}))),r}),s.current=-1)},onDragEnd:()=>{s.current=-1},"data-component":"sortable",children:c},v??a)})})}exports.Sortable=q;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index27.css');const p=require("react/jsx-runtime"),E=require("../../classix-5H4IWnMA.cjs"),e=require("react"),_=require("../list/index.cjs"),j="_sortable_178uo_1",b={sortable:j};function q({children:f,className:x,columns:o=1,onChangeOrder:n,...g}){const D=Number.isFinite(o)?Math.max(1,Math.floor(o)):1,l=e.useMemo(()=>e.Children.toArray(f),[f]),[S,m]=e.useState(l),s=e.useRef(-1);return e.useEffect(()=>m(l),[l]),p.jsx(_.List,{className:E.t(x,b.sortable,D>1&&b.columns),columns:o,ordered:!0,...g,"data-component":"sortable",children:S.map((c,a)=>{const v=e.isValidElement(c)?c.key:null;return p.jsx("li",{draggable:!0,onDragStart:t=>{s.current=a,t.dataTransfer.setData("text/plain",""),t.dataTransfer.effectAllowed="move"},onDragOver:t=>{t.preventDefault(),t.dataTransfer.dropEffect="move"},onDrop:t=>{t.preventDefault();const i=s.current;i<0||i===a||(m(y=>{const r=y.slice();return r.splice(a,0,r.splice(i,1)[0]),n==null||n(r.map((d,u)=>({id:String(e.isValidElement(d)?d.props["data-id"]??`idx-${u}`:`idx-${u}`),weight:r.length-1-u}))),r}),s.current=-1)},onDragEnd:()=>{s.current=-1},"data-component":"sortable",children:c},v??a)})})}exports.Sortable=q;
 //# sourceMappingURL=index.cjs.map

package/dist/components/_sortable/index.js

@@ -2,7 +2,7 @@ import { jsx as d } from "react/jsx-runtime";
 import { t as y } from "../../classix-DG18itHa.js";
 import f, { useMemo as S, useState as M, useRef as T, useEffect as k } from "react";
 import { List as w } from "../list/index.js";
-import '../../assets/index28.css';const A = "_sortable_178uo_1", b = {
+import '../../assets/index27.css';const A = "_sortable_178uo_1", b = {
   sortable: A
 };
 function j({

package/dist/components/_toasts/index.cjs

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

package/dist/components/_toasts/index.js

@@ -1,19 +1,19 @@
-import { jsx as d } from "react/jsx-runtime";
-import { useRef as p, useState as w, useCallback as h, useEffect as l } from "react";
+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/index29.css';const v = "_toasts_m9a8k_1", S = {
+import '../../assets/index28.css';const v = "_toasts_19qwq_1", S = {
   toasts: v
 }, g = ({
   defaultDurationMs: c = 5e3,
   onRemove: f,
   toasts: i
 }) => {
-  const r = p(/* @__PURE__ */ new Map()), [n, m] = w(/* @__PURE__ */ new Set()), a = h((e) => {
-    m((s) => s.has(e) ? s : new Set(s).add(e));
+  const r = p(/* @__PURE__ */ new Map()), [n, d] = w(/* @__PURE__ */ new Set()), a = h((e) => {
+    d((s) => s.has(e) ? s : new Set(s).add(e));
   }, []);
-  return l(() => {
+  return m(() => {
     const e = r.current, s = new Set(i.map((t) => t.id));
-    m((t) => {
+    d((t) => {
       const o = new Set([...t].filter((u) => s.has(u)));
       return o.size === t.size ? t : o;
     });
@@ -26,13 +26,13 @@ import '../../assets/index29.css';const v = "_toasts_m9a8k_1", S = {
     }
     for (const [t, o] of e)
       s.has(t) && !n.has(t) || (window.clearTimeout(o), e.delete(t));
-  }, [n, c, a, i]), l(() => {
+  }, [n, c, a, i]), m(() => {
     const e = r.current;
     return () => {
       for (const s of e.values()) window.clearTimeout(s);
       e.clear();
     };
-  }, []), i.length ? /* @__PURE__ */ d("div", { className: S.toasts, "data-component": "toasts", children: i.map((e) => /* @__PURE__ */ d(T, { label: e.label, onClick: () => a(e.id), onExitComplete: () => f(e.id), open: !n.has(e.id), type: e.type }, e.id)) }) : null;
+  }, []), i.length ? /* @__PURE__ */ l("div", { className: S.toasts, "data-component": "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 {
   g as Toasts

package/dist/components/_widget/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index30.css');const e=require("react/jsx-runtime"),d=require("../_card/index.cjs"),i="_widget_1dptd_1",n={widget:i},s=({children:t})=>e.jsx("div",{className:n.widget,"data-component":"widget",children:e.jsx(d.Card,{children:t})});exports.Widget=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index29.css');const e=require("react/jsx-runtime"),d=require("../_card/index.cjs"),i="_widget_1dptd_1",n={widget:i},s=({children:t})=>e.jsx("div",{className:n.widget,"data-component":"widget",children:e.jsx(d.Card,{children:t})});exports.Widget=s;
 //# sourceMappingURL=index.cjs.map

package/dist/components/_widget/index.js

@@ -1,6 +1,6 @@
 import { jsx as t } from "react/jsx-runtime";
 import { Card as e } from "../_card/index.js";
-import '../../assets/index30.css';const i = "_widget_1dptd_1", o = {
+import '../../assets/index29.css';const i = "_widget_1dptd_1", o = {
   widget: i
 }, n = ({
   children: d

package/dist/components/accordion/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index19.css');const e=require("react/jsx-runtime"),r=require("../icon/index.cjs"),s="_accordion_8spz8_1",i={accordion:s},a=o=>{const n=o.currentTarget.closest("details");!n||!document.startViewTransition||(o.preventDefault(),document.startViewTransition(()=>n.open=!n.open))},d=({children:o,icon:n,label:t,open:c})=>e.jsxs("details",{className:i.accordion,open:c||void 0,"data-component":"accordion",children:[e.jsxs("summary",{onClick:a,children:[n&&e.jsx(r.Icon,{name:n}),t&&t]}),o]});exports.Accordion=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index30.css');const e=require("react/jsx-runtime"),r=require("../icon/index.cjs"),s="_accordion_8spz8_1",i={accordion:s},a=o=>{const n=o.currentTarget.closest("details");!n||!document.startViewTransition||(o.preventDefault(),document.startViewTransition(()=>n.open=!n.open))},d=({children:o,icon:n,label:t,open:c})=>e.jsxs("details",{className:i.accordion,open:c||void 0,"data-component":"accordion",children:[e.jsxs("summary",{onClick:a,children:[n&&e.jsx(r.Icon,{name:n}),t&&t]}),o]});exports.Accordion=d;
 //# sourceMappingURL=index.cjs.map

package/dist/components/accordion/index.js

@@ -1,6 +1,6 @@
 import { jsxs as c, jsx as e } from "react/jsx-runtime";
 import { Icon as s } from "../icon/index.js";
-import '../../assets/index19.css';const i = "_accordion_8spz8_1", a = {
+import '../../assets/index30.css';const i = "_accordion_8spz8_1", a = {
   accordion: i
 }, d = (n) => {
   const o = n.currentTarget.closest("details");

package/dist/components/aside/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index31.css');const c=require("react/jsx-runtime"),n=require("../../classix-5H4IWnMA.cjs"),d="_aside_62bt8_1",o="_meta_62bt8_14",r="_sticky_62bt8_38",t={aside:d,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:n.t(e&&e,t.aside,a&&t.sticky,u[i]),"data-component":"aside",children:s});exports.Aside=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index31.css');const c=require("react/jsx-runtime"),n=require("../../classix-5H4IWnMA.cjs"),d="_aside_tkb2t_1",o="_meta_tkb2t_14",r="_sticky_tkb2t_41",t={aside:d,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:n.t(e&&e,t.aside,a&&t.sticky,u[i]),"data-component":"aside",children:s});exports.Aside=l;
 //# sourceMappingURL=index.cjs.map

package/dist/components/aside/index.js

@@ -1,19 +1,19 @@
 import { jsx as o } from "react/jsx-runtime";
 import { t as c } from "../../classix-DG18itHa.js";
-import '../../assets/index31.css';const d = "_aside_62bt8_1", m = "_meta_62bt8_14", n = "_sticky_62bt8_38", t = {
+import '../../assets/index31.css';const d = "_aside_tkb2t_1", m = "_meta_tkb2t_14", n = "_sticky_tkb2t_41", t = {
   aside: d,
   meta: m,
   sticky: n
 }, _ = {
   default: t.default,
   meta: t.meta
-}, l = ({
+}, f = ({
   children: e,
   className: s,
   sticky: a = !1,
   variant: i = "default"
 }) => /* @__PURE__ */ o("aside", { className: c(s && s, t.aside, a && t.sticky, _[i]), "data-component": "aside", children: e });
 export {
-  l as Aside
+  f 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/index33.css');const i=require("react/jsx-runtime"),u=require("../../classix-5H4IWnMA.cjs"),l=require("../icon/index.cjs"),c="_button_1rij4_1",d="_danger_1rij4_23",_="_minimal_1rij4_36",p="_primary_1rij4_48",t={button:c,danger:d,minimal:_,primary:p},b={danger:t.danger,default:t.default,minimal:t.minimal,primary:t.primary},g=({children:r,className:a,disabled:o=!1,icon:n,onClick:s,variant:e="default",...m})=>i.jsxs("button",{className:u.t(a,t.button,b[e]),disabled:o,onClick:s,type:"button",...m,"data-component":"button",children:[n&&i.jsx(l.Icon,{gap:"right",name:n,size:"small",variant:e==="minimal"?"default":"white"}),r]});exports.Button=g;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index33.css');const a=require("react/jsx-runtime"),c=require("../../classix-5H4IWnMA.cjs"),u=require("../icon/index.cjs"),l="_button_18c17_1",d="_danger_18c17_19",_="_minimal_18c17_32",p="_primary_18c17_39",t={button:l,danger:d,minimal:_,primary:p},b={danger:t.danger,default:t.default,minimal:t.minimal,primary:t.primary},g=({children:i,className:r,disabled:o=!1,icon:n,onClick:s,variant:e="default",...m})=>a.jsxs("button",{className:c.t(r,t.button,b[e]),disabled:o,onClick:s,type:"button",...m,"data-component":"button",children:[n&&a.jsx(u.Icon,{gap:"right",name:n,size:"small",variant:e==="minimal"?"default":"white"}),i]});exports.Button=g;
 //# sourceMappingURL=index.cjs.map

package/dist/components/button/index.js

@@ -1,29 +1,29 @@
 import { jsxs as s, jsx as l } from "react/jsx-runtime";
-import { t as u } from "../../classix-DG18itHa.js";
-import { Icon as p } from "../icon/index.js";
-import '../../assets/index33.css';const _ = "_button_1rij4_1", d = "_danger_1rij4_23", c = "_minimal_1rij4_36", f = "_primary_1rij4_48", t = {
-  button: _,
-  danger: d,
-  minimal: c,
+import { t as c } from "../../classix-DG18itHa.js";
+import { Icon as u } from "../icon/index.js";
+import '../../assets/index33.css';const p = "_button_18c17_1", _ = "_danger_18c17_19", d = "_minimal_18c17_32", f = "_primary_18c17_39", t = {
+  button: p,
+  danger: _,
+  minimal: d,
   primary: f
 }, b = {
   danger: t.danger,
   default: t.default,
   minimal: t.minimal,
   primary: t.primary
-}, h = ({
-  children: a,
-  className: i,
-  disabled: m = !1,
+}, x = ({
+  children: m,
+  className: r,
+  disabled: i = !1,
   icon: n,
   onClick: o,
-  variant: r = "default",
+  variant: a = "default",
   ...e
-}) => /* @__PURE__ */ s("button", { className: u(i, t.button, b[r]), disabled: m, onClick: o, type: "button", ...e, "data-component": "button", children: [
-  n && /* @__PURE__ */ l(p, { gap: "right", name: n, size: "small", variant: r === "minimal" ? "default" : "white" }),
-  a
+}) => /* @__PURE__ */ s("button", { className: c(r, t.button, b[a]), disabled: i, onClick: o, type: "button", ...e, "data-component": "button", children: [
+  n && /* @__PURE__ */ l(u, { gap: "right", name: n, size: "small", variant: a === "minimal" ? "default" : "white" }),
+  m
 ] });
 export {
-  h as Button
+  x as Button
 };
 //# sourceMappingURL=index.js.map

package/dist/components/checkbox/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index14.css');const e=require("react/jsx-runtime"),x=require("../../icons-CWtPtYZj.cjs"),b=require("../loading/index.cjs"),h="_checkbox_19svo_1",k={checkbox:h},u=({checked:s,disabled:t,isLoading:c,label:o,onChange:n,...i})=>{const r={"--icon-svg":x.iconSVG("check")};return e.jsxs("label",{className:k.checkbox,"data-component":"checkbox",children:[c&&e.jsx(b.Loading,{size:24,sticky:!0}),e.jsx("input",{checked:s,disabled:t||c,onChange:n,type:"checkbox",style:r,...i}),o&&o]})};exports.Checkbox=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index14.css');const e=require("react/jsx-runtime"),x=require("../../icons-CWtPtYZj.cjs"),b=require("../loading/index.cjs"),h="_checkbox_1e3mw_1",k={checkbox:h},u=({checked:s,disabled:t,isLoading:c,label:o,onChange:n,...i})=>{const r={"--icon-svg":x.iconSVG("check")};return e.jsxs("label",{className:k.checkbox,"data-component":"checkbox",children:[c&&e.jsx(b.Loading,{size:24,sticky:!0}),e.jsx("input",{checked:s,disabled:t||c,onChange:n,type:"checkbox",style:r,...i}),o&&o]})};exports.Checkbox=u;
 //# sourceMappingURL=index.cjs.map

package/dist/components/checkbox/index.js

@@ -1,11 +1,11 @@
 import { jsxs as h, jsx as e } from "react/jsx-runtime";
 import { i as x } from "../../icons-DeUtqBx_.js";
 import { Loading as k } from "../loading/index.js";
-import '../../assets/index14.css';const b = "_checkbox_19svo_1", m = {
-  checkbox: b
+import '../../assets/index14.css';const m = "_checkbox_1e3mw_1", b = {
+  checkbox: m
 }, d = ({
-  checked: s,
-  disabled: t,
+  checked: t,
+  disabled: s,
   isLoading: c,
   label: o,
   onChange: r,
@@ -14,9 +14,9 @@ import '../../assets/index14.css';const b = "_checkbox_19svo_1", m = {
   const n = {
     "--icon-svg": x("check")
   };
-  return /* @__PURE__ */ h("label", { className: m.checkbox, "data-component": "checkbox", children: [
+  return /* @__PURE__ */ h("label", { className: b.checkbox, "data-component": "checkbox", children: [
     c && /* @__PURE__ */ e(k, { size: 24, sticky: !0 }),
-    /* @__PURE__ */ e("input", { checked: s, disabled: t || c, onChange: r, type: "checkbox", style: n, ...i }),
+    /* @__PURE__ */ e("input", { checked: t, disabled: s || c, onChange: r, type: "checkbox", style: n, ...i }),
     o && o
   ] });
 };

package/dist/components/controls/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index13.css');const r=require("react/jsx-runtime"),t=require("../../helpers-fOobx0tS.cjs"),n="_controls_yojud_15",c="_wrapper_yojud_26",e={controls:n,wrapper:c},a=({children:o,...s})=>r.jsx("div",{className:e.wrapper,"data-component":"controls",children:r.jsx("div",{className:e.controls,children:r.jsx("menu",{"data-animation":"stagger",...s,children:t.wrapChildren(o)})})});exports.Controls=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index13.css');const r=require("react/jsx-runtime"),t=require("../../helpers-fOobx0tS.cjs"),o="_controls_u02jm_15",c="_wrapper_u02jm_29",e={controls:o,wrapper:c},l=({children:s,...n})=>r.jsx(r.Fragment,{children:r.jsx("div",{className:e.wrapper,children:r.jsx("div",{className:e.controls,children:r.jsx("menu",{"data-animation":"stagger",...n,children:t.wrapChildren(s)})})})});exports.Controls=l;
 //# sourceMappingURL=index.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/controls/index.tsx"],"sourcesContent":["import { wrapChildren } from '@/lib/helpers';\n\nimport styles from './styles.module.css';\n\nexport type ControlsProps = React.ComponentPropsWithoutRef<'menu'> & {};\n\nexport const Controls = ({ children, ...props }: ControlsProps) => {\n  return (\n    <div className={styles.wrapper}>\n      <div className={styles.controls}>\n        <menu\n          data-animation='stagger'\n          {...props}\n        >\n          {wrapChildren(children)}\n        </menu>\n      </div>\n    </div>\n  );\n};\n"],"names":["Controls","children","props","jsx","styles","wrapper","controls","wrapChildren"],"mappings":"mOAMaA,EAAWA,CAAC,CAAEC,SAAAA,EAAU,GAAGC,CAAqB,IAEzDC,EAAAA,IAAC,OAAI,UAAWC,EAAOC,QAAQ,iBAAA,WAC7B,SAAAF,EAAAA,IAAC,MAAA,CAAI,UAAWC,EAAOE,SACrB,SAAAH,EAAAA,IAAC,OAAA,CACC,iBAAe,UACf,GAAID,EAEHK,SAAAA,EAAAA,aAAaN,CAAQ,CAAA,CACxB,CAAA,CACF,CAAA,CACF"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/controls/index.tsx"],"sourcesContent":["import { wrapChildren } from '@/lib/helpers';\n\nimport styles from './styles.module.css';\n\nexport type ControlsProps = React.ComponentPropsWithoutRef<'menu'> & {};\n\nexport const Controls = ({ children, ...props }: ControlsProps) => {\n  return (\n    <>\n      <div className={styles.wrapper}>\n        <div className={styles.controls}>\n          <menu\n            data-animation='stagger'\n            {...props}\n          >\n            {wrapChildren(children)}\n          </menu>\n        </div>\n      </div>\n    </>\n  );\n};\n"],"names":["Controls","children","props","jsx","Fragment","styles","wrapper","controls","wrapChildren"],"mappings":"mOAMaA,EAAWA,CAAC,CAAEC,SAAAA,EAAU,GAAGC,CAAqB,IAEzDC,EAAAA,IAAAC,EAAAA,SAAA,CACE,eAAC,MAAA,CAAI,UAAWC,EAAOC,QACrB,SAAAH,EAAAA,IAAC,MAAA,CAAI,UAAWE,EAAOE,SACrB,eAAC,OAAA,CACC,iBAAe,UACf,GAAIL,EAEHM,wBAAaP,CAAQ,CAAA,CACxB,CAAA,CACF,CAAA,CACF,CAAA,CACF"}

package/dist/components/controls/index.js

@@ -1,13 +1,13 @@
-import { jsx as r } from "react/jsx-runtime";
-import { w as s } from "../../helpers-Dbey5Ztb.js";
-import '../../assets/index13.css';const a = "_controls_yojud_15", e = "_wrapper_yojud_26", o = {
+import { jsx as r, Fragment as t } from "react/jsx-runtime";
+import { w as e } from "../../helpers-Dbey5Ztb.js";
+import '../../assets/index13.css';const a = "_controls_u02jm_15", c = "_wrapper_u02jm_29", o = {
   controls: a,
-  wrapper: e
-}, p = ({
+  wrapper: c
+}, i = ({
   children: n,
-  ...t
-}) => /* @__PURE__ */ r("div", { className: o.wrapper, "data-component": "controls", children: /* @__PURE__ */ r("div", { className: o.controls, children: /* @__PURE__ */ r("menu", { "data-animation": "stagger", ...t, children: s(n) }) }) });
+  ...s
+}) => /* @__PURE__ */ r(t, { children: /* @__PURE__ */ r("div", { className: o.wrapper, children: /* @__PURE__ */ r("div", { className: o.controls, children: /* @__PURE__ */ r("menu", { "data-animation": "stagger", ...s, children: e(n) }) }) }) });
 export {
-  p as Controls
+  i as Controls
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/controls/index.tsx"],"sourcesContent":["import { wrapChildren } from '@/lib/helpers';\n\nimport styles from './styles.module.css';\n\nexport type ControlsProps = React.ComponentPropsWithoutRef<'menu'> & {};\n\nexport const Controls = ({ children, ...props }: ControlsProps) => {\n  return (\n    <div className={styles.wrapper}>\n      <div className={styles.controls}>\n        <menu\n          data-animation='stagger'\n          {...props}\n        >\n          {wrapChildren(children)}\n        </menu>\n      </div>\n    </div>\n  );\n};\n"],"names":["Controls","children","props","jsx","styles","wrapper","controls","wrapChildren"],"mappings":";;;;;GAMaA,IAAWA,CAAC;AAAA,EAAEC,UAAAA;AAAAA,EAAU,GAAGC;AAAqB,MAEzD,gBAAAC,EAAC,SAAI,WAAWC,EAAOC,SAAQ,kBAAA,YAC7B,UAAA,gBAAAF,EAAC,OAAA,EAAI,WAAWC,EAAOE,UACrB,UAAA,gBAAAH,EAAC,QAAA,EACC,kBAAe,WACf,GAAID,GAEHK,UAAAA,EAAaN,CAAQ,EAAA,CACxB,EAAA,CACF,EAAA,CACF;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/controls/index.tsx"],"sourcesContent":["import { wrapChildren } from '@/lib/helpers';\n\nimport styles from './styles.module.css';\n\nexport type ControlsProps = React.ComponentPropsWithoutRef<'menu'> & {};\n\nexport const Controls = ({ children, ...props }: ControlsProps) => {\n  return (\n    <>\n      <div className={styles.wrapper}>\n        <div className={styles.controls}>\n          <menu\n            data-animation='stagger'\n            {...props}\n          >\n            {wrapChildren(children)}\n          </menu>\n        </div>\n      </div>\n    </>\n  );\n};\n"],"names":["Controls","children","props","jsx","Fragment","styles","wrapper","controls","wrapChildren"],"mappings":";;;;;GAMaA,IAAWA,CAAC;AAAA,EAAEC,UAAAA;AAAAA,EAAU,GAAGC;AAAqB,MAEzD,gBAAAC,EAAAC,GAAA,EACE,4BAAC,OAAA,EAAI,WAAWC,EAAOC,SACrB,UAAA,gBAAAH,EAAC,OAAA,EAAI,WAAWE,EAAOE,UACrB,4BAAC,QAAA,EACC,kBAAe,WACf,GAAIL,GAEHM,YAAaP,CAAQ,EAAA,CACxB,EAAA,CACF,EAAA,CACF,EAAA,CACF;"}

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_1gvg4_1",t="_wrapper_1gvg4_28",e={dialog:s,wrapper:t},g=({children:i,setOpen:o,...l})=>a.jsx("div",{className:e.wrapper,onClick:()=>o?o(!1):{},"data-component":"dialog",children:a.jsx("dialog",{className:e.dialog,onClick:r=>r.stopPropagation(),...l,children:i})});exports.Dialog=g;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index12.css');const a=require("react/jsx-runtime"),s="_dialog_19p8b_1",t="_wrapper_19p8b_32",e={dialog:s,wrapper:t},n=({children:i,setOpen:o,...l})=>a.jsx("div",{className:e.wrapper,onClick:()=>o?o(!1):{},"data-component":"dialog",children:a.jsx("dialog",{className:e.dialog,onClick:r=>r.stopPropagation(),...l,children:i})});exports.Dialog=n;
 //# sourceMappingURL=index.cjs.map

package/dist/components/dialog/index.js

@@ -1,13 +1,13 @@
 import { jsx as a } from "react/jsx-runtime";
-import '../../assets/index12.css';const p = "_dialog_1gvg4_1", s = "_wrapper_1gvg4_28", r = {
-  dialog: p,
-  wrapper: s
-}, c = ({
+import '../../assets/index12.css';const s = "_dialog_19p8b_1", t = "_wrapper_19p8b_32", r = {
+  dialog: s,
+  wrapper: t
+}, e = ({
   children: l,
   setOpen: o,
-  ...i
-}) => /* @__PURE__ */ a("div", { className: r.wrapper, onClick: () => o ? o(!1) : {}, "data-component": "dialog", children: /* @__PURE__ */ a("dialog", { className: r.dialog, onClick: (g) => g.stopPropagation(), ...i, children: l }) });
+  ...p
+}) => /* @__PURE__ */ a("div", { className: r.wrapper, onClick: () => o ? o(!1) : {}, "data-component": "dialog", children: /* @__PURE__ */ a("dialog", { className: r.dialog, onClick: (i) => i.stopPropagation(), ...p, children: l }) });
 export {
-  c as Dialog
+  e as Dialog
 };
 //# sourceMappingURL=index.js.map

package/dist/components/form/index.cjs

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

package/dist/components/form/index.js

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

package/dist/components/header/index.cjs

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

package/dist/components/header/index.js

@@ -1,16 +1,16 @@
 import { jsx as a } from "react/jsx-runtime";
 import { t as r } from "../../classix-DG18itHa.js";
-import '../../assets/index7.css';const d = "_header_fh66b_1", m = "_jumbo_fh66b_46", e = {
+import '../../assets/index7.css';const d = "_header_kd9kp_1", m = "_jumbo_kd9kp_50", e = {
   header: d,
   jumbo: m
 }, s = {
   default: e.default,
   jumbo: e.jumbo
-}, h = ({
+}, c = ({
   children: o,
   variant: t = "default"
 }) => /* @__PURE__ */ a("header", { className: r(e.header, s[t]), "data-component": "header", children: o });
 export {
-  h as Header
+  c as Header
 };
 //# 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"),o=require("../../classix-5H4IWnMA.cjs"),a=require("react"),N=require("../../utils-D_TJ8wDc.cjs"),s=require("../../styles.module--qoz6wR5.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;
+"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-BuPl_9yN.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.js

@@ -2,7 +2,7 @@ import { jsxs as x, Fragment as P, jsx as o } from "react/jsx-runtime";
 import { t as c } from "../../classix-DG18itHa.js";
 import { forwardRef as S, useState as N, useEffect as C } from "react";
 import { u as T } from "../../utils-DXIJVVzz.js";
-import { i as a } from "../../styles.module-y5zmJBcz.js";
+import { i as a } from "../../styles.module-ZrsD4xw8.js";
 const b = S(({
   className: j,
   defaultCountryCode: l = "+47",

package/dist/components/layout/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index5.css');const r=require("react/jsx-runtime"),n=require("../../classix-5H4IWnMA.cjs"),u="_layout_erqhv_16",l="_dashboard_erqhv_30",c="_home_erqhv_34",o={layout:u,dashboard:l,home:c},d=({children:t,isLoading:a=!1,feature:e,...s})=>r.jsx("main",{className:n.t(o.layout,o[e],a&&"is-loading"),...s,"data-component":"layout",children:t});exports.Layout=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index5.css');const n=require("react/jsx-runtime"),u=require("../../classix-5H4IWnMA.cjs"),l="_layout_pbwv9_16",r="_dashboard_pbwv9_30",c="_home_pbwv9_34",o={layout:l,dashboard:r,home:c},d=({children:t,isLoading:a=!1,feature:s,...e})=>n.jsx("main",{className:u.t(o.layout,o[s],a&&"is-loading"),...e,"data-component":"layout",children:t});exports.Layout=d;
 //# sourceMappingURL=index.cjs.map

package/dist/components/layout/index.js

@@ -1,16 +1,16 @@
-import { jsx as e } from "react/jsx-runtime";
-import { t as m } from "../../classix-DG18itHa.js";
-import '../../assets/index5.css';const n = "_layout_erqhv_16", h = "_dashboard_erqhv_30", l = "_home_erqhv_34", o = {
-  layout: n,
-  dashboard: h,
-  home: l
-}, c = ({
+import { jsx as n } from "react/jsx-runtime";
+import { t as r } from "../../classix-DG18itHa.js";
+import '../../assets/index5.css';const e = "_layout_pbwv9_16", l = "_dashboard_pbwv9_30", _ = "_home_pbwv9_34", o = {
+  layout: e,
+  dashboard: l,
+  home: _
+}, p = ({
   children: a,
   isLoading: t = !1,
   feature: s,
-  ...r
-}) => /* @__PURE__ */ e("main", { className: m(o.layout, o[s], t && "is-loading"), ...r, "data-component": "layout", children: a });
+  ...m
+}) => /* @__PURE__ */ n("main", { className: r(o.layout, o[s], t && "is-loading"), ...m, "data-component": "layout", children: a });
 export {
-  c as Layout
+  p as Layout
 };
 //# sourceMappingURL=index.js.map

package/dist/components/list/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index38.css');const c=require("react/jsx-runtime"),_=require("../../classix-5H4IWnMA.cjs"),r=require("../../helpers-fOobx0tS.cjs"),d="_horizontal_vm212_1",x="_list_vm212_12",y="_columns_vm212_40",s={horizontal:d,list:x,columns:y};function j({children:t,className:a,columns:o=1,horizontal:m,ordered:u,style:h,...l}){const n=Number.isFinite(o)?Math.max(1,Math.floor(o)):1,e=_.t(a,s.list,n>1&&s.columns,m&&s.horizontal),i={...h,"--list-columns":n};return u?c.jsx("ol",{className:e,style:i,...l,"data-component":"list",children:r.wrapChildren(t)}):c.jsx("ul",{className:e,style:i,...l,"data-component":"list",children:r.wrapChildren(t)})}exports.List=j;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index38.css');const r=require("react/jsx-runtime"),_=require("../../classix-5H4IWnMA.cjs"),c=require("../../helpers-fOobx0tS.cjs"),d="_horizontal_1459r_1",x="_list_1459r_12",y="_columns_1459r_41",s={horizontal:d,list:x,columns:y};function j({children:t,className:a,columns:o=1,horizontal:u,ordered:m,style:h,...l}){const n=Number.isFinite(o)?Math.max(1,Math.floor(o)):1,e=_.t(a,s.list,n>1&&s.columns,u&&s.horizontal),i={...h,"--list-columns":n};return m?r.jsx("ol",{className:e,style:i,...l,"data-component":"list",children:c.wrapChildren(t)}):r.jsx("ul",{className:e,style:i,...l,"data-component":"list",children:c.wrapChildren(t)})}exports.List=j;
 //# sourceMappingURL=index.cjs.map

package/dist/components/list/index.js

@@ -1,27 +1,27 @@
-import { jsx as c } from "react/jsx-runtime";
+import { jsx as a } from "react/jsx-runtime";
 import { t as u } from "../../classix-DG18itHa.js";
-import { w as m } from "../../helpers-Dbey5Ztb.js";
-import '../../assets/index38.css';const f = "_horizontal_vm212_1", p = "_list_vm212_12", d = "_columns_vm212_40", t = {
+import { w as c } from "../../helpers-Dbey5Ztb.js";
+import '../../assets/index38.css';const f = "_horizontal_1459r_1", p = "_list_1459r_12", d = "_columns_1459r_41", t = {
   horizontal: f,
   list: p,
   columns: d
 };
-function x({
+function y({
   children: o,
-  className: r,
+  className: m,
   columns: s = 1,
   horizontal: e,
   ordered: h,
   style: _,
   ...l
 }) {
-  const n = Number.isFinite(s) ? Math.max(1, Math.floor(s)) : 1, i = u(r, t.list, n > 1 && t.columns, e && t.horizontal), a = {
+  const n = Number.isFinite(s) ? Math.max(1, Math.floor(s)) : 1, i = u(m, t.list, n > 1 && t.columns, e && t.horizontal), r = {
     ..._,
     "--list-columns": n
   };
-  return h ? /* @__PURE__ */ c("ol", { className: i, style: a, ...l, "data-component": "list", children: m(o) }) : /* @__PURE__ */ c("ul", { className: i, style: a, ...l, "data-component": "list", children: m(o) });
+  return h ? /* @__PURE__ */ a("ol", { className: i, style: r, ...l, "data-component": "list", children: c(o) }) : /* @__PURE__ */ a("ul", { className: i, style: r, ...l, "data-component": "list", children: c(o) });
 }
 export {
-  x as List
+  y as List
 };
 //# sourceMappingURL=index.js.map

package/dist/components/nav/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index40.css');const i=require("react/jsx-runtime"),r=require("../../classix-5H4IWnMA.cjs"),c="_nav_1g1sp_1",_="_horizontal_1g1sp_7",p="_tabs_1g1sp_17",v="_pills_1g1sp_38",t={nav:c,horizontal:_,tabs:p,pills:v},u={default:t.default,pills:t.pills,tabs:t.tabs},d=({animation:s,children:n,className:o,horizontal:a=!1,variant:l="default",...e})=>i.jsx("nav",{className:r.t(o,a&&t.horizontal,t.nav,u[l]),"data-animation":s,"data-orientation":a?"horizontal":"vertical",...e,"data-component":"nav",children:n});exports.Nav=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index40.css');const _=require("react/jsx-runtime"),p=require("../../classix-5H4IWnMA.cjs"),c=require("react"),v=require("../../icons-CWtPtYZj.cjs"),h="_nav_6dj6b_1",w="_horizontal_6dj6b_7",j="_tabs_6dj6b_17",g="_pills_6dj6b_38",n={nav:h,horizontal:w,tabs:j,pills:g},m={default:n.default,pills:n.pills,tabs:n.tabs},R=({animation:l,children:u,className:d,horizontal:r=!1,variant:s="default",...f})=>{const o=c.useRef(null),a=c.useRef(!1),b={"--icon-svg":v.iconSVG("chevron")};return _.jsx("nav",{className:p.t(d,r&&n.horizontal,n.nav,m[s]),"data-animation":l,"data-orientation":r?"horizontal":"vertical",onPointerDown:()=>{var e;s!=="pills"||window.innerWidth>960||(a.current=!!((e=o.current)!=null&&e.matches(":focus-within")))},onClick:e=>{var i;if(s!=="pills"||window.innerWidth>960)return;const t=(i=e.target)==null?void 0:i.closest("a");(t==null?void 0:t.getAttribute("aria-current"))==="page"&&!a.current||t==null||t.blur()},ref:o,style:b,...f,"data-component":"nav",children:u})};exports.Nav=R;
 //# sourceMappingURL=index.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/nav/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport styles from './styles.module.css';\n\nconst variants = {\n  default: styles.default,\n  pills: styles.pills,\n  tabs: styles.tabs,\n};\n\nexport type NavProps = React.HTMLAttributes<HTMLElement> & {\n  animation?: string;\n  children?: React.ReactNode;\n  className?: string;\n  horizontal?: boolean;\n  variant?: keyof typeof variants;\n};\n\nexport const Nav = ({\n  animation,\n  children,\n  className,\n  horizontal = false,\n  variant = 'default',\n  ...props\n}: NavProps) => {\n  return (\n    <nav\n      className={cx(className, horizontal && styles.horizontal, styles.nav, variants[variant])}\n      data-animation={animation}\n      data-orientation={horizontal ? 'horizontal' : 'vertical'}\n      {...props}\n    >\n      {children}\n    </nav>\n  );\n};\n"],"names":["variants","default","styles","pills","tabs","Nav","animation","children","className","horizontal","variant","props","jsx","cx","nav"],"mappings":"mRAIMA,EAAW,CACfC,QAASC,EAAOD,QAChBE,MAAOD,EAAOC,MACdC,KAAMF,EAAOE,IACf,EAUaC,EAAMA,CAAC,CAClBC,UAAAA,EACAC,SAAAA,EACAC,UAAAA,EACAC,WAAAA,EAAa,GACbC,QAAAA,EAAU,UACV,GAAGC,CACK,IAENC,MAAC,MAAA,CACC,UAAWC,EAAAA,EAAGL,EAAWC,GAAcP,EAAOO,WAAYP,EAAOY,IAAKd,EAASU,CAAO,CAAC,EACvF,iBAAgBJ,EAChB,mBAAkBG,EAAa,aAAe,WAC9C,GAAIE,EAAM,iBAAA,MAETJ,SAAAA,CAAAA,CACH"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/nav/index.tsx"],"sourcesContent":["import cx from 'classix';\nimport { useRef } from 'react';\n\nimport { iconSVG } from '@/components/icon/icons.ts';\n\nimport styles from './styles.module.css';\n\nconst variants = {\n  default: styles.default,\n  pills: styles.pills,\n  tabs: styles.tabs,\n};\n\nexport type NavProps = React.HTMLAttributes<HTMLElement> & {\n  animation?: string;\n  children?: React.ReactNode;\n  className?: string;\n  horizontal?: boolean;\n  variant?: keyof typeof variants;\n};\n\nexport const Nav = ({\n  animation,\n  children,\n  className,\n  horizontal = false,\n  variant = 'default',\n  ...props\n}: NavProps) => {\n  const ref = useRef<HTMLElement>(null);\n  const wasOpenRef = useRef(false);\n  type withVars = React.CSSProperties & {\n    '--icon-svg'?: string;\n  };\n\n  const withVars: withVars = {\n    '--icon-svg': iconSVG('chevron'),\n  };\n\n  return (\n    <nav\n      className={cx(className, horizontal && styles.horizontal, styles.nav, variants[variant])}\n      data-animation={animation}\n      data-orientation={horizontal ? 'horizontal' : 'vertical'}\n      onPointerDown={() => {\n        if (variant !== 'pills' || window.innerWidth > 960) return;\n        wasOpenRef.current = !!ref.current?.matches(':focus-within');\n      }}\n      onClick={(e) => {\n        if (variant !== 'pills' || window.innerWidth > 960) return;\n\n        const link = (e.target as HTMLElement | null)?.closest('a');\n\n        const isCurrent = link?.getAttribute('aria-current') === 'page';\n        if (isCurrent && !wasOpenRef.current) {\n          return;\n        }\n\n        link?.blur();\n      }}\n      ref={ref}\n      style={withVars}\n      {...props}\n    >\n      {children}\n    </nav>\n  );\n};\n"],"names":["variants","default","styles","pills","tabs","Nav","animation","children","className","horizontal","variant","props","ref","useRef","wasOpenRef","withVars","iconSVG","jsx","cx","nav","window","innerWidth","current","matches","e","link","target","closest","getAttribute","blur"],"mappings":"4UAOMA,EAAW,CACfC,QAASC,EAAOD,QAChBE,MAAOD,EAAOC,MACdC,KAAMF,EAAOE,IACf,EAUaC,EAAMA,CAAC,CAClBC,UAAAA,EACAC,SAAAA,EACAC,UAAAA,EACAC,WAAAA,EAAa,GACbC,QAAAA,EAAU,UACV,GAAGC,CACK,IAAM,CACd,MAAMC,EAAMC,EAAAA,OAAoB,IAAI,EAC9BC,EAAaD,EAAAA,OAAO,EAAK,EAKzBE,EAAqB,CACzB,aAAcC,EAAAA,QAAQ,SAAS,CAAA,EAGjC,OACEC,EAAAA,IAAC,OACC,UAAWC,EAAAA,EAAGV,EAAWC,GAAcP,EAAOO,WAAYP,EAAOiB,IAAKnB,EAASU,CAAO,CAAC,EACvF,iBAAgBJ,EAChB,mBAAkBG,EAAa,aAAe,WAC9C,cAAe,IAAM,OACfC,IAAY,SAAWU,OAAOC,WAAa,MAC/CP,EAAWQ,QAAU,CAAC,GAACV,EAAAA,EAAIU,UAAJV,MAAAA,EAAaW,QAAQ,kBAC9C,EACA,QAAUC,GAAM,OACd,GAAId,IAAY,SAAWU,OAAOC,WAAa,IAAK,OAEpD,MAAMI,GAAQD,EAAAA,EAAEE,SAAFF,YAAAA,EAAiCG,QAAQ,MAErCF,GAAAA,YAAAA,EAAMG,aAAa,mBAAoB,QACxC,CAACd,EAAWQ,SAI7BG,GAAAA,MAAAA,EAAMI,MACR,EACA,IAAAjB,EACA,MAAOG,EACP,GAAIJ,EAAM,iBAAA,MAETJ,SAAAA,EACH,CAEJ"}