@sps-woodland/core 8.51.2 → 8.52.0

package/lib/product-bar/hooks/usePriorityPlus.js

@@ -1,106 +0,0 @@
-import * as e from "react";
-function j(n, z = {}) {
-  const {
-    enabled: i = !0,
-    minVisibleItems: P = 1,
-    debounceMs: k = 16
-    // ~1 frame for responsive resize handling
-  } = z, R = e.useRef(null), b = e.useRef(null), x = e.useRef(null), A = e.useRef(null), w = e.useRef(null), M = e.useRef([]), E = e.useRef(0), H = e.useRef(0), v = e.useRef(!1), [I, y] = e.useState(n.length), [T, F] = e.useState(!1), N = e.useCallback(() => {
-    if (!R.current) return !1;
-    const t = R.current, o = Array.from(t.children), r = x.current;
-    r && (E.current = r.getBoundingClientRect().width);
-    const u = o.filter((f) => f !== r);
-    if (u.length < n.length)
-      return !1;
-    if (M.current = u.map((f) => f.getBoundingClientRect().width), w.current) {
-      const f = w.current.querySelector("span:last-of-type");
-      if (f) {
-        const s = f.getBoundingClientRect().width, g = getComputedStyle(w.current), m = parseFloat(g.marginRight) || 0, l = Math.max(0, m - 8);
-        H.current = s + l;
-      }
-    }
-    return v.current = !0, !0;
-  }, [n.length]), V = e.useCallback(() => {
-    if (!b.current) return 0;
-    const t = b.current, o = t.getBoundingClientRect(), r = getComputedStyle(t), u = parseFloat(r.paddingLeft) + parseFloat(r.paddingRight), f = parseFloat(r.gap) || 0;
-    let s = u;
-    const g = Array.from(t.children), m = g.filter((l) => getComputedStyle(l).display !== "none");
-    m.length > 1 && (s += f * (m.length - 1));
-    for (const l of g) {
-      if (l === R.current) continue;
-      const B = getComputedStyle(l), S = parseFloat(B.marginLeft) + parseFloat(B.marginRight);
-      if (l === A.current) {
-        const p = Array.from(l.children), W = getComputedStyle(l), h = parseFloat(W.gap) || 0;
-        for (const c of p) {
-          const d = getComputedStyle(c), q = parseFloat(d.marginLeft) + parseFloat(d.marginRight);
-          s += c.getBoundingClientRect().width + q;
-        }
-        p.length > 1 && (s += h * (p.length - 1)), s += parseFloat(W.paddingLeft) + parseFloat(W.paddingRight), s += S;
-      } else
-        s += l.getBoundingClientRect().width + S;
-    }
-    return Math.max(0, o.width - s - 2);
-  }, []), a = e.useRef(!1), L = e.useCallback(() => {
-    if (!i || !v.current) {
-      F(!1), a.current = !1;
-      return;
-    }
-    let t = V();
-    const o = M.current, r = E.current || 100, u = H.current || 0;
-    if (a.current && u > 0 && (t -= u), o.length === 0 || t <= 0) {
-      y(n.length), F(!1), a.current = !1;
-      return;
-    }
-    if (o.reduce((c, d) => c + d, 0) <= t) {
-      y(n.length), F(!1), a.current = !1;
-      return;
-    }
-    let s = 0, g = 0;
-    const m = t - r;
-    for (let c = 0; c < o.length; c++) {
-      const d = o[c];
-      if (s + d <= m)
-        s += d, g++;
-      else
-        break;
-    }
-    const C = Math.min(P, n.length), l = Math.max(g, C), S = o.slice(0, C).reduce((c, d) => c + d, 0) + r, p = g < C && S > t && u > 0, W = !p && t > S + u + 20;
-    let h = a.current;
-    p && !a.current ? h = !0 : W && a.current && (h = !1), h !== a.current && (a.current = h, F(h)), y(l);
-  }, [i, n.length, P, V]);
-  e.useEffect(() => {
-    if (!i) {
-      y(n.length);
-      return;
-    }
-    v.current = !1, M.current = [], y(n.length);
-  }, [i, n.length]), e.useLayoutEffect(() => {
-    if (!i || !R.current) return;
-    N() && L();
-  }), e.useEffect(() => {
-    if (!i) return;
-    let t;
-    const o = () => {
-      clearTimeout(t), t = setTimeout(() => {
-        v.current || N(), L();
-      }, k);
-    }, r = new ResizeObserver(o);
-    return b.current && r.observe(b.current), () => {
-      clearTimeout(t), r.disconnect();
-    };
-  }, [i, N, L, k]);
-  const G = i ? n.slice(0, I) : n, O = i && I < n.length ? n.slice(I) : [];
-  return {
-    visibleItems: G,
-    overflowItems: O,
-    containerRef: R,
-    parentRef: b,
-    overflowButtonRef: x,
-    contentRef: A,
-    brandRef: w,
-    hideProductName: T
-  };
-}
-export {
-  j as usePriorityPlus
-};

package/lib/product-bar/index.d.ts

@@ -1,5 +0,0 @@
-export * from "./product-bar/ProductBar";
-export * from "./product-bar-tab/ProductBarTab";
-export * from "./product-bar-name/ProductBarName";
-export * from "./slack-link/SlackLink";
-//# sourceMappingURL=index.d.ts.map

package/lib/product-bar/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/product-bar/index.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAC;AACzC,cAAc,iCAAiC,CAAC;AAChD,cAAc,mCAAmC,CAAC;AAClD,cAAc,wBAAwB,CAAC"}

package/lib/product-bar/index.js

@@ -1,397 +0,0 @@
-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 { useLink as ae } from "@react-aria/link";
-import { MenuProvider as se, MenuButton as oe, Menu as le, MenuItem as D } from "@ariakit/react";
-import { useWoodlandLanguage as U } from "@spscommerce/i18n";
-function ce(e, n, r) {
-  return n in e ? Object.defineProperty(e, n, {
-    value: r,
-    enumerable: !0,
-    configurable: !0,
-    writable: !0
-  }) : e[n] = r, e;
-}
-function K(e, n) {
-  var r = Object.keys(e);
-  if (Object.getOwnPropertySymbols) {
-    var a = Object.getOwnPropertySymbols(e);
-    n && (a = a.filter(function(o) {
-      return Object.getOwnPropertyDescriptor(e, o).enumerable;
-    })), r.push.apply(r, a);
-  }
-  return r;
-}
-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) {
-      Object.defineProperty(e, a, Object.getOwnPropertyDescriptor(r, a));
-    });
-  }
-  return e;
-}
-var ie = (e, n, r) => {
-  for (var a of Object.keys(e)) {
-    var o;
-    if (e[a] !== ((o = n[a]) !== null && o !== void 0 ? o : r[a]))
-      return !1;
-  }
-  return !0;
-}, q = (e) => (n) => {
-  var r = e.defaultClassName, a = J(J({}, 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 c = l;
-      typeof c == "boolean" && (c = c === !0 ? "true" : "false");
-      var p = (
-        // @ts-expect-error
-        e.variantClassNames[o][c]
-      );
-      p && (r += " " + p);
-    }
-  }
-  for (var [m, u] of e.compoundVariants)
-    ie(m, a, e.defaultVariants) && (r += " " + u);
-  return r;
-}, ue = "pkg_sps-woodland_core__version_8_51_2__hash_g6gjux0", _e = q({ defaultClassName: "pkg_sps-woodland_core__version_8_51_2__hash_g6gjux1", variantClassNames: { fullWidth: { true: "pkg_sps-woodland_core__version_8_51_2__hash_g6gjux2", false: "pkg_sps-woodland_core__version_8_51_2__hash_g6gjux3" } }, defaultVariants: { fullWidth: !1 }, compoundVariants: [] }), de = q({ defaultClassName: "pkg_sps-woodland_core__version_8_51_2__hash_g6gjux4", variantClassNames: { hideNameText: { true: "pkg_sps-woodland_core__version_8_51_2__hash_g6gjux5", false: "pkg_sps-woodland_core__version_8_51_2__hash_g6gjux6" } }, defaultVariants: { hideNameText: !1 }, compoundVariants: [] }), fe = "pkg_sps-woodland_core__version_8_51_2__hash_g6gjux7", pe = "pkg_sps-woodland_core__version_8_51_2__hash_g6gjux8", me = "pkg_sps-woodland_core__version_8_51_2__hash_g6gjux9", he = "pkg_sps-woodland_core__version_8_51_2__hash_g6gjuxa", X = q({ defaultClassName: "pkg_sps-woodland_core__version_8_51_2__hash_g6gjuxb", variantClassNames: { active: { true: "pkg_sps-woodland_core__version_8_51_2__hash_g6gjuxc", false: "pkg_sps-woodland_core__version_8_51_2__hash_g6gjuxd" }, disabled: { true: "pkg_sps-woodland_core__version_8_51_2__hash_g6gjuxe", false: "pkg_sps-woodland_core__version_8_51_2__hash_g6gjuxf" } }, defaultVariants: { active: !1, disabled: !1 }, compoundVariants: [] }), ge = "pkg_sps-woodland_core__version_8_51_2__hash_g6gjuxg", ve = q({ defaultClassName: "pkg_sps-woodland_core__version_8_51_2__hash_g6gjuxh", variantClassNames: { priorityPlus: { true: "pkg_sps-woodland_core__version_8_51_2__hash_g6gjuxi", false: "pkg_sps-woodland_core__version_8_51_2__hash_g6gjuxj" } }, defaultVariants: { priorityPlus: !1 }, compoundVariants: [] });
-function Y(e) {
-  const n = t.useRef(null), { linkProps: r } = ae(e, n), { active: a, priority: o, ...s } = e, l = {
-    ...s,
-    ...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);
-}
-H.set(Y, {
-  name: "Product Bar Tab",
-  props: {
-    active: { type: "boolean", required: !0 },
-    href: { type: "string" },
-    priority: { type: "number" }
-  }
-});
-const Z = t.forwardRef(function({
-  children: n,
-  className: r,
-  name: a,
-  logoSrc: o,
-  hideNameText: s = !1,
-  ...l
-}, c) {
-  return /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement("a", { className: k(de({ hideNameText: s }), r), ...l, ref: c }, o && /* @__PURE__ */ t.createElement(
-    "img",
-    {
-      className: fe,
-      src: o,
-      "aria-hidden": "true",
-      alt: `${a} Logo`,
-      title: a
-    }
-  ), a && /* @__PURE__ */ t.createElement("span", { className: k(pe, s && me) }, a)), /* @__PURE__ */ t.createElement("span", { className: ge }));
-});
-H.set(Z, {
-  name: "ProductBarName",
-  props: {
-    name: { type: "string" },
-    logoSrc: { type: "string" },
-    hideNameText: { type: "boolean", default: "false" }
-  }
-});
-var we = "pkg_sps-woodland_core__version_8_51_2__hash_5klvkn0", be = "pkg_sps-woodland_core__version_8_51_2__hash_5klvkn1", ye = "pkg_sps-woodland_core__version_8_51_2__hash_5klvkn2", z = "pkg_sps-woodland_core__version_8_51_2__hash_5klvkn3", G = "pkg_sps-woodland_core__version_8_51_2__hash_5klvkn4";
-function ke({
-  items: e,
-  wrapperRef: n
-}) {
-  const { t: r } = U();
-  if (e.length === 0)
-    return null;
-  const a = e.some((s) => s.props?.active), o = 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(se, null, /* @__PURE__ */ t.createElement(
-      oe,
-      {
-        className: k(X({ active: a, disabled: !1 }), we),
-        "aria-label": o
-      },
-      o,
-      /* @__PURE__ */ t.createElement(
-        Q,
-        {
-          icon: "chevron-down",
-          className: be,
-          "aria-hidden": "true"
-        }
-      )
-    ), /* @__PURE__ */ t.createElement(le, { className: ye, gutter: 4 }, e.map((s, l) => {
-      const c = s.props?.active, p = s.props?.children, m = s.props?.onPress, u = s.props?.href, R = s.props?.as, I = () => {
-        m && m();
-      };
-      if (u && R) {
-        const N = R;
-        return /* @__PURE__ */ t.createElement(
-          D,
-          {
-            key: l,
-            className: k(z, c && G),
-            render: /* @__PURE__ */ t.createElement(N, { to: u })
-          },
-          p
-        );
-      }
-      return u ? /* @__PURE__ */ t.createElement(
-        D,
-        {
-          key: l,
-          className: k(z, c && G),
-          render: /* @__PURE__ */ t.createElement("a", { href: u })
-        },
-        p
-      ) : /* @__PURE__ */ t.createElement(
-        D,
-        {
-          key: l,
-          className: k(z, c && G),
-          onClick: I
-        },
-        p
-      );
-    }))))
-  );
-}
-function Re(e, n = {}) {
-  const {
-    enabled: r = !0,
-    minVisibleItems: a = 1,
-    debounceMs: o = 16
-    // ~1 frame for responsive resize handling
-  } = n, s = t.useRef(null), l = t.useRef(null), c = t.useRef(null), p = t.useRef(null), m = t.useRef(null), u = 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(() => {
-    if (!s.current) return !1;
-    const i = s.current, g = Array.from(i.children), _ = c.current;
-    _ && (R.current = _.getBoundingClientRect().width);
-    const w = g.filter((b) => b !== _);
-    if (w.length < e.length)
-      return !1;
-    if (u.current = w.map((b) => b.getBoundingClientRect().width), m.current) {
-      const b = m.current.querySelector("span:last-of-type");
-      if (b) {
-        const d = b.getBoundingClientRect().width, C = getComputedStyle(m.current), P = parseFloat(C.marginRight) || 0, f = Math.max(0, P - 8);
-        I.current = d + f;
-      }
-    }
-    return N.current = !0, !0;
-  }, [e.length]), V = t.useCallback(() => {
-    if (!l.current) return 0;
-    const i = l.current, g = i.getBoundingClientRect(), _ = getComputedStyle(i), w = parseFloat(_.paddingLeft) + parseFloat(_.paddingRight), b = parseFloat(_.gap) || 0;
-    let d = w;
-    const C = Array.from(i.children), P = C.filter((f) => getComputedStyle(f).display !== "none");
-    P.length > 1 && (d += b * (P.length - 1));
-    for (const f of C) {
-      if (f === s.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 y = getComputedStyle(v), te = parseFloat(y.marginLeft) + parseFloat(y.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 || !N.current) {
-      B(!1), h.current = !1;
-      return;
-    }
-    let i = V();
-    const g = u.current, _ = R.current || 100, w = I.current || 0;
-    if (h.current && w > 0 && (i -= w), g.length === 0 || i <= 0) {
-      E(e.length), B(!1), h.current = !1;
-      return;
-    }
-    if (g.reduce((v, y) => v + y, 0) <= i) {
-      E(e.length), B(!1), h.current = !1;
-      return;
-    }
-    let d = 0, C = 0;
-    const P = i - _;
-    for (let v = 0; v < g.length; v++) {
-      const y = g[v];
-      if (d + y <= P)
-        d += y, C++;
-      else
-        break;
-    }
-    const W = Math.min(a, e.length), f = Math.max(C, W), L = g.slice(0, W).reduce((v, y) => v + y, 0) + _, O = C < W && L > i && w > 0, F = !O && i > L + w + 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);
-  }, [r, e.length, a, V]);
-  t.useEffect(() => {
-    if (!r) {
-      E(e.length);
-      return;
-    }
-    N.current = !1, u.current = [], E(e.length);
-  }, [r, e.length]), t.useLayoutEffect(() => {
-    if (!r || !s.current) return;
-    S() && x();
-  }), t.useEffect(() => {
-    if (!r) return;
-    let i;
-    const g = () => {
-      clearTimeout(i), i = setTimeout(() => {
-        N.current || S(), x();
-      }, o);
-    }, _ = new ResizeObserver(g);
-    return l.current && _.observe(l.current), () => {
-      clearTimeout(i), _.disconnect();
-    };
-  }, [r, S, x, o]);
-  const $ = r ? e.slice(0, M) : e, ee = r && M < e.length ? e.slice(M) : [];
-  return {
-    visibleItems: $,
-    overflowItems: ee,
-    containerRef: s,
-    parentRef: l,
-    overflowButtonRef: c,
-    contentRef: p,
-    brandRef: m,
-    hideProductName: A
-  };
-}
-function Ne(e) {
-  return [...e].sort((n, r) => {
-    const a = n.props?.priority ?? 1 / 0, o = r.props?.priority ?? 1 / 0;
-    return a === o ? 0 : a - o;
-  });
-}
-function Ce(e, n) {
-  if (n.length === 0)
-    return { visible: e, overflow: n };
-  const r = n.findIndex((c) => c.props?.active);
-  if (r === -1)
-    return { visible: e, overflow: n };
-  const a = n[r], o = e[e.length - 1], s = [...e.slice(0, -1), a], l = [
-    ...n.slice(0, r),
-    o,
-    ...n.slice(r + 1)
-  ];
-  return { visible: s, overflow: l };
-}
-function Ee({
-  fullWidth: e,
-  enablePriorityPlus: n = !0,
-  children: r,
-  className: a,
-  ...o
-}) {
-  const s = t.useRef(null), [l, c, p] = re(r, [
-    { type: Z },
-    { type: Y }
-  ]), m = t.useMemo(
-    () => n ? Ne(c) : c,
-    [n, c]
-  ), {
-    visibleItems: u,
-    overflowItems: R,
-    containerRef: I,
-    parentRef: N,
-    overflowButtonRef: M,
-    contentRef: E,
-    brandRef: A,
-    hideProductName: B
-  } = Re(m, {
-    enabled: n
-  }), { visible: S, overflow: V } = t.useMemo(
-    () => Ce(
-      u,
-      R
-    ),
-    [u, 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(ue, a), ...o, ref: s }, /* @__PURE__ */ t.createElement(
-    "nav",
-    {
-      className: _e({ fullWidth: e }),
-      ref: N
-    },
-    h,
-    /* @__PURE__ */ t.createElement(
-      "div",
-      {
-        className: ve({ priorityPlus: n }),
-        ref: I
-      },
-      S,
-      V.length > 0 && /* @__PURE__ */ t.createElement(
-        ke,
-        {
-          items: V,
-          wrapperRef: M
-        }
-      )
-    ),
-    /* @__PURE__ */ t.createElement(
-      "div",
-      {
-        className: he,
-        ref: E
-      },
-      /* @__PURE__ */ t.createElement(ne.Provider, { value: { parentElementRef: s, fixed: !0 } }, p)
-    )
-  ));
-}
-H.set(Ee, {
-  name: "ProductBar",
-  props: {
-    fullWidth: { type: "boolean" },
-    enablePriorityPlus: { type: "boolean", default: "true" }
-  }
-});
-var Be = "pkg_sps-woodland_core__version_8_51_2__hash_pqijiy0", je = "pkg_sps-woodland_core__version_8_51_2__hash_pqijiy1";
-function Ie({
-  channelId: e,
-  className: n,
-  ...r
-}) {
-  const { t: a } = U();
-  return /* @__PURE__ */ t.createElement(
-    "a",
-    {
-      className: k(Be, 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("span", null, a("slackLink.label", { defaultValue: "Chat" }))
-  );
-}
-H.set(Ie, {
-  name: "Slack Link",
-  props: {
-    channelId: { type: "string", required: !0 }
-  }
-});
-export {
-  Ee as ProductBar,
-  Z as ProductBarName,
-  Y as ProductBarTab,
-  Ie as SlackLink
-};

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

@@ -1 +0,0 @@
-(function(_,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):(_=typeof globalThis<"u"?globalThis:_||self,V(_.ProductBar={},_.React,_.core,_.link,_.react,_.i18n))})(this,(function(_,V,c,te,I,U){"use strict";function ne(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const a=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(r,n,a.get?a:{enumerable:!0,get:()=>e[n]})}}return r.default=e,Object.freeze(r)}const t=ne(V);function re(e,r,n){return r in e?Object.defineProperty(e,r,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[r]=n,e}function X(e,r){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);r&&(a=a.filter(function(o){return Object.getOwnPropertyDescriptor(e,o).enumerable})),n.push.apply(n,a)}return n}function Y(e){for(var r=1;r<arguments.length;r++){var n=arguments[r]!=null?arguments[r]:{};r%2?X(Object(n),!0).forEach(function(a){re(e,a,n[a])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):X(Object(n)).forEach(function(a){Object.defineProperty(e,a,Object.getOwnPropertyDescriptor(n,a))})}return e}var ae=(e,r,n)=>{for(var a of Object.keys(e)){var o;if(e[a]!==((o=r[a])!==null&&o!==void 0?o:n[a]))return!1}return!0},D=e=>r=>{var n=e.defaultClassName,a=Y(Y({},e.defaultVariants),r);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&&(n+=" "+h)}}for(var[g,d]of e.compoundVariants)ae(g,a,e.defaultVariants)&&(n+=" "+d);return n},se="pkg_sps-woodland_core__version_8_51_2__hash_g6gjux0",oe=D({defaultClassName:"pkg_sps-woodland_core__version_8_51_2__hash_g6gjux1",variantClassNames:{fullWidth:{true:"pkg_sps-woodland_core__version_8_51_2__hash_g6gjux2",false:"pkg_sps-woodland_core__version_8_51_2__hash_g6gjux3"}},defaultVariants:{fullWidth:!1},compoundVariants:[]}),le=D({defaultClassName:"pkg_sps-woodland_core__version_8_51_2__hash_g6gjux4",variantClassNames:{hideNameText:{true:"pkg_sps-woodland_core__version_8_51_2__hash_g6gjux5",false:"pkg_sps-woodland_core__version_8_51_2__hash_g6gjux6"}},defaultVariants:{hideNameText:!1},compoundVariants:[]}),ie="pkg_sps-woodland_core__version_8_51_2__hash_g6gjux7",ce="pkg_sps-woodland_core__version_8_51_2__hash_g6gjux8",ue="pkg_sps-woodland_core__version_8_51_2__hash_g6gjux9",_e="pkg_sps-woodland_core__version_8_51_2__hash_g6gjuxa",Z=D({defaultClassName:"pkg_sps-woodland_core__version_8_51_2__hash_g6gjuxb",variantClassNames:{active:{true:"pkg_sps-woodland_core__version_8_51_2__hash_g6gjuxc",false:"pkg_sps-woodland_core__version_8_51_2__hash_g6gjuxd"},disabled:{true:"pkg_sps-woodland_core__version_8_51_2__hash_g6gjuxe",false:"pkg_sps-woodland_core__version_8_51_2__hash_g6gjuxf"}},defaultVariants:{active:!1,disabled:!1},compoundVariants:[]}),de="pkg_sps-woodland_core__version_8_51_2__hash_g6gjuxg",fe=D({defaultClassName:"pkg_sps-woodland_core__version_8_51_2__hash_g6gjuxh",variantClassNames:{priorityPlus:{true:"pkg_sps-woodland_core__version_8_51_2__hash_g6gjuxi",false:"pkg_sps-woodland_core__version_8_51_2__hash_g6gjuxj"}},defaultVariants:{priorityPlus:!1},compoundVariants:[]});function G(e){const r=t.useRef(null),{linkProps:n}=te.useLink(e,r),{active:a,priority:o,...s}=e,l={...s,...n,ref:r,className:c.cl(Z({active:a,disabled:!1}),e.className)},i=e.as??(e.href?"a":"span");return t.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=t.forwardRef(function({children:r,className:n,name:a,logoSrc:o,hideNameText:s=!1,...l},i){return t.createElement(t.Fragment,null,t.createElement("a",{className:c.cl(le({hideNameText:s}),n),...l,ref:i},o&&t.createElement("img",{className:ie,src:o,"aria-hidden":"true",alt:`${a} Logo`,title:a}),a&&t.createElement("span",{className:c.cl(ce,s&&ue)},a)),t.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__version_8_51_2__hash_5klvkn0",me="pkg_sps-woodland_core__version_8_51_2__hash_5klvkn1",he="pkg_sps-woodland_core__version_8_51_2__hash_5klvkn2",J="pkg_sps-woodland_core__version_8_51_2__hash_5klvkn3",Q="pkg_sps-woodland_core__version_8_51_2__hash_5klvkn4";function ge({items:e,wrapperRef:r}){const{t:n}=U.useWoodlandLanguage();if(e.length===0)return null;const a=e.some(s=>s.props?.active),o=n("productBar.more",{defaultValue:"More"});return t.createElement("span",{ref:r},t.createElement(I.MenuProvider,null,t.createElement(I.MenuButton,{className:c.cl(Z({active:a,disabled:!1}),pe),"aria-label":o},o,t.createElement(c.Icon,{icon:"chevron-down",className:me,"aria-hidden":"true"})),t.createElement(I.Menu,{className:he,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 t.createElement(I.MenuItem,{key:l,className:c.cl(J,i&&Q),render:t.createElement(B,{to:d})},h)}return d?t.createElement(I.MenuItem,{key:l,className:c.cl(J,i&&Q),render:t.createElement("a",{href:d})},h):t.createElement(I.MenuItem,{key:l,className:c.cl(J,i&&Q),onClick:M},h)}))))}function ve(e,r={}){const{enabled:n=!0,minVisibleItems:a=1,debounceMs:o=16}=r,s=t.useRef(null),l=t.useRef(null),i=t.useRef(null),h=t.useRef(null),g=t.useRef(null),d=t.useRef([]),N=t.useRef(0),M=t.useRef(0),B=t.useRef(!1),[W,E]=t.useState(e.length),[H,j]=t.useState(!1),L=t.useCallback(()=>{if(!s.current)return!1;const u=s.current,b=Array.from(u.children),f=i.current;f&&(N.current=f.getBoundingClientRect().width);const y=b.filter(k=>k!==f);if(y.length<e.length)return!1;if(d.current=y.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),S=parseFloat(C.marginRight)||0,m=Math.max(0,S-8);M.current=p+m}}return B.current=!0,!0},[e.length]),F=t.useCallback(()=>{if(!l.current)return 0;const u=l.current,b=u.getBoundingClientRect(),f=getComputedStyle(u),y=parseFloat(f.paddingLeft)+parseFloat(f.paddingRight),k=parseFloat(f.gap)||0;let p=y;const C=Array.from(u.children),S=C.filter(m=>getComputedStyle(m).display!=="none");S.length>1&&(p+=k*(S.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 x=Array.from(m.children),q=getComputedStyle(m),P=parseFloat(q.gap)||0;for(const w of x){const R=getComputedStyle(w),Be=parseFloat(R.marginLeft)+parseFloat(R.marginRight);p+=w.getBoundingClientRect().width+Be}x.length>1&&(p+=P*(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=t.useRef(!1),O=t.useCallback(()=>{if(!n||!B.current){j(!1),v.current=!1;return}let u=F();const b=d.current,f=N.current||100,y=M.current||0;if(v.current&&y>0&&(u-=y),b.length===0||u<=0){E(e.length),j(!1),v.current=!1;return}if(b.reduce((w,R)=>w+R,0)<=u){E(e.length),j(!1),v.current=!1;return}let p=0,C=0;const S=u-f;for(let w=0;w<b.length;w++){const R=b[w];if(p+R<=S)p+=R,C++;else break}const T=Math.min(a,e.length),m=Math.max(C,T),A=b.slice(0,T).reduce((w,R)=>w+R,0)+f,x=C<T&&A>u&&y>0,q=!x&&u>A+y+20;let P=v.current;x&&!v.current?P=!0:q&&v.current&&(P=!1),P!==v.current&&(v.current=P,j(P)),E(m)},[n,e.length,a,F]);t.useEffect(()=>{if(!n){E(e.length);return}B.current=!1,d.current=[],E(e.length)},[n,e.length]),t.useLayoutEffect(()=>{if(!n||!s.current)return;L()&&O()}),t.useEffect(()=>{if(!n)return;let u;const b=()=>{clearTimeout(u),u=setTimeout(()=>{B.current||L(),O()},o)},f=new ResizeObserver(b);return l.current&&f.observe(l.current),()=>{clearTimeout(u),f.disconnect()}},[n,L,O,o]);const Re=n?e.slice(0,W):e,Ne=n&&W<e.length?e.slice(W):[];return{visibleItems:Re,overflowItems:Ne,containerRef:s,parentRef:l,overflowButtonRef:i,contentRef:h,brandRef:g,hideProductName:H}}function be(e){return[...e].sort((r,n)=>{const a=r.props?.priority??1/0,o=n.props?.priority??1/0;return a===o?0:a-o})}function we(e,r){if(r.length===0)return{visible:e,overflow:r};const n=r.findIndex(i=>i.props?.active);if(n===-1)return{visible:e,overflow:r};const a=r[n],o=e[e.length-1],s=[...e.slice(0,-1),a],l=[...r.slice(0,n),o,...r.slice(n+1)];return{visible:s,overflow:l}}function $({fullWidth:e,enablePriorityPlus:r=!0,children:n,className:a,...o}){const s=t.useRef(null),[l,i,h]=c.selectChildren(n,[{type:K},{type:G}]),g=t.useMemo(()=>r?be(i):i,[r,i]),{visibleItems:d,overflowItems:N,containerRef:M,parentRef:B,overflowButtonRef:W,contentRef:E,brandRef:H,hideProductName:j}=ve(g,{enabled:r}),{visible:L,overflow:F}=t.useMemo(()=>we(d,N),[d,N]),v=t.useMemo(()=>{if(!r||!l||l.length===0)return l;const O=l[0];return t.isValidElement(O)?[t.cloneElement(O,{hideNameText:j,ref:H})]:l},[r,l,j,H]);return t.createElement("div",{className:c.cl(se,a),...o,ref:s},t.createElement("nav",{className:oe({fullWidth:e}),ref:B},v,t.createElement("div",{className:fe({priorityPlus:r}),ref:M},L,F.length>0&&t.createElement(ge,{items:F,wrapperRef:W})),t.createElement("div",{className:_e,ref:E},t.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 ye="pkg_sps-woodland_core__version_8_51_2__hash_pqijiy0",ke="pkg_sps-woodland_core__version_8_51_2__hash_pqijiy1";function ee({channelId:e,className:r,...n}){const{t:a}=U.useWoodlandLanguage();return t.createElement("a",{className:c.cl(ye,r),target:"_blank",rel:"noreferrer",href:`https://spscommerce.slack.com/archives/${e}`,...n},t.createElement(c.Icon,{className:ke,icon:"conversation","aria-hidden":"true"}),t.createElement("span",null,a("slackLink.label",{defaultValue:"Chat"})))}c.Metadata.set(ee,{name:"Slack Link",props:{channelId:{type:"string",required:!0}}}),_.ProductBar=$,_.ProductBarName=K,_.ProductBarTab=G,_.SlackLink=ee,Object.defineProperty(_,Symbol.toStringTag,{value:"Module"})}));

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

@@ -1,43 +0,0 @@
-export declare const productBarContainer: string;
-export declare const productBar: import("node_modules/@vanilla-extract/recipes/dist/declarations/src/types").RuntimeFn<{
-    fullWidth: {
-        true: {
-            width: "100%";
-        };
-        false: {};
-    };
-}>;
-export declare const productBarBrand: import("node_modules/@vanilla-extract/recipes/dist/declarations/src/types").RuntimeFn<{
-    hideNameText: {
-        true: {
-            marginRight: string;
-        };
-        false: {};
-    };
-}>;
-export declare const productBarBrandLogo: string;
-export declare const productBarBrandName: string;
-export declare const visuallyHidden: string;
-export declare const productBarContent: string;
-export declare const navItem: import("node_modules/@vanilla-extract/recipes/dist/declarations/src/types").RuntimeFn<{
-    active: {
-        true: {
-            boxShadow: `inset 0 -${string} ${string}`;
-        };
-        false: {};
-    };
-    disabled: {
-        true: {
-            color: string;
-        };
-        false: {};
-    };
-}>;
-export declare const verticalRule: string;
-export declare const productNavNav: import("node_modules/@vanilla-extract/recipes/dist/declarations/src/types").RuntimeFn<{
-    priorityPlus: {
-        true: {};
-        false: {};
-    };
-}>;
-//# sourceMappingURL=ProductBar.css.d.ts.map

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

@@ -1 +0,0 @@
-{"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"}

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

@@ -1,15 +0,0 @@
-/* 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__version_8_51_2__hash_g6gjux0", r = _({ defaultClassName: "pkg_sps-woodland_core__version_8_51_2__hash_g6gjux1", variantClassNames: { fullWidth: { true: "pkg_sps-woodland_core__version_8_51_2__hash_g6gjux2", false: "pkg_sps-woodland_core__version_8_51_2__hash_g6gjux3" } }, defaultVariants: { fullWidth: !1 }, compoundVariants: [] }), e = _({ defaultClassName: "pkg_sps-woodland_core__version_8_51_2__hash_g6gjux4", variantClassNames: { hideNameText: { true: "pkg_sps-woodland_core__version_8_51_2__hash_g6gjux5", false: "pkg_sps-woodland_core__version_8_51_2__hash_g6gjux6" } }, defaultVariants: { hideNameText: !1 }, compoundVariants: [] }), d = "pkg_sps-woodland_core__version_8_51_2__hash_g6gjux7", n = "pkg_sps-woodland_core__version_8_51_2__hash_g6gjux8", g = "pkg_sps-woodland_core__version_8_51_2__hash_g6gjux9", l = "pkg_sps-woodland_core__version_8_51_2__hash_g6gjuxa", p = _({ defaultClassName: "pkg_sps-woodland_core__version_8_51_2__hash_g6gjuxb", variantClassNames: { active: { true: "pkg_sps-woodland_core__version_8_51_2__hash_g6gjuxc", false: "pkg_sps-woodland_core__version_8_51_2__hash_g6gjuxd" }, disabled: { true: "pkg_sps-woodland_core__version_8_51_2__hash_g6gjuxe", false: "pkg_sps-woodland_core__version_8_51_2__hash_g6gjuxf" } }, defaultVariants: { active: !1, disabled: !1 }, compoundVariants: [] }), i = "pkg_sps-woodland_core__version_8_51_2__hash_g6gjuxg", u = _({ defaultClassName: "pkg_sps-woodland_core__version_8_51_2__hash_g6gjuxh", variantClassNames: { priorityPlus: { true: "pkg_sps-woodland_core__version_8_51_2__hash_g6gjuxi", false: "pkg_sps-woodland_core__version_8_51_2__hash_g6gjuxj" } }, defaultVariants: { priorityPlus: !1 }, compoundVariants: [] });
-export {
-  p as navItem,
-  r as productBar,
-  e as productBarBrand,
-  d as productBarBrandLogo,
-  n as productBarBrandName,
-  o as productBarContainer,
-  l as productBarContent,
-  u as productNavNav,
-  i as verticalRule,
-  g as visuallyHidden
-};

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

@@ -1,14 +0,0 @@
-import * as React from "react";
-import type { ComponentProps } from "@sps-woodland/core";
-export interface ProductBarProps {
-    /** Stretch nav to full width of container */
-    fullWidth?: boolean;
-    /**
-     * Priority+ behavior - tabs that don't fit collapse into a "More" menu.
-     * Set to false to disable responsive overflow.
-     * @default true
-     */
-    enablePriorityPlus?: boolean;
-}
-export declare function ProductBar({ fullWidth, enablePriorityPlus, children, className, ...rest }: ComponentProps<ProductBarProps, HTMLDivElement>): React.ReactElement;
-//# sourceMappingURL=ProductBar.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ProductBar.d.ts","sourceRoot":"","sources":["../../../src/product-bar/product-bar/ProductBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAgBzD,MAAM,WAAW,eAAe;IAC9B,6CAA6C;IAC7C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAoDD,wBAAgB,UAAU,CAAC,EACzB,SAAS,EACT,kBAAyB,EACzB,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACR,EAAE,cAAc,CAAC,eAAe,EAAE,cAAc,CAAC,GAAG,KAAK,CAAC,YAAY,CAkFtE"}