@thorprovider/blocks 2.0.0 → 3.0.1

package/dist/blocks/e-commerce/product-overview/product-overview-gallery.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/blocks/e-commerce/product-overview/product-overview-gallery.tsx"],"sourcesContent":["import { Camera } from 'lucide-react'\nimport { Badge } from '../../../ui/badge'\nimport { cn } from '../../../lib/utils'\n\nexport interface ProductOverviewGalleryProps {\n  /** Resolved image URLs for the product (never empty strings; a fallback is allowed). */\n  images: string[]\n  /** Product title, used for alt text. */\n  title: string\n  /** Optional badge label; omitted when absent. */\n  badgeLabel?: string\n  selectedImage: number\n  onSelectImage: (index: number) => void\n  photosLabel?: string\n}\n\n/**\n * Image-forward gallery used by the canonical ProductOverview `rich` presentation: a large\n * primary image with an optional badge and a photo count, plus a thumbnail strip. Operates on\n * already-resolved URLs so it carries no product-shape assumption (no `mainImages`/`galleryImages`\n * split, no sector fields).\n */\nexport function ProductOverviewGallery({\n  images,\n  title,\n  badgeLabel,\n  selectedImage,\n  onSelectImage,\n  photosLabel = 'fotos',\n}: ProductOverviewGalleryProps) {\n  const activeImage = images[Math.min(selectedImage, images.length - 1)]\n\n  return (\n    <div>\n      <div className='bg-muted relative aspect-square overflow-hidden rounded-xl'>\n        <img src={activeImage || undefined} alt={title} className='size-full object-cover' />\n        {badgeLabel ? (\n          <Badge className='absolute top-4 left-4 px-2.5 py-0.5 font-semibold'>{badgeLabel}</Badge>\n        ) : null}\n        <div className='absolute right-4 bottom-4 rounded-full bg-black/60 px-3 py-1.5 text-sm text-white backdrop-blur-sm'>\n          <Camera className='mr-1 inline size-4' />\n          {images.length} {photosLabel}\n        </div>\n      </div>\n\n      {images.length > 1 ? (\n        <div className='mt-4 flex gap-3 overflow-x-auto pb-2'>\n          {images.map((image, index) => (\n            <button\n              type='button'\n              key={`${title}:gallery:${index}`}\n              onClick={() => onSelectImage(index)}\n              className={cn(\n                'relative aspect-square size-20 flex-shrink-0 cursor-pointer overflow-hidden rounded-lg border-2 transition-all',\n                selectedImage === index\n                  ? 'border-primary ring-primary/20 shadow-md ring-2'\n                  : 'border-muted hover:border-muted-foreground/50',\n              )}\n              aria-label={`Mostrar imagen ${index + 1} de ${title}`}\n              aria-pressed={selectedImage === index}\n            >\n              <img src={image || undefined} alt={`${title} ${index + 1}`} className='size-full object-cover' />\n            </button>\n          ))}\n        </div>\n      ) : null}\n    </div>\n  )\n}\n\nexport default ProductOverviewGallery\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAmCQ;AAnCR,0BAAuB;AACvB,mBAAsB;AACtB,mBAAmB;AAoBZ,SAAS,uBAAuB;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAChB,GAAgC;AAC9B,QAAM,cAAc,OAAO,KAAK,IAAI,eAAe,OAAO,SAAS,CAAC,CAAC;AAErE,SACE,6CAAC,SACC;AAAA,iDAAC,SAAI,WAAU,8DACb;AAAA,kDAAC,SAAI,KAAK,eAAe,QAAW,KAAK,OAAO,WAAU,0BAAyB;AAAA,MAClF,aACC,4CAAC,sBAAM,WAAU,qDAAqD,sBAAW,IAC/E;AAAA,MACJ,6CAAC,SAAI,WAAU,sGACb;AAAA,oDAAC,8BAAO,WAAU,sBAAqB;AAAA,QACtC,OAAO;AAAA,QAAO;AAAA,QAAE;AAAA,SACnB;AAAA,OACF;AAAA,IAEC,OAAO,SAAS,IACf,4CAAC,SAAI,WAAU,wCACZ,iBAAO,IAAI,CAAC,OAAO,UAClB;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QAEL,SAAS,MAAM,cAAc,KAAK;AAAA,QAClC,eAAW;AAAA,UACT;AAAA,UACA,kBAAkB,QACd,oDACA;AAAA,QACN;AAAA,QACA,cAAY,kBAAkB,QAAQ,CAAC,OAAO,KAAK;AAAA,QACnD,gBAAc,kBAAkB;AAAA,QAEhC,sDAAC,SAAI,KAAK,SAAS,QAAW,KAAK,GAAG,KAAK,IAAI,QAAQ,CAAC,IAAI,WAAU,0BAAyB;AAAA;AAAA,MAX1F,GAAG,KAAK,YAAY,KAAK;AAAA,IAYhC,CACD,GACH,IACE;AAAA,KACN;AAEJ;AAEA,IAAO,mCAAQ;","names":[]}

package/dist/blocks/e-commerce/product-overview/product-overview-gallery.mjs

@@ -0,0 +1,47 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Camera } from "lucide-react";
+import { Badge } from "../../../ui/badge.mjs";
+import { cn } from "../../../lib/utils.mjs";
+function ProductOverviewGallery({
+  images,
+  title,
+  badgeLabel,
+  selectedImage,
+  onSelectImage,
+  photosLabel = "fotos"
+}) {
+  const activeImage = images[Math.min(selectedImage, images.length - 1)];
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsxs("div", { className: "bg-muted relative aspect-square overflow-hidden rounded-xl", children: [
+      /* @__PURE__ */ jsx("img", { src: activeImage || void 0, alt: title, className: "size-full object-cover" }),
+      badgeLabel ? /* @__PURE__ */ jsx(Badge, { className: "absolute top-4 left-4 px-2.5 py-0.5 font-semibold", children: badgeLabel }) : null,
+      /* @__PURE__ */ jsxs("div", { className: "absolute right-4 bottom-4 rounded-full bg-black/60 px-3 py-1.5 text-sm text-white backdrop-blur-sm", children: [
+        /* @__PURE__ */ jsx(Camera, { className: "mr-1 inline size-4" }),
+        images.length,
+        " ",
+        photosLabel
+      ] })
+    ] }),
+    images.length > 1 ? /* @__PURE__ */ jsx("div", { className: "mt-4 flex gap-3 overflow-x-auto pb-2", children: images.map((image, index) => /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        onClick: () => onSelectImage(index),
+        className: cn(
+          "relative aspect-square size-20 flex-shrink-0 cursor-pointer overflow-hidden rounded-lg border-2 transition-all",
+          selectedImage === index ? "border-primary ring-primary/20 shadow-md ring-2" : "border-muted hover:border-muted-foreground/50"
+        ),
+        "aria-label": `Mostrar imagen ${index + 1} de ${title}`,
+        "aria-pressed": selectedImage === index,
+        children: /* @__PURE__ */ jsx("img", { src: image || void 0, alt: `${title} ${index + 1}`, className: "size-full object-cover" })
+      },
+      `${title}:gallery:${index}`
+    )) }) : null
+  ] });
+}
+var product_overview_gallery_default = ProductOverviewGallery;
+export {
+  ProductOverviewGallery,
+  product_overview_gallery_default as default
+};
+//# sourceMappingURL=product-overview-gallery.mjs.map

package/dist/blocks/e-commerce/product-overview/product-overview-gallery.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/blocks/e-commerce/product-overview/product-overview-gallery.tsx"],"sourcesContent":["import { Camera } from 'lucide-react'\nimport { Badge } from '../../../ui/badge'\nimport { cn } from '../../../lib/utils'\n\nexport interface ProductOverviewGalleryProps {\n  /** Resolved image URLs for the product (never empty strings; a fallback is allowed). */\n  images: string[]\n  /** Product title, used for alt text. */\n  title: string\n  /** Optional badge label; omitted when absent. */\n  badgeLabel?: string\n  selectedImage: number\n  onSelectImage: (index: number) => void\n  photosLabel?: string\n}\n\n/**\n * Image-forward gallery used by the canonical ProductOverview `rich` presentation: a large\n * primary image with an optional badge and a photo count, plus a thumbnail strip. Operates on\n * already-resolved URLs so it carries no product-shape assumption (no `mainImages`/`galleryImages`\n * split, no sector fields).\n */\nexport function ProductOverviewGallery({\n  images,\n  title,\n  badgeLabel,\n  selectedImage,\n  onSelectImage,\n  photosLabel = 'fotos',\n}: ProductOverviewGalleryProps) {\n  const activeImage = images[Math.min(selectedImage, images.length - 1)]\n\n  return (\n    <div>\n      <div className='bg-muted relative aspect-square overflow-hidden rounded-xl'>\n        <img src={activeImage || undefined} alt={title} className='size-full object-cover' />\n        {badgeLabel ? (\n          <Badge className='absolute top-4 left-4 px-2.5 py-0.5 font-semibold'>{badgeLabel}</Badge>\n        ) : null}\n        <div className='absolute right-4 bottom-4 rounded-full bg-black/60 px-3 py-1.5 text-sm text-white backdrop-blur-sm'>\n          <Camera className='mr-1 inline size-4' />\n          {images.length} {photosLabel}\n        </div>\n      </div>\n\n      {images.length > 1 ? (\n        <div className='mt-4 flex gap-3 overflow-x-auto pb-2'>\n          {images.map((image, index) => (\n            <button\n              type='button'\n              key={`${title}:gallery:${index}`}\n              onClick={() => onSelectImage(index)}\n              className={cn(\n                'relative aspect-square size-20 flex-shrink-0 cursor-pointer overflow-hidden rounded-lg border-2 transition-all',\n                selectedImage === index\n                  ? 'border-primary ring-primary/20 shadow-md ring-2'\n                  : 'border-muted hover:border-muted-foreground/50',\n              )}\n              aria-label={`Mostrar imagen ${index + 1} de ${title}`}\n              aria-pressed={selectedImage === index}\n            >\n              <img src={image || undefined} alt={`${title} ${index + 1}`} className='size-full object-cover' />\n            </button>\n          ))}\n        </div>\n      ) : null}\n    </div>\n  )\n}\n\nexport default ProductOverviewGallery\n"],"mappings":"AAmCQ,cAIA,YAJA;AAnCR,SAAS,cAAc;AACvB,SAAS,aAAa;AACtB,SAAS,UAAU;AAoBZ,SAAS,uBAAuB;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAChB,GAAgC;AAC9B,QAAM,cAAc,OAAO,KAAK,IAAI,eAAe,OAAO,SAAS,CAAC,CAAC;AAErE,SACE,qBAAC,SACC;AAAA,yBAAC,SAAI,WAAU,8DACb;AAAA,0BAAC,SAAI,KAAK,eAAe,QAAW,KAAK,OAAO,WAAU,0BAAyB;AAAA,MAClF,aACC,oBAAC,SAAM,WAAU,qDAAqD,sBAAW,IAC/E;AAAA,MACJ,qBAAC,SAAI,WAAU,sGACb;AAAA,4BAAC,UAAO,WAAU,sBAAqB;AAAA,QACtC,OAAO;AAAA,QAAO;AAAA,QAAE;AAAA,SACnB;AAAA,OACF;AAAA,IAEC,OAAO,SAAS,IACf,oBAAC,SAAI,WAAU,wCACZ,iBAAO,IAAI,CAAC,OAAO,UAClB;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QAEL,SAAS,MAAM,cAAc,KAAK;AAAA,QAClC,WAAW;AAAA,UACT;AAAA,UACA,kBAAkB,QACd,oDACA;AAAA,QACN;AAAA,QACA,cAAY,kBAAkB,QAAQ,CAAC,OAAO,KAAK;AAAA,QACnD,gBAAc,kBAAkB;AAAA,QAEhC,8BAAC,SAAI,KAAK,SAAS,QAAW,KAAK,GAAG,KAAK,IAAI,QAAQ,CAAC,IAAI,WAAU,0BAAyB;AAAA;AAAA,MAX1F,GAAG,KAAK,YAAY,KAAK;AAAA,IAYhC,CACD,GACH,IACE;AAAA,KACN;AAEJ;AAEA,IAAO,mCAAQ;","names":[]}

package/dist/blocks/e-commerce/product-overview/product-overview-lightbox-tab.d.ts

@@ -0,0 +1,15 @@
+export interface ProductOverviewLightboxTabProps {
+    /** Resolved image URLs for the product. */
+    images: string[];
+    /** Product title, used for alt text. */
+    title: string;
+    galleryLabel?: string;
+    ofCounterLabel?: string;
+}
+/**
+ * Gallery panel for the `rich` presentation: a thumbnail grid that opens a lightbox with
+ * prev/next navigation. Operates on already-resolved URLs so it carries no sector assumption.
+ */
+export declare function ProductOverviewLightboxTab({ images, title, galleryLabel, ofCounterLabel, }: ProductOverviewLightboxTabProps): import("react").JSX.Element;
+export default ProductOverviewLightboxTab;
+//# sourceMappingURL=product-overview-lightbox-tab.d.ts.map

package/dist/blocks/e-commerce/product-overview/product-overview-lightbox-tab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"product-overview-lightbox-tab.d.ts","sourceRoot":"","sources":["../../../../src/blocks/e-commerce/product-overview/product-overview-lightbox-tab.tsx"],"names":[],"mappings":"AASA,MAAM,WAAW,+BAA+B;IAC9C,2CAA2C;IAC3C,MAAM,EAAE,MAAM,EAAE,CAAA;IAChB,wCAAwC;IACxC,KAAK,EAAE,MAAM,CAAA;IACb,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB;AAED;;;GAGG;AACH,wBAAgB,0BAA0B,CAAC,EACzC,MAAM,EACN,KAAK,EACL,YAAwB,EACxB,cAAuC,GACxC,EAAE,+BAA+B,+BAsFjC;AAED,eAAe,0BAA0B,CAAA"}

package/dist/blocks/e-commerce/product-overview/product-overview-lightbox-tab.js

@@ -0,0 +1,118 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var product_overview_lightbox_tab_exports = {};
+__export(product_overview_lightbox_tab_exports, {
+  ProductOverviewLightboxTab: () => ProductOverviewLightboxTab,
+  default: () => product_overview_lightbox_tab_default
+});
+module.exports = __toCommonJS(product_overview_lightbox_tab_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_lucide_react = require("lucide-react");
+var import_button = require("../../../ui/button.js");
+var import_card = require("../../../ui/card.js");
+var import_dialog = require("../../../ui/dialog.js");
+var import_utils = require("../../../lib/utils.js");
+function ProductOverviewLightboxTab({
+  images,
+  title,
+  galleryLabel = "Galer\xEDa",
+  ofCounterLabel = "{current} de {total}"
+}) {
+  const [modalImageIndex, setModalImageIndex] = (0, import_react.useState)(0);
+  const nextImage = () => setModalImageIndex((prev) => (prev + 1) % images.length);
+  const prevImage = () => setModalImageIndex((prev) => (prev - 1 + images.length) % images.length);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_card.Card, { className: "border shadow-none", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_card.CardContent, { className: "p-8 py-0", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", { className: "mb-6 text-xl font-semibold text-balance", children: galleryLabel }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "grid gap-4 sm:grid-cols-2 lg:grid-cols-3", children: images.map((image, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_dialog.Dialog, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dialog.DialogTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "button",
+        {
+          type: "button",
+          className: "block aspect-square cursor-pointer overflow-hidden rounded-xl",
+          onClick: () => setModalImageIndex(index),
+          "aria-label": `Abrir imagen ${index + 1} de ${title}`,
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", { src: image || void 0, alt: `${title} ${index + 1}`, className: "size-full object-cover" })
+        }
+      ) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_dialog.DialogContent, { className: "max-w-4xl border-0 bg-transparent p-0", showCloseButton: false, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_dialog.DialogTitle, { className: "sr-only", children: [
+          "Imagen de galer\xEDa ",
+          modalImageIndex + 1
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "relative", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "img",
+            {
+              src: images[modalImageIndex] || void 0,
+              alt: `${title} ${modalImageIndex + 1}`,
+              className: "max-h-[80vh] w-full object-contain"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dialog.DialogClose, { className: "absolute top-4 right-4 rounded-full bg-black/20 p-2 text-white transition-colors hover:bg-black/30", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.X, { className: "size-4" }) }),
+          images.length > 1 ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_button.Button,
+              {
+                variant: "ghost",
+                size: "icon",
+                className: "absolute top-1/2 left-4 size-9 -translate-y-1/2 cursor-pointer rounded-full bg-black/20 text-white hover:bg-black/30",
+                onClick: prevImage,
+                "aria-label": "Imagen anterior",
+                children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ChevronLeft, { className: "size-4" })
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_button.Button,
+              {
+                variant: "ghost",
+                size: "icon",
+                className: "absolute top-1/2 right-4 size-9 -translate-y-1/2 cursor-pointer rounded-full bg-black/20 text-white hover:bg-black/30",
+                onClick: nextImage,
+                "aria-label": "Imagen siguiente",
+                children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ChevronRight, { className: "size-4" })
+              }
+            )
+          ] }) : null,
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "absolute bottom-4 left-1/2 flex -translate-x-1/2 gap-2", children: images.map((_, idx) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "button",
+            {
+              type: "button",
+              "aria-label": `Mostrar imagen ${idx + 1}`,
+              className: (0, import_utils.cn)(
+                "size-2 rounded-full transition-colors",
+                idx === modalImageIndex ? "bg-white" : "bg-white/50"
+              ),
+              onClick: () => setModalImageIndex(idx)
+            },
+            `${title}:dot:${idx}`
+          )) }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "absolute right-4 bottom-4 rounded-full bg-black/20 px-3 py-1 text-sm text-white", children: ofCounterLabel.replace("{current}", String(modalImageIndex + 1)).replace("{total}", String(images.length)) })
+        ] })
+      ] })
+    ] }, `${title}:lightbox:${index}`)) })
+  ] }) });
+}
+var product_overview_lightbox_tab_default = ProductOverviewLightboxTab;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ProductOverviewLightboxTab
+});
+//# sourceMappingURL=product-overview-lightbox-tab.js.map

package/dist/blocks/e-commerce/product-overview/product-overview-lightbox-tab.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/blocks/e-commerce/product-overview/product-overview-lightbox-tab.tsx"],"sourcesContent":["'use client'\n\nimport { useState } from 'react'\nimport { ChevronLeft, ChevronRight, X } from 'lucide-react'\nimport { Button } from '../../../ui/button'\nimport { Card, CardContent } from '../../../ui/card'\nimport { Dialog, DialogClose, DialogContent, DialogTitle, DialogTrigger } from '../../../ui/dialog'\nimport { cn } from '../../../lib/utils'\n\nexport interface ProductOverviewLightboxTabProps {\n  /** Resolved image URLs for the product. */\n  images: string[]\n  /** Product title, used for alt text. */\n  title: string\n  galleryLabel?: string\n  ofCounterLabel?: string\n}\n\n/**\n * Gallery panel for the `rich` presentation: a thumbnail grid that opens a lightbox with\n * prev/next navigation. Operates on already-resolved URLs so it carries no sector assumption.\n */\nexport function ProductOverviewLightboxTab({\n  images,\n  title,\n  galleryLabel = 'Galería',\n  ofCounterLabel = '{current} de {total}',\n}: ProductOverviewLightboxTabProps) {\n  const [modalImageIndex, setModalImageIndex] = useState(0)\n\n  const nextImage = () => setModalImageIndex(prev => (prev + 1) % images.length)\n  const prevImage = () => setModalImageIndex(prev => (prev - 1 + images.length) % images.length)\n\n  return (\n    <Card className='border shadow-none'>\n      <CardContent className='p-8 py-0'>\n        <h3 className='mb-6 text-xl font-semibold text-balance'>{galleryLabel}</h3>\n        <div className='grid gap-4 sm:grid-cols-2 lg:grid-cols-3'>\n          {images.map((image, index) => (\n            <Dialog key={`${title}:lightbox:${index}`}>\n              <DialogTrigger asChild>\n                <button\n                  type='button'\n                  className='block aspect-square cursor-pointer overflow-hidden rounded-xl'\n                  onClick={() => setModalImageIndex(index)}\n                  aria-label={`Abrir imagen ${index + 1} de ${title}`}\n                >\n                  <img src={image || undefined} alt={`${title} ${index + 1}`} className='size-full object-cover' />\n                </button>\n              </DialogTrigger>\n              <DialogContent className='max-w-4xl border-0 bg-transparent p-0' showCloseButton={false}>\n                <DialogTitle className='sr-only'>Imagen de galería {modalImageIndex + 1}</DialogTitle>\n                <div className='relative'>\n                  <img\n                    src={images[modalImageIndex] || undefined}\n                    alt={`${title} ${modalImageIndex + 1}`}\n                    className='max-h-[80vh] w-full object-contain'\n                  />\n                  <DialogClose className='absolute top-4 right-4 rounded-full bg-black/20 p-2 text-white transition-colors hover:bg-black/30'>\n                    <X className='size-4' />\n                  </DialogClose>\n\n                  {images.length > 1 ? (\n                    <>\n                      <Button\n                        variant='ghost'\n                        size='icon'\n                        className='absolute top-1/2 left-4 size-9 -translate-y-1/2 cursor-pointer rounded-full bg-black/20 text-white hover:bg-black/30'\n                        onClick={prevImage}\n                        aria-label='Imagen anterior'\n                      >\n                        <ChevronLeft className='size-4' />\n                      </Button>\n                      <Button\n                        variant='ghost'\n                        size='icon'\n                        className='absolute top-1/2 right-4 size-9 -translate-y-1/2 cursor-pointer rounded-full bg-black/20 text-white hover:bg-black/30'\n                        onClick={nextImage}\n                        aria-label='Imagen siguiente'\n                      >\n                        <ChevronRight className='size-4' />\n                      </Button>\n                    </>\n                  ) : null}\n\n                  <div className='absolute bottom-4 left-1/2 flex -translate-x-1/2 gap-2'>\n                    {images.map((_, idx) => (\n                      <button\n                        type='button'\n                        key={`${title}:dot:${idx}`}\n                        aria-label={`Mostrar imagen ${idx + 1}`}\n                        className={cn(\n                          'size-2 rounded-full transition-colors',\n                          idx === modalImageIndex ? 'bg-white' : 'bg-white/50',\n                        )}\n                        onClick={() => setModalImageIndex(idx)}\n                      />\n                    ))}\n                  </div>\n\n                  <div className='absolute right-4 bottom-4 rounded-full bg-black/20 px-3 py-1 text-sm text-white'>\n                    {ofCounterLabel\n                      .replace('{current}', String(modalImageIndex + 1))\n                      .replace('{total}', String(images.length))}\n                  </div>\n                </div>\n              </DialogContent>\n            </Dialog>\n          ))}\n        </div>\n      </CardContent>\n    </Card>\n  )\n}\n\nexport default ProductOverviewLightboxTab\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAoCQ;AAlCR,mBAAyB;AACzB,0BAA6C;AAC7C,oBAAuB;AACvB,kBAAkC;AAClC,oBAA+E;AAC/E,mBAAmB;AAeZ,SAAS,2BAA2B;AAAA,EACzC;AAAA,EACA;AAAA,EACA,eAAe;AAAA,EACf,iBAAiB;AACnB,GAAoC;AAClC,QAAM,CAAC,iBAAiB,kBAAkB,QAAI,uBAAS,CAAC;AAExD,QAAM,YAAY,MAAM,mBAAmB,WAAS,OAAO,KAAK,OAAO,MAAM;AAC7E,QAAM,YAAY,MAAM,mBAAmB,WAAS,OAAO,IAAI,OAAO,UAAU,OAAO,MAAM;AAE7F,SACE,4CAAC,oBAAK,WAAU,sBACd,uDAAC,2BAAY,WAAU,YACrB;AAAA,gDAAC,QAAG,WAAU,2CAA2C,wBAAa;AAAA,IACtE,4CAAC,SAAI,WAAU,4CACZ,iBAAO,IAAI,CAAC,OAAO,UAClB,6CAAC,wBACC;AAAA,kDAAC,+BAAc,SAAO,MACpB;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,WAAU;AAAA,UACV,SAAS,MAAM,mBAAmB,KAAK;AAAA,UACvC,cAAY,gBAAgB,QAAQ,CAAC,OAAO,KAAK;AAAA,UAEjD,sDAAC,SAAI,KAAK,SAAS,QAAW,KAAK,GAAG,KAAK,IAAI,QAAQ,CAAC,IAAI,WAAU,0BAAyB;AAAA;AAAA,MACjG,GACF;AAAA,MACA,6CAAC,+BAAc,WAAU,yCAAwC,iBAAiB,OAChF;AAAA,qDAAC,6BAAY,WAAU,WAAU;AAAA;AAAA,UAAmB,kBAAkB;AAAA,WAAE;AAAA,QACxE,6CAAC,SAAI,WAAU,YACb;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,KAAK,OAAO,eAAe,KAAK;AAAA,cAChC,KAAK,GAAG,KAAK,IAAI,kBAAkB,CAAC;AAAA,cACpC,WAAU;AAAA;AAAA,UACZ;AAAA,UACA,4CAAC,6BAAY,WAAU,sGACrB,sDAAC,yBAAE,WAAU,UAAS,GACxB;AAAA,UAEC,OAAO,SAAS,IACf,4EACE;AAAA;AAAA,cAAC;AAAA;AAAA,gBACC,SAAQ;AAAA,gBACR,MAAK;AAAA,gBACL,WAAU;AAAA,gBACV,SAAS;AAAA,gBACT,cAAW;AAAA,gBAEX,sDAAC,mCAAY,WAAU,UAAS;AAAA;AAAA,YAClC;AAAA,YACA;AAAA,cAAC;AAAA;AAAA,gBACC,SAAQ;AAAA,gBACR,MAAK;AAAA,gBACL,WAAU;AAAA,gBACV,SAAS;AAAA,gBACT,cAAW;AAAA,gBAEX,sDAAC,oCAAa,WAAU,UAAS;AAAA;AAAA,YACnC;AAAA,aACF,IACE;AAAA,UAEJ,4CAAC,SAAI,WAAU,0DACZ,iBAAO,IAAI,CAAC,GAAG,QACd;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cAEL,cAAY,kBAAkB,MAAM,CAAC;AAAA,cACrC,eAAW;AAAA,gBACT;AAAA,gBACA,QAAQ,kBAAkB,aAAa;AAAA,cACzC;AAAA,cACA,SAAS,MAAM,mBAAmB,GAAG;AAAA;AAAA,YANhC,GAAG,KAAK,QAAQ,GAAG;AAAA,UAO1B,CACD,GACH;AAAA,UAEA,4CAAC,SAAI,WAAU,mFACZ,yBACE,QAAQ,aAAa,OAAO,kBAAkB,CAAC,CAAC,EAChD,QAAQ,WAAW,OAAO,OAAO,MAAM,CAAC,GAC7C;AAAA,WACF;AAAA,SACF;AAAA,SAnEW,GAAG,KAAK,aAAa,KAAK,EAoEvC,CACD,GACH;AAAA,KACF,GACF;AAEJ;AAEA,IAAO,wCAAQ;","names":[]}

package/dist/blocks/e-commerce/product-overview/product-overview-lightbox-tab.mjs

@@ -0,0 +1,94 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { ChevronLeft, ChevronRight, X } from "lucide-react";
+import { Button } from "../../../ui/button.mjs";
+import { Card, CardContent } from "../../../ui/card.mjs";
+import { Dialog, DialogClose, DialogContent, DialogTitle, DialogTrigger } from "../../../ui/dialog.mjs";
+import { cn } from "../../../lib/utils.mjs";
+function ProductOverviewLightboxTab({
+  images,
+  title,
+  galleryLabel = "Galer\xEDa",
+  ofCounterLabel = "{current} de {total}"
+}) {
+  const [modalImageIndex, setModalImageIndex] = useState(0);
+  const nextImage = () => setModalImageIndex((prev) => (prev + 1) % images.length);
+  const prevImage = () => setModalImageIndex((prev) => (prev - 1 + images.length) % images.length);
+  return /* @__PURE__ */ jsx(Card, { className: "border shadow-none", children: /* @__PURE__ */ jsxs(CardContent, { className: "p-8 py-0", children: [
+    /* @__PURE__ */ jsx("h3", { className: "mb-6 text-xl font-semibold text-balance", children: galleryLabel }),
+    /* @__PURE__ */ jsx("div", { className: "grid gap-4 sm:grid-cols-2 lg:grid-cols-3", children: images.map((image, index) => /* @__PURE__ */ jsxs(Dialog, { children: [
+      /* @__PURE__ */ jsx(DialogTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          className: "block aspect-square cursor-pointer overflow-hidden rounded-xl",
+          onClick: () => setModalImageIndex(index),
+          "aria-label": `Abrir imagen ${index + 1} de ${title}`,
+          children: /* @__PURE__ */ jsx("img", { src: image || void 0, alt: `${title} ${index + 1}`, className: "size-full object-cover" })
+        }
+      ) }),
+      /* @__PURE__ */ jsxs(DialogContent, { className: "max-w-4xl border-0 bg-transparent p-0", showCloseButton: false, children: [
+        /* @__PURE__ */ jsxs(DialogTitle, { className: "sr-only", children: [
+          "Imagen de galer\xEDa ",
+          modalImageIndex + 1
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+          /* @__PURE__ */ jsx(
+            "img",
+            {
+              src: images[modalImageIndex] || void 0,
+              alt: `${title} ${modalImageIndex + 1}`,
+              className: "max-h-[80vh] w-full object-contain"
+            }
+          ),
+          /* @__PURE__ */ jsx(DialogClose, { className: "absolute top-4 right-4 rounded-full bg-black/20 p-2 text-white transition-colors hover:bg-black/30", children: /* @__PURE__ */ jsx(X, { className: "size-4" }) }),
+          images.length > 1 ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                variant: "ghost",
+                size: "icon",
+                className: "absolute top-1/2 left-4 size-9 -translate-y-1/2 cursor-pointer rounded-full bg-black/20 text-white hover:bg-black/30",
+                onClick: prevImage,
+                "aria-label": "Imagen anterior",
+                children: /* @__PURE__ */ jsx(ChevronLeft, { className: "size-4" })
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                variant: "ghost",
+                size: "icon",
+                className: "absolute top-1/2 right-4 size-9 -translate-y-1/2 cursor-pointer rounded-full bg-black/20 text-white hover:bg-black/30",
+                onClick: nextImage,
+                "aria-label": "Imagen siguiente",
+                children: /* @__PURE__ */ jsx(ChevronRight, { className: "size-4" })
+              }
+            )
+          ] }) : null,
+          /* @__PURE__ */ jsx("div", { className: "absolute bottom-4 left-1/2 flex -translate-x-1/2 gap-2", children: images.map((_, idx) => /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              "aria-label": `Mostrar imagen ${idx + 1}`,
+              className: cn(
+                "size-2 rounded-full transition-colors",
+                idx === modalImageIndex ? "bg-white" : "bg-white/50"
+              ),
+              onClick: () => setModalImageIndex(idx)
+            },
+            `${title}:dot:${idx}`
+          )) }),
+          /* @__PURE__ */ jsx("div", { className: "absolute right-4 bottom-4 rounded-full bg-black/20 px-3 py-1 text-sm text-white", children: ofCounterLabel.replace("{current}", String(modalImageIndex + 1)).replace("{total}", String(images.length)) })
+        ] })
+      ] })
+    ] }, `${title}:lightbox:${index}`)) })
+  ] }) });
+}
+var product_overview_lightbox_tab_default = ProductOverviewLightboxTab;
+export {
+  ProductOverviewLightboxTab,
+  product_overview_lightbox_tab_default as default
+};
+//# sourceMappingURL=product-overview-lightbox-tab.mjs.map

package/dist/blocks/e-commerce/product-overview/product-overview-lightbox-tab.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/blocks/e-commerce/product-overview/product-overview-lightbox-tab.tsx"],"sourcesContent":["'use client'\n\nimport { useState } from 'react'\nimport { ChevronLeft, ChevronRight, X } from 'lucide-react'\nimport { Button } from '../../../ui/button'\nimport { Card, CardContent } from '../../../ui/card'\nimport { Dialog, DialogClose, DialogContent, DialogTitle, DialogTrigger } from '../../../ui/dialog'\nimport { cn } from '../../../lib/utils'\n\nexport interface ProductOverviewLightboxTabProps {\n  /** Resolved image URLs for the product. */\n  images: string[]\n  /** Product title, used for alt text. */\n  title: string\n  galleryLabel?: string\n  ofCounterLabel?: string\n}\n\n/**\n * Gallery panel for the `rich` presentation: a thumbnail grid that opens a lightbox with\n * prev/next navigation. Operates on already-resolved URLs so it carries no sector assumption.\n */\nexport function ProductOverviewLightboxTab({\n  images,\n  title,\n  galleryLabel = 'Galería',\n  ofCounterLabel = '{current} de {total}',\n}: ProductOverviewLightboxTabProps) {\n  const [modalImageIndex, setModalImageIndex] = useState(0)\n\n  const nextImage = () => setModalImageIndex(prev => (prev + 1) % images.length)\n  const prevImage = () => setModalImageIndex(prev => (prev - 1 + images.length) % images.length)\n\n  return (\n    <Card className='border shadow-none'>\n      <CardContent className='p-8 py-0'>\n        <h3 className='mb-6 text-xl font-semibold text-balance'>{galleryLabel}</h3>\n        <div className='grid gap-4 sm:grid-cols-2 lg:grid-cols-3'>\n          {images.map((image, index) => (\n            <Dialog key={`${title}:lightbox:${index}`}>\n              <DialogTrigger asChild>\n                <button\n                  type='button'\n                  className='block aspect-square cursor-pointer overflow-hidden rounded-xl'\n                  onClick={() => setModalImageIndex(index)}\n                  aria-label={`Abrir imagen ${index + 1} de ${title}`}\n                >\n                  <img src={image || undefined} alt={`${title} ${index + 1}`} className='size-full object-cover' />\n                </button>\n              </DialogTrigger>\n              <DialogContent className='max-w-4xl border-0 bg-transparent p-0' showCloseButton={false}>\n                <DialogTitle className='sr-only'>Imagen de galería {modalImageIndex + 1}</DialogTitle>\n                <div className='relative'>\n                  <img\n                    src={images[modalImageIndex] || undefined}\n                    alt={`${title} ${modalImageIndex + 1}`}\n                    className='max-h-[80vh] w-full object-contain'\n                  />\n                  <DialogClose className='absolute top-4 right-4 rounded-full bg-black/20 p-2 text-white transition-colors hover:bg-black/30'>\n                    <X className='size-4' />\n                  </DialogClose>\n\n                  {images.length > 1 ? (\n                    <>\n                      <Button\n                        variant='ghost'\n                        size='icon'\n                        className='absolute top-1/2 left-4 size-9 -translate-y-1/2 cursor-pointer rounded-full bg-black/20 text-white hover:bg-black/30'\n                        onClick={prevImage}\n                        aria-label='Imagen anterior'\n                      >\n                        <ChevronLeft className='size-4' />\n                      </Button>\n                      <Button\n                        variant='ghost'\n                        size='icon'\n                        className='absolute top-1/2 right-4 size-9 -translate-y-1/2 cursor-pointer rounded-full bg-black/20 text-white hover:bg-black/30'\n                        onClick={nextImage}\n                        aria-label='Imagen siguiente'\n                      >\n                        <ChevronRight className='size-4' />\n                      </Button>\n                    </>\n                  ) : null}\n\n                  <div className='absolute bottom-4 left-1/2 flex -translate-x-1/2 gap-2'>\n                    {images.map((_, idx) => (\n                      <button\n                        type='button'\n                        key={`${title}:dot:${idx}`}\n                        aria-label={`Mostrar imagen ${idx + 1}`}\n                        className={cn(\n                          'size-2 rounded-full transition-colors',\n                          idx === modalImageIndex ? 'bg-white' : 'bg-white/50',\n                        )}\n                        onClick={() => setModalImageIndex(idx)}\n                      />\n                    ))}\n                  </div>\n\n                  <div className='absolute right-4 bottom-4 rounded-full bg-black/20 px-3 py-1 text-sm text-white'>\n                    {ofCounterLabel\n                      .replace('{current}', String(modalImageIndex + 1))\n                      .replace('{total}', String(images.length))}\n                  </div>\n                </div>\n              </DialogContent>\n            </Dialog>\n          ))}\n        </div>\n      </CardContent>\n    </Card>\n  )\n}\n\nexport default ProductOverviewLightboxTab\n"],"mappings":";AAoCQ,SA2BY,UA3BZ,KAeQ,YAfR;AAlCR,SAAS,gBAAgB;AACzB,SAAS,aAAa,cAAc,SAAS;AAC7C,SAAS,cAAc;AACvB,SAAS,MAAM,mBAAmB;AAClC,SAAS,QAAQ,aAAa,eAAe,aAAa,qBAAqB;AAC/E,SAAS,UAAU;AAeZ,SAAS,2BAA2B;AAAA,EACzC;AAAA,EACA;AAAA,EACA,eAAe;AAAA,EACf,iBAAiB;AACnB,GAAoC;AAClC,QAAM,CAAC,iBAAiB,kBAAkB,IAAI,SAAS,CAAC;AAExD,QAAM,YAAY,MAAM,mBAAmB,WAAS,OAAO,KAAK,OAAO,MAAM;AAC7E,QAAM,YAAY,MAAM,mBAAmB,WAAS,OAAO,IAAI,OAAO,UAAU,OAAO,MAAM;AAE7F,SACE,oBAAC,QAAK,WAAU,sBACd,+BAAC,eAAY,WAAU,YACrB;AAAA,wBAAC,QAAG,WAAU,2CAA2C,wBAAa;AAAA,IACtE,oBAAC,SAAI,WAAU,4CACZ,iBAAO,IAAI,CAAC,OAAO,UAClB,qBAAC,UACC;AAAA,0BAAC,iBAAc,SAAO,MACpB;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,WAAU;AAAA,UACV,SAAS,MAAM,mBAAmB,KAAK;AAAA,UACvC,cAAY,gBAAgB,QAAQ,CAAC,OAAO,KAAK;AAAA,UAEjD,8BAAC,SAAI,KAAK,SAAS,QAAW,KAAK,GAAG,KAAK,IAAI,QAAQ,CAAC,IAAI,WAAU,0BAAyB;AAAA;AAAA,MACjG,GACF;AAAA,MACA,qBAAC,iBAAc,WAAU,yCAAwC,iBAAiB,OAChF;AAAA,6BAAC,eAAY,WAAU,WAAU;AAAA;AAAA,UAAmB,kBAAkB;AAAA,WAAE;AAAA,QACxE,qBAAC,SAAI,WAAU,YACb;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,KAAK,OAAO,eAAe,KAAK;AAAA,cAChC,KAAK,GAAG,KAAK,IAAI,kBAAkB,CAAC;AAAA,cACpC,WAAU;AAAA;AAAA,UACZ;AAAA,UACA,oBAAC,eAAY,WAAU,sGACrB,8BAAC,KAAE,WAAU,UAAS,GACxB;AAAA,UAEC,OAAO,SAAS,IACf,iCACE;AAAA;AAAA,cAAC;AAAA;AAAA,gBACC,SAAQ;AAAA,gBACR,MAAK;AAAA,gBACL,WAAU;AAAA,gBACV,SAAS;AAAA,gBACT,cAAW;AAAA,gBAEX,8BAAC,eAAY,WAAU,UAAS;AAAA;AAAA,YAClC;AAAA,YACA;AAAA,cAAC;AAAA;AAAA,gBACC,SAAQ;AAAA,gBACR,MAAK;AAAA,gBACL,WAAU;AAAA,gBACV,SAAS;AAAA,gBACT,cAAW;AAAA,gBAEX,8BAAC,gBAAa,WAAU,UAAS;AAAA;AAAA,YACnC;AAAA,aACF,IACE;AAAA,UAEJ,oBAAC,SAAI,WAAU,0DACZ,iBAAO,IAAI,CAAC,GAAG,QACd;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cAEL,cAAY,kBAAkB,MAAM,CAAC;AAAA,cACrC,WAAW;AAAA,gBACT;AAAA,gBACA,QAAQ,kBAAkB,aAAa;AAAA,cACzC;AAAA,cACA,SAAS,MAAM,mBAAmB,GAAG;AAAA;AAAA,YANhC,GAAG,KAAK,QAAQ,GAAG;AAAA,UAO1B,CACD,GACH;AAAA,UAEA,oBAAC,SAAI,WAAU,mFACZ,yBACE,QAAQ,aAAa,OAAO,kBAAkB,CAAC,CAAC,EAChD,QAAQ,WAAW,OAAO,OAAO,MAAM,CAAC,GAC7C;AAAA,WACF;AAAA,SACF;AAAA,SAnEW,GAAG,KAAK,aAAa,KAAK,EAoEvC,CACD,GACH;AAAA,KACF,GACF;AAEJ;AAEA,IAAO,wCAAQ;","names":[]}

package/dist/blocks/e-commerce/product-overview/product-overview-reviews-tab.d.ts

@@ -0,0 +1,26 @@
+/**
+ * Canonical review entry for the ProductOverview `rich` presentation. Reviews are supplied by the
+ * host (optional block data), never seeded by the block.
+ */
+export interface ProductOverviewReview {
+    id: number;
+    author: string;
+    rating: number;
+    comment: string;
+    date: string;
+    helpful?: number;
+}
+export interface ProductOverviewReviewsTabProps {
+    /** Aggregate rating (0–5); rendered only when the host supplies reviews. */
+    rating: number;
+    reviews: ProductOverviewReview[];
+    basedOnReviewsLabel?: string;
+    foundHelpfulLabel?: string;
+}
+/**
+ * Reviews panel for the `rich` presentation: an aggregate summary plus the review list. Rendered
+ * only when the host supplies reviews, so it never fabricates an empty review surface.
+ */
+export declare function ProductOverviewReviewsTab({ rating, reviews, basedOnReviewsLabel, foundHelpfulLabel, }: ProductOverviewReviewsTabProps): import("react").JSX.Element;
+export default ProductOverviewReviewsTab;
+//# sourceMappingURL=product-overview-reviews-tab.d.ts.map

package/dist/blocks/e-commerce/product-overview/product-overview-reviews-tab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"product-overview-reviews-tab.d.ts","sourceRoot":"","sources":["../../../../src/blocks/e-commerce/product-overview/product-overview-reviews-tab.tsx"],"names":[],"mappings":"AAIA;;;GAGG;AACH,MAAM,WAAW,qBAAqB;IACpC,EAAE,EAAE,MAAM,CAAA;IACV,MAAM,EAAE,MAAM,CAAA;IACd,MAAM,EAAE,MAAM,CAAA;IACd,OAAO,EAAE,MAAM,CAAA;IACf,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAED,MAAM,WAAW,8BAA8B;IAC7C,4EAA4E;IAC5E,MAAM,EAAE,MAAM,CAAA;IACd,OAAO,EAAE,qBAAqB,EAAE,CAAA;IAChC,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,iBAAiB,CAAC,EAAE,MAAM,CAAA;CAC3B;AAeD;;;GAGG;AACH,wBAAgB,yBAAyB,CAAC,EACxC,MAAM,EACN,OAAO,EACP,mBAAiD,EACjD,iBAA4D,GAC7D,EAAE,8BAA8B,+BAuDhC;AAED,eAAe,yBAAyB,CAAA"}

package/dist/blocks/e-commerce/product-overview/product-overview-reviews-tab.js

@@ -0,0 +1,85 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var product_overview_reviews_tab_exports = {};
+__export(product_overview_reviews_tab_exports, {
+  ProductOverviewReviewsTab: () => ProductOverviewReviewsTab,
+  default: () => product_overview_reviews_tab_default
+});
+module.exports = __toCommonJS(product_overview_reviews_tab_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_lucide_react = require("lucide-react");
+var import_card = require("../../../ui/card.js");
+var import_progress = require("../../../ui/progress.js");
+function renderStars(rating) {
+  return Array.from({ length: 5 }, (_, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_lucide_react.Star,
+    {
+      className: `size-4 ${i < Math.floor(rating) ? "fill-foreground text-foreground" : i < rating ? "text-foreground" : ""}`
+    },
+    i
+  ));
+}
+function formatDate(dateString) {
+  return new Date(dateString).toLocaleDateString("es-ES", { year: "numeric", month: "short", day: "numeric" });
+}
+function ProductOverviewReviewsTab({
+  rating,
+  reviews,
+  basedOnReviewsLabel = "Basado en {count} rese\xF1as",
+  foundHelpfulLabel = "{count} personas encontraron esto \xFAtil"
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-col gap-6", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_card.Card, { className: "border shadow-none", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_card.CardContent, { className: "p-8 py-0", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-col items-start gap-8 md:flex-row md:items-center", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "text-center", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "text-4xl font-bold", children: rating }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "mt-2 flex justify-center", children: renderStars(rating) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "text-muted-foreground mt-2 text-sm", children: basedOnReviewsLabel.replace("{count}", String(reviews.length)) })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex-1", children: [5, 4, 3, 2, 1].map((stars) => {
+        const count = reviews.filter((review) => Math.floor(review.rating) === stars).length;
+        const percentage = reviews.length > 0 ? count / reviews.length * 100 : 0;
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "mb-3 flex items-center gap-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "w-8 text-sm font-medium", children: [
+            stars,
+            "\u2605"
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_progress.Progress, { value: percentage, className: "h-2 flex-1 rounded-full" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-muted-foreground w-8 text-sm", children: count })
+        ] }, stars);
+      }) })
+    ] }) }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex flex-col gap-4", children: reviews.map((review) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_card.Card, { className: "border shadow-none", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_card.CardContent, { className: "p-6 py-0", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "mb-4 flex items-start justify-between", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "text-sm font-medium", children: review.author }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "mt-2 flex items-center gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex", children: renderStars(review.rating) }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-muted-foreground text-sm", children: formatDate(review.date) })
+        ] })
+      ] }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-muted-foreground mb-3 text-sm leading-relaxed", children: review.comment }),
+      typeof review.helpful === "number" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "text-muted-foreground text-xs", children: foundHelpfulLabel.replace("{count}", String(review.helpful)) }) : null
+    ] }) }, review.id)) })
+  ] });
+}
+var product_overview_reviews_tab_default = ProductOverviewReviewsTab;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ProductOverviewReviewsTab
+});
+//# sourceMappingURL=product-overview-reviews-tab.js.map

package/dist/blocks/e-commerce/product-overview/product-overview-reviews-tab.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/blocks/e-commerce/product-overview/product-overview-reviews-tab.tsx"],"sourcesContent":["import { Star } from 'lucide-react'\nimport { Card, CardContent } from '../../../ui/card'\nimport { Progress } from '../../../ui/progress'\n\n/**\n * Canonical review entry for the ProductOverview `rich` presentation. Reviews are supplied by the\n * host (optional block data), never seeded by the block.\n */\nexport interface ProductOverviewReview {\n  id: number\n  author: string\n  rating: number\n  comment: string\n  date: string\n  helpful?: number\n}\n\nexport interface ProductOverviewReviewsTabProps {\n  /** Aggregate rating (0–5); rendered only when the host supplies reviews. */\n  rating: number\n  reviews: ProductOverviewReview[]\n  basedOnReviewsLabel?: string\n  foundHelpfulLabel?: string\n}\n\nfunction renderStars(rating: number) {\n  return Array.from({ length: 5 }, (_, i) => (\n    <Star\n      key={i}\n      className={`size-4 ${i < Math.floor(rating) ? 'fill-foreground text-foreground' : i < rating ? 'text-foreground' : ''}`}\n    />\n  ))\n}\n\nfunction formatDate(dateString: string) {\n  return new Date(dateString).toLocaleDateString('es-ES', { year: 'numeric', month: 'short', day: 'numeric' })\n}\n\n/**\n * Reviews panel for the `rich` presentation: an aggregate summary plus the review list. Rendered\n * only when the host supplies reviews, so it never fabricates an empty review surface.\n */\nexport function ProductOverviewReviewsTab({\n  rating,\n  reviews,\n  basedOnReviewsLabel = 'Basado en {count} reseñas',\n  foundHelpfulLabel = '{count} personas encontraron esto útil',\n}: ProductOverviewReviewsTabProps) {\n  return (\n    <div className='flex flex-col gap-6'>\n      <Card className='border shadow-none'>\n        <CardContent className='p-8 py-0'>\n          <div className='flex flex-col items-start gap-8 md:flex-row md:items-center'>\n            <div className='text-center'>\n              <div className='text-4xl font-bold'>{rating}</div>\n              <div className='mt-2 flex justify-center'>{renderStars(rating)}</div>\n              <div className='text-muted-foreground mt-2 text-sm'>\n                {basedOnReviewsLabel.replace('{count}', String(reviews.length))}\n              </div>\n            </div>\n            <div className='flex-1'>\n              {[5, 4, 3, 2, 1].map(stars => {\n                const count = reviews.filter(review => Math.floor(review.rating) === stars).length\n                const percentage = reviews.length > 0 ? (count / reviews.length) * 100 : 0\n                return (\n                  <div key={stars} className='mb-3 flex items-center gap-3'>\n                    <span className='w-8 text-sm font-medium'>{stars}★</span>\n                    <Progress value={percentage} className='h-2 flex-1 rounded-full' />\n                    <span className='text-muted-foreground w-8 text-sm'>{count}</span>\n                  </div>\n                )\n              })}\n            </div>\n          </div>\n        </CardContent>\n      </Card>\n\n      <div className='flex flex-col gap-4'>\n        {reviews.map(review => (\n          <Card key={review.id} className='border shadow-none'>\n            <CardContent className='p-6 py-0'>\n              <div className='mb-4 flex items-start justify-between'>\n                <div>\n                  <div className='text-sm font-medium'>{review.author}</div>\n                  <div className='mt-2 flex items-center gap-2'>\n                    <div className='flex'>{renderStars(review.rating)}</div>\n                    <span className='text-muted-foreground text-sm'>{formatDate(review.date)}</span>\n                  </div>\n                </div>\n              </div>\n              <p className='text-muted-foreground mb-3 text-sm leading-relaxed'>{review.comment}</p>\n              {typeof review.helpful === 'number' ? (\n                <div className='text-muted-foreground text-xs'>\n                  {foundHelpfulLabel.replace('{count}', String(review.helpful))}\n                </div>\n              ) : null}\n            </CardContent>\n          </Card>\n        ))}\n      </div>\n    </div>\n  )\n}\n\nexport default ProductOverviewReviewsTab\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA2BI;AA3BJ,0BAAqB;AACrB,kBAAkC;AAClC,sBAAyB;AAuBzB,SAAS,YAAY,QAAgB;AACnC,SAAO,MAAM,KAAK,EAAE,QAAQ,EAAE,GAAG,CAAC,GAAG,MACnC;AAAA,IAAC;AAAA;AAAA,MAEC,WAAW,UAAU,IAAI,KAAK,MAAM,MAAM,IAAI,oCAAoC,IAAI,SAAS,oBAAoB,EAAE;AAAA;AAAA,IADhH;AAAA,EAEP,CACD;AACH;AAEA,SAAS,WAAW,YAAoB;AACtC,SAAO,IAAI,KAAK,UAAU,EAAE,mBAAmB,SAAS,EAAE,MAAM,WAAW,OAAO,SAAS,KAAK,UAAU,CAAC;AAC7G;AAMO,SAAS,0BAA0B;AAAA,EACxC;AAAA,EACA;AAAA,EACA,sBAAsB;AAAA,EACtB,oBAAoB;AACtB,GAAmC;AACjC,SACE,6CAAC,SAAI,WAAU,uBACb;AAAA,gDAAC,oBAAK,WAAU,sBACd,sDAAC,2BAAY,WAAU,YACrB,uDAAC,SAAI,WAAU,+DACb;AAAA,mDAAC,SAAI,WAAU,eACb;AAAA,oDAAC,SAAI,WAAU,sBAAsB,kBAAO;AAAA,QAC5C,4CAAC,SAAI,WAAU,4BAA4B,sBAAY,MAAM,GAAE;AAAA,QAC/D,4CAAC,SAAI,WAAU,sCACZ,8BAAoB,QAAQ,WAAW,OAAO,QAAQ,MAAM,CAAC,GAChE;AAAA,SACF;AAAA,MACA,4CAAC,SAAI,WAAU,UACZ,WAAC,GAAG,GAAG,GAAG,GAAG,CAAC,EAAE,IAAI,WAAS;AAC5B,cAAM,QAAQ,QAAQ,OAAO,YAAU,KAAK,MAAM,OAAO,MAAM,MAAM,KAAK,EAAE;AAC5E,cAAM,aAAa,QAAQ,SAAS,IAAK,QAAQ,QAAQ,SAAU,MAAM;AACzE,eACE,6CAAC,SAAgB,WAAU,gCACzB;AAAA,uDAAC,UAAK,WAAU,2BAA2B;AAAA;AAAA,YAAM;AAAA,aAAC;AAAA,UAClD,4CAAC,4BAAS,OAAO,YAAY,WAAU,2BAA0B;AAAA,UACjE,4CAAC,UAAK,WAAU,qCAAqC,iBAAM;AAAA,aAHnD,KAIV;AAAA,MAEJ,CAAC,GACH;AAAA,OACF,GACF,GACF;AAAA,IAEA,4CAAC,SAAI,WAAU,uBACZ,kBAAQ,IAAI,YACX,4CAAC,oBAAqB,WAAU,sBAC9B,uDAAC,2BAAY,WAAU,YACrB;AAAA,kDAAC,SAAI,WAAU,yCACb,uDAAC,SACC;AAAA,oDAAC,SAAI,WAAU,uBAAuB,iBAAO,QAAO;AAAA,QACpD,6CAAC,SAAI,WAAU,gCACb;AAAA,sDAAC,SAAI,WAAU,QAAQ,sBAAY,OAAO,MAAM,GAAE;AAAA,UAClD,4CAAC,UAAK,WAAU,iCAAiC,qBAAW,OAAO,IAAI,GAAE;AAAA,WAC3E;AAAA,SACF,GACF;AAAA,MACA,4CAAC,OAAE,WAAU,sDAAsD,iBAAO,SAAQ;AAAA,MACjF,OAAO,OAAO,YAAY,WACzB,4CAAC,SAAI,WAAU,iCACZ,4BAAkB,QAAQ,WAAW,OAAO,OAAO,OAAO,CAAC,GAC9D,IACE;AAAA,OACN,KAjBS,OAAO,EAkBlB,CACD,GACH;AAAA,KACF;AAEJ;AAEA,IAAO,uCAAQ;","names":[]}

package/dist/blocks/e-commerce/product-overview/product-overview-reviews-tab.mjs

@@ -0,0 +1,61 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Star } from "lucide-react";
+import { Card, CardContent } from "../../../ui/card.mjs";
+import { Progress } from "../../../ui/progress.mjs";
+function renderStars(rating) {
+  return Array.from({ length: 5 }, (_, i) => /* @__PURE__ */ jsx(
+    Star,
+    {
+      className: `size-4 ${i < Math.floor(rating) ? "fill-foreground text-foreground" : i < rating ? "text-foreground" : ""}`
+    },
+    i
+  ));
+}
+function formatDate(dateString) {
+  return new Date(dateString).toLocaleDateString("es-ES", { year: "numeric", month: "short", day: "numeric" });
+}
+function ProductOverviewReviewsTab({
+  rating,
+  reviews,
+  basedOnReviewsLabel = "Basado en {count} rese\xF1as",
+  foundHelpfulLabel = "{count} personas encontraron esto \xFAtil"
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-6", children: [
+    /* @__PURE__ */ jsx(Card, { className: "border shadow-none", children: /* @__PURE__ */ jsx(CardContent, { className: "p-8 py-0", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-start gap-8 md:flex-row md:items-center", children: [
+      /* @__PURE__ */ jsxs("div", { className: "text-center", children: [
+        /* @__PURE__ */ jsx("div", { className: "text-4xl font-bold", children: rating }),
+        /* @__PURE__ */ jsx("div", { className: "mt-2 flex justify-center", children: renderStars(rating) }),
+        /* @__PURE__ */ jsx("div", { className: "text-muted-foreground mt-2 text-sm", children: basedOnReviewsLabel.replace("{count}", String(reviews.length)) })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "flex-1", children: [5, 4, 3, 2, 1].map((stars) => {
+        const count = reviews.filter((review) => Math.floor(review.rating) === stars).length;
+        const percentage = reviews.length > 0 ? count / reviews.length * 100 : 0;
+        return /* @__PURE__ */ jsxs("div", { className: "mb-3 flex items-center gap-3", children: [
+          /* @__PURE__ */ jsxs("span", { className: "w-8 text-sm font-medium", children: [
+            stars,
+            "\u2605"
+          ] }),
+          /* @__PURE__ */ jsx(Progress, { value: percentage, className: "h-2 flex-1 rounded-full" }),
+          /* @__PURE__ */ jsx("span", { className: "text-muted-foreground w-8 text-sm", children: count })
+        ] }, stars);
+      }) })
+    ] }) }) }),
+    /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-4", children: reviews.map((review) => /* @__PURE__ */ jsx(Card, { className: "border shadow-none", children: /* @__PURE__ */ jsxs(CardContent, { className: "p-6 py-0", children: [
+      /* @__PURE__ */ jsx("div", { className: "mb-4 flex items-start justify-between", children: /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("div", { className: "text-sm font-medium", children: review.author }),
+        /* @__PURE__ */ jsxs("div", { className: "mt-2 flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx("div", { className: "flex", children: renderStars(review.rating) }),
+          /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-sm", children: formatDate(review.date) })
+        ] })
+      ] }) }),
+      /* @__PURE__ */ jsx("p", { className: "text-muted-foreground mb-3 text-sm leading-relaxed", children: review.comment }),
+      typeof review.helpful === "number" ? /* @__PURE__ */ jsx("div", { className: "text-muted-foreground text-xs", children: foundHelpfulLabel.replace("{count}", String(review.helpful)) }) : null
+    ] }) }, review.id)) })
+  ] });
+}
+var product_overview_reviews_tab_default = ProductOverviewReviewsTab;
+export {
+  ProductOverviewReviewsTab,
+  product_overview_reviews_tab_default as default
+};
+//# sourceMappingURL=product-overview-reviews-tab.mjs.map

package/dist/blocks/e-commerce/product-overview/product-overview-reviews-tab.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/blocks/e-commerce/product-overview/product-overview-reviews-tab.tsx"],"sourcesContent":["import { Star } from 'lucide-react'\nimport { Card, CardContent } from '../../../ui/card'\nimport { Progress } from '../../../ui/progress'\n\n/**\n * Canonical review entry for the ProductOverview `rich` presentation. Reviews are supplied by the\n * host (optional block data), never seeded by the block.\n */\nexport interface ProductOverviewReview {\n  id: number\n  author: string\n  rating: number\n  comment: string\n  date: string\n  helpful?: number\n}\n\nexport interface ProductOverviewReviewsTabProps {\n  /** Aggregate rating (0–5); rendered only when the host supplies reviews. */\n  rating: number\n  reviews: ProductOverviewReview[]\n  basedOnReviewsLabel?: string\n  foundHelpfulLabel?: string\n}\n\nfunction renderStars(rating: number) {\n  return Array.from({ length: 5 }, (_, i) => (\n    <Star\n      key={i}\n      className={`size-4 ${i < Math.floor(rating) ? 'fill-foreground text-foreground' : i < rating ? 'text-foreground' : ''}`}\n    />\n  ))\n}\n\nfunction formatDate(dateString: string) {\n  return new Date(dateString).toLocaleDateString('es-ES', { year: 'numeric', month: 'short', day: 'numeric' })\n}\n\n/**\n * Reviews panel for the `rich` presentation: an aggregate summary plus the review list. Rendered\n * only when the host supplies reviews, so it never fabricates an empty review surface.\n */\nexport function ProductOverviewReviewsTab({\n  rating,\n  reviews,\n  basedOnReviewsLabel = 'Basado en {count} reseñas',\n  foundHelpfulLabel = '{count} personas encontraron esto útil',\n}: ProductOverviewReviewsTabProps) {\n  return (\n    <div className='flex flex-col gap-6'>\n      <Card className='border shadow-none'>\n        <CardContent className='p-8 py-0'>\n          <div className='flex flex-col items-start gap-8 md:flex-row md:items-center'>\n            <div className='text-center'>\n              <div className='text-4xl font-bold'>{rating}</div>\n              <div className='mt-2 flex justify-center'>{renderStars(rating)}</div>\n              <div className='text-muted-foreground mt-2 text-sm'>\n                {basedOnReviewsLabel.replace('{count}', String(reviews.length))}\n              </div>\n            </div>\n            <div className='flex-1'>\n              {[5, 4, 3, 2, 1].map(stars => {\n                const count = reviews.filter(review => Math.floor(review.rating) === stars).length\n                const percentage = reviews.length > 0 ? (count / reviews.length) * 100 : 0\n                return (\n                  <div key={stars} className='mb-3 flex items-center gap-3'>\n                    <span className='w-8 text-sm font-medium'>{stars}★</span>\n                    <Progress value={percentage} className='h-2 flex-1 rounded-full' />\n                    <span className='text-muted-foreground w-8 text-sm'>{count}</span>\n                  </div>\n                )\n              })}\n            </div>\n          </div>\n        </CardContent>\n      </Card>\n\n      <div className='flex flex-col gap-4'>\n        {reviews.map(review => (\n          <Card key={review.id} className='border shadow-none'>\n            <CardContent className='p-6 py-0'>\n              <div className='mb-4 flex items-start justify-between'>\n                <div>\n                  <div className='text-sm font-medium'>{review.author}</div>\n                  <div className='mt-2 flex items-center gap-2'>\n                    <div className='flex'>{renderStars(review.rating)}</div>\n                    <span className='text-muted-foreground text-sm'>{formatDate(review.date)}</span>\n                  </div>\n                </div>\n              </div>\n              <p className='text-muted-foreground mb-3 text-sm leading-relaxed'>{review.comment}</p>\n              {typeof review.helpful === 'number' ? (\n                <div className='text-muted-foreground text-xs'>\n                  {foundHelpfulLabel.replace('{count}', String(review.helpful))}\n                </div>\n              ) : null}\n            </CardContent>\n          </Card>\n        ))}\n      </div>\n    </div>\n  )\n}\n\nexport default ProductOverviewReviewsTab\n"],"mappings":"AA2BI,cA0BQ,YA1BR;AA3BJ,SAAS,YAAY;AACrB,SAAS,MAAM,mBAAmB;AAClC,SAAS,gBAAgB;AAuBzB,SAAS,YAAY,QAAgB;AACnC,SAAO,MAAM,KAAK,EAAE,QAAQ,EAAE,GAAG,CAAC,GAAG,MACnC;AAAA,IAAC;AAAA;AAAA,MAEC,WAAW,UAAU,IAAI,KAAK,MAAM,MAAM,IAAI,oCAAoC,IAAI,SAAS,oBAAoB,EAAE;AAAA;AAAA,IADhH;AAAA,EAEP,CACD;AACH;AAEA,SAAS,WAAW,YAAoB;AACtC,SAAO,IAAI,KAAK,UAAU,EAAE,mBAAmB,SAAS,EAAE,MAAM,WAAW,OAAO,SAAS,KAAK,UAAU,CAAC;AAC7G;AAMO,SAAS,0BAA0B;AAAA,EACxC;AAAA,EACA;AAAA,EACA,sBAAsB;AAAA,EACtB,oBAAoB;AACtB,GAAmC;AACjC,SACE,qBAAC,SAAI,WAAU,uBACb;AAAA,wBAAC,QAAK,WAAU,sBACd,8BAAC,eAAY,WAAU,YACrB,+BAAC,SAAI,WAAU,+DACb;AAAA,2BAAC,SAAI,WAAU,eACb;AAAA,4BAAC,SAAI,WAAU,sBAAsB,kBAAO;AAAA,QAC5C,oBAAC,SAAI,WAAU,4BAA4B,sBAAY,MAAM,GAAE;AAAA,QAC/D,oBAAC,SAAI,WAAU,sCACZ,8BAAoB,QAAQ,WAAW,OAAO,QAAQ,MAAM,CAAC,GAChE;AAAA,SACF;AAAA,MACA,oBAAC,SAAI,WAAU,UACZ,WAAC,GAAG,GAAG,GAAG,GAAG,CAAC,EAAE,IAAI,WAAS;AAC5B,cAAM,QAAQ,QAAQ,OAAO,YAAU,KAAK,MAAM,OAAO,MAAM,MAAM,KAAK,EAAE;AAC5E,cAAM,aAAa,QAAQ,SAAS,IAAK,QAAQ,QAAQ,SAAU,MAAM;AACzE,eACE,qBAAC,SAAgB,WAAU,gCACzB;AAAA,+BAAC,UAAK,WAAU,2BAA2B;AAAA;AAAA,YAAM;AAAA,aAAC;AAAA,UAClD,oBAAC,YAAS,OAAO,YAAY,WAAU,2BAA0B;AAAA,UACjE,oBAAC,UAAK,WAAU,qCAAqC,iBAAM;AAAA,aAHnD,KAIV;AAAA,MAEJ,CAAC,GACH;AAAA,OACF,GACF,GACF;AAAA,IAEA,oBAAC,SAAI,WAAU,uBACZ,kBAAQ,IAAI,YACX,oBAAC,QAAqB,WAAU,sBAC9B,+BAAC,eAAY,WAAU,YACrB;AAAA,0BAAC,SAAI,WAAU,yCACb,+BAAC,SACC;AAAA,4BAAC,SAAI,WAAU,uBAAuB,iBAAO,QAAO;AAAA,QACpD,qBAAC,SAAI,WAAU,gCACb;AAAA,8BAAC,SAAI,WAAU,QAAQ,sBAAY,OAAO,MAAM,GAAE;AAAA,UAClD,oBAAC,UAAK,WAAU,iCAAiC,qBAAW,OAAO,IAAI,GAAE;AAAA,WAC3E;AAAA,SACF,GACF;AAAA,MACA,oBAAC,OAAE,WAAU,sDAAsD,iBAAO,SAAQ;AAAA,MACjF,OAAO,OAAO,YAAY,WACzB,oBAAC,SAAI,WAAU,iCACZ,4BAAkB,QAAQ,WAAW,OAAO,OAAO,OAAO,CAAC,GAC9D,IACE;AAAA,OACN,KAjBS,OAAO,EAkBlB,CACD,GACH;AAAA,KACF;AAEJ;AAEA,IAAO,uCAAQ;","names":[]}

package/dist/blocks/e-commerce/product-overview/product-overview-tabs.d.ts

@@ -0,0 +1,32 @@
+import { Tabs as TabsPrimitive } from '@base-ui/react/tabs';
+/**
+ * The full tab set the canonical ProductOverview renders on for its `rich`
+ * presentation.
+ *
+ * The block's classes target Base UI state attributes (`data-active:bg-transparent` on the
+ * triggers), the indicator reads Base UI positioning CSS variables (`--active-tab-*`), and the
+ * content fade relies on Base UI unmounting the inactive panel - so the whole tabs area runs on
+ * Base UI rather than the Radix-backed shadcn `tabs`. It lives here rather than in the shared ui
+ * `tabs` so the block installs standalone: the shadcn `tabs` component you get from the registry
+ * has no indicator or fading panel.
+ */
+export declare function ProductOverviewTabs(props: TabsPrimitive.Root.Props): import("react").JSX.Element;
+export declare function ProductOverviewTabsList({ className, ...props }: TabsPrimitive.List.Props): import("react").JSX.Element;
+/**
+ * Base UI's tab button carries no layout of its own, so the inline-flex centring that the
+ * Radix-backed shadcn trigger used to supply is re-stated here.
+ */
+export declare function ProductOverviewTabsTrigger({ className, ...props }: TabsPrimitive.Tab.Props): import("react").JSX.Element;
+/**
+ * Panel with a fade-in on every switch. Base UI unmounts the inactive panel by default, so each
+ * activation is a fresh mount - `animate-in` plays automatically without needing a transition-state
+ * data attribute to gate it.
+ */
+export declare function ProductOverviewTabsContentFade({ className, ...props }: TabsPrimitive.Panel.Props): import("react").JSX.Element;
+/**
+ * Sliding pill that tracks the active trigger. Render as the first child of TabsList, and pair
+ * with `data-active:bg-transparent` on the triggers so their own active background doesn't double
+ * up with the pill.
+ */
+export declare function ProductOverviewTabsIndicator({ className, ...props }: TabsPrimitive.Indicator.Props): import("react").JSX.Element;
+//# sourceMappingURL=product-overview-tabs.d.ts.map

package/dist/blocks/e-commerce/product-overview/product-overview-tabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"product-overview-tabs.d.ts","sourceRoot":"","sources":["../../../../src/blocks/e-commerce/product-overview/product-overview-tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAA;AAI3D;;;;;;;;;;GAUG;AACH,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,aAAa,CAAC,IAAI,CAAC,KAAK,+BAElE;AAED,wBAAgB,uBAAuB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,CAAC,IAAI,CAAC,KAAK,+BAExF;AAED;;;GAGG;AACH,wBAAgB,0BAA0B,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,CAAC,GAAG,CAAC,KAAK,+BAQ1F;AAED;;;;GAIG;AACH,wBAAgB,8BAA8B,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,CAAC,KAAK,CAAC,KAAK,+BAOhG;AAED;;;;GAIG;AACH,wBAAgB,4BAA4B,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,CAAC,SAAS,CAAC,KAAK,+BAalG"}