@solibo/solibo-ui 1.0.1 → 1.0.3

package/dist/components/message/index.cjs

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

package/dist/components/message/index.js

@@ -2,7 +2,7 @@ import { jsxs as o, jsx as a } from "react/jsx-runtime";
 import { t as v } from "../../classix-DG18itHa.js";
 import { Avatar as f } from "../avatar/index.js";
 import { Icon as b } from "../icon/index.js";
-import '../../assets/index14.css';const y = "_message_ugbdy_1", h = "_timestamp_ugbdy_78", w = "_attachments_ugbdy_83", N = "_preview_ugbdy_101", e = {
+import '../../assets/index15.css';const y = "_message_ugbdy_1", h = "_timestamp_ugbdy_78", w = "_attachments_ugbdy_83", N = "_preview_ugbdy_101", e = {
   "message-group": "_message-group_ugbdy_1",
   message: y,
   timestamp: h,

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

package/dist/components/messages/index.js

@@ -4,7 +4,7 @@ import { useRef as I, useState as M, useLayoutEffect as S } from "react";
 import { Editor as h } from "../editor/index.js";
 import { List as j } from "../list/index.js";
 import { Message as q } from "../message/index.js";
-import '../../assets/index13.css';const H = "_messages_2mrni_1", N = "_fill_2mrni_17", f = {
+import '../../assets/index14.css';const H = "_messages_1e940_1", N = "_fill_1e940_16", f = {
   messages: H,
   fill: N
 }, D = ({
@@ -12,7 +12,7 @@ import '../../assets/index13.css';const H = "_messages_2mrni_1", N = "_fill_2mrn
   files: r,
   handleUpload: u,
   maxEditorRows: p = 5,
-  message: i = "",
+  message: l = "",
   messages: e,
   minEditorRows: g = 1,
   onChange: _,
@@ -22,14 +22,14 @@ import '../../assets/index13.css';const H = "_messages_2mrni_1", N = "_fill_2mrn
   sending: L
 }) => {
   var n;
-  const l = I(null), [R, v] = M([]), m = r ?? R, a = (n = e[e.length - 1]) == null ? void 0 : n.id, w = i.replace(/<[^>]*>/g, "").replace(/&nbsp;/g, " ").trim() === "";
+  const i = I(null), [R, v] = M([]), a = r ?? R, m = (n = e[e.length - 1]) == null ? void 0 : n.id, w = l.replace(/<[^>]*>/g, "").replace(/&nbsp;/g, " ").trim() === "";
   return S(() => {
     var c;
-    const s = (c = l.current) == null ? void 0 : c.querySelector("[data-message-list]");
-    !s || a === void 0 || (s.scrollTop = s.scrollHeight);
-  }, [a]), /* @__PURE__ */ x("div", { className: E(f.messages, d && f.fill), "data-component": "messages", ref: l, children: [
+    const s = (c = i.current) == null ? void 0 : c.querySelector("[data-message-list]");
+    !s || m === void 0 || (s.scrollTop = s.scrollHeight);
+  }, [m]), /* @__PURE__ */ x("div", { className: E(f.messages, d && f.fill), "data-component": "messages", ref: i, children: [
     /* @__PURE__ */ o(j, { "data-message-list": !0, children: e.map((s) => /* @__PURE__ */ o(q, { ...s }, s.id)) }),
-    /* @__PURE__ */ o(h, { autofocus: !0, content: i, disabled: L || w && m.length === 0, files: m, maxRows: p, minRows: g, onChange: _, onFilesChange: (s) => {
+    /* @__PURE__ */ o(h, { autofocus: !0, content: l, disabled: L || w && a.length === 0, files: a, maxRows: p, minRows: g, onChange: _, onFilesChange: (s) => {
       r === void 0 && v(s), t == null || t(s);
     }, onSubmit: b, onUpload: u, placeholder: y, submitLabel: "Send message" })
   ] });

package/dist/components/nav/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index12.css');const _=require("react/jsx-runtime"),p=require("../../classix-5H4IWnMA.cjs"),b=require("react"),f=require("../../icons-DYCSlAoX.cjs"),v="_nav_1u1d4_3",h="_horizontal_1u1d4_9",g="_sidebar_1u1d4_19",m="_tabs_1u1d4_60",w="_pills_1u1d4_80",t={nav:v,horizontal:h,sidebar:g,tabs:m,pills:w},q={default:t.default,pills:t.pills,sidebar:t.sidebar,tabs:t.tabs},x=({animation:i,children:o,className:r,horizontal:s=!1,variant:e="default",...l})=>{const[c,a]=b.useState(!1),d={"--icon-svg":f.iconSVG("chevron")};return _.jsx("nav",{className:p.t(r,s&&t.horizontal,t.nav,q[e]),"data-animation":i,"data-open":c?"true":"false","data-orientation":s?"horizontal":"vertical",onBlurCapture:n=>{if(e!=="pills"||window.innerWidth>960)return;const u=n.relatedTarget;n.currentTarget.contains(u)||a(!1)},onClick:()=>{e!=="pills"||window.innerWidth>960||a(n=>!n)},style:d,...l,"data-component":"nav",children:o})};exports.Nav=x;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index13.css');const _=require("react/jsx-runtime"),p=require("../../classix-5H4IWnMA.cjs"),b=require("react"),f=require("../../icons-DYCSlAoX.cjs"),v="_nav_1s9ne_3",h="_horizontal_1s9ne_9",g="_sidebar_1s9ne_19",m="_tabs_1s9ne_60",w="_pills_1s9ne_80",t={nav:v,horizontal:h,sidebar:g,tabs:m,pills:w},q={default:t.default,pills:t.pills,sidebar:t.sidebar,tabs:t.tabs},x=({animation:i,children:o,className:r,horizontal:s=!1,variant:e="default",...l})=>{const[c,a]=b.useState(!1),d={"--icon-svg":f.iconSVG("chevron")};return _.jsx("nav",{className:p.t(r,s&&t.horizontal,t.nav,q[e]),"data-animation":i,"data-open":c?"true":"false","data-orientation":s?"horizontal":"vertical",onBlurCapture:n=>{if(e!=="pills"||window.innerWidth>960)return;const u=n.relatedTarget;n.currentTarget.contains(u)||a(!1)},onClick:()=>{e!=="pills"||window.innerWidth>960||a(n=>!n)},style:d,...l,"data-component":"nav",children:o})};exports.Nav=x;
 //# sourceMappingURL=index.cjs.map

package/dist/components/nav/index.js

@@ -1,8 +1,8 @@
-import { jsx as u } from "react/jsx-runtime";
-import { t as _ } from "../../classix-DG18itHa.js";
-import { useState as f } from "react";
-import { i as m } from "../../icons-CKzd_L4D.js";
-import '../../assets/index12.css';const b = "_nav_1u1d4_3", v = "_horizontal_1u1d4_9", h = "_sidebar_1u1d4_19", w = "_tabs_1u1d4_60", z = "_pills_1u1d4_80", t = {
+import { jsx as _ } from "react/jsx-runtime";
+import { t as f } from "../../classix-DG18itHa.js";
+import { useState as m } from "react";
+import { i as u } from "../../icons-CKzd_L4D.js";
+import '../../assets/index13.css';const b = "_nav_1s9ne_3", v = "_horizontal_1s9ne_9", h = "_sidebar_1s9ne_19", w = "_tabs_1s9ne_60", z = "_pills_1s9ne_80", t = {
   nav: b,
   horizontal: v,
   sidebar: h,
@@ -14,23 +14,23 @@ import '../../assets/index12.css';const b = "_nav_1u1d4_3", v = "_horizontal_1u1
   sidebar: t.sidebar,
   tabs: t.tabs
 }, S = ({
-  animation: i,
-  children: e,
+  animation: o,
+  children: i,
   className: r,
-  horizontal: s = !1,
-  variant: n = "default",
+  horizontal: a = !1,
+  variant: s = "default",
   ...l
 }) => {
-  const [d, o] = f(!1), c = {
-    "--icon-svg": m("chevron")
+  const [c, e] = m(!1), d = {
+    "--icon-svg": u("chevron")
   };
-  return /* @__PURE__ */ u("nav", { className: _(r, s && t.horizontal, t.nav, g[n]), "data-animation": i, "data-open": d ? "true" : "false", "data-orientation": s ? "horizontal" : "vertical", onBlurCapture: (a) => {
-    if (n !== "pills" || window.innerWidth > 960) return;
-    const p = a.relatedTarget;
-    a.currentTarget.contains(p) || o(!1);
+  return /* @__PURE__ */ _("nav", { className: f(r, a && t.horizontal, t.nav, g[s]), "data-animation": o, "data-open": c ? "true" : "false", "data-orientation": a ? "horizontal" : "vertical", onBlurCapture: (n) => {
+    if (s !== "pills" || window.innerWidth > 960) return;
+    const p = n.relatedTarget;
+    n.currentTarget.contains(p) || e(!1);
   }, onClick: () => {
-    n !== "pills" || window.innerWidth > 960 || o((a) => !a);
-  }, style: c, ...l, "data-component": "nav", children: e });
+    s !== "pills" || window.innerWidth > 960 || e((n) => !n);
+  }, style: d, ...l, "data-component": "nav", children: i });
 };
 export {
   S as Nav

package/dist/components/object/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index11.css');const e=require("react/jsx-runtime"),n="_object_xxgm1_1",s={object:n},a=({accessibleLabel:c,url:t,...o})=>e.jsx("object",{"aria-label":c,className:s.object,data:t,type:"application/pdf",...o,"data-component":"objectcomponent",children:t&&e.jsxs(e.Fragment,{children:["We cannot show this file. You can try accessing it directly:",e.jsx("br",{}),e.jsx("a",{href:t,children:t})]})});exports.Object=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index12.css');const e=require("react/jsx-runtime"),n="_object_xxgm1_1",s={object:n},a=({accessibleLabel:c,url:t,...o})=>e.jsx("object",{"aria-label":c,className:s.object,data:t,type:"application/pdf",...o,"data-component":"objectcomponent",children:t&&e.jsxs(e.Fragment,{children:["We cannot show this file. You can try accessing it directly:",e.jsx("br",{}),e.jsx("a",{href:t,children:t})]})});exports.Object=a;
 //# sourceMappingURL=index.cjs.map

package/dist/components/object/index.js

@@ -1,5 +1,5 @@
 import { jsx as e, jsxs as n, Fragment as a } from "react/jsx-runtime";
-import '../../assets/index11.css';const s = "_object_xxgm1_1", i = {
+import '../../assets/index12.css';const s = "_object_xxgm1_1", i = {
   object: s
 }, b = ({
   accessibleLabel: c,

package/dist/components/popover/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index16.css');const a=require("react/jsx-runtime"),g=require("../../classix-5H4IWnMA.cjs"),o=require("react"),R=require("../button/index.cjs"),x="_popover_ttn4t_1",P="_left_ttn4t_23",k="_right_ttn4t_28",F="_trigger_ttn4t_33",s={popover:x,"popover-panel":"_popover-panel_ttn4t_6",left:P,right:k,trigger:F},b=({children:i,position:_="left",triggerAccessibleLabel:m,triggerAriaHasPopup:y,triggerButtonContent:w})=>{const u=o.useRef(null),l=o.useRef(void 0),p=o.useId(),f=o.useRef(null),[t,d]=o.useState(!1),c=({initialFocus:e}={})=>{l.current=e,d(!0)},n=o.useCallback(({restoreFocus:e=!0}={})=>{var r;d(!1),e&&((r=f.current)==null||r.focus())},[]),h=e=>{t&&e.key==="Escape"&&n()},D=e=>{if(!t){if(e.key==="ArrowDown"){e.preventDefault(),c({initialFocus:"first"});return}e.key==="ArrowUp"&&(e.preventDefault(),c({initialFocus:"last"}))}};return o.useEffect(()=>{if(!t)return;const e=r=>{var v;(v=u.current)!=null&&v.contains(r.target)||n({restoreFocus:!1})};return document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}},[n,t]),a.jsxs("div",{className:s.popover,onKeyDown:h,onClick:e=>e.stopPropagation(),ref:u,"data-component":"popover",children:[a.jsx(R.Button,{"aria-controls":t?p:void 0,"aria-expanded":t,"aria-haspopup":y,"aria-label":m,className:g.t(s.trigger),onKeyDown:D,onClick:()=>t?n({restoreFocus:!1}):c(),ref:f,variant:"secondary",children:w}),t&&a.jsx("div",{className:g.t(s["popover-panel"],s[_]),id:p,children:typeof i=="function"?i({close:n,initialFocus:l.current,isOpen:t}):i})]})};exports.Popover=b;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index17.css');const a=require("react/jsx-runtime"),g=require("../../classix-5H4IWnMA.cjs"),o=require("react"),R=require("../button/index.cjs"),x="_popover_ttn4t_1",P="_left_ttn4t_23",k="_right_ttn4t_28",F="_trigger_ttn4t_33",s={popover:x,"popover-panel":"_popover-panel_ttn4t_6",left:P,right:k,trigger:F},b=({children:i,position:_="left",triggerAccessibleLabel:m,triggerAriaHasPopup:y,triggerButtonContent:w})=>{const u=o.useRef(null),l=o.useRef(void 0),p=o.useId(),f=o.useRef(null),[t,d]=o.useState(!1),c=({initialFocus:e}={})=>{l.current=e,d(!0)},n=o.useCallback(({restoreFocus:e=!0}={})=>{var r;d(!1),e&&((r=f.current)==null||r.focus())},[]),h=e=>{t&&e.key==="Escape"&&n()},D=e=>{if(!t){if(e.key==="ArrowDown"){e.preventDefault(),c({initialFocus:"first"});return}e.key==="ArrowUp"&&(e.preventDefault(),c({initialFocus:"last"}))}};return o.useEffect(()=>{if(!t)return;const e=r=>{var v;(v=u.current)!=null&&v.contains(r.target)||n({restoreFocus:!1})};return document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}},[n,t]),a.jsxs("div",{className:s.popover,onKeyDown:h,onClick:e=>e.stopPropagation(),ref:u,"data-component":"popover",children:[a.jsx(R.Button,{"aria-controls":t?p:void 0,"aria-expanded":t,"aria-haspopup":y,"aria-label":m,className:g.t(s.trigger),onKeyDown:D,onClick:()=>t?n({restoreFocus:!1}):c(),ref:f,variant:"secondary",children:w}),t&&a.jsx("div",{className:g.t(s["popover-panel"],s[_]),id:p,children:typeof i=="function"?i({close:n,initialFocus:l.current,isOpen:t}):i})]})};exports.Popover=b;
 //# sourceMappingURL=index.cjs.map

package/dist/components/popover/index.js

@@ -2,7 +2,7 @@ import { jsxs as k, jsx as v } from "react/jsx-runtime";
 import { t as g } from "../../classix-DG18itHa.js";
 import { useRef as a, useId as F, useState as P, useCallback as x, useEffect as E } from "react";
 import { Button as K } from "../button/index.js";
-import '../../assets/index16.css';const R = "_popover_ttn4t_1", C = "_left_ttn4t_23", I = "_right_ttn4t_28", N = "_trigger_ttn4t_33", n = {
+import '../../assets/index17.css';const R = "_popover_ttn4t_1", C = "_left_ttn4t_23", I = "_right_ttn4t_28", N = "_trigger_ttn4t_33", n = {
   popover: R,
   "popover-panel": "_popover-panel_ttn4t_6",
   left: C,

package/dist/components/portal/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index10.css');const e=require("react/jsx-runtime"),s=require("../../classix-5H4IWnMA.cjs"),i=require("../button/index.cjs"),a=require("../icon/index.cjs"),l=require("../aside/index.cjs"),_=require("../branding/index.cjs"),d=require("../figure/index.cjs"),u=require("../nav/index.cjs"),g="_portal_rcvlc_39",p="_content_rcvlc_266",x="_toggle_rcvlc_273",m="_open_rcvlc_337",n={portal:g,content:p,toggle:x,open:m},v=({children:t,portals:o,open:c,setOpen:r})=>e.jsxs(l.Aside,{className:s.t(n.portal,c&&n.open),sticky:!0,"data-component":"portal",children:[e.jsx(i.Button,{className:n.toggle,onClick:()=>r(!c),variant:"tertiary",children:e.jsx(a.Icon,{name:"sidebar"})}),e.jsx(d.Figure,{children:e.jsx(_.Branding,{name:"logo",size:48,variant:"white"})}),e.jsxs("div",{className:n.content,children:[o&&e.jsx(u.Nav,{horizontal:!0,children:o}),t&&t]})]});exports.Portal=v;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index11.css');const e=require("react/jsx-runtime"),r=require("../../classix-5H4IWnMA.cjs"),c=require("../button/index.cjs"),a=require("../icon/index.cjs"),u=require("../aside/index.cjs"),l=require("../branding/index.cjs"),_=require("../figure/index.cjs"),d=require("../nav/index.cjs"),g="_portal_1uuei_39",p="_content_1uuei_266",x="_toggle_1uuei_273",m="_open_1uuei_337",n={portal:g,content:p,toggle:x,open:m},j=({children:t,portals:o,open:s,setOpen:i})=>e.jsxs(u.Aside,{className:r.t(n.portal,s&&n.open),sticky:!0,"data-component":"portal",children:[e.jsx(c.Button,{className:n.toggle,onClick:()=>i(!s),variant:"tertiary",children:e.jsx(a.Icon,{name:"sidebar"})}),e.jsx(_.Figure,{children:e.jsx(l.Branding,{name:"logo",size:48,variant:"white"})}),e.jsxs("div",{className:n.content,children:[o&&e.jsx(d.Nav,{horizontal:!0,children:o}),t&&t]})]});exports.Portal=j;
 //# sourceMappingURL=index.cjs.map

package/dist/components/portal/index.js

@@ -1,26 +1,26 @@
-import { jsxs as c, jsx as o } from "react/jsx-runtime";
-import { t as a } from "../../classix-DG18itHa.js";
-import { Button as l } from "../button/index.js";
-import { Icon as m } from "../icon/index.js";
+import { jsxs as i, jsx as o } from "react/jsx-runtime";
+import { t as m } from "../../classix-DG18itHa.js";
+import { Button as c } from "../button/index.js";
+import { Icon as l } from "../icon/index.js";
 import { Aside as s } from "../aside/index.js";
 import { Branding as p } from "../branding/index.js";
-import { Figure as _ } from "../figure/index.js";
-import { Nav as g } from "../nav/index.js";
-import '../../assets/index10.css';const d = "_portal_rcvlc_39", f = "_content_rcvlc_266", v = "_toggle_rcvlc_273", h = "_open_rcvlc_337", t = {
-  portal: d,
-  content: f,
-  toggle: v,
+import { Figure as u } from "../figure/index.js";
+import { Nav as _ } from "../nav/index.js";
+import '../../assets/index11.css';const g = "_portal_1uuei_39", d = "_content_1uuei_266", f = "_toggle_1uuei_273", h = "_open_1uuei_337", t = {
+  portal: g,
+  content: d,
+  toggle: f,
   open: h
 }, b = ({
   children: r,
-  portals: n,
-  open: e,
-  setOpen: i
-}) => /* @__PURE__ */ c(s, { className: a(t.portal, e && t.open), sticky: !0, "data-component": "portal", children: [
-  /* @__PURE__ */ o(l, { className: t.toggle, onClick: () => i(!e), variant: "tertiary", children: /* @__PURE__ */ o(m, { name: "sidebar" }) }),
-  /* @__PURE__ */ o(_, { children: /* @__PURE__ */ o(p, { name: "logo", size: 48, variant: "white" }) }),
-  /* @__PURE__ */ c("div", { className: t.content, children: [
-    n && /* @__PURE__ */ o(g, { horizontal: !0, children: n }),
+  portals: e,
+  open: n,
+  setOpen: a
+}) => /* @__PURE__ */ i(s, { className: m(t.portal, n && t.open), sticky: !0, "data-component": "portal", children: [
+  /* @__PURE__ */ o(c, { className: t.toggle, onClick: () => a(!n), variant: "tertiary", children: /* @__PURE__ */ o(l, { name: "sidebar" }) }),
+  /* @__PURE__ */ o(u, { children: /* @__PURE__ */ o(p, { name: "logo", size: 48, variant: "white" }) }),
+  /* @__PURE__ */ i("div", { className: t.content, children: [
+    e && /* @__PURE__ */ o(_, { horizontal: !0, children: e }),
     r && r
   ] })
 ] });

package/dist/components/search/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index9.css');const n=require("react/jsx-runtime"),u=require("react"),p=require("../button/index.cjs"),D=require("../checkbox/index.cjs"),N=require("../chip/index.cjs"),M=require("../controls/index.cjs"),C=require("../dialog/index.cjs"),I=require("../../index-iItPktfX.cjs"),O="_search_w7h2j_1",R="_controls_w7h2j_13",B="_chips_w7h2j_27",o={search:O,controls:R,chips:B,"dialog-content":"_dialog-content_w7h2j_34","filter-groups":"_filter-groups_w7h2j_43","filter-group":"_filter-group_w7h2j_43"},S=({closeLabel:j="Close",filterButtonLabel:_="Filters",filterDialogTitle:m="Filters",filterGroups:l=[],onChange:b,onSelectedFiltersChange:c,removeFilterLabel:g=i=>`Remove ${i.label} filter`,resetLabel:v="Reset",searchLabel:y="Search",searchPlaceholder:f="Search",selectedFilters:t=[],value:k=""})=>{const i=u.useId(),[x,r]=u.useState(!1),w=u.useMemo(()=>new Map(l.flatMap(e=>e.options).map(e=>[e.value,e])),[l]),h=t.flatMap(e=>{const s=w.get(e);return s?[s]:[]}),d=(e,s)=>{c&&c(s?[...new Set([...t,e])]:t.filter(a=>a!==e))};return n.jsxs("div",{className:o.search,"data-component":"search",children:[n.jsxs("div",{className:o.controls,children:[n.jsx(I.Input,{"aria-label":y,icon:"search",onChange:e=>b(e.target.value),placeholder:f,type:"search",value:k}),l.length>0&&n.jsx(p.Button,{"aria-expanded":x,"aria-haspopup":"dialog",badge:h.length,icon:"funnel",onClick:()=>r(!0),variant:"tertiary",children:_})]}),h.length>0&&n.jsxs("div",{"aria-label":_,className:o.chips,children:[h.map(e=>n.jsx(N.Chip,{accessibleLabel:g(e),label:e.label,onClick:()=>d(e.value,!1),onKeyDown:s=>{(s.key==="Enter"||s.key===" ")&&(s.preventDefault(),d(e.value,!1))},role:"button"},e.value)),n.jsx(p.Button,{onClick:()=>c==null?void 0:c([]),variant:"tertiary",children:v})]}),x&&n.jsx(C.Dialog,{"aria-labelledby":i,onKeyDown:e=>{e.key==="Escape"&&r(!1)},open:!0,setOpen:r,children:n.jsxs("div",{className:o["dialog-content"],children:[n.jsx("h2",{id:i,children:m}),n.jsx("div",{className:o["filter-groups"],children:l.map((e,s)=>n.jsxs("fieldset",{className:o["filter-group"],children:[e.label&&n.jsx("legend",{children:e.label}),e.options.map(a=>n.jsx(D.Checkbox,{checked:t.includes(a.value),label:a.label,onChange:q=>d(a.value,q.target.checked)},a.value))]},e.label??s))}),n.jsx(M.Controls,{children:n.jsx(p.Button,{onClick:()=>r(!1),children:j})})]})})]})};exports.Search=S;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index10.css');const n=require("react/jsx-runtime"),u=require("react"),p=require("../button/index.cjs"),N=require("../checkbox/index.cjs"),M=require("../chip/index.cjs"),w=require("../controls/index.cjs"),C=require("../dialog/index.cjs"),I=require("../../index-CP5A_BGJ.cjs"),O="_search_cnh59_3",R="_controls_cnh59_15",B="_chips_cnh59_29",c={search:O,controls:R,chips:B,"dialog-content":"_dialog-content_cnh59_36","filter-groups":"_filter-groups_cnh59_45","filter-group":"_filter-group_cnh59_45"},S=({closeLabel:m="Close",filterButtonLabel:_="Filters",filterDialogTitle:b="Filters",filterGroups:l=[],onChange:g,onSelectedFiltersChange:o,removeFilterLabel:j=i=>`Remove ${i.label} filter`,resetLabel:v="Reset",searchLabel:y="Search",searchPlaceholder:f="Search",selectedFilters:t=[],value:k=""})=>{const i=u.useId(),[x,r]=u.useState(!1),q=u.useMemo(()=>new Map(l.flatMap(e=>e.options).map(e=>[e.value,e])),[l]),h=t.flatMap(e=>{const s=q.get(e);return s?[s]:[]}),d=(e,s)=>{o&&o(s?[...new Set([...t,e])]:t.filter(a=>a!==e))};return n.jsxs("div",{className:c.search,"data-component":"search",children:[n.jsxs("div",{className:c.controls,children:[n.jsx(I.Input,{"aria-label":y,icon:"search",onChange:e=>g(e.target.value),placeholder:f,type:"search",value:k}),l.length>0&&n.jsx(p.Button,{"aria-expanded":x,"aria-haspopup":"dialog",badge:h.length,icon:"funnel",onClick:()=>r(!0),variant:"tertiary",children:_})]}),h.length>0&&n.jsxs("div",{"aria-label":_,className:c.chips,children:[h.map(e=>n.jsx(M.Chip,{accessibleLabel:j(e),label:e.label,onClick:()=>d(e.value,!1),onKeyDown:s=>{(s.key==="Enter"||s.key===" ")&&(s.preventDefault(),d(e.value,!1))},role:"button"},e.value)),n.jsx(p.Button,{onClick:()=>o==null?void 0:o([]),variant:"tertiary",children:v})]}),x&&n.jsx(C.Dialog,{"aria-labelledby":i,onKeyDown:e=>{e.key==="Escape"&&r(!1)},open:!0,setOpen:r,children:n.jsxs("div",{className:c["dialog-content"],children:[n.jsx("h2",{id:i,children:b}),n.jsx("div",{className:c["filter-groups"],children:l.map((e,s)=>n.jsxs("fieldset",{className:c["filter-group"],children:[e.label&&n.jsx("legend",{children:e.label}),e.options.map(a=>n.jsx(N.Checkbox,{checked:t.includes(a.value),label:a.label,onChange:D=>d(a.value,D.target.checked)},a.value))]},e.label??s))}),n.jsx(w.Controls,{children:n.jsx(p.Button,{onClick:()=>r(!1),children:m})})]})})]})};exports.Search=S;
 //# sourceMappingURL=index.cjs.map

package/dist/components/search/index.js

@@ -1,56 +1,56 @@
-import { jsxs as c, jsx as e } from "react/jsx-runtime";
-import { useId as x, useState as I, useMemo as C } from "react";
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import { useId as w, useState as C, useMemo as M } from "react";
 import { Button as m } from "../button/index.js";
-import { Checkbox as M } from "../checkbox/index.js";
-import { Chip as O } from "../chip/index.js";
+import { Checkbox as O } from "../checkbox/index.js";
+import { Chip as j } from "../chip/index.js";
 import { Controls as E } from "../controls/index.js";
 import { Dialog as K } from "../dialog/index.js";
-import { I as R } from "../../index-DS2cY2g4.js";
-import '../../assets/index9.css';const B = "_search_w7h2j_1", T = "_controls_w7h2j_13", $ = "_chips_w7h2j_27", r = {
+import { I as R } from "../../index-DFXqYJat.js";
+import '../../assets/index10.css';const B = "_search_cnh59_3", T = "_controls_cnh59_15", $ = "_chips_cnh59_29", n = {
   search: B,
   controls: T,
   chips: $,
-  "dialog-content": "_dialog-content_w7h2j_34",
-  "filter-groups": "_filter-groups_w7h2j_43",
-  "filter-group": "_filter-group_w7h2j_43"
+  "dialog-content": "_dialog-content_cnh59_36",
+  "filter-groups": "_filter-groups_cnh59_45",
+  "filter-group": "_filter-group_cnh59_45"
 }, S = ({
   closeLabel: _ = "Close",
   filterButtonLabel: u = "Filters",
   filterDialogTitle: b = "Filters",
   filterGroups: i = [],
   onChange: v,
-  onSelectedFiltersChange: n,
+  onSelectedFiltersChange: c,
   removeFilterLabel: g = (t) => `Remove ${t.label} filter`,
   resetLabel: y = "Reset",
   searchLabel: k = "Search",
-  searchPlaceholder: w = "Search",
+  searchPlaceholder: D = "Search",
   selectedFilters: s = [],
-  value: j = ""
+  value: N = ""
 }) => {
-  const t = x(), [f, h] = I(!1), D = C(() => new Map(i.flatMap((a) => a.options).map((a) => [a.value, a])), [i]), p = s.flatMap((a) => {
-    const l = D.get(a);
+  const t = w(), [f, h] = C(!1), x = M(() => new Map(i.flatMap((a) => a.options).map((a) => [a.value, a])), [i]), p = s.flatMap((a) => {
+    const l = x.get(a);
     return l ? [l] : [];
   }), d = (a, l) => {
-    n && n(l ? [.../* @__PURE__ */ new Set([...s, a])] : s.filter((o) => o !== a));
+    c && c(l ? [.../* @__PURE__ */ new Set([...s, a])] : s.filter((o) => o !== a));
   };
-  return /* @__PURE__ */ c("div", { className: r.search, "data-component": "search", children: [
-    /* @__PURE__ */ c("div", { className: r.controls, children: [
-      /* @__PURE__ */ e(R, { "aria-label": k, icon: "search", onChange: (a) => v(a.target.value), placeholder: w, type: "search", value: j }),
+  return /* @__PURE__ */ r("div", { className: n.search, "data-component": "search", children: [
+    /* @__PURE__ */ r("div", { className: n.controls, children: [
+      /* @__PURE__ */ e(R, { "aria-label": k, icon: "search", onChange: (a) => v(a.target.value), placeholder: D, type: "search", value: N }),
       i.length > 0 && /* @__PURE__ */ e(m, { "aria-expanded": f, "aria-haspopup": "dialog", badge: p.length, icon: "funnel", onClick: () => h(!0), variant: "tertiary", children: u })
     ] }),
-    p.length > 0 && /* @__PURE__ */ c("div", { "aria-label": u, className: r.chips, children: [
-      p.map((a) => /* @__PURE__ */ e(O, { accessibleLabel: g(a), label: a.label, onClick: () => d(a.value, !1), onKeyDown: (l) => {
+    p.length > 0 && /* @__PURE__ */ r("div", { "aria-label": u, className: n.chips, children: [
+      p.map((a) => /* @__PURE__ */ e(j, { accessibleLabel: g(a), label: a.label, onClick: () => d(a.value, !1), onKeyDown: (l) => {
         (l.key === "Enter" || l.key === " ") && (l.preventDefault(), d(a.value, !1));
       }, role: "button" }, a.value)),
-      /* @__PURE__ */ e(m, { onClick: () => n == null ? void 0 : n([]), variant: "tertiary", children: y })
+      /* @__PURE__ */ e(m, { onClick: () => c == null ? void 0 : c([]), variant: "tertiary", children: y })
     ] }),
     f && /* @__PURE__ */ e(K, { "aria-labelledby": t, onKeyDown: (a) => {
       a.key === "Escape" && h(!1);
-    }, open: !0, setOpen: h, children: /* @__PURE__ */ c("div", { className: r["dialog-content"], children: [
+    }, open: !0, setOpen: h, children: /* @__PURE__ */ r("div", { className: n["dialog-content"], children: [
       /* @__PURE__ */ e("h2", { id: t, children: b }),
-      /* @__PURE__ */ e("div", { className: r["filter-groups"], children: i.map((a, l) => /* @__PURE__ */ c("fieldset", { className: r["filter-group"], children: [
+      /* @__PURE__ */ e("div", { className: n["filter-groups"], children: i.map((a, l) => /* @__PURE__ */ r("fieldset", { className: n["filter-group"], children: [
         a.label && /* @__PURE__ */ e("legend", { children: a.label }),
-        a.options.map((o) => /* @__PURE__ */ e(M, { checked: s.includes(o.value), label: o.label, onChange: (N) => d(o.value, N.target.checked) }, o.value))
+        a.options.map((o) => /* @__PURE__ */ e(O, { checked: s.includes(o.value), label: o.label, onChange: (I) => d(o.value, I.target.checked) }, o.value))
       ] }, a.label ?? l)) }),
       /* @__PURE__ */ e(E, { children: /* @__PURE__ */ e(m, { onClick: () => h(!1), children: _ }) })
     ] }) })

package/dist/components/select/index.cjs

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

package/dist/components/select/index.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "../../classix-DG18itHa.js";
 import "../../icons-CKzd_L4D.js";
-import { S as e } from "../../index-D-AyCDg7.js";
+import { S as e } from "../../index-B9xtLe2w.js";
 import "../../use-touched-DXIJVVzz.js";
 export {
   e as Select

package/dist/components/sortable/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index8.css');const H=require("react/jsx-runtime"),O=require("../../classix-5H4IWnMA.cjs"),c=require("react"),G=require("../list/index.cjs"),J="_sortable_12gha_1",K="_dragging_12gha_13",Q="_dropping_12gha_28",tt="_columns_12gha_42",et="_pseudo_12gha_51",f={sortable:J,dragging:K,dropping:Q,columns:tt,pseudo:et,"target-above":"_target-above_12gha_66","target-below":"_target-below_12gha_67"},X=c.createContext(null);function nt(){return c.useContext(X)}function rt({children:M,className:$,columns:E=1,isRearranging:x=!1,onChangeOrder:k,...A}){const B=Number.isFinite(E)?Math.max(1,Math.floor(E)):1,S=c.useMemo(()=>c.Children.toArray(M),[M]),u=c.useRef(-1),R=c.useMemo(()=>typeof window<"u"&&(navigator.maxTouchPoints>0||window.matchMedia("(pointer: coarse)").matches),[]),i=c.useRef(!1),D=c.useRef(null),v=c.useRef(null),b=c.useRef(null),T=c.useRef(!1),_=c.useRef(null),d=c.useRef(null),[w,F]=c.useState({height:0,width:0}),[h,g]=c.useState(null),[z,q]=c.useState(null),L={...A.style,"--height":`calc(${w.height}px - var(--scale-16))`,"--width":B>1?`calc(${w.width}px - var(--scale-16))`:`${w.width}px`},V=o=>{k(o.map((t,s)=>({id:String(c.isValidElement(t)?t.props["data-id"]??`idx-${s}`:`idx-${s}`),weight:o.length-1-s})))},y=(o,t)=>{if(t<0||t>=S.length||o===t)return;const s=S.slice(),[e]=s.splice(o,1);s.splice(t,0,e),q(t),V(s)},m=()=>{v.current!==null&&(clearTimeout(v.current),v.current=null)},C=()=>{d.current!==null&&(cancelAnimationFrame(d.current),d.current=null)},W=o=>{let t=(o==null?void 0:o.parentElement)??null;for(;t;){const{overflowY:s}=window.getComputedStyle(t);if(/(auto|scroll|overlay)/.test(s)&&t.scrollHeight>t.clientHeight)return t;t=t.parentElement}return document.scrollingElement instanceof HTMLElement?document.scrollingElement:null},P=()=>{m(),C(),_.current=null,i.current=!1,D.current=null,b.current=null,T.current=!1,u.current=-1,g(null)},U=o=>o instanceof Element&&!!o.closest('button, a, input, textarea, select, option, [role="button"], [contenteditable="true"]'),Y=(o,t)=>{var N;const s=(N=document.elementFromPoint(o,t))==null?void 0:N.closest("[data-sortable-index]");if(!s)return;const e=Number(s.dataset.sortableIndex),n=u.current;if(!Number.isInteger(e)||n<0||e===n)return;const r=s.getBoundingClientRect(),a=e===n+1?w.height:r.height,l=t>r.top+a/2?e+1:e,I=l>n?l-1:l;D.current=I,g(I)},Z=o=>{const t=W(o);if(!t)return;const s=72,e=18,n=()=>{if(!i.current){d.current=null;return}const r=_.current;if(!r){d.current=requestAnimationFrame(n);return}const a=t===document.scrollingElement?{top:0,bottom:window.innerHeight}:t.getBoundingClientRect();let p=0;if(r.y<a.top+s){const l=Math.max(0,r.y-a.top);p=-e*(1-l/s)}else if(r.y>a.bottom-s){const l=Math.max(0,a.bottom-r.y);p=e*(1-l/s)}p!==0&&(t.scrollBy({top:p,behavior:"auto"}),Y(r.x,r.y)),d.current=requestAnimationFrame(n)};C(),d.current=requestAnimationFrame(n)},j=()=>{u.current=-1,g(null)};return c.useEffect(()=>{x||q(null)},[x]),c.useEffect(()=>()=>{m(),C()},[]),c.useEffect(()=>{const o=t=>{i.current&&t.preventDefault()};return window.addEventListener("touchmove",o,{passive:!1}),()=>{m(),window.removeEventListener("touchmove",o)}},[]),H.jsx(G.List,{className:O.t($,f.sortable,B>1&&f.columns),columns:E,ordered:!0,style:L,...A,"data-component":"sortable",children:S.map((o,t)=>{const s=c.isValidElement(o)?o.key:null;return H.jsx("li",{"data-sortable-index":t,onClickCapture:e=>{T.current&&(e.preventDefault(),e.stopPropagation(),T.current=!1)},className:O.t(h!==null&&h>t-10&&h<t+10&&f.pseudo,h===t&&u.current<t&&f["target-below"],h===t&&u.current>t&&f["target-above"],u.current===t&&f.dragging,z===t&&x&&f.dropping),onContextMenu:e=>{(i.current||v.current!==null)&&e.preventDefault()},onTouchStart:e=>{if(x||U(e.target))return;const n=e.touches[0];if(!n)return;const r=e.currentTarget;b.current={index:t,x:n.clientX,y:n.clientY},m(),v.current=setTimeout(()=>{u.current=t,i.current=!0,D.current=t,T.current=!0,F({height:r.offsetHeight,width:r.offsetWidth}),g(t),_.current={x:n.clientX,y:n.clientY},Z(r)},350)},onTouchMove:e=>{const n=e.touches[0];if(n){if(_.current={x:n.clientX,y:n.clientY},!i.current){const r=b.current;if(!r)return;Math.hypot(n.clientX-r.x,n.clientY-r.y)>8&&(m(),b.current=null);return}Y(n.clientX,n.clientY)}},onTouchEnd:e=>{if(m(),!i.current){b.current=null;return}e.preventDefault();const n=u.current,r=D.current;n>=0&&r!==null&&n!==r&&y(n,r),P()},onTouchCancel:()=>P(),draggable:!x&&!R,onDragEnd:()=>j(),onDragOver:e=>{e.preventDefault(),e.dataTransfer.dropEffect="move";const n=u.current;if(n<0||n===t)return;const r=e.currentTarget.getBoundingClientRect(),a=t===n+1?w.height:r.height,l=e.clientY>r.top+a/2?t+1:t,I=l>n?l-1:l;g(I)},onDragStart:e=>{if(R){e.preventDefault();return}u.current=t,F({height:e.currentTarget.offsetHeight,width:e.currentTarget.offsetWidth}),e.dataTransfer.setData("text/plain",""),e.dataTransfer.effectAllowed="move",g(t)},onDrop:e=>{e.preventDefault();const n=u.current,r=h;n<0||r===null||n===r||(y(n,r),j())},"data-component":"sortable",children:H.jsx(X.Provider,{value:{canMoveDown:t<S.length-1,canMoveUp:t>0,index:t,moveDown:()=>y(t,t+1),moveUp:()=>y(t,t-1)},children:o})},s??t)})})}exports.Sortable=rt;exports.useOptionalSortableItem=nt;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index9.css');const H=require("react/jsx-runtime"),O=require("../../classix-5H4IWnMA.cjs"),c=require("react"),G=require("../list/index.cjs"),J="_sortable_12gha_1",K="_dragging_12gha_13",Q="_dropping_12gha_28",tt="_columns_12gha_42",et="_pseudo_12gha_51",f={sortable:J,dragging:K,dropping:Q,columns:tt,pseudo:et,"target-above":"_target-above_12gha_66","target-below":"_target-below_12gha_67"},X=c.createContext(null);function nt(){return c.useContext(X)}function rt({children:M,className:$,columns:E=1,isRearranging:x=!1,onChangeOrder:k,...A}){const B=Number.isFinite(E)?Math.max(1,Math.floor(E)):1,S=c.useMemo(()=>c.Children.toArray(M),[M]),u=c.useRef(-1),R=c.useMemo(()=>typeof window<"u"&&(navigator.maxTouchPoints>0||window.matchMedia("(pointer: coarse)").matches),[]),i=c.useRef(!1),D=c.useRef(null),v=c.useRef(null),b=c.useRef(null),T=c.useRef(!1),_=c.useRef(null),d=c.useRef(null),[w,F]=c.useState({height:0,width:0}),[h,g]=c.useState(null),[z,q]=c.useState(null),L={...A.style,"--height":`calc(${w.height}px - var(--scale-16))`,"--width":B>1?`calc(${w.width}px - var(--scale-16))`:`${w.width}px`},V=o=>{k(o.map((t,s)=>({id:String(c.isValidElement(t)?t.props["data-id"]??`idx-${s}`:`idx-${s}`),weight:o.length-1-s})))},y=(o,t)=>{if(t<0||t>=S.length||o===t)return;const s=S.slice(),[e]=s.splice(o,1);s.splice(t,0,e),q(t),V(s)},m=()=>{v.current!==null&&(clearTimeout(v.current),v.current=null)},C=()=>{d.current!==null&&(cancelAnimationFrame(d.current),d.current=null)},W=o=>{let t=(o==null?void 0:o.parentElement)??null;for(;t;){const{overflowY:s}=window.getComputedStyle(t);if(/(auto|scroll|overlay)/.test(s)&&t.scrollHeight>t.clientHeight)return t;t=t.parentElement}return document.scrollingElement instanceof HTMLElement?document.scrollingElement:null},P=()=>{m(),C(),_.current=null,i.current=!1,D.current=null,b.current=null,T.current=!1,u.current=-1,g(null)},U=o=>o instanceof Element&&!!o.closest('button, a, input, textarea, select, option, [role="button"], [contenteditable="true"]'),Y=(o,t)=>{var N;const s=(N=document.elementFromPoint(o,t))==null?void 0:N.closest("[data-sortable-index]");if(!s)return;const e=Number(s.dataset.sortableIndex),n=u.current;if(!Number.isInteger(e)||n<0||e===n)return;const r=s.getBoundingClientRect(),a=e===n+1?w.height:r.height,l=t>r.top+a/2?e+1:e,I=l>n?l-1:l;D.current=I,g(I)},Z=o=>{const t=W(o);if(!t)return;const s=72,e=18,n=()=>{if(!i.current){d.current=null;return}const r=_.current;if(!r){d.current=requestAnimationFrame(n);return}const a=t===document.scrollingElement?{top:0,bottom:window.innerHeight}:t.getBoundingClientRect();let p=0;if(r.y<a.top+s){const l=Math.max(0,r.y-a.top);p=-e*(1-l/s)}else if(r.y>a.bottom-s){const l=Math.max(0,a.bottom-r.y);p=e*(1-l/s)}p!==0&&(t.scrollBy({top:p,behavior:"auto"}),Y(r.x,r.y)),d.current=requestAnimationFrame(n)};C(),d.current=requestAnimationFrame(n)},j=()=>{u.current=-1,g(null)};return c.useEffect(()=>{x||q(null)},[x]),c.useEffect(()=>()=>{m(),C()},[]),c.useEffect(()=>{const o=t=>{i.current&&t.preventDefault()};return window.addEventListener("touchmove",o,{passive:!1}),()=>{m(),window.removeEventListener("touchmove",o)}},[]),H.jsx(G.List,{className:O.t($,f.sortable,B>1&&f.columns),columns:E,ordered:!0,style:L,...A,"data-component":"sortable",children:S.map((o,t)=>{const s=c.isValidElement(o)?o.key:null;return H.jsx("li",{"data-sortable-index":t,onClickCapture:e=>{T.current&&(e.preventDefault(),e.stopPropagation(),T.current=!1)},className:O.t(h!==null&&h>t-10&&h<t+10&&f.pseudo,h===t&&u.current<t&&f["target-below"],h===t&&u.current>t&&f["target-above"],u.current===t&&f.dragging,z===t&&x&&f.dropping),onContextMenu:e=>{(i.current||v.current!==null)&&e.preventDefault()},onTouchStart:e=>{if(x||U(e.target))return;const n=e.touches[0];if(!n)return;const r=e.currentTarget;b.current={index:t,x:n.clientX,y:n.clientY},m(),v.current=setTimeout(()=>{u.current=t,i.current=!0,D.current=t,T.current=!0,F({height:r.offsetHeight,width:r.offsetWidth}),g(t),_.current={x:n.clientX,y:n.clientY},Z(r)},350)},onTouchMove:e=>{const n=e.touches[0];if(n){if(_.current={x:n.clientX,y:n.clientY},!i.current){const r=b.current;if(!r)return;Math.hypot(n.clientX-r.x,n.clientY-r.y)>8&&(m(),b.current=null);return}Y(n.clientX,n.clientY)}},onTouchEnd:e=>{if(m(),!i.current){b.current=null;return}e.preventDefault();const n=u.current,r=D.current;n>=0&&r!==null&&n!==r&&y(n,r),P()},onTouchCancel:()=>P(),draggable:!x&&!R,onDragEnd:()=>j(),onDragOver:e=>{e.preventDefault(),e.dataTransfer.dropEffect="move";const n=u.current;if(n<0||n===t)return;const r=e.currentTarget.getBoundingClientRect(),a=t===n+1?w.height:r.height,l=e.clientY>r.top+a/2?t+1:t,I=l>n?l-1:l;g(I)},onDragStart:e=>{if(R){e.preventDefault();return}u.current=t,F({height:e.currentTarget.offsetHeight,width:e.currentTarget.offsetWidth}),e.dataTransfer.setData("text/plain",""),e.dataTransfer.effectAllowed="move",g(t)},onDrop:e=>{e.preventDefault();const n=u.current,r=h;n<0||r===null||n===r||(y(n,r),j())},"data-component":"sortable",children:H.jsx(X.Provider,{value:{canMoveDown:t<S.length-1,canMoveUp:t>0,index:t,moveDown:()=>y(t,t+1),moveUp:()=>y(t,t-1)},children:o})},s??t)})})}exports.Sortable=rt;exports.useOptionalSortableItem=nt;
 //# sourceMappingURL=index.cjs.map

package/dist/components/sortable/index.js

@@ -2,7 +2,7 @@ import { jsx as H } from "react/jsx-runtime";
 import { t as O } from "../../classix-DG18itHa.js";
 import A, { createContext as tt, useMemo as V, useRef as a, useState as M, useEffect as B, useContext as et } from "react";
 import { List as nt } from "../list/index.js";
-import '../../assets/index8.css';const rt = "_sortable_12gha_1", ot = "_dragging_12gha_13", ct = "_dropping_12gha_28", lt = "_columns_12gha_42", ut = "_pseudo_12gha_51", f = {
+import '../../assets/index9.css';const rt = "_sortable_12gha_1", ot = "_dragging_12gha_13", ct = "_dropping_12gha_28", lt = "_columns_12gha_42", ut = "_pseudo_12gha_51", f = {
   sortable: rt,
   dragging: ot,
   dropping: ct,

package/dist/components/table/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index7.css');const f=require("react/jsx-runtime"),l=require("react"),k=require("../icon/index.cjs"),z="_table_1egqd_1",D="_sortable_1egqd_27",h={table:z,sortable:D},m=r=>l.isValidElement(r),q=r=>l.Children.toArray(r).reduce((e,t)=>m(t)?e+(t.type==="td"||t.type==="th"?1:q(t.props.children)):e,0),S=r=>{for(const e of l.Children.toArray(r)){if(!m(e))continue;if(e.type==="tr")return q(e.props.children);const t=S(e.props.children);if(t!==null)return t}return null},j=(r,e)=>l.Children.map(r,t=>{if(!m(t))return t;let s=t.props.children===void 0?t.props.children:j(t.props.children,e),n;return t.type==="td"&&t.props["data-span"]==="all"&&(n={colSpan:e}),t.type==="th"&&t.props["data-type"]&&(s=f.jsxs("span",{className:h.sortable,children:[s,f.jsx(k.Icon,{name:"updown"})]})),n||s!==t.props.children?l.cloneElement(t,n,s):t}),I=(r,e,t,s,n=1)=>{if(t==="text")return r.localeCompare(e,s,{sensitivity:"base"})*n;const c=t==="date"?Date.parse(r):Number.parseFloat(r),i=t==="date"?Date.parse(e):Number.parseFloat(e);return Number.isNaN(c)&&Number.isNaN(i)?0:Number.isNaN(c)?1:Number.isNaN(i)?-1:(c-i)*n},P=({children:r,locale:e,...t})=>{const s=l.useRef(null),n=S(r),c=n&&n>0?j(r,n):r,i=(d,u,o)=>{d.querySelectorAll("th[data-type]").forEach(a=>{a===u?(a.dataset.dir=o,a.setAttribute("aria-sort",o==="asc"?"ascending":"descending")):(delete a.dataset.dir,a.setAttribute("aria-sort","none"))})},v=l.useCallback(d=>{var x,g;const u=s.current;if(!u)return;const o=(x=d.target)==null?void 0:x.closest("th");if(!o)return;const p=u.tHead;if(!p||!p.contains(o))return;const a=o.cellIndex;if(a<0)return;const b=(g=u.tBodies)==null?void 0:g[0];if(!b)return;const y=o.getAttribute("data-type");if(!y)return;const N=o.dataset.dir==="asc"?"desc":"asc";i(p,o,N);const w=N==="asc"?1:-1,C=Array.from(b.rows);C.sort((E,R)=>{var _,A;const T=(((_=E.cells[a])==null?void 0:_.textContent)??"").trim(),F=(((A=R.cells[a])==null?void 0:A.textContent)??"").trim();return I(T,F,y,e,w)}),b.append(...C)},[e]);return f.jsx("table",{className:h.table,onClick:v,ref:s,...t,"data-component":"table",children:c})};exports.Table=P;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index8.css');const f=require("react/jsx-runtime"),l=require("react"),k=require("../icon/index.cjs"),z="_table_1egqd_1",D="_sortable_1egqd_27",h={table:z,sortable:D},m=r=>l.isValidElement(r),q=r=>l.Children.toArray(r).reduce((e,t)=>m(t)?e+(t.type==="td"||t.type==="th"?1:q(t.props.children)):e,0),S=r=>{for(const e of l.Children.toArray(r)){if(!m(e))continue;if(e.type==="tr")return q(e.props.children);const t=S(e.props.children);if(t!==null)return t}return null},j=(r,e)=>l.Children.map(r,t=>{if(!m(t))return t;let s=t.props.children===void 0?t.props.children:j(t.props.children,e),n;return t.type==="td"&&t.props["data-span"]==="all"&&(n={colSpan:e}),t.type==="th"&&t.props["data-type"]&&(s=f.jsxs("span",{className:h.sortable,children:[s,f.jsx(k.Icon,{name:"updown"})]})),n||s!==t.props.children?l.cloneElement(t,n,s):t}),I=(r,e,t,s,n=1)=>{if(t==="text")return r.localeCompare(e,s,{sensitivity:"base"})*n;const c=t==="date"?Date.parse(r):Number.parseFloat(r),i=t==="date"?Date.parse(e):Number.parseFloat(e);return Number.isNaN(c)&&Number.isNaN(i)?0:Number.isNaN(c)?1:Number.isNaN(i)?-1:(c-i)*n},P=({children:r,locale:e,...t})=>{const s=l.useRef(null),n=S(r),c=n&&n>0?j(r,n):r,i=(d,u,o)=>{d.querySelectorAll("th[data-type]").forEach(a=>{a===u?(a.dataset.dir=o,a.setAttribute("aria-sort",o==="asc"?"ascending":"descending")):(delete a.dataset.dir,a.setAttribute("aria-sort","none"))})},v=l.useCallback(d=>{var x,g;const u=s.current;if(!u)return;const o=(x=d.target)==null?void 0:x.closest("th");if(!o)return;const p=u.tHead;if(!p||!p.contains(o))return;const a=o.cellIndex;if(a<0)return;const b=(g=u.tBodies)==null?void 0:g[0];if(!b)return;const y=o.getAttribute("data-type");if(!y)return;const N=o.dataset.dir==="asc"?"desc":"asc";i(p,o,N);const w=N==="asc"?1:-1,C=Array.from(b.rows);C.sort((E,R)=>{var _,A;const T=(((_=E.cells[a])==null?void 0:_.textContent)??"").trim(),F=(((A=R.cells[a])==null?void 0:A.textContent)??"").trim();return I(T,F,y,e,w)}),b.append(...C)},[e]);return f.jsx("table",{className:h.table,onClick:v,ref:s,...t,"data-component":"table",children:c})};exports.Table=P;
 //# sourceMappingURL=index.cjs.map

package/dist/components/table/index.js

@@ -1,7 +1,7 @@
 import { jsx as _, jsxs as D } from "react/jsx-runtime";
 import { useRef as I, useCallback as R, Children as f, cloneElement as T, isValidElement as B } from "react";
 import { Icon as H } from "../icon/index.js";
-import '../../assets/index7.css';const P = "_table_1egqd_1", V = "_sortable_1egqd_27", h = {
+import '../../assets/index8.css';const P = "_table_1egqd_1", V = "_sortable_1egqd_27", h = {
   table: P,
   sortable: V
 }, m = (r) => B(r), v = (r) => f.toArray(r).reduce((e, t) => m(t) ? e + (t.type === "td" || t.type === "th" ? 1 : v(t.props.children)) : e, 0), w = (r) => {

package/dist/components/textarea/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index6.css');const e=require("react/jsx-runtime"),d=require("../../classix-5H4IWnMA.cjs"),x=require("../../use-touched-D_TJ8wDc.cjs"),h="_label_ah8yz_3",i="_textarea_ah8yz_11",_="_touched_ah8yz_30",t={label:h,textarea:i,touched:_},m=({label:a,maxRows:r=12,minRows:c=3,required:s,value:o,...n})=>{const{touched:l,onBlur:u}=x.useTouched(o==="");return e.jsxs("label",{className:t.label,"data-component":"textarea",children:[a&&e.jsx("span",{"data-required":s||void 0,children:a}),e.jsx("textarea",{className:d.t(t.textarea,l&&t.touched),onBlur:u,...n,required:s,style:{"--min-rows":c,"--max-rows":r},value:o})]})};exports.Textarea=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index7.css');const e=require("react/jsx-runtime"),d=require("../../classix-5H4IWnMA.cjs"),x=require("../../use-touched-D_TJ8wDc.cjs"),h="_label_ah8yz_3",i="_textarea_ah8yz_11",_="_touched_ah8yz_30",t={label:h,textarea:i,touched:_},m=({label:a,maxRows:r=12,minRows:c=3,required:s,value:o,...n})=>{const{touched:l,onBlur:u}=x.useTouched(o==="");return e.jsxs("label",{className:t.label,"data-component":"textarea",children:[a&&e.jsx("span",{"data-required":s||void 0,children:a}),e.jsx("textarea",{className:d.t(t.textarea,l&&t.touched),onBlur:u,...n,required:s,style:{"--min-rows":c,"--max-rows":r},value:o})]})};exports.Textarea=m;
 //# sourceMappingURL=index.cjs.map

package/dist/components/textarea/index.js

@@ -1,7 +1,7 @@
 import { jsxs as h, jsx as r } from "react/jsx-runtime";
 import { t as m } from "../../classix-DG18itHa.js";
 import { u as x } from "../../use-touched-DXIJVVzz.js";
-import '../../assets/index6.css';const u = "_label_ah8yz_3", _ = "_textarea_ah8yz_11", i = "_touched_ah8yz_30", t = {
+import '../../assets/index7.css';const u = "_label_ah8yz_3", _ = "_textarea_ah8yz_11", i = "_touched_ah8yz_30", t = {
   label: u,
   textarea: _,
   touched: i

package/dist/components/toast/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index5.css');const o=require("react/jsx-runtime"),l=require("../../classix-5H4IWnMA.cjs"),n=require("react"),q=require("../icon/index.cjs"),d="_toast_12yql_1",f="_active_12yql_21",m="_error_12yql_27",y="_success_12yql_36",c={toast:d,active:f,error:m,success:y},v=({label:i,type:t="success",onClick:u,onExitComplete:e,open:r=!0})=>{const[_,a]=n.useState(!1);return n.useEffect(()=>{if(!r)return a(!1);const s=requestAnimationFrame(()=>a(!0));return()=>cancelAnimationFrame(s)},[r]),o.jsxs("div",{"aria-live":t==="error"?"assertive":"polite",className:l.t(c.toast,c[t],_&&c.active),onClick:u,onTransitionEnd:s=>{r||s.propertyName!=="opacity"||s.currentTarget!==s.target||e==null||e()},"data-component":"toast",children:[o.jsx(q.Icon,{name:t}),i]})};exports.Toast=v;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index6.css');const o=require("react/jsx-runtime"),l=require("../../classix-5H4IWnMA.cjs"),n=require("react"),q=require("../icon/index.cjs"),d="_toast_12yql_1",f="_active_12yql_21",m="_error_12yql_27",y="_success_12yql_36",c={toast:d,active:f,error:m,success:y},v=({label:i,type:t="success",onClick:u,onExitComplete:e,open:r=!0})=>{const[_,a]=n.useState(!1);return n.useEffect(()=>{if(!r)return a(!1);const s=requestAnimationFrame(()=>a(!0));return()=>cancelAnimationFrame(s)},[r]),o.jsxs("div",{"aria-live":t==="error"?"assertive":"polite",className:l.t(c.toast,c[t],_&&c.active),onClick:u,onTransitionEnd:s=>{r||s.propertyName!=="opacity"||s.currentTarget!==s.target||e==null||e()},"data-component":"toast",children:[o.jsx(q.Icon,{name:t}),i]})};exports.Toast=v;
 //# sourceMappingURL=index.cjs.map

package/dist/components/toast/index.js

@@ -2,7 +2,7 @@ import { jsxs as u, jsx as m } from "react/jsx-runtime";
 import { t as _ } from "../../classix-DG18itHa.js";
 import { useState as f, useEffect as l } from "react";
 import { Icon as q } from "../icon/index.js";
-import '../../assets/index5.css';const v = "_toast_12yql_1", y = "_active_12yql_21", d = "_error_12yql_27", h = "_success_12yql_36", e = {
+import '../../assets/index6.css';const v = "_toast_12yql_1", y = "_active_12yql_21", d = "_error_12yql_27", h = "_success_12yql_36", e = {
   toast: v,
   active: y,
   error: d,

package/dist/components/toasts/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index4.css');const u=require("react/jsx-runtime"),i=require("react"),w=require("../toast/index.cjs"),p="_toasts_19qwq_1",h={toasts:p},T=({defaultDurationMs:r=5e3,onRemove:m,toasts:n})=>{const d=i.useRef(new Map),[c,l]=i.useState(new Set),a=i.useCallback(e=>{l(s=>s.has(e)?s:new Set(s).add(e))},[]);return i.useEffect(()=>{const e=d.current,s=new Set(n.map(t=>t.id));l(t=>{const o=new Set([...t].filter(f=>s.has(f)));return o.size===t.size?t:o});for(const t of n){if(c.has(t.id)||e.has(t.id))continue;const o=t.durationMs??r;e.set(t.id,window.setTimeout(()=>{a(t.id)},o))}for(const[t,o]of e)s.has(t)&&!c.has(t)||(window.clearTimeout(o),e.delete(t))},[c,r,a,n]),i.useEffect(()=>{const e=d.current;return()=>{for(const s of e.values())window.clearTimeout(s);e.clear()}},[]),n.length?u.jsx("div",{className:h.toasts,"data-component":"toasts",children:n.map(e=>u.jsx(w.Toast,{label:e.label,onClick:()=>a(e.id),onExitComplete:()=>m(e.id),open:!c.has(e.id),type:e.type},e.id))}):null};exports.Toasts=T;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index5.css');const u=require("react/jsx-runtime"),i=require("react"),w=require("../toast/index.cjs"),p="_toasts_19qwq_1",h={toasts:p},T=({defaultDurationMs:r=5e3,onRemove:m,toasts:n})=>{const d=i.useRef(new Map),[c,l]=i.useState(new Set),a=i.useCallback(e=>{l(s=>s.has(e)?s:new Set(s).add(e))},[]);return i.useEffect(()=>{const e=d.current,s=new Set(n.map(t=>t.id));l(t=>{const o=new Set([...t].filter(f=>s.has(f)));return o.size===t.size?t:o});for(const t of n){if(c.has(t.id)||e.has(t.id))continue;const o=t.durationMs??r;e.set(t.id,window.setTimeout(()=>{a(t.id)},o))}for(const[t,o]of e)s.has(t)&&!c.has(t)||(window.clearTimeout(o),e.delete(t))},[c,r,a,n]),i.useEffect(()=>{const e=d.current;return()=>{for(const s of e.values())window.clearTimeout(s);e.clear()}},[]),n.length?u.jsx("div",{className:h.toasts,"data-component":"toasts",children:n.map(e=>u.jsx(w.Toast,{label:e.label,onClick:()=>a(e.id),onExitComplete:()=>m(e.id),open:!c.has(e.id),type:e.type},e.id))}):null};exports.Toasts=T;
 //# sourceMappingURL=index.cjs.map

package/dist/components/toasts/index.js

@@ -1,7 +1,7 @@
 import { jsx as l } from "react/jsx-runtime";
 import { useRef as p, useState as w, useCallback as h, useEffect as m } from "react";
 import { Toast as T } from "../toast/index.js";
-import '../../assets/index4.css';const v = "_toasts_19qwq_1", S = {
+import '../../assets/index5.css';const v = "_toasts_19qwq_1", S = {
   toasts: v
 }, g = ({
   defaultDurationMs: c = 5e3,

package/dist/components/toggle/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index3.css');const t=require("react/jsx-runtime"),i=require("../loading/index.cjs"),g="_toggle_7uv10_1",u="_thumb_7uv10_15",d="_track_7uv10_26",e={toggle:g,thumb:u,track:d},m=({checked:s,disabled:c,isLoading:o,label:n,onChange:a})=>{const l=s!==void 0&&a===void 0;return t.jsxs("label",{className:e.toggle,onClick:r=>r.stopPropagation(),"data-component":"toggle",children:[t.jsx("input",{checked:s,disabled:c||o,onChange:a,readOnly:l,type:"checkbox"}),t.jsx("span",{"aria-hidden":"true",className:e.track,children:o?t.jsx(i.Loading,{size:24}):t.jsx("span",{className:e.thumb})}),n&&t.jsx("span",{className:"toggle",children:n})]})};exports.Toggle=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index4.css');const t=require("react/jsx-runtime"),i=require("../loading/index.cjs"),g="_toggle_7uv10_1",u="_thumb_7uv10_15",d="_track_7uv10_26",e={toggle:g,thumb:u,track:d},m=({checked:s,disabled:c,isLoading:o,label:n,onChange:a})=>{const l=s!==void 0&&a===void 0;return t.jsxs("label",{className:e.toggle,onClick:r=>r.stopPropagation(),"data-component":"toggle",children:[t.jsx("input",{checked:s,disabled:c||o,onChange:a,readOnly:l,type:"checkbox"}),t.jsx("span",{"aria-hidden":"true",className:e.track,children:o?t.jsx(i.Loading,{size:24}):t.jsx("span",{className:e.thumb})}),n&&t.jsx("span",{className:"toggle",children:n})]})};exports.Toggle=m;
 //# sourceMappingURL=index.cjs.map

package/dist/components/toggle/index.js

@@ -1,6 +1,6 @@
 import { jsxs as g, jsx as t } from "react/jsx-runtime";
 import { Loading as i } from "../loading/index.js";
-import '../../assets/index3.css';const m = "_toggle_7uv10_1", d = "_thumb_7uv10_15", p = "_track_7uv10_26", o = {
+import '../../assets/index4.css';const m = "_toggle_7uv10_1", d = "_thumb_7uv10_15", p = "_track_7uv10_26", o = {
   toggle: m,
   thumb: d,
   track: p

package/dist/components/toolbar/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index51.css');const a=require("react/jsx-runtime"),l=require("../../classix-5H4IWnMA.cjs"),s="_toolbar_p4e6w_1",n="_editor_p4e6w_33",o={toolbar:s,default:"_default_p4e6w_26",editor:n},i=({children:t,variant:e="default"})=>a.jsx("div",{className:l.t(o.toolbar,o[e]),onClick:r=>r.stopPropagation(),"data-component":"toolbar",children:t});exports.Toolbar=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index52.css');const a=require("react/jsx-runtime"),l=require("../../classix-5H4IWnMA.cjs"),s="_toolbar_p4e6w_1",n="_editor_p4e6w_33",o={toolbar:s,default:"_default_p4e6w_26",editor:n},i=({children:t,variant:e="default"})=>a.jsx("div",{className:l.t(o.toolbar,o[e]),onClick:r=>r.stopPropagation(),"data-component":"toolbar",children:t});exports.Toolbar=i;
 //# sourceMappingURL=index.cjs.map

package/dist/components/toolbar/index.js

@@ -1,6 +1,6 @@
 import { jsx as e } from "react/jsx-runtime";
 import { t as l } from "../../classix-DG18itHa.js";
-import '../../assets/index51.css';const s = "_toolbar_p4e6w_1", n = "_editor_p4e6w_33", o = {
+import '../../assets/index52.css';const s = "_toolbar_p4e6w_1", n = "_editor_p4e6w_33", o = {
   toolbar: s,
   default: "_default_p4e6w_26",
   editor: n

package/dist/components/tooltip/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index3.css');const s=require("react/jsx-runtime"),n=require("../../classix-5H4IWnMA.cjs"),a=require("../icon/index.cjs"),t={static:"_static_14c4q_1"},l={default:t.default,static:t.static},r=({variant:o="default",children:i,iconName:e,...c})=>s.jsxs("div",{className:n.t(t.tooltip,l[o]),...c,"data-component":"tooltip",children:[e&&s.jsx(a.Icon,{fill:!0,gap:"right",name:e}),i]});exports.Tooltip=r;
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../src/components/tooltip/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport { Icon } from '@/components/icon';\nimport { IconName } from '@/components/icon/icons.ts';\n\nimport styles from './styles.module.css';\n\nconst variants = {\n  default: styles.default,\n  static: styles.static,\n};\n\nexport type TooltipProps = {\n  children?: React.ReactNode;\n  iconName?: IconName;\n  variant?: keyof typeof variants;\n};\n\nexport const Tooltip = ({ variant = 'default', children, iconName, ...props }: TooltipProps) => {\n  return (\n    <div\n      className={cx(styles.tooltip, variants[variant])}\n      {...props}\n    >\n      {iconName && (\n        <Icon\n          fill\n          gap={'right'}\n          name={iconName}\n        />\n      )}\n      {children}\n    </div>\n  );\n};\n"],"names":["variants","default","styles","static","Tooltip","variant","children","iconName","props","jsxs","cx","tooltip","Icon"],"mappings":"yNAOMA,EAAW,CACfC,QAASC,EAAOD,QAChBE,OAAQD,EAAOC,MACjB,EAQaC,EAAUA,CAAC,CAAEC,QAAAA,EAAU,UAAWC,SAAAA,EAAUC,SAAAA,EAAU,GAAGC,CAAoB,IAEtFC,EAAAA,KAAC,MAAA,CACC,UAAWC,EAAAA,EAAGR,EAAOS,QAASX,EAASK,CAAO,CAAC,EAC/C,GAAIG,EAAM,iBAAA,UAETD,SAAAA,CAAAA,SACEK,EAAAA,KAAA,CACC,KAAI,GACJ,IAAK,QACL,KAAML,EAAS,EAGlBD,CAAAA,EACH"}

package/dist/components/tooltip/index.js

@@ -0,0 +1,21 @@
+import { jsxs as r, jsx as c } from "react/jsx-runtime";
+import { t as l } from "../../classix-DG18itHa.js";
+import { Icon as e } from "../icon/index.js";
+import '../../assets/index3.css';const t = {
+  static: "_static_14c4q_1"
+}, n = {
+  default: t.default,
+  static: t.static
+}, d = ({
+  variant: s = "default",
+  children: a,
+  iconName: o,
+  ...i
+}) => /* @__PURE__ */ r("div", { className: l(t.tooltip, n[s]), ...i, "data-component": "tooltip", children: [
+  o && /* @__PURE__ */ c(e, { fill: !0, gap: "right", name: o }),
+  a
+] });
+export {
+  d as Tooltip
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/tooltip/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport { Icon } from '@/components/icon';\nimport { IconName } from '@/components/icon/icons.ts';\n\nimport styles from './styles.module.css';\n\nconst variants = {\n  default: styles.default,\n  static: styles.static,\n};\n\nexport type TooltipProps = {\n  children?: React.ReactNode;\n  iconName?: IconName;\n  variant?: keyof typeof variants;\n};\n\nexport const Tooltip = ({ variant = 'default', children, iconName, ...props }: TooltipProps) => {\n  return (\n    <div\n      className={cx(styles.tooltip, variants[variant])}\n      {...props}\n    >\n      {iconName && (\n        <Icon\n          fill\n          gap={'right'}\n          name={iconName}\n        />\n      )}\n      {children}\n    </div>\n  );\n};\n"],"names":["variants","default","styles","static","Tooltip","variant","children","iconName","props","jsxs","cx","tooltip","Icon"],"mappings":";;;;;GAOMA,IAAW;AAAA,EACfC,SAASC,EAAOD;AAAAA,EAChBE,QAAQD,EAAOC;AACjB,GAQaC,IAAUA,CAAC;AAAA,EAAEC,SAAAA,IAAU;AAAA,EAAWC,UAAAA;AAAAA,EAAUC,UAAAA;AAAAA,EAAU,GAAGC;AAAoB,MAEtF,gBAAAC,EAAC,OAAA,EACC,WAAWC,EAAGR,EAAOS,SAASX,EAASK,CAAO,CAAC,GAC/C,GAAIG,GAAM,kBAAA,WAETD,UAAAA;AAAAA,EAAAA,uBACEK,GAAA,EACC,MAAI,IACJ,KAAK,SACL,MAAML,GAAS;AAAA,EAGlBD;AAAAA,GACH;"}

package/dist/{index-D-AyCDg7.js → index-B9xtLe2w.js}

@@ -2,7 +2,7 @@ import { jsxs as m, jsx as p } from "react/jsx-runtime";
 import { t as y } from "./classix-DG18itHa.js";
 import { i as b } from "./icons-CKzd_L4D.js";
 import { u as v } from "./use-touched-DXIJVVzz.js";
-import './assets/index50.css';const w = /* @__PURE__ */ new Set(["aria-activedescendant", "aria-autocomplete", "aria-busy", "aria-controls", "aria-describedby", "aria-details", "aria-disabled", "aria-errormessage", "aria-expanded", "aria-haspopup", "aria-hidden", "aria-invalid", "aria-keyshortcuts", "aria-label", "aria-labelledby", "aria-live", "aria-owns", "aria-required", "aria-roledescription", "autoComplete", "autoFocus", "className", "defaultValue", "dir", "disabled", "form", "id", "multiple", "name", "onBlur", "onChange", "onClick", "onFocus", "onInput", "onInvalid", "onKeyDown", "onKeyUp", "onMouseDown", "onMouseUp", "onPointerDown", "onPointerUp", "required", "role", "size", "style", "tabIndex", "title", "value"]);
+import './assets/index51.css';const w = /* @__PURE__ */ new Set(["aria-activedescendant", "aria-autocomplete", "aria-busy", "aria-controls", "aria-describedby", "aria-details", "aria-disabled", "aria-errormessage", "aria-expanded", "aria-haspopup", "aria-hidden", "aria-invalid", "aria-keyshortcuts", "aria-label", "aria-labelledby", "aria-live", "aria-owns", "aria-required", "aria-roledescription", "autoComplete", "autoFocus", "className", "defaultValue", "dir", "disabled", "form", "id", "multiple", "name", "onBlur", "onChange", "onClick", "onFocus", "onInput", "onInvalid", "onKeyDown", "onKeyUp", "onMouseDown", "onMouseUp", "onPointerDown", "onPointerUp", "required", "role", "size", "style", "tabIndex", "title", "value"]);
 function C(n) {
   return Object.fromEntries(Object.entries(n).filter(([e]) => e.startsWith("data-") || e.startsWith("aria-") || w.has(e)));
 }
@@ -69,4 +69,4 @@ export {
   z as r,
   C as s
 };
-//# sourceMappingURL=index-D-AyCDg7.js.map
+//# sourceMappingURL=index-B9xtLe2w.js.map