@solibo/solibo-ui 1.0.14 → 1.0.16

package/dist/components/empty-state/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index42.css');const e=require("react/jsx-runtime"),n="_header_1byal_15",t={"empty-state":"_empty-state_1byal_3",header:n},c=({button:s,content:a,header:r})=>e.jsxs("div",{className:t["empty-state"],"data-component":"emptystate",children:[e.jsx("p",{className:t.header,children:r}),e.jsx("p",{children:a}),s]});exports.EmptyState=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index40.css');const e=require("react/jsx-runtime"),n="_header_1byal_15",t={"empty-state":"_empty-state_1byal_3",header:n},c=({button:s,content:a,header:r})=>e.jsxs("div",{className:t["empty-state"],"data-component":"emptystate",children:[e.jsx("p",{className:t.header,children:r}),e.jsx("p",{children:a}),s]});exports.EmptyState=c;
 //# sourceMappingURL=index.cjs.map

package/dist/components/empty-state/index.js

@@ -1,5 +1,5 @@
 import { jsxs as m, jsx as e } from "react/jsx-runtime";
-import '../../assets/index42.css';const p = "_header_1byal_15", t = {
+import '../../assets/index40.css';const p = "_header_1byal_15", t = {
   "empty-state": "_empty-state_1byal_3",
   header: p
 }, d = ({

package/dist/components/fieldset/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index43.css');const s=require("react/jsx-runtime"),i=require("../../classix-5H4IWnMA.cjs"),l="_fieldset_f5vpp_1",d={fieldset:l},o=({className:e,...t})=>s.jsx("fieldset",{className:i.t(d.fieldset,e),...t,"data-component":"fieldset"});exports.Fieldset=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index41.css');const s=require("react/jsx-runtime"),i=require("../../classix-5H4IWnMA.cjs"),l="_fieldset_f5vpp_1",d={fieldset:l},o=({className:e,...t})=>s.jsx("fieldset",{className:i.t(d.fieldset,e),...t,"data-component":"fieldset"});exports.Fieldset=o;
 //# sourceMappingURL=index.cjs.map

package/dist/components/fieldset/index.js

@@ -1,6 +1,6 @@
 import { jsx as s } from "react/jsx-runtime";
 import { t as o } from "../../classix-DG18itHa.js";
-import '../../assets/index43.css';const f = "_fieldset_f5vpp_1", i = {
+import '../../assets/index41.css';const f = "_fieldset_f5vpp_1", i = {
   fieldset: f
 }, m = ({
   className: e,

package/dist/components/figure/index.cjs

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

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"),h=require("../figure/index.cjs"),x=require("../icon/index.cjs"),j=require("../button/index.cjs"),N="_file_1427u_1",b="_action_1427u_14",g="_details_1427u_62",I="_name_1427u_69",q="_extension_1427u_81",v="_subtitle_1427u_91",n={file:N,action:b,delete:"_delete_1427u_15",details:g,"name-line":"_name-line_1427u_69",name:I,extension:q,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:t,onClick:s,onDelete:a,ref:_,subtitle:d,url:r})=>{const c=t.lastIndexOf("."),u=c>0&&c<t.length-1,p=u?t.slice(0,c):t,i=u?t.slice(c):"",f=y[i.toLowerCase()]??"document",l=e.jsxs(e.Fragment,{children:[e.jsx(h.Figure,{children:e.jsx(x.Icon,{name:f,fill:!0})}),e.jsxs("span",{className:n.details,children:[e.jsxs("span",{className:n["name-line"],children:[e.jsx("span",{className:n.name,children:p}),i&&e.jsx("span",{className:n.extension,children:i})]}),d&&e.jsx("span",{className:n.subtitle,children:d})]})]});return e.jsxs("div",{className:n.file,ref:_,"data-component":"file",children:[r?e.jsx("a",{className:n.action,href:r,onClick:o=>{o.stopPropagation(),s&&(o.preventDefault(),s())},title:t,children:l}):s?e.jsx("button",{"aria-label":t,className:n.action,"data-actionable":"true",onClick:o=>{o.stopPropagation(),s()},title:t,type:"button",children:l}):e.jsx("div",{className:n.action,title:t,children:l}),a&&e.jsx(j.Button,{"aria-label":m??`Delete ${t}`,className:n.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 N } from "react/jsx-runtime";
+import { Figure as b } from "../figure/index.js";
+import { Icon as p } from "../icon/index.js";
+import { Button as g } from "../button/index.js";
+import '../../assets/index43.css';const I = "_file_1427u_1", v = "_action_1427u_14", F = "_details_1427u_62", j = "_name_1427u_69", y = "_extension_1427u_81", P = "_subtitle_1427u_91", n = {
+  file: I,
+  action: v,
+  delete: "_delete_1427u_15",
+  details: F,
+  "name-line": "_name-line_1427u_69",
+  name: j,
+  extension: y,
+  subtitle: P
+}, w = {
   ".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,
+}, E = ({
+  deleteAccessibleLabel: _,
   name: e,
   onClick: s,
-  onDelete: a,
-  ref: _,
-  subtitle: i,
-  url: d
+  onDelete: d,
+  ref: x,
+  subtitle: r,
+  url: m
 }) => {
-  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("."), u = o > 0 && o < e.length - 1, f = u ? e.slice(0, o) : e, i = u ? e.slice(o) : "", h = w[i.toLowerCase()] ?? "document", a = /* @__PURE__ */ c(N, { children: [
+    /* @__PURE__ */ t(b, { children: /* @__PURE__ */ t(p, { 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 })
+      ] }),
+      r && /* @__PURE__ */ t("span", { className: n.subtitle, children: r })
+    ] })
+  ] });
+  return /* @__PURE__ */ c("div", { className: n.file, ref: x, "data-component": "file", children: [
+    m ? /* @__PURE__ */ t("a", { className: n.action, href: m, 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(g, { "aria-label": _ ?? `Delete ${e}`, className: n.delete, onClick: () => d(), variant: "simple", children: /* @__PURE__ */ t(p, { name: "trash", size: "small", fill: !0 }) })
   ] });
 };
 export {
-  y as File
+  E 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 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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index18.css');const s=require("react/jsx-runtime"),r=require("../../classix-5H4IWnMA.cjs"),c="_header_dygto_1",d="_capitalize_dygto_92",i="_jumbo_dygto_103",e={header:c,capitalize:d,jumbo:i},n={default:e.default,jumbo:e.jumbo},u=({capitalize:t=!1,children:a,variant:o="default"})=>s.jsx("header",{className:r.t(e.header,n[o],t&&e.capitalize),"data-component":"header",children:a});exports.Header=u;
 //# sourceMappingURL=index.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/header/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport styles from './styles.module.css';\n\nconst variants = {\n  default: styles.default,\n  jumbo: styles.jumbo,\n};\n\nexport type HeaderProps = {\n  capitalize?: boolean;\n  children: React.ReactNode;\n  variant?: keyof typeof variants;\n};\n\nexport const Header = ({ capitalize = false, children, variant = 'default' }: HeaderProps) => {\n  return (\n    <header className={cx(styles.header, variants[variant], capitalize && styles.capitalize)}>\n      {children}\n    </header>\n  );\n};\n"],"names":["variants","default","styles","jumbo","Header","capitalize","children","variant","jsx","cx","header"],"mappings":"gQAIMA,EAAW,CACfC,QAASC,EAAOD,QAChBE,MAAOD,EAAOC,KAChB,EAQaC,EAASA,CAAC,CAAEC,WAAAA,EAAa,GAAOC,SAAAA,EAAUC,QAAAA,EAAU,SAAuB,IAEpFC,EAAAA,IAAC,SAAA,CAAO,UAAWC,EAAAA,EAAGP,EAAOQ,OAAQV,EAASO,CAAO,EAAGF,GAAcH,EAAOG,UAAU,EAAE,iBAAA,SACtFC,SAAAA,EACH"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/header/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport styles from './styles.module.css';\n\nconst variants = {\n  default: styles.default,\n  jumbo: styles.jumbo,\n};\n\nexport type HeaderProps = {\n  capitalize?: boolean;\n  children: React.ReactNode;\n  variant?: keyof typeof variants;\n};\n\nexport const Header = ({ capitalize = false, children, variant = 'default' }: HeaderProps) => {\n  return (\n    <header className={cx(styles.header, variants[variant], capitalize && styles.capitalize)}>\n      {children}\n    </header>\n  );\n};\n"],"names":["variants","default","styles","jumbo","Header","capitalize","children","variant","jsx","cx","header"],"mappings":"iQAIMA,EAAW,CACfC,QAASC,EAAOD,QAChBE,MAAOD,EAAOC,KAChB,EAQaC,EAASA,CAAC,CAAEC,WAAAA,EAAa,GAAOC,SAAAA,EAAUC,QAAAA,EAAU,SAAuB,IAEpFC,EAAAA,IAAC,SAAA,CAAO,UAAWC,EAAAA,EAAGP,EAAOQ,OAAQV,EAASO,CAAO,EAAGF,GAAcH,EAAOG,UAAU,EAAE,iBAAA,SACtFC,SAAAA,EACH"}

package/dist/components/header/index.js

@@ -1,18 +1,18 @@
-import { jsx as o } from "react/jsx-runtime";
-import { t as s } from "../../classix-DG18itHa.js";
-import '../../assets/index20.css';const c = "_header_1urra_1", u = "_capitalize_1urra_79", d = "_jumbo_1urra_91", a = {
-  header: c,
-  capitalize: u,
-  jumbo: d
-}, i = {
-  default: a.default,
-  jumbo: a.jumbo
-}, n = ({
-  capitalize: e = !1,
+import { jsx as r } from "react/jsx-runtime";
+import { t as d } from "../../classix-DG18itHa.js";
+import '../../assets/index18.css';const s = "_header_dygto_1", c = "_capitalize_dygto_92", i = "_jumbo_dygto_103", e = {
+  header: s,
+  capitalize: c,
+  jumbo: i
+}, m = {
+  default: e.default,
+  jumbo: e.jumbo
+}, u = ({
+  capitalize: a = !1,
   children: t,
-  variant: r = "default"
-}) => /* @__PURE__ */ o("header", { className: s(a.header, i[r], e && a.capitalize), "data-component": "header", children: t });
+  variant: o = "default"
+}) => /* @__PURE__ */ r("header", { className: d(e.header, m[o], a && e.capitalize), "data-component": "header", children: t });
 export {
-  n as Header
+  u 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 r=require("react/jsx-runtime"),g=require("../../classix-5H4IWnMA.cjs"),t=require("../../icons-DaZGJzI0.cjs"),l="_icon_1dkgk_1",d="_small_1dkgk_10",m="_medium_1dkgk_15",_="_large_1dkgk_20",k="_danger_1dkgk_25",e={icon:l,small:d,medium:m,large:_,danger:k,"gap-right":"_gap-right_1dkgk_29","gap-left":"_gap-left_1dkgk_33"},u={large:e.large,medium:e.medium,small:e.small},p={danger:e.danger},y=({fill:o,gap:n="none",name:a,size:c="medium",variant:s})=>{const i={maskImage:t.iconSVG(a,o??!1)};return r.jsx("span",{"aria-hidden":"true",className:g.t(n!=="none"&&e[`gap-${n}`],u[c],e.icon,s&&p[s]),style:i,"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,34 +1,34 @@
-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 = {
-  icon: _,
-  small: g,
-  medium: d,
-  large: h,
+import { jsx as r } from "react/jsx-runtime";
+import { t as c } from "../../classix-DG18itHa.js";
+import { i as g, a as i } from "../../icons-Dj0vEOCB.js";
+import '../../assets/index44.css';const l = "_icon_1dkgk_1", d = "_small_1dkgk_10", _ = "_medium_1dkgk_15", k = "_large_1dkgk_20", p = "_danger_1dkgk_25", n = {
+  icon: l,
+  small: d,
+  medium: _,
+  large: k,
   danger: p,
-  "gap-right": "_gap-right_ihnm9_29",
-  "gap-left": "_gap-left_ihnm9_33"
+  "gap-right": "_gap-right_1dkgk_29",
+  "gap-left": "_gap-left_1dkgk_33"
 }, u = {
   large: n.large,
   medium: n.medium,
   small: n.small
 }, f = {
   danger: n.danger
-}, k = ({
-  fill: a,
+}, j = ({
+  fill: s,
   gap: e = "none",
-  name: s,
-  size: o = "medium",
-  variant: m
+  name: o,
+  size: t = "medium",
+  variant: a
 }) => {
-  const i = {
-    maskImage: c(s, a ?? !1)
+  const m = {
+    maskImage: g(o, s ?? !1)
   };
-  return /* @__PURE__ */ t("span", { "aria-hidden": "true", className: r(e !== "none" && n[`gap-${e}`], u[o], n.icon, m && f[m]), style: i, "data-component": "icon" });
-}, x = () => Object.keys(l);
+  return /* @__PURE__ */ r("span", { "aria-hidden": "true", className: c(e !== "none" && n[`gap-${e}`], u[t], n.icon, a && f[a]), style: m, "data-component": "icon" });
+}, x = () => Object.keys(i);
 export {
-  k as Icon,
+  j as Icon,
   x as Icons
 };
 //# sourceMappingURL=index.js.map

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-CQNlYa2P.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-BIV5OwVJ.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 i=require("react/jsx-runtime"),N=require("../../classix-5H4IWnMA.cjs"),l=require("react");function g(t){return l.isValidElement(t)&&t.type===l.Fragment}function j(t,e=[]){return l.Children.forEach(t,s=>{g(s)?j(s.props.children,e):e.push(s)}),e}function q(t,{wrapper:e="li"}={}){return j(t).filter(n=>n!==null).map((n,u)=>{if(l.isValidElement(n)&&n.type===e)return n;const o=l.isValidElement(n)&&n.key!=null?n.key:u;return l.createElement(e,{key:o},n)})}const p="_controls_uq9c5_1",d="_horizontal_uq9c5_6",z="_list_uq9c5_17",F="_columns_uq9c5_58",c={controls:p,horizontal:d,list:z,columns:F},x=(t,e)=>{typeof t=="function"?t(e):t&&(t.current=e)};function V({children:t,className:e,columns:s=1,controls:r,horizontal:n,ordered:u,ref:o,style:E,...m}){const f=Number.isFinite(s)?Math.max(1,Math.floor(s)):1,_=N.t(e,c.list,f>1&&c.columns,n&&c.horizontal),y={...E,"--list-columns":f},h=u?i.jsx("ol",{className:_,ref:a=>x(o,a),style:y,...m,children:q(t)}):i.jsx("ul",{className:_,ref:a=>x(o,a),style:y,...m,children:q(t)});return r==null?h:i.jsxs(i.Fragment,{children:[i.jsx("div",{className:c.controls,children:r}),h]})}exports.List=V;
 //# 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"}