@solibo/solibo-ui 0.3.20 → 0.3.21

package/dist/components/form/index.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/form/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport type { AnimationName } from '../../styles/animations.ts';\nimport styles from './styles.module.css';\n\nexport type FormProps = React.FormHTMLAttributes<HTMLFormElement> & {\n  animation?: AnimationName;\n  children?: React.ReactNode;\n  inline?: boolean;\n};\n\nexport const Form = ({ animation, children, inline = false, ...props }: FormProps) => {\n  return (\n    <form\n      className={cx(animation && animation, inline && styles.inline, styles.form)}\n      {...props}\n    >\n      {children && children}\n    </form>\n  );\n};\n"],"names":["Form","animation","children","inline","props","cx","styles","form"],"mappings":";;;;;GAWaA,IAAOA,CAAC;AAAA,EAAEC,WAAAA;AAAAA,EAAWC,UAAAA;AAAAA,EAAUC,QAAAA,IAAS;AAAA,EAAO,GAAGC;AAAiB,wBAE3E,QAAA,EACC,WAAWC,EAAGJ,KAAaA,GAAWE,KAAUG,EAAOH,QAAQG,EAAOC,IAAI,GAC1E,GAAIH,GAAM,kBAAA,QAETF,eAAYA,GACf;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/form/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport styles from './styles.module.css';\n\nexport type FormProps = React.FormHTMLAttributes<HTMLFormElement> & {\n  animation?: string;\n  children?: React.ReactNode;\n  className?: string;\n  inline?: boolean;\n};\n\nexport const Form = ({ animation, children, className, inline = false, ...props }: FormProps) => {\n  return (\n    <form\n      className={cx(className, inline && styles.inline, styles.form)}\n      data-animation={animation}\n      {...props}\n    >\n      {children && children}\n    </form>\n  );\n};\n"],"names":["Form","animation","children","className","inline","props","cx","styles","form"],"mappings":";;;;;GAWaA,IAAOA,CAAC;AAAA,EAAEC,WAAAA;AAAAA,EAAWC,UAAAA;AAAAA,EAAUC,WAAAA;AAAAA,EAAWC,QAAAA,IAAS;AAAA,EAAO,GAAGC;AAAiB,wBAEtF,QAAA,EACC,WAAWC,EAAGH,GAAWC,KAAUG,EAAOH,QAAQG,EAAOC,IAAI,GAC7D,kBAAgBP,GAChB,GAAII,GAAM,kBAAA,QAETH,eAAYA,GACf;"}

package/dist/components/group/index.cjs

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/group/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport type { AnimationName } from '@/styles/animations.ts';\n\nimport styles from './styles.module.css';\n\nexport type GroupProps = {\n  animation?: AnimationName;\n  children: React.ReactNode;\n  className?: string;\n};\n\nexport const Group = ({ animation, children, className }: GroupProps) => {\n  return <div className={cx(animation && animation, className, styles.group)}>{children}</div>;\n};\n"],"names":["Group","animation","children","className","jsx","cx","styles","group"],"mappings":"4LAYaA,EAAQA,CAAC,CAAEC,UAAAA,EAAWC,SAAAA,EAAUC,UAAAA,CAAsB,IAC1DC,EAAAA,IAAC,MAAA,CAAI,UAAWC,EAAAA,EAAGJ,GAAaA,EAAWE,EAAWG,EAAOC,KAAK,EAAE,iBAAA,QAAEL,SAAAA,CAAAA,CAAS"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/group/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport styles from './styles.module.css';\n\nexport type GroupProps = React.HTMLAttributes<HTMLDivElement> & {\n  animation?: string;\n  children: React.ReactNode;\n};\n\nexport const Group = ({ animation, children, className, ...props }: GroupProps) => {\n  return (\n    <div\n      className={cx(className, styles.group)}\n      data-animation={animation}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n};\n"],"names":["Group","animation","children","className","props","jsx","cx","styles","group"],"mappings":"4LASaA,EAAQA,CAAC,CAAEC,UAAAA,EAAWC,SAAAA,EAAUC,UAAAA,EAAW,GAAGC,CAAkB,IAEzEC,EAAAA,IAAC,MAAA,CACC,UAAWC,EAAAA,EAAGH,EAAWI,EAAOC,KAAK,EACrC,iBAAgBP,EAChB,GAAIG,EAAM,iBAAA,QAETF,SAAAA,EACH"}

package/dist/components/group/index.js

@@ -1,13 +1,14 @@
-import { jsx as t } from "react/jsx-runtime";
-import { t as s } from "../../classix-DG18itHa.js";
-import '../../assets/index11.css';const u = "_group_g6ddz_1", g = {
-  group: u
-}, m = ({
+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 = {
+  group: s
+}, c = ({
   animation: o,
   children: r,
-  className: p
-}) => /* @__PURE__ */ t("div", { className: s(o && o, p, g.group), "data-component": "group", children: r });
+  className: t,
+  ...p
+}) => /* @__PURE__ */ a("div", { className: n(t, m.group), "data-animation": o, ...p, "data-component": "group", children: r });
 export {
-  m as Group
+  c as Group
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/group/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport type { AnimationName } from '@/styles/animations.ts';\n\nimport styles from './styles.module.css';\n\nexport type GroupProps = {\n  animation?: AnimationName;\n  children: React.ReactNode;\n  className?: string;\n};\n\nexport const Group = ({ animation, children, className }: GroupProps) => {\n  return <div className={cx(animation && animation, className, styles.group)}>{children}</div>;\n};\n"],"names":["Group","animation","children","className","jsx","cx","styles","group"],"mappings":";;;;GAYaA,IAAQA,CAAC;AAAA,EAAEC,WAAAA;AAAAA,EAAWC,UAAAA;AAAAA,EAAUC,WAAAA;AAAsB,MAC1D,gBAAAC,EAAC,OAAA,EAAI,WAAWC,EAAGJ,KAAaA,GAAWE,GAAWG,EAAOC,KAAK,GAAE,kBAAA,SAAEL,UAAAA,EAAAA,CAAS;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/group/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport styles from './styles.module.css';\n\nexport type GroupProps = React.HTMLAttributes<HTMLDivElement> & {\n  animation?: string;\n  children: React.ReactNode;\n};\n\nexport const Group = ({ animation, children, className, ...props }: GroupProps) => {\n  return (\n    <div\n      className={cx(className, styles.group)}\n      data-animation={animation}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n};\n"],"names":["Group","animation","children","className","props","jsx","cx","styles","group"],"mappings":";;;;GASaA,IAAQA,CAAC;AAAA,EAAEC,WAAAA;AAAAA,EAAWC,UAAAA;AAAAA,EAAUC,WAAAA;AAAAA,EAAW,GAAGC;AAAkB,MAEzE,gBAAAC,EAAC,OAAA,EACC,WAAWC,EAAGH,GAAWI,EAAOC,KAAK,GACrC,kBAAgBP,GAChB,GAAIG,GAAM,kBAAA,SAETF,UAAAA,GACH;"}

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_1mupn_1",u="_jumbo_1mupn_45",e={header:s,jumbo:u},n={default:e.default,jumbo:e.jumbo},d=({children:t,variant:a="default"})=>r.jsx("header",{className:o.t(e.header,n[a]),"data-component":"header",children:t});exports.Header=d;
+"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;
 //# 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/index10.css';const m = "_header_1mupn_1", d = "_jumbo_1mupn_45", e = {
-  header: m,
-  jumbo: d
-}, n = {
+import '../../assets/index10.css';const d = "_header_fh66b_1", m = "_jumbo_fh66b_46", e = {
+  header: d,
+  jumbo: m
+}, s = {
   default: e.default,
   jumbo: e.jumbo
-}, c = ({
+}, h = ({
   children: o,
   variant: t = "default"
-}) => /* @__PURE__ */ a("header", { className: r(e.header, n[t]), "data-component": "header", children: o });
+}) => /* @__PURE__ */ a("header", { className: r(e.header, s[t]), "data-component": "header", children: o });
 export {
-  c as Header
+  h as Header
 };
 //# sourceMappingURL=index.js.map

package/dist/components/icon/index.cjs

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

package/dist/components/icon/index.js

@@ -1,7 +1,7 @@
 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/index36.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 = {
+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,
   medium: g,

package/dist/components/link/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index37.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/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;
 //# 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/index37.css';const _ = "_link_8fl9a_1", s = "_primary_8fl9a_7", e = "_danger_8fl9a_13", c = "_minimal_8fl9a_21", n = {
+import '../../assets/index38.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 e=require("react/jsx-runtime"),x=require("../../classix-5H4IWnMA.cjs"),i=require("react"),y="_list_mg08n_1",d="_columns_mg08n_26",l={list:y,columns:d};function g({children:o,className:c,columns:s=1,style:r,...u}){const n=Number.isFinite(s)?Math.max(1,Math.floor(s)):1,a=i.Children.map(o,(t,_)=>i.isValidElement(t)&&t.type==="li"?t:e.jsx("li",{children:t},_)),m={...r,"--list-columns":n};return e.jsx("ul",{className:x.t(c,l.list,n>1&&l.columns),style:m,...u,"data-component":"list",children:a})}exports.List=g;
+"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=_;
 //# 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';\nimport React from 'react';\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  const content = React.Children.map(children, (child, i) =>\n    React.isValidElement(child) && child.type === 'li' ? child : <li key={i}>{child}</li>\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 (\n    <ul\n      className={cx(className, styles.list, cols > 1 && styles.columns)}\n      style={withVars}\n      {...props}\n    >\n      {content}\n    </ul>\n  );\n}\n"],"names":["List","children","className","columns","style","props","cols","Number","isFinite","Math","max","floor","content","React","Children","map","child","i","isValidElement","type","withVars","cx","styles","list"],"mappings":"6OASO,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,EAErES,EAAUC,EAAMC,SAASC,IAAId,EAAU,CAACe,EAAOC,IACnDJ,EAAMK,eAAeF,CAAK,GAAKA,EAAMG,OAAS,KAAOH,QAAS,KAAA,CAAYA,SAAAA,GAAJC,CAAU,CAClF,EAMMG,EAAqB,CACzB,GAAGhB,EACH,iBAAkBE,CAAAA,EAGpB,aACG,KAAA,CACC,UAAWe,EAAAA,EAAGnB,EAAWoB,EAAOC,KAAMjB,EAAO,GAAKgB,EAAOnB,OAAO,EAChE,MAAOiB,EACP,GAAIf,EAAM,iBAAA,OAETO,SAAAA,EACH,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};\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"}

package/dist/components/list/index.js

@@ -1,24 +1,24 @@
-import { jsx as o } from "react/jsx-runtime";
-import { t as p } from "../../classix-DG18itHa.js";
-import l from "react";
-import '../../assets/index7.css';const f = "_list_mg08n_1", d = "_columns_mg08n_26", i = {
-  list: f,
-  columns: d
+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
 };
-function g({
-  children: m,
-  className: e,
-  columns: s = 1,
-  style: c,
-  ...r
+function d({
+  children: n,
+  className: l,
+  columns: t = 1,
+  style: i,
+  ...m
 }) {
-  const n = Number.isFinite(s) ? Math.max(1, Math.floor(s)) : 1, a = l.Children.map(m, (t, _) => l.isValidElement(t) && t.type === "li" ? t : /* @__PURE__ */ o("li", { children: t }, _)), u = {
-    ...c,
-    "--list-columns": n
+  const s = Number.isFinite(t) ? Math.max(1, Math.floor(t)) : 1, r = {
+    ...i,
+    "--list-columns": s
   };
-  return /* @__PURE__ */ o("ul", { className: p(e, i.list, n > 1 && i.columns), style: u, ...r, "data-component": "list", children: a });
+  return /* @__PURE__ */ c("ul", { className: a(l, o.list, s > 1 && o.columns), style: r, ...m, "data-component": "list", children: e(n) });
 }
 export {
-  g as List
+  d 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';\nimport React from 'react';\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  const content = React.Children.map(children, (child, i) =>\n    React.isValidElement(child) && child.type === 'li' ? child : <li key={i}>{child}</li>\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 (\n    <ul\n      className={cx(className, styles.list, cols > 1 && styles.columns)}\n      style={withVars}\n      {...props}\n    >\n      {content}\n    </ul>\n  );\n}\n"],"names":["List","children","className","columns","style","props","cols","Number","isFinite","Math","max","floor","content","React","Children","map","child","i","isValidElement","type","withVars","cx","styles","list"],"mappings":";;;;;;;AASO,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,GAErES,IAAUC,EAAMC,SAASC,IAAId,GAAU,CAACe,GAAOC,MACnDJ,EAAMK,eAAeF,CAAK,KAAKA,EAAMG,SAAS,OAAOH,sBAAS,MAAA,EAAYA,UAAAA,KAAJC,CAAU,CAClF,GAMMG,IAAqB;AAAA,IACzB,GAAGhB;AAAAA,IACH,kBAAkBE;AAAAA,EAAAA;AAGpB,2BACG,MAAA,EACC,WAAWe,EAAGnB,GAAWoB,EAAOC,MAAMjB,IAAO,KAAKgB,EAAOnB,OAAO,GAChE,OAAOiB,GACP,GAAIf,GAAM,kBAAA,QAETO,UAAAA,GACH;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};\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;"}

package/dist/components/loading/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index17.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/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;
 //# 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/index17.css';const c = "_loading_1ytlq_23", _ = "_spin_1ytlq_1", p = "_ping_1ytlq_39", e = "_sticky_1ytlq_65", n = {
+import '../../assets/index18.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/index38.css');const s=require("react/jsx-runtime"),o=require("../../classix-5H4IWnMA.cjs"),r=require("../icon/index.cjs"),c="_message_mlx76_1",m="_preview_mlx76_37",t={message:c,preview:m},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,{name:"info"}),n]});exports.Message=d;
+"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;
 //# sourceMappingURL=index.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/message/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport { Icon } from '../icon';\nimport styles from './styles.module.css';\n\nexport type MessageOptions = {\n  content: React.ReactNode;\n  id: string;\n  preview?: boolean;\n  type?: 'default' | 'minimal' | 'system' | 'user';\n};\n\nexport const Message = ({ content, id, preview, type = 'default' }: MessageOptions) => {\n  return (\n    <div\n      className={cx(styles.message, preview && styles.preview)}\n      data-id={id}\n      data-type={type}\n    >\n      {type == 'system' && <Icon name='info' />}\n      {content}\n    </div>\n  );\n};\n"],"names":["Message","content","id","preview","type","jsxs","cx","styles","message","jsx","Icon"],"mappings":"+PAYaA,EAAUA,CAAC,CAAEC,QAAAA,EAASC,GAAAA,EAAIC,QAAAA,EAASC,KAAAA,EAAO,SAA0B,IAE7EC,EAAAA,KAAC,MAAA,CACC,UAAWC,EAAAA,EAAGC,EAAOC,QAASL,GAAWI,EAAOJ,OAAO,EACvD,UAASD,EACT,YAAWE,EAAK,iBAAA,UAEfA,SAAAA,CAAAA,GAAQ,UAAYK,EAAAA,IAACC,EAAAA,KAAA,CAAK,KAAK,OAAM,EACrCT,CAAAA,EACH"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/message/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport { Icon } from '../icon';\nimport styles from './styles.module.css';\n\nexport type MessageOptions = {\n  content: React.ReactNode;\n  id: string;\n  preview?: boolean;\n  type?: 'default' | 'minimal' | 'system' | 'user';\n};\n\nexport const Message = ({ content, id, preview, type = 'default' }: MessageOptions) => {\n  return (\n    <div\n      className={cx(styles.message, preview && styles.preview)}\n      data-id={id}\n      data-type={type}\n    >\n      {type == 'system' && (\n        <Icon\n          gap='right'\n          name='info'\n        />\n      )}\n      {content}\n    </div>\n  );\n};\n"],"names":["Message","content","id","preview","type","jsxs","cx","styles","message","jsx","Icon"],"mappings":"+PAYaA,EAAUA,CAAC,CAAEC,QAAAA,EAASC,GAAAA,EAAIC,QAAAA,EAASC,KAAAA,EAAO,SAA0B,IAE7EC,EAAAA,KAAC,MAAA,CACC,UAAWC,EAAAA,EAAGC,EAAOC,QAASL,GAAWI,EAAOJ,OAAO,EACvD,UAASD,EACT,YAAWE,EAAK,iBAAA,UAEfA,SAAAA,CAAAA,GAAQ,UACPK,EAAAA,IAACC,EAAAA,KAAA,CACC,IAAI,QACJ,KAAK,OAAM,EAGdT,CAAAA,EACH"}

package/dist/components/message/index.js

@@ -1,17 +1,17 @@
 import { jsxs as o, jsx as r } from "react/jsx-runtime";
-import { t as i } from "../../classix-DG18itHa.js";
-import { Icon as n } from "../icon/index.js";
-import '../../assets/index38.css';const p = "_message_mlx76_1", c = "_preview_mlx76_37", s = {
-  message: p,
-  preview: c
+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
 }, _ = ({
-  content: m,
-  id: t,
-  preview: a,
+  content: t,
+  id: a,
+  preview: m,
   type: e = "default"
-}) => /* @__PURE__ */ o("div", { className: i(s.message, a && s.preview), "data-id": t, "data-type": e, "data-component": "message", children: [
-  e == "system" && /* @__PURE__ */ r(n, { name: "info" }),
-  m
+}) => /* @__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" }),
+  t
 ] });
 export {
   _ as Message

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/message/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport { Icon } from '../icon';\nimport styles from './styles.module.css';\n\nexport type MessageOptions = {\n  content: React.ReactNode;\n  id: string;\n  preview?: boolean;\n  type?: 'default' | 'minimal' | 'system' | 'user';\n};\n\nexport const Message = ({ content, id, preview, type = 'default' }: MessageOptions) => {\n  return (\n    <div\n      className={cx(styles.message, preview && styles.preview)}\n      data-id={id}\n      data-type={type}\n    >\n      {type == 'system' && <Icon name='info' />}\n      {content}\n    </div>\n  );\n};\n"],"names":["Message","content","id","preview","type","jsxs","cx","styles","message","jsx","Icon"],"mappings":";;;;;;GAYaA,IAAUA,CAAC;AAAA,EAAEC,SAAAA;AAAAA,EAASC,IAAAA;AAAAA,EAAIC,SAAAA;AAAAA,EAASC,MAAAA,IAAO;AAA0B,MAE7E,gBAAAC,EAAC,OAAA,EACC,WAAWC,EAAGC,EAAOC,SAASL,KAAWI,EAAOJ,OAAO,GACvD,WAASD,GACT,aAAWE,GAAK,kBAAA,WAEfA,UAAAA;AAAAA,EAAAA,KAAQ,YAAY,gBAAAK,EAACC,GAAA,EAAK,MAAK,QAAM;AAAA,EACrCT;AAAAA,GACH;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/message/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport { Icon } from '../icon';\nimport styles from './styles.module.css';\n\nexport type MessageOptions = {\n  content: React.ReactNode;\n  id: string;\n  preview?: boolean;\n  type?: 'default' | 'minimal' | 'system' | 'user';\n};\n\nexport const Message = ({ content, id, preview, type = 'default' }: MessageOptions) => {\n  return (\n    <div\n      className={cx(styles.message, preview && styles.preview)}\n      data-id={id}\n      data-type={type}\n    >\n      {type == 'system' && (\n        <Icon\n          gap='right'\n          name='info'\n        />\n      )}\n      {content}\n    </div>\n  );\n};\n"],"names":["Message","content","id","preview","type","jsxs","cx","styles","message","jsx","Icon"],"mappings":";;;;;;GAYaA,IAAUA,CAAC;AAAA,EAAEC,SAAAA;AAAAA,EAASC,IAAAA;AAAAA,EAAIC,SAAAA;AAAAA,EAASC,MAAAA,IAAO;AAA0B,MAE7E,gBAAAC,EAAC,OAAA,EACC,WAAWC,EAAGC,EAAOC,SAASL,KAAWI,EAAOJ,OAAO,GACvD,WAASD,GACT,aAAWE,GAAK,kBAAA,WAEfA,UAAAA;AAAAA,EAAAA,KAAQ,YACP,gBAAAK,EAACC,GAAA,EACC,KAAI,SACJ,MAAK,QAAM;AAAA,EAGdT;AAAAA,GACH;"}

package/dist/components/nav/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index39.css');const o=require("react/jsx-runtime"),e=require("../../classix-5H4IWnMA.cjs"),i="_nav_1g1sp_1",r="_horizontal_1g1sp_7",c="_tabs_1g1sp_17",_="_pills_1g1sp_38",t={nav:i,horizontal:r,tabs:c,pills:_},p={default:t.default,pills:t.pills,tabs:t.tabs},v=({animation:s,children:n,horizontal:a=!1,variant:l="default"})=>o.jsx("nav",{className:e.t(s&&s,a&&t.horizontal,t.nav,p[l]),"data-orientation":a?"horizontal":"vertical","data-component":"nav",children:n});exports.Nav=v;
+"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;
 //# 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 type { AnimationName } from '../../styles/animations.ts';\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 = {\n  animation?: AnimationName;\n  children?: React.ReactNode;\n  horizontal?: boolean;\n  variant?: keyof typeof variants;\n};\n\nexport const Nav = ({ animation, children, horizontal = false, variant = 'default' }: NavProps) => {\n  return (\n    <nav\n      className={cx(\n        animation && animation,\n        horizontal && styles.horizontal,\n        styles.nav,\n        variants[variant]\n      )}\n      data-orientation={horizontal ? 'horizontal' : 'vertical'}\n    >\n      {children}\n    </nav>\n  );\n};\n"],"names":["variants","default","styles","pills","tabs","Nav","animation","children","horizontal","variant","jsx","cx","nav"],"mappings":"mRAKMA,EAAW,CACfC,QAASC,EAAOD,QAChBE,MAAOD,EAAOC,MACdC,KAAMF,EAAOE,IACf,EASaC,EAAMA,CAAC,CAAEC,UAAAA,EAAWC,SAAAA,EAAUC,WAAAA,EAAa,GAAOC,QAAAA,EAAU,SAAoB,IAEzFC,MAAC,OACC,UAAWC,EAAAA,EACTL,GAAaA,EACbE,GAAcN,EAAOM,WACrBN,EAAOU,IACPZ,EAASS,CAAO,CAClB,EACA,mBAAkBD,EAAa,aAAe,WAAW,iBAAA,MAExDD,SAAAA,EACH"}
+{"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(\n        className,\n        horizontal && styles.horizontal,\n        styles.nav,\n        variants[variant]\n      )}\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,EACTL,EACAC,GAAcP,EAAOO,WACrBP,EAAOY,IACPd,EAASU,CAAO,CAClB,EACA,iBAAgBJ,EAChB,mBAAkBG,EAAa,aAAe,WAC9C,GAAIE,EAAM,iBAAA,MAETJ,SAAAA,CAAAA,CACH"}

package/dist/components/nav/index.js

@@ -1,20 +1,22 @@
-import { jsx as n } from "react/jsx-runtime";
-import { t as r } from "../../classix-DG18itHa.js";
-import '../../assets/index39.css';const i = "_nav_1g1sp_1", p = "_horizontal_1g1sp_7", _ = "_tabs_1g1sp_17", e = "_pills_1g1sp_38", t = {
-  nav: i,
-  horizontal: p,
-  tabs: _,
-  pills: e
-}, c = {
-  default: t.default,
-  pills: t.pills,
-  tabs: t.tabs
+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 = {
+  nav: _,
+  horizontal: e,
+  tabs: c,
+  pills: v
+}, m = {
+  default: a.default,
+  pills: a.pills,
+  tabs: a.tabs
 }, b = ({
-  animation: a,
-  children: o,
-  horizontal: s = !1,
-  variant: l = "default"
-}) => /* @__PURE__ */ n("nav", { className: r(a && a, s && t.horizontal, t.nav, c[l]), "data-orientation": s ? "horizontal" : "vertical", "data-component": "nav", children: o });
+  animation: s,
+  children: n,
+  className: o,
+  horizontal: t = !1,
+  variant: l = "default",
+  ...i
+}) => /* @__PURE__ */ r("nav", { className: p(o, t && a.horizontal, a.nav, m[l]), "data-animation": s, "data-orientation": t ? "horizontal" : "vertical", ...i, "data-component": "nav", children: n });
 export {
   b as Nav
 };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/nav/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport type { AnimationName } from '../../styles/animations.ts';\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 = {\n  animation?: AnimationName;\n  children?: React.ReactNode;\n  horizontal?: boolean;\n  variant?: keyof typeof variants;\n};\n\nexport const Nav = ({ animation, children, horizontal = false, variant = 'default' }: NavProps) => {\n  return (\n    <nav\n      className={cx(\n        animation && animation,\n        horizontal && styles.horizontal,\n        styles.nav,\n        variants[variant]\n      )}\n      data-orientation={horizontal ? 'horizontal' : 'vertical'}\n    >\n      {children}\n    </nav>\n  );\n};\n"],"names":["variants","default","styles","pills","tabs","Nav","animation","children","horizontal","variant","jsx","cx","nav"],"mappings":";;;;;;;GAKMA,IAAW;AAAA,EACfC,SAASC,EAAOD;AAAAA,EAChBE,OAAOD,EAAOC;AAAAA,EACdC,MAAMF,EAAOE;AACf,GASaC,IAAMA,CAAC;AAAA,EAAEC,WAAAA;AAAAA,EAAWC,UAAAA;AAAAA,EAAUC,YAAAA,IAAa;AAAA,EAAOC,SAAAA,IAAU;AAAoB,MAEzF,gBAAAC,EAAC,SACC,WAAWC,EACTL,KAAaA,GACbE,KAAcN,EAAOM,YACrBN,EAAOU,KACPZ,EAASS,CAAO,CAClB,GACA,oBAAkBD,IAAa,eAAe,YAAW,kBAAA,OAExDD,UAAAA,GACH;"}
+{"version":3,"file":"index.js","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(\n        className,\n        horizontal && styles.horizontal,\n        styles.nav,\n        variants[variant]\n      )}\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":";;;;;;;GAIMA,IAAW;AAAA,EACfC,SAASC,EAAOD;AAAAA,EAChBE,OAAOD,EAAOC;AAAAA,EACdC,MAAMF,EAAOE;AACf,GAUaC,IAAMA,CAAC;AAAA,EAClBC,WAAAA;AAAAA,EACAC,UAAAA;AAAAA,EACAC,WAAAA;AAAAA,EACAC,YAAAA,IAAa;AAAA,EACbC,SAAAA,IAAU;AAAA,EACV,GAAGC;AACK,MAEN,gBAAAC,EAAC,OAAA,EACC,WAAWC,EACTL,GACAC,KAAcP,EAAOO,YACrBP,EAAOY,KACPd,EAASU,CAAO,CAClB,GACA,kBAAgBJ,GAChB,oBAAkBG,IAAa,eAAe,YAC9C,GAAIE,GAAM,kBAAA,OAETJ,UAAAA,EAAAA,CACH;"}

package/dist/components/table/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index4.css');const R=require("react/jsx-runtime"),x=require("react"),T="_table_geevi_1",_={table:T},k=({children:A,locale:i,...C})=>{const l=x.useRef(null),S=(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=x.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";S(s,t,b);const d=b==="asc"?1:-1,f=Array.from(a.rows);f.sort((j,q)=>{var g,v;const p=(((g=j.cells[e])==null?void 0:g.textContent)??"").trim(),y=(((v=q.cells[e])==null?void 0:v.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 R.jsx("table",{className:_.table,onClick:h,ref:l,...C,"data-component":"table",children:A})};exports.Table=k;
+"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=_;
 //# sourceMappingURL=index.cjs.map

package/dist/components/table/index.js

@@ -1,17 +1,17 @@
-import { jsx as k } from "react/jsx-runtime";
+import { jsx as _ } from "react/jsx-runtime";
 import { useRef as w, useCallback as F } from "react";
-import '../../assets/index4.css';const j = "_table_geevi_1", q = {
+import '../../assets/index4.css';const j = "_table_k4bpz_1", q = {
   table: j
-}, H = ({
-  children: A,
+}, E = ({
+  children: C,
   locale: i,
-  ...C
+  ...g
 }) => {
-  const l = w(null), v = (n, r, t) => {
+  const l = w(null), h = (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 = F((n) => {
+  }, k = F((n) => {
     var f, N;
     const r = l.current;
     if (!r) return;
@@ -26,11 +26,11 @@ import '../../assets/index4.css';const j = "_table_geevi_1", q = {
     const u = t.getAttribute("data-type");
     if (!u) return;
     const b = t.dataset.dir === "asc" ? "desc" : "asc";
-    v(s, t, b);
+    h(s, t, b);
     const d = b === "asc" ? 1 : -1, m = Array.from(a.rows);
-    m.sort((S, _) => {
-      var g, x;
-      const p = (((g = S.cells[e]) == null ? void 0 : g.textContent) ?? "").trim(), y = (((x = _.cells[e]) == null ? void 0 : x.textContent) ?? "").trim();
+    m.sort((v, S) => {
+      var x, A;
+      const p = (((x = v.cells[e]) == null ? void 0 : x.textContent) ?? "").trim(), y = (((A = S.cells[e]) == null ? void 0 : A.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;
@@ -40,9 +40,9 @@ import '../../assets/index4.css';const j = "_table_geevi_1", q = {
       }) * d;
     }), a.append(...m);
   }, [i]);
-  return /* @__PURE__ */ k("table", { className: q.table, onClick: h, ref: l, ...C, "data-component": "table", children: A });
+  return /* @__PURE__ */ _("table", { className: q.table, onClick: k, ref: l, ...g, "data-component": "table", children: C });
 };
 export {
-  H as Table
+  E as Table
 };
 //# sourceMappingURL=index.js.map

package/dist/components/toast/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index40.css');const a=require("react/jsx-runtime"),f=require("../../classix-5H4IWnMA.cjs"),n=require("react"),j=require("../icon/index.cjs"),h="_toast_h2jok_1",l="_active_h2jok_18",d="_error_h2jok_24",m="_info_h2jok_28",v="_success_h2jok_33",o={toast:h,active:l,error:d,info:m,success:v},k=({label:i,type:t="success",onClick:u,onExitComplete:e,open:r=!0})=>{const[_,c]=n.useState(!1);return n.useEffect(()=>{if(!r)return c(!1);const s=requestAnimationFrame(()=>c(!0));return()=>cancelAnimationFrame(s)},[r]),a.jsxs("div",{"aria-live":t==="error"?"assertive":"polite",className:f.t(o.toast,o[t],_&&o.active),onClick:u,onTransitionEnd:s=>{r||s.propertyName!=="opacity"||s.currentTarget!==s.target||e==null||e()},"data-component":"toast",children:[a.jsx(j.Icon,{name:t}),i]})};exports.Toast=k;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index41.css');const a=require("react/jsx-runtime"),f=require("../../classix-5H4IWnMA.cjs"),n=require("react"),j=require("../icon/index.cjs"),h="_toast_h2jok_1",l="_active_h2jok_18",d="_error_h2jok_24",m="_info_h2jok_28",v="_success_h2jok_33",o={toast:h,active:l,error:d,info:m,success:v},k=({label:i,type:t="success",onClick:u,onExitComplete:e,open:r=!0})=>{const[_,c]=n.useState(!1);return n.useEffect(()=>{if(!r)return c(!1);const s=requestAnimationFrame(()=>c(!0));return()=>cancelAnimationFrame(s)},[r]),a.jsxs("div",{"aria-live":t==="error"?"assertive":"polite",className:f.t(o.toast,o[t],_&&o.active),onClick:u,onTransitionEnd:s=>{r||s.propertyName!=="opacity"||s.currentTarget!==s.target||e==null||e()},"data-component":"toast",children:[a.jsx(j.Icon,{name:t}),i]})};exports.Toast=k;
 //# sourceMappingURL=index.cjs.map

package/dist/components/toast/index.js

@@ -2,7 +2,7 @@ import { jsxs as _, jsx as u } from "react/jsx-runtime";
 import { t as f } from "../../classix-DG18itHa.js";
 import { useState as m, useEffect as h } from "react";
 import { Icon as j } from "../icon/index.js";
-import '../../assets/index40.css';const k = "_toast_h2jok_1", v = "_active_h2jok_18", d = "_error_h2jok_24", l = "_info_h2jok_28", T = "_success_h2jok_33", a = {
+import '../../assets/index41.css';const k = "_toast_h2jok_1", v = "_active_h2jok_18", d = "_error_h2jok_24", l = "_info_h2jok_28", T = "_success_h2jok_33", a = {
   toast: k,
   active: v,
   error: d,

package/dist/components/toggle/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index2.css');const e=require("react/jsx-runtime"),n=require("../../classix-5H4IWnMA.cjs"),r="_toggle_1l1p3_1",g="_track_1l1p3_15",d="_dot_1l1p3_24",t={toggle:r,track:g,dot:d},i=({checked:l,disabled:o,isLoading:s,label:a,onChange:c})=>e.jsxs("label",{className:t.toggle,"data-component":"toggle",children:[e.jsx("input",{checked:l,disabled:o||s,onChange:c,type:"checkbox"}),e.jsx("span",{"aria-hidden":"true",className:t.track,children:e.jsx("span",{className:n.t(t.dot,s&&"loading")})}),e.jsx("span",{className:"toggle",children:a})]});exports.Toggle=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index2.css');const e=require("react/jsx-runtime"),l=require("../loading/index.cjs"),g="_toggle_1rg2x_1",r="_thumb_1rg2x_15",i="_track_1rg2x_25",t={toggle:g,thumb:r,track:i},u=({checked:n,disabled:o,isLoading:s,label:a,onChange:c})=>e.jsxs("label",{className:t.toggle,"data-component":"toggle",children:[e.jsx("input",{checked:n,disabled:o||s,onChange:c,type:"checkbox"}),e.jsx("span",{"aria-hidden":"true",className:t.track,children:s?e.jsx(l.Loading,{size:24}):e.jsx("span",{className:t.thumb})}),e.jsx("span",{className:"toggle",children:a})]});exports.Toggle=u;
 //# sourceMappingURL=index.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/toggle/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport styles from './styles.module.css';\n\nexport type ToggleProps = {\n  checked?: boolean;\n  disabled?: boolean;\n  isLoading?: boolean;\n  label?: string;\n  onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n};\n\nexport const Toggle = ({ checked, disabled, isLoading, label, onChange }: ToggleProps) => {\n  return (\n    <label className={styles.toggle}>\n      <input\n        checked={checked}\n        disabled={disabled || isLoading}\n        onChange={onChange}\n        type='checkbox'\n      />\n      <span\n        aria-hidden='true'\n        className={styles.track}\n      >\n        <span className={cx(styles.dot, isLoading && 'loading')}></span>\n      </span>\n      <span className='toggle'>{label}</span>\n    </label>\n  );\n};\n"],"names":["Toggle","checked","disabled","isLoading","label","onChange","styles","toggle","jsx","track","cx","dot"],"mappings":"kPAYaA,EAASA,CAAC,CAAEC,QAAAA,EAASC,SAAAA,EAAUC,UAAAA,EAAWC,MAAAA,EAAOC,SAAAA,CAAsB,WAE/E,QAAA,CAAM,UAAWC,EAAOC,OAAO,iBAAA,SAC9B,SAAA,CAAAC,MAAC,SACC,QAAAP,EACA,SAAUC,GAAYC,EACtB,SAAAE,EACA,KAAK,WAAU,QAEhB,OAAA,CACC,cAAY,OACZ,UAAWC,EAAOG,MAElB,SAAAD,EAAAA,IAAC,OAAA,CAAK,UAAWE,EAAAA,EAAGJ,EAAOK,IAAKR,GAAa,SAAS,EAAG,EAC3D,EACAK,EAAAA,IAAC,OAAA,CAAK,UAAU,SAAUJ,SAAAA,CAAAA,CAAM,CAAA,EAClC"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/toggle/index.tsx"],"sourcesContent":["import { Loading } from '../loading';\nimport styles from './styles.module.css';\n\nexport type ToggleProps = {\n  checked?: boolean;\n  disabled?: boolean;\n  isLoading?: boolean;\n  label?: string;\n  onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n};\n\nexport const Toggle = ({ checked, disabled, isLoading, label, onChange }: ToggleProps) => {\n  return (\n    <label className={styles.toggle}>\n      <input\n        checked={checked}\n        disabled={disabled || isLoading}\n        onChange={onChange}\n        type='checkbox'\n      />\n      <span\n        aria-hidden='true'\n        className={styles.track}\n      >\n        {isLoading ? <Loading size={24} /> : <span className={styles.thumb} />}\n      </span>\n      <span className='toggle'>{label}</span>\n    </label>\n  );\n};\n"],"names":["Toggle","checked","disabled","isLoading","label","onChange","styles","toggle","jsx","track","Loading","thumb"],"mappings":"gPAWaA,EAASA,CAAC,CAAEC,QAAAA,EAASC,SAAAA,EAAUC,UAAAA,EAAWC,MAAAA,EAAOC,SAAAA,CAAsB,WAE/E,QAAA,CAAM,UAAWC,EAAOC,OAAO,iBAAA,SAC9B,SAAA,CAAAC,MAAC,SACC,QAAAP,EACA,SAAUC,GAAYC,EACtB,SAAAE,EACA,KAAK,WAAU,QAEhB,OAAA,CACC,cAAY,OACZ,UAAWC,EAAOG,MAEjBN,SAAAA,EAAYK,EAAAA,IAACE,UAAA,CAAQ,KAAM,KAASF,MAAC,QAAK,UAAWF,EAAOK,MAAM,EACrE,EACAH,EAAAA,IAAC,OAAA,CAAK,UAAU,SAAUJ,SAAAA,CAAAA,CAAM,CAAA,EAClC"}

package/dist/components/toggle/index.js

@@ -1,21 +1,21 @@
-import { jsxs as n, jsx as t } from "react/jsx-runtime";
-import { t as r } from "../../classix-DG18itHa.js";
-import '../../assets/index2.css';const g = "_toggle_1l1p3_1", d = "_track_1l1p3_15", p = "_dot_1l1p3_24", e = {
-  toggle: g,
-  track: d,
-  dot: p
-}, i = ({
-  checked: l,
-  disabled: a,
-  isLoading: o,
-  label: s,
-  onChange: c
-}) => /* @__PURE__ */ n("label", { className: e.toggle, "data-component": "toggle", children: [
-  /* @__PURE__ */ t("input", { checked: l, disabled: a || o, onChange: c, type: "checkbox" }),
-  /* @__PURE__ */ t("span", { "aria-hidden": "true", className: e.track, children: /* @__PURE__ */ t("span", { className: r(e.dot, o && "loading") }) }),
-  /* @__PURE__ */ t("span", { className: "toggle", children: s })
+import { jsxs as l, jsx as t } from "react/jsx-runtime";
+import { Loading as g } from "../loading/index.js";
+import '../../assets/index2.css';const n = "_toggle_1rg2x_1", m = "_thumb_1rg2x_15", h = "_track_1rg2x_25", e = {
+  toggle: n,
+  thumb: m,
+  track: h
+}, _ = ({
+  checked: a,
+  disabled: o,
+  isLoading: s,
+  label: c,
+  onChange: r
+}) => /* @__PURE__ */ l("label", { className: e.toggle, "data-component": "toggle", children: [
+  /* @__PURE__ */ t("input", { checked: a, disabled: o || s, onChange: r, type: "checkbox" }),
+  /* @__PURE__ */ t("span", { "aria-hidden": "true", className: e.track, children: s ? /* @__PURE__ */ t(g, { size: 24 }) : /* @__PURE__ */ t("span", { className: e.thumb }) }),
+  /* @__PURE__ */ t("span", { className: "toggle", children: c })
 ] });
 export {
-  i as Toggle
+  _ as Toggle
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/toggle/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport styles from './styles.module.css';\n\nexport type ToggleProps = {\n  checked?: boolean;\n  disabled?: boolean;\n  isLoading?: boolean;\n  label?: string;\n  onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n};\n\nexport const Toggle = ({ checked, disabled, isLoading, label, onChange }: ToggleProps) => {\n  return (\n    <label className={styles.toggle}>\n      <input\n        checked={checked}\n        disabled={disabled || isLoading}\n        onChange={onChange}\n        type='checkbox'\n      />\n      <span\n        aria-hidden='true'\n        className={styles.track}\n      >\n        <span className={cx(styles.dot, isLoading && 'loading')}></span>\n      </span>\n      <span className='toggle'>{label}</span>\n    </label>\n  );\n};\n"],"names":["Toggle","checked","disabled","isLoading","label","onChange","styles","toggle","jsx","track","cx","dot"],"mappings":";;;;;;GAYaA,IAASA,CAAC;AAAA,EAAEC,SAAAA;AAAAA,EAASC,UAAAA;AAAAA,EAAUC,WAAAA;AAAAA,EAAWC,OAAAA;AAAAA,EAAOC,UAAAA;AAAsB,wBAE/E,SAAA,EAAM,WAAWC,EAAOC,QAAO,kBAAA,UAC9B,UAAA;AAAA,EAAA,gBAAAC,EAAC,WACC,SAAAP,GACA,UAAUC,KAAYC,GACtB,UAAAE,GACA,MAAK,YAAU;AAAA,oBAEhB,QAAA,EACC,eAAY,QACZ,WAAWC,EAAOG,OAElB,UAAA,gBAAAD,EAAC,QAAA,EAAK,WAAWE,EAAGJ,EAAOK,KAAKR,KAAa,SAAS,GAAG,GAC3D;AAAA,EACA,gBAAAK,EAAC,QAAA,EAAK,WAAU,UAAUJ,UAAAA,EAAAA,CAAM;AAAA,GAClC;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/toggle/index.tsx"],"sourcesContent":["import { Loading } from '../loading';\nimport styles from './styles.module.css';\n\nexport type ToggleProps = {\n  checked?: boolean;\n  disabled?: boolean;\n  isLoading?: boolean;\n  label?: string;\n  onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n};\n\nexport const Toggle = ({ checked, disabled, isLoading, label, onChange }: ToggleProps) => {\n  return (\n    <label className={styles.toggle}>\n      <input\n        checked={checked}\n        disabled={disabled || isLoading}\n        onChange={onChange}\n        type='checkbox'\n      />\n      <span\n        aria-hidden='true'\n        className={styles.track}\n      >\n        {isLoading ? <Loading size={24} /> : <span className={styles.thumb} />}\n      </span>\n      <span className='toggle'>{label}</span>\n    </label>\n  );\n};\n"],"names":["Toggle","checked","disabled","isLoading","label","onChange","styles","toggle","jsx","track","Loading","thumb"],"mappings":";;;;;;GAWaA,IAASA,CAAC;AAAA,EAAEC,SAAAA;AAAAA,EAASC,UAAAA;AAAAA,EAAUC,WAAAA;AAAAA,EAAWC,OAAAA;AAAAA,EAAOC,UAAAA;AAAsB,wBAE/E,SAAA,EAAM,WAAWC,EAAOC,QAAO,kBAAA,UAC9B,UAAA;AAAA,EAAA,gBAAAC,EAAC,WACC,SAAAP,GACA,UAAUC,KAAYC,GACtB,UAAAE,GACA,MAAK,YAAU;AAAA,oBAEhB,QAAA,EACC,eAAY,QACZ,WAAWC,EAAOG,OAEjBN,UAAAA,IAAY,gBAAAK,EAACE,GAAA,EAAQ,MAAM,QAAS,gBAAAF,EAAC,UAAK,WAAWF,EAAOK,OAAM,GACrE;AAAA,EACA,gBAAAH,EAAC,QAAA,EAAK,WAAU,UAAUJ,UAAAA,EAAAA,CAAM;AAAA,GAClC;"}

package/dist/helpers-Dbey5Ztb.js

@@ -0,0 +1,25 @@
+import r from "react";
+function m(t) {
+  return r.isValidElement(t) && t.type === r.Fragment;
+}
+function l(t, n = []) {
+  return r.Children.forEach(t, (a) => {
+    m(a) ? l(a.props.children, n) : n.push(a);
+  }), n;
+}
+function u(t, {
+  wrapper: n = "li"
+} = {}) {
+  return l(t).map((e, f) => {
+    if (r.isValidElement(e) && e.type === n)
+      return e;
+    const i = r.isValidElement(e) && e.key != null ? e.key : f;
+    return r.createElement(n, {
+      key: i
+    }, e);
+  });
+}
+export {
+  u as w
+};
+//# sourceMappingURL=helpers-Dbey5Ztb.js.map

package/dist/helpers-Dbey5Ztb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers-Dbey5Ztb.js","sources":["../src/lib/helpers.tsx"],"sourcesContent":["import React, { JSX } from 'react';\n\ntype WrapOptions<T extends keyof JSX.IntrinsicElements = 'li'> = {\n  wrapper?: T;\n};\n\nfunction isFragmentElement(\n  node: React.ReactNode\n): node is React.ReactElement<{ children?: React.ReactNode }> {\n  return React.isValidElement(node) && node.type === React.Fragment;\n}\n\nfunction flattenChildren(children: React.ReactNode, out: React.ReactNode[] = []) {\n  React.Children.forEach(children, (child) => {\n    if (isFragmentElement(child)) {\n      flattenChildren(child.props.children, out);\n    } else {\n      out.push(child);\n    }\n  });\n  return out;\n}\n\nexport function wrapChildren<T extends keyof JSX.IntrinsicElements = 'li'>(\n  children: React.ReactNode,\n  { wrapper = 'li' as T }: WrapOptions<T> = {}\n) {\n  const flat = flattenChildren(children);\n\n  return flat.map((child, i) => {\n    if (React.isValidElement(child) && child.type === wrapper) {\n      return child;\n    }\n\n    const key = React.isValidElement(child) && child.key != null ? child.key : i;\n\n    return React.createElement(wrapper, { key }, child);\n  });\n}\n"],"names":["isFragmentElement","node","React","isValidElement","type","Fragment","flattenChildren","children","out","Children","forEach","child","props","push","wrapChildren","wrapper","map","i","key","createElement"],"mappings":";AAMA,SAASA,EACPC,GAC4D;AAC5D,SAAOC,EAAMC,eAAeF,CAAI,KAAKA,EAAKG,SAASF,EAAMG;AAC3D;AAEA,SAASC,EAAgBC,GAA2BC,IAAyB,IAAI;AAC/EN,SAAAA,EAAMO,SAASC,QAAQH,GAAWI,CAAAA,MAAU;AAC1C,IAAIX,EAAkBW,CAAK,IACzBL,EAAgBK,EAAMC,MAAML,UAAUC,CAAG,IAEzCA,EAAIK,KAAKF,CAAK;AAAA,EAElB,CAAC,GACMH;AACT;AAEO,SAASM,EACdP,GACA;AAAA,EAAEQ,SAAAA,IAAU;AAA0B,IAAI,IAC1C;AAGA,SAFaT,EAAgBC,CAAQ,EAEzBS,IAAI,CAACL,GAAOM,MAAM;AAC5B,QAAIf,EAAMC,eAAeQ,CAAK,KAAKA,EAAMP,SAASW;AAChD,aAAOJ;AAGT,UAAMO,IAAMhB,EAAMC,eAAeQ,CAAK,KAAKA,EAAMO,OAAO,OAAOP,EAAMO,MAAMD;AAE3E,WAAOf,EAAMiB,cAAcJ,GAAS;AAAA,MAAEG,KAAAA;AAAAA,IAAAA,GAAOP,CAAK;AAAA,EACpD,CAAC;AACH;"}

package/dist/helpers-fOobx0tS.cjs

@@ -0,0 +1,2 @@
+"use strict";const r=require("react");function u(n){return r.isValidElement(n)&&n.type===r.Fragment}function i(n,t=[]){return r.Children.forEach(n,a=>{u(a)?i(a.props.children,t):t.push(a)}),t}function f(n,{wrapper:t="li"}={}){return i(n).map((e,l)=>{if(r.isValidElement(e)&&e.type===t)return e;const s=r.isValidElement(e)&&e.key!=null?e.key:l;return r.createElement(t,{key:s},e)})}exports.wrapChildren=f;
+//# sourceMappingURL=helpers-fOobx0tS.cjs.map