@solibo/solibo-ui 1.0.29 → 1.1.0

package/dist/components/file/index.cjs

@@ -1,2 +1,2 @@
-"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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index43.css');const e=require("react/jsx-runtime"),j=require("../figure/index.cjs"),_=require("../icon/index.cjs"),f=require("../button/index.cjs"),N="_file_1427u_1",F="_action_1427u_14",b="_details_1427u_62",g="_name_1427u_69",I="_extension_1427u_81",P="_subtitle_1427u_91",t={file:N,action:F,delete:"_delete_1427u_15",details:b,"name-line":"_name-line_1427u_69",name:g,extension:I,subtitle:P},q={".doc":"FileDoc",".docx":"FileDoc",".pdf":"FilePdf",".ppt":"FilePpt",".pptx":"FilePpt",".xls":"FileXls",".xlsx":"FileXls"},v=({deleteAccessibleLabel:u,name:s,onClick:n,onDelete:a,ref:m,subtitle:r,url:d})=>{const i=s.lastIndexOf("."),x=i>0&&i<s.length-1,p=x?s.slice(0,i):s,c=x?s.slice(i):"",h=q[c.toLowerCase()]??"FileText",o=e.jsxs(e.Fragment,{children:[e.jsx(j.Figure,{children:e.jsx(_.Icon,{name:h})}),e.jsxs("span",{className:t.details,children:[e.jsxs("span",{className:t["name-line"],children:[e.jsx("span",{className:t.name,children:p}),c&&e.jsx("span",{className:t.extension,children:c})]}),r&&e.jsx("span",{className:t.subtitle,children:r})]})]});return e.jsxs("div",{className:t.file,ref:m,"data-component":"file",children:[d?e.jsx("a",{className:t.action,href:d,onClick:l=>{l.stopPropagation(),n&&(l.preventDefault(),n())},title:s,children:o}):n?e.jsx("button",{"aria-label":s,className:t.action,"data-actionable":"true",onClick:l=>{l.stopPropagation(),n()},title:s,type:"button",children:o}):e.jsx("div",{className:t.action,title:s,children:o}),a&&e.jsx(f.Button,{"aria-label":u??`Delete ${s}`,className:t.delete,onClick:()=>a(),variant:"simple",children:e.jsx(_.Icon,{name:"Trash",size:"small"})})]})};exports.File=v;
 //# 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 { 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"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/file/index.tsx"],"sourcesContent":["import { Figure } from '@/components/figure';\nimport { Icon, type IconName } from '@/components/icon';\n\nimport { Button } from '../button';\nimport styles from './styles.module.css';\n\nconst documentIconNames: Record<string, IconName> = {\n  '.doc': 'FileDoc',\n  '.docx': 'FileDoc',\n  '.pdf': 'FilePdf',\n  '.ppt': 'FilePpt',\n  '.pptx': 'FilePpt',\n  '.xls': 'FileXls',\n  '.xlsx': 'FileXls',\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()] ?? 'FileText';\n  const content = (\n    <>\n      <Figure>\n        <Icon\n          name={documentIconName}\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          />\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":"6cAMMA,EAA8C,CAClD,OAAQ,UACR,QAAS,UACT,OAAQ,UACR,OAAQ,UACR,QAAS,UACT,OAAQ,UACR,QAAS,SACX,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,MAACC,EAAAA,OAAA,CACC,SAAAD,EAAAA,IAACE,EAAAA,KAAA,CACC,KAAMP,EAAiB,EAE3B,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,SACE0B,SAAA,CACC,aAAY7B,GAAyB,UAAUC,CAAI,GACnD,UAAWqB,EAAOQ,OAClB,QAAS,IAAM3B,IACf,QAAQ,SAER,SAAAgB,EAAAA,IAACE,QACC,KAAK,QACL,KAAK,OAAA,CAAO,CAAA,CAEhB,CAAA,EAEJ,CAEJ"}

package/dist/components/file/index.js

@@ -1,53 +1,53 @@
-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,
+import { jsxs as a, jsx as t, Fragment as N } from "react/jsx-runtime";
+import { Figure as F } 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_1427u_1", I = "_action_1427u_14", P = "_details_1427u_62", v = "_name_1427u_69", D = "_extension_1427u_81", j = "_subtitle_1427u_91", n = {
+  file: g,
+  action: I,
   delete: "_delete_1427u_15",
-  details: F,
+  details: P,
   "name-line": "_name-line_1427u_69",
-  name: j,
-  extension: y,
-  subtitle: P
-}, w = {
-  ".doc": "document-doc",
-  ".docx": "document-doc",
-  ".pdf": "document-pdf",
-  ".ppt": "document-ppt",
-  ".pptx": "document-ppt",
-  ".xls": "document-xls",
-  ".xlsx": "document-xls"
-}, E = ({
-  deleteAccessibleLabel: _,
+  name: v,
+  extension: D,
+  subtitle: j
+}, y = {
+  ".doc": "FileDoc",
+  ".docx": "FileDoc",
+  ".pdf": "FilePdf",
+  ".ppt": "FilePpt",
+  ".pptx": "FilePpt",
+  ".xls": "FileXls",
+  ".xlsx": "FileXls"
+}, B = ({
+  deleteAccessibleLabel: u,
   name: e,
   onClick: s,
-  onDelete: d,
+  onDelete: r,
   ref: x,
-  subtitle: r,
+  subtitle: d,
   url: m
 }) => {
-  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: [
+  const i = e.lastIndexOf("."), p = i > 0 && i < e.length - 1, f = p ? e.slice(0, i) : e, o = p ? e.slice(i) : "", h = y[o.toLowerCase()] ?? "FileText", c = /* @__PURE__ */ a(N, { children: [
+    /* @__PURE__ */ t(F, { children: /* @__PURE__ */ t(_, { name: h }) }),
+    /* @__PURE__ */ a("span", { className: n.details, children: [
+      /* @__PURE__ */ a("span", { className: n["name-line"], children: [
         /* @__PURE__ */ t("span", { className: n.name, children: f }),
-        i && /* @__PURE__ */ t("span", { className: n.extension, children: i })
+        o && /* @__PURE__ */ t("span", { className: n.extension, children: o })
       ] }),
-      r && /* @__PURE__ */ t("span", { className: n.subtitle, children: r })
+      d && /* @__PURE__ */ t("span", { className: n.subtitle, children: d })
     ] })
   ] });
-  return /* @__PURE__ */ c("div", { className: n.file, ref: x, "data-component": "file", children: [
+  return /* @__PURE__ */ a("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) => {
+    }, title: e, children: c }) : 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 }) })
+    }, title: e, type: "button", children: c }) : /* @__PURE__ */ t("div", { className: n.action, title: e, children: c }),
+    r && /* @__PURE__ */ t(b, { "aria-label": u ?? `Delete ${e}`, className: n.delete, onClick: () => r(), variant: "simple", children: /* @__PURE__ */ t(_, { name: "Trash", size: "small" }) })
   ] });
 };
 export {
-  E as File
+  B 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 { 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;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/file/index.tsx"],"sourcesContent":["import { Figure } from '@/components/figure';\nimport { Icon, type IconName } from '@/components/icon';\n\nimport { Button } from '../button';\nimport styles from './styles.module.css';\n\nconst documentIconNames: Record<string, IconName> = {\n  '.doc': 'FileDoc',\n  '.docx': 'FileDoc',\n  '.pdf': 'FilePdf',\n  '.ppt': 'FilePpt',\n  '.pptx': 'FilePpt',\n  '.xls': 'FileXls',\n  '.xlsx': 'FileXls',\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()] ?? 'FileText';\n  const content = (\n    <>\n      <Figure>\n        <Icon\n          name={documentIconName}\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          />\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":";;;;;;;;;;;;;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,YACjEC,IACJ,gBAAAC,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EACC,UAAA,gBAAAD,EAACE,GAAA,EACC,MAAMP,GAAiB,GAE3B;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,uBACE0B,GAAA,EACC,cAAY7B,KAAyB,UAAUC,CAAI,IACnD,WAAWqB,EAAOQ,QAClB,SAAS,MAAM3B,KACf,SAAQ,UAER,UAAA,gBAAAgB,EAACE,KACC,MAAK,SACL,MAAK,QAAA,CAAO,EAAA,CAEhB;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/components/header/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index18.css');const t=require("react/jsx-runtime"),u=require("../../classix-5H4IWnMA.cjs"),_="_header_o4nix_1",m="_controls_o4nix_62",j="_cta_o4nix_89",x="_jumbo_o4nix_138",e={header:_,controls:m,cta:j,"header-content":"_header-content_o4nix_101",jumbo:x},b={default:e.default,jumbo:e.jumbo},f=({backButton:c,capitalize:r=!1,children:d,controls:s,cta:n,header:i,subHeader:l,variant:h="default"})=>{const o=t.jsxs("div",{className:e["header-content"],children:[c,i,l]}),a=s?t.jsxs("div",{className:e.controls,children:[o,s]}):o;return t.jsxs("header",{className:u.t(e.header,b[h],r&&e.capitalize),"data-component":"header",children:[n?t.jsxs("div",{className:e.cta,children:[a,n]}):a,d]})};exports.Header=f;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index18.css');const t=require("react/jsx-runtime"),u=require("../../classix-5H4IWnMA.cjs"),_="_header_1gfvy_1",m="_controls_1gfvy_68",j="_cta_1gfvy_95",f="_jumbo_1gfvy_144",e={header:_,controls:m,cta:j,"header-content":"_header-content_1gfvy_107",jumbo:f},v={default:e.default,jumbo:e.jumbo},y=({backButton:o,capitalize:r=!1,children:d,controls:s,cta:a,header:l,subHeader:i,variant:h="default"})=>{const c=t.jsxs("div",{className:e["header-content"],children:[o,l,i]}),n=s?t.jsxs("div",{className:e.controls,children:[c,s]}):c;return t.jsxs("header",{className:u.t(e.header,v[h],r&&e.capitalize),"data-component":"header",children:[a?t.jsxs("div",{className:e.cta,children:[n,a]}):n,d]})};exports.Header=y;
 //# sourceMappingURL=index.cjs.map

package/dist/components/header/index.js

@@ -1,41 +1,41 @@
-import { jsxs as o } from "react/jsx-runtime";
-import { t as m } from "../../classix-DG18itHa.js";
-import '../../assets/index18.css';const _ = "_header_o4nix_1", u = "_controls_o4nix_62", x = "_cta_o4nix_89", f = "_jumbo_o4nix_138", e = {
-  header: _,
-  controls: u,
-  cta: x,
-  "header-content": "_header-content_o4nix_101",
-  jumbo: f
+import { jsxs as t } from "react/jsx-runtime";
+import { t as _ } from "../../classix-DG18itHa.js";
+import '../../assets/index18.css';const i = "_header_1gfvy_1", f = "_controls_1gfvy_68", u = "_cta_1gfvy_95", v = "_jumbo_1gfvy_144", e = {
+  header: i,
+  controls: f,
+  cta: u,
+  "header-content": "_header-content_1gfvy_107",
+  jumbo: v
 }, j = {
   default: e.default,
   jumbo: e.jumbo
-}, v = ({
+}, g = ({
   backButton: r,
   capitalize: s = !1,
   children: d,
-  controls: t,
-  cta: a,
+  controls: a,
+  cta: o,
   header: l,
-  subHeader: i,
-  variant: h = "default"
+  subHeader: h,
+  variant: m = "default"
 }) => {
-  const n = /* @__PURE__ */ o("div", { className: e["header-content"], children: [
+  const c = /* @__PURE__ */ t("div", { className: e["header-content"], children: [
     r,
     l,
-    i
-  ] }), c = t ? /* @__PURE__ */ o("div", { className: e.controls, children: [
-    n,
-    t
-  ] }) : n;
-  return /* @__PURE__ */ o("header", { className: m(e.header, j[h], s && e.capitalize), "data-component": "header", children: [
-    a ? /* @__PURE__ */ o("div", { className: e.cta, children: [
-      c,
-      a
-    ] }) : c,
+    h
+  ] }), n = a ? /* @__PURE__ */ t("div", { className: e.controls, children: [
+    c,
+    a
+  ] }) : c;
+  return /* @__PURE__ */ t("header", { className: _(e.header, j[m], s && e.capitalize), "data-component": "header", children: [
+    o ? /* @__PURE__ */ t("div", { className: e.cta, children: [
+      n,
+      o
+    ] }) : n,
     d
   ] });
 };
 export {
-  v as Header
+  g 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/index44.css');const r=require("react/jsx-runtime"),g=require("../../classix-5H4IWnMA.cjs"),t=require("../../icons-Lq3pr85X.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index44.css');const g=require("react/jsx-runtime"),m=require("../../classix-5H4IWnMA.cjs"),o=require("../../icons-B_uIKmIp.cjs"),r="_icon_1dkgk_1",l="_small_1dkgk_10",d="_medium_1dkgk_15",_="_large_1dkgk_20",k="_danger_1dkgk_25",e={icon:r,small:l,medium:d,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=({gap:n="none",name:t,size:a="medium",variant:s,weight:c})=>{const i={maskImage:o.iconSVG(t,void 0,c)};return g.jsx("span",{"aria-hidden":"true",className:m.t(n!=="none"&&e[`gap-${n}`],u[a],e.icon,s&&p[s]),style:i,"data-component":"icon"})},I=()=>o.iconNames;exports.Icon=y;exports.getIconNames=I;
 //# sourceMappingURL=index.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/icon/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport { type IconName, iconPaths, iconSVG } from './icons';\nimport styles from './styles.module.css';\n\nconst sizes = {\n  large: styles.large,\n  medium: styles.medium,\n  small: styles.small,\n};\n\nconst variants = {\n  danger: styles.danger,\n};\n\nexport type IconProps = {\n  fill?: boolean;\n  gap?: 'left' | 'none' | 'right';\n  name: IconName;\n  size?: keyof typeof sizes;\n  variant?: keyof typeof variants;\n};\n\nexport const Icon = ({ fill, gap = 'none', name, size = 'medium', variant }: IconProps) => {\n  const iconStyle = {\n    maskImage: iconSVG(name, fill ?? false),\n  } as React.CSSProperties;\n\n  return (\n    <span\n      aria-hidden='true'\n      className={cx(\n        gap !== 'none' && styles[`gap-${gap}`],\n        sizes[size],\n        styles.icon,\n        variant && variants[variant]\n      )}\n      style={iconStyle}\n    />\n  );\n};\n\nexport const Icons = () => {\n  return Object.keys(iconPaths);\n};\n"],"names":["sizes","large","styles","medium","small","variants","danger","Icon","fill","gap","name","size","variant","iconStyle","maskImage","iconSVG","jsx","cx","icon","Icons","Object","keys","iconPaths"],"mappings":"sZAKMA,EAAQ,CACZC,MAAOC,EAAOD,MACdE,OAAQD,EAAOC,OACfC,MAAOF,EAAOE,KAChB,EAEMC,EAAW,CACfC,OAAQJ,EAAOI,MACjB,EAUaC,EAAOA,CAAC,CAAEC,KAAAA,EAAMC,IAAAA,EAAM,OAAQC,KAAAA,EAAMC,KAAAA,EAAO,SAAUC,QAAAA,CAAmB,IAAM,CACzF,MAAMC,EAAY,CAChBC,UAAWC,EAAAA,QAAQL,EAAMF,GAAQ,EAAK,CAAA,EAGxC,OACEQ,EAAAA,IAAC,OAAA,CACC,cAAY,OACZ,UAAWC,IACTR,IAAQ,QAAUP,EAAO,OAAOO,CAAG,EAAE,EACrCT,EAAMW,CAAI,EACVT,EAAOgB,KACPN,GAAWP,EAASO,CAAO,CAC7B,EACA,MAAOC,EAAU,iBAAA,MAAA,CAAA,CAGvB,EAEaM,EAAQA,IACZC,OAAOC,KAAKC,WAAS"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/icon/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport { type IconName, iconNames, iconSVG, type IconWeight } from './icons';\nimport styles from './styles.module.css';\n\nexport type { IconName, IconWeight } from './icons';\n\nconst sizes = {\n  large: styles.large,\n  medium: styles.medium,\n  small: styles.small,\n};\n\nconst variants = {\n  danger: styles.danger,\n};\n\nexport type IconProps = {\n  gap?: 'left' | 'none' | 'right';\n  name: IconName;\n  size?: keyof typeof sizes;\n  variant?: keyof typeof variants;\n  weight?: IconWeight;\n};\n\nexport const Icon = ({ gap = 'none', name, size = 'medium', variant, weight }: IconProps) => {\n  const iconStyle = {\n    maskImage: iconSVG(name, undefined, weight),\n  } as React.CSSProperties;\n\n  return (\n    <span\n      aria-hidden='true'\n      className={cx(\n        gap !== 'none' && styles[`gap-${gap}`],\n        sizes[size],\n        styles.icon,\n        variant && variants[variant]\n      )}\n      style={iconStyle}\n    />\n  );\n};\n\nexport const getIconNames = (): readonly IconName[] => iconNames;\n"],"names":["sizes","large","styles","medium","small","variants","danger","Icon","gap","name","size","variant","weight","iconStyle","maskImage","iconSVG","undefined","jsx","cx","icon","getIconNames","iconNames"],"mappings":"sZAOMA,EAAQ,CACZC,MAAOC,EAAOD,MACdE,OAAQD,EAAOC,OACfC,MAAOF,EAAOE,KAChB,EAEMC,EAAW,CACfC,OAAQJ,EAAOI,MACjB,EAUaC,EAAOA,CAAC,CAAEC,IAAAA,EAAM,OAAQC,KAAAA,EAAMC,KAAAA,EAAO,SAAUC,QAAAA,EAASC,OAAAA,CAAkB,IAAM,CAC3F,MAAMC,EAAY,CAChBC,UAAWC,EAAAA,QAAQN,EAAMO,OAAWJ,CAAM,CAAA,EAG5C,OACEK,EAAAA,IAAC,OAAA,CACC,cAAY,OACZ,UAAWC,IACTV,IAAQ,QAAUN,EAAO,OAAOM,CAAG,EAAE,EACrCR,EAAMU,CAAI,EACVR,EAAOiB,KACPR,GAAWN,EAASM,CAAO,CAC7B,EACA,MAAOE,EAAU,iBAAA,MAAA,CAAA,CAGvB,EAEaO,EAAeA,IAA2BC,EAAAA"}

package/dist/components/icon/index.js

@@ -1,9 +1,9 @@
-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-BkaMeh-J.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,
+import { jsx as g } from "react/jsx-runtime";
+import { t as i } from "../../classix-DG18itHa.js";
+import { a as c, i as r } from "../../icons-Dm2kyF0g.js";
+import '../../assets/index44.css';const d = "_icon_1dkgk_1", l = "_small_1dkgk_10", _ = "_medium_1dkgk_15", k = "_large_1dkgk_20", p = "_danger_1dkgk_25", n = {
+  icon: d,
+  small: l,
   medium: _,
   large: k,
   danger: p,
@@ -15,20 +15,20 @@ import '../../assets/index44.css';const l = "_icon_1dkgk_1", d = "_small_1dkgk_1
   small: n.small
 }, f = {
   danger: n.danger
-}, j = ({
-  fill: s,
+}, N = ({
   gap: e = "none",
   name: o,
-  size: t = "medium",
-  variant: a
+  size: s = "medium",
+  variant: a,
+  weight: m
 }) => {
-  const m = {
-    maskImage: g(o, s ?? !1)
+  const t = {
+    maskImage: r(o, void 0, m)
   };
-  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);
+  return /* @__PURE__ */ g("span", { "aria-hidden": "true", className: i(e !== "none" && n[`gap-${e}`], u[s], n.icon, a && f[a]), style: t, "data-component": "icon" });
+}, x = () => c;
 export {
-  j as Icon,
-  x as Icons
+  N as Icon,
+  x as getIconNames
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/icon/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport { type IconName, iconPaths, iconSVG } from './icons';\nimport styles from './styles.module.css';\n\nconst sizes = {\n  large: styles.large,\n  medium: styles.medium,\n  small: styles.small,\n};\n\nconst variants = {\n  danger: styles.danger,\n};\n\nexport type IconProps = {\n  fill?: boolean;\n  gap?: 'left' | 'none' | 'right';\n  name: IconName;\n  size?: keyof typeof sizes;\n  variant?: keyof typeof variants;\n};\n\nexport const Icon = ({ fill, gap = 'none', name, size = 'medium', variant }: IconProps) => {\n  const iconStyle = {\n    maskImage: iconSVG(name, fill ?? false),\n  } as React.CSSProperties;\n\n  return (\n    <span\n      aria-hidden='true'\n      className={cx(\n        gap !== 'none' && styles[`gap-${gap}`],\n        sizes[size],\n        styles.icon,\n        variant && variants[variant]\n      )}\n      style={iconStyle}\n    />\n  );\n};\n\nexport const Icons = () => {\n  return Object.keys(iconPaths);\n};\n"],"names":["sizes","large","styles","medium","small","variants","danger","Icon","fill","gap","name","size","variant","iconStyle","maskImage","iconSVG","jsx","cx","icon","Icons","Object","keys","iconPaths"],"mappings":";;;;;;;;;;;GAKMA,IAAQ;AAAA,EACZC,OAAOC,EAAOD;AAAAA,EACdE,QAAQD,EAAOC;AAAAA,EACfC,OAAOF,EAAOE;AAChB,GAEMC,IAAW;AAAA,EACfC,QAAQJ,EAAOI;AACjB,GAUaC,IAAOA,CAAC;AAAA,EAAEC,MAAAA;AAAAA,EAAMC,KAAAA,IAAM;AAAA,EAAQC,MAAAA;AAAAA,EAAMC,MAAAA,IAAO;AAAA,EAAUC,SAAAA;AAAmB,MAAM;AACzF,QAAMC,IAAY;AAAA,IAChBC,WAAWC,EAAQL,GAAMF,KAAQ,EAAK;AAAA,EAAA;AAGxC,SACE,gBAAAQ,EAAC,QAAA,EACC,eAAY,QACZ,WAAWC,EACTR,MAAQ,UAAUP,EAAO,OAAOO,CAAG,EAAE,GACrCT,EAAMW,CAAI,GACVT,EAAOgB,MACPN,KAAWP,EAASO,CAAO,CAC7B,GACA,OAAOC,GAAU,kBAAA,OAAA,CAAA;AAGvB,GAEaM,IAAQA,MACZC,OAAOC,KAAKC,CAAS;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/icon/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport { type IconName, iconNames, iconSVG, type IconWeight } from './icons';\nimport styles from './styles.module.css';\n\nexport type { IconName, IconWeight } from './icons';\n\nconst sizes = {\n  large: styles.large,\n  medium: styles.medium,\n  small: styles.small,\n};\n\nconst variants = {\n  danger: styles.danger,\n};\n\nexport type IconProps = {\n  gap?: 'left' | 'none' | 'right';\n  name: IconName;\n  size?: keyof typeof sizes;\n  variant?: keyof typeof variants;\n  weight?: IconWeight;\n};\n\nexport const Icon = ({ gap = 'none', name, size = 'medium', variant, weight }: IconProps) => {\n  const iconStyle = {\n    maskImage: iconSVG(name, undefined, weight),\n  } as React.CSSProperties;\n\n  return (\n    <span\n      aria-hidden='true'\n      className={cx(\n        gap !== 'none' && styles[`gap-${gap}`],\n        sizes[size],\n        styles.icon,\n        variant && variants[variant]\n      )}\n      style={iconStyle}\n    />\n  );\n};\n\nexport const getIconNames = (): readonly IconName[] => iconNames;\n"],"names":["sizes","large","styles","medium","small","variants","danger","Icon","gap","name","size","variant","weight","iconStyle","maskImage","iconSVG","undefined","jsx","cx","icon","getIconNames","iconNames"],"mappings":";;;;;;;;;;;GAOMA,IAAQ;AAAA,EACZC,OAAOC,EAAOD;AAAAA,EACdE,QAAQD,EAAOC;AAAAA,EACfC,OAAOF,EAAOE;AAChB,GAEMC,IAAW;AAAA,EACfC,QAAQJ,EAAOI;AACjB,GAUaC,IAAOA,CAAC;AAAA,EAAEC,KAAAA,IAAM;AAAA,EAAQC,MAAAA;AAAAA,EAAMC,MAAAA,IAAO;AAAA,EAAUC,SAAAA;AAAAA,EAASC,QAAAA;AAAkB,MAAM;AAC3F,QAAMC,IAAY;AAAA,IAChBC,WAAWC,EAAQN,GAAMO,QAAWJ,CAAM;AAAA,EAAA;AAG5C,SACE,gBAAAK,EAAC,QAAA,EACC,eAAY,QACZ,WAAWC,EACTV,MAAQ,UAAUN,EAAO,OAAOM,CAAG,EAAE,GACrCR,EAAMU,CAAI,GACVR,EAAOiB,MACPR,KAAWN,EAASM,CAAO,CAC7B,GACA,OAAOE,GAAU,kBAAA,OAAA,CAAA;AAGvB,GAEaO,IAAeA,MAA2BC;"}

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-Lq3pr85X.cjs");require("../../use-touched-Bq5Gjbpz.cjs");const e=require("../../index-BOiGSTKz.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-B_uIKmIp.cjs");require("../../use-touched-Bq5Gjbpz.cjs");const e=require("../../index-rXfEqyt5.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-BkaMeh-J.js";
+import "../../icons-Dm2kyF0g.js";
 import "../../use-touched-B999bBr8.js";
-import { I as a } from "../../index-DMGGDV9J.js";
+import { I as a } from "../../index-m3slpD7c.js";
 export {
   a as Input
 };

package/dist/components/list/index.cjs

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

package/dist/components/list/index.js

@@ -9,7 +9,7 @@ function N(t, s = []) {
     d(l) ? N(l.props.children, s) : s.push(l);
   }), s;
 }
-function h(t, {
+function w(t, {
   wrapper: s = "li"
 } = {}) {
   return N(t).filter((n) => n !== null).map((n, r) => {
@@ -21,16 +21,16 @@ function h(t, {
     }, n);
   });
 }
-const k = "_controls_n79gr_1", C = "_horizontal_n79gr_6", j = "_list_n79gr_17", v = "_columns_n79gr_57", L = "_compact_n79gr_72", o = {
-  controls: k,
-  horizontal: C,
-  list: j,
-  columns: v,
-  compact: L
+const g = "_controls_1ywr2_1", k = "_horizontal_1ywr2_6", C = "_list_1ywr2_17", j = "_columns_1ywr2_53", v = "_compact_1ywr2_70", o = {
+  controls: g,
+  horizontal: k,
+  list: C,
+  columns: j,
+  compact: v
 }, E = (t, s) => {
   typeof t == "function" ? t(s) : t && (t.current = s);
 };
-function w({
+function b({
   children: t,
   className: s,
   columns: l = 1,
@@ -42,16 +42,16 @@ function w({
   style: x,
   ...f
 }) {
-  const _ = Number.isFinite(l) ? Math.max(1, Math.floor(l)) : 1, p = V(s, o.list, _ > 1 && o.columns, r && o.horizontal, m && o.compact), y = {
+  const _ = Number.isFinite(l) ? Math.max(1, Math.floor(l)) : 1, y = V(s, o.list, _ > 1 && o.columns, r && o.horizontal, m && o.compact), p = {
     ...x,
     "--list-columns": _
-  }, g = i ? /* @__PURE__ */ a("ol", { className: p, ref: (c) => E(u, c), style: y, ...f, children: h(t) }) : /* @__PURE__ */ a("ul", { className: p, ref: (c) => E(u, c), style: y, ...f, children: h(t) });
-  return n == null ? g : /* @__PURE__ */ z(F, { children: [
+  }, h = i ? /* @__PURE__ */ a("ol", { className: y, ref: (c) => E(u, c), style: p, ...f, children: w(t) }) : /* @__PURE__ */ a("ul", { className: y, ref: (c) => E(u, c), style: p, ...f, children: w(t) });
+  return n == null ? h : /* @__PURE__ */ z(F, { children: [
     /* @__PURE__ */ a("div", { className: o.controls, children: n }),
-    g
+    h
   ] });
 }
 export {
-  w as List
+  b as List
 };
 //# sourceMappingURL=index.js.map

package/dist/components/menu/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),x=require("../button/index.cjs"),j=require("../icon/index.cjs"),c=require("../../menu-popover-D1ALaiV5.cjs");function M(e){return[...e].sort((n,u)=>+!!n.isDanger-+!!u.isDanger)}const v=e=>M(e).map(n=>({button:r.jsxs(x.Button,{"aria-label":n.accessibleLabel,disabled:n.disabled,children:[n.icon&&r.jsx(j.Icon,{fill:!0,gap:"right",name:n.icon,size:"small"}),r.jsx("span",{children:n.label})]}),id:n.id,isActive:n.isActive,isDanger:n.isDanger,value:n})),f=({inline:e=!1,items:n,menuAccessibleLabel:u="Menu",onItemSelect:s,triggerAccessibleLabel:t="Open menu",triggerIcon:p="dots",triggerLabel:b,variant:g="popover"})=>{const d=v(n);return g==="simple"?r.jsx(c.MenuActionList,{actions:d,menuAccessibleLabel:u,onSelect:o=>{var a;(a=o.onSelect)==null||a.call(o),s==null||s(o)},"data-component":"menu"}):r.jsx(c.MenuPopover,{inline:e,triggerAccessibleLabel:t,triggerIcon:p,triggerLabel:b,"data-component":"menu",children:({close:o,initialFocus:a})=>r.jsx(c.MenuActionList,{actions:d,initialFocus:a,menuAccessibleLabel:u,onSelect:i=>{var l;(l=i.onSelect)==null||l.call(i),s==null||s(i),o()},usesMenuSemantics:!0})})};exports.Menu=f;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),x=require("../button/index.cjs"),j=require("../icon/index.cjs"),i=require("../../menu-popover-CM3v5s-5.cjs");function M(e){return[...e].sort((n,a)=>+!!n.isDanger-+!!a.isDanger)}const v=e=>M(e).map(n=>({button:r.jsxs(x.Button,{"aria-label":n.accessibleLabel,disabled:n.disabled,children:[n.icon&&r.jsx(j.Icon,{gap:"right",name:n.icon,size:"small"}),r.jsx("span",{children:n.label})]}),id:n.id,isActive:n.isActive,isDanger:n.isDanger,value:n})),D=({inline:e=!1,items:n,menuAccessibleLabel:a="Menu",onItemSelect:s,triggerAccessibleLabel:l="Open menu",triggerIcon:p="DotsThreeVertical",triggerLabel:b,variant:g="popover"})=>{const t=v(n);return g==="simple"?r.jsx(i.MenuActionList,{actions:t,menuAccessibleLabel:a,onSelect:o=>{var u;(u=o.onSelect)==null||u.call(o),s==null||s(o)},"data-component":"menu"}):r.jsx(i.MenuPopover,{inline:e,triggerAccessibleLabel:l,triggerIcon:p,triggerLabel:b,"data-component":"menu",children:({close:o,initialFocus:u})=>r.jsx(i.MenuActionList,{actions:t,initialFocus:u,menuAccessibleLabel:a,onSelect:c=>{var d;(d=c.onSelect)==null||d.call(c),s==null||s(c),o()},usesMenuSemantics:!0})})};exports.Menu=D;
 //# sourceMappingURL=index.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/menu/index.tsx"],"sourcesContent":["import { Button } from '@/components/button';\nimport { Icon } from '@/components/icon';\nimport { type IconName } from '@/components/icon/icons';\n\nimport { type MenuAction, MenuActionList } from './action-list';\nimport { MenuPopover } from './menu-popover';\n\nexport type MenuItem = {\n  accessibleLabel?: string;\n  disabled?: boolean;\n  icon?: IconName;\n  id?: string;\n  isActive?: boolean;\n  isDanger?: boolean;\n  label: React.ReactNode;\n  onSelect?: () => void;\n};\n\ntype MenuSharedProps = {\n  items: MenuItem[];\n  menuAccessibleLabel?: string;\n  onItemSelect?: (item: MenuItem) => void;\n};\n\ntype PopoverMenuProps = {\n  inline?: boolean;\n  triggerAccessibleLabel?: string;\n  triggerIcon?: IconName;\n  triggerLabel?: React.ReactNode;\n  variant?: 'popover';\n};\n\ntype SimpleMenuProps = {\n  inline?: never;\n  triggerAccessibleLabel?: never;\n  triggerIcon?: never;\n  triggerLabel?: never;\n  variant: 'simple';\n};\n\nexport type MenuProps = MenuSharedProps & (PopoverMenuProps | SimpleMenuProps);\n\nfunction sortDangerItemsLast(items: MenuItem[]) {\n  return [...items].sort(\n    (left, right) => Number(Boolean(left.isDanger)) - Number(Boolean(right.isDanger))\n  );\n}\n\nconst getActions = (items: MenuItem[]): MenuAction<MenuItem>[] =>\n  sortDangerItemsLast(items).map((item) => ({\n    button: (\n      <Button\n        aria-label={item.accessibleLabel}\n        disabled={item.disabled}\n      >\n        {item.icon && (\n          <Icon\n            fill\n            gap='right'\n            name={item.icon}\n            size='small'\n          />\n        )}\n        <span>{item.label}</span>\n      </Button>\n    ),\n    id: item.id,\n    isActive: item.isActive,\n    isDanger: item.isDanger,\n    value: item,\n  }));\n\nexport const Menu = ({\n  inline = false,\n  items,\n  menuAccessibleLabel = 'Menu',\n  onItemSelect,\n  triggerAccessibleLabel = 'Open menu',\n  triggerIcon = 'dots',\n  triggerLabel,\n  variant = 'popover',\n}: MenuProps) => {\n  const actions = getActions(items);\n\n  if (variant === 'simple') {\n    return (\n      <MenuActionList\n        actions={actions}\n        menuAccessibleLabel={menuAccessibleLabel}\n        onSelect={(item) => {\n          item.onSelect?.();\n          onItemSelect?.(item);\n        }}\n      />\n    );\n  }\n\n  return (\n    <MenuPopover\n      inline={inline}\n      triggerAccessibleLabel={triggerAccessibleLabel}\n      triggerIcon={triggerIcon}\n      triggerLabel={triggerLabel}\n    >\n      {({ close, initialFocus }) => (\n        <MenuActionList\n          actions={actions}\n          initialFocus={initialFocus}\n          menuAccessibleLabel={menuAccessibleLabel}\n          onSelect={(item) => {\n            item.onSelect?.();\n            onItemSelect?.(item);\n            close();\n          }}\n          usesMenuSemantics\n        />\n      )}\n    </MenuPopover>\n  );\n};\n"],"names":["sortDangerItemsLast","items","sort","left","right","Number","Boolean","isDanger","getActions","map","item","button","Button","accessibleLabel","disabled","icon","jsx","Icon","label","id","isActive","value","Menu","inline","menuAccessibleLabel","onItemSelect","triggerAccessibleLabel","triggerIcon","triggerLabel","variant","actions","MenuActionList","onSelect","MenuPopover","close","initialFocus"],"mappings":"kOA0CA,SAASA,EAAoBC,EAAmB,CAC9C,MAAO,CAAC,GAAGA,CAAK,EAAEC,KAChB,CAACC,EAAMC,IAAUC,CAAOC,EAAQH,EAAKI,SAAaF,CAAOC,EAAQF,EAAMG,QACzE,CACF,CAEA,MAAMC,EAAcP,GAClBD,EAAoBC,CAAK,EAAEQ,IAAKC,IAAU,CACxCC,cACGC,SAAA,CACC,aAAYF,EAAKG,gBACjB,SAAUH,EAAKI,SAEdJ,SAAAA,CAAAA,EAAKK,MACJC,EAAAA,IAACC,EAAAA,KAAA,CACC,KAAI,GACJ,IAAI,QACJ,KAAMP,EAAKK,KACX,KAAK,OAAA,CAAO,EAGhBC,EAAAA,IAAC,OAAA,CAAMN,SAAAA,EAAKQ,KAAAA,CAAM,CAAA,EACpB,EAEFC,GAAIT,EAAKS,GACTC,SAAUV,EAAKU,SACfb,SAAUG,EAAKH,SACfc,MAAOX,CACT,EAAE,EAESY,EAAOA,CAAC,CACnBC,OAAAA,EAAS,GACTtB,MAAAA,EACAuB,oBAAAA,EAAsB,OACtBC,aAAAA,EACAC,uBAAAA,EAAyB,YACzBC,YAAAA,EAAc,OACdC,aAAAA,EACAC,QAAAA,EAAU,SACD,IAAM,CACf,MAAMC,EAAUtB,EAAWP,CAAK,EAEhC,OAAI4B,IAAY,SAEZb,EAAAA,IAACe,EAAAA,eAAA,CACC,QAAAD,EACA,oBAAAN,EACA,SAAWd,GAAS,QAClBA,EAAAA,EAAKsB,WAALtB,MAAAA,EAAAA,KAAAA,GACAe,GAAAA,MAAAA,EAAef,EACjB,EAAE,iBAAA,OAAA,EAMNM,MAACiB,EAAAA,aACC,OAAAV,EACA,uBAAAG,EACA,YAAAC,EACA,aAAAC,EAA2B,iBAAA,OAE1B,SAAA,CAAC,CAAEM,MAAAA,EAAOC,aAAAA,CAAAA,IACTnB,EAAAA,IAACe,EAAAA,eAAA,CACC,QAAAD,EACA,aAAAK,EACA,oBAAAX,EACA,SAAWd,GAAS,QAClBA,EAAAA,EAAKsB,WAALtB,MAAAA,EAAAA,KAAAA,GACAe,GAAAA,MAAAA,EAAef,GACfwB,EAAAA,CACF,EACA,kBAAiB,EAAA,CAAA,EAGvB,CAEJ"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/menu/index.tsx"],"sourcesContent":["import { Button } from '@/components/button';\nimport { Icon, type IconName } from '@/components/icon';\n\nimport { type MenuAction, MenuActionList } from './action-list';\nimport { MenuPopover } from './menu-popover';\n\nexport type MenuItem = {\n  accessibleLabel?: string;\n  disabled?: boolean;\n  icon?: IconName;\n  id?: string;\n  isActive?: boolean;\n  isDanger?: boolean;\n  label: React.ReactNode;\n  onSelect?: () => void;\n};\n\ntype MenuSharedProps = {\n  items: MenuItem[];\n  menuAccessibleLabel?: string;\n  onItemSelect?: (item: MenuItem) => void;\n};\n\ntype PopoverMenuProps = {\n  inline?: boolean;\n  triggerAccessibleLabel?: string;\n  triggerIcon?: IconName;\n  triggerLabel?: React.ReactNode;\n  variant?: 'popover';\n};\n\ntype SimpleMenuProps = {\n  inline?: never;\n  triggerAccessibleLabel?: never;\n  triggerIcon?: never;\n  triggerLabel?: never;\n  variant: 'simple';\n};\n\nexport type MenuProps = MenuSharedProps & (PopoverMenuProps | SimpleMenuProps);\n\nfunction sortDangerItemsLast(items: MenuItem[]) {\n  return [...items].sort(\n    (left, right) => Number(Boolean(left.isDanger)) - Number(Boolean(right.isDanger))\n  );\n}\n\nconst getActions = (items: MenuItem[]): MenuAction<MenuItem>[] =>\n  sortDangerItemsLast(items).map((item) => ({\n    button: (\n      <Button\n        aria-label={item.accessibleLabel}\n        disabled={item.disabled}\n      >\n        {item.icon && (\n          <Icon\n            gap='right'\n            name={item.icon}\n            size='small'\n          />\n        )}\n        <span>{item.label}</span>\n      </Button>\n    ),\n    id: item.id,\n    isActive: item.isActive,\n    isDanger: item.isDanger,\n    value: item,\n  }));\n\nexport const Menu = ({\n  inline = false,\n  items,\n  menuAccessibleLabel = 'Menu',\n  onItemSelect,\n  triggerAccessibleLabel = 'Open menu',\n  triggerIcon = 'DotsThreeVertical',\n  triggerLabel,\n  variant = 'popover',\n}: MenuProps) => {\n  const actions = getActions(items);\n\n  if (variant === 'simple') {\n    return (\n      <MenuActionList\n        actions={actions}\n        menuAccessibleLabel={menuAccessibleLabel}\n        onSelect={(item) => {\n          item.onSelect?.();\n          onItemSelect?.(item);\n        }}\n      />\n    );\n  }\n\n  return (\n    <MenuPopover\n      inline={inline}\n      triggerAccessibleLabel={triggerAccessibleLabel}\n      triggerIcon={triggerIcon}\n      triggerLabel={triggerLabel}\n    >\n      {({ close, initialFocus }) => (\n        <MenuActionList\n          actions={actions}\n          initialFocus={initialFocus}\n          menuAccessibleLabel={menuAccessibleLabel}\n          onSelect={(item) => {\n            item.onSelect?.();\n            onItemSelect?.(item);\n            close();\n          }}\n          usesMenuSemantics\n        />\n      )}\n    </MenuPopover>\n  );\n};\n"],"names":["sortDangerItemsLast","items","sort","left","right","Number","Boolean","isDanger","getActions","map","item","button","Button","accessibleLabel","disabled","icon","Icon","jsx","label","id","isActive","value","Menu","inline","menuAccessibleLabel","onItemSelect","triggerAccessibleLabel","triggerIcon","triggerLabel","variant","actions","MenuActionList","onSelect","MenuPopover","close","initialFocus"],"mappings":"kOAyCA,SAASA,EAAoBC,EAAmB,CAC9C,MAAO,CAAC,GAAGA,CAAK,EAAEC,KAChB,CAACC,EAAMC,IAAUC,CAAOC,EAAQH,EAAKI,SAAaF,CAAOC,EAAQF,EAAMG,QACzE,CACF,CAEA,MAAMC,EAAcP,GAClBD,EAAoBC,CAAK,EAAEQ,IAAKC,IAAU,CACxCC,cACGC,SAAA,CACC,aAAYF,EAAKG,gBACjB,SAAUH,EAAKI,SAEdJ,SAAAA,CAAAA,EAAKK,YACHC,EAAAA,KAAA,CACC,IAAI,QACJ,KAAMN,EAAKK,KACX,KAAK,OAAA,CAAO,EAGhBE,EAAAA,IAAC,OAAA,CAAMP,SAAAA,EAAKQ,KAAAA,CAAM,CAAA,EACpB,EAEFC,GAAIT,EAAKS,GACTC,SAAUV,EAAKU,SACfb,SAAUG,EAAKH,SACfc,MAAOX,CACT,EAAE,EAESY,EAAOA,CAAC,CACnBC,OAAAA,EAAS,GACTtB,MAAAA,EACAuB,oBAAAA,EAAsB,OACtBC,aAAAA,EACAC,uBAAAA,EAAyB,YACzBC,YAAAA,EAAc,oBACdC,aAAAA,EACAC,QAAAA,EAAU,SACD,IAAM,CACf,MAAMC,EAAUtB,EAAWP,CAAK,EAEhC,OAAI4B,IAAY,SAEZZ,EAAAA,IAACc,EAAAA,eAAA,CACC,QAAAD,EACA,oBAAAN,EACA,SAAWd,GAAS,QAClBA,EAAAA,EAAKsB,WAALtB,MAAAA,EAAAA,KAAAA,GACAe,GAAAA,MAAAA,EAAef,EACjB,EAAE,iBAAA,OAAA,EAMNO,MAACgB,EAAAA,aACC,OAAAV,EACA,uBAAAG,EACA,YAAAC,EACA,aAAAC,EAA2B,iBAAA,OAE1B,SAAA,CAAC,CAAEM,MAAAA,EAAOC,aAAAA,CAAAA,IACTlB,EAAAA,IAACc,EAAAA,eAAA,CACC,QAAAD,EACA,aAAAK,EACA,oBAAAX,EACA,SAAWd,GAAS,QAClBA,EAAAA,EAAKsB,WAALtB,MAAAA,EAAAA,KAAAA,GACAe,GAAAA,MAAAA,EAAef,GACfwB,EAAAA,CACF,EACA,kBAAiB,EAAA,CAAA,EAGvB,CAEJ"}

package/dist/components/menu/index.js

@@ -1,13 +1,13 @@
-import { jsx as o, jsxs as M } from "react/jsx-runtime";
-import { Button as v } from "../button/index.js";
-import { Icon as D } from "../icon/index.js";
-import { M as d, a as h } from "../../menu-popover-DQHDIw-8.js";
-function t(a) {
-  return [...a].sort((n, u) => +!!n.isDanger - +!!u.isDanger);
+import { jsx as o, jsxs as D } from "react/jsx-runtime";
+import { Button as M } from "../button/index.js";
+import { Icon as h } from "../icon/index.js";
+import { M as d, a as v } from "../../menu-popover-DOkciab5.js";
+function t(s) {
+  return [...s].sort((n, u) => +!!n.isDanger - +!!u.isDanger);
 }
-const x = (a) => t(a).map((n) => ({
-  button: /* @__PURE__ */ M(v, { "aria-label": n.accessibleLabel, disabled: n.disabled, children: [
-    n.icon && /* @__PURE__ */ o(D, { fill: !0, gap: "right", name: n.icon, size: "small" }),
+const x = (s) => t(s).map((n) => ({
+  button: /* @__PURE__ */ D(M, { "aria-label": n.accessibleLabel, disabled: n.disabled, children: [
+    n.icon && /* @__PURE__ */ o(h, { gap: "right", name: n.icon, size: "small" }),
     /* @__PURE__ */ o("span", { children: n.label })
   ] }),
   id: n.id,
@@ -15,25 +15,25 @@ const x = (a) => t(a).map((n) => ({
   isDanger: n.isDanger,
   value: n
 })), N = ({
-  inline: a = !1,
+  inline: s = !1,
   items: n,
   menuAccessibleLabel: u = "Menu",
   onItemSelect: r,
   triggerAccessibleLabel: e = "Open menu",
-  triggerIcon: f = "dots",
-  triggerLabel: g,
-  variant: b = "popover"
+  triggerIcon: g = "DotsThreeVertical",
+  triggerLabel: b,
+  variant: f = "popover"
 }) => {
   const c = x(n);
-  return b === "simple" ? /* @__PURE__ */ o(d, { actions: c, menuAccessibleLabel: u, onSelect: (s) => {
+  return f === "simple" ? /* @__PURE__ */ o(d, { actions: c, menuAccessibleLabel: u, onSelect: (a) => {
     var i;
-    (i = s.onSelect) == null || i.call(s), r == null || r(s);
-  }, "data-component": "menu" }) : /* @__PURE__ */ o(h, { inline: a, triggerAccessibleLabel: e, triggerIcon: f, triggerLabel: g, "data-component": "menu", children: ({
-    close: s,
+    (i = a.onSelect) == null || i.call(a), r == null || r(a);
+  }, "data-component": "menu" }) : /* @__PURE__ */ o(v, { inline: s, triggerAccessibleLabel: e, triggerIcon: g, triggerLabel: b, "data-component": "menu", children: ({
+    close: a,
     initialFocus: i
   }) => /* @__PURE__ */ o(d, { actions: c, initialFocus: i, menuAccessibleLabel: u, onSelect: (p) => {
     var l;
-    (l = p.onSelect) == null || l.call(p), r == null || r(p), s();
+    (l = p.onSelect) == null || l.call(p), r == null || r(p), a();
   }, usesMenuSemantics: !0 }) });
 };
 export {

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/menu/index.tsx"],"sourcesContent":["import { Button } from '@/components/button';\nimport { Icon } from '@/components/icon';\nimport { type IconName } from '@/components/icon/icons';\n\nimport { type MenuAction, MenuActionList } from './action-list';\nimport { MenuPopover } from './menu-popover';\n\nexport type MenuItem = {\n  accessibleLabel?: string;\n  disabled?: boolean;\n  icon?: IconName;\n  id?: string;\n  isActive?: boolean;\n  isDanger?: boolean;\n  label: React.ReactNode;\n  onSelect?: () => void;\n};\n\ntype MenuSharedProps = {\n  items: MenuItem[];\n  menuAccessibleLabel?: string;\n  onItemSelect?: (item: MenuItem) => void;\n};\n\ntype PopoverMenuProps = {\n  inline?: boolean;\n  triggerAccessibleLabel?: string;\n  triggerIcon?: IconName;\n  triggerLabel?: React.ReactNode;\n  variant?: 'popover';\n};\n\ntype SimpleMenuProps = {\n  inline?: never;\n  triggerAccessibleLabel?: never;\n  triggerIcon?: never;\n  triggerLabel?: never;\n  variant: 'simple';\n};\n\nexport type MenuProps = MenuSharedProps & (PopoverMenuProps | SimpleMenuProps);\n\nfunction sortDangerItemsLast(items: MenuItem[]) {\n  return [...items].sort(\n    (left, right) => Number(Boolean(left.isDanger)) - Number(Boolean(right.isDanger))\n  );\n}\n\nconst getActions = (items: MenuItem[]): MenuAction<MenuItem>[] =>\n  sortDangerItemsLast(items).map((item) => ({\n    button: (\n      <Button\n        aria-label={item.accessibleLabel}\n        disabled={item.disabled}\n      >\n        {item.icon && (\n          <Icon\n            fill\n            gap='right'\n            name={item.icon}\n            size='small'\n          />\n        )}\n        <span>{item.label}</span>\n      </Button>\n    ),\n    id: item.id,\n    isActive: item.isActive,\n    isDanger: item.isDanger,\n    value: item,\n  }));\n\nexport const Menu = ({\n  inline = false,\n  items,\n  menuAccessibleLabel = 'Menu',\n  onItemSelect,\n  triggerAccessibleLabel = 'Open menu',\n  triggerIcon = 'dots',\n  triggerLabel,\n  variant = 'popover',\n}: MenuProps) => {\n  const actions = getActions(items);\n\n  if (variant === 'simple') {\n    return (\n      <MenuActionList\n        actions={actions}\n        menuAccessibleLabel={menuAccessibleLabel}\n        onSelect={(item) => {\n          item.onSelect?.();\n          onItemSelect?.(item);\n        }}\n      />\n    );\n  }\n\n  return (\n    <MenuPopover\n      inline={inline}\n      triggerAccessibleLabel={triggerAccessibleLabel}\n      triggerIcon={triggerIcon}\n      triggerLabel={triggerLabel}\n    >\n      {({ close, initialFocus }) => (\n        <MenuActionList\n          actions={actions}\n          initialFocus={initialFocus}\n          menuAccessibleLabel={menuAccessibleLabel}\n          onSelect={(item) => {\n            item.onSelect?.();\n            onItemSelect?.(item);\n            close();\n          }}\n          usesMenuSemantics\n        />\n      )}\n    </MenuPopover>\n  );\n};\n"],"names":["sortDangerItemsLast","items","sort","left","right","Number","Boolean","isDanger","getActions","map","item","button","Button","accessibleLabel","disabled","icon","jsx","Icon","label","id","isActive","value","Menu","inline","menuAccessibleLabel","onItemSelect","triggerAccessibleLabel","triggerIcon","triggerLabel","variant","actions","MenuActionList","onSelect","MenuPopover","close","initialFocus"],"mappings":";;;;AA0CA,SAASA,EAAoBC,GAAmB;AAC9C,SAAO,CAAC,GAAGA,CAAK,EAAEC,KAChB,CAACC,GAAMC,MAAUC,CAAOC,EAAQH,EAAKI,WAAaF,CAAOC,EAAQF,EAAMG,QACzE;AACF;AAEA,MAAMC,IAAaA,CAACP,MAClBD,EAAoBC,CAAK,EAAEQ,IAAKC,CAAAA,OAAU;AAAA,EACxCC,0BACGC,GAAA,EACC,cAAYF,EAAKG,iBACjB,UAAUH,EAAKI,UAEdJ,UAAAA;AAAAA,IAAAA,EAAKK,QACJ,gBAAAC,EAACC,GAAA,EACC,MAAI,IACJ,KAAI,SACJ,MAAMP,EAAKK,MACX,MAAK,QAAA,CAAO;AAAA,IAGhB,gBAAAC,EAAC,QAAA,EAAMN,UAAAA,EAAKQ,MAAAA,CAAM;AAAA,EAAA,GACpB;AAAA,EAEFC,IAAIT,EAAKS;AAAAA,EACTC,UAAUV,EAAKU;AAAAA,EACfb,UAAUG,EAAKH;AAAAA,EACfc,OAAOX;AACT,EAAE,GAESY,IAAOA,CAAC;AAAA,EACnBC,QAAAA,IAAS;AAAA,EACTtB,OAAAA;AAAAA,EACAuB,qBAAAA,IAAsB;AAAA,EACtBC,cAAAA;AAAAA,EACAC,wBAAAA,IAAyB;AAAA,EACzBC,aAAAA,IAAc;AAAA,EACdC,cAAAA;AAAAA,EACAC,SAAAA,IAAU;AACD,MAAM;AACf,QAAMC,IAAUtB,EAAWP,CAAK;AAEhC,SAAI4B,MAAY,WAEZ,gBAAAb,EAACe,GAAA,EACC,SAAAD,GACA,qBAAAN,GACA,UAAWd,CAAAA,MAAS;;AAClBA,KAAAA,IAAAA,EAAKsB,aAALtB,QAAAA,EAAAA,KAAAA,IACAe,KAAAA,QAAAA,EAAef;AAAAA,EACjB,GAAE,kBAAA,QAAA,IAMN,gBAAAM,EAACiB,KACC,QAAAV,GACA,wBAAAG,GACA,aAAAC,GACA,cAAAC,GAA2B,kBAAA,QAE1B,UAAA,CAAC;AAAA,IAAEM,OAAAA;AAAAA,IAAOC,cAAAA;AAAAA,EAAAA,MACT,gBAAAnB,EAACe,GAAA,EACC,SAAAD,GACA,cAAAK,GACA,qBAAAX,GACA,UAAWd,CAAAA,MAAS;;AAClBA,KAAAA,IAAAA,EAAKsB,aAALtB,QAAAA,EAAAA,KAAAA,IACAe,KAAAA,QAAAA,EAAef,IACfwB,EAAAA;AAAAA,EACF,GACA,mBAAiB,GAAA,CAAA,GAGvB;AAEJ;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/menu/index.tsx"],"sourcesContent":["import { Button } from '@/components/button';\nimport { Icon, type IconName } from '@/components/icon';\n\nimport { type MenuAction, MenuActionList } from './action-list';\nimport { MenuPopover } from './menu-popover';\n\nexport type MenuItem = {\n  accessibleLabel?: string;\n  disabled?: boolean;\n  icon?: IconName;\n  id?: string;\n  isActive?: boolean;\n  isDanger?: boolean;\n  label: React.ReactNode;\n  onSelect?: () => void;\n};\n\ntype MenuSharedProps = {\n  items: MenuItem[];\n  menuAccessibleLabel?: string;\n  onItemSelect?: (item: MenuItem) => void;\n};\n\ntype PopoverMenuProps = {\n  inline?: boolean;\n  triggerAccessibleLabel?: string;\n  triggerIcon?: IconName;\n  triggerLabel?: React.ReactNode;\n  variant?: 'popover';\n};\n\ntype SimpleMenuProps = {\n  inline?: never;\n  triggerAccessibleLabel?: never;\n  triggerIcon?: never;\n  triggerLabel?: never;\n  variant: 'simple';\n};\n\nexport type MenuProps = MenuSharedProps & (PopoverMenuProps | SimpleMenuProps);\n\nfunction sortDangerItemsLast(items: MenuItem[]) {\n  return [...items].sort(\n    (left, right) => Number(Boolean(left.isDanger)) - Number(Boolean(right.isDanger))\n  );\n}\n\nconst getActions = (items: MenuItem[]): MenuAction<MenuItem>[] =>\n  sortDangerItemsLast(items).map((item) => ({\n    button: (\n      <Button\n        aria-label={item.accessibleLabel}\n        disabled={item.disabled}\n      >\n        {item.icon && (\n          <Icon\n            gap='right'\n            name={item.icon}\n            size='small'\n          />\n        )}\n        <span>{item.label}</span>\n      </Button>\n    ),\n    id: item.id,\n    isActive: item.isActive,\n    isDanger: item.isDanger,\n    value: item,\n  }));\n\nexport const Menu = ({\n  inline = false,\n  items,\n  menuAccessibleLabel = 'Menu',\n  onItemSelect,\n  triggerAccessibleLabel = 'Open menu',\n  triggerIcon = 'DotsThreeVertical',\n  triggerLabel,\n  variant = 'popover',\n}: MenuProps) => {\n  const actions = getActions(items);\n\n  if (variant === 'simple') {\n    return (\n      <MenuActionList\n        actions={actions}\n        menuAccessibleLabel={menuAccessibleLabel}\n        onSelect={(item) => {\n          item.onSelect?.();\n          onItemSelect?.(item);\n        }}\n      />\n    );\n  }\n\n  return (\n    <MenuPopover\n      inline={inline}\n      triggerAccessibleLabel={triggerAccessibleLabel}\n      triggerIcon={triggerIcon}\n      triggerLabel={triggerLabel}\n    >\n      {({ close, initialFocus }) => (\n        <MenuActionList\n          actions={actions}\n          initialFocus={initialFocus}\n          menuAccessibleLabel={menuAccessibleLabel}\n          onSelect={(item) => {\n            item.onSelect?.();\n            onItemSelect?.(item);\n            close();\n          }}\n          usesMenuSemantics\n        />\n      )}\n    </MenuPopover>\n  );\n};\n"],"names":["sortDangerItemsLast","items","sort","left","right","Number","Boolean","isDanger","getActions","map","item","button","Button","accessibleLabel","disabled","icon","Icon","jsx","label","id","isActive","value","Menu","inline","menuAccessibleLabel","onItemSelect","triggerAccessibleLabel","triggerIcon","triggerLabel","variant","actions","MenuActionList","onSelect","MenuPopover","close","initialFocus"],"mappings":";;;;AAyCA,SAASA,EAAoBC,GAAmB;AAC9C,SAAO,CAAC,GAAGA,CAAK,EAAEC,KAChB,CAACC,GAAMC,MAAUC,CAAOC,EAAQH,EAAKI,WAAaF,CAAOC,EAAQF,EAAMG,QACzE;AACF;AAEA,MAAMC,IAAaA,CAACP,MAClBD,EAAoBC,CAAK,EAAEQ,IAAKC,CAAAA,OAAU;AAAA,EACxCC,0BACGC,GAAA,EACC,cAAYF,EAAKG,iBACjB,UAAUH,EAAKI,UAEdJ,UAAAA;AAAAA,IAAAA,EAAKK,0BACHC,GAAA,EACC,KAAI,SACJ,MAAMN,EAAKK,MACX,MAAK,QAAA,CAAO;AAAA,IAGhB,gBAAAE,EAAC,QAAA,EAAMP,UAAAA,EAAKQ,MAAAA,CAAM;AAAA,EAAA,GACpB;AAAA,EAEFC,IAAIT,EAAKS;AAAAA,EACTC,UAAUV,EAAKU;AAAAA,EACfb,UAAUG,EAAKH;AAAAA,EACfc,OAAOX;AACT,EAAE,GAESY,IAAOA,CAAC;AAAA,EACnBC,QAAAA,IAAS;AAAA,EACTtB,OAAAA;AAAAA,EACAuB,qBAAAA,IAAsB;AAAA,EACtBC,cAAAA;AAAAA,EACAC,wBAAAA,IAAyB;AAAA,EACzBC,aAAAA,IAAc;AAAA,EACdC,cAAAA;AAAAA,EACAC,SAAAA,IAAU;AACD,MAAM;AACf,QAAMC,IAAUtB,EAAWP,CAAK;AAEhC,SAAI4B,MAAY,WAEZ,gBAAAZ,EAACc,GAAA,EACC,SAAAD,GACA,qBAAAN,GACA,UAAWd,CAAAA,MAAS;;AAClBA,KAAAA,IAAAA,EAAKsB,aAALtB,QAAAA,EAAAA,KAAAA,IACAe,KAAAA,QAAAA,EAAef;AAAAA,EACjB,GAAE,kBAAA,QAAA,IAMN,gBAAAO,EAACgB,KACC,QAAAV,GACA,wBAAAG,GACA,aAAAC,GACA,cAAAC,GAA2B,kBAAA,QAE1B,UAAA,CAAC;AAAA,IAAEM,OAAAA;AAAAA,IAAOC,cAAAA;AAAAA,EAAAA,MACT,gBAAAlB,EAACc,GAAA,EACC,SAAAD,GACA,cAAAK,GACA,qBAAAX,GACA,UAAWd,CAAAA,MAAS;;AAClBA,KAAAA,IAAAA,EAAKsB,aAALtB,QAAAA,EAAAA,KAAAA,IACAe,KAAAA,QAAAA,EAAef,IACfwB,EAAAA;AAAAA,EACF,GACA,mBAAiB,GAAA,CAAA,GAGvB;AAEJ;"}

package/dist/components/message/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index15.css');const e=require("react/jsx-runtime"),x=require("../../classix-5H4IWnMA.cjs"),b=require("../avatar/index.cjs"),y=require("../icon/index.cjs"),j="_attachments_pb8yr_1",h="_message_pb8yr_11",f="_timestamp_pb8yr_138",w="_preview_pb8yr_143",t={attachments:j,"message-group":"_message-group_pb8yr_11",message:h,timestamp:f,preview:w},S=({appearance:c="default",attachments:i,author:a,authorColor:o,authorImageUrl:l,authorRole:d,content:g,iconName:p="info",id:_,preview:u,timestamp:m,timestampText:v,type:s="default"})=>{const n=m?new Date(m):void 0,r=n?e.jsx("time",{className:t.timestamp,dateTime:n.toISOString(),children:v??n.toLocaleString()}):null;return e.jsxs("div",{className:t["message-group"],"data-message-type":s,"data-component":"message",children:[a&&e.jsx(b.Avatar,{accessibleLabel:a,color:o,imageUrl:l,name:a,role:d}),s==="system"&&r,e.jsxs("div",{className:x.t(t.message,u&&t.preview),"data-appearance":c,"data-id":_,"data-type":s,children:[s=="system"&&e.jsx(y.Icon,{fill:!0,gap:"right",name:p}),g]}),i&&e.jsx("div",{className:t.attachments,children:i}),s!=="system"&&r]})};exports.Message=S;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index15.css');const e=require("react/jsx-runtime"),v=require("../../classix-5H4IWnMA.cjs"),x=require("../avatar/index.cjs"),y=require("../icon/index.cjs"),h="_attachments_1yja9_1",w="_message_1yja9_11",S="_timestamp_1yja9_142",b="_preview_1yja9_147",a={attachments:h,"message-group":"_message-group_1yja9_11",message:w,timestamp:S,preview:b},f=({appearance:o="default",attachments:m,author:t,authorColor:r,authorImageUrl:l,authorRole:d,content:g,iconName:_="Info",id:p,preview:j,timestamp:c,timestampText:u,type:s="default"})=>{const n=c?new Date(c):void 0,i=n?e.jsx("time",{className:a.timestamp,dateTime:n.toISOString(),children:u??n.toLocaleString()}):null;return e.jsxs("div",{className:a["message-group"],"data-message-type":s,"data-component":"message",children:[t&&e.jsx(x.Avatar,{accessibleLabel:t,color:r,imageUrl:l,name:t,role:d}),s==="system"&&i,e.jsxs("div",{className:v.t(a.message,j&&a.preview),"data-appearance":o,"data-id":p,"data-type":s,children:[s=="system"&&e.jsx(y.Icon,{gap:"right",name:_}),g]}),m&&e.jsx("div",{className:a.attachments,children:m}),s!=="system"&&i]})};exports.Message=f;
 //# sourceMappingURL=index.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/message/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport { IconName } from '@/components/icon/icons.ts';\n\nimport { Avatar, type AvatarColor } from '../avatar';\nimport { Icon } from '../icon';\nimport styles from './styles.module.css';\n\nexport type MessageOptions = {\n  appearance?: 'default' | 'document' | 'file';\n  attachments?: React.ReactNode;\n  author?: string;\n  authorColor?: AvatarColor;\n  authorImageUrl?: string;\n  authorRole?: string;\n  content: React.ReactNode;\n  iconName?: IconName;\n  id: string;\n  preview?: boolean;\n  timestamp?: Date | string;\n  timestampText?: React.ReactNode;\n  type?: 'default' | 'minimal' | 'system' | 'user';\n};\n\nexport const Message = ({\n  appearance = 'default',\n  attachments,\n  author,\n  authorColor,\n  authorImageUrl,\n  authorRole,\n  content,\n  iconName = 'info',\n  id,\n  preview,\n  timestamp,\n  timestampText,\n  type = 'default',\n}: MessageOptions) => {\n  const date = timestamp ? new Date(timestamp) : undefined;\n  const timestampElement = date ? (\n    <time\n      className={styles.timestamp}\n      dateTime={date.toISOString()}\n    >\n      {timestampText ?? date.toLocaleString()}\n    </time>\n  ) : null;\n\n  return (\n    <div\n      className={styles['message-group']}\n      data-message-type={type}\n    >\n      {author && (\n        <Avatar\n          accessibleLabel={author}\n          color={authorColor}\n          imageUrl={authorImageUrl}\n          name={author}\n          role={authorRole}\n        />\n      )}\n      {type === 'system' && timestampElement}\n      <div\n        className={cx(styles.message, preview && styles.preview)}\n        data-appearance={appearance}\n        data-id={id}\n        data-type={type}\n      >\n        {type == 'system' && (\n          <Icon\n            fill\n            gap='right'\n            name={iconName}\n          />\n        )}\n        {content}\n      </div>\n      {attachments && <div className={styles.attachments}>{attachments}</div>}\n      {type !== 'system' && timestampElement}\n    </div>\n  );\n};\n"],"names":["Message","appearance","attachments","author","authorColor","authorImageUrl","authorRole","content","iconName","id","preview","timestamp","timestampText","type","date","Date","undefined","timestampElement","jsx","styles","toISOString","toLocaleString","jsxs","Avatar","cx","message","Icon"],"mappings":"wZAwBaA,EAAUA,CAAC,CACtBC,WAAAA,EAAa,UACbC,YAAAA,EACAC,OAAAA,EACAC,YAAAA,EACAC,eAAAA,EACAC,WAAAA,EACAC,QAAAA,EACAC,SAAAA,EAAW,OACXC,GAAAA,EACAC,QAAAA,EACAC,UAAAA,EACAC,cAAAA,EACAC,KAAAA,EAAO,SACO,IAAM,CACpB,MAAMC,EAAOH,EAAY,IAAII,KAAKJ,CAAS,EAAIK,OACzCC,EAAmBH,EACvBI,EAAAA,IAAC,OAAA,CACC,UAAWC,EAAOR,UAClB,SAAUG,EAAKM,cAEdR,SAAAA,GAAiBE,EAAKO,eAAAA,EACzB,EACE,KAEJ,OACEC,OAAC,OACC,UAAWH,EAAO,eAAe,EACjC,oBAAmBN,EAAK,iBAAA,UAEvBV,SAAAA,CAAAA,GACCe,EAAAA,IAACK,EAAAA,OAAA,CACC,gBAAiBpB,EACjB,MAAOC,EACP,SAAUC,EACV,KAAMF,EACN,KAAMG,CAAAA,CAAW,EAGpBO,IAAS,UAAYI,EACtBK,EAAAA,KAAC,MAAA,CACC,UAAWE,EAAAA,EAAGL,EAAOM,QAASf,GAAWS,EAAOT,OAAO,EACvD,kBAAiBT,EACjB,UAASQ,EACT,YAAWI,EAEVA,SAAAA,CAAAA,GAAQ,gBACNa,EAAAA,KAAA,CACC,KAAI,GACJ,IAAI,QACJ,KAAMlB,CAAAA,CAAS,EAGlBD,CAAAA,EACH,EACCL,GAAegB,EAAAA,IAAC,MAAA,CAAI,UAAWC,EAAOjB,YAAcA,SAAAA,EAAY,EAChEW,IAAS,UAAYI,CAAAA,EACxB,CAEJ"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/message/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport type { IconName } from '@/components/icon';\n\nimport { Avatar, type AvatarColor } from '../avatar';\nimport { Icon } from '../icon';\nimport styles from './styles.module.css';\n\nexport type MessageOptions = {\n  appearance?: 'default' | 'document' | 'file';\n  attachments?: React.ReactNode;\n  author?: string;\n  authorColor?: AvatarColor;\n  authorImageUrl?: string;\n  authorRole?: string;\n  content: React.ReactNode;\n  iconName?: IconName;\n  id: string;\n  preview?: boolean;\n  timestamp?: Date | string;\n  timestampText?: React.ReactNode;\n  type?: 'default' | 'minimal' | 'system' | 'user';\n};\n\nexport const Message = ({\n  appearance = 'default',\n  attachments,\n  author,\n  authorColor,\n  authorImageUrl,\n  authorRole,\n  content,\n  iconName = 'Info',\n  id,\n  preview,\n  timestamp,\n  timestampText,\n  type = 'default',\n}: MessageOptions) => {\n  const date = timestamp ? new Date(timestamp) : undefined;\n  const timestampElement = date ? (\n    <time\n      className={styles.timestamp}\n      dateTime={date.toISOString()}\n    >\n      {timestampText ?? date.toLocaleString()}\n    </time>\n  ) : null;\n\n  return (\n    <div\n      className={styles['message-group']}\n      data-message-type={type}\n    >\n      {author && (\n        <Avatar\n          accessibleLabel={author}\n          color={authorColor}\n          imageUrl={authorImageUrl}\n          name={author}\n          role={authorRole}\n        />\n      )}\n      {type === 'system' && timestampElement}\n      <div\n        className={cx(styles.message, preview && styles.preview)}\n        data-appearance={appearance}\n        data-id={id}\n        data-type={type}\n      >\n        {type == 'system' && (\n          <Icon\n            gap='right'\n            name={iconName}\n          />\n        )}\n        {content}\n      </div>\n      {attachments && <div className={styles.attachments}>{attachments}</div>}\n      {type !== 'system' && timestampElement}\n    </div>\n  );\n};\n"],"names":["Message","appearance","attachments","author","authorColor","authorImageUrl","authorRole","content","iconName","id","preview","timestamp","timestampText","type","date","Date","undefined","timestampElement","jsx","styles","toISOString","toLocaleString","jsxs","Avatar","cx","message","Icon"],"mappings":"wZAwBaA,EAAUA,CAAC,CACtBC,WAAAA,EAAa,UACbC,YAAAA,EACAC,OAAAA,EACAC,YAAAA,EACAC,eAAAA,EACAC,WAAAA,EACAC,QAAAA,EACAC,SAAAA,EAAW,OACXC,GAAAA,EACAC,QAAAA,EACAC,UAAAA,EACAC,cAAAA,EACAC,KAAAA,EAAO,SACO,IAAM,CACpB,MAAMC,EAAOH,EAAY,IAAII,KAAKJ,CAAS,EAAIK,OACzCC,EAAmBH,EACvBI,EAAAA,IAAC,OAAA,CACC,UAAWC,EAAOR,UAClB,SAAUG,EAAKM,cAEdR,SAAAA,GAAiBE,EAAKO,eAAAA,EACzB,EACE,KAEJ,OACEC,OAAC,OACC,UAAWH,EAAO,eAAe,EACjC,oBAAmBN,EAAK,iBAAA,UAEvBV,SAAAA,CAAAA,GACCe,EAAAA,IAACK,EAAAA,OAAA,CACC,gBAAiBpB,EACjB,MAAOC,EACP,SAAUC,EACV,KAAMF,EACN,KAAMG,CAAAA,CAAW,EAGpBO,IAAS,UAAYI,EACtBK,EAAAA,KAAC,MAAA,CACC,UAAWE,EAAAA,EAAGL,EAAOM,QAASf,GAAWS,EAAOT,OAAO,EACvD,kBAAiBT,EACjB,UAASQ,EACT,YAAWI,EAEVA,SAAAA,CAAAA,GAAQ,UACPK,EAAAA,IAACQ,EAAAA,KAAA,CACC,IAAI,QACJ,KAAMlB,EAAS,EAGlBD,CAAAA,EACH,EACCL,GAAegB,EAAAA,IAAC,MAAA,CAAI,UAAWC,EAAOjB,YAAcA,SAAAA,EAAY,EAChEW,IAAS,UAAYI,CAAAA,EACxB,CAEJ"}