@xenition/ui 0.1.0

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

@@ -0,0 +1,32 @@
+import * as React from 'react';
+import { type StyleProp, type ViewStyle } from 'react-native';
+export interface ComboboxOption {
+    label: string;
+    value: string;
+}
+export interface ComboboxProps {
+    /** The choices (RN has no `<option>` children — pass them as data). */
+    options: ComboboxOption[];
+    /** Controlled selected value. */
+    value?: string;
+    /** Fires with the chosen option's value. */
+    onValueChange?: (value: string) => void;
+    /** Shown on the trigger when nothing is selected, and as the search hint. */
+    placeholder?: string;
+    /** Renders the danger border state. */
+    invalid?: boolean;
+    disabled?: boolean;
+    accessibilityLabel?: string;
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * Searchable single-select (typeahead) — the native mirror of the web
+ * `Combobox`. RN has no `<input>`-with-listbox, so this is a token-bound
+ * `Pressable` trigger that opens a `Modal` holding a search `TextInput` (which
+ * filters `options` by label) plus keyboard-free `Pressable` option rows. Same
+ * `options`/`value`/`placeholder` contract as the web version; the web
+ * `onChange` becomes the native `onValueChange`, and (like the native `Select`)
+ * it adds `invalid`/`disabled`. No literal colors.
+ */
+export declare function Combobox({ options, value, onValueChange, placeholder, invalid, disabled, accessibilityLabel, style, }: ComboboxProps): React.ReactElement;
+//# sourceMappingURL=Combobox.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../src/native/primitives/Combobox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAOL,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAGtB,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,aAAa;IAC5B,uEAAuE;IACvE,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4CAA4C;IAC5C,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,6EAA6E;IAC7E,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,uCAAuC;IACvC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED;;;;;;;;GAQG;AACH,wBAAgB,QAAQ,CAAC,EACvB,OAAO,EACP,KAAK,EACL,aAAa,EACb,WAAuB,EACvB,OAAe,EACf,QAAgB,EAChB,kBAAkB,EAClB,KAAK,GACN,EAAE,aAAa,GAAG,KAAK,CAAC,YAAY,CAqJpC"}

package/dist/native/primitives/Combobox.js

@@ -0,0 +1,128 @@
+"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.Combobox = Combobox;
+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");
+/**
+ * Searchable single-select (typeahead) — the native mirror of the web
+ * `Combobox`. RN has no `<input>`-with-listbox, so this is a token-bound
+ * `Pressable` trigger that opens a `Modal` holding a search `TextInput` (which
+ * filters `options` by label) plus keyboard-free `Pressable` option rows. Same
+ * `options`/`value`/`placeholder` contract as the web version; the web
+ * `onChange` becomes the native `onValueChange`, and (like the native `Select`)
+ * it adds `invalid`/`disabled`. No literal colors.
+ */
+function Combobox({ options, value, onValueChange, placeholder = 'Search…', invalid = false, disabled = false, accessibilityLabel, style, }) {
+    const { colors, tokens } = (0, theme_1.useXenitionTheme)();
+    const [open, setOpen] = React.useState(false);
+    const [query, setQuery] = React.useState('');
+    const selected = options.find((o) => o.value === value);
+    const filtered = React.useMemo(() => {
+        const q = query.trim().toLowerCase();
+        if (!q)
+            return options;
+        return options.filter((o) => o.label.toLowerCase().includes(q));
+    }, [options, query]);
+    const close = () => {
+        setOpen(false);
+        setQuery('');
+    };
+    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: () => 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 ? selected.label : 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: close, children: (0, jsx_runtime_1.jsxs)(react_native_1.View, { style: { flex: 1, justifyContent: 'center', padding: tokens.spacing.lg }, children: [(0, jsx_runtime_1.jsx)(react_native_1.Pressable, { accessibilityLabel: "Close", onPress: close, 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: {
+                                maxHeight: '70%',
+                                backgroundColor: colors.surface,
+                                borderColor: colors.border,
+                                borderWidth: 1,
+                                borderRadius: tokens.radius.lg,
+                                overflow: 'hidden',
+                            }, children: [(0, jsx_runtime_1.jsx)(react_native_1.View, { style: { padding: tokens.spacing.md }, children: (0, jsx_runtime_1.jsx)(react_native_1.TextInput, { autoFocus: true, value: query, onChangeText: setQuery, placeholder: placeholder, placeholderTextColor: colors.muted, accessibilityLabel: "Filter options", style: {
+                                            color: colors.onSurface,
+                                            backgroundColor: colors.surface,
+                                            borderWidth: 1,
+                                            borderColor: colors.border,
+                                            borderRadius: tokens.radius.sm,
+                                            paddingVertical: tokens.spacing.sm,
+                                            paddingHorizontal: tokens.spacing.md,
+                                            fontSize: tokens.typography.scale.base,
+                                        } }) }), (0, jsx_runtime_1.jsx)(react_native_1.ScrollView, { keyboardShouldPersistTaps: "handled", children: filtered.length === 0 ? ((0, jsx_runtime_1.jsx)(react_native_1.Text, { style: {
+                                            color: colors.muted,
+                                            fontSize: tokens.typography.scale.sm,
+                                            paddingVertical: tokens.spacing.md,
+                                            paddingHorizontal: tokens.spacing.lg,
+                                        }, children: "No matches" })) : (filtered.map((opt) => {
+                                        const active = opt.value === value;
+                                        return ((0, jsx_runtime_1.jsx)(react_native_1.Pressable, { accessibilityRole: "menuitem", accessibilityState: { selected: active }, onPress: () => {
+                                                onValueChange?.(opt.value);
+                                                close();
+                                            }, style: ({ pressed }) => ({
+                                                paddingVertical: tokens.spacing.md,
+                                                paddingHorizontal: tokens.spacing.lg,
+                                                backgroundColor: pressed ? colors.border : 'transparent',
+                                            }), children: (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: {
+                                                    color: active ? colors.primary : colors.onSurface,
+                                                    fontSize: tokens.typography.scale.base,
+                                                    fontWeight: active ? '600' : '400',
+                                                }, children: opt.label }) }, opt.value));
+                                    })) })] })] }) })] }));
+}
+//# sourceMappingURL=Combobox.js.map

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

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

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

@@ -0,0 +1,43 @@
+import * as React from 'react';
+import { type DataTableColumn } from './DataTable';
+export type CrudFieldType = 'text' | 'textarea' | 'number' | 'select';
+export interface CrudField {
+    name: string;
+    label: string;
+    type?: CrudFieldType;
+    /** Options for `type: 'select'`. */
+    options?: {
+        label: string;
+        value: string;
+    }[];
+    required?: boolean;
+    placeholder?: string;
+}
+export interface CrudTableProps<T> {
+    title?: React.ReactNode;
+    columns: DataTableColumn<T>[];
+    rows: T[];
+    /** Form fields used for create + edit. */
+    fields: CrudField[];
+    getId: (row: T) => string;
+    onCreate: (values: Record<string, string>) => void | Promise<void>;
+    onUpdate: (id: string, values: Record<string, string>) => void | Promise<void>;
+    onDelete: (id: string) => void | Promise<void>;
+    /** Map a row → form values for editing (defaults to reading `field.name` off the row). */
+    toFormValues?: (row: T) => Record<string, string>;
+    loading?: boolean;
+    error?: string | null;
+    searchable?: boolean;
+    pageSize?: number;
+    createLabel?: string;
+}
+/**
+ * Full CRUD admin block in one component — the native mirror of the web
+ * `CrudTable`: a searchable/sortable/paginated `DataTable` + a "New" button + a
+ * create/edit `Modal` form (built from `fields`) + per-row Edit and
+ * delete-with-`Popconfirm`. SDK-agnostic — wire `onCreate/onUpdate/onDelete` to
+ * `@xenition/sdk` (or anything); no hardcoded endpoints. Themed, no literal
+ * colors.
+ */
+export declare function CrudTable<T>({ title, columns, rows, fields, getId, onCreate, onUpdate, onDelete, toFormValues, loading, error, searchable, pageSize, createLabel, }: CrudTableProps<T>): React.ReactElement;
+//# sourceMappingURL=CrudTable.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CrudTable.d.ts","sourceRoot":"","sources":["../../../src/native/primitives/CrudTable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAa,KAAK,eAAe,EAAE,MAAM,aAAa,CAAC;AAY9D,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,UAAU,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAEtE,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,oCAAoC;IACpC,OAAO,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAC7C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,cAAc,CAAC,CAAC;IAC/B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,OAAO,EAAE,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC;IAC9B,IAAI,EAAE,CAAC,EAAE,CAAC;IACV,0CAA0C;IAC1C,MAAM,EAAE,SAAS,EAAE,CAAC;IACpB,KAAK,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,MAAM,CAAC;IAC1B,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACnE,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/E,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/C,0FAA0F;IAC1F,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAClD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;;;;;;GAOG;AACH,wBAAgB,SAAS,CAAC,CAAC,EAAE,EAC3B,KAAK,EACL,OAAO,EACP,IAAI,EACJ,MAAM,EACN,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,YAAY,EACZ,OAAe,EACf,KAAY,EACZ,UAAiB,EACjB,QAAa,EACb,WAAmB,GACpB,EAAE,cAAc,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,YAAY,CAuKxC"}

package/dist/native/primitives/CrudTable.js

@@ -0,0 +1,128 @@
+"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.CrudTable = CrudTable;
+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 DataTable_1 = require("./DataTable");
+const Modal_1 = require("./Modal");
+const Form_1 = require("./Form");
+const Field_1 = require("./Field");
+const Input_1 = require("./Input");
+const Textarea_1 = require("./Textarea");
+const Select_1 = require("./Select");
+const Button_1 = require("./Button");
+const Alert_1 = require("./Alert");
+const Popconfirm_1 = require("./Popconfirm");
+const StatusMessage_1 = require("./StatusMessage");
+/**
+ * Full CRUD admin block in one component — the native mirror of the web
+ * `CrudTable`: a searchable/sortable/paginated `DataTable` + a "New" button + a
+ * create/edit `Modal` form (built from `fields`) + per-row Edit and
+ * delete-with-`Popconfirm`. SDK-agnostic — wire `onCreate/onUpdate/onDelete` to
+ * `@xenition/sdk` (or anything); no hardcoded endpoints. Themed, no literal
+ * colors.
+ */
+function CrudTable({ title, columns, rows, fields, getId, onCreate, onUpdate, onDelete, toFormValues, loading = false, error = null, searchable = true, pageSize = 10, createLabel = 'New', }) {
+    const { colors, tokens } = (0, theme_1.useXenitionTheme)();
+    const [open, setOpen] = React.useState(false);
+    const [editingId, setEditingId] = React.useState(null);
+    const [values, setValues] = React.useState({});
+    const [saving, setSaving] = React.useState(false);
+    const [formError, setFormError] = React.useState(null);
+    const emptyValues = () => Object.fromEntries(fields.map((f) => [f.name, '']));
+    const rowToValues = (row) => toFormValues
+        ? toFormValues(row)
+        : Object.fromEntries(fields.map((f) => [f.name, String(row[f.name] ?? '')]));
+    const openCreate = () => {
+        setEditingId(null);
+        setValues(emptyValues());
+        setFormError(null);
+        setOpen(true);
+    };
+    const openEdit = (row) => {
+        setEditingId(getId(row));
+        setValues(rowToValues(row));
+        setFormError(null);
+        setOpen(true);
+    };
+    const setField = (name, v) => setValues((s) => ({ ...s, [name]: v }));
+    const submit = async () => {
+        const missing = fields.find((f) => f.required && !(values[f.name] ?? '').trim());
+        if (missing) {
+            setFormError(`${missing.label} is required`);
+            return;
+        }
+        setSaving(true);
+        setFormError(null);
+        try {
+            if (editingId)
+                await onUpdate(editingId, values);
+            else
+                await onCreate(values);
+            setOpen(false);
+        }
+        catch (err) {
+            setFormError(err instanceof Error ? err.message : 'Save failed');
+        }
+        finally {
+            setSaving(false);
+        }
+    };
+    const actionsCol = {
+        key: '__actions',
+        header: '',
+        render: (row) => ((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)(Button_1.Button, { size: "sm", variant: "ghost", onPress: () => openEdit(row), children: "Edit" }), (0, jsx_runtime_1.jsx)(Popconfirm_1.Popconfirm, { trigger: (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: {
+                            color: colors.danger,
+                            fontSize: tokens.typography.scale.sm,
+                            fontWeight: '600',
+                            paddingHorizontal: tokens.spacing.sm,
+                            paddingVertical: tokens.spacing.xs,
+                        }, children: "Delete" }), message: "Delete this item?", confirmLabel: "Delete", onConfirm: () => onDelete(getId(row)) })] })),
+    };
+    return ((0, jsx_runtime_1.jsxs)(react_native_1.View, { style: { gap: tokens.spacing.lg }, children: [(0, jsx_runtime_1.jsxs)(react_native_1.View, { style: {
+                    flexDirection: 'row',
+                    alignItems: 'center',
+                    justifyContent: 'space-between',
+                    gap: tokens.spacing.md,
+                }, 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,
+                        }, children: title })) : (title)) : ((0, jsx_runtime_1.jsx)(react_native_1.View, {})), (0, jsx_runtime_1.jsx)(Button_1.Button, { onPress: openCreate, children: createLabel })] }), error ? (0, jsx_runtime_1.jsx)(Alert_1.Alert, { tone: "danger", children: error }) : null, loading ? ((0, jsx_runtime_1.jsx)(StatusMessage_1.StatusMessage, { state: "loading" })) : ((0, jsx_runtime_1.jsx)(DataTable_1.DataTable, { columns: [...columns, actionsCol], rows: rows, searchable: searchable, pageSize: pageSize, getRowKey: (r) => getId(r) })), (0, jsx_runtime_1.jsx)(Modal_1.Modal, { open: open, onClose: () => setOpen(false), title: editingId ? 'Edit' : createLabel, children: (0, jsx_runtime_1.jsxs)(Form_1.Form, { children: [formError ? (0, jsx_runtime_1.jsx)(Alert_1.Alert, { tone: "danger", children: formError }) : null, fields.map((f) => ((0, jsx_runtime_1.jsx)(Field_1.Field, { label: f.label, required: f.required, children: f.type === 'textarea' ? ((0, jsx_runtime_1.jsx)(Textarea_1.Textarea, { value: values[f.name] ?? '', onChangeText: (t) => setField(f.name, t), placeholder: f.placeholder, accessibilityLabel: f.label })) : f.type === 'select' ? ((0, jsx_runtime_1.jsx)(Select_1.Select, { value: values[f.name] ?? '', onValueChange: (v) => setField(f.name, v), options: f.options ?? [], placeholder: f.placeholder ?? 'Select…', accessibilityLabel: f.label })) : ((0, jsx_runtime_1.jsx)(Input_1.Input, { value: values[f.name] ?? '', onChangeText: (t) => setField(f.name, t), placeholder: f.placeholder, keyboardType: f.type === 'number' ? 'numeric' : 'default', accessibilityLabel: f.label })) }, f.name))), (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)(Button_1.Button, { variant: "ghost", onPress: () => setOpen(false), children: "Cancel" }), (0, jsx_runtime_1.jsx)(Button_1.Button, { onPress: submit, disabled: saving, loading: saving, children: saving ? 'Saving…' : 'Save' })] })] }) })] }));
+}
+//# sourceMappingURL=CrudTable.js.map

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

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

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

@@ -0,0 +1,36 @@
+import * as React from 'react';
+import { type StyleProp, type ViewStyle } from 'react-native';
+export interface DataTableColumn<T> {
+    key: string;
+    header: React.ReactNode;
+    /** Custom cell renderer; falls back to `String(accessor(row))`. */
+    render?: (row: T) => React.ReactNode;
+    /** Enable tap-to-sort on this column header. */
+    sortable?: boolean;
+    /** Value used for sort + search (defaults to `row[key]`). */
+    accessor?: (row: T) => string | number;
+}
+export interface DataTableProps<T> {
+    columns: DataTableColumn<T>[];
+    rows: T[];
+    /** Rows per page (default 10). */
+    pageSize?: number;
+    /** Show a search box that filters across accessors. */
+    searchable?: boolean;
+    getRowKey?: (row: T, index: number) => string;
+    /** Fires when a row is tapped (native mirror of the web `onRowClick`). */
+    onRowClick?: (row: T) => void;
+    empty?: React.ReactNode;
+    /** Wrapper style override (native mirror of the web `className`). */
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * Sortable, searchable, paginated data table — the native mirror of the web
+ * `DataTable`. RN has no `<table>`, so the layout is View/Text rows with
+ * `flex: 1` columns (as the native `Table`); tap a `sortable` header to toggle
+ * asc → desc → none, the search box filters across accessors, and it composes
+ * the native `Pagination`. Client-side, token-bound, no literal colors. For a
+ * full create/edit/delete screen use `CrudTable`.
+ */
+export declare function DataTable<T>({ columns, rows, pageSize, searchable, getRowKey, onRowClick, empty, style, }: DataTableProps<T>): React.ReactElement;
+//# sourceMappingURL=DataTable.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../../src/native/primitives/DataTable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAyB,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAKrF,MAAM,WAAW,eAAe,CAAC,CAAC;IAChC,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,mEAAmE;IACnE,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;IACrC,gDAAgD;IAChD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,MAAM,GAAG,MAAM,CAAC;CACxC;AAED,MAAM,WAAW,cAAc,CAAC,CAAC;IAC/B,OAAO,EAAE,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC;IAC9B,IAAI,EAAE,CAAC,EAAE,CAAC;IACV,kCAAkC;IAClC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,uDAAuD;IACvD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAC9C,0EAA0E;IAC1E,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,IAAI,CAAC;IAC9B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,qEAAqE;IACrE,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED;;;;;;;GAOG;AACH,wBAAgB,SAAS,CAAC,CAAC,EAAE,EAC3B,OAAO,EACP,IAAI,EACJ,QAAa,EACb,UAAkB,EAClB,SAAS,EACT,UAAU,EACV,KAAiB,EACjB,KAAK,GACN,EAAE,cAAc,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,YAAY,CAoMxC"}

package/dist/native/primitives/DataTable.js

@@ -0,0 +1,131 @@
+"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.DataTable = DataTable;
+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 Input_1 = require("./Input");
+const Pagination_1 = require("./Pagination");
+/**
+ * Sortable, searchable, paginated data table — the native mirror of the web
+ * `DataTable`. RN has no `<table>`, so the layout is View/Text rows with
+ * `flex: 1` columns (as the native `Table`); tap a `sortable` header to toggle
+ * asc → desc → none, the search box filters across accessors, and it composes
+ * the native `Pagination`. Client-side, token-bound, no literal colors. For a
+ * full create/edit/delete screen use `CrudTable`.
+ */
+function DataTable({ columns, rows, pageSize = 10, searchable = false, getRowKey, onRowClick, empty = 'No data', style, }) {
+    const { colors, tokens } = (0, theme_1.useXenitionTheme)();
+    const [sort, setSort] = React.useState(null);
+    const [query, setQuery] = React.useState('');
+    const [page, setPage] = React.useState(1);
+    const accessorFor = React.useCallback((col) => col.accessor ?? ((row) => row[col.key]), []);
+    const filtered = React.useMemo(() => {
+        if (!searchable || !query.trim())
+            return rows;
+        const q = query.toLowerCase();
+        return rows.filter((r) => columns.some((c) => String(accessorFor(c)(r) ?? '').toLowerCase().includes(q)));
+    }, [rows, query, searchable, columns, accessorFor]);
+    const sorted = React.useMemo(() => {
+        if (!sort)
+            return filtered;
+        const col = columns.find((c) => c.key === sort.key);
+        if (!col)
+            return filtered;
+        const acc = accessorFor(col);
+        const copy = [...filtered].sort((a, b) => {
+            const av = acc(a);
+            const bv = acc(b);
+            if (av < bv)
+                return -1;
+            if (av > bv)
+                return 1;
+            return 0;
+        });
+        return sort.dir === 'asc' ? copy : copy.reverse();
+    }, [filtered, sort, columns, accessorFor]);
+    const pageCount = Math.max(1, Math.ceil(sorted.length / pageSize));
+    const current = Math.min(page, pageCount);
+    const pageRows = sorted.slice((current - 1) * pageSize, current * pageSize);
+    const toggleSort = (key) => setSort((s) => s && s.key === key ? (s.dir === 'asc' ? { key, dir: 'desc' } : null) : { key, dir: 'asc' });
+    const cell = {
+        flex: 1,
+        paddingHorizontal: tokens.spacing.md,
+        paddingVertical: tokens.spacing.sm,
+    };
+    return ((0, jsx_runtime_1.jsxs)(react_native_1.View, { style: [{ gap: tokens.spacing.md }, style], children: [searchable ? ((0, jsx_runtime_1.jsx)(Input_1.Input, { value: query, onChangeText: (t) => {
+                    setQuery(t);
+                    setPage(1);
+                }, placeholder: "Search\u2026", accessibilityLabel: "Search" })) : null, (0, jsx_runtime_1.jsxs)(react_native_1.View, { style: {
+                    borderWidth: 1,
+                    borderColor: colors.border,
+                    borderRadius: tokens.radius.md,
+                    overflow: 'hidden',
+                }, children: [(0, jsx_runtime_1.jsx)(react_native_1.View, { style: {
+                            flexDirection: 'row',
+                            backgroundColor: colors.surface,
+                            borderBottomWidth: 1,
+                            borderColor: colors.border,
+                        }, children: columns.map((c) => {
+                            const active = sort?.key === c.key;
+                            const indicator = active ? (sort?.dir === 'asc' ? '▲' : '▼') : '⇅';
+                            const headerNode = typeof c.header === 'string' ? ((0, jsx_runtime_1.jsx)(react_native_1.Text, { style: {
+                                    color: colors.muted,
+                                    fontSize: tokens.typography.scale.sm,
+                                    fontWeight: '500',
+                                }, children: c.header })) : (c.header);
+                            const inner = ((0, jsx_runtime_1.jsxs)(react_native_1.View, { style: { flexDirection: 'row', alignItems: 'center', gap: tokens.spacing.xs }, children: [headerNode, c.sortable ? ((0, jsx_runtime_1.jsx)(react_native_1.Text, { style: { color: colors.muted, fontSize: tokens.typography.scale.xs }, children: indicator })) : null] }));
+                            return c.sortable ? ((0, jsx_runtime_1.jsx)(react_native_1.Pressable, { accessibilityRole: "button", accessibilityState: { selected: active }, onPress: () => toggleSort(c.key), style: cell, children: inner }, c.key)) : ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: cell, children: inner }, c.key));
+                        }) }), pageRows.length === 0 ? ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: { paddingVertical: tokens.spacing.xl, paddingHorizontal: tokens.spacing.md }, children: typeof empty === 'string' ? ((0, jsx_runtime_1.jsx)(react_native_1.Text, { style: {
+                                color: colors.muted,
+                                fontSize: tokens.typography.scale.sm,
+                                textAlign: 'center',
+                            }, children: empty })) : (empty) })) : (pageRows.map((row, i) => {
+                        const rowNode = ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: { flexDirection: 'row' }, children: columns.map((c) => {
+                                const content = c.render
+                                    ? c.render(row)
+                                    : String(accessorFor(c)(row) ?? '');
+                                return ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: cell, children: typeof content === 'string' ? ((0, jsx_runtime_1.jsx)(react_native_1.Text, { style: { color: colors.onSurface, fontSize: tokens.typography.scale.base }, children: content })) : (content) }, c.key));
+                            }) }));
+                        const rowStyle = {
+                            borderBottomWidth: i === pageRows.length - 1 ? 0 : 1,
+                            borderColor: colors.border,
+                        };
+                        return onRowClick ? ((0, jsx_runtime_1.jsx)(react_native_1.Pressable, { accessibilityRole: "button", onPress: () => onRowClick(row), style: rowStyle, children: rowNode }, getRowKey ? getRowKey(row, i) : String(i))) : ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: rowStyle, children: rowNode }, getRowKey ? getRowKey(row, i) : String(i)));
+                    }))] }), pageCount > 1 ? ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: { flexDirection: 'row', justifyContent: 'flex-end' }, children: (0, jsx_runtime_1.jsx)(Pagination_1.Pagination, { page: current, pageCount: pageCount, onPageChange: setPage }) })) : null] }));
+}
+//# sourceMappingURL=DataTable.js.map

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

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

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

@@ -0,0 +1,32 @@
+import * as React from 'react';
+import { type StyleProp, type ViewStyle } from 'react-native';
+export interface DatePickerProps {
+    /** Selected date — an ISO `YYYY-MM-DD` string or a `Date`. */
+    value?: string | Date | null;
+    /** Fires with the chosen civil date as an ISO `YYYY-MM-DD` string. */
+    onChange?: (value: string) => void;
+    /** Earliest selectable date (ISO `YYYY-MM-DD` or `Date`). */
+    min?: string | Date;
+    /** Latest selectable date (ISO `YYYY-MM-DD` or `Date`). */
+    max?: string | Date;
+    /** Shown on the trigger when no date is selected. */
+    placeholder?: string;
+    /** Renders the danger border state. */
+    invalid?: boolean;
+    disabled?: boolean;
+    /** Locale for the month/weekday labels and the trigger's long date. */
+    locale?: string;
+    accessibilityLabel?: string;
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * 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.
+ */
+export declare function DatePicker({ value, onChange, min, max, placeholder, invalid, disabled, locale, accessibilityLabel, style, }: DatePickerProps): React.ReactElement;
+//# sourceMappingURL=DatePicker.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../src/native/primitives/DatePicker.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,eAAe;IAC9B,8DAA8D;IAC9D,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,CAAC;IAC7B,sEAAsE;IACtE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,6DAA6D;IAC7D,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,2DAA2D;IAC3D,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,qDAAqD;IACrD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,uCAAuC;IACvC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uEAAuE;IACvE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAsDD;;;;;;;;GAQG;AACH,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,QAAQ,EACR,GAAG,EACH,GAAG,EACH,WAA6B,EAC7B,OAAe,EACf,QAAgB,EAChB,MAAM,EACN,kBAAkB,EAClB,KAAK,GACN,EAAE,eAAe,GAAG,KAAK,CAAC,YAAY,CAgOtC"}