@purpurds/tabs 7.3.0 → 7.4.0

package/dist/tabs.es.js

@@ -1,6 +1,6 @@
-import { jsx as m, Fragment as qe, jsxs as J } from "react/jsx-runtime";
+import { jsx as m, Fragment as ze, jsxs as J } 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 z, useEffect as K } 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 "react-dom";
 function Ze(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
@@ -12,7 +12,7 @@ var pe = { exports: {} };
 	http://jedwatson.github.io/classnames
 */
 var me;
-function He() {
+function Xe() {
   return me || (me = 1, function(e) {
     (function() {
       var t = {}.hasOwnProperty;
@@ -44,8 +44,8 @@ function He() {
     })();
   }(pe)), pe.exports;
 }
-var Xe = He();
-const Je = /* @__PURE__ */ Ze(Xe), Qe = {
+var He = Xe();
+const Je = /* @__PURE__ */ Ze(He), Qe = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -193,7 +193,7 @@ var ne = a.forwardRef((e, t) => {
   return a.Children.count(n) > 1 ? a.Children.only(null) : null;
 });
 ne.displayName = "SlotClone";
-var at = ({ children: e }) => /* @__PURE__ */ m(qe, { children: e });
+var at = ({ children: e }) => /* @__PURE__ */ m(ze, { children: e });
 function ut(e) {
   return a.isValidElement(e) && e.type === at;
 }
@@ -326,13 +326,13 @@ function Ne(e) {
   const t = a.useContext(bt);
   return e || t || "ltr";
 }
-var ee = "rovingFocusGroup.onEntryFocus", gt = { bubbles: !1, cancelable: !0 }, H = "RovingFocusGroup", [oe, Re, ht] = ft(H), [wt, Te] = se(
-  H,
+var ee = "rovingFocusGroup.onEntryFocus", gt = { bubbles: !1, cancelable: !0 }, X = "RovingFocusGroup", [oe, Re, ht] = ft(X), [wt, Te] = se(
+  X,
   [ht]
-), [Ct, yt] = wt(H), xe = a.forwardRef(
+), [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 }) }) })
 );
-xe.displayName = H;
+xe.displayName = X;
 var It = a.forwardRef((e, t) => {
   const {
     __scopeRovingFocusGroup: n,
@@ -387,8 +387,8 @@ var It = a.forwardRef((e, t) => {
             N.current = !0;
           }),
           onFocus: A(e.onFocus, (I) => {
-            const X = !N.current;
-            if (I.target === I.currentTarget && X && !h) {
+            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(
@@ -511,19 +511,19 @@ function jt(e) {
     }
   });
   return a.useEffect(() => {
-    const u = q(o.current);
+    const u = z(o.current);
     r.current = c === "mounted" ? u : "none";
   }, [c]), re(() => {
     const u = o.current, _ = s.current;
     if (_ !== e) {
-      const v = r.current, b = q(u);
+      const v = 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;
     }
   }, [e, l]), re(() => {
     if (t) {
       let u;
       const _ = t.ownerDocument.defaultView ?? window, d = (b) => {
-        const g = q(o.current).includes(b.animationName);
+        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 = _.setTimeout(() => {
@@ -531,7 +531,7 @@ function jt(e) {
           });
         }
       }, v = (b) => {
-        b.target === t && (r.current = q(o.current));
+        b.target === t && (r.current = z(o.current));
       };
       return t.addEventListener("animationstart", v), t.addEventListener("animationcancel", d), t.addEventListener("animationend", d), () => {
         _.clearTimeout(u), t.removeEventListener("animationstart", v), t.removeEventListener("animationcancel", d), t.removeEventListener("animationend", d);
@@ -545,7 +545,7 @@ function jt(e) {
     }, [])
   };
 }
-function q(e) {
+function z(e) {
   return (e == null ? void 0 : e.animationName) || "none";
 }
 function Mt(e) {
@@ -765,13 +765,13 @@ const ue = /* @__PURE__ */ Vt(Ut), Gt = {
       children: e
     }
   )
-), zt = (e) => !!e && Ye(e) && !!e.props.name && !!e.props.tabId, Kt = {
-  "purpur-tab-header": "_purpur-tab-header_1thzh_1",
-  "purpur-tab-header--contained": "_purpur-tab-header--contained_1thzh_35",
-  "purpur-tab-header--contained-negative": "_purpur-tab-header--contained-negative_1thzh_35",
-  "purpur-tab-header--line": "_purpur-tab-header--line_1thzh_38",
-  "purpur-tab-header--line-negative": "_purpur-tab-header--line-negative_1thzh_50"
-}, qt = ue.bind(Kt), he = "purpur-tab-header", Yt = we(
+), Kt = (e) => !!e && Ye(e) && !!e.props.name && !!e.props.tabId, qt = {
+  "purpur-tab-header": "_purpur-tab-header_ebsfx_1",
+  "purpur-tab-header--contained": "_purpur-tab-header--contained_ebsfx_36",
+  "purpur-tab-header--contained-negative": "_purpur-tab-header--contained-negative_ebsfx_36",
+  "purpur-tab-header--line": "_purpur-tab-header--line_ebsfx_39",
+  "purpur-tab-header--line-negative": "_purpur-tab-header--line-negative_ebsfx_51"
+}, zt = ue.bind(qt), he = "purpur-tab-header", Yt = we(
   ({
     index: e,
     tabId: t,
@@ -784,7 +784,7 @@ const ue = /* @__PURE__ */ Vt(Ut), Gt = {
     Dt,
     {
       id: `${t}-trigger`,
-      className: qt([he, `${he}--${n}${o ? "-negative" : ""}`]),
+      className: zt([he, `${he}--${n}${o ? "-negative" : ""}`]),
       value: t,
       "data-testid": r,
       "data-index": e,
@@ -809,7 +809,7 @@ 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"], Ht = (e) => new CustomEvent("tabChangeDetail", { detail: { value: e } }), P = ue.bind(Zt), R = "purpur-tabs", Xt = (e, t) => {
+}, rn = ["line", "contained"], Xt = (e) => new CustomEvent("tabChangeDetail", { detail: { value: e } }), P = ue.bind(Zt), R = "purpur-tabs", Ht = (e, t) => {
   var l;
   if (typeof (e == null ? void 0 : e.getBoundingClientRect) != "function" || typeof (t == null ? void 0 : t.scroll) != "function")
     return;
@@ -829,16 +829,16 @@ const ue = /* @__PURE__ */ Vt(Ut), Gt = {
   value: u,
   ..._
 }) => {
-  const d = Q(null), [v, b] = B(-1), [f, g] = B({}), [y, h] = B(0), [w, j] = B(0), C = z.toArray(e).filter(zt), N = Q(null), D = Q(new Array(C.length)), U = 200, I = t === "line", X = 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 = z.map(C, ({ props: { tabId: p } }) => p), L = () => {
+  ]), F = K.map(C, ({ props: { tabId: p } }) => p), L = () => {
     const p = F.findIndex((S) => S === i);
     return p >= 0 ? p : 0;
   };
-  K(() => {
+  q(() => {
     u && G(C.findIndex((p) => p.props.tabId === u));
   }, [C, u]);
   const [V, G] = B(L);
@@ -850,7 +850,7 @@ const ue = /* @__PURE__ */ Vt(Ut), Gt = {
     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(Ht(p));
+    I && !u && G(C.findIndex((S) => S.props.tabId === p)), s == null || s(Xt(p));
   }, We = (p) => {
     if (N != null && N.current) {
       const { scrollLeft: S } = N.current, M = p === "left" ? -200 : U;
@@ -868,7 +868,7 @@ const ue = /* @__PURE__ */ Vt(Ut), Gt = {
       children: /* @__PURE__ */ m(Ce, { svg: p === "left" ? st : it, size: "md" })
     }
   );
-  return K(() => {
+  return q(() => {
     const p = () => {
       if (d.current && c) {
         const M = d.current.offsetHeight;
@@ -880,22 +880,22 @@ const ue = /* @__PURE__ */ Vt(Ut), Gt = {
     return p(), window.addEventListener("resize", S), () => {
       window.removeEventListener("resize", S);
     };
-  }, [V, c]), K(() => {
+  }, [V, c]), q(() => {
     k();
-  }, [V, o, C.length, t]), K(() => {
+  }, [V, o, C.length, t]), q(() => {
     const p = (E) => {
       if (E.every((T) => T.isIntersecting) && E.length === C.length) {
         g({});
         return;
       }
       E.forEach((T) => {
-        const fe = Number(T.target.getAttribute("data-index")), ke = fe === 0, ze = fe === C.length - 1;
-        g((Ke) => ({
-          ...Ke,
+        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
           },
-          ...ze && {
+          ...Ke && {
             [`${R}__wrapper--scroll-start`]: !T.isIntersecting
           }
         }));
@@ -913,7 +913,7 @@ const ue = /* @__PURE__ */ Vt(Ut), Gt = {
       defaultValue: i ?? C[0].props.tabId,
       onValueChange: x,
       "data-testid": l,
-      className: X,
+      className: H,
       value: u,
       ..._,
       children: /* @__PURE__ */ J("div", { className: P(`${R}__container`), children: [
@@ -926,7 +926,7 @@ const ue = /* @__PURE__ */ Vt(Ut), Gt = {
               },
               className: P(`${R}__list`),
               children: [
-                z.map(C, (p, S) => {
+                K.map(C, (p, S) => {
                   const { name: M, tabId: E, "data-testid": de } = p.props;
                   return /* @__PURE__ */ m(
                     Yt,
@@ -938,7 +938,7 @@ const ue = /* @__PURE__ */ Vt(Ut), Gt = {
                         T && (D.current[S] = T);
                       },
                       onFocus: (T) => {
-                        Xt(T.target, N.current);
+                        Ht(T.target, N.current);
                       },
                       variant: t,
                       negative: n,
@@ -966,9 +966,9 @@ const ue = /* @__PURE__ */ Vt(Ut), Gt = {
         /* @__PURE__ */ m(
           "div",
           {
-            className: P(`${R}__content-wrapper`),
+            className: c ? P(`${R}__content-wrapper`) : "",
             style: { height: c && v > -1 ? `${v}px` : "auto" },
-            children: /* @__PURE__ */ m("div", { ref: d, className: P(`${R}__content-container`), children: z.map(C, (p) => p) })
+            children: /* @__PURE__ */ m("div", { ref: d, className: P(`${R}__content-container`), children: K.map(C, (p) => p) })
           }
         )
       ] })
@@ -978,7 +978,7 @@ const ue = /* @__PURE__ */ Vt(Ut), Gt = {
 Jt.Content = kt;
 export {
   Jt as Tabs,
-  Ht as createTabChangeDetailEvent,
+  Xt as createTabChangeDetailEvent,
   rn as tabsVariants
 };
 //# sourceMappingURL=tabs.es.js.map