@xenition/ui 0.1.0 → 0.1.1

package/dist/native/marketing/LocationBlock.js

@@ -0,0 +1,49 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LocationBlock = LocationBlock;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_native_1 = require("react-native");
+const theme_1 = require("../theme");
+/**
+ * Contact/location section — the native mirror of the web `LocationBlock`:
+ * name, address, opening-hours rows, and contact lines above a map. The web
+ * two-column desktop grid is **stacked vertically** on native (phones are
+ * narrow). The web embeds an interactive map `<iframe>`; native has no
+ * interactive map, so it renders a **static `mapImageUri` image** or a
+ * token-styled placeholder. Phone/email are shown as plain text rather than
+ * `tel:`/`mailto:` links. Token-only.
+ */
+function LocationBlock({ name, address, hours, phone, email, mapImageUri, style, }) {
+    const { colors, tokens } = (0, theme_1.useXenitionTheme)();
+    return ((0, jsx_runtime_1.jsxs)(react_native_1.View, { testID: "xen-location-block", style: [{ gap: tokens.spacing.xl }, style], children: [(0, jsx_runtime_1.jsxs)(react_native_1.View, { style: { gap: tokens.spacing.md }, children: [name ? ((0, jsx_runtime_1.jsx)(react_native_1.Text, { style: {
+                            color: colors.onSurface,
+                            fontSize: tokens.typography.scale['2xl'],
+                            fontWeight: '700',
+                        }, children: name })) : null, (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: { color: colors.muted, fontSize: tokens.typography.scale.base }, children: address }), hours && hours.length > 0 ? ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: { gap: 0 }, children: hours.map((row, i) => ((0, jsx_runtime_1.jsxs)(react_native_1.View, { style: {
+                                flexDirection: 'row',
+                                justifyContent: 'space-between',
+                                paddingVertical: tokens.spacing.xs,
+                                borderBottomWidth: i === hours.length - 1 ? 0 : 1,
+                                borderBottomColor: colors.border,
+                            }, children: [(0, jsx_runtime_1.jsx)(react_native_1.Text, { style: {
+                                        color: colors.onSurface,
+                                        fontSize: tokens.typography.scale.sm,
+                                        fontWeight: '500',
+                                    }, children: row.label }), (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: { color: colors.muted, fontSize: tokens.typography.scale.sm }, children: row.value })] }, i))) })) : null, phone || email ? ((0, jsx_runtime_1.jsxs)(react_native_1.View, { style: { gap: tokens.spacing.xs }, children: [phone ? ((0, jsx_runtime_1.jsx)(react_native_1.Text, { style: { color: colors.primary, fontSize: tokens.typography.scale.sm }, children: phone })) : null, email ? ((0, jsx_runtime_1.jsx)(react_native_1.Text, { style: { color: colors.primary, fontSize: tokens.typography.scale.sm }, children: email })) : null] })) : null] }), (0, jsx_runtime_1.jsx)(react_native_1.View, { style: {
+                    aspectRatio: 16 / 9,
+                    width: '100%',
+                    overflow: 'hidden',
+                    borderRadius: tokens.radius.lg,
+                    borderWidth: 1,
+                    borderColor: colors.border,
+                    backgroundColor: tokens.ramps.neutral[100],
+                    alignItems: 'center',
+                    justifyContent: 'center',
+                }, children: mapImageUri ? ((0, jsx_runtime_1.jsx)(react_native_1.Image, { source: { uri: mapImageUri }, style: { width: '100%', height: '100%' }, resizeMode: "cover" })) : ((0, jsx_runtime_1.jsx)(react_native_1.Text, { style: {
+                        color: colors.muted,
+                        fontSize: tokens.typography.scale.sm,
+                        textAlign: 'center',
+                        paddingHorizontal: tokens.spacing.md,
+                    }, children: address })) })] }));
+}
+//# sourceMappingURL=LocationBlock.js.map

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

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

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

@@ -0,0 +1,34 @@
+import * as React from 'react';
+import { type StyleProp, type ViewStyle } from 'react-native';
+export interface NavbarLink {
+    label: string;
+    /** Fires on press (RN equivalent of the web link `href`). */
+    onPress?: () => void;
+    /** Marks the link as the current page (bolder tint). */
+    active?: boolean;
+}
+export interface NavbarProps {
+    /** Brand slot (logo image, wordmark, …). */
+    logo?: React.ReactNode;
+    /** Nav links — the web `children` become a data array (idiomatic for RN). */
+    links?: NavbarLink[];
+    /** Right-side slot (sign-in button, theme toggle, …), rendered as-is. */
+    actions?: React.ReactNode;
+    /** Accessible label for the mobile menu toggle (default `Menu`). */
+    menuLabel?: string;
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * Marketing navbar — the native mirror of the web `Navbar`.
+ *
+ * The web version is a sticky `<header>` that gains a translucent
+ * backdrop-blur bar once the page scrolls (a passive `scroll` listener +
+ * `color-mix`). React Native has no page-scroll chrome, `backdrop-filter`, or
+ * `color-mix`, so native **drops the sticky/scroll-blur behavior** and renders
+ * a plain top bar over a translucent `surface` token. Web link `children`
+ * become a `links` data array (`href`→`onPress`). On narrow layouts the links
+ * collapse behind a disclosure toggle (a `Pressable` flipping a `View`), the
+ * native equivalent of the web mobile menu. Token-only.
+ */
+export declare function Navbar({ logo, links, actions, menuLabel, style, }: NavbarProps): React.ReactElement;
+//# sourceMappingURL=Navbar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Navbar.d.ts","sourceRoot":"","sources":["../../../src/native/marketing/Navbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAIL,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAItB,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,6DAA6D;IAC7D,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,wDAAwD;IACxD,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,WAAW;IAC1B,4CAA4C;IAC5C,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,6EAA6E;IAC7E,KAAK,CAAC,EAAE,UAAU,EAAE,CAAC;IACrB,yEAAyE;IACzE,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,oEAAoE;IACpE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,MAAM,CAAC,EACrB,IAAI,EACJ,KAAU,EACV,OAAO,EACP,SAAkB,EAClB,KAAK,GACN,EAAE,WAAW,GAAG,KAAK,CAAC,YAAY,CAsHlC"}

package/dist/native/marketing/Navbar.js

@@ -0,0 +1,100 @@
+"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.Navbar = Navbar;
+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");
+/**
+ * Marketing navbar — the native mirror of the web `Navbar`.
+ *
+ * The web version is a sticky `<header>` that gains a translucent
+ * backdrop-blur bar once the page scrolls (a passive `scroll` listener +
+ * `color-mix`). React Native has no page-scroll chrome, `backdrop-filter`, or
+ * `color-mix`, so native **drops the sticky/scroll-blur behavior** and renders
+ * a plain top bar over a translucent `surface` token. Web link `children`
+ * become a `links` data array (`href`→`onPress`). On narrow layouts the links
+ * collapse behind a disclosure toggle (a `Pressable` flipping a `View`), the
+ * native equivalent of the web mobile menu. Token-only.
+ */
+function Navbar({ logo, links = [], actions, menuLabel = 'Menu', style, }) {
+    const { colors, tokens } = (0, theme_1.useXenitionTheme)();
+    const [open, setOpen] = React.useState(false);
+    const renderLink = (link, i) => ((0, jsx_runtime_1.jsx)(react_native_1.Pressable, { accessibilityRole: "link", accessibilityState: { selected: link.active }, onPress: () => {
+            setOpen(false);
+            link.onPress?.();
+        }, style: ({ pressed }) => ({ opacity: pressed ? 0.6 : 1 }), children: (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: {
+                color: link.active ? colors.primary : colors.onSurface,
+                fontSize: tokens.typography.scale.sm,
+                fontWeight: link.active ? '700' : '500',
+                paddingVertical: tokens.spacing.xs,
+            }, children: link.label }) }, i));
+    return ((0, jsx_runtime_1.jsxs)(react_native_1.View, { testID: "xen-navbar", style: [
+            {
+                backgroundColor: (0, color_1.withAlpha)(colors.surface, 0.8),
+                borderBottomWidth: 1,
+                borderBottomColor: (0, color_1.withAlpha)(colors.border, 0.7),
+            },
+            style,
+        ], children: [(0, jsx_runtime_1.jsxs)(react_native_1.View, { style: {
+                    flexDirection: 'row',
+                    alignItems: 'center',
+                    justifyContent: 'space-between',
+                    gap: tokens.spacing.md,
+                    paddingHorizontal: tokens.spacing.lg,
+                    paddingVertical: tokens.spacing.sm,
+                }, children: [logo !== undefined ? ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: { flexDirection: 'row', alignItems: 'center' }, children: logo })) : ((0, jsx_runtime_1.jsx)(react_native_1.View, {})), (0, jsx_runtime_1.jsxs)(react_native_1.View, { style: {
+                            flexDirection: 'row',
+                            alignItems: 'center',
+                            gap: tokens.spacing.sm,
+                        }, children: [actions !== undefined && actions !== null ? actions : null, links.length > 0 ? ((0, jsx_runtime_1.jsx)(react_native_1.Pressable, { accessibilityRole: "button", accessibilityLabel: menuLabel, accessibilityState: { expanded: open }, onPress: () => setOpen((prev) => !prev), style: ({ pressed }) => ({
+                                    width: 36,
+                                    height: 36,
+                                    alignItems: 'center',
+                                    justifyContent: 'center',
+                                    borderRadius: tokens.radius.sm,
+                                    opacity: pressed ? 0.6 : 1,
+                                }), children: open ? ((0, jsx_runtime_1.jsx)(react_native_1.Text, { style: { color: colors.onSurface, fontSize: tokens.typography.scale.lg }, children: "\u2715" })) : ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: { width: 18, gap: 4 }, children: [0, 1, 2].map((i) => ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: { height: 2, borderRadius: 1, backgroundColor: colors.onSurface } }, i))) })) })) : null] })] }), open && links.length > 0 ? ((0, jsx_runtime_1.jsx)(react_native_1.View, { testID: "xen-navbar-menu", style: {
+                    borderTopWidth: 1,
+                    borderTopColor: (0, color_1.withAlpha)(colors.border, 0.7),
+                    backgroundColor: colors.surface,
+                    paddingHorizontal: tokens.spacing.lg,
+                    paddingVertical: tokens.spacing.md,
+                    gap: tokens.spacing.sm,
+                }, children: links.map(renderLink) })) : null] }));
+}
+//# sourceMappingURL=Navbar.js.map

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

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

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

@@ -0,0 +1,33 @@
+import * as React from 'react';
+import { type StyleProp, type ViewStyle } from 'react-native';
+export interface NewsletterSignupProps {
+    /** Section heading. */
+    heading?: string;
+    /** Supporting copy under the heading. */
+    subtext?: string;
+    /**
+     * SDK-agnostic submit handler — receives the validated email and may be
+     * async. Throw (or reject) to surface the error state.
+     */
+    onSubmit: (email: string) => void | Promise<void>;
+    /** Input placeholder. */
+    placeholder?: string;
+    /** Submit button label. */
+    buttonLabel?: string;
+    /** Message shown after a successful submit. */
+    successMessage?: string;
+    /** Message shown when the email fails validation. */
+    invalidMessage?: string;
+    /** Fallback message shown when `onSubmit` throws without a message. */
+    errorMessage?: string;
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * Email-capture block — the native mirror of the web `NewsletterSignup`:
+ * heading, subtext, a validated email `Input`, a submit `Button`, and
+ * success/error states. The web `<form onSubmit>` becomes an explicit submit
+ * handler on the button; the endpoint lives entirely in the caller's async
+ * `onSubmit(email)`. Composes the native `Input`/`Button` primitives. Token-only.
+ */
+export declare function NewsletterSignup({ heading, subtext, onSubmit, placeholder, buttonLabel, successMessage, invalidMessage, errorMessage, style, }: NewsletterSignupProps): React.ReactElement;
+//# sourceMappingURL=NewsletterSignup.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NewsletterSignup.d.ts","sourceRoot":"","sources":["../../../src/native/marketing/NewsletterSignup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAc,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAU1E,MAAM,WAAW,qBAAqB;IACpC,uBAAuB;IACvB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,yCAAyC;IACzC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAClD,yBAAyB;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,2BAA2B;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,+CAA+C;IAC/C,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,qDAAqD;IACrD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,uEAAuE;IACvE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED;;;;;;GAMG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,OAA4B,EAC5B,OAAO,EACP,QAAQ,EACR,WAA+B,EAC/B,WAAyB,EACzB,cAA8C,EAC9C,cAA+C,EAC/C,YAAwD,EACxD,KAAK,GACN,EAAE,qBAAqB,GAAG,KAAK,CAAC,YAAY,CA0F5C"}

package/dist/native/marketing/NewsletterSignup.js

@@ -0,0 +1,97 @@
+"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.NewsletterSignup = NewsletterSignup;
+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 Input_1 = require("../primitives/Input");
+const Button_1 = require("../primitives/Button");
+/** Basic, permissive email shape check (no network, no dependency). */
+const EMAIL_RE = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+/**
+ * Email-capture block — the native mirror of the web `NewsletterSignup`:
+ * heading, subtext, a validated email `Input`, a submit `Button`, and
+ * success/error states. The web `<form onSubmit>` becomes an explicit submit
+ * handler on the button; the endpoint lives entirely in the caller's async
+ * `onSubmit(email)`. Composes the native `Input`/`Button` primitives. Token-only.
+ */
+function NewsletterSignup({ heading = 'Stay in the loop', subtext, onSubmit, placeholder = 'you@example.com', buttonLabel = 'Subscribe', successMessage = "Thanks — you're subscribed.", invalidMessage = 'Enter a valid email address.', errorMessage = 'Something went wrong. Please try again.', style, }) {
+    const { colors, tokens } = (0, theme_1.useXenitionTheme)();
+    const [email, setEmail] = React.useState('');
+    const [status, setStatus] = React.useState('idle');
+    const [message, setMessage] = React.useState(null);
+    const handleSubmit = async () => {
+        if (!EMAIL_RE.test(email.trim())) {
+            setStatus('error');
+            setMessage(invalidMessage);
+            return;
+        }
+        setStatus('submitting');
+        setMessage(null);
+        try {
+            await onSubmit(email.trim());
+            setStatus('success');
+            setMessage(successMessage);
+            setEmail('');
+        }
+        catch (error) {
+            setStatus('error');
+            setMessage(error instanceof Error && error.message ? error.message : errorMessage);
+        }
+    };
+    const invalid = status === 'error';
+    const submitting = status === 'submitting';
+    return ((0, jsx_runtime_1.jsxs)(react_native_1.View, { testID: "xen-newsletter", style: [
+            {
+                gap: tokens.spacing.sm,
+                borderRadius: tokens.radius.lg,
+                borderWidth: 1,
+                borderColor: colors.border,
+                backgroundColor: colors.surface,
+                padding: tokens.spacing.lg,
+            },
+            style,
+        ], children: [heading !== undefined ? ((0, jsx_runtime_1.jsx)(react_native_1.Text, { style: {
+                    color: colors.onSurface,
+                    fontSize: tokens.typography.scale.lg,
+                    fontWeight: '600',
+                }, children: heading })) : null, subtext !== undefined ? ((0, jsx_runtime_1.jsx)(react_native_1.Text, { style: { color: colors.muted, fontSize: tokens.typography.scale.sm }, children: subtext })) : null, (0, jsx_runtime_1.jsxs)(react_native_1.View, { style: { gap: tokens.spacing.sm }, children: [(0, jsx_runtime_1.jsx)(Input_1.Input, { value: email, onChangeText: setEmail, placeholder: placeholder, keyboardType: "email-address", autoCapitalize: "none", autoCorrect: false, accessibilityLabel: "Email address", invalid: invalid, editable: !submitting }), (0, jsx_runtime_1.jsx)(Button_1.Button, { onPress: handleSubmit, loading: submitting, disabled: submitting, children: buttonLabel })] }), message ? ((0, jsx_runtime_1.jsx)(react_native_1.Text, { accessibilityLiveRegion: "polite", style: {
+                    fontSize: tokens.typography.scale.sm,
+                    color: status === 'success' ? colors.success : colors.danger,
+                }, children: message })) : null] }));
+}
+//# sourceMappingURL=NewsletterSignup.js.map

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

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

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

@@ -0,0 +1,23 @@
+import * as React from 'react';
+import { type StyleProp, type ViewStyle } from 'react-native';
+export type OrnamentShape = 'diamond' | 'dot' | 'line' | 'none';
+export type OrnamentTone = 'accent' | 'primary' | 'border';
+export interface OrnamentRuleProps {
+    /** Centered ornament: rotated diamond, round dot, short bar, or none (plain rule). */
+    ornament?: OrnamentShape;
+    /** Token family tinting the rule and ornament (default `accent` — the "brass" look). */
+    tone?: OrnamentTone;
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * Editorial divider — the native mirror of the web `OrnamentRule`: a 1px rule
+ * flanking an optional centered diamond/dot/line ornament. Purely decorative
+ * and static, token-tinted via `tone`.
+ *
+ * The web version fades each half of the rule with a horizontal gradient
+ * (`linear-gradient` + `color-mix`). React Native has no CSS gradients here, so
+ * the fade is **approximated with a solid low-opacity token border** — the tint
+ * always originates from a theme token, so no literal color is introduced.
+ */
+export declare function OrnamentRule({ ornament, tone, style, }: OrnamentRuleProps): React.ReactElement;
+//# sourceMappingURL=OrnamentRule.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OrnamentRule.d.ts","sourceRoot":"","sources":["../../../src/native/marketing/OrnamentRule.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAQ,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAIpE,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,KAAK,GAAG,MAAM,GAAG,MAAM,CAAC;AAChE,MAAM,MAAM,YAAY,GAAG,QAAQ,GAAG,SAAS,GAAG,QAAQ,CAAC;AAE3D,MAAM,WAAW,iBAAiB;IAChC,sFAAsF;IACtF,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,wFAAwF;IACxF,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED;;;;;;;;;GASG;AACH,wBAAgB,YAAY,CAAC,EAC3B,QAAoB,EACpB,IAAe,EACf,KAAK,GACN,EAAE,iBAAiB,GAAG,KAAK,CAAC,YAAY,CA4CxC"}

package/dist/native/marketing/OrnamentRule.js

@@ -0,0 +1,43 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.OrnamentRule = OrnamentRule;
+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");
+/**
+ * Editorial divider — the native mirror of the web `OrnamentRule`: a 1px rule
+ * flanking an optional centered diamond/dot/line ornament. Purely decorative
+ * and static, token-tinted via `tone`.
+ *
+ * The web version fades each half of the rule with a horizontal gradient
+ * (`linear-gradient` + `color-mix`). React Native has no CSS gradients here, so
+ * the fade is **approximated with a solid low-opacity token border** — the tint
+ * always originates from a theme token, so no literal color is introduced.
+ */
+function OrnamentRule({ ornament = 'diamond', tone = 'accent', style, }) {
+    const { colors, tokens } = (0, theme_1.useXenitionTheme)();
+    const toneColor = tone === 'accent'
+        ? tokens.ramps.accent[400]
+        : tone === 'primary'
+            ? tokens.ramps.primary[400]
+            : colors.border;
+    // Solid low-opacity token color approximating the web gradient fade.
+    const ruleColor = (0, color_1.withAlpha)(toneColor, 0.4);
+    const ornamentStyle = ornament === 'none'
+        ? null
+        : ornament === 'diamond'
+            ? { width: 7, height: 7, transform: [{ rotate: '45deg' }] }
+            : ornament === 'dot'
+                ? { width: 6, height: 6, borderRadius: 9999 }
+                : { width: 24, height: 1 };
+    return ((0, jsx_runtime_1.jsxs)(react_native_1.View, { testID: "xen-ornament-rule", accessibilityRole: "none", style: [
+            { flexDirection: 'row', alignItems: 'center', justifyContent: 'center' },
+            style,
+        ], children: [(0, jsx_runtime_1.jsx)(react_native_1.View, { style: { flex: 1, height: 1, backgroundColor: ruleColor } }), ornamentStyle ? ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: {
+                    marginHorizontal: tokens.spacing.md,
+                    backgroundColor: toneColor,
+                    ...ornamentStyle,
+                } })) : null, (0, jsx_runtime_1.jsx)(react_native_1.View, { style: { flex: 1, height: 1, backgroundColor: ruleColor } })] }));
+}
+//# sourceMappingURL=OrnamentRule.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OrnamentRule.js","sourceRoot":"","sources":["../../../src/native/marketing/OrnamentRule.tsx"],"names":[],"mappings":";;AA0BA,oCAgDC;;AAzED,+CAAoE;AACpE,oCAA4C;AAC5C,wDAAyD;AAazD;;;;;;;;;GASG;AACH,SAAgB,YAAY,CAAC,EAC3B,QAAQ,GAAG,SAAS,EACpB,IAAI,GAAG,QAAQ,EACf,KAAK,GACa;IAClB,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,IAAA,wBAAgB,GAAE,CAAC;IAE9C,MAAM,SAAS,GACb,IAAI,KAAK,QAAQ;QACf,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC;QAC1B,CAAC,CAAC,IAAI,KAAK,SAAS;YAClB,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;YAC3B,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC;IAEtB,qEAAqE;IACrE,MAAM,SAAS,GAAG,IAAA,iBAAS,EAAC,SAAS,EAAE,GAAG,CAAC,CAAC;IAE5C,MAAM,aAAa,GACjB,QAAQ,KAAK,MAAM;QACjB,CAAC,CAAC,IAAI;QACN,CAAC,CAAC,QAAQ,KAAK,SAAS;YACtB,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,EAAE;YAC3D,CAAC,CAAC,QAAQ,KAAK,KAAK;gBAClB,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,YAAY,EAAE,IAAI,EAAE;gBAC7C,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC;IAEnC,OAAO,CACL,wBAAC,mBAAI,IACH,MAAM,EAAC,mBAAmB,EAC1B,iBAAiB,EAAC,MAAM,EACxB,KAAK,EAAE;YACL,EAAE,aAAa,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,cAAc,EAAE,QAAQ,EAAE;YACxE,KAAK;SACN,aAED,uBAAC,mBAAI,IAAC,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,eAAe,EAAE,SAAS,EAAE,GAAI,EAClE,aAAa,CAAC,CAAC,CAAC,CACf,uBAAC,mBAAI,IACH,KAAK,EAAE;oBACL,gBAAgB,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE;oBACnC,eAAe,EAAE,SAAS;oBAC1B,GAAG,aAAa;iBACjB,GACD,CACH,CAAC,CAAC,CAAC,IAAI,EACR,uBAAC,mBAAI,IAAC,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,eAAe,EAAE,SAAS,EAAE,GAAI,IAC9D,CACR,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,25 @@
+import * as React from 'react';
+import { type StyleProp, type ViewStyle } from 'react-native';
+export type ParticleMood = 'ember' | 'snow' | 'fireflies' | 'sparks';
+export interface ParticleFieldProps {
+    /** Particle character: embers, snow, fireflies, or sparks (drives color + size). */
+    mood?: ParticleMood;
+    /** Particle count (clamped 0–80; default 18). */
+    density?: number;
+    /** Layout seed — same seed, same scatter (deterministic, no `Math.random`). */
+    seed?: number;
+    /** Decorative content layered above the scatter (rendered absolute-fill). */
+    children?: React.ReactNode;
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * 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.
+ */
+export declare function ParticleField({ mood, density, seed, children, style, }: ParticleFieldProps): React.ReactElement;
+//# sourceMappingURL=ParticleField.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ParticleField.d.ts","sourceRoot":"","sources":["../../../src/native/marketing/ParticleField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAoB,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAIhF,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,MAAM,GAAG,WAAW,GAAG,QAAQ,CAAC;AAErE,MAAM,WAAW,kBAAkB;IACjC,oFAAoF;IACpF,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,iDAAiD;IACjD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,+EAA+E;IAC/E,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,6EAA6E;IAC7E,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAsDD;;;;;;;;GAQG;AACH,wBAAgB,aAAa,CAAC,EAC5B,IAAc,EACd,OAAY,EACZ,IAAQ,EACR,QAAQ,EACR,KAAK,GACN,EAAE,kBAAkB,GAAG,KAAK,CAAC,YAAY,CAiCzC"}

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"}