@smwb/ui-solid 2.0.0 → 2.1.0

package/dist/headless/components/layout/tabGroups/tabGroups.js

@@ -1,94 +1,94 @@
-import { isServer as $, use as Ct, spread as dr, mergeProps as re, insert as _, createComponent as w, effect as j, className as _t, setAttribute as v, setStyleProperty as gt, addEventListener as Z, memo as fr, template as M, delegateEvents as gr } from "solid-js/web";
-import { splitProps as pr, createUniqueId as mr, createMemo as m, createComputed as br, createSignal as N, createEffect as xt, on as hr, onCleanup as pt, onMount as vr, children as wr, mapArray as Ot, createRenderEffect as yr, Show as st, For as oe } from "solid-js";
-import mt from "clsx";
-import { Tabs as Sr } from "../../navigation/tabs/tabs.js";
-import { Tab as Er } from "../../navigation/tabs/tab/tab.js";
-import { Menu as Ar } from "../../navigation/menu/menu.js";
-import { MenuItem as X } from "../../navigation/menu/menuItem.js";
-import { mergeRefs as Tr } from "../../../primitives/mergeRefs.js";
-import { mergeStyle as Dr } from "../../../primitives/mergeStyle.js";
-import { createControllableState as Cr } from "../../../primitives/createControllableState.js";
-import { callHandler as Q } from "../../../primitives/callHandler.js";
-import { matchesKeyboardShortcut as Rt } from "../../../utils/keyboardShortcut.js";
-import { throttle as _r } from "../../../utils/throttle.js";
-import { TAB_GROUPS_LABELS as xr, createTabGroupsLayout as Or, computeTabGroupsGrid as Rr, getGroups as k, groupBodyArea as ne, setActiveGroup as Mr, moveTab as K, gridTemplateRows as Lr, gridTemplateColumns as Pr, moveTabInDirection as Nr, selectTab as kr, groupHeaderArea as Fr, dropZoneAt as Gr, findGroupOfTab as bt, removeTab as zr, adjacentGroup as $r, separatorArea as Kr, describeTabGroupsChange as Br, resizeSplit as se } from "./tabGroupsLayout.js";
-import { ownerRootOf as ae, frameExitTarget as Hr, ownGroupIdOf as ie, deepActiveElement as ht, containsDeep as ce, tabMove as Ur, lastStopOf as qr, focusFromEnd as Vr } from "./tabGroupsFocus.js";
-import { Icon as Wr } from "../../base/icon/icon.js";
-var Yr = /* @__PURE__ */ M("<button type=button class=smwb-tab-groups__actions-trigger aria-haspopup=menu>"), jr = /* @__PURE__ */ M("<div>"), Zr = /* @__PURE__ */ M("<span class=smwb-tab-groups__panel-end tabindex=-1 aria-hidden=true>"), Xr = /* @__PURE__ */ M('<div class="smwb-tab-panel smwb-tab-groups__panel"role=tabpanel tabindex=0>'), Qr = /* @__PURE__ */ M("<div role=separator tabindex=0 aria-valuemin=0 aria-valuemax=100>"), Jr = /* @__PURE__ */ M("<div class=smwb-tab-groups__empty>"), Ir = /* @__PURE__ */ M("<span class=smwb-tab-groups__focus-guard tabindex=0>"), to = /* @__PURE__ */ M("<div><div class=smwb-tab-groups__status role=status data-testid=tab-groups-status>"), eo = /* @__PURE__ */ M("<div aria-hidden=true>");
-const ro = ["Alt+Shift+ArrowLeft", "Alt+Shift+ArrowRight", "Alt+Shift+ArrowUp", "Alt+Shift+ArrowDown", "Control+Shift+ArrowLeft", "Meta+Shift+ArrowLeft", "Control+Shift+ArrowRight", "Meta+Shift+ArrowRight"].join(" "), oo = [["left", ["Alt", "Shift", "ArrowLeft"]], ["right", ["Alt", "Shift", "ArrowRight"]], ["top", ["Alt", "Shift", "ArrowUp"]], ["bottom", ["Alt", "Shift", "ArrowDown"]]], no = '[role^="menuitem"]:not([aria-disabled="true"])';
-function Mt(f) {
-  let c = f ?? null;
+import { isServer as H, use as Rt, spread as wr, mergeProps as ae, insert as O, createComponent as S, effect as J, className as Lt, setAttribute as E, setStyleProperty as vt, addEventListener as I, memo as yr, template as R, delegateEvents as Sr } from "solid-js/web";
+import { splitProps as Er, createUniqueId as Ar, createMemo as m, createComputed as ce, createSignal as N, createEffect as Ft, on as Tr, onCleanup as wt, onMount as Dr, children as ue, mapArray as Gt, createRenderEffect as Cr, Show as tt, For as le } from "solid-js";
+import yt from "clsx";
+import { Tabs as _r } from "../../navigation/tabs/tabs.js";
+import { Tab as xr } from "../../navigation/tabs/tab/tab.js";
+import { Menu as Or } from "../../navigation/menu/menu.js";
+import { MenuItem as et } from "../../navigation/menu/menuItem.js";
+import { mergeRefs as Mr } from "../../../primitives/mergeRefs.js";
+import { mergeStyle as Rr } from "../../../primitives/mergeStyle.js";
+import { createControllableState as Lr } from "../../../primitives/createControllableState.js";
+import { callHandler as rt } from "../../../primitives/callHandler.js";
+import { matchesKeyboardShortcut as Pt } from "../../../utils/keyboardShortcut.js";
+import { throttle as Fr } from "../../../utils/throttle.js";
+import { TAB_GROUPS_LABELS as Gr, createTabGroupsLayout as Pr, computeTabGroupsGrid as kr, getGroups as $, groupBodyArea as de, setActiveGroup as Nr, moveTab as q, gridTemplateRows as $r, gridTemplateColumns as zr, moveTabInDirection as Kr, selectTab as Br, groupHeaderArea as Hr, dropZoneAt as qr, findGroupOfTab as St, removeTab as Ur, adjacentGroup as Vr, separatorArea as Wr, describeTabGroupsChange as Yr, resizeSplit as fe } from "./tabGroupsLayout.js";
+import { ownerRootOf as ge, slotFocusOf as jr, frameExitTarget as Zr, ownGroupIdOf as pe, deepActiveElement as lt, containsDeep as me, tabMove as Xr, lastStopOf as Qr, focusFromEnd as Jr, slotFocusHeir as Ir } from "./tabGroupsFocus.js";
+import { Icon as to } from "../../base/icon/icon.js";
+var eo = /* @__PURE__ */ R("<div class=smwb-tab-groups__strip-actions>"), ro = /* @__PURE__ */ R("<button type=button class=smwb-tab-groups__actions-trigger aria-haspopup=menu>"), oo = /* @__PURE__ */ R("<div>"), no = /* @__PURE__ */ R("<span class=smwb-tab-groups__panel-end tabindex=-1 aria-hidden=true>"), so = /* @__PURE__ */ R('<div class="smwb-tab-panel smwb-tab-groups__panel"role=tabpanel tabindex=0>'), io = /* @__PURE__ */ R("<div role=separator tabindex=0 aria-valuemin=0 aria-valuemax=100>"), ao = /* @__PURE__ */ R("<div class=smwb-tab-groups__empty>"), co = /* @__PURE__ */ R("<span class=smwb-tab-groups__focus-guard tabindex=0>"), uo = /* @__PURE__ */ R("<div><div class=smwb-tab-groups__status role=status data-testid=tab-groups-status>"), lo = /* @__PURE__ */ R("<div aria-hidden=true>");
+const fo = ["Alt+Shift+ArrowLeft", "Alt+Shift+ArrowRight", "Alt+Shift+ArrowUp", "Alt+Shift+ArrowDown", "Control+Shift+ArrowLeft", "Meta+Shift+ArrowLeft", "Control+Shift+ArrowRight", "Meta+Shift+ArrowRight"].join(" "), go = [["left", ["Alt", "Shift", "ArrowLeft"]], ["right", ["Alt", "Shift", "ArrowRight"]], ["top", ["Alt", "Shift", "ArrowUp"]], ["bottom", ["Alt", "Shift", "ArrowDown"]]], po = (l) => l != null && typeof l != "boolean" && l !== "", mo = '[role^="menuitem"]:not([aria-disabled="true"])';
+function kt(l) {
+  let c = l ?? null;
   for (; c; ) {
-    const T = c.getAttribute("data-group-id");
-    if (T !== null) return T;
+    const _ = c.getAttribute("data-group-id");
+    if (_ !== null) return _;
     c = c.parentElement;
   }
   return null;
 }
-function ue(f) {
-  return f.closest(".smwb-tab-item") ?? f;
+function be(l) {
+  return l.closest(".smwb-tab-item") ?? l;
 }
-function le(f) {
-  if (!f) return null;
-  const c = f.closest('[role="tab"]');
-  return c || (f.closest(".smwb-tab-item")?.querySelector('[role="tab"]') ?? null);
+function he(l) {
+  if (!l) return null;
+  const c = l.closest('[role="tab"]');
+  return c || (l.closest(".smwb-tab-item")?.querySelector('[role="tab"]') ?? null);
 }
-function at(f, c) {
-  if (f.type !== "group") {
-    if (f.id === c) return f;
-    for (const T of f.children) {
-      const E = at(T, c);
-      if (E) return E;
+function dt(l, c) {
+  if (l.type !== "group") {
+    if (l.id === c) return l;
+    for (const _ of l.children) {
+      const D = dt(_, c);
+      if (D) return D;
     }
   }
 }
-function fe(f) {
-  return f.type === "group" ? [f.id] : f.children.flatMap(fe);
+function we(l) {
+  return l.type === "group" ? [l.id] : l.children.flatMap(we);
 }
-function de(f) {
-  const c = [], T = (E) => {
-    if (E.type === "group") {
-      c.push(`h:${E.id}`, `p:${E.id}`);
+function ve(l) {
+  const c = [], _ = (D) => {
+    if (D.type === "group") {
+      c.push(`h:${D.id}`, `p:${D.id}`);
       return;
     }
-    E.children.forEach((D, A) => {
-      T(D), A < E.children.length - 1 && c.push(`s:${E.id}:${A}`);
+    D.children.forEach((x, C) => {
+      _(x), C < D.children.length - 1 && c.push(`s:${D.id}:${C}`);
     });
   };
-  return T(f), c;
+  return _(l), c;
 }
-function so(f, c, T) {
-  const E = new Set(c);
-  T.forEach((d) => {
-    !E.has(d) && d.parentNode === f && d.remove();
+function bo(l, c, _) {
+  const D = new Set(c);
+  _.forEach((d) => {
+    !D.has(d) && d.parentNode === l && d.remove();
   });
-  const D = Array.from(f.children), A = /* @__PURE__ */ new Map();
-  D.forEach((d, l) => A.set(d, l));
-  const B = f.ownerDocument.activeElement, L = B === null ? -1 : c.findIndex((d) => d.contains(B)), H = L < 0 ? void 0 : A.get(c[L]), x = [];
-  c.forEach((d, l) => {
-    const y = A.get(d);
-    y !== void 0 && (H !== void 0 && l !== L && l < L != y < H || x.push(y));
+  const x = Array.from(l.children), C = /* @__PURE__ */ new Map();
+  x.forEach((d, u) => C.set(d, u));
+  const U = l.ownerDocument.activeElement, P = U === null ? -1 : c.findIndex((d) => d.contains(U)), V = P < 0 ? void 0 : C.get(c[P]), L = [];
+  c.forEach((d, u) => {
+    const A = C.get(d);
+    A !== void 0 && (V !== void 0 && u !== P && u < P != A < V || L.push(A));
   });
-  const O = x.map(() => 1), J = x.map(() => -1);
-  let U = -1;
-  x.forEach((d, l) => {
-    for (let y = 0; y < l; y++)
-      x[y] < d && O[y] + 1 > O[l] && (O[l] = O[y] + 1, J[l] = y);
-    (U < 0 || O[l] > O[U]) && (U = l);
+  const F = L.map(() => 1), ot = L.map(() => -1);
+  let W = -1;
+  L.forEach((d, u) => {
+    for (let A = 0; A < u; A++)
+      L[A] < d && F[A] + 1 > F[u] && (F[u] = F[A] + 1, ot[u] = A);
+    (W < 0 || F[u] > F[W]) && (W = u);
   });
-  const F = /* @__PURE__ */ new Set();
-  for (let d = U; d >= 0; d = J[d]) F.add(x[d]);
-  let it = F.size > 0 ? D[Math.max(...F)].nextSibling : f.firstChild;
+  const z = /* @__PURE__ */ new Set();
+  for (let d = W; d >= 0; d = ot[d]) z.add(L[d]);
+  let ft = z.size > 0 ? x[Math.max(...z)].nextSibling : l.firstChild;
   for (let d = c.length - 1; d >= 0; d--) {
-    const l = c[d], y = A.get(l);
-    (y === void 0 || !F.has(y)) && f.insertBefore(l, it), it = l;
+    const u = c[d], A = C.get(u);
+    (A === void 0 || !z.has(A)) && l.insertBefore(u, ft), ft = u;
   }
 }
-function Lt(f) {
-  return k(f).map((c) => c.active).filter((c) => c !== null);
+function Nt(l) {
+  return $(l).map((c) => c.active).filter((c) => c !== null);
 }
-function Ao(f) {
-  const [c, T] = pr(f, [
+function Fo(l) {
+  const [c, _] = Er(l, [
     "class",
     "style",
     "id",
@@ -104,7 +104,9 @@ function Ao(f) {
     "minGroupSize",
     "keyboardStep",
     "groupActions",
+    "stripActions",
     "dense",
+    "fit",
     "labels",
     // Wrapped so that the caller's handler still runs, first.
     "onDragStart",
@@ -113,62 +115,62 @@ function Ao(f) {
     "onDragEnd",
     "onFocusIn",
     "onKeyDown"
-  ]), E = mr(), D = () => c.id ?? E, A = (t) => encodeURIComponent(t), B = (t) => `${D()}-tab-${A(t)}`, L = (t) => `${D()}-panel-${A(t)}`, H = (t) => `${D()}-menu-${A(t)}`, x = (t) => `${D()}-header-${A(t)}`, O = (t, e) => `${D()}-separator-${A(t)}-${e}`, J = () => `${D()}-status`, U = () => c.minGroupSize ?? 120, F = () => c.keyboardStep ?? 5, it = () => c.groupActions !== !1, d = m(() => ({
-    ...xr,
+  ]), D = Ar(), x = () => c.id ?? D, C = (t) => encodeURIComponent(t), U = (t) => `${x()}-tab-${C(t)}`, P = (t) => `${x()}-panel-${C(t)}`, V = (t) => `${x()}-menu-${C(t)}`, L = (t) => `${x()}-header-${C(t)}`, F = (t, e) => `${x()}-separator-${C(t)}-${e}`, ot = () => `${x()}-status`, W = () => c.minGroupSize ?? 120, z = () => c.keyboardStep ?? 5, ft = () => c.groupActions !== !1, d = m(() => ({
+    ...Gr,
     ...c.labels
-  })), [l, y] = Cr({
+  })), [u, A] = Lr({
     value: () => c.layout,
-    defaultValue: c.defaultLayout ?? Or()
+    defaultValue: c.defaultLayout ?? Pr()
   });
-  let b = l();
-  br(() => {
-    b = l();
+  let v = u();
+  ce(() => {
+    v = u();
   });
-  const R = m(() => Rr(l())), G = m(() => k(l())), ge = m(() => G().length), pe = m(() => G().length > 1), me = m(() => new Set(Lt(l()))), vt = m(() => {
+  const G = m(() => kr(u())), K = m(() => $(u())), $t = m(() => K().length), ye = m(() => K().length > 1), Se = m(() => new Set(Nt(u()))), Et = m(() => {
     const t = /* @__PURE__ */ new Map();
-    return k(l()).forEach((e) => e.tabs.forEach((r) => t.set(r, e.id))), t;
-  }), S = (t, e) => k(t).find((r) => r.id === e), Pt = (t) => G().findIndex((e) => e.id === t), q = m(() => {
-    const t = G();
+    return $(u()).forEach((e) => e.tabs.forEach((r) => t.set(r, e.id))), t;
+  }), T = (t, e) => $(t).find((r) => r.id === e), At = (t) => K().findIndex((e) => e.id === t), Y = m(() => {
+    const t = K();
     return t.length === 1 && (t[0]?.tabs.length ?? 0) === 0;
-  }), be = m(() => G().map((t) => t.id)), he = m(() => de(l().root).filter((t) => t.startsWith("s:"))), ve = m((t) => {
-    const e = vt(), r = t.filter((n) => e.has(n)), o = new Set(r);
-    return G().forEach((n) => n.tabs.forEach((s) => {
+  }), Ee = m(() => K().map((t) => t.id)), Ae = m(() => ve(u().root).filter((t) => t.startsWith("s:"))), Te = m((t) => {
+    const e = Et(), r = t.filter((n) => e.has(n)), o = new Set(r);
+    return K().forEach((n) => n.tabs.forEach((s) => {
       o.has(s) || (o.add(s), r.push(s));
     })), r.length === t.length && r.every((n, s) => n === t[s]) ? t : r;
-  }, []), we = m(() => {
-    if (q()) return;
-    const t = l();
-    return [...de(t.root).flatMap((e) => {
-      if (e.startsWith("h:")) return [x(e.slice(2))];
-      if (e.startsWith("p:")) return (S(t, e.slice(2))?.tabs ?? []).map(L);
+  }, []), De = m(() => {
+    if (Y()) return;
+    const t = u();
+    return [...ve(t.root).flatMap((e) => {
+      if (e.startsWith("h:")) return [L(e.slice(2))];
+      if (e.startsWith("p:")) return (T(t, e.slice(2))?.tabs ?? []).map(P);
       const r = e.lastIndexOf(":");
-      return [O(e.slice(2, r), Number(e.slice(r + 1)))];
-    }), J()].join(" ");
-  }), [ye, Se] = N(new Set(Lt(l())));
-  $ || xt(() => {
-    const t = l(), e = /* @__PURE__ */ new Set();
-    k(t).forEach((o) => o.tabs.forEach((n) => e.add(n)));
-    const r = Lt(t);
-    Se((o) => {
+      return [F(e.slice(2, r), Number(e.slice(r + 1)))];
+    }), ot()].join(" ");
+  }), [Ce, _e] = N(new Set(Nt(u())));
+  H || Ft(() => {
+    const t = u(), e = /* @__PURE__ */ new Set();
+    $(t).forEach((o) => o.tabs.forEach((n) => e.add(n)));
+    const r = Nt(t);
+    _e((o) => {
       const n = /* @__PURE__ */ new Set();
       let s = !1;
-      return o.forEach((a) => {
-        e.has(a) ? n.add(a) : s = !0;
-      }), r.forEach((a) => {
-        n.has(a) || (n.add(a), s = !0);
+      return o.forEach((i) => {
+        e.has(i) ? n.add(i) : s = !0;
+      }), r.forEach((i) => {
+        n.has(i) || (n.add(i), s = !0);
       }), s || n.size !== o.size ? n : o;
     });
   });
-  const [Ee, Ae] = N(""), [ct, ut] = N(null), [Te, Nt] = N(!1), [De, I] = N(null), [Ce, tt] = N(null), [kt, Ft] = N(null);
-  let h, lt, wt = null;
-  const yt = /* @__PURE__ */ new WeakMap();
-  let Gt = 0, St = !1, dt = !1, et = null, Et = !1;
-  const _e = (t, e) => {
-    const r = Br(e, t, Re, d());
-    r !== "" && Ae((o) => o.replace(/\u00a0+$/, "") === r ? `${r} ` : r);
-  }, zt = (t, e, r) => {
-    const o = bt(e, t);
-    o && (wt = {
+  const [xe, Oe] = N(""), [gt, pt] = N(null), [Me, zt] = N(!1), [Re, nt] = N(null), [Le, st] = N(null), [Kt, Bt] = N(null);
+  let b, mt, Tt = null;
+  const Dt = /* @__PURE__ */ new WeakMap();
+  let Ht = 0, Ct = !1, bt = !1, j = null, _t = !1, M = null;
+  const Fe = (t, e) => {
+    const r = Yr(e, t, $e, d());
+    r !== "" && Oe((o) => o.replace(/\u00a0+$/, "") === r ? `${r} ` : r);
+  }, qt = (t, e, r) => {
+    const o = St(e, t);
+    o && (Tt = {
       tab: t,
       group: o.id,
       index: o.tabs.indexOf(t),
@@ -176,276 +178,286 @@ function Ao(f) {
         gone: r
       },
       after: e,
-      base: l(),
-      from: h ? ht(h.ownerDocument) : null
+      base: u(),
+      from: b ? lt(b.ownerDocument) : null
     });
-  }, xe = (t, e) => {
+  }, Ge = (t, e) => {
     if (e === t.base) return !0;
-    const r = yt.get(e), o = yt.get(t.after);
+    const r = Dt.get(e), o = Dt.get(t.after);
     return r !== void 0 && o !== void 0 && r < o;
-  }, $t = () => {
-    const t = wt, e = l();
-    if (!t || xe(t, e)) return;
-    const r = h?.ownerDocument, o = bt(e, t.tab), n = o?.id === t.group && o.tabs.indexOf(t.tab) === t.index && (t.gone === void 0 || !S(e, t.gone)), s = n ? r?.getElementById(B(t.tab)) : null;
-    if (n && (!s || Mt(s) !== t.group) || (wt = null, !s || !h || !r)) return;
-    const a = ht(r);
-    a !== s && (a !== null && a !== r.body && a !== t.from && !ce(h, a) || s.focus());
-  }, V = (t, e) => {
-    t !== b && (b = t, Gt += 1, yt.set(t, Gt), y(() => t), c.onLayoutChange?.(t, e), _e(t, e), $t(), c.layout !== void 0 && !St && (St = !0, queueMicrotask(Oe)));
-  }, Oe = () => {
-    St = !1, !(c.layout === void 0 || b === l()) && (b = l());
+  }, Ut = () => {
+    const t = Tt, e = u();
+    if (!t || Ge(t, e)) return;
+    const r = b?.ownerDocument, o = St(e, t.tab), n = o?.id === t.group && o.tabs.indexOf(t.tab) === t.index && (t.gone === void 0 || !T(e, t.gone)), s = n ? r?.getElementById(U(t.tab)) : null;
+    if (n && (!s || kt(s) !== t.group) || (Tt = null, !s || !b || !r)) return;
+    const i = lt(r);
+    i !== s && (i !== null && i !== r.body && i !== t.from && !me(b, i) || s.focus());
+  }, Pe = () => {
+    const t = M;
+    if (!t || !b || t.element.isConnected) return;
+    M = null;
+    const e = b.ownerDocument, r = lt(e);
+    r !== null && r !== e.body || Ir(b, t, u().activeGroup)?.focus();
+  }, ke = () => {
+    M && !M.element.isConnected && (M = null);
+  }, Z = (t, e) => {
+    t !== v && (v = t, Ht += 1, Dt.set(t, Ht), A(() => t), c.onLayoutChange?.(t, e), Fe(t, e), Ut(), c.layout !== void 0 && !Ct && (Ct = !0, queueMicrotask(Ne)));
+  }, Ne = () => {
+    Ct = !1, !(c.layout === void 0 || v === u()) && (v = u());
   };
-  $ || xt(hr(l, () => {
-    $t();
+  H || (ce(() => {
+    u(), ke();
+  }), Ft(Tr(u, () => {
+    Ut(), Pe();
   }, {
     defer: !0
-  }));
-  const Re = (t) => {
+  })));
+  const $e = (t) => {
     const e = c.getTab(t);
     return e ? e.title !== void 0 ? e.title : typeof e.label == "string" ? e.label : t : t;
-  }, P = (t, e, r, o, n = {}) => {
+  }, k = (t, e, r, o, n = {}) => {
     if (t === e) return;
-    const s = bt(t, r)?.id, a = s !== void 0 ? S(t, s) : void 0;
-    if (!s || !a) return;
-    const i = !k(t).some((p) => p.id === o), u = k(e).some((p) => p.id === s), g = n.edge !== void 0 && !u ? {
+    const s = St(t, r)?.id, i = s !== void 0 ? T(t, s) : void 0;
+    if (!s || !i) return;
+    const a = !$(t).some((w) => w.id === o), g = $(e).some((w) => w.id === s), p = n.edge !== void 0 && !g ? {
       type: "split",
       tab: r,
       from: o,
       to: s,
       edge: n.edge,
-      sourceClosed: i
+      sourceClosed: a
     } : {
       type: "move",
       tab: r,
       from: o,
       to: s,
-      index: a.tabs.indexOf(r),
-      sourceClosed: i
+      index: i.tabs.indexOf(r),
+      sourceClosed: a
     };
-    n.focus && zt(r, t), V(t, g);
-  }, Me = (t) => (e, r) => {
+    n.focus && qt(r, t), Z(t, p);
+  }, ze = (t) => (e, r) => {
     if (e.type === "drop") return;
-    const o = b, n = S(o, t), s = n?.tabs[r];
-    !n || s === void 0 || V(kr(o, s), {
+    const o = v, n = T(o, t), s = n?.tabs[r];
+    !n || s === void 0 || Z(Br(o, s), {
       type: "select",
       tab: s,
       group: t
     });
-  }, Le = (t) => (e, r) => {
-    const o = b, n = S(o, t), s = n?.tabs[e];
-    !n || s === void 0 || P(K(o, s, {
+  }, Ke = (t) => (e, r) => {
+    const o = v, n = T(o, t), s = n?.tabs[e];
+    !n || s === void 0 || k(q(o, s, {
       group: t,
       index: r
     }), o, s, t, {
-      focus: Y?.hadFocus ?? !1
+      focus: Q?.hadFocus ?? !1
     });
-  }, Pe = (t, e, r) => {
-    const o = b, n = bt(o, t);
+  }, Be = (t, e, r) => {
+    const o = v, n = St(o, t);
     if (!n || c.onTabClose?.(t, e, r) === !1) return;
-    const s = zr(o, t);
+    const s = Ur(o, t);
     if (s === o) return;
-    const a = !k(s).some((C) => C.id === n.id), i = h, u = i ? ht(i.ownerDocument) : null, g = r === "actions" || i !== void 0 && ie(i, u) === n.id, p = a && g ? $r(o, n.id) : void 0;
-    if (p !== void 0) {
-      const C = S(s, p)?.active;
-      C && zt(C, s, n.id);
+    const i = !$(s).some((h) => h.id === n.id), a = b, g = a ? lt(a.ownerDocument) : null, p = r === "actions" || a !== void 0 && pe(a, g) === n.id, w = i && p ? Vr(o, n.id) : void 0;
+    if (w !== void 0) {
+      const h = T(s, w)?.active;
+      h && qt(h, s, n.id);
     }
-    V(s, {
+    Z(s, {
       type: "close",
       tab: t,
       group: n.id,
-      groupClosed: a
+      groupClosed: i
     });
-  }, Ne = (t) => (e) => {
+  }, He = (t) => (e) => {
     if (e.defaultPrevented || e.repeat || e.isComposing) return;
     const r = e.target;
     if (!(r instanceof Element)) return;
     const o = r.closest('[role="tab"]');
-    if (!o || Mt(o) !== t || o.getAttribute("aria-disabled") === "true") return;
+    if (!o || kt(o) !== t || o.getAttribute("aria-disabled") === "true") return;
     const n = o.getAttribute("data-tab-id");
     if (!n) return;
-    const s = b, a = S(s, t);
-    if (!a) return;
-    for (const [p, C] of oo) {
-      if (!Rt(e, C)) continue;
-      const nt = Nr(s, n, p);
-      if (nt === s) return;
-      e.preventDefault(), P(nt, s, n, t, {
-        edge: p,
+    const s = v, i = T(s, t);
+    if (!i) return;
+    for (const [w, h] of go) {
+      if (!Pt(e, h)) continue;
+      const f = Kr(s, n, w);
+      if (f === s) return;
+      e.preventDefault(), k(f, s, n, t, {
+        edge: w,
         focus: !0
       });
       return;
     }
-    const i = Rt(e, ["Mod", "Shift", "ArrowLeft"]) ? -1 : Rt(e, ["Mod", "Shift", "ArrowRight"]) ? 1 : 0;
-    if (i === 0) return;
-    const u = a.tabs.indexOf(n), g = u + i;
-    u < 0 || g < 0 || g >= a.tabs.length || (e.preventDefault(), P(K(s, n, {
+    const a = Pt(e, ["Mod", "Shift", "ArrowLeft"]) ? -1 : Pt(e, ["Mod", "Shift", "ArrowRight"]) ? 1 : 0;
+    if (a === 0) return;
+    const g = i.tabs.indexOf(n), p = g + a;
+    g < 0 || p < 0 || p >= i.tabs.length || (e.preventDefault(), k(q(s, n, {
       group: t,
-      index: g
+      index: p
     }), s, n, t, {
       focus: !0
     }));
-  }, ke = (t) => {
-    h?.ownerDocument?.getElementById(H(t))?.querySelector(no)?.focus({
+  }, qe = (t) => {
+    b?.ownerDocument?.getElementById(V(t))?.querySelector(mo)?.focus({
       preventScroll: !0
     });
-  }, Kt = (t, e) => {
-    ut(t), e && ke(t);
-  }, Fe = (t, e) => {
-    if (ct() === t) {
-      ut(null);
+  }, Vt = (t, e) => {
+    pt(t), e && qe(t);
+  }, Ue = (t, e) => {
+    if (gt() === t) {
+      pt(null);
       return;
     }
-    Kt(t, e.detail === 0);
-  }, Ge = (t, e) => {
-    e.defaultPrevented || e.repeat || e.key !== "ArrowDown" || (e.preventDefault(), Kt(t, !0));
-  }, Bt = (t) => {
-    const e = S(l(), t);
+    Vt(t, e.detail === 0);
+  }, Ve = (t, e) => {
+    e.defaultPrevented || e.repeat || e.key !== "ArrowDown" || (e.preventDefault(), Vt(t, !0));
+  }, Wt = (t) => {
+    const e = T(u(), t);
     return !!(e && e.active !== null && e.tabs.length >= 2);
-  }, Ht = (t, e) => G()[Pt(t) + e]?.id, Ut = (t, e) => {
-    const r = S(l(), t);
-    return !!(r && r.active !== null && Ht(t, e) !== void 0);
-  }, qt = (t, e) => {
-    const r = S(l(), t);
+  }, Yt = (t, e) => K()[At(t) + e]?.id, jt = (t, e) => {
+    const r = T(u(), t);
+    return !!(r && r.active !== null && Yt(t, e) !== void 0);
+  }, Zt = (t, e) => {
+    const r = T(u(), t);
     if (!r || r.active === null) return !1;
     const o = r.tabs.indexOf(r.active) + e;
     return o >= 0 && o < r.tabs.length;
-  }, W = (t, e) => {
-    ut(null);
-    const r = b, o = S(r, t), n = o?.active;
+  }, X = (t, e) => {
+    pt(null);
+    const r = v, o = T(r, t), n = o?.active;
     if (!o || !n) return;
     if (e === "splitRight" || e === "splitDown") {
-      const i = e === "splitRight" ? "right" : "bottom";
-      P(K(r, n, {
+      const a = e === "splitRight" ? "right" : "bottom";
+      k(q(r, n, {
         group: t,
-        edge: i
+        edge: a
       }), r, n, t, {
-        edge: i,
+        edge: a,
         focus: !0
       });
       return;
     }
     if (e === "previous" || e === "next") {
-      const i = Ht(t, e === "previous" ? -1 : 1);
-      if (!i) return;
-      P(K(r, n, {
-        group: i
+      const a = Yt(t, e === "previous" ? -1 : 1);
+      if (!a) return;
+      k(q(r, n, {
+        group: a
       }), r, n, t, {
         focus: !0
       });
       return;
     }
-    const s = o.tabs.indexOf(n), a = s + (e === "left" ? -1 : 1);
-    s < 0 || a < 0 || a >= o.tabs.length || P(K(r, n, {
+    const s = o.tabs.indexOf(n), i = s + (e === "left" ? -1 : 1);
+    s < 0 || i < 0 || i >= o.tabs.length || k(q(r, n, {
       group: t,
-      index: a
+      index: i
     }), r, n, t, {
       focus: !0
     });
-  }, ze = (t) => {
-    const e = l(), r = at(e.root, t);
+  }, We = (t) => {
+    const e = u(), r = dt(e.root, t);
     if (!r) return 0;
-    const o = new Set(fe(r)), n = R().groups.filter((g) => o.has(g.id));
+    const o = new Set(we(r)), n = G().groups.filter((p) => o.has(p.id));
     if (n.length === 0) return 0;
-    const s = r.direction === "row" ? R().columns : R().rows;
-    let a = Number.POSITIVE_INFINITY, i = Number.NEGATIVE_INFINITY;
-    n.forEach((g) => {
-      const p = r.direction === "row" ? g.column : g.row;
-      a = Math.min(a, p[0]), i = Math.max(i, p[1]);
+    const s = r.direction === "row" ? G().columns : G().rows;
+    let i = Number.POSITIVE_INFINITY, a = Number.NEGATIVE_INFINITY;
+    n.forEach((p) => {
+      const w = r.direction === "row" ? p.column : p.row;
+      i = Math.min(i, w[0]), a = Math.max(a, w[1]);
     });
-    let u = 0;
-    for (let g = a; g < i; g += 1) u += s[g] ?? 0;
-    return u;
-  }, Vt = (t) => {
-    const e = h?.getBoundingClientRect(), r = at(l().root, t);
-    return !e || !r ? 0 : (r.direction === "row" ? e.width : e.height) * ze(t) / 100;
-  }, Wt = (t) => t > 0 ? U() / t * 100 : 0, Yt = (t, e) => {
-    const r = at(t.root, e);
+    let g = 0;
+    for (let p = i; p < a; p += 1) g += s[p] ?? 0;
+    return g;
+  }, Xt = (t) => {
+    const e = b?.getBoundingClientRect(), r = dt(u().root, t);
+    return !e || !r ? 0 : (r.direction === "row" ? e.width : e.height) * We(t) / 100;
+  }, Qt = (t) => t > 0 ? W() / t * 100 : 0, Jt = (t, e) => {
+    const r = dt(t.root, e);
     return {
       type: "resize",
       split: e,
       sizes: r ? [...r.sizes] : []
     };
-  }, $e = (t, e, r, o) => {
-    const n = b, s = se(n, t, e, r, o);
-    s !== n && V(s, Yt(s, t));
-  }, Ke = (t, e, r) => (o) => {
+  }, Ye = (t, e, r, o) => {
+    const n = v, s = fe(n, t, e, r, o);
+    s !== n && Z(s, Jt(s, t));
+  }, je = (t, e, r) => (o) => {
     if (o.defaultPrevented) return;
-    const n = r === "vertical", s = o.key === (n ? "ArrowLeft" : "ArrowUp"), a = o.key === (n ? "ArrowRight" : "ArrowDown"), i = o.key === "Home" || o.key === "End";
-    if (!s && !a && !i) return;
+    const n = r === "vertical", s = o.key === (n ? "ArrowLeft" : "ArrowUp"), i = o.key === (n ? "ArrowRight" : "ArrowDown"), a = o.key === "Home" || o.key === "End";
+    if (!s && !i && !a) return;
     o.preventDefault();
-    const u = i ? o.key === "Home" ? Number.NEGATIVE_INFINITY : Number.POSITIVE_INFINITY : s ? -F() : F();
-    $e(t, e, u, Wt(Vt(t)));
+    const g = a ? o.key === "Home" ? Number.NEGATIVE_INFINITY : Number.POSITIVE_INFINITY : s ? -z() : z();
+    Ye(t, e, g, Qt(Xt(t)));
   };
-  let rt = null;
-  const At = (t, e) => e === "vertical" ? t.clientX : t.clientY, jt = (t) => {
-    const e = rt;
+  let it = null;
+  const xt = (t, e) => e === "vertical" ? t.clientX : t.clientY, It = (t) => {
+    const e = it;
     if (!e) return;
-    const r = t - e.start, o = e.extentPx > 0 ? r / e.extentPx * 100 : 0, n = se(e.layout, e.split, e.index, o, e.min);
-    n !== b && V(n, Yt(n, e.split));
-  }, Tt = _r(jt, 1e3 / 60);
-  pt(() => Tt.cancel()), $ || xt(() => {
-    const t = kt();
+    const r = t - e.start, o = e.extentPx > 0 ? r / e.extentPx * 100 : 0, n = fe(e.layout, e.split, e.index, o, e.min);
+    n !== v && Z(n, Jt(n, e.split));
+  }, Ot = Fr(It, 1e3 / 60);
+  wt(() => Ot.cancel()), H || Ft(() => {
+    const t = Kt();
     if (!t) return;
     const e = document.body, r = e.style.cursor;
-    e.style.cursor = t.orientation === "vertical" ? "col-resize" : "row-resize", pt(() => {
+    e.style.cursor = t.orientation === "vertical" ? "col-resize" : "row-resize", wt(() => {
       e.style.cursor = r;
     });
   });
-  const Be = (t, e, r, o) => (n) => {
-    if ($ || n.pointerType === "mouse" && n.button !== 0) return;
-    const s = Vt(e);
-    rt = {
+  const Ze = (t, e, r, o) => (n) => {
+    if (H || n.pointerType === "mouse" && n.button !== 0) return;
+    const s = Xt(e);
+    it = {
       key: t,
       split: e,
       index: r,
       orientation: o,
       pointerId: n.pointerId,
-      start: At(n, o),
+      start: xt(n, o),
       extentPx: s,
-      min: Wt(s),
-      layout: b
-    }, Ft({
+      min: Qt(s),
+      layout: v
+    }, Bt({
       key: t,
       orientation: o
     });
-    const a = n.currentTarget;
-    if (typeof a.setPointerCapture == "function")
+    const i = n.currentTarget;
+    if (typeof i.setPointerCapture == "function")
       try {
-        a.setPointerCapture(n.pointerId);
+        i.setPointerCapture(n.pointerId);
       } catch {
       }
-  }, He = (t) => (e) => {
-    const r = rt;
-    !r || r.pointerId !== e.pointerId || Tt(At(e, t));
-  }, Zt = (t) => (e) => {
-    const r = rt;
-    !r || r.pointerId !== e.pointerId || (Tt.cancel(), jt(At(e, t)), rt = null, Ft(null), e.currentTarget.hasPointerCapture?.(e.pointerId) && e.currentTarget.releasePointerCapture(e.pointerId));
+  }, Xe = (t) => (e) => {
+    const r = it;
+    !r || r.pointerId !== e.pointerId || Ot(xt(e, t));
+  }, te = (t) => (e) => {
+    const r = it;
+    !r || r.pointerId !== e.pointerId || (Ot.cancel(), It(xt(e, t)), it = null, Bt(null), e.currentTarget.hasPointerCapture?.(e.pointerId) && e.currentTarget.releasePointerCapture(e.pointerId));
   };
-  let Y = null, ft = null, z;
-  pt(() => {
-    z !== void 0 && cancelAnimationFrame(z);
+  let Q = null, ht = null, B;
+  wt(() => {
+    B !== void 0 && cancelAnimationFrame(B);
   });
-  const ot = (t) => {
-    ft !== t && (ft?.classList.remove("smwb-tab-item--drop-target"), ft = t, t?.classList.add("smwb-tab-item--drop-target"));
-  }, Dt = () => {
-    const t = Y?.group;
-    Array.from(h?.querySelectorAll(":scope > .smwb-tab-groups__header") ?? []).find((r) => r.getAttribute("data-group-id") === t)?.querySelectorAll(".smwb-tab-item--drop-target").forEach((r) => {
-      r !== ft && r.classList.remove("smwb-tab-item--drop-target");
+  const at = (t) => {
+    ht !== t && (ht?.classList.remove("smwb-tab-item--drop-target"), ht = t, t?.classList.add("smwb-tab-item--drop-target"));
+  }, Mt = () => {
+    const t = Q?.group;
+    Array.from(b?.querySelectorAll(":scope > .smwb-tab-groups__header") ?? []).find((r) => r.getAttribute("data-group-id") === t)?.querySelectorAll(".smwb-tab-item--drop-target").forEach((r) => {
+      r !== ht && r.classList.remove("smwb-tab-item--drop-target");
     });
-  }, Xt = () => {
-    Y = null, z !== void 0 && (cancelAnimationFrame(z), z = void 0), ot(null), I(null), tt(null), Nt(!1);
-  }, Qt = (t) => {
-    if (!h || !t || t.closest(".smwb-tab-groups") !== h) return null;
+  }, ee = () => {
+    Q = null, B !== void 0 && (cancelAnimationFrame(B), B = void 0), at(null), nt(null), st(null), zt(!1);
+  }, re = (t) => {
+    if (!b || !t || t.closest(".smwb-tab-groups") !== b) return null;
     const e = t.closest(".smwb-tab-groups__header");
     if (e) {
       const n = e.getAttribute("data-group-id");
       if (!n) return null;
-      const s = le(t), a = s?.getAttribute("data-tab-id"), i = S(b, n)?.tabs ?? [], u = a ? i.indexOf(a) : -1;
+      const s = he(t), i = s?.getAttribute("data-tab-id"), a = T(v, n)?.tabs ?? [], g = i ? a.indexOf(i) : -1;
       return {
         kind: "row",
         group: n,
-        index: u >= 0 ? u : null,
-        item: u >= 0 && s ? ue(s) : null
+        index: g >= 0 ? g : null,
+        item: g >= 0 && s ? be(s) : null
       };
     }
     const r = t.closest(".smwb-tab-groups__drop-target");
@@ -456,57 +468,57 @@ function Ao(f) {
       group: o,
       element: r
     } : null;
-  }, Jt = (t, e) => {
+  }, oe = (t, e) => {
     const r = t.getBoundingClientRect();
-    return Gr(e.clientX - r.left, e.clientY - r.top, r.width, r.height);
-  }, It = (t, e, r) => t !== e ? !0 : r === "center" ? !1 : (S(b, e)?.tabs.length ?? 0) >= 2, Ue = (t) => {
-    if (Q(c.onDragStart, t), $) return;
+    return qr(e.clientX - r.left, e.clientY - r.top, r.width, r.height);
+  }, ne = (t, e, r) => t !== e ? !0 : r === "center" ? !1 : (T(v, e)?.tabs.length ?? 0) >= 2, Qe = (t) => {
+    if (rt(c.onDragStart, t), H) return;
     const e = t.target;
-    if (!(e instanceof Element) || !h || e.closest(".smwb-tab-groups") !== h) return;
-    const r = le(e), o = r?.getAttribute("data-tab-id");
+    if (!(e instanceof Element) || !b || e.closest(".smwb-tab-groups") !== b) return;
+    const r = he(e), o = r?.getAttribute("data-tab-id");
     if (!r || !o || r.getAttribute("aria-disabled") === "true") return;
-    const n = Mt(r);
+    const n = kt(r);
     if (!n) return;
-    const s = h.ownerDocument, a = s.activeElement;
-    Y = {
+    const s = b.ownerDocument, i = s.activeElement;
+    Q = {
       tab: o,
       group: n,
-      hadFocus: !!(a && a !== s.body && ue(r).contains(a))
+      hadFocus: !!(i && i !== s.body && be(r).contains(i))
     };
-    const i = s.defaultView;
-    i && (z = i.requestAnimationFrame(() => {
-      z = void 0, Nt(!0);
+    const a = s.defaultView;
+    a && (B = a.requestAnimationFrame(() => {
+      B = void 0, zt(!0);
     }));
-  }, qe = (t) => {
-    Q(c.onDragOver, t);
-    const e = Y;
+  }, Je = (t) => {
+    rt(c.onDragOver, t);
+    const e = Q;
     if (!e) return;
-    const r = Qt(t.target);
+    const r = re(t.target);
     if (!r) {
-      ot(null), Dt(), I(null), tt(null);
+      at(null), Mt(), nt(null), st(null);
       return;
     }
     if (r.kind === "row") {
       if (r.group === e.group) {
-        ot(null), r.item?.classList.add("smwb-tab-item--drop-target");
+        at(null), r.item?.classList.add("smwb-tab-item--drop-target");
         return;
       }
-      Dt(), t.preventDefault(), t.dataTransfer && (t.dataTransfer.dropEffect = "move"), I(null), tt(null), ot(r.item);
+      Mt(), t.preventDefault(), t.dataTransfer && (t.dataTransfer.dropEffect = "move"), nt(null), st(null), at(r.item);
       return;
     }
-    ot(null), Dt();
-    const o = Jt(r.element, t);
-    if (!It(e.group, r.group, o)) {
-      I(null), tt(null);
+    at(null), Mt();
+    const o = oe(r.element, t);
+    if (!ne(e.group, r.group, o)) {
+      nt(null), st(null);
       return;
     }
-    t.preventDefault(), t.dataTransfer && (t.dataTransfer.dropEffect = "move"), I(r.group), tt(o);
-  }, Ve = (t) => {
-    Q(c.onDrop, t);
-    const e = Y;
+    t.preventDefault(), t.dataTransfer && (t.dataTransfer.dropEffect = "move"), nt(r.group), st(o);
+  }, Ie = (t) => {
+    rt(c.onDrop, t);
+    const e = Q;
     if (!e) return;
-    const r = t.defaultPrevented ? null : Qt(t.target), o = r && r.kind === "body" ? Jt(r.element, t) : null;
-    if (Xt(), !r) return;
+    const r = t.defaultPrevented ? null : re(t.target), o = r && r.kind === "body" ? oe(r.element, t) : null;
+    if (ee(), !r) return;
     if (r.kind === "row") {
       if (r.group === e.group) return;
       const s = r.index === null ? {
@@ -515,33 +527,33 @@ function Ao(f) {
         group: r.group,
         index: r.index
       };
-      P(K(b, e.tab, s), b, e.tab, e.group, {
+      k(q(v, e.tab, s), v, e.tab, e.group, {
         focus: e.hadFocus
       });
       return;
     }
-    if (!o || !It(e.group, r.group, o)) return;
+    if (!o || !ne(e.group, r.group, o)) return;
     const n = o === "center" ? {
       group: r.group
     } : {
       group: r.group,
       edge: o
     };
-    P(K(b, e.tab, n), b, e.tab, e.group, {
+    k(q(v, e.tab, n), v, e.tab, e.group, {
       edge: o === "center" ? void 0 : o,
       focus: e.hadFocus
     });
-  }, We = (t) => {
-    Q(c.onDragEnd, t), Xt();
-  }, Ye = (t) => {
-    Q(c.onFocusIn, t);
-    const e = h, r = t.target;
+  }, tr = (t) => {
+    rt(c.onDragEnd, t), ee();
+  }, er = (t) => {
+    rt(c.onFocusIn, t);
+    const e = b, r = t.target;
     if (!e || !(r instanceof HTMLElement)) return;
-    const o = et;
-    if (et = ae(r) === e ? r : null, o instanceof HTMLElement && o.localName === "iframe" && o !== r && !Et) {
-      const s = Hr(e, o, r);
-      if (s !== null && s === lt) {
-        dt = !0, s !== r && s.focus({
+    const o = j;
+    if (j = ge(r) === e ? r : null, M = j === null ? null : jr(e, r), o instanceof HTMLElement && o.localName === "iframe" && o !== r && !_t) {
+      const s = Zr(e, o, r);
+      if (s !== null && s === mt) {
+        bt = !0, s !== r && s.focus({
           preventScroll: !0
         });
         return;
@@ -551,74 +563,81 @@ function Ao(f) {
         return;
       }
     }
-    if (r === lt) {
-      Ze();
+    if (r === mt) {
+      or();
       return;
     }
-    const n = ie(e, r);
-    !n || b.activeGroup === n || V(Mr(b, n), {
+    const n = pe(e, r);
+    !n || v.activeGroup === n || Z(Nr(v, n), {
       type: "activate",
       group: n
     });
-  }, je = (t) => {
-    if (Q(c.onKeyDown, t), t.defaultPrevented || t.key !== "Tab" || t.altKey || t.ctrlKey || t.metaKey || t.isComposing) return;
-    const e = h, r = e ? ht(e.ownerDocument) : null;
-    if (!e || !r || !ce(e, r)) return;
-    const o = Ur(e, r, t.shiftKey ? -1 : 1);
-    o && (o.element === lt && (dt = !0), et = null, o.prevent ? (t.preventDefault(), o.element.focus()) : o.element.focus({
+  }, rr = (t) => {
+    if (rt(c.onKeyDown, t), t.defaultPrevented || t.key !== "Tab" || t.altKey || t.ctrlKey || t.metaKey || t.isComposing) return;
+    const e = b, r = e ? lt(e.ownerDocument) : null;
+    if (!e || !r || !me(e, r)) return;
+    const o = Xr(e, r, t.shiftKey ? -1 : 1);
+    o && (o.element === mt && (bt = !0), j = null, o.prevent ? (t.preventDefault(), o.element.focus()) : o.element.focus({
       preventScroll: !0
     }));
   };
-  vr(() => {
-    const t = h, e = t?.ownerDocument.defaultView;
+  Dr(() => {
+    const t = b, e = t?.ownerDocument.defaultView;
     if (!t || !e) return;
     let r;
     const o = () => {
-      Et = !0, e.clearTimeout(r), r = e.setTimeout(() => {
-        Et = !1;
+      _t = !0, e.clearTimeout(r), r = e.setTimeout(() => {
+        _t = !1;
       }, 0);
-    }, n = (a) => {
-      a.relatedTarget instanceof Node && !t.contains(a.relatedTarget) && (et = null);
+    }, n = (i) => {
+      if (i.relatedTarget instanceof Node && !t.contains(i.relatedTarget)) {
+        j = null, M = null;
+        return;
+      }
+      const a = M;
+      i.relatedTarget === null && a?.element === i.target && queueMicrotask(() => {
+        M === a && a.element.isConnected && (M = null);
+      });
     }, s = () => {
-      const a = t.ownerDocument.activeElement;
-      a instanceof e.HTMLIFrameElement && ae(a) === t && (et = a);
+      const i = t.ownerDocument.activeElement;
+      i instanceof e.HTMLIFrameElement && ge(i) === t && (j = i);
     };
-    t.addEventListener("pointerdown", o, !0), t.addEventListener("focusout", n), e.addEventListener("blur", s), pt(() => {
+    t.addEventListener("pointerdown", o, !0), t.addEventListener("focusout", n), e.addEventListener("blur", s), wt(() => {
       e.clearTimeout(r), t.removeEventListener("pointerdown", o, !0), t.removeEventListener("focusout", n), e.removeEventListener("blur", s);
     });
   });
-  const Ze = () => {
-    if (dt || !h) return;
-    const t = qr(h);
-    t && Vr(t);
-  }, Xe = () => Dr(c.style, {
-    "grid-template-columns": Pr(R()),
-    "grid-template-rows": Lr(R())
-  }), Qe = (t) => {
-    const e = R().groups.find((r) => r.id === t);
-    return e ? Fr(e) : "auto";
-  }, Je = (t) => {
-    const e = vt().get(t), r = e === void 0 ? void 0 : R().groups.find((o) => o.id === e);
-    return r ? ne(r) : "auto";
-  }, Ie = (t, e) => R().separators.find((r) => r.split === t && r.index === e), tr = (t, e) => {
-    const r = at(l().root, t);
+  const or = () => {
+    if (bt || !b) return;
+    const t = Qr(b);
+    t && Jr(t);
+  }, nr = () => Rr(c.style, {
+    "grid-template-columns": zr(G()),
+    "grid-template-rows": $r(G())
+  }), sr = (t) => {
+    const e = G().groups.find((r) => r.id === t);
+    return e ? Hr(e) : "auto";
+  }, ir = (t) => {
+    const e = Et().get(t), r = e === void 0 ? void 0 : G().groups.find((o) => o.id === e);
+    return r ? de(r) : "auto";
+  }, ar = (t, e) => G().separators.find((r) => r.split === t && r.index === e), cr = (t, e) => {
+    const r = dt(u().root, t);
     if (!r) return 0;
     const o = r.sizes[e] ?? 0, n = o + (r.sizes[e + 1] ?? 0);
     return n > 0 ? Math.round(o / n * 100) : 0;
-  }, er = (t) => {
-    const e = De() === t ? Ce() : null;
+  }, ur = (t) => {
+    const e = Re() === t ? Le() : null;
     return e ? `smwb-tab-groups__drop-target--${e}` : void 0;
-  }, rr = wr(() => c.empty), or = (t, e) => {
+  }, lr = ue(() => c.empty), dr = (t, e) => {
     const r = () => c.getTab(e), o = m(() => r()?.closable !== !1), n = m(() => {
-      const a = r(), i = {};
-      return a?.disabled && (i.disabled = !0), a?.closeLabel !== void 0 && (i.closeLabel = a.closeLabel), a?.actions !== void 0 && (i.actions = a.actions), i;
-    }), s = m(() => r()?.disabled ? void 0 : ro);
-    return w(Er, re(n, {
+      const i = r(), a = {};
+      return i?.disabled && (a.disabled = !0), i?.closeLabel !== void 0 && (a.closeLabel = i.closeLabel), i?.actions !== void 0 && (a.actions = i.actions), c.fit === !0 && i?.title !== void 0 && (a.title = i.title), a;
+    }), s = m(() => r()?.disabled ? void 0 : fo);
+    return S(xr, ae(n, {
       get id() {
-        return B(e);
+        return U(e);
       },
       get "aria-controls"() {
-        return L(e);
+        return P(e);
       },
       "data-tab-id": e,
       get "aria-keyshortcuts"() {
@@ -633,120 +652,141 @@ function Ao(f) {
       get closable() {
         return o();
       },
-      onClose: (a, i) => Pe(e, a, i)
+      onClose: (i, a) => Be(e, i, a)
     }));
-  }, nr = (t) => {
-    const [e, r] = N(null), o = () => S(l(), t), n = () => o()?.tabs ?? [], s = () => {
-      const a = o()?.active;
-      if (a == null) return 0;
-      const i = n().indexOf(a);
-      return i < 0 ? 0 : i;
-    };
+  }, fr = (t) => {
+    const [e, r] = N(null), o = () => T(u(), t), n = () => o()?.tabs ?? [], s = () => {
+      const h = o()?.active;
+      if (h == null) return 0;
+      const f = n().indexOf(h);
+      return f < 0 ? 0 : f;
+    }, i = m(() => At(t)), a = m(() => u().activeGroup === t), g = {
+      get index() {
+        return i();
+      },
+      get count() {
+        return $t();
+      },
+      get active() {
+        return a();
+      }
+    }, p = ue(() => c.stripActions?.(g)), w = () => p.toArray().some(po);
     return (() => {
-      var a = jr();
-      return Z(a, "keydown", Ne(t), !0), v(a, "data-group-id", t), _(a, w(Sr, {
+      var h = oo();
+      return I(h, "keydown", He(t), !0), E(h, "data-group-id", t), O(h, S(_r, {
         class: "smwb-tab-groups__tabs",
         get value() {
           return s();
         },
         get onChange() {
-          return Me(t);
+          return ze(t);
         },
         get onReorder() {
-          return Le(t);
+          return Ke(t);
         },
         get "aria-label"() {
-          return d().group(Pt(t) + 1, ge());
+          return d().group(At(t) + 1, $t());
         },
         scrollable: !0,
         overflowMenu: !0,
         get dense() {
           return c.dense === !0;
         },
+        get fit() {
+          return c.fit === !0;
+        },
         get children() {
-          return w(oe, {
+          return S(le, {
             get each() {
               return n();
             },
-            children: (i) => or(t, i)
+            children: (f) => dr(t, f)
           });
         }
-      }), null), _(a, w(st, {
+      }), null), O(h, S(tt, {
+        get when() {
+          return w();
+        },
+        get children() {
+          var f = eo();
+          return O(f, p), f;
+        }
+      }), null), O(h, S(tt, {
         get when() {
-          return it();
+          return ft();
         },
         get children() {
           return [(() => {
-            var i = Yr();
-            return i.$$keydown = (u) => Ge(t, u), i.$$click = (u) => Fe(t, u), Ct((u) => r(() => u), i), _(i, w(Wr, {
+            var f = ro();
+            return f.$$keydown = (y) => Ve(t, y), f.$$click = (y) => Ue(t, y), Rt((y) => r(() => y), f), O(f, S(to, {
               name: "more_vert",
               size: 20
-            })), j((u) => {
-              var g = d().groupActions, p = ct() === t, C = ct() === t ? H(t) : void 0;
-              return g !== u.e && v(i, "aria-label", u.e = g), p !== u.t && v(i, "aria-expanded", u.t = p), C !== u.a && v(i, "aria-controls", u.a = C), u;
+            })), J((y) => {
+              var ct = d().groupActions, ut = gt() === t, ie = gt() === t ? V(t) : void 0;
+              return ct !== y.e && E(f, "aria-label", y.e = ct), ut !== y.t && E(f, "aria-expanded", y.t = ut), ie !== y.a && E(f, "aria-controls", y.a = ie), y;
             }, {
               e: void 0,
               t: void 0,
               a: void 0
-            }), i;
-          })(), w(Ar, {
+            }), f;
+          })(), S(Or, {
             get id() {
-              return H(t);
+              return V(t);
             },
             get anchorElement() {
               return e();
             },
             get isOpen() {
-              return ct() === t;
+              return gt() === t;
             },
-            onClose: () => ut(null),
+            onClose: () => pt(null),
             placement: "bottom-end",
             get children() {
-              return [w(X, {
+              return [S(et, {
                 get disabled() {
-                  return !Bt(t);
+                  return !Wt(t);
                 },
-                onClick: () => W(t, "splitRight"),
+                onClick: () => X(t, "splitRight"),
                 get children() {
                   return d().splitRight;
                 }
-              }), w(X, {
+              }), S(et, {
                 get disabled() {
-                  return !Bt(t);
+                  return !Wt(t);
                 },
-                onClick: () => W(t, "splitDown"),
+                onClick: () => X(t, "splitDown"),
                 get children() {
                   return d().splitDown;
                 }
-              }), w(X, {
+              }), S(et, {
                 get disabled() {
-                  return !Ut(t, -1);
+                  return !jt(t, -1);
                 },
-                onClick: () => W(t, "previous"),
+                onClick: () => X(t, "previous"),
                 get children() {
                   return d().moveToPreviousGroup;
                 }
-              }), w(X, {
+              }), S(et, {
                 get disabled() {
-                  return !Ut(t, 1);
+                  return !jt(t, 1);
                 },
-                onClick: () => W(t, "next"),
+                onClick: () => X(t, "next"),
                 get children() {
                   return d().moveToNextGroup;
                 }
-              }), w(X, {
+              }), S(et, {
                 get disabled() {
-                  return !qt(t, -1);
+                  return !Zt(t, -1);
                 },
-                onClick: () => W(t, "left"),
+                onClick: () => X(t, "left"),
                 get children() {
                   return d().moveLeft;
                 }
-              }), w(X, {
+              }), S(et, {
                 get disabled() {
-                  return !qt(t, 1);
+                  return !Zt(t, 1);
                 },
-                onClick: () => W(t, "right"),
+                onClick: () => X(t, "right"),
                 get children() {
                   return d().moveRight;
                 }
@@ -754,31 +794,31 @@ function Ao(f) {
             }
           })];
         }
-      }), null), j((i) => {
-        var u = mt("smwb-tab-groups__header", {
-          "smwb-tab-groups__header--active": l().activeGroup === t
-        }), g = x(t), p = Qe(t);
-        return u !== i.e && _t(a, i.e = u), g !== i.t && v(a, "id", i.t = g), p !== i.a && gt(a, "grid-area", i.a = p), i;
+      }), null), J((f) => {
+        var y = yt("smwb-tab-groups__header", {
+          "smwb-tab-groups__header--active": u().activeGroup === t
+        }), ct = L(t), ut = sr(t);
+        return y !== f.e && Lt(h, f.e = y), ct !== f.t && E(h, "id", f.t = ct), ut !== f.a && vt(h, "grid-area", f.a = ut), f;
       }, {
         e: void 0,
         t: void 0,
         a: void 0
-      }), a;
+      }), h;
     })();
-  }, sr = (t) => {
-    const e = m(() => ye().has(t)), r = m(() => me().has(t)), o = m(() => vt().get(t) ?? "");
+  }, gr = (t) => {
+    const e = m(() => Ce().has(t)), r = m(() => Se().has(t)), o = m(() => Et().get(t) ?? "");
     return (() => {
-      var n = Xr();
-      return v(n, "data-tab-id", t), _(n, w(st, {
+      var n = so();
+      return E(n, "data-tab-id", t), O(n, S(tt, {
         get when() {
           return e();
         },
         get children() {
-          return [fr(() => c.renderPanel(t)), Zr()];
+          return [yr(() => c.renderPanel(t)), no()];
         }
-      })), j((s) => {
-        var a = L(t), i = B(t), u = r() ? void 0 : !0, g = o(), p = Je(t);
-        return a !== s.e && v(n, "id", s.e = a), i !== s.t && v(n, "aria-labelledby", s.t = i), u !== s.a && (n.hidden = s.a = u), g !== s.o && v(n, "data-group-id", s.o = g), p !== s.i && gt(n, "grid-area", s.i = p), s;
+      })), J((s) => {
+        var i = P(t), a = U(t), g = r() ? void 0 : !0, p = o(), w = ir(t);
+        return i !== s.e && E(n, "id", s.e = i), a !== s.t && E(n, "aria-labelledby", s.t = a), g !== s.a && (n.hidden = s.a = g), p !== s.o && E(n, "data-group-id", s.o = p), w !== s.i && vt(n, "grid-area", s.i = w), s;
       }, {
         e: void 0,
         t: void 0,
@@ -787,18 +827,18 @@ function Ao(f) {
         i: void 0
       }), n;
     })();
-  }, ar = (t, e, r) => {
-    const o = () => Ie(e, r), n = () => o()?.orientation ?? "vertical", s = () => {
-      const a = o();
-      return a ? Kr(a) : "auto";
+  }, pr = (t, e, r) => {
+    const o = () => ar(e, r), n = () => o()?.orientation ?? "vertical", s = () => {
+      const i = o();
+      return i ? Wr(i) : "auto";
     };
     return (() => {
-      var a = Qr();
-      return Z(a, "pointercancel", Zt(n())), Z(a, "pointerup", Zt(n()), !0), Z(a, "pointermove", He(n()), !0), Z(a, "pointerdown", Be(t, e, r, n()), !0), Z(a, "keydown", Ke(e, r, n()), !0), v(a, "data-split-id", e), v(a, "data-index", r), j((i) => {
-        var u = mt("smwb-tab-groups__separator", `smwb-tab-groups__separator--${n()}`, {
-          "smwb-tab-groups__separator--dragging": kt()?.key === t
-        }), g = O(e, r), p = n(), C = tr(e, r), nt = d().resize, ee = s();
-        return u !== i.e && _t(a, i.e = u), g !== i.t && v(a, "id", i.t = g), p !== i.a && v(a, "aria-orientation", i.a = p), C !== i.o && v(a, "aria-valuenow", i.o = C), nt !== i.i && v(a, "aria-label", i.i = nt), ee !== i.n && gt(a, "grid-area", i.n = ee), i;
+      var i = io();
+      return I(i, "pointercancel", te(n())), I(i, "pointerup", te(n()), !0), I(i, "pointermove", Xe(n()), !0), I(i, "pointerdown", Ze(t, e, r, n()), !0), I(i, "keydown", je(e, r, n()), !0), E(i, "data-split-id", e), E(i, "data-index", r), J((a) => {
+        var g = yt("smwb-tab-groups__separator", `smwb-tab-groups__separator--${n()}`, {
+          "smwb-tab-groups__separator--dragging": Kt()?.key === t
+        }), p = F(e, r), w = n(), h = cr(e, r), f = d().resize, y = s();
+        return g !== a.e && Lt(i, a.e = g), p !== a.t && E(i, "id", a.t = p), w !== a.a && E(i, "aria-orientation", a.a = w), h !== a.o && E(i, "aria-valuenow", a.o = h), f !== a.i && E(i, "aria-label", a.i = f), y !== a.n && vt(i, "grid-area", a.n = y), a;
       }, {
         e: void 0,
         t: void 0,
@@ -806,65 +846,65 @@ function Ao(f) {
         o: void 0,
         i: void 0,
         n: void 0
-      }), a;
+      }), i;
     })();
-  }, ir = (t) => {
+  }, mr = (t) => {
     const e = t.lastIndexOf(":");
-    return ar(t, t.slice(2, e), Number(t.slice(e + 1)));
-  }, cr = m(Ot(() => q() ? [] : be(), nr)), ur = m(Ot(() => q() ? [] : he(), ir)), lr = m(Ot(() => q() ? [] : ve(), sr)), te = m(() => [...cr(), ...ur(), ...lr()]);
+    return pr(t, t.slice(2, e), Number(t.slice(e + 1)));
+  }, br = m(Gt(() => Y() ? [] : Ee(), fr)), hr = m(Gt(() => Y() ? [] : Ae(), mr)), vr = m(Gt(() => Y() ? [] : Te(), gr)), se = m(() => [...br(), ...hr(), ...vr()]);
   return (() => {
-    var t = to(), e = t.firstChild, r = Tr(c.ref, (o) => {
-      h = o, !$ && yr((n) => {
-        const s = te();
-        return so(o, s, n), s;
+    var t = uo(), e = t.firstChild, r = Mr(c.ref, (o) => {
+      b = o, !H && Cr((n) => {
+        const s = se();
+        return bo(o, s, n), s;
       }, []);
     });
-    return typeof r == "function" && Ct(r, t), dr(t, re(T, {
+    return typeof r == "function" && Rt(r, t), wr(t, ae(_, {
       get id() {
-        return D();
+        return x();
       },
       get class() {
-        return mt("smwb-tab-groups", {
-          "smwb-tab-groups--split": pe()
+        return yt("smwb-tab-groups", {
+          "smwb-tab-groups--split": ye()
         }, c.class);
       },
       get style() {
-        return Xe();
+        return nr();
       },
       get "data-testid"() {
         return c["data-testid"] ?? "tab-groups";
       },
       get "aria-owns"() {
-        return we();
+        return De();
       },
-      onKeyDown: je,
-      onDragStart: Ue,
-      onDragOver: qe,
-      onDrop: Ve,
-      onDragEnd: We,
-      onFocusIn: Ye
-    }), !1, !0), _(t, () => $ ? te() : void 0, e), _(t, w(st, {
+      onKeyDown: rr,
+      onDragStart: Qe,
+      onDragOver: Je,
+      onDrop: Ie,
+      onDragEnd: tr,
+      onFocusIn: er
+    }), !1, !0), O(t, () => H ? se() : void 0, e), O(t, S(tt, {
       get when() {
-        return q();
+        return Y();
       },
       get children() {
-        var o = Jr();
-        return _(o, rr), o;
+        var o = ao();
+        return O(o, lr), o;
       }
-    }), e), _(t, w(st, {
+    }), e), O(t, S(tt, {
       get when() {
-        return Te();
+        return Me();
       },
       get children() {
-        return w(oe, {
+        return S(le, {
           get each() {
-            return R().groups;
+            return G().groups;
           },
           children: (o) => (() => {
-            var n = eo();
-            return j((s) => {
-              var a = mt("smwb-tab-groups__drop-target", er(o.id)), i = o.id, u = ne(o);
-              return a !== s.e && _t(n, s.e = a), i !== s.t && v(n, "data-group-id", s.t = i), u !== s.a && gt(n, "grid-area", s.a = u), s;
+            var n = lo();
+            return J((s) => {
+              var i = yt("smwb-tab-groups__drop-target", ur(o.id)), a = o.id, g = de(o);
+              return i !== s.e && Lt(n, s.e = i), a !== s.t && E(n, "data-group-id", s.t = a), g !== s.a && vt(n, "grid-area", s.a = g), s;
             }, {
               e: void 0,
               t: void 0,
@@ -873,21 +913,21 @@ function Ao(f) {
           })()
         });
       }
-    }), e), _(t, w(st, {
+    }), e), O(t, S(tt, {
       get when() {
-        return !q();
+        return !Y();
       },
       get children() {
-        var o = Ir();
+        var o = co();
         return o.addEventListener("blur", () => {
-          dt = !1;
-        }), Ct((n) => lt = n, o), o;
+          bt = !1;
+        }), Rt((n) => mt = n, o), o;
       }
-    }), e), v(e, "aria-atomic", !0), _(e, Ee), j(() => v(e, "id", J())), t;
+    }), e), E(e, "aria-atomic", !0), O(e, xe), J(() => E(e, "id", ot())), t;
   })();
 }
-gr(["keydown", "click", "pointerdown", "pointermove", "pointerup"]);
+Sr(["keydown", "click", "pointerdown", "pointermove", "pointerup"]);
 export {
-  Ao as TabGroups
+  Fo as TabGroups
 };
 //# sourceMappingURL=tabGroups.js.map