@sps-woodland/core 8.55.2 → 8.56.1

package/lib/product-bar/index.js

@@ -1,9 +1,9 @@
 import * as t from "react";
-import { Metadata as H, cl as k, Icon as Q, selectChildren as re, PortalContext as ne } from "@sps-woodland/core";
+import { Metadata as D, cl as k, Icon as Q, selectChildren as re, PortalContext as ne } from "@sps-woodland/core";
 import { useLink as ae } from "@react-aria/link";
-import { MenuProvider as se, MenuButton as oe, Menu as le, MenuItem as D } from "@ariakit/react";
+import { MenuProvider as oe, MenuButton as se, Menu as le, MenuItem as q } from "@ariakit/react";
 import { useWoodlandLanguage as U } from "@spscommerce/i18n";
-function ce(e, n, r) {
+function _e(e, n, r) {
   return n in e ? Object.defineProperty(e, n, {
     value: r,
     enumerable: !0,
@@ -11,7 +11,7 @@ function ce(e, n, r) {
     writable: !0
   }) : e[n] = r, e;
 }
-function K(e, n) {
+function G(e, n) {
   var r = Object.keys(e);
   if (Object.getOwnPropertySymbols) {
     var a = Object.getOwnPropertySymbols(e);
@@ -24,49 +24,53 @@ function K(e, n) {
 function J(e) {
   for (var n = 1; n < arguments.length; n++) {
     var r = arguments[n] != null ? arguments[n] : {};
-    n % 2 ? K(Object(r), !0).forEach(function(a) {
-      ce(e, a, r[a]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : K(Object(r)).forEach(function(a) {
+    n % 2 ? G(Object(r), !0).forEach(function(a) {
+      _e(e, a, r[a]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : G(Object(r)).forEach(function(a) {
       Object.defineProperty(e, a, Object.getOwnPropertyDescriptor(r, a));
     });
   }
   return e;
 }
-var _e = (e, n, r) => {
+var ce = (e, n, r) => {
   for (var a of Object.keys(e)) {
     var s;
     if (e[a] !== ((s = n[a]) !== null && s !== void 0 ? s : r[a]))
       return !1;
   }
   return !0;
-}, q = (e) => (n) => {
+}, H = (e) => (n) => {
   var r = e.defaultClassName, a = J(J({}, e.defaultVariants), n);
   for (var s in a) {
     var o, l = (o = a[s]) !== null && o !== void 0 ? o : e.defaultVariants[s];
     if (l != null) {
-      var c = l;
-      typeof c == "boolean" && (c = c === !0 ? "true" : "false");
+      var _ = l;
+      typeof _ == "boolean" && (_ = _ === !0 ? "true" : "false");
       var p = (
         // @ts-expect-error
-        e.variantClassNames[s][c]
+        e.variantClassNames[s][_]
       );
       p && (r += " " + p);
     }
   }
   for (var [m, i] of e.compoundVariants)
-    _e(m, a, e.defaultVariants) && (r += " " + i);
+    ce(m, a, e.defaultVariants) && (r += " " + i);
   return r;
-}, ie = "pkg_sps-woodland_core__family_product-bar__version_8_55_2__hash_g6gjux0", ue = q({ defaultClassName: "pkg_sps-woodland_core__family_product-bar__version_8_55_2__hash_g6gjux1", variantClassNames: { fullWidth: { true: "pkg_sps-woodland_core__family_product-bar__version_8_55_2__hash_g6gjux2", false: "pkg_sps-woodland_core__family_product-bar__version_8_55_2__hash_g6gjux3" } }, defaultVariants: { fullWidth: !1 }, compoundVariants: [] }), de = q({ defaultClassName: "pkg_sps-woodland_core__family_product-bar__version_8_55_2__hash_g6gjux4", variantClassNames: { hideNameText: { true: "pkg_sps-woodland_core__family_product-bar__version_8_55_2__hash_g6gjux5", false: "pkg_sps-woodland_core__family_product-bar__version_8_55_2__hash_g6gjux6" } }, defaultVariants: { hideNameText: !1 }, compoundVariants: [] }), fe = "pkg_sps-woodland_core__family_product-bar__version_8_55_2__hash_g6gjux7", pe = "pkg_sps-woodland_core__family_product-bar__version_8_55_2__hash_g6gjux8", me = "pkg_sps-woodland_core__family_product-bar__version_8_55_2__hash_g6gjux9", he = "pkg_sps-woodland_core__family_product-bar__version_8_55_2__hash_g6gjuxa", X = q({ defaultClassName: "pkg_sps-woodland_core__family_product-bar__version_8_55_2__hash_g6gjuxb", variantClassNames: { active: { true: "pkg_sps-woodland_core__family_product-bar__version_8_55_2__hash_g6gjuxc", false: "pkg_sps-woodland_core__family_product-bar__version_8_55_2__hash_g6gjuxd" }, disabled: { true: "pkg_sps-woodland_core__family_product-bar__version_8_55_2__hash_g6gjuxe", false: "pkg_sps-woodland_core__family_product-bar__version_8_55_2__hash_g6gjuxf" } }, defaultVariants: { active: !1, disabled: !1 }, compoundVariants: [] }), ge = "pkg_sps-woodland_core__family_product-bar__version_8_55_2__hash_g6gjuxg", ve = q({ defaultClassName: "pkg_sps-woodland_core__family_product-bar__version_8_55_2__hash_g6gjuxh", variantClassNames: { priorityPlus: { true: "pkg_sps-woodland_core__family_product-bar__version_8_55_2__hash_g6gjuxi", false: "pkg_sps-woodland_core__family_product-bar__version_8_55_2__hash_g6gjuxj" } }, defaultVariants: { priorityPlus: !1 }, compoundVariants: [] });
+}, ie = "pkg_sps-woodland_core__family_product-bar__version_8_56_1__hash_g6gjux0", ue = H({ defaultClassName: "pkg_sps-woodland_core__family_product-bar__version_8_56_1__hash_g6gjux1", variantClassNames: { fullWidth: { true: "pkg_sps-woodland_core__family_product-bar__version_8_56_1__hash_g6gjux2", false: "pkg_sps-woodland_core__family_product-bar__version_8_56_1__hash_g6gjux3" } }, defaultVariants: { fullWidth: !1 }, compoundVariants: [] }), de = H({ defaultClassName: "pkg_sps-woodland_core__family_product-bar__version_8_56_1__hash_g6gjux4", variantClassNames: { hideNameText: { true: "pkg_sps-woodland_core__family_product-bar__version_8_56_1__hash_g6gjux5", false: "pkg_sps-woodland_core__family_product-bar__version_8_56_1__hash_g6gjux6" } }, defaultVariants: { hideNameText: !1 }, compoundVariants: [] }), fe = "pkg_sps-woodland_core__family_product-bar__version_8_56_1__hash_g6gjux7", pe = "pkg_sps-woodland_core__family_product-bar__version_8_56_1__hash_g6gjux8", me = "pkg_sps-woodland_core__family_product-bar__version_8_56_1__hash_g6gjux9", he = "pkg_sps-woodland_core__family_product-bar__version_8_56_1__hash_g6gjuxa", X = H({ defaultClassName: "pkg_sps-woodland_core__family_product-bar__version_8_56_1__hash_g6gjuxb", variantClassNames: { active: { true: "pkg_sps-woodland_core__family_product-bar__version_8_56_1__hash_g6gjuxc", false: "pkg_sps-woodland_core__family_product-bar__version_8_56_1__hash_g6gjuxd" }, disabled: { true: "pkg_sps-woodland_core__family_product-bar__version_8_56_1__hash_g6gjuxe", false: "pkg_sps-woodland_core__family_product-bar__version_8_56_1__hash_g6gjuxf" } }, defaultVariants: { active: !1, disabled: !1 }, compoundVariants: [] }), ge = "pkg_sps-woodland_core__family_product-bar__version_8_56_1__hash_g6gjuxg", ve = "pkg_sps-woodland_core__family_product-bar__version_8_56_1__hash_g6gjuxh", be = H({ defaultClassName: "pkg_sps-woodland_core__family_product-bar__version_8_56_1__hash_g6gjuxi", variantClassNames: { priorityPlus: { true: "pkg_sps-woodland_core__family_product-bar__version_8_56_1__hash_g6gjuxj", false: "pkg_sps-woodland_core__family_product-bar__version_8_56_1__hash_g6gjuxk" } }, defaultVariants: { priorityPlus: !1 }, compoundVariants: [] });
 function Y(e) {
-  const n = t.useRef(null), { linkProps: r } = ae(e, n), { active: a, priority: s, ...o } = e, l = {
+  const n = t.useRef(null), { linkProps: r } = ae(e, n), { active: a, priority: s, ...o } = e, l = e.as ?? (e.href ? "a" : "button"), _ = {
     ...o,
     ...r,
     ref: n,
-    className: k(X({ active: a, disabled: !1 }), e.className)
-  }, c = e.as ?? (e.href ? "a" : "span");
-  return /* @__PURE__ */ t.createElement(c, { ...l }, e.children);
+    className: k(
+      X({ active: a, disabled: !1 }),
+      l === "button" && ge,
+      e.className
+    )
+  };
+  return /* @__PURE__ */ t.createElement(l, { ..._ }, e.children);
 }
-H.set(Y, {
+D.set(Y, {
   name: "Product Bar Tab",
   props: {
     active: { type: "boolean", required: !0 },
@@ -74,24 +78,35 @@ H.set(Y, {
     priority: { type: "number" }
   }
 });
-const Z = t.forwardRef(({
-  children: e,
-  className: n,
-  name: r,
-  logoSrc: a,
-  hideNameText: s = !1,
-  ...o
-}, l) => /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement("a", { className: k(de({ hideNameText: s }), n), ...o, ref: l }, a && /* @__PURE__ */ t.createElement(
-  "img",
-  {
-    className: fe,
-    src: a,
-    "aria-hidden": "true",
-    alt: `${r} Logo`,
-    title: r
+function ye(e) {
+  (e.key === "Enter" || e.key === " ") && (e.preventDefault(), e.currentTarget.click());
+}
+const Z = t.forwardRef(
+  ({ children: e, className: n, name: r, logoSrc: a, hideNameText: s = !1, ...o }, l) => {
+    const _ = !!o.onClick && !("href" in o && o.href);
+    return /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement(
+      "a",
+      {
+        className: k(de({ hideNameText: s }), n),
+        ..._ ? { role: "button", tabIndex: 0, onKeyDown: ye } : {},
+        ...o,
+        ref: l
+      },
+      a && /* @__PURE__ */ t.createElement(
+        "img",
+        {
+          className: fe,
+          src: a,
+          "aria-hidden": "true",
+          alt: `${r} Logo`,
+          title: r
+        }
+      ),
+      r && /* @__PURE__ */ t.createElement("span", { className: k(pe, s && me) }, r)
+    ), /* @__PURE__ */ t.createElement("span", { className: ve }));
   }
-), r && /* @__PURE__ */ t.createElement("span", { className: k(pe, s && me) }, r)), /* @__PURE__ */ t.createElement("span", { className: ge })));
-H.set(Z, {
+);
+D.set(Z, {
   name: "ProductBarName",
   props: {
     name: { type: "string" },
@@ -99,8 +114,8 @@ H.set(Z, {
     hideNameText: { type: "boolean", default: "false" }
   }
 });
-var be = "pkg_sps-woodland_core__family_product-bar__version_8_55_2__hash_5klvkn0", ye = "pkg_sps-woodland_core__family_product-bar__version_8_55_2__hash_5klvkn1", we = "pkg_sps-woodland_core__family_product-bar__version_8_55_2__hash_5klvkn2", z = "pkg_sps-woodland_core__family_product-bar__version_8_55_2__hash_5klvkn3", G = "pkg_sps-woodland_core__family_product-bar__version_8_55_2__hash_5klvkn4";
-function ke({
+var we = "pkg_sps-woodland_core__family_product-bar__version_8_56_1__hash_5klvkn0", ke = "pkg_sps-woodland_core__family_product-bar__version_8_56_1__hash_5klvkn1", Re = "pkg_sps-woodland_core__family_product-bar__version_8_56_1__hash_5klvkn2", z = "pkg_sps-woodland_core__family_product-bar__version_8_56_1__hash_5klvkn3", K = "pkg_sps-woodland_core__family_product-bar__version_8_56_1__hash_5klvkn4";
+function Ce({
   items: e,
   wrapperRef: n
 }) {
@@ -111,10 +126,10 @@ function ke({
   return (
     // Wrap in span for width measurement - don't put ref directly on MenuButton
     // as it interferes with ariakit's internal anchor element ref handling
-    /* @__PURE__ */ t.createElement("span", { ref: n }, /* @__PURE__ */ t.createElement(se, null, /* @__PURE__ */ t.createElement(
-      oe,
+    /* @__PURE__ */ t.createElement("span", { ref: n }, /* @__PURE__ */ t.createElement(oe, null, /* @__PURE__ */ t.createElement(
+      se,
       {
-        className: k(X({ active: a, disabled: !1 }), be),
+        className: k(X({ active: a, disabled: !1 }), we),
         "aria-label": s
       },
       s,
@@ -122,39 +137,39 @@ function ke({
         Q,
         {
           icon: "chevron-down",
-          className: ye,
+          className: ke,
           "aria-hidden": "true"
         }
       )
-    ), /* @__PURE__ */ t.createElement(le, { className: we, gutter: 4 }, e.map((o, l) => {
-      const c = o.props?.active, p = o.props?.children, m = o.props?.onPress, i = o.props?.href, R = o.props?.as, I = () => {
+    ), /* @__PURE__ */ t.createElement(le, { className: Re, gutter: 4 }, e.map((o, l) => {
+      const _ = o.props?.active, p = o.props?.children, m = o.props?.onPress, i = o.props?.href, R = o.props?.as, I = () => {
         m && m();
       };
       if (i && R) {
-        const N = R;
+        const C = R;
         return /* @__PURE__ */ t.createElement(
-          D,
+          q,
           {
             key: l,
-            className: k(z, c && G),
-            render: /* @__PURE__ */ t.createElement(N, { to: i })
+            className: k(z, _ && K),
+            render: /* @__PURE__ */ t.createElement(C, { to: i })
           },
           p
         );
       }
       return i ? /* @__PURE__ */ t.createElement(
-        D,
+        q,
         {
           key: l,
-          className: k(z, c && G),
+          className: k(z, _ && K),
           render: /* @__PURE__ */ t.createElement("a", { href: i })
         },
         p
       ) : /* @__PURE__ */ t.createElement(
-        D,
+        q,
         {
           key: l,
-          className: k(z, c && G),
+          className: k(z, _ && K),
           onClick: I
         },
         p
@@ -162,15 +177,15 @@ function ke({
     }))))
   );
 }
-function Re(e, n = {}) {
+function Ee(e, n = {}) {
   const {
     enabled: r = !0,
     minVisibleItems: a = 1,
     debounceMs: s = 16
     // ~1 frame for responsive resize handling
-  } = n, o = t.useRef(null), l = t.useRef(null), c = t.useRef(null), p = t.useRef(null), m = t.useRef(null), i = t.useRef([]), R = t.useRef(0), I = t.useRef(0), N = t.useRef(!1), [M, E] = t.useState(e.length), [A, B] = t.useState(!1), S = t.useCallback(() => {
+  } = n, o = t.useRef(null), l = t.useRef(null), _ = t.useRef(null), p = t.useRef(null), m = t.useRef(null), i = t.useRef([]), R = t.useRef(0), I = t.useRef(0), C = t.useRef(!1), [M, N] = t.useState(e.length), [A, B] = t.useState(!1), S = t.useCallback(() => {
     if (!o.current) return !1;
-    const _ = o.current, g = Array.from(_.children), u = c.current;
+    const c = o.current, g = Array.from(c.children), u = _.current;
     u && (R.current = u.getBoundingClientRect().width);
     const b = g.filter((y) => y !== u);
     if (b.length < e.length)
@@ -178,18 +193,18 @@ function Re(e, n = {}) {
     if (i.current = b.map((y) => y.getBoundingClientRect().width), m.current) {
       const y = m.current.querySelector("span:last-of-type");
       if (y) {
-        const d = y.getBoundingClientRect().width, C = getComputedStyle(m.current), P = parseFloat(C.marginRight) || 0, f = Math.max(0, P - 8);
+        const d = y.getBoundingClientRect().width, E = getComputedStyle(m.current), P = parseFloat(E.marginRight) || 0, f = Math.max(0, P - 8);
         I.current = d + f;
       }
     }
-    return N.current = !0, !0;
+    return C.current = !0, !0;
   }, [e.length]), V = t.useCallback(() => {
     if (!l.current) return 0;
-    const _ = l.current, g = _.getBoundingClientRect(), u = getComputedStyle(_), b = parseFloat(u.paddingLeft) + parseFloat(u.paddingRight), y = parseFloat(u.gap) || 0;
+    const c = l.current, g = c.getBoundingClientRect(), u = getComputedStyle(c), b = parseFloat(u.paddingLeft) + parseFloat(u.paddingRight), y = parseFloat(u.gap) || 0;
     let d = b;
-    const C = Array.from(_.children), P = C.filter((f) => getComputedStyle(f).display !== "none");
+    const E = Array.from(c.children), P = E.filter((f) => getComputedStyle(f).display !== "none");
     P.length > 1 && (d += y * (P.length - 1));
-    for (const f of C) {
+    for (const f of E) {
       if (f === o.current) continue;
       const T = getComputedStyle(f), L = parseFloat(T.marginLeft) + parseFloat(T.marginRight);
       if (f === p.current) {
@@ -204,52 +219,52 @@ function Re(e, n = {}) {
     }
     return Math.max(0, g.width - d - 2);
   }, []), h = t.useRef(!1), x = t.useCallback(() => {
-    if (!r || !N.current) {
+    if (!r || !C.current) {
       B(!1), h.current = !1;
       return;
     }
-    let _ = V();
+    let c = V();
     const g = i.current, u = R.current || 100, b = I.current || 0;
-    if (h.current && b > 0 && (_ -= b), g.length === 0 || _ <= 0) {
-      E(e.length), B(!1), h.current = !1;
+    if (h.current && b > 0 && (c -= b), g.length === 0 || c <= 0) {
+      N(e.length), B(!1), h.current = !1;
       return;
     }
-    if (g.reduce((v, w) => v + w, 0) <= _) {
-      E(e.length), B(!1), h.current = !1;
+    if (g.reduce((v, w) => v + w, 0) <= c) {
+      N(e.length), B(!1), h.current = !1;
       return;
     }
-    let d = 0, C = 0;
-    const P = _ - u;
+    let d = 0, E = 0;
+    const P = c - u;
     for (let v = 0; v < g.length; v++) {
       const w = g[v];
       if (d + w <= P)
-        d += w, C++;
+        d += w, E++;
       else
         break;
     }
-    const W = Math.min(a, e.length), f = Math.max(C, W), L = g.slice(0, W).reduce((v, w) => v + w, 0) + u, O = C < W && L > _ && b > 0, F = !O && _ > L + b + 20;
+    const W = Math.min(a, e.length), f = Math.max(E, W), L = g.slice(0, W).reduce((v, w) => v + w, 0) + u, O = E < W && L > c && b > 0, F = !O && c > L + b + 20;
     let j = h.current;
-    O && !h.current ? j = !0 : F && h.current && (j = !1), j !== h.current && (h.current = j, B(j)), E(f);
+    O && !h.current ? j = !0 : F && h.current && (j = !1), j !== h.current && (h.current = j, B(j)), N(f);
   }, [r, e.length, a, V]);
   t.useEffect(() => {
     if (!r) {
-      E(e.length);
+      N(e.length);
       return;
     }
-    N.current = !1, i.current = [], E(e.length);
+    C.current = !1, i.current = [], N(e.length);
   }, [r, e.length]), t.useLayoutEffect(() => {
     if (!r || !o.current) return;
     S() && x();
   }), t.useEffect(() => {
     if (!r) return;
-    let _;
+    let c;
     const g = () => {
-      clearTimeout(_), _ = setTimeout(() => {
-        N.current || S(), x();
+      clearTimeout(c), c = setTimeout(() => {
+        C.current || S(), x();
       }, s);
     }, u = new ResizeObserver(g);
     return l.current && u.observe(l.current), () => {
-      clearTimeout(_), u.disconnect();
+      clearTimeout(c), u.disconnect();
     };
   }, [r, S, x, s]);
   const $ = r ? e.slice(0, M) : e, ee = r && M < e.length ? e.slice(M) : [];
@@ -258,7 +273,7 @@ function Re(e, n = {}) {
     overflowItems: ee,
     containerRef: o,
     parentRef: l,
-    overflowButtonRef: c,
+    overflowButtonRef: _,
     contentRef: p,
     brandRef: m,
     hideProductName: A
@@ -270,10 +285,10 @@ function Ne(e) {
     return a === s ? 0 : a - s;
   });
 }
-function Ce(e, n) {
+function Be(e, n) {
   if (n.length === 0)
     return { visible: e, overflow: n };
-  const r = n.findIndex((c) => c.props?.active);
+  const r = n.findIndex((_) => _.props?.active);
   if (r === -1)
     return { visible: e, overflow: n };
   const a = n[r], s = e[e.length - 1], o = [...e.slice(0, -1), a], l = [
@@ -283,32 +298,32 @@ function Ce(e, n) {
   ];
   return { visible: o, overflow: l };
 }
-function Ee({
+function je({
   fullWidth: e,
   enablePriorityPlus: n = !0,
   children: r,
   className: a,
   ...s
 }) {
-  const o = t.useRef(null), [l, c, p] = re(r, [
+  const o = t.useRef(null), [l, _, p] = re(r, [
     { type: Z },
     { type: Y }
   ]), m = t.useMemo(
-    () => n ? Ne(c) : c,
-    [n, c]
+    () => n ? Ne(_) : _,
+    [n, _]
   ), {
     visibleItems: i,
     overflowItems: R,
     containerRef: I,
-    parentRef: N,
+    parentRef: C,
     overflowButtonRef: M,
-    contentRef: E,
+    contentRef: N,
     brandRef: A,
     hideProductName: B
-  } = Re(m, {
+  } = Ee(m, {
     enabled: n
   }), { visible: S, overflow: V } = t.useMemo(
-    () => Ce(
+    () => Be(
       i,
       R
     ),
@@ -326,18 +341,18 @@ function Ee({
     "nav",
     {
       className: ue({ fullWidth: e }),
-      ref: N
+      ref: C
     },
     h,
     /* @__PURE__ */ t.createElement(
       "div",
       {
-        className: ve({ priorityPlus: n }),
+        className: be({ priorityPlus: n }),
         ref: I
       },
       S,
       V.length > 0 && /* @__PURE__ */ t.createElement(
-        ke,
+        Ce,
         {
           items: V,
           wrapperRef: M
@@ -348,21 +363,21 @@ function Ee({
       "div",
       {
         className: he,
-        ref: E
+        ref: N
       },
       /* @__PURE__ */ t.createElement(ne.Provider, { value: { parentElementRef: o, fixed: !0 } }, p)
     )
   ));
 }
-H.set(Ee, {
+D.set(je, {
   name: "ProductBar",
   props: {
     fullWidth: { type: "boolean" },
     enablePriorityPlus: { type: "boolean", default: "true" }
   }
 });
-var Be = "pkg_sps-woodland_core__family_product-bar__version_8_55_2__hash_pqijiy0", je = "pkg_sps-woodland_core__family_product-bar__version_8_55_2__hash_pqijiy1";
-function Ie({
+var Ie = "pkg_sps-woodland_core__family_product-bar__version_8_56_1__hash_pqijiy0", xe = "pkg_sps-woodland_core__family_product-bar__version_8_56_1__hash_pqijiy1";
+function Pe({
   channelId: e,
   className: n,
   ...r
@@ -371,25 +386,25 @@ function Ie({
   return /* @__PURE__ */ t.createElement(
     "a",
     {
-      className: k(Be, n),
+      className: k(Ie, n),
       target: "_blank",
       rel: "noreferrer",
       href: `https://spscommerce.slack.com/archives/${e}`,
       ...r
     },
-    /* @__PURE__ */ t.createElement(Q, { className: je, icon: "conversation", "aria-hidden": "true" }),
+    /* @__PURE__ */ t.createElement(Q, { className: xe, icon: "conversation", "aria-hidden": "true" }),
     /* @__PURE__ */ t.createElement("span", null, a("slackLink.label", { defaultValue: "Chat" }))
   );
 }
-H.set(Ie, {
+D.set(Pe, {
   name: "Slack Link",
   props: {
     channelId: { type: "string", required: !0 }
   }
 });
 export {
-  Ee as ProductBar,
+  je as ProductBar,
   Z as ProductBarName,
   Y as ProductBarTab,
-  Ie as SlackLink
+  Pe as SlackLink
 };

package/lib/product-bar/index.umd.cjs

@@ -1 +1 @@
-(function(u,V){typeof exports=="object"&&typeof module<"u"?V(exports,require("react"),require("@sps-woodland/core"),require("@react-aria/link"),require("@ariakit/react"),require("@spscommerce/i18n")):typeof define=="function"&&define.amd?define(["exports","react","@sps-woodland/core","@react-aria/link","@ariakit/react","@spscommerce/i18n"],V):(u=typeof globalThis<"u"?globalThis:u||self,V(u.ProductBar={},u.react,u.spsWoodlandCore,u.reactAriaLink,u.ariakitReact,u.spscommerceI18n))})(this,(function(u,V,c,te,P,U){"use strict";function re(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const a=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,a.get?a:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const r=re(V);function ne(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function X(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);n&&(a=a.filter(function(s){return Object.getOwnPropertyDescriptor(e,s).enumerable})),t.push.apply(t,a)}return t}function Y(e){for(var n=1;n<arguments.length;n++){var t=arguments[n]!=null?arguments[n]:{};n%2?X(Object(t),!0).forEach(function(a){ne(e,a,t[a])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):X(Object(t)).forEach(function(a){Object.defineProperty(e,a,Object.getOwnPropertyDescriptor(t,a))})}return e}var ae=(e,n,t)=>{for(var a of Object.keys(e)){var s;if(e[a]!==((s=n[a])!==null&&s!==void 0?s:t[a]))return!1}return!0},D=e=>n=>{var t=e.defaultClassName,a=Y(Y({},e.defaultVariants),n);for(var s in a){var o,l=(o=a[s])!==null&&o!==void 0?o:e.defaultVariants[s];if(l!=null){var i=l;typeof i=="boolean"&&(i=i===!0?"true":"false");var h=e.variantClassNames[s][i];h&&(t+=" "+h)}}for(var[g,d]of e.compoundVariants)ae(g,a,e.defaultVariants)&&(t+=" "+d);return t},se="pkg_sps-woodland_core__family_product-bar__version_8_55_2__hash_g6gjux0",oe=D({defaultClassName:"pkg_sps-woodland_core__family_product-bar__version_8_55_2__hash_g6gjux1",variantClassNames:{fullWidth:{true:"pkg_sps-woodland_core__family_product-bar__version_8_55_2__hash_g6gjux2",false:"pkg_sps-woodland_core__family_product-bar__version_8_55_2__hash_g6gjux3"}},defaultVariants:{fullWidth:!1},compoundVariants:[]}),le=D({defaultClassName:"pkg_sps-woodland_core__family_product-bar__version_8_55_2__hash_g6gjux4",variantClassNames:{hideNameText:{true:"pkg_sps-woodland_core__family_product-bar__version_8_55_2__hash_g6gjux5",false:"pkg_sps-woodland_core__family_product-bar__version_8_55_2__hash_g6gjux6"}},defaultVariants:{hideNameText:!1},compoundVariants:[]}),ie="pkg_sps-woodland_core__family_product-bar__version_8_55_2__hash_g6gjux7",ce="pkg_sps-woodland_core__family_product-bar__version_8_55_2__hash_g6gjux8",_e="pkg_sps-woodland_core__family_product-bar__version_8_55_2__hash_g6gjux9",ue="pkg_sps-woodland_core__family_product-bar__version_8_55_2__hash_g6gjuxa",Z=D({defaultClassName:"pkg_sps-woodland_core__family_product-bar__version_8_55_2__hash_g6gjuxb",variantClassNames:{active:{true:"pkg_sps-woodland_core__family_product-bar__version_8_55_2__hash_g6gjuxc",false:"pkg_sps-woodland_core__family_product-bar__version_8_55_2__hash_g6gjuxd"},disabled:{true:"pkg_sps-woodland_core__family_product-bar__version_8_55_2__hash_g6gjuxe",false:"pkg_sps-woodland_core__family_product-bar__version_8_55_2__hash_g6gjuxf"}},defaultVariants:{active:!1,disabled:!1},compoundVariants:[]}),de="pkg_sps-woodland_core__family_product-bar__version_8_55_2__hash_g6gjuxg",fe=D({defaultClassName:"pkg_sps-woodland_core__family_product-bar__version_8_55_2__hash_g6gjuxh",variantClassNames:{priorityPlus:{true:"pkg_sps-woodland_core__family_product-bar__version_8_55_2__hash_g6gjuxi",false:"pkg_sps-woodland_core__family_product-bar__version_8_55_2__hash_g6gjuxj"}},defaultVariants:{priorityPlus:!1},compoundVariants:[]});function G(e){const n=r.useRef(null),{linkProps:t}=te.useLink(e,n),{active:a,priority:s,...o}=e,l={...o,...t,ref:n,className:c.cl(Z({active:a,disabled:!1}),e.className)},i=e.as??(e.href?"a":"span");return r.createElement(i,{...l},e.children)}c.Metadata.set(G,{name:"Product Bar Tab",props:{active:{type:"boolean",required:!0},href:{type:"string"},priority:{type:"number"}}});const K=r.forwardRef(({children:e,className:n,name:t,logoSrc:a,hideNameText:s=!1,...o},l)=>r.createElement(r.Fragment,null,r.createElement("a",{className:c.cl(le({hideNameText:s}),n),...o,ref:l},a&&r.createElement("img",{className:ie,src:a,"aria-hidden":"true",alt:`${t} Logo`,title:t}),t&&r.createElement("span",{className:c.cl(ce,s&&_e)},t)),r.createElement("span",{className:de})));c.Metadata.set(K,{name:"ProductBarName",props:{name:{type:"string"},logoSrc:{type:"string"},hideNameText:{type:"boolean",default:"false"}}});var pe="pkg_sps-woodland_core__family_product-bar__version_8_55_2__hash_5klvkn0",me="pkg_sps-woodland_core__family_product-bar__version_8_55_2__hash_5klvkn1",he="pkg_sps-woodland_core__family_product-bar__version_8_55_2__hash_5klvkn2",J="pkg_sps-woodland_core__family_product-bar__version_8_55_2__hash_5klvkn3",Q="pkg_sps-woodland_core__family_product-bar__version_8_55_2__hash_5klvkn4";function ge({items:e,wrapperRef:n}){const{t}=U.useWoodlandLanguage();if(e.length===0)return null;const a=e.some(o=>o.props?.active),s=t("productBar.more",{defaultValue:"More"});return r.createElement("span",{ref:n},r.createElement(P.MenuProvider,null,r.createElement(P.MenuButton,{className:c.cl(Z({active:a,disabled:!1}),pe),"aria-label":s},s,r.createElement(c.Icon,{icon:"chevron-down",className:me,"aria-hidden":"true"})),r.createElement(P.Menu,{className:he,gutter:4},e.map((o,l)=>{const i=o.props?.active,h=o.props?.children,g=o.props?.onPress,d=o.props?.href,N=o.props?.as,M=()=>{g&&g()};if(d&&N){const C=N;return r.createElement(P.MenuItem,{key:l,className:c.cl(J,i&&Q),render:r.createElement(C,{to:d})},h)}return d?r.createElement(P.MenuItem,{key:l,className:c.cl(J,i&&Q),render:r.createElement("a",{href:d})},h):r.createElement(P.MenuItem,{key:l,className:c.cl(J,i&&Q),onClick:M},h)}))))}function ve(e,n={}){const{enabled:t=!0,minVisibleItems:a=1,debounceMs:s=16}=n,o=r.useRef(null),l=r.useRef(null),i=r.useRef(null),h=r.useRef(null),g=r.useRef(null),d=r.useRef([]),N=r.useRef(0),M=r.useRef(0),C=r.useRef(!1),[W,B]=r.useState(e.length),[H,j]=r.useState(!1),L=r.useCallback(()=>{if(!o.current)return!1;const _=o.current,b=Array.from(_.children),f=i.current;f&&(N.current=f.getBoundingClientRect().width);const w=b.filter(k=>k!==f);if(w.length<e.length)return!1;if(d.current=w.map(k=>k.getBoundingClientRect().width),g.current){const k=g.current.querySelector("span:last-of-type");if(k){const p=k.getBoundingClientRect().width,E=getComputedStyle(g.current),S=parseFloat(E.marginRight)||0,m=Math.max(0,S-8);M.current=p+m}}return C.current=!0,!0},[e.length]),F=r.useCallback(()=>{if(!l.current)return 0;const _=l.current,b=_.getBoundingClientRect(),f=getComputedStyle(_),w=parseFloat(f.paddingLeft)+parseFloat(f.paddingRight),k=parseFloat(f.gap)||0;let p=w;const E=Array.from(_.children),S=E.filter(m=>getComputedStyle(m).display!=="none");S.length>1&&(p+=k*(S.length-1));for(const m of E){if(m===o.current)continue;const z=getComputedStyle(m),A=parseFloat(z.marginLeft)+parseFloat(z.marginRight);if(m===h.current){const x=Array.from(m.children),q=getComputedStyle(m),I=parseFloat(q.gap)||0;for(const y of x){const R=getComputedStyle(y),Ce=parseFloat(R.marginLeft)+parseFloat(R.marginRight);p+=y.getBoundingClientRect().width+Ce}x.length>1&&(p+=I*(x.length-1)),p+=parseFloat(q.paddingLeft)+parseFloat(q.paddingRight),p+=A}else p+=m.getBoundingClientRect().width+A}return Math.max(0,b.width-p-2)},[]),v=r.useRef(!1),O=r.useCallback(()=>{if(!t||!C.current){j(!1),v.current=!1;return}let _=F();const b=d.current,f=N.current||100,w=M.current||0;if(v.current&&w>0&&(_-=w),b.length===0||_<=0){B(e.length),j(!1),v.current=!1;return}if(b.reduce((y,R)=>y+R,0)<=_){B(e.length),j(!1),v.current=!1;return}let p=0,E=0;const S=_-f;for(let y=0;y<b.length;y++){const R=b[y];if(p+R<=S)p+=R,E++;else break}const T=Math.min(a,e.length),m=Math.max(E,T),A=b.slice(0,T).reduce((y,R)=>y+R,0)+f,x=E<T&&A>_&&w>0,q=!x&&_>A+w+20;let I=v.current;x&&!v.current?I=!0:q&&v.current&&(I=!1),I!==v.current&&(v.current=I,j(I)),B(m)},[t,e.length,a,F]);r.useEffect(()=>{if(!t){B(e.length);return}C.current=!1,d.current=[],B(e.length)},[t,e.length]),r.useLayoutEffect(()=>{if(!t||!o.current)return;L()&&O()}),r.useEffect(()=>{if(!t)return;let _;const b=()=>{clearTimeout(_),_=setTimeout(()=>{C.current||L(),O()},s)},f=new ResizeObserver(b);return l.current&&f.observe(l.current),()=>{clearTimeout(_),f.disconnect()}},[t,L,O,s]);const Re=t?e.slice(0,W):e,Ne=t&&W<e.length?e.slice(W):[];return{visibleItems:Re,overflowItems:Ne,containerRef:o,parentRef:l,overflowButtonRef:i,contentRef:h,brandRef:g,hideProductName:H}}function be(e){return[...e].sort((n,t)=>{const a=n.props?.priority??1/0,s=t.props?.priority??1/0;return a===s?0:a-s})}function ye(e,n){if(n.length===0)return{visible:e,overflow:n};const t=n.findIndex(i=>i.props?.active);if(t===-1)return{visible:e,overflow:n};const a=n[t],s=e[e.length-1],o=[...e.slice(0,-1),a],l=[...n.slice(0,t),s,...n.slice(t+1)];return{visible:o,overflow:l}}function $({fullWidth:e,enablePriorityPlus:n=!0,children:t,className:a,...s}){const o=r.useRef(null),[l,i,h]=c.selectChildren(t,[{type:K},{type:G}]),g=r.useMemo(()=>n?be(i):i,[n,i]),{visibleItems:d,overflowItems:N,containerRef:M,parentRef:C,overflowButtonRef:W,contentRef:B,brandRef:H,hideProductName:j}=ve(g,{enabled:n}),{visible:L,overflow:F}=r.useMemo(()=>ye(d,N),[d,N]),v=r.useMemo(()=>{if(!n||!l||l.length===0)return l;const O=l[0];return r.isValidElement(O)?[r.cloneElement(O,{hideNameText:j,ref:H})]:l},[n,l,j,H]);return r.createElement("div",{className:c.cl(se,a),...s,ref:o},r.createElement("nav",{className:oe({fullWidth:e}),ref:C},v,r.createElement("div",{className:fe({priorityPlus:n}),ref:M},L,F.length>0&&r.createElement(ge,{items:F,wrapperRef:W})),r.createElement("div",{className:ue,ref:B},r.createElement(c.PortalContext.Provider,{value:{parentElementRef:o,fixed:!0}},h))))}c.Metadata.set($,{name:"ProductBar",props:{fullWidth:{type:"boolean"},enablePriorityPlus:{type:"boolean",default:"true"}}});var we="pkg_sps-woodland_core__family_product-bar__version_8_55_2__hash_pqijiy0",ke="pkg_sps-woodland_core__family_product-bar__version_8_55_2__hash_pqijiy1";function ee({channelId:e,className:n,...t}){const{t:a}=U.useWoodlandLanguage();return r.createElement("a",{className:c.cl(we,n),target:"_blank",rel:"noreferrer",href:`https://spscommerce.slack.com/archives/${e}`,...t},r.createElement(c.Icon,{className:ke,icon:"conversation","aria-hidden":"true"}),r.createElement("span",null,a("slackLink.label",{defaultValue:"Chat"})))}c.Metadata.set(ee,{name:"Slack Link",props:{channelId:{type:"string",required:!0}}}),u.ProductBar=$,u.ProductBarName=K,u.ProductBarTab=G,u.SlackLink=ee,Object.defineProperty(u,Symbol.toStringTag,{value:"Module"})}));
+(function(u,V){typeof exports=="object"&&typeof module<"u"?V(exports,require("react"),require("@sps-woodland/core"),require("@react-aria/link"),require("@ariakit/react"),require("@spscommerce/i18n")):typeof define=="function"&&define.amd?define(["exports","react","@sps-woodland/core","@react-aria/link","@ariakit/react","@spscommerce/i18n"],V):(u=typeof globalThis<"u"?globalThis:u||self,V(u.ProductBar={},u.react,u.spsWoodlandCore,u.reactAriaLink,u.ariakitReact,u.spscommerceI18n))})(this,(function(u,V,c,te,P,U){"use strict";function re(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const a=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,a.get?a:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const r=re(V);function ne(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function X(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);n&&(a=a.filter(function(o){return Object.getOwnPropertyDescriptor(e,o).enumerable})),t.push.apply(t,a)}return t}function Y(e){for(var n=1;n<arguments.length;n++){var t=arguments[n]!=null?arguments[n]:{};n%2?X(Object(t),!0).forEach(function(a){ne(e,a,t[a])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):X(Object(t)).forEach(function(a){Object.defineProperty(e,a,Object.getOwnPropertyDescriptor(t,a))})}return e}var ae=(e,n,t)=>{for(var a of Object.keys(e)){var o;if(e[a]!==((o=n[a])!==null&&o!==void 0?o:t[a]))return!1}return!0},D=e=>n=>{var t=e.defaultClassName,a=Y(Y({},e.defaultVariants),n);for(var o in a){var s,l=(s=a[o])!==null&&s!==void 0?s:e.defaultVariants[o];if(l!=null){var i=l;typeof i=="boolean"&&(i=i===!0?"true":"false");var h=e.variantClassNames[o][i];h&&(t+=" "+h)}}for(var[g,d]of e.compoundVariants)ae(g,a,e.defaultVariants)&&(t+=" "+d);return t},se="pkg_sps-woodland_core__family_product-bar__version_8_56_1__hash_g6gjux0",oe=D({defaultClassName:"pkg_sps-woodland_core__family_product-bar__version_8_56_1__hash_g6gjux1",variantClassNames:{fullWidth:{true:"pkg_sps-woodland_core__family_product-bar__version_8_56_1__hash_g6gjux2",false:"pkg_sps-woodland_core__family_product-bar__version_8_56_1__hash_g6gjux3"}},defaultVariants:{fullWidth:!1},compoundVariants:[]}),le=D({defaultClassName:"pkg_sps-woodland_core__family_product-bar__version_8_56_1__hash_g6gjux4",variantClassNames:{hideNameText:{true:"pkg_sps-woodland_core__family_product-bar__version_8_56_1__hash_g6gjux5",false:"pkg_sps-woodland_core__family_product-bar__version_8_56_1__hash_g6gjux6"}},defaultVariants:{hideNameText:!1},compoundVariants:[]}),ie="pkg_sps-woodland_core__family_product-bar__version_8_56_1__hash_g6gjux7",ce="pkg_sps-woodland_core__family_product-bar__version_8_56_1__hash_g6gjux8",_e="pkg_sps-woodland_core__family_product-bar__version_8_56_1__hash_g6gjux9",ue="pkg_sps-woodland_core__family_product-bar__version_8_56_1__hash_g6gjuxa",Z=D({defaultClassName:"pkg_sps-woodland_core__family_product-bar__version_8_56_1__hash_g6gjuxb",variantClassNames:{active:{true:"pkg_sps-woodland_core__family_product-bar__version_8_56_1__hash_g6gjuxc",false:"pkg_sps-woodland_core__family_product-bar__version_8_56_1__hash_g6gjuxd"},disabled:{true:"pkg_sps-woodland_core__family_product-bar__version_8_56_1__hash_g6gjuxe",false:"pkg_sps-woodland_core__family_product-bar__version_8_56_1__hash_g6gjuxf"}},defaultVariants:{active:!1,disabled:!1},compoundVariants:[]}),de="pkg_sps-woodland_core__family_product-bar__version_8_56_1__hash_g6gjuxg",fe="pkg_sps-woodland_core__family_product-bar__version_8_56_1__hash_g6gjuxh",pe=D({defaultClassName:"pkg_sps-woodland_core__family_product-bar__version_8_56_1__hash_g6gjuxi",variantClassNames:{priorityPlus:{true:"pkg_sps-woodland_core__family_product-bar__version_8_56_1__hash_g6gjuxj",false:"pkg_sps-woodland_core__family_product-bar__version_8_56_1__hash_g6gjuxk"}},defaultVariants:{priorityPlus:!1},compoundVariants:[]});function K(e){const n=r.useRef(null),{linkProps:t}=te.useLink(e,n),{active:a,priority:o,...s}=e,l=e.as??(e.href?"a":"button"),i={...s,...t,ref:n,className:c.cl(Z({active:a,disabled:!1}),l==="button"&&de,e.className)};return r.createElement(l,{...i},e.children)}c.Metadata.set(K,{name:"Product Bar Tab",props:{active:{type:"boolean",required:!0},href:{type:"string"},priority:{type:"number"}}});function me(e){(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),e.currentTarget.click())}const G=r.forwardRef(({children:e,className:n,name:t,logoSrc:a,hideNameText:o=!1,...s},l)=>{const i=!!s.onClick&&!("href"in s&&s.href);return r.createElement(r.Fragment,null,r.createElement("a",{className:c.cl(le({hideNameText:o}),n),...i?{role:"button",tabIndex:0,onKeyDown:me}:{},...s,ref:l},a&&r.createElement("img",{className:ie,src:a,"aria-hidden":"true",alt:`${t} Logo`,title:t}),t&&r.createElement("span",{className:c.cl(ce,o&&_e)},t)),r.createElement("span",{className:fe}))});c.Metadata.set(G,{name:"ProductBarName",props:{name:{type:"string"},logoSrc:{type:"string"},hideNameText:{type:"boolean",default:"false"}}});var he="pkg_sps-woodland_core__family_product-bar__version_8_56_1__hash_5klvkn0",ge="pkg_sps-woodland_core__family_product-bar__version_8_56_1__hash_5klvkn1",ve="pkg_sps-woodland_core__family_product-bar__version_8_56_1__hash_5klvkn2",J="pkg_sps-woodland_core__family_product-bar__version_8_56_1__hash_5klvkn3",Q="pkg_sps-woodland_core__family_product-bar__version_8_56_1__hash_5klvkn4";function be({items:e,wrapperRef:n}){const{t}=U.useWoodlandLanguage();if(e.length===0)return null;const a=e.some(s=>s.props?.active),o=t("productBar.more",{defaultValue:"More"});return r.createElement("span",{ref:n},r.createElement(P.MenuProvider,null,r.createElement(P.MenuButton,{className:c.cl(Z({active:a,disabled:!1}),he),"aria-label":o},o,r.createElement(c.Icon,{icon:"chevron-down",className:ge,"aria-hidden":"true"})),r.createElement(P.Menu,{className:ve,gutter:4},e.map((s,l)=>{const i=s.props?.active,h=s.props?.children,g=s.props?.onPress,d=s.props?.href,N=s.props?.as,M=()=>{g&&g()};if(d&&N){const B=N;return r.createElement(P.MenuItem,{key:l,className:c.cl(J,i&&Q),render:r.createElement(B,{to:d})},h)}return d?r.createElement(P.MenuItem,{key:l,className:c.cl(J,i&&Q),render:r.createElement("a",{href:d})},h):r.createElement(P.MenuItem,{key:l,className:c.cl(J,i&&Q),onClick:M},h)}))))}function ye(e,n={}){const{enabled:t=!0,minVisibleItems:a=1,debounceMs:o=16}=n,s=r.useRef(null),l=r.useRef(null),i=r.useRef(null),h=r.useRef(null),g=r.useRef(null),d=r.useRef([]),N=r.useRef(0),M=r.useRef(0),B=r.useRef(!1),[W,E]=r.useState(e.length),[H,j]=r.useState(!1),L=r.useCallback(()=>{if(!s.current)return!1;const _=s.current,b=Array.from(_.children),f=i.current;f&&(N.current=f.getBoundingClientRect().width);const w=b.filter(k=>k!==f);if(w.length<e.length)return!1;if(d.current=w.map(k=>k.getBoundingClientRect().width),g.current){const k=g.current.querySelector("span:last-of-type");if(k){const p=k.getBoundingClientRect().width,C=getComputedStyle(g.current),x=parseFloat(C.marginRight)||0,m=Math.max(0,x-8);M.current=p+m}}return B.current=!0,!0},[e.length]),T=r.useCallback(()=>{if(!l.current)return 0;const _=l.current,b=_.getBoundingClientRect(),f=getComputedStyle(_),w=parseFloat(f.paddingLeft)+parseFloat(f.paddingRight),k=parseFloat(f.gap)||0;let p=w;const C=Array.from(_.children),x=C.filter(m=>getComputedStyle(m).display!=="none");x.length>1&&(p+=k*(x.length-1));for(const m of C){if(m===s.current)continue;const z=getComputedStyle(m),A=parseFloat(z.marginLeft)+parseFloat(z.marginRight);if(m===h.current){const S=Array.from(m.children),q=getComputedStyle(m),I=parseFloat(q.gap)||0;for(const y of S){const R=getComputedStyle(y),Ee=parseFloat(R.marginLeft)+parseFloat(R.marginRight);p+=y.getBoundingClientRect().width+Ee}S.length>1&&(p+=I*(S.length-1)),p+=parseFloat(q.paddingLeft)+parseFloat(q.paddingRight),p+=A}else p+=m.getBoundingClientRect().width+A}return Math.max(0,b.width-p-2)},[]),v=r.useRef(!1),O=r.useCallback(()=>{if(!t||!B.current){j(!1),v.current=!1;return}let _=T();const b=d.current,f=N.current||100,w=M.current||0;if(v.current&&w>0&&(_-=w),b.length===0||_<=0){E(e.length),j(!1),v.current=!1;return}if(b.reduce((y,R)=>y+R,0)<=_){E(e.length),j(!1),v.current=!1;return}let p=0,C=0;const x=_-f;for(let y=0;y<b.length;y++){const R=b[y];if(p+R<=x)p+=R,C++;else break}const F=Math.min(a,e.length),m=Math.max(C,F),A=b.slice(0,F).reduce((y,R)=>y+R,0)+f,S=C<F&&A>_&&w>0,q=!S&&_>A+w+20;let I=v.current;S&&!v.current?I=!0:q&&v.current&&(I=!1),I!==v.current&&(v.current=I,j(I)),E(m)},[t,e.length,a,T]);r.useEffect(()=>{if(!t){E(e.length);return}B.current=!1,d.current=[],E(e.length)},[t,e.length]),r.useLayoutEffect(()=>{if(!t||!s.current)return;L()&&O()}),r.useEffect(()=>{if(!t)return;let _;const b=()=>{clearTimeout(_),_=setTimeout(()=>{B.current||L(),O()},o)},f=new ResizeObserver(b);return l.current&&f.observe(l.current),()=>{clearTimeout(_),f.disconnect()}},[t,L,O,o]);const Be=t?e.slice(0,W):e,Ce=t&&W<e.length?e.slice(W):[];return{visibleItems:Be,overflowItems:Ce,containerRef:s,parentRef:l,overflowButtonRef:i,contentRef:h,brandRef:g,hideProductName:H}}function we(e){return[...e].sort((n,t)=>{const a=n.props?.priority??1/0,o=t.props?.priority??1/0;return a===o?0:a-o})}function ke(e,n){if(n.length===0)return{visible:e,overflow:n};const t=n.findIndex(i=>i.props?.active);if(t===-1)return{visible:e,overflow:n};const a=n[t],o=e[e.length-1],s=[...e.slice(0,-1),a],l=[...n.slice(0,t),o,...n.slice(t+1)];return{visible:s,overflow:l}}function $({fullWidth:e,enablePriorityPlus:n=!0,children:t,className:a,...o}){const s=r.useRef(null),[l,i,h]=c.selectChildren(t,[{type:G},{type:K}]),g=r.useMemo(()=>n?we(i):i,[n,i]),{visibleItems:d,overflowItems:N,containerRef:M,parentRef:B,overflowButtonRef:W,contentRef:E,brandRef:H,hideProductName:j}=ye(g,{enabled:n}),{visible:L,overflow:T}=r.useMemo(()=>ke(d,N),[d,N]),v=r.useMemo(()=>{if(!n||!l||l.length===0)return l;const O=l[0];return r.isValidElement(O)?[r.cloneElement(O,{hideNameText:j,ref:H})]:l},[n,l,j,H]);return r.createElement("div",{className:c.cl(se,a),...o,ref:s},r.createElement("nav",{className:oe({fullWidth:e}),ref:B},v,r.createElement("div",{className:pe({priorityPlus:n}),ref:M},L,T.length>0&&r.createElement(be,{items:T,wrapperRef:W})),r.createElement("div",{className:ue,ref:E},r.createElement(c.PortalContext.Provider,{value:{parentElementRef:s,fixed:!0}},h))))}c.Metadata.set($,{name:"ProductBar",props:{fullWidth:{type:"boolean"},enablePriorityPlus:{type:"boolean",default:"true"}}});var Re="pkg_sps-woodland_core__family_product-bar__version_8_56_1__hash_pqijiy0",Ne="pkg_sps-woodland_core__family_product-bar__version_8_56_1__hash_pqijiy1";function ee({channelId:e,className:n,...t}){const{t:a}=U.useWoodlandLanguage();return r.createElement("a",{className:c.cl(Re,n),target:"_blank",rel:"noreferrer",href:`https://spscommerce.slack.com/archives/${e}`,...t},r.createElement(c.Icon,{className:Ne,icon:"conversation","aria-hidden":"true"}),r.createElement("span",null,a("slackLink.label",{defaultValue:"Chat"})))}c.Metadata.set(ee,{name:"Slack Link",props:{channelId:{type:"string",required:!0}}}),u.ProductBar=$,u.ProductBarName=G,u.ProductBarTab=K,u.SlackLink=ee,Object.defineProperty(u,Symbol.toStringTag,{value:"Module"})}));

package/lib/product-bar/product-bar/ProductBar.css.d.ts

@@ -33,6 +33,7 @@ export declare const navItem: import("node_modules/@vanilla-extract/recipes/dist
         false: {};
     };
 }>;
+export declare const navItemButton: string;
 export declare const verticalRule: string;
 export declare const productNavNav: import("node_modules/@vanilla-extract/recipes/dist/declarations/src/types").RuntimeFn<{
     priorityPlus: {

package/lib/product-bar/product-bar/ProductBar.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProductBar.css.d.ts","sourceRoot":"","sources":["../../../src/product-bar/product-bar/ProductBar.css.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,mBAAmB,QAS9B,CAAC;AAEH,eAAO,MAAM,UAAU;;;;;;;EAyBrB,CAAC;AAEH,eAAO,MAAM,eAAe;;;;;;;EAyB1B,CAAC;AAEH,eAAO,MAAM,mBAAmB,QAM9B,CAAC;AAEH,eAAO,MAAM,mBAAmB,QAM9B,CAAC;AAGH,eAAO,MAAM,cAAc,QAUzB,CAAC;AAEH,eAAO,MAAM,iBAAiB,QAG5B,CAAC;AAEH,eAAO,MAAM,OAAO;;;;;;;;;;;;;EA2ClB,CAAC;AAEH,eAAO,MAAM,YAAY,QASvB,CAAC;AAEH,eAAO,MAAM,aAAa;;;;;EAmBxB,CAAC"}
+{"version":3,"file":"ProductBar.css.d.ts","sourceRoot":"","sources":["../../../src/product-bar/product-bar/ProductBar.css.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,mBAAmB,QAS9B,CAAC;AAEH,eAAO,MAAM,UAAU;;;;;;;EAyBrB,CAAC;AAEH,eAAO,MAAM,eAAe;;;;;;;EA0B1B,CAAC;AAEH,eAAO,MAAM,mBAAmB,QAM9B,CAAC;AAEH,eAAO,MAAM,mBAAmB,QAM9B,CAAC;AAGH,eAAO,MAAM,cAAc,QAUzB,CAAC;AAEH,eAAO,MAAM,iBAAiB,QAG5B,CAAC;AAEH,eAAO,MAAM,OAAO;;;;;;;;;;;;;EA4ClB,CAAC;AAEH,eAAO,MAAM,aAAa,QAOxB,CAAC;AAEH,eAAO,MAAM,YAAY,QASvB,CAAC;AAEH,eAAO,MAAM,aAAa;;;;;EAmBxB,CAAC"}

package/lib/product-bar/product-bar/ProductBar.ve.js

@@ -1,15 +1,16 @@
 /* empty css                             */
 import { createRuntimeFn as _ } from "../../node_modules/.pnpm/@vanilla-extract_recipes@0.2.5_@vanilla-extract_css@1.17.4/node_modules/@vanilla-extract/recipes/createRuntimeFn/dist/vanilla-extract-recipes-createRuntimeFn.esm.js";
-var o = "pkg_sps-woodland_core__family_product-bar__version_8_55_2__hash_g6gjux0", s = _({ defaultClassName: "pkg_sps-woodland_core__family_product-bar__version_8_55_2__hash_g6gjux1", variantClassNames: { fullWidth: { true: "pkg_sps-woodland_core__family_product-bar__version_8_55_2__hash_g6gjux2", false: "pkg_sps-woodland_core__family_product-bar__version_8_55_2__hash_g6gjux3" } }, defaultVariants: { fullWidth: !1 }, compoundVariants: [] }), d = _({ defaultClassName: "pkg_sps-woodland_core__family_product-bar__version_8_55_2__hash_g6gjux4", variantClassNames: { hideNameText: { true: "pkg_sps-woodland_core__family_product-bar__version_8_55_2__hash_g6gjux5", false: "pkg_sps-woodland_core__family_product-bar__version_8_55_2__hash_g6gjux6" } }, defaultVariants: { hideNameText: !1 }, compoundVariants: [] }), e = "pkg_sps-woodland_core__family_product-bar__version_8_55_2__hash_g6gjux7", l = "pkg_sps-woodland_core__family_product-bar__version_8_55_2__hash_g6gjux8", p = "pkg_sps-woodland_core__family_product-bar__version_8_55_2__hash_g6gjux9", i = "pkg_sps-woodland_core__family_product-bar__version_8_55_2__hash_g6gjuxa", u = _({ defaultClassName: "pkg_sps-woodland_core__family_product-bar__version_8_55_2__hash_g6gjuxb", variantClassNames: { active: { true: "pkg_sps-woodland_core__family_product-bar__version_8_55_2__hash_g6gjuxc", false: "pkg_sps-woodland_core__family_product-bar__version_8_55_2__hash_g6gjuxd" }, disabled: { true: "pkg_sps-woodland_core__family_product-bar__version_8_55_2__hash_g6gjuxe", false: "pkg_sps-woodland_core__family_product-bar__version_8_55_2__hash_g6gjuxf" } }, defaultVariants: { active: !1, disabled: !1 }, compoundVariants: [] }), t = "pkg_sps-woodland_core__family_product-bar__version_8_55_2__hash_g6gjuxg", n = _({ defaultClassName: "pkg_sps-woodland_core__family_product-bar__version_8_55_2__hash_g6gjuxh", variantClassNames: { priorityPlus: { true: "pkg_sps-woodland_core__family_product-bar__version_8_55_2__hash_g6gjuxi", false: "pkg_sps-woodland_core__family_product-bar__version_8_55_2__hash_g6gjuxj" } }, defaultVariants: { priorityPlus: !1 }, compoundVariants: [] });
+var o = "pkg_sps-woodland_core__family_product-bar__version_8_56_1__hash_g6gjux0", s = _({ defaultClassName: "pkg_sps-woodland_core__family_product-bar__version_8_56_1__hash_g6gjux1", variantClassNames: { fullWidth: { true: "pkg_sps-woodland_core__family_product-bar__version_8_56_1__hash_g6gjux2", false: "pkg_sps-woodland_core__family_product-bar__version_8_56_1__hash_g6gjux3" } }, defaultVariants: { fullWidth: !1 }, compoundVariants: [] }), d = _({ defaultClassName: "pkg_sps-woodland_core__family_product-bar__version_8_56_1__hash_g6gjux4", variantClassNames: { hideNameText: { true: "pkg_sps-woodland_core__family_product-bar__version_8_56_1__hash_g6gjux5", false: "pkg_sps-woodland_core__family_product-bar__version_8_56_1__hash_g6gjux6" } }, defaultVariants: { hideNameText: !1 }, compoundVariants: [] }), e = "pkg_sps-woodland_core__family_product-bar__version_8_56_1__hash_g6gjux7", l = "pkg_sps-woodland_core__family_product-bar__version_8_56_1__hash_g6gjux8", p = "pkg_sps-woodland_core__family_product-bar__version_8_56_1__hash_g6gjux9", i = "pkg_sps-woodland_core__family_product-bar__version_8_56_1__hash_g6gjuxa", t = _({ defaultClassName: "pkg_sps-woodland_core__family_product-bar__version_8_56_1__hash_g6gjuxb", variantClassNames: { active: { true: "pkg_sps-woodland_core__family_product-bar__version_8_56_1__hash_g6gjuxc", false: "pkg_sps-woodland_core__family_product-bar__version_8_56_1__hash_g6gjuxd" }, disabled: { true: "pkg_sps-woodland_core__family_product-bar__version_8_56_1__hash_g6gjuxe", false: "pkg_sps-woodland_core__family_product-bar__version_8_56_1__hash_g6gjuxf" } }, defaultVariants: { active: !1, disabled: !1 }, compoundVariants: [] }), u = "pkg_sps-woodland_core__family_product-bar__version_8_56_1__hash_g6gjuxg", n = "pkg_sps-woodland_core__family_product-bar__version_8_56_1__hash_g6gjuxh", g = _({ defaultClassName: "pkg_sps-woodland_core__family_product-bar__version_8_56_1__hash_g6gjuxi", variantClassNames: { priorityPlus: { true: "pkg_sps-woodland_core__family_product-bar__version_8_56_1__hash_g6gjuxj", false: "pkg_sps-woodland_core__family_product-bar__version_8_56_1__hash_g6gjuxk" } }, defaultVariants: { priorityPlus: !1 }, compoundVariants: [] });
 export {
-  u as navItem,
+  t as navItem,
+  u as navItemButton,
   s as productBar,
   d as productBarBrand,
   e as productBarBrandLogo,
   l as productBarBrandName,
   o as productBarContainer,
   i as productBarContent,
-  n as productNavNav,
-  t as verticalRule,
+  g as productNavNav,
+  n as verticalRule,
   p as visuallyHidden
 };

package/lib/product-bar/product-bar-name/ProductBarName.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProductBarName.d.ts","sourceRoot":"","sources":["../../../src/product-bar/product-bar-name/ProductBarName.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAUzD,MAAM,WAAW,mBAAmB;IAClC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,2FAA2F;IAC3F,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,KAAK,uBAAuB,GAAG,KAAK,CAAC,yBAAyB,CAC5D,cAAc,CAAC,mBAAmB,EAAE,iBAAiB,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC,CAChG,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,uBAiCzB,CAAC"}
+{"version":3,"file":"ProductBarName.d.ts","sourceRoot":"","sources":["../../../src/product-bar/product-bar-name/ProductBarName.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAUzD,MAAM,WAAW,mBAAmB;IAClC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,2FAA2F;IAC3F,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,KAAK,uBAAuB,GAAG,KAAK,CAAC,yBAAyB,CAC5D,cAAc,CAAC,mBAAmB,EAAE,iBAAiB,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC,CAChG,CAAC;AASF,eAAO,MAAM,cAAc,EAAE,uBAoC5B,CAAC"}