@salilvnair/dui 1.0.17 → 1.0.18

package/dist/index.js

@@ -5,7 +5,7 @@ import { A as ds, a as us, b as ps, c as fs, d as gs, e as hs, f as bs, g as ms,
 import { jsxs as x, jsx as o, Fragment as ve } from "react/jsx-runtime";
 import { u as Ie, D as ft, a as Lt, b as Gt, c as zt, d as Oe, e as lt, r as Xt, f as et, g as Da, h as Tb, i as $b, j as Ab, k as Oa, l as Mb, m as Lb, n as Db, o as Ob, C as Ba, p as Pa, q as Bb, E as Pb, s as Wa, t as Wb, v as Fb } from "./chunks/doc-path-CS9-ZNht.js";
 import { w as Q_, x as J_, y as eI, z as tI, A as nI, B as rI, F as oI, G as iI } from "./chunks/doc-path-CS9-ZNht.js";
-import { useState as z, useRef as M, forwardRef as yo, useEffect as U, useCallback as se, useMemo as ue, useImperativeHandle as Hb, cloneElement as Ub, useLayoutEffect as zn, Fragment as Vb } from "react";
+import { useState as z, useRef as L, forwardRef as yo, useEffect as U, useCallback as se, useMemo as ue, useImperativeHandle as Hb, cloneElement as Ub, useLayoutEffect as zn, Fragment as Vb } from "react";
 import { createPortal as Se } from "react-dom";
 import { u as Gb, g as Xb } from "./chunks/vis-runtime-DkpA8K_T.js";
 function Ue(t, e = {}) {
@@ -341,7 +341,7 @@ function qv({
   className: l = "",
   style: c
 }) {
-  const s = je(n), [d, u] = z(!1), p = M(void 0), g = () => {
+  const s = je(n), [d, u] = z(!1), p = L(void 0), g = () => {
     if (a)
       try {
         navigator.clipboard.writeText(e), u(!0), clearTimeout(p.current), p.current = setTimeout(() => u(!1), 1500);
@@ -1120,7 +1120,7 @@ function Qv({
   className: u = "",
   align: p = "auto"
 }) {
-  const [g, f] = z(!1), h = M(null), m = l || "var(--color-primary)", b = je(r === "default" ? void 0 : r), y = b.height, v = b.fontSize, k = b.paddingX, w = i ? b.borderRadius : "0px", S = c || s, _ = n === "primary", I = n === "danger", E = _ ? "var(--color-btn-primary-text, #fff)" : I ? "var(--color-btn-danger-text, #fff)" : "var(--color-text-primary)", N = _ ? m : I ? "var(--color-error)" : n === "ghost" ? "transparent" : "var(--color-surface-hover)", R = _ || I || n === "ghost" ? "1px solid transparent" : "1px solid var(--color-surface-border)", B = _ || I ? "rgba(0,0,0,0.12)" : "var(--color-surface-active)";
+  const [g, f] = z(!1), h = L(null), m = l || "var(--color-primary)", b = je(r === "default" ? void 0 : r), y = b.height, v = b.fontSize, k = b.paddingX, w = i ? b.borderRadius : "0px", S = c || s, _ = n === "primary", I = n === "danger", E = _ ? "var(--color-btn-primary-text, #fff)" : I ? "var(--color-btn-danger-text, #fff)" : "var(--color-text-primary)", N = _ ? m : I ? "var(--color-error)" : n === "ghost" ? "transparent" : "var(--color-surface-hover)", R = _ || I || n === "ghost" ? "1px solid transparent" : "1px solid var(--color-surface-border)", B = _ || I ? "rgba(0,0,0,0.12)" : "var(--color-surface-active)";
   return /* @__PURE__ */ x(ve, { children: [
     /* @__PURE__ */ x(
       "div",
@@ -1181,7 +1181,7 @@ function Qv({
             {
               type: "button",
               disabled: c,
-              onClick: () => !c && f((L) => !L),
+              onClick: () => !c && f((M) => !M),
               className: "dui_dropdown-button__chevron",
               style: {
                 height: "100%",
@@ -1239,11 +1239,11 @@ const Or = yo(
     fontStyle: S,
     ..._
   }, I) {
-    const [E, N] = z(!1), [R, B] = z(!1), L = Ue(e === "default" ? void 0 : e, { width: v, borderRadius: k, color: w, fontStyle: S }), D = r || "var(--color-accent, var(--color-primary))", P = n ? L.borderRadius : "0px", T = c ?? a, O = d ? null : s ?? l, W = i ? "var(--color-error)" : E ? D : "var(--color-input-border)", $ = p ? {
+    const [E, N] = z(!1), [R, B] = z(!1), M = Ue(e === "default" ? void 0 : e, { width: v, borderRadius: k, color: w, fontStyle: S }), D = r || "var(--color-accent, var(--color-primary))", P = n ? M.borderRadius : "0px", T = c ?? a, O = d ? null : s ?? l, W = i ? "var(--color-error)" : E ? D : "var(--color-input-border)", $ = p ? {
       display: "inline-flex",
       alignItems: "center",
-      height: L.height,
-      width: L.width !== "auto" ? L.width : void 0,
+      height: M.height,
+      width: M.width !== "auto" ? M.width : void 0,
       border: "none",
       // When naked + error: red bottom underline so the error state is visible
       borderBottom: i ? "1px solid color-mix(in srgb, var(--color-error) 60%, transparent)" : "none",
@@ -1254,8 +1254,8 @@ const Or = yo(
     } : {
       display: "inline-flex",
       alignItems: "center",
-      height: L.height,
-      width: L.width !== "auto" ? L.width : void 0,
+      height: M.height,
+      width: M.width !== "auto" ? M.width : void 0,
       borderRadius: P,
       border: `1px solid ${W}`,
       background: "var(--color-input-bg)",
@@ -1265,7 +1265,7 @@ const Or = yo(
       ...g
     }, A = d ? R ? "text" : "password" : y ?? "text", H = R ? (u == null ? void 0 : u.shown) ?? /* @__PURE__ */ o(cn, { size: 14 }) : (u == null ? void 0 : u.hidden) ?? /* @__PURE__ */ o(dn, { size: 14 });
     return /* @__PURE__ */ x("div", { style: $, className: h, children: [
-      T && /* @__PURE__ */ o("span", { style: { paddingLeft: L.paddingX, display: "flex", alignItems: "center", color: p && i ? "var(--color-error)" : "var(--color-text-muted)", flexShrink: 0, transition: "color 140ms" }, children: T }),
+      T && /* @__PURE__ */ o("span", { style: { paddingLeft: M.paddingX, display: "flex", alignItems: "center", color: p && i ? "var(--color-error)" : "var(--color-text-muted)", flexShrink: 0, transition: "color 140ms" }, children: T }),
       /* @__PURE__ */ o(
         "input",
         {
@@ -1274,14 +1274,14 @@ const Or = yo(
           style: {
             flex: 1,
             height: "100%",
-            paddingLeft: T ? "6px" : L.paddingX,
-            paddingRight: d || O ? "6px" : L.paddingX,
-            fontSize: L.fontSize,
+            paddingLeft: T ? "6px" : M.paddingX,
+            paddingRight: d || O ? "6px" : M.paddingX,
+            fontSize: M.fontSize,
             background: "transparent",
             border: "none",
             outline: "none",
-            color: p && i ? "var(--color-error)" : L.color || "var(--color-text-primary)",
-            fontStyle: L.fontStyle,
+            color: p && i ? "var(--color-error)" : M.color || "var(--color-text-primary)",
+            fontStyle: M.fontStyle,
             minWidth: 0,
             fontFamily: "inherit",
             caretColor: p && i ? "var(--color-error)" : void 0,
@@ -1296,14 +1296,14 @@ const Or = yo(
           ..._
         }
       ),
-      O && /* @__PURE__ */ o("span", { style: { paddingRight: L.paddingX, display: "flex", alignItems: "center", color: "var(--color-text-muted)", flexShrink: 0 }, children: O }),
+      O && /* @__PURE__ */ o("span", { style: { paddingRight: M.paddingX, display: "flex", alignItems: "center", color: "var(--color-text-muted)", flexShrink: 0 }, children: O }),
       d && /* @__PURE__ */ o(
         "button",
         {
           type: "button",
           onClick: () => B((G) => !G),
           style: {
-            paddingRight: L.paddingX,
+            paddingRight: M.paddingX,
             display: "flex",
             alignItems: "center",
             background: "none",
@@ -1382,7 +1382,7 @@ function e1({
   tooltip: s = "Double-click to edit",
   style: d
 }) {
-  const [u, p] = z(!1), [g, f] = z(e), [h, m] = z(!1), b = M(null), y = c || "var(--color-accent, var(--color-primary))";
+  const [u, p] = z(!1), [g, f] = z(e), [h, m] = z(!1), b = L(null), y = c || "var(--color-accent, var(--color-primary))";
   U(() => {
     u || f(e);
   }, [e, u]);
@@ -1504,7 +1504,7 @@ function Mn({
   width: h,
   borderRadius: m
 }) {
-  const [b, y] = z(!1), [v, k] = z(!1), w = M(null), S = M(null), _ = Jb(i), I = vt(_, { borderRadius: m }), E = u || "var(--color-accent, var(--color-primary))", N = s ? I.borderRadius : "0px", R = e.find((T) => T.value === n && !T.isHeader);
+  const [b, y] = z(!1), [v, k] = z(!1), w = L(null), S = L(null), _ = Jb(i), I = vt(_, { borderRadius: m }), E = u || "var(--color-accent, var(--color-primary))", N = s ? I.borderRadius : "0px", R = e.find((T) => T.value === n && !T.isHeader);
   U(() => {
     if (!b || !w.current || !S.current) return;
     const T = w.current, O = S.current, W = () => {
@@ -1531,7 +1531,7 @@ function Mn({
   }, [b]);
   const B = se((T) => {
     r(T), y(!1);
-  }, [r]), L = (T) => {
+  }, [r]), M = (T) => {
     if (p) return;
     if (!b) {
       (T.key === "Enter" || T.key === " " || T.key === "ArrowDown") && (T.preventDefault(), y(!0));
@@ -1556,7 +1556,7 @@ function Mn({
       "data-testid": t,
       className: `relative inline-block ${g}`,
       style: { width: h, ...f },
-      onKeyDown: L,
+      onKeyDown: M,
       children: [
         /* @__PURE__ */ x(
           "button",
@@ -1829,7 +1829,7 @@ function t1({
   fontStyle: w,
   className: S = ""
 }) {
-  const _ = Ie(), I = c ?? _.size, E = Ue(c, { width: y, borderRadius: v, color: k, fontStyle: w }), N = u ?? sm[I], R = d ?? "var(--color-accent, var(--color-primary))", B = Math.max(Math.round(parseFloat(E.fontSize) * 1.2 * 10) / 10, 16), L = Math.max(0, (parseFloat(E.height) - 2 - B) / 2), [D, P] = z(!1), [T, O] = z(!1), [W, $] = z(!1), [A, H] = z(-1), [G, te] = z(!1), Z = M(null), de = M(null), he = M(null), Ae = M(!1), Ee = M(!1), X = M(!1), pe = M(null), V = M(Fa()), { caret: xe, syncCaret: ke, setCaret: Ce } = Ua(he, i.length), [Te, at] = z({ top: 0, left: 0, width: 0 }), [tt, j] = z({ top: 0, left: 0, width: 0 }), oe = n.find((K) => K.value === e), q = (oe == null ? void 0 : oe.color) ?? "var(--color-text-primary)";
+  const _ = Ie(), I = c ?? _.size, E = Ue(c, { width: y, borderRadius: v, color: k, fontStyle: w }), N = u ?? sm[I], R = d ?? "var(--color-accent, var(--color-primary))", B = Math.max(Math.round(parseFloat(E.fontSize) * 1.2 * 10) / 10, 16), M = Math.max(0, (parseFloat(E.height) - 2 - B) / 2), [D, P] = z(!1), [T, O] = z(!1), [W, $] = z(!1), [A, H] = z(-1), [G, te] = z(!1), Z = L(null), de = L(null), he = L(null), Ae = L(!1), Ee = L(!1), X = L(!1), pe = L(null), V = L(Fa()), { caret: xe, syncCaret: ke, setCaret: Ce } = Ua(he, i.length), [Te, at] = z({ top: 0, left: 0, width: 0 }), [tt, j] = z({ top: 0, left: 0, width: 0 }), oe = n.find((K) => K.value === e), q = (oe == null ? void 0 : oe.color) ?? "var(--color-text-primary)";
   U(() => {
     const K = he.current;
     K && (K.innerHTML = Et(i), pe.current = i, V.current.reset(i, i.length));
@@ -2061,7 +2061,7 @@ function t1({
                 style: {
                   height: "100%",
                   width: "100%",
-                  padding: `${L}px ${E.paddingX}`,
+                  padding: `${M}px ${E.paddingX}`,
                   boxSizing: "border-box",
                   // display/align-content live in SelectTextInputView.css (block, never flex)
                   // so they can carry an @supports fallback — see the note there.
@@ -2089,7 +2089,7 @@ function t1({
                 ghost: Ot,
                 style: {
                   border: "none",
-                  padding: `${L}px ${E.paddingX}`,
+                  padding: `${M}px ${E.paddingX}`,
                   fontSize: E.fontSize,
                   lineHeight: `${B}px`
                 }
@@ -2243,7 +2243,7 @@ function n1({
   className: f = "",
   style: h
 }) {
-  const m = p === "compact", b = d ?? um[a], y = Sr(i, { width: s, borderRadius: b, color: u }), v = M(null), [k, w] = z({ left: 0, width: 0 }), [S, _] = z(!1), I = M(!1), E = e.findIndex((P) => P.value === n), N = se(() => {
+  const m = p === "compact", b = d ?? um[a], y = Sr(i, { width: s, borderRadius: b, color: u }), v = L(null), [k, w] = z({ left: 0, width: 0 }), [S, _] = z(!1), I = L(!1), E = e.findIndex((P) => P.value === n), N = se(() => {
     const P = v.current;
     if (!P) return;
     const O = P.querySelectorAll("button[data-seg]")[E];
@@ -2272,7 +2272,7 @@ function n1({
     if (!T.length) return;
     const O = T.findIndex((W) => W.value === n);
     P.key === "ArrowRight" ? (P.preventDefault(), r(T[(O + 1) % T.length].value)) : P.key === "ArrowLeft" && (P.preventDefault(), r(T[(O - 1 + T.length) % T.length].value));
-  }, [g, e, n, r]), B = m ? 2 : 3, L = m ? "4px" : y.borderRadius, D = a === "pointy" ? L : `calc(${L} + ${B}px)`;
+  }, [g, e, n, r]), B = m ? 2 : 3, M = m ? "4px" : y.borderRadius, D = a === "pointy" ? M : `calc(${M} + ${B}px)`;
   return /* @__PURE__ */ x(
     "div",
     {
@@ -2336,7 +2336,7 @@ function n1({
               left: k.left,
               width: k.width,
               height: `calc(100% - ${B * 2}px)`,
-              borderRadius: L,
+              borderRadius: M,
               // Translucent accent wash + hairline, not a solid block — the
               // active segment should read as highlighted, not glow like a CTA.
               backgroundColor: `color-mix(in srgb, ${l} 22%, transparent)`,
@@ -2754,7 +2754,7 @@ function l1({
   className: u = "",
   style: p
 }) {
-  const g = Ue(c, { borderRadius: s, color: d }), f = d ?? "var(--color-accent, var(--color-primary))", h = M([]), m = Array.from({ length: i }, (S, _) => e[_] ?? ""), b = (S) => {
+  const g = Ue(c, { borderRadius: s, color: d }), f = d ?? "var(--color-accent, var(--color-primary))", h = L([]), m = Array.from({ length: i }, (S, _) => e[_] ?? ""), b = (S) => {
     n(S), S.length === i && !S.includes("") && (r == null || r(S));
   }, y = (S, _) => {
     const I = m.slice();
@@ -2777,7 +2777,7 @@ function l1({
     const I = _.clipboardData.getData("text"), E = a ? I.replace(/[^0-9]/g, "") : I;
     if (!E) return;
     const N = m.slice();
-    for (let L = 0; L < E.length && S + L < i; L++) N[S + L] = E[L];
+    for (let M = 0; M < E.length && S + M < i; M++) N[S + M] = E[M];
     b(N.join(""));
     const R = Math.min(S + E.length, i - 1);
     (B = h.current[R]) == null || B.focus();
@@ -2935,7 +2935,7 @@ function c1({
   className: s = "",
   style: d
 }) {
-  const u = vt(a, { width: l, borderRadius: c }), [p, g] = z(!1), [f, h] = z(e), m = M(null), b = M(null);
+  const u = vt(a, { width: l, borderRadius: c }), [p, g] = z(!1), [f, h] = z(e), m = L(null), b = L(null);
   U(() => h(e), [e]), U(() => {
     if (!p || !m.current || !b.current) return;
     const v = m.current, k = b.current, w = () => {
@@ -3037,7 +3037,7 @@ function d1({
   className: s = "",
   style: d
 }) {
-  const u = vt(i, { width: a, borderRadius: l, color: c }), p = c ?? "var(--color-primary)", [g, f] = z(!1), [h, m] = z(""), b = M(null), y = M(null), v = Pr.find((w) => w.name === e), k = ue(() => {
+  const u = vt(i, { width: a, borderRadius: l, color: c }), p = c ?? "var(--color-primary)", [g, f] = z(!1), [h, m] = z(""), b = L(null), y = L(null), v = Pr.find((w) => w.name === e), k = ue(() => {
     const w = h.trim().toLowerCase();
     return w ? Pr.filter((S) => S.name.toLowerCase().includes(w)) : Pr;
   }, [h]);
@@ -3137,7 +3137,7 @@ function u1({
   className: s = "",
   style: d
 }) {
-  const u = vt(i, { width: a, borderRadius: l, color: c }), p = c ?? "var(--color-primary)", [g, f] = z(!1), [h, m] = z(""), b = M(null), y = M(null), v = ue(() => {
+  const u = vt(i, { width: a, borderRadius: l, color: c }), p = c ?? "var(--color-primary)", [g, f] = z(!1), [h, m] = z(""), b = L(null), y = L(null), v = ue(() => {
     const k = h.trim().toLowerCase(), w = k ? Vo.filter((_) => _.category.toLowerCase().includes(k)) : Vo, S = /* @__PURE__ */ new Map();
     for (const _ of w)
       S.has(_.category) || S.set(_.category, []), S.get(_.category).push(_);
@@ -3235,7 +3235,7 @@ function p1({
   className: p = "",
   style: g
 }) {
-  const f = We(c, { borderRadius: d, color: u }), h = u ?? "var(--color-primary)", [m, b] = z(!1), y = M(null), v = (k) => {
+  const f = We(c, { borderRadius: d, color: u }), h = u ?? "var(--color-primary)", [m, b] = z(!1), y = L(null), v = (k) => {
     !k || !k.length || n(Array.from(k));
   };
   return /* @__PURE__ */ x("div", { "data-testid": t, className: `dui_dropzone ${p}`, style: { width: s, ...g }, children: [
@@ -3297,7 +3297,7 @@ function f1({
   className: c = "",
   style: s
 }) {
-  const d = Ie(), u = a ?? d.size, p = l ?? d.activeColor ?? "var(--color-primary)", g = lt.card[u], f = M(null);
+  const d = Ie(), u = a ?? d.size, p = l ?? d.activeColor ?? "var(--color-primary)", g = lt.card[u], f = L(null);
   return /* @__PURE__ */ x(
     "div",
     {
@@ -3462,9 +3462,9 @@ function h1({
   className: u = "",
   style: p
 }) {
-  const g = vt(l, { borderRadius: c, color: s }), f = s ?? "var(--color-primary)", [h, m] = z(/* @__PURE__ */ new Set()), [b, y] = z(/* @__PURE__ */ new Set()), v = new Set(n), k = e.filter((R) => !v.has(R.value)), w = e.filter((R) => v.has(R.value)), S = (R, B, L) => {
+  const g = vt(l, { borderRadius: c, color: s }), f = s ?? "var(--color-primary)", [h, m] = z(/* @__PURE__ */ new Set()), [b, y] = z(/* @__PURE__ */ new Set()), v = new Set(n), k = e.filter((R) => !v.has(R.value)), w = e.filter((R) => v.has(R.value)), S = (R, B, M) => {
     const D = new Set(R);
-    D.has(L) ? D.delete(L) : D.add(L), B(D);
+    D.has(M) ? D.delete(M) : D.add(M), B(D);
   }, _ = () => {
     r([...n, ...Array.from(h)]), m(/* @__PURE__ */ new Set());
   }, I = () => {
@@ -3731,7 +3731,7 @@ function x1({
   className: u = "",
   style: p
 }) {
-  const g = wt(l, { width: c, borderRadius: s, color: d }), f = d ?? "var(--color-primary)", h = M(null), m = () => {
+  const g = wt(l, { width: c, borderRadius: s, color: d }), f = d ?? "var(--color-primary)", h = L(null), m = () => {
     h.current && clearTimeout(h.current);
   }, b = () => {
     m(), a > 0 && (h.current = setTimeout(n, a));
@@ -4086,7 +4086,7 @@ function _1({
 }
 const _m = ["#6366F1", "#22C55E", "#F59E0B", "#EF4444", "#EC4899", "#06B6D4"], I1 = yo(
   function({ colors: e = _m, particleCount: n = 80 }, r) {
-    const i = M(null), a = M([]), l = M(null);
+    const i = L(null), a = L([]), l = L(null);
     return Hb(r, () => ({
       fire(c) {
         const s = i.current;
@@ -4139,7 +4139,7 @@ function E1({
   color: s,
   className: d = ""
 }) {
-  const u = Nt(l, { borderRadius: c, color: s }), p = M(null), [g, f] = z({ top: -9999, left: -9999 });
+  const u = Nt(l, { borderRadius: c, color: s }), p = L(null), [g, f] = z({ top: -9999, left: -9999 });
   return U(() => {
     if (!e || !r || !p.current) return;
     const h = p.current, m = () => {
@@ -4196,7 +4196,7 @@ function R1({
   color: a,
   disabled: l = !1
 }) {
-  const c = Nt(i, { color: a }), [s, d] = z(!1), [u, p] = z({ top: -9999, left: -9999 }), g = M(null), f = M(null), h = M(null), m = () => {
+  const c = Nt(i, { color: a }), [s, d] = z(!1), [u, p] = z({ top: -9999, left: -9999 }), g = L(null), f = L(null), h = L(null), m = () => {
     l || (h.current = setTimeout(() => d(!0), r));
   }, b = () => {
     h.current && clearTimeout(h.current), d(!1);
@@ -4363,7 +4363,7 @@ function N1({
   children: u,
   className: p = ""
 }) {
-  const g = M(null), [f, h] = z(0), [m, b] = z(!1), [y, v] = z(e), [k, w] = z(), [S, _] = z(!1), [I, E] = z(e);
+  const g = L(null), [f, h] = z(0), [m, b] = z(!1), [y, v] = z(e), [k, w] = z(), [S, _] = z(!1), [I, E] = z(e);
   U(() => {
     if (e) {
       E(!0), _(!1), h(0), v(!0);
@@ -4403,7 +4403,7 @@ function N1({
     window.addEventListener("pointermove", A), window.addEventListener("pointerup", H), window.addEventListener("pointercancel", H);
   }, [r, s, n]);
   if (!I) return null;
-  const R = mn(r) === "x", B = R ? "width" : "height", L = R ? "min(560px, 92vw)" : "min(60vh, 720px)", D = /* @__PURE__ */ x(ve, { children: [
+  const R = mn(r) === "x", B = R ? "width" : "height", M = R ? "min(560px, 92vw)" : "min(60vh, 720px)", D = /* @__PURE__ */ x(ve, { children: [
     l ?? (a !== void 0 && /* @__PURE__ */ x("div", { className: "dui_sheet__head", children: [
       /* @__PURE__ */ o("span", { className: "dui_sheet__title", children: a }),
       /* @__PURE__ */ o("button", { type: "button", className: "dui_sheet__x", onClick: n, "aria-label": "Close", children: /* @__PURE__ */ o(Ze, { size: 14 }) })
@@ -4430,7 +4430,7 @@ function N1({
             style: {
               /* What the handle was pulled to wins over what the caller asked for
                  — it is the reader saying how much room this needs. */
-              [B]: k !== void 0 ? `${k}px` : typeof i == "number" ? `${i}px` : i ?? L,
+              [B]: k !== void 0 ? `${k}px` : typeof i == "number" ? `${i}px` : i ?? M,
               /* Only while it is being held or springing back — at rest this is
                  empty so the keyframes own the transform. */
               transform: zm(r, f) || void 0
@@ -4507,7 +4507,7 @@ function T1({
   size: l,
   className: c = ""
 }) {
-  const s = Nt(l), d = M(null), u = M({ startY: 0, dy: 0, dragging: !1 }), [p, g] = z(0), [f, h] = z(!1);
+  const s = Nt(l), d = L(null), u = L({ startY: 0, dy: 0, dragging: !1 }), [p, g] = z(0), [f, h] = z(!1);
   U(() => {
     e && (g(0), h(!1));
   }, [e]);
@@ -4712,7 +4712,7 @@ function L1({
   className: d = "",
   style: u
 }) {
-  const p = i ?? "var(--color-primary)", g = r === "up-left" ? 1 : -1, [f, h] = z(n), [m, b] = z(!1), y = M(null);
+  const p = i ?? "var(--color-primary)", g = r === "up-left" ? 1 : -1, [f, h] = z(n), [m, b] = z(!1), y = L(null);
   return U(() => {
     if (y.current && clearTimeout(y.current), n) {
       h(!0), b(!1);
@@ -4800,7 +4800,7 @@ function O1({
 }) {
   const p = An(c, { activeColor: s }), g = p.activeColor ?? "var(--color-primary)", [f, h] = z(!1), m = i ?? f, b = (R) => {
     h(R), r == null || r(R);
-  }, [y, v] = z(t), [k, w] = z(!1), S = M(null);
+  }, [y, v] = z(t), [k, w] = z(!1), S = L(null);
   U(() => {
     m || v(t);
   }, [t, m]), U(() => {
@@ -4869,7 +4869,7 @@ function O1({
         cursor: n ? "text" : void 0
       },
       children: N.map((R, B) => {
-        const L = B === N.length - 1, D = R.collapse;
+        const M = B === N.length - 1, D = R.collapse;
         return /* @__PURE__ */ x("span", { style: { display: "flex", alignItems: "center", gap: 4, minWidth: 0 }, children: [
           D ? /* @__PURE__ */ o(
             "button",
@@ -4887,7 +4887,7 @@ function O1({
               },
               children: /* @__PURE__ */ o(ho, { size: 13 })
             }
-          ) : e && !L ? /* @__PURE__ */ o(
+          ) : e && !M ? /* @__PURE__ */ o(
             "button",
             {
               type: "button",
@@ -4907,12 +4907,12 @@ function O1({
               children: R.label
             }
           ) : /* @__PURE__ */ o("span", { style: {
-            color: L ? "var(--color-text-primary)" : g,
-            fontWeight: L ? 700 : 500,
+            color: M ? "var(--color-text-primary)" : g,
+            fontWeight: M ? 700 : 500,
             whiteSpace: "nowrap",
             padding: "1px 3px"
           }, children: R.label }),
-          !L && /* @__PURE__ */ o(
+          !M && /* @__PURE__ */ o(
             Pe,
             {
               size: 11,
@@ -5252,7 +5252,7 @@ function V1({
   className: r = "",
   style: i
 }) {
-  const a = M(null), [l, c] = z(!1);
+  const a = L(null), [l, c] = z(!1);
   return U(() => {
     const s = a.current;
     if (!s) return;
@@ -5326,7 +5326,7 @@ function X1({
   className: r = "",
   style: i
 }) {
-  const a = it(n), l = M(null), [c, s] = z(!1);
+  const a = it(n), l = L(null), [c, s] = z(!1);
   return U(() => {
     const d = l.current;
     if (!d) return;
@@ -5541,7 +5541,7 @@ function Fm({
   className: d = "",
   style: u
 }) {
-  const p = Be(c, { color: s }), [g, f] = z(a ? 0 : e), h = M(null);
+  const p = Be(c, { color: s }), [g, f] = z(a ? 0 : e), h = L(null);
   return U(() => {
     if (!a) {
       f(e);
@@ -5612,14 +5612,14 @@ function ew({
   className: u = "",
   style: p
 }) {
-  const g = vt(l, { width: c, borderRadius: s, color: d }), f = d ?? "var(--color-accent, var(--color-primary))", [h, m] = z(!1), [b, y] = z(n), v = M(null), k = M(null);
+  const g = vt(l, { width: c, borderRadius: s, color: d }), f = d ?? "var(--color-accent, var(--color-primary))", [h, m] = z(!1), [b, y] = z(n), v = L(null), k = L(null);
   U(() => {
     h && y(n);
   }, [h, n]), U(() => {
     if (!h || !v.current || !k.current) return;
     const E = v.current, N = k.current, R = () => {
-      const L = E.getBoundingClientRect();
-      N.style.top = `${L.bottom + 4}px`, N.style.left = `${Math.min(L.left, window.innerWidth - N.offsetWidth - 8)}px`;
+      const M = E.getBoundingClientRect();
+      N.style.top = `${M.bottom + 4}px`, N.style.left = `${Math.min(M.left, window.innerWidth - N.offsetWidth - 8)}px`;
     };
     R();
     const B = requestAnimationFrame(R);
@@ -5709,7 +5709,7 @@ function tw({
   className: p = "",
   style: g
 }) {
-  const f = vt(c, { width: s, borderRadius: d, color: u }), h = u ?? "var(--color-accent, var(--color-primary))", [m, b] = z(!1), [y, v] = z(n), k = M(null), w = M(null);
+  const f = vt(c, { width: s, borderRadius: d, color: u }), h = u ?? "var(--color-accent, var(--color-primary))", [m, b] = z(!1), [y, v] = z(n), k = L(null), w = L(null);
   U(() => v(n), [n]);
   const S = ue(() => {
     const I = y.trim().toLowerCase();
@@ -5728,7 +5728,7 @@ function tw({
     if (!m) return;
     const I = (E) => {
       var N, R, B;
-      (N = k.current) != null && N.contains(E.target) || (R = w.current) != null && R.contains(E.target) || (b(!1), l && r(((B = e.find((L) => L.label === y)) == null ? void 0 : B.value) ?? y));
+      (N = k.current) != null && N.contains(E.target) || (R = w.current) != null && R.contains(E.target) || (b(!1), l && r(((B = e.find((M) => M.label === y)) == null ? void 0 : B.value) ?? y));
     };
     return document.addEventListener("mousedown", I), () => document.removeEventListener("mousedown", I);
   }, [m, l, y, r, e]);
@@ -5833,7 +5833,7 @@ function rw({
   className: a = "",
   style: l
 }) {
-  const c = M(null), [s, d] = z(0), u = t.length * e, p = Math.max(0, Math.floor(s / e) - i), g = Math.min(t.length, Math.ceil((s + n) / e) + i), f = ue(() => t.slice(p, g), [t, p, g]);
+  const c = L(null), [s, d] = z(0), u = t.length * e, p = Math.max(0, Math.floor(s / e) - i), g = Math.min(t.length, Math.ceil((s + n) / e) + i), f = ue(() => t.slice(p, g), [t, p, g]);
   return /* @__PURE__ */ o(
     "div",
     {
@@ -6042,7 +6042,7 @@ function sw({
   className: a = "",
   style: l
 }) {
-  const c = yt(n, { color: r }), s = r ?? "var(--color-primary)", [d, u] = z(!1), [p, g] = z(t), f = M(null);
+  const c = yt(n, { color: r }), s = r ?? "var(--color-primary)", [d, u] = z(!1), [p, g] = z(t), f = L(null);
   U(() => {
     var b, y;
     d && (g(t), (b = f.current) == null || b.focus(), (y = f.current) == null || y.select());
@@ -6110,7 +6110,7 @@ function Vm({
   label: c = "Columns",
   icon: s
 }) {
-  const d = Kb(r, { color: i }), [u, p] = z(!1), g = M(null), f = M(null), h = new Set(e);
+  const d = Kb(r, { color: i }), [u, p] = z(!1), g = L(null), f = L(null), h = new Set(e);
   U(() => {
     if (!u || !g.current || !f.current) return;
     const b = g.current.getBoundingClientRect();
@@ -6518,14 +6518,14 @@ function hw({
   className: p = "",
   style: g
 }) {
-  const f = s ?? "var(--color-primary)", h = M(null), [m, b] = e, y = (w) => Math.round(Math.min(i, Math.max(r, w)) / a) * a, v = (w) => (w - r) / (i - r) * 100, k = se((w) => (S) => {
+  const f = s ?? "var(--color-primary)", h = L(null), [m, b] = e, y = (w) => Math.round(Math.min(i, Math.max(r, w)) / a) * a, v = (w) => (w - r) / (i - r) * 100, k = se((w) => (S) => {
     if (l) return;
     S.target.setPointerCapture(S.pointerId);
     const _ = (E) => {
       const N = h.current;
       if (!N) return;
-      const R = N.getBoundingClientRect(), B = Math.min(1, Math.max(0, (E.clientX - R.left) / R.width)), L = y(r + B * (i - r));
-      n(w === "lo" ? [Math.min(L, b), b] : [m, Math.max(L, m)]);
+      const R = N.getBoundingClientRect(), B = Math.min(1, Math.max(0, (E.clientX - R.left) / R.width)), M = y(r + B * (i - r));
+      n(w === "lo" ? [Math.min(M, b), b] : [m, Math.max(M, m)]);
     }, I = () => {
       window.removeEventListener("pointermove", _), window.removeEventListener("pointerup", I);
     };
@@ -6702,7 +6702,7 @@ function vw({
   className: s = "",
   style: d
 }) {
-  const u = Ue(a, { borderRadius: l, color: c }), p = c ?? "var(--color-accent, var(--color-primary))", [g, f] = z(!1), [h, m] = z([]), b = M(null), y = () => {
+  const u = Ue(a, { borderRadius: l, color: c }), p = c ?? "var(--color-accent, var(--color-primary))", [g, f] = z(!1), [h, m] = z([]), b = L(null), y = () => {
     i || (m([]), f(!0), requestAnimationFrame(() => {
       var w;
       return (w = b.current) == null ? void 0 : w.focus();
@@ -6797,7 +6797,7 @@ function kw({
   className: u = "",
   style: p
 }) {
-  const g = Ue(c, { borderRadius: s, color: d }), f = d ?? "var(--color-accent, var(--color-primary))", h = M(null), m = () => {
+  const g = Ue(c, { borderRadius: s, color: d }), f = d ?? "var(--color-accent, var(--color-primary))", h = L(null), m = () => {
     e.trim() && r();
   };
   return /* @__PURE__ */ x(
@@ -6924,7 +6924,7 @@ function Iw({
   color: i,
   className: a = ""
 }) {
-  const l = Nt(r, { color: i }), c = i ?? "var(--color-primary)", [s, d] = z(!1), u = M(null), p = M(null), g = e.filter((f) => !f.read).length;
+  const l = Nt(r, { color: i }), c = i ?? "var(--color-primary)", [s, d] = z(!1), u = L(null), p = L(null), g = e.filter((f) => !f.read).length;
   return U(() => {
     if (!s || !u.current || !p.current) return;
     const f = u.current.getBoundingClientRect();
@@ -7935,7 +7935,7 @@ function tk({
   className: d = "",
   style: u
 }) {
-  const p = vt(a, { width: l, borderRadius: c, color: s }), g = s ?? "var(--color-primary)", [f, h] = z(!1), m = M(null), b = M(null), y = e.find((v) => v.value === n);
+  const p = vt(a, { width: l, borderRadius: c, color: s }), g = s ?? "var(--color-primary)", [f, h] = z(!1), m = L(null), b = L(null), y = e.find((v) => v.value === n);
   return U(() => {
     if (!f || !m.current || !b.current) return;
     const v = m.current.getBoundingClientRect();
@@ -8186,7 +8186,7 @@ function ak({
   className: a = "",
   style: l
 }) {
-  const c = fn(void 0, { aspectRatio: r }), s = M(null), d = M({ startX: 0, startY: 0, origX: 0, origY: 0, dragging: !1 }), u = (f) => {
+  const c = fn(void 0, { aspectRatio: r }), s = L(null), d = L({ startX: 0, startY: 0, origX: 0, origY: 0, dragging: !1 }), u = (f) => {
     d.current = { startX: f.clientX, startY: f.clientY, origX: e.x, origY: e.y, dragging: !0 }, f.target.setPointerCapture(f.pointerId);
   }, p = (f) => {
     if (!d.current.dragging || !s.current) return;
@@ -8245,7 +8245,7 @@ function lk({
   className: r = "",
   style: i
 }) {
-  const a = fn(void 0, { aspectRatio: 1.7777777777777777 }), l = n ?? "var(--color-primary)", c = M(null), [s, d] = z(!1), [u, p] = z(!1), [g, f] = z(0), [h, m] = z(0);
+  const a = fn(void 0, { aspectRatio: 1.7777777777777777 }), l = n ?? "var(--color-primary)", c = L(null), [s, d] = z(!1), [u, p] = z(!1), [g, f] = z(0), [h, m] = z(0);
   U(() => {
     const v = c.current;
     if (!v) return;
@@ -8329,7 +8329,7 @@ function sk({
   className: r = "",
   style: i
 }) {
-  const a = n ?? "var(--color-primary)", l = M(null), [c, s] = z(!1), [d, u] = z(0), [p, g] = z(0);
+  const a = n ?? "var(--color-primary)", l = L(null), [c, s] = z(!1), [d, u] = z(0), [p, g] = z(0);
   U(() => {
     const m = l.current;
     if (!m) return;
@@ -8929,7 +8929,7 @@ function mx({
   className: a,
   style: l
 }) {
-  const c = M(null), [s, d] = z(null);
+  const c = L(null), [s, d] = z(null);
   U(() => {
     if (n !== void 0) return;
     const p = c.current;
@@ -9069,7 +9069,7 @@ function uk({
   className: _ = "",
   style: I
 }) {
-  const E = Be(w), N = S ?? "var(--color-primary)", R = M(null);
+  const E = Be(w), N = S ?? "var(--color-primary)", R = L(null);
   U(() => {
     var O;
     if (!a) return;
@@ -9084,9 +9084,9 @@ function uk({
     });
     return () => cancelAnimationFrame(T);
   }, [a, t]);
-  const B = M(void 0);
+  const B = L(void 0);
   a && (B.current = a);
-  const L = {
+  const M = {
     fontSize: 9,
     fontWeight: 600,
     letterSpacing: ".07em",
@@ -9107,9 +9107,9 @@ function uk({
           padding: "5px 12px 6px",
           borderBottom: "1px solid var(--color-surface-border)"
         }, children: [
-          /* @__PURE__ */ o("span", { style: { ...L, flex: 1, minWidth: 0 }, children: "name" }),
-          l && /* @__PURE__ */ o("span", { style: { ...L, width: 88, textAlign: "right" }, children: "size" }),
-          c && /* @__PURE__ */ o("span", { style: { ...L, width: 132, textAlign: "right" }, children: "modified" }),
+          /* @__PURE__ */ o("span", { style: { ...M, flex: 1, minWidth: 0 }, children: "name" }),
+          l && /* @__PURE__ */ o("span", { style: { ...M, width: 88, textAlign: "right" }, children: "size" }),
+          c && /* @__PURE__ */ o("span", { style: { ...M, width: 132, textAlign: "right" }, children: "modified" }),
           d.length > 0 && /* @__PURE__ */ o("span", { style: { width: d.length * (s ? 21 : 29) } })
         ] }),
         /* @__PURE__ */ x(
@@ -9406,7 +9406,7 @@ function fk({
   className: r = "",
   style: i
 }) {
-  const a = fn(), l = e ?? "var(--color-text-primary)", c = M(null), s = M(!1), [d, u] = z(!0);
+  const a = fn(), l = e ?? "var(--color-text-primary)", c = L(null), s = L(!1), [d, u] = z(!0);
   U(() => {
     const b = c.current;
     if (!b) return;
@@ -9569,7 +9569,7 @@ function xk({
   className: r = "",
   style: i
 }) {
-  const a = We(n), [l, c] = z(null), [s, d] = z(null), [u, p] = z(null), [g, f] = z(null), h = M(!1), m = M(!1), b = (v, k) => {
+  const a = We(n), [l, c] = z(null), [s, d] = z(null), [u, p] = z(null), [g, f] = z(null), h = L(!1), m = L(!1), b = (v, k) => {
     if (!l) return;
     const w = t.map((R) => ({ ...R, cards: [...R.cards] })), S = w.find((R) => R.id === l.colId), _ = S.cards.findIndex((R) => R.id === l.cardId);
     if (_ < 0) return;
@@ -10557,7 +10557,7 @@ function Mx() {
       return ie;
     }).map((ge) => `(${ge})`).join(F);
   }
-  const _ = /\b\B/, I = "[a-zA-Z]\\w*", E = "[a-zA-Z_]\\w*", N = "\\b\\d+(\\.\\d+)?", R = "(-?)(\\b0[xX][a-fA-F0-9]+|(\\b\\d+(\\.\\d*)?|\\.\\d+)([eE][-+]?\\d+)?)", B = "\\b(0b[01]+)", L = "!|!=|!==|%|%=|&|&&|&=|\\*|\\*=|\\+|\\+=|,|-|-=|/=|/|:|;|<<|<<=|<=|<|===|==|=|>>>=|>>=|>=|>>>|>>|>|\\?|\\[|\\{|\\(|\\^|\\^=|\\||\\|=|\\|\\||~", D = (C = {}) => {
+  const _ = /\b\B/, I = "[a-zA-Z]\\w*", E = "[a-zA-Z_]\\w*", N = "\\b\\d+(\\.\\d+)?", R = "(-?)(\\b0[xX][a-fA-F0-9]+|(\\b\\d+(\\.\\d*)?|\\.\\d+)([eE][-+]?\\d+)?)", B = "\\b(0b[01]+)", M = "!|!=|!==|%|%=|&|&&|&=|\\*|\\*=|\\+|\\+=|,|-|-=|/=|/|:|;|<<|<<=|<=|<|===|==|=|>>>=|>>=|>=|>>>|>>|>|\\?|\\[|\\{|\\(|\\^|\\^=|\\||\\|=|\\|\\||~", D = (C = {}) => {
     const F = /^#![ ]*\//;
     return C.binary && (C.begin = m(
       F,
@@ -10730,7 +10730,7 @@ function Mx() {
     PHRASAL_WORDS_MODE: W,
     QUOTE_STRING_MODE: O,
     REGEXP_MODE: he,
-    RE_STARTERS_RE: L,
+    RE_STARTERS_RE: M,
     SHEBANG: D,
     TITLE_MODE: Ae,
     UNDERSCORE_IDENT_RE: E,
@@ -11817,13 +11817,13 @@ function rn(t) {
     match: /\b[A-Z][A-Z_0-9]+\b/,
     className: "variable.constant"
   };
-  function L($) {
+  function M($) {
     return e.concat("(?!", $.join("|"), ")");
   }
   const D = {
     match: e.concat(
       /\b/,
-      L([
+      M([
         ...Ja,
         "super",
         "import"
@@ -12472,13 +12472,13 @@ function Wx(t) {
     match: /\b[A-Z][A-Z_0-9]+\b/,
     className: "variable.constant"
   };
-  function L($) {
+  function M($) {
     return e.concat("(?!", $.join("|"), ")");
   }
   const D = {
     match: e.concat(
       /\b/,
-      L([
+      M([
         ...ol,
         "super",
         "import"
@@ -16852,7 +16852,7 @@ function Ak({
   className: a = "",
   style: l
 }) {
-  const c = fn(), [s, d] = z(50), u = M(null), p = M(!1), g = (f) => {
+  const c = fn(), [s, d] = z(50), u = L(null), p = L(!1), g = (f) => {
     var b;
     const h = (b = u.current) == null ? void 0 : b.getBoundingClientRect();
     if (!h) return;
@@ -16893,7 +16893,7 @@ function Mk({
   className: a = "",
   style: l
 }) {
-  const c = r ?? "var(--color-primary)", [s, d] = z(0), [u, p] = z(!1), g = M({ startX: 0, dragging: !1 });
+  const c = r ?? "var(--color-primary)", [s, d] = z(0), [u, p] = z(!1), g = L({ startX: 0, dragging: !1 });
   U(() => {
     if (!e || u || t.length <= 1) return;
     const m = setInterval(() => d((b) => (b + 1) % t.length), n);
@@ -18780,7 +18780,7 @@ function Fk({
 }) {
   const [f, h] = z("rich"), m = r ?? f, b = (T) => {
     i == null || i(T), r || h(T);
-  }, y = M(null), [v, k] = z("p"), [w, S] = z(null), [_, I] = z(""), E = M(null), N = () => {
+  }, y = L(null), [v, k] = z("p"), [w, S] = z(null), [_, I] = z(""), E = L(null), N = () => {
     const T = _.trim(), O = w;
     if (S(null), I(""), !T || !O) return;
     const W = y.current;
@@ -18805,7 +18805,7 @@ function Fk({
   const B = se(() => {
     const T = y.current;
     T && n(pi(T.innerHTML));
-  }, [n]), L = se(() => {
+  }, [n]), M = se(() => {
     var W;
     const T = window.getSelection();
     let O = T == null ? void 0 : T.anchorNode;
@@ -18834,7 +18834,7 @@ function Fk({
         !1,
         '<ul data-task="1"><li><input type="checkbox" disabled /> item</li></ul><p><br></p>'
       ) : T.startsWith("formatBlock:") ? document.execCommand("formatBlock", !1, T.slice(12)) : document.execCommand(T);
-      B(), L();
+      B(), M();
     }
   }, P = s;
   return /* @__PURE__ */ x("div", { "data-testid": t, className: `dui_mde ${p}`, style: g, children: [
@@ -18937,8 +18937,8 @@ function Fk({
         "data-placeholder": a,
         onInput: B,
         onBlur: B,
-        onKeyUp: L,
-        onMouseUp: L
+        onKeyUp: M,
+        onMouseUp: M
       }
     ) : /* @__PURE__ */ o(
       "textarea",
@@ -19018,7 +19018,7 @@ function Uk({
   className: u = "",
   style: p
 }) {
-  const g = Ue(c, { borderRadius: s, color: d }), f = d ?? "var(--color-accent, var(--color-primary))", [h, m] = z(null), b = M(null), y = ue(() => {
+  const g = Ue(c, { borderRadius: s, color: d }), f = d ?? "var(--color-accent, var(--color-primary))", [h, m] = z(null), b = L(null), y = ue(() => {
     if (h === null) return [];
     const w = h.toLowerCase();
     return r.filter((S) => S.label.toLowerCase().includes(w)).slice(0, 6);
@@ -19146,7 +19146,7 @@ function Xk({
   className: c = "",
   style: s
 }) {
-  const d = Be(a, { color: l }), [u, p] = z(0), g = M(0);
+  const d = Be(a, { color: l }), [u, p] = z(0), g = L(0);
   return U(() => {
     const f = g.current, h = performance.now();
     let m = 0;
@@ -19170,7 +19170,7 @@ function Kk({
   className: a = "",
   style: l
 }) {
-  const c = je(r, { color: i }), s = i ?? "var(--color-primary)", d = M(null), [u, p] = z({ x: 0, y: 0 });
+  const c = je(r, { color: i }), s = i ?? "var(--color-primary)", d = L(null), [u, p] = z({ x: 0, y: 0 });
   return /* @__PURE__ */ o(
     "button",
     {
@@ -19210,7 +19210,7 @@ function jk({
   className: r = "",
   style: i
 }) {
-  const a = We(n), l = M(null), [c, s] = z({ rx: 0, ry: 0 });
+  const a = We(n), l = L(null), [c, s] = z({ rx: 0, ry: 0 });
   return /* @__PURE__ */ o(
     "div",
     {
@@ -19306,7 +19306,7 @@ function Zk({
   className: a = "",
   style: l
 }) {
-  const c = M(null), [s, d] = z(!1);
+  const c = L(null), [s, d] = z(!1);
   return U(() => {
     const u = c.current;
     if (!u) return;
@@ -19477,7 +19477,7 @@ function nS({
   className: a = "",
   style: l
 }) {
-  const c = Be(r, { color: i }), s = t.length ? t.split(/(\s+)/).filter(Boolean) : [], d = M(0), [u, p] = z(0);
+  const c = Be(r, { color: i }), s = t.length ? t.split(/(\s+)/).filter(Boolean) : [], d = L(0), [u, p] = z(0);
   return U(() => {
     p(d.current), d.current = s.length;
   }, [t]), e && s.length === 0 ? /* @__PURE__ */ o("span", { className: `dui_aistream__shimmer ${a}`, style: { fontSize: c.fontSize, fontWeight: 600, ...l }, children: "Thinking…" }) : /* @__PURE__ */ x("span", { className: a, style: { fontSize: c.fontSize, color: i ?? "var(--color-text-primary)", ...l }, children: [
@@ -19542,7 +19542,7 @@ function oS({
   className: d = "",
   style: u
 }) {
-  const p = Ue(s, { color: c }), g = c ?? "var(--color-primary)", f = M(null), h = t.map(r), m = Math.min(...h), y = Math.max(...h) - m || 1, v = Math.max(1, t.length - 1), k = h.map((I, E) => {
+  const p = Ue(s, { color: c }), g = c ?? "var(--color-primary)", f = L(null), h = t.map(r), m = Math.min(...h), y = Math.max(...h) - m || 1, v = Math.max(1, t.length - 1), k = h.map((I, E) => {
     const N = E / v * a, R = l - (I - m) / y * l;
     return `${N},${R}`;
   }).join(" "), w = (I) => {
@@ -19598,7 +19598,7 @@ function Vy(t, e) {
   return a;
 }
 function iS({ text: t, size: e, className: n = "", style: r }) {
-  const i = Be(e), a = M(t.split(/(\s+)/).filter(Boolean)), l = M(/* @__PURE__ */ new Map()), c = M(null), s = t.split(/(\s+)/).filter(Boolean), d = Vy(a.current, s);
+  const i = Be(e), a = L(t.split(/(\s+)/).filter(Boolean)), l = L(/* @__PURE__ */ new Map()), c = L(null), s = t.split(/(\s+)/).filter(Boolean), d = Vy(a.current, s);
   return zn(() => {
     const u = c.current;
     if (!u) return;
@@ -19759,19 +19759,19 @@ function cS({
   className: d = "",
   style: u
 }) {
-  const p = Ue(c, { color: s }), f = gi[c ?? "md"] ?? gi.md, h = s ?? "var(--color-primary)", m = M(null), [b, y] = z(!1), v = M(-1), k = (e - n) / (r - n), w = Wt + k * (qn - Wt), S = (I, E) => {
+  const p = Ue(c, { color: s }), f = gi[c ?? "md"] ?? gi.md, h = s ?? "var(--color-primary)", m = L(null), [b, y] = z(!1), v = L(-1), k = (e - n) / (r - n), w = Wt + k * (qn - Wt), S = (I, E) => {
     var W;
     const N = (W = m.current) == null ? void 0 : W.getBoundingClientRect();
     if (!N) return e;
     const R = N.left + N.width / 2, B = N.top + N.height / 2;
-    let L = Math.atan2(E - B, I - R) * 180 / Math.PI + 90;
-    L > 180 && (L -= 360);
-    const P = (Math.min(qn, Math.max(Wt, L)) - Wt) / (qn - Wt), T = n + P * (r - n), O = (r - n) / i;
+    let M = Math.atan2(E - B, I - R) * 180 / Math.PI + 90;
+    M > 180 && (M -= 360);
+    const P = (Math.min(qn, Math.max(Wt, M)) - Wt) / (qn - Wt), T = n + P * (r - n), O = (r - n) / i;
     return Math.round(T / O) * O;
   }, _ = (I) => {
     const E = (R) => {
-      const B = S(R.clientX, R.clientY), L = Math.round((B - n) / (r - n) * i);
-      L !== v.current && (v.current = L, y(!0), setTimeout(() => y(!1), 140)), a(B);
+      const B = S(R.clientX, R.clientY), M = Math.round((B - n) / (r - n) * i);
+      M !== v.current && (v.current = M, y(!0), setTimeout(() => y(!1), 140)), a(B);
     };
     E(I.nativeEvent);
     const N = () => {
@@ -19843,7 +19843,7 @@ function dS({
   className: l = "",
   style: c
 }) {
-  const s = je(i, { color: a }), d = a ?? "var(--color-error)", [u, p] = z(0), g = M(0), f = M(0), h = () => {
+  const s = je(i, { color: a }), d = a ?? "var(--color-error)", [u, p] = z(0), g = L(0), f = L(0), h = () => {
     f.current = performance.now();
     const b = (y) => {
       const v = Math.min(1, (y - f.current) / r);
@@ -19949,7 +19949,7 @@ function pS({
   className: l = "",
   style: c
 }) {
-  const s = We(a), [d, u] = z(0), p = M(!1), g = M(0), f = t[0], h = t.slice(0, 3), m = (b) => {
+  const s = We(a), [d, u] = z(0), p = L(!1), g = L(0), f = t[0], h = t.slice(0, 3), m = (b) => {
     p.current = !0, g.current = b.clientX;
     const y = (k) => {
       p.current && u(k.clientX - g.current);
@@ -20054,7 +20054,7 @@ function hS({
   className: n = "",
   style: r
 }) {
-  const i = We(e), a = M(null), [l, c] = z({ x: 50, y: 50 }), [s, d] = z(!1);
+  const i = We(e), a = L(null), [l, c] = z({ x: 50, y: 50 }), [s, d] = z(!1);
   return /* @__PURE__ */ x(
     "div",
     {
@@ -20250,7 +20250,7 @@ function yS({
   className: c = "",
   style: s
 }) {
-  const d = Array.isArray(t) ? t : [t], u = M([]), [p, g] = z(!1), f = i ?? "var(--color-primary)";
+  const d = Array.isArray(t) ? t : [t], u = L([]), [p, g] = z(!1), f = i ?? "var(--color-primary)";
   return U(() => {
     u.current.forEach((h) => {
       if (!h) return;
@@ -20286,7 +20286,7 @@ function vS({
   className: s = "",
   style: d
 }) {
-  const u = Ue(c), p = M(null), g = (e - n) / (r - n), f = (m) => {
+  const u = Ue(c), p = L(null), g = (e - n) / (r - n), f = (m) => {
     var v;
     const b = (v = p.current) == null ? void 0 : v.getBoundingClientRect();
     if (!b) return;
@@ -20369,7 +20369,7 @@ function jy({
   activeColor: p,
   fontStyle: g
 }) {
-  const f = Sr(i, { width: s, borderRadius: d, color: u, activeColor: p, fontStyle: g }), h = M(null), [m, b] = z({ left: 0, width: 0 });
+  const f = Sr(i, { width: s, borderRadius: d, color: u, activeColor: p, fontStyle: g }), h = L(null), [m, b] = z({ left: 0, width: 0 });
   zn(() => {
     if (!h.current) return;
     const k = h.current.querySelector(`[data-tab="${n}"]`);
@@ -20852,18 +20852,18 @@ function AS({
   height: h,
   className: m = ""
 }) {
-  const b = Ie(), y = f ?? b.size, v = h ?? lt.nav[y], k = Oe[y], w = zt[y], S = M(null), [_, I] = z(!1), [E, N] = z(!1), [R, B] = z(null), L = M(null), D = ($, A) => {
+  const b = Ie(), y = f ?? b.size, v = h ?? lt.nav[y], k = Oe[y], w = zt[y], S = L(null), [_, I] = z(!1), [E, N] = z(!1), [R, B] = z(null), M = L(null), D = ($, A) => {
     if (!$.preview) return;
-    L.current && clearTimeout(L.current);
+    M.current && clearTimeout(M.current);
     const H = A.getBoundingClientRect();
-    L.current = setTimeout(() => {
+    M.current = setTimeout(() => {
       B({ id: $.id, x: H.left + H.width / 2, y: H.bottom + 6 });
     }, 350);
   }, P = () => {
-    L.current && clearTimeout(L.current), L.current = null, B(null);
+    M.current && clearTimeout(M.current), M.current = null, B(null);
   };
   U(() => () => {
-    L.current && clearTimeout(L.current);
+    M.current && clearTimeout(M.current);
   }, []);
   const T = R ? e.find(($) => $.id === R.id) : void 0, O = se(() => {
     const $ = S.current;
@@ -21126,7 +21126,7 @@ function MS({
   className: l,
   style: c
 }) {
-  const s = Math.max(0, e.findIndex((b) => b.id === n)), d = i ?? "var(--color-primary, rgba(99,102,241,1))", u = a === "pill", p = u ? 999 : 8, g = u ? 999 : 6, f = M([]), [h, m] = z(null);
+  const s = Math.max(0, e.findIndex((b) => b.id === n)), d = i ?? "var(--color-primary, rgba(99,102,241,1))", u = a === "pill", p = u ? 999 : 8, g = u ? 999 : 6, f = L([]), [h, m] = z(null);
   return U(() => {
     const b = f.current[s];
     b && m({ left: b.offsetLeft, width: b.offsetWidth });
@@ -21270,7 +21270,7 @@ function DS({
   rowClassName: a = "",
   style: l
 }) {
-  const [c, s] = z(null), [d, u] = z(null), p = M(!1), g = n, f = (h, m) => {
+  const [c, s] = z(null), [d, u] = z(null), p = L(!1), g = n, f = (h, m) => {
     h.preventDefault(), c != null && c !== m && e(c, m), s(null), u(null);
   };
   return /* @__PURE__ */ o(ve, { children: t.map((h, m) => /* @__PURE__ */ x(
@@ -21328,7 +21328,7 @@ function OS({
   emptyText: a = "No matching commands",
   accentColor: l
 }) {
-  const [c, s] = z(""), [d, u] = z(0), p = M(null), g = l || "var(--color-primary)", f = ue(() => {
+  const [c, s] = z(""), [d, u] = z(0), p = L(null), g = l || "var(--color-primary)", f = ue(() => {
     const b = c.trim().toLowerCase();
     return b ? r.map((v) => {
       if (![v.label, v.hint ?? "", ...v.keywords ?? []].join(" ").toLowerCase().includes(b)) return null;
@@ -22117,7 +22117,7 @@ function FS({
   onWikiOpen: d,
   width: u = 320
 }) {
-  const p = M(null), [g, f] = z({
+  const p = L(null), [g, f] = z({
     top: -9999,
     left: -9999,
     visible: !1
@@ -22248,11 +22248,11 @@ function HS({
   style: b,
   className: y = ""
 }) {
-  const [v, k] = z(i ?? r), [w, S] = z(!1), [_, I] = z(!1), E = M(null), N = M(null), R = M(!1), B = M(!1), L = M(null), D = t === "horizontal", P = d || "var(--color-primary)", T = w || _;
+  const [v, k] = z(i ?? r), [w, S] = z(!1), [_, I] = z(!1), E = L(null), N = L(null), R = L(!1), B = L(!1), M = L(null), D = t === "horizontal", P = d || "var(--color-primary)", T = w || _;
   U(() => {
     i !== void 0 && k(i);
   }, [i]);
-  const O = i !== void 0 ? i : v, W = w && L.current != null ? L.current : O, $ = (X) => {
+  const O = i !== void 0 ? i : v, W = w && M.current != null ? M.current : O, $ = (X) => {
     X.preventDefault(), X.target.setPointerCapture(X.pointerId), R.current = !0, B.current = !1, S(!0);
   }, A = (X) => {
     if (!R.current || !E.current) return;
@@ -22261,13 +22261,13 @@ function HS({
       ke,
       Math.min(100 - Ce, xe / V * 100)
     );
-    L.current = Te, N.current && (D ? N.current.style.width = `${Te}%` : N.current.style.height = `${Te}%`), u == null || u(Te);
+    M.current = Te, N.current && (D ? N.current.style.width = `${Te}%` : N.current.style.height = `${Te}%`), u == null || u(Te);
   }, H = (X) => {
     if (X.target.releasePointerCapture(X.pointerId), R.current = !1, S(!1), !B.current)
       g == null || g();
     else {
-      const pe = L.current ?? v;
-      L.current = null, k(pe), p == null || p(pe);
+      const pe = M.current ?? v;
+      M.current = null, k(pe), p == null || p(pe);
     }
   }, G = () => {
     k(r), u == null || u(r), p == null || p(r);
@@ -22394,7 +22394,7 @@ function US({
   className: a = "",
   style: l
 }) {
-  const [c, s] = z(t), [d, u] = z(!1), p = M(null), g = se((m) => {
+  const [c, s] = z(t), [d, u] = z(!1), p = L(null), g = se((m) => {
     m.preventDefault(), m.stopPropagation(), m.target.setPointerCapture(m.pointerId), p.current = { startY: m.clientY, startHeight: c };
   }, [c]), f = se((m) => {
     if (!p.current) return;
@@ -22627,7 +22627,7 @@ function KS({
   }, _ = h ? [...e].sort((D, P) => {
     const T = D[h], O = P[h], W = String(T ?? "").localeCompare(String(O ?? ""));
     return b ? W : -W;
-  }) : e, E = (i ? "28px " : "") + t.map((D) => typeof D.width == "number" ? `${D.width}px` : D.width ?? "1fr").join(" "), N = lt.table[f], R = `${Math.round((N - 16) / 2)}px 12px`, B = Oe[f], L = !!i;
+  }) : e, E = (i ? "28px " : "") + t.map((D) => typeof D.width == "number" ? `${D.width}px` : D.width ?? "1fr").join(" "), N = lt.table[f], R = `${Math.round((N - 16) / 2)}px 12px`, B = Oe[f], M = !!i;
   return /* @__PURE__ */ x(
     "div",
     {
@@ -22646,7 +22646,7 @@ function KS({
         // of its real ~170-214px content height) — instead of the page
         // scrolling normally like every other settings panel. Refusing to
         // shrink here restores that normal behavior.
-        ...L ? {} : { maxHeight: u, display: "flex", flexDirection: "column", flexShrink: 0 }
+        ...M ? {} : { maxHeight: u, display: "flex", flexDirection: "column", flexShrink: 0 }
       },
       children: [
         /* @__PURE__ */ x("div", { style: {
@@ -22686,7 +22686,7 @@ function KS({
             D.key
           ))
         ] }),
-        /* @__PURE__ */ o("div", { style: L ? {} : { flex: "1 1 auto", overflowY: "auto" }, children: _.length === 0 ? /* @__PURE__ */ o(p0, { title: a, message: l, compact: !0 }) : _.map((D, P) => {
+        /* @__PURE__ */ o("div", { style: M ? {} : { flex: "1 1 auto", overflowY: "auto" }, children: _.length === 0 ? /* @__PURE__ */ o(p0, { title: a, message: l, compact: !0 }) : _.map((D, P) => {
           const T = String(D[n] ?? P), O = v.has(T), W = c && P % 2 === 1 ? "var(--color-table-stripe)" : "transparent";
           return /* @__PURE__ */ x(
             "div",
@@ -22860,7 +22860,7 @@ function jS({
   className: u,
   style: p
 }) {
-  const g = ue(() => v0(t, e), [t, e]), f = ue(() => w0(g), [g]), h = `${Math.max(2, String(g.length).length)}ch`, [m, b] = z(50), [y, v] = z(!1), k = M(null), w = se((I) => {
+  const g = ue(() => v0(t, e), [t, e]), f = ue(() => w0(g), [g]), h = `${Math.max(2, String(g.length).length)}ch`, [m, b] = z(50), [y, v] = z(!1), k = L(null), w = se((I) => {
     var R;
     const E = (R = k.current) == null ? void 0 : R.getBoundingClientRect();
     if (!E || E.width === 0) return;
@@ -23581,7 +23581,7 @@ function o_({
   className: b = "",
   style: y
 }) {
-  const v = An(m), [k, w] = z(i), [S, _] = z(() => c !== void 0 ? new Set(c) : new Set(t.filter((X) => X.isGroup).map((X) => X.id))), [I, E] = z(""), [N, R] = z(() => /* @__PURE__ */ new Set()), B = a !== void 0, L = B ? a : k, D = p || "var(--color-primary)", P = I.trim(), T = P.length > 0, O = parseInt(v.itemHeight, 10), W = Math.max(O - 6, 24), $ = ue(() => eo(t), [t]), A = ue(() => no(t, P), [t, P]), H = ue(() => eo(A), [A]), G = (X) => {
+  const v = An(m), [k, w] = z(i), [S, _] = z(() => c !== void 0 ? new Set(c) : new Set(t.filter((X) => X.isGroup).map((X) => X.id))), [I, E] = z(""), [N, R] = z(() => /* @__PURE__ */ new Set()), B = a !== void 0, M = B ? a : k, D = p || "var(--color-primary)", P = I.trim(), T = P.length > 0, O = parseInt(v.itemHeight, 10), W = Math.max(O - 6, 24), $ = ue(() => eo(t), [t]), A = ue(() => no(t, P), [t, P]), H = ue(() => eo(A), [A]), G = (X) => {
     B || w(X), l == null || l(X);
   }, te = (X) => {
     _((pe) => {
@@ -23599,18 +23599,18 @@ function o_({
     });
   }, he = (X, pe = 0) => {
     const V = X.id === e, xe = p ? `color-mix(in srgb, ${p} 18%, transparent)` : "var(--color-sidenav-active-bg)", ke = p ?? "var(--color-sidenav-active-text)", Ce = No(X), Te = Ce && Z(X), at = Ce && !V && to(X, e), tt = pe * $0;
-    if (Ce && L)
+    if (Ce && M)
       return /* @__PURE__ */ o("div", { children: (X.children ?? []).map((oe) => he(oe, pe)) }, X.id);
     const j = /* @__PURE__ */ x(
       "div",
       {
-        title: L ? X.label : void 0,
+        title: M ? X.label : void 0,
         onClick: () => Ce ? de(X) : n == null ? void 0 : n(X.id),
         "data-nav-id": X.id,
         role: Ce ? "button" : void 0,
         "aria-expanded": Ce ? Te : void 0,
         className: `dui_side-nav__item${V ? " dui_side-nav__item--active" : ""}${Ce ? " dui_side-nav__item--branch" : ""}`,
-        style: L ? {
+        style: M ? {
           display: "flex",
           alignItems: "center",
           justifyContent: "center",
@@ -23641,9 +23641,9 @@ function o_({
             justifyContent: "center",
             width: v.iconSize,
             /* A branch's pages sit a step below it: the icon a little smaller… */
-            ...pe > 0 && !L ? { transform: "scale(0.86)", opacity: V ? 1 : 0.9 } : {}
+            ...pe > 0 && !M ? { transform: "scale(0.86)", opacity: V ? 1 : 0.9 } : {}
           }, children: X.icon }),
-          !L && /* @__PURE__ */ x(ve, { children: [
+          !M && /* @__PURE__ */ x(ve, { children: [
             /* @__PURE__ */ o("span", { style: {
               /* …and the name a pixel smaller. */
               flex: 1,
@@ -23686,7 +23686,7 @@ function o_({
   }, Ae = (X) => {
     var Ce;
     const pe = S.has(X.id), V = ((Ce = X.children) == null ? void 0 : Ce.length) ?? 0, xe = T ? V : X.count ?? V, ke = X.children ?? [];
-    return L ? /* @__PURE__ */ o("div", { style: { marginBottom: 8 }, children: ke.map((Te) => he(Te)) }, X.id) : /* @__PURE__ */ x("div", { style: { marginBottom: 4 }, children: [
+    return M ? /* @__PURE__ */ o("div", { style: { marginBottom: 8 }, children: ke.map((Te) => he(Te)) }, X.id) : /* @__PURE__ */ x("div", { style: { marginBottom: 4 }, children: [
       /* @__PURE__ */ x(
         "button",
         {
@@ -23740,8 +23740,8 @@ function o_({
     {
       className: b,
       style: {
-        width: L ? d : u ? "100%" : s,
-        minWidth: L ? d : u ? void 0 : s,
+        width: M ? d : u ? "100%" : s,
+        minWidth: M ? d : u ? void 0 : s,
         height: "100%",
         display: "flex",
         flexDirection: "column",
@@ -23752,7 +23752,7 @@ function o_({
         ...y
       },
       children: [
-        g && !L && /* @__PURE__ */ o("div", { style: { padding: "10px 10px 8px", flexShrink: 0 }, children: /* @__PURE__ */ x("div", { style: {
+        g && !M && /* @__PURE__ */ o("div", { style: { padding: "10px 10px 8px", flexShrink: 0 }, children: /* @__PURE__ */ x("div", { style: {
           display: "flex",
           alignItems: "center",
           gap: 6,
@@ -23817,7 +23817,7 @@ function o_({
         /* @__PURE__ */ x("div", { style: {
           flex: 1,
           overflowY: "auto",
-          padding: L ? "4px 4px 16px" : "4px 6px 16px"
+          padding: M ? "4px 4px 16px" : "4px 6px 16px"
         }, children: [
           A.map(Ee),
           T && H === 0 && /* @__PURE__ */ o("div", { style: {
@@ -23837,7 +23837,7 @@ function o_({
           "button",
           {
             type: "button",
-            onClick: () => G(!L),
+            onClick: () => G(!M),
             className: "dui_side-nav__collapse-btn",
             style: {
               display: "flex",
@@ -23852,8 +23852,8 @@ function o_({
               color: "var(--color-text-muted)",
               cursor: "pointer"
             },
-            title: L ? "Expand sidebar" : "Collapse sidebar",
-            children: L ? /* @__PURE__ */ o(_a, { size: 14 }) : /* @__PURE__ */ o(Sa, { size: 14 })
+            title: M ? "Expand sidebar" : "Collapse sidebar",
+            children: M ? /* @__PURE__ */ o(_a, { size: 14 }) : /* @__PURE__ */ o(Sa, { size: 14 })
           }
         ) })
       ]
@@ -23949,7 +23949,7 @@ function Ml({
   getItemId: N,
   onItemDragStart: R,
   onItemDragOver: B,
-  onItemDrop: L,
+  onItemDrop: M,
   inlineCreate: D,
   onInlineCreateCommit: P,
   onInlineCreateCancel: T,
@@ -23957,7 +23957,7 @@ function Ml({
   onRenameDone: W
 }) {
   var j, oe, q, be, Re;
-  const $ = r.has(t.id), A = ((j = t.data) == null ? void 0 : j.color) || g, [H, G] = z(!1), [te, Z] = z(t.label), de = M(null);
+  const $ = r.has(t.id), A = ((j = t.data) == null ? void 0 : j.color) || g, [H, G] = z(!1), [te, Z] = z(t.label), de = L(null);
   U(() => {
     O === t.id && p && (Z(t.label), G(!0), setTimeout(() => {
       var ee;
@@ -24091,7 +24091,7 @@ function Ml({
           getItemId: N,
           onItemDragStart: R,
           onItemDragOver: B,
-          onItemDrop: L,
+          onItemDrop: M,
           inlineCreate: D,
           onInlineCreateCommit: P,
           onInlineCreateCancel: T
@@ -24115,7 +24115,7 @@ function Ml({
             onDragStart: R,
             onDragOver: B,
             onDragLeave: S,
-            onDrop: L,
+            onDrop: M,
             onDragEnd: I
           },
           Xe
@@ -24178,7 +24178,7 @@ function i_({
   renamingNodeId: R,
   onRenameDone: B
 }) {
-  const [L, D] = z(a ?? /* @__PURE__ */ new Set()), P = l ?? L, T = se((q) => {
+  const [M, D] = z(a ?? /* @__PURE__ */ new Set()), P = l ?? M, T = se((q) => {
     if (c) {
       c(q);
       return;
@@ -24889,7 +24889,7 @@ function c_({
   className: l = "",
   style: c
 }) {
-  const [s, d] = z(r), u = M(null), p = M(!0), g = e || "var(--color-primary)", f = n.filter((m) => m.enabled).length, h = a !== void 0;
+  const [s, d] = z(r), u = L(null), p = L(!0), g = e || "var(--color-primary)", f = n.filter((m) => m.enabled).length, h = a !== void 0;
   return zn(() => {
     const m = u.current;
     m && (m.style.transition = "none", m.style.height = r ? "auto" : "0px", m.style.overflow = "hidden", requestAnimationFrame(() => {
@@ -25011,7 +25011,7 @@ function d_({
   disabled: l = !1,
   className: c = ""
 }) {
-  const [s, d] = z(""), u = M(null), p = !l && (!a || e.length < a), g = (m) => {
+  const [s, d] = z(""), u = L(null), p = !l && (!a || e.length < a), g = (m) => {
     const b = m.trim();
     !b || e.includes(b) || !p || (n([...e, b]), d(""));
   }, f = (m) => {
@@ -25127,7 +25127,7 @@ function u_({
   className: l = ""
 }) {
   var S, _;
-  const [c, s] = z(((S = t[0]) == null ? void 0 : S.id) ?? ""), [d, u] = z(e), [p, g] = z(i), [f, h] = z(!1), m = M(0), b = M(e), y = a || "var(--color-primary)", v = se((I) => {
+  const [c, s] = z(((S = t[0]) == null ? void 0 : S.id) ?? ""), [d, u] = z(e), [p, g] = z(i), [f, h] = z(!1), m = L(0), b = L(e), y = a || "var(--color-primary)", v = se((I) => {
     if (!f) return;
     const E = m.current - I.clientY, N = Math.max(n, Math.min(r, b.current + E));
     u(N);
@@ -25259,7 +25259,7 @@ const U0 = {
   "bottom-center": { bottom: 16, left: "50%", transform: "translateX(-50%)" }
 };
 function V0({ toast: t, onDismiss: e }) {
-  const n = U0[t.variant], r = M(void 0);
+  const n = U0[t.variant], r = L(void 0);
   return U(() => {
     const i = t.duration ?? 4e3;
     return i > 0 && (r.current = setTimeout(() => e(t.id), i)), () => {
@@ -25334,7 +25334,7 @@ function p_({ toasts: t, onDismiss: e, position: n = "bottom-right" }) {
   );
 }
 function f_() {
-  const t = M([]), e = M([]), n = (l) => (e.current.push(l), () => {
+  const t = L([]), e = L([]), n = (l) => (e.current.push(l), () => {
     e.current = e.current.filter((c) => c !== l);
   }), r = () => e.current.forEach((l) => l([...t.current]));
   return { subscribe: n, toast: (l, c, s, d) => {
@@ -25719,7 +25719,7 @@ function j0({ text: t }) {
   }, children: n }, r) : /* @__PURE__ */ o("span", { children: n }, r)) });
 }
 function Y0({ value: t, onChange: e, accent: n, minHeight: r = 220 }) {
-  const i = M(null), a = M(null), [l, c] = z(!1), s = se(() => {
+  const i = L(null), a = L(null), [l, c] = z(!1), s = se(() => {
     i.current && a.current && (a.current.scrollTop = i.current.scrollTop, a.current.scrollLeft = i.current.scrollLeft);
   }, []), d = (t + `
 `).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(
@@ -26369,10 +26369,10 @@ function v_({
   maxSuggestions: b = 8,
   suggestionZIndex: y = 1e4
 }) {
-  const v = e.length > 0, k = M(null), [w, S] = z(!1), [_, I] = z(-1), [E, N] = z(!1), [R, B] = z({ top: 0, left: 0, width: 0 }), L = ue(() => {
+  const v = e.length > 0, k = L(null), [w, S] = z(!1), [_, I] = z(-1), [E, N] = z(!1), [R, B] = z({ top: 0, left: 0, width: 0 }), M = ue(() => {
     const O = (p ?? []).map(Z0).filter((A) => A.value.trim()), W = e.trim().toLowerCase();
     return (W ? O.filter((A) => A.value.toLowerCase().includes(W) && A.value !== e) : O).slice(0, b);
-  }, [p, e, b]), D = w && !E && L.length > 0;
+  }, [p, e, b]), D = w && !E && M.length > 0;
   U(() => {
     if (!D) return;
     const O = () => {
@@ -26384,7 +26384,7 @@ function v_({
     return O(), window.addEventListener("scroll", O, { passive: !0, capture: !0 }), window.addEventListener("resize", O, { passive: !0 }), () => {
       window.removeEventListener("scroll", O, { capture: !0 }), window.removeEventListener("resize", O);
     };
-  }, [D, L.length]), U(() => {
+  }, [D, M.length]), U(() => {
     I(-1), N(!1);
   }, [e]);
   const P = (O) => {
@@ -26411,7 +26411,7 @@ function v_({
             const W = O.key === "ArrowDown" ? 1 : -1;
             I(($) => {
               const A = $ + W;
-              return A < 0 ? L.length - 1 : A >= L.length ? 0 : A;
+              return A < 0 ? M.length - 1 : A >= M.length ? 0 : A;
             });
             return;
           }
@@ -26421,7 +26421,7 @@ function v_({
           }
           if (O.key === "Enter") {
             if (O.preventDefault(), D && _ >= 0) {
-              P(L[_].value);
+              P(M[_].value);
               return;
             }
             r == null || r(e);
@@ -26534,7 +26534,7 @@ function v_({
                 }
               )
             ] }),
-            /* @__PURE__ */ o("div", { style: { padding: "4px 3px 3px", maxHeight: 280, overflowY: "auto" }, children: L.map((O, W) => /* @__PURE__ */ x(
+            /* @__PURE__ */ o("div", { style: { padding: "4px 3px 3px", maxHeight: 280, overflowY: "auto" }, children: M.map((O, W) => /* @__PURE__ */ x(
               "div",
               {
                 role: "option",
@@ -27229,7 +27229,7 @@ function T_({
   className: l = ""
 }) {
   var _;
-  const c = Ue(i), [s, d] = z(() => e === 0 ? "ms" : e >= 36e5 && e % 36e5 === 0 ? "hr" : e >= 6e4 && e % 6e4 === 0 ? "m" : e >= 1e3 && e % 1e3 === 0 ? "s" : "ms"), [u, p] = z(!1), [g, f] = z({ top: 0, left: 0 }), h = M(null), m = M(null), b = e === 0 ? "" : String(Math.round(e / Ti[s])), y = se((I) => {
+  const c = Ue(i), [s, d] = z(() => e === 0 ? "ms" : e >= 36e5 && e % 36e5 === 0 ? "hr" : e >= 6e4 && e % 6e4 === 0 ? "m" : e >= 1e3 && e % 1e3 === 0 ? "s" : "ms"), [u, p] = z(!1), [g, f] = z({ top: 0, left: 0 }), h = L(null), m = L(null), b = e === 0 ? "" : String(Math.round(e / Ti[s])), y = se((I) => {
     const E = I.target.value;
     if (E === "" || E === "0") {
       n(0);
@@ -27359,7 +27359,7 @@ function $_({
   size: l = "md",
   accentColor: c
 }) {
-  const [s, d] = z(!1), [u, p] = z(-1), g = M(null), f = M(null), [h, m] = z({ top: 0, left: 0, minWidth: 0 }), b = je(l), y = c || (n === "danger" ? "var(--color-error)" : n === "primary" ? "var(--color-primary)" : "var(--color-surface-hover)"), v = n === "secondary" ? "var(--color-text-primary)" : n === "danger" ? "var(--color-btn-danger-text, #fff)" : "var(--color-btn-primary-text, #fff)", k = parseInt(b.height, 10), w = b.fontSize, S = n === "secondary" ? "var(--color-surface-border)" : "rgba(255,255,255,0.22)";
+  const [s, d] = z(!1), [u, p] = z(-1), g = L(null), f = L(null), [h, m] = z({ top: 0, left: 0, minWidth: 0 }), b = je(l), y = c || (n === "danger" ? "var(--color-error)" : n === "primary" ? "var(--color-primary)" : "var(--color-surface-hover)"), v = n === "secondary" ? "var(--color-text-primary)" : n === "danger" ? "var(--color-btn-danger-text, #fff)" : "var(--color-btn-primary-text, #fff)", k = parseInt(b.height, 10), w = b.fontSize, S = n === "secondary" ? "var(--color-surface-border)" : "rgba(255,255,255,0.22)";
   U(() => {
     if (!s) return;
     const E = (N) => {
@@ -27541,7 +27541,7 @@ function iv({
   style: h,
   className: m = ""
 }) {
-  const b = Ue(p), y = g ?? parseInt(b.height, 10), v = Math.max(Math.round(13 * 1.2 * 10) / 10, 16), k = Math.max(0, (y - 2 - v) / 2), w = f ?? b.borderRadius, S = M(null), _ = M(!1), I = M(null), E = M(Fa()), N = M(!1), [R, B] = z(!1), [L, D] = z(!1), [P, T] = z(!1), [O, W] = z(0), [$, A] = z({ top: 0, left: 0, width: 0 }), H = u || "var(--color-accent, var(--color-primary))";
+  const b = Ue(p), y = g ?? parseInt(b.height, 10), v = Math.max(Math.round(13 * 1.2 * 10) / 10, 16), k = Math.max(0, (y - 2 - v) / 2), w = f ?? b.borderRadius, S = L(null), _ = L(!1), I = L(null), E = L(Fa()), N = L(!1), [R, B] = z(!1), [M, D] = z(!1), [P, T] = z(!1), [O, W] = z(0), [$, A] = z({ top: 0, left: 0, width: 0 }), H = u || "var(--color-accent, var(--color-primary))";
   U(() => {
     const j = S.current;
     j && (j.innerHTML = Et(e), I.current = e, E.current.reset(e, e.length));
@@ -27662,12 +27662,12 @@ function iv({
           _.current = !1, xe();
         },
         "data-testid": t,
-        className: `dui_highlighted-input__editor${s ? " opacity-60" : ""}${d && !L ? " dui_highlighted-input__editor--masked" : ""}`,
+        className: `dui_highlighted-input__editor${s ? " opacity-60" : ""}${d && !M ? " dui_highlighted-input__editor--masked" : ""}`,
         style: {
           height: y,
           // Not in React's CSS types; a real property in every Chromium,
           // which is the only engine a VS Code webview runs in.
-          ...d && !L ? { WebkitTextSecurity: "disc" } : {},
+          ...d && !M ? { WebkitTextSecurity: "disc" } : {},
           paddingRight: d ? 30 : void 0,
           lineHeight: `${v}px`,
           paddingTop: k,
@@ -27684,7 +27684,7 @@ function iv({
         tabIndex: -1,
         onMouseDown: (j) => j.preventDefault(),
         onClick: () => D((j) => !j),
-        title: L ? "Hide value" : "Show value",
+        title: M ? "Hide value" : "Show value",
         style: {
           position: "absolute",
           right: 8,
@@ -27700,7 +27700,7 @@ function iv({
         },
         onMouseEnter: (j) => j.currentTarget.style.color = "var(--color-text-primary)",
         onMouseLeave: (j) => j.currentTarget.style.color = "var(--color-text-muted)",
-        children: L ? /* @__PURE__ */ o(cn, { size: 14 }) : /* @__PURE__ */ o(dn, { size: 14 })
+        children: M ? /* @__PURE__ */ o(cn, { size: 14 }) : /* @__PURE__ */ o(dn, { size: 14 })
       }
     ),
     /* @__PURE__ */ o(
@@ -27793,7 +27793,7 @@ function av({
   onConfirm: a,
   onCancel: l
 }) {
-  const c = M(null);
+  const c = L(null);
   return U(() => {
     var d;
     (d = c.current) == null || d.focus();
@@ -28112,7 +28112,7 @@ function Mi({
   onEnabledChange: y,
   onRemove: v
 }) {
-  const [k, w] = z(!1), [S, _] = z(""), [I, E] = z(-1), [N, R] = z(!1), [B, L] = z(""), [D, P] = z(-1), T = M(null), O = M(null), W = M(null), $ = M(null), A = c || s && sv.includes(e.toLowerCase()), H = cv, G = g && !a && k ? lv.filter(
+  const [k, w] = z(!1), [S, _] = z(""), [I, E] = z(-1), [N, R] = z(!1), [B, M] = z(""), [D, P] = z(-1), T = L(null), O = L(null), W = L(null), $ = L(null), A = c || s && sv.includes(e.toLowerCase()), H = cv, G = g && !a && k ? lv.filter(
     (V) => V.toLowerCase().includes((S || e).toLowerCase()) && V.toLowerCase() !== e.toLowerCase()
   ).slice(0, 8) : [], te = g && !a && N && e ? (H[e.toLowerCase()] || []).filter(
     (V) => V.toLowerCase().includes((B || n).toLowerCase()) && V.toLowerCase() !== n.toLowerCase()
@@ -28133,7 +28133,7 @@ function Mi({
   const he = se((V) => {
     h == null || h(V), w(!1), _(""), E(-1);
   }, [h]), Ae = se((V) => {
-    m == null || m(V), R(!1), L(""), P(-1);
+    m == null || m(V), R(!1), M(""), P(-1);
   }, [m]), Ee = se((V, xe) => {
     const ke = xe === "key", Ce = ke ? Z : de, Te = ke ? G : te, at = ke ? I : D, tt = ke ? E : P, j = ke ? he : Ae, oe = ke ? w : R;
     Ce && (V.key === "ArrowDown" ? (V.preventDefault(), tt((q) => (q + 1) % Te.length)) : V.key === "ArrowUp" ? (V.preventDefault(), tt((q) => q <= 0 ? Te.length - 1 : q - 1)) : V.key === "Enter" && at >= 0 ? (V.preventDefault(), j(Te[at])) : V.key === "Escape" && (oe(!1), tt(-1)));
@@ -28211,7 +28211,7 @@ function Mi({
               placeholder: (p == null ? void 0 : p.value) ?? "Value",
               size: f,
               onChange: (V) => {
-                m == null || m(V), L(V), P(-1);
+                m == null || m(V), M(V), P(-1);
               },
               onKeyDown: (V) => Ee(V, "val"),
               onBlur: () => setTimeout(() => {
@@ -28231,10 +28231,10 @@ function Mi({
               style: { width: "100%", ...a ? pe : {} },
               color: a ? "var(--color-text-secondary)" : void 0,
               onChange: (V) => {
-                m == null || m(V.target.value), L(V.target.value), P(-1);
+                m == null || m(V.target.value), M(V.target.value), P(-1);
               },
               onFocus: () => {
-                R(!0), L(n), P(-1);
+                R(!0), M(n), P(-1);
               },
               onBlur: () => setTimeout(() => {
                 R(!1), P(-1);
@@ -28363,10 +28363,10 @@ function A_({
   pinnedTopRows: m,
   onPinnedRemove: b
 }) {
-  const [y, v] = z(!1), [k, w] = z(!1), [S, _] = z(!1), I = M(""), E = p || "var(--color-accent, var(--color-primary))", N = m && m.length > 0, R = (A, H, G) => {
+  const [y, v] = z(!1), [k, w] = z(!1), [S, _] = z(!1), I = L(""), E = p || "var(--color-accent, var(--color-primary))", N = m && m.length > 0, R = (A, H, G) => {
     const te = [...e];
     te[A] = { ...te[A], [H]: G }, n(te);
-  }, B = () => n([...e, wn()]), L = (A) => {
+  }, B = () => n([...e, wn()]), M = (A) => {
     const H = [...e];
     H.splice(A, 0, wn()), n(H);
   }, D = (A) => {
@@ -28503,7 +28503,7 @@ function A_({
             onRemove: () => D(H)
           }
         ) }),
-        /* @__PURE__ */ o(dv, { onInsert: () => L(H + 1), accentColor: p })
+        /* @__PURE__ */ o(dv, { onInsert: () => M(H + 1), accentColor: p })
       ] }, A.id)) })
     ] }),
     k && /* @__PURE__ */ o(
@@ -28534,7 +28534,7 @@ function pv() {
   );
 }
 function fv({ seg: t, dims: e, accent: n, disabled: r }) {
-  const [i, a] = z(!1), l = M(null), [c, s] = z({ top: 0, left: 0, width: 0 }), d = t.width ?? (e.height <= 26 ? 72 : e.height <= 34 ? 88 : 106), u = t.options.find((f) => f.value === t.value), p = (u == null ? void 0 : u.color) ?? "var(--color-text-primary)", g = () => {
+  const [i, a] = z(!1), l = L(null), [c, s] = z({ top: 0, left: 0, width: 0 }), d = t.width ?? (e.height <= 26 ? 72 : e.height <= 34 ? 88 : 106), u = t.options.find((f) => f.value === t.value), p = (u == null ? void 0 : u.color) ?? "var(--color-text-primary)", g = () => {
     if (r) return;
     const f = l.current;
     if (!f) return;
@@ -28777,41 +28777,41 @@ function L_({
   onReset: f,
   resetTitle: h = "Reset view"
 }) {
-  const m = M(null), b = M({
+  const m = L(null), b = L({
     dragging: !1,
     startX: 0,
     startY: 0,
     originLeft: 0,
     originTop: 0
-  }), y = M(!1), [v, k] = z(u), w = p ?? v, S = se((R) => {
+  }), y = L(!1), [v, k] = z(u), w = p ?? v, S = se((R) => {
     p === void 0 && k(R), g == null || g(R);
   }, [p, g]), _ = se((R) => {
     const B = b.current;
     if (!B.dragging || !m.current) return;
-    const L = R.clientX - B.startX, D = c === "x" ? 0 : R.clientY - B.startY;
-    (Math.abs(L) > 3 || Math.abs(D) > 3) && (y.current = !0);
-    const P = m.current, T = Math.max(0, Math.min(window.innerWidth - P.offsetWidth, B.originLeft + L)), O = Math.max(0, Math.min(window.innerHeight - P.offsetHeight, B.originTop + D));
+    const M = R.clientX - B.startX, D = c === "x" ? 0 : R.clientY - B.startY;
+    (Math.abs(M) > 3 || Math.abs(D) > 3) && (y.current = !0);
+    const P = m.current, T = Math.max(0, Math.min(window.innerWidth - P.offsetWidth, B.originLeft + M)), O = Math.max(0, Math.min(window.innerHeight - P.offsetHeight, B.originTop + D));
     P.style.left = `${T}px`, P.style.top = `${O}px`, P.style.transform = "none";
   }, [c]), I = se((R) => {
     const B = b.current;
     if (B.dragging) {
       if (B.dragging = !1, document.removeEventListener("mousemove", _), document.removeEventListener("mouseup", I), m.current) {
-        const L = m.current.getBoundingClientRect();
-        a == null || a(L.left, L.top);
+        const M = m.current.getBoundingClientRect();
+        a == null || a(M.left, M.top);
       }
       w && !y.current && S(!1), R.stopPropagation();
     }
   }, [_, a, w, S]), E = se((R) => {
     if (!m.current) return;
     R.preventDefault();
-    const B = m.current, L = B.getBoundingClientRect();
+    const B = m.current, M = B.getBoundingClientRect();
     y.current = !1, b.current = {
       dragging: !0,
       startX: R.clientX,
       startY: R.clientY,
-      originLeft: L.left,
-      originTop: L.top
-    }, B.style.position = "fixed", B.style.left = `${L.left}px`, B.style.top = `${L.top}px`, B.style.transform = "none", B.style.zIndex = "9999", document.addEventListener("mousemove", _), document.addEventListener("mouseup", I);
+      originLeft: M.left,
+      originTop: M.top
+    }, B.style.position = "fixed", B.style.left = `${M.left}px`, B.style.top = `${M.top}px`, B.style.transform = "none", B.style.zIndex = "9999", document.addEventListener("mousemove", _), document.addEventListener("mouseup", I);
   }, [_, I]);
   U(() => () => {
     document.removeEventListener("mousemove", _), document.removeEventListener("mouseup", I);
@@ -30762,7 +30762,7 @@ function Iv(t) {
   });
 }
 function W_({ content: t, className: e = "", style: n }) {
-  const r = M(null), i = ue(() => kv(t), [t]), a = se(() => {
+  const r = L(null), i = ue(() => kv(t), [t]), a = se(() => {
     r.current && Iv(r.current);
   }, []);
   return U(() => {
@@ -30795,7 +30795,7 @@ function F_({
   className: c = "",
   style: s
 }) {
-  const [d, u] = z(!1), p = M(/* @__PURE__ */ new Map()), g = i || "var(--color-accent, var(--color-primary))", f = (w, S) => {
+  const [d, u] = z(!1), p = L(/* @__PURE__ */ new Map()), g = i || "var(--color-accent, var(--color-primary))", f = (w, S) => {
     const _ = [...e];
     _[w] = { ..._[w], ...S }, n(_);
   }, h = (w) => {
@@ -30813,14 +30813,14 @@ function F_({
     }
     const E = _.map((B) => B.name), N = _.map((B) => B.type || "application/octet-stream"), R = [];
     for (const B of _) {
-      const L = await new Promise((D) => {
+      const M = await new Promise((D) => {
         const P = new FileReader();
         P.onload = () => {
           const T = P.result;
           D(T.includes(",") ? T.split(",")[1] : T);
         }, P.readAsDataURL(B);
       });
-      R.push(L);
+      R.push(M);
     }
     f(w, { fileNames: E, value: E.join(", "), fileData: R, fileMimeTypes: N });
   }, y = (w) => {
@@ -31046,12 +31046,12 @@ function Rv({
   accent: i,
   disabled: a
 }) {
-  const { options: l, value: c, onChange: s, label: d } = t, u = M(null), p = M([]), g = M(null), f = M(null), h = M(!1), m = e * n, b = e * (n - 1) / 2, y = Math.max(0, l.findIndex((_) => _.value === c)), v = se((_) => {
+  const { options: l, value: c, onChange: s, label: d } = t, u = L(null), p = L([]), g = L(null), f = L(null), h = L(!1), m = e * n, b = e * (n - 1) / 2, y = Math.max(0, l.findIndex((_) => _.value === c)), v = se((_) => {
     const I = p.current, E = _ + m / 2;
     for (let N = 0; N < I.length; N++) {
       const R = I[N];
       if (!R) continue;
-      const L = (b + N * e + e / 2 - E) / e, D = Math.abs(L), P = Jt(1 - D * 0.38, 0.15, 1), T = Jt(1 - D * 0.14, 0.68, 1), O = Jt(L * 24, -58, 58);
+      const M = (b + N * e + e / 2 - E) / e, D = Math.abs(M), P = Jt(1 - D * 0.38, 0.15, 1), T = Jt(1 - D * 0.14, 0.68, 1), O = Jt(M * 24, -58, 58);
       R.style.opacity = String(P), R.style.transform = `perspective(700px) rotateX(${O}deg) scale(${T})`;
     }
   }, [e, m, b]), k = se((_, I) => {
@@ -31233,7 +31233,7 @@ function Hi({
   fontSize: a
 }) {
   var g;
-  const [l, c] = z(!1), s = M(null), d = M(null), u = M(null);
+  const [l, c] = z(!1), s = L(null), d = L(null), u = L(null);
   U(() => {
     if (!l || !s.current || !d.current) return;
     const f = s.current, h = d.current, m = () => {
@@ -31326,7 +31326,7 @@ function Co({
   className: g = "",
   style: f
 }) {
-  const h = wo(s, { width: d, borderRadius: u, color: p }), m = p ?? "var(--color-primary)", b = ue(() => e === "single" && typeof n == "string" ? dt(n) : e === "range" && Array.isArray(n) && typeof n[0] == "string" || e === "multi" && Array.isArray(n) && n.length && typeof n[0] == "string" ? dt(n[0]) : /* @__PURE__ */ new Date(), []), [y, v] = z(Wl(b)), [k, w] = z("right"), S = i ? dt(i) : void 0, _ = a ? dt(a) : void 0, I = se(($) => !!(S && $ < S || _ && $ > _ || l != null && l($)), [S, _, l]), E = ue(() => Av(y), [y]), N = /* @__PURE__ */ new Date(), R = e === "range" && Array.isArray(n) ? n : [null, null], B = e === "multi" && Array.isArray(n) ? n : [], L = se(($) => {
+  const h = wo(s, { width: d, borderRadius: u, color: p }), m = p ?? "var(--color-primary)", b = ue(() => e === "single" && typeof n == "string" ? dt(n) : e === "range" && Array.isArray(n) && typeof n[0] == "string" || e === "multi" && Array.isArray(n) && n.length && typeof n[0] == "string" ? dt(n[0]) : /* @__PURE__ */ new Date(), []), [y, v] = z(Wl(b)), [k, w] = z("right"), S = i ? dt(i) : void 0, _ = a ? dt(a) : void 0, I = se(($) => !!(S && $ < S || _ && $ > _ || l != null && l($)), [S, _, l]), E = ue(() => Av(y), [y]), N = /* @__PURE__ */ new Date(), R = e === "range" && Array.isArray(n) ? n : [null, null], B = e === "multi" && Array.isArray(n) ? n : [], M = se(($) => {
     if (e === "single")
       return typeof n == "string" && kn($, dt(n)) ? "selected" : "none";
     if (e === "range") {
@@ -31400,7 +31400,7 @@ function Co({
         /* @__PURE__ */ x("div", { className: `dui_calendar__grid dui_calendar__grid--${k}`, children: [
           Nv.map(($, A) => /* @__PURE__ */ o("div", { className: "dui_calendar__weekday", style: { width: h.cellSize, fontSize: h.fontSize }, children: $ }, A)),
           E.map(($, A) => {
-            const H = $.getMonth() !== y.getMonth(), G = L($), te = I($), Z = kn($, N), de = (pe) => pe === "in-range" || pe === "range-start" || pe === "range-end", he = c === "block" && de(G), Ae = he && A % 7 !== 0 && de(L(E[A - 1])), Ee = he && A % 7 !== 6 && de(L(E[A + 1])), X = h.cellSize / 2;
+            const H = $.getMonth() !== y.getMonth(), G = M($), te = I($), Z = kn($, N), de = (pe) => pe === "in-range" || pe === "range-start" || pe === "range-end", he = c === "block" && de(G), Ae = he && A % 7 !== 0 && de(M(E[A - 1])), Ee = he && A % 7 !== 6 && de(M(E[A + 1])), X = h.cellSize / 2;
             return /* @__PURE__ */ x("div", { className: "dui_calendar__cell", style: { height: h.cellSize }, children: [
               he && /* @__PURE__ */ o(
                 "span",
@@ -31470,7 +31470,7 @@ function U_({
   className: p = "",
   style: g
 }) {
-  const [f, h] = z(!1), m = M(null), b = M(null), y = Ue(l, { width: c, borderRadius: s, color: d }), v = d ?? "var(--color-accent, var(--color-primary))";
+  const [f, h] = z(!1), m = L(null), b = L(null), y = Ue(l, { width: c, borderRadius: s, color: d }), v = d ?? "var(--color-accent, var(--color-primary))";
   return U(() => {
     if (!f || !m.current || !b.current) return;
     const k = m.current, w = b.current, S = () => {
@@ -31485,8 +31485,8 @@ function U_({
   }, [f]), U(() => {
     if (!f) return;
     const k = (w) => {
-      var S, _;
-      (S = m.current) != null && S.contains(w.target) || (_ = b.current) != null && _.contains(w.target) || h(!1);
+      var S, _, I, E;
+      (S = m.current) != null && S.contains(w.target) || (_ = b.current) != null && _.contains(w.target) || (E = (I = w.target) == null ? void 0 : I.closest) != null && E.call(I, ".dui_calendar__dropdown") || h(!1);
     };
     return document.addEventListener("mousedown", k), () => document.removeEventListener("mousedown", k);
   }, [f]), /* @__PURE__ */ x("div", { "data-testid": t, className: `relative inline-block ${p}`, style: g, children: [
@@ -31632,7 +31632,7 @@ function V_({
   className: f = "",
   style: h
 }) {
-  const [m, b] = z(!1), y = M(null), v = M(null), k = Ue(s, { width: d, borderRadius: u, color: p }), w = p ?? "var(--color-accent, var(--color-primary))", { date: S, time: _ } = Dv(e);
+  const [m, b] = z(!1), y = L(null), v = L(null), k = Ue(s, { width: d, borderRadius: u, color: p }), w = p ?? "var(--color-accent, var(--color-primary))", { date: S, time: _ } = Dv(e);
   return U(() => {
     if (!m || !y.current || !v.current) return;
     const I = y.current, E = v.current, N = () => {
@@ -31647,8 +31647,8 @@ function V_({
   }, [m]), U(() => {
     if (!m) return;
     const I = (E) => {
-      var N, R;
-      (N = y.current) != null && N.contains(E.target) || (R = v.current) != null && R.contains(E.target) || b(!1);
+      var N, R, B, M;
+      (N = y.current) != null && N.contains(E.target) || (R = v.current) != null && R.contains(E.target) || (M = (B = E.target) == null ? void 0 : B.closest) != null && M.call(B, ".dui_calendar__dropdown") || b(!1);
     };
     return document.addEventListener("mousedown", I), () => document.removeEventListener("mousedown", I);
   }, [m]), /* @__PURE__ */ x("div", { "data-testid": t, className: `relative inline-block ${f}`, style: h, children: [
@@ -31986,15 +31986,15 @@ function Y_({
   className: u = "",
   style: p
 }) {
-  const g = wo(r, { width: a, borderRadius: l, color: c }), f = c ?? "var(--color-primary)", h = i ?? g.ringDiameter, m = Math.max(3, h * 0.07), b = (h - m) / 2, y = 2 * Math.PI * b, v = M(
+  const g = wo(r, { width: a, borderRadius: l, color: c }), f = c ?? "var(--color-primary)", h = i ?? g.ringDiameter, m = Math.max(3, h * 0.07), b = (h - m) / 2, y = 2 * Math.PI * b, v = L(
     t ? typeof t == "number" ? t : t.getTime() : Date.now() + (e ?? 60) * 1e3
-  ), k = M(Date.now()), w = M(Math.max(1, v.current - k.current)), [S, _] = z(() => Math.max(0, v.current - Date.now())), I = M(!1);
+  ), k = L(Date.now()), w = L(Math.max(1, v.current - k.current)), [S, _] = z(() => Math.max(0, v.current - Date.now())), I = L(!1);
   U(() => {
     if (d) return;
     let R;
     const B = () => {
-      const L = Math.max(0, v.current - Date.now());
-      if (_(L), L <= 0) {
+      const M = Math.max(0, v.current - Date.now());
+      if (_(M), M <= 0) {
         I.current || (I.current = !0, n == null || n());
         return;
       }