@lax-wp/design-system 0.13.74 → 0.13.75

package/dist/components/navigation/tabs/Tabs.es.js

@@ -1,29 +1,29 @@
-import { jsx as n, jsxs as ke } from "react/jsx-runtime";
-import { useSensors as Rt, useSensor as Ze, MouseSensor as zt, TouchSensor as Wt, DndContext as Pt, closestCenter as Ft } from "@dnd-kit/core";
-import { SortableContext as Bt, horizontalListSortingStrategy as jt, arrayMove as Ke } from "@dnd-kit/sortable";
-import { Dropdown as ye } from "antd";
+import { jsx as n, jsxs as ve } from "react/jsx-runtime";
+import { useSensors as Xt, useSensor as it, MouseSensor as qt, TouchSensor as Qt, DndContext as Kt, closestCenter as Zt } from "@dnd-kit/core";
+import { SortableContext as en, horizontalListSortingStrategy as tn, arrayMove as lt } from "@dnd-kit/sortable";
+import { Dropdown as De } from "antd";
 import l from "../../../_virtual/index.es.js";
-import { useState as w, useRef as Te, useMemo as M, useCallback as v, useEffect as j } from "react";
-import { useTranslation as $t } from "react-i18next";
-import et from "@mui/icons-material/MoreHorizOutlined";
-import { INITIAL_TAB_OPTION_CONFIG as At } from "./types.es.js";
-import { formatCount as Gt } from "../../../utils/formatters.es.js";
-import { useTabConfig as Yt } from "../../../providers/design-system-provider/hooks.es.js";
-import { useTextWidth as Jt } from "../../../hooks/useTextWidth.es.js";
-import qt from "../../button/IconButton.es.js";
-import { OptionButton as y } from "../../buttons/option-button/OptionButton.es.js";
-import { SearchBar as Qt } from "../../forms/search-bar/SearchBar.es.js";
-import Ce from "../../tooltip/Tooltip.es.js";
-import { EditIcon as Xt } from "../../icons/EditIcon.es.js";
-import { toast as Zt } from "react-toastify";
-import { TabSwitch as Se } from "./TabSwitch.es.js";
-import { PinIcon as se, ArrowOutwardIcon as Kt, ArrowUpwardIcon as en, ArrowDownwardIcon as tn, ContentCopyIcon as nn, VisibilityOffIcon as sn, VisibilityIcon as on, UnpinFilledIcon as an, DeleteIcon as rn } from "../../icon/icons.generated.es.js";
-import { SortableTab as tt } from "./SortableTab.es.js";
-import { DropableWrapper as ln } from "./DropableWrapper.es.js";
-import { MoreButton as cn } from "./MoreButton.es.js";
-import { TabOptions as dn } from "./TabOptions.es.js";
-import { TabDragOverlay as un } from "./TabDragOverlay.es.js";
-const mn = () => Math.random().toString(16).slice(2, 13), oe = [
+import { useState as g, useRef as re, useMemo as U, useCallback as C, useLayoutEffect as nn, useEffect as ae } from "react";
+import { useTranslation as on } from "react-i18next";
+import ct from "@mui/icons-material/MoreHorizOutlined";
+import { INITIAL_TAB_OPTION_CONFIG as sn } from "./types.es.js";
+import { formatCount as rn } from "../../../utils/formatters.es.js";
+import { useTabConfig as an } from "../../../providers/design-system-provider/hooks.es.js";
+import { useTextWidth as ln } from "../../../hooks/useTextWidth.es.js";
+import cn from "../../button/IconButton.es.js";
+import { OptionButton as k } from "../../buttons/option-button/OptionButton.es.js";
+import { SearchBar as dn } from "../../forms/search-bar/SearchBar.es.js";
+import Oe from "../../tooltip/Tooltip.es.js";
+import { EditIcon as un } from "../../icons/EditIcon.es.js";
+import { toast as mn } from "react-toastify";
+import { TabSwitch as Ve } from "./TabSwitch.es.js";
+import { PinIcon as ie, ArrowOutwardIcon as pn, ArrowUpwardIcon as fn, ArrowDownwardIcon as hn, ContentCopyIcon as bn, VisibilityOffIcon as xn, VisibilityIcon as gn, UnpinFilledIcon as wn, DeleteIcon as kn } from "../../icon/icons.generated.es.js";
+import { SortableTab as dt } from "./SortableTab.es.js";
+import { DropableWrapper as yn } from "./DropableWrapper.es.js";
+import { MoreButton as Tn } from "./MoreButton.es.js";
+import { TabOptions as Nn } from "./TabOptions.es.js";
+import { TabDragOverlay as Sn } from "./TabDragOverlay.es.js";
+const _n = () => Math.random().toString(16).slice(2, 13), le = [
   "[&_.ant-dropdown-menu-item]:!outline-none",
   "[&_.ant-dropdown-menu-submenu-title]:!outline-none",
   "[&_.ant-dropdown-menu-item:focus-visible_.option-button-inner]:ring-2",
@@ -34,15 +34,15 @@ const mn = () => Math.random().toString(16).slice(2, 13), oe = [
   "[&_.ant-dropdown-menu-submenu-title:focus-visible_.option-button-inner]:ring-primary-500",
   "[&_.ant-dropdown-menu-submenu-title:focus-visible_.option-button-inner]:bg-gray-50",
   "[&_.ant-dropdown-menu-submenu-title:focus-visible_.option-button-inner]:dark:bg-black-600"
-].join(" ");
-let Ne = null;
-const Ie = (T) => {
-  T ? (Ne = document.activeElement, setTimeout(() => {
+].join(" "), Cn = 26, ut = 6, In = 20, En = 32, vn = 24, Dn = 37, On = "(min-width: 640px)", Vn = 2, Ln = 'ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif';
+let Le = null;
+const Me = (b) => {
+  b ? (Le = document.activeElement, setTimeout(() => {
     document.querySelector(
       ".row-option-cell .ant-dropdown-menu-item:not(.ant-dropdown-menu-item-disabled), .row-option-cell .ant-dropdown-menu-submenu-title"
     )?.focus();
   }, 50)) : setTimeout(() => {
-    Ne?.focus(), Ne = null;
+    Le?.focus(), Le = null;
   }, 0);
 }, c = {
   SELECT: "Select",
@@ -55,318 +55,328 @@ const Ie = (T) => {
   PIN: "Pin",
   UNPIN: "Unpin",
   EDIT: "Edit"
-}, Pn = ({
-  variant: T = "default",
-  tabs: _ = [],
-  activeTab: r,
-  onTabClick: nt,
+}, ro = ({
+  variant: b = "default",
+  tabs: y = [],
+  activeTab: i,
+  onTabClick: mt,
   suffixRecord: $,
-  isLoading: st,
-  size: O = "md",
-  className: ve,
-  draggable: E = !1,
-  showAllItems: A = !1,
-  copyLink: ot = !1,
-  isDisabled: at = !1,
-  color: ae = "light",
-  iconsOnly: rt = !1,
-  tabIcons: re = {},
-  height: it = "h-6",
-  fullWidth: ie = !1,
-  fitContentWidth: lt = !1,
-  disableAnimation: ct = !1,
-  onEdit: _e,
-  onDelete: Oe,
-  onCopyLink: Ee,
-  allowPin: C = !1,
-  isFullWidth: G = !1,
-  rightSection: H,
-  initialTabs: dt,
-  tabConfig: ut,
-  onTabConfigChange: De,
-  onTabsChange: Ve,
-  parentContainer: mt = document.body,
-  tabKey: S,
-  linkConfig: m,
-  showTabOptions: pt = !0
+  isLoading: pt,
+  size: T = "md",
+  className: Ue,
+  draggable: I = !1,
+  showAllItems: G = !1,
+  copyLink: ft = !1,
+  isDisabled: ht = !1,
+  color: ce = "light",
+  iconsOnly: E = !1,
+  tabIcons: Y = {},
+  height: bt = "h-6",
+  fullWidth: de = !1,
+  fitContentWidth: ue = !1,
+  disableAnimation: xt = !1,
+  onEdit: He,
+  onDelete: Re,
+  onCopyLink: Ae,
+  allowPin: v = !1,
+  isFullWidth: D = !1,
+  rightSection: P,
+  initialTabs: gt,
+  tabConfig: wt,
+  onTabConfigChange: Pe,
+  onTabsChange: Fe,
+  parentContainer: kt = document.body,
+  tabKey: N,
+  linkConfig: p,
+  showTabOptions: me = !0
 }) => {
-  const x = Yt(), Le = S ? x?.getTabSettings(S) : void 0, le = dt ?? Le?.tab_items, Y = ut ?? Le?.tab_options, [ce, ft] = w(""), [I, J] = w(!1), [U, bt] = w(0), [d, de] = w([]), [q, ht] = w([]), [xt, Q] = w(null), [D, X] = w(null), [gt, Me] = w(!1), [He, Ue] = w(
-    Y ?? At
-  ), [ue, wt] = w(""), [Re, kt] = w("contains"), { showCounts: k, lockOrder: R, sortOrder: me } = He, { t: u } = $t(), Z = Te(null), yt = Te(null), ze = Te(U), { measureText: z } = Jt(), W = M(() => mn(), []), Tt = Rt(
-    Ze(zt, { activationConstraint: { distance: 5 } }),
-    Ze(Wt, { activationConstraint: { delay: 300, tolerance: 5 } })
-  ), p = M(() => $ && Object.fromEntries(
+  const h = an(), Be = N ? h?.getTabSettings(N) : void 0, pe = gt ?? Be?.tab_items, J = wt ?? Be?.tab_options, [fe, yt] = g(""), [O, X] = g(!1), [he, ze] = g(0), [m, be] = g([]), [q, Tt] = g([]), [Nt, Q] = g(null), [H, K] = g(null), [St, We] = g(!1), [je, $e] = g(
+    J ?? sn
+  ), [xe, _t] = g(""), [Ge, Ct] = g("contains"), { showCounts: S, lockOrder: F, sortOrder: ge } = je, { t: u } = on(), we = re(null), It = re(null), ke = re(!1), ye = re(""), { measureText: Z, clearCache: Ye } = ln(), B = U(() => _n(), []), Et = Xt(
+    it(qt, { activationConstraint: { distance: 5 } }),
+    it(Qt, { activationConstraint: { delay: 300, tolerance: 5 } })
+  ), w = U(() => $ && Object.fromEntries(
     Object.entries($).map(([e, t]) => [
       e,
-      Gt(t)
+      rn(t)
     ])
-  ), [$]), We = M(() => q.filter(({ is_hidden: e }) => !e), [q]), V = M(() => q.filter(({ is_hidden: e }) => e), [q]), Pe = M(
-    () => We.filter(({ name: e }) => {
-      if (!ue) return !0;
-      const t = (e ?? "").toLowerCase(), s = ue.toLowerCase();
-      return Re === "contains" ? t.includes(s) : !t.includes(s);
+  ), [$]), Je = U(() => q.filter(({ is_hidden: e }) => !e), [q]), R = U(() => q.filter(({ is_hidden: e }) => e), [q]), Xe = U(
+    () => Je.filter(({ name: e }) => {
+      if (!xe) return !0;
+      const t = (e ?? "").toLowerCase(), o = xe.toLowerCase();
+      return Ge === "contains" ? t.includes(o) : !t.includes(o);
     }),
-    [We, ue, Re]
-  ), a = M(
-    () => [...Pe].sort((e, t) => e.is_pinned && !t.is_pinned ? -1 : !e.is_pinned && t.is_pinned ? 1 : 0),
-    [Pe]
-  ), Ct = U < a.length, K = A ? a.length : Ct ? U : a.length, Fe = a.findIndex((e) => e.name === r) >= K, Be = d.length - K - (Fe ? 1 : 0);
-  ze.current = U;
-  const P = v(
+    [Je, xe, Ge]
+  ), d = U(
+    () => [...Xe].sort((e, t) => e.is_pinned && !t.is_pinned ? -1 : !e.is_pinned && t.is_pinned ? 1 : 0),
+    [Xe]
+  ), qe = JSON.stringify(
+    Object.entries(Y ?? {}).filter(([, e]) => e != null).map(([e]) => e).sort()
+  ), Qe = U(
+    () => new Set(JSON.parse(qe)),
+    [qe]
+  ), vt = he < d.length, ee = G ? d.length : vt ? he : d.length, Ke = d.findIndex((e) => e.name === i) >= ee, Ze = Math.max(0, d.length - ee - (Ke ? 1 : 0)) + R.length, z = C(
     (e) => {
-      de(e), Ve?.(e), S && x?.persistTabSettings && x.persistTabSettings({ tab_type: S, tab_items: e });
+      be(e), Fe?.(e), N && h?.persistTabSettings && h.persistTabSettings({ tab_type: N, tab_items: e });
     },
-    [Ve, S, x]
-  ), St = v(
+    [Fe, N, h]
+  ), Dt = C(
     (e) => {
-      Ue(e), De?.(e), S && x?.persistTabSettings && x.persistTabSettings({ tab_type: S, tab_options: e });
+      $e(e), Pe?.(e), N && h?.persistTabSettings && h.persistTabSettings({ tab_type: N, tab_options: e });
     },
-    [De, S, x]
-  ), je = (e) => e.is_pinned ? 32 : 0, pe = v(
+    [Pe, N, h]
+  ), et = C(() => {
+    if (ye.current) return ye.current;
+    const e = we.current?.querySelector('[id^="btn-tabs-tabswitch-"] span'), t = e ? getComputedStyle(e).fontFamily : "";
+    return t && (ye.current = t), t || Ln;
+  }, []), te = C(
     (e) => {
       if (!e) return;
-      const t = E ? 30 : 0, s = k ? 190 : 84, i = O === "sm" ? 4 : 8, o = 32;
-      let f = 0, te = 0, g = 0;
-      const b = e - (H?.width || 0) - t, Ye = ze.current, Je = Ye < a.length, qe = V.length > 0;
-      for (let h = 0; h < a.length; h++) {
-        const N = a[h], ne = p?.[N.name] ? String(p?.[N.name]) : "", xe = k && ne ? z(ne, {
-          fontSize: "16px",
-          fontWeight: "500",
-          fontFamily: "Inter, system-ui, -apple-system, sans-serif"
-        }) + 18 + 2 : 0, ge = z(N?.name || "", {
-          fontSize: "16px",
-          fontWeight: "600",
-          fontFamily: "Inter, system-ui, -apple-system, sans-serif"
-        }), we = C ? je(N) : 0, Xe = ge + xe + o + i + we;
-        if (N.name === r && (te = Xe), f += Xe, b > f + (Je || qe ? s : 0) + h * 25)
-          g = h + 1;
-        else
-          break;
+      const t = d.length;
+      if (G) {
+        ze(t);
+        return;
       }
-      const Qe = a.length - g;
-      if (Qe + V.length === 1 && V.length === 0 && Qe === 1 && g < a.length) {
-        const h = a[g];
-        if (h) {
-          const N = p?.[h.name] ? String(p?.[h.name]) : "", ne = k && N ? z(N, {
-            fontSize: "16px",
-            fontWeight: "500",
-            fontFamily: "Inter, system-ui, -apple-system, sans-serif"
-          }) + 18 + 2 : 0, xe = z(h?.name || "", {
-            fontSize: "16px",
-            fontWeight: "600",
-            fontFamily: "Inter, system-ui, -apple-system, sans-serif"
-          }), ge = C ? je(h) : 0, we = xe + ne + o + i + ge;
-          b >= f + we && (g += 1);
+      const o = typeof window > "u" || window.matchMedia(On).matches, r = et(), s = { fontSize: "14px", fontWeight: "600", fontFamily: r }, f = { fontSize: "12px", fontWeight: "400", fontFamily: r }, V = (a, L = !1) => {
+        const M = E ? 0 : Z(u(a.name).toUpperCase(), s), _ = w?.[a.name], se = S && _ !== void 0 ? Z(String(_), f) + Cn + (E ? 0 : ut) : 0, $t = v && a.is_pinned || Qe.has(a.name) ? In + (E ? 0 : ut) : 0, Gt = I && a.name === i ? L ? vn : En : 0, Yt = b === "secondary" ? T === "sm" ? 24 : 32 : o ? 16 : 20, Jt = o && (L || !D) ? 8 : 0;
+        return M + se + $t + Gt + Yt + Jt;
+      }, oe = e - Vn, x = D ? 0 : T === "sm" ? 4 : 8, _e = [0];
+      d.forEach((a, L) => {
+        _e.push(_e[L] + V(a));
+      });
+      const Ce = d.findIndex((a) => a.name === i), zt = Ce >= 0 ? V(d[Ce], !0) : 0, Wt = b === "secondary" ? T === "sm" ? 24 : 32 : o ? 32 : 48, jt = (a) => Z(S ? `${a} MORE...` : "MORE...", s) + Wt + (o ? 8 : 0), st = I && me && y.length > 0 ? Dn : 0, rt = P?.width || 0, at = (a, L) => {
+        let M = _e[a], _ = a;
+        const se = L && Ce >= a;
+        if (se && (M += zt, _ += 1), L) {
+          const Ee = Math.max(0, t - a - (se ? 1 : 0)) + R.length;
+          Ee > 0 && (M += jt(Ee), _ += 1);
         }
-      }
-      const Ut = A ? a.length : g;
-      a.findIndex((h) => h.name === r) >= Ut && (f += te, b < f + (Je || qe ? s : 0) && (g = Math.max(g - 1, 0))), g !== Ye && bt(g);
+        return st && (M += st, _ += 1), rt && (M += rt, _ += 1), M + x * Math.max(_ - 1, 0);
+      };
+      let Ie = 0;
+      if (R.length === 0 && at(t, !1) <= oe)
+        Ie = t;
+      else
+        for (let a = t; a >= 0; a--)
+          if (at(a, !0) <= oe) {
+            Ie = a;
+            break;
+          }
+      ze(Ie);
     },
     [
-      a,
-      k,
-      A,
-      C,
-      p,
-      H?.width,
-      r,
-      O,
+      d,
+      R.length,
+      y.length,
+      G,
+      i,
+      b,
+      T,
       E,
-      V.length,
-      z
+      D,
+      S,
+      w,
+      v,
+      Qe,
+      I,
+      me,
+      P?.width,
+      Z,
+      et,
+      u
     ]
-  ), fe = v(
+  ), Te = C(
     () => {
       if (typeof window < "u")
         return new URLSearchParams(window.location.search);
-      if (m && x?.getSearchParam) {
-        const e = new URLSearchParams(), t = x.getSearchParam(m.key);
-        return t && e.set(m.key, t), e;
+      if (p && h?.getSearchParam) {
+        const e = new URLSearchParams(), t = h.getSearchParam(p.key);
+        return t && e.set(p.key, t), e;
       }
       return new URLSearchParams();
     },
-    [m, x]
-  ), be = v(
-    (e, t) => (m && (t === m.defaultLink ? e.delete(m.key) : e.set(m.key, t), m.onResolve?.(e)), e),
-    [m]
-  ), F = v(
-    (e) => m ? `?${be(fe(), e).toString()}` : void 0,
-    [be, fe, m]
-  ), Nt = ot || !!m, It = v(
+    [p, h]
+  ), Ne = C(
+    (e, t) => (p && (t === p.defaultLink ? e.delete(p.key) : e.set(p.key, t), p.onResolve?.(e)), e),
+    [p]
+  ), W = C(
+    (e) => p ? `?${Ne(Te(), e).toString()}` : void 0,
+    [Ne, Te, p]
+  ), Ot = ft || !!p, Vt = C(
     async (e) => {
-      const t = F(e), s = typeof window < "u" ? window.location.origin : "", i = typeof window < "u" ? window.location.pathname : "", o = t ? `${s}${i}${t}` : `${s}${i}`;
-      await navigator.clipboard.writeText(o), Zt.success(u("Link copied to clipboard"), {
+      const t = W(e), o = typeof window < "u" ? window.location.origin : "", r = typeof window < "u" ? window.location.pathname : "", s = t ? `${o}${r}${t}` : `${o}${r}`;
+      await navigator.clipboard.writeText(s), mn.success(u("Link copied to clipboard"), {
         toastId: "Link copied to clipboard"
-      }), Ee?.(e, o);
+      }), Ae?.(e, s);
     },
-    [F, u, Ee]
-  ), B = (e) => {
-    if (J(!1), nt?.(e), m && x?.navigate) {
-      const t = be(fe(), e);
-      x.navigate(`?${t.toString()}`);
+    [W, u, Ae]
+  ), j = (e) => {
+    if (X(!1), mt?.(e), p && h?.navigate) {
+      const t = Ne(Te(), e);
+      h.navigate(`?${t.toString()}`);
     }
-  }, $e = (e) => {
-    if (a.length <= 1) return;
-    const t = d.map(
-      (o) => o.name === e ? { ...o, is_hidden: !0 } : o
-    ), s = a.findIndex((o) => o.name === e), i = s === 0 ? 1 : s - 1;
-    B(a[i].name), P(t);
-  }, vt = (e) => {
-    const t = d.map(
-      (s) => s.name === e ? { ...s, is_hidden: !1 } : s
+  }, tt = (e) => {
+    if (d.length <= 1) return;
+    const t = m.map(
+      (s) => s.name === e ? { ...s, is_hidden: !0 } : s
+    ), o = d.findIndex((s) => s.name === e), r = o === 0 ? 1 : o - 1;
+    j(d[r].name), z(t);
+  }, Lt = (e) => {
+    const t = m.map(
+      (o) => o.name === e ? { ...o, is_hidden: !1 } : o
     );
-    J(!1), P(t);
-  }, ee = (e) => {
-    if (!C) return;
-    const t = d.map(
-      (s) => s.name === e ? { ...s, is_pinned: !s.is_pinned } : s
+    X(!1), z(t);
+  }, ne = (e) => {
+    if (!v) return;
+    const t = m.map(
+      (o) => o.name === e ? { ...o, is_pinned: !o.is_pinned } : o
     );
-    P(t);
-  }, Ae = (e, t) => {
-    const s = d.findIndex(({ name: o }) => o === e), i = t === "left" ? s - (d[s - 1]?.name === r ? 2 : 1) : s + 1;
-    P(Ke(d, s, i));
-  }, Ge = () => J(!I), _t = (e) => X(e.active.id), Ot = (e) => {
-    const { active: t, over: s } = e;
-    if (s?.id === "more-tabs") {
-      $e(t.id), X(null), Q(null);
+    z(t);
+  }, nt = (e, t) => {
+    const o = m.findIndex(({ name: s }) => s === e), r = t === "left" ? o - (m[o - 1]?.name === i ? 2 : 1) : o + 1;
+    z(lt(m, o, r));
+  }, ot = () => X(!O), Mt = (e) => K(e.active.id), Ut = (e) => {
+    const { active: t, over: o } = e;
+    if (o?.id === "more-tabs") {
+      tt(t.id), K(null), Q(null);
       return;
     }
-    const i = d.findIndex(({ name: f }) => f === t.id), o = d.findIndex(({ name: f }) => f === s?.id);
-    P(Ke(d, i, o)), X(null), Q(null);
-  }, Et = () => {
-    X(null), Q(null);
-  }, Dt = (e) => {
+    const r = m.findIndex(({ name: f }) => f === t.id), s = m.findIndex(({ name: f }) => f === o?.id);
+    z(lt(m, r, s)), K(null), Q(null);
+  }, Ht = () => {
+    K(null), Q(null);
+  }, Rt = (e) => {
     Q(e.over?.id === "more-tabs" ? "more-tabs" : null);
-  }, Vt = () => {
-  }, Lt = (e, t) => {
-    wt(e), kt(t);
-  }, he = (e, t = !1, s = !1) => {
-    const o = d.find((b) => b.name === e)?.is_pinned, f = [
+  }, At = () => {
+  }, Pt = (e, t) => {
+    _t(e), Ct(t);
+  }, Se = (e, t = !1, o = !1) => {
+    const s = m.find((x) => x.name === e)?.is_pinned, f = [
       {
         label: /* @__PURE__ */ n(
-          y,
+          k,
           {
-            icon: /* @__PURE__ */ n(Kt, { size: 18, className: "text-inherit dark:text-inherit" }),
+            icon: /* @__PURE__ */ n(pn, { size: 18, className: "text-inherit dark:text-inherit" }),
             text: u("Select Tab"),
             className: "text-black-900 dark:text-white"
           }
         ),
         key: c.SELECT,
-        onClick: () => B(e)
+        onClick: () => j(e)
       },
       {
         label: /* @__PURE__ */ n(
-          y,
+          k,
           {
-            icon: /* @__PURE__ */ n(en, { size: 18, className: "text-inherit dark:text-inherit" }),
+            icon: /* @__PURE__ */ n(fn, { size: 18, className: "text-inherit dark:text-inherit" }),
             text: u("Move Up"),
-            isDisabled: R,
+            isDisabled: F,
             className: "text-black-900 dark:text-white"
           }
         ),
         key: c.MOVE_LEFT,
-        disabled: R,
-        onClick: () => Ae(e, "left")
+        disabled: F,
+        onClick: () => nt(e, "left")
       },
       {
         label: /* @__PURE__ */ n(
-          y,
+          k,
           {
-            icon: /* @__PURE__ */ n(tn, { size: 18, className: "text-inherit dark:text-inherit" }),
+            icon: /* @__PURE__ */ n(hn, { size: 18, className: "text-inherit dark:text-inherit" }),
             text: u("Move Down"),
-            isDisabled: R,
+            isDisabled: F,
             className: "text-black-900 dark:text-white"
           }
         ),
         key: c.MOVE_RIGHT,
-        disabled: R,
-        onClick: () => Ae(e, "right")
+        disabled: F,
+        onClick: () => nt(e, "right")
       },
       {
         label: /* @__PURE__ */ n(
-          y,
+          k,
           {
-            icon: /* @__PURE__ */ n(nn, { size: 18, className: "text-inherit dark:text-inherit" }),
+            icon: /* @__PURE__ */ n(bn, { size: 18, className: "text-inherit dark:text-inherit" }),
             text: u("Copy Link"),
             className: "text-black-900 dark:text-white"
           }
         ),
         key: c.COPY_LINK,
-        onClick: () => It(e)
+        onClick: () => Vt(e)
       },
       {
         label: /* @__PURE__ */ n(
-          y,
+          k,
           {
-            icon: /* @__PURE__ */ n(sn, { size: 18, className: "text-inherit dark:text-inherit" }),
+            icon: /* @__PURE__ */ n(xn, { size: 18, className: "text-inherit dark:text-inherit" }),
             text: u("Hide"),
             className: "text-black-900 dark:text-white"
           }
         ),
         key: c.HIDE,
-        onClick: () => $e(e)
+        onClick: () => tt(e)
       },
       {
         label: /* @__PURE__ */ n(
-          y,
+          k,
           {
-            icon: /* @__PURE__ */ n(on, { size: 18, className: "text-inherit dark:text-inherit" }),
+            icon: /* @__PURE__ */ n(gn, { size: 18, className: "text-inherit dark:text-inherit" }),
             text: u("Unhide"),
             className: "text-black-900 dark:text-white"
           }
         ),
         key: c.UNHIDE,
-        onClick: () => vt(e)
+        onClick: () => Lt(e)
       },
       {
         label: /* @__PURE__ */ n(
-          y,
+          k,
           {
-            icon: o ? /* @__PURE__ */ n(an, { size: 20, className: "rotate-12 text-inherit dark:text-inherit" }) : /* @__PURE__ */ n(se, { size: 20, className: "rotate-45 text-inherit dark:text-inherit" }),
-            text: u(o ? "Unpin" : "Pin"),
+            icon: s ? /* @__PURE__ */ n(wn, { size: 20, className: "rotate-12 text-inherit dark:text-inherit" }) : /* @__PURE__ */ n(ie, { size: 20, className: "rotate-45 text-inherit dark:text-inherit" }),
+            text: u(s ? "Unpin" : "Pin"),
             className: "text-black-900 dark:text-white",
-            notVisible: !C
+            notVisible: !v
           }
         ),
-        key: o ? c.UNPIN : c.PIN,
-        onClick: () => ee(e)
+        key: s ? c.UNPIN : c.PIN,
+        onClick: () => ne(e)
       },
       {
         label: /* @__PURE__ */ n(
-          y,
+          k,
           {
             className: "text-black-900 dark:text-white",
-            icon: /* @__PURE__ */ n(Xt, {}),
+            icon: /* @__PURE__ */ n(un, {}),
             text: u("Edit"),
-            notVisible: !_e
+            notVisible: !He
           }
         ),
         key: c.EDIT,
-        onClick: () => _e?.(e)
+        onClick: () => He?.(e)
       },
       {
         label: /* @__PURE__ */ n(
-          y,
+          k,
           {
             className: "text-error-600 dark:text-error-600",
-            icon: /* @__PURE__ */ n(rn, { size: 18, className: "text-error-600 dark:text-error-600" }),
+            icon: /* @__PURE__ */ n(kn, { size: 18, className: "text-error-600 dark:text-error-600" }),
             text: u("Delete"),
-            notVisible: !Oe
+            notVisible: !Re
           }
         ),
         key: c.DELETE,
-        onClick: () => Oe?.(e)
+        onClick: () => Re?.(e)
       }
-    ], te = [c.HIDE, c.UNHIDE], g = [c.SELECT, c.MOVE_LEFT, c.MOVE_RIGHT, c.UNHIDE];
+    ], V = [c.HIDE, c.UNHIDE], oe = [c.SELECT, c.MOVE_LEFT, c.MOVE_RIGHT, c.UNHIDE];
     return f.filter(
-      (b) => t ? b.key === c.UNHIDE : s ? !te.includes(b.key) : !g.includes(b.key)
-    ).filter((b) => Nt ? !0 : b.key !== c.COPY_LINK).filter((b) => a.length === 1 ? b.key !== c.HIDE : !0);
-  }, L = (e, t) => ({
+      (x) => t ? x.key === c.UNHIDE : o ? !V.includes(x.key) : !oe.includes(x.key)
+    ).filter((x) => Ot ? !0 : x.key !== c.COPY_LINK).filter((x) => d.length === 1 ? x.key !== c.HIDE : !0);
+  }, A = (e, t) => ({
     classValue: {
       default: l("relative inline-flex pt-2 pb-3 px-2 pl-3 sm:px-2 rounded-t-sm group"),
       secondary: l(
         "flex w-full sm:w-auto relative rounded-lg font-sans font-semibold text-center cursor-pointer uppercase",
-        O === "sm" ? "py-1 px-3 text-sm" : "py-2 px-4 text-base"
+        T === "sm" ? "py-1 px-3 text-sm" : "py-2 px-4 text-base"
       )
     },
     selectedClassValue: {
@@ -383,78 +393,87 @@ const Ie = (T) => {
         t ? "text-primary-600 dark:text-primary-500" : "text-neutral-400 dark:text-neutral-400"
       )
     }
-  })[e][T];
-  j(() => {
-    if (!Z.current || T === "switch") return;
-    const e = new ResizeObserver((t) => {
-      const s = t[0].contentRect.width;
-      pe(s);
+  })[e][b];
+  nn(() => {
+    const e = we.current;
+    if (!e || b === "switch") return;
+    const t = (ue ? e.parentElement : e) ?? e, o = (f) => {
+      const V = getComputedStyle(f);
+      return f.clientWidth - (parseFloat(V.paddingLeft) || 0) - (parseFloat(V.paddingRight) || 0);
+    };
+    let r = !1;
+    const s = new ResizeObserver((f) => {
+      te(f[0].contentRect.width);
     });
-    return e.observe(Z.current), pe(Z.current.clientWidth), () => e.disconnect();
-  }, [pe, T]);
-  const Mt = JSON.stringify(_), Ht = JSON.stringify(le?.map(({ name: e }) => e));
-  return j(() => {
-    if (le?.length) {
-      let e = [...le];
-      _.forEach((t) => {
-        e.find((s) => s.name === t) || e.push({ name: t, is_default: !1, is_hidden: !1, is_pinned: !1 });
+    return s.observe(t), te(o(t)), !ke.current && typeof document < "u" && document.fonts && document.fonts.ready.then(() => {
+      r || ke.current || (ke.current = !0, Ye(), te(o(t)));
+    }), () => {
+      r = !0, s.disconnect();
+    };
+  }, [te, b, ue, Ye]);
+  const Ft = JSON.stringify(y), Bt = JSON.stringify(pe?.map(({ name: e }) => e));
+  return ae(() => {
+    if (pe?.length) {
+      let e = [...pe];
+      y.forEach((t) => {
+        e.find((o) => o.name === t) || e.push({ name: t, is_default: !1, is_hidden: !1, is_pinned: !1 });
       }), e = e.filter(
-        (t, s, i) => _.includes(t.name) && s === i.findIndex((o) => o.name === t.name)
-      ), de(e);
+        (t, o, r) => y.includes(t.name) && o === r.findIndex((s) => s.name === t.name)
+      ), be(e);
     } else
-      de(
-        _.map((e) => ({ name: e, is_default: !1, is_hidden: !1, is_pinned: !1 })).filter((e, t, s) => t === s.findIndex((i) => i.name === e.name))
+      be(
+        y.map((e) => ({ name: e, is_default: !1, is_hidden: !1, is_pinned: !1 })).filter((e, t, o) => t === o.findIndex((r) => r.name === e.name))
       );
-  }, [Mt, Ht]), j(() => {
-    Y && Ue(Y);
-  }, [Y]), j(() => {
-    if (!d.length) return;
-    const e = [...d];
-    me === "asc" ? e.sort((t, s) => t.name.localeCompare(s.name)) : me === "desc" && e.sort((t, s) => s.name.localeCompare(t.name)), ht(e);
-  }, [d, me]), j(() => {
-    Ie(I);
-  }, [I]), T === "switch" ? /* @__PURE__ */ n("div", { className: l("inline", ve), children: /* @__PURE__ */ n(
+  }, [Ft, Bt]), ae(() => {
+    J && $e(J);
+  }, [J]), ae(() => {
+    if (!m.length) return;
+    const e = [...m];
+    ge === "asc" ? e.sort((t, o) => t.name.localeCompare(o.name)) : ge === "desc" && e.sort((t, o) => o.name.localeCompare(t.name)), Tt(e);
+  }, [m, ge]), ae(() => {
+    Me(O);
+  }, [O]), b === "switch" ? /* @__PURE__ */ n("div", { className: l("inline", Ue), children: /* @__PURE__ */ n(
     "ul",
     {
       role: "tablist",
       "aria-orientation": "horizontal",
       className: l(
         "inline-flex grow-0 p-1 rounded-lg",
-        ae === "dark" ? "border-[1.5px] border-neutral-800 bg-neutral-800 dark:border-black-800" : "bg-neutral-100 dark:bg-black-700",
-        ie ? "w-full" : "w-auto"
+        ce === "dark" ? "border-[1.5px] border-neutral-800 bg-neutral-800 dark:border-black-800" : "bg-neutral-100 dark:bg-black-700",
+        de ? "w-full" : "w-auto"
       ),
-      children: _.map((e) => {
-        const t = r === e, s = re?.[e], i = d.find((f) => f.name === e), o = C && i?.is_pinned;
-        return /* @__PURE__ */ n("li", { role: "presentation", className: l("inline-flex", ie ? "w-full" : "w-auto"), children: /* @__PURE__ */ n(
-          Se,
+      children: y.map((e) => {
+        const t = i === e, o = Y?.[e], r = m.find((f) => f.name === e), s = v && r?.is_pinned;
+        return /* @__PURE__ */ n("li", { role: "presentation", className: l("inline-flex", de ? "w-full" : "w-auto"), children: /* @__PURE__ */ n(
+          Ve,
           {
             title: e,
-            showCounts: k,
+            showCounts: S,
             role: "tab",
             ariaSelected: t,
             tabIndex: 0,
-            icon: o ? /* @__PURE__ */ n(Ce, { title: "Unpin", children: /* @__PURE__ */ n("span", { onClick: () => ee(e), children: /* @__PURE__ */ n(se, { className: "rotate-45 w-icon h-icon text-inherit dark:text-inherit" }) }) }) : s,
-            iconsOnly: rt,
+            icon: s ? /* @__PURE__ */ n(Oe, { title: "Unpin", children: /* @__PURE__ */ n("span", { onClick: () => ne(e), children: /* @__PURE__ */ n(ie, { className: "rotate-45 w-icon h-icon text-inherit dark:text-inherit" }) }) }) : o,
+            iconsOnly: E,
             classValue: l(
               "relative py-0.5 border-gray-200",
-              it,
-              ie ? "w-full flex items-center justify-center" : "px-2"
+              bt,
+              de ? "w-full flex items-center justify-center" : "px-2"
             ),
             selectedClassValue: l(
               "absolute inset-0 rounded-md z-0",
-              ae === "dark" ? "bg-neutral-900" : "bg-white dark:bg-black-800"
+              ce === "dark" ? "bg-neutral-900" : "bg-white dark:bg-black-800"
             ),
             textClassValue: l(
               "relative text-xs font-semibold font-sans whitespace-nowrap",
               t ? "text-neutral-900 dark:text-neutral-100" : "text-neutral-700 dark:text-neutral-100"
             ),
             isSelected: t,
-            href: F(e),
-            onClick: at ? void 0 : () => B(e),
-            suffixRecord: p,
-            selectedId: W,
-            color: ae,
-            disableAnimation: ct
+            href: W(e),
+            onClick: ht ? void 0 : () => j(e),
+            suffixRecord: w,
+            selectedId: B,
+            color: ce,
+            disableAnimation: xt
           }
         ) }, e);
       })
@@ -462,136 +481,138 @@ const Ie = (T) => {
   ) }) : /* @__PURE__ */ n(
     "div",
     {
-      ref: Z,
-      className: l(lt ? "w-fit" : "w-full"),
-      onMouseEnter: () => Me(!0),
-      onMouseLeave: () => Me(!1),
-      children: /* @__PURE__ */ ke(
-        Pt,
+      ref: we,
+      className: l(ue ? "w-fit" : "w-full"),
+      onMouseEnter: () => We(!0),
+      onMouseLeave: () => We(!1),
+      children: /* @__PURE__ */ ve(
+        Kt,
         {
-          sensors: Tt,
-          onDragEnd: Ot,
-          onDragStart: _t,
-          onDragCancel: Et,
-          collisionDetection: Ft,
-          onDragOver: Dt,
+          sensors: Et,
+          onDragEnd: Ut,
+          onDragStart: Mt,
+          onDragCancel: Ht,
+          collisionDetection: Zt,
+          onDragOver: Rt,
           children: [
-            /* @__PURE__ */ ke(
+            /* @__PURE__ */ ve(
               "ul",
               {
                 role: "tablist",
                 "aria-orientation": "horizontal",
                 className: l(
                   "flex items-center w-full",
-                  ve,
-                  G ? "gap-0" : O === "sm" ? "gap-1" : "gap-2"
+                  Ue,
+                  D ? "gap-0" : T === "sm" ? "gap-1" : "gap-2"
                 ),
-                ref: yt,
+                ref: It,
                 children: [
-                  st ? /* @__PURE__ */ n("div", { className: "skeleton bg-neutral-300 dark:bg-black-700 animate-pulse h-10 min-w-[100px] w-full rounded" }) : /* @__PURE__ */ ke(
-                    Bt,
+                  pt ? /* @__PURE__ */ n("div", { className: "skeleton bg-neutral-300 dark:bg-black-700 animate-pulse h-10 min-w-[100px] w-full rounded" }) : /* @__PURE__ */ ve(
+                    en,
                     {
-                      items: a.map(({ name: e }) => e),
-                      strategy: jt,
+                      items: d.map(({ name: e }) => e),
+                      strategy: tn,
                       id: "sortable",
-                      disabled: !E || R,
+                      disabled: !I || F,
                       children: [
-                        a.slice(0, K).map(({ name: e, is_pinned: t }) => {
-                          const s = r === e && !I, i = C && t;
+                        d.slice(0, ee).map(({ name: e, is_pinned: t }) => {
+                          const o = i === e && !O, r = v && t;
                           return /* @__PURE__ */ n(
-                            tt,
+                            dt,
                             {
                               title: e,
-                              isDragging: D === e,
-                              className: G ? "flex-1 flex justify-center" : "",
-                              children: /* @__PURE__ */ n("li", { role: "presentation", className: l(G ? "w-full flex" : "sm:mr-2"), children: /* @__PURE__ */ n(
-                                Se,
+                              isDragging: H === e,
+                              className: D ? "flex-1 flex justify-center" : "",
+                              children: /* @__PURE__ */ n("li", { role: "presentation", className: l(D ? "w-full flex" : "sm:mr-2"), children: /* @__PURE__ */ n(
+                                Ve,
                                 {
-                                  showCounts: k,
+                                  showCounts: S,
                                   title: e,
+                                  iconsOnly: E,
                                   role: "tab",
-                                  ariaSelected: s,
+                                  ariaSelected: o,
                                   tabIndex: 0,
                                   classValue: l(
-                                    L("classValue", s),
-                                    G ? "w-full justify-center" : ""
+                                    A("classValue", o),
+                                    D ? "w-full justify-center" : ""
                                   ),
-                                  selectedClassValue: L("selectedClassValue", s),
-                                  textClassValue: L("textClassValue", s),
-                                  isSelected: s,
-                                  tabOptions: s && E ? /* @__PURE__ */ n(
-                                    ye,
+                                  selectedClassValue: A("selectedClassValue", o),
+                                  textClassValue: A("textClassValue", o),
+                                  isSelected: o,
+                                  tabOptions: o && I ? /* @__PURE__ */ n(
+                                    De,
                                     {
                                       menu: {
-                                        items: he(e),
-                                        className: oe
+                                        items: Se(e),
+                                        className: le
                                       },
                                       trigger: ["click"],
-                                      onOpenChange: Ie,
+                                      onOpenChange: Me,
                                       overlayClassName: "row-option-cell",
                                       rootClassName: "",
                                       openClassName: "max-h-[350px] overflow-y-auto",
                                       placement: "bottom",
                                       children: /* @__PURE__ */ n(
-                                        qt,
+                                        cn,
                                         {
                                           tooltip: u("More"),
                                           variant: "ghost",
                                           className: "!text-primary-500 hover:!bg-primary-100 dark:hover:!bg-primary-900",
-                                          children: /* @__PURE__ */ n(et, { sx: { fontSize: 20 } })
+                                          children: /* @__PURE__ */ n(ct, { sx: { fontSize: 20 } })
                                         }
                                       )
                                     }
                                   ) : null,
-                                  draggingTab: D === e,
-                                  href: F(e),
-                                  onClick: () => B(e),
-                                  suffixRecord: p,
-                                  selectedId: W,
-                                  icon: i ? /* @__PURE__ */ n(Ce, { title: u("Unpin"), children: /* @__PURE__ */ n("span", { onClick: () => ee(e), children: /* @__PURE__ */ n(se, { size: 20, className: "rotate-45 text-inherit dark:text-inherit" }) }) }) : re?.[e] ?? null
+                                  draggingTab: H === e,
+                                  href: W(e),
+                                  onClick: () => j(e),
+                                  suffixRecord: w,
+                                  selectedId: B,
+                                  icon: r ? /* @__PURE__ */ n(Oe, { title: u("Unpin"), children: /* @__PURE__ */ n("span", { onClick: () => ne(e), children: /* @__PURE__ */ n(ie, { size: 20, className: "rotate-45 text-inherit dark:text-inherit" }) }) }) : Y?.[e] ?? null
                                 }
                               ) }, e)
                             },
                             e
                           );
                         }),
-                        r && Fe ? /* @__PURE__ */ n(tt, { title: r, isDragging: D === r, children: /* @__PURE__ */ n("li", { role: "presentation", className: l("sm:mr-2"), children: /* @__PURE__ */ n(
-                          Se,
+                        i && Ke ? /* @__PURE__ */ n(dt, { title: i, isDragging: H === i, children: /* @__PURE__ */ n("li", { role: "presentation", className: l("sm:mr-2"), children: /* @__PURE__ */ n(
+                          Ve,
                           {
-                            showCounts: k,
-                            title: r,
+                            showCounts: S,
+                            title: i,
+                            iconsOnly: E,
                             role: "tab",
                             ariaSelected: !0,
                             tabIndex: 0,
-                            classValue: L("classValue", !0),
-                            selectedClassValue: L("selectedClassValue", !0),
-                            textClassValue: L("textClassValue", !0),
+                            classValue: A("classValue", !0),
+                            selectedClassValue: A("selectedClassValue", !0),
+                            textClassValue: A("textClassValue", !0),
                             isSelected: !0,
-                            tabOptions: E ? /* @__PURE__ */ n(
-                              ye,
+                            tabOptions: I ? /* @__PURE__ */ n(
+                              De,
                               {
                                 menu: {
-                                  items: he(r),
-                                  className: oe
+                                  items: Se(i),
+                                  className: le
                                 },
                                 trigger: ["click"],
-                                onOpenChange: Ie,
+                                onOpenChange: Me,
                                 overlayClassName: "row-option-cell",
                                 rootClassName: "",
                                 openClassName: "max-h-[350px] overflow-y-auto",
                                 placement: "bottom",
-                                children: /* @__PURE__ */ n(et, { sx: { fontSize: 20 }, className: "text-primary-600" })
+                                children: /* @__PURE__ */ n(ct, { sx: { fontSize: 20 }, className: "text-primary-600" })
                               }
                             ) : null,
-                            draggingTab: D === r,
-                            href: F(r),
-                            suffixRecord: p,
-                            selectedId: W,
-                            icon: C && d.find((e) => e.name === r)?.is_pinned ? /* @__PURE__ */ n(Ce, { title: u("Pinned"), children: /* @__PURE__ */ n("span", { onClick: () => ee(r), children: /* @__PURE__ */ n(se, { size: 20, className: "rotate-45 text-inherit dark:text-inherit" }) }) }) : re?.[r] ?? null
+                            draggingTab: H === i,
+                            href: W(i),
+                            suffixRecord: w,
+                            selectedId: B,
+                            icon: v && m.find((e) => e.name === i)?.is_pinned ? /* @__PURE__ */ n(Oe, { title: u("Pinned"), children: /* @__PURE__ */ n("span", { onClick: () => ne(i), children: /* @__PURE__ */ n(ie, { size: 20, className: "rotate-45 text-inherit dark:text-inherit" }) }) }) : Y?.[i] ?? null
                           }
-                        ) }, r) }, r) : null,
-                        (U < a.length && !A || V.length > 0) && Be > 0 ? /* @__PURE__ */ n(ln, { id: "more-tabs", children: /* @__PURE__ */ n(
-                          ye,
+                        ) }, i) }, i) : null,
+                        (he < d.length && !G || R.length > 0) && Ze > 0 ? /* @__PURE__ */ n(yn, { id: "more-tabs", children: /* @__PURE__ */ n(
+                          De,
                           {
                             overlayStyle: {
                               maxHeight: "calc(100vh - 350px)",
@@ -601,8 +622,8 @@ const Ie = (T) => {
                               borderRadius: 8,
                               boxShadow: "0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05)"
                             },
-                            onOpenChange: () => Ge(),
-                            open: I,
+                            onOpenChange: () => ot(),
+                            open: O,
                             menu: {
                               items: [
                                 {
@@ -610,41 +631,41 @@ const Ie = (T) => {
                                   disabled: !0,
                                   style: { minWidth: "190px", marginBottom: "8px" },
                                   label: /* @__PURE__ */ n("div", { className: "px-2 bg-white dark:bg-black-800", children: /* @__PURE__ */ n(
-                                    Qt,
+                                    dn,
                                     {
                                       id: "search-bar-more-tabs",
-                                      value: ce,
+                                      value: fe,
                                       classValues: "!rounded-lg",
-                                      onChange: (e) => ft(e)
+                                      onChange: (e) => yt(e)
                                     }
                                   ) })
                                 },
-                                ...a.slice(K).filter((e) => e.name !== r).concat(V).filter(
-                                  ({ name: e }) => typeof e == "string" && (e ?? "").toLowerCase().includes(ce.toLowerCase())
+                                ...d.slice(ee).filter((e) => e.name !== i).concat(R).filter(
+                                  ({ name: e }) => typeof e == "string" && (e ?? "").toLowerCase().includes(fe.toLowerCase())
                                 ).map(({ name: e, is_hidden: t }) => ({
                                   key: e,
                                   label: /* @__PURE__ */ n(
-                                    y,
+                                    k,
                                     {
                                       className: l(
                                         "uppercase",
                                         t ? "text-neutral-400 dark:text-neutral-500" : "text-black-900 dark:text-black-200"
                                       ),
                                       text: e,
-                                      suffixRecord: k ? p : {},
-                                      highlight: ce,
+                                      suffixRecord: S ? w : {},
+                                      highlight: fe,
                                       truncateText: !0,
                                       isDisabled: t,
                                       onClick: t ? void 0 : () => {
-                                        B(e), J(!1);
+                                        j(e), X(!1);
                                       }
                                     }
                                   ),
-                                  popupClassName: oe,
-                                  children: I ? he(e, t, !0) : null
+                                  popupClassName: le,
+                                  children: O ? Se(e, t, !0) : null
                                 }))
                               ],
-                              className: oe
+                              className: le
                             },
                             openClassName: "max-h-[350px] overflow-y-auto",
                             trigger: ["click"],
@@ -652,16 +673,16 @@ const Ie = (T) => {
                             placement: "bottomRight",
                             getPopupContainer: (e) => e.parentElement,
                             children: /* @__PURE__ */ n(
-                              cn,
+                              Tn,
                               {
-                                title: `${k ? Be : ""} MORE...`,
-                                variant: T,
-                                size: O,
-                                draggingOver: xt,
-                                suffixRecord: p,
-                                handleShowMoreDropdown: Ge,
-                                selectedId: W,
-                                showMoreDropdown: I
+                                title: `${S ? `${Ze} ` : ""}MORE...`,
+                                variant: b,
+                                size: T,
+                                draggingOver: Nt,
+                                suffixRecord: w,
+                                handleShowMoreDropdown: ot,
+                                selectedId: B,
+                                showMoreDropdown: O
                               }
                             )
                           }
@@ -669,40 +690,40 @@ const Ie = (T) => {
                       ]
                     }
                   ),
-                  H ? /* @__PURE__ */ n("div", { className: l(H?.className), children: /* @__PURE__ */ n("li", { children: H.component }) }) : null,
-                  E && pt && /* @__PURE__ */ n(
+                  P ? /* @__PURE__ */ n("div", { className: l(P?.className), children: /* @__PURE__ */ n("li", { children: P.component }) }) : null,
+                  I && me && y.length > 0 ? /* @__PURE__ */ n(
                     "li",
                     {
                       className: l(
-                        gt ? "opacity-100" : "opacity-0",
+                        St ? "opacity-100" : "opacity-0",
                         "transition-opacity duration-300"
                       ),
                       children: /* @__PURE__ */ n(
-                        dn,
+                        Nn,
                         {
-                          hasSuffixRecord: !!(p && Object.keys(p).length > 0),
-                          savedConfig: He,
-                          onApplyFilter: (e) => St(e),
+                          hasSuffixRecord: !!(w && Object.keys(w).length > 0),
+                          savedConfig: je,
+                          onApplyFilter: (e) => Dt(e),
                           setUnsavedChanges: () => {
                           },
-                          handleTabSort: Vt,
-                          onSearchChange: Lt
+                          handleTabSort: At,
+                          onSearchChange: Pt
                         }
                       )
                     }
-                  )
+                  ) : null
                 ]
               }
             ),
-            D ? /* @__PURE__ */ n(
-              un,
+            H ? /* @__PURE__ */ n(
+              Sn,
               {
-                draggingTab: D,
-                suffixRecord: p,
-                size: O,
-                variant: T,
-                selectedId: W,
-                parentContainer: mt
+                draggingTab: H,
+                suffixRecord: w,
+                size: T,
+                variant: b,
+                selectedId: B,
+                parentContainer: kt
               }
             ) : null
           ]
@@ -712,6 +733,6 @@ const Ie = (T) => {
   );
 };
 export {
-  Pn as Tabs
+  ro as Tabs
 };
 //# sourceMappingURL=Tabs.es.js.map