@thorprovider/blocks 3.0.1 → 4.0.0

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"}

package/dist/blocks/designs/marketplace-product-card/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 marketplace_product_card_exports = {};
+__export(marketplace_product_card_exports, {
+  default: () => import_block.default
+});
+module.exports = __toCommonJS(marketplace_product_card_exports);
+var import_block = __toESM(require("./block.js"));
+//# sourceMappingURL=index.js.map

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

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

package/dist/blocks/designs/marketplace-product-card/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/marketplace-product-card/index.mjs.map

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

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

@@ -0,0 +1,13 @@
+import type { MarketplaceProductCardData } from '../../../lib/contracts/marketplace-product-card';
+type MarketplaceProductCardNumericData = Omit<MarketplaceProductCardData, "product"> & {
+    [K in keyof Pick<MarketplaceProductCardData, "product">]: Omit<NonNullable<MarketplaceProductCardData["product"]>, "variants"> & {
+        [K in keyof Pick<NonNullable<MarketplaceProductCardData["product"]>, "variants">]: Array<Omit<NonNullable<NonNullable<MarketplaceProductCardData["product"]>["variants"]>[number], "price" | "compareAtPrice"> & {
+            [K in keyof Pick<NonNullable<NonNullable<MarketplaceProductCardData["product"]>["variants"]>[number], "price">]: number;
+        } & {
+            [K in keyof Pick<NonNullable<NonNullable<MarketplaceProductCardData["product"]>["variants"]>[number], "compareAtPrice">]: number;
+        }>;
+    };
+};
+export declare function normalizeData(data: MarketplaceProductCardData): MarketplaceProductCardNumericData;
+export {};
+//# sourceMappingURL=normalize.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"normalize.d.ts","sourceRoot":"","sources":["../../../../src/blocks/designs/marketplace-product-card/normalize.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,iDAAiD,CAAA;AAEjG,KAAK,iCAAiC,GAAG,IAAI,CAAC,0BAA0B,EAAE,SAAS,CAAC,GAAG;KAAG,CAAC,IAAI,MAAM,IAAI,CAAC,0BAA0B,EAAE,SAAS,CAAC,GAAG,IAAI,CAAC,WAAW,CAAC,0BAA0B,CAAC,SAAS,CAAC,CAAC,EAAE,UAAU,CAAC,GAAG;SAAG,CAAC,IAAI,MAAM,IAAI,CAAC,WAAW,CAAC,0BAA0B,CAAC,SAAS,CAAC,CAAC,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC,WAAW,CAAC,0BAA0B,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,EAAE,OAAO,GAAG,gBAAgB,CAAC,GAAG;aAAG,CAAC,IAAI,MAAM,IAAI,CAAC,WAAW,CAAC,WAAW,CAAC,0BAA0B,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,EAAE,OAAO,CAAC,GAAG,MAAM;SAAE,GAAG;aAAG,CAAC,IAAI,MAAM,IAAI,CAAC,WAAW,CAAC,WAAW,CAAC,0BAA0B,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,EAAE,gBAAgB,CAAC,GAAG,MAAM;SAAE,CAAC;KAAE;CAAE,CAAA;AAQprB,wBAAgB,aAAa,CAAC,IAAI,EAAE,0BAA0B,GAAG,iCAAiC,CAEjG"}

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

@@ -0,0 +1,36 @@
+"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 normalize_exports = {};
+__export(normalize_exports, {
+  normalizeData: () => normalizeData
+});
+module.exports = __toCommonJS(normalize_exports);
+function toFiniteAmount(amount) {
+  if (typeof amount !== "string" || amount.trim() === "") return Number.NaN;
+  const value = Number(amount);
+  return Number.isFinite(value) ? value : Number.NaN;
+}
+function normalizeData(data) {
+  return (({ product: __normalized0, ...__rest }) => ({ ...__rest, product: (({ variants: __normalized1, ...__rest2 }) => ({ ...__rest2, variants: __normalized1.map((item2) => (({ price: __normalized3, compareAtPrice: __normalized4, ...__rest3 }) => ({ ...__rest3, price: toFiniteAmount(__normalized3.amount), ...__normalized4 === void 0 ? {} : { compareAtPrice: toFiniteAmount(__normalized4.amount) } }))(item2)) }))(__normalized0) }))(data);
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  normalizeData
+});
+//# sourceMappingURL=normalize.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/blocks/designs/marketplace-product-card/normalize.ts"],"sourcesContent":["import type { MarketplaceProductCardData } from '../../../lib/contracts/marketplace-product-card'\n\ntype MarketplaceProductCardNumericData = Omit<MarketplaceProductCardData, \"product\"> & { [K in keyof Pick<MarketplaceProductCardData, \"product\">]: Omit<NonNullable<MarketplaceProductCardData[\"product\"]>, \"variants\"> & { [K in keyof Pick<NonNullable<MarketplaceProductCardData[\"product\"]>, \"variants\">]: Array<Omit<NonNullable<NonNullable<MarketplaceProductCardData[\"product\"]>[\"variants\"]>[number], \"price\" | \"compareAtPrice\"> & { [K in keyof Pick<NonNullable<NonNullable<MarketplaceProductCardData[\"product\"]>[\"variants\"]>[number], \"price\">]: number } & { [K in keyof Pick<NonNullable<NonNullable<MarketplaceProductCardData[\"product\"]>[\"variants\"]>[number], \"compareAtPrice\">]: number }> } }\n\nfunction toFiniteAmount(amount: string): number {\n  if (typeof amount !== 'string' || amount.trim() === '') return Number.NaN\n  const value = Number(amount)\n  return Number.isFinite(value) ? value : Number.NaN\n}\n\nexport function normalizeData(data: MarketplaceProductCardData): MarketplaceProductCardNumericData {\n  return (({ product: __normalized0, ...__rest }) => ({ ...__rest, product: (({ variants: __normalized1, ...__rest }) => ({ ...__rest, variants: __normalized1.map((item2) => ((({ price: __normalized3, compareAtPrice: __normalized4, ...__rest }) => ({ ...__rest, price: toFiniteAmount(__normalized3.amount), ...(__normalized4 === undefined ? {} : { compareAtPrice: toFiniteAmount(__normalized4.amount) }) }))(item2))) }))(__normalized0) }))(data)\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA,SAAS,eAAe,QAAwB;AAC9C,MAAI,OAAO,WAAW,YAAY,OAAO,KAAK,MAAM,GAAI,QAAO,OAAO;AACtE,QAAM,QAAQ,OAAO,MAAM;AAC3B,SAAO,OAAO,SAAS,KAAK,IAAI,QAAQ,OAAO;AACjD;AAEO,SAAS,cAAc,MAAqE;AACjG,UAAQ,CAAC,EAAE,SAAS,eAAe,GAAG,OAAO,OAAO,EAAE,GAAG,QAAQ,UAAU,CAAC,EAAE,UAAU,eAAe,GAAGA,QAAO,OAAO,EAAE,GAAGA,SAAQ,UAAU,cAAc,IAAI,CAAC,WAAY,CAAC,EAAE,OAAO,eAAe,gBAAgB,eAAe,GAAGA,QAAO,OAAO,EAAE,GAAGA,SAAQ,OAAO,eAAe,cAAc,MAAM,GAAG,GAAI,kBAAkB,SAAY,CAAC,IAAI,EAAE,gBAAgB,eAAe,cAAc,MAAM,EAAE,EAAG,IAAI,KAAK,CAAE,EAAE,IAAI,aAAa,EAAE,IAAI,IAAI;AAC5b;","names":["__rest"]}

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

@@ -0,0 +1,12 @@
+function toFiniteAmount(amount) {
+  if (typeof amount !== "string" || amount.trim() === "") return Number.NaN;
+  const value = Number(amount);
+  return Number.isFinite(value) ? value : Number.NaN;
+}
+function normalizeData(data) {
+  return (({ product: __normalized0, ...__rest }) => ({ ...__rest, product: (({ variants: __normalized1, ...__rest2 }) => ({ ...__rest2, variants: __normalized1.map((item2) => (({ price: __normalized3, compareAtPrice: __normalized4, ...__rest3 }) => ({ ...__rest3, price: toFiniteAmount(__normalized3.amount), ...__normalized4 === void 0 ? {} : { compareAtPrice: toFiniteAmount(__normalized4.amount) } }))(item2)) }))(__normalized0) }))(data);
+}
+export {
+  normalizeData
+};
+//# sourceMappingURL=normalize.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/blocks/designs/marketplace-product-card/normalize.ts"],"sourcesContent":["import type { MarketplaceProductCardData } from '../../../lib/contracts/marketplace-product-card'\n\ntype MarketplaceProductCardNumericData = Omit<MarketplaceProductCardData, \"product\"> & { [K in keyof Pick<MarketplaceProductCardData, \"product\">]: Omit<NonNullable<MarketplaceProductCardData[\"product\"]>, \"variants\"> & { [K in keyof Pick<NonNullable<MarketplaceProductCardData[\"product\"]>, \"variants\">]: Array<Omit<NonNullable<NonNullable<MarketplaceProductCardData[\"product\"]>[\"variants\"]>[number], \"price\" | \"compareAtPrice\"> & { [K in keyof Pick<NonNullable<NonNullable<MarketplaceProductCardData[\"product\"]>[\"variants\"]>[number], \"price\">]: number } & { [K in keyof Pick<NonNullable<NonNullable<MarketplaceProductCardData[\"product\"]>[\"variants\"]>[number], \"compareAtPrice\">]: number }> } }\n\nfunction toFiniteAmount(amount: string): number {\n  if (typeof amount !== 'string' || amount.trim() === '') return Number.NaN\n  const value = Number(amount)\n  return Number.isFinite(value) ? value : Number.NaN\n}\n\nexport function normalizeData(data: MarketplaceProductCardData): MarketplaceProductCardNumericData {\n  return (({ product: __normalized0, ...__rest }) => ({ ...__rest, product: (({ variants: __normalized1, ...__rest }) => ({ ...__rest, variants: __normalized1.map((item2) => ((({ price: __normalized3, compareAtPrice: __normalized4, ...__rest }) => ({ ...__rest, price: toFiniteAmount(__normalized3.amount), ...(__normalized4 === undefined ? {} : { compareAtPrice: toFiniteAmount(__normalized4.amount) }) }))(item2))) }))(__normalized0) }))(data)\n}\n"],"mappings":"AAIA,SAAS,eAAe,QAAwB;AAC9C,MAAI,OAAO,WAAW,YAAY,OAAO,KAAK,MAAM,GAAI,QAAO,OAAO;AACtE,QAAM,QAAQ,OAAO,MAAM;AAC3B,SAAO,OAAO,SAAS,KAAK,IAAI,QAAQ,OAAO;AACjD;AAEO,SAAS,cAAc,MAAqE;AACjG,UAAQ,CAAC,EAAE,SAAS,eAAe,GAAG,OAAO,OAAO,EAAE,GAAG,QAAQ,UAAU,CAAC,EAAE,UAAU,eAAe,GAAGA,QAAO,OAAO,EAAE,GAAGA,SAAQ,UAAU,cAAc,IAAI,CAAC,WAAY,CAAC,EAAE,OAAO,eAAe,gBAAgB,eAAe,GAAGA,QAAO,OAAO,EAAE,GAAGA,SAAQ,OAAO,eAAe,cAAc,MAAM,GAAG,GAAI,kBAAkB,SAAY,CAAC,IAAI,EAAE,gBAAgB,eAAe,cAAc,MAAM,EAAE,EAAG,IAAI,KAAK,CAAE,EAAE,IAAI,aAAa,EAAE,IAAI,IAAI;AAC5b;","names":["__rest"]}

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

@@ -0,0 +1,72 @@
+export type StockTone = 'success' | 'attention' | 'destructive';
+export type OptionValue = {
+    id: string;
+    label: string;
+    image?: string;
+    imageAlt?: string;
+};
+export type ProductOption = {
+    id: string;
+    name: string;
+    kind: 'image' | 'text';
+    values: OptionValue[];
+};
+export type ProductVariant = {
+    id: string;
+    optionValueIds: Record<string, string>;
+    price: number;
+    compareAtPrice?: number;
+    image?: string;
+    imageAlt?: string;
+    available: boolean;
+    stockLabel: string;
+    stockTone: StockTone;
+};
+export type Product = {
+    id: string;
+    brand: string;
+    title: string;
+    badge: string;
+    rating: number;
+    reviewCount: number;
+    ratingLabel: string;
+    soldLabel: string;
+    shippingLabel: string;
+    deliveryLabel: string;
+    currency: string;
+    locale: string;
+    image?: string;
+    options: ProductOption[];
+    variants: ProductVariant[];
+};
+export type CardLabels = {
+    addToCart: string;
+    wishlistAdd: string;
+    wishlistRemove: string;
+    unavailableOption: string;
+    unavailablePrice: string;
+    outOfStock: string;
+    optionSeparator: string;
+};
+export type Glyphs = {
+    fullStar: string;
+    emptyStar: string;
+    heart: string;
+    heartFilled: string;
+};
+export type Selection = Record<string, string>;
+export declare function matchesSelection(variant: ProductVariant, selection: Selection): boolean;
+export declare function firstAvailableSelection(product: Product): Selection;
+export declare function findVariant(product: Product, selection: Selection): ProductVariant | undefined;
+export declare function findAvailableVariant(product: Product, selection: Selection): ProductVariant | undefined;
+export declare function isValueDisabled(product: Product, selection: Selection, optionIndex: number, valueId: string): boolean;
+export declare function selectValue(product: Product, selection: Selection, optionIndex: number, valueId: string): Selection;
+export declare function firstNonEmpty(...values: Array<string | undefined>): string | undefined;
+export declare function resolveVariantImage(product: Product, variant: ProductVariant | undefined, selection: Selection): {
+    src: string | undefined;
+    alt: string;
+};
+export declare function formatPrice(amount: number, locale: string, currency: string): string;
+export declare function discountPercent(price: number, compareAtPrice?: number): number | null;
+export declare function formatDiscount(percent: number, locale: string): string;
+//# sourceMappingURL=variants.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"variants.d.ts","sourceRoot":"","sources":["../../../../src/blocks/designs/marketplace-product-card/variants.ts"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,123 @@
+"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 variants_exports = {};
+__export(variants_exports, {
+  discountPercent: () => discountPercent,
+  findAvailableVariant: () => findAvailableVariant,
+  findVariant: () => findVariant,
+  firstAvailableSelection: () => firstAvailableSelection,
+  firstNonEmpty: () => firstNonEmpty,
+  formatDiscount: () => formatDiscount,
+  formatPrice: () => formatPrice,
+  isValueDisabled: () => isValueDisabled,
+  matchesSelection: () => matchesSelection,
+  resolveVariantImage: () => resolveVariantImage,
+  selectValue: () => selectValue
+});
+module.exports = __toCommonJS(variants_exports);
+function matchesSelection(variant, selection) {
+  return Object.entries(selection).every(
+    ([optionId, valueId]) => variant.optionValueIds[optionId] === valueId
+  );
+}
+function firstAvailableSelection(product) {
+  const variant = product.variants.find((candidate) => candidate.available) ?? product.variants[0];
+  return variant ? { ...variant.optionValueIds } : {};
+}
+function findVariant(product, selection) {
+  return product.variants.find((variant) => matchesSelection(variant, selection));
+}
+function findAvailableVariant(product, selection) {
+  return product.variants.find(
+    (variant) => variant.available && matchesSelection(variant, selection)
+  );
+}
+function isValueDisabled(product, selection, optionIndex, valueId) {
+  const option = product.options[optionIndex];
+  if (!option) return true;
+  const isLast = optionIndex === product.options.length - 1;
+  return !product.variants.some((variant) => {
+    if (!variant.available || variant.optionValueIds[option.id] !== valueId) return false;
+    if (!isLast) return true;
+    return product.options.slice(0, optionIndex).every((earlier) => variant.optionValueIds[earlier.id] === selection[earlier.id]);
+  });
+}
+function selectValue(product, selection, optionIndex, valueId) {
+  const option = product.options[optionIndex];
+  if (!option) return selection;
+  const next = { ...selection, [option.id]: valueId };
+  if (findAvailableVariant(product, next)) return next;
+  const earlier = product.options.slice(0, optionIndex + 1);
+  const matches = product.variants.filter(
+    (variant) => variant.available && earlier.every((entry) => variant.optionValueIds[entry.id] === next[entry.id])
+  );
+  if (matches.length === 0) return selection;
+  const preserved = (variant) => product.options.reduce(
+    (count, entry) => count + (variant.optionValueIds[entry.id] === selection[entry.id] ? 1 : 0),
+    0
+  );
+  const best = matches.reduce(
+    (current, candidate) => preserved(candidate) > preserved(current) ? candidate : current
+  );
+  return { ...best.optionValueIds };
+}
+function firstNonEmpty(...values) {
+  for (const value of values) {
+    if (typeof value !== "string") continue;
+    const trimmed = value.trim();
+    if (trimmed.length > 0) return trimmed;
+  }
+  return void 0;
+}
+function resolveVariantImage(product, variant, selection) {
+  const imageOption = product.options.find((option) => option.kind === "image");
+  const imageValue = imageOption ? imageOption.values.find((value) => value.id === selection[imageOption.id]) : void 0;
+  return {
+    src: firstNonEmpty(variant?.image, imageValue?.image, product.image),
+    alt: firstNonEmpty(variant?.imageAlt, imageValue?.imageAlt, product.title) ?? product.title
+  };
+}
+function formatPrice(amount, locale, currency) {
+  return new Intl.NumberFormat(locale, { style: "currency", currency }).format(amount);
+}
+function discountPercent(price, compareAtPrice) {
+  if (compareAtPrice === void 0 || compareAtPrice <= price) return null;
+  return Math.round((1 - price / compareAtPrice) * 100);
+}
+function formatDiscount(percent, locale) {
+  return new Intl.NumberFormat(locale, {
+    style: "percent",
+    maximumFractionDigits: 0
+  }).format(-percent / 100);
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  discountPercent,
+  findAvailableVariant,
+  findVariant,
+  firstAvailableSelection,
+  firstNonEmpty,
+  formatDiscount,
+  formatPrice,
+  isValueDisabled,
+  matchesSelection,
+  resolveVariantImage,
+  selectValue
+});
+//# sourceMappingURL=variants.js.map