@purpurds/tabs 4.5.0 → 4.5.1

package/dist/tabs.es.js

@@ -398,7 +398,7 @@ function he(e) {
 const ee = "rovingFocusGroup.onEntryFocus", st = {
   bubbles: !1,
   cancelable: !0
-}, ie = "RovingFocusGroup", [oe, xe, at] = et(ie), [it, Ce] = se(ie, [
+}, ie = "RovingFocusGroup", [oe, xe, at] = et(ie), [it, Ie] = se(ie, [
   at
 ]), [ut, lt] = it(ie), dt = /* @__PURE__ */ T((e, t) => /* @__PURE__ */ g(oe.Provider, {
   scope: e.__scopeRovingFocusGroup
@@ -413,9 +413,9 @@ const ee = "rovingFocusGroup.onEntryFocus", st = {
     onChange: u
   }), [h, m] = O(!1), _ = ae(i), U = xe(n), S = P(!1), [j, G] = O(0);
   return R(() => {
-    const C = d.current;
-    if (C)
-      return C.addEventListener(ee, _), () => C.removeEventListener(ee, _);
+    const I = d.current;
+    if (I)
+      return I.addEventListener(ee, _), () => I.removeEventListener(ee, _);
   }, [
     _
   ]), /* @__PURE__ */ g(ut, {
@@ -425,7 +425,7 @@ const ee = "rovingFocusGroup.onEntryFocus", st = {
     loop: s,
     currentTabStopId: l,
     onItemFocus: L(
-      (C) => $(C),
+      (I) => $(I),
       [
         $
       ]
@@ -436,13 +436,13 @@ const ee = "rovingFocusGroup.onEntryFocus", st = {
     ),
     onFocusableItemAdd: L(
       () => G(
-        (C) => C + 1
+        (I) => I + 1
       ),
       []
     ),
     onFocusableItemRemove: L(
       () => G(
-        (C) => C - 1
+        (I) => I - 1
       ),
       []
     )
@@ -458,25 +458,25 @@ const ee = "rovingFocusGroup.onEntryFocus", st = {
     onMouseDown: M(e.onMouseDown, () => {
       S.current = !0;
     }),
-    onFocus: M(e.onFocus, (C) => {
+    onFocus: M(e.onFocus, (I) => {
       const k = !S.current;
-      if (C.target === C.currentTarget && k && !h) {
+      if (I.target === I.currentTarget && k && !h) {
         const V = new CustomEvent(ee, st);
-        if (C.currentTarget.dispatchEvent(V), !V.defaultPrevented) {
+        if (I.currentTarget.dispatchEvent(V), !V.defaultPrevented) {
           const z = U().filter(
             (x) => x.focusable
           ), J = z.find(
             (x) => x.active
           ), W = z.find(
             (x) => x.id === l
-          ), I = [
+          ), C = [
             J,
             W,
             ...z
           ].filter(Boolean).map(
             (x) => x.ref.current
           );
-          Ie(I);
+          Ce(C);
         }
       }
       S.current = !1;
@@ -535,7 +535,7 @@ const ee = "rovingFocusGroup.onEntryFocus", st = {
           m = i.loop ? _t(m, _ + 1) : m.slice(_ + 1);
         }
         setTimeout(
-          () => Ie(m)
+          () => Ce(m)
         );
       }
     })
@@ -564,7 +564,7 @@ function mt(e, t, n) {
   ].includes(o)))
     return $t[o];
 }
-function Ie(e) {
+function Ce(e) {
   const t = document.activeElement;
   for (const n of e)
     if (n === t || (n.focus(), document.activeElement !== t))
@@ -583,7 +583,7 @@ function xt(e, t) {
   }, e);
 }
 const ye = (e) => {
-  const { present: t, children: n } = e, o = Ct(t), s = typeof n == "function" ? n({
+  const { present: t, children: n } = e, o = It(t), s = typeof n == "function" ? n({
     present: o.isPresent
   }) : E.only(n), r = H(o.ref, s.ref);
   return typeof n == "function" || o.isPresent ? /* @__PURE__ */ ce(s, {
@@ -591,7 +591,7 @@ const ye = (e) => {
   }) : null;
 };
 ye.displayName = "Presence";
-function Ct(e) {
+function It(e) {
   const [t, n] = O(), o = P({}), s = P(e), r = P("none"), c = e ? "mounted" : "unmounted", [a, u] = xt(c, {
     mounted: {
       UNMOUNT: "unmounted",
@@ -650,9 +650,9 @@ function Ct(e) {
 function Y(e) {
   return (e == null ? void 0 : e.animationName) || "none";
 }
-const Se = "Tabs", [It, Qt] = se(Se, [
-  Ce
-]), we = Ce(), [yt, ue] = It(Se), St = /* @__PURE__ */ T((e, t) => {
+const Se = "Tabs", [Ct, Qt] = se(Se, [
+  Ie
+]), we = Ie(), [yt, ue] = Ct(Se), St = /* @__PURE__ */ T((e, t) => {
   const { __scopeTabs: n, value: o, onValueChange: s, defaultValue: r, orientation: c = "horizontal", dir: a, activationMode: u = "automatic", ...i } = e, f = he(a), [d, b] = ge({
     prop: o,
     onChange: s,
@@ -865,20 +865,20 @@ const le = /* @__PURE__ */ Dt(qt), Lt = {
     `${w}--${t}`,
     { [`${w}--fullWidth`]: n },
     s
-  ]), S = E.map(l, ({ props: { tabId: p } }) => p), j = () => S.findIndex((p) => p === r) || 0, [G, C] = O(j);
+  ]), S = E.map(l, ({ props: { tabId: p } }) => p), j = () => S.findIndex((p) => p === r) || 0, [G, I] = O(j);
   if (new Set(S).size !== S.length)
     throw new Error("tabId must be unique");
-  const k = (p, I) => I || c ? `${I || c}-${p}` : void 0, V = () => {
+  const k = (p, C) => C || c ? `${C || c}-${p}` : void 0, V = () => {
     if (!_)
       return;
     const p = h.current[G];
     d((p == null ? void 0 : p.offsetLeft) || 0), v((p == null ? void 0 : p.getBoundingClientRect().width) || 0);
   }, z = (p) => {
-    _ && C(l.findIndex((I) => I.props.tabId === p)), o == null || o(Wt(p));
+    _ && I(l.findIndex((C) => C.props.tabId === p)), o == null || o(Wt(p));
   }, J = (p) => {
     if ($ != null && $.current) {
-      const { scrollLeft: I } = $.current, x = p === "left" ? -m : m;
-      $.current.scroll({ left: I + x, behavior: "smooth" });
+      const { scrollLeft: C } = $.current, x = p === "left" ? -m : m;
+      $.current.scroll({ left: C + x, behavior: "smooth" });
     }
   }, W = ({ side: p }) => /* @__PURE__ */ N(
     "button",
@@ -914,17 +914,17 @@ const le = /* @__PURE__ */ Dt(qt), Lt = {
           }
         }));
       });
-    }, I = new IntersectionObserver(p, {
+    }, C = new IntersectionObserver(p, {
       threshold: [0.99],
       root: $.current
     });
-    return h.current.forEach((x) => I.observe(x)), () => {
-      h.current.forEach((x) => I.unobserve(x));
+    return h.current.forEach((x) => C.observe(x)), () => {
+      h.current.forEach((x) => C.unobserve(x));
     };
   }, [l.length]), /* @__PURE__ */ N(
     Pt,
     {
-      defaultValue: r,
+      defaultValue: r ?? l[0].props.tabId,
       onValueChange: z,
       "data-testid": c,
       className: U,
@@ -939,16 +939,16 @@ const le = /* @__PURE__ */ Dt(qt), Lt = {
               },
               className: q(`${w}__list`),
               children: [
-                E.map(l, (p, I) => {
+                E.map(l, (p, C) => {
                   const { name: x, tabId: de, "data-testid": F } = p.props;
                   return /* @__PURE__ */ N(
                     zt,
                     {
                       "data-testid": k("header", F),
-                      index: I,
+                      index: C,
                       tabId: de,
                       ref: (D) => {
-                        D && (h.current[I] = D);
+                        D && (h.current[C] = D);
                       },
                       onFocus: (D) => {
                         Yt(D.target, $.current);