@mrmeg/expo-ui 0.25.1 → 0.26.0

package/dist/components/TextInput.js

@@ -1,7 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useCallback, useImperativeHandle, useMemo, useRef, useState, } from "react";
 import { StyleSheet, TextInput as RNTextInput, Platform, View, Pressable, } from "react-native";
-import { Host, TextInput as ExpoTextInput, useNativeState, } from "@expo/ui";
+import { Host, useNativeState, } from "@expo/ui";
+import { NativeTextField } from "./nativeTextField";
 import { useTheme } from "../hooks/useTheme.js";
 import { spacing } from "../constants/spacing.js";
 import { useFontStyle } from "../hooks/useFontStyle.js";
@@ -179,17 +180,28 @@ function WebTextInput({ variant = "outline", size = "md", label, helperText, err
                         }, accessibilityLabel: "Clear input", accessibilityRole: "button", children: _jsx(Icon, { name: "x", size: spacing.iconSm, color: "textDim", decorative: true }) })), showClearButton && rightElement && !hasSecureToggle && (_jsxs(View, { style: styles.rightElements, children: [_jsx(Pressable, { onPress: () => {
                                     hapticLight();
                                     onChangeText?.("");
-                                }, accessibilityLabel: "Clear input", accessibilityRole: "button", children: _jsx(Icon, { name: "x", size: spacing.iconSm, color: "textDim", decorative: true }) }), rightElement] })), !showClearButton && rightElement && !hasSecureToggle && (_jsx(View, { style: styles.rightElement, children: rightElement })), secureTextEntry && showSecureEntryToggle && (_jsx(Pressable, { style: styles.passwordToggle, onPress: togglePasswordVisible, accessibilityLabel: passwordVisible ? "Hide password" : "Show password", accessibilityRole: "button", children: _jsx(Icon, { name: passwordVisible ? "eye-off" : "eye", size: spacing.iconSm + 4, color: "textDim" }) })), showErrorIcon && (_jsx(View, { style: [styles.errorIcon, { pointerEvents: "none" }], accessibilityLabel: "Error", children: _jsx(Icon, { name: "alert-circle", size: spacing.iconSm, color: "destructive", decorative: true }) }))] }), !!(helperText || errorText) && (_jsx(StyledText, { selectable: false, size: "sm", style: [
+                                }, accessibilityLabel: "Clear input", accessibilityRole: "button", children: _jsx(Icon, { name: "x", size: spacing.iconSm, color: "textDim", decorative: true }) }), rightElement] })), !showClearButton && rightElement && !hasSecureToggle && (_jsx(View, { style: styles.rightElement, children: rightElement })), secureTextEntry && showSecureEntryToggle && (_jsx(Pressable, { style: styles.passwordToggle, onPress: togglePasswordVisible, accessibilityLabel: passwordVisible ? "Hide password" : "Show password", accessibilityRole: "button", children: _jsx(Icon, { name: passwordVisible ? "eye-off" : "eye", size: spacing.iconSm + 4, color: "textDim" }) })), showErrorIcon && (_jsx(View, { style: [styles.errorIcon, { pointerEvents: "none" }], accessibilityLabel: "Error", children: _jsx(Icon, { name: "circle-alert", size: spacing.iconSm, color: "destructive", decorative: true }) }))] }), !!(helperText || errorText) && (_jsx(StyledText, { selectable: false, size: "sm", style: [
                     styles.helperText,
                     hasError && styles.errorText,
                 ], children: errorText || helperText }))] }));
 }
 /**
- * Native (iOS / Android) implementation backed by `@expo/ui`'s TextInput, which
- * bridges to SwiftUI's `TextField`/`SecureField` and Jetpack Compose's
- * `TextField`. The text buffer lives natively (via `useNativeState`), so typing
- * never round-trips through React state — eliminating the cursor flicker seen on
- * controlled RN inputs.
+ * Native (iOS / Android) implementation backed by a native text field rendered
+ * inside an `@expo/ui` `Host`. The text buffer lives natively (via
+ * `useNativeState`), so typing never round-trips through React state —
+ * eliminating the cursor flicker seen on controlled RN inputs.
+ *
+ * The field comes from `./nativeTextField`, a platform-split module. iOS gets
+ * `@expo/ui`'s universal TextInput (SwiftUI `TextField`/`SecureField`, which
+ * already reports a password field to the keyboard). Android gets a
+ * package-owned port of that universal field built on
+ * `@expo/ui/jetpack-compose`'s `BasicTextField` (`nativeTextField.android.tsx`),
+ * because the universal Android field maps `secureTextEntry` to a masking
+ * transformation only and offers no way to set Compose's `KeyboardType.Password`
+ * — the IME saw a plain text field, kept its suggestion strip and learned the
+ * password. The port declares a password keyboard for secure fields and keeps it
+ * across the eye toggle, so revealing the text never restarts the IME. Metro
+ * picks the platform file; TypeScript types both through the default file.
  *
  * This path supports label / helper / error text and a password visibility
  * toggle laid out beside the native Host. Clear buttons, left/right elements,
@@ -293,9 +305,10 @@ leftElement, rightElement, clearable, focusedStyle, style, ...rest }) {
         if (Platform.OS === "ios" && secure !== activeSecureRef.current)
             return;
         isFocusedRef.current = true;
-        // Register the field's own blur handle for tap-away dismissal and the
-        // BottomSheet overlay. RN supports Expo-hosted field interop; this direct
-        // ref also targets the actual field inside a native sheet's window.
+        // Register the field's own blur handle for tap-away dismissal
+        // (`DismissKeyboard`, `BottomSheet.Content`). RN supports Expo-hosted field
+        // interop; this direct ref also targets the actual field inside a native
+        // sheet's window.
         setKeyboardFocusedInput(focusRegistryToken, blurAll);
         if (handoffRef.current) {
             // The incoming view took first responder; the parent never saw focus leave.
@@ -475,7 +488,7 @@ leftElement, rightElement, clearable, focusedStyle, style, ...rest }) {
                                 ? hasSecureToggle
                                     ? styles.nativeHostFlex
                                     : styles.nativeHost
-                                : styles.nativeHostHandoff, pointerEvents: inLayout ? "auto" : "none", accessibilityElementsHidden: !inLayout, importantForAccessibility: inLayout ? "auto" : "no-hide-descendants", children: _jsx(ExpoTextInput, { ...rest, autoFocus: rest.autoFocus || (handoff != null && active), ref: Platform.OS === "android" ? androidRef : secure ? secureRef : plainRef, value: state, defaultValue: defaultValue, onChangeText: handleChangeText, onFocus: () => handleFocus(secure), onBlur: () => handleBlur(secure), editable: editable, multiline: multiline, rows: rows, inputMode: inputMode, secureTextEntry: secure, placeholderTextColor: theme.colors.textDim, style: boxStyle, textStyle: textStyle }) }, Platform.OS === "android"
+                                : styles.nativeHostHandoff, pointerEvents: inLayout ? "auto" : "none", accessibilityElementsHidden: !inLayout, importantForAccessibility: inLayout ? "auto" : "no-hide-descendants", children: _jsx(NativeTextField, { ...rest, autoFocus: rest.autoFocus || (handoff != null && active), ref: Platform.OS === "android" ? androidRef : secure ? secureRef : plainRef, value: state, defaultValue: defaultValue, onChangeText: handleChangeText, onFocus: () => handleFocus(secure), onBlur: () => handleBlur(secure), editable: editable, multiline: multiline, rows: rows, inputMode: inputMode, secureTextEntry: secure, placeholderTextColor: theme.colors.textDim, style: boxStyle, textStyle: textStyle }) }, Platform.OS === "android"
                             ? "android"
                             : secure
                                 ? `secure-${generationRef.current.secure}`

package/dist/components/Tooltip.js

@@ -71,7 +71,7 @@ function TooltipContent({ side = "top", align = "center", sideOffset = 4, portal
             ...getShadowStyle("soft"),
         },
     ]) ?? undefined;
-    return (_jsx(TooltipPrimitive.Portal, { hostName: portalHost, children: _jsx(FullWindowOverlay, { children: _jsx(TooltipPrimitive.Overlay, { style: Platform.select({ native: StyleSheet.absoluteFill }), children: _jsx(AnimatedView, { type: "fade", enterDuration: 150, children: _jsx(TextColorContext.Provider, { value: colors.text, children: _jsx(TextClassContext.Provider, { value: "", children: _jsx(TextSelectabilityContext.Provider, { value: false, children: _jsx(TooltipPrimitive.Content, { side: side, align: align, sideOffset: sideOffset, style: contentStyle, ...props }) }) }) }) }) }) }) }));
+    return (_jsx(TooltipPrimitive.Portal, { hostName: portalHost, children: _jsx(FullWindowOverlay, { children: _jsx(TooltipPrimitive.Overlay, { style: Platform.select({ native: StyleSheet.absoluteFill }), children: _jsx(AnimatedView, { type: "fade", enterDuration: 150, style: StyleSheet.absoluteFill, pointerEvents: "box-none", children: _jsx(TextColorContext.Provider, { value: colors.text, children: _jsx(TextClassContext.Provider, { value: "", children: _jsx(TextSelectabilityContext.Provider, { value: false, children: _jsx(TooltipPrimitive.Content, { side: side, align: align, sideOffset: sideOffset, style: contentStyle, ...props }) }) }) }) }) }) }) }));
 }
 function TooltipBody({ children, style, ...props }) {
     return (_jsx(View, { style: [

package/dist/components/iconRegistry.generated.d.ts

@@ -0,0 +1,148 @@
+export declare const ICONS: {
+    readonly archive: import("lucide-react-native").LucideIcon;
+    readonly "arrow-down": import("lucide-react-native").LucideIcon;
+    readonly "arrow-left": import("lucide-react-native").LucideIcon;
+    readonly "arrow-right": import("lucide-react-native").LucideIcon;
+    readonly "arrow-up": import("lucide-react-native").LucideIcon;
+    readonly award: import("lucide-react-native").LucideIcon;
+    readonly beer: import("lucide-react-native").LucideIcon;
+    readonly bell: import("lucide-react-native").LucideIcon;
+    readonly "bell-off": import("lucide-react-native").LucideIcon;
+    readonly bold: import("lucide-react-native").LucideIcon;
+    readonly bookmark: import("lucide-react-native").LucideIcon;
+    readonly box: import("lucide-react-native").LucideIcon;
+    readonly briefcase: import("lucide-react-native").LucideIcon;
+    readonly calendar: import("lucide-react-native").LucideIcon;
+    readonly "calendar-check": import("lucide-react-native").LucideIcon;
+    readonly camera: import("lucide-react-native").LucideIcon;
+    readonly "camera-off": import("lucide-react-native").LucideIcon;
+    readonly "chart-no-axes-column": import("lucide-react-native").LucideIcon;
+    readonly check: import("lucide-react-native").LucideIcon;
+    readonly "chevron-down": import("lucide-react-native").LucideIcon;
+    readonly "chevron-left": import("lucide-react-native").LucideIcon;
+    readonly "chevron-right": import("lucide-react-native").LucideIcon;
+    readonly "chevron-up": import("lucide-react-native").LucideIcon;
+    readonly "circle-alert": import("lucide-react-native").LucideIcon;
+    readonly "circle-check-big": import("lucide-react-native").LucideIcon;
+    readonly "circle-plus": import("lucide-react-native").LucideIcon;
+    readonly "circle-question-mark": import("lucide-react-native").LucideIcon;
+    readonly "circle-stop": import("lucide-react-native").LucideIcon;
+    readonly "circle-x": import("lucide-react-native").LucideIcon;
+    readonly clock: import("lucide-react-native").LucideIcon;
+    readonly cloud: import("lucide-react-native").LucideIcon;
+    readonly "cloud-off": import("lucide-react-native").LucideIcon;
+    readonly code: import("lucide-react-native").LucideIcon;
+    readonly coffee: import("lucide-react-native").LucideIcon;
+    readonly compass: import("lucide-react-native").LucideIcon;
+    readonly copy: import("lucide-react-native").LucideIcon;
+    readonly "credit-card": import("lucide-react-native").LucideIcon;
+    readonly crosshair: import("lucide-react-native").LucideIcon;
+    readonly database: import("lucide-react-native").LucideIcon;
+    readonly "dollar-sign": import("lucide-react-native").LucideIcon;
+    readonly download: import("lucide-react-native").LucideIcon;
+    readonly droplet: import("lucide-react-native").LucideIcon;
+    readonly "ellipsis-vertical": import("lucide-react-native").LucideIcon;
+    readonly "external-link": import("lucide-react-native").LucideIcon;
+    readonly eye: import("lucide-react-native").LucideIcon;
+    readonly "eye-off": import("lucide-react-native").LucideIcon;
+    readonly "face-slightly-smiling": import("lucide-react-native").LucideIcon;
+    readonly file: import("lucide-react-native").LucideIcon;
+    readonly "file-text": import("lucide-react-native").LucideIcon;
+    readonly folder: import("lucide-react-native").LucideIcon;
+    readonly gift: import("lucide-react-native").LucideIcon;
+    readonly "git-branch": import("lucide-react-native").LucideIcon;
+    readonly "git-pull-request": import("lucide-react-native").LucideIcon;
+    readonly globe: import("lucide-react-native").LucideIcon;
+    readonly "grid-3x3": import("lucide-react-native").LucideIcon;
+    readonly hash: import("lucide-react-native").LucideIcon;
+    readonly heart: import("lucide-react-native").LucideIcon;
+    readonly hexagon: import("lucide-react-native").LucideIcon;
+    readonly house: import("lucide-react-native").LucideIcon;
+    readonly image: import("lucide-react-native").LucideIcon;
+    readonly inbox: import("lucide-react-native").LucideIcon;
+    readonly info: import("lucide-react-native").LucideIcon;
+    readonly italic: import("lucide-react-native").LucideIcon;
+    readonly key: import("lucide-react-native").LucideIcon;
+    readonly layers: import("lucide-react-native").LucideIcon;
+    readonly "layout-grid": import("lucide-react-native").LucideIcon;
+    readonly link: import("lucide-react-native").LucideIcon;
+    readonly "link-2": import("lucide-react-native").LucideIcon;
+    readonly list: import("lucide-react-native").LucideIcon;
+    readonly loader: import("lucide-react-native").LucideIcon;
+    readonly lock: import("lucide-react-native").LucideIcon;
+    readonly "lock-open": import("lucide-react-native").LucideIcon;
+    readonly "log-in": import("lucide-react-native").LucideIcon;
+    readonly "log-out": import("lucide-react-native").LucideIcon;
+    readonly mail: import("lucide-react-native").LucideIcon;
+    readonly map: import("lucide-react-native").LucideIcon;
+    readonly "map-pin": import("lucide-react-native").LucideIcon;
+    readonly maximize: import("lucide-react-native").LucideIcon;
+    readonly "maximize-2": import("lucide-react-native").LucideIcon;
+    readonly menu: import("lucide-react-native").LucideIcon;
+    readonly "message-circle": import("lucide-react-native").LucideIcon;
+    readonly "message-square": import("lucide-react-native").LucideIcon;
+    readonly mic: import("lucide-react-native").LucideIcon;
+    readonly "mic-off": import("lucide-react-native").LucideIcon;
+    readonly minus: import("lucide-react-native").LucideIcon;
+    readonly monitor: import("lucide-react-native").LucideIcon;
+    readonly moon: import("lucide-react-native").LucideIcon;
+    readonly music: import("lucide-react-native").LucideIcon;
+    readonly navigation: import("lucide-react-native").LucideIcon;
+    readonly package: import("lucide-react-native").LucideIcon;
+    readonly "panel-left": import("lucide-react-native").LucideIcon;
+    readonly "panels-top-left": import("lucide-react-native").LucideIcon;
+    readonly "party-popper": import("lucide-react-native").LucideIcon;
+    readonly pen: import("lucide-react-native").LucideIcon;
+    readonly "pen-line": import("lucide-react-native").LucideIcon;
+    readonly pencil: import("lucide-react-native").LucideIcon;
+    readonly percent: import("lucide-react-native").LucideIcon;
+    readonly phone: import("lucide-react-native").LucideIcon;
+    readonly play: import("lucide-react-native").LucideIcon;
+    readonly plus: import("lucide-react-native").LucideIcon;
+    readonly printer: import("lucide-react-native").LucideIcon;
+    readonly radio: import("lucide-react-native").LucideIcon;
+    readonly "refresh-cw": import("lucide-react-native").LucideIcon;
+    readonly repeat: import("lucide-react-native").LucideIcon;
+    readonly "rotate-cw": import("lucide-react-native").LucideIcon;
+    readonly search: import("lucide-react-native").LucideIcon;
+    readonly send: import("lucide-react-native").LucideIcon;
+    readonly server: import("lucide-react-native").LucideIcon;
+    readonly settings: import("lucide-react-native").LucideIcon;
+    readonly share: import("lucide-react-native").LucideIcon;
+    readonly "share-2": import("lucide-react-native").LucideIcon;
+    readonly shield: import("lucide-react-native").LucideIcon;
+    readonly "shield-off": import("lucide-react-native").LucideIcon;
+    readonly "shopping-bag": import("lucide-react-native").LucideIcon;
+    readonly "shopping-cart": import("lucide-react-native").LucideIcon;
+    readonly shuffle: import("lucide-react-native").LucideIcon;
+    readonly slash: import("lucide-react-native").LucideIcon;
+    readonly "sliders-horizontal": import("lucide-react-native").LucideIcon;
+    readonly "sliders-vertical": import("lucide-react-native").LucideIcon;
+    readonly smartphone: import("lucide-react-native").LucideIcon;
+    readonly square: import("lucide-react-native").LucideIcon;
+    readonly "square-check-big": import("lucide-react-native").LucideIcon;
+    readonly "square-pen": import("lucide-react-native").LucideIcon;
+    readonly star: import("lucide-react-native").LucideIcon;
+    readonly sun: import("lucide-react-native").LucideIcon;
+    readonly tag: import("lucide-react-native").LucideIcon;
+    readonly terminal: import("lucide-react-native").LucideIcon;
+    readonly "thumbs-up": import("lucide-react-native").LucideIcon;
+    readonly trash: import("lucide-react-native").LucideIcon;
+    readonly "trending-down": import("lucide-react-native").LucideIcon;
+    readonly "trending-up": import("lucide-react-native").LucideIcon;
+    readonly "triangle-alert": import("lucide-react-native").LucideIcon;
+    readonly truck: import("lucide-react-native").LucideIcon;
+    readonly underline: import("lucide-react-native").LucideIcon;
+    readonly upload: import("lucide-react-native").LucideIcon;
+    readonly user: import("lucide-react-native").LucideIcon;
+    readonly "user-check": import("lucide-react-native").LucideIcon;
+    readonly "user-minus": import("lucide-react-native").LucideIcon;
+    readonly "user-plus": import("lucide-react-native").LucideIcon;
+    readonly users: import("lucide-react-native").LucideIcon;
+    readonly video: import("lucide-react-native").LucideIcon;
+    readonly "wifi-off": import("lucide-react-native").LucideIcon;
+    readonly wrench: import("lucide-react-native").LucideIcon;
+    readonly x: import("lucide-react-native").LucideIcon;
+    readonly zap: import("lucide-react-native").LucideIcon;
+};
+export type IconName = keyof typeof ICONS;

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;