@cjlapao/ui-kit-vue 0.2.8 → 0.2.9

package/dist/index.js

@@ -4149,6 +4149,9 @@ function i5(e, n) {
 }
 const d5 = {
   kit: {
+    connectionFlowConnection: {
+      label: "Verbindung von {source} zu {target}"
+    },
     connectionFlowEdit: {
       connected: "Verbindung angefordert",
       add: "Knoten {side} von {label} hinzufügen",
@@ -4276,7 +4279,9 @@ const d5 = {
       acceptsFrom: "Nimmt Karten an aus",
       acceptsAny: "Nichts ausgewählt: jede Spalte.",
       save: "Speichern",
-      cancel: "Abbrechen"
+      cancel: "Abbrechen",
+      maxItems: "Max. Karten",
+      maxItemsHint: "Leer nutzt den Board-Standard."
     },
     help: {
       show: "Hilfe anzeigen",
@@ -4556,6 +4561,9 @@ const d5 = {
   }
 }, u5 = {
   kit: {
+    connectionFlowConnection: {
+      label: "Connection from {source} to {target}"
+    },
     connectionFlowEdit: {
       connected: "Connection requested",
       add: "Add a node {side} {label}",
@@ -4683,7 +4691,9 @@ const d5 = {
       acceptsFrom: "Accepts cards from",
       acceptsAny: "None ticked: any column.",
       save: "Save",
-      cancel: "Cancel"
+      cancel: "Cancel",
+      maxItems: "Max items",
+      maxItemsHint: "Empty uses the board default."
     },
     help: {
       show: "Show help",
@@ -4963,6 +4973,9 @@ const d5 = {
   }
 }, c5 = {
   kit: {
+    connectionFlowConnection: {
+      label: "Conexión de {source} a {target}"
+    },
     connectionFlowEdit: {
       connected: "Conexión solicitada",
       add: "Añadir un nodo {side} de {label}",
@@ -5090,7 +5103,9 @@ const d5 = {
       acceptsFrom: "Acepta tarjetas de",
       acceptsAny: "Ninguna marcada: cualquier columna.",
       save: "Guardar",
-      cancel: "Cancelar"
+      cancel: "Cancelar",
+      maxItems: "Máx. tarjetas",
+      maxItemsHint: "Vacío usa el valor del tablero."
     },
     help: {
       show: "Mostrar ayuda",
@@ -5370,6 +5385,9 @@ const d5 = {
   }
 }, v5 = {
   kit: {
+    connectionFlowConnection: {
+      label: "Connexion de {source} vers {target}"
+    },
     connectionFlowEdit: {
       connected: "Connexion demandée",
       add: "Ajouter un nœud {side} de {label}",
@@ -5497,7 +5515,9 @@ const d5 = {
       acceptsFrom: "Accepte les cartes de",
       acceptsAny: "Aucune cochée : toutes les colonnes.",
       save: "Enregistrer",
-      cancel: "Annuler"
+      cancel: "Annuler",
+      maxItems: "Cartes max.",
+      maxItemsHint: "Vide : valeur du tableau."
     },
     help: {
       show: "Afficher l\\'aide",
@@ -5777,6 +5797,9 @@ const d5 = {
   }
 }, h5 = {
   kit: {
+    connectionFlowConnection: {
+      label: "Ligação de {source} para {target}"
+    },
     connectionFlowEdit: {
       connected: "Ligação solicitada",
       add: "Adicionar um nó {side} de {label}",
@@ -5904,7 +5927,9 @@ const d5 = {
       acceptsFrom: "Aceita cartões de",
       acceptsAny: "Nenhuma marcada: qualquer coluna.",
       save: "Salvar",
-      cancel: "Cancelar"
+      cancel: "Cancelar",
+      maxItems: "Máx. de cartões",
+      maxItemsHint: "Vazio usa o padrão do quadro."
     },
     help: {
       show: "Mostrar ajuda",
@@ -9329,14 +9354,14 @@ const p5 = {
           G.top + z,
           G.bottom - U - z
         )
-      ), _ = Math.max(120, G.bottom - z - ge), ye = Math.max(
+      ), ee = Math.max(120, G.bottom - z - ge), ye = Math.max(
         120,
         q.top - ne - (G.top + z)
       ), J = Math.max(
         120,
         Math.min(
           se,
-          R.isTopSide ? ye : _
+          R.isTopSide ? ye : ee
         )
       ), ve = ue.left, X = ue.right - j, pe = (Ge) => {
         const Je = Math.max(0, G.left + z - Ge), Pe = Math.max(
@@ -11075,7 +11100,7 @@ const fS = /* @__PURE__ */ F({
       const z = d.value.getBoundingClientRect(), P = h.value.getBoundingClientRect(), B = t.escapeBoundary ? bo() : s6(d.value), j = i6(d.value), U = 4, ge = 8, Ce = bo(), $e = Math.min(
         Math.max(z.width, P.width),
         Math.min(B.width, Ce.width) - ge * 2
-      ), Ie = P.height || Kl, R = z.bottom + U, ie = z.top - U - Ie, _ = (re) => Math.max(0, Ce.top + ge - re) + Math.max(0, re + Ie - (Ce.bottom - ge)), ye = _(ie) < _(R), ve = Math.min(
+      ), Ie = P.height || Kl, R = z.bottom + U, ie = z.top - U - Ie, ee = (re) => Math.max(0, Ce.top + ge - re) + Math.max(0, re + Ie - (Ce.bottom - ge)), ye = ee(ie) < ee(R), ve = Math.min(
         Math.max(ye ? ie : R, Ce.top + ge),
         Math.max(Ce.top + ge, Ce.bottom - Ie - ge)
       ), X = ye ? Math.max(120, z.top - U - (Ce.top + ge)) : Math.max(120, Ce.bottom - ge - R), pe = z.left, de = Math.min(
@@ -12588,7 +12613,7 @@ const fS = /* @__PURE__ */ F({
         flex: "0 0 auto",
         minWidth: 0
       }, de.width = `${c.value}px`, f.value && (de.maxWidth = f.value)), de;
-    }, _ = (J) => {
+    }, ee = (J) => {
       const ve = J.key === "ArrowRight" || J.key === "ArrowDown" ? 1 : J.key === "ArrowLeft" || J.key === "ArrowUp" ? -1 : 0;
       if (ve === 0 && J.key !== "Home" && J.key !== "End") return;
       J.preventDefault();
@@ -12675,7 +12700,7 @@ const fS = /* @__PURE__ */ F({
         tabindex: Ie(X) ? -1 : X.value === e.modelValue ? 0 : -1,
         style: me(ie(X)),
         onClick: (de) => ye(X),
-        onKeydown: _
+        onKeydown: ee
       }, [
         p("span", {
           class: $(
@@ -14353,11 +14378,11 @@ const TS = /* @__PURE__ */ F({
     function z(R) {
       return `${ne(R)}ms`;
     }
-    function P(R, ie, _, ye) {
+    function P(R, ie, ee, ye) {
       return {
         width: ie && !h.value ? "0px" : void 0,
         minWidth: ie && !h.value ? "0px" : void 0,
-        marginRight: ie || se.value || !E.value ? `${M.value}px` : _ ? `${-S.value}px` : `${M.value}px`,
+        marginRight: ie || se.value || !E.value ? `${M.value}px` : ee ? `${-S.value}px` : `${M.value}px`,
         marginBottom: `${M.value}px`,
         // While condensed the overflow dots hold their place behind the chip;
         // expanded, they precede it — the chip always ends the sequence it
@@ -14409,8 +14434,8 @@ const TS = /* @__PURE__ */ F({
     }
     return tn(() => {
       var R, ie;
-      v.value = ((R = s.value) == null ? void 0 : R.getBoundingClientRect().width) ?? 0, k.value = ((ie = i.value) == null ? void 0 : ie.scrollHeight) ?? 0, !(!s.value || typeof ResizeObserver > "u") && (x = new ResizeObserver((_) => {
-        for (const ye of _)
+      v.value = ((R = s.value) == null ? void 0 : R.getBoundingClientRect().width) ?? 0, k.value = ((ie = i.value) == null ? void 0 : ie.scrollHeight) ?? 0, !(!s.value || typeof ResizeObserver > "u") && (x = new ResizeObserver((ee) => {
+        for (const ye of ee)
           ye.target === s.value ? v.value = ye.contentRect.width : k.value = ye.target.scrollHeight;
       }), x.observe(s.value), i.value && x.observe(i.value));
     }), hn(() => {
@@ -14435,9 +14460,9 @@ const TS = /* @__PURE__ */ F({
           class: "flex flex-wrap items-start",
           style: me({ padding: `${I.value}px` })
         }, [
-          (o(!0), u(ae, null, ze(n.colors.slice(0, D.value), (_, ye) => (o(), u("span", {
-            key: _,
-            title: _,
+          (o(!0), u(ae, null, ze(n.colors.slice(0, D.value), (ee, ye) => (o(), u("span", {
+            key: ee,
+            title: ee,
             class: "flex shrink-0 flex-col items-center gap-1",
             style: me(P(ye, !1, !0))
           }, [
@@ -14448,20 +14473,20 @@ const TS = /* @__PURE__ */ F({
                   b(C)(
                     "absolute inset-0 scale-100 opacity-0 transition duration-200 ease-out",
                     "group-hover:scale-[1.45] group-hover:opacity-40",
-                    g[_],
+                    g[ee],
                     n.shape === "circle" ? "rounded-full" : "rounded-md"
                   )
                 )
               }, null, 2),
               p("span", {
-                class: $(b(C)(U(_), "relative block transition-transform duration-200 ease-[cubic-bezier(0.34,1.56,0.64,1)] group-hover:scale-[1.15]"))
+                class: $(b(C)(U(ee), "relative block transition-transform duration-200 ease-[cubic-bezier(0.34,1.56,0.64,1)] group-hover:scale-[1.15]"))
               }, null, 2)
             ]),
             e.showNames ? (o(), u("span", {
               key: 0,
               class: "text-[10px] leading-4 text-neutral-500 dark:text-neutral-400",
               style: me({ opacity: d.value ? 1 : 0, transition: "opacity 200ms ease-out", transitionDelay: z(ye) })
-            }, N(_), 5)) : L("", !0)
+            }, N(ee), 5)) : L("", !0)
           ], 12, Y8))), 128)),
           ce.value ? (o(), u("button", {
             key: 0,
@@ -14487,9 +14512,9 @@ const TS = /* @__PURE__ */ F({
               Be(N(q.value), 1)
             ], 64)) : L("", !0)
           ], 14, J8)) : L("", !0),
-          (o(!0), u(ae, null, ze(n.colors.slice(D.value), (_, ye) => (o(), u("span", {
-            key: `rest-${_}`,
-            title: _,
+          (o(!0), u(ae, null, ze(n.colors.slice(D.value), (ee, ye) => (o(), u("span", {
+            key: `rest-${ee}`,
+            title: ee,
             class: $(b(C)("flex shrink-0 flex-col items-center gap-1", !d.value && "overflow-hidden")),
             style: me(P(D.value + ye, !d.value, !1, 2))
           }, [
@@ -14500,20 +14525,20 @@ const TS = /* @__PURE__ */ F({
                   b(C)(
                     "absolute inset-0 scale-100 opacity-0 transition duration-200 ease-out",
                     "group-hover:scale-[1.45] group-hover:opacity-40",
-                    g[_],
+                    g[ee],
                     n.shape === "circle" ? "rounded-full" : "rounded-md"
                   )
                 )
               }, null, 2),
               p("span", {
-                class: $(b(C)(U(_), "relative block transition-transform duration-200 ease-[cubic-bezier(0.34,1.56,0.64,1)] group-hover:scale-[1.15]"))
+                class: $(b(C)(U(ee), "relative block transition-transform duration-200 ease-[cubic-bezier(0.34,1.56,0.64,1)] group-hover:scale-[1.15]"))
               }, null, 2)
             ]),
             e.showNames ? (o(), u("span", {
               key: 0,
               class: "text-[10px] leading-4 text-neutral-500 dark:text-neutral-400",
               style: me({ opacity: d.value ? 1 : 0, transition: "opacity 200ms ease-out", transitionDelay: z(D.value + ye) })
-            }, N(_), 5)) : L("", !0)
+            }, N(ee), 5)) : L("", !0)
           ], 14, Q8))), 128))
         ], 12, q8)
       ], 4)
@@ -15168,7 +15193,7 @@ const yv = { class: "flex h-full min-h-0" }, kv = {
       } catch (he) {
         P(he);
       }
-    }, _ = async (Se) => {
+    }, ee = async (Se) => {
       const he = Se.trim();
       if (!he || c.value) return;
       H.value = "";
@@ -15231,7 +15256,7 @@ const yv = { class: "flex h-full min-h-0" }, kv = {
     }
     const J = async () => {
       const Se = [...v.value].reverse().find((he) => he.role === "user");
-      Se && (v.value = v.value.filter((he) => !(he.status === "error" && he.role === "assistant")), await _(Se.content));
+      Se && (v.value = v.value.filter((he) => !(he.status === "error" && he.role === "assistant")), await ee(Se.content));
     };
     let ve = null;
     const X = () => {
@@ -15683,7 +15708,7 @@ const yv = { class: "flex h-full min-h-0" }, kv = {
                     H.value = Me.target.value, Xe(Me.target);
                   }),
                   onKeydown: he[18] || (he[18] = an(lt((Me) => {
-                    _(H.value), Xe(xe.value);
+                    ee(H.value), Xe(xe.value);
                   }, ["exact", "prevent"]), ["enter"]))
                 }, null, 40, n7),
                 c.value ? (o(), te(st, {
@@ -15706,7 +15731,7 @@ const yv = { class: "flex h-full min-h-0" }, kv = {
                   size: "sm",
                   "leading-icon": "Send",
                   disabled: !H.value.trim(),
-                  onClick: he[20] || (he[20] = (Me) => _(H.value))
+                  onClick: he[20] || (he[20] = (Me) => ee(H.value))
                 }, {
                   default: Ae(() => [...he[29] || (he[29] = [
                     Be(" Send ", -1)
@@ -20817,7 +20842,7 @@ const s9 = {
       if (t.panelHeaderProps !== void 0) return null;
       const W = $e.value;
       return W === void 0 || r.panelHeader || !t.panelHeader ? null : typeof t.panelHeader == "function" ? t.panelHeader(W) : t.panelHeader;
-    }), _ = l(
+    }), ee = l(
       () => !!(R.value || t.panelHeaderProps === void 0 && $e.value !== void 0 && (r.panelHeader || t.panelHeader))
     ), ye = (W) => !t.autoExpand && W.subContent !== void 0, J = l(
       () => !!(t.listTitle || r.listTitle || ge.value || t.collapsible)
@@ -21125,7 +21150,7 @@ const s9 = {
         )
       }, [
         $e.value ? (o(), u(ae, { key: 0 }, [
-          _.value ? (o(), u("div", S9, [
+          ee.value ? (o(), u("div", S9, [
             R.value ? (o(), u("div", {
               key: 0,
               class: $(
@@ -23262,11 +23287,11 @@ const hM = /* @__PURE__ */ F({
       if (!xe || ne <= 0) return [];
       const z = ne / xe, P = t.value, B = P.length, j = 8, U = 4, ge = B * j + (B - 1) * U;
       return G.map((Ce, $e) => {
-        const Ie = g.value + $e * z, R = P.map((ie, _) => {
+        const Ie = g.value + $e * z, R = P.map((ie, ee) => {
           const ye = Number((Ce == null ? void 0 : Ce[ie.key]) ?? 0), J = T(Math.max(0, Number.isFinite(ye) ? ye : 0));
           return {
             key: ie.key,
-            x: Ie + z / 2 - ge / 2 + _ * (j + U),
+            x: Ie + z / 2 - ge / 2 + ee * (j + U),
             y: J,
             width: j,
             height: Math.max(0, c.value - J),
@@ -23974,7 +23999,7 @@ const ap = {
         "mx-2 flex-1 rounded-full bg-black/10 dark:bg-white/10 animate-pulse motion-reduce:animate-none",
         c.value.connector
       )
-    ), _ = l(
+    ), ee = l(
       () => C(
         "my-2 min-h-6 flex-1 rounded-full bg-black/10 dark:bg-white/10 animate-pulse motion-reduce:animate-none",
         c.value.connectorVertical
@@ -24079,7 +24104,7 @@ const ap = {
                   }, null, 2),
                   de < e.steps.length ? (o(), u("div", {
                     key: 0,
-                    class: $(_.value)
+                    class: $(ee.value)
                   }, null, 2)) : L("", !0)
                 ], 64))), 128))
               ]),
@@ -24673,9 +24698,9 @@ const Rb = /* @__PURE__ */ F({
   setup(e, { emit: n }) {
     var sr, ir, dr, ur, cr;
     const t = e, a = n, r = yt(), { classAttr: s, restAttrs: i } = Ve(), d = zn(), h = l(() => {
-      var ee;
-      return !!((ee = d == null ? void 0 : d.vnode.props) != null && ee.onRowClick);
-    }), m = (ee) => ee.hideable === !1 ? !0 : ee.defaultHidden !== !0, v = l(
+      var _;
+      return !!((_ = d == null ? void 0 : d.vnode.props) != null && _.onRowClick);
+    }), m = (_) => _.hideable === !1 ? !0 : _.defaultHidden !== !0, v = l(
       () => t.storage ?? gp()
     ), k = l(
       () => t.storageKey ? bp(
@@ -24684,83 +24709,83 @@ const Rb = /* @__PURE__ */ F({
       ) : null
     ), x = l(() => k.value ? $p(v.value.getItem(k.value)) : null), g = l(
       () => t.tableSettings ?? x.value ?? void 0
-    ), c = (ee) => {
-      a("tableSettingsChange", ee), k.value && v.value.setItem(
+    ), c = (_) => {
+      a("tableSettingsChange", _), k.value && v.value.setItem(
         k.value,
-        Cp(ee)
+        Cp(_)
       );
     }, f = l(() => t.color ?? t.tone), w = l(
       () => `focus-visible:ring-${f.value}-500 dark:focus-visible:ring-${f.value}-400`
     ), y = l(() => d2(t.density)), T = l(() => y.value.cell), M = l(() => y.value), S = l(() => !!t.panelItem || !!r.panelItem), A = l(
       () => {
-        var ee;
-        return !!((ee = t.columns) != null && ee.length) && S.value;
+        var _;
+        return !!((_ = t.columns) != null && _.length) && S.value;
       }
     ), I = !!t.panelItem || !!r.panelItem, O = ((sr = g.value) == null ? void 0 : sr.activeView) ?? t.defaultView ?? ((ir = t.columns) != null && ir.length && I ? "table" : I ? "panel" : "table"), H = K(O), E = K(t.defaultSort ?? null), V = l(
       () => t.sortState !== void 0 ? t.sortState : E.value
     ), D = K(
       (() => {
         var we;
-        const ee = {}, fe = ((we = g.value) == null ? void 0 : we.columnVisibility) ?? t.columnVisibility;
+        const _ = {}, fe = ((we = g.value) == null ? void 0 : we.columnVisibility) ?? t.columnVisibility;
         for (const Re of t.columns ?? [])
-          ee[Re.id] = (fe == null ? void 0 : fe[Re.id]) ?? m(Re);
-        return ee;
+          _[Re.id] = (fe == null ? void 0 : fe[Re.id]) ?? m(Re);
+        return _;
       })()
     );
     Oe(
       () => {
-        var ee;
-        return [t.columnVisibility, (ee = t.tableSettings) == null ? void 0 : ee.columnVisibility];
+        var _;
+        return [t.columnVisibility, (_ = t.tableSettings) == null ? void 0 : _.columnVisibility];
       },
       () => {
         var we;
-        const ee = ((we = t.tableSettings) == null ? void 0 : we.columnVisibility) ?? t.columnVisibility;
-        if (!ee) return;
+        const _ = ((we = t.tableSettings) == null ? void 0 : we.columnVisibility) ?? t.columnVisibility;
+        if (!_) return;
         const fe = { ...D.value };
         for (const Re of t.columns ?? [])
-          fe[Re.id] = ee[Re.id] ?? D.value[Re.id] ?? m(Re);
+          fe[Re.id] = _[Re.id] ?? D.value[Re.id] ?? m(Re);
         D.value = fe;
       }
     );
     const se = K(!1), q = K(null), ce = K(
       (() => {
         var we;
-        const ee = {}, fe = ((we = g.value) == null ? void 0 : we.columnWidths) ?? t.columnWidths;
+        const _ = {}, fe = ((we = g.value) == null ? void 0 : we.columnWidths) ?? t.columnWidths;
         if (fe)
-          Object.assign(ee, fe);
+          Object.assign(_, fe);
         else
           for (const Re of t.columns ?? [])
-            typeof Re.width == "number" ? ee[Re.id] = Re.width : typeof Re.width == "string" && /^\d+(\.\d+)?px$/.test(Re.width) && (ee[Re.id] = parseFloat(Re.width));
-        return ee;
+            typeof Re.width == "number" ? _[Re.id] = Re.width : typeof Re.width == "string" && /^\d+(\.\d+)?px$/.test(Re.width) && (_[Re.id] = parseFloat(Re.width));
+        return _;
       })()
     );
     Oe(
       () => {
-        var ee;
-        return [t.columnWidths, (ee = t.tableSettings) == null ? void 0 : ee.columnWidths];
+        var _;
+        return [t.columnWidths, (_ = t.tableSettings) == null ? void 0 : _.columnWidths];
       },
       () => {
         var fe;
-        const ee = ((fe = t.tableSettings) == null ? void 0 : fe.columnWidths) ?? t.columnWidths;
-        ee && (ce.value = { ...ce.value, ...ee });
+        const _ = ((fe = t.tableSettings) == null ? void 0 : fe.columnWidths) ?? t.columnWidths;
+        _ && (ce.value = { ...ce.value, ..._ });
       }
     );
     const ue = {}, le = K(null);
     let G = null, xe = {};
-    const ne = K(null), z = (ee, fe) => {
-      ue[ee] = fe ?? null;
-    }, P = (ee) => {
-      const fe = ue[ee], we = le.value;
+    const ne = K(null), z = (_, fe) => {
+      ue[_] = fe ?? null;
+    }, P = (_) => {
+      const fe = ue[_], we = le.value;
       if (!fe || !we) return null;
       const Re = fe.getBoundingClientRect(), dt = we.getBoundingClientRect();
       return Math.round(Re.right - dt.left + we.scrollLeft) - Ab;
     }, B = () => {
       if (!ne.value) return;
-      const ee = P(ne.value.colId);
-      ee != null && (ne.value = { ...ne.value, left: ee });
-    }, j = (ee, fe, we) => {
+      const _ = P(ne.value.colId);
+      _ != null && (ne.value = { ...ne.value, left: _ });
+    }, j = (_, fe, we) => {
       var xt;
-      ee.preventDefault(), ee.stopPropagation();
+      _.preventDefault(), _.stopPropagation();
       const Re = { ...ce.value };
       if (Object.keys(Re).length === 0) {
         for (const jt of vt.value) {
@@ -24770,7 +24795,7 @@ const Rb = /* @__PURE__ */ F({
         ce.value = Re;
       }
       const dt = Re[fe] ?? ((xt = ue[fe]) == null ? void 0 : xt.offsetWidth) ?? 100, ut = P(fe) ?? 0;
-      G = { colId: fe, startX: ee.clientX, startWidth: dt }, xe = { ...Re }, ne.value = { colId: fe, left: ut };
+      G = { colId: fe, startX: _.clientX, startWidth: dt }, xe = { ...Re }, ne.value = { colId: fe, left: ut };
       const It = (jt) => {
         if (!G) return;
         const nn = Math.max(
@@ -24790,21 +24815,21 @@ const Rb = /* @__PURE__ */ F({
         }), G = null, ne.value = null;
       };
       document.body.style.cursor = "col-resize", document.body.style.userSelect = "none", document.addEventListener("mousemove", It), document.addEventListener("mouseup", Qe);
-    }, U = (ee, fe) => {
+    }, U = (_, fe) => {
       const we = fe.minWidth !== void 0 ? typeof fe.minWidth == "number" ? fe.minWidth : parseInt(fe.minWidth, 10) : 48;
-      j(ee, fe.id, Math.max(48, isNaN(we) ? 48 : we));
-    }, ge = (ee) => {
-      const fe = P(ee.id);
-      fe != null && (ne.value = { colId: ee.id, left: fe });
+      j(_, fe.id, Math.max(48, isNaN(we) ? 48 : we));
+    }, ge = (_) => {
+      const fe = P(_.id);
+      fe != null && (ne.value = { colId: _.id, left: fe });
     }, Ce = () => {
       G || (ne.value = null);
     }, $e = l(
       () => t.resizableColumns && Object.keys(ce.value).length > 0
     ), Ie = K(
       ((dr = g.value) == null ? void 0 : dr.stickyColumns) ?? t.defaultStickyColumns ?? {}
-    ), R = K(!1), ie = K(null), _ = (ee, fe) => {
+    ), R = K(!1), ie = K(null), ee = (_, fe) => {
       const we = { ...Ie.value };
-      fe === null ? delete we[ee] : we[ee] = fe, Ie.value = we, a("stickyColumnsChange", we), c({
+      fe === null ? delete we[_] : we[_] = fe, Ie.value = we, a("stickyColumnsChange", we), c({
         ...ke.value,
         stickyColumns: we
       });
@@ -24827,17 +24852,17 @@ const Rb = /* @__PURE__ */ F({
       stickyColumns: Ie.value
     })), je = l(() => {
       if (!t.selectedItems || t.selectedItems.length === 0) return null;
-      const ee = /* @__PURE__ */ new Set();
+      const _ = /* @__PURE__ */ new Set();
       return t.selectedItems.forEach((fe) => {
-        if (ee.add(fe), t.rowKey)
-          ee.add(t.rowKey(fe, -1));
+        if (_.add(fe), t.rowKey)
+          _.add(t.rowKey(fe, -1));
         else if (typeof fe.id < "u") {
           const we = fe.id;
-          ee.add(String(we));
+          _.add(String(we));
         }
-      }), ee;
-    }), Ge = (ee) => {
-      const fe = ee.target;
+      }), _;
+    }), Ge = (_) => {
+      const fe = _.target;
       se.value && q.value && !q.value.contains(fe) && (se.value = !1), pe.value && re.value && !re.value.contains(fe) && (pe.value = !1), R.value && ie.value && !ie.value.contains(fe) && (R.value = !1);
     };
     tn(() => {
@@ -24845,27 +24870,27 @@ const Rb = /* @__PURE__ */ F({
     }), on(() => {
       document.removeEventListener("mousedown", Ge), document.body.style.cursor = "", document.body.style.userSelect = "";
     });
-    const Je = (ee) => {
+    const Je = (_) => {
       var Re;
-      if (!ee.sortable)
+      if (!_.sortable)
         return;
       const fe = Eb(
-        ((Re = V.value) == null ? void 0 : Re.columnId) === ee.id ? V.value.direction : void 0
-      ), we = fe ? { columnId: ee.id, direction: fe } : null;
+        ((Re = V.value) == null ? void 0 : Re.columnId) === _.id ? V.value.direction : void 0
+      ), we = fe ? { columnId: _.id, direction: fe } : null;
       t.sortState === void 0 && (E.value = we), a("sortChange", we);
-    }, Pe = (ee) => {
-      ve.value = ee, X.value = {}, a("groupByChange", ee), c({
+    }, Pe = (_) => {
+      ve.value = _, X.value = {}, a("groupByChange", _), c({
         ...ke.value,
-        groupBy: ee
+        groupBy: _
       });
     }, Ue = l(() => {
       var It;
       if (t.manualSorting)
         return t.data;
-      const ee = V.value;
-      if (!ee)
+      const _ = V.value;
+      if (!_)
         return t.data;
-      const fe = (It = t.columns) == null ? void 0 : It.find((Qe) => Qe.id === ee.columnId);
+      const fe = (It = t.columns) == null ? void 0 : It.find((Qe) => Qe.id === _.columnId);
       if (!fe || !fe.accessor && !fe.render && !fe.sortValue)
         return t.data;
       const we = fe.sortValue ? (Qe) => fe.sortValue(Qe) : fe.accessor ? (Qe, xt) => typeof fe.accessor == "function" ? fe.accessor(Qe, xt) : Qe[fe.accessor] : (Qe, xt) => fe.render ? fe.render(Qe, xt) : null, Re = (Qe) => typeof Qe == "string" ? Qe : typeof Qe == "number" || typeof Qe == "boolean" ? String(Qe) : "";
@@ -24882,43 +24907,43 @@ const Rb = /* @__PURE__ */ F({
           const nn = String(Qe.key), Rn = String(xt.key);
           jt = nn < Rn ? -1 : nn > Rn ? 1 : 0;
         }
-        return ee.direction === "asc" ? jt : -jt;
+        return _.direction === "asc" ? jt : -jt;
       }).map(({ row: Qe }) => Qe);
     }), Xe = l(() => t.columns ?? []), Ne = l(
-      () => Xe.value.filter((ee) => !ee.isActionsColumn)
+      () => Xe.value.filter((_) => !_.isActionsColumn)
     ), Ke = l(
-      () => t.groupable === !0 && !t.groupBy && Ne.value.some((ee) => ee.groupable !== !1)
+      () => t.groupable === !0 && !t.groupBy && Ne.value.some((_) => _.groupable !== !1)
     ), vt = l(
       () => Xe.value.filter(
-        (ee) => D.value[ee.id] !== !1 && ee.id !== W.value
+        (_) => D.value[_.id] !== !1 && _.id !== W.value
       )
     ), Se = l(
-      () => Ne.value.some((ee) => ee.hideable !== !1)
+      () => Ne.value.some((_) => _.hideable !== !1)
     ), he = l(() => {
-      const ee = [], fe = [], we = [];
+      const _ = [], fe = [], we = [];
       return vt.value.forEach((Re, dt) => {
         const ut = Ie.value[Re.id] ?? Re.sticky;
-        ut === "left" ? ee.push(Re) : ut === "right" || t.stickyActions && dt === vt.value.length - 1 ? we.push(Re) : fe.push(Re);
-      }), [...ee, ...fe, ...we];
+        ut === "left" ? _.push(Re) : ut === "right" || t.stickyActions && dt === vt.value.length - 1 ? we.push(Re) : fe.push(Re);
+      }), [..._, ...fe, ...we];
     }), Me = l(() => {
       if (!W.value) return null;
-      const ee = Xe.value.find(
+      const _ = Xe.value.find(
         (Re) => Re.id === W.value
       );
-      if (!ee) return null;
+      if (!_) return null;
       const fe = [], we = /* @__PURE__ */ new Map();
       return Ue.value.forEach((Re, dt) => {
         let ut = "";
-        if (ee.groupValue)
-          ut = ee.groupValue(Re);
-        else if (ee.accessor) {
-          const Qe = typeof ee.accessor == "function" ? ee.accessor(Re, dt) : Re[ee.accessor];
+        if (_.groupValue)
+          ut = _.groupValue(Re);
+        else if (_.accessor) {
+          const Qe = typeof _.accessor == "function" ? _.accessor(Re, dt) : Re[_.accessor];
           typeof Qe == "string" ? ut = Qe : typeof Qe == "number" && (ut = String(Qe));
-        } else if (ee.sortValue) {
-          const Qe = ee.sortValue(Re);
+        } else if (_.sortValue) {
+          const Qe = _.sortValue(Re);
           ut = String(Qe);
         } else {
-          const Qe = Ni(Re, ee, dt);
+          const Qe = Ni(Re, _, dt);
           typeof Qe == "string" ? ut = Qe : typeof Qe == "number" && (ut = String(Qe));
         }
         const It = ut.toLowerCase();
@@ -24929,41 +24954,41 @@ const Rb = /* @__PURE__ */ F({
       [Me, () => t.defaultGroupExpanded],
       () => {
         if (!Me.value) return;
-        const ee = { ...X.value };
+        const _ = { ...X.value };
         let fe = !1;
         for (const we of Me.value)
-          we.key in ee || (ee[we.key] = t.defaultGroupExpanded !== !1, fe = !0);
-        fe && (X.value = ee);
+          we.key in _ || (_[we.key] = t.defaultGroupExpanded !== !1, fe = !0);
+        fe && (X.value = _);
       },
       { immediate: !0 }
     );
-    const Ze = (ee) => {
+    const Ze = (_) => {
       X.value = {
         ...X.value,
-        [ee]: !X.value[ee]
+        [_]: !X.value[_]
       };
     }, _e = l(() => {
       if (!t.panelDeduplicateBy) return Ue.value;
-      const ee = /* @__PURE__ */ new Set();
+      const _ = /* @__PURE__ */ new Set();
       return Ue.value.filter((fe) => {
         const we = t.panelDeduplicateBy(fe);
-        return ee.has(we) ? !1 : (ee.add(we), !0);
+        return _.has(we) ? !1 : (_.add(we), !0);
       });
     }), tt = l(
       () => !!(W.value && Le.value)
-    ), ft = (ee) => Ie.value[ee.id] ?? ee.sticky ?? void 0, wt = l(
-      () => he.value.some((ee) => ft(ee) === "left")
+    ), ft = (_) => Ie.value[_.id] ?? _.sticky ?? void 0, wt = l(
+      () => he.value.some((_) => ft(_) === "left")
     ), $t = l(() => {
-      const ee = {};
+      const _ = {};
       let fe = 0;
       for (let we = he.value.length - 1; we >= 0; we--) {
         const Re = he.value[we];
         if (!((Ie.value[Re.id] ?? Re.sticky) === "right" || t.stickyActions && we === he.value.length - 1)) continue;
-        ee[Re.id] = fe;
+        _[Re.id] = fe;
         const It = ce.value[Re.id] ?? (typeof Re.width == "number" ? Re.width : void 0) ?? (typeof Re.minWidth == "number" ? Re.minWidth : void 0);
         It !== void 0 && (fe += It);
       }
-      return ee;
+      return _;
     }), kt = l(() => fn(t.variant)), At = l(() => t.bordered && !t.noBorders), sn = l(
       () => C(t.fullHeight && "h-full", s.value)
     ), Ht = l(
@@ -24992,32 +25017,32 @@ const Rb = /* @__PURE__ */ F({
       () => !!r.headerActions || t.headerActions != null
     ), qt = l(
       () => Bt.value || A.value || t.showColumnSelector && Se.value || Ke.value || !!t.userStickyColumns
-    ), yn = (ee) => {
-      H.value = ee, a("viewChange", ee), c({
+    ), yn = (_) => {
+      H.value = _, a("viewChange", _), c({
         ...ke.value,
-        activeView: ee
+        activeView: _
       });
-    }, Ft = (ee) => {
-      const fe = D.value[ee.id] !== !1, we = { ...D.value, [ee.id]: !fe };
+    }, Ft = (_) => {
+      const fe = D.value[_.id] !== !1, we = { ...D.value, [_.id]: !fe };
       D.value = we, a("columnVisibilityChange", we), c({
         ...ke.value,
         columnVisibility: we
       });
     }, Ot = () => {
-      const ee = {};
+      const _ = {};
       for (const fe of Xe.value)
-        ee[fe.id] = m(fe);
-      D.value = ee, a("columnVisibilityChange", ee), c({
+        _[fe.id] = m(fe);
+      D.value = _, a("columnVisibilityChange", _), c({
         ...ke.value,
-        columnVisibility: ee
+        columnVisibility: _
       });
     }, jn = () => {
-      const ee = !de.value;
-      de.value = ee, c({
+      const _ = !de.value;
+      de.value = _, c({
         ...ke.value,
-        showGroupHeader: ee
+        showGroupHeader: _
       });
-    }, dn = (ee) => typeof ee.header == "string" ? ee.header : ee.id, Ln = l(
+    }, dn = (_) => typeof _.header == "string" ? _.header : _.id, Ln = l(
       () => C("h-3.5 w-3.5 rounded border-neutral-300", Ti(f.value))
     ), In = l(
       () => C("h-3.5 w-3.5 border-neutral-300", Ti(f.value))
@@ -25060,9 +25085,9 @@ const Rb = /* @__PURE__ */ F({
         Mb(f.value)
       )
     ), it = l(
-      () => he.value.map((ee, fe) => {
+      () => he.value.map((_, fe) => {
         var rl, sl;
-        const we = ((rl = V.value) == null ? void 0 : rl.columnId) === ee.id, Re = we ? (sl = V.value) == null ? void 0 : sl.direction : void 0, dt = t.resizableColumns && ee.resizable !== !1, ut = ce.value[ee.id], It = ft(ee), Qe = It === "left", xt = It === "right" || t.stickyActions && fe === he.value.length - 1, jt = xt ? $t.value[ee.id] : void 0, nn = C(
+        const we = ((rl = V.value) == null ? void 0 : rl.columnId) === _.id, Re = we ? (sl = V.value) == null ? void 0 : sl.direction : void 0, dt = t.resizableColumns && _.resizable !== !1, ut = ce.value[_.id], It = ft(_), Qe = It === "left", xt = It === "right" || t.stickyActions && fe === he.value.length - 1, jt = xt ? $t.value[_.id] : void 0, nn = C(
           He,
           Dt.value,
           T.value,
@@ -25072,36 +25097,36 @@ const Rb = /* @__PURE__ */ F({
           // right position is set via inline style when offset > 0
           xt && !jt && "right-0",
           t.stickyHeader && (Qe || xt) ? "z-30" : t.stickyHeader ? "z-20" : Qe || xt ? "z-10" : "",
-          Pi(ee.align),
+          Pi(_.align),
           "overflow-hidden",
           dt && "relative",
           xt && It === "right" && !t.noBorders && "border-l border-neutral-200 dark:border-neutral-700",
           // The resize handle already marks each column edge, so the grid rule is
           // skipped while resizing.
           At.value && !dt && fe < he.value.length - 1 && `${Pt} border-r`,
-          ee.headerClassName
+          _.headerClassName
         ), Rn = {
           ...ut ? {
             width: `${ut}px`,
             minWidth: `${ut}px`,
             maxWidth: `${ut}px`
-          } : Di(ee.width, ee.minWidth, ee.maxWidth) ?? {},
+          } : Di(_.width, _.minWidth, _.maxWidth) ?? {},
           ...xt && jt !== void 0 ? { right: `${jt}px` } : {}
         };
         return {
-          id: ee.id,
-          column: ee,
+          id: _.id,
+          column: _,
           isSorted: we,
           thClass: nn,
           thStyle: Rn,
-          ariaSort: Re ? Re === "asc" ? "ascending" : "descending" : ee.sortable ? (
+          ariaSort: Re ? Re === "asc" ? "ascending" : "descending" : _.sortable ? (
             // "other" = sortable but not currently sorted ("none" would
             // falsely claim the column can't be sorted at all).
             "other"
           ) : "none",
           flexClass: C(
             "flex items-center gap-1 min-w-0",
-            ee.align === "right" ? "justify-end" : ee.align === "center" ? "justify-center" : "justify-start"
+            _.align === "right" ? "justify-end" : _.align === "center" ? "justify-center" : "justify-start"
           ),
           sortIcon: Re ? Oi[Re] : Oi.default,
           sortTooltip: Re === "asc" ? "Sort descending" : Re === "desc" ? "Clear sort" : "Sort ascending",
@@ -25113,32 +25138,32 @@ const Rb = /* @__PURE__ */ F({
         };
       })
     ), gt = l(
-      () => he.value.map((ee) => {
-        const fe = ce.value[ee.id];
+      () => he.value.map((_) => {
+        const fe = ce.value[_.id];
         if (fe)
           return {
-            id: ee.id,
+            id: _.id,
             style: { width: `${fe}px`, minWidth: `${fe}px` }
           };
-        const we = ee.width !== void 0 ? ee.width : void 0, Re = ee.minWidth !== void 0 ? ee.minWidth : void 0, dt = we ?? Re;
+        const we = _.width !== void 0 ? _.width : void 0, Re = _.minWidth !== void 0 ? _.minWidth : void 0, dt = we ?? Re;
         return {
-          id: ee.id,
+          id: _.id,
           style: dt !== void 0 ? {
             width: typeof dt == "number" ? `${dt}px` : dt,
             minWidth: typeof dt == "number" ? `${dt}px` : dt
           } : void 0
         };
       })
-    ), De = (ee, fe, we = !1) => {
+    ), De = (_, fe, we = !1) => {
       var vr, hr, fr;
-      const Re = Vi(ee, fe, t.rowKey), dt = !!((vr = je.value) != null && vr.has(ee) || (hr = je.value) != null && hr.has(Re)), ut = !dt && (((fr = t.rowHighlight) == null ? void 0 : fr.call(t, ee, fe)) ?? !1), It = dt ? Ql(f.value) : "", Qe = ut ? _l(f.value) : "", xt = t.striped && fe % 2 === 1 ? Jl : "bg-white dark:bg-neutral-900", jt = !dt && !ut && t.hoverable ? (t.striped && fe % 2 === 1, "group-hover:bg-neutral-200 dark:group-hover:bg-neutral-700") : void 0, nn = !dt && !ut && t.hoverable ? (t.striped && fe % 2 === 1, "group-hover:!bg-neutral-200 dark:group-hover:!bg-neutral-700") : void 0, Rn = C(
+      const Re = Vi(_, fe, t.rowKey), dt = !!((vr = je.value) != null && vr.has(_) || (hr = je.value) != null && hr.has(Re)), ut = !dt && (((fr = t.rowHighlight) == null ? void 0 : fr.call(t, _, fe)) ?? !1), It = dt ? Ql(f.value) : "", Qe = ut ? _l(f.value) : "", xt = t.striped && fe % 2 === 1 ? Jl : "bg-white dark:bg-neutral-900", jt = !dt && !ut && t.hoverable ? (t.striped && fe % 2 === 1, "group-hover:bg-neutral-200 dark:group-hover:bg-neutral-700") : void 0, nn = !dt && !ut && t.hoverable ? (t.striped && fe % 2 === 1, "group-hover:!bg-neutral-200 dark:group-hover:!bg-neutral-700") : void 0, Rn = C(
         T.value,
         "group",
         dt ? It : ut ? Qe : t.striped && fe % 2 === 1 && Jl,
         ut && t.hoverable && "hover:brightness-95",
         "transition-colors duration-150 ease-out",
         h.value ? "cursor-pointer" : "cursor-default",
-        t.rowClassName ? t.rowClassName(ee, fe) : void 0
+        t.rowClassName ? t.rowClassName(_, fe) : void 0
       ), rl = C(
         "w-10 sticky left-0 z-20",
         // Only apply an opaque background when there is a left-sticky data column;
@@ -25149,14 +25174,14 @@ const Rb = /* @__PURE__ */ F({
       ), sl = he.value.map(
         (Wt, il) => {
           var mr;
-          const Dl = Ni(ee, Wt, fe), gr = typeof Dl == "string" || typeof Dl == "number", dl = ce.value[Wt.id], Fl = ft(Wt), na = Fl === "left", Sn = Fl === "right" || t.stickyActions && il === he.value.length - 1, jl = Sn ? $t.value[Wt.id] : void 0, U1 = C(
+          const Dl = Ni(_, Wt, fe), gr = typeof Dl == "string" || typeof Dl == "number", dl = ce.value[Wt.id], Fl = ft(Wt), na = Fl === "left", Sn = Fl === "right" || t.stickyActions && il === he.value.length - 1, jl = Sn ? $t.value[Wt.id] : void 0, U1 = C(
             "whitespace-nowrap align-middle text-sm text-neutral-700 dark:text-neutral-200",
             (na || Sn) && "sticky",
             na && (tt.value ? "left-10" : "left-0"),
             // right position is set via inline style when offset > 0
             Sn && !jl && "right-0",
             (na || Sn) && "z-10",
-            (na || Sn) && (dt ? Ql(f.value) : ut ? _l(f.value) : t.striped && fe % 2 === 1 ? Jl : ((mr = Wt.stickyBackgroundFn) == null ? void 0 : mr.call(Wt, ee, fe)) ?? Wt.stickyBackground ?? "bg-white dark:bg-neutral-900"),
+            (na || Sn) && (dt ? Ql(f.value) : ut ? _l(f.value) : t.striped && fe % 2 === 1 ? Jl : ((mr = Wt.stickyBackgroundFn) == null ? void 0 : mr.call(Wt, _, fe)) ?? Wt.stickyBackground ?? "bg-white dark:bg-neutral-900"),
             // Sticky cells must keep an opaque background on hover to avoid scrolled content
             // bleeding through — use the fully-opaque sticky hover class instead of the semi-transparent hover.
             na || Sn ? nn : jt,
@@ -25202,18 +25227,18 @@ const Rb = /* @__PURE__ */ F({
       return {
         kind: "row",
         key: Re,
-        row: ee,
+        row: _,
         originalIndex: fe,
         rowClasses: Rn,
         spacerClass: rl,
         cells: sl
       };
     }, pt = l(() => {
-      const ee = [];
+      const _ = [];
       if (Me.value)
         for (const fe of Me.value) {
           const we = X.value[fe.key] !== !1;
-          if (Le.value && ee.push({
+          if (Le.value && _.push({
             kind: "group",
             key: fe.key,
             display: fe.display,
@@ -25221,23 +25246,23 @@ const Rb = /* @__PURE__ */ F({
             isExpanded: we
           }), we || !Le.value)
             for (const { row: Re, originalIndex: dt } of fe.rows)
-              ee.push(De(Re, dt, !0));
+              _.push(De(Re, dt, !0));
         }
       else
         Ue.value.forEach((fe, we) => {
-          ee.push(De(fe, we, !1));
+          _.push(De(fe, we, !1));
         });
-      return ee;
+      return _;
     }), Lt = l(
       () => C(
         "sticky left-0 flex w-fit items-center gap-2 bg-inherit rounded-sm outline-none focus-visible:ring-2 focus-visible:ring-offset-1",
         w.value,
         M.value.sideLeft
       )
-    ), kn = (ee, fe) => {
-      (fe.key === "Enter" || fe.key === " ") && (fe.preventDefault(), Ze(ee));
-    }, Wn = (ee) => {
-      a("rowClick", ee.row, ee.originalIndex);
+    ), kn = (_, fe) => {
+      (fe.key === "Enter" || fe.key === " ") && (fe.preventDefault(), Ze(_));
+    }, Wn = (_) => {
+      a("rowClick", _.row, _.originalIndex);
     }, al = l(
       () => C(
         "p-4",
@@ -25252,28 +25277,28 @@ const Rb = /* @__PURE__ */ F({
       )
     ), ll = l(() => {
       if (t.panelMinItemWidth == null) return;
-      const ee = typeof t.panelMinItemWidth == "number" ? `${t.panelMinItemWidth}px` : t.panelMinItemWidth, fe = t.panelMaxItemWidth != null ? `min(${typeof t.panelMaxItemWidth == "number" ? `${t.panelMaxItemWidth}px` : t.panelMaxItemWidth}, 1fr)` : "1fr";
+      const _ = typeof t.panelMinItemWidth == "number" ? `${t.panelMinItemWidth}px` : t.panelMinItemWidth, fe = t.panelMaxItemWidth != null ? `min(${typeof t.panelMaxItemWidth == "number" ? `${t.panelMaxItemWidth}px` : t.panelMaxItemWidth}, 1fr)` : "1fr";
       return {
-        gridTemplateColumns: `repeat(auto-fill, minmax(min(${ee}, 100%), ${fe}))`,
+        gridTemplateColumns: `repeat(auto-fill, minmax(min(${_}, 100%), ${fe}))`,
         gap: t.panelGap != null ? typeof t.panelGap == "number" ? `${t.panelGap}px` : t.panelGap : "1rem"
       };
-    }), ol = (ee, fe) => Vi(ee, fe, t.rowKey), F1 = l(
+    }), ol = (_, fe) => Vi(_, fe, t.rowKey), F1 = l(
       () => !!r.footer || !!t.footer || !!(t.pagination && t.pagination.total > 0)
     ), j1 = l(() => {
       var we;
-      const ee = (we = t.pagination) == null ? void 0 : we.pageSize, fe = /* @__PURE__ */ new Set([20, 50, 100, ...ee ? [ee] : []]);
+      const _ = (we = t.pagination) == null ? void 0 : we.pageSize, fe = /* @__PURE__ */ new Set([20, 50, 100, ..._ ? [_] : []]);
       return Array.from(fe).sort((Re, dt) => Re - dt);
-    }), W1 = (ee) => {
+    }), W1 = (_) => {
       var fe;
-      (fe = t.pagination) == null || fe.onPageSizeChange(Number(ee));
+      (fe = t.pagination) == null || fe.onPageSizeChange(Number(_));
     }, Z1 = () => {
-      const ee = t.pagination;
-      ee && ee.onPageChange(Math.max(1, ee.page - 1));
+      const _ = t.pagination;
+      _ && _.onPageChange(Math.max(1, _.page - 1));
     }, G1 = () => {
-      const ee = t.pagination;
-      ee && ee.onPageChange(Math.min(Math.ceil(ee.total / ee.pageSize), ee.page + 1));
+      const _ = t.pagination;
+      _ && _.onPageChange(Math.min(Math.ceil(_.total / _.pageSize), _.page + 1));
     };
-    return (ee, fe) => (o(), te(Tt, Ee({
+    return (_, fe) => (o(), te(Tt, Ee({
       variant: e.variant,
       tone: e.tone,
       padding: "none",
@@ -25497,7 +25522,7 @@ const Rb = /* @__PURE__ */ F({
                             "px-2 py-0.5 transition-colors select-none",
                             (Ie.value[we.id] ?? null) === Re ? "bg-neutral-200 dark:bg-neutral-700 font-semibold text-neutral-900 dark:text-neutral-100" : "text-neutral-400 hover:bg-neutral-100 dark:hover:bg-neutral-800 dark:text-neutral-500"
                           ]),
-                          onClick: (dt) => _(we.id, Re)
+                          onClick: (dt) => ee(we.id, Re)
                         }, N(Re === "left" ? "←" : Re === "right" ? "→" : "·"), 11, Xp)), 64))
                       ])
                     ]))), 128))
@@ -25507,7 +25532,7 @@ const Rb = /* @__PURE__ */ F({
                   ], -1))
                 ])) : L("", !0)
               ], 512)) : L("", !0),
-              oe(ee.$slots, "headerActions", {}, () => [
+              oe(_.$slots, "headerActions", {}, () => [
                 Z(b(be), { nodes: e.headerActions }, null, 8, ["nodes"])
               ])
             ])
@@ -25695,7 +25720,7 @@ const Rb = /* @__PURE__ */ F({
                         colspan: gn.value,
                         class: "px-6 py-16 text-center text-sm font-medium text-neutral-500 dark:text-neutral-300"
                       }, [
-                        oe(ee.$slots, "emptyState", {}, () => [
+                        oe(_.$slots, "emptyState", {}, () => [
                           Z(b(be), {
                             nodes: e.emptyState ?? "No data to display"
                           }, null, 8, ["nodes"])
@@ -25745,7 +25770,7 @@ const Rb = /* @__PURE__ */ F({
               (o(!0), u(ae, null, ze(_e.value, (we, Re) => (o(), u(ae, {
                 key: ol(we, Re)
               }, [
-                ee.$slots.panelItem ? oe(ee.$slots, "panelItem", {
+                _.$slots.panelItem ? oe(_.$slots, "panelItem", {
                   key: 0,
                   row: we,
                   index: Re
@@ -25755,7 +25780,7 @@ const Rb = /* @__PURE__ */ F({
                 }, null, 8, ["nodes"]))
               ], 64))), 128))
             ], 6)) : (o(), u("div", gb, [
-              oe(ee.$slots, "emptyState", {}, () => [
+              oe(_.$slots, "emptyState", {}, () => [
                 Z(b(be), {
                   nodes: e.emptyState ?? "No data to display"
                 }, null, 8, ["nodes"])
@@ -25775,7 +25800,7 @@ const Rb = /* @__PURE__ */ F({
               )
             )
           }, [
-            ee.$slots.footer || e.footer ? oe(ee.$slots, "footer", { key: 0 }, () => [
+            _.$slots.footer || e.footer ? oe(_.$slots, "footer", { key: 0 }, () => [
               Z(b(be), { nodes: e.footer }, null, 8, ["nodes"])
             ]) : e.pagination ? (o(), u("div", mb, [
               p("div", pb, [
@@ -27118,7 +27143,7 @@ const kM = /* @__PURE__ */ F({
         let R = ge - 1;
         for (; R > 0 && (((de = B[R]) == null ? void 0 : de.depth) ?? 0) > $e; )
           R--;
-        const _ = (B[R] ? B[R].depth ?? 0 : 0) < $e ? pl / 2 + Ba : -wn, ye = (w.value[R] ?? U) + _, J = Zn + $e * Aa - Ba, ve = Math.max(ye, U - wn), X = [
+        const ee = (B[R] ? B[R].depth ?? 0 : 0) < $e ? pl / 2 + Ba : -wn, ye = (w.value[R] ?? U) + ee, J = Zn + $e * Aa - Ba, ve = Math.max(ye, U - wn), X = [
           `M ${Ie} ${ye}`,
           `L ${Ie} ${ve}`,
           `A ${wn} ${wn} 0 0 0 ${Ie + wn} ${U}`,
@@ -27177,7 +27202,7 @@ const kM = /* @__PURE__ */ F({
       xe.value = xe.value === B ? null : B;
     };
     return (B, j) => {
-      var U, ge, Ce, $e, Ie, R, ie, _, ye, J, ve, X, pe, de, re;
+      var U, ge, Ce, $e, Ie, R, ie, ee, ye, J, ve, X, pe, de, re;
       return o(), u("section", Ee({
         class: H.value,
         "aria-busy": e.loading
@@ -27233,7 +27258,7 @@ const kM = /* @__PURE__ */ F({
               size: (Ie = e.loaderProps) == null ? void 0 : Ie.size,
               "spinner-variant": (R = e.loaderProps) == null ? void 0 : R.spinnerVariant,
               title: (ie = e.loaderProps) == null ? void 0 : ie.title,
-              variant: (_ = e.loaderProps) == null ? void 0 : _.variant
+              variant: (ee = e.loaderProps) == null ? void 0 : ee.variant
             }, null, 8, ["spinner-thickness", "color", "glass", "glass-blur-intensity", "label", "size", "spinner-variant", "title", "variant"])
           ])) : e.items.length === 0 && (e.emptyState || B.$slots.emptyState) ? (o(), u("div", ux, [
             oe(B.$slots, "emptyState", {}, () => [
@@ -28025,27 +28050,27 @@ const Va = (e, n, t, a) => {
           He.dx && He.y > nt.y && He.y < nt.y + nt.height && (qe = He.dx > 0 ? nt.x - He.x : He.x - nt.x - nt.width), He.dy && He.x > nt.x && He.x < nt.x + nt.width && (qe = He.dy > 0 ? nt.y - He.y : He.y - nt.y - nt.height), qe >= 0 && (ot = Math.min(ot, qe / 2));
         }
         return Math.max(0.5, ot);
-      }, R = Ie(U), ie = Ie(ge), _ = {
+      }, R = Ie(U), ie = Ie(ge), ee = {
         x: U.x + B.dx * R,
         y: U.y + B.dy * R
       }, ye = {
         x: ge.x + j.dx * ie,
         y: ge.y + j.dy * ie
       }, J = Ji(
-        [...V, _.x, ye.x],
-        Math.min(_.x, ye.x, se),
-        Math.max(_.x, ye.x, q)
+        [...V, ee.x, ye.x],
+        Math.min(ee.x, ye.x, se),
+        Math.max(ee.x, ye.x, q)
       ).filter((He) => He >= I && He <= O), ve = Ji(
-        [...D, _.y, ye.y],
-        Math.min(_.y, ye.y, ce),
-        Math.max(_.y, ye.y, ue)
-      ).filter((He) => He >= H && He <= E), X = [.../* @__PURE__ */ new Set([...J, _.x, ye.x])].sort(
+        [...D, ee.y, ye.y],
+        Math.min(ee.y, ye.y, ce),
+        Math.max(ee.y, ye.y, ue)
+      ).filter((He) => He >= H && He <= E), X = [.../* @__PURE__ */ new Set([...J, ee.x, ye.x])].sort(
         (He, ot) => He - ot
-      ), pe = [.../* @__PURE__ */ new Set([...ve, _.y, ye.y])].sort(
+      ), pe = [.../* @__PURE__ */ new Set([...ve, ee.y, ye.y])].sort(
         (He, ot) => He - ot
       );
       if (X.length * pe.length > 65536) return null;
-      const de = new Map(X.map((He, ot) => [Ye(He), ot])), re = new Map(pe.map((He, ot) => [Ye(He), ot])), W = de.get(Ye(_.x)), Le = re.get(Ye(_.y)), ke = de.get(Ye(ye.x)), je = re.get(Ye(ye.y));
+      const de = new Map(X.map((He, ot) => [Ye(He), ot])), re = new Map(pe.map((He, ot) => [Ye(He), ot])), W = de.get(Ye(ee.x)), Le = re.get(Ye(ee.y)), ke = de.get(Ye(ye.x)), je = re.get(Ye(ye.y));
       if (W === void 0 || Le === void 0 || ke === void 0 || je === void 0)
         continue;
       const Ge = ty(B.dx, B.dy), Je = X.length, Pe = pe.length, Ue = Je * Pe * 4, Xe = new Float64Array(Ue).fill(
@@ -28699,23 +28724,23 @@ const e0 = {
     e.slice(r + 1).some((i) => Et(i.nodes[0]) !== "neutral") && t.add(r);
   }), t;
 }, cy = (e) => k1(e, /* @__PURE__ */ new Map(), 0), k1 = (e, n, t) => {
-  const a = { ...i1, ...e.options }, r = sy(e.nodes, a), s = [], i = (R, ie, _, ye) => {
+  const a = { ...i1, ...e.options }, r = sy(e.nodes, a), s = [], i = (R, ie, ee, ye) => {
     const J = JSON.stringify([R.map((re) => re.id), ie.map((re) => re.id)]), ve = new Set(R.map((re) => re.id)), X = new Set(ie.map((re) => re.id)), pe = e.connections === void 0 ? R.length * ie.length : e.connections.filter((re) => ve.has(re.fromId) && X.has(re.toId) || X.has(re.fromId) && ve.has(re.toId)).length, de = Math.max(
       ye,
-      _ === "vertical" ? n.get(J) ?? 0 : 0,
+      ee === "vertical" ? n.get(J) ?? 0 : 0,
       // Pack lane centres between the two terminal runs. N lanes need
       // N - 1 spacers; counting both outer margins as lanes wastes two slots.
-      _ === "horizontal" && pe > 1 ? 48 + (pe - 1) * Ua(a.pathClearance, a.cornerRadius) : 0,
+      ee === "horizontal" && pe > 1 ? 48 + (pe - 1) * Ua(a.pathClearance, a.cornerRadius) : 0,
       ...R.map((re) => {
         var W;
-        return ((W = r.after.get(re.id)) == null ? void 0 : W[_]) ?? 0;
+        return ((W = r.after.get(re.id)) == null ? void 0 : W[ee]) ?? 0;
       }),
       ...ie.map((re) => {
         var W;
-        return ((W = r.before.get(re.id)) == null ? void 0 : W[_]) ?? 0;
+        return ((W = r.before.get(re.id)) == null ? void 0 : W[ee]) ?? 0;
       })
     );
-    return _ === "vertical" && R.length && ie.length && s.push({ key: J, before: R, after: ie, size: de }), de;
+    return ee === "vertical" && R.length && ie.length && s.push({ key: J, before: R, after: ie, size: de }), de;
   }, d = dy(e.nodes), h = uy(d, e.autoState ?? !1), m = /* @__PURE__ */ new Map();
   if (e.nodes.length && e.nodes.every((R) => R.gridPosition && Number.isInteger(R.gridPosition.column) && Number.isInteger(R.gridPosition.row))) {
     const R = /* @__PURE__ */ new Map();
@@ -28724,10 +28749,10 @@ const e0 = {
       R.set(J, [...R.get(J) ?? [], ye]);
     }
     const ie = [...R].sort(([ye], [J]) => ye - J);
-    let _ = a.padding;
+    let ee = a.padding;
     ie.forEach(([ye, J], ve) => {
       var X;
-      m.set(ye, _), _ += Math.max(...J.map((pe) => ca(pe, a, e.expanded))) + i(J, ((X = ie[ve + 1]) == null ? void 0 : X[1]) ?? [], "vertical", Math.max(72, a.laneGap));
+      m.set(ye, ee), ee += Math.max(...J.map((pe) => ca(pe, a, e.expanded))) + i(J, ((X = ie[ve + 1]) == null ? void 0 : X[1]) ?? [], "vertical", Math.max(72, a.laneGap));
     });
   }
   const v = [], k = /* @__PURE__ */ new Map(), x = /* @__PURE__ */ new Map();
@@ -28735,16 +28760,16 @@ const e0 = {
   const c = [];
   d.forEach((R, ie) => {
     var ve;
-    let _ = a.padding;
+    let ee = a.padding;
     R.nodes.forEach((X, pe) => {
       var Ge, Je, Pe;
-      _ = m.get(((Ge = X.gridPosition) == null ? void 0 : Ge.row) ?? NaN) ?? _;
+      ee = m.get(((Ge = X.gridPosition) == null ? void 0 : Ge.row) ?? NaN) ?? ee;
       const de = v.length, re = ca(X, a, e.expanded), W = {
         id: X.id,
         node: X,
         outline: "",
         x: g,
-        y: _,
+        y: ee,
         width: a.metrics.width,
         height: re,
         anchorY: re / 2,
@@ -28754,7 +28779,7 @@ const e0 = {
         scrollable: eo(X, a, e.expanded)
       };
       v.push(W), k.set(X.id, W);
-      let Le = _ + re + i(
+      let Le = ee + re + i(
         [X],
         ((Je = X.children) == null ? void 0 : Je.slice(0, 1)) ?? [],
         "vertical",
@@ -28789,7 +28814,7 @@ const e0 = {
         const Ue = d1(X);
         if (Ue.length > 0) {
           const Xe = a.metrics.width, Ne = g + a.gridIndent;
-          let Ke = _ + re + i([X], Ue[0], "vertical", a.rowGap);
+          let Ke = ee + re + i([X], Ue[0], "vertical", a.rowGap);
           const vt = [];
           let Se = Xe;
           Ue.forEach((Ze, _e) => {
@@ -28832,7 +28857,7 @@ const e0 = {
       const je = Math.max(
         ...v.slice(de).map((Ue) => Ue.y + Ue.height)
       );
-      _ = m.size ? je : je + i(
+      ee = m.size ? je : je + i(
         [X],
         R.nodes.slice(pe + 1, pe + 2),
         "vertical",
@@ -28856,7 +28881,7 @@ const e0 = {
       a.connectorWidth
     );
   });
-  const f = [], w = /* @__PURE__ */ new Map(), y = (R) => xo[(R == null ? void 0 : R.ringSize) ?? a.ringSize] ?? xo.md, T = (R) => Ga(y(R)), M = (R, ie, _, ye, J, ve, X) => {
+  const f = [], w = /* @__PURE__ */ new Map(), y = (R) => xo[(R == null ? void 0 : R.ringSize) ?? a.ringSize] ?? xo.md, T = (R) => Ga(y(R)), M = (R, ie, ee, ye, J, ve, X) => {
     const pe = y(X), de = `${R}:${Math.round(ie.x)}:${Math.round(ie.y)}`, re = w.get(de);
     if (re) {
       re.edgeIds.push(ve), e0[ye] > e0[re.state] && (re.state = ye), J && (re.active = !0), pe > re.radius && (re.radius = pe);
@@ -28868,7 +28893,7 @@ const e0 = {
       x: ie.x,
       y: ie.y,
       side: ie.side,
-      tone: _,
+      tone: ee,
       state: ye,
       active: J,
       edgeIds: [ve],
@@ -28888,8 +28913,8 @@ const e0 = {
   }), O = (R) => {
     const ie = d[R].nodes.map((X) => k.get(X.id)).filter((X) => !!X);
     if (ie.length === 0) return null;
-    const _ = Math.min(...ie.map((X) => X.x)), ye = Math.min(...ie.map((X) => X.y)), J = Math.max(...ie.map((X) => X.x + X.width)), ve = Math.max(...ie.map((X) => X.y + X.height));
-    return { x: _, y: ye, width: J - _, height: ve - ye };
+    const ee = Math.min(...ie.map((X) => X.x)), ye = Math.min(...ie.map((X) => X.y)), J = Math.max(...ie.map((X) => X.x + X.width)), ve = Math.max(...ie.map((X) => X.y + X.height));
+    return { x: ee, y: ye, width: J - ee, height: ve - ye };
   }, H = (R) => (R == null ? void 0 : R.edgeStyle) ?? a.edgeStyle, E = (R, ie) => ie.side === "left" || ie.side === "right" ? R.height === 0 ? 0.5 : (ie.y - R.y) / R.height : R.width === 0 ? 0.5 : (ie.x - R.x) / R.width, V = v.map(I), D = ey(), se = (R) => {
     var J, ve;
     const ie = er(R.fromPort, R.toPort, {
@@ -28898,7 +28923,7 @@ const e0 = {
       radius: a.cornerRadius,
       trim: R.trim,
       via: R.via
-    }), _ = { ...ie, fromPort: R.fromPort, toPort: R.toPort };
+    }), ee = { ...ie, fromPort: R.fromPort, toPort: R.toPort };
     return ln(ie.points, V) ? Va(
       {
         box: R.fromBox,
@@ -28915,16 +28940,16 @@ const e0 = {
         clearance: a.pathClearance,
         laneUse: D
       }
-    ) ?? _ : _;
+    ) ?? ee : ee;
   };
   d.forEach((R, ie) => {
     var Je;
     if (e.connections !== void 0 || ie === 0) return;
-    const _ = A(ie);
-    if (_ < 0 || S(_) || h.has(ie)) return;
-    const ye = _ !== ie - 1, J = d[_].parallel ? void 0 : x.get(d[_].nodes[0].id);
+    const ee = A(ie);
+    if (ee < 0 || S(ee) || h.has(ie)) return;
+    const ye = ee !== ie - 1, J = d[ee].parallel ? void 0 : x.get(d[ee].nodes[0].id);
     if (J && (!J.exitCard || J.exitHasBranch) || ((Je = J == null ? void 0 : J.exitCard) == null ? void 0 : Je.node.terminal) === !0) return;
-    const ve = J != null && J.exitCard ? [J.exitCard.node] : d[_].nodes, X = R.nodes, pe = (Pe, Ue) => {
+    const ve = J != null && J.exitCard ? [J.exitCard.node] : d[ee].nodes, X = R.nodes, pe = (Pe, Ue) => {
       var Xe;
       return ((Xe = Ue.connector) == null ? void 0 : Xe.state) ?? (e.autoState ? Et(Pe) !== "neutral" ? Pn(Ue) ? "flowing" : "stopped" : "disabled" : e.flowState ?? "flowing");
     }, de = (Pe, Ue) => ((Pe == null ? void 0 : Pe.animated) ?? e.animated ?? !0) && (Ue === "flowing" || Ue === "stopped" && ((Pe == null ? void 0 : Pe.animateCompleted) ?? !1));
@@ -28932,13 +28957,13 @@ const e0 = {
     const W = (Pe) => {
       if (!(!Pe || re))
         return re = !0, Pe;
-    }, Le = J != null && J.exitCard ? I(J.exitCard) : O(_), ke = O(ie);
+    }, Le = J != null && J.exitCard ? I(J.exitCard) : O(ee), ke = O(ie);
     if (!Le || !ke) return;
     const je = to(Le, ke);
     let Ge;
     if (ye) {
       const Pe = [Le, ke];
-      for (let Xe = _ + 1; Xe < ie; Xe += 1) {
+      for (let Xe = ee + 1; Xe < ie; Xe += 1) {
         const Ne = O(Xe);
         Ne && Pe.push(Ne);
       }
@@ -29010,10 +29035,10 @@ const e0 = {
   const q = (R) => {
     if (R.childLayout === "chain") return;
     const ie = k.get(R.id);
-    ie && (R.children ?? []).forEach((_) => {
-      const ye = k.get(_.id);
+    ie && (R.children ?? []).forEach((ee) => {
+      const ye = k.get(ee.id);
       if (!ye) return;
-      const J = I(ie), ve = I(ye), X = _.connector, pe = (X == null ? void 0 : X.state) ?? (Pn(_) ? "flowing" : "stopped"), de = qi(J, "bottom", a.childIndent / 2), re = St(
+      const J = I(ie), ve = I(ye), X = ee.connector, pe = (X == null ? void 0 : X.state) ?? (Pn(ee) ? "flowing" : "stopped"), de = qi(J, "bottom", a.childIndent / 2), re = St(
         ve,
         "left",
         ye.anchorY / ye.height
@@ -29025,7 +29050,7 @@ const e0 = {
         style: H(X),
         stub: 10,
         trim: T(X)
-      }), Le = `${R.id}v>${_.id}`, ke = ((X == null ? void 0 : X.animated) ?? e.animated ?? !0) && Pn(_);
+      }), Le = `${R.id}v>${ee.id}`, ke = ((X == null ? void 0 : X.animated) ?? e.animated ?? !0) && Pn(ee);
       M(
         R.id,
         W.fromPort,
@@ -29035,9 +29060,9 @@ const e0 = {
         Le,
         X
       ), M(
-        _.id,
+        ee.id,
         W.toPort,
-        Et(_),
+        Et(ee),
         pe,
         ke,
         Le,
@@ -29045,12 +29070,12 @@ const e0 = {
       ), f.push({
         id: Le,
         fromId: R.id,
-        toId: _.id,
+        toId: ee.id,
         state: pe,
         points: W.points,
         d: W.d,
         sourceTone: Et(R),
-        targetTone: Et(_),
+        targetTone: Et(ee),
         bypass: !1,
         emitIndex: 0,
         emitCount: 1,
@@ -29058,7 +29083,7 @@ const e0 = {
         animated: ke,
         label: X == null ? void 0 : X.label,
         style: H(X)
-      }), q(_);
+      }), q(ee);
     });
   };
   e.connections === void 0 && e.nodes.forEach(q);
@@ -29074,13 +29099,13 @@ const e0 = {
       trim: T(R.cfg),
       via: R.via,
       prefer: R.prefer
-    }), _ = (((J = R.cfg) == null ? void 0 : J.animated) ?? e.animated ?? !0) && (R.state === "flowing" || R.state === "stopped" && (((ve = R.cfg) == null ? void 0 : ve.animateCompleted) ?? !1));
+    }), ee = (((J = R.cfg) == null ? void 0 : J.animated) ?? e.animated ?? !0) && (R.state === "flowing" || R.state === "stopped" && (((ve = R.cfg) == null ? void 0 : ve.animateCompleted) ?? !1));
     M(
       R.fromEntry.id,
       ie.fromPort,
       R.sourceTone,
       R.state,
-      _,
+      ee,
       R.id,
       R.cfg
     ), M(
@@ -29088,7 +29113,7 @@ const e0 = {
       ie.toPort,
       R.targetTone,
       R.state,
-      _,
+      ee,
       R.id,
       R.cfg
     ), f.push({
@@ -29104,19 +29129,19 @@ const e0 = {
       emitIndex: 0,
       emitCount: 1,
       emitSpan: 0,
-      animated: _,
+      animated: ee,
       ringSize: (X = R.cfg) == null ? void 0 : X.ringSize,
       label: R.label,
       kind: R.kind,
       branchKind: R.branchKind,
       style: ((pe = R.cfg) == null ? void 0 : pe.edgeStyle) ?? a.edgeStyle
     });
-  }, ue = (R, ie) => St(I(R), ie, R.anchorY / R.height), le = (R, ie) => R.tone ?? (ie === "success" ? Al.succeeded : Al.failed), G = (R, ie, _) => {
+  }, ue = (R, ie) => St(I(R), ie, R.anchorY / R.height), le = (R, ie) => R.tone ?? (ie === "success" ? Al.succeeded : Al.failed), G = (R, ie, ee) => {
     if (!ie.to) return;
     const ye = k.get(ie.to);
     if (!ye || ye.id === R.id) return;
-    const J = le(ie, _), ve = _ === "failure" ? bl(R.node) ? "flowing" : "stopped" : bl(R.node) ? "stopped" : "flowing", X = I(R), pe = I(ye);
-    if ((pe.y + pe.height <= X.y + 1 || pe.x + pe.width <= X.x + 1) && _ === "failure") {
+    const J = le(ie, ee), ve = ee === "failure" ? bl(R.node) ? "flowing" : "stopped" : bl(R.node) ? "stopped" : "flowing", X = I(R), pe = I(ye);
+    if ((pe.y + pe.height <= X.y + 1 || pe.x + pe.width <= X.x + 1) && ee === "failure") {
       ce({
         id: `${R.id}~fail>${ye.id}`,
         fromEntry: R,
@@ -29130,13 +29155,13 @@ const e0 = {
         targetTone: J,
         label: ie.label,
         kind: "branch",
-        branchKind: _
+        branchKind: ee
       });
       return;
     }
     const re = to(X, pe);
     ce({
-      id: `${R.id}~${_ === "failure" ? "fail" : "ok"}>${ye.id}`,
+      id: `${R.id}~${ee === "failure" ? "fail" : "ok"}>${ye.id}`,
       fromEntry: R,
       toEntry: ye,
       fromPort: ue(R, re.from),
@@ -29146,7 +29171,7 @@ const e0 = {
       targetTone: J,
       label: ie.label,
       kind: "branch",
-      branchKind: _
+      branchKind: ee
     });
   };
   x.forEach((R) => {
@@ -29154,9 +29179,9 @@ const e0 = {
     if (e.connections !== void 0) return;
     const ie = k.get(R.parentNode.id);
     if (!ie || Na(R.parentNode) === !0) return;
-    const _ = R.walk.filter((pe) => !Na(pe.card.node));
-    if (_.length === 0) return;
-    const ye = _[0].card, J = I(ie), ve = I(ye);
+    const ee = R.walk.filter((pe) => !Na(pe.card.node));
+    if (ee.length === 0) return;
+    const ye = ee[0].card, J = I(ie), ve = I(ye);
     ce({
       id: `${ie.id}~in>${ye.id}`,
       fromEntry: ie,
@@ -29172,14 +29197,14 @@ const e0 = {
       targetTone: Et(ye.node),
       cfg: ye.node.connector,
       kind: "chain"
-    }), _.forEach((pe, de) => {
+    }), ee.forEach((pe, de) => {
       var Ue, Xe, Ne, Ke;
       const re = pe.card;
       if ((Ue = re.node.success) != null && Ue.to) {
         G(re, re.node.success, "success");
         return;
       }
-      const W = _[de + 1];
+      const W = ee[de + 1];
       if (!W) return;
       const Le = W.card, ke = I(re), je = I(Le), Ge = W.row === pe.row, Je = ke.x + ke.width, Pe = je.x;
       ce({
@@ -29204,25 +29229,25 @@ const e0 = {
   x.forEach(
     (R) => R.walk.forEach((ie) => xe.add(ie.card.id))
   ), v.forEach((R) => {
-    var ie, _;
-    e.connections === void 0 && (xe.has(R.id) || ((ie = R.node.success) != null && ie.to && G(R, R.node.success, "success"), (_ = R.node.failure) != null && _.to && G(R, R.node.failure, "failure")));
+    var ie, ee;
+    e.connections === void 0 && (xe.has(R.id) || ((ie = R.node.success) != null && ie.to && G(R, R.node.success, "success"), (ee = R.node.failure) != null && ee.to && G(R, R.node.failure, "failure")));
   });
   const ne = /* @__PURE__ */ new Set(), z = /* @__PURE__ */ new Set();
   for (const R of e.connections ?? []) {
-    const ie = k.get(R.fromId), _ = k.get(R.toId), ye = JSON.stringify([R.fromId, R.toId]);
-    if (!ie || !_ || ie === _ || !R.id || ne.has(R.id) || z.has(ye)) continue;
+    const ie = k.get(R.fromId), ee = k.get(R.toId), ye = JSON.stringify([R.fromId, R.toId]);
+    if (!ie || !ee || ie === ee || !R.id || ne.has(R.id) || z.has(ye)) continue;
     ne.add(R.id), z.add(ye);
-    const J = to(I(ie), I(_)), ve = R.fromSide ?? J.from, X = R.toSide ?? J.to;
+    const J = to(I(ie), I(ee)), ve = R.fromSide ?? J.from, X = R.toSide ?? J.to;
     ce({
       id: R.id,
       fromEntry: ie,
-      toEntry: _,
+      toEntry: ee,
       fromPort: ue(ie, ve),
-      toPort: ue(_, X),
+      toPort: ue(ee, X),
       prefer: { from: [ve], to: [X] },
-      state: R.state ?? (e.autoState ? Et(ie.node) !== "neutral" ? Pn(_.node) ? "flowing" : "stopped" : "disabled" : e.flowState ?? "flowing"),
-      sourceTone: R.sourceTone ?? Et(ie.node),
-      targetTone: R.targetTone ?? Et(_.node),
+      state: R.state ?? (e.autoState ? Et(ie.node) !== "neutral" ? Pn(ee.node) ? "flowing" : "stopped" : "disabled" : e.flowState ?? "flowing"),
+      sourceTone: R.sourceTone ?? R.tone ?? Et(ie.node),
+      targetTone: R.targetTone ?? R.tone ?? Et(ie.node),
       label: R.label,
       cfg: R
     });
@@ -29230,8 +29255,8 @@ const e0 = {
   if (iy(v, f, w, a), t < 4 && s.length) {
     const R = new Map(n);
     for (const ie of s) {
-      const _ = new Set(ie.before.map((W) => W.id)), ye = new Set(ie.after.map((W) => W.id)), J = [...w.values()].filter(
-        (W) => W.side === "bottom" && _.has(W.nodeId) || W.side === "top" && ye.has(W.nodeId)
+      const ee = new Set(ie.before.map((W) => W.id)), ye = new Set(ie.after.map((W) => W.id)), J = [...w.values()].filter(
+        (W) => W.side === "bottom" && ee.has(W.nodeId) || W.side === "top" && ye.has(W.nodeId)
       );
       if (!J.length) continue;
       const X = 48 + (new Set(J.flatMap((W) => W.edgeIds)).size - 1) * Ua(a.pathClearance, a.cornerRadius), pe = Math.min(...ie.after.map((W) => k.get(W.id).y)), de = pe - ie.size, re = Math.max(
@@ -29242,7 +29267,7 @@ const e0 = {
       );
       re > 0.01 && R.set(ie.key, ie.size + re);
     }
-    if ([...R].some(([ie, _]) => _ > (n.get(ie) ?? 0)))
+    if ([...R].some(([ie, ee]) => ee > (n.get(ie) ?? 0)))
       return k1(e, R, t + 1);
   }
   ry(v, f, w, a);
@@ -29261,19 +29286,19 @@ const e0 = {
   const B = /* @__PURE__ */ new Map();
   f.forEach((R) => {
     if (!R.animated) return;
-    const ie = R.fromId ?? "", _ = B.get(ie) ?? [];
-    _.push(R), B.set(ie, _);
+    const ie = R.fromId ?? "", ee = B.get(ie) ?? [];
+    ee.push(R), B.set(ie, ee);
   }), B.forEach((R) => {
-    const ie = Math.max(...R.map((_) => b1(_.points)));
-    R.forEach((_, ye) => {
-      _.emitIndex = ye, _.emitCount = R.length, _.emitSpan = ie;
+    const ie = Math.max(...R.map((ee) => b1(ee.points)));
+    R.forEach((ee, ye) => {
+      ee.emitIndex = ye, ee.emitCount = R.length, ee.emitSpan = ie;
     });
   });
   const j = /* @__PURE__ */ new Map();
   w.forEach((R) => {
     if (R.radius <= r1) return;
-    const ie = j.get(R.nodeId) ?? [], _ = R.side === "top" || R.side === "bottom";
-    ie.push({ side: R.side, at: _ ? R.x : R.y, radius: R.radius }), j.set(R.nodeId, ie);
+    const ie = j.get(R.nodeId) ?? [], ee = R.side === "top" || R.side === "bottom";
+    ie.push({ side: R.side, at: ee ? R.x : R.y, radius: R.radius }), j.set(R.nodeId, ie);
   }), v.forEach((R) => {
     R.outline = _x(
       I(R),
@@ -29937,9 +29962,9 @@ const e0 = {
       // The card silhouette is geometry, so the corner radius belongs to the
       // layout rather than to the renderer that draws it.
       nodeCornerRadius: g.value
-    })), f = K(/* @__PURE__ */ new Set()), w = (_) => {
+    })), f = K(/* @__PURE__ */ new Set()), w = (ee) => {
       const ye = new Set(f.value);
-      ye.delete(_) || ye.add(_), f.value = ye;
+      ye.delete(ee) || ye.add(ee), f.value = ye;
     }, y = l(
       () => cy({
         nodes: a.nodes,
@@ -29950,15 +29975,15 @@ const e0 = {
         options: c.value
       })
     ), T = l(() => {
-      const _ = m.value ?? v.value;
-      return !a.highlightPath || !_ ? { nodes: /* @__PURE__ */ new Set(), edges: /* @__PURE__ */ new Set() } : vy(y.value, _);
-    }), M = (_) => Math.min(a.maxZoom, Math.max(a.minZoom, _)), S = (_) => {
+      const ee = m.value ?? v.value;
+      return !a.highlightPath || !ee ? { nodes: /* @__PURE__ */ new Set(), edges: /* @__PURE__ */ new Set() } : vy(y.value, ee);
+    }), M = (ee) => Math.min(a.maxZoom, Math.max(a.minZoom, ee)), S = (ee) => {
       ma(() => {
         const ye = d.value;
-        ye && _(ye);
+        ye && ee(ye);
       });
-    }, A = (_, ye) => {
-      const J = M(_);
+    }, A = (ee, ye) => {
+      const J = M(ee);
       if (J === k.value) return;
       const ve = d.value;
       if (ve) {
@@ -29972,48 +29997,48 @@ const e0 = {
       }
       k.value = J, r("zoomChange", J);
     }, I = () => A(k.value * 1.2), O = () => A(k.value / 1.2), H = () => {
-      const _ = d.value;
-      !_ || !_.clientWidth || !_.clientHeight || (k.value = M(
-        hy(y.value, _.clientWidth, _.clientHeight, a.maxZoom).scale
+      const ee = d.value;
+      !ee || !ee.clientWidth || !ee.clientHeight || (k.value = M(
+        hy(y.value, ee.clientWidth, ee.clientHeight, a.maxZoom).scale
       ), S((ye) => {
         ye.scrollLeft = 0, ye.scrollTop = 0;
       }), r("zoomChange", k.value));
-    }, E = (_) => {
+    }, E = (ee) => {
       var ve;
-      if (!a.interactive || _.target.closest("[data-scrolls]")) return;
-      _.preventDefault();
-      const ye = (ve = d.value) == null ? void 0 : ve.getBoundingClientRect(), J = ye ? { x: _.clientX - ye.left, y: _.clientY - ye.top } : void 0;
-      A(k.value * (_.deltaY < 0 ? 1.1 : 1 / 1.1), J);
+      if (!a.interactive || ee.target.closest("[data-scrolls]")) return;
+      ee.preventDefault();
+      const ye = (ve = d.value) == null ? void 0 : ve.getBoundingClientRect(), J = ye ? { x: ee.clientX - ye.left, y: ee.clientY - ye.top } : void 0;
+      A(k.value * (ee.deltaY < 0 ? 1.1 : 1 / 1.1), J);
     }, V = K(!1);
     let D = { x: 0, y: 0, scrollLeft: 0, scrollTop: 0 };
-    const se = (_) => {
-      if (!a.interactive || _.button !== 0 || _.target.closest(
+    const se = (ee) => {
+      if (!a.interactive || ee.button !== 0 || ee.target.closest(
         "button, a, input, select, textarea, [data-no-pan]"
       ))
         return;
       const ye = d.value;
       ye && (V.value = !0, D = {
-        x: _.clientX,
-        y: _.clientY,
+        x: ee.clientX,
+        y: ee.clientY,
         scrollLeft: ye.scrollLeft,
         scrollTop: ye.scrollTop
-      }, ye.setPointerCapture(_.pointerId));
-    }, q = (_) => {
+      }, ye.setPointerCapture(ee.pointerId));
+    }, q = (ee) => {
       if (!V.value) return;
       const ye = d.value;
-      ye && (ye.scrollLeft = D.scrollLeft - (_.clientX - D.x), ye.scrollTop = D.scrollTop - (_.clientY - D.y));
-    }, ce = (_) => {
-      V.value && (V.value = !1, _.currentTarget.releasePointerCapture(_.pointerId));
-    }, ue = (_) => {
-      m.value = (_ == null ? void 0 : _.id) ?? null, r("nodeHover", (_ == null ? void 0 : _.node) ?? null);
-    }, le = (_) => {
-      v.value = v.value === _.id ? null : _.id, r("nodeClick", _.node);
+      ye && (ye.scrollLeft = D.scrollLeft - (ee.clientX - D.x), ye.scrollTop = D.scrollTop - (ee.clientY - D.y));
+    }, ce = (ee) => {
+      V.value && (V.value = !1, ee.currentTarget.releasePointerCapture(ee.pointerId));
+    }, ue = (ee) => {
+      m.value = (ee == null ? void 0 : ee.id) ?? null, r("nodeHover", (ee == null ? void 0 : ee.node) ?? null);
+    }, le = (ee) => {
+      v.value = v.value === ee.id ? null : ee.id, r("nodeClick", ee.node);
     };
     let G = null;
     tn(() => {
-      G = new ResizeObserver((_) => {
+      G = new ResizeObserver((ee) => {
         var ve;
-        const ye = (ve = _[0]) == null ? void 0 : ve.contentRect;
+        const ye = (ve = ee[0]) == null ? void 0 : ve.contentRect;
         if (!ye) return;
         const J = h.value.width === 0;
         h.value = { width: ye.width, height: ye.height }, J && a.fitOnLoad && H();
@@ -30053,7 +30078,7 @@ const e0 = {
       { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": 2, "stroke-linecap": "round" },
       [Y("path", { d: "M6 12h12" })]
     );
-    return n({ zoomIn: I, zoomOut: O, fit: H, setZoom: A }), (_, ye) => (o(), te(Mt(j.value ? "div" : Tt), Ee(
+    return n({ zoomIn: I, zoomOut: O, fit: H, setZoom: A }), (ee, ye) => (o(), te(Mt(j.value ? "div" : Tt), Ee(
       j.value ? { class: b(C)("w-full", b(s)) } : {
         class: b(C)("w-full", b(s)),
         variant: e.variant,
@@ -30169,10 +30194,10 @@ const e0 = {
                   onHover: ue,
                   onSelect: le
                 }, rn({ _: 2 }, [
-                  _.$slots.node ? {
+                  ee.$slots.node ? {
                     name: "node",
                     fn: Ae((J) => [
-                      oe(_.$slots, "node", $n(Fn(J)))
+                      oe(ee.$slots, "node", $n(Fn(J)))
                     ]),
                     key: "0"
                   } : void 0
@@ -32444,20 +32469,20 @@ const Yw = { class: "flex h-full min-h-0 flex-col" }, Xw = {
       return Fe ? Number(Fe[1]) : 160;
     }, ie = l(
       () => k.value.map((Q) => ({ ...Q, width: `${R(Q)}px` }))
-    ), _ = K(null), ye = K(null), J = (Q, Te) => {
+    ), ee = K(null), ye = K(null), J = (Q, Te) => {
       if (Q.button !== 0) return;
       Q.preventDefault(), Q.stopPropagation();
       const Fe = R(
         k.value.find((De) => De.key === Te) ?? { key: Te }
       ), et = Q.clientX;
-      _.value = { key: Te, startX: et, startWidth: Fe }, ye.value = Te, document.body.style.cursor = "col-resize", document.body.style.userSelect = "none";
+      ee.value = { key: Te, startX: et, startWidth: Fe }, ye.value = Te, document.body.style.cursor = "col-resize", document.body.style.userSelect = "none";
       const it = (De) => {
-        const pt = _.value;
+        const pt = ee.value;
         if (!pt) return;
         const Lt = Math.max(v, Math.round(pt.startWidth + (De.clientX - pt.startX)));
         Ie.value[pt.key] !== Lt && (Ie.value = { ...Ie.value, [pt.key]: Lt });
       }, gt = () => {
-        window.removeEventListener("pointermove", it), window.removeEventListener("pointerup", gt), document.body.style.cursor = "", document.body.style.userSelect = "", _.value = null, ye.value = null, a(
+        window.removeEventListener("pointermove", it), window.removeEventListener("pointerup", gt), document.body.style.cursor = "", document.body.style.userSelect = "", ee.value = null, ye.value = null, a(
           "column-width-change",
           Object.fromEntries(ie.value.map((De) => [De.key, R(De)]))
         );
@@ -33509,7 +33534,7 @@ const O1 = {
       () => Math.max(1, Math.ceil(ge.value / n.dotSpacing))
     ), $e = l(() => Ce.value * n.dotSpacing), Ie = l(() => n.dotSpacing / U), R = l(() => Ce.value * Ie.value), ie = l(
       () => Math.max(0, $e.value - ge.value)
-    ), _ = l(() => Math.max(0, d.value - 12)), ye = l(() => _.value / $e.value), J = l(() => {
+    ), ee = l(() => Math.max(0, d.value - 12)), ye = l(() => ee.value / $e.value), J = l(() => {
       if (!P.value) return [];
       const pe = x.value, de = pe ? `M ${s.value} ${n.parentAnchorY} L 12 ${n.parentAnchorY} L 12 ${k.value + ie.value}` : `M 12 ${T.value} L 12 ${k.value + ie.value}`, re = pe ? s.value - 12 : k.value + ie.value - T.value, W = pe ? k.value - n.parentAnchorY + ie.value : 0, Le = re + W, ke = Le > 0 ? (re / Le).toFixed(4) : "1", je = pe ? {
         calcMode: "linear",
@@ -33973,12 +33998,12 @@ const Lo = /* @__PURE__ */ F({
         (B) => g.value[B.id] ?? !!B.active
       )
     ), le = (B) => {
-      var _, ye;
+      var ee, ye;
       if (!i.value || !w) return;
       B.preventDefault(), B.stopPropagation();
       const j = d.value;
       if (j.length === 0) return;
-      const U = (_ = j[0]) == null ? void 0 : _.id, ge = (ye = j[j.length - 1]) == null ? void 0 : ye.id, Ce = U ? c[U] : null, $e = ge ? c[ge] : null;
+      const U = (ee = j[0]) == null ? void 0 : ee.id, ge = (ye = j[j.length - 1]) == null ? void 0 : ye.id, Ce = U ? c[U] : null, $e = ge ? c[ge] : null;
       if (!Ce || !$e) return;
       let Ie = null;
       const R = Ce.getBoundingClientRect(), ie = $e.getBoundingClientRect();