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

package/dist/chunks/ShopCategoryHero-BLlWZ-i3.js

@@ -0,0 +1,695 @@
+"use client";
+import { jsx as e, Fragment as $, jsxs as s } from "react/jsx-runtime";
+import { useRef as j, useEffect as q } from "react";
+import { c as z, P as C, b as F, f as M, a as W } from "./cart-store-u-ScUvte.js";
+import { P as R } from "./ProductCardMinimal-lQi5vy3-.js";
+function I(...d) {
+  const r = [], n = (a) => {
+    if (a) {
+      if (typeof a == "string" || typeof a == "number") r.push(String(a));
+      else if (Array.isArray(a)) a.forEach(n);
+      else if (typeof a == "object")
+        for (const [c, o] of Object.entries(a)) o && r.push(c);
+    }
+  };
+  return d.forEach(n), r.join(" ");
+}
+function ae({
+  brand: d = "Forma",
+  brandHref: r = "/",
+  announcement: n = "Complimentary shipping over €150 · Free returns within 30 days",
+  links: a = [
+    {
+      label: "Shop",
+      href: "#",
+      columns: [
+        { title: "Clothing", links: [{ label: "Overshirts", href: "#" }, { label: "Knitwear", href: "#" }, { label: "Outerwear", href: "#" }] },
+        { title: "Objects", links: [{ label: "Ceramics", href: "#" }, { label: "Lighting", href: "#" }, { label: "Plants", href: "#" }] },
+        { title: "Accessories", links: [{ label: "Bags", href: "#" }, { label: "Eyewear", href: "#" }, { label: "Watches", href: "#" }] }
+      ],
+      feature: { title: "The Autumn edit", text: "Twelve pieces in warm, quiet tones.", href: "#", icon: "jacket", hue: 22 }
+    },
+    { label: "New in", href: "#" },
+    { label: "Journal", href: "#" }
+  ],
+  searchHref: c = "#",
+  bagHref: o = "#",
+  cartKey: p = "ack-cart",
+  themeToggle: _ = !0,
+  currentHref: h,
+  sticky: i = !0,
+  variant: m = "paper",
+  size: y = "md",
+  id: k = "shop-header",
+  className: w = ""
+}) {
+  const v = j(!1);
+  return q(() => {
+    v.current || (v.current = !0, document.querySelectorAll("[data-shop-header]:not([data-bound])").forEach((t) => {
+      var L;
+      t.dataset.bound = "";
+      const l = Array.from(t.querySelectorAll("[data-mega-toggle]")), u = (f) => document.getElementById(f.getAttribute("aria-controls") || ""), N = (f) => l.forEach((g) => {
+        if (g === f) return;
+        g.setAttribute("aria-expanded", "false");
+        const x = u(g);
+        x && (x.hidden = !0);
+      });
+      l.forEach((f) => f.addEventListener("click", () => {
+        const g = f.getAttribute("aria-expanded") !== "true";
+        N(f), f.setAttribute("aria-expanded", String(g));
+        const x = u(f);
+        x && (x.hidden = !g);
+      })), document.addEventListener("click", (f) => {
+        t.contains(f.target) || N();
+      }), document.addEventListener("keydown", (f) => {
+        if (f.key !== "Escape") return;
+        const g = l.find((P) => P.getAttribute("aria-expanded") === "true");
+        N(), g == null || g.focus();
+        const x = t.querySelector("[data-burger]");
+        (x == null ? void 0 : x.getAttribute("aria-expanded")) === "true" && (x.click(), x.focus());
+      });
+      const b = t.querySelector("[data-burger]"), S = t.querySelector("[data-nav]");
+      b == null || b.addEventListener("click", () => {
+        const f = b.getAttribute("aria-expanded") !== "true";
+        b.setAttribute("aria-expanded", String(f)), S == null || S.classList.toggle("is-open", f);
+      }), (L = t.querySelector("[data-theme-btn]")) == null || L.addEventListener("click", () => {
+        const f = document.documentElement, g = f.dataset.theme === "dark" ? "light" : "dark";
+        f.dataset.theme = g;
+        try {
+          window.localStorage.setItem("ack-theme", g);
+        } catch {
+        }
+      });
+      const E = t.querySelector("[data-bag-link]"), A = t.querySelector("[data-count]");
+      if (E && A) {
+        const f = z(t.dataset.key), g = () => {
+          const x = f.count();
+          A.textContent = String(x), E.setAttribute("aria-label", `Bag, ${x} ${x === 1 ? "item" : "items"}`);
+        };
+        g(), f.subscribe(() => {
+          g(), A.classList.remove("is-bump"), A.offsetWidth, A.classList.add("is-bump");
+        }), E.tagName === "BUTTON" && E.addEventListener("click", () => document.dispatchEvent(new CustomEvent("ack:cart-open", { detail: { key: f.key, trigger: E } })));
+      }
+    }));
+  }, []), /* @__PURE__ */ e($, { children: /* @__PURE__ */ s("header", { className: I(["she", `she--${m}`, `she--${y}`, { "she--sticky": i }, w]), "data-shop-header": !0, "data-key": p, "data-rk-74ee75": "", children: [
+    n && /* @__PURE__ */ e("p", { className: "she__announce", "data-rk-74ee75": "", children: n }),
+    /* @__PURE__ */ s("div", { className: "she__bar", "data-rk-74ee75": "", children: [
+      /* @__PURE__ */ s("div", { className: "she__left", "data-rk-74ee75": "", children: [
+        /* @__PURE__ */ e("button", { className: "she__icon she__burger", type: "button", "aria-expanded": "false", "aria-controls": `${k}-nav`, "aria-label": "Menu", "data-burger": !0, "data-rk-74ee75": "", children: /* @__PURE__ */ e("svg", { width: "22", height: "22", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.6", strokeLinecap: "round", "aria-hidden": "true", "data-rk-74ee75": "", children: /* @__PURE__ */ e("path", { d: "M3 8h18M3 16h18", "data-rk-74ee75": "" }) }) }),
+        /* @__PURE__ */ e("nav", { className: "she__nav", id: `${k}-nav`, "aria-label": "Main", "data-nav": !0, "data-rk-74ee75": "", children: /* @__PURE__ */ e("ul", { "data-rk-74ee75": "", children: a.map((t, l) => {
+          var u;
+          return /* @__PURE__ */ e("li", { "data-rk-74ee75": "", children: (u = t.columns) != null && u.length ? /* @__PURE__ */ s($, { children: [
+            /* @__PURE__ */ e("button", { className: "she__link she__link--desk", type: "button", "aria-expanded": "false", "aria-controls": `${k}-mega-${l}`, "data-mega-toggle": !0, "data-rk-74ee75": "", children: t.label }),
+            /* @__PURE__ */ e("a", { className: "she__link she__link--mob", href: t.href, "data-rk-74ee75": "", children: t.label }),
+            /* @__PURE__ */ e("ul", { className: "she__sub", "data-rk-74ee75": "", children: t.columns.flatMap((N) => N.links).map((N, b) => /* @__PURE__ */ e("li", { "data-rk-74ee75": "", children: /* @__PURE__ */ e("a", { href: N.href, "data-rk-74ee75": "", children: N.label }) }, b)) })
+          ] }) : /* @__PURE__ */ e("a", { className: "she__link", href: t.href, "aria-current": h === t.href ? "page" : void 0, "data-rk-74ee75": "", children: t.label }) }, l);
+        }) }) })
+      ] }),
+      /* @__PURE__ */ e("a", { className: "she__brand", href: r, "data-rk-74ee75": "", children: d }),
+      /* @__PURE__ */ s("div", { className: "she__right", "data-rk-74ee75": "", children: [
+        c && /* @__PURE__ */ e("a", { className: "she__icon", href: c, "aria-label": "Search", "data-rk-74ee75": "", children: /* @__PURE__ */ s("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.6", strokeLinecap: "round", "aria-hidden": "true", "data-rk-74ee75": "", children: [
+          /* @__PURE__ */ e("circle", { cx: "11", cy: "11", r: "7", "data-rk-74ee75": "" }),
+          /* @__PURE__ */ e("path", { d: "m20 20-3.5-3.5", "data-rk-74ee75": "" })
+        ] }) }),
+        _ && /* @__PURE__ */ e("button", { className: "she__icon", type: "button", "aria-label": "Switch theme", "data-theme-btn": !0, "data-rk-74ee75": "", children: /* @__PURE__ */ s("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.6", "aria-hidden": "true", "data-rk-74ee75": "", children: [
+          /* @__PURE__ */ e("circle", { cx: "12", cy: "12", r: "8", "data-rk-74ee75": "" }),
+          /* @__PURE__ */ e("path", { d: "M12 4a8 8 0 0 1 0 16z", fill: "currentColor", "data-rk-74ee75": "" })
+        ] }) }),
+        o ? /* @__PURE__ */ s("a", { className: "she__bag", href: o, "aria-label": "Bag", "data-bag-link": !0, "data-rk-74ee75": "", children: [
+          "Bag ",
+          /* @__PURE__ */ e("span", { className: "she__count", "data-count": !0, "data-rk-74ee75": "", children: "0" })
+        ] }) : /* @__PURE__ */ s("button", { className: "she__bag", type: "button", "aria-label": "Bag", "data-bag-link": !0, "data-cart-open": !0, "data-cart-key": p, "data-rk-74ee75": "", children: [
+          "Bag ",
+          /* @__PURE__ */ e("span", { className: "she__count", "data-count": !0, "data-rk-74ee75": "", children: "0" })
+        ] })
+      ] })
+    ] }),
+    a.map((t, l) => {
+      var u;
+      return (u = t.columns) != null && u.length ? /* @__PURE__ */ e("div", { className: "she__mega", id: `${k}-mega-${l}`, hidden: !0, "data-mega": !0, "data-rk-74ee75": "", children: /* @__PURE__ */ s("div", { className: "she__mega-inner", "data-rk-74ee75": "", children: [
+        t.columns.map((N, b) => /* @__PURE__ */ s("div", { className: "she__col", "data-rk-74ee75": "", children: [
+          /* @__PURE__ */ e("p", { className: "she__col-title", "data-rk-74ee75": "", children: N.title }),
+          /* @__PURE__ */ e("ul", { "data-rk-74ee75": "", children: N.links.map((S, E) => /* @__PURE__ */ e("li", { "data-rk-74ee75": "", children: /* @__PURE__ */ e("a", { href: S.href, "data-rk-74ee75": "", children: S.label }) }, E)) })
+        ] }, b)),
+        /* @__PURE__ */ s("a", { className: "she__col she__col--all", href: t.href, "data-rk-74ee75": "", children: [
+          "View everything ",
+          /* @__PURE__ */ e("span", { "aria-hidden": "true", "data-rk-74ee75": "", children: "→" })
+        ] }),
+        t.feature && /* @__PURE__ */ s("a", { className: "she__feature", href: t.feature.href, "data-rk-74ee75": "", children: [
+          /* @__PURE__ */ e(C, { icon: t.feature.icon, hue: t.feature.hue, ratio: "4 / 3", variant: "soft", size: "lg" }),
+          /* @__PURE__ */ e("span", { className: "she__feature-title", "data-rk-74ee75": "", children: t.feature.title }),
+          t.feature.text && /* @__PURE__ */ e("span", { className: "she__feature-text", "data-rk-74ee75": "", children: t.feature.text })
+        ] })
+      ] }) }) : null;
+    })
+  ] }) });
+}
+function V(...d) {
+  const r = [], n = (a) => {
+    if (a) {
+      if (typeof a == "string" || typeof a == "number") r.push(String(a));
+      else if (Array.isArray(a)) a.forEach(n);
+      else if (typeof a == "object")
+        for (const [c, o] of Object.entries(a)) o && r.push(c);
+    }
+  };
+  return d.forEach(n), r.join(" ");
+}
+function te({
+  kicker: d = "Autumn / Winter 26",
+  title: r = "Quiet *objects* for everyday rituals",
+  text: n = "Clothing and homeware made slowly, in small runs, by workshops we know by name. Designed to be used for years — and to look better for it.",
+  primary: a = { label: "Shop the collection", href: "#" },
+  secondary: c = { label: "Read the journal", href: "#" },
+  media: o = { icon: "jacket", hue: 22, caption: "Wool overcoat, in Rust — €320", href: "#" },
+  ticker: p = ["Made in small runs", "Natural fibres", "Repair for life", "Carbon-neutral shipping", "Free returns"],
+  issue: _ = "N° 04",
+  variant: h = "split",
+  size: i = "md",
+  className: m = ""
+}) {
+  const y = r.split(/\*(.+?)\*/g), k = o.href ? "a" : "div";
+  return /* @__PURE__ */ e($, { children: /* @__PURE__ */ s("section", { className: V(["sh-ed", `sh-ed--${h}`, `sh-ed--${i}`, m]), "data-rk-cb8b08": "", children: [
+    /* @__PURE__ */ s("div", { className: "sh-ed__inner", "data-rk-cb8b08": "", children: [
+      /* @__PURE__ */ s("div", { className: "sh-ed__copy", "data-rk-cb8b08": "", children: [
+        /* @__PURE__ */ s("p", { className: "sh-ed__meta", "data-rk-cb8b08": "", children: [
+          /* @__PURE__ */ e("span", { "data-rk-cb8b08": "", children: d }),
+          _ && /* @__PURE__ */ e("span", { "data-rk-cb8b08": "", children: _ })
+        ] }),
+        /* @__PURE__ */ e("h1", { className: "sh-ed__title", "data-rk-cb8b08": "", children: y.map((w, v) => v % 2 ? /* @__PURE__ */ e("em", { "data-rk-cb8b08": "", children: w }) : w) }),
+        /* @__PURE__ */ s("div", { className: "sh-ed__foot", "data-rk-cb8b08": "", children: [
+          n && /* @__PURE__ */ e("p", { className: "sh-ed__text", "data-rk-cb8b08": "", children: n }),
+          /* @__PURE__ */ s("div", { className: "sh-ed__ctas", "data-rk-cb8b08": "", children: [
+            a && /* @__PURE__ */ s("a", { className: "sh-ed__btn sh-ed__btn--solid", href: a.href, "data-rk-cb8b08": "", children: [
+              a.label,
+              /* @__PURE__ */ e("span", { "aria-hidden": "true", "data-rk-cb8b08": "", children: "→" })
+            ] }),
+            c && /* @__PURE__ */ e("a", { className: "sh-ed__btn", href: c.href, "data-rk-cb8b08": "", children: c.label })
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ s(k, { className: "sh-ed__media", href: o.href, "data-rk-cb8b08": "", children: [
+        /* @__PURE__ */ e(C, { image: o.image, alt: o.alt ?? "", icon: o.icon, hue: o.hue, ratio: "4 / 5", variant: "soft", size: "lg" }),
+        o.caption && /* @__PURE__ */ e("span", { className: "sh-ed__caption", "data-rk-cb8b08": "", children: o.caption })
+      ] })
+    ] }),
+    p.length > 0 && /* @__PURE__ */ e("div", { className: "sh-ed__ticker", "aria-hidden": "true", "data-rk-cb8b08": "", children: /* @__PURE__ */ e("div", { className: "sh-ed__track", "data-rk-cb8b08": "", children: [0, 1].map(() => p.map((w, v) => /* @__PURE__ */ s("span", { "data-rk-cb8b08": "", children: [
+      w,
+      /* @__PURE__ */ e("i", { "data-rk-cb8b08": "", children: "✦" })
+    ] }, v))) }) })
+  ] }) });
+}
+function O(...d) {
+  const r = [], n = (a) => {
+    if (a) {
+      if (typeof a == "string" || typeof a == "number") r.push(String(a));
+      else if (Array.isArray(a)) a.forEach(n);
+      else if (typeof a == "object")
+        for (const [c, o] of Object.entries(a)) o && r.push(c);
+    }
+  };
+  return d.forEach(n), r.join(" ");
+}
+function re({
+  eyebrow: d = "Collections",
+  title: r = "Shop by *intention*",
+  items: n = [
+    { title: "The wardrobe", text: "Overshirts, knitwear and coats in natural fibres.", href: "#", count: 24, icon: "jacket", hue: 22 },
+    { title: "At the table", text: "Stoneware made by hand.", href: "#", count: 12, icon: "mug", hue: 14 },
+    { title: "Light & air", text: "Lamps and living things.", href: "#", count: 9, icon: "plant", hue: 110 },
+    { title: "To carry", text: "Bags that soften with age.", href: "#", count: 8, icon: "bag", hue: 34 }
+  ],
+  linkLabel: a = "Explore",
+  countLabel: c = "pieces",
+  variant: o = "feature-left",
+  size: p = "md",
+  className: _ = ""
+}) {
+  const h = r.split(/\*(.+?)\*/g);
+  return /* @__PURE__ */ e($, { children: /* @__PURE__ */ s("section", { className: O(["scm", `scm--${o}`, `scm--${p}`, _]), "data-rk-ba6398": "", children: [
+    /* @__PURE__ */ s("header", { className: "scm__head", "data-rk-ba6398": "", children: [
+      d && /* @__PURE__ */ e("p", { className: "scm__eyebrow", "data-rk-ba6398": "", children: d }),
+      /* @__PURE__ */ e("h2", { className: "scm__title", "data-rk-ba6398": "", children: h.map((i, m) => m % 2 ? /* @__PURE__ */ e("em", { "data-rk-ba6398": "", children: i }) : i) })
+    ] }),
+    /* @__PURE__ */ e("ul", { className: "scm__grid", "data-rk-ba6398": "", children: n.slice(0, 5).map((i, m) => /* @__PURE__ */ e("li", { className: O(["scm__item", { "scm__item--feature": m === 0 }]), "data-rk-ba6398": "", children: /* @__PURE__ */ s("a", { className: "scm__tile", href: i.href, "data-rk-ba6398": "", children: [
+      /* @__PURE__ */ e("span", { className: "scm__art", "data-rk-ba6398": "", children: /* @__PURE__ */ e(C, { image: i.image, alt: "", icon: i.icon, hue: i.hue, ratio: "auto", variant: "soft", size: m === 0 ? "lg" : "md" }) }),
+      /* @__PURE__ */ e("span", { className: "scm__num", "aria-hidden": "true", "data-rk-ba6398": "", children: String(m + 1).padStart(2, "0") }),
+      /* @__PURE__ */ s("span", { className: "scm__body", "data-rk-ba6398": "", children: [
+        /* @__PURE__ */ e("h3", { className: "scm__name", "data-rk-ba6398": "", children: i.title }),
+        i.text && /* @__PURE__ */ e("span", { className: "scm__text", "data-rk-ba6398": "", children: i.text }),
+        /* @__PURE__ */ e("span", { className: "scm__link", "data-rk-ba6398": "", children: i.count !== void 0 ? `${a} · ${i.count} ${c}` : a })
+      ] })
+    ] }) }, m)) })
+  ] }) });
+}
+function D(...d) {
+  const r = [], n = (a) => {
+    if (a) {
+      if (typeof a == "string" || typeof a == "number") r.push(String(a));
+      else if (Array.isArray(a)) a.forEach(n);
+      else if (typeof a == "object")
+        for (const [c, o] of Object.entries(a)) o && r.push(c);
+    }
+  };
+  return d.forEach(n), r.join(" ");
+}
+function se({
+  eyebrow: d = "Just in",
+  title: r = "New this *week*",
+  products: n = [
+    { slug: "linen-overshirt", name: "Linen Overshirt", price: 145, category: "clothing", badge: "New", sizes: ["S", "M", "L"], colors: [{ name: "Mist", hex: "#cbd5e1" }, { name: "Ink", hex: "#22252b" }], icon: "shirt", hue: 201 },
+    { slug: "merino-crew", name: "Merino Crew Knit", price: 160, category: "clothing", sizes: ["S", "M", "L"], colors: [{ name: "Steel", hex: "#94a3b8" }], icon: "jacket", hue: 215 },
+    { slug: "field-tote", name: "Field Tote", price: 120, category: "bags", colors: [{ name: "Ocean", hex: "#0369a1" }], icon: "bag", hue: 194 },
+    { slug: "ash-vase", name: "Ash Vase", price: 68, category: "objects", icon: "bottle", hue: 209 },
+    { slug: "dune-loafer", name: "Dune Loafer", price: 210, category: "shoes", sizes: ["39", "40", "41", "42"], icon: "sneaker", hue: 198 }
+  ],
+  productBase: a = "#",
+  link: c = { label: "View all", href: "#" },
+  numbered: o = !0,
+  currency: p = "EUR",
+  locale: _ = "en-GB",
+  cartKey: h = "ack-cart",
+  id: i = "product-rail",
+  size: m = "md",
+  className: y = ""
+}) {
+  const k = r.split(/\*(.+?)\*/g), w = r.replace(/\*/g, ""), v = (l) => a === "#" ? "#" : `${a}${l}/`, t = j(!1);
+  return q(() => {
+    t.current || (t.current = !0, document.querySelectorAll("[data-rail]:not([data-bound])").forEach((l) => {
+      l.dataset.bound = "";
+      const u = l.querySelector("[data-track]"), N = l.querySelector("[data-prev]"), b = l.querySelector("[data-next]"), S = l.querySelector("[data-progress]"), E = () => {
+        var f;
+        return (((f = u.querySelector(".spr__slide")) == null ? void 0 : f.offsetWidth) ?? 300) + 16;
+      }, A = window.matchMedia("(prefers-reduced-motion: reduce)").matches, L = () => {
+        const f = u.scrollWidth - u.clientWidth;
+        N.disabled = u.scrollLeft <= 2, b.disabled = u.scrollLeft >= f - 2;
+        const g = u.clientWidth / u.scrollWidth;
+        S.style.width = `${Math.max(10, g * 100)}%`, S.style.transform = `translateX(${f > 0 ? u.scrollLeft / f * (1 / Math.max(g, 0.1) - 1) * 100 : 0}%)`;
+      };
+      N.addEventListener("click", () => u.scrollBy({ left: -E(), behavior: A ? "auto" : "smooth" })), b.addEventListener("click", () => u.scrollBy({ left: E(), behavior: A ? "auto" : "smooth" })), u.addEventListener("scroll", L, { passive: !0 }), window.addEventListener("resize", L), L();
+    }));
+  }, []), /* @__PURE__ */ e($, { children: /* @__PURE__ */ s("section", { className: D(["spr", `spr--${m}`, y]), "data-rail": !0, "data-rk-14294a": "", children: [
+    /* @__PURE__ */ s("header", { className: "spr__head", "data-rk-14294a": "", children: [
+      /* @__PURE__ */ s("div", { "data-rk-14294a": "", children: [
+        d && /* @__PURE__ */ e("p", { className: "spr__eyebrow", "data-rk-14294a": "", children: d }),
+        /* @__PURE__ */ e("h2", { className: "spr__title", "data-rk-14294a": "", children: k.map((l, u) => u % 2 ? /* @__PURE__ */ e("em", { "data-rk-14294a": "", children: l }) : l) })
+      ] }),
+      /* @__PURE__ */ s("div", { className: "spr__controls", "data-rk-14294a": "", children: [
+        c && /* @__PURE__ */ e("a", { className: "spr__all", href: c.href, "data-rk-14294a": "", children: c.label }),
+        /* @__PURE__ */ e("button", { type: "button", className: "spr__arrow", "aria-label": "Previous products", "aria-controls": i, "data-prev": !0, "data-rk-14294a": "", children: "←" }),
+        /* @__PURE__ */ e("button", { type: "button", className: "spr__arrow", "aria-label": "Next products", "aria-controls": i, "data-next": !0, "data-rk-14294a": "", children: "→" })
+      ] })
+    ] }),
+    /* @__PURE__ */ e("ul", { className: "spr__track", id: i, role: "region", "aria-label": w, tabIndex: 0, "data-track": !0, "data-rk-14294a": "", children: n.map((l, u) => /* @__PURE__ */ e("li", { className: "spr__slide", "data-rk-14294a": "", children: /* @__PURE__ */ e(R, { product: l, href: v(l.slug), index: o ? u + 1 : void 0, currency: p, locale: _, cartKey: h }) }, u)) }),
+    /* @__PURE__ */ e("div", { className: "spr__progress", "aria-hidden": "true", "data-rk-14294a": "", children: /* @__PURE__ */ e("span", { "data-progress": !0, "data-rk-14294a": "" }) })
+  ] }) });
+}
+function B(...d) {
+  const r = [], n = (a) => {
+    if (a) {
+      if (typeof a == "string" || typeof a == "number") r.push(String(a));
+      else if (Array.isArray(a)) a.forEach(n);
+      else if (typeof a == "object")
+        for (const [c, o] of Object.entries(a)) o && r.push(c);
+    }
+  };
+  return d.forEach(n), r.join(" ");
+}
+function U(d) {
+  const r = {};
+  for (const n of String(d ?? "").split(";")) {
+    const a = n.indexOf(":");
+    if (a < 0) continue;
+    const c = n.slice(0, a).trim();
+    c && (r[c.startsWith("--") ? c : c.replace(/-([a-z])/g, (o, p) => p.toUpperCase())] = n.slice(a + 1).trim());
+  }
+  return r;
+}
+function ne({
+  eyebrow: d = "Lookbook",
+  title: r = "Shop the *look*",
+  text: n = "A Sunday uniform: a soft overshirt, a tote that goes everywhere and the mug that starts the day.",
+  media: a = { icon: "jacket", hue: 22 },
+  spots: c = [
+    { x: 38, y: 34, product: { slug: "linen-overshirt", name: "Linen Overshirt", price: 145, category: "clothing", icon: "shirt", hue: 30 } },
+    { x: 66, y: 62, product: { slug: "field-tote", name: "Field Tote", price: 120, category: "bags", icon: "bag", hue: 18 } },
+    { x: 24, y: 76, product: { slug: "kiln-mug", name: "Kiln Mug", price: 32, category: "objects", icon: "mug", hue: 14 } }
+  ],
+  currency: o = "EUR",
+  locale: p = "en-GB",
+  cartKey: _ = "ack-cart",
+  variant: h = "image-left",
+  id: i = "lookbook",
+  className: m = ""
+}) {
+  const y = { currency: o, locale: p }, k = r.split(/\*(.+?)\*/g), w = c.reduce((t, l) => t + l.product.price, 0), v = j(!1);
+  return q(() => {
+    v.current || (v.current = !0, F(document), document.querySelectorAll("[data-lookbook]:not([data-bound])").forEach((t) => {
+      t.dataset.bound = "";
+      const l = Array.from(t.querySelectorAll("[data-spot]")), u = Array.from(t.querySelectorAll("[data-row]")), N = () => {
+        l.forEach((b) => {
+          b.setAttribute("aria-expanded", "false");
+          const S = document.getElementById(b.getAttribute("aria-controls") || "");
+          S && (S.hidden = !0);
+        }), u.forEach((b) => b.classList.remove("is-active"));
+      };
+      l.forEach((b, S) => {
+        var E, A;
+        b.addEventListener("click", (L) => {
+          var x;
+          L.stopPropagation();
+          const f = b.getAttribute("aria-expanded") !== "true";
+          if (N(), !f) return;
+          b.setAttribute("aria-expanded", "true");
+          const g = document.getElementById(b.getAttribute("aria-controls") || "");
+          g && (g.hidden = !1), (x = u[S]) == null || x.classList.add("is-active");
+        }), (E = u[S]) == null || E.addEventListener("mouseenter", () => b.classList.add("is-hint")), (A = u[S]) == null || A.addEventListener("mouseleave", () => b.classList.remove("is-hint"));
+      }), document.addEventListener("click", (b) => {
+        t.contains(b.target) || N();
+      }), t.addEventListener("keydown", (b) => {
+        if (b.key !== "Escape") return;
+        const S = l.find((E) => E.getAttribute("aria-expanded") === "true");
+        N(), S == null || S.focus();
+      });
+    }));
+  }, []), /* @__PURE__ */ e($, { children: /* @__PURE__ */ e("div", { className: "slb-cq", "data-rk-e29b78": "", children: /* @__PURE__ */ s("section", { className: B(["slb", `slb--${h}`, m]), "data-lookbook": !0, "data-rk-e29b78": "", children: [
+    /* @__PURE__ */ s("div", { className: "slb__stage", "data-rk-e29b78": "", children: [
+      /* @__PURE__ */ e(C, { image: a.image, alt: a.alt ?? "", icon: a.icon, hue: a.hue, ratio: "4 / 5", variant: "soft", size: "lg" }),
+      c.map((t, l) => {
+        var u, N;
+        return /* @__PURE__ */ s("div", { className: "slb__spot", style: U(`left: ${t.x}%; top: ${t.y}%`), "data-rk-e29b78": "", children: [
+          /* @__PURE__ */ e("button", { type: "button", className: "slb__dot", "aria-expanded": "false", "aria-controls": `${i}-pop-${l}`, "aria-label": `${l + 1}: ${t.product.name}, ${M(t.product.price, y)}`, "data-spot": l, "data-rk-e29b78": "", children: l + 1 }),
+          /* @__PURE__ */ s("div", { className: B(["slb__pop", { "slb__pop--left": t.x > 60 }]), id: `${i}-pop-${l}`, hidden: !0, "data-pop": !0, "data-rk-e29b78": "", children: [
+            /* @__PURE__ */ e("p", { className: "slb__pop-name", "data-rk-e29b78": "", children: t.product.name }),
+            /* @__PURE__ */ e("p", { className: "slb__pop-price", "data-rk-e29b78": "", children: M(t.product.price, y) }),
+            /* @__PURE__ */ s("div", { className: "slb__pop-actions", "data-rk-e29b78": "", children: [
+              /* @__PURE__ */ e("a", { href: t.href ?? "#", "data-rk-e29b78": "", children: "View" }),
+              /* @__PURE__ */ e("button", { type: "button", "data-add-to-cart": JSON.stringify({ id: t.product.slug, name: t.product.name, price: t.product.price, icon: t.product.icon, hue: t.product.hue, variant: (N = (u = t.product.colors) == null ? void 0 : u[0]) == null ? void 0 : N.name }), "data-cart-key": _, "data-open-cart": "false", "data-added-label": "Added", "data-rk-e29b78": "", children: /* @__PURE__ */ e("span", { "data-label": !0, "data-rk-e29b78": "", children: "Add to bag" }) })
+            ] })
+          ] })
+        ] }, l);
+      })
+    ] }),
+    /* @__PURE__ */ s("div", { className: "slb__copy", "data-rk-e29b78": "", children: [
+      d && /* @__PURE__ */ e("p", { className: "slb__eyebrow", "data-rk-e29b78": "", children: d }),
+      /* @__PURE__ */ e("h2", { className: "slb__title", "data-rk-e29b78": "", children: k.map((t, l) => l % 2 ? /* @__PURE__ */ e("em", { "data-rk-e29b78": "", children: t }) : t) }),
+      n && /* @__PURE__ */ e("p", { className: "slb__text", "data-rk-e29b78": "", children: n }),
+      /* @__PURE__ */ e("ol", { className: "slb__list", "data-rk-e29b78": "", children: c.map((t, l) => /* @__PURE__ */ s("li", { className: "slb__row", "data-row": l, "data-rk-e29b78": "", children: [
+        /* @__PURE__ */ e("span", { className: "slb__row-num", "aria-hidden": "true", "data-rk-e29b78": "", children: String(l + 1).padStart(2, "0") }),
+        /* @__PURE__ */ e("a", { className: "slb__row-name", href: t.href ?? "#", "data-rk-e29b78": "", children: t.product.name }),
+        /* @__PURE__ */ e("span", { className: "slb__row-price", "data-rk-e29b78": "", children: M(t.product.price, y) })
+      ] }, l)) }),
+      /* @__PURE__ */ s("p", { className: "slb__total", "data-rk-e29b78": "", children: [
+        /* @__PURE__ */ e("span", { "data-rk-e29b78": "", children: "The complete look" }),
+        /* @__PURE__ */ e("strong", { "data-rk-e29b78": "", children: M(w, y) })
+      ] })
+    ] })
+  ] }) }) });
+}
+function J(...d) {
+  const r = [], n = (a) => {
+    if (a) {
+      if (typeof a == "string" || typeof a == "number") r.push(String(a));
+      else if (Array.isArray(a)) a.forEach(n);
+      else if (typeof a == "object")
+        for (const [c, o] of Object.entries(a)) o && r.push(c);
+    }
+  };
+  return d.forEach(n), r.join(" ");
+}
+function K(d) {
+  const r = {};
+  for (const n of String(d ?? "").split(";")) {
+    const a = n.indexOf(":");
+    if (a < 0) continue;
+    const c = n.slice(0, a).trim();
+    c && (r[c.startsWith("--") ? c : c.replace(/-([a-z])/g, (o, p) => p.toUpperCase())] = n.slice(a + 1).trim());
+  }
+  return r;
+}
+function ie({
+  words: d = ["Made slowly", "Natural fibres", "Small workshops", "Repaired for life"],
+  values: r = [
+    { title: "Honest materials", text: "Linen, wool, organic cotton and stoneware — traceable to the mill and the kiln." },
+    { title: "Made in small runs", text: "Each piece is produced in batches of a few hundred, never mass-manufactured." },
+    { title: "Kept for years", text: "Free repairs on everything we make, and a buy-back for pieces you have outgrown." }
+  ],
+  speed: n = 36,
+  variant: a = "plain",
+  size: c = "md",
+  className: o = ""
+}) {
+  return /* @__PURE__ */ e($, { children: /* @__PURE__ */ s("section", { className: J(["svm", `svm--${a}`, `svm--${c}`, o]), style: K(`--svm-speed: ${n}s`), "data-rk-6a922c": "", children: [
+    d.length > 0 && /* @__PURE__ */ e("div", { className: "svm__marquee", "aria-hidden": "true", "data-rk-6a922c": "", children: /* @__PURE__ */ e("div", { className: "svm__track", "data-rk-6a922c": "", children: [0, 1].map(() => d.map((p, _) => /* @__PURE__ */ s("span", { "data-rk-6a922c": "", children: [
+      p,
+      /* @__PURE__ */ e("i", { "data-rk-6a922c": "", children: "✺" })
+    ] }, _))) }) }),
+    r.length > 0 && /* @__PURE__ */ e("ol", { className: "svm__values", "data-rk-6a922c": "", children: r.map((p, _) => /* @__PURE__ */ s("li", { "data-rk-6a922c": "", children: [
+      /* @__PURE__ */ e("span", { className: "svm__num", "aria-hidden": "true", "data-rk-6a922c": "", children: String(_ + 1).padStart(2, "0") }),
+      /* @__PURE__ */ e("h3", { "data-rk-6a922c": "", children: p.title }),
+      /* @__PURE__ */ e("p", { "data-rk-6a922c": "", children: p.text })
+    ] }, _)) })
+  ] }) });
+}
+function T(...d) {
+  const r = [], n = (a) => {
+    if (a) {
+      if (typeof a == "string" || typeof a == "number") r.push(String(a));
+      else if (Array.isArray(a)) a.forEach(n);
+      else if (typeof a == "object")
+        for (const [c, o] of Object.entries(a)) o && r.push(c);
+    }
+  };
+  return d.forEach(n), r.join(" ");
+}
+function ce({
+  eyebrow: d = "Customer notes",
+  score: r = 4.9,
+  count: n = 1284,
+  reviews: a = [
+    { quote: "The overshirt has been washed forty times and it only gets softer. It is the first thing I reach for.", name: "Inés M.", place: "Valencia", product: "Linen Overshirt", rating: 5 },
+    { quote: "Packaging without plastic, a handwritten note, and a mug that feels made for my hands.", name: "Jonas P.", place: "Hamburg", product: "Kiln Mug", rating: 5 },
+    { quote: "They repaired the strap of my tote for free, two years after I bought it. That is rare.", name: "Amira S.", place: "Lyon", product: "Field Tote", rating: 5 }
+  ],
+  interval: c = 7e3,
+  variant: o = "plain",
+  className: p = ""
+}) {
+  const _ = j(!1);
+  return q(() => {
+    _.current || (_.current = !0, document.querySelectorAll("[data-reviews]:not([data-bound])").forEach((h) => {
+      h.dataset.bound = "";
+      const i = Array.from(h.querySelectorAll("[data-slide]")), m = Array.from(h.querySelectorAll("[data-page]"));
+      let y = 0, k = !1;
+      const w = (t) => {
+        y = (t + i.length) % i.length, i.forEach((l, u) => {
+          l.hidden = u !== y, l.classList.toggle("is-active", u === y);
+        }), m.forEach((l, u) => {
+          u === y ? l.setAttribute("aria-current", "true") : l.removeAttribute("aria-current");
+        });
+      };
+      m.forEach((t, l) => t.addEventListener("click", () => w(l))), h.addEventListener("mouseenter", () => {
+        k = !0;
+      }), h.addEventListener("mouseleave", () => {
+        k = !1;
+      }), h.addEventListener("focusin", () => {
+        k = !0;
+      }), h.addEventListener("focusout", () => {
+        k = !1;
+      });
+      const v = Number(h.dataset.interval) || 0;
+      v > 0 && i.length > 1 && !window.matchMedia("(prefers-reduced-motion: reduce)").matches && window.setInterval(() => {
+        !k && !document.hidden && w(y + 1);
+      }, v);
+    }));
+  }, []), /* @__PURE__ */ e($, { children: /* @__PURE__ */ e("div", { className: "sre-cq", "data-rk-45af0e": "", children: /* @__PURE__ */ s("section", { className: T(["sre", `sre--${o}`, p]), "aria-roledescription": "carousel", "aria-label": d, "data-reviews": !0, "data-interval": c, "data-rk-45af0e": "", children: [
+    /* @__PURE__ */ s("div", { className: "sre__side", "data-rk-45af0e": "", children: [
+      /* @__PURE__ */ e("p", { className: "sre__eyebrow", "data-rk-45af0e": "", children: d }),
+      /* @__PURE__ */ s("p", { className: "sre__score", "data-rk-45af0e": "", children: [
+        r.toFixed(1),
+        /* @__PURE__ */ e("span", { "data-rk-45af0e": "", children: "/5" })
+      ] }),
+      /* @__PURE__ */ e(W, { value: r, count: n, showValue: !1, size: "md" })
+    ] }),
+    /* @__PURE__ */ s("div", { className: "sre__main", "data-rk-45af0e": "", children: [
+      /* @__PURE__ */ e("div", { className: "sre__slides", "data-rk-45af0e": "", children: a.map((h, i) => /* @__PURE__ */ s("figure", { className: T(["sre__slide", { "is-active": i === 0 }]), hidden: i !== 0, "aria-roledescription": "slide", "aria-label": `${i + 1} of ${a.length}`, "data-slide": !0, "data-rk-45af0e": "", children: [
+        /* @__PURE__ */ e("blockquote", { className: "sre__quote", "data-rk-45af0e": "", children: /* @__PURE__ */ s("p", { "data-rk-45af0e": "", children: [
+          "“",
+          h.quote,
+          "”"
+        ] }) }),
+        /* @__PURE__ */ s("figcaption", { className: "sre__by", "data-rk-45af0e": "", children: [
+          /* @__PURE__ */ e("strong", { "data-rk-45af0e": "", children: h.name }),
+          h.place && /* @__PURE__ */ s("span", { "data-rk-45af0e": "", children: [
+            ", ",
+            h.place
+          ] }),
+          h.product && /* @__PURE__ */ s("span", { className: "sre__product", "data-rk-45af0e": "", children: [
+            "on ",
+            h.product
+          ] })
+        ] })
+      ] }, i)) }),
+      a.length > 1 && /* @__PURE__ */ e("div", { className: "sre__pager", role: "group", "aria-label": "Choose a review", "data-rk-45af0e": "", children: a.map((h, i) => /* @__PURE__ */ e("button", { type: "button", className: "sre__page", "aria-label": `Review ${i + 1}`, "aria-current": i === 0 ? "true" : void 0, "data-page": i, "data-rk-45af0e": "", children: String(i + 1).padStart(2, "0") }, i)) })
+    ] })
+  ] }) }) });
+}
+function H(...d) {
+  const r = [], n = (a) => {
+    if (a) {
+      if (typeof a == "string" || typeof a == "number") r.push(String(a));
+      else if (Array.isArray(a)) a.forEach(n);
+      else if (typeof a == "object")
+        for (const [c, o] of Object.entries(a)) o && r.push(c);
+    }
+  };
+  return d.forEach(n), r.join(" ");
+}
+function le({
+  title: d = "Letters from the *studio*",
+  text: r = "One email a month: new pieces before anyone else, the people who make them, and 10% off your first order.",
+  action: n = "#",
+  buttonLabel: a = "Subscribe",
+  consent: c = "By subscribing you accept our privacy policy. Unsubscribe in one click.",
+  successText: o = "Thank you — your first letter is on its way.",
+  variant: p = "plain",
+  size: _ = "md",
+  id: h = "shop-news",
+  className: i = ""
+}) {
+  const m = d.split(/\*(.+?)\*/g), y = j(!1);
+  return q(() => {
+    y.current || (y.current = !0, document.querySelectorAll("form[data-news]:not([data-bound])").forEach((k) => {
+      k.dataset.bound = "";
+      const w = k.querySelector('input[type="email"]'), v = k.querySelector("[data-msg]");
+      k.addEventListener("submit", (t) => {
+        const l = k.getAttribute("action") === "#";
+        if (!w.checkValidity()) {
+          t.preventDefault(), w.setAttribute("aria-invalid", "true"), v.dataset.state = "error", v.textContent = "Please enter a valid email address.", w.focus();
+          return;
+        }
+        w.removeAttribute("aria-invalid"), l && (t.preventDefault(), v.dataset.state = "ok", v.textContent = k.dataset.success || "Subscribed.", k.reset());
+      });
+    }));
+  }, []), /* @__PURE__ */ e($, { children: /* @__PURE__ */ e("div", { className: "sne-cq", "data-rk-b34b0e": "", children: /* @__PURE__ */ s("section", { className: H(["sne", `sne--${p}`, `sne--${_}`, i]), "aria-labelledby": `${h}-title`, "data-rk-b34b0e": "", children: [
+    /* @__PURE__ */ e("h2", { className: "sne__title", id: `${h}-title`, "data-rk-b34b0e": "", children: m.map((k, w) => w % 2 ? /* @__PURE__ */ e("em", { "data-rk-b34b0e": "", children: k }) : k) }),
+    /* @__PURE__ */ s("div", { className: "sne__side", "data-rk-b34b0e": "", children: [
+      r && /* @__PURE__ */ e("p", { className: "sne__text", "data-rk-b34b0e": "", children: r }),
+      /* @__PURE__ */ s("form", { className: "sne__form", action: n, method: "post", noValidate: !0, "data-news": !0, "data-success": o, "data-rk-b34b0e": "", children: [
+        /* @__PURE__ */ e("label", { className: "sne__label", htmlFor: `${h}-email`, "data-rk-b34b0e": "", children: "Email address" }),
+        /* @__PURE__ */ s("div", { className: "sne__field", "data-rk-b34b0e": "", children: [
+          /* @__PURE__ */ e("input", { id: `${h}-email`, name: "email", type: "email", required: !0, autoComplete: "email", placeholder: "you@example.com", "aria-describedby": `${h}-msg`, "data-rk-b34b0e": "" }),
+          /* @__PURE__ */ s("button", { type: "submit", "data-rk-b34b0e": "", children: [
+            a,
+            " ",
+            /* @__PURE__ */ e("span", { "aria-hidden": "true", "data-rk-b34b0e": "", children: "→" })
+          ] })
+        ] }),
+        /* @__PURE__ */ e("p", { className: "sne__msg", id: `${h}-msg`, "aria-live": "polite", "data-msg": !0, "data-rk-b34b0e": "" }),
+        c && /* @__PURE__ */ e("p", { className: "sne__consent", "data-rk-b34b0e": "", children: c })
+      ] })
+    ] })
+  ] }) }) });
+}
+function G(...d) {
+  const r = [], n = (a) => {
+    if (a) {
+      if (typeof a == "string" || typeof a == "number") r.push(String(a));
+      else if (Array.isArray(a)) a.forEach(n);
+      else if (typeof a == "object")
+        for (const [c, o] of Object.entries(a)) o && r.push(c);
+    }
+  };
+  return d.forEach(n), r.join(" ");
+}
+function de({
+  brand: d = "Forma",
+  brandHref: r = "/",
+  columns: n = [
+    { title: "Shop", links: [{ label: "Clothing", href: "#" }, { label: "Shoes", href: "#" }, { label: "Bags", href: "#" }, { label: "Objects", href: "#" }] },
+    { title: "Care", links: [{ label: "Shipping", href: "#" }, { label: "Returns", href: "#" }, { label: "Repairs", href: "#" }, { label: "Size guide", href: "#" }] },
+    { title: "Studio", links: [{ label: "About", href: "#" }, { label: "Journal", href: "#" }, { label: "Stockists", href: "#" }] }
+  ],
+  contact: a = { title: "Visit", lines: ["Calle del Pez 14, Madrid", "Tue–Sat · 11:00–20:00", "hello@forma.studio"] },
+  payments: c = ["Visa", "Mastercard", "PayPal", "Apple Pay"],
+  copyright: o = `© ${(/* @__PURE__ */ new Date()).getFullYear()} Forma Studio`,
+  variant: p = "plain",
+  className: _ = ""
+}) {
+  return /* @__PURE__ */ e($, { children: /* @__PURE__ */ s("footer", { className: G(["sfw", `sfw--${p}`, _]), "aria-labelledby": "sfw-title", "data-rk-d16b13": "", children: [
+    /* @__PURE__ */ e("h2", { id: "sfw-title", className: "sr-only", "data-rk-d16b13": "", children: "Site footer" }),
+    /* @__PURE__ */ s("div", { className: "sfw__top", "data-rk-d16b13": "", children: [
+      /* @__PURE__ */ e("a", { className: "sfw__brand", href: r, "data-rk-d16b13": "", children: d }),
+      n.map((h, i) => /* @__PURE__ */ s("nav", { className: "sfw__col", "aria-label": h.title, "data-rk-d16b13": "", children: [
+        /* @__PURE__ */ e("p", { className: "sfw__col-title", "data-rk-d16b13": "", children: h.title }),
+        /* @__PURE__ */ e("ul", { "data-rk-d16b13": "", children: h.links.map((m, y) => /* @__PURE__ */ e("li", { "data-rk-d16b13": "", children: /* @__PURE__ */ e("a", { href: m.href, "data-rk-d16b13": "", children: m.label }) }, y)) })
+      ] }, i)),
+      a && /* @__PURE__ */ s("div", { className: "sfw__col", "data-rk-d16b13": "", children: [
+        /* @__PURE__ */ e("p", { className: "sfw__col-title", "data-rk-d16b13": "", children: a.title }),
+        /* @__PURE__ */ e("address", { "data-rk-d16b13": "", children: a.lines.map((h, i) => /* @__PURE__ */ e("span", { "data-rk-d16b13": "", children: h }, i)) })
+      ] })
+    ] }),
+    /* @__PURE__ */ s("div", { className: "sfw__bottom", "data-rk-d16b13": "", children: [
+      /* @__PURE__ */ e("p", { "data-rk-d16b13": "", children: o }),
+      c.length > 0 && /* @__PURE__ */ e("ul", { className: "sfw__pay", "aria-label": "Payment methods", "data-rk-d16b13": "", children: c.map((h, i) => /* @__PURE__ */ e("li", { "data-rk-d16b13": "", children: h }, i)) })
+    ] }),
+    /* @__PURE__ */ s("p", { className: "sfw__wordmark", "aria-hidden": "true", "data-rk-d16b13": "", children: [
+      d,
+      /* @__PURE__ */ e("span", { "data-rk-d16b13": "", children: "°" })
+    ] })
+  ] }) });
+}
+function Q(...d) {
+  const r = [], n = (a) => {
+    if (a) {
+      if (typeof a == "string" || typeof a == "number") r.push(String(a));
+      else if (Array.isArray(a)) a.forEach(n);
+      else if (typeof a == "object")
+        for (const [c, o] of Object.entries(a)) o && r.push(c);
+    }
+  };
+  return d.forEach(n), r.join(" ");
+}
+function oe({
+  breadcrumb: d = [{ label: "Home", href: "#" }, { label: "Shop", href: "#" }, { label: "Clothing" }],
+  title: r = "Clothing",
+  count: n = 24,
+  text: a = "Overshirts, knitwear and outerwear cut from linen, merino and organic cotton. Designed to be layered, washed and worn for a decade.",
+  links: c = [
+    { label: "All", href: "#", active: !0 },
+    { label: "Overshirts", href: "#" },
+    { label: "Knitwear", href: "#" },
+    { label: "Outerwear", href: "#" }
+  ],
+  visuals: o = [{ icon: "shirt", hue: 30 }, { icon: "jacket", hue: 22 }, { icon: "sneaker", hue: 12 }],
+  variant: p = "split",
+  size: _ = "md",
+  className: h = ""
+}) {
+  return /* @__PURE__ */ e($, { children: /* @__PURE__ */ s("header", { className: Q(["sch", `sch--${p}`, `sch--${_}`, h]), "data-rk-979dea": "", children: [
+    /* @__PURE__ */ e("nav", { className: "sch__crumbs", "aria-label": "Breadcrumb", "data-rk-979dea": "", children: /* @__PURE__ */ e("ol", { "data-rk-979dea": "", children: d.map((i, m) => /* @__PURE__ */ e("li", { "data-rk-979dea": "", children: i.href && m < d.length - 1 ? /* @__PURE__ */ e("a", { href: i.href, "data-rk-979dea": "", children: i.label }) : /* @__PURE__ */ e("span", { "aria-current": "page", "data-rk-979dea": "", children: i.label }) }, m)) }) }),
+    /* @__PURE__ */ s("div", { className: "sch__main", "data-rk-979dea": "", children: [
+      /* @__PURE__ */ s("h1", { className: "sch__title", "data-rk-979dea": "", children: [
+        r,
+        n !== void 0 && /* @__PURE__ */ e("sup", { "data-rk-979dea": "", children: n })
+      ] }),
+      /* @__PURE__ */ s("div", { className: "sch__side", "data-rk-979dea": "", children: [
+        a && /* @__PURE__ */ e("p", { className: "sch__text", "data-rk-979dea": "", children: a }),
+        c.length > 0 && /* @__PURE__ */ e("ul", { className: "sch__links", "data-rk-979dea": "", children: c.map((i, m) => /* @__PURE__ */ e("li", { "data-rk-979dea": "", children: /* @__PURE__ */ e("a", { href: i.href, "aria-current": i.active ? "page" : void 0, "data-rk-979dea": "", children: i.label }) }, m)) })
+      ] })
+    ] }),
+    o.length > 0 && /* @__PURE__ */ e("div", { className: "sch__strip", "aria-hidden": "true", "data-rk-979dea": "", children: o.slice(0, 3).map((i, m) => /* @__PURE__ */ e(C, { image: i.image, icon: i.icon, hue: i.hue, ratio: "16 / 9", variant: "soft", size: "md" }, m)) })
+  ] }) });
+}
+export {
+  oe as S,
+  re as a,
+  de as b,
+  ae as c,
+  te as d,
+  ne as e,
+  le as f,
+  se as g,
+  ce as h,
+  ie as i
+};