@xenition/ui 0.1.0

package/dist/native/primitives/DatePicker.js

@@ -0,0 +1,219 @@
+"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.DatePicker = DatePicker;
+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 WEEKDAY_KEYS = [
+    '2023-01-01', // Sun
+    '2023-01-02',
+    '2023-01-03',
+    '2023-01-04',
+    '2023-01-05',
+    '2023-01-06',
+    '2023-01-07', // Sat
+];
+/** Parse an ISO `YYYY-MM-DD` (or pass a `Date`) into a local-midnight `Date`. */
+function toDate(input) {
+    if (!input)
+        return null;
+    if (input instanceof Date)
+        return Number.isNaN(input.getTime()) ? null : input;
+    const m = /^(\d{4})-(\d{2})-(\d{2})/.exec(input);
+    if (!m) {
+        const d = new Date(input);
+        return Number.isNaN(d.getTime()) ? null : d;
+    }
+    return new Date(Number(m[1]), Number(m[2]) - 1, Number(m[3]));
+}
+/** Civil `YYYY-MM-DD` for a local `Date`. */
+function toKey(d) {
+    const y = d.getFullYear();
+    const mo = String(d.getMonth() + 1).padStart(2, '0');
+    const da = String(d.getDate()).padStart(2, '0');
+    return `${y}-${mo}-${da}`;
+}
+function startOfMonth(d) {
+    return new Date(d.getFullYear(), d.getMonth(), 1);
+}
+/** 6×7 grid of dates covering the month `viewDate` sits in (Sunday-first). */
+function monthGrid(viewDate) {
+    const first = startOfMonth(viewDate);
+    const gridStart = new Date(first);
+    gridStart.setDate(first.getDate() - first.getDay());
+    const weeks = [];
+    const cursor = new Date(gridStart);
+    for (let w = 0; w < 6; w += 1) {
+        const row = [];
+        for (let i = 0; i < 7; i += 1) {
+            row.push(new Date(cursor));
+            cursor.setDate(cursor.getDate() + 1);
+        }
+        weeks.push(row);
+    }
+    return weeks;
+}
+/**
+ * Zero-asset date field — the native mirror of the web `DatePicker`. RN has no
+ * `<input type="date">`, so this is a token-bound `Pressable` showing the
+ * formatted date that opens a `Modal` with a dependency-free month grid (plain
+ * `Date` math; no external date lib) and prev/next month chevrons. Same
+ * `value`/`min`/`max`/`invalid`/`disabled` contract; the web `onChange(string)`
+ * is preserved (fires the picked day as ISO `YYYY-MM-DD`). Adds a `placeholder`.
+ * Days outside `min`/`max` are muted and disabled. No literal colors.
+ */
+function DatePicker({ value, onChange, min, max, placeholder = 'Select a date', invalid = false, disabled = false, locale, accessibilityLabel, style, }) {
+    const { colors, tokens } = (0, theme_1.useXenitionTheme)();
+    const [open, setOpen] = React.useState(false);
+    const selected = toDate(value);
+    const minDate = toDate(min ?? null);
+    const maxDate = toDate(max ?? null);
+    const selectedKey = selected ? toKey(selected) : null;
+    const [viewDate, setViewDate] = React.useState(() => startOfMonth(selected ?? new Date()));
+    const shiftMonth = (months) => setViewDate((d) => new Date(d.getFullYear(), d.getMonth() + months, 1));
+    const weeks = monthGrid(viewDate);
+    const weekdayLabels = React.useMemo(() => {
+        const fmt = new Intl.DateTimeFormat(locale, { weekday: 'short' });
+        return WEEKDAY_KEYS.map((k) => fmt.format(new Date(`${k}T12:00:00`)));
+    }, [locale]);
+    const monthLabel = new Intl.DateTimeFormat(locale, {
+        month: 'long',
+        year: 'numeric',
+    }).format(viewDate);
+    const longDate = new Intl.DateTimeFormat(locale, {
+        weekday: 'long',
+        month: 'long',
+        day: 'numeric',
+        year: 'numeric',
+    });
+    const outOfRange = (d) => {
+        const k = toKey(d);
+        if (minDate && k < toKey(minDate))
+            return true;
+        if (maxDate && k > toKey(maxDate))
+            return true;
+        return false;
+    };
+    const chevron = (label, delta) => ((0, jsx_runtime_1.jsx)(react_native_1.Pressable, { accessibilityRole: "button", accessibilityLabel: label, onPress: () => shiftMonth(delta), style: ({ pressed }) => ({
+            width: 32,
+            height: 32,
+            alignItems: 'center',
+            justifyContent: 'center',
+            borderRadius: tokens.radius.sm,
+            opacity: pressed ? 0.6 : 1,
+        }), children: (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: { color: colors.onSurface, fontSize: tokens.typography.scale.lg }, children: delta < 0 ? '‹' : '›' }) }));
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(react_native_1.Pressable, { accessibilityRole: "button", accessibilityState: { disabled, expanded: open }, accessibilityLabel: accessibilityLabel, disabled: disabled, onPress: () => {
+                    setViewDate(startOfMonth(selected ?? new Date()));
+                    setOpen(true);
+                }, style: ({ pressed }) => [
+                    {
+                        width: '100%',
+                        flexDirection: 'row',
+                        alignItems: 'center',
+                        justifyContent: 'space-between',
+                        backgroundColor: colors.surface,
+                        borderWidth: 1,
+                        borderColor: invalid ? colors.danger : colors.border,
+                        borderRadius: tokens.radius.sm,
+                        paddingVertical: tokens.spacing.sm,
+                        paddingHorizontal: tokens.spacing.md,
+                        opacity: disabled ? 0.5 : pressed ? 0.85 : 1,
+                    },
+                    style,
+                ], children: [(0, jsx_runtime_1.jsx)(react_native_1.Text, { style: {
+                            color: selected ? colors.onSurface : colors.muted,
+                            fontSize: tokens.typography.scale.base,
+                        }, children: selected ? longDate.format(selected) : placeholder }), (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: { color: colors.muted, fontSize: tokens.typography.scale.sm }, children: "\u25BE" })] }), (0, jsx_runtime_1.jsx)(react_native_1.Modal, { visible: open, transparent: true, animationType: "fade", onRequestClose: () => setOpen(false), children: (0, jsx_runtime_1.jsxs)(react_native_1.View, { style: { flex: 1, justifyContent: 'center', alignItems: 'center', padding: tokens.spacing.lg }, children: [(0, jsx_runtime_1.jsx)(react_native_1.Pressable, { accessibilityLabel: "Close", onPress: () => setOpen(false), style: {
+                                position: 'absolute',
+                                top: 0,
+                                left: 0,
+                                right: 0,
+                                bottom: 0,
+                                backgroundColor: tokens.ramps.neutral[950],
+                                opacity: 0.5,
+                            } }), (0, jsx_runtime_1.jsxs)(react_native_1.View, { style: {
+                                backgroundColor: colors.surface,
+                                borderColor: colors.border,
+                                borderWidth: 1,
+                                borderRadius: tokens.radius.lg,
+                                padding: tokens.spacing.md,
+                                gap: tokens.spacing.sm,
+                            }, children: [(0, jsx_runtime_1.jsxs)(react_native_1.View, { style: {
+                                        flexDirection: 'row',
+                                        alignItems: 'center',
+                                        justifyContent: 'space-between',
+                                    }, children: [chevron('Previous month', -1), (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: {
+                                                color: colors.onSurface,
+                                                fontSize: tokens.typography.scale.sm,
+                                                fontWeight: '600',
+                                            }, children: monthLabel }), chevron('Next month', 1)] }), (0, jsx_runtime_1.jsxs)(react_native_1.View, { accessibilityLabel: `Choose a date — ${monthLabel}`, children: [(0, jsx_runtime_1.jsx)(react_native_1.View, { style: { flexDirection: 'row' }, children: weekdayLabels.map((label) => ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: { width: 40, alignItems: 'center', paddingVertical: tokens.spacing.xs }, children: (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: {
+                                                        color: colors.muted,
+                                                        fontSize: tokens.typography.scale.xs,
+                                                        fontWeight: '500',
+                                                    }, children: label }) }, label))) }), weeks.map((row, wi) => ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: { flexDirection: 'row' }, children: row.map((date) => {
+                                                const key = toKey(date);
+                                                const inMonth = date.getMonth() === viewDate.getMonth();
+                                                const isSelected = selectedKey === key;
+                                                const blocked = outOfRange(date);
+                                                const dayColor = isSelected
+                                                    ? colors.onPrimary
+                                                    : !inMonth || blocked
+                                                        ? colors.muted
+                                                        : colors.onSurface;
+                                                return ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: { width: 40, alignItems: 'center', padding: 2 }, children: (0, jsx_runtime_1.jsx)(react_native_1.Pressable, { accessibilityRole: "button", accessibilityLabel: longDate.format(date), accessibilityState: { selected: isSelected, disabled: blocked }, disabled: blocked, onPress: () => {
+                                                            onChange?.(key);
+                                                            setOpen(false);
+                                                        }, style: ({ pressed }) => ({
+                                                            width: 36,
+                                                            height: 36,
+                                                            alignItems: 'center',
+                                                            justifyContent: 'center',
+                                                            borderRadius: tokens.radius.md,
+                                                            opacity: blocked ? 0.4 : 1,
+                                                            backgroundColor: isSelected
+                                                                ? colors.primary
+                                                                : pressed && !blocked
+                                                                    ? tokens.ramps.neutral[100]
+                                                                    : 'transparent',
+                                                        }), children: (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: {
+                                                                color: dayColor,
+                                                                fontSize: tokens.typography.scale.sm,
+                                                                fontWeight: isSelected ? '700' : '400',
+                                                            }, children: date.getDate() }) }) }, key));
+                                            }) }, wi)))] })] })] }) })] }));
+}
+//# sourceMappingURL=DatePicker.js.map

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

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

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

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { type StyleProp, type ViewStyle } from 'react-native';
+export interface DescriptionItem {
+    label: React.ReactNode;
+    value: React.ReactNode;
+}
+export interface DescriptionsProps {
+    items: DescriptionItem[];
+    columns?: 1 | 2;
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * Key/value detail grid — the native mirror of the web `Descriptions`. Renders
+ * a token-bound label/value pair per item, laid out in 1 or 2 columns via a
+ * flex-wrap grid. For record/detail views. No literal colors.
+ */
+export declare function Descriptions({ items, columns, style }: DescriptionsProps): React.ReactElement;
+//# sourceMappingURL=Descriptions.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Descriptions.d.ts","sourceRoot":"","sources":["../../../src/native/primitives/Descriptions.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,eAAe;IAC9B,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB;AAED,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,eAAe,EAAE,CAAC;IACzB,OAAO,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;IAChB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,OAAW,EAAE,KAAK,EAAE,EAAE,iBAAiB,GAAG,KAAK,CAAC,YAAY,CA2CjG"}

package/dist/native/primitives/Descriptions.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Descriptions = Descriptions;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_native_1 = require("react-native");
+const theme_1 = require("../theme");
+/**
+ * Key/value detail grid — the native mirror of the web `Descriptions`. Renders
+ * a token-bound label/value pair per item, laid out in 1 or 2 columns via a
+ * flex-wrap grid. For record/detail views. No literal colors.
+ */
+function Descriptions({ items, columns = 1, style }) {
+    const { colors, tokens } = (0, theme_1.useXenitionTheme)();
+    return ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: [
+            {
+                flexDirection: 'row',
+                flexWrap: 'wrap',
+                columnGap: tokens.spacing.xl,
+                rowGap: tokens.spacing.md,
+            },
+            style,
+        ], children: items.map((it, i) => ((0, jsx_runtime_1.jsxs)(react_native_1.View, { style: { gap: 2, width: columns === 2 ? '45%' : '100%', flexGrow: 1 }, children: [typeof it.label === 'string' ? ((0, jsx_runtime_1.jsx)(react_native_1.Text, { style: {
+                        color: colors.muted,
+                        fontSize: tokens.typography.scale.xs,
+                        fontWeight: '500',
+                        textTransform: 'uppercase',
+                        letterSpacing: 0.5,
+                    }, children: it.label })) : (it.label), typeof it.value === 'string' ? ((0, jsx_runtime_1.jsx)(react_native_1.Text, { style: { color: colors.onSurface, fontSize: tokens.typography.scale.sm }, children: it.value })) : (it.value)] }, i))) }));
+}
+//# sourceMappingURL=Descriptions.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Descriptions.js","sourceRoot":"","sources":["../../../src/native/primitives/Descriptions.tsx"],"names":[],"mappings":";;AAoBA,oCA2CC;;AA9DD,+CAA0E;AAC1E,oCAA4C;AAa5C;;;;GAIG;AACH,SAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,OAAO,GAAG,CAAC,EAAE,KAAK,EAAqB;IAC3E,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,IAAA,wBAAgB,GAAE,CAAC;IAC9C,OAAO,CACL,uBAAC,mBAAI,IACH,KAAK,EAAE;YACL;gBACE,aAAa,EAAE,KAAK;gBACpB,QAAQ,EAAE,MAAM;gBAChB,SAAS,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE;gBAC5B,MAAM,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE;aAC1B;YACD,KAAK;SACN,YAEA,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC,CACpB,wBAAC,mBAAI,IAEH,KAAK,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,OAAO,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,EAAE,QAAQ,EAAE,CAAC,EAAE,aAEpE,OAAO,EAAE,CAAC,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,CAC9B,uBAAC,mBAAI,IACH,KAAK,EAAE;wBACL,KAAK,EAAE,MAAM,CAAC,KAAK;wBACnB,QAAQ,EAAE,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE;wBACpC,UAAU,EAAE,KAAK;wBACjB,aAAa,EAAE,WAAW;wBAC1B,aAAa,EAAE,GAAG;qBACnB,YAEA,EAAE,CAAC,KAAK,GACJ,CACR,CAAC,CAAC,CAAC,CACF,EAAE,CAAC,KAAK,CACT,EACA,OAAO,EAAE,CAAC,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,CAC9B,uBAAC,mBAAI,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,CAAC,SAAS,EAAE,QAAQ,EAAE,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,EAAE,YAAG,EAAE,CAAC,KAAK,GAAQ,CAClG,CAAC,CAAC,CAAC,CACF,EAAE,CAAC,KAAK,CACT,KAtBI,CAAC,CAuBD,CACR,CAAC,GACG,CACR,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,21 @@
+import * as React from 'react';
+import { type StyleProp, type ViewStyle } from 'react-native';
+export type DrawerSide = 'left' | 'right' | 'top' | 'bottom';
+export interface DrawerProps {
+    open: boolean;
+    onClose: () => void;
+    /** Which edge the sheet slides in from (default `right`). */
+    side?: DrawerSide;
+    title?: React.ReactNode;
+    children?: React.ReactNode;
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * Themed side sheet — the native mirror of the web `Drawer`. RN has no DOM
+ * portal, so this is a full-screen `Modal` with the panel anchored to `side`
+ * over a translucent backdrop (tap to dismiss). The panel slides in with
+ * `Animated`; the scrim is the `onSurface` token faded via `opacity` so every
+ * rendered color stays a pure theme token. No literal colors.
+ */
+export declare function Drawer({ open, onClose, side, title, children, style, }: DrawerProps): React.ReactElement;
+//# sourceMappingURL=Drawer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../src/native/primitives/Drawer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAQL,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAGtB,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAC;AAE7D,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,6DAA6D;IAC7D,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED;;;;;;GAMG;AACH,wBAAgB,MAAM,CAAC,EACrB,IAAI,EACJ,OAAO,EACP,IAAc,EACd,KAAK,EACL,QAAQ,EACR,KAAK,GACN,EAAE,WAAW,GAAG,KAAK,CAAC,YAAY,CA0ElC"}

package/dist/native/primitives/Drawer.js

@@ -0,0 +1,93 @@
+"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.Drawer = Drawer;
+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");
+/**
+ * Themed side sheet — the native mirror of the web `Drawer`. RN has no DOM
+ * portal, so this is a full-screen `Modal` with the panel anchored to `side`
+ * over a translucent backdrop (tap to dismiss). The panel slides in with
+ * `Animated`; the scrim is the `onSurface` token faded via `opacity` so every
+ * rendered color stays a pure theme token. No literal colors.
+ */
+function Drawer({ open, onClose, side = 'right', title, children, style, }) {
+    const { colors, tokens } = (0, theme_1.useXenitionTheme)();
+    const { width, height } = (0, react_native_1.useWindowDimensions)();
+    const isHorizontal = side === 'left' || side === 'right';
+    const progress = React.useRef(new react_native_1.Animated.Value(0)).current;
+    React.useEffect(() => {
+        react_native_1.Animated.timing(progress, {
+            toValue: open ? 1 : 0,
+            duration: 200,
+            useNativeDriver: true,
+        }).start();
+    }, [open, progress]);
+    const offset = isHorizontal ? width : height;
+    const sign = side === 'left' || side === 'top' ? -1 : 1;
+    const translate = progress.interpolate({ inputRange: [0, 1], outputRange: [sign * offset, 0] });
+    return ((0, jsx_runtime_1.jsx)(react_native_1.Modal, { visible: open, transparent: true, animationType: "fade", onRequestClose: onClose, children: (0, jsx_runtime_1.jsxs)(react_native_1.View, { style: {
+                flex: 1,
+                flexDirection: isHorizontal ? 'row' : 'column',
+                justifyContent: side === 'right' || side === 'bottom' ? 'flex-end' : 'flex-start',
+            }, children: [(0, jsx_runtime_1.jsx)(react_native_1.Pressable, { accessibilityLabel: "Close", onPress: onClose, style: {
+                        position: 'absolute',
+                        top: 0,
+                        left: 0,
+                        right: 0,
+                        bottom: 0,
+                        backgroundColor: colors.onSurface,
+                        opacity: 0.5,
+                    } }), (0, jsx_runtime_1.jsxs)(react_native_1.Animated.View, { accessibilityViewIsModal: true, style: [
+                        {
+                            backgroundColor: colors.surface,
+                            padding: tokens.spacing.lg,
+                            transform: isHorizontal ? [{ translateX: translate }] : [{ translateY: translate }],
+                        },
+                        isHorizontal
+                            ? { height: '100%', width: '85%', maxWidth: 360 }
+                            : { width: '100%', maxHeight: '85%' },
+                        style,
+                    ], children: [title != null &&
+                            (typeof title === 'string' ? ((0, jsx_runtime_1.jsx)(react_native_1.Text, { style: {
+                                    fontSize: 18,
+                                    fontWeight: '600',
+                                    color: colors.onSurface,
+                                    marginBottom: tokens.spacing.md,
+                                }, children: title })) : (title)), (0, jsx_runtime_1.jsx)(react_native_1.ScrollView, { children: children })] })] }) }));
+}
+//# sourceMappingURL=Drawer.js.map

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

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

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

@@ -0,0 +1,21 @@
+import * as React from 'react';
+import { type StyleProp, type TextStyle } from 'react-native';
+export type EyebrowTone = 'primary' | 'accent' | 'muted';
+export interface EyebrowProps {
+    /** Semantic color slot for the label (default `accent`). */
+    tone?: EyebrowTone;
+    /** Draw short hairline ticks flanking the label. */
+    rule?: boolean;
+    /** Horizontal alignment (default `start`; `center` for section openers). */
+    align?: 'start' | 'center';
+    style?: StyleProp<TextStyle>;
+    children?: React.ReactNode;
+}
+/**
+ * Tracked small-caps kicker label — the native mirror of the web `Eyebrow`.
+ * Color comes from the semantic `primary`/`accent`/`muted` tokens (auto-
+ * contrast-checked by the compiler); the optional flanking rules inherit the
+ * same token color. No literal colors.
+ */
+export declare function Eyebrow({ tone, rule, align, style, children, }: EyebrowProps): React.ReactElement;
+//# sourceMappingURL=Eyebrow.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Eyebrow.d.ts","sourceRoot":"","sources":["../../../src/native/primitives/Eyebrow.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,MAAM,WAAW,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEzD,MAAM,WAAW,YAAY;IAC3B,4DAA4D;IAC5D,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,oDAAoD;IACpD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,4EAA4E;IAC5E,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC3B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;;;;GAKG;AACH,wBAAgB,OAAO,CAAC,EACtB,IAAe,EACf,IAAY,EACZ,KAAe,EACf,KAAK,EACL,QAAQ,GACT,EAAE,YAAY,GAAG,KAAK,CAAC,YAAY,CAwCnC"}

package/dist/native/primitives/Eyebrow.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Eyebrow = Eyebrow;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_native_1 = require("react-native");
+const theme_1 = require("../theme");
+/**
+ * Tracked small-caps kicker label — the native mirror of the web `Eyebrow`.
+ * Color comes from the semantic `primary`/`accent`/`muted` tokens (auto-
+ * contrast-checked by the compiler); the optional flanking rules inherit the
+ * same token color. No literal colors.
+ */
+function Eyebrow({ tone = 'accent', rule = false, align = 'start', style, children, }) {
+    const { colors, tokens } = (0, theme_1.useXenitionTheme)();
+    const color = tone === 'primary' ? colors.primary : tone === 'muted' ? colors.muted : colors.accent;
+    const tick = ((0, jsx_runtime_1.jsx)(react_native_1.View, { accessibilityElementsHidden: true, importantForAccessibility: "no", style: { width: 24, height: 1, backgroundColor: color } }));
+    return ((0, jsx_runtime_1.jsxs)(react_native_1.View, { style: {
+            flexDirection: 'row',
+            alignItems: 'center',
+            justifyContent: align === 'center' ? 'center' : 'flex-start',
+            gap: tokens.spacing.xs,
+        }, children: [rule ? tick : null, (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [
+                    {
+                        color,
+                        fontSize: tokens.typography.scale.xs,
+                        fontWeight: '700',
+                        textTransform: 'uppercase',
+                        letterSpacing: 2,
+                    },
+                    style,
+                ], children: children }), rule ? tick : null] }));
+}
+//# sourceMappingURL=Eyebrow.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Eyebrow.js","sourceRoot":"","sources":["../../../src/native/primitives/Eyebrow.tsx"],"names":[],"mappings":";;AAuBA,0BA8CC;;AApED,+CAA0E;AAC1E,oCAA4C;AAe5C;;;;;GAKG;AACH,SAAgB,OAAO,CAAC,EACtB,IAAI,GAAG,QAAQ,EACf,IAAI,GAAG,KAAK,EACZ,KAAK,GAAG,OAAO,EACf,KAAK,EACL,QAAQ,GACK;IACb,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,IAAA,wBAAgB,GAAE,CAAC;IAC9C,MAAM,KAAK,GACT,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC;IAExF,MAAM,IAAI,GAAG,CACX,uBAAC,mBAAI,IACH,2BAA2B,QAC3B,yBAAyB,EAAC,IAAI,EAC9B,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,eAAe,EAAE,KAAK,EAAE,GACvD,CACH,CAAC;IAEF,OAAO,CACL,wBAAC,mBAAI,IACH,KAAK,EAAE;YACL,aAAa,EAAE,KAAK;YACpB,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY;YAC5D,GAAG,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE;SACvB,aAEA,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,EACnB,uBAAC,mBAAI,IACH,KAAK,EAAE;oBACL;wBACE,KAAK;wBACL,QAAQ,EAAE,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE;wBACpC,UAAU,EAAE,KAAK;wBACjB,aAAa,EAAE,WAAW;wBAC1B,aAAa,EAAE,CAAC;qBACjB;oBACD,KAAK;iBACN,YAEA,QAAQ,GACJ,EACN,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,IACd,CACR,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,21 @@
+import * as React from 'react';
+import { type StyleProp, type ViewProps, type ViewStyle } from 'react-native';
+export interface FieldProps extends ViewProps {
+    /** Field label text. */
+    label?: React.ReactNode;
+    /** Marks the field required (adds the * marker on the label). */
+    required?: boolean;
+    /** Validation error; when set it renders in the danger tone and takes precedence over `hint`. */
+    error?: string | null;
+    /** Helper text shown below the control when there is no error. */
+    hint?: string;
+    style?: StyleProp<ViewStyle>;
+    children?: React.ReactNode;
+}
+/**
+ * A labelled form row — the native mirror of the web `Field`: Label + control
+ * (`children`) + hint/error. Removes the hand-rolled label+error markup mobile
+ * forms repeat for every field. No literal colors.
+ */
+export declare function Field({ label, required, error, hint, style, children, ...rest }: FieldProps): React.ReactElement;
+//# sourceMappingURL=Field.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Field.d.ts","sourceRoot":"","sources":["../../../src/native/primitives/Field.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAc,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAI1F,MAAM,WAAW,UAAW,SAAQ,SAAS;IAC3C,wBAAwB;IACxB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,iEAAiE;IACjE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iGAAiG;IACjG,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,kEAAkE;IAClE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;;;GAIG;AACH,wBAAgB,KAAK,CAAC,EACpB,KAAK,EACL,QAAgB,EAChB,KAAK,EACL,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,UAAU,GAAG,KAAK,CAAC,YAAY,CAkBjC"}

package/dist/native/primitives/Field.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Field = Field;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_native_1 = require("react-native");
+const theme_1 = require("../theme");
+const Label_1 = require("./Label");
+/**
+ * A labelled form row — the native mirror of the web `Field`: Label + control
+ * (`children`) + hint/error. Removes the hand-rolled label+error markup mobile
+ * forms repeat for every field. No literal colors.
+ */
+function Field({ label, required = false, error, hint, style, children, ...rest }) {
+    const { colors, tokens } = (0, theme_1.useXenitionTheme)();
+    return ((0, jsx_runtime_1.jsxs)(react_native_1.View, { style: [{ gap: tokens.spacing.xs }, style], ...rest, children: [label != null ? (0, jsx_runtime_1.jsx)(Label_1.Label, { required: required, children: label }) : null, children, error ? ((0, jsx_runtime_1.jsx)(react_native_1.Text, { accessibilityRole: "alert", style: { color: colors.danger, fontSize: tokens.typography.scale.sm }, children: error })) : hint ? ((0, jsx_runtime_1.jsx)(react_native_1.Text, { style: { color: colors.muted, fontSize: tokens.typography.scale.sm }, children: hint })) : null] }));
+}
+//# sourceMappingURL=Field.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Field.js","sourceRoot":"","sources":["../../../src/native/primitives/Field.tsx"],"names":[],"mappings":";;AAuBA,sBA0BC;;AAhDD,+CAA0F;AAC1F,oCAA4C;AAC5C,mCAAgC;AAehC;;;;GAIG;AACH,SAAgB,KAAK,CAAC,EACpB,KAAK,EACL,QAAQ,GAAG,KAAK,EAChB,KAAK,EACL,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,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,KAAK,CAAC,KAAM,IAAI,aACvD,KAAK,IAAI,IAAI,CAAC,CAAC,CAAC,uBAAC,aAAK,IAAC,QAAQ,EAAE,QAAQ,YAAG,KAAK,GAAS,CAAC,CAAC,CAAC,IAAI,EACjE,QAAQ,EACR,KAAK,CAAC,CAAC,CAAC,CACP,uBAAC,mBAAI,IACH,iBAAiB,EAAC,OAAO,EACzB,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,QAAQ,EAAE,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,EAAE,YAEpE,KAAK,GACD,CACR,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACT,uBAAC,mBAAI,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,QAAQ,EAAE,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,EAAE,YAAG,IAAI,GAAQ,CAC1F,CAAC,CAAC,CAAC,IAAI,IACH,CACR,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,14 @@
+import * as React from 'react';
+export interface ForgotPasswordFormProps {
+    /** Called with the email. Throw to surface an error; resolve to show the sent state. */
+    onSubmit: (email: string) => void | Promise<void>;
+    onLoginClick?: () => void;
+    title?: React.ReactNode;
+}
+/**
+ * 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.
+ */
+export declare function ForgotPasswordForm({ onSubmit, onLoginClick, title, }: ForgotPasswordFormProps): React.ReactElement;
+//# sourceMappingURL=ForgotPasswordForm.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ForgotPasswordForm.d.ts","sourceRoot":"","sources":["../../../src/native/primitives/ForgotPasswordForm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,MAAM,WAAW,uBAAuB;IACtC,wFAAwF;IACxF,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAClD,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACzB;AAED;;;;GAIG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,QAAQ,EACR,YAAY,EACZ,KAAwB,GACzB,EAAE,uBAAuB,GAAG,KAAK,CAAC,YAAY,CAuD9C"}