@xenition/ui 0.1.0

package/dist/native/primitives/Popover.js

@@ -0,0 +1,80 @@
+"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.Popover = Popover;
+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 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.
+ */
+function Popover({ trigger, children, align = 'start', open, onOpenChange, style, }) {
+    const { colors, tokens } = (0, theme_1.useXenitionTheme)();
+    const [internalOpen, setInternalOpen] = React.useState(false);
+    const isControlled = open !== undefined;
+    const isOpen = isControlled ? open : internalOpen;
+    const setOpen = (next) => {
+        if (!isControlled)
+            setInternalOpen(next);
+        onOpenChange?.(next);
+    };
+    const alignItems = align === 'end' ? 'flex-end' : align === 'center' ? 'center' : 'flex-start';
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_native_1.Pressable, { accessibilityRole: "button", onPress: () => setOpen(!isOpen), children: trigger }), (0, jsx_runtime_1.jsx)(react_native_1.Modal, { visible: isOpen, transparent: true, animationType: "fade", onRequestClose: () => setOpen(false), children: (0, jsx_runtime_1.jsxs)(react_native_1.View, { style: { flex: 1, justifyContent: 'center', alignItems, 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, { accessibilityViewIsModal: true, style: [
+                                {
+                                    minWidth: 192,
+                                    maxWidth: '100%',
+                                    backgroundColor: colors.surface,
+                                    borderColor: colors.border,
+                                    borderWidth: 1,
+                                    borderRadius: tokens.radius.md,
+                                    padding: tokens.spacing.sm,
+                                },
+                                style,
+                            ], children: children })] }) })] }));
+}
+//# sourceMappingURL=Popover.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.js","sourceRoot":"","sources":["../../../src/native/primitives/Popover.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8BA,0BA4DC;;AA1FD,6CAA+B;AAC/B,+CAMsB;AACtB,oCAA4C;AAe5C;;;;;;GAMG;AACH,SAAgB,OAAO,CAAC,EACtB,OAAO,EACP,QAAQ,EACR,KAAK,GAAG,OAAO,EACf,IAAI,EACJ,YAAY,EACZ,KAAK,GACQ;IACb,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,IAAA,wBAAgB,GAAE,CAAC;IAC9C,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9D,MAAM,YAAY,GAAG,IAAI,KAAK,SAAS,CAAC;IACxC,MAAM,MAAM,GAAG,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,YAAY,CAAC;IAClD,MAAM,OAAO,GAAG,CAAC,IAAa,EAAQ,EAAE;QACtC,IAAI,CAAC,YAAY;YAAE,eAAe,CAAC,IAAI,CAAC,CAAC;QACzC,YAAY,EAAE,CAAC,IAAI,CAAC,CAAC;IACvB,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,KAAK,KAAK,KAAK,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC;IAE/F,OAAO,CACL,6DACE,uBAAC,wBAAS,IAAC,iBAAiB,EAAC,QAAQ,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,YAClE,OAAO,GACE,EACZ,uBAAC,oBAAK,IAAC,OAAO,EAAE,MAAM,EAAE,WAAW,QAAC,aAAa,EAAC,MAAM,EAAC,cAAc,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,YAC3F,wBAAC,mBAAI,IAAC,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,cAAc,EAAE,QAAQ,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE,EAAE,aACxF,uBAAC,wBAAS,IACR,kBAAkB,EAAC,OAAO,EAC1B,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAC7B,KAAK,EAAE;gCACL,QAAQ,EAAE,UAAU;gCACpB,GAAG,EAAE,CAAC;gCACN,IAAI,EAAE,CAAC;gCACP,KAAK,EAAE,CAAC;gCACR,MAAM,EAAE,CAAC;gCACT,eAAe,EAAE,MAAM,CAAC,SAAS;gCACjC,OAAO,EAAE,GAAG;6BACb,GACD,EACF,uBAAC,mBAAI,IACH,wBAAwB,QACxB,KAAK,EAAE;gCACL;oCACE,QAAQ,EAAE,GAAG;oCACb,QAAQ,EAAE,MAAM;oCAChB,eAAe,EAAE,MAAM,CAAC,OAAO;oCAC/B,WAAW,EAAE,MAAM,CAAC,MAAM;oCAC1B,WAAW,EAAE,CAAC;oCACd,YAAY,EAAE,MAAM,CAAC,MAAM,CAAC,EAAE;oCAC9B,OAAO,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE;iCAC3B;gCACD,KAAK;6BACN,YAEA,QAAQ,GACJ,IACF,GACD,IACP,CACJ,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,22 @@
+import * as React from 'react';
+import { type StyleProp, type ViewStyle } from 'react-native';
+export type ProgressTone = 'primary' | 'success' | 'warn' | 'danger';
+export interface ProgressProps {
+    /** Current value. */
+    value: number;
+    /** Maximum value (default 100). */
+    max?: number;
+    tone?: ProgressTone;
+    /** Bar thickness. */
+    size?: 'sm' | 'md';
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * Linear progress bar — the native mirror of the web `Progress`. A token-styled
+ * track with a colored fill sized to `value/max` (clamped to [0, max]). The
+ * fill color keys off the tone (`warn`→accent, since there is no warning slot in
+ * the primitive token whitelist). The web `Progress` is bar-only — there is no
+ * circular variant to simplify away. No literal colors.
+ */
+export declare function Progress({ value, max, tone, size, style, }: ProgressProps): React.ReactElement;
+//# sourceMappingURL=Progress.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Progress.d.ts","sourceRoot":"","sources":["../../../src/native/primitives/Progress.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAQ,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAGpE,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,GAAG,QAAQ,CAAC;AAErE,MAAM,WAAW,aAAa;IAC5B,qBAAqB;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,mCAAmC;IACnC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,qBAAqB;IACrB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAID;;;;;;GAMG;AACH,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,GAAS,EACT,IAAgB,EAChB,IAAW,EACX,KAAK,GACN,EAAE,aAAa,GAAG,KAAK,CAAC,YAAY,CAoCpC"}

package/dist/native/primitives/Progress.js

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Progress = Progress;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_native_1 = require("react-native");
+const theme_1 = require("../theme");
+const HEIGHT = { sm: 6, md: 10 };
+/**
+ * Linear progress bar — the native mirror of the web `Progress`. A token-styled
+ * track with a colored fill sized to `value/max` (clamped to [0, max]). The
+ * fill color keys off the tone (`warn`→accent, since there is no warning slot in
+ * the primitive token whitelist). The web `Progress` is bar-only — there is no
+ * circular variant to simplify away. No literal colors.
+ */
+function Progress({ value, max = 100, tone = 'primary', size = 'md', style, }) {
+    const { colors, tokens } = (0, theme_1.useXenitionTheme)();
+    const fill = {
+        primary: colors.primary,
+        success: colors.success,
+        warn: colors.accent,
+        danger: colors.danger,
+    };
+    const pct = Math.max(0, Math.min(100, max > 0 ? (value / max) * 100 : 0));
+    return ((0, jsx_runtime_1.jsx)(react_native_1.View, { accessibilityRole: "progressbar", accessibilityValue: { min: 0, max, now: value }, style: [
+            {
+                width: '100%',
+                height: HEIGHT[size],
+                borderRadius: tokens.radius.full,
+                backgroundColor: colors.border,
+                overflow: 'hidden',
+            },
+            style,
+        ], children: (0, jsx_runtime_1.jsx)(react_native_1.View, { style: {
+                height: '100%',
+                width: `${pct}%`,
+                borderRadius: tokens.radius.full,
+                backgroundColor: fill[tone],
+            } }) }));
+}
+//# sourceMappingURL=Progress.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Progress.js","sourceRoot":"","sources":["../../../src/native/primitives/Progress.tsx"],"names":[],"mappings":";;AA0BA,4BA0CC;;AAnED,+CAAoE;AACpE,oCAA4C;AAe5C,MAAM,MAAM,GAAuD,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC;AAErF;;;;;;GAMG;AACH,SAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,GAAG,GAAG,GAAG,EACT,IAAI,GAAG,SAAS,EAChB,IAAI,GAAG,IAAI,EACX,KAAK,GACS;IACd,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,IAAA,wBAAgB,GAAE,CAAC;IAE9C,MAAM,IAAI,GAAiC;QACzC,OAAO,EAAE,MAAM,CAAC,OAAO;QACvB,OAAO,EAAE,MAAM,CAAC,OAAO;QACvB,IAAI,EAAE,MAAM,CAAC,MAAM;QACnB,MAAM,EAAE,MAAM,CAAC,MAAM;KACtB,CAAC;IACF,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAE1E,OAAO,CACL,uBAAC,mBAAI,IACH,iBAAiB,EAAC,aAAa,EAC/B,kBAAkB,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,EAC/C,KAAK,EAAE;YACL;gBACE,KAAK,EAAE,MAAM;gBACb,MAAM,EAAE,MAAM,CAAC,IAAI,CAAC;gBACpB,YAAY,EAAE,MAAM,CAAC,MAAM,CAAC,IAAI;gBAChC,eAAe,EAAE,MAAM,CAAC,MAAM;gBAC9B,QAAQ,EAAE,QAAQ;aACnB;YACD,KAAK;SACN,YAED,uBAAC,mBAAI,IACH,KAAK,EAAE;gBACL,MAAM,EAAE,MAAM;gBACd,KAAK,EAAE,GAAG,GAAG,GAAG;gBAChB,YAAY,EAAE,MAAM,CAAC,MAAM,CAAC,IAAI;gBAChC,eAAe,EAAE,IAAI,CAAC,IAAI,CAAC;aAC5B,GACD,GACG,CACR,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,26 @@
+import * as React from 'react';
+import { type StyleProp, type ViewStyle } from 'react-native';
+export interface RadioOption {
+    label: React.ReactNode;
+    value: string;
+    disabled?: boolean;
+}
+export interface RadioGroupProps {
+    /** The choices (RN has no `<input type=radio>` children — pass them as data). */
+    options: RadioOption[];
+    /** Controlled selected value. */
+    value: string;
+    /** Fires with the chosen option's value (web `onChange`, renamed for native). */
+    onValueChange?: (value: string) => void;
+    /** Accepted for web parity; native has no form-name semantics (no-op). */
+    name?: string;
+    orientation?: 'vertical' | 'horizontal';
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * Single-choice radio group — the native mirror of the web `RadioGroup`. A
+ * token-bound `Pressable` row per option with a filled dot for the selection.
+ * No literal colors.
+ */
+export declare function RadioGroup({ options, value, onValueChange, orientation, style, }: RadioGroupProps): React.ReactElement;
+//# sourceMappingURL=RadioGroup.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../../src/native/primitives/RadioGroup.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,WAAW;IAC1B,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,eAAe;IAC9B,iFAAiF;IACjF,OAAO,EAAE,WAAW,EAAE,CAAC;IACvB,iCAAiC;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,iFAAiF;IACjF,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,0EAA0E;IAC1E,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IACxC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAKD;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,EACzB,OAAO,EACP,KAAK,EACL,aAAa,EACb,WAAwB,EACxB,KAAK,GACN,EAAE,eAAe,GAAG,KAAK,CAAC,YAAY,CAiEtC"}

package/dist/native/primitives/RadioGroup.js

@@ -0,0 +1,47 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RadioGroup = RadioGroup;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_native_1 = require("react-native");
+const theme_1 = require("../theme");
+const DOT = 20;
+const INNER = 10;
+/**
+ * Single-choice radio group — the native mirror of the web `RadioGroup`. A
+ * token-bound `Pressable` row per option with a filled dot for the selection.
+ * No literal colors.
+ */
+function RadioGroup({ options, value, onValueChange, orientation = 'vertical', style, }) {
+    const { colors, tokens } = (0, theme_1.useXenitionTheme)();
+    return ((0, jsx_runtime_1.jsx)(react_native_1.View, { accessibilityRole: "radiogroup", style: [
+            {
+                flexDirection: orientation === 'vertical' ? 'column' : 'row',
+                flexWrap: orientation === 'horizontal' ? 'wrap' : 'nowrap',
+                gap: tokens.spacing.sm,
+            },
+            style,
+        ], children: options.map((o) => {
+            const selected = o.value === value;
+            return ((0, jsx_runtime_1.jsxs)(react_native_1.Pressable, { accessibilityRole: "radio", accessibilityState: { selected, disabled: o.disabled }, disabled: o.disabled, onPress: () => onValueChange?.(o.value), style: {
+                    flexDirection: 'row',
+                    alignItems: 'center',
+                    gap: tokens.spacing.sm,
+                    opacity: o.disabled ? 0.5 : 1,
+                }, children: [(0, jsx_runtime_1.jsx)(react_native_1.View, { style: {
+                            width: DOT,
+                            height: DOT,
+                            borderRadius: tokens.radius.full,
+                            borderWidth: 1,
+                            borderColor: selected ? colors.primary : colors.border,
+                            backgroundColor: colors.surface,
+                            alignItems: 'center',
+                            justifyContent: 'center',
+                        }, children: selected ? ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: {
+                                width: INNER,
+                                height: INNER,
+                                borderRadius: tokens.radius.full,
+                                backgroundColor: colors.primary,
+                            } })) : null }), typeof o.label === 'string' ? ((0, jsx_runtime_1.jsx)(react_native_1.Text, { style: { color: colors.onSurface, fontSize: tokens.typography.scale.sm }, children: o.label })) : (o.label)] }, o.value));
+        }) }));
+}
+//# sourceMappingURL=RadioGroup.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup.js","sourceRoot":"","sources":["../../../src/native/primitives/RadioGroup.tsx"],"names":[],"mappings":";;AA+BA,gCAuEC;;AArGD,+CAAqF;AACrF,oCAA4C;AAqB5C,MAAM,GAAG,GAAG,EAAE,CAAC;AACf,MAAM,KAAK,GAAG,EAAE,CAAC;AAEjB;;;;GAIG;AACH,SAAgB,UAAU,CAAC,EACzB,OAAO,EACP,KAAK,EACL,aAAa,EACb,WAAW,GAAG,UAAU,EACxB,KAAK,GACW;IAChB,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,IAAA,wBAAgB,GAAE,CAAC;IAC9C,OAAO,CACL,uBAAC,mBAAI,IACH,iBAAiB,EAAC,YAAY,EAC9B,KAAK,EAAE;YACL;gBACE,aAAa,EAAE,WAAW,KAAK,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK;gBAC5D,QAAQ,EAAE,WAAW,KAAK,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ;gBAC1D,GAAG,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE;aACvB;YACD,KAAK;SACN,YAEA,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE;YACjB,MAAM,QAAQ,GAAG,CAAC,CAAC,KAAK,KAAK,KAAK,CAAC;YACnC,OAAO,CACL,wBAAC,wBAAS,IAER,iBAAiB,EAAC,OAAO,EACzB,kBAAkB,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC,QAAQ,EAAE,EACtD,QAAQ,EAAE,CAAC,CAAC,QAAQ,EACpB,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,EACvC,KAAK,EAAE;oBACL,aAAa,EAAE,KAAK;oBACpB,UAAU,EAAE,QAAQ;oBACpB,GAAG,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE;oBACtB,OAAO,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;iBAC9B,aAED,uBAAC,mBAAI,IACH,KAAK,EAAE;4BACL,KAAK,EAAE,GAAG;4BACV,MAAM,EAAE,GAAG;4BACX,YAAY,EAAE,MAAM,CAAC,MAAM,CAAC,IAAI;4BAChC,WAAW,EAAE,CAAC;4BACd,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM;4BACtD,eAAe,EAAE,MAAM,CAAC,OAAO;4BAC/B,UAAU,EAAE,QAAQ;4BACpB,cAAc,EAAE,QAAQ;yBACzB,YAEA,QAAQ,CAAC,CAAC,CAAC,CACV,uBAAC,mBAAI,IACH,KAAK,EAAE;gCACL,KAAK,EAAE,KAAK;gCACZ,MAAM,EAAE,KAAK;gCACb,YAAY,EAAE,MAAM,CAAC,MAAM,CAAC,IAAI;gCAChC,eAAe,EAAE,MAAM,CAAC,OAAO;6BAChC,GACD,CACH,CAAC,CAAC,CAAC,IAAI,GACH,EACN,OAAO,CAAC,CAAC,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,CAC7B,uBAAC,mBAAI,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,CAAC,SAAS,EAAE,QAAQ,EAAE,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,EAAE,YAC3E,CAAC,CAAC,KAAK,GACH,CACR,CAAC,CAAC,CAAC,CACF,CAAC,CAAC,KAAK,CACR,KAzCI,CAAC,CAAC,KAAK,CA0CF,CACb,CAAC;QACJ,CAAC,CAAC,GACG,CACR,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,28 @@
+import * as React from 'react';
+import { type StyleProp, type ViewStyle } from 'react-native';
+export type RatingSize = 'sm' | 'md' | 'lg';
+export interface RatingProps {
+    /** The rating value; filled glyphs are drawn up to `Math.round(value)`. */
+    value: number;
+    /** Total number of glyphs (default 5). */
+    max?: number;
+    /** Glyph size (default `md`). */
+    size?: RatingSize;
+    /** Render the numeric value after the glyphs. */
+    showValue?: boolean;
+    /**
+     * Custom accessible name. Defaults to `"{value} out of {max} stars"`. The
+     * row is announced as one `image`; the glyphs carry no separate a11y text.
+     */
+    label?: string;
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * A ★ rating row — the native mirror of the web `Rating`. Draws `max` glyphs:
+ * filled (the `accent` token) up to the rounded `value`, empty (the `muted`
+ * token) after. The whole row is one accessible `image` with an aria-label
+ * (`"{value} out of {max} stars"` or a custom `label`); optional trailing
+ * numeric value. Token-only — no literal colors.
+ */
+export declare function Rating({ value, max, size, showValue, label, style, }: RatingProps): React.ReactElement;
+//# sourceMappingURL=Rating.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Rating.d.ts","sourceRoot":"","sources":["../../../src/native/primitives/Rating.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,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE5C,MAAM,WAAW,WAAW;IAC1B,2EAA2E;IAC3E,KAAK,EAAE,MAAM,CAAC;IACd,0CAA0C;IAC1C,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,iCAAiC;IACjC,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,iDAAiD;IACjD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAUD;;;;;;GAMG;AACH,wBAAgB,MAAM,CAAC,EACrB,KAAK,EACL,GAAO,EACP,IAAW,EACX,SAAiB,EACjB,KAAK,EACL,KAAK,GACN,EAAE,WAAW,GAAG,KAAK,CAAC,YAAY,CA4ClC"}

package/dist/native/primitives/Rating.js

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Rating = Rating;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_native_1 = require("react-native");
+const theme_1 = require("../theme");
+const SIZE_KEY = {
+    sm: 'sm',
+    md: 'base',
+    lg: 'xl',
+};
+const STAR = '★'; // ★
+/**
+ * A ★ rating row — the native mirror of the web `Rating`. Draws `max` glyphs:
+ * filled (the `accent` token) up to the rounded `value`, empty (the `muted`
+ * token) after. The whole row is one accessible `image` with an aria-label
+ * (`"{value} out of {max} stars"` or a custom `label`); optional trailing
+ * numeric value. Token-only — no literal colors.
+ */
+function Rating({ value, max = 5, size = 'md', showValue = false, label, style, }) {
+    const { colors, tokens } = (0, theme_1.useXenitionTheme)();
+    const total = Math.max(0, Math.floor(max));
+    const filled = Math.max(0, Math.min(total, Math.round(value)));
+    const fontSize = tokens.typography.scale[SIZE_KEY[size]];
+    const ariaLabel = label ?? `${value} out of ${total} stars`;
+    return ((0, jsx_runtime_1.jsxs)(react_native_1.View, { accessible: true, accessibilityRole: "image", accessibilityLabel: ariaLabel, style: [
+            { flexDirection: 'row', alignItems: 'center', gap: tokens.spacing.xs },
+            style,
+        ], children: [(0, jsx_runtime_1.jsx)(react_native_1.View, { style: { flexDirection: 'row' }, children: Array.from({ length: total }, (_, i) => ((0, jsx_runtime_1.jsx)(react_native_1.Text, { style: {
+                        color: i < filled ? colors.accent : colors.muted,
+                        fontSize,
+                        letterSpacing: 1,
+                    }, children: STAR }, i))) }), showValue ? ((0, jsx_runtime_1.jsx)(react_native_1.Text, { style: {
+                    color: colors.onSurface,
+                    fontSize: tokens.typography.scale.sm,
+                    fontWeight: '600',
+                }, children: String(value) })) : null] }));
+}
+//# sourceMappingURL=Rating.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Rating.js","sourceRoot":"","sources":["../../../src/native/primitives/Rating.tsx"],"names":[],"mappings":";;AAsCA,wBAmDC;;AAxFD,+CAA0E;AAC1E,oCAA4C;AAqB5C,MAAM,QAAQ,GAA6C;IACzD,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,MAAM;IACV,EAAE,EAAE,IAAI;CACT,CAAC;AAEF,MAAM,IAAI,GAAG,GAAG,CAAC,CAAC,IAAI;AAEtB;;;;;;GAMG;AACH,SAAgB,MAAM,CAAC,EACrB,KAAK,EACL,GAAG,GAAG,CAAC,EACP,IAAI,GAAG,IAAI,EACX,SAAS,GAAG,KAAK,EACjB,KAAK,EACL,KAAK,GACO;IACZ,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,IAAA,wBAAgB,GAAE,CAAC;IAC9C,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC;IAC3C,MAAM,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;IAC/D,MAAM,QAAQ,GAAG,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC;IACzD,MAAM,SAAS,GAAG,KAAK,IAAI,GAAG,KAAK,WAAW,KAAK,QAAQ,CAAC;IAE5D,OAAO,CACL,wBAAC,mBAAI,IACH,UAAU,QACV,iBAAiB,EAAC,OAAO,EACzB,kBAAkB,EAAE,SAAS,EAC7B,KAAK,EAAE;YACL,EAAE,aAAa,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE,EAAE;YACtE,KAAK;SACN,aAED,uBAAC,mBAAI,IAAC,KAAK,EAAE,EAAE,aAAa,EAAE,KAAK,EAAE,YAClC,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CACvC,uBAAC,mBAAI,IAEH,KAAK,EAAE;wBACL,KAAK,EAAE,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK;wBAChD,QAAQ;wBACR,aAAa,EAAE,CAAC;qBACjB,YAEA,IAAI,IAPA,CAAC,CAQD,CACR,CAAC,GACG,EACN,SAAS,CAAC,CAAC,CAAC,CACX,uBAAC,mBAAI,IACH,KAAK,EAAE;oBACL,KAAK,EAAE,MAAM,CAAC,SAAS;oBACvB,QAAQ,EAAE,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE;oBACpC,UAAU,EAAE,KAAK;iBAClB,YAEA,MAAM,CAAC,KAAK,CAAC,GACT,CACR,CAAC,CAAC,CAAC,IAAI,IACH,CACR,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import { type StyleProp, type ViewStyle } from 'react-native';
+export interface SegmentedOption {
+    label: React.ReactNode;
+    value: string;
+}
+export interface SegmentedProps {
+    options: SegmentedOption[];
+    value: string;
+    onChange: (value: string) => void;
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * Segmented control (pill toggle group) — the native mirror of the web
+ * `Segmented`. A token-bound track holds pressable pills; the active pill lifts
+ * onto the surface color. No literal colors.
+ */
+export declare function Segmented({ options, value, onChange, style }: SegmentedProps): React.ReactElement;
+//# sourceMappingURL=Segmented.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Segmented.d.ts","sourceRoot":"","sources":["../../../src/native/primitives/Segmented.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,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,cAAc;IAC7B,OAAO,EAAE,eAAe,EAAE,CAAC;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,cAAc,GAAG,KAAK,CAAC,YAAY,CAkDjG"}

package/dist/native/primitives/Segmented.js

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Segmented = Segmented;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_native_1 = require("react-native");
+const theme_1 = require("../theme");
+/**
+ * Segmented control (pill toggle group) — the native mirror of the web
+ * `Segmented`. A token-bound track holds pressable pills; the active pill lifts
+ * onto the surface color. No literal colors.
+ */
+function Segmented({ options, value, onChange, style }) {
+    const { colors, tokens } = (0, theme_1.useXenitionTheme)();
+    return ((0, jsx_runtime_1.jsx)(react_native_1.View, { accessibilityRole: "tablist", style: [
+            {
+                alignSelf: 'flex-start',
+                flexDirection: 'row',
+                backgroundColor: colors.border,
+                borderRadius: tokens.radius.md,
+                padding: tokens.spacing.xs,
+                gap: tokens.spacing.xs,
+            },
+            style,
+        ], children: options.map((o) => {
+            const active = o.value === value;
+            return ((0, jsx_runtime_1.jsx)(react_native_1.Pressable, { accessibilityRole: "tab", accessibilityState: { selected: active }, onPress: () => onChange(o.value), style: {
+                    paddingHorizontal: tokens.spacing.md,
+                    paddingVertical: tokens.spacing.xs,
+                    borderRadius: tokens.radius.sm,
+                    backgroundColor: active ? colors.surface : 'transparent',
+                }, children: typeof o.label === 'string' ? ((0, jsx_runtime_1.jsx)(react_native_1.Text, { style: {
+                        color: active ? colors.onSurface : colors.muted,
+                        fontSize: tokens.typography.scale.sm,
+                        fontWeight: '500',
+                    }, children: o.label })) : (o.label) }, o.value));
+        }) }));
+}
+//# sourceMappingURL=Segmented.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Segmented.js","sourceRoot":"","sources":["../../../src/native/primitives/Segmented.tsx"],"names":[],"mappings":";;AAqBA,8BAkDC;;AAtED,+CAAqF;AACrF,oCAA4C;AAc5C;;;;GAIG;AACH,SAAgB,SAAS,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAkB;IAC3E,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,IAAA,wBAAgB,GAAE,CAAC;IAC9C,OAAO,CACL,uBAAC,mBAAI,IACH,iBAAiB,EAAC,SAAS,EAC3B,KAAK,EAAE;YACL;gBACE,SAAS,EAAE,YAAY;gBACvB,aAAa,EAAE,KAAK;gBACpB,eAAe,EAAE,MAAM,CAAC,MAAM;gBAC9B,YAAY,EAAE,MAAM,CAAC,MAAM,CAAC,EAAE;gBAC9B,OAAO,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE;gBAC1B,GAAG,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE;aACvB;YACD,KAAK;SACN,YAEA,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE;YACjB,MAAM,MAAM,GAAG,CAAC,CAAC,KAAK,KAAK,KAAK,CAAC;YACjC,OAAO,CACL,uBAAC,wBAAS,IAER,iBAAiB,EAAC,KAAK,EACvB,kBAAkB,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,EACxC,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,EAChC,KAAK,EAAE;oBACL,iBAAiB,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE;oBACpC,eAAe,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE;oBAClC,YAAY,EAAE,MAAM,CAAC,MAAM,CAAC,EAAE;oBAC9B,eAAe,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,aAAa;iBACzD,YAEA,OAAO,CAAC,CAAC,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,CAC7B,uBAAC,mBAAI,IACH,KAAK,EAAE;wBACL,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK;wBAC/C,QAAQ,EAAE,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE;wBACpC,UAAU,EAAE,KAAK;qBAClB,YAEA,CAAC,CAAC,KAAK,GACH,CACR,CAAC,CAAC,CAAC,CACF,CAAC,CAAC,KAAK,CACR,IAvBI,CAAC,CAAC,KAAK,CAwBF,CACb,CAAC;QACJ,CAAC,CAAC,GACG,CACR,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,29 @@
+import * as React from 'react';
+import { type StyleProp, type ViewStyle } from 'react-native';
+export interface SelectOption {
+    label: string;
+    value: string;
+}
+export interface SelectProps {
+    /** The choices (RN has no `<option>` children — pass them as data). */
+    options: SelectOption[];
+    /** Controlled selected value. */
+    value?: string;
+    /** Fires with the chosen option's value. */
+    onValueChange?: (value: string) => void;
+    /** Shown when nothing is selected. */
+    placeholder?: string;
+    /** Renders the danger border state. */
+    invalid?: boolean;
+    disabled?: boolean;
+    accessibilityLabel?: string;
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * Themed select — the native mirror of the web `Select`. RN has no `<select>`,
+ * so this is a token-bound `Pressable` that opens a `Modal` option sheet. Pass
+ * choices as `options` data (not `<option>` children) and drive it with the
+ * `value` / `onValueChange` contract. No literal colors.
+ */
+export declare function Select({ options, value, onValueChange, placeholder, invalid, disabled, accessibilityLabel, style, }: SelectProps): React.ReactElement;
+//# sourceMappingURL=Select.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/native/primitives/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAML,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAGtB,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,WAAW;IAC1B,uEAAuE;IACvE,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4CAA4C;IAC5C,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,sCAAsC;IACtC,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;;;;;GAKG;AACH,wBAAgB,MAAM,CAAC,EACrB,OAAO,EACP,KAAK,EACL,aAAa,EACb,WAAuB,EACvB,OAAe,EACf,QAAgB,EAChB,kBAAkB,EAClB,KAAK,GACN,EAAE,WAAW,GAAG,KAAK,CAAC,YAAY,CAwGlC"}

package/dist/native/primitives/Select.js

@@ -0,0 +1,100 @@
+"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.Select = Select;
+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 select — the native mirror of the web `Select`. RN has no `<select>`,
+ * so this is a token-bound `Pressable` that opens a `Modal` option sheet. Pass
+ * choices as `options` data (not `<option>` children) and drive it with the
+ * `value` / `onValueChange` contract. No literal colors.
+ */
+function Select({ options, value, onValueChange, placeholder = 'Select…', invalid = false, disabled = false, accessibilityLabel, style, }) {
+    const { colors, tokens } = (0, theme_1.useXenitionTheme)();
+    const [open, setOpen] = React.useState(false);
+    const selected = options.find((o) => o.value === value);
+    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: () => setOpen(false), 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: () => 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.jsx)(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.ScrollView, { children: options.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);
+                                            setOpen(false);
+                                        }, 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=Select.js.map

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

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

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

@@ -0,0 +1,36 @@
+import * as React from 'react';
+import { type StyleProp, type ViewStyle } from 'react-native';
+export interface SidebarItem {
+    /** Row label (also the accessible name). */
+    label: string;
+    /** Optional leading icon slot. */
+    icon?: React.ReactNode;
+    /** Marks the row as the current destination. */
+    active?: boolean;
+    /** Fires on press. */
+    onSelect?: () => void;
+}
+export interface SidebarGroup {
+    /** Optional section heading rendered above the rows. */
+    label?: string;
+    items: SidebarItem[];
+}
+export interface SidebarProps {
+    /** Brand slot pinned to the top (logo, wordmark, …). */
+    brand?: React.ReactNode;
+    /** Flat list of nav rows (mutually exclusive with `groups`). */
+    items?: SidebarItem[];
+    /** Grouped nav rows, each with an optional section heading. */
+    groups?: SidebarGroup[];
+    /** Optional footer slot pinned to the bottom. */
+    footer?: React.ReactNode;
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * Vertical nav rail — the native mirror of the web `Sidebar`. A `brand` slot on
+ * top, one or more groups of token-styled `Pressable` nav rows with an active
+ * state, and an optional `footer`. Used as a persistent rail on tablet or inside
+ * the `AppShell` drawer on phones. No literal colors.
+ */
+export declare function Sidebar({ brand, items, groups, footer, style, }: SidebarProps): React.ReactElement;
+//# sourceMappingURL=Sidebar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Sidebar.d.ts","sourceRoot":"","sources":["../../../src/native/primitives/Sidebar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAqC,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAGjG,MAAM,WAAW,WAAW;IAC1B,4CAA4C;IAC5C,KAAK,EAAE,MAAM,CAAC;IACd,kCAAkC;IAClC,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,gDAAgD;IAChD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,sBAAsB;IACtB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,MAAM,WAAW,YAAY;IAC3B,wDAAwD;IACxD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,WAAW,EAAE,CAAC;CACtB;AAED,MAAM,WAAW,YAAY;IAC3B,wDAAwD;IACxD,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,gEAAgE;IAChE,KAAK,CAAC,EAAE,WAAW,EAAE,CAAC;IACtB,+DAA+D;IAC/D,MAAM,CAAC,EAAE,YAAY,EAAE,CAAC;IACxB,iDAAiD;IACjD,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED;;;;;GAKG;AACH,wBAAgB,OAAO,CAAC,EACtB,KAAK,EACL,KAAK,EACL,MAAM,EACN,MAAM,EACN,KAAK,GACN,EAAE,YAAY,GAAG,KAAK,CAAC,YAAY,CAuFnC"}