@purpurds/tabs 4.2.0 → 4.4.0

package/dist/tabs.es.js

@@ -1,11 +1,11 @@
-import { jsx as N, jsxs as J } from "react/jsx-runtime";
-import * as fe from "react";
-import E, { createContext as ee, useMemo as Y, createElement as g, useContext as pe, useCallback as U, forwardRef as T, Children as P, isValidElement as k, cloneElement as oe, Fragment as Pe, useLayoutEffect as Re, useEffect as R, useRef as M, useState as D, useReducer as Me } from "react";
-import { flushSync as Fe } from "react-dom";
-function Oe(e) {
+import { jsx as N, jsxs as Q } from "react/jsx-runtime";
+import * as be from "react";
+import A, { createContext as te, useMemo as Z, createElement as h, useContext as $e, useCallback as L, forwardRef as T, Children as E, isValidElement as K, cloneElement as ce, Fragment as Me, useLayoutEffect as Oe, useEffect as R, useRef as P, useState as O, useReducer as Fe } from "react";
+import { flushSync as De } from "react-dom";
+function qe(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var be = { exports: {} };
+var ve = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -40,9 +40,9 @@ var be = { exports: {} };
     }
     e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
   })();
-})(be);
-var De = be.exports;
-const qe = /* @__PURE__ */ Oe(De), Le = {
+})(ve);
+var Le = ve.exports;
+const Ue = /* @__PURE__ */ qe(Le), Ve = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -50,36 +50,36 @@ const qe = /* @__PURE__ */ Oe(De), Le = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, Ue = {
+}, Be = {
   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"
-}, Ve = {
+}, je = {
   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"
-}, Be = qe.bind(Le), le = "purpur-icon", je = "md", Ge = (e) => e.filter((t) => Object.keys(t).length >= 1).map((t) => `${t.name}="${t.value}"`).join(" "), ke = ({ content: e = "", title: t } = {}) => {
+}, Ge = Ue.bind(Ve), fe = "purpur-icon", ke = "md", ze = (e) => e.filter((t) => Object.keys(t).length >= 1).map((t) => `${t.name}="${t.value}"`).join(" "), Ke = ({ 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 ${Ge(n)}>${o}${e}</svg>`;
-}, Ke = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), ze = ({
+  return `<svg ${ze(n)}>${o}${e}</svg>`;
+}, We = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Ye = ({
   ["data-testid"]: e,
   svg: t,
   allyTitle: n,
   className: o = "",
-  size: s = je,
+  size: s = ke,
   ...r
 }) => {
-  const c = ke({
-    content: Ke(t.svg),
+  const c = Ke({
+    content: We(t.svg),
     title: n
-  }), a = Be(o, le, `${le}--${s}`);
+  }), a = Ge(o, fe, `${fe}--${s}`);
   return /* @__PURE__ */ N(
     "span",
     {
@@ -101,36 +101,36 @@ function y() {
     return e;
   }, y.apply(this, arguments);
 }
-function F(e, t, { checkForDefaultPrevented: n = !0 } = {}) {
+function M(e, t, { checkForDefaultPrevented: n = !0 } = {}) {
   return function(s) {
     if (e == null || e(s), n === !1 || !s.defaultPrevented)
       return t == null ? void 0 : t(s);
   };
 }
-function ce(e, t = []) {
+function se(e, t = []) {
   let n = [];
   function o(r, c) {
-    const a = /* @__PURE__ */ ee(c), u = n.length;
+    const a = /* @__PURE__ */ te(c), u = n.length;
     n = [
       ...n,
       c
     ];
-    function i(l) {
-      const { scope: $, children: m, ...d } = l, b = ($ == null ? void 0 : $[e][u]) || a, _ = Y(
-        () => d,
-        Object.values(d)
+    function i(d) {
+      const { scope: b, children: v, ...l } = d, $ = (b == null ? void 0 : b[e][u]) || a, g = Z(
+        () => l,
+        Object.values(l)
       );
-      return /* @__PURE__ */ g(b.Provider, {
-        value: _
-      }, m);
+      return /* @__PURE__ */ h($.Provider, {
+        value: g
+      }, v);
     }
-    function f(l, $) {
-      const m = ($ == null ? void 0 : $[e][u]) || a, d = pe(m);
-      if (d)
-        return d;
+    function f(d, b) {
+      const v = (b == null ? void 0 : b[e][u]) || a, l = $e(v);
+      if (l)
+        return l;
       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,
@@ -138,10 +138,10 @@ function ce(e, t = []) {
     ];
   }
   const s = () => {
-    const r = n.map((c) => /* @__PURE__ */ ee(c));
+    const r = n.map((c) => /* @__PURE__ */ te(c));
     return function(a) {
       const u = (a == null ? void 0 : a[e]) || r;
-      return Y(
+      return Z(
         () => ({
           [`__scope${e}`]: {
             ...a,
@@ -157,10 +157,10 @@ function ce(e, t = []) {
   };
   return s.scopeName = e, [
     o,
-    We(s, ...t)
+    Ze(s, ...t)
   ];
 }
-function We(...e) {
+function Ze(...e) {
   const t = e[0];
   if (e.length === 1)
     return t;
@@ -173,13 +173,13 @@ function We(...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 Y(
+      return Z(
         () => ({
           [`__scope${t.scopeName}`]: c
         }),
@@ -191,43 +191,43 @@ function We(...e) {
   };
   return n.scopeName = t.scopeName, n;
 }
-function Ye(e, t) {
+function He(e, t) {
   typeof e == "function" ? e(t) : e != null && (e.current = t);
 }
-function $e(...e) {
+function me(...e) {
   return (t) => e.forEach(
-    (n) => Ye(n, t)
+    (n) => He(n, t)
   );
 }
 function H(...e) {
-  return U($e(...e), e);
+  return L(me(...e), e);
 }
-const Z = /* @__PURE__ */ T((e, t) => {
-  const { children: n, ...o } = e, s = P.toArray(n), r = s.find(Ze);
+const X = /* @__PURE__ */ T((e, t) => {
+  const { children: n, ...o } = e, s = E.toArray(n), r = s.find(Je);
   if (r) {
-    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(te, y({}, o, {
+    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__ */ h(ne, y({}, o, {
       ref: t
-    }), /* @__PURE__ */ k(c) ? /* @__PURE__ */ oe(c, void 0, a) : null);
+    }), /* @__PURE__ */ K(c) ? /* @__PURE__ */ ce(c, void 0, a) : null);
   }
-  return /* @__PURE__ */ g(te, y({}, o, {
+  return /* @__PURE__ */ h(ne, y({}, o, {
     ref: t
   }), n);
 });
-Z.displayName = "Slot";
-const te = /* @__PURE__ */ T((e, t) => {
+X.displayName = "Slot";
+const ne = /* @__PURE__ */ T((e, t) => {
   const { children: n, ...o } = e;
-  return /* @__PURE__ */ k(n) ? /* @__PURE__ */ oe(n, {
-    ...Xe(o, n.props),
-    ref: t ? $e(t, n.ref) : n.ref
-  }) : P.count(n) > 1 ? P.only(null) : null;
+  return /* @__PURE__ */ K(n) ? /* @__PURE__ */ ce(n, {
+    ...Qe(o, n.props),
+    ref: t ? me(t, n.ref) : n.ref
+  }) : E.count(n) > 1 ? E.only(null) : null;
 });
-te.displayName = "SlotClone";
-const He = ({ children: e }) => /* @__PURE__ */ g(Pe, null, e);
-function Ze(e) {
-  return /* @__PURE__ */ k(e) && e.type === He;
+ne.displayName = "SlotClone";
+const Xe = ({ children: e }) => /* @__PURE__ */ h(Me, null, e);
+function Je(e) {
+  return /* @__PURE__ */ K(e) && e.type === Xe;
 }
-function Xe(e, t) {
+function Qe(e, t) {
   const n = {
     ...t
   };
@@ -248,74 +248,74 @@ function Xe(e, t) {
     ...n
   };
 }
-function Je(e) {
-  const t = e + "CollectionProvider", [n, o] = ce(t), [s, r] = n(t, {
+function et(e) {
+  const t = e + "CollectionProvider", [n, o] = se(t), [s, r] = n(t, {
     collectionRef: {
       current: null
     },
     itemMap: /* @__PURE__ */ new Map()
-  }), c = (m) => {
-    const { scope: d, children: b } = m, _ = E.useRef(null), v = E.useRef(/* @__PURE__ */ new Map()).current;
-    return /* @__PURE__ */ E.createElement(s, {
-      scope: d,
-      itemMap: v,
-      collectionRef: _
-    }, b);
-  }, a = e + "CollectionSlot", u = /* @__PURE__ */ E.forwardRef((m, d) => {
-    const { scope: b, children: _ } = m, v = r(a, b), h = H(d, v.collectionRef);
-    return /* @__PURE__ */ E.createElement(Z, {
-      ref: h
-    }, _);
-  }), i = e + "CollectionItemSlot", f = "data-radix-collection-item", l = /* @__PURE__ */ E.forwardRef((m, d) => {
-    const { scope: b, children: _, ...v } = m, h = E.useRef(null), O = H(d, h), A = r(i, b);
-    return E.useEffect(() => (A.itemMap.set(h, {
-      ref: h,
-      ...v
-    }), () => void A.itemMap.delete(h))), /* @__PURE__ */ E.createElement(Z, {
+  }), c = (v) => {
+    const { scope: l, children: $ } = v, g = A.useRef(null), m = A.useRef(/* @__PURE__ */ new Map()).current;
+    return /* @__PURE__ */ A.createElement(s, {
+      scope: l,
+      itemMap: m,
+      collectionRef: g
+    }, $);
+  }, a = e + "CollectionSlot", u = /* @__PURE__ */ A.forwardRef((v, l) => {
+    const { scope: $, children: g } = v, m = r(a, $), _ = H(l, m.collectionRef);
+    return /* @__PURE__ */ A.createElement(X, {
+      ref: _
+    }, g);
+  }), i = e + "CollectionItemSlot", f = "data-radix-collection-item", d = /* @__PURE__ */ A.forwardRef((v, l) => {
+    const { scope: $, children: g, ...m } = v, _ = A.useRef(null), U = H(l, _), S = r(i, $);
+    return A.useEffect(() => (S.itemMap.set(_, {
+      ref: _,
+      ...m
+    }), () => void S.itemMap.delete(_))), /* @__PURE__ */ A.createElement(X, {
       [f]: "",
-      ref: O
-    }, _);
+      ref: U
+    }, g);
   });
-  function $(m) {
-    const d = r(e + "CollectionConsumer", m);
-    return E.useCallback(() => {
-      const _ = d.collectionRef.current;
-      if (!_)
+  function b(v) {
+    const l = r(e + "CollectionConsumer", v);
+    return A.useCallback(() => {
+      const g = l.collectionRef.current;
+      if (!g)
         return [];
-      const v = Array.from(_.querySelectorAll(`[${f}]`));
-      return Array.from(d.itemMap.values()).sort(
-        (A, V) => v.indexOf(A.ref.current) - v.indexOf(V.ref.current)
+      const m = Array.from(g.querySelectorAll(`[${f}]`));
+      return Array.from(l.itemMap.values()).sort(
+        (S, j) => m.indexOf(S.ref.current) - m.indexOf(j.ref.current)
       );
     }, [
-      d.collectionRef,
-      d.itemMap
+      l.collectionRef,
+      l.itemMap
     ]);
   }
   return [
     {
       Provider: c,
       Slot: u,
-      ItemSlot: l
+      ItemSlot: d
     },
-    $,
+    b,
     o
   ];
 }
-const ne = globalThis != null && globalThis.document ? Re : () => {
-}, Qe = fe.useId || (() => {
+const re = globalThis != null && globalThis.document ? Oe : () => {
+}, tt = be.useId || (() => {
 });
-let et = 0;
-function ve(e) {
-  const [t, n] = fe.useState(Qe());
-  return ne(() => {
+let nt = 0;
+function _e(e) {
+  const [t, n] = be.useState(tt());
+  return re(() => {
     e || n(
-      (o) => o ?? String(et++)
+      (o) => o ?? String(nt++)
     );
   }, [
     e
   ]), e || (t ? `radix-${t}` : "");
 }
-const tt = [
+const rt = [
   "a",
   "button",
   "div",
@@ -332,12 +332,12 @@ const tt = [
   "span",
   "svg",
   "ul"
-], G = tt.reduce((e, t) => {
+], B = rt.reduce((e, t) => {
   const n = /* @__PURE__ */ T((o, s) => {
-    const { asChild: r, ...c } = o, a = r ? Z : t;
+    const { asChild: r, ...c } = o, a = r ? X : t;
     return R(() => {
       window[Symbol.for("radix-ui")] = !0;
-    }, []), /* @__PURE__ */ g(a, y({}, c, {
+    }, []), /* @__PURE__ */ h(a, y({}, c, {
       ref: s
     }));
   });
@@ -346,11 +346,11 @@ const tt = [
     [t]: n
   };
 }, {});
-function se(e) {
-  const t = M(e);
+function ae(e) {
+  const t = P(e);
   return R(() => {
     t.current = e;
-  }), Y(
+  }), Z(
     () => (...n) => {
       var o;
       return (o = t.current) === null || o === void 0 ? void 0 : o.call(t, ...n);
@@ -358,15 +358,15 @@ function se(e) {
     []
   );
 }
-function me({ prop: e, defaultProp: t, onChange: n = () => {
+function he({ prop: e, defaultProp: t, onChange: n = () => {
 } }) {
-  const [o, s] = nt({
+  const [o, s] = ot({
     defaultProp: t,
     onChange: n
-  }), r = e !== void 0, c = r ? e : o, a = se(n), u = U((i) => {
+  }), r = e !== void 0, c = r ? e : o, a = ae(n), u = L((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);
   }, [
@@ -380,8 +380,8 @@ function me({ prop: e, defaultProp: t, onChange: n = () => {
     u
   ];
 }
-function nt({ defaultProp: e, onChange: t }) {
-  const n = D(e), [o] = n, s = M(o), r = se(t);
+function ot({ defaultProp: e, onChange: t }) {
+  const n = O(e), [o] = n, s = P(o), r = ae(t);
   return R(() => {
     s.current !== o && (r(o), s.current = o);
   }, [
@@ -390,157 +390,157 @@ function nt({ defaultProp: e, onChange: t }) {
     r
   ]), n;
 }
-const rt = /* @__PURE__ */ ee(void 0);
-function _e(e) {
-  const t = pe(rt);
+const ct = /* @__PURE__ */ te(void 0);
+function ge(e) {
+  const t = $e(ct);
   return e || t || "ltr";
 }
-const Q = "rovingFocusGroup.onEntryFocus", ot = {
+const ee = "rovingFocusGroup.onEntryFocus", st = {
   bubbles: !1,
   cancelable: !0
-}, ae = "RovingFocusGroup", [re, he, ct] = Je(ae), [st, ge] = ce(ae, [
-  ct
-]), [at, it] = st(ae), ut = /* @__PURE__ */ T((e, t) => /* @__PURE__ */ g(re.Provider, {
+}, ie = "RovingFocusGroup", [oe, xe, at] = et(ie), [it, Ce] = se(ie, [
+  at
+]), [ut, lt] = it(ie), dt = /* @__PURE__ */ T((e, t) => /* @__PURE__ */ h(oe.Provider, {
   scope: e.__scopeRovingFocusGroup
-}, /* @__PURE__ */ g(re.Slot, {
+}, /* @__PURE__ */ h(oe.Slot, {
   scope: e.__scopeRovingFocusGroup
-}, /* @__PURE__ */ g(lt, y({}, e, {
+}, /* @__PURE__ */ h(ft, y({}, e, {
   ref: t
-}))))), lt = /* @__PURE__ */ T((e, t) => {
-  const { __scopeRovingFocusGroup: n, orientation: o, loop: s = !1, dir: r, currentTabStopId: c, defaultCurrentTabStopId: a, onCurrentTabStopIdChange: u, onEntryFocus: i, ...f } = e, l = M(null), $ = H(t, l), m = _e(r), [d = null, b] = me({
+}))))), ft = /* @__PURE__ */ T((e, t) => {
+  const { __scopeRovingFocusGroup: n, orientation: o, loop: s = !1, dir: r, currentTabStopId: c, defaultCurrentTabStopId: a, onCurrentTabStopIdChange: u, onEntryFocus: i, ...f } = e, d = P(null), b = H(t, d), v = ge(r), [l = null, $] = he({
     prop: c,
     defaultProp: a,
     onChange: u
-  }), [_, v] = D(!1), h = se(i), O = he(n), A = M(!1), [V, B] = D(0);
+  }), [g, m] = O(!1), _ = ae(i), U = xe(n), S = P(!1), [j, G] = O(0);
   return R(() => {
-    const x = l.current;
-    if (x)
-      return x.addEventListener(Q, h), () => x.removeEventListener(Q, h);
+    const C = d.current;
+    if (C)
+      return C.addEventListener(ee, _), () => C.removeEventListener(ee, _);
   }, [
-    h
-  ]), /* @__PURE__ */ g(at, {
+    _
+  ]), /* @__PURE__ */ h(ut, {
     scope: n,
     orientation: o,
-    dir: m,
+    dir: v,
     loop: s,
-    currentTabStopId: d,
-    onItemFocus: U(
-      (x) => b(x),
+    currentTabStopId: l,
+    onItemFocus: L(
+      (C) => $(C),
       [
-        b
+        $
       ]
     ),
-    onItemShiftTab: U(
-      () => v(!0),
+    onItemShiftTab: L(
+      () => m(!0),
       []
     ),
-    onFocusableItemAdd: U(
-      () => B(
-        (x) => x + 1
+    onFocusableItemAdd: L(
+      () => G(
+        (C) => C + 1
       ),
       []
     ),
-    onFocusableItemRemove: U(
-      () => B(
-        (x) => x - 1
+    onFocusableItemRemove: L(
+      () => G(
+        (C) => C - 1
       ),
       []
     )
-  }, /* @__PURE__ */ g(G.div, y({
-    tabIndex: _ || V === 0 ? -1 : 0,
+  }, /* @__PURE__ */ h(B.div, y({
+    tabIndex: g || j === 0 ? -1 : 0,
     "data-orientation": o
   }, f, {
-    ref: $,
+    ref: b,
     style: {
       outline: "none",
       ...e.style
     },
-    onMouseDown: F(e.onMouseDown, () => {
-      A.current = !0;
+    onMouseDown: M(e.onMouseDown, () => {
+      S.current = !0;
     }),
-    onFocus: F(e.onFocus, (x) => {
-      const X = !A.current;
-      if (x.target === x.currentTarget && X && !_) {
-        const K = new CustomEvent(Q, ot);
-        if (x.currentTarget.dispatchEvent(K), !K.defaultPrevented) {
-          const j = O().filter(
-            (C) => C.focusable
-          ), p = j.find(
-            (C) => C.active
-          ), I = j.find(
-            (C) => C.id === d
-          ), z = [
-            p,
-            I,
-            ...j
+    onFocus: M(e.onFocus, (C) => {
+      const k = !S.current;
+      if (C.target === C.currentTarget && k && !g) {
+        const V = new CustomEvent(ee, st);
+        if (C.currentTarget.dispatchEvent(V), !V.defaultPrevented) {
+          const z = U().filter(
+            (x) => x.focusable
+          ), J = z.find(
+            (x) => x.active
+          ), W = z.find(
+            (x) => x.id === l
+          ), I = [
+            J,
+            W,
+            ...z
           ].filter(Boolean).map(
-            (C) => C.ref.current
+            (x) => x.ref.current
           );
-          xe(z);
+          Ie(I);
         }
       }
-      A.current = !1;
+      S.current = !1;
     }),
-    onBlur: F(
+    onBlur: M(
       e.onBlur,
-      () => v(!1)
+      () => m(!1)
     )
   })));
-}), dt = "RovingFocusGroupItem", ft = /* @__PURE__ */ T((e, t) => {
-  const { __scopeRovingFocusGroup: n, focusable: o = !0, active: s = !1, tabStopId: r, ...c } = e, a = ve(), u = r || a, i = it(dt, n), f = i.currentTabStopId === u, l = he(n), { onFocusableItemAdd: $, onFocusableItemRemove: m } = i;
+}), pt = "RovingFocusGroupItem", bt = /* @__PURE__ */ T((e, t) => {
+  const { __scopeRovingFocusGroup: n, focusable: o = !0, active: s = !1, tabStopId: r, ...c } = e, a = _e(), u = r || a, i = lt(pt, n), f = i.currentTabStopId === u, d = xe(n), { onFocusableItemAdd: b, onFocusableItemRemove: v } = i;
   return R(() => {
     if (o)
-      return $(), () => m();
+      return b(), () => v();
   }, [
     o,
-    $,
-    m
-  ]), /* @__PURE__ */ g(re.ItemSlot, {
+    b,
+    v
+  ]), /* @__PURE__ */ h(oe.ItemSlot, {
     scope: n,
     id: u,
     focusable: o,
     active: s
-  }, /* @__PURE__ */ g(G.span, y({
+  }, /* @__PURE__ */ h(B.span, y({
     tabIndex: f ? 0 : -1,
     "data-orientation": i.orientation
   }, c, {
     ref: t,
-    onMouseDown: F(e.onMouseDown, (d) => {
-      o ? i.onItemFocus(u) : d.preventDefault();
+    onMouseDown: M(e.onMouseDown, (l) => {
+      o ? i.onItemFocus(u) : l.preventDefault();
     }),
-    onFocus: F(
+    onFocus: M(
       e.onFocus,
       () => i.onItemFocus(u)
     ),
-    onKeyDown: F(e.onKeyDown, (d) => {
-      if (d.key === "Tab" && d.shiftKey) {
+    onKeyDown: M(e.onKeyDown, (l) => {
+      if (l.key === "Tab" && l.shiftKey) {
         i.onItemShiftTab();
         return;
       }
-      if (d.target !== d.currentTarget)
+      if (l.target !== l.currentTarget)
         return;
-      const b = $t(d, i.orientation, i.dir);
-      if (b !== void 0) {
-        d.preventDefault();
-        let v = l().filter(
-          (h) => h.focusable
+      const $ = mt(l, i.orientation, i.dir);
+      if ($ !== void 0) {
+        l.preventDefault();
+        let m = d().filter(
+          (_) => _.focusable
         ).map(
-          (h) => h.ref.current
+          (_) => _.ref.current
         );
-        if (b === "last")
-          v.reverse();
-        else if (b === "prev" || b === "next") {
-          b === "prev" && v.reverse();
-          const h = v.indexOf(d.currentTarget);
-          v = i.loop ? vt(v, h + 1) : v.slice(h + 1);
+        if ($ === "last")
+          m.reverse();
+        else if ($ === "prev" || $ === "next") {
+          $ === "prev" && m.reverse();
+          const _ = m.indexOf(l.currentTarget);
+          m = i.loop ? _t(m, _ + 1) : m.slice(_ + 1);
         }
         setTimeout(
-          () => xe(v)
+          () => Ie(m)
         );
       }
     })
   })));
-}), pt = {
+}), $t = {
   ArrowLeft: "prev",
   ArrowUp: "prev",
   ArrowRight: "next",
@@ -550,11 +550,11 @@ const Q = "rovingFocusGroup.onEntryFocus", ot = {
   PageDown: "last",
   End: "last"
 };
-function bt(e, t) {
+function vt(e, t) {
   return t !== "rtl" ? e : e === "ArrowLeft" ? "ArrowRight" : e === "ArrowRight" ? "ArrowLeft" : e;
 }
-function $t(e, t, n) {
-  const o = bt(e.key, n);
+function mt(e, t, n) {
+  const o = vt(e.key, n);
   if (!(t === "vertical" && [
     "ArrowLeft",
     "ArrowRight"
@@ -562,37 +562,37 @@ function $t(e, t, n) {
     "ArrowUp",
     "ArrowDown"
   ].includes(o)))
-    return pt[o];
+    return $t[o];
 }
-function xe(e) {
+function Ie(e) {
   const t = document.activeElement;
   for (const n of e)
     if (n === t || (n.focus(), document.activeElement !== t))
       return;
 }
-function vt(e, t) {
+function _t(e, t) {
   return e.map(
     (n, o) => e[(t + o) % e.length]
   );
 }
-const mt = ut, _t = ft;
-function ht(e, t) {
-  return Me((n, o) => {
+const ht = dt, gt = bt;
+function xt(e, t) {
+  return Fe((n, o) => {
     const s = t[n][o];
     return s ?? n;
   }, e);
 }
-const Ce = (e) => {
-  const { present: t, children: n } = e, o = gt(t), s = typeof n == "function" ? n({
+const ye = (e) => {
+  const { present: t, children: n } = e, o = Ct(t), s = typeof n == "function" ? n({
     present: o.isPresent
-  }) : P.only(n), r = H(o.ref, s.ref);
-  return typeof n == "function" || o.isPresent ? /* @__PURE__ */ oe(s, {
+  }) : E.only(n), r = H(o.ref, s.ref);
+  return typeof n == "function" || o.isPresent ? /* @__PURE__ */ ce(s, {
     ref: r
   }) : null;
 };
-Ce.displayName = "Presence";
-function gt(e) {
-  const [t, n] = D(), o = M({}), s = M(e), r = M("none"), c = e ? "mounted" : "unmounted", [a, u] = ht(c, {
+ye.displayName = "Presence";
+function Ct(e) {
+  const [t, n] = O(), o = P({}), s = P(e), r = P("none"), c = e ? "mounted" : "unmounted", [a, u] = xt(c, {
     mounted: {
       UNMOUNT: "unmounted",
       ANIMATION_OUT: "unmountSuspended"
@@ -606,28 +606,28 @@ function gt(e) {
     }
   });
   return R(() => {
-    const i = W(o.current);
+    const i = Y(o.current);
     r.current = a === "mounted" ? i : "none";
   }, [
     a
-  ]), ne(() => {
+  ]), re(() => {
     const i = o.current, f = s.current;
     if (f !== e) {
-      const $ = r.current, m = W(i);
-      e ? u("MOUNT") : m === "none" || (i == null ? void 0 : i.display) === "none" ? u("UNMOUNT") : u(f && $ !== m ? "ANIMATION_OUT" : "UNMOUNT"), s.current = e;
+      const b = r.current, v = Y(i);
+      e ? u("MOUNT") : v === "none" || (i == null ? void 0 : i.display) === "none" ? u("UNMOUNT") : u(f && b !== v ? "ANIMATION_OUT" : "UNMOUNT"), s.current = e;
     }
   }, [
     e,
     u
-  ]), ne(() => {
+  ]), re(() => {
     if (t) {
-      const i = (l) => {
-        const m = W(o.current).includes(l.animationName);
-        l.target === t && m && Fe(
+      const i = (d) => {
+        const v = Y(o.current).includes(d.animationName);
+        d.target === t && v && De(
           () => u("ANIMATION_END")
         );
-      }, f = (l) => {
-        l.target === t && (r.current = W(o.current));
+      }, f = (d) => {
+        d.target === t && (r.current = Y(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);
@@ -642,58 +642,58 @@ function gt(e) {
       "mounted",
       "unmountSuspended"
     ].includes(a),
-    ref: U((i) => {
+    ref: L((i) => {
       i && (o.current = getComputedStyle(i)), n(i);
     }, [])
   };
 }
-function W(e) {
+function Y(e) {
   return (e == null ? void 0 : e.animationName) || "none";
 }
-const Ie = "Tabs", [xt, Xt] = ce(Ie, [
-  ge
-]), ye = ge(), [Ct, ie] = xt(Ie), It = /* @__PURE__ */ T((e, t) => {
-  const { __scopeTabs: n, value: o, onValueChange: s, defaultValue: r, orientation: c = "horizontal", dir: a, activationMode: u = "automatic", ...i } = e, f = _e(a), [l, $] = me({
+const Se = "Tabs", [It, Qt] = se(Se, [
+  Ce
+]), we = Ce(), [yt, ue] = It(Se), St = /* @__PURE__ */ T((e, t) => {
+  const { __scopeTabs: n, value: o, onValueChange: s, defaultValue: r, orientation: c = "horizontal", dir: a, activationMode: u = "automatic", ...i } = e, f = ge(a), [d, b] = he({
     prop: o,
     onChange: s,
     defaultProp: r
   });
-  return /* @__PURE__ */ g(Ct, {
+  return /* @__PURE__ */ h(yt, {
     scope: n,
-    baseId: ve(),
-    value: l,
-    onValueChange: $,
+    baseId: _e(),
+    value: d,
+    onValueChange: b,
     orientation: c,
     dir: f,
     activationMode: u
-  }, /* @__PURE__ */ g(G.div, y({
+  }, /* @__PURE__ */ h(B.div, y({
     dir: f,
     "data-orientation": c
   }, i, {
     ref: t
   })));
-}), yt = "TabsList", St = /* @__PURE__ */ T((e, t) => {
-  const { __scopeTabs: n, loop: o = !0, ...s } = e, r = ie(yt, n), c = ye(n);
-  return /* @__PURE__ */ g(mt, y({
+}), wt = "TabsList", Tt = /* @__PURE__ */ T((e, t) => {
+  const { __scopeTabs: n, loop: o = !0, ...s } = e, r = ue(wt, n), c = we(n);
+  return /* @__PURE__ */ h(ht, y({
     asChild: !0
   }, c, {
     orientation: r.orientation,
     dir: r.dir,
     loop: o
-  }), /* @__PURE__ */ g(G.div, y({
+  }), /* @__PURE__ */ h(B.div, y({
     role: "tablist",
     "aria-orientation": r.orientation
   }, s, {
     ref: t
   })));
-}), wt = "TabsTrigger", Tt = /* @__PURE__ */ T((e, t) => {
-  const { __scopeTabs: n, value: o, disabled: s = !1, ...r } = e, c = ie(wt, n), a = ye(n), u = Se(c.baseId, o), i = we(c.baseId, o), f = o === c.value;
-  return /* @__PURE__ */ g(_t, y({
+}), Nt = "TabsTrigger", At = /* @__PURE__ */ T((e, t) => {
+  const { __scopeTabs: n, value: o, disabled: s = !1, ...r } = e, c = ue(Nt, n), a = we(n), u = Te(c.baseId, o), i = Ne(c.baseId, o), f = o === c.value;
+  return /* @__PURE__ */ h(gt, y({
     asChild: !0
   }, a, {
     focusable: !s,
     active: f
-  }), /* @__PURE__ */ g(G.button, y({
+  }), /* @__PURE__ */ h(B.button, y({
     type: "button",
     role: "tab",
     "aria-selected": f,
@@ -704,60 +704,60 @@ const Ie = "Tabs", [xt, Xt] = ce(Ie, [
     id: u
   }, r, {
     ref: t,
-    onMouseDown: F(e.onMouseDown, (l) => {
-      !s && l.button === 0 && l.ctrlKey === !1 ? c.onValueChange(o) : l.preventDefault();
+    onMouseDown: M(e.onMouseDown, (d) => {
+      !s && d.button === 0 && d.ctrlKey === !1 ? c.onValueChange(o) : d.preventDefault();
     }),
-    onKeyDown: F(e.onKeyDown, (l) => {
+    onKeyDown: M(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";
-      !f && !s && l && c.onValueChange(o);
+    onFocus: M(e.onFocus, () => {
+      const d = c.activationMode !== "manual";
+      !f && !s && d && c.onValueChange(o);
     })
   })));
-}), Nt = "TabsContent", At = /* @__PURE__ */ T((e, t) => {
-  const { __scopeTabs: n, value: o, forceMount: s, children: r, ...c } = e, a = ie(Nt, n), u = Se(a.baseId, o), i = we(a.baseId, o), f = o === a.value, l = M(f);
+}), Et = "TabsContent", Rt = /* @__PURE__ */ T((e, t) => {
+  const { __scopeTabs: n, value: o, forceMount: s, children: r, ...c } = e, a = ue(Et, n), u = Te(a.baseId, o), i = Ne(a.baseId, o), f = o === a.value, d = P(f);
   return R(() => {
-    const $ = requestAnimationFrame(
-      () => l.current = !1
+    const b = requestAnimationFrame(
+      () => d.current = !1
     );
-    return () => cancelAnimationFrame($);
-  }, []), /* @__PURE__ */ g(
-    Ce,
+    return () => cancelAnimationFrame(b);
+  }, []), /* @__PURE__ */ h(
+    ye,
     {
       present: s || f
     },
-    ({ present: $ }) => /* @__PURE__ */ g(G.div, y({
+    ({ present: b }) => /* @__PURE__ */ h(B.div, y({
       "data-state": f ? "active" : "inactive",
       "data-orientation": a.orientation,
       role: "tabpanel",
       "aria-labelledby": u,
-      hidden: !$,
+      hidden: !b,
       id: i,
       tabIndex: 0
     }, c, {
       ref: t,
       style: {
         ...e.style,
-        animationDuration: l.current ? "0s" : void 0
+        animationDuration: d.current ? "0s" : void 0
       }
-    }), $ && r)
+    }), b && r)
   );
 });
-function Se(e, t) {
+function Te(e, t) {
   return `${e}-trigger-${t}`;
 }
-function we(e, t) {
+function Ne(e, t) {
   return `${e}-content-${t}`;
 }
-const Et = It, Pt = St, Rt = Tt, Mt = At;
-function Ft(e) {
+const Pt = St, Mt = Tt, Ot = At, Ft = Rt;
+function Dt(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var Te = { exports: {} };
+var Ae = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -792,34 +792,34 @@ var Te = { exports: {} };
     }
     e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
   })();
-})(Te);
-var Ot = Te.exports;
-const ue = /* @__PURE__ */ Ft(Ot), Dt = {
+})(Ae);
+var qt = Ae.exports;
+const le = /* @__PURE__ */ Dt(qt), Lt = {
   "purpur-tab-content": "_purpur-tab-content_rbfjg_1"
-}, qt = ue.bind(Dt), Lt = "purpur-tab-content", Ut = T(
+}, Ut = le.bind(Lt), Vt = "purpur-tab-content", Bt = T(
   ({ children: e, tabId: t, "data-testid": n, className: o, ...s }, r) => /* @__PURE__ */ N(
-    Mt,
+    Ft,
     {
       ref: r,
-      className: qt([Lt, o]),
+      className: Ut([Vt, o]),
       "data-testid": n,
       value: t,
       ...s,
       children: e
     }
   )
-), Vt = (e) => !!e && k(e) && !!e.props.name && !!e.props.tabId, Bt = {
+), jt = (e) => !!e && K(e) && !!e.props.name && !!e.props.tabId, Gt = {
   "purpur-tab-header": "_purpur-tab-header_1hk4f_1",
   "purpur-tab-header--contained": "_purpur-tab-header--contained_1hk4f_32",
   "purpur-tab-header--contained-negative": "_purpur-tab-header--contained-negative_1hk4f_32",
   "purpur-tab-header--line": "_purpur-tab-header--line_1hk4f_35",
   "purpur-tab-header--line-negative": "_purpur-tab-header--line-negative_1hk4f_47"
-}, jt = ue.bind(Bt), de = "purpur-tab-header", Gt = T(
+}, kt = le.bind(Gt), pe = "purpur-tab-header", zt = T(
   ({ index: e, tabId: t, variant: n, onFocus: o, "data-testid": s, children: r }, c) => /* @__PURE__ */ N(
-    Rt,
+    Ot,
     {
       id: `${t}-trigger`,
-      className: jt([de, `${de}--${n}`]),
+      className: kt([pe, `${pe}--${n}`]),
       value: t,
       "data-testid": s,
       "data-index": e,
@@ -828,7 +828,7 @@ const ue = /* @__PURE__ */ Ft(Ot), Dt = {
       children: r
     }
   )
-), kt = {
+), Kt = {
   "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",
@@ -843,146 +843,147 @@ const ue = /* @__PURE__ */ Ft(Ot), Dt = {
   "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"
-}, Jt = ["line", "line-negative", "contained", "contained-negative"], Kt = (e) => new CustomEvent("tabChangeDetail", { detail: { value: e } }), L = ue.bind(kt), w = "purpur-tabs", zt = (e, t) => {
+}, en = ["line", "line-negative", "contained", "contained-negative"], Wt = (e) => new CustomEvent("tabChangeDetail", { detail: { value: e } }), q = le.bind(Kt), w = "purpur-tabs", Yt = (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" });
-}, Wt = ({
+}, Zt = ({
   children: e,
   variant: t = "line",
   fullWidth: n = !1,
   onChange: o,
   className: s,
-  "data-testid": r,
-  ...c
+  defaultValue: r,
+  "data-testid": c,
+  ...a
 }) => {
-  const [a, u] = D(0), [i, f] = D({}), [l, $] = D(0), [m, d] = D(0), b = P.toArray(e).filter(Vt), _ = M(), v = M(new Array(b.length)), h = 200, O = t === "line" || t === "line-negative", A = L([
+  const [u, i] = O({}), [f, d] = O(0), [b, v] = O(0), l = E.toArray(e).filter(jt), $ = P(), g = P(new Array(l.length)), m = 200, _ = t === "line" || t === "line-negative", U = q([
     w,
     `${w}--${t}`,
     { [`${w}--fullWidth`]: n },
     s
-  ]), V = P.map(b, ({ props: { tabId: p } }) => p);
-  if (new Set(V).size !== V.length)
+  ]), S = E.map(l, ({ props: { tabId: p } }) => p), j = () => S.findIndex((p) => p === r) || 0, [G, C] = O(j);
+  if (new Set(S).size !== S.length)
     throw new Error("tabId must be unique");
-  const B = (p, I) => I || r ? `${I || r}-${p}` : void 0, x = () => {
-    if (!O)
+  const k = (p, I) => I || c ? `${I || c}-${p}` : void 0, V = () => {
+    if (!_)
       return;
-    const p = v.current[a];
-    $((p == null ? void 0 : p.offsetLeft) || 0), d((p == null ? void 0 : p.getBoundingClientRect().width) || 0);
-  }, X = (p) => {
-    O && u(b.findIndex((I) => I.props.tabId === p)), o == null || o(Kt(p));
-  }, K = (p) => {
-    if (_ != null && _.current) {
-      const { scrollLeft: I } = _.current, S = p === "left" ? -h : h;
-      _.current.scroll({ left: I + S, behavior: "smooth" });
+    const p = g.current[G];
+    d((p == null ? void 0 : p.offsetLeft) || 0), v((p == null ? void 0 : p.getBoundingClientRect().width) || 0);
+  }, z = (p) => {
+    _ && C(l.findIndex((I) => I.props.tabId === p)), o == null || o(Wt(p));
+  }, J = (p) => {
+    if ($ != null && $.current) {
+      const { scrollLeft: I } = $.current, x = p === "left" ? -m : m;
+      $.current.scroll({ left: I + x, behavior: "smooth" });
     }
-  }, j = ({ side: p }) => /* @__PURE__ */ N(
+  }, W = ({ side: p }) => /* @__PURE__ */ N(
     "button",
     {
-      className: L(`${w}__scroll-button`, `${w}__scroll-button--${p}`),
-      onClick: () => K(p),
+      className: q(`${w}__scroll-button`, `${w}__scroll-button--${p}`),
+      onClick: () => J(p),
       type: "button",
       "aria-hidden": "true",
       tabIndex: -1,
-      "data-testid": B("scroll-button"),
-      children: /* @__PURE__ */ N(ze, { svg: p === "left" ? Ue : Ve, size: "md" })
+      "data-testid": k("scroll-button"),
+      children: /* @__PURE__ */ N(Ye, { svg: p === "left" ? Be : je, size: "md" })
     }
   );
-  return R(() => (window.addEventListener("resize", x), () => {
-    window.removeEventListener("resize", x);
+  return R(() => (window.addEventListener("resize", V), () => {
+    window.removeEventListener("resize", V);
   }), []), R(() => {
-    x();
-  }, [a, n, b, t]), R(() => {
-    const p = (S) => {
-      if (S.every((C) => C.isIntersecting) && S.length === b.length) {
-        f({});
+    V();
+  }, [G, n, l, t]), R(() => {
+    const p = (x) => {
+      if (x.every((F) => F.isIntersecting) && x.length === l.length) {
+        i({});
         return;
       }
-      S.forEach((C) => {
-        const q = Number(C.target.getAttribute("data-index")), Ne = q === 0, Ae = q === b.length - 1;
-        f((Ee) => ({
-          ...Ee,
-          ...Ne && {
-            [`${w}__wrapper--scroll-end`]: !C.isIntersecting
+      x.forEach((F) => {
+        const D = Number(F.target.getAttribute("data-index")), Ee = D === 0, Re = D === l.length - 1;
+        i((Pe) => ({
+          ...Pe,
+          ...Ee && {
+            [`${w}__wrapper--scroll-end`]: !F.isIntersecting
           },
-          ...Ae && {
-            [`${w}__wrapper--scroll-start`]: !C.isIntersecting
+          ...Re && {
+            [`${w}__wrapper--scroll-start`]: !F.isIntersecting
           }
         }));
       });
     }, I = new IntersectionObserver(p, {
       threshold: [0.99],
-      root: _.current
+      root: $.current
     });
-    return v.current.forEach((S) => I.observe(S)), () => {
-      v.current.forEach((S) => I.unobserve(S));
+    return g.current.forEach((x) => I.observe(x)), () => {
+      g.current.forEach((x) => I.unobserve(x));
     };
-  }, [b.length]), /* @__PURE__ */ N(
-    Et,
+  }, [l.length]), /* @__PURE__ */ N(
+    Pt,
     {
-      defaultValue: b[0].props.tabId,
-      onValueChange: X,
-      "data-testid": r,
-      className: A,
-      ...c,
-      children: /* @__PURE__ */ J("div", { className: L(`${w}__container`), children: [
-        /* @__PURE__ */ J("div", { className: L([`${w}__wrapper`, i]), children: [
-          /* @__PURE__ */ J(
-            Pt,
+      defaultValue: r,
+      onValueChange: z,
+      "data-testid": c,
+      className: U,
+      ...a,
+      children: /* @__PURE__ */ Q("div", { className: q(`${w}__container`), children: [
+        /* @__PURE__ */ Q("div", { className: q([`${w}__wrapper`, u]), children: [
+          /* @__PURE__ */ Q(
+            Mt,
             {
               ref: (p) => {
-                _.current = p;
+                $.current = p;
               },
-              className: L(`${w}__list`),
+              className: q(`${w}__list`),
               children: [
-                P.map(b, (p, I) => {
-                  const { name: S, tabId: z, "data-testid": C } = p.props;
+                E.map(l, (p, I) => {
+                  const { name: x, tabId: de, "data-testid": F } = p.props;
                   return /* @__PURE__ */ N(
-                    Gt,
+                    zt,
                     {
-                      "data-testid": B("header", C),
+                      "data-testid": k("header", F),
                       index: I,
-                      tabId: z,
-                      ref: (q) => {
-                        q && (v.current[I] = q);
+                      tabId: de,
+                      ref: (D) => {
+                        D && (g.current[I] = D);
                       },
-                      onFocus: (q) => {
-                        zt(q.target, _.current);
+                      onFocus: (D) => {
+                        Yt(D.target, $.current);
                       },
                       variant: t,
-                      children: S
+                      children: x
                     }
                   );
                 }),
-                O && /* @__PURE__ */ N(
+                _ && /* @__PURE__ */ N(
                   "div",
                   {
-                    className: L(`${w}__selected-border`),
+                    className: q(`${w}__selected-border`),
                     style: {
-                      width: m,
-                      transform: `translateX(${l}px)`
+                      width: b,
+                      transform: `translateX(${f}px)`
                     },
-                    "data-testid": B("selected-border")
+                    "data-testid": k("selected-border")
                   }
                 )
               ]
             }
           ),
-          /* @__PURE__ */ N(j, { side: "left" }),
-          /* @__PURE__ */ N(j, { side: "right" })
+          /* @__PURE__ */ N(W, { side: "left" }),
+          /* @__PURE__ */ N(W, { side: "right" })
         ] }),
-        /* @__PURE__ */ N("div", { className: L(`${w}__content-container`), children: P.map(b, (p) => p) })
+        /* @__PURE__ */ N("div", { className: q(`${w}__content-container`), children: E.map(l, (p) => p) })
       ] })
     }
   );
 };
-Wt.Content = Ut;
+Zt.Content = Bt;
 export {
-  Wt as Tabs,
-  Kt as createTabChangeDetailEvent,
-  Jt as tabsVariants
+  Zt as Tabs,
+  Wt as createTabChangeDetailEvent,
+  en as tabsVariants
 };
 //# sourceMappingURL=tabs.es.js.map