@purpurds/tabs 7.6.1 → 7.8.0

package/dist/tabs.es.js

@@ -17,9 +17,9 @@ function Xe() {
     (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)));
+        for (var r = "", c = 0; c < arguments.length; c++) {
+          var i = arguments[c];
+          i && (r = s(r, o.call(this, i)));
         }
         return r;
       }
@@ -32,13 +32,13 @@ function Xe() {
           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;
+        var c = "";
+        for (var i in r)
+          t.call(r, i) && r[i] && (c = s(c, this && this[i] || i));
+        return c;
       }
-      function s(r, i) {
-        return i ? r ? r + " " + i : r + i : r;
+      function s(r, c) {
+        return c ? r ? r + " " + c : r + c : r;
       }
       e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
     })();
@@ -61,27 +61,12 @@ const Je = /* @__PURE__ */ Ze(He), Qe = {
     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 = ({
-  ["data-testid"]: e,
-  svg: t,
-  allyTitle: n,
-  className: o,
-  size: s = tt,
-  ...r
-}) => {
-  const i = rt({
-    content: ot(t.svg),
-    title: n
-  }), c = et(o, _e, `${_e}--${s}`);
-  return /* @__PURE__ */ m(
-    "span",
-    {
-      className: c,
-      "data-testid": e,
-      dangerouslySetInnerHTML: { __html: i },
-      ...r
-    }
-  );
+}, 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),
+    title: t
+  }), c = et(n, _e, `${_e}--${o}`);
+  return /* @__PURE__ */ m("span", { className: c, dangerouslySetInnerHTML: { __html: r }, ...s });
 };
 Ce.displayName = "Icon";
 const st = {
@@ -89,7 +74,7 @@ const st = {
   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"
-}, it = {
+}, ct = {
   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"],
@@ -103,37 +88,37 @@ function A(e, t, { checkForDefaultPrevented: n = !0 } = {}) {
 }
 function se(e, t = []) {
   let n = [];
-  function o(r, i) {
-    const c = a.createContext(i), l = n.length;
-    n = [...n, i];
+  function o(r, c) {
+    const i = a.createContext(c), l = n.length;
+    n = [...n, c];
     const u = (d) => {
       var h;
-      const { scope: v, children: b, ...f } = d, g = ((h = v == null ? void 0 : v[e]) == null ? void 0 : h[l]) || c, y = a.useMemo(() => f, Object.values(f));
+      const { scope: v, children: b, ...f } = d, g = ((h = v == null ? void 0 : v[e]) == null ? void 0 : h[l]) || i, y = a.useMemo(() => f, Object.values(f));
       return /* @__PURE__ */ m(g.Provider, { value: y, children: b });
     };
     u.displayName = r + "Provider";
     function _(d, v) {
       var g;
-      const b = ((g = v == null ? void 0 : v[e]) == null ? void 0 : g[l]) || c, f = a.useContext(b);
+      const b = ((g = v == null ? void 0 : v[e]) == null ? void 0 : g[l]) || i, f = a.useContext(b);
       if (f) return f;
-      if (i !== void 0) return i;
+      if (c !== void 0) return c;
       throw new Error(`\`${d}\` must be used within \`${r}\``);
     }
     return [u, _];
   }
   const s = () => {
-    const r = n.map((i) => a.createContext(i));
-    return function(c) {
-      const l = (c == null ? void 0 : c[e]) || r;
+    const r = n.map((c) => a.createContext(c));
+    return function(i) {
+      const l = (i == null ? void 0 : i[e]) || r;
       return a.useMemo(
-        () => ({ [`__scope${e}`]: { ...c, [e]: l } }),
-        [c, l]
+        () => ({ [`__scope${e}`]: { ...i, [e]: l } }),
+        [i, l]
       );
     };
   };
-  return s.scopeName = e, [o, ct(s, ...t)];
+  return s.scopeName = e, [o, it(s, ...t)];
 }
-function ct(...e) {
+function it(...e) {
   const t = e[0];
   if (e.length === 1) return t;
   const n = () => {
@@ -142,11 +127,11 @@ function ct(...e) {
       scopeName: s.scopeName
     }));
     return function(r) {
-      const i = o.reduce((c, { useScope: l, scopeName: u }) => {
+      const c = o.reduce((i, { useScope: l, scopeName: u }) => {
         const d = l(r)[`__scope${u}`];
-        return { ...c, ...d };
+        return { ...i, ...d };
       }, {});
-      return a.useMemo(() => ({ [`__scope${t.scopeName}`]: i }), [i]);
+      return a.useMemo(() => ({ [`__scope${t.scopeName}`]: c }), [c]);
     };
   };
   return n.scopeName = t.scopeName, n;
@@ -178,8 +163,8 @@ function Y(...e) {
 var Z = a.forwardRef((e, t) => {
   const { children: n, ...o } = e, s = a.Children.toArray(n), r = s.find(ut);
   if (r) {
-    const i = r.props.children, c = s.map((l) => l === r ? a.Children.count(i) > 1 ? a.Children.only(null) : a.isValidElement(i) ? i.props.children : null : l);
-    return /* @__PURE__ */ m(ne, { ...o, ref: t, children: a.isValidElement(i) ? a.cloneElement(i, void 0, c) : null });
+    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 });
 });
@@ -201,8 +186,8 @@ function lt(e, t) {
   const n = { ...t };
   for (const o in t) {
     const s = e[o], r = t[o];
-    /^on[A-Z]/.test(o) ? s && r ? n[o] = (...c) => {
-      r(...c), s(...c);
+    /^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(" "));
   }
   return { ...e, ...n };
@@ -216,18 +201,18 @@ function ft(e) {
   const t = e + "CollectionProvider", [n, o] = se(t), [s, r] = n(
     t,
     { collectionRef: { current: null }, itemMap: /* @__PURE__ */ new Map() }
-  ), i = (b) => {
+  ), 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 });
   };
-  i.displayName = t;
-  const c = e + "CollectionSlot", l = O.forwardRef(
+  c.displayName = t;
+  const i = e + "CollectionSlot", l = O.forwardRef(
     (b, f) => {
-      const { scope: g, children: y } = b, h = r(c, g), w = Y(f, h.collectionRef);
+      const { scope: g, children: y } = b, h = r(i, g), w = Y(f, h.collectionRef);
       return /* @__PURE__ */ m(Z, { ref: w, children: y });
     }
   );
-  l.displayName = c;
+  l.displayName = i;
   const u = e + "CollectionItemSlot", _ = "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);
@@ -247,7 +232,7 @@ function ft(e) {
     }, [f.collectionRef, f.itemMap]);
   }
   return [
-    { Provider: i, Slot: l, ItemSlot: d },
+    { Provider: c, Slot: l, ItemSlot: d },
     v,
     o
   ];
@@ -280,12 +265,12 @@ var _t = [
   "ul"
 ], $ = _t.reduce((e, t) => {
   const n = a.forwardRef((o, s) => {
-    const { asChild: r, ...i } = o, c = r ? Z : t;
-    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ m(c, { ...i, ref: 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 });
   });
   return n.displayName = `Primitive.${t}`, { ...e, [t]: n };
 }, {});
-function ie(e) {
+function ce(e) {
   const t = a.useRef(e);
   return a.useEffect(() => {
     t.current = e;
@@ -300,23 +285,23 @@ function Se({
   onChange: n = () => {
   }
 }) {
-  const [o, s] = vt({ defaultProp: t, onChange: n }), r = e !== void 0, i = r ? e : o, c = ie(n), l = a.useCallback(
+  const [o, s] = vt({ 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 && c(d);
+        d !== e && i(d);
       } else
         s(u);
     },
-    [r, e, s, c]
+    [r, e, s, i]
   );
-  return [i, l];
+  return [c, l];
 }
 function vt({
   defaultProp: e,
   onChange: t
 }) {
-  const n = a.useState(e), [o] = n, s = a.useRef(o), r = ie(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;
@@ -339,17 +324,17 @@ var It = a.forwardRef((e, t) => {
     orientation: o,
     loop: s = !1,
     dir: r,
-    currentTabStopId: i,
-    defaultCurrentTabStopId: c,
+    currentTabStopId: c,
+    defaultCurrentTabStopId: i,
     onCurrentTabStopIdChange: l,
     onEntryFocus: u,
     preventScrollOnEntryFocus: _ = !1,
     ...d
   } = e, v = a.useRef(null), b = Y(t, v), f = Ne(r), [g = null, y] = Se({
-    prop: i,
-    defaultProp: c,
+    prop: c,
+    defaultProp: i,
     onChange: l
-  }), [h, w] = a.useState(!1), j = ie(u), C = Re(n), N = a.useRef(!1), [D, U] = a.useState(0);
+  }), [h, w] = a.useState(!1), j = ce(u), C = Re(n), N = a.useRef(!1), [D, U] = a.useState(0);
   return a.useEffect(() => {
     const I = v.current;
     if (I)
@@ -411,8 +396,8 @@ var It = a.forwardRef((e, t) => {
       focusable: o = !0,
       active: s = !1,
       tabStopId: r,
-      ...i
-    } = e, c = Ie(), l = r || c, u = yt(Ee, n), _ = u.currentTabStopId === l, d = Re(n), { onFocusableItemAdd: v, onFocusableItemRemove: b } = u;
+      ...c
+    } = e, i = Ie(), l = r || i, u = yt(Ee, n), _ = u.currentTabStopId === l, d = Re(n), { onFocusableItemAdd: v, onFocusableItemRemove: b } = u;
     return a.useEffect(() => {
       if (o)
         return v(), () => b();
@@ -428,7 +413,7 @@ var It = a.forwardRef((e, t) => {
           {
             tabIndex: _ ? 0 : -1,
             "data-orientation": u.orientation,
-            ...i,
+            ...c,
             ref: t,
             onMouseDown: A(e.onMouseDown, (f) => {
               o ? u.onItemFocus(l) : f.preventDefault();
@@ -497,7 +482,7 @@ var Me = (e) => {
 };
 Me.displayName = "Presence";
 function jt(e) {
-  const [t, n] = a.useState(), o = a.useRef({}), s = a.useRef(e), r = a.useRef("none"), i = e ? "mounted" : "unmounted", [c, l] = At(i, {
+  const [t, n] = a.useState(), o = a.useRef({}), s = a.useRef(e), r = a.useRef("none"), c = e ? "mounted" : "unmounted", [i, l] = At(c, {
     mounted: {
       UNMOUNT: "unmounted",
       ANIMATION_OUT: "unmountSuspended"
@@ -512,8 +497,8 @@ function jt(e) {
   });
   return a.useEffect(() => {
     const u = z(o.current);
-    r.current = c === "mounted" ? u : "none";
-  }, [c]), re(() => {
+    r.current = i === "mounted" ? u : "none";
+  }, [i]), re(() => {
     const u = o.current, _ = s.current;
     if (_ !== e) {
       const v = r.current, b = z(u);
@@ -539,7 +524,7 @@ function jt(e) {
     } else
       l("ANIMATION_END");
   }, [t, l]), {
-    isPresent: ["mounted", "unmountSuspended"].includes(c),
+    isPresent: ["mounted", "unmountSuspended"].includes(i),
     ref: a.useCallback((u) => {
       u && (o.current = getComputedStyle(u)), n(u);
     }, [])
@@ -553,20 +538,20 @@ function Mt(e) {
   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 ce = "Tabs", [Pt, nn] = se(ce, [
+var ie = "Tabs", [Pt, nn] = se(ie, [
   Te
-]), Pe = Te(), [Ot, ae] = Pt(ce), Oe = a.forwardRef(
+]), Pe = Te(), [Ot, ae] = Pt(ie), Oe = a.forwardRef(
   (e, t) => {
     const {
       __scopeTabs: n,
       value: o,
       onValueChange: s,
       defaultValue: r,
-      orientation: i = "horizontal",
-      dir: c,
+      orientation: c = "horizontal",
+      dir: i,
       activationMode: l = "automatic",
       ...u
-    } = e, _ = Ne(c), [d, v] = Se({
+    } = e, _ = Ne(i), [d, v] = Se({
       prop: o,
       onChange: s,
       defaultProp: r
@@ -578,14 +563,14 @@ var ce = "Tabs", [Pt, nn] = se(ce, [
         baseId: Ie(),
         value: d,
         onValueChange: v,
-        orientation: i,
+        orientation: c,
         dir: _,
         activationMode: l,
         children: /* @__PURE__ */ m(
           $.div,
           {
             dir: _,
-            "data-orientation": i,
+            "data-orientation": c,
             ...u,
             ref: t
           }
@@ -594,15 +579,15 @@ var ce = "Tabs", [Pt, nn] = se(ce, [
     );
   }
 );
-Oe.displayName = ce;
+Oe.displayName = ie;
 var Fe = "TabsList", $e = a.forwardRef(
   (e, t) => {
-    const { __scopeTabs: n, loop: o = !0, ...s } = e, r = ae(Fe, n), i = Pe(n);
+    const { __scopeTabs: n, loop: o = !0, ...s } = e, r = ae(Fe, n), c = Pe(n);
     return /* @__PURE__ */ m(
       xt,
       {
         asChild: !0,
-        ...i,
+        ...c,
         orientation: r.orientation,
         dir: r.dir,
         loop: o,
@@ -622,12 +607,12 @@ var Fe = "TabsList", $e = a.forwardRef(
 $e.displayName = Fe;
 var De = "TabsTrigger", Le = a.forwardRef(
   (e, t) => {
-    const { __scopeTabs: n, value: o, disabled: s = !1, ...r } = e, i = ae(De, n), c = Pe(n), l = Ue(i.baseId, o), u = Ge(i.baseId, o), _ = o === i.value;
+    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), _ = o === c.value;
     return /* @__PURE__ */ m(
       Et,
       {
         asChild: !0,
-        ...c,
+        ...i,
         focusable: !s,
         active: _,
         children: /* @__PURE__ */ m(
@@ -644,14 +629,14 @@ var De = "TabsTrigger", Le = a.forwardRef(
             ...r,
             ref: t,
             onMouseDown: A(e.onMouseDown, (d) => {
-              !s && d.button === 0 && d.ctrlKey === !1 ? i.onValueChange(o) : d.preventDefault();
+              !s && d.button === 0 && d.ctrlKey === !1 ? c.onValueChange(o) : d.preventDefault();
             }),
             onKeyDown: A(e.onKeyDown, (d) => {
-              [" ", "Enter"].includes(d.key) && i.onValueChange(o);
+              [" ", "Enter"].includes(d.key) && c.onValueChange(o);
             }),
             onFocus: A(e.onFocus, () => {
-              const d = i.activationMode !== "manual";
-              !_ && !s && d && i.onValueChange(o);
+              const d = c.activationMode !== "manual";
+              !_ && !s && d && c.onValueChange(o);
             })
           }
         )
@@ -662,7 +647,7 @@ var De = "TabsTrigger", Le = a.forwardRef(
 Le.displayName = De;
 var Ve = "TabsContent", Be = a.forwardRef(
   (e, t) => {
-    const { __scopeTabs: n, value: o, forceMount: s, children: r, ...i } = e, c = ae(Ve, n), l = Ue(c.baseId, o), u = Ge(c.baseId, o), _ = o === c.value, d = a.useRef(_);
+    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), _ = o === i.value, d = a.useRef(_);
     return a.useEffect(() => {
       const v = requestAnimationFrame(() => d.current = !1);
       return () => cancelAnimationFrame(v);
@@ -670,13 +655,13 @@ var Ve = "TabsContent", Be = a.forwardRef(
       $.div,
       {
         "data-state": _ ? "active" : "inactive",
-        "data-orientation": c.orientation,
+        "data-orientation": i.orientation,
         role: "tabpanel",
         "aria-labelledby": l,
         hidden: !v,
         id: u,
         tabIndex: 0,
-        ...i,
+        ...c,
         ref: t,
         style: {
           ...e.style,
@@ -710,9 +695,9 @@ function Bt() {
     (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)));
+        for (var r = "", c = 0; c < arguments.length; c++) {
+          var i = arguments[c];
+          i && (r = s(r, o.call(this, i)));
         }
         return r;
       }
@@ -725,13 +710,13 @@ function Bt() {
           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;
+        var c = "";
+        for (var i in r)
+          t.call(r, i) && r[i] && (c = s(c, this && this[i] || i));
+        return c;
       }
-      function s(r, i) {
-        return i ? r ? r + " " + i : r + i : r;
+      function s(r, c) {
+        return c ? r ? r + " " + c : r + c : r;
       }
       e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
     })();
@@ -742,22 +727,13 @@ const ue = /* @__PURE__ */ Vt(Ut), Gt = {
   "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
-  }, i) => /* @__PURE__ */ m(
+  ({ children: e, tabId: t, "data-testid": n, className: o, disableForceMount: s, ...r }, c) => /* @__PURE__ */ m(
     Lt,
     {
-      ref: i,
-      className: Wt([
-        ge,
-        o,
-        { [`${ge}--force-mount`]: !s }
-      ]),
+      ref: c,
+      className: Wt(ge, o, {
+        [`${ge}--force-mount`]: !s
+      }),
       "data-testid": n,
       value: t,
       forceMount: !s || void 0,
@@ -779,18 +755,18 @@ const ue = /* @__PURE__ */ Vt(Ut), Gt = {
     negative: o,
     onFocus: s,
     "data-testid": r,
-    children: i
-  }, c) => /* @__PURE__ */ m(
+    children: c
+  }, i) => /* @__PURE__ */ m(
     Dt,
     {
       id: `${t}-trigger`,
-      className: zt([he, `${he}--${n}${o ? "-negative" : ""}`]),
+      className: zt(he, `${he}--${n}${o ? "-negative" : ""}`),
       value: t,
       "data-testid": r,
       "data-index": e,
-      ref: c,
+      ref: i,
       onFocus: s,
-      children: i
+      children: c
     }
   )
 ), Zt = {
@@ -813,9 +789,9 @@ const ue = /* @__PURE__ */ Vt(Ut), Gt = {
   var l;
   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), 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" });
+  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);
+  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 = ({
   children: e,
   variant: t = "line",
@@ -823,19 +799,19 @@ const ue = /* @__PURE__ */ Vt(Ut), Gt = {
   fullWidth: o = !1,
   onChange: s,
   className: r,
-  defaultValue: i,
-  animateHeight: c = !1,
+  defaultValue: c,
+  animateHeight: i = !1,
   "data-testid": l,
   value: u,
   ..._
 }) => {
-  const d = Q(null), [v, 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([
+  const d = Q(null), [v, 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 === i);
+  ), F = K.map(C, ({ props: { tabId: p } }) => p), L = () => {
+    const p = F.findIndex((S) => S === c);
     return p >= 0 ? p : 0;
   };
   q(() => {
@@ -865,12 +841,12 @@ const ue = /* @__PURE__ */ Vt(Ut), Gt = {
       "aria-hidden": "true",
       tabIndex: -1,
       "data-testid": W("scroll-button"),
-      children: /* @__PURE__ */ m(Ce, { svg: p === "left" ? st : it, size: "md" })
+      children: /* @__PURE__ */ m(Ce, { svg: p === "left" ? st : ct, size: "md" })
     }
   );
   return q(() => {
     const p = () => {
-      if (d.current && c) {
+      if (d.current && i) {
         const M = d.current.offsetHeight;
         b(M);
       }
@@ -880,7 +856,7 @@ const ue = /* @__PURE__ */ Vt(Ut), Gt = {
     return p(), window.addEventListener("resize", S), () => {
       window.removeEventListener("resize", S);
     };
-  }, [V, c]), q(() => {
+  }, [V, i]), q(() => {
     k();
   }, [V, o, C.length, t]), q(() => {
     const p = (E) => {
@@ -910,14 +886,14 @@ const ue = /* @__PURE__ */ Vt(Ut), Gt = {
   }, [C.length]), /* @__PURE__ */ m(
     Ft,
     {
-      defaultValue: i ?? C[0].props.tabId,
+      defaultValue: c ?? C[0].props.tabId,
       onValueChange: x,
       "data-testid": l,
       className: H,
       value: u,
       ..._,
       children: /* @__PURE__ */ J("div", { className: P(`${R}__container`), children: [
-        /* @__PURE__ */ J("div", { className: P([`${R}__wrapper`, f]), children: [
+        /* @__PURE__ */ J("div", { className: P(`${R}__wrapper`, f), children: [
           /* @__PURE__ */ J(
             $t,
             {
@@ -966,8 +942,8 @@ const ue = /* @__PURE__ */ Vt(Ut), Gt = {
         /* @__PURE__ */ m(
           "div",
           {
-            className: c ? P(`${R}__content-wrapper`) : "",
-            style: { height: c && v > -1 ? `${v}px` : "auto" },
+            className: i ? P(`${R}__content-wrapper`) : "",
+            style: { height: i && v > -1 ? `${v}px` : "auto" },
             children: /* @__PURE__ */ m("div", { ref: d, className: P(`${R}__content-container`), children: K.map(C, (p) => p) })
           }
         )