@xenition/ui 0.1.0

package/dist/booking/types.js

@@ -0,0 +1,9 @@
+"use strict";
+/**
+ * Prop shapes mirror the booking module: a bookable **resource** has a name, a
+ * timezone, and a slot length; a **slot** is an instant range with remaining
+ * capacity. Instants are ISO-8601 strings (the component never fetches — the
+ * app passes already-shaped data).
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/dist/booking/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/booking/types.ts"],"names":[],"mappings":";AAAA;;;;;GAKG"}

package/dist/commerce/CartLineItem.d.ts

@@ -0,0 +1,39 @@
+import * as React from 'react';
+import { MoneyFormatter } from './money';
+export interface CartLineItemProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Product title. */
+    title: string;
+    /** Chosen variant label (e.g. "Large / Black"). */
+    variantTitle?: string;
+    /** Quantity in the cart. */
+    quantity: number;
+    /** Unit price in integer cents. */
+    unitPriceCents: number;
+    /** ISO 4217 currency code (default `USD`). */
+    currency?: string;
+    /** Thumbnail image URL. When absent a seeded `GenerativeCover` is drawn. */
+    imageUrl?: string;
+    /** Alt text for the thumbnail (defaults to the title). */
+    imageAlt?: string;
+    /** Stable id seeding the cover fallback (defaults to the title). */
+    slug?: string;
+    /** Quantity-change handler. When absent the stepper is hidden (read-only). */
+    onQuantityChange?: (quantity: number) => void;
+    /** Remove handler; renders a remove button when provided. */
+    onRemove?: () => void;
+    /** Minimum quantity (default 1). */
+    min?: number;
+    /** Maximum quantity. */
+    max?: number;
+    /** Remove button accessible label (default `Remove {title}`). */
+    removeLabel?: string;
+    /** Override the cents → string formatter. */
+    formatMoney?: MoneyFormatter;
+}
+/**
+ * One line in a cart: thumbnail (image or seeded cover), title + variant, a
+ * {@link QuantityStepper}, the line total (`unitPrice × quantity`), and a
+ * remove control. Token-only. Money is integer cents throughout.
+ */
+export declare const CartLineItem: React.ForwardRefExoticComponent<CartLineItemProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=CartLineItem.d.ts.map

package/dist/commerce/CartLineItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CartLineItem.d.ts","sourceRoot":"","sources":["../../src/commerce/CartLineItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAe,cAAc,EAAE,MAAM,SAAS,CAAC;AAEtD,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC7E,qBAAqB;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,mDAAmD;IACnD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,4BAA4B;IAC5B,QAAQ,EAAE,MAAM,CAAC;IACjB,mCAAmC;IACnC,cAAc,EAAE,MAAM,CAAC;IACvB,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,4EAA4E;IAC5E,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,oEAAoE;IACpE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,8EAA8E;IAC9E,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,oCAAoC;IACpC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,wBAAwB;IACxB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,iEAAiE;IACjE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,6CAA6C;IAC7C,WAAW,CAAC,EAAE,cAAc,CAAC;CAC9B;AAED;;;;GAIG;AACH,eAAO,MAAM,YAAY,0FAuFxB,CAAC"}

package/dist/commerce/CartLineItem.js

@@ -0,0 +1,52 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CartLineItem = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const cn_1 = require("../primitives/cn");
+const GenerativeCover_1 = require("../marketing/GenerativeCover");
+const QuantityStepper_1 = require("./QuantityStepper");
+const money_1 = require("./money");
+/**
+ * One line in a cart: thumbnail (image or seeded cover), title + variant, a
+ * {@link QuantityStepper}, the line total (`unitPrice × quantity`), and a
+ * remove control. Token-only. Money is integer cents throughout.
+ */
+exports.CartLineItem = React.forwardRef(function CartLineItem({ title, variantTitle, quantity, unitPriceCents, currency = 'USD', imageUrl, imageAlt, slug, onQuantityChange, onRemove, min = 1, max, removeLabel, formatMoney: format = money_1.formatMoney, className, ...rest }, ref) {
+    const lineTotal = unitPriceCents * quantity;
+    return ((0, jsx_runtime_1.jsxs)("div", { ref: ref, "data-xen-cart-line-item": "", className: (0, cn_1.cn)('flex items-start gap-[var(--xen-space-md)] py-[var(--xen-space-md)]', className), ...rest, children: [(0, jsx_runtime_1.jsx)("div", { className: "h-16 w-16 shrink-0 overflow-hidden rounded-[var(--xen-radius-md)] border border-border bg-neutral-100", children: imageUrl ? ((0, jsx_runtime_1.jsx)("img", { src: imageUrl, alt: imageAlt ?? title, loading: "lazy", className: "h-full w-full object-cover" })) : ((0, jsx_runtime_1.jsx)(GenerativeCover_1.GenerativeCover, { seed: slug ?? title, label: title, className: "h-full w-full" })) }), (0, jsx_runtime_1.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col gap-[var(--xen-space-sm)]", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col", children: [(0, jsx_runtime_1.jsx)("span", { className: "truncate font-heading text-sm font-semibold text-on-surface", children: title }), variantTitle ? ((0, jsx_runtime_1.jsx)("span", { className: "truncate text-xs text-muted", children: variantTitle })) : null] }), onQuantityChange ? ((0, jsx_runtime_1.jsx)(QuantityStepper_1.QuantityStepper, { value: quantity, min: min, max: max, onChange: onQuantityChange, label: `Quantity for ${title}` })) : ((0, jsx_runtime_1.jsxs)("span", { className: "text-xs text-muted", children: ["Qty ", quantity] }))] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col items-end gap-[var(--xen-space-xs)]", children: [(0, jsx_runtime_1.jsx)("span", { "data-xen-line-total": "", className: "font-heading text-sm font-semibold text-on-surface", children: format(lineTotal, currency) }), onRemove ? ((0, jsx_runtime_1.jsx)("button", { type: "button", onClick: onRemove, "aria-label": removeLabel ?? `Remove ${title}`, className: "text-xs text-muted underline-offset-2 hover:text-danger hover:underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-danger", children: "Remove" })) : null] })] }));
+});
+//# sourceMappingURL=CartLineItem.js.map

package/dist/commerce/CartLineItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CartLineItem.js","sourceRoot":"","sources":["../../src/commerce/CartLineItem.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,yCAAsC;AACtC,kEAA+D;AAC/D,uDAAoD;AACpD,mCAAsD;AAiCtD;;;;GAIG;AACU,QAAA,YAAY,GAAG,KAAK,CAAC,UAAU,CAC1C,SAAS,YAAY,CACnB,EACE,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,cAAc,EACd,QAAQ,GAAG,KAAK,EAChB,QAAQ,EACR,QAAQ,EACR,IAAI,EACJ,gBAAgB,EAChB,QAAQ,EACR,GAAG,GAAG,CAAC,EACP,GAAG,EACH,WAAW,EACX,WAAW,EAAE,MAAM,GAAG,mBAAW,EACjC,SAAS,EACT,GAAG,IAAI,EACR,EACD,GAAG;IAEH,MAAM,SAAS,GAAG,cAAc,GAAG,QAAQ,CAAC;IAE5C,OAAO,CACL,iCACE,GAAG,EAAE,GAAG,6BACgB,EAAE,EAC1B,SAAS,EAAE,IAAA,OAAE,EACX,qEAAqE,EACrE,SAAS,CACV,KACG,IAAI,aAER,gCAAK,SAAS,EAAC,uGAAuG,YACnH,QAAQ,CAAC,CAAC,CAAC,CACV,gCACE,GAAG,EAAE,QAAQ,EACb,GAAG,EAAE,QAAQ,IAAI,KAAK,EACtB,OAAO,EAAC,MAAM,EACd,SAAS,EAAC,4BAA4B,GACtC,CACH,CAAC,CAAC,CAAC,CACF,uBAAC,iCAAe,IAAC,IAAI,EAAE,IAAI,IAAI,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAC,eAAe,GAAG,CACjF,GACG,EAEN,iCAAK,SAAS,EAAC,wDAAwD,aACrE,iCAAK,SAAS,EAAC,eAAe,aAC5B,iCAAM,SAAS,EAAC,6DAA6D,YAC1E,KAAK,GACD,EACN,YAAY,CAAC,CAAC,CAAC,CACd,iCAAM,SAAS,EAAC,6BAA6B,YAAE,YAAY,GAAQ,CACpE,CAAC,CAAC,CAAC,IAAI,IACJ,EACL,gBAAgB,CAAC,CAAC,CAAC,CAClB,uBAAC,iCAAe,IACd,KAAK,EAAE,QAAQ,EACf,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,gBAAgB,EAC1B,KAAK,EAAE,gBAAgB,KAAK,EAAE,GAC9B,CACH,CAAC,CAAC,CAAC,CACF,kCAAM,SAAS,EAAC,oBAAoB,qBAAM,QAAQ,IAAQ,CAC3D,IACG,EAEN,iCAAK,SAAS,EAAC,mDAAmD,aAChE,wDAA0B,EAAE,EAAC,SAAS,EAAC,oDAAoD,YACxF,MAAM,CAAC,SAAS,EAAE,QAAQ,CAAC,GACvB,EACN,QAAQ,CAAC,CAAC,CAAC,CACV,mCACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,QAAQ,gBACL,WAAW,IAAI,UAAU,KAAK,EAAE,EAC5C,SAAS,EAAC,mJAAmJ,uBAGtJ,CACV,CAAC,CAAC,CAAC,IAAI,IACJ,IACF,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}

package/dist/commerce/CartSummary.d.ts

@@ -0,0 +1,29 @@
+import * as React from 'react';
+import { MoneyFormatter } from './money';
+export interface CartSummaryProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Sum of line totals, in integer cents. */
+    subtotalCents: number;
+    /** Shipping cost in cents. Rendered as "Free" when exactly 0. */
+    shippingCents?: number;
+    /** Tax in cents. */
+    taxCents?: number;
+    /** Discount in cents (shown negative). */
+    discountCents?: number;
+    /** Grand total in cents. */
+    totalCents: number;
+    /** ISO 4217 currency code (default `USD`). */
+    currency?: string;
+    /** Checkout handler; renders a checkout button when provided. */
+    onCheckout?: () => void;
+    /** Checkout button label (default `Checkout`). */
+    checkoutLabel?: string;
+    /** Override the cents → string formatter. */
+    formatMoney?: MoneyFormatter;
+}
+/**
+ * Cart totals block: subtotal / shipping / tax / (discount) / total rows plus
+ * an optional checkout button. Every amount is integer cents formatted through
+ * {@link formatMoney}. Token-only.
+ */
+export declare const CartSummary: React.ForwardRefExoticComponent<CartSummaryProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=CartSummary.d.ts.map

package/dist/commerce/CartSummary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CartSummary.d.ts","sourceRoot":"","sources":["../../src/commerce/CartSummary.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAe,cAAc,EAAE,MAAM,SAAS,CAAC;AAEtD,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5E,4CAA4C;IAC5C,aAAa,EAAE,MAAM,CAAC;IACtB,iEAAiE;IACjE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,oBAAoB;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,0CAA0C;IAC1C,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,4BAA4B;IAC5B,UAAU,EAAE,MAAM,CAAC;IACnB,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,iEAAiE;IACjE,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,kDAAkD;IAClD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,6CAA6C;IAC7C,WAAW,CAAC,EAAE,cAAc,CAAC;CAC9B;AAED;;;;GAIG;AACH,eAAO,MAAM,WAAW,yFAiEvB,CAAC"}

package/dist/commerce/CartSummary.js

@@ -0,0 +1,55 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CartSummary = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const cn_1 = require("../primitives/cn");
+const Button_1 = require("../primitives/Button");
+const money_1 = require("./money");
+/**
+ * Cart totals block: subtotal / shipping / tax / (discount) / total rows plus
+ * an optional checkout button. Every amount is integer cents formatted through
+ * {@link formatMoney}. Token-only.
+ */
+exports.CartSummary = React.forwardRef(function CartSummary({ subtotalCents, shippingCents, taxCents, discountCents, totalCents, currency = 'USD', onCheckout, checkoutLabel = 'Checkout', formatMoney: format = money_1.formatMoney, className, ...rest }, ref) {
+    const row = (label, value, key) => ((0, jsx_runtime_1.jsxs)("div", { className: "flex items-baseline justify-between text-sm text-on-surface", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-muted", children: label }), (0, jsx_runtime_1.jsx)("span", { className: "tabular-nums", children: value })] }, key));
+    return ((0, jsx_runtime_1.jsxs)("div", { ref: ref, "data-xen-cart-summary": "", className: (0, cn_1.cn)('flex flex-col gap-[var(--xen-space-sm)] rounded-[var(--xen-radius-lg)] border border-border bg-surface p-[var(--xen-space-lg)]', className), ...rest, children: [row('Subtotal', format(subtotalCents, currency), 'subtotal'), typeof shippingCents === 'number'
+                ? row('Shipping', shippingCents === 0 ? 'Free' : format(shippingCents, currency), 'shipping')
+                : null, typeof taxCents === 'number' ? row('Tax', format(taxCents, currency), 'tax') : null, typeof discountCents === 'number' && discountCents > 0
+                ? row('Discount', `−${format(discountCents, currency)}`, 'discount')
+                : null, (0, jsx_runtime_1.jsx)("div", { className: "mt-[var(--xen-space-xs)] border-t border-border pt-[var(--xen-space-sm)]", children: (0, jsx_runtime_1.jsxs)("div", { className: "flex items-baseline justify-between", children: [(0, jsx_runtime_1.jsx)("span", { className: "font-heading text-base font-semibold text-on-surface", children: "Total" }), (0, jsx_runtime_1.jsx)("span", { "data-xen-cart-total": "", className: "font-heading text-base font-semibold tabular-nums text-on-surface", children: format(totalCents, currency) })] }) }), onCheckout ? ((0, jsx_runtime_1.jsx)(Button_1.Button, { type: "button", size: "md", onClick: onCheckout, className: "mt-[var(--xen-space-sm)] w-full", children: checkoutLabel })) : null] }));
+});
+//# sourceMappingURL=CartSummary.js.map

package/dist/commerce/CartSummary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CartSummary.js","sourceRoot":"","sources":["../../src/commerce/CartSummary.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,yCAAsC;AACtC,iDAA8C;AAC9C,mCAAsD;AAuBtD;;;;GAIG;AACU,QAAA,WAAW,GAAG,KAAK,CAAC,UAAU,CACzC,SAAS,WAAW,CAClB,EACE,aAAa,EACb,aAAa,EACb,QAAQ,EACR,aAAa,EACb,UAAU,EACV,QAAQ,GAAG,KAAK,EAChB,UAAU,EACV,aAAa,GAAG,UAAU,EAC1B,WAAW,EAAE,MAAM,GAAG,mBAAW,EACjC,SAAS,EACT,GAAG,IAAI,EACR,EACD,GAAG;IAEH,MAAM,GAAG,GAAG,CAAC,KAAa,EAAE,KAAsB,EAAE,GAAW,EAAsB,EAAE,CAAC,CACtF,iCAAe,SAAS,EAAC,6DAA6D,aACpF,iCAAM,SAAS,EAAC,YAAY,YAAE,KAAK,GAAQ,EAC3C,iCAAM,SAAS,EAAC,cAAc,YAAE,KAAK,GAAQ,KAFrC,GAAG,CAGP,CACP,CAAC;IAEF,OAAO,CACL,iCACE,GAAG,EAAE,GAAG,2BACc,EAAE,EACxB,SAAS,EAAE,IAAA,OAAE,EACX,gIAAgI,EAChI,SAAS,CACV,KACG,IAAI,aAEP,GAAG,CAAC,UAAU,EAAE,MAAM,CAAC,aAAa,EAAE,QAAQ,CAAC,EAAE,UAAU,CAAC,EAC5D,OAAO,aAAa,KAAK,QAAQ;gBAChC,CAAC,CAAC,GAAG,CACD,UAAU,EACV,aAAa,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,aAAa,EAAE,QAAQ,CAAC,EAC9D,UAAU,CACX;gBACH,CAAC,CAAC,IAAI,EACP,OAAO,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,EAAE,MAAM,CAAC,QAAQ,EAAE,QAAQ,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,EACnF,OAAO,aAAa,KAAK,QAAQ,IAAI,aAAa,GAAG,CAAC;gBACrD,CAAC,CAAC,GAAG,CAAC,UAAU,EAAE,IAAI,MAAM,CAAC,aAAa,EAAE,QAAQ,CAAC,EAAE,EAAE,UAAU,CAAC;gBACpE,CAAC,CAAC,IAAI,EACR,gCAAK,SAAS,EAAC,0EAA0E,YACvF,iCAAK,SAAS,EAAC,qCAAqC,aAClD,iCAAM,SAAS,EAAC,sDAAsD,sBAAa,EACnF,wDACsB,EAAE,EACtB,SAAS,EAAC,mEAAmE,YAE5E,MAAM,CAAC,UAAU,EAAE,QAAQ,CAAC,GACxB,IACH,GACF,EACL,UAAU,CAAC,CAAC,CAAC,CACZ,uBAAC,eAAM,IAAC,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,IAAI,EAAC,OAAO,EAAE,UAAU,EAAE,SAAS,EAAC,iCAAiC,YAC7F,aAAa,GACP,CACV,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}

package/dist/commerce/EmptyState.d.ts

@@ -0,0 +1,18 @@
+import * as React from 'react';
+export interface EmptyStateProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {
+    /** Optional decorative icon/illustration slot. */
+    icon?: React.ReactNode;
+    /** Headline (e.g. "Your cart is empty"). */
+    title: React.ReactNode;
+    /** Supporting line under the title. */
+    description?: React.ReactNode;
+    /** Primary action slot (e.g. a "Browse products" button). */
+    action?: React.ReactNode;
+}
+/**
+ * Generic empty / no-results state — an empty cart, a filtered catalog with no
+ * matches, an order list with nothing yet. Centered icon slot, muted copy, and
+ * an optional action. Token-only and domain-agnostic.
+ */
+export declare const EmptyState: React.ForwardRefExoticComponent<EmptyStateProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=EmptyState.d.ts.map

package/dist/commerce/EmptyState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.d.ts","sourceRoot":"","sources":["../../src/commerce/EmptyState.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IAC1F,kDAAkD;IAClD,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,4CAA4C;IAC5C,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,uCAAuC;IACvC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,6DAA6D;IAC7D,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AAED;;;;GAIG;AACH,eAAO,MAAM,UAAU,wFAyBtB,CAAC"}

package/dist/commerce/EmptyState.js

@@ -0,0 +1,48 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EmptyState = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const cn_1 = require("../primitives/cn");
+/**
+ * Generic empty / no-results state — an empty cart, a filtered catalog with no
+ * matches, an order list with nothing yet. Centered icon slot, muted copy, and
+ * an optional action. Token-only and domain-agnostic.
+ */
+exports.EmptyState = React.forwardRef(function EmptyState({ icon, title, description, action, className, ...rest }, ref) {
+    return ((0, jsx_runtime_1.jsxs)("div", { ref: ref, "data-xen-empty-state": "", className: (0, cn_1.cn)('flex flex-col items-center justify-center gap-[var(--xen-space-sm)] rounded-[var(--xen-radius-lg)] border border-dashed border-border bg-surface px-[var(--xen-space-lg)] py-[var(--xen-space-2xl)] text-center', className), ...rest, children: [icon ? ((0, jsx_runtime_1.jsx)("div", { "data-xen-empty-icon": "", className: "text-muted", "aria-hidden": "true", children: icon })) : null, (0, jsx_runtime_1.jsx)("p", { className: "font-heading text-base font-semibold text-on-surface", children: title }), description ? ((0, jsx_runtime_1.jsx)("p", { className: "max-w-sm text-sm leading-relaxed text-muted", children: description })) : null, action ? (0, jsx_runtime_1.jsx)("div", { className: "mt-[var(--xen-space-sm)]", children: action }) : null] }));
+});
+//# sourceMappingURL=EmptyState.js.map

package/dist/commerce/EmptyState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.js","sourceRoot":"","sources":["../../src/commerce/EmptyState.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,yCAAsC;AAatC;;;;GAIG;AACU,QAAA,UAAU,GAAG,KAAK,CAAC,UAAU,CACxC,SAAS,UAAU,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG;IAC/E,OAAO,CACL,iCACE,GAAG,EAAE,GAAG,0BACa,EAAE,EACvB,SAAS,EAAE,IAAA,OAAE,EACX,iNAAiN,EACjN,SAAS,CACV,KACG,IAAI,aAEP,IAAI,CAAC,CAAC,CAAC,CACN,uDAAyB,EAAE,EAAC,SAAS,EAAC,YAAY,iBAAa,MAAM,YAClE,IAAI,GACD,CACP,CAAC,CAAC,CAAC,IAAI,EACR,8BAAG,SAAS,EAAC,sDAAsD,YAAE,KAAK,GAAK,EAC9E,WAAW,CAAC,CAAC,CAAC,CACb,8BAAG,SAAS,EAAC,6CAA6C,YAAE,WAAW,GAAK,CAC7E,CAAC,CAAC,CAAC,IAAI,EACP,MAAM,CAAC,CAAC,CAAC,gCAAK,SAAS,EAAC,0BAA0B,YAAE,MAAM,GAAO,CAAC,CAAC,CAAC,IAAI,IACrE,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}

package/dist/commerce/OrderSummary.d.ts

@@ -0,0 +1,44 @@
+import * as React from 'react';
+import { OrderStatus } from './StatusBadge';
+import { MoneyFormatter } from './money';
+export interface OrderLine {
+    /** Product title. */
+    title: string;
+    /** Chosen variant label. */
+    variantTitle?: string;
+    /** Quantity ordered. */
+    quantity: number;
+    /** Unit price in integer cents. */
+    unitPriceCents: number;
+}
+export interface OrderSummaryProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {
+    /** Line items in the order. */
+    items: OrderLine[];
+    /** Sum of line totals, in cents. */
+    subtotalCents: number;
+    /** Shipping cost in cents ("Free" when 0). */
+    shippingCents?: number;
+    /** Tax in cents. */
+    taxCents?: number;
+    /** Grand total in cents. */
+    totalCents: number;
+    /** ISO 4217 currency code (default `USD`). */
+    currency?: string;
+    /** Order lifecycle status → renders a `StatusBadge`. */
+    status?: OrderStatus;
+    /** Order reference number/id shown in the header. */
+    orderNumber?: string;
+    /** Heading text (default `Order summary`). */
+    title?: React.ReactNode;
+    /** Override the cents → string formatter. */
+    formatMoney?: MoneyFormatter;
+}
+/**
+ * Read-only recap of a placed (or about-to-be-placed) order: line items with
+ * per-line totals, the subtotal/shipping/tax/total rows, and an optional
+ * status badge. No interactivity — this is the checkout/confirmation view.
+ * Token-only; money is integer cents throughout.
+ */
+export declare const OrderSummary: React.ForwardRefExoticComponent<OrderSummaryProps & React.RefAttributes<HTMLDivElement>>;
+export { OrderSummary as CheckoutSummary };
+//# sourceMappingURL=OrderSummary.d.ts.map

package/dist/commerce/OrderSummary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrderSummary.d.ts","sourceRoot":"","sources":["../../src/commerce/OrderSummary.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAe,WAAW,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,EAAe,cAAc,EAAE,MAAM,SAAS,CAAC;AAEtD,MAAM,WAAW,SAAS;IACxB,qBAAqB;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,4BAA4B;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,wBAAwB;IACxB,QAAQ,EAAE,MAAM,CAAC;IACjB,mCAAmC;IACnC,cAAc,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IAC5F,+BAA+B;IAC/B,KAAK,EAAE,SAAS,EAAE,CAAC;IACnB,oCAAoC;IACpC,aAAa,EAAE,MAAM,CAAC;IACtB,8CAA8C;IAC9C,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,oBAAoB;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,4BAA4B;IAC5B,UAAU,EAAE,MAAM,CAAC;IACnB,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,wDAAwD;IACxD,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,qDAAqD;IACrD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,8CAA8C;IAC9C,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,6CAA6C;IAC7C,WAAW,CAAC,EAAE,cAAc,CAAC;CAC9B;AAED;;;;;GAKG;AACH,eAAO,MAAM,YAAY,0FAyFxB,CAAC;AAEF,OAAO,EAAE,YAAY,IAAI,eAAe,EAAE,CAAC"}

package/dist/commerce/OrderSummary.js

@@ -0,0 +1,55 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CheckoutSummary = exports.OrderSummary = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const cn_1 = require("../primitives/cn");
+const StatusBadge_1 = require("./StatusBadge");
+const money_1 = require("./money");
+/**
+ * Read-only recap of a placed (or about-to-be-placed) order: line items with
+ * per-line totals, the subtotal/shipping/tax/total rows, and an optional
+ * status badge. No interactivity — this is the checkout/confirmation view.
+ * Token-only; money is integer cents throughout.
+ */
+exports.OrderSummary = React.forwardRef(function OrderSummary({ items, subtotalCents, shippingCents, taxCents, totalCents, currency = 'USD', status, orderNumber, title = 'Order summary', formatMoney: format = money_1.formatMoney, className, ...rest }, ref) {
+    const totalRow = (label, value, key) => ((0, jsx_runtime_1.jsxs)("div", { className: "flex items-baseline justify-between text-sm", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-muted", children: label }), (0, jsx_runtime_1.jsx)("span", { className: "tabular-nums text-on-surface", children: value })] }, key));
+    return ((0, jsx_runtime_1.jsxs)("div", { ref: ref, "data-xen-order-summary": "", className: (0, cn_1.cn)('flex flex-col gap-[var(--xen-space-md)] rounded-[var(--xen-radius-lg)] border border-border bg-surface p-[var(--xen-space-lg)]', className), ...rest, children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-start justify-between gap-[var(--xen-space-md)]", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col", children: [(0, jsx_runtime_1.jsx)("h3", { className: "font-heading text-base font-semibold text-on-surface", children: title }), orderNumber ? ((0, jsx_runtime_1.jsxs)("span", { className: "text-xs text-muted", children: ["#", orderNumber] })) : null] }), status ? (0, jsx_runtime_1.jsx)(StatusBadge_1.StatusBadge, { status: status }) : null] }), (0, jsx_runtime_1.jsx)("ul", { className: "flex flex-col divide-y divide-border", children: items.map((item, i) => ((0, jsx_runtime_1.jsxs)("li", { "data-xen-order-line": "", className: "flex items-start justify-between gap-[var(--xen-space-md)] py-[var(--xen-space-sm)]", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex min-w-0 flex-col", children: [(0, jsx_runtime_1.jsx)("span", { className: "truncate text-sm text-on-surface", children: item.title }), item.variantTitle ? ((0, jsx_runtime_1.jsx)("span", { className: "truncate text-xs text-muted", children: item.variantTitle })) : null, (0, jsx_runtime_1.jsxs)("span", { className: "text-xs text-muted", children: ["Qty ", item.quantity] })] }), (0, jsx_runtime_1.jsx)("span", { className: "shrink-0 text-sm tabular-nums text-on-surface", children: format(item.unitPriceCents * item.quantity, currency) })] }, i))) }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-[var(--xen-space-xs)] border-t border-border pt-[var(--xen-space-sm)]", children: [totalRow('Subtotal', format(subtotalCents, currency), 'subtotal'), typeof shippingCents === 'number'
+                        ? totalRow('Shipping', shippingCents === 0 ? 'Free' : format(shippingCents, currency), 'shipping')
+                        : null, typeof taxCents === 'number' ? totalRow('Tax', format(taxCents, currency), 'tax') : null, (0, jsx_runtime_1.jsxs)("div", { className: "flex items-baseline justify-between pt-[var(--xen-space-xs)]", children: [(0, jsx_runtime_1.jsx)("span", { className: "font-heading text-base font-semibold text-on-surface", children: "Total" }), (0, jsx_runtime_1.jsx)("span", { "data-xen-order-total": "", className: "font-heading text-base font-semibold tabular-nums text-on-surface", children: format(totalCents, currency) })] })] })] }));
+});
+exports.CheckoutSummary = exports.OrderSummary;
+//# sourceMappingURL=OrderSummary.js.map

package/dist/commerce/OrderSummary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrderSummary.js","sourceRoot":"","sources":["../../src/commerce/OrderSummary.tsx"],"names":[],"mappings":"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"}

package/dist/commerce/PriceTag.d.ts

@@ -0,0 +1,22 @@
+import * as React from 'react';
+import { MoneyFormatter } from './money';
+export interface PriceTagProps extends React.HTMLAttributes<HTMLSpanElement> {
+    /** Current price in integer cents. */
+    cents: number;
+    /** ISO 4217 currency code (default `USD`). */
+    currency?: string;
+    /** Optional "was" price in cents; shown struck-through when higher than `cents`. */
+    compareAtCents?: number;
+    /** Override the cents → string formatter (locale control, custom symbols). */
+    formatMoney?: MoneyFormatter;
+    /** Visual scale of the current price (default `md`). */
+    size?: 'sm' | 'md' | 'lg';
+}
+/**
+ * Formatted price with an optional strikethrough "compare-at" original. All
+ * money is integer cents formatted through {@link formatMoney} (overridable
+ * via the `formatMoney` prop). Token-only: the sale price reads `on-surface`,
+ * the struck original is `muted`.
+ */
+export declare const PriceTag: React.ForwardRefExoticComponent<PriceTagProps & React.RefAttributes<HTMLSpanElement>>;
+//# sourceMappingURL=PriceTag.d.ts.map

package/dist/commerce/PriceTag.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PriceTag.d.ts","sourceRoot":"","sources":["../../src/commerce/PriceTag.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAe,cAAc,EAAE,MAAM,SAAS,CAAC;AAEtD,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;IAC1E,sCAAsC;IACtC,KAAK,EAAE,MAAM,CAAC;IACd,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,oFAAoF;IACpF,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,8EAA8E;IAC9E,WAAW,CAAC,EAAE,cAAc,CAAC;IAC7B,wDAAwD;IACxD,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC3B;AAQD;;;;;GAKG;AACH,eAAO,MAAM,QAAQ,uFAiCnB,CAAC"}

package/dist/commerce/PriceTag.js

@@ -0,0 +1,56 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PriceTag = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const cn_1 = require("../primitives/cn");
+const money_1 = require("./money");
+const SIZE_CLASSES = {
+    sm: 'text-sm',
+    md: 'text-base',
+    lg: 'text-xl',
+};
+/**
+ * Formatted price with an optional strikethrough "compare-at" original. All
+ * money is integer cents formatted through {@link formatMoney} (overridable
+ * via the `formatMoney` prop). Token-only: the sale price reads `on-surface`,
+ * the struck original is `muted`.
+ */
+exports.PriceTag = React.forwardRef(function PriceTag({ cents, currency = 'USD', compareAtCents, formatMoney: format = money_1.formatMoney, size = 'md', className, ...rest }, ref) {
+    const hasCompare = typeof compareAtCents === 'number' && compareAtCents > cents;
+    return ((0, jsx_runtime_1.jsxs)("span", { ref: ref, "data-xen-price-tag": "", className: (0, cn_1.cn)('inline-flex items-baseline gap-[var(--xen-space-xs)]', className), ...rest, children: [(0, jsx_runtime_1.jsx)("span", { "data-xen-price": "", className: (0, cn_1.cn)('font-heading font-semibold text-on-surface', SIZE_CLASSES[size]), children: format(cents, currency) }), hasCompare ? ((0, jsx_runtime_1.jsx)("span", { "data-xen-compare-at": "", className: "text-sm text-muted line-through", children: format(compareAtCents, currency) })) : null] }));
+});
+//# sourceMappingURL=PriceTag.js.map

package/dist/commerce/PriceTag.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PriceTag.js","sourceRoot":"","sources":["../../src/commerce/PriceTag.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,yCAAsC;AACtC,mCAAsD;AAetD,MAAM,YAAY,GAAuD;IACvE,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,WAAW;IACf,EAAE,EAAE,SAAS;CACd,CAAC;AAEF;;;;;GAKG;AACU,QAAA,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAiC,SAAS,QAAQ,CACxF,EACE,KAAK,EACL,QAAQ,GAAG,KAAK,EAChB,cAAc,EACd,WAAW,EAAE,MAAM,GAAG,mBAAW,EACjC,IAAI,GAAG,IAAI,EACX,SAAS,EACT,GAAG,IAAI,EACR,EACD,GAAG;IAEH,MAAM,UAAU,GAAG,OAAO,cAAc,KAAK,QAAQ,IAAI,cAAc,GAAG,KAAK,CAAC;IAChF,OAAO,CACL,kCACE,GAAG,EAAE,GAAG,wBACW,EAAE,EACrB,SAAS,EAAE,IAAA,OAAE,EAAC,sDAAsD,EAAE,SAAS,CAAC,KAC5E,IAAI,aAER,mDACiB,EAAE,EACjB,SAAS,EAAE,IAAA,OAAE,EAAC,4CAA4C,EAAE,YAAY,CAAC,IAAI,CAAC,CAAC,YAE9E,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GACnB,EACN,UAAU,CAAC,CAAC,CAAC,CACZ,wDAA0B,EAAE,EAAC,SAAS,EAAC,iCAAiC,YACrE,MAAM,CAAC,cAAwB,EAAE,QAAQ,CAAC,GACtC,CACR,CAAC,CAAC,CAAC,IAAI,IACH,CACR,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/commerce/ProductCard.d.ts

@@ -0,0 +1,34 @@
+import * as React from 'react';
+import { MoneyFormatter } from './money';
+export interface ProductCardProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onClick'> {
+    /** Product title. */
+    title: string;
+    /** Price in integer cents. */
+    priceCents: number;
+    /** ISO 4217 currency code (default `USD`). */
+    currency?: string;
+    /** Optional "was" price in cents (struck through). */
+    compareAtCents?: number;
+    /** Product image URL. When absent a deterministic `GenerativeCover` is drawn. */
+    imageUrl?: string;
+    /** Alt text for the image (defaults to the title). */
+    imageAlt?: string;
+    /** Stable id used to seed the cover fallback (defaults to the title). */
+    slug?: string;
+    /** If given, the card image + title link here. */
+    href?: string;
+    /** Add-to-cart handler; renders an add button when provided. */
+    onAdd?: () => void;
+    /** Add button label (default `Add to cart`). */
+    addLabel?: string;
+    /** Override the cents → string formatter. */
+    formatMoney?: MoneyFormatter;
+}
+/**
+ * Catalog product tile: media (image, or a seeded {@link GenerativeCover}
+ * fallback when `imageUrl` is absent), title, {@link PriceTag}, and an optional
+ * add-to-cart button / `href` link. Token-only; the media box uses the theme
+ * radius and a neutral placeholder surface.
+ */
+export declare const ProductCard: React.ForwardRefExoticComponent<ProductCardProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=ProductCard.d.ts.map

package/dist/commerce/ProductCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductCard.d.ts","sourceRoot":"","sources":["../../src/commerce/ProductCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAEzC,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,SAAS,CAAC;IAC7F,qBAAqB;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,8BAA8B;IAC9B,UAAU,EAAE,MAAM,CAAC;IACnB,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,sDAAsD;IACtD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,iFAAiF;IACjF,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,sDAAsD;IACtD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,yEAAyE;IACzE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,kDAAkD;IAClD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,gEAAgE;IAChE,KAAK,CAAC,EAAE,MAAM,IAAI,CAAC;IACnB,gDAAgD;IAChD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,6CAA6C;IAC7C,WAAW,CAAC,EAAE,cAAc,CAAC;CAC9B;AAED;;;;;GAKG;AACH,eAAO,MAAM,WAAW,yFAiFvB,CAAC"}

package/dist/commerce/ProductCard.js

@@ -0,0 +1,54 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ProductCard = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const cn_1 = require("../primitives/cn");
+const Button_1 = require("../primitives/Button");
+const GenerativeCover_1 = require("../marketing/GenerativeCover");
+const PriceTag_1 = require("./PriceTag");
+/**
+ * Catalog product tile: media (image, or a seeded {@link GenerativeCover}
+ * fallback when `imageUrl` is absent), title, {@link PriceTag}, and an optional
+ * add-to-cart button / `href` link. Token-only; the media box uses the theme
+ * radius and a neutral placeholder surface.
+ */
+exports.ProductCard = React.forwardRef(function ProductCard({ title, priceCents, currency = 'USD', compareAtCents, imageUrl, imageAlt, slug, href, onAdd, addLabel = 'Add to cart', formatMoney, className, ...rest }, ref) {
+    const media = imageUrl ? ((0, jsx_runtime_1.jsx)("img", { src: imageUrl, alt: imageAlt ?? title, loading: "lazy", className: "h-full w-full object-cover" })) : ((0, jsx_runtime_1.jsx)(GenerativeCover_1.GenerativeCover, { seed: slug ?? title, label: title, className: "h-full w-full" }));
+    const mediaBox = ((0, jsx_runtime_1.jsx)("div", { className: "aspect-[4/5] w-full overflow-hidden bg-neutral-100", children: media }));
+    return ((0, jsx_runtime_1.jsxs)("div", { ref: ref, "data-xen-product-card": "", className: (0, cn_1.cn)('group flex flex-col overflow-hidden rounded-[var(--xen-radius-lg)] border border-border bg-surface', className), ...rest, children: [href ? ((0, jsx_runtime_1.jsx)("a", { href: href, className: "block", "aria-label": title, children: mediaBox })) : (mediaBox), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-1 flex-col gap-[var(--xen-space-sm)] p-[var(--xen-space-md)]", children: [(0, jsx_runtime_1.jsx)("h3", { className: "font-heading text-base font-semibold leading-snug text-on-surface", children: href ? ((0, jsx_runtime_1.jsx)("a", { href: href, className: "hover:text-primary", children: title })) : (title) }), (0, jsx_runtime_1.jsx)(PriceTag_1.PriceTag, { cents: priceCents, currency: currency, compareAtCents: compareAtCents, formatMoney: formatMoney }), onAdd ? ((0, jsx_runtime_1.jsx)(Button_1.Button, { type: "button", size: "sm", onClick: onAdd, className: "mt-[var(--xen-space-xs)] w-full", children: addLabel })) : null] })] }));
+});
+//# sourceMappingURL=ProductCard.js.map

package/dist/commerce/ProductCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductCard.js","sourceRoot":"","sources":["../../src/commerce/ProductCard.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,yCAAsC;AACtC,iDAA8C;AAC9C,kEAA+D;AAC/D,yCAAsC;AA4BtC;;;;;GAKG;AACU,QAAA,WAAW,GAAG,KAAK,CAAC,UAAU,CACzC,SAAS,WAAW,CAClB,EACE,KAAK,EACL,UAAU,EACV,QAAQ,GAAG,KAAK,EAChB,cAAc,EACd,QAAQ,EACR,QAAQ,EACR,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,QAAQ,GAAG,aAAa,EACxB,WAAW,EACX,SAAS,EACT,GAAG,IAAI,EACR,EACD,GAAG;IAEH,MAAM,KAAK,GAAG,QAAQ,CAAC,CAAC,CAAC,CACvB,gCACE,GAAG,EAAE,QAAQ,EACb,GAAG,EAAE,QAAQ,IAAI,KAAK,EACtB,OAAO,EAAC,MAAM,EACd,SAAS,EAAC,4BAA4B,GACtC,CACH,CAAC,CAAC,CAAC,CACF,uBAAC,iCAAe,IAAC,IAAI,EAAE,IAAI,IAAI,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAC,eAAe,GAAG,CACjF,CAAC;IAEF,MAAM,QAAQ,GAAG,CACf,gCAAK,SAAS,EAAC,oDAAoD,YAAE,KAAK,GAAO,CAClF,CAAC;IAEF,OAAO,CACL,iCACE,GAAG,EAAE,GAAG,2BACc,EAAE,EACxB,SAAS,EAAE,IAAA,OAAE,EACX,oGAAoG,EACpG,SAAS,CACV,KACG,IAAI,aAEP,IAAI,CAAC,CAAC,CAAC,CACN,8BAAG,IAAI,EAAE,IAAI,EAAE,SAAS,EAAC,OAAO,gBAAa,KAAK,YAC/C,QAAQ,GACP,CACL,CAAC,CAAC,CAAC,CACF,QAAQ,CACT,EACD,iCAAK,SAAS,EAAC,wEAAwE,aACrF,+BAAI,SAAS,EAAC,mEAAmE,YAC9E,IAAI,CAAC,CAAC,CAAC,CACN,8BAAG,IAAI,EAAE,IAAI,EAAE,SAAS,EAAC,oBAAoB,YAC1C,KAAK,GACJ,CACL,CAAC,CAAC,CAAC,CACF,KAAK,CACN,GACE,EACL,uBAAC,mBAAQ,IACP,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,QAAQ,EAClB,cAAc,EAAE,cAAc,EAC9B,WAAW,EAAE,WAAW,GACxB,EACD,KAAK,CAAC,CAAC,CAAC,CACP,uBAAC,eAAM,IACL,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,IAAI,EACT,OAAO,EAAE,KAAK,EACd,SAAS,EAAC,iCAAiC,YAE1C,QAAQ,GACF,CACV,CAAC,CAAC,CAAC,IAAI,IACJ,IACF,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}

package/dist/commerce/ProductGrid.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+export interface ProductGridProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Max columns on the widest breakpoint (default 4). Responsive down to 1–2. */
+    columns?: 2 | 3 | 4;
+}
+/**
+ * Responsive grid of {@link ProductCard}s. Column count steps up across
+ * breakpoints; gap comes from the theme spacing scale.
+ */
+export declare const ProductGrid: React.ForwardRefExoticComponent<ProductGridProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=ProductGrid.d.ts.map

package/dist/commerce/ProductGrid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductGrid.d.ts","sourceRoot":"","sources":["../../src/commerce/ProductGrid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5E,gFAAgF;IAChF,OAAO,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;CACrB;AASD;;;GAGG;AACH,eAAO,MAAM,WAAW,yFAiBvB,CAAC"}