@thorprovider/blocks 3.0.2 → 4.1.0

package/dist/blocks/designs/checkout-commerce-v1/index.js

@@ -0,0 +1,36 @@
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var checkout_commerce_v1_exports = {};
+__export(checkout_commerce_v1_exports, {
+  default: () => import_block.default
+});
+module.exports = __toCommonJS(checkout_commerce_v1_exports);
+var import_block = __toESM(require("./block.js"));
+//# sourceMappingURL=index.js.map

package/dist/blocks/designs/checkout-commerce-v1/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/blocks/designs/checkout-commerce-v1/index.tsx"],"sourcesContent":["'use client'\n\nexport { default } from './block'\nexport type { CheckoutCommerceV1Props } from './block'\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,mBAAwB;","names":[]}

package/dist/blocks/designs/checkout-commerce-v1/index.mjs

@@ -0,0 +1,6 @@
+"use client";
+import { default as default2 } from "./block.mjs";
+export {
+  default2 as default
+};
+//# sourceMappingURL=index.mjs.map

package/dist/blocks/designs/checkout-commerce-v1/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/blocks/designs/checkout-commerce-v1/index.tsx"],"sourcesContent":["'use client'\n\nexport { default } from './block'\nexport type { CheckoutCommerceV1Props } from './block'\n"],"mappings":";AAEA,SAAS,WAAAA,gBAAe;","names":["default"]}

package/dist/blocks/designs/marketplace-product-card/block.d.ts

@@ -0,0 +1,12 @@
+import type { MarketplaceProductCardData } from '../../../lib/contracts/marketplace-product-card';
+import { type CardLabels, type Glyphs, type Product, type ProductVariant } from './variants';
+export type MarketplaceProductCardProps = {
+    data: MarketplaceProductCardData;
+    product?: Product;
+    labels?: CardLabels;
+    glyphs?: Glyphs;
+    onAddToCart?: (variant: ProductVariant, product: Product) => void;
+    onToggleWishlist?: (product: Product, nextState: boolean) => void;
+};
+export default function MarketplaceProductCard(__designProps: MarketplaceProductCardProps): import("react").JSX.Element;
+//# sourceMappingURL=block.d.ts.map

package/dist/blocks/designs/marketplace-product-card/block.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"block.d.ts","sourceRoot":"","sources":["../../../../src/blocks/designs/marketplace-product-card/block.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,iDAAiD,CAAA;AAIjG,OAAO,EAUL,KAAK,UAAU,EACf,KAAK,MAAM,EACX,KAAK,OAAO,EACZ,KAAK,cAAc,EAGpB,MAAM,YAAY,CAAA;AAEnB,MAAM,MAAM,2BAA2B,GAAG;IACxC,IAAI,EAAE,0BAA0B,CAAC;IACjC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,MAAM,CAAC,EAAE,UAAU,CAAA;IACnB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,WAAW,CAAC,EAAE,CAAC,OAAO,EAAE,cAAc,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;IACjE,gBAAgB,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,KAAK,IAAI,CAAA;CAClE,CAAA;AAYD,MAAM,CAAC,OAAO,UAAU,sBAAsB,CAAC,aAAa,EAAE,2BAA2B,+BAyPxF"}

package/dist/blocks/designs/marketplace-product-card/block.js

@@ -0,0 +1,243 @@
+"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 block_exports = {};
+__export(block_exports, {
+  default: () => MarketplaceProductCard
+});
+module.exports = __toCommonJS(block_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_normalize = require("./normalize.js");
+var import_badge = require("../../../ui/badge.js");
+var import_button = require("../../../ui/button.js");
+var import_card = require("../../../ui/card.js");
+var import_contracts = require("../../../lib/contracts.js");
+var import_utils = require("../../../lib/utils.js");
+var import_react = require("react");
+var import_variants = require("./variants.js");
+const STOCK_TONE_CLASS = {
+  success: "text-success",
+  attention: "text-destructive",
+  destructive: "text-destructive"
+};
+function formatReviewCount(count, locale) {
+  return new Intl.NumberFormat(locale).format(count);
+}
+function MarketplaceProductCard(__designProps) {
+  const data = (0, import_normalize.normalizeData)(__designProps.data);
+  const {
+    product = data.product,
+    labels = data.labels,
+    glyphs = data.glyphs,
+    onAddToCart,
+    onToggleWishlist
+  } = __designProps;
+  const [selection, setSelection] = (0, import_react.useState)(() => (0, import_variants.firstAvailableSelection)(product));
+  const [wishlisted, setWishlisted] = (0, import_react.useState)(false);
+  const [renderedProductId, setRenderedProductId] = (0, import_react.useState)(product.id);
+  const baseId = (0, import_react.useId)();
+  if (product.id !== renderedProductId) {
+    setRenderedProductId(product.id);
+    setSelection((0, import_variants.firstAvailableSelection)(product));
+    setWishlisted(false);
+  }
+  const activeSelection = (0, import_variants.findVariant)(product, selection) ? selection : (0, import_variants.firstAvailableSelection)(product);
+  const variant = (0, import_variants.findVariant)(product, activeSelection) ?? product.variants[0];
+  const image = (0, import_variants.resolveVariantImage)(product, variant, activeSelection);
+  const discount = variant ? (0, import_variants.discountPercent)(variant.price, variant.compareAtPrice) : null;
+  const priceLabel = variant ? (0, import_variants.formatPrice)(variant.price, product.locale, product.currency) : labels.unavailablePrice;
+  const compareLabel = variant?.compareAtPrice !== void 0 && discount !== null ? (0, import_variants.formatPrice)(variant.compareAtPrice, product.locale, product.currency) : null;
+  const discountLabel = discount !== null ? (0, import_variants.formatDiscount)(discount, product.locale) : null;
+  const reviews = formatReviewCount(product.reviewCount, product.locale);
+  const filledStars = Math.round(product.rating);
+  const stars = Array.from(
+    { length: 5 },
+    (_, index) => index < filledStars ? glyphs.fullStar : glyphs.emptyStar
+  );
+  const selectedLabels = product.options.map((option) => option.values.find((value) => value.id === activeSelection[option.id])?.label).filter((label) => Boolean(label)).join(", ");
+  const stockLabel = variant?.stockLabel ?? labels.outOfStock;
+  const liveSummary = [product.title, selectedLabels, priceLabel, stockLabel].filter((part) => Boolean(part)).join(", ");
+  const stockTone = variant ? STOCK_TONE_CLASS[variant.stockTone] : STOCK_TONE_CLASS.destructive;
+  const handleAddToCart = () => {
+    if (variant?.available) onAddToCart?.(variant, product);
+  };
+  const handleWishlist = () => {
+    const next = !wishlisted;
+    setWishlisted(next);
+    onToggleWishlist?.(product, next);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("article", { "aria-label": product.title, className: "w-full sm:mx-auto sm:max-w-xs", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_card.Card, { className: "group/card gap-0 overflow-hidden py-0 shadow-sm transition-shadow hover:shadow-md", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "relative aspect-square overflow-hidden bg-muted", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "img",
+        {
+          "data-testid": "image",
+          src: image.src ?? import_contracts.PRODUCT_IMAGE_FALLBACK,
+          alt: image.alt,
+          width: 800,
+          height: 800,
+          className: "size-full object-cover transition-transform duration-300 group-hover/card:scale-105"
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_badge.Badge, { className: "absolute left-3 top-3 rounded-full bg-accent px-2 text-accent-foreground", children: product.badge }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_button.Button,
+        {
+          type: "button",
+          size: "icon-sm",
+          "data-testid": "wishlist",
+          "aria-label": wishlisted ? labels.wishlistRemove : labels.wishlistAdd,
+          "aria-pressed": wishlisted,
+          onClick: handleWishlist,
+          className: "absolute right-3 top-3 rounded-full border border-border bg-card/90 text-foreground shadow-sm backdrop-blur hover:bg-card",
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "span",
+            {
+              "aria-hidden": "true",
+              className: (0, import_utils.cn)("text-base leading-none", wishlisted && "text-accent"),
+              children: wishlisted ? glyphs.heartFilled : glyphs.heart
+            }
+          )
+        }
+      )
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_card.CardContent, { className: "flex flex-col gap-2 p-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-xs uppercase tracking-wide text-muted-foreground", children: product.brand }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", { className: "line-clamp-2 min-h-10 text-sm font-medium leading-snug", children: product.title }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-wrap items-center gap-x-1.5 gap-y-0.5 text-xs", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-warning", "aria-hidden": "true", children: stars.join("") }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "font-medium", children: product.rating.toFixed(1) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-muted-foreground", children: `(${reviews})` }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-muted-foreground", children: product.soldLabel }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "sr-only", children: product.ratingLabel })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-wrap items-baseline gap-x-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "span",
+          {
+            "data-testid": "price",
+            className: (0, import_utils.cn)(
+              "text-xl font-semibold tracking-tight",
+              !variant && "text-sm font-normal text-muted-foreground"
+            ),
+            children: priceLabel
+          }
+        ),
+        compareLabel !== null ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { "data-testid": "compare", className: "text-xs text-muted-foreground line-through", children: compareLabel }) : null,
+        discountLabel !== null ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { "data-testid": "discount", className: "text-xs font-semibold text-accent", children: discountLabel }) : null
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-wrap items-center gap-x-1.5 text-xs", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "font-medium text-success", children: product.shippingLabel }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-muted-foreground", children: product.deliveryLabel })
+      ] }),
+      product.options.map((option, optionIndex) => {
+        const labelId = `${baseId}-${option.id}`;
+        const selectedValue = option.values.find(
+          (value) => value.id === activeSelection[option.id]
+        );
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+          "div",
+          {
+            role: "group",
+            "aria-labelledby": labelId,
+            className: "flex flex-col gap-1.5",
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { id: labelId, className: "text-xs text-muted-foreground", children: `${option.name}${labels.optionSeparator} ${selectedValue?.label ?? ""}` }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex flex-wrap gap-1.5", children: option.values.map((value) => {
+                const disabled = (0, import_variants.isValueDisabled)(
+                  product,
+                  activeSelection,
+                  optionIndex,
+                  value.id
+                );
+                const selected = activeSelection[option.id] === value.id;
+                if (option.kind === "image") {
+                  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                    "button",
+                    {
+                      type: "button",
+                      "aria-label": value.label,
+                      "aria-pressed": selected,
+                      disabled,
+                      title: disabled ? labels.unavailableOption : void 0,
+                      "data-testid": `option-${option.id}-${value.id}`,
+                      onClick: () => setSelection(
+                        (0, import_variants.selectValue)(product, activeSelection, optionIndex, value.id)
+                      ),
+                      className: (0, import_utils.cn)(
+                        "relative size-9 overflow-hidden rounded-md border focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-card disabled:cursor-not-allowed disabled:opacity-40",
+                        selected ? "border-ring ring-2 ring-ring ring-offset-2 ring-offset-card" : "border-border"
+                      ),
+                      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                        "img",
+                        {
+                          src: (0, import_variants.firstNonEmpty)(value.image) ?? import_contracts.PRODUCT_IMAGE_FALLBACK,
+                          alt: value.label,
+                          "aria-hidden": "true",
+                          width: 36,
+                          height: 36,
+                          className: "size-full object-cover"
+                        }
+                      )
+                    },
+                    value.id
+                  );
+                }
+                return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                  import_button.Button,
+                  {
+                    type: "button",
+                    "aria-pressed": selected,
+                    disabled,
+                    title: disabled ? labels.unavailableOption : void 0,
+                    "data-testid": `option-${option.id}-${value.id}`,
+                    onClick: () => setSelection(
+                      (0, import_variants.selectValue)(product, activeSelection, optionIndex, value.id)
+                    ),
+                    className: (0, import_utils.cn)(
+                      "h-7 min-w-8 rounded-md border px-2 py-0 text-xs font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-card disabled:cursor-not-allowed disabled:opacity-40 disabled:line-through",
+                      selected ? "border-primary bg-primary text-primary-foreground" : "border-border bg-card text-foreground hover:border-foreground hover:bg-card"
+                    ),
+                    children: value.label
+                  },
+                  value.id
+                );
+              }) })
+            ]
+          },
+          option.id
+        );
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_button.Button,
+        {
+          type: "button",
+          "data-testid": "add-to-cart",
+          disabled: !variant?.available,
+          onClick: handleAddToCart,
+          className: "w-full bg-accent text-accent-foreground hover:bg-accent/90",
+          children: labels.addToCart
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { "data-testid": "stock", className: (0, import_utils.cn)("text-xs font-medium", stockTone), children: stockLabel }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "sr-only", "aria-live": "polite", children: liveSummary })
+    ] })
+  ] }) });
+}
+//# sourceMappingURL=block.js.map

package/dist/blocks/designs/marketplace-product-card/block.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/blocks/designs/marketplace-product-card/block.tsx"],"sourcesContent":["'use client'\n\nimport { normalizeData } from './normalize'\nimport { Badge } from '../../../ui/badge'\nimport { Button } from '../../../ui/button'\nimport { Card, CardContent } from '../../../ui/card'\nimport { PRODUCT_IMAGE_FALLBACK } from '../../../lib/contracts'\nimport { cn } from '../../../lib/utils'\nimport type { MarketplaceProductCardData } from '../../../lib/contracts/marketplace-product-card'\n\nimport { useId, useState } from 'react'\n\nimport {\n  discountPercent,\n  findVariant,\n  firstAvailableSelection,\n  firstNonEmpty,\n  formatDiscount,\n  formatPrice,\n  isValueDisabled,\n  resolveVariantImage,\n  selectValue,\n  type CardLabels,\n  type Glyphs,\n  type Product,\n  type ProductVariant,\n  type Selection,\n  type StockTone,\n} from './variants'\n\nexport type MarketplaceProductCardProps = {\n  data: MarketplaceProductCardData;\n  product?: Product\n  labels?: CardLabels\n  glyphs?: Glyphs\n  onAddToCart?: (variant: ProductVariant, product: Product) => void\n  onToggleWishlist?: (product: Product, nextState: boolean) => void\n}\n\nconst STOCK_TONE_CLASS: Record<StockTone, string> = {\n  success: 'text-success',\n  attention: 'text-destructive',\n  destructive: 'text-destructive',\n}\n\nfunction formatReviewCount(count: number, locale: string): string {\n  return new Intl.NumberFormat(locale).format(count)\n}\n\nexport default function MarketplaceProductCard(__designProps: MarketplaceProductCardProps) {\n  const data = normalizeData(__designProps.data)\n  const {\n    product = data.product,\n    labels = data.labels,\n    glyphs = data.glyphs,\n    onAddToCart,\n    onToggleWishlist,\n  } = __designProps\n  const [selection, setSelection] = useState<Selection>(() => firstAvailableSelection(product))\n  const [wishlisted, setWishlisted] = useState(false)\n  const [renderedProductId, setRenderedProductId] = useState(product.id)\n  const baseId = useId()\n\n  if (product.id !== renderedProductId) {\n    setRenderedProductId(product.id)\n    setSelection(firstAvailableSelection(product))\n    setWishlisted(false)\n  }\n\n  const activeSelection = findVariant(product, selection)\n    ? selection\n    : firstAvailableSelection(product)\n  const variant = findVariant(product, activeSelection) ?? product.variants[0]\n  const image = resolveVariantImage(product, variant, activeSelection)\n  const discount = variant ? discountPercent(variant.price, variant.compareAtPrice) : null\n  const priceLabel = variant\n    ? formatPrice(variant.price, product.locale, product.currency)\n    : labels.unavailablePrice\n  const compareLabel =\n    variant?.compareAtPrice !== undefined && discount !== null\n      ? formatPrice(variant.compareAtPrice, product.locale, product.currency)\n      : null\n  const discountLabel = discount !== null ? formatDiscount(discount, product.locale) : null\n\n  const reviews = formatReviewCount(product.reviewCount, product.locale)\n  const filledStars = Math.round(product.rating)\n  const stars = Array.from({ length: 5 }, (_, index) =>\n    index < filledStars ? glyphs.fullStar : glyphs.emptyStar,\n  )\n\n  const selectedLabels = product.options\n    .map((option) => option.values.find((value) => value.id === activeSelection[option.id])?.label)\n    .filter((label): label is string => Boolean(label))\n    .join(', ')\n\n  const stockLabel = variant?.stockLabel ?? labels.outOfStock\n  const liveSummary = [product.title, selectedLabels, priceLabel, stockLabel]\n    .filter((part): part is string => Boolean(part))\n    .join(', ')\n  const stockTone = variant ? STOCK_TONE_CLASS[variant.stockTone] : STOCK_TONE_CLASS.destructive\n\n  const handleAddToCart = () => {\n    if (variant?.available) onAddToCart?.(variant, product)\n  }\n\n  const handleWishlist = () => {\n    const next = !wishlisted\n    setWishlisted(next)\n    onToggleWishlist?.(product, next)\n  }\n\n  return (\n    <article aria-label={product.title} className=\"w-full sm:mx-auto sm:max-w-xs\">\n      <Card className=\"group/card gap-0 overflow-hidden py-0 shadow-sm transition-shadow hover:shadow-md\">\n        <div className=\"relative aspect-square overflow-hidden bg-muted\">\n          <img\n            data-testid=\"image\"\n            src={image.src ?? PRODUCT_IMAGE_FALLBACK}\n            alt={image.alt}\n            width={800}\n            height={800}\n            className=\"size-full object-cover transition-transform duration-300 group-hover/card:scale-105\"\n          />\n          <Badge className=\"absolute left-3 top-3 rounded-full bg-accent px-2 text-accent-foreground\">\n            {product.badge}\n          </Badge>\n          <Button\n            type=\"button\"\n            size=\"icon-sm\"\n            data-testid=\"wishlist\"\n            aria-label={wishlisted ? labels.wishlistRemove : labels.wishlistAdd}\n            aria-pressed={wishlisted}\n            onClick={handleWishlist}\n            className=\"absolute right-3 top-3 rounded-full border border-border bg-card/90 text-foreground shadow-sm backdrop-blur hover:bg-card\"\n          >\n            <span\n              aria-hidden=\"true\"\n              className={cn('text-base leading-none', wishlisted && 'text-accent')}\n            >\n              {wishlisted ? glyphs.heartFilled : glyphs.heart}\n            </span>\n          </Button>\n        </div>\n\n        <CardContent className=\"flex flex-col gap-2 p-3\">\n          <p className=\"text-xs uppercase tracking-wide text-muted-foreground\">{product.brand}</p>\n\n          <h3 className=\"line-clamp-2 min-h-10 text-sm font-medium leading-snug\">\n            {product.title}\n          </h3>\n\n          <div className=\"flex flex-wrap items-center gap-x-1.5 gap-y-0.5 text-xs\">\n            <span className=\"text-warning\" aria-hidden=\"true\">\n              {stars.join('')}\n            </span>\n            <span className=\"font-medium\">{product.rating.toFixed(1)}</span>\n            <span className=\"text-muted-foreground\">{`(${reviews})`}</span>\n            <span className=\"text-muted-foreground\">{product.soldLabel}</span>\n            <span className=\"sr-only\">{product.ratingLabel}</span>\n          </div>\n\n          <div className=\"flex flex-wrap items-baseline gap-x-2\">\n            <span\n              data-testid=\"price\"\n              className={cn(\n                'text-xl font-semibold tracking-tight',\n                !variant && 'text-sm font-normal text-muted-foreground',\n              )}\n            >\n              {priceLabel}\n            </span>\n            {compareLabel !== null ? (\n              <span data-testid=\"compare\" className=\"text-xs text-muted-foreground line-through\">\n                {compareLabel}\n              </span>\n            ) : null}\n            {discountLabel !== null ? (\n              <span data-testid=\"discount\" className=\"text-xs font-semibold text-accent\">\n                {discountLabel}\n              </span>\n            ) : null}\n          </div>\n\n          <div className=\"flex flex-wrap items-center gap-x-1.5 text-xs\">\n            <span className=\"font-medium text-success\">{product.shippingLabel}</span>\n            <span className=\"text-muted-foreground\">{product.deliveryLabel}</span>\n          </div>\n\n          {product.options.map((option, optionIndex) => {\n            const labelId = `${baseId}-${option.id}`\n            const selectedValue = option.values.find(\n              (value) => value.id === activeSelection[option.id],\n            )\n\n            return (\n              <div\n                key={option.id}\n                role=\"group\"\n                aria-labelledby={labelId}\n                className=\"flex flex-col gap-1.5\"\n              >\n                <p id={labelId} className=\"text-xs text-muted-foreground\">\n                  {`${option.name}${labels.optionSeparator} ${selectedValue?.label ?? ''}`}\n                </p>\n                <div className=\"flex flex-wrap gap-1.5\">\n                  {option.values.map((value) => {\n                    const disabled = isValueDisabled(\n                      product,\n                      activeSelection,\n                      optionIndex,\n                      value.id,\n                    )\n                    const selected = activeSelection[option.id] === value.id\n\n                    if (option.kind === 'image') {\n                      return (\n                        <button\n                          key={value.id}\n                          type=\"button\"\n                          aria-label={value.label}\n                          aria-pressed={selected}\n                          disabled={disabled}\n                          title={disabled ? labels.unavailableOption : undefined}\n                          data-testid={`option-${option.id}-${value.id}`}\n                          onClick={() =>\n                            setSelection(\n                              selectValue(product, activeSelection, optionIndex, value.id),\n                            )\n                          }\n                          className={cn(\n                            'relative size-9 overflow-hidden rounded-md border focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-card disabled:cursor-not-allowed disabled:opacity-40',\n                            selected\n                              ? 'border-ring ring-2 ring-ring ring-offset-2 ring-offset-card'\n                              : 'border-border',\n                          )}\n                        >\n                          <img\n                            src={firstNonEmpty(value.image) ?? PRODUCT_IMAGE_FALLBACK}\n                            alt={value.label}\n                            aria-hidden=\"true\"\n                            width={36}\n                            height={36}\n                            className=\"size-full object-cover\"\n                          />\n                        </button>\n                      )\n                    }\n\n                    return (\n                      <Button\n                        key={value.id}\n                        type=\"button\"\n                        aria-pressed={selected}\n                        disabled={disabled}\n                        title={disabled ? labels.unavailableOption : undefined}\n                        data-testid={`option-${option.id}-${value.id}`}\n                        onClick={() =>\n                          setSelection(\n                            selectValue(product, activeSelection, optionIndex, value.id),\n                          )\n                        }\n                        className={cn(\n                          'h-7 min-w-8 rounded-md border px-2 py-0 text-xs font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-card disabled:cursor-not-allowed disabled:opacity-40 disabled:line-through',\n                          selected\n                            ? 'border-primary bg-primary text-primary-foreground'\n                            : 'border-border bg-card text-foreground hover:border-foreground hover:bg-card',\n                        )}\n                      >\n                        {value.label}\n                      </Button>\n                    )\n                  })}\n                </div>\n              </div>\n            )\n          })}\n\n          <Button\n            type=\"button\"\n            data-testid=\"add-to-cart\"\n            disabled={!variant?.available}\n            onClick={handleAddToCart}\n            className=\"w-full bg-accent text-accent-foreground hover:bg-accent/90\"\n          >\n            {labels.addToCart}\n          </Button>\n\n          <p data-testid=\"stock\" className={cn('text-xs font-medium', stockTone)}>\n            {stockLabel}\n          </p>\n\n          <p className=\"sr-only\" aria-live=\"polite\">\n            {liveSummary}\n          </p>\n        </CardContent>\n      </Card>\n    </article>\n  )\n}\n"],"mappings":"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","names":[]}

package/dist/blocks/designs/marketplace-product-card/block.mjs

@@ -0,0 +1,233 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { normalizeData } from "./normalize.mjs";
+import { Badge } from "../../../ui/badge.mjs";
+import { Button } from "../../../ui/button.mjs";
+import { Card, CardContent } from "../../../ui/card.mjs";
+import { PRODUCT_IMAGE_FALLBACK } from "../../../lib/contracts.mjs";
+import { cn } from "../../../lib/utils.mjs";
+import { useId, useState } from "react";
+import {
+  discountPercent,
+  findVariant,
+  firstAvailableSelection,
+  firstNonEmpty,
+  formatDiscount,
+  formatPrice,
+  isValueDisabled,
+  resolveVariantImage,
+  selectValue
+} from "./variants.mjs";
+const STOCK_TONE_CLASS = {
+  success: "text-success",
+  attention: "text-destructive",
+  destructive: "text-destructive"
+};
+function formatReviewCount(count, locale) {
+  return new Intl.NumberFormat(locale).format(count);
+}
+function MarketplaceProductCard(__designProps) {
+  const data = normalizeData(__designProps.data);
+  const {
+    product = data.product,
+    labels = data.labels,
+    glyphs = data.glyphs,
+    onAddToCart,
+    onToggleWishlist
+  } = __designProps;
+  const [selection, setSelection] = useState(() => firstAvailableSelection(product));
+  const [wishlisted, setWishlisted] = useState(false);
+  const [renderedProductId, setRenderedProductId] = useState(product.id);
+  const baseId = useId();
+  if (product.id !== renderedProductId) {
+    setRenderedProductId(product.id);
+    setSelection(firstAvailableSelection(product));
+    setWishlisted(false);
+  }
+  const activeSelection = findVariant(product, selection) ? selection : firstAvailableSelection(product);
+  const variant = findVariant(product, activeSelection) ?? product.variants[0];
+  const image = resolveVariantImage(product, variant, activeSelection);
+  const discount = variant ? discountPercent(variant.price, variant.compareAtPrice) : null;
+  const priceLabel = variant ? formatPrice(variant.price, product.locale, product.currency) : labels.unavailablePrice;
+  const compareLabel = variant?.compareAtPrice !== void 0 && discount !== null ? formatPrice(variant.compareAtPrice, product.locale, product.currency) : null;
+  const discountLabel = discount !== null ? formatDiscount(discount, product.locale) : null;
+  const reviews = formatReviewCount(product.reviewCount, product.locale);
+  const filledStars = Math.round(product.rating);
+  const stars = Array.from(
+    { length: 5 },
+    (_, index) => index < filledStars ? glyphs.fullStar : glyphs.emptyStar
+  );
+  const selectedLabels = product.options.map((option) => option.values.find((value) => value.id === activeSelection[option.id])?.label).filter((label) => Boolean(label)).join(", ");
+  const stockLabel = variant?.stockLabel ?? labels.outOfStock;
+  const liveSummary = [product.title, selectedLabels, priceLabel, stockLabel].filter((part) => Boolean(part)).join(", ");
+  const stockTone = variant ? STOCK_TONE_CLASS[variant.stockTone] : STOCK_TONE_CLASS.destructive;
+  const handleAddToCart = () => {
+    if (variant?.available) onAddToCart?.(variant, product);
+  };
+  const handleWishlist = () => {
+    const next = !wishlisted;
+    setWishlisted(next);
+    onToggleWishlist?.(product, next);
+  };
+  return /* @__PURE__ */ jsx("article", { "aria-label": product.title, className: "w-full sm:mx-auto sm:max-w-xs", children: /* @__PURE__ */ jsxs(Card, { className: "group/card gap-0 overflow-hidden py-0 shadow-sm transition-shadow hover:shadow-md", children: [
+    /* @__PURE__ */ jsxs("div", { className: "relative aspect-square overflow-hidden bg-muted", children: [
+      /* @__PURE__ */ jsx(
+        "img",
+        {
+          "data-testid": "image",
+          src: image.src ?? PRODUCT_IMAGE_FALLBACK,
+          alt: image.alt,
+          width: 800,
+          height: 800,
+          className: "size-full object-cover transition-transform duration-300 group-hover/card:scale-105"
+        }
+      ),
+      /* @__PURE__ */ jsx(Badge, { className: "absolute left-3 top-3 rounded-full bg-accent px-2 text-accent-foreground", children: product.badge }),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          type: "button",
+          size: "icon-sm",
+          "data-testid": "wishlist",
+          "aria-label": wishlisted ? labels.wishlistRemove : labels.wishlistAdd,
+          "aria-pressed": wishlisted,
+          onClick: handleWishlist,
+          className: "absolute right-3 top-3 rounded-full border border-border bg-card/90 text-foreground shadow-sm backdrop-blur hover:bg-card",
+          children: /* @__PURE__ */ jsx(
+            "span",
+            {
+              "aria-hidden": "true",
+              className: cn("text-base leading-none", wishlisted && "text-accent"),
+              children: wishlisted ? glyphs.heartFilled : glyphs.heart
+            }
+          )
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs(CardContent, { className: "flex flex-col gap-2 p-3", children: [
+      /* @__PURE__ */ jsx("p", { className: "text-xs uppercase tracking-wide text-muted-foreground", children: product.brand }),
+      /* @__PURE__ */ jsx("h3", { className: "line-clamp-2 min-h-10 text-sm font-medium leading-snug", children: product.title }),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-x-1.5 gap-y-0.5 text-xs", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-warning", "aria-hidden": "true", children: stars.join("") }),
+        /* @__PURE__ */ jsx("span", { className: "font-medium", children: product.rating.toFixed(1) }),
+        /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: `(${reviews})` }),
+        /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: product.soldLabel }),
+        /* @__PURE__ */ jsx("span", { className: "sr-only", children: product.ratingLabel })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-baseline gap-x-2", children: [
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            "data-testid": "price",
+            className: cn(
+              "text-xl font-semibold tracking-tight",
+              !variant && "text-sm font-normal text-muted-foreground"
+            ),
+            children: priceLabel
+          }
+        ),
+        compareLabel !== null ? /* @__PURE__ */ jsx("span", { "data-testid": "compare", className: "text-xs text-muted-foreground line-through", children: compareLabel }) : null,
+        discountLabel !== null ? /* @__PURE__ */ jsx("span", { "data-testid": "discount", className: "text-xs font-semibold text-accent", children: discountLabel }) : null
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-x-1.5 text-xs", children: [
+        /* @__PURE__ */ jsx("span", { className: "font-medium text-success", children: product.shippingLabel }),
+        /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: product.deliveryLabel })
+      ] }),
+      product.options.map((option, optionIndex) => {
+        const labelId = `${baseId}-${option.id}`;
+        const selectedValue = option.values.find(
+          (value) => value.id === activeSelection[option.id]
+        );
+        return /* @__PURE__ */ jsxs(
+          "div",
+          {
+            role: "group",
+            "aria-labelledby": labelId,
+            className: "flex flex-col gap-1.5",
+            children: [
+              /* @__PURE__ */ jsx("p", { id: labelId, className: "text-xs text-muted-foreground", children: `${option.name}${labels.optionSeparator} ${selectedValue?.label ?? ""}` }),
+              /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1.5", children: option.values.map((value) => {
+                const disabled = isValueDisabled(
+                  product,
+                  activeSelection,
+                  optionIndex,
+                  value.id
+                );
+                const selected = activeSelection[option.id] === value.id;
+                if (option.kind === "image") {
+                  return /* @__PURE__ */ jsx(
+                    "button",
+                    {
+                      type: "button",
+                      "aria-label": value.label,
+                      "aria-pressed": selected,
+                      disabled,
+                      title: disabled ? labels.unavailableOption : void 0,
+                      "data-testid": `option-${option.id}-${value.id}`,
+                      onClick: () => setSelection(
+                        selectValue(product, activeSelection, optionIndex, value.id)
+                      ),
+                      className: cn(
+                        "relative size-9 overflow-hidden rounded-md border focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-card disabled:cursor-not-allowed disabled:opacity-40",
+                        selected ? "border-ring ring-2 ring-ring ring-offset-2 ring-offset-card" : "border-border"
+                      ),
+                      children: /* @__PURE__ */ jsx(
+                        "img",
+                        {
+                          src: firstNonEmpty(value.image) ?? PRODUCT_IMAGE_FALLBACK,
+                          alt: value.label,
+                          "aria-hidden": "true",
+                          width: 36,
+                          height: 36,
+                          className: "size-full object-cover"
+                        }
+                      )
+                    },
+                    value.id
+                  );
+                }
+                return /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    type: "button",
+                    "aria-pressed": selected,
+                    disabled,
+                    title: disabled ? labels.unavailableOption : void 0,
+                    "data-testid": `option-${option.id}-${value.id}`,
+                    onClick: () => setSelection(
+                      selectValue(product, activeSelection, optionIndex, value.id)
+                    ),
+                    className: cn(
+                      "h-7 min-w-8 rounded-md border px-2 py-0 text-xs font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-card disabled:cursor-not-allowed disabled:opacity-40 disabled:line-through",
+                      selected ? "border-primary bg-primary text-primary-foreground" : "border-border bg-card text-foreground hover:border-foreground hover:bg-card"
+                    ),
+                    children: value.label
+                  },
+                  value.id
+                );
+              }) })
+            ]
+          },
+          option.id
+        );
+      }),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          type: "button",
+          "data-testid": "add-to-cart",
+          disabled: !variant?.available,
+          onClick: handleAddToCart,
+          className: "w-full bg-accent text-accent-foreground hover:bg-accent/90",
+          children: labels.addToCart
+        }
+      ),
+      /* @__PURE__ */ jsx("p", { "data-testid": "stock", className: cn("text-xs font-medium", stockTone), children: stockLabel }),
+      /* @__PURE__ */ jsx("p", { className: "sr-only", "aria-live": "polite", children: liveSummary })
+    ] })
+  ] }) });
+}
+export {
+  MarketplaceProductCard as default
+};
+//# sourceMappingURL=block.mjs.map

package/dist/blocks/designs/marketplace-product-card/block.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/blocks/designs/marketplace-product-card/block.tsx"],"sourcesContent":["'use client'\n\nimport { normalizeData } from './normalize'\nimport { Badge } from '../../../ui/badge'\nimport { Button } from '../../../ui/button'\nimport { Card, CardContent } from '../../../ui/card'\nimport { PRODUCT_IMAGE_FALLBACK } from '../../../lib/contracts'\nimport { cn } from '../../../lib/utils'\nimport type { MarketplaceProductCardData } from '../../../lib/contracts/marketplace-product-card'\n\nimport { useId, useState } from 'react'\n\nimport {\n  discountPercent,\n  findVariant,\n  firstAvailableSelection,\n  firstNonEmpty,\n  formatDiscount,\n  formatPrice,\n  isValueDisabled,\n  resolveVariantImage,\n  selectValue,\n  type CardLabels,\n  type Glyphs,\n  type Product,\n  type ProductVariant,\n  type Selection,\n  type StockTone,\n} from './variants'\n\nexport type MarketplaceProductCardProps = {\n  data: MarketplaceProductCardData;\n  product?: Product\n  labels?: CardLabels\n  glyphs?: Glyphs\n  onAddToCart?: (variant: ProductVariant, product: Product) => void\n  onToggleWishlist?: (product: Product, nextState: boolean) => void\n}\n\nconst STOCK_TONE_CLASS: Record<StockTone, string> = {\n  success: 'text-success',\n  attention: 'text-destructive',\n  destructive: 'text-destructive',\n}\n\nfunction formatReviewCount(count: number, locale: string): string {\n  return new Intl.NumberFormat(locale).format(count)\n}\n\nexport default function MarketplaceProductCard(__designProps: MarketplaceProductCardProps) {\n  const data = normalizeData(__designProps.data)\n  const {\n    product = data.product,\n    labels = data.labels,\n    glyphs = data.glyphs,\n    onAddToCart,\n    onToggleWishlist,\n  } = __designProps\n  const [selection, setSelection] = useState<Selection>(() => firstAvailableSelection(product))\n  const [wishlisted, setWishlisted] = useState(false)\n  const [renderedProductId, setRenderedProductId] = useState(product.id)\n  const baseId = useId()\n\n  if (product.id !== renderedProductId) {\n    setRenderedProductId(product.id)\n    setSelection(firstAvailableSelection(product))\n    setWishlisted(false)\n  }\n\n  const activeSelection = findVariant(product, selection)\n    ? selection\n    : firstAvailableSelection(product)\n  const variant = findVariant(product, activeSelection) ?? product.variants[0]\n  const image = resolveVariantImage(product, variant, activeSelection)\n  const discount = variant ? discountPercent(variant.price, variant.compareAtPrice) : null\n  const priceLabel = variant\n    ? formatPrice(variant.price, product.locale, product.currency)\n    : labels.unavailablePrice\n  const compareLabel =\n    variant?.compareAtPrice !== undefined && discount !== null\n      ? formatPrice(variant.compareAtPrice, product.locale, product.currency)\n      : null\n  const discountLabel = discount !== null ? formatDiscount(discount, product.locale) : null\n\n  const reviews = formatReviewCount(product.reviewCount, product.locale)\n  const filledStars = Math.round(product.rating)\n  const stars = Array.from({ length: 5 }, (_, index) =>\n    index < filledStars ? glyphs.fullStar : glyphs.emptyStar,\n  )\n\n  const selectedLabels = product.options\n    .map((option) => option.values.find((value) => value.id === activeSelection[option.id])?.label)\n    .filter((label): label is string => Boolean(label))\n    .join(', ')\n\n  const stockLabel = variant?.stockLabel ?? labels.outOfStock\n  const liveSummary = [product.title, selectedLabels, priceLabel, stockLabel]\n    .filter((part): part is string => Boolean(part))\n    .join(', ')\n  const stockTone = variant ? STOCK_TONE_CLASS[variant.stockTone] : STOCK_TONE_CLASS.destructive\n\n  const handleAddToCart = () => {\n    if (variant?.available) onAddToCart?.(variant, product)\n  }\n\n  const handleWishlist = () => {\n    const next = !wishlisted\n    setWishlisted(next)\n    onToggleWishlist?.(product, next)\n  }\n\n  return (\n    <article aria-label={product.title} className=\"w-full sm:mx-auto sm:max-w-xs\">\n      <Card className=\"group/card gap-0 overflow-hidden py-0 shadow-sm transition-shadow hover:shadow-md\">\n        <div className=\"relative aspect-square overflow-hidden bg-muted\">\n          <img\n            data-testid=\"image\"\n            src={image.src ?? PRODUCT_IMAGE_FALLBACK}\n            alt={image.alt}\n            width={800}\n            height={800}\n            className=\"size-full object-cover transition-transform duration-300 group-hover/card:scale-105\"\n          />\n          <Badge className=\"absolute left-3 top-3 rounded-full bg-accent px-2 text-accent-foreground\">\n            {product.badge}\n          </Badge>\n          <Button\n            type=\"button\"\n            size=\"icon-sm\"\n            data-testid=\"wishlist\"\n            aria-label={wishlisted ? labels.wishlistRemove : labels.wishlistAdd}\n            aria-pressed={wishlisted}\n            onClick={handleWishlist}\n            className=\"absolute right-3 top-3 rounded-full border border-border bg-card/90 text-foreground shadow-sm backdrop-blur hover:bg-card\"\n          >\n            <span\n              aria-hidden=\"true\"\n              className={cn('text-base leading-none', wishlisted && 'text-accent')}\n            >\n              {wishlisted ? glyphs.heartFilled : glyphs.heart}\n            </span>\n          </Button>\n        </div>\n\n        <CardContent className=\"flex flex-col gap-2 p-3\">\n          <p className=\"text-xs uppercase tracking-wide text-muted-foreground\">{product.brand}</p>\n\n          <h3 className=\"line-clamp-2 min-h-10 text-sm font-medium leading-snug\">\n            {product.title}\n          </h3>\n\n          <div className=\"flex flex-wrap items-center gap-x-1.5 gap-y-0.5 text-xs\">\n            <span className=\"text-warning\" aria-hidden=\"true\">\n              {stars.join('')}\n            </span>\n            <span className=\"font-medium\">{product.rating.toFixed(1)}</span>\n            <span className=\"text-muted-foreground\">{`(${reviews})`}</span>\n            <span className=\"text-muted-foreground\">{product.soldLabel}</span>\n            <span className=\"sr-only\">{product.ratingLabel}</span>\n          </div>\n\n          <div className=\"flex flex-wrap items-baseline gap-x-2\">\n            <span\n              data-testid=\"price\"\n              className={cn(\n                'text-xl font-semibold tracking-tight',\n                !variant && 'text-sm font-normal text-muted-foreground',\n              )}\n            >\n              {priceLabel}\n            </span>\n            {compareLabel !== null ? (\n              <span data-testid=\"compare\" className=\"text-xs text-muted-foreground line-through\">\n                {compareLabel}\n              </span>\n            ) : null}\n            {discountLabel !== null ? (\n              <span data-testid=\"discount\" className=\"text-xs font-semibold text-accent\">\n                {discountLabel}\n              </span>\n            ) : null}\n          </div>\n\n          <div className=\"flex flex-wrap items-center gap-x-1.5 text-xs\">\n            <span className=\"font-medium text-success\">{product.shippingLabel}</span>\n            <span className=\"text-muted-foreground\">{product.deliveryLabel}</span>\n          </div>\n\n          {product.options.map((option, optionIndex) => {\n            const labelId = `${baseId}-${option.id}`\n            const selectedValue = option.values.find(\n              (value) => value.id === activeSelection[option.id],\n            )\n\n            return (\n              <div\n                key={option.id}\n                role=\"group\"\n                aria-labelledby={labelId}\n                className=\"flex flex-col gap-1.5\"\n              >\n                <p id={labelId} className=\"text-xs text-muted-foreground\">\n                  {`${option.name}${labels.optionSeparator} ${selectedValue?.label ?? ''}`}\n                </p>\n                <div className=\"flex flex-wrap gap-1.5\">\n                  {option.values.map((value) => {\n                    const disabled = isValueDisabled(\n                      product,\n                      activeSelection,\n                      optionIndex,\n                      value.id,\n                    )\n                    const selected = activeSelection[option.id] === value.id\n\n                    if (option.kind === 'image') {\n                      return (\n                        <button\n                          key={value.id}\n                          type=\"button\"\n                          aria-label={value.label}\n                          aria-pressed={selected}\n                          disabled={disabled}\n                          title={disabled ? labels.unavailableOption : undefined}\n                          data-testid={`option-${option.id}-${value.id}`}\n                          onClick={() =>\n                            setSelection(\n                              selectValue(product, activeSelection, optionIndex, value.id),\n                            )\n                          }\n                          className={cn(\n                            'relative size-9 overflow-hidden rounded-md border focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-card disabled:cursor-not-allowed disabled:opacity-40',\n                            selected\n                              ? 'border-ring ring-2 ring-ring ring-offset-2 ring-offset-card'\n                              : 'border-border',\n                          )}\n                        >\n                          <img\n                            src={firstNonEmpty(value.image) ?? PRODUCT_IMAGE_FALLBACK}\n                            alt={value.label}\n                            aria-hidden=\"true\"\n                            width={36}\n                            height={36}\n                            className=\"size-full object-cover\"\n                          />\n                        </button>\n                      )\n                    }\n\n                    return (\n                      <Button\n                        key={value.id}\n                        type=\"button\"\n                        aria-pressed={selected}\n                        disabled={disabled}\n                        title={disabled ? labels.unavailableOption : undefined}\n                        data-testid={`option-${option.id}-${value.id}`}\n                        onClick={() =>\n                          setSelection(\n                            selectValue(product, activeSelection, optionIndex, value.id),\n                          )\n                        }\n                        className={cn(\n                          'h-7 min-w-8 rounded-md border px-2 py-0 text-xs font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-card disabled:cursor-not-allowed disabled:opacity-40 disabled:line-through',\n                          selected\n                            ? 'border-primary bg-primary text-primary-foreground'\n                            : 'border-border bg-card text-foreground hover:border-foreground hover:bg-card',\n                        )}\n                      >\n                        {value.label}\n                      </Button>\n                    )\n                  })}\n                </div>\n              </div>\n            )\n          })}\n\n          <Button\n            type=\"button\"\n            data-testid=\"add-to-cart\"\n            disabled={!variant?.available}\n            onClick={handleAddToCart}\n            className=\"w-full bg-accent text-accent-foreground hover:bg-accent/90\"\n          >\n            {labels.addToCart}\n          </Button>\n\n          <p data-testid=\"stock\" className={cn('text-xs font-medium', stockTone)}>\n            {stockLabel}\n          </p>\n\n          <p className=\"sr-only\" aria-live=\"polite\">\n            {liveSummary}\n          </p>\n        </CardContent>\n      </Card>\n    </article>\n  )\n}\n"],"mappings":"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","names":[]}

package/dist/blocks/designs/marketplace-product-card/index.d.ts

@@ -0,0 +1,3 @@
+export { default } from './block';
+export type { MarketplaceProductCardProps } from './block';
+//# sourceMappingURL=index.d.ts.map

package/dist/blocks/designs/marketplace-product-card/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/blocks/designs/marketplace-product-card/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAA;AACjC,YAAY,EAAE,2BAA2B,EAAE,MAAM,SAAS,CAAA"}