@sps-woodland/core 8.56.2 → 8.56.3

package/lib/product-bar/index.js

@@ -1,410 +1,387 @@
-import * as t from "react";
-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 oe, MenuButton as se, Menu as le, MenuItem as q } from "@ariakit/react";
-import { useWoodlandLanguage as U } from "@spscommerce/i18n";
-function _e(e, n, r) {
-  return n in e ? Object.defineProperty(e, n, {
-    value: r,
-    enumerable: !0,
-    configurable: !0,
-    writable: !0
-  }) : e[n] = r, e;
+import * as e from "react";
+import { Icon as t, Metadata as n, PortalContext as r, cl as i, selectChildren as a } from "@sps-woodland/core";
+import { useLink as o } from "@react-aria/link";
+import { Menu as s, MenuButton as c, MenuItem as l, MenuProvider as u } from "@ariakit/react";
+import { useWoodlandLanguage as d } from "@spscommerce/i18n";
+//#region ../../../node_modules/.pnpm/@vanilla-extract+recipes@0.2.5_@vanilla-extract+css@1.21.2/node_modules/@vanilla-extract/recipes/createRuntimeFn/dist/vanilla-extract-recipes-createRuntimeFn.esm.js
+function f(e, t, n) {
+	return t in e ? Object.defineProperty(e, t, {
+		value: n,
+		enumerable: !0,
+		configurable: !0,
+		writable: !0
+	}) : e[t] = n, e;
 }
-function G(e, n) {
-  var r = Object.keys(e);
-  if (Object.getOwnPropertySymbols) {
-    var a = Object.getOwnPropertySymbols(e);
-    n && (a = a.filter(function(s) {
-      return Object.getOwnPropertyDescriptor(e, s).enumerable;
-    })), r.push.apply(r, a);
-  }
-  return r;
+function p(e, t) {
+	var n = Object.keys(e);
+	if (Object.getOwnPropertySymbols) {
+		var r = Object.getOwnPropertySymbols(e);
+		t && (r = r.filter(function(t) {
+			return Object.getOwnPropertyDescriptor(e, t).enumerable;
+		})), n.push.apply(n, r);
+	}
+	return n;
 }
-function J(e) {
-  for (var n = 1; n < arguments.length; n++) {
-    var r = arguments[n] != null ? arguments[n] : {};
-    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;
+function m(e) {
+	for (var t = 1; t < arguments.length; t++) {
+		var n = arguments[t] == null ? {} : arguments[t];
+		t % 2 ? p(Object(n), !0).forEach(function(t) {
+			f(e, t, n[t]);
+		}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : p(Object(n)).forEach(function(t) {
+			Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t));
+		});
+	}
+	return e;
 }
-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;
-}, 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 _ = l;
-      typeof _ == "boolean" && (_ = _ === !0 ? "true" : "false");
-      var p = (
-        // @ts-expect-error
-        e.variantClassNames[s][_]
-      );
-      p && (r += " " + p);
-    }
-  }
-  for (var [m, i] of e.compoundVariants)
-    ce(m, a, e.defaultVariants) && (r += " " + i);
-  return r;
-}, ie = "pkg_sps-woodland_core__family_product-bar__version_8_56_2__hash_g6gjux0", ue = H({ defaultClassName: "pkg_sps-woodland_core__family_product-bar__version_8_56_2__hash_g6gjux1", variantClassNames: { fullWidth: { true: "pkg_sps-woodland_core__family_product-bar__version_8_56_2__hash_g6gjux2", false: "pkg_sps-woodland_core__family_product-bar__version_8_56_2__hash_g6gjux3" } }, defaultVariants: { fullWidth: !1 }, compoundVariants: [] }), de = H({ defaultClassName: "pkg_sps-woodland_core__family_product-bar__version_8_56_2__hash_g6gjux4", variantClassNames: { hideNameText: { true: "pkg_sps-woodland_core__family_product-bar__version_8_56_2__hash_g6gjux5", false: "pkg_sps-woodland_core__family_product-bar__version_8_56_2__hash_g6gjux6" } }, defaultVariants: { hideNameText: !1 }, compoundVariants: [] }), fe = "pkg_sps-woodland_core__family_product-bar__version_8_56_2__hash_g6gjux7", pe = "pkg_sps-woodland_core__family_product-bar__version_8_56_2__hash_g6gjux8", me = "pkg_sps-woodland_core__family_product-bar__version_8_56_2__hash_g6gjux9", he = "pkg_sps-woodland_core__family_product-bar__version_8_56_2__hash_g6gjuxa", X = H({ defaultClassName: "pkg_sps-woodland_core__family_product-bar__version_8_56_2__hash_g6gjuxb", variantClassNames: { active: { true: "pkg_sps-woodland_core__family_product-bar__version_8_56_2__hash_g6gjuxc", false: "pkg_sps-woodland_core__family_product-bar__version_8_56_2__hash_g6gjuxd" }, disabled: { true: "pkg_sps-woodland_core__family_product-bar__version_8_56_2__hash_g6gjuxe", false: "pkg_sps-woodland_core__family_product-bar__version_8_56_2__hash_g6gjuxf" } }, defaultVariants: { active: !1, disabled: !1 }, compoundVariants: [] }), ge = "pkg_sps-woodland_core__family_product-bar__version_8_56_2__hash_g6gjuxg", ve = "pkg_sps-woodland_core__family_product-bar__version_8_56_2__hash_g6gjuxh", be = H({ defaultClassName: "pkg_sps-woodland_core__family_product-bar__version_8_56_2__hash_g6gjuxi", variantClassNames: { priorityPlus: { true: "pkg_sps-woodland_core__family_product-bar__version_8_56_2__hash_g6gjuxj", false: "pkg_sps-woodland_core__family_product-bar__version_8_56_2__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 = e.as ?? (e.href ? "a" : "button"), _ = {
-    ...o,
-    ...r,
-    ref: n,
-    className: k(
-      X({ active: a, disabled: !1 }),
-      l === "button" && ge,
-      e.className
-    )
-  };
-  return /* @__PURE__ */ t.createElement(l, { ..._ }, e.children);
+var h = (e, t, n) => {
+	for (var r of Object.keys(e)) if (e[r] !== (t[r] ?? n[r])) return !1;
+	return !0;
+}, g = (e) => (t) => {
+	var n = e.defaultClassName, r = m(m({}, e.defaultVariants), t);
+	for (var i in r) {
+		var a = r[i] ?? e.defaultVariants[i];
+		if (a != null) {
+			var o = a;
+			typeof o == "boolean" && (o = o === !0 ? "true" : "false");
+			var s = e.variantClassNames[i][o];
+			s && (n += " " + s);
+		}
+	}
+	for (var [c, l] of e.compoundVariants) h(c, r, e.defaultVariants) && (n += " " + l);
+	return n;
+}, _ = "pkg_sps-woodland_core__family_product-bar__version_8_56_3__hash_g6gjux0", v = g({
+	defaultClassName: "pkg_sps-woodland_core__family_product-bar__version_8_56_3__hash_g6gjux1",
+	variantClassNames: { fullWidth: {
+		true: "pkg_sps-woodland_core__family_product-bar__version_8_56_3__hash_g6gjux2",
+		false: "pkg_sps-woodland_core__family_product-bar__version_8_56_3__hash_g6gjux3"
+	} },
+	defaultVariants: { fullWidth: !1 },
+	compoundVariants: []
+}), y = g({
+	defaultClassName: "pkg_sps-woodland_core__family_product-bar__version_8_56_3__hash_g6gjux4",
+	variantClassNames: { hideNameText: {
+		true: "pkg_sps-woodland_core__family_product-bar__version_8_56_3__hash_g6gjux5",
+		false: "pkg_sps-woodland_core__family_product-bar__version_8_56_3__hash_g6gjux6"
+	} },
+	defaultVariants: { hideNameText: !1 },
+	compoundVariants: []
+}), b = "pkg_sps-woodland_core__family_product-bar__version_8_56_3__hash_g6gjuxa", x = g({
+	defaultClassName: "pkg_sps-woodland_core__family_product-bar__version_8_56_3__hash_g6gjuxb",
+	variantClassNames: {
+		active: {
+			true: "pkg_sps-woodland_core__family_product-bar__version_8_56_3__hash_g6gjuxc",
+			false: "pkg_sps-woodland_core__family_product-bar__version_8_56_3__hash_g6gjuxd"
+		},
+		disabled: {
+			true: "pkg_sps-woodland_core__family_product-bar__version_8_56_3__hash_g6gjuxe",
+			false: "pkg_sps-woodland_core__family_product-bar__version_8_56_3__hash_g6gjuxf"
+		}
+	},
+	defaultVariants: {
+		active: !1,
+		disabled: !1
+	},
+	compoundVariants: []
+}), S = "pkg_sps-woodland_core__family_product-bar__version_8_56_3__hash_g6gjuxh", C = g({
+	defaultClassName: "pkg_sps-woodland_core__family_product-bar__version_8_56_3__hash_g6gjuxi",
+	variantClassNames: { priorityPlus: {
+		true: "pkg_sps-woodland_core__family_product-bar__version_8_56_3__hash_g6gjuxj",
+		false: "pkg_sps-woodland_core__family_product-bar__version_8_56_3__hash_g6gjuxk"
+	} },
+	defaultVariants: { priorityPlus: !1 },
+	compoundVariants: []
+});
+//#endregion
+//#region src/product-bar/product-bar-tab/ProductBarTab.tsx
+function w(t) {
+	let n = e.useRef(null), { linkProps: r } = o(t, n), { active: a, priority: s, ...c } = t, l = t.as ?? (t.href ? "a" : "button"), u = {
+		...c,
+		...r,
+		ref: n,
+		className: i(x({
+			active: a,
+			disabled: !1
+		}), l === "button" && "pkg_sps-woodland_core__family_product-bar__version_8_56_3__hash_g6gjuxg", t.className)
+	};
+	return /* @__PURE__ */ e.createElement(l, u, t.children);
 }
-D.set(Y, {
-  name: "Product Bar Tab",
-  props: {
-    active: { type: "boolean", required: !0 },
-    href: { type: "string" },
-    priority: { type: "number" }
-  }
+n.set(w, {
+	name: "Product Bar Tab",
+	props: {
+		active: {
+			type: "boolean",
+			required: !0
+		},
+		href: { type: "string" },
+		priority: { type: "number" }
+	}
 });
-function ye(e) {
-  (e.key === "Enter" || e.key === " ") && (e.preventDefault(), e.currentTarget.click());
+//#endregion
+//#region src/product-bar/product-bar-name/ProductBarName.tsx
+function T(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 }));
-  }
-);
-D.set(Z, {
-  name: "ProductBarName",
-  props: {
-    name: { type: "string" },
-    logoSrc: { type: "string" },
-    hideNameText: { type: "boolean", default: "false" }
-  }
+var E = e.forwardRef(({ children: t, className: n, name: r, logoSrc: a, hideNameText: o = !1, ...s }, c) => {
+	let l = !!s.onClick && !("href" in s && s.href);
+	return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("a", {
+		className: i(y({ hideNameText: o }), n),
+		...l ? {
+			role: "button",
+			tabIndex: 0,
+			onKeyDown: T
+		} : {},
+		...s,
+		ref: c
+	}, a && /* @__PURE__ */ e.createElement("img", {
+		className: "pkg_sps-woodland_core__family_product-bar__version_8_56_3__hash_g6gjux7",
+		src: a,
+		"aria-hidden": "true",
+		alt: `${r} Logo`,
+		title: r
+	}), r && /* @__PURE__ */ e.createElement("span", { className: i("pkg_sps-woodland_core__family_product-bar__version_8_56_3__hash_g6gjux8", o && "pkg_sps-woodland_core__family_product-bar__version_8_56_3__hash_g6gjux9") }, r)), /* @__PURE__ */ e.createElement("span", { className: S }));
+});
+n.set(E, {
+	name: "ProductBarName",
+	props: {
+		name: { type: "string" },
+		logoSrc: { type: "string" },
+		hideNameText: {
+			type: "boolean",
+			default: "false"
+		}
+	}
 });
-var we = "pkg_sps-woodland_core__family_product-bar__version_8_56_2__hash_5klvkn0", ke = "pkg_sps-woodland_core__family_product-bar__version_8_56_2__hash_5klvkn1", Re = "pkg_sps-woodland_core__family_product-bar__version_8_56_2__hash_5klvkn2", z = "pkg_sps-woodland_core__family_product-bar__version_8_56_2__hash_5klvkn3", K = "pkg_sps-woodland_core__family_product-bar__version_8_56_2__hash_5klvkn4";
-function Ce({
-  items: e,
-  wrapperRef: n
-}) {
-  const { t: r } = U();
-  if (e.length === 0)
-    return null;
-  const a = e.some((o) => o.props?.active), s = r("productBar.more", { defaultValue: "More" });
-  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(oe, null, /* @__PURE__ */ t.createElement(
-      se,
-      {
-        className: k(X({ active: a, disabled: !1 }), we),
-        "aria-label": s
-      },
-      s,
-      /* @__PURE__ */ t.createElement(
-        Q,
-        {
-          icon: "chevron-down",
-          className: ke,
-          "aria-hidden": "true"
-        }
-      )
-    ), /* @__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 C = R;
-        return /* @__PURE__ */ t.createElement(
-          q,
-          {
-            key: l,
-            className: k(z, _ && K),
-            render: /* @__PURE__ */ t.createElement(C, { to: i })
-          },
-          p
-        );
-      }
-      return i ? /* @__PURE__ */ t.createElement(
-        q,
-        {
-          key: l,
-          className: k(z, _ && K),
-          render: /* @__PURE__ */ t.createElement("a", { href: i })
-        },
-        p
-      ) : /* @__PURE__ */ t.createElement(
-        q,
-        {
-          key: l,
-          className: k(z, _ && K),
-          onClick: I
-        },
-        p
-      );
-    }))))
-  );
+//#endregion
+//#region src/product-bar/product-bar-overflow-menu/ProductBarOverflowMenu.css.ts
+var D = "pkg_sps-woodland_core__family_product-bar__version_8_56_3__hash_5klvkn0", O = "pkg_sps-woodland_core__family_product-bar__version_8_56_3__hash_5klvkn1", k = "pkg_sps-woodland_core__family_product-bar__version_8_56_3__hash_5klvkn2", A = "pkg_sps-woodland_core__family_product-bar__version_8_56_3__hash_5klvkn3";
+//#endregion
+//#region src/product-bar/product-bar-overflow-menu/ProductBarOverflowMenu.tsx
+function j({ items: n, wrapperRef: r }) {
+	let { t: a } = d();
+	if (n.length === 0) return null;
+	let o = n.some((e) => e.props?.active), f = a("productBar.more", { defaultValue: "More" });
+	return /* @__PURE__ */ e.createElement("span", { ref: r }, /* @__PURE__ */ e.createElement(u, null, /* @__PURE__ */ e.createElement(c, {
+		className: i(x({
+			active: o,
+			disabled: !1
+		}), D),
+		"aria-label": f
+	}, f, /* @__PURE__ */ e.createElement(t, {
+		icon: "chevron-down",
+		className: O,
+		"aria-hidden": "true"
+	})), /* @__PURE__ */ e.createElement(s, {
+		className: k,
+		gutter: 4
+	}, n.map((t, n) => {
+		let r = t.props?.active, a = t.props?.children, o = t.props?.onPress, s = t.props?.href, c = t.props?.as, u = () => {
+			o && o();
+		};
+		if (s && c) {
+			let t = c;
+			return /* @__PURE__ */ e.createElement(l, {
+				key: n,
+				className: i(A, r && "pkg_sps-woodland_core__family_product-bar__version_8_56_3__hash_5klvkn4"),
+				render: /* @__PURE__ */ e.createElement(t, { to: s })
+			}, a);
+		}
+		return s ? /* @__PURE__ */ e.createElement(l, {
+			key: n,
+			className: i(A, r && "pkg_sps-woodland_core__family_product-bar__version_8_56_3__hash_5klvkn4"),
+			render: /* @__PURE__ */ e.createElement("a", { href: s })
+		}, a) : /* @__PURE__ */ e.createElement(l, {
+			key: n,
+			className: i(A, r && "pkg_sps-woodland_core__family_product-bar__version_8_56_3__hash_5klvkn4"),
+			onClick: u
+		}, a);
+	}))));
 }
-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), _ = 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 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)
-      return !1;
-    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, E = getComputedStyle(m.current), P = parseFloat(E.marginRight) || 0, f = Math.max(0, P - 8);
-        I.current = d + f;
-      }
-    }
-    return C.current = !0, !0;
-  }, [e.length]), V = t.useCallback(() => {
-    if (!l.current) return 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 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 E) {
-      if (f === o.current) continue;
-      const T = getComputedStyle(f), L = parseFloat(T.marginLeft) + parseFloat(T.marginRight);
-      if (f === p.current) {
-        const O = Array.from(f.children), F = getComputedStyle(f), j = parseFloat(F.gap) || 0;
-        for (const v of O) {
-          const w = getComputedStyle(v), te = parseFloat(w.marginLeft) + parseFloat(w.marginRight);
-          d += v.getBoundingClientRect().width + te;
-        }
-        O.length > 1 && (d += j * (O.length - 1)), d += parseFloat(F.paddingLeft) + parseFloat(F.paddingRight), d += L;
-      } else
-        d += f.getBoundingClientRect().width + L;
-    }
-    return Math.max(0, g.width - d - 2);
-  }, []), h = t.useRef(!1), x = t.useCallback(() => {
-    if (!r || !C.current) {
-      B(!1), h.current = !1;
-      return;
-    }
-    let c = V();
-    const g = i.current, u = R.current || 100, b = I.current || 0;
-    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) <= c) {
-      N(e.length), B(!1), h.current = !1;
-      return;
-    }
-    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, E++;
-      else
-        break;
-    }
-    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)), N(f);
-  }, [r, e.length, a, V]);
-  t.useEffect(() => {
-    if (!r) {
-      N(e.length);
-      return;
-    }
-    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 c;
-    const g = () => {
-      clearTimeout(c), c = setTimeout(() => {
-        C.current || S(), x();
-      }, s);
-    }, u = new ResizeObserver(g);
-    return l.current && u.observe(l.current), () => {
-      clearTimeout(c), u.disconnect();
-    };
-  }, [r, S, x, s]);
-  const $ = r ? e.slice(0, M) : e, ee = r && M < e.length ? e.slice(M) : [];
-  return {
-    visibleItems: $,
-    overflowItems: ee,
-    containerRef: o,
-    parentRef: l,
-    overflowButtonRef: _,
-    contentRef: p,
-    brandRef: m,
-    hideProductName: A
-  };
+//#endregion
+//#region src/product-bar/hooks/usePriorityPlus.ts
+function M(t, n = {}) {
+	let { enabled: r = !0, minVisibleItems: i = 1, debounceMs: a = 16 } = n, o = e.useRef(null), s = e.useRef(null), c = e.useRef(null), l = e.useRef(null), u = e.useRef(null), d = e.useRef([]), f = e.useRef(0), p = e.useRef(0), m = e.useRef(!1), [h, g] = e.useState(t.length), [_, v] = e.useState(!1), y = e.useCallback(() => {
+		if (!o.current) return !1;
+		let e = o.current, n = Array.from(e.children), r = c.current;
+		r && (f.current = r.getBoundingClientRect().width);
+		let i = n.filter((e) => e !== r);
+		if (i.length < t.length) return !1;
+		if (d.current = i.map((e) => e.getBoundingClientRect().width), u.current) {
+			let e = u.current.querySelector("span:last-of-type");
+			if (e) {
+				let t = e.getBoundingClientRect().width, n = getComputedStyle(u.current), r = parseFloat(n.marginRight) || 0, i = Math.max(0, r - 8);
+				p.current = t + i;
+			}
+		}
+		return m.current = !0, !0;
+	}, [t.length]), b = e.useCallback(() => {
+		if (!s.current) return 0;
+		let e = s.current, t = e.getBoundingClientRect(), n = getComputedStyle(e), r = parseFloat(n.paddingLeft) + parseFloat(n.paddingRight), i = parseFloat(n.gap) || 0, a = r, c = Array.from(e.children), u = c.filter((e) => getComputedStyle(e).display !== "none");
+		u.length > 1 && (a += i * (u.length - 1));
+		for (let e of c) {
+			if (e === o.current) continue;
+			let t = getComputedStyle(e), n = parseFloat(t.marginLeft) + parseFloat(t.marginRight);
+			if (e === l.current) {
+				let t = Array.from(e.children), r = getComputedStyle(e), i = parseFloat(r.gap) || 0;
+				for (let e of t) {
+					let t = getComputedStyle(e), n = parseFloat(t.marginLeft) + parseFloat(t.marginRight);
+					a += e.getBoundingClientRect().width + n;
+				}
+				t.length > 1 && (a += i * (t.length - 1)), a += parseFloat(r.paddingLeft) + parseFloat(r.paddingRight), a += n;
+			} else a += e.getBoundingClientRect().width + n;
+		}
+		return Math.max(0, t.width - a - 2);
+	}, []), x = e.useRef(!1), S = e.useCallback(() => {
+		if (!r || !m.current) {
+			v(!1), x.current = !1;
+			return;
+		}
+		let e = b(), n = d.current, a = f.current || 100, o = p.current || 0;
+		if (x.current && o > 0 && (e -= o), n.length === 0 || e <= 0 || n.reduce((e, t) => e + t, 0) <= e) {
+			g(t.length), v(!1), x.current = !1;
+			return;
+		}
+		let s = 0, c = 0, l = e - a;
+		for (let e = 0; e < n.length; e++) {
+			let t = n[e];
+			if (s + t <= l) s += t, c++;
+			else break;
+		}
+		let u = Math.min(i, t.length), h = Math.max(c, u), _ = n.slice(0, u).reduce((e, t) => e + t, 0) + a, y = c < u && _ > e && o > 0, S = !y && e > _ + o + 20, C = x.current;
+		y && !x.current ? C = !0 : S && x.current && (C = !1), C !== x.current && (x.current = C, v(C)), g(h);
+	}, [
+		r,
+		t.length,
+		i,
+		b
+	]);
+	return e.useEffect(() => {
+		r && (m.current = !1, d.current = []), g(t.length);
+	}, [r, t.length]), e.useLayoutEffect(() => {
+		r && o.current && y() && S();
+	}), e.useEffect(() => {
+		if (!r) return;
+		let e, t = new ResizeObserver(() => {
+			clearTimeout(e), e = setTimeout(() => {
+				m.current || y(), S();
+			}, a);
+		});
+		return s.current && t.observe(s.current), () => {
+			clearTimeout(e), t.disconnect();
+		};
+	}, [
+		r,
+		y,
+		S,
+		a
+	]), {
+		visibleItems: r ? t.slice(0, h) : t,
+		overflowItems: r && h < t.length ? t.slice(h) : [],
+		containerRef: o,
+		parentRef: s,
+		overflowButtonRef: c,
+		contentRef: l,
+		brandRef: u,
+		hideProductName: _
+	};
 }
-function Ne(e) {
-  return [...e].sort((n, r) => {
-    const a = n.props?.priority ?? 1 / 0, s = r.props?.priority ?? 1 / 0;
-    return a === s ? 0 : a - s;
-  });
+//#endregion
+//#region src/product-bar/product-bar/ProductBar.tsx
+function N(e) {
+	return [...e].sort((e, t) => {
+		let n = e.props?.priority ?? Infinity, r = t.props?.priority ?? Infinity;
+		return n === r ? 0 : n - r;
+	});
 }
-function Be(e, n) {
-  if (n.length === 0)
-    return { visible: e, overflow: n };
-  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 = [
-    ...n.slice(0, r),
-    s,
-    ...n.slice(r + 1)
-  ];
-  return { visible: o, overflow: l };
+function P(e, t) {
+	if (t.length === 0) return {
+		visible: e,
+		overflow: t
+	};
+	let n = t.findIndex((e) => e.props?.active);
+	if (n === -1) return {
+		visible: e,
+		overflow: t
+	};
+	let r = t[n], i = e[e.length - 1];
+	return {
+		visible: [...e.slice(0, -1), r],
+		overflow: [
+			...t.slice(0, n),
+			i,
+			...t.slice(n + 1)
+		]
+	};
 }
-function je({
-  fullWidth: e,
-  enablePriorityPlus: n = !0,
-  children: r,
-  className: a,
-  ...s
-}) {
-  const o = t.useRef(null), [l, _, p] = re(r, [
-    { type: Z },
-    { type: Y }
-  ]), m = t.useMemo(
-    () => n ? Ne(_) : _,
-    [n, _]
-  ), {
-    visibleItems: i,
-    overflowItems: R,
-    containerRef: I,
-    parentRef: C,
-    overflowButtonRef: M,
-    contentRef: N,
-    brandRef: A,
-    hideProductName: B
-  } = Ee(m, {
-    enabled: n
-  }), { visible: S, overflow: V } = t.useMemo(
-    () => Be(
-      i,
-      R
-    ),
-    [i, R]
-  ), h = t.useMemo(() => {
-    if (!n || !l || l.length === 0)
-      return l;
-    const x = l[0];
-    return t.isValidElement(x) ? [t.cloneElement(x, {
-      hideNameText: B,
-      ref: A
-    })] : l;
-  }, [n, l, B, A]);
-  return /* @__PURE__ */ t.createElement("div", { className: k(ie, a), ...s, ref: o }, /* @__PURE__ */ t.createElement(
-    "nav",
-    {
-      className: ue({ fullWidth: e }),
-      ref: C
-    },
-    h,
-    /* @__PURE__ */ t.createElement(
-      "div",
-      {
-        className: be({ priorityPlus: n }),
-        ref: I
-      },
-      S,
-      V.length > 0 && /* @__PURE__ */ t.createElement(
-        Ce,
-        {
-          items: V,
-          wrapperRef: M
-        }
-      )
-    ),
-    /* @__PURE__ */ t.createElement(
-      "div",
-      {
-        className: he,
-        ref: N
-      },
-      /* @__PURE__ */ t.createElement(ne.Provider, { value: { parentElementRef: o, fixed: !0 } }, p)
-    )
-  ));
+function F({ fullWidth: t, enablePriorityPlus: n = !0, children: o, className: s, ...c }) {
+	let l = e.useRef(null), [u, d, f] = a(o, [{ type: E }, { type: w }]), { visibleItems: p, overflowItems: m, containerRef: h, parentRef: g, overflowButtonRef: y, contentRef: x, brandRef: S, hideProductName: T } = M(e.useMemo(() => n ? N(d) : d, [n, d]), { enabled: n }), { visible: D, overflow: O } = e.useMemo(() => P(p, m), [p, m]), k = e.useMemo(() => {
+		if (!n || !u || u.length === 0) return u;
+		let t = u[0];
+		return e.isValidElement(t) ? [e.cloneElement(t, {
+			hideNameText: T,
+			ref: S
+		})] : u;
+	}, [
+		n,
+		u,
+		T,
+		S
+	]);
+	return /* @__PURE__ */ e.createElement("div", {
+		className: i(_, s),
+		...c,
+		ref: l
+	}, /* @__PURE__ */ e.createElement("nav", {
+		className: v({ fullWidth: t }),
+		ref: g
+	}, k, /* @__PURE__ */ e.createElement("div", {
+		className: C({ priorityPlus: n }),
+		ref: h
+	}, D, O.length > 0 && /* @__PURE__ */ e.createElement(j, {
+		items: O,
+		wrapperRef: y
+	})), /* @__PURE__ */ e.createElement("div", {
+		className: b,
+		ref: x
+	}, /* @__PURE__ */ e.createElement(r.Provider, { value: {
+		parentElementRef: l,
+		fixed: !0
+	} }, f))));
 }
-D.set(je, {
-  name: "ProductBar",
-  props: {
-    fullWidth: { type: "boolean" },
-    enablePriorityPlus: { type: "boolean", default: "true" }
-  }
+n.set(F, {
+	name: "ProductBar",
+	props: {
+		fullWidth: { type: "boolean" },
+		enablePriorityPlus: {
+			type: "boolean",
+			default: "true"
+		}
+	}
 });
-var Ie = "pkg_sps-woodland_core__family_product-bar__version_8_56_2__hash_pqijiy0", xe = "pkg_sps-woodland_core__family_product-bar__version_8_56_2__hash_pqijiy1";
-function Pe({
-  channelId: e,
-  className: n,
-  ...r
-}) {
-  const { t: a } = U();
-  return /* @__PURE__ */ t.createElement(
-    "a",
-    {
-      className: k(Ie, n),
-      target: "_blank",
-      rel: "noreferrer",
-      href: `https://spscommerce.slack.com/archives/${e}`,
-      ...r
-    },
-    /* @__PURE__ */ t.createElement(Q, { className: xe, icon: "conversation", "aria-hidden": "true" }),
-    /* @__PURE__ */ t.createElement("span", null, a("slackLink.label", { defaultValue: "Chat" }))
-  );
+//#endregion
+//#region src/product-bar/slack-link/SlackLink.css.ts
+var I = "pkg_sps-woodland_core__family_product-bar__version_8_56_3__hash_pqijiy0", L = "pkg_sps-woodland_core__family_product-bar__version_8_56_3__hash_pqijiy1";
+//#endregion
+//#region src/product-bar/slack-link/SlackLink.tsx
+function R({ channelId: n, className: r, ...a }) {
+	let { t: o } = d();
+	return /* @__PURE__ */ e.createElement("a", {
+		className: i(I, r),
+		target: "_blank",
+		rel: "noreferrer",
+		href: `https://spscommerce.slack.com/archives/${n}`,
+		...a
+	}, /* @__PURE__ */ e.createElement(t, {
+		className: L,
+		icon: "conversation",
+		"aria-hidden": "true"
+	}), /* @__PURE__ */ e.createElement("span", null, o("slackLink.label", { defaultValue: "Chat" })));
 }
-D.set(Pe, {
-  name: "Slack Link",
-  props: {
-    channelId: { type: "string", required: !0 }
-  }
+n.set(R, {
+	name: "Slack Link",
+	props: { channelId: {
+		type: "string",
+		required: !0
+	} }
 });
-export {
-  je as ProductBar,
-  Z as ProductBarName,
-  Y as ProductBarTab,
-  Pe as SlackLink
-};
+//#endregion
+export { F as ProductBar, E as ProductBarName, w as ProductBarTab, R as SlackLink };