react-component-kit-ui 0.0.0-stage → 0.1.0

package/dist/chunks/CountdownBanner-CcpsvvE8.js

@@ -0,0 +1,1263 @@
+"use client";
+import { jsx as e, Fragment as U, jsxs as n } from "react/jsx-runtime";
+import { useRef as V, useEffect as R } from "react";
+import { P as J, a as te, f as F, b as se, c as de, p as ae } from "./cart-store-u-ScUvte.js";
+import { B as oe } from "./Badge-CHkR__dT.js";
+import { M as ce } from "./AnimatedInput-Dt37HZSs.js";
+import { S as le } from "./StepperInput-Ck_9n2BL.js";
+import { V as re, S as he } from "./CartToast-UIJFD2CK.js";
+function ue(...t) {
+  const r = [], i = (a) => {
+    if (a) {
+      if (typeof a == "string" || typeof a == "number") r.push(String(a));
+      else if (Array.isArray(a)) a.forEach(i);
+      else if (typeof a == "object")
+        for (const [s, c] of Object.entries(a)) c && r.push(s);
+    }
+  };
+  return t.forEach(i), r.join(" ");
+}
+function fe(t) {
+  const r = {};
+  for (const i of String(t ?? "").split(";")) {
+    const a = i.indexOf(":");
+    if (a < 0) continue;
+    const s = i.slice(0, a).trim();
+    s && (r[s.startsWith("--") ? s : s.replace(/-([a-z])/g, (c, k) => k.toUpperCase())] = i.slice(a + 1).trim());
+  }
+  return r;
+}
+function me({
+  product: t = {
+    slug: "aurora-headphones",
+    name: "Aurora Wireless Headphones",
+    price: 189,
+    compareAt: 229,
+    category: "audio",
+    rating: 4.8,
+    reviews: 312,
+    badge: "-18%",
+    badgeVariant: "warning",
+    colors: [{ name: "Graphite", hex: "#2b2b2f" }, { name: "Sand", hex: "#d8c3a5" }, { name: "Ocean", hex: "#3d6f9e" }],
+    icon: "headphones",
+    hue: 38,
+    inStock: !0
+  },
+  href: r = "#",
+  categoryLabel: i = "Audio",
+  currency: a = "USD",
+  locale: s = "en-US",
+  ctaLabel: c = "Add to cart",
+  addedLabel: k = "Added",
+  cartKey: p = "ack-cart",
+  openCart: v = !0,
+  variant: N = "glass",
+  size: b = "md",
+  headingLevel: x = "h3",
+  className: o = ""
+}) {
+  var y, w;
+  const d = x, f = { currency: a, locale: s }, m = t.inStock !== !1, l = JSON.stringify({
+    id: t.slug,
+    name: t.name,
+    price: t.price,
+    icon: t.icon,
+    hue: t.hue,
+    image: t.image,
+    variant: (w = (y = t.colors) == null ? void 0 : y[0]) == null ? void 0 : w.name
+  }), h = `spc-${t.slug}`, g = V(!1);
+  return R(() => {
+    if (g.current) return;
+    g.current = !0;
+    function A() {
+      se(document), document.querySelectorAll("[data-wishlist]:not([data-wish-bound])").forEach((S) => {
+        S.dataset.wishBound = "", S.addEventListener("click", () => {
+          S.setAttribute("aria-pressed", String(S.getAttribute("aria-pressed") !== "true"));
+        });
+      });
+    }
+    A();
+  }, []), /* @__PURE__ */ e(U, { children: /* @__PURE__ */ n("article", { className: ue(["sp-card", `sp-card--${N}`, `sp-card--${b}`, "is-hoverable", o]), "aria-labelledby": h, "data-product": !0, "data-name": t.name.toLowerCase(), "data-category": t.category, "data-price": t.price, "data-rating": t.rating ?? 0, "data-colors": (t.colors ?? []).map((A) => A.name.toLowerCase()).join(","), "data-stock": m ? "in" : "out", "data-rk-82d407": "", children: [
+    /* @__PURE__ */ n("div", { className: "sp-card__media", "data-rk-82d407": "", children: [
+      /* @__PURE__ */ e(J, { image: t.image, alt: t.name, icon: t.icon, hue: t.hue }),
+      t.badge && /* @__PURE__ */ e("div", { className: "sp-card__badge", "data-rk-82d407": "", children: /* @__PURE__ */ e(oe, { variant: t.badgeVariant ?? "default", children: t.badge }) }),
+      /* @__PURE__ */ e("button", { className: "sp-card__wish", type: "button", "aria-pressed": "false", "aria-label": `Save ${t.name} to wishlist`, "data-wishlist": !0, "data-rk-82d407": "", children: /* @__PURE__ */ e("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", "data-rk-82d407": "", children: /* @__PURE__ */ e("path", { d: "M20.8 4.6a5.5 5.5 0 0 0-7.8 0L12 5.7l-1-1.1a5.5 5.5 0 0 0-7.8 7.8l1 1.1L12 21l7.8-7.5 1-1.1a5.5 5.5 0 0 0 0-7.8z", "data-rk-82d407": "" }) }) })
+    ] }),
+    /* @__PURE__ */ n("div", { className: "sp-card__body", "data-rk-82d407": "", children: [
+      i && /* @__PURE__ */ e("p", { className: "sp-card__cat", "data-rk-82d407": "", children: i }),
+      /* @__PURE__ */ e(d, { className: "sp-card__title", id: h, "data-rk-82d407": "", children: /* @__PURE__ */ e("a", { className: "sp-card__link", href: r, "data-rk-82d407": "", children: t.name }) }),
+      t.rating !== void 0 && /* @__PURE__ */ e(te, { value: t.rating, count: t.reviews }),
+      t.colors && t.colors.length > 0 && /* @__PURE__ */ n("ul", { className: "sp-card__swatches", "aria-label": `Colours: ${t.colors.map((A) => A.name).join(", ")}`, "data-rk-82d407": "", children: [
+        t.colors.slice(0, 4).map((A, S) => /* @__PURE__ */ e("li", { className: "sp-card__swatch", style: fe(`--sw: ${A.hex}`), title: A.name, "data-rk-82d407": "" }, S)),
+        t.colors.length > 4 && /* @__PURE__ */ n("li", { className: "sp-card__swatch-more", "data-rk-82d407": "", children: [
+          "+",
+          t.colors.length - 4
+        ] })
+      ] }),
+      /* @__PURE__ */ n("div", { className: "sp-card__foot", "data-rk-82d407": "", children: [
+        /* @__PURE__ */ n("p", { className: "sp-card__price", "data-rk-82d407": "", children: [
+          /* @__PURE__ */ e("span", { className: "sp-card__now", "data-rk-82d407": "", children: F(t.price, f) }),
+          t.compareAt && /* @__PURE__ */ n("s", { className: "sp-card__was", "data-rk-82d407": "", children: [
+            /* @__PURE__ */ e("span", { className: "sr-only", "data-rk-82d407": "", children: "Was " }),
+            F(t.compareAt, f)
+          ] })
+        ] }),
+        /* @__PURE__ */ n("button", { className: "sp-card__add", type: "button", "data-add-to-cart": l, "data-cart-key": p, "data-open-cart": v ? void 0 : "false", "data-added-label": k, disabled: !m, "aria-label": m ? `${c}: ${t.name}` : `${t.name} is sold out`, "data-rk-82d407": "", children: [
+          /* @__PURE__ */ n("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", "data-rk-82d407": "", children: [
+            /* @__PURE__ */ e("path", { d: "M6 6h15l-1.5 9h-12z", "data-rk-82d407": "" }),
+            /* @__PURE__ */ e("path", { d: "M6 6 5 3H2", "data-rk-82d407": "" }),
+            /* @__PURE__ */ e("circle", { cx: "9", cy: "20", r: "1.4", "data-rk-82d407": "" }),
+            /* @__PURE__ */ e("circle", { cx: "18", cy: "20", r: "1.4", "data-rk-82d407": "" })
+          ] }),
+          /* @__PURE__ */ e("span", { "data-label": !0, "data-rk-82d407": "", children: m ? c : "Sold out" })
+        ] })
+      ] })
+    ] })
+  ] }) });
+}
+function pe(...t) {
+  const r = [], i = (a) => {
+    if (a) {
+      if (typeof a == "string" || typeof a == "number") r.push(String(a));
+      else if (Array.isArray(a)) a.forEach(i);
+      else if (typeof a == "object")
+        for (const [s, c] of Object.entries(a)) c && r.push(s);
+    }
+  };
+  return t.forEach(i), r.join(" ");
+}
+function ke(t) {
+  const r = {};
+  for (const i of String(t ?? "").split(";")) {
+    const a = i.indexOf(":");
+    if (a < 0) continue;
+    const s = i.slice(0, a).trim();
+    s && (r[s.startsWith("--") ? s : s.replace(/-([a-z])/g, (c, k) => k.toUpperCase())] = i.slice(a + 1).trim());
+  }
+  return r;
+}
+function ze({
+  products: t = [
+    { slug: "aurora-headphones", name: "Aurora Wireless Headphones", price: 189, compareAt: 229, category: "audio", rating: 4.8, reviews: 312, badge: "-18%", badgeVariant: "warning", icon: "headphones", hue: 38 },
+    { slug: "orbit-watch", name: "Orbit Smart Watch", price: 249, category: "wearables", rating: 4.6, reviews: 198, badge: "New", badgeVariant: "info", icon: "watch", hue: 205 },
+    { slug: "trail-backpack", name: "Trail 24L Backpack", price: 119, category: "bags", rating: 4.7, reviews: 87, icon: "backpack", hue: 150 },
+    { slug: "halo-lamp", name: "Halo Desk Lamp", price: 79, category: "home", rating: 4.5, reviews: 54, icon: "lamp", hue: 25 }
+  ],
+  id: r = "product-grid",
+  productBase: i = "#",
+  categoryNames: a = { audio: "Audio", wearables: "Wearables", bags: "Bags", home: "Home" },
+  columns: s = 4,
+  cardVariant: c = "glass",
+  cardSize: k = "md",
+  currency: p = "USD",
+  locale: v = "en-US",
+  cartKey: N = "ack-cart",
+  openCart: b = !0,
+  emptyTitle: x = "No products match",
+  emptyText: o = "Try removing a filter or widening the price range.",
+  className: d = ""
+}) {
+  const f = Math.min(5, Math.max(2, s)), m = (l) => i === "#" ? "#" : `${i}${l}/`;
+  return /* @__PURE__ */ e(U, { children: /* @__PURE__ */ n("div", { className: pe(["p-grid-wrap", d]), "data-rk-b3bd9c": "", children: [
+    /* @__PURE__ */ e("div", { className: "p-grid", id: r, style: ke(`--pg-cols: ${f}`), "data-product-list": !0, "data-rk-b3bd9c": "", children: t.map((l, h) => /* @__PURE__ */ e(me, { product: l, href: m(l.slug), categoryLabel: a[l.category] ?? "", variant: c, size: k, currency: p, locale: v, cartKey: N, openCart: b }, h)) }),
+    /* @__PURE__ */ n("div", { className: "p-grid__empty", role: "status", "data-product-empty": !0, hidden: !0, "data-rk-b3bd9c": "", children: [
+      /* @__PURE__ */ n("svg", { width: "40", height: "40", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.7", strokeLinecap: "round", "aria-hidden": "true", "data-rk-b3bd9c": "", children: [
+        /* @__PURE__ */ e("circle", { cx: "11", cy: "11", r: "7", "data-rk-b3bd9c": "" }),
+        /* @__PURE__ */ e("path", { d: "m20 20-3.5-3.5M8 11h6", "data-rk-b3bd9c": "" })
+      ] }),
+      /* @__PURE__ */ e("p", { "data-rk-b3bd9c": "", children: /* @__PURE__ */ e("strong", { "data-rk-b3bd9c": "", children: x }) }),
+      /* @__PURE__ */ e("p", { "data-rk-b3bd9c": "", children: o })
+    ] })
+  ] }) });
+}
+function ne(...t) {
+  const r = [], i = (a) => {
+    if (a) {
+      if (typeof a == "string" || typeof a == "number") r.push(String(a));
+      else if (Array.isArray(a)) a.forEach(i);
+      else if (typeof a == "object")
+        for (const [s, c] of Object.entries(a)) c && r.push(s);
+    }
+  };
+  return t.forEach(i), r.join(" ");
+}
+function Ie({
+  messages: t = ["Free shipping on orders over $75", "Use code REACT10 for 10% off your first order", "30-day free returns"],
+  href: r,
+  interval: i = 4500,
+  dismissible: a = !0,
+  variant: s = "gold",
+  size: c = "sm",
+  storageKey: k = "ack-promo-closed",
+  className: p = ""
+}) {
+  const v = r ? "a" : "div", N = V(!1);
+  return R(() => {
+    N.current || (N.current = !0, document.querySelectorAll("[data-promo-bar]").forEach((b) => {
+      var m;
+      const x = b.dataset.key || "ack-promo-closed";
+      try {
+        if (window.sessionStorage.getItem(x)) {
+          b.hidden = !0;
+          return;
+        }
+      } catch {
+      }
+      (m = b.querySelector("[data-promo-close]")) == null || m.addEventListener("click", () => {
+        b.hidden = !0;
+        try {
+          window.sessionStorage.setItem(x, "1");
+        } catch {
+        }
+      });
+      const o = Array.from(b.querySelectorAll(".promo-bar__msg"));
+      if (o.length < 2 || window.matchMedia("(prefers-reduced-motion: reduce)").matches) return;
+      let d = 0, f = !1;
+      b.addEventListener("mouseenter", () => {
+        f = !0;
+      }), b.addEventListener("mouseleave", () => {
+        f = !1;
+      }), b.addEventListener("focusin", () => {
+        f = !0;
+      }), b.addEventListener("focusout", () => {
+        f = !1;
+      }), window.setInterval(() => {
+        f || document.hidden || (o[d].classList.remove("is-active"), o[d].setAttribute("aria-hidden", "true"), d = (d + 1) % o.length, o[d].classList.add("is-active"), o[d].removeAttribute("aria-hidden"));
+      }, Number(b.dataset.interval) || 4500);
+    }));
+  }, []), /* @__PURE__ */ e(U, { children: /* @__PURE__ */ n("div", { className: ne(["promo-bar", `promo-bar--${s}`, `promo-bar--${c}`, p]), "data-promo-bar": !0, "data-interval": i, "data-key": k, "data-rk-ca2577": "", children: [
+    /* @__PURE__ */ e(v, { className: "promo-bar__track", href: r, "data-rk-ca2577": "", children: t.map((b, x) => /* @__PURE__ */ e("span", { className: ne(["promo-bar__msg", { "is-active": x === 0 }]), "aria-hidden": x === 0 ? void 0 : "true", "data-rk-ca2577": "", children: b }, x)) }),
+    a && /* @__PURE__ */ e("button", { className: "promo-bar__close", type: "button", "aria-label": "Dismiss announcement", "data-promo-close": !0, "data-rk-ca2577": "", children: /* @__PURE__ */ e("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", "aria-hidden": "true", "data-rk-ca2577": "", children: /* @__PURE__ */ e("path", { d: "M18 6 6 18M6 6l12 12", "data-rk-ca2577": "" }) }) })
+  ] }) });
+}
+function be(...t) {
+  const r = [], i = (a) => {
+    if (a) {
+      if (typeof a == "string" || typeof a == "number") r.push(String(a));
+      else if (Array.isArray(a)) a.forEach(i);
+      else if (typeof a == "object")
+        for (const [s, c] of Object.entries(a)) c && r.push(s);
+    }
+  };
+  return t.forEach(i), r.join(" ");
+}
+function Ue({
+  brand: t = "Nova Store",
+  brandHref: r = "/",
+  links: i = [
+    {
+      label: "Shop",
+      href: "#",
+      children: [
+        { label: "Audio", href: "#", description: "Headphones & speakers" },
+        { label: "Wearables", href: "#", description: "Watches & bands" },
+        { label: "Bags", href: "#", description: "Backpacks & totes" },
+        { label: "Home", href: "#", description: "Lamps, mugs & plants" }
+      ]
+    },
+    { label: "New in", href: "#" },
+    { label: "Sale", href: "#" },
+    { label: "Journal", href: "#" }
+  ],
+  searchAction: a = "#",
+  searchPlaceholder: s = "Search products",
+  accountHref: c = "#",
+  cartKey: k = "ack-cart",
+  cartLabel: p = "Cart",
+  currentHref: v,
+  sticky: N = !0,
+  variant: b = "glass",
+  size: x = "md",
+  themeToggle: o = !0,
+  id: d = "store-header",
+  className: f = ""
+}) {
+  const m = d, l = V(!1);
+  return R(() => {
+    l.current || (l.current = !0, document.querySelectorAll("[data-store-header]:not([data-bound])").forEach((h) => {
+      h.dataset.bound = "";
+      const g = h.querySelector("[data-menu-toggle]"), y = h.querySelector("[data-menu]"), w = Array.from(h.querySelectorAll("[data-dropdown-toggle]")), A = (_) => {
+        w.forEach((E) => {
+          if (E === _) return;
+          E.setAttribute("aria-expanded", "false");
+          const L = document.getElementById(E.getAttribute("aria-controls") || "");
+          L && (L.hidden = !0);
+        });
+      };
+      w.forEach((_) => {
+        _.addEventListener("click", () => {
+          const E = _.getAttribute("aria-expanded") !== "true";
+          A(_), _.setAttribute("aria-expanded", String(E));
+          const L = document.getElementById(_.getAttribute("aria-controls") || "");
+          L && (L.hidden = !E);
+        });
+      }), g == null || g.addEventListener("click", () => {
+        const _ = g.getAttribute("aria-expanded") !== "true";
+        g.setAttribute("aria-expanded", String(_)), y == null || y.classList.toggle("is-open", _);
+      }), document.addEventListener("click", (_) => {
+        h.contains(_.target) || A();
+      }), document.addEventListener("keydown", (_) => {
+        if (_.key !== "Escape") return;
+        const E = w.find((L) => L.getAttribute("aria-expanded") === "true");
+        A(), E == null || E.focus(), (g == null ? void 0 : g.getAttribute("aria-expanded")) === "true" && (g.setAttribute("aria-expanded", "false"), y == null || y.classList.remove("is-open"), g.focus());
+      });
+      const S = h.querySelector("[data-theme-toggle]");
+      if (S) {
+        const _ = document.documentElement, E = () => _.dataset.theme === "light" ? "light" : "dark", L = () => S.setAttribute("aria-label", E() === "light" ? "Switch to dark theme" : "Switch to light theme");
+        L(), S.addEventListener("click", () => {
+          const C = E() === "light" ? "dark" : "light";
+          _.dataset.theme = C;
+          try {
+            window.localStorage.setItem("ack-theme", C);
+          } catch {
+          }
+          L(), document.dispatchEvent(new CustomEvent("ack:theme", { detail: { theme: C } }));
+        });
+      }
+      const $ = h.querySelector("[data-cart-open]"), j = h.querySelector("[data-cart-count]");
+      if ($ && j) {
+        const _ = de($.dataset.cartKey), E = $.dataset.cartLabel || "Cart", L = () => {
+          const C = _.count();
+          j.textContent = C > 99 ? "99+" : String(C), j.hidden = C === 0, $.setAttribute("aria-label", C ? `${E} (${C})` : E);
+        };
+        L(), _.subscribe((C) => {
+          L(), j.classList.remove("is-bump"), j.offsetWidth, j.classList.add("is-bump");
+        }), $.addEventListener("click", () => {
+          document.dispatchEvent(new CustomEvent("ack:cart-open", { detail: { key: _.key, trigger: $ } }));
+        });
+      }
+    }));
+  }, []), /* @__PURE__ */ e(U, { children: /* @__PURE__ */ e("header", { className: be(["store-header", `store-header--${b}`, `store-header--${x}`, { "store-header--sticky": N }, f]), "data-store-header": !0, "data-rk-bf78a5": "", children: /* @__PURE__ */ n("div", { className: "store-header__inner", "data-rk-bf78a5": "", children: [
+    i.length > 0 && /* @__PURE__ */ e("button", { className: "store-header__toggle", type: "button", "aria-expanded": "false", "aria-controls": `${m}-nav`, "aria-label": "Menu", "data-menu-toggle": !0, "data-rk-bf78a5": "", children: /* @__PURE__ */ n("svg", { width: "22", height: "22", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", "aria-hidden": "true", "data-rk-bf78a5": "", children: [
+      /* @__PURE__ */ e("path", { className: "l1", d: "M4 7h16", "data-rk-bf78a5": "" }),
+      /* @__PURE__ */ e("path", { className: "l2", d: "M4 12h16", "data-rk-bf78a5": "" }),
+      /* @__PURE__ */ e("path", { className: "l3", d: "M4 17h16", "data-rk-bf78a5": "" })
+    ] }) }),
+    /* @__PURE__ */ n("a", { className: "store-header__brand", href: r, "data-rk-bf78a5": "", children: [
+      /* @__PURE__ */ e("span", { className: "store-header__logo", "aria-hidden": "true", "data-rk-bf78a5": "", children: /* @__PURE__ */ n("svg", { width: "22", height: "22", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.2", strokeLinecap: "round", strokeLinejoin: "round", "data-rk-bf78a5": "", children: [
+        /* @__PURE__ */ e("path", { d: "M12 2 3 7v10l9 5 9-5V7z", "data-rk-bf78a5": "" }),
+        /* @__PURE__ */ e("path", { d: "m3 7 9 5 9-5M12 12v10", "data-rk-bf78a5": "" })
+      ] }) }),
+      /* @__PURE__ */ e("span", { "data-rk-bf78a5": "", children: t })
+    ] }),
+    i.length > 0 ? /* @__PURE__ */ e("nav", { className: "store-header__nav", id: `${m}-nav`, "aria-label": "Main", "data-menu": !0, "data-rk-bf78a5": "", children: /* @__PURE__ */ e("ul", { className: "store-header__links", "data-rk-bf78a5": "", children: i.map((h, g) => {
+      var y;
+      return /* @__PURE__ */ e("li", { className: "store-header__item", "data-rk-bf78a5": "", children: (y = h.children) != null && y.length ? /* @__PURE__ */ n(U, { children: [
+        /* @__PURE__ */ n("button", { className: "store-header__link store-header__link--parent", type: "button", "aria-expanded": "false", "aria-controls": `${m}-dd-${g}`, "data-dropdown-toggle": !0, "data-rk-bf78a5": "", children: [
+          h.label,
+          /* @__PURE__ */ e("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", "data-rk-bf78a5": "", children: /* @__PURE__ */ e("path", { d: "m6 9 6 6 6-6", "data-rk-bf78a5": "" }) })
+        ] }),
+        /* @__PURE__ */ e("div", { className: "store-header__dropdown", id: `${m}-dd-${g}`, hidden: !0, "data-dropdown": !0, "data-rk-bf78a5": "", children: /* @__PURE__ */ n("ul", { "data-rk-bf78a5": "", children: [
+          h.children.map((w, A) => /* @__PURE__ */ e("li", { "data-rk-bf78a5": "", children: /* @__PURE__ */ n("a", { href: w.href, "aria-current": v === w.href ? "page" : void 0, "data-rk-bf78a5": "", children: [
+            /* @__PURE__ */ e("strong", { "data-rk-bf78a5": "", children: w.label }),
+            w.description && /* @__PURE__ */ e("span", { "data-rk-bf78a5": "", children: w.description })
+          ] }) }, A)),
+          /* @__PURE__ */ e("li", { className: "store-header__dropdown-all", "data-rk-bf78a5": "", children: /* @__PURE__ */ e("a", { href: h.href, "data-rk-bf78a5": "", children: "View all →" }) })
+        ] }) })
+      ] }) : /* @__PURE__ */ e("a", { className: "store-header__link", href: h.href, "aria-current": v === h.href ? "page" : void 0, "data-rk-bf78a5": "", children: h.label }) }, g);
+    }) }) }) : /* @__PURE__ */ e("div", { className: "store-header__nav", "data-rk-bf78a5": "" }),
+    /* @__PURE__ */ n("div", { className: "store-header__actions", "data-rk-bf78a5": "", children: [
+      /* @__PURE__ */ n("form", { className: "store-header__search", role: "search", action: a, "data-rk-bf78a5": "", children: [
+        /* @__PURE__ */ e("label", { className: "sr-only", htmlFor: `${m}-q`, "data-rk-bf78a5": "", children: s }),
+        /* @__PURE__ */ n("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.2", strokeLinecap: "round", "aria-hidden": "true", "data-rk-bf78a5": "", children: [
+          /* @__PURE__ */ e("circle", { cx: "11", cy: "11", r: "7", "data-rk-bf78a5": "" }),
+          /* @__PURE__ */ e("path", { d: "m20 20-3.5-3.5", "data-rk-bf78a5": "" })
+        ] }),
+        /* @__PURE__ */ e("input", { id: `${m}-q`, name: "q", type: "search", placeholder: s, autoComplete: "off", "data-rk-bf78a5": "" })
+      ] }),
+      o && /* @__PURE__ */ n("button", { className: "store-header__icon store-header__theme", type: "button", "aria-label": "Switch to light theme", "data-theme-toggle": !0, "data-rk-bf78a5": "", children: [
+        /* @__PURE__ */ n("svg", { className: "i-sun", width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", "aria-hidden": "true", "data-rk-bf78a5": "", children: [
+          /* @__PURE__ */ e("circle", { cx: "12", cy: "12", r: "4", "data-rk-bf78a5": "" }),
+          /* @__PURE__ */ e("path", { d: "M12 2v2M12 20v2M4.9 4.9l1.4 1.4M17.7 17.7l1.4 1.4M2 12h2M20 12h2M4.9 19.1l1.4-1.4M17.7 6.3l1.4-1.4", "data-rk-bf78a5": "" })
+        ] }),
+        /* @__PURE__ */ e("svg", { className: "i-moon", width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", "data-rk-bf78a5": "", children: /* @__PURE__ */ e("path", { d: "M21 12.8A9 9 0 1 1 11.2 3a7 7 0 0 0 9.8 9.8z", "data-rk-bf78a5": "" }) })
+      ] }),
+      c && /* @__PURE__ */ e("a", { className: "store-header__icon", href: c, "aria-label": "Account", "data-rk-bf78a5": "", children: /* @__PURE__ */ n("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", "aria-hidden": "true", "data-rk-bf78a5": "", children: [
+        /* @__PURE__ */ e("circle", { cx: "12", cy: "8", r: "4", "data-rk-bf78a5": "" }),
+        /* @__PURE__ */ e("path", { d: "M4 21a8 8 0 0 1 16 0", "data-rk-bf78a5": "" })
+      ] }) }),
+      /* @__PURE__ */ n("button", { className: "store-header__icon store-header__cart", type: "button", "data-cart-open": !0, "data-cart-key": k, "data-cart-label": p, "aria-label": p, "data-rk-bf78a5": "", children: [
+        /* @__PURE__ */ n("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", "data-rk-bf78a5": "", children: [
+          /* @__PURE__ */ e("path", { d: "M6 7h12l-1 13H7z", "data-rk-bf78a5": "" }),
+          /* @__PURE__ */ e("path", { d: "M9 7V6a3 3 0 0 1 6 0v1", "data-rk-bf78a5": "" })
+        ] }),
+        /* @__PURE__ */ e("span", { className: "store-header__count", "data-cart-count": !0, hidden: !0, "aria-hidden": "true", "data-rk-bf78a5": "", children: "0" })
+      ] })
+    ] })
+  ] }) }) });
+}
+function ge(...t) {
+  const r = [], i = (a) => {
+    if (a) {
+      if (typeof a == "string" || typeof a == "number") r.push(String(a));
+      else if (Array.isArray(a)) a.forEach(i);
+      else if (typeof a == "object")
+        for (const [s, c] of Object.entries(a)) c && r.push(s);
+    }
+  };
+  return t.forEach(i), r.join(" ");
+}
+function De({
+  cartKey: t = "ack-cart",
+  title: r = "Your cart",
+  checkoutHref: i = "#",
+  checkoutLabel: a = "Checkout",
+  currency: s = "USD",
+  locale: c = "en-US",
+  freeShippingThreshold: k = 75,
+  demoItems: p = [],
+  inline: v = !1,
+  side: N = "right",
+  size: b = "md",
+  id: x = "cart-drawer",
+  className: o = ""
+}) {
+  const d = x, f = V(!1);
+  return R(() => {
+    if (f.current) return;
+    f.current = !0;
+    const m = 'a[href], button:not([disabled]), input:not([disabled]), [tabindex]:not([tabindex="-1"])';
+    document.querySelectorAll("[data-cart-drawer]:not([data-bound])").forEach((l) => {
+      l.dataset.bound = "";
+      const h = de(l.dataset.key), g = { currency: l.dataset.currency, locale: l.dataset.locale }, y = l.hasAttribute("data-inline"), w = Number(l.dataset.free) || 0, A = l.querySelector(".cart-drawer__panel"), S = l.querySelector("[data-lines]"), $ = l.querySelector("[data-empty]"), j = l.querySelector("[data-foot]"), _ = l.querySelector("[data-subtotal]"), E = l.querySelector("[data-cart-qty]"), L = l.querySelector("[data-ship]"), C = l.querySelector("[data-ship-text]"), B = l.querySelector("[data-ship-bar]");
+      let M = null;
+      if (l.dataset.seed)
+        try {
+          h.seed(JSON.parse(l.dataset.seed));
+        } catch {
+        }
+      const W = (u, q, I) => {
+        const T = document.createElement(u);
+        return q && (T.className = q), I !== void 0 && (T.textContent = I), T;
+      };
+      function K(u) {
+        const q = W("li", "cart-line"), I = W("div", "cart-line__media");
+        if (I.style.setProperty("--h", String(u.hue ?? 40)), u.image) {
+          const X = W("img");
+          X.src = u.image, X.alt = "", I.append(X);
+        } else
+          I.innerHTML = `<svg viewBox="0 0 64 64" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">${ae(u.icon)}</svg>`;
+        const T = W("div", "cart-line__info");
+        T.append(W("p", "cart-line__name", u.name)), u.variant && T.append(W("p", "cart-line__variant", u.variant));
+        const D = W("div", "cart-line__stepper"), O = W("button", "cart-line__step", "−");
+        O.type = "button", O.setAttribute("aria-label", `Decrease quantity of ${u.name}`), O.addEventListener("click", () => h.setQty(u.id, u.qty - 1));
+        const z = W("span", "cart-line__count", String(u.qty));
+        z.setAttribute("aria-label", `Quantity ${u.qty}`);
+        const H = W("button", "cart-line__step", "+");
+        H.type = "button", H.setAttribute("aria-label", `Increase quantity of ${u.name}`), H.disabled = u.qty >= 99, H.addEventListener("click", () => h.setQty(u.id, u.qty + 1)), D.append(O, z, H), T.append(D);
+        const P = W("div", "cart-line__side");
+        P.append(W("p", "cart-line__price", F(u.price * u.qty, g)));
+        const Y = W("button", "cart-line__remove", "Remove");
+        return Y.type = "button", Y.setAttribute("aria-label", `Remove ${u.name}`), Y.addEventListener("click", () => h.remove(u.id)), P.append(Y), q.append(I, T, P), q;
+      }
+      function G() {
+        const u = h.items(), q = u.reduce((O, z) => O + z.qty, 0), I = u.reduce((O, z) => O + z.qty * z.price, 0), T = document.activeElement, D = T && l.contains(T) ? T.getAttribute("aria-label") : null;
+        if (S.replaceChildren(...u.map(K)), $.hidden = u.length > 0, j.hidden = u.length === 0, S.hidden = u.length === 0, E.textContent = q ? `(${q})` : "", _.textContent = F(I, g), L && C && B) {
+          L.hidden = u.length === 0;
+          const O = Math.max(0, w - I);
+          C.textContent = O > 0 ? `You're ${F(O, g)} away from free shipping` : "You unlocked free shipping", B.style.width = `${Math.min(100, I / w * 100)}%`, L.classList.toggle("is-done", O === 0);
+        }
+        D && !l.contains(document.activeElement) && (Array.from(l.querySelectorAll("[aria-label]")).find((z) => z.getAttribute("aria-label") === D) ?? A).focus();
+      }
+      function Q(u) {
+        y || (M = u ?? document.activeElement, l.hidden = !1, document.documentElement.style.overflow = "hidden", requestAnimationFrame(() => {
+          l.classList.add("is-open"), A.focus();
+        }));
+      }
+      function Z() {
+        if (y || l.hidden) return;
+        l.classList.remove("is-open"), document.documentElement.style.overflow = "";
+        const u = () => {
+          l.hidden = !0;
+        };
+        window.matchMedia("(prefers-reduced-motion: reduce)").matches ? u() : window.setTimeout(u, 280), M == null || M.focus();
+      }
+      G(), h.subscribe(G), document.addEventListener("ack:cart-open", (u) => {
+        const q = u.detail || {};
+        (!q.key || q.key === h.key) && Q(q.trigger);
+      }), document.querySelectorAll("[data-cart-open]").forEach((u) => {
+        u.closest("[data-store-header]") || u.addEventListener("click", () => Q(u));
+      }), l.querySelectorAll("[data-cart-close]").forEach((u) => u.addEventListener("click", Z)), l.addEventListener("keydown", (u) => {
+        if (y) return;
+        if (u.key === "Escape") {
+          u.preventDefault(), Z();
+          return;
+        }
+        if (u.key !== "Tab") return;
+        const q = Array.from(A.querySelectorAll(m)).filter((D) => !D.closest("[hidden]"));
+        if (!q.length) return;
+        const I = q[0], T = q[q.length - 1];
+        u.shiftKey && (document.activeElement === I || document.activeElement === A) ? (u.preventDefault(), T.focus()) : !u.shiftKey && document.activeElement === T && (u.preventDefault(), I.focus());
+      });
+    });
+  }, []), /* @__PURE__ */ e(U, { children: /* @__PURE__ */ n("div", { className: ge(["cart-drawer", `cart-drawer--${N}`, `cart-drawer--${b}`, { "cart-drawer--inline": v }, o]), "data-cart-drawer": !0, "data-key": t, "data-currency": s, "data-locale": c, "data-free": k, "data-seed": p.length ? JSON.stringify(p) : void 0, "data-inline": v ? "" : void 0, hidden: !v, "data-rk-571235": "", children: [
+    !v && /* @__PURE__ */ e("div", { className: "cart-drawer__backdrop", "data-cart-close": !0, "data-rk-571235": "" }),
+    /* @__PURE__ */ n("aside", { className: "cart-drawer__panel", role: v ? "region" : "dialog", "aria-modal": v ? void 0 : "true", "aria-labelledby": `${d}-title`, tabIndex: -1, "data-rk-571235": "", children: [
+      /* @__PURE__ */ n("header", { className: "cart-drawer__head", "data-rk-571235": "", children: [
+        /* @__PURE__ */ n("h2", { className: "cart-drawer__title", id: `${d}-title`, "data-rk-571235": "", children: [
+          r,
+          " ",
+          /* @__PURE__ */ e("span", { className: "cart-drawer__qty", "data-cart-qty": !0, "data-rk-571235": "" })
+        ] }),
+        !v && /* @__PURE__ */ e("button", { className: "cart-drawer__close", type: "button", "aria-label": "Close cart", "data-cart-close": !0, "data-rk-571235": "", children: /* @__PURE__ */ e("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.4", strokeLinecap: "round", "aria-hidden": "true", "data-rk-571235": "", children: /* @__PURE__ */ e("path", { d: "M18 6 6 18M6 6l12 12", "data-rk-571235": "" }) }) })
+      ] }),
+      k > 0 && /* @__PURE__ */ n("div", { className: "cart-drawer__ship", "data-ship": !0, "data-rk-571235": "", children: [
+        /* @__PURE__ */ e("p", { className: "cart-drawer__ship-text", "data-ship-text": !0, "data-rk-571235": "" }),
+        /* @__PURE__ */ e("div", { className: "cart-drawer__ship-bar", "aria-hidden": "true", "data-rk-571235": "", children: /* @__PURE__ */ e("span", { "data-ship-bar": !0, "data-rk-571235": "" }) })
+      ] }),
+      /* @__PURE__ */ e("ul", { className: "cart-drawer__lines", "data-lines": !0, "aria-label": "Cart items", "data-rk-571235": "" }),
+      /* @__PURE__ */ n("div", { className: "cart-drawer__empty", "data-empty": !0, hidden: !0, "data-rk-571235": "", children: [
+        /* @__PURE__ */ n("svg", { width: "44", height: "44", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.6", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", "data-rk-571235": "", children: [
+          /* @__PURE__ */ e("path", { d: "M6 7h12l-1 13H7z", "data-rk-571235": "" }),
+          /* @__PURE__ */ e("path", { d: "M9 7V6a3 3 0 0 1 6 0v1", "data-rk-571235": "" })
+        ] }),
+        /* @__PURE__ */ e("p", { "data-rk-571235": "", children: /* @__PURE__ */ e("strong", { "data-rk-571235": "", children: "Your cart is empty" }) }),
+        /* @__PURE__ */ e("p", { "data-rk-571235": "", children: "Add a few products and they will show up here." }),
+        !v && /* @__PURE__ */ e("button", { className: "cart-drawer__ghost", type: "button", "data-cart-close": !0, "data-rk-571235": "", children: "Continue shopping" })
+      ] }),
+      /* @__PURE__ */ n("footer", { className: "cart-drawer__foot", "data-foot": !0, "data-rk-571235": "", children: [
+        /* @__PURE__ */ n("div", { className: "cart-drawer__row", "data-rk-571235": "", children: [
+          /* @__PURE__ */ e("span", { "data-rk-571235": "", children: "Subtotal" }),
+          /* @__PURE__ */ e("strong", { "data-subtotal": !0, "aria-live": "polite", "data-rk-571235": "", children: "—" })
+        ] }),
+        /* @__PURE__ */ e("p", { className: "cart-drawer__note", "data-rk-571235": "", children: "Taxes and shipping are calculated at checkout." }),
+        /* @__PURE__ */ n("a", { className: "cart-drawer__checkout", href: i, "data-rk-571235": "", children: [
+          a,
+          /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.4", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", "data-rk-571235": "", children: /* @__PURE__ */ e("path", { d: "M5 12h14M13 6l6 6-6 6", "data-rk-571235": "" }) })
+        ] })
+      ] })
+    ] })
+  ] }) });
+}
+function ye(...t) {
+  const r = [], i = (a) => {
+    if (a) {
+      if (typeof a == "string" || typeof a == "number") r.push(String(a));
+      else if (Array.isArray(a)) a.forEach(i);
+      else if (typeof a == "object")
+        for (const [s, c] of Object.entries(a)) c && r.push(s);
+    }
+  };
+  return t.forEach(i), r.join(" ");
+}
+function He({
+  eyebrow: t = "New season · 2026",
+  title: r = "Gear that feels",
+  highlight: i = "made for you",
+  subtitle: a = "Thoughtfully designed audio, wearables and everyday carry. Free shipping over $75 and 30-day returns on everything.",
+  primary: s = { label: "Shop the collection", href: "#" },
+  secondary: c = { label: "Explore new arrivals", href: "#" },
+  stats: k = [
+    { value: "4.9/5", label: "from 12k reviews" },
+    { value: "48h", label: "average delivery" },
+    { value: "30 days", label: "free returns" }
+  ],
+  product: p = { slug: "aurora-headphones", name: "Aurora Wireless Headphones", price: 189, compareAt: 229, category: "audio", rating: 4.8, reviews: 312, icon: "headphones", hue: 38 },
+  productHref: v = "#",
+  currency: N = "USD",
+  locale: b = "en-US",
+  variant: x = "split",
+  size: o = "md",
+  className: d = ""
+}) {
+  const f = { currency: N, locale: b };
+  return /* @__PURE__ */ e(U, { children: /* @__PURE__ */ n("section", { className: ye(["store-hero", `store-hero--${x}`, `store-hero--${o}`, d]), "data-rk-92f260": "", children: [
+    /* @__PURE__ */ e("div", { className: "store-hero__glow", "aria-hidden": "true", "data-rk-92f260": "" }),
+    /* @__PURE__ */ n("div", { className: "store-hero__inner", "data-rk-92f260": "", children: [
+      /* @__PURE__ */ n("div", { className: "store-hero__copy", "data-rk-92f260": "", children: [
+        t && /* @__PURE__ */ n("p", { className: "store-hero__eyebrow", "data-rk-92f260": "", children: [
+          /* @__PURE__ */ e("span", { "aria-hidden": "true", "data-rk-92f260": "" }),
+          t
+        ] }),
+        /* @__PURE__ */ n("h1", { className: "store-hero__title", "data-rk-92f260": "", children: [
+          r,
+          " ",
+          /* @__PURE__ */ e("em", { "data-rk-92f260": "", children: i })
+        ] }),
+        a && /* @__PURE__ */ e("p", { className: "store-hero__subtitle", "data-rk-92f260": "", children: a }),
+        /* @__PURE__ */ n("div", { className: "store-hero__ctas", "data-rk-92f260": "", children: [
+          s && /* @__PURE__ */ n("a", { className: "store-hero__btn store-hero__btn--primary", href: s.href, "data-rk-92f260": "", children: [
+            s.label,
+            /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.4", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", "data-rk-92f260": "", children: /* @__PURE__ */ e("path", { d: "M5 12h14M13 6l6 6-6 6", "data-rk-92f260": "" }) })
+          ] }),
+          c && /* @__PURE__ */ e("a", { className: "store-hero__btn store-hero__btn--ghost", href: c.href, "data-rk-92f260": "", children: c.label })
+        ] }),
+        k.length > 0 && /* @__PURE__ */ e("dl", { className: "store-hero__stats", "data-rk-92f260": "", children: k.map((m, l) => /* @__PURE__ */ n("div", { "data-rk-92f260": "", children: [
+          /* @__PURE__ */ e("dt", { "data-rk-92f260": "", children: m.label }),
+          /* @__PURE__ */ e("dd", { "data-rk-92f260": "", children: m.value })
+        ] }, l)) })
+      ] }),
+      p && /* @__PURE__ */ n("div", { className: "store-hero__stage", "data-rk-92f260": "", children: [
+        /* @__PURE__ */ e("div", { className: "store-hero__ring", "aria-hidden": "true", "data-rk-92f260": "" }),
+        /* @__PURE__ */ n("a", { className: "store-hero__product", href: v, "data-rk-92f260": "", children: [
+          /* @__PURE__ */ e(J, { image: p.image, alt: p.name, icon: p.icon, hue: p.hue, size: "lg", ratio: "4 / 5" }),
+          /* @__PURE__ */ n("span", { className: "store-hero__chip store-hero__chip--price", "data-rk-92f260": "", children: [
+            /* @__PURE__ */ e("small", { "data-rk-92f260": "", children: p.name }),
+            /* @__PURE__ */ e("strong", { "data-rk-92f260": "", children: F(p.price, f) }),
+            p.compareAt && /* @__PURE__ */ n("s", { "data-rk-92f260": "", children: [
+              /* @__PURE__ */ e("span", { className: "sr-only", "data-rk-92f260": "", children: "Was " }),
+              F(p.compareAt, f)
+            ] })
+          ] }),
+          p.rating !== void 0 && /* @__PURE__ */ e("span", { className: "store-hero__chip store-hero__chip--rating", "data-rk-92f260": "", children: /* @__PURE__ */ e(te, { value: p.rating, count: p.reviews }) })
+        ] })
+      ] })
+    ] })
+  ] }) });
+}
+function _e(...t) {
+  const r = [], i = (a) => {
+    if (a) {
+      if (typeof a == "string" || typeof a == "number") r.push(String(a));
+      else if (Array.isArray(a)) a.forEach(i);
+      else if (typeof a == "object")
+        for (const [s, c] of Object.entries(a)) c && r.push(s);
+    }
+  };
+  return t.forEach(i), r.join(" ");
+}
+function we(t) {
+  const r = {};
+  for (const i of String(t ?? "").split(";")) {
+    const a = i.indexOf(":");
+    if (a < 0) continue;
+    const s = i.slice(0, a).trim();
+    s && (r[s.startsWith("--") ? s : s.replace(/-([a-z])/g, (c, k) => k.toUpperCase())] = i.slice(a + 1).trim());
+  }
+  return r;
+}
+function Fe({
+  title: t = "Shop by category",
+  subtitle: r,
+  categories: i = [
+    { id: "audio", name: "Audio", href: "#", count: 18, icon: "headphones", hue: 38 },
+    { id: "wearables", name: "Wearables", href: "#", count: 12, icon: "watch", hue: 200 },
+    { id: "bags", name: "Bags", href: "#", count: 9, icon: "backpack", hue: 150 },
+    { id: "home", name: "Home", href: "#", count: 24, icon: "lamp", hue: 20 }
+  ],
+  columns: a = 4,
+  variant: s = "glass",
+  size: c = "md",
+  countLabel: k = "products",
+  className: p = ""
+}) {
+  const v = Math.min(6, Math.max(2, a));
+  return /* @__PURE__ */ e(U, { children: /* @__PURE__ */ n("section", { className: _e(["cat-tiles", `cat-tiles--${s}`, `cat-tiles--${c}`, p]), style: we(`--ct-cols: ${v}`), "data-rk-00c0aa": "", children: [
+    (t || r) && /* @__PURE__ */ n("header", { className: "cat-tiles__head", "data-rk-00c0aa": "", children: [
+      t && /* @__PURE__ */ e("h2", { className: "cat-tiles__title", "data-rk-00c0aa": "", children: t }),
+      r && /* @__PURE__ */ e("p", { className: "cat-tiles__subtitle", "data-rk-00c0aa": "", children: r })
+    ] }),
+    /* @__PURE__ */ e("ul", { className: "cat-tiles__grid", "data-rk-00c0aa": "", children: i.map((N, b) => /* @__PURE__ */ e("li", { "data-rk-00c0aa": "", children: /* @__PURE__ */ n("a", { className: "cat-tile is-hoverable", href: N.href, "data-rk-00c0aa": "", children: [
+      /* @__PURE__ */ e(J, { icon: N.icon, hue: N.hue, ratio: "auto", size: "sm", variant: s === "minimal" ? "flat" : "glow", className: "cat-tile__media" }),
+      /* @__PURE__ */ n("span", { className: "cat-tile__text", "data-rk-00c0aa": "", children: [
+        /* @__PURE__ */ e("span", { className: "cat-tile__name", "data-rk-00c0aa": "", children: N.name }),
+        N.count !== void 0 && /* @__PURE__ */ n("span", { className: "cat-tile__count", "data-rk-00c0aa": "", children: [
+          N.count,
+          " ",
+          k
+        ] })
+      ] }),
+      /* @__PURE__ */ e("span", { className: "cat-tile__arrow", "aria-hidden": "true", "data-rk-00c0aa": "", children: /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.4", strokeLinecap: "round", strokeLinejoin: "round", "data-rk-00c0aa": "", children: /* @__PURE__ */ e("path", { d: "M7 17 17 7M8 7h9v9", "data-rk-00c0aa": "" }) }) })
+    ] }) }, b)) })
+  ] }) });
+}
+function ve(...t) {
+  const r = [], i = (a) => {
+    if (a) {
+      if (typeof a == "string" || typeof a == "number") r.push(String(a));
+      else if (Array.isArray(a)) a.forEach(i);
+      else if (typeof a == "object")
+        for (const [s, c] of Object.entries(a)) c && r.push(s);
+    }
+  };
+  return t.forEach(i), r.join(" ");
+}
+function Ne({
+  items: t = [
+    { icon: "truck", title: "Free shipping", text: "On orders over $75" },
+    { icon: "return", title: "30-day returns", text: "No questions asked" },
+    { icon: "lock", title: "Secure checkout", text: "SSL & 3-D Secure" },
+    { icon: "chat", title: "Real humans", text: "Support 7 days a week" }
+  ],
+  variant: r = "cards",
+  size: i = "md",
+  className: a = ""
+}) {
+  const s = {
+    truck: '<path d="M3 6h11v10H3zM14 10h4l3 3v3h-7"/><circle cx="7" cy="18" r="2"/><circle cx="17" cy="18" r="2"/>',
+    return: '<path d="M4 10h11a5 5 0 0 1 0 10H9"/><path d="m8 6-4 4 4 4"/>',
+    lock: '<rect x="4" y="11" width="16" height="10" rx="2"/><path d="M8 11V7a4 4 0 0 1 8 0v4"/>',
+    chat: '<path d="M21 12a8 8 0 0 1-11.6 7.1L4 20l1.1-4.6A8 8 0 1 1 21 12z"/>',
+    gift: '<rect x="3" y="8" width="18" height="5" rx="1"/><path d="M5 13v8h14v-8M12 8v13M12 8S10 3 7.5 4 9 8 12 8zm0 0s2-5 4.5-4S15 8 12 8z"/>',
+    leaf: '<path d="M5 19c0-9 6-14 15-14 0 9-5 15-14 15"/><path d="M5 19c3-4 6-6 10-8"/>'
+  };
+  return /* @__PURE__ */ e(U, { children: /* @__PURE__ */ e("div", { className: "trust-badges-cq", "data-rk-dbc985": "", children: /* @__PURE__ */ e("ul", { className: ve(["trust-badges", `trust-badges--${r}`, `trust-badges--${i}`, a]), "data-rk-dbc985": "", children: t.map((c, k) => /* @__PURE__ */ n("li", { className: "trust-badge", "data-rk-dbc985": "", children: [
+    /* @__PURE__ */ e("span", { className: "trust-badge__icon", "aria-hidden": "true", "data-rk-dbc985": "", children: /* @__PURE__ */ e("svg", { width: "22", height: "22", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.9", strokeLinecap: "round", strokeLinejoin: "round", "data-rk-dbc985": "", children: /* @__PURE__ */ e("g", { dangerouslySetInnerHTML: { __html: s[c.icon] }, "data-rk-dbc985": "" }) }) }),
+    /* @__PURE__ */ n("span", { className: "trust-badge__text", "data-rk-dbc985": "", children: [
+      /* @__PURE__ */ e("strong", { "data-rk-dbc985": "", children: c.title }),
+      c.text && /* @__PURE__ */ e("span", { "data-rk-dbc985": "", children: c.text })
+    ] })
+  ] }, k)) }) }) });
+}
+function xe(...t) {
+  const r = [], i = (a) => {
+    if (a) {
+      if (typeof a == "string" || typeof a == "number") r.push(String(a));
+      else if (Array.isArray(a)) a.forEach(i);
+      else if (typeof a == "object")
+        for (const [s, c] of Object.entries(a)) c && r.push(s);
+    }
+  };
+  return t.forEach(i), r.join(" ");
+}
+function Se(t) {
+  const r = {};
+  for (const i of String(t ?? "").split(";")) {
+    const a = i.indexOf(":");
+    if (a < 0) continue;
+    const s = i.slice(0, a).trim();
+    s && (r[s.startsWith("--") ? s : s.replace(/-([a-z])/g, (c, k) => k.toUpperCase())] = i.slice(a + 1).trim());
+  }
+  return r;
+}
+function Pe({
+  target: t = "product-grid",
+  id: r = "catalog-filters",
+  categories: i = [
+    { id: "audio", name: "Audio", count: 3 },
+    { id: "wearables", name: "Wearables", count: 2 },
+    { id: "bags", name: "Bags", count: 2 },
+    { id: "home", name: "Home", count: 3 }
+  ],
+  selected: a = [],
+  maxPrice: s = 300,
+  colors: c = [
+    { name: "Graphite", hex: "#2b2b2f" },
+    { name: "Sand", hex: "#d8c3a5" },
+    { name: "Ocean", hex: "#3d6f9e" },
+    { name: "Moss", hex: "#5f7a4e" },
+    { name: "Clay", hex: "#b5654a" }
+  ],
+  currency: k = "USD",
+  locale: p = "en-US",
+  variant: v = "glass",
+  size: N = "md",
+  className: b = ""
+}) {
+  const x = { currency: k, locale: p }, o = V(!1);
+  return R(() => {
+    o.current || (o.current = !0, document.querySelectorAll("form[data-filters]:not([data-bound])").forEach((d) => {
+      d.dataset.bound = "";
+      const f = d.closest("[data-filters-root]"), m = document.getElementById(d.dataset.filters || "");
+      if (!m) return;
+      const l = m, h = l.parentElement, g = h == null ? void 0 : h.querySelector("[data-product-empty]"), y = Array.from(l.querySelectorAll("[data-product]"));
+      y.forEach((M, W) => {
+        M.dataset.index = String(W);
+      });
+      const w = document.getElementById(`${d.id}-sort`), A = d.querySelector("[data-price-out]"), S = f.querySelector("[data-filters-toggle]"), $ = f.querySelector("[data-active-count]"), j = { currency: d.dataset.currency, locale: d.dataset.locale }, _ = d.elements.namedItem("max"), E = Number(_.max), L = new URLSearchParams(window.location.search), C = (L.get("category") || "").split(",").filter(Boolean);
+      C.length && d.querySelectorAll('input[name="category"]').forEach((M) => {
+        M.checked = C.includes(M.value);
+      }), w && L.get("sort") && (w.value = L.get("sort"));
+      function B() {
+        const M = new FormData(d), W = M.getAll("category"), K = M.getAll("color"), G = Number(M.get("max")), Q = Number(M.get("rating") || 0), Z = M.get("stock") === "in";
+        let u = 0;
+        y.forEach((O) => {
+          const z = O.dataset, H = (z.colors || "").split(",").filter(Boolean), P = (!W.length || W.includes(z.category || "")) && Number(z.price) <= G && Number(z.rating) >= Q && (!Z || z.stock === "in") && (!K.length || K.some((Y) => H.includes(Y)));
+          O.hidden = !P, P && u++;
+        });
+        const q = (w == null ? void 0 : w.value) || "featured", I = [...y].sort((O, z) => {
+          const H = O.dataset, P = z.dataset;
+          return q === "price-asc" ? Number(H.price) - Number(P.price) : q === "price-desc" ? Number(P.price) - Number(H.price) : q === "rating" ? Number(P.rating) - Number(H.rating) : q === "name" ? (H.name || "").localeCompare(P.name || "") : Number(H.index) - Number(P.index);
+        });
+        l.append(...I), g && (g.hidden = u > 0), A && (A.textContent = F(G, j)), document.querySelectorAll(`[data-result-count="${l.id}"]`).forEach((O) => {
+          O.textContent = String(u);
+        });
+        const T = W.length + K.length + (G < E ? 1 : 0) + (Q > 0 ? 1 : 0) + (Z ? 1 : 0);
+        $ && ($.hidden = T === 0, $.textContent = String(T));
+        const D = new URL(window.location.href);
+        W.length ? D.searchParams.set("category", W.join(",")) : D.searchParams.delete("category"), q !== "featured" ? D.searchParams.set("sort", q) : D.searchParams.delete("sort"), window.history.replaceState(null, "", D);
+      }
+      d.addEventListener("input", B), d.addEventListener("change", B), d.addEventListener("submit", (M) => {
+        M.preventDefault(), B();
+      }), d.addEventListener("reset", () => window.setTimeout(B, 0)), w == null || w.addEventListener("change", B), S == null || S.addEventListener("click", () => {
+        const M = S.getAttribute("aria-expanded") !== "true";
+        S.setAttribute("aria-expanded", String(M)), f.classList.toggle("is-open", M);
+      }), B();
+    }));
+  }, []), /* @__PURE__ */ e(U, { children: /* @__PURE__ */ n("div", { className: xe(["filters", `filters--${v}`, `filters--${N}`, b]), "data-filters-root": !0, "data-rk-a56ca5": "", children: [
+    /* @__PURE__ */ n("button", { className: "filters__toggle", type: "button", "aria-expanded": "false", "aria-controls": r, "data-filters-toggle": !0, "data-rk-a56ca5": "", children: [
+      /* @__PURE__ */ e("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.2", strokeLinecap: "round", "aria-hidden": "true", "data-rk-a56ca5": "", children: /* @__PURE__ */ e("path", { d: "M4 6h16M7 12h10M10 18h4", "data-rk-a56ca5": "" }) }),
+      "Filters",
+      /* @__PURE__ */ e("span", { className: "filters__active", "data-active-count": !0, hidden: !0, "data-rk-a56ca5": "" })
+    ] }),
+    /* @__PURE__ */ n("form", { className: "filters__form", id: r, "data-filters": t, "data-currency": k, "data-locale": p, "aria-label": "Product filters", "data-rk-a56ca5": "", children: [
+      /* @__PURE__ */ n("fieldset", { className: "filters__group", "data-rk-a56ca5": "", children: [
+        /* @__PURE__ */ e("legend", { "data-rk-a56ca5": "", children: "Category" }),
+        i.map((d, f) => /* @__PURE__ */ n("label", { className: "filters__check", "data-rk-a56ca5": "", children: [
+          /* @__PURE__ */ e("input", { type: "checkbox", name: "category", defaultValue: d.id, defaultChecked: a.includes(d.id), "data-rk-a56ca5": "" }),
+          /* @__PURE__ */ e("span", { className: "filters__box", "aria-hidden": "true", "data-rk-a56ca5": "" }),
+          /* @__PURE__ */ e("span", { className: "filters__label", "data-rk-a56ca5": "", children: d.name }),
+          d.count !== void 0 && /* @__PURE__ */ e("span", { className: "filters__count", "data-rk-a56ca5": "", children: d.count })
+        ] }, f))
+      ] }),
+      /* @__PURE__ */ n("fieldset", { className: "filters__group", "data-rk-a56ca5": "", children: [
+        /* @__PURE__ */ e("legend", { "data-rk-a56ca5": "", children: "Price" }),
+        /* @__PURE__ */ n("label", { className: "filters__range", "data-rk-a56ca5": "", children: [
+          /* @__PURE__ */ n("span", { className: "filters__range-head", "data-rk-a56ca5": "", children: [
+            /* @__PURE__ */ e("span", { "data-rk-a56ca5": "", children: "Up to" }),
+            /* @__PURE__ */ e("output", { "data-price-out": !0, "data-rk-a56ca5": "", children: F(s, x) })
+          ] }),
+          /* @__PURE__ */ e("input", { type: "range", name: "max", min: "0", max: s, step: "5", defaultValue: s, "aria-label": "Maximum price", "data-rk-a56ca5": "" }),
+          /* @__PURE__ */ n("span", { className: "filters__range-scale", "aria-hidden": "true", "data-rk-a56ca5": "", children: [
+            /* @__PURE__ */ e("span", { "data-rk-a56ca5": "", children: F(0, x) }),
+            /* @__PURE__ */ e("span", { "data-rk-a56ca5": "", children: F(s, x) })
+          ] })
+        ] })
+      ] }),
+      c.length > 0 && /* @__PURE__ */ n("fieldset", { className: "filters__group", "data-rk-a56ca5": "", children: [
+        /* @__PURE__ */ e("legend", { "data-rk-a56ca5": "", children: "Colour" }),
+        /* @__PURE__ */ e("div", { className: "filters__swatches", "data-rk-a56ca5": "", children: c.map((d, f) => /* @__PURE__ */ n("label", { className: "filters__swatch", style: Se(`--sw: ${d.hex}`), "data-rk-a56ca5": "", children: [
+          /* @__PURE__ */ e("input", { type: "checkbox", name: "color", defaultValue: d.name.toLowerCase(), "data-rk-a56ca5": "" }),
+          /* @__PURE__ */ e("span", { className: "filters__swatch-dot", "aria-hidden": "true", "data-rk-a56ca5": "" }),
+          /* @__PURE__ */ e("span", { className: "sr-only", "data-rk-a56ca5": "", children: d.name })
+        ] }, f)) })
+      ] }),
+      /* @__PURE__ */ n("fieldset", { className: "filters__group", "data-rk-a56ca5": "", children: [
+        /* @__PURE__ */ e("legend", { "data-rk-a56ca5": "", children: "Rating" }),
+        [["0", "Any rating"], ["4.5", "4.5 ★ & up"], ["4", "4 ★ & up"]].map(([d, f], m) => /* @__PURE__ */ n("label", { className: "filters__check filters__check--radio", "data-rk-a56ca5": "", children: [
+          /* @__PURE__ */ e("input", { type: "radio", name: "rating", defaultValue: d, defaultChecked: m === 0, "data-rk-a56ca5": "" }),
+          /* @__PURE__ */ e("span", { className: "filters__box", "aria-hidden": "true", "data-rk-a56ca5": "" }),
+          /* @__PURE__ */ e("span", { className: "filters__label", "data-rk-a56ca5": "", children: f })
+        ] }, m))
+      ] }),
+      /* @__PURE__ */ n("fieldset", { className: "filters__group", "data-rk-a56ca5": "", children: [
+        /* @__PURE__ */ e("legend", { className: "sr-only", "data-rk-a56ca5": "", children: "Availability" }),
+        /* @__PURE__ */ n("label", { className: "filters__switch", "data-rk-a56ca5": "", children: [
+          /* @__PURE__ */ e("span", { "data-rk-a56ca5": "", children: "In stock only" }),
+          /* @__PURE__ */ e("input", { type: "checkbox", name: "stock", defaultValue: "in", role: "switch", "data-rk-a56ca5": "" }),
+          /* @__PURE__ */ e("span", { className: "filters__track", "aria-hidden": "true", "data-rk-a56ca5": "" })
+        ] })
+      ] }),
+      /* @__PURE__ */ e("button", { className: "filters__reset", type: "reset", "data-rk-a56ca5": "", children: "Clear all filters" })
+    ] })
+  ] }) });
+}
+function Ae(...t) {
+  const r = [], i = (a) => {
+    if (a) {
+      if (typeof a == "string" || typeof a == "number") r.push(String(a));
+      else if (Array.isArray(a)) a.forEach(i);
+      else if (typeof a == "object")
+        for (const [s, c] of Object.entries(a)) c && r.push(s);
+    }
+  };
+  return t.forEach(i), r.join(" ");
+}
+function Ve({
+  title: t = "All products",
+  description: r,
+  total: i = 0,
+  target: a = "product-grid",
+  filtersId: s = "catalog-filters",
+  sortOptions: c = [
+    { label: "Featured", value: "featured" },
+    { label: "Price: low to high", value: "price-asc" },
+    { label: "Price: high to low", value: "price-desc" },
+    { label: "Top rated", value: "rating" },
+    { label: "Name A–Z", value: "name" }
+  ],
+  countLabel: k = "products",
+  headingLevel: p = "h1",
+  variant: v = "split",
+  className: N = ""
+}) {
+  const b = p;
+  return /* @__PURE__ */ e(U, { children: /* @__PURE__ */ e("div", { className: "p-toolbar-cq", "data-rk-e742d8": "", children: /* @__PURE__ */ n("div", { className: Ae(["p-toolbar", `p-toolbar--${v}`, N]), "data-rk-e742d8": "", children: [
+    /* @__PURE__ */ n("div", { className: "p-toolbar__text", "data-rk-e742d8": "", children: [
+      /* @__PURE__ */ e(b, { className: "p-toolbar__title", "data-rk-e742d8": "", children: t }),
+      r && /* @__PURE__ */ e("p", { className: "p-toolbar__desc", "data-rk-e742d8": "", children: r }),
+      /* @__PURE__ */ n("p", { className: "p-toolbar__count", "aria-live": "polite", "data-rk-e742d8": "", children: [
+        /* @__PURE__ */ e("span", { "data-result-count": a, "data-rk-e742d8": "", children: i }),
+        " ",
+        k
+      ] })
+    ] }),
+    /* @__PURE__ */ e("div", { className: "p-toolbar__sort", "data-rk-e742d8": "", children: /* @__PURE__ */ e(ce, { label: "Sort by", id: `${s}-sort`, name: "sort", options: c }) })
+  ] }) }) });
+}
+function ee(...t) {
+  const r = [], i = (a) => {
+    if (a) {
+      if (typeof a == "string" || typeof a == "number") r.push(String(a));
+      else if (Array.isArray(a)) a.forEach(i);
+      else if (typeof a == "object")
+        for (const [s, c] of Object.entries(a)) c && r.push(s);
+    }
+  };
+  return t.forEach(i), r.join(" ");
+}
+function ie(t) {
+  const r = {};
+  for (const i of String(t ?? "").split(";")) {
+    const a = i.indexOf(":");
+    if (a < 0) continue;
+    const s = i.slice(0, a).trim();
+    s && (r[s.startsWith("--") ? s : s.replace(/-([a-z])/g, (c, k) => k.toUpperCase())] = i.slice(a + 1).trim());
+  }
+  return r;
+}
+function Re({
+  images: t = [],
+  alt: r = "Product photo",
+  icon: i = "headphones",
+  hue: a = 38,
+  views: s = 4,
+  layout: c = "side",
+  size: k = "md",
+  className: p = ""
+}) {
+  const v = Array.from({ length: Math.min(5, Math.max(2, s)) }, (o, d) => ({
+    hue: (a + d * 18) % 360,
+    variant: d % 2 === 0 ? "glow" : "soft",
+    turn: [0, -14, 12, -4, 20][d] ?? 0,
+    zoom: [1, 1.18, 0.92, 1.3, 1.05][d] ?? 1
+  })), N = t.length ? t.map((o, d) => ({ src: o, label: `${r} ${d + 1}` })) : v.map((o, d) => ({ ...o, label: `View ${d + 1}` })), b = k === "sm" ? "1 / 1" : k === "lg" ? "4 / 5" : "5 / 5.4", x = V(!1);
+  return R(() => {
+    x.current || (x.current = !0, document.querySelectorAll("[data-gallery]:not([data-bound])").forEach((o) => {
+      o.dataset.bound = "";
+      const d = Array.from(o.querySelectorAll("[data-slide]")), f = Array.from(o.querySelectorAll("[data-thumb]")), m = (l, h = !1) => {
+        var g;
+        d.forEach((y, w) => {
+          y.hidden = w !== l, y.classList.toggle("is-active", w === l);
+        }), f.forEach((y, w) => y.setAttribute("aria-pressed", String(w === l))), h && ((g = f[l]) == null || g.focus());
+      };
+      f.forEach((l, h) => {
+        l.addEventListener("click", () => m(h)), l.addEventListener("keydown", (g) => {
+          const y = { ArrowRight: 1, ArrowDown: 1, ArrowLeft: -1, ArrowUp: -1 };
+          g.key in y && (g.preventDefault(), m((h + y[g.key] + f.length) % f.length, !0));
+        });
+      });
+    }));
+  }, []), /* @__PURE__ */ e(U, { children: /* @__PURE__ */ e("div", { className: "p-gallery-cq", "data-rk-60f127": "", children: /* @__PURE__ */ n("div", { className: ee(["p-gallery", `p-gallery--${c}`, `p-gallery--${k}`, p]), "data-gallery": !0, "data-rk-60f127": "", children: [
+    /* @__PURE__ */ e("div", { className: "p-gallery__stage", "aria-live": "polite", "data-rk-60f127": "", children: N.map((o, d) => /* @__PURE__ */ n("div", { className: ee(["p-gallery__slide", { "is-active": d === 0 }]), "data-slide": !0, hidden: d !== 0, style: ie(o.turn !== void 0 ? `--turn: ${o.turn}deg; --zoom: ${o.zoom}` : ""), "data-rk-60f127": "", children: [
+      o.src ? /* @__PURE__ */ e(J, { image: o.src, alt: o.label, ratio: b }) : /* @__PURE__ */ e(J, { icon: i, hue: o.hue, variant: o.variant, ratio: b, size: "lg" }),
+      /* @__PURE__ */ n("span", { className: "sr-only", "data-rk-60f127": "", children: [
+        o.label,
+        " of ",
+        N.length
+      ] })
+    ] }, d)) }),
+    /* @__PURE__ */ e("div", { className: "p-gallery__thumbs", role: "group", "aria-label": "Product views", "data-rk-60f127": "", children: N.map((o, d) => /* @__PURE__ */ e("button", { className: ee(["p-gallery__thumb"]), type: "button", "aria-pressed": d === 0 ? "true" : "false", "aria-label": `Show ${o.label}`, "data-thumb": d, style: ie(o.turn !== void 0 ? `--turn: ${o.turn}deg; --zoom: ${o.zoom}` : ""), "data-rk-60f127": "", children: o.src ? /* @__PURE__ */ e(J, { image: o.src, alt: "", ratio: "1 / 1" }) : /* @__PURE__ */ e(J, { icon: i, hue: o.hue, variant: o.variant, ratio: "1 / 1", size: "sm" }) }, d)) })
+  ] }) }) });
+}
+function Ee(...t) {
+  const r = [], i = (a) => {
+    if (a) {
+      if (typeof a == "string" || typeof a == "number") r.push(String(a));
+      else if (Array.isArray(a)) a.forEach(i);
+      else if (typeof a == "object")
+        for (const [s, c] of Object.entries(a)) c && r.push(s);
+    }
+  };
+  return t.forEach(i), r.join(" ");
+}
+function Je({
+  product: t = {
+    slug: "aurora-headphones",
+    name: "Aurora Wireless Headphones",
+    price: 189,
+    compareAt: 229,
+    category: "audio",
+    rating: 4.8,
+    reviews: 312,
+    badge: "Bestseller",
+    badgeVariant: "warning",
+    colors: [{ name: "Graphite", hex: "#2b2b2f" }, { name: "Sand", hex: "#d8c3a5" }, { name: "Ocean", hex: "#3d6f9e" }],
+    icon: "headphones",
+    hue: 38,
+    description: "Adaptive noise cancelling, 40-hour battery and memory-foam cushions that disappear after five minutes. Tuned in-house for a warm, detailed sound.",
+    inStock: !0
+  },
+  categoryLabel: r = "Audio",
+  checkoutHref: i = "#",
+  details: a = [
+    { title: "Features", body: "Hybrid ANC with transparency mode · Bluetooth 5.4 multipoint · USB-C fast charge (10 min = 5 h) · Foldable aluminium frame." },
+    { title: "Shipping & returns", body: "Free standard shipping over $75, delivered in 2–4 business days. Return anything within 30 days for a full refund." },
+    { title: "Warranty", body: "Two-year limited warranty covering manufacturing defects, with free repair or replacement." }
+  ],
+  currency: s = "USD",
+  locale: c = "en-US",
+  cartKey: k = "ack-cart",
+  id: p = "buy-box",
+  variant: v = "plain",
+  size: N = "md",
+  className: b = ""
+}) {
+  const x = { currency: s, locale: c }, o = t.inStock !== !1, d = t.compareAt ? Math.round((1 - t.price / t.compareAt) * 100) : 0, f = JSON.stringify({ id: t.slug, name: t.name, price: t.price, icon: t.icon, hue: t.hue, image: t.image }), m = `${p}-add`, l = V(!1);
+  return R(() => {
+    l.current || (l.current = !0, se(document), document.querySelectorAll("[data-buy-now]").forEach((h) => {
+      h.addEventListener("click", (g) => {
+        const y = document.getElementById(h.dataset.buyNow || "");
+        !y || y.disabled || (g.preventDefault(), y.dataset.openCart = "false", y.click(), window.location.href = h.href);
+      });
+    }));
+  }, []), /* @__PURE__ */ e(U, { children: /* @__PURE__ */ n("div", { className: Ee(["buy-box", `buy-box--${v}`, `buy-box--${N}`, b]), "data-rk-ed869a": "", children: [
+    /* @__PURE__ */ n("div", { className: "buy-box__top", "data-rk-ed869a": "", children: [
+      r && /* @__PURE__ */ e("p", { className: "buy-box__cat", "data-rk-ed869a": "", children: r }),
+      t.badge && /* @__PURE__ */ e(oe, { variant: t.badgeVariant ?? "default", children: t.badge })
+    ] }),
+    /* @__PURE__ */ e("h1", { className: "buy-box__title", "data-rk-ed869a": "", children: t.name }),
+    t.rating !== void 0 && /* @__PURE__ */ e("a", { className: "buy-box__rating", href: "#reviews", "data-rk-ed869a": "", children: /* @__PURE__ */ e(te, { value: t.rating, count: t.reviews, size: "md" }) }),
+    /* @__PURE__ */ n("p", { className: "buy-box__price", "data-rk-ed869a": "", children: [
+      /* @__PURE__ */ e("span", { className: "buy-box__now", "data-rk-ed869a": "", children: F(t.price, x) }),
+      t.compareAt && /* @__PURE__ */ n("s", { className: "buy-box__was", "data-rk-ed869a": "", children: [
+        /* @__PURE__ */ e("span", { className: "sr-only", "data-rk-ed869a": "", children: "Was " }),
+        F(t.compareAt, x)
+      ] }),
+      d > 0 && /* @__PURE__ */ n("span", { className: "buy-box__save", "data-rk-ed869a": "", children: [
+        "Save ",
+        d,
+        "%"
+      ] })
+    ] }),
+    t.description && /* @__PURE__ */ e("p", { className: "buy-box__desc", "data-rk-ed869a": "", children: t.description }),
+    /* @__PURE__ */ n("div", { className: "buy-box__pickers", "data-rk-ed869a": "", children: [
+      t.colors && t.colors.length > 0 && /* @__PURE__ */ e(re, { label: "Colour", name: `${p}-color`, type: "swatch", target: m, options: t.colors.map((h) => ({ label: h.name, hex: h.hex })) }),
+      t.sizes && t.sizes.length > 0 && /* @__PURE__ */ e(re, { label: "Size", name: `${p}-size`, type: "pill", target: m, options: t.sizes.map((h) => ({ label: h })) })
+    ] }),
+    /* @__PURE__ */ n("div", { className: "buy-box__actions", "data-rk-ed869a": "", children: [
+      /* @__PURE__ */ e(le, { id: `${p}-qty`, name: "qty", value: 1, min: 1, max: 10 }),
+      /* @__PURE__ */ n("button", { className: "buy-box__add", id: m, type: "button", "data-add-to-cart": f, "data-cart-key": k, "data-qty-from": `${p}-qty`, "data-added-label": "Added to cart", disabled: !o, "data-rk-ed869a": "", children: [
+        /* @__PURE__ */ n("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", "data-rk-ed869a": "", children: [
+          /* @__PURE__ */ e("path", { d: "M6 7h12l-1 13H7z", "data-rk-ed869a": "" }),
+          /* @__PURE__ */ e("path", { d: "M9 7V6a3 3 0 0 1 6 0v1", "data-rk-ed869a": "" })
+        ] }),
+        /* @__PURE__ */ e("span", { "data-label": !0, "data-rk-ed869a": "", children: o ? "Add to cart" : "Sold out" })
+      ] })
+    ] }),
+    o && /* @__PURE__ */ e("a", { className: "buy-box__buy", href: i, "data-buy-now": m, "data-rk-ed869a": "", children: "Buy now" }),
+    o && t.stock !== void 0 && t.stock <= 5 ? /* @__PURE__ */ e(he, { stock: t.stock, viewers: 8 + (t.reviews ?? 0) % 17 }) : /* @__PURE__ */ n("p", { className: "buy-box__stock", "data-in": o ? "" : void 0, "data-rk-ed869a": "", children: [
+      /* @__PURE__ */ e("span", { "aria-hidden": "true", "data-rk-ed869a": "" }),
+      o ? "In stock — ships in 24 hours" : "Out of stock — back soon"
+    ] }),
+    /* @__PURE__ */ e(Ne, { variant: "inline", size: "sm", items: [
+      { icon: "truck", title: "Free shipping", text: "Over $75" },
+      { icon: "return", title: "30-day returns", text: "Free & easy" }
+    ] }),
+    a.length > 0 && /* @__PURE__ */ e("div", { className: "buy-box__details", "data-rk-ed869a": "", children: a.map((h, g) => /* @__PURE__ */ n("details", { open: g === 0, "data-rk-ed869a": "", children: [
+      /* @__PURE__ */ e("summary", { "data-rk-ed869a": "", children: h.title }),
+      /* @__PURE__ */ e("p", { "data-rk-ed869a": "", children: h.body })
+    ] }, g)) })
+  ] }) });
+}
+function Le(...t) {
+  const r = [], i = (a) => {
+    if (a) {
+      if (typeof a == "string" || typeof a == "number") r.push(String(a));
+      else if (Array.isArray(a)) a.forEach(i);
+      else if (typeof a == "object")
+        for (const [s, c] of Object.entries(a)) c && r.push(s);
+    }
+  };
+  return t.forEach(i), r.join(" ");
+}
+function $e(t) {
+  const r = {};
+  for (const i of String(t ?? "").split(";")) {
+    const a = i.indexOf(":");
+    if (a < 0) continue;
+    const s = i.slice(0, a).trim();
+    s && (r[s.startsWith("--") ? s : s.replace(/-([a-z])/g, (c, k) => k.toUpperCase())] = i.slice(a + 1).trim());
+  }
+  return r;
+}
+function Ge({
+  items: t = [
+    { name: "Lucía", city: "Madrid", product: "Aurora Wireless Headphones", icon: "headphones", hue: 38, ago: "2 min ago" },
+    { name: "Tom", city: "Berlin", product: "Trail 24L Backpack", icon: "backpack", hue: 150, ago: "6 min ago" },
+    { name: "Aiko", city: "Osaka", product: "Orbit Smart Watch", icon: "watch", hue: 205, ago: "11 min ago" }
+  ],
+  verb: r = "just bought",
+  interval: i = 9e3,
+  visibleFor: a = 5e3,
+  delay: s = 4e3,
+  position: c = "bottom-left",
+  storageKey: k = "ack-activity-off",
+  demo: p = !1,
+  variant: v = "glass",
+  className: N = ""
+}) {
+  const b = t[0], x = V(!1);
+  return R(() => {
+    x.current || (x.current = !0, document.querySelectorAll("[data-live-activity]:not([data-bound])").forEach((o) => {
+      var C;
+      o.dataset.bound = "";
+      const d = o.dataset.key || "ack-activity-off";
+      try {
+        if (window.sessionStorage.getItem(d)) return;
+      } catch {
+      }
+      let f = [];
+      try {
+        f = JSON.parse(o.dataset.liveActivity || "[]");
+      } catch {
+        return;
+      }
+      if (!f.length) return;
+      const m = (B) => o.querySelector(B), l = m("[data-media]"), h = m("[data-link]"), g = o.dataset.verb || "just bought", y = Number(o.dataset.interval) || 9e3, w = Number(o.dataset.visible) || 5e3;
+      let A = 0, S = !1, $ = !1, j = 0;
+      function _(B) {
+        m("[data-who]").textContent = B.name, m("[data-city]").textContent = `in ${B.city}`, m("[data-product]").textContent = B.product, m("[data-ago]").textContent = B.ago, h && (h.href = B.href || "#"), l && (l.style.setProperty("--h", String(B.hue ?? 40)), l.innerHTML = `<svg viewBox="0 0 64 64" fill="none" stroke="currentColor" stroke-width="2.6" stroke-linecap="round" stroke-linejoin="round">${ae(B.icon)}</svg>`);
+        const M = m(".live-activity__line");
+        M && M.lastChild && (M.lastChild.textContent = ` ${g}`);
+      }
+      function E() {
+        if (!$) {
+          if (S || document.hidden) {
+            window.setTimeout(E, 1500);
+            return;
+          }
+          _(f[A % f.length]), A++, o.hidden = !1, requestAnimationFrame(() => o.classList.add("is-visible")), j = window.setTimeout(L, w);
+        }
+      }
+      function L() {
+        if (S) {
+          j = window.setTimeout(L, 1e3);
+          return;
+        }
+        o.classList.remove("is-visible"), window.setTimeout(() => {
+          o.hidden = !0;
+        }, 300), window.setTimeout(E, Math.max(1e3, y - w));
+      }
+      o.addEventListener("mouseenter", () => {
+        S = !0;
+      }), o.addEventListener("mouseleave", () => {
+        S = !1;
+      }), o.addEventListener("focusin", () => {
+        S = !0;
+      }), o.addEventListener("focusout", () => {
+        S = !1;
+      }), (C = m("[data-close]")) == null || C.addEventListener("click", () => {
+        $ = !0, window.clearTimeout(j), o.classList.remove("is-visible"), o.hidden = !0;
+        try {
+          window.sessionStorage.setItem(d, "1");
+        } catch {
+        }
+      }), window.setTimeout(E, Number(o.dataset.delay) || 4e3);
+    }));
+  }, []), /* @__PURE__ */ e(U, { children: /* @__PURE__ */ e("div", { className: Le(["live-activity", `live-activity--${c}`, `live-activity--${v}`, { "live-activity--demo is-visible": p }, N]), "aria-live": "off", "data-live-activity": p ? void 0 : JSON.stringify(t), "data-verb": r, "data-interval": i, "data-visible": a, "data-delay": s, "data-key": k, hidden: !p, "data-rk-3695c2": "", children: b && /* @__PURE__ */ n(U, { children: [
+    /* @__PURE__ */ e("span", { className: "live-activity__media", style: $e(`--h: ${b.hue ?? 40}`), "aria-hidden": "true", "data-media": !0, "data-rk-3695c2": "", children: /* @__PURE__ */ e("svg", { viewBox: "0 0 64 64", fill: "none", stroke: "currentColor", strokeWidth: "2.6", strokeLinecap: "round", strokeLinejoin: "round", "data-rk-3695c2": "", children: /* @__PURE__ */ e("g", { dangerouslySetInnerHTML: { __html: ae(b.icon) }, "data-rk-3695c2": "" }) }) }),
+    /* @__PURE__ */ n("a", { className: "live-activity__body", href: b.href ?? "#", "data-link": !0, "data-rk-3695c2": "", children: [
+      /* @__PURE__ */ n("span", { className: "live-activity__line", "data-rk-3695c2": "", children: [
+        /* @__PURE__ */ e("strong", { "data-who": !0, "data-rk-3695c2": "", children: b.name }),
+        " ",
+        /* @__PURE__ */ n("span", { "data-city": !0, "data-rk-3695c2": "", children: [
+          "in ",
+          b.city
+        ] }),
+        " ",
+        r
+      ] }),
+      /* @__PURE__ */ e("span", { className: "live-activity__product", "data-product": !0, "data-rk-3695c2": "", children: b.product }),
+      /* @__PURE__ */ n("span", { className: "live-activity__ago", "data-rk-3695c2": "", children: [
+        /* @__PURE__ */ e("span", { className: "live-activity__dot", "aria-hidden": "true", "data-rk-3695c2": "" }),
+        /* @__PURE__ */ e("span", { "data-ago": !0, "data-rk-3695c2": "", children: b.ago }),
+        " · Verified"
+      ] })
+    ] }),
+    /* @__PURE__ */ e("button", { className: "live-activity__close", type: "button", "aria-label": "Stop showing purchase notifications", "data-close": !0, "data-rk-3695c2": "", children: "×" })
+  ] }) }) });
+}
+function Ce(...t) {
+  const r = [], i = (a) => {
+    if (a) {
+      if (typeof a == "string" || typeof a == "number") r.push(String(a));
+      else if (Array.isArray(a)) a.forEach(i);
+      else if (typeof a == "object")
+        for (const [s, c] of Object.entries(a)) c && r.push(s);
+    }
+  };
+  return t.forEach(i), r.join(" ");
+}
+function Ye({
+  endsAt: t,
+  hours: r = 48,
+  eyebrow: i = "Flash sale",
+  title: a = "Up to 30% off the Storm collection",
+  text: s = "Waterproof shells, insulated layers and accessories. While stock lasts.",
+  cta: c = { label: "Shop the sale", href: "#" },
+  endedText: k = "This offer has ended — new deals every Friday.",
+  storageKey: p = "ack-countdown",
+  variant: v = "glow",
+  size: N = "md",
+  className: b = ""
+}) {
+  const x = [
+    { key: "d", label: "Days" },
+    { key: "h", label: "Hours" },
+    { key: "m", label: "Minutes" },
+    { key: "s", label: "Seconds" }
+  ], o = V(!1);
+  return R(() => {
+    o.current || (o.current = !0, document.querySelectorAll("[data-countdown]:not([data-bound])").forEach((d) => {
+      d.dataset.bound = "";
+      let f = d.dataset.ends ? Date.parse(d.dataset.ends) : NaN;
+      if (Number.isNaN(f)) {
+        const $ = d.dataset.key || "ack-countdown", j = (Number(d.dataset.hours) || 48) * 36e5;
+        try {
+          const _ = Number(window.localStorage.getItem($));
+          f = _ && _ > Date.now() ? _ : Date.now() + j, window.localStorage.setItem($, String(f));
+        } catch {
+          f = Date.now() + j;
+        }
+      }
+      const m = Object.fromEntries(Array.from(d.querySelectorAll("[data-unit]")).map(($) => [$.dataset.unit, $])), l = d.querySelector("[data-sr]"), h = d.querySelector("[data-ended]"), g = d.querySelector("[data-clock]");
+      let y = -1, w = 0;
+      const A = ($) => String($).padStart(2, "0");
+      function S() {
+        const $ = Math.max(0, f - Date.now()), j = Math.floor($ / 1e3), _ = { d: Math.floor(j / 86400), h: Math.floor(j % 86400 / 3600), m: Math.floor(j % 3600 / 60), s: j % 60 };
+        Object.keys(_).forEach((L) => {
+          const C = m[L], B = A(_[L]);
+          C && C.textContent !== B && (C.textContent = B, C.classList.remove("is-tick"), C.offsetWidth, C.classList.add("is-tick"));
+        });
+        const E = Math.floor(j / 60);
+        l && E !== y && (y = E, l.textContent = `Offer ends in ${_.d} days, ${_.h} hours and ${_.m} minutes.`), $ === 0 && (window.clearInterval(w), d.classList.add("is-ended"), h && (h.hidden = !1), g && (g.hidden = !0), l && (l.textContent = (h == null ? void 0 : h.textContent) || "Offer ended."));
+      }
+      S(), w = window.setInterval(S, 1e3);
+    }));
+  }, []), /* @__PURE__ */ e(U, { children: /* @__PURE__ */ e("section", { className: Ce(["countdown", `countdown--${v}`, `countdown--${N}`, b]), "data-countdown": !0, "data-ends": t, "data-hours": r, "data-key": p, "aria-label": a, "data-rk-a26cb5": "", children: /* @__PURE__ */ n("div", { className: "countdown__inner", "data-rk-a26cb5": "", children: [
+    /* @__PURE__ */ n("div", { className: "countdown__copy", "data-rk-a26cb5": "", children: [
+      i && /* @__PURE__ */ n("p", { className: "countdown__eyebrow", "data-rk-a26cb5": "", children: [
+        /* @__PURE__ */ e("span", { "aria-hidden": "true", "data-rk-a26cb5": "" }),
+        i
+      ] }),
+      /* @__PURE__ */ e("h2", { className: "countdown__title", "data-rk-a26cb5": "", children: a }),
+      s && /* @__PURE__ */ e("p", { className: "countdown__text", "data-live-text": !0, "data-rk-a26cb5": "", children: s }),
+      /* @__PURE__ */ e("p", { className: "countdown__ended", "data-ended": !0, hidden: !0, "data-rk-a26cb5": "", children: k })
+    ] }),
+    /* @__PURE__ */ n("div", { className: "countdown__side", "data-rk-a26cb5": "", children: [
+      /* @__PURE__ */ e("div", { className: "countdown__clock", "aria-hidden": "true", "data-clock": !0, "data-rk-a26cb5": "", children: x.map((d, f) => /* @__PURE__ */ n("div", { className: "countdown__unit", "data-rk-a26cb5": "", children: [
+        /* @__PURE__ */ e("span", { className: "countdown__num", "data-unit": d.key, "data-rk-a26cb5": "", children: "00" }),
+        /* @__PURE__ */ e("span", { className: "countdown__label", "data-rk-a26cb5": "", children: d.label })
+      ] }, f)) }),
+      /* @__PURE__ */ e("p", { className: "sr-only", "aria-live": "polite", "data-sr": !0, "data-rk-a26cb5": "" }),
+      c && /* @__PURE__ */ e("a", { className: "countdown__cta", href: c.href, "data-rk-a26cb5": "", children: c.label })
+    ] })
+  ] }) }) });
+}
+export {
+  De as C,
+  Pe as F,
+  Ge as L,
+  Je as P,
+  Ue as S,
+  Ne as T,
+  Fe as a,
+  Ye as b,
+  Re as c,
+  ze as d,
+  Ve as e,
+  Ie as f,
+  He as g,
+  me as h
+};