@purpurds/tabs 8.2.1 → 8.2.3

package/dist/tabs.es.js

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