@mrmeg/expo-ui 0.25.1 → 0.27.0

package/dist/components/iconRegistry.generated.js

@@ -0,0 +1,296 @@
+/* eslint-disable */
+// GENERATED FILE - do not edit. Rebuild with `bun run ui:icons`.
+// Source: icon-names.json (145 icons). Each icon is a
+// per-glyph subpath import so consumers bundle only the names listed there.
+import Archive from "lucide-react-native/icons/archive";
+import ArrowDown from "lucide-react-native/icons/arrow-down";
+import ArrowLeft from "lucide-react-native/icons/arrow-left";
+import ArrowRight from "lucide-react-native/icons/arrow-right";
+import ArrowUp from "lucide-react-native/icons/arrow-up";
+import Award from "lucide-react-native/icons/award";
+import Beer from "lucide-react-native/icons/beer";
+import Bell from "lucide-react-native/icons/bell";
+import BellOff from "lucide-react-native/icons/bell-off";
+import Bold from "lucide-react-native/icons/bold";
+import Bookmark from "lucide-react-native/icons/bookmark";
+import Box from "lucide-react-native/icons/box";
+import Briefcase from "lucide-react-native/icons/briefcase";
+import Calendar from "lucide-react-native/icons/calendar";
+import CalendarCheck from "lucide-react-native/icons/calendar-check";
+import Camera from "lucide-react-native/icons/camera";
+import CameraOff from "lucide-react-native/icons/camera-off";
+import ChartNoAxesColumn from "lucide-react-native/icons/chart-no-axes-column";
+import Check from "lucide-react-native/icons/check";
+import ChevronDown from "lucide-react-native/icons/chevron-down";
+import ChevronLeft from "lucide-react-native/icons/chevron-left";
+import ChevronRight from "lucide-react-native/icons/chevron-right";
+import ChevronUp from "lucide-react-native/icons/chevron-up";
+import CircleAlert from "lucide-react-native/icons/circle-alert";
+import CircleCheckBig from "lucide-react-native/icons/circle-check-big";
+import CirclePlus from "lucide-react-native/icons/circle-plus";
+import CircleQuestionMark from "lucide-react-native/icons/circle-question-mark";
+import CircleStop from "lucide-react-native/icons/circle-stop";
+import CircleX from "lucide-react-native/icons/circle-x";
+import Clock from "lucide-react-native/icons/clock";
+import Cloud from "lucide-react-native/icons/cloud";
+import CloudOff from "lucide-react-native/icons/cloud-off";
+import Code from "lucide-react-native/icons/code";
+import Coffee from "lucide-react-native/icons/coffee";
+import Compass from "lucide-react-native/icons/compass";
+import Copy from "lucide-react-native/icons/copy";
+import CreditCard from "lucide-react-native/icons/credit-card";
+import Crosshair from "lucide-react-native/icons/crosshair";
+import Database from "lucide-react-native/icons/database";
+import DollarSign from "lucide-react-native/icons/dollar-sign";
+import Download from "lucide-react-native/icons/download";
+import Droplet from "lucide-react-native/icons/droplet";
+import EllipsisVertical from "lucide-react-native/icons/ellipsis-vertical";
+import ExternalLink from "lucide-react-native/icons/external-link";
+import Eye from "lucide-react-native/icons/eye";
+import EyeOff from "lucide-react-native/icons/eye-off";
+import FaceSlightlySmiling from "lucide-react-native/icons/face-slightly-smiling";
+import File from "lucide-react-native/icons/file";
+import FileText from "lucide-react-native/icons/file-text";
+import Folder from "lucide-react-native/icons/folder";
+import Gift from "lucide-react-native/icons/gift";
+import GitBranch from "lucide-react-native/icons/git-branch";
+import GitPullRequest from "lucide-react-native/icons/git-pull-request";
+import Globe from "lucide-react-native/icons/globe";
+import Grid3x3 from "lucide-react-native/icons/grid-3x3";
+import Hash from "lucide-react-native/icons/hash";
+import Heart from "lucide-react-native/icons/heart";
+import Hexagon from "lucide-react-native/icons/hexagon";
+import House from "lucide-react-native/icons/house";
+import Image from "lucide-react-native/icons/image";
+import Inbox from "lucide-react-native/icons/inbox";
+import Info from "lucide-react-native/icons/info";
+import Italic from "lucide-react-native/icons/italic";
+import Key from "lucide-react-native/icons/key";
+import Layers from "lucide-react-native/icons/layers";
+import LayoutGrid from "lucide-react-native/icons/layout-grid";
+import Link from "lucide-react-native/icons/link";
+import Link2 from "lucide-react-native/icons/link-2";
+import List from "lucide-react-native/icons/list";
+import Loader from "lucide-react-native/icons/loader";
+import Lock from "lucide-react-native/icons/lock";
+import LockOpen from "lucide-react-native/icons/lock-open";
+import LogIn from "lucide-react-native/icons/log-in";
+import LogOut from "lucide-react-native/icons/log-out";
+import Mail from "lucide-react-native/icons/mail";
+import Map from "lucide-react-native/icons/map";
+import MapPin from "lucide-react-native/icons/map-pin";
+import Maximize from "lucide-react-native/icons/maximize";
+import Maximize2 from "lucide-react-native/icons/maximize-2";
+import Menu from "lucide-react-native/icons/menu";
+import MessageCircle from "lucide-react-native/icons/message-circle";
+import MessageSquare from "lucide-react-native/icons/message-square";
+import Mic from "lucide-react-native/icons/mic";
+import MicOff from "lucide-react-native/icons/mic-off";
+import Minus from "lucide-react-native/icons/minus";
+import Monitor from "lucide-react-native/icons/monitor";
+import Moon from "lucide-react-native/icons/moon";
+import Music from "lucide-react-native/icons/music";
+import Navigation from "lucide-react-native/icons/navigation";
+import Package from "lucide-react-native/icons/package";
+import PanelLeft from "lucide-react-native/icons/panel-left";
+import PanelsTopLeft from "lucide-react-native/icons/panels-top-left";
+import PartyPopper from "lucide-react-native/icons/party-popper";
+import Pen from "lucide-react-native/icons/pen";
+import PenLine from "lucide-react-native/icons/pen-line";
+import Pencil from "lucide-react-native/icons/pencil";
+import Percent from "lucide-react-native/icons/percent";
+import Phone from "lucide-react-native/icons/phone";
+import Play from "lucide-react-native/icons/play";
+import Plus from "lucide-react-native/icons/plus";
+import Printer from "lucide-react-native/icons/printer";
+import Radio from "lucide-react-native/icons/radio";
+import RefreshCw from "lucide-react-native/icons/refresh-cw";
+import Repeat from "lucide-react-native/icons/repeat";
+import RotateCw from "lucide-react-native/icons/rotate-cw";
+import Search from "lucide-react-native/icons/search";
+import Send from "lucide-react-native/icons/send";
+import Server from "lucide-react-native/icons/server";
+import Settings from "lucide-react-native/icons/settings";
+import Share from "lucide-react-native/icons/share";
+import Share2 from "lucide-react-native/icons/share-2";
+import Shield from "lucide-react-native/icons/shield";
+import ShieldOff from "lucide-react-native/icons/shield-off";
+import ShoppingBag from "lucide-react-native/icons/shopping-bag";
+import ShoppingCart from "lucide-react-native/icons/shopping-cart";
+import Shuffle from "lucide-react-native/icons/shuffle";
+import Slash from "lucide-react-native/icons/slash";
+import SlidersHorizontal from "lucide-react-native/icons/sliders-horizontal";
+import SlidersVertical from "lucide-react-native/icons/sliders-vertical";
+import Smartphone from "lucide-react-native/icons/smartphone";
+import Square from "lucide-react-native/icons/square";
+import SquareCheckBig from "lucide-react-native/icons/square-check-big";
+import SquarePen from "lucide-react-native/icons/square-pen";
+import Star from "lucide-react-native/icons/star";
+import Sun from "lucide-react-native/icons/sun";
+import Tag from "lucide-react-native/icons/tag";
+import Terminal from "lucide-react-native/icons/terminal";
+import ThumbsUp from "lucide-react-native/icons/thumbs-up";
+import Trash from "lucide-react-native/icons/trash";
+import TrendingDown from "lucide-react-native/icons/trending-down";
+import TrendingUp from "lucide-react-native/icons/trending-up";
+import TriangleAlert from "lucide-react-native/icons/triangle-alert";
+import Truck from "lucide-react-native/icons/truck";
+import Underline from "lucide-react-native/icons/underline";
+import Upload from "lucide-react-native/icons/upload";
+import User from "lucide-react-native/icons/user";
+import UserCheck from "lucide-react-native/icons/user-check";
+import UserMinus from "lucide-react-native/icons/user-minus";
+import UserPlus from "lucide-react-native/icons/user-plus";
+import Users from "lucide-react-native/icons/users";
+import Video from "lucide-react-native/icons/video";
+import WifiOff from "lucide-react-native/icons/wifi-off";
+import Wrench from "lucide-react-native/icons/wrench";
+import X from "lucide-react-native/icons/x";
+import Zap from "lucide-react-native/icons/zap";
+export const ICONS = {
+    "archive": Archive,
+    "arrow-down": ArrowDown,
+    "arrow-left": ArrowLeft,
+    "arrow-right": ArrowRight,
+    "arrow-up": ArrowUp,
+    "award": Award,
+    "beer": Beer,
+    "bell": Bell,
+    "bell-off": BellOff,
+    "bold": Bold,
+    "bookmark": Bookmark,
+    "box": Box,
+    "briefcase": Briefcase,
+    "calendar": Calendar,
+    "calendar-check": CalendarCheck,
+    "camera": Camera,
+    "camera-off": CameraOff,
+    "chart-no-axes-column": ChartNoAxesColumn,
+    "check": Check,
+    "chevron-down": ChevronDown,
+    "chevron-left": ChevronLeft,
+    "chevron-right": ChevronRight,
+    "chevron-up": ChevronUp,
+    "circle-alert": CircleAlert,
+    "circle-check-big": CircleCheckBig,
+    "circle-plus": CirclePlus,
+    "circle-question-mark": CircleQuestionMark,
+    "circle-stop": CircleStop,
+    "circle-x": CircleX,
+    "clock": Clock,
+    "cloud": Cloud,
+    "cloud-off": CloudOff,
+    "code": Code,
+    "coffee": Coffee,
+    "compass": Compass,
+    "copy": Copy,
+    "credit-card": CreditCard,
+    "crosshair": Crosshair,
+    "database": Database,
+    "dollar-sign": DollarSign,
+    "download": Download,
+    "droplet": Droplet,
+    "ellipsis-vertical": EllipsisVertical,
+    "external-link": ExternalLink,
+    "eye": Eye,
+    "eye-off": EyeOff,
+    "face-slightly-smiling": FaceSlightlySmiling,
+    "file": File,
+    "file-text": FileText,
+    "folder": Folder,
+    "gift": Gift,
+    "git-branch": GitBranch,
+    "git-pull-request": GitPullRequest,
+    "globe": Globe,
+    "grid-3x3": Grid3x3,
+    "hash": Hash,
+    "heart": Heart,
+    "hexagon": Hexagon,
+    "house": House,
+    "image": Image,
+    "inbox": Inbox,
+    "info": Info,
+    "italic": Italic,
+    "key": Key,
+    "layers": Layers,
+    "layout-grid": LayoutGrid,
+    "link": Link,
+    "link-2": Link2,
+    "list": List,
+    "loader": Loader,
+    "lock": Lock,
+    "lock-open": LockOpen,
+    "log-in": LogIn,
+    "log-out": LogOut,
+    "mail": Mail,
+    "map": Map,
+    "map-pin": MapPin,
+    "maximize": Maximize,
+    "maximize-2": Maximize2,
+    "menu": Menu,
+    "message-circle": MessageCircle,
+    "message-square": MessageSquare,
+    "mic": Mic,
+    "mic-off": MicOff,
+    "minus": Minus,
+    "monitor": Monitor,
+    "moon": Moon,
+    "music": Music,
+    "navigation": Navigation,
+    "package": Package,
+    "panel-left": PanelLeft,
+    "panels-top-left": PanelsTopLeft,
+    "party-popper": PartyPopper,
+    "pen": Pen,
+    "pen-line": PenLine,
+    "pencil": Pencil,
+    "percent": Percent,
+    "phone": Phone,
+    "play": Play,
+    "plus": Plus,
+    "printer": Printer,
+    "radio": Radio,
+    "refresh-cw": RefreshCw,
+    "repeat": Repeat,
+    "rotate-cw": RotateCw,
+    "search": Search,
+    "send": Send,
+    "server": Server,
+    "settings": Settings,
+    "share": Share,
+    "share-2": Share2,
+    "shield": Shield,
+    "shield-off": ShieldOff,
+    "shopping-bag": ShoppingBag,
+    "shopping-cart": ShoppingCart,
+    "shuffle": Shuffle,
+    "slash": Slash,
+    "sliders-horizontal": SlidersHorizontal,
+    "sliders-vertical": SlidersVertical,
+    "smartphone": Smartphone,
+    "square": Square,
+    "square-check-big": SquareCheckBig,
+    "square-pen": SquarePen,
+    "star": Star,
+    "sun": Sun,
+    "tag": Tag,
+    "terminal": Terminal,
+    "thumbs-up": ThumbsUp,
+    "trash": Trash,
+    "trending-down": TrendingDown,
+    "trending-up": TrendingUp,
+    "triangle-alert": TriangleAlert,
+    "truck": Truck,
+    "underline": Underline,
+    "upload": Upload,
+    "user": User,
+    "user-check": UserCheck,
+    "user-minus": UserMinus,
+    "user-plus": UserPlus,
+    "users": Users,
+    "video": Video,
+    "wifi-off": WifiOff,
+    "wrench": Wrench,
+    "x": X,
+    "zap": Zap,
+};

package/dist/components/keyboardFocusRegistry.d.ts

@@ -5,8 +5,9 @@
  * This package registry supplies a window-independent native blur handle and
  * focus presence even when keyboard-controller cannot observe the keyboard
  * (for example, in an isolated native sheet window). The package `TextInput`
- * registers on focus; tap-away dismissal (`keyboardDismiss.ts`) and the
- * `BottomSheet` overlay resign the field through that handle.
+ * registers on focus; tap-away dismissal (`keyboardDismiss.ts`, mounted by
+ * `DismissKeyboard` and `BottomSheet.Content`) resigns the field through that
+ * handle.
  */
 export type KeyboardFocusedInputToken = object;
 /**
@@ -23,5 +24,12 @@ export declare function hasKeyboardFocusedInput(): boolean;
 /**
  * Resign the currently-focused native field, dismissing its keyboard. Returns
  * `true` if a field was focused and a blur handle was available.
+ *
+ * Presence is cleared here, in the same call, rather than left to the field's
+ * later `onBlur`: consumers call `dismissKeyboard()` from submit handlers and
+ * the native blur callback is not guaranteed to arrive (isolated sheet window,
+ * iOS secure/plain handoff), which used to leave a stale registration behind.
+ * The clear is token-guarded, so a field that takes focus synchronously during
+ * `blur()` keeps its registration; the field's own later clear is idempotent.
  */
 export declare function dismissKeyboardFocusedInput(): boolean;

package/dist/components/keyboardFocusRegistry.js

@@ -38,11 +38,19 @@ export function hasKeyboardFocusedInput() {
 /**
  * Resign the currently-focused native field, dismissing its keyboard. Returns
  * `true` if a field was focused and a blur handle was available.
+ *
+ * Presence is cleared here, in the same call, rather than left to the field's
+ * later `onBlur`: consumers call `dismissKeyboard()` from submit handlers and
+ * the native blur callback is not guaranteed to arrive (isolated sheet window,
+ * iOS secure/plain handoff), which used to leave a stale registration behind.
+ * The clear is token-guarded, so a field that takes focus synchronously during
+ * `blur()` keeps its registration; the field's own later clear is idempotent.
  */
 export function dismissKeyboardFocusedInput() {
-    if (focusedInput) {
-        focusedInput.blur();
-        return true;
-    }
-    return false;
+    const entry = focusedInput;
+    if (!entry)
+        return false;
+    entry.blur();
+    clearKeyboardFocusedInput(entry.token);
+    return true;
 }

package/dist/components/nativeTextField.android.d.ts

@@ -0,0 +1,3 @@
+import type { TextInputProps } from "@expo/ui";
+export type NativeTextFieldProps = TextInputProps;
+export declare function NativeTextField({ ref, value, onChangeText, placeholder, autoFocus, editable: editableProp, multiline, keyboardType: keyboardTypeProp, autoCapitalize, autoCorrect, returnKeyType: returnKeyTypeProp, onSubmitEditing, onFocus, onBlur, cursorColor, textAlign, readOnly, inputMode, enterKeyHint, defaultValue, numberOfLines: numberOfLinesProp, rows, testID, placeholderTextColor, textStyle, style, secureTextEntry, autoComplete, onContentSizeChange, maxLength, caretHidden, selectionColor, selectionHandleColor, selection, onSelectionChange, selectTextOnFocus, modifiers: userModifiers, }: NativeTextFieldProps): import("react").JSX.Element;

package/dist/components/nativeTextField.android.js

@@ -0,0 +1,226 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Native text field indirection — Android variant.
+ *
+ * A package-owned port of `@expo/ui`'s universal Android `TextInput`
+ * (`@expo/ui` 58.0.2, `src/universal/TextInput/index.android.tsx`, MIT
+ * licensed, Copyright (c) 650 Industries, Inc.), built on the public
+ * `@expo/ui/jetpack-compose` `BasicTextField`. It keeps the universal field's
+ * prop surface (`NativeTextFieldProps` *is* `@expo/ui`'s `TextInputProps`), its
+ * `useNativeState` fallback buffer, its ref handle, its slot layout and its
+ * modifier order, and differs in exactly two places:
+ *
+ * 1. **Secure fields declare a password keyboard.** The universal field maps
+ *    `secureTextEntry` to `visualTransformation="password"` only, so the IME
+ *    still sees a plain text field: Gboard shows its suggestion strip, learns
+ *    the password, and `dumpsys input_method` reports `TYPE_CLASS_TEXT` with no
+ *    password variation. Here a secure field sets `keyboardType` to
+ *    `'password'` (`textPassword`), or `'numberPassword'` when the requested
+ *    keyboard is numeric, and defaults `autoCorrectEnabled` to `false` and
+ *    `capitalization` to `'none'`. Once a mounted field has been secure the
+ *    password keyboard options stay constant for its lifetime, so the eye
+ *    toggle (`secureTextEntry` true -> false on the same element) only drops the
+ *    masking transformation: Compose treats `KeyboardType.Password` with
+ *    `VisualTransformation.None` as the canonical revealed-password state, and
+ *    an unchanged `KeyboardOptions` avoids an IME restart, preserving focus,
+ *    selection and the input connection.
+ * 2. **Box style maps only the padding keys the package sends.** The universal
+ *    field's `transformToModifiers` is not a public export. `TextInput.tsx`
+ *    hands the field `{ backgroundColor: "transparent", paddingHorizontal,
+ *    paddingVertical }` and paints the surface (fill, border, radius) on its RN
+ *    wrapper, so `styleToModifiers` below handles the padding cascade and
+ *    ignores `backgroundColor`.
+ *
+ * Only `@expo/ui/jetpack-compose` and `@expo/ui/jetpack-compose/modifiers` are
+ * imported, both in the peer's export map since SDK 56.
+ */
+import { useImperativeHandle, useRef } from "react";
+import { BasicTextField, Box, Text, useNativeState, } from "@expo/ui/jetpack-compose";
+import { fillMaxWidth, onSizeChanged, padding, paddingAll, semantics, testID as testIDModifier, } from "@expo/ui/jetpack-compose/modifiers";
+// region Prop mapping (ported verbatim from @expo/ui's TextInput/utils.ts)
+function inputModeToKeyboardType(inputMode) {
+    if (!inputMode || inputMode === "none")
+        return undefined;
+    switch (inputMode) {
+        case "text":
+            return "default";
+        case "decimal":
+            return "decimal-pad";
+        case "tel":
+            return "phone-pad";
+        case "search":
+            return "web-search";
+        case "email":
+            return "email-address";
+        default:
+            return inputMode;
+    }
+}
+function enterKeyHintToReturnKeyType(hint) {
+    if (!hint)
+        return undefined;
+    if (hint === "enter")
+        return "default";
+    return hint;
+}
+function resolveEditable(editable, readOnly) {
+    if (editable !== undefined)
+        return editable;
+    if (readOnly === true)
+        return false;
+    return undefined;
+}
+function mapReturnKeyType(value) {
+    if (value === "google" || value === "yahoo")
+        return "search";
+    if (value === "join" || value === "route" || value === "emergency-call")
+        return "default";
+    return value;
+}
+function mapKeyboardType(value) {
+    switch (value) {
+        case "default":
+            return "text";
+        case "email-address":
+            return "email";
+        case "numeric":
+            return "decimal";
+        case "number-pad":
+            return "number";
+        case "decimal-pad":
+            return "decimal";
+        case "phone-pad":
+            return "phone";
+        case "url":
+            return "uri";
+        case "ascii-capable":
+        case "numbers-and-punctuation":
+        case "name-phone-pad":
+        case "twitter":
+        case "web-search":
+        case "visible-password":
+            return "text";
+        default:
+            return "text";
+    }
+}
+// endregion Prop mapping
+// region Style mapping
+/** Compose modifiers take dp numbers; anything else (percent strings, animated values) is ignored. */
+function dp(value) {
+    return typeof value === "number" ? value : undefined;
+}
+/**
+ * Maps the box-style padding keys to Compose padding modifiers, with the same
+ * cascade as `@expo/ui`'s `transformToModifiers`: a specific side beats the
+ * directional shorthand, which beats `padding`. `backgroundColor` is
+ * deliberately not mapped — the RN wrapper in `TextInput.tsx` paints the
+ * surface.
+ */
+function styleToModifiers(style) {
+    if (!style)
+        return [];
+    const all = dp(style.padding) ?? 0;
+    const top = dp(style.paddingTop) ?? dp(style.paddingVertical) ?? all;
+    const bottom = dp(style.paddingBottom) ?? dp(style.paddingVertical) ?? all;
+    const start = dp(style.paddingLeft) ?? dp(style.paddingHorizontal) ?? all;
+    const end = dp(style.paddingRight) ?? dp(style.paddingHorizontal) ?? all;
+    if (!top && !bottom && !start && !end)
+        return [];
+    if (top === bottom && bottom === start && start === end)
+        return [paddingAll(top)];
+    return [padding(start, top, end, bottom)];
+}
+// endregion Style mapping
+/**
+ * Picks the password keyboard for a secure field: numeric keyboards become
+ * `numberPassword` (a `TYPE_CLASS_NUMBER | TYPE_NUMBER_VARIATION_PASSWORD`
+ * field), everything else `password` (`TYPE_TEXT_VARIATION_PASSWORD`).
+ */
+function passwordKeyboardType(mapped) {
+    return mapped === "number" || mapped === "decimal" || mapped === "phone" ? "numberPassword" : "password";
+}
+export function NativeTextField({ ref, value, onChangeText, placeholder, autoFocus, editable: editableProp, multiline, keyboardType: keyboardTypeProp, autoCapitalize, autoCorrect, returnKeyType: returnKeyTypeProp, onSubmitEditing, onFocus, onBlur, cursorColor, textAlign, readOnly, inputMode, enterKeyHint, defaultValue, numberOfLines: numberOfLinesProp, rows, testID, placeholderTextColor, textStyle, style, secureTextEntry, autoComplete, onContentSizeChange, maxLength, caretHidden, selectionColor, selectionHandleColor, selection, onSelectionChange, selectTextOnFocus, modifiers: userModifiers, }) {
+    const editable = resolveEditable(editableProp, readOnly);
+    const numberOfLines = numberOfLinesProp ?? rows;
+    const keyboardType = keyboardTypeProp ?? inputModeToKeyboardType(inputMode);
+    const returnKeyType = returnKeyTypeProp ?? enterKeyHintToReturnKeyType(enterKeyHint);
+    const initialFallbackRef = useRef(defaultValue ?? "");
+    const fallback = useNativeState(initialFallbackRef.current);
+    const state = (value ?? fallback);
+    const innerRef = useRef(null);
+    const isFocusedRef = useRef(false);
+    useImperativeHandle(ref, () => ({
+        focus: () => {
+            innerRef.current?.focus();
+        },
+        blur: () => {
+            innerRef.current?.blur();
+        },
+        clear: () => {
+            innerRef.current?.clear();
+        },
+        isFocused: () => isFocusedRef.current,
+        setSelection: (start, end) => innerRef.current?.setSelection(start, end) ?? Promise.resolve(),
+    }), []);
+    const handleFocusChanged = (focused) => {
+        isFocusedRef.current = focused;
+        if (focused && selectTextOnFocus) {
+            innerRef.current?.setSelection(0, state.value.length);
+        }
+        if (focused)
+            onFocus?.();
+        else
+            onBlur?.();
+    };
+    // Sticky for the life of the mounted field: revealing a password
+    // (`secureTextEntry` -> false on the same element) must keep the password
+    // keyboard options unchanged so the IME neither restarts nor starts
+    // suggesting/learning the now-visible text. Written during render like the
+    // wrapper's own `activeSecureRef`; a fresh mount starts from the prop.
+    const everSecureRef = useRef(!!secureTextEntry);
+    if (secureTextEntry)
+        everSecureRef.current = true;
+    const passwordField = everSecureRef.current;
+    const mappedKeyboardType = keyboardType ? mapKeyboardType(keyboardType) : undefined;
+    const resolvedKeyboardType = passwordField
+        ? passwordKeyboardType(mappedKeyboardType)
+        : mappedKeyboardType;
+    const capitalization = autoCapitalize ?? (passwordField ? "none" : undefined);
+    const autoCorrectEnabled = autoCorrect ?? (passwordField ? false : undefined);
+    const keyboardOptions = resolvedKeyboardType || capitalization || autoCorrectEnabled !== undefined || returnKeyType
+        ? {
+            ...(resolvedKeyboardType ? { keyboardType: resolvedKeyboardType } : null),
+            ...(capitalization ? { capitalization } : null),
+            ...(autoCorrectEnabled !== undefined ? { autoCorrectEnabled } : null),
+            ...(returnKeyType ? { imeAction: mapReturnKeyType(returnKeyType) } : null),
+        }
+        : undefined;
+    const keyboardActions = onSubmitEditing
+        ? {
+            onDone: onSubmitEditing,
+            onGo: onSubmitEditing,
+            onNext: onSubmitEditing,
+            onSearch: onSubmitEditing,
+            onSend: onSubmitEditing,
+            onPrevious: onSubmitEditing,
+        }
+        : undefined;
+    return (_jsx(BasicTextField, { ref: innerRef, modifiers: [
+            ...(userModifiers ?? []),
+            ...styleToModifiers(style),
+            ...(testID ? [testIDModifier(testID)] : []),
+            ...(autoComplete ? [semantics({ contentType: autoComplete })] : []),
+            ...(onContentSizeChange ? [onSizeChanged(onContentSizeChange)] : []),
+        ], value: state, autoFocus: autoFocus, readOnly: editable === false, singleLine: !multiline, maxLines: multiline && numberOfLines && numberOfLines > 0 ? numberOfLines : undefined, minLines: multiline && numberOfLines && numberOfLines > 0 ? numberOfLines : undefined, cursorColor: caretHidden ? "transparent" : (cursorColor ?? selectionColor), textStyle: textStyle || (textAlign && textAlign !== "auto")
+            ? {
+                ...textStyle,
+                ...(textAlign && textAlign !== "auto" ? { textAlign } : null),
+            }
+            : undefined, visualTransformation: secureTextEntry ? "password" : undefined, textSelectionColors: selectionColor || selectionHandleColor
+            ? {
+                handleColor: selectionHandleColor ?? selectionColor,
+                backgroundColor: selectionColor,
+            }
+            : undefined, keyboardOptions: keyboardOptions, keyboardActions: keyboardActions, onValueChange: onChangeText, maxLength: maxLength, onFocusChanged: handleFocusChanged, selection: selection, onSelectionChange: onSelectionChange, children: _jsx(BasicTextField.DecorationBox, { children: _jsxs(Box, { modifiers: [fillMaxWidth()], contentAlignment: textAlign === "center" ? "topCenter" : textAlign === "right" ? "topEnd" : undefined, children: [placeholder != null ? (_jsx(BasicTextField.Placeholder, { children: _jsx(Text, { color: placeholderTextColor, modifiers: [fillMaxWidth()], style: textAlign && textAlign !== "auto" ? { textAlign } : undefined, children: placeholder }) })) : null, _jsx(BasicTextField.InnerTextField, {})] }) }) }));
+}

package/dist/components/nativeTextField.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Native text field indirection — default variant (iOS; also what Jest and
+ * TypeScript resolve).
+ *
+ * Re-exports `@expo/ui`'s universal `TextInput`, which on iOS bridges to
+ * SwiftUI's `TextField`/`SecureField` and already reports a password field to
+ * the keyboard when `secureTextEntry` is set.
+ *
+ * Metro resolves `nativeTextField.android.tsx` on Android instead: the package
+ * owns the Compose field there so a secure entry can declare a password
+ * keyboard type (see that file). Both variants must export the same names with
+ * the same types — consumers and the type checker only ever see this one.
+ */
+export { TextInput as NativeTextField, type TextInputProps as NativeTextFieldProps, } from "@expo/ui";

package/dist/components/nativeTextField.js

@@ -0,0 +1,14 @@
+/**
+ * Native text field indirection — default variant (iOS; also what Jest and
+ * TypeScript resolve).
+ *
+ * Re-exports `@expo/ui`'s universal `TextInput`, which on iOS bridges to
+ * SwiftUI's `TextField`/`SecureField` and already reports a password field to
+ * the keyboard when `secureTextEntry` is set.
+ *
+ * Metro resolves `nativeTextField.android.tsx` on Android instead: the package
+ * owns the Compose field there so a secure entry can declare a password
+ * keyboard type (see that file). Both variants must export the same names with
+ * the same types — consumers and the type checker only ever see this one.
+ */
+export { TextInput as NativeTextField, } from "@expo/ui";