@lax-wp/design-system 0.14.6 → 0.14.8

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

@@ -1,5 +1,5 @@
 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 { useSensors as Rt, useSensor as Ze, MouseSensor as Wt, TouchSensor as Pt, DndContext as Ft, closestCenter as zt } 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 l from "../../../_virtual/index.es.js";
@@ -17,13 +17,13 @@ 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 { PinIcon as oe, ArrowOutwardIcon as Kt, ArrowUpwardIcon as en, ArrowDownwardIcon as tn, ContentCopyIcon as nn, VisibilityOffIcon as on, VisibilityIcon as sn, 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 = [
+const mn = () => Math.random().toString(16).slice(2, 13), se = [
   "[&_.ant-dropdown-menu-item]:!outline-none",
   "[&_.ant-dropdown-menu-submenu-title]:!outline-none",
   "[&_.ant-dropdown-menu-item:focus-visible_.option-button-inner]:ring-2",
@@ -55,24 +55,24 @@ const Ie = (T) => {
   PIN: "Pin",
   UNPIN: "Unpin",
   EDIT: "Edit"
-}, Pn = ({
+}, Fn = ({
   variant: T = "default",
   tabs: _ = [],
-  activeTab: r,
+  activeTab: i,
   onTabClick: nt,
   suffixRecord: $,
-  isLoading: st,
+  isLoading: ot,
   size: O = "md",
   className: ve,
   draggable: E = !1,
   showAllItems: A = !1,
-  copyLink: ot = !1,
+  copyLink: st = !1,
   isDisabled: at = !1,
   color: ae = "light",
-  iconsOnly: rt = !1,
-  tabIcons: re = {},
-  height: it = "h-6",
-  fullWidth: ie = !1,
+  iconsOnly: it = !1,
+  tabIcons: ie = {},
+  height: rt = "h-6",
+  fullWidth: re = !1,
   fitContentWidth: lt = !1,
   disableAnimation: ct = !1,
   onEdit: _e,
@@ -90,29 +90,29 @@ const Ie = (T) => {
   linkConfig: m,
   showTabOptions: pt = !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(
+  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, ht] = w(0), [d, de] = w([]), [q, bt] = 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 } })
+  ), [ue, wt] = w(""), [Re, kt] = w("contains"), { showCounts: k, lockOrder: R, sortOrder: me } = He, { t: u } = $t(), Z = Te(null), yt = Te(null), We = Te(U), { measureText: W } = Jt(), P = M(() => mn(), []), Tt = Rt(
+    Ze(Wt, { activationConstraint: { distance: 5 } }),
+    Ze(Pt, { activationConstraint: { delay: 300, tolerance: 5 } })
   ), p = M(() => $ && Object.fromEntries(
     Object.entries($).map(([e, t]) => [
       e,
       Gt(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 }) => {
+  ), [$]), Pe = M(() => q.filter(({ is_hidden: e }) => !e), [q]), V = M(() => q.filter(({ is_hidden: e }) => e), [q]), Fe = M(
+    () => Pe.filter(({ name: e }) => {
       if (!ue) return !0;
-      const t = (e ?? "").toLowerCase(), s = ue.toLowerCase();
-      return Re === "contains" ? t.includes(s) : !t.includes(s);
+      const t = (e ?? "").toLowerCase(), o = ue.toLowerCase();
+      return Re === "contains" ? t.includes(o) : !t.includes(o);
     }),
-    [We, ue, Re]
+    [Pe, 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(
+    () => [...Fe].sort((e, t) => e.is_pinned && !t.is_pinned ? -1 : !e.is_pinned && t.is_pinned ? 1 : 0),
+    [Fe]
+  ), Ct = U < a.length, K = A ? a.length : Ct ? U : a.length, ze = a.findIndex((e) => e.name === i) >= K, Be = d.length - K - (ze ? 1 : 0);
+  We.current = U;
+  const F = v(
     (e) => {
       de(e), Ve?.(e), S && x?.persistTabSettings && x.persistTabSettings({ tab_type: S, tab_items: e });
     },
@@ -125,42 +125,42 @@ const Ie = (T) => {
   ), je = (e) => e.is_pinned ? 32 : 0, pe = v(
     (e) => {
       if (!e) return;
-      const t = E ? 30 : 0, s = k ? 190 : 84, i = O === "sm" ? 4 : 8, o = 32;
+      const t = E ? 30 : 0, o = k ? 190 : 84, r = O === "sm" ? 4 : 8, s = 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, {
+      const h = e - (H?.width || 0) - t, Ye = We.current, Je = Ye < a.length, qe = V.length > 0;
+      for (let b = 0; b < a.length; b++) {
+        const N = a[b], ne = p?.[N.name] ? String(p?.[N.name]) : "", xe = k && ne ? W(ne, {
           fontSize: "16px",
           fontWeight: "500",
           fontFamily: "Inter, system-ui, -apple-system, sans-serif"
-        }) + 18 + 2 : 0, ge = z(N?.name || "", {
+        }) + 18 + 2 : 0, ge = W(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;
+        }), we = C ? je(N) : 0, Xe = ge + xe + s + r + we;
+        if (N.name === i && (te = Xe), f += Xe, h > f + (Je || qe ? o : 0) + b * 25)
+          g = b + 1;
         else
           break;
       }
       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, {
+        const b = a[g];
+        if (b) {
+          const N = p?.[b.name] ? String(p?.[b.name]) : "", ne = k && N ? W(N, {
             fontSize: "16px",
             fontWeight: "500",
             fontFamily: "Inter, system-ui, -apple-system, sans-serif"
-          }) + 18 + 2 : 0, xe = z(h?.name || "", {
+          }) + 18 + 2 : 0, xe = W(b?.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);
+          }), ge = C ? je(b) : 0, we = xe + ne + s + r + ge;
+          h >= f + we && (g += 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);
+      a.findIndex((b) => b.name === i) >= Ut && (f += te, h < f + (Je || qe ? o : 0) && (g = Math.max(g - 1, 0))), g !== Ye && ht(g);
     },
     [
       a,
@@ -169,11 +169,11 @@ const Ie = (T) => {
       C,
       p,
       H?.width,
-      r,
+      i,
       O,
       E,
       V.length,
-      z
+      W
     ]
   ), fe = v(
     () => {
@@ -186,53 +186,53 @@ const Ie = (T) => {
       return new URLSearchParams();
     },
     [m, x]
-  ), be = v(
+  ), he = 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(
+  ), z = v(
+    (e) => m ? `?${he(fe(), e).toString()}` : void 0,
+    [he, fe, m]
+  ), Nt = st || !!m, It = v(
     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 = z(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), Zt.success(u("Link copied to clipboard"), {
         toastId: "Link copied to clipboard"
-      }), Ee?.(e, o);
+      }), Ee?.(e, s);
     },
-    [F, u, Ee]
+    [z, u, Ee]
   ), B = (e) => {
     if (J(!1), nt?.(e), m && x?.navigate) {
-      const t = be(fe(), e);
+      const t = he(fe(), e);
       x.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);
+      (s) => s.name === e ? { ...s, is_hidden: !0 } : s
+    ), o = a.findIndex((s) => s.name === e), r = o === 0 ? 1 : o - 1;
+    B(a[r].name), F(t);
   }, vt = (e) => {
     const t = d.map(
-      (s) => s.name === e ? { ...s, is_hidden: !1 } : s
+      (o) => o.name === e ? { ...o, is_hidden: !1 } : o
     );
-    J(!1), P(t);
+    J(!1), F(t);
   }, ee = (e) => {
     if (!C) return;
     const t = d.map(
-      (s) => s.name === e ? { ...s, is_pinned: !s.is_pinned } : s
+      (o) => o.name === e ? { ...o, is_pinned: !o.is_pinned } : o
     );
-    P(t);
+    F(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));
+    const o = d.findIndex(({ name: s }) => s === e), r = t === "left" ? o - (d[o - 1]?.name === i ? 2 : 1) : o + 1;
+    F(Ke(d, o, r));
   }, Ge = () => J(!I), _t = (e) => X(e.active.id), Ot = (e) => {
-    const { active: t, over: s } = e;
-    if (s?.id === "more-tabs") {
+    const { active: t, over: o } = e;
+    if (o?.id === "more-tabs") {
       $e(t.id), X(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);
+    const r = d.findIndex(({ name: f }) => f === t.id), s = d.findIndex(({ name: f }) => f === o?.id);
+    F(Ke(d, r, s)), X(null), Q(null);
   }, Et = () => {
     X(null), Q(null);
   }, Dt = (e) => {
@@ -240,13 +240,13 @@ const Ie = (T) => {
   }, 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 = [
+  }, be = (e, t = !1, o = !1) => {
+    const s = d.find((h) => h.name === e)?.is_pinned, f = [
       {
         label: /* @__PURE__ */ n(
           y,
           {
-            icon: /* @__PURE__ */ n(Kt, { size: 18, className: "text-inherit dark:text-inherit" }),
+            icon: /* @__PURE__ */ n(Kt, { className: "w-icon h-icon text-inherit dark:text-inherit" }),
             text: u("Select Tab"),
             className: "text-black-900 dark:text-white"
           }
@@ -258,7 +258,7 @@ const Ie = (T) => {
         label: /* @__PURE__ */ n(
           y,
           {
-            icon: /* @__PURE__ */ n(en, { size: 18, className: "text-inherit dark:text-inherit" }),
+            icon: /* @__PURE__ */ n(en, { className: "w-icon h-icon text-inherit dark:text-inherit" }),
             text: u("Move Up"),
             isDisabled: R,
             className: "text-black-900 dark:text-white"
@@ -272,7 +272,7 @@ const Ie = (T) => {
         label: /* @__PURE__ */ n(
           y,
           {
-            icon: /* @__PURE__ */ n(tn, { size: 18, className: "text-inherit dark:text-inherit" }),
+            icon: /* @__PURE__ */ n(tn, { className: "w-icon h-icon text-inherit dark:text-inherit" }),
             text: u("Move Down"),
             isDisabled: R,
             className: "text-black-900 dark:text-white"
@@ -286,7 +286,7 @@ const Ie = (T) => {
         label: /* @__PURE__ */ n(
           y,
           {
-            icon: /* @__PURE__ */ n(nn, { size: 18, className: "text-inherit dark:text-inherit" }),
+            icon: /* @__PURE__ */ n(nn, { className: "w-icon h-icon text-inherit dark:text-inherit" }),
             text: u("Copy Link"),
             className: "text-black-900 dark:text-white"
           }
@@ -298,7 +298,7 @@ const Ie = (T) => {
         label: /* @__PURE__ */ n(
           y,
           {
-            icon: /* @__PURE__ */ n(sn, { size: 18, className: "text-inherit dark:text-inherit" }),
+            icon: /* @__PURE__ */ n(on, { className: "w-icon h-icon text-inherit dark:text-inherit" }),
             text: u("Hide"),
             className: "text-black-900 dark:text-white"
           }
@@ -310,7 +310,7 @@ const Ie = (T) => {
         label: /* @__PURE__ */ n(
           y,
           {
-            icon: /* @__PURE__ */ n(on, { size: 18, className: "text-inherit dark:text-inherit" }),
+            icon: /* @__PURE__ */ n(sn, { className: "w-icon h-icon text-inherit dark:text-inherit" }),
             text: u("Unhide"),
             className: "text-black-900 dark:text-white"
           }
@@ -322,13 +322,13 @@ const Ie = (T) => {
         label: /* @__PURE__ */ n(
           y,
           {
-            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(an, { className: "w-icon h-icon rotate-12 text-inherit dark:text-inherit" }) : /* @__PURE__ */ n(oe, { className: "w-icon h-icon rotate-45 text-inherit dark:text-inherit" }),
+            text: u(s ? "Unpin" : "Pin"),
             className: "text-black-900 dark:text-white",
             notVisible: !C
           }
         ),
-        key: o ? c.UNPIN : c.PIN,
+        key: s ? c.UNPIN : c.PIN,
         onClick: () => ee(e)
       },
       {
@@ -336,7 +336,7 @@ const Ie = (T) => {
           y,
           {
             className: "text-black-900 dark:text-white",
-            icon: /* @__PURE__ */ n(Xt, {}),
+            icon: /* @__PURE__ */ n(Xt, { className: "w-icon h-icon" }),
             text: u("Edit"),
             notVisible: !_e
           }
@@ -349,7 +349,7 @@ const Ie = (T) => {
           y,
           {
             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(rn, { className: "w-icon h-icon text-error-600 dark:text-error-600" }),
             text: u("Delete"),
             notVisible: !Oe
           }
@@ -359,8 +359,8 @@ const Ie = (T) => {
       }
     ], te = [c.HIDE, c.UNHIDE], g = [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);
+      (h) => t ? h.key === c.UNHIDE : o ? !te.includes(h.key) : !g.includes(h.key)
+    ).filter((h) => Nt ? !0 : h.key !== c.COPY_LINK).filter((h) => a.length === 1 ? h.key !== c.HIDE : !0);
   }, L = (e, t) => ({
     classValue: {
       default: l("relative inline-flex pt-2 pb-3 px-2 pl-3 sm:px-2 rounded-t-sm group"),
@@ -387,8 +387,8 @@ const Ie = (T) => {
   j(() => {
     if (!Z.current || T === "switch") return;
     const e = new ResizeObserver((t) => {
-      const s = t[0].contentRect.width;
-      pe(s);
+      const o = t[0].contentRect.width;
+      pe(o);
     });
     return e.observe(Z.current), pe(Z.current.clientWidth), () => e.disconnect();
   }, [pe, T]);
@@ -397,20 +397,20 @@ const Ie = (T) => {
     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 });
+        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)
+        (t, o, r) => _.includes(t.name) && o === r.findIndex((s) => s.name === t.name)
       ), de(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))
+        _.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);
+    me === "asc" ? e.sort((t, o) => t.name.localeCompare(o.name)) : me === "desc" && e.sort((t, o) => o.name.localeCompare(t.name)), bt(e);
   }, [d, me]), j(() => {
     Ie(I);
   }, [I]), T === "switch" ? /* @__PURE__ */ n("div", { className: l("inline", ve), children: /* @__PURE__ */ n(
@@ -421,11 +421,11 @@ const Ie = (T) => {
       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"
+        re ? "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(
+        const t = i === e, o = ie?.[e], r = d.find((f) => f.name === e), s = C && r?.is_pinned;
+        return /* @__PURE__ */ n("li", { role: "presentation", className: l("inline-flex", re ? "w-full" : "w-auto"), children: /* @__PURE__ */ n(
           Se,
           {
             title: e,
@@ -433,12 +433,12 @@ const Ie = (T) => {
             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(Ce, { title: "Unpin", children: /* @__PURE__ */ n("span", { onClick: () => ee(e), children: /* @__PURE__ */ n(oe, { className: "rotate-45 w-icon h-icon text-inherit dark:text-inherit" }) }) }) : o,
+            iconsOnly: it,
             classValue: l(
               "relative py-0.5 border-gray-200",
-              it,
-              ie ? "w-full flex items-center justify-center" : "px-2"
+              rt,
+              re ? "w-full flex items-center justify-center" : "px-2"
             ),
             selectedClassValue: l(
               "absolute inset-0 rounded-md z-0",
@@ -449,10 +449,10 @@ const Ie = (T) => {
               t ? "text-neutral-900 dark:text-neutral-100" : "text-neutral-700 dark:text-neutral-100"
             ),
             isSelected: t,
-            href: F(e),
+            href: z(e),
             onClick: at ? void 0 : () => B(e),
             suffixRecord: p,
-            selectedId: W,
+            selectedId: P,
             color: ae,
             disableAnimation: ct
           }
@@ -467,13 +467,13 @@ const Ie = (T) => {
       onMouseEnter: () => Me(!0),
       onMouseLeave: () => Me(!1),
       children: /* @__PURE__ */ ke(
-        Pt,
+        Ft,
         {
           sensors: Tt,
           onDragEnd: Ot,
           onDragStart: _t,
           onDragCancel: Et,
-          collisionDetection: Ft,
+          collisionDetection: zt,
           onDragOver: Dt,
           children: [
             /* @__PURE__ */ ke(
@@ -488,7 +488,7 @@ const Ie = (T) => {
                 ),
                 ref: yt,
                 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(
+                  ot ? /* @__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,
                     {
                       items: a.map(({ name: e }) => e),
@@ -497,7 +497,7 @@ const Ie = (T) => {
                       disabled: !E || R,
                       children: [
                         a.slice(0, K).map(({ name: e, is_pinned: t }) => {
-                          const s = r === e && !I, i = C && t;
+                          const o = i === e && !I, r = C && t;
                           return /* @__PURE__ */ n(
                             tt,
                             {
@@ -510,21 +510,21 @@ const Ie = (T) => {
                                   showCounts: k,
                                   title: e,
                                   role: "tab",
-                                  ariaSelected: s,
+                                  ariaSelected: o,
                                   tabIndex: 0,
                                   classValue: l(
-                                    L("classValue", s),
+                                    L("classValue", o),
                                     G ? "w-full justify-center" : ""
                                   ),
-                                  selectedClassValue: L("selectedClassValue", s),
-                                  textClassValue: L("textClassValue", s),
-                                  isSelected: s,
-                                  tabOptions: s && E ? /* @__PURE__ */ n(
+                                  selectedClassValue: L("selectedClassValue", o),
+                                  textClassValue: L("textClassValue", o),
+                                  isSelected: o,
+                                  tabOptions: o && E ? /* @__PURE__ */ n(
                                     ye,
                                     {
                                       menu: {
-                                        items: he(e),
-                                        className: oe
+                                        items: be(e),
+                                        className: se
                                       },
                                       trigger: ["click"],
                                       onOpenChange: Ie,
@@ -544,22 +544,22 @@ const Ie = (T) => {
                                     }
                                   ) : null,
                                   draggingTab: D === e,
-                                  href: F(e),
+                                  href: z(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
+                                  selectedId: P,
+                                  icon: r ? /* @__PURE__ */ n(Ce, { title: u("Unpin"), children: /* @__PURE__ */ n("span", { onClick: () => ee(e), children: /* @__PURE__ */ n(oe, { size: 20, className: "rotate-45 text-inherit dark:text-inherit" }) }) }) : ie?.[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(
+                        i && ze ? /* @__PURE__ */ n(tt, { title: i, isDragging: D === i, children: /* @__PURE__ */ n("li", { role: "presentation", className: l("sm:mr-2"), children: /* @__PURE__ */ n(
                           Se,
                           {
                             showCounts: k,
-                            title: r,
+                            title: i,
                             role: "tab",
                             ariaSelected: !0,
                             tabIndex: 0,
@@ -571,8 +571,8 @@ const Ie = (T) => {
                               ye,
                               {
                                 menu: {
-                                  items: he(r),
-                                  className: oe
+                                  items: be(i),
+                                  className: se
                                 },
                                 trigger: ["click"],
                                 onOpenChange: Ie,
@@ -583,13 +583,13 @@ const Ie = (T) => {
                                 children: /* @__PURE__ */ n(et, { sx: { fontSize: 20 }, className: "text-primary-600" })
                               }
                             ) : null,
-                            draggingTab: D === r,
-                            href: F(r),
+                            draggingTab: D === i,
+                            href: z(i),
                             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
+                            selectedId: P,
+                            icon: C && d.find((e) => e.name === i)?.is_pinned ? /* @__PURE__ */ n(Ce, { title: u("Pinned"), children: /* @__PURE__ */ n("span", { onClick: () => ee(i), children: /* @__PURE__ */ n(oe, { size: 20, className: "rotate-45 text-inherit dark:text-inherit" }) }) }) : ie?.[i] ?? null
                           }
-                        ) }, r) }, r) : null,
+                        ) }, i) }, i) : null,
                         (U < a.length && !A || V.length > 0) && Be > 0 ? /* @__PURE__ */ n(ln, { id: "more-tabs", children: /* @__PURE__ */ n(
                           ye,
                           {
@@ -619,7 +619,7 @@ const Ie = (T) => {
                                     }
                                   ) })
                                 },
-                                ...a.slice(K).filter((e) => e.name !== r).concat(V).filter(
+                                ...a.slice(K).filter((e) => e.name !== i).concat(V).filter(
                                   ({ name: e }) => typeof e == "string" && (e ?? "").toLowerCase().includes(ce.toLowerCase())
                                 ).map(({ name: e, is_hidden: t }) => ({
                                   key: e,
@@ -640,11 +640,11 @@ const Ie = (T) => {
                                       }
                                     }
                                   ),
-                                  popupClassName: oe,
-                                  children: I ? he(e, t, !0) : null
+                                  popupClassName: se,
+                                  children: I ? be(e, t, !0) : null
                                 }))
                               ],
-                              className: oe
+                              className: se
                             },
                             openClassName: "max-h-[350px] overflow-y-auto",
                             trigger: ["click"],
@@ -660,7 +660,7 @@ const Ie = (T) => {
                                 draggingOver: xt,
                                 suffixRecord: p,
                                 handleShowMoreDropdown: Ge,
-                                selectedId: W,
+                                selectedId: P,
                                 showMoreDropdown: I
                               }
                             )
@@ -701,7 +701,7 @@ const Ie = (T) => {
                 suffixRecord: p,
                 size: O,
                 variant: T,
-                selectedId: W,
+                selectedId: P,
                 parentContainer: mt
               }
             ) : null
@@ -712,6 +712,6 @@ const Ie = (T) => {
   );
 };
 export {
-  Pn as Tabs
+  Fn as Tabs
 };
 //# sourceMappingURL=Tabs.es.js.map