@solibo/solibo-ui 1.0.13 → 1.0.15

package/dist/components/figure/index.js

@@ -1,6 +1,6 @@
 import { jsxs as i, jsx as o } from "react/jsx-runtime";
 import { t as n } from "../../classix-DG18itHa.js";
-import '../../assets/index44.css';const s = "_figure_spygr_1", f = {
+import '../../assets/index42.css';const s = "_figure_spygr_1", f = {
   figure: s
 }, u = ({
   accessibleLabel: r,

package/dist/components/file/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index45.css');const e=require("react/jsx-runtime"),j=require("../figure/index.cjs"),x=require("../icon/index.cjs"),f="_file_1ujkv_1",h="_details_1ujkv_54",v="_name_1ujkv_61",N="_extension_1ujkv_73",b="_subtitle_1ujkv_83",n={file:f,details:h,"name-line":"_name-line_1ujkv_61",name:v,extension:N,subtitle:b,delete:"_delete_1ujkv_92"},I={".doc":"document-doc",".docx":"document-doc",".pdf":"document-pdf",".ppt":"document-ppt",".pptx":"document-ppt",".xls":"document-xls",".xlsx":"document-xls"},g=({deleteAccessibleLabel:r,name:s,onClick:t,onDelete:i,ref:m,subtitle:o,url:a})=>{const c=s.lastIndexOf("."),d=c>0&&c<s.length-1,_=d?s.slice(0,c):s,l=d?s.slice(c):"",p=I[l.toLowerCase()]??"document";return e.jsxs("div",{className:n.file,ref:m,"data-component":"file",children:[e.jsxs("a",{href:a,onClick:u=>{u.stopPropagation(),(t||!a)&&(u.preventDefault(),t==null||t())},title:s,children:[e.jsx(j.Figure,{children:e.jsx(x.Icon,{name:p,fill:!0})}),e.jsxs("span",{className:n.details,children:[e.jsxs("span",{className:n["name-line"],children:[e.jsx("span",{className:n.name,children:_}),l&&e.jsx("span",{className:n.extension,children:l})]}),o&&e.jsx("span",{className:n.subtitle,children:o})]})]}),i&&e.jsx("a",{"aria-label":r??`Delete ${s}`,className:n.delete,onClick:()=>i(),tabIndex:0,children:e.jsx(x.Icon,{name:"trash",size:"small",fill:!0})})]})};exports.File=g;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index43.css');const e=require("react/jsx-runtime"),f=require("../figure/index.cjs"),x=require("../icon/index.cjs"),h=require("../button/index.cjs"),j="_file_qqn4p_1",N="_action_qqn4p_14",b="_details_qqn4p_62",g="_name_qqn4p_69",I="_extension_qqn4p_81",v="_subtitle_qqn4p_91",t={file:j,action:N,delete:"_delete_qqn4p_15",details:b,"name-line":"_name-line_qqn4p_69",name:g,extension:I,subtitle:v},y={".doc":"document-doc",".docx":"document-doc",".pdf":"document-pdf",".ppt":"document-ppt",".pptx":"document-ppt",".xls":"document-xls",".xlsx":"document-xls"},F=({deleteAccessibleLabel:m,name:n,onClick:s,onDelete:a,ref:u,subtitle:d,url:r})=>{const c=n.lastIndexOf("."),p=c>0&&c<n.length-1,_=p?n.slice(0,c):n,i=p?n.slice(c):"",q=y[i.toLowerCase()]??"document",l=e.jsxs(e.Fragment,{children:[e.jsx(f.Figure,{children:e.jsx(x.Icon,{name:q,fill:!0})}),e.jsxs("span",{className:t.details,children:[e.jsxs("span",{className:t["name-line"],children:[e.jsx("span",{className:t.name,children:_}),i&&e.jsx("span",{className:t.extension,children:i})]}),d&&e.jsx("span",{className:t.subtitle,children:d})]})]});return e.jsxs("div",{className:t.file,ref:u,"data-component":"file",children:[r?e.jsx("a",{className:t.action,href:r,onClick:o=>{o.stopPropagation(),s&&(o.preventDefault(),s())},title:n,children:l}):s?e.jsx("button",{"aria-label":n,className:t.action,"data-actionable":"true",onClick:o=>{o.stopPropagation(),s()},title:n,type:"button",children:l}):e.jsx("div",{className:t.action,title:n,children:l}),a&&e.jsx(h.Button,{"aria-label":m??`Delete ${n}`,className:t.delete,onClick:()=>a(),variant:"simple",children:e.jsx(x.Icon,{name:"trash",size:"small",fill:!0})})]})};exports.File=F;
 //# sourceMappingURL=index.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/file/index.tsx"],"sourcesContent":["import { Figure } from '@/components/figure';\nimport { Icon } from '@/components/icon';\nimport type { IconName } from '@/components/icon/icons';\n\nimport styles from './styles.module.css';\n\nconst documentIconNames: Record<string, IconName> = {\n  '.doc': 'document-doc',\n  '.docx': 'document-doc',\n  '.pdf': 'document-pdf',\n  '.ppt': 'document-ppt',\n  '.pptx': 'document-ppt',\n  '.xls': 'document-xls',\n  '.xlsx': 'document-xls',\n};\n\nexport type FileProps = React.ComponentPropsWithRef<'div'> & {\n  deleteAccessibleLabel?: string;\n  name: string;\n  onClick?: () => void;\n  onDelete?: () => void;\n  subtitle?: string;\n  url?: string;\n};\n\nexport const File = ({\n  deleteAccessibleLabel,\n  name,\n  onClick,\n  onDelete,\n  ref,\n  subtitle,\n  url,\n}: FileProps) => {\n  const extensionIndex = name.lastIndexOf('.');\n  const hasExtension = extensionIndex > 0 && extensionIndex < name.length - 1;\n  const fileName = hasExtension ? name.slice(0, extensionIndex) : name;\n  const extension = hasExtension ? name.slice(extensionIndex) : '';\n  const documentIconName = documentIconNames[extension.toLowerCase()] ?? 'document';\n\n  return (\n    <div\n      className={styles.file}\n      ref={ref}\n    >\n      <a\n        href={url}\n        onClick={(e) => {\n          e.stopPropagation();\n\n          if (onClick || !url) {\n            e.preventDefault();\n            onClick?.();\n          }\n        }}\n        title={name}\n      >\n        <Figure>\n          <Icon\n            name={documentIconName}\n            fill\n          />\n        </Figure>\n        <span className={styles.details}>\n          <span className={styles['name-line']}>\n            <span className={styles.name}>{fileName}</span>\n            {extension && <span className={styles.extension}>{extension}</span>}\n          </span>\n          {subtitle && <span className={styles.subtitle}>{subtitle}</span>}\n        </span>\n      </a>\n      {onDelete && (\n        <a\n          aria-label={deleteAccessibleLabel ?? `Delete ${name}`}\n          className={styles.delete}\n          onClick={() => onDelete()}\n          tabIndex={0}\n        >\n          <Icon\n            name='trash'\n            size='small'\n            fill\n          />\n        </a>\n      )}\n    </div>\n  );\n};\n"],"names":["documentIconNames","File","deleteAccessibleLabel","name","onClick","onDelete","ref","subtitle","url","extensionIndex","lastIndexOf","hasExtension","length","fileName","slice","extension","documentIconName","toLowerCase","styles","file","jsxs","e","stopPropagation","preventDefault","jsx","Figure","Icon","details","delete"],"mappings":"8YAMMA,EAA8C,CAClD,OAAQ,eACR,QAAS,eACT,OAAQ,eACR,OAAQ,eACR,QAAS,eACT,OAAQ,eACR,QAAS,cACX,EAWaC,EAAOA,CAAC,CACnBC,sBAAAA,EACAC,KAAAA,EACAC,QAAAA,EACAC,SAAAA,EACAC,IAAAA,EACAC,SAAAA,EACAC,IAAAA,CACS,IAAM,CACf,MAAMC,EAAiBN,EAAKO,YAAY,GAAG,EACrCC,EAAeF,EAAiB,GAAKA,EAAiBN,EAAKS,OAAS,EACpEC,EAAWF,EAAeR,EAAKW,MAAM,EAAGL,CAAc,EAAIN,EAC1DY,EAAYJ,EAAeR,EAAKW,MAAML,CAAc,EAAI,GACxDO,EAAmBhB,EAAkBe,EAAUE,YAAAA,CAAa,GAAK,WAEvE,cACG,MAAA,CACC,UAAWC,EAAOC,KAClB,IAAAb,EAAS,iBAAA,OAET,SAAA,CAAAc,EAAAA,KAAC,IAAA,CACC,KAAMZ,EACN,QAAUa,GAAM,CACdA,EAAEC,gBAAAA,GAEElB,GAAW,CAACI,KACda,EAAEE,eAAAA,EACFnB,GAAAA,MAAAA,IAEJ,EACA,MAAOD,EAEP,SAAA,CAAAqB,EAAAA,IAACC,EAAAA,QACC,SAAAD,EAAAA,IAACE,EAAAA,KAAA,CACC,KAAMV,EACN,KAAI,GAAA,CAAA,CAER,EACAI,EAAAA,KAAC,OAAA,CAAK,UAAWF,EAAOS,QACtB,SAAA,CAAAP,EAAAA,KAAC,OAAA,CAAK,UAAWF,EAAO,WAAW,EACjC,SAAA,CAAAM,EAAAA,IAAC,OAAA,CAAK,UAAWN,EAAOf,KAAOU,SAAAA,EAAS,EACvCE,GAAaS,EAAAA,IAAC,OAAA,CAAK,UAAWN,EAAOH,UAAYA,SAAAA,CAAAA,CAAU,CAAA,EAC9D,EACCR,GAAYiB,EAAAA,IAAC,OAAA,CAAK,UAAWN,EAAOX,SAAWA,SAAAA,CAAAA,CAAS,CAAA,CAAA,CAC3D,CAAA,EACF,EACCF,GACCmB,EAAAA,IAAC,IAAA,CACC,aAAYtB,GAAyB,UAAUC,CAAI,GACnD,UAAWe,EAAOU,OAClB,QAAS,IAAMvB,EAAAA,EACf,SAAU,EAEV,SAAAmB,EAAAA,IAACE,EAAAA,KAAA,CACC,KAAK,QACL,KAAK,QACL,KAAI,EAAA,CAAA,CAAA,CAER,CAAA,EAEJ,CAEJ"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/file/index.tsx"],"sourcesContent":["import { Figure } from '@/components/figure';\nimport { Icon } from '@/components/icon';\nimport type { IconName } from '@/components/icon/icons';\n\nimport { Button } from '../button';\nimport styles from './styles.module.css';\n\nconst documentIconNames: Record<string, IconName> = {\n  '.doc': 'document-doc',\n  '.docx': 'document-doc',\n  '.pdf': 'document-pdf',\n  '.ppt': 'document-ppt',\n  '.pptx': 'document-ppt',\n  '.xls': 'document-xls',\n  '.xlsx': 'document-xls',\n};\n\nexport type FileProps = React.ComponentPropsWithRef<'div'> & {\n  deleteAccessibleLabel?: string;\n  name: string;\n  onClick?: () => void;\n  onDelete?: () => void;\n  subtitle?: string;\n  url?: string;\n};\n\nexport const File = ({\n  deleteAccessibleLabel,\n  name,\n  onClick,\n  onDelete,\n  ref,\n  subtitle,\n  url,\n}: FileProps) => {\n  const extensionIndex = name.lastIndexOf('.');\n  const hasExtension = extensionIndex > 0 && extensionIndex < name.length - 1;\n  const fileName = hasExtension ? name.slice(0, extensionIndex) : name;\n  const extension = hasExtension ? name.slice(extensionIndex) : '';\n  const documentIconName = documentIconNames[extension.toLowerCase()] ?? 'document';\n  const content = (\n    <>\n      <Figure>\n        <Icon\n          name={documentIconName}\n          fill\n        />\n      </Figure>\n      <span className={styles.details}>\n        <span className={styles['name-line']}>\n          <span className={styles.name}>{fileName}</span>\n          {extension && <span className={styles.extension}>{extension}</span>}\n        </span>\n        {subtitle && <span className={styles.subtitle}>{subtitle}</span>}\n      </span>\n    </>\n  );\n\n  return (\n    <div\n      className={styles.file}\n      ref={ref}\n    >\n      {url ? (\n        <a\n          className={styles.action}\n          href={url}\n          onClick={(event) => {\n            event.stopPropagation();\n\n            if (onClick) {\n              event.preventDefault();\n              onClick();\n            }\n          }}\n          title={name}\n        >\n          {content}\n        </a>\n      ) : onClick ? (\n        <button\n          aria-label={name}\n          className={styles.action}\n          data-actionable='true'\n          onClick={(event) => {\n            event.stopPropagation();\n            onClick();\n          }}\n          title={name}\n          type='button'\n        >\n          {content}\n        </button>\n      ) : (\n        <div\n          className={styles.action}\n          title={name}\n        >\n          {content}\n        </div>\n      )}\n      {onDelete && (\n        <Button\n          aria-label={deleteAccessibleLabel ?? `Delete ${name}`}\n          className={styles.delete}\n          onClick={() => onDelete()}\n          variant='simple'\n        >\n          <Icon\n            name='trash'\n            size='small'\n            fill\n          />\n        </Button>\n      )}\n    </div>\n  );\n};\n"],"names":["documentIconNames","File","deleteAccessibleLabel","name","onClick","onDelete","ref","subtitle","url","extensionIndex","lastIndexOf","hasExtension","length","fileName","slice","extension","documentIconName","toLowerCase","content","jsxs","Fragment","jsx","Figure","Icon","styles","details","file","action","event","stopPropagation","preventDefault","Button","delete"],"mappings":"6cAOMA,EAA8C,CAClD,OAAQ,eACR,QAAS,eACT,OAAQ,eACR,OAAQ,eACR,QAAS,eACT,OAAQ,eACR,QAAS,cACX,EAWaC,EAAOA,CAAC,CACnBC,sBAAAA,EACAC,KAAAA,EACAC,QAAAA,EACAC,SAAAA,EACAC,IAAAA,EACAC,SAAAA,EACAC,IAAAA,CACS,IAAM,CACf,MAAMC,EAAiBN,EAAKO,YAAY,GAAG,EACrCC,EAAeF,EAAiB,GAAKA,EAAiBN,EAAKS,OAAS,EACpEC,EAAWF,EAAeR,EAAKW,MAAM,EAAGL,CAAc,EAAIN,EAC1DY,EAAYJ,EAAeR,EAAKW,MAAML,CAAc,EAAI,GACxDO,EAAmBhB,EAAkBe,EAAUE,YAAAA,CAAa,GAAK,WACjEC,EACJC,EAAAA,KAAAC,EAAAA,SAAA,CACE,SAAA,CAAAC,EAAAA,IAACC,EAAAA,QACC,SAAAD,EAAAA,IAACE,EAAAA,KAAA,CACC,KAAMP,EACN,KAAI,GAAA,CAAA,CAER,EACAG,EAAAA,KAAC,OAAA,CAAK,UAAWK,EAAOC,QACtB,SAAA,CAAAN,EAAAA,KAAC,OAAA,CAAK,UAAWK,EAAO,WAAW,EACjC,SAAA,CAAAH,EAAAA,IAAC,OAAA,CAAK,UAAWG,EAAOrB,KAAOU,SAAAA,EAAS,EACvCE,GAAaM,EAAAA,IAAC,OAAA,CAAK,UAAWG,EAAOT,UAAYA,SAAAA,CAAAA,CAAU,CAAA,EAC9D,EACCR,GAAYc,EAAAA,IAAC,OAAA,CAAK,UAAWG,EAAOjB,SAAWA,SAAAA,CAAAA,CAAS,CAAA,CAAA,CAC3D,CAAA,EACF,EAGF,cACG,MAAA,CACC,UAAWiB,EAAOE,KAClB,IAAApB,EAAS,iBAAA,OAERE,SAAAA,CAAAA,EACCa,EAAAA,IAAC,KACC,UAAWG,EAAOG,OAClB,KAAMnB,EACN,QAAUoB,GAAU,CAClBA,EAAMC,gBAAAA,EAEFzB,IACFwB,EAAME,eAAAA,EACN1B,EAAAA,EAEJ,EACA,MAAOD,EAENe,SAAAA,CAAAA,CACH,EACEd,EACFiB,EAAAA,IAAC,SAAA,CACC,aAAYlB,EACZ,UAAWqB,EAAOG,OAClB,kBAAgB,OAChB,QAAUC,GAAU,CAClBA,EAAMC,gBAAAA,EACNzB,EAAAA,CACF,EACA,MAAOD,EACP,KAAK,SAEJe,SAAAA,CAAAA,CACH,EAEAG,EAAAA,IAAC,MAAA,CACC,UAAWG,EAAOG,OAClB,MAAOxB,EAENe,SAAAA,EACH,EAEDb,GACCgB,EAAAA,IAACU,EAAAA,OAAA,CACC,aAAY7B,GAAyB,UAAUC,CAAI,GACnD,UAAWqB,EAAOQ,OAClB,QAAS,IAAM3B,EAAAA,EACf,QAAQ,SAER,SAAAgB,EAAAA,IAACE,EAAAA,KAAA,CACC,KAAK,QACL,KAAK,QACL,KAAI,EAAA,CAAA,CAAA,CAER,CAAA,EAEJ,CAEJ"}

package/dist/components/file/index.js

@@ -1,15 +1,17 @@
-import { jsxs as o, jsx as t } from "react/jsx-runtime";
-import { Figure as h } from "../figure/index.js";
-import { Icon as u } from "../icon/index.js";
-import '../../assets/index45.css';const N = "_file_1ujkv_1", j = "_details_1ujkv_54", v = "_name_1ujkv_61", I = "_extension_1ujkv_73", b = "_subtitle_1ujkv_83", n = {
-  file: N,
-  details: j,
-  "name-line": "_name-line_1ujkv_61",
-  name: v,
-  extension: I,
-  subtitle: b,
-  delete: "_delete_1ujkv_92"
-}, k = {
+import { jsxs as c, jsx as t, Fragment as q } from "react/jsx-runtime";
+import { Figure as N } from "../figure/index.js";
+import { Icon as _ } from "../icon/index.js";
+import { Button as b } from "../button/index.js";
+import '../../assets/index43.css';const g = "_file_qqn4p_1", I = "_action_qqn4p_14", v = "_details_qqn4p_62", F = "_name_qqn4p_69", j = "_extension_qqn4p_81", y = "_subtitle_qqn4p_91", n = {
+  file: g,
+  action: I,
+  delete: "_delete_qqn4p_15",
+  details: v,
+  "name-line": "_name-line_qqn4p_69",
+  name: F,
+  extension: j,
+  subtitle: y
+}, P = {
   ".doc": "document-doc",
   ".docx": "document-doc",
   ".pdf": "document-pdf",
@@ -17,33 +19,35 @@ import '../../assets/index45.css';const N = "_file_1ujkv_1", j = "_details_1ujkv
   ".pptx": "document-ppt",
   ".xls": "document-xls",
   ".xlsx": "document-xls"
-}, y = ({
-  deleteAccessibleLabel: p,
+}, D = ({
+  deleteAccessibleLabel: u,
   name: e,
   onClick: s,
-  onDelete: a,
-  ref: _,
-  subtitle: i,
-  url: d
+  onDelete: d,
+  ref: x,
+  subtitle: p,
+  url: r
 }) => {
-  const l = e.lastIndexOf("."), m = l > 0 && l < e.length - 1, x = m ? e.slice(0, l) : e, c = m ? e.slice(l) : "", f = k[c.toLowerCase()] ?? "document";
-  return /* @__PURE__ */ o("div", { className: n.file, ref: _, "data-component": "file", children: [
-    /* @__PURE__ */ o("a", { href: d, onClick: (r) => {
-      r.stopPropagation(), (s || !d) && (r.preventDefault(), s == null || s());
-    }, title: e, children: [
-      /* @__PURE__ */ t(h, { children: /* @__PURE__ */ t(u, { name: f, fill: !0 }) }),
-      /* @__PURE__ */ o("span", { className: n.details, children: [
-        /* @__PURE__ */ o("span", { className: n["name-line"], children: [
-          /* @__PURE__ */ t("span", { className: n.name, children: x }),
-          c && /* @__PURE__ */ t("span", { className: n.extension, children: c })
-        ] }),
-        i && /* @__PURE__ */ t("span", { className: n.subtitle, children: i })
-      ] })
-    ] }),
-    a && /* @__PURE__ */ t("a", { "aria-label": p ?? `Delete ${e}`, className: n.delete, onClick: () => a(), tabIndex: 0, children: /* @__PURE__ */ t(u, { name: "trash", size: "small", fill: !0 }) })
+  const o = e.lastIndexOf("."), m = o > 0 && o < e.length - 1, f = m ? e.slice(0, o) : e, i = m ? e.slice(o) : "", h = P[i.toLowerCase()] ?? "document", a = /* @__PURE__ */ c(q, { children: [
+    /* @__PURE__ */ t(N, { children: /* @__PURE__ */ t(_, { name: h, fill: !0 }) }),
+    /* @__PURE__ */ c("span", { className: n.details, children: [
+      /* @__PURE__ */ c("span", { className: n["name-line"], children: [
+        /* @__PURE__ */ t("span", { className: n.name, children: f }),
+        i && /* @__PURE__ */ t("span", { className: n.extension, children: i })
+      ] }),
+      p && /* @__PURE__ */ t("span", { className: n.subtitle, children: p })
+    ] })
+  ] });
+  return /* @__PURE__ */ c("div", { className: n.file, ref: x, "data-component": "file", children: [
+    r ? /* @__PURE__ */ t("a", { className: n.action, href: r, onClick: (l) => {
+      l.stopPropagation(), s && (l.preventDefault(), s());
+    }, title: e, children: a }) : s ? /* @__PURE__ */ t("button", { "aria-label": e, className: n.action, "data-actionable": "true", onClick: (l) => {
+      l.stopPropagation(), s();
+    }, title: e, type: "button", children: a }) : /* @__PURE__ */ t("div", { className: n.action, title: e, children: a }),
+    d && /* @__PURE__ */ t(b, { "aria-label": u ?? `Delete ${e}`, className: n.delete, onClick: () => d(), variant: "simple", children: /* @__PURE__ */ t(_, { name: "trash", size: "small", fill: !0 }) })
   ] });
 };
 export {
-  y as File
+  D as File
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/file/index.tsx"],"sourcesContent":["import { Figure } from '@/components/figure';\nimport { Icon } from '@/components/icon';\nimport type { IconName } from '@/components/icon/icons';\n\nimport styles from './styles.module.css';\n\nconst documentIconNames: Record<string, IconName> = {\n  '.doc': 'document-doc',\n  '.docx': 'document-doc',\n  '.pdf': 'document-pdf',\n  '.ppt': 'document-ppt',\n  '.pptx': 'document-ppt',\n  '.xls': 'document-xls',\n  '.xlsx': 'document-xls',\n};\n\nexport type FileProps = React.ComponentPropsWithRef<'div'> & {\n  deleteAccessibleLabel?: string;\n  name: string;\n  onClick?: () => void;\n  onDelete?: () => void;\n  subtitle?: string;\n  url?: string;\n};\n\nexport const File = ({\n  deleteAccessibleLabel,\n  name,\n  onClick,\n  onDelete,\n  ref,\n  subtitle,\n  url,\n}: FileProps) => {\n  const extensionIndex = name.lastIndexOf('.');\n  const hasExtension = extensionIndex > 0 && extensionIndex < name.length - 1;\n  const fileName = hasExtension ? name.slice(0, extensionIndex) : name;\n  const extension = hasExtension ? name.slice(extensionIndex) : '';\n  const documentIconName = documentIconNames[extension.toLowerCase()] ?? 'document';\n\n  return (\n    <div\n      className={styles.file}\n      ref={ref}\n    >\n      <a\n        href={url}\n        onClick={(e) => {\n          e.stopPropagation();\n\n          if (onClick || !url) {\n            e.preventDefault();\n            onClick?.();\n          }\n        }}\n        title={name}\n      >\n        <Figure>\n          <Icon\n            name={documentIconName}\n            fill\n          />\n        </Figure>\n        <span className={styles.details}>\n          <span className={styles['name-line']}>\n            <span className={styles.name}>{fileName}</span>\n            {extension && <span className={styles.extension}>{extension}</span>}\n          </span>\n          {subtitle && <span className={styles.subtitle}>{subtitle}</span>}\n        </span>\n      </a>\n      {onDelete && (\n        <a\n          aria-label={deleteAccessibleLabel ?? `Delete ${name}`}\n          className={styles.delete}\n          onClick={() => onDelete()}\n          tabIndex={0}\n        >\n          <Icon\n            name='trash'\n            size='small'\n            fill\n          />\n        </a>\n      )}\n    </div>\n  );\n};\n"],"names":["documentIconNames","File","deleteAccessibleLabel","name","onClick","onDelete","ref","subtitle","url","extensionIndex","lastIndexOf","hasExtension","length","fileName","slice","extension","documentIconName","toLowerCase","styles","file","jsxs","e","stopPropagation","preventDefault","jsx","Figure","Icon","details","delete"],"mappings":";;;;;;;;;;;GAMMA,IAA8C;AAAA,EAClD,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,SAAS;AACX,GAWaC,IAAOA,CAAC;AAAA,EACnBC,uBAAAA;AAAAA,EACAC,MAAAA;AAAAA,EACAC,SAAAA;AAAAA,EACAC,UAAAA;AAAAA,EACAC,KAAAA;AAAAA,EACAC,UAAAA;AAAAA,EACAC,KAAAA;AACS,MAAM;AACf,QAAMC,IAAiBN,EAAKO,YAAY,GAAG,GACrCC,IAAeF,IAAiB,KAAKA,IAAiBN,EAAKS,SAAS,GACpEC,IAAWF,IAAeR,EAAKW,MAAM,GAAGL,CAAc,IAAIN,GAC1DY,IAAYJ,IAAeR,EAAKW,MAAML,CAAc,IAAI,IACxDO,IAAmBhB,EAAkBe,EAAUE,YAAAA,CAAa,KAAK;AAEvE,2BACG,OAAA,EACC,WAAWC,EAAOC,MAClB,KAAAb,GAAS,kBAAA,QAET,UAAA;AAAA,IAAA,gBAAAc,EAAC,KAAA,EACC,MAAMZ,GACN,SAAUa,CAAAA,MAAM;AACdA,MAAAA,EAAEC,gBAAAA,IAEElB,KAAW,CAACI,OACda,EAAEE,eAAAA,GACFnB,KAAAA,QAAAA;AAAAA,IAEJ,GACA,OAAOD,GAEP,UAAA;AAAA,MAAA,gBAAAqB,EAACC,KACC,UAAA,gBAAAD,EAACE,GAAA,EACC,MAAMV,GACN,MAAI,IAAA,EAAA,CAER;AAAA,MACA,gBAAAI,EAAC,QAAA,EAAK,WAAWF,EAAOS,SACtB,UAAA;AAAA,QAAA,gBAAAP,EAAC,QAAA,EAAK,WAAWF,EAAO,WAAW,GACjC,UAAA;AAAA,UAAA,gBAAAM,EAAC,QAAA,EAAK,WAAWN,EAAOf,MAAOU,UAAAA,GAAS;AAAA,UACvCE,KAAa,gBAAAS,EAAC,QAAA,EAAK,WAAWN,EAAOH,WAAYA,UAAAA,EAAAA,CAAU;AAAA,QAAA,GAC9D;AAAA,QACCR,KAAY,gBAAAiB,EAAC,QAAA,EAAK,WAAWN,EAAOX,UAAWA,UAAAA,EAAAA,CAAS;AAAA,MAAA,EAAA,CAC3D;AAAA,IAAA,GACF;AAAA,IACCF,KACC,gBAAAmB,EAAC,KAAA,EACC,cAAYtB,KAAyB,UAAUC,CAAI,IACnD,WAAWe,EAAOU,QAClB,SAAS,MAAMvB,EAAAA,GACf,UAAU,GAEV,UAAA,gBAAAmB,EAACE,GAAA,EACC,MAAK,SACL,MAAK,SACL,MAAI,GAAA,CAAA,EAAA,CAER;AAAA,EAAA,GAEJ;AAEJ;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/file/index.tsx"],"sourcesContent":["import { Figure } from '@/components/figure';\nimport { Icon } from '@/components/icon';\nimport type { IconName } from '@/components/icon/icons';\n\nimport { Button } from '../button';\nimport styles from './styles.module.css';\n\nconst documentIconNames: Record<string, IconName> = {\n  '.doc': 'document-doc',\n  '.docx': 'document-doc',\n  '.pdf': 'document-pdf',\n  '.ppt': 'document-ppt',\n  '.pptx': 'document-ppt',\n  '.xls': 'document-xls',\n  '.xlsx': 'document-xls',\n};\n\nexport type FileProps = React.ComponentPropsWithRef<'div'> & {\n  deleteAccessibleLabel?: string;\n  name: string;\n  onClick?: () => void;\n  onDelete?: () => void;\n  subtitle?: string;\n  url?: string;\n};\n\nexport const File = ({\n  deleteAccessibleLabel,\n  name,\n  onClick,\n  onDelete,\n  ref,\n  subtitle,\n  url,\n}: FileProps) => {\n  const extensionIndex = name.lastIndexOf('.');\n  const hasExtension = extensionIndex > 0 && extensionIndex < name.length - 1;\n  const fileName = hasExtension ? name.slice(0, extensionIndex) : name;\n  const extension = hasExtension ? name.slice(extensionIndex) : '';\n  const documentIconName = documentIconNames[extension.toLowerCase()] ?? 'document';\n  const content = (\n    <>\n      <Figure>\n        <Icon\n          name={documentIconName}\n          fill\n        />\n      </Figure>\n      <span className={styles.details}>\n        <span className={styles['name-line']}>\n          <span className={styles.name}>{fileName}</span>\n          {extension && <span className={styles.extension}>{extension}</span>}\n        </span>\n        {subtitle && <span className={styles.subtitle}>{subtitle}</span>}\n      </span>\n    </>\n  );\n\n  return (\n    <div\n      className={styles.file}\n      ref={ref}\n    >\n      {url ? (\n        <a\n          className={styles.action}\n          href={url}\n          onClick={(event) => {\n            event.stopPropagation();\n\n            if (onClick) {\n              event.preventDefault();\n              onClick();\n            }\n          }}\n          title={name}\n        >\n          {content}\n        </a>\n      ) : onClick ? (\n        <button\n          aria-label={name}\n          className={styles.action}\n          data-actionable='true'\n          onClick={(event) => {\n            event.stopPropagation();\n            onClick();\n          }}\n          title={name}\n          type='button'\n        >\n          {content}\n        </button>\n      ) : (\n        <div\n          className={styles.action}\n          title={name}\n        >\n          {content}\n        </div>\n      )}\n      {onDelete && (\n        <Button\n          aria-label={deleteAccessibleLabel ?? `Delete ${name}`}\n          className={styles.delete}\n          onClick={() => onDelete()}\n          variant='simple'\n        >\n          <Icon\n            name='trash'\n            size='small'\n            fill\n          />\n        </Button>\n      )}\n    </div>\n  );\n};\n"],"names":["documentIconNames","File","deleteAccessibleLabel","name","onClick","onDelete","ref","subtitle","url","extensionIndex","lastIndexOf","hasExtension","length","fileName","slice","extension","documentIconName","toLowerCase","content","jsxs","Fragment","jsx","Figure","Icon","styles","details","file","action","event","stopPropagation","preventDefault","Button","delete"],"mappings":";;;;;;;;;;;;;GAOMA,IAA8C;AAAA,EAClD,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,SAAS;AACX,GAWaC,IAAOA,CAAC;AAAA,EACnBC,uBAAAA;AAAAA,EACAC,MAAAA;AAAAA,EACAC,SAAAA;AAAAA,EACAC,UAAAA;AAAAA,EACAC,KAAAA;AAAAA,EACAC,UAAAA;AAAAA,EACAC,KAAAA;AACS,MAAM;AACf,QAAMC,IAAiBN,EAAKO,YAAY,GAAG,GACrCC,IAAeF,IAAiB,KAAKA,IAAiBN,EAAKS,SAAS,GACpEC,IAAWF,IAAeR,EAAKW,MAAM,GAAGL,CAAc,IAAIN,GAC1DY,IAAYJ,IAAeR,EAAKW,MAAML,CAAc,IAAI,IACxDO,IAAmBhB,EAAkBe,EAAUE,YAAAA,CAAa,KAAK,YACjEC,IACJ,gBAAAC,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAC,EAACC,KACC,UAAA,gBAAAD,EAACE,GAAA,EACC,MAAMP,GACN,MAAI,IAAA,EAAA,CAER;AAAA,IACA,gBAAAG,EAAC,QAAA,EAAK,WAAWK,EAAOC,SACtB,UAAA;AAAA,MAAA,gBAAAN,EAAC,QAAA,EAAK,WAAWK,EAAO,WAAW,GACjC,UAAA;AAAA,QAAA,gBAAAH,EAAC,QAAA,EAAK,WAAWG,EAAOrB,MAAOU,UAAAA,GAAS;AAAA,QACvCE,KAAa,gBAAAM,EAAC,QAAA,EAAK,WAAWG,EAAOT,WAAYA,UAAAA,EAAAA,CAAU;AAAA,MAAA,GAC9D;AAAA,MACCR,KAAY,gBAAAc,EAAC,QAAA,EAAK,WAAWG,EAAOjB,UAAWA,UAAAA,EAAAA,CAAS;AAAA,IAAA,EAAA,CAC3D;AAAA,EAAA,GACF;AAGF,2BACG,OAAA,EACC,WAAWiB,EAAOE,MAClB,KAAApB,GAAS,kBAAA,QAERE,UAAAA;AAAAA,IAAAA,IACC,gBAAAa,EAAC,OACC,WAAWG,EAAOG,QAClB,MAAMnB,GACN,SAAUoB,CAAAA,MAAU;AAClBA,MAAAA,EAAMC,gBAAAA,GAEFzB,MACFwB,EAAME,eAAAA,GACN1B,EAAAA;AAAAA,IAEJ,GACA,OAAOD,GAENe,UAAAA,EAAAA,CACH,IACEd,IACF,gBAAAiB,EAAC,UAAA,EACC,cAAYlB,GACZ,WAAWqB,EAAOG,QAClB,mBAAgB,QAChB,SAAUC,CAAAA,MAAU;AAClBA,MAAAA,EAAMC,gBAAAA,GACNzB,EAAAA;AAAAA,IACF,GACA,OAAOD,GACP,MAAK,UAEJe,UAAAA,EAAAA,CACH,IAEA,gBAAAG,EAAC,OAAA,EACC,WAAWG,EAAOG,QAClB,OAAOxB,GAENe,UAAAA,GACH;AAAA,IAEDb,KACC,gBAAAgB,EAACU,GAAA,EACC,cAAY7B,KAAyB,UAAUC,CAAI,IACnD,WAAWqB,EAAOQ,QAClB,SAAS,MAAM3B,EAAAA,GACf,SAAQ,UAER,UAAA,gBAAAgB,EAACE,GAAA,EACC,MAAK,SACL,MAAK,SACL,MAAI,GAAA,CAAA,EAAA,CAER;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/components/footer/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index24.css');const r=require("react/jsx-runtime"),n="_footer_c518c_1",s={footer:n},a=({animation:t,children:o,...e})=>r.jsx("footer",{className:s.footer,"data-animation":t,...e,"data-component":"footer",children:o&&o});exports.Footer=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index22.css');const r=require("react/jsx-runtime"),n="_footer_c518c_1",s={footer:n},a=({animation:t,children:o,...e})=>r.jsx("footer",{className:s.footer,"data-animation":t,...e,"data-component":"footer",children:o&&o});exports.Footer=a;
 //# sourceMappingURL=index.cjs.map

package/dist/components/footer/index.js

@@ -1,5 +1,5 @@
 import { jsx as r } from "react/jsx-runtime";
-import '../../assets/index24.css';const a = "_footer_c518c_1", n = {
+import '../../assets/index22.css';const a = "_footer_c518c_1", n = {
   footer: a
 }, c = ({
   animation: t,

package/dist/components/form/index.cjs

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

package/dist/components/form/index.js

@@ -1,6 +1,6 @@
 import { jsx as n } from "react/jsx-runtime";
 import { t as s } from "../../classix-DG18itHa.js";
-import '../../assets/index23.css';const a = "_form_zn9g2_1", i = "_fill_zn9g2_45", m = {
+import '../../assets/index21.css';const a = "_form_zn9g2_1", i = "_fill_zn9g2_45", m = {
   form: a,
   fill: i
 }, _ = ({

package/dist/components/graph/index.cjs

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

package/dist/components/graph/index.js

@@ -1,7 +1,7 @@
 import { jsxs as s, jsx as l } from "react/jsx-runtime";
 import { t as N } from "../../classix-DG18itHa.js";
 import { Loading as v } from "../loading/index.js";
-import '../../assets/index22.css';const f = "_graph_1web1_11", x = "_plot_1web1_20", k = "_item_1web1_34", V = "_column_1web1_40", y = "_value_1web1_48", M = "_track_1web1_58", j = "_bar_1web1_65", S = "_label_1web1_87", a = {
+import '../../assets/index20.css';const f = "_graph_1web1_11", x = "_plot_1web1_20", k = "_item_1web1_34", V = "_column_1web1_40", y = "_value_1web1_48", M = "_track_1web1_58", j = "_bar_1web1_65", S = "_label_1web1_87", a = {
   graph: f,
   plot: x,
   item: k,

package/dist/components/group/index.cjs

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

package/dist/components/group/index.js

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

package/dist/components/header/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index20.css');const o=require("react/jsx-runtime"),r=require("../../classix-5H4IWnMA.cjs"),n="_header_17kn9_1",c="_capitalize_17kn9_80",i="_jumbo_17kn9_92",e={header:n,capitalize:c,jumbo:i},u={default:e.default,jumbo:e.jumbo},d=({capitalize:a=!1,children:t,variant:s="default"})=>o.jsx("header",{className:r.t(e.header,u[s],a&&e.capitalize),"data-component":"header",children:t});exports.Header=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index18.css');const s=require("react/jsx-runtime"),o=require("../../classix-5H4IWnMA.cjs"),u="_header_1urra_1",c="_capitalize_1urra_79",i="_jumbo_1urra_91",e={header:u,capitalize:c,jumbo:i},n={default:e.default,jumbo:e.jumbo},d=({capitalize:a=!1,children:t,variant:r="default"})=>s.jsx("header",{className:o.t(e.header,n[r],a&&e.capitalize),"data-component":"header",children:t});exports.Header=d;
 //# sourceMappingURL=index.cjs.map

package/dist/components/header/index.js

@@ -1,18 +1,18 @@
-import { jsx as r } from "react/jsx-runtime";
-import { t as n } from "../../classix-DG18itHa.js";
-import '../../assets/index20.css';const s = "_header_17kn9_1", c = "_capitalize_17kn9_80", d = "_jumbo_17kn9_92", e = {
-  header: s,
-  capitalize: c,
+import { jsx as o } from "react/jsx-runtime";
+import { t as s } from "../../classix-DG18itHa.js";
+import '../../assets/index18.css';const c = "_header_1urra_1", u = "_capitalize_1urra_79", d = "_jumbo_1urra_91", a = {
+  header: c,
+  capitalize: u,
   jumbo: d
 }, i = {
-  default: e.default,
-  jumbo: e.jumbo
-}, u = ({
-  capitalize: a = !1,
+  default: a.default,
+  jumbo: a.jumbo
+}, n = ({
+  capitalize: e = !1,
   children: t,
-  variant: o = "default"
-}) => /* @__PURE__ */ r("header", { className: n(e.header, i[o], a && e.capitalize), "data-component": "header", children: t });
+  variant: r = "default"
+}) => /* @__PURE__ */ o("header", { className: s(a.header, i[r], e && a.capitalize), "data-component": "header", children: t });
 export {
-  u as Header
+  n 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/index46.css');const m=require("react/jsx-runtime"),r=require("../../classix-5H4IWnMA.cjs"),t=require("../../icons-ovA21Oao.cjs"),l="_icon_ihnm9_1",_="_small_ihnm9_10",g="_medium_ihnm9_15",d="_large_ihnm9_20",u="_danger_ihnm9_25",n={icon:l,small:_,medium:g,large:d,danger:u,"gap-right":"_gap-right_ihnm9_29","gap-left":"_gap-left_ihnm9_33"},h={large:n.large,medium:n.medium,small:n.small},p={danger:n.danger},y=({fill:i,gap:e="none",name:o,size:a="medium",variant:s})=>{const c={maskImage:t.iconSVG(o,i??!1)};return m.jsx("span",{"aria-hidden":"true",className:r.t(e!=="none"&&n[`gap-${e}`],h[a],n.icon,s&&p[s]),style:c,"data-component":"icon"})},I=()=>Object.keys(t.iconPaths);exports.Icon=y;exports.Icons=I;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index44.css');const m=require("react/jsx-runtime"),r=require("../../classix-5H4IWnMA.cjs"),t=require("../../icons-DaZGJzI0.cjs"),l="_icon_ihnm9_1",_="_small_ihnm9_10",g="_medium_ihnm9_15",d="_large_ihnm9_20",u="_danger_ihnm9_25",n={icon:l,small:_,medium:g,large:d,danger:u,"gap-right":"_gap-right_ihnm9_29","gap-left":"_gap-left_ihnm9_33"},h={large:n.large,medium:n.medium,small:n.small},p={danger:n.danger},y=({fill:i,gap:e="none",name:o,size:a="medium",variant:s})=>{const c={maskImage:t.iconSVG(o,i??!1)};return m.jsx("span",{"aria-hidden":"true",className:r.t(e!=="none"&&n[`gap-${e}`],h[a],n.icon,s&&p[s]),style:c,"data-component":"icon"})},I=()=>Object.keys(t.iconPaths);exports.Icon=y;exports.Icons=I;
 //# sourceMappingURL=index.cjs.map

package/dist/components/icon/index.js

@@ -1,7 +1,7 @@
 import { jsx as t } from "react/jsx-runtime";
 import { t as r } from "../../classix-DG18itHa.js";
-import { i as c, a as l } from "../../icons-Bq3diTRm.js";
-import '../../assets/index46.css';const _ = "_icon_ihnm9_1", g = "_small_ihnm9_10", d = "_medium_ihnm9_15", h = "_large_ihnm9_20", p = "_danger_ihnm9_25", n = {
+import { i as c, a as l } from "../../icons-Dj0vEOCB.js";
+import '../../assets/index44.css';const _ = "_icon_ihnm9_1", g = "_small_ihnm9_10", d = "_medium_ihnm9_15", h = "_large_ihnm9_20", p = "_danger_ihnm9_25", n = {
   icon: _,
   small: g,
   medium: d,

package/dist/components/iframe/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index19.css');const r=require("react/jsx-runtime"),S=require("../../classix-5H4IWnMA.cjs"),s=require("react"),A=require("../button/index.cjs"),N=require("../controls/index.cjs"),z=require("../dialog/index.cjs"),G=require("../header/index.cjs"),R="_wrapper_29z62_1",V="_toolbar_29z62_6",$="_iframe_29z62_12",a={wrapper:R,toolbar:V,iframe:$,"fullscreen-iframe":"_fullscreen-iframe_29z62_18"},d=120,L=12e3,X=8,J=({accessibleLabel:f,autoResize:l=!1,className:v,closeFullscreenLabel:F="Close fullscreen",fullscreenLabel:I="View in fullscreen",hasFullscreenView:O=!0,loading:b="lazy",onLoad:h,referrerPolicy:H="no-referrer",sandbox:y="",srcDoc:w,style:E,...j})=>{const _=s.useRef(null),c=s.useRef(null),i=s.useRef(null),[k,M]=s.useState(d),[T,p]=s.useState(!1),g=s.useCallback(()=>{c.current!==null&&(window.cancelAnimationFrame(c.current),c.current=null),i.current!==null&&(window.clearTimeout(i.current),i.current=null)},[]),x=s.useCallback(()=>{if(!l)return;const t=_.current,e=t==null?void 0:t.contentDocument;if(!t||!e)return;const m=t.style.height;try{t.style.height=`${d}px`;const o=e.querySelector("[data-iframe-content]")??e.body,u=o.getBoundingClientRect(),{body:q,documentElement:C}=e,B=Math.min(Math.max(Math.ceil(Math.max(o.scrollHeight,o.offsetHeight,u.height,q.scrollHeight,q.offsetHeight,C.scrollHeight,C.offsetHeight)+X),d),L);M(B)}catch{}finally{t.style.height=m}},[l]),n=s.useCallback(()=>{!l||c.current!==null||(c.current=window.requestAnimationFrame(()=>{c.current=null,x(),i.current!==null&&window.clearTimeout(i.current),i.current=window.setTimeout(()=>{i.current=null,x()},250)}))},[l,x]),U=t=>{var m,o;n();const e=(m=_.current)==null?void 0:m.contentDocument;Array.from((e==null?void 0:e.images)??[]).forEach(u=>{u.complete||(u.addEventListener("load",n,{once:!0}),u.addEventListener("error",n,{once:!0}))}),(o=e==null?void 0:e.fonts)==null||o.ready.then(n).catch(()=>{}),h==null||h(t)};return s.useEffect(()=>{if(l)return g(),M(d),n(),g},[l,g,n,w]),s.useEffect(()=>{var t;if(l)return window.addEventListener("resize",n),(t=window.visualViewport)==null||t.addEventListener("resize",n),()=>{var e;window.removeEventListener("resize",n),(e=window.visualViewport)==null||e.removeEventListener("resize",n)}},[l,n]),r.jsxs("div",{className:a.wrapper,"data-component":"iframe",children:[O&&r.jsx("div",{className:a.toolbar,children:r.jsx(A.Button,{"aria-expanded":T,"aria-haspopup":"dialog",onClick:()=>p(!0),variant:"tertiary",children:I})}),r.jsx("iframe",{...j,className:S.t(a.iframe,v),loading:b,onLoad:U,ref:_,referrerPolicy:H,sandbox:y,srcDoc:w,style:l?{...E,height:k,minHeight:d}:E,title:f}),T&&r.jsx(z.Dialog,{"aria-label":`${f} fullscreen`,controls:r.jsx(N.Controls,{children:r.jsx(A.Button,{onClick:()=>p(!1),children:F})}),fullscreen:!0,header:r.jsx(G.Header,{children:r.jsx("h2",{children:f})}),open:!0,setOpen:p,children:r.jsx("iframe",{...j,className:S.t(a.iframe,a["fullscreen-iframe"],v),loading:"eager",referrerPolicy:H,sandbox:y,srcDoc:w,title:`${f} fullscreen`})})]})};exports.Iframe=J;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index17.css');const r=require("react/jsx-runtime"),S=require("../../classix-5H4IWnMA.cjs"),s=require("react"),A=require("../button/index.cjs"),N=require("../controls/index.cjs"),z=require("../dialog/index.cjs"),G=require("../header/index.cjs"),R="_wrapper_29z62_1",V="_toolbar_29z62_6",$="_iframe_29z62_12",a={wrapper:R,toolbar:V,iframe:$,"fullscreen-iframe":"_fullscreen-iframe_29z62_18"},d=120,L=12e3,X=8,J=({accessibleLabel:f,autoResize:l=!1,className:v,closeFullscreenLabel:F="Close fullscreen",fullscreenLabel:I="View in fullscreen",hasFullscreenView:O=!0,loading:b="lazy",onLoad:h,referrerPolicy:H="no-referrer",sandbox:y="",srcDoc:w,style:E,...j})=>{const _=s.useRef(null),c=s.useRef(null),i=s.useRef(null),[k,M]=s.useState(d),[T,p]=s.useState(!1),g=s.useCallback(()=>{c.current!==null&&(window.cancelAnimationFrame(c.current),c.current=null),i.current!==null&&(window.clearTimeout(i.current),i.current=null)},[]),x=s.useCallback(()=>{if(!l)return;const t=_.current,e=t==null?void 0:t.contentDocument;if(!t||!e)return;const m=t.style.height;try{t.style.height=`${d}px`;const o=e.querySelector("[data-iframe-content]")??e.body,u=o.getBoundingClientRect(),{body:q,documentElement:C}=e,B=Math.min(Math.max(Math.ceil(Math.max(o.scrollHeight,o.offsetHeight,u.height,q.scrollHeight,q.offsetHeight,C.scrollHeight,C.offsetHeight)+X),d),L);M(B)}catch{}finally{t.style.height=m}},[l]),n=s.useCallback(()=>{!l||c.current!==null||(c.current=window.requestAnimationFrame(()=>{c.current=null,x(),i.current!==null&&window.clearTimeout(i.current),i.current=window.setTimeout(()=>{i.current=null,x()},250)}))},[l,x]),U=t=>{var m,o;n();const e=(m=_.current)==null?void 0:m.contentDocument;Array.from((e==null?void 0:e.images)??[]).forEach(u=>{u.complete||(u.addEventListener("load",n,{once:!0}),u.addEventListener("error",n,{once:!0}))}),(o=e==null?void 0:e.fonts)==null||o.ready.then(n).catch(()=>{}),h==null||h(t)};return s.useEffect(()=>{if(l)return g(),M(d),n(),g},[l,g,n,w]),s.useEffect(()=>{var t;if(l)return window.addEventListener("resize",n),(t=window.visualViewport)==null||t.addEventListener("resize",n),()=>{var e;window.removeEventListener("resize",n),(e=window.visualViewport)==null||e.removeEventListener("resize",n)}},[l,n]),r.jsxs("div",{className:a.wrapper,"data-component":"iframe",children:[O&&r.jsx("div",{className:a.toolbar,children:r.jsx(A.Button,{"aria-expanded":T,"aria-haspopup":"dialog",onClick:()=>p(!0),variant:"tertiary",children:I})}),r.jsx("iframe",{...j,className:S.t(a.iframe,v),loading:b,onLoad:U,ref:_,referrerPolicy:H,sandbox:y,srcDoc:w,style:l?{...E,height:k,minHeight:d}:E,title:f}),T&&r.jsx(z.Dialog,{"aria-label":`${f} fullscreen`,controls:r.jsx(N.Controls,{children:r.jsx(A.Button,{onClick:()=>p(!1),children:F})}),fullscreen:!0,header:r.jsx(G.Header,{children:r.jsx("h2",{children:f})}),open:!0,setOpen:p,children:r.jsx("iframe",{...j,className:S.t(a.iframe,a["fullscreen-iframe"],v),loading:"eager",referrerPolicy:H,sandbox:y,srcDoc:w,title:`${f} fullscreen`})})]})};exports.Iframe=J;
 //# sourceMappingURL=index.cjs.map

package/dist/components/iframe/index.js

@@ -5,7 +5,7 @@ import { Button as N } from "../button/index.js";
 import { Controls as b } from "../controls/index.js";
 import { Dialog as L } from "../dialog/index.js";
 import { Header as X } from "../header/index.js";
-import '../../assets/index19.css';const J = "_wrapper_29z62_1", K = "_toolbar_29z62_6", Q = "_iframe_29z62_12", a = {
+import '../../assets/index17.css';const J = "_wrapper_29z62_1", K = "_toolbar_29z62_6", Q = "_iframe_29z62_12", a = {
   wrapper: J,
   toolbar: K,
   iframe: Q,

package/dist/components/image/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index18.css');const d=require("react/jsx-runtime"),c=require("react"),o="_image_14j8z_1",y={image:o};function S({fadeDurationMs:n=250,showOnError:r=!0,onLoad:a,onError:i,style:l,...t}){const u=c.useRef(null),[m,s]=c.useState(!1);c.useEffect(()=>{s(!1)},[t.src,t.srcSet]),c.useEffect(()=>{const e=u.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),i==null||i(e)};return d.jsx("img",{...t,className:y.image,onLoad:f,onError:g,ref:u,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/index16.css');const d=require("react/jsx-runtime"),c=require("react"),o="_image_14j8z_1",y={image:o};function S({fadeDurationMs:n=250,showOnError:r=!0,onLoad:a,onError:i,style:l,...t}){const u=c.useRef(null),[m,s]=c.useState(!1);c.useEffect(()=>{s(!1)},[t.src,t.srcSet]),c.useEffect(()=>{const e=u.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),i==null||i(e)};return d.jsx("img",{...t,className:y.image,onLoad:f,onError:g,ref:u,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/index18.css';const y = "_image_14j8z_1", S = {
+import '../../assets/index16.css';const y = "_image_14j8z_1", S = {
   image: y
 };
 function x({

package/dist/components/input/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("../../classix-5H4IWnMA.cjs");require("react");require("../../icons-ovA21Oao.cjs");const e=require("../../index-BcY9DZZ8.cjs");require("../../use-touched-D_TJ8wDc.cjs");exports.Input=e.Input;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("../../classix-5H4IWnMA.cjs");require("react");require("../../icons-DaZGJzI0.cjs");require("../../use-touched-Bq5Gjbpz.cjs");const e=require("../../index-DF8JisYI.cjs");exports.Input=e.Input;
 //# sourceMappingURL=index.cjs.map

package/dist/components/input/index.js

@@ -1,9 +1,9 @@
 import "react/jsx-runtime";
 import "../../classix-DG18itHa.js";
 import "react";
-import "../../icons-Bq3diTRm.js";
-import { I as a } from "../../index-ClZkChEh.js";
-import "../../use-touched-DXIJVVzz.js";
+import "../../icons-Dj0vEOCB.js";
+import "../../use-touched-B999bBr8.js";
+import { I as a } from "../../index-DE2nzqL5.js";
 export {
   a as Input
 };

package/dist/components/link/index.cjs

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

package/dist/components/link/index.js

@@ -1,6 +1,6 @@
 import { jsx as o } from "react/jsx-runtime";
 import { t as _ } from "../../classix-DG18itHa.js";
-import '../../assets/index48.css';const s = "_link_xhd9q_1", l = "_primary_xhd9q_7", e = "_danger_xhd9q_13", c = "_minimal_xhd9q_21", n = {
+import '../../assets/index46.css';const s = "_link_xhd9q_1", l = "_primary_xhd9q_7", e = "_danger_xhd9q_13", c = "_minimal_xhd9q_21", n = {
   link: s,
   primary: l,
   danger: e,

package/dist/components/list/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index49.css');const r=require("react/jsx-runtime"),j=require("../../classix-5H4IWnMA.cjs"),l=require("react");function E(n){return l.isValidElement(n)&&n.type===l.Fragment}function x(n,s=[]){return l.Children.forEach(n,e=>{E(e)?x(e.props.children,s):s.push(e)}),s}function h(n,{wrapper:s="li"}={}){return x(n).filter(t=>t!==null).map((t,c)=>{if(l.isValidElement(t)&&t.type===s)return t;const a=l.isValidElement(t)&&t.key!=null?t.key:c;return l.createElement(s,{key:a},t)})}const N="_controls_1lnsr_1",d="_horizontal_1lnsr_6",g="_list_1lnsr_17",p="_columns_1lnsr_58",o={controls:N,horizontal:d,list:g,columns:p};function z({children:n,className:s,columns:e=1,controls:i,horizontal:t,ordered:c,style:a,...u}){const m=Number.isFinite(e)?Math.max(1,Math.floor(e)):1,f=j.t(s,o.list,m>1&&o.columns,t&&o.horizontal),_={...a,"--list-columns":m},y=c?r.jsx("ol",{className:f,style:_,...u,children:h(n)}):r.jsx("ul",{className:f,style:_,...u,children:h(n)});return i==null?y:r.jsxs(r.Fragment,{children:[r.jsx("div",{className:o.controls,children:i}),y]})}exports.List=z;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index47.css');const r=require("react/jsx-runtime"),g=require("../../classix-5H4IWnMA.cjs"),l=require("react");function p(t){return l.isValidElement(t)&&t.type===l.Fragment}function E(t,n=[]){return l.Children.forEach(t,e=>{p(e)?E(e.props.children,n):n.push(e)}),n}function x(t,{wrapper:n="li"}={}){return E(t).filter(s=>s!==null).map((s,a)=>{if(l.isValidElement(s)&&s.type===n)return s;const o=l.isValidElement(s)&&s.key!=null?s.key:a;return l.createElement(n,{key:o},s)})}const d="_controls_1lnsr_1",z="_horizontal_1lnsr_6",F="_list_1lnsr_17",V="_columns_1lnsr_58",c={controls:d,horizontal:z,list:F,columns:V},j=(t,n)=>{typeof t=="function"?t(n):t&&(t.current=n)};function b({children:t,className:n,columns:e=1,controls:i,horizontal:s,ordered:a,ref:o,style:N,...m}){const f=Number.isFinite(e)?Math.max(1,Math.floor(e)):1,_=g.t(n,c.list,f>1&&c.columns,s&&c.horizontal),y={...N,"--list-columns":f},h=a?r.jsx("ol",{className:_,ref:u=>j(o,u),style:y,...m,children:x(t)}):r.jsx("ul",{className:_,ref:u=>j(o,u),style:y,...m,children:x(t)});return i==null?h:r.jsxs(r.Fragment,{children:[r.jsx("div",{className:c.controls,children:i}),h]})}exports.List=b;
 //# sourceMappingURL=index.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/lib/wrap-children.tsx","../../../src/components/list/index.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  const filterNull = flat.filter((child) => child !== null);\n\n  return filterNull.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","import cx from 'classix';\n\nimport { wrapChildren } from '@/lib/wrap-children';\n\nimport styles from './styles.module.css';\n\nexport type ListProps = React.ComponentPropsWithoutRef<'ul'> & {\n  columns?: number;\n  controls?: React.ReactNode;\n  horizontal?: boolean;\n  ordered?: boolean;\n};\n\nexport function List({\n  children,\n  className,\n  columns = 1,\n  controls,\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  const list = 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  if (controls === undefined || controls === null) return list;\n\n  return (\n    <>\n      <div className={styles.controls}>{controls}</div>\n      {list}\n    </>\n  );\n}\n"],"names":["isFragmentElement","node","React","isValidElement","type","Fragment","flattenChildren","children","out","Children","forEach","child","props","push","wrapChildren","wrapper","filter","map","i","key","createElement","List","className","columns","controls","horizontal","ordered","style","cols","Number","isFinite","Math","max","floor","classes","cx","styles","list","withVars","jsx","jsxs"],"mappings":"gLAMA,SAASA,EACPC,EAC4D,CAC5D,OAAOC,EAAMC,eAAeF,CAAI,GAAKA,EAAKG,OAASF,EAAMG,QAC3D,CAEA,SAASC,EAAgBC,EAA2BC,EAAyB,GAAI,CAC/EN,OAAAA,EAAMO,SAASC,QAAQH,EAAWI,GAAU,CACtCX,EAAkBW,CAAK,EACzBL,EAAgBK,EAAMC,MAAML,SAAUC,CAAG,EAEzCA,EAAIK,KAAKF,CAAK,CAElB,CAAC,EACMH,CACT,CAEO,SAASM,EACdP,EACA,CAAEQ,QAAAA,EAAU,IAA0B,EAAI,GAC1C,CAKA,OAJaT,EAAgBC,CAAQ,EAEbS,OAAQL,GAAUA,IAAU,IAAI,EAEtCM,IAAI,CAACN,EAAOO,IAAM,CAClC,GAAIhB,EAAMC,eAAeQ,CAAK,GAAKA,EAAMP,OAASW,EAChD,OAAOJ,EAGT,MAAMQ,EAAMjB,EAAMC,eAAeQ,CAAK,GAAKA,EAAMQ,KAAO,KAAOR,EAAMQ,IAAMD,EAE3E,OAAOhB,EAAMkB,cAAcL,EAAS,CAAEI,IAAAA,CAAAA,EAAOR,CAAK,CACpD,CAAC,CACH,2IC3BO,SAASU,EAAK,CACnBd,SAAAA,EACAe,UAAAA,EACAC,QAAAA,EAAU,EACVC,SAAAA,EACAC,WAAAA,EACAC,QAAAA,EACAC,MAAAA,EACA,GAAGf,CACM,EAAG,CACZ,MAAMgB,EAAOC,OAAOC,SAASP,CAAO,EAAIQ,KAAKC,IAAI,EAAGD,KAAKE,MAAMV,CAAO,CAAC,EAAI,EAErEW,EAAUC,EAAAA,EACdb,EACAc,EAAOC,KACPT,EAAO,GAAKQ,EAAOb,QACnBE,GAAcW,EAAOX,UACvB,EAMMa,EAAqB,CACzB,GAAGX,EACH,iBAAkBC,CAAAA,EAGdS,EAAOX,EACXa,MAAC,KAAA,CACC,UAAWL,EACX,MAAOI,EACP,GAAI1B,EAEHE,SAAAA,EAAaP,CAAQ,EACxB,EAEAgC,EAAAA,IAAC,KAAA,CACC,UAAWL,EACX,MAAOI,EACP,GAAI1B,EAEHE,SAAAA,EAAaP,CAAQ,CAAA,CACxB,EAGF,OAA8BiB,GAAa,KAAaa,EAGtDG,EAAAA,KAAAnC,WAAA,CACE,SAAA,CAAAkC,EAAAA,IAAC,MAAA,CAAI,UAAWH,EAAOZ,SAAWA,SAAAA,EAAS,EAC1Ca,CAAAA,EACH,CAEJ"}
+{"version":3,"file":"index.cjs","sources":["../../../src/lib/wrap-children.tsx","../../../src/components/list/index.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  const filterNull = flat.filter((child) => child !== null);\n\n  return filterNull.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","import cx from 'classix';\n\nimport { wrapChildren } from '@/lib/wrap-children';\n\nimport styles from './styles.module.css';\n\ntype ListElement = HTMLUListElement | HTMLOListElement;\n\nconst setListRef = (ref: React.Ref<ListElement> | undefined, node: ListElement | null) => {\n  if (typeof ref === 'function') ref(node);\n  else if (ref) ref.current = node;\n};\n\nexport type ListProps = React.ComponentPropsWithoutRef<'ul'> & {\n  columns?: number;\n  controls?: React.ReactNode;\n  horizontal?: boolean;\n  ordered?: boolean;\n  ref?: React.Ref<ListElement>;\n};\n\nexport function List({\n  children,\n  className,\n  columns = 1,\n  controls,\n  horizontal,\n  ordered,\n  ref,\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  const list = ordered ? (\n    <ol\n      className={classes}\n      ref={(node) => setListRef(ref, node)}\n      style={withVars}\n      {...props}\n    >\n      {wrapChildren(children)}\n    </ol>\n  ) : (\n    <ul\n      className={classes}\n      ref={(node) => setListRef(ref, node)}\n      style={withVars}\n      {...props}\n    >\n      {wrapChildren(children)}\n    </ul>\n  );\n\n  if (controls === undefined || controls === null) return list;\n\n  return (\n    <>\n      <div className={styles.controls}>{controls}</div>\n      {list}\n    </>\n  );\n}\n"],"names":["isFragmentElement","node","React","isValidElement","type","Fragment","flattenChildren","children","out","Children","forEach","child","props","push","wrapChildren","wrapper","filter","map","i","key","createElement","setListRef","ref","current","List","className","columns","controls","horizontal","ordered","style","cols","Number","isFinite","Math","max","floor","classes","cx","styles","list","withVars","jsx","jsxs"],"mappings":"gLAMA,SAASA,EACPC,EAC4D,CAC5D,OAAOC,EAAMC,eAAeF,CAAI,GAAKA,EAAKG,OAASF,EAAMG,QAC3D,CAEA,SAASC,EAAgBC,EAA2BC,EAAyB,GAAI,CAC/EN,OAAAA,EAAMO,SAASC,QAAQH,EAAWI,GAAU,CACtCX,EAAkBW,CAAK,EACzBL,EAAgBK,EAAMC,MAAML,SAAUC,CAAG,EAEzCA,EAAIK,KAAKF,CAAK,CAElB,CAAC,EACMH,CACT,CAEO,SAASM,EACdP,EACA,CAAEQ,QAAAA,EAAU,IAA0B,EAAI,GAC1C,CAKA,OAJaT,EAAgBC,CAAQ,EAEbS,OAAQL,GAAUA,IAAU,IAAI,EAEtCM,IAAI,CAACN,EAAOO,IAAM,CAClC,GAAIhB,EAAMC,eAAeQ,CAAK,GAAKA,EAAMP,OAASW,EAChD,OAAOJ,EAGT,MAAMQ,EAAMjB,EAAMC,eAAeQ,CAAK,GAAKA,EAAMQ,KAAO,KAAOR,EAAMQ,IAAMD,EAE3E,OAAOhB,EAAMkB,cAAcL,EAAS,CAAEI,IAAAA,CAAAA,EAAOR,CAAK,CACpD,CAAC,CACH,2IChCMU,EAAaA,CAACC,EAAyCrB,IAA6B,CACpF,OAAOqB,GAAQ,WAAYA,EAAIrB,CAAI,EAC9BqB,MAASC,QAAUtB,EAC9B,EAUO,SAASuB,EAAK,CACnBjB,SAAAA,EACAkB,UAAAA,EACAC,QAAAA,EAAU,EACVC,SAAAA,EACAC,WAAAA,EACAC,QAAAA,EACAP,IAAAA,EACAQ,MAAAA,EACA,GAAGlB,CACM,EAAG,CACZ,MAAMmB,EAAOC,OAAOC,SAASP,CAAO,EAAIQ,KAAKC,IAAI,EAAGD,KAAKE,MAAMV,CAAO,CAAC,EAAI,EAErEW,EAAUC,EAAAA,EACdb,EACAc,EAAOC,KACPT,EAAO,GAAKQ,EAAOb,QACnBE,GAAcW,EAAOX,UACvB,EAMMa,EAAqB,CACzB,GAAGX,EACH,iBAAkBC,CAAAA,EAGdS,EAAOX,EACXa,MAAC,KAAA,CACC,UAAWL,EACX,IAAMpC,GAASoB,EAAWC,EAAKrB,CAAI,EACnC,MAAOwC,EACP,GAAI7B,EAEHE,SAAAA,EAAaP,CAAQ,CAAA,CACxB,QAEC,KAAA,CACC,UAAW8B,EACX,OAAehB,EAAWC,EAAKrB,CAAI,EACnC,MAAOwC,EACP,GAAI7B,EAEHE,SAAAA,EAAaP,CAAQ,EACxB,EAGF,OAA8BoB,GAAa,KAAaa,EAGtDG,EAAAA,KAAAtC,WAAA,CACE,SAAA,CAAAqC,EAAAA,IAAC,MAAA,CAAI,UAAWH,EAAOZ,SAAWA,SAAAA,EAAS,EAC1Ca,CAAAA,EACH,CAEJ"}

package/dist/components/list/index.js

@@ -1,52 +1,55 @@
-import { jsx as c, jsxs as E, Fragment as N } from "react/jsx-runtime";
-import { t as d } from "../../classix-DG18itHa.js";
+import { jsx as m, jsxs as z, Fragment as F } from "react/jsx-runtime";
+import { t as V } from "../../classix-DG18itHa.js";
 import e from "react";
-import '../../assets/index49.css';function x(n) {
-  return e.isValidElement(n) && n.type === e.Fragment;
+import '../../assets/index47.css';function d(t) {
+  return e.isValidElement(t) && t.type === e.Fragment;
 }
-function p(n, l = []) {
-  return e.Children.forEach(n, (s) => {
-    x(s) ? p(s.props.children, l) : l.push(s);
-  }), l;
+function N(t, n = []) {
+  return e.Children.forEach(t, (s) => {
+    d(s) ? N(s.props.children, n) : n.push(s);
+  }), n;
 }
-function y(n, {
-  wrapper: l = "li"
+function p(t, {
+  wrapper: n = "li"
 } = {}) {
-  return p(n).filter((t) => t !== null).map((t, i) => {
-    if (e.isValidElement(t) && t.type === l)
-      return t;
-    const a = e.isValidElement(t) && t.key != null ? t.key : i;
-    return e.createElement(l, {
-      key: a
-    }, t);
+  return N(t).filter((l) => l !== null).map((l, a) => {
+    if (e.isValidElement(l) && l.type === n)
+      return l;
+    const o = e.isValidElement(l) && l.key != null ? l.key : a;
+    return e.createElement(n, {
+      key: o
+    }, l);
   });
 }
-const z = "_controls_1lnsr_1", F = "_horizontal_1lnsr_6", V = "_list_1lnsr_17", g = "_columns_1lnsr_58", o = {
-  controls: z,
-  horizontal: F,
-  list: V,
-  columns: g
+const g = "_controls_1lnsr_1", k = "_horizontal_1lnsr_6", C = "_list_1lnsr_17", j = "_columns_1lnsr_58", i = {
+  controls: g,
+  horizontal: k,
+  list: C,
+  columns: j
+}, E = (t, n) => {
+  typeof t == "function" ? t(n) : t && (t.current = n);
 };
-function v({
-  children: n,
-  className: l,
+function R({
+  children: t,
+  className: n,
   columns: s = 1,
   controls: r,
-  horizontal: t,
-  ordered: i,
-  style: a,
-  ...m
+  horizontal: l,
+  ordered: a,
+  ref: o,
+  style: x,
+  ...u
 }) {
-  const u = Number.isFinite(s) ? Math.max(1, Math.floor(s)) : 1, f = d(l, o.list, u > 1 && o.columns, t && o.horizontal), _ = {
-    ...a,
-    "--list-columns": u
-  }, h = i ? /* @__PURE__ */ c("ol", { className: f, style: _, ...m, children: y(n) }) : /* @__PURE__ */ c("ul", { className: f, style: _, ...m, children: y(n) });
-  return r == null ? h : /* @__PURE__ */ E(N, { children: [
-    /* @__PURE__ */ c("div", { className: o.controls, children: r }),
+  const f = Number.isFinite(s) ? Math.max(1, Math.floor(s)) : 1, _ = V(n, i.list, f > 1 && i.columns, l && i.horizontal), y = {
+    ...x,
+    "--list-columns": f
+  }, h = a ? /* @__PURE__ */ m("ol", { className: _, ref: (c) => E(o, c), style: y, ...u, children: p(t) }) : /* @__PURE__ */ m("ul", { className: _, ref: (c) => E(o, c), style: y, ...u, children: p(t) });
+  return r == null ? h : /* @__PURE__ */ z(F, { children: [
+    /* @__PURE__ */ m("div", { className: i.controls, children: r }),
     h
   ] });
 }
 export {
-  v as List
+  R as List
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/lib/wrap-children.tsx","../../../src/components/list/index.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  const filterNull = flat.filter((child) => child !== null);\n\n  return filterNull.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","import cx from 'classix';\n\nimport { wrapChildren } from '@/lib/wrap-children';\n\nimport styles from './styles.module.css';\n\nexport type ListProps = React.ComponentPropsWithoutRef<'ul'> & {\n  columns?: number;\n  controls?: React.ReactNode;\n  horizontal?: boolean;\n  ordered?: boolean;\n};\n\nexport function List({\n  children,\n  className,\n  columns = 1,\n  controls,\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  const list = 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  if (controls === undefined || controls === null) return list;\n\n  return (\n    <>\n      <div className={styles.controls}>{controls}</div>\n      {list}\n    </>\n  );\n}\n"],"names":["isFragmentElement","node","React","isValidElement","type","Fragment","flattenChildren","children","out","Children","forEach","child","props","push","wrapChildren","wrapper","filter","map","i","key","createElement","List","className","columns","controls","horizontal","ordered","style","cols","Number","isFinite","Math","max","floor","classes","cx","styles","list","withVars","jsx","jsxs"],"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;AAKA,SAJaT,EAAgBC,CAAQ,EAEbS,OAAQL,CAAAA,MAAUA,MAAU,IAAI,EAEtCM,IAAI,CAACN,GAAOO,MAAM;AAClC,QAAIhB,EAAMC,eAAeQ,CAAK,KAAKA,EAAMP,SAASW;AAChD,aAAOJ;AAGT,UAAMQ,IAAMjB,EAAMC,eAAeQ,CAAK,KAAKA,EAAMQ,OAAO,OAAOR,EAAMQ,MAAMD;AAE3E,WAAOhB,EAAMkB,cAAcL,GAAS;AAAA,MAAEI,KAAAA;AAAAA,IAAAA,GAAOR,CAAK;AAAA,EACpD,CAAC;AACH;;;;;;;AC3BO,SAASU,EAAK;AAAA,EACnBd,UAAAA;AAAAA,EACAe,WAAAA;AAAAA,EACAC,SAAAA,IAAU;AAAA,EACVC,UAAAA;AAAAA,EACAC,YAAAA;AAAAA,EACAC,SAAAA;AAAAA,EACAC,OAAAA;AAAAA,EACA,GAAGf;AACM,GAAG;AACZ,QAAMgB,IAAOC,OAAOC,SAASP,CAAO,IAAIQ,KAAKC,IAAI,GAAGD,KAAKE,MAAMV,CAAO,CAAC,IAAI,GAErEW,IAAUC,EACdb,GACAc,EAAOC,MACPT,IAAO,KAAKQ,EAAOb,SACnBE,KAAcW,EAAOX,UACvB,GAMMa,IAAqB;AAAA,IACzB,GAAGX;AAAAA,IACH,kBAAkBC;AAAAA,EAAAA,GAGdS,IAAOX,IACX,gBAAAa,EAAC,MAAA,EACC,WAAWL,GACX,OAAOI,GACP,GAAI1B,GAEHE,UAAAA,EAAaP,CAAQ,GACxB,IAEA,gBAAAgC,EAAC,MAAA,EACC,WAAWL,GACX,OAAOI,GACP,GAAI1B,GAEHE,UAAAA,EAAaP,CAAQ,EAAA,CACxB;AAGF,SAA8BiB,KAAa,OAAaa,IAGtD,gBAAAG,EAAAnC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAkC,EAAC,OAAA,EAAI,WAAWH,EAAOZ,UAAWA,UAAAA,GAAS;AAAA,IAC1Ca;AAAAA,EAAAA,GACH;AAEJ;"}
+{"version":3,"file":"index.js","sources":["../../../src/lib/wrap-children.tsx","../../../src/components/list/index.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  const filterNull = flat.filter((child) => child !== null);\n\n  return filterNull.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","import cx from 'classix';\n\nimport { wrapChildren } from '@/lib/wrap-children';\n\nimport styles from './styles.module.css';\n\ntype ListElement = HTMLUListElement | HTMLOListElement;\n\nconst setListRef = (ref: React.Ref<ListElement> | undefined, node: ListElement | null) => {\n  if (typeof ref === 'function') ref(node);\n  else if (ref) ref.current = node;\n};\n\nexport type ListProps = React.ComponentPropsWithoutRef<'ul'> & {\n  columns?: number;\n  controls?: React.ReactNode;\n  horizontal?: boolean;\n  ordered?: boolean;\n  ref?: React.Ref<ListElement>;\n};\n\nexport function List({\n  children,\n  className,\n  columns = 1,\n  controls,\n  horizontal,\n  ordered,\n  ref,\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  const list = ordered ? (\n    <ol\n      className={classes}\n      ref={(node) => setListRef(ref, node)}\n      style={withVars}\n      {...props}\n    >\n      {wrapChildren(children)}\n    </ol>\n  ) : (\n    <ul\n      className={classes}\n      ref={(node) => setListRef(ref, node)}\n      style={withVars}\n      {...props}\n    >\n      {wrapChildren(children)}\n    </ul>\n  );\n\n  if (controls === undefined || controls === null) return list;\n\n  return (\n    <>\n      <div className={styles.controls}>{controls}</div>\n      {list}\n    </>\n  );\n}\n"],"names":["isFragmentElement","node","React","isValidElement","type","Fragment","flattenChildren","children","out","Children","forEach","child","props","push","wrapChildren","wrapper","filter","map","i","key","createElement","setListRef","ref","current","List","className","columns","controls","horizontal","ordered","style","cols","Number","isFinite","Math","max","floor","classes","cx","styles","list","withVars","jsx","jsxs"],"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;AAKA,SAJaT,EAAgBC,CAAQ,EAEbS,OAAQL,CAAAA,MAAUA,MAAU,IAAI,EAEtCM,IAAI,CAACN,GAAOO,MAAM;AAClC,QAAIhB,EAAMC,eAAeQ,CAAK,KAAKA,EAAMP,SAASW;AAChD,aAAOJ;AAGT,UAAMQ,IAAMjB,EAAMC,eAAeQ,CAAK,KAAKA,EAAMQ,OAAO,OAAOR,EAAMQ,MAAMD;AAE3E,WAAOhB,EAAMkB,cAAcL,GAAS;AAAA,MAAEI,KAAAA;AAAAA,IAAAA,GAAOR,CAAK;AAAA,EACpD,CAAC;AACH;;;;;;GChCMU,IAAaA,CAACC,GAAyCrB,MAA6B;AACxF,EAAI,OAAOqB,KAAQ,aAAYA,EAAIrB,CAAI,IAC9BqB,QAASC,UAAUtB;AAC9B;AAUO,SAASuB,EAAK;AAAA,EACnBjB,UAAAA;AAAAA,EACAkB,WAAAA;AAAAA,EACAC,SAAAA,IAAU;AAAA,EACVC,UAAAA;AAAAA,EACAC,YAAAA;AAAAA,EACAC,SAAAA;AAAAA,EACAP,KAAAA;AAAAA,EACAQ,OAAAA;AAAAA,EACA,GAAGlB;AACM,GAAG;AACZ,QAAMmB,IAAOC,OAAOC,SAASP,CAAO,IAAIQ,KAAKC,IAAI,GAAGD,KAAKE,MAAMV,CAAO,CAAC,IAAI,GAErEW,IAAUC,EACdb,GACAc,EAAOC,MACPT,IAAO,KAAKQ,EAAOb,SACnBE,KAAcW,EAAOX,UACvB,GAMMa,IAAqB;AAAA,IACzB,GAAGX;AAAAA,IACH,kBAAkBC;AAAAA,EAAAA,GAGdS,IAAOX,IACX,gBAAAa,EAAC,MAAA,EACC,WAAWL,GACX,KAAMpC,CAAAA,MAASoB,EAAWC,GAAKrB,CAAI,GACnC,OAAOwC,GACP,GAAI7B,GAEHE,UAAAA,EAAaP,CAAQ,EAAA,CACxB,sBAEC,MAAA,EACC,WAAW8B,GACX,KAAMpC,OAASoB,EAAWC,GAAKrB,CAAI,GACnC,OAAOwC,GACP,GAAI7B,GAEHE,UAAAA,EAAaP,CAAQ,GACxB;AAGF,SAA8BoB,KAAa,OAAaa,IAGtD,gBAAAG,EAAAtC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAqC,EAAC,OAAA,EAAI,WAAWH,EAAOZ,UAAWA,UAAAA,GAAS;AAAA,IAC1Ca;AAAAA,EAAAA,GACH;AAEJ;"}

package/dist/components/loading/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index50.css');const t=require("react/jsx-runtime"),d=require("../../classix-5H4IWnMA.cjs"),c="_loading_1d5zd_23",l="_spin_1d5zd_1",_="_ping_1d5zd_39",r="_sticky_1d5zd_65",n={loading:c,default:"_default_1d5zd_28",spin:l,ping:_,sticky:r},g=({variant:i="default",size:s,sticky:o=!1,...a})=>{const e={"--border-size":s?s/8+"px":void 0,"--size":s?s+"px":void 0};return t.jsx("div",{className:d.t(n.loading,o&&n.sticky),"data-component":"loading",children:t.jsx("span",{className:d.t(n.loading,n[i]),style:e,...a})})};exports.Loading=g;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index48.css');const t=require("react/jsx-runtime"),d=require("../../classix-5H4IWnMA.cjs"),c="_loading_1d5zd_23",l="_spin_1d5zd_1",_="_ping_1d5zd_39",r="_sticky_1d5zd_65",n={loading:c,default:"_default_1d5zd_28",spin:l,ping:_,sticky:r},g=({variant:i="default",size:s,sticky:o=!1,...a})=>{const e={"--border-size":s?s/8+"px":void 0,"--size":s?s+"px":void 0};return t.jsx("div",{className:d.t(n.loading,o&&n.sticky),"data-component":"loading",children:t.jsx("span",{className:d.t(n.loading,n[i]),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/index50.css';const l = "_loading_1d5zd_23", _ = "_spin_1d5zd_1", p = "_ping_1d5zd_39", e = "_sticky_1d5zd_65", n = {
+import '../../assets/index48.css';const l = "_loading_1d5zd_23", _ = "_spin_1d5zd_1", p = "_ping_1d5zd_39", e = "_sticky_1d5zd_65", n = {
   loading: l,
   default: "_default_1d5zd_28",
   spin: _,