@faststore/components 3.95.1-dev.0 → 3.96.0-dev.4

package/dist/es/index.mjs

@@ -0,0 +1,5010 @@
+import e, { createContext as W, useReducer as Be, useMemo as H, useContext as j, useState as R, useCallback as L, useEffect as O, useTransition as ht, useRef as $, forwardRef as p, useImperativeHandle as le, cloneElement as pe, Suspense as Le, lazy as Ee, Fragment as gt } from "react";
+import { useSwipeable as bt } from "react-swipeable";
+import { createPortal as Ve } from "react-dom";
+import { tabbable as $e } from "tabbable";
+import { InView as vt } from "react-intersection-observer";
+const Ya = {
+  setLocation: "setLocation",
+  changeLocation: "changeLocation",
+  changePickupPoint: "changePickupPoint",
+  globalChangePickupPoint: "globalChangePickupPoint"
+}, yt = (n, t) => {
+  const { type: a } = t;
+  switch (a) {
+    case "open": {
+      const { payload: r } = t;
+      return document.body.classList.add("no-scroll"), {
+        ...n,
+        [r]: !0
+      };
+    }
+    case "close": {
+      const { payload: r } = t;
+      return document.body.classList.remove("no-scroll"), {
+        ...n,
+        [r]: !1
+      };
+    }
+    case "pushToast":
+      return n.toasts.some(
+        (o) => o.message === t.payload.message && o.status === t.payload.status
+      ) ? n : {
+        ...n,
+        toasts: [...n.toasts, t.payload]
+      };
+    case "popToast":
+      return {
+        ...n,
+        toasts: n.toasts.slice(1)
+      };
+    case "openPopover":
+      return {
+        ...n,
+        popover: {
+          isOpen: !0,
+          triggerRef: t.payload.triggerRef
+        }
+      };
+    case "closePopover":
+      return {
+        ...n,
+        popover: {
+          isOpen: !1,
+          triggerRef: void 0
+        }
+      };
+    case "openRegionSlider":
+      return document.body.classList.add("no-scroll"), {
+        ...n,
+        regionSlider: {
+          type: t.payload,
+          isOpen: !0
+        }
+      };
+    case "closeRegionSlider":
+      return n.filter || document.body.classList.remove("no-scroll"), {
+        ...n,
+        regionSlider: {
+          type: "none",
+          isOpen: !1
+        }
+      };
+    default:
+      throw new Error(`Action ${a} not implemented`);
+  }
+}, wt = () => ({
+  cart: !1,
+  modal: !1,
+  navbar: !1,
+  filter: !1,
+  toasts: [],
+  popover: {
+    isOpen: !1,
+    triggerRef: void 0
+  },
+  regionSlider: {
+    type: "none",
+    isOpen: !1
+  }
+}), He = W(void 0);
+function qa({ children: n }) {
+  const [t, a] = Be(yt, void 0, wt), r = H(
+    () => ({
+      openFilter: () => a({ type: "open", payload: "filter" }),
+      closeFilter: () => a({ type: "close", payload: "filter" }),
+      openNavbar: () => a({ type: "open", payload: "navbar" }),
+      closeNavbar: () => a({ type: "close", payload: "navbar" }),
+      openCart: () => a({ type: "open", payload: "cart" }),
+      closeCart: () => a({ type: "close", payload: "cart" }),
+      openModal: () => a({ type: "open", payload: "modal" }),
+      closeModal: () => a({ type: "close", payload: "modal" }),
+      pushToast: (l) => a({ type: "pushToast", payload: l }),
+      popToast: () => a({ type: "popToast" }),
+      openPopover: (l) => a({ type: "openPopover", payload: l }),
+      closePopover: () => a({ type: "closePopover" }),
+      openRegionSlider: (l) => a({ type: "openRegionSlider", payload: l }),
+      closeRegionSlider: () => a({ type: "closeRegionSlider" })
+    }),
+    []
+  ), o = H(
+    () => ({
+      ...t,
+      ...r
+    }),
+    [r, t]
+  );
+  return /* @__PURE__ */ e.createElement(He.Provider, { value: o }, n);
+}
+function te() {
+  const n = j(He);
+  if (n === void 0)
+    throw new Error("Missing UI context on React tree");
+  return n;
+}
+const se = () => {
+  const [n, t] = R("out"), a = L(() => t("out"), []), r = L(() => t("in"), []);
+  return O(() => (r(), () => {
+    a();
+  }), [r, a]), {
+    fade: n,
+    fadeIn: r,
+    fadeOut: a
+  };
+};
+function Ct(n, t) {
+  O(
+    () => {
+      if (!n?.current) return;
+      const a = (r) => {
+        !n?.current || n.current.contains(r.target) || t(r);
+      };
+      return document.addEventListener("mousedown", a), document.addEventListener("touchstart", a), () => {
+        document.removeEventListener("mousedown", a), document.removeEventListener("touchstart", a);
+      };
+    },
+    /**
+     * Add ref and handler to effect dependencies.
+     * It's worth noting that because passed in handler is a new
+     * function on every render that will cause this effect
+     * callback/cleanup to run every render. It's not a big deal
+     * but to optimize you can wrap handler in useCallback before
+     * passing it into this hook.
+     */
+    [n, t]
+  );
+}
+const _e = W(void 0);
+function kt({ children: n }) {
+  const [t, a] = R([]), [r, o] = R([]), [l, s] = R(!1), c = L((u) => {
+    a((E) => E.includes(u?.id) ? E.filter((f) => f !== u.id) : [...E, u.id]), o((E) => E.some((f) => f.id === u.id) ? E.filter((f) => f.id !== u.id) : [...E, u]);
+  }, []);
+  function i(u) {
+    const E = u.map((f) => {
+      const h = u.find((b) => b.id === f.id);
+      return {
+        ...f,
+        ...h
+      };
+    });
+    o(E);
+  }
+  function d() {
+    a([]), o([]);
+  }
+  return /* @__PURE__ */ e.createElement(
+    _e.Provider,
+    {
+      value: {
+        isOpen: l,
+        setIsOpen: s,
+        productIds: t,
+        products: r,
+        handleProductsIds: c,
+        handleProductsComparison: i,
+        clearProducts: d
+      }
+    },
+    n
+  );
+}
+function Ce() {
+  const n = j(_e);
+  if (n === void 0)
+    throw new Error(
+      "useProductComparison must be used within a ProductComparisonProvider"
+    );
+  return n;
+}
+const Ja = () => {
+  const [n, t] = R(""), [a, r] = ht();
+  return O(() => {
+    let o = window.scrollY;
+    const l = () => {
+      const { scrollY: s } = window, c = s > o ? "down" : "up";
+      !a && c !== n && (s - o > 10 || s - o < -10) && r(() => t(c)), o = s > 0 ? s : 0;
+    };
+    return window.addEventListener("scroll", l), () => window.removeEventListener("scroll", l);
+  }, [a, n]), n;
+}, ze = W(
+  null
+);
+function Pt({
+  onSearchSelection: n,
+  children: t,
+  term: a,
+  terms: r,
+  products: o,
+  isLoading: l
+}) {
+  return /* @__PURE__ */ e.createElement(
+    ze.Provider,
+    {
+      value: { onSearchSelection: n, term: a, terms: r, products: o, isLoading: l }
+    },
+    t
+  );
+}
+const ce = () => {
+  const n = j(ze);
+  return n ? { inContext: !0, values: n } : { inContext: !1 };
+}, Ge = W(null);
+function St({ children: n }) {
+  const [t, a] = R(!1), [r, o] = R([]), l = L(
+    (s, c) => {
+      const i = [...r], d = i.find((u) => u.id === s);
+      return d && (d.selectedCount = c), o(i), i;
+    },
+    [r]
+  );
+  return /* @__PURE__ */ e.createElement(
+    Ge.Provider,
+    {
+      value: {
+        isOpen: t,
+        allVariantProducts: r,
+        setAllVariantProducts: o,
+        onChangeQuantityItem: l,
+        setIsOpen: a
+      }
+    },
+    n
+  );
+}
+function Ke() {
+  const n = j(Ge);
+  if (!n)
+    throw new Error(
+      "Do not use SKUMatrix components outside the SKUMatrix context."
+    );
+  return n;
+}
+const xt = (n, t) => (n + 1) % t, It = (n, t) => (t - (t - n + 1) % t) % t;
+function Tt(n, t) {
+  switch (t.type) {
+    case "NEXT_PAGE": {
+      const a = n.infinite ? n.totalPages + 1 : n.totalPages, r = xt(n.currentPage, a), o = r % a * n.itemsPerPage;
+      return {
+        ...n,
+        sliding: !0,
+        slideDirection: "next",
+        currentItem: o,
+        currentPage: r
+      };
+    }
+    case "PREVIOUS_PAGE": {
+      const a = n.infinite ? n.totalPages + 1 : n.totalPages, o = n.infinite && n.currentPage === 0 ? -1 : It(n.currentPage, n.totalPages);
+      return {
+        ...n,
+        sliding: !0,
+        slideDirection: "previous",
+        currentItem: o % a * n.itemsPerPage,
+        currentPage: o
+      };
+    }
+    case "GO_TO_PAGE":
+      return t.payload.pageIndex === n.currentPage ? n : {
+        ...n,
+        sliding: t.payload.shouldSlide,
+        slideDirection: t.payload.pageIndex > n.currentPage ? "next" : "previous",
+        currentItem: t.payload.pageIndex % n.totalPages * n.itemsPerPage,
+        currentPage: t.payload.pageIndex
+      };
+    case "STOP_SLIDE":
+      return { ...n, sliding: !1 };
+    default:
+      return n;
+  }
+}
+const Rt = (n, t, a) => ({
+  currentItem: 0,
+  currentPage: 0,
+  sliding: !1,
+  slideDirection: "next",
+  totalItems: n,
+  itemsPerPage: t,
+  totalPages: Math.ceil(n / t),
+  infinite: a
+}), we = (n, t) => {
+  n === "next" && t({ type: "NEXT_PAGE" }), n === "previous" && t({ type: "PREVIOUS_PAGE" }), typeof n == "number" && t({
+    type: "GO_TO_PAGE",
+    payload: {
+      pageIndex: n,
+      shouldSlide: !0
+    }
+  });
+}, Dt = ({
+  totalItems: n,
+  itemsPerPage: t = 1,
+  infiniteMode: a = !1,
+  shouldSlideOnSwipe: r = !0,
+  isRTL: o = !1,
+  ...l
+}) => {
+  const [s, c] = Be(
+    Tt,
+    void 0,
+    () => Rt(n, t, a)
+  );
+  return {
+    handlers: bt({
+      // In RTL, swipe directions are swapped:
+      // - Swiping right should go to next (instead of previous)
+      // - Swiping left should go to previous (instead of next)
+      onSwipedRight: () => r && we(o ? "next" : "previous", c),
+      onSwipedLeft: () => r && we(o ? "previous" : "next", c),
+      trackMouse: !0,
+      ...l
+    }),
+    slide: we,
+    sliderState: s,
+    sliderDispatch: c
+  };
+};
+function $t({
+  itemsPerPage: n,
+  currentSlide: t,
+  slideIdx: a,
+  totalItems: r
+}) {
+  const o = t < 0 || t >= r, l = a >= t && a < t + n;
+  return o || l;
+}
+const Ot = ({
+  currentSlide: n,
+  itemsPerPage: t,
+  totalItems: a
+}) => {
+  const r = $(/* @__PURE__ */ new Set());
+  O(() => {
+    for (let s = 0; s < t; s++)
+      r.current.add(n + s);
+  }, [n, t]);
+  const o = (s) => $t({
+    slideIdx: s,
+    currentSlide: n,
+    itemsPerPage: t,
+    totalItems: a
+  });
+  return { shouldRenderItem: (s) => r.current.has(s) || o(s), isItemVisible: o };
+}, Mt = ({
+  trapFocusRef: n,
+  beforeElementRef: t,
+  afterElementRef: a
+}) => {
+  const r = $(), o = $(
+    document.hasFocus() ? document.activeElement : null
+  );
+  O(() => {
+    const l = o.current;
+    return () => {
+      l?.focus();
+    };
+  }, [o]), O(() => {
+    if (!n.current)
+      return;
+    r.current || (r.current = $e(n.current));
+    const [l] = r.current;
+    if (!l) {
+      n.current.focus();
+      return;
+    }
+    l.focus();
+  }, [n]), O(() => {
+    if (!n.current || !t.current || !a.current)
+      return;
+    const l = t.current, s = a.current, c = n.current, i = (d) => {
+      document.hasFocus() && (r.current = $e(n.current), r.current.length || c.focus(), d.target === l && r.current[r.current.length - 1]?.focus(), d.target === s && r.current[0]?.focus());
+    };
+    return l?.addEventListener("focusin", i), s?.addEventListener("focusin", i), () => {
+      l?.removeEventListener("focusin", i), s?.removeEventListener("focusin", i);
+    };
+  }, [r, a, t, n]);
+}, At = () => {
+  const [n, t] = R(!1);
+  return O(() => {
+    const a = () => typeof window > "u" ? !1 : (document.documentElement.dir || document.body.dir || "ltr") === "rtl";
+    t(a());
+    const r = new MutationObserver(() => {
+      t(a());
+    });
+    return r.observe(document.documentElement, {
+      attributes: !0,
+      attributeFilter: ["dir"]
+    }), r.observe(document.body, {
+      attributes: !0,
+      attributeFilter: ["dir"]
+    }), () => {
+      r.disconnect();
+    };
+  }, []), n;
+}, Q = p(function({
+  testId: t = "fs-badge",
+  size: a = "small",
+  variant: r = "neutral",
+  counter: o = !1,
+  "aria-label": l,
+  children: s,
+  ...c
+}, i) {
+  return /* @__PURE__ */ e.createElement(
+    "div",
+    {
+      ref: i,
+      "data-fs-badge": !0,
+      "aria-label": l,
+      "data-fs-badge-variant": o ? null : r,
+      "data-fs-badge-size": a,
+      "data-fs-badge-counter": o,
+      "data-testid": t,
+      ...c
+    },
+    /* @__PURE__ */ e.createElement("div", { "data-fs-badge-wrapper": !0 }, s)
+  );
+}), M = p(function({
+  children: t,
+  variant: a,
+  inverse: r,
+  size: o = "regular",
+  testId: l = "fs-button",
+  loading: s,
+  loadingLabel: c,
+  icon: i,
+  iconPosition: d = "left",
+  disabled: u,
+  ...E
+}, f) {
+  return /* @__PURE__ */ e.createElement(
+    "button",
+    {
+      ref: f,
+      "data-fs-button": !0,
+      "data-fs-button-inverse": r,
+      "data-fs-button-size": o,
+      "data-fs-button-loading": s,
+      "data-fs-button-variant": a,
+      disabled: u,
+      "data-testid": l,
+      ...E
+    },
+    /* @__PURE__ */ e.createElement("div", { "data-fs-button-wrapper": !0 }, s && /* @__PURE__ */ e.createElement("p", { "data-fs-button-loading-label": !0 }, c, /* @__PURE__ */ e.createElement(
+      We,
+      {
+        variant: a === "primary" && !r ? "light" : "dark"
+      }
+    )), !!i && d === "left" && /* @__PURE__ */ e.createElement("span", { "data-fs-button-icon": !0 }, i), t && /* @__PURE__ */ e.createElement("span", null, t), !!i && d === "right" && /* @__PURE__ */ e.createElement("span", { "data-fs-button-icon": !0 }, i))
+  );
+}), Ue = p(function({ testId: t = "fs-checkbox", partial: a, ...r }, o) {
+  return /* @__PURE__ */ e.createElement(
+    "input",
+    {
+      ref: o,
+      "data-fs-checkbox": !0,
+      "data-testid": t,
+      "data-fs-checkbox-partial": a,
+      type: "checkbox",
+      ...r
+    }
+  );
+}), Ft = {
+  bold: 24,
+  regular: 16,
+  light: 12,
+  thin: 8
+}, I = p(function({ testId: t = "fs-icon", name: a, weight: r = "regular", ...o }, l) {
+  const { width: s, height: c } = o;
+  return /* @__PURE__ */ e.createElement(
+    "svg",
+    {
+      ref: l,
+      "data-fs-icon": !0,
+      "data-testid": t,
+      width: s ?? 24,
+      height: c ?? 24,
+      strokeWidth: Ft[r],
+      ...o
+    },
+    /* @__PURE__ */ e.createElement("use", { href: `/icons.svg#${a}` })
+  );
+}), ie = p(function({ testId: t = "fs-input", ...a }, r) {
+  return /* @__PURE__ */ e.createElement("input", { ref: r, "data-fs-input": !0, "data-testid": t, ...a });
+}), G = p(function({ testId: t = "fs-label", children: a, ...r }, o) {
+  return /* @__PURE__ */ e.createElement("label", { ref: o, "data-fs-label": !0, "data-testid": t, ...r }, a);
+}), X = p(function({
+  as: t,
+  children: a,
+  variant: r = "default",
+  size: o = "regular",
+  inverse: l,
+  testId: s = "fs-link",
+  ...c
+}, i) {
+  const d = t ?? "a";
+  return /* @__PURE__ */ e.createElement(
+    d,
+    {
+      ref: i,
+      "data-fs-link": !0,
+      "data-fs-link-variant": r,
+      "data-fs-link-inverse": l,
+      "data-fs-link-size": o,
+      "data-testid": s,
+      ...c
+    },
+    a
+  );
+}), U = p(function({ as: t, marker: a, testId: r = "fs-list", ...o }, l) {
+  const s = t ?? "ul";
+  return /* @__PURE__ */ e.createElement(
+    s,
+    {
+      ref: l,
+      role: "list",
+      "data-fs-list": !0,
+      "data-fs-list-marker": a,
+      "data-testid": r,
+      ...o
+    }
+  );
+}), We = p(function({ testId: t = "fs-loader", variant: a = "dark", ...r }, o) {
+  return /* @__PURE__ */ e.createElement(
+    "span",
+    {
+      ref: o,
+      "data-fs-loader": !0,
+      "data-fs-loader-variant": a,
+      "data-testid": t,
+      ...r
+    },
+    /* @__PURE__ */ e.createElement("span", { "data-fs-loader-item": !0 }),
+    /* @__PURE__ */ e.createElement("span", { "data-fs-loader-item": !0 }),
+    /* @__PURE__ */ e.createElement("span", { "data-fs-loader-item": !0 })
+  );
+}), Nt = p(function({ testId: t = "fs-overlay", ...a }, r) {
+  return /* @__PURE__ */ e.createElement(
+    "div",
+    {
+      ref: r,
+      "data-fs-overlay": !0,
+      role: "presentation",
+      "data-testid": t,
+      ...a
+    }
+  );
+}), z = p(
+  function({
+    value: t,
+    as: a = "span",
+    variant: r = "selling",
+    testId: o = "fs-price",
+    formatter: l = (d) => d,
+    SRText: s,
+    ...c
+  }, i) {
+    const d = l(t, r);
+    return /* @__PURE__ */ e.createElement(
+      a,
+      {
+        ref: i,
+        "data-fs-price": !0,
+        "data-fs-price-variant": r,
+        "data-testid": o,
+        ...c
+      },
+      s && /* @__PURE__ */ e.createElement(he, { text: s }),
+      d
+    );
+  }
+), je = p(function({ testId: t = "fs-radio", ...a }, r) {
+  return /* @__PURE__ */ e.createElement(
+    "input",
+    {
+      ref: r,
+      "data-fs-radio": !0,
+      type: "radio",
+      "data-testid": t,
+      ...a
+    }
+  );
+}), Bt = p(function({ content: t, as: a = "div", testId: r = "fs-rich-text", ...o }, l) {
+  return /* @__PURE__ */ e.createElement(
+    a,
+    {
+      ref: l,
+      "data-testid": r,
+      "data-fs-rich-text": !0,
+      dangerouslySetInnerHTML: { __html: t },
+      ...o
+    }
+  );
+}), Qe = p(function({ options: t, id: a, testId: r = "fs-select", ...o }, l) {
+  return /* @__PURE__ */ e.createElement("div", { "data-fs-select": !0 }, /* @__PURE__ */ e.createElement("select", { ref: l, id: a, "data-testid": r, ...o }, Object.keys(t).map((s) => /* @__PURE__ */ e.createElement("option", { key: s, value: s }, t[s]))), /* @__PURE__ */ e.createElement(I, { "data-fs-select-icon": !0, name: "CaretDown" }));
+}), Lt = p(
+  function({
+    testId: t = "fs-skeleton",
+    loading: a = !0,
+    shimmer: r = !0,
+    children: o,
+    size: l,
+    border: s,
+    borderRadius: c,
+    ...i
+  }, d) {
+    const u = {
+      width: l.width,
+      height: l.height
+    };
+    return a ? /* @__PURE__ */ e.createElement(
+      "div",
+      {
+        ref: d,
+        "data-fs-skeleton": !0,
+        "data-testid": t,
+        "data-fs-skeleton-border": s || null,
+        style: c ? { ...u, borderRadius: c } : u,
+        ...i
+      },
+      r && /* @__PURE__ */ e.createElement("div", { "data-fs-skeleton-shimmer": !0 })
+    ) : /* @__PURE__ */ e.createElement(e.Fragment, null, o);
+  }
+), Z = (n, t, a) => Math.round((n - t) / (a - t) * 100), Vt = p(
+  function({
+    min: t,
+    max: a,
+    absoluteValuesLabel: r,
+    onChange: o,
+    onEnd: l,
+    testId: s = "fs-slider",
+    getAriaValueText: c,
+    step: i,
+    minValueLabelComponent: d,
+    maxValueLabelComponent: u,
+    ...E
+  }, f) {
+    const h = H(
+      () => (a.absolute - t.absolute) / 100,
+      [a.absolute, t.absolute]
+    ), [b, v] = R(
+      () => Z(t.selected, t.absolute, a.absolute)
+    ), [g, y] = R(
+      () => Z(a.selected, t.absolute, a.absolute)
+    ), [C, P] = R(
+      () => Math.floor(t.absolute + b * h)
+    ), [x, S] = R(
+      () => Math.round(t.absolute + g * h)
+    ), k = (w) => w / a.absolute * 100;
+    return le(f, () => ({
+      setSliderValues: (w) => {
+        const m = Math.min(Number(w.min), x);
+        if (P(m), v(Z(m, t.absolute, a.absolute)), w.max > a.absolute) {
+          S(a.absolute), y(Z(a.absolute, t.absolute, a.absolute));
+          return;
+        }
+        const T = Math.max(Number(w.max), C);
+        S(T), y(Z(T, t.absolute, a.absolute));
+      }
+    })), /* @__PURE__ */ e.createElement("div", { "data-fs-slider": !0, "data-testid": s, ...E }, /* @__PURE__ */ e.createElement("div", { "data-fs-slider-absolute-values": !0 }, /* @__PURE__ */ e.createElement("span", null, r.min), /* @__PURE__ */ e.createElement("span", null, r.max)), /* @__PURE__ */ e.createElement("div", { "data-fs-slider-wrapper": !0 }, /* @__PURE__ */ e.createElement(
+      "div",
+      {
+        "data-fs-slider-range": !0,
+        style: {
+          left: `${b}%`,
+          width: `${g - b}%`
+        }
+      }
+    ), /* @__PURE__ */ e.createElement(
+      "input",
+      {
+        type: "range",
+        min: Math.floor(t.absolute),
+        max: Math.round(a.absolute),
+        value: C,
+        step: i,
+        onMouseUp: () => l?.({ min: C, max: x }),
+        onTouchEnd: () => l?.({ min: C, max: x }),
+        onChange: (w) => {
+          const m = Math.min(Number(w.target.value), x);
+          P(m), v(Z(m, t.absolute, a.absolute)), o?.({ min: m, max: x });
+        },
+        "data-fs-slider-thumb": "left",
+        "aria-valuemin": t.absolute,
+        "aria-valuemax": a.absolute,
+        "aria-valuenow": C,
+        "aria-label": String(C),
+        "aria-labelledby": c?.(C, "min")
+      }
+    ), d && /* @__PURE__ */ e.createElement(
+      "span",
+      {
+        "data-fs-slider-value-label": "min",
+        style: {
+          left: `calc(${k(C)}% + (${8 - k(C) * 0.2}px))`
+        }
+      },
+      d(C)
+    ), /* @__PURE__ */ e.createElement(
+      "input",
+      {
+        type: "range",
+        min: Math.floor(t.absolute),
+        max: Math.round(a.absolute),
+        value: x,
+        step: i,
+        onMouseUp: () => l?.({ min: C, max: x }),
+        onTouchEnd: () => l?.({ min: C, max: x }),
+        onChange: (w) => {
+          const m = Math.max(Number(w.target.value), C);
+          S(m), y(Z(m, t.absolute, a.absolute)), o?.({ min: C, max: m });
+        },
+        "data-fs-slider-thumb": "right",
+        "aria-valuemin": t.absolute,
+        "aria-valuemax": a.absolute,
+        "aria-valuenow": x,
+        "aria-label": String(x),
+        "aria-labelledby": c?.(x, "max")
+      }
+    ), u && /* @__PURE__ */ e.createElement(
+      "span",
+      {
+        "data-fs-slider-value-label": "max",
+        style: {
+          left: `calc(${k(x)}% + (${8 - k(x) * 0.2}px))`
+        }
+      },
+      u(x)
+    )));
+  }
+);
+function he({ text: n, as: t }) {
+  const a = t ?? "span";
+  return /* @__PURE__ */ e.createElement(a, { "data-fs-sr-only": !0 }, n);
+}
+const Ht = p(
+  function({ testId: t = "fs-textarea", resize: a = "both", ...r }, o) {
+    return /* @__PURE__ */ e.createElement(
+      "textarea",
+      {
+        ref: o,
+        "data-fs-textarea": !0,
+        "data-fs-textarea-resize": a,
+        "data-testid": t,
+        ...r
+      }
+    );
+  }
+), Xe = W(void 0), _t = p(function({ testId: t = "fs-accordion", indices: a, onChange: r, children: o, ...l }, s) {
+  const c = e.Children.map(
+    o,
+    (d, u) => {
+      if (d)
+        return pe(d, { index: d.props.index ?? u });
+    }
+  ), i = {
+    indices: new Set(a),
+    onChange: r,
+    numberOfItems: c.length
+  };
+  return /* @__PURE__ */ e.createElement(Xe.Provider, { value: i }, /* @__PURE__ */ e.createElement(
+    "div",
+    {
+      ref: s,
+      "data-fs-accordion": !0,
+      role: "region",
+      "data-testid": t,
+      ...l
+    },
+    c
+  ));
+});
+function Ye() {
+  const n = j(Xe);
+  if (n === void 0)
+    throw new Error(
+      "Do not use Accordion components outside the Accordion context."
+    );
+  return n;
+}
+const qe = W(
+  void 0
+), zt = p(function({
+  prefixId: t = "",
+  index: a = 0,
+  as: r,
+  children: o,
+  testId: l = "fs-accordion-item",
+  ...s
+}, c) {
+  const i = r ?? "div", d = {
+    index: a,
+    prefixId: t,
+    panel: `${t && `${t}-`}panel--${a}`,
+    button: `${t && `${t}-`}button--${a}`
+  };
+  return /* @__PURE__ */ e.createElement(qe.Provider, { value: d }, /* @__PURE__ */ e.createElement(
+    i,
+    {
+      ref: c,
+      "data-fs-accordion-item": !0,
+      "data-testid": l,
+      ...s
+    },
+    o
+  ));
+});
+function Je() {
+  const n = j(qe);
+  if (n === void 0)
+    throw new Error(
+      "Do not use AccordionItem components outside the AccordionItem context."
+    );
+  return n;
+}
+const Gt = p(
+  function({
+    testId: t = "fs-accordion-button",
+    expandedIcon: a = /* @__PURE__ */ e.createElement(I, { name: "MinusCircle", "data-icon": "expanded" }),
+    collapsedIcon: r = /* @__PURE__ */ e.createElement(I, { name: "PlusCircle", "data-icon": "collapsed" }),
+    children: o,
+    ...l
+  }, s) {
+    const { indices: c, onChange: i, numberOfItems: d } = Ye(), { index: u, panel: E, button: f, prefixId: h } = Je(), b = (v) => {
+      if (!["ArrowDown", "ArrowUp"].includes(v.key))
+        return;
+      const g = () => {
+        const C = Number(u) + 1 === d ? 0 : Number(u) + 1;
+        return document.getElementById(
+          `${h && `${h}-`}button--${C}`
+        );
+      }, y = () => {
+        const C = Number(u) - 1 < 0 ? d - 1 : Number(u) - 1;
+        return document.getElementById(
+          `${h && `${h}-`}button--${C}`
+        );
+      };
+      switch (v.key) {
+        case "ArrowDown":
+          v.preventDefault(), g()?.focus();
+          break;
+        case "ArrowUp":
+          v.preventDefault(), y()?.focus();
+          break;
+      }
+    };
+    return /* @__PURE__ */ e.createElement(
+      M,
+      {
+        ref: s,
+        id: f,
+        variant: "tertiary",
+        "data-fs-accordion-button": c.has(u) ? "expanded" : "collapsed",
+        "aria-expanded": c.has(u),
+        icon: c.has(u) ? a : r,
+        iconPosition: "right",
+        "aria-controls": E,
+        onKeyDown: b,
+        onClick: () => {
+          i(u);
+        },
+        "data-testid": t,
+        ...l
+      },
+      o
+    );
+  }
+), Kt = p(
+  function({ testId: t = "fs-accordion-panel", children: a, ...r }, o) {
+    const { indices: l } = Ye(), { index: s, button: c, panel: i } = Je();
+    return /* @__PURE__ */ e.createElement(
+      "div",
+      {
+        ref: o,
+        id: i,
+        "data-fs-accordion-panel": !0,
+        "aria-labelledby": c,
+        role: "region",
+        hidden: !l.has(s),
+        "data-testid": t,
+        ...r
+      },
+      a
+    );
+  }
+), Ut = p(function({
+  testId: t = "fs-alert",
+  children: a,
+  icon: r,
+  dismissible: o,
+  link: l,
+  onClose: s,
+  ...c
+}, i) {
+  const d = L(
+    (u) => {
+      u.defaultPrevented || s?.(u);
+    },
+    [s]
+  );
+  return /* @__PURE__ */ e.createElement(
+    "div",
+    {
+      ref: i,
+      role: "alert",
+      "data-fs-alert": !0,
+      "data-fs-alert-dismissible": o,
+      "data-fs-content": "alert",
+      "data-testid": t,
+      ...c
+    },
+    !!r && r,
+    /* @__PURE__ */ e.createElement("p", { "data-fs-alert-content": !0 }, a),
+    l && /* @__PURE__ */ e.createElement(X, { "data-fs-alert-link": !0, variant: "inline", ...l }),
+    o && /* @__PURE__ */ e.createElement(
+      N,
+      {
+        "data-fs-alert-button": !0,
+        size: "small",
+        "aria-label": "Close",
+        icon: /* @__PURE__ */ e.createElement(I, { name: "X" }),
+        onClick: d
+      }
+    )
+  );
+}), Oe = ({
+  divider: n,
+  testId: t
+}) => {
+  const a = {
+    "data-fs-breadcrumb-divider": !0,
+    "aria-hidden": !0,
+    "data-testid": `${t}-divider`
+  };
+  return e.isValidElement(n) ? e.cloneElement(n, a) : /* @__PURE__ */ e.createElement("span", { ...a }, n ?? "/");
+}, Wt = ({ children: n, isLastItem: t, divider: a, testId: r }) => {
+  const o = {
+    "data-testid": `${r}-item`,
+    "data-fs-breadcrumb-item": t ? "current" : !0,
+    "aria-current": t ? "page" : void 0
+  };
+  return e.isValidElement(n) ? /* @__PURE__ */ e.createElement("li", { "data-fs-breadcrumb-list-item": !0 }, e.cloneElement(n, o), t ? null : /* @__PURE__ */ e.createElement(Oe, { divider: a, testId: r })) : /* @__PURE__ */ e.createElement("li", { "data-fs-breadcrumb-list-item": !0 }, /* @__PURE__ */ e.createElement("span", { ...o }, n, t ? null : /* @__PURE__ */ e.createElement(Oe, { divider: a, testId: r })));
+}, jt = p(
+  function({
+    children: t,
+    divider: a = "",
+    testId: r = "fs-breadcrumb",
+    ...o
+  }, l) {
+    return /* @__PURE__ */ e.createElement(
+      "nav",
+      {
+        "aria-label": "Breadcrumb",
+        role: "navigation",
+        ref: l,
+        "data-fs-breadcrumb": !0,
+        "data-testid": r,
+        ...o
+      },
+      /* @__PURE__ */ e.createElement(U, { as: "ol", "data-fs-breadcrumb-list": !0, "data-fs-content": "breadcrumb" }, e.Children.toArray(t).map(
+        (s, c, i) => {
+          const d = c === i.length - 1;
+          return /* @__PURE__ */ e.createElement(
+            Wt,
+            {
+              isLastItem: d,
+              divider: a,
+              key: `breadcrumb-${c}`,
+              testId: r
+            },
+            s
+          );
+        }
+      ))
+    );
+  }
+), Qt = Ee(
+  () => Promise.resolve().then(() => la)
+), Xt = Ee(
+  () => Promise.resolve().then(() => ca)
+), Yt = Ee(
+  () => Promise.resolve().then(() => ma)
+), qt = Ee(
+  () => Promise.resolve().then(() => da)
+), Me = p(
+  function({
+    children: t,
+    divider: a = "",
+    testId: r = "fs-breadcrumb",
+    breadcrumbList: o,
+    isDesktop: l = !1,
+    renderLink: s,
+    homeLink: c,
+    dropdownButtonIcon: i = /* @__PURE__ */ e.createElement(I, { name: "DotsThree" }),
+    collapsedItemsIcon: d = /* @__PURE__ */ e.createElement(I, { "data-fs-dropdown-item-icon": !0, name: "ArrowElbowDownRight" }),
+    ...u
+  }, E) {
+    const f = l ? o[0] : null, h = l ? o.slice(1, -2) : o.slice(0, -2), b = o.slice(-2), v = o.length > 4, g = L(
+      (y) => {
+        const C = s?.(y), P = y.collapsed ? {
+          "data-fs-breadcrumb-dropdown-link": !0
+        } : {
+          "data-fs-breadcrumb-link": !0
+        };
+        return C ? pe(C, {
+          ...P,
+          key: y.itemProps.position
+        }) : /* @__PURE__ */ e.createElement(
+          X,
+          {
+            ...P,
+            href: y.itemProps.item,
+            key: y.itemProps.position
+          },
+          y.itemProps.name
+        );
+      },
+      [s]
+    );
+    return /* @__PURE__ */ e.createElement(
+      jt,
+      {
+        ref: E,
+        "data-fs-breadcrumb-is-desktop": l,
+        ...u
+      },
+      c,
+      !v && o.map((y, C) => o.length === C + 1 ? /* @__PURE__ */ e.createElement("span", { key: String(y.position) }, y.name) : g({ itemProps: y, collapsed: !1 })),
+      v && f && g({ itemProps: f, collapsed: !1 }),
+      v && /* @__PURE__ */ e.createElement(Le, null, /* @__PURE__ */ e.createElement(Qt, null, /* @__PURE__ */ e.createElement(
+        Xt,
+        {
+          "aria-label": "View More",
+          "data-fs-breadcrumb-dropdown-button": !0,
+          size: "small"
+        },
+        i
+      ), /* @__PURE__ */ e.createElement(Yt, { "data-fs-breadcrumb-dropdown-menu": !0 }, h.map((y) => /* @__PURE__ */ e.createElement(
+        qt,
+        {
+          "data-fs-breadcrumb-dropdown-item": !0,
+          key: String(y.position),
+          icon: d
+        },
+        g({ itemProps: y, collapsed: !0 })
+      ))))),
+      v && b.map((y, C) => b.length === C + 1 ? /* @__PURE__ */ e.createElement("span", { key: String(y.position) }, y.name) : g({ itemProps: y, collapsed: !1 }))
+    );
+  }
+), Za = ({ breadcrumbList: n, ...t }) => /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(Me, { breadcrumbList: n, ...t }), /* @__PURE__ */ e.createElement(Me, { breadcrumbList: n, isDesktop: !0, ...t }));
+function er({
+  testId: n = "fs-buy-button",
+  icon: t,
+  children: a,
+  ...r
+}) {
+  return /* @__PURE__ */ e.createElement(
+    M,
+    {
+      "data-fs-buy-button": !0,
+      icon: t,
+      iconPosition: "left",
+      "data-testid": n,
+      ...r
+    },
+    a
+  );
+}
+const Jt = (n, t, a) => a ? `Current page from ${n}` : `Go to page ${t + 1} from ${n}`, Zt = p(
+  function({
+    id: t,
+    totalQuantity: a,
+    activeBullet: r,
+    onClick: o,
+    testId: l = "fs-carousel-bullets",
+    ariaLabelGenerator: s = Jt,
+    ariaControlsGenerator: c,
+    ...i
+  }, d) {
+    const u = H(
+      () => Array(a).fill(0),
+      [a]
+    );
+    return /* @__PURE__ */ e.createElement(
+      "div",
+      {
+        ref: d,
+        "data-fs-carousel-bullets": !0,
+        "data-testid": l,
+        role: "tablist",
+        ...i
+      },
+      u.map((E, f) => {
+        const h = r === f;
+        return /* @__PURE__ */ e.createElement(
+          M,
+          {
+            key: `${t}-${f}`,
+            role: "tab",
+            tabIndex: -1,
+            "data-fs-carousel-bullet": !0,
+            testId: `${l}-bullet`,
+            onClick: (b) => o(b, f),
+            "aria-label": s(t, f, h),
+            "aria-controls": c?.(f),
+            "aria-selected": h,
+            variant: "tertiary"
+          }
+        );
+      })
+    );
+  }
+);
+function ea({
+  id: n,
+  index: t,
+  state: a,
+  children: r,
+  totalItems: o,
+  infiniteMode: l,
+  isScrollCarousel: s,
+  marginRightValue: c
+}) {
+  const { isItemVisible: i, shouldRenderItem: d } = Ot({
+    totalItems: o,
+    currentSlide: a.currentItem,
+    itemsPerPage: a.itemsPerPage
+  }), u = { width: "100%" }, E = {
+    width: `calc((100% - ${c} * ${a.itemsPerPage - 1}) / ${a.itemsPerPage})`
+  }, f = s && a.itemsPerPage > 1 ? { ...E } : { ...u }, h = s || d(t - Number(l));
+  return /* @__PURE__ */ e.createElement(
+    "li",
+    {
+      style: f,
+      id: `${n}-carousel-item-${t}`,
+      "data-fs-carousel-item": !0,
+      "data-fs-carousel-item-visible": i(t - Number(l)) || void 0
+    },
+    h ? r : null
+  );
+}
+const ta = (n, t, a) => {
+  const r = {}, o = 100 / t;
+  for (let l = 0; l < t; ++l) {
+    const s = n ? l - 1 : l, c = a ? o * l : -(o * l);
+    r[s] = c;
+  }
+  return r;
+};
+function tr({
+  children: n,
+  className: t,
+  "aria-label": a,
+  infiniteMode: r = !1,
+  controls: o = "complete",
+  testId: l = "fs-carousel",
+  transition: s = {
+    duration: 400,
+    property: "transform"
+  },
+  id: c = "fs-carousel",
+  variant: i = "scroll",
+  itemsPerPage: d = 1,
+  navigationIcons: u = void 0,
+  ...E
+}) {
+  if (d < 1)
+    throw new Error("itemsPerPage must be greater than or equal to 1");
+  const f = At(), h = $(null), b = i === "slide", v = i === "scroll", g = e.Children.toArray(n), y = g.length, C = r ? y + 2 : y, P = `${s.property} ${s.duration}ms ${s.timing ?? ""} ${s.delay ?? ""}`, { handlers: x, slide: S, sliderState: k, sliderDispatch: w } = Dt({
+    itemsPerPage: d,
+    infiniteMode: r,
+    totalItems: y,
+    shouldSlideOnSwipe: b,
+    isRTL: f,
+    ...E
+  }), m = Math.ceil(y / k.itemsPerPage), [T, _] = R("16px"), [V, ae] = R(0);
+  O(() => {
+    const A = h.current?.firstElementChild;
+    A && (_(getComputedStyle(A).getPropertyValue("margin-right")), ae(
+      Number(A.clientWidth) + Number.parseInt(T, 10) + 1
+    ));
+  }, [V]);
+  const re = m !== 1 && (o === "complete" || o === "navigationArrows"), be = m !== 1 && (o === "complete" || o === "paginationBullets"), me = H(
+    () => ta(r, C, f),
+    [C, r, f]
+  ), ve = r && n ? g.slice(0, 1) : [], K = (r && n ? g.slice(y - 1) : []).concat(
+    n ?? [],
+    ve
+  ), fe = H(
+    () => ({
+      width: `${C * 100}%`,
+      transition: k.sliding ? P : void 0,
+      transform: `translate3d(${me[k.currentPage]}%, 0, 0)`
+    }),
+    [
+      C,
+      me,
+      P,
+      k.sliding,
+      k.currentPage
+    ]
+  ), dt = H(
+    () => ({
+      width: "100%",
+      overflowX: "scroll",
+      whiteSpace: "nowrap"
+    }),
+    []
+  ), ut = b && fe || v && dt, Te = () => {
+    k.sliding || !r && k.currentPage === 0 || S("previous", w);
+  }, Re = () => {
+    k.sliding || !r && k.currentPage === y - 1 || S("next", w);
+  }, mt = (A) => {
+    if (b || d > 1)
+      return;
+    const B = A.currentTarget, Y = Number(B.firstElementChild?.scrollWidth);
+    let q = B.scrollLeft;
+    if (f) {
+      const Et = B.scrollWidth - B.clientWidth;
+      q < 0 ? q = Math.abs(q) : q = Et - q;
+    }
+    const ye = q > Y / 2 ? Math.round : Math.floor, De = Math.max(
+      0,
+      Math.min(k.totalPages - 1, ye(q / Y))
+    );
+    S(De, w);
+  }, ft = () => {
+    w({
+      type: "STOP_SLIDE"
+    }), r && k.currentItem >= y && w({
+      type: "GO_TO_PAGE",
+      payload: {
+        pageIndex: 0,
+        shouldSlide: !1
+      }
+    }), r && k.currentItem < 0 && w({
+      type: "GO_TO_PAGE",
+      payload: {
+        pageIndex: k.totalPages - 1,
+        shouldSlide: !1
+      }
+    });
+  }, ne = async (A, B) => {
+    if (B === "previous" && k.currentPage === 0 || B === "next" && k.currentPage === k.totalPages - 1)
+      return;
+    const Y = A * V * d;
+    if (f && h.current) {
+      const ye = h.current.scrollWidth - h.current.clientWidth - Y;
+      h.current.scrollLeft < 0 ? h.current.scrollTo({
+        left: -Y,
+        behavior: "smooth"
+      }) : h.current.scrollTo({
+        left: ye,
+        behavior: "smooth"
+      });
+    } else
+      h.current?.scrollTo({
+        left: Y,
+        behavior: "smooth"
+      });
+    S(A, w);
+  }, pt = (A) => {
+    const B = f ? "ArrowRight" : "ArrowLeft", Y = f ? "ArrowLeft" : "ArrowRight";
+    switch (A.key) {
+      case B: {
+        b && Te(), v && ne(k.currentPage - 1, "previous");
+        break;
+      }
+      case Y: {
+        b && Re(), v && ne(k.currentPage + 1, "next");
+        break;
+      }
+      case "Home": {
+        S(0, w);
+        break;
+      }
+      case "End": {
+        S(y - 1, w);
+        break;
+      }
+    }
+  };
+  return /* @__PURE__ */ e.createElement(
+    "section",
+    {
+      id: c,
+      "data-fs-carousel": !0,
+      "data-fs-carousel-variant": i,
+      className: t,
+      "data-testid": l,
+      "aria-label": a
+    },
+    /* @__PURE__ */ e.createElement(
+      "div",
+      {
+        "data-fs-carousel-track-container": !0,
+        style: {
+          width: "100%",
+          overflow: "hidden",
+          display: v ? "block" : void 0
+        },
+        ...x
+      },
+      /* @__PURE__ */ e.createElement(
+        "ul",
+        {
+          "aria-live": "polite",
+          ref: h,
+          style: ut,
+          "data-fs-carousel-track": !0,
+          dir: f ? "rtl" : "ltr",
+          onScroll: mt,
+          onTransitionEnd: ft
+        },
+        K.map((A, B) => /* @__PURE__ */ e.createElement(
+          ea,
+          {
+            id: c,
+            index: B,
+            key: String(B),
+            state: k,
+            totalItems: y,
+            infiniteMode: r,
+            isScrollCarousel: v,
+            marginRightValue: T
+          },
+          A
+        ))
+      )
+    ),
+    re && /* @__PURE__ */ e.createElement("div", { "data-fs-carousel-controls": !0 }, /* @__PURE__ */ e.createElement(
+      N,
+      {
+        "data-fs-carousel-control": f ? "right" : "left",
+        "aria-controls": c,
+        disabled: !r && k.currentPage === 0,
+        "aria-label": "previous",
+        icon: f ? u?.right ?? /* @__PURE__ */ e.createElement(
+          I,
+          {
+            name: "ArrowRight",
+            width: 20,
+            height: 20,
+            weight: "bold"
+          }
+        ) : u?.left ?? /* @__PURE__ */ e.createElement(
+          I,
+          {
+            name: "ArrowLeft",
+            width: 20,
+            height: 20,
+            weight: "bold"
+          }
+        ),
+        onClick: () => {
+          b && Te(), v && ne(k.currentPage - 1, "previous");
+        }
+      }
+    ), /* @__PURE__ */ e.createElement(
+      N,
+      {
+        "data-fs-carousel-control": f ? "left" : "right",
+        "aria-controls": c,
+        disabled: !r && k.currentPage === k.totalPages - 1,
+        "aria-label": "next",
+        icon: f ? u?.left ?? /* @__PURE__ */ e.createElement(
+          I,
+          {
+            name: "ArrowLeft",
+            width: 20,
+            height: 20,
+            weight: "bold"
+          }
+        ) : u?.right ?? /* @__PURE__ */ e.createElement(
+          I,
+          {
+            name: "ArrowRight",
+            width: 20,
+            height: 20,
+            weight: "bold"
+          }
+        ),
+        onClick: () => {
+          b && Re(), v && ne(k.currentPage + 1, "next");
+        }
+      }
+    )),
+    be && /* @__PURE__ */ e.createElement(
+      Zt,
+      {
+        id: c,
+        tabIndex: 0,
+        activeBullet: k.currentPage,
+        totalQuantity: m,
+        onKeyDown: pt,
+        onClick: async (A, B) => {
+          b && !k.sliding && S(B, w), v && ne(B);
+        },
+        onFocus: (A) => A.currentTarget.focus(),
+        ariaControlsGenerator: (A) => `${c}-carousel-item-${A}`
+      }
+    )
+  );
+}
+const ar = p(function({
+  title: t,
+  maxWidth: a,
+  testId: r = "fs-card",
+  iconName: o,
+  iconAction: l,
+  children: s,
+  ...c
+}, i) {
+  return /* @__PURE__ */ e.createElement(
+    "section",
+    {
+      "data-testid": r,
+      ref: i,
+      "data-fs-card": !0,
+      style: { maxWidth: `${a}` },
+      ...c
+    },
+    /* @__PURE__ */ e.createElement("div", { "data-fs-card-header": !0 }, /* @__PURE__ */ e.createElement("div", { "data-fs-card-title": !0 }, t), o && /* @__PURE__ */ e.createElement(
+      N,
+      {
+        icon: /* @__PURE__ */ e.createElement(I, { name: o, width: 20, height: 20 }),
+        "aria-label": `${t} action`,
+        onClick: l
+      }
+    )),
+    /* @__PURE__ */ e.createElement("div", { "data-fs-card-body": !0 }, s)
+  );
+}), rr = p(function({
+  testId: t = "fs-cart-item",
+  price: a,
+  quantity: r,
+  unavailable: o,
+  onQuantityChange: l,
+  unitMultiplier: s,
+  useUnitMultiplier: c,
+  children: i,
+  removeBtnProps: d,
+  ...u
+}, E) {
+  return /* @__PURE__ */ e.createElement(
+    "article",
+    {
+      ref: E,
+      "data-fs-cart-item": o ? "unavailable" : "true",
+      "data-testid": t,
+      ...u
+    },
+    /* @__PURE__ */ e.createElement("div", { "data-fs-cart-item-content": !0 }, i),
+    /* @__PURE__ */ e.createElement(
+      N,
+      {
+        "data-fs-cart-item-remove-button": !0,
+        icon: /* @__PURE__ */ e.createElement(I, { name: "XCircle" }),
+        "aria-label": "Remove",
+        ...d
+      }
+    ),
+    /* @__PURE__ */ e.createElement("div", { "data-fs-cart-item-actions": !0 }, /* @__PURE__ */ e.createElement(
+      Se,
+      {
+        min: 1,
+        initial: r,
+        unitMultiplier: s,
+        useUnitMultiplier: c,
+        onChange: l
+      }
+    ), /* @__PURE__ */ e.createElement(
+      ke,
+      {
+        "data-fs-cart-item-prices": !0,
+        listPrice: a?.listPrice ? a.listPrice : 0,
+        value: a?.value ? a.value : 0,
+        formatter: a?.formatter
+      }
+    ))
+  );
+}), nr = p(
+  function({ testId: t = "fs-cart-item-image", children: a, ...r }, o) {
+    return /* @__PURE__ */ e.createElement(
+      "div",
+      {
+        ref: o,
+        "data-fs-cart-item-image": !0,
+        "data-testid": t,
+        ...r
+      },
+      a
+    );
+  }
+), or = p(
+  function({
+    testId: t = "fs-cart-item-summary",
+    title: a,
+    activeVariations: r = [],
+    children: o,
+    ...l
+  }, s) {
+    return /* @__PURE__ */ e.createElement(
+      "div",
+      {
+        ref: s,
+        "data-fs-cart-item-summary": !0,
+        "data-testid": t,
+        ...l
+      },
+      /* @__PURE__ */ e.createElement("div", { "data-fs-cart-item-title": !0 }, a),
+      r.length > 0 && /* @__PURE__ */ e.createElement("div", { "data-fs-cart-item-skus": !0 }, r.map(({ label: c, option: i }) => /* @__PURE__ */ e.createElement("p", { key: c }, c, ": ", /* @__PURE__ */ e.createElement("span", null, i)))),
+      o
+    );
+  }
+), aa = p(
+  function({
+    testId: t = "fs-checkbox-field",
+    id: a,
+    label: r,
+    value: o,
+    name: l,
+    error: s,
+    disabled: c,
+    alignment: i = "center",
+    ...d
+  }, u) {
+    const E = !c && s && s !== "";
+    return /* @__PURE__ */ e.createElement(
+      "div",
+      {
+        ref: u,
+        "data-testid": t,
+        "data-fs-checkbox-field": !0,
+        "data-fs-checkbox-field-error": s && s !== "",
+        "data-fs-checkbox-field-alignment": i
+      },
+      /* @__PURE__ */ e.createElement(
+        Ue,
+        {
+          id: a,
+          value: o ?? r,
+          name: l,
+          defaultChecked: d?.checked,
+          disabled: c,
+          ...d
+        }
+      ),
+      /* @__PURE__ */ e.createElement("div", { "data-fs-checkbox-field-content": !0 }, /* @__PURE__ */ e.createElement(G, { "data-fs-checkbox-field-label": !0, htmlFor: a }, r), E && /* @__PURE__ */ e.createElement("span", { "data-fs-checkbox-field-error-message": !0 }, s))
+    );
+  }
+), ra = (n, t) => H(() => {
+  const r = (n - t) * 100 / n;
+  return Math.round(r);
+}, [t, n]), na = ({
+  listPrice: n,
+  spotPrice: t,
+  thresholdLow: a = 15,
+  thresholdHigh: r = 40,
+  size: o,
+  testId: l = "fs-discount-badge"
+}) => {
+  const s = ra(n, t);
+  if (s === 0)
+    return /* @__PURE__ */ e.createElement(e.Fragment, null);
+  const c = s <= a ? "low" : s <= r ? "medium" : "high";
+  return /* @__PURE__ */ e.createElement(
+    Q,
+    {
+      "data-fs-discount-badge": !0,
+      "data-fs-discount-badge-variant": c,
+      size: o,
+      "data-testid": l
+    },
+    s,
+    "% off"
+  );
+}, oa = {
+  isOpen: !1,
+  dropdownTriggerRef: null,
+  selectedDropdownItemIndexRef: null,
+  dropdownItemsRef: null,
+  id: "fs-dropdown"
+}, Ze = W(oa), et = ({
+  children: n,
+  isOpen: t,
+  onDismiss: a,
+  id: r = "fs-dropdown"
+}) => {
+  const [o, l] = R(!1), s = $([]), c = $(0), i = $(null), d = t ?? o, u = L(() => {
+    l(!1), a?.();
+  }, [a]), E = () => {
+    l(!0);
+  }, f = L(() => {
+    l((v) => (v && (a?.(), i.current?.focus()), !v));
+  }, [a]), h = L(
+    (v) => {
+      i.current = v;
+    },
+    []
+  );
+  O(() => {
+    l(t ?? !1);
+  }, [t]), O(() => {
+    d && s?.current[0]?.focus();
+  }, [d]), O(() => {
+    let v = !0;
+    const g = (y) => {
+      const C = s?.current.some(
+        (P) => y.target === P || P.contains(y.target)
+      );
+      if (v) {
+        v = !1;
+        return;
+      }
+      !C && u();
+    };
+    return d ? document.addEventListener("click", g) : document.removeEventListener("click", g), () => {
+      document.removeEventListener("click", g);
+    };
+  }, [u, d]);
+  const b = H(() => ({
+    isOpen: d,
+    close: u,
+    open: E,
+    toggle: f,
+    dropdownTriggerRef: i,
+    addDropdownTriggerRef: h,
+    selectedDropdownItemIndexRef: c,
+    dropdownItemsRef: s,
+    id: r
+  }), [d, u, f, h, r]);
+  return /* @__PURE__ */ e.createElement(Ze.Provider, { value: b }, n);
+}, la = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: et
+}, Symbol.toStringTag, { value: "Module" })), ge = () => {
+  const n = j(Ze);
+  if (n === void 0)
+    throw new Error("Do not use useDropdown hook outside the Dropdown context.");
+  return n;
+}, sa = ({
+  triggerRef: n
+}) => {
+  const { toggle: t, dropdownTriggerRef: a, addDropdownTriggerRef: r, isOpen: o, id: l } = ge();
+  return le(n, () => a.current, [
+    a
+  ]), {
+    onClick: t,
+    ref: r,
+    "aria-expanded": o,
+    "aria-controls": l,
+    "aria-haspopup": "menu"
+  };
+}, tt = p(
+  function({ testId: t = "fs-dropdown-button", children: a, asChild: r = !1, ...o }, l) {
+    const s = sa({ triggerRef: l }), c = e.isValidElement(a) ? pe(a, { ...s, ...a.props }) : a;
+    return /* @__PURE__ */ e.createElement(e.Fragment, null, r ? c : /* @__PURE__ */ e.createElement(
+      M,
+      {
+        "data-fs-dropdown-button": !0,
+        "data-testid": t,
+        variant: "tertiary",
+        ...s,
+        ...o
+      },
+      a
+    ));
+  }
+), ca = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: tt
+}, Symbol.toStringTag, { value: "Module" })), ia = ({
+  ref: n,
+  onClick: t,
+  dismissOnClick: a = !0
+}) => {
+  const { dropdownItemsRef: r, selectedDropdownItemIndexRef: o, close: l } = ge(), [s, c] = R(0), i = $(), d = (f) => {
+    f && !r?.current.includes(f) && (r?.current.push(f), c(
+      r?.current.findIndex((h) => h === f) ?? 0
+    )), i.current = f;
+  }, u = () => {
+    o.current = s, r?.current[o.current]?.focus();
+  }, E = (f) => {
+    t?.(f), a && l?.();
+  };
+  return le(n, () => i.current, []), {
+    ref: d,
+    onFocus: u,
+    onMouseEnter: u,
+    onClick: E,
+    role: "menuitem",
+    tabIndex: -1,
+    "data-index": s
+  };
+}, ee = p(
+  function({
+    children: t,
+    asChild: a,
+    icon: r,
+    onClick: o,
+    dismissOnClick: l = !0,
+    testId: s = "fs-dropdown-item",
+    ...c
+  }, i) {
+    const d = ia({ ref: i, onClick: o, dismissOnClick: l }), u = e.isValidElement(t) ? pe(t, { ...d, ...t.props }) : t;
+    return /* @__PURE__ */ e.createElement(e.Fragment, null, a ? u : /* @__PURE__ */ e.createElement(
+      "button",
+      {
+        "data-fs-dropdown-item": !0,
+        "data-testid": s,
+        ...d,
+        ...c
+      },
+      !!r && r,
+      t
+    ));
+  }
+), da = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: ee
+}, Symbol.toStringTag, { value: "Module" })), ua = (n = "left") => {
+  const { dropdownTriggerRef: t, isOpen: a } = ge(), [r, o] = R({
+    top: 0,
+    left: 0,
+    right: "auto",
+    transform: "none",
+    loading: !0
+  });
+  return O(() => {
+    const l = () => {
+      const s = typeof window < "u";
+      if (!t?.current) return;
+      const c = t.current.getBoundingClientRect(), i = c?.top ?? 0, d = c?.height ?? 0, u = c?.left ?? 0, E = c?.width ?? 0, f = s ? document?.documentElement?.scrollTop : 0, h = s ? document?.documentElement?.scrollLeft : 0, b = i + d + f;
+      let v = u + h, g = "auto", y = "none";
+      n === "right" ? (g = `${document.documentElement.clientWidth - u - E}px`, v = "auto") : n === "center" && (v = u + E / 2 + h, y = "translateX(-50%)"), o({
+        top: b,
+        left: v,
+        right: g,
+        transform: y,
+        loading: !1
+      });
+    };
+    return a && (l(), window.addEventListener("resize", l)), () => {
+      window.removeEventListener("resize", l);
+    };
+  }, [t, a, n]), { ...r, position: "absolute" };
+}, at = ({
+  children: n,
+  testId: t = "fs-dropdown-menu",
+  size: a = "regular",
+  align: r = "left",
+  style: o,
+  ...l
+}) => {
+  const {
+    isOpen: s,
+    close: c,
+    dropdownItemsRef: i,
+    selectedDropdownItemIndexRef: d,
+    dropdownTriggerRef: u,
+    id: E
+  } = ge(), { loading: f, ...h } = ua(r), b = e.Children.toArray(n).length, v = () => {
+    d.current < b - 1 ? d.current++ : d.current = 0, i?.current[d.current]?.focus();
+  }, g = () => {
+    d.current > 0 ? d.current-- : d.current = b - 1, i?.current[d.current]?.focus();
+  }, y = () => {
+    d.current = 0, i?.current[d.current]?.focus();
+  }, C = () => {
+    d.current = b - 1, i?.current[d.current]?.focus();
+  }, P = () => {
+    c?.(), u?.current?.focus();
+  }, x = (w) => {
+    const m = i?.current ?? [], T = d.current, V = [
+      ...m.slice(T + 1),
+      ...m.slice(0, T + 1)
+    ].find(
+      (ae) => ae.textContent?.[0]?.toLowerCase() === w.toLowerCase()
+    );
+    V && (d.current = m.indexOf(V), V.focus());
+  }, S = (w) => {
+    if (!(w.defaultPrevented || w.key === "Enter" || w.key === " ")) {
+      switch (w.preventDefault(), w.key) {
+        case "Escape":
+          P();
+          break;
+        case "ArrowDown":
+          v();
+          break;
+        case "ArrowUp":
+          g();
+          break;
+        case "Home":
+          y();
+          break;
+        case "End":
+          C();
+          break;
+        default:
+          x(w.key);
+          break;
+      }
+      w.stopPropagation();
+    }
+  };
+  return s && !f ? Ve(
+    /* @__PURE__ */ e.createElement(
+      "div",
+      {
+        role: "presentation",
+        "data-fs-dropdown-overlay": !0,
+        onKeyDown: S,
+        "data-testid": `${t}-overlay`
+      },
+      /* @__PURE__ */ e.createElement(
+        "div",
+        {
+          role: "menu",
+          "aria-orientation": "vertical",
+          "data-fs-dropdown-menu": !0,
+          "data-fs-dropdown-menu-size": a,
+          "data-testid": t,
+          style: { ...h, ...o },
+          id: E,
+          ...l
+        },
+        n
+      )
+    ),
+    document.body
+  ) : (i.current = [], null);
+}, ma = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: at
+}, Symbol.toStringTag, { value: "Module" })), lr = p(function({ icon: t, testId: a = "fs-gift", children: r, ...o }, l) {
+  return /* @__PURE__ */ e.createElement("div", { ref: l, "data-fs-gift": !0, "data-testid": a, ...o }, !!t && /* @__PURE__ */ e.createElement("span", { "data-fs-gift-icon": !0 }, t), /* @__PURE__ */ e.createElement("div", { "data-fs-gift-wrapper": !0 }, r));
+}), sr = p(
+  function({
+    price: t,
+    productName: a,
+    titleMessage: r = "Get a",
+    badgeLabel: o = "Free",
+    testId: l = "fs-gift-content",
+    ...s
+  }, c) {
+    return /* @__PURE__ */ e.createElement(
+      "section",
+      {
+        ref: c,
+        "data-fs-gift-content": !0,
+        "data-testid": l,
+        ...s
+      },
+      /* @__PURE__ */ e.createElement("h3", { "data-fs-gift-product-title": !0 }, r, " ", a),
+      /* @__PURE__ */ e.createElement("span", { "data-fs-gift-product-summary": !0 }, /* @__PURE__ */ e.createElement(
+        z,
+        {
+          value: t?.listPrice ? t.listPrice : 0,
+          formatter: t?.formatter,
+          testId: "list-price",
+          "data-value": t?.listPrice,
+          variant: "listing",
+          SRText: "Original price:"
+        }
+      ), /* @__PURE__ */ e.createElement(Q, null, o))
+    );
+  }
+), cr = p(function({ testId: t = "fs-gift-image", children: a, ...r }, o) {
+  return /* @__PURE__ */ e.createElement("div", { ref: o, "data-fs-gift-image": !0, "data-testid": t, ...r }, a);
+}), N = p(
+  function({
+    icon: t,
+    children: a,
+    testId: r = "fs-icon-button",
+    "aria-label": o,
+    size: l = "regular",
+    variant: s,
+    ...c
+  }, i) {
+    return /* @__PURE__ */ e.createElement(
+      M,
+      {
+        ref: i,
+        "data-fs-button": !0,
+        "data-fs-icon-button": !0,
+        variant: s ?? "tertiary",
+        icon: t,
+        "aria-label": o,
+        testId: r,
+        size: l,
+        ...c
+      },
+      a
+    );
+  }
+), oe = ({
+  id: n,
+  label: t,
+  type: a = "text",
+  error: r,
+  displayClearButton: o,
+  actionable: l,
+  buttonActionText: s = "Apply",
+  onSubmit: c,
+  onClear: i,
+  placeholder: d = " ",
+  // initializes with an empty space to style float label using `placeholder-shown`
+  inputRef: u,
+  disabled: E,
+  value: f,
+  testId: h = "fs-input-field",
+  ...b
+}) => {
+  const v = !E && r && r !== "", g = l && !E && f !== "";
+  return /* @__PURE__ */ e.createElement(
+    "div",
+    {
+      "data-fs-input-field": !0,
+      "data-fs-input-field-actionable": l,
+      "data-fs-input-field-error": r && r !== "",
+      "data-testid": h
+    },
+    /* @__PURE__ */ e.createElement(
+      ie,
+      {
+        id: n,
+        type: a,
+        value: f,
+        ref: u,
+        disabled: E,
+        placeholder: d,
+        ...b
+      }
+    ),
+    /* @__PURE__ */ e.createElement(G, { htmlFor: n }, t),
+    g && (o || r ? /* @__PURE__ */ e.createElement(
+      N,
+      {
+        size: "small",
+        "aria-label": "Clear Field",
+        icon: /* @__PURE__ */ e.createElement(I, { name: "XCircle" }),
+        onClick: () => {
+          i?.(), u?.current?.focus();
+        }
+      }
+    ) : /* @__PURE__ */ e.createElement(M, { variant: "tertiary", size: "small", onClick: c }, s)),
+    v && /* @__PURE__ */ e.createElement("span", { "data-fs-input-field-error-message": !0 }, r)
+  );
+};
+function rt({
+  icon: n,
+  inverse: t,
+  children: a,
+  disabled: r,
+  iconPosition: o,
+  size: l = "regular",
+  variant: s = "primary",
+  testId: c = "fs-link-button",
+  ...i
+}) {
+  const d = $(null);
+  function u(E) {
+    E.preventDefault(), r && d.current?.blur();
+  }
+  return /* @__PURE__ */ e.createElement(
+    "a",
+    {
+      ref: d,
+      "data-fs-button": !0,
+      "data-fs-link-button": !0,
+      "data-fs-button-size": l,
+      "data-fs-button-variant": s,
+      "data-fs-button-inverse": t,
+      "data-fs-button-disabled": r,
+      onFocus: u,
+      "data-testid": c,
+      ...i
+    },
+    /* @__PURE__ */ e.createElement("div", { "data-fs-button-wrapper": !0 }, !!n && o === "left" && /* @__PURE__ */ e.createElement("span", { "data-fs-button-icon": !0 }, n), a && /* @__PURE__ */ e.createElement("span", null, a), !!n && o === "right" && /* @__PURE__ */ e.createElement("span", { "data-fs-button-icon": !0 }, n))
+  );
+}
+const fa = ({
+  beforeElementRef: n,
+  trapFocusRef: t,
+  afterElementRef: a,
+  testId: r = "store-modal-content",
+  children: o,
+  ...l
+}) => /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
+  "div",
+  {
+    ref: n,
+    "data-testid": "beforeElement",
+    tabIndex: 0,
+    "aria-hidden": "true"
+  }
+), /* @__PURE__ */ e.createElement(
+  "div",
+  {
+    "data-fs-modal-content": !0,
+    "data-testid": r,
+    ref: t,
+    "aria-modal": "true",
+    role: "dialog",
+    tabIndex: -1,
+    ...l
+  },
+  o
+), /* @__PURE__ */ e.createElement(
+  "div",
+  {
+    ref: a,
+    "data-testid": "afterElement",
+    tabIndex: 0,
+    "aria-hidden": "true"
+  }
+)), pa = ({ children: n, ...t }) => {
+  const a = $(null), r = $(null), o = $(null);
+  return Mt({
+    beforeElementRef: r,
+    trapFocusRef: a,
+    afterElementRef: o
+  }), /* @__PURE__ */ e.createElement(
+    fa,
+    {
+      ...t,
+      trapFocusRef: a,
+      beforeElementRef: r,
+      afterElementRef: o,
+      onClick: (l) => {
+        l.stopPropagation();
+      }
+    },
+    n
+  );
+}, nt = ({
+  children: n,
+  testId: t = "fs-modal",
+  isOpen: a = !0,
+  onDismiss: r,
+  overlayProps: o,
+  disableEscapeKeyDown: l = !1,
+  onEntered: s,
+  ...c
+}) => {
+  const { closeModal: i } = te(), { fade: d, fadeOut: u, fadeIn: E } = se(), f = (b) => {
+    l || b.defaultPrevented || (b.stopPropagation(), u?.(), r?.());
+  }, h = (b) => {
+    l || b.key !== "Escape" || b.defaultPrevented || (b.stopPropagation(), u?.(), r?.());
+  };
+  return a ? Ve(
+    /* @__PURE__ */ e.createElement(
+      Nt,
+      {
+        onClick: f,
+        onKeyDown: h,
+        ...o
+      },
+      /* @__PURE__ */ e.createElement(
+        pa,
+        {
+          onTransitionEnd: (b) => {
+            b.target?.dataset?.testid === t && (d === "out" ? i() : d === "in" && s && s());
+          },
+          "data-fs-modal": !0,
+          "data-fs-modal-state": d,
+          testId: t,
+          ...c
+        },
+        typeof n == "function" ? n({ fade: d, fadeOut: u, fadeIn: E }) : n
+      )
+    ),
+    document.body
+  ) : null;
+}, Ea = ({
+  onClose: n,
+  title: t,
+  closeBtnProps: a = {},
+  description: r
+}) => /* @__PURE__ */ e.createElement("header", { "data-fs-modal-header": !0 }, n && /* @__PURE__ */ e.createElement(
+  N,
+  {
+    "data-fs-modal-header-close-button": !0,
+    "aria-label": "Close modal",
+    icon: /* @__PURE__ */ e.createElement(I, { name: "X" }),
+    onClick: () => n?.(),
+    ...a
+  }
+), /* @__PURE__ */ e.createElement("p", { "data-fs-modal-header-title": !0 }, t), r && /* @__PURE__ */ e.createElement("p", { "data-fs-modal-header-description": !0 }, r)), ir = ({
+  children: n,
+  direction: t = "horizontal",
+  wrap: a = !0,
+  ...r
+}) => /* @__PURE__ */ e.createElement("div", { "data-fs-modal-footer": !0, ...r }, /* @__PURE__ */ e.createElement(
+  "div",
+  {
+    "data-fs-modal-footer-actions": !0,
+    "data-fs-modal-footer-actions-direction": t,
+    "data-fs-modal-footer-actions-wrap": a
+  },
+  n
+)), ha = ({ children: n, ...t }) => /* @__PURE__ */ e.createElement("div", { "data-fs-modal-body": !0, ...t }, n), dr = p(
+  function({ children: t, testId: a = "fs-navbar-links", ...r }, o) {
+    return /* @__PURE__ */ e.createElement("nav", { "data-fs-navbar-links": !0, ref: o, "data-testid": a, ...r }, t);
+  }
+), ur = p(
+  function({ children: t, testId: a = "fs-navbar-links-list", ...r }, o) {
+    return /* @__PURE__ */ e.createElement(
+      U,
+      {
+        "data-fs-navbar-links-list": !0,
+        ref: o,
+        "data-testid": a,
+        ...r
+      },
+      t
+    );
+  }
+), mr = p(
+  function({ children: t, testId: a = "fs-navbar-links-list-item", ...r }, o) {
+    return /* @__PURE__ */ e.createElement(
+      "li",
+      {
+        "data-fs-navbar-links-list-item": !0,
+        ref: o,
+        "data-testid": a,
+        ...r
+      },
+      t
+    );
+  }
+), fr = p(
+  function({
+    testId: t = "fs-order-summary",
+    subtotalLabel: a,
+    subtotalValue: r,
+    discountLabel: o = "Discount",
+    discountValue: l,
+    totalLabel: s = "Total",
+    totalValue: c,
+    includeTaxes: i = !1,
+    includeTaxesLabel: d = "Tax included",
+    ...u
+  }, E) {
+    return /* @__PURE__ */ e.createElement(
+      U,
+      {
+        ref: E,
+        "data-fs-order-summary": !0,
+        "data-testid": t,
+        ...u
+      },
+      r ? /* @__PURE__ */ e.createElement("li", { "data-fs-order-summary-subtotal": !0 }, /* @__PURE__ */ e.createElement(
+        "span",
+        {
+          "data-fs-order-summary-subtotal-label": !0,
+          "data-testid": `${t}-subtotal-label`
+        },
+        a
+      ), /* @__PURE__ */ e.createElement(
+        "span",
+        {
+          "data-fs-order-summary-subtotal-value": !0,
+          "data-testid": `${t}-subtotal-value`
+        },
+        r
+      )) : null,
+      l ? /* @__PURE__ */ e.createElement("li", { "data-fs-order-summary-discount": !0 }, /* @__PURE__ */ e.createElement(
+        "span",
+        {
+          "data-fs-order-summary-discount-label": !0,
+          "data-testid": `${t}-discount-label`
+        },
+        o
+      ), /* @__PURE__ */ e.createElement(
+        "span",
+        {
+          "data-fs-order-summary-discount-value": !0,
+          "data-testid": `${t}-discount-value`
+        },
+        l
+      )) : null,
+      /* @__PURE__ */ e.createElement("li", { "data-fs-order-summary-total": !0 }, /* @__PURE__ */ e.createElement(
+        "span",
+        {
+          "data-fs-order-summary-total-label": !0,
+          "data-testid": `${t}-total-label`
+        },
+        s
+      ), /* @__PURE__ */ e.createElement(
+        "span",
+        {
+          "data-fs-order-summary-total-value": !0,
+          "data-testid": `${t}-total-value`
+        },
+        c
+      )),
+      i && /* @__PURE__ */ e.createElement("li", { "data-fs-order-summary-taxes-label": !0 }, /* @__PURE__ */ e.createElement(G, null, d))
+    );
+  }
+), ga = (n, t, a, r) => {
+  const { top: o, left: l, height: s } = n;
+  switch (!0) {
+    case t.startsWith("top"):
+      return {
+        top: o + s + window.scrollY - a,
+        left: l + window.scrollX + r
+      };
+    case t.startsWith("bottom"):
+      return {
+        top: o + s + window.scrollY + a,
+        left: l + window.scrollX + r
+      };
+    default:
+      return { top: 0, left: 0 };
+  }
+}, pr = p(function({
+  title: t,
+  content: a,
+  placement: r = "bottom-start",
+  dismissible: o = !1,
+  onDismiss: l,
+  isOpen: s,
+  triggerRef: c,
+  offsetTop: i = 8,
+  offsetLeft: d = 0,
+  closeButtonAriaLabel: u = "Close Popover",
+  testId: E = "fs-popover",
+  style: f,
+  onEntered: h,
+  ...b
+}, v) {
+  const g = v || $(null), [y, C] = R({ top: 0, left: 0 }), { popover: P, closePopover: x } = te(), S = P.triggerRef, k = c || S;
+  O(() => {
+    if (!s || !k?.current) return;
+    const T = k.current.getBoundingClientRect();
+    C(
+      ga(T, r, i, d)
+    ), h && h();
+  }, [s, k, i, d, r]);
+  const w = L(() => {
+    x(), l?.();
+  }, [x, l]);
+  Ct(
+    s ? g : void 0,
+    w
+  );
+  const m = L(
+    (T) => {
+      T.key === "Escape" && w();
+    },
+    [w]
+  );
+  return s ? /* @__PURE__ */ e.createElement(
+    "div",
+    {
+      "data-fs-popover": !0,
+      role: "dialog",
+      ref: g,
+      "data-fs-popover-placement": r,
+      onKeyDown: m,
+      "data-testid": E,
+      style: { position: "absolute", ...y, ...f },
+      ...b
+    },
+    /* @__PURE__ */ e.createElement("header", { "data-fs-popover-header": !0 }, t && /* @__PURE__ */ e.createElement("h3", { "data-fs-popover-header-title": !0 }, t), o && /* @__PURE__ */ e.createElement(
+      N,
+      {
+        "data-fs-popover-header-dismiss-button": !0,
+        size: "small",
+        variant: "tertiary",
+        icon: /* @__PURE__ */ e.createElement(I, { name: "X", width: 20, height: 20 }),
+        "aria-label": u,
+        onClick: w
+      }
+    )),
+    /* @__PURE__ */ e.createElement("div", { "data-fs-popover-content": !0 }, a),
+    /* @__PURE__ */ e.createElement("span", { "data-fs-popover-indicator": !0, "aria-hidden": "true" })
+  ) : null;
+}), ba = p(
+  function({
+    testId: t = "fs-product-card",
+    variant: a = "default",
+    bordered: r = !1,
+    outOfStock: o,
+    children: l,
+    ...s
+  }, c) {
+    return /* @__PURE__ */ e.createElement(
+      "article",
+      {
+        ref: c,
+        "data-fs-product-card": o ? "out-of-stock" : "",
+        "data-fs-product-card-variant": a,
+        "data-fs-product-card-bordered": r,
+        "data-testid": t,
+        ...s
+      },
+      l
+    );
+  }
+), va = p(
+  function({
+    testId: t = "fs-product-card-image",
+    aspectRatio: a = 1,
+    children: r,
+    ...o
+  }, l) {
+    return /* @__PURE__ */ e.createElement(
+      "div",
+      {
+        ref: l,
+        "data-fs-product-card-image": !0,
+        "data-testid": t,
+        style: {
+          "--fs-product-card-image-aspect-ratio": a
+        },
+        ...o
+      },
+      r
+    );
+  }
+), ya = p(
+  function({
+    testId: t = "fs-product-card-content",
+    title: a,
+    linkProps: r,
+    price: o,
+    outOfStock: l,
+    outOfStockLabel: s = "Out of stock",
+    ratingValue: c,
+    showDiscountBadge: i,
+    buttonLabel: d = "Add",
+    onButtonClick: u,
+    children: E,
+    includeTaxes: f = !1,
+    includeTaxesLabel: h = "Tax included",
+    sponsored: b = !1,
+    sponsoredLabel: v = "Sponsored",
+    deliveryPromiseBadges: g,
+    ...y
+  }, C) {
+    const P = o?.listPrice ? o.listPrice : 0, x = o?.value ? o.value : 0;
+    return /* @__PURE__ */ e.createElement(
+      "section",
+      {
+        ref: C,
+        "data-fs-product-card-content": !0,
+        "data-fs-product-card-badge": i,
+        "data-testid": t,
+        ...y
+      },
+      b && /* @__PURE__ */ e.createElement("span", { "data-fs-product-card-sponsored-label": !0 }, v),
+      /* @__PURE__ */ e.createElement("div", { "data-fs-product-card-heading": !0 }, /* @__PURE__ */ e.createElement("h3", { "data-fs-product-card-title": !0 }, /* @__PURE__ */ e.createElement(X, { ...r, title: a }, /* @__PURE__ */ e.createElement("span", null, a))), !l && /* @__PURE__ */ e.createElement(
+        ke,
+        {
+          "data-fs-product-card-prices": !0,
+          value: x,
+          listPrice: P,
+          formatter: o?.formatter
+        }
+      ), f && /* @__PURE__ */ e.createElement(G, { "data-fs-product-card-taxes-label": !0 }, h), c && /* @__PURE__ */ e.createElement(Pe, { value: c, icon: /* @__PURE__ */ e.createElement(I, { name: "Star" }) })),
+      i && !l && /* @__PURE__ */ e.createElement(na, { listPrice: P, spotPrice: x }),
+      l && /* @__PURE__ */ e.createElement(Q, null, s),
+      g && /* @__PURE__ */ e.createElement("div", { "data-fs-product-card-delivery-promise-badges": !0 }, g.map((S) => /* @__PURE__ */ e.createElement(
+        "span",
+        {
+          "data-fs-product-card-delivery-promise-badge": !0,
+          "data-fs-product-card-delivery-promise-badge-availability": S.availability,
+          key: S.label
+        },
+        S.label
+      ))),
+      u && !l && /* @__PURE__ */ e.createElement("div", { "data-fs-product-card-actions": !0 }, /* @__PURE__ */ e.createElement(
+        M,
+        {
+          variant: "primary",
+          icon: /* @__PURE__ */ e.createElement(I, { name: "ShoppingCart" }),
+          iconPosition: "left",
+          size: "small",
+          onClick: u
+        },
+        d
+      ))
+    );
+  }
+), ke = p(
+  function({ testId: t = "fs-product-price", value: a, listPrice: r, formatter: o, ...l }, s) {
+    const c = r ?? 0, i = a ?? 0;
+    return /* @__PURE__ */ e.createElement("div", { ref: s, "data-fs-product-price": !0, "data-testid": t, ...l }, i !== c && c !== 0 ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
+      z,
+      {
+        value: c,
+        formatter: o,
+        testId: "list-price",
+        "data-value": c,
+        variant: "listing",
+        SRText: "Original price:"
+      }
+    ), /* @__PURE__ */ e.createElement(
+      z,
+      {
+        value: i,
+        formatter: o,
+        testId: "price",
+        "data-value": i,
+        variant: "spot",
+        SRText: "Price:"
+      }
+    )) : /* @__PURE__ */ e.createElement(
+      z,
+      {
+        value: i,
+        formatter: o,
+        testId: "price",
+        "data-value": i,
+        variant: "spot",
+        SRText: "Price:"
+      }
+    ));
+  }
+), Er = p(
+  function({
+    title: t,
+    label: a,
+    refTag: r = "Ref.: ",
+    refNumber: o,
+    testId: l = "fs-product-title",
+    ratingValue: s,
+    ...c
+  }, i) {
+    return /* @__PURE__ */ e.createElement(
+      "header",
+      {
+        ref: i,
+        "data-fs-product-title": !0,
+        "data-testid": l,
+        ...c
+      },
+      /* @__PURE__ */ e.createElement("div", { "data-fs-product-title-header": !0 }, t, !!a && a),
+      (o || s) && /* @__PURE__ */ e.createElement("div", { "data-fs-product-title-addendum": !0 }, s && /* @__PURE__ */ e.createElement(Pe, { value: s }), o && /* @__PURE__ */ e.createElement(e.Fragment, null, r, " ", o))
+    );
+  }
+), wa = p(
+  function({ testId: t = "fs-radio-field", id: a, label: r, value: o, name: l, ...s }, c) {
+    return /* @__PURE__ */ e.createElement("div", { ref: c, "data-fs-radio-field": !0, "data-testid": t }, /* @__PURE__ */ e.createElement(
+      je,
+      {
+        id: a,
+        value: typeof r == "string" ? r : o,
+        name: l,
+        ...s
+      }
+    ), /* @__PURE__ */ e.createElement(G, { htmlFor: a }, r));
+  }
+), ot = W(
+  void 0
+);
+function Ca() {
+  const n = j(ot);
+  if (!n)
+    throw new Error(
+      "useRadioOption hook cannot be used outside the RadioGroup context"
+    );
+  return n;
+}
+const hr = ({
+  name: n,
+  onChange: t,
+  children: a,
+  selectedValue: r
+}) => {
+  const o = e.useMemo(() => ({ name: n, selectedValue: r, onChange: t }), [n, r, t]);
+  return /* @__PURE__ */ e.createElement(ot.Provider, { value: o }, a);
+}, gr = p(
+  function({ label: t, value: a, children: r, testId: o = "fs-radio-group-option", ...l }, s) {
+    const { name: c, selectedValue: i, onChange: d } = Ca();
+    return /* @__PURE__ */ e.createElement("label", { "aria-label": t, "data-fs-radio-group-option": !0 }, /* @__PURE__ */ e.createElement(
+      je,
+      {
+        "data-fs-radio-option-item": !0,
+        ref: s,
+        name: c,
+        checked: a === i,
+        onChange: d,
+        value: a,
+        testId: o,
+        ...l
+      }
+    ), r);
+  }
+), Pe = p(function({
+  children: t,
+  testId: a = "fs-rating",
+  length: r = 5,
+  value: o = 0,
+  icon: l,
+  onChange: s,
+  disabled: c,
+  ...i
+}, d) {
+  const [u, E] = R(0), f = { "data-fs-rating-icon-outline": !0 }, h = e.isValidElement(l) ? l : /* @__PURE__ */ e.createElement(I, { name: "Star" });
+  return /* @__PURE__ */ e.createElement(
+    U,
+    {
+      ref: d,
+      "data-fs-rating": !0,
+      "data-fs-rating-actionable": typeof s == "function",
+      "data-testid": a,
+      ...i
+    },
+    Array.from({ length: r }).map((b, v) => {
+      const g = v + 1, y = () => g <= (u || o) ? "full" : g - o > 0 && g - o < 1 ? "partial" : "empty";
+      return /* @__PURE__ */ e.createElement(
+        "li",
+        {
+          key: `rating-${v}`,
+          "data-fs-rating-item": y(),
+          "data-testid": `${a}-item`
+        },
+        s ? /* @__PURE__ */ e.createElement(
+          N,
+          {
+            "data-fs-rating-button": !0,
+            icon: h,
+            size: "small",
+            "aria-label": "rate",
+            onClick: () => {
+              s(g);
+            },
+            onMouseEnter: () => E(g),
+            onMouseLeave: () => E(o),
+            disabled: c
+          }
+        ) : /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { "data-fs-rating-icon-wrapper": !0 }, h), e.isValidElement(l) ? e.cloneElement(l, f) : /* @__PURE__ */ e.createElement(I, { name: "Star", "data-fs-rating-icon-outline": !0 }))
+      );
+    })
+  );
+}), br = ({
+  id: n,
+  label: t,
+  error: a,
+  disabled: r,
+  length: o = 5,
+  value: l = 0,
+  onChange: s,
+  ratingRef: c,
+  testId: i = "fs-rating-field",
+  ...d
+}) => {
+  const u = !r && a && a !== "";
+  return /* @__PURE__ */ e.createElement(
+    "div",
+    {
+      "data-fs-rating-field": !0,
+      "data-fs-rating-field-error": u,
+      "data-fs-rating-field-disabled": r,
+      "data-testid": i
+    },
+    /* @__PURE__ */ e.createElement(G, { "data-fs-rating-field-label": !0, htmlFor: n }, t),
+    /* @__PURE__ */ e.createElement(
+      Pe,
+      {
+        id: n,
+        "data-fs-rating-field-input": !0,
+        ref: c,
+        length: o,
+        value: l,
+        onChange: s,
+        disabled: r,
+        ...d
+      }
+    ),
+    u && /* @__PURE__ */ e.createElement("span", { "data-fs-rating-field-error-message": !0 }, a)
+  );
+}, vr = p(function({
+  city: t,
+  postalCode: a,
+  icon: r,
+  label: o,
+  editLabel: l = void 0,
+  buttonIcon: s,
+  onButtonClick: c,
+  shouldDisplayPostalCode: i = !0,
+  filterButton: {
+    icon: d,
+    label: u,
+    selectedFilter: E,
+    shouldDisplayFilterButton: f = !1,
+    onClick: h
+  } = {},
+  ...b
+}, v) {
+  return /* @__PURE__ */ e.createElement("div", { ref: v, "data-fs-region-bar": !0, ...b }, /* @__PURE__ */ e.createElement(
+    M,
+    {
+      variant: "tertiary",
+      iconPosition: s ? "right" : void 0,
+      onClick: c,
+      icon: s ?? void 0
+    },
+    !!r && r,
+    t && a ? /* @__PURE__ */ e.createElement("div", { "data-fs-region-bar-location": !0 }, /* @__PURE__ */ e.createElement(
+      "span",
+      {
+        "data-fs-region-bar-postal-code": !0,
+        "data-fs-region-bar-location-city": !0
+      },
+      t
+    ), /* @__PURE__ */ e.createElement("span", { "data-fs-region-bar-location-postal-code": !0 }, i && `, ${a}`)) : /* @__PURE__ */ e.createElement("span", { "data-fs-region-bar-message": !0, "data-fs-region-bar-location-message": !0 }, o)
+  ), f && /* @__PURE__ */ e.createElement(
+    M,
+    {
+      variant: "tertiary",
+      iconPosition: s ? "right" : void 0,
+      onClick: h,
+      icon: s ?? void 0
+    },
+    !!d && d,
+    E ? /* @__PURE__ */ e.createElement("span", { "data-fs-region-bar-filter": !0 }, E) : /* @__PURE__ */ e.createElement("span", { "data-fs-region-bar-filter-message": !0 }, u)
+  ));
+}), yr = ({
+  id: n,
+  label: t,
+  error: a,
+  placeholder: r = " ",
+  // initializes with an empty space to style float label using `placeholder-shown`
+  textareaRef: o,
+  disabled: l,
+  value: s,
+  testId: c = "fs-textarea-field",
+  ...i
+}) => {
+  const d = !l && a && a !== "", u = $(null), E = o || u;
+  return O(() => {
+    const f = E?.current;
+    if (!f) return;
+    const h = () => {
+      f.parentElement?.style.setProperty(
+        "--fs-textarea-width",
+        `${f.offsetWidth}px`
+      ), f.parentElement?.style.setProperty(
+        "--fs-textarea-height",
+        `${f.offsetHeight}px`
+      );
+    };
+    h();
+    const b = new ResizeObserver(h);
+    return b.observe(f), () => {
+      b.disconnect();
+    };
+  }, [E]), /* @__PURE__ */ e.createElement(
+    "div",
+    {
+      "data-fs-textarea-field": !0,
+      "data-fs-textarea-field-error": a && a !== "",
+      "data-testid": c
+    },
+    /* @__PURE__ */ e.createElement(
+      Ht,
+      {
+        id: n,
+        value: s,
+        ref: E,
+        disabled: l,
+        placeholder: r,
+        ...i
+      }
+    ),
+    /* @__PURE__ */ e.createElement(G, { "data-fs-textarea-field-label": !0, htmlFor: n }, t),
+    d && /* @__PURE__ */ e.createElement("span", { "data-fs-textarea-field-error-message": !0 }, a)
+  );
+}, wr = p(function({
+  content: t,
+  placement: a = "top-center",
+  dismissible: r = !1,
+  onDismiss: o,
+  children: l,
+  testId: s = "fs-tooltip",
+  maxWidth: c = 300,
+  describedById: i = "tooltip-content",
+  ...d
+}, u) {
+  const [E, f] = R(!1), [h, b] = R(!1), v = $(null), g = $(null), y = (x) => {
+    o?.(x), f(!1), b(!0);
+  }, C = () => {
+    h && b(!1), f(!0);
+  }, P = (x) => {
+    x.key === "Escape" && y(x);
+  };
+  return O(() => {
+    E && r && v.current?.focus();
+  }, [E, r]), /* @__PURE__ */ e.createElement(
+    "div",
+    {
+      "data-fs-tooltip": !0,
+      onMouseEnter: C,
+      onMouseLeave: () => f(!1),
+      onFocus: C,
+      onBlur: () => f(!1),
+      "data-testid": s,
+      "aria-describedby": i,
+      onKeyDown: P,
+      tabIndex: 0,
+      ref: g
+    },
+    l,
+    E && !h && /* @__PURE__ */ e.createElement(
+      "div",
+      {
+        ref: u,
+        "data-fs-tooltip-wrapper": !0,
+        "data-fs-tooltip-placement": a,
+        "data-fs-tooltip-dismissible": r,
+        role: "tooltip",
+        onKeyDown: P,
+        style: { maxWidth: c },
+        ...d
+      },
+      /* @__PURE__ */ e.createElement("div", { "data-fs-tooltip-content": !0, id: i }, t),
+      r && /* @__PURE__ */ e.createElement(
+        N,
+        {
+          size: "small",
+          variant: "tertiary",
+          inverse: !0,
+          icon: /* @__PURE__ */ e.createElement(I, { name: "X", width: 20, height: 20 }),
+          "aria-label": "Dismiss tooltip",
+          "data-fs-tooltip-dismiss-button": !0,
+          onClick: y,
+          ref: v
+        }
+      ),
+      /* @__PURE__ */ e.createElement("div", { "data-fs-tooltip-indicator": !0, "aria-hidden": "true" })
+    )
+  );
+}), Se = ({
+  max: n,
+  min: t = 1,
+  unitMultiplier: a = 1,
+  useUnitMultiplier: r,
+  initial: o,
+  disabled: l = !1,
+  onChange: s,
+  onValidateBlur: c,
+  testId: i = "fs-quantity-selector",
+  ...d
+}) => {
+  const [u, E] = R(o ?? t), [f, h] = R(
+    u * a
+  ), b = (w) => r ? Math.ceil(w / a) * a : w, v = u === t, g = u === n, y = (w) => {
+    const m = x(u + w);
+    s?.(m), E(m), h(m * a);
+  }, C = () => y(1), P = () => y(-1);
+  function x(w) {
+    const m = t ? Math.max(w, t) : w;
+    return n ? Math.min(m, r ? n * a : n) : m;
+  }
+  function S() {
+    const w = x(u), m = b(w), T = n ?? (t ? Math.max(u, t) : u);
+    (u > T || u < t) && c?.(t, T, m), E(() => (h(m), s?.(m / a), m / a));
+  }
+  O(() => {
+    o && E(o);
+  }, [o]);
+  const k = (w) => {
+    const m = w.target.value.replace(/\D/g, "");
+    E(Number(m));
+  };
+  return /* @__PURE__ */ e.createElement(
+    "div",
+    {
+      "data-fs-quantity-selector": l ? "disabled" : "true",
+      "data-testid": i,
+      ...d
+    },
+    /* @__PURE__ */ e.createElement(
+      N,
+      {
+        "data-quantity-selector-button": "left",
+        icon: /* @__PURE__ */ e.createElement(I, { name: "Minus", width: 16, height: 16, weight: "bold" }),
+        "aria-label": "Decrement Quantity",
+        "aria-controls": "quantity-selector-input",
+        disabled: v || l,
+        onClick: P,
+        testId: `${i}-left-button`,
+        size: "small"
+      }
+    ),
+    /* @__PURE__ */ e.createElement(
+      ie,
+      {
+        "data-quantity-selector-input": !0,
+        id: "quantity-selector-input",
+        "aria-label": "Quantity",
+        value: r ? f : u,
+        onChange: k,
+        onBlur: S,
+        onInput: (w) => {
+          const m = w.currentTarget;
+          m.value = m.value.replace(/\D/g, "");
+        },
+        disabled: l
+      }
+    ),
+    /* @__PURE__ */ e.createElement(
+      N,
+      {
+        "data-quantity-selector-button": "right",
+        "aria-controls": "quantity-selector-input",
+        "aria-label": "Increment Quantity",
+        disabled: g || l,
+        icon: /* @__PURE__ */ e.createElement(I, { name: "Plus", width: 16, height: 16, weight: "bold" }),
+        onClick: C,
+        testId: `${i}-right-button`,
+        size: "small"
+      }
+    )
+  );
+}, Cr = ({
+  testId: n = "fs-search-auto-complete",
+  children: t,
+  ...a
+}) => {
+  const { inContext: r, values: o } = ce();
+  return r && (o.terms.length <= 0 || o.term.length <= 0) ? null : /* @__PURE__ */ e.createElement("section", { "data-testid": n, "data-fs-search-auto-complete": !0, ...a }, /* @__PURE__ */ e.createElement(U, { as: "ol" }, t));
+};
+function ka(n, t, a) {
+  return n === 0 ? t.split("").map(
+    (r, o) => o === 0 && a.indexOf(r.toUpperCase()) === 0 ? r.toUpperCase() : r.toLowerCase()
+  ).join("") : t.toLowerCase();
+}
+const kr = ({
+  testId: n = "fs-search-auto-complete-term",
+  suggestion: t,
+  term: a,
+  linkProps: r,
+  icon: o = /* @__PURE__ */ e.createElement(I, { name: "MagnifyingGlass", width: 18, height: 18 })
+}) => {
+  const l = t.toLowerCase().split(a.toLowerCase());
+  return /* @__PURE__ */ e.createElement("li", { "data-fs-search-auto-complete-item": !0, "data-testid": n }, /* @__PURE__ */ e.createElement(
+    X,
+    {
+      ...r,
+      "data-fs-search-auto-complete-item-link": !0,
+      variant: "display"
+    },
+    /* @__PURE__ */ e.createElement("span", { "data-fs-search-auto-complete-item-icon": !0 }, o),
+    /* @__PURE__ */ e.createElement("p", null, l.map((s, c) => /* @__PURE__ */ e.createElement(gt, { key: [s, c].join() }, s.length > 0 && /* @__PURE__ */ e.createElement("strong", { "data-fs-search-auto-complete-item-suggestion": !0 }, c === 0 ? s.charAt(0).toUpperCase() + s.slice(1) : s), c !== l.length - 1 && ka(c, a, t))))
+  ));
+}, Pa = () => {
+  const { inContext: n, values: t } = ce();
+  return /* @__PURE__ */ e.createElement(e.Fragment, null, n && t.isLoading && /* @__PURE__ */ e.createElement("p", { "data-fs-search-dropdown-loading-text": !0 }, "Loading..."));
+}, Pr = p(function({ testId: t = "fs-search-dropdown", children: a, ...r }, o) {
+  return /* @__PURE__ */ e.createElement("div", { ref: o, "data-fs-search-dropdown": !0, "data-testid": t, ...r }, /* @__PURE__ */ e.createElement("section", null, /* @__PURE__ */ e.createElement(Pa, null), a));
+}), Sr = ({
+  testId: n = "fs-search-history",
+  title: t = "History",
+  clearLabel: a = "Clear History",
+  onClear: r,
+  children: o,
+  ...l
+}) => {
+  const { inContext: s, values: c } = ce();
+  return s && (c.term.length !== 0 || c.isLoading) ? null : /* @__PURE__ */ e.createElement("section", { "data-testid": n, "data-fs-search-history": !0, ...l }, /* @__PURE__ */ e.createElement("header", { "data-fs-search-history-header": !0 }, /* @__PURE__ */ e.createElement("p", { "data-fs-search-history-title": !0 }, t), /* @__PURE__ */ e.createElement(M, { variant: "tertiary", onClick: r, size: "small" }, a)), /* @__PURE__ */ e.createElement(U, { as: "ol" }, o));
+}, xr = ({
+  testId: n = "fs-search-history-term",
+  value: t,
+  linkProps: a,
+  icon: r = /* @__PURE__ */ e.createElement(I, { name: "ClockClockwise", width: 18, height: 18 })
+}) => /* @__PURE__ */ e.createElement("li", { "data-fs-search-history-item": !0, "data-testid": n }, /* @__PURE__ */ e.createElement(X, { ...a, "data-fs-search-history-item-link": !0, variant: "display" }, /* @__PURE__ */ e.createElement("span", { "data-fs-search-history-item-icon": !0 }, r), /* @__PURE__ */ e.createElement("span", null, t))), Ir = p(function({
+  onSubmit: t,
+  buttonIcon: a,
+  "aria-label": r = "search",
+  testId: o = "fs-search-input",
+  buttonProps: l,
+  ...s
+}, c) {
+  const i = $(null), d = $(null), u = (E) => {
+    E.preventDefault(), i.current?.value !== "" && t(i.current.value);
+  };
+  return le(c, () => ({
+    inputRef: i.current,
+    formRef: d.current
+  })), /* @__PURE__ */ e.createElement(
+    "form",
+    {
+      ref: d,
+      "data-fs-search-input-field": !0,
+      "data-testid": o,
+      onSubmit: u,
+      role: "search"
+    },
+    /* @__PURE__ */ e.createElement(
+      ie,
+      {
+        ref: i,
+        "aria-label": r,
+        "data-fs-search-input-field-input": !0,
+        ...s
+      }
+    ),
+    /* @__PURE__ */ e.createElement(
+      N,
+      {
+        type: "submit",
+        "aria-label": "Submit Search",
+        icon: a ?? /* @__PURE__ */ e.createElement(I, { name: "MagnifyingGlass" }),
+        size: "small",
+        ...l
+      }
+    )
+  );
+}), Tr = ({
+  testId: n = "fs-search-products",
+  title: t = "Suggested Products",
+  children: a,
+  ...r
+}) => {
+  const { inContext: o, values: l } = ce();
+  return o && l.products.length <= 0 ? null : /* @__PURE__ */ e.createElement("section", { "data-testid": n, "data-fs-search-products": !0, ...r }, /* @__PURE__ */ e.createElement("header", { "data-fs-search-products-header": !0 }, /* @__PURE__ */ e.createElement("p", { "data-fs-search-products-title": !0 }, t)), /* @__PURE__ */ e.createElement(U, { as: "ol" }, a));
+}, Rr = p(
+  function({ testId: t = "fs-search-product-item", linkProps: a, children: r }, o) {
+    return /* @__PURE__ */ e.createElement("li", { ref: o, "data-fs-search-product-item": !0, "data-testid": t }, /* @__PURE__ */ e.createElement(X, { ...a, "data-fs-search-product-item-link": !0, variant: "display" }, r));
+  }
+), Dr = p(function({ testId: t = "fs-search-product-item-image", children: a, ...r }, o) {
+  return /* @__PURE__ */ e.createElement(
+    "div",
+    {
+      ref: o,
+      "data-fs-search-product-item-image": !0,
+      "data-testid": t,
+      ...r
+    },
+    a
+  );
+}), Sa = p(function({
+  availability: t,
+  children: a,
+  hasVariants: r,
+  skuMatrixControl: o,
+  quantity: l,
+  outOfStockLabel: s,
+  min: c = 1,
+  max: i = void 0,
+  onClick: d,
+  onChangeQuantity: u,
+  onValidateBlur: E,
+  ...f
+}, h) {
+  const [b, v] = R("default"), g = t && r;
+  function y(S) {
+    S.preventDefault(), S.stopPropagation();
+  }
+  function C(S) {
+    d && (v("inProgress"), setTimeout(() => {
+      v("completed"), d(S);
+    }, 1e3), setTimeout(() => {
+      v("default"), u(1);
+    }, 2e3));
+  }
+  const P = L(() => {
+    switch (b) {
+      case "inProgress":
+        return /* @__PURE__ */ e.createElement(We, null);
+      case "completed":
+        return /* @__PURE__ */ e.createElement(I, { name: "Checked", width: 24, height: 24 });
+      default:
+        return /* @__PURE__ */ e.createElement(I, { name: "ShoppingCart", width: 24, height: 24 });
+    }
+  }, [b]);
+  function x() {
+    const S = i ?? (c ? Math.max(l, c) : l), k = l > S || l < c, w = l < c ? c : l, m = l > S ? S : w;
+    k && E?.(c, S, m), u(m);
+  }
+  return /* @__PURE__ */ e.createElement("div", { ref: h, "data-fs-search-product-item-control": !0, ...f }, /* @__PURE__ */ e.createElement("div", { "data-fs-search-product-item-control-content": !0 }, !t && /* @__PURE__ */ e.createElement(Q, { "data-fs-search-product-item-control-badge": !0, variant: "warning" }, s), a), t && !r && /* @__PURE__ */ e.createElement(
+    "div",
+    {
+      "data-fs-search-product-item-control-actions": !0,
+      role: "group",
+      "aria-hidden": !0,
+      tabIndex: -1,
+      onKeyDown: () => {
+      },
+      onClick: y
+    },
+    /* @__PURE__ */ e.createElement("div", { "data-fs-search-product-item-control-actions-desktop": !0 }, /* @__PURE__ */ e.createElement(
+      Se,
+      {
+        disabled: b !== "default",
+        max: i,
+        onValidateBlur: E,
+        initial: l,
+        onChange: u
+      }
+    )),
+    /* @__PURE__ */ e.createElement("div", { "data-fs-search-product-item-control-actions-mobile": !0 }, /* @__PURE__ */ e.createElement(
+      ie,
+      {
+        "data-fs-product-item-control-input": !0,
+        min: 1,
+        value: l,
+        onChange: (S) => u(S.target.value ? Number(S.target.value) : 0),
+        onBlur: x,
+        onInput: (S) => {
+          const k = S.currentTarget;
+          k.value = k.value.replace(/\D/g, "");
+        }
+      }
+    )),
+    /* @__PURE__ */ e.createElement(
+      N,
+      {
+        variant: "primary",
+        "aria-label": "Add product to cart",
+        onClick: C,
+        disabled: b === "inProgress",
+        icon: P()
+      }
+    )
+  ), g && /* @__PURE__ */ e.createElement(
+    "div",
+    {
+      onClick: y,
+      "aria-hidden": !0,
+      tabIndex: -1,
+      onKeyDown: () => {
+      }
+    },
+    o
+  ));
+}), $r = p(function({ price: t, title: a, quickOrder: r, onValidateBlur: o, ...l }, s) {
+  const c = L(() => /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("p", { "data-fs-search-product-item-title": !0 }, a), t.value !== 0 && /* @__PURE__ */ e.createElement(
+    ke,
+    {
+      "data-fs-search-product-item-prices": !0,
+      listPrice: t.listPrice,
+      value: t.value,
+      formatter: t.formatter
+    }
+  )), [t.formatter, t.listPrice, t.value, a]);
+  return /* @__PURE__ */ e.createElement("section", { ref: s, "data-fs-search-product-item-content": !0, ...l }, !r?.enabled && c(), r?.enabled && /* @__PURE__ */ e.createElement(
+    Sa,
+    {
+      outOfStockLabel: r.outOfStockLabel,
+      availability: r.availability,
+      hasVariants: r.hasVariants,
+      skuMatrixControl: r.skuMatrixControl,
+      quantity: r.quantity,
+      onChangeQuantity: r.onChangeQuantity,
+      max: r.max,
+      onValidateBlur: o,
+      ...r.buyProps
+    },
+    c()
+  ));
+}), Or = p(function({ testId: t = "fs-top-search", title: a = "Top Search", children: r, ...o }, l) {
+  const { inContext: s, values: c } = ce();
+  return s && (c.term.length !== 0 || c.isLoading) ? null : /* @__PURE__ */ e.createElement("section", { ref: l, "data-testid": t, "data-fs-search-top": !0, ...o }, /* @__PURE__ */ e.createElement("header", { "data-fs-search-top-header": !0 }, /* @__PURE__ */ e.createElement("p", { "data-fs-search-top-title": !0 }, a)), /* @__PURE__ */ e.createElement(U, { as: "ol" }, r));
+}), Mr = p(
+  function({ testId: t = "fs-top-search-term", value: a, linkProps: r, index: o }, l) {
+    return /* @__PURE__ */ e.createElement("li", { ref: l, "data-fs-search-top-item": !0, "data-testid": t }, /* @__PURE__ */ e.createElement(X, { ...r, "data-fs-search-top-item-link": !0, variant: "display" }, /* @__PURE__ */ e.createElement(Q, { "data-fs-search-top-item-badge": !0, variant: "info" }, o + 1), a));
+  }
+), Ar = p(function({ id: t, label: a, options: r, testId: o = "fs-select-field", ...l }, s) {
+  return /* @__PURE__ */ e.createElement("div", { ref: s, "data-fs-select-field": !0 }, /* @__PURE__ */ e.createElement(G, { "data-fs-select-field-label": !0, htmlFor: t }, a), /* @__PURE__ */ e.createElement(Qe, { id: t, options: r, "data-testid": o, ...l }));
+}), Ae = (n) => new URL(n).pathname.split("/").slice(-1)[0], xa = (n, t) => H(() => {
+  if (t) return t;
+  if (n.every((l) => l.hexColor))
+    return "color";
+  const r = n[0]?.src && Ae(n[0].src);
+  return r && n.length === 1 || !n.every((l) => l.src ? Ae(l.src) === r : !0) ? "image" : "label";
+}, [n, t]);
+function Ia(n, t, a) {
+  const r = Object.entries(t).flat().join("-");
+  if (r in n)
+    return n[r];
+  const o = Object.keys(n), l = `${a}-${t[a]}`, s = o.filter(
+    (i) => i.includes(l)
+  ), c = s.length > 1 ? Ra(
+    s,
+    l
+  ) : s[0];
+  return n[c ?? o[0]];
+}
+function Ta(n) {
+  const t = {}, a = n.split("-");
+  for (let r = 0; r < a.length; r += 2) {
+    const o = a[r].trim(), l = a[r + 1] ? a[r + 1].trim() : "";
+    t[o] = l;
+  }
+  return t;
+}
+function Ra(n, t) {
+  const [a, r] = t.split("-");
+  return n.find((o) => Ta(o)[a] === r);
+}
+const Da = (n, t, a, r) => ({ getItemHref: L(
+  (l) => r ? { getItemHrefProp: r } : `/${Ia(
+    t,
+    {
+      ...n,
+      [a]: l.value
+    },
+    a
+  )}/p`,
+  [n, r, t, a]
+) }), $a = ({
+  src: n,
+  alt: t,
+  ...a
+}) => /* @__PURE__ */ e.createElement("img", { src: n, alt: t, ...a }), Fr = p(
+  function({
+    availableVariations: t,
+    skuPropertyName: a,
+    testId: r,
+    activeVariations: o,
+    linkProps: l,
+    slugsMap: s,
+    getItemHref: c,
+    ImageComponent: i = $a,
+    variant: d,
+    ...u
+  }, E) {
+    const f = o[a], h = t[a], b = xa(h, d), { getItemHref: v } = Da(
+      o,
+      s,
+      a,
+      c
+    );
+    return /* @__PURE__ */ e.createElement(
+      "div",
+      {
+        ref: E,
+        "data-fs-sku-selector": !0,
+        "data-testid": r,
+        "data-fs-sku-selector-variant": b,
+        ...u
+      },
+      a && /* @__PURE__ */ e.createElement(G, { "data-fs-sku-selector-title": !0 }, a, ": ", /* @__PURE__ */ e.createElement("strong", null, f)),
+      /* @__PURE__ */ e.createElement("ul", { "data-fs-sku-selector-list": !0 }, h.map((g, y) => /* @__PURE__ */ e.createElement(
+        "li",
+        {
+          key: String(y),
+          title: g.label,
+          "data-fs-sku-selector-option": !0,
+          "data-fs-sku-selector-disabled": g.disabled,
+          "data-fs-sku-selector-checked": g.value === o[a]
+        },
+        /* @__PURE__ */ e.createElement(
+          X,
+          {
+            "data-fs-sku-selector-option-link": !0,
+            href: v(g),
+            ...l
+          },
+          /* @__PURE__ */ e.createElement(he, { text: g.label })
+        ),
+        b === "label" && /* @__PURE__ */ e.createElement("span", null, g.value),
+        b === "image" && i && /* @__PURE__ */ e.createElement("span", null, /* @__PURE__ */ e.createElement(
+          i,
+          {
+            src: g.src ?? "",
+            alt: g.alt ?? "",
+            "data-fs-sku-selector-option-image": !0
+          }
+        )),
+        b === "color" && /* @__PURE__ */ e.createElement("span", null, /* @__PURE__ */ e.createElement(
+          "div",
+          {
+            "data-fs-sku-selector-option-color": !0,
+            title: g.value,
+            style: {
+              "--data-fs-sku-selector-option-color-bkg-color": g.hexColor
+            }
+          }
+        ))
+      )))
+    );
+  }
+), xe = p(
+  function({ children: t, variant: a = "colored", testId: r = "fs-table", ...o }, l) {
+    return /* @__PURE__ */ e.createElement("div", { "data-fs-table": !0 }, /* @__PURE__ */ e.createElement(
+      "table",
+      {
+        ref: l,
+        "data-fs-table-content": !0,
+        "data-fs-table-variant": a,
+        "data-testid": r,
+        ...o
+      },
+      t
+    ));
+  }
+), J = p(function({ children: t, testId: a = "fs-table-row", ...r }, o) {
+  return /* @__PURE__ */ e.createElement("tr", { ref: o, "data-fs-table-row": !0, "data-testid": a, ...r }, t);
+}), F = p(function({
+  scope: t,
+  align: a,
+  children: r,
+  variant: o = "data",
+  testId: l = "fs-table-cell",
+  ...s
+}, c) {
+  const i = o === "header" ? "th" : "td";
+  return /* @__PURE__ */ e.createElement(
+    i,
+    {
+      ref: c,
+      "data-fs-table-cell": o,
+      "data-fs-table-cell-align": a,
+      "data-testid": l,
+      scope: t,
+      ...s
+    },
+    r
+  );
+}), Ie = p(function({ children: t, testId: a = "fs-table-body", ...r }, o) {
+  return /* @__PURE__ */ e.createElement("tbody", { ref: o, "data-testid": a, "data-fs-table-body": !0, ...r }, t);
+}), lt = p(function({ children: t, testId: a = "fs-table-head", ...r }, o) {
+  return /* @__PURE__ */ e.createElement("thead", { ref: o, "data-testid": a, "data-fs-table-head": !0, ...r }, t);
+}), Nr = p(function({ children: t, testId: a = "fs-table-footer", ...r }, o) {
+  return /* @__PURE__ */ e.createElement("tfoot", { ref: o, "data-testid": a, "data-fs-table-footer": !0, ...r }, t);
+}), Br = p(function({ testId: t = "fs-tag", label: a, icon: r, iconButtonLabel: o, onClose: l, ...s }, c) {
+  return /* @__PURE__ */ e.createElement(
+    Q,
+    {
+      ref: c,
+      "data-fs-tag": !0,
+      size: "big",
+      "data-testid": t,
+      ...s
+    },
+    /* @__PURE__ */ e.createElement("span", { "data-fs-tag-label": !0 }, a),
+    /* @__PURE__ */ e.createElement(
+      "button",
+      {
+        "data-fs-tag-icon-button": !0,
+        "aria-label": o || "remove",
+        onClick: l
+      },
+      r || /* @__PURE__ */ e.createElement(I, { name: "X" })
+    )
+  );
+});
+function Lr() {
+  const { toasts: n, popToast: t } = te(), a = n[n.length - 1], r = $(), [o, l] = R(!1);
+  return O(() => {
+    if (!a)
+      return;
+    const s = setTimeout(() => l(!0), 10);
+    return () => clearTimeout(s);
+  }, [a]), O(() => (r.current = setTimeout(() => l(!1), 6e3), () => r.current && clearTimeout(r.current)), [a]), a === void 0 ? null : /* @__PURE__ */ e.createElement(
+    "div",
+    {
+      role: "status",
+      "data-fs-toast": !0,
+      "data-fs-toast-visible": o,
+      onTransitionEnd: () => !o && t()
+    },
+    a.icon && /* @__PURE__ */ e.createElement("div", { "data-fs-toast-icon-container": !0 }, !!a.icon && a.icon),
+    /* @__PURE__ */ e.createElement("div", { "data-fs-toast-content": !0 }, a.title && /* @__PURE__ */ e.createElement("p", { "data-fs-toast-title": !0 }, a.title), /* @__PURE__ */ e.createElement("p", { "data-fs-toast-message": !0 }, a.message))
+  );
+}
+const Oa = p(function({
+  testId: t = "fs-toggle",
+  id: a,
+  disabled: r,
+  variant: o = "horizontal",
+  ...l
+}, s) {
+  return /* @__PURE__ */ e.createElement("div", { "data-fs-toggle": !0, "data-fs-toggle-variant": o, "data-testid": t }, /* @__PURE__ */ e.createElement(
+    ie,
+    {
+      ref: s,
+      id: a,
+      role: "switch",
+      type: "checkbox",
+      disabled: r,
+      ...l
+    }
+  ), /* @__PURE__ */ e.createElement("span", { "data-fs-toggle-knob": !0 }, /* @__PURE__ */ e.createElement(I, { name: "Checked" })));
+}), Fe = p(
+  function({
+    testId: t = "fs-toggle-field",
+    id: a,
+    label: r,
+    disabled: o,
+    displayLabel: l = !0,
+    variant: s = "horizontal",
+    ...c
+  }, i) {
+    return /* @__PURE__ */ e.createElement("div", { ref: i, "data-fs-toggle-field": !0, "data-testid": t }, /* @__PURE__ */ e.createElement(Oa, { id: a, variant: s, disabled: o, ...c }), l ? /* @__PURE__ */ e.createElement(G, { "data-fs-toggle-field-label": !0, htmlFor: a }, r) : /* @__PURE__ */ e.createElement(he, { text: r }));
+  }
+), st = W(
+  void 0
+), Vr = p(
+  function({
+    children: t,
+    testId: a = "fs-banner-text",
+    variant: r = "primary",
+    colorVariant: o = "main",
+    ...l
+  }, s) {
+    const c = { variant: r, colorVariant: o };
+    return /* @__PURE__ */ e.createElement(st.Provider, { value: c }, /* @__PURE__ */ e.createElement(
+      "article",
+      {
+        ref: s,
+        "data-fs-banner-text": !0,
+        "data-fs-content": "banner-text",
+        "data-fs-banner-text-variant": r,
+        "data-fs-banner-text-color-variant": o,
+        "data-testid": a,
+        ...l
+      },
+      t
+    ));
+  }
+);
+function Ma() {
+  const n = j(st);
+  if (n === void 0)
+    throw new Error(
+      "Do not use BannerText components outside the BannerText context."
+    );
+  return n;
+}
+const Hr = p(
+  function({
+    testId: t = "fs-banner-text-content",
+    title: a,
+    caption: r,
+    link: o,
+    linkText: l,
+    linkTargetBlank: s,
+    ...c
+  }, i) {
+    const { variant: d, colorVariant: u } = Ma();
+    return /* @__PURE__ */ e.createElement(
+      "header",
+      {
+        ref: i,
+        "data-fs-banner-text-content": !0,
+        "data-fs-content": "banner-text",
+        "data-testid": t,
+        ...c
+      },
+      /* @__PURE__ */ e.createElement(
+        "div",
+        {
+          "data-fs-banner-text-heading": !0,
+          "data-fs-banner-text-color-variant": u
+        },
+        /* @__PURE__ */ e.createElement("h2", null, a),
+        d === "secondary" && r && /* @__PURE__ */ e.createElement("p", null, r)
+      ),
+      /* @__PURE__ */ e.createElement(
+        rt,
+        {
+          "data-fs-banner-text-link": !0,
+          href: o,
+          variant: d,
+          inverse: u === "main",
+          "aria-label": l,
+          target: s ? "_blank" : void 0
+        },
+        l
+      )
+    );
+  }
+);
+function _r({
+  testId: n = "fs-cart-sidebar",
+  title: t = "Your Cart",
+  size: a = "partial",
+  direction: r = "rightSide",
+  totalItems: o,
+  children: l,
+  alertIcon: s,
+  alertText: c,
+  overlayProps: i,
+  onClose: d,
+  ...u
+}) {
+  const { fade: E, fadeOut: f } = se(), { closeCart: h } = te();
+  return /* @__PURE__ */ e.createElement(
+    de,
+    {
+      "data-fs-cart-sidebar": !0,
+      isOpen: !0,
+      fade: E,
+      onDismiss: f,
+      size: a,
+      direction: r,
+      onTransitionEnd: () => E === "out" && h(),
+      testId: n,
+      overlayProps: i,
+      ...u
+    },
+    /* @__PURE__ */ e.createElement(
+      ue,
+      {
+        closeBtnProps: { testId: "fs-cart-sidebar-button-close" },
+        onClose: () => {
+          d(), f();
+        }
+      },
+      /* @__PURE__ */ e.createElement("h2", { "data-fs-cart-sidebar-title": !0 }, t, /* @__PURE__ */ e.createElement(Q, { variant: "info" }, o))
+    ),
+    c && /* @__PURE__ */ e.createElement(Ut, { icon: s }, c),
+    l
+  );
+}
+function zr({ children: n }) {
+  return /* @__PURE__ */ e.createElement(U, { "data-fs-cart-sidebar-list": !0 }, n);
+}
+function Gr({ children: n }) {
+  return /* @__PURE__ */ e.createElement("footer", { "data-fs-cart-sidebar-footer": !0 }, n);
+}
+function Kr({
+  testId: n = "fs-empty-state",
+  title: t,
+  titleIcon: a,
+  variant: r = "default",
+  bkgColor: o = "default",
+  children: l,
+  ...s
+}) {
+  return /* @__PURE__ */ e.createElement(
+    "section",
+    {
+      "data-fs-empty-state": !0,
+      "data-fs-empty-state-variant": r,
+      "data-fs-empty-state-bkg-color": o,
+      "data-fs-content": "empty-state",
+      "data-testid": n,
+      ...s
+    },
+    t && /* @__PURE__ */ e.createElement("header", { "data-fs-empty-state-title": !0 }, a && /* @__PURE__ */ e.createElement(e.Fragment, null, a), /* @__PURE__ */ e.createElement("p", null, t)),
+    l
+  );
+}
+function Ur({
+  testId: n,
+  title: t,
+  indicesExpanded: a,
+  onAccordionChange: r,
+  children: o
+}) {
+  return /* @__PURE__ */ e.createElement("div", { "data-fs-filter": !0, "data-testid": n }, /* @__PURE__ */ e.createElement("h2", { "data-fs-filter-title": !0 }, t), /* @__PURE__ */ e.createElement(
+    _t,
+    {
+      indices: a,
+      onChange: r,
+      "data-fs-filter-accordion": !0
+    },
+    o
+  ));
+}
+function Wr({ children: n }) {
+  return /* @__PURE__ */ e.createElement(U, { "data-fs-filter-list": !0 }, n);
+}
+function jr({
+  testId: n,
+  id: t,
+  selected: a,
+  value: r,
+  quantity: o,
+  facetKey: l,
+  label: s,
+  type: c = "checkbox",
+  onFacetChange: i
+}) {
+  return /* @__PURE__ */ e.createElement("li", { key: t, "data-fs-filter-list-item": !0 }, c === "checkbox" ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
+    Ue,
+    {
+      id: t,
+      checked: a,
+      onChange: () => i({ key: l, value: r }, "BOOLEAN"),
+      "data-fs-filter-list-item-checkbox": !0,
+      "data-testid": `${n}-accordion-panel-checkbox`,
+      "data-value": r,
+      "data-quantity": o
+    }
+  ), /* @__PURE__ */ e.createElement(
+    G,
+    {
+      htmlFor: t,
+      className: "text__title-mini-alt",
+      "data-fs-filter-list-item-label": !0
+    },
+    s,
+    typeof o == "number" && o >= 0 && /* @__PURE__ */ e.createElement(Q, { "data-fs-filter-list-item-badge": !0 }, o)
+  )) : /* @__PURE__ */ e.createElement(
+    wa,
+    {
+      id: t,
+      name: l,
+      value: r,
+      checked: a,
+      onChange: () => i({ key: l, value: r }, "BOOLEAN"),
+      "data-fs-filter-list-item-radio": !0,
+      "data-testid": `${n}-accordion-panel-radio`,
+      "data-value": r,
+      label: s
+    }
+  ));
+}
+const Aa = (n, t) => `${n.toFixed(2)}-to-${t.toFixed(2)}`;
+function Qr({
+  min: n,
+  max: t,
+  formatter: a,
+  facetKey: r,
+  onFacetChange: o
+}) {
+  return /* @__PURE__ */ e.createElement(
+    La,
+    {
+      "data-fs-filter-facet-range": !0,
+      min: n,
+      max: t,
+      formatter: a,
+      step: 1,
+      onEnd: (l) => o(
+        {
+          key: r,
+          value: Aa(l.min, l.max)
+        },
+        "RANGE"
+      )
+    }
+  );
+}
+function Xr({
+  testId: n,
+  label: t,
+  index: a,
+  children: r,
+  type: o,
+  description: l
+}) {
+  return /* @__PURE__ */ e.createElement(
+    zt,
+    {
+      key: `${t}-${a}`,
+      prefixId: n,
+      testId: `${n}-accordion`,
+      index: a,
+      "data-type": o,
+      "data-fs-filter-accordion-item": !0
+    },
+    /* @__PURE__ */ e.createElement(Gt, { testId: `${n}-accordion-button` }, t),
+    /* @__PURE__ */ e.createElement(Kt, null, l && /* @__PURE__ */ e.createElement("span", { "data-fs-filter-accordion-item-description": !0 }, l), r)
+  );
+}
+function Yr({
+  testId: n = "fs-filter-slider",
+  title: t,
+  size: a,
+  direction: r,
+  children: o,
+  applyBtnProps: l,
+  clearBtnProps: s,
+  overlayProps: c,
+  onClose: i,
+  onDismiss: d,
+  footer: u = !0,
+  ...E
+}) {
+  const { fade: f, fadeOut: h } = se(), { closeFilter: b, closeRegionSlider: v } = te();
+  return /* @__PURE__ */ e.createElement(
+    de,
+    {
+      "data-fs-filter-slider": !0,
+      isOpen: !0,
+      fade: f,
+      onDismiss: () => {
+        h(), d?.();
+      },
+      size: a,
+      direction: r,
+      onTransitionEnd: () => {
+        f === "out" && (b(), v());
+      },
+      testId: n,
+      overlayProps: c,
+      ...E
+    },
+    /* @__PURE__ */ e.createElement("div", { "data-fs-filter-slider-content": !0 }, /* @__PURE__ */ e.createElement(
+      ue,
+      {
+        onClose: () => {
+          i(), h();
+        }
+      },
+      /* @__PURE__ */ e.createElement("h2", { "data-fs-filter-slider-title": !0 }, t)
+    ), o),
+    u && /* @__PURE__ */ e.createElement("footer", { "data-fs-filter-slider-footer": !0 }, s && /* @__PURE__ */ e.createElement(
+      M,
+      {
+        "data-fs-filter-slider-footer-button-clear": !0,
+        ...s
+      }
+    ), l && /* @__PURE__ */ e.createElement(
+      M,
+      {
+        "data-fs-filter-slider-footer-button-apply": !0,
+        testId: `${n}-button-apply`,
+        ...l,
+        onClick: (g) => {
+          l?.onClick?.(g), h();
+        }
+      }
+    ))
+  );
+}
+const ct = W(void 0), qr = p(function({
+  children: t,
+  testId: a = "fs-hero",
+  variant: r = "primary",
+  colorVariant: o = "main",
+  ...l
+}, s) {
+  const c = { variant: r, colorVariant: o };
+  return /* @__PURE__ */ e.createElement(ct.Provider, { value: c }, /* @__PURE__ */ e.createElement(
+    "article",
+    {
+      ref: s,
+      "data-fs-hero": !0,
+      "data-fs-hero-variant": r,
+      "data-fs-hero-color-variant": o,
+      "data-testid": a,
+      ...l
+    },
+    t
+  ));
+});
+function Fa() {
+  const n = j(ct);
+  if (n === void 0)
+    throw new Error("Do not use Hero components outside the Hero context.");
+  return n;
+}
+const Jr = p(function({ children: t, testId: a = "fs-hero-image", ...r }, o) {
+  return /* @__PURE__ */ e.createElement("div", { ref: o, "data-fs-hero-image": !0, "data-testid": a, ...r }, t);
+}), Zr = p(
+  function({
+    icon: t,
+    link: a,
+    title: r,
+    linkText: o,
+    linkTargetBlank: l,
+    subtitle: s,
+    children: c,
+    testId: i = "fs-hero-heading",
+    ...d
+  }, u) {
+    const { variant: E, colorVariant: f } = Fa();
+    return /* @__PURE__ */ e.createElement(
+      "header",
+      {
+        ref: u,
+        "data-fs-hero-heading": !0,
+        "data-testid": i,
+        ...d
+      },
+      /* @__PURE__ */ e.createElement("div", { "data-fs-hero-wrapper": !0, "data-fs-content": "hero" }, /* @__PURE__ */ e.createElement("div", { "data-fs-hero-info": !0 }, /* @__PURE__ */ e.createElement("h1", { "data-fs-hero-title": !0 }, r), /* @__PURE__ */ e.createElement("p", { "data-fs-hero-subtitle": !0 }, s), !!a && /* @__PURE__ */ e.createElement(
+        rt,
+        {
+          href: a,
+          inverse: f === "main",
+          icon: /* @__PURE__ */ e.createElement(I, { name: "ArrowRight" }),
+          iconPosition: "right",
+          target: l ? "_blank" : void 0
+        },
+        o
+      )), !!t && E === "secondary" && /* @__PURE__ */ e.createElement("span", { "data-fs-hero-icon": !0 }, t))
+    );
+  }
+), en = p(
+  function({
+    images: t,
+    children: a,
+    ImageComponent: r,
+    selectedImageIdx: o,
+    setSelectedImageIdx: l,
+    testId: s = "fs-image-gallery",
+    ...c
+  }, i) {
+    const d = t.length > 1;
+    return /* @__PURE__ */ e.createElement(
+      "section",
+      {
+        ref: i,
+        "data-fs-image-gallery": d ? "with-selector" : "without-selector",
+        "data-testid": s,
+        ...c
+      },
+      a,
+      d && /* @__PURE__ */ e.createElement(
+        Ba,
+        {
+          images: t,
+          onSelect: l,
+          currentImageIdx: o,
+          ImageComponent: r
+        }
+      )
+    );
+  }
+), Ne = (n, t) => {
+  n && (n.scrollHeight > n.clientHeight ? (n.style.overflow = "auto", window.requestAnimationFrame(
+    () => n.scrollTo({ top: t, behavior: "smooth" })
+  ), setTimeout(() => n.style.overflow = "hidden", 2e3)) : n.scrollLeft += t);
+}, Na = (n) => n ? n.scrollHeight > n.clientHeight || n.scrollWidth > n.clientWidth : !1;
+function Ba({
+  images: n,
+  onSelect: t,
+  ImageComponent: a,
+  currentImageIdx: r,
+  testId: o = "fs-image-gallery-selector",
+  "aria-label": l = "Product Images",
+  navigationButtonLeftAriaLabel: s = "Backward slide image selector",
+  navigationButtonRightAriaLabel: c = "Forward slide image selector"
+}) {
+  const i = $(null), d = Na(i.current), [u, E] = R(!0), [f, h] = R(!0), b = L(
+    (v, g) => {
+      v === 0 && E(g), v === n.length - 1 && h(g);
+    },
+    [n.length]
+  );
+  return /* @__PURE__ */ e.createElement(
+    "section",
+    {
+      "data-fs-image-gallery-selector": !0,
+      "data-testid": o,
+      "aria-label": l
+    },
+    d && !u && /* @__PURE__ */ e.createElement("div", { "data-fs-image-gallery-selector-control": !0 }, /* @__PURE__ */ e.createElement(
+      N,
+      {
+        "data-fs-image-gallery-selector-control-button": !0,
+        "aria-label": s,
+        icon: /* @__PURE__ */ e.createElement(I, { name: "ArrowLeft" }),
+        onClick: () => Ne(i.current, -400)
+      }
+    )),
+    /* @__PURE__ */ e.createElement("div", { "data-fs-image-gallery-selector-elements": !0, ref: i }, n.map((v, g) => /* @__PURE__ */ e.createElement(vt, { key: g, onChange: (y) => b(g, y) }, /* @__PURE__ */ e.createElement(
+      M,
+      {
+        key: g,
+        "aria-label": `${v.alternateName} - Image ${g + 1} of ${n.length}`,
+        onClick: () => t(g),
+        "data-fs-image-gallery-selector-thumbnail": g === r ? "selected" : "true"
+      },
+      /* @__PURE__ */ e.createElement(
+        a,
+        {
+          url: v.url ?? "",
+          loading: g === 0 ? "eager" : "lazy",
+          alternateName: v.alternateName ?? ""
+        }
+      )
+    )))),
+    d && !f && /* @__PURE__ */ e.createElement("div", { "data-fs-image-gallery-selector-control": !0 }, /* @__PURE__ */ e.createElement(
+      N,
+      {
+        "data-fs-image-gallery-selector-control-button": !0,
+        "aria-label": c,
+        icon: /* @__PURE__ */ e.createElement(I, { name: "ArrowLeft" }),
+        onClick: () => Ne(i.current, 400)
+      }
+    ))
+  );
+}
+const tn = ({
+  children: n
+}) => /* @__PURE__ */ e.createElement(e.Fragment, null, n), an = p(function({ children: t, scrollDirection: a, testId: r = "fs-navbar", ...o }, l) {
+  return /* @__PURE__ */ e.createElement(
+    "header",
+    {
+      "data-fs-navbar": !0,
+      role: "banner",
+      "data-fs-navbar-scroll": a,
+      ref: l,
+      "data-testid": r,
+      ...o
+    },
+    t
+  );
+}), rn = p(
+  function({ children: t, testId: a = "fs-navbar-header", ...r }, o) {
+    return /* @__PURE__ */ e.createElement(
+      "section",
+      {
+        "data-fs-navbar-header": !0,
+        ref: o,
+        "data-testid": a,
+        ...r
+      },
+      t
+    );
+  }
+), nn = p(function({ children: t, testId: a = "fs-navbar-row", ...r }, o) {
+  return /* @__PURE__ */ e.createElement(
+    "div",
+    {
+      "data-fs-navbar-row": !0,
+      "data-fs-content": "navbar",
+      ref: o,
+      "data-testid": a,
+      ...r
+    },
+    t
+  );
+}), on = p(
+  function({ children: t, searchExpanded: a, testId: r = "fs-navbar-buttons", ...o }, l) {
+    return /* @__PURE__ */ e.createElement(
+      "div",
+      {
+        "data-fs-navbar-buttons": !0,
+        ref: l,
+        "data-testid": r,
+        "data-fs-navbar-search-expanded": a,
+        ...o
+      },
+      t
+    );
+  }
+);
+function ln({
+  children: n,
+  size: t = "full",
+  isOpen: a = !0,
+  direction: r = "leftSide",
+  testId: o = "fs-navbar-slider",
+  ...l
+}) {
+  return /* @__PURE__ */ e.createElement(
+    de,
+    {
+      "data-fs-navbar-slider": !0,
+      size: t,
+      isOpen: a,
+      direction: r,
+      "data-testid": o,
+      ...l
+    },
+    n
+  );
+}
+function sn({
+  children: n,
+  testId: t = "fs-navbar-slider-header",
+  ...a
+}) {
+  return /* @__PURE__ */ e.createElement(
+    ue,
+    {
+      "data-fs-navbar-slider-header": !0,
+      "data-testid": t,
+      ...a
+    },
+    n
+  );
+}
+const cn = p(function({ children: t, testId: a = "fs-navbar-slider-content", ...r }, o) {
+  return /* @__PURE__ */ e.createElement(
+    "div",
+    {
+      "data-fs-navbar-slider-content": !0,
+      ref: o,
+      "data-testid": a,
+      ...r
+    },
+    t
+  );
+}), dn = p(
+  function({ children: t, testId: a = "fs-navbar-slider-footer", ...r }, o) {
+    return /* @__PURE__ */ e.createElement(
+      "footer",
+      {
+        "data-fs-navbar-slider-footer": !0,
+        ref: o,
+        "data-testid": a,
+        ...r
+      },
+      t
+    );
+  }
+), un = p(
+  function({
+    card: t,
+    children: a,
+    colorVariant: r = "main",
+    testId: o = "fs-newsletter",
+    ...l
+  }, s) {
+    return /* @__PURE__ */ e.createElement(
+      "div",
+      {
+        ref: s,
+        "data-testid": o,
+        "data-fs-content": "newsletter",
+        "data-fs-newsletter": t ? "card" : "",
+        "data-fs-newsletter-color-variant": r,
+        ...l
+      },
+      a
+    );
+  }
+), mn = p(
+  function({ addendum: t, testId: a = "fs-newsletter-addendum", ...r }, o) {
+    return t ? /* @__PURE__ */ e.createElement(
+      Bt,
+      {
+        as: "span",
+        content: t,
+        testId: a,
+        "data-fs-newsletter-addendum": !0,
+        ...r,
+        ref: o
+      }
+    ) : null;
+  }
+), fn = p(
+  function({ children: t, testId: a = "fs-newsletter-content", ...r }, o) {
+    return /* @__PURE__ */ e.createElement(
+      "div",
+      {
+        ref: o,
+        "data-testid": a,
+        "data-fs-newsletter-content": !0,
+        ...r
+      },
+      t
+    );
+  }
+), pn = p(
+  function({ children: t, onSubmit: a, testId: r = "fs-newsletter-form", ...o }, l) {
+    return /* @__PURE__ */ e.createElement(
+      "form",
+      {
+        ref: l,
+        "data-testid": r,
+        "data-fs-newsletter-form": !0,
+        onSubmit: a,
+        ...o
+      },
+      t
+    );
+  }
+), En = p(
+  function({
+    icon: t,
+    title: a,
+    description: r,
+    testId: o = "fs-newsletter-header",
+    ...l
+  }, s) {
+    return /* @__PURE__ */ e.createElement(
+      "header",
+      {
+        ref: s,
+        "data-testid": o,
+        "data-fs-newsletter-header": !0,
+        ...l
+      },
+      /* @__PURE__ */ e.createElement("h3", { "data-fs-newsletter-header-title": !0 }, t, a),
+      r && /* @__PURE__ */ e.createElement("span", { "data-fs-newsletter-header-description": !0 }, r)
+    );
+  }
+), hn = p(
+  function({
+    testId: t = "fs-out-of-stock",
+    title: a,
+    buttonLabel: r = "Notify Me",
+    loadingLabel: o = "Loading",
+    inputLabel: l,
+    subtitle: s,
+    disabled: c,
+    errorMessage: i,
+    onSubmit: d
+  }, u) {
+    return /* @__PURE__ */ e.createElement(
+      "form",
+      {
+        "data-fs-out-of-stock": !0,
+        ref: u,
+        "data-testid": t,
+        onSubmit: d
+      },
+      /* @__PURE__ */ e.createElement("h2", { "data-fs-out-of-stock-title": !0 }, a),
+      s && /* @__PURE__ */ e.createElement("p", { "data-fs-out-of-stock-message": !0 }, /* @__PURE__ */ e.createElement(I, { name: "BellRinging", width: 16, height: 16 }), s),
+      /* @__PURE__ */ e.createElement(
+        oe,
+        {
+          id: "out-of-stock-email",
+          name: "out-of-stock-email",
+          label: l,
+          "aria-label": l,
+          error: i,
+          required: !0
+        }
+      ),
+      /* @__PURE__ */ e.createElement(
+        M,
+        {
+          "data-fs-out-of-stock-button": !0,
+          type: "submit",
+          loading: c,
+          loadingLabel: o,
+          disabled: c,
+          variant: "primary",
+          icon: /* @__PURE__ */ e.createElement(I, { name: "BellRinging" }),
+          iconPosition: "left"
+        },
+        r
+      )
+    );
+  }
+), gn = p(
+  function({
+    testId: t = "fs-payment-methods",
+    title: a,
+    "aria-label": r = "Payment Methods",
+    flagList: o,
+    ...l
+  }, s) {
+    return /* @__PURE__ */ e.createElement(
+      "div",
+      {
+        ref: s,
+        "data-fs-payment-methods": !0,
+        "data-testid": t,
+        "aria-labelledby": a ? "payment-methods-title" : "Payment Methods",
+        ...l
+      },
+      !!a && /* @__PURE__ */ e.createElement("div", { "data-fs-payment-methods-title": !0, id: "payment-methods-title" }, a),
+      /* @__PURE__ */ e.createElement(
+        U,
+        {
+          "data-fs-payment-methods-flags": !0,
+          "aria-label": a ? void 0 : r
+        },
+        o.map(({ alt: c, icon: { icon: i } }, d) => /* @__PURE__ */ e.createElement(
+          "li",
+          {
+            "data-fs-payment-methods-flag": !0,
+            key: `fs-payment-method-${d}-${c}`
+          },
+          /* @__PURE__ */ e.createElement(I, { width: 28, height: 18, name: i }),
+          c && /* @__PURE__ */ e.createElement(he, { text: c })
+        ))
+      )
+    );
+  }
+), La = p(
+  function({
+    formatter: t,
+    max: a,
+    min: r,
+    step: o = 1,
+    onChange: l,
+    onEnd: s,
+    testId: c = "fs-price-range",
+    variant: i,
+    "aria-label": d,
+    ...u
+  }, E) {
+    const f = $();
+    le(E, () => ({
+      setPriceRangeValues: (m) => {
+        l?.(m), f.current?.setSliderValues(m);
+      }
+    }));
+    const h = $(null), b = $(null), [v, g] = R(), [y, C] = R(), [P, x] = R({
+      min: Math.floor(r.selected),
+      max: Math.round(a.selected)
+    });
+    function S(m) {
+      g(void 0), C(void 0), x({ min: m.min, max: m.max }), h.current?.value && (h.current.value = String(m.min)), b.current?.value && (b.current.value = String(m.max));
+    }
+    function k(m) {
+      g(void 0), !(Number(m) < Math.floor(r.absolute)) && (Number(m) > Math.floor(P.max) && g("Min price can't be greater than max"), x({ ...P, min: Number(m) }), f.current?.setSliderValues({
+        ...P,
+        min: Number(m)
+      }));
+    }
+    function w(m) {
+      C(void 0), !(Number(m) > Math.round(a.absolute)) && (Number(m) < Math.round(P.min) && C("Max price can't be smaller than min"), x({ ...P, max: Number(m) }), f.current?.setSliderValues({
+        ...P,
+        max: Number(m)
+      }));
+    }
+    return /* @__PURE__ */ e.createElement("div", { "data-fs-price-range": !0, "data-testid": c, ...u }, /* @__PURE__ */ e.createElement(
+      Vt,
+      {
+        ref: f,
+        min: r,
+        max: a,
+        step: o,
+        onEnd: (m) => {
+          s?.(m), S(m);
+        },
+        "aria-label": d,
+        onChange: (m) => l?.(m),
+        absoluteValuesLabel: {
+          min: /* @__PURE__ */ e.createElement(
+            z,
+            {
+              value: Math.floor(r.absolute),
+              variant: i,
+              formatter: t
+            }
+          ),
+          max: /* @__PURE__ */ e.createElement(
+            z,
+            {
+              value: Math.round(a.absolute),
+              variant: i,
+              formatter: t
+            }
+          )
+        },
+        minValueLabelComponent: (m) => /* @__PURE__ */ e.createElement(z, { value: m, variant: i, formatter: t }),
+        maxValueLabelComponent: (m) => /* @__PURE__ */ e.createElement(z, { value: m, variant: i, formatter: t })
+      }
+    ), /* @__PURE__ */ e.createElement("div", { "data-fs-price-range-inputs": !0 }, /* @__PURE__ */ e.createElement(
+      oe,
+      {
+        id: "price-range-min",
+        step: o,
+        label: "Min",
+        type: "number",
+        inputMode: "numeric",
+        error: v,
+        inputRef: h,
+        min: Math.floor(r.absolute),
+        max: P.max,
+        value: P.min,
+        onChange: (m) => k(m.target.value),
+        onBlur: () => !v && s?.(P)
+      }
+    ), /* @__PURE__ */ e.createElement(
+      oe,
+      {
+        id: "price-range-max",
+        label: "Max",
+        step: o,
+        type: "number",
+        inputMode: "numeric",
+        error: y,
+        inputRef: b,
+        max: Math.round(a.absolute),
+        min: P.min,
+        value: P.max,
+        onChange: (m) => w(m.target.value),
+        onBlur: () => !y && s?.(P)
+      }
+    )));
+  }
+), bn = p(
+  function({ testId: t = "fs-product-comparison", children: a, ...r }, o) {
+    return /* @__PURE__ */ e.createElement("div", { ref: o, "data-testid": t, ...r }, /* @__PURE__ */ e.createElement(kt, null, a));
+  }
+);
+function de({
+  testId: n = "fs-slide-over",
+  isOpen: t,
+  direction: a = "leftSide",
+  size: r = "full",
+  fade: o = "out",
+  children: l,
+  overlayProps: s,
+  onDismiss: c,
+  ...i
+}) {
+  return /* @__PURE__ */ e.createElement(
+    nt,
+    {
+      "data-fs-modal": null,
+      "data-fs-slide-over": !0,
+      "data-fs-slide-over-direction": a,
+      "data-fs-slide-over-size": r,
+      "data-fs-slide-over-state": o,
+      isOpen: t,
+      onDismiss: c,
+      testId: n,
+      overlayProps: s,
+      ...i
+    },
+    l
+  );
+}
+const ue = ({
+  children: n,
+  closeBtnProps: t = {},
+  onClose: a,
+  ...r
+}) => /* @__PURE__ */ e.createElement("header", { "data-fs-slide-over-header": !0, ...r }, n, /* @__PURE__ */ e.createElement(
+  N,
+  {
+    "data-fs-slide-over-header-icon": !0,
+    "aria-label": "Close",
+    icon: /* @__PURE__ */ e.createElement(I, { name: "X" }),
+    onClick: a,
+    ...t
+  }
+)), Va = "SPECIFICATION", Ha = ({ src: n, alt: t, ...a }) => /* @__PURE__ */ e.createElement("img", { src: n, alt: t, ...a });
+function _a(n, t, a) {
+  return H(() => {
+    const r = n[0], o = it(r), l = za(r, t);
+    return {
+      specsToShow: a ? l : o,
+      allSpecs: o,
+      diffSpecs: l
+    };
+  }, [n, t, a]);
+}
+function vn({
+  title: n,
+  sortLabel: t,
+  filterLabel: a,
+  preferencesLabel: r,
+  productNameFilterLabel: o,
+  toggleFieldLabel: l,
+  priceLabel: s,
+  cartButtonLabel: c,
+  priceWithTaxLabel: i,
+  technicalInformation: d,
+  size: u = "partial",
+  direction: E = "rightSide",
+  priceFormatter: f,
+  overlayProps: h,
+  sortOptions: b,
+  handleProductToBuy: v,
+  setPendingEvent: g,
+  ...y
+}) {
+  const { fade: C } = se(), { isOpen: P, setIsOpen: x, products: S } = Ce(), [k, w] = R(!0), [m, T] = R("productByName"), [_, V] = R(!1), ae = (D, K) => {
+    D.preventDefault(), v(K.id), g(D);
+  }, re = H(
+    () => b?.find((D) => D.value === m)?.onChange(S) ?? S,
+    [m, S]
+  ), { specsToShow: be } = _a(
+    S,
+    re,
+    _
+  );
+  O(() => {
+    if (P) {
+      document.body.style.overflow = "hidden";
+      return;
+    }
+    document.body.style.overflow = "";
+  }, [P]);
+  const me = H(
+    () => b?.reduce(
+      (D, K) => (D[K.value] = K.label, D),
+      {}
+    ) || {},
+    [b]
+  );
+  function ve() {
+    w(!k);
+  }
+  return /* @__PURE__ */ e.createElement(
+    de,
+    {
+      "data-fs-product-comparison-sidebar": !0,
+      fade: C,
+      size: u,
+      direction: E,
+      isOpen: P,
+      overlayProps: h,
+      ...y
+    },
+    /* @__PURE__ */ e.createElement(ue, { onClose: () => x(!1) }, /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement("h2", { "data-fs-product-comparison-sidebar-header-title": !0 }, n), /* @__PURE__ */ e.createElement(Q, { size: "big", variant: "neutral" }, S.length))),
+    /* @__PURE__ */ e.createElement("div", { "data-fs-product-comparison-filters": !0 }, /* @__PURE__ */ e.createElement("div", { "data-fs-product-comparison-container": !0 }, /* @__PURE__ */ e.createElement("p", { "data-fs-product-comparison-filters-sort-label": !0 }, t), /* @__PURE__ */ e.createElement(
+      Qe,
+      {
+        id: "product-comparison-sort-by",
+        options: me,
+        value: m,
+        onChange: (D) => T(D.target.value)
+      }
+    )), /* @__PURE__ */ e.createElement(
+      Fe,
+      {
+        id: "product-comparison-show-differences",
+        label: l,
+        checked: _,
+        onChange: () => V(!_)
+      }
+    )),
+    /* @__PURE__ */ e.createElement(Le, null, /* @__PURE__ */ e.createElement(et, null, /* @__PURE__ */ e.createElement(tt, { "data-fs-product-comparison-dropdown-button": !0 }, a), /* @__PURE__ */ e.createElement(at, { className: h?.className }, /* @__PURE__ */ e.createElement("div", { "data-fs-product-comparison-dropdown-menu-content": !0 }, /* @__PURE__ */ e.createElement(ee, { asChild: !0, dismissOnClick: !1 }, /* @__PURE__ */ e.createElement("div", { "data-fs-product-comparison-dropdown-item-filter-type": !0 }, /* @__PURE__ */ e.createElement(
+      "span",
+      {
+        "data-fs-product-comparison-dropdown-item-filter-type-text": !0
+      },
+      r
+    ))), /* @__PURE__ */ e.createElement(
+      ee,
+      {
+        dismissOnClick: !1,
+        asChild: !0,
+        "data-fs-product-comparison-toggle-field-mobile": !0
+      },
+      /* @__PURE__ */ e.createElement(
+        Fe,
+        {
+          id: "product-comparison-show-differences",
+          label: l,
+          checked: _,
+          onChange: () => V(!_)
+        }
+      )
+    ), /* @__PURE__ */ e.createElement(ee, { asChild: !0, dismissOnClick: !1 }, /* @__PURE__ */ e.createElement("div", { "data-fs-product-comparison-dropdown-item-filter-type": !0 }, /* @__PURE__ */ e.createElement(
+      "span",
+      {
+        "data-fs-product-comparison-dropdown-item-filter-type-text": !0
+      },
+      t
+    ))), /* @__PURE__ */ e.createElement(
+      ee,
+      {
+        dismissOnClick: !1,
+        onClick: () => T("productByName"),
+        "data-fs-dropdown-filter-selected": m === "productByName" ? !0 : void 0
+      },
+      m === "productByName" && /* @__PURE__ */ e.createElement(I, { name: "Checked", width: 16, height: 16 }),
+      /* @__PURE__ */ e.createElement("p", null, o)
+    ), /* @__PURE__ */ e.createElement(
+      ee,
+      {
+        dismissOnClick: !1,
+        onClick: () => T("productByPrice"),
+        "data-fs-dropdown-filter-selected": m === "productByPrice" ? !0 : void 0
+      },
+      m === "productByPrice" && /* @__PURE__ */ e.createElement(I, { name: "Checked", width: 16, height: 16 }),
+      /* @__PURE__ */ e.createElement("p", null, s)
+    ))))),
+    /* @__PURE__ */ e.createElement(xe, null, /* @__PURE__ */ e.createElement(lt, null, /* @__PURE__ */ e.createElement(J, null, S.map((D) => /* @__PURE__ */ e.createElement(F, { key: D.id }, /* @__PURE__ */ e.createElement(ba, null, /* @__PURE__ */ e.createElement(va, { aspectRatio: 1 }, /* @__PURE__ */ e.createElement(
+      Ha,
+      {
+        src: D.image[0]?.url,
+        alt: D.image[0]?.alternateName
+      }
+    )), /* @__PURE__ */ e.createElement(
+      ya,
+      {
+        title: D.name,
+        outOfStock: D.offers.offers[0].availability !== "https://schema.org/InStock",
+        price: {
+          value: D.offers.offers[0].price,
+          listPrice: D.offers.offers[0].listPrice,
+          formatter: f
+        },
+        buttonLabel: c,
+        showDiscountBadge: !0
+      }
+    )), /* @__PURE__ */ e.createElement(
+      M,
+      {
+        variant: "tertiary",
+        size: "small",
+        onClick: (K) => ae(K, D)
+      },
+      c
+    ))))), /* @__PURE__ */ e.createElement(Ie, null, /* @__PURE__ */ e.createElement(J, { "data-fs-product-comparison-row-header": !0 }, /* @__PURE__ */ e.createElement(F, null, /* @__PURE__ */ e.createElement(
+      M,
+      {
+        "data-fs-product-comparison-row-header-button": !0,
+        "aria-label": "Toggle technical information",
+        size: "small",
+        iconPosition: "right",
+        icon: /* @__PURE__ */ e.createElement(I, { name: k ? "CaretUp" : "CaretDown" }),
+        onClick: ve
+      },
+      /* @__PURE__ */ e.createElement("h2", { "data-fs-product-comparison-row-header-button-title": !0 }, d?.title),
+      /* @__PURE__ */ e.createElement("h3", { "data-fs-product-comparison-row-header-button-description": !0 }, d?.description)
+    ))), k && /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(J, null, re.map((D) => /* @__PURE__ */ e.createElement(F, { key: D.id }, /* @__PURE__ */ e.createElement("span", { "data-fs-product-comparison-row-label": !0 }, i), /* @__PURE__ */ e.createElement(
+      z,
+      {
+        "data-fs-product-comparison-row-text": !0,
+        formatter: f,
+        value: D.offers.lowPriceWithTaxes,
+        variant: "selling"
+      }
+    )))), be?.map((D) => /* @__PURE__ */ e.createElement(J, { key: D }, re.map((K) => /* @__PURE__ */ e.createElement(F, { key: K.id }, /* @__PURE__ */ e.createElement("span", { "data-fs-product-comparison-row-label": !0 }, D), /* @__PURE__ */ e.createElement("p", { "data-fs-product-comparison-row-text": !0 }, K.additionalProperty.find(
+      (fe) => fe.name === D && fe.valueReference === Va
+    )?.value || "-"))))))))
+  );
+}
+const it = (n) => n?.skuSpecifications?.map((t) => t.field) || [], za = (n, t) => {
+  const a = it(n), r = t.map(
+    (o) => o.additionalProperty.map((l) => [
+      l.name,
+      l.value || ""
+    ])
+  );
+  return a.filter((o) => !r.map(
+    (s) => s.find((c) => c[0] === o)?.[1]
+  ).every((s, c, i) => s === i[0])) || [];
+}, Ga = ({ src: n, alt: t, ...a }) => /* @__PURE__ */ e.createElement("img", { src: n, alt: t, ...a });
+function yn({
+  clearSelectionButtonLabel: n,
+  compareButtonLabel: t,
+  selectionWarningLabel: a
+}) {
+  const { isOpen: r, setIsOpen: o, products: l, clearProducts: s } = Ce(), c = l.slice(0, 3);
+  return !l.length && r ? null : /* @__PURE__ */ e.createElement("footer", { "data-fs-product-comparison-toolbar": !0 }, /* @__PURE__ */ e.createElement("div", { "data-fs-product-comparison-toolbar-image": !0 }, c.map((i) => /* @__PURE__ */ e.createElement(
+    Ga,
+    {
+      key: i.id,
+      src: i.image[0].url,
+      alt: i.name,
+      width: 60,
+      height: 60
+    }
+  )), l.length > 3 && /* @__PURE__ */ e.createElement("div", { "data-fs-product-comparison-toolbar-image-more": !0 }, /* @__PURE__ */ e.createElement("p", null, `+${l.length - 3}`)), l.length === 1 && /* @__PURE__ */ e.createElement(G, { "data-fs-product-comparison-selection-warning-label": !0 }, a)), /* @__PURE__ */ e.createElement(M, { variant: "tertiary", onClick: () => s() }, n), /* @__PURE__ */ e.createElement(
+    M,
+    {
+      variant: "primary",
+      disabled: l.length < 2,
+      onClick: () => o(!0)
+    },
+    l.length > 1 ? `${t} ${l.length}` : t
+  ));
+}
+const wn = p(function({ id: t, label: a, onChange: r, product: o, ...l }, s) {
+  const { productIds: c, handleProductsIds: i } = Ce(), d = c.some((u) => u === o.id);
+  return /* @__PURE__ */ e.createElement("div", { "data-fs-product-comparison-trigger": !0 }, o.hasSpecifications && /* @__PURE__ */ e.createElement(
+    aa,
+    {
+      "data-fs-product-comparison-trigger-checkbox-field": !0,
+      ref: s,
+      id: `product-comparison-trigger-${t}`,
+      label: a,
+      checked: d,
+      onClick: (u) => {
+        u.stopPropagation();
+      },
+      onChange: (u) => {
+        r?.(u), i(o);
+      },
+      ...l
+    }
+  ));
+}), Cn = p(
+  function({ testId: t = "fs-product-grid", children: a, ...r }, o) {
+    return /* @__PURE__ */ e.createElement("ul", { ref: o, "data-fs-product-grid": !0, ...r }, a);
+  }
+), kn = p(
+  function({ testId: t = "fs-product-grid-item", children: a, ...r }, o) {
+    return /* @__PURE__ */ e.createElement("li", { ref: o, "data-fs-product-grid-item": !0, ...r }, a);
+  }
+), Pn = p(
+  function({ testId: t = "fs-product-shelf", children: a, ...r }, o) {
+    return /* @__PURE__ */ e.createElement(
+      "div",
+      {
+        ref: o,
+        "data-fs-product-shelf": !0,
+        "data-fs-content": "product-shelf",
+        "data-testid": t,
+        ...r
+      },
+      a
+    );
+  }
+), Sn = p(
+  function({ testId: t = "fs-product-shelf-items", children: a, ...r }, o) {
+    return /* @__PURE__ */ e.createElement(
+      "ul",
+      {
+        role: "list",
+        ref: o,
+        "data-fs-product-shelf-items": !0,
+        "data-fs-content": "product-shelf",
+        "data-testid": t,
+        ...r
+      },
+      a
+    );
+  }
+), xn = p(
+  function({ testId: t = "fs-product-shelf-item", children: a, ...r }, o) {
+    return /* @__PURE__ */ e.createElement(
+      "li",
+      {
+        role: "listitem",
+        ref: o,
+        "data-fs-product-shelf-item": !0,
+        "data-testid": t,
+        ...r
+      },
+      a
+    );
+  }
+);
+function In({
+  testId: n = "fs-region-modal",
+  title: t = "Set your location",
+  description: a = "Offers and availability vary by location.",
+  closeButtonAriaLabel: r = "Close Region Modal",
+  idkPostalCodeLinkProps: o,
+  errorMessage: l,
+  inputRef: s,
+  inputValue: c,
+  inputLabel: i = "Postal Code",
+  inputButtonActionText: d = "Apply",
+  fadeOutOnSubmit: u,
+  overlayProps: E,
+  onClose: f,
+  onInput: h,
+  onSubmit: b,
+  onClear: v,
+  dismissible: g = !0,
+  ...y
+}) {
+  return /* @__PURE__ */ e.createElement(
+    nt,
+    {
+      "data-fs-region-modal": !0,
+      testId: n,
+      overlayProps: E,
+      title: "Region modal",
+      "aria-label": "Region modal",
+      disableEscapeKeyDown: !g,
+      onEntered: () => {
+        s?.current && s.current.focus();
+      },
+      ...y
+    },
+    ({ fadeOut: C }) => /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
+      Ea,
+      {
+        ...g && {
+          onClose: () => {
+            C(), v?.(), f?.();
+          }
+        },
+        title: t,
+        description: a,
+        closeBtnProps: {
+          "aria-label": r
+        }
+      }
+    ), /* @__PURE__ */ e.createElement(ha, null, /* @__PURE__ */ e.createElement(
+      oe,
+      {
+        "data-fs-region-modal-input": !0,
+        id: `${n}-input-field`,
+        inputRef: s,
+        label: i,
+        actionable: !0,
+        value: c,
+        buttonActionText: d,
+        onInput: (P) => h?.(P),
+        onSubmit: () => {
+          b?.(), u && C();
+        },
+        onClear: () => v?.(),
+        error: l
+      }
+    ), o && /* @__PURE__ */ e.createElement(X, { "data-fs-region-modal-link": !0, ...o })))
+  );
+}
+const Tn = p(
+  function({
+    children: t,
+    visibleDropdown: a = !1,
+    testId: r = "fs-search-input",
+    isLoading: o,
+    products: l,
+    term: s,
+    terms: c,
+    onSearchSelection: i,
+    ...d
+  }, u) {
+    return /* @__PURE__ */ e.createElement(
+      "div",
+      {
+        ref: u,
+        "data-fs-search-input": !0,
+        "data-fs-search-input-dropdown-visible": a,
+        "data-testid": r,
+        ...d
+      },
+      /* @__PURE__ */ e.createElement(
+        Pt,
+        {
+          onSearchSelection: i,
+          isLoading: o,
+          term: s,
+          products: l,
+          terms: c
+        },
+        t
+      )
+    );
+  }
+);
+function Rn({
+  testId: n = "fs-shipping-simulation",
+  formatter: t,
+  title: a = "Shipping",
+  inputLabel: r = "Postal Code",
+  optionsLabel: o = "Shipping options",
+  idkPostalCodeLinkProps: l,
+  onInput: s,
+  onSubmit: c,
+  onClear: i,
+  location: d,
+  options: u = [],
+  displayClearButton: E = !1,
+  errorMessage: f,
+  postalCode: h,
+  ...b
+}) {
+  const v = !!u && u.length > 0;
+  return /* @__PURE__ */ e.createElement(
+    "section",
+    {
+      "data-fs-shipping-simulation": !0,
+      "data-fs-shipping-simulation-empty": v ? "false" : "true",
+      "data-testid": n,
+      ...b
+    },
+    /* @__PURE__ */ e.createElement("h2", { "data-fs-shipping-simulation-title": !0 }, a),
+    /* @__PURE__ */ e.createElement(
+      oe,
+      {
+        actionable: !0,
+        error: f,
+        id: `${n}-input-field`,
+        label: r,
+        value: h,
+        onInput: (g) => s?.(g),
+        onSubmit: () => c?.(),
+        onClear: () => i?.(),
+        displayClearButton: E
+      }
+    ),
+    /* @__PURE__ */ e.createElement(
+      X,
+      {
+        href: "/",
+        "data-fs-shipping-simulation-link": !0,
+        size: "small",
+        ...l
+      },
+      l?.children ?? /* @__PURE__ */ e.createElement(e.Fragment, null, "I don't know my Postal Code", /* @__PURE__ */ e.createElement(I, { name: "ArrowSquareOut", width: 20, height: 20 }))
+    ),
+    v && /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("header", { "data-fs-shipping-simulation-header": !0 }, /* @__PURE__ */ e.createElement("h3", { "data-fs-shipping-simulation-subtitle": !0 }, o), /* @__PURE__ */ e.createElement("p", { "data-fs-shipping-simulation-location": !0 }, d)), /* @__PURE__ */ e.createElement(xe, null, /* @__PURE__ */ e.createElement(Ie, null, u.map((g) => /* @__PURE__ */ e.createElement(J, { key: g.carrier }, /* @__PURE__ */ e.createElement(F, { align: "left" }, /* @__PURE__ */ e.createElement("p", { "data-fs-shipping-simulation-option-carrier": !0 }, g.carrier), /* @__PURE__ */ e.createElement("span", { "data-fs-shipping-simulation-option-estimate": !0 }, g.localizedEstimates)), /* @__PURE__ */ e.createElement(F, { align: "right" }, g.price && /* @__PURE__ */ e.createElement(
+      z,
+      {
+        formatter: t,
+        value: g.price,
+        SRText: "price"
+      }
+    )))))))
+  );
+}
+const Dn = p(function({ testId: t = "fs-sku-matrix", children: a, ...r }, o) {
+  return /* @__PURE__ */ e.createElement("div", { ref: o, "data-fs-sku-matrix": !0, "data-testid": t, ...r }, /* @__PURE__ */ e.createElement(St, null, a));
+}), $n = p(
+  function({ children: t, variant: a = "secondary", onClick: r, ...o }, l) {
+    const { setIsOpen: s } = Ke();
+    return /* @__PURE__ */ e.createElement(
+      M,
+      {
+        ref: l,
+        variant: a,
+        onClick: (c) => {
+          s(!0), r?.(c);
+        },
+        ...o
+      },
+      t
+    );
+  }
+), Ka = ({
+  src: n,
+  alt: t,
+  ...a
+}) => /* @__PURE__ */ e.createElement("img", { src: n, alt: t, ...a });
+function On({
+  title: n,
+  direction: t = "rightSide",
+  size: a = "partial",
+  children: r,
+  columns: o,
+  loading: l,
+  formatter: s,
+  ImageComponent: c = Ka,
+  buyProps: { onClick: i, ...d },
+  overlayProps: u,
+  ...E
+}) {
+  const {
+    isOpen: f,
+    setIsOpen: h,
+    setAllVariantProducts: b,
+    allVariantProducts: v,
+    onChangeQuantityItem: g
+  } = Ke(), { pushToast: y } = te(), { fade: C } = se(), P = H(() => v.reduce(
+    (m, T) => ({
+      amount: m.amount + T.selectedCount,
+      subtotal: m.subtotal + T.selectedCount * T.price
+    }),
+    { amount: 0, subtotal: 0 }
+  ), [v]);
+  function x() {
+    b(
+      (m) => m.map((T) => ({ ...T, selectedCount: 0 }))
+    );
+  }
+  function S() {
+    x(), h(!1);
+  }
+  function k(m) {
+    i(m), S();
+  }
+  const w = Object.keys(o).filter((m) => m !== "additionalColumns").length + (o.additionalColumns?.length ?? 0);
+  return /* @__PURE__ */ e.createElement(
+    de,
+    {
+      "data-fs-sku-matrix-sidebar": !0,
+      size: a,
+      direction: t,
+      overlayProps: u,
+      isOpen: f,
+      fade: C,
+      ...E
+    },
+    /* @__PURE__ */ e.createElement(ue, { onClose: S }, /* @__PURE__ */ e.createElement("h2", { "data-fs-sku-matrix-sidebar-title": !0 }, n)),
+    r,
+    /* @__PURE__ */ e.createElement(xe, { variant: "bordered" }, /* @__PURE__ */ e.createElement(lt, null, /* @__PURE__ */ e.createElement(J, null, /* @__PURE__ */ e.createElement(F, { align: "left", variant: "header", scope: "col" }, o.name), o.additionalColumns?.map(({ label: m, value: T }) => /* @__PURE__ */ e.createElement(F, { key: T, align: "left", variant: "header", scope: "col" }, m)), /* @__PURE__ */ e.createElement(F, { align: "left", variant: "header", scope: "col" }, o.availability.label), /* @__PURE__ */ e.createElement(F, { align: "right", variant: "header", scope: "col" }, o.price), /* @__PURE__ */ e.createElement(F, { align: "left", variant: "header", scope: "col" }, o.quantitySelector))), /* @__PURE__ */ e.createElement(Ie, null, l ? /* @__PURE__ */ e.createElement(e.Fragment, null, Array.from({ length: 5 }).map((m, T) => /* @__PURE__ */ e.createElement(J, { key: `table-row-${T}` }, Array.from({
+      length: w
+    }).map((_, V) => /* @__PURE__ */ e.createElement(F, { key: `table-cell-${V}` }, /* @__PURE__ */ e.createElement("span", null, /* @__PURE__ */ e.createElement(
+      Lt,
+      {
+        key: V,
+        size: { width: "100%", height: "30px" }
+      }
+    ))))))) : /* @__PURE__ */ e.createElement(e.Fragment, null, v.map((m) => /* @__PURE__ */ e.createElement(J, { key: `${m.name}-${m.id}` }, /* @__PURE__ */ e.createElement(F, { "data-fs-sku-matrix-sidebar-cell-image": !0, align: "left" }, /* @__PURE__ */ e.createElement(
+      c,
+      {
+        src: m.image.url,
+        alt: m.image.alternateName
+      }
+    ), m.name), o.additionalColumns?.map(({ value: T }) => /* @__PURE__ */ e.createElement(
+      F,
+      {
+        key: `${m.name}-${m.id}-${T}`,
+        align: "left"
+      },
+      m.specifications[T.toLowerCase()]
+    )), /* @__PURE__ */ e.createElement(F, { align: "left" }, o.availability.stockDisplaySettings === "showAvailability" && /* @__PURE__ */ e.createElement(
+      Q,
+      {
+        variant: m.availability === "outOfStock" ? "warning" : "success"
+      },
+      m.availability === "outOfStock" ? "Out of stock" : "Available"
+    ), o.availability.stockDisplaySettings === "showStockQuantity" && m.inventory), /* @__PURE__ */ e.createElement(F, { align: "right" }, /* @__PURE__ */ e.createElement("div", { "data-fs-sku-matrix-sidebar-table-price": !0 }, /* @__PURE__ */ e.createElement(
+      z,
+      {
+        value: m.price,
+        variant: "spot",
+        formatter: s
+      }
+    ))), /* @__PURE__ */ e.createElement(
+      F,
+      {
+        align: "right",
+        "data-fs-sku-matrix-sidebar-table-cell-quantity-selector": !0
+      },
+      /* @__PURE__ */ e.createElement("div", { "data-fs-sku-matrix-sidebar-table-action": !0 }, /* @__PURE__ */ e.createElement(
+        Se,
+        {
+          min: 0,
+          max: m.inventory,
+          disabled: !m.inventory || m.availability === "outOfStock",
+          initial: m.selectedCount,
+          onChange: (T) => g(m.id, T),
+          onValidateBlur: (T, _, V) => {
+            y({
+              title: "Invalid quantity!",
+              message: `The quantity you entered is outside the range of ${T} to ${_}. The quantity was set to ${V}.`,
+              status: "INFO",
+              icon: /* @__PURE__ */ e.createElement(
+                I,
+                {
+                  name: "CircleWavyWarning",
+                  width: 30,
+                  height: 30
+                }
+              )
+            });
+          }
+        }
+      ))
+    )))))),
+    /* @__PURE__ */ e.createElement("footer", { "data-fs-sku-matrix-sidebar-footer": !0 }, /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement("p", null, P.amount, " ", P.amount !== 1 ? "Items" : "Item"), /* @__PURE__ */ e.createElement(
+      z,
+      {
+        value: P.subtotal,
+        variant: "spot",
+        formatter: s
+      }
+    )), /* @__PURE__ */ e.createElement(
+      M,
+      {
+        variant: "primary",
+        disabled: !P.amount,
+        onClick: k,
+        ...d
+      },
+      "Add to Cart"
+    ))
+  );
+}
+export {
+  _t as Accordion,
+  Gt as AccordionButton,
+  zt as AccordionItem,
+  Kt as AccordionPanel,
+  Ut as Alert,
+  Q as Badge,
+  Vr as BannerText,
+  Hr as BannerTextContent,
+  Za as Breadcrumb,
+  jt as BreadcrumbPure,
+  M as Button,
+  er as BuyButton,
+  ar as Card,
+  tr as Carousel,
+  Zt as CarouselBullets,
+  ea as CarouselItem,
+  rr as CartItem,
+  nr as CartItemImage,
+  or as CartItemSummary,
+  _r as CartSidebar,
+  Gr as CartSidebarFooter,
+  zr as CartSidebarList,
+  Ue as Checkbox,
+  aa as CheckboxField,
+  na as DiscountBadge,
+  et as Dropdown,
+  tt as DropdownButton,
+  ee as DropdownItem,
+  at as DropdownMenu,
+  Kr as EmptyState,
+  Ur as Filter,
+  Wr as FilterFacetBoolean,
+  jr as FilterFacetBooleanItem,
+  Qr as FilterFacetRange,
+  Xr as FilterFacets,
+  Yr as FilterSlider,
+  lr as Gift,
+  sr as GiftContent,
+  cr as GiftImage,
+  qr as Hero,
+  Zr as HeroHeader,
+  Jr as HeroImage,
+  I as Icon,
+  N as IconButton,
+  en as ImageGallery,
+  Ba as ImageGallerySelector,
+  tn as ImageGalleryViewer,
+  ie as Input,
+  oe as InputField,
+  G as Label,
+  X as Link,
+  rt as LinkButton,
+  U as List,
+  We as Loader,
+  nt as Modal,
+  ha as ModalBody,
+  ir as ModalFooter,
+  Ea as ModalHeader,
+  an as Navbar,
+  on as NavbarButtons,
+  rn as NavbarHeader,
+  dr as NavbarLinks,
+  ur as NavbarLinksList,
+  mr as NavbarLinksListItem,
+  nn as NavbarRow,
+  ln as NavbarSlider,
+  cn as NavbarSliderContent,
+  dn as NavbarSliderFooter,
+  sn as NavbarSliderHeader,
+  un as Newsletter,
+  mn as NewsletterAddendum,
+  fn as NewsletterContent,
+  pn as NewsletterForm,
+  En as NewsletterHeader,
+  fr as OrderSummary,
+  hn as OutOfStock,
+  Nt as Overlay,
+  gn as PaymentMethods,
+  pr as Popover,
+  z as Price,
+  La as PriceRange,
+  ba as ProductCard,
+  ya as ProductCardContent,
+  va as ProductCardImage,
+  bn as ProductComparison,
+  vn as ProductComparisonSidebar,
+  yn as ProductComparisonToolbar,
+  wn as ProductComparisonTrigger,
+  Cn as ProductGrid,
+  kn as ProductGridItem,
+  ke as ProductPrice,
+  Pn as ProductShelf,
+  xn as ProductShelfItem,
+  Sn as ProductShelfItems,
+  Er as ProductTitle,
+  Se as QuantitySelector,
+  je as Radio,
+  wa as RadioField,
+  hr as RadioGroup,
+  gr as RadioOption,
+  Pe as Rating,
+  br as RatingField,
+  vr as RegionBar,
+  In as RegionModal,
+  Bt as RichText,
+  Dn as SKUMatrix,
+  On as SKUMatrixSidebar,
+  $n as SKUMatrixTrigger,
+  he as SROnly,
+  Cr as SearchAutoComplete,
+  kr as SearchAutoCompleteTerm,
+  Pr as SearchDropdown,
+  Sr as SearchHistory,
+  xr as SearchHistoryTerm,
+  Tn as SearchInput,
+  Ir as SearchInputField,
+  Rr as SearchProductItem,
+  $r as SearchProductItemContent,
+  Dr as SearchProductItemImage,
+  Tr as SearchProducts,
+  Pt as SearchProvider,
+  Or as SearchTop,
+  Mr as SearchTopTerm,
+  Qe as Select,
+  Ar as SelectField,
+  Rn as ShippingSimulation,
+  Lt as Skeleton,
+  Fr as SkuSelector,
+  de as SlideOver,
+  ue as SlideOverHeader,
+  Vt as Slider,
+  xe as Table,
+  Ie as TableBody,
+  F as TableCell,
+  Nr as TableFooter,
+  lt as TableHead,
+  J as TableRow,
+  Br as Tag,
+  Ht as Textarea,
+  yr as TextareaField,
+  Lr as Toast,
+  Oa as Toggle,
+  Fe as ToggleField,
+  wr as Tooltip,
+  qa as UIProvider,
+  Ya as regionSliderTypes,
+  se as useFadeEffect,
+  Ct as useOnClickOutside,
+  Ce as useProductComparison,
+  At as useRTL,
+  Ke as useSKUMatrix,
+  Ja as useScrollDirection,
+  ce as useSearch,
+  Ot as useSlideVisibility,
+  Dt as useSlider,
+  Mt as useTrapFocus,
+  te as useUI
+};