@stackone/malachite 2.10.0 → 2.11.0

package/dist/{index-B6NoJxaz.js → index-CUPTnbPi.js}

@@ -1593,10 +1593,10 @@ const hl = (e) => /* @__PURE__ */ u.createElement("svg", { width: 16, height: 17
   stickyTopOffset: p = 0,
   animate: g = !0
 }) => {
-  const m = l === "sunken", C = `${l1()}-body`, [x, y] = Q(s), w = i !== void 0 ? i : x, A = g || w && !!a, [k, I] = Q(!1), B = () => {
+  const m = l === "sunken", C = `${l1()}-body`, [x, y] = Q(s), w = i !== void 0 ? i : x, A = g || w && !!a, [k, B] = Q(!1), S = () => {
     const U = !w;
     i === void 0 && y(U), c == null || c(U);
-  }, S = [
+  }, I = [
     "flex flex-col w-full text-left",
     m ? "rounded-xl bg-[var(--malachite-card-dimmed-background)] p-[4px]" : "",
     r
@@ -1611,14 +1611,14 @@ const hl = (e) => /* @__PURE__ */ u.createElement("svg", { width: 16, height: 17
     "flex flex-1 items-center min-w-0 appearance-none border-0 bg-transparent text-left cursor-pointer select-none disabled:cursor-not-allowed",
     m ? `gap-[16px] px-[16px] py-[12px] rounded-lg ${e1}` : `gap-[12px] p-[16px] ${Kt}`
   ].join(" "), T = h ? { top: `${p}px`, backgroundColor: "var(--malachite-card-background)" } : {};
-  return /* @__PURE__ */ v("div", { className: S, children: [
+  return /* @__PURE__ */ v("div", { className: I, children: [
     /* @__PURE__ */ v("div", { className: L, style: T, "data-accordion-header": "", children: [
       /* @__PURE__ */ v(
         "button",
         {
           type: "button",
           className: N,
-          onClick: B,
+          onClick: S,
           "aria-expanded": w,
           "aria-controls": A ? C : void 0,
           disabled: d,
@@ -1643,7 +1643,7 @@ const hl = (e) => /* @__PURE__ */ u.createElement("svg", { width: 16, height: 17
           className: "grid grid-cols-[minmax(0,1fr)] w-full transition-[grid-template-rows] duration-200 ease-in-out",
           style: { gridTemplateRows: w ? "1fr" : "0fr" },
           onTransitionEnd: (U) => {
-            U.propertyName === "grid-template-rows" && I(w);
+            U.propertyName === "grid-template-rows" && B(w);
           },
           children: /* @__PURE__ */ n(
             "div",
@@ -1769,16 +1769,16 @@ const hl = (e) => /* @__PURE__ */ u.createElement("svg", { width: 16, height: 17
     C(!0), y.current !== null && cancelAnimationFrame(y.current), y.current = requestAnimationFrame(() => {
       y.current = null, m(!0);
     });
-  }, k = R(null), I = R(null);
+  }, k = R(null), B = R(null);
   Dr(k, g);
-  const B = l1(), S = e != null && e !== "" && e !== !1, V = (W) => {
-    W.stopPropagation(), !(!S || d && !d()) && (w(), x.current = setTimeout(() => {
+  const S = l1(), I = e != null && e !== "" && e !== !1, V = (W) => {
+    W.stopPropagation(), !(!I || d && !d()) && (w(), x.current = setTimeout(() => {
       A();
     }, r * 1e3));
   }, L = (W) => {
     W.stopPropagation(), w(), m(!1);
   }, N = () => {
-    !S || d && !d() || (w(), A());
+    !I || d && !d() || (w(), A());
   }, T = () => {
     w(), m(!1);
   }, [, U] = Q({});
@@ -1795,9 +1795,9 @@ const hl = (e) => /* @__PURE__ */ u.createElement("svg", { width: 16, height: 17
     };
   }, [g, w]);
   const ee = () => {
-    if (!I.current)
+    if (!B.current)
       return { display: "none" };
-    const W = I.current.getBoundingClientRect(), X = {
+    const W = B.current.getBoundingClientRect(), X = {
       position: "fixed",
       display: "flex",
       width: "max-content",
@@ -1857,10 +1857,10 @@ const hl = (e) => /* @__PURE__ */ u.createElement("svg", { width: 16, height: 17
           transform: `translate(-50%, -100%) ${g ? "scale(1)" : "scale(0.95)"}`
         };
     }
-  }, le = S && b && h ? B : void 0;
+  }, le = I && b && h ? S : void 0;
   Rr(() => {
-    S && b && Zr();
-  }, [S, b]);
+    I && b && Zr();
+  }, [I, b]);
   const ie = a || !Le.isValidElement(t) ? /* @__PURE__ */ n("span", { "aria-describedby": le, children: t }) : Le.cloneElement(t, {
     "aria-describedby": [t.props["aria-describedby"], le].filter(Boolean).join(" ") || void 0
   });
@@ -1868,7 +1868,7 @@ const hl = (e) => /* @__PURE__ */ u.createElement("svg", { width: 16, height: 17
     /* @__PURE__ */ n(
       o,
       {
-        ref: I,
+        ref: B,
         className: "relative flex items-center",
         style: p,
         onMouseEnter: V,
@@ -1878,12 +1878,12 @@ const hl = (e) => /* @__PURE__ */ u.createElement("svg", { width: 16, height: 17
         children: ie
       }
     ),
-    S && b && K1(
+    I && b && K1(
       /* @__PURE__ */ n(
         "div",
         {
           ref: k,
-          id: B,
+          id: S,
           role: "tooltip",
           "aria-hidden": h ? void 0 : !0,
           ...G1("tooltip"),
@@ -2057,7 +2057,7 @@ const hl = (e) => /* @__PURE__ */ u.createElement("svg", { width: 16, height: 17
     rel: x,
     ...y
   }, w) => {
-    const A = r ? Q7(r) : K7(t, p), k = o || a, I = [
+    const A = r ? Q7(r) : K7(t, p), k = o || a, B = [
       "flex items-center justify-center",
       p ? `p-0 ${G7(t)}` : W7(t),
       j7(e, A),
@@ -2066,7 +2066,7 @@ const hl = (e) => /* @__PURE__ */ u.createElement("svg", { width: 16, height: 17
       k ? "cursor-not-allowed" : "",
       d && k ? "pointer-events-none" : "",
       m
-    ].filter(Boolean).join(" "), B = () => {
+    ].filter(Boolean).join(" "), S = () => {
       if (a)
         return /* @__PURE__ */ v(Ye, { children: [
           /* @__PURE__ */ n(z7, {}),
@@ -2092,28 +2092,28 @@ const hl = (e) => /* @__PURE__ */ u.createElement("svg", { width: 16, height: 17
           }
         )
       ] }) : g;
-    }, S = b && !k ? /* @__PURE__ */ n(
+    }, I = b && !k ? /* @__PURE__ */ n(
       "a",
       {
         ref: w,
         href: b,
         target: C,
         rel: Y7(x, C),
-        className: I,
+        className: B,
         ...y,
-        children: B()
+        children: S()
       }
     ) : /* @__PURE__ */ n(
       "button",
       {
         ref: w,
         disabled: k,
-        className: I,
+        className: B,
         ...y,
-        children: B()
+        children: S()
       }
     );
-    return d ? /* @__PURE__ */ n(u1, { text: d, placement: h, fill: i, children: k ? /* @__PURE__ */ n("span", { className: `inline-flex cursor-not-allowed${i ? " w-full" : ""}`, children: S }) : S }) : S;
+    return d ? /* @__PURE__ */ n(u1, { text: d, placement: h, fill: i, children: k ? /* @__PURE__ */ n("span", { className: `inline-flex cursor-not-allowed${i ? " w-full" : ""}`, children: I }) : I }) : I;
   }
 );
 s1.displayName = "Button";
@@ -2292,20 +2292,20 @@ ${h}` : h;
 `, 1)[0], m = !p.trim(), b = 0;
         if (this.options.pedantic ? (b = 2, h = p.trimStart()) : m ? b = t[1].length + 1 : (b = t[2].search(this.rules.other.nonSpaceChar), b = b > 4 ? 1 : b, h = p.slice(b), b += t[1].length), m && this.rules.other.blankLine.test(g) && (d += g + `
 `, e = e.substring(g.length + 1), c = !0), !c) {
-          let y = this.rules.other.nextBulletRegex(b), w = this.rules.other.hrRegex(b), A = this.rules.other.fencesBeginRegex(b), k = this.rules.other.headingBeginRegex(b), I = this.rules.other.htmlBeginRegex(b);
+          let y = this.rules.other.nextBulletRegex(b), w = this.rules.other.hrRegex(b), A = this.rules.other.fencesBeginRegex(b), k = this.rules.other.headingBeginRegex(b), B = this.rules.other.htmlBeginRegex(b);
           for (; e; ) {
-            let B = e.split(`
-`, 1)[0], S;
-            if (g = B, this.options.pedantic ? (g = g.replace(this.rules.other.listReplaceNesting, "  "), S = g) : S = g.replace(this.rules.other.tabCharGlobal, "    "), A.test(g) || k.test(g) || I.test(g) || y.test(g) || w.test(g)) break;
-            if (S.search(this.rules.other.nonSpaceChar) >= b || !g.trim()) h += `
-` + S.slice(b);
+            let S = e.split(`
+`, 1)[0], I;
+            if (g = S, this.options.pedantic ? (g = g.replace(this.rules.other.listReplaceNesting, "  "), I = g) : I = g.replace(this.rules.other.tabCharGlobal, "    "), A.test(g) || k.test(g) || B.test(g) || y.test(g) || w.test(g)) break;
+            if (I.search(this.rules.other.nonSpaceChar) >= b || !g.trim()) h += `
+` + I.slice(b);
             else {
               if (m || p.replace(this.rules.other.tabCharGlobal, "    ").search(this.rules.other.nonSpaceChar) >= 4 || A.test(p) || k.test(p) || w.test(p)) break;
               h += `
 ` + g;
             }
-            !m && !g.trim() && (m = !0), d += B + `
-`, e = e.substring(B.length + 1), p = S.slice(b);
+            !m && !g.trim() && (m = !0), d += S + `
+`, e = e.substring(S.length + 1), p = I.slice(b);
           }
         }
         o.loose || (s ? o.loose = !0 : this.rules.other.doubleBlankLine.test(d) && (s = !0));
@@ -4349,7 +4349,7 @@ const Gi = (e) => {
       return T.observe(w.current), k(w.current.offsetHeight), () => T.disconnect();
     }
   }, [b, m]);
-  const B = [
+  const S = [
     "card-base",
     s ? "card-dimmed" : "",
     h === "rounded" ? "card-rounded" : "",
@@ -4357,14 +4357,14 @@ const Gi = (e) => {
     g ? "flex flex-col" : "",
     a === "small" ? "text-sm" : "",
     C
-  ].filter(Boolean).join(" "), S = parseInt(r) || 20, L = {
+  ].filter(Boolean).join(" "), I = parseInt(r) || 20, L = {
     padding: r,
     display: i ? "flex" : void 0,
     flexDirection: i,
     alignItems: c,
     ...g && { overflow: "auto", height: "100%" },
     ...b && m && A > 0 && {
-      paddingBottom: `${S + A + 10}px`
+      paddingBottom: `${I + A + 10}px`
     }
   }, N = {
     width: o,
@@ -4376,7 +4376,7 @@ const Gi = (e) => {
     overflow: "hidden",
     ...x
   };
-  return /* @__PURE__ */ v("div", { className: B, style: N, children: [
+  return /* @__PURE__ */ v("div", { className: S, style: N, children: [
     e && /* @__PURE__ */ n(
       "div",
       {
@@ -4510,7 +4510,7 @@ const Gi = (e) => {
   onRemove: m,
   className: b = ""
 }) => {
-  const C = p ? { color: gt(p) } : void 0, x = R(null), y = R(null), [w, A] = Q(!1), k = typeof e == "string" || typeof e == "number", I = ue((N) => {
+  const C = p ? { color: gt(p) } : void 0, x = R(null), y = R(null), [w, A] = Q(!1), k = typeof e == "string" || typeof e == "number", B = ue((N) => {
     var ee;
     if ((ee = x.current) == null || ee.disconnect(), x.current = null, y.current !== null && (cancelAnimationFrame(y.current), y.current = null), !N || typeof ResizeObserver > "u")
       return;
@@ -4523,9 +4523,9 @@ const Gi = (e) => {
       y.current === null && (y.current = requestAnimationFrame(T));
     };
     U(), x.current = I4(N, U);
-  }, []), B = (N) => {
+  }, []), S = (N) => {
     o && (N.stopPropagation(), N.preventDefault(), o());
-  }, S = [
+  }, I = [
     y4(i),
     E4(r, c, t),
     s === "uppercase" ? "uppercase" : "normal-case",
@@ -4535,14 +4535,14 @@ const Gi = (e) => {
   ].filter(Boolean).join(" "), V = S4(r, a, l, c), L = /* @__PURE__ */ v(
     "div",
     {
-      className: S,
-      onClick: B,
+      className: I,
+      onClick: S,
       tabIndex: o ? 0 : void 0,
       onKeyDown: o ? (N) => $2(N, o) : void 0,
       style: V,
       children: [
         d && h === "left" && /* @__PURE__ */ n("span", { className: "mr-1 flex items-center", style: C, children: d }),
-        k ? /* @__PURE__ */ n("span", { className: "flex items-center min-w-0", children: /* @__PURE__ */ n("span", { ref: I, className: "block min-w-0 truncate", children: e }, String(e)) }) : /* @__PURE__ */ n("span", { className: "flex items-center", children: e }),
+        k ? /* @__PURE__ */ n("span", { className: "flex items-center min-w-0", children: /* @__PURE__ */ n("span", { ref: B, className: "block min-w-0 truncate", children: e }, String(e)) }) : /* @__PURE__ */ n("span", { className: "flex items-center", children: e }),
         d && h === "right" && /* @__PURE__ */ n("span", { className: "ml-1 flex items-center", style: C, children: d }),
         m && /* @__PURE__ */ n(
           "button",
@@ -4783,10 +4783,10 @@ ${$4}`, o8 = {
   onSelect: w,
   tabIndex: A,
   "aria-label": k,
-  className: I = "",
-  style: B
+  className: B = "",
+  style: S
 }) => {
-  const { pinned: S } = V4(), V = !h && !x, L = R(null);
+  const { pinned: I } = V4(), V = !h && !x, L = R(null);
   et(L, a8, q4);
   const N = `mal-selectable-card-${l1().replace(/[^a-zA-Z0-9_-]/g, "")}`, T = `${N}-outline`, U = `${N}-eyebrow`, ee = `${N}-status`, le = `${N}-title`, ie = `${N}-description`, te = `${N}-count`, W = k ? void 0 : po([l ? U : void 0, le, s ? ee : void 0]), X = po([
     i ? ie : void 0,
@@ -4802,7 +4802,7 @@ ${$4}`, o8 = {
         "aria-live": "polite",
         "data-variant": "editing",
         "data-state": "selected",
-        className: `${O1} relative flex shrink-0 flex-col items-center gap-2 px-5 text-center ${I}`.trim(),
+        className: `${O1} relative flex shrink-0 flex-col items-center gap-2 px-5 text-center ${B}`.trim(),
         style: {
           width: to,
           height: ro,
@@ -4813,7 +4813,7 @@ ${$4}`, o8 = {
           justifyContent: "center",
           [it]: d5,
           [st]: en,
-          ...B
+          ...S
         },
         children: [
           /* @__PURE__ */ v(
@@ -4861,16 +4861,16 @@ ${$4}`, o8 = {
     {
       ref: L,
       "data-variant": o,
-      "data-pinned": S ? "true" : "false",
+      "data-pinned": I ? "true" : "false",
       "data-state": h ? "selected" : "resting",
       "data-hoverable": V ? "" : void 0,
-      className: `${O1} group relative grid shrink-0 grid-cols-[minmax(0,1fr)_auto] grid-rows-[1fr_auto] gap-x-2 ${b7} ${I}`.trim(),
+      className: `${O1} group relative grid shrink-0 grid-cols-[minmax(0,1fr)_auto] grid-rows-[1fr_auto] gap-x-2 ${b7} ${B}`.trim(),
       style: {
         width: to,
         height: ro,
         borderRadius: _r,
         boxSizing: "border-box",
-        ...B
+        ...S
       },
       children: [
         h ? /* @__PURE__ */ v(
@@ -5234,9 +5234,9 @@ ${$4}`, o8 = {
 }) => {
   const b = R(null), C = R(null), [x, y] = Q({ canScrollLeft: !1, canScrollRight: !1 });
   et(b, P8, O8);
-  const w = Le.Children.toArray(a), A = w.filter((D) => !Ba(D)), k = A.some(a9), I = A.length > 0, B = w.filter(Ba).map(
-    (D) => D.props.emphasis === void 0 ? Le.cloneElement(D, { emphasis: I ? "secondary" : "primary" }) : D
-  ), S = w.length, V = ue(() => {
+  const w = Le.Children.toArray(a), A = w.filter((D) => !Ba(D)), k = A.some(a9), B = A.length > 0, S = w.filter(Ba).map(
+    (D) => D.props.emphasis === void 0 ? Le.cloneElement(D, { emphasis: B ? "secondary" : "primary" }) : D
+  ), I = w.length, V = ue(() => {
     const D = b.current;
     return D ? Array.from(D.querySelectorAll(jt)) : [];
   }, []), L = ue(
@@ -5296,7 +5296,7 @@ ${$4}`, o8 = {
       left: de > ye ? de - D.clientWidth + b1 : Y - b1,
       behavior: "instant"
     });
-  }, [V, d, e, S]);
+  }, [V, d, e, I]);
   const le = t ?? U, ie = (m == null ? void 0 : m.background) !== void 0 || (m == null ? void 0 : m.backgroundImage) !== void 0, te = ue(() => {
     var de;
     const D = C.current;
@@ -5327,7 +5327,7 @@ ${$4}`, o8 = {
     return j == null || j.observe(D), () => {
       D.removeEventListener("scroll", G), j == null || j.disconnect();
     };
-  }, [te, S]);
+  }, [te, I]);
   const W = ue((D) => {
     const G = C.current;
     !G || typeof G.scrollBy != "function" || G.scrollBy({
@@ -5394,10 +5394,10 @@ ${$4}`, o8 = {
             role: "radiogroup",
             "aria-label": h,
             "aria-labelledby": p,
-            className: I ? "flex items-stretch min-w-0" : "flex items-stretch",
+            className: B ? "flex items-stretch min-w-0" : "flex items-stretch",
             children: [
               o ? /* @__PURE__ */ n(Aa.Provider, { value: B4, children: /* @__PURE__ */ n("div", { className: "shrink-0", style: e9, children: o }) }) : null,
-              I ? /* @__PURE__ */ v(
+              B ? /* @__PURE__ */ v(
                 "div",
                 {
                   [f8]: "",
@@ -5435,12 +5435,12 @@ ${$4}`, o8 = {
             ]
           }
         ),
-        B.length > 0 ? /* @__PURE__ */ n(
+        S.length > 0 ? /* @__PURE__ */ n(
           "div",
           {
             className: "shrink-0",
-            style: !I && o ? t9 : void 0,
-            children: B
+            style: !B && o ? t9 : void 0,
+            children: S
           }
         ) : null
       ]
@@ -6887,11 +6887,11 @@ var _9 = ["keyName", "value", "parentValue", "expandKey", "keys"], es = ["as", "
     Copied: m = {}
   } = w1();
   if (c === !1 || !h) return null;
-  var b = (I) => {
-    I.stopPropagation();
-    var B = "";
-    typeof r == "number" && r === 1 / 0 ? B = "Infinity" : typeof r == "number" && isNaN(r) ? B = "NaN" : typeof r == "bigint" ? B = Na(r) : r instanceof Date ? B = r.toLocaleString() : B = JSON.stringify(r, (V, L) => typeof L == "bigint" ? Na(L) : L, 2), i && i(B, r), g(!0);
-    var S = navigator.clipboard || {
+  var b = (B) => {
+    B.stopPropagation();
+    var S = "";
+    typeof r == "number" && r === 1 / 0 ? S = "Infinity" : typeof r == "number" && isNaN(r) ? S = "NaN" : typeof r == "bigint" ? S = Na(r) : r instanceof Date ? S = r.toLocaleString() : S = JSON.stringify(r, (V, L) => typeof L == "bigint" ? Na(L) : L, 2), i && i(S, r), g(!0);
+    var I = navigator.clipboard || {
       writeText(V) {
         return new Promise((L, N) => {
           var T = document.createElement("textarea");
@@ -6899,7 +6899,7 @@ var _9 = ["keyName", "value", "parentValue", "expandKey", "keys"], es = ["as", "
         });
       }
     };
-    S.writeText(B).then(() => {
+    I.writeText(S).then(() => {
       var V = setTimeout(() => {
         g(!1), clearTimeout(V);
       }, 3e3);
@@ -6966,11 +6966,11 @@ var Xn = (e) => {
     return null;
   var x = Array.isArray(a), y = x ? Object.entries(a).map((A) => [Number(A[0]), A[1]]) : Object.entries(a);
   d && (y = d === !0 ? y.sort((A, k) => {
-    var [I] = A, [B] = k;
-    return typeof I == "string" && typeof B == "string" ? I.localeCompare(B) : 0;
+    var [B] = A, [S] = k;
+    return typeof B == "string" && typeof S == "string" ? B.localeCompare(S) : 0;
   }) : y.sort((A, k) => {
-    var [I, B] = A, [S, V] = k;
-    return typeof I == "string" && typeof S == "string" ? d(I, S, B, V) : 0;
+    var [B, S] = A, [I, V] = k;
+    return typeof B == "string" && typeof I == "string" ? d(B, I, S, V) : 0;
   }));
   var w = {
     borderLeft: "var(--w-rjv-border-left-width, 1px) var(--w-rjv-line-style, solid) var(--w-rjv-line-color, #ebebeb)",
@@ -6981,12 +6981,12 @@ var Xn = (e) => {
     className: "w-rjv-wrap",
     style: w,
     children: y.map((A, k) => {
-      var [I, B] = A;
+      var [B, S] = A;
       return /* @__PURE__ */ n($n, {
         parentValue: a,
-        keyName: I,
-        keys: [...s, I],
-        value: B,
+        keyName: B,
+        keys: [...s, B],
+        value: S,
         level: l
       }, k);
     })
@@ -7203,7 +7203,7 @@ var n0 = (e) => {
   }, A = {
     transform: "rotate(" + (C ? "-90" : "0") + "deg)",
     transition: "all 0.3s"
-  }, k = Object.keys(s).length, I = typeof s == "object", B = Array.isArray(s), S = s instanceof Set, V = k !== 0 && (B || S || I), L = {
+  }, k = Object.keys(s).length, B = typeof s == "object", S = Array.isArray(s), I = s instanceof Set, V = k !== 0 && (S || I || B), L = {
     style: w
   };
   V && (L.onClick = y);
@@ -7224,14 +7224,14 @@ var n0 = (e) => {
       value: l,
       keyName: r
     }), /* @__PURE__ */ n(Nn, E({
-      isBrackets: B || S
+      isBrackets: S || I
     }, N)), /* @__PURE__ */ n(o0, {
       keyName: r,
       value: s,
       isExpanded: C
     }), /* @__PURE__ */ n(b5, E({
       isVisiable: C || !V,
-      isBrackets: B || S
+      isBrackets: S || I
     }, N)), /* @__PURE__ */ n(r0, {
       value: s,
       keyName: r
@@ -7571,7 +7571,7 @@ const Io = {
       children: a
     }
   )
-] }), ms = Le.lazy(() => import("./CodeBlockHighlighter-D2UohsxL.js")), tp = ({
+] }), ms = Le.lazy(() => import("./CodeBlockHighlighter-B04HshyY.js")), tp = ({
   code: e,
   json: t,
   showLineNumbers: r = !0,
@@ -8221,10 +8221,10 @@ const z1 = [], Vo = (e) => {
     describedBy: w,
     required: A = !1,
     ariaLabel: k,
-    ariaLabelledBy: I,
-    hasCallerId: B = !1
-  }, S) => {
-    const V = i && !s && !!(r != null && r.subtitle), L = V ? Qs[g] : Hs[g], N = zs[g], T = `${x}-value`, U = `${x}-subtitle`, ee = !y && !k && !B && V, le = I ?? (y && !k ? `${y} ${T}` : void 0) ?? (ee ? T : void 0), ie = (P) => {
+    ariaLabelledBy: B,
+    hasCallerId: S = !1
+  }, I) => {
+    const V = i && !s && !!(r != null && r.subtitle), L = V ? Qs[g] : Hs[g], N = zs[g], T = `${x}-value`, U = `${x}-subtitle`, ee = !y && !k && !S && V, le = B ?? (y && !k ? `${y} ${T}` : void 0) ?? (ee ? T : void 0), ie = (P) => {
       P.key === "ArrowDown" && (P.preventDefault(), p == null || p());
     }, te = R(null), W = R(null), X = N0({ disabled: a, error: o, open: e }), J = !e && !!r, ge = (r == null ? void 0 : r.triggerLabel) ?? (r == null ? void 0 : r.label), ce = V ? r == null ? void 0 : r.subtitle : void 0, De = () => {
       const P = te.current;
@@ -8240,7 +8240,7 @@ const z1 = [], Vo = (e) => {
       return /* @__PURE__ */ v(
         "div",
         {
-          ref: S,
+          ref: I,
           className: `
                 relative w-full ${L} ${N}
                 border border-solid
@@ -8275,7 +8275,7 @@ const z1 = [], Vo = (e) => {
                   id: x,
                   type: "text",
                   "aria-label": k,
-                  "aria-labelledby": I,
+                  "aria-labelledby": B,
                   "aria-invalid": o || void 0,
                   "aria-required": A || void 0,
                   "aria-describedby": w,
@@ -8336,7 +8336,7 @@ const z1 = [], Vo = (e) => {
     const j = /* @__PURE__ */ v(
       "button",
       {
-        ref: S,
+        ref: I,
         id: x,
         type: "button",
         "aria-label": k,
@@ -8734,19 +8734,19 @@ const op = ({
   search: w = !1,
   showSubtitleInTrigger: A = !1,
   subtitleLayout: k = "inline",
-  clearable: I = !1,
-  size: B = "large",
-  id: S,
+  clearable: B = !1,
+  size: S = "large",
+  id: I,
   "aria-label": V,
   "aria-labelledby": L
 }) => {
   const { controlId: N, labelId: T, descriptionId: U, hintId: ee, helperTextId: le } = Wr({
-    id: S,
+    id: I,
     label: s,
     description: C,
     hint: i,
     helperText: !0
-  }), [ie, te] = Q(!1), [W, X] = Q(r), J = a ?? W, ge = e.find((re) => re.id === J), ce = I && J !== void 0 && J !== "" && !o, De = A && !w && !!(ge != null && ge.subtitle), Pe = `Clear ${s ?? y ?? "selection"}`, je = R(r);
+  }), [ie, te] = Q(!1), [W, X] = Q(r), J = a ?? W, ge = e.find((re) => re.id === J), ce = B && J !== void 0 && J !== "" && !o, De = A && !w && !!(ge != null && ge.subtitle), Pe = `Clear ${s ?? y ?? "selection"}`, je = R(r);
   pe(() => {
     je.current !== r && (je.current = r, X(r));
   }, [r]);
@@ -8768,12 +8768,12 @@ const op = ({
         triggerRect: re.getBoundingClientRect(),
         panelWidth: ((Oe = de.current) == null ? void 0 : Oe.offsetWidth) ?? 0,
         panelHeight: ((Ge = de.current) == null ? void 0 : Ge.offsetHeight) ?? 0,
-        size: B,
+        size: S,
         viewportWidth: window.innerWidth,
         viewportHeight: window.innerHeight
       })
     );
-  }, [B]);
+  }, [S]);
   pe(() => {
     if (!ie) {
       ye(null), P(!1);
@@ -8839,7 +8839,7 @@ const op = ({
       loadingComponent: /* @__PURE__ */ n(
         y5,
         {
-          heightClass: Cr[B],
+          heightClass: Cr[S],
           helperText: !!x,
           helperTextMarginTop: !0
         }
@@ -8870,10 +8870,10 @@ const op = ({
                     type: "button",
                     onClick: se,
                     "aria-label": Pe,
-                    className: `absolute ${De ? js[B] : "top-1/2 -translate-y-1/2"} z-10 flex items-center
+                    className: `absolute ${De ? js[S] : "top-1/2 -translate-y-1/2"} z-10 flex items-center
                             justify-center rounded-full text-[var(--malachite-text-placeholder)]
                             hover:text-[var(--malachite-text-primary)] transition-colors
-                            focus-visible:[outline:2px_solid_var(--malachite-text-primary)] focus-visible:outline-offset-2 ${Ys[B]}`,
+                            focus-visible:[outline:2px_solid_var(--malachite-text-primary)] focus-visible:outline-offset-2 ${Ys[S]}`,
                     children: /* @__PURE__ */ n(ae.CloseIcon, { size: 13 })
                   }
                 ),
@@ -8904,9 +8904,9 @@ const op = ({
                     onArrowDown: () => {
                       o || m1();
                     },
-                    size: B,
+                    size: S,
                     controlId: N,
-                    hasCallerId: !!S,
+                    hasCallerId: !!I,
                     labelId: T,
                     describedBy: ze,
                     required: h,
@@ -8923,8 +8923,8 @@ const op = ({
                         position: "fixed",
                         top: (O == null ? void 0 : O.top) ?? 0,
                         left: (O == null ? void 0 : O.left) ?? 0,
-                        width: Ma.has(B) ? "auto" : O == null ? void 0 : O.width,
-                        maxWidth: Ma.has(B) ? `calc(100vw - ${j1 * 2}px)` : void 0,
+                        width: Ma.has(S) ? "auto" : O == null ? void 0 : O.width,
+                        maxWidth: Ma.has(S) ? `calc(100vw - ${j1 * 2}px)` : void 0,
                         visibility: O ? "visible" : "hidden",
                         opacity: O ? 1 : 0
                       },
@@ -8934,7 +8934,7 @@ const op = ({
                       menuLoading: m,
                       emptyMessage: e.length === 0 ? "No options available" : "No results found",
                       subtitleLayout: k,
-                      size: B,
+                      size: S,
                       autoFocus: !w || j,
                       positioned: O !== null,
                       onDismiss: Ae
@@ -9035,19 +9035,19 @@ const op = ({
       var k;
       if (l || !rc.has(C.key))
         return;
-      const x = e.reduce((I, B, S) => (B.disabled || I.push({ option: B, index: S }), I), []);
+      const x = e.reduce((B, S, I) => (S.disabled || B.push({ option: S, index: I }), B), []);
       if (x.length === 0)
         return;
       C.preventDefault();
-      const y = x.findIndex(({ option: I }) => I.value === t);
+      const y = x.findIndex(({ option: B }) => B.value === t);
       let w;
       if (C.key === "Home")
         w = 0;
       else if (C.key === "End")
         w = x.length - 1;
       else {
-        const I = C.key === "ArrowLeft" || C.key === "ArrowUp" ? -1 : 1;
-        w = ((y === -1 ? 0 : y) + I + x.length) % x.length;
+        const B = C.key === "ArrowLeft" || C.key === "ArrowUp" ? -1 : 1;
+        w = ((y === -1 ? 0 : y) + B + x.length) % x.length;
       }
       const A = x[w];
       A.option.value !== t && r(A.option.value), (k = d.current[A.index]) == null || k.focus();
@@ -9156,9 +9156,9 @@ const ip = ({
   required: w = !1,
   requiredIndicator: A,
   formControl: k,
-  chips: I = !1,
-  chipsRemovable: B = !0,
-  chipsMax: S = "auto",
+  chips: B = !1,
+  chipsRemovable: S = !0,
+  chipsMax: I = "auto",
   inlineSearch: V = !1,
   onSearchChange: L,
   localFilter: N = !0,
@@ -9180,7 +9180,7 @@ const ip = ({
   const d1 = R([]), Be = y1(() => new Set(j), [j]), Ae = y1(
     () => e.filter((F) => Be.has(F.value)),
     [e, Be]
-  ), m1 = typeof S == "number" ? S : void 0, t1 = y1(() => {
+  ), m1 = typeof I == "number" ? I : void 0, t1 = y1(() => {
     if (!N) return e;
     const F = O.trim().toLowerCase();
     return F ? e.filter((q) => (q.searchText ?? (typeof q.label == "string" ? q.label : "")).toLowerCase().includes(F)) : e;
@@ -9343,7 +9343,7 @@ const ip = ({
   ]), K = y1(() => {
     if (l && Ae.length > 0)
       return l(Ae);
-    if (I && Ae.length > 0) {
+    if (B && Ae.length > 0) {
       const F = m1 != null ? Ae.slice(0, m1) : Ae, q = Ae.length - F.length;
       return /* @__PURE__ */ v(
         "div",
@@ -9359,7 +9359,7 @@ const ip = ({
                   value: Ze.label,
                   type: "default",
                   textTransform: "none",
-                  onRemove: B && !h && !Ce ? (f1) => H(Ze.value, f1) : void 0,
+                  onRemove: S && !h && !Ce ? (f1) => H(Ze.value, f1) : void 0,
                   className: "shrink-0"
                 },
                 Ze.value
@@ -9378,9 +9378,9 @@ const ip = ({
   }, [
     Ae,
     l,
-    I,
-    m1,
     B,
+    m1,
+    S,
     h,
     H,
     V,
@@ -9416,7 +9416,7 @@ const ip = ({
         {
           ref: se,
           id: J,
-          triggerRole: V ? "combobox" : I && B ? "group" : "button",
+          triggerRole: V ? "combobox" : B && S ? "group" : "button",
           disabled: h || g,
           [La]: "",
           "aria-haspopup": "listbox",
@@ -9936,36 +9936,46 @@ const hc = { small: 16, medium: 24, large: 32 }, uc = (e) => e ? `${gc(e)}px` :
   href: o,
   selected: l,
   trailing: s,
-  role: i,
-  "aria-label": c,
-  "aria-labelledby": d,
-  className: h = "",
-  style: p
+  tone: i = "default",
+  role: c,
+  "aria-label": d,
+  "aria-labelledby": h,
+  className: p = "",
+  style: g
 }) => {
-  const g = !!(a || o), b = [
+  const m = !!(a || o), b = r && m ? "" : "transition-colors hover:bg-[var(--malachite-buttonlist-hover-background)]", C = i === "muted", y = [
     "w-full text-left border-0",
+    C ? "bg-[var(--malachite-card-dimmed-background)]" : "",
     t ? "border-b border-solid border-[var(--malachite-card-border)]" : "",
-    r && g ? "" : "transition-colors hover:bg-[var(--malachite-buttonlist-hover-background)]"
-  ].filter(Boolean).join(" "), C = [
-    g ? `appearance-none bg-transparent p-0 ${Kt}` : "",
-    g && !r ? "cursor-pointer" : ""
-  ].filter(Boolean).join(" "), x = [b, C, h].filter(Boolean).join(" "), w = { ...l ? {
+    b
+  ].filter(Boolean).join(" "), w = [
+    m ? `appearance-none ${C ? "" : "bg-transparent"} p-0 ${Kt}` : "",
+    m && !r ? "cursor-pointer" : ""
+  ].filter(Boolean).join(" "), A = [y, w, p].filter(Boolean).join(" "), B = { ...l ? {
     backgroundImage: `linear-gradient(${ht}, ${ht})`,
     color: jr,
     boxShadow: `inset 2px 0 0 ${A5}`,
     ...k5
-  } : {}, ...p }, A = i === "radio" || i === "checkbox" ? !!l : void 0;
+  } : {}, ...g }, S = c === "radio" || c === "checkbox" ? !!l : void 0, I = S === void 0 && l ? !0 : void 0, V = {
+    role: c,
+    "aria-checked": S,
+    "aria-current": I,
+    "aria-label": d,
+    "aria-labelledby": h,
+    "aria-disabled": c && r ? !0 : void 0
+  };
   if (xr(s)) {
-    const k = o && !r ? /* @__PURE__ */ n(
+    const L = o && !r ? /* @__PURE__ */ n(
       "a",
       {
         href: o,
         onClick: a,
-        className: `${C} border-0 flex-1 min-w-0 text-left no-underline text-inherit`,
-        role: i,
-        "aria-checked": A,
-        "aria-label": c,
-        "aria-labelledby": d,
+        className: `${w} border-0 flex-1 min-w-0 text-left no-underline text-inherit`,
+        role: c,
+        "aria-checked": S,
+        "aria-current": I,
+        "aria-label": d,
+        "aria-labelledby": h,
         children: e
       }
     ) : a ? /* @__PURE__ */ n(
@@ -9974,21 +9984,26 @@ const hc = { small: 16, medium: 24, large: 32 }, uc = (e) => e ? `${gc(e)}px` :
         type: "button",
         onClick: a,
         disabled: r,
-        className: `${C} border-0 flex-1 min-w-0 text-left`,
-        role: i,
-        "aria-checked": A,
-        "aria-label": c,
-        "aria-labelledby": d,
+        className: `${w} border-0 flex-1 min-w-0 text-left`,
+        role: c,
+        "aria-checked": S,
+        "aria-current": I,
+        "aria-label": d,
+        "aria-labelledby": h,
         children: e
       }
-    ) : /* @__PURE__ */ n("div", { className: "flex-1 min-w-0", children: e });
+    ) : (
+      // The set goes here, not on the wrapper: `radio` and `checkbox` make their
+      // descendants presentational, which would bury a control in the trailing slot.
+      /* @__PURE__ */ n("div", { className: "flex-1 min-w-0", ...V, children: e })
+    );
     return /* @__PURE__ */ v(
       "div",
       {
-        className: [b, "flex items-center", h].filter(Boolean).join(" "),
-        style: w,
+        className: [y, "flex items-center", p].filter(Boolean).join(" "),
+        style: B,
         children: [
-          k,
+          L,
           /* @__PURE__ */ n("div", { className: "shrink-0 flex items-center", children: s })
         ]
       }
@@ -9999,12 +10014,13 @@ const hc = { small: 16, medium: 24, large: 32 }, uc = (e) => e ? `${gc(e)}px` :
     {
       href: o,
       onClick: a,
-      className: `${x} no-underline text-inherit`,
-      style: w,
-      role: i,
-      "aria-checked": A,
-      "aria-label": c,
-      "aria-labelledby": d,
+      className: `${A} no-underline text-inherit`,
+      style: B,
+      role: c,
+      "aria-checked": S,
+      "aria-current": I,
+      "aria-label": d,
+      "aria-labelledby": h,
       children: e
     }
   ) : a ? /* @__PURE__ */ n(
@@ -10013,15 +10029,16 @@ const hc = { small: 16, medium: 24, large: 32 }, uc = (e) => e ? `${gc(e)}px` :
       type: "button",
       onClick: a,
       disabled: r,
-      className: x,
-      style: w,
-      role: i,
-      "aria-checked": A,
-      "aria-label": c,
-      "aria-labelledby": d,
+      className: A,
+      style: B,
+      role: c,
+      "aria-checked": S,
+      "aria-current": I,
+      "aria-label": d,
+      "aria-labelledby": h,
       children: e
     }
-  ) : /* @__PURE__ */ n("div", { className: x, style: w, children: e });
+  ) : /* @__PURE__ */ n("div", { className: A, style: B, ...V, children: e });
 }, vc = ({
   children: e,
   padding: t = !1,
@@ -12338,7 +12355,7 @@ const rd = () => {
   busy: w = !1,
   children: A
 }) => {
-  const k = l1(), [I, B] = Q(!1), [S, V] = Q(!1), [L, N] = Q(!1), T = R(null), U = R(null), ee = R(null), le = R(w), ie = R(t);
+  const k = l1(), [B, S] = Q(!1), [I, V] = Q(!1), [L, N] = Q(!1), T = R(null), U = R(null), ee = R(null), le = R(w), ie = R(t);
   pe(() => {
     le.current = w, ie.current = t;
   }, [w, t]);
@@ -12363,18 +12380,18 @@ const rd = () => {
     var Pe;
     if (e)
       V(!0), N(!1), ee.current && (clearTimeout(ee.current), ee.current = null), U.current = requestAnimationFrame(() => {
-        U.current = null, B(!0);
+        U.current = null, S(!0);
       });
     else {
       const je = qt();
-      je && ((Pe = T.current) != null && Pe.contains(je)) && je.blur(), N(!0), B(!1), ee.current = setTimeout(() => {
+      je && ((Pe = T.current) != null && Pe.contains(je)) && je.blur(), N(!0), S(!1), ee.current = setTimeout(() => {
         ee.current = null, V(!1);
       }, da);
     }
     return () => {
       U.current !== null && (cancelAnimationFrame(U.current), U.current = null), ee.current && (clearTimeout(ee.current), ee.current = null);
     };
-  }, [e]), S ? K1(
+  }, [e]), I ? K1(
     // Host carries the stacking context — ShadowRootWrapper's `isolation` would otherwise
     // flatten our z-index. Not promoted to the top layer, so host dialogs can cover us.
     /* @__PURE__ */ n(
@@ -12393,7 +12410,7 @@ const rd = () => {
                 {
                   "aria-hidden": "true",
                   onClick: g ? te : void 0,
-                  className: `absolute inset-0 bg-[var(--malachite-overlay-scrim)] transition-opacity duration-200 ease-in-out ${I ? "opacity-100" : "opacity-0"}`
+                  className: `absolute inset-0 bg-[var(--malachite-overlay-scrim)] transition-opacity duration-200 ease-in-out ${B ? "opacity-100" : "opacity-0"}`
                 }
               ),
               /* @__PURE__ */ v(
@@ -12416,8 +12433,8 @@ const rd = () => {
                     } : {},
                     // Inline: Tailwind scale/translate utilities silently break inside
                     // shadow roots (see CLAUDE.md Shadow DOM caveats).
-                    transform: I ? "scale(1)" : "scale(0.96)",
-                    opacity: I ? 1 : 0,
+                    transform: B ? "scale(1)" : "scale(0.96)",
+                    opacity: B ? 1 : 0,
                     transition: `transform ${da}ms ease-out, opacity ${da}ms ease-out`
                   },
                   children: [
@@ -12585,9 +12602,9 @@ const rd = () => {
   prefixSecondaryValue: w,
   ellipsis: A = !1,
   formControl: k,
-  buttons: I,
-  onCopyClick: B,
-  showCopyButton: S,
+  buttons: B,
+  onCopyClick: S,
+  showCopyButton: I,
   onChange: V,
   value: L,
   onBlur: N,
@@ -12624,9 +12641,9 @@ const rd = () => {
     defaultValue: C,
     bound: !!k,
     uncontrolledValue: je
-  }), de = B ? () => {
+  }), de = S ? () => {
     const se = Y(_.current);
-    se && (navigator.clipboard.writeText(se), j(!0), B());
+    se && (navigator.clipboard.writeText(se), j(!0), S());
   } : void 0, O = g === "password" ? De ? "text" : "password" : g, ye = o || y || w, me = Uo[m], Ee = (se) => {
     const Se = cd(b, se);
     return [
@@ -12660,7 +12677,7 @@ const rd = () => {
       loadingComponent: /* @__PURE__ */ n(y5, { heightClass: me, helperText: !!T }),
       children: ({ error: se, message: Se, onFieldChange: Ie, onFieldBlur: qe, value: d1 }) => {
         _.current = d1;
-        const Be = Y(d1), Ae = S ?? !!(de && x && Be), m1 = c ?? se, t1 = c === !1 ? void 0 : Se, re = m1 && !t1, Oe = re || Ae || (I == null ? void 0 : I.length) || g === "password" && U, Ge = `${ce}-error`, $e = [
+        const Be = Y(d1), Ae = I ?? !!(de && x && Be), m1 = c ?? se, t1 = c === !1 ? void 0 : Se, re = m1 && !t1, Oe = re || Ae || (B == null ? void 0 : B.length) || g === "password" && U, Ge = `${ce}-error`, $e = [
           J,
           ge,
           T ? ce : void 0,
@@ -12719,7 +12736,7 @@ const rd = () => {
                       onTogglePassword: () => Pe(!De)
                     }
                   ),
-                  /* @__PURE__ */ n(pd, { buttons: I })
+                  /* @__PURE__ */ n(pd, { buttons: B })
                 ]
               }
             )
@@ -12954,10 +12971,10 @@ const rd = () => {
   size: w = "medium",
   "aria-label": A,
   "aria-labelledby": k,
-  children: I
+  children: B
 }) => {
-  const [B, S] = Q(""), V = l1(), L = gd[i], [N, T] = Q({ open: e, confirmPhrase: d });
-  (N.open !== e || N.confirmPhrase !== d) && (T({ open: e, confirmPhrase: d }), e && S(""));
+  const [S, I] = Q(""), V = l1(), L = gd[i], [N, T] = Q({ open: e, confirmPhrase: d });
+  (N.open !== e || N.confirmPhrase !== d) && (T({ open: e, confirmPhrase: d }), e && I(""));
   const { parts: U, text: ee } = bd(
     h,
     d
@@ -12965,7 +12982,7 @@ const rd = () => {
     outcome: le,
     canCopy: ie,
     copy: te
-  } = xd(d, e, x, g), W = !d || B.trim() === d, X = Cd(B, d), J = x || !W, ge = /* @__PURE__ */ v("div", { className: "flex w-full flex-wrap items-center justify-end gap-[8px]", children: [
+  } = xd(d, e, x, g), W = !d || S.trim() === d, X = Cd(S, d), J = x || !W, ge = /* @__PURE__ */ v("div", { className: "flex w-full flex-wrap items-center justify-end gap-[8px]", children: [
     /* @__PURE__ */ n(s1, { variant: "outline", size: "small", onClick: t, disabled: x, children: C }),
     /* @__PURE__ */ n(
       s1,
@@ -13025,7 +13042,7 @@ const rd = () => {
               children: s
             }
           ) : null,
-          I,
+          B,
           d ? /* @__PURE__ */ n(
             wd,
             {
@@ -13033,8 +13050,8 @@ const rd = () => {
               parts: U,
               plainLabel: ee,
               placeholder: m,
-              value: B,
-              onChange: S,
+              value: S,
+              onChange: I,
               disabled: x,
               copyLabel: p,
               copyOutcome: le,
@@ -13066,7 +13083,7 @@ const rd = () => {
   stacking: C = "default",
   children: x
 }) => {
-  const [y, w] = Q(!1), [A, k] = Q(!1), I = R(null), B = R(null), S = R(null), {
+  const [y, w] = Q(!1), [A, k] = Q(!1), B = R(null), S = R(null), I = R(null), {
     ref: V,
     isTopmost: L,
     zIndex: N,
@@ -13075,21 +13092,21 @@ const rd = () => {
     open: e,
     onClose: t,
     elevated: C === "above-app-overlays",
-    hostRef: S
+    hostRef: I
   });
-  return pe(() => (e ? (k(!0), B.current && (clearTimeout(B.current), B.current = null), I.current = requestAnimationFrame(() => {
-    I.current = null, w(!0);
-  })) : (w(!1), B.current = setTimeout(() => {
-    B.current = null, k(!1);
+  return pe(() => (e ? (k(!0), S.current && (clearTimeout(S.current), S.current = null), B.current = requestAnimationFrame(() => {
+    B.current = null, w(!0);
+  })) : (w(!1), S.current = setTimeout(() => {
+    S.current = null, k(!1);
   }, Jo)), () => {
-    I.current !== null && (cancelAnimationFrame(I.current), I.current = null), B.current && (clearTimeout(B.current), B.current = null);
+    B.current !== null && (cancelAnimationFrame(B.current), B.current = null), S.current && (clearTimeout(S.current), S.current = null);
   }), [e]), A ? K1(
     // Host carries the stacking context — ShadowRootWrapper's `isolation` would
     // otherwise flatten our z-index and let sticky page elements paint over us.
     /* @__PURE__ */ n(
       zr,
       {
-        hostRef: S,
+        hostRef: I,
         hostStyle: { position: "relative", zIndex: N },
         hostProps: T ? { ...G1("sidepanel"), [wr]: "" } : G1("sidepanel"),
         children: /* @__PURE__ */ v("div", { className: "fixed inset-0 z-[1000]", children: [
@@ -13462,9 +13479,9 @@ const _o = (e) => {
   buttons: w,
   onCopyClick: A,
   onChange: k,
-  value: I,
-  onBlur: B,
-  helperText: S,
+  value: B,
+  onBlur: S,
+  helperText: I,
   rows: V = 4,
   maxLength: L,
   resize: N = "vertical",
@@ -13479,10 +13496,10 @@ const _o = (e) => {
     description: d,
     hint: t,
     helperText: !0
-  }), [ge, ce] = Q(m || ""), De = I !== void 0, Pe = (Y) => U0({
+  }), [ge, ce] = Q(m || ""), De = B !== void 0, Pe = (Y) => U0({
     component: "TextArea",
     name: l,
-    value: I,
+    value: B,
     formValue: Y,
     defaultValue: m,
     bound: !!y,
@@ -13531,7 +13548,7 @@ const _o = (e) => {
         value: se,
         onChange: je(O),
         onBlur: () => {
-          B == null || B(), ye == null || ye();
+          S == null || S(), ye == null || ye();
         },
         "aria-label": ee,
         "aria-labelledby": le,
@@ -13571,12 +13588,12 @@ const _o = (e) => {
         /* @__PURE__ */ n(Rd, { buttons: w })
       ] })
     ] });
-  }, P = () => S ? /* @__PURE__ */ n(
+  }, P = () => I ? /* @__PURE__ */ n(
     "div",
     {
       id: J,
       className: "text-[length:var(--malachite-font-size-small,13px)] text-left pl-2 text-[var(--malachite-text-dimmed,rgb(161,161,161))]",
-      children: S
+      children: I
     }
   ) : null, _ = (Y) => /* @__PURE__ */ n(Yr, { id: G, message: Y, spaced: !0 });
   return /* @__PURE__ */ n(
@@ -13601,7 +13618,7 @@ const _o = (e) => {
         return /* @__PURE__ */ v(Ye, { children: [
           j(
             Ee,
-            S,
+            I,
             O,
             ye,
             se,
@@ -14135,8 +14152,8 @@ class zd {
             y = x[A * 2] + x[A * 2 + 1] + b;
           }
           for (let A = p; A < r; A++) {
-            const k = l(A), I = h.get(k), B = typeof I == "number" ? I : this.options.estimateSize(A);
-            x[A * 2] = y, x[A * 2 + 1] = B, y += B + b;
+            const k = l(A), B = h.get(k), S = typeof B == "number" ? B : this.options.estimateSize(A);
+            x[A * 2] = y, x[A * 2 + 1] = S, y += S + b;
           }
           const w = Td(r, x, l);
           return this.measurementsCache = w, w;
@@ -14154,18 +14171,18 @@ class zd {
           const A = c === "estimate" || h.has(C);
           if (x !== void 0 && this.options.lanes > 1) {
             y = x;
-            const S = m[y], V = S !== void 0 ? g[S] : void 0;
+            const I = m[y], V = I !== void 0 ? g[I] : void 0;
             w = V ? V.end + this.options.gap : a + o;
           } else {
-            const S = this.options.lanes === 1 ? g[b - 1] : this.getFurthestMeasurement(g, b);
-            w = S ? S.end + this.options.gap : a + o, y = S ? S.lane : b % this.options.lanes, this.options.lanes > 1 && A && this.laneAssignments.set(b, y);
+            const I = this.options.lanes === 1 ? g[b - 1] : this.getFurthestMeasurement(g, b);
+            w = I ? I.end + this.options.gap : a + o, y = I ? I.lane : b % this.options.lanes, this.options.lanes > 1 && A && this.laneAssignments.set(b, y);
           }
-          const k = h.get(C), I = typeof k == "number" ? k : this.options.estimateSize(b), B = w + I;
+          const k = h.get(C), B = typeof k == "number" ? k : this.options.estimateSize(b), S = w + B;
           g[b] = {
             index: b,
             start: w,
-            size: I,
-            end: B,
+            size: B,
+            end: S,
             key: C,
             lane: y
           }, m[y] = b;
@@ -14700,8 +14717,8 @@ const S5 = {
   onShowSizeChange: c
 }) => {
   const d = t > 0 ? t : 10, h = Math.max(1, Math.ceil(r / d)), p = Math.min(Math.max(1, e), h), [g, m] = Q(""), b = (k) => {
-    const I = Math.min(Math.max(1, k), h);
-    I !== p && (i == null || i(I, d));
+    const B = Math.min(Math.max(1, k), h);
+    B !== p && (i == null || i(B, d));
   }, C = r === 0 ? 0 : (p - 1) * d + 1, x = Math.min(p * d, r), y = l ? l(r, [C, x]) : `Total ${r.toLocaleString("en-US")} items`, w = () => {
     const k = parseInt(g, 10);
     Number.isNaN(k) || (b(k), m(""));
@@ -14737,7 +14754,7 @@ const S5 = {
             }
           ),
           A.map(
-            (k, I) => k === "ellipsis" ? /* @__PURE__ */ n("span", { style: _d, "aria-hidden": "true", children: "•••" }, `e-${I}`) : /* @__PURE__ */ n(
+            (k, B) => k === "ellipsis" ? /* @__PURE__ */ n("span", { style: _d, "aria-hidden": "true", children: "•••" }, `e-${B}`) : /* @__PURE__ */ n(
               "button",
               {
                 type: "button",
@@ -14768,8 +14785,8 @@ const S5 = {
             "aria-label": "Page size",
             value: String(t),
             onChange: (k) => {
-              const I = parseInt(k.target.value, 10);
-              Number.isNaN(I) || (c == null || c(p, I), i == null || i(p, I));
+              const B = parseInt(k.target.value, 10);
+              Number.isNaN(B) || (c == null || c(p, B), i == null || i(p, B));
             },
             style: eh,
             children: s.map((k) => /* @__PURE__ */ v("option", { value: k, children: [
@@ -14878,26 +14895,26 @@ const S5 = {
     if (!A || !r)
       return;
     const k = () => {
-      const S = A.getBoundingClientRect().top - r.getBoundingClientRect().top + r.scrollTop;
-      p((V) => Math.abs(V - S) < 1 ? V : S);
+      const I = A.getBoundingClientRect().top - r.getBoundingClientRect().top + r.scrollTop;
+      p((V) => Math.abs(V - I) < 1 ? V : I);
     };
     if (k(), typeof ResizeObserver > "u")
       return;
-    const I = new ResizeObserver(k);
-    let B = A;
-    for (; B && B !== r; ) {
-      let S = B.previousElementSibling;
-      for (; S; )
-        I.observe(S), S = S.previousElementSibling;
-      const V = B.parentElement;
+    const B = new ResizeObserver(k);
+    let S = A;
+    for (; S && S !== r; ) {
+      let I = S.previousElementSibling;
+      for (; I; )
+        B.observe(I), I = I.previousElementSibling;
+      const V = S.parentElement;
       if (V)
-        B = V;
+        S = V;
       else {
-        const L = B.getRootNode();
-        B = L instanceof ShadowRoot ? L.host : null;
+        const L = S.getRootNode();
+        S = L instanceof ShadowRoot ? L.host : null;
       }
     }
-    return () => I.disconnect();
+    return () => B.disconnect();
   }, [r, e.length, t]);
   const g = Xd({
     count: e.length,
@@ -15127,9 +15144,9 @@ const S5 = {
   onRow: w,
   onClickRow: A,
   selectedRowKey: k,
-  scrollSelectedIntoView: I = !0,
-  rowSelection: B,
-  pagination: S,
+  scrollSelectedIntoView: B = !0,
+  rowSelection: S,
+  pagination: I,
   className: V = "",
   style: L,
   stickyHeaderTop: N,
@@ -15221,7 +15238,7 @@ const S5 = {
       E1.current = void 0;
       return;
     }
-    if (!I || Re < 0)
+    if (!B || Re < 0)
       return;
     const M = E1.current;
     if (M && M.key === k && M.index === Re || r || a || _ && !me)
@@ -15268,7 +15285,7 @@ const S5 = {
     r,
     a,
     G,
-    I
+    B
   ]);
   const i1 = R(null), r1 = (M, Z) => {
     i1.current = M, P(Math.min(Math.max(0, Z), Be.length - 1));
@@ -15475,7 +15492,7 @@ const S5 = {
                       ...p && Ee ? {
                         maxHeight: bh(
                           p,
-                          !!S
+                          !!I
                         )
                       } : {}
                     },
@@ -15483,7 +15500,7 @@ const S5 = {
                       /* @__PURE__ */ n("div", { className: "text-[var(--malachite-text-secondary)] text-[14px] font-medium mb-1", children: o }),
                       /* @__PURE__ */ n("div", { className: "text-[var(--malachite-text-secondary)] text-[13px]", children: l })
                     ] }) }) : r ? /* @__PURE__ */ n("div", { className: "flex flex-col w-full", style: oe, children: (() => {
-                      const z = S != null && S.pageSize ? Math.min(S.pageSize, 10) : 5;
+                      const z = I != null && I.pageSize ? Math.min(I.pageSize, 10) : 5;
                       return Array.from({ length: z }).map(
                         ($, ne) => Te(ne, ne === z - 1)
                       );
@@ -15550,18 +15567,18 @@ const S5 = {
               ]
             }
           ),
-          S && !r && /* @__PURE__ */ n(
+          I && !r && /* @__PURE__ */ n(
             a2,
             {
-              current: S.current ?? 1,
-              pageSize: S.pageSize ?? 10,
-              total: S.total ?? 0,
-              showSizeChanger: S.showSizeChanger,
-              showQuickJumper: S.showQuickJumper,
-              showTotal: S.showTotal,
-              pageSizeOptions: S.pageSizeOptions,
-              onChange: S.onChange,
-              onShowSizeChange: S.onShowSizeChange
+              current: I.current ?? 1,
+              pageSize: I.pageSize ?? 10,
+              total: I.total ?? 0,
+              showSizeChanger: I.showSizeChanger,
+              showQuickJumper: I.showQuickJumper,
+              showTotal: I.showTotal,
+              pageSizeOptions: I.pageSizeOptions,
+              onChange: I.onChange,
+              onShowSizeChange: I.onShowSizeChange
             }
           )
         ]
@@ -15647,7 +15664,7 @@ const S5 = {
         /* @__PURE__ */ n("tbody", { children: /* @__PURE__ */ n("tr", { children: /* @__PURE__ */ n(
           "td",
           {
-            colSpan: e.length + (B ? 1 : 0),
+            colSpan: e.length + (S ? 1 : 0),
             className: "px-4 py-12 text-center",
             children: /* @__PURE__ */ v("div", { className: "flex flex-col items-center justify-center", children: [
               /* @__PURE__ */ n("div", { className: "table-error-icon w-12 h-12 rounded-full flex items-center justify-center mb-4", children: /* @__PURE__ */ n(ae.WarningTriangleIcon, { size: 24 }) }),
@@ -15702,7 +15719,7 @@ const S5 = {
                       )) : Be.length === 0 ? /* @__PURE__ */ n("tr", { children: /* @__PURE__ */ n(
                         "td",
                         {
-                          colSpan: e.length + (B ? 1 : 0),
+                          colSpan: e.length + (S ? 1 : 0),
                           className: "px-4 py-12 text-center",
                           children: /* @__PURE__ */ v("div", { className: "flex flex-col items-center justify-center", children: [
                             /* @__PURE__ */ n("div", { className: "text-[var(--malachite-text-secondary)] text-[14px] font-medium", children: s }),
@@ -15783,18 +15800,18 @@ const S5 = {
             )
           }
         ),
-        S && !r && /* @__PURE__ */ n(
+        I && !r && /* @__PURE__ */ n(
           a2,
           {
-            current: S.current ?? 1,
-            pageSize: S.pageSize ?? 10,
-            total: S.total ?? 0,
-            showSizeChanger: S.showSizeChanger,
-            showQuickJumper: S.showQuickJumper,
-            showTotal: S.showTotal,
-            pageSizeOptions: S.pageSizeOptions,
-            onChange: S.onChange,
-            onShowSizeChange: S.onShowSizeChange
+            current: I.current ?? 1,
+            pageSize: I.pageSize ?? 10,
+            total: I.total ?? 0,
+            showSizeChanger: I.showSizeChanger,
+            showQuickJumper: I.showQuickJumper,
+            showTotal: I.showTotal,
+            pageSizeOptions: I.pageSizeOptions,
+            onChange: I.onChange,
+            onShowSizeChange: I.onShowSizeChange
           }
         )
       ]
@@ -15892,17 +15909,17 @@ const S5 = {
     const C = h.current;
     if (!C)
       return;
-    const x = C.getBoundingClientRect(), y = ((L = p.current) == null ? void 0 : L.offsetWidth) || a, w = ((N = p.current) == null ? void 0 : N.offsetHeight) || 0, A = 8, k = x.right - y, I = window.innerWidth - y - A, B = Math.max(A, Math.min(k, I)), S = window.innerHeight - x.bottom, V = w > 0 && S < w + A ? x.top - w - 4 : x.bottom + 4;
-    d({ top: V, left: B });
+    const x = C.getBoundingClientRect(), y = ((L = p.current) == null ? void 0 : L.offsetWidth) || a, w = ((N = p.current) == null ? void 0 : N.offsetHeight) || 0, A = 8, k = x.right - y, B = window.innerWidth - y - A, S = Math.max(A, Math.min(k, B)), I = window.innerHeight - x.bottom, V = w > 0 && I < w + A ? x.top - w - 4 : x.bottom + 4;
+    d({ top: V, left: S });
   }, [a]);
   pe(() => {
     if (!s)
       return;
     g();
     const C = () => g(), x = (w) => {
-      var k, I;
+      var k, B;
       const A = w.target;
-      !((k = h.current) != null && k.contains(A)) && !((I = p.current) != null && I.contains(A)) && i(!1);
+      !((k = h.current) != null && k.contains(A)) && !((B = p.current) != null && B.contains(A)) && i(!1);
     }, y = $t(() => i(!1));
     return window.addEventListener("scroll", C, !0), window.addEventListener("resize", C), document.addEventListener("mousedown", x, !0), () => {
       window.removeEventListener("scroll", C, !0), window.removeEventListener("resize", C), document.removeEventListener("mousedown", x, !0), y();
@@ -16132,7 +16149,7 @@ const S5 = {
     className: p = "",
     id: g
   }, m) => {
-    const { track: b, height: C, knob: x } = Mh[a], y = e ? b - x - pa : pa, w = s ?? (i ? "pill" : void 0), A = l1(), k = !!l, I = k && !d ? A : void 0, B = d || I, S = {
+    const { track: b, height: C, knob: x } = Mh[a], y = e ? b - x - pa : pa, w = s ?? (i ? "pill" : void 0), A = l1(), k = !!l, B = k && !d ? A : void 0, S = d || B, I = {
       position: "relative",
       display: "inline-block",
       flexShrink: 0,
@@ -16169,14 +16186,14 @@ const S5 = {
           id: g,
           "aria-checked": e,
           "aria-label": c,
-          "aria-labelledby": B,
+          "aria-labelledby": S,
           "aria-describedby": h,
           disabled: r,
           onClick: () => t(!e),
-          icon: /* @__PURE__ */ n("span", { style: S, children: V }),
+          icon: /* @__PURE__ */ n("span", { style: I, children: V }),
           iconPosition: "end",
           className: `whitespace-nowrap select-none ${p}`.trim(),
-          children: k && /* @__PURE__ */ n("span", { id: I, children: l })
+          children: k && /* @__PURE__ */ n("span", { id: B, children: l })
         }
       );
     const L = !k && !w, N = /* @__PURE__ */ n(
@@ -16188,13 +16205,13 @@ const S5 = {
         id: g,
         "aria-checked": e,
         "aria-label": c,
-        "aria-labelledby": B,
+        "aria-labelledby": S,
         "aria-describedby": h,
         disabled: r,
         onClick: () => t(!e),
         className: `${e1} ${k || w ? "" : p}`.trim(),
         style: {
-          ...S,
+          ...I,
           padding: 0,
           border: "none",
           cursor: r ? "not-allowed" : "pointer",
@@ -16207,7 +16224,7 @@ const S5 = {
       return N;
     const T = `${Fh}${w === "pill" ? ` ${Th[a]} ${Rh}` : ""} ${p}`.trim();
     return /* @__PURE__ */ v("span", { ref: m, className: T, children: [
-      k && /* @__PURE__ */ n("span", { id: I, children: l }),
+      k && /* @__PURE__ */ n("span", { id: B, children: l }),
       N
     ] });
   }
@@ -16421,16 +16438,16 @@ const Xh = () => {
       N !== void 0 && Math.abs(N - C) < 1 || (N !== void 0 && (C = N), w());
     }, k = g ? new ResizeObserver(A) : null;
     k == null || k.observe(h);
-    const I = g ? new ResizeObserver(w) : null;
-    c2(I, h);
-    const B = m ? new MutationObserver(() => {
-      c2(I, h), w();
+    const B = g ? new ResizeObserver(w) : null;
+    c2(B, h);
+    const S = m ? new MutationObserver(() => {
+      c2(B, h), w();
     }) : null;
-    B == null || B.observe(h, { childList: !0 });
-    const S = () => w();
-    return window.addEventListener("resize", S), typeof document < "u" && ((V = document.fonts) != null && V.ready) && document.fonts.ready.then(w).catch(() => {
+    S == null || S.observe(h, { childList: !0 });
+    const I = () => w();
+    return window.addEventListener("resize", I), typeof document < "u" && ((V = document.fonts) != null && V.ready) && document.fonts.ready.then(w).catch(() => {
     }), () => {
-      b = !0, Fr.delete(y), window.removeEventListener("resize", S), k == null || k.disconnect(), I == null || I.disconnect(), B == null || B.disconnect();
+      b = !0, Fr.delete(y), window.removeEventListener("resize", I), k == null || k.disconnect(), B == null || B.disconnect(), S == null || S.disconnect();
     };
   }, [t, r, a]);
   const d = {
@@ -16948,7 +16965,7 @@ const Xh = () => {
   className: y = "",
   style: w
 }) => {
-  const A = Q2(e), k = p ? 0 : h ? "5vh 14vw" : "40px", I = p ? "0px" : h ? "14vw" : "40px", B = !!(c || a || l || s || i.length > 0), S = l ? c ? /* @__PURE__ */ n(ga.Input, { width: 120, height: 24 }) : /* @__PURE__ */ n(Xe, { color: "secondary", size: "small", children: l }) : null, V = c ? /* @__PURE__ */ n(ga.Input, { width: 200, height: 40 }) : a ? /* @__PURE__ */ v("div", { className: "flex items-center", style: { gap: 12 }, children: [
+  const A = Q2(e), k = p ? 0 : h ? "5vh 14vw" : "40px", B = p ? "0px" : h ? "14vw" : "40px", S = !!(c || a || l || s || i.length > 0), I = l ? c ? /* @__PURE__ */ n(ga.Input, { width: 120, height: 24 }) : /* @__PURE__ */ n(Xe, { color: "secondary", size: "small", children: l }) : null, V = c ? /* @__PURE__ */ n(ga.Input, { width: 200, height: 40 }) : a ? /* @__PURE__ */ v("div", { className: "flex items-center", style: { gap: 12 }, children: [
     /* @__PURE__ */ n(a5, { children: a }),
     o
   ] }) : null, L = s ? c ? /* @__PURE__ */ n(ga.Input, { width: 120, height: 24 }) : /* @__PURE__ */ n(Xe, { color: "secondary", style: { lineHeight: 1.6 }, children: s }) : null;
@@ -16991,11 +17008,11 @@ const Xh = () => {
               padding: k,
               minHeight: J2,
               gap: xu[g],
-              [X2]: I
+              [X2]: B
             },
             children: [
-              B ? /* @__PURE__ */ v("div", { className: "flex flex-col", style: { gap: 12 }, children: [
-                V || S || i.length > 0 ? /* @__PURE__ */ v(
+              S ? /* @__PURE__ */ v("div", { className: "flex flex-col", style: { gap: 12 }, children: [
+                V || I || i.length > 0 ? /* @__PURE__ */ v(
                   "div",
                   {
                     className: "flex flex-wrap items-center justify-between",
@@ -17007,7 +17024,7 @@ const Xh = () => {
                           className: "flex flex-col flex-auto min-w-0 overflow-hidden",
                           style: { gap: 4 },
                           children: [
-                            S,
+                            I,
                             V
                           ]
                         }
@@ -17068,11 +17085,11 @@ const Ru = () => /* @__PURE__ */ n(
   }), Qe(() => {
     if (!e)
       return;
-    const w = () => x.current(), A = (I) => {
-      if (I.button !== 0)
+    const w = () => x.current(), A = (B) => {
+      if (B.button !== 0)
         return;
-      const B = I.composedPath(), S = d.current, V = l == null ? void 0 : l.current;
-      S && B.includes(S) || V && B.includes(V) || w();
+      const S = B.composedPath(), I = d.current, V = l == null ? void 0 : l.current;
+      I && S.includes(I) || V && S.includes(V) || w();
     };
     ot == null || ot(), ot = w;
     const k = $t(w);
@@ -17087,17 +17104,17 @@ const Ru = () => /* @__PURE__ */ n(
     let w = 0;
     const A = () => {
       var T, U;
-      const k = l.current, I = k == null ? void 0 : k.getBoundingClientRect();
-      if (!I || Vu(I, window.innerWidth, window.innerHeight)) {
+      const k = l.current, B = k == null ? void 0 : k.getBoundingClientRect();
+      if (!B || Vu(B, window.innerWidth, window.innerHeight)) {
         x.current();
         return;
       }
-      const B = ((T = d.current) == null ? void 0 : T.offsetWidth) ?? 0, S = ((U = d.current) == null ? void 0 : U.offsetHeight) ?? 0, { clientWidth: V, clientHeight: L } = document.documentElement, N = Mu(I, B, S, V, L);
+      const S = ((T = d.current) == null ? void 0 : T.offsetWidth) ?? 0, I = ((U = d.current) == null ? void 0 : U.offsetHeight) ?? 0, { clientWidth: V, clientHeight: L } = document.documentElement, N = Mu(B, S, I, V, L);
       N !== C.current && (C.current = N, b(
         Nu({
-          anchorRect: I,
-          chipWidth: B,
-          chipHeight: S,
+          anchorRect: B,
+          chipWidth: S,
+          chipHeight: I,
           viewportWidth: V,
           viewportHeight: L
         })
@@ -17108,8 +17125,8 @@ const Ru = () => /* @__PURE__ */ n(
     var w;
     if (e)
       return p.current = qt(), (w = h.current) == null || w.focus(), () => {
-        const A = p.current, k = d.current, I = qt();
-        p.current = null, !(!(A != null && A.isConnected) || I && k && !k.contains(I)) && A.focus({ preventScroll: !0 });
+        const A = p.current, k = d.current, B = qt();
+        p.current = null, !(!(A != null && A.isConnected) || B && k && !k.contains(B)) && A.focus({ preventScroll: !0 });
       };
   }, [e]), !e)
     return null;
@@ -17471,4 +17488,4 @@ export {
   sp as y,
   P0 as z
 };
-//# sourceMappingURL=index-B6NoJxaz.js.map
+//# sourceMappingURL=index-CUPTnbPi.js.map