@misael703/ui 1.0.0

package/dist/chunk-R76YER7O.js

@@ -0,0 +1,458 @@
+'use strict';
+
+var chunkE2XOUDAH_js = require('./chunk-E2XOUDAH.js');
+var chunkLIGJBHXU_js = require('./chunk-LIGJBHXU.js');
+var chunk3PXYCXDW_js = require('./chunk-3PXYCXDW.js');
+var chunkTEQ67JKX_js = require('./chunk-TEQ67JKX.js');
+var chunkRQOTH7I7_js = require('./chunk-RQOTH7I7.js');
+var chunkPASF6T4H_js = require('./chunk-PASF6T4H.js');
+var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+function Rating({
+  value,
+  max = 5,
+  onChange,
+  size = 16,
+  allowHalf = true,
+  className,
+  ariaLabel
+}) {
+  const isInteractive = !!onChange;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: chunkPASF6T4H_js.cx("rating", isInteractive && "rating--interactive", className),
+      role: isInteractive ? "slider" : "img",
+      "aria-label": ariaLabel ?? `${value} de ${max} estrellas`,
+      "aria-valuenow": isInteractive ? value : void 0,
+      "aria-valuemin": isInteractive ? 0 : void 0,
+      "aria-valuemax": isInteractive ? max : void 0,
+      children: Array.from({ length: max }, (_, i) => {
+        const idx = i + 1;
+        const fill = value >= idx ? 1 : allowHalf && value >= idx - 0.5 ? 0.5 : 0;
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            className: chunkPASF6T4H_js.cx("rating__star", fill === 1 && "is-full", fill === 0.5 && "is-half"),
+            disabled: !isInteractive,
+            onClick: () => onChange?.(idx),
+            "aria-label": `${idx} ${idx === 1 ? "estrella" : "estrellas"}`,
+            children: /* @__PURE__ */ jsxRuntime.jsx(chunkRQOTH7I7_js.Star, { size })
+          },
+          i
+        );
+      })
+    }
+  );
+}
+function PriceDisplay({
+  amount,
+  compareAt,
+  currency,
+  locale,
+  size = "md",
+  showDiscount = true,
+  className,
+  ...rest
+}) {
+  const brand = chunk3PXYCXDW_js.getBrand();
+  const fmt = (n) => new Intl.NumberFormat(locale ?? brand.locale, { style: "currency", currency: currency ?? brand.currency, maximumFractionDigits: 0 }).format(n);
+  const hasDiscount = compareAt != null && compareAt > amount;
+  const discount = hasDiscount ? Math.round((compareAt - amount) / compareAt * 100) : 0;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkPASF6T4H_js.cx("price", `price--${size}`, className), ...rest, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "price__amount", children: fmt(amount) }),
+    hasDiscount && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "price__compare", children: /* @__PURE__ */ jsxRuntime.jsx("del", { children: fmt(compareAt) }) }),
+      showDiscount && discount > 0 && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "price__discount", children: [
+        "-",
+        discount,
+        "%"
+      ] })
+    ] })
+  ] });
+}
+function QuantitySelector({
+  value,
+  onChange,
+  min = 1,
+  max,
+  step = 1,
+  disabled,
+  size = "md",
+  className,
+  id
+}) {
+  const t = chunkTEQ67JKX_js.useLocale();
+  const set = (next) => {
+    let v = next;
+    if (typeof min === "number") v = Math.max(min, v);
+    if (typeof max === "number") v = Math.min(max, v);
+    onChange(v);
+  };
+  const dec = () => set(value - step);
+  const inc = () => set(value + step);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkPASF6T4H_js.cx("qty", `qty--${size}`, disabled && "is-disabled", className), children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        type: "button",
+        className: "qty__btn",
+        "aria-label": t["commerce.decreaseQty"],
+        onClick: dec,
+        disabled: disabled || typeof min === "number" && value <= min,
+        children: /* @__PURE__ */ jsxRuntime.jsx(chunkRQOTH7I7_js.Minus, { size: 14 })
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "input",
+      {
+        id,
+        type: "number",
+        className: "qty__input",
+        value,
+        min,
+        max,
+        step,
+        disabled,
+        onChange: (e) => set(Number(e.target.value)),
+        "aria-label": t["commerce.quantity"]
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        type: "button",
+        className: "qty__btn",
+        "aria-label": t["commerce.increaseQty"],
+        onClick: inc,
+        disabled: disabled || typeof max === "number" && value >= max,
+        children: /* @__PURE__ */ jsxRuntime.jsx(chunkRQOTH7I7_js.Plus, { size: 14 })
+      }
+    )
+  ] });
+}
+function VariantSelector({
+  label,
+  options,
+  value,
+  onChange,
+  appearance = "chip",
+  className
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkPASF6T4H_js.cx("variants", className), children: [
+    label && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "variants__label", children: label }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkPASF6T4H_js.cx("variants__options", `variants__options--${appearance}`), role: "radiogroup", children: options.map((o) => {
+      const selected = value === o.value;
+      if (appearance === "swatch") {
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            role: "radio",
+            "aria-checked": selected,
+            disabled: o.disabled,
+            className: chunkPASF6T4H_js.cx("variants__swatch", selected && "is-selected", o.disabled && "is-disabled"),
+            style: { background: o.swatch },
+            title: typeof o.label === "string" ? o.label : String(o.value),
+            "aria-label": typeof o.label === "string" ? o.label : String(o.value),
+            onClick: () => onChange(o.value),
+            children: selected && /* @__PURE__ */ jsxRuntime.jsx(chunkRQOTH7I7_js.Check, { size: 14 })
+          },
+          String(o.value)
+        );
+      }
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "button",
+          role: "radio",
+          "aria-checked": selected,
+          disabled: o.disabled,
+          className: chunkPASF6T4H_js.cx("variants__chip", selected && "is-selected", o.disabled && "is-disabled"),
+          onClick: () => onChange(o.value),
+          children: o.label
+        },
+        String(o.value)
+      );
+    }) })
+  ] });
+}
+function WishlistButton({ active = false, onToggle, size = 20, className, ...rest }) {
+  const t = chunkTEQ67JKX_js.useLocale();
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "button",
+    {
+      type: "button",
+      className: chunkPASF6T4H_js.cx("wishlist", active && "is-active", className),
+      "aria-label": active ? t["commerce.removeFavorite"] : t["commerce.addFavorite"],
+      "aria-pressed": active,
+      onClick: () => onToggle?.(!active),
+      ...rest,
+      children: /* @__PURE__ */ jsxRuntime.jsx(chunkRQOTH7I7_js.Heart, { size })
+    }
+  );
+}
+function PromoCodeInput({
+  onApply,
+  placeholder,
+  buttonLabel,
+  className,
+  id
+}) {
+  const [code, setCode] = React__namespace.useState("");
+  const [state, setState] = React__namespace.useState("idle");
+  const [message, setMessage] = React__namespace.useState(null);
+  const t = chunkTEQ67JKX_js.useLocale();
+  const ph = placeholder ?? t["commerce.promoPlaceholder"];
+  const btn = buttonLabel ?? t["commerce.applyCoupon"];
+  const apply = async () => {
+    if (!code.trim()) return;
+    setState("loading");
+    setMessage(null);
+    try {
+      const msg = await onApply(code.trim());
+      setState("success");
+      setMessage(msg);
+    } catch (err) {
+      setState("error");
+      setMessage(err instanceof Error ? err.message : t["commerce.promoInvalid"]);
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkPASF6T4H_js.cx("promo", state === "success" && "is-success", state === "error" && "is-error", className), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "promo__row", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "input",
+        {
+          id,
+          type: "text",
+          className: "input promo__input",
+          value: code,
+          placeholder: ph,
+          disabled: state === "loading" || state === "success",
+          onChange: (e) => {
+            setCode(e.target.value.toUpperCase());
+            if (state !== "idle") setState("idle");
+          },
+          onKeyDown: (e) => e.key === "Enter" && apply()
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "button",
+          className: "btn btn--primary btn--md",
+          disabled: !code.trim() || state === "loading" || state === "success",
+          onClick: apply,
+          children: state === "loading" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "spinner spinner--inverse", "aria-hidden": "true" }) : btn
+        }
+      )
+    ] }),
+    message && /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkPASF6T4H_js.cx("promo__message", `promo__message--${state}`), children: message })
+  ] });
+}
+function FreeShippingProgress({
+  current,
+  threshold,
+  currency,
+  locale,
+  achievedMessage,
+  className,
+  ...rest
+}) {
+  const brand = chunk3PXYCXDW_js.getBrand();
+  const t = chunkTEQ67JKX_js.useLocale();
+  const fmt = (n) => new Intl.NumberFormat(locale ?? brand.locale, { style: "currency", currency: currency ?? brand.currency, maximumFractionDigits: 0 }).format(n);
+  const pct = Math.min(100, current / threshold * 100);
+  const remaining = Math.max(0, threshold - current);
+  const achieved = current >= threshold;
+  const successMsg = achievedMessage ?? t["commerce.shippingAchieved"];
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkPASF6T4H_js.cx("shipping-progress", achieved && "is-achieved", className), ...rest, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "shipping-progress__text", children: achieved ? successMsg : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      t["commerce.shippingPrefix"],
+      /* @__PURE__ */ jsxRuntime.jsx("strong", { children: fmt(remaining) }),
+      t["commerce.shippingSuffix"]
+    ] }) }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "shipping-progress__track", "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "shipping-progress__bar", style: { width: `${pct}%` } }) })
+  ] });
+}
+function CartDrawer({
+  open,
+  onClose,
+  items,
+  onQuantityChange,
+  onRemove,
+  onCheckout,
+  freeShippingThreshold,
+  currency,
+  locale
+}) {
+  const brand = chunk3PXYCXDW_js.getBrand();
+  const t = chunkTEQ67JKX_js.useLocale();
+  const resolvedCurrency = currency ?? brand.currency;
+  const resolvedLocale = locale ?? brand.locale;
+  const subtotal = items.reduce((sum, it) => sum + it.unitPrice * it.quantity, 0);
+  const fmt = (n) => new Intl.NumberFormat(resolvedLocale, { style: "currency", currency: resolvedCurrency, maximumFractionDigits: 0 }).format(n);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    chunkE2XOUDAH_js.Drawer,
+    {
+      open,
+      onClose,
+      title: t["commerce.cartTitle"],
+      footer: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "cart__footer", children: [
+        freeShippingThreshold != null && /* @__PURE__ */ jsxRuntime.jsx(FreeShippingProgress, { current: subtotal, threshold: freeShippingThreshold, currency: resolvedCurrency, locale: resolvedLocale }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "cart__totals", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { children: t["commerce.subtotal"] }),
+          /* @__PURE__ */ jsxRuntime.jsx("strong", { children: fmt(subtotal) })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "btn btn--primary btn--lg btn--block", disabled: items.length === 0, onClick: onCheckout, children: t["commerce.checkout"] })
+      ] }),
+      children: items.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cart__empty", children: t["commerce.cartEmpty"] }) : /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "cart__list", children: items.map((it) => /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "cart__item", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cart__item-media", children: it.image ? /* @__PURE__ */ jsxRuntime.jsx("img", { src: it.image, alt: "" }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cart__item-placeholder" }) }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "cart__item-body", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cart__item-name", children: it.name }),
+          it.variant && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cart__item-variant", children: it.variant }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cart__item-price", children: fmt(it.unitPrice) })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "cart__item-actions", children: [
+          onQuantityChange ? /* @__PURE__ */ jsxRuntime.jsx(
+            QuantitySelector,
+            {
+              size: "sm",
+              value: it.quantity,
+              onChange: (q) => onQuantityChange(it.id, q)
+            }
+          ) : /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "cart__item-qty", children: [
+            "x",
+            it.quantity
+          ] }),
+          onRemove && /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "button",
+              className: "cart__item-remove",
+              "aria-label": t["commerce.removeFromCart"],
+              onClick: () => onRemove(it.id),
+              children: /* @__PURE__ */ jsxRuntime.jsx(chunkRQOTH7I7_js.Trash, { size: 14 })
+            }
+          )
+        ] })
+      ] }, it.id)) })
+    }
+  );
+}
+function OrderSummary({ rows, title, className, ...rest }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkPASF6T4H_js.cx("order-summary", className), children: [
+    title && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "order-summary__title", children: title }),
+    /* @__PURE__ */ jsxRuntime.jsx("dl", { className: "order-summary__list", ...rest, children: rows.map((r, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkPASF6T4H_js.cx("order-summary__row", r.emphasis && "is-emphasis"), children: [
+      /* @__PURE__ */ jsxRuntime.jsx("dt", { children: r.label }),
+      /* @__PURE__ */ jsxRuntime.jsx("dd", { children: r.value })
+    ] }, i)) })
+  ] });
+}
+function AddressForm({ fields, value, onChange, className }) {
+  const reactId = React__namespace.useId();
+  const set = (key, v) => onChange({ ...value, [key]: v });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkPASF6T4H_js.cx("address-form", className), children: fields.map((f) => {
+    const id = `${reactId}-${f.key}`;
+    const width = f.width ?? "full";
+    const v = value[f.key] ?? "";
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkPASF6T4H_js.cx("form-field", `address-form__field--${width}`), children: [
+      /* @__PURE__ */ jsxRuntime.jsx("label", { className: "label", htmlFor: id, children: f.label }),
+      f.type === "select" ? /* @__PURE__ */ jsxRuntime.jsxs(
+        "select",
+        {
+          id,
+          className: "select",
+          value: v,
+          onChange: (e) => set(f.key, e.target.value),
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx("option", { value: "", children: f.selectPlaceholder ?? "Selecciona\u2026" }),
+            f.options?.map((o) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: o.value, children: typeof o.label === "string" ? o.label : o.value }, o.value))
+          ]
+        }
+      ) : f.type === "textarea" ? /* @__PURE__ */ jsxRuntime.jsx(
+        "textarea",
+        {
+          id,
+          className: "textarea",
+          value: v,
+          placeholder: f.placeholder,
+          rows: f.rows ?? 2,
+          onChange: (e) => set(f.key, e.target.value)
+        }
+      ) : /* @__PURE__ */ jsxRuntime.jsx(
+        "input",
+        {
+          id,
+          className: "input",
+          value: v,
+          placeholder: f.placeholder,
+          onChange: (e) => set(f.key, e.target.value)
+        }
+      )
+    ] }, f.key);
+  }) });
+}
+function CompareTable({ items, attributes, onRemove, className, ...rest }) {
+  const t = chunkTEQ67JKX_js.useLocale();
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkPASF6T4H_js.cx("compare", className), children: /* @__PURE__ */ jsxRuntime.jsxs("table", { className: "compare__table", ...rest, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("thead", { children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("th", {}),
+      items.map((it) => /* @__PURE__ */ jsxRuntime.jsx("th", { scope: "col", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "compare__head", children: [
+        it.image && /* @__PURE__ */ jsxRuntime.jsx("img", { src: it.image, alt: "", className: "compare__img" }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "compare__name", children: it.name }),
+        it.price && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "compare__price", children: it.price }),
+        onRemove && /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            className: "compare__remove",
+            "aria-label": chunkLIGJBHXU_js.format(t["commerce.removeItem"], { name: typeof it.name === "string" ? it.name : "item" }),
+            onClick: () => onRemove(it.id),
+            children: /* @__PURE__ */ jsxRuntime.jsx(chunkRQOTH7I7_js.X, { size: 14 })
+          }
+        )
+      ] }) }, it.id))
+    ] }) }),
+    /* @__PURE__ */ jsxRuntime.jsx("tbody", { children: attributes.map((attr) => /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("th", { scope: "row", className: "compare__attr", children: attr.label }),
+      items.map((it) => /* @__PURE__ */ jsxRuntime.jsx("td", { className: "compare__cell", children: attr.values[it.id] ?? "\u2014" }, it.id))
+    ] }, attr.key)) })
+  ] }) });
+}
+
+exports.AddressForm = AddressForm;
+exports.CartDrawer = CartDrawer;
+exports.CompareTable = CompareTable;
+exports.FreeShippingProgress = FreeShippingProgress;
+exports.OrderSummary = OrderSummary;
+exports.PriceDisplay = PriceDisplay;
+exports.PromoCodeInput = PromoCodeInput;
+exports.QuantitySelector = QuantitySelector;
+exports.Rating = Rating;
+exports.VariantSelector = VariantSelector;
+exports.WishlistButton = WishlistButton;
+//# sourceMappingURL=chunk-R76YER7O.js.map
+//# sourceMappingURL=chunk-R76YER7O.js.map

package/dist/chunk-R76YER7O.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Commerce.tsx"],"names":["jsx","cx","Star","getBrand","jsxs","Fragment","useLocale","Minus","Plus","Check","Heart","React","Drawer","Trash","format","X"],"mappings":"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","file":"chunk-R76YER7O.js","sourcesContent":["'use client';\nimport * as React from 'react';\nimport { cx } from '../utils/cx';\nimport { Drawer } from './Overlay';\nimport { Heart, Minus, Plus, Star, Trash, X, Check } from './Icons';\nimport { getBrand } from '../brand';\nimport { useLocale } from '../locale/LocaleProvider';\nimport { format } from '../locale/messages';\n\n// ---------- Rating ------------------------------------------------------\nexport interface RatingProps {\n  value: number;          // 0..max\n  max?: number;           // default 5\n  /** Si se pasa, se vuelve interactivo. */\n  onChange?: (value: number) => void;\n  size?: number;\n  /** Permite medias estrellas (display only). */\n  allowHalf?: boolean;\n  className?: string;\n  ariaLabel?: string;\n}\n\nexport function Rating({\n  value, max = 5, onChange, size = 16, allowHalf = true, className, ariaLabel,\n}: RatingProps) {\n  const isInteractive = !!onChange;\n  return (\n    <div\n      className={cx('rating', isInteractive && 'rating--interactive', className)}\n      role={isInteractive ? 'slider' : 'img'}\n      aria-label={ariaLabel ?? `${value} de ${max} estrellas`}\n      aria-valuenow={isInteractive ? value : undefined}\n      aria-valuemin={isInteractive ? 0 : undefined}\n      aria-valuemax={isInteractive ? max : undefined}\n    >\n      {Array.from({ length: max }, (_, i) => {\n        const idx = i + 1;\n        const fill = value >= idx ? 1 : (allowHalf && value >= idx - 0.5 ? 0.5 : 0);\n        return (\n          <button\n            key={i}\n            type=\"button\"\n            className={cx('rating__star', fill === 1 && 'is-full', fill === 0.5 && 'is-half')}\n            disabled={!isInteractive}\n            onClick={() => onChange?.(idx)}\n            aria-label={`${idx} ${idx === 1 ? 'estrella' : 'estrellas'}`}\n          >\n            <Star size={size} />\n          </button>\n        );\n      })}\n    </div>\n  );\n}\n\n// ---------- PriceDisplay -----------------------------------------------\nexport interface PriceDisplayProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {\n  amount: number;\n  /** Precio original tachado (para descuentos). */\n  compareAt?: number;\n  /** ISO 4217. Default desde `getBrand().currency`. */\n  currency?: string;\n  /** BCP 47. Default desde `getBrand().locale`. */\n  locale?: string;\n  size?: 'sm' | 'md' | 'lg' | 'xl';\n  /** Muestra \"% off\" si hay compareAt. Default: true. */\n  showDiscount?: boolean;\n}\n\nexport function PriceDisplay({\n  amount, compareAt, currency, locale,\n  size = 'md', showDiscount = true, className, ...rest\n}: PriceDisplayProps) {\n  const brand = getBrand();\n  const fmt = (n: number) =>\n    new Intl.NumberFormat(locale ?? brand.locale, { style: 'currency', currency: currency ?? brand.currency, maximumFractionDigits: 0 }).format(n);\n\n  const hasDiscount = compareAt != null && compareAt > amount;\n  const discount = hasDiscount ? Math.round(((compareAt - amount) / compareAt) * 100) : 0;\n\n  return (\n    <div className={cx('price', `price--${size}`, className)} {...rest}>\n      <span className=\"price__amount\">{fmt(amount)}</span>\n      {hasDiscount && (\n        <>\n          <span className=\"price__compare\"><del>{fmt(compareAt)}</del></span>\n          {showDiscount && discount > 0 && (\n            <span className=\"price__discount\">-{discount}%</span>\n          )}\n        </>\n      )}\n    </div>\n  );\n}\n\n// ---------- QuantitySelector (compacto) --------------------------------\nexport interface QuantitySelectorProps {\n  value: number;\n  onChange: (v: number) => void;\n  min?: number;\n  max?: number;\n  step?: number;\n  disabled?: boolean;\n  size?: 'sm' | 'md';\n  className?: string;\n  id?: string;\n}\n\nexport function QuantitySelector({\n  value, onChange, min = 1, max, step = 1, disabled, size = 'md', className, id,\n}: QuantitySelectorProps) {\n  const t = useLocale();\n  const set = (next: number) => {\n    let v = next;\n    if (typeof min === 'number') v = Math.max(min, v);\n    if (typeof max === 'number') v = Math.min(max, v);\n    onChange(v);\n  };\n  const dec = () => set(value - step);\n  const inc = () => set(value + step);\n  return (\n    <div className={cx('qty', `qty--${size}`, disabled && 'is-disabled', className)}>\n      <button\n        type=\"button\"\n        className=\"qty__btn\"\n        aria-label={t['commerce.decreaseQty']}\n        onClick={dec}\n        disabled={disabled || (typeof min === 'number' && value <= min)}\n      >\n        <Minus size={14} />\n      </button>\n      <input\n        id={id}\n        type=\"number\"\n        className=\"qty__input\"\n        value={value}\n        min={min}\n        max={max}\n        step={step}\n        disabled={disabled}\n        onChange={(e) => set(Number(e.target.value))}\n        aria-label={t['commerce.quantity']}\n      />\n      <button\n        type=\"button\"\n        className=\"qty__btn\"\n        aria-label={t['commerce.increaseQty']}\n        onClick={inc}\n        disabled={disabled || (typeof max === 'number' && value >= max)}\n      >\n        <Plus size={14} />\n      </button>\n    </div>\n  );\n}\n\n// ---------- VariantSelector --------------------------------------------\nexport interface VariantOption<T = string> {\n  value: T;\n  label: React.ReactNode;\n  disabled?: boolean;\n  /** Color hex/rgb para chips de tipo \"color\". */\n  swatch?: string;\n}\n\nexport interface VariantSelectorProps<T = string> {\n  label?: React.ReactNode;\n  options: VariantOption<T>[];\n  value: T | null;\n  onChange: (value: T) => void;\n  /** 'chip' (default), 'swatch' (círculos de color). */\n  appearance?: 'chip' | 'swatch';\n  className?: string;\n}\n\nexport function VariantSelector<T extends string | number = string>({\n  label, options, value, onChange, appearance = 'chip', className,\n}: VariantSelectorProps<T>) {\n  return (\n    <div className={cx('variants', className)}>\n      {label && <div className=\"variants__label\">{label}</div>}\n      <div className={cx('variants__options', `variants__options--${appearance}`)} role=\"radiogroup\">\n        {options.map((o) => {\n          const selected = value === o.value;\n          if (appearance === 'swatch') {\n            return (\n              <button\n                key={String(o.value)}\n                type=\"button\"\n                role=\"radio\"\n                aria-checked={selected}\n                disabled={o.disabled}\n                className={cx('variants__swatch', selected && 'is-selected', o.disabled && 'is-disabled')}\n                style={{ background: o.swatch }}\n                title={typeof o.label === 'string' ? o.label : String(o.value)}\n                aria-label={typeof o.label === 'string' ? o.label : String(o.value)}\n                onClick={() => onChange(o.value)}\n              >\n                {selected && <Check size={14} />}\n              </button>\n            );\n          }\n          return (\n            <button\n              key={String(o.value)}\n              type=\"button\"\n              role=\"radio\"\n              aria-checked={selected}\n              disabled={o.disabled}\n              className={cx('variants__chip', selected && 'is-selected', o.disabled && 'is-disabled')}\n              onClick={() => onChange(o.value)}\n            >\n              {o.label}\n            </button>\n          );\n        })}\n      </div>\n    </div>\n  );\n}\n\n// ---------- WishlistButton ---------------------------------------------\nexport interface WishlistButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'onChange'> {\n  active?: boolean;\n  onToggle?: (next: boolean) => void;\n  size?: number;\n}\n\nexport function WishlistButton({ active = false, onToggle, size = 20, className, ...rest }: WishlistButtonProps) {\n  const t = useLocale();\n  return (\n    <button\n      type=\"button\"\n      className={cx('wishlist', active && 'is-active', className)}\n      aria-label={active ? t['commerce.removeFavorite'] : t['commerce.addFavorite']}\n      aria-pressed={active}\n      onClick={() => onToggle?.(!active)}\n      {...rest}\n    >\n      <Heart size={size} />\n    </button>\n  );\n}\n\n// ---------- PromoCodeInput ---------------------------------------------\nexport interface PromoCodeInputProps {\n  /** Validador async. Resuelve con un mensaje de éxito o lanza un Error con el mensaje. */\n  onApply: (code: string) => Promise<string>;\n  placeholder?: string;\n  buttonLabel?: string;\n  className?: string;\n  id?: string;\n}\n\nexport function PromoCodeInput({\n  onApply, placeholder,\n  buttonLabel, className, id,\n}: PromoCodeInputProps) {\n  const [code, setCode] = React.useState('');\n  const [state, setState] = React.useState<'idle' | 'loading' | 'success' | 'error'>('idle');\n  const [message, setMessage] = React.useState<string | null>(null);\n  const t = useLocale();\n  const ph = placeholder ?? t['commerce.promoPlaceholder'];\n  const btn = buttonLabel ?? t['commerce.applyCoupon'];\n\n  const apply = async () => {\n    if (!code.trim()) return;\n    setState('loading');\n    setMessage(null);\n    try {\n      const msg = await onApply(code.trim());\n      setState('success');\n      setMessage(msg);\n    } catch (err) {\n      setState('error');\n      setMessage(err instanceof Error ? err.message : t['commerce.promoInvalid']);\n    }\n  };\n\n  return (\n    <div className={cx('promo', state === 'success' && 'is-success', state === 'error' && 'is-error', className)}>\n      <div className=\"promo__row\">\n        <input\n          id={id}\n          type=\"text\"\n          className=\"input promo__input\"\n          value={code}\n          placeholder={ph}\n          disabled={state === 'loading' || state === 'success'}\n          onChange={(e) => { setCode(e.target.value.toUpperCase()); if (state !== 'idle') setState('idle'); }}\n          onKeyDown={(e) => e.key === 'Enter' && apply()}\n        />\n        <button\n          type=\"button\"\n          className=\"btn btn--primary btn--md\"\n          disabled={!code.trim() || state === 'loading' || state === 'success'}\n          onClick={apply}\n        >\n          {state === 'loading' ? <span className=\"spinner spinner--inverse\" aria-hidden=\"true\" /> : btn}\n        </button>\n      </div>\n      {message && <div className={cx('promo__message', `promo__message--${state}`)}>{message}</div>}\n    </div>\n  );\n}\n\n// ---------- FreeShippingProgress ---------------------------------------\nexport interface FreeShippingProgressProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Subtotal actual del cart. */\n  current: number;\n  /** Threshold para envío gratis. */\n  threshold: number;\n  currency?: string;\n  locale?: string;\n  achievedMessage?: React.ReactNode;\n}\n\nexport function FreeShippingProgress({\n  current, threshold, currency, locale,\n  achievedMessage,\n  className, ...rest\n}: FreeShippingProgressProps) {\n  const brand = getBrand();\n  const t = useLocale();\n  const fmt = (n: number) =>\n    new Intl.NumberFormat(locale ?? brand.locale, { style: 'currency', currency: currency ?? brand.currency, maximumFractionDigits: 0 }).format(n);\n\n  const pct = Math.min(100, (current / threshold) * 100);\n  const remaining = Math.max(0, threshold - current);\n  const achieved = current >= threshold;\n  const successMsg = achievedMessage ?? t['commerce.shippingAchieved'];\n\n  return (\n    <div className={cx('shipping-progress', achieved && 'is-achieved', className)} {...rest}>\n      <div className=\"shipping-progress__text\">\n        {achieved ? successMsg : <>{t['commerce.shippingPrefix']}<strong>{fmt(remaining)}</strong>{t['commerce.shippingSuffix']}</>}\n      </div>\n      <div className=\"shipping-progress__track\" aria-hidden=\"true\">\n        <div className=\"shipping-progress__bar\" style={{ width: `${pct}%` }} />\n      </div>\n    </div>\n  );\n}\n\n// ---------- CartDrawer + line items ------------------------------------\nexport interface CartLineItem {\n  id: string;\n  name: React.ReactNode;\n  variant?: React.ReactNode;\n  image?: string;\n  unitPrice: number;\n  quantity: number;\n}\n\nexport interface CartDrawerProps {\n  open: boolean;\n  onClose: () => void;\n  items: CartLineItem[];\n  onQuantityChange?: (id: string, qty: number) => void;\n  onRemove?: (id: string) => void;\n  onCheckout?: () => void;\n  freeShippingThreshold?: number;\n  currency?: string;\n  locale?: string;\n}\n\nexport function CartDrawer({\n  open, onClose, items,\n  onQuantityChange, onRemove, onCheckout,\n  freeShippingThreshold, currency, locale,\n}: CartDrawerProps) {\n  const brand = getBrand();\n  const t = useLocale();\n  const resolvedCurrency = currency ?? brand.currency;\n  const resolvedLocale = locale ?? brand.locale;\n  const subtotal = items.reduce((sum, it) => sum + it.unitPrice * it.quantity, 0);\n  const fmt = (n: number) =>\n    new Intl.NumberFormat(resolvedLocale, { style: 'currency', currency: resolvedCurrency, maximumFractionDigits: 0 }).format(n);\n\n  return (\n    <Drawer\n      open={open}\n      onClose={onClose}\n      title={t['commerce.cartTitle']}\n      footer={\n        <div className=\"cart__footer\">\n          {freeShippingThreshold != null && (\n            <FreeShippingProgress current={subtotal} threshold={freeShippingThreshold} currency={resolvedCurrency} locale={resolvedLocale} />\n          )}\n          <div className=\"cart__totals\">\n            <span>{t['commerce.subtotal']}</span>\n            <strong>{fmt(subtotal)}</strong>\n          </div>\n          <button type=\"button\" className=\"btn btn--primary btn--lg btn--block\" disabled={items.length === 0} onClick={onCheckout}>\n            {t['commerce.checkout']}\n          </button>\n        </div>\n      }\n    >\n      {items.length === 0 ? (\n        <div className=\"cart__empty\">{t['commerce.cartEmpty']}</div>\n      ) : (\n        <ul className=\"cart__list\">\n          {items.map((it) => (\n            <li key={it.id} className=\"cart__item\">\n              <div className=\"cart__item-media\">\n                {it.image ? <img src={it.image} alt=\"\" /> : <div className=\"cart__item-placeholder\" />}\n              </div>\n              <div className=\"cart__item-body\">\n                <div className=\"cart__item-name\">{it.name}</div>\n                {it.variant && <div className=\"cart__item-variant\">{it.variant}</div>}\n                <div className=\"cart__item-price\">{fmt(it.unitPrice)}</div>\n              </div>\n              <div className=\"cart__item-actions\">\n                {onQuantityChange ? (\n                  <QuantitySelector\n                    size=\"sm\"\n                    value={it.quantity}\n                    onChange={(q) => onQuantityChange(it.id, q)}\n                  />\n                ) : (\n                  <span className=\"cart__item-qty\">x{it.quantity}</span>\n                )}\n                {onRemove && (\n                  <button\n                    type=\"button\"\n                    className=\"cart__item-remove\"\n                    aria-label={t['commerce.removeFromCart']}\n                    onClick={() => onRemove(it.id)}\n                  >\n                    <Trash size={14} />\n                  </button>\n                )}\n              </div>\n            </li>\n          ))}\n        </ul>\n      )}\n    </Drawer>\n  );\n}\n\n// ---------- OrderSummary ------------------------------------------------\nexport interface OrderLineRow {\n  label: React.ReactNode;\n  value: React.ReactNode;\n  /** Aplica estilo de total (negrita, más grande). */\n  emphasis?: boolean;\n}\n\nexport interface OrderSummaryProps extends Omit<React.HTMLAttributes<HTMLDListElement>, 'title'> {\n  rows: OrderLineRow[];\n  title?: React.ReactNode;\n}\n\nexport function OrderSummary({ rows, title, className, ...rest }: OrderSummaryProps) {\n  return (\n    <div className={cx('order-summary', className)}>\n      {title && <div className=\"order-summary__title\">{title}</div>}\n      <dl className=\"order-summary__list\" {...rest}>\n        {rows.map((r, i) => (\n          <div key={i} className={cx('order-summary__row', r.emphasis && 'is-emphasis')}>\n            <dt>{r.label}</dt>\n            <dd>{r.value}</dd>\n          </div>\n        ))}\n      </dl>\n    </div>\n  );\n}\n\n// ---------- AddressForm (generic field composer) -----------------------\n// The kit doesn't ship country-specific fields. Consumers pass a `fields`\n// array describing which inputs to render and the order. For Chile, that\n// means defining `[{ key: 'rut', ... }, { key: 'comuna', ... }, ...]` in\n// app code. For other markets, define different fields.\n//\n// Layout: each field declares its `width` ('full' | 'half' | 'third').\n// The form renders in a 6-column CSS grid, where 'full' spans 6, 'half'\n// spans 3, and 'third' spans 2. On narrow viewports everything stacks.\n\nexport interface AddressFieldOption {\n  value: string;\n  label: React.ReactNode;\n}\n\nexport interface AddressField {\n  /** Key del campo en el objeto `value`. */\n  key: string;\n  label: React.ReactNode;\n  type?: 'text' | 'select' | 'textarea';\n  placeholder?: string;\n  /** Solo para `type: 'select'`. */\n  options?: readonly AddressFieldOption[];\n  /** Placeholder de la opción vacía. Default: 'Selecciona…' (locale: `common.search` no aplica). */\n  selectPlaceholder?: string;\n  /** Anchura en una grilla de 6 columnas. Default: 'full'. */\n  width?: 'full' | 'half' | 'third';\n  /** Solo para `type: 'textarea'`. */\n  rows?: number;\n}\n\nexport interface AddressFormProps {\n  fields: AddressField[];\n  value: Record<string, string>;\n  onChange: (value: Record<string, string>) => void;\n  className?: string;\n}\n\nexport function AddressForm({ fields, value, onChange, className }: AddressFormProps) {\n  const reactId = React.useId();\n  const set = (key: string, v: string) => onChange({ ...value, [key]: v });\n\n  return (\n    <div className={cx('address-form', className)}>\n      {fields.map((f) => {\n        const id = `${reactId}-${f.key}`;\n        const width = f.width ?? 'full';\n        const v = value[f.key] ?? '';\n        return (\n          <div key={f.key} className={cx('form-field', `address-form__field--${width}`)}>\n            <label className=\"label\" htmlFor={id}>{f.label}</label>\n            {f.type === 'select' ? (\n              <select\n                id={id}\n                className=\"select\"\n                value={v}\n                onChange={(e) => set(f.key, e.target.value)}\n              >\n                <option value=\"\">{f.selectPlaceholder ?? 'Selecciona…'}</option>\n                {f.options?.map((o) => (\n                  <option key={o.value} value={o.value}>\n                    {typeof o.label === 'string' ? o.label : o.value}\n                  </option>\n                ))}\n              </select>\n            ) : f.type === 'textarea' ? (\n              <textarea\n                id={id}\n                className=\"textarea\"\n                value={v}\n                placeholder={f.placeholder}\n                rows={f.rows ?? 2}\n                onChange={(e) => set(f.key, e.target.value)}\n              />\n            ) : (\n              <input\n                id={id}\n                className=\"input\"\n                value={v}\n                placeholder={f.placeholder}\n                onChange={(e) => set(f.key, e.target.value)}\n              />\n            )}\n          </div>\n        );\n      })}\n    </div>\n  );\n}\n\n// ---------- CompareTable -----------------------------------------------\nexport interface CompareItem {\n  id: string;\n  name: React.ReactNode;\n  image?: string;\n  price?: React.ReactNode;\n}\n\nexport interface CompareAttribute {\n  key: string;\n  label: React.ReactNode;\n  /** Valor por item, indexado por id. */\n  values: Record<string, React.ReactNode>;\n}\n\nexport interface CompareTableProps extends React.HTMLAttributes<HTMLTableElement> {\n  items: CompareItem[];\n  attributes: CompareAttribute[];\n  onRemove?: (id: string) => void;\n}\n\nexport function CompareTable({ items, attributes, onRemove, className, ...rest }: CompareTableProps) {\n  const t = useLocale();\n  return (\n    <div className={cx('compare', className)}>\n      <table className=\"compare__table\" {...rest}>\n        <thead>\n          <tr>\n            <th />\n            {items.map((it) => (\n              <th key={it.id} scope=\"col\">\n                <div className=\"compare__head\">\n                  {it.image && <img src={it.image} alt=\"\" className=\"compare__img\" />}\n                  <div className=\"compare__name\">{it.name}</div>\n                  {it.price && <div className=\"compare__price\">{it.price}</div>}\n                  {onRemove && (\n                    <button\n                      type=\"button\"\n                      className=\"compare__remove\"\n                      aria-label={format(t['commerce.removeItem'], { name: typeof it.name === 'string' ? it.name : 'item' })}\n                      onClick={() => onRemove(it.id)}\n                    >\n                      <X size={14} />\n                    </button>\n                  )}\n                </div>\n              </th>\n            ))}\n          </tr>\n        </thead>\n        <tbody>\n          {attributes.map((attr) => (\n            <tr key={attr.key}>\n              <th scope=\"row\" className=\"compare__attr\">{attr.label}</th>\n              {items.map((it) => (\n                <td key={it.id} className=\"compare__cell\">{attr.values[it.id] ?? '—'}</td>\n              ))}\n            </tr>\n          ))}\n        </tbody>\n      </table>\n    </div>\n  );\n}\n"]}