@reblu/site-blocks 0.27.0 → 0.28.0

package/dist/index.cjs

@@ -22,6 +22,7 @@ var src_exports = {};
 __export(src_exports, {
   ALLOWED_YOUTUBE_HOSTS: () => ALLOWED_YOUTUBE_HOSTS,
   AddedToCartToast: () => AddedToCartToast,
+  ArbitrationBadge: () => ArbitrationBadge,
   CartAdjustmentsNotice: () => CartAdjustmentsNotice,
   CartLineList: () => CartLineList,
   CartSummary: () => CartSummary,
@@ -14369,6 +14370,33 @@ function FaqAccordion({
 
 // src/components/trust-badges.tsx
 var import_utils12 = require("@reblu/site-ui/utils");
+
+// src/lib/trust-badge-media.ts
+var DEFAULT_ADHESION_NUMBER_LABEL = "N.\xBA de adhesi\xF3n";
+function safeHref(url) {
+  if (typeof url !== "string") return null;
+  try {
+    const parsed = new URL(url);
+    return parsed.protocol === "https:" || parsed.protocol === "http:" ? url : null;
+  } catch {
+    return null;
+  }
+}
+function safeLogoSrc(url) {
+  if (typeof url !== "string" || url === "") return null;
+  if (url.startsWith("/")) return url.startsWith("//") || url.startsWith("/\\") ? null : url;
+  return safeHref(url);
+}
+function adhesionNumberOf(badge) {
+  const value = badge.adhesionNumber;
+  return typeof value === "string" && value.trim() !== "" ? value.trim() : null;
+}
+function trustBadgeAlt(badge, numberLabel = DEFAULT_ADHESION_NUMBER_LABEL) {
+  const number2 = adhesionNumberOf(badge);
+  return number2 ? `${badge.name}. ${numberLabel} ${number2}` : badge.name;
+}
+
+// src/components/trust-badges.tsx
 var import_jsx_runtime16 = (
   // eslint-disable-next-line @next/next/no-img-element -- framework-agnostic SDK; the SITE owns image optimisation
   require("react/jsx-runtime")
@@ -14379,7 +14407,8 @@ var DEFAULT_TRUST_BADGE_HEADINGS = Object.freeze(
     INSURANCE: "Aseguradoras",
     SUBVENTION: "Financiaci\xF3n",
     CERTIFICATION: "Certificaciones",
-    AWARD: "Premios"
+    AWARD: "Premios",
+    CONSUMER_ARBITRATION: "Arbitraje de consumo"
   }
 );
 var DEFAULT_TRUST_BADGE_TYPE_ORDER = Object.freeze([
@@ -14389,26 +14418,12 @@ var DEFAULT_TRUST_BADGE_TYPE_ORDER = Object.freeze([
   "PARTNER",
   "INSURANCE"
 ]);
-var KNOWN_TYPES = new Set(DEFAULT_TRUST_BADGE_TYPE_ORDER);
+var KNOWN_TYPES = new Set(Object.keys(DEFAULT_TRUST_BADGE_HEADINGS));
 function isUsable(value) {
   if (typeof value !== "object" || value === null) return false;
   const entry = value;
   return typeof entry.type === "string" && KNOWN_TYPES.has(entry.type) && typeof entry.name === "string" && entry.name.trim() !== "";
 }
-function safeHref(url) {
-  if (typeof url !== "string") return null;
-  try {
-    const parsed = new URL(url);
-    return parsed.protocol === "https:" || parsed.protocol === "http:" ? url : null;
-  } catch {
-    return null;
-  }
-}
-function safeLogoSrc(url) {
-  if (typeof url !== "string" || url === "") return null;
-  if (url.startsWith("/")) return url.startsWith("//") || url.startsWith("/\\") ? null : url;
-  return safeHref(url);
-}
 function BadgeContent({ badge, logoClassName }) {
   const src = safeLogoSrc(badge.logoUrl);
   if (src) {
@@ -14416,7 +14431,7 @@ function BadgeContent({ badge, logoClassName }) {
       "img",
       {
         src,
-        alt: badge.name,
+        alt: trustBadgeAlt(badge),
         loading: "lazy",
         className: (0, import_utils12.cn)("h-12 w-auto object-contain", logoClassName)
       }
@@ -14506,41 +14521,96 @@ function TrustBadges({
   );
 }
 
-// src/components/page-blocks.tsx
+// src/components/arbitration-badge.tsx
 var import_utils13 = require("@reblu/site-ui/utils");
-var import_button_variants2 = require("@reblu/site-ui/button-variants");
 var import_jsx_runtime17 = require("react/jsx-runtime");
+function isArbitrationBadge(value) {
+  if (typeof value !== "object" || value === null) return false;
+  const entry = value;
+  return entry.type === "CONSUMER_ARBITRATION" && typeof entry.name === "string" && entry.name.trim() !== "";
+}
+function ArbitrationBadge({
+  badges,
+  numberLabel = DEFAULT_ADHESION_NUMBER_LABEL,
+  showNumber = true,
+  newWindowLabel = "(se abre en una ventana nueva)",
+  className,
+  logoClassName,
+  numberClassName
+}) {
+  if (!Array.isArray(badges)) return null;
+  const items = badges.filter(isArbitrationBadge);
+  if (items.length === 0) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+    "ul",
+    {
+      "data-slot": "arbitration-badges",
+      className: (0, import_utils13.cn)("flex flex-wrap items-start gap-6", className),
+      children: items.map((badge) => {
+        const src = safeLogoSrc(badge.logoUrl);
+        const href = safeHref(badge.url);
+        const number2 = adhesionNumberOf(badge);
+        const caption = number2 && (showNumber || !src) ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: (0, import_utils13.cn)("text-xs", numberClassName), "aria-hidden": src ? "true" : void 0, children: `${numberLabel} ${number2}` }) : null;
+        const content = /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("span", { className: "inline-flex flex-col items-center gap-1 text-center", children: [
+          src ? (
+            // eslint-disable-next-line @next/next/no-img-element -- framework-agnostic SDK; the SITE owns image optimisation
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+              "img",
+              {
+                src,
+                alt: trustBadgeAlt(badge, numberLabel),
+                loading: "lazy",
+                className: (0, import_utils13.cn)("h-16 w-auto object-contain", logoClassName)
+              }
+            )
+          ) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "text-sm font-medium", children: badge.name }),
+          caption
+        ] });
+        return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("li", { "data-slot": "arbitration-badge", children: href ? /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("a", { href, target: "_blank", rel: "noopener noreferrer", className: "inline-flex", children: [
+          content,
+          " ",
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "sr-only", children: newWindowLabel })
+        ] }) : content }, badge.id);
+      })
+    }
+  );
+}
+
+// src/components/page-blocks.tsx
+var import_utils14 = require("@reblu/site-ui/utils");
+var import_button_variants2 = require("@reblu/site-ui/button-variants");
+var import_jsx_runtime18 = require("react/jsx-runtime");
 var ALIASES = {
   doctor_embed: "profile_embed",
   specialty_embed: "page_embed"
 };
 function HeroBlock({ block, headingLevel }) {
   const { title, subtitle, imageUrl } = block.data;
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Heading, { level: headingLevel, className: "text-3xl font-bold tracking-tight md:text-4xl", children: title }),
-    subtitle && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { className: "text-lg opacity-80", children: subtitle }),
-    imageUrl && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "relative aspect-[21/9] w-full overflow-hidden rounded-xl bg-muted", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("img", { src: imageUrl, alt: "", loading: "lazy", className: "h-full w-full object-cover" }) })
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Heading, { level: headingLevel, className: "text-3xl font-bold tracking-tight md:text-4xl", children: title }),
+    subtitle && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { className: "text-lg opacity-80", children: subtitle }),
+    imageUrl && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "relative aspect-[21/9] w-full overflow-hidden rounded-xl bg-muted", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("img", { src: imageUrl, alt: "", loading: "lazy", className: "h-full w-full object-cover" }) })
   ] });
 }
 function RichtextBlock({ block, headingLevel }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(SafeHtml, { html: sanitizeHtml(block.data.html), headingOffset: headingLevel - 1 });
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(SafeHtml, { html: sanitizeHtml(block.data.html), headingOffset: headingLevel - 1 });
 }
 function FaqBlock({ block }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(FaqAccordion, { items: block.data.items });
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(FaqAccordion, { items: block.data.items });
 }
 function StatsBlock({ block }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("dl", { className: "grid gap-6 sm:grid-cols-2 lg:grid-cols-4", children: block.data.items.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex flex-col-reverse gap-1", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("dt", { className: "text-sm opacity-80", children: item.label }),
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("dd", { className: "text-3xl font-bold", children: item.value })
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("dl", { className: "grid gap-6 sm:grid-cols-2 lg:grid-cols-4", children: block.data.items.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex flex-col-reverse gap-1", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("dt", { className: "text-sm opacity-80", children: item.label }),
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("dd", { className: "text-3xl font-bold", children: item.value })
   ] }, i)) });
 }
 function TestimonialBlock({ block }) {
   const { quote, author, role, avatarUrl } = block.data;
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("figure", { className: "space-y-4", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("blockquote", { className: "text-xl italic", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { children: quote }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("figcaption", { className: "flex items-center gap-3", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("figure", { className: "space-y-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("blockquote", { className: "text-xl italic", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { children: quote }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("figcaption", { className: "flex items-center gap-3", children: [
       avatarUrl && // eslint-disable-next-line @next/next/no-img-element
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
         "img",
         {
           src: avatarUrl,
@@ -14549,9 +14619,9 @@ function TestimonialBlock({ block }) {
           className: "h-10 w-10 rounded-full object-cover"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("span", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "font-semibold", children: author }),
-        role && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "block text-sm opacity-80", children: role })
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("span", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "font-semibold", children: author }),
+        role && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "block text-sm opacity-80", children: role })
       ] })
     ] })
   ] });
@@ -14560,19 +14630,19 @@ function CtaSlotBlock(_props) {
   return null;
 }
 function FeatureListBlock({ block }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("ul", { className: "grid list-disc gap-2 pl-5 sm:grid-cols-2", children: block.data.items.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("li", { children: item.text }, i)) });
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("ul", { className: "grid list-disc gap-2 pl-5 sm:grid-cols-2", children: block.data.items.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("li", { children: item.text }, i)) });
 }
 function GalleryBlock({ block }) {
   const { images } = block.data;
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
     "div",
     {
-      className: (0, import_utils13.cn)(
+      className: (0, import_utils14.cn)(
         "grid gap-4",
         images.length > 1 ? "sm:grid-cols-2 lg:grid-cols-3" : "grid-cols-1"
       ),
-      children: images.map((img, i) => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("figure", { className: "space-y-1", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "relative aspect-video w-full overflow-hidden rounded-lg bg-muted", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+      children: images.map((img, i) => /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("figure", { className: "space-y-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "relative aspect-video w-full overflow-hidden rounded-lg bg-muted", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
           "img",
           {
             src: img.url,
@@ -14581,7 +14651,7 @@ function GalleryBlock({ block }) {
             className: "h-full w-full object-cover"
           }
         ) }),
-        img.caption && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("figcaption", { className: "text-sm opacity-80", children: img.caption })
+        img.caption && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("figcaption", { className: "text-sm opacity-80", children: img.caption })
       ] }, `${img.url}-${i}`))
     }
   );
@@ -14591,13 +14661,13 @@ function EmbedCard({
   headingLevel,
   embedHref
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
     "a",
     {
       href: embedHref(resolved),
       className: "group block overflow-hidden rounded-xl border border-border bg-card text-card-foreground transition-shadow hover:shadow-md focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring",
       children: [
-        resolved.coverImageUrl && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "aspect-video w-full overflow-hidden bg-muted", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+        resolved.coverImageUrl && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "aspect-video w-full overflow-hidden bg-muted", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
           "img",
           {
             src: resolved.coverImageUrl,
@@ -14606,24 +14676,24 @@ function EmbedCard({
             className: "h-full w-full object-cover"
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "space-y-1 p-4", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Heading, { level: headingLevel, className: "text-lg font-semibold", children: resolved.title }),
-          resolved.role && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { className: "text-sm text-muted-foreground", children: resolved.role }),
-          resolved.excerpt && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { className: "text-muted-foreground", children: resolved.excerpt })
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "space-y-1 p-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Heading, { level: headingLevel, className: "text-lg font-semibold", children: resolved.title }),
+          resolved.role && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { className: "text-sm text-muted-foreground", children: resolved.role }),
+          resolved.excerpt && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { className: "text-muted-foreground", children: resolved.excerpt })
         ] })
       ]
     }
   );
 }
 function PageEmbedBlock({ block, headingLevel, embedHref }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(EmbedCard, { resolved: block.resolved, headingLevel, embedHref });
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(EmbedCard, { resolved: block.resolved, headingLevel, embedHref });
 }
 function ProfileEmbedBlock({
   block,
   headingLevel,
   embedHref
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(EmbedCard, { resolved: block.resolved, headingLevel, embedHref });
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(EmbedCard, { resolved: block.resolved, headingLevel, embedHref });
 }
 var DEFAULT_RENDERERS = {
   hero: HeroBlock,
@@ -14680,14 +14750,14 @@ function toIdFragment(value) {
 function SectionCta2({ cta }) {
   if (!hasUsableCta(cta)) return null;
   const variant = toButtonVariant(cta.variant);
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "pt-2", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "pt-2", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
     "a",
     {
       href: cta.url,
       "data-slot": "button",
       "data-variant": variant,
       "data-size": "default",
-      className: (0, import_utils13.cn)((0, import_button_variants2.buttonVariants)({ variant, size: "default" })),
+      className: (0, import_utils14.cn)((0, import_button_variants2.buttonVariants)({ variant, size: "default" })),
       ...cta.isExternal ? { target: "_blank", rel: "noopener noreferrer" } : {},
       children: cta.label
     }
@@ -14713,17 +14783,17 @@ function PageBlocks({
     const headingId = block.heading ? `${safePrefix}-${toIdFragment(block.id)}-heading` : void 0;
     const background = block.backgroundColor;
     return [
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
         "section",
         {
           "data-slot": "page-block",
           "data-block-type": type,
           "aria-labelledby": headingId,
           style: surfaceStyle(background),
-          className: (0, import_utils13.cn)("space-y-6", background && "rounded-xl px-6 py-10", sectionClassName),
+          className: (0, import_utils14.cn)("space-y-6", background && "rounded-xl px-6 py-10", sectionClassName),
           children: [
-            block.heading && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Heading, { level: headingLevel, className: "text-2xl font-bold tracking-tight", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { id: headingId, children: block.heading }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+            block.heading && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Heading, { level: headingLevel, className: "text-2xl font-bold tracking-tight", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { id: headingId, children: block.heading }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
               Renderer,
               {
                 block,
@@ -14731,7 +14801,7 @@ function PageBlocks({
                 embedHref
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(SectionCta2, { cta: block.cta })
+            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(SectionCta2, { cta: block.cta })
           ]
         },
         block.id
@@ -14739,12 +14809,12 @@ function PageBlocks({
     ];
   });
   if (sections.length === 0) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: (0, import_utils13.cn)("space-y-12", className), "data-slot": "page-blocks", children: sections });
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: (0, import_utils14.cn)("space-y-12", className), "data-slot": "page-blocks", children: sections });
 }
 
 // src/components/shop-filters.tsx
-var import_utils14 = require("@reblu/site-ui/utils");
-var import_jsx_runtime18 = require("react/jsx-runtime");
+var import_utils15 = require("@reblu/site-ui/utils");
+var import_jsx_runtime19 = require("react/jsx-runtime");
 var DEFAULT_SHOP_PRICE_BANDS = [
   { max: 2500 },
   { min: 2500, max: 5e3 },
@@ -14788,7 +14858,7 @@ function priceBandLabel(band, t, currencyCode, locale) {
   return "";
 }
 function OptionLink({ href, active, label, onActivate }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
     "a",
     {
       href,
@@ -14797,7 +14867,7 @@ function OptionLink({ href, active, label, onActivate }) {
         event.preventDefault();
         onActivate();
       } : void 0,
-      className: (0, import_utils14.cn)(
+      className: (0, import_utils15.cn)(
         "inline-flex items-center rounded-full border px-3 py-1 text-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
         active ? "border-transparent bg-primary text-primary-foreground" : "border-border text-muted-foreground hover:bg-muted hover:text-foreground"
       ),
@@ -14806,9 +14876,9 @@ function OptionLink({ href, active, label, onActivate }) {
   );
 }
 function FilterFieldset({ legend, children: children2 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("fieldset", { className: "space-y-2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("legend", { className: "text-sm font-medium text-foreground", children: legend }),
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "flex flex-wrap gap-2", children: children2 })
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("fieldset", { className: "space-y-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("legend", { className: "text-sm font-medium text-foreground", children: legend }),
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "flex flex-wrap gap-2", children: children2 })
   ] });
 }
 function ShopFilters({
@@ -14831,11 +14901,11 @@ function ShopFilters({
   if (!shouldRenderShopFilters(facets, active)) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: (0, import_utils14.cn)("space-y-6", className), "data-slot": "shop-filters", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: (0, import_utils15.cn)("space-y-6", className), "data-slot": "shop-filters", children: [
     visibleTaxonomies.map((axis) => {
       const activeSlug = active.taxonomy?.[axis.key];
-      return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(FilterFieldset, { legend: axis.label, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(FilterFieldset, { legend: axis.label, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
           OptionLink,
           {
             href: hrefs.taxonomy(axis.key, void 0),
@@ -14850,7 +14920,7 @@ function ShopFilters({
         ),
         axis.terms.map((term) => {
           const isActive = activeSlug === term.slug;
-          return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+          return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
             OptionLink,
             {
               href: hrefs.taxonomy(axis.key, isActive ? void 0 : term.slug),
@@ -14870,9 +14940,9 @@ function ShopFilters({
     }),
     visibleAttributes.map((attr) => {
       const activeValues = toValueArray(active.attr?.[attr.key]);
-      return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(FilterFieldset, { legend: attr.label, children: attr.options.map((opt) => {
+      return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(FilterFieldset, { legend: attr.label, children: attr.options.map((opt) => {
         const isActive = activeValues.includes(opt.value);
-        return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
           OptionLink,
           {
             href: hrefs.attr(attr.key, opt.value),
@@ -14890,11 +14960,11 @@ function ShopFilters({
         );
       }) }, attr.key);
     }),
-    showPriceGroup && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(FilterFieldset, { legend: t.price, children: priceBands.map((band, i) => {
+    showPriceGroup && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(FilterFieldset, { legend: t.price, children: priceBands.map((band, i) => {
       const isActive = active.priceMin === band.min && active.priceMax === band.max;
       const nextMin = isActive ? void 0 : band.min;
       const nextMax = isActive ? void 0 : band.max;
-      return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
         OptionLink,
         {
           href: hrefs.price(nextMin, nextMax),
@@ -14905,7 +14975,7 @@ function ShopFilters({
         i
       );
     }) }),
-    hasOnSale && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    hasOnSale && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
       OptionLink,
       {
         href: hrefs.onSale(!active.onSale),
@@ -14914,7 +14984,7 @@ function ShopFilters({
         onActivate: onChange ? () => onChange({ onSale: !active.onSale }) : void 0
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
       "a",
       {
         href: hrefs.clearAll(),
@@ -14930,8 +15000,8 @@ function ShopFilters({
 }
 
 // src/components/course-catalog-filters.tsx
-var import_utils15 = require("@reblu/site-ui/utils");
-var import_jsx_runtime19 = require("react/jsx-runtime");
+var import_utils16 = require("@reblu/site-ui/utils");
+var import_jsx_runtime20 = require("react/jsx-runtime");
 var DEFAULT_COURSE_PRICE_BANDS = [
   { max: 5e3 },
   { min: 5e3, max: 15e3 },
@@ -14984,9 +15054,9 @@ function CourseCatalogFilters({
   const showPrice = enabled.price !== false;
   const isFree = Boolean(active.free);
   if (!showCategories && !showInstructors && !showPrice) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: (0, import_utils15.cn)("space-y-6", className), "data-slot": "course-catalog-filters", children: [
-    showCategories && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(FilterFieldset, { legend: t.category, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: (0, import_utils16.cn)("space-y-6", className), "data-slot": "course-catalog-filters", children: [
+    showCategories && /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(FilterFieldset, { legend: t.category, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
         OptionLink,
         {
           href: categoryHref(void 0),
@@ -14998,7 +15068,7 @@ function CourseCatalogFilters({
       sortedCategories.map((category) => {
         const isActive = active.category === category.slug;
         const next2 = isActive ? void 0 : category.slug;
-        return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
           OptionLink,
           {
             href: categoryHref(next2),
@@ -15010,8 +15080,8 @@ function CourseCatalogFilters({
         );
       })
     ] }),
-    showInstructors && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(FilterFieldset, { legend: t.instructor, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+    showInstructors && /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(FilterFieldset, { legend: t.instructor, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
         OptionLink,
         {
           href: hrefs.instructor(void 0),
@@ -15023,7 +15093,7 @@ function CourseCatalogFilters({
       named.map((instructor) => {
         const isActive = active.instructor === instructor.id;
         const next2 = isActive ? void 0 : instructor.id;
-        return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
           OptionLink,
           {
             href: hrefs.instructor(next2),
@@ -15035,8 +15105,8 @@ function CourseCatalogFilters({
         );
       })
     ] }),
-    showPrice && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(FilterFieldset, { legend: t.price, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+    showPrice && /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(FilterFieldset, { legend: t.price, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
         OptionLink,
         {
           href: hrefs.free(!isFree),
@@ -15051,7 +15121,7 @@ function CourseCatalogFilters({
         const isActive = !isFree && active.priceMin === band.min && active.priceMax === band.max;
         const nextMin = isActive ? void 0 : band.min;
         const nextMax = isActive ? void 0 : band.max;
-        return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
           OptionLink,
           {
             href: hrefs.price(nextMin, nextMax),
@@ -15063,7 +15133,7 @@ function CourseCatalogFilters({
         );
       })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
       "a",
       {
         href: hrefs.clearAll(),
@@ -15085,8 +15155,8 @@ function CourseCatalogFilters({
 }
 
 // src/components/cart-line-list.tsx
-var import_utils16 = require("@reblu/site-ui/utils");
-var import_jsx_runtime20 = require("react/jsx-runtime");
+var import_utils17 = require("@reblu/site-ui/utils");
+var import_jsx_runtime21 = require("react/jsx-runtime");
 var DEFAULT_LABELS2 = {
   quantityLabel: "Cantidad",
   decrease: "Reducir cantidad",
@@ -15112,9 +15182,9 @@ function CartLineList({
 }) {
   const t = { ...DEFAULT_LABELS2, ...labels };
   const noticeContent = notice === true ? t.cancelledNotice : notice;
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: (0, import_utils16.cn)("space-y-4", className), "data-slot": "cart-line-list", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { "aria-live": "polite", className: "sr-only", children: liveMessage }),
-    noticeContent != null && noticeContent !== false && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: (0, import_utils17.cn)("space-y-4", className), "data-slot": "cart-line-list", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { "aria-live": "polite", className: "sr-only", children: liveMessage }),
+    noticeContent != null && noticeContent !== false && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
       "div",
       {
         role: "status",
@@ -15123,33 +15193,33 @@ function CartLineList({
         children: noticeContent
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("ul", { className: "space-y-4", children: items.map((item) => {
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("ul", { className: "space-y-4", children: items.map((item) => {
       const maxQty = item.maxStock ?? Infinity;
       const atMax = item.quantity >= maxQty;
       const atMin = item.quantity <= 1;
       const message = lineMessage?.(item);
-      return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+      return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
         "li",
         {
           className: "flex gap-4 rounded-xl border border-border bg-card p-4",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "h-20 w-20 flex-shrink-0 overflow-hidden rounded-lg bg-muted", children: item.imageUrl ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("img", { src: item.imageUrl, alt: item.name, className: "h-full w-full object-cover" }) : null }),
-            /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "min-w-0 flex-1", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", { className: "truncate text-sm font-semibold leading-tight", children: item.name }),
-              item.variantName && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", { className: "mt-0.5 text-xs text-muted-foreground", children: item.variantName }),
-              /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("p", { className: "mt-1 text-sm text-muted-foreground", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "h-20 w-20 flex-shrink-0 overflow-hidden rounded-lg bg-muted", children: item.imageUrl ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("img", { src: item.imageUrl, alt: item.name, className: "h-full w-full object-cover" }) : null }),
+            /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "min-w-0 flex-1", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { className: "truncate text-sm font-semibold leading-tight", children: item.name }),
+              item.variantName && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { className: "mt-0.5 text-xs text-muted-foreground", children: item.variantName }),
+              /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("p", { className: "mt-1 text-sm text-muted-foreground", children: [
                 formatPrice(item.unitPrice, currencyCode, locale),
                 " ",
                 t.unitPriceSuffix
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
                 "div",
                 {
                   role: "group",
                   "aria-label": t.quantityLabel,
                   className: "mt-3 flex items-center gap-3",
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
                       "button",
                       {
                         type: "button",
@@ -15160,8 +15230,8 @@ function CartLineList({
                         children: "\u2212"
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "w-8 text-center text-sm font-semibold tabular-nums", children: item.quantity }),
-                    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "w-8 text-center text-sm font-semibold tabular-nums", children: item.quantity }),
+                    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
                       "button",
                       {
                         type: "button",
@@ -15172,7 +15242,7 @@ function CartLineList({
                         children: "+"
                       }
                     ),
-                    onRemove && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+                    onRemove && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
                       "button",
                       {
                         type: "button",
@@ -15185,7 +15255,7 @@ function CartLineList({
                   ]
                 }
               ),
-              message != null && message !== false && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+              message != null && message !== false && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
                 "p",
                 {
                   className: "mt-2 text-sm text-destructive",
@@ -15194,7 +15264,7 @@ function CartLineList({
                 }
               )
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "flex-shrink-0 text-right", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", { className: "text-base font-bold", children: formatPrice(item.unitPrice * item.quantity, currencyCode, locale) }) })
+            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "flex-shrink-0 text-right", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { className: "text-base font-bold", children: formatPrice(item.unitPrice * item.quantity, currencyCode, locale) }) })
           ]
         },
         lineKey(item.productId, item.variantId)
@@ -15204,8 +15274,8 @@ function CartLineList({
 }
 
 // src/components/cart-summary.tsx
-var import_utils17 = require("@reblu/site-ui/utils");
-var import_jsx_runtime21 = require("react/jsx-runtime");
+var import_utils18 = require("@reblu/site-ui/utils");
+var import_jsx_runtime22 = require("react/jsx-runtime");
 var DEFAULT_LABELS3 = {
   subtotal: "Subtotal",
   discountPrefix: "Descuento",
@@ -15235,37 +15305,37 @@ function CartSummary({
   const hasDiscount = Boolean(discountAmount && discountAmount > 0);
   const noticeContent = notice === true ? t.cancelledNotice : notice;
   const hasNotice = noticeContent != null && noticeContent !== false;
-  const breakdown = /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+  const breakdown = /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
     "dl",
     {
-      className: (0, import_utils17.cn)("space-y-2 text-sm", !hasNotice && className),
+      className: (0, import_utils18.cn)("space-y-2 text-sm", !hasNotice && className),
       "data-slot": "cart-summary",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "flex justify-between text-muted-foreground", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("dt", { children: t.subtotal }),
-          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("dd", { children: formatPrice(subtotal, currencyCode, locale) })
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "flex justify-between text-muted-foreground", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("dt", { children: t.subtotal }),
+          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("dd", { children: formatPrice(subtotal, currencyCode, locale) })
         ] }),
-        hasDiscount && /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "flex justify-between text-green-600 dark:text-green-400", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("dt", { children: autoDiscount ? t.staffDiscountApplied : `${t.discountPrefix}${discountCode ? ` (${discountCode})` : ""}` }),
-          /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("dd", { children: [
+        hasDiscount && /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "flex justify-between text-green-600 dark:text-green-400", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("dt", { children: autoDiscount ? t.staffDiscountApplied : `${t.discountPrefix}${discountCode ? ` (${discountCode})` : ""}` }),
+          /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("dd", { children: [
             "-",
             formatPrice(discountAmount, currencyCode, locale)
           ] })
         ] }),
-        shippingEnabled && /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "flex justify-between text-muted-foreground", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("dt", { children: t.shipping }),
-          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("dd", { children: shipping == null || !Number.isFinite(shipping) ? t.shippingCalculated : shipping === 0 ? t.freeShipping : formatPrice(shipping, currencyCode, locale) })
+        shippingEnabled && /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "flex justify-between text-muted-foreground", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("dt", { children: t.shipping }),
+          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("dd", { children: shipping == null || !Number.isFinite(shipping) ? t.shippingCalculated : shipping === 0 ? t.freeShipping : formatPrice(shipping, currencyCode, locale) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "flex justify-between border-t border-border pt-2 text-base font-bold", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("dt", { children: t.total }),
-          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("dd", { children: formatPrice(total, currencyCode, locale) })
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "flex justify-between border-t border-border pt-2 text-base font-bold", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("dt", { children: t.total }),
+          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("dd", { children: formatPrice(total, currencyCode, locale) })
         ] })
       ]
     }
   );
   if (!hasNotice) return breakdown;
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: (0, import_utils17.cn)("space-y-3", className), "data-slot": "cart-summary-wrapper", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: (0, import_utils18.cn)("space-y-3", className), "data-slot": "cart-summary-wrapper", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
       "div",
       {
         role: "status",
@@ -15279,8 +15349,8 @@ function CartSummary({
 }
 
 // src/components/cart-adjustments-notice.tsx
-var import_utils18 = require("@reblu/site-ui/utils");
-var import_jsx_runtime22 = require("react/jsx-runtime");
+var import_utils19 = require("@reblu/site-ui/utils");
+var import_jsx_runtime23 = require("react/jsx-runtime");
 var DEFAULT_LABELS4 = {
   removed: (names) => names.length === 1 ? `Hemos quitado del carrito: ${names[0]}, ya no est\xE1 disponible.` : `Hemos quitado del carrito: ${names.join(", ")}, ya no est\xE1n disponibles.`,
   quantityChanged: (name, quantity) => `Hemos ajustado la cantidad de ${name} a ${quantity} por el stock disponible.`,
@@ -15314,20 +15384,20 @@ function CartAdjustmentsNotice({
     );
   }
   if (messages.length === 0) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
     "div",
     {
       role: "status",
-      className: (0, import_utils18.cn)("rounded-lg border border-border bg-muted px-3 py-2 text-sm", className),
+      className: (0, import_utils19.cn)("rounded-lg border border-border bg-muted px-3 py-2 text-sm", className),
       "data-slot": "cart-adjustments-notice",
-      children: messages.length === 1 ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { children: messages[0] }) : /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("ul", { className: "list-disc space-y-1 pl-4", children: messages.map((message, index) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("li", { children: message }, index)) })
+      children: messages.length === 1 ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { children: messages[0] }) : /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("ul", { className: "list-disc space-y-1 pl-4", children: messages.map((message, index) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("li", { children: message }, index)) })
     }
   );
 }
 
 // src/components/added-to-cart-toast.tsx
-var import_utils19 = require("@reblu/site-ui/utils");
-var import_jsx_runtime23 = (
+var import_utils20 = require("@reblu/site-ui/utils");
+var import_jsx_runtime24 = (
   // eslint-disable-next-line @next/next/no-img-element -- toast content, not a Next <Image> layout context
   require("react/jsx-runtime")
 );
@@ -15350,32 +15420,32 @@ function AddedToCartToast({
   const message = status === "error" ? t.error : status === "outOfStock" ? t.outOfStock : t.success;
   const hasThumbnail = Boolean(imageUrl && imageUrl.trim().length > 0);
   const variant = status === "success" ? "success" : "error";
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
     "div",
     {
       "data-slot": "added-to-cart-toast",
       "data-variant": variant,
-      className: (0, import_utils19.cn)(
+      className: (0, import_utils20.cn)(
         "flex items-center gap-3 rounded-xl border border-border bg-card p-3 text-sm shadow-lg",
         variant === "success" && "border-green-600/30 dark:border-green-400/30",
         variant === "error" && "border-destructive/30",
         className
       ),
       children: [
-        hasThumbnail && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("img", { src: imageUrl, alt: productName, className: "h-10 w-10 flex-shrink-0 rounded-lg object-cover" }),
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "min-w-0 flex-1", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { className: "truncate font-semibold text-foreground", children: productName }),
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { className: "truncate text-muted-foreground", children: quantity && quantity > 1 ? `${message} \xB7 x${quantity}` : message })
+        hasThumbnail && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("img", { src: imageUrl, alt: productName, className: "h-10 w-10 flex-shrink-0 rounded-lg object-cover" }),
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { className: "truncate font-semibold text-foreground", children: productName }),
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { className: "truncate text-muted-foreground", children: quantity && quantity > 1 ? `${message} \xB7 x${quantity}` : message })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "flex-shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("a", { href: cartHref, className: "text-sm font-semibold text-primary underline-offset-2 hover:underline", children: t.viewCart }) })
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "flex-shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("a", { href: cartHref, className: "text-sm font-semibold text-primary underline-offset-2 hover:underline", children: t.viewCart }) })
       ]
     }
   );
 }
 
 // src/components/checkout-login-prompt.tsx
-var import_utils20 = require("@reblu/site-ui/utils");
-var import_jsx_runtime24 = require("react/jsx-runtime");
+var import_utils21 = require("@reblu/site-ui/utils");
+var import_jsx_runtime25 = require("react/jsx-runtime");
 var DEFAULT_LABELS6 = {
   title: "Identificaci\xF3n",
   description: "Introduce tu email para agilizar el proceso o contin\xFAa como invitado.",
@@ -15402,26 +15472,26 @@ function CheckoutLoginPrompt({
   if (!open) return null;
   const t = { ...DEFAULT_LABELS6, ...labels };
   const isValidEmail = EMAIL_PATTERN.test(email.trim());
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_jsx_runtime24.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "fixed inset-0 z-50 bg-black/50", onClick: onClose, "aria-hidden": "true" }),
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_jsx_runtime25.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "fixed inset-0 z-50 bg-black/50", onClick: onClose, "aria-hidden": "true" }),
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
       "div",
       {
         role: "dialog",
         "aria-modal": "true",
         "aria-labelledby": "checkout-login-prompt-title",
         "data-slot": "checkout-login-prompt",
-        className: (0, import_utils20.cn)(
+        className: (0, import_utils21.cn)(
           "fixed left-1/2 top-1/2 z-50 w-full max-w-md -translate-x-1/2 -translate-y-1/2 space-y-5 rounded-2xl border border-border bg-background p-6 shadow-2xl",
           className
         ),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex items-start justify-between gap-3", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("h2", { id: "checkout-login-prompt-title", className: "text-xl font-bold", children: t.title }),
-              /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { className: "mt-1 text-sm text-muted-foreground", children: t.description })
+          /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex items-start justify-between gap-3", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("h2", { id: "checkout-login-prompt-title", className: "text-xl font-bold", children: t.title }),
+              /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { className: "mt-1 text-sm text-muted-foreground", children: t.description })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
               "button",
               {
                 type: "button",
@@ -15432,9 +15502,9 @@ function CheckoutLoginPrompt({
               }
             )
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("label", { htmlFor: "checkout-login-prompt-email", className: "text-sm font-medium", children: t.emailLabel }),
-            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("label", { htmlFor: "checkout-login-prompt-email", className: "text-sm font-medium", children: t.emailLabel }),
+            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
               "input",
               {
                 id: "checkout-login-prompt-email",
@@ -15443,29 +15513,29 @@ function CheckoutLoginPrompt({
                 value: email,
                 onChange: (e) => onEmailChange(e.target.value),
                 placeholder: t.emailPlaceholder,
-                className: (0, import_utils20.cn)(
+                className: (0, import_utils21.cn)(
                   "w-full rounded-lg border bg-background px-3 py-2 text-sm transition focus:outline-none focus:ring-2 focus:ring-primary/20",
                   error ? "border-destructive" : "border-border focus:border-primary"
                 )
               }
             ),
-            error && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { className: "text-xs text-destructive", children: error })
+            error && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { className: "text-xs text-destructive", children: error })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
               "button",
               {
                 type: "button",
                 onClick: onSubmitEmail,
                 disabled: checking || !isValidEmail,
-                className: (0, import_utils20.cn)(
+                className: (0, import_utils21.cn)(
                   "flex w-full cursor-pointer items-center justify-center gap-2 rounded-xl px-4 py-2.5 text-sm font-semibold transition-all",
                   checking || !isValidEmail ? "cursor-not-allowed bg-muted text-muted-foreground" : "bg-primary text-primary-foreground hover:bg-primary/90"
                 ),
                 children: checking ? t.checking : t.continueWithEmail
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
               "button",
               {
                 type: "button",
@@ -15482,9 +15552,9 @@ function CheckoutLoginPrompt({
 }
 
 // src/components/checkout-form.tsx
-var import_utils21 = require("@reblu/site-ui/utils");
+var import_utils22 = require("@reblu/site-ui/utils");
 var import_phone_input = require("@reblu/site-ui/phone-input");
-var import_jsx_runtime25 = require("react/jsx-runtime");
+var import_jsx_runtime26 = require("react/jsx-runtime");
 var DEFAULT_LABELS7 = {
   contactTitle: "Datos de contacto",
   nameLabel: "Nombre completo",
@@ -15540,22 +15610,22 @@ function CheckoutForm({
     event.preventDefault();
     if (discountCode.trim() && !discountApplying) onApplyDiscount();
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_jsx_runtime25.Fragment, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_jsx_runtime26.Fragment, { children: [
     loginPrompt,
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
       "form",
       {
         "data-testid": "checkout-form",
         onSubmit,
-        className: (0, import_utils21.cn)("space-y-8", className),
+        className: (0, import_utils22.cn)("space-y-8", className),
         "data-slot": "checkout-form",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("section", { className: "space-y-4", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("h2", { className: "border-b border-border pb-2 text-lg font-semibold", children: t.contactTitle }),
-            /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "space-y-1", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("label", { htmlFor: "checkout-form-name", className: "text-sm font-medium", children: t.nameLabel }),
-                /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("section", { className: "space-y-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("h2", { className: "border-b border-border pb-2 text-lg font-semibold", children: t.contactTitle }),
+            /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "space-y-1", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("label", { htmlFor: "checkout-form-name", className: "text-sm font-medium", children: t.nameLabel }),
+                /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
                   "input",
                   {
                     id: "checkout-form-name",
@@ -15564,17 +15634,17 @@ function CheckoutForm({
                     value: contact.name,
                     onChange: (e) => patchContact({ name: e.target.value }),
                     placeholder: t.namePlaceholder,
-                    className: (0, import_utils21.cn)(
+                    className: (0, import_utils22.cn)(
                       "w-full rounded-lg border bg-background px-3 py-2 text-sm transition focus:outline-none focus:ring-2 focus:ring-primary/20",
                       contactErrors?.name ? "border-destructive" : "border-border focus:border-primary"
                     )
                   }
                 ),
-                contactErrors?.name && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { className: "text-xs text-destructive", children: contactErrors.name })
+                contactErrors?.name && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { className: "text-xs text-destructive", children: contactErrors.name })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "space-y-1", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("label", { htmlFor: "checkout-form-email", className: "text-sm font-medium", children: t.emailLabel }),
-                /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "space-y-1", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("label", { htmlFor: "checkout-form-email", className: "text-sm font-medium", children: t.emailLabel }),
+                /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
                   "input",
                   {
                     id: "checkout-form-email",
@@ -15583,15 +15653,15 @@ function CheckoutForm({
                     value: contact.email,
                     onChange: (e) => patchContact({ email: e.target.value }),
                     placeholder: t.emailPlaceholder,
-                    className: (0, import_utils21.cn)(
+                    className: (0, import_utils22.cn)(
                       "w-full rounded-lg border bg-background px-3 py-2 text-sm transition focus:outline-none focus:ring-2 focus:ring-primary/20",
                       contactErrors?.email ? "border-destructive" : "border-border focus:border-primary"
                     )
                   }
                 ),
-                contactErrors?.email && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { className: "text-xs text-destructive", children: contactErrors.email })
+                contactErrors?.email && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { className: "text-xs text-destructive", children: contactErrors.email })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "space-y-1", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "space-y-1", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
                 import_phone_input.PhoneInput,
                 {
                   id: "checkout-form-phone",
@@ -15605,26 +15675,26 @@ function CheckoutForm({
             ] })
           ] }),
           children2,
-          generalError ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { role: "alert", className: "text-sm text-destructive", children: generalError }) : null,
-          /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("section", { className: "space-y-3", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("h2", { className: "border-b border-border pb-2 text-lg font-semibold", children: t.discountTitle }),
-            autoDiscount ? /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+          generalError ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { role: "alert", className: "text-sm text-destructive", children: generalError }) : null,
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("section", { className: "space-y-3", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("h2", { className: "border-b border-border pb-2 text-lg font-semibold", children: t.discountTitle }),
+            autoDiscount ? /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
               "div",
               {
                 className: "flex items-center gap-2 rounded-lg border border-green-200 bg-green-50 px-4 py-3 text-sm text-green-700 dark:border-green-800 dark:bg-green-900/20 dark:text-green-400",
                 "data-slot": "checkout-staff-discount",
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "font-semibold", children: t.staffDiscountApplied }),
-                  /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { children: t.discountAppliedSuffix(formatPrice(autoDiscount.amount, currencyCode, locale)) })
+                  /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "font-semibold", children: t.staffDiscountApplied }),
+                  /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { children: t.discountAppliedSuffix(formatPrice(autoDiscount.amount, currencyCode, locale)) })
                 ]
               }
             ) : null,
-            appliedDiscount && !autoDiscount ? /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex items-center justify-between rounded-lg border border-green-200 bg-green-50 px-4 py-3 dark:border-green-800 dark:bg-green-900/20", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex items-center gap-2 text-sm text-green-700 dark:text-green-400", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "font-semibold", children: appliedDiscount.code }),
-                /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { children: t.discountAppliedSuffix(formatPrice(appliedDiscount.amount, currencyCode, locale)) })
+            appliedDiscount && !autoDiscount ? /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex items-center justify-between rounded-lg border border-green-200 bg-green-50 px-4 py-3 dark:border-green-800 dark:bg-green-900/20", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex items-center gap-2 text-sm text-green-700 dark:text-green-400", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "font-semibold", children: appliedDiscount.code }),
+                /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { children: t.discountAppliedSuffix(formatPrice(appliedDiscount.amount, currencyCode, locale)) })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
                 "button",
                 {
                   type: "button",
@@ -15634,9 +15704,9 @@ function CheckoutForm({
                   children: t.removeDiscount
                 }
               )
-            ] }) : /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex gap-2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("label", { htmlFor: "checkout-form-discount-code", className: "sr-only", children: t.discountTitle }),
-              /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+            ] }) : /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex gap-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("label", { htmlFor: "checkout-form-discount-code", className: "sr-only", children: t.discountTitle }),
+              /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
                 "input",
                 {
                   id: "checkout-form-discount-code",
@@ -15648,7 +15718,7 @@ function CheckoutForm({
                   className: "flex-1 rounded-lg border border-border bg-background px-3 py-2 text-sm uppercase transition focus:border-primary focus:outline-none focus:ring-2 focus:ring-primary/20"
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
                 "button",
                 {
                   type: "button",
@@ -15659,14 +15729,14 @@ function CheckoutForm({
                 }
               )
             ] }),
-            discountError && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { className: "text-xs text-destructive", children: discountError })
+            discountError && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { className: "text-xs text-destructive", children: discountError })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
             "button",
             {
               type: "submit",
               disabled: submitting || submitDisabled,
-              className: (0, import_utils21.cn)(
+              className: (0, import_utils22.cn)(
                 "flex w-full cursor-pointer items-center justify-center gap-2 rounded-xl px-4 py-3 font-semibold transition-all",
                 submitting || submitDisabled ? "cursor-not-allowed bg-muted text-muted-foreground" : "bg-primary text-primary-foreground hover:bg-primary/90"
               ),
@@ -15680,11 +15750,11 @@ function CheckoutForm({
 }
 
 // src/components/order-confirmation.tsx
-var import_utils23 = require("@reblu/site-ui/utils");
+var import_utils24 = require("@reblu/site-ui/utils");
 
 // src/components/order-invoice-link.tsx
-var import_utils22 = require("@reblu/site-ui/utils");
-var import_jsx_runtime26 = require("react/jsx-runtime");
+var import_utils23 = require("@reblu/site-ui/utils");
+var import_jsx_runtime27 = require("react/jsx-runtime");
 var DEFAULT_LABELS8 = {
   linkLabel: "Descargar la factura {number}",
   signInHint: "Te pediremos que inicies sesi\xF3n para abrirla."
@@ -15692,8 +15762,8 @@ var DEFAULT_LABELS8 = {
 function OrderInvoiceLink({ invoice, labels, className }) {
   if (!invoice) return null;
   const t = { ...DEFAULT_LABELS8, ...labels };
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: (0, import_utils22.cn)("space-y-1 text-sm", className), "data-slot": "order-invoice-link", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: (0, import_utils23.cn)("space-y-1 text-sm", className), "data-slot": "order-invoice-link", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
       "a",
       {
         href: invoice.url,
@@ -15701,12 +15771,12 @@ function OrderInvoiceLink({ invoice, labels, className }) {
         children: t.linkLabel.replace("{number}", invoice.number)
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { className: "text-muted-foreground", children: t.signInHint })
+    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("p", { className: "text-muted-foreground", children: t.signInHint })
   ] });
 }
 
 // src/components/order-confirmation.tsx
-var import_jsx_runtime27 = require("react/jsx-runtime");
+var import_jsx_runtime28 = require("react/jsx-runtime");
 var DEFAULT_LABELS9 = {
   pollingTitle: "Confirmando tu pedido\u2026",
   pollingDescription: "Estamos procesando el pago, un momento\u2026",
@@ -15772,43 +15842,43 @@ function OrderConfirmation({
   const showOrderReference = Boolean(order) && !showFullOrderSummary && (status === "refunded" || status === "partially_refunded" || status === "pending_timeout");
   const showSessionReference = !order && sessionId && (status === "timeout" || status === "not_found" || status === "pending_timeout");
   const showRecheck = (status === "pending_timeout" || status === "error") && onRecheck;
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: (0, import_utils23.cn)("space-y-6 text-center", className), "data-slot": "order-confirmation", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("h1", { className: "text-3xl font-bold", children: title }),
-    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("p", { className: "text-lg text-muted-foreground", children: description }),
-    showFullOrderSummary && order && /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "space-y-6", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "inline-block rounded-xl bg-muted px-6 py-4", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("p", { className: "mb-1 text-xs uppercase tracking-widest text-muted-foreground", children: t.orderNumberLabel }),
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("p", { className: "font-mono text-lg font-semibold", children: order.orderNumber })
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: (0, import_utils24.cn)("space-y-6 text-center", className), "data-slot": "order-confirmation", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("h1", { className: "text-3xl font-bold", children: title }),
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("p", { className: "text-lg text-muted-foreground", children: description }),
+    showFullOrderSummary && order && /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "space-y-6", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "inline-block rounded-xl bg-muted px-6 py-4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("p", { className: "mb-1 text-xs uppercase tracking-widest text-muted-foreground", children: t.orderNumberLabel }),
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("p", { className: "font-mono text-lg font-semibold", children: order.orderNumber })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "mx-auto max-w-sm space-y-3 rounded-xl border border-border bg-card p-5 text-left", children: [
-        order.items.map((item, idx) => /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "mx-auto max-w-sm space-y-3 rounded-xl border border-border bg-card p-5 text-left", children: [
+        order.items.map((item, idx) => /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
           "div",
           {
             className: "flex justify-between gap-4 text-sm",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("span", { className: "max-w-[60%] truncate text-muted-foreground", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("span", { className: "max-w-[60%] truncate text-muted-foreground", children: [
                 item.product.name,
                 item.variant ? ` (${item.variant.name})` : "",
                 " x",
                 item.quantity
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { children: formatPrice(item.total, currencyCode, locale) })
+              /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { children: formatPrice(item.total, currencyCode, locale) })
             ]
           },
           idx
         )),
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "space-y-1 border-t border-border pt-3 text-sm", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "flex justify-between pt-1 text-base font-bold", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { children: t.totalLabel }),
-          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { children: formatPrice(order.total, currencyCode, locale) })
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "space-y-1 border-t border-border pt-3 text-sm", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "flex justify-between pt-1 text-base font-bold", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { children: t.totalLabel }),
+          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { children: formatPrice(order.total, currencyCode, locale) })
         ] }) })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("p", { className: "mx-auto max-w-sm text-sm text-muted-foreground", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("p", { className: "mx-auto max-w-sm text-sm text-muted-foreground", children: [
         t.confirmationEmailPrefix,
         " ",
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "font-medium text-foreground", children: order.customerEmail }),
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "font-medium text-foreground", children: order.customerEmail }),
         "."
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
         OrderInvoiceLink,
         {
           invoice: order.invoice,
@@ -15816,11 +15886,11 @@ function OrderConfirmation({
         }
       )
     ] }),
-    showOrderReference && order && /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "inline-block rounded-xl bg-muted px-6 py-4", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("p", { className: "mb-1 text-xs uppercase tracking-widest text-muted-foreground", children: t.orderReferenceLabel }),
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("p", { className: "font-mono text-lg font-semibold", children: order.orderNumber })
+    showOrderReference && order && /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "inline-block rounded-xl bg-muted px-6 py-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("p", { className: "mb-1 text-xs uppercase tracking-widest text-muted-foreground", children: t.orderReferenceLabel }),
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("p", { className: "font-mono text-lg font-semibold", children: order.orderNumber })
     ] }),
-    status === "failed" && cartHref && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+    status === "failed" && cartHref && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
       "a",
       {
         href: cartHref,
@@ -15828,7 +15898,7 @@ function OrderConfirmation({
         children: t.backToCartLabel
       }
     ),
-    showRecheck && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+    showRecheck && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
       "button",
       {
         type: "button",
@@ -15837,16 +15907,16 @@ function OrderConfirmation({
         children: t.recheckLabel
       }
     ),
-    showSessionReference && /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "inline-block rounded-xl bg-muted px-6 py-4", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("p", { className: "mb-1 text-xs uppercase tracking-widest text-muted-foreground", children: t.sessionReferenceLabel }),
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("p", { className: "break-all font-mono text-sm font-semibold", children: sessionId })
+    showSessionReference && /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "inline-block rounded-xl bg-muted px-6 py-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("p", { className: "mb-1 text-xs uppercase tracking-widest text-muted-foreground", children: t.sessionReferenceLabel }),
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("p", { className: "break-all font-mono text-sm font-semibold", children: sessionId })
     ] })
   ] });
 }
 
 // src/components/full-invoice-fields.tsx
-var import_utils24 = require("@reblu/site-ui/utils");
-var import_jsx_runtime28 = require("react/jsx-runtime");
+var import_utils25 = require("@reblu/site-ui/utils");
+var import_jsx_runtime29 = require("react/jsx-runtime");
 var EMPTY_FULL_INVOICE_VALUE = {
   wantsFullInvoice: false,
   billingIdType: "NIF",
@@ -15963,12 +16033,12 @@ function FullInvoiceFields({
   const showFields = value.wantsFullInvoice || overCap;
   const isSpanishNif = value.billingIdType === "NIF";
   const set = (key2, next2) => onChange({ ...value, [key2]: next2 });
-  const error = (key2) => errors[key2] ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("p", { id: `full-invoice-${key2}-error`, className: "text-sm text-destructive", children: errors[key2] }) : null;
+  const error = (key2) => errors[key2] ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("p", { id: `full-invoice-${key2}-error`, className: "text-sm text-destructive", children: errors[key2] }) : null;
   const invalid2 = (key2) => errors[key2] ? { "aria-invalid": true, "aria-describedby": `full-invoice-${key2}-error` } : {};
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("section", { className: (0, import_utils24.cn)("space-y-4", className), "data-slot": "full-invoice-fields", children: [
-    overCap ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("p", { role: "note", className: "rounded-lg border border-border p-4 text-sm", children: t.overCapNotice }) : /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "space-y-1", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("label", { className: "flex items-center gap-2 text-sm font-medium", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("section", { className: (0, import_utils25.cn)("space-y-4", className), "data-slot": "full-invoice-fields", children: [
+    overCap ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("p", { role: "note", className: "rounded-lg border border-border p-4 text-sm", children: t.overCapNotice }) : /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "space-y-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("label", { className: "flex items-center gap-2 text-sm font-medium", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
           "input",
           {
             type: "checkbox",
@@ -15978,12 +16048,12 @@ function FullInvoiceFields({
         ),
         t.toggle
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("p", { className: "text-sm text-muted-foreground", children: t.underCapNotice })
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("p", { className: "text-sm text-muted-foreground", children: t.underCapNotice })
     ] }),
-    showFields && /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "space-y-1", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("label", { htmlFor: "full-invoice-id-type", className: "text-sm font-medium", children: t.idType }),
-        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+    showFields && /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "space-y-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("label", { htmlFor: "full-invoice-id-type", className: "text-sm font-medium", children: t.idType }),
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
           "select",
           {
             id: "full-invoice-id-type",
@@ -15992,14 +16062,14 @@ function FullInvoiceFields({
             value: value.billingIdType,
             onChange: (e) => set("billingIdType", e.target.value),
             ...invalid2("billingIdType"),
-            children: ID_TYPES.map((type) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("option", { value: type, children: t.idTypeOptions[type] }, type))
+            children: ID_TYPES.map((type) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("option", { value: type, children: t.idTypeOptions[type] }, type))
           }
         ),
         error("billingIdType")
       ] }),
-      !isSpanishNif && /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "space-y-1", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("label", { htmlFor: "full-invoice-id-country", className: "text-sm font-medium", children: t.idCountry }),
-        /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
+      !isSpanishNif && /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "space-y-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("label", { htmlFor: "full-invoice-id-country", className: "text-sm font-medium", children: t.idCountry }),
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
           "select",
           {
             id: "full-invoice-id-country",
@@ -16009,16 +16079,16 @@ function FullInvoiceFields({
             onChange: (e) => set("billingIdCountry", e.target.value),
             ...invalid2("billingIdCountry"),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("option", { value: "", disabled: true, children: t.chooseCountry }),
-              countries.map((c) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("option", { value: c.code, children: c.name }, c.code))
+              /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("option", { value: "", disabled: true, children: t.chooseCountry }),
+              countries.map((c) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("option", { value: c.code, children: c.name }, c.code))
             ]
           }
         ),
         error("billingIdCountry")
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "space-y-1", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("label", { htmlFor: "full-invoice-nif", className: "text-sm font-medium", children: isSpanishNif ? t.spanishNif : t.documentNumber }),
-        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "space-y-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("label", { htmlFor: "full-invoice-nif", className: "text-sm font-medium", children: isSpanishNif ? t.spanishNif : t.documentNumber }),
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
           "input",
           {
             id: "full-invoice-nif",
@@ -16031,9 +16101,9 @@ function FullInvoiceFields({
         ),
         error("billingNif")
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "space-y-1", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("label", { htmlFor: "full-invoice-name", className: "text-sm font-medium", children: t.name }),
-        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "space-y-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("label", { htmlFor: "full-invoice-name", className: "text-sm font-medium", children: t.name }),
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
           "input",
           {
             id: "full-invoice-name",
@@ -16046,9 +16116,9 @@ function FullInvoiceFields({
         ),
         error("billingName")
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "space-y-1 sm:col-span-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("label", { htmlFor: "full-invoice-street", className: "text-sm font-medium", children: t.street }),
-        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "space-y-1 sm:col-span-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("label", { htmlFor: "full-invoice-street", className: "text-sm font-medium", children: t.street }),
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
           "input",
           {
             id: "full-invoice-street",
@@ -16060,9 +16130,9 @@ function FullInvoiceFields({
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "space-y-1", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("label", { htmlFor: "full-invoice-postal-code", className: "text-sm font-medium", children: t.postalCode }),
-        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "space-y-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("label", { htmlFor: "full-invoice-postal-code", className: "text-sm font-medium", children: t.postalCode }),
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
           "input",
           {
             id: "full-invoice-postal-code",
@@ -16073,9 +16143,9 @@ function FullInvoiceFields({
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "space-y-1", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("label", { htmlFor: "full-invoice-city", className: "text-sm font-medium", children: t.city }),
-        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "space-y-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("label", { htmlFor: "full-invoice-city", className: "text-sm font-medium", children: t.city }),
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
           "input",
           {
             id: "full-invoice-city",
@@ -16086,9 +16156,9 @@ function FullInvoiceFields({
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "space-y-1", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("label", { htmlFor: "full-invoice-country", className: "text-sm font-medium", children: t.country }),
-        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "space-y-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("label", { htmlFor: "full-invoice-country", className: "text-sm font-medium", children: t.country }),
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
           "select",
           {
             id: "full-invoice-country",
@@ -16096,18 +16166,18 @@ function FullInvoiceFields({
             required: true,
             value: value.country,
             onChange: (e) => set("country", e.target.value),
-            children: countries.map((c) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("option", { value: c.code, children: c.name }, c.code))
+            children: countries.map((c) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("option", { value: c.code, children: c.name }, c.code))
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "sm:col-span-2", children: error("address") })
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "sm:col-span-2", children: error("address") })
     ] })
   ] });
 }
 
 // src/components/contact-interest-field.tsx
-var import_utils25 = require("@reblu/site-ui/utils");
-var import_jsx_runtime29 = require("react/jsx-runtime");
+var import_utils26 = require("@reblu/site-ui/utils");
+var import_jsx_runtime30 = require("react/jsx-runtime");
 function ContactInterestField({
   interest,
   value,
@@ -16124,18 +16194,18 @@ function ContactInterestField({
     else next2.delete(option2);
     onChange(interest.options.filter((candidate) => next2.has(candidate)));
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("fieldset", { "data-slot": "contact-interest", className: (0, import_utils25.cn)("space-y-2", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("legend", { className: "text-sm font-medium", children: interest.label }),
-    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "flex flex-col gap-2", children: interest.options.map((option2, index) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("fieldset", { "data-slot": "contact-interest", className: (0, import_utils26.cn)("space-y-2", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("legend", { className: "text-sm font-medium", children: interest.label }),
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "flex flex-col gap-2", children: interest.options.map((option2, index) => {
       const id = `${idPrefix}-${index}`;
-      return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+      return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
         "label",
         {
           htmlFor: id,
           "data-slot": "contact-interest-option",
           className: "flex items-center gap-2 text-sm",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
               "input",
               {
                 id,
@@ -16160,6 +16230,7 @@ var import_site_contracts = require("@reblu/site-contracts");
 0 && (module.exports = {
   ALLOWED_YOUTUBE_HOSTS,
   AddedToCartToast,
+  ArbitrationBadge,
   CartAdjustmentsNotice,
   CartLineList,
   CartSummary,