@purpurds/tabs 8.4.0 → 8.5.1

package/dist/tabs.es.js

@@ -1,25 +1,25 @@
-import { jsx as m, jsxs as Q } from "react/jsx-runtime";
-import * as a from "react";
-import F, { forwardRef as ge, isValidElement as Ke, useRef as ee, useState as U, Children as q, useEffect as z } from "react";
+import { jsx as m, jsxs as ee } from "react/jsx-runtime";
+import * as u from "react";
+import O, { forwardRef as be, isValidElement as Ge, useRef as te, useState as U, Children as q, useEffect as Y } from "react";
 import "react-dom";
-function qe(e) {
+function ke(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var de = { exports: {} };
+var le = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var fe;
+var de;
 function ze() {
-  return fe || (fe = 1, (function(e) {
+  return de || (de = 1, (function(e) {
     (function() {
       var t = {}.hasOwnProperty;
       function r() {
-        for (var n = "", c = 0; c < arguments.length; c++) {
-          var i = arguments[c];
-          i && (n = s(n, o.call(this, i)));
+        for (var n = "", i = 0; i < arguments.length; i++) {
+          var c = arguments[i];
+          c && (n = s(n, o.call(this, c)));
         }
         return n;
       }
@@ -32,20 +32,20 @@ function ze() {
           return r.apply(this, n);
         if (n.toString !== Object.prototype.toString && !n.toString.toString().includes("[native code]"))
           return n.toString();
-        var c = "";
-        for (var i in n)
-          t.call(n, i) && n[i] && (c = s(c, this && this[i] || i));
-        return c;
+        var i = "";
+        for (var c in n)
+          t.call(n, c) && n[c] && (i = s(i, this && this[c] || c));
+        return i;
       }
-      function s(n, c) {
-        return c ? n ? n + " " + c : n + c : n;
+      function s(n, i) {
+        return i ? n ? n + " " + i : n + i : n;
       }
       e.exports ? (r.default = r, e.exports = r) : window.classNames = r;
     })();
-  })(de)), de.exports;
+  })(le)), le.exports;
 }
-var Ye = ze();
-const Ze = /* @__PURE__ */ qe(Ye), Xe = {
+var Ke = ze();
+const qe = /* @__PURE__ */ ke(Ke), Ye = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -53,72 +53,72 @@ const Ze = /* @__PURE__ */ qe(Ye), Xe = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, He = Ze.bind(Xe), pe = "purpur-icon", Je = "md", Qe = (e) => e.filter((t) => Object.keys(t).length >= 1).map((t) => `${t.name}="${t.value}"`).join(" "), et = ({ content: e = "", title: t } = {}) => {
+}, Ze = qe.bind(Ye), fe = "purpur-icon", Xe = "md", He = (e) => e.filter((t) => Object.keys(t).length >= 1).map((t) => `${t.name}="${t.value}"`).join(" "), Je = ({ content: e = "", title: t } = {}) => {
   const r = [
     { 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 ${Qe(r)}>${o}${e}</svg>`;
-}, tt = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), he = ({ svg: e, allyTitle: t, className: r, size: o = Je, ...s }) => {
-  const n = et({
-    content: tt(e.svg),
+  return `<svg ${He(r)}>${o}${e}</svg>`;
+}, Qe = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), ge = ({ svg: e, allyTitle: t, className: r, size: o = Xe, ...s }) => {
+  const n = Je({
+    content: Qe(e.svg),
     title: t
-  }), c = He(r, pe, `${pe}--${o}`);
-  return /* @__PURE__ */ m("span", { className: c, dangerouslySetInnerHTML: { __html: n }, ...s });
+  }), i = Ze(fe, `${fe}--${o}`, r);
+  return /* @__PURE__ */ m("span", { className: i, dangerouslySetInnerHTML: { __html: n }, ...s });
 };
-he.displayName = "Icon";
-const nt = {
+ge.displayName = "Icon";
+const et = {
   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"
-}, rt = {
+}, tt = {
   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"
 };
-function M(e, t, { checkForDefaultPrevented: r = !0 } = {}) {
+function A(e, t, { checkForDefaultPrevented: r = !0 } = {}) {
   return function(s) {
     if (e == null || e(s), r === !1 || !s.defaultPrevented)
       return t == null ? void 0 : t(s);
   };
 }
-function se(e, t = []) {
+function ie(e, t = []) {
   let r = [];
-  function o(n, c) {
-    const i = a.createContext(c), d = r.length;
-    r = [...r, c];
-    const u = (f) => {
+  function o(n, i) {
+    const c = u.createContext(i), d = r.length;
+    r = [...r, i];
+    const a = (f) => {
       var C;
-      const { scope: v, children: g, ...S } = f, h = ((C = v == null ? void 0 : v[e]) == null ? void 0 : C[d]) || i, _ = a.useMemo(() => S, Object.values(S));
-      return /* @__PURE__ */ m(h.Provider, { value: _, children: g });
+      const { scope: _, children: g, ...I } = f, h = ((C = _ == null ? void 0 : _[e]) == null ? void 0 : C[d]) || c, v = u.useMemo(() => I, Object.values(I));
+      return /* @__PURE__ */ m(h.Provider, { value: v, children: g });
     };
-    u.displayName = n + "Provider";
-    function l(f, v) {
+    a.displayName = n + "Provider";
+    function l(f, _) {
       var h;
-      const g = ((h = v == null ? void 0 : v[e]) == null ? void 0 : h[d]) || i, S = a.useContext(g);
-      if (S) return S;
-      if (c !== void 0) return c;
+      const g = ((h = _ == null ? void 0 : _[e]) == null ? void 0 : h[d]) || c, I = u.useContext(g);
+      if (I) return I;
+      if (i !== void 0) return i;
       throw new Error(`\`${f}\` must be used within \`${n}\``);
     }
-    return [u, l];
+    return [a, l];
   }
   const s = () => {
-    const n = r.map((c) => a.createContext(c));
-    return function(i) {
-      const d = (i == null ? void 0 : i[e]) || n;
-      return a.useMemo(
-        () => ({ [`__scope${e}`]: { ...i, [e]: d } }),
-        [i, d]
+    const n = r.map((i) => u.createContext(i));
+    return function(c) {
+      const d = (c == null ? void 0 : c[e]) || n;
+      return u.useMemo(
+        () => ({ [`__scope${e}`]: { ...c, [e]: d } }),
+        [c, d]
       );
     };
   };
-  return s.scopeName = e, [o, ot(s, ...t)];
+  return s.scopeName = e, [o, nt(s, ...t)];
 }
-function ot(...e) {
+function nt(...e) {
   const t = e[0];
   if (e.length === 1) return t;
   const r = () => {
@@ -127,133 +127,133 @@ function ot(...e) {
       scopeName: s.scopeName
     }));
     return function(n) {
-      const c = o.reduce((i, { useScope: d, scopeName: u }) => {
-        const f = d(n)[`__scope${u}`];
-        return { ...i, ...f };
+      const i = o.reduce((c, { useScope: d, scopeName: a }) => {
+        const f = d(n)[`__scope${a}`];
+        return { ...c, ...f };
       }, {});
-      return a.useMemo(() => ({ [`__scope${t.scopeName}`]: c }), [c]);
+      return u.useMemo(() => ({ [`__scope${t.scopeName}`]: i }), [i]);
     };
   };
   return r.scopeName = t.scopeName, r;
 }
-function me(e, t) {
+function pe(e, t) {
   if (typeof e == "function")
     return e(t);
   e != null && (e.current = t);
 }
-function we(...e) {
+function he(...e) {
   return (t) => {
     let r = !1;
     const o = e.map((s) => {
-      const n = me(s, t);
+      const n = pe(s, t);
       return !r && typeof n == "function" && (r = !0), n;
     });
     if (r)
       return () => {
         for (let s = 0; s < o.length; s++) {
           const n = o[s];
-          typeof n == "function" ? n() : me(e[s], null);
+          typeof n == "function" ? n() : pe(e[s], null);
         }
       };
   };
 }
-function Z(...e) {
-  return a.useCallback(we(...e), e);
+function X(...e) {
+  return u.useCallback(he(...e), e);
 }
 // @__NO_SIDE_EFFECTS__
-function re(e) {
-  const t = /* @__PURE__ */ st(e), r = a.forwardRef((o, s) => {
-    const { children: n, ...c } = o, i = a.Children.toArray(n), d = i.find(it);
+function oe(e) {
+  const t = /* @__PURE__ */ rt(e), r = u.forwardRef((o, s) => {
+    const { children: n, ...i } = o, c = u.Children.toArray(n), d = c.find(st);
     if (d) {
-      const u = d.props.children, l = i.map((f) => f === d ? a.Children.count(u) > 1 ? a.Children.only(null) : a.isValidElement(u) ? u.props.children : null : f);
-      return /* @__PURE__ */ m(t, { ...c, ref: s, children: a.isValidElement(u) ? a.cloneElement(u, void 0, l) : null });
+      const a = d.props.children, l = c.map((f) => f === d ? u.Children.count(a) > 1 ? u.Children.only(null) : u.isValidElement(a) ? a.props.children : null : f);
+      return /* @__PURE__ */ m(t, { ...i, ref: s, children: u.isValidElement(a) ? u.cloneElement(a, void 0, l) : null });
     }
-    return /* @__PURE__ */ m(t, { ...c, ref: s, children: n });
+    return /* @__PURE__ */ m(t, { ...i, ref: s, children: n });
   });
   return r.displayName = `${e}.Slot`, r;
 }
 // @__NO_SIDE_EFFECTS__
-function st(e) {
-  const t = a.forwardRef((r, o) => {
+function rt(e) {
+  const t = u.forwardRef((r, o) => {
     const { children: s, ...n } = r;
-    if (a.isValidElement(s)) {
-      const c = ut(s), i = at(n, s.props);
-      return s.type !== a.Fragment && (i.ref = o ? we(o, c) : c), a.cloneElement(s, i);
+    if (u.isValidElement(s)) {
+      const i = ct(s), c = it(n, s.props);
+      return s.type !== u.Fragment && (c.ref = o ? he(o, i) : i), u.cloneElement(s, c);
     }
-    return a.Children.count(s) > 1 ? a.Children.only(null) : null;
+    return u.Children.count(s) > 1 ? u.Children.only(null) : null;
   });
   return t.displayName = `${e}.SlotClone`, t;
 }
-var ct = Symbol("radix.slottable");
-function it(e) {
-  return a.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === ct;
+var ot = Symbol("radix.slottable");
+function st(e) {
+  return u.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === ot;
 }
-function at(e, t) {
+function it(e, t) {
   const r = { ...t };
   for (const o in t) {
     const s = e[o], n = t[o];
-    /^on[A-Z]/.test(o) ? s && n ? r[o] = (...i) => {
-      const d = n(...i);
-      return s(...i), d;
+    /^on[A-Z]/.test(o) ? s && n ? r[o] = (...c) => {
+      const d = n(...c);
+      return s(...c), d;
     } : s && (r[o] = s) : o === "style" ? r[o] = { ...s, ...n } : o === "className" && (r[o] = [s, n].filter(Boolean).join(" "));
   }
   return { ...e, ...r };
 }
-function ut(e) {
+function ct(e) {
   var o, s;
   let t = (o = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : o.get, r = t && "isReactWarning" in t && t.isReactWarning;
   return r ? e.ref : (t = (s = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : s.get, r = t && "isReactWarning" in t && t.isReactWarning, r ? e.props.ref : e.props.ref || e.ref);
 }
-function lt(e) {
-  const t = e + "CollectionProvider", [r, o] = se(t), [s, n] = r(
+function ut(e) {
+  const t = e + "CollectionProvider", [r, o] = ie(t), [s, n] = r(
     t,
     { collectionRef: { current: null }, itemMap: /* @__PURE__ */ new Map() }
-  ), c = (h) => {
-    const { scope: _, children: C } = h, R = F.useRef(null), w = F.useRef(/* @__PURE__ */ new Map()).current;
-    return /* @__PURE__ */ m(s, { scope: _, itemMap: w, collectionRef: R, children: C });
+  ), i = (h) => {
+    const { scope: v, children: C } = h, N = O.useRef(null), w = O.useRef(/* @__PURE__ */ new Map()).current;
+    return /* @__PURE__ */ m(s, { scope: v, itemMap: w, collectionRef: N, children: C });
   };
-  c.displayName = t;
-  const i = e + "CollectionSlot", d = /* @__PURE__ */ re(i), u = F.forwardRef(
-    (h, _) => {
-      const { scope: C, children: R } = h, w = n(i, C), b = Z(_, w.collectionRef);
-      return /* @__PURE__ */ m(d, { ref: b, children: R });
+  i.displayName = t;
+  const c = e + "CollectionSlot", d = /* @__PURE__ */ oe(c), a = O.forwardRef(
+    (h, v) => {
+      const { scope: C, children: N } = h, w = n(c, C), b = X(v, w.collectionRef);
+      return /* @__PURE__ */ m(d, { ref: b, children: N });
     }
   );
-  u.displayName = i;
-  const l = e + "CollectionItemSlot", f = "data-radix-collection-item", v = /* @__PURE__ */ re(l), g = F.forwardRef(
-    (h, _) => {
-      const { scope: C, children: R, ...w } = h, b = F.useRef(null), N = Z(_, b), x = n(l, C);
-      return F.useEffect(() => (x.itemMap.set(b, { ref: b, ...w }), () => void x.itemMap.delete(b))), /* @__PURE__ */ m(v, { [f]: "", ref: N, children: R });
+  a.displayName = c;
+  const l = e + "CollectionItemSlot", f = "data-radix-collection-item", _ = /* @__PURE__ */ oe(l), g = O.forwardRef(
+    (h, v) => {
+      const { scope: C, children: N, ...w } = h, b = O.useRef(null), R = X(v, b), x = n(l, C);
+      return O.useEffect(() => (x.itemMap.set(b, { ref: b, ...w }), () => void x.itemMap.delete(b))), /* @__PURE__ */ m(_, { [f]: "", ref: R, children: N });
     }
   );
   g.displayName = l;
-  function S(h) {
-    const _ = n(e + "CollectionConsumer", h);
-    return F.useCallback(() => {
-      const R = _.collectionRef.current;
-      if (!R) return [];
-      const w = Array.from(R.querySelectorAll(`[${f}]`));
-      return Array.from(_.itemMap.values()).sort(
-        (x, O) => w.indexOf(x.ref.current) - w.indexOf(O.ref.current)
+  function I(h) {
+    const v = n(e + "CollectionConsumer", h);
+    return O.useCallback(() => {
+      const N = v.collectionRef.current;
+      if (!N) return [];
+      const w = Array.from(N.querySelectorAll(`[${f}]`));
+      return Array.from(v.itemMap.values()).sort(
+        (x, $) => w.indexOf(x.ref.current) - w.indexOf($.ref.current)
       );
-    }, [_.collectionRef, _.itemMap]);
+    }, [v.collectionRef, v.itemMap]);
   }
   return [
-    { Provider: c, Slot: u, ItemSlot: g },
-    S,
+    { Provider: i, Slot: a, ItemSlot: g },
+    I,
     o
   ];
 }
-var X = globalThis != null && globalThis.document ? a.useLayoutEffect : () => {
-}, dt = a[" useId ".trim().toString()] || (() => {
-}), ft = 0;
-function Ce(e) {
-  const [t, r] = a.useState(dt());
-  return X(() => {
-    r((o) => o ?? String(ft++));
+var H = globalThis != null && globalThis.document ? u.useLayoutEffect : () => {
+}, at = u[" useId ".trim().toString()] || (() => {
+}), lt = 0;
+function we(e) {
+  const [t, r] = u.useState(at());
+  return H(() => {
+    r((o) => o ?? String(lt++));
   }, [e]), t ? `radix-${t}` : "";
 }
-var pt = [
+var dt = [
   "a",
   "button",
   "div",
@@ -271,124 +271,124 @@ var pt = [
   "span",
   "svg",
   "ul"
-], L = pt.reduce((e, t) => {
-  const r = /* @__PURE__ */ re(`Primitive.${t}`), o = a.forwardRef((s, n) => {
-    const { asChild: c, ...i } = s, d = c ? r : t;
-    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ m(d, { ...i, ref: n });
+], L = dt.reduce((e, t) => {
+  const r = /* @__PURE__ */ oe(`Primitive.${t}`), o = u.forwardRef((s, n) => {
+    const { asChild: i, ...c } = s, d = i ? r : t;
+    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ m(d, { ...c, ref: n });
   });
   return o.displayName = `Primitive.${t}`, { ...e, [t]: o };
 }, {});
-function mt(e) {
-  const t = a.useRef(e);
-  return a.useEffect(() => {
+function ft(e) {
+  const t = u.useRef(e);
+  return u.useEffect(() => {
     t.current = e;
-  }), a.useMemo(() => (...r) => {
+  }), u.useMemo(() => (...r) => {
     var o;
     return (o = t.current) == null ? void 0 : o.call(t, ...r);
   }, []);
 }
-var vt = a[" useInsertionEffect ".trim().toString()] || X;
-function Ie({
+var pt = u[" useInsertionEffect ".trim().toString()] || H;
+function Ce({
   prop: e,
   defaultProp: t,
   onChange: r = () => {
   },
   caller: o
 }) {
-  const [s, n, c] = _t({
+  const [s, n, i] = mt({
     defaultProp: t,
     onChange: r
-  }), i = e !== void 0, d = i ? e : s;
+  }), c = e !== void 0, d = c ? e : s;
   {
-    const l = a.useRef(e !== void 0);
-    a.useEffect(() => {
+    const l = u.useRef(e !== void 0);
+    u.useEffect(() => {
       const f = l.current;
-      f !== i && console.warn(
-        `${o} is changing from ${f ? "controlled" : "uncontrolled"} to ${i ? "controlled" : "uncontrolled"}. Components should not switch from controlled to uncontrolled (or vice versa). Decide between using a controlled or uncontrolled value for the lifetime of the component.`
-      ), l.current = i;
-    }, [i, o]);
+      f !== c && console.warn(
+        `${o} is changing from ${f ? "controlled" : "uncontrolled"} to ${c ? "controlled" : "uncontrolled"}. Components should not switch from controlled to uncontrolled (or vice versa). Decide between using a controlled or uncontrolled value for the lifetime of the component.`
+      ), l.current = c;
+    }, [c, o]);
   }
-  const u = a.useCallback(
+  const a = u.useCallback(
     (l) => {
       var f;
-      if (i) {
-        const v = bt(l) ? l(e) : l;
-        v !== e && ((f = c.current) == null || f.call(c, v));
+      if (c) {
+        const _ = _t(l) ? l(e) : l;
+        _ !== e && ((f = i.current) == null || f.call(i, _));
       } else
         n(l);
     },
-    [i, e, n, c]
+    [c, e, n, i]
   );
-  return [d, u];
+  return [d, a];
 }
-function _t({
+function mt({
   defaultProp: e,
   onChange: t
 }) {
-  const [r, o] = a.useState(e), s = a.useRef(r), n = a.useRef(t);
-  return vt(() => {
+  const [r, o] = u.useState(e), s = u.useRef(r), n = u.useRef(t);
+  return pt(() => {
     n.current = t;
-  }, [t]), a.useEffect(() => {
-    var c;
-    s.current !== r && ((c = n.current) == null || c.call(n, r), s.current = r);
+  }, [t]), u.useEffect(() => {
+    var i;
+    s.current !== r && ((i = n.current) == null || i.call(n, r), s.current = r);
   }, [r, s]), [r, o, n];
 }
-function bt(e) {
+function _t(e) {
   return typeof e == "function";
 }
-var gt = a.createContext(void 0);
-function ye(e) {
-  const t = a.useContext(gt);
+var vt = u.createContext(void 0);
+function Se(e) {
+  const t = u.useContext(vt);
   return e || t || "ltr";
 }
-var te = "rovingFocusGroup.onEntryFocus", ht = { bubbles: !1, cancelable: !0 }, G = "RovingFocusGroup", [oe, Se, wt] = lt(G), [Ct, Ne] = se(
-  G,
-  [wt]
-), [It, yt] = Ct(G), Re = a.forwardRef(
-  (e, t) => /* @__PURE__ */ m(oe.Provider, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ m(oe.Slot, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ m(St, { ...e, ref: t }) }) })
+var ne = "rovingFocusGroup.onEntryFocus", bt = { bubbles: !1, cancelable: !0 }, W = "RovingFocusGroup", [se, ye, gt] = ut(W), [ht, Ie] = ie(
+  W,
+  [gt]
+), [wt, Ct] = ht(W), Re = u.forwardRef(
+  (e, t) => /* @__PURE__ */ m(se.Provider, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ m(se.Slot, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ m(St, { ...e, ref: t }) }) })
 );
-Re.displayName = G;
-var St = a.forwardRef((e, t) => {
+Re.displayName = W;
+var St = u.forwardRef((e, t) => {
   const {
     __scopeRovingFocusGroup: r,
     orientation: o,
     loop: s = !1,
     dir: n,
-    currentTabStopId: c,
-    defaultCurrentTabStopId: i,
+    currentTabStopId: i,
+    defaultCurrentTabStopId: c,
     onCurrentTabStopIdChange: d,
-    onEntryFocus: u,
+    onEntryFocus: a,
     preventScrollOnEntryFocus: l = !1,
     ...f
-  } = e, v = a.useRef(null), g = Z(t, v), S = ye(n), [h, _] = Ie({
-    prop: c,
-    defaultProp: i ?? null,
+  } = e, _ = u.useRef(null), g = X(t, _), I = Se(n), [h, v] = Ce({
+    prop: i,
+    defaultProp: c ?? null,
     onChange: d,
-    caller: G
-  }), [C, R] = a.useState(!1), w = mt(u), b = Se(r), N = a.useRef(!1), [x, O] = a.useState(0);
-  return a.useEffect(() => {
-    const I = v.current;
-    if (I)
-      return I.addEventListener(te, w), () => I.removeEventListener(te, w);
+    caller: W
+  }), [C, N] = u.useState(!1), w = ft(a), b = ye(r), R = u.useRef(!1), [x, $] = u.useState(0);
+  return u.useEffect(() => {
+    const y = _.current;
+    if (y)
+      return y.addEventListener(ne, w), () => y.removeEventListener(ne, w);
   }, [w]), /* @__PURE__ */ m(
-    It,
+    wt,
     {
       scope: r,
       orientation: o,
-      dir: S,
+      dir: I,
       loop: s,
       currentTabStopId: h,
-      onItemFocus: a.useCallback(
-        (I) => _(I),
-        [_]
+      onItemFocus: u.useCallback(
+        (y) => v(y),
+        [v]
       ),
-      onItemShiftTab: a.useCallback(() => R(!0), []),
-      onFocusableItemAdd: a.useCallback(
-        () => O((I) => I + 1),
+      onItemShiftTab: u.useCallback(() => N(!0), []),
+      onFocusableItemAdd: u.useCallback(
+        () => $((y) => y + 1),
         []
       ),
-      onFocusableItemRemove: a.useCallback(
-        () => O((I) => I - 1),
+      onFocusableItemRemove: u.useCallback(
+        () => $((y) => y - 1),
         []
       ),
       children: /* @__PURE__ */ m(
@@ -399,45 +399,45 @@ var St = a.forwardRef((e, t) => {
           ...f,
           ref: g,
           style: { outline: "none", ...e.style },
-          onMouseDown: M(e.onMouseDown, () => {
-            N.current = !0;
+          onMouseDown: A(e.onMouseDown, () => {
+            R.current = !0;
           }),
-          onFocus: M(e.onFocus, (I) => {
-            const J = !N.current;
-            if (I.target === I.currentTarget && J && !C) {
-              const D = new CustomEvent(te, ht);
-              if (I.currentTarget.dispatchEvent(D), !D.defaultPrevented) {
-                const V = b().filter((A) => A.focusable), B = V.find((A) => A.active), W = V.find((A) => A.id === h), K = [B, W, ...V].filter(
+          onFocus: A(e.onFocus, (y) => {
+            const Q = !R.current;
+            if (y.target === y.currentTarget && Q && !C) {
+              const F = new CustomEvent(ne, bt);
+              if (y.currentTarget.dispatchEvent(F), !F.defaultPrevented) {
+                const V = b().filter((E) => E.focusable), B = V.find((E) => E.active), j = V.find((E) => E.id === h), k = [B, j, ...V].filter(
                   Boolean
-                ).map((A) => A.ref.current);
-                Ee(K, l);
+                ).map((E) => E.ref.current);
+                xe(k, l);
               }
             }
-            N.current = !1;
+            R.current = !1;
           }),
-          onBlur: M(e.onBlur, () => R(!1))
+          onBlur: A(e.onBlur, () => N(!1))
         }
       )
     }
   );
-}), Te = "RovingFocusGroupItem", xe = a.forwardRef(
+}), Ne = "RovingFocusGroupItem", Te = u.forwardRef(
   (e, t) => {
     const {
       __scopeRovingFocusGroup: r,
       focusable: o = !0,
       active: s = !1,
       tabStopId: n,
-      children: c,
-      ...i
-    } = e, d = Ce(), u = n || d, l = yt(Te, r), f = l.currentTabStopId === u, v = Se(r), { onFocusableItemAdd: g, onFocusableItemRemove: S, currentTabStopId: h } = l;
-    return a.useEffect(() => {
+      children: i,
+      ...c
+    } = e, d = we(), a = n || d, l = Ct(Ne, r), f = l.currentTabStopId === a, _ = ye(r), { onFocusableItemAdd: g, onFocusableItemRemove: I, currentTabStopId: h } = l;
+    return u.useEffect(() => {
       if (o)
-        return g(), () => S();
-    }, [o, g, S]), /* @__PURE__ */ m(
-      oe.ItemSlot,
+        return g(), () => I();
+    }, [o, g, I]), /* @__PURE__ */ m(
+      se.ItemSlot,
       {
         scope: r,
-        id: u,
+        id: a,
         focusable: o,
         active: s,
         children: /* @__PURE__ */ m(
@@ -445,41 +445,41 @@ var St = a.forwardRef((e, t) => {
           {
             tabIndex: f ? 0 : -1,
             "data-orientation": l.orientation,
-            ...i,
+            ...c,
             ref: t,
-            onMouseDown: M(e.onMouseDown, (_) => {
-              o ? l.onItemFocus(u) : _.preventDefault();
+            onMouseDown: A(e.onMouseDown, (v) => {
+              o ? l.onItemFocus(a) : v.preventDefault();
             }),
-            onFocus: M(e.onFocus, () => l.onItemFocus(u)),
-            onKeyDown: M(e.onKeyDown, (_) => {
-              if (_.key === "Tab" && _.shiftKey) {
+            onFocus: A(e.onFocus, () => l.onItemFocus(a)),
+            onKeyDown: A(e.onKeyDown, (v) => {
+              if (v.key === "Tab" && v.shiftKey) {
                 l.onItemShiftTab();
                 return;
               }
-              if (_.target !== _.currentTarget) return;
-              const C = Tt(_, l.orientation, l.dir);
+              if (v.target !== v.currentTarget) return;
+              const C = Rt(v, l.orientation, l.dir);
               if (C !== void 0) {
-                if (_.metaKey || _.ctrlKey || _.altKey || _.shiftKey) return;
-                _.preventDefault();
-                let w = v().filter((b) => b.focusable).map((b) => b.ref.current);
+                if (v.metaKey || v.ctrlKey || v.altKey || v.shiftKey) return;
+                v.preventDefault();
+                let w = _().filter((b) => b.focusable).map((b) => b.ref.current);
                 if (C === "last") w.reverse();
                 else if (C === "prev" || C === "next") {
                   C === "prev" && w.reverse();
-                  const b = w.indexOf(_.currentTarget);
-                  w = l.loop ? xt(w, b + 1) : w.slice(b + 1);
+                  const b = w.indexOf(v.currentTarget);
+                  w = l.loop ? Nt(w, b + 1) : w.slice(b + 1);
                 }
-                setTimeout(() => Ee(w));
+                setTimeout(() => xe(w));
               }
             }),
-            children: typeof c == "function" ? c({ isCurrentTabStop: f, hasTabStop: h != null }) : c
+            children: typeof i == "function" ? i({ isCurrentTabStop: f, hasTabStop: h != null }) : i
           }
         )
       }
     );
   }
 );
-xe.displayName = Te;
-var Nt = {
+Te.displayName = Ne;
+var yt = {
   ArrowLeft: "prev",
   ArrowUp: "prev",
   ArrowRight: "next",
@@ -489,33 +489,33 @@ var Nt = {
   PageDown: "last",
   End: "last"
 };
-function Rt(e, t) {
+function It(e, t) {
   return t !== "rtl" ? e : e === "ArrowLeft" ? "ArrowRight" : e === "ArrowRight" ? "ArrowLeft" : e;
 }
-function Tt(e, t, r) {
-  const o = Rt(e.key, r);
+function Rt(e, t, r) {
+  const o = It(e.key, r);
   if (!(t === "vertical" && ["ArrowLeft", "ArrowRight"].includes(o)) && !(t === "horizontal" && ["ArrowUp", "ArrowDown"].includes(o)))
-    return Nt[o];
+    return yt[o];
 }
-function Ee(e, t = !1) {
+function xe(e, t = !1) {
   const r = document.activeElement;
   for (const o of e)
     if (o === r || (o.focus({ preventScroll: t }), document.activeElement !== r)) return;
 }
-function xt(e, t) {
+function Nt(e, t) {
   return e.map((r, o) => e[(t + o) % e.length]);
 }
-var Et = Re, At = xe;
-function jt(e, t) {
-  return a.useReducer((r, o) => t[r][o] ?? r, e);
+var Tt = Re, xt = Te;
+function Et(e, t) {
+  return u.useReducer((r, o) => t[r][o] ?? r, e);
 }
-var Ae = (e) => {
-  const { present: t, children: r } = e, o = Mt(t), s = typeof r == "function" ? r({ present: o.isPresent }) : a.Children.only(r), n = Z(o.ref, Pt(s));
-  return typeof r == "function" || o.isPresent ? a.cloneElement(s, { ref: n }) : null;
+var Ee = (e) => {
+  const { present: t, children: r } = e, o = At(t), s = typeof r == "function" ? r({ present: o.isPresent }) : u.Children.only(r), n = X(o.ref, Mt(s));
+  return typeof r == "function" || o.isPresent ? u.cloneElement(s, { ref: n }) : null;
 };
-Ae.displayName = "Presence";
-function Mt(e) {
-  const [t, r] = a.useState(), o = a.useRef(null), s = a.useRef(e), n = a.useRef("none"), c = e ? "mounted" : "unmounted", [i, d] = jt(c, {
+Ee.displayName = "Presence";
+function At(e) {
+  const [t, r] = u.useState(), o = u.useRef(null), s = u.useRef(e), n = u.useRef("none"), i = e ? "mounted" : "unmounted", [c, d] = Et(i, {
     mounted: {
       UNMOUNT: "unmounted",
       ANIMATION_OUT: "unmountSuspended"
@@ -528,84 +528,84 @@ function Mt(e) {
       MOUNT: "mounted"
     }
   });
-  return a.useEffect(() => {
-    const u = Y(o.current);
-    n.current = i === "mounted" ? u : "none";
-  }, [i]), X(() => {
-    const u = o.current, l = s.current;
+  return u.useEffect(() => {
+    const a = Z(o.current);
+    n.current = c === "mounted" ? a : "none";
+  }, [c]), H(() => {
+    const a = o.current, l = s.current;
     if (l !== e) {
-      const v = n.current, g = Y(u);
-      e ? d("MOUNT") : g === "none" || (u == null ? void 0 : u.display) === "none" ? d("UNMOUNT") : d(l && v !== g ? "ANIMATION_OUT" : "UNMOUNT"), s.current = e;
+      const _ = n.current, g = Z(a);
+      e ? d("MOUNT") : g === "none" || (a == null ? void 0 : a.display) === "none" ? d("UNMOUNT") : d(l && _ !== g ? "ANIMATION_OUT" : "UNMOUNT"), s.current = e;
     }
-  }, [e, d]), X(() => {
+  }, [e, d]), H(() => {
     if (t) {
-      let u;
+      let a;
       const l = t.ownerDocument.defaultView ?? window, f = (g) => {
-        const h = Y(o.current).includes(CSS.escape(g.animationName));
+        const h = Z(o.current).includes(CSS.escape(g.animationName));
         if (g.target === t && h && (d("ANIMATION_END"), !s.current)) {
-          const _ = t.style.animationFillMode;
-          t.style.animationFillMode = "forwards", u = l.setTimeout(() => {
-            t.style.animationFillMode === "forwards" && (t.style.animationFillMode = _);
+          const v = t.style.animationFillMode;
+          t.style.animationFillMode = "forwards", a = l.setTimeout(() => {
+            t.style.animationFillMode === "forwards" && (t.style.animationFillMode = v);
           });
         }
-      }, v = (g) => {
-        g.target === t && (n.current = Y(o.current));
+      }, _ = (g) => {
+        g.target === t && (n.current = Z(o.current));
       };
-      return t.addEventListener("animationstart", v), t.addEventListener("animationcancel", f), t.addEventListener("animationend", f), () => {
-        l.clearTimeout(u), t.removeEventListener("animationstart", v), t.removeEventListener("animationcancel", f), t.removeEventListener("animationend", f);
+      return t.addEventListener("animationstart", _), t.addEventListener("animationcancel", f), t.addEventListener("animationend", f), () => {
+        l.clearTimeout(a), t.removeEventListener("animationstart", _), t.removeEventListener("animationcancel", f), t.removeEventListener("animationend", f);
       };
     } else
       d("ANIMATION_END");
   }, [t, d]), {
-    isPresent: ["mounted", "unmountSuspended"].includes(i),
-    ref: a.useCallback((u) => {
-      o.current = u ? getComputedStyle(u) : null, r(u);
+    isPresent: ["mounted", "unmountSuspended"].includes(c),
+    ref: u.useCallback((a) => {
+      o.current = a ? getComputedStyle(a) : null, r(a);
     }, [])
   };
 }
-function Y(e) {
+function Z(e) {
   return (e == null ? void 0 : e.animationName) || "none";
 }
-function Pt(e) {
+function Mt(e) {
   var o, s;
   let t = (o = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : o.get, r = t && "isReactWarning" in t && t.isReactWarning;
   return r ? e.ref : (t = (s = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : s.get, r = t && "isReactWarning" in t && t.isReactWarning, r ? e.props.ref : e.props.ref || e.ref);
 }
-var H = "Tabs", [$t] = se(H, [
-  Ne
-]), je = Ne(), [Ot, ce] = $t(H), Me = a.forwardRef(
+var J = "Tabs", [Pt] = ie(J, [
+  Ie
+]), Ae = Ie(), [$t, ce] = Pt(J), Me = u.forwardRef(
   (e, t) => {
     const {
       __scopeTabs: r,
       value: o,
       onValueChange: s,
       defaultValue: n,
-      orientation: c = "horizontal",
-      dir: i,
+      orientation: i = "horizontal",
+      dir: c,
       activationMode: d = "automatic",
-      ...u
-    } = e, l = ye(i), [f, v] = Ie({
+      ...a
+    } = e, l = Se(c), [f, _] = Ce({
       prop: o,
       onChange: s,
       defaultProp: n ?? "",
-      caller: H
+      caller: J
     });
     return /* @__PURE__ */ m(
-      Ot,
+      $t,
       {
         scope: r,
-        baseId: Ce(),
+        baseId: we(),
         value: f,
-        onValueChange: v,
-        orientation: c,
+        onValueChange: _,
+        orientation: i,
         dir: l,
         activationMode: d,
         children: /* @__PURE__ */ m(
           L.div,
           {
             dir: l,
-            "data-orientation": c,
-            ...u,
+            "data-orientation": i,
+            ...a,
             ref: t
           }
         )
@@ -613,15 +613,15 @@ var H = "Tabs", [$t] = se(H, [
     );
   }
 );
-Me.displayName = H;
-var Pe = "TabsList", $e = a.forwardRef(
+Me.displayName = J;
+var Pe = "TabsList", $e = u.forwardRef(
   (e, t) => {
-    const { __scopeTabs: r, loop: o = !0, ...s } = e, n = ce(Pe, r), c = je(r);
+    const { __scopeTabs: r, loop: o = !0, ...s } = e, n = ce(Pe, r), i = Ae(r);
     return /* @__PURE__ */ m(
-      Et,
+      Tt,
       {
         asChild: !0,
-        ...c,
+        ...i,
         orientation: n.orientation,
         dir: n.dir,
         loop: o,
@@ -639,14 +639,14 @@ var Pe = "TabsList", $e = a.forwardRef(
   }
 );
 $e.displayName = Pe;
-var Oe = "TabsTrigger", Fe = a.forwardRef(
+var Oe = "TabsTrigger", Fe = u.forwardRef(
   (e, t) => {
-    const { __scopeTabs: r, value: o, disabled: s = !1, ...n } = e, c = ce(Oe, r), i = je(r), d = Ve(c.baseId, o), u = Be(c.baseId, o), l = o === c.value;
+    const { __scopeTabs: r, value: o, disabled: s = !1, ...n } = e, i = ce(Oe, r), c = Ae(r), d = Ve(i.baseId, o), a = Be(i.baseId, o), l = o === i.value;
     return /* @__PURE__ */ m(
-      At,
+      xt,
       {
         asChild: !0,
-        ...i,
+        ...c,
         focusable: !s,
         active: l,
         children: /* @__PURE__ */ m(
@@ -655,22 +655,22 @@ var Oe = "TabsTrigger", Fe = a.forwardRef(
             type: "button",
             role: "tab",
             "aria-selected": l,
-            "aria-controls": u,
+            "aria-controls": a,
             "data-state": l ? "active" : "inactive",
             "data-disabled": s ? "" : void 0,
             disabled: s,
             id: d,
             ...n,
             ref: t,
-            onMouseDown: M(e.onMouseDown, (f) => {
-              !s && f.button === 0 && f.ctrlKey === !1 ? c.onValueChange(o) : f.preventDefault();
+            onMouseDown: A(e.onMouseDown, (f) => {
+              !s && f.button === 0 && f.ctrlKey === !1 ? i.onValueChange(o) : f.preventDefault();
             }),
-            onKeyDown: M(e.onKeyDown, (f) => {
-              [" ", "Enter"].includes(f.key) && c.onValueChange(o);
+            onKeyDown: A(e.onKeyDown, (f) => {
+              [" ", "Enter"].includes(f.key) && i.onValueChange(o);
             }),
-            onFocus: M(e.onFocus, () => {
-              const f = c.activationMode !== "manual";
-              !l && !s && f && c.onValueChange(o);
+            onFocus: A(e.onFocus, () => {
+              const f = i.activationMode !== "manual";
+              !l && !s && f && i.onValueChange(o);
             })
           }
         )
@@ -679,29 +679,29 @@ var Oe = "TabsTrigger", Fe = a.forwardRef(
   }
 );
 Fe.displayName = Oe;
-var De = "TabsContent", Le = a.forwardRef(
+var De = "TabsContent", Le = u.forwardRef(
   (e, t) => {
-    const { __scopeTabs: r, value: o, forceMount: s, children: n, ...c } = e, i = ce(De, r), d = Ve(i.baseId, o), u = Be(i.baseId, o), l = o === i.value, f = a.useRef(l);
-    return a.useEffect(() => {
-      const v = requestAnimationFrame(() => f.current = !1);
-      return () => cancelAnimationFrame(v);
-    }, []), /* @__PURE__ */ m(Ae, { present: s || l, children: ({ present: v }) => /* @__PURE__ */ m(
+    const { __scopeTabs: r, value: o, forceMount: s, children: n, ...i } = e, c = ce(De, r), d = Ve(c.baseId, o), a = Be(c.baseId, o), l = o === c.value, f = u.useRef(l);
+    return u.useEffect(() => {
+      const _ = requestAnimationFrame(() => f.current = !1);
+      return () => cancelAnimationFrame(_);
+    }, []), /* @__PURE__ */ m(Ee, { present: s || l, children: ({ present: _ }) => /* @__PURE__ */ m(
       L.div,
       {
         "data-state": l ? "active" : "inactive",
-        "data-orientation": i.orientation,
+        "data-orientation": c.orientation,
         role: "tabpanel",
         "aria-labelledby": d,
-        hidden: !v,
-        id: u,
+        hidden: !_,
+        id: a,
         tabIndex: 0,
-        ...c,
+        ...i,
         ref: t,
         style: {
           ...e.style,
           animationDuration: f.current ? "0s" : void 0
         },
-        children: v && n
+        children: _ && n
       }
     ) });
   }
@@ -713,25 +713,25 @@ function Ve(e, t) {
 function Be(e, t) {
   return `${e}-content-${t}`;
 }
-var Ft = Me, Dt = $e, Lt = Fe, Vt = Le;
-function Bt(e) {
+var Ot = Me, Ft = $e, Dt = Fe, Lt = Le;
+function Vt(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var ne = { exports: {} };
+var re = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var ve;
-function Ut() {
-  return ve || (ve = 1, (function(e) {
+var me;
+function Bt() {
+  return me || (me = 1, (function(e) {
     (function() {
       var t = {}.hasOwnProperty;
       function r() {
-        for (var n = "", c = 0; c < arguments.length; c++) {
-          var i = arguments[c];
-          i && (n = s(n, o.call(this, i)));
+        for (var n = "", i = 0; i < arguments.length; i++) {
+          var c = arguments[i];
+          c && (n = s(n, o.call(this, c)));
         }
         return n;
       }
@@ -744,28 +744,28 @@ function Ut() {
           return r.apply(this, n);
         if (n.toString !== Object.prototype.toString && !n.toString.toString().includes("[native code]"))
           return n.toString();
-        var c = "";
-        for (var i in n)
-          t.call(n, i) && n[i] && (c = s(c, this && this[i] || i));
-        return c;
+        var i = "";
+        for (var c in n)
+          t.call(n, c) && n[c] && (i = s(i, this && this[c] || c));
+        return i;
       }
-      function s(n, c) {
-        return c ? n ? n + " " + c : n + c : n;
+      function s(n, i) {
+        return i ? n ? n + " " + i : n + i : n;
       }
       e.exports ? (r.default = r, e.exports = r) : window.classNames = r;
     })();
-  })(ne)), ne.exports;
+  })(re)), re.exports;
 }
-var Gt = Ut();
-const ie = /* @__PURE__ */ Bt(Gt), Wt = {
+var Ut = Bt();
+const ue = /* @__PURE__ */ Vt(Ut), Wt = {
   "purpur-tab-content": "_purpur-tab-content_1ugbi_1",
   "purpur-tab-content--force-mount": "_purpur-tab-content--force-mount_1ugbi_15"
-}, kt = ie.bind(Wt), _e = "purpur-tab-content", Kt = ge(
-  ({ children: e, tabId: t, "data-testid": r, className: o, disableForceMount: s, ...n }, c) => /* @__PURE__ */ m(
-    Vt,
+}, jt = ue.bind(Wt), _e = "purpur-tab-content", Gt = be(
+  ({ children: e, tabId: t, "data-testid": r, className: o, disableForceMount: s, ...n }, i) => /* @__PURE__ */ m(
+    Lt,
     {
-      ref: c,
-      className: kt(_e, o, {
+      ref: i,
+      className: jt(_e, o, {
         [`${_e}--force-mount`]: !s
       }),
       "data-testid": r,
@@ -775,13 +775,13 @@ const ie = /* @__PURE__ */ Bt(Gt), Wt = {
       children: e
     }
   )
-), qt = (e) => !!e && Ke(e) && !!e.props.name && !!e.props.tabId, zt = {
-  "purpur-tab-header": "_purpur-tab-header_1vo2v_1",
-  "purpur-tab-header--contained": "_purpur-tab-header--contained_1vo2v_36",
-  "purpur-tab-header--contained-negative": "_purpur-tab-header--contained-negative_1vo2v_36",
-  "purpur-tab-header--line": "_purpur-tab-header--line_1vo2v_39",
-  "purpur-tab-header--line-negative": "_purpur-tab-header--line-negative_1vo2v_51"
-}, Yt = ie.bind(zt), be = "purpur-tab-header", Zt = ge(
+), kt = (e) => !!e && Ge(e) && !!e.props.name && !!e.props.tabId, zt = {
+  "purpur-tab-header": "_purpur-tab-header_znb0i_1",
+  "purpur-tab-header--contained": "_purpur-tab-header--contained_znb0i_36",
+  "purpur-tab-header--contained-negative": "_purpur-tab-header--contained-negative_znb0i_36",
+  "purpur-tab-header--line": "_purpur-tab-header--line_znb0i_39",
+  "purpur-tab-header--line-negative": "_purpur-tab-header--line-negative_znb0i_51"
+}, Kt = ue.bind(zt), ve = "purpur-tab-header", qt = be(
   ({
     index: e,
     tabId: t,
@@ -789,182 +789,174 @@ const ie = /* @__PURE__ */ Bt(Gt), Wt = {
     negative: o,
     onFocus: s,
     "data-testid": n,
-    children: c
-  }, i) => /* @__PURE__ */ m(
-    Lt,
+    children: i
+  }, c) => /* @__PURE__ */ m(
+    Dt,
     {
       id: `${t}-trigger`,
-      className: Yt(be, `${be}--${r}${o ? "-negative" : ""}`),
+      className: Kt(ve, `${ve}--${r}${o ? "-negative" : ""}`),
       value: t,
       "data-testid": n,
       "data-index": e,
-      ref: i,
+      ref: c,
       onFocus: s,
-      children: c
+      children: i
     }
   )
-), Xt = {
-  "purpur-tabs__wrapper": "_purpur-tabs__wrapper_j1jjc_1",
-  "purpur-tabs__scroll-button": "_purpur-tabs__scroll-button_j1jjc_9",
-  "purpur-tabs__scroll-button--left": "_purpur-tabs__scroll-button--left_j1jjc_71",
-  "purpur-tabs__scroll-button--right": "_purpur-tabs__scroll-button--right_j1jjc_74",
-  "purpur-tabs__wrapper--scroll-end": "_purpur-tabs__wrapper--scroll-end_j1jjc_77",
-  "purpur-tabs__wrapper--scroll-start": "_purpur-tabs__wrapper--scroll-start_j1jjc_80",
-  "purpur-tabs--line": "_purpur-tabs--line_j1jjc_83",
-  "purpur-tabs--line-negative": "_purpur-tabs--line-negative_j1jjc_83",
-  "purpur-tabs__selected-border": "_purpur-tabs__selected-border_j1jjc_91",
-  "purpur-tabs__content-wrapper": "_purpur-tabs__content-wrapper_j1jjc_115",
-  "purpur-tabs--contained": "_purpur-tabs--contained_j1jjc_123",
-  "purpur-tabs__list": "_purpur-tabs__list_j1jjc_123",
-  "purpur-tabs--contained-negative": "_purpur-tabs--contained-negative_j1jjc_123",
-  "purpur-tabs__content-container": "_purpur-tabs__content-container_j1jjc_126",
-  "purpur-tabs--fullWidth": "_purpur-tabs--fullWidth_j1jjc_136"
-}, rn = ["line", "contained"], Ht = (e) => new CustomEvent("tabChangeDetail", { detail: { value: e } }), $ = ie.bind(Xt), T = "purpur-tabs", Jt = (e, t) => {
+), Yt = {
+  "purpur-tabs__wrapper": "_purpur-tabs__wrapper_1u905_1",
+  "purpur-tabs__scroll-button": "_purpur-tabs__scroll-button_1u905_9",
+  "purpur-tabs__scroll-button--left": "_purpur-tabs__scroll-button--left_1u905_71",
+  "purpur-tabs__scroll-button--right": "_purpur-tabs__scroll-button--right_1u905_74",
+  "purpur-tabs__wrapper--scroll-start": "_purpur-tabs__wrapper--scroll-start_1u905_77",
+  "purpur-tabs__wrapper--scroll-end": "_purpur-tabs__wrapper--scroll-end_1u905_80",
+  "purpur-tabs--line": "_purpur-tabs--line_1u905_83",
+  "purpur-tabs--line-negative": "_purpur-tabs--line-negative_1u905_83",
+  "purpur-tabs__selected-border": "_purpur-tabs__selected-border_1u905_91",
+  "purpur-tabs__content-wrapper": "_purpur-tabs__content-wrapper_1u905_115",
+  "purpur-tabs--contained": "_purpur-tabs--contained_1u905_123",
+  "purpur-tabs__list": "_purpur-tabs__list_1u905_123",
+  "purpur-tabs--contained-negative": "_purpur-tabs--contained-negative_1u905_123",
+  "purpur-tabs__content-container": "_purpur-tabs__content-container_1u905_126",
+  "purpur-tabs--fullWidth": "_purpur-tabs--fullWidth_1u905_136"
+}, tn = ["line", "contained"], Zt = (e) => new CustomEvent("tabChangeDetail", { detail: { value: e } }), P = ue.bind(Yt), T = "purpur-tabs", Xt = (e, t) => {
   var d;
   if (typeof (e == null ? void 0 : e.getBoundingClientRect) != "function" || typeof (t == null ? void 0 : t.scroll) != "function")
     return;
-  const r = e.getBoundingClientRect(), o = t.getBoundingClientRect(), s = t.clientWidth, n = parseInt((d = getComputedStyle(t).borderLeftWidth) == null ? void 0 : d.split("px")[0], 10), c = o.left + (isNaN(n) ? 0 : n);
-  let i;
-  r.right > o.right && (i = r.left + t.scrollLeft, i = i + r.width - s + s * 0.1, i = i - c), r.left < o.left && (i = r.left + t.scrollLeft, i = i - s * 0.1, i = i - c), i !== void 0 && t.scroll({ left: i, behavior: "smooth" });
-}, Qt = ({
+  const r = e.getBoundingClientRect(), o = t.getBoundingClientRect(), s = t.clientWidth, n = parseInt((d = getComputedStyle(t).borderLeftWidth) == null ? void 0 : d.split("px")[0], 10), i = o.left + (isNaN(n) ? 0 : n);
+  let c;
+  r.right > o.right && (c = r.left + t.scrollLeft, c = c + r.width - s + s * 0.1, c = c - i), r.left < o.left && (c = r.left + t.scrollLeft, c = c - s * 0.1, c = c - i), c !== void 0 && t.scroll({ left: c, behavior: "smooth" });
+}, Ht = ({
   children: e,
   variant: t = "line",
   negative: r = !1,
   fullWidth: o = !1,
   onChange: s,
   className: n,
-  defaultValue: c,
-  animateHeight: i = !1,
+  defaultValue: i,
+  animateHeight: c = !1,
   "data-testid": d,
-  value: u,
+  value: a,
   ...l
 }) => {
-  const f = ee(null), [v, g] = U(-1), [S, h] = U({}), [_, C] = U(0), [R, w] = U(0), b = q.toArray(e).filter(qt), N = ee(null), x = ee(new Array(b.length)), O = 200, I = t === "line", J = $(
+  const f = te(null), [_, g] = U(-1), [I, h] = U({}), [v, C] = U(0), [N, w] = U(0), b = q.toArray(e).filter(kt), R = te(null), x = te(new Array(b.length)), $ = 200, y = t === "line", Q = P(
     T,
     `${T}--${t}${r ? "-negative" : ""}`,
     { [`${T}--fullWidth`]: o },
     n
-  ), D = q.map(b, ({ props: { tabId: p } }) => p), V = () => {
-    const p = D.findIndex((y) => y === c);
+  ), F = q.map(b, ({ props: { tabId: p } }) => p), V = () => {
+    const p = F.findIndex((S) => S === i);
     return p >= 0 ? p : 0;
   };
-  z(() => {
-    u && W(b.findIndex((p) => p.props.tabId === u));
-  }, [b, u]);
-  const [B, W] = U(V);
-  if (new Set(D).size !== D.length)
+  Y(() => {
+    a && j(b.findIndex((p) => p.props.tabId === a));
+  }, [b, a]);
+  const [B, j] = U(V);
+  if (new Set(F).size !== F.length)
     throw new Error("tabId must be unique");
-  const k = (p, y) => y || d ? `${y || d}-${p}` : void 0, K = () => {
-    if (!I)
+  const G = (p, S) => S || d ? `${S || d}-${p}` : void 0, k = () => {
+    if (!y)
       return;
     const p = x.current[B];
     C((p == null ? void 0 : p.offsetLeft) || 0), w((p == null ? void 0 : p.getBoundingClientRect().width) || 0);
-  }, A = (p) => {
-    I && !u && W(b.findIndex((y) => y.props.tabId === p)), s == null || s(Ht(p));
+  }, E = (p) => {
+    y && !a && j(b.findIndex((S) => S.props.tabId === p)), s == null || s(Zt(p));
   }, Ue = (p) => {
-    if (N != null && N.current) {
-      const { scrollLeft: y } = N.current, P = p === "left" ? -O : O;
-      N.current.scroll({ left: y + P, behavior: "smooth" });
+    if (R != null && R.current) {
+      const { scrollLeft: S } = R.current, M = p === "left" ? -$ : $;
+      R.current.scroll({ left: S + M, behavior: "smooth" });
     }
   }, ae = ({ side: p }) => /* @__PURE__ */ m(
     "button",
     {
-      className: $(`${T}__scroll-button`, `${T}__scroll-button--${p}`),
+      className: P(`${T}__scroll-button`, `${T}__scroll-button--${p}`),
       onClick: () => Ue(p),
       type: "button",
       "aria-hidden": "true",
       tabIndex: -1,
-      "data-testid": k("scroll-button"),
-      children: /* @__PURE__ */ m(he, { svg: p === "left" ? nt : rt, size: "md" })
+      "data-testid": G("scroll-button"),
+      children: /* @__PURE__ */ m(ge, { svg: p === "left" ? et : tt, size: "md" })
     }
   );
-  return z(() => {
+  return Y(() => {
     const p = () => {
-      if (f.current && i) {
-        const P = f.current.offsetHeight;
-        g(P);
+      if (f.current && c) {
+        const M = f.current.offsetHeight;
+        g(M);
       }
-    }, y = () => {
-      p(), K();
+    }, S = () => {
+      p(), k();
     };
-    return p(), window.addEventListener("resize", y), () => {
-      window.removeEventListener("resize", y);
+    return p(), window.addEventListener("resize", S), () => {
+      window.removeEventListener("resize", S);
     };
-  }, [B, i]), z(() => {
-    K();
-  }, [B, o, b.length, t]), z(() => {
-    const p = (j) => {
-      if (j.every((E) => E.isIntersecting) && j.length === b.length) {
+  }, [B, c]), Y(() => {
+    k();
+  }, [B, o, b.length, t]), Y(() => {
+    const p = R.current;
+    if (!p) return;
+    const S = () => {
+      const { scrollLeft: M, scrollWidth: z, clientWidth: K } = p, D = z > K, We = M <= 1, je = M + K >= z - 1;
+      if (!D) {
         h({});
         return;
       }
-      j.forEach((E) => {
-        const le = Number(E.target.getAttribute("data-index")), Ge = le === 0, We = le === b.length - 1;
-        h((ke) => ({
-          ...ke,
-          ...Ge && {
-            [`${T}__wrapper--scroll-end`]: !E.isIntersecting
-          },
-          ...We && {
-            [`${T}__wrapper--scroll-start`]: !E.isIntersecting
-          }
-        }));
+      h({
+        [`${T}__wrapper--scroll-start`]: !We,
+        [`${T}__wrapper--scroll-end`]: !je
       });
-    }, y = new IntersectionObserver(p, {
-      threshold: [0.99],
-      root: N.current
-    }), P = x.current;
-    return P.forEach((j) => y.observe(j)), () => {
-      P.forEach((j) => y.unobserve(j));
     };
-  }, [b.length]), /* @__PURE__ */ m(
-    Ft,
+    return S(), p.addEventListener("scroll", S, { passive: !0 }), window.addEventListener("resize", S), () => {
+      p.removeEventListener("scroll", S), window.removeEventListener("resize", S);
+    };
+  }, []), /* @__PURE__ */ m(
+    Ot,
     {
-      defaultValue: c ?? b[0].props.tabId,
-      onValueChange: A,
+      defaultValue: i ?? b[0].props.tabId,
+      onValueChange: E,
       "data-testid": d,
-      className: J,
-      value: u,
+      className: Q,
+      value: a,
       ...l,
-      children: /* @__PURE__ */ Q("div", { className: $(`${T}__container`), children: [
-        /* @__PURE__ */ Q("div", { className: $(`${T}__wrapper`, S), children: [
-          /* @__PURE__ */ Q(
-            Dt,
+      children: /* @__PURE__ */ ee("div", { className: P(`${T}__container`), children: [
+        /* @__PURE__ */ ee("div", { className: P(`${T}__wrapper`, I), children: [
+          /* @__PURE__ */ ee(
+            Ft,
             {
               ref: (p) => {
-                N.current = p;
+                R.current = p;
               },
-              className: $(`${T}__list`),
+              className: P(`${T}__list`),
               children: [
-                q.map(b, (p, y) => {
-                  const { name: P, tabId: j, "data-testid": ue } = p.props;
+                q.map(b, (p, S) => {
+                  const { name: M, tabId: z, "data-testid": K } = p.props;
                   return /* @__PURE__ */ m(
-                    Zt,
+                    qt,
                     {
-                      "data-testid": k("header", ue),
-                      index: y,
-                      tabId: j,
-                      ref: (E) => {
-                        E && (x.current[y] = E);
+                      "data-testid": G("header", K),
+                      index: S,
+                      tabId: z,
+                      ref: (D) => {
+                        D && (x.current[S] = D);
                       },
-                      onFocus: (E) => {
-                        Jt(E.target, N.current);
+                      onFocus: (D) => {
+                        Xt(D.target, R.current);
                       },
                       variant: t,
                       negative: r,
-                      children: P
+                      children: M
                     }
                   );
                 }),
-                I && /* @__PURE__ */ m(
+                y && /* @__PURE__ */ m(
                   "div",
                   {
-                    className: $(`${T}__selected-border`),
+                    className: P(`${T}__selected-border`),
                     style: {
-                      width: R,
-                      transform: `translateX(${_}px)`
+                      width: N,
+                      transform: `translateX(${v}px)`
                     },
-                    "data-testid": k("selected-border")
+                    "data-testid": G("selected-border")
                   }
                 )
               ]
@@ -976,19 +968,19 @@ const ie = /* @__PURE__ */ Bt(Gt), Wt = {
         /* @__PURE__ */ m(
           "div",
           {
-            className: i ? $(`${T}__content-wrapper`) : "",
-            style: { height: i && v > -1 ? `${v}px` : "auto" },
-            children: /* @__PURE__ */ m("div", { ref: f, className: $(`${T}__content-container`), children: q.map(b, (p) => p) })
+            className: c ? P(`${T}__content-wrapper`) : "",
+            style: { height: c && _ > -1 ? `${_}px` : "auto" },
+            children: /* @__PURE__ */ m("div", { ref: f, className: P(`${T}__content-container`), children: q.map(b, (p) => p) })
           }
         )
       ] })
     }
   );
 };
-Qt.Content = Kt;
+Ht.Content = Gt;
 export {
-  Qt as Tabs,
-  Ht as createTabChangeDetailEvent,
-  rn as tabsVariants
+  Ht as Tabs,
+  Zt as createTabChangeDetailEvent,
+  tn as tabsVariants
 };
 //# sourceMappingURL=tabs.es.js.map