@xenition/ui 0.1.0

package/dist/native/primitives/Sidebar.js

@@ -0,0 +1,48 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Sidebar = Sidebar;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_native_1 = require("react-native");
+const theme_1 = require("../theme");
+/**
+ * Vertical nav rail — the native mirror of the web `Sidebar`. A `brand` slot on
+ * top, one or more groups of token-styled `Pressable` nav rows with an active
+ * state, and an optional `footer`. Used as a persistent rail on tablet or inside
+ * the `AppShell` drawer on phones. No literal colors.
+ */
+function Sidebar({ brand, items, groups, footer, style, }) {
+    const { colors, tokens } = (0, theme_1.useXenitionTheme)();
+    const resolvedGroups = groups ?? (items ? [{ items }] : []);
+    return ((0, jsx_runtime_1.jsxs)(react_native_1.View, { style: [
+            {
+                flex: 1,
+                backgroundColor: colors.surface,
+                borderRightWidth: 1,
+                borderColor: colors.border,
+                paddingHorizontal: tokens.spacing.sm,
+                paddingVertical: tokens.spacing.lg,
+            },
+            style,
+        ], children: [brand != null ? ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: { paddingHorizontal: tokens.spacing.sm, marginBottom: tokens.spacing.md }, children: typeof brand === 'string' ? ((0, jsx_runtime_1.jsx)(react_native_1.Text, { style: { color: colors.onSurface, fontSize: tokens.typography.scale.lg, fontWeight: '700' }, children: brand })) : (brand) })) : null, (0, jsx_runtime_1.jsx)(react_native_1.ScrollView, { style: { flex: 1 }, contentContainerStyle: { gap: tokens.spacing.lg }, children: resolvedGroups.map((group, gi) => ((0, jsx_runtime_1.jsxs)(react_native_1.View, { style: { gap: tokens.spacing.xs }, children: [group.label != null ? ((0, jsx_runtime_1.jsx)(react_native_1.Text, { style: {
+                                color: colors.muted,
+                                fontSize: tokens.typography.scale.xs,
+                                fontWeight: '600',
+                                textTransform: 'uppercase',
+                                letterSpacing: 0.6,
+                                paddingHorizontal: tokens.spacing.sm,
+                                paddingBottom: tokens.spacing.xs,
+                            }, children: group.label })) : null, group.items.map((item, ii) => ((0, jsx_runtime_1.jsxs)(react_native_1.Pressable, { accessibilityRole: "button", accessibilityState: { selected: item.active }, onPress: item.onSelect, style: {
+                                flexDirection: 'row',
+                                alignItems: 'center',
+                                gap: tokens.spacing.sm,
+                                borderRadius: tokens.radius.md,
+                                paddingHorizontal: tokens.spacing.md,
+                                paddingVertical: tokens.spacing.sm,
+                                backgroundColor: item.active ? colors.primary : 'transparent',
+                            }, children: [item.icon != null ? (0, jsx_runtime_1.jsx)(react_native_1.View, { children: item.icon }) : null, (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: {
+                                        color: item.active ? colors.onPrimary : colors.onSurface,
+                                        fontSize: tokens.typography.scale.sm,
+                                        fontWeight: '500',
+                                    }, children: item.label })] }, ii)))] }, gi))) }), footer != null ? ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: { borderTopWidth: 1, borderColor: colors.border, paddingTop: tokens.spacing.md }, children: footer })) : null] }));
+}
+//# sourceMappingURL=Sidebar.js.map

package/dist/native/primitives/Sidebar.js.map

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

package/dist/native/primitives/SignupForm.d.ts

@@ -0,0 +1,20 @@
+import * as React from 'react';
+export interface SignupValues {
+    name: string;
+    email: string;
+    password: string;
+}
+export interface SignupFormProps {
+    /** Called with the new-account values. Throw to surface an error message. */
+    onSubmit: (values: SignupValues) => void | Promise<void>;
+    onLoginClick?: () => void;
+    title?: React.ReactNode;
+    /** Minimum password length (default 8). */
+    minPasswordLength?: number;
+}
+/**
+ * Drop-in sign-up form — the native mirror of the web `SignupForm`. Composed,
+ * themed, validated. Wire `onSubmit` to `@xenition/sdk` auth. No literal colors.
+ */
+export declare function SignupForm({ onSubmit, onLoginClick, title, minPasswordLength, }: SignupFormProps): React.ReactElement;
+//# sourceMappingURL=SignupForm.d.ts.map

package/dist/native/primitives/SignupForm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SignupForm.d.ts","sourceRoot":"","sources":["../../../src/native/primitives/SignupForm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,eAAe;IAC9B,6EAA6E;IAC7E,QAAQ,EAAE,CAAC,MAAM,EAAE,YAAY,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACzD,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,2CAA2C;IAC3C,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED;;;GAGG;AACH,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,YAAY,EACZ,KAAwB,EACxB,iBAAqB,GACtB,EAAE,eAAe,GAAG,KAAK,CAAC,YAAY,CA6EtC"}

package/dist/native/primitives/SignupForm.js

@@ -0,0 +1,78 @@
+"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.SignupForm = SignupForm;
+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 AuthCard_1 = require("./AuthCard");
+const Field_1 = require("./Field");
+const Input_1 = require("./Input");
+const Button_1 = require("./Button");
+const Alert_1 = require("./Alert");
+const useForm_1 = require("../../primitives/useForm");
+/**
+ * Drop-in sign-up form — the native mirror of the web `SignupForm`. Composed,
+ * themed, validated. Wire `onSubmit` to `@xenition/sdk` auth. No literal colors.
+ */
+function SignupForm({ onSubmit, onLoginClick, title = 'Create account', minPasswordLength = 8, }) {
+    const { colors, tokens } = (0, theme_1.useXenitionTheme)();
+    const [submitError, setSubmitError] = React.useState(null);
+    const form = (0, useForm_1.useForm)({
+        initialValues: { name: '', email: '', password: '' },
+        validate: (v) => {
+            const e = {};
+            if (!v.name)
+                e.name = 'Name is required';
+            if (!v.email)
+                e.email = 'Email is required';
+            if (!v.password || v.password.length < minPasswordLength)
+                e.password = `Password must be at least ${minPasswordLength} characters`;
+            return e;
+        },
+        onSubmit: async (v) => {
+            setSubmitError(null);
+            try {
+                await onSubmit(v);
+            }
+            catch (err) {
+                setSubmitError(err instanceof Error ? err.message : 'Sign up failed');
+            }
+        },
+    });
+    return ((0, jsx_runtime_1.jsx)(AuthCard_1.AuthCard, { title: title, children: (0, jsx_runtime_1.jsxs)(react_native_1.View, { style: { gap: tokens.spacing.md }, children: [submitError ? (0, jsx_runtime_1.jsx)(Alert_1.Alert, { tone: "danger", children: submitError }) : null, (0, jsx_runtime_1.jsx)(Field_1.Field, { label: "Name", error: form.errors.name, children: (0, jsx_runtime_1.jsx)(Input_1.Input, { autoComplete: "name", textContentType: "name", invalid: !!form.errors.name, value: form.values.name, onChangeText: (t) => form.setValue('name', t) }) }), (0, jsx_runtime_1.jsx)(Field_1.Field, { label: "Email", error: form.errors.email, children: (0, jsx_runtime_1.jsx)(Input_1.Input, { keyboardType: "email-address", autoCapitalize: "none", autoComplete: "email", textContentType: "emailAddress", invalid: !!form.errors.email, value: form.values.email, onChangeText: (t) => form.setValue('email', t), placeholder: "you@example.com" }) }), (0, jsx_runtime_1.jsx)(Field_1.Field, { label: "Password", error: form.errors.password, children: (0, jsx_runtime_1.jsx)(Input_1.Input, { secureTextEntry: true, autoCapitalize: "none", autoComplete: "password-new", textContentType: "newPassword", invalid: !!form.errors.password, value: form.values.password, onChangeText: (t) => form.setValue('password', t) }) }), (0, jsx_runtime_1.jsx)(Button_1.Button, { onPress: () => form.handleSubmit(), disabled: form.submitting, loading: form.submitting, children: form.submitting ? 'Creating…' : 'Sign up' }), onLoginClick ? ((0, jsx_runtime_1.jsxs)(react_native_1.View, { style: { flexDirection: 'row', justifyContent: 'center', gap: tokens.spacing.xs }, children: [(0, jsx_runtime_1.jsx)(react_native_1.Text, { style: { color: colors.muted, fontSize: tokens.typography.scale.sm }, children: "Have an account?" }), (0, jsx_runtime_1.jsx)(react_native_1.Pressable, { accessibilityRole: "button", onPress: onLoginClick, children: (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: { color: colors.primary, fontSize: tokens.typography.scale.sm }, children: "Sign in" }) })] })) : null] }) }));
+}
+//# sourceMappingURL=SignupForm.js.map

package/dist/native/primitives/SignupForm.js.map

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

package/dist/native/primitives/Skeleton.d.ts

@@ -0,0 +1,21 @@
+import * as React from 'react';
+import { type DimensionValue, type StyleProp, type ViewStyle } from 'react-native';
+export interface SkeletonProps {
+    /** Shape of the placeholder. */
+    variant?: 'text' | 'rect' | 'circle';
+    /** Width (number = px, string = percentage). */
+    width?: DimensionValue;
+    /** Height (number = px, string = percentage). */
+    height?: DimensionValue;
+    /** For `text`: render N stacked lines (last one shorter). */
+    lines?: number;
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * Shimmering loading placeholder — the native mirror of the web `Skeleton`.
+ * Where the web shape shimmers via `animate-pulse`, native drives an `Animated`
+ * opacity loop. The block is filled with the `muted` token; the corner radius is
+ * keyed off the variant (`circle`→full, `rect`→md, `text`→sm). No literal colors.
+ */
+export declare function Skeleton({ variant, width, height, lines, style, }: SkeletonProps): React.ReactElement;
+//# sourceMappingURL=Skeleton.d.ts.map

package/dist/native/primitives/Skeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../src/native/primitives/Skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAkB,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAGnG,MAAM,WAAW,aAAa;IAC5B,gCAAgC;IAChC,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,QAAQ,CAAC;IACrC,gDAAgD;IAChD,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,iDAAiD;IACjD,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,6DAA6D;IAC7D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED;;;;;GAKG;AACH,wBAAgB,QAAQ,CAAC,EACvB,OAAgB,EAChB,KAAK,EACL,MAAM,EACN,KAAS,EACT,KAAK,GACN,EAAE,aAAa,GAAG,KAAK,CAAC,YAAY,CAsCpC"}

package/dist/native/primitives/Skeleton.js

@@ -0,0 +1,65 @@
+"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.Skeleton = Skeleton;
+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");
+/**
+ * Shimmering loading placeholder — the native mirror of the web `Skeleton`.
+ * Where the web shape shimmers via `animate-pulse`, native drives an `Animated`
+ * opacity loop. The block is filled with the `muted` token; the corner radius is
+ * keyed off the variant (`circle`→full, `rect`→md, `text`→sm). No literal colors.
+ */
+function Skeleton({ variant = 'text', width, height, lines = 1, style, }) {
+    const { colors, tokens } = (0, theme_1.useXenitionTheme)();
+    const opacity = React.useRef(new react_native_1.Animated.Value(0.4)).current;
+    React.useEffect(() => {
+        const loop = react_native_1.Animated.loop(react_native_1.Animated.sequence([
+            react_native_1.Animated.timing(opacity, { toValue: 1, duration: 700, useNativeDriver: true }),
+            react_native_1.Animated.timing(opacity, { toValue: 0.4, duration: 700, useNativeDriver: true }),
+        ]));
+        loop.start();
+        return () => loop.stop();
+    }, [opacity]);
+    const radius = variant === 'circle' ? tokens.radius.full : variant === 'rect' ? tokens.radius.md : tokens.radius.sm;
+    const block = (w, h) => ((0, jsx_runtime_1.jsx)(react_native_1.Animated.View, { accessibilityRole: "none", style: { width: w, height: h, borderRadius: radius, backgroundColor: colors.muted, opacity } }));
+    if (variant === 'text' && lines > 1) {
+        return ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: [{ gap: tokens.spacing.sm }, style], children: Array.from({ length: lines }).map((_, i) => React.cloneElement(block(i === lines - 1 ? '60%' : '100%', height ?? 14), { key: i })) }));
+    }
+    return ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: style, children: block(width ?? (variant === 'text' ? '100%' : 40), height ?? (variant === 'text' ? 14 : 40)) }));
+}
+//# sourceMappingURL=Skeleton.js.map

package/dist/native/primitives/Skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.js","sourceRoot":"","sources":["../../../src/native/primitives/Skeleton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsBA,4BA4CC;;AAlED,6CAA+B;AAC/B,+CAAmG;AACnG,oCAA4C;AAc5C;;;;;GAKG;AACH,SAAgB,QAAQ,CAAC,EACvB,OAAO,GAAG,MAAM,EAChB,KAAK,EACL,MAAM,EACN,KAAK,GAAG,CAAC,EACT,KAAK,GACS;IACd,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,IAAA,wBAAgB,GAAE,CAAC;IAC9C,MAAM,OAAO,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,uBAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC;IAE9D,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,IAAI,GAAG,uBAAQ,CAAC,IAAI,CACxB,uBAAQ,CAAC,QAAQ,CAAC;YAChB,uBAAQ,CAAC,MAAM,CAAC,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,QAAQ,EAAE,GAAG,EAAE,eAAe,EAAE,IAAI,EAAE,CAAC;YAC9E,uBAAQ,CAAC,MAAM,CAAC,OAAO,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,EAAE,eAAe,EAAE,IAAI,EAAE,CAAC;SACjF,CAAC,CACH,CAAC;QACF,IAAI,CAAC,KAAK,EAAE,CAAC;QACb,OAAO,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;IAC3B,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,MAAM,MAAM,GACV,OAAO,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,KAAK,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC;IAEvG,MAAM,KAAK,GAAG,CAAC,CAAiB,EAAE,CAAiB,EAAsB,EAAE,CAAC,CAC1E,uBAAC,uBAAQ,CAAC,IAAI,IACZ,iBAAiB,EAAC,MAAM,EACxB,KAAK,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,YAAY,EAAE,MAAM,EAAE,eAAe,EAAE,MAAM,CAAC,KAAK,EAAE,OAAO,EAAE,GAC5F,CACH,CAAC;IAEF,IAAI,OAAO,KAAK,MAAM,IAAI,KAAK,GAAG,CAAC,EAAE,CAAC;QACpC,OAAO,CACL,uBAAC,mBAAI,IAAC,KAAK,EAAE,CAAC,EAAE,GAAG,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE,EAAE,EAAE,KAAK,CAAC,YAC7C,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAC1C,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,KAAK,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,EAAE,MAAM,IAAI,EAAE,CAAC,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,CACtF,GACI,CACR,CAAC;IACJ,CAAC;IAED,OAAO,CACL,uBAAC,mBAAI,IAAC,KAAK,EAAE,KAAK,YAAG,KAAK,CAAC,KAAK,IAAI,CAAC,OAAO,KAAK,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,MAAM,IAAI,CAAC,OAAO,KAAK,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,GAAQ,CAC1H,CAAC;AACJ,CAAC"}

package/dist/native/primitives/Slider.d.ts

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import { type StyleProp, type ViewStyle } from 'react-native';
+export interface SliderProps {
+    value: number;
+    min?: number;
+    max?: number;
+    step?: number;
+    /** Fires with the new value (web `onChange`, renamed for native). */
+    onValueChange?: (value: number) => void;
+    disabled?: boolean;
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * Range slider — the native mirror of the web `Slider`. RN has no
+ * `<input type=range>`, so this is a token-styled track with a draggable thumb
+ * driven by `PanResponder`, snapping to `step` within `[min, max]`. No literal
+ * colors.
+ */
+export declare function Slider({ value, min, max, step, onValueChange, disabled, style, }: SliderProps): React.ReactElement;
+//# sourceMappingURL=Slider.d.ts.map

package/dist/native/primitives/Slider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../../../src/native/primitives/Slider.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,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,qEAAqE;IACrE,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAKD;;;;;GAKG;AACH,wBAAgB,MAAM,CAAC,EACrB,KAAK,EACL,GAAO,EACP,GAAS,EACT,IAAQ,EACR,aAAa,EACb,QAAgB,EAChB,KAAK,GACN,EAAE,WAAW,GAAG,KAAK,CAAC,YAAY,CAiFlC"}

package/dist/native/primitives/Slider.js

@@ -0,0 +1,102 @@
+"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.Slider = Slider;
+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 THUMB = 20;
+const TRACK_H = 4;
+/**
+ * Range slider — the native mirror of the web `Slider`. RN has no
+ * `<input type=range>`, so this is a token-styled track with a draggable thumb
+ * driven by `PanResponder`, snapping to `step` within `[min, max]`. No literal
+ * colors.
+ */
+function Slider({ value, min = 0, max = 100, step = 1, onValueChange, disabled = false, style, }) {
+    const { colors, tokens } = (0, theme_1.useXenitionTheme)();
+    const [width, setWidth] = React.useState(0);
+    const widthRef = React.useRef(0);
+    const clampSnap = (v) => {
+        const clamped = Math.max(min, Math.min(max, v));
+        const snapped = Math.round((clamped - min) / step) * step + min;
+        return Math.max(min, Math.min(max, snapped));
+    };
+    // Latest values live in a ref so the once-created PanResponder never goes stale.
+    const updateRef = React.useRef(() => undefined);
+    updateRef.current = (x) => {
+        if (disabled)
+            return;
+        const usable = Math.max(0, widthRef.current - THUMB);
+        const ratio = usable > 0 ? Math.max(0, Math.min(1, (x - THUMB / 2) / usable)) : 0;
+        onValueChange?.(clampSnap(min + ratio * (max - min)));
+    };
+    const responder = React.useMemo(() => react_native_1.PanResponder.create({
+        onStartShouldSetPanResponder: () => true,
+        onMoveShouldSetPanResponder: () => true,
+        onPanResponderGrant: (e) => updateRef.current(e.nativeEvent.locationX),
+        onPanResponderMove: (e) => updateRef.current(e.nativeEvent.locationX),
+    }), []);
+    const ratio = max > min ? Math.max(0, Math.min(1, (value - min) / (max - min))) : 0;
+    const usable = Math.max(0, width - THUMB);
+    return ((0, jsx_runtime_1.jsxs)(react_native_1.View, { ...responder.panHandlers, accessibilityRole: "adjustable", accessibilityValue: { min, max, now: value }, onLayout: (e) => {
+            const w = e.nativeEvent.layout.width;
+            widthRef.current = w;
+            setWidth(w);
+        }, style: [
+            { width: '100%', height: THUMB, justifyContent: 'center', opacity: disabled ? 0.5 : 1 },
+            style,
+        ], children: [(0, jsx_runtime_1.jsx)(react_native_1.View, { style: { height: TRACK_H, borderRadius: tokens.radius.full, backgroundColor: colors.border } }), (0, jsx_runtime_1.jsx)(react_native_1.View, { style: {
+                    position: 'absolute',
+                    left: 0,
+                    top: (THUMB - TRACK_H) / 2,
+                    height: TRACK_H,
+                    width: THUMB / 2 + ratio * usable,
+                    borderRadius: tokens.radius.full,
+                    backgroundColor: colors.primary,
+                } }), (0, jsx_runtime_1.jsx)(react_native_1.View, { style: {
+                    position: 'absolute',
+                    top: 0,
+                    left: ratio * usable,
+                    width: THUMB,
+                    height: THUMB,
+                    borderRadius: tokens.radius.full,
+                    backgroundColor: colors.primary,
+                    borderWidth: 1,
+                    borderColor: colors.surface,
+                } })] }));
+}
+//# sourceMappingURL=Slider.js.map

package/dist/native/primitives/Slider.js.map

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

package/dist/native/primitives/Spinner.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import { type StyleProp, type ViewStyle } from 'react-native';
+export type SpinnerSize = 'sm' | 'md' | 'lg';
+export interface SpinnerProps {
+    size?: SpinnerSize;
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * Themed loading spinner — the native mirror of the web `Spinner`. An
+ * `ActivityIndicator` tinted with the primary token. No literal colors.
+ */
+export declare function Spinner({ size, style }: SpinnerProps): React.ReactElement;
+//# sourceMappingURL=Spinner.d.ts.map

package/dist/native/primitives/Spinner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../../src/native/primitives/Spinner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAqB,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAGjF,MAAM,MAAM,WAAW,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE7C,MAAM,WAAW,YAAY;IAC3B,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAID;;;GAGG;AACH,wBAAgB,OAAO,CAAC,EAAE,IAAW,EAAE,KAAK,EAAE,EAAE,YAAY,GAAG,KAAK,CAAC,YAAY,CAWhF"}

package/dist/native/primitives/Spinner.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Spinner = Spinner;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_native_1 = require("react-native");
+const theme_1 = require("../theme");
+const DIAMETER = { sm: 16, md: 24, lg: 32 };
+/**
+ * Themed loading spinner — the native mirror of the web `Spinner`. An
+ * `ActivityIndicator` tinted with the primary token. No literal colors.
+ */
+function Spinner({ size = 'md', style }) {
+    const { colors } = (0, theme_1.useXenitionTheme)();
+    return ((0, jsx_runtime_1.jsx)(react_native_1.ActivityIndicator, { accessibilityRole: "progressbar", accessibilityLabel: "Loading", color: colors.primary, size: DIAMETER[size], style: style }));
+}
+//# sourceMappingURL=Spinner.js.map

package/dist/native/primitives/Spinner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.js","sourceRoot":"","sources":["../../../src/native/primitives/Spinner.tsx"],"names":[],"mappings":";;AAiBA,0BAWC;;AA3BD,+CAAiF;AACjF,oCAA4C;AAS5C,MAAM,QAAQ,GAAgC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC;AAEzE;;;GAGG;AACH,SAAgB,OAAO,CAAC,EAAE,IAAI,GAAG,IAAI,EAAE,KAAK,EAAgB;IAC1D,MAAM,EAAE,MAAM,EAAE,GAAG,IAAA,wBAAgB,GAAE,CAAC;IACtC,OAAO,CACL,uBAAC,gCAAiB,IAChB,iBAAiB,EAAC,aAAa,EAC/B,kBAAkB,EAAC,SAAS,EAC5B,KAAK,EAAE,MAAM,CAAC,OAAO,EACrB,IAAI,EAAE,QAAQ,CAAC,IAAI,CAAC,EACpB,KAAK,EAAE,KAAK,GACZ,CACH,CAAC;AACJ,CAAC"}

package/dist/native/primitives/Stack.d.ts

@@ -0,0 +1,24 @@
+import * as React from 'react';
+import { type StyleProp, type ViewProps, type ViewStyle } from 'react-native';
+export type StackDirection = 'row' | 'column';
+export type StackGap = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
+export interface StackProps extends ViewProps {
+    direction?: StackDirection;
+    gap?: StackGap;
+    /** Cross-axis alignment (mirrors web `align`). */
+    align?: 'start' | 'center' | 'end' | 'stretch';
+    /**
+     * Main-axis distribution. Native-only additive prop (the web `Stack` relies
+     * on flow layout); optional, so web usages still type-check unchanged.
+     */
+    justify?: 'start' | 'center' | 'end' | 'between' | 'around';
+    style?: StyleProp<ViewStyle>;
+    children?: React.ReactNode;
+}
+/**
+ * Flexbox layout helper — the native mirror of the web `Stack` (`direction`,
+ * `gap`, `align`), with an additive `justify`. Gap comes from the theme
+ * spacing scale (RN `gap` is supported on modern React Native).
+ */
+export declare function Stack({ direction, gap, align, justify, style, children, ...rest }: StackProps): React.ReactElement;
+//# sourceMappingURL=Stack.d.ts.map

package/dist/native/primitives/Stack.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stack.d.ts","sourceRoot":"","sources":["../../../src/native/primitives/Stack.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAQ,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAGpF,MAAM,MAAM,cAAc,GAAG,KAAK,GAAG,QAAQ,CAAC;AAC9C,MAAM,MAAM,QAAQ,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;AAEhE,MAAM,WAAW,UAAW,SAAQ,SAAS;IAC3C,SAAS,CAAC,EAAE,cAAc,CAAC;IAC3B,GAAG,CAAC,EAAE,QAAQ,CAAC;IACf,kDAAkD;IAClD,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,CAAC;IAC/C;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,GAAG,QAAQ,CAAC;IAC5D,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAiBD;;;;GAIG;AACH,wBAAgB,KAAK,CAAC,EACpB,SAAoB,EACpB,GAAU,EACV,KAAiB,EACjB,OAAO,EACP,KAAK,EACL,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,UAAU,GAAG,KAAK,CAAC,YAAY,CAkBjC"}

package/dist/native/primitives/Stack.js

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Stack = Stack;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_native_1 = require("react-native");
+const theme_1 = require("../theme");
+const ALIGN = {
+    start: 'flex-start',
+    center: 'center',
+    end: 'flex-end',
+    stretch: 'stretch',
+};
+const JUSTIFY = {
+    start: 'flex-start',
+    center: 'center',
+    end: 'flex-end',
+    between: 'space-between',
+    around: 'space-around',
+};
+/**
+ * Flexbox layout helper — the native mirror of the web `Stack` (`direction`,
+ * `gap`, `align`), with an additive `justify`. Gap comes from the theme
+ * spacing scale (RN `gap` is supported on modern React Native).
+ */
+function Stack({ direction = 'column', gap = 'md', align = 'stretch', justify, style, children, ...rest }) {
+    const { tokens } = (0, theme_1.useXenitionTheme)();
+    return ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: [
+            {
+                flexDirection: direction,
+                gap: tokens.spacing[gap],
+                alignItems: ALIGN[align],
+                ...(justify ? { justifyContent: JUSTIFY[justify] } : null),
+            },
+            style,
+        ], ...rest, children: children }));
+}
+//# sourceMappingURL=Stack.js.map

package/dist/native/primitives/Stack.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stack.js","sourceRoot":"","sources":["../../../src/native/primitives/Stack.tsx"],"names":[],"mappings":";;AAyCA,sBA0BC;;AAlED,+CAAoF;AACpF,oCAA4C;AAmB5C,MAAM,KAAK,GAAsE;IAC/E,KAAK,EAAE,YAAY;IACnB,MAAM,EAAE,QAAQ;IAChB,GAAG,EAAE,UAAU;IACf,OAAO,EAAE,SAAS;CACnB,CAAC;AAEF,MAAM,OAAO,GAA4E;IACvF,KAAK,EAAE,YAAY;IACnB,MAAM,EAAE,QAAQ;IAChB,GAAG,EAAE,UAAU;IACf,OAAO,EAAE,eAAe;IACxB,MAAM,EAAE,cAAc;CACvB,CAAC;AAEF;;;;GAIG;AACH,SAAgB,KAAK,CAAC,EACpB,SAAS,GAAG,QAAQ,EACpB,GAAG,GAAG,IAAI,EACV,KAAK,GAAG,SAAS,EACjB,OAAO,EACP,KAAK,EACL,QAAQ,EACR,GAAG,IAAI,EACI;IACX,MAAM,EAAE,MAAM,EAAE,GAAG,IAAA,wBAAgB,GAAE,CAAC;IACtC,OAAO,CACL,uBAAC,mBAAI,IACH,KAAK,EAAE;YACL;gBACE,aAAa,EAAE,SAAS;gBACxB,GAAG,EAAE,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC;gBACxB,UAAU,EAAE,KAAK,CAAC,KAAK,CAAC;gBACxB,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,cAAc,EAAE,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;aAC3D;YACD,KAAK;SACN,KACG,IAAI,YAEP,QAAQ,GACJ,CACR,CAAC;AACJ,CAAC"}

package/dist/native/primitives/StatusDot.d.ts

@@ -0,0 +1,25 @@
+import * as React from 'react';
+import { type StyleProp, type ViewStyle } from 'react-native';
+export type StatusDotTone = 'success' | 'warn' | 'danger' | 'primary' | 'accent';
+export interface StatusDotProps {
+    /** Semantic color slot for the dot (default `success` — "live"). */
+    tone?: StatusDotTone;
+    /** Emit the expanding echo pulse (default true; reduced motion disables it). */
+    pulse?: boolean;
+    /**
+     * Accessible name (e.g. "Live"). When provided the dot is announced via an
+     * `image` role; when omitted it is decorative.
+     */
+    label?: string;
+    /** Dot diameter in px (default 8). */
+    size?: number;
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * Pulsing semantic status dot — the native mirror of the web `StatusDot`. A
+ * solid token-colored dot with an expanding, fading echo driven by `Animated`.
+ * The echo is disabled under the OS "Reduce Motion" setting (the solid dot
+ * still communicates state). No literal colors.
+ */
+export declare function StatusDot({ tone, pulse, label, size, style, }: StatusDotProps): React.ReactElement;
+//# sourceMappingURL=StatusDot.d.ts.map

package/dist/native/primitives/StatusDot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusDot.d.ts","sourceRoot":"","sources":["../../../src/native/primitives/StatusDot.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAA0B,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAItF,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,MAAM,GAAG,QAAQ,GAAG,SAAS,GAAG,QAAQ,CAAC;AAEjF,MAAM,WAAW,cAAc;IAC7B,oEAAoE;IACpE,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,gFAAgF;IAChF,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sCAAsC;IACtC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED;;;;;GAKG;AACH,wBAAgB,SAAS,CAAC,EACxB,IAAgB,EAChB,KAAY,EACZ,KAAK,EACL,IAAQ,EACR,KAAK,GACN,EAAE,cAAc,GAAG,KAAK,CAAC,YAAY,CAqDrC"}

package/dist/native/primitives/StatusDot.js

@@ -0,0 +1,81 @@
+"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.StatusDot = StatusDot;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const react_native_1 = require("react-native");
+const theme_1 = require("../theme");
+const useReducedMotion_1 = require("./internal/useReducedMotion");
+/**
+ * Pulsing semantic status dot — the native mirror of the web `StatusDot`. A
+ * solid token-colored dot with an expanding, fading echo driven by `Animated`.
+ * The echo is disabled under the OS "Reduce Motion" setting (the solid dot
+ * still communicates state). No literal colors.
+ */
+function StatusDot({ tone = 'success', pulse = true, label, size = 8, style, }) {
+    const { colors } = (0, theme_1.useXenitionTheme)();
+    const reduced = (0, useReducedMotion_1.useReducedMotion)();
+    const color = colors[tone];
+    const anim = React.useRef(new react_native_1.Animated.Value(0)).current;
+    const animate = pulse && !reduced;
+    React.useEffect(() => {
+        if (!animate) {
+            anim.setValue(0);
+            return;
+        }
+        const loop = react_native_1.Animated.loop(react_native_1.Animated.timing(anim, {
+            toValue: 1,
+            duration: 2000,
+            easing: react_native_1.Easing.out(react_native_1.Easing.ease),
+            useNativeDriver: true,
+        }));
+        loop.start();
+        return () => loop.stop();
+    }, [animate, anim]);
+    const echoStyle = {
+        position: 'absolute',
+        width: size,
+        height: size,
+        borderRadius: size / 2,
+        backgroundColor: color,
+        opacity: anim.interpolate({ inputRange: [0, 0.7, 1], outputRange: [0.75, 0, 0] }),
+        transform: [
+            { scale: anim.interpolate({ inputRange: [0, 0.7, 1], outputRange: [1, 2.4, 2.4] }) },
+        ],
+    };
+    return ((0, jsx_runtime_1.jsxs)(react_native_1.View, { accessible: label !== undefined, accessibilityRole: label !== undefined ? 'image' : undefined, accessibilityLabel: label, importantForAccessibility: label === undefined ? 'no-hide-descendants' : 'yes', style: [{ width: size, height: size, justifyContent: 'center', alignItems: 'center' }, style], children: [animate ? ((0, jsx_runtime_1.jsx)(react_native_1.Animated.View, { testID: "xen-status-echo", pointerEvents: "none", style: echoStyle })) : null, (0, jsx_runtime_1.jsx)(react_native_1.View, { style: { width: size, height: size, borderRadius: size / 2, backgroundColor: color } })] }));
+}
+//# sourceMappingURL=StatusDot.js.map