@xenition/ui 0.1.0 → 0.1.2

package/dist/native/marketing/Carousel.js

@@ -0,0 +1,95 @@
+"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.Carousel = Carousel;
+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");
+const useReducedMotion_1 = require("../primitives/internal/useReducedMotion");
+/**
+ * Horizontal, page-snapping slider — the native mirror of the web `Carousel`.
+ * The web version scroll-snaps a flex row; native uses a `pagingEnabled`
+ * horizontal `ScrollView` where each slide is one page wide. Swiping drives the
+ * active dot, and tapping a dot pages to that slide. The web prev/next arrows
+ * and hover/focus pause are dropped (touch has no hover); autoplay still honors
+ * reduced motion. Token-only.
+ */
+function Carousel({ items, dots = true, autoplay = 0, label = 'Carousel', style, }) {
+    const { colors, tokens } = (0, theme_1.useXenitionTheme)();
+    const reduced = (0, useReducedMotion_1.useReducedMotion)();
+    const count = items.length;
+    const [active, setActive] = React.useState(0);
+    const [width, setWidth] = React.useState(0);
+    const scrollerRef = React.useRef(null);
+    const goTo = React.useCallback((index) => {
+        if (count === 0 || width === 0)
+            return;
+        const nextIndex = ((index % count) + count) % count;
+        setActive(nextIndex);
+        scrollerRef.current?.scrollTo({
+            x: nextIndex * width,
+            animated: !reduced,
+        });
+    }, [count, width, reduced]);
+    React.useEffect(() => {
+        if (!autoplay || autoplay <= 0 || reduced || count <= 1 || width === 0) {
+            return undefined;
+        }
+        const id = setInterval(() => goTo(active + 1), autoplay);
+        return () => clearInterval(id);
+    }, [autoplay, reduced, count, width, active, goTo]);
+    const onLayout = (event) => {
+        setWidth(event.nativeEvent.layout.width);
+    };
+    const onMomentumScrollEnd = (event) => {
+        if (width === 0)
+            return;
+        const next = Math.round(event.nativeEvent.contentOffset.x / width);
+        setActive(next);
+    };
+    return ((0, jsx_runtime_1.jsxs)(react_native_1.View, { testID: "xen-carousel", accessibilityLabel: label, style: style, children: [(0, jsx_runtime_1.jsx)(react_native_1.ScrollView, { ref: scrollerRef, horizontal: true, pagingEnabled: true, showsHorizontalScrollIndicator: false, onLayout: onLayout, onMomentumScrollEnd: onMomentumScrollEnd, children: items.map((slide, i) => ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: { width: width || undefined }, children: slide }, i))) }), dots && count > 1 ? ((0, jsx_runtime_1.jsx)(react_native_1.View, { testID: "xen-carousel-dots", style: {
+                    flexDirection: 'row',
+                    justifyContent: 'center',
+                    gap: tokens.spacing.xs,
+                    marginTop: tokens.spacing.md,
+                }, children: items.map((_, i) => ((0, jsx_runtime_1.jsx)(react_native_1.View, { accessibilityRole: "button", accessibilityLabel: `Go to slide ${i + 1}`, accessibilityState: { selected: i === active }, onTouchEnd: () => goTo(i), style: {
+                        height: 8,
+                        width: i === active ? 20 : 8,
+                        borderRadius: tokens.radius.full,
+                        backgroundColor: i === active ? colors.primary : tokens.ramps.neutral[300],
+                    } }, i))) })) : null] }));
+}
+//# sourceMappingURL=Carousel.js.map

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

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

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

@@ -0,0 +1,38 @@
+import * as React from 'react';
+import { type StyleProp, type ViewStyle } from 'react-native';
+export interface ComparisonColumn {
+    /** Column (plan) name shown in the header. */
+    name: string;
+    /** Emphasize this column as the recommended choice. */
+    highlight?: boolean;
+}
+export interface ComparisonRow {
+    /** Feature label for the row (leading cell). */
+    label: string;
+    /** One value per column: `true` → check, `false` → dash, string → text. */
+    values: (boolean | string)[];
+}
+export interface ComparisonTableProps {
+    /** Plan columns compared across the top. */
+    columns: ComparisonColumn[];
+    /** Feature rows; each `values[i]` maps to `columns[i]`. */
+    rows: ComparisonRow[];
+    /** Label for the empty top-left corner cell. */
+    featureLabel?: string;
+    /** Badge text on the highlighted column header. */
+    highlightLabel?: string;
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * Feature-comparison matrix — the native mirror of the web `ComparisonTable`.
+ * Plan `columns` across the top × feature `rows` down the side, with
+ * check/dash/text cells and an optional highlighted recommended column.
+ *
+ * Native layout choice: rather than the base `Table` primitive, this is a
+ * hand-built token-styled matrix wrapped in a horizontal `ScrollView` so the
+ * true grid survives on phones — the sticky-ish feature label column keeps a
+ * fixed width while the plan columns scroll horizontally when they overflow.
+ * Token-only.
+ */
+export declare function ComparisonTable({ columns, rows, featureLabel, highlightLabel, style, }: ComparisonTableProps): React.ReactElement;
+//# sourceMappingURL=ComparisonTable.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ComparisonTable.d.ts","sourceRoot":"","sources":["../../../src/native/marketing/ComparisonTable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAA0B,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAGtF,MAAM,WAAW,gBAAgB;IAC/B,8CAA8C;IAC9C,IAAI,EAAE,MAAM,CAAC;IACb,uDAAuD;IACvD,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,WAAW,aAAa;IAC5B,gDAAgD;IAChD,KAAK,EAAE,MAAM,CAAC;IACd,2EAA2E;IAC3E,MAAM,EAAE,CAAC,OAAO,GAAG,MAAM,CAAC,EAAE,CAAC;CAC9B;AAED,MAAM,WAAW,oBAAoB;IACnC,4CAA4C;IAC5C,OAAO,EAAE,gBAAgB,EAAE,CAAC;IAC5B,2DAA2D;IAC3D,IAAI,EAAE,aAAa,EAAE,CAAC;IACtB,gDAAgD;IAChD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,mDAAmD;IACnD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAKD;;;;;;;;;;GAUG;AACH,wBAAgB,eAAe,CAAC,EAC9B,OAAO,EACP,IAAI,EACJ,YAAiB,EACjB,cAA8B,EAC9B,KAAK,GACN,EAAE,oBAAoB,GAAG,KAAK,CAAC,YAAY,CA0I3C"}

package/dist/native/marketing/ComparisonTable.js

@@ -0,0 +1,84 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ComparisonTable = ComparisonTable;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_native_1 = require("react-native");
+const theme_1 = require("../theme");
+const LABEL_WIDTH = 140;
+const CELL_WIDTH = 96;
+/**
+ * Feature-comparison matrix — the native mirror of the web `ComparisonTable`.
+ * Plan `columns` across the top × feature `rows` down the side, with
+ * check/dash/text cells and an optional highlighted recommended column.
+ *
+ * Native layout choice: rather than the base `Table` primitive, this is a
+ * hand-built token-styled matrix wrapped in a horizontal `ScrollView` so the
+ * true grid survives on phones — the sticky-ish feature label column keeps a
+ * fixed width while the plan columns scroll horizontally when they overflow.
+ * Token-only.
+ */
+function ComparisonTable({ columns, rows, featureLabel = '', highlightLabel = 'Recommended', style, }) {
+    const { colors, tokens } = (0, theme_1.useXenitionTheme)();
+    const renderValue = (value) => {
+        if (value === true) {
+            return (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: { color: colors.success, fontWeight: '700' }, children: "\u2713" });
+        }
+        if (value === false) {
+            return (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: { color: colors.muted, fontWeight: '700' }, children: "\u2013" });
+        }
+        return ((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.jsx)(react_native_1.View, { testID: "xen-comparison", style: [
+            {
+                borderWidth: 1,
+                borderColor: colors.border,
+                borderRadius: tokens.radius.lg,
+                overflow: 'hidden',
+            },
+            style,
+        ], children: (0, jsx_runtime_1.jsx)(react_native_1.ScrollView, { horizontal: true, showsHorizontalScrollIndicator: false, children: (0, jsx_runtime_1.jsxs)(react_native_1.View, { children: [(0, jsx_runtime_1.jsxs)(react_native_1.View, { style: {
+                            flexDirection: 'row',
+                            backgroundColor: tokens.ramps.neutral[50],
+                            borderBottomWidth: 1,
+                            borderBottomColor: colors.border,
+                        }, children: [(0, jsx_runtime_1.jsx)(react_native_1.View, { style: { width: LABEL_WIDTH, padding: tokens.spacing.md }, children: (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: {
+                                        color: colors.onSurface,
+                                        fontSize: tokens.typography.scale.sm,
+                                        fontWeight: '600',
+                                    }, children: featureLabel }) }), columns.map((column, i) => ((0, jsx_runtime_1.jsxs)(react_native_1.View, { style: {
+                                    width: CELL_WIDTH,
+                                    padding: tokens.spacing.md,
+                                    alignItems: 'center',
+                                    gap: tokens.spacing.xs,
+                                    backgroundColor: column.highlight ? tokens.ramps.primary[50] : 'transparent',
+                                }, children: [(0, jsx_runtime_1.jsx)(react_native_1.Text, { style: {
+                                            color: column.highlight ? colors.primary : colors.onSurface,
+                                            fontSize: tokens.typography.scale.sm,
+                                            fontWeight: '600',
+                                            textAlign: 'center',
+                                        }, children: column.name }), column.highlight ? ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: {
+                                            backgroundColor: colors.primary,
+                                            borderRadius: tokens.radius.full,
+                                            paddingHorizontal: tokens.spacing.xs,
+                                            paddingVertical: 1,
+                                        }, children: (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: {
+                                                color: colors.onPrimary,
+                                                fontSize: tokens.typography.scale.xs,
+                                                fontWeight: '500',
+                                            }, children: highlightLabel }) })) : null] }, i)))] }), rows.map((row, r) => ((0, jsx_runtime_1.jsxs)(react_native_1.View, { style: {
+                            flexDirection: 'row',
+                            borderBottomWidth: r < rows.length - 1 ? 1 : 0,
+                            borderBottomColor: colors.border,
+                        }, children: [(0, jsx_runtime_1.jsx)(react_native_1.View, { style: { width: LABEL_WIDTH, padding: tokens.spacing.md }, children: (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: {
+                                        color: colors.onSurface,
+                                        fontSize: tokens.typography.scale.sm,
+                                        fontWeight: '500',
+                                    }, children: row.label }) }), columns.map((column, c) => ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: {
+                                    width: CELL_WIDTH,
+                                    padding: tokens.spacing.md,
+                                    alignItems: 'center',
+                                    justifyContent: 'center',
+                                    backgroundColor: column.highlight ? tokens.ramps.primary[50] : 'transparent',
+                                }, children: renderValue(row.values[c] ?? false) }, c)))] }, r)))] }) }) }));
+}
+//# sourceMappingURL=ComparisonTable.js.map

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

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

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

@@ -0,0 +1,25 @@
+import * as React from 'react';
+import { type StyleProp, type ViewStyle } from 'react-native';
+export interface CountdownProps {
+    /** Target date/time to count down to. */
+    to: Date | string;
+    /** Fired once when the countdown reaches zero. */
+    onComplete?: () => void;
+    /** Labels for the four boxes. */
+    labels?: {
+        days: string;
+        hours: string;
+        minutes: string;
+        seconds: string;
+    };
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * Counts down to a target date/time in days/hours/mins/secs boxes — the native
+ * mirror of the web `Countdown`. A 1s `setInterval` ticks the display and is
+ * cleaned up on unmount. The time text is information (not motion), so the
+ * interval still runs under reduced motion — only decorative animation would be
+ * gated. Token-only — box surface/border/text all trace to theme tokens.
+ */
+export declare function Countdown({ to, onComplete, labels, style, }: CountdownProps): React.ReactElement;
+//# sourceMappingURL=Countdown.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Countdown.d.ts","sourceRoot":"","sources":["../../../src/native/marketing/Countdown.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,cAAc;IAC7B,yCAAyC;IACzC,EAAE,EAAE,IAAI,GAAG,MAAM,CAAC;IAClB,kDAAkD;IAClD,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,iCAAiC;IACjC,MAAM,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE,CAAC;IAC3E,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AA2BD;;;;;;GAMG;AACH,wBAAgB,SAAS,CAAC,EACxB,EAAE,EACF,UAAU,EACV,MAAuB,EACvB,KAAK,GACN,EAAE,cAAc,GAAG,KAAK,CAAC,YAAY,CAyErC"}

package/dist/native/marketing/Countdown.js

@@ -0,0 +1,107 @@
+"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.Countdown = Countdown;
+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");
+const DEFAULT_LABELS = { days: 'Days', hours: 'Hours', minutes: 'Mins', seconds: 'Secs' };
+/** Remaining time between now and `target`, clamped at zero. */
+function computeParts(target) {
+    const diff = Math.max(0, target - Date.now());
+    const totalSeconds = Math.floor(diff / 1000);
+    return {
+        days: Math.floor(totalSeconds / 86400),
+        hours: Math.floor((totalSeconds % 86400) / 3600),
+        minutes: Math.floor((totalSeconds % 3600) / 60),
+        seconds: totalSeconds % 60,
+        done: diff === 0,
+    };
+}
+const pad = (n) => String(n).padStart(2, '0');
+/**
+ * Counts down to a target date/time in days/hours/mins/secs boxes — the native
+ * mirror of the web `Countdown`. A 1s `setInterval` ticks the display and is
+ * cleaned up on unmount. The time text is information (not motion), so the
+ * interval still runs under reduced motion — only decorative animation would be
+ * gated. Token-only — box surface/border/text all trace to theme tokens.
+ */
+function Countdown({ to, onComplete, labels = DEFAULT_LABELS, style, }) {
+    const { colors, tokens } = (0, theme_1.useXenitionTheme)();
+    const target = React.useMemo(() => new Date(to).getTime(), [to]);
+    const [parts, setParts] = React.useState(() => computeParts(target));
+    const firedRef = React.useRef(false);
+    React.useEffect(() => {
+        firedRef.current = false;
+        setParts(computeParts(target));
+        const id = setInterval(() => {
+            const next = computeParts(target);
+            setParts(next);
+            if (next.done && !firedRef.current) {
+                firedRef.current = true;
+                onComplete?.();
+                clearInterval(id);
+            }
+        }, 1000);
+        return () => clearInterval(id);
+    }, [target, onComplete]);
+    const boxes = [
+        { value: parts.days, label: labels.days },
+        { value: parts.hours, label: labels.hours },
+        { value: parts.minutes, label: labels.minutes },
+        { value: parts.seconds, label: labels.seconds },
+    ];
+    return ((0, jsx_runtime_1.jsx)(react_native_1.View, { testID: "xen-countdown", accessibilityRole: "text", style: [{ flexDirection: 'row', gap: tokens.spacing.sm }, style], children: boxes.map((box) => ((0, jsx_runtime_1.jsxs)(react_native_1.View, { style: {
+                minWidth: 56,
+                alignItems: 'center',
+                gap: tokens.spacing.xs,
+                borderRadius: tokens.radius.md,
+                borderWidth: 1,
+                borderColor: colors.border,
+                backgroundColor: colors.surface,
+                paddingHorizontal: tokens.spacing.sm,
+                paddingVertical: tokens.spacing.md,
+            }, children: [(0, jsx_runtime_1.jsx)(react_native_1.Text, { style: {
+                        color: colors.onSurface,
+                        fontSize: tokens.typography.scale['2xl'],
+                        fontWeight: '700',
+                    }, children: pad(box.value) }), (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: {
+                        color: colors.muted,
+                        fontSize: tokens.typography.scale.xs,
+                        textTransform: 'uppercase',
+                    }, children: box.label })] }, box.label))) }));
+}
+//# sourceMappingURL=Countdown.js.map

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

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

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

@@ -0,0 +1,38 @@
+import * as React from 'react';
+import { type StyleProp, type ViewStyle } from 'react-native';
+export interface CoverGalleryItem {
+    /** Stable seed for this plate's generative composition. */
+    seed: string | number;
+    /**
+     * Real image URL. When set, an `Image` is drawn instead of the seeded
+     * {@link GenerativeCover} plate.
+     */
+    imageUrl?: string;
+    /** Accessible label for the plate. */
+    label?: string;
+    /** Caption rendered under the plate (title of the piece / work). */
+    caption?: string;
+    /** Small secondary line under the caption (medium, year, artist, …). */
+    meta?: string;
+    /** When set, the whole tile is pressable (native equivalent of the web `href`). */
+    onPress?: () => void;
+}
+export interface CoverGalleryProps {
+    /** The plates to render. */
+    items: CoverGalleryItem[];
+    /** Column count (native wraps into rows of this width; default 3). */
+    columns?: 2 | 3 | 4;
+    /** width / height aspect ratio of every plate (default 1 — square). */
+    aspect?: number;
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * A gallery of seeded {@link GenerativeCover} plates (or real images) with
+ * captions — the native mirror of the web `CoverGallery`. The web CSS-grid
+ * breakpoints become a flex-wrap row with `flexBasis` columns; each tile
+ * optionally becomes a `Pressable` (native's `href`). The native
+ * `GenerativeCover` has a simpler seed/label contract, so the web `form`/`ink`/
+ * `paper` per-plate role overrides are dropped. Token-only — no literal colors.
+ */
+export declare function CoverGallery({ items, columns, aspect, style, }: CoverGalleryProps): React.ReactElement;
+//# sourceMappingURL=CoverGallery.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CoverGallery.d.ts","sourceRoot":"","sources":["../../../src/native/marketing/CoverGallery.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAgC,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAI5F,MAAM,WAAW,gBAAgB;IAC/B,2DAA2D;IAC3D,IAAI,EAAE,MAAM,GAAG,MAAM,CAAC;IACtB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,sCAAsC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oEAAoE;IACpE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,wEAAwE;IACxE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,mFAAmF;IACnF,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,MAAM,WAAW,iBAAiB;IAChC,4BAA4B;IAC5B,KAAK,EAAE,gBAAgB,EAAE,CAAC;IAC1B,sEAAsE;IACtE,OAAO,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACpB,uEAAuE;IACvE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED;;;;;;;GAOG;AACH,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,OAAW,EACX,MAAU,EACV,KAAK,GACN,EAAE,iBAAiB,GAAG,KAAK,CAAC,YAAY,CAyFxC"}

package/dist/native/marketing/CoverGallery.js

@@ -0,0 +1,41 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CoverGallery = CoverGallery;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_native_1 = require("react-native");
+const theme_1 = require("../theme");
+const GenerativeCover_1 = require("../commerce/GenerativeCover");
+/**
+ * A gallery of seeded {@link GenerativeCover} plates (or real images) with
+ * captions — the native mirror of the web `CoverGallery`. The web CSS-grid
+ * breakpoints become a flex-wrap row with `flexBasis` columns; each tile
+ * optionally becomes a `Pressable` (native's `href`). The native
+ * `GenerativeCover` has a simpler seed/label contract, so the web `form`/`ink`/
+ * `paper` per-plate role overrides are dropped. Token-only — no literal colors.
+ */
+function CoverGallery({ items, columns = 3, aspect = 1, style, }) {
+    const { colors, tokens } = (0, theme_1.useXenitionTheme)();
+    const basis = `${100 / columns}%`;
+    return ((0, jsx_runtime_1.jsx)(react_native_1.View, { testID: "xen-cover-gallery", style: [
+            { flexDirection: 'row', flexWrap: 'wrap', gap: tokens.spacing.lg },
+            style,
+        ], children: items.map((item, index) => {
+            const seed = String(item.seed);
+            const label = item.label ?? (typeof item.caption === 'string' ? item.caption : undefined);
+            const plate = ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: {
+                    aspectRatio: aspect,
+                    width: '100%',
+                    overflow: 'hidden',
+                    borderRadius: tokens.radius.md,
+                    backgroundColor: tokens.ramps.neutral[100],
+                }, children: item.imageUrl ? ((0, jsx_runtime_1.jsx)(react_native_1.Image, { source: { uri: item.imageUrl }, accessible: true, accessibilityLabel: label, resizeMode: "cover", style: { width: '100%', height: '100%' } })) : ((0, jsx_runtime_1.jsx)(GenerativeCover_1.GenerativeCover, { seed: seed, label: label, style: { width: '100%', height: '100%' } })) }));
+            const caption = item.caption !== undefined || item.meta !== undefined ? ((0, jsx_runtime_1.jsxs)(react_native_1.View, { style: { gap: tokens.spacing.xs }, children: [item.caption !== undefined ? ((0, jsx_runtime_1.jsx)(react_native_1.Text, { style: {
+                            color: colors.onSurface,
+                            fontSize: tokens.typography.scale.base,
+                            fontWeight: '600',
+                        }, children: item.caption })) : null, item.meta !== undefined ? ((0, jsx_runtime_1.jsx)(react_native_1.Text, { style: { color: colors.muted, fontSize: tokens.typography.scale.sm }, children: item.meta })) : null] })) : null;
+            const tile = ((0, jsx_runtime_1.jsxs)(react_native_1.View, { style: { gap: tokens.spacing.sm }, children: [plate, caption] }));
+            return ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: { flexGrow: 1, flexBasis: basis, minWidth: 120 }, children: item.onPress ? ((0, jsx_runtime_1.jsx)(react_native_1.Pressable, { accessibilityRole: "button", accessibilityLabel: label ?? 'View', onPress: item.onPress, style: ({ pressed }) => ({ opacity: pressed ? 0.9 : 1 }), children: tile })) : (tile) }, index));
+        }) }));
+}
+//# sourceMappingURL=CoverGallery.js.map

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

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

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

@@ -0,0 +1,73 @@
+import * as React from 'react';
+import { type StyleProp, type ViewStyle } from 'react-native';
+export interface EditorialItemData {
+    /**
+     * Column span at the web `lg` breakpoint. Kept for prop parity with the web
+     * `EditorialItem`; **inert on native** (phones are single-column, so there is
+     * no multi-column grid to span).
+     */
+    span?: number;
+    /**
+     * 1-based start column at the web `lg` breakpoint. Kept for parity; **inert
+     * on native** (no grid to place into).
+     */
+    start?: number;
+    /**
+     * Vertical overlap offset (px) at the web `lg` breakpoint. Kept for parity;
+     * **inert on native** — the overlap has no phone analogue, so items always
+     * stack cleanly with no negative pull.
+     */
+    offset?: number;
+    /**
+     * Explicit web stacking order. Kept for parity; **inert on native** — a
+     * clean vertical stack has no overlap to order.
+     */
+    z?: number;
+    /** The media / cover content for this cell. */
+    media?: React.ReactNode;
+    /** Caption slot rendered below the media on a `surface` backing. */
+    caption?: React.ReactNode;
+}
+export interface EditorialItemProps extends EditorialItemData {
+    style?: StyleProp<ViewStyle>;
+}
+export interface EditorialGridProps {
+    /**
+     * Column count at the web `lg` breakpoint. Kept for parity with the web
+     * `EditorialGrid`; **inert on native** (always a single column).
+     */
+    columns?: number;
+    /**
+     * The editorial cells to render (mirrors the web `EditorialItem` children).
+     * Provide either this data array or `EditorialItem` children — the array
+     * wins if both are given.
+     */
+    items?: EditorialItemData[];
+    /**
+     * `EditorialItem` children, for callers that prefer composition over the
+     * `items` array. Ignored when `items` is provided.
+     */
+    children?: React.ReactNode;
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * One editorial cell — the native mirror of the web `EditorialItem`: the media
+ * with a `surface`-backed caption below it. The web `span`/`start`/`offset`/`z`
+ * geometry props are accepted for parity but are inert on native (see their
+ * doc comments). Token-only.
+ */
+export declare function EditorialItem({ media, caption, children, style, }: EditorialItemProps & {
+    children?: React.ReactNode;
+}): React.ReactElement;
+/**
+ * Editorial layout — the native mirror of the web `EditorialGrid`.
+ *
+ * The web version is an asymmetric 12-column overlap grid (uneven spans/starts
+ * plus negative offsets so covers overlap each other's rows, with z-order
+ * keeping captions readable). That overlap has **no phone analogue**, so native
+ * renders the items as a clean vertical stack, each item's caption slotted
+ * directly below its media/children. The `columns`/`span`/`start`/`offset`/`z`
+ * props are preserved for prop parity but are **inert** on native. Token-only.
+ */
+export declare function EditorialGrid({ items, children, style, }: EditorialGridProps): React.ReactElement;
+//# sourceMappingURL=EditorialGrid.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EditorialGrid.d.ts","sourceRoot":"","sources":["../../../src/native/marketing/EditorialGrid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAQ,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAGpE,MAAM,WAAW,iBAAiB;IAChC;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,+CAA+C;IAC/C,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,oEAAoE;IACpE,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,MAAM,WAAW,kBAAmB,SAAQ,iBAAiB;IAC3D,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,MAAM,WAAW,kBAAkB;IACjC;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;;OAIG;IACH,KAAK,CAAC,EAAE,iBAAiB,EAAE,CAAC;IAC5B;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED;;;;;GAKG;AACH,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,OAAO,EACP,QAAQ,EACR,KAAK,GACN,EAAE,kBAAkB,GAAG;IAAE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,GAAG,KAAK,CAAC,YAAY,CAY1E;AAED;;;;;;;;;GASG;AACH,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,QAAQ,EACR,KAAK,GACN,EAAE,kBAAkB,GAAG,KAAK,CAAC,YAAY,CAczC"}

package/dist/native/marketing/EditorialGrid.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EditorialItem = EditorialItem;
+exports.EditorialGrid = EditorialGrid;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_native_1 = require("react-native");
+const theme_1 = require("../theme");
+/**
+ * One editorial cell — the native mirror of the web `EditorialItem`: the media
+ * with a `surface`-backed caption below it. The web `span`/`start`/`offset`/`z`
+ * geometry props are accepted for parity but are inert on native (see their
+ * doc comments). Token-only.
+ */
+function EditorialItem({ media, caption, children, style, }) {
+    const { colors, tokens } = (0, theme_1.useXenitionTheme)();
+    return ((0, jsx_runtime_1.jsxs)(react_native_1.View, { testID: "xen-editorial-item", style: [{ minWidth: 0 }, style], children: [media !== undefined ? media : children, caption !== undefined ? ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: { backgroundColor: colors.surface, paddingTop: tokens.spacing.sm }, children: caption })) : null] }));
+}
+/**
+ * Editorial layout — the native mirror of the web `EditorialGrid`.
+ *
+ * The web version is an asymmetric 12-column overlap grid (uneven spans/starts
+ * plus negative offsets so covers overlap each other's rows, with z-order
+ * keeping captions readable). That overlap has **no phone analogue**, so native
+ * renders the items as a clean vertical stack, each item's caption slotted
+ * directly below its media/children. The `columns`/`span`/`start`/`offset`/`z`
+ * props are preserved for prop parity but are **inert** on native. Token-only.
+ */
+function EditorialGrid({ items, children, style, }) {
+    const { tokens } = (0, theme_1.useXenitionTheme)();
+    return ((0, jsx_runtime_1.jsx)(react_native_1.View, { testID: "xen-editorial-grid", style: [{ gap: tokens.spacing['2xl'] }, style], children: items !== undefined
+            ? items.map((it, i) => ((0, jsx_runtime_1.jsx)(EditorialItem, { media: it.media, caption: it.caption }, i)))
+            : children }));
+}
+//# sourceMappingURL=EditorialGrid.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EditorialGrid.js","sourceRoot":"","sources":["../../../src/native/marketing/EditorialGrid.tsx"],"names":[],"mappings":";;AA+DA,sCAiBC;AAYD,sCAkBC;;AA7GD,+CAAoE;AACpE,oCAA4C;AAuD5C;;;;;GAKG;AACH,SAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,OAAO,EACP,QAAQ,EACR,KAAK,GAC+C;IACpD,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,IAAA,wBAAgB,GAAE,CAAC;IAC9C,OAAO,CACL,wBAAC,mBAAI,IAAC,MAAM,EAAC,oBAAoB,EAAC,KAAK,EAAE,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAE,EAAE,KAAK,CAAC,aAC9D,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,EACtC,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,CACvB,uBAAC,mBAAI,IAAC,KAAK,EAAE,EAAE,eAAe,EAAE,MAAM,CAAC,OAAO,EAAE,UAAU,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE,EAAE,YAC5E,OAAO,GACH,CACR,CAAC,CAAC,CAAC,IAAI,IACH,CACR,CAAC;AACJ,CAAC;AAED;;;;;;;;;GASG;AACH,SAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,QAAQ,EACR,KAAK,GACc;IACnB,MAAM,EAAE,MAAM,EAAE,GAAG,IAAA,wBAAgB,GAAE,CAAC;IACtC,OAAO,CACL,uBAAC,mBAAI,IACH,MAAM,EAAC,oBAAoB,EAC3B,KAAK,EAAE,CAAC,EAAE,GAAG,EAAE,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,EAAE,KAAK,CAAC,YAE7C,KAAK,KAAK,SAAS;YAClB,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC,CACnB,uBAAC,aAAa,IAAS,KAAK,EAAE,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,EAAE,CAAC,OAAO,IAAvC,CAAC,CAA0C,CAChE,CAAC;YACJ,CAAC,CAAC,QAAQ,GACP,CACR,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,29 @@
+import * as React from 'react';
+import { type StyleProp, type ViewStyle } from 'react-native';
+export interface FeatureSplitProps {
+    /** Small kicker above the title. */
+    eyebrow?: React.ReactNode;
+    /** Feature headline. */
+    title: React.ReactNode;
+    /** Supporting copy under the title. */
+    description?: React.ReactNode;
+    /** Check-marked selling points. */
+    bullets?: string[];
+    /** Visual slot; omit for a token-styled placeholder. */
+    media?: React.ReactNode;
+    /** Flip the stack order — media below the copy instead of above. */
+    reverse?: boolean;
+    /** Call-to-action slot under the copy — rendered as-is. */
+    action?: React.ReactNode;
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * Media-beside-copy feature row — the native mirror of the web `FeatureSplit`.
+ * The web version is a two-column grid on desktop; **native always stacks
+ * vertically** (phones are narrow), with media on top by default and `reverse`
+ * flipping it below the copy. When no `media` is supplied the web seeds a
+ * `GenerativeCover`; native renders a token-styled 16:9 placeholder instead
+ * (no generative canvas on native). Token-only.
+ */
+export declare function FeatureSplit({ eyebrow, title, description, bullets, media, reverse, action, style, }: FeatureSplitProps): React.ReactElement;
+//# sourceMappingURL=FeatureSplit.d.ts.map