@purpurds/tabs 5.7.0 → 5.8.0

package/dist/tabs.es.js

@@ -1,6 +1,6 @@
 import { jsx as w, jsxs as ee } from "react/jsx-runtime";
 import * as ve from "react";
-import A, { createContext as ne, useMemo as W, createElement as x, useContext as me, useCallback as V, forwardRef as S, Children as E, isValidElement as k, cloneElement as se, Fragment as Fe, useLayoutEffect as De, useEffect as R, useRef as P, useState as D, useReducer as qe } from "react";
+import A, { createContext as ne, useMemo as W, createElement as x, useContext as me, useCallback as V, forwardRef as S, Children as E, isValidElement as k, cloneElement as se, Fragment as Fe, useLayoutEffect as De, useEffect as P, useRef as R, useState as D, useReducer as qe } from "react";
 import { flushSync as Le } from "react-dom";
 function Ue(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
@@ -91,15 +91,15 @@ const Be = /* @__PURE__ */ Ue(Ve), je = {
     }
   );
 };
-function C() {
-  return C = Object.assign ? Object.assign.bind() : function(e) {
+function I() {
+  return I = Object.assign ? Object.assign.bind() : function(e) {
     for (var t = 1; t < arguments.length; t++) {
       var n = arguments[t];
       for (var o in n)
         Object.prototype.hasOwnProperty.call(n, o) && (e[o] = n[o]);
     }
     return e;
-  }, C.apply(this, arguments);
+  }, I.apply(this, arguments);
 }
 function O(e, t, { checkForDefaultPrevented: n = !0 } = {}) {
   return function(s) {
@@ -206,11 +206,11 @@ const Z = /* @__PURE__ */ S((e, t) => {
   const { children: n, ...o } = e, s = E.toArray(n), r = s.find(et);
   if (r) {
     const c = r.props.children, a = s.map((u) => u === r ? E.count(c) > 1 ? E.only(null) : /* @__PURE__ */ k(c) ? c.props.children : null : u);
-    return /* @__PURE__ */ x(re, C({}, o, {
+    return /* @__PURE__ */ x(re, I({}, o, {
       ref: t
     }), /* @__PURE__ */ k(c) ? /* @__PURE__ */ se(c, void 0, a) : null);
   }
-  return /* @__PURE__ */ x(re, C({}, o, {
+  return /* @__PURE__ */ x(re, I({}, o, {
     ref: t
   }), n);
 });
@@ -335,9 +335,9 @@ const ct = [
 ], G = ct.reduce((e, t) => {
   const n = /* @__PURE__ */ S((o, s) => {
     const { asChild: r, ...c } = o, a = r ? Z : t;
-    return R(() => {
+    return P(() => {
       window[Symbol.for("radix-ui")] = !0;
-    }, []), /* @__PURE__ */ x(a, C({}, c, {
+    }, []), /* @__PURE__ */ x(a, I({}, c, {
       ref: s
     }));
   });
@@ -347,8 +347,8 @@ const ct = [
   };
 }, {});
 function ie(e) {
-  const t = P(e);
-  return R(() => {
+  const t = R(e);
+  return P(() => {
     t.current = e;
   }), W(
     () => (...n) => {
@@ -381,8 +381,8 @@ function xe({ prop: e, defaultProp: t, onChange: n = () => {
   ];
 }
 function st({ defaultProp: e, onChange: t }) {
-  const n = D(e), [o] = n, s = P(o), r = ie(t);
-  return R(() => {
+  const n = D(e), [o] = n, s = R(o), r = ie(t);
+  return P(() => {
     s.current !== o && (r(o), s.current = o);
   }, [
     o,
@@ -391,31 +391,31 @@ function st({ defaultProp: e, onChange: t }) {
   ]), n;
 }
 const at = /* @__PURE__ */ ne(void 0);
-function Ie(e) {
+function Ce(e) {
   const t = me(at);
   return e || t || "ltr";
 }
 const te = "rovingFocusGroup.onEntryFocus", it = {
   bubbles: !1,
   cancelable: !0
-}, ue = "RovingFocusGroup", [ce, Ce, ut] = nt(ue), [lt, ye] = ae(ue, [
+}, ue = "RovingFocusGroup", [ce, Ie, ut] = nt(ue), [lt, ye] = ae(ue, [
   ut
 ]), [dt, ft] = lt(ue), pt = /* @__PURE__ */ S((e, t) => /* @__PURE__ */ x(ce.Provider, {
   scope: e.__scopeRovingFocusGroup
 }, /* @__PURE__ */ x(ce.Slot, {
   scope: e.__scopeRovingFocusGroup
-}, /* @__PURE__ */ x(bt, C({}, e, {
+}, /* @__PURE__ */ x(bt, I({}, e, {
   ref: t
 }))))), bt = /* @__PURE__ */ S((e, t) => {
-  const { __scopeRovingFocusGroup: n, orientation: o, loop: s = !1, dir: r, currentTabStopId: c, defaultCurrentTabStopId: a, onCurrentTabStopIdChange: u, onEntryFocus: i, ...p } = e, l = P(null), $ = Y(t, l), v = Ie(r), [d = null, b] = xe({
+  const { __scopeRovingFocusGroup: n, orientation: o, loop: s = !1, dir: r, currentTabStopId: c, defaultCurrentTabStopId: a, onCurrentTabStopIdChange: u, onEntryFocus: i, ...p } = e, l = R(null), $ = Y(t, l), v = Ce(r), [d = null, b] = xe({
     prop: c,
     defaultProp: a,
     onChange: u
-  }), [m, _] = D(!1), h = ie(i), F = Ce(n), T = P(!1), [q, z] = D(0);
-  return R(() => {
-    const I = l.current;
-    if (I)
-      return I.addEventListener(te, h), () => I.removeEventListener(te, h);
+  }), [m, _] = D(!1), h = ie(i), F = Ie(n), T = R(!1), [q, z] = D(0);
+  return P(() => {
+    const C = l.current;
+    if (C)
+      return C.addEventListener(te, h), () => C.removeEventListener(te, h);
   }, [
     h
   ]), /* @__PURE__ */ x(dt, {
@@ -425,7 +425,7 @@ const te = "rovingFocusGroup.onEntryFocus", it = {
     loop: s,
     currentTabStopId: d,
     onItemFocus: V(
-      (I) => b(I),
+      (C) => b(C),
       [
         b
       ]
@@ -436,17 +436,17 @@ const te = "rovingFocusGroup.onEntryFocus", it = {
     ),
     onFocusableItemAdd: V(
       () => z(
-        (I) => I + 1
+        (C) => C + 1
       ),
       []
     ),
     onFocusableItemRemove: V(
       () => z(
-        (I) => I - 1
+        (C) => C - 1
       ),
       []
     )
-  }, /* @__PURE__ */ x(G.div, C({
+  }, /* @__PURE__ */ x(G.div, I({
     tabIndex: m || q === 0 ? -1 : 0,
     "data-orientation": o
   }, p, {
@@ -458,11 +458,11 @@ const te = "rovingFocusGroup.onEntryFocus", it = {
     onMouseDown: O(e.onMouseDown, () => {
       T.current = !0;
     }),
-    onFocus: O(e.onFocus, (I) => {
+    onFocus: O(e.onFocus, (C) => {
       const H = !T.current;
-      if (I.target === I.currentTarget && H && !m) {
+      if (C.target === C.currentTarget && H && !m) {
         const B = new CustomEvent(te, it);
-        if (I.currentTarget.dispatchEvent(B), !B.defaultPrevented) {
+        if (C.currentTarget.dispatchEvent(B), !B.defaultPrevented) {
           const L = F().filter(
             (g) => g.focusable
           ), X = L.find(
@@ -487,8 +487,8 @@ const te = "rovingFocusGroup.onEntryFocus", it = {
     )
   })));
 }), $t = "RovingFocusGroupItem", vt = /* @__PURE__ */ S((e, t) => {
-  const { __scopeRovingFocusGroup: n, focusable: o = !0, active: s = !1, tabStopId: r, ...c } = e, a = he(), u = r || a, i = ft($t, n), p = i.currentTabStopId === u, l = Ce(n), { onFocusableItemAdd: $, onFocusableItemRemove: v } = i;
-  return R(() => {
+  const { __scopeRovingFocusGroup: n, focusable: o = !0, active: s = !1, tabStopId: r, ...c } = e, a = he(), u = r || a, i = ft($t, n), p = i.currentTabStopId === u, l = Ie(n), { onFocusableItemAdd: $, onFocusableItemRemove: v } = i;
+  return P(() => {
     if (o)
       return $(), () => v();
   }, [
@@ -500,7 +500,7 @@ const te = "rovingFocusGroup.onEntryFocus", it = {
     id: u,
     focusable: o,
     active: s
-  }, /* @__PURE__ */ x(G.span, C({
+  }, /* @__PURE__ */ x(G.span, I({
     tabIndex: p ? 0 : -1,
     "data-orientation": i.orientation
   }, c, {
@@ -575,8 +575,8 @@ function ht(e, t) {
     (n, o) => e[(t + o) % e.length]
   );
 }
-const xt = pt, It = vt;
-function Ct(e, t) {
+const xt = pt, Ct = vt;
+function It(e, t) {
   return qe((n, o) => {
     const s = t[n][o];
     return s ?? n;
@@ -592,7 +592,7 @@ const we = (e) => {
 };
 we.displayName = "Presence";
 function yt(e) {
-  const [t, n] = D(), o = P({}), s = P(e), r = P("none"), c = e ? "mounted" : "unmounted", [a, u] = Ct(c, {
+  const [t, n] = D(), o = R({}), s = R(e), r = R("none"), c = e ? "mounted" : "unmounted", [a, u] = It(c, {
     mounted: {
       UNMOUNT: "unmounted",
       ANIMATION_OUT: "unmountSuspended"
@@ -605,7 +605,7 @@ function yt(e) {
       MOUNT: "mounted"
     }
   });
-  return R(() => {
+  return P(() => {
     const i = K(o.current);
     r.current = a === "mounted" ? i : "none";
   }, [
@@ -653,7 +653,7 @@ function K(e) {
 const Te = "Tabs", [St, tn] = ae(Te, [
   ye
 ]), Ne = ye(), [wt, le] = St(Te), Tt = /* @__PURE__ */ S((e, t) => {
-  const { __scopeTabs: n, value: o, onValueChange: s, defaultValue: r, orientation: c = "horizontal", dir: a, activationMode: u = "automatic", ...i } = e, p = Ie(a), [l, $] = xe({
+  const { __scopeTabs: n, value: o, onValueChange: s, defaultValue: r, orientation: c = "horizontal", dir: a, activationMode: u = "automatic", ...i } = e, p = Ce(a), [l, $] = xe({
     prop: o,
     onChange: s,
     defaultProp: r
@@ -666,7 +666,7 @@ const Te = "Tabs", [St, tn] = ae(Te, [
     orientation: c,
     dir: p,
     activationMode: u
-  }, /* @__PURE__ */ x(G.div, C({
+  }, /* @__PURE__ */ x(G.div, I({
     dir: p,
     "data-orientation": c
   }, i, {
@@ -674,26 +674,26 @@ const Te = "Tabs", [St, tn] = ae(Te, [
   })));
 }), Nt = "TabsList", At = /* @__PURE__ */ S((e, t) => {
   const { __scopeTabs: n, loop: o = !0, ...s } = e, r = le(Nt, n), c = Ne(n);
-  return /* @__PURE__ */ x(xt, C({
+  return /* @__PURE__ */ x(xt, I({
     asChild: !0
   }, c, {
     orientation: r.orientation,
     dir: r.dir,
     loop: o
-  }), /* @__PURE__ */ x(G.div, C({
+  }), /* @__PURE__ */ x(G.div, I({
     role: "tablist",
     "aria-orientation": r.orientation
   }, s, {
     ref: t
   })));
-}), Et = "TabsTrigger", Rt = /* @__PURE__ */ S((e, t) => {
+}), Et = "TabsTrigger", Pt = /* @__PURE__ */ S((e, t) => {
   const { __scopeTabs: n, value: o, disabled: s = !1, ...r } = e, c = le(Et, n), a = Ne(n), u = Ae(c.baseId, o), i = Ee(c.baseId, o), p = o === c.value;
-  return /* @__PURE__ */ x(It, C({
+  return /* @__PURE__ */ x(Ct, I({
     asChild: !0
   }, a, {
     focusable: !s,
     active: p
-  }), /* @__PURE__ */ x(G.button, C({
+  }), /* @__PURE__ */ x(G.button, I({
     type: "button",
     role: "tab",
     "aria-selected": p,
@@ -718,9 +718,9 @@ const Te = "Tabs", [St, tn] = ae(Te, [
       !p && !s && l && c.onValueChange(o);
     })
   })));
-}), Pt = "TabsContent", Mt = /* @__PURE__ */ S((e, t) => {
-  const { __scopeTabs: n, value: o, forceMount: s, children: r, ...c } = e, a = le(Pt, n), u = Ae(a.baseId, o), i = Ee(a.baseId, o), p = o === a.value, l = P(p);
-  return R(() => {
+}), Rt = "TabsContent", Mt = /* @__PURE__ */ S((e, t) => {
+  const { __scopeTabs: n, value: o, forceMount: s, children: r, ...c } = e, a = le(Rt, n), u = Ae(a.baseId, o), i = Ee(a.baseId, o), p = o === a.value, l = R(p);
+  return P(() => {
     const $ = requestAnimationFrame(
       () => l.current = !1
     );
@@ -730,7 +730,7 @@ const Te = "Tabs", [St, tn] = ae(Te, [
     {
       present: s || p
     },
-    ({ present: $ }) => /* @__PURE__ */ x(G.div, C({
+    ({ present: $ }) => /* @__PURE__ */ x(G.div, I({
       "data-state": p ? "active" : "inactive",
       "data-orientation": a.orientation,
       role: "tabpanel",
@@ -753,11 +753,11 @@ function Ae(e, t) {
 function Ee(e, t) {
   return `${e}-content-${t}`;
 }
-const Ot = Tt, Ft = At, Dt = Rt, qt = Mt;
+const Ot = Tt, Ft = At, Dt = Pt, qt = Mt;
 function Lt(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var Re = { exports: {} };
+var Pe = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -792,8 +792,8 @@ var Re = { exports: {} };
     }
     e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
   })();
-})(Re);
-var Ut = Re.exports;
+})(Pe);
+var Ut = Pe.exports;
 const de = /* @__PURE__ */ Lt(Ut), Vt = {
   "purpur-tab-content": "_purpur-tab-content_1x2zs_1"
 }, Bt = de.bind(Vt), jt = "purpur-tab-content", Gt = S(
@@ -869,7 +869,7 @@ const de = /* @__PURE__ */ Lt(Ut), Vt = {
   "data-testid": a,
   ...u
 }) => {
-  const [i, p] = D({}), [l, $] = D(0), [v, d] = D(0), b = E.toArray(e).filter(kt), m = P(), _ = P(new Array(b.length)), h = 200, F = t === "line", T = U([
+  const [i, p] = D({}), [l, $] = D(0), [v, d] = D(0), b = E.toArray(e).filter(kt), m = R(), _ = R(new Array(b.length)), h = 200, F = t === "line", T = U([
     y,
     `${y}--${t}${n ? "-negative" : ""}`,
     { [`${y}--fullWidth`]: o },
@@ -877,13 +877,13 @@ const de = /* @__PURE__ */ Lt(Ut), Vt = {
   ]), q = E.map(b, ({ props: { tabId: f } }) => f), z = () => {
     const f = q.findIndex((g) => g === c);
     return f >= 0 ? f : 0;
-  }, [I, H] = D(z);
+  }, [C, H] = D(z);
   if (new Set(q).size !== q.length)
     throw new Error("tabId must be unique");
   const B = (f, g) => g || a ? `${g || a}-${f}` : void 0, L = () => {
     if (!F)
       return;
-    const f = _.current[I];
+    const f = _.current[C];
     $((f == null ? void 0 : f.offsetLeft) || 0), d((f == null ? void 0 : f.getBoundingClientRect().width) || 0);
   }, X = (f) => {
     F && H(b.findIndex((g) => g.props.tabId === f)), s == null || s(Zt(f));
@@ -904,21 +904,21 @@ const de = /* @__PURE__ */ Lt(Ut), Vt = {
       children: /* @__PURE__ */ w(He, { svg: f === "left" ? Ge : ke, size: "md" })
     }
   );
-  return R(() => (window.addEventListener("resize", L), () => {
+  return P(() => (window.addEventListener("resize", L), () => {
     window.removeEventListener("resize", L);
-  }), []), R(() => {
+  }), []), P(() => {
     L();
-  }, [I, o, b.length, t]), R(() => {
+  }, [C, o, b.length, t]), P(() => {
     const f = (M) => {
       if (M.every((N) => N.isIntersecting) && M.length === b.length) {
         p({});
         return;
       }
       M.forEach((N) => {
-        const pe = Number(N.target.getAttribute("data-index")), Pe = pe === 0, Me = pe === b.length - 1;
+        const pe = Number(N.target.getAttribute("data-index")), Re = pe === 0, Me = pe === b.length - 1;
         p((Oe) => ({
           ...Oe,
-          ...Pe && {
+          ...Re && {
             [`${y}__wrapper--scroll-end`]: !N.isIntersecting
           },
           ...Me && {