@solibo/solibo-ui 0.3.20 → 0.3.22

package/dist/components/button/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index34.css');const s=require("react/jsx-runtime"),m=require("../../classix-5H4IWnMA.cjs"),u="_button_1thbv_1",l="_danger_1thbv_22",c="_minimal_1thbv_35",b="_primary_1thbv_47",t={button:u,danger:l,minimal:c,primary:b},_={danger:t.danger,default:t.default,minimal:t.minimal,primary:t.primary},d=({children:n,className:a,disabled:e=!1,onClick:r,variant:o="default",...i})=>s.jsx("button",{className:m.t(a,t.button,_[o]),disabled:e,onClick:r,type:"button",...i,"data-component":"button",children:n});exports.Button=d;
+"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.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/button/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport styles from './styles.module.css';\n\nconst variants = {\n  danger: styles.danger,\n  default: styles.default,\n  minimal: styles.minimal,\n  primary: styles.primary,\n};\n\nexport type ButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {\n  children: React.ReactNode;\n  className?: string;\n  disabled?: boolean;\n  onClick?: React.MouseEventHandler<HTMLButtonElement>;\n  variant?: keyof typeof variants;\n};\n\nexport const Button = ({\n  children,\n  className,\n  disabled = false,\n  onClick,\n  variant = 'default',\n  ...props\n}: ButtonProps) => {\n  return (\n    <button\n      className={cx(className, styles.button, variants[variant])}\n      disabled={disabled}\n      onClick={onClick}\n      type='button'\n      {...props}\n    >\n      {children}\n    </button>\n  );\n};\n"],"names":["variants","danger","styles","default","minimal","primary","Button","children","className","disabled","onClick","variant","props","cx","button"],"mappings":"4RAIMA,EAAW,CACfC,OAAQC,EAAOD,OACfE,QAASD,EAAOC,QAChBC,QAASF,EAAOE,QAChBC,QAASH,EAAOG,OAClB,EAUaC,EAASA,CAAC,CACrBC,SAAAA,EACAC,UAAAA,EACAC,SAAAA,EAAW,GACXC,QAAAA,EACAC,QAAAA,EAAU,UACV,GAAGC,CACQ,UAER,SAAA,CACC,UAAWC,EAAAA,EAAGL,EAAWN,EAAOY,OAAQd,EAASW,CAAO,CAAC,EACzD,SAAAF,EACA,QAAAC,EACA,KAAK,SACL,GAAIE,EAAM,iBAAA,SAETL,SAAAA,EACH"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/button/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport { Icon } from '../icon';\nimport { IconName } from '../icon/icons';\nimport styles from './styles.module.css';\n\nconst variants = {\n  danger: styles.danger,\n  default: styles.default,\n  minimal: styles.minimal,\n  primary: styles.primary,\n};\n\nexport type ButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {\n  children: React.ReactNode;\n  className?: string;\n  disabled?: boolean;\n  icon?: IconName;\n  onClick?: React.MouseEventHandler<HTMLButtonElement>;\n  variant?: keyof typeof variants;\n};\n\nexport const Button = ({\n  children,\n  className,\n  disabled = false,\n  icon,\n  onClick,\n  variant = 'default',\n  ...props\n}: ButtonProps) => {\n  return (\n    <button\n      className={cx(className, styles.button, variants[variant])}\n      disabled={disabled}\n      onClick={onClick}\n      type='button'\n      {...props}\n    >\n      {icon && (\n        <Icon\n          gap='right'\n          name={icon}\n          size='small'\n          variant={variant === 'minimal' ? 'default' : 'white'}\n        />\n      )}\n      {children}\n    </button>\n  );\n};\n"],"names":["variants","danger","styles","default","minimal","primary","Button","children","className","disabled","icon","onClick","variant","props","cx","button","jsx","Icon"],"mappings":"2TAMMA,EAAW,CACfC,OAAQC,EAAOD,OACfE,QAASD,EAAOC,QAChBC,QAASF,EAAOE,QAChBC,QAASH,EAAOG,OAClB,EAWaC,EAASA,CAAC,CACrBC,SAAAA,EACAC,UAAAA,EACAC,SAAAA,EAAW,GACXC,KAAAA,EACAC,QAAAA,EACAC,QAAAA,EAAU,UACV,GAAGC,CACQ,WAER,SAAA,CACC,UAAWC,EAAAA,EAAGN,EAAWN,EAAOa,OAAQf,EAASY,CAAO,CAAC,EACzD,SAAAH,EACA,QAAAE,EACA,KAAK,SACL,GAAIE,EAAM,iBAAA,SAETH,SAAAA,CAAAA,GACCM,EAAAA,IAACC,EAAAA,KAAA,CACC,IAAI,QACJ,KAAMP,EACN,KAAK,QACL,QAASE,IAAY,UAAY,UAAY,QAAQ,EAGxDL,CAAAA,EACH"}

package/dist/components/button/index.js

@@ -1,24 +1,29 @@
-import { jsx as e } from "react/jsx-runtime";
-import { t as s } from "../../classix-DG18itHa.js";
-import '../../assets/index34.css';const u = "_button_1thbv_1", _ = "_danger_1thbv_22", b = "_minimal_1thbv_35", l = "_primary_1thbv_47", t = {
-  button: u,
+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/index32.css';const p = "_button_9mct5_1", _ = "_danger_9mct5_23", d = "_minimal_9mct5_36", f = "_primary_9mct5_48", t = {
+  button: p,
   danger: _,
-  minimal: b,
-  primary: l
-}, p = {
+  minimal: d,
+  primary: f
+}, b = {
   danger: t.danger,
   default: t.default,
   minimal: t.minimal,
   primary: t.primary
-}, y = ({
-  children: n,
-  className: a,
-  disabled: r = !1,
+}, x = ({
+  children: a,
+  className: r,
+  disabled: i = !1,
+  icon: n,
   onClick: o,
   variant: m = "default",
-  ...i
-}) => /* @__PURE__ */ e("button", { className: s(a, t.button, p[m]), disabled: r, onClick: o, type: "button", ...i, "data-component": "button", children: n });
+  ...e
+}) => /* @__PURE__ */ s("button", { className: c(r, t.button, b[m]), disabled: i, onClick: o, type: "button", ...e, "data-component": "button", children: [
+  n && /* @__PURE__ */ l(u, { gap: "right", name: n, size: "small", variant: m === "minimal" ? "default" : "white" }),
+  a
+] });
 export {
-  y as Button
+  x as Button
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/button/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport styles from './styles.module.css';\n\nconst variants = {\n  danger: styles.danger,\n  default: styles.default,\n  minimal: styles.minimal,\n  primary: styles.primary,\n};\n\nexport type ButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {\n  children: React.ReactNode;\n  className?: string;\n  disabled?: boolean;\n  onClick?: React.MouseEventHandler<HTMLButtonElement>;\n  variant?: keyof typeof variants;\n};\n\nexport const Button = ({\n  children,\n  className,\n  disabled = false,\n  onClick,\n  variant = 'default',\n  ...props\n}: ButtonProps) => {\n  return (\n    <button\n      className={cx(className, styles.button, variants[variant])}\n      disabled={disabled}\n      onClick={onClick}\n      type='button'\n      {...props}\n    >\n      {children}\n    </button>\n  );\n};\n"],"names":["variants","danger","styles","default","minimal","primary","Button","children","className","disabled","onClick","variant","props","cx","button"],"mappings":";;;;;;;GAIMA,IAAW;AAAA,EACfC,QAAQC,EAAOD;AAAAA,EACfE,SAASD,EAAOC;AAAAA,EAChBC,SAASF,EAAOE;AAAAA,EAChBC,SAASH,EAAOG;AAClB,GAUaC,IAASA,CAAC;AAAA,EACrBC,UAAAA;AAAAA,EACAC,WAAAA;AAAAA,EACAC,UAAAA,IAAW;AAAA,EACXC,SAAAA;AAAAA,EACAC,SAAAA,IAAU;AAAA,EACV,GAAGC;AACQ,wBAER,UAAA,EACC,WAAWC,EAAGL,GAAWN,EAAOY,QAAQd,EAASW,CAAO,CAAC,GACzD,UAAAF,GACA,SAAAC,GACA,MAAK,UACL,GAAIE,GAAM,kBAAA,UAETL,UAAAA,GACH;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/button/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport { Icon } from '../icon';\nimport { IconName } from '../icon/icons';\nimport styles from './styles.module.css';\n\nconst variants = {\n  danger: styles.danger,\n  default: styles.default,\n  minimal: styles.minimal,\n  primary: styles.primary,\n};\n\nexport type ButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {\n  children: React.ReactNode;\n  className?: string;\n  disabled?: boolean;\n  icon?: IconName;\n  onClick?: React.MouseEventHandler<HTMLButtonElement>;\n  variant?: keyof typeof variants;\n};\n\nexport const Button = ({\n  children,\n  className,\n  disabled = false,\n  icon,\n  onClick,\n  variant = 'default',\n  ...props\n}: ButtonProps) => {\n  return (\n    <button\n      className={cx(className, styles.button, variants[variant])}\n      disabled={disabled}\n      onClick={onClick}\n      type='button'\n      {...props}\n    >\n      {icon && (\n        <Icon\n          gap='right'\n          name={icon}\n          size='small'\n          variant={variant === 'minimal' ? 'default' : 'white'}\n        />\n      )}\n      {children}\n    </button>\n  );\n};\n"],"names":["variants","danger","styles","default","minimal","primary","Button","children","className","disabled","icon","onClick","variant","props","cx","button","jsx","Icon"],"mappings":";;;;;;;;GAMMA,IAAW;AAAA,EACfC,QAAQC,EAAOD;AAAAA,EACfE,SAASD,EAAOC;AAAAA,EAChBC,SAASF,EAAOE;AAAAA,EAChBC,SAASH,EAAOG;AAClB,GAWaC,IAASA,CAAC;AAAA,EACrBC,UAAAA;AAAAA,EACAC,WAAAA;AAAAA,EACAC,UAAAA,IAAW;AAAA,EACXC,MAAAA;AAAAA,EACAC,SAAAA;AAAAA,EACAC,SAAAA,IAAU;AAAA,EACV,GAAGC;AACQ,wBAER,UAAA,EACC,WAAWC,EAAGN,GAAWN,EAAOa,QAAQf,EAASY,CAAO,CAAC,GACzD,UAAAH,GACA,SAAAE,GACA,MAAK,UACL,GAAIE,GAAM,kBAAA,UAETH,UAAAA;AAAAA,EAAAA,KACC,gBAAAM,EAACC,GAAA,EACC,KAAI,SACJ,MAAMP,GACN,MAAK,SACL,SAASE,MAAY,YAAY,YAAY,SAAQ;AAAA,EAGxDL;AAAAA,GACH;"}

package/dist/components/checkbox/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index16.css');const e=require("react/jsx-runtime"),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/index16.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

@@ -0,0 +1,2 @@
+"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.cjs.map

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

package/dist/components/controls/index.js

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

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

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

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_40v7y_1",t="_wrapper_40v7y_26",e={dialog:s,wrapper:t},n=({children:i,setOpen:o,...l})=>a.jsx("div",{className:e.wrapper,onClick:()=>o?o(!1):{},"data-component":"dialog",children:a.jsx("dialog",{className:e.dialog,onClick:r=>r.stopPropagation(),...l,children:i})});exports.Dialog=n;
+"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,12 +1,12 @@
 import { jsx as a } from "react/jsx-runtime";
-import '../../assets/index15.css';const s = "_dialog_40v7y_1", t = "_wrapper_40v7y_26", r = {
+import '../../assets/index11.css';const s = "_dialog_1b99l_1", t = "_wrapper_1b99l_26", l = {
   dialog: s,
   wrapper: t
 }, e = ({
-  children: l,
+  children: r,
   setOpen: o,
   ...i
-}) => /* @__PURE__ */ a("div", { className: r.wrapper, onClick: () => o ? o(!1) : {}, "data-component": "dialog", children: /* @__PURE__ */ a("dialog", { className: r.dialog, onClick: (p) => p.stopPropagation(), ...i, children: l }) });
+}) => /* @__PURE__ */ a("div", { className: l.wrapper, onClick: () => o ? o(!1) : {}, "data-component": "dialog", children: /* @__PURE__ */ a("dialog", { className: l.dialog, onClick: (p) => p.stopPropagation(), ...i, children: r }) });
 export {
   e as Dialog
 };

package/dist/components/figure/index.cjs

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","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":"wNAWaA,EAAOA,CAAC,CAAEC,UAAAA,EAAWC,SAAAA,EAAUC,OAAAA,EAAS,GAAO,GAAGC,CAAiB,UAE3E,OAAA,CACC,UAAWC,EAAAA,EAAGJ,GAAaA,EAAWE,GAAUG,EAAOH,OAAQG,EAAOC,IAAI,EAC1E,GAAIH,EAAM,iBAAA,OAETF,YAAYA,EACf"}
+{"version":3,"file":"index.cjs","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":"wNAWaA,EAAOA,CAAC,CAAEC,UAAAA,EAAWC,SAAAA,EAAUC,UAAAA,EAAWC,OAAAA,EAAS,GAAO,GAAGC,CAAiB,UAEtF,OAAA,CACC,UAAWC,EAAAA,EAAGH,EAAWC,GAAUG,EAAOH,OAAQG,EAAOC,IAAI,EAC7D,iBAAgBP,EAChB,GAAII,EAAM,iBAAA,OAETH,YAAYA,EACf"}

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/index34.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/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 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/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.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/index8.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/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,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/index7.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/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/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 = {
-  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/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/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/index37.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 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/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';\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  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"}