@xenition/ui 0.1.0

package/dist/native/primitives/Menu.js

@@ -0,0 +1,88 @@
+"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.Menu = Menu;
+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 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.
+ */
+function Menu({ trigger, items, align = 'start' }) {
+    const { colors, tokens } = (0, theme_1.useXenitionTheme)();
+    const [open, setOpen] = React.useState(false);
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_native_1.Pressable, { accessibilityRole: "button", onPress: () => setOpen(true), children: trigger }), (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: align === 'end' ? 'flex-end' : 'flex-start',
+                        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: colors.onSurface,
+                                opacity: 0.5,
+                            } }), (0, jsx_runtime_1.jsx)(react_native_1.View, { accessibilityRole: "menu", style: {
+                                minWidth: 160,
+                                maxHeight: '70%',
+                                backgroundColor: colors.surface,
+                                borderColor: colors.border,
+                                borderWidth: 1,
+                                borderRadius: tokens.radius.md,
+                                overflow: 'hidden',
+                            }, children: (0, jsx_runtime_1.jsx)(react_native_1.ScrollView, { children: items.map((it, i) => ((0, jsx_runtime_1.jsxs)(react_native_1.Pressable, { accessibilityRole: "menuitem", accessibilityState: { disabled: it.disabled }, disabled: it.disabled, onPress: () => {
+                                        it.onSelect?.();
+                                        setOpen(false);
+                                    }, style: ({ pressed }) => ({
+                                        flexDirection: 'row',
+                                        alignItems: 'center',
+                                        gap: tokens.spacing.sm,
+                                        paddingVertical: tokens.spacing.md,
+                                        paddingHorizontal: tokens.spacing.lg,
+                                        opacity: it.disabled ? 0.5 : 1,
+                                        backgroundColor: pressed ? colors.border : colors.surface,
+                                    }), children: [it.icon != null && (0, jsx_runtime_1.jsx)(react_native_1.View, { children: it.icon }), typeof it.label === 'string' ? ((0, jsx_runtime_1.jsx)(react_native_1.Text, { style: {
+                                                fontSize: 14,
+                                                color: it.danger ? colors.danger : colors.onSurface,
+                                            }, children: it.label })) : (it.label)] }, i))) }) })] }) })] }));
+}
+//# sourceMappingURL=Menu.js.map

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

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

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

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import { type ScrollViewProps, type StyleProp, type ViewStyle } from 'react-native';
+export interface MessageListProps extends ScrollViewProps {
+    style?: StyleProp<ViewStyle>;
+    children?: React.ReactNode;
+}
+/**
+ * Scrollable vertical stack for `ChatBubble` children — the native mirror of the
+ * web `MessageList`, the chat/thread viewport. No literal colors.
+ */
+export declare function MessageList({ style, contentContainerStyle, children, ...rest }: MessageListProps): React.ReactElement;
+//# sourceMappingURL=MessageList.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MessageList.d.ts","sourceRoot":"","sources":["../../../src/native/primitives/MessageList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAc,KAAK,eAAe,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAGhG,MAAM,WAAW,gBAAiB,SAAQ,eAAe;IACvD,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;;GAGG;AACH,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,qBAAqB,EACrB,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,gBAAgB,GAAG,KAAK,CAAC,YAAY,CAWvC"}

package/dist/native/primitives/MessageList.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MessageList = MessageList;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_native_1 = require("react-native");
+const theme_1 = require("../theme");
+/**
+ * Scrollable vertical stack for `ChatBubble` children — the native mirror of the
+ * web `MessageList`, the chat/thread viewport. No literal colors.
+ */
+function MessageList({ style, contentContainerStyle, children, ...rest }) {
+    const { tokens } = (0, theme_1.useXenitionTheme)();
+    return ((0, jsx_runtime_1.jsx)(react_native_1.ScrollView, { style: [{ flex: 1 }, style], contentContainerStyle: [{ gap: tokens.spacing.md, padding: tokens.spacing.lg }, contentContainerStyle], ...rest, children: children }));
+}
+//# sourceMappingURL=MessageList.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MessageList.js","sourceRoot":"","sources":["../../../src/native/primitives/MessageList.tsx"],"names":[],"mappings":";;AAaA,kCAgBC;;AA5BD,+CAAgG;AAChG,oCAA4C;AAO5C;;;GAGG;AACH,SAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,qBAAqB,EACrB,QAAQ,EACR,GAAG,IAAI,EACU;IACjB,MAAM,EAAE,MAAM,EAAE,GAAG,IAAA,wBAAgB,GAAE,CAAC;IACtC,OAAO,CACL,uBAAC,yBAAU,IACT,KAAK,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,KAAK,CAAC,EAC3B,qBAAqB,EAAE,CAAC,EAAE,GAAG,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE,EAAE,OAAO,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE,EAAE,EAAE,qBAAqB,CAAC,KAClG,IAAI,YAEP,QAAQ,GACE,CACd,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,14 @@
+import * as React from 'react';
+export interface ModalProps {
+    open: boolean;
+    onClose: () => void;
+    title?: React.ReactNode;
+    children?: React.ReactNode;
+}
+/**
+ * Themed modal dialog — the native mirror of the web `Modal`. Wraps RN's
+ * `Modal`; the backdrop scrim is the darkest neutral ramp step faded via
+ * `opacity`, so every rendered color stays a pure theme token.
+ */
+export declare function Modal({ open, onClose, title, children }: ModalProps): React.ReactElement;
+//# sourceMappingURL=Modal.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/native/primitives/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;;;GAIG;AACH,wBAAgB,KAAK,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,UAAU,GAAG,KAAK,CAAC,YAAY,CA+CxF"}

package/dist/native/primitives/Modal.js

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Modal = Modal;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_native_1 = require("react-native");
+const theme_1 = require("../theme");
+/**
+ * Themed modal dialog — the native mirror of the web `Modal`. Wraps RN's
+ * `Modal`; the backdrop scrim is the darkest neutral ramp step faded via
+ * `opacity`, so every rendered color stays a pure theme token.
+ */
+function Modal({ open, onClose, title, children }) {
+    const { colors, tokens } = (0, theme_1.useXenitionTheme)();
+    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, alignItems: 'center', justifyContent: 'center', padding: tokens.spacing.lg }, 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: tokens.ramps.neutral[950],
+                        opacity: 0.5,
+                    } }), (0, jsx_runtime_1.jsxs)(react_native_1.View, { style: {
+                        width: '100%',
+                        maxWidth: 480,
+                        backgroundColor: colors.surface,
+                        borderRadius: tokens.radius.lg,
+                        padding: tokens.spacing.lg,
+                    }, children: [title != null &&
+                            (typeof title === 'string' ? ((0, jsx_runtime_1.jsx)(react_native_1.Text, { style: {
+                                    fontSize: tokens.typography.scale.lg,
+                                    fontWeight: '600',
+                                    color: colors.onSurface,
+                                    marginBottom: tokens.spacing.md,
+                                }, children: title })) : (title)), children] })] }) }));
+}
+//# sourceMappingURL=Modal.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../src/native/primitives/Modal.tsx"],"names":[],"mappings":";;AAgBA,sBA+CC;;AA9DD,+CAAuE;AACvE,oCAA4C;AAS5C;;;;GAIG;AACH,SAAgB,KAAK,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAc;IAClE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,IAAA,wBAAgB,GAAE,CAAC;IAC9C,OAAO,CACL,uBAAC,oBAAO,IAAC,OAAO,EAAE,IAAI,EAAE,WAAW,QAAC,aAAa,EAAC,MAAM,EAAC,cAAc,EAAE,OAAO,YAC9E,wBAAC,mBAAI,IAAC,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,cAAc,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE,EAAE,aAClG,uBAAC,wBAAS,IACR,kBAAkB,EAAC,OAAO,EAC1B,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE;wBACL,QAAQ,EAAE,UAAU;wBACpB,GAAG,EAAE,CAAC;wBACN,IAAI,EAAE,CAAC;wBACP,KAAK,EAAE,CAAC;wBACR,MAAM,EAAE,CAAC;wBACT,eAAe,EAAE,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;wBAC1C,OAAO,EAAE,GAAG;qBACb,GACD,EACF,wBAAC,mBAAI,IACH,KAAK,EAAE;wBACL,KAAK,EAAE,MAAM;wBACb,QAAQ,EAAE,GAAG;wBACb,eAAe,EAAE,MAAM,CAAC,OAAO;wBAC/B,YAAY,EAAE,MAAM,CAAC,MAAM,CAAC,EAAE;wBAC9B,OAAO,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE;qBAC3B,aAEA,KAAK,IAAI,IAAI;4BACZ,CAAC,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,CAC3B,uBAAC,mBAAI,IACH,KAAK,EAAE;oCACL,QAAQ,EAAE,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE;oCACpC,UAAU,EAAE,KAAK;oCACjB,KAAK,EAAE,MAAM,CAAC,SAAS;oCACvB,YAAY,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE;iCAChC,YAEA,KAAK,GACD,CACR,CAAC,CAAC,CAAC,CACF,KAAK,CACN,CAAC,EACH,QAAQ,IACJ,IACF,GACC,CACX,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import { type StyleProp, type ViewStyle } from 'react-native';
+export interface NumberInputProps {
+    value: number;
+    /** Fires with the clamped value (web `onChange`, renamed for native). */
+    onValueChange?: (value: number) => void;
+    min?: number;
+    max?: number;
+    step?: number;
+    disabled?: boolean;
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * Number input with −/+ steppers — the native mirror of the web `NumberInput`.
+ * A numeric `TextInput` flanked by token-bound `Pressable` steppers; clamps to
+ * `[min, max]`. No literal colors.
+ */
+export declare function NumberInput({ value, onValueChange, min, max, step, disabled, style, }: NumberInputProps): React.ReactElement;
+//# sourceMappingURL=NumberInput.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NumberInput.d.ts","sourceRoot":"","sources":["../../../src/native/primitives/NumberInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAKL,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAGtB,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,yEAAyE;IACzE,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,aAAa,EACb,GAAG,EACH,GAAG,EACH,IAAQ,EACR,QAAgB,EAChB,KAAK,GACN,EAAE,gBAAgB,GAAG,KAAK,CAAC,YAAY,CA6EvC"}

package/dist/native/primitives/NumberInput.js

@@ -0,0 +1,58 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NumberInput = NumberInput;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_native_1 = require("react-native");
+const theme_1 = require("../theme");
+/**
+ * Number input with −/+ steppers — the native mirror of the web `NumberInput`.
+ * A numeric `TextInput` flanked by token-bound `Pressable` steppers; clamps to
+ * `[min, max]`. No literal colors.
+ */
+function NumberInput({ value, onValueChange, min, max, step = 1, disabled = false, style, }) {
+    const { colors, tokens } = (0, theme_1.useXenitionTheme)();
+    const clamp = (v) => Math.max(min ?? -Infinity, Math.min(max ?? Infinity, v));
+    const set = (v) => {
+        if (!Number.isNaN(v))
+            onValueChange?.(clamp(v));
+    };
+    const atMin = min != null && value <= min;
+    const atMax = max != null && value >= max;
+    const renderStepper = (label, accessibilityLabel, onPress, off) => ((0, jsx_runtime_1.jsx)(react_native_1.Pressable, { accessibilityRole: "button", accessibilityLabel: accessibilityLabel, accessibilityState: { disabled: disabled || off }, disabled: disabled || off, onPress: onPress, style: ({ pressed }) => ({
+            width: 40,
+            height: 40,
+            alignItems: 'center',
+            justifyContent: 'center',
+            backgroundColor: pressed ? colors.border : 'transparent',
+            opacity: disabled || off ? 0.4 : 1,
+        }), children: (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: { color: colors.onSurface, fontSize: tokens.typography.scale.lg }, children: label }) }));
+    return ((0, jsx_runtime_1.jsxs)(react_native_1.View, { style: [
+            {
+                flexDirection: 'row',
+                alignItems: 'center',
+                alignSelf: 'flex-start',
+                borderWidth: 1,
+                borderColor: colors.border,
+                borderRadius: tokens.radius.sm,
+                backgroundColor: colors.surface,
+                overflow: 'hidden',
+                opacity: disabled ? 0.5 : 1,
+            },
+            style,
+        ], children: [renderStepper('−', 'Decrease', () => set(value - step), atMin), (0, jsx_runtime_1.jsx)(react_native_1.TextInput, { keyboardType: "numeric", editable: !disabled, accessibilityState: { disabled }, value: String(value), onChangeText: (t) => {
+                    if (t.trim() === '')
+                        return;
+                    set(Number(t));
+                }, style: {
+                    minWidth: 48,
+                    textAlign: 'center',
+                    color: colors.onSurface,
+                    paddingVertical: tokens.spacing.sm,
+                    paddingHorizontal: tokens.spacing.md,
+                    fontSize: tokens.typography.scale.base,
+                    borderLeftWidth: 1,
+                    borderRightWidth: 1,
+                    borderColor: colors.border,
+                } }), renderStepper('+', 'Increase', () => set(value + step), atMax)] }));
+}
+//# sourceMappingURL=NumberInput.js.map

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

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

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

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import { type StyleProp, type ViewStyle } from 'react-native';
+export interface PaginationProps {
+    /** Current 1-based page. */
+    page: number;
+    /** Total number of pages. */
+    pageCount: number;
+    onPageChange: (page: number) => void;
+    /** How many pages to show either side of the current one (default 1). */
+    siblingCount?: number;
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * Page navigation — the native mirror of the web `Pagination`, with the same
+ * ellipsis truncation. Prev/next arrows plus numbered page buttons, all
+ * token-bound. Returns null when there is a single page. No literal colors.
+ */
+export declare function Pagination({ page, pageCount, onPageChange, siblingCount, style, }: PaginationProps): React.ReactElement | null;
+//# sourceMappingURL=Pagination.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../../src/native/primitives/Pagination.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,eAAe;IAC9B,4BAA4B;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,6BAA6B;IAC7B,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,yEAAyE;IACzE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,SAAS,EACT,YAAY,EACZ,YAAgB,EAChB,KAAK,GACN,EAAE,eAAe,GAAG,KAAK,CAAC,YAAY,GAAG,IAAI,CA2E7C"}

package/dist/native/primitives/Pagination.js

@@ -0,0 +1,45 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Pagination = Pagination;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_native_1 = require("react-native");
+const theme_1 = require("../theme");
+/**
+ * Page navigation — the native mirror of the web `Pagination`, with the same
+ * ellipsis truncation. Prev/next arrows plus numbered page buttons, all
+ * token-bound. Returns null when there is a single page. No literal colors.
+ */
+function Pagination({ page, pageCount, onPageChange, siblingCount = 1, style, }) {
+    const { colors, tokens } = (0, theme_1.useXenitionTheme)();
+    if (pageCount <= 1)
+        return null;
+    const wanted = new Set([1, pageCount]);
+    for (let i = page - siblingCount; i <= page + siblingCount; i++) {
+        if (i >= 1 && i <= pageCount)
+            wanted.add(i);
+    }
+    const sorted = Array.from(wanted).sort((a, b) => a - b);
+    const items = [];
+    let prev = 0;
+    for (const p of sorted) {
+        if (p - prev > 1)
+            items.push('ellipsis');
+        items.push(p);
+        prev = p;
+    }
+    const cell = (active, disabled, label, onPress, a11y, key) => ((0, jsx_runtime_1.jsx)(react_native_1.Pressable, { accessibilityRole: "button", accessibilityLabel: a11y, accessibilityState: { selected: active, disabled }, disabled: disabled, onPress: onPress, style: {
+            height: 32,
+            minWidth: 32,
+            alignItems: 'center',
+            justifyContent: 'center',
+            paddingHorizontal: tokens.spacing.sm,
+            borderRadius: tokens.radius.sm,
+            backgroundColor: active ? colors.primary : 'transparent',
+            opacity: disabled ? 0.4 : 1,
+        }, children: (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: {
+                color: active ? colors.onPrimary : colors.onSurface,
+                fontSize: tokens.typography.scale.sm,
+            }, children: label }) }, key));
+    return ((0, jsx_runtime_1.jsxs)(react_native_1.View, { accessibilityLabel: "Pagination", style: [{ flexDirection: 'row', alignItems: 'center', gap: tokens.spacing.xs }, style], children: [cell(false, page <= 1, '‹', () => onPageChange(page - 1), 'Previous', 'prev'), items.map((it, i) => it === 'ellipsis' ? ((0, jsx_runtime_1.jsx)(react_native_1.Text, { style: { color: colors.muted, paddingHorizontal: tokens.spacing.xs }, children: "\u2026" }, `e${i}`)) : (cell(it === page, false, String(it), () => onPageChange(it), `Page ${it}`, `p${it}`))), cell(false, page >= pageCount, '›', () => onPageChange(page + 1), 'Next', 'next')] }));
+}
+//# sourceMappingURL=Pagination.js.map

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

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

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

@@ -0,0 +1,17 @@
+import * as React from 'react';
+import { type StyleProp, type ViewStyle } from 'react-native';
+export interface PinInputProps {
+    /** Number of digit boxes (default 6). */
+    length?: number;
+    value: string;
+    /** Fires with the joined value (kept as `onChange` for web parity). */
+    onChange?: (value: string) => void;
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * OTP / PIN entry — the native mirror of the web `PinInput`. One single-char
+ * `TextInput` box per character with ref-driven focus advance and backspace
+ * retreat. No literal colors.
+ */
+export declare function PinInput({ length, value, onChange, style, }: PinInputProps): React.ReactElement;
+//# sourceMappingURL=PinInput.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PinInput.d.ts","sourceRoot":"","sources":["../../../src/native/primitives/PinInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAIL,KAAK,SAAS,EAEd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAGtB,MAAM,WAAW,aAAa;IAC5B,yCAAyC;IACzC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,uEAAuE;IACvE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED;;;;GAIG;AACH,wBAAgB,QAAQ,CAAC,EACvB,MAAU,EACV,KAAK,EACL,QAAQ,EACR,KAAK,GACN,EAAE,aAAa,GAAG,KAAK,CAAC,YAAY,CAkDpC"}

package/dist/native/primitives/PinInput.js

@@ -0,0 +1,77 @@
+"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.PinInput = PinInput;
+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");
+/**
+ * OTP / PIN entry — the native mirror of the web `PinInput`. One single-char
+ * `TextInput` box per character with ref-driven focus advance and backspace
+ * retreat. No literal colors.
+ */
+function PinInput({ length = 6, value, onChange, style, }) {
+    const { colors, tokens } = (0, theme_1.useXenitionTheme)();
+    const refs = React.useRef([]);
+    const chars = Array.from({ length }, (_, i) => value[i] ?? '');
+    const setChar = (i, c) => {
+        const ch = c.slice(-1);
+        const next = chars.slice();
+        next[i] = ch;
+        onChange?.(next.join(''));
+        if (ch && i < length - 1)
+            refs.current[i + 1]?.focus();
+    };
+    const onKeyPress = (i, e) => {
+        if (e.nativeEvent.key === 'Backspace' && !chars[i] && i > 0) {
+            refs.current[i - 1]?.focus();
+        }
+    };
+    return ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: [{ flexDirection: 'row', gap: tokens.spacing.sm }, style], children: chars.map((c, i) => ((0, jsx_runtime_1.jsx)(react_native_1.TextInput, { ref: (el) => {
+                refs.current[i] = el;
+            }, keyboardType: "numeric", maxLength: 1, value: c, onChangeText: (t) => setChar(i, t), onKeyPress: (e) => onKeyPress(i, e), style: {
+                width: 44,
+                height: 48,
+                textAlign: 'center',
+                fontSize: tokens.typography.scale.lg,
+                color: colors.onSurface,
+                backgroundColor: colors.surface,
+                borderWidth: 1,
+                borderColor: colors.border,
+                borderRadius: tokens.radius.sm,
+            } }, i))) }));
+}
+//# sourceMappingURL=PinInput.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PinInput.js","sourceRoot":"","sources":["../../../src/native/primitives/PinInput.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyBA,4BAuDC;;AAhFD,6CAA+B;AAC/B,+CAOsB;AACtB,oCAA4C;AAW5C;;;;GAIG;AACH,SAAgB,QAAQ,CAAC,EACvB,MAAM,GAAG,CAAC,EACV,KAAK,EACL,QAAQ,EACR,KAAK,GACS;IACd,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,IAAA,wBAAgB,GAAE,CAAC;IAC9C,MAAM,IAAI,GAAG,KAAK,CAAC,MAAM,CAA0B,EAAE,CAAC,CAAC;IACvD,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC;IAE/D,MAAM,OAAO,GAAG,CAAC,CAAS,EAAE,CAAS,EAAQ,EAAE;QAC7C,MAAM,EAAE,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;QACvB,MAAM,IAAI,GAAG,KAAK,CAAC,KAAK,EAAE,CAAC;QAC3B,IAAI,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC;QACb,QAAQ,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC;QAC1B,IAAI,EAAE,IAAI,CAAC,GAAG,MAAM,GAAG,CAAC;YAAE,IAAI,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC;IACzD,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,CACjB,CAAS,EACT,CAAmD,EAC7C,EAAE;QACR,IAAI,CAAC,CAAC,WAAW,CAAC,GAAG,KAAK,WAAW,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC;YAC5D,IAAI,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC;QAC/B,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,uBAAC,mBAAI,IAAC,KAAK,EAAE,CAAC,EAAE,aAAa,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE,EAAE,EAAE,KAAK,CAAC,YACnE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CACnB,uBAAC,wBAAS,IAER,GAAG,EAAE,CAAC,EAAE,EAAE,EAAE;gBACV,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC;YACvB,CAAC,EACD,YAAY,EAAC,SAAS,EACtB,SAAS,EAAE,CAAC,EACZ,KAAK,EAAE,CAAC,EACR,YAAY,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC,EAClC,UAAU,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,UAAU,CAAC,CAAC,EAAE,CAAC,CAAC,EACnC,KAAK,EAAE;gBACL,KAAK,EAAE,EAAE;gBACT,MAAM,EAAE,EAAE;gBACV,SAAS,EAAE,QAAQ;gBACnB,QAAQ,EAAE,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE;gBACpC,KAAK,EAAE,MAAM,CAAC,SAAS;gBACvB,eAAe,EAAE,MAAM,CAAC,OAAO;gBAC/B,WAAW,EAAE,CAAC;gBACd,WAAW,EAAE,MAAM,CAAC,MAAM;gBAC1B,YAAY,EAAE,MAAM,CAAC,MAAM,CAAC,EAAE;aAC/B,IAnBI,CAAC,CAoBN,CACH,CAAC,GACG,CACR,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,20 @@
+import * as React from 'react';
+export interface PopconfirmProps {
+    /** Pressable trigger (e.g. a Delete button). */
+    trigger: React.ReactNode;
+    message: React.ReactNode;
+    onConfirm: () => void;
+    /** Fires when the user cancels (native extra; web only closes). */
+    onCancel?: () => void;
+    confirmLabel?: string;
+    cancelLabel?: string;
+}
+/**
+ * Themed confirmation bubble — the native mirror of the web `Popconfirm`. RN
+ * has no anchored DOM portal, so the confirm bubble opens in a centered `Modal`
+ * over a translucent backdrop rather than floating next to the trigger (native
+ * simplification). Mirrors the web `onConfirm` / `confirmLabel` / `cancelLabel`
+ * contract. No literal colors.
+ */
+export declare function Popconfirm({ trigger, message, onConfirm, onCancel, confirmLabel, cancelLabel, }: PopconfirmProps): React.ReactElement;
+//# sourceMappingURL=Popconfirm.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Popconfirm.d.ts","sourceRoot":"","sources":["../../../src/native/primitives/Popconfirm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,eAAe;IAC9B,gDAAgD;IAChD,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,mEAAmE;IACnE,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;;;;;GAMG;AACH,wBAAgB,UAAU,CAAC,EACzB,OAAO,EACP,OAAO,EACP,SAAS,EACT,QAAQ,EACR,YAAwB,EACxB,WAAsB,GACvB,EAAE,eAAe,GAAG,KAAK,CAAC,YAAY,CAiFtC"}

package/dist/native/primitives/Popconfirm.js

@@ -0,0 +1,85 @@
+"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.Popconfirm = Popconfirm;
+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 confirmation bubble — the native mirror of the web `Popconfirm`. RN
+ * has no anchored DOM portal, so the confirm bubble opens in a centered `Modal`
+ * over a translucent backdrop rather than floating next to the trigger (native
+ * simplification). Mirrors the web `onConfirm` / `confirmLabel` / `cancelLabel`
+ * contract. No literal colors.
+ */
+function Popconfirm({ trigger, message, onConfirm, onCancel, confirmLabel = 'Confirm', cancelLabel = 'Cancel', }) {
+    const { colors, tokens } = (0, theme_1.useXenitionTheme)();
+    const [open, setOpen] = React.useState(false);
+    const cancel = () => {
+        onCancel?.();
+        setOpen(false);
+    };
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_native_1.Pressable, { accessibilityRole: "button", onPress: () => setOpen(true), children: trigger }), (0, jsx_runtime_1.jsx)(react_native_1.Modal, { visible: open, transparent: true, animationType: "fade", onRequestClose: cancel, 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: cancel, 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.View, { accessibilityRole: "alert", style: {
+                                width: 240,
+                                maxWidth: '100%',
+                                backgroundColor: colors.surface,
+                                borderColor: colors.border,
+                                borderWidth: 1,
+                                borderRadius: tokens.radius.md,
+                                padding: tokens.spacing.md,
+                            }, children: [typeof message === 'string' ? ((0, jsx_runtime_1.jsx)(react_native_1.Text, { style: { fontSize: 14, color: colors.onSurface, marginBottom: tokens.spacing.md }, children: message })) : ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: { marginBottom: tokens.spacing.md }, children: message })), (0, jsx_runtime_1.jsxs)(react_native_1.View, { style: { flexDirection: 'row', justifyContent: 'flex-end', gap: tokens.spacing.sm }, children: [(0, jsx_runtime_1.jsx)(react_native_1.Pressable, { accessibilityRole: "button", onPress: cancel, style: {
+                                                borderRadius: tokens.radius.sm,
+                                                paddingVertical: tokens.spacing.xs,
+                                                paddingHorizontal: tokens.spacing.sm,
+                                            }, children: (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: { fontSize: 12, color: colors.muted }, children: cancelLabel }) }), (0, jsx_runtime_1.jsx)(react_native_1.Pressable, { accessibilityRole: "button", onPress: () => {
+                                                onConfirm();
+                                                setOpen(false);
+                                            }, style: {
+                                                backgroundColor: colors.danger,
+                                                borderRadius: tokens.radius.sm,
+                                                paddingVertical: tokens.spacing.xs,
+                                                paddingHorizontal: tokens.spacing.sm,
+                                            }, children: (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: { fontSize: 12, color: colors.onPrimary }, children: confirmLabel }) })] })] })] }) })] }));
+}
+//# sourceMappingURL=Popconfirm.js.map

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

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

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

@@ -0,0 +1,23 @@
+import * as React from 'react';
+import { type StyleProp, type ViewStyle } from 'react-native';
+export interface PopoverProps {
+    /** Pressable trigger (`onClick`→`onPress`). */
+    trigger: React.ReactNode;
+    /** Panel content. */
+    children: React.ReactNode;
+    /** Horizontal placement of the panel within the overlay (default `start`). */
+    align?: 'start' | 'center' | 'end';
+    /** Optional controlled open state (mirrors the web open/onOpenChange pair). */
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * Themed popover — the native mirror of the web `Popover`. RN has no anchored
+ * DOM portal, so the panel opens in a `Modal` over a translucent backdrop
+ * instead of floating next to the trigger. `align` shifts the panel left /
+ * center / right within the overlay but does not anchor to the trigger's
+ * on-screen position (native simplification). No literal colors.
+ */
+export declare function Popover({ trigger, children, align, open, onOpenChange, style, }: PopoverProps): React.ReactElement;
+//# sourceMappingURL=Popover.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../src/native/primitives/Popover.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,YAAY;IAC3B,+CAA+C;IAC/C,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,qBAAqB;IACrB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,8EAA8E;IAC9E,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IACnC,+EAA+E;IAC/E,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED;;;;;;GAMG;AACH,wBAAgB,OAAO,CAAC,EACtB,OAAO,EACP,QAAQ,EACR,KAAe,EACf,IAAI,EACJ,YAAY,EACZ,KAAK,GACN,EAAE,YAAY,GAAG,KAAK,CAAC,YAAY,CAqDnC"}