@solibo/solibo-ui 0.3.21 → 0.3.22

package/dist/components/button/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index35.css');const a=require("react/jsx-runtime"),c=require("../../classix-5H4IWnMA.cjs"),u=require("../icon/index.cjs"),l="_button_9mct5_1",d="_danger_9mct5_23",_="_minimal_9mct5_36",p="_primary_9mct5_48",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:m=!1,icon:n,onClick:o,variant:e="default",...s})=>a.jsxs("button",{className:c.t(r,t.button,b[e]),disabled:m,onClick:o,type:"button",...s,"data-component":"button",children:[n&&a.jsx(u.Icon,{gap:"right",name:n,size:"small",variant:e==="minimal"?"default":"white"}),i]});exports.Button=g;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index32.css');const a=require("react/jsx-runtime"),c=require("../../classix-5H4IWnMA.cjs"),u=require("../icon/index.cjs"),l="_button_9mct5_1",d="_danger_9mct5_23",_="_minimal_9mct5_36",p="_primary_9mct5_48",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:m=!1,icon:n,onClick:o,variant:e="default",...s})=>a.jsxs("button",{className:c.t(r,t.button,b[e]),disabled:m,onClick:o,type:"button",...s,"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,7 +1,7 @@
 import { jsxs as s, jsx as l } from "react/jsx-runtime";
 import { t as c } from "../../classix-DG18itHa.js";
 import { Icon as u } from "../icon/index.js";
-import '../../assets/index35.css';const p = "_button_9mct5_1", _ = "_danger_9mct5_23", d = "_minimal_9mct5_36", f = "_primary_9mct5_48", t = {
+import '../../assets/index32.css';const p = "_button_9mct5_1", _ = "_danger_9mct5_23", d = "_minimal_9mct5_36", f = "_primary_9mct5_48", t = {
   button: p,
   danger: _,
   minimal: d,

package/dist/components/checkbox/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index17.css');const e=require("react/jsx-runtime"),x=require("../../icons-BKi-xxXA.cjs"),b=require("../loading/index.cjs"),h="_checkbox_1ce0k_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/index13.css');const e=require("react/jsx-runtime"),x=require("../../icons-R4Ufm_3V.cjs"),b=require("../loading/index.cjs"),h="_checkbox_1ce0k_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,7 +1,7 @@
 import { jsxs as h, jsx as e } from "react/jsx-runtime";
-import { i as k } from "../../icons-BSp58j2P.js";
+import { i as k } from "../../icons-VE52iqR8.js";
 import { Loading as x } from "../loading/index.js";
-import '../../assets/index17.css';const b = "_checkbox_1ce0k_1", m = {
+import '../../assets/index13.css';const b = "_checkbox_1ce0k_1", m = {
   checkbox: b
 }, d = ({
   checked: t,

package/dist/components/controls/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index16.css');const r=require("react/jsx-runtime"),t=require("../../helpers-fOobx0tS.cjs"),n="_wrapper_38jyj_16",c="_controls_38jyj_22",e={wrapper:n,controls: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/index12.css');const r=require("react/jsx-runtime"),t=require("../../helpers-fOobx0tS.cjs"),n="_wrapper_38jyj_16",c="_controls_38jyj_22",e={wrapper:n,controls: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;
 //# sourceMappingURL=index.cjs.map

package/dist/components/controls/index.js

@@ -1,6 +1,6 @@
 import { jsx as r } from "react/jsx-runtime";
 import { w as s } from "../../helpers-Dbey5Ztb.js";
-import '../../assets/index16.css';const a = "_wrapper_38jyj_16", e = "_controls_38jyj_22", o = {
+import '../../assets/index12.css';const a = "_wrapper_38jyj_16", e = "_controls_38jyj_22", o = {
   wrapper: a,
   controls: e
 }, p = ({

package/dist/components/dialog/index.cjs

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

package/dist/components/dialog/index.js

@@ -1,5 +1,5 @@
 import { jsx as a } from "react/jsx-runtime";
-import '../../assets/index15.css';const s = "_dialog_1b99l_1", t = "_wrapper_1b99l_26", l = {
+import '../../assets/index11.css';const s = "_dialog_1b99l_1", t = "_wrapper_1b99l_26", l = {
   dialog: s,
   wrapper: t
 }, e = ({

package/dist/components/figure/index.cjs

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

package/dist/components/figure/index.js

@@ -1,6 +1,6 @@
 import { jsxs as s, jsx as i } from "react/jsx-runtime";
 import { t as n } from "../../classix-DG18itHa.js";
-import '../../assets/index36.css';const c = "_figure_dbdy8_1", d = "_offset_dbdy8_19", r = {
+import '../../assets/index33.css';const c = "_figure_dbdy8_1", d = "_offset_dbdy8_19", r = {
   figure: c,
   offset: d
 }, u = ({

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

package/dist/components/file/index.js

@@ -1,6 +1,6 @@
 import { jsxs as n, jsx as a } from "react/jsx-runtime";
 import { Icon as s } from "../icon/index.js";
-import '../../assets/index14.css';const d = "_file_1kh7b_1", o = {
+import '../../assets/index10.css';const d = "_file_1kh7b_1", o = {
   file: d,
   delete: "_delete_1kh7b_45"
 }, f = ({

package/dist/components/form/index.cjs

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

package/dist/components/form/index.js

@@ -1,6 +1,6 @@
 import { jsx as e } from "react/jsx-runtime";
 import { t as s } from "../../classix-DG18itHa.js";
-import '../../assets/index13.css';const a = "_form_1by0q_1", f = "_inline_1by0q_17", n = {
+import '../../assets/index34.css';const a = "_form_1by0q_1", f = "_inline_1by0q_17", n = {
   form: a,
   inline: f
 }, _ = ({

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

package/dist/components/graph/index.js

@@ -1,7 +1,7 @@
 import { jsxs as s, jsx as e } from "react/jsx-runtime";
 import { t as N } from "../../classix-DG18itHa.js";
 import { Loading as v } from "../loading/index.js";
-import '../../assets/index12.css';const f = "_graph_1ayim_11", x = "_plot_1ayim_20", V = "_item_1ayim_30", k = "_column_1ayim_36", M = "_value_1ayim_44", w = "_track_1ayim_54", j = "_bar_1ayim_61", L = "_label_1ayim_82", a = {
+import '../../assets/index9.css';const f = "_graph_1ayim_11", x = "_plot_1ayim_20", V = "_item_1ayim_30", k = "_column_1ayim_36", M = "_value_1ayim_44", w = "_track_1ayim_54", j = "_bar_1ayim_61", L = "_label_1ayim_82", a = {
   graph: f,
   plot: x,
   item: V,

package/dist/components/group/index.cjs

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

package/dist/components/group/index.js

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

package/dist/components/header/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index10.css');const r=require("react/jsx-runtime"),o=require("../../classix-5H4IWnMA.cjs"),s="_header_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_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;
 //# sourceMappingURL=index.cjs.map

package/dist/components/header/index.js

@@ -1,6 +1,6 @@
 import { jsx as a } from "react/jsx-runtime";
 import { t as r } from "../../classix-DG18itHa.js";
-import '../../assets/index10.css';const d = "_header_fh66b_1", m = "_jumbo_fh66b_46", e = {
+import '../../assets/index7.css';const d = "_header_fh66b_1", m = "_jumbo_fh66b_46", e = {
   header: d,
   jumbo: m
 }, s = {

package/dist/components/icon/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index37.css');const o=require("react/jsx-runtime"),r=require("../../classix-5H4IWnMA.cjs"),t=require("../../icons-BKi-xxXA.cjs"),l="_icon_wciqx_1",m="_small_wciqx_9",_="_medium_wciqx_14",g="_large_wciqx_19",u="_danger_wciqx_24",d="_primary_wciqx_32",w="_white_wciqx_36",e={icon:l,small:m,medium:_,large:g,danger:u,default:"_default_wciqx_28",primary:d,white:w,"gap-right":"_gap-right_wciqx_40","gap-left":"_gap-left_wciqx_44"},q={large:e.large,medium:e.medium,small:e.small},x={danger:e.danger,default:e.default,primary:e.primary,white:e.white},p=({gap:n="none",name:i,size:c="medium",variant:s="default"})=>{const a={maskImage:t.embedSVG(t.iconPaths[i].toString())};return o.jsx("span",{className:r.t(n!=="none"&&e[`gap-${n}`],q[c],e.icon,x[s]),style:a})},y=()=>Object.keys(t.iconPaths);exports.Icon=p;exports.Icons=y;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index35.css');const r=require("react/jsx-runtime"),l=require("../../classix-5H4IWnMA.cjs"),i=require("../../icons-R4Ufm_3V.cjs"),_="_icon_wciqx_1",m="_small_wciqx_9",u="_medium_wciqx_14",d="_large_wciqx_19",g="_danger_wciqx_24",w="_primary_wciqx_32",q="_white_wciqx_36",e={icon:_,small:m,medium:u,large:d,danger:g,default:"_default_wciqx_28",primary:w,white:q,"gap-right":"_gap-right_wciqx_40","gap-left":"_gap-left_wciqx_44"},x={large:e.large,medium:e.medium,small:e.small},p={danger:e.danger,default:e.default,primary:e.primary,white:e.white},y=({fill:n,gap:t="none",name:c,size:a="medium",variant:s="default"})=>{const o={maskImage:i.iconSVG(c,n??!1)};return r.jsx("span",{className:l.t(t!=="none"&&e[`gap-${t}`],x[a],e.icon,p[s]),style:o,"data-component":"icon"})},f=()=>Object.keys(i.iconPaths);exports.Icon=y;exports.Icons=f;
 //# sourceMappingURL=index.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/icon/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport type { IconName } from './icons';\nimport { embedSVG, iconPaths } from './icons';\nimport styles from './styles.module.css';\n\nconst sizes = {\n  large: styles.large,\n  medium: styles.medium,\n  small: styles.small,\n};\n\nconst variants = {\n  danger: styles.danger,\n  default: styles.default,\n  primary: styles.primary,\n  white: styles.white,\n};\n\nexport type IconProps = {\n  gap?: 'left' | 'none' | 'right';\n  name: IconName;\n  size?: keyof typeof sizes;\n  variant?: keyof typeof variants;\n  loading?: boolean;\n};\n\nexport const Icon = ({ gap = 'none', name, size = 'medium', variant = 'default' }: IconProps) => {\n  const iconStyle = {\n    maskImage: embedSVG(iconPaths[name].toString()),\n  } as React.CSSProperties;\n\n  const iconElement = (\n    <span\n      className={cx(\n        gap !== 'none' && styles[`gap-${gap}`],\n        sizes[size],\n        styles.icon,\n        variants[variant]\n      )}\n      style={iconStyle}\n    />\n  );\n\n  return iconElement;\n};\n\nexport const Icons = () => {\n  return Object.keys(iconPaths);\n};\n"],"names":["sizes","large","styles","medium","small","variants","danger","default","primary","white","Icon","gap","name","size","variant","iconStyle","maskImage","embedSVG","iconPaths","toString","cx","icon","Icons","Object","keys"],"mappings":"6eAMMA,EAAQ,CACZC,MAAOC,EAAOD,MACdE,OAAQD,EAAOC,OACfC,MAAOF,EAAOE,KAChB,EAEMC,EAAW,CACfC,OAAQJ,EAAOI,OACfC,QAASL,EAAOK,QAChBC,QAASN,EAAOM,QAChBC,MAAOP,EAAOO,KAChB,EAUaC,EAAOA,CAAC,CAAEC,IAAAA,EAAM,OAAQC,KAAAA,EAAMC,KAAAA,EAAO,SAAUC,QAAAA,EAAU,SAAqB,IAAM,CAC/F,MAAMC,EAAY,CAChBC,UAAWC,EAAAA,SAASC,EAAAA,UAAUN,CAAI,EAAEO,UAAU,CAAA,EAehD,aAXG,OAAA,CACC,UAAWC,IACTT,IAAQ,QAAUT,EAAO,OAAOS,CAAG,EAAE,EACrCX,EAAMa,CAAI,EACVX,EAAOmB,KACPhB,EAASS,CAAO,CAClB,EACA,MAAOC,CAAAA,CAAU,CAKvB,EAEaO,EAAQA,IACZC,OAAOC,KAAKN,WAAS"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/icon/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport { IconName, iconSVG } from './icons';\nimport { iconPaths } from './icons';\nimport styles from './styles.module.css';\n\nconst sizes = {\n  large: styles.large,\n  medium: styles.medium,\n  small: styles.small,\n};\n\nconst variants = {\n  danger: styles.danger,\n  default: styles.default,\n  primary: styles.primary,\n  white: styles.white,\n};\n\nexport type IconProps = {\n  fill?: boolean;\n  gap?: 'left' | 'none' | 'right';\n  name: IconName;\n  size?: keyof typeof sizes;\n  variant?: keyof typeof variants;\n};\n\nexport const Icon = ({\n  fill,\n  gap = 'none',\n  name,\n  size = 'medium',\n  variant = 'default',\n}: IconProps) => {\n  const iconStyle = {\n    maskImage: iconSVG(name, fill ?? false),\n  } as React.CSSProperties;\n\n  return (\n    <span\n      className={cx(\n        gap !== 'none' && styles[`gap-${gap}`],\n        sizes[size],\n        styles.icon,\n        variants[variant]\n      )}\n      style={iconStyle}\n    />\n  );\n};\n\nexport const Icons = () => {\n  return Object.keys(iconPaths);\n};\n"],"names":["sizes","large","styles","medium","small","variants","danger","default","primary","white","Icon","fill","gap","name","size","variant","iconStyle","maskImage","iconSVG","jsx","cx","icon","Icons","Object","keys","iconPaths"],"mappings":"6eAMMA,EAAQ,CACZC,MAAOC,EAAOD,MACdE,OAAQD,EAAOC,OACfC,MAAOF,EAAOE,KAChB,EAEMC,EAAW,CACfC,OAAQJ,EAAOI,OACfC,QAASL,EAAOK,QAChBC,QAASN,EAAOM,QAChBC,MAAOP,EAAOO,KAChB,EAUaC,EAAOA,CAAC,CACnBC,KAAAA,EACAC,IAAAA,EAAM,OACNC,KAAAA,EACAC,KAAAA,EAAO,SACPC,QAAAA,EAAU,SACD,IAAM,CACf,MAAMC,EAAY,CAChBC,UAAWC,EAAAA,QAAQL,EAAMF,GAAQ,EAAK,CAAA,EAGxC,OACEQ,MAAC,QACC,UAAWC,EAAAA,EACTR,IAAQ,QAAUV,EAAO,OAAOU,CAAG,EAAE,EACrCZ,EAAMc,CAAI,EACVZ,EAAOmB,KACPhB,EAASU,CAAO,CAClB,EACA,MAAOC,EAAU,iBAAA,MAAA,CAAA,CAGvB,EAEaM,EAAQA,IACZC,OAAOC,KAAKC,WAAS"}

package/dist/components/icon/index.js

@@ -1,39 +1,40 @@
-import { jsx as s } from "react/jsx-runtime";
-import { t as m } from "../../classix-DG18itHa.js";
-import { e as o, a as i } from "../../icons-BSp58j2P.js";
-import '../../assets/index37.css';const _ = "_icon_wciqx_1", l = "_small_wciqx_9", g = "_medium_wciqx_14", d = "_large_wciqx_19", w = "_danger_wciqx_24", p = "_primary_wciqx_32", u = "_white_wciqx_36", e = {
-  icon: _,
-  small: l,
+import { jsx as o } from "react/jsx-runtime";
+import { t as r } from "../../classix-DG18itHa.js";
+import { i as m, a as _ } from "../../icons-VE52iqR8.js";
+import '../../assets/index35.css';const l = "_icon_wciqx_1", d = "_small_wciqx_9", g = "_medium_wciqx_14", p = "_large_wciqx_19", w = "_danger_wciqx_24", u = "_primary_wciqx_32", x = "_white_wciqx_36", a = {
+  icon: l,
+  small: d,
   medium: g,
-  large: d,
+  large: p,
   danger: w,
   default: "_default_wciqx_28",
-  primary: p,
-  white: u,
+  primary: u,
+  white: x,
   "gap-right": "_gap-right_wciqx_40",
   "gap-left": "_gap-left_wciqx_44"
-}, x = {
-  large: e.large,
-  medium: e.medium,
-  small: e.small
 }, f = {
-  danger: e.danger,
-  default: e.default,
-  primary: e.primary,
-  white: e.white
-}, S = ({
-  gap: t = "none",
-  name: a,
+  large: a.large,
+  medium: a.medium,
+  small: a.small
+}, q = {
+  danger: a.danger,
+  default: a.default,
+  primary: a.primary,
+  white: a.white
+}, j = ({
+  fill: i,
+  gap: e = "none",
+  name: t,
   size: n = "medium",
   variant: c = "default"
 }) => {
-  const r = {
-    maskImage: o(i[a].toString())
+  const s = {
+    maskImage: m(t, i ?? !1)
   };
-  return /* @__PURE__ */ s("span", { className: m(t !== "none" && e[`gap-${t}`], x[n], e.icon, f[c]), style: r });
-}, b = () => Object.keys(i);
+  return /* @__PURE__ */ o("span", { className: r(e !== "none" && a[`gap-${e}`], f[n], a.icon, q[c]), style: s, "data-component": "icon" });
+}, k = () => Object.keys(_);
 export {
-  S as Icon,
-  b as Icons
+  j as Icon,
+  k as Icons
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/icon/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport type { IconName } from './icons';\nimport { embedSVG, iconPaths } from './icons';\nimport styles from './styles.module.css';\n\nconst sizes = {\n  large: styles.large,\n  medium: styles.medium,\n  small: styles.small,\n};\n\nconst variants = {\n  danger: styles.danger,\n  default: styles.default,\n  primary: styles.primary,\n  white: styles.white,\n};\n\nexport type IconProps = {\n  gap?: 'left' | 'none' | 'right';\n  name: IconName;\n  size?: keyof typeof sizes;\n  variant?: keyof typeof variants;\n  loading?: boolean;\n};\n\nexport const Icon = ({ gap = 'none', name, size = 'medium', variant = 'default' }: IconProps) => {\n  const iconStyle = {\n    maskImage: embedSVG(iconPaths[name].toString()),\n  } as React.CSSProperties;\n\n  const iconElement = (\n    <span\n      className={cx(\n        gap !== 'none' && styles[`gap-${gap}`],\n        sizes[size],\n        styles.icon,\n        variants[variant]\n      )}\n      style={iconStyle}\n    />\n  );\n\n  return iconElement;\n};\n\nexport const Icons = () => {\n  return Object.keys(iconPaths);\n};\n"],"names":["sizes","large","styles","medium","small","variants","danger","default","primary","white","Icon","gap","name","size","variant","iconStyle","maskImage","embedSVG","iconPaths","toString","cx","icon","Icons","Object","keys"],"mappings":";;;;;;;;;;;;;;GAMMA,IAAQ;AAAA,EACZC,OAAOC,EAAOD;AAAAA,EACdE,QAAQD,EAAOC;AAAAA,EACfC,OAAOF,EAAOE;AAChB,GAEMC,IAAW;AAAA,EACfC,QAAQJ,EAAOI;AAAAA,EACfC,SAASL,EAAOK;AAAAA,EAChBC,SAASN,EAAOM;AAAAA,EAChBC,OAAOP,EAAOO;AAChB,GAUaC,IAAOA,CAAC;AAAA,EAAEC,KAAAA,IAAM;AAAA,EAAQC,MAAAA;AAAAA,EAAMC,MAAAA,IAAO;AAAA,EAAUC,SAAAA,IAAU;AAAqB,MAAM;AAC/F,QAAMC,IAAY;AAAA,IAChBC,WAAWC,EAASC,EAAUN,CAAI,EAAEO,UAAU;AAAA,EAAA;AAehD,2BAXG,QAAA,EACC,WAAWC,EACTT,MAAQ,UAAUT,EAAO,OAAOS,CAAG,EAAE,GACrCX,EAAMa,CAAI,GACVX,EAAOmB,MACPhB,EAASS,CAAO,CAClB,GACA,OAAOC,EAAAA,CAAU;AAKvB,GAEaO,IAAQA,MACZC,OAAOC,KAAKN,CAAS;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/icon/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport { IconName, iconSVG } from './icons';\nimport { iconPaths } from './icons';\nimport styles from './styles.module.css';\n\nconst sizes = {\n  large: styles.large,\n  medium: styles.medium,\n  small: styles.small,\n};\n\nconst variants = {\n  danger: styles.danger,\n  default: styles.default,\n  primary: styles.primary,\n  white: styles.white,\n};\n\nexport type IconProps = {\n  fill?: boolean;\n  gap?: 'left' | 'none' | 'right';\n  name: IconName;\n  size?: keyof typeof sizes;\n  variant?: keyof typeof variants;\n};\n\nexport const Icon = ({\n  fill,\n  gap = 'none',\n  name,\n  size = 'medium',\n  variant = 'default',\n}: IconProps) => {\n  const iconStyle = {\n    maskImage: iconSVG(name, fill ?? false),\n  } as React.CSSProperties;\n\n  return (\n    <span\n      className={cx(\n        gap !== 'none' && styles[`gap-${gap}`],\n        sizes[size],\n        styles.icon,\n        variants[variant]\n      )}\n      style={iconStyle}\n    />\n  );\n};\n\nexport const Icons = () => {\n  return Object.keys(iconPaths);\n};\n"],"names":["sizes","large","styles","medium","small","variants","danger","default","primary","white","Icon","fill","gap","name","size","variant","iconStyle","maskImage","iconSVG","jsx","cx","icon","Icons","Object","keys","iconPaths"],"mappings":";;;;;;;;;;;;;;GAMMA,IAAQ;AAAA,EACZC,OAAOC,EAAOD;AAAAA,EACdE,QAAQD,EAAOC;AAAAA,EACfC,OAAOF,EAAOE;AAChB,GAEMC,IAAW;AAAA,EACfC,QAAQJ,EAAOI;AAAAA,EACfC,SAASL,EAAOK;AAAAA,EAChBC,SAASN,EAAOM;AAAAA,EAChBC,OAAOP,EAAOO;AAChB,GAUaC,IAAOA,CAAC;AAAA,EACnBC,MAAAA;AAAAA,EACAC,KAAAA,IAAM;AAAA,EACNC,MAAAA;AAAAA,EACAC,MAAAA,IAAO;AAAA,EACPC,SAAAA,IAAU;AACD,MAAM;AACf,QAAMC,IAAY;AAAA,IAChBC,WAAWC,EAAQL,GAAMF,KAAQ,EAAK;AAAA,EAAA;AAGxC,SACE,gBAAAQ,EAAC,UACC,WAAWC,EACTR,MAAQ,UAAUV,EAAO,OAAOU,CAAG,EAAE,GACrCZ,EAAMc,CAAI,GACVZ,EAAOmB,MACPhB,EAASU,CAAO,CAClB,GACA,OAAOC,GAAU,kBAAA,OAAA,CAAA;AAGvB,GAEaM,IAAQA,MACZC,OAAOC,KAAKC,CAAS;"}

package/dist/components/image/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index9.css');const d=require("react/jsx-runtime"),c=require("react"),o="_image_nnuov_1",y={image:o};function S({fadeDurationMs:n=250,showOnError:r=!0,onLoad:a,onError:u,style:l,...t}){const i=c.useRef(null),[m,s]=c.useState(!1);c.useEffect(()=>{s(!1)},[t.src,t.srcSet]),c.useEffect(()=>{const e=i.current;e&&e.complete&&e.naturalWidth>0&&s(!0)},[t.src,t.srcSet]);const f=e=>{s(!0),a==null||a(e)},g=e=>{r&&s(!0),u==null||u(e)};return d.jsx("img",{...t,className:y.image,onLoad:f,onError:g,ref:i,style:{...l,opacity:m?1:0,"--duration-override":`${n}ms`},"data-component":"image"})}exports.Image=S;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index6.css');const d=require("react/jsx-runtime"),c=require("react"),o="_image_nnuov_1",y={image:o};function S({fadeDurationMs:n=250,showOnError:r=!0,onLoad:a,onError:u,style:l,...t}){const i=c.useRef(null),[m,s]=c.useState(!1);c.useEffect(()=>{s(!1)},[t.src,t.srcSet]),c.useEffect(()=>{const e=i.current;e&&e.complete&&e.naturalWidth>0&&s(!0)},[t.src,t.srcSet]);const f=e=>{s(!0),a==null||a(e)},g=e=>{r&&s(!0),u==null||u(e)};return d.jsx("img",{...t,className:y.image,onLoad:f,onError:g,ref:i,style:{...l,opacity:m?1:0,"--duration-override":`${n}ms`},"data-component":"image"})}exports.Image=S;
 //# sourceMappingURL=index.cjs.map

package/dist/components/image/index.js

@@ -1,6 +1,6 @@
 import { jsx as g } from "react/jsx-runtime";
 import { useRef as o, useState as h, useEffect as m } from "react";
-import '../../assets/index9.css';const y = "_image_nnuov_1", S = {
+import '../../assets/index6.css';const y = "_image_nnuov_1", S = {
   image: y
 };
 function x({

package/dist/components/layout/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index8.css');const n=require("react/jsx-runtime"),u=require("../../classix-5H4IWnMA.cjs"),d="_layout_2dz1m_12",l="_dashboard_2dz1m_24",r="_home_2dz1m_28",o={layout:d,dashboard:l,home:r},c=({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=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index5.css');const n=require("react/jsx-runtime"),u=require("../../classix-5H4IWnMA.cjs"),d="_layout_xmd1t_12",l="_dashboard_xmd1t_26",r="_home_xmd1t_30",t={layout:d,dashboard:l,home:r},c=({children:o,isLoading:a=!1,feature:s,...e})=>n.jsx("main",{className:u.t(t.layout,t[s],a&&"is-loading"),...e,"data-component":"layout",children:o});exports.Layout=c;
 //# sourceMappingURL=index.cjs.map

package/dist/components/layout/index.js

@@ -1,15 +1,15 @@
 import { jsx as d } from "react/jsx-runtime";
 import { t as n } from "../../classix-DG18itHa.js";
-import '../../assets/index8.css';const r = "_layout_2dz1m_12", e = "_dashboard_2dz1m_24", l = "_home_2dz1m_28", o = {
+import '../../assets/index5.css';const r = "_layout_xmd1t_12", e = "_dashboard_xmd1t_26", l = "_home_xmd1t_30", o = {
   layout: r,
   dashboard: e,
   home: l
 }, u = ({
-  children: a,
-  isLoading: t = !1,
+  children: t,
+  isLoading: a = !1,
   feature: s,
   ...m
-}) => /* @__PURE__ */ d("main", { className: n(o.layout, o[s], t && "is-loading"), ...m, "data-component": "layout", children: a });
+}) => /* @__PURE__ */ d("main", { className: n(o.layout, o[s], a && "is-loading"), ...m, "data-component": "layout", children: t });
 export {
   u as Layout
 };

package/dist/components/link/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index38.css');const l=require("react/jsx-runtime"),s=require("../../classix-5H4IWnMA.cjs"),m="_link_8fl9a_1",o="_primary_8fl9a_7",c="_danger_8fl9a_13",_="_minimal_8fl9a_21",n={link:m,primary:o,danger:c,minimal:_},k=({children:i,className:a,to:r="#",variant:e="primary",...t})=>l.jsx("a",{className:s.t(a,n.link,n[e]),href:r,...t,"data-component":"link",children:i});exports.Link=k;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index36.css');const l=require("react/jsx-runtime"),s=require("../../classix-5H4IWnMA.cjs"),m="_link_8fl9a_1",o="_primary_8fl9a_7",c="_danger_8fl9a_13",_="_minimal_8fl9a_21",n={link:m,primary:o,danger:c,minimal:_},k=({children:i,className:a,to:r="#",variant:e="primary",...t})=>l.jsx("a",{className:s.t(a,n.link,n[e]),href:r,...t,"data-component":"link",children:i});exports.Link=k;
 //# sourceMappingURL=index.cjs.map

package/dist/components/link/index.js

@@ -1,6 +1,6 @@
 import { jsx as t } from "react/jsx-runtime";
 import { t as o } from "../../classix-DG18itHa.js";
-import '../../assets/index38.css';const _ = "_link_8fl9a_1", s = "_primary_8fl9a_7", e = "_danger_8fl9a_13", c = "_minimal_8fl9a_21", n = {
+import '../../assets/index36.css';const _ = "_link_8fl9a_1", s = "_primary_8fl9a_7", e = "_danger_8fl9a_13", c = "_minimal_8fl9a_21", n = {
   link: _,
   primary: s,
   danger: e,

package/dist/components/list/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"),u=require("../../classix-5H4IWnMA.cjs"),a=require("../../helpers-fOobx0tS.cjs"),m="_list_mg08n_1",h="_columns_mg08n_26",e={list:m,columns:h};function _({children:n,className:i,columns:s=1,style:l,...o}){const t=Number.isFinite(s)?Math.max(1,Math.floor(s)):1,c={...l,"--list-columns":t};return r.jsx("ul",{className:u.t(i,e.list,t>1&&e.columns),style:c,...o,"data-component":"list",children:a.wrapChildren(n)})}exports.List=_;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index37.css');const c=require("react/jsx-runtime"),_=require("../../classix-5H4IWnMA.cjs"),r=require("../../helpers-fOobx0tS.cjs"),d="_list_1t7jo_1",j="_columns_1t7jo_25",x="_horizontal_1t7jo_31",t={list:d,columns:j,horizontal:x};function y({children:s,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,t.list,n>1&&t.columns,u&&t.horizontal),i={...h,"--list-columns":n};return m?c.jsx("ol",{className:e,style:i,...l,"data-component":"list",children:r.wrapChildren(s)}):c.jsx("ul",{className:e,style:i,...l,"data-component":"list",children:r.wrapChildren(s)})}exports.List=y;
 //# sourceMappingURL=index.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/list/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport { wrapChildren } from '@/lib/helpers';\n\nimport styles from './styles.module.css';\n\nexport type ListProps = React.ComponentPropsWithoutRef<'ul'> & {\n  columns?: number;\n};\n\nexport function List({ children, className, columns = 1, style, ...props }: ListProps) {\n  const cols = Number.isFinite(columns) ? Math.max(1, Math.floor(columns)) : 1;\n\n  type withVars = React.CSSProperties & {\n    '--list-columns'?: number;\n  };\n\n  const withVars: withVars = {\n    ...style,\n    '--list-columns': cols,\n  };\n\n  return (\n    <ul\n      className={cx(className, styles.list, cols > 1 && styles.columns)}\n      style={withVars}\n      {...props}\n    >\n      {wrapChildren(children)}\n    </ul>\n  );\n}\n"],"names":["List","children","className","columns","style","props","cols","Number","isFinite","Math","max","floor","withVars","jsx","cx","styles","list","wrapChildren"],"mappings":"kQAUO,SAASA,EAAK,CAAEC,SAAAA,EAAUC,UAAAA,EAAWC,QAAAA,EAAU,EAAGC,MAAAA,EAAO,GAAGC,CAAiB,EAAG,CACrF,MAAMC,EAAOC,OAAOC,SAASL,CAAO,EAAIM,KAAKC,IAAI,EAAGD,KAAKE,MAAMR,CAAO,CAAC,EAAI,EAMrES,EAAqB,CACzB,GAAGR,EACH,iBAAkBE,CAAAA,EAGpB,OACEO,EAAAA,IAAC,MACC,UAAWC,EAAAA,EAAGZ,EAAWa,EAAOC,KAAMV,EAAO,GAAKS,EAAOZ,OAAO,EAChE,MAAOS,EACP,GAAIP,EAAM,iBAAA,OAETY,SAAAA,EAAAA,aAAahB,CAAQ,EACxB,CAEJ"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/list/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport { wrapChildren } from '@/lib/helpers';\n\nimport styles from './styles.module.css';\n\nexport type ListProps = React.ComponentPropsWithoutRef<'ul'> & {\n  columns?: number;\n  horizontal?: boolean;\n  ordered?: boolean;\n};\n\nexport function List({\n  children,\n  className,\n  columns = 1,\n  horizontal,\n  ordered,\n  style,\n  ...props\n}: ListProps) {\n  const cols = Number.isFinite(columns) ? Math.max(1, Math.floor(columns)) : 1;\n\n  const classes = cx(\n    className,\n    styles.list,\n    cols > 1 && styles.columns,\n    horizontal && styles.horizontal\n  );\n\n  type withVars = React.CSSProperties & {\n    '--list-columns'?: number;\n  };\n\n  const withVars: withVars = {\n    ...style,\n    '--list-columns': cols,\n  };\n\n  return ordered ? (\n    <ol\n      className={classes}\n      style={withVars}\n      {...props}\n    >\n      {wrapChildren(children)}\n    </ol>\n  ) : (\n    <ul\n      className={classes}\n      style={withVars}\n      {...props}\n    >\n      {wrapChildren(children)}\n    </ul>\n  );\n}\n"],"names":["List","children","className","columns","horizontal","ordered","style","props","cols","Number","isFinite","Math","max","floor","classes","cx","styles","list","withVars","jsx","wrapChildren"],"mappings":"wSAYO,SAASA,EAAK,CACnBC,SAAAA,EACAC,UAAAA,EACAC,QAAAA,EAAU,EACVC,WAAAA,EACAC,QAAAA,EACAC,MAAAA,EACA,GAAGC,CACM,EAAG,CACZ,MAAMC,EAAOC,OAAOC,SAASP,CAAO,EAAIQ,KAAKC,IAAI,EAAGD,KAAKE,MAAMV,CAAO,CAAC,EAAI,EAErEW,EAAUC,EAAAA,EACdb,EACAc,EAAOC,KACPT,EAAO,GAAKQ,EAAOb,QACnBC,GAAcY,EAAOZ,UACvB,EAMMc,EAAqB,CACzB,GAAGZ,EACH,iBAAkBE,CAAAA,EAGpB,OAAOH,EACLc,EAAAA,IAAC,KAAA,CACC,UAAWL,EACX,MAAOI,EACP,GAAIX,EAAM,iBAAA,OAETa,SAAAA,EAAAA,aAAanB,CAAQ,CAAA,CACxB,EAEAkB,EAAAA,IAAC,KAAA,CACC,UAAWL,EACX,MAAOI,EACP,GAAIX,EAAM,iBAAA,OAETa,SAAAA,EAAAA,aAAanB,CAAQ,CAAA,CACxB,CAEJ"}

package/dist/components/list/index.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/list/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport { wrapChildren } from '@/lib/helpers';\n\nimport styles from './styles.module.css';\n\nexport type ListProps = React.ComponentPropsWithoutRef<'ul'> & {\n  columns?: number;\n};\n\nexport function List({ children, className, columns = 1, style, ...props }: ListProps) {\n  const cols = Number.isFinite(columns) ? Math.max(1, Math.floor(columns)) : 1;\n\n  type withVars = React.CSSProperties & {\n    '--list-columns'?: number;\n  };\n\n  const withVars: withVars = {\n    ...style,\n    '--list-columns': cols,\n  };\n\n  return (\n    <ul\n      className={cx(className, styles.list, cols > 1 && styles.columns)}\n      style={withVars}\n      {...props}\n    >\n      {wrapChildren(children)}\n    </ul>\n  );\n}\n"],"names":["List","children","className","columns","style","props","cols","Number","isFinite","Math","max","floor","withVars","jsx","cx","styles","list","wrapChildren"],"mappings":";;;;;;;AAUO,SAASA,EAAK;AAAA,EAAEC,UAAAA;AAAAA,EAAUC,WAAAA;AAAAA,EAAWC,SAAAA,IAAU;AAAA,EAAGC,OAAAA;AAAAA,EAAO,GAAGC;AAAiB,GAAG;AACrF,QAAMC,IAAOC,OAAOC,SAASL,CAAO,IAAIM,KAAKC,IAAI,GAAGD,KAAKE,MAAMR,CAAO,CAAC,IAAI,GAMrES,IAAqB;AAAA,IACzB,GAAGR;AAAAA,IACH,kBAAkBE;AAAAA,EAAAA;AAGpB,SACE,gBAAAO,EAAC,QACC,WAAWC,EAAGZ,GAAWa,EAAOC,MAAMV,IAAO,KAAKS,EAAOZ,OAAO,GAChE,OAAOS,GACP,GAAIP,GAAM,kBAAA,QAETY,UAAAA,EAAahB,CAAQ,GACxB;AAEJ;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/list/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport { wrapChildren } from '@/lib/helpers';\n\nimport styles from './styles.module.css';\n\nexport type ListProps = React.ComponentPropsWithoutRef<'ul'> & {\n  columns?: number;\n  horizontal?: boolean;\n  ordered?: boolean;\n};\n\nexport function List({\n  children,\n  className,\n  columns = 1,\n  horizontal,\n  ordered,\n  style,\n  ...props\n}: ListProps) {\n  const cols = Number.isFinite(columns) ? Math.max(1, Math.floor(columns)) : 1;\n\n  const classes = cx(\n    className,\n    styles.list,\n    cols > 1 && styles.columns,\n    horizontal && styles.horizontal\n  );\n\n  type withVars = React.CSSProperties & {\n    '--list-columns'?: number;\n  };\n\n  const withVars: withVars = {\n    ...style,\n    '--list-columns': cols,\n  };\n\n  return ordered ? (\n    <ol\n      className={classes}\n      style={withVars}\n      {...props}\n    >\n      {wrapChildren(children)}\n    </ol>\n  ) : (\n    <ul\n      className={classes}\n      style={withVars}\n      {...props}\n    >\n      {wrapChildren(children)}\n    </ul>\n  );\n}\n"],"names":["List","children","className","columns","horizontal","ordered","style","props","cols","Number","isFinite","Math","max","floor","classes","cx","styles","list","withVars","jsx","wrapChildren"],"mappings":";;;;;;;;AAYO,SAASA,EAAK;AAAA,EACnBC,UAAAA;AAAAA,EACAC,WAAAA;AAAAA,EACAC,SAAAA,IAAU;AAAA,EACVC,YAAAA;AAAAA,EACAC,SAAAA;AAAAA,EACAC,OAAAA;AAAAA,EACA,GAAGC;AACM,GAAG;AACZ,QAAMC,IAAOC,OAAOC,SAASP,CAAO,IAAIQ,KAAKC,IAAI,GAAGD,KAAKE,MAAMV,CAAO,CAAC,IAAI,GAErEW,IAAUC,EACdb,GACAc,EAAOC,MACPT,IAAO,KAAKQ,EAAOb,SACnBC,KAAcY,EAAOZ,UACvB,GAMMc,IAAqB;AAAA,IACzB,GAAGZ;AAAAA,IACH,kBAAkBE;AAAAA,EAAAA;AAGpB,SAAOH,IACL,gBAAAc,EAAC,MAAA,EACC,WAAWL,GACX,OAAOI,GACP,GAAIX,GAAM,kBAAA,QAETa,UAAAA,EAAanB,CAAQ,EAAA,CACxB,IAEA,gBAAAkB,EAAC,MAAA,EACC,WAAWL,GACX,OAAOI,GACP,GAAIX,GAAM,kBAAA,QAETa,UAAAA,EAAanB,CAAQ,EAAA,CACxB;AAEJ;"}

package/dist/components/loading/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index18.css');const n=require("react/jsx-runtime"),i=require("../../classix-5H4IWnMA.cjs"),c="_loading_1ytlq_23",d="_spin_1ytlq_1",_="_ping_1ytlq_39",r="_sticky_1ytlq_65",s={loading:c,default:"_default_1ytlq_28",spin:d,ping:_,sticky:r},g=({variant:o="default",size:t,sticky:l=!1,...a})=>{const e={"--border-size":t?t/8+"px":void 0,"--size":t?t+"px":void 0};return n.jsx("div",{className:i.t(s.loading,l&&s.sticky),"data-component":"loading",children:n.jsx("span",{className:i.t(s.loading,s[o]),style:e,...a})})};exports.Loading=g;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index14.css');const n=require("react/jsx-runtime"),i=require("../../classix-5H4IWnMA.cjs"),c="_loading_1ytlq_23",d="_spin_1ytlq_1",_="_ping_1ytlq_39",r="_sticky_1ytlq_65",s={loading:c,default:"_default_1ytlq_28",spin:d,ping:_,sticky:r},g=({variant:o="default",size:t,sticky:l=!1,...a})=>{const e={"--border-size":t?t/8+"px":void 0,"--size":t?t+"px":void 0};return n.jsx("div",{className:i.t(s.loading,l&&s.sticky),"data-component":"loading",children:n.jsx("span",{className:i.t(s.loading,s[o]),style:e,...a})})};exports.Loading=g;
 //# sourceMappingURL=index.cjs.map

package/dist/components/loading/index.js

@@ -1,6 +1,6 @@
 import { jsx as o } from "react/jsx-runtime";
 import { t as s } from "../../classix-DG18itHa.js";
-import '../../assets/index18.css';const c = "_loading_1ytlq_23", _ = "_spin_1ytlq_1", p = "_ping_1ytlq_39", e = "_sticky_1ytlq_65", n = {
+import '../../assets/index14.css';const c = "_loading_1ytlq_23", _ = "_spin_1ytlq_1", p = "_ping_1ytlq_39", e = "_sticky_1ytlq_65", n = {
   loading: c,
   default: "_default_1ytlq_28",
   spin: _,

package/dist/components/message/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index39.css');const s=require("react/jsx-runtime"),o=require("../../classix-5H4IWnMA.cjs"),r=require("../icon/index.cjs"),c="_message_wgn3d_1",g="_preview_wgn3d_35",t={message:c,preview:g},d=({content:n,id:a,preview:i,type:e="default"})=>s.jsxs("div",{className:o.t(t.message,i&&t.preview),"data-id":a,"data-type":e,"data-component":"message",children:[e=="system"&&s.jsx(r.Icon,{gap:"right",name:"info"}),n]});exports.Message=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index38.css');const s=require("react/jsx-runtime"),o=require("../../classix-5H4IWnMA.cjs"),r=require("../icon/index.cjs"),c="_message_1dzkv_1",d="_preview_1dzkv_36",t={message:c,preview:d},m=({content:a,id:n,preview:i,type:e="default"})=>s.jsxs("div",{className:o.t(t.message,i&&t.preview),"data-id":n,"data-type":e,"data-component":"message",children:[e=="system"&&s.jsx(r.Icon,{gap:"right",name:"info"}),a]});exports.Message=m;
 //# sourceMappingURL=index.cjs.map

package/dist/components/message/index.js

@@ -1,16 +1,16 @@
 import { jsxs as o, jsx as r } from "react/jsx-runtime";
-import { t as n } from "../../classix-DG18itHa.js";
-import { Icon as i } from "../icon/index.js";
-import '../../assets/index39.css';const g = "_message_wgn3d_1", p = "_preview_wgn3d_35", s = {
-  message: g,
-  preview: p
+import { t as i } from "../../classix-DG18itHa.js";
+import { Icon as n } from "../icon/index.js";
+import '../../assets/index38.css';const p = "_message_1dzkv_1", d = "_preview_1dzkv_36", s = {
+  message: p,
+  preview: d
 }, _ = ({
   content: t,
   id: a,
   preview: m,
   type: e = "default"
-}) => /* @__PURE__ */ o("div", { className: n(s.message, m && s.preview), "data-id": a, "data-type": e, "data-component": "message", children: [
-  e == "system" && /* @__PURE__ */ r(i, { gap: "right", name: "info" }),
+}) => /* @__PURE__ */ o("div", { className: i(s.message, m && s.preview), "data-id": a, "data-type": e, "data-component": "message", children: [
+  e == "system" && /* @__PURE__ */ r(n, { gap: "right", name: "info" }),
   t
 ] });
 export {

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/index39.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;
 //# sourceMappingURL=index.cjs.map

package/dist/components/nav/index.js

@@ -1,6 +1,6 @@
 import { jsx as r } from "react/jsx-runtime";
 import { t as p } from "../../classix-DG18itHa.js";
-import '../../assets/index40.css';const _ = "_nav_1g1sp_1", e = "_horizontal_1g1sp_7", c = "_tabs_1g1sp_17", v = "_pills_1g1sp_38", a = {
+import '../../assets/index39.css';const _ = "_nav_1g1sp_1", e = "_horizontal_1g1sp_7", c = "_tabs_1g1sp_17", v = "_pills_1g1sp_38", a = {
   nav: _,
   horizontal: e,
   tabs: c,

package/dist/components/select/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index6.css');const e=require("react/jsx-runtime"),n=require("../../classix-5H4IWnMA.cjs"),d=require("../../utils-D_TJ8wDc.cjs"),a="_select_kvjzq_1",q="_label_kvjzq_21",j="_required_kvjzq_25",s={select:a,label:q,required:j},_=({children:u,label:c,placeholder:l,...t})=>{const{touched:i,onBlur:o}=d.useTouched(t.value===""),r=e.jsxs("select",{className:n.t(s.select,i&&"touched"),onBlur:o,...t,children:[l&&e.jsx("option",{value:"",hidden:!0,children:l}),u]});return c?e.jsxs("label",{"data-component":"select",children:[e.jsx("span",{className:n.t(s.label,t.required&&s.required),children:c}),r]}):r};exports.Select=_;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index4.css');const e=require("react/jsx-runtime"),n=require("../../classix-5H4IWnMA.cjs"),d=require("../../utils-D_TJ8wDc.cjs"),a="_select_kvjzq_1",q="_label_kvjzq_21",j="_required_kvjzq_25",s={select:a,label:q,required:j},_=({children:u,label:c,placeholder:l,...t})=>{const{touched:i,onBlur:o}=d.useTouched(t.value===""),r=e.jsxs("select",{className:n.t(s.select,i&&"touched"),onBlur:o,...t,children:[l&&e.jsx("option",{value:"",hidden:!0,children:l}),u]});return c?e.jsxs("label",{"data-component":"select",children:[e.jsx("span",{className:n.t(s.label,t.required&&s.required),children:c}),r]}):r};exports.Select=_;
 //# sourceMappingURL=index.cjs.map

package/dist/components/select/index.js

@@ -1,7 +1,7 @@
 import { jsxs as s, jsx as n } from "react/jsx-runtime";
 import { t as o } from "../../classix-DG18itHa.js";
 import { u as a } from "../../utils-DXIJVVzz.js";
-import '../../assets/index6.css';const m = "_select_kvjzq_1", _ = "_label_kvjzq_21", q = "_required_kvjzq_25", t = {
+import '../../assets/index4.css';const m = "_select_kvjzq_1", _ = "_label_kvjzq_21", q = "_required_kvjzq_25", t = {
   select: m,
   label: _,
   required: q

package/dist/components/table/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index4.css');const q=require("react/jsx-runtime"),A=require("react"),R="_table_k4bpz_1",T={table:R},_=({children:C,locale:i,...S})=>{const l=A.useRef(null),v=(n,r,t)=>{n.querySelectorAll("th[data-type]").forEach(e=>{e===r?(e.dataset.dir=t,e.setAttribute("aria-sort",t==="asc"?"ascending":"descending")):(delete e.dataset.dir,e.setAttribute("aria-sort","none"))})},h=A.useCallback(n=>{var m,N;const r=l.current;if(!r)return;const t=(m=n.target)==null?void 0:m.closest("th");if(!t)return;const s=r.tHead;if(!s||!s.contains(t))return;const e=t.cellIndex;if(e<0)return;const a=(N=r.tBodies)==null?void 0:N[0];if(!a)return;const u=t.getAttribute("data-type");if(!u)return;const b=t.dataset.dir==="asc"?"desc":"asc";v(s,t,b);const d=b==="asc"?1:-1,f=Array.from(a.rows);f.sort((j,k)=>{var g,x;const p=(((g=j.cells[e])==null?void 0:g.textContent)??"").trim(),y=(((x=k.cells[e])==null?void 0:x.textContent)??"").trim();if(u==="number"){const o=Number.parseFloat(p),c=Number.parseFloat(y);return Number.isNaN(o)&&Number.isNaN(c)?0:Number.isNaN(o)?1:Number.isNaN(c)?-1:(o-c)*d}return p.localeCompare(y,i,{sensitivity:"base"})*d}),a.append(...f)},[i]);return q.jsx("table",{className:T.table,onClick:h,ref:l,...S,"data-component":"table",children:C})};exports.Table=_;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index3.css');const q=require("react/jsx-runtime"),A=require("react"),R="_table_k4bpz_1",T={table:R},_=({children:C,locale:i,...S})=>{const l=A.useRef(null),v=(n,r,t)=>{n.querySelectorAll("th[data-type]").forEach(e=>{e===r?(e.dataset.dir=t,e.setAttribute("aria-sort",t==="asc"?"ascending":"descending")):(delete e.dataset.dir,e.setAttribute("aria-sort","none"))})},h=A.useCallback(n=>{var m,N;const r=l.current;if(!r)return;const t=(m=n.target)==null?void 0:m.closest("th");if(!t)return;const s=r.tHead;if(!s||!s.contains(t))return;const e=t.cellIndex;if(e<0)return;const a=(N=r.tBodies)==null?void 0:N[0];if(!a)return;const u=t.getAttribute("data-type");if(!u)return;const b=t.dataset.dir==="asc"?"desc":"asc";v(s,t,b);const d=b==="asc"?1:-1,f=Array.from(a.rows);f.sort((j,k)=>{var g,x;const p=(((g=j.cells[e])==null?void 0:g.textContent)??"").trim(),y=(((x=k.cells[e])==null?void 0:x.textContent)??"").trim();if(u==="number"){const o=Number.parseFloat(p),c=Number.parseFloat(y);return Number.isNaN(o)&&Number.isNaN(c)?0:Number.isNaN(o)?1:Number.isNaN(c)?-1:(o-c)*d}return p.localeCompare(y,i,{sensitivity:"base"})*d}),a.append(...f)},[i]);return q.jsx("table",{className:T.table,onClick:h,ref:l,...S,"data-component":"table",children:C})};exports.Table=_;
 //# sourceMappingURL=index.cjs.map

package/dist/components/table/index.js

@@ -1,6 +1,6 @@
 import { jsx as _ } from "react/jsx-runtime";
 import { useRef as w, useCallback as F } from "react";
-import '../../assets/index4.css';const j = "_table_k4bpz_1", q = {
+import '../../assets/index3.css';const j = "_table_k4bpz_1", q = {
   table: j
 }, E = ({
   children: C,

package/dist/components/textarea/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index3.css');const e=require("react/jsx-runtime"),s=require("../../classix-5H4IWnMA.cjs"),d=require("../../utils-D_TJ8wDc.cjs"),a=require("../../styles.module--qoz6wR5.cjs"),m="_label_33pzt_1",p="_textarea_33pzt_5",r={label:m,textarea:p},y=({label:t,maxRows:l=12,minRows:n=3,required:o,value:c,...u})=>{const{touched:i,onBlur:x}=d.useTouched(c==="");return e.jsxs("label",{"data-component":"textarea",children:[t&&e.jsx("span",{className:s.t(r.label,o&&a.inputStyles.required),children:t}),e.jsx("textarea",{className:s.t(a.inputStyles.input,r.textarea,i&&"touched"),onBlur:x,...u,style:{"--min-rows":n,"--max-rows":l}})]})};exports.Textarea=y;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index40.css');const e=require("react/jsx-runtime"),a=require("../../classix-5H4IWnMA.cjs"),d=require("../../utils-D_TJ8wDc.cjs"),r=require("../../styles.module--qoz6wR5.cjs"),m="_label_33pzt_1",p="_textarea_33pzt_5",l={label:m,textarea:p},y=({label:t,maxRows:n=12,minRows:o=3,required:c,value:s,...u})=>{const{touched:i,onBlur:x}=d.useTouched(s==="");return e.jsxs("label",{"data-component":"textarea",children:[t&&e.jsx("span",{className:a.t(l.label,c&&r.inputStyles.required),children:t}),e.jsx("textarea",{className:a.t(r.inputStyles.input,l.textarea,i&&"touched"),onBlur:x,...u,style:{"--min-rows":o,"--max-rows":n},value:s})]})};exports.Textarea=y;
 //# sourceMappingURL=index.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/textarea/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport { useTouched } from '@/utils.ts';\n\nimport inputStyles from '../input/styles.module.css';\nimport styles from './styles.module.css';\n\nexport type TextareaProps = React.ComponentPropsWithoutRef<'textarea'> & {\n  label?: string;\n  maxRows?: number;\n  minRows?: number;\n};\n\nexport const Textarea = ({\n  label,\n  maxRows = 12,\n  minRows = 3,\n  required,\n  value,\n  ...props\n}: TextareaProps) => {\n  const { touched, onBlur } = useTouched(value === '');\n\n  return (\n    <label>\n      {label && <span className={cx(styles.label, required && inputStyles.required)}>{label}</span>}\n      <textarea\n        className={cx(inputStyles.input, styles.textarea, touched && 'touched')}\n        onBlur={onBlur}\n        {...props}\n        style={\n          {\n            '--min-rows': minRows,\n            '--max-rows': maxRows,\n          } as React.CSSProperties\n        }\n      ></textarea>\n    </label>\n  );\n};\n"],"names":["Textarea","label","maxRows","minRows","required","value","props","touched","onBlur","useTouched","jsxs","jsx","cx","styles","inputStyles","input","textarea"],"mappings":"iTAaaA,EAAWA,CAAC,CACvBC,MAAAA,EACAC,QAAAA,EAAU,GACVC,QAAAA,EAAU,EACVC,SAAAA,EACAC,MAAAA,EACA,GAAGC,CACU,IAAM,CACnB,KAAM,CAAEC,QAAAA,EAASC,OAAAA,CAAAA,EAAWC,EAAAA,WAAWJ,IAAU,EAAE,EAEnD,OACEK,EAAAA,KAAC,QAAA,CAAK,iBAAA,WACHT,SAAAA,CAAAA,GAASU,EAAAA,IAAC,OAAA,CAAK,UAAWC,EAAAA,EAAGC,EAAOZ,MAAOG,GAAYU,EAAAA,YAAYV,QAAQ,EAAIH,SAAAA,CAAAA,CAAM,EACtFU,EAAAA,IAAC,WAAA,CACC,UAAWC,EAAAA,EAAGE,EAAAA,YAAYC,MAAOF,EAAOG,SAAUT,GAAW,SAAS,EACtE,OAAAC,KACIF,EACJ,MACE,CACE,aAAcH,EACd,aAAcD,CAAAA,CAChB,CAEH,CAAA,EACH,CAEJ"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/textarea/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport { useTouched } from '@/utils.ts';\n\nimport inputStyles from '../input/styles.module.css';\nimport styles from './styles.module.css';\n\nexport type TextareaProps = React.ComponentPropsWithoutRef<'textarea'> & {\n  label?: string;\n  maxRows?: number;\n  minRows?: number;\n};\n\nexport const Textarea = ({\n  label,\n  maxRows = 12,\n  minRows = 3,\n  required,\n  value,\n  ...props\n}: TextareaProps) => {\n  const { touched, onBlur } = useTouched(value === '');\n\n  return (\n    <label>\n      {label && <span className={cx(styles.label, required && inputStyles.required)}>{label}</span>}\n      <textarea\n        className={cx(inputStyles.input, styles.textarea, touched && 'touched')}\n        onBlur={onBlur}\n        {...props}\n        style={\n          {\n            '--min-rows': minRows,\n            '--max-rows': maxRows,\n          } as React.CSSProperties\n        }\n        value={value}\n      ></textarea>\n    </label>\n  );\n};\n"],"names":["Textarea","label","maxRows","minRows","required","value","props","touched","onBlur","useTouched","jsxs","jsx","cx","styles","inputStyles","input","textarea"],"mappings":"iTAaaA,EAAWA,CAAC,CACvBC,MAAAA,EACAC,QAAAA,EAAU,GACVC,QAAAA,EAAU,EACVC,SAAAA,EACAC,MAAAA,EACA,GAAGC,CACU,IAAM,CACnB,KAAM,CAAEC,QAAAA,EAASC,OAAAA,CAAAA,EAAWC,EAAAA,WAAWJ,IAAU,EAAE,EAEnD,OACEK,EAAAA,KAAC,QAAA,CAAK,iBAAA,WACHT,SAAAA,CAAAA,GAASU,EAAAA,IAAC,OAAA,CAAK,UAAWC,EAAAA,EAAGC,EAAOZ,MAAOG,GAAYU,EAAAA,YAAYV,QAAQ,EAAIH,SAAAA,CAAAA,CAAM,EACtFU,EAAAA,IAAC,WAAA,CACC,UAAWC,EAAAA,EAAGE,EAAAA,YAAYC,MAAOF,EAAOG,SAAUT,GAAW,SAAS,EACtE,OAAAC,KACIF,EACJ,MACE,CACE,aAAcH,EACd,aAAcD,CAAAA,EAGlB,MAAAG,CAAA,CACD,CAAA,EACH,CAEJ"}