@purpurds/tabs 5.1.0 → 5.1.1

package/dist/tabs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../src/tabs.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAY,YAAY,EAA+B,MAAM,OAAO,CAAC;AAKnF,OAAO,EAAgB,UAAU,EAAE,MAAM,eAAe,CAAC;AAGzD,OAAO,EAA8B,eAAe,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAEjG,KAAK,SAAS,GAAG;IACf,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC,OAAO,UAAU,CAAC,CAAC,GAAG,YAAY,CAAC,OAAO,UAAU,CAAC,CAAC;IACnF,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;SAEK;IACL,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,eAAe,CAAC,KAAK,IAAI,CAAC;IACzD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AA4CF,eAAO,MAAM,IAAI,EAAE,OAAO,CAAC,SAAS,CA+LnC,CAAC;AAIF,cAAc,cAAc,CAAC"}
+{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../src/tabs.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAY,YAAY,EAA+B,MAAM,OAAO,CAAC;AAKnF,OAAO,EAAgB,UAAU,EAAE,MAAM,eAAe,CAAC;AAGzD,OAAO,EAA8B,eAAe,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAEjG,KAAK,SAAS,GAAG;IACf,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC,OAAO,UAAU,CAAC,CAAC,GAAG,YAAY,CAAC,OAAO,UAAU,CAAC,CAAC;IACnF,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;SAEK;IACL,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,eAAe,CAAC,KAAK,IAAI,CAAC;IACzD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AA4CF,eAAO,MAAM,IAAI,EAAE,OAAO,CAAC,SAAS,CAmMnC,CAAC;AAIF,cAAc,cAAc,CAAC"}

package/dist/tabs.es.js

@@ -91,15 +91,15 @@ const Be = /* @__PURE__ */ Ue(Ve), je = {
     }
   );
 };
-function I() {
-  return I = Object.assign ? Object.assign.bind() : function(e) {
+function C() {
+  return C = 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;
-  }, I.apply(this, arguments);
+  }, C.apply(this, arguments);
 }
 function O(e, t, { checkForDefaultPrevented: n = !0 } = {}) {
   return function(s) {
@@ -124,7 +124,7 @@ function ae(e, t = []) {
         value: m
       }, v);
     }
-    function f(l, $) {
+    function p(l, $) {
       const v = ($ == null ? void 0 : $[e][u]) || a, d = me(v);
       if (d)
         return d;
@@ -134,7 +134,7 @@ function ae(e, t = []) {
     }
     return i.displayName = r + "Provider", [
       i,
-      f
+      p
     ];
   }
   const 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, I({}, o, {
+    return /* @__PURE__ */ x(re, C({}, o, {
       ref: t
     }), /* @__PURE__ */ k(c) ? /* @__PURE__ */ se(c, void 0, a) : null);
   }
-  return /* @__PURE__ */ x(re, I({}, o, {
+  return /* @__PURE__ */ x(re, C({}, o, {
     ref: t
   }), n);
 });
@@ -262,17 +262,17 @@ function nt(e) {
       collectionRef: m
     }, b);
   }, a = e + "CollectionSlot", u = /* @__PURE__ */ A.forwardRef((v, d) => {
-    const { scope: b, children: m } = v, _ = r(a, b), g = Y(d, _.collectionRef);
+    const { scope: b, children: m } = v, _ = r(a, b), h = Y(d, _.collectionRef);
     return /* @__PURE__ */ A.createElement(Z, {
-      ref: g
+      ref: h
     }, m);
-  }), i = e + "CollectionItemSlot", f = "data-radix-collection-item", l = /* @__PURE__ */ A.forwardRef((v, d) => {
-    const { scope: b, children: m, ..._ } = v, g = A.useRef(null), F = Y(d, g), T = r(i, b);
-    return A.useEffect(() => (T.itemMap.set(g, {
-      ref: g,
+  }), i = e + "CollectionItemSlot", p = "data-radix-collection-item", l = /* @__PURE__ */ A.forwardRef((v, d) => {
+    const { scope: b, children: m, ..._ } = v, h = A.useRef(null), F = Y(d, h), T = r(i, b);
+    return A.useEffect(() => (T.itemMap.set(h, {
+      ref: h,
       ..._
-    }), () => void T.itemMap.delete(g))), /* @__PURE__ */ A.createElement(Z, {
-      [f]: "",
+    }), () => void T.itemMap.delete(h))), /* @__PURE__ */ A.createElement(Z, {
+      [p]: "",
       ref: F
     }, m);
   });
@@ -282,7 +282,7 @@ function nt(e) {
       const m = d.collectionRef.current;
       if (!m)
         return [];
-      const _ = Array.from(m.querySelectorAll(`[${f}]`));
+      const _ = Array.from(m.querySelectorAll(`[${p}]`));
       return Array.from(d.itemMap.values()).sort(
         (T, q) => _.indexOf(T.ref.current) - _.indexOf(q.ref.current)
       );
@@ -337,7 +337,7 @@ const ct = [
     const { asChild: r, ...c } = o, a = r ? Z : t;
     return R(() => {
       window[Symbol.for("radix-ui")] = !0;
-    }, []), /* @__PURE__ */ x(a, I({}, c, {
+    }, []), /* @__PURE__ */ x(a, C({}, c, {
       ref: s
     }));
   });
@@ -391,33 +391,33 @@ function st({ defaultProp: e, onChange: t }) {
   ]), n;
 }
 const at = /* @__PURE__ */ ne(void 0);
-function Ce(e) {
+function Ie(e) {
   const t = me(at);
   return e || t || "ltr";
 }
 const te = "rovingFocusGroup.onEntryFocus", it = {
   bubbles: !1,
   cancelable: !0
-}, ue = "RovingFocusGroup", [ce, Ie, ut] = nt(ue), [lt, ye] = ae(ue, [
+}, ue = "RovingFocusGroup", [ce, Ce, 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, I({}, e, {
+}, /* @__PURE__ */ x(bt, C({}, 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, ...f } = e, l = P(null), $ = Y(t, l), v = Ce(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 = P(null), $ = Y(t, l), v = Ie(r), [d = null, b] = xe({
     prop: c,
     defaultProp: a,
     onChange: u
-  }), [m, _] = D(!1), g = ie(i), F = Ie(n), T = P(!1), [q, z] = D(0);
+  }), [m, _] = D(!1), h = ie(i), F = Ce(n), T = P(!1), [q, z] = D(0);
   return R(() => {
-    const C = l.current;
-    if (C)
-      return C.addEventListener(te, g), () => C.removeEventListener(te, g);
+    const I = l.current;
+    if (I)
+      return I.addEventListener(te, h), () => I.removeEventListener(te, h);
   }, [
-    g
+    h
   ]), /* @__PURE__ */ x(dt, {
     scope: n,
     orientation: o,
@@ -425,7 +425,7 @@ const te = "rovingFocusGroup.onEntryFocus", it = {
     loop: s,
     currentTabStopId: d,
     onItemFocus: V(
-      (C) => b(C),
+      (I) => b(I),
       [
         b
       ]
@@ -436,20 +436,20 @@ const te = "rovingFocusGroup.onEntryFocus", it = {
     ),
     onFocusableItemAdd: V(
       () => z(
-        (C) => C + 1
+        (I) => I + 1
       ),
       []
     ),
     onFocusableItemRemove: V(
       () => z(
-        (C) => C - 1
+        (I) => I - 1
       ),
       []
     )
-  }, /* @__PURE__ */ x(G.div, I({
+  }, /* @__PURE__ */ x(G.div, C({
     tabIndex: m || q === 0 ? -1 : 0,
     "data-orientation": o
-  }, f, {
+  }, p, {
     ref: $,
     style: {
       outline: "none",
@@ -458,25 +458,25 @@ const te = "rovingFocusGroup.onEntryFocus", it = {
     onMouseDown: O(e.onMouseDown, () => {
       T.current = !0;
     }),
-    onFocus: O(e.onFocus, (C) => {
+    onFocus: O(e.onFocus, (I) => {
       const H = !T.current;
-      if (C.target === C.currentTarget && H && !m) {
+      if (I.target === I.currentTarget && H && !m) {
         const B = new CustomEvent(te, it);
-        if (C.currentTarget.dispatchEvent(B), !B.defaultPrevented) {
+        if (I.currentTarget.dispatchEvent(B), !B.defaultPrevented) {
           const L = F().filter(
-            (h) => h.focusable
+            (g) => g.focusable
           ), X = L.find(
-            (h) => h.active
+            (g) => g.active
           ), J = L.find(
-            (h) => h.id === d
-          ), p = [
+            (g) => g.id === d
+          ), f = [
             X,
             J,
             ...L
           ].filter(Boolean).map(
-            (h) => h.ref.current
+            (g) => g.ref.current
           );
-          Se(p);
+          Se(f);
         }
       }
       T.current = !1;
@@ -487,7 +487,7 @@ 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), f = i.currentTabStopId === u, l = Ie(n), { onFocusableItemAdd: $, onFocusableItemRemove: v } = i;
+  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(() => {
     if (o)
       return $(), () => v();
@@ -500,8 +500,8 @@ const te = "rovingFocusGroup.onEntryFocus", it = {
     id: u,
     focusable: o,
     active: s
-  }, /* @__PURE__ */ x(G.span, I({
-    tabIndex: f ? 0 : -1,
+  }, /* @__PURE__ */ x(G.span, C({
+    tabIndex: p ? 0 : -1,
     "data-orientation": i.orientation
   }, c, {
     ref: t,
@@ -523,16 +523,16 @@ const te = "rovingFocusGroup.onEntryFocus", it = {
       if (b !== void 0) {
         d.preventDefault();
         let _ = l().filter(
-          (g) => g.focusable
+          (h) => h.focusable
         ).map(
-          (g) => g.ref.current
+          (h) => h.ref.current
         );
         if (b === "last")
           _.reverse();
         else if (b === "prev" || b === "next") {
           b === "prev" && _.reverse();
-          const g = _.indexOf(d.currentTarget);
-          _ = i.loop ? ht(_, g + 1) : _.slice(g + 1);
+          const h = _.indexOf(d.currentTarget);
+          _ = i.loop ? ht(_, h + 1) : _.slice(h + 1);
         }
         setTimeout(
           () => Se(_)
@@ -575,8 +575,8 @@ function ht(e, t) {
     (n, o) => e[(t + o) % e.length]
   );
 }
-const xt = pt, Ct = vt;
-function It(e, t) {
+const xt = pt, It = vt;
+function Ct(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] = It(c, {
+  const [t, n] = D(), o = P({}), s = P(e), r = P("none"), c = e ? "mounted" : "unmounted", [a, u] = Ct(c, {
     mounted: {
       UNMOUNT: "unmounted",
       ANIMATION_OUT: "unmountSuspended"
@@ -611,10 +611,10 @@ function yt(e) {
   }, [
     a
   ]), oe(() => {
-    const i = o.current, f = s.current;
-    if (f !== e) {
+    const i = o.current, p = s.current;
+    if (p !== e) {
       const $ = r.current, v = K(i);
-      e ? u("MOUNT") : v === "none" || (i == null ? void 0 : i.display) === "none" ? u("UNMOUNT") : u(f && $ !== v ? "ANIMATION_OUT" : "UNMOUNT"), s.current = e;
+      e ? u("MOUNT") : v === "none" || (i == null ? void 0 : i.display) === "none" ? u("UNMOUNT") : u(p && $ !== v ? "ANIMATION_OUT" : "UNMOUNT"), s.current = e;
     }
   }, [
     e,
@@ -626,11 +626,11 @@ function yt(e) {
         l.target === t && v && Le(
           () => u("ANIMATION_END")
         );
-      }, f = (l) => {
+      }, p = (l) => {
         l.target === t && (r.current = K(o.current));
       };
-      return t.addEventListener("animationstart", f), t.addEventListener("animationcancel", i), t.addEventListener("animationend", i), () => {
-        t.removeEventListener("animationstart", f), t.removeEventListener("animationcancel", i), t.removeEventListener("animationend", i);
+      return t.addEventListener("animationstart", p), t.addEventListener("animationcancel", i), t.addEventListener("animationend", i), () => {
+        t.removeEventListener("animationstart", p), t.removeEventListener("animationcancel", i), t.removeEventListener("animationend", i);
       };
     } else
       u("ANIMATION_END");
@@ -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, f = Ce(a), [l, $] = xe({
+  const { __scopeTabs: n, value: o, onValueChange: s, defaultValue: r, orientation: c = "horizontal", dir: a, activationMode: u = "automatic", ...i } = e, p = Ie(a), [l, $] = xe({
     prop: o,
     onChange: s,
     defaultProp: r
@@ -664,41 +664,41 @@ const Te = "Tabs", [St, tn] = ae(Te, [
     value: l,
     onValueChange: $,
     orientation: c,
-    dir: f,
+    dir: p,
     activationMode: u
-  }, /* @__PURE__ */ x(G.div, I({
-    dir: f,
+  }, /* @__PURE__ */ x(G.div, C({
+    dir: p,
     "data-orientation": c
   }, i, {
     ref: t
   })));
 }), 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, I({
+  return /* @__PURE__ */ x(xt, C({
     asChild: !0
   }, c, {
     orientation: r.orientation,
     dir: r.dir,
     loop: o
-  }), /* @__PURE__ */ x(G.div, I({
+  }), /* @__PURE__ */ x(G.div, C({
     role: "tablist",
     "aria-orientation": r.orientation
   }, s, {
     ref: t
   })));
 }), Et = "TabsTrigger", Rt = /* @__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), f = o === c.value;
-  return /* @__PURE__ */ x(Ct, I({
+  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({
     asChild: !0
   }, a, {
     focusable: !s,
-    active: f
-  }), /* @__PURE__ */ x(G.button, I({
+    active: p
+  }), /* @__PURE__ */ x(G.button, C({
     type: "button",
     role: "tab",
-    "aria-selected": f,
+    "aria-selected": p,
     "aria-controls": i,
-    "data-state": f ? "active" : "inactive",
+    "data-state": p ? "active" : "inactive",
     "data-disabled": s ? "" : void 0,
     disabled: s,
     id: u
@@ -715,11 +715,11 @@ const Te = "Tabs", [St, tn] = ae(Te, [
     }),
     onFocus: O(e.onFocus, () => {
       const l = c.activationMode !== "manual";
-      !f && !s && l && c.onValueChange(o);
+      !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), f = o === a.value, l = P(f);
+  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(() => {
     const $ = requestAnimationFrame(
       () => l.current = !1
@@ -728,10 +728,10 @@ const Te = "Tabs", [St, tn] = ae(Te, [
   }, []), /* @__PURE__ */ x(
     we,
     {
-      present: s || f
+      present: s || p
     },
-    ({ present: $ }) => /* @__PURE__ */ x(G.div, I({
-      "data-state": f ? "active" : "inactive",
+    ({ present: $ }) => /* @__PURE__ */ x(G.div, C({
+      "data-state": p ? "active" : "inactive",
       "data-orientation": a.orientation,
       role: "tabpanel",
       "aria-labelledby": u,
@@ -795,7 +795,7 @@ var Re = { exports: {} };
 })(Re);
 var Ut = Re.exports;
 const de = /* @__PURE__ */ Lt(Ut), Vt = {
-  "purpur-tab-content": "_purpur-tab-content_rbfjg_1"
+  "purpur-tab-content": "_purpur-tab-content_1x2zs_1"
 }, Bt = de.bind(Vt), jt = "purpur-tab-content", Gt = S(
   ({ children: e, tabId: t, "data-testid": n, className: o, ...s }, r) => /* @__PURE__ */ w(
     qt,
@@ -809,11 +809,11 @@ const de = /* @__PURE__ */ Lt(Ut), Vt = {
     }
   )
 ), kt = (e) => !!e && k(e) && !!e.props.name && !!e.props.tabId, zt = {
-  "purpur-tab-header": "_purpur-tab-header_ls5xt_1",
-  "purpur-tab-header--contained": "_purpur-tab-header--contained_ls5xt_32",
-  "purpur-tab-header--contained-negative": "_purpur-tab-header--contained-negative_ls5xt_32",
-  "purpur-tab-header--line": "_purpur-tab-header--line_ls5xt_35",
-  "purpur-tab-header--line-negative": "_purpur-tab-header--line-negative_ls5xt_47"
+  "purpur-tab-header": "_purpur-tab-header_18g3c_1",
+  "purpur-tab-header--contained": "_purpur-tab-header--contained_18g3c_33",
+  "purpur-tab-header--contained-negative": "_purpur-tab-header--contained-negative_18g3c_33",
+  "purpur-tab-header--line": "_purpur-tab-header--line_18g3c_36",
+  "purpur-tab-header--line-negative": "_purpur-tab-header--line-negative_18g3c_48"
 }, Kt = de.bind(zt), $e = "purpur-tab-header", Wt = S(
   ({
     index: e,
@@ -869,51 +869,54 @@ const de = /* @__PURE__ */ Lt(Ut), Vt = {
   "data-testid": a,
   ...u
 }) => {
-  const [i, f] = D({}), [l, $] = D(0), [v, d] = D(0), b = E.toArray(e).filter(kt), m = P(), _ = P(new Array(b.length)), g = 200, F = t === "line", T = 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([
     y,
     `${y}--${t}${n ? "-negative" : ""}`,
     { [`${y}--fullWidth`]: o },
     r
-  ]), q = E.map(b, ({ props: { tabId: p } }) => p), z = () => q.findIndex((p) => p === c) || 0, [C, H] = D(z);
+  ]), 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);
   if (new Set(q).size !== q.length)
     throw new Error("tabId must be unique");
-  const B = (p, h) => h || a ? `${h || a}-${p}` : void 0, L = () => {
+  const B = (f, g) => g || a ? `${g || a}-${f}` : void 0, L = () => {
     if (!F)
       return;
-    const p = _.current[C];
-    $((p == null ? void 0 : p.offsetLeft) || 0), d((p == null ? void 0 : p.getBoundingClientRect().width) || 0);
-  }, X = (p) => {
-    F && H(b.findIndex((h) => h.props.tabId === p)), s == null || s(Zt(p));
-  }, J = (p) => {
+    const f = _.current[I];
+    $((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));
+  }, J = (f) => {
     if (m != null && m.current) {
-      const { scrollLeft: h } = m.current, j = p === "left" ? -g : g;
-      m.current.scroll({ left: h + j, behavior: "smooth" });
+      const { scrollLeft: g } = m.current, j = f === "left" ? -h : h;
+      m.current.scroll({ left: g + j, behavior: "smooth" });
     }
-  }, Q = ({ side: p }) => /* @__PURE__ */ w(
+  }, Q = ({ side: f }) => /* @__PURE__ */ w(
     "button",
     {
-      className: U(`${y}__scroll-button`, `${y}__scroll-button--${p}`),
-      onClick: () => J(p),
+      className: U(`${y}__scroll-button`, `${y}__scroll-button--${f}`),
+      onClick: () => J(f),
       type: "button",
       "aria-hidden": "true",
       tabIndex: -1,
       "data-testid": B("scroll-button"),
-      children: /* @__PURE__ */ w(He, { svg: p === "left" ? Ge : ke, size: "md" })
+      children: /* @__PURE__ */ w(He, { svg: f === "left" ? Ge : ke, size: "md" })
     }
   );
   return R(() => (window.addEventListener("resize", L), () => {
     window.removeEventListener("resize", L);
   }), []), R(() => {
     L();
-  }, [C, o, b.length, t]), R(() => {
-    const p = (M) => {
+  }, [I, o, b.length, t]), R(() => {
+    const f = (M) => {
       if (M.every((N) => N.isIntersecting) && M.length === b.length) {
-        f({});
+        p({});
         return;
       }
       M.forEach((N) => {
         const pe = Number(N.target.getAttribute("data-index")), Pe = pe === 0, Me = pe === b.length - 1;
-        f((Oe) => ({
+        p((Oe) => ({
           ...Oe,
           ...Pe && {
             [`${y}__wrapper--scroll-end`]: !N.isIntersecting
@@ -923,12 +926,12 @@ const de = /* @__PURE__ */ Lt(Ut), Vt = {
           }
         }));
       });
-    }, h = new IntersectionObserver(p, {
+    }, g = new IntersectionObserver(f, {
       threshold: [0.99],
       root: m.current
     }), j = _.current;
-    return j.forEach((M) => h.observe(M)), () => {
-      j.forEach((M) => h.unobserve(M));
+    return j.forEach((M) => g.observe(M)), () => {
+      j.forEach((M) => g.unobserve(M));
     };
   }, [b.length]), /* @__PURE__ */ w(
     Ot,
@@ -943,21 +946,21 @@ const de = /* @__PURE__ */ Lt(Ut), Vt = {
           /* @__PURE__ */ ee(
             Ft,
             {
-              ref: (p) => {
-                m.current = p;
+              ref: (f) => {
+                m.current = f;
               },
               className: U(`${y}__list`),
               children: [
-                E.map(b, (p, h) => {
-                  const { name: j, tabId: M, "data-testid": fe } = p.props;
+                E.map(b, (f, g) => {
+                  const { name: j, tabId: M, "data-testid": fe } = f.props;
                   return /* @__PURE__ */ w(
                     Wt,
                     {
                       "data-testid": B("header", fe),
-                      index: h,
+                      index: g,
                       tabId: M,
                       ref: (N) => {
-                        N && (_.current[h] = N);
+                        N && (_.current[g] = N);
                       },
                       onFocus: (N) => {
                         Ht(N.target, m.current);
@@ -985,7 +988,7 @@ const de = /* @__PURE__ */ Lt(Ut), Vt = {
           /* @__PURE__ */ w(Q, { side: "left" }),
           /* @__PURE__ */ w(Q, { side: "right" })
         ] }),
-        /* @__PURE__ */ w("div", { className: U(`${y}__content-container`), children: E.map(b, (p) => p) })
+        /* @__PURE__ */ w("div", { className: U(`${y}__content-container`), children: E.map(b, (f) => f) })
       ] })
     }
   );