@sps-woodland/core 8.56.1 → 8.56.3

package/lib/photo/photo/Photo.js

@@ -1,83 +1,74 @@
-import * as e from "react";
-import { Metadata as E, cl as y, Icon as S } from "@sps-woodland/core";
-import { photoWrapper as b, photo as N, photoPlaceholder as W } from "./Photo.ve.js";
-function x({
-  className: a,
-  src: o,
-  altText: f,
-  mode: s = "fill",
-  placeholderIcon: d = "photo",
-  ...m
-}) {
-  const c = e.useRef(null), l = e.useRef(null), n = e.useRef(null), r = e.useRef(null), [i, h] = e.useState(), [g, p] = e.useState(!1);
-  e.useEffect(() => {
-    l.current && (n.current && (window.clearInterval(n.current), n.current = null), n.current = window.setInterval(() => {
-      if (l.current) {
-        const t = l.current.getBoundingClientRect();
-        if (t.height) {
-          n.current && (window.clearInterval(n.current), n.current = null);
-          const u = t.width / t.height > 1;
-          p(u === (s === "fit"));
-        }
-      }
-    }, 1e3 / 60));
-  }, [c.current, l.current, o]), e.useEffect(() => {
-    r.current && (window.clearInterval(r.current), r.current = null), r.current = window.setInterval(() => {
-      if (c.current) {
-        const t = c.current.getBoundingClientRect();
-        t.width && (w(t.width), r.current && (window.clearInterval(r.current), r.current = null));
-      }
-    }, 1e3 / 60);
-  }, [c.current]);
-  function w(t) {
-    if (t) {
-      const u = document?.body?.parentElement?.style?.fontSize || "16px", v = Number(u.substring(0, u.length - 2));
-      h(t / v);
-    }
-  }
-  function I() {
-    if (typeof i < "u")
-      return i * 0.05;
-  }
-  function R() {
-    if (typeof i < "u")
-      return 0.75 * i;
-  }
-  return /* @__PURE__ */ e.createElement(
-    "div",
-    {
-      ref: c,
-      className: y(b({ placeholder: !o }), a),
-      style: {
-        width: `${i}` && `${i}rem`,
-        fontSize: `${I()}rem`,
-        height: `${R()}rem`
-      },
-      ...m
-    },
-    o ? i ? /* @__PURE__ */ e.createElement(
-      "img",
-      {
-        className: N({ mode: g ? "fit" : "fill" }),
-        ref: l,
-        src: o,
-        alt: f
-      }
-    ) : /* @__PURE__ */ e.createElement("span", null) : /* @__PURE__ */ e.createElement(S, { className: W, icon: d })
-  );
+import { photo as e, photoPlaceholder as t, photoWrapper as n } from "./Photo.ve.js";
+import { Icon as r, Metadata as i, cl as a } from "@sps-woodland/core";
+import * as o from "react";
+//#region src/photo/photo/Photo.tsx
+function s({ className: i, src: s, altText: c, mode: l = "fill", placeholderIcon: u = "photo", ...d }) {
+	let f = o.useRef(null), p = o.useRef(null), m = o.useRef(null), h = o.useRef(null), [g, _] = o.useState(), [v, y] = o.useState(!1);
+	o.useEffect(() => {
+		p.current && (m.current &&= (window.clearInterval(m.current), null), m.current = window.setInterval(() => {
+			if (p.current) {
+				let e = p.current.getBoundingClientRect();
+				if (e.height) {
+					m.current &&= (window.clearInterval(m.current), null);
+					let t = e.width / e.height > 1;
+					y(t === (l === "fit"));
+				}
+			}
+		}, 1e3 / 60));
+	}, [
+		f.current,
+		p.current,
+		s
+	]), o.useEffect(() => {
+		h.current &&= (window.clearInterval(h.current), null), h.current = window.setInterval(() => {
+			if (f.current) {
+				let e = f.current.getBoundingClientRect();
+				e.width && (b(e.width), h.current &&= (window.clearInterval(h.current), null));
+			}
+		}, 1e3 / 60);
+	}, [f.current]);
+	function b(e) {
+		if (e) {
+			let t = document?.body?.parentElement?.style?.fontSize || "16px", n = Number(t.substring(0, t.length - 2));
+			_(e / n);
+		}
+	}
+	function x() {
+		if (g !== void 0) return g * .05;
+	}
+	function S() {
+		if (g !== void 0) return .75 * g;
+	}
+	return /* @__PURE__ */ o.createElement("div", {
+		ref: f,
+		className: a(n({ placeholder: !s }), i),
+		style: {
+			width: `${g}` && `${g}rem`,
+			fontSize: `${x()}rem`,
+			height: `${S()}rem`
+		},
+		...d
+	}, s ? g ? /* @__PURE__ */ o.createElement("img", {
+		className: e({ mode: v ? "fit" : "fill" }),
+		ref: p,
+		src: s,
+		alt: c
+	}) : /* @__PURE__ */ o.createElement("span", null) : /* @__PURE__ */ o.createElement(r, {
+		className: t,
+		icon: u
+	}));
 }
-E.set(x, {
-  name: "Photo",
-  props: {
-    src: "string",
-    altText: "string",
-    mode: {
-      type: '"fill" | "fit"',
-      default: '"fill"'
-    },
-    placeholderIcon: "IconName"
-  }
+i.set(s, {
+	name: "Photo",
+	props: {
+		src: "string",
+		altText: "string",
+		mode: {
+			type: "\"fill\" | \"fit\"",
+			default: "\"fill\""
+		},
+		placeholderIcon: "IconName"
+	}
 });
-export {
-  x as Photo
-};
+//#endregion
+export { s as Photo };

package/lib/photo/photo/Photo.ve.js

@@ -1,8 +1,22 @@
+import { createRuntimeFn as e } from "../../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";
 /* 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 s = _({ defaultClassName: "pkg_sps-woodland_core__family_photo__version_8_56_1__hash_1orib4w0", variantClassNames: { placeholder: { true: "pkg_sps-woodland_core__family_photo__version_8_56_1__hash_1orib4w1", false: "pkg_sps-woodland_core__family_photo__version_8_56_1__hash_1orib4w2" } }, defaultVariants: { placeholder: !1 }, compoundVariants: [] }), r = _({ defaultClassName: "pkg_sps-woodland_core__family_photo__version_8_56_1__hash_1orib4w3", variantClassNames: { mode: { fill: "pkg_sps-woodland_core__family_photo__version_8_56_1__hash_1orib4w4", fit: "pkg_sps-woodland_core__family_photo__version_8_56_1__hash_1orib4w5" } }, defaultVariants: { mode: "fill" }, compoundVariants: [] }), e = "pkg_sps-woodland_core__family_photo__version_8_56_1__hash_1orib4w6";
-export {
-  r as photo,
-  e as photoPlaceholder,
-  s as photoWrapper
-};
+//#region src/photo/photo/Photo.css.ts
+var t = e({
+	defaultClassName: "pkg_sps-woodland_core__family_photo__version_8_56_3__hash_1orib4w0",
+	variantClassNames: { placeholder: {
+		true: "pkg_sps-woodland_core__family_photo__version_8_56_3__hash_1orib4w1",
+		false: "pkg_sps-woodland_core__family_photo__version_8_56_3__hash_1orib4w2"
+	} },
+	defaultVariants: { placeholder: !1 },
+	compoundVariants: []
+}), n = e({
+	defaultClassName: "pkg_sps-woodland_core__family_photo__version_8_56_3__hash_1orib4w3",
+	variantClassNames: { mode: {
+		fill: "pkg_sps-woodland_core__family_photo__version_8_56_3__hash_1orib4w4",
+		fit: "pkg_sps-woodland_core__family_photo__version_8_56_3__hash_1orib4w5"
+	} },
+	defaultVariants: { mode: "fill" },
+	compoundVariants: []
+}), r = "pkg_sps-woodland_core__family_photo__version_8_56_3__hash_1orib4w6";
+//#endregion
+export { n as photo, r as photoPlaceholder, t as photoWrapper };

package/lib/photo/photo-carousel/PhotoCarousel.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PhotoCarousel.css.d.ts","sourceRoot":"","sources":["../../../src/photo/photo-carousel/PhotoCarousel.css.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,0BAA0B,QAGrC,CAAC;AAEH,eAAO,MAAM,mBAAmB,QAG9B,CAAC;AAEH,eAAO,MAAM,iBAAiB,QAI5B,CAAC;AAEH,eAAO,MAAM,yBAAyB,QAIpC,CAAC;AAEH,eAAO,MAAM,sBAAsB;;;;;;;EAmBjC,CAAC"}
+{"version":3,"file":"PhotoCarousel.css.d.ts","sourceRoot":"","sources":["../../../src/photo/photo-carousel/PhotoCarousel.css.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,0BAA0B,QAGrC,CAAC;AAEH,eAAO,MAAM,mBAAmB,QAG9B,CAAC;AAEH,eAAO,MAAM,iBAAiB,QAI5B,CAAC;AAEH,eAAO,MAAM,yBAAyB,QAIpC,CAAC;AAEH,eAAO,MAAM,sBAAsB;;;;;;;EAoBjC,CAAC"}

package/lib/photo/photo-carousel/PhotoCarousel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PhotoCarousel.d.ts","sourceRoot":"","sources":["../../../src/photo/photo-carousel/PhotoCarousel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAY,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAcnE,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACR,EAAE,cAAc,CAAC,OAAO,EAAE,cAAc,CAAC,GAAG,KAAK,CAAC,YAAY,CAkD9D"}
+{"version":3,"file":"PhotoCarousel.d.ts","sourceRoot":"","sources":["../../../src/photo/photo-carousel/PhotoCarousel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAY,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAcnE,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACR,EAAE,cAAc,CAAC,OAAO,EAAE,cAAc,CAAC,GAAG,KAAK,CAAC,YAAY,CAwD9D"}

package/lib/photo/photo-carousel/PhotoCarousel.js

@@ -1,48 +1,37 @@
-import * as e from "react";
-import { selectChildren as N, cl as t } from "@sps-woodland/core";
-import { Photo as v } from "../photo/Photo.js";
-import { grid as r } from "@sps-woodland/tokens";
-import { SpsButton as l } from "@spscommerce/ds-react";
-import { SpsIcon as s, ButtonKind as m } from "@spscommerce/ds-shared";
-import { photoCarouselButtonWrapper as i, photoCarouselButton as p, photoCarouselDisplayPhoto as I, photoCarouselList as f, photoCarouselListPhoto as R } from "./PhotoCarousel.ve.js";
-function O({
-  children: d,
-  className: x,
-  ...u
-}) {
-  const [n] = N(d, [{ type: v }]), [o, a] = e.useState(0);
-  function C() {
-    o + 1 === n.length ? a(0) : a(o + 1);
-  }
-  function h() {
-    a(o === 0 ? n.length - 1 : o - 1);
-  }
-  return /* @__PURE__ */ e.createElement("div", { className: r.root, ...u }, /* @__PURE__ */ e.createElement("div", { className: t(i) }, /* @__PURE__ */ e.createElement("div", { className: t(p) }, /* @__PURE__ */ e.createElement(
-    l,
-    {
-      tabIndex: 0,
-      kind: m.ICON,
-      icon: s.ARROW_LEFT_CIRCLE,
-      onClick: h
-    }
-  ))), /* @__PURE__ */ e.createElement("div", { className: r[10] }, /* @__PURE__ */ e.createElement("div", { className: t(I, r[12]) }, n[o]), /* @__PURE__ */ e.createElement("div", { className: t(f, r[12]) }, n.map((E, c) => /* @__PURE__ */ e.createElement(
-    "button",
-    {
-      tabIndex: 0,
-      className: t(R({ selected: c === o })),
-      onClick: () => a(c)
-    },
-    E
-  )))), /* @__PURE__ */ e.createElement("div", { className: t(i) }, /* @__PURE__ */ e.createElement("div", { className: t(p) }, /* @__PURE__ */ e.createElement(
-    l,
-    {
-      tabIndex: 0,
-      kind: m.ICON,
-      icon: s.ARROW_RIGHT_CIRCLE,
-      onClick: C
-    }
-  ))));
+import { Photo as e } from "../photo/Photo.js";
+import { photoCarouselButton as t, photoCarouselButtonWrapper as n, photoCarouselDisplayPhoto as r, photoCarouselList as i, photoCarouselListPhoto as a } from "./PhotoCarousel.ve.js";
+import { cl as o, selectChildren as s } from "@sps-woodland/core";
+import * as c from "react";
+import { useWoodlandLanguage as l } from "@spscommerce/i18n";
+import { grid as u } from "@sps-woodland/tokens";
+import { Button as d } from "@sps-woodland/core/buttons";
+//#region src/photo/photo-carousel/PhotoCarousel.tsx
+function f({ children: f, className: p, ...m }) {
+	let [h] = s(f, [{ type: e }]), [g, _] = c.useState(0), { t: v } = l();
+	function y() {
+		g + 1 === h.length ? _(0) : _(g + 1);
+	}
+	function b() {
+		_(g === 0 ? h.length - 1 : g - 1);
+	}
+	return /* @__PURE__ */ c.createElement("div", {
+		className: u.root,
+		...m
+	}, /* @__PURE__ */ c.createElement("div", { className: o(n) }, /* @__PURE__ */ c.createElement("div", { className: o(t) }, /* @__PURE__ */ c.createElement(d, {
+		kind: "icon",
+		icon: "arrow-left-circle",
+		"aria-label": v("photo.previousPhoto", { defaultValue: "Previous Photo" }),
+		onClick: b
+	}))), /* @__PURE__ */ c.createElement("div", { className: u[10] }, /* @__PURE__ */ c.createElement("div", { className: o(r, u[12]) }, h[g]), /* @__PURE__ */ c.createElement("div", { className: o(i, u[12]) }, h.map((e, t) => /* @__PURE__ */ c.createElement("button", {
+		tabIndex: 0,
+		className: o(a({ selected: t === g })),
+		onClick: () => _(t)
+	}, e)))), /* @__PURE__ */ c.createElement("div", { className: o(n) }, /* @__PURE__ */ c.createElement("div", { className: o(t) }, /* @__PURE__ */ c.createElement(d, {
+		kind: "icon",
+		icon: "arrow-right-circle",
+		"aria-label": v("photo.nextPhoto", { defaultValue: "Next Photo" }),
+		onClick: y
+	}))));
 }
-export {
-  O as PhotoCarousel
-};
+//#endregion
+export { f as PhotoCarousel };

package/lib/photo/photo-carousel/PhotoCarousel.ve.js

@@ -1,10 +1,14 @@
+import { createRuntimeFn as e } from "../../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";
 /* 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 s = "pkg_sps-woodland_core__family_photo__version_8_56_1__hash_1744ba10", e = "pkg_sps-woodland_core__family_photo__version_8_56_1__hash_1744ba11", r = "pkg_sps-woodland_core__family_photo__version_8_56_1__hash_1744ba12", p = "pkg_sps-woodland_core__family_photo__version_8_56_1__hash_1744ba13", t = _({ defaultClassName: "pkg_sps-woodland_core__family_photo__version_8_56_1__hash_1744ba14", variantClassNames: { selected: { true: "pkg_sps-woodland_core__family_photo__version_8_56_1__hash_1744ba15", false: "pkg_sps-woodland_core__family_photo__version_8_56_1__hash_1744ba16" } }, defaultVariants: { selected: !1 }, compoundVariants: [] });
-export {
-  e as photoCarouselButton,
-  s as photoCarouselButtonWrapper,
-  p as photoCarouselDisplayPhoto,
-  r as photoCarouselList,
-  t as photoCarouselListPhoto
-};
+//#region src/photo/photo-carousel/PhotoCarousel.css.ts
+var t = "pkg_sps-woodland_core__family_photo__version_8_56_3__hash_1744ba10", n = "pkg_sps-woodland_core__family_photo__version_8_56_3__hash_1744ba11", r = "pkg_sps-woodland_core__family_photo__version_8_56_3__hash_1744ba12", i = "pkg_sps-woodland_core__family_photo__version_8_56_3__hash_1744ba13", a = e({
+	defaultClassName: "pkg_sps-woodland_core__family_photo__version_8_56_3__hash_1744ba14",
+	variantClassNames: { selected: {
+		true: "pkg_sps-woodland_core__family_photo__version_8_56_3__hash_1744ba15",
+		false: "pkg_sps-woodland_core__family_photo__version_8_56_3__hash_1744ba16"
+	} },
+	defaultVariants: { selected: !1 },
+	compoundVariants: []
+});
+//#endregion
+export { n as photoCarouselButton, t as photoCarouselButtonWrapper, i as photoCarouselDisplayPhoto, r as photoCarouselList, a as photoCarouselListPhoto };

package/lib/photo/style.css

@@ -1 +1,2 @@
-.pkg_sps-woodland_core__family_photo__version_8_56_1__hash_1orib4w0{align-items:center;display:flex;justify-content:center;overflow:hidden;padding:0!important;vertical-align:middle}.pkg_sps-woodland_core__family_photo__version_8_56_1__hash_1orib4w1{background:#f3f4f4;box-shadow:inset .0625rem 0 #d2d4d4,inset -.0625rem 0 #d2d4d4,inset 0 .0625rem #d2d4d4,inset 0 -.0625rem #d2d4d4,inset 1em 0 #fff,inset -1em 0 #fff,inset 0 1em #fff,inset 0 -1em #fff}.pkg_sps-woodland_core__family_photo__version_8_56_1__hash_1orib4w3{visibility:hidden}.pkg_sps-woodland_core__family_photo__version_8_56_1__hash_1orib4w4{height:100%;visibility:visible;width:auto}.pkg_sps-woodland_core__family_photo__version_8_56_1__hash_1orib4w5{height:auto;visibility:visible;width:100%}.pkg_sps-woodland_core__family_photo__version_8_56_1__hash_1orib4w6{font-size:6em;text-align:center;color:#717779}.pkg_sps-woodland_core__family_photo__version_8_56_1__hash_1744ba10{display:table;float:right}.pkg_sps-woodland_core__family_photo__version_8_56_1__hash_1744ba11{display:table-cell;vertical-align:middle}.pkg_sps-woodland_core__family_photo__version_8_56_1__hash_1744ba12{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.pkg_sps-woodland_core__family_photo__version_8_56_1__hash_1744ba13{display:block;margin-bottom:.5rem;width:100%}.pkg_sps-woodland_core__family_photo__version_8_56_1__hash_1744ba14{display:block;background:transparent;border:0;cursor:pointer;padding:0}.pkg_sps-woodland_core__family_photo__version_8_56_1__hash_1744ba16{opacity:.4}
+.pkg_sps-woodland_core__family_photo__version_8_56_3__hash_1orib4w0{vertical-align:middle;justify-content:center;align-items:center;display:flex;overflow:hidden;padding:0!important}.pkg_sps-woodland_core__family_photo__version_8_56_3__hash_1orib4w1{background:#f3f4f4;box-shadow:inset .0625rem 0 #d2d4d4,inset -.0625rem 0 #d2d4d4,inset 0 .0625rem #d2d4d4,inset 0 -.0625rem #d2d4d4,inset 1em 0 #fff,inset -1em 0 #fff,inset 0 1em #fff,inset 0 -1em #fff}.pkg_sps-woodland_core__family_photo__version_8_56_3__hash_1orib4w3{visibility:hidden}.pkg_sps-woodland_core__family_photo__version_8_56_3__hash_1orib4w4{visibility:visible;width:auto;height:100%}.pkg_sps-woodland_core__family_photo__version_8_56_3__hash_1orib4w5{visibility:visible;width:100%;height:auto}.pkg_sps-woodland_core__family_photo__version_8_56_3__hash_1orib4w6{text-align:center;color:#717779;font-size:6em}.pkg_sps-woodland_core__family_photo__version_8_56_3__hash_1744ba10{float:right;display:table}.pkg_sps-woodland_core__family_photo__version_8_56_3__hash_1744ba11{vertical-align:middle;display:table-cell}.pkg_sps-woodland_core__family_photo__version_8_56_3__hash_1744ba12{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.pkg_sps-woodland_core__family_photo__version_8_56_3__hash_1744ba13{width:100%;margin-bottom:.5rem;display:block}.pkg_sps-woodland_core__family_photo__version_8_56_3__hash_1744ba14{cursor:pointer;background:0 0;border:0;padding:0;display:block}.pkg_sps-woodland_core__family_photo__version_8_56_3__hash_1744ba14:focus{outline-offset:.125rem;outline:.125rem solid #007db8;box-shadow:0 0 0 6px #fff}.pkg_sps-woodland_core__family_photo__version_8_56_3__hash_1744ba16{opacity:.4}
+/*$vite$:1*/

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

@@ -1,106 +1,90 @@
 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
-  };
+//#region src/product-bar/hooks/usePriorityPlus.ts
+function t(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: _
+	};
 }
-export {
-  j as usePriorityPlus
-};
+//#endregion
+export { t as usePriorityPlus };