@solibo/solibo-ui 1.0.15 → 1.0.17

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"),f=require("../figure/index.cjs"),x=require("../icon/index.cjs"),h=require("../button/index.cjs"),j="_file_qqn4p_1",N="_action_qqn4p_14",b="_details_qqn4p_62",g="_name_qqn4p_69",I="_extension_qqn4p_81",v="_subtitle_qqn4p_91",t={file:j,action:N,delete:"_delete_qqn4p_15",details:b,"name-line":"_name-line_qqn4p_69",name:g,extension:I,subtitle:v},y={".doc":"document-doc",".docx":"document-doc",".pdf":"document-pdf",".ppt":"document-ppt",".pptx":"document-ppt",".xls":"document-xls",".xlsx":"document-xls"},F=({deleteAccessibleLabel:m,name:n,onClick:s,onDelete:a,ref:u,subtitle:d,url:r})=>{const c=n.lastIndexOf("."),p=c>0&&c<n.length-1,_=p?n.slice(0,c):n,i=p?n.slice(c):"",q=y[i.toLowerCase()]??"document",l=e.jsxs(e.Fragment,{children:[e.jsx(f.Figure,{children:e.jsx(x.Icon,{name:q,fill:!0})}),e.jsxs("span",{className:t.details,children:[e.jsxs("span",{className:t["name-line"],children:[e.jsx("span",{className:t.name,children:_}),i&&e.jsx("span",{className:t.extension,children:i})]}),d&&e.jsx("span",{className:t.subtitle,children:d})]})]});return e.jsxs("div",{className:t.file,ref:u,"data-component":"file",children:[r?e.jsx("a",{className:t.action,href:r,onClick:o=>{o.stopPropagation(),s&&(o.preventDefault(),s())},title:n,children:l}):s?e.jsx("button",{"aria-label":n,className:t.action,"data-actionable":"true",onClick:o=>{o.stopPropagation(),s()},title:n,type:"button",children:l}):e.jsx("div",{className:t.action,title:n,children:l}),a&&e.jsx(h.Button,{"aria-label":m??`Delete ${n}`,className:t.delete,onClick:()=>a(),variant:"simple",children:e.jsx(x.Icon,{name:"trash",size:"small",fill:!0})})]})};exports.File=F;
+"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.js

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

package/dist/components/header/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index18.css');const s=require("react/jsx-runtime"),o=require("../../classix-5H4IWnMA.cjs"),u="_header_1urra_1",c="_capitalize_1urra_79",i="_jumbo_1urra_91",e={header:u,capitalize:c,jumbo:i},n={default:e.default,jumbo:e.jumbo},d=({capitalize:a=!1,children:t,variant:r="default"})=>s.jsx("header",{className:o.t(e.header,n[r],a&&e.capitalize),"data-component":"header",children:t});exports.Header=d;
+"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/index18.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/index44.css');const m=require("react/jsx-runtime"),r=require("../../classix-5H4IWnMA.cjs"),t=require("../../icons-DaZGJzI0.cjs"),l="_icon_ihnm9_1",_="_small_ihnm9_10",g="_medium_ihnm9_15",d="_large_ihnm9_20",u="_danger_ihnm9_25",n={icon:l,small:_,medium:g,large:d,danger:u,"gap-right":"_gap-right_ihnm9_29","gap-left":"_gap-left_ihnm9_33"},h={large:n.large,medium:n.medium,small:n.small},p={danger:n.danger},y=({fill:i,gap:e="none",name:o,size:a="medium",variant:s})=>{const c={maskImage:t.iconSVG(o,i??!1)};return m.jsx("span",{"aria-hidden":"true",className:r.t(e!=="none"&&n[`gap-${e}`],h[a],n.icon,s&&p[s]),style:c,"data-component":"icon"})},I=()=>Object.keys(t.iconPaths);exports.Icon=y;exports.Icons=I;
+"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;
 //# 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-Dj0vEOCB.js";
-import '../../assets/index44.css';const _ = "_icon_ihnm9_1", g = "_small_ihnm9_10", d = "_medium_ihnm9_15", h = "_large_ihnm9_20", p = "_danger_ihnm9_25", n = {
-  icon: _,
-  small: g,
-  medium: d,
-  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-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,
+  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/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-DaZGJzI0.cjs");require("../../use-touched-Bq5Gjbpz.cjs");const e=require("../../index-DF8JisYI.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-Lq3pr85X.cjs");require("../../use-touched-Bq5Gjbpz.cjs");const e=require("../../index-lALToPBm.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-Dj0vEOCB.js";
+import "../../icons-BkaMeh-J.js";
 import "../../use-touched-B999bBr8.js";
-import { I as a } from "../../index-DE2nzqL5.js";
+import { I as a } from "../../index-C-ESxR26.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"),g=require("../../classix-5H4IWnMA.cjs"),l=require("react");function p(t){return l.isValidElement(t)&&t.type===l.Fragment}function E(t,n=[]){return l.Children.forEach(t,e=>{p(e)?E(e.props.children,n):n.push(e)}),n}function x(t,{wrapper:n="li"}={}){return E(t).filter(s=>s!==null).map((s,a)=>{if(l.isValidElement(s)&&s.type===n)return s;const o=l.isValidElement(s)&&s.key!=null?s.key:a;return l.createElement(n,{key:o},s)})}const d="_controls_1lnsr_1",z="_horizontal_1lnsr_6",F="_list_1lnsr_17",V="_columns_1lnsr_58",c={controls:d,horizontal:z,list:F,columns:V},j=(t,n)=>{typeof t=="function"?t(n):t&&(t.current=n)};function b({children:t,className:n,columns:e=1,controls:i,horizontal:s,ordered:a,ref:o,style:N,...m}){const f=Number.isFinite(e)?Math.max(1,Math.floor(e)):1,_=g.t(n,c.list,f>1&&c.columns,s&&c.horizontal),y={...N,"--list-columns":f},h=a?r.jsx("ol",{className:_,ref:u=>j(o,u),style:y,...m,children:x(t)}):r.jsx("ul",{className:_,ref:u=>j(o,u),style:y,...m,children:x(t)});return i==null?h:r.jsxs(r.Fragment,{children:[r.jsx("div",{className:c.controls,children:i}),h]})}exports.List=b;
+"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.js

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

package/dist/components/loading/index.cjs

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

package/dist/components/loading/index.js

@@ -1,22 +1,22 @@
 import { jsx as o } from "react/jsx-runtime";
-import { t as s } from "../../classix-DG18itHa.js";
-import '../../assets/index48.css';const l = "_loading_1d5zd_23", _ = "_spin_1d5zd_1", p = "_ping_1d5zd_39", e = "_sticky_1d5zd_65", n = {
+import { t } from "../../classix-DG18itHa.js";
+import '../../assets/index48.css';const l = "_loading_1csd4_23", _ = "_spin_1csd4_1", p = "_ping_1csd4_39", e = "_sticky_1csd4_65", n = {
   loading: l,
-  default: "_default_1d5zd_28",
+  default: "_default_1csd4_28",
   spin: _,
   ping: p,
   sticky: e
 }, m = ({
-  variant: t = "default",
-  size: d,
-  sticky: i = !1,
-  ...a
+  variant: i = "default",
+  size: s,
+  sticky: d = !1,
+  ...c
 }) => {
-  const c = {
-    "--border-size": d ? d / 8 + "px" : void 0,
-    "--size": d ? d + "px" : void 0
+  const a = {
+    "--border-size": s ? s / 8 + "px" : void 0,
+    "--size": s ? s + "px" : void 0
   };
-  return /* @__PURE__ */ o("div", { className: s(n.loading, i && n.sticky), "data-component": "loading", children: /* @__PURE__ */ o("span", { className: s(n.loading, n[t]), style: c, ...a }) });
+  return /* @__PURE__ */ o("div", { className: t(n.loading, d && n.sticky), "data-component": "loading", children: /* @__PURE__ */ o("span", { className: t(n.loading, n[i]), style: a, ...c }) });
 };
 export {
   m as Loading

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-jTTxzTGZ.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"),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;
 //# sourceMappingURL=index.cjs.map

package/dist/components/menu/index.js

@@ -1,7 +1,7 @@
 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-SiOOwab-.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);
 }

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"),v=require("../../classix-5H4IWnMA.cjs"),x=require("../avatar/index.cjs"),j=require("../icon/index.cjs"),h="_message_fif28_1",w="_timestamp_fif28_95",S="_attachments_fif28_100",b="_preview_fif28_119",t={"message-group":"_message-group_fif28_1",message:h,timestamp:w,attachments:S,preview:b},q=({appearance:o="default",attachments:n,author:a,authorColor:r,authorImageUrl:l,authorRole:d,content:g,iconName:_="info",id:p,preview:f,timestamp:m,timestampText:u,type:s="default"})=>{const i=m?new Date(m):void 0,c=i?e.jsx("time",{className:t.timestamp,dateTime:i.toISOString(),children:u??i.toLocaleString()}):null;return e.jsxs("div",{className:t["message-group"],"data-message-type":s,"data-component":"message",children:[a&&e.jsx(x.Avatar,{accessibleLabel:a,color:r,imageUrl:l,name:a,role:d}),s==="system"&&c,e.jsxs("div",{className:v.t(t.message,f&&t.preview),"data-appearance":o,"data-id":p,"data-type":s,children:[s=="system"&&e.jsx(j.Icon,{fill:!0,gap:"right",name:_}),g]}),n&&e.jsx("div",{className:t.attachments,children:n}),s!=="system"&&c]})};exports.Message=q;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index15.css');const e=require("react/jsx-runtime"),v=require("../../classix-5H4IWnMA.cjs"),j=require("../avatar/index.cjs"),h=require("../icon/index.cjs"),f="_attachments_opxtp_1",w="_message_opxtp_11",S="_timestamp_opxtp_125",b="_preview_opxtp_130",t={attachments:f,"message-group":"_message-group_opxtp_11",message:w,timestamp:S,preview:b},q=({appearance:c="default",attachments:i,author:a,authorColor:r,authorImageUrl:l,authorRole:p,content:d,iconName:g="info",id:_,preview:x,timestamp:m,timestampText:u,type:s="default"})=>{const n=m?new Date(m):void 0,o=n?e.jsx("time",{className:t.timestamp,dateTime:n.toISOString(),children:u??n.toLocaleString()}):null;return e.jsxs("div",{className:t["message-group"],"data-message-type":s,"data-component":"message",children:[a&&e.jsx(j.Avatar,{accessibleLabel:a,color:r,imageUrl:l,name:a,role:p}),s==="system"&&o,e.jsxs("div",{className:v.t(t.message,x&&t.preview),"data-appearance":c,"data-id":_,"data-type":s,children:[s=="system"&&e.jsx(h.Icon,{fill:!0,gap:"right",name:g}),d]}),i&&e.jsx("div",{className:t.attachments,children:i}),s!=="system"&&o]})};exports.Message=q;
 //# 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":"uZAwBaA,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 { 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"}

package/dist/components/message/index.js

@@ -1,37 +1,37 @@
-import { jsx as a, jsxs as n } from "react/jsx-runtime";
-import { t as u } from "../../classix-DG18itHa.js";
-import { Avatar as w } from "../avatar/index.js";
-import { Icon as N } from "../icon/index.js";
-import '../../assets/index15.css';const x = "_message_fif28_1", S = "_timestamp_fif28_95", b = "_attachments_fif28_100", j = "_preview_fif28_119", s = {
-  "message-group": "_message-group_fif28_1",
-  message: x,
-  timestamp: S,
-  attachments: b,
+import { jsx as s, jsxs as n } from "react/jsx-runtime";
+import { t as h } from "../../classix-DG18itHa.js";
+import { Avatar as u } from "../avatar/index.js";
+import { Icon as w } from "../icon/index.js";
+import '../../assets/index15.css';const N = "_attachments_opxtp_1", S = "_message_opxtp_11", b = "_timestamp_opxtp_125", j = "_preview_opxtp_130", t = {
+  attachments: N,
+  "message-group": "_message-group_opxtp_11",
+  message: S,
+  timestamp: b,
   preview: j
 }, D = ({
-  appearance: c = "default",
-  attachments: i,
-  author: t,
-  authorColor: l,
-  authorImageUrl: d,
-  authorRole: f,
+  appearance: p = "default",
+  attachments: o,
+  author: a,
+  authorColor: c,
+  authorImageUrl: l,
+  authorRole: d,
   content: g,
-  iconName: p = "info",
-  id: _,
-  preview: v,
-  timestamp: o,
-  timestampText: h,
+  iconName: _ = "info",
+  id: v,
+  preview: f,
+  timestamp: i,
+  timestampText: x,
   type: e = "default"
 }) => {
-  const m = o ? new Date(o) : void 0, r = m ? /* @__PURE__ */ a("time", { className: s.timestamp, dateTime: m.toISOString(), children: h ?? m.toLocaleString() }) : null;
-  return /* @__PURE__ */ n("div", { className: s["message-group"], "data-message-type": e, "data-component": "message", children: [
-    t && /* @__PURE__ */ a(w, { accessibleLabel: t, color: l, imageUrl: d, name: t, role: f }),
+  const m = i ? new Date(i) : void 0, r = m ? /* @__PURE__ */ s("time", { className: t.timestamp, dateTime: m.toISOString(), children: x ?? m.toLocaleString() }) : null;
+  return /* @__PURE__ */ n("div", { className: t["message-group"], "data-message-type": e, "data-component": "message", children: [
+    a && /* @__PURE__ */ s(u, { accessibleLabel: a, color: c, imageUrl: l, name: a, role: d }),
     e === "system" && r,
-    /* @__PURE__ */ n("div", { className: u(s.message, v && s.preview), "data-appearance": c, "data-id": _, "data-type": e, children: [
-      e == "system" && /* @__PURE__ */ a(N, { fill: !0, gap: "right", name: p }),
+    /* @__PURE__ */ n("div", { className: h(t.message, f && t.preview), "data-appearance": p, "data-id": v, "data-type": e, children: [
+      e == "system" && /* @__PURE__ */ s(w, { fill: !0, gap: "right", name: _ }),
       g
     ] }),
-    i && /* @__PURE__ */ a("div", { className: s.attachments, children: i }),
+    o && /* @__PURE__ */ s("div", { className: t.attachments, children: o }),
     e !== "system" && r
   ] });
 };

package/dist/components/messages/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index13.css');const s=require("react/jsx-runtime"),w=require("../../classix-5H4IWnMA.cjs"),o=require("react"),M=require("../editor/index.cjs"),S=require("../list/index.cjs"),E=require("../tooltip/index.cjs"),I=require("../message/index.cjs"),L="_messages_5h1dw_1",T="_fill_5h1dw_20",g={messages:L,fill:T},H=({fill:f=!1,files:i,handleUpload:p,maxEditorRows:_=5,message:r="",messages:t,minEditorRows:x=1,onChange:q,onFilesChange:n,onSubmit:j,placeholder:y,sending:R,tooltipLabel:c})=>{var u;const a=o.useRef(null),[b,h]=o.useState([]),l=i??b,d=(u=t[t.length-1])==null?void 0:u.id,v=r.replace(/<[^>]*>/g,"").replace(/&nbsp;/g," ").trim()==="";return o.useLayoutEffect(()=>{var m;const e=(m=a.current)==null?void 0:m.querySelector("[data-message-list]");!e||d===void 0||(e.scrollTop=e.scrollHeight)},[d]),s.jsxs("div",{className:w.t(g.messages,f&&g.fill),"data-component":"messages",ref:a,children:[s.jsx(S.List,{"data-message-list":!0,children:t.map(e=>s.jsx(I.Message,{...e},e.id))}),c&&s.jsx(E.Tooltip,{variant:"static",children:c}),s.jsx(M.Editor,{autofocus:!0,content:r,disabled:R||v&&l.length===0,files:l,maxRows:_,minRows:x,onChange:q,onFilesChange:e=>{i===void 0&&h(e),n==null||n(e)},onSubmit:j,onUpload:p,placeholder:y,submitLabel:"Send message"})]})};exports.Messages=H;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index13.css');const s=require("react/jsx-runtime"),S=require("../../classix-5H4IWnMA.cjs"),o=require("react"),h=require("../editor/index.cjs"),w=require("../list/index.cjs"),E=require("../tooltip/index.cjs"),I=require("../message/index.cjs"),L="_messages_pqp89_1",T="_fill_pqp89_20",p={messages:L,fill:T},H=({fill:g=!1,files:i,handleUpload:f,maxEditorRows:_=5,message:r="",messages:t,minEditorRows:q=1,onChange:x,onFilesChange:n,onSubmit:j,placeholder:y,sending:R,tooltipLabel:c})=>{var d;const a=o.useRef(null),[b,v]=o.useState([]),l=i??b,u=(d=t[t.length-1])==null?void 0:d.id,M=r.replace(/<[^>]*>/g,"").replace(/&nbsp;/g," ").trim()==="";return o.useLayoutEffect(()=>{var m;const e=(m=a.current)==null?void 0:m.querySelector("[data-message-list]");!e||u===void 0||(e.scrollTop=e.scrollHeight)},[u]),s.jsxs("div",{className:S.t(p.messages,g&&p.fill),"data-component":"messages",ref:a,children:[s.jsx(w.List,{"data-message-list":!0,children:t.map(e=>s.jsx(I.Message,{...e},e.id))}),c&&s.jsx(E.Tooltip,{variant:"static",children:c}),s.jsx(h.Editor,{autofocus:!0,content:r,disabled:R||M&&l.length===0,files:l,maxRows:_,minRows:q,onChange:x,onFilesChange:e=>{i===void 0&&v(e),n==null||n(e)},onSubmit:j,onUpload:f,placeholder:y,submitLabel:"Send message"})]})};exports.Messages=H;
 //# sourceMappingURL=index.cjs.map

package/dist/components/messages/index.js

@@ -1,40 +1,40 @@
-import { jsxs as E, jsx as e } from "react/jsx-runtime";
-import { t as I } from "../../classix-DG18itHa.js";
-import { useRef as L, useState as M, useLayoutEffect as S } from "react";
-import { Editor as j } from "../editor/index.js";
-import { List as q } from "../list/index.js";
+import { jsxs as x, jsx as e } from "react/jsx-runtime";
+import { t as E } from "../../classix-DG18itHa.js";
+import { useRef as I, useState as L, useLayoutEffect as M } from "react";
+import { Editor as S } from "../editor/index.js";
+import { List as j } from "../list/index.js";
 import { Tooltip as T } from "../tooltip/index.js";
 import { Message as H } from "../message/index.js";
-import '../../assets/index13.css';const N = "_messages_5h1dw_1", U = "_fill_5h1dw_20", f = {
+import '../../assets/index13.css';const N = "_messages_pqp89_1", U = "_fill_pqp89_20", p = {
   messages: N,
   fill: U
 }, K = ({
-  fill: p = !1,
+  fill: d = !1,
   files: r,
   handleUpload: u,
   maxEditorRows: g = 5,
   message: i = "",
   messages: t,
   minEditorRows: _ = 1,
-  onChange: h,
+  onChange: q,
   onFilesChange: o,
-  onSubmit: w,
-  placeholder: v,
-  sending: y,
+  onSubmit: v,
+  placeholder: y,
+  sending: R,
   tooltipLabel: a
 }) => {
   var c;
-  const l = L(null), [R, b] = M([]), m = r ?? R, n = (c = t[t.length - 1]) == null ? void 0 : c.id, x = i.replace(/<[^>]*>/g, "").replace(/&nbsp;/g, " ").trim() === "";
-  return S(() => {
-    var d;
-    const s = (d = l.current) == null ? void 0 : d.querySelector("[data-message-list]");
+  const l = I(null), [b, h] = L([]), m = r ?? b, n = (c = t[t.length - 1]) == null ? void 0 : c.id, w = i.replace(/<[^>]*>/g, "").replace(/&nbsp;/g, " ").trim() === "";
+  return M(() => {
+    var f;
+    const s = (f = l.current) == null ? void 0 : f.querySelector("[data-message-list]");
     !s || n === void 0 || (s.scrollTop = s.scrollHeight);
-  }, [n]), /* @__PURE__ */ E("div", { className: I(f.messages, p && f.fill), "data-component": "messages", ref: l, children: [
-    /* @__PURE__ */ e(q, { "data-message-list": !0, children: t.map((s) => /* @__PURE__ */ e(H, { ...s }, s.id)) }),
+  }, [n]), /* @__PURE__ */ x("div", { className: E(p.messages, d && p.fill), "data-component": "messages", ref: l, children: [
+    /* @__PURE__ */ e(j, { "data-message-list": !0, children: t.map((s) => /* @__PURE__ */ e(H, { ...s }, s.id)) }),
     a && /* @__PURE__ */ e(T, { variant: "static", children: a }),
-    /* @__PURE__ */ e(j, { autofocus: !0, content: i, disabled: y || x && m.length === 0, files: m, maxRows: g, minRows: _, onChange: h, onFilesChange: (s) => {
-      r === void 0 && b(s), o == null || o(s);
-    }, onSubmit: w, onUpload: u, placeholder: v, submitLabel: "Send message" })
+    /* @__PURE__ */ e(S, { autofocus: !0, content: i, disabled: R || w && m.length === 0, files: m, maxRows: g, minRows: _, onChange: q, onFilesChange: (s) => {
+      r === void 0 && h(s), o == null || o(s);
+    }, onSubmit: v, onUpload: u, placeholder: y, submitLabel: "Send message" })
   ] });
 };
 export {

package/dist/components/nav/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index12.css');const i=require("react/jsx-runtime"),r=require("../../classix-5H4IWnMA.cjs"),f=require("react"),p=require("../../icons-DaZGJzI0.cjs"),h="_nav_1fy2h_3",v="_label_1fy2h_9",y="_horizontal_1fy2h_17",m="_sidebar_1fy2h_27",N="_tabs_1fy2h_68",g="_pills_1fy2h_88",t={nav:h,label:v,horizontal:y,sidebar:m,tabs:N,pills:g},w={default:t.default,pills:t.pills,sidebar:t.sidebar,tabs:t.tabs},x=({className:e,...n})=>i.jsx("span",{className:r.t(e,t.label),...n,"data-component":"navlabel"}),j=({animation:e,children:n,className:c,horizontal:l=!1,variant:s="default",...d})=>{const[b,o]=f.useState(!1),u={"--icon-svg":p.iconSVG("chevron")};return i.jsx("nav",{className:r.t(c,l&&t.horizontal,t.nav,w[s]),"data-animation":e,"data-open":b?"true":"false","data-orientation":l?"horizontal":"vertical",onBlurCapture:a=>{if(s!=="pills"||window.innerWidth>960)return;const _=a.relatedTarget;a.currentTarget.contains(_)||o(!1)},onClick:()=>{s!=="pills"||window.innerWidth>960||o(a=>!a)},style:u,...d,"data-component":"nav",children:n})};exports.Nav=j;exports.NavLabel=x;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index12.css');const o=require("react/jsx-runtime"),r=require("../../classix-5H4IWnMA.cjs"),p=require("react"),h=require("../../icons-Lq3pr85X.cjs"),v="_nav_1hgi7_3",f="_label_1hgi7_9",g="_horizontal_1hgi7_17",m="_sidebar_1hgi7_27",N="_tabs_1hgi7_66",w="_pills_1hgi7_86",t={nav:v,label:f,horizontal:g,sidebar:m,tabs:N,pills:w},x={default:t.default,pills:t.pills,sidebar:t.sidebar,tabs:t.tabs},j=({className:e,...n})=>o.jsx("span",{className:r.t(e,t.label),...n,"data-component":"navlabel"}),q=({animation:e,children:n,className:c,horizontal:i=!1,variant:s="default",...d})=>{const[b,l]=p.useState(!1),u={"--icon-svg":h.iconSVG("chevron")};return o.jsx("nav",{className:r.t(c,i&&t.horizontal,t.nav,x[s]),"data-animation":e,"data-open":b?"true":"false","data-orientation":i?"horizontal":"vertical",onBlurCapture:a=>{if(s!=="pills"||window.innerWidth>960)return;const _=a.relatedTarget;a.currentTarget.contains(_)||l(!1)},onClick:()=>{s!=="pills"||window.innerWidth>960||l(a=>!a)},style:u,...d,"data-component":"nav",children:n})};exports.Nav=q;exports.NavLabel=j;
 //# sourceMappingURL=index.cjs.map