@purpurds/tabs 6.0.0 → 6.0.2

package/dist/tabs.es.js

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