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

package/dist/templates/ecommerce.js

@@ -0,0 +1,556 @@
+"use client";
+import { jsx as e, Fragment as C, jsxs as c } from "react/jsx-runtime";
+import { useRef as H, useEffect as F } from "react";
+/* empty css                        */
+import { f as V, S as O, C as W, L as z, g as q, T as D, a as U, d as L, b as j, e as G, F as J, c as X, P as Y } from "../chunks/CountdownBanner-CcpsvvE8.js";
+import { F as Q } from "../chunks/FooterMegaSection-DG1qtKuZ.js";
+import { C as Z, a as ee, O as ae } from "../chunks/CartToast-UIJFD2CK.js";
+import { P as re, a as M } from "../chunks/cart-store-u-ScUvte.js";
+import { L as te, C as ie } from "../chunks/CtaNewsletterSection-Cl3fLVpQ.js";
+import { S as ce } from "../chunks/StepBreadcrumbBar-BGXvx5NX.js";
+const B = {
+  home: "/",
+  shop: "/shop/",
+  product: "/product/",
+  checkout: "/checkout/"
+}, n = {
+  graphite: { name: "Graphite", hex: "#2b2b2f" },
+  sand: { name: "Sand", hex: "#d8c3a5" },
+  ocean: { name: "Ocean", hex: "#3d6f9e" },
+  moss: { name: "Moss", hex: "#5f7a4e" },
+  clay: { name: "Slate", hex: "#64748b" },
+  snow: { name: "Snow", hex: "#e9e9ea" }
+}, T = {
+  name: "Nova Store",
+  tagline: "Considered gear for everyday life. Designed in small batches, built to last.",
+  currency: "USD",
+  locale: "en-US",
+  cartKey: "nova-cart",
+  freeShippingThreshold: 75,
+  taxRate: 0.08,
+  promoCodes: { REACT10: 10, WELCOME15: 15 },
+  promoMessages: [
+    "Free shipping on orders over $75",
+    "Use code REACT10 for 10% off your first order",
+    "30-day free returns on everything"
+  ],
+  shippingRates: [
+    { id: "standard", label: "Standard", eta: "3–5 business days", price: 6 },
+    { id: "express", label: "Express", eta: "1–2 business days", price: 14 },
+    { id: "pickup", label: "Store pickup", eta: "Ready in 2 hours", price: 0 }
+  ],
+  categories: [
+    { id: "audio", name: "Audio", description: "Headphones and speakers tuned for warm, detailed sound.", icon: "headphones", hue: 207 },
+    { id: "wearables", name: "Wearables", description: "Watches and eyewear that keep up with your day.", icon: "watch", hue: 228 },
+    { id: "bags", name: "Bags", description: "Backpacks and totes for commutes and weekends.", icon: "backpack", hue: 222 },
+    { id: "home", name: "Home", description: "Lamps, mugs and planters for calmer spaces.", icon: "lamp", hue: 196 },
+    { id: "apparel", name: "Apparel", description: "Layers and sneakers made from better materials.", icon: "jacket", hue: 232 }
+  ],
+  products: [
+    {
+      slug: "aurora-headphones",
+      name: "Aurora Wireless Headphones",
+      price: 189,
+      compareAt: 229,
+      category: "audio",
+      rating: 4.8,
+      reviews: 312,
+      badge: "Bestseller",
+      badgeVariant: "warning",
+      icon: "headphones",
+      hue: 207,
+      colors: [n.graphite, n.sand, n.ocean],
+      inStock: !0,
+      stock: 4,
+      description: "Adaptive noise cancelling, 40-hour battery and memory-foam cushions that disappear after five minutes. Tuned in-house for a warm, detailed sound."
+    },
+    {
+      slug: "pulse-speaker",
+      name: "Pulse Portable Speaker",
+      price: 129,
+      category: "audio",
+      rating: 4.6,
+      reviews: 184,
+      badge: "New",
+      badgeVariant: "info",
+      icon: "speaker",
+      hue: 230,
+      colors: [n.graphite, n.clay, n.moss],
+      inStock: !0,
+      description: "360° sound in a waterproof aluminium shell. 20 hours of playback and a strap that clips to anything."
+    },
+    {
+      slug: "orbit-watch",
+      name: "Orbit Smart Watch",
+      price: 249,
+      category: "wearables",
+      rating: 4.7,
+      reviews: 226,
+      badge: "New",
+      badgeVariant: "info",
+      icon: "watch",
+      hue: 228,
+      colors: [n.graphite, n.snow, n.ocean, n.clay, n.moss],
+      inStock: !0,
+      stock: 2,
+      description: "Sapphire glass, seven-day battery and health tracking that stays out of your way until you need it."
+    },
+    {
+      slug: "solace-sunglasses",
+      name: "Solace Polarised Sunglasses",
+      price: 139,
+      category: "wearables",
+      rating: 4.5,
+      reviews: 98,
+      icon: "sunglasses",
+      hue: 194,
+      colors: [n.graphite, n.sand],
+      inStock: !0,
+      description: "Hand-polished acetate frames with polarised, UV400 lenses and a lifetime hinge warranty."
+    },
+    {
+      slug: "trail-backpack",
+      name: "Trail 24L Backpack",
+      price: 119,
+      category: "bags",
+      rating: 4.9,
+      reviews: 402,
+      badge: "Bestseller",
+      badgeVariant: "warning",
+      icon: "backpack",
+      hue: 222,
+      colors: [n.moss, n.graphite, n.sand],
+      inStock: !0,
+      description: 'Recycled ripstop, a padded 16" laptop sleeve and a clamshell opening that packs like a suitcase.'
+    },
+    {
+      slug: "city-tote",
+      name: "City Canvas Tote",
+      price: 69,
+      compareAt: 89,
+      category: "bags",
+      rating: 4.4,
+      reviews: 76,
+      badge: "-22%",
+      badgeVariant: "danger",
+      icon: "bag",
+      hue: 203,
+      colors: [n.sand, n.graphite],
+      inStock: !0,
+      description: "Waxed organic canvas with leather handles and an inner zip pocket. Gets better with age."
+    },
+    {
+      slug: "halo-lamp",
+      name: "Halo Desk Lamp",
+      price: 89,
+      category: "home",
+      rating: 4.6,
+      reviews: 143,
+      icon: "lamp",
+      hue: 211,
+      colors: [n.snow, n.graphite, n.clay],
+      inStock: !0,
+      description: "Dimmable, flicker-free light with a warm-to-cool range and a touch strip on the base."
+    },
+    {
+      slug: "ember-mug",
+      name: "Ember Stoneware Mug",
+      price: 34,
+      category: "home",
+      rating: 4.8,
+      reviews: 268,
+      icon: "mug",
+      hue: 190,
+      colors: [n.clay, n.snow, n.ocean],
+      inStock: !0,
+      description: "Hand-thrown stoneware, 350 ml, dishwasher and microwave safe. Every glaze is slightly unique."
+    },
+    {
+      slug: "fern-planter",
+      name: "Fern Ceramic Planter",
+      price: 42,
+      category: "home",
+      rating: 4.3,
+      reviews: 51,
+      icon: "plant",
+      hue: 219,
+      colors: [n.snow, n.moss],
+      inStock: !0,
+      description: "Matte ceramic planter with a hidden drainage tray, sized for 15 cm pots."
+    },
+    {
+      slug: "nomad-bottle",
+      name: "Nomad Insulated Bottle",
+      price: 39,
+      category: "home",
+      rating: 4.7,
+      reviews: 189,
+      icon: "bottle",
+      hue: 224,
+      colors: [n.ocean, n.graphite, n.moss],
+      inStock: !1,
+      description: "Keeps drinks cold for 24 hours or hot for 12. Leak-proof lid, 750 ml."
+    },
+    {
+      slug: "drift-sneakers",
+      name: "Drift Everyday Sneakers",
+      price: 149,
+      category: "apparel",
+      rating: 4.6,
+      reviews: 211,
+      badge: "Restocked",
+      badgeVariant: "success",
+      icon: "sneaker",
+      hue: 188,
+      colors: [n.snow, n.graphite, n.sand],
+      sizes: ["38", "39", "40", "41", "42", "43", "44"],
+      inStock: !0,
+      stock: 3,
+      description: "A cushioned sugarcane-foam sole and a knit upper you can throw in the washing machine."
+    },
+    {
+      slug: "storm-jacket",
+      name: "Storm Shell Jacket",
+      price: 219,
+      compareAt: 259,
+      category: "apparel",
+      rating: 4.8,
+      reviews: 133,
+      badge: "-15%",
+      badgeVariant: "danger",
+      icon: "jacket",
+      hue: 232,
+      colors: [n.graphite, n.ocean, n.clay],
+      sizes: ["XS", "S", "M", "L", "XL"],
+      inStock: !0,
+      stock: 6,
+      description: "Three-layer waterproof shell with taped seams, pit zips and a helmet-compatible hood."
+    }
+  ],
+  recentBuyers: [
+    { name: "Lucía", city: "Madrid", product: "aurora-headphones", ago: "2 min ago" },
+    { name: "Tom", city: "Berlin", product: "trail-backpack", ago: "5 min ago" },
+    { name: "Aiko", city: "Osaka", product: "orbit-watch", ago: "9 min ago" },
+    { name: "Marco", city: "Milan", product: "drift-sneakers", ago: "14 min ago" },
+    { name: "Chloé", city: "Lyon", product: "ember-mug", ago: "21 min ago" }
+  ],
+  bestSellers: ["aurora-headphones", "trail-backpack", "orbit-watch", "ember-mug"],
+  newArrivals: ["pulse-speaker", "drift-sneakers", "storm-jacket", "halo-lamp"],
+  footer: [
+    { title: "Shop", links: [{ label: "Audio", href: "#" }, { label: "Wearables", href: "#" }, { label: "Bags", href: "#" }, { label: "Home", href: "#" }] },
+    { title: "Help", links: [{ label: "Shipping", href: "#" }, { label: "Returns", href: "#" }, { label: "Order status", href: "#" }, { label: "Contact", href: "#" }] },
+    { title: "Company", links: [{ label: "About", href: "#" }, { label: "Journal", href: "#" }, { label: "Stores", href: "#" }] },
+    { title: "Legal", links: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }, { label: "Cookies", href: "#" }] }
+  ]
+};
+function $(a, r) {
+  return `${a.product}${r}/`;
+}
+function E(a, r) {
+  return r ? `${a.shop}?category=${encodeURIComponent(r)}` : a.shop;
+}
+function P(a) {
+  return Object.fromEntries(a.categories.map((r) => [r.id, r.name]));
+}
+function I(a, r) {
+  return r.map((t) => a.products.find((d) => d.slug === t)).filter((t) => !!t);
+}
+function x({
+  title: a,
+  description: r,
+  store: t = T,
+  routes: d = B,
+  currentHref: p,
+  seedCart: k = !1,
+  noindex: i = !1,
+  minimal: u = !1,
+  lang: w = "en",
+  theme: h = "dark",
+  themeToggle: f = !0,
+  liveActivity: v = !1,
+  children: g,
+  head: _
+}) {
+  const l = a.includes(t.name) ? a : `${a} — ${t.name}`, S = [
+    {
+      label: "Shop",
+      href: d.shop,
+      children: t.categories.map((o) => ({ label: o.name, href: E(d, o.id), description: o.description }))
+    },
+    { label: "New in", href: `${d.shop}?sort=featured` },
+    { label: "Top rated", href: `${d.shop}?sort=rating` },
+    { label: "Sale", href: `${d.shop}?sort=price-asc` }
+  ], s = k ? t.products.slice(0, 1).concat(t.products.filter((o) => o.slug === "ember-mug")).map((o, b) => {
+    var N, K, R;
+    return {
+      id: (N = o.colors) != null && N[0] ? `${o.slug}::${o.colors[0].name}` : o.slug,
+      name: o.name,
+      price: o.price,
+      qty: b === 0 ? 1 : 2,
+      variant: (R = (K = o.colors) == null ? void 0 : K[0]) == null ? void 0 : R.name,
+      icon: o.icon,
+      hue: o.hue
+    };
+  }) : [], m = v ? t.recentBuyers.map((o) => {
+    const b = t.products.find((N) => N.slug === o.product);
+    return b ? { name: o.name, city: o.city, ago: o.ago, product: b.name, href: `${d.product}${b.slug}/`, icon: b.icon, hue: b.hue } : null;
+  }).filter((o) => !!o) : [], A = [
+    { title: "Shop", links: t.categories.map((o) => ({ label: o.name, href: E(d, o.id) })) },
+    ...t.footer.slice(1)
+  ], y = H(!1);
+  return F(() => {
+    if (y.current) return;
+    y.current = !0, document.documentElement.hasAttribute("lang") || document.documentElement.setAttribute("lang", String(w)), document.documentElement.hasAttribute("data-theme") || document.documentElement.setAttribute("data-theme", String(h === "auto" ? "dark" : h)), document.body.classList.add(..."store".split(/\s+/).filter(Boolean));
+    const { initial: o, allowToggle: b } = { initial: h, allowToggle: f };
+    (function() {
+      var N = o;
+      try {
+        b && (N = localStorage.getItem("ack-theme") || N);
+      } catch {
+      }
+      N === "auto" && (N = matchMedia("(prefers-color-scheme: light)").matches ? "light" : "dark"), document.documentElement.dataset.theme = N;
+    })();
+  }, []), /* @__PURE__ */ e(C, { children: /* @__PURE__ */ c(C, { children: [
+    /* @__PURE__ */ c(C, { children: [
+      /* @__PURE__ */ e("title", { "data-rk-47be70": "", children: l }),
+      r && /* @__PURE__ */ e("meta", { name: "description", content: r, "data-rk-47be70": "" }),
+      i && /* @__PURE__ */ e("meta", { name: "robots", content: "noindex, follow", "data-rk-47be70": "" }),
+      /* @__PURE__ */ e("meta", { name: "theme-color", content: h === "light" ? "#f6f5f2" : "#050505", "data-rk-47be70": "" }),
+      _
+    ] }),
+    /* @__PURE__ */ c(C, { children: [
+      /* @__PURE__ */ e("a", { className: "store__skip", href: "#main", "data-rk-47be70": "", children: "Skip to content" }),
+      !u && /* @__PURE__ */ e(V, { messages: t.promoMessages, storageKey: `${t.cartKey}-promo`, "data-rk-47be70": "" }),
+      /* @__PURE__ */ e(O, { brand: t.name, brandHref: d.home, links: u ? [] : S, searchAction: d.shop, accountHref: "", cartKey: t.cartKey, currentHref: p, themeToggle: f }),
+      /* @__PURE__ */ e("main", { id: "main", className: "store__main", tabIndex: -1, "data-rk-47be70": "", children: g }),
+      /* @__PURE__ */ e(Q, { brand: t.name, tagline: t.tagline, columns: A, status: "All orders shipping on time", copyright: `© ${(/* @__PURE__ */ new Date()).getFullYear()} ${t.name}. Demo store built with React Components Kit.` }),
+      /* @__PURE__ */ e(W, { cartKey: t.cartKey, checkoutHref: d.checkout, currency: t.currency, locale: t.locale, freeShippingThreshold: t.freeShippingThreshold, demoItems: s }),
+      /* @__PURE__ */ e(Z, { cartKey: t.cartKey }),
+      m.length > 0 && /* @__PURE__ */ e(z, { items: m, storageKey: `${t.cartKey}-activity` })
+    ] })
+  ] }) });
+}
+function be({ store: a = T, routes: r = B, seedCart: t = !1, noindex: d = !1, theme: p = "dark" }) {
+  const k = P(a), i = I(a, a.bestSellers), u = I(a, a.newArrivals), w = i[0] ?? a.products[0], h = a.categories.map((g) => ({
+    ...g,
+    href: E(r, g.id),
+    count: a.products.filter((_) => _.category === g.id).length
+  })), f = a.products.find((g) => g.slug === "storm-jacket") ?? a.products[a.products.length - 1], v = { productBase: r.product, categoryNames: k, currency: a.currency, locale: a.locale, cartKey: a.cartKey, openCart: !1 };
+  return /* @__PURE__ */ e(C, { children: /* @__PURE__ */ c(x, { theme: p, title: `${a.name} — ${a.tagline.split(".")[0]}`, description: a.tagline, store: a, routes: r, currentHref: r.home, seedCart: t, noindex: d, liveActivity: !0, children: [
+    /* @__PURE__ */ e(q, { eyebrow: "New season · 2026", title: "Gear that feels", highlight: "made for you", subtitle: `${a.tagline} Free shipping over ${new Intl.NumberFormat(a.locale, { style: "currency", currency: a.currency, maximumFractionDigits: 0 }).format(a.freeShippingThreshold)}.`, primary: { label: "Shop the collection", href: r.shop }, secondary: { label: "See best sellers", href: `${r.shop}?sort=rating` }, product: w, productHref: $(r, w.slug), currency: a.currency, locale: a.locale }),
+    /* @__PURE__ */ e("div", { className: "store-container home-block home-block--tight", "data-rk-c3f911": "", children: /* @__PURE__ */ e(D, {}) }),
+    /* @__PURE__ */ e("div", { className: "store-container home-block", "data-rk-c3f911": "", children: /* @__PURE__ */ e(U, { title: "Shop by category", subtitle: "Five small collections, each one obsessively edited.", categories: h, columns: 5 }) }),
+    /* @__PURE__ */ c("section", { className: "store-container home-block", "aria-labelledby": "best-title", "data-rk-c3f911": "", children: [
+      /* @__PURE__ */ c("div", { className: "home-head", "data-rk-c3f911": "", children: [
+        /* @__PURE__ */ c("div", { "data-rk-c3f911": "", children: [
+          /* @__PURE__ */ e("p", { className: "home-eyebrow", "data-rk-c3f911": "", children: "Loved by 12k+ customers" }),
+          /* @__PURE__ */ e("h2", { id: "best-title", "data-rk-c3f911": "", children: "Best sellers" })
+        ] }),
+        /* @__PURE__ */ c("a", { className: "home-link", href: `${r.shop}?sort=rating`, "data-rk-c3f911": "", children: [
+          "View all ",
+          /* @__PURE__ */ e("span", { "aria-hidden": "true", "data-rk-c3f911": "", children: "→" })
+        ] })
+      ] }),
+      /* @__PURE__ */ e(L, { id: "best-sellers", products: i, ...v })
+    ] }),
+    /* @__PURE__ */ e("section", { className: "store-container home-block", "aria-labelledby": "feature-title", "data-rk-c3f911": "", children: /* @__PURE__ */ c("div", { className: "feature", "data-rk-c3f911": "", children: [
+      /* @__PURE__ */ c("div", { className: "feature__copy", "data-rk-c3f911": "", children: [
+        /* @__PURE__ */ e("p", { className: "home-eyebrow", "data-rk-c3f911": "", children: "The Storm edit" }),
+        /* @__PURE__ */ e("h2", { id: "feature-title", "data-rk-c3f911": "", children: "Built for weather you'd rather avoid" }),
+        /* @__PURE__ */ e("p", { "data-rk-c3f911": "", children: "Three-layer shells, sealed seams and recycled fabrics. Tested in the Scottish Highlands so you don't have to." }),
+        /* @__PURE__ */ c("ul", { className: "feature__list", "data-rk-c3f911": "", children: [
+          /* @__PURE__ */ e("li", { "data-rk-c3f911": "", children: "Waterproof to 20,000 mm" }),
+          /* @__PURE__ */ e("li", { "data-rk-c3f911": "", children: "Made from 100% recycled nylon" }),
+          /* @__PURE__ */ e("li", { "data-rk-c3f911": "", children: "Lifetime repair programme" })
+        ] }),
+        /* @__PURE__ */ c("a", { className: "feature__cta", href: $(r, f.slug), "data-rk-c3f911": "", children: [
+          "Shop ",
+          f.name
+        ] })
+      ] }),
+      /* @__PURE__ */ e("div", { className: "feature__art", "aria-hidden": "true", "data-rk-c3f911": "", children: /* @__PURE__ */ e(re, { icon: f.icon, hue: f.hue, ratio: "4 / 3", size: "lg" }) })
+    ] }) }),
+    /* @__PURE__ */ e("div", { className: "store-container home-block", "data-rk-c3f911": "", children: /* @__PURE__ */ e(j, { eyebrow: "Flash sale · ends soon", title: "Up to 30% off the Storm collection", text: "Waterproof shells and insulated layers at their lowest price of the season. Free returns, as always.", cta: { label: "Shop the sale", href: $(r, f.slug) }, hours: 36, storageKey: `${a.cartKey}-sale` }) }),
+    /* @__PURE__ */ c("section", { className: "store-container home-block", "aria-labelledby": "new-title", "data-rk-c3f911": "", children: [
+      /* @__PURE__ */ c("div", { className: "home-head", "data-rk-c3f911": "", children: [
+        /* @__PURE__ */ c("div", { "data-rk-c3f911": "", children: [
+          /* @__PURE__ */ e("p", { className: "home-eyebrow", "data-rk-c3f911": "", children: "Just landed" }),
+          /* @__PURE__ */ e("h2", { id: "new-title", "data-rk-c3f911": "", children: "New arrivals" })
+        ] }),
+        /* @__PURE__ */ c("a", { className: "home-link", href: r.shop, "data-rk-c3f911": "", children: [
+          "Shop all ",
+          /* @__PURE__ */ e("span", { "aria-hidden": "true", "data-rk-c3f911": "", children: "→" })
+        ] })
+      ] }),
+      /* @__PURE__ */ e(L, { id: "new-arrivals", products: u, ...v })
+    ] }),
+    /* @__PURE__ */ e(te, { title: "AS FEATURED IN", logos: [
+      { name: "Northwind", symbol: "◆" },
+      { name: "Lumen Daily", symbol: "●" },
+      { name: "Gearbox", symbol: "▲" },
+      { name: "Field Notes", symbol: "✦" },
+      { name: "Outpost", symbol: "◎" },
+      { name: "Kinfolk Lab", symbol: "■" }
+    ] }),
+    /* @__PURE__ */ e("div", { className: "store-container home-block", "data-rk-c3f911": "", children: /* @__PURE__ */ e(ie, { title: "Get 10% off your first order", subtitle: "Join the list for early access to drops, restocks and members-only offers.", perks: ["One email a week", "Early access to new drops", "Unsubscribe anytime"], buttonLabel: "Join the list", privacy: "By subscribing you agree to our privacy policy.", variant: "glass" }) })
+  ] }) });
+}
+function ge({ store: a = T, routes: r = B, category: t, seedCart: d = !1, noindex: p = !1, theme: k = "dark" }) {
+  const i = a.categories.find((l) => l.id === t), u = P(a), w = Math.ceil(Math.max(...a.products.map((l) => l.price)) / 50) * 50, h = Array.from(new Map(a.products.flatMap((l) => l.colors ?? []).map((l) => [l.name, l])).values()), f = a.categories.map((l) => ({ id: l.id, name: l.name, count: a.products.filter((S) => S.category === l.id).length })), v = i ? i.name : "All products", g = (i == null ? void 0 : i.description) ?? "Everything we make, in one place. Filter by category, price, colour and rating.", _ = H(!1);
+  return F(() => {
+    var S, s;
+    if (_.current) return;
+    _.current = !0, document.querySelectorAll(".chips a").forEach((m) => {
+      m.addEventListener("click", (A) => {
+        const y = document.getElementById("shop-filters");
+        if (!y) return;
+        A.preventDefault();
+        const o = m.dataset.chip;
+        y.querySelectorAll('input[name="category"]').forEach((b) => {
+          b.checked = o ? b.value === o : !1;
+        }), y.dispatchEvent(new Event("change", { bubbles: !0 }));
+      });
+    });
+    const l = () => {
+      const m = document.getElementById("shop-filters");
+      if (!m) return;
+      const A = Array.from(m.querySelectorAll('input[name="category"]:checked')).map((y) => y.value);
+      document.querySelectorAll(".chips a").forEach((y) => {
+        const o = y.dataset.chip;
+        (o ? A.length === 1 && A[0] === o : A.length === 0) ? y.setAttribute("aria-current", "page") : y.removeAttribute("aria-current");
+      });
+    };
+    (S = document.getElementById("shop-filters")) == null || S.addEventListener("change", l), (s = document.getElementById("shop-filters")) == null || s.addEventListener("reset", () => window.setTimeout(l, 0)), l();
+  }, []), /* @__PURE__ */ e(C, { children: /* @__PURE__ */ e(x, { theme: k, title: v, description: g, store: a, routes: r, currentHref: r.shop, seedCart: d, noindex: p, children: /* @__PURE__ */ c("div", { className: "store-container shop", "data-rk-3f1bf4": "", children: [
+    /* @__PURE__ */ e("nav", { className: "crumbs", "aria-label": "Breadcrumb", "data-rk-3f1bf4": "", children: /* @__PURE__ */ c("ol", { "data-rk-3f1bf4": "", children: [
+      /* @__PURE__ */ e("li", { "data-rk-3f1bf4": "", children: /* @__PURE__ */ e("a", { href: r.home, "data-rk-3f1bf4": "", children: "Home" }) }),
+      /* @__PURE__ */ e("li", { "data-rk-3f1bf4": "", children: /* @__PURE__ */ e("a", { href: r.shop, "aria-current": i ? void 0 : "page", "data-rk-3f1bf4": "", children: "Shop" }) }),
+      i && /* @__PURE__ */ e("li", { "data-rk-3f1bf4": "", children: /* @__PURE__ */ e("span", { "aria-current": "page", "data-rk-3f1bf4": "", children: i.name }) })
+    ] }) }),
+    /* @__PURE__ */ e(G, { title: v, description: g, total: a.products.length, target: "shop-grid", filtersId: "shop-filters" }),
+    /* @__PURE__ */ c("ul", { className: "chips", "aria-label": "Categories", "data-rk-3f1bf4": "", children: [
+      /* @__PURE__ */ e("li", { "data-rk-3f1bf4": "", children: /* @__PURE__ */ e("a", { className: "chip", href: r.shop, "aria-current": i ? void 0 : "page", "data-rk-3f1bf4": "", children: "All" }) }),
+      a.categories.map((l, S) => /* @__PURE__ */ e("li", { "data-rk-3f1bf4": "", children: /* @__PURE__ */ e("a", { className: "chip", href: E(r, l.id), "aria-current": (i == null ? void 0 : i.id) === l.id ? "page" : void 0, "data-chip": l.id, "data-rk-3f1bf4": "", children: l.name }) }, S))
+    ] }),
+    /* @__PURE__ */ c("div", { className: "shop__layout", "data-rk-3f1bf4": "", children: [
+      /* @__PURE__ */ e("div", { className: "shop__filters", "data-rk-3f1bf4": "", children: /* @__PURE__ */ e(J, { target: "shop-grid", id: "shop-filters", categories: f, selected: i ? [i.id] : [], maxPrice: w, colors: h, currency: a.currency, locale: a.locale }) }),
+      /* @__PURE__ */ e(L, { id: "shop-grid", products: a.products, productBase: r.product, categoryNames: u, columns: 3, currency: a.currency, locale: a.locale, cartKey: a.cartKey, openCart: !1 })
+    ] }),
+    /* @__PURE__ */ e("div", { className: "shop__trust", "data-rk-3f1bf4": "", children: /* @__PURE__ */ e(D, { variant: "divided", size: "sm" }) })
+  ] }) }) });
+}
+function ne(a) {
+  const r = {};
+  for (const t of String(a ?? "").split(";")) {
+    const d = t.indexOf(":");
+    if (d < 0) continue;
+    const p = t.slice(0, d).trim();
+    p && (r[p.startsWith("--") ? p : p.replace(/-([a-z])/g, (k, i) => i.toUpperCase())] = t.slice(d + 1).trim());
+  }
+  return r;
+}
+function ye({ slug: a, store: r = T, routes: t = B, seedCart: d = !1, noindex: p = !1, theme: k = "dark" }) {
+  const i = r.products.find((s) => s.slug === a) ?? r.products[0], u = r.categories.find((s) => s.id === i.category), w = r.products.filter((s) => s.slug !== i.slug).sort((s, m) => +(m.category === i.category) - +(s.category === i.category)).slice(0, 4), h = i.reviews ?? 0, f = i.rating ?? 0, v = [Math.max(0, f - 3.6) * 3, 1.2, 0.5, 0.2, 0.12], g = v.reduce((s, m) => s + m, 0) || 1, _ = [5, 4, 3, 2, 1].map((s, m) => ({ stars: s, count: Math.round(v[m] / g * h) })), l = [
+    { name: "Maya R.", title: "Exceeded expectations", body: "Beautifully made and it arrived in two days. I have already ordered a second one as a gift.", rating: 5 },
+    { name: "Jonas K.", title: "Great quality", body: "Feels premium and the details are spot on. Packaging was plastic-free, which I appreciated.", rating: 5 },
+    { name: "Lea M.", title: "Almost perfect", body: "Love the colour and the finish. Took a few days to get used to, but now I use it every day.", rating: 4 }
+  ], S = new Intl.NumberFormat(r.locale, { style: "currency", currency: r.currency, maximumFractionDigits: 0 }).format(r.freeShippingThreshold);
+  return /* @__PURE__ */ e(C, { children: /* @__PURE__ */ e(x, { theme: k, title: i.name, description: i.description, store: r, routes: t, seedCart: d, noindex: p, children: /* @__PURE__ */ c("div", { className: "store-container pdp", "data-rk-4b42ab": "", children: [
+    /* @__PURE__ */ e("nav", { className: "crumbs", "aria-label": "Breadcrumb", "data-rk-4b42ab": "", children: /* @__PURE__ */ c("ol", { "data-rk-4b42ab": "", children: [
+      /* @__PURE__ */ e("li", { "data-rk-4b42ab": "", children: /* @__PURE__ */ e("a", { href: t.home, "data-rk-4b42ab": "", children: "Home" }) }),
+      /* @__PURE__ */ e("li", { "data-rk-4b42ab": "", children: /* @__PURE__ */ e("a", { href: t.shop, "data-rk-4b42ab": "", children: "Shop" }) }),
+      u && /* @__PURE__ */ e("li", { "data-rk-4b42ab": "", children: /* @__PURE__ */ e("a", { href: E(t, u.id), "data-rk-4b42ab": "", children: u.name }) }),
+      /* @__PURE__ */ e("li", { "data-rk-4b42ab": "", children: /* @__PURE__ */ e("span", { "aria-current": "page", "data-rk-4b42ab": "", children: i.name }) })
+    ] }) }),
+    /* @__PURE__ */ c("div", { className: "pdp__main", "data-rk-4b42ab": "", children: [
+      /* @__PURE__ */ e(X, { images: i.image ? [i.image] : [], alt: i.name, icon: i.icon, hue: i.hue }),
+      /* @__PURE__ */ e(Y, { product: i, categoryLabel: u == null ? void 0 : u.name, checkoutHref: t.checkout, currency: r.currency, locale: r.locale, cartKey: r.cartKey, details: [
+        { title: "Details", body: i.description ?? "" },
+        { title: "Shipping & returns", body: `Free standard shipping over ${S}, 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." }
+      ] })
+    ] }),
+    h > 0 && /* @__PURE__ */ c("section", { className: "reviews", id: "reviews", "aria-labelledby": "reviews-title", "data-rk-4b42ab": "", children: [
+      /* @__PURE__ */ c("div", { className: "reviews__summary", "data-rk-4b42ab": "", children: [
+        /* @__PURE__ */ e("h2", { id: "reviews-title", "data-rk-4b42ab": "", children: "Customer reviews" }),
+        /* @__PURE__ */ c("p", { className: "reviews__score", "data-rk-4b42ab": "", children: [
+          f.toFixed(1),
+          /* @__PURE__ */ e("span", { "data-rk-4b42ab": "", children: "/5" })
+        ] }),
+        /* @__PURE__ */ e(M, { value: f, count: h, size: "lg", showValue: !1 }),
+        /* @__PURE__ */ e("ul", { className: "reviews__bars", "aria-label": "Rating distribution", "data-rk-4b42ab": "", children: _.map((s, m) => /* @__PURE__ */ c("li", { "data-rk-4b42ab": "", children: [
+          /* @__PURE__ */ c("span", { "data-rk-4b42ab": "", children: [
+            s.stars,
+            " ★"
+          ] }),
+          /* @__PURE__ */ e("span", { className: "reviews__bar", "aria-hidden": "true", "data-rk-4b42ab": "", children: /* @__PURE__ */ e("span", { style: ne(`width: ${h ? s.count / h * 100 : 0}%`), "data-rk-4b42ab": "" }) }),
+          /* @__PURE__ */ c("span", { className: "reviews__count", "data-rk-4b42ab": "", children: [
+            s.count,
+            /* @__PURE__ */ c("span", { className: "sr-only", "data-rk-4b42ab": "", children: [
+              " reviews with ",
+              s.stars,
+              " stars"
+            ] })
+          ] })
+        ] }, m)) })
+      ] }),
+      /* @__PURE__ */ e("ul", { className: "reviews__list", "data-rk-4b42ab": "", children: l.map((s, m) => /* @__PURE__ */ c("li", { className: "review", "data-rk-4b42ab": "", children: [
+        /* @__PURE__ */ e(M, { value: s.rating, showValue: !1 }),
+        /* @__PURE__ */ e("h3", { "data-rk-4b42ab": "", children: s.title }),
+        /* @__PURE__ */ e("p", { "data-rk-4b42ab": "", children: s.body }),
+        /* @__PURE__ */ c("p", { className: "review__by", "data-rk-4b42ab": "", children: [
+          s.name,
+          " · ",
+          /* @__PURE__ */ e("span", { "data-rk-4b42ab": "", children: "Verified buyer" })
+        ] })
+      ] }, m)) })
+    ] }),
+    /* @__PURE__ */ c("section", { className: "related", "aria-labelledby": "related-title", "data-rk-4b42ab": "", children: [
+      /* @__PURE__ */ e("h2", { id: "related-title", "data-rk-4b42ab": "", children: "You may also like" }),
+      /* @__PURE__ */ e(L, { id: "related", products: w, productBase: t.product, categoryNames: P(r), currency: r.currency, locale: r.locale, cartKey: r.cartKey, openCart: !1 })
+    ] })
+  ] }) }) });
+}
+function ke({ store: a = T, routes: r = B, seedCart: t = !1, noindex: d = !0, theme: p = "dark" }) {
+  const k = H(!1);
+  return F(() => {
+    k.current || (k.current = !0, document.addEventListener("ack:order-placed", () => {
+      const i = Array.from(document.querySelectorAll("[data-co-steps] .step-nav__item"));
+      i.forEach((u, w) => {
+        u.classList.remove("step-nav__item--active", "step-nav__item--upcoming"), u.classList.add(w === i.length - 1 ? "step-nav__item--active" : "step-nav__item--complete");
+        const h = u.querySelector("a");
+        w === i.length - 1 ? h == null || h.setAttribute("aria-current", "step") : h == null || h.removeAttribute("aria-current");
+      });
+    }));
+  }, []), /* @__PURE__ */ e(C, { children: /* @__PURE__ */ e(x, { theme: p, title: "Checkout", description: `Secure checkout — ${a.name}`, store: a, routes: r, seedCart: t, noindex: d, minimal: !0, children: /* @__PURE__ */ c("div", { className: "store-container co", "data-rk-2b1a8c": "", children: [
+    /* @__PURE__ */ e("div", { className: "co__steps", "data-co-steps": !0, "data-rk-2b1a8c": "", children: /* @__PURE__ */ e(ce, { steps: [
+      { step: 1, label: "Cart", status: "complete", href: r.shop },
+      { step: 2, label: "Details & payment", status: "active", href: "#checkout" },
+      { step: 3, label: "Confirmation", status: "upcoming", href: "#checkout" }
+    ] }) }),
+    /* @__PURE__ */ c("div", { className: "co__head", "data-rk-2b1a8c": "", children: [
+      /* @__PURE__ */ e("h1", { "data-rk-2b1a8c": "", children: "Checkout" }),
+      /* @__PURE__ */ c("a", { href: r.shop, "data-rk-2b1a8c": "", children: [
+        /* @__PURE__ */ e("span", { "aria-hidden": "true", "data-rk-2b1a8c": "", children: "←" }),
+        " Continue shopping"
+      ] })
+    ] }),
+    /* @__PURE__ */ c("div", { className: "co__layout", "data-rk-2b1a8c": "", children: [
+      /* @__PURE__ */ e(ee, { id: "checkout", shippingRates: a.shippingRates, freeShippingThreshold: a.freeShippingThreshold, cartKey: a.cartKey, currency: a.currency, locale: a.locale, continueHref: r.home }),
+      /* @__PURE__ */ e(ae, { cartKey: a.cartKey, shippingRates: a.shippingRates, freeShippingThreshold: a.freeShippingThreshold, taxRate: a.taxRate, promoCodes: a.promoCodes, currency: a.currency, locale: a.locale })
+    ] })
+  ] }) }) });
+}
+export {
+  ge as StoreCategoryPage,
+  ke as StoreCheckoutPage,
+  be as StoreHomePage,
+  x as StoreLayout,
+  ye as StoreProductPage,
+  E as categoryHref,
+  P as categoryNames,
+  B as defaultRoutes,
+  T as demoStore,
+  I as pickProducts,
+  $ as productHref
+};