@thorprovider/blocks 2.0.0 → 3.0.1

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

@@ -0,0 +1,68 @@
+export interface QuickViewOption {
+    value: string;
+    label: string;
+    available: boolean;
+    /**
+     * A literal colour for a swatch, when the option is one.
+     *
+     * Finish colours are product data, not theme data: brass has to stay brass whatever preset the
+     * customizer is on. It is the one place in the block that is not a token, and the option's
+     * label always carries the same information in words.
+     */
+    swatch?: string;
+}
+export interface QuickViewVariant {
+    key: string;
+    label: string;
+    /**
+     * Which option a product opens on.
+     *
+     * Not simply the first available one: sizes are listed smallest first, and the sofa is sold as
+     * the size its name promises, so the panel would otherwise open on an option that disagrees
+     * with the card the reader just pressed.
+     */
+    defaultValue?: string;
+    options: QuickViewOption[];
+}
+export interface QuickViewProduct {
+    id: string;
+    name: string;
+    /** The one line that says what it is, under the name on the card and in the panel. */
+    tagline: string;
+    category: string;
+    price: number;
+    compareAt?: number;
+    rating: number;
+    reviewCount: number;
+    /** In stock, and low enough to be worth saying. Omitted when there is plenty. */
+    unitsLeft?: number;
+    image: string;
+    imageAlt: string;
+    description: string;
+    /** The panel shows these as a list, not as a specification table. */
+    details: string[];
+    variants: QuickViewVariant[];
+    /** Where the full product page lives. The panel only links to it when set. */
+    href?: string;
+}
+export interface ProductQuickViewProps {
+    products: QuickViewProduct[];
+    eyebrow?: string;
+    heading?: string;
+    lede?: string;
+    /**
+     * Called with the chosen options when the reader adds to cart. When absent the button still
+     * shows and keeps its added-to-cart confirmation; it just has nowhere to report to.
+     */
+    onAddToCart?: (product: QuickViewProduct, quantity: number, selection: Record<string, string>) => void;
+}
+/**
+ * A product grid whose point is the panel that opens over it.
+ *
+ * One dialog serves the whole catalogue rather than one per card: the panel steps between
+ * products from inside, the card it is showing stays lit underneath, and closing puts the reader
+ * back exactly where the grid says they are.
+ */
+export declare function ProductQuickView({ products, eyebrow, heading, lede, onAddToCart, }: ProductQuickViewProps): import("react").JSX.Element;
+export default ProductQuickView;
+//# sourceMappingURL=product-quick-view.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"product-quick-view.d.ts","sourceRoot":"","sources":["../../../../src/blocks/e-commerce/product-overview/product-quick-view.tsx"],"names":[],"mappings":"AASA,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,EAAE,OAAO,CAAA;IAClB;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AAED,MAAM,WAAW,gBAAgB;IAC/B,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,MAAM,CAAA;IACb;;;;;;OAMG;IACH,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,OAAO,EAAE,eAAe,EAAE,CAAA;CAC3B;AAED,MAAM,WAAW,gBAAgB;IAC/B,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,sFAAsF;IACtF,OAAO,EAAE,MAAM,CAAA;IACf,QAAQ,EAAE,MAAM,CAAA;IAChB,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,MAAM,EAAE,MAAM,CAAA;IACd,WAAW,EAAE,MAAM,CAAA;IACnB,iFAAiF;IACjF,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,MAAM,CAAA;IAChB,WAAW,EAAE,MAAM,CAAA;IACnB,qEAAqE;IACrE,OAAO,EAAE,MAAM,EAAE,CAAA;IACjB,QAAQ,EAAE,gBAAgB,EAAE,CAAA;IAC5B,8EAA8E;IAC9E,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED,MAAM,WAAW,qBAAqB;IACpC,QAAQ,EAAE,gBAAgB,EAAE,CAAA;IAC5B,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb;;;OAGG;IACH,WAAW,CAAC,EAAE,CACZ,OAAO,EAAE,gBAAgB,EACzB,QAAQ,EAAE,MAAM,EAChB,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,KAC9B,IAAI,CAAA;CACV;AAED;;;;;;GAMG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,OAAqC,EACrC,OAAmE,EACnE,IAAsM,EACtM,WAAW,GACZ,EAAE,qBAAqB,+BA6CvB;AAED,eAAe,gBAAgB,CAAA"}

package/dist/blocks/e-commerce/product-overview/product-quick-view.js

@@ -0,0 +1,84 @@
+"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_quick_view_exports = {};
+__export(product_quick_view_exports, {
+  ProductQuickView: () => ProductQuickView,
+  default: () => product_quick_view_default
+});
+module.exports = __toCommonJS(product_quick_view_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_badge = require("../../../ui/badge.js");
+var import_product_quick_view_card = require("./product-quick-view-card.js");
+var import_product_quick_view_dialog = require("./product-quick-view-dialog.js");
+function ProductQuickView({
+  products,
+  eyebrow = "Novedades de la temporada",
+  heading = "Todo lo que vale la pena saber, sin salir de la rejilla",
+  lede = "Abre cualquier pieza para ver sus acabados, sus medidas y la respuesta a la pregunta que, de otro modo, te enviar\xEDa a la p\xE1gina del producto. Recorre el resto de la habitaci\xF3n desde dentro.",
+  onAddToCart
+}) {
+  const [activeIndex, setActiveIndex] = (0, import_react.useState)(null);
+  const headingId = (0, import_react.useId)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", { "aria-labelledby": headingId, className: "bg-background w-full py-16 sm:py-24", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "mx-auto w-full max-w-6xl px-4 sm:px-6 lg:px-8", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex max-w-2xl flex-col items-start", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_badge.Badge, { variant: "outline", className: "gap-2 rounded-full px-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { "aria-hidden": "true", className: "bg-primary size-1.5 rounded-full" }),
+          eyebrow
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "h2",
+          {
+            id: headingId,
+            className: "mt-5 text-3xl font-semibold tracking-tight text-balance sm:text-4xl",
+            children: heading
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-muted-foreground mt-4 text-base text-pretty", children: lede })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "mt-10 grid grid-cols-1 gap-5 sm:grid-cols-2 md:grid-cols-3 lg:mt-12", children: products.map((product, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_product_quick_view_card.ProductQuickViewCard,
+        {
+          product,
+          isActive: activeIndex === index,
+          onOpen: () => setActiveIndex(index)
+        },
+        product.id
+      )) })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_product_quick_view_dialog.ProductQuickViewDialog,
+      {
+        products,
+        activeIndex,
+        onActiveIndexChange: setActiveIndex,
+        onClose: () => setActiveIndex(null),
+        onAddToCart
+      }
+    )
+  ] });
+}
+var product_quick_view_default = ProductQuickView;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ProductQuickView
+});
+//# sourceMappingURL=product-quick-view.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/blocks/e-commerce/product-overview/product-quick-view.tsx"],"sourcesContent":["'use client'\n\nimport { useId, useState } from 'react'\n\nimport { Badge } from '../../../ui/badge'\n\nimport { ProductQuickViewCard } from './product-quick-view-card'\nimport { ProductQuickViewDialog } from './product-quick-view-dialog'\n\nexport interface QuickViewOption {\n  value: string\n  label: string\n  available: boolean\n  /**\n   * A literal colour for a swatch, when the option is one.\n   *\n   * Finish colours are product data, not theme data: brass has to stay brass whatever preset the\n   * customizer is on. It is the one place in the block that is not a token, and the option's\n   * label always carries the same information in words.\n   */\n  swatch?: string\n}\n\nexport interface QuickViewVariant {\n  key: string\n  label: string\n  /**\n   * Which option a product opens on.\n   *\n   * Not simply the first available one: sizes are listed smallest first, and the sofa is sold as\n   * the size its name promises, so the panel would otherwise open on an option that disagrees\n   * with the card the reader just pressed.\n   */\n  defaultValue?: string\n  options: QuickViewOption[]\n}\n\nexport interface QuickViewProduct {\n  id: string\n  name: string\n  /** The one line that says what it is, under the name on the card and in the panel. */\n  tagline: string\n  category: string\n  price: number\n  compareAt?: number\n  rating: number\n  reviewCount: number\n  /** In stock, and low enough to be worth saying. Omitted when there is plenty. */\n  unitsLeft?: number\n  image: string\n  imageAlt: string\n  description: string\n  /** The panel shows these as a list, not as a specification table. */\n  details: string[]\n  variants: QuickViewVariant[]\n  /** Where the full product page lives. The panel only links to it when set. */\n  href?: string\n}\n\nexport interface ProductQuickViewProps {\n  products: QuickViewProduct[]\n  eyebrow?: string\n  heading?: string\n  lede?: string\n  /**\n   * Called with the chosen options when the reader adds to cart. When absent the button still\n   * shows and keeps its added-to-cart confirmation; it just has nowhere to report to.\n   */\n  onAddToCart?: (\n    product: QuickViewProduct,\n    quantity: number,\n    selection: Record<string, string>\n  ) => void\n}\n\n/**\n * A product grid whose point is the panel that opens over it.\n *\n * One dialog serves the whole catalogue rather than one per card: the panel steps between\n * products from inside, the card it is showing stays lit underneath, and closing puts the reader\n * back exactly where the grid says they are.\n */\nexport function ProductQuickView({\n  products,\n  eyebrow = 'Novedades de la temporada',\n  heading = 'Todo lo que vale la pena saber, sin salir de la rejilla',\n  lede = 'Abre cualquier pieza para ver sus acabados, sus medidas y la respuesta a la pregunta que, de otro modo, te enviaría a la página del producto. Recorre el resto de la habitación desde dentro.',\n  onAddToCart,\n}: ProductQuickViewProps) {\n  const [activeIndex, setActiveIndex] = useState<number | null>(null)\n  // A reusable block cannot carry a fixed heading id: two instances on a page would both claim it.\n  const headingId = useId()\n\n  return (\n    <section aria-labelledby={headingId} className='bg-background w-full py-16 sm:py-24'>\n      <div className='mx-auto w-full max-w-6xl px-4 sm:px-6 lg:px-8'>\n        <div className='flex max-w-2xl flex-col items-start'>\n          <Badge variant='outline' className='gap-2 rounded-full px-3'>\n            <span aria-hidden='true' className='bg-primary size-1.5 rounded-full' />\n            {eyebrow}\n          </Badge>\n\n          <h2\n            id={headingId}\n            className='mt-5 text-3xl font-semibold tracking-tight text-balance sm:text-4xl'\n          >\n            {heading}\n          </h2>\n\n          <p className='text-muted-foreground mt-4 text-base text-pretty'>{lede}</p>\n        </div>\n\n        <div className='mt-10 grid grid-cols-1 gap-5 sm:grid-cols-2 md:grid-cols-3 lg:mt-12'>\n          {products.map((product, index) => (\n            <ProductQuickViewCard\n              key={product.id}\n              product={product}\n              isActive={activeIndex === index}\n              onOpen={() => setActiveIndex(index)}\n            />\n          ))}\n        </div>\n      </div>\n\n      <ProductQuickViewDialog\n        products={products}\n        activeIndex={activeIndex}\n        onActiveIndexChange={setActiveIndex}\n        onClose={() => setActiveIndex(null)}\n        onAddToCart={onAddToCart}\n      />\n    </section>\n  )\n}\n\nexport default ProductQuickView"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAiGU;AA/FV,mBAAgC;AAEhC,mBAAsB;AAEtB,qCAAqC;AACrC,uCAAuC;AA2EhC,SAAS,iBAAiB;AAAA,EAC/B;AAAA,EACA,UAAU;AAAA,EACV,UAAU;AAAA,EACV,OAAO;AAAA,EACP;AACF,GAA0B;AACxB,QAAM,CAAC,aAAa,cAAc,QAAI,uBAAwB,IAAI;AAElE,QAAM,gBAAY,oBAAM;AAExB,SACE,6CAAC,aAAQ,mBAAiB,WAAW,WAAU,uCAC7C;AAAA,iDAAC,SAAI,WAAU,iDACb;AAAA,mDAAC,SAAI,WAAU,uCACb;AAAA,qDAAC,sBAAM,SAAQ,WAAU,WAAU,2BACjC;AAAA,sDAAC,UAAK,eAAY,QAAO,WAAU,oCAAmC;AAAA,UACrE;AAAA,WACH;AAAA,QAEA;AAAA,UAAC;AAAA;AAAA,YACC,IAAI;AAAA,YACJ,WAAU;AAAA,YAET;AAAA;AAAA,QACH;AAAA,QAEA,4CAAC,OAAE,WAAU,oDAAoD,gBAAK;AAAA,SACxE;AAAA,MAEA,4CAAC,SAAI,WAAU,uEACZ,mBAAS,IAAI,CAAC,SAAS,UACtB;AAAA,QAAC;AAAA;AAAA,UAEC;AAAA,UACA,UAAU,gBAAgB;AAAA,UAC1B,QAAQ,MAAM,eAAe,KAAK;AAAA;AAAA,QAH7B,QAAQ;AAAA,MAIf,CACD,GACH;AAAA,OACF;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA,qBAAqB;AAAA,QACrB,SAAS,MAAM,eAAe,IAAI;AAAA,QAClC;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;AAEA,IAAO,6BAAQ;","names":[]}

package/dist/blocks/e-commerce/product-overview/product-quick-view.mjs

@@ -0,0 +1,60 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useId, useState } from "react";
+import { Badge } from "../../../ui/badge.mjs";
+import { ProductQuickViewCard } from "./product-quick-view-card.mjs";
+import { ProductQuickViewDialog } from "./product-quick-view-dialog.mjs";
+function ProductQuickView({
+  products,
+  eyebrow = "Novedades de la temporada",
+  heading = "Todo lo que vale la pena saber, sin salir de la rejilla",
+  lede = "Abre cualquier pieza para ver sus acabados, sus medidas y la respuesta a la pregunta que, de otro modo, te enviar\xEDa a la p\xE1gina del producto. Recorre el resto de la habitaci\xF3n desde dentro.",
+  onAddToCart
+}) {
+  const [activeIndex, setActiveIndex] = useState(null);
+  const headingId = useId();
+  return /* @__PURE__ */ jsxs("section", { "aria-labelledby": headingId, className: "bg-background w-full py-16 sm:py-24", children: [
+    /* @__PURE__ */ jsxs("div", { className: "mx-auto w-full max-w-6xl px-4 sm:px-6 lg:px-8", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex max-w-2xl flex-col items-start", children: [
+        /* @__PURE__ */ jsxs(Badge, { variant: "outline", className: "gap-2 rounded-full px-3", children: [
+          /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "bg-primary size-1.5 rounded-full" }),
+          eyebrow
+        ] }),
+        /* @__PURE__ */ jsx(
+          "h2",
+          {
+            id: headingId,
+            className: "mt-5 text-3xl font-semibold tracking-tight text-balance sm:text-4xl",
+            children: heading
+          }
+        ),
+        /* @__PURE__ */ jsx("p", { className: "text-muted-foreground mt-4 text-base text-pretty", children: lede })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "mt-10 grid grid-cols-1 gap-5 sm:grid-cols-2 md:grid-cols-3 lg:mt-12", children: products.map((product, index) => /* @__PURE__ */ jsx(
+        ProductQuickViewCard,
+        {
+          product,
+          isActive: activeIndex === index,
+          onOpen: () => setActiveIndex(index)
+        },
+        product.id
+      )) })
+    ] }),
+    /* @__PURE__ */ jsx(
+      ProductQuickViewDialog,
+      {
+        products,
+        activeIndex,
+        onActiveIndexChange: setActiveIndex,
+        onClose: () => setActiveIndex(null),
+        onAddToCart
+      }
+    )
+  ] });
+}
+var product_quick_view_default = ProductQuickView;
+export {
+  ProductQuickView,
+  product_quick_view_default as default
+};
+//# sourceMappingURL=product-quick-view.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/blocks/e-commerce/product-overview/product-quick-view.tsx"],"sourcesContent":["'use client'\n\nimport { useId, useState } from 'react'\n\nimport { Badge } from '../../../ui/badge'\n\nimport { ProductQuickViewCard } from './product-quick-view-card'\nimport { ProductQuickViewDialog } from './product-quick-view-dialog'\n\nexport interface QuickViewOption {\n  value: string\n  label: string\n  available: boolean\n  /**\n   * A literal colour for a swatch, when the option is one.\n   *\n   * Finish colours are product data, not theme data: brass has to stay brass whatever preset the\n   * customizer is on. It is the one place in the block that is not a token, and the option's\n   * label always carries the same information in words.\n   */\n  swatch?: string\n}\n\nexport interface QuickViewVariant {\n  key: string\n  label: string\n  /**\n   * Which option a product opens on.\n   *\n   * Not simply the first available one: sizes are listed smallest first, and the sofa is sold as\n   * the size its name promises, so the panel would otherwise open on an option that disagrees\n   * with the card the reader just pressed.\n   */\n  defaultValue?: string\n  options: QuickViewOption[]\n}\n\nexport interface QuickViewProduct {\n  id: string\n  name: string\n  /** The one line that says what it is, under the name on the card and in the panel. */\n  tagline: string\n  category: string\n  price: number\n  compareAt?: number\n  rating: number\n  reviewCount: number\n  /** In stock, and low enough to be worth saying. Omitted when there is plenty. */\n  unitsLeft?: number\n  image: string\n  imageAlt: string\n  description: string\n  /** The panel shows these as a list, not as a specification table. */\n  details: string[]\n  variants: QuickViewVariant[]\n  /** Where the full product page lives. The panel only links to it when set. */\n  href?: string\n}\n\nexport interface ProductQuickViewProps {\n  products: QuickViewProduct[]\n  eyebrow?: string\n  heading?: string\n  lede?: string\n  /**\n   * Called with the chosen options when the reader adds to cart. When absent the button still\n   * shows and keeps its added-to-cart confirmation; it just has nowhere to report to.\n   */\n  onAddToCart?: (\n    product: QuickViewProduct,\n    quantity: number,\n    selection: Record<string, string>\n  ) => void\n}\n\n/**\n * A product grid whose point is the panel that opens over it.\n *\n * One dialog serves the whole catalogue rather than one per card: the panel steps between\n * products from inside, the card it is showing stays lit underneath, and closing puts the reader\n * back exactly where the grid says they are.\n */\nexport function ProductQuickView({\n  products,\n  eyebrow = 'Novedades de la temporada',\n  heading = 'Todo lo que vale la pena saber, sin salir de la rejilla',\n  lede = 'Abre cualquier pieza para ver sus acabados, sus medidas y la respuesta a la pregunta que, de otro modo, te enviaría a la página del producto. Recorre el resto de la habitación desde dentro.',\n  onAddToCart,\n}: ProductQuickViewProps) {\n  const [activeIndex, setActiveIndex] = useState<number | null>(null)\n  // A reusable block cannot carry a fixed heading id: two instances on a page would both claim it.\n  const headingId = useId()\n\n  return (\n    <section aria-labelledby={headingId} className='bg-background w-full py-16 sm:py-24'>\n      <div className='mx-auto w-full max-w-6xl px-4 sm:px-6 lg:px-8'>\n        <div className='flex max-w-2xl flex-col items-start'>\n          <Badge variant='outline' className='gap-2 rounded-full px-3'>\n            <span aria-hidden='true' className='bg-primary size-1.5 rounded-full' />\n            {eyebrow}\n          </Badge>\n\n          <h2\n            id={headingId}\n            className='mt-5 text-3xl font-semibold tracking-tight text-balance sm:text-4xl'\n          >\n            {heading}\n          </h2>\n\n          <p className='text-muted-foreground mt-4 text-base text-pretty'>{lede}</p>\n        </div>\n\n        <div className='mt-10 grid grid-cols-1 gap-5 sm:grid-cols-2 md:grid-cols-3 lg:mt-12'>\n          {products.map((product, index) => (\n            <ProductQuickViewCard\n              key={product.id}\n              product={product}\n              isActive={activeIndex === index}\n              onOpen={() => setActiveIndex(index)}\n            />\n          ))}\n        </div>\n      </div>\n\n      <ProductQuickViewDialog\n        products={products}\n        activeIndex={activeIndex}\n        onActiveIndexChange={setActiveIndex}\n        onClose={() => setActiveIndex(null)}\n        onAddToCart={onAddToCart}\n      />\n    </section>\n  )\n}\n\nexport default ProductQuickView"],"mappings":";AAiGU,SACE,KADF;AA/FV,SAAS,OAAO,gBAAgB;AAEhC,SAAS,aAAa;AAEtB,SAAS,4BAA4B;AACrC,SAAS,8BAA8B;AA2EhC,SAAS,iBAAiB;AAAA,EAC/B;AAAA,EACA,UAAU;AAAA,EACV,UAAU;AAAA,EACV,OAAO;AAAA,EACP;AACF,GAA0B;AACxB,QAAM,CAAC,aAAa,cAAc,IAAI,SAAwB,IAAI;AAElE,QAAM,YAAY,MAAM;AAExB,SACE,qBAAC,aAAQ,mBAAiB,WAAW,WAAU,uCAC7C;AAAA,yBAAC,SAAI,WAAU,iDACb;AAAA,2BAAC,SAAI,WAAU,uCACb;AAAA,6BAAC,SAAM,SAAQ,WAAU,WAAU,2BACjC;AAAA,8BAAC,UAAK,eAAY,QAAO,WAAU,oCAAmC;AAAA,UACrE;AAAA,WACH;AAAA,QAEA;AAAA,UAAC;AAAA;AAAA,YACC,IAAI;AAAA,YACJ,WAAU;AAAA,YAET;AAAA;AAAA,QACH;AAAA,QAEA,oBAAC,OAAE,WAAU,oDAAoD,gBAAK;AAAA,SACxE;AAAA,MAEA,oBAAC,SAAI,WAAU,uEACZ,mBAAS,IAAI,CAAC,SAAS,UACtB;AAAA,QAAC;AAAA;AAAA,UAEC;AAAA,UACA,UAAU,gBAAgB;AAAA,UAC1B,QAAQ,MAAM,eAAe,KAAK;AAAA;AAAA,QAH7B,QAAQ;AAAA,MAIf,CACD,GACH;AAAA,OACF;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA,qBAAqB;AAAA,QACrB,SAAS,MAAM,eAAe,IAAI;AAAA,QAClC;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;AAEA,IAAO,6BAAQ;","names":[]}

package/dist/blocks/e-commerce/reviews/review-card.d.ts

@@ -0,0 +1,60 @@
+/**
+ * Canonical review item data.
+ *
+ * One customer review. `id` is the backend identity — the React key and the
+ * value every action reports; it is never rendered. `date` is a display string
+ * the host already formatted, and `dateTime` is the optional machine-readable
+ * value: the cell emits it only when it parses, so an unparsable date can never
+ * throw. `helpfulCount` and `likedByViewer` are host-authoritative engagement:
+ * the cell renders them and reports intent, it never increments either.
+ */
+export interface ReviewItemData {
+    /** Backend review identity. Used as the React key; never rendered. */
+    id: string;
+    author: string;
+    /** Optional; an absent or empty avatar renders initials, never `src=""`. */
+    avatar?: string;
+    /** Display date, rendered verbatim. */
+    date: string;
+    /** Optional ISO-8601 value; emitted only when it parses as a date. */
+    dateTime?: string;
+    /** Rating from 1 to 5. Missing or out-of-range values are clamped for display. */
+    rating: number;
+    content: string;
+    /** Supplied helpful count. Absent means unknown, never zero. */
+    helpfulCount?: number;
+    /** Host-owned viewer state: the like control reflects it and never toggles it. */
+    likedByViewer?: boolean;
+}
+/** Every user-facing string the cell renders. All are overridable. */
+export interface ReviewCardLabels {
+    ratingLabel: string;
+    helpfulLabel: string;
+    likeLabel: string;
+    unlikeLabel: string;
+    commentLabel: string;
+}
+export interface ReviewCardProps extends Omit<ReviewItemData, 'id'> {
+    /** Backend review identity, reported to the action handlers. */
+    id: string;
+    labels?: Partial<ReviewCardLabels>;
+    /** Renders the like control; receives the backend id and the intended state. */
+    onToggleLike?: (id: string, liked: boolean) => void;
+    /** Renders the comment control; receives the backend id. */
+    onComment?: (id: string) => void;
+    className?: string;
+}
+export declare const defaultReviewCardLabels: ReviewCardLabels;
+/** Clamp a rating to the 1–5 range the star row can express. */
+export declare function clampRating(rating: number): number;
+/** Emit a `dateTime` attribute only when the value is a real date. */
+export declare function safeDateTime(value: string | undefined): string | undefined;
+/**
+ * The canonical review item cell: one customer review.
+ *
+ * It is an item cell, not a listing — it takes one review, renders one cell,
+ * and owns no engagement state. Actions exist only when their handler exists.
+ */
+export declare function ReviewCard({ id, author, avatar, date, dateTime, rating, content, helpfulCount, likedByViewer, labels, onToggleLike, onComment, className, }: ReviewCardProps): import("react").JSX.Element;
+export default ReviewCard;
+//# sourceMappingURL=review-card.d.ts.map

package/dist/blocks/e-commerce/reviews/review-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"review-card.d.ts","sourceRoot":"","sources":["../../../../src/blocks/e-commerce/reviews/review-card.tsx"],"names":[],"mappings":"AAMA;;;;;;;;;GASG;AACH,MAAM,WAAW,cAAc;IAC7B,sEAAsE;IACtE,EAAE,EAAE,MAAM,CAAA;IACV,MAAM,EAAE,MAAM,CAAA;IACd,4EAA4E;IAC5E,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,uCAAuC;IACvC,IAAI,EAAE,MAAM,CAAA;IACZ,sEAAsE;IACtE,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,kFAAkF;IAClF,MAAM,EAAE,MAAM,CAAA;IACd,OAAO,EAAE,MAAM,CAAA;IACf,gEAAgE;IAChE,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,kFAAkF;IAClF,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB;AAED,sEAAsE;AACtE,MAAM,WAAW,gBAAgB;IAC/B,WAAW,EAAE,MAAM,CAAA;IACnB,YAAY,EAAE,MAAM,CAAA;IACpB,SAAS,EAAE,MAAM,CAAA;IACjB,WAAW,EAAE,MAAM,CAAA;IACnB,YAAY,EAAE,MAAM,CAAA;CACrB;AAED,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,cAAc,EAAE,IAAI,CAAC;IACjE,gEAAgE;IAChE,EAAE,EAAE,MAAM,CAAA;IACV,MAAM,CAAC,EAAE,OAAO,CAAC,gBAAgB,CAAC,CAAA;IAClC,gFAAgF;IAChF,YAAY,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAA;IACnD,4DAA4D;IAC5D,SAAS,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IAChC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,eAAO,MAAM,uBAAuB,EAAE,gBAMrC,CAAA;AAOD,gEAAgE;AAChE,wBAAgB,WAAW,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAGlD;AAED,sEAAsE;AACtE,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAK1E;AAED;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,EACzB,EAAE,EACF,MAAM,EACN,MAAM,EACN,IAAI,EACJ,QAAQ,EACR,MAAM,EACN,OAAO,EACP,YAAY,EACZ,aAAa,EACb,MAAM,EACN,YAAY,EACZ,SAAS,EACT,SAAS,GACV,EAAE,eAAe,+BA8FjB;AAED,eAAe,UAAU,CAAA"}

package/dist/blocks/e-commerce/reviews/review-card.js

@@ -0,0 +1,166 @@
+"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 review_card_exports = {};
+__export(review_card_exports, {
+  ReviewCard: () => ReviewCard,
+  clampRating: () => clampRating,
+  default: () => review_card_default,
+  defaultReviewCardLabels: () => defaultReviewCardLabels,
+  safeDateTime: () => safeDateTime
+});
+module.exports = __toCommonJS(review_card_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_lucide_react = require("lucide-react");
+var import_utils = require("../../../lib/utils.js");
+var import_avatar = require("../../../ui/avatar.js");
+var import_button = require("../../../ui/button.js");
+var import_card = require("../../../ui/card.js");
+const defaultReviewCardLabels = {
+  ratingLabel: "{n} de 5 estrellas",
+  helpfulLabel: "A {n} personas les result\xF3 \xFAtil",
+  likeLabel: "Me gusta",
+  unlikeLabel: "Quitar me gusta",
+  commentLabel: "Comentar"
+};
+const interpolate = (template, values) => template.replace(
+  /\{(\w+)\}/g,
+  (match, key) => key in values ? String(values[key]) : match
+);
+function clampRating(rating) {
+  if (!Number.isFinite(rating)) return 0;
+  return Math.min(5, Math.max(0, Math.round(rating)));
+}
+function safeDateTime(value) {
+  if (value === void 0) return void 0;
+  const trimmed = value.trim();
+  if (trimmed === "") return void 0;
+  return Number.isNaN(Date.parse(trimmed)) ? void 0 : trimmed;
+}
+function ReviewCard({
+  id,
+  author,
+  avatar,
+  date,
+  dateTime,
+  rating,
+  content,
+  helpfulCount,
+  likedByViewer,
+  labels,
+  onToggleLike,
+  onComment,
+  className
+}) {
+  const copy = { ...defaultReviewCardLabels, ...labels };
+  const filled = clampRating(rating);
+  const avatarSrc = typeof avatar === "string" && avatar.trim() !== "" ? avatar : void 0;
+  const initials = author.trim().slice(0, 2).toUpperCase();
+  const machineDate = safeDateTime(dateTime);
+  const liked = likedByViewer === true;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("article", { className: (0, import_utils.cn)("h-full", className), "data-slot": "review-card", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_card.Card, { className: "flex h-full flex-col", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_card.CardHeader, { className: "gap-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-start gap-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_avatar.Avatar, { className: "size-10", children: [
+          avatarSrc ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_avatar.AvatarImage, { src: avatarSrc, alt: "" }) : null,
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_avatar.AvatarFallback, { "aria-hidden": "true", children: initials })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col gap-0.5", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", { className: "truncate text-sm font-semibold", "data-slot": "review-author", children: author }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "time",
+            {
+              className: "text-muted-foreground text-xs",
+              ...machineDate === void 0 ? {} : { dateTime: machineDate },
+              "data-slot": "review-date",
+              children: date
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "div",
+        {
+          role: "img",
+          "aria-label": interpolate(copy.ratingLabel, { n: filled }),
+          className: "flex items-center gap-0.5",
+          "data-slot": "review-rating",
+          children: Array.from({ length: 5 }, (_, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_lucide_react.Star,
+            {
+              "aria-hidden": "true",
+              className: (0, import_utils.cn)(
+                "size-4",
+                index < filled ? "fill-current text-foreground" : "text-muted-foreground"
+              )
+            },
+            index
+          ))
+        }
+      )
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_card.CardContent, { className: "flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-sm whitespace-pre-line", "data-slot": "review-content", children: content }) }),
+    onToggleLike || onComment || helpfulCount !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_card.CardFooter, { className: "flex flex-wrap items-center gap-2 border-t pt-3", children: [
+      onToggleLike ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+        import_button.Button,
+        {
+          type: "button",
+          variant: "ghost",
+          size: "sm",
+          className: "h-8 cursor-pointer gap-1.5 px-2 text-xs",
+          "aria-pressed": liked,
+          "aria-label": liked ? copy.unlikeLabel : copy.likeLabel,
+          "data-slot": "review-like",
+          onClick: () => onToggleLike(id, !liked),
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ThumbsUp, { "aria-hidden": "true", className: "size-3.5" }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { "data-slot": "review-like-count", children: helpfulCount ?? "" })
+          ]
+        }
+      ) : helpfulCount !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "text-muted-foreground flex items-center gap-1.5 text-xs", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ThumbsUp, { "aria-hidden": "true", className: "size-3.5" }),
+        interpolate(copy.helpfulLabel, { n: helpfulCount })
+      ] }) : null,
+      onComment ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+        import_button.Button,
+        {
+          type: "button",
+          variant: "ghost",
+          size: "sm",
+          className: "h-8 cursor-pointer gap-1.5 px-2 text-xs",
+          "aria-label": copy.commentLabel,
+          "data-slot": "review-comment",
+          onClick: () => onComment(id),
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.MessageSquare, { "aria-hidden": "true", className: "size-3.5" }),
+            copy.commentLabel
+          ]
+        }
+      ) : null
+    ] }) : null
+  ] }) });
+}
+var review_card_default = ReviewCard;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ReviewCard,
+  clampRating,
+  defaultReviewCardLabels,
+  safeDateTime
+});
+//# sourceMappingURL=review-card.js.map

package/dist/blocks/e-commerce/reviews/review-card.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/blocks/e-commerce/reviews/review-card.tsx"],"sourcesContent":["import { MessageSquare, Star, ThumbsUp } from 'lucide-react'\nimport { cn } from '../../../lib/utils'\nimport { Avatar, AvatarFallback, AvatarImage } from '../../../ui/avatar'\nimport { Button } from '../../../ui/button'\nimport { Card, CardContent, CardFooter, CardHeader } from '../../../ui/card'\n\n/**\n * Canonical review item data.\n *\n * One customer review. `id` is the backend identity — the React key and the\n * value every action reports; it is never rendered. `date` is a display string\n * the host already formatted, and `dateTime` is the optional machine-readable\n * value: the cell emits it only when it parses, so an unparsable date can never\n * throw. `helpfulCount` and `likedByViewer` are host-authoritative engagement:\n * the cell renders them and reports intent, it never increments either.\n */\nexport interface ReviewItemData {\n  /** Backend review identity. Used as the React key; never rendered. */\n  id: string\n  author: string\n  /** Optional; an absent or empty avatar renders initials, never `src=\"\"`. */\n  avatar?: string\n  /** Display date, rendered verbatim. */\n  date: string\n  /** Optional ISO-8601 value; emitted only when it parses as a date. */\n  dateTime?: string\n  /** Rating from 1 to 5. Missing or out-of-range values are clamped for display. */\n  rating: number\n  content: string\n  /** Supplied helpful count. Absent means unknown, never zero. */\n  helpfulCount?: number\n  /** Host-owned viewer state: the like control reflects it and never toggles it. */\n  likedByViewer?: boolean\n}\n\n/** Every user-facing string the cell renders. All are overridable. */\nexport interface ReviewCardLabels {\n  ratingLabel: string\n  helpfulLabel: string\n  likeLabel: string\n  unlikeLabel: string\n  commentLabel: string\n}\n\nexport interface ReviewCardProps extends Omit<ReviewItemData, 'id'> {\n  /** Backend review identity, reported to the action handlers. */\n  id: string\n  labels?: Partial<ReviewCardLabels>\n  /** Renders the like control; receives the backend id and the intended state. */\n  onToggleLike?: (id: string, liked: boolean) => void\n  /** Renders the comment control; receives the backend id. */\n  onComment?: (id: string) => void\n  className?: string\n}\n\nexport const defaultReviewCardLabels: ReviewCardLabels = {\n  ratingLabel: '{n} de 5 estrellas',\n  helpfulLabel: 'A {n} personas les resultó útil',\n  likeLabel: 'Me gusta',\n  unlikeLabel: 'Quitar me gusta',\n  commentLabel: 'Comentar',\n}\n\nconst interpolate = (template: string, values: Record<string, string | number>) =>\n  template.replace(/\\{(\\w+)\\}/g, (match, key: string) =>\n    key in values ? String(values[key]) : match,\n  )\n\n/** Clamp a rating to the 1–5 range the star row can express. */\nexport function clampRating(rating: number): number {\n  if (!Number.isFinite(rating)) return 0\n  return Math.min(5, Math.max(0, Math.round(rating)))\n}\n\n/** Emit a `dateTime` attribute only when the value is a real date. */\nexport function safeDateTime(value: string | undefined): string | undefined {\n  if (value === undefined) return undefined\n  const trimmed = value.trim()\n  if (trimmed === '') return undefined\n  return Number.isNaN(Date.parse(trimmed)) ? undefined : trimmed\n}\n\n/**\n * The canonical review item cell: one customer review.\n *\n * It is an item cell, not a listing — it takes one review, renders one cell,\n * and owns no engagement state. Actions exist only when their handler exists.\n */\nexport function ReviewCard({\n  id,\n  author,\n  avatar,\n  date,\n  dateTime,\n  rating,\n  content,\n  helpfulCount,\n  likedByViewer,\n  labels,\n  onToggleLike,\n  onComment,\n  className,\n}: ReviewCardProps) {\n  const copy: ReviewCardLabels = { ...defaultReviewCardLabels, ...labels }\n  const filled = clampRating(rating)\n  const avatarSrc = typeof avatar === 'string' && avatar.trim() !== '' ? avatar : undefined\n  const initials = author.trim().slice(0, 2).toUpperCase()\n  const machineDate = safeDateTime(dateTime)\n  const liked = likedByViewer === true\n\n  return (\n    <article className={cn('h-full', className)} data-slot='review-card'>\n      <Card className='flex h-full flex-col'>\n        <CardHeader className='gap-3'>\n          <div className='flex items-start gap-3'>\n            <Avatar className='size-10'>\n              {avatarSrc ? <AvatarImage src={avatarSrc} alt='' /> : null}\n              <AvatarFallback aria-hidden='true'>{initials}</AvatarFallback>\n            </Avatar>\n            <div className='flex min-w-0 flex-1 flex-col gap-0.5'>\n              <h3 className='truncate text-sm font-semibold' data-slot='review-author'>\n                {author}\n              </h3>\n              <time\n                className='text-muted-foreground text-xs'\n                {...(machineDate === undefined ? {} : { dateTime: machineDate })}\n                data-slot='review-date'\n              >\n                {date}\n              </time>\n            </div>\n          </div>\n          <div\n            role='img'\n            aria-label={interpolate(copy.ratingLabel, { n: filled })}\n            className='flex items-center gap-0.5'\n            data-slot='review-rating'\n          >\n            {Array.from({ length: 5 }, (_, index) => (\n              <Star\n                key={index}\n                aria-hidden='true'\n                className={cn(\n                  'size-4',\n                  index < filled ? 'fill-current text-foreground' : 'text-muted-foreground',\n                )}\n              />\n            ))}\n          </div>\n        </CardHeader>\n        <CardContent className='flex-1'>\n          <p className='text-sm whitespace-pre-line' data-slot='review-content'>\n            {content}\n          </p>\n        </CardContent>\n        {onToggleLike || onComment || helpfulCount !== undefined ? (\n          <CardFooter className='flex flex-wrap items-center gap-2 border-t pt-3'>\n            {onToggleLike ? (\n              <Button\n                type='button'\n                variant='ghost'\n                size='sm'\n                className='h-8 cursor-pointer gap-1.5 px-2 text-xs'\n                aria-pressed={liked}\n                aria-label={liked ? copy.unlikeLabel : copy.likeLabel}\n                data-slot='review-like'\n                onClick={() => onToggleLike(id, !liked)}\n              >\n                <ThumbsUp aria-hidden='true' className='size-3.5' />\n                <span data-slot='review-like-count'>{helpfulCount ?? ''}</span>\n              </Button>\n            ) : helpfulCount !== undefined ? (\n              <span className='text-muted-foreground flex items-center gap-1.5 text-xs'>\n                <ThumbsUp aria-hidden='true' className='size-3.5' />\n                {interpolate(copy.helpfulLabel, { n: helpfulCount })}\n              </span>\n            ) : null}\n            {onComment ? (\n              <Button\n                type='button'\n                variant='ghost'\n                size='sm'\n                className='h-8 cursor-pointer gap-1.5 px-2 text-xs'\n                aria-label={copy.commentLabel}\n                data-slot='review-comment'\n                onClick={() => onComment(id)}\n              >\n                <MessageSquare aria-hidden='true' className='size-3.5' />\n                {copy.commentLabel}\n              </Button>\n            ) : null}\n          </CardFooter>\n        ) : null}\n      </Card>\n    </article>\n  )\n}\n\nexport default ReviewCard\n"],"mappings":"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","names":[]}

package/dist/blocks/e-commerce/reviews/review-card.mjs

@@ -0,0 +1,139 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { MessageSquare, Star, ThumbsUp } from "lucide-react";
+import { cn } from "../../../lib/utils.mjs";
+import { Avatar, AvatarFallback, AvatarImage } from "../../../ui/avatar.mjs";
+import { Button } from "../../../ui/button.mjs";
+import { Card, CardContent, CardFooter, CardHeader } from "../../../ui/card.mjs";
+const defaultReviewCardLabels = {
+  ratingLabel: "{n} de 5 estrellas",
+  helpfulLabel: "A {n} personas les result\xF3 \xFAtil",
+  likeLabel: "Me gusta",
+  unlikeLabel: "Quitar me gusta",
+  commentLabel: "Comentar"
+};
+const interpolate = (template, values) => template.replace(
+  /\{(\w+)\}/g,
+  (match, key) => key in values ? String(values[key]) : match
+);
+function clampRating(rating) {
+  if (!Number.isFinite(rating)) return 0;
+  return Math.min(5, Math.max(0, Math.round(rating)));
+}
+function safeDateTime(value) {
+  if (value === void 0) return void 0;
+  const trimmed = value.trim();
+  if (trimmed === "") return void 0;
+  return Number.isNaN(Date.parse(trimmed)) ? void 0 : trimmed;
+}
+function ReviewCard({
+  id,
+  author,
+  avatar,
+  date,
+  dateTime,
+  rating,
+  content,
+  helpfulCount,
+  likedByViewer,
+  labels,
+  onToggleLike,
+  onComment,
+  className
+}) {
+  const copy = { ...defaultReviewCardLabels, ...labels };
+  const filled = clampRating(rating);
+  const avatarSrc = typeof avatar === "string" && avatar.trim() !== "" ? avatar : void 0;
+  const initials = author.trim().slice(0, 2).toUpperCase();
+  const machineDate = safeDateTime(dateTime);
+  const liked = likedByViewer === true;
+  return /* @__PURE__ */ jsx("article", { className: cn("h-full", className), "data-slot": "review-card", children: /* @__PURE__ */ jsxs(Card, { className: "flex h-full flex-col", children: [
+    /* @__PURE__ */ jsxs(CardHeader, { className: "gap-3", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3", children: [
+        /* @__PURE__ */ jsxs(Avatar, { className: "size-10", children: [
+          avatarSrc ? /* @__PURE__ */ jsx(AvatarImage, { src: avatarSrc, alt: "" }) : null,
+          /* @__PURE__ */ jsx(AvatarFallback, { "aria-hidden": "true", children: initials })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-col gap-0.5", children: [
+          /* @__PURE__ */ jsx("h3", { className: "truncate text-sm font-semibold", "data-slot": "review-author", children: author }),
+          /* @__PURE__ */ jsx(
+            "time",
+            {
+              className: "text-muted-foreground text-xs",
+              ...machineDate === void 0 ? {} : { dateTime: machineDate },
+              "data-slot": "review-date",
+              children: date
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          role: "img",
+          "aria-label": interpolate(copy.ratingLabel, { n: filled }),
+          className: "flex items-center gap-0.5",
+          "data-slot": "review-rating",
+          children: Array.from({ length: 5 }, (_, index) => /* @__PURE__ */ jsx(
+            Star,
+            {
+              "aria-hidden": "true",
+              className: cn(
+                "size-4",
+                index < filled ? "fill-current text-foreground" : "text-muted-foreground"
+              )
+            },
+            index
+          ))
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx(CardContent, { className: "flex-1", children: /* @__PURE__ */ jsx("p", { className: "text-sm whitespace-pre-line", "data-slot": "review-content", children: content }) }),
+    onToggleLike || onComment || helpfulCount !== void 0 ? /* @__PURE__ */ jsxs(CardFooter, { className: "flex flex-wrap items-center gap-2 border-t pt-3", children: [
+      onToggleLike ? /* @__PURE__ */ jsxs(
+        Button,
+        {
+          type: "button",
+          variant: "ghost",
+          size: "sm",
+          className: "h-8 cursor-pointer gap-1.5 px-2 text-xs",
+          "aria-pressed": liked,
+          "aria-label": liked ? copy.unlikeLabel : copy.likeLabel,
+          "data-slot": "review-like",
+          onClick: () => onToggleLike(id, !liked),
+          children: [
+            /* @__PURE__ */ jsx(ThumbsUp, { "aria-hidden": "true", className: "size-3.5" }),
+            /* @__PURE__ */ jsx("span", { "data-slot": "review-like-count", children: helpfulCount ?? "" })
+          ]
+        }
+      ) : helpfulCount !== void 0 ? /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground flex items-center gap-1.5 text-xs", children: [
+        /* @__PURE__ */ jsx(ThumbsUp, { "aria-hidden": "true", className: "size-3.5" }),
+        interpolate(copy.helpfulLabel, { n: helpfulCount })
+      ] }) : null,
+      onComment ? /* @__PURE__ */ jsxs(
+        Button,
+        {
+          type: "button",
+          variant: "ghost",
+          size: "sm",
+          className: "h-8 cursor-pointer gap-1.5 px-2 text-xs",
+          "aria-label": copy.commentLabel,
+          "data-slot": "review-comment",
+          onClick: () => onComment(id),
+          children: [
+            /* @__PURE__ */ jsx(MessageSquare, { "aria-hidden": "true", className: "size-3.5" }),
+            copy.commentLabel
+          ]
+        }
+      ) : null
+    ] }) : null
+  ] }) });
+}
+var review_card_default = ReviewCard;
+export {
+  ReviewCard,
+  clampRating,
+  review_card_default as default,
+  defaultReviewCardLabels,
+  safeDateTime
+};
+//# sourceMappingURL=review-card.mjs.map