@xenition/ui 0.1.0

package/dist/native/commerce/ProductGrid.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.ProductGrid = ProductGrid;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const react_native_1 = require("react-native");
+const theme_1 = require("../theme");
+/**
+ * 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.
+ */
+function ProductGrid({ columns = 2, children, style, scrollEnabled, }) {
+    const { tokens } = (0, theme_1.useXenitionTheme)();
+    const items = React.Children.toArray(children);
+    const gap = tokens.spacing.lg;
+    return ((0, jsx_runtime_1.jsx)(react_native_1.FlatList, { data: items, numColumns: columns, scrollEnabled: scrollEnabled, keyExtractor: (_, index) => String(index), columnWrapperStyle: { gap }, contentContainerStyle: [{ gap }, style], renderItem: ({ item }) => (0, jsx_runtime_1.jsx)(react_native_1.View, { style: { flex: 1 }, children: item }) }, `cols-${columns}`));
+}
+//# sourceMappingURL=ProductGrid.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProductGrid.js","sourceRoot":"","sources":["../../../src/native/commerce/ProductGrid.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuBA,kCAuBC;;AA9CD,6CAA+B;AAC/B,+CAA8E;AAC9E,oCAA4C;AAgB5C;;;;GAIG;AACH,SAAgB,WAAW,CAAC,EAC1B,OAAO,GAAG,CAAC,EACX,QAAQ,EACR,KAAK,EACL,aAAa,GACI;IACjB,MAAM,EAAE,MAAM,EAAE,GAAG,IAAA,wBAAgB,GAAE,CAAC;IACtC,MAAM,KAAK,GAAG,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;IAC/C,MAAM,GAAG,GAAG,MAAM,CAAC,OAAO,CAAC,EAAE,CAAC;IAE9B,OAAO,CACL,uBAAC,uBAAQ,IACP,IAAI,EAAE,KAAK,EAGX,UAAU,EAAE,OAAO,EACnB,aAAa,EAAE,aAAa,EAC5B,YAAY,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,EACzC,kBAAkB,EAAE,EAAE,GAAG,EAAE,EAC3B,qBAAqB,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,KAAK,CAAC,EACvC,UAAU,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,uBAAC,mBAAI,IAAC,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,YAAG,IAA0B,GAAQ,IANlF,QAAQ,OAAO,EAAE,CAOtB,CACH,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,30 @@
+import * as React from 'react';
+import { type StyleProp, type ViewStyle } from 'react-native';
+export interface QuantityStepperProps {
+    /** Current quantity. */
+    value: number;
+    /** Lower bound (default 1). Decrement disabled at this value. */
+    min?: number;
+    /** Upper bound (default none). Increment disabled at this value. */
+    max?: number;
+    /** Increment/decrement amount (default 1). */
+    step?: number;
+    /** Called with the clamped next value. */
+    onChange?: (value: number) => void;
+    /** Disable the whole control. */
+    disabled?: boolean;
+    /** Accessible label for the group (default `Quantity`). */
+    label?: string;
+    /** Accessible label for the − button (default `Decrease quantity`). */
+    decrementLabel?: string;
+    /** Accessible label for the + button (default `Increase quantity`). */
+    incrementLabel?: string;
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * A −/n/+ quantity control — the native mirror of the web `QuantityStepper`.
+ * Values are clamped to `[min, max]`; the boundary button disables itself at
+ * each end so `onChange` never fires an out-of-range value. Token-only.
+ */
+export declare function QuantityStepper({ value, min, max, step, onChange, disabled, label, decrementLabel, incrementLabel, style, }: QuantityStepperProps): React.ReactElement;
+//# sourceMappingURL=QuantityStepper.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"QuantityStepper.d.ts","sourceRoot":"","sources":["../../../src/native/commerce/QuantityStepper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAyB,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAGrF,MAAM,WAAW,oBAAoB;IACnC,wBAAwB;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,iEAAiE;IACjE,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,oEAAoE;IACpE,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,8CAA8C;IAC9C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,iCAAiC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2DAA2D;IAC3D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uEAAuE;IACvE,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,uEAAuE;IACvE,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAKD;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,GAAO,EACP,GAA8B,EAC9B,IAAQ,EACR,QAAQ,EACR,QAAgB,EAChB,KAAkB,EAClB,cAAoC,EACpC,cAAoC,EACpC,KAAK,GACN,EAAE,oBAAoB,GAAG,KAAK,CAAC,YAAY,CAkF3C"}

package/dist/native/commerce/QuantityStepper.js

@@ -0,0 +1,59 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.QuantityStepper = QuantityStepper;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_native_1 = require("react-native");
+const theme_1 = require("../theme");
+const clamp = (n, min, max) => Math.min(max, Math.max(min, n));
+/**
+ * A −/n/+ quantity control — the native mirror of the web `QuantityStepper`.
+ * Values are clamped to `[min, max]`; the boundary button disables itself at
+ * each end so `onChange` never fires an out-of-range value. Token-only.
+ */
+function QuantityStepper({ value, min = 1, max = Number.POSITIVE_INFINITY, step = 1, onChange, disabled = false, label = 'Quantity', decrementLabel = 'Decrease quantity', incrementLabel = 'Increase quantity', style, }) {
+    const { colors, tokens } = (0, theme_1.useXenitionTheme)();
+    const atMin = value <= min;
+    const atMax = value >= max;
+    const emit = (next) => {
+        const clamped = clamp(next, min, max);
+        if (clamped !== value)
+            onChange?.(clamped);
+    };
+    const button = (kind, accLabel, isDisabled, onPress, borderSide) => ((0, jsx_runtime_1.jsx)(react_native_1.Pressable, { accessibilityRole: "button", accessibilityLabel: accLabel, accessibilityState: { disabled: isDisabled }, disabled: isDisabled, onPress: onPress, style: ({ pressed }) => [
+            {
+                width: 32,
+                height: 32,
+                alignItems: 'center',
+                justifyContent: 'center',
+                opacity: isDisabled ? 0.4 : pressed ? 0.7 : 1,
+            },
+            borderSide,
+        ], children: (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: { color: colors.onSurface, fontSize: tokens.typography.scale.lg }, children: kind === 'dec' ? '−' : '+' }) }));
+    return ((0, jsx_runtime_1.jsxs)(react_native_1.View, { accessibilityRole: "adjustable", accessibilityLabel: label, accessibilityValue: { now: value, min, max: Number.isFinite(max) ? max : undefined }, style: [
+            {
+                flexDirection: 'row',
+                alignItems: 'center',
+                alignSelf: 'flex-start',
+                borderWidth: 1,
+                borderColor: colors.border,
+                borderRadius: tokens.radius.md,
+                backgroundColor: colors.surface,
+                overflow: 'hidden',
+            },
+            style,
+        ], children: [button('dec', decrementLabel, disabled || atMin, () => emit(value - step), {
+                borderRightWidth: 1,
+                borderColor: colors.border,
+            }), (0, jsx_runtime_1.jsx)(react_native_1.Text, { accessibilityLiveRegion: "polite", style: {
+                    minWidth: 32,
+                    textAlign: 'center',
+                    paddingHorizontal: tokens.spacing.sm,
+                    color: colors.onSurface,
+                    fontSize: tokens.typography.scale.sm,
+                    fontWeight: '500',
+                }, children: value }), button('inc', incrementLabel, disabled || atMax, () => emit(value + step), {
+                borderLeftWidth: 1,
+                borderColor: colors.border,
+            })] }));
+}
+//# sourceMappingURL=QuantityStepper.js.map

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

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

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

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import { type StyleProp, type ViewStyle } from 'react-native';
+export type OrderStatus = 'pending' | 'paid' | 'fulfilled' | 'shipped' | 'cancelled' | 'refunded';
+export interface StatusBadgeProps {
+    /** Order lifecycle status; drives the semantic contrast pair. */
+    status: OrderStatus;
+    /** Human label (default: the capitalized status). */
+    children?: React.ReactNode;
+    style?: StyleProp<ViewStyle>;
+}
+/** Small pill badge for an order's status. Token-only, contrast-guaranteed. */
+export declare function StatusBadge({ status, children, style, }: StatusBadgeProps): React.ReactElement;
+//# sourceMappingURL=StatusBadge.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StatusBadge.d.ts","sourceRoot":"","sources":["../../../src/native/commerce/StatusBadge.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,MAAM,WAAW,GACnB,SAAS,GACT,MAAM,GACN,WAAW,GACX,SAAS,GACT,WAAW,GACX,UAAU,CAAC;AAEf,MAAM,WAAW,gBAAgB;IAC/B,iEAAiE;IACjE,MAAM,EAAE,WAAW,CAAC;IACpB,qDAAqD;IACrD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AA6BD,+EAA+E;AAC/E,wBAAgB,WAAW,CAAC,EAC1B,MAAM,EACN,QAAQ,EACR,KAAK,GACN,EAAE,gBAAgB,GAAG,KAAK,CAAC,YAAY,CAwBvC"}

package/dist/native/commerce/StatusBadge.js

@@ -0,0 +1,45 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StatusBadge = StatusBadge;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_native_1 = require("react-native");
+const theme_1 = require("../theme");
+/**
+ * Semantic → contrast-checked `X`/`on-X` token pairs. Using the paired slots
+ * (not a translucent tint) keeps the badge AA-readable in both modes with zero
+ * configuration — the native mirror of the web `StatusBadge`.
+ */
+function pair(status, colors, neutral200) {
+    switch (status) {
+        case 'pending':
+            return { bg: colors.warn, fg: colors.onWarn };
+        case 'paid':
+        case 'fulfilled':
+            return { bg: colors.success, fg: colors.onSuccess };
+        case 'shipped':
+            return { bg: colors.primary, fg: colors.onPrimary };
+        case 'cancelled':
+            return { bg: colors.danger, fg: colors.onDanger };
+        case 'refunded':
+            return { bg: neutral200, fg: colors.onSurface };
+    }
+}
+const capitalize = (s) => s.charAt(0).toUpperCase() + s.slice(1);
+/** Small pill badge for an order's status. Token-only, contrast-guaranteed. */
+function StatusBadge({ status, children, style, }) {
+    const { colors, tokens } = (0, theme_1.useXenitionTheme)();
+    const { bg, fg } = pair(status, colors, tokens.ramps.neutral[200]);
+    return ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: [
+            {
+                alignSelf: 'flex-start',
+                flexDirection: 'row',
+                alignItems: 'center',
+                backgroundColor: bg,
+                borderRadius: tokens.radius.full,
+                paddingHorizontal: tokens.spacing.sm,
+                paddingVertical: 2,
+            },
+            style,
+        ], children: (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: { color: fg, fontSize: tokens.typography.scale.xs, fontWeight: '500' }, children: children ?? capitalize(status) }) }));
+}
+//# sourceMappingURL=StatusBadge.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StatusBadge.js","sourceRoot":"","sources":["../../../src/native/commerce/StatusBadge.tsx"],"names":[],"mappings":";;AAiDA,kCA4BC;;AA5ED,+CAA0E;AAC1E,oCAA4C;AAmB5C;;;;GAIG;AACH,SAAS,IAAI,CACX,MAAmB,EACnB,MAAsB,EACtB,UAAkB;IAElB,QAAQ,MAAM,EAAE,CAAC;QACf,KAAK,SAAS;YACZ,OAAO,EAAE,EAAE,EAAE,MAAM,CAAC,IAAI,EAAE,EAAE,EAAE,MAAM,CAAC,MAAM,EAAE,CAAC;QAChD,KAAK,MAAM,CAAC;QACZ,KAAK,WAAW;YACd,OAAO,EAAE,EAAE,EAAE,MAAM,CAAC,OAAO,EAAE,EAAE,EAAE,MAAM,CAAC,SAAS,EAAE,CAAC;QACtD,KAAK,SAAS;YACZ,OAAO,EAAE,EAAE,EAAE,MAAM,CAAC,OAAO,EAAE,EAAE,EAAE,MAAM,CAAC,SAAS,EAAE,CAAC;QACtD,KAAK,WAAW;YACd,OAAO,EAAE,EAAE,EAAE,MAAM,CAAC,MAAM,EAAE,EAAE,EAAE,MAAM,CAAC,QAAQ,EAAE,CAAC;QACpD,KAAK,UAAU;YACb,OAAO,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,MAAM,CAAC,SAAS,EAAE,CAAC;IACpD,CAAC;AACH,CAAC;AAED,MAAM,UAAU,GAAG,CAAC,CAAS,EAAU,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;AAEjF,+EAA+E;AAC/E,SAAgB,WAAW,CAAC,EAC1B,MAAM,EACN,QAAQ,EACR,KAAK,GACY;IACjB,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,IAAA,wBAAgB,GAAE,CAAC;IAC9C,MAAM,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,IAAI,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC;IAEnE,OAAO,CACL,uBAAC,mBAAI,IACH,KAAK,EAAE;YACL;gBACE,SAAS,EAAE,YAAY;gBACvB,aAAa,EAAE,KAAK;gBACpB,UAAU,EAAE,QAAQ;gBACpB,eAAe,EAAE,EAAE;gBACnB,YAAY,EAAE,MAAM,CAAC,MAAM,CAAC,IAAI;gBAChC,iBAAiB,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE;gBACpC,eAAe,EAAE,CAAC;aACnB;YACD,KAAK;SACN,YAED,uBAAC,mBAAI,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,QAAQ,EAAE,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE,YAChF,QAAQ,IAAI,UAAU,CAAC,MAAM,CAAC,GAC1B,GACF,CACR,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,32 @@
+/**
+ * `@xenition/ui/native/commerce` — presentational catalog / cart / order
+ * components for React Native, mirroring the web `@xenition/ui/commerce` prop
+ * contracts exactly (Product `{title, priceCents, currency?, compareAtCents?,
+ * imageUrl?}`, CartItem `{title, variantTitle, quantity, unitPriceCents}`). No
+ * fetching, no SDK import; styled only from compiled theme tokens. Money is
+ * always integer **cents**, formatted through the single {@link formatMoney}
+ * home (re-exported from the web money util — one formatter across platforms).
+ */
+export { formatMoney } from './money';
+export type { MoneyFormatter } from './money';
+export { PriceTag } from './PriceTag';
+export type { PriceTagProps } from './PriceTag';
+export { ProductCard } from './ProductCard';
+export type { ProductCardProps } from './ProductCard';
+export { ProductGrid } from './ProductGrid';
+export type { ProductGridProps } from './ProductGrid';
+export { QuantityStepper } from './QuantityStepper';
+export type { QuantityStepperProps } from './QuantityStepper';
+export { CartLineItem } from './CartLineItem';
+export type { CartLineItemProps } from './CartLineItem';
+export { CartSummary } from './CartSummary';
+export type { CartSummaryProps } from './CartSummary';
+export { OrderSummary, CheckoutSummary } from './OrderSummary';
+export type { OrderSummaryProps, OrderLine } from './OrderSummary';
+export { StatusBadge } from './StatusBadge';
+export type { StatusBadgeProps, OrderStatus } from './StatusBadge';
+export { EmptyState } from './EmptyState';
+export type { EmptyStateProps } from './EmptyState';
+export { GenerativeCover } from './GenerativeCover';
+export type { GenerativeCoverProps } from './GenerativeCover';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/native/commerce/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AACtC,YAAY,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,YAAY,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAC9D,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACxD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAC/D,YAAY,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AACnE,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,YAAY,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/native/commerce/index.js

@@ -0,0 +1,36 @@
+"use strict";
+/**
+ * `@xenition/ui/native/commerce` — presentational catalog / cart / order
+ * components for React Native, mirroring the web `@xenition/ui/commerce` prop
+ * contracts exactly (Product `{title, priceCents, currency?, compareAtCents?,
+ * imageUrl?}`, CartItem `{title, variantTitle, quantity, unitPriceCents}`). No
+ * fetching, no SDK import; styled only from compiled theme tokens. Money is
+ * always integer **cents**, formatted through the single {@link formatMoney}
+ * home (re-exported from the web money util — one formatter across platforms).
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GenerativeCover = exports.EmptyState = exports.StatusBadge = exports.CheckoutSummary = exports.OrderSummary = exports.CartSummary = exports.CartLineItem = exports.QuantityStepper = exports.ProductGrid = exports.ProductCard = exports.PriceTag = exports.formatMoney = void 0;
+var money_1 = require("./money");
+Object.defineProperty(exports, "formatMoney", { enumerable: true, get: function () { return money_1.formatMoney; } });
+var PriceTag_1 = require("./PriceTag");
+Object.defineProperty(exports, "PriceTag", { enumerable: true, get: function () { return PriceTag_1.PriceTag; } });
+var ProductCard_1 = require("./ProductCard");
+Object.defineProperty(exports, "ProductCard", { enumerable: true, get: function () { return ProductCard_1.ProductCard; } });
+var ProductGrid_1 = require("./ProductGrid");
+Object.defineProperty(exports, "ProductGrid", { enumerable: true, get: function () { return ProductGrid_1.ProductGrid; } });
+var QuantityStepper_1 = require("./QuantityStepper");
+Object.defineProperty(exports, "QuantityStepper", { enumerable: true, get: function () { return QuantityStepper_1.QuantityStepper; } });
+var CartLineItem_1 = require("./CartLineItem");
+Object.defineProperty(exports, "CartLineItem", { enumerable: true, get: function () { return CartLineItem_1.CartLineItem; } });
+var CartSummary_1 = require("./CartSummary");
+Object.defineProperty(exports, "CartSummary", { enumerable: true, get: function () { return CartSummary_1.CartSummary; } });
+var OrderSummary_1 = require("./OrderSummary");
+Object.defineProperty(exports, "OrderSummary", { enumerable: true, get: function () { return OrderSummary_1.OrderSummary; } });
+Object.defineProperty(exports, "CheckoutSummary", { enumerable: true, get: function () { return OrderSummary_1.CheckoutSummary; } });
+var StatusBadge_1 = require("./StatusBadge");
+Object.defineProperty(exports, "StatusBadge", { enumerable: true, get: function () { return StatusBadge_1.StatusBadge; } });
+var EmptyState_1 = require("./EmptyState");
+Object.defineProperty(exports, "EmptyState", { enumerable: true, get: function () { return EmptyState_1.EmptyState; } });
+var GenerativeCover_1 = require("./GenerativeCover");
+Object.defineProperty(exports, "GenerativeCover", { enumerable: true, get: function () { return GenerativeCover_1.GenerativeCover; } });
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/native/commerce/index.ts"],"names":[],"mappings":";AAAA;;;;;;;;GAQG;;;AAEH,iCAAsC;AAA7B,oGAAA,WAAW,OAAA;AAEpB,uCAAsC;AAA7B,oGAAA,QAAQ,OAAA;AAEjB,6CAA4C;AAAnC,0GAAA,WAAW,OAAA;AAEpB,6CAA4C;AAAnC,0GAAA,WAAW,OAAA;AAEpB,qDAAoD;AAA3C,kHAAA,eAAe,OAAA;AAExB,+CAA8C;AAArC,4GAAA,YAAY,OAAA;AAErB,6CAA4C;AAAnC,0GAAA,WAAW,OAAA;AAEpB,+CAA+D;AAAtD,4GAAA,YAAY,OAAA;AAAE,+GAAA,eAAe,OAAA;AAEtC,6CAA4C;AAAnC,0GAAA,WAAW,OAAA;AAEpB,2CAA0C;AAAjC,wGAAA,UAAU,OAAA;AAEnB,qDAAoD;AAA3C,kHAAA,eAAe,OAAA"}

package/dist/native/commerce/internal/Gradient.d.ts

@@ -0,0 +1,25 @@
+/**
+ * Thin wrapper over the OPTIONAL `expo-linear-gradient` peer. Every consumer
+ * is an Expo app (so the real native gradient is present), but the dependency
+ * is loaded lazily and degrades to a **solid token color** if absent — the
+ * kit never hard-requires a native module. Colors passed in always come from
+ * theme tokens.
+ */
+import * as React from 'react';
+import { type StyleProp, type ViewStyle } from 'react-native';
+export interface GradientProps {
+    /** Gradient stops — token colors (2+). */
+    colors: readonly string[];
+    start?: {
+        x: number;
+        y: number;
+    };
+    end?: {
+        x: number;
+        y: number;
+    };
+    style?: StyleProp<ViewStyle>;
+    children?: React.ReactNode;
+}
+export declare function Gradient({ colors, start, end, style, children, }: GradientProps): React.ReactElement;
+//# sourceMappingURL=Gradient.d.ts.map

package/dist/native/commerce/internal/Gradient.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Gradient.d.ts","sourceRoot":"","sources":["../../../../src/native/commerce/internal/Gradient.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAQ,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAEpE,MAAM,WAAW,aAAa;IAC5B,0CAA0C;IAC1C,MAAM,EAAE,SAAS,MAAM,EAAE,CAAC;IAC1B,KAAK,CAAC,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACjC,GAAG,CAAC,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC/B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAkBD,wBAAgB,QAAQ,CAAC,EACvB,MAAM,EACN,KAAsB,EACtB,GAAoB,EACpB,KAAK,EACL,QAAQ,GACT,EAAE,aAAa,GAAG,KAAK,CAAC,YAAY,CASpC"}

package/dist/native/commerce/internal/Gradient.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Gradient = Gradient;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_native_1 = require("react-native");
+// Resolved once. Jest maps this specifier to a mock; Expo apps supply the real
+// module; anything else falls back to a solid fill.
+let LinearGradient = null;
+try {
+    // eslint-disable-next-line @typescript-eslint/no-var-requires
+    LinearGradient = require('expo-linear-gradient').LinearGradient ?? null;
+}
+catch {
+    LinearGradient = null;
+}
+function Gradient({ colors, start = { x: 0, y: 0 }, end = { x: 1, y: 1 }, style, children, }) {
+    if (LinearGradient) {
+        return ((0, jsx_runtime_1.jsx)(LinearGradient, { colors: colors, start: start, end: end, style: style, children: children }));
+    }
+    return (0, jsx_runtime_1.jsx)(react_native_1.View, { style: [{ backgroundColor: colors[0] }, style], children: children });
+}
+//# sourceMappingURL=Gradient.js.map

package/dist/native/commerce/internal/Gradient.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Gradient.js","sourceRoot":"","sources":["../../../../src/native/commerce/internal/Gradient.tsx"],"names":[],"mappings":";;AAmCA,4BAeC;;AA1CD,+CAAoE;AAWpE,+EAA+E;AAC/E,oDAAoD;AACpD,IAAI,cAAc,GAMN,IAAI,CAAC;AACjB,IAAI,CAAC;IACH,8DAA8D;IAC9D,cAAc,GAAG,OAAO,CAAC,sBAAsB,CAAC,CAAC,cAAc,IAAI,IAAI,CAAC;AAC1E,CAAC;AAAC,MAAM,CAAC;IACP,cAAc,GAAG,IAAI,CAAC;AACxB,CAAC;AAED,SAAgB,QAAQ,CAAC,EACvB,MAAM,EACN,KAAK,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EACtB,GAAG,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EACpB,KAAK,EACL,QAAQ,GACM;IACd,IAAI,cAAc,EAAE,CAAC;QACnB,OAAO,CACL,uBAAC,cAAc,IAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,YACjE,QAAQ,GACM,CAClB,CAAC;IACJ,CAAC;IACD,OAAO,uBAAC,mBAAI,IAAC,KAAK,EAAE,CAAC,EAAE,eAAe,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,KAAK,CAAC,YAAG,QAAQ,GAAQ,CAAC;AACjF,CAAC"}

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

@@ -0,0 +1,9 @@
+/**
+ * Money stays integer **cents** on native exactly as on web. `formatMoney` is
+ * a pure `Intl.NumberFormat` util with no DOM dependency, so the native layer
+ * re-exports the **single web home** rather than duplicating it — one formatter,
+ * one set of tests, identical output across platforms.
+ */
+export { formatMoney } from '../../commerce/money';
+export type { MoneyFormatter } from '../../commerce/money';
+//# sourceMappingURL=money.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"money.d.ts","sourceRoot":"","sources":["../../../src/native/commerce/money.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,YAAY,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/native/commerce/money.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.formatMoney = void 0;
+/**
+ * Money stays integer **cents** on native exactly as on web. `formatMoney` is
+ * a pure `Intl.NumberFormat` util with no DOM dependency, so the native layer
+ * re-exports the **single web home** rather than duplicating it — one formatter,
+ * one set of tests, identical output across platforms.
+ */
+var money_1 = require("../../commerce/money");
+Object.defineProperty(exports, "formatMoney", { enumerable: true, get: function () { return money_1.formatMoney; } });
+//# sourceMappingURL=money.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"money.js","sourceRoot":"","sources":["../../../src/native/commerce/money.ts"],"names":[],"mappings":";;;AAAA;;;;;GAKG;AACH,8CAAmD;AAA1C,oGAAA,WAAW,OAAA"}

package/dist/native/marketing/CTABanner.d.ts

@@ -0,0 +1,28 @@
+import * as React from 'react';
+import { type StyleProp, type ViewStyle } from 'react-native';
+export interface CTABannerProps {
+    /** Banner headline. */
+    title: React.ReactNode;
+    /**
+     * Supporting copy under the title. (The web `CTABanner` names this slot
+     * `subtitle`; native uses `description` per the section spec, and accepts
+     * `subtitle` as an alias for full web prop parity — `description` wins.)
+     */
+    description?: React.ReactNode;
+    /** Alias of {@link CTABannerProps.description} for web parity. */
+    subtitle?: React.ReactNode;
+    /** Call-to-action slot — rendered as-is. */
+    action?: React.ReactNode;
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * Closing call-to-action band — the native mirror of the web `CTABanner`.
+ *
+ * The web version reuses the animated `AuroraBackground`; native **simplifies
+ * to a static primary→accent linear-gradient tint** (via the shared
+ * `expo-linear-gradient` wrapper) over a bordered rounded panel — no blur,
+ * grain, or pattern. The web `variant`/`grain`/`pattern` props are dropped as
+ * aurora/DOM-specific. Always centered, matching the web layout. Token-only.
+ */
+export declare function CTABanner({ title, description, subtitle, action, style, }: CTABannerProps): React.ReactElement;
+//# sourceMappingURL=CTABanner.d.ts.map

package/dist/native/marketing/CTABanner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CTABanner.d.ts","sourceRoot":"","sources":["../../../src/native/marketing/CTABanner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAIL,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAKtB,MAAM,WAAW,cAAc;IAC7B,uBAAuB;IACvB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB;;;;OAIG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,kEAAkE;IAClE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,4CAA4C;IAC5C,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED;;;;;;;;GAQG;AACH,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,WAAW,EACX,QAAQ,EACR,MAAM,EACN,KAAK,GACN,EAAE,cAAc,GAAG,KAAK,CAAC,YAAY,CA0ErC"}

package/dist/native/marketing/CTABanner.js

@@ -0,0 +1,50 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CTABanner = CTABanner;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_native_1 = require("react-native");
+const theme_1 = require("../theme");
+const color_1 = require("../primitives/internal/color");
+const Gradient_1 = require("../commerce/internal/Gradient");
+/**
+ * Closing call-to-action band — the native mirror of the web `CTABanner`.
+ *
+ * The web version reuses the animated `AuroraBackground`; native **simplifies
+ * to a static primary→accent linear-gradient tint** (via the shared
+ * `expo-linear-gradient` wrapper) over a bordered rounded panel — no blur,
+ * grain, or pattern. The web `variant`/`grain`/`pattern` props are dropped as
+ * aurora/DOM-specific. Always centered, matching the web layout. Token-only.
+ */
+function CTABanner({ title, description, subtitle, action, style, }) {
+    const { colors, tokens } = (0, theme_1.useXenitionTheme)();
+    const body = description ?? subtitle;
+    return ((0, jsx_runtime_1.jsxs)(react_native_1.View, { style: [
+            {
+                position: 'relative',
+                overflow: 'hidden',
+                backgroundColor: colors.surface,
+                borderWidth: 1,
+                borderColor: colors.border,
+                borderRadius: tokens.radius.lg,
+                paddingVertical: tokens.spacing['2xl'],
+                paddingHorizontal: tokens.spacing.xl,
+            },
+            style,
+        ], children: [(0, jsx_runtime_1.jsx)(Gradient_1.Gradient, { colors: [(0, color_1.withAlpha)(colors.primary, 0.22), (0, color_1.withAlpha)(colors.accent, 0.16)], start: { x: 0, y: 0 }, end: { x: 1, y: 1 }, style: react_native_1.StyleSheet.absoluteFillObject }), (0, jsx_runtime_1.jsxs)(react_native_1.View, { style: { gap: tokens.spacing.md, alignItems: 'center' }, children: [typeof title === 'string' ? ((0, jsx_runtime_1.jsx)(react_native_1.Text, { style: {
+                            color: colors.onSurface,
+                            fontSize: tokens.typography.scale['3xl'],
+                            fontWeight: '700',
+                            textAlign: 'center',
+                        }, children: title })) : (title), body !== undefined && body !== null ? (typeof body === 'string' ? ((0, jsx_runtime_1.jsx)(react_native_1.Text, { style: {
+                            color: colors.muted,
+                            fontSize: tokens.typography.scale.lg,
+                            textAlign: 'center',
+                        }, children: body })) : (body)) : null, action !== undefined && action !== null ? ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: {
+                            marginTop: tokens.spacing.sm,
+                            flexDirection: 'row',
+                            flexWrap: 'wrap',
+                            gap: tokens.spacing.sm,
+                            justifyContent: 'center',
+                        }, children: action })) : null] })] }));
+}
+//# sourceMappingURL=CTABanner.js.map

package/dist/native/marketing/CTABanner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CTABanner.js","sourceRoot":"","sources":["../../../src/native/marketing/CTABanner.tsx"],"names":[],"mappings":";;AAqCA,8BAgFC;;AApHD,+CAMsB;AACtB,oCAA4C;AAC5C,wDAAyD;AACzD,4DAAyD;AAkBzD;;;;;;;;GAQG;AACH,SAAgB,SAAS,CAAC,EACxB,KAAK,EACL,WAAW,EACX,QAAQ,EACR,MAAM,EACN,KAAK,GACU;IACf,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,IAAA,wBAAgB,GAAE,CAAC;IAC9C,MAAM,IAAI,GAAG,WAAW,IAAI,QAAQ,CAAC;IAErC,OAAO,CACL,wBAAC,mBAAI,IACH,KAAK,EAAE;YACL;gBACE,QAAQ,EAAE,UAAU;gBACpB,QAAQ,EAAE,QAAQ;gBAClB,eAAe,EAAE,MAAM,CAAC,OAAO;gBAC/B,WAAW,EAAE,CAAC;gBACd,WAAW,EAAE,MAAM,CAAC,MAAM;gBAC1B,YAAY,EAAE,MAAM,CAAC,MAAM,CAAC,EAAE;gBAC9B,eAAe,EAAE,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC;gBACtC,iBAAiB,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE;aACrC;YACD,KAAK;SACN,aAED,uBAAC,mBAAQ,IACP,MAAM,EAAE,CAAC,IAAA,iBAAS,EAAC,MAAM,CAAC,OAAO,EAAE,IAAI,CAAC,EAAE,IAAA,iBAAS,EAAC,MAAM,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,EACzE,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,yBAAU,CAAC,kBAAkB,GACpC,EACF,wBAAC,mBAAI,IAAC,KAAK,EAAE,EAAE,GAAG,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,aAC1D,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,CAC3B,uBAAC,mBAAI,IACH,KAAK,EAAE;4BACL,KAAK,EAAE,MAAM,CAAC,SAAS;4BACvB,QAAQ,EAAE,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC;4BACxC,UAAU,EAAE,KAAK;4BACjB,SAAS,EAAE,QAAQ;yBACpB,YAEA,KAAK,GACD,CACR,CAAC,CAAC,CAAC,CACF,KAAK,CACN,EAEA,IAAI,KAAK,SAAS,IAAI,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,CACrC,OAAO,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,CACzB,uBAAC,mBAAI,IACH,KAAK,EAAE;4BACL,KAAK,EAAE,MAAM,CAAC,KAAK;4BACnB,QAAQ,EAAE,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE;4BACpC,SAAS,EAAE,QAAQ;yBACpB,YAEA,IAAI,GACA,CACR,CAAC,CAAC,CAAC,CACF,IAAI,CACL,CACF,CAAC,CAAC,CAAC,IAAI,EAEP,MAAM,KAAK,SAAS,IAAI,MAAM,KAAK,IAAI,CAAC,CAAC,CAAC,CACzC,uBAAC,mBAAI,IACH,KAAK,EAAE;4BACL,SAAS,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE;4BAC5B,aAAa,EAAE,KAAK;4BACpB,QAAQ,EAAE,MAAM;4BAChB,GAAG,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE;4BACtB,cAAc,EAAE,QAAQ;yBACzB,YAEA,MAAM,GACF,CACR,CAAC,CAAC,CAAC,IAAI,IACH,IACF,CACR,CAAC;AACJ,CAAC"}

package/dist/native/marketing/EntityCard.d.ts

@@ -0,0 +1,40 @@
+import * as React from 'react';
+import { type StyleProp, type ViewStyle } from 'react-native';
+export interface EntityCardMedia {
+    /** Image URL; when present an `Image` is drawn. */
+    imageUrl?: string;
+    /** Stable seed for the {@link GenerativeCover} fallback (defaults to the title). */
+    seed?: string;
+    /** width / height aspect ratio of the media box (default 1.6). */
+    aspect?: number;
+}
+export interface EntityCardProps {
+    /** Primary heading. */
+    title: string;
+    /** Small kicker above the title (category, company, …). */
+    eyebrow?: string;
+    /** Body copy under the title. */
+    description?: string;
+    /** Compact trailing detail line (date, price · duration, talk, …). */
+    meta?: string;
+    /** Media descriptor; an image or a seeded generative cover. Omit for no media. */
+    media?: EntityCardMedia;
+    /** Corner overlay content (a `StatusDot`, a "Featured" pill, …). */
+    badge?: React.ReactNode;
+    /** Footer slot (actions, tags, author row, …). */
+    footer?: React.ReactNode;
+    /** Press handler for the whole card (native equivalent of the web `href`). */
+    onPress?: () => void;
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * A generic content/entity card — the native mirror of the web marketing
+ * `EntityCard`, collapsing the templates' bespoke `PostCard` / `ServiceCard` /
+ * `SpeakerCard` / `ListingCard` / `ProgramCard` into props. Composes the native
+ * `Card` with an inset media frame (an `Image` when `media.imageUrl` is set,
+ * else a seeded {@link GenerativeCover}), an optional `Eyebrow`, the `title`
+ * heading, an optional `description`, a `meta` line, an optional corner `badge`,
+ * and a `footer` slot. `onPress` is native's `href`. Token-only.
+ */
+export declare function EntityCard({ title, eyebrow, description, meta, media, badge, footer, onPress, style, }: EntityCardProps): React.ReactElement;
+//# sourceMappingURL=EntityCard.d.ts.map

package/dist/native/marketing/EntityCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EntityCard.d.ts","sourceRoot":"","sources":["../../../src/native/marketing/EntityCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAKL,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAMtB,MAAM,WAAW,eAAe;IAC9B,mDAAmD;IACnD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,oFAAoF;IACpF,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,kEAAkE;IAClE,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,eAAe;IAC9B,uBAAuB;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,2DAA2D;IAC3D,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,iCAAiC;IACjC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,sEAAsE;IACtE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,kFAAkF;IAClF,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,oEAAoE;IACpE,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,kDAAkD;IAClD,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,8EAA8E;IAC9E,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED;;;;;;;;GAQG;AACH,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,OAAO,EACP,WAAW,EACX,IAAI,EACJ,KAAK,EACL,KAAK,EACL,MAAM,EACN,OAAO,EACP,KAAK,GACN,EAAE,eAAe,GAAG,KAAK,CAAC,YAAY,CAwFtC"}

package/dist/native/marketing/EntityCard.js

@@ -0,0 +1,43 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EntityCard = EntityCard;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_native_1 = require("react-native");
+const theme_1 = require("../theme");
+const Card_1 = require("../primitives/Card");
+const Eyebrow_1 = require("../primitives/Eyebrow");
+const GenerativeCover_1 = require("../commerce/GenerativeCover");
+/**
+ * A generic content/entity card — the native mirror of the web marketing
+ * `EntityCard`, collapsing the templates' bespoke `PostCard` / `ServiceCard` /
+ * `SpeakerCard` / `ListingCard` / `ProgramCard` into props. Composes the native
+ * `Card` with an inset media frame (an `Image` when `media.imageUrl` is set,
+ * else a seeded {@link GenerativeCover}), an optional `Eyebrow`, the `title`
+ * heading, an optional `description`, a `meta` line, an optional corner `badge`,
+ * and a `footer` slot. `onPress` is native's `href`. Token-only.
+ */
+function EntityCard({ title, eyebrow, description, meta, media, badge, footer, onPress, style, }) {
+    const { colors, tokens } = (0, theme_1.useXenitionTheme)();
+    const mediaBox = media ? ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: {
+            aspectRatio: media.aspect ?? 1.6,
+            width: '100%',
+            overflow: 'hidden',
+            borderRadius: tokens.radius.md,
+            backgroundColor: tokens.ramps.neutral[100],
+        }, children: media.imageUrl ? ((0, jsx_runtime_1.jsx)(react_native_1.Image, { source: { uri: media.imageUrl }, accessible: true, accessibilityLabel: title, resizeMode: "cover", style: { width: '100%', height: '100%' } })) : ((0, jsx_runtime_1.jsx)(GenerativeCover_1.GenerativeCover, { seed: media.seed ?? title, label: title, style: { width: '100%', height: '100%' } })) })) : null;
+    const body = ((0, jsx_runtime_1.jsxs)(Card_1.Card, { style: [{ gap: tokens.spacing.sm }, style], children: [badge ? ((0, jsx_runtime_1.jsx)(react_native_1.View, { testID: "xen-entity-badge", style: {
+                    position: 'absolute',
+                    right: tokens.spacing.md,
+                    top: tokens.spacing.md,
+                    zIndex: 10,
+                }, children: badge })) : null, mediaBox, eyebrow ? (0, jsx_runtime_1.jsx)(Eyebrow_1.Eyebrow, { children: eyebrow }) : null, (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: {
+                    color: colors.onSurface,
+                    fontSize: tokens.typography.scale.lg,
+                    fontWeight: '600',
+                }, children: title }), description ? ((0, jsx_runtime_1.jsx)(react_native_1.Text, { style: { color: colors.muted, fontSize: tokens.typography.scale.sm }, children: description })) : null, meta ? ((0, jsx_runtime_1.jsx)(react_native_1.Text, { testID: "xen-entity-meta", style: { color: colors.onSurface, fontSize: tokens.typography.scale.sm, fontWeight: '500' }, children: meta })) : null, footer ? (0, jsx_runtime_1.jsx)(react_native_1.View, { style: { marginTop: tokens.spacing.xs }, children: footer }) : null] }));
+    if (onPress) {
+        return ((0, jsx_runtime_1.jsx)(react_native_1.Pressable, { accessibilityRole: "button", accessibilityLabel: title, onPress: onPress, style: ({ pressed }) => ({ opacity: pressed ? 0.9 : 1 }), children: body }));
+    }
+    return body;
+}
+//# sourceMappingURL=EntityCard.js.map

package/dist/native/marketing/EntityCard.js.map

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

package/dist/native/marketing/FAQ.d.ts

@@ -0,0 +1,26 @@
+import * as React from 'react';
+import { type StyleProp, type ViewStyle } from 'react-native';
+export interface FAQItemData {
+    /** The question line (toggle button text). */
+    question: string;
+    /** The answer body, revealed when expanded. */
+    answer: React.ReactNode;
+}
+export interface FAQProps {
+    /** Q/A pairs (mirrors the web `FAQItem` children). */
+    items: FAQItemData[];
+    /** Allow multiple panels open at once (default: single). */
+    multiple?: boolean;
+    /** Questions expanded on first render. */
+    defaultOpen?: string[];
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * Accordion of question/answer rows — the native mirror of the web `FAQ` +
+ * `FAQItem`. The web version composes children and animates height with the CSS
+ * grid `0fr → 1fr` trick; native takes an `items` data array and expands inline
+ * with `LayoutAnimation` (same idiom as the native `Accordion` primitive).
+ * Token-only.
+ */
+export declare function FAQ({ items, multiple, defaultOpen, style, }: FAQProps): React.ReactElement;
+//# sourceMappingURL=FAQ.d.ts.map