@xenition/ui 0.1.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"FAQ.d.ts","sourceRoot":"","sources":["../../../src/native/marketing/FAQ.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAOL,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAGtB,MAAM,WAAW,WAAW;IAC1B,8CAA8C;IAC9C,QAAQ,EAAE,MAAM,CAAC;IACjB,+CAA+C;IAC/C,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;CACzB;AAED,MAAM,WAAW,QAAQ;IACvB,sDAAsD;IACtD,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,0CAA0C;IAC1C,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;IACvB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAMD;;;;;;GAMG;AACH,wBAAgB,GAAG,CAAC,EAClB,KAAK,EACL,QAAgB,EAChB,WAAgB,EAChB,KAAK,GACN,EAAE,QAAQ,GAAG,KAAK,CAAC,YAAY,CA+E/B"}

package/dist/native/marketing/FAQ.js

@@ -0,0 +1,84 @@
+"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.FAQ = FAQ;
+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");
+if (react_native_1.Platform.OS === 'android' && react_native_1.UIManager.setLayoutAnimationEnabledExperimental) {
+    react_native_1.UIManager.setLayoutAnimationEnabledExperimental(true);
+}
+/**
+ * Accordion of question/answer rows — the native mirror of the web `FAQ` +
+ * `FAQItem`. The web version composes children and animates height with the CSS
+ * grid `0fr → 1fr` trick; native takes an `items` data array and expands inline
+ * with `LayoutAnimation` (same idiom as the native `Accordion` primitive).
+ * Token-only.
+ */
+function FAQ({ items, multiple = false, defaultOpen = [], style, }) {
+    const { colors, tokens } = (0, theme_1.useXenitionTheme)();
+    const [open, setOpen] = React.useState(defaultOpen);
+    const toggle = (q) => {
+        react_native_1.LayoutAnimation.configureNext(react_native_1.LayoutAnimation.Presets.easeInEaseOut);
+        setOpen((prev) => prev.includes(q) ? prev.filter((x) => x !== q) : multiple ? [...prev, q] : [q]);
+    };
+    return ((0, jsx_runtime_1.jsx)(react_native_1.View, { testID: "xen-faq", style: [
+            { borderTopWidth: 1, borderBottomWidth: 1, borderColor: colors.border },
+            style,
+        ], children: items.map((it, i) => {
+            const isOpen = open.includes(it.question);
+            return ((0, jsx_runtime_1.jsxs)(react_native_1.View, { style: i > 0 ? { borderTopWidth: 1, borderColor: colors.border } : undefined, children: [(0, jsx_runtime_1.jsxs)(react_native_1.Pressable, { accessibilityRole: "button", accessibilityState: { expanded: isOpen }, onPress: () => toggle(it.question), style: {
+                            flexDirection: 'row',
+                            alignItems: 'center',
+                            justifyContent: 'space-between',
+                            gap: tokens.spacing.md,
+                            paddingVertical: tokens.spacing.md,
+                        }, children: [(0, jsx_runtime_1.jsx)(react_native_1.Text, { style: {
+                                    flex: 1,
+                                    color: colors.onSurface,
+                                    fontSize: tokens.typography.scale.base,
+                                    fontWeight: '600',
+                                }, children: it.question }), (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: {
+                                    color: colors.muted,
+                                    transform: [{ rotate: isOpen ? '180deg' : '0deg' }],
+                                }, children: "\u25BE" })] }), isOpen ? ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: { paddingBottom: tokens.spacing.md }, children: typeof it.answer === 'string' ? ((0, jsx_runtime_1.jsx)(react_native_1.Text, { style: {
+                                color: colors.muted,
+                                fontSize: tokens.typography.scale.sm,
+                                lineHeight: tokens.typography.scale.sm * 1.6,
+                            }, children: it.answer })) : (it.answer) })) : null] }, i));
+        }) }));
+}
+//# sourceMappingURL=FAQ.js.map

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

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

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

@@ -0,0 +1,25 @@
+import * as React from 'react';
+import { type StyleProp, type ViewStyle } from 'react-native';
+export interface FeatureItem {
+    /** Icon slot rendered in a tinted square (string is auto-colored). */
+    icon?: React.ReactNode;
+    title: string;
+    /** Body copy under the title. */
+    description?: string;
+}
+export interface FeatureGridProps {
+    /** The features to render (mirrors the web `FeatureCard` children). */
+    features: FeatureItem[];
+    /** Max columns; native wraps into rows of this width (default 2 for phones). */
+    columns?: 2 | 3 | 4;
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * Responsive grid of feature cards — the native mirror of the web `FeatureGrid`
+ * + `FeatureCard`. The web version composes children; native takes a `features`
+ * data array (idiomatic for RN lists). Cards wrap via flex `basis` rather than
+ * CSS grid breakpoints, and the web hover-lift is dropped (no hover on touch).
+ * Token-only.
+ */
+export declare function FeatureGrid({ features, columns, style, }: FeatureGridProps): React.ReactElement;
+//# sourceMappingURL=FeatureGrid.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FeatureGrid.d.ts","sourceRoot":"","sources":["../../../src/native/marketing/FeatureGrid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAc,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAI1E,MAAM,WAAW,WAAW;IAC1B,sEAAsE;IACtE,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,iCAAiC;IACjC,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,gBAAgB;IAC/B,uEAAuE;IACvE,QAAQ,EAAE,WAAW,EAAE,CAAC;IACxB,gFAAgF;IAChF,OAAO,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACpB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED;;;;;;GAMG;AACH,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,OAAW,EACX,KAAK,GACN,EAAE,gBAAgB,GAAG,KAAK,CAAC,YAAY,CAsDvC"}

package/dist/native/marketing/FeatureGrid.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FeatureGrid = FeatureGrid;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_native_1 = require("react-native");
+const theme_1 = require("../theme");
+const Card_1 = require("../primitives/Card");
+/**
+ * Responsive grid of feature cards — the native mirror of the web `FeatureGrid`
+ * + `FeatureCard`. The web version composes children; native takes a `features`
+ * data array (idiomatic for RN lists). Cards wrap via flex `basis` rather than
+ * CSS grid breakpoints, and the web hover-lift is dropped (no hover on touch).
+ * Token-only.
+ */
+function FeatureGrid({ features, columns = 2, style, }) {
+    const { colors, tokens } = (0, theme_1.useXenitionTheme)();
+    const basis = `${100 / columns}%`;
+    return ((0, jsx_runtime_1.jsx)(react_native_1.View, { testID: "xen-feature-grid", style: [
+            { flexDirection: 'row', flexWrap: 'wrap', gap: tokens.spacing.lg },
+            style,
+        ], children: features.map((f, i) => ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: { flexGrow: 1, flexBasis: basis, minWidth: 160 }, children: (0, jsx_runtime_1.jsxs)(Card_1.Card, { style: { flex: 1, gap: tokens.spacing.sm }, children: [f.icon !== undefined ? ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: {
+                            height: 40,
+                            width: 40,
+                            alignItems: 'center',
+                            justifyContent: 'center',
+                            borderRadius: tokens.radius.md,
+                            backgroundColor: tokens.ramps.primary[100],
+                        }, children: typeof f.icon === 'string' ? ((0, jsx_runtime_1.jsx)(react_native_1.Text, { style: { color: tokens.ramps.primary[700], fontWeight: '700' }, children: f.icon })) : (f.icon) })) : null, (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: {
+                            color: colors.onSurface,
+                            fontSize: tokens.typography.scale.lg,
+                            fontWeight: '600',
+                        }, children: f.title }), f.description ? ((0, jsx_runtime_1.jsx)(react_native_1.Text, { style: { color: colors.muted, fontSize: tokens.typography.scale.sm }, children: f.description })) : null] }) }, i))) }));
+}
+//# sourceMappingURL=FeatureGrid.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FeatureGrid.js","sourceRoot":"","sources":["../../../src/native/marketing/FeatureGrid.tsx"],"names":[],"mappings":";;AA4BA,kCA0DC;;AArFD,+CAA0E;AAC1E,oCAA4C;AAC5C,6CAA0C;AAkB1C;;;;;;GAMG;AACH,SAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,OAAO,GAAG,CAAC,EACX,KAAK,GACY;IACjB,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,IAAA,wBAAgB,GAAE,CAAC;IAC9C,MAAM,KAAK,GAAG,GAAG,GAAG,GAAG,OAAO,GAA6B,CAAC;IAE5D,OAAO,CACL,uBAAC,mBAAI,IACH,MAAM,EAAC,kBAAkB,EACzB,KAAK,EAAE;YACL,EAAE,aAAa,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE,EAAE;YAClE,KAAK;SACN,YAEA,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CACtB,uBAAC,mBAAI,IAAS,KAAK,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,EAAE,YACnE,wBAAC,WAAI,IAAC,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,GAAG,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE,EAAE,aAC7C,CAAC,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,CACtB,uBAAC,mBAAI,IACH,KAAK,EAAE;4BACL,MAAM,EAAE,EAAE;4BACV,KAAK,EAAE,EAAE;4BACT,UAAU,EAAE,QAAQ;4BACpB,cAAc,EAAE,QAAQ;4BACxB,YAAY,EAAE,MAAM,CAAC,MAAM,CAAC,EAAE;4BAC9B,eAAe,EAAE,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;yBAC3C,YAEA,OAAO,CAAC,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,CAC5B,uBAAC,mBAAI,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE,UAAU,EAAE,KAAK,EAAE,YACjE,CAAC,CAAC,IAAI,GACF,CACR,CAAC,CAAC,CAAC,CACF,CAAC,CAAC,IAAI,CACP,GACI,CACR,CAAC,CAAC,CAAC,IAAI,EACR,uBAAC,mBAAI,IACH,KAAK,EAAE;4BACL,KAAK,EAAE,MAAM,CAAC,SAAS;4BACvB,QAAQ,EAAE,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE;4BACpC,UAAU,EAAE,KAAK;yBAClB,YAEA,CAAC,CAAC,KAAK,GACH,EACN,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,CACf,uBAAC,mBAAI,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,QAAQ,EAAE,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,EAAE,YACvE,CAAC,CAAC,WAAW,GACT,CACR,CAAC,CAAC,CAAC,IAAI,IACH,IApCE,CAAC,CAqCL,CACR,CAAC,GACG,CACR,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,35 @@
+import * as React from 'react';
+import { type StyleProp, type ViewStyle } from 'react-native';
+export interface FooterLink {
+    /** Link label. */
+    label: string;
+    /** Press handler (RN equivalent of the web `href`). Omit for a plain label. */
+    onPress?: () => void;
+}
+export interface FooterColumn {
+    /** Column heading. */
+    title: string;
+    /** Links in this group. */
+    links: FooterLink[];
+}
+export interface FooterProps {
+    /** Brand slot rendered above the columns. */
+    logo?: React.ReactNode;
+    /**
+     * Link groups. Web accepts `FooterColumn` children; native has no
+     * children-as-config, so columns are passed as data.
+     */
+    columns?: FooterColumn[];
+    /** Bottom bar content (copyright, social row, …) — rendered as-is. */
+    bottom?: React.ReactNode;
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * Multi-column marketing footer — the native mirror of the web `Footer` +
+ * `FooterColumn`. React Native can't accept typed `FooterColumn` children, so
+ * the columns are supplied as a `columns` array (each `{ title, links }`) and
+ * each link renders as a `Pressable` row. `logo` and `bottom` are node slots.
+ * Token-only.
+ */
+export declare function Footer({ logo, columns, bottom, style, }: FooterProps): React.ReactElement;
+//# sourceMappingURL=Footer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Footer.d.ts","sourceRoot":"","sources":["../../../src/native/marketing/Footer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAIL,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAGtB,MAAM,WAAW,UAAU;IACzB,kBAAkB;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,+EAA+E;IAC/E,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,MAAM,WAAW,YAAY;IAC3B,sBAAsB;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,2BAA2B;IAC3B,KAAK,EAAE,UAAU,EAAE,CAAC;CACrB;AAED,MAAM,WAAW,WAAW;IAC1B,6CAA6C;IAC7C,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB;;;OAGG;IACH,OAAO,CAAC,EAAE,YAAY,EAAE,CAAC;IACzB,sEAAsE;IACtE,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED;;;;;;GAMG;AACH,wBAAgB,MAAM,CAAC,EACrB,IAAI,EACJ,OAAO,EACP,MAAM,EACN,KAAK,GACN,EAAE,WAAW,GAAG,KAAK,CAAC,YAAY,CAiGlC"}

package/dist/native/marketing/Footer.js

@@ -0,0 +1,53 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Footer = Footer;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_native_1 = require("react-native");
+const theme_1 = require("../theme");
+/**
+ * Multi-column marketing footer — the native mirror of the web `Footer` +
+ * `FooterColumn`. React Native can't accept typed `FooterColumn` children, so
+ * the columns are supplied as a `columns` array (each `{ title, links }`) and
+ * each link renders as a `Pressable` row. `logo` and `bottom` are node slots.
+ * Token-only.
+ */
+function Footer({ logo, columns, bottom, style, }) {
+    const { colors, tokens } = (0, theme_1.useXenitionTheme)();
+    return ((0, jsx_runtime_1.jsxs)(react_native_1.View, { style: [
+            {
+                backgroundColor: colors.surface,
+                borderTopWidth: 1,
+                borderTopColor: colors.border,
+            },
+            style,
+        ], children: [(0, jsx_runtime_1.jsxs)(react_native_1.View, { style: {
+                    paddingVertical: tokens.spacing['2xl'],
+                    paddingHorizontal: tokens.spacing.lg,
+                    gap: tokens.spacing.xl,
+                }, children: [logo !== undefined && logo !== null ? ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: { gap: tokens.spacing.sm }, children: logo })) : null, columns && columns.length > 0 ? ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: {
+                            flexDirection: 'row',
+                            flexWrap: 'wrap',
+                            gap: tokens.spacing.xl,
+                        }, children: columns.map((column) => ((0, jsx_runtime_1.jsxs)(react_native_1.View, { style: { gap: tokens.spacing.sm, minWidth: 120 }, children: [(0, jsx_runtime_1.jsx)(react_native_1.Text, { style: {
+                                        color: colors.muted,
+                                        fontSize: tokens.typography.scale.xs,
+                                        fontWeight: '700',
+                                        textTransform: 'uppercase',
+                                        letterSpacing: 1.5,
+                                    }, children: column.title }), (0, jsx_runtime_1.jsx)(react_native_1.View, { style: { gap: tokens.spacing.xs }, children: column.links.map((link) => ((0, jsx_runtime_1.jsx)(react_native_1.Pressable, { accessibilityRole: link.onPress ? 'link' : 'text', accessibilityLabel: link.label, disabled: !link.onPress, onPress: link.onPress, style: ({ pressed }) => ({ opacity: pressed && link.onPress ? 0.6 : 1 }), children: (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: {
+                                                color: colors.onSurface,
+                                                fontSize: tokens.typography.scale.sm,
+                                            }, children: link.label }) }, link.label))) })] }, column.title))) })) : null] }), bottom !== undefined && bottom !== null ? ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: {
+                    borderTopWidth: 1,
+                    borderTopColor: colors.border,
+                    paddingVertical: tokens.spacing.md,
+                    paddingHorizontal: tokens.spacing.lg,
+                }, children: (0, jsx_runtime_1.jsx)(react_native_1.View, { style: {
+                        flexDirection: 'row',
+                        flexWrap: 'wrap',
+                        alignItems: 'center',
+                        justifyContent: 'space-between',
+                        gap: tokens.spacing.sm,
+                    }, children: bottom }) })) : null] }));
+}
+//# sourceMappingURL=Footer.js.map

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

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

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

@@ -0,0 +1,30 @@
+import * as React from 'react';
+import { type StyleProp, type ViewStyle } from 'react-native';
+export interface GradientHeroProps {
+    /** Small kicker line above the title. */
+    eyebrow?: React.ReactNode;
+    /** Main headline. */
+    title: React.ReactNode;
+    /** Supporting copy under the title. */
+    subtitle?: React.ReactNode;
+    /** Call-to-action row (buttons/links) — rendered as-is. */
+    actions?: React.ReactNode;
+    /** Optional media (screenshot, illustration) below the copy. */
+    media?: React.ReactNode;
+    /** Horizontal alignment of the copy block. */
+    align?: 'left' | 'center';
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * Full-bleed marketing hero — the native mirror of the web `GradientHero`.
+ *
+ * The web version paints an animated `AuroraBackground` (multiple blurred
+ * blobs + grain/pattern overlays) behind the copy; React Native has no
+ * `filter: blur()` or CSS keyframe machinery, so native **simplifies to a
+ * static two-tone linear gradient** (primary→accent ramp tints fading into
+ * `surface`) via the shared `expo-linear-gradient` wrapper — the same real-
+ * gradient approach `GenerativeCover` uses. The web `variant`/`grain`/`pattern`
+ * props are aurora/DOM-specific and are therefore dropped. Token-only.
+ */
+export declare function GradientHero({ eyebrow, title, subtitle, actions, media, align, style, }: GradientHeroProps): React.ReactElement;
+//# sourceMappingURL=GradientHero.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GradientHero.d.ts","sourceRoot":"","sources":["../../../src/native/marketing/GradientHero.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAIL,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAMtB,MAAM,WAAW,iBAAiB;IAChC,yCAAyC;IACzC,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,qBAAqB;IACrB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,uCAAuC;IACvC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,2DAA2D;IAC3D,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,gEAAgE;IAChE,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,8CAA8C;IAC9C,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;IAC1B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,KAAK,EACL,QAAQ,EACR,OAAO,EACP,KAAK,EACL,KAAgB,EAChB,KAAK,GACN,EAAE,iBAAiB,GAAG,KAAK,CAAC,YAAY,CA8FxC"}

package/dist/native/marketing/GradientHero.js

@@ -0,0 +1,57 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GradientHero = GradientHero;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_native_1 = require("react-native");
+const theme_1 = require("../theme");
+const Eyebrow_1 = require("../primitives/Eyebrow");
+const color_1 = require("../primitives/internal/color");
+const Gradient_1 = require("../commerce/internal/Gradient");
+/**
+ * Full-bleed marketing hero — the native mirror of the web `GradientHero`.
+ *
+ * The web version paints an animated `AuroraBackground` (multiple blurred
+ * blobs + grain/pattern overlays) behind the copy; React Native has no
+ * `filter: blur()` or CSS keyframe machinery, so native **simplifies to a
+ * static two-tone linear gradient** (primary→accent ramp tints fading into
+ * `surface`) via the shared `expo-linear-gradient` wrapper — the same real-
+ * gradient approach `GenerativeCover` uses. The web `variant`/`grain`/`pattern`
+ * props are aurora/DOM-specific and are therefore dropped. Token-only.
+ */
+function GradientHero({ eyebrow, title, subtitle, actions, media, align = 'center', style, }) {
+    const { colors, tokens } = (0, theme_1.useXenitionTheme)();
+    const centered = align === 'center';
+    return ((0, jsx_runtime_1.jsxs)(react_native_1.View, { style: [
+            {
+                position: 'relative',
+                overflow: 'hidden',
+                backgroundColor: colors.surface,
+                borderRadius: tokens.radius.lg,
+                paddingVertical: tokens.spacing['2xl'],
+                paddingHorizontal: tokens.spacing.lg,
+            },
+            style,
+        ], children: [(0, jsx_runtime_1.jsx)(Gradient_1.Gradient, { colors: [
+                    (0, color_1.withAlpha)(colors.primary, 0.2),
+                    (0, color_1.withAlpha)(colors.accent, 0.14),
+                    colors.surface,
+                ], start: { x: 0, y: 0 }, end: { x: 1, y: 1 }, style: react_native_1.StyleSheet.absoluteFillObject }), (0, jsx_runtime_1.jsxs)(react_native_1.View, { style: {
+                    gap: tokens.spacing.lg,
+                    alignItems: centered ? 'center' : 'flex-start',
+                }, children: [eyebrow !== undefined && eyebrow !== null ? (typeof eyebrow === 'string' ? ((0, jsx_runtime_1.jsx)(Eyebrow_1.Eyebrow, { tone: "primary", align: centered ? 'center' : 'start', children: eyebrow })) : (eyebrow)) : null, typeof title === 'string' ? ((0, jsx_runtime_1.jsx)(react_native_1.Text, { style: {
+                            color: colors.onSurface,
+                            fontSize: tokens.typography.scale['3xl'],
+                            fontWeight: '700',
+                            textAlign: centered ? 'center' : 'left',
+                        }, children: title })) : (title), subtitle !== undefined && subtitle !== null ? (typeof subtitle === 'string' ? ((0, jsx_runtime_1.jsx)(react_native_1.Text, { style: {
+                            color: colors.muted,
+                            fontSize: tokens.typography.scale.lg,
+                            textAlign: centered ? 'center' : 'left',
+                        }, children: subtitle })) : (subtitle)) : null, actions !== undefined && actions !== null ? ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: {
+                            flexDirection: 'row',
+                            flexWrap: 'wrap',
+                            gap: tokens.spacing.sm,
+                            justifyContent: centered ? 'center' : 'flex-start',
+                        }, children: actions })) : null, media !== undefined && media !== null ? ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: { marginTop: tokens.spacing.xl, width: '100%' }, children: media })) : null] })] }));
+}
+//# sourceMappingURL=GradientHero.js.map

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

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

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

@@ -0,0 +1,17 @@
+import * as React from 'react';
+import { type StyleProp, type ViewStyle } from 'react-native';
+export interface LogoCloudProps {
+    /** Logo slots (strings are rendered as muted text; nodes rendered as-is). */
+    logos: React.ReactNode[];
+    /** Small line above the logos ("Trusted by…"). */
+    label?: string;
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * Row of partner/customer logos — the native mirror of the web `LogoCloud`. The
+ * web version dims/desaturates until hover; native has no hover, so each slot is
+ * rendered at a fixed reduced opacity (simplification). String logos render as
+ * muted text; node logos are rendered as-is. Token-only.
+ */
+export declare function LogoCloud({ logos, label, style }: LogoCloudProps): React.ReactElement;
+//# sourceMappingURL=LogoCloud.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LogoCloud.d.ts","sourceRoot":"","sources":["../../../src/native/marketing/LogoCloud.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,6EAA6E;IAC7E,KAAK,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;IACzB,kDAAkD;IAClD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED;;;;;GAKG;AACH,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,cAAc,GAAG,KAAK,CAAC,YAAY,CAkDrF"}

package/dist/native/marketing/LogoCloud.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LogoCloud = LogoCloud;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_native_1 = require("react-native");
+const theme_1 = require("../theme");
+/**
+ * Row of partner/customer logos — the native mirror of the web `LogoCloud`. The
+ * web version dims/desaturates until hover; native has no hover, so each slot is
+ * rendered at a fixed reduced opacity (simplification). String logos render as
+ * muted text; node logos are rendered as-is. Token-only.
+ */
+function LogoCloud({ logos, label, style }) {
+    const { colors, tokens } = (0, theme_1.useXenitionTheme)();
+    return ((0, jsx_runtime_1.jsxs)(react_native_1.View, { testID: "xen-logo-cloud", style: [{ alignItems: 'center', gap: tokens.spacing.md }, style], children: [label !== undefined ? ((0, jsx_runtime_1.jsx)(react_native_1.Text, { style: {
+                    color: colors.muted,
+                    fontSize: tokens.typography.scale.sm,
+                    fontWeight: '500',
+                    textTransform: 'uppercase',
+                    letterSpacing: 3,
+                }, children: label })) : null, (0, jsx_runtime_1.jsx)(react_native_1.View, { style: {
+                    flexDirection: 'row',
+                    flexWrap: 'wrap',
+                    alignItems: 'center',
+                    justifyContent: 'center',
+                    gap: tokens.spacing.xl,
+                }, children: logos.map((logo, i) => ((0, jsx_runtime_1.jsx)(react_native_1.View, { testID: "xen-logo", style: { opacity: 0.6 }, children: typeof logo === 'string' ? ((0, jsx_runtime_1.jsx)(react_native_1.Text, { style: {
+                            color: colors.onSurface,
+                            fontSize: tokens.typography.scale.lg,
+                            fontWeight: '600',
+                        }, children: logo })) : (logo) }, i))) })] }));
+}
+//# sourceMappingURL=LogoCloud.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LogoCloud.js","sourceRoot":"","sources":["../../../src/native/marketing/LogoCloud.tsx"],"names":[],"mappings":";;AAkBA,8BAkDC;;AAnED,+CAA0E;AAC1E,oCAA4C;AAU5C;;;;;GAKG;AACH,SAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAkB;IAC/D,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,IAAA,wBAAgB,GAAE,CAAC;IAE9C,OAAO,CACL,wBAAC,mBAAI,IACH,MAAM,EAAC,gBAAgB,EACvB,KAAK,EAAE,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE,EAAE,EAAE,KAAK,CAAC,aAE/D,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,CACrB,uBAAC,mBAAI,IACH,KAAK,EAAE;oBACL,KAAK,EAAE,MAAM,CAAC,KAAK;oBACnB,QAAQ,EAAE,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE;oBACpC,UAAU,EAAE,KAAK;oBACjB,aAAa,EAAE,WAAW;oBAC1B,aAAa,EAAE,CAAC;iBACjB,YAEA,KAAK,GACD,CACR,CAAC,CAAC,CAAC,IAAI,EACR,uBAAC,mBAAI,IACH,KAAK,EAAE;oBACL,aAAa,EAAE,KAAK;oBACpB,QAAQ,EAAE,MAAM;oBAChB,UAAU,EAAE,QAAQ;oBACpB,cAAc,EAAE,QAAQ;oBACxB,GAAG,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE;iBACvB,YAEA,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CACtB,uBAAC,mBAAI,IAAS,MAAM,EAAC,UAAU,EAAC,KAAK,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,YACpD,OAAO,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,CAC1B,uBAAC,mBAAI,IACH,KAAK,EAAE;4BACL,KAAK,EAAE,MAAM,CAAC,SAAS;4BACvB,QAAQ,EAAE,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE;4BACpC,UAAU,EAAE,KAAK;yBAClB,YAEA,IAAI,GACA,CACR,CAAC,CAAC,CAAC,CACF,IAAI,CACL,IAbQ,CAAC,CAcL,CACR,CAAC,GACG,IACF,CACR,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,37 @@
+import * as React from 'react';
+import { type StyleProp, type ViewStyle } from 'react-native';
+export interface PricingPlanCta {
+    label: string;
+    onPress?: () => void;
+}
+export interface PricingPlan {
+    /** Tier name ("Starter", "Pro", …). */
+    name: string;
+    /** Price display ("$19", "Free", …). */
+    price: string;
+    /** Billing period line (e.g. "/month"). */
+    period?: string;
+    /** Short description under the price. */
+    description?: string;
+    /** Checklist entries. */
+    features?: string[];
+    /** Call-to-action button; a node is rendered as-is. */
+    cta?: PricingPlanCta | React.ReactNode;
+    /** Emphasized tier: token ring + badge (web `featured`). */
+    highlighted?: boolean;
+    /** Badge text on the highlighted tier. */
+    highlightLabel?: string;
+}
+export interface PricingTableProps {
+    /** The tiers to render (mirrors the web `PricingTier` children). */
+    plans: PricingPlan[];
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * Stacked pricing tiers — the native mirror of the web `PricingTable` +
+ * `PricingTier`. The web version composes children in a responsive grid; native
+ * takes a `plans` data array and stacks the cards vertically (the `lg:scale-105`
+ * highlight is expressed with a token ring + badge only). Token-only.
+ */
+export declare function PricingTable({ plans, style }: PricingTableProps): React.ReactElement;
+//# sourceMappingURL=PricingTable.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PricingTable.d.ts","sourceRoot":"","sources":["../../../src/native/marketing/PricingTable.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,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,MAAM,WAAW,WAAW;IAC1B,uCAAuC;IACvC,IAAI,EAAE,MAAM,CAAC;IACb,wCAAwC;IACxC,KAAK,EAAE,MAAM,CAAC;IACd,2CAA2C;IAC3C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,yCAAyC;IACzC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,uDAAuD;IACvD,GAAG,CAAC,EAAE,cAAc,GAAG,KAAK,CAAC,SAAS,CAAC;IACvC,4DAA4D;IAC5D,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,0CAA0C;IAC1C,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,MAAM,WAAW,iBAAiB;IAChC,oEAAoE;IACpE,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAMD;;;;;GAKG;AACH,wBAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,iBAAiB,GAAG,KAAK,CAAC,YAAY,CA6HpF"}

package/dist/native/marketing/PricingTable.js

@@ -0,0 +1,64 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PricingTable = PricingTable;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_native_1 = require("react-native");
+const theme_1 = require("../theme");
+function isCta(value) {
+    return typeof value === 'object' && value !== null && 'label' in value;
+}
+/**
+ * Stacked pricing tiers — the native mirror of the web `PricingTable` +
+ * `PricingTier`. The web version composes children in a responsive grid; native
+ * takes a `plans` data array and stacks the cards vertically (the `lg:scale-105`
+ * highlight is expressed with a token ring + badge only). Token-only.
+ */
+function PricingTable({ plans, style }) {
+    const { colors, tokens } = (0, theme_1.useXenitionTheme)();
+    return ((0, jsx_runtime_1.jsx)(react_native_1.View, { testID: "xen-pricing", style: [{ gap: tokens.spacing.lg }, style], children: plans.map((plan, i) => ((0, jsx_runtime_1.jsxs)(react_native_1.View, { style: {
+                position: 'relative',
+                gap: tokens.spacing.md,
+                backgroundColor: colors.surface,
+                borderRadius: tokens.radius.lg,
+                padding: tokens.spacing.lg,
+                borderWidth: plan.highlighted ? 2 : 1,
+                borderColor: plan.highlighted ? colors.primary : colors.border,
+            }, children: [plan.highlighted ? ((0, jsx_runtime_1.jsx)(react_native_1.View, { testID: "xen-pricing-badge", style: {
+                        alignSelf: 'flex-start',
+                        backgroundColor: colors.primary,
+                        borderRadius: tokens.radius.full,
+                        paddingVertical: 2,
+                        paddingHorizontal: tokens.spacing.sm,
+                    }, children: (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: {
+                            color: colors.onPrimary,
+                            fontSize: tokens.typography.scale.xs,
+                            fontWeight: '600',
+                        }, children: plan.highlightLabel ?? 'Most popular' }) })) : null, (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: {
+                        color: colors.onSurface,
+                        fontSize: tokens.typography.scale.lg,
+                        fontWeight: '600',
+                    }, children: plan.name }), (0, jsx_runtime_1.jsxs)(react_native_1.View, { style: { flexDirection: 'row', alignItems: 'baseline', gap: tokens.spacing.xs }, children: [(0, jsx_runtime_1.jsx)(react_native_1.Text, { style: {
+                                color: colors.onSurface,
+                                fontSize: tokens.typography.scale['3xl'],
+                                fontWeight: '700',
+                            }, children: plan.price }), plan.period !== undefined ? ((0, jsx_runtime_1.jsx)(react_native_1.Text, { style: { color: colors.muted, fontSize: tokens.typography.scale.sm }, children: plan.period })) : null] }), plan.description !== undefined ? ((0, jsx_runtime_1.jsx)(react_native_1.Text, { style: { color: colors.muted, fontSize: tokens.typography.scale.sm }, children: plan.description })) : null, plan.features && plan.features.length > 0 ? ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: { gap: tokens.spacing.xs }, children: plan.features.map((feature, fi) => ((0, jsx_runtime_1.jsxs)(react_native_1.View, { style: { flexDirection: 'row', alignItems: 'flex-start', gap: tokens.spacing.xs }, children: [(0, jsx_runtime_1.jsx)(react_native_1.Text, { style: { color: colors.success, fontWeight: '700' }, children: "\u2713" }), (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: {
+                                    flex: 1,
+                                    color: colors.onSurface,
+                                    fontSize: tokens.typography.scale.sm,
+                                }, children: feature })] }, fi))) })) : null, isCta(plan.cta) ? ((0, jsx_runtime_1.jsx)(react_native_1.Pressable, { accessibilityRole: "button", accessibilityLabel: plan.cta.label, onPress: plan.cta.onPress, style: ({ pressed }) => ({
+                        marginTop: tokens.spacing.xs,
+                        alignItems: 'center',
+                        backgroundColor: plan.highlighted ? colors.primary : colors.surface,
+                        borderColor: colors.primary,
+                        borderWidth: 1,
+                        borderRadius: tokens.radius.md,
+                        paddingVertical: tokens.spacing.sm,
+                        paddingHorizontal: tokens.spacing.md,
+                        opacity: pressed ? 0.9 : 1,
+                    }), children: (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: {
+                            color: plan.highlighted ? colors.onPrimary : colors.primary,
+                            fontSize: tokens.typography.scale.sm,
+                            fontWeight: '600',
+                        }, children: plan.cta.label }) })) : plan.cta ? ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: { marginTop: tokens.spacing.xs }, children: plan.cta })) : null] }, i))) }));
+}
+//# sourceMappingURL=PricingTable.js.map

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

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

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

@@ -0,0 +1,24 @@
+import * as React from 'react';
+import { type StyleProp, type ViewStyle } from 'react-native';
+export interface SectionHeadingProps {
+    /** Small kicker line above the title. */
+    eyebrow?: React.ReactNode;
+    /** Section title. */
+    title: React.ReactNode;
+    /** Supporting paragraph under the title. */
+    lede?: React.ReactNode;
+    align?: 'left' | 'center';
+    /**
+     * Heading level — accepted for parity with the web `SectionHeading`; React
+     * Native has no heading semantics, so it has no visual effect here.
+     */
+    as?: 'h1' | 'h2' | 'h3';
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * Eyebrow + title + lede — the native mirror of the web `SectionHeading`, the
+ * standard section opener. Token-only. The web `as` heading-level prop is kept
+ * for prop parity but is inert on native (no DOM heading elements).
+ */
+export declare function SectionHeading({ eyebrow, title, lede, align, as: _as, style, }: SectionHeadingProps): React.ReactElement;
+//# sourceMappingURL=SectionHeading.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SectionHeading.d.ts","sourceRoot":"","sources":["../../../src/native/marketing/SectionHeading.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAc,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAI1E,MAAM,WAAW,mBAAmB;IAClC,yCAAyC;IACzC,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,qBAAqB;IACrB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,4CAA4C;IAC5C,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;IAC1B;;;OAGG;IACH,EAAE,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACxB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,EAC7B,OAAO,EACP,KAAK,EACL,IAAI,EACJ,KAAc,EACd,EAAE,EAAE,GAAU,EACd,KAAK,GACN,EAAE,mBAAmB,GAAG,KAAK,CAAC,YAAY,CAwD1C"}

package/dist/native/marketing/SectionHeading.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SectionHeading = SectionHeading;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_native_1 = require("react-native");
+const theme_1 = require("../theme");
+const Eyebrow_1 = require("../primitives/Eyebrow");
+/**
+ * Eyebrow + title + lede — the native mirror of the web `SectionHeading`, the
+ * standard section opener. Token-only. The web `as` heading-level prop is kept
+ * for prop parity but is inert on native (no DOM heading elements).
+ */
+function SectionHeading({ eyebrow, title, lede, align = 'left', as: _as = 'h2', style, }) {
+    const { colors, tokens } = (0, theme_1.useXenitionTheme)();
+    const centered = align === 'center';
+    return ((0, jsx_runtime_1.jsxs)(react_native_1.View, { style: [
+            {
+                gap: tokens.spacing.sm,
+                alignItems: centered ? 'center' : 'flex-start',
+            },
+            style,
+        ], children: [eyebrow !== undefined && eyebrow !== null ? (typeof eyebrow === 'string' ? ((0, jsx_runtime_1.jsx)(Eyebrow_1.Eyebrow, { tone: "primary", align: centered ? 'center' : 'start', children: eyebrow })) : (eyebrow)) : null, typeof title === 'string' ? ((0, jsx_runtime_1.jsx)(react_native_1.Text, { style: {
+                    color: colors.onSurface,
+                    fontSize: tokens.typography.scale['3xl'],
+                    fontWeight: '700',
+                    textAlign: centered ? 'center' : 'left',
+                }, children: title })) : (title), lede !== undefined && lede !== null ? (typeof lede === 'string' ? ((0, jsx_runtime_1.jsx)(react_native_1.Text, { style: {
+                    color: colors.muted,
+                    fontSize: tokens.typography.scale.lg,
+                    textAlign: centered ? 'center' : 'left',
+                }, children: lede })) : (lede)) : null] }));
+}
+//# sourceMappingURL=SectionHeading.js.map