@purpurds/tabs 6.3.0 → 6.4.0

package/dist/tabs.es.js

@@ -1,48 +1,51 @@
-import { jsx as m, Fragment as Be, jsxs as X } from "react/jsx-runtime";
+import { jsx as m, Fragment as Ge, 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 P, { forwardRef as ge, isValidElement as We, useState as B, Children as U, useRef as ue, useEffect as j } from "react";
 import "react-dom";
-function Ge(e) {
+function ke(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var me = { exports: {} };
+var le = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-(function(e) {
-  (function() {
-    var t = {}.hasOwnProperty;
-    function n() {
-      for (var r = "", i = 0; i < arguments.length; i++) {
-        var c = arguments[i];
-        c && (r = s(r, o.call(this, c)));
+var de;
+function Ke() {
+  return de || (de = 1, function(e) {
+    (function() {
+      var t = {}.hasOwnProperty;
+      function n() {
+        for (var r = "", i = 0; i < arguments.length; i++) {
+          var c = arguments[i];
+          c && (r = s(r, o.call(this, c)));
+        }
+        return r;
       }
-      return r;
-    }
-    function o(r) {
-      if (typeof r == "string" || typeof r == "number")
-        return this && this[r] || r;
-      if (typeof r != "object")
-        return "";
-      if (Array.isArray(r))
-        return n.apply(this, r);
-      if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
-        return r.toString();
-      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, i) {
-      return i ? r ? r + " " + i : r + i : r;
-    }
-    e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
-  })();
-})(me);
-var We = me.exports;
-const ke = /* @__PURE__ */ Ge(We), Ke = {
+      function o(r) {
+        if (typeof r == "string" || typeof r == "number")
+          return this && this[r] || r;
+        if (typeof r != "object")
+          return "";
+        if (Array.isArray(r))
+          return n.apply(this, r);
+        if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
+          return r.toString();
+        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, i) {
+        return i ? r ? r + " " + i : r + i : r;
+      }
+      e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
+    })();
+  }(le)), le.exports;
+}
+var ze = Ke();
+const Ye = /* @__PURE__ */ ke(ze), Ze = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -50,26 +53,26 @@ const ke = /* @__PURE__ */ Ge(We), 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), 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 } = {}) => {
+}, Xe = Ye.bind(Ze), fe = "purpur-icon", Je = "md", Qe = (e) => e.filter((t) => Object.keys(t).length >= 1).map((t) => `${t.name}="${t.value}"`).join(" "), He = ({ 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 ${Ze(n)}>${o}${e}</svg>`;
-}, Je = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), _e = ({
+  return `<svg ${Qe(n)}>${o}${e}</svg>`;
+}, et = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), be = ({
   ["data-testid"]: e,
   svg: t,
   allyTitle: n,
   className: o,
-  size: s = Ye,
+  size: s = Je,
   ...r
 }) => {
-  const i = Xe({
-    content: Je(t.svg),
+  const i = He({
+    content: et(t.svg),
     title: n
-  }), c = ze(o, ue, `${ue}--${s}`);
+  }), c = Xe(o, fe, `${fe}--${s}`);
   return /* @__PURE__ */ m(
     "span",
     {
@@ -81,13 +84,13 @@ const ke = /* @__PURE__ */ Ge(We), Ke = {
     }
   );
 };
-_e.displayName = "Icon";
-const Qe = {
+be.displayName = "Icon";
+const tt = {
   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"
-}, He = {
+}, nt = {
   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"],
@@ -99,25 +102,25 @@ function x(e, t, { checkForDefaultPrevented: n = !0 } = {}) {
       return t == null ? void 0 : t(s);
   };
 }
-function te(e, t = []) {
+function ne(e, t = []) {
   let n = [];
   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 });
+      const { scope: g, children: h, ...f } = d, y = ((_ = g == null ? void 0 : g[e]) == null ? void 0 : _[u]) || c, b = a.useMemo(() => f, Object.values(f));
+      return /* @__PURE__ */ m(y.Provider, { value: b, children: h });
     };
     l.displayName = r + "Provider";
-    function g(d, b) {
+    function v(d, g) {
       var y;
-      const h = ((y = b == null ? void 0 : b[e]) == null ? void 0 : y[u]) || c, f = a.useContext(h);
+      const h = ((y = g == null ? void 0 : g[e]) == null ? void 0 : y[u]) || c, f = a.useContext(h);
       if (f) return f;
       if (i !== void 0) return i;
       throw new Error(`\`${d}\` must be used within \`${r}\``);
     }
-    return [l, g];
+    return [l, v];
   }
   const s = () => {
     const r = n.map((i) => a.createContext(i));
@@ -129,9 +132,9 @@ function te(e, t = []) {
       );
     };
   };
-  return s.scopeName = e, [o, et(s, ...t)];
+  return s.scopeName = e, [o, rt(s, ...t)];
 }
-function et(...e) {
+function rt(...e) {
   const t = e[0];
   if (e.length === 1) return t;
   const n = () => {
@@ -149,53 +152,53 @@ function et(...e) {
   };
   return n.scopeName = t.scopeName, n;
 }
-function le(e, t) {
+function pe(e, t) {
   if (typeof e == "function")
     return e(t);
   e != null && (e.current = t);
 }
-function ge(...e) {
+function he(...e) {
   return (t) => {
     let n = !1;
     const o = e.map((s) => {
-      const r = le(s, t);
+      const r = pe(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);
+          typeof r == "function" ? r() : pe(e[s], null);
         }
       };
   };
 }
 function W(...e) {
-  return a.useCallback(ge(...e), e);
+  return a.useCallback(he(...e), e);
 }
 var k = a.forwardRef((e, t) => {
-  const { children: n, ...o } = e, s = a.Children.toArray(n), r = s.find(nt);
+  const { children: n, ...o } = e, s = a.Children.toArray(n), r = s.find(st);
   if (r) {
     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__ */ m(H, { ...o, ref: t, children: a.isValidElement(i) ? a.cloneElement(i, void 0, c) : null });
   }
-  return /* @__PURE__ */ m(Q, { ...o, ref: t, children: n });
+  return /* @__PURE__ */ m(H, { ...o, ref: t, children: n });
 });
 k.displayName = "Slot";
-var Q = a.forwardRef((e, t) => {
+var H = a.forwardRef((e, t) => {
   const { children: n, ...o } = e;
   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);
+    const s = ct(n), r = it(o, n.props);
+    return n.type !== a.Fragment && (r.ref = t ? he(t, s) : s), a.cloneElement(n, r);
   }
   return a.Children.count(n) > 1 ? a.Children.only(null) : null;
 });
-Q.displayName = "SlotClone";
-var tt = ({ children: e }) => /* @__PURE__ */ m(Be, { children: e });
-function nt(e) {
-  return a.isValidElement(e) && e.type === tt;
+H.displayName = "SlotClone";
+var ot = ({ children: e }) => /* @__PURE__ */ m(Ge, { children: e });
+function st(e) {
+  return a.isValidElement(e) && e.type === ot;
 }
-function rt(e, t) {
+function it(e, t) {
   const n = { ...t };
   for (const o in t) {
     const s = e[o], r = t[o];
@@ -205,40 +208,40 @@ function rt(e, t) {
   }
   return { ...e, ...n };
 }
-function ot(e) {
+function ct(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);
 }
-function st(e) {
-  const t = e + "CollectionProvider", [n, o] = te(t), [s, r] = n(
+function at(e) {
+  const t = e + "CollectionProvider", [n, o] = ne(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 });
+    const { scope: f, children: y } = h, b = P.useRef(null), _ = P.useRef(/* @__PURE__ */ new Map()).current;
+    return /* @__PURE__ */ m(s, { scope: f, itemMap: _, collectionRef: b, 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 });
+      const { scope: y, children: b } = h, _ = r(c, y), w = W(f, _.collectionRef);
+      return /* @__PURE__ */ m(k, { ref: w, children: b });
     }
   );
   u.displayName = c;
-  const l = e + "CollectionItemSlot", g = "data-radix-collection-item", d = P.forwardRef(
+  const l = e + "CollectionItemSlot", v = "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 });
+      const { scope: y, children: b, ..._ } = 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, { [v]: "", ref: E, children: b });
     }
   );
   d.displayName = l;
-  function b(h) {
+  function g(h) {
     const f = r(e + "CollectionConsumer", h);
     return P.useCallback(() => {
-      const v = f.collectionRef.current;
-      if (!v) return [];
-      const _ = Array.from(v.querySelectorAll(`[${g}]`));
+      const b = f.collectionRef.current;
+      if (!b) return [];
+      const _ = Array.from(b.querySelectorAll(`[${v}]`));
       return Array.from(f.itemMap.values()).sort(
         (N, A) => _.indexOf(N.ref.current) - _.indexOf(A.ref.current)
       );
@@ -246,20 +249,20 @@ function st(e) {
   }
   return [
     { Provider: i, Slot: u, ItemSlot: d },
-    b,
+    g,
     o
   ];
 }
-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}` : "");
+var ee = globalThis != null && globalThis.document ? a.useLayoutEffect : () => {
+}, ut = a.useId || (() => {
+}), lt = 0;
+function ye(e) {
+  const [t, n] = a.useState(ut());
+  return ee(() => {
+    n((o) => o ?? String(lt++));
+  }, [e]), t ? `radix-${t}` : "";
 }
-var at = [
+var dt = [
   "a",
   "button",
   "div",
@@ -276,14 +279,14 @@ var at = [
   "span",
   "svg",
   "ul"
-], D = at.reduce((e, t) => {
+], D = dt.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 };
 }, {});
-function ne(e) {
+function re(e) {
   const t = a.useRef(e);
   return a.useEffect(() => {
     t.current = e;
@@ -292,13 +295,13 @@ function ne(e) {
     return (o = t.current) == null ? void 0 : o.call(t, ...n);
   }, []);
 }
-function ve({
+function Ce({
   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(
+  const [o, s] = ft({ defaultProp: t, onChange: n }), r = e !== void 0, i = r ? e : o, c = re(n), u = a.useCallback(
     (l) => {
       if (r) {
         const d = typeof l == "function" ? l(e) : l;
@@ -310,28 +313,28 @@ function ve({
   );
   return [i, u];
 }
-function ut({
+function ft({
   defaultProp: e,
   onChange: t
 }) {
-  const n = a.useState(e), [o] = n, s = a.useRef(o), r = ne(t);
+  const n = a.useState(e), [o] = n, s = a.useRef(o), r = re(t);
   return a.useEffect(() => {
     s.current !== o && (r(o), s.current = o);
   }, [o, s, r]), n;
 }
-var lt = a.createContext(void 0);
-function he(e) {
-  const t = a.useContext(lt);
+var pt = a.createContext(void 0);
+function we(e) {
+  const t = a.useContext(pt);
   return e || t || "ltr";
 }
-var J = "rovingFocusGroup.onEntryFocus", dt = { bubbles: !1, cancelable: !0 }, K = "RovingFocusGroup", [ee, ye, ft] = st(K), [pt, Ce] = te(
+var J = "rovingFocusGroup.onEntryFocus", mt = { bubbles: !1, cancelable: !0 }, K = "RovingFocusGroup", [te, Ie, _t] = at(K), [vt, Se] = ne(
   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 }) }) })
+  [_t]
+), [gt, bt] = vt(K), Ne = a.forwardRef(
+  (e, t) => /* @__PURE__ */ m(te.Provider, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ m(te.Slot, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ m(ht, { ...e, ref: t }) }) })
 );
-we.displayName = K;
-var gt = a.forwardRef((e, t) => {
+Ne.displayName = K;
+var ht = a.forwardRef((e, t) => {
   const {
     __scopeRovingFocusGroup: n,
     orientation: o,
@@ -341,19 +344,19 @@ var gt = a.forwardRef((e, t) => {
     defaultCurrentTabStopId: c,
     onCurrentTabStopIdChange: u,
     onEntryFocus: l,
-    preventScrollOnEntryFocus: g = !1,
+    preventScrollOnEntryFocus: v = !1,
     ...d
-  } = e, b = a.useRef(null), h = W(t, b), f = he(r), [y = null, v] = ve({
+  } = e, g = a.useRef(null), h = W(t, g), f = we(r), [y = null, b] = Ce({
     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);
+  }), [_, w] = a.useState(!1), E = re(l), N = Ie(n), A = a.useRef(!1), [q, L] = a.useState(0);
   return a.useEffect(() => {
-    const I = b.current;
+    const I = g.current;
     if (I)
       return I.addEventListener(J, E), () => I.removeEventListener(J, E);
   }, [E]), /* @__PURE__ */ m(
-    mt,
+    gt,
     {
       scope: n,
       orientation: o,
@@ -361,22 +364,22 @@ var gt = a.forwardRef((e, t) => {
       loop: s,
       currentTabStopId: y,
       onItemFocus: a.useCallback(
-        (I) => v(I),
-        [v]
+        (I) => b(I),
+        [b]
       ),
       onItemShiftTab: a.useCallback(() => w(!0), []),
       onFocusableItemAdd: a.useCallback(
-        () => q((I) => I + 1),
+        () => L((I) => I + 1),
         []
       ),
       onFocusableItemRemove: a.useCallback(
-        () => q((I) => I - 1),
+        () => L((I) => I - 1),
         []
       ),
       children: /* @__PURE__ */ m(
         D.div,
         {
-          tabIndex: _ || L === 0 ? -1 : 0,
+          tabIndex: _ || q === 0 ? -1 : 0,
           "data-orientation": o,
           ...d,
           ref: h,
@@ -387,12 +390,12 @@ var gt = a.forwardRef((e, t) => {
           onFocus: x(e.onFocus, (I) => {
             const V = !A.current;
             if (I.target === I.currentTarget && V && !_) {
-              const F = new CustomEvent(J, dt);
+              const F = new CustomEvent(J, mt);
               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);
+                xe(p, v);
               }
             }
             A.current = !1;
@@ -402,7 +405,7 @@ var gt = a.forwardRef((e, t) => {
       )
     }
   );
-}), Ie = "RovingFocusGroupItem", Se = a.forwardRef(
+}), Re = "RovingFocusGroupItem", Te = a.forwardRef(
   (e, t) => {
     const {
       __scopeRovingFocusGroup: n,
@@ -410,12 +413,12 @@ var gt = a.forwardRef((e, t) => {
       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;
+    } = e, c = ye(), u = r || c, l = bt(Re, n), v = l.currentTabStopId === u, d = Ie(n), { onFocusableItemAdd: g, onFocusableItemRemove: h } = l;
     return a.useEffect(() => {
       if (o)
-        return b(), () => h();
-    }, [o, b, h]), /* @__PURE__ */ m(
-      ee.ItemSlot,
+        return g(), () => h();
+    }, [o, g, h]), /* @__PURE__ */ m(
+      te.ItemSlot,
       {
         scope: n,
         id: u,
@@ -424,7 +427,7 @@ var gt = a.forwardRef((e, t) => {
         children: /* @__PURE__ */ m(
           D.span,
           {
-            tabIndex: g ? 0 : -1,
+            tabIndex: v ? 0 : -1,
             "data-orientation": l.orientation,
             ...i,
             ref: t,
@@ -438,7 +441,7 @@ var gt = a.forwardRef((e, t) => {
                 return;
               }
               if (f.target !== f.currentTarget) return;
-              const y = ht(f, l.orientation, l.dir);
+              const y = wt(f, l.orientation, l.dir);
               if (y !== void 0) {
                 if (f.metaKey || f.ctrlKey || f.altKey || f.shiftKey) return;
                 f.preventDefault();
@@ -447,9 +450,9 @@ var gt = a.forwardRef((e, t) => {
                 else if (y === "prev" || y === "next") {
                   y === "prev" && _.reverse();
                   const w = _.indexOf(f.currentTarget);
-                  _ = l.loop ? yt(_, w + 1) : _.slice(w + 1);
+                  _ = l.loop ? It(_, w + 1) : _.slice(w + 1);
                 }
-                setTimeout(() => Ne(_));
+                setTimeout(() => xe(_));
               }
             })
           }
@@ -458,8 +461,8 @@ var gt = a.forwardRef((e, t) => {
     );
   }
 );
-Se.displayName = Ie;
-var bt = {
+Te.displayName = Re;
+var yt = {
   ArrowLeft: "prev",
   ArrowUp: "prev",
   ArrowRight: "next",
@@ -469,33 +472,33 @@ var bt = {
   PageDown: "last",
   End: "last"
 };
-function vt(e, t) {
+function Ct(e, t) {
   return t !== "rtl" ? e : e === "ArrowLeft" ? "ArrowRight" : e === "ArrowRight" ? "ArrowLeft" : e;
 }
-function ht(e, t, n) {
-  const o = vt(e.key, n);
+function wt(e, t, n) {
+  const o = Ct(e.key, n);
   if (!(t === "vertical" && ["ArrowLeft", "ArrowRight"].includes(o)) && !(t === "horizontal" && ["ArrowUp", "ArrowDown"].includes(o)))
-    return bt[o];
+    return yt[o];
 }
-function Ne(e, t = !1) {
+function xe(e, t = !1) {
   const n = document.activeElement;
   for (const o of e)
     if (o === n || (o.focus({ preventScroll: t }), document.activeElement !== n)) return;
 }
-function yt(e, t) {
+function It(e, t) {
   return e.map((n, o) => e[(t + o) % e.length]);
 }
-var Ct = we, wt = Se;
-function It(e, t) {
+var St = Ne, Nt = Te;
+function Rt(e, t) {
   return a.useReducer((n, o) => t[n][o] ?? n, e);
 }
-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));
+var Ee = (e) => {
+  const { present: t, children: n } = e, o = Tt(t), s = typeof n == "function" ? n({ present: o.isPresent }) : a.Children.only(n), r = W(o.ref, xt(s));
   return typeof n == "function" || o.isPresent ? a.cloneElement(s, { ref: r }) : null;
 };
-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, {
+Ee.displayName = "Presence";
+function Tt(e) {
+  const [t, n] = a.useState(), o = a.useRef({}), s = a.useRef(e), r = a.useRef("none"), i = e ? "mounted" : "unmounted", [c, u] = Rt(i, {
     mounted: {
       UNMOUNT: "unmounted",
       ANIMATION_OUT: "unmountSuspended"
@@ -511,28 +514,28 @@ function St(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;
+  }, [c]), ee(() => {
+    const l = o.current, v = s.current;
+    if (v !== e) {
+      const g = r.current, h = G(l);
+      e ? u("MOUNT") : h === "none" || (l == null ? void 0 : l.display) === "none" ? u("UNMOUNT") : u(v && g !== h ? "ANIMATION_OUT" : "UNMOUNT"), s.current = e;
     }
-  }, [e, u]), H(() => {
+  }, [e, u]), ee(() => {
     if (t) {
       let l;
-      const g = t.ownerDocument.defaultView ?? window, d = (h) => {
+      const v = 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);
+          const b = t.style.animationFillMode;
+          t.style.animationFillMode = "forwards", l = v.setTimeout(() => {
+            t.style.animationFillMode === "forwards" && (t.style.animationFillMode = b);
           });
         }
-      }, b = (h) => {
+      }, g = (h) => {
         h.target === t && (r.current = G(o.current));
       };
-      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);
+      return t.addEventListener("animationstart", g), t.addEventListener("animationcancel", d), t.addEventListener("animationend", d), () => {
+        v.clearTimeout(l), t.removeEventListener("animationstart", g), t.removeEventListener("animationcancel", d), t.removeEventListener("animationend", d);
       };
     } else
       u("ANIMATION_END");
@@ -546,14 +549,14 @@ function St(e) {
 function G(e) {
   return (e == null ? void 0 : e.animationName) || "none";
 }
-function Nt(e) {
+function xt(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(
+var oe = "Tabs", [Et, Qt] = ne(oe, [
+  Se
+]), Ae = Se(), [At, se] = Et(oe), Me = a.forwardRef(
   (e, t) => {
     const {
       __scopeTabs: n,
@@ -564,25 +567,25 @@ var re = "Tabs", [Rt, Yt] = te(re, [
       dir: c,
       activationMode: u = "automatic",
       ...l
-    } = e, g = he(c), [d, b] = ve({
+    } = e, v = we(c), [d, g] = Ce({
       prop: o,
       onChange: s,
       defaultProp: r
     });
     return /* @__PURE__ */ m(
-      Tt,
+      At,
       {
         scope: n,
-        baseId: be(),
+        baseId: ye(),
         value: d,
-        onValueChange: b,
+        onValueChange: g,
         orientation: i,
-        dir: g,
+        dir: v,
         activationMode: u,
         children: /* @__PURE__ */ m(
           D.div,
           {
-            dir: g,
+            dir: v,
             "data-orientation": i,
             ...l,
             ref: t
@@ -592,12 +595,12 @@ var re = "Tabs", [Rt, Yt] = te(re, [
     );
   }
 );
-xe.displayName = re;
-var Ee = "TabsList", Ae = a.forwardRef(
+Me.displayName = oe;
+var Pe = "TabsList", Oe = a.forwardRef(
   (e, t) => {
-    const { __scopeTabs: n, loop: o = !0, ...s } = e, r = oe(Ee, n), i = Te(n);
+    const { __scopeTabs: n, loop: o = !0, ...s } = e, r = se(Pe, n), i = Ae(n);
     return /* @__PURE__ */ m(
-      Ct,
+      St,
       {
         asChild: !0,
         ...i,
@@ -617,25 +620,25 @@ var Ee = "TabsList", Ae = a.forwardRef(
     );
   }
 );
-Ae.displayName = Ee;
-var Me = "TabsTrigger", Pe = a.forwardRef(
+Oe.displayName = Pe;
+var Fe = "TabsTrigger", $e = 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;
+    const { __scopeTabs: n, value: o, disabled: s = !1, ...r } = e, i = se(Fe, n), c = Ae(n), u = Le(i.baseId, o), l = Ve(i.baseId, o), v = o === i.value;
     return /* @__PURE__ */ m(
-      wt,
+      Nt,
       {
         asChild: !0,
         ...c,
         focusable: !s,
-        active: g,
+        active: v,
         children: /* @__PURE__ */ m(
           D.button,
           {
             type: "button",
             role: "tab",
-            "aria-selected": g,
+            "aria-selected": v,
             "aria-controls": l,
-            "data-state": g ? "active" : "inactive",
+            "data-state": v ? "active" : "inactive",
             "data-disabled": s ? "" : void 0,
             disabled: s,
             id: u,
@@ -649,7 +652,7 @@ var Me = "TabsTrigger", Pe = a.forwardRef(
             }),
             onFocus: x(e.onFocus, () => {
               const d = i.activationMode !== "manual";
-              !g && !s && d && i.onValueChange(o);
+              !v && !s && d && i.onValueChange(o);
             })
           }
         )
@@ -657,21 +660,21 @@ var Me = "TabsTrigger", Pe = a.forwardRef(
     );
   }
 );
-Pe.displayName = Me;
-var Oe = "TabsContent", Fe = a.forwardRef(
+$e.displayName = Fe;
+var De = "TabsContent", qe = 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);
+    const { __scopeTabs: n, value: o, forceMount: s, children: r, ...i } = e, c = se(De, n), u = Le(c.baseId, o), l = Ve(c.baseId, o), v = o === c.value, d = a.useRef(v);
     return a.useEffect(() => {
-      const b = requestAnimationFrame(() => d.current = !1);
-      return () => cancelAnimationFrame(b);
-    }, []), /* @__PURE__ */ m(Re, { present: s || g, children: ({ present: b }) => /* @__PURE__ */ m(
+      const g = requestAnimationFrame(() => d.current = !1);
+      return () => cancelAnimationFrame(g);
+    }, []), /* @__PURE__ */ m(Ee, { present: s || v, children: ({ present: g }) => /* @__PURE__ */ m(
       D.div,
       {
-        "data-state": g ? "active" : "inactive",
+        "data-state": v ? "active" : "inactive",
         "data-orientation": c.orientation,
         role: "tabpanel",
         "aria-labelledby": u,
-        hidden: !b,
+        hidden: !g,
         id: l,
         tabIndex: 0,
         ...i,
@@ -680,63 +683,66 @@ var Oe = "TabsContent", Fe = a.forwardRef(
           ...e.style,
           animationDuration: d.current ? "0s" : void 0
         },
-        children: b && r
+        children: g && r
       }
     ) });
   }
 );
-Fe.displayName = Oe;
-function $e(e, t) {
+qe.displayName = De;
+function Le(e, t) {
   return `${e}-trigger-${t}`;
 }
-function De(e, t) {
+function Ve(e, t) {
   return `${e}-content-${t}`;
 }
-var xt = xe, Et = Ae, At = Pe, Mt = Fe;
-function Pt(e) {
+var Mt = Me, Pt = Oe, Ot = $e, Ft = qe;
+function $t(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var Le = { exports: {} };
+var Q = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-(function(e) {
-  (function() {
-    var t = {}.hasOwnProperty;
-    function n() {
-      for (var r = "", i = 0; i < arguments.length; i++) {
-        var c = arguments[i];
-        c && (r = s(r, o.call(this, c)));
+var me;
+function Dt() {
+  return me || (me = 1, function(e) {
+    (function() {
+      var t = {}.hasOwnProperty;
+      function n() {
+        for (var r = "", i = 0; i < arguments.length; i++) {
+          var c = arguments[i];
+          c && (r = s(r, o.call(this, c)));
+        }
+        return r;
       }
-      return r;
-    }
-    function o(r) {
-      if (typeof r == "string" || typeof r == "number")
-        return this && this[r] || r;
-      if (typeof r != "object")
-        return "";
-      if (Array.isArray(r))
-        return n.apply(this, r);
-      if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
-        return r.toString();
-      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, i) {
-      return i ? r ? r + " " + i : r + i : r;
-    }
-    e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
-  })();
-})(Le);
-var Ot = Le.exports;
-const se = /* @__PURE__ */ Pt(Ot), Ft = {
+      function o(r) {
+        if (typeof r == "string" || typeof r == "number")
+          return this && this[r] || r;
+        if (typeof r != "object")
+          return "";
+        if (Array.isArray(r))
+          return n.apply(this, r);
+        if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
+          return r.toString();
+        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, i) {
+        return i ? r ? r + " " + i : r + i : r;
+      }
+      e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
+    })();
+  }(Q)), Q.exports;
+}
+var qt = Dt();
+const ie = /* @__PURE__ */ $t(qt), Lt = {
   "purpur-tab-content": "_purpur-tab-content_1ugbi_1",
   "purpur-tab-content--force-mount": "_purpur-tab-content--force-mount_1ugbi_15"
-}, $t = se.bind(Ft), de = "purpur-tab-content", Dt = pe(
+}, Vt = ie.bind(Lt), _e = "purpur-tab-content", Bt = ge(
   ({
     children: e,
     tabId: t,
@@ -745,13 +751,13 @@ const se = /* @__PURE__ */ Pt(Ot), Ft = {
     disableForceMount: s,
     ...r
   }, i) => /* @__PURE__ */ m(
-    Mt,
+    Ft,
     {
       ref: i,
-      className: $t([
-        de,
+      className: Vt([
+        _e,
         o,
-        { [`${de}--force-mount`]: !s }
+        { [`${_e}--force-mount`]: !s }
       ]),
       "data-testid": n,
       value: t,
@@ -760,13 +766,13 @@ const se = /* @__PURE__ */ Pt(Ot), Ft = {
       children: e
     }
   )
-), Lt = (e) => !!e && je(e) && !!e.props.name && !!e.props.tabId, qt = {
+), Ut = (e) => !!e && We(e) && !!e.props.name && !!e.props.tabId, jt = {
   "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"
-}, Vt = se.bind(qt), fe = "purpur-tab-header", Ut = pe(
+}, Gt = ie.bind(jt), ve = "purpur-tab-header", Wt = ge(
   ({
     index: e,
     tabId: t,
@@ -776,10 +782,10 @@ const se = /* @__PURE__ */ Pt(Ot), Ft = {
     "data-testid": r,
     children: i
   }, c) => /* @__PURE__ */ m(
-    At,
+    Ot,
     {
       id: `${t}-trigger`,
-      className: Vt([fe, `${fe}--${n}${o ? "-negative" : ""}`]),
+      className: Gt([ve, `${ve}--${n}${o ? "-negative" : ""}`]),
       value: t,
       "data-testid": r,
       "data-index": e,
@@ -788,7 +794,7 @@ const se = /* @__PURE__ */ Pt(Ot), Ft = {
       children: i
     }
   )
-), Bt = {
+), kt = {
   "purpur-tabs__wrapper": "_purpur-tabs__wrapper_1dpqy_1",
   "purpur-tabs__scroll-button": "_purpur-tabs__scroll-button_1dpqy_9",
   "purpur-tabs__scroll-button--left": "_purpur-tabs__scroll-button--left_1dpqy_63",
@@ -803,14 +809,14 @@ const se = /* @__PURE__ */ Pt(Ot), Ft = {
   "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"
-}, Zt = ["line", "contained"], jt = (e) => new CustomEvent("tabChangeDetail", { detail: { value: e } }), O = se.bind(Bt), S = "purpur-tabs", Gt = (e, t) => {
+}, Ht = ["line", "contained"], Kt = (e) => new CustomEvent("tabChangeDetail", { detail: { value: e } }), O = ie.bind(kt), S = "purpur-tabs", zt = (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), 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 = ({
+}, Yt = ({
   children: e,
   variant: t = "line",
   negative: n = !1,
@@ -822,20 +828,20 @@ const se = /* @__PURE__ */ Pt(Ot), Ft = {
   value: u,
   ...l
 }) => {
-  const [g, d] = U({}), [b, h] = U(0), [f, y] = U(0), v = B.toArray(e).filter(Lt), _ = ae(null), w = ae(new Array(v.length)), E = 200, N = t === "line", A = O([
+  const [v, d] = B({}), [g, h] = B(0), [f, y] = B(0), b = U.toArray(e).filter(Ut), _ = ue(null), w = ue(new Array(b.length)), E = 200, N = t === "line", A = O([
     S,
     `${S}--${t}${n ? "-negative" : ""}`,
     { [`${S}--fullWidth`]: o },
     r
-  ]), L = B.map(v, ({ props: { tabId: p } }) => p), q = () => {
-    const p = L.findIndex((C) => C === i);
+  ]), q = U.map(b, ({ props: { tabId: p } }) => p), L = () => {
+    const p = q.findIndex((C) => C === i);
     return p >= 0 ? p : 0;
   };
   j(() => {
-    u && V(v.findIndex((p) => p.props.tabId === u));
-  }, [v, u]);
-  const [I, V] = U(q);
-  if (new Set(L).size !== L.length)
+    u && V(b.findIndex((p) => p.props.tabId === u));
+  }, [b, u]);
+  const [I, V] = B(L);
+  if (new Set(q).size !== q.length)
     throw new Error("tabId must be unique");
   const F = (p, C) => C || c ? `${C || c}-${p}` : void 0, M = () => {
     if (!N)
@@ -843,7 +849,7 @@ const se = /* @__PURE__ */ Pt(Ot), Ft = {
     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));
+    N && !u && V(b.findIndex((C) => C.props.tabId === p)), s == null || s(Kt(p));
   }, Y = (p) => {
     if (_ != null && _.current) {
       const { scrollLeft: C } = _.current, $ = p === "left" ? -200 : E;
@@ -858,27 +864,27 @@ const se = /* @__PURE__ */ Pt(Ot), Ft = {
       "aria-hidden": "true",
       tabIndex: -1,
       "data-testid": F("scroll-button"),
-      children: /* @__PURE__ */ m(_e, { svg: p === "left" ? Qe : He, size: "md" })
+      children: /* @__PURE__ */ m(be, { svg: p === "left" ? tt : nt, size: "md" })
     }
   );
   return j(() => (window.addEventListener("resize", M), () => {
     window.removeEventListener("resize", M);
   }), []), j(() => {
     M();
-  }, [I, o, v.length, t]), j(() => {
+  }, [I, o, b.length, t]), j(() => {
     const p = (T) => {
-      if (T.every((R) => R.isIntersecting) && T.length === v.length) {
+      if (T.every((R) => R.isIntersecting) && T.length === b.length) {
         d({});
         return;
       }
       T.forEach((R) => {
-        const ce = Number(R.target.getAttribute("data-index")), qe = ce === 0, Ve = ce === v.length - 1;
-        d((Ue) => ({
-          ...Ue,
-          ...qe && {
+        const ae = Number(R.target.getAttribute("data-index")), Be = ae === 0, Ue = ae === b.length - 1;
+        d((je) => ({
+          ...je,
+          ...Be && {
             [`${S}__wrapper--scroll-end`]: !R.isIntersecting
           },
-          ...Ve && {
+          ...Ue && {
             [`${S}__wrapper--scroll-start`]: !R.isIntersecting
           }
         }));
@@ -890,38 +896,38 @@ const se = /* @__PURE__ */ Pt(Ot), Ft = {
     return $.forEach((T) => C.observe(T)), () => {
       $.forEach((T) => C.unobserve(T));
     };
-  }, [v.length]), /* @__PURE__ */ m(
-    xt,
+  }, [b.length]), /* @__PURE__ */ m(
+    Mt,
     {
-      defaultValue: i ?? v[0].props.tabId,
+      defaultValue: i ?? b[0].props.tabId,
       onValueChange: z,
       "data-testid": c,
       className: A,
       value: u,
       ...l,
       children: /* @__PURE__ */ X("div", { className: O(`${S}__container`), children: [
-        /* @__PURE__ */ X("div", { className: O([`${S}__wrapper`, g]), children: [
+        /* @__PURE__ */ X("div", { className: O([`${S}__wrapper`, v]), children: [
           /* @__PURE__ */ X(
-            Et,
+            Pt,
             {
               ref: (p) => {
                 _.current = p;
               },
               className: O(`${S}__list`),
               children: [
-                B.map(v, (p, C) => {
-                  const { name: $, tabId: T, "data-testid": ie } = p.props;
+                U.map(b, (p, C) => {
+                  const { name: $, tabId: T, "data-testid": ce } = p.props;
                   return /* @__PURE__ */ m(
-                    Ut,
+                    Wt,
                     {
-                      "data-testid": F("header", ie),
+                      "data-testid": F("header", ce),
                       index: C,
                       tabId: T,
                       ref: (R) => {
                         R && (w.current[C] = R);
                       },
                       onFocus: (R) => {
-                        Gt(R.target, _.current);
+                        zt(R.target, _.current);
                       },
                       variant: t,
                       negative: n,
@@ -935,7 +941,7 @@ const se = /* @__PURE__ */ Pt(Ot), Ft = {
                     className: O(`${S}__selected-border`),
                     style: {
                       width: f,
-                      transform: `translateX(${b}px)`
+                      transform: `translateX(${g}px)`
                     },
                     "data-testid": F("selected-border")
                   }
@@ -946,15 +952,15 @@ const se = /* @__PURE__ */ Pt(Ot), Ft = {
           /* @__PURE__ */ m(Z, { side: "left" }),
           /* @__PURE__ */ m(Z, { side: "right" })
         ] }),
-        /* @__PURE__ */ m("div", { className: O(`${S}__content-container`), children: B.map(v, (p) => p) })
+        /* @__PURE__ */ m("div", { className: O(`${S}__content-container`), children: U.map(b, (p) => p) })
       ] })
     }
   );
 };
-Wt.Content = Dt;
+Yt.Content = Bt;
 export {
-  Wt as Tabs,
-  jt as createTabChangeDetailEvent,
-  Zt as tabsVariants
+  Yt as Tabs,
+  Kt as createTabChangeDetailEvent,
+  Ht as tabsVariants
 };
 //# sourceMappingURL=tabs.es.js.map