@xenition/ui 0.1.0

package/dist/native/commerce/CartLineItem.js

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CartLineItem = CartLineItem;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_native_1 = require("react-native");
+const theme_1 = require("../theme");
+const QuantityStepper_1 = require("./QuantityStepper");
+const GenerativeCover_1 = require("./GenerativeCover");
+const money_1 = require("./money");
+/**
+ * One line in a cart — the native mirror of the web `CartLineItem`: 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.
+ */
+function CartLineItem({ title, variantTitle, quantity, unitPriceCents, currency = 'USD', imageUrl, imageAlt, slug, onQuantityChange, onRemove, min = 1, max, removeLabel, formatMoney: format = money_1.formatMoney, style, }) {
+    const { colors, tokens } = (0, theme_1.useXenitionTheme)();
+    const lineTotal = unitPriceCents * quantity;
+    return ((0, jsx_runtime_1.jsxs)(react_native_1.View, { style: [
+            {
+                flexDirection: 'row',
+                alignItems: 'flex-start',
+                gap: tokens.spacing.md,
+                paddingVertical: tokens.spacing.md,
+            },
+            style,
+        ], children: [(0, jsx_runtime_1.jsx)(react_native_1.View, { style: {
+                    width: 64,
+                    height: 64,
+                    overflow: 'hidden',
+                    borderRadius: tokens.radius.md,
+                    borderWidth: 1,
+                    borderColor: colors.border,
+                    backgroundColor: tokens.ramps.neutral[100],
+                }, children: imageUrl ? ((0, jsx_runtime_1.jsx)(react_native_1.Image, { source: { uri: imageUrl }, accessible: true, accessibilityLabel: imageAlt ?? title, resizeMode: "cover", style: { width: '100%', height: '100%' } })) : ((0, jsx_runtime_1.jsx)(GenerativeCover_1.GenerativeCover, { seed: slug ?? title, label: title, style: { width: '100%', height: '100%' } })) }), (0, jsx_runtime_1.jsxs)(react_native_1.View, { style: { flex: 1, minWidth: 0, gap: tokens.spacing.sm }, children: [(0, jsx_runtime_1.jsxs)(react_native_1.View, { children: [(0, jsx_runtime_1.jsx)(react_native_1.Text, { numberOfLines: 1, style: { color: colors.onSurface, fontSize: tokens.typography.scale.sm, fontWeight: '600' }, children: title }), variantTitle ? ((0, jsx_runtime_1.jsx)(react_native_1.Text, { numberOfLines: 1, style: { color: colors.muted, fontSize: tokens.typography.scale.xs }, 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)(react_native_1.Text, { style: { color: colors.muted, fontSize: tokens.typography.scale.xs }, children: ["Qty ", quantity] }))] }), (0, jsx_runtime_1.jsxs)(react_native_1.View, { style: { alignItems: 'flex-end', gap: tokens.spacing.xs }, children: [(0, jsx_runtime_1.jsx)(react_native_1.Text, { style: { color: colors.onSurface, fontSize: tokens.typography.scale.sm, fontWeight: '600' }, children: format(lineTotal, currency) }), onRemove ? ((0, jsx_runtime_1.jsx)(react_native_1.Pressable, { accessibilityRole: "button", accessibilityLabel: removeLabel ?? `Remove ${title}`, onPress: onRemove, children: (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: { color: colors.muted, fontSize: tokens.typography.scale.xs }, children: "Remove" }) })) : null] })] }));
+}
+//# sourceMappingURL=CartLineItem.js.map

package/dist/native/commerce/CartLineItem.js.map

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

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

@@ -0,0 +1,31 @@
+import * as React from 'react';
+import { type StyleProp, type ViewStyle } from 'react-native';
+import { type MoneyFormatter } from './money';
+export interface CartSummaryProps {
+    /** 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;
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * Cart totals block — the native mirror of the web `CartSummary`: subtotal /
+ * shipping / tax / (discount) / total rows plus an optional checkout button.
+ * Every amount is integer cents formatted through {@link formatMoney}. Token-only.
+ */
+export declare function CartSummary({ subtotalCents, shippingCents, taxCents, discountCents, totalCents, currency, onCheckout, checkoutLabel, formatMoney: format, style, }: CartSummaryProps): React.ReactElement;
+//# sourceMappingURL=CartSummary.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CartSummary.d.ts","sourceRoot":"","sources":["../../../src/native/commerce/CartSummary.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAc,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAG1E,OAAO,EAAe,KAAK,cAAc,EAAE,MAAM,SAAS,CAAC;AAE3D,MAAM,WAAW,gBAAgB;IAC/B,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;IAC7B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,EAC1B,aAAa,EACb,aAAa,EACb,QAAQ,EACR,aAAa,EACb,UAAU,EACV,QAAgB,EAChB,UAAU,EACV,aAA0B,EAC1B,WAAW,EAAE,MAAoB,EACjC,KAAK,GACN,EAAE,gBAAgB,GAAG,KAAK,CAAC,YAAY,CAyDvC"}

package/dist/native/commerce/CartSummary.js

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CartSummary = CartSummary;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_native_1 = require("react-native");
+const theme_1 = require("../theme");
+const Button_1 = require("../primitives/Button");
+const money_1 = require("./money");
+/**
+ * Cart totals block — the native mirror of the web `CartSummary`: subtotal /
+ * shipping / tax / (discount) / total rows plus an optional checkout button.
+ * Every amount is integer cents formatted through {@link formatMoney}. Token-only.
+ */
+function CartSummary({ subtotalCents, shippingCents, taxCents, discountCents, totalCents, currency = 'USD', onCheckout, checkoutLabel = 'Checkout', formatMoney: format = money_1.formatMoney, style, }) {
+    const { colors, tokens } = (0, theme_1.useXenitionTheme)();
+    const Row = ({ label, value }) => ((0, jsx_runtime_1.jsxs)(react_native_1.View, { style: { flexDirection: 'row', justifyContent: 'space-between', alignItems: 'baseline' }, children: [(0, jsx_runtime_1.jsx)(react_native_1.Text, { style: { color: colors.muted, fontSize: tokens.typography.scale.sm }, children: label }), (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: { color: colors.onSurface, fontSize: tokens.typography.scale.sm }, children: value })] }));
+    return ((0, jsx_runtime_1.jsxs)(react_native_1.View, { style: [
+            {
+                gap: tokens.spacing.sm,
+                borderRadius: tokens.radius.lg,
+                borderWidth: 1,
+                borderColor: colors.border,
+                backgroundColor: colors.surface,
+                padding: tokens.spacing.lg,
+            },
+            style,
+        ], children: [(0, jsx_runtime_1.jsx)(Row, { label: "Subtotal", value: format(subtotalCents, currency) }), typeof shippingCents === 'number' ? ((0, jsx_runtime_1.jsx)(Row, { label: "Shipping", value: shippingCents === 0 ? 'Free' : format(shippingCents, currency) })) : null, typeof taxCents === 'number' ? (0, jsx_runtime_1.jsx)(Row, { label: "Tax", value: format(taxCents, currency) }) : null, typeof discountCents === 'number' && discountCents > 0 ? ((0, jsx_runtime_1.jsx)(Row, { label: "Discount", value: `−${format(discountCents, currency)}` })) : null, (0, jsx_runtime_1.jsxs)(react_native_1.View, { style: {
+                    marginTop: tokens.spacing.xs,
+                    borderTopWidth: 1,
+                    borderTopColor: colors.border,
+                    paddingTop: tokens.spacing.sm,
+                    flexDirection: 'row',
+                    justifyContent: 'space-between',
+                    alignItems: 'baseline',
+                }, children: [(0, jsx_runtime_1.jsx)(react_native_1.Text, { style: { color: colors.onSurface, fontSize: tokens.typography.scale.base, fontWeight: '600' }, children: "Total" }), (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: { color: colors.onSurface, fontSize: tokens.typography.scale.base, fontWeight: '600' }, children: format(totalCents, currency) })] }), onCheckout ? ((0, jsx_runtime_1.jsx)(Button_1.Button, { size: "md", onPress: onCheckout, style: { marginTop: tokens.spacing.sm }, children: checkoutLabel })) : null] }));
+}
+//# sourceMappingURL=CartSummary.js.map

package/dist/native/commerce/CartSummary.js.map

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

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

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import { type StyleProp, type ViewStyle } from 'react-native';
+export interface EmptyStateProps {
+    /** 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;
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * Generic empty / no-results state — the native mirror of the web
+ * `EmptyState`. Centered icon slot, muted copy, optional action. Token-only
+ * (dashed `border`, `surface` background, `muted` text). Domain-agnostic.
+ */
+export declare function EmptyState({ icon, title, description, action, style, }: EmptyStateProps): React.ReactElement;
+//# sourceMappingURL=EmptyState.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.d.ts","sourceRoot":"","sources":["../../../src/native/commerce/EmptyState.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAc,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAG1E,MAAM,WAAW,eAAe;IAC9B,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;IACzB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,KAAK,EACL,WAAW,EACX,MAAM,EACN,KAAK,GACN,EAAE,eAAe,GAAG,KAAK,CAAC,YAAY,CAsDtC"}

package/dist/native/commerce/EmptyState.js

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EmptyState = EmptyState;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_native_1 = require("react-native");
+const theme_1 = require("../theme");
+/**
+ * Generic empty / no-results state — the native mirror of the web
+ * `EmptyState`. Centered icon slot, muted copy, optional action. Token-only
+ * (dashed `border`, `surface` background, `muted` text). Domain-agnostic.
+ */
+function EmptyState({ icon, title, description, action, style, }) {
+    const { colors, tokens } = (0, theme_1.useXenitionTheme)();
+    return ((0, jsx_runtime_1.jsxs)(react_native_1.View, { style: [
+            {
+                alignItems: 'center',
+                justifyContent: 'center',
+                gap: tokens.spacing.sm,
+                borderRadius: tokens.radius.lg,
+                borderWidth: 1,
+                borderStyle: 'dashed',
+                borderColor: colors.border,
+                backgroundColor: colors.surface,
+                paddingHorizontal: tokens.spacing.lg,
+                paddingVertical: tokens.spacing['2xl'],
+            },
+            style,
+        ], children: [icon ? (0, jsx_runtime_1.jsx)(react_native_1.View, { children: icon }) : null, typeof title === 'string' ? ((0, jsx_runtime_1.jsx)(react_native_1.Text, { style: {
+                    color: colors.onSurface,
+                    fontSize: tokens.typography.scale.base,
+                    fontWeight: '600',
+                    textAlign: 'center',
+                }, children: title })) : (title), description ? (typeof description === 'string' ? ((0, jsx_runtime_1.jsx)(react_native_1.Text, { style: {
+                    color: colors.muted,
+                    fontSize: tokens.typography.scale.sm,
+                    textAlign: 'center',
+                    maxWidth: 320,
+                }, children: description })) : (description)) : null, action ? (0, jsx_runtime_1.jsx)(react_native_1.View, { style: { marginTop: tokens.spacing.sm }, children: action }) : null] }));
+}
+//# sourceMappingURL=EmptyState.js.map

package/dist/native/commerce/EmptyState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.js","sourceRoot":"","sources":["../../../src/native/commerce/EmptyState.tsx"],"names":[],"mappings":";;AAqBA,gCA4DC;;AAhFD,+CAA0E;AAC1E,oCAA4C;AAc5C;;;;GAIG;AACH,SAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,KAAK,EACL,WAAW,EACX,MAAM,EACN,KAAK,GACW;IAChB,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,IAAA,wBAAgB,GAAE,CAAC;IAC9C,OAAO,CACL,wBAAC,mBAAI,IACH,KAAK,EAAE;YACL;gBACE,UAAU,EAAE,QAAQ;gBACpB,cAAc,EAAE,QAAQ;gBACxB,GAAG,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE;gBACtB,YAAY,EAAE,MAAM,CAAC,MAAM,CAAC,EAAE;gBAC9B,WAAW,EAAE,CAAC;gBACd,WAAW,EAAE,QAAQ;gBACrB,WAAW,EAAE,MAAM,CAAC,MAAM;gBAC1B,eAAe,EAAE,MAAM,CAAC,OAAO;gBAC/B,iBAAiB,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE;gBACpC,eAAe,EAAE,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC;aACvC;YACD,KAAK;SACN,aAEA,IAAI,CAAC,CAAC,CAAC,uBAAC,mBAAI,cAAE,IAAI,GAAQ,CAAC,CAAC,CAAC,IAAI,EACjC,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,CAC3B,uBAAC,mBAAI,IACH,KAAK,EAAE;oBACL,KAAK,EAAE,MAAM,CAAC,SAAS;oBACvB,QAAQ,EAAE,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,IAAI;oBACtC,UAAU,EAAE,KAAK;oBACjB,SAAS,EAAE,QAAQ;iBACpB,YAEA,KAAK,GACD,CACR,CAAC,CAAC,CAAC,CACF,KAAK,CACN,EACA,WAAW,CAAC,CAAC,CAAC,CACb,OAAO,WAAW,KAAK,QAAQ,CAAC,CAAC,CAAC,CAChC,uBAAC,mBAAI,IACH,KAAK,EAAE;oBACL,KAAK,EAAE,MAAM,CAAC,KAAK;oBACnB,QAAQ,EAAE,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE;oBACpC,SAAS,EAAE,QAAQ;oBACnB,QAAQ,EAAE,GAAG;iBACd,YAEA,WAAW,GACP,CACR,CAAC,CAAC,CAAC,CACF,WAAW,CACZ,CACF,CAAC,CAAC,CAAC,IAAI,EACP,MAAM,CAAC,CAAC,CAAC,uBAAC,mBAAI,IAAC,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE,EAAE,YAAG,MAAM,GAAQ,CAAC,CAAC,CAAC,IAAI,IAC1E,CACR,CAAC;AACJ,CAAC"}

package/dist/native/commerce/GenerativeCover.d.ts

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { type StyleProp, type ViewStyle } from 'react-native';
+export interface GenerativeCoverProps {
+    /** Stable seed — same seed yields the same cover (product slug/title). */
+    seed: string;
+    /** Optional label rendered over the art (product initials fallback). */
+    label?: string;
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * Native cover-art placeholder drawn when a product has no image — the native
+ * counterpart of the web `GenerativeCover`. A deterministic two-token gradient
+ * (seeded from the product slug) via `expo-linear-gradient`, with the product
+ * initials overlaid. Token-only: both gradient stops are compiled ramp steps,
+ * so it restyles from the seed and works in light + dark.
+ */
+export declare function GenerativeCover({ seed, label, style, }: GenerativeCoverProps): React.ReactElement;
+//# sourceMappingURL=GenerativeCover.d.ts.map

package/dist/native/commerce/GenerativeCover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GenerativeCover.d.ts","sourceRoot":"","sources":["../../../src/native/commerce/GenerativeCover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAc,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAI1E,MAAM,WAAW,oBAAoB;IACnC,0EAA0E;IAC1E,IAAI,EAAE,MAAM,CAAC;IACb,wEAAwE;IACxE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAqBD;;;;;;GAMG;AACH,wBAAgB,eAAe,CAAC,EAC9B,IAAI,EACJ,KAAK,EACL,KAAK,GACN,EAAE,oBAAoB,GAAG,KAAK,CAAC,YAAY,CAuC3C"}

package/dist/native/commerce/GenerativeCover.js

@@ -0,0 +1,51 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GenerativeCover = GenerativeCover;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_native_1 = require("react-native");
+const theme_1 = require("../theme");
+const Gradient_1 = require("./internal/Gradient");
+/** Deterministic FNV-1a hash → stable per-seed geometry. */
+function hashSeed(seed) {
+    let h = 2166136261;
+    for (let i = 0; i < seed.length; i += 1) {
+        h ^= seed.charCodeAt(i);
+        h = Math.imul(h, 16777619);
+    }
+    return h >>> 0;
+}
+function initials(label) {
+    return label
+        .split(/\s+/)
+        .filter(Boolean)
+        .slice(0, 2)
+        .map((w) => w[0].toUpperCase())
+        .join('');
+}
+/**
+ * Native cover-art placeholder drawn when a product has no image — the native
+ * counterpart of the web `GenerativeCover`. A deterministic two-token gradient
+ * (seeded from the product slug) via `expo-linear-gradient`, with the product
+ * initials overlaid. Token-only: both gradient stops are compiled ramp steps,
+ * so it restyles from the seed and works in light + dark.
+ */
+function GenerativeCover({ seed, label, style, }) {
+    const { tokens, colors } = (0, theme_1.useXenitionTheme)();
+    const h = hashSeed(seed);
+    // Pick two ramp steps deterministically from primary + accent.
+    const primarySteps = [300, 400, 500, 600];
+    const accentSteps = [400, 500, 600, 700];
+    const from = tokens.ramps.primary[primarySteps[h % primarySteps.length]];
+    const to = tokens.ramps.accent[accentSteps[(h >> 3) % accentSteps.length]];
+    return ((0, jsx_runtime_1.jsx)(Gradient_1.Gradient, { colors: [from, to], start: { x: 0, y: 0 }, end: { x: 1, y: 1 }, style: [{ flex: 1, alignItems: 'center', justifyContent: 'center' }, style], children: label ? ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: {
+                alignItems: 'center',
+                justifyContent: 'center',
+                paddingHorizontal: tokens.spacing.sm,
+            }, children: (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: {
+                    color: colors.onPrimary,
+                    fontSize: tokens.typography.scale.xl,
+                    fontWeight: '700',
+                    opacity: 0.9,
+                }, children: initials(label) }) })) : null }));
+}
+//# sourceMappingURL=GenerativeCover.js.map

package/dist/native/commerce/GenerativeCover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GenerativeCover.js","sourceRoot":"","sources":["../../../src/native/commerce/GenerativeCover.tsx"],"names":[],"mappings":";;AAuCA,0CA2CC;;AAjFD,+CAA0E;AAC1E,oCAA4C;AAC5C,kDAA+C;AAU/C,4DAA4D;AAC5D,SAAS,QAAQ,CAAC,IAAY;IAC5B,IAAI,CAAC,GAAG,UAAU,CAAC;IACnB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC;QACxC,CAAC,IAAI,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;QACxB,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAC;IAC7B,CAAC;IACD,OAAO,CAAC,KAAK,CAAC,CAAC;AACjB,CAAC;AAED,SAAS,QAAQ,CAAC,KAAa;IAC7B,OAAO,KAAK;SACT,KAAK,CAAC,KAAK,CAAC;SACZ,MAAM,CAAC,OAAO,CAAC;SACf,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC;SACX,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAE,CAAC,WAAW,EAAE,CAAC;SAC/B,IAAI,CAAC,EAAE,CAAC,CAAC;AACd,CAAC;AAED;;;;;;GAMG;AACH,SAAgB,eAAe,CAAC,EAC9B,IAAI,EACJ,KAAK,EACL,KAAK,GACgB;IACrB,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,IAAA,wBAAgB,GAAE,CAAC;IAC9C,MAAM,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAEzB,+DAA+D;IAC/D,MAAM,YAAY,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAU,CAAC;IACnD,MAAM,WAAW,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAU,CAAC;IAClD,MAAM,IAAI,GAAG,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,GAAG,YAAY,CAAC,MAAM,CAAE,CAAC,CAAC;IAC1E,MAAM,EAAE,GAAG,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,GAAG,WAAW,CAAC,MAAM,CAAE,CAAC,CAAC;IAE5E,OAAO,CACL,uBAAC,mBAAQ,IACP,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,EAClB,KAAK,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EACrB,GAAG,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EACnB,KAAK,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,cAAc,EAAE,QAAQ,EAAE,EAAE,KAAK,CAAC,YAE1E,KAAK,CAAC,CAAC,CAAC,CACP,uBAAC,mBAAI,IACH,KAAK,EAAE;gBACL,UAAU,EAAE,QAAQ;gBACpB,cAAc,EAAE,QAAQ;gBACxB,iBAAiB,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE;aACrC,YAED,uBAAC,mBAAI,IACH,KAAK,EAAE;oBACL,KAAK,EAAE,MAAM,CAAC,SAAS;oBACvB,QAAQ,EAAE,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE;oBACpC,UAAU,EAAE,KAAK;oBACjB,OAAO,EAAE,GAAG;iBACb,YAEA,QAAQ,CAAC,KAAK,CAAC,GACX,GACF,CACR,CAAC,CAAC,CAAC,IAAI,GACC,CACZ,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,46 @@
+import * as React from 'react';
+import { type StyleProp, type ViewStyle } from 'react-native';
+import { type OrderStatus } from './StatusBadge';
+import { type 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 {
+    /** 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;
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * Read-only recap of a placed (or about-to-be-placed) order — the native
+ * mirror of the web `OrderSummary` / `CheckoutSummary`: line items with
+ * per-line totals, the subtotal/shipping/tax/total rows, and an optional status
+ * badge. No interactivity. Token-only; money is integer cents throughout.
+ */
+export declare function OrderSummary({ items, subtotalCents, shippingCents, taxCents, totalCents, currency, status, orderNumber, title, formatMoney: format, style, }: OrderSummaryProps): React.ReactElement;
+export { OrderSummary as CheckoutSummary };
+//# sourceMappingURL=OrderSummary.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OrderSummary.d.ts","sourceRoot":"","sources":["../../../src/native/commerce/OrderSummary.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAc,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAE1E,OAAO,EAAe,KAAK,WAAW,EAAE,MAAM,eAAe,CAAC;AAC9D,OAAO,EAAe,KAAK,cAAc,EAAE,MAAM,SAAS,CAAC;AAE3D,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,iBAAiB;IAChC,+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;IAC7B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED;;;;;GAKG;AACH,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,aAAa,EACb,aAAa,EACb,QAAQ,EACR,UAAU,EACV,QAAgB,EAChB,MAAM,EACN,WAAW,EACX,KAAuB,EACvB,WAAW,EAAE,MAAoB,EACjC,KAAK,GACN,EAAE,iBAAiB,GAAG,KAAK,CAAC,YAAY,CAyFxC;AAED,OAAO,EAAE,YAAY,IAAI,eAAe,EAAE,CAAC"}

package/dist/native/commerce/OrderSummary.js

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.OrderSummary = OrderSummary;
+exports.CheckoutSummary = OrderSummary;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_native_1 = require("react-native");
+const theme_1 = require("../theme");
+const StatusBadge_1 = require("./StatusBadge");
+const money_1 = require("./money");
+/**
+ * Read-only recap of a placed (or about-to-be-placed) order — the native
+ * mirror of the web `OrderSummary` / `CheckoutSummary`: line items with
+ * per-line totals, the subtotal/shipping/tax/total rows, and an optional status
+ * badge. No interactivity. Token-only; money is integer cents throughout.
+ */
+function OrderSummary({ items, subtotalCents, shippingCents, taxCents, totalCents, currency = 'USD', status, orderNumber, title = 'Order summary', formatMoney: format = money_1.formatMoney, style, }) {
+    const { colors, tokens } = (0, theme_1.useXenitionTheme)();
+    const Row = ({ label, value }) => ((0, jsx_runtime_1.jsxs)(react_native_1.View, { style: { flexDirection: 'row', justifyContent: 'space-between', alignItems: 'baseline' }, children: [(0, jsx_runtime_1.jsx)(react_native_1.Text, { style: { color: colors.muted, fontSize: tokens.typography.scale.sm }, children: label }), (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: { color: colors.onSurface, fontSize: tokens.typography.scale.sm }, children: value })] }));
+    return ((0, jsx_runtime_1.jsxs)(react_native_1.View, { style: [
+            {
+                gap: tokens.spacing.md,
+                borderRadius: tokens.radius.lg,
+                borderWidth: 1,
+                borderColor: colors.border,
+                backgroundColor: colors.surface,
+                padding: tokens.spacing.lg,
+            },
+            style,
+        ], children: [(0, jsx_runtime_1.jsxs)(react_native_1.View, { style: { flexDirection: 'row', justifyContent: 'space-between', alignItems: 'flex-start', gap: tokens.spacing.md }, children: [(0, jsx_runtime_1.jsxs)(react_native_1.View, { children: [typeof title === 'string' ? ((0, jsx_runtime_1.jsx)(react_native_1.Text, { style: { color: colors.onSurface, fontSize: tokens.typography.scale.base, fontWeight: '600' }, children: title })) : (title), orderNumber ? ((0, jsx_runtime_1.jsxs)(react_native_1.Text, { style: { color: colors.muted, fontSize: tokens.typography.scale.xs }, children: ["#", orderNumber] })) : null] }), status ? (0, jsx_runtime_1.jsx)(StatusBadge_1.StatusBadge, { status: status }) : null] }), (0, jsx_runtime_1.jsx)(react_native_1.View, { children: items.map((item, i) => ((0, jsx_runtime_1.jsxs)(react_native_1.View, { style: {
+                        flexDirection: 'row',
+                        justifyContent: 'space-between',
+                        alignItems: 'flex-start',
+                        gap: tokens.spacing.md,
+                        paddingVertical: tokens.spacing.sm,
+                        borderTopWidth: i === 0 ? 0 : 1,
+                        borderTopColor: colors.border,
+                    }, children: [(0, jsx_runtime_1.jsxs)(react_native_1.View, { style: { flex: 1, minWidth: 0 }, children: [(0, jsx_runtime_1.jsx)(react_native_1.Text, { numberOfLines: 1, style: { color: colors.onSurface, fontSize: tokens.typography.scale.sm }, children: item.title }), item.variantTitle ? ((0, jsx_runtime_1.jsx)(react_native_1.Text, { numberOfLines: 1, style: { color: colors.muted, fontSize: tokens.typography.scale.xs }, children: item.variantTitle })) : null, (0, jsx_runtime_1.jsxs)(react_native_1.Text, { style: { color: colors.muted, fontSize: tokens.typography.scale.xs }, children: ["Qty ", item.quantity] })] }), (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: { color: colors.onSurface, fontSize: tokens.typography.scale.sm }, children: format(item.unitPriceCents * item.quantity, currency) })] }, i))) }), (0, jsx_runtime_1.jsxs)(react_native_1.View, { style: { gap: tokens.spacing.xs, borderTopWidth: 1, borderTopColor: colors.border, paddingTop: tokens.spacing.sm }, children: [(0, jsx_runtime_1.jsx)(Row, { label: "Subtotal", value: format(subtotalCents, currency) }), typeof shippingCents === 'number' ? ((0, jsx_runtime_1.jsx)(Row, { label: "Shipping", value: shippingCents === 0 ? 'Free' : format(shippingCents, currency) })) : null, typeof taxCents === 'number' ? (0, jsx_runtime_1.jsx)(Row, { label: "Tax", value: format(taxCents, currency) }) : null, (0, jsx_runtime_1.jsxs)(react_native_1.View, { style: { flexDirection: 'row', justifyContent: 'space-between', alignItems: 'baseline', paddingTop: tokens.spacing.xs }, children: [(0, jsx_runtime_1.jsx)(react_native_1.Text, { style: { color: colors.onSurface, fontSize: tokens.typography.scale.base, fontWeight: '600' }, children: "Total" }), (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: { color: colors.onSurface, fontSize: tokens.typography.scale.base, fontWeight: '600' }, children: format(totalCents, currency) })] })] })] }));
+}
+//# sourceMappingURL=OrderSummary.js.map

package/dist/native/commerce/OrderSummary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrderSummary.js","sourceRoot":"","sources":["../../../src/native/commerce/OrderSummary.tsx"],"names":[],"mappings":";;AA+CA,oCAqGC;AAEwB,uCAAe;;AArJxC,+CAA0E;AAC1E,oCAA4C;AAC5C,+CAA8D;AAC9D,mCAA2D;AAqC3D;;;;;GAKG;AACH,SAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,aAAa,EACb,aAAa,EACb,QAAQ,EACR,UAAU,EACV,QAAQ,GAAG,KAAK,EAChB,MAAM,EACN,WAAW,EACX,KAAK,GAAG,eAAe,EACvB,WAAW,EAAE,MAAM,GAAG,mBAAW,EACjC,KAAK,GACa;IAClB,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,IAAA,wBAAgB,GAAE,CAAC;IAE9C,MAAM,GAAG,GAAG,CAAC,EAAE,KAAK,EAAE,KAAK,EAAoC,EAAsB,EAAE,CAAC,CACtF,wBAAC,mBAAI,IAAC,KAAK,EAAE,EAAE,aAAa,EAAE,KAAK,EAAE,cAAc,EAAE,eAAe,EAAE,UAAU,EAAE,UAAU,EAAE,aAC5F,uBAAC,mBAAI,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,QAAQ,EAAE,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,EAAE,YAAG,KAAK,GAAQ,EAC1F,uBAAC,mBAAI,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,CAAC,SAAS,EAAE,QAAQ,EAAE,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,EAAE,YAAG,KAAK,GAAQ,IACzF,CACR,CAAC;IAEF,OAAO,CACL,wBAAC,mBAAI,IACH,KAAK,EAAE;YACL;gBACE,GAAG,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE;gBACtB,YAAY,EAAE,MAAM,CAAC,MAAM,CAAC,EAAE;gBAC9B,WAAW,EAAE,CAAC;gBACd,WAAW,EAAE,MAAM,CAAC,MAAM;gBAC1B,eAAe,EAAE,MAAM,CAAC,OAAO;gBAC/B,OAAO,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE;aAC3B;YACD,KAAK;SACN,aAED,wBAAC,mBAAI,IAAC,KAAK,EAAE,EAAE,aAAa,EAAE,KAAK,EAAE,cAAc,EAAE,eAAe,EAAE,UAAU,EAAE,YAAY,EAAE,GAAG,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE,EAAE,aACtH,wBAAC,mBAAI,eACF,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,CAC3B,uBAAC,mBAAI,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,CAAC,SAAS,EAAE,QAAQ,EAAE,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,YAChG,KAAK,GACD,CACR,CAAC,CAAC,CAAC,CACF,KAAK,CACN,EACA,WAAW,CAAC,CAAC,CAAC,CACb,wBAAC,mBAAI,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,QAAQ,EAAE,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,EAAE,kBAAI,WAAW,IAAQ,CAClG,CAAC,CAAC,CAAC,IAAI,IACH,EACN,MAAM,CAAC,CAAC,CAAC,uBAAC,yBAAW,IAAC,MAAM,EAAE,MAAM,GAAI,CAAC,CAAC,CAAC,IAAI,IAC3C,EAEP,uBAAC,mBAAI,cACF,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CACtB,wBAAC,mBAAI,IAEH,KAAK,EAAE;wBACL,aAAa,EAAE,KAAK;wBACpB,cAAc,EAAE,eAAe;wBAC/B,UAAU,EAAE,YAAY;wBACxB,GAAG,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE;wBACtB,eAAe,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE;wBAClC,cAAc,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;wBAC/B,cAAc,EAAE,MAAM,CAAC,MAAM;qBAC9B,aAED,wBAAC,mBAAI,IAAC,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAE,aACnC,uBAAC,mBAAI,IAAC,aAAa,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,CAAC,SAAS,EAAE,QAAQ,EAAE,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,EAAE,YAC7F,IAAI,CAAC,KAAK,GACN,EACN,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,CACnB,uBAAC,mBAAI,IAAC,aAAa,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,QAAQ,EAAE,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,EAAE,YACzF,IAAI,CAAC,YAAY,GACb,CACR,CAAC,CAAC,CAAC,IAAI,EACR,wBAAC,mBAAI,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,QAAQ,EAAE,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,EAAE,qBACnE,IAAI,CAAC,QAAQ,IACb,IACF,EACP,uBAAC,mBAAI,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,CAAC,SAAS,EAAE,QAAQ,EAAE,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,EAAE,YAC3E,MAAM,CAAC,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,QAAQ,EAAE,QAAQ,CAAC,GACjD,KA1BF,CAAC,CA2BD,CACR,CAAC,GACG,EAEP,wBAAC,mBAAI,IAAC,KAAK,EAAE,EAAE,GAAG,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE,EAAE,cAAc,EAAE,CAAC,EAAE,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,UAAU,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE,EAAE,aACtH,uBAAC,GAAG,IAAC,KAAK,EAAC,UAAU,EAAC,KAAK,EAAE,MAAM,CAAC,aAAa,EAAE,QAAQ,CAAC,GAAI,EAC/D,OAAO,aAAa,KAAK,QAAQ,CAAC,CAAC,CAAC,CACnC,uBAAC,GAAG,IAAC,KAAK,EAAC,UAAU,EAAC,KAAK,EAAE,aAAa,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,aAAa,EAAE,QAAQ,CAAC,GAAI,CAChG,CAAC,CAAC,CAAC,IAAI,EACP,OAAO,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,uBAAC,GAAG,IAAC,KAAK,EAAC,KAAK,EAAC,KAAK,EAAE,MAAM,CAAC,QAAQ,EAAE,QAAQ,CAAC,GAAI,CAAC,CAAC,CAAC,IAAI,EAC7F,wBAAC,mBAAI,IAAC,KAAK,EAAE,EAAE,aAAa,EAAE,KAAK,EAAE,cAAc,EAAE,eAAe,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE,EAAE,aAC3H,uBAAC,mBAAI,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,CAAC,SAAS,EAAE,QAAQ,EAAE,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,sBAAc,EACjH,uBAAC,mBAAI,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,CAAC,SAAS,EAAE,QAAQ,EAAE,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,YAChG,MAAM,CAAC,UAAU,EAAE,QAAQ,CAAC,GACxB,IACF,IACF,IACF,CACR,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,24 @@
+import * as React from 'react';
+import { type StyleProp, type ViewStyle } from 'react-native';
+import { type MoneyFormatter } from './money';
+export interface PriceTagProps {
+    /** Current price in integer cents. */
+    cents: number;
+    /** ISO 4217 currency code (default `USD`). */
+    currency?: string;
+    /** Optional "was" price in cents; struck through when higher than `cents`. */
+    compareAtCents?: number;
+    /** Override the cents → string formatter (locale control). */
+    formatMoney?: MoneyFormatter;
+    /** Visual scale of the current price (default `md`). */
+    size?: 'sm' | 'md' | 'lg';
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * Formatted price with an optional strikethrough "compare-at" — the native
+ * mirror of the web `PriceTag`. All money is integer cents formatted through
+ * {@link formatMoney} (overridable via `formatMoney`). Token-only: the current
+ * price reads `on-surface`, the struck original is `muted`.
+ */
+export declare function PriceTag({ cents, currency, compareAtCents, formatMoney: format, size, style, }: PriceTagProps): React.ReactElement;
+//# sourceMappingURL=PriceTag.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PriceTag.d.ts","sourceRoot":"","sources":["../../../src/native/commerce/PriceTag.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAc,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAE1E,OAAO,EAAe,KAAK,cAAc,EAAE,MAAM,SAAS,CAAC;AAE3D,MAAM,WAAW,aAAa;IAC5B,sCAAsC;IACtC,KAAK,EAAE,MAAM,CAAC;IACd,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,8EAA8E;IAC9E,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,8DAA8D;IAC9D,WAAW,CAAC,EAAE,cAAc,CAAC;IAC7B,wDAAwD;IACxD,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAQD;;;;;GAKG;AACH,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,QAAgB,EAChB,cAAc,EACd,WAAW,EAAE,MAAoB,EACjC,IAAW,EACX,KAAK,GACN,EAAE,aAAa,GAAG,KAAK,CAAC,YAAY,CA8BpC"}

package/dist/native/commerce/PriceTag.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PriceTag = PriceTag;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_native_1 = require("react-native");
+const theme_1 = require("../theme");
+const money_1 = require("./money");
+const SIZE_KEY = {
+    sm: 'sm',
+    md: 'base',
+    lg: 'xl',
+};
+/**
+ * Formatted price with an optional strikethrough "compare-at" — the native
+ * mirror of the web `PriceTag`. All money is integer cents formatted through
+ * {@link formatMoney} (overridable via `formatMoney`). Token-only: the current
+ * price reads `on-surface`, the struck original is `muted`.
+ */
+function PriceTag({ cents, currency = 'USD', compareAtCents, formatMoney: format = money_1.formatMoney, size = 'md', style, }) {
+    const { colors, tokens } = (0, theme_1.useXenitionTheme)();
+    const hasCompare = typeof compareAtCents === 'number' && compareAtCents > cents;
+    return ((0, jsx_runtime_1.jsxs)(react_native_1.View, { style: [{ flexDirection: 'row', alignItems: 'baseline', gap: tokens.spacing.xs }, style], children: [(0, jsx_runtime_1.jsx)(react_native_1.Text, { style: {
+                    color: colors.onSurface,
+                    fontSize: tokens.typography.scale[SIZE_KEY[size]],
+                    fontWeight: '600',
+                }, children: format(cents, currency) }), hasCompare ? ((0, jsx_runtime_1.jsx)(react_native_1.Text, { style: {
+                    color: colors.muted,
+                    fontSize: tokens.typography.scale.sm,
+                    textDecorationLine: 'line-through',
+                }, children: format(compareAtCents, currency) })) : null] }));
+}
+//# sourceMappingURL=PriceTag.js.map

package/dist/native/commerce/PriceTag.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PriceTag.js","sourceRoot":"","sources":["../../../src/native/commerce/PriceTag.tsx"],"names":[],"mappings":";;AA+BA,4BAqCC;;AAnED,+CAA0E;AAC1E,oCAA4C;AAC5C,mCAA2D;AAgB3D,MAAM,QAAQ,GAAqE;IACjF,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,MAAM;IACV,EAAE,EAAE,IAAI;CACT,CAAC;AAEF;;;;;GAKG;AACH,SAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,QAAQ,GAAG,KAAK,EAChB,cAAc,EACd,WAAW,EAAE,MAAM,GAAG,mBAAW,EACjC,IAAI,GAAG,IAAI,EACX,KAAK,GACS;IACd,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,IAAA,wBAAgB,GAAE,CAAC;IAC9C,MAAM,UAAU,GAAG,OAAO,cAAc,KAAK,QAAQ,IAAI,cAAc,GAAG,KAAK,CAAC;IAEhF,OAAO,CACL,wBAAC,mBAAI,IACH,KAAK,EAAE,CAAC,EAAE,aAAa,EAAE,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,GAAG,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE,EAAE,EAAE,KAAK,CAAC,aAExF,uBAAC,mBAAI,IACH,KAAK,EAAE;oBACL,KAAK,EAAE,MAAM,CAAC,SAAS;oBACvB,QAAQ,EAAE,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;oBACjD,UAAU,EAAE,KAAK;iBAClB,YAEA,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GACnB,EACN,UAAU,CAAC,CAAC,CAAC,CACZ,uBAAC,mBAAI,IACH,KAAK,EAAE;oBACL,KAAK,EAAE,MAAM,CAAC,KAAK;oBACnB,QAAQ,EAAE,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE;oBACpC,kBAAkB,EAAE,cAAc;iBACnC,YAEA,MAAM,CAAC,cAAwB,EAAE,QAAQ,CAAC,GACtC,CACR,CAAC,CAAC,CAAC,IAAI,IACH,CACR,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,36 @@
+import * as React from 'react';
+import { type StyleProp, type ViewStyle } from 'react-native';
+import type { MoneyFormatter } from './money';
+export interface ProductCardProps {
+    /** 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 / accessibility text for the image (defaults to the title). */
+    imageAlt?: string;
+    /** Stable id used to seed the cover fallback (defaults to the title). */
+    slug?: string;
+    /** Press handler for the whole card (native equivalent of the web `href`). */
+    onPress?: () => void;
+    /** 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;
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * Catalog product tile — the native mirror of the web `ProductCard`: media
+ * (image, or a seeded {@link GenerativeCover} when `imageUrl` is absent),
+ * title, {@link PriceTag}, and an optional add button. The whole card is
+ * pressable via `onPress` (native's `href`). Token-only.
+ */
+export declare function ProductCard({ title, priceCents, currency, compareAtCents, imageUrl, imageAlt, slug, onPress, onAdd, addLabel, formatMoney, style, }: ProductCardProps): React.ReactElement;
+//# sourceMappingURL=ProductCard.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProductCard.d.ts","sourceRoot":"","sources":["../../../src/native/commerce/ProductCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAKL,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAKtB,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAE9C,MAAM,WAAW,gBAAgB;IAC/B,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,sEAAsE;IACtE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,yEAAyE;IACzE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,8EAA8E;IAC9E,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,gEAAgE;IAChE,KAAK,CAAC,EAAE,MAAM,IAAI,CAAC;IACnB,gDAAgD;IAChD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,6CAA6C;IAC7C,WAAW,CAAC,EAAE,cAAc,CAAC;IAC7B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED;;;;;GAKG;AACH,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,UAAU,EACV,QAAgB,EAChB,cAAc,EACd,QAAQ,EACR,QAAQ,EACR,IAAI,EACJ,OAAO,EACP,KAAK,EACL,QAAwB,EACxB,WAAW,EACX,KAAK,GACN,EAAE,gBAAgB,GAAG,KAAK,CAAC,YAAY,CA0EvC"}

package/dist/native/commerce/ProductCard.js

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ProductCard = ProductCard;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_native_1 = require("react-native");
+const theme_1 = require("../theme");
+const Button_1 = require("../primitives/Button");
+const PriceTag_1 = require("./PriceTag");
+const GenerativeCover_1 = require("./GenerativeCover");
+/**
+ * Catalog product tile — the native mirror of the web `ProductCard`: media
+ * (image, or a seeded {@link GenerativeCover} when `imageUrl` is absent),
+ * title, {@link PriceTag}, and an optional add button. The whole card is
+ * pressable via `onPress` (native's `href`). Token-only.
+ */
+function ProductCard({ title, priceCents, currency = 'USD', compareAtCents, imageUrl, imageAlt, slug, onPress, onAdd, addLabel = 'Add to cart', formatMoney, style, }) {
+    const { colors, tokens } = (0, theme_1.useXenitionTheme)();
+    const media = ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: { aspectRatio: 4 / 5, width: '100%', backgroundColor: tokens.ramps.neutral[100] }, children: imageUrl ? ((0, jsx_runtime_1.jsx)(react_native_1.Image, { source: { uri: imageUrl }, accessible: true, accessibilityLabel: imageAlt ?? title, resizeMode: "cover", style: { width: '100%', height: '100%' } })) : ((0, jsx_runtime_1.jsx)(GenerativeCover_1.GenerativeCover, { seed: slug ?? title, label: title, style: { width: '100%', height: '100%' } })) }));
+    const body = ((0, jsx_runtime_1.jsxs)(react_native_1.View, { style: { flex: 1, gap: tokens.spacing.sm, padding: tokens.spacing.md }, children: [(0, jsx_runtime_1.jsx)(react_native_1.Text, { numberOfLines: 2, style: { color: colors.onSurface, fontSize: tokens.typography.scale.base, fontWeight: '600' }, children: 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, { size: "sm", onPress: onAdd, style: { marginTop: tokens.spacing.xs }, children: addLabel })) : null] }));
+    const inner = ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [media, body] }));
+    const containerStyle = [
+        {
+            flex: 1,
+            overflow: 'hidden',
+            borderRadius: tokens.radius.lg,
+            borderWidth: 1,
+            borderColor: colors.border,
+            backgroundColor: colors.surface,
+        },
+        style,
+    ];
+    if (onPress) {
+        return ((0, jsx_runtime_1.jsx)(react_native_1.Pressable, { accessibilityRole: "button", accessibilityLabel: title, onPress: onPress, style: ({ pressed }) => [containerStyle, { opacity: pressed ? 0.9 : 1 }], children: inner }));
+    }
+    return (0, jsx_runtime_1.jsx)(react_native_1.View, { style: containerStyle, children: inner });
+}
+//# sourceMappingURL=ProductCard.js.map

package/dist/native/commerce/ProductCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductCard.js","sourceRoot":"","sources":["../../../src/native/commerce/ProductCard.tsx"],"names":[],"mappings":";;AA+CA,kCAuFC;;AArID,+CAOsB;AACtB,oCAA4C;AAC5C,iDAA8C;AAC9C,yCAAsC;AACtC,uDAAoD;AA6BpD;;;;;GAKG;AACH,SAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,UAAU,EACV,QAAQ,GAAG,KAAK,EAChB,cAAc,EACd,QAAQ,EACR,QAAQ,EACR,IAAI,EACJ,OAAO,EACP,KAAK,EACL,QAAQ,GAAG,aAAa,EACxB,WAAW,EACX,KAAK,GACY;IACjB,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,IAAA,wBAAgB,GAAE,CAAC;IAE9C,MAAM,KAAK,GAAG,CACZ,uBAAC,mBAAI,IAAC,KAAK,EAAE,EAAE,WAAW,EAAE,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,eAAe,EAAE,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE,YAC3F,QAAQ,CAAC,CAAC,CAAC,CACV,uBAAC,oBAAK,IACJ,MAAM,EAAE,EAAE,GAAG,EAAE,QAAQ,EAAE,EACzB,UAAU,QACV,kBAAkB,EAAE,QAAQ,IAAI,KAAK,EACrC,UAAU,EAAC,OAAO,EAClB,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GACxC,CACH,CAAC,CAAC,CAAC,CACF,uBAAC,iCAAe,IAAC,IAAI,EAAE,IAAI,IAAI,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAAI,CACjG,GACI,CACR,CAAC;IAEF,MAAM,IAAI,GAAG,CACX,wBAAC,mBAAI,IAAC,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,GAAG,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE,EAAE,OAAO,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE,EAAE,aAC1E,uBAAC,mBAAI,IACH,aAAa,EAAE,CAAC,EAChB,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,CAAC,SAAS,EAAE,QAAQ,EAAE,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,YAE5F,KAAK,GACD,EACP,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,IAAC,IAAI,EAAC,IAAI,EAAC,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE,EAAE,YACtE,QAAQ,GACF,CACV,CAAC,CAAC,CAAC,IAAI,IACH,CACR,CAAC;IAEF,MAAM,KAAK,GAAG,CACZ,6DACG,KAAK,EACL,IAAI,IACJ,CACJ,CAAC;IAEF,MAAM,cAAc,GAAyB;QAC3C;YACE,IAAI,EAAE,CAAC;YACP,QAAQ,EAAE,QAAQ;YAClB,YAAY,EAAE,MAAM,CAAC,MAAM,CAAC,EAAE;YAC9B,WAAW,EAAE,CAAC;YACd,WAAW,EAAE,MAAM,CAAC,MAAM;YAC1B,eAAe,EAAE,MAAM,CAAC,OAAO;SAChC;QACD,KAAK;KACN,CAAC;IAEF,IAAI,OAAO,EAAE,CAAC;QACZ,OAAO,CACL,uBAAC,wBAAS,IACR,iBAAiB,EAAC,QAAQ,EAC1B,kBAAkB,EAAE,KAAK,EACzB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAAC,cAAc,EAAE,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,YAEvE,KAAK,GACI,CACb,CAAC;IACJ,CAAC;IAED,OAAO,uBAAC,mBAAI,IAAC,KAAK,EAAE,cAAc,YAAG,KAAK,GAAQ,CAAC;AACrD,CAAC"}

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

@@ -0,0 +1,22 @@
+import * as React from 'react';
+import { type StyleProp, type ViewStyle } from 'react-native';
+export interface ProductGridProps {
+    /** Column count (default 2 — a sensible phone default vs. web's 4). */
+    columns?: 2 | 3 | 4;
+    /**
+     * Product cards. Rendered through a `FlatList` (each child becomes an item),
+     * so the grid virtualizes on long catalogs while keeping the web
+     * children-based API — a template swaps web→native by import path only.
+     */
+    children?: React.ReactNode;
+    style?: StyleProp<ViewStyle>;
+    /** Passed through to the underlying FlatList (e.g. `scrollEnabled`). */
+    scrollEnabled?: boolean;
+}
+/**
+ * Responsive grid of {@link ProductCard}s — the native mirror of the web
+ * `ProductGrid`. Backed by a `FlatList` with `numColumns`; row/column gaps come
+ * from the theme spacing scale.
+ */
+export declare function ProductGrid({ columns, children, style, scrollEnabled, }: ProductGridProps): React.ReactElement;
+//# sourceMappingURL=ProductGrid.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProductGrid.d.ts","sourceRoot":"","sources":["../../../src/native/commerce/ProductGrid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAkB,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAG9E,MAAM,WAAW,gBAAgB;IAC/B,uEAAuE;IACvE,OAAO,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACpB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,wEAAwE;IACxE,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,EAC1B,OAAW,EACX,QAAQ,EACR,KAAK,EACL,aAAa,GACd,EAAE,gBAAgB,GAAG,KAAK,CAAC,YAAY,CAkBvC"}