@alfadocs/ui-kit 1.9.4 → 1.10.0

package/dist/_chunks/{data-table-tabs-C1kRUzat.js → data-table-tabs-D24qj89A.js}

@@ -1,18 +1,18 @@
-import { jsxs as L, jsx as b } from "react/jsx-runtime";
-import { useMemo as ie, useCallback as u, useRef as f, useEffect as be, forwardRef as Se, useId as De, useState as ue, useImperativeHandle as Fe } from "react";
-import * as oe from "@radix-ui/react-tabs";
-import { a as Z, c as Ie } from "./index-D2ZczOXr.js";
-import { useTranslation as ke } from "react-i18next";
-import { I as de } from "./icon-button-DA2CAGHZ.js";
-import { P as ce } from "./popover-Cqcjx-Ny.js";
-import { T as je } from "./text-input-CUvCb6ST.js";
-import { u as ze } from "./use-direction-Dp8h70PP.js";
-import { u as Ke } from "./registry-DvAUVLHh.js";
-import { u as ye } from "./use-controllable-state-BiY4xTzM.js";
+import { jsxs as O, jsx as p } from "react/jsx-runtime";
+import { useMemo as de, useCallback as u, useRef as T, useEffect as me, forwardRef as De, useId as Fe, useState as pe, useImperativeHandle as je } from "react";
+import * as ce from "@radix-ui/react-tabs";
+import { a as ne, c as ke } from "./index-D2ZczOXr.js";
+import { useTranslation as Ae } from "react-i18next";
+import { I as le } from "./icon-button-DA2CAGHZ.js";
+import { P as ue } from "./popover-Cqcjx-Ny.js";
+import { T as ze } from "./text-input-CUvCb6ST.js";
+import { u as Ke } from "./use-direction-Dp8h70PP.js";
+import { u as Me } from "./registry-DvAUVLHh.js";
+import { u as Ie } from "./use-controllable-state-BiY4xTzM.js";
 import { X as we } from "./x-B5YnXwCz.js";
-import { P as Me } from "./plus-DzMQ_c6b.js";
-import { C as Pe } from "./check-DrFSN__t.js";
-const qe = {
+import { P as Pe } from "./plus-DzMQ_c6b.js";
+import { C as qe } from "./check-DrFSN__t.js";
+const Le = {
   id: "data-table-tabs",
   capabilities: ["select_single", "view_change"],
   state: {
@@ -20,13 +20,13 @@ const qe = {
       type: "string | null",
       descriptionKey: "ui.agent.dataTableTabs.state.activeTabId",
       description: "Id of the currently-active saved-filter tab.",
-      read: (r) => r.getActiveTabId()
+      read: (n) => n.getActiveTabId()
     },
     tabs: {
       type: "Array<{ id, label }>",
       descriptionKey: "ui.agent.dataTableTabs.state.tabs",
       description: "The saved-filter tabs, in strip order (ids + labels).",
-      read: (r) => r.getTabs().map(({ id: o, label: g }) => ({ id: o, label: g }))
+      read: (n) => n.getTabs().map(({ id: i, label: v }) => ({ id: i, label: v }))
     }
   },
   actions: {
@@ -44,8 +44,8 @@ const qe = {
       idempotent: !0,
       descriptionKey: "ui.agent.dataTableTabs.actions.selectTab",
       description: "Activate a saved-filter tab: snapshots the outgoing tab, applies the incoming filter model to the table.",
-      invoke: (r, o) => {
-        r.selectTab(o.id);
+      invoke: (n, i) => {
+        n.selectTab(i.id);
       }
     },
     get_tabs: {
@@ -65,7 +65,7 @@ const qe = {
       idempotent: !0,
       descriptionKey: "ui.agent.dataTableTabs.actions.getTabs",
       description: "Return the saved-filter tabs (ids + labels) in order.",
-      invoke: (r) => r.getTabs().map(({ id: o, label: g }) => ({ id: o, label: g }))
+      invoke: (n) => n.getTabs().map(({ id: i, label: v }) => ({ id: i, label: v }))
     },
     add_tab: {
       safety: "write",
@@ -85,7 +85,7 @@ const qe = {
       description: "Add a new tab capturing the table's current filter model, and activate it. Returns the new tab id.",
       returns: "string",
       returnsSchema: { type: "string" },
-      invoke: (r, o) => r.addTab(o.label)
+      invoke: (n, i) => n.addTab(i.label)
     },
     rename_tab: {
       safety: "write",
@@ -101,8 +101,8 @@ const qe = {
       idempotent: !0,
       descriptionKey: "ui.agent.dataTableTabs.actions.renameTab",
       description: "Rename a saved-filter tab. No-op on locked tabs and empty labels.",
-      invoke: (r, o) => {
-        r.renameTab(o.id, o.label);
+      invoke: (n, i) => {
+        n.renameTab(i.id, i.label);
       }
     },
     remove_tab: {
@@ -119,8 +119,8 @@ const qe = {
       idempotent: !0,
       descriptionKey: "ui.agent.dataTableTabs.actions.removeTab",
       description: "Remove a saved-filter tab (its saved filter is lost). No-op on locked tabs and the last remaining tab.",
-      invoke: (r, o) => {
-        r.removeTab(o.id);
+      invoke: (n, i) => {
+        n.removeTab(i.id);
       }
     }
   },
@@ -131,7 +131,7 @@ const qe = {
   }
 };
 let xe = 0;
-function Le() {
+function Oe() {
   try {
     if (typeof crypto < "u" && "randomUUID" in crypto)
       return crypto.randomUUID();
@@ -139,191 +139,207 @@ function Le() {
   }
   return xe += 1, `tab-${xe}`;
 }
-function le(r) {
-  return typeof r == "object" && r !== null && !Array.isArray(r) && Object.getPrototypeOf(r) !== null;
+function be(n) {
+  return typeof n == "object" && n !== null && !Array.isArray(n) && Object.getPrototypeOf(n) !== null;
 }
-function Oe(r) {
-  return !le(r) || r.v !== 1 || !Array.isArray(r.tabs) ? !1 : r.tabs.every(
-    (o) => le(o) && typeof o.id == "string" && typeof o.label == "string" && le(o.filterModel)
+function Ee(n) {
+  return !be(n) || n.v !== 1 || !Array.isArray(n.tabs) ? !1 : n.tabs.every(
+    (i) => be(i) && typeof i.id == "string" && typeof i.label == "string" && be(i.filterModel)
   );
 }
-function Ve(r) {
-  var J, Q;
+function Ve(n) {
+  var k, z;
   const {
-    getTable: o,
-    tabs: g,
-    defaultTabs: k,
+    getTable: i,
+    tabs: v,
+    defaultTabs: A,
     onTabsChange: R,
-    activeTabId: ee,
-    defaultActiveTabId: te,
-    onActiveTabChange: ae,
-    persistKey: z,
-    captureQuickFilter: x = !1,
-    applyOnActivate: A = !0,
-    maxTabs: O = 8,
-    createTab: N,
-    makeTabId: V = Le
-  } = r, { t: _ } = ke(), $ = g !== void 0, E = ie(() => k && k.length > 0 ? k : [
+    activeTabId: re,
+    defaultActiveTabId: se,
+    onActiveTabChange: ie,
+    persistKey: j,
+    persistActiveTab: E = !1,
+    captureQuickFilter: w = !1,
+    applyOnActivate: N = !0,
+    maxTabs: V = 8,
+    createTab: C,
+    makeTabId: _ = Oe
+  } = n, { t: $ } = Ae(), U = v !== void 0, G = de(() => A && A.length > 0 ? A : [
     {
       id: "default",
-      label: _("dataTableTabs.newTabName", { number: 1 }),
+      label: $("dataTableTabs.newTabName", { number: 1 }),
       filterModel: {}
     }
-  ], []), W = ie(() => {
-    if (!z || $ || typeof window > "u")
+  ], []), g = de(() => {
+    if (!j || U || typeof window > "u")
       return null;
     try {
-      const t = window.localStorage.getItem(`data-table-tabs:${z}`);
+      const t = window.localStorage.getItem(`data-table-tabs:${j}`);
       if (!t) return null;
       const a = JSON.parse(t);
-      return Oe(a) ? a.tabs : null;
+      return Ee(a) ? a : null;
     } catch {
       return null;
     }
-  }, []), [U, G] = ye({
-    value: g,
-    defaultValue: W ?? E,
-    onChange: R
-  }), C = ie(() => U ?? E, [U, E]), y = u(
-    (t) => {
-      const a = t(p.current);
-      if (p.current = a, G(a), z && !$)
+  }, []), Q = (g == null ? void 0 : g.tabs) ?? null, X = E && (g != null && g.activeTabId) && g.tabs.some((t) => t.id === g.activeTabId) ? g.activeTabId : void 0, K = u(
+    (t, a) => {
+      if (!(!j || U))
         try {
-          const n = { v: 1, tabs: a };
+          const r = {
+            v: 1,
+            tabs: t,
+            ...E && a ? { activeTabId: a } : {}
+          };
           window.localStorage.setItem(
-            `data-table-tabs:${z}`,
-            JSON.stringify(n)
+            `data-table-tabs:${j}`,
+            JSON.stringify(r)
           );
         } catch {
         }
     },
+    [j, U, E]
+  ), [W, Y] = Ie({
+    value: v,
+    defaultValue: Q ?? G,
+    onChange: R
+  }), S = de(() => W ?? G, [W, G]), o = u(
+    (t) => {
+      const a = t(m.current);
+      m.current = a, Y(a), K(a, f.current);
+    },
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [G, z, $]
-  ), [ne, S] = ye({
-    value: ee,
-    defaultValue: te ?? ((J = C[0]) == null ? void 0 : J.id) ?? "default",
-    onChange: ae
-  }), l = ne ?? ((Q = C[0]) == null ? void 0 : Q.id) ?? "default", p = f(C);
-  p.current = C;
-  const m = f(l);
-  m.current = l;
-  const H = f(!1), T = f(o);
-  T.current = o;
-  const K = u(() => {
-    const t = T.current();
+    [Y, K]
+  ), [Z, D] = Ie({
+    value: re,
+    defaultValue: X ?? se ?? ((k = S[0]) == null ? void 0 : k.id) ?? "default",
+    onChange: ie
+  }), H = Z ?? ((z = S[0]) == null ? void 0 : z.id) ?? "default", m = T(S);
+  m.current = S;
+  const f = T(H);
+  f.current = H;
+  const M = T(!1), b = T(i);
+  b.current = i;
+  const x = u(() => {
+    const t = b.current();
     if (!t) return;
-    const a = t.getFilter() ?? {}, n = x ? (() => {
-      var s;
-      const d = (s = t.getRawApi()) == null ? void 0 : s.getGridOption("quickFilterText");
-      return typeof d == "string" && d.length > 0 ? d : void 0;
+    const a = t.getFilter() ?? {}, r = w ? (() => {
+      var d;
+      const l = (d = t.getRawApi()) == null ? void 0 : d.getGridOption("quickFilterText");
+      return typeof l == "string" && l.length > 0 ? l : void 0;
     })() : void 0;
-    y(
-      (d) => d.map(
-        (s) => s.id === m.current ? {
-          ...s,
+    o(
+      (l) => l.map(
+        (d) => d.id === f.current ? {
+          ...d,
           filterModel: a,
-          ...x ? { quickFilter: n } : {}
-        } : s
+          ...w ? { quickFilter: r } : {}
+        } : d
       )
     );
-  }, [x, y]), I = u(
+  }, [w, o]), y = u(
     (t) => {
       if (!t) return;
-      const a = T.current();
+      const a = b.current();
       if (a) {
-        H.current = !0;
+        M.current = !0;
         try {
           a.setFilter(t.filterModel ?? {});
-          const n = a.getRawApi();
-          x && (n == null || n.setGridOption("quickFilterText", t.quickFilter ?? "")), n == null || n.onFilterChanged();
+          const r = a.getRawApi();
+          w && (r == null || r.setGridOption("quickFilterText", t.quickFilter ?? "")), r == null || r.onFilterChanged();
         } finally {
-          H.current = !1;
+          M.current = !1;
         }
       }
     },
-    [x]
+    [w]
   );
-  be(() => {
+  me(() => {
     let t;
     const a = () => {
-      H.current || K();
-    }, n = (c) => {
-      const D = c.getRawApi();
-      if (!D) return !1;
-      if (D.addEventListener("filterChanged", a), t = () => D.removeEventListener("filterChanged", a), A) {
-        const F = p.current.find(
-          (j) => j.id === m.current
+      M.current || x();
+    }, r = (c) => {
+      const L = c.getRawApi();
+      if (!L) return !1;
+      if (L.addEventListener("filterChanged", a), t = () => L.removeEventListener("filterChanged", a), N) {
+        const F = m.current.find(
+          (B) => B.id === f.current
         );
-        F && (Object.keys(F.filterModel ?? {}).length > 0 || x && F.quickFilter) && I(F);
+        F && (Object.keys(F.filterModel ?? {}).length > 0 || w && F.quickFilter) && y(F);
       }
       return !0;
-    }, d = T.current();
-    if (d && n(d)) return () => t == null ? void 0 : t();
-    const s = window.setInterval(() => {
-      const c = T.current();
-      c && n(c) && window.clearInterval(s);
+    }, l = b.current();
+    if (l && r(l)) return () => t == null ? void 0 : t();
+    const d = window.setInterval(() => {
+      const c = b.current();
+      c && r(c) && window.clearInterval(d);
     }, 50);
     return () => {
-      window.clearInterval(s), t == null || t();
+      window.clearInterval(d), t == null || t();
     };
-  }, [A, I, K, x]);
-  const v = u(
+  }, [N, y, x, w]);
+  const P = u(
     (t) => {
-      if (t === m.current) return;
-      const a = p.current.find((n) => n.id === t);
-      a && (K(), S(t), m.current = t, A && I(a));
+      if (t === f.current) return;
+      const a = m.current.find((r) => r.id === t);
+      a && (x(), D(t), f.current = t, K(m.current, t), N && y(a));
     },
-    [A, I, K, S]
-  ), M = u(
+    [
+      N,
+      y,
+      x,
+      D,
+      K
+    ]
+  ), q = u(
     (t, a) => {
-      var s;
-      if (p.current.length >= O) return m.current;
-      const n = p.current.length + 1, d = N ? N(n) : {
-        id: V(),
-        label: t ?? _("dataTableTabs.newTabName", { number: n }),
+      var d;
+      if (m.current.length >= V) return f.current;
+      const r = m.current.length + 1, l = C ? C(r) : {
+        id: _(),
+        label: t ?? $("dataTableTabs.newTabName", { number: r }),
         // New tab = copy of the CURRENT live model, so the grid view does
         // not jump on add — the natural gesture is "save my current
         // filter as a tab".
-        filterModel: a ?? ((s = T.current()) == null ? void 0 : s.getFilter()) ?? {}
+        filterModel: a ?? ((d = b.current()) == null ? void 0 : d.getFilter()) ?? {}
       };
-      return y((c) => [...c, d]), S(d.id), m.current = d.id, d.id;
+      return D(l.id), f.current = l.id, o((c) => [...c, l]), l.id;
     },
-    [N, V, O, S, y, _]
-  ), B = u(
+    [C, _, V, D, o, $]
+  ), ee = u(
     (t, a) => {
-      const n = a.trim();
-      n && y(
-        (d) => d.map(
-          (s) => s.id === t && !s.locked ? { ...s, label: n } : s
+      const r = a.trim();
+      r && o(
+        (l) => l.map(
+          (d) => d.id === t && !d.locked ? { ...d, label: r } : d
         )
       );
     },
-    [y]
-  ), P = u(
+    [o]
+  ), te = u(
     (t) => {
-      const a = p.current, n = a.find((c) => c.id === t);
-      if (!n || n.locked || a.length <= 1) return;
-      const d = a.findIndex((c) => c.id === t), s = a.filter((c) => c.id !== t);
-      if (y(() => s), m.current === t) {
-        const c = s[Math.max(0, d - 1)];
-        c && (S(c.id), m.current = c.id, A && I(c));
+      const a = m.current, r = a.find((c) => c.id === t);
+      if (!r || r.locked || a.length <= 1) return;
+      const l = a.findIndex((c) => c.id === t), d = a.filter((c) => c.id !== t);
+      if (o(() => d), f.current === t) {
+        const c = d[Math.max(0, l - 1)];
+        c && (D(c.id), f.current = c.id, N && y(c));
       }
     },
-    [A, I, S, y]
-  ), q = u(() => p.current, []), Y = u(() => m.current, []);
+    [N, y, D, o]
+  ), ae = u(() => m.current, []), oe = u(() => f.current, []);
   return {
-    tabs: C,
-    activeTabId: l,
-    selectTab: v,
-    addTab: M,
-    renameTab: B,
-    removeTab: P,
-    atCapacity: C.length >= O,
-    getTabsSnapshot: q,
-    getActiveTabIdSnapshot: Y
+    tabs: S,
+    activeTabId: H,
+    selectTab: P,
+    addTab: q,
+    renameTab: ee,
+    removeTab: te,
+    atCapacity: S.length >= V,
+    getTabsSnapshot: ae,
+    getActiveTabIdSnapshot: oe
   };
 }
-const _e = Ie(
+const _e = ke(
   [
     // The strip scrolls horizontally when tabs overflow; focusable tabs inside
     // (with an inset focus ring, below) satisfy scrollable-region-focusable.
@@ -342,7 +358,7 @@ const _e = Ie(
     },
     defaultVariants: { size: "md" }
   }
-), $e = Ie(
+), $e = ke(
   [
     // `group` so the pointer-only ✕ can reveal on hover/focus/active; `relative`
     // so that ✕ can be absolutely positioned in the trailing padding (below).
@@ -385,192 +401,194 @@ const _e = Ie(
     },
     defaultVariants: { size: "md" }
   }
-), Ee = "ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid ds:focus-visible:outline-ring ds:focus-visible:[outline-offset:calc(-1*var(--focus-ring-width))]";
-function Ue() {
-  const [r, o] = ue(!1);
-  return be(() => {
-    const g = () => o((R) => R || !0), k = () => o((R) => R && !1);
-    return document.addEventListener("keydown", g, !0), document.addEventListener("pointerdown", k, !0), () => {
-      document.removeEventListener("keydown", g, !0), document.removeEventListener("pointerdown", k, !0);
+), Ue = "ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid ds:focus-visible:outline-ring ds:focus-visible:[outline-offset:calc(-1*var(--focus-ring-width))]";
+function Ge() {
+  const [n, i] = pe(!1);
+  return me(() => {
+    const v = () => i((R) => R || !0), A = () => i((R) => R && !1);
+    return document.addEventListener("keydown", v, !0), document.addEventListener("pointerdown", A, !0), () => {
+      document.removeEventListener("keydown", v, !0), document.removeEventListener("pointerdown", A, !0);
     };
-  }, []), r;
+  }, []), n;
 }
-const Ge = Se(function({
-  getTable: o,
-  tabs: g,
-  defaultTabs: k,
+const He = De(function({
+  getTable: i,
+  tabs: v,
+  defaultTabs: A,
   onTabsChange: R,
-  activeTabId: ee,
-  defaultActiveTabId: te,
-  onActiveTabChange: ae,
-  persistKey: z,
-  captureQuickFilter: x = !1,
-  applyOnActivate: A = !0,
-  allowAdd: O = !0,
-  allowRename: N = !0,
-  allowRemove: V = !0,
-  maxTabs: _ = 8,
-  createTab: $,
-  makeTabId: E,
-  renameOnAdd: W = !0,
-  size: U = "md",
-  id: G,
-  className: C,
-  "aria-label": y,
-  children: ne
+  activeTabId: re,
+  defaultActiveTabId: se,
+  onActiveTabChange: ie,
+  persistKey: j,
+  persistActiveTab: E,
+  captureQuickFilter: w = !1,
+  applyOnActivate: N = !0,
+  allowAdd: V = !0,
+  allowRename: C = !0,
+  allowRemove: _ = !0,
+  maxTabs: $ = 8,
+  createTab: U,
+  makeTabId: G,
+  renameOnAdd: g = !0,
+  size: Q = "md",
+  id: X,
+  className: K,
+  "aria-label": W,
+  children: Y
 }, S) {
-  const { t: l } = ke(), p = f(null), m = ze(p), H = Ue(), T = De(), K = `${T}-panel`, I = `${T}-hint`, {
-    tabs: v,
-    activeTabId: M,
-    selectTab: B,
+  const { t: o } = Ae(), Z = T(null), D = Ke(Z), H = Ge(), m = Fe(), f = `${m}-panel`, M = `${m}-hint`, {
+    tabs: b,
+    activeTabId: x,
+    selectTab: y,
     addTab: P,
     renameTab: q,
-    removeTab: Y,
-    atCapacity: J,
-    getTabsSnapshot: Q,
-    getActiveTabIdSnapshot: t
+    removeTab: ee,
+    atCapacity: te,
+    getTabsSnapshot: ae,
+    getActiveTabIdSnapshot: oe
   } = Ve({
-    getTable: o,
-    tabs: g,
-    defaultTabs: k,
+    getTable: i,
+    tabs: v,
+    defaultTabs: A,
     onTabsChange: R,
-    activeTabId: ee,
-    defaultActiveTabId: te,
-    onActiveTabChange: ae,
-    persistKey: z,
-    captureQuickFilter: x,
-    applyOnActivate: A,
-    maxTabs: _,
-    createTab: $,
-    makeTabId: E
-  }), [a, n] = ue(null), d = f(null), s = v.find((e) => e.id === a), [c, D] = ue("");
-  be(() => {
-    if (!c) return;
-    const e = setTimeout(() => D(""), 3e3);
+    activeTabId: re,
+    defaultActiveTabId: se,
+    onActiveTabChange: ie,
+    persistKey: j,
+    persistActiveTab: E,
+    captureQuickFilter: w,
+    applyOnActivate: N,
+    maxTabs: $,
+    createTab: U,
+    makeTabId: G
+  }), [k, z] = pe(null), t = T(null), a = b.find((e) => e.id === k), [r, l] = pe("");
+  me(() => {
+    if (!r) return;
+    const e = setTimeout(() => l(""), 3e3);
     return () => clearTimeout(e);
-  }, [c]);
-  const F = f(/* @__PURE__ */ new Map()), j = u((e) => {
+  }, [r]);
+  const d = T(/* @__PURE__ */ new Map()), c = u((e) => {
     requestAnimationFrame(() => {
-      var i;
-      (i = F.current.get(e)) == null || i.focus();
+      var s;
+      (s = d.current.get(e)) == null || s.focus();
     });
-  }, []), pe = u(
-    (e) => N && !e.locked,
-    [N]
-  ), re = u(
-    (e) => V && !e.locked && v.length > 1,
-    [V, v.length]
-  ), se = u(
+  }, []), L = u(
+    (e) => C && !e.locked,
+    [C]
+  ), F = u(
+    (e) => _ && !e.locked && b.length > 1,
+    [_, b.length]
+  ), B = u(
     (e) => {
-      pe(e) && n(e.id);
+      L(e) && z(e.id);
     },
-    [pe]
+    [L]
   ), Re = u(() => {
     var e;
-    if (a) {
-      const i = ((e = d.current) == null ? void 0 : e.value) ?? "";
-      i.trim() && (q(a, i), D(
-        l("dataTableTabs.announce.renamed", { name: i.trim() })
+    if (k) {
+      const s = ((e = t.current) == null ? void 0 : e.value) ?? "";
+      s.trim() && (q(k, s), l(
+        o("dataTableTabs.announce.renamed", { name: s.trim() })
       ));
     }
-    n(null);
-  }, [a, q, l]), me = u(() => n(null), []), Ae = u(() => {
-    const e = l("dataTableTabs.newTabName", { number: v.length + 1 }), i = P();
-    D(l("dataTableTabs.announce.added", { name: e })), W && N ? n(i) : j(i);
-  }, [P, N, j, W, l, v.length]), X = u(
+    z(null);
+  }, [k, q, o]), fe = u(() => z(null), []), Ne = u(() => {
+    const e = o("dataTableTabs.newTabName", { number: b.length + 1 }), s = P();
+    l(o("dataTableTabs.announce.added", { name: e })), g && C ? z(s) : c(s);
+  }, [P, C, c, g, o, b.length]), J = u(
     (e) => {
-      if (!re(e)) return;
-      const i = v.findIndex((h) => h.id === e.id), w = v.filter((h) => h.id !== e.id)[Math.max(0, i - 1)];
-      Y(e.id), D(l("dataTableTabs.announce.removed", { name: e.label })), w && j(w.id);
+      if (!F(e)) return;
+      const s = b.findIndex((h) => h.id === e.id), I = b.filter((h) => h.id !== e.id)[Math.max(0, s - 1)];
+      ee(e.id), l(o("dataTableTabs.announce.removed", { name: e.label })), I && c(I.id);
     },
-    [re, j, Y, l, v]
-  ), Ne = u(
-    (e, i) => {
-      e.key === "Delete" || e.key === "Backspace" ? (e.preventDefault(), X(i)) : e.key === "F2" && (e.preventDefault(), se(i));
+    [F, c, ee, o, b]
+  ), Ce = u(
+    (e, s) => {
+      e.key === "Delete" || e.key === "Backspace" ? (e.preventDefault(), J(s)) : e.key === "F2" && (e.preventDefault(), B(s));
     },
-    [X, se]
-  ), fe = f(B);
-  fe.current = B;
-  const ge = f(P);
-  ge.current = P;
-  const Te = f(q);
-  Te.current = q;
-  const ve = f(X);
-  ve.current = X;
-  const he = f({
-    getTabs: () => Q(),
-    getActiveTabId: () => t() ?? null,
-    selectTab: (e) => fe.current(e),
-    addTab: (e, i) => ge.current(e, i),
-    renameTab: (e, i) => Te.current(e, i),
+    [J, B]
+  ), ge = T(y);
+  ge.current = y;
+  const Te = T(P);
+  Te.current = P;
+  const ve = T(q);
+  ve.current = q;
+  const he = T(J);
+  he.current = J;
+  const ye = T({
+    getTabs: () => ae(),
+    getActiveTabId: () => oe() ?? null,
+    selectTab: (e) => ge.current(e),
+    addTab: (e, s) => Te.current(e, s),
+    renameTab: (e, s) => ve.current(e, s),
     removeTab: (e) => {
-      const i = Q().find((w) => w.id === e);
-      i && ve.current(i);
+      const s = ae().find((I) => I.id === e);
+      s && he.current(s);
     }
   });
-  Fe(S, () => he.current, []), Ke(qe, he.current, G);
-  const Ce = `${T}-tab-${M}`;
-  return /* @__PURE__ */ L(
+  je(S, () => ye.current, []), Me(Le, ye.current, X);
+  const Se = `${m}-tab-${x}`;
+  return /* @__PURE__ */ O(
     "div",
     {
-      ref: p,
+      ref: Z,
       "data-component": "data-table-tabs",
-      "data-component-id": G,
-      className: Z("ds:flex ds:min-w-0 ds:flex-col", C),
+      "data-component-id": X,
+      className: ne("ds:flex ds:min-w-0 ds:flex-col", K),
       children: [
-        /* @__PURE__ */ L(
-          ce.Root,
+        /* @__PURE__ */ O(
+          ue.Root,
           {
-            open: a !== null,
+            open: k !== null,
             onOpenChange: (e) => {
-              e || me();
+              e || fe();
             },
             children: [
-              /* @__PURE__ */ L(
-                oe.Root,
+              /* @__PURE__ */ O(
+                ce.Root,
                 {
-                  value: M,
-                  onValueChange: B,
+                  value: x,
+                  onValueChange: y,
                   orientation: "horizontal",
                   activationMode: "manual",
-                  dir: m,
+                  dir: D,
                   children: [
-                    /* @__PURE__ */ L("div", { className: "ds:flex ds:items-end ds:gap-[var(--spacing-2xs)]", children: [
-                      /* @__PURE__ */ b(
-                        oe.List,
+                    /* @__PURE__ */ O("div", { className: "ds:flex ds:items-end ds:gap-[var(--spacing-2xs)]", children: [
+                      /* @__PURE__ */ p(
+                        ce.List,
                         {
-                          "aria-label": y ?? l("dataTableTabs.tablistLabel"),
-                          "aria-describedby": I,
-                          className: Z(
-                            _e({ size: U }),
+                          "aria-label": W ?? o("dataTableTabs.tablistLabel"),
+                          "aria-describedby": M,
+                          className: ne(
+                            _e({ size: Q }),
                             "ds:min-w-0 ds:flex-initial"
                           ),
-                          children: v.map((e, i) => {
-                            const w = /* @__PURE__ */ L(
-                              oe.Trigger,
+                          children: b.map((e, s) => {
+                            const I = /* @__PURE__ */ O(
+                              ce.Trigger,
                               {
                                 ref: (h) => {
-                                  h ? F.current.set(e.id, h) : F.current.delete(e.id);
+                                  h ? d.current.set(e.id, h) : d.current.delete(e.id);
                                 },
                                 value: e.id,
-                                id: `${T}-tab-${e.id}`,
-                                "aria-controls": K,
+                                id: `${m}-tab-${e.id}`,
+                                "aria-controls": f,
                                 "data-tab-id": e.id,
-                                className: Z(
-                                  $e({ size: U }),
+                                className: ne(
+                                  $e({ size: Q }),
                                   // The leading tab sits flush in the panel's leading-top
                                   // corner: square that corner (and the grid's, below) so
                                   // the leading edge is one straight line with no cut-in.
-                                  i === 0 && "ds:[border-start-start-radius:0]",
+                                  s === 0 && "ds:[border-start-start-radius:0]",
                                   // Keyboard-only focus ring; in pointer mode suppress the
                                   // UA default outline that Radix's click-focus would show.
-                                  H ? Ee : "ds:focus-visible:outline-none"
+                                  H ? Ue : "ds:focus-visible:outline-none"
                                 ),
-                                onKeyDown: (h) => Ne(h, e),
-                                onDoubleClick: () => se(e),
+                                onKeyDown: (h) => Ce(h, e),
+                                onDoubleClick: () => B(e),
                                 children: [
-                                  /* @__PURE__ */ b("span", { className: "ds:max-w-[12rem] ds:truncate", children: e.label }),
-                                  re(e) && // Visual-only dismiss — pointer removal fires here;
+                                  /* @__PURE__ */ p("span", { className: "ds:max-w-[12rem] ds:truncate", children: e.label }),
+                                  F(e) && // Visual-only dismiss — pointer removal fires here;
                                   // keyboard removal is Delete/Backspace on the trigger.
                                   // No role/tabIndex: interactive content inside <button>
                                   // is invalid HTML (kit TabsTrigger precedent). Absolutely
@@ -579,11 +597,11 @@ const Ge = Se(function({
                                   // space — every tab keeps the same symmetric padding
                                   // whether or not it can be removed, and labels never
                                   // reflow when it reveals.
-                                  /* @__PURE__ */ b(
+                                  /* @__PURE__ */ p(
                                     "span",
                                     {
                                       "aria-hidden": "true",
-                                      className: Z(
+                                      className: ne(
                                         "ds:absolute ds:end-[var(--spacing-2xs)] ds:top-1/2 ds:-translate-y-1/2",
                                         "ds:inline-flex ds:items-center ds:justify-center",
                                         "ds:size-3.5 ds:rounded-[var(--radius-sm)]",
@@ -593,60 +611,60 @@ const Ge = Se(function({
                                         "ds:hover:bg-muted-foreground/20"
                                       ),
                                       onPointerDown: (h) => {
-                                        h.stopPropagation(), h.preventDefault(), X(e);
+                                        h.stopPropagation(), h.preventDefault(), J(e);
                                       },
-                                      children: /* @__PURE__ */ b(we, { className: "ds:size-3" })
+                                      children: /* @__PURE__ */ p(we, { className: "ds:size-3" })
                                     }
                                   )
                                 ]
                               },
                               e.id
                             );
-                            return a === e.id ? /* @__PURE__ */ b(ce.Anchor, { asChild: !0, children: w }, e.id) : w;
+                            return k === e.id ? /* @__PURE__ */ p(ue.Anchor, { asChild: !0, children: I }, e.id) : I;
                           })
                         }
                       ),
-                      O && /* @__PURE__ */ b(
-                        de,
+                      V && /* @__PURE__ */ p(
+                        le,
                         {
                           intent: "ghost",
                           size: "sm",
-                          icon: /* @__PURE__ */ b(Me, { "aria-hidden": "true" }),
-                          tooltip: l(J ? "dataTableTabs.maxTabsReached" : "dataTableTabs.addTab"),
-                          disabled: J,
+                          icon: /* @__PURE__ */ p(Pe, { "aria-hidden": "true" }),
+                          tooltip: o(te ? "dataTableTabs.maxTabsReached" : "dataTableTabs.addTab"),
+                          disabled: te,
                           className: "ds:mb-[var(--spacing-2xs)] ds:shrink-0",
-                          onClick: Ae
+                          onClick: Ne
                         }
                       )
                     ] }),
-                    /* @__PURE__ */ b(
+                    /* @__PURE__ */ p(
                       "div",
                       {
                         role: "tabpanel",
-                        id: K,
-                        "aria-labelledby": Ce,
+                        id: f,
+                        "aria-labelledby": Se,
                         className: "ds:min-w-0 ds:[&_.ag-root-wrapper]:[border-start-start-radius:0]",
-                        children: ne
+                        children: Y
                       }
                     )
                   ]
                 }
               ),
-              /* @__PURE__ */ b(
-                ce.Content,
+              /* @__PURE__ */ p(
+                ue.Content,
                 {
                   side: "bottom",
                   align: "start",
-                  "aria-label": l("dataTableTabs.rename.title"),
+                  "aria-label": o("dataTableTabs.rename.title"),
                   className: "ds:w-64",
                   onCloseAutoFocus: (e) => {
-                    e.preventDefault(), s ? j(s.id) : M && j(M);
+                    e.preventDefault(), a ? c(a.id) : x && c(x);
                   },
                   onOpenAutoFocus: (e) => {
-                    var i, w;
-                    e.preventDefault(), (i = d.current) == null || i.focus(), (w = d.current) == null || w.select();
+                    var s, I;
+                    e.preventDefault(), (s = t.current) == null || s.focus(), (I = t.current) == null || I.select();
                   },
-                  children: /* @__PURE__ */ L(
+                  children: /* @__PURE__ */ O(
                     "form",
                     {
                       className: "ds:flex ds:items-center ds:gap-[var(--spacing-2xs)]",
@@ -654,36 +672,36 @@ const Ge = Se(function({
                         e.preventDefault(), Re();
                       },
                       children: [
-                        /* @__PURE__ */ b(
-                          je,
+                        /* @__PURE__ */ p(
+                          ze,
                           {
-                            ref: d,
+                            ref: t,
                             size: "sm",
-                            "aria-label": l("dataTableTabs.rename.inputLabel"),
-                            defaultValue: (s == null ? void 0 : s.label) ?? "",
+                            "aria-label": o("dataTableTabs.rename.inputLabel"),
+                            defaultValue: (a == null ? void 0 : a.label) ?? "",
                             maxLength: 60,
                             className: "ds:min-w-0 ds:flex-1"
                           }
                         ),
-                        /* @__PURE__ */ b(
-                          de,
+                        /* @__PURE__ */ p(
+                          le,
                           {
                             type: "submit",
                             intent: "ghost",
                             size: "sm",
-                            icon: /* @__PURE__ */ b(Pe, { "aria-hidden": "true" }),
-                            tooltip: l("dataTableTabs.rename.save")
+                            icon: /* @__PURE__ */ p(qe, { "aria-hidden": "true" }),
+                            tooltip: o("dataTableTabs.rename.save")
                           }
                         ),
-                        /* @__PURE__ */ b(
-                          de,
+                        /* @__PURE__ */ p(
+                          le,
                           {
                             type: "button",
                             intent: "ghost",
                             size: "sm",
-                            icon: /* @__PURE__ */ b(we, { "aria-hidden": "true" }),
-                            tooltip: l("dataTableTabs.rename.cancel"),
-                            onClick: me
+                            icon: /* @__PURE__ */ p(we, { "aria-hidden": "true" }),
+                            tooltip: o("dataTableTabs.rename.cancel"),
+                            onClick: fe
                           }
                         )
                       ]
@@ -694,17 +712,17 @@ const Ge = Se(function({
             ]
           }
         ),
-        /* @__PURE__ */ b("span", { id: I, className: "ds:sr-only", children: l("dataTableTabs.hint") }),
-        /* @__PURE__ */ b("span", { role: "status", "aria-live": "polite", className: "ds:sr-only", children: c })
+        /* @__PURE__ */ p("span", { id: M, className: "ds:sr-only", children: o("dataTableTabs.hint") }),
+        /* @__PURE__ */ p("span", { role: "status", "aria-live": "polite", className: "ds:sr-only", children: r })
       ]
     }
   );
 });
-Ge.displayName = "DataTableTabs";
+He.displayName = "DataTableTabs";
 export {
-  Ge as D,
+  He as D,
   _e as a,
   $e as b,
-  qe as d
+  Le as d
 };
-//# sourceMappingURL=data-table-tabs-C1kRUzat.js.map
+//# sourceMappingURL=data-table-tabs-D24qj89A.js.map