@alfadocs/ui-kit 1.61.0 → 1.62.0

package/dist/_chunks/{dashboard-grid-DRnhIlT-.js → dashboard-grid-B2MB7SRS.js}

@@ -1,16 +1,16 @@
-import { jsxs as pe, jsx as R } from "react/jsx-runtime";
-import { forwardRef as Nt, useRef as k, useState as B, useCallback as A, useMemo as se, useEffect as q, useImperativeHandle as Pt, useContext as Wt, Children as Dt, isValidElement as Ht, Fragment as zt, createContext as Xt, cloneElement as ct } from "react";
-import { c as le } from "./index-D2ZczOXr.js";
-import { useTranslation as wt } from "react-i18next";
-import { I as Xe } from "./icon-button-dNE6ENLn.js";
-import { D as Re } from "./dropdown-menu-D1we7oAY.js";
-import { T as Ft } from "./tooltip-Cp-PLePW.js";
-import { u as te } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
-import { u as Yt } from "./registry-DvAUVLHh.js";
-import { P as Ot } from "./plus-DzMQ_c6b.js";
-import { X as jt } from "./x-B5YnXwCz.js";
-import { G as Vt } from "./grip-vertical-onSb1JXO.js";
-import { E as $t } from "./ellipsis-dRo9ouSU.js";
+import { jsxs as ge, jsx as R } from "react/jsx-runtime";
+import { forwardRef as Dt, useRef as S, useState as J, useCallback as L, useMemo as se, useEffect as B, useImperativeHandle as Pt, useContext as Wt, Children as Ht, isValidElement as zt, Fragment as Xt, createContext as Ft, cloneElement as lt } from "react";
+import { c as ue } from "./index-D2ZczOXr.js";
+import { useTranslation as xt } from "react-i18next";
+import { I as Fe } from "./icon-button-C_1TgRiK.js";
+import { D as Ie } from "./dropdown-menu-D1we7oAY.js";
+import { T as Yt } from "./tooltip-uEBdD1-5.js";
+import { u as re } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
+import { u as Ot } from "./registry-DvAUVLHh.js";
+import { P as jt } from "./plus-DzMQ_c6b.js";
+import { X as Vt } from "./x-B5YnXwCz.js";
+import { G as $t } from "./grip-vertical-onSb1JXO.js";
+import { E as qt } from "./ellipsis-dRo9ouSU.js";
 import { c as Kt } from "./createLucideIcon-DhHxpK9K.js";
 /**
  * @license lucide-react v1.22.0 - ISC
@@ -22,7 +22,7 @@ const Ut = [
   ["path", { d: "M19 13v6h-6", key: "1hxl6d" }],
   ["path", { d: "M5 11V5h6", key: "12e2xe" }],
   ["path", { d: "m5 5 14 14", key: "11anup" }]
-], qt = Kt("move-diagonal-2", Ut), Bt = {
+], Bt = Kt("move-diagonal-2", Ut), Jt = {
   id: "dashboard-grid",
   // The board's whole purpose is in-place rearrangement of its widgets.
   // `scroll` is backed by reveal_widget (the catalogue's name heuristic
@@ -83,7 +83,7 @@ const Ut = [
       ],
       descriptionKey: "ui.agent.dashboardGrid.actions.revealWidget",
       description: "Scroll a widget into view (its scrolling ancestor and the window) and highlight it briefly. Works in view and edit mode, and for a widget added a moment ago. Does not move focus.",
-      invoke: (r, s) => r.revealWidget(s.id)
+      invoke: (r, i) => r.revealWidget(i.id)
     },
     move_widget: {
       // Rearranging the board mutates user configuration — a write,
@@ -116,7 +116,7 @@ const Ut = [
       ],
       descriptionKey: "ui.agent.dashboardGrid.actions.moveWidget",
       description: "Move a widget to a cell. Out-of-bounds targets are clamped; colliding widgets are pushed down and the layout re-compacts. Refused while edit mode is off or the board is stacked.",
-      invoke: (r, s) => r.moveWidgetTo(s.id, s.x, s.y)
+      invoke: (r, i) => r.moveWidgetTo(i.id, i.x, i.y)
     },
     resize_widget: {
       safety: "write",
@@ -147,7 +147,7 @@ const Ut = [
       ],
       descriptionKey: "ui.agent.dashboardGrid.actions.resizeWidget",
       description: "Resize a widget to a span. Clamped to the grid and the widget’s min/max; colliding widgets are pushed down. Refused while edit mode is off or the board is stacked.",
-      invoke: (r, s) => r.resizeWidgetTo(s.id, s.w, s.h)
+      invoke: (r, i) => r.resizeWidgetTo(i.id, i.w, i.h)
     }
   },
   domHooks: {
@@ -167,146 +167,146 @@ const Ut = [
     }
   }
 };
-function H(r, s) {
-  return r.x < s.x + s.w && s.x < r.x + r.w && r.y < s.y + s.h && s.y < r.y + r.h;
+function X(r, i) {
+  return r.x < i.x + i.w && i.x < r.x + r.w && r.y < i.y + i.h && i.y < r.y + r.h;
 }
-function Ie(r, s) {
-  const i = Math.max(1, r.minW ?? 1), l = Math.max(1, r.minH ?? 1), g = Math.min(s, r.maxW ?? s), N = r.maxH ?? Number.POSITIVE_INFINITY, m = Math.min(Math.max(r.w, i), g), a = Math.min(Math.max(r.h, l), N), L = Math.min(Math.max(0, r.x), s - m), w = Math.max(0, r.y);
-  return { ...r, x: L, y: w, w: m, h: a };
+function Ne(r, i) {
+  const s = Math.max(1, r.minW ?? 1), l = Math.max(1, r.minH ?? 1), g = Math.min(i, r.maxW ?? i), N = r.maxH ?? Number.POSITIVE_INFINITY, p = Math.min(Math.max(r.w, s), g), a = Math.min(Math.max(r.h, l), N), I = Math.min(Math.max(0, r.x), i - p), W = Math.max(0, r.y);
+  return { ...r, x: I, y: W, w: p, h: a };
 }
-function lt(r, s) {
-  if (s.some((i) => H(i, r))) return !1;
-  for (let i = r.y; i < r.y + r.h; i += 1)
-    if (!s.some(
-      (g) => g.x >= r.x + r.w && i >= g.y && i < g.y + g.h
+function ut(r, i) {
+  if (i.some((s) => X(s, r))) return !1;
+  for (let s = r.y; s < r.y + r.h; s += 1)
+    if (!i.some(
+      (g) => g.x >= r.x + r.w && s >= g.y && s < g.y + g.h
     )) return !1;
   return !0;
 }
-function ut(r, s, i) {
-  return Math.abs(r.y * i + r.x - (s.y * i + s.x));
+function ft(r, i, s) {
+  return Math.abs(r.y * s + r.x - (i.y * s + i.x));
 }
-function ie(r, s, i, l) {
-  const g = r.map((o) => Ie(o, s)), N = [...g].sort((o, h) => o.id === i ? -1 : h.id === i ? 1 : o.y - h.y || o.x - h.x), m = [], a = i ? g.find((o) => o.id === i) : void 0, L = /* @__PURE__ */ new Set();
+function oe(r, i, s, l) {
+  const g = r.map((o) => Ne(o, i)), N = [...g].sort((o, w) => o.id === s ? -1 : w.id === s ? 1 : o.y - w.y || o.x - w.x), p = [], a = s ? g.find((o) => o.id === s) : void 0, I = /* @__PURE__ */ new Set();
   for (const o of N) {
-    if (o.id !== i) {
-      if (a && H(a, o)) {
-        const h = { ...o, y: Math.max(0, a.y - o.h) };
-        !H(a, h) && !m.some((M) => M.id !== i && H(M, h)) && (o.y = h.y);
+    if (o.id !== s) {
+      if (a && X(a, o)) {
+        const w = { ...o, y: Math.max(0, a.y - o.h) };
+        !X(a, w) && !p.some((x) => x.id !== s && X(x, w)) && (o.y = w.y);
       }
-      if (m.some((h) => H(h, o))) {
-        L.add(o.id);
-        const h = g.filter((y) => y.id !== o.id);
-        let M = o.y;
-        for (; m.some((y) => H(y, { ...o, y: M })); )
-          M += 1;
+      if (p.some((w) => X(w, o))) {
+        I.add(o.id);
+        const w = g.filter((k) => k.id !== o.id);
+        let x = o.y;
+        for (; p.some((k) => X(k, { ...o, y: x })); )
+          x += 1;
         let _ = null;
-        for (let y = Math.max(0, o.y - o.h); y <= M; y += 1)
-          for (let S = 0; S <= s - o.w; S += 1) {
-            const D = { ...o, x: S, y };
-            (lt(D, h) || l !== void 0 && H(l, D) && !h.some((z) => H(z, D))) && (!_ || ut({ x: S, y }, o, s) < ut(_, o, s)) && (_ = { x: S, y });
+        for (let k = Math.max(0, o.y - o.h); k <= x; k += 1)
+          for (let E = 0; E <= i - o.w; E += 1) {
+            const H = { ...o, x: E, y: k };
+            (ut(H, w) || l !== void 0 && X(l, H) && !w.some(($) => X($, H))) && (!_ || ft({ x: E, y: k }, o, i) < ft(_, o, i)) && (_ = { x: E, y: k });
           }
         if (_)
           o.x = _.x, o.y = _.y;
         else {
-          o.y = M;
-          const y = a !== void 0 && a.x < o.x && o.x < a.x + a.w, S = a ? a.x : o.x;
-          for (; y && o.x > S && !h.some((D) => H(D, { ...o, x: o.x - 1 })); )
+          o.y = x;
+          const k = a !== void 0 && a.x < o.x && o.x < a.x + a.w, E = a ? a.x : o.x;
+          for (; k && o.x > E && !w.some((H) => X(H, { ...o, x: o.x - 1 })); )
             o.x -= 1;
         }
       }
-      for (; m.some((h) => H(h, o)); )
+      for (; p.some((w) => X(w, o)); )
         o.y += 1;
       for (; o.y > 0; ) {
-        const h = { ...o, y: o.y - 1 };
-        if (m.some((M) => H(M, h))) break;
+        const w = { ...o, y: o.y - 1 };
+        if (p.some((x) => X(x, w))) break;
         o.y -= 1;
       }
     }
-    m.push(o);
+    p.push(o);
   }
-  const w = a ? [...m].sort((o, h) => o.y - h.y || o.x - h.x) : [];
-  for (const o of w) {
-    if (o.id === i || L.has(o.id)) continue;
-    const h = m.filter((_) => _.id !== o.id);
-    let M = null;
-    for (let _ = 0; _ < o.y && !M; _ += 1) {
-      const y = Array.from(
+  const W = a ? [...p].sort((o, w) => o.y - w.y || o.x - w.x) : [];
+  for (const o of W) {
+    if (o.id === s || I.has(o.id)) continue;
+    const w = p.filter((_) => _.id !== o.id);
+    let x = null;
+    for (let _ = 0; _ < o.y && !x; _ += 1) {
+      const k = Array.from(
         { length: 2 * o.w + 1 },
-        (S, D) => o.x - o.w + D
-      ).filter((S) => S >= 0 && S <= s - o.w).sort((S, D) => Math.abs(S - o.x) - Math.abs(D - o.x) || S - D);
-      for (const S of y)
-        if (lt({ ...o, x: S, y: _ }, h)) {
-          M = { x: S, y: _ };
+        (E, H) => o.x - o.w + H
+      ).filter((E) => E >= 0 && E <= i - o.w).sort((E, H) => Math.abs(E - o.x) - Math.abs(H - o.x) || E - H);
+      for (const E of k)
+        if (ut({ ...o, x: E, y: _ }, w)) {
+          x = { x: E, y: _ };
           break;
         }
     }
-    if (M)
-      for (o.x = M.x, o.y = M.y; o.y > 0; ) {
+    if (x)
+      for (o.x = x.x, o.y = x.y; o.y > 0; ) {
         const _ = { ...o, y: o.y - 1 };
-        if (h.some((y) => H(y, _))) break;
+        if (w.some((k) => X(k, _))) break;
         o.y -= 1;
       }
   }
-  const T = new Map(m.map((o) => [o.id, o]));
-  return r.map((o) => T.get(o.id));
+  const b = new Map(p.map((o) => [o.id, o]));
+  return r.map((o) => b.get(o.id));
 }
-function Jt(r, s, i, l, g) {
+function Qt(r, i, s, l, g) {
   const N = r.map(
-    (m) => m.id === s ? Ie({ ...m, x: i, y: l }, g) : m
+    (p) => p.id === i ? Ne({ ...p, x: s, y: l }, g) : p
   );
-  return ie(
+  return oe(
     N,
     g,
-    s,
-    r.find((m) => m.id === s)
+    i,
+    r.find((p) => p.id === i)
   );
 }
-function Qt(r, s, i, l, g) {
+function Zt(r, i, s, l, g) {
   const N = r.map(
-    (m) => m.id === s ? (
+    (p) => p.id === i ? (
       // Resizing never moves the widget: the width clamps to the space
       // between its position and the grid edge (clampRect would slide it).
       // minW wins over the edge clamp so clampRect cannot re-raise w and
       // slide x as a side effect.
-      Ie(
+      Ne(
         {
-          ...m,
-          w: Math.max(m.minW ?? 1, Math.min(i, g - m.x)),
+          ...p,
+          w: Math.max(p.minW ?? 1, Math.min(s, g - p.x)),
           h: l
         },
         g
       )
-    ) : m
+    ) : p
   );
-  return ie(N, g, s);
+  return oe(N, g, i);
 }
-function ft(r, s, i, l) {
-  const g = Math.min(Math.max(1, i), s), N = r.reduce((m, a) => Math.max(m, a.y + a.h), 0);
-  for (let m = 0; m <= N; m += 1)
-    for (let a = 0; a <= s - g; a += 1) {
-      const L = {
+function mt(r, i, s, l) {
+  const g = Math.min(Math.max(1, s), i), N = r.reduce((p, a) => Math.max(p, a.y + a.h), 0);
+  for (let p = 0; p <= N; p += 1)
+    for (let a = 0; a <= i - g; a += 1) {
+      const I = {
         x: a,
-        y: m,
+        y: p,
         w: g,
         h: l
       };
-      if (!r.some((w) => H(w, L)))
-        return { x: a, y: m };
+      if (!r.some((W) => X(W, I)))
+        return { x: a, y: p };
     }
   return { x: 0, y: N };
 }
-function yt(r) {
-  return r.reduce((s, i) => Math.max(s, i.y + i.h), 0);
+function kt(r) {
+  return r.reduce((i, s) => Math.max(i, s.y + s.h), 0);
 }
-const Zt = 24;
-function mt(r, s, i) {
-  return s === void 0 || !Number.isFinite(s) || s <= 0 ? !1 : !Number.isFinite(r) || r <= 0 ? i : i ? r < s + Zt : r < s;
+const er = 24;
+function pt(r, i, s) {
+  return i === void 0 || !Number.isFinite(i) || i <= 0 ? !1 : !Number.isFinite(r) || r <= 0 ? s : s ? r < i + er : r < i;
 }
-function er(r, s) {
-  const i = new Map(s.map((l) => [l.id, l]));
-  return r.map((l, g) => ({ id: l, index: g, entry: i.get(l) })).sort((l, g) => !l.entry || !g.entry ? l.entry ? -1 : g.entry ? 1 : l.index - g.index : l.entry.y - g.entry.y || l.entry.x - g.entry.x || l.index - g.index).map(({ id: l }) => l);
+function tr(r, i) {
+  const s = new Map(i.map((l) => [l.id, l]));
+  return r.map((l, g) => ({ id: l, index: g, entry: s.get(l) })).sort((l, g) => !l.entry || !g.entry ? l.entry ? -1 : g.entry ? 1 : l.index - g.index : l.entry.y - g.entry.y || l.entry.x - g.entry.x || l.index - g.index).map(({ id: l }) => l);
 }
-const tr = le(
+const rr = ue(
   [
     "ds:grid ds:w-full",
     // A stacking context: a grabbed widget's lift stays inside the board.
@@ -337,7 +337,7 @@ const tr = le(
     },
     defaultVariants: { stacked: !1 }
   }
-), rr = le(
+), nr = ue(
   [
     "ds:relative ds:min-h-0 ds:min-w-0 ds:overflow-hidden",
     // Its own stacking context: a sticky or raised layer inside a widget
@@ -396,7 +396,7 @@ const tr = le(
     ],
     defaultVariants: { stacked: !1, stackedHeight: "grid" }
   }
-), nr = le(
+), ir = ue(
   "ds:ps-[var(--spacing-md)] ds:pt-[var(--spacing-xs)]",
   {
     variants: {
@@ -419,7 +419,7 @@ const tr = le(
     },
     defaultVariants: { fit: "box", editing: !1 }
   }
-), sr = le(
+), sr = ue(
   [
     "ds:absolute ds:bottom-[var(--spacing-2xs)] ds:end-[var(--spacing-2xs)]",
     "ds:inline-flex ds:size-[var(--spacing-lg)] ds:items-center ds:justify-center",
@@ -433,7 +433,7 @@ const tr = le(
     "ds:before:size-[var(--min-target-size)]",
     "ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid ds:focus-visible:outline-ring ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]"
   ].join(" ")
-), pt = le(
+), gt = ue(
   "ds:items-center ds:gap-[calc(var(--min-target-size)_-_var(--spacing-xl))]",
   {
     variants: {
@@ -445,7 +445,7 @@ const tr = le(
     },
     defaultVariants: { when: "always" }
   }
-), Fe = "ds:bg-[var(--card)] ds:data-[component=icon-button]:sm:before:block", ir = le(
+), Ye = "ds:bg-[var(--card)] ds:data-[component=icon-button]:sm:before:block", or = ue(
   "ds:flex ds:items-center ds:gap-[var(--spacing-xs)] ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] ds:pt-[var(--spacing-sm)]",
   {
     variants: {
@@ -456,173 +456,187 @@ const tr = le(
     },
     defaultVariants: { editing: !1 }
   }
-), or = le(
+), dr = ue(
   [
     "ds:m-0 ds:min-w-0 ds:flex-1 ds:truncate ds:text-sm ds:font-medium",
     "ds:rounded-[var(--radius-sm)]",
     "ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid ds:focus-visible:outline-ring ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]"
   ].join(" ")
-), xt = Xt(
+), St = Ft(
   null
 );
-function gt(r) {
+function ht(r) {
   return r !== void 0 && Number.isFinite(r) && r >= 1 ? Math.floor(r) : void 0;
 }
-function Le(r, s) {
-  Dt.forEach(r, (i) => {
-    if (Ht(i)) {
-      if (i.type === zt) {
+function Le(r, i) {
+  Ht.forEach(r, (s) => {
+    if (zt(s)) {
+      if (s.type === Xt) {
         Le(
-          i.props.children,
-          s
+          s.props.children,
+          i
         );
         return;
       }
-      s(i);
+      i(s);
     }
   });
 }
-function kt({
+function Mt({
   id: r,
-  title: s,
-  minStackedHeight: i,
+  title: i,
+  minStackedHeight: s,
   actions: l,
   actionsSlot: g,
   children: N
 }) {
-  var V, ue, oe;
-  const { t: m } = wt("ui"), a = Wt(xt), L = k(null), w = a == null ? void 0 : a.layoutById.get(r), [T, o] = B(null), [h, M] = B(!1), [_, y] = B(!1), [S, D] = B(!1);
-  if (q(() => {
-    if (!T) return;
-    const u = () => M(T.scrollWidth > T.clientWidth);
-    u();
-    const J = typeof document < "u" ? document.fonts : void 0;
-    J == null || J.addEventListener("loadingdone", u);
-    const $ = typeof ResizeObserver > "u" ? void 0 : new ResizeObserver(u);
-    return $ == null || $.observe(T), () => {
-      J == null || J.removeEventListener("loadingdone", u), $ == null || $.disconnect();
+  var fe, de, T;
+  const { t: p } = xt("ui"), a = Wt(St), I = S(null), W = S(null), b = a == null ? void 0 : a.layoutById.get(r), [o, w] = J(null), [x, _] = J(!1), [k, E] = J(!1), [H, A] = J(!1);
+  if (B(() => {
+    if (!o) return;
+    const h = () => _(o.scrollWidth > o.clientWidth);
+    h();
+    const z = typeof document < "u" ? document.fonts : void 0;
+    z == null || z.addEventListener("loadingdone", h);
+    const q = typeof ResizeObserver > "u" ? void 0 : new ResizeObserver(h);
+    return q == null || q.observe(o), () => {
+      z == null || z.removeEventListener("loadingdone", h), q == null || q.disconnect();
     };
-  }, [T, s]), q(() => {
-    h || D(!1);
-  }, [h]), te(() => {
-    const u = L.current;
-    !u || !w || (u.style.setProperty("--dg-x", String(w.x + 1)), u.style.setProperty("--dg-y", String(w.y + 1)), u.style.setProperty("--dg-w", String(w.w)), u.style.setProperty("--dg-h", String(w.h)), u.style.setProperty(
+  }, [o, i]), B(() => {
+    x || A(!1);
+  }, [x]), re(() => {
+    const h = I.current;
+    !h || !b || (h.style.setProperty("--dg-x", String(b.x + 1)), h.style.setProperty("--dg-y", String(b.y + 1)), h.style.setProperty("--dg-w", String(b.w)), h.style.setProperty("--dg-h", String(b.h)), h.style.setProperty(
       "--dg-min-stacked",
-      i !== void 0 && Number.isFinite(i) && i > 0 ? `${i}px` : "auto"
+      s !== void 0 && Number.isFinite(s) && s > 0 ? `${s}px` : "auto"
     ));
-  }, [w == null ? void 0 : w.x, w == null ? void 0 : w.y, w == null ? void 0 : w.w, w == null ? void 0 : w.h, w, i]), !a || !w) return null;
-  const G = ((V = a.grab) == null ? void 0 : V.id) === r, z = a.editing, I = [
+  }, [b == null ? void 0 : b.x, b == null ? void 0 : b.y, b == null ? void 0 : b.w, b == null ? void 0 : b.h, b, s]), !a || !b) return null;
+  const $ = ((fe = a.grab) == null ? void 0 : fe.id) === r, G = a.editing, M = [
     ...l ?? [],
-    ...z && a.canRemove ? [
+    ...G && a.canRemove ? [
       {
-        id: "__remove__",
-        label: m("dashboardGrid.remove", { title: s }),
-        icon: /* @__PURE__ */ R(jt, {}),
+        id: bt,
+        label: p("dashboardGrid.remove", { title: i }),
+        icon: /* @__PURE__ */ R(Vt, {}),
         onSelect: () => a.requestRemove(r)
       }
     ] : []
-  ], E = I.length > 1, Ae = a.headingLevel ? `h${a.headingLevel}` : "span";
-  return /* @__PURE__ */ pe(
+  ], xe = M.length > 1, Q = a.headingLevel ? `h${a.headingLevel}` : "span";
+  return /* @__PURE__ */ ge(
     "div",
     {
-      ref: L,
+      ref: I,
       role: "listitem",
-      "aria-label": s,
+      "aria-label": i,
       "data-component": "dashboard-grid-widget",
       "data-widget-id": r,
-      "data-grabbed": G || void 0,
+      "data-grabbed": $ || void 0,
       "data-selected": a.selectedId === r || void 0,
       "data-revealed": a.revealedId === r || void 0,
       "aria-current": a.selectedId === r ? "true" : void 0,
-      className: rr({
+      className: nr({
         stacked: a.stacked,
         stackedHeight: a.stackedHeight
       }),
       children: [
-        /* @__PURE__ */ pe(
+        /* @__PURE__ */ ge(
           "div",
           {
-            className: ir({ editing: z }),
-            onPointerDown: z ? (u) => a.startHeaderPress(r, u) : void 0,
+            className: or({ editing: G }),
+            onPointerDown: G ? (h) => a.startHeaderPress(r, h) : void 0,
             children: [
-              z ? /* @__PURE__ */ R(
-                Xe,
+              G ? /* @__PURE__ */ R(
+                Fe,
                 {
                   size: "sm",
                   intent: "outline",
                   type: "button",
-                  icon: /* @__PURE__ */ R(Vt, {}),
-                  "aria-label": m("dashboardGrid.move", { title: s }),
-                  "aria-pressed": G && ((ue = a.grab) == null ? void 0 : ue.kind) === "move",
-                  className: `ds:cursor-grab ds:touch-none ${Fe}`,
-                  onPointerDown: (u) => a.startPointerGrab("move", r, u),
-                  onKeyDown: (u) => a.keyboardStep(u, r),
+                  icon: /* @__PURE__ */ R($t, {}),
+                  "aria-label": p("dashboardGrid.move", { title: i }),
+                  "aria-pressed": $ && ((de = a.grab) == null ? void 0 : de.kind) === "move",
+                  className: `ds:cursor-grab ds:touch-none ${Ye}`,
+                  onPointerDown: (h) => a.startPointerGrab("move", r, h),
+                  onKeyDown: (h) => a.keyboardStep(h, r),
                   onClick: () => a.startKeyboardGrab("move", r)
                 }
               ) : null,
               /* @__PURE__ */ R(
-                Ft,
+                Yt,
                 {
-                  label: s,
-                  open: h && S,
-                  onOpenChange: (u) => D(u && h),
+                  label: i,
+                  open: x && H,
+                  onOpenChange: (h) => A(h && x),
                   children: /* @__PURE__ */ R(
-                    Ae,
+                    Q,
                     {
-                      ref: o,
-                      tabIndex: h || _ ? 0 : void 0,
+                      ref: w,
+                      tabIndex: x || k ? 0 : void 0,
                       "data-dashboard-grid-title": "",
-                      onFocus: () => y(!0),
-                      onBlur: () => y(!1),
-                      className: or(),
-                      children: s
+                      onFocus: () => E(!0),
+                      onBlur: () => E(!1),
+                      className: dr(),
+                      children: i
                     }
                   )
                 }
               ),
               g,
-              I.length > 0 ? /* @__PURE__ */ R(
+              M.length > 0 ? /* @__PURE__ */ R(
                 "div",
                 {
-                  className: pt({
-                    when: E ? "wide" : "always"
+                  className: gt({
+                    when: xe ? "wide" : "always"
                   }),
-                  children: I.map((u) => /* @__PURE__ */ R(
-                    Xe,
+                  children: M.map((h) => /* @__PURE__ */ R(
+                    Fe,
                     {
                       size: "sm",
                       intent: "outline",
                       type: "button",
-                      icon: u.icon,
-                      className: Fe,
-                      "aria-label": u.label,
-                      onClick: u.onSelect
+                      icon: h.icon,
+                      className: Ye,
+                      "aria-label": h.label,
+                      onClick: h.onSelect
                     },
-                    u.id
+                    h.id
                   ))
                 }
               ) : null,
-              E ? /* @__PURE__ */ R("div", { className: pt({ when: "narrow" }), children: /* @__PURE__ */ pe(Re.Root, { modal: !1, children: [
-                /* @__PURE__ */ R(Re.Trigger, { asChild: !0, children: /* @__PURE__ */ R(
-                  Xe,
+              xe ? /* @__PURE__ */ R("div", { className: gt({ when: "narrow" }), children: /* @__PURE__ */ ge(Ie.Root, { modal: !1, children: [
+                /* @__PURE__ */ R(Ie.Trigger, { asChild: !0, children: /* @__PURE__ */ R(
+                  Fe,
                   {
                     size: "sm",
                     intent: "outline",
                     type: "button",
-                    icon: /* @__PURE__ */ R($t, {}),
-                    className: Fe,
-                    "aria-label": m("dashboardGrid.moreActions", { title: s })
+                    icon: /* @__PURE__ */ R(qt, {}),
+                    className: Ye,
+                    "aria-label": p("dashboardGrid.moreActions", { title: i })
                   }
                 ) }),
-                /* @__PURE__ */ R(Re.Content, { align: "end", children: I.map((u) => /* @__PURE__ */ R(
-                  Re.Item,
+                /* @__PURE__ */ R(
+                  Ie.Content,
                   {
-                    startIcon: u.icon,
-                    onSelect: u.onSelect,
-                    children: u.label
-                  },
-                  u.id
-                )) })
+                    align: "end",
+                    onCloseAutoFocus: (h) => {
+                      const z = W.current;
+                      if (W.current = null, !z) return;
+                      const q = document.activeElement;
+                      z.onSelect(), (z.id === bt || document.activeElement !== q) && h.preventDefault();
+                    },
+                    children: M.map((h) => /* @__PURE__ */ R(
+                      Ie.Item,
+                      {
+                        startIcon: h.icon,
+                        onSelect: () => {
+                          W.current = h;
+                        },
+                        children: h.label
+                      },
+                      h.id
+                    ))
+                  }
+                )
               ] }) }) : null
             ]
           }
@@ -630,32 +644,32 @@ function kt({
         /* @__PURE__ */ R(
           "div",
           {
-            className: nr({
+            className: ir({
               fit: a.stacked && a.stackedHeight === "content" ? "content" : "box",
-              editing: z
+              editing: G
             }),
             children: N
           }
         ),
-        z ? /* @__PURE__ */ R(
+        G ? /* @__PURE__ */ R(
           "button",
           {
             type: "button",
-            "aria-label": m("dashboardGrid.resize", { title: s }),
-            "aria-pressed": G && ((oe = a.grab) == null ? void 0 : oe.kind) === "resize",
+            "aria-label": p("dashboardGrid.resize", { title: i }),
+            "aria-pressed": $ && ((T = a.grab) == null ? void 0 : T.kind) === "resize",
             className: sr(),
-            onPointerDown: (u) => a.startPointerGrab("resize", r, u),
-            onKeyDown: (u) => a.keyboardStep(u, r),
+            onPointerDown: (h) => a.startPointerGrab("resize", r, h),
+            onKeyDown: (h) => a.keyboardStep(h, r),
             onClick: () => a.startKeyboardGrab("resize", r),
-            children: /* @__PURE__ */ R(qt, { "aria-hidden": "true" })
+            children: /* @__PURE__ */ R(Bt, { "aria-hidden": "true" })
           }
         ) : null
       ]
     }
   );
 }
-kt.displayName = "DashboardGrid.Widget";
-const ht = 1e3, dr = 1600, ar = [
+Mt.displayName = "DashboardGrid.Widget";
+const vt = 1e3, ar = 1600, cr = [
   "button",
   "a",
   "input",
@@ -667,99 +681,99 @@ const ht = 1e3, dr = 1600, ar = [
   '[role="button"]',
   '[role="menuitem"]',
   "[tabindex]:not([data-dashboard-grid-title])"
-].join(", "), vt = 4, cr = 400, lr = 8, Ye = 48, ur = 18;
-function fr(r) {
-  const s = {
+].join(", "), bt = "__remove__", wt = 4, lr = 400, ur = 8, Oe = 48, fr = 18;
+function mr(r) {
+  const i = {
     x: null,
     y: null
-  }, i = (l) => l === "auto" || l === "scroll" || l === "overlay";
-  for (let l = r.parentElement; l && l !== document.body && l !== document.documentElement && !(s.x && s.y); l = l.parentElement) {
+  }, s = (l) => l === "auto" || l === "scroll" || l === "overlay";
+  for (let l = r.parentElement; l && l !== document.body && l !== document.documentElement && !(i.x && i.y); l = l.parentElement) {
     const g = window.getComputedStyle(l);
-    !s.y && i(g.overflowY) && l.scrollHeight > l.clientHeight && (s.y = l), !s.x && i(g.overflowX) && l.scrollWidth > l.clientWidth && (s.x = l);
+    !i.y && s(g.overflowY) && l.scrollHeight > l.clientHeight && (i.y = l), !i.x && s(g.overflowX) && l.scrollWidth > l.clientWidth && (i.x = l);
   }
-  return s;
+  return i;
 }
-function me(r, s, i, l, g, N, m = !0) {
-  const a = r.find((h) => h.id === i);
+function pe(r, i, s, l, g, N, p = !0) {
+  const a = r.find((w) => w.id === s);
   if (!a) return r;
-  const L = m ? yt(r) + 2 : Number.POSITIVE_INFINITY, w = s === "move" ? Jt(r, i, l, Math.min(g, L - a.h), N) : Qt(r, i, l, Math.min(g, L - a.y), N), T = w.find((h) => h.id === i);
-  return T !== void 0 && T.x === a.x && T.y === a.y && T.w === a.w && T.h === a.h ? r : w;
+  const I = p ? kt(r) + 2 : Number.POSITIVE_INFINITY, W = i === "move" ? Qt(r, s, l, Math.min(g, I - a.h), N) : Zt(r, s, l, Math.min(g, I - a.y), N), b = W.find((w) => w.id === s);
+  return b !== void 0 && b.x === a.x && b.y === a.y && b.w === a.w && b.h === a.h ? r : W;
 }
-function bt(r) {
-  if (r >= Ye) return 0;
-  const s = (Ye - Math.max(0, r)) / Ye;
-  return Math.ceil(s * ur);
+function yt(r) {
+  if (r >= Oe) return 0;
+  const i = (Oe - Math.max(0, r)) / Oe;
+  return Math.ceil(i * fr);
 }
-const Mt = Nt(
+const Et = Dt(
   ({
     "aria-label": r,
-    id: s,
-    cols: i = 12,
+    id: i,
+    cols: s = 12,
     rowHeight: l = 96,
     layout: g,
     defaultLayout: N,
-    onLayoutChange: m,
+    onLayoutChange: p,
     editing: a = !1,
-    onRemoveWidget: L,
-    onRequestAdd: w,
-    stackBelow: T,
+    onRemoveWidget: I,
+    onRequestAdd: W,
+    stackBelow: b,
     onStackedChange: o,
-    stackedHeight: h = "grid",
-    selectedId: M,
+    stackedHeight: w = "grid",
+    selectedId: x,
     widgetHeadingLevel: _,
-    children: y,
-    className: S
-  }, D) => {
-    const { t: G } = wt("ui"), z = k(null), I = k(null), [E, Ae] = B(!1), V = k(!1);
-    V.current = E;
-    const ue = k(null), oe = A((e) => {
+    children: k,
+    className: E
+  }, H) => {
+    const { t: A } = xt("ui"), $ = S(null), G = S(null), [M, xe] = J(!1), Q = S(!1);
+    Q.current = M;
+    const fe = S(null), de = L((e) => {
       var d;
-      if (e === V.current) return;
-      const t = z.current, n = typeof document < "u" ? document.activeElement : null;
-      ue.current = t && n instanceof HTMLElement && t.contains(n) ? {
+      if (e === Q.current) return;
+      const t = $.current, n = typeof document < "u" ? document.activeElement : null;
+      fe.current = t && n instanceof HTMLElement && t.contains(n) ? {
         element: n,
         widgetId: ((d = n.closest("[data-widget-id]")) == null ? void 0 : d.getAttribute("data-widget-id")) ?? null
-      } : null, V.current = e, Ae(e);
+      } : null, Q.current = e, xe(e);
     }, []);
-    te(() => {
-      const e = z.current;
+    re(() => {
+      const e = $.current;
       if (!e) return;
-      if (T === void 0) {
-        oe(!1);
+      if (b === void 0) {
+        de(!1);
         return;
       }
-      if (oe(
-        mt(e.offsetWidth, T, V.current)
+      if (de(
+        pt(e.offsetWidth, b, Q.current)
       ), typeof ResizeObserver > "u") return;
       const t = new ResizeObserver((n) => {
-        var c, v;
+        var c, m;
         const d = n[n.length - 1];
         if (!d) return;
-        const f = ((v = (c = d.borderBoxSize) == null ? void 0 : c[0]) == null ? void 0 : v.inlineSize) ?? d.contentRect.width;
-        oe(mt(f, T, V.current));
+        const u = ((m = (c = d.borderBoxSize) == null ? void 0 : c[0]) == null ? void 0 : m.inlineSize) ?? d.contentRect.width;
+        de(pt(u, b, Q.current));
       });
       return t.observe(e), () => t.disconnect();
-    }, [T, oe]);
-    const u = a && !E, J = se(() => {
+    }, [b, de]);
+    const T = a && !M, h = se(() => {
       const e = [];
-      return Le(y, (t) => {
+      return Le(k, (t) => {
         t.props.id && e.push(t.props.id);
       }), e;
-    }, [y]), $ = se(() => {
+    }, [k]), z = se(() => {
       const e = /* @__PURE__ */ new Map();
-      return Le(y, (t) => {
+      return Le(k, (t) => {
         t.props.id && e.set(t.props.id, {
           defaultW: t.props.defaultW ?? 4,
           defaultH: t.props.defaultH ?? 2,
-          minW: gt(t.props.minW),
-          minH: gt(t.props.minH)
+          minW: ht(t.props.minW),
+          minH: ht(t.props.minH)
         });
       }), e;
-    }, [y]), [St, Gt] = B(() => N ?? []), ye = g ?? St, Oe = k(ye);
-    Oe.current = ye;
-    const xe = A(
+    }, [k]), [q, Gt] = J(() => N ?? []), ke = g ?? q, je = S(ke);
+    je.current = ke;
+    const Se = L(
       (e) => e.map((t) => {
-        const n = Oe.current.find((v) => v.id === t.id), { minW: d, minH: f, ...c } = t;
+        const n = je.current.find((m) => m.id === t.id), { minW: d, minH: u, ...c } = t;
         return {
           ...c,
           ...(n == null ? void 0 : n.minW) !== void 0 ? { minW: n.minW } : {},
@@ -767,237 +781,237 @@ const Mt = Nt(
         };
       }),
       []
-    ), Q = A(
+    ), Z = L(
       (e) => {
-        const t = xe(e);
-        g === void 0 && Gt(t), m == null || m(t);
+        const t = Se(e);
+        g === void 0 && Gt(t), p == null || p(t);
       },
-      [g, m, xe]
-    ), { resolved: W, autoPlaced: je } = se(() => {
-      const e = (f) => {
-        const c = $.get(f.id);
-        return Ie(
+      [g, p, Se]
+    ), { resolved: P, autoPlaced: Ve } = se(() => {
+      const e = (u) => {
+        const c = z.get(u.id);
+        return Ne(
           {
-            ...f,
-            ...(c == null ? void 0 : c.minW) !== void 0 ? { minW: Math.max(f.minW ?? 1, c.minW) } : {},
-            ...(c == null ? void 0 : c.minH) !== void 0 ? { minH: Math.max(f.minH ?? 1, c.minH) } : {}
+            ...u,
+            ...(c == null ? void 0 : c.minW) !== void 0 ? { minW: Math.max(u.minW ?? 1, c.minW) } : {},
+            ...(c == null ? void 0 : c.minH) !== void 0 ? { minH: Math.max(u.minH ?? 1, c.minH) } : {}
           },
-          i
+          s
         );
-      }, t = ye.map(e), n = J.filter(
-        (f) => !t.some((c) => c.id === f)
+      }, t = ke.map(e), n = h.filter(
+        (u) => !t.some((c) => c.id === u)
       );
       if (n.length === 0)
         return {
           resolved: t.some(
-            (c, v) => t.some((x, p) => p > v && H(c, x))
-          ) ? ie(t, i) : t,
+            (c, m) => t.some((y, f) => f > m && X(c, y))
+          ) ? oe(t, s) : t,
           autoPlaced: !1
         };
       const d = [...t];
-      for (const f of n) {
-        const c = $.get(f) ?? { defaultW: 4, defaultH: 2 }, v = Math.min(Math.max(c.defaultW, c.minW ?? 1), i), x = Math.max(c.defaultH, c.minH ?? 1), p = ft(d, i, v, x);
-        d.push(e({ id: f, x: p.x, y: p.y, w: v, h: x }));
+      for (const u of n) {
+        const c = z.get(u) ?? { defaultW: 4, defaultH: 2 }, m = Math.min(Math.max(c.defaultW, c.minW ?? 1), s), y = Math.max(c.defaultH, c.minH ?? 1), f = mt(d, s, m, y);
+        d.push(e({ id: u, x: f.x, y: f.y, w: m, h: y }));
       }
-      return { resolved: ie(d, i), autoPlaced: !0 };
-    }, [ye, J, $, i]), Ve = k("");
-    q(() => {
-      if (!je) return;
-      const e = W.map(
+      return { resolved: oe(d, s), autoPlaced: !0 };
+    }, [ke, h, z, s]), $e = S("");
+    B(() => {
+      if (!Ve) return;
+      const e = P.map(
         (t) => `${t.id}:${t.x},${t.y},${t.w},${t.h}`
       ).join("|");
-      Ve.current !== e && (Ve.current = e, Q(W));
-    }, [je, W, Q]);
-    const [Et, Tt] = B(null), [de, $e] = B(null), [_t, ae] = B(""), Ne = k(null), j = k(null), ce = k(null), Pe = k(!1), ge = k(i);
-    ge.current = i;
-    const fe = k(W);
-    fe.current = W;
-    const re = A((e) => {
-      Ne.current = e, Tt(e);
-    }, []), ke = A(
+      $e.current !== e && ($e.current = e, Z(P));
+    }, [Ve, P, Z]);
+    const [Tt, _t] = J(null), [ae, qe] = J(null), [At, ce] = J(""), De = S(null), V = S(null), le = S(null), Pe = S(!1), he = S(s);
+    he.current = s;
+    const me = S(P);
+    me.current = P;
+    const ne = L((e) => {
+      De.current = e, _t(e);
+    }, []), Me = L(
       (e, t, n) => {
         const d = { kind: e, id: t, via: n };
-        j.current = { ...d, baseLayout: fe.current }, $e(d), re(fe.current);
+        V.current = { ...d, baseLayout: me.current }, qe(d), ne(me.current);
       },
-      [re]
-    ), he = Et ?? W, Ke = se(
-      () => new Map(he.map((e) => [e.id, e])),
-      [he]
-    ), Ue = A(
+      [ne]
+    ), ve = Tt ?? P, Ke = se(
+      () => new Map(ve.map((e) => [e.id, e])),
+      [ve]
+    ), Ue = L(
       (e, t) => {
-        ae(
-          e === "move" ? G("dashboardGrid.movedTo", { col: t.x + 1, row: t.y + 1 }) : G("dashboardGrid.resizedTo", { cols: t.w, rows: t.h })
+        ce(
+          e === "move" ? A("dashboardGrid.movedTo", { col: t.x + 1, row: t.y + 1 }) : A("dashboardGrid.resizedTo", { cols: t.w, rows: t.h })
         );
       },
-      [G]
-    ), F = k(null), Y = A(
+      [A]
+    ), Y = S(null), O = L(
       (e) => {
-        var v;
-        (v = F.current) == null || v.call(F), F.current = null;
-        const t = Ne.current, n = j.current;
-        if (j.current = null, ce.current = null, $e(null), re(null), !e || !t || !n) {
-          ae(G("dashboardGrid.cancelled"));
+        var m;
+        (m = Y.current) == null || m.call(Y), Y.current = null;
+        const t = De.current, n = V.current;
+        if (V.current = null, le.current = null, qe(null), ne(null), !e || !t || !n) {
+          ce(A("dashboardGrid.cancelled"));
           return;
         }
-        const d = ie(t, ge.current), f = (x) => x.map((p) => `${p.id}:${p.x},${p.y},${p.w},${p.h}`).join("|");
-        if (f(d) === f(fe.current)) {
-          ae(G("dashboardGrid.cancelled"));
+        const d = oe(t, he.current), u = (y) => y.map((f) => `${f.id}:${f.x},${f.y},${f.w},${f.h}`).join("|");
+        if (u(d) === u(me.current)) {
+          ce(A("dashboardGrid.cancelled"));
           return;
         }
-        Q(d);
-        const c = d.find((x) => x.id === n.id);
-        ae(
-          c ? G("dashboardGrid.droppedAt", {
+        Z(d);
+        const c = d.find((y) => y.id === n.id);
+        ce(
+          c ? A("dashboardGrid.droppedAt", {
             col: c.x + 1,
             row: c.y + 1
-          }) : G("dashboardGrid.cancelled")
+          }) : A("dashboardGrid.cancelled")
         );
       },
-      [re, Q, G]
-    ), We = k(Y);
-    We.current = Y;
-    const qe = A(
+      [ne, Z, A]
+    ), We = S(O);
+    We.current = O;
+    const Be = L(
       (e, t) => {
-        if (!u) return;
+        if (!T) return;
         if (Pe.current) {
           Pe.current = !1;
           return;
         }
-        const n = j.current;
+        const n = V.current;
         if ((n == null ? void 0 : n.via) !== "pointer") {
           if (n && n.id === t && n.kind === e) {
-            Y(!0);
+            O(!0);
             return;
           }
-          ke(e, t, "keyboard"), ae(
-            G(e === "move" ? "dashboardGrid.grabbed" : "dashboardGrid.resizeGrabbed")
+          Me(e, t, "keyboard"), ce(
+            A(e === "move" ? "dashboardGrid.grabbed" : "dashboardGrid.resizeGrabbed")
           );
         }
       },
-      [u, ke, Y, G]
-    ), Be = A(
+      [T, Me, O, A]
+    ), Je = L(
       (e, t) => {
-        const n = j.current;
+        const n = V.current;
         if (!n || n.id !== t || n.via !== "keyboard")
           return;
         if (e.key === "Escape") {
-          e.preventDefault(), Y(!1);
+          e.preventDefault(), O(!1);
           return;
         }
         if (!["ArrowLeft", "ArrowRight", "ArrowUp", "ArrowDown"].includes(e.key)) return;
         e.preventDefault();
-        const f = typeof window < "u" && I.current ? window.getComputedStyle(I.current).direction === "rtl" : !1, c = e.key === "ArrowRight" ? f ? -1 : 1 : e.key === "ArrowLeft" ? f ? 1 : -1 : 0, v = e.key === "ArrowDown" ? 1 : e.key === "ArrowUp" ? -1 : 0, p = (Ne.current ?? n.baseLayout).find((P) => P.id === t);
-        if (!p) return;
-        const b = n.kind === "move" ? me(
+        const u = typeof window < "u" && G.current ? window.getComputedStyle(G.current).direction === "rtl" : !1, c = e.key === "ArrowRight" ? u ? -1 : 1 : e.key === "ArrowLeft" ? u ? 1 : -1 : 0, m = e.key === "ArrowDown" ? 1 : e.key === "ArrowUp" ? -1 : 0, f = (De.current ?? n.baseLayout).find((D) => D.id === t);
+        if (!f) return;
+        const v = n.kind === "move" ? pe(
           n.baseLayout,
           "move",
           t,
-          p.x + c,
-          p.y + v,
-          i
-        ) : me(
+          f.x + c,
+          f.y + m,
+          s
+        ) : pe(
           n.baseLayout,
           "resize",
           t,
-          p.w + c,
-          p.h + v,
-          i
+          f.w + c,
+          f.h + m,
+          s
         );
-        re(b);
-        const C = b.find((P) => P.id === t);
+        ne(v);
+        const C = v.find((D) => D.id === t);
         C && Ue(n.kind, C);
       },
-      [i, Y, re, Ue]
-    ), ve = A(() => {
-      const e = ce.current, t = j.current, n = I.current;
+      [s, O, ne, Ue]
+    ), be = L(() => {
+      const e = le.current, t = V.current, n = G.current;
       if (!e || !t || !n) return;
-      const d = n.getBoundingClientRect(), f = e.lastClientX - d.left - e.startGridX, c = e.lastClientY - d.top - e.startGridY, v = Math.round(f / e.colStride) * (e.isRtl ? -1 : 1), x = Math.round(c / e.rowStride), { origin: p } = e;
-      re(
-        e.kind === "move" ? me(
+      const d = n.getBoundingClientRect(), u = e.lastClientX - d.left - e.startGridX, c = e.lastClientY - d.top - e.startGridY, m = Math.round(u / e.colStride) * (e.isRtl ? -1 : 1), y = Math.round(c / e.rowStride), { origin: f } = e;
+      ne(
+        e.kind === "move" ? pe(
           t.baseLayout,
           "move",
           e.id,
-          p.x + v,
-          p.y + x,
-          ge.current
-        ) : me(
+          f.x + m,
+          f.y + y,
+          he.current
+        ) : pe(
           t.baseLayout,
           "resize",
           e.id,
-          p.w + v,
-          p.h + x,
-          ge.current
+          f.w + m,
+          f.h + y,
+          he.current
         )
       );
-    }, [re]), Me = k(!1), Je = A(() => {
-      var x;
-      (x = F.current) == null || x.call(F);
-      const e = (p) => {
-        const b = ce.current;
-        !b || p.pointerId !== b.pointerId || (b.lastClientX = p.clientX, b.lastClientY = p.clientY, b.travelled || (b.travelled = Math.hypot(
-          p.clientX - b.pressX,
-          p.clientY - b.pressY
-        ) > vt), ve());
-      }, t = (p) => (b) => {
-        const C = ce.current;
-        !C || b.pointerId !== C.pointerId || (Pe.current = C.fromHandle, We.current(p));
-      }, n = t(!0), d = t(!1), f = () => ve();
+    }, [ne]), Ee = S(!1), Qe = L(() => {
+      var y;
+      (y = Y.current) == null || y.call(Y);
+      const e = (f) => {
+        const v = le.current;
+        !v || f.pointerId !== v.pointerId || (v.lastClientX = f.clientX, v.lastClientY = f.clientY, v.travelled || (v.travelled = Math.hypot(
+          f.clientX - v.pressX,
+          f.clientY - v.pressY
+        ) > wt), be());
+      }, t = (f) => (v) => {
+        const C = le.current;
+        !C || v.pointerId !== C.pointerId || (Pe.current = C.fromHandle, We.current(f));
+      }, n = t(!0), d = t(!1), u = () => be();
       let c = 0;
-      const v = () => {
-        c = requestAnimationFrame(v);
-        const p = ce.current;
-        if (!(p != null && p.travelled)) return;
-        const b = I.current;
-        if (!b) return;
-        const { lastClientX: C, lastClientY: P } = p, K = fr(b), Ce = (U, dt, ee) => {
-          const ze = ee ? window.innerHeight : window.innerWidth, O = U == null ? void 0 : U.getBoundingClientRect(), Lt = Math.max(
-            ee ? (O == null ? void 0 : O.top) ?? 0 : (O == null ? void 0 : O.left) ?? 0,
+      const m = () => {
+        c = requestAnimationFrame(m);
+        const f = le.current;
+        if (!(f != null && f.travelled)) return;
+        const v = G.current;
+        if (!v) return;
+        const { lastClientX: C, lastClientY: D } = f, K = mr(v), Re = (U, at, te) => {
+          const Xe = te ? window.innerHeight : window.innerWidth, j = U == null ? void 0 : U.getBoundingClientRect(), It = Math.max(
+            te ? (j == null ? void 0 : j.top) ?? 0 : (j == null ? void 0 : j.left) ?? 0,
             0
-          ), It = Math.min(
-            ee ? (O == null ? void 0 : O.bottom) ?? ze : (O == null ? void 0 : O.right) ?? ze,
-            ze
-          ), we = bt(It - dt) - bt(dt - Lt);
-          if (we === 0) return;
-          const at = () => U ? ee ? U.scrollTop : U.scrollLeft : ee ? window.scrollY : window.scrollX, At = at();
-          U == null || U.scrollBy(ee ? 0 : we, ee ? we : 0), (!U || at() === At) && window.scrollBy(ee ? 0 : we, ee ? we : 0);
+          ), Lt = Math.min(
+            te ? (j == null ? void 0 : j.bottom) ?? Xe : (j == null ? void 0 : j.right) ?? Xe,
+            Xe
+          ), ye = yt(Lt - at) - yt(at - It);
+          if (ye === 0) return;
+          const ct = () => U ? te ? U.scrollTop : U.scrollLeft : te ? window.scrollY : window.scrollX, Nt = ct();
+          U == null || U.scrollBy(te ? 0 : ye, te ? ye : 0), (!U || ct() === Nt) && window.scrollBy(te ? 0 : ye, te ? ye : 0);
         };
-        Ce(K.y, P, !0), Ce(K.x, C, !1);
+        Re(K.y, D, !0), Re(K.x, C, !1);
       };
-      c = requestAnimationFrame(v), window.addEventListener("pointermove", e), window.addEventListener("pointerup", n), window.addEventListener("pointercancel", d), window.addEventListener("scroll", f, {
+      c = requestAnimationFrame(m), window.addEventListener("pointermove", e), window.addEventListener("pointerup", n), window.addEventListener("pointercancel", d), window.addEventListener("scroll", u, {
         capture: !0,
         passive: !0
-      }), F.current = () => {
-        cancelAnimationFrame(c), Me.current = !1, window.removeEventListener("pointermove", e), window.removeEventListener("pointerup", n), window.removeEventListener("pointercancel", d), window.removeEventListener("scroll", f, { capture: !0 });
+      }), Y.current = () => {
+        cancelAnimationFrame(c), Ee.current = !1, window.removeEventListener("pointermove", e), window.removeEventListener("pointerup", n), window.removeEventListener("pointercancel", d), window.removeEventListener("scroll", u, { capture: !0 });
       };
-    }, [ve]);
-    q(
+    }, [be]);
+    B(
       () => () => {
         var e;
-        (e = F.current) == null || e.call(F), F.current = null;
+        (e = Y.current) == null || e.call(Y), Y.current = null;
       },
       []
     );
-    const Se = A(
-      (e, t, n, d, f) => {
+    const Ge = L(
+      (e, t, n, d, u) => {
         var K;
-        const c = I.current, v = fe.current.find((Ce) => Ce.id === t);
-        if (!c || !v) return !1;
-        const x = c.getBoundingClientRect();
-        if (x.width <= 0) return !1;
-        const p = window.getComputedStyle(c), b = Number.parseFloat(p.columnGap) || 0, C = Number.parseFloat(p.rowGap) || 0, P = (x.width - b * (i - 1)) / i;
-        ce.current = {
+        const c = G.current, m = me.current.find((Re) => Re.id === t);
+        if (!c || !m) return !1;
+        const y = c.getBoundingClientRect();
+        if (y.width <= 0) return !1;
+        const f = window.getComputedStyle(c), v = Number.parseFloat(f.columnGap) || 0, C = Number.parseFloat(f.rowGap) || 0, D = (y.width - v * (s - 1)) / s;
+        le.current = {
           kind: e,
           id: t,
           pointerId: n.pointerId,
-          startGridX: n.clientX - x.left,
-          startGridY: n.clientY - x.top,
+          startGridX: n.clientX - y.left,
+          startGridY: n.clientY - y.top,
           lastClientX: n.clientX,
           lastClientY: n.clientY,
-          origin: v,
-          colStride: P + b,
+          origin: m,
+          colStride: D + v,
           rowStride: l + C,
-          isRtl: p.direction === "rtl",
-          fromHandle: f,
+          isRtl: f.direction === "rtl",
+          fromHandle: u,
           pressX: n.clientX,
           pressY: n.clientY,
           travelled: !1
@@ -1006,108 +1020,108 @@ const Mt = Nt(
           (K = d.setPointerCapture) == null || K.call(d, n.pointerId);
         } catch {
         }
-        return ke(e, t, "pointer"), Je(), !0;
+        return Me(e, t, "pointer"), Qe(), !0;
       },
-      [i, l, ke, Je]
-    ), Qe = A(
+      [s, l, Me, Qe]
+    ), Ze = L(
       (e, t, n) => {
-        var d, f;
-        u && (j.current || (n.preventDefault(), (f = (d = n.currentTarget).focus) == null || f.call(d), Se(e, t, n, n.currentTarget, !0)));
+        var d, u;
+        T && (V.current || (n.preventDefault(), (u = (d = n.currentTarget).focus) == null || u.call(d), Ge(e, t, n, n.currentTarget, !0)));
       },
-      [u, Se]
-    ), Z = k(null), ne = A(() => {
-      const e = Z.current;
-      Z.current = null, e && (e.holdTimer && clearTimeout(e.holdTimer), e.cleanup());
-    }, []), Ze = A(
+      [T, Ge]
+    ), ee = S(null), ie = L(() => {
+      const e = ee.current;
+      ee.current = null, e && (e.holdTimer && clearTimeout(e.holdTimer), e.cleanup());
+    }, []), et = L(
       (e, t) => {
-        if (!u || j.current || Z.current || t.button !== 0 || !t.isPrimary) return;
+        if (!T || V.current || ee.current || t.button !== 0 || !t.isPrimary) return;
         const n = t.target;
         if (!t.currentTarget.contains(n)) return;
-        const d = n.closest(ar);
+        const d = n.closest(cr);
         if (d && t.currentTarget.contains(d)) return;
-        const f = t.currentTarget, c = t.pointerType === "touch";
+        const u = t.currentTarget, c = t.pointerType === "touch";
         c || t.preventDefault();
-        const v = (b, C) => {
-          const P = Z.current;
-          if (ne(), !(!P || j.current) && Se(
+        const m = (v, C) => {
+          const D = ee.current;
+          if (ie(), !(!D || V.current) && Ge(
             "move",
-            P.id,
+            D.id,
             {
-              pointerId: P.pointerId,
-              clientX: P.startClientX,
-              clientY: P.startClientY
+              pointerId: D.pointerId,
+              clientX: D.startClientX,
+              clientY: D.startClientY
             },
-            P.surface,
+            D.surface,
             !1
           )) {
-            Me.current = c;
-            const K = ce.current;
-            K && (K.lastClientX = b, K.lastClientY = C, K.travelled = !c), ve();
+            Ee.current = c;
+            const K = le.current;
+            K && (K.lastClientX = v, K.lastClientY = C, K.travelled = !c), be();
           }
-        }, x = (b) => {
-          const C = Z.current;
-          if (!C || b.pointerId !== C.pointerId) return;
-          const P = Math.hypot(
-            b.clientX - C.startClientX,
-            b.clientY - C.startClientY
+        }, y = (v) => {
+          const C = ee.current;
+          if (!C || v.pointerId !== C.pointerId) return;
+          const D = Math.hypot(
+            v.clientX - C.startClientX,
+            v.clientY - C.startClientY
           );
-          c ? P > lr && ne() : P > vt && v(b.clientX, b.clientY);
-        }, p = (b) => {
+          c ? D > ur && ie() : D > wt && m(v.clientX, v.clientY);
+        }, f = (v) => {
           var C;
-          b.pointerId === ((C = Z.current) == null ? void 0 : C.pointerId) && ne();
+          v.pointerId === ((C = ee.current) == null ? void 0 : C.pointerId) && ie();
         };
-        window.addEventListener("pointermove", x), window.addEventListener("pointerup", p), window.addEventListener("pointercancel", p), Z.current = {
+        window.addEventListener("pointermove", y), window.addEventListener("pointerup", f), window.addEventListener("pointercancel", f), ee.current = {
           id: e,
           pointerId: t.pointerId,
           pointerType: t.pointerType,
           startClientX: t.clientX,
           startClientY: t.clientY,
-          surface: f,
+          surface: u,
           holdTimer: c ? setTimeout(() => {
-            const b = Z.current;
-            b && v(b.startClientX, b.startClientY);
-          }, cr) : null,
+            const v = ee.current;
+            v && m(v.startClientX, v.startClientY);
+          }, lr) : null,
           cleanup: () => {
-            window.removeEventListener("pointermove", x), window.removeEventListener("pointerup", p), window.removeEventListener("pointercancel", p);
+            window.removeEventListener("pointermove", y), window.removeEventListener("pointerup", f), window.removeEventListener("pointercancel", f);
           }
         };
       },
-      [u, Se, ve, ne]
+      [T, Ge, be, ie]
     );
-    q(() => {
-      u || (ne(), j.current && We.current(!1));
-    }, [u, ne]), q(() => ne, [ne]), q(() => {
-      const e = I.current;
-      if (!u || !e) return;
+    B(() => {
+      T || (ie(), V.current && We.current(!1));
+    }, [T, ie]), B(() => ie, [ie]), B(() => {
+      const e = G.current;
+      if (!T || !e) return;
       const t = (d) => {
-        Me.current && d.cancelable && d.preventDefault();
+        Ee.current && d.cancelable && d.preventDefault();
       }, n = (d) => {
-        (Z.current || Me.current) && d.preventDefault();
+        (ee.current || Ee.current) && d.preventDefault();
       };
       return e.addEventListener("touchmove", t, { passive: !1 }), e.addEventListener("contextmenu", n), () => {
         e.removeEventListener("touchmove", t), e.removeEventListener("contextmenu", n);
       };
-    }, [u]), q(() => {
-      if (!de) return;
+    }, [T]), B(() => {
+      if (!ae) return;
       const e = (t) => {
-        t.key === "Escape" && Y(!1);
+        t.key === "Escape" && O(!1);
       };
       return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
-    }, [de, Y]), q(() => {
-      if (!de || de.via !== "keyboard") return;
+    }, [ae, O]), B(() => {
+      if (!ae || ae.via !== "keyboard") return;
       const e = (n) => {
-        var f;
+        var u;
         const d = n.relatedTarget;
-        (!d || !((f = I.current) != null && f.contains(d))) && Y(!1);
-      }, t = I.current;
+        (!d || !((u = G.current) != null && u.contains(d))) && O(!1);
+      }, t = G.current;
       return t == null || t.addEventListener("focusout", e), () => t == null ? void 0 : t.removeEventListener("focusout", e);
-    }, [de, Y]), te(() => {
-      E && (j.current && Y(!1), a && ae(G("dashboardGrid.stackedReadOnly")));
-    }, [E, a, Y, G]), te(() => {
-      var f;
-      const e = ue.current;
-      ue.current = null;
-      const t = z.current;
+    }, [ae, O]), re(() => {
+      M && (V.current && O(!1), a && ce(A("dashboardGrid.stackedReadOnly")));
+    }, [M, a, O, A]), re(() => {
+      var u;
+      const e = fe.current;
+      fe.current = null;
+      const t = $.current;
       if (!e || !t) return;
       const n = document.activeElement;
       if (n === e.element || n !== null && n !== document.body) return;
@@ -1124,251 +1138,261 @@ const Mt = Nt(
         d.setAttribute("tabindex", "-1"), d.focus();
         return;
       }
-      (f = I.current) == null || f.focus();
-    }, [E]);
-    const Ge = k(o);
-    Ge.current = o;
-    const et = k(!1);
-    te(() => {
+      (u = G.current) == null || u.focus();
+    }, [M]);
+    const Te = S(o);
+    Te.current = o;
+    const tt = S(!1);
+    re(() => {
       var e;
-      et.current !== E && (et.current = E, (e = Ge.current) == null || e.call(Ge, E));
-    }, [E]), te(() => {
-      const e = I.current;
-      e && (e.style.setProperty("--dg-cols", String(i)), e.style.setProperty("--dg-row", `${l}px`));
-    }, [i, l]);
-    const tt = yt(he);
-    te(() => {
-      const e = I.current;
+      tt.current !== M && (tt.current = M, (e = Te.current) == null || e.call(Te, M));
+    }, [M]), re(() => {
+      const e = G.current;
+      e && (e.style.setProperty("--dg-cols", String(s)), e.style.setProperty("--dg-row", `${l}px`));
+    }, [s, l]);
+    const rt = kt(ve);
+    re(() => {
+      const e = G.current;
       e && (e.style.setProperty(
         "--dg-grid-lines",
-        `repeating-linear-gradient(to right, color-mix(in srgb, var(--border) 50%, transparent) 0 1px, transparent 1px calc((100% + var(--spacing-md)) / ${i})), repeating-linear-gradient(to bottom, color-mix(in srgb, var(--border) 50%, transparent) 0 1px, transparent 1px calc(${l}px + var(--spacing-md)))`
+        `repeating-linear-gradient(to right, color-mix(in srgb, var(--border) 50%, transparent) 0 1px, transparent 1px calc((100% + var(--spacing-md)) / ${s})), repeating-linear-gradient(to bottom, color-mix(in srgb, var(--border) 50%, transparent) 0 1px, transparent 1px calc(${l}px + var(--spacing-md)))`
       ), e.style.setProperty(
         "--dg-min-block",
-        `calc(${tt + 2} * (${l}px + var(--spacing-md)) - var(--spacing-md))`
+        `calc(${rt + 2} * (${l}px + var(--spacing-md)) - var(--spacing-md))`
       ));
-    }, [i, l, tt]);
-    const rt = k(null), De = u && !!w, Ee = se(
-      () => De ? ft(he, i, 2, 2) : null,
-      [De, he, i]
+    }, [s, l, rt]);
+    const nt = S(null), He = T && !!W, _e = se(
+      () => He ? mt(ve, s, 2, 2) : null,
+      [He, ve, s]
     );
-    te(() => {
-      const e = rt.current;
-      !e || !Ee || (e.style.setProperty("--dg-x", String(Ee.x + 1)), e.style.setProperty("--dg-y", String(Ee.y + 1)), e.style.setProperty("--dg-w", "2"), e.style.setProperty("--dg-h", "2"));
-    }, [Ee]);
-    const nt = A(
+    re(() => {
+      const e = nt.current;
+      !e || !_e || (e.style.setProperty("--dg-x", String(_e.x + 1)), e.style.setProperty("--dg-y", String(_e.y + 1)), e.style.setProperty("--dg-w", "2"), e.style.setProperty("--dg-h", "2"));
+    }, [_e]);
+    const it = L(
       (e) => {
-        Q(
-          ie(
-            fe.current.filter((t) => t.id !== e),
-            ge.current
+        var u, c;
+        const t = Array.from(
+          ((u = G.current) == null ? void 0 : u.querySelectorAll("[data-widget-id]")) ?? []
+        ), n = t.findIndex(
+          (m) => m.getAttribute("data-widget-id") === e
+        ), d = (c = t[n + 1] ?? t[n - 1]) == null ? void 0 : c.getAttribute(
+          "data-widget-id"
+        );
+        Z(
+          oe(
+            me.current.filter((m) => m.id !== e),
+            he.current
           )
-        ), ae(G("dashboardGrid.removed")), L == null || L(e), requestAnimationFrame(() => {
-          const t = I.current;
-          if (!t) return;
-          const n = t.querySelector("button");
-          n ? n.focus() : t.focus();
+        ), ce(A("dashboardGrid.removed")), I == null || I(e), requestAnimationFrame(() => {
+          const m = G.current;
+          if (!m) return;
+          const y = Array.from(
+            m.querySelectorAll("[data-widget-id]")
+          ).find((v) => v.getAttribute("data-widget-id") === d), f = (y == null ? void 0 : y.querySelector("button")) ?? m.querySelector("button");
+          f ? f.focus() : m.focus();
         });
       },
-      [Q, L, G]
-    ), [st, it] = B(null), X = k(null), be = k(null), Te = k(0), _e = A(() => {
+      [Z, I, A]
+    ), [st, ot] = J(null), F = S(null), we = S(null), Ae = S(0), Ce = L(() => {
       var c;
-      const e = X.current, t = I.current;
+      const e = F.current, t = G.current;
       if (!e || !t) return !1;
       const n = Array.from(
         t.querySelectorAll("[data-widget-id]")
-      ).find((v) => v.getAttribute("data-widget-id") === e.id), d = n == null ? void 0 : n.getBoundingClientRect();
+      ).find((m) => m.getAttribute("data-widget-id") === e.id), d = n == null ? void 0 : n.getBoundingClientRect();
       if (!n || !d || d.height <= 0)
-        return performance.now() > e.deadline && (X.current = null, e.resolve(!1)), !1;
-      X.current = null;
-      const f = ((c = window.matchMedia) == null ? void 0 : c.call(window, "(prefers-reduced-motion: reduce)").matches) || window.getComputedStyle(t).getPropertyValue("--animation-duration").trim() === "0ms";
+        return performance.now() > e.deadline && (F.current = null, e.resolve(!1)), !1;
+      F.current = null;
+      const u = ((c = window.matchMedia) == null ? void 0 : c.call(window, "(prefers-reduced-motion: reduce)").matches) || window.getComputedStyle(t).getPropertyValue("--animation-duration").trim() === "0ms";
       return n.scrollIntoView({
         block: "nearest",
         inline: "nearest",
-        behavior: f ? "auto" : "smooth"
-      }), it(e.id), be.current && clearTimeout(be.current), be.current = setTimeout(
-        () => it(null),
-        dr
+        behavior: u ? "auto" : "smooth"
+      }), ot(e.id), we.current && clearTimeout(we.current), we.current = setTimeout(
+        () => ot(null),
+        ar
       ), e.resolve(!0), !0;
-    }, []), ot = A(
+    }, []), dt = L(
       (e) => new Promise((t) => {
         var c;
-        (c = X.current) == null || c.resolve(!1), cancelAnimationFrame(Te.current);
+        (c = F.current) == null || c.resolve(!1), cancelAnimationFrame(Ae.current);
         const n = setTimeout(() => {
-          const v = X.current;
-          (v == null ? void 0 : v.resolve) === d && !_e() && X.current === v && (X.current = null, d(!1));
-        }, ht), d = (v) => {
-          clearTimeout(n), t(v);
+          const m = F.current;
+          (m == null ? void 0 : m.resolve) === d && !Ce() && F.current === m && (F.current = null, d(!1));
+        }, vt), d = (m) => {
+          clearTimeout(n), t(m);
         };
-        X.current = {
+        F.current = {
           id: e,
-          deadline: performance.now() + ht,
+          deadline: performance.now() + vt,
           resolve: d
         };
-        const f = () => {
-          X.current && !_e() && X.current && (Te.current = requestAnimationFrame(f));
+        const u = () => {
+          F.current && !Ce() && F.current && (Ae.current = requestAnimationFrame(u));
         };
-        Te.current = requestAnimationFrame(f);
+        Ae.current = requestAnimationFrame(u);
       }),
-      [_e]
+      [Ce]
     );
-    te(() => {
-      X.current && _e();
-    }), q(
+    re(() => {
+      F.current && Ce();
+    }), B(
       () => () => {
         var e;
-        cancelAnimationFrame(Te.current), be.current && clearTimeout(be.current), (e = X.current) == null || e.resolve(!1), X.current = null;
+        cancelAnimationFrame(Ae.current), we.current && clearTimeout(we.current), (e = F.current) == null || e.resolve(!1), F.current = null;
       },
       []
     );
-    const He = se(
+    const ze = se(
       () => ({
         moveWidgetTo(e, t, n) {
-          if (!u || V.current || !Number.isFinite(t) || !Number.isFinite(n) || !W.some((f) => f.id === e)) return !1;
-          const d = me(
-            W,
+          if (!T || Q.current || !Number.isFinite(t) || !Number.isFinite(n) || !P.some((u) => u.id === e)) return !1;
+          const d = pe(
+            P,
             "move",
             e,
             Math.round(t),
             Math.round(n),
-            i,
+            s,
             !1
           );
-          return d !== W && Q(ie(d, i)), !0;
+          return d !== P && Z(oe(d, s)), !0;
         },
         resizeWidgetTo(e, t, n) {
-          if (!u || V.current || !Number.isFinite(t) || !Number.isFinite(n) || !W.some((f) => f.id === e)) return !1;
-          const d = me(
-            W,
+          if (!T || Q.current || !Number.isFinite(t) || !Number.isFinite(n) || !P.some((u) => u.id === e)) return !1;
+          const d = pe(
+            P,
             "resize",
             e,
             Math.round(t),
             Math.round(n),
-            i,
+            s,
             !1
           );
-          return d !== W && Q(ie(d, i)), !0;
+          return d !== P && Z(oe(d, s)), !0;
         },
-        revealWidget: ot,
+        revealWidget: dt,
         getGridState() {
           return {
-            cols: i,
+            cols: s,
             editing: a,
-            stacked: E,
-            layout: xe(W),
-            selectedId: M ?? null
+            stacked: M,
+            layout: Se(P),
+            selectedId: x ?? null
           };
         }
       }),
       [
-        u,
+        T,
         a,
-        E,
-        W,
-        i,
-        Q,
-        xe,
-        ot,
-        M
+        M,
+        P,
+        s,
+        Z,
+        Se,
+        dt,
+        x
       ]
     );
-    Pt(D, () => He, [He]), Yt(Bt, He, s);
+    Pt(H, () => ze, [ze]), Ot(Jt, ze, i);
     const Ct = se(
       () => ({
-        editing: u,
-        stacked: E,
-        stackedHeight: h,
-        selectedId: M,
+        editing: T,
+        stacked: M,
+        stackedHeight: w,
+        selectedId: x,
         revealedId: st,
         headingLevel: _,
         layoutById: Ke,
-        grab: de,
-        canRemove: !!L,
-        requestRemove: nt,
-        startKeyboardGrab: qe,
-        keyboardStep: Be,
-        startPointerGrab: Qe,
-        startHeaderPress: Ze
+        grab: ae,
+        canRemove: !!I,
+        requestRemove: it,
+        startKeyboardGrab: Be,
+        keyboardStep: Je,
+        startPointerGrab: Ze,
+        startHeaderPress: et
       }),
       [
-        u,
-        E,
-        h,
+        T,
         M,
+        w,
+        x,
         st,
         _,
         Ke,
-        de,
-        L,
-        nt,
-        qe,
+        ae,
+        I,
+        it,
         Be,
-        Qe,
-        Ze
+        Je,
+        Ze,
+        et
       ]
     ), Rt = se(() => {
-      if (T === void 0) return y;
+      if (b === void 0) return k;
       const e = [], t = /* @__PURE__ */ new Map(), n = [];
-      return Le(y, (d) => {
-        const f = d.props.id;
-        if (f && !t.has(f)) {
-          const c = ct(d, {
-            key: `widget:${f}:${d.key ?? ""}`
+      return Le(k, (d) => {
+        const u = d.props.id;
+        if (u && !t.has(u)) {
+          const c = lt(d, {
+            key: `widget:${u}:${d.key ?? ""}`
           });
-          t.set(f, c), e.push(c);
+          t.set(u, c), e.push(c);
         } else {
-          const c = ct(d, {
+          const c = lt(d, {
             key: d.key === null ? `child:at:${n.length}` : `child:key:${d.key}`
           });
           n.push(c), e.push(c);
         }
-      }), E ? [
-        ...er([...t.keys()], W).map(
+      }), M ? [
+        ...tr([...t.keys()], P).map(
           (d) => t.get(d)
         ),
         ...n
       ] : e;
-    }, [T, y, E, W]);
-    return /* @__PURE__ */ pe(
+    }, [b, k, M, P]);
+    return /* @__PURE__ */ ge(
       "div",
       {
-        ref: z,
+        ref: $,
         "data-component": "dashboard-grid",
-        "data-component-id": s,
-        "data-editing": u || void 0,
-        "data-stacked": E || void 0,
-        className: `ds:block ds:w-full ${S ?? ""}`.trim(),
+        "data-component-id": i,
+        "data-editing": T || void 0,
+        "data-stacked": M || void 0,
+        className: `ds:block ds:w-full ${E ?? ""}`.trim(),
         children: [
-          /* @__PURE__ */ R("div", { role: "status", "aria-live": "polite", className: "ds:sr-only", children: _t }),
-          /* @__PURE__ */ pe(
+          /* @__PURE__ */ R("div", { role: "status", "aria-live": "polite", className: "ds:sr-only", children: At }),
+          /* @__PURE__ */ ge(
             "div",
             {
-              ref: I,
+              ref: G,
               role: "list",
               "aria-label": r,
               tabIndex: -1,
-              "data-editing": u || void 0,
-              "data-stacked": E || void 0,
-              className: tr({ stacked: E }),
+              "data-editing": T || void 0,
+              "data-stacked": M || void 0,
+              className: rr({ stacked: M }),
               children: [
-                /* @__PURE__ */ R(xt.Provider, { value: Ct, children: Rt }),
-                De ? (
+                /* @__PURE__ */ R(St.Provider, { value: Ct, children: Rt }),
+                He ? (
                   // role="list" allows only listitem children — the tile wrapper
                   // carries the grid placement, the button fills it.
                   /* @__PURE__ */ R(
                     "div",
                     {
-                      ref: rt,
+                      ref: nt,
                       role: "listitem",
                       className: [
                         "ds:flex",
                         "ds:[grid-column-start:var(--dg-x)] ds:[grid-column-end:span_var(--dg-w)]",
                         "ds:[grid-row-start:var(--dg-y)] ds:[grid-row-end:span_var(--dg-h)]"
                       ].join(" "),
-                      children: /* @__PURE__ */ pe(
+                      children: /* @__PURE__ */ ge(
                         "button",
                         {
                           type: "button",
-                          onClick: w,
+                          onClick: W,
                           className: [
                             "ds:flex ds:flex-1 ds:items-center ds:justify-center ds:gap-[var(--spacing-xs)]",
                             "ds:rounded-[var(--radius-lg)] ds:border ds:border-dashed ds:border-border",
@@ -1377,8 +1401,8 @@ const Mt = Nt(
                             "ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid ds:focus-visible:outline-ring"
                           ].join(" "),
                           children: [
-                            /* @__PURE__ */ R(Ot, { "aria-hidden": "true", className: "ds:size-4" }),
-                            G("dashboardGrid.add")
+                            /* @__PURE__ */ R(jt, { "aria-hidden": "true", className: "ds:size-4" }),
+                            A("dashboardGrid.add")
                           ]
                         }
                       )
@@ -1393,12 +1417,12 @@ const Mt = Nt(
     );
   }
 );
-Mt.displayName = "DashboardGrid";
-const Tr = Object.assign(Mt, {
-  Widget: kt
+Et.displayName = "DashboardGrid";
+const _r = Object.assign(Et, {
+  Widget: Mt
 });
 export {
-  Tr as D,
-  Bt as d
+  _r as D,
+  Jt as d
 };
-//# sourceMappingURL=dashboard-grid-DRnhIlT-.js.map
+//# sourceMappingURL=dashboard-grid-B2MB7SRS.js.map