@xenition/ui 0.1.0 → 0.1.2

package/dist/native/marketing/ParticleField.js

@@ -0,0 +1,92 @@
+"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.ParticleField = ParticleField;
+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 color_1 = require("../primitives/internal/color");
+const GOLDEN = 0.618033988749895;
+const TUNING = {
+    ember: { sizeMin: 3, sizeMax: 8, role: 'primary', step: 400 },
+    sparks: { sizeMin: 2, sizeMax: 4.5, role: 'accent', step: 500 },
+    snow: { sizeMin: 2.5, sizeMax: 6.5, role: 'neutral', step: 200 },
+    fireflies: { sizeMin: 3, sizeMax: 5.5, role: 'accent', step: 400 },
+};
+const clampDensity = (density) => Math.max(0, Math.min(80, Math.round(density)));
+/**
+ * Deterministic golden-ratio low-discrepancy scatter — replicated from the web
+ * `computeParticles` (its module pulls DOM helpers at import, so we inline the
+ * pure math here). Same (mood, density, seed) → same layout on every device.
+ */
+function computeNativeParticles(mood, density, seed) {
+    const tune = TUNING[mood];
+    return Array.from({ length: clampDensity(density) }, (_, i) => {
+        const t = ((i + seed) * GOLDEN) % 1;
+        const u = ((i + seed + 7) * GOLDEN) % 1;
+        const v = ((i + seed + 13) * GOLDEN) % 1;
+        return {
+            x: `${(t * 100).toFixed(1)}%`,
+            y: `${(8 + v * 84).toFixed(1)}%`,
+            size: Number((tune.sizeMin + u * (tune.sizeMax - tune.sizeMin)).toFixed(1)),
+            opacity: Number((0.35 + t * 0.4).toFixed(2)),
+        };
+    });
+}
+/**
+ * Native mirror of the web `ParticleField`. The web version animates each
+ * particle on an infinite CSS keyframe path (rise/fall/blink). React Native
+ * gets a **static, deterministic scatter** of small fully-rounded token-colored
+ * dot Views — no animation loop, so there is nothing to honor for reduced
+ * motion (it is already the reduced-motion rest pose). The `mood`/`density`/
+ * `seed` props are preserved: `mood` selects the dot color + size range,
+ * `density`/`seed` drive the same golden-ratio layout as web. Token-only.
+ */
+function ParticleField({ mood = 'ember', density = 18, seed = 1, children, style, }) {
+    const { tokens } = (0, theme_1.useXenitionTheme)();
+    const particles = React.useMemo(() => computeNativeParticles(mood, density, seed), [mood, density, seed]);
+    const base = tokens.ramps[TUNING[mood].role][TUNING[mood].step];
+    return ((0, jsx_runtime_1.jsxs)(react_native_1.View, { testID: "xen-particle-field", pointerEvents: "none", style: [react_native_1.StyleSheet.absoluteFill, { overflow: 'hidden' }, style], children: [particles.map((p, index) => ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: {
+                    position: 'absolute',
+                    left: p.x,
+                    top: p.y,
+                    width: p.size,
+                    height: p.size,
+                    borderRadius: 9999,
+                    backgroundColor: (0, color_1.withAlpha)(base, p.opacity),
+                } }, index))), children !== undefined && children !== null ? ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: react_native_1.StyleSheet.absoluteFill, children: children })) : null] }));
+}
+//# sourceMappingURL=ParticleField.js.map

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

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

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

@@ -0,0 +1,22 @@
+import * as React from 'react';
+export type PointerHaloMode = 'idle' | 'link' | 'grow';
+export interface PointerHaloProps {
+    /** Halo diameter at rest, px (web only). */
+    size?: number;
+    /** Diameter when hovering interactive elements (web only). */
+    linkSize?: number;
+    /** Diameter over `[data-halo="grow"]` targets (web only). */
+    growSize?: number;
+    /** Caption shown inside the grown halo (web only). */
+    label?: React.ReactNode;
+}
+/**
+ * Native mirror of the web `PointerHalo`. The web component renders a custom
+ * cursor halo that trails a fine (mouse) pointer. Touch devices have **no
+ * cursor**, so on React Native this is a permanent no-op: it always renders
+ * `null` — exactly like the web version does under `prefers-reduced-motion` or
+ * a coarse pointer. The component and its props are kept only for cross-platform
+ * API parity; every prop is **inert** on native.
+ */
+export declare function PointerHalo(_props: PointerHaloProps): React.ReactElement | null;
+//# sourceMappingURL=PointerHalo.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PointerHalo.d.ts","sourceRoot":"","sources":["../../../src/native/marketing/PointerHalo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;AAEvD,MAAM,WAAW,gBAAgB;IAC/B,4CAA4C;IAC5C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,sDAAsD;IACtD,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACzB;AAED;;;;;;;GAOG;AACH,wBAAgB,WAAW,CAAC,MAAM,EAAE,gBAAgB,GAAG,KAAK,CAAC,YAAY,GAAG,IAAI,CAE/E"}

package/dist/native/marketing/PointerHalo.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PointerHalo = PointerHalo;
+/**
+ * Native mirror of the web `PointerHalo`. The web component renders a custom
+ * cursor halo that trails a fine (mouse) pointer. Touch devices have **no
+ * cursor**, so on React Native this is a permanent no-op: it always renders
+ * `null` — exactly like the web version does under `prefers-reduced-motion` or
+ * a coarse pointer. The component and its props are kept only for cross-platform
+ * API parity; every prop is **inert** on native.
+ */
+function PointerHalo(_props) {
+    return null;
+}
+//# sourceMappingURL=PointerHalo.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PointerHalo.js","sourceRoot":"","sources":["../../../src/native/marketing/PointerHalo.tsx"],"names":[],"mappings":";;AAuBA,kCAEC;AAVD;;;;;;;GAOG;AACH,SAAgB,WAAW,CAAC,MAAwB;IAClD,OAAO,IAAI,CAAC;AACd,CAAC"}

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

@@ -0,0 +1,30 @@
+import * as React from 'react';
+import { type StyleProp, type ViewStyle } from 'react-native';
+import { type OrnamentShape } from './OrnamentRule';
+export interface PriceRow {
+    /** Item name (left side of the leader). */
+    name: string;
+    /** Price, already formatted (right side of the leader — the kit never guesses currency). */
+    price: string;
+    /** Supporting line under the row. */
+    description?: string;
+}
+export interface PriceListProps {
+    /** Group heading (e.g. a menu course, a service tier family). */
+    heading?: string;
+    /** The rows to render (mirrors the web `PriceRow` children). */
+    rows: PriceRow[];
+    /** Ornament drawn above the heading (default `diamond`; `none` hides the rule). */
+    ornament?: OrnamentShape;
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * Editorial price group — the native mirror of the web `PriceList` + `PriceRow`.
+ * The web version composes children; native takes a `rows` data array (idiomatic
+ * for RN lists). Each row is `name ········ price`: the label sits left, the price
+ * right, and the web dotted leader is approximated with a flex spacer carrying a
+ * thin low-opacity accent bottom border (RN has no CSS dotted `color-mix` leader).
+ * Reuses the native `OrnamentRule` + `Eyebrow`. Token-only.
+ */
+export declare function PriceList({ heading, rows, ornament, style, }: PriceListProps): React.ReactElement;
+//# sourceMappingURL=PriceList.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PriceList.d.ts","sourceRoot":"","sources":["../../../src/native/marketing/PriceList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAc,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAI1E,OAAO,EAAgB,KAAK,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAElE,MAAM,WAAW,QAAQ;IACvB,2CAA2C;IAC3C,IAAI,EAAE,MAAM,CAAC;IACb,4FAA4F;IAC5F,KAAK,EAAE,MAAM,CAAC;IACd,qCAAqC;IACrC,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,cAAc;IAC7B,iEAAiE;IACjE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,gEAAgE;IAChE,IAAI,EAAE,QAAQ,EAAE,CAAC;IACjB,mFAAmF;IACnF,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED;;;;;;;GAOG;AACH,wBAAgB,SAAS,CAAC,EACxB,OAAO,EACP,IAAI,EACJ,QAAoB,EACpB,KAAK,GACN,EAAE,cAAc,GAAG,KAAK,CAAC,YAAY,CAkErC"}

package/dist/native/marketing/PriceList.js

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PriceList = PriceList;
+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 Eyebrow_1 = require("../primitives/Eyebrow");
+const OrnamentRule_1 = require("./OrnamentRule");
+/**
+ * Editorial price group — the native mirror of the web `PriceList` + `PriceRow`.
+ * The web version composes children; native takes a `rows` data array (idiomatic
+ * for RN lists). Each row is `name ········ price`: the label sits left, the price
+ * right, and the web dotted leader is approximated with a flex spacer carrying a
+ * thin low-opacity accent bottom border (RN has no CSS dotted `color-mix` leader).
+ * Reuses the native `OrnamentRule` + `Eyebrow`. Token-only.
+ */
+function PriceList({ heading, rows, ornament = 'diamond', style, }) {
+    const { colors, tokens } = (0, theme_1.useXenitionTheme)();
+    const leaderColor = (0, color_1.withAlpha)(tokens.ramps.accent[400], 0.4);
+    return ((0, jsx_runtime_1.jsxs)(react_native_1.View, { testID: "xen-price-list", style: [{ gap: tokens.spacing.lg }, style], children: [ornament !== 'none' ? (0, jsx_runtime_1.jsx)(OrnamentRule_1.OrnamentRule, { ornament: ornament, tone: "accent" }) : null, heading !== undefined ? ((0, jsx_runtime_1.jsx)(Eyebrow_1.Eyebrow, { align: "center", tone: "accent", children: heading })) : null, (0, jsx_runtime_1.jsx)(react_native_1.View, { style: { gap: tokens.spacing.lg }, children: rows.map((row, i) => ((0, jsx_runtime_1.jsxs)(react_native_1.View, { testID: "xen-price-row", children: [(0, jsx_runtime_1.jsxs)(react_native_1.View, { style: { flexDirection: 'row', alignItems: 'flex-end' }, children: [(0, jsx_runtime_1.jsx)(react_native_1.Text, { style: {
+                                        color: colors.onSurface,
+                                        fontSize: tokens.typography.scale.xl,
+                                        fontWeight: '600',
+                                    }, children: row.name }), (0, jsx_runtime_1.jsx)(react_native_1.View, { accessibilityElementsHidden: true, importantForAccessibility: "no", style: {
+                                        flex: 1,
+                                        minWidth: 32,
+                                        marginHorizontal: tokens.spacing.sm,
+                                        marginBottom: 6,
+                                        borderBottomWidth: 1,
+                                        borderStyle: 'dotted',
+                                        borderColor: leaderColor,
+                                    } }), (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: {
+                                        color: colors.accent,
+                                        fontSize: tokens.typography.scale.lg,
+                                    }, children: row.price })] }), row.description !== undefined ? ((0, jsx_runtime_1.jsx)(react_native_1.Text, { style: {
+                                marginTop: tokens.spacing.xs,
+                                color: colors.muted,
+                                fontSize: tokens.typography.scale.sm,
+                            }, children: row.description })) : null] }, i))) })] }));
+}
+//# sourceMappingURL=PriceList.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PriceList.js","sourceRoot":"","sources":["../../../src/native/marketing/PriceList.tsx"],"names":[],"mappings":";;AAkCA,8BAuEC;;AAxGD,+CAA0E;AAC1E,oCAA4C;AAC5C,wDAAyD;AACzD,mDAAgD;AAChD,iDAAkE;AAqBlE;;;;;;;GAOG;AACH,SAAgB,SAAS,CAAC,EACxB,OAAO,EACP,IAAI,EACJ,QAAQ,GAAG,SAAS,EACpB,KAAK,GACU;IACf,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,IAAA,wBAAgB,GAAE,CAAC;IAC9C,MAAM,WAAW,GAAG,IAAA,iBAAS,EAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC;IAE7D,OAAO,CACL,wBAAC,mBAAI,IACH,MAAM,EAAC,gBAAgB,EACvB,KAAK,EAAE,CAAC,EAAE,GAAG,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE,EAAE,EAAE,KAAK,CAAC,aAEzC,QAAQ,KAAK,MAAM,CAAC,CAAC,CAAC,uBAAC,2BAAY,IAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAC,QAAQ,GAAG,CAAC,CAAC,CAAC,IAAI,EAC/E,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,CACvB,uBAAC,iBAAO,IAAC,KAAK,EAAC,QAAQ,EAAC,IAAI,EAAC,QAAQ,YAClC,OAAO,GACA,CACX,CAAC,CAAC,CAAC,IAAI,EACR,uBAAC,mBAAI,IAAC,KAAK,EAAE,EAAE,GAAG,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE,EAAE,YACpC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC,CACpB,wBAAC,mBAAI,IAAS,MAAM,EAAC,eAAe,aAClC,wBAAC,mBAAI,IAAC,KAAK,EAAE,EAAE,aAAa,EAAE,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,aAC3D,uBAAC,mBAAI,IACH,KAAK,EAAE;wCACL,KAAK,EAAE,MAAM,CAAC,SAAS;wCACvB,QAAQ,EAAE,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE;wCACpC,UAAU,EAAE,KAAK;qCAClB,YAEA,GAAG,CAAC,IAAI,GACJ,EACP,uBAAC,mBAAI,IACH,2BAA2B,QAC3B,yBAAyB,EAAC,IAAI,EAC9B,KAAK,EAAE;wCACL,IAAI,EAAE,CAAC;wCACP,QAAQ,EAAE,EAAE;wCACZ,gBAAgB,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE;wCACnC,YAAY,EAAE,CAAC;wCACf,iBAAiB,EAAE,CAAC;wCACpB,WAAW,EAAE,QAAQ;wCACrB,WAAW,EAAE,WAAW;qCACzB,GACD,EACF,uBAAC,mBAAI,IACH,KAAK,EAAE;wCACL,KAAK,EAAE,MAAM,CAAC,MAAM;wCACpB,QAAQ,EAAE,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE;qCACrC,YAEA,GAAG,CAAC,KAAK,GACL,IACF,EACN,GAAG,CAAC,WAAW,KAAK,SAAS,CAAC,CAAC,CAAC,CAC/B,uBAAC,mBAAI,IACH,KAAK,EAAE;gCACL,SAAS,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE;gCAC5B,KAAK,EAAE,MAAM,CAAC,KAAK;gCACnB,QAAQ,EAAE,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE;6BACrC,YAEA,GAAG,CAAC,WAAW,GACX,CACR,CAAC,CAAC,CAAC,IAAI,KA3CC,CAAC,CA4CL,CACR,CAAC,GACG,IACF,CACR,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,30 @@
+import * as React from 'react';
+import { type StyleProp, type ViewStyle } from 'react-native';
+export interface PricingToggleOption {
+    /** Visible label ("Monthly", "Yearly", …). */
+    label: string;
+    /** Value reported via `onChange` when selected. */
+    value: string;
+    /** Optional small "save %" (or any) badge shown beside the label. */
+    badge?: string;
+}
+export interface PricingToggleProps {
+    /** Segments to switch between (2+ supported). */
+    options: PricingToggleOption[];
+    /** Currently active option value (controlled). */
+    value: string;
+    /** Fires with the newly selected value. */
+    onChange: (value: string) => void;
+    /** Accessible label for the switch group. */
+    label?: string;
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * Monthly/yearly (or N-option) segmented switch — the native mirror of the web
+ * `PricingToggle`. Reports the active key via `value`/`onChange` and keeps the
+ * per-option "save %" `badge` slot. Built as a token-styled pill track (the base
+ * `Segmented` primitive has no badge slot), matching the web pill-toggle look.
+ * Token-only.
+ */
+export declare function PricingToggle({ options, value, onChange, label, style, }: PricingToggleProps): React.ReactElement;
+//# sourceMappingURL=PricingToggle.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PricingToggle.d.ts","sourceRoot":"","sources":["../../../src/native/marketing/PricingToggle.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,mBAAmB;IAClC,8CAA8C;IAC9C,KAAK,EAAE,MAAM,CAAC;IACd,mDAAmD;IACnD,KAAK,EAAE,MAAM,CAAC;IACd,qEAAqE;IACrE,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,kBAAkB;IACjC,iDAAiD;IACjD,OAAO,EAAE,mBAAmB,EAAE,CAAC;IAC/B,kDAAkD;IAClD,KAAK,EAAE,MAAM,CAAC;IACd,2CAA2C;IAC3C,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,6CAA6C;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED;;;;;;GAMG;AACH,wBAAgB,aAAa,CAAC,EAC5B,OAAO,EACP,KAAK,EACL,QAAQ,EACR,KAAwB,EACxB,KAAK,GACN,EAAE,kBAAkB,GAAG,KAAK,CAAC,YAAY,CA4EzC"}

package/dist/native/marketing/PricingToggle.js

@@ -0,0 +1,55 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PricingToggle = PricingToggle;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_native_1 = require("react-native");
+const theme_1 = require("../theme");
+/**
+ * Monthly/yearly (or N-option) segmented switch — the native mirror of the web
+ * `PricingToggle`. Reports the active key via `value`/`onChange` and keeps the
+ * per-option "save %" `badge` slot. Built as a token-styled pill track (the base
+ * `Segmented` primitive has no badge slot), matching the web pill-toggle look.
+ * Token-only.
+ */
+function PricingToggle({ options, value, onChange, label = 'Billing period', style, }) {
+    const { colors, tokens } = (0, theme_1.useXenitionTheme)();
+    return ((0, jsx_runtime_1.jsx)(react_native_1.View, { testID: "xen-pricing-toggle", accessibilityRole: "radiogroup", accessibilityLabel: label, style: [
+            {
+                alignSelf: 'flex-start',
+                flexDirection: 'row',
+                alignItems: 'center',
+                gap: tokens.spacing.xs,
+                backgroundColor: colors.surface,
+                borderWidth: 1,
+                borderColor: colors.border,
+                borderRadius: tokens.radius.full,
+                padding: tokens.spacing.xs,
+            },
+            style,
+        ], children: options.map((option) => {
+            const active = option.value === value;
+            return ((0, jsx_runtime_1.jsxs)(react_native_1.Pressable, { accessibilityRole: "radio", accessibilityState: { selected: active, checked: active }, accessibilityLabel: option.label, onPress: () => onChange(option.value), style: {
+                    flexDirection: 'row',
+                    alignItems: 'center',
+                    gap: tokens.spacing.xs,
+                    borderRadius: tokens.radius.full,
+                    paddingHorizontal: tokens.spacing.md,
+                    paddingVertical: tokens.spacing.xs,
+                    backgroundColor: active ? colors.primary : 'transparent',
+                }, children: [(0, jsx_runtime_1.jsx)(react_native_1.Text, { style: {
+                            color: active ? colors.onPrimary : colors.muted,
+                            fontSize: tokens.typography.scale.sm,
+                            fontWeight: '500',
+                        }, children: option.label }), option.badge !== undefined ? ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: {
+                            borderRadius: tokens.radius.full,
+                            paddingHorizontal: tokens.spacing.xs,
+                            paddingVertical: 1,
+                            backgroundColor: active ? colors.onPrimary : tokens.ramps.primary[100],
+                        }, children: (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: {
+                                color: active ? colors.primary : tokens.ramps.primary[700],
+                                fontSize: tokens.typography.scale.xs,
+                                fontWeight: '600',
+                            }, children: option.badge }) })) : null] }, option.value));
+        }) }));
+}
+//# sourceMappingURL=PricingToggle.js.map

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

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

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

@@ -0,0 +1,24 @@
+import * as React from 'react';
+import { type StyleProp, type ViewStyle } from 'react-native';
+export interface ProcessStep {
+    /** Step headline. */
+    title: React.ReactNode;
+    /** Supporting copy under the title. */
+    description?: React.ReactNode;
+    /** Optional content rendered inside the numbered marker instead of the number. */
+    icon?: React.ReactNode;
+}
+export interface ProcessStepsProps {
+    /** Ordered "how it works" steps (mirrors the web `steps` array). */
+    steps: ProcessStep[];
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * Numbered "how it works" flow — the native mirror of the web `ProcessSteps`.
+ * The web version is horizontal on desktop / vertical on mobile with connector
+ * lines; native renders a **token-styled numbered vertical list** with a
+ * connector segment between markers (phones are always narrow, so the
+ * horizontal desktop layout is dropped). Token-only.
+ */
+export declare function ProcessSteps({ steps, style }: ProcessStepsProps): React.ReactElement;
+//# sourceMappingURL=ProcessSteps.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProcessSteps.d.ts","sourceRoot":"","sources":["../../../src/native/marketing/ProcessSteps.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,WAAW;IAC1B,qBAAqB;IACrB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,uCAAuC;IACvC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,kFAAkF;IAClF,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB;AAED,MAAM,WAAW,iBAAiB;IAChC,oEAAoE;IACpE,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED;;;;;;GAMG;AACH,wBAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,iBAAiB,GAAG,KAAK,CAAC,YAAY,CAoGpF"}

package/dist/native/marketing/ProcessSteps.js

@@ -0,0 +1,52 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ProcessSteps = ProcessSteps;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_native_1 = require("react-native");
+const theme_1 = require("../theme");
+/**
+ * Numbered "how it works" flow — the native mirror of the web `ProcessSteps`.
+ * The web version is horizontal on desktop / vertical on mobile with connector
+ * lines; native renders a **token-styled numbered vertical list** with a
+ * connector segment between markers (phones are always narrow, so the
+ * horizontal desktop layout is dropped). Token-only.
+ */
+function ProcessSteps({ steps, style }) {
+    const { colors, tokens } = (0, theme_1.useXenitionTheme)();
+    return ((0, jsx_runtime_1.jsx)(react_native_1.View, { testID: "xen-process-steps", style: [{ gap: tokens.spacing.lg }, style], children: steps.map((step, index) => {
+            const isLast = index === steps.length - 1;
+            return ((0, jsx_runtime_1.jsxs)(react_native_1.View, { style: { flexDirection: 'row', gap: tokens.spacing.md }, children: [(0, jsx_runtime_1.jsxs)(react_native_1.View, { style: { alignItems: 'center' }, children: [(0, jsx_runtime_1.jsx)(react_native_1.View, { style: {
+                                    height: 40,
+                                    width: 40,
+                                    borderRadius: tokens.radius.full,
+                                    alignItems: 'center',
+                                    justifyContent: 'center',
+                                    backgroundColor: colors.primary,
+                                }, children: step.icon !== undefined ? (typeof step.icon === 'string' ? ((0, jsx_runtime_1.jsx)(react_native_1.Text, { style: {
+                                        color: colors.onPrimary,
+                                        fontSize: tokens.typography.scale.base,
+                                        fontWeight: '600',
+                                    }, children: step.icon })) : (step.icon)) : ((0, jsx_runtime_1.jsx)(react_native_1.Text, { style: {
+                                        color: colors.onPrimary,
+                                        fontSize: tokens.typography.scale.base,
+                                        fontWeight: '600',
+                                    }, children: index + 1 })) }), !isLast ? ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: {
+                                    marginTop: tokens.spacing.xs,
+                                    width: 1,
+                                    flex: 1,
+                                    backgroundColor: colors.border,
+                                } })) : null] }), (0, jsx_runtime_1.jsxs)(react_native_1.View, { style: {
+                            flex: 1,
+                            gap: tokens.spacing.xs,
+                            paddingBottom: isLast ? 0 : tokens.spacing.md,
+                        }, children: [typeof step.title === 'string' ? ((0, jsx_runtime_1.jsx)(react_native_1.Text, { style: {
+                                    color: colors.onSurface,
+                                    fontSize: tokens.typography.scale.lg,
+                                    fontWeight: '600',
+                                }, children: step.title })) : (step.title), step.description !== undefined && step.description !== null ? (typeof step.description === 'string' ? ((0, jsx_runtime_1.jsx)(react_native_1.Text, { style: {
+                                    color: colors.muted,
+                                    fontSize: tokens.typography.scale.sm,
+                                }, children: step.description })) : (step.description)) : null] })] }, index));
+        }) }));
+}
+//# sourceMappingURL=ProcessSteps.js.map

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

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

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

@@ -0,0 +1,47 @@
+import * as React from 'react';
+import { type StyleProp, type ViewStyle } from 'react-native';
+export type ProductMockVariant = 'analytics' | 'chat' | 'commerce' | 'calendar';
+/** Chart drawn in the main pane; `scene` falls back to the variant's own vignette. */
+export type ProductMockChart = 'bars' | 'sparkline' | 'rings' | 'scene';
+export interface ProductMockKpi {
+    label: string;
+    /** Pre-formatted value string — the kit never invents numbers or locales. */
+    value: string;
+}
+export interface ProductMockProps {
+    /** Which fake product the panel impersonates (default `analytics`). */
+    variant?: ProductMockVariant;
+    /** Chrome-bar label (defaults per variant, e.g. `analytics / production`). */
+    title?: string;
+    /** KPI tiles across the top (defaults per variant; `[]` hides the row). */
+    kpis?: ProductMockKpi[];
+    /**
+     * Main-pane visual. Defaults per variant: analytics `bars`, commerce
+     * `sparkline`, chat and calendar their own `scene` (message thread /
+     * month grid). `rings` works everywhere.
+     */
+    chart?: ProductMockChart;
+    /** Event feed lines in the side pane (defaults per variant; `[]` hides it). */
+    feed?: string[];
+    /** Badge text next to the status dot (default `LIVE`; `false` hides the badge). */
+    live?: string | false;
+    /** Footnote line under the feed (e.g. "9,214 events in the last 5s"). */
+    footnote?: string;
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * A configurable fake-product panel — the native mirror of the web
+ * `ProductMock`, the "product shot" of a landing hero.
+ *
+ * The web version is entirely CSS-animated (3D tilt entrance, looping
+ * equalizer bars, self-drawing sparkline/rings, sliding feed rows) over glass
+ * chrome with `backdrop-filter`. React Native has no keyframe engine,
+ * `filter: blur()`, or SVG stroke-dash animation, so native renders a
+ * **static, deterministic token visual** — no animation loop, reduced-motion
+ * safe. The `variant`/`chart`/`kpis`/`feed` prop contract is preserved for
+ * parity: bars/sparkline become stacked Views, rings become concentric
+ * bordered circles, chat/calendar scenes become static bubble/grid layouts.
+ * Token-only colors throughout; it is decorative scenery (`aria-hidden`).
+ */
+export declare function ProductMock({ variant, title, kpis, chart, feed, live, footnote, style, }: ProductMockProps): React.ReactElement;
+//# sourceMappingURL=ProductMock.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProductMock.d.ts","sourceRoot":"","sources":["../../../src/native/marketing/ProductMock.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAc,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAK1E,MAAM,MAAM,kBAAkB,GAAG,WAAW,GAAG,MAAM,GAAG,UAAU,GAAG,UAAU,CAAC;AAChF,sFAAsF;AACtF,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,WAAW,GAAG,OAAO,GAAG,OAAO,CAAC;AAExE,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,6EAA6E;IAC7E,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,gBAAgB;IAC/B,uEAAuE;IACvE,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,8EAA8E;IAC9E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2EAA2E;IAC3E,IAAI,CAAC,EAAE,cAAc,EAAE,CAAC;IACxB;;;;OAIG;IACH,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB,+EAA+E;IAC/E,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;IAChB,mFAAmF;IACnF,IAAI,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;IACtB,yEAAyE;IACzE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAsFD;;;;;;;;;;;;;GAaG;AACH,wBAAgB,WAAW,CAAC,EAC1B,OAAqB,EACrB,KAAK,EACL,IAAI,EACJ,KAAK,EACL,IAAI,EACJ,IAAa,EACb,QAAQ,EACR,KAAK,GACN,EAAE,gBAAgB,GAAG,KAAK,CAAC,YAAY,CA+VvC"}