@khaos-systems/helm 0.2.3 → 0.3.0

package/dist/matter.js

@@ -1,27 +1,22 @@
-import { c as B, j as r, P as O, a as j, u as de, b as W, d as S, e as fe, R as et, f as $, h as tt, g as pe, i as nt, k as rt, F as ot, D as xe, l as st, m as at, A as lt, n as it, o as me, C as ct, p as ut, q as dt, M as V, X as q, r as he, T as ge, s as ve, t as be, v as Ce, S as ft, w as pt, x as ce } from "./MtAvatar-03YpvbOy.js";
-import { y as Pn, z as kn, B as On, E as An, G as Sn, H as $n, I as Ln, J as Fn, K as Hn, L as Gn, N as Wn, O as zn, Q as Bn, U as Vn, V as qn, W as Yn, Y as Un, Z as Xn, _ as Kn } from "./MtAvatar-03YpvbOy.js";
+import { c as ee, j as r, P as k, a as j, u as pe, b as W, d as S, e as xe, R as nt, f as $, h as rt, g as me, i as ot, k as st, F as at, D as he, l as lt, m as it, A as ct, n as ut, o as ge, C as dt, p as ft, q as pt, M as B, X as V, r as ve, T as be, s as Ce, t as ye, v as Ne, S as xt, w as mt, x as ht, y as ce } from "./MtIconSelect-CfmehFw5.js";
+import { I as _n, z as Pn, B as On, E as kn, G as An, H as Sn, J as $n, K as Ln, L as Fn, N as Hn, O as Gn, Q as Wn, U as zn, V as Bn, W as Vn, Y as Yn, Z as qn, _ as Un, $ as Xn, a0 as Kn, a1 as Zn, a2 as Jn, a3 as Qn, a4 as er, a5 as tr } from "./MtIconSelect-CfmehFw5.js";
 import * as i from "react";
-import { useState as P, useRef as ye, useCallback as Z, useEffect as xt, useMemo as G, Children as Ne, isValidElement as je, cloneElement as mt } from "react";
-const ht = [
-  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
-  ["line", { x1: "12", x2: "12", y1: "8", y2: "12", key: "1pkeuh" }],
-  ["line", { x1: "12", x2: "12.01", y1: "16", y2: "16", key: "4dfq90" }]
-], gt = B("circle-alert", ht);
-const vt = [
+import { useState as P, useRef as je, useCallback as K, useEffect as gt, useMemo as G, Children as we, isValidElement as Te, cloneElement as vt } from "react";
+const bt = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "m9 12 2 2 4-4", key: "dzmm74" }]
-], bt = B("circle-check", vt);
-const Ct = [
+], Ct = ee("circle-check", bt);
+const yt = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "m15 9-6 6", key: "1uzhvr" }],
   ["path", { d: "m9 9 6 6", key: "z0biqf" }]
-], yt = B("circle-x", Ct);
-const Nt = [
+], Nt = ee("circle-x", yt);
+const jt = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "M12 16v-4", key: "1dtifu" }],
   ["path", { d: "M12 8h.01", key: "e9boi3" }]
-], jt = B("info", Nt);
-var Y = "Dialog", [we] = pe(Y), [wt, w] = we(Y), Te = (e) => {
+], wt = ee("info", jt);
+var Y = "Dialog", [De] = me(Y), [Tt, w] = De(Y), Ee = (e) => {
   const {
     __scopeDialog: n,
     children: t,
@@ -29,14 +24,14 @@ var Y = "Dialog", [we] = pe(Y), [wt, w] = we(Y), Te = (e) => {
     defaultOpen: s,
     onOpenChange: a,
     modal: l = !0
-  } = e, u = i.useRef(null), c = i.useRef(null), [f, d] = de({
+  } = e, u = i.useRef(null), c = i.useRef(null), [f, d] = pe({
     prop: o,
     defaultProp: s ?? !1,
     onChange: a,
     caller: Y
   });
   return /* @__PURE__ */ r.jsx(
-    wt,
+    Tt,
     {
       scope: n,
       triggerRef: u,
@@ -52,12 +47,12 @@ var Y = "Dialog", [we] = pe(Y), [wt, w] = we(Y), Te = (e) => {
     }
   );
 };
-Te.displayName = Y;
-var Ee = "DialogTrigger", Tt = i.forwardRef(
+Ee.displayName = Y;
+var Me = "DialogTrigger", Dt = i.forwardRef(
   (e, n) => {
-    const { __scopeDialog: t, ...o } = e, s = w(Ee, t), a = $(n, s.triggerRef);
+    const { __scopeDialog: t, ...o } = e, s = w(Me, t), a = $(n, s.triggerRef);
     return /* @__PURE__ */ r.jsx(
-      O.button,
+      k.button,
       {
         type: "button",
         "aria-haspopup": "dialog",
@@ -71,29 +66,29 @@ var Ee = "DialogTrigger", Tt = i.forwardRef(
     );
   }
 );
-Tt.displayName = Ee;
-var te = "DialogPortal", [Et, De] = we(te, {
+Dt.displayName = Me;
+var te = "DialogPortal", [Et, Re] = De(te, {
   forceMount: void 0
-}), Re = (e) => {
+}), Ie = (e) => {
   const { __scopeDialog: n, forceMount: t, children: o, container: s } = e, a = w(te, n);
-  return /* @__PURE__ */ r.jsx(Et, { scope: n, forceMount: t, children: i.Children.map(o, (l) => /* @__PURE__ */ r.jsx(S, { present: t || a.open, children: /* @__PURE__ */ r.jsx(fe, { asChild: !0, container: s, children: l }) })) });
+  return /* @__PURE__ */ r.jsx(Et, { scope: n, forceMount: t, children: i.Children.map(o, (l) => /* @__PURE__ */ r.jsx(S, { present: t || a.open, children: /* @__PURE__ */ r.jsx(xe, { asChild: !0, container: s, children: l }) })) });
 };
-Re.displayName = te;
-var z = "DialogOverlay", Me = i.forwardRef(
+Ie.displayName = te;
+var z = "DialogOverlay", _e = i.forwardRef(
   (e, n) => {
-    const t = De(z, e.__scopeDialog), { forceMount: o = t.forceMount, ...s } = e, a = w(z, e.__scopeDialog);
+    const t = Re(z, e.__scopeDialog), { forceMount: o = t.forceMount, ...s } = e, a = w(z, e.__scopeDialog);
     return a.modal ? /* @__PURE__ */ r.jsx(S, { present: o || a.open, children: /* @__PURE__ */ r.jsx(Rt, { ...s, ref: n }) }) : null;
   }
 );
-Me.displayName = z;
-var Dt = nt("DialogOverlay.RemoveScroll"), Rt = i.forwardRef(
+_e.displayName = z;
+var Mt = ot("DialogOverlay.RemoveScroll"), Rt = i.forwardRef(
   (e, n) => {
     const { __scopeDialog: t, ...o } = e, s = w(z, t);
     return (
       // Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`
       // ie. when `Overlay` and `Content` are siblings
-      /* @__PURE__ */ r.jsx(et, { as: Dt, allowPinchZoom: !0, shards: [s.contentRef], children: /* @__PURE__ */ r.jsx(
-        O.div,
+      /* @__PURE__ */ r.jsx(nt, { as: Mt, allowPinchZoom: !0, shards: [s.contentRef], children: /* @__PURE__ */ r.jsx(
+        k.div,
         {
           "data-state": re(s.open),
           ...o,
@@ -103,21 +98,21 @@ var Dt = nt("DialogOverlay.RemoveScroll"), Rt = i.forwardRef(
       ) })
     );
   }
-), R = "DialogContent", _e = i.forwardRef(
+), M = "DialogContent", Pe = i.forwardRef(
   (e, n) => {
-    const t = De(R, e.__scopeDialog), { forceMount: o = t.forceMount, ...s } = e, a = w(R, e.__scopeDialog);
-    return /* @__PURE__ */ r.jsx(S, { present: o || a.open, children: a.modal ? /* @__PURE__ */ r.jsx(Mt, { ...s, ref: n }) : /* @__PURE__ */ r.jsx(_t, { ...s, ref: n }) });
+    const t = Re(M, e.__scopeDialog), { forceMount: o = t.forceMount, ...s } = e, a = w(M, e.__scopeDialog);
+    return /* @__PURE__ */ r.jsx(S, { present: o || a.open, children: a.modal ? /* @__PURE__ */ r.jsx(It, { ...s, ref: n }) : /* @__PURE__ */ r.jsx(_t, { ...s, ref: n }) });
   }
 );
-_e.displayName = R;
-var Mt = i.forwardRef(
+Pe.displayName = M;
+var It = i.forwardRef(
   (e, n) => {
-    const t = w(R, e.__scopeDialog), o = i.useRef(null), s = $(n, t.contentRef, o);
+    const t = w(M, e.__scopeDialog), o = i.useRef(null), s = $(n, t.contentRef, o);
     return i.useEffect(() => {
       const a = o.current;
-      if (a) return tt(a);
+      if (a) return rt(a);
     }, []), /* @__PURE__ */ r.jsx(
-      Ie,
+      Oe,
       {
         ...e,
         ref: s,
@@ -139,9 +134,9 @@ var Mt = i.forwardRef(
   }
 ), _t = i.forwardRef(
   (e, n) => {
-    const t = w(R, e.__scopeDialog), o = i.useRef(!1), s = i.useRef(!1);
+    const t = w(M, e.__scopeDialog), o = i.useRef(!1), s = i.useRef(!1);
     return /* @__PURE__ */ r.jsx(
-      Ie,
+      Oe,
       {
         ...e,
         ref: n,
@@ -158,12 +153,12 @@ var Mt = i.forwardRef(
       }
     );
   }
-), Ie = i.forwardRef(
+), Oe = i.forwardRef(
   (e, n) => {
-    const { __scopeDialog: t, trapFocus: o, onOpenAutoFocus: s, onCloseAutoFocus: a, ...l } = e, u = w(R, t), c = i.useRef(null), f = $(n, c);
-    return rt(), /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+    const { __scopeDialog: t, trapFocus: o, onOpenAutoFocus: s, onCloseAutoFocus: a, ...l } = e, u = w(M, t), c = i.useRef(null), f = $(n, c);
+    return st(), /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
       /* @__PURE__ */ r.jsx(
-        ot,
+        at,
         {
           asChild: !0,
           loop: !0,
@@ -171,7 +166,7 @@ var Mt = i.forwardRef(
           onMountAutoFocus: s,
           onUnmountAutoFocus: a,
           children: /* @__PURE__ */ r.jsx(
-            xe,
+            he,
             {
               role: "dialog",
               id: u.contentId,
@@ -186,30 +181,30 @@ var Mt = i.forwardRef(
         }
       ),
       /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-        /* @__PURE__ */ r.jsx(It, { titleId: u.titleId }),
+        /* @__PURE__ */ r.jsx(Pt, { titleId: u.titleId }),
         /* @__PURE__ */ r.jsx(kt, { contentRef: c, descriptionId: u.descriptionId })
       ] })
     ] });
   }
-), ne = "DialogTitle", Pe = i.forwardRef(
+), ne = "DialogTitle", ke = i.forwardRef(
   (e, n) => {
     const { __scopeDialog: t, ...o } = e, s = w(ne, t);
-    return /* @__PURE__ */ r.jsx(O.h2, { id: s.titleId, ...o, ref: n });
+    return /* @__PURE__ */ r.jsx(k.h2, { id: s.titleId, ...o, ref: n });
   }
 );
-Pe.displayName = ne;
-var ke = "DialogDescription", Oe = i.forwardRef(
+ke.displayName = ne;
+var Ae = "DialogDescription", Se = i.forwardRef(
   (e, n) => {
-    const { __scopeDialog: t, ...o } = e, s = w(ke, t);
-    return /* @__PURE__ */ r.jsx(O.p, { id: s.descriptionId, ...o, ref: n });
+    const { __scopeDialog: t, ...o } = e, s = w(Ae, t);
+    return /* @__PURE__ */ r.jsx(k.p, { id: s.descriptionId, ...o, ref: n });
   }
 );
-Oe.displayName = ke;
-var Ae = "DialogClose", Se = i.forwardRef(
+Se.displayName = Ae;
+var $e = "DialogClose", Le = i.forwardRef(
   (e, n) => {
-    const { __scopeDialog: t, ...o } = e, s = w(Ae, t);
+    const { __scopeDialog: t, ...o } = e, s = w($e, t);
     return /* @__PURE__ */ r.jsx(
-      O.button,
+      k.button,
       {
         type: "button",
         ...o,
@@ -219,16 +214,16 @@ var Ae = "DialogClose", Se = i.forwardRef(
     );
   }
 );
-Se.displayName = Ae;
+Le.displayName = $e;
 function re(e) {
   return e ? "open" : "closed";
 }
-var $e = "DialogTitleWarning", [vn, Le] = st($e, {
-  contentName: R,
+var Fe = "DialogTitleWarning", [gn, He] = lt(Fe, {
+  contentName: M,
   titleName: ne,
   docsSlug: "dialog"
-}), It = ({ titleId: e }) => {
-  const n = Le($e), t = `\`${n.contentName}\` requires a \`${n.titleName}\` for the component to be accessible for screen reader users.
+}), Pt = ({ titleId: e }) => {
+  const n = He(Fe), t = `\`${n.contentName}\` requires a \`${n.titleName}\` for the component to be accessible for screen reader users.
 
 If you want to hide the \`${n.titleName}\`, you can wrap it with our VisuallyHidden component.
 
@@ -236,18 +231,18 @@ For more information, see https://radix-ui.com/primitives/docs/components/${n.do
   return i.useEffect(() => {
     e && (document.getElementById(e) || console.error(t));
   }, [t, e]), null;
-}, Pt = "DialogDescriptionWarning", kt = ({ contentRef: e, descriptionId: n }) => {
-  const o = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${Le(Pt).contentName}}.`;
+}, Ot = "DialogDescriptionWarning", kt = ({ contentRef: e, descriptionId: n }) => {
+  const o = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${He(Ot).contentName}}.`;
   return i.useEffect(() => {
     const s = e.current?.getAttribute("aria-describedby");
     n && s && (document.getElementById(n) || console.warn(o));
   }, [o, e, n]), null;
-}, Ot = Te, At = Re, St = Me, $t = _e, Lt = Pe, Ft = Oe, Fe = Se, [U] = pe("Tooltip", [
-  me
-]), X = me(), He = "TooltipProvider", Ht = 700, Q = "tooltip.open", [Gt, oe] = U(He), Ge = (e) => {
+}, At = Ee, St = Ie, $t = _e, Lt = Pe, ue = ke, de = Se, Ge = Le, [q] = me("Tooltip", [
+  ge
+]), U = ge(), We = "TooltipProvider", Ft = 700, J = "tooltip.open", [Ht, oe] = q(We), ze = (e) => {
   const {
     __scopeTooltip: n,
-    delayDuration: t = Ht,
+    delayDuration: t = Ft,
     skipDelayDuration: o = 300,
     disableHoverableContent: s = !1,
     children: a
@@ -256,7 +251,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${n.do
     const f = c.current;
     return () => window.clearTimeout(f);
   }, []), /* @__PURE__ */ r.jsx(
-    Gt,
+    Ht,
     {
       scope: n,
       isOpenDelayedRef: l,
@@ -279,8 +274,8 @@ For more information, see https://radix-ui.com/primitives/docs/components/${n.do
     }
   );
 };
-Ge.displayName = He;
-var A = "Tooltip", [Wt, L] = U(A), We = (e) => {
+ze.displayName = We;
+var A = "Tooltip", [Gt, L] = q(A), Be = (e) => {
   const {
     __scopeTooltip: n,
     children: t,
@@ -289,52 +284,52 @@ var A = "Tooltip", [Wt, L] = U(A), We = (e) => {
     onOpenChange: a,
     disableHoverableContent: l,
     delayDuration: u
-  } = e, c = oe(A, e.__scopeTooltip), f = X(n), [d, p] = i.useState(null), h = W(), x = i.useRef(0), g = l ?? c.disableHoverableContent, C = u ?? c.delayDuration, m = i.useRef(!1), [v, y] = de({
+  } = e, c = oe(A, e.__scopeTooltip), f = U(n), [d, p] = i.useState(null), h = W(), x = i.useRef(0), g = l ?? c.disableHoverableContent, C = u ?? c.delayDuration, m = i.useRef(!1), [v, y] = pe({
     prop: o,
     defaultProp: s ?? !1,
     onChange: (F) => {
-      F ? (c.onOpen(), document.dispatchEvent(new CustomEvent(Q))) : c.onClose(), a?.(F);
+      F ? (c.onOpen(), document.dispatchEvent(new CustomEvent(J))) : c.onClose(), a?.(F);
     },
     caller: A
-  }), D = i.useMemo(() => v ? m.current ? "delayed-open" : "instant-open" : "closed", [v]), E = i.useCallback(() => {
+  }), E = i.useMemo(() => v ? m.current ? "delayed-open" : "instant-open" : "closed", [v]), D = i.useCallback(() => {
     window.clearTimeout(x.current), x.current = 0, m.current = !1, y(!0);
   }, [y]), T = i.useCallback(() => {
     window.clearTimeout(x.current), x.current = 0, y(!1);
-  }, [y]), M = i.useCallback(() => {
+  }, [y]), R = i.useCallback(() => {
     window.clearTimeout(x.current), x.current = window.setTimeout(() => {
       m.current = !0, y(!0), x.current = 0;
     }, C);
   }, [C, y]);
   return i.useEffect(() => () => {
     x.current && (window.clearTimeout(x.current), x.current = 0);
-  }, []), /* @__PURE__ */ r.jsx(at, { ...f, children: /* @__PURE__ */ r.jsx(
-    Wt,
+  }, []), /* @__PURE__ */ r.jsx(it, { ...f, children: /* @__PURE__ */ r.jsx(
+    Gt,
     {
       scope: n,
       contentId: h,
       open: v,
-      stateAttribute: D,
+      stateAttribute: E,
       trigger: d,
       onTriggerChange: p,
       onTriggerEnter: i.useCallback(() => {
-        c.isOpenDelayedRef.current ? M() : E();
-      }, [c.isOpenDelayedRef, M, E]),
+        c.isOpenDelayedRef.current ? R() : D();
+      }, [c.isOpenDelayedRef, R, D]),
       onTriggerLeave: i.useCallback(() => {
         g ? T() : (window.clearTimeout(x.current), x.current = 0);
       }, [T, g]),
-      onOpen: E,
+      onOpen: D,
       onClose: T,
       disableHoverableContent: g,
       children: t
     }
   ) });
 };
-We.displayName = A;
-var ee = "TooltipTrigger", ze = i.forwardRef(
+Be.displayName = A;
+var Q = "TooltipTrigger", Ve = i.forwardRef(
   (e, n) => {
-    const { __scopeTooltip: t, ...o } = e, s = L(ee, t), a = oe(ee, t), l = X(t), u = i.useRef(null), c = $(n, u, s.onTriggerChange), f = i.useRef(!1), d = i.useRef(!1), p = i.useCallback(() => f.current = !1, []);
-    return i.useEffect(() => () => document.removeEventListener("pointerup", p), [p]), /* @__PURE__ */ r.jsx(lt, { asChild: !0, ...l, children: /* @__PURE__ */ r.jsx(
-      O.button,
+    const { __scopeTooltip: t, ...o } = e, s = L(Q, t), a = oe(Q, t), l = U(t), u = i.useRef(null), c = $(n, u, s.onTriggerChange), f = i.useRef(!1), d = i.useRef(!1), p = i.useCallback(() => f.current = !1, []);
+    return i.useEffect(() => () => document.removeEventListener("pointerup", p), [p]), /* @__PURE__ */ r.jsx(ct, { asChild: !0, ...l, children: /* @__PURE__ */ r.jsx(
+      k.button,
       {
         "aria-describedby": s.open ? s.contentId : void 0,
         "data-state": s.stateAttribute,
@@ -358,25 +353,25 @@ var ee = "TooltipTrigger", ze = i.forwardRef(
     ) });
   }
 );
-ze.displayName = ee;
-var se = "TooltipPortal", [zt, Bt] = U(se, {
+Ve.displayName = Q;
+var se = "TooltipPortal", [Wt, zt] = q(se, {
   forceMount: void 0
-}), Be = (e) => {
+}), Ye = (e) => {
   const { __scopeTooltip: n, forceMount: t, children: o, container: s } = e, a = L(se, n);
-  return /* @__PURE__ */ r.jsx(zt, { scope: n, forceMount: t, children: /* @__PURE__ */ r.jsx(S, { present: t || a.open, children: /* @__PURE__ */ r.jsx(fe, { asChild: !0, container: s, children: o }) }) });
+  return /* @__PURE__ */ r.jsx(Wt, { scope: n, forceMount: t, children: /* @__PURE__ */ r.jsx(S, { present: t || a.open, children: /* @__PURE__ */ r.jsx(xe, { asChild: !0, container: s, children: o }) }) });
 };
-Be.displayName = se;
-var k = "TooltipContent", Ve = i.forwardRef(
+Ye.displayName = se;
+var O = "TooltipContent", qe = i.forwardRef(
   (e, n) => {
-    const t = Bt(k, e.__scopeTooltip), { forceMount: o = t.forceMount, side: s = "top", ...a } = e, l = L(k, e.__scopeTooltip);
-    return /* @__PURE__ */ r.jsx(S, { present: o || l.open, children: l.disableHoverableContent ? /* @__PURE__ */ r.jsx(qe, { side: s, ...a, ref: n }) : /* @__PURE__ */ r.jsx(Vt, { side: s, ...a, ref: n }) });
+    const t = zt(O, e.__scopeTooltip), { forceMount: o = t.forceMount, side: s = "top", ...a } = e, l = L(O, e.__scopeTooltip);
+    return /* @__PURE__ */ r.jsx(S, { present: o || l.open, children: l.disableHoverableContent ? /* @__PURE__ */ r.jsx(Ue, { side: s, ...a, ref: n }) : /* @__PURE__ */ r.jsx(Bt, { side: s, ...a, ref: n }) });
   }
-), Vt = i.forwardRef((e, n) => {
-  const t = L(k, e.__scopeTooltip), o = oe(k, e.__scopeTooltip), s = i.useRef(null), a = $(n, s), [l, u] = i.useState(null), { trigger: c, onClose: f } = t, d = s.current, { onPointerInTransitChange: p } = o, h = i.useCallback(() => {
+), Bt = i.forwardRef((e, n) => {
+  const t = L(O, e.__scopeTooltip), o = oe(O, e.__scopeTooltip), s = i.useRef(null), a = $(n, s), [l, u] = i.useState(null), { trigger: c, onClose: f } = t, d = s.current, { onPointerInTransitChange: p } = o, h = i.useCallback(() => {
     u(null), p(!1);
   }, [p]), x = i.useCallback(
     (g, C) => {
-      const m = g.currentTarget, v = { x: g.clientX, y: g.clientY }, y = Xt(v, m.getBoundingClientRect()), D = Kt(v, y), E = Zt(C.getBoundingClientRect()), T = Qt([...D, ...E]);
+      const m = g.currentTarget, v = { x: g.clientX, y: g.clientY }, y = Ut(v, m.getBoundingClientRect()), E = Xt(v, y), D = Kt(C.getBoundingClientRect()), T = Jt([...E, ...D]);
       u(T), p(!0);
     },
     [p]
@@ -391,13 +386,13 @@ var k = "TooltipContent", Ve = i.forwardRef(
   }, [c, d, x, h]), i.useEffect(() => {
     if (l) {
       const g = (C) => {
-        const m = C.target, v = { x: C.clientX, y: C.clientY }, y = c?.contains(m) || d?.contains(m), D = !Jt(v, l);
-        y ? h() : D && (h(), f());
+        const m = C.target, v = { x: C.clientX, y: C.clientY }, y = c?.contains(m) || d?.contains(m), E = !Zt(v, l);
+        y ? h() : E && (h(), f());
       };
       return document.addEventListener("pointermove", g), () => document.removeEventListener("pointermove", g);
     }
-  }, [c, d, l, f, h]), /* @__PURE__ */ r.jsx(qe, { ...e, ref: a });
-}), [qt, Yt] = U(A, { isInside: !1 }), Ut = dt("TooltipContent"), qe = i.forwardRef(
+  }, [c, d, l, f, h]), /* @__PURE__ */ r.jsx(Ue, { ...e, ref: a });
+}), [Vt, Yt] = q(A, { isInside: !1 }), qt = pt("TooltipContent"), Ue = i.forwardRef(
   (e, n) => {
     const {
       __scopeTooltip: t,
@@ -406,8 +401,8 @@ var k = "TooltipContent", Ve = i.forwardRef(
       onEscapeKeyDown: a,
       onPointerDownOutside: l,
       ...u
-    } = e, c = L(k, t), f = X(t), { onClose: d } = c;
-    return i.useEffect(() => (document.addEventListener(Q, d), () => document.removeEventListener(Q, d)), [d]), i.useEffect(() => {
+    } = e, c = L(O, t), f = U(t), { onClose: d } = c;
+    return i.useEffect(() => (document.addEventListener(J, d), () => document.removeEventListener(J, d)), [d]), i.useEffect(() => {
       if (c.trigger) {
         const p = (h) => {
           h.target?.contains(c.trigger) && d();
@@ -415,7 +410,7 @@ var k = "TooltipContent", Ve = i.forwardRef(
         return window.addEventListener("scroll", p, { capture: !0 }), () => window.removeEventListener("scroll", p, { capture: !0 });
       }
     }, [c.trigger, d]), /* @__PURE__ */ r.jsx(
-      xe,
+      he,
       {
         asChild: !0,
         disableOutsidePointerEvents: !1,
@@ -424,7 +419,7 @@ var k = "TooltipContent", Ve = i.forwardRef(
         onFocusOutside: (p) => p.preventDefault(),
         onDismiss: d,
         children: /* @__PURE__ */ r.jsxs(
-          ct,
+          dt,
           {
             "data-state": c.stateAttribute,
             ...f,
@@ -439,8 +434,8 @@ var k = "TooltipContent", Ve = i.forwardRef(
               "--radix-tooltip-trigger-height": "var(--radix-popper-anchor-height)"
             },
             children: [
-              /* @__PURE__ */ r.jsx(Ut, { children: o }),
-              /* @__PURE__ */ r.jsx(qt, { scope: t, isInside: !0, children: /* @__PURE__ */ r.jsx(ut, { id: c.contentId, role: "tooltip", children: s || o }) })
+              /* @__PURE__ */ r.jsx(qt, { children: o }),
+              /* @__PURE__ */ r.jsx(Vt, { scope: t, isInside: !0, children: /* @__PURE__ */ r.jsx(ft, { id: c.contentId, role: "tooltip", children: s || o }) })
             ]
           }
         )
@@ -448,18 +443,18 @@ var k = "TooltipContent", Ve = i.forwardRef(
     );
   }
 );
-Ve.displayName = k;
-var Ye = "TooltipArrow", Ue = i.forwardRef(
+qe.displayName = O;
+var Xe = "TooltipArrow", Ke = i.forwardRef(
   (e, n) => {
-    const { __scopeTooltip: t, ...o } = e, s = X(t);
+    const { __scopeTooltip: t, ...o } = e, s = U(t);
     return Yt(
-      Ye,
+      Xe,
       t
-    ).isInside ? null : /* @__PURE__ */ r.jsx(it, { ...s, ...o, ref: n });
+    ).isInside ? null : /* @__PURE__ */ r.jsx(ut, { ...s, ...o, ref: n });
   }
 );
-Ue.displayName = Ye;
-function Xt(e, n) {
+Ke.displayName = Xe;
+function Ut(e, n) {
   const t = Math.abs(n.top - e.y), o = Math.abs(n.bottom - e.y), s = Math.abs(n.right - e.x), a = Math.abs(n.left - e.x);
   switch (Math.min(t, o, s, a)) {
     case a:
@@ -474,7 +469,7 @@ function Xt(e, n) {
       throw new Error("unreachable");
   }
 }
-function Kt(e, n, t = 5) {
+function Xt(e, n, t = 5) {
   const o = [];
   switch (n) {
     case "top":
@@ -504,7 +499,7 @@ function Kt(e, n, t = 5) {
   }
   return o;
 }
-function Zt(e) {
+function Kt(e) {
   const { top: n, right: t, bottom: o, left: s } = e;
   return [
     { x: s, y: n },
@@ -513,7 +508,7 @@ function Zt(e) {
     { x: s, y: o }
   ];
 }
-function Jt(e, n) {
+function Zt(e, n) {
   const { x: t, y: o } = e;
   let s = !1;
   for (let a = 0, l = n.length - 1; a < n.length; l = a++) {
@@ -522,11 +517,11 @@ function Jt(e, n) {
   }
   return s;
 }
-function Qt(e) {
+function Jt(e) {
   const n = e.slice();
-  return n.sort((t, o) => t.x < o.x ? -1 : t.x > o.x ? 1 : t.y < o.y ? -1 : t.y > o.y ? 1 : 0), en(n);
+  return n.sort((t, o) => t.x < o.x ? -1 : t.x > o.x ? 1 : t.y < o.y ? -1 : t.y > o.y ? 1 : 0), Qt(n);
 }
-function en(e) {
+function Qt(e) {
   if (e.length <= 1) return e.slice();
   const n = [];
   for (let o = 0; o < e.length; o++) {
@@ -551,8 +546,8 @@ function en(e) {
   }
   return t.pop(), n.length === 1 && t.length === 1 && n[0].x === t[0].x && n[0].y === t[0].y ? n : n.concat(t);
 }
-var tn = Ge, nn = We, rn = ze, on = Be, sn = Ve, an = Ue;
-function bn({
+var en = ze, tn = Be, nn = Ve, rn = Ye, on = qe, sn = Ke;
+function vn({
   open: e,
   onOpenChange: n,
   title: t,
@@ -563,30 +558,22 @@ function bn({
   className: u,
   contentClassName: c
 }) {
-  return /* @__PURE__ */ r.jsx(Ot, { open: e, onOpenChange: n, children: /* @__PURE__ */ r.jsxs(At, { children: [
-    /* @__PURE__ */ r.jsx(St, { className: "fixed inset-0 z-40 bg-black/70 backdrop-blur-[2px]" }),
+  return /* @__PURE__ */ r.jsx(At, { open: e, onOpenChange: n, children: /* @__PURE__ */ r.jsxs(St, { children: [
+    /* @__PURE__ */ r.jsx($t, { className: "fixed inset-0 z-40 bg-black/70 backdrop-blur-[2px]" }),
     /* @__PURE__ */ r.jsxs(
-      $t,
+      Lt,
       {
         style: { maxWidth: a },
         className: `mt-surface-dialog fixed left-1/2 top-1/2 z-50 w-[92vw] max-h-[86vh] -translate-x-1/2 -translate-y-1/2 overflow-y-auto rounded-2xl p-6 shadow-[0_24px_80px_rgba(0,0,0,0.65)] focus:outline-none ${u || ""} ${c || ""}`,
         children: [
+          !t && /* @__PURE__ */ r.jsx(ue, { className: "sr-only", children: "Dialog" }),
+          !o && /* @__PURE__ */ r.jsx(de, { className: "sr-only", children: "Dialog content" }),
           (t || o || l) && /* @__PURE__ */ r.jsxs("div", { className: "mb-5 flex items-center gap-3 border-b pb-4", children: [
             (t || o) && /* @__PURE__ */ r.jsxs("div", { className: "min-w-0 flex-1", children: [
-              t && /* @__PURE__ */ r.jsx(Lt, { className: "text-xl font-semibold flex items-center gap-2 before:content-none!", children: t }),
-              o && /* @__PURE__ */ r.jsx(Ft, { className: "mt-2 text-sm", children: o })
+              t && /* @__PURE__ */ r.jsx(ue, { className: "text-xl font-semibold flex items-center gap-2 before:content-none!", children: t }),
+              o && /* @__PURE__ */ r.jsx(de, { className: "mt-2 text-sm", children: o })
             ] }),
-            l && /* @__PURE__ */ r.jsx(Fe, { asChild: !0, children: /* @__PURE__ */ r.jsx(
-              V,
-              {
-                kind: "icon",
-                size: "large",
-                variant: "ghost",
-                "aria-label": "Close",
-                className: "shrink-0",
-                children: /* @__PURE__ */ r.jsx(q, { className: "h-4 w-4" })
-              }
-            ) })
+            l && /* @__PURE__ */ r.jsx(Ge, { asChild: !0, children: /* @__PURE__ */ r.jsx(B, { kind: "icon", size: "large", variant: "ghost", "aria-label": "Close", className: "shrink-0", children: /* @__PURE__ */ r.jsx(V, { className: "h-4 w-4" }) }) })
           ] }),
           s
         ]
@@ -594,15 +581,15 @@ function bn({
     )
   ] }) });
 }
-const Cn = Fe;
-function yn({ title: e, className: n }) {
+const bn = Ge;
+function Cn({ title: e, className: n }) {
   return e ? /* @__PURE__ */ r.jsxs("div", { className: `my-4 flex items-center gap-3 ${n || ""}`, children: [
     /* @__PURE__ */ r.jsx("div", { className: "h-px flex-1 bg-border-default" }),
     /* @__PURE__ */ r.jsx("span", { className: "text-xs uppercase tracking-wide text-text-muted", children: e }),
     /* @__PURE__ */ r.jsx("div", { className: "h-px flex-1 bg-border-default" })
   ] }) : /* @__PURE__ */ r.jsx("div", { className: `my-4 ${n || ""}`, children: /* @__PURE__ */ r.jsx("div", { className: "h-px w-full bg-border-default" }) });
 }
-function Nn({
+function yn({
   children: e,
   message: n = "Copied",
   durationMs: t = 1400,
@@ -610,15 +597,15 @@ function Nn({
   align: s = "center",
   disabled: a = !1
 }) {
-  const [l, u] = P(!1), c = ye(null), f = Z(() => {
+  const [l, u] = P(!1), c = je(null), f = K(() => {
     c.current && (clearTimeout(c.current), c.current = null);
-  }, []), d = Z(() => {
+  }, []), d = K(() => {
     f(), u(!0), c.current = setTimeout(() => {
       u(!1), c.current = null;
     }, t);
   }, [f, t]);
-  xt(() => f, [f]);
-  const p = Z(
+  gt(() => f, [f]);
+  const p = K(
     (h) => {
       if (a) {
         u(!1);
@@ -632,10 +619,10 @@ function Nn({
     },
     [f, a, d]
   );
-  return /* @__PURE__ */ r.jsxs(he, { open: l, onOpenChange: p, children: [
-    /* @__PURE__ */ r.jsx(ge, { asChild: !0, children: e }),
-    /* @__PURE__ */ r.jsx(ve, { children: /* @__PURE__ */ r.jsxs(
-      be,
+  return /* @__PURE__ */ r.jsxs(ve, { open: l, onOpenChange: p, children: [
+    /* @__PURE__ */ r.jsx(be, { asChild: !0, children: e }),
+    /* @__PURE__ */ r.jsx(Ce, { children: /* @__PURE__ */ r.jsxs(
+      ye,
       {
         side: o,
         align: s,
@@ -645,13 +632,13 @@ function Nn({
         className: "pointer-events-none rounded-md border border-border-default bg-surface-subtle px-2 py-1 text-xs text-text-primary shadow-[0_10px_24px_rgba(0,0,0,0.45)] backdrop-blur-sm transition-all duration-150 data-[state=open]:opacity-100 data-[state=open]:translate-y-0 data-[state=closed]:opacity-0 data-[state=closed]:translate-y-1",
         children: [
           n,
-          /* @__PURE__ */ r.jsx(Ce, { className: "fill-surface-subtle" })
+          /* @__PURE__ */ r.jsx(Ne, { className: "fill-surface-subtle" })
         ]
       }
     ) })
   ] });
 }
-function jn({ value: e, max: n = 100, className: t, barClassName: o }) {
+function Nn({ value: e, max: n = 100, className: t, barClassName: o }) {
   const s = Math.min(Math.max(e, 0), n), a = n > 0 ? s / n * 100 : 0;
   return /* @__PURE__ */ r.jsx(
     "div",
@@ -671,7 +658,7 @@ function jn({ value: e, max: n = 100, className: t, barClassName: o }) {
     }
   );
 }
-function wn({
+function jn({
   size: e = "medium",
   variant: n = "default",
   className: t,
@@ -680,12 +667,13 @@ function wn({
   placeholder: a = "Search",
   ...l
 }) {
-  const u = ye(null), [c, f] = P(""), d = o !== void 0, p = d ? String(o ?? "") : c, h = {
+  const u = je(null), [c, f] = P(""), d = o !== void 0, p = d ? String(o ?? "") : c, h = {
     medium: "mt-layout-input-medium",
     large: "mt-layout-input-large"
   }, x = {
     default: "mt-surface-input-default",
-    ghost: "mt-surface-input-ghost"
+    ghost: "mt-surface-input-ghost",
+    panel: "mt-surface-input-panel"
   }, g = e === "large" ? "h-4 w-4" : "h-3.5 w-3.5", C = "w-fit flex items-center gap-2 rounded", m = (y) => {
     d || f(y.target.value), s?.(y);
   }, v = () => {
@@ -696,7 +684,7 @@ function wn({
     {
       className: `relative pl-2 ${C} ${h[e]} ${x[n]} ${t || ""}`,
       children: [
-        /* @__PURE__ */ r.jsx(ft, { className: `${g} shrink-0`, "aria-hidden": "true" }),
+        /* @__PURE__ */ r.jsx(xt, { className: `${g} shrink-0`, "aria-hidden": "true" }),
         /* @__PURE__ */ r.jsx(
           "input",
           {
@@ -710,7 +698,7 @@ function wn({
           }
         ),
         p.length > 0 && /* @__PURE__ */ r.jsx(
-          V,
+          B,
           {
             kind: "icon",
             size: e,
@@ -718,21 +706,21 @@ function wn({
             onClick: v,
             className: "absolute right-2 shrink-0 w-5! h-5!",
             "aria-label": "Clear search",
-            children: /* @__PURE__ */ r.jsx(q, { className: g })
+            children: /* @__PURE__ */ r.jsx(V, { className: g })
           }
         )
       ]
     }
   );
 }
-const Tn = ({ variant: e = "default", className: n, ...t }) => {
+const wn = ({ variant: e = "default", className: n, ...t }) => {
   const o = {
     default: "mt-surface-input-default",
     ghost: "mt-surface-input-ghost"
   };
   return /* @__PURE__ */ r.jsx("textarea", { ...t, className: `w-full border rounded outline-none px-3 py-2 min-h-24 resize-y ${o[e]} ${n || ""}` });
 };
-function En({
+function Tn({
   children: e,
   title: n,
   content: t,
@@ -742,10 +730,10 @@ function En({
   align: l = "center"
 }) {
   const [u, c] = P(!1);
-  return /* @__PURE__ */ r.jsxs(he, { open: u, onOpenChange: c, children: [
-    /* @__PURE__ */ r.jsx(ge, { asChild: !0, children: e }),
-    /* @__PURE__ */ r.jsx(ve, { children: /* @__PURE__ */ r.jsxs(
-      be,
+  return /* @__PURE__ */ r.jsxs(ve, { open: u, onOpenChange: c, children: [
+    /* @__PURE__ */ r.jsx(be, { asChild: !0, children: e }),
+    /* @__PURE__ */ r.jsx(Ce, { children: /* @__PURE__ */ r.jsxs(
+      ye,
       {
         side: a,
         align: l,
@@ -761,23 +749,23 @@ function En({
                 "aria-label": "Close toggletip",
                 onClick: () => c(!1),
                 className: "inline-flex h-7 w-7 shrink-0 items-center justify-center rounded-full border border-border-default bg-surface-subtle text-text-muted transition-colors hover:bg-surface-default hover:text-text-default",
-                children: /* @__PURE__ */ r.jsx(q, { className: "h-4 w-4" })
+                children: /* @__PURE__ */ r.jsx(V, { className: "h-4 w-4" })
               }
             )
           ] }),
           /* @__PURE__ */ r.jsx("div", { className: "mt-2 text-sm text-text-muted", children: t }),
           o && /* @__PURE__ */ r.jsx("div", { className: "mt-3 border-t border-border-default pt-2", children: o }),
-          /* @__PURE__ */ r.jsx(Ce, { className: "fill-border-default" })
+          /* @__PURE__ */ r.jsx(Ne, { className: "fill-border-default" })
         ]
       }
     ) })
   ] });
 }
 function Dn(e) {
-  return /* @__PURE__ */ r.jsx(tn, { delayDuration: 0, children: /* @__PURE__ */ r.jsxs(nn, { children: [
-    /* @__PURE__ */ r.jsx(rn, { asChild: !0, children: e.children }),
-    /* @__PURE__ */ r.jsx(on, { children: /* @__PURE__ */ r.jsxs(
-      sn,
+  return /* @__PURE__ */ r.jsx(en, { delayDuration: 0, children: /* @__PURE__ */ r.jsxs(tn, { children: [
+    /* @__PURE__ */ r.jsx(nn, { asChild: !0, children: e.children }),
+    /* @__PURE__ */ r.jsx(rn, { children: /* @__PURE__ */ r.jsxs(
+      on,
       {
         className: "rounded p-2 border-[#222222] bg-[#111111]",
         side: e.side,
@@ -785,7 +773,7 @@ function Dn(e) {
         sideOffset: 5,
         children: [
           e.content,
-          /* @__PURE__ */ r.jsx(an, { className: "TooltipArrow" })
+          /* @__PURE__ */ r.jsx(sn, { className: "TooltipArrow" })
         ]
       }
     ) })
@@ -795,15 +783,15 @@ function ae({ children: e }) {
   return /* @__PURE__ */ r.jsx(r.Fragment, { children: e });
 }
 ae.displayName = "MtTreeItem";
-function ln(e) {
-  return je(e) && e.type === ae;
+function an(e) {
+  return Te(e) && e.type === ae;
 }
-function Xe(e) {
+function Ze(e) {
   const n = [];
-  return Ne.forEach(e, (t) => {
-    if (!ln(t))
+  return we.forEach(e, (t) => {
+    if (!an(t))
       return;
-    const o = Xe(t.props.children);
+    const o = Ze(t.props.children);
     n.push({
       id: t.props.itemId,
       label: t.props.label,
@@ -815,18 +803,18 @@ function Xe(e) {
     });
   }), n;
 }
-function cn(e) {
+function ln(e) {
   const n = [], t = (o) => {
     for (const s of o)
       n.push(s), s.children?.length && t(s.children);
   };
   return t(e), n;
 }
-function un(e, n, t) {
+function cn(e, n, t) {
   const o = new Set(e);
   return !o.has(n) ? o.add(n) : o.delete(n), o;
 }
-const dn = ({
+const un = ({
   items: e,
   children: n,
   className: t,
@@ -841,45 +829,45 @@ const dn = ({
   indentPx: p = 14,
   toggleOnItemClick: h = !0
 }) => {
-  const x = o !== void 0, g = l !== void 0, [C, m] = P(s ?? ""), [v, y] = P(new Set(u)), D = x ? o : C, E = G(
+  const x = o !== void 0, g = l !== void 0, [C, m] = P(s ?? ""), [v, y] = P(new Set(u)), E = x ? o : C, D = G(
     () => g ? new Set(l) : v,
     [l, v, g]
-  ), T = G(() => Xe(n), [n]), M = G(() => e?.length && T.length ? [...e, ...T] : e?.length ? e : T, [e, T]), F = G(() => new Map(cn(M).map((N) => [N.id, N])), [M]), Ke = (N) => {
-    const _ = F.get(N) ?? null;
-    x || m(N), a?.(N, _);
-  }, Ze = (N) => {
+  ), T = G(() => Ze(n), [n]), R = G(() => e?.length && T.length ? [...e, ...T] : e?.length ? e : T, [e, T]), F = G(() => new Map(ln(R).map((N) => [N.id, N])), [R]), Je = (N) => {
+    const I = F.get(N) ?? null;
+    x || m(N), a?.(N, I);
+  }, Qe = (N) => {
     g || y(N), c?.(Array.from(N));
-  }, le = (N, _) => {
-    Ze(un(E, N));
-  }, ie = (N, _) => /* @__PURE__ */ r.jsx("ul", { role: "group", className: "flex flex-col gap-0.5", children: N.map((b) => {
-    const I = !!b.children?.length, H = I && E.has(b.id), K = D === b.id, Je = {
-      isSelected: K,
+  }, le = (N, I) => {
+    Qe(cn(D, N));
+  }, ie = (N, I) => /* @__PURE__ */ r.jsx("ul", { role: "group", className: "flex flex-col gap-0.5", children: N.map((b) => {
+    const _ = !!b.children?.length, H = _ && D.has(b.id), X = E === b.id, et = {
+      isSelected: X,
       isExpanded: H,
-      hasChildren: I,
-      depth: _
+      hasChildren: _,
+      depth: I
     };
     return /* @__PURE__ */ r.jsxs("li", { role: "none", className: "flex flex-col", children: [
       /* @__PURE__ */ r.jsx(
-        V,
+        B,
         {
           variant: "ghost",
-          selected: K,
+          selected: X,
           role: "treeitem",
-          "aria-expanded": I ? H : void 0,
-          "aria-selected": K,
+          "aria-expanded": _ ? H : void 0,
+          "aria-selected": X,
           "aria-disabled": b.disabled || void 0,
           disabled: b.disabled,
           onClick: () => {
-            f?.(b), Ke(b.id), I && h && le(b.id);
+            f?.(b), Je(b.id), _ && h && le(b.id);
           },
           className: "h-auto min-h-0 w-full items-center justify-start gap-1 py-1 pr-2 text-left",
-          style: { paddingLeft: `${_ * p + 6}px` },
-          children: d ? d(b, Je) : /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-            /* @__PURE__ */ r.jsx("span", { className: "inline-flex h-4 w-4 items-center justify-center text-text-muted", children: I ? /* @__PURE__ */ r.jsx(
-              pt,
+          style: { paddingLeft: `${I * p + 6}px` },
+          children: d ? d(b, et) : /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+            /* @__PURE__ */ r.jsx("span", { className: "inline-flex h-4 w-4 items-center justify-center text-text-muted", children: _ ? /* @__PURE__ */ r.jsx(
+              mt,
               {
-                onClick: (Qe) => {
-                  Qe.stopPropagation(), le(b.id);
+                onClick: (tt) => {
+                  tt.stopPropagation(), le(b.id);
                 },
                 className: `h-3.5 w-3.5 transition-transform ${H ? "rotate-90" : ""}`
               }
@@ -890,35 +878,35 @@ const dn = ({
           ] })
         }
       ),
-      I && H && b.children ? ie(b.children, _ + 1) : null
+      _ && H && b.children ? ie(b.children, I + 1) : null
     ] }, b.id);
   }) });
-  return /* @__PURE__ */ r.jsx("div", { role: "tree", className: `w-full ${t || ""}`, children: ie(M, 0) });
-}, fn = dn;
-fn.Item = ae;
-const pn = {
+  return /* @__PURE__ */ r.jsx("div", { role: "tree", className: `w-full ${t || ""}`, children: ie(R, 0) });
+}, dn = un;
+dn.Item = ae;
+const fn = {
   success: {
-    icon: bt,
+    icon: Ct,
     iconClassName: "text-status-success",
     borderClassName: "border-status-success"
   },
   info: {
-    icon: jt,
+    icon: wt,
     iconClassName: "text-status-info",
     borderClassName: "border-status-info"
   },
   warning: {
-    icon: gt,
+    icon: ht,
     iconClassName: "text-status-warning",
     borderClassName: "border-status-warning"
   },
   error: {
-    icon: yt,
+    icon: Nt,
     iconClassName: "text-status-danger",
     borderClassName: "border-status-danger"
   }
 };
-function Rn({
+function En({
   title: e,
   content: n,
   severity: t = "info",
@@ -926,43 +914,36 @@ function Rn({
   showCloseButton: s = !0,
   className: a
 }) {
-  const [l, u] = P(!0), { icon: c, iconClassName: f, borderClassName: d } = pn[t];
-  return l ? /* @__PURE__ */ r.jsx(
-    "div",
-    {
-      role: "alert",
-      className: `mt-surface-elevated p-3 border-2 ${d} ${a || ""}`,
-      children: /* @__PURE__ */ r.jsxs("div", { className: "flex items-start gap-3", children: [
-        /* @__PURE__ */ r.jsx(c, { className: `mt-0.5 h-5 w-5 shrink-0 ${f}` }),
-        /* @__PURE__ */ r.jsxs("div", { className: "min-w-0 flex-1", children: [
-          /* @__PURE__ */ r.jsx("div", { className: "text-sm font-semibold", children: e }),
-          /* @__PURE__ */ r.jsx("div", { className: "mt-1 text-sm", children: n }),
-          o && /* @__PURE__ */ r.jsx("div", { className: "mt-3", children: o })
-        ] }),
-        s && /* @__PURE__ */ r.jsx(
-          V,
-          {
-            kind: "icon",
-            size: "medium",
-            variant: "ghost",
-            "aria-label": "Close alert",
-            onClick: () => u(!1),
-            className: "shrink-0",
-            children: /* @__PURE__ */ r.jsx(q, { className: "h-4 w-4" })
-          }
-        )
-      ] })
-    }
-  ) : null;
+  const [l, u] = P(!0), { icon: c, iconClassName: f, borderClassName: d } = fn[t];
+  return l ? /* @__PURE__ */ r.jsx("div", { role: "alert", className: `mt-surface-elevated p-3 border-2 ${d} ${a || ""}`, children: /* @__PURE__ */ r.jsxs("div", { className: "flex items-start gap-3", children: [
+    /* @__PURE__ */ r.jsx(c, { className: `mt-0.5 h-5 w-5 shrink-0 ${f}` }),
+    /* @__PURE__ */ r.jsxs("div", { className: "min-w-0 flex-1", children: [
+      /* @__PURE__ */ r.jsx("div", { className: "text-sm font-semibold", children: e }),
+      /* @__PURE__ */ r.jsx("div", { className: "mt-1 text-sm", children: n }),
+      o && /* @__PURE__ */ r.jsx("div", { className: "mt-3", children: o })
+    ] }),
+    s && /* @__PURE__ */ r.jsx(
+      B,
+      {
+        kind: "icon",
+        size: "medium",
+        variant: "ghost",
+        "aria-label": "Close alert",
+        onClick: () => u(!1),
+        className: "shrink-0",
+        children: /* @__PURE__ */ r.jsx(V, { className: "h-4 w-4" })
+      }
+    )
+  ] }) }) : null;
 }
-const J = "outline-3 outline-[#111]";
-function ue(...e) {
+const Z = "outline-3 outline-[#111]";
+function fe(...e) {
   return e.filter(Boolean).join(" ");
 }
-function xn(e) {
+function pn(e) {
   return typeof e != "number" || Number.isNaN(e) || e < 0 ? Number.POSITIVE_INFINITY : Math.floor(e);
 }
-function mn(e) {
+function xn(e) {
   return typeof e != "number" || Number.isNaN(e) ? -4 : e;
 }
 function Mn({
@@ -979,15 +960,15 @@ function Mn({
     {
       size: m.size ?? o,
       ...m,
-      className: ue(J, m.className)
+      className: fe(Z, m.className)
     },
     `data-avatar-${v}`
-  )), c = Ne.toArray(n).filter((m) => je(m)).map(
-    (m, v) => mt(m, {
+  )), c = we.toArray(n).filter((m) => Te(m)).map(
+    (m, v) => vt(m, {
       key: m.key ?? `child-avatar-${v}`,
-      className: ue(J, m.props.className)
+      className: fe(Z, m.props.className)
     })
-  ), f = [...u, ...c], d = f.length, p = xn(t), h = mn(s), x = Math.min(d, p), g = Math.max(d - x, 0), C = f.slice(0, x);
+  ), f = [...u, ...c], d = f.length, p = pn(t), h = xn(s), x = Math.min(d, p), g = Math.max(d - x, 0), C = f.slice(0, x);
   return /* @__PURE__ */ r.jsxs("div", { className: ["inline-flex items-center", a].filter(Boolean).join(" "), ...l, children: [
     C.map((m, v) => /* @__PURE__ */ r.jsx(
       "div",
@@ -997,41 +978,47 @@ function Mn({
       },
       `visible-avatar-${v}`
     )),
-    g > 0 && /* @__PURE__ */ r.jsx("div", { style: { zIndex: 0, marginLeft: x > 0 ? h : 0 }, children: /* @__PURE__ */ r.jsx(ce, { size: o, initials: `+${g}`, alt: `${g} more`, className: J }) })
+    g > 0 && /* @__PURE__ */ r.jsx("div", { style: { zIndex: 0, marginLeft: x > 0 ? h : 0 }, children: /* @__PURE__ */ r.jsx(ce, { size: o, initials: `+${g}`, alt: `${g} more`, className: Z }) })
   ] });
 }
 export {
-  Rn as MtAlert,
+  _n as ICON_MAP,
+  En as MtAlert,
   ce as MtAvatar,
   Mn as MtAvatarGroup,
   Pn as MtBacklogIcon,
-  V as MtButton,
-  kn as MtCheckIcon,
-  On as MtCheckbox,
+  B as MtButton,
+  On as MtCheckIcon,
+  kn as MtCheckbox,
   An as MtContextMenu,
-  bn as MtDialog,
-  Cn as MtDialogClose,
-  yn as MtDivider,
+  vn as MtDialog,
+  bn as MtDialogClose,
+  Cn as MtDivider,
   Sn as MtDropdown,
   $n as MtDropdownItem,
   Ln as MtFilterDropdown,
   Fn as MtHighIcon,
-  Hn as MtInProgressIcon,
-  Nn as MtInlineToast,
-  Gn as MtInput,
-  Wn as MtLowIcon,
-  zn as MtMediumIcon,
-  Bn as MtOpenIcon,
-  Vn as MtPopover,
-  jn as MtProgress,
-  wn as MtSearch,
-  qn as MtSelect,
-  Yn as MtSelectItem,
-  Un as MtSortDropdown,
-  Xn as MtStack,
-  Tn as MtTextarea,
-  En as MtToggletip,
+  Hn as MtIconPreview,
+  Gn as MtIconSelect,
+  Wn as MtInProgressIcon,
+  yn as MtInlineToast,
+  zn as MtInput,
+  Bn as MtLowIcon,
+  Vn as MtMediumIcon,
+  Yn as MtOpenIcon,
+  qn as MtPopover,
+  Nn as MtProgress,
+  jn as MtSearch,
+  Un as MtSelect,
+  Xn as MtSelectItem,
+  Kn as MtSortDropdown,
+  Zn as MtStack,
+  Jn as MtSubgraphIcon,
+  wn as MtTextarea,
+  Qn as MtToastProvider,
+  Tn as MtToggletip,
   Dn as MtTooltip,
-  fn as MtTree,
-  Kn as WithContextMenu
+  dn as MtTree,
+  er as WithContextMenu,
+  tr as useMtToast
 };