@xenition/ui 0.1.0

package/dist/native/primitives/ForgotPasswordForm.js

@@ -0,0 +1,73 @@
+"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.ForgotPasswordForm = ForgotPasswordForm;
+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 StatusMessage_1 = require("./StatusMessage");
+const useForm_1 = require("../../primitives/useForm");
+/**
+ * Drop-in "reset password" request form — the native mirror of the web
+ * `ForgotPasswordForm`. Composed, themed, with a sent confirmation state. Wire
+ * `onSubmit` to `@xenition/sdk` auth. No literal colors.
+ */
+function ForgotPasswordForm({ onSubmit, onLoginClick, title = 'Reset password', }) {
+    const { colors, tokens } = (0, theme_1.useXenitionTheme)();
+    const [submitError, setSubmitError] = React.useState(null);
+    const [sent, setSent] = React.useState(false);
+    const form = (0, useForm_1.useForm)({
+        initialValues: { email: '' },
+        validate: (v) => (v.email ? {} : { email: 'Email is required' }),
+        onSubmit: async (v) => {
+            setSubmitError(null);
+            try {
+                await onSubmit(v.email);
+                setSent(true);
+            }
+            catch (err) {
+                setSubmitError(err instanceof Error ? err.message : 'Could not send reset email');
+            }
+        },
+    });
+    return ((0, jsx_runtime_1.jsx)(AuthCard_1.AuthCard, { title: title, footer: onLoginClick ? ((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: "Back to sign in" }) })) : undefined, children: sent ? ((0, jsx_runtime_1.jsx)(StatusMessage_1.StatusMessage, { state: "empty", message: "Check your email for a reset link." })) : ((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: "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)(Button_1.Button, { onPress: () => form.handleSubmit(), disabled: form.submitting, loading: form.submitting, children: form.submitting ? 'Sending…' : 'Send reset link' })] })) }));
+}
+//# sourceMappingURL=ForgotPasswordForm.js.map

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

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

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

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { type StyleProp, type ViewProps, type ViewStyle } from 'react-native';
+export { useForm } from '../../primitives/useForm';
+export type { UseFormOptions, UseFormReturn } from '../../primitives/useForm';
+export interface FormProps extends ViewProps {
+    style?: StyleProp<ViewStyle>;
+    children?: React.ReactNode;
+}
+/**
+ * Themed form container — the native mirror of the web `Form`. RN has no
+ * `<form>`, so this is a `<View>` with vertical field spacing; drive
+ * submit/validation with the re-exported `useForm` (wire `handleSubmit` to a
+ * `Button onPress`) and lay out rows with `Field`. No literal colors.
+ */
+export declare function Form({ style, children, ...rest }: FormProps): React.ReactElement;
+//# sourceMappingURL=Form.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Form.d.ts","sourceRoot":"","sources":["../../../src/native/primitives/Form.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;AAMpF,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AACnD,YAAY,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAE9E,MAAM,WAAW,SAAU,SAAQ,SAAS;IAC1C,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;;;;GAKG;AACH,wBAAgB,IAAI,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,SAAS,GAAG,KAAK,CAAC,YAAY,CAOhF"}

package/dist/native/primitives/Form.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useForm = void 0;
+exports.Form = Form;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_native_1 = require("react-native");
+const theme_1 = require("../theme");
+// The headless form helper is pure React (no DOM), so it works unchanged on
+// native — re-exported here so a mobile app can wire submit/validation without
+// a second import from the web entry.
+var useForm_1 = require("../../primitives/useForm");
+Object.defineProperty(exports, "useForm", { enumerable: true, get: function () { return useForm_1.useForm; } });
+/**
+ * Themed form container — the native mirror of the web `Form`. RN has no
+ * `<form>`, so this is a `<View>` with vertical field spacing; drive
+ * submit/validation with the re-exported `useForm` (wire `handleSubmit` to a
+ * `Button onPress`) and lay out rows with `Field`. No literal colors.
+ */
+function Form({ style, children, ...rest }) {
+    const { tokens } = (0, theme_1.useXenitionTheme)();
+    return ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: [{ gap: tokens.spacing.md }, style], ...rest, children: children }));
+}
+//# sourceMappingURL=Form.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Form.js","sourceRoot":"","sources":["../../../src/native/primitives/Form.tsx"],"names":[],"mappings":";;;AAqBA,oBAOC;;AA3BD,+CAAoF;AACpF,oCAA4C;AAE5C,4EAA4E;AAC5E,+EAA+E;AAC/E,sCAAsC;AACtC,oDAAmD;AAA1C,kGAAA,OAAO,OAAA;AAQhB;;;;;GAKG;AACH,SAAgB,IAAI,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAa;IAC1D,MAAM,EAAE,MAAM,EAAE,GAAG,IAAA,wBAAgB,GAAE,CAAC;IACtC,OAAO,CACL,uBAAC,mBAAI,IAAC,KAAK,EAAE,CAAC,EAAE,GAAG,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE,EAAE,EAAE,KAAK,CAAC,KAAM,IAAI,YACvD,QAAQ,GACJ,CACR,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,25 @@
+import * as React from 'react';
+import { type StyleProp, type ViewProps, type ViewStyle } from 'react-native';
+export type GlassIntensity = 'soft' | 'regular' | 'strong';
+export interface GlassPanelProps extends ViewProps {
+    /**
+     * How opaque the panel reads: `soft` (45% surface), `regular` (65%, default),
+     * `strong` (82%) — mirrors the web `intensity` scale.
+     */
+    intensity?: GlassIntensity;
+    /** Draw the translucent token border (default true). */
+    bordered?: boolean;
+    style?: StyleProp<ViewStyle>;
+    children?: React.ReactNode;
+}
+/**
+ * Translucent surface — the native mirror of the web `GlassPanel`. React
+ * Native has no `color-mix()`/`backdrop-filter`, so the frosted look is
+ * approximated by an `rgba()` derived from the **`surface` token** at the
+ * intensity's alpha (plus a translucent `border` token edge). The color always
+ * originates from a theme token — no literal colors. On iOS a
+ * `blurRadius`-style backdrop would need a native blur view; this keeps the
+ * kit dependency-free and restyle-by-seed.
+ */
+export declare function GlassPanel({ intensity, bordered, style, children, ...rest }: GlassPanelProps): React.ReactElement;
+//# sourceMappingURL=GlassPanel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GlassPanel.d.ts","sourceRoot":"","sources":["../../../src/native/primitives/GlassPanel.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;AAIpF,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,CAAC;AAE3D,MAAM,WAAW,eAAgB,SAAQ,SAAS;IAChD;;;OAGG;IACH,SAAS,CAAC,EAAE,cAAc,CAAC;IAC3B,wDAAwD;IACxD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAQD;;;;;;;;GAQG;AACH,wBAAgB,UAAU,CAAC,EACzB,SAAqB,EACrB,QAAe,EACf,KAAK,EACL,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,eAAe,GAAG,KAAK,CAAC,YAAY,CAmBtC"}

package/dist/native/primitives/GlassPanel.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GlassPanel = GlassPanel;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_native_1 = require("react-native");
+const theme_1 = require("../theme");
+const color_1 = require("./internal/color");
+const SURFACE_ALPHA = {
+    soft: 0.45,
+    regular: 0.65,
+    strong: 0.82,
+};
+/**
+ * Translucent surface — the native mirror of the web `GlassPanel`. React
+ * Native has no `color-mix()`/`backdrop-filter`, so the frosted look is
+ * approximated by an `rgba()` derived from the **`surface` token** at the
+ * intensity's alpha (plus a translucent `border` token edge). The color always
+ * originates from a theme token — no literal colors. On iOS a
+ * `blurRadius`-style backdrop would need a native blur view; this keeps the
+ * kit dependency-free and restyle-by-seed.
+ */
+function GlassPanel({ intensity = 'regular', bordered = true, style, children, ...rest }) {
+    const { colors, tokens } = (0, theme_1.useXenitionTheme)();
+    return ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: [
+            {
+                backgroundColor: (0, color_1.withAlpha)(colors.surface, SURFACE_ALPHA[intensity]),
+                borderRadius: tokens.radius.lg,
+                ...(bordered
+                    ? { borderWidth: 1, borderColor: (0, color_1.withAlpha)(colors.border, 0.6) }
+                    : null),
+            },
+            style,
+        ], ...rest, children: children }));
+}
+//# sourceMappingURL=GlassPanel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GlassPanel.js","sourceRoot":"","sources":["../../../src/native/primitives/GlassPanel.tsx"],"names":[],"mappings":";;AAkCA,gCAyBC;;AA1DD,+CAAoF;AACpF,oCAA4C;AAC5C,4CAA6C;AAgB7C,MAAM,aAAa,GAAmC;IACpD,IAAI,EAAE,IAAI;IACV,OAAO,EAAE,IAAI;IACb,MAAM,EAAE,IAAI;CACb,CAAC;AAEF;;;;;;;;GAQG;AACH,SAAgB,UAAU,CAAC,EACzB,SAAS,GAAG,SAAS,EACrB,QAAQ,GAAG,IAAI,EACf,KAAK,EACL,QAAQ,EACR,GAAG,IAAI,EACS;IAChB,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,IAAA,wBAAgB,GAAE,CAAC;IAC9C,OAAO,CACL,uBAAC,mBAAI,IACH,KAAK,EAAE;YACL;gBACE,eAAe,EAAE,IAAA,iBAAS,EAAC,MAAM,CAAC,OAAO,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;gBACpE,YAAY,EAAE,MAAM,CAAC,MAAM,CAAC,EAAE;gBAC9B,GAAG,CAAC,QAAQ;oBACV,CAAC,CAAC,EAAE,WAAW,EAAE,CAAC,EAAE,WAAW,EAAE,IAAA,iBAAS,EAAC,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE;oBAChE,CAAC,CAAC,IAAI,CAAC;aACV;YACD,KAAK;SACN,KACG,IAAI,YAEP,QAAQ,GACJ,CACR,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,29 @@
+import * as React from 'react';
+import { type StyleProp, type TextStyle } from 'react-native';
+/** Token-ramp gradient recipes; mirrors the web `GradientText` ramps. */
+export type GradientTextRamp = 'primary' | 'accent' | 'primary-accent' | 'accent-primary';
+export interface GradientTextProps {
+    /** Which theme ramp(s) drive the color (default `primary-accent`). */
+    ramp?: GradientTextRamp;
+    /**
+     * Gradient angle in degrees. Accepted for prop parity with the web
+     * `GradientText`; ignored on native (see note below).
+     */
+    angle?: number;
+    style?: StyleProp<TextStyle>;
+    children?: React.ReactNode;
+}
+/**
+ * Ramp-driven emphasis text — the native mirror of the web `GradientText`.
+ *
+ * React Native has no `background-clip: text`, so true clipped-gradient text
+ * requires a `MaskedView` + `expo-linear-gradient` composition. The kit does
+ * **not** pull in `@react-native-masked-view/masked-view`, so native uses a
+ * **tasteful solid-token fallback**: the text is painted with the ramp's mid
+ * (500) step — the same hue the gradient centers on — so it reads as the
+ * "energy word" and restyles from the seed alone. The `angle` prop is accepted
+ * for parity but has no visual effect here. (`expo-linear-gradient` is used for
+ * real gradient *surfaces* — e.g. the commerce cover placeholder.)
+ */
+export declare function GradientText({ ramp, angle: _angle, style, children, }: GradientTextProps): React.ReactElement;
+//# sourceMappingURL=GradientText.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GradientText.d.ts","sourceRoot":"","sources":["../../../src/native/primitives/GradientText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAQ,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAGpE,yEAAyE;AACzE,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,QAAQ,GAAG,gBAAgB,GAAG,gBAAgB,CAAC;AAE1F,MAAM,WAAW,iBAAiB;IAChC,sEAAsE;IACtE,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,YAAY,CAAC,EAC3B,IAAuB,EACvB,KAAK,EAAE,MAAM,EACb,KAAK,EACL,QAAQ,GACT,EAAE,iBAAiB,GAAG,KAAK,CAAC,YAAY,CAgBxC"}

package/dist/native/primitives/GradientText.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GradientText = GradientText;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_native_1 = require("react-native");
+const theme_1 = require("../theme");
+/**
+ * Ramp-driven emphasis text — the native mirror of the web `GradientText`.
+ *
+ * React Native has no `background-clip: text`, so true clipped-gradient text
+ * requires a `MaskedView` + `expo-linear-gradient` composition. The kit does
+ * **not** pull in `@react-native-masked-view/masked-view`, so native uses a
+ * **tasteful solid-token fallback**: the text is painted with the ramp's mid
+ * (500) step — the same hue the gradient centers on — so it reads as the
+ * "energy word" and restyles from the seed alone. The `angle` prop is accepted
+ * for parity but has no visual effect here. (`expo-linear-gradient` is used for
+ * real gradient *surfaces* — e.g. the commerce cover placeholder.)
+ */
+function GradientText({ ramp = 'primary-accent', angle: _angle, style, children, }) {
+    const { tokens } = (0, theme_1.useXenitionTheme)();
+    // Center the fallback on the ramp the gradient starts from.
+    const color = ramp === 'accent' || ramp === 'accent-primary'
+        ? tokens.ramps.accent[500]
+        : tokens.ramps.primary[500];
+    return ((0, jsx_runtime_1.jsx)(react_native_1.Text, { accessibilityRole: "text", style: [{ color, fontWeight: '700' }, style], children: children }));
+}
+//# sourceMappingURL=GradientText.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GradientText.js","sourceRoot":"","sources":["../../../src/native/primitives/GradientText.tsx"],"names":[],"mappings":";;AA+BA,oCAqBC;;AAnDD,+CAAoE;AACpE,oCAA4C;AAiB5C;;;;;;;;;;;GAWG;AACH,SAAgB,YAAY,CAAC,EAC3B,IAAI,GAAG,gBAAgB,EACvB,KAAK,EAAE,MAAM,EACb,KAAK,EACL,QAAQ,GACU;IAClB,MAAM,EAAE,MAAM,EAAE,GAAG,IAAA,wBAAgB,GAAE,CAAC;IACtC,4DAA4D;IAC5D,MAAM,KAAK,GACT,IAAI,KAAK,QAAQ,IAAI,IAAI,KAAK,gBAAgB;QAC5C,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC;QAC1B,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;IAEhC,OAAO,CACL,uBAAC,mBAAI,IACH,iBAAiB,EAAC,MAAM,EACxB,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,EAAE,KAAK,CAAC,YAE3C,QAAQ,GACJ,CACR,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import { type StyleProp, type TextInputProps, type ViewStyle } from 'react-native';
+export interface InputProps extends TextInputProps {
+    /** Renders the danger border state (mirrors the web `invalid`). */
+    invalid?: boolean;
+    /**
+     * Optional field label rendered above the input. Native-only additive prop
+     * (web composes labels externally); optional, so parity is preserved.
+     */
+    label?: string;
+    /** Wrapper style override. */
+    containerStyle?: StyleProp<ViewStyle>;
+}
+/**
+ * Themed text input — the native mirror of the web `Input`. Token-bound
+ * background/border/text; `invalid` swaps the border to the danger token. No
+ * literal colors; placeholder uses the `muted` token.
+ */
+export declare function Input({ invalid, label, containerStyle, style, editable, ...rest }: InputProps): React.ReactElement;
+//# sourceMappingURL=Input.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/native/primitives/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAIL,KAAK,SAAS,EACd,KAAK,cAAc,EACnB,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAGtB,MAAM,WAAW,UAAW,SAAQ,cAAc;IAChD,mEAAmE;IACnE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8BAA8B;IAC9B,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CACvC;AAED;;;;GAIG;AACH,wBAAgB,KAAK,CAAC,EACpB,OAAe,EACf,KAAK,EACL,cAAc,EACd,KAAK,EACL,QAAe,EACf,GAAG,IAAI,EACR,EAAE,UAAU,GAAG,KAAK,CAAC,YAAY,CAgCjC"}

package/dist/native/primitives/Input.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Input = Input;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_native_1 = require("react-native");
+const theme_1 = require("../theme");
+/**
+ * Themed text input — the native mirror of the web `Input`. Token-bound
+ * background/border/text; `invalid` swaps the border to the danger token. No
+ * literal colors; placeholder uses the `muted` token.
+ */
+function Input({ invalid = false, label, containerStyle, style, editable = true, ...rest }) {
+    const { colors, tokens } = (0, theme_1.useXenitionTheme)();
+    return ((0, jsx_runtime_1.jsxs)(react_native_1.View, { style: [{ gap: tokens.spacing.xs }, containerStyle], children: [label ? ((0, jsx_runtime_1.jsx)(react_native_1.Text, { style: { color: colors.onSurface, fontSize: tokens.typography.scale.sm }, children: label })) : null, (0, jsx_runtime_1.jsx)(react_native_1.TextInput, { editable: editable, accessibilityState: { disabled: !editable }, placeholderTextColor: colors.muted, style: [
+                    {
+                        width: '100%',
+                        color: colors.onSurface,
+                        backgroundColor: colors.surface,
+                        borderWidth: 1,
+                        borderColor: invalid ? colors.danger : colors.border,
+                        borderRadius: tokens.radius.sm,
+                        paddingVertical: tokens.spacing.sm,
+                        paddingHorizontal: tokens.spacing.md,
+                        fontSize: tokens.typography.scale.base,
+                        opacity: editable ? 1 : 0.5,
+                    },
+                    style,
+                ], ...rest })] }));
+}
+//# sourceMappingURL=Input.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../src/native/primitives/Input.tsx"],"names":[],"mappings":";;AA4BA,sBAuCC;;AAlED,+CAOsB;AACtB,oCAA4C;AAc5C;;;;GAIG;AACH,SAAgB,KAAK,CAAC,EACpB,OAAO,GAAG,KAAK,EACf,KAAK,EACL,cAAc,EACd,KAAK,EACL,QAAQ,GAAG,IAAI,EACf,GAAG,IAAI,EACI;IACX,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,IAAA,wBAAgB,GAAE,CAAC;IAC9C,OAAO,CACL,wBAAC,mBAAI,IAAC,KAAK,EAAE,CAAC,EAAE,GAAG,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE,EAAE,EAAE,cAAc,CAAC,aACtD,KAAK,CAAC,CAAC,CAAC,CACP,uBAAC,mBAAI,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,CAAC,SAAS,EAAE,QAAQ,EAAE,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,EAAE,YAC3E,KAAK,GACD,CACR,CAAC,CAAC,CAAC,IAAI,EACR,uBAAC,wBAAS,IACR,QAAQ,EAAE,QAAQ,EAClB,kBAAkB,EAAE,EAAE,QAAQ,EAAE,CAAC,QAAQ,EAAE,EAC3C,oBAAoB,EAAE,MAAM,CAAC,KAAK,EAClC,KAAK,EAAE;oBACL;wBACE,KAAK,EAAE,MAAM;wBACb,KAAK,EAAE,MAAM,CAAC,SAAS;wBACvB,eAAe,EAAE,MAAM,CAAC,OAAO;wBAC/B,WAAW,EAAE,CAAC;wBACd,WAAW,EAAE,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM;wBACpD,YAAY,EAAE,MAAM,CAAC,MAAM,CAAC,EAAE;wBAC9B,eAAe,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE;wBAClC,iBAAiB,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE;wBACpC,QAAQ,EAAE,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,IAAI;wBACtC,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;qBAC5B;oBACD,KAAK;iBACN,KACG,IAAI,GACR,IACG,CACR,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { type TextProps } from 'react-native';
+export interface LabelProps extends TextProps {
+    /** Appends a danger-colored required marker (*). */
+    required?: boolean;
+    children?: React.ReactNode;
+}
+/** Themed form label — the native mirror of the web `Label`. No literal colors. */
+export declare function Label({ required, style, children, ...rest }: LabelProps): React.ReactElement;
+//# sourceMappingURL=Label.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../../../src/native/primitives/Label.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAGpD,MAAM,WAAW,UAAW,SAAQ,SAAS;IAC3C,oDAAoD;IACpD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,mFAAmF;AACnF,wBAAgB,KAAK,CAAC,EACpB,QAAgB,EAChB,KAAK,EACL,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,UAAU,GAAG,KAAK,CAAC,YAAY,CAcjC"}

package/dist/native/primitives/Label.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Label = Label;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_native_1 = require("react-native");
+const theme_1 = require("../theme");
+/** Themed form label — the native mirror of the web `Label`. No literal colors. */
+function Label({ required = false, style, children, ...rest }) {
+    const { colors, tokens } = (0, theme_1.useXenitionTheme)();
+    return ((0, jsx_runtime_1.jsxs)(react_native_1.Text, { style: [
+            { color: colors.onSurface, fontSize: tokens.typography.scale.sm, fontWeight: '500' },
+            style,
+        ], ...rest, children: [children, required ? (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: { color: colors.danger, marginLeft: 2 }, children: "*" }) : null] }));
+}
+//# sourceMappingURL=Label.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Label.js","sourceRoot":"","sources":["../../../src/native/primitives/Label.tsx"],"names":[],"mappings":";;AAWA,sBAmBC;;AA7BD,+CAAoD;AACpD,oCAA4C;AAQ5C,mFAAmF;AACnF,SAAgB,KAAK,CAAC,EACpB,QAAQ,GAAG,KAAK,EAChB,KAAK,EACL,QAAQ,EACR,GAAG,IAAI,EACI;IACX,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,IAAA,wBAAgB,GAAE,CAAC;IAC9C,OAAO,CACL,wBAAC,mBAAI,IACH,KAAK,EAAE;YACL,EAAE,KAAK,EAAE,MAAM,CAAC,SAAS,EAAE,QAAQ,EAAE,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE;YACpF,KAAK;SACN,KACG,IAAI,aAEP,QAAQ,EACR,QAAQ,CAAC,CAAC,CAAC,uBAAC,mBAAI,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,UAAU,EAAE,CAAC,EAAE,kBAAU,CAAC,CAAC,CAAC,IAAI,IAC5E,CACR,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,23 @@
+import * as React from 'react';
+import { type StyleProp, type ViewStyle } from 'react-native';
+export interface ListItemData {
+    title: React.ReactNode;
+    description?: React.ReactNode;
+    /** Leading slot (e.g. an Avatar or icon). */
+    leading?: React.ReactNode;
+    /** Trailing slot (e.g. a Badge, Button, or chevron). */
+    trailing?: React.ReactNode;
+    /** Makes the row pressable. */
+    onPress?: () => void;
+}
+export interface ListProps {
+    items: ListItemData[];
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * Vertical list of leading/title/description/trailing rows — the native mirror
+ * of the web `List` (`onClick`→`onPress`). Token-bound surface, border and
+ * divider. No literal colors.
+ */
+export declare function List({ items, style }: ListProps): React.ReactElement;
+//# sourceMappingURL=List.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../../src/native/primitives/List.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,YAAY;IAC3B,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,6CAA6C;IAC7C,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,wDAAwD;IACxD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,+BAA+B;IAC/B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED;;;;GAIG;AACH,wBAAgB,IAAI,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,SAAS,GAAG,KAAK,CAAC,YAAY,CAmEpE"}

package/dist/native/primitives/List.js

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.List = List;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_native_1 = require("react-native");
+const theme_1 = require("../theme");
+/**
+ * Vertical list of leading/title/description/trailing rows — the native mirror
+ * of the web `List` (`onClick`→`onPress`). Token-bound surface, border and
+ * divider. No literal colors.
+ */
+function List({ items, style }) {
+    const { colors, tokens } = (0, theme_1.useXenitionTheme)();
+    return ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: [
+            {
+                borderWidth: 1,
+                borderColor: colors.border,
+                borderRadius: tokens.radius.md,
+                overflow: 'hidden',
+            },
+            style,
+        ], children: items.map((it, i) => {
+            const inner = ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [it.leading != null ? (0, jsx_runtime_1.jsx)(react_native_1.View, { children: it.leading }) : null, (0, jsx_runtime_1.jsxs)(react_native_1.View, { style: { flex: 1, minWidth: 0 }, children: [typeof it.title === 'string' ? ((0, jsx_runtime_1.jsx)(react_native_1.Text, { numberOfLines: 1, style: { color: colors.onSurface, fontSize: tokens.typography.scale.sm, fontWeight: '500' }, children: it.title })) : (it.title), it.description != null ? (typeof it.description === 'string' ? ((0, jsx_runtime_1.jsx)(react_native_1.Text, { numberOfLines: 1, style: { color: colors.muted, fontSize: tokens.typography.scale.sm }, children: it.description })) : (it.description)) : null] }), it.trailing != null ? (0, jsx_runtime_1.jsx)(react_native_1.View, { children: it.trailing }) : null] }));
+            const rowStyle = {
+                flexDirection: 'row',
+                alignItems: 'center',
+                gap: tokens.spacing.md,
+                backgroundColor: colors.surface,
+                paddingHorizontal: tokens.spacing.lg,
+                paddingVertical: tokens.spacing.md,
+                borderTopWidth: i === 0 ? 0 : 1,
+                borderColor: colors.border,
+            };
+            return it.onPress ? ((0, jsx_runtime_1.jsx)(react_native_1.Pressable, { accessibilityRole: "button", onPress: it.onPress, style: rowStyle, children: inner }, i)) : ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: rowStyle, children: inner }, i));
+        }) }));
+}
+//# sourceMappingURL=List.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"List.js","sourceRoot":"","sources":["../../../src/native/primitives/List.tsx"],"names":[],"mappings":";;AAyBA,oBAmEC;;AA3FD,+CAAqF;AACrF,oCAA4C;AAkB5C;;;;GAIG;AACH,SAAgB,IAAI,CAAC,EAAE,KAAK,EAAE,KAAK,EAAa;IAC9C,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,IAAA,wBAAgB,GAAE,CAAC;IAC9C,OAAO,CACL,uBAAC,mBAAI,IACH,KAAK,EAAE;YACL;gBACE,WAAW,EAAE,CAAC;gBACd,WAAW,EAAE,MAAM,CAAC,MAAM;gBAC1B,YAAY,EAAE,MAAM,CAAC,MAAM,CAAC,EAAE;gBAC9B,QAAQ,EAAE,QAAQ;aACnB;YACD,KAAK;SACN,YAEA,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,CAAC,EAAE,EAAE;YACnB,MAAM,KAAK,GAAG,CACZ,6DACG,EAAE,CAAC,OAAO,IAAI,IAAI,CAAC,CAAC,CAAC,uBAAC,mBAAI,cAAE,EAAE,CAAC,OAAO,GAAQ,CAAC,CAAC,CAAC,IAAI,EACtD,wBAAC,mBAAI,IAAC,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAE,aAClC,OAAO,EAAE,CAAC,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,CAC9B,uBAAC,mBAAI,IACH,aAAa,EAAE,CAAC,EAChB,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,CAAC,SAAS,EAAE,QAAQ,EAAE,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE,YAE1F,EAAE,CAAC,KAAK,GACJ,CACR,CAAC,CAAC,CAAC,CACF,EAAE,CAAC,KAAK,CACT,EACA,EAAE,CAAC,WAAW,IAAI,IAAI,CAAC,CAAC,CAAC,CACxB,OAAO,EAAE,CAAC,WAAW,KAAK,QAAQ,CAAC,CAAC,CAAC,CACnC,uBAAC,mBAAI,IACH,aAAa,EAAE,CAAC,EAChB,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,QAAQ,EAAE,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,EAAE,YAEnE,EAAE,CAAC,WAAW,GACV,CACR,CAAC,CAAC,CAAC,CACF,EAAE,CAAC,WAAW,CACf,CACF,CAAC,CAAC,CAAC,IAAI,IACH,EACN,EAAE,CAAC,QAAQ,IAAI,IAAI,CAAC,CAAC,CAAC,uBAAC,mBAAI,cAAE,EAAE,CAAC,QAAQ,GAAQ,CAAC,CAAC,CAAC,IAAI,IACvD,CACJ,CAAC;YACF,MAAM,QAAQ,GAAc;gBAC1B,aAAa,EAAE,KAAK;gBACpB,UAAU,EAAE,QAAQ;gBACpB,GAAG,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE;gBACtB,eAAe,EAAE,MAAM,CAAC,OAAO;gBAC/B,iBAAiB,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE;gBACpC,eAAe,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE;gBAClC,cAAc,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;gBAC/B,WAAW,EAAE,MAAM,CAAC,MAAM;aAC3B,CAAC;YACF,OAAO,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,CAClB,uBAAC,wBAAS,IAAS,iBAAiB,EAAC,QAAQ,EAAC,OAAO,EAAE,EAAE,CAAC,OAAO,EAAE,KAAK,EAAE,QAAQ,YAC/E,KAAK,IADQ,CAAC,CAEL,CACb,CAAC,CAAC,CAAC,CACF,uBAAC,mBAAI,IAAS,KAAK,EAAE,QAAQ,YAC1B,KAAK,IADG,CAAC,CAEL,CACR,CAAC;QACJ,CAAC,CAAC,GACG,CACR,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,20 @@
+import * as React from 'react';
+export interface LoginValues {
+    email: string;
+    password: string;
+}
+export interface LoginFormProps {
+    /** Called with the credentials. Throw to surface an error message in the form. */
+    onSubmit: (values: LoginValues) => void | Promise<void>;
+    onForgotPassword?: () => void;
+    onSignupClick?: () => void;
+    title?: React.ReactNode;
+}
+/**
+ * Drop-in email/password sign-in form — the native mirror of the web
+ * `LoginForm`. Composed from the kit, themed, with validation, loading and
+ * error states. SDK-agnostic: wire `onSubmit` to `@xenition/sdk` auth (or
+ * anything). Just `<LoginForm onSubmit={…} />`. No literal colors.
+ */
+export declare function LoginForm({ onSubmit, onForgotPassword, onSignupClick, title, }: LoginFormProps): React.ReactElement;
+//# sourceMappingURL=LoginForm.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LoginForm.d.ts","sourceRoot":"","sources":["../../../src/native/primitives/LoginForm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,cAAc;IAC7B,kFAAkF;IAClF,QAAQ,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACxD,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACzB;AAED;;;;;GAKG;AACH,wBAAgB,SAAS,CAAC,EACxB,QAAQ,EACR,gBAAgB,EAChB,aAAa,EACb,KAAiB,GAClB,EAAE,cAAc,GAAG,KAAK,CAAC,YAAY,CA6ErC"}

package/dist/native/primitives/LoginForm.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.LoginForm = LoginForm;
+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 email/password sign-in form — the native mirror of the web
+ * `LoginForm`. Composed from the kit, themed, with validation, loading and
+ * error states. SDK-agnostic: wire `onSubmit` to `@xenition/sdk` auth (or
+ * anything). Just `<LoginForm onSubmit={…} />`. No literal colors.
+ */
+function LoginForm({ onSubmit, onForgotPassword, onSignupClick, title = 'Sign in', }) {
+    const { colors, tokens } = (0, theme_1.useXenitionTheme)();
+    const [submitError, setSubmitError] = React.useState(null);
+    const form = (0, useForm_1.useForm)({
+        initialValues: { email: '', password: '' },
+        validate: (v) => {
+            const e = {};
+            if (!v.email)
+                e.email = 'Email is required';
+            if (!v.password)
+                e.password = 'Password is required';
+            return e;
+        },
+        onSubmit: async (v) => {
+            setSubmitError(null);
+            try {
+                await onSubmit(v);
+            }
+            catch (err) {
+                setSubmitError(err instanceof Error ? err.message : 'Sign in 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: "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", textContentType: "password", invalid: !!form.errors.password, value: form.values.password, onChangeText: (t) => form.setValue('password', t) }) }), onForgotPassword ? ((0, jsx_runtime_1.jsx)(react_native_1.Pressable, { accessibilityRole: "button", onPress: onForgotPassword, style: { alignSelf: 'flex-start' }, children: (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: { color: colors.primary, fontSize: tokens.typography.scale.sm }, children: "Forgot password?" }) })) : null, (0, jsx_runtime_1.jsx)(Button_1.Button, { onPress: () => form.handleSubmit(), disabled: form.submitting, loading: form.submitting, children: form.submitting ? 'Signing in…' : 'Sign in' }), onSignupClick ? ((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: "No account?" }), (0, jsx_runtime_1.jsx)(react_native_1.Pressable, { accessibilityRole: "button", onPress: onSignupClick, children: (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: { color: colors.primary, fontSize: tokens.typography.scale.sm }, children: "Sign up" }) })] })) : null] }) }));
+}
+//# sourceMappingURL=LoginForm.js.map

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

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

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

@@ -0,0 +1,25 @@
+import * as React from 'react';
+export interface MenuItem {
+    label: React.ReactNode;
+    /** Fires on select; the menu closes afterwards (`onClick`→`onSelect`). */
+    onSelect?: () => void;
+    icon?: React.ReactNode;
+    disabled?: boolean;
+    /** Renders the item in the danger tone (e.g. Delete). */
+    danger?: boolean;
+}
+export interface MenuProps {
+    /** Pressable trigger (e.g. a Button or icon). */
+    trigger: React.ReactNode;
+    items: MenuItem[];
+    align?: 'start' | 'end';
+}
+/**
+ * Themed dropdown menu — the native mirror of the web `Menu`. RN has no
+ * anchored DOM portal, so the items open in a `Modal` sheet over a translucent
+ * backdrop rather than floating next to the trigger; `align` shifts the sheet
+ * left / right within the overlay (native simplification). Selecting an item
+ * fires `onSelect` and closes the menu. No literal colors.
+ */
+export declare function Menu({ trigger, items, align }: MenuProps): React.ReactElement;
+//# sourceMappingURL=Menu.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../src/native/primitives/Menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,QAAQ;IACvB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,0EAA0E;IAC1E,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yDAAyD;IACzD,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,SAAS;IACxB,iDAAiD;IACjD,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,KAAK,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;CACzB;AAED;;;;;;GAMG;AACH,wBAAgB,IAAI,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,KAAe,EAAE,EAAE,SAAS,GAAG,KAAK,CAAC,YAAY,CAqFvF"}