@purpurds/tabs 5.18.3 → 5.19.1

package/dist/tabs.es.js

@@ -1,11 +1,11 @@
-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 Oe, 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) {
+import { jsx as T, jsxs as ee } from "react/jsx-runtime";
+import * as me from "react";
+import E, { createContext as ne, useMemo as H, createElement as g, useContext as _e, useCallback as U, forwardRef as w, Children as P, isValidElement as K, cloneElement as se, Fragment as De, useLayoutEffect as qe, useEffect as N, useRef as R, useState as O, useReducer as Le } from "react";
+import { flushSync as Ue } from "react-dom";
+function Ve(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var _e = { exports: {} };
+var ge = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -40,9 +40,9 @@ var _e = { exports: {} };
     }
     e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
   })();
-})(_e);
-var Ve = _e.exports;
-const Be = /* @__PURE__ */ Ue(Ve), Ge = {
+})(ge);
+var Be = ge.exports;
+const Ge = /* @__PURE__ */ Ve(Be), je = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -50,37 +50,37 @@ const Be = /* @__PURE__ */ Ue(Ve), Ge = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, je = {
+}, ke = {
   name: "chevron-left",
   svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M16.175 3.905a.9.9 0 0 1-.08 1.27L8.36 12l7.736 6.825a.9.9 0 0 1-1.191 1.35l-8.5-7.5a.9.9 0 0 1 0-1.35l8.5-7.5a.9.9 0 0 1 1.27.08Z" clip-rule="evenodd"/></svg>',
   keywords: ["chevron-left"],
   category: "utility"
-}, ke = {
+}, ze = {
   name: "chevron-right",
   svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M7.809 3.924a.9.9 0 0 0 .115 1.267L16.094 12l-8.17 6.809a.9.9 0 0 0 1.152 1.382l9-7.5a.9.9 0 0 0 0-1.382l-9-7.5a.9.9 0 0 0-1.267.115Z" clip-rule="evenodd"/></svg>',
   keywords: ["chevron-right"],
   category: "utility"
-}, ze = Be.bind(Ge), be = "purpur-icon", Ke = "md", We = (e) => e.filter((t) => Object.keys(t).length >= 1).map((t) => `${t.name}="${t.value}"`).join(" "), Ye = ({ content: e = "", title: t } = {}) => {
+}, Ke = Ge.bind(je), $e = "purpur-icon", We = "md", Ye = (e) => e.filter((t) => Object.keys(t).length >= 1).map((t) => `${t.name}="${t.value}"`).join(" "), Ze = ({ content: e = "", title: t } = {}) => {
   const n = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
     { name: "fill", value: "currentColor" },
     { name: "viewBox", value: "0 0 24 24" },
     t ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
   ], o = t ? `<title>${t}</title>` : "";
-  return `<svg ${We(n)}>${o}${e}</svg>`;
-}, Ze = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), He = ({
+  return `<svg ${Ye(n)}>${o}${e}</svg>`;
+}, He = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Xe = ({
   ["data-testid"]: e,
   svg: t,
   allyTitle: n,
   className: o,
-  size: s = Ke,
+  size: s = We,
   ...r
 }) => {
-  const c = Ye({
-    content: Ze(t.svg),
+  const c = Ze({
+    content: He(t.svg),
     title: n
-  }), a = ze(o, be, `${be}--${s}`);
-  return /* @__PURE__ */ w(
+  }), a = Ke(o, $e, `${$e}--${s}`);
+  return /* @__PURE__ */ T(
     "span",
     {
       "aria-label": n,
@@ -91,14 +91,14 @@ const Be = /* @__PURE__ */ Ue(Ve), Ge = {
     }
   );
 };
-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) ({}).hasOwnProperty.call(n, o) && (e[o] = n[o]);
     }
     return e;
-  }, I.apply(null, arguments);
+  }, C.apply(null, arguments);
 }
 function F(e, t, { checkForDefaultPrevented: n = !0 } = {}) {
   return function(s) {
@@ -113,20 +113,20 @@ function ae(e, t = []) {
       ...n,
       c
     ];
-    function i(l) {
-      const { scope: $, children: v, ...d } = l, b = ($ == null ? void 0 : $[e][u]) || a, m = W(
-        () => d,
-        Object.values(d)
+    function i(d) {
+      const { scope: v, children: m, ...f } = d, h = (v == null ? void 0 : v[e][u]) || a, $ = H(
+        () => f,
+        Object.values(f)
       );
-      return /* @__PURE__ */ x(b.Provider, {
-        value: m
-      }, v);
+      return /* @__PURE__ */ g(h.Provider, {
+        value: $
+      }, m);
     }
-    function p(l, $) {
-      const v = ($ == null ? void 0 : $[e][u]) || a, d = me(v);
-      if (d) return d;
+    function p(d, v) {
+      const m = (v == null ? void 0 : v[e][u]) || a, f = _e(m);
+      if (f) return f;
       if (c !== void 0) return c;
-      throw new Error(`\`${l}\` must be used within \`${r}\``);
+      throw new Error(`\`${d}\` must be used within \`${r}\``);
     }
     return i.displayName = r + "Provider", [
       i,
@@ -137,7 +137,7 @@ function ae(e, t = []) {
     const r = n.map((c) => /* @__PURE__ */ ne(c));
     return function(a) {
       const u = (a == null ? void 0 : a[e]) || r;
-      return W(
+      return H(
         () => ({
           [`__scope${e}`]: {
             ...a,
@@ -153,10 +153,10 @@ function ae(e, t = []) {
   };
   return s.scopeName = e, [
     o,
-    Xe(s, ...t)
+    Je(s, ...t)
   ];
 }
-function Xe(...e) {
+function Je(...e) {
   const t = e[0];
   if (e.length === 1) return t;
   const n = () => {
@@ -168,13 +168,13 @@ function Xe(...e) {
     );
     return function(r) {
       const c = o.reduce((a, { useScope: u, scopeName: i }) => {
-        const l = u(r)[`__scope${i}`];
+        const d = u(r)[`__scope${i}`];
         return {
           ...a,
-          ...l
+          ...d
         };
       }, {});
-      return W(
+      return H(
         () => ({
           [`__scope${t.scopeName}`]: c
         }),
@@ -186,43 +186,43 @@ function Xe(...e) {
   };
   return n.scopeName = t.scopeName, n;
 }
-function Je(e, t) {
+function Qe(e, t) {
   typeof e == "function" ? e(t) : e != null && (e.current = t);
 }
-function ge(...e) {
+function he(...e) {
   return (t) => e.forEach(
-    (n) => Je(n, t)
+    (n) => Qe(n, t)
   );
 }
-function Y(...e) {
-  return V(ge(...e), e);
+function X(...e) {
+  return U(he(...e), e);
 }
-const Z = /* @__PURE__ */ S((e, t) => {
-  const { children: n, ...o } = e, s = E.toArray(n), r = s.find(et);
+const J = /* @__PURE__ */ w((e, t) => {
+  const { children: n, ...o } = e, s = P.toArray(n), r = s.find(tt);
   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, {
+    const c = r.props.children, a = s.map((u) => u === r ? P.count(c) > 1 ? P.only(null) : /* @__PURE__ */ K(c) ? c.props.children : null : u);
+    return /* @__PURE__ */ g(re, C({}, o, {
       ref: t
-    }), /* @__PURE__ */ k(c) ? /* @__PURE__ */ se(c, void 0, a) : null);
+    }), /* @__PURE__ */ K(c) ? /* @__PURE__ */ se(c, void 0, a) : null);
   }
-  return /* @__PURE__ */ x(re, I({}, o, {
+  return /* @__PURE__ */ g(re, C({}, o, {
     ref: t
   }), n);
 });
-Z.displayName = "Slot";
-const re = /* @__PURE__ */ S((e, t) => {
+J.displayName = "Slot";
+const re = /* @__PURE__ */ w((e, t) => {
   const { children: n, ...o } = e;
-  return /* @__PURE__ */ k(n) ? /* @__PURE__ */ se(n, {
-    ...tt(o, n.props),
-    ref: t ? ge(t, n.ref) : n.ref
-  }) : E.count(n) > 1 ? E.only(null) : null;
+  return /* @__PURE__ */ K(n) ? /* @__PURE__ */ se(n, {
+    ...nt(o, n.props),
+    ref: t ? he(t, n.ref) : n.ref
+  }) : P.count(n) > 1 ? P.only(null) : null;
 });
 re.displayName = "SlotClone";
-const Qe = ({ children: e }) => /* @__PURE__ */ x(Oe, null, e);
-function et(e) {
-  return /* @__PURE__ */ k(e) && e.type === Qe;
+const et = ({ children: e }) => /* @__PURE__ */ g(De, null, e);
+function tt(e) {
+  return /* @__PURE__ */ K(e) && e.type === et;
 }
-function tt(e, t) {
+function nt(e, t) {
   const n = {
     ...t
   };
@@ -243,73 +243,73 @@ function tt(e, t) {
     ...n
   };
 }
-function nt(e) {
+function rt(e) {
   const t = e + "CollectionProvider", [n, o] = ae(t), [s, r] = n(t, {
     collectionRef: {
       current: null
     },
     itemMap: /* @__PURE__ */ new Map()
-  }), c = (v) => {
-    const { scope: d, children: b } = v, m = A.useRef(null), _ = A.useRef(/* @__PURE__ */ new Map()).current;
-    return /* @__PURE__ */ A.createElement(s, {
-      scope: d,
-      itemMap: _,
-      collectionRef: m
-    }, b);
-  }, a = e + "CollectionSlot", u = /* @__PURE__ */ A.forwardRef((v, d) => {
-    const { scope: b, children: m } = v, _ = r(a, b), h = Y(d, _.collectionRef);
-    return /* @__PURE__ */ A.createElement(Z, {
-      ref: h
-    }, m);
-  }), i = e + "CollectionItemSlot", p = "data-radix-collection-item", l = /* @__PURE__ */ A.forwardRef((v, d) => {
-    const { scope: b, children: m, ..._ } = v, h = A.useRef(null), O = Y(d, h), T = r(i, b);
-    return A.useEffect(() => (T.itemMap.set(h, {
-      ref: h,
-      ..._
-    }), () => void T.itemMap.delete(h))), /* @__PURE__ */ A.createElement(Z, {
+  }), c = (m) => {
+    const { scope: f, children: h } = m, $ = E.useRef(null), b = E.useRef(/* @__PURE__ */ new Map()).current;
+    return /* @__PURE__ */ E.createElement(s, {
+      scope: f,
+      itemMap: b,
+      collectionRef: $
+    }, h);
+  }, a = e + "CollectionSlot", u = /* @__PURE__ */ E.forwardRef((m, f) => {
+    const { scope: h, children: $ } = m, b = r(a, h), _ = X(f, b.collectionRef);
+    return /* @__PURE__ */ E.createElement(J, {
+      ref: _
+    }, $);
+  }), i = e + "CollectionItemSlot", p = "data-radix-collection-item", d = /* @__PURE__ */ E.forwardRef((m, f) => {
+    const { scope: h, children: $, ...b } = m, _ = E.useRef(null), D = X(f, _), y = r(i, h);
+    return E.useEffect(() => (y.itemMap.set(_, {
+      ref: _,
+      ...b
+    }), () => void y.itemMap.delete(_))), /* @__PURE__ */ E.createElement(J, {
       [p]: "",
-      ref: O
-    }, m);
+      ref: D
+    }, $);
   });
-  function $(v) {
-    const d = r(e + "CollectionConsumer", v);
-    return A.useCallback(() => {
-      const m = d.collectionRef.current;
-      if (!m) return [];
-      const _ = Array.from(m.querySelectorAll(`[${p}]`));
-      return Array.from(d.itemMap.values()).sort(
-        (T, q) => _.indexOf(T.ref.current) - _.indexOf(q.ref.current)
+  function v(m) {
+    const f = r(e + "CollectionConsumer", m);
+    return E.useCallback(() => {
+      const $ = f.collectionRef.current;
+      if (!$) return [];
+      const b = Array.from($.querySelectorAll(`[${p}]`));
+      return Array.from(f.itemMap.values()).sort(
+        (y, j) => b.indexOf(y.ref.current) - b.indexOf(j.ref.current)
       );
     }, [
-      d.collectionRef,
-      d.itemMap
+      f.collectionRef,
+      f.itemMap
     ]);
   }
   return [
     {
       Provider: c,
       Slot: u,
-      ItemSlot: l
+      ItemSlot: d
     },
-    $,
+    v,
     o
   ];
 }
-const oe = globalThis != null && globalThis.document ? De : () => {
-}, rt = ve.useId || (() => {
+const oe = globalThis != null && globalThis.document ? qe : () => {
+}, ot = me.useId || (() => {
 });
-let ot = 0;
-function he(e) {
-  const [t, n] = ve.useState(rt());
+let ct = 0;
+function xe(e) {
+  const [t, n] = me.useState(ot());
   return oe(() => {
     e || n(
-      (o) => o ?? String(ot++)
+      (o) => o ?? String(ct++)
     );
   }, [
     e
   ]), e || (t ? `radix-${t}` : "");
 }
-const ct = [
+const st = [
   "a",
   "button",
   "div",
@@ -326,12 +326,12 @@ const ct = [
   "span",
   "svg",
   "ul"
-], j = ct.reduce((e, t) => {
-  const n = /* @__PURE__ */ S((o, s) => {
-    const { asChild: r, ...c } = o, a = r ? Z : t;
-    return P(() => {
+], G = st.reduce((e, t) => {
+  const n = /* @__PURE__ */ w((o, s) => {
+    const { asChild: r, ...c } = o, a = r ? J : t;
+    return N(() => {
       window[Symbol.for("radix-ui")] = !0;
-    }, []), /* @__PURE__ */ x(a, I({}, c, {
+    }, []), /* @__PURE__ */ g(a, C({}, c, {
       ref: s
     }));
   });
@@ -342,9 +342,9 @@ const ct = [
 }, {});
 function ie(e) {
   const t = R(e);
-  return P(() => {
+  return N(() => {
     t.current = e;
-  }), W(
+  }), H(
     () => (...n) => {
       var o;
       return (o = t.current) === null || o === void 0 ? void 0 : o.call(t, ...n);
@@ -352,15 +352,15 @@ function ie(e) {
     []
   );
 }
-function xe({ prop: e, defaultProp: t, onChange: n = () => {
+function Ie({ prop: e, defaultProp: t, onChange: n = () => {
 } }) {
-  const [o, s] = st({
+  const [o, s] = at({
     defaultProp: t,
     onChange: n
-  }), r = e !== void 0, c = r ? e : o, a = ie(n), u = V((i) => {
+  }), r = e !== void 0, c = r ? e : o, a = ie(n), u = U((i) => {
     if (r) {
-      const l = typeof i == "function" ? i(e) : i;
-      l !== e && a(l);
+      const d = typeof i == "function" ? i(e) : i;
+      d !== e && a(d);
     } else s(i);
   }, [
     r,
@@ -373,9 +373,9 @@ function xe({ prop: e, defaultProp: t, onChange: n = () => {
     u
   ];
 }
-function st({ defaultProp: e, onChange: t }) {
-  const n = D(e), [o] = n, s = R(o), r = ie(t);
-  return P(() => {
+function at({ defaultProp: e, onChange: t }) {
+  const n = O(e), [o] = n, s = R(o), r = ie(t);
+  return N(() => {
     s.current !== o && (r(o), s.current = o);
   }, [
     o,
@@ -383,155 +383,155 @@ function st({ defaultProp: e, onChange: t }) {
     r
   ]), n;
 }
-const at = /* @__PURE__ */ ne(void 0);
+const it = /* @__PURE__ */ ne(void 0);
 function Ce(e) {
-  const t = me(at);
+  const t = _e(it);
   return e || t || "ltr";
 }
-const te = "rovingFocusGroup.onEntryFocus", it = {
+const te = "rovingFocusGroup.onEntryFocus", ut = {
   bubbles: !1,
   cancelable: !0
-}, 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, {
+}, ue = "RovingFocusGroup", [ce, ye, lt] = rt(ue), [dt, Se] = ae(ue, [
+  lt
+]), [ft, pt] = dt(ue), bt = /* @__PURE__ */ w((e, t) => /* @__PURE__ */ g(ce.Provider, {
   scope: e.__scopeRovingFocusGroup
-}, /* @__PURE__ */ x(ce.Slot, {
+}, /* @__PURE__ */ g(ce.Slot, {
   scope: e.__scopeRovingFocusGroup
-}, /* @__PURE__ */ x(bt, I({}, e, {
+}, /* @__PURE__ */ g($t, 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, ...p } = e, l = R(null), $ = Y(t, l), v = Ce(r), [d = null, b] = xe({
+}))))), $t = /* @__PURE__ */ w((e, t) => {
+  const { __scopeRovingFocusGroup: n, orientation: o, loop: s = !1, dir: r, currentTabStopId: c, defaultCurrentTabStopId: a, onCurrentTabStopIdChange: u, onEntryFocus: i, ...p } = e, d = R(null), v = X(t, d), m = Ce(r), [f = null, h] = Ie({
     prop: c,
     defaultProp: a,
     onChange: u
-  }), [m, _] = D(!1), h = ie(i), O = 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);
+  }), [$, b] = O(!1), _ = ie(i), D = ye(n), y = R(!1), [j, V] = O(0);
+  return N(() => {
+    const x = d.current;
+    if (x)
+      return x.addEventListener(te, _), () => x.removeEventListener(te, _);
   }, [
-    h
-  ]), /* @__PURE__ */ x(dt, {
+    _
+  ]), /* @__PURE__ */ g(ft, {
     scope: n,
     orientation: o,
-    dir: v,
+    dir: m,
     loop: s,
-    currentTabStopId: d,
-    onItemFocus: V(
-      (C) => b(C),
+    currentTabStopId: f,
+    onItemFocus: U(
+      (x) => h(x),
       [
-        b
+        h
       ]
     ),
-    onItemShiftTab: V(
-      () => _(!0),
+    onItemShiftTab: U(
+      () => b(!0),
       []
     ),
-    onFocusableItemAdd: V(
-      () => z(
-        (C) => C + 1
+    onFocusableItemAdd: U(
+      () => V(
+        (x) => x + 1
       ),
       []
     ),
-    onFocusableItemRemove: V(
-      () => z(
-        (C) => C - 1
+    onFocusableItemRemove: U(
+      () => V(
+        (x) => x - 1
       ),
       []
     )
-  }, /* @__PURE__ */ x(j.div, I({
-    tabIndex: m || q === 0 ? -1 : 0,
+  }, /* @__PURE__ */ g(G.div, C({
+    tabIndex: $ || j === 0 ? -1 : 0,
     "data-orientation": o
   }, p, {
-    ref: $,
+    ref: v,
     style: {
       outline: "none",
       ...e.style
     },
     onMouseDown: F(e.onMouseDown, () => {
-      T.current = !0;
+      y.current = !0;
     }),
-    onFocus: F(e.onFocus, (C) => {
-      const H = !T.current;
-      if (C.target === C.currentTarget && H && !m) {
-        const B = new CustomEvent(te, it);
-        if (C.currentTarget.dispatchEvent(B), !B.defaultPrevented) {
-          const L = O().filter(
-            (g) => g.focusable
-          ), X = L.find(
-            (g) => g.active
-          ), J = L.find(
-            (g) => g.id === d
-          ), f = [
-            X,
-            J,
-            ...L
+    onFocus: F(e.onFocus, (x) => {
+      const W = !y.current;
+      if (x.target === x.currentTarget && W && !$) {
+        const k = new CustomEvent(te, ut);
+        if (x.currentTarget.dispatchEvent(k), !k.defaultPrevented) {
+          const q = D().filter(
+            (l) => l.focusable
+          ), z = q.find(
+            (l) => l.active
+          ), Q = q.find(
+            (l) => l.id === f
+          ), Y = [
+            z,
+            Q,
+            ...q
           ].filter(Boolean).map(
-            (g) => g.ref.current
+            (l) => l.ref.current
           );
-          Se(f);
+          we(Y);
         }
       }
-      T.current = !1;
+      y.current = !1;
     }),
     onBlur: F(
       e.onBlur,
-      () => _(!1)
+      () => b(!1)
     )
   })));
-}), $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 = Ie(n), { onFocusableItemAdd: $, onFocusableItemRemove: v } = i;
-  return P(() => {
+}), vt = "RovingFocusGroupItem", mt = /* @__PURE__ */ w((e, t) => {
+  const { __scopeRovingFocusGroup: n, focusable: o = !0, active: s = !1, tabStopId: r, ...c } = e, a = xe(), u = r || a, i = pt(vt, n), p = i.currentTabStopId === u, d = ye(n), { onFocusableItemAdd: v, onFocusableItemRemove: m } = i;
+  return N(() => {
     if (o)
-      return $(), () => v();
+      return v(), () => m();
   }, [
     o,
-    $,
-    v
-  ]), /* @__PURE__ */ x(ce.ItemSlot, {
+    v,
+    m
+  ]), /* @__PURE__ */ g(ce.ItemSlot, {
     scope: n,
     id: u,
     focusable: o,
     active: s
-  }, /* @__PURE__ */ x(j.span, I({
+  }, /* @__PURE__ */ g(G.span, C({
     tabIndex: p ? 0 : -1,
     "data-orientation": i.orientation
   }, c, {
     ref: t,
-    onMouseDown: F(e.onMouseDown, (d) => {
-      o ? i.onItemFocus(u) : d.preventDefault();
+    onMouseDown: F(e.onMouseDown, (f) => {
+      o ? i.onItemFocus(u) : f.preventDefault();
     }),
     onFocus: F(
       e.onFocus,
       () => i.onItemFocus(u)
     ),
-    onKeyDown: F(e.onKeyDown, (d) => {
-      if (d.key === "Tab" && d.shiftKey) {
+    onKeyDown: F(e.onKeyDown, (f) => {
+      if (f.key === "Tab" && f.shiftKey) {
         i.onItemShiftTab();
         return;
       }
-      if (d.target !== d.currentTarget) return;
-      const b = gt(d, i.orientation, i.dir);
-      if (b !== void 0) {
-        d.preventDefault();
-        let _ = l().filter(
-          (h) => h.focusable
+      if (f.target !== f.currentTarget) return;
+      const h = ht(f, i.orientation, i.dir);
+      if (h !== void 0) {
+        f.preventDefault();
+        let b = d().filter(
+          (_) => _.focusable
         ).map(
-          (h) => h.ref.current
+          (_) => _.ref.current
         );
-        if (b === "last") _.reverse();
-        else if (b === "prev" || b === "next") {
-          b === "prev" && _.reverse();
-          const h = _.indexOf(d.currentTarget);
-          _ = i.loop ? ht(_, h + 1) : _.slice(h + 1);
+        if (h === "last") b.reverse();
+        else if (h === "prev" || h === "next") {
+          h === "prev" && b.reverse();
+          const _ = b.indexOf(f.currentTarget);
+          b = i.loop ? xt(b, _ + 1) : b.slice(_ + 1);
         }
         setTimeout(
-          () => Se(_)
+          () => we(b)
         );
       }
     })
   })));
-}), mt = {
+}), _t = {
   ArrowLeft: "prev",
   ArrowUp: "prev",
   ArrowRight: "next",
@@ -541,11 +541,11 @@ const te = "rovingFocusGroup.onEntryFocus", it = {
   PageDown: "last",
   End: "last"
 };
-function _t(e, t) {
+function gt(e, t) {
   return t !== "rtl" ? e : e === "ArrowLeft" ? "ArrowRight" : e === "ArrowRight" ? "ArrowLeft" : e;
 }
-function gt(e, t, n) {
-  const o = _t(e.key, n);
+function ht(e, t, n) {
+  const o = gt(e.key, n);
   if (!(t === "vertical" && [
     "ArrowLeft",
     "ArrowRight"
@@ -553,36 +553,36 @@ function gt(e, t, n) {
     "ArrowUp",
     "ArrowDown"
   ].includes(o)))
-    return mt[o];
+    return _t[o];
 }
-function Se(e) {
+function we(e) {
   const t = document.activeElement;
   for (const n of e)
     if (n === t || (n.focus(), document.activeElement !== t)) return;
 }
-function ht(e, t) {
+function xt(e, t) {
   return e.map(
     (n, o) => e[(t + o) % e.length]
   );
 }
-const xt = pt, Ct = vt;
-function It(e, t) {
-  return qe((n, o) => {
+const It = bt, Ct = mt;
+function yt(e, t) {
+  return Le((n, o) => {
     const s = t[n][o];
     return s ?? n;
   }, e);
 }
-const we = (e) => {
-  const { present: t, children: n } = e, o = yt(t), s = typeof n == "function" ? n({
+const Te = (e) => {
+  const { present: t, children: n } = e, o = St(t), s = typeof n == "function" ? n({
     present: o.isPresent
-  }) : E.only(n), r = Y(o.ref, s.ref);
+  }) : P.only(n), r = X(o.ref, s.ref);
   return typeof n == "function" || o.isPresent ? /* @__PURE__ */ se(s, {
     ref: r
   }) : null;
 };
-we.displayName = "Presence";
-function yt(e) {
-  const [t, n] = D(), o = R({}), s = R(e), r = R("none"), c = e ? "mounted" : "unmounted", [a, u] = It(c, {
+Te.displayName = "Presence";
+function St(e) {
+  const [t, n] = O(), o = R({}), s = R(e), r = R("none"), c = e ? "mounted" : "unmounted", [a, u] = yt(c, {
     mounted: {
       UNMOUNT: "unmounted",
       ANIMATION_OUT: "unmountSuspended"
@@ -595,29 +595,29 @@ function yt(e) {
       MOUNT: "mounted"
     }
   });
-  return P(() => {
-    const i = K(o.current);
+  return N(() => {
+    const i = Z(o.current);
     r.current = a === "mounted" ? i : "none";
   }, [
     a
   ]), oe(() => {
     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(p && $ !== v ? "ANIMATION_OUT" : "UNMOUNT"), s.current = e;
+      const v = r.current, m = Z(i);
+      e ? u("MOUNT") : m === "none" || (i == null ? void 0 : i.display) === "none" ? u("UNMOUNT") : u(p && v !== m ? "ANIMATION_OUT" : "UNMOUNT"), s.current = e;
     }
   }, [
     e,
     u
   ]), oe(() => {
     if (t) {
-      const i = (l) => {
-        const v = K(o.current).includes(l.animationName);
-        l.target === t && v && Le(
+      const i = (d) => {
+        const m = Z(o.current).includes(d.animationName);
+        d.target === t && m && Ue(
           () => u("ANIMATION_END")
         );
-      }, p = (l) => {
-        l.target === t && (r.current = K(o.current));
+      }, p = (d) => {
+        d.target === t && (r.current = Z(o.current));
       };
       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);
@@ -632,58 +632,58 @@ function yt(e) {
       "mounted",
       "unmountSuspended"
     ].includes(a),
-    ref: V((i) => {
+    ref: U((i) => {
       i && (o.current = getComputedStyle(i)), n(i);
     }, [])
   };
 }
-function K(e) {
+function Z(e) {
   return (e == null ? void 0 : e.animationName) || "none";
 }
-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 = Ce(a), [l, $] = xe({
+const Ne = "Tabs", [wt, nn] = ae(Ne, [
+  Se
+]), Ae = Se(), [Tt, le] = wt(Ne), Nt = /* @__PURE__ */ w((e, t) => {
+  const { __scopeTabs: n, value: o, onValueChange: s, defaultValue: r, orientation: c = "horizontal", dir: a, activationMode: u = "automatic", ...i } = e, p = Ce(a), [d, v] = Ie({
     prop: o,
     onChange: s,
     defaultProp: r
   });
-  return /* @__PURE__ */ x(wt, {
+  return /* @__PURE__ */ g(Tt, {
     scope: n,
-    baseId: he(),
-    value: l,
-    onValueChange: $,
+    baseId: xe(),
+    value: d,
+    onValueChange: v,
     orientation: c,
     dir: p,
     activationMode: u
-  }, /* @__PURE__ */ x(j.div, I({
+  }, /* @__PURE__ */ g(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({
+}), At = "TabsList", Et = /* @__PURE__ */ w((e, t) => {
+  const { __scopeTabs: n, loop: o = !0, ...s } = e, r = le(At, n), c = Ae(n);
+  return /* @__PURE__ */ g(It, C({
     asChild: !0
   }, c, {
     orientation: r.orientation,
     dir: r.dir,
     loop: o
-  }), /* @__PURE__ */ x(j.div, I({
+  }), /* @__PURE__ */ g(G.div, C({
     role: "tablist",
     "aria-orientation": r.orientation
   }, s, {
     ref: 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(Ct, I({
+}), Pt = "TabsTrigger", Rt = /* @__PURE__ */ w((e, t) => {
+  const { __scopeTabs: n, value: o, disabled: s = !1, ...r } = e, c = le(Pt, n), a = Ae(n), u = Ee(c.baseId, o), i = Pe(c.baseId, o), p = o === c.value;
+  return /* @__PURE__ */ g(Ct, C({
     asChild: !0
   }, a, {
     focusable: !s,
     active: p
-  }), /* @__PURE__ */ x(j.button, I({
+  }), /* @__PURE__ */ g(G.button, C({
     type: "button",
     role: "tab",
     "aria-selected": p,
@@ -694,60 +694,60 @@ const Te = "Tabs", [St, tn] = ae(Te, [
     id: u
   }, r, {
     ref: t,
-    onMouseDown: F(e.onMouseDown, (l) => {
-      !s && l.button === 0 && l.ctrlKey === !1 ? c.onValueChange(o) : l.preventDefault();
+    onMouseDown: F(e.onMouseDown, (d) => {
+      !s && d.button === 0 && d.ctrlKey === !1 ? c.onValueChange(o) : d.preventDefault();
     }),
-    onKeyDown: F(e.onKeyDown, (l) => {
+    onKeyDown: F(e.onKeyDown, (d) => {
       [
         " ",
         "Enter"
-      ].includes(l.key) && c.onValueChange(o);
+      ].includes(d.key) && c.onValueChange(o);
     }),
     onFocus: F(e.onFocus, () => {
-      const l = c.activationMode !== "manual";
-      !p && !s && l && c.onValueChange(o);
+      const d = c.activationMode !== "manual";
+      !p && !s && d && c.onValueChange(o);
     })
   })));
-}), 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
+}), Mt = "TabsContent", Ft = /* @__PURE__ */ w((e, t) => {
+  const { __scopeTabs: n, value: o, forceMount: s, children: r, ...c } = e, a = le(Mt, n), u = Ee(a.baseId, o), i = Pe(a.baseId, o), p = o === a.value, d = R(p);
+  return N(() => {
+    const v = requestAnimationFrame(
+      () => d.current = !1
     );
-    return () => cancelAnimationFrame($);
-  }, []), /* @__PURE__ */ x(
-    we,
+    return () => cancelAnimationFrame(v);
+  }, []), /* @__PURE__ */ g(
+    Te,
     {
       present: s || p
     },
-    ({ present: $ }) => /* @__PURE__ */ x(j.div, I({
+    ({ present: v }) => /* @__PURE__ */ g(G.div, C({
       "data-state": p ? "active" : "inactive",
       "data-orientation": a.orientation,
       role: "tabpanel",
       "aria-labelledby": u,
-      hidden: !$,
+      hidden: !v,
       id: i,
       tabIndex: 0
     }, c, {
       ref: t,
       style: {
         ...e.style,
-        animationDuration: l.current ? "0s" : void 0
+        animationDuration: d.current ? "0s" : void 0
       }
-    }), $ && r)
+    }), v && r)
   );
 });
-function Ae(e, t) {
+function Ee(e, t) {
   return `${e}-trigger-${t}`;
 }
-function Ee(e, t) {
+function Pe(e, t) {
   return `${e}-content-${t}`;
 }
-const Ft = Tt, Ot = At, Dt = Pt, qt = Mt;
-function Lt(e) {
+const Ot = Nt, Dt = Et, qt = Rt, Lt = Ft;
+function Ut(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var Pe = { exports: {} };
+var Re = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -782,29 +782,29 @@ var Pe = { exports: {} };
     }
     e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
   })();
-})(Pe);
-var Ut = Pe.exports;
-const de = /* @__PURE__ */ Lt(Ut), Vt = {
+})(Re);
+var Vt = Re.exports;
+const de = /* @__PURE__ */ Ut(Vt), Bt = {
   "purpur-tab-content": "_purpur-tab-content_1x2zs_1"
-}, Bt = de.bind(Vt), Gt = "purpur-tab-content", jt = S(
-  ({ children: e, tabId: t, "data-testid": n, className: o, ...s }, r) => /* @__PURE__ */ w(
-    qt,
+}, Gt = de.bind(Bt), jt = "purpur-tab-content", kt = w(
+  ({ children: e, tabId: t, "data-testid": n, className: o, ...s }, r) => /* @__PURE__ */ T(
+    Lt,
     {
       ref: r,
-      className: Bt([Gt, o]),
+      className: Gt([jt, o]),
       "data-testid": n,
       value: t,
       ...s,
       children: e
     }
   )
-), kt = (e) => !!e && k(e) && !!e.props.name && !!e.props.tabId, zt = {
+), zt = (e) => !!e && K(e) && !!e.props.name && !!e.props.tabId, Kt = {
   "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(
+}, Wt = de.bind(Kt), ve = "purpur-tab-header", Yt = w(
   ({
     index: e,
     tabId: t,
@@ -813,11 +813,11 @@ const de = /* @__PURE__ */ Lt(Ut), Vt = {
     onFocus: s,
     "data-testid": r,
     children: c
-  }, a) => /* @__PURE__ */ w(
-    Dt,
+  }, a) => /* @__PURE__ */ T(
+    qt,
     {
       id: `${t}-trigger`,
-      className: Kt([$e, `${$e}--${n}${o ? "-negative" : ""}`]),
+      className: Wt([ve, `${ve}--${n}${o ? "-negative" : ""}`]),
       value: t,
       "data-testid": r,
       "data-index": e,
@@ -826,7 +826,7 @@ const de = /* @__PURE__ */ Lt(Ut), Vt = {
       children: c
     }
   )
-), Yt = {
+), Zt = {
   "purpur-tabs__wrapper": "_purpur-tabs__wrapper_1dpqy_1",
   "purpur-tabs__scroll-button": "_purpur-tabs__scroll-button_1dpqy_9",
   "purpur-tabs__scroll-button--left": "_purpur-tabs__scroll-button--left_1dpqy_63",
@@ -841,14 +841,14 @@ const de = /* @__PURE__ */ Lt(Ut), Vt = {
   "purpur-tabs--contained-negative": "_purpur-tabs--contained-negative_1dpqy_103",
   "purpur-tabs__content-container": "_purpur-tabs__content-container_1dpqy_106",
   "purpur-tabs--fullWidth": "_purpur-tabs--fullWidth_1dpqy_115"
-}, nn = ["line", "contained"], Zt = (e) => new CustomEvent("tabChangeDetail", { detail: { value: e } }), U = de.bind(Yt), y = "purpur-tabs", Ht = (e, t) => {
+}, rn = ["line", "contained"], Ht = (e) => new CustomEvent("tabChangeDetail", { detail: { value: e } }), L = de.bind(Zt), S = "purpur-tabs", Xt = (e, t) => {
   var u;
   if (typeof (e == null ? void 0 : e.getBoundingClientRect) != "function" || typeof (t == null ? void 0 : t.scroll) != "function")
     return;
   const n = e.getBoundingClientRect(), o = t.getBoundingClientRect(), s = t.clientWidth, r = parseInt((u = getComputedStyle(t).borderLeftWidth) == null ? void 0 : u.split("px")[0], 10), c = o.left + (isNaN(r) ? 0 : r);
   let a;
   n.right > o.right && (a = n.left + t.scrollLeft, a = a + n.width - s + s * 0.1, a = a - c), n.left < o.left && (a = n.left + t.scrollLeft, a = a - s * 0.1, a = a - c), a !== void 0 && t.scroll({ left: a, behavior: "smooth" });
-}, Xt = ({
+}, Jt = ({
   children: e,
   variant: t = "line",
   negative: n = !1,
@@ -857,136 +857,142 @@ const de = /* @__PURE__ */ Lt(Ut), Vt = {
   className: r,
   defaultValue: c,
   "data-testid": a,
-  ...u
+  value: u,
+  ...i
 }) => {
-  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, O = t === "line", T = U([
-    y,
-    `${y}--${t}${n ? "-negative" : ""}`,
-    { [`${y}--fullWidth`]: o },
+  const [p, d] = O({}), [v, m] = O(0), [f, h] = O(0), $ = P.toArray(e).filter(zt), b = R(), _ = R(new Array($.length)), D = 200, y = t === "line", j = L([
+    S,
+    `${S}--${t}${n ? "-negative" : ""}`,
+    { [`${S}--fullWidth`]: o },
     r
-  ]), q = E.map(b, ({ props: { tabId: f } }) => f), z = () => {
-    const f = q.findIndex((g) => g === c);
-    return f >= 0 ? f : 0;
-  }, [C, H] = D(z);
-  if (new Set(q).size !== q.length)
+  ]), V = P.map($, ({ props: { tabId: l } }) => l), x = () => {
+    const l = V.findIndex((I) => I === c);
+    return l >= 0 ? l : 0;
+  };
+  N(() => {
+    u && k($.findIndex((l) => l.props.tabId === u));
+  }, [$, u]);
+  const [W, k] = O(x);
+  if (new Set(V).size !== V.length)
     throw new Error("tabId must be unique");
-  const B = (f, g) => g || a ? `${g || a}-${f}` : void 0, L = () => {
-    if (!O)
+  const q = (l, I) => I || a ? `${I || a}-${l}` : void 0, z = () => {
+    if (!y)
       return;
-    const f = _.current[C];
-    $((f == null ? void 0 : f.offsetLeft) || 0), d((f == null ? void 0 : f.getBoundingClientRect().width) || 0);
-  }, X = (f) => {
-    O && H(b.findIndex((g) => g.props.tabId === f)), s == null || s(Zt(f));
-  }, J = (f) => {
-    if (m != null && m.current) {
-      const { scrollLeft: g } = m.current, G = f === "left" ? -h : h;
-      m.current.scroll({ left: g + G, behavior: "smooth" });
+    const l = _.current[W];
+    m((l == null ? void 0 : l.offsetLeft) || 0), h((l == null ? void 0 : l.getBoundingClientRect().width) || 0);
+  }, Q = (l) => {
+    y && !u && k($.findIndex((I) => I.props.tabId === l)), s == null || s(Ht(l));
+  }, fe = (l) => {
+    if (b != null && b.current) {
+      const { scrollLeft: I } = b.current, B = l === "left" ? -D : D;
+      b.current.scroll({ left: I + B, behavior: "smooth" });
     }
-  }, Q = ({ side: f }) => /* @__PURE__ */ w(
+  }, Y = ({ side: l }) => /* @__PURE__ */ T(
     "button",
     {
-      className: U(`${y}__scroll-button`, `${y}__scroll-button--${f}`),
-      onClick: () => J(f),
+      className: L(`${S}__scroll-button`, `${S}__scroll-button--${l}`),
+      onClick: () => fe(l),
       type: "button",
       "aria-hidden": "true",
       tabIndex: -1,
-      "data-testid": B("scroll-button"),
-      children: /* @__PURE__ */ w(He, { svg: f === "left" ? je : ke, size: "md" })
+      "data-testid": q("scroll-button"),
+      children: /* @__PURE__ */ T(Xe, { svg: l === "left" ? ke : ze, size: "md" })
     }
   );
-  return P(() => (window.addEventListener("resize", L), () => {
-    window.removeEventListener("resize", L);
-  }), []), P(() => {
-    L();
-  }, [C, o, b.length, t]), P(() => {
-    const f = (M) => {
-      if (M.every((N) => N.isIntersecting) && M.length === b.length) {
-        p({});
+  return N(() => (window.addEventListener("resize", z), () => {
+    window.removeEventListener("resize", z);
+  }), []), N(() => {
+    z();
+  }, [W, o, $.length, t]), N(() => {
+    const l = (M) => {
+      if (M.every((A) => A.isIntersecting) && M.length === $.length) {
+        d({});
         return;
       }
-      M.forEach((N) => {
-        const pe = Number(N.target.getAttribute("data-index")), Re = pe === 0, Me = pe === b.length - 1;
-        p((Fe) => ({
-          ...Fe,
-          ...Re && {
-            [`${y}__wrapper--scroll-end`]: !N.isIntersecting
-          },
+      M.forEach((A) => {
+        const be = Number(A.target.getAttribute("data-index")), Me = be === 0, Fe = be === $.length - 1;
+        d((Oe) => ({
+          ...Oe,
           ...Me && {
-            [`${y}__wrapper--scroll-start`]: !N.isIntersecting
+            [`${S}__wrapper--scroll-end`]: !A.isIntersecting
+          },
+          ...Fe && {
+            [`${S}__wrapper--scroll-start`]: !A.isIntersecting
           }
         }));
       });
-    }, g = new IntersectionObserver(f, {
+    }, I = new IntersectionObserver(l, {
       threshold: [0.99],
-      root: m.current
-    }), G = _.current;
-    return G.forEach((M) => g.observe(M)), () => {
-      G.forEach((M) => g.unobserve(M));
+      root: b.current
+    }), B = _.current;
+    return B.forEach((M) => I.observe(M)), () => {
+      B.forEach((M) => I.unobserve(M));
     };
-  }, [b.length]), /* @__PURE__ */ w(
-    Ft,
+  }, [$.length]), /* @__PURE__ */ T(
+    Ot,
     {
-      defaultValue: c ?? b[0].props.tabId,
-      onValueChange: X,
+      defaultValue: c ?? $[0].props.tabId,
+      onValueChange: Q,
       "data-testid": a,
-      className: T,
-      ...u,
-      children: /* @__PURE__ */ ee("div", { className: U(`${y}__container`), children: [
-        /* @__PURE__ */ ee("div", { className: U([`${y}__wrapper`, i]), children: [
+      className: j,
+      value: u,
+      ...i,
+      children: /* @__PURE__ */ ee("div", { className: L(`${S}__container`), children: [
+        /* @__PURE__ */ ee("div", { className: L([`${S}__wrapper`, p]), children: [
           /* @__PURE__ */ ee(
-            Ot,
+            Dt,
             {
-              ref: (f) => {
-                m.current = f;
+              ref: (l) => {
+                b.current = l;
               },
-              className: U(`${y}__list`),
+              className: L(`${S}__list`),
               children: [
-                E.map(b, (f, g) => {
-                  const { name: G, tabId: M, "data-testid": fe } = f.props;
-                  return /* @__PURE__ */ w(
-                    Wt,
+                P.map($, (l, I) => {
+                  const { name: B, tabId: M, "data-testid": pe } = l.props;
+                  return /* @__PURE__ */ T(
+                    Yt,
                     {
-                      "data-testid": B("header", fe),
-                      index: g,
+                      "data-testid": q("header", pe),
+                      index: I,
                       tabId: M,
-                      ref: (N) => {
-                        N && (_.current[g] = N);
+                      ref: (A) => {
+                        A && (_.current[I] = A);
                       },
-                      onFocus: (N) => {
-                        Ht(N.target, m.current);
+                      onFocus: (A) => {
+                        Xt(A.target, b.current);
                       },
                       variant: t,
                       negative: n,
-                      children: G
+                      children: B
                     }
                   );
                 }),
-                O && /* @__PURE__ */ w(
+                y && /* @__PURE__ */ T(
                   "div",
                   {
-                    className: U(`${y}__selected-border`),
+                    className: L(`${S}__selected-border`),
                     style: {
-                      width: v,
-                      transform: `translateX(${l}px)`
+                      width: f,
+                      transform: `translateX(${v}px)`
                     },
-                    "data-testid": B("selected-border")
+                    "data-testid": q("selected-border")
                   }
                 )
               ]
             }
           ),
-          /* @__PURE__ */ w(Q, { side: "left" }),
-          /* @__PURE__ */ w(Q, { side: "right" })
+          /* @__PURE__ */ T(Y, { side: "left" }),
+          /* @__PURE__ */ T(Y, { side: "right" })
         ] }),
-        /* @__PURE__ */ w("div", { className: U(`${y}__content-container`), children: E.map(b, (f) => f) })
+        /* @__PURE__ */ T("div", { className: L(`${S}__content-container`), children: P.map($, (l) => l) })
       ] })
     }
   );
 };
-Xt.Content = jt;
+Jt.Content = kt;
 export {
-  Xt as Tabs,
-  Zt as createTabChangeDetailEvent,
-  nn as tabsVariants
+  Jt as Tabs,
+  Ht as createTabChangeDetailEvent,
+  rn as tabsVariants
 };
 //# sourceMappingURL=tabs.es.js.map