@xenition/ui 0.1.0 → 0.1.1

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

package/dist/native/marketing/ProductMock.js

@@ -0,0 +1,270 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ProductMock = ProductMock;
+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 StatusDot_1 = require("../primitives/StatusDot");
+const VARIANT_DEFAULTS = {
+    analytics: {
+        title: 'analytics / production',
+        kpis: [
+            { label: 'Active now', value: '8,412' },
+            { label: 'Events / min', value: '96,204' },
+            { label: 'Conversion', value: '4.8%' },
+        ],
+        chart: 'bars',
+        feed: [
+            'signup.completed · eu-west',
+            'checkout.paid · us-east',
+            'funnel.converted · ap-south',
+            'alert.anomaly · p99 spike',
+        ],
+    },
+    chat: {
+        title: 'inbox / live',
+        kpis: [
+            { label: 'Open', value: '24' },
+            { label: 'Median reply', value: '48s' },
+            { label: 'CSAT', value: '98%' },
+        ],
+        chart: 'scene',
+        feed: ['agent.assigned · queue a', 'conversation.resolved · web', 'note.added · api'],
+    },
+    commerce: {
+        title: 'storefront / today',
+        kpis: [
+            { label: 'Revenue', value: '$12,480' },
+            { label: 'Orders', value: '312' },
+            { label: 'AOV', value: '$40.00' },
+        ],
+        chart: 'sparkline',
+        feed: ['order.paid · #4821', 'cart.recovered · email', 'refund.issued · #4790'],
+    },
+    calendar: {
+        title: 'schedule / week',
+        kpis: [
+            { label: 'Booked', value: '38' },
+            { label: 'Utilization', value: '86%' },
+            { label: 'No-shows', value: '1' },
+        ],
+        chart: 'scene',
+        feed: ['booking.confirmed · 09:30', 'booking.rescheduled · 13:00', 'reminder.sent · sms'],
+    },
+};
+/** Deterministic pseudo-random equalizer heights (stable across renders/runtimes). */
+const BARS = Array.from({ length: 20 }, (_, i) => {
+    const wave = Math.sin(i / 3.1) * 0.28 + Math.cos(i / 1.7) * 0.14;
+    return Math.min(1, Math.max(0.15, 0.38 + wave + ((i * 37) % 19) / 90));
+});
+/** Deterministic sparkline sample heights (0..1), rendered as a stepped area. */
+const SPARK = Array.from({ length: 16 }, (_, i) => {
+    const wave = Math.sin(i / 2.2) * 0.3 + Math.cos(i / 3.7) * 0.18;
+    return Math.min(1, Math.max(0.12, 0.5 + wave));
+});
+/** Ring completion fractions, outer to inner. */
+const RINGS = [0.78, 0.54, 0.32];
+/** Chat scene: [width%, mine?] skeleton bubbles, deterministic. */
+const BUBBLES = [
+    [58, false],
+    [42, true],
+    [66, false],
+    [30, true],
+    [50, false],
+];
+/** Calendar scene: 5×7 month grid; which cells read "booked", deterministic. */
+const MONTH_CELLS = Array.from({ length: 35 }, (_, i) => (i * 13 + 5) % 7 < 3);
+const CANVAS_HEIGHT = 160;
+/**
+ * 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`).
+ */
+function ProductMock({ variant = 'analytics', title, kpis, chart, feed, live = 'LIVE', footnote, style, }) {
+    const { colors, tokens } = (0, theme_1.useXenitionTheme)();
+    const defaults = VARIANT_DEFAULTS[variant];
+    const resolvedTitle = title ?? defaults.title;
+    const resolvedKpis = kpis ?? defaults.kpis;
+    const resolvedChart = chart ?? defaults.chart;
+    const resolvedFeed = feed ?? defaults.feed;
+    const canvasBg = (0, color_1.withAlpha)(colors.surface, 0.6);
+    const tileBg = (0, color_1.withAlpha)(colors.surface, 0.6);
+    const tileBorder = (0, color_1.withAlpha)(colors.border, 0.55);
+    function renderVisual() {
+        if (resolvedChart === 'bars') {
+            return ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: { flex: 1, flexDirection: 'row', alignItems: 'flex-end', gap: 3 }, children: BARS.map((h, i) => ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: {
+                        flex: 1,
+                        height: `${(h * 100).toFixed(0)}%`,
+                        borderTopLeftRadius: 2,
+                        borderTopRightRadius: 2,
+                        backgroundColor: tokens.ramps.primary[500],
+                        opacity: 0.85,
+                    } }, i))) }));
+        }
+        if (resolvedChart === 'sparkline') {
+            return ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: { flex: 1, flexDirection: 'row', alignItems: 'flex-end', gap: 2 }, children: SPARK.map((h, i) => ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: {
+                        flex: 1,
+                        height: `${(h * 100).toFixed(0)}%`,
+                        borderTopLeftRadius: 2,
+                        borderTopRightRadius: 2,
+                        backgroundColor: (0, color_1.withAlpha)(tokens.ramps.accent[400], 0.7),
+                    } }, i))) }));
+        }
+        if (resolvedChart === 'rings') {
+            const ringColors = [
+                tokens.ramps.primary[500],
+                tokens.ramps.accent[400],
+                tokens.ramps.primary[300],
+            ];
+            return ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: { flex: 1, alignItems: 'center', justifyContent: 'center' }, children: (0, jsx_runtime_1.jsx)(react_native_1.View, { style: { width: 112, height: 112, alignItems: 'center', justifyContent: 'center' }, children: RINGS.map((fraction, i) => {
+                        const size = 112 - i * 34;
+                        return ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: {
+                                position: 'absolute',
+                                width: size,
+                                height: size,
+                                borderRadius: size / 2,
+                                borderWidth: 6,
+                                // static "progress" hint: full track tinted, thicker top edge tone
+                                borderColor: (0, color_1.withAlpha)(colors.border, 0.7),
+                                borderTopColor: ringColors[i],
+                                borderRightColor: fraction > 0.5 ? ringColors[i] : (0, color_1.withAlpha)(colors.border, 0.7),
+                            } }, i));
+                    }) }) }));
+        }
+        // scene: chat thread or month grid
+        if (variant === 'chat') {
+            return ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: { flex: 1, justifyContent: 'flex-end', gap: tokens.spacing.xs }, children: BUBBLES.map(([width, mine], i) => ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: {
+                        height: 18,
+                        width: `${width}%`,
+                        borderRadius: tokens.radius.md,
+                        alignSelf: mine ? 'flex-end' : 'flex-start',
+                        backgroundColor: mine
+                            ? (0, color_1.withAlpha)(tokens.ramps.primary[500], 0.5)
+                            : (0, color_1.withAlpha)(colors.onSurface, 0.08),
+                    } }, i))) }));
+        }
+        // calendar month grid
+        return ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: { flex: 1, flexDirection: 'row', flexWrap: 'wrap', gap: 6 }, children: MONTH_CELLS.map((booked, i) => ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: {
+                    width: `${100 / 7}%`,
+                    aspectRatio: 1,
+                    maxWidth: 20,
+                    borderRadius: tokens.radius.sm,
+                    backgroundColor: booked
+                        ? (0, color_1.withAlpha)(tokens.ramps.primary[500], 0.85)
+                        : (0, color_1.withAlpha)(colors.onSurface, 0.06),
+                } }, i))) }));
+    }
+    return ((0, jsx_runtime_1.jsx)(react_native_1.View, { testID: "xen-product-mock", accessibilityElementsHidden: true, importantForAccessibility: "no-hide-descendants", style: [{ width: '100%' }, style], children: (0, jsx_runtime_1.jsxs)(react_native_1.View, { style: {
+                overflow: 'hidden',
+                borderRadius: tokens.radius.lg,
+                backgroundColor: (0, color_1.withAlpha)(colors.surface, 0.78),
+                borderWidth: 1,
+                borderColor: (0, color_1.withAlpha)(colors.border, 0.7),
+            }, children: [(0, jsx_runtime_1.jsxs)(react_native_1.View, { style: {
+                        flexDirection: 'row',
+                        alignItems: 'center',
+                        justifyContent: 'space-between',
+                        paddingHorizontal: tokens.spacing.lg,
+                        paddingVertical: tokens.spacing.sm,
+                        borderBottomWidth: 1,
+                        borderBottomColor: (0, color_1.withAlpha)(colors.border, 0.7),
+                    }, children: [(0, jsx_runtime_1.jsxs)(react_native_1.View, { style: { flexDirection: 'row', alignItems: 'center', gap: tokens.spacing.md }, children: [(0, jsx_runtime_1.jsx)(react_native_1.View, { style: { flexDirection: 'row', gap: 6 }, children: [0, 1, 2].map((i) => ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: {
+                                            width: 10,
+                                            height: 10,
+                                            borderRadius: 5,
+                                            backgroundColor: (0, color_1.withAlpha)(colors.onSurface, 0.2),
+                                        } }, i))) }), (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: {
+                                        color: colors.muted,
+                                        fontSize: tokens.typography.scale.xs,
+                                        fontWeight: '500',
+                                    }, children: resolvedTitle })] }), live !== false ? ((0, jsx_runtime_1.jsxs)(react_native_1.View, { style: {
+                                flexDirection: 'row',
+                                alignItems: 'center',
+                                gap: tokens.spacing.xs,
+                                paddingHorizontal: tokens.spacing.sm,
+                                paddingVertical: tokens.spacing.xs,
+                                borderRadius: 9999,
+                                borderWidth: 1,
+                                borderColor: (0, color_1.withAlpha)(colors.accent, 0.35),
+                                backgroundColor: (0, color_1.withAlpha)(colors.accent, 0.1),
+                            }, children: [(0, jsx_runtime_1.jsx)(StatusDot_1.StatusDot, { tone: "accent", pulse: false, size: 6 }), (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: {
+                                        color: colors.accent,
+                                        fontSize: tokens.typography.scale.xs,
+                                        fontWeight: '700',
+                                    }, children: live })] })) : null] }), (0, jsx_runtime_1.jsxs)(react_native_1.View, { style: { flexDirection: 'row', flexWrap: 'wrap' }, children: [(0, jsx_runtime_1.jsxs)(react_native_1.View, { style: {
+                                flexGrow: 1,
+                                flexBasis: 260,
+                                gap: tokens.spacing.lg,
+                                padding: tokens.spacing.lg,
+                            }, children: [resolvedKpis.length > 0 ? ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: { flexDirection: 'row', gap: tokens.spacing.sm }, children: resolvedKpis.map((kpi) => ((0, jsx_runtime_1.jsxs)(react_native_1.View, { style: {
+                                            flex: 1,
+                                            padding: tokens.spacing.sm,
+                                            borderRadius: tokens.radius.md,
+                                            backgroundColor: tileBg,
+                                            borderWidth: 1,
+                                            borderColor: tileBorder,
+                                        }, children: [(0, jsx_runtime_1.jsx)(react_native_1.Text, { style: {
+                                                    color: colors.muted,
+                                                    fontSize: tokens.typography.scale.xs,
+                                                    fontWeight: '500',
+                                                }, children: kpi.label }), (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: {
+                                                    marginTop: tokens.spacing.xs,
+                                                    color: colors.onSurface,
+                                                    fontSize: tokens.typography.scale.lg,
+                                                    fontWeight: '700',
+                                                }, children: kpi.value })] }, kpi.label))) })) : null, (0, jsx_runtime_1.jsx)(react_native_1.View, { style: {
+                                        height: CANVAS_HEIGHT,
+                                        overflow: 'hidden',
+                                        padding: tokens.spacing.md,
+                                        borderRadius: tokens.radius.md,
+                                        borderWidth: 1,
+                                        borderColor: tileBorder,
+                                        backgroundColor: canvasBg,
+                                    }, children: renderVisual() })] }), resolvedFeed.length > 0 ? ((0, jsx_runtime_1.jsxs)(react_native_1.View, { style: {
+                                flexGrow: 1,
+                                flexBasis: 200,
+                                gap: tokens.spacing.md,
+                                padding: tokens.spacing.lg,
+                                borderLeftWidth: 1,
+                                borderLeftColor: (0, color_1.withAlpha)(colors.border, 0.7),
+                            }, children: [(0, jsx_runtime_1.jsx)(react_native_1.Text, { style: {
+                                        color: colors.muted,
+                                        fontSize: tokens.typography.scale.xs,
+                                        fontWeight: '600',
+                                    }, children: "EVENT STREAM" }), resolvedFeed.map((line, i) => ((0, jsx_runtime_1.jsxs)(react_native_1.View, { style: {
+                                        flexDirection: 'row',
+                                        alignItems: 'center',
+                                        gap: tokens.spacing.xs,
+                                        paddingHorizontal: tokens.spacing.sm,
+                                        paddingVertical: tokens.spacing.xs,
+                                        borderRadius: tokens.radius.md,
+                                        backgroundColor: tileBg,
+                                        borderWidth: 1,
+                                        borderColor: tileBorder,
+                                    }, children: [(0, jsx_runtime_1.jsx)(react_native_1.View, { style: {
+                                                width: 6,
+                                                height: 6,
+                                                borderRadius: 3,
+                                                backgroundColor: i % 2 === 0 ? colors.accent : colors.primary,
+                                            } }), (0, jsx_runtime_1.jsx)(react_native_1.Text, { numberOfLines: 1, style: {
+                                                flex: 1,
+                                                color: colors.muted,
+                                                fontSize: tokens.typography.scale.xs,
+                                                fontWeight: '500',
+                                            }, children: line })] }, i))), footnote !== undefined ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_native_1.View, { style: {
+                                                marginTop: 'auto',
+                                                height: 1,
+                                                backgroundColor: (0, color_1.withAlpha)(tokens.ramps.primary[500], 0.55),
+                                            } }), (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: { color: colors.muted, fontSize: tokens.typography.scale.xs }, children: footnote })] })) : null] })) : null] })] }) }));
+}
+//# sourceMappingURL=ProductMock.js.map

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

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