rnxsim 0.1.519 → 0.1.521

package/dist-lib/swift.cjs

@@ -1,9 +1,11 @@
-/*! rnx v0.1.519 | (c) 2026 Tamagui LLC | Proprietary — see LICENSE */
+/*! rnx v0.1.521 | (c) 2026 Tamagui LLC | Proprietary — see LICENSE */
 let __sootsim_import_meta_url = ''; try { __sootsim_import_meta_url = require('url').pathToFileURL(__filename).href; } catch {}
 "use strict";
+var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -17,19 +19,32 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/swift.ts
 var swift_exports = {};
 __export(swift_exports, {
-  createSwiftModule: () => createSwiftModule
+  createSwiftModule: () => createSwiftModule,
+  createSwiftView: () => createSwiftView
 });
 module.exports = __toCommonJS(swift_exports);
 
 // ../sootsim-swift/src/mount.tsx
+var import_native = require("@react-navigation/native");
+var import_native_stack = require("@react-navigation/native-stack");
+var import_runtime = require("contrast-kit/runtime");
 var import_ui = require("contrast-kit/ui");
 var import_react = require("react");
 var import_react_native = require("react-native");
+var import_react_native_bottom_tabs = __toESM(require("react-native-bottom-tabs"), 1);
 var import_jsx_runtime = require("react/jsx-runtime");
 function isRecord(value) {
   return typeof value === "object" && value !== null;
@@ -78,6 +93,7 @@ function readTree(text) {
   return value.map(readNode);
 }
 var WASI_BADF = 8;
+var WASI_INVAL = 28;
 function wasiImports(host) {
   return {
     args_get: () => 0,
@@ -94,10 +110,18 @@ function wasiImports(host) {
     },
     fd_close: () => WASI_BADF,
     fd_fdstat_get: () => WASI_BADF,
+    fd_fdstat_set_flags: () => WASI_BADF,
+    fd_filestat_get: () => WASI_BADF,
+    fd_filestat_set_size: () => WASI_BADF,
+    fd_filestat_set_times: () => WASI_BADF,
+    fd_pread: () => WASI_BADF,
     fd_prestat_get: () => WASI_BADF,
     fd_prestat_dir_name: () => WASI_BADF,
     fd_read: () => WASI_BADF,
+    fd_readdir: () => WASI_BADF,
     fd_seek: () => WASI_BADF,
+    fd_sync: () => WASI_BADF,
+    fd_tell: () => WASI_BADF,
     fd_write: (_fd, iovsPtr, iovsLen, writtenPtr) => {
       const view = new DataView(host.bytes().buffer);
       let written = 0;
@@ -107,7 +131,39 @@ function wasiImports(host) {
       host.writeU32(writtenPtr, written);
       return 0;
     },
+    path_create_directory: () => WASI_BADF,
+    path_filestat_get: () => WASI_BADF,
+    path_filestat_set_times: () => WASI_BADF,
+    path_link: () => WASI_BADF,
     path_open: () => WASI_BADF,
+    path_readlink: () => WASI_BADF,
+    path_remove_directory: () => WASI_BADF,
+    path_rename: () => WASI_BADF,
+    path_symlink: () => WASI_BADF,
+    path_unlink_file: () => WASI_BADF,
+    // the 6.3 sdk's libraries call the clocks even when the app never reads
+    // the time, so instantiation fails without them. clock 0 is realtime
+    // and clock 1 is monotonic, the only two swift asks for here; anything
+    // else is a loud inval. the resolutions are wasi-libc's for those two:
+    // a millisecond for the wall clock and a nanosecond for the monotonic one.
+    clock_res_get: (clockId, resolutionPtr) => {
+      const resolution = clockId === 1 ? 1n : clockId === 0 ? 1000000n : null;
+      if (resolution === null) return WASI_INVAL;
+      host.writeU64(resolutionPtr, resolution);
+      return 0;
+    },
+    clock_time_get: (clockId, _precision, timePtr) => {
+      const nanos = clockId === 1 ? BigInt(Math.round(performance.now() * 1e6)) : clockId === 0 ? BigInt(Date.now()) * 1000000n : null;
+      if (nanos === null) return WASI_INVAL;
+      host.writeU64(timePtr, nanos);
+      return 0;
+    },
+    // a poll is the one call the tenant cannot answer: there is no descriptor
+    // to wait on and no clock to sleep against, so it says so instead of
+    // returning an event nobody subscribed to.
+    poll_oneoff: () => {
+      throw new Error("swift app polled for events, which the tenant has no source for");
+    },
     proc_exit: (code) => {
       throw new Error(`swift app exited with code ${code}`);
     },
@@ -134,6 +190,20 @@ function pointerExport(exports2, name) {
     return result;
   };
 }
+function maybePointerExport(exports2, name) {
+  const value = exports2[name];
+  if (value === void 0) return void 0;
+  if (typeof value !== "function") {
+    throw new Error(`swift export ${name} is not a function`);
+  }
+  return (...args) => {
+    const result = Reflect.apply(value, void 0, args);
+    if (typeof result !== "number") {
+      throw new Error(`swift export ${name} returned ${typeof result}`);
+    }
+    return result;
+  };
+}
 function voidExport(exports2, name) {
   const fn = rawExport(exports2, name);
   return (...args) => {
@@ -150,6 +220,9 @@ function instantiate(module2) {
     writeU32(ptr, value) {
       new DataView(requireMemory().buffer).setUint32(ptr, value, true);
     },
+    writeU64(ptr, value) {
+      new DataView(requireMemory().buffer).setBigUint64(ptr, value, true);
+    },
     bytes: () => new Uint8Array(requireMemory().buffer)
   };
   const instance = new WebAssembly.Instance(module2, {
@@ -163,6 +236,8 @@ function instantiate(module2) {
   const initialize = voidExport(instance.exports, "_initialize");
   const mainArgv = voidExport(instance.exports, "__main_argc_argv");
   const mount = pointerExport(instance.exports, "rnx_mount");
+  const mountViewExport = maybePointerExport(instance.exports, "rnx_mount_view");
+  const hasViewExport = maybePointerExport(instance.exports, "rnx_has_view");
   const event = pointerExport(instance.exports, "rnx_event");
   const stateExport = pointerExport(instance.exports, "rnx_state_export");
   const stateImport = voidExport(instance.exports, "rnx_state_import");
@@ -186,7 +261,30 @@ function instantiate(module2) {
   initialize();
   mainArgv(0, 0);
   return {
-    mount: () => readTree(readBuffer(mount())),
+    mount: () => {
+      if ((hasViewExport?.() ?? 0) === 1) {
+        throw new Error(
+          "swift package has an RNXPackage entry, not an App entry; mount it as a view or make its @main type conform to App"
+        );
+      }
+      return readTree(readBuffer(mount()));
+    },
+    mountView: (props) => {
+      if (!mountViewExport) {
+        throw new Error(
+          "swift artifact has no rnx_mount_view export; rebuild the swift package"
+        );
+      }
+      if ((hasViewExport?.() ?? 0) !== 1) {
+        throw new Error(
+          "swift package has no RNXPackage entry; its @main type must conform to RNXPackage to mount as a view"
+        );
+      }
+      return readTree(
+        readBuffer(withPayload(props, (ptr, length) => mountViewExport(ptr, length)))
+      );
+    },
+    hasView: () => (hasViewExport?.() ?? 0) === 1,
     deliver: (handlerId2, payload) => readTree(
       readBuffer(
         withPayload(
@@ -281,24 +379,41 @@ function resolveModifier(modifier) {
   return { ...modifier, color: resolveColor(color) };
 }
 var NODE_COMPONENTS = {
+  Alert: SwiftAlert,
+  BottomSheet: import_ui.BottomSheet,
   Button: import_ui.Button,
   Capsule: import_ui.Capsule,
   Circle: import_ui.Circle,
+  ConfirmationDialog: import_ui.ConfirmationDialog,
+  ContextMenu: import_ui.ContextMenu,
+  DatePicker: import_ui.DatePicker,
   Divider: import_ui.Divider,
+  Ellipse: import_ui.Ellipse,
   Form: import_ui.Form,
+  GlassEffectContainer: import_ui.GlassEffectContainer,
   Group: import_ui.Group,
   HStack: import_ui.HStack,
   Image: import_ui.Image,
+  Label: import_ui.Label,
+  LazyVStack: import_ui.LazyVStack,
   List: import_ui.List,
+  Menu: import_ui.Menu,
+  Picker: import_ui.Picker,
+  ProgressView: import_ui.ProgressView,
   Rectangle: import_ui.Rectangle,
   RoundedRectangle: import_ui.RoundedRectangle,
   ScrollView: import_ui.ScrollView,
   Section: import_ui.Section,
+  SecureField: import_ui.SecureField,
   Slider: import_ui.Slider,
   Spacer: import_ui.Spacer,
+  Stepper: import_ui.Stepper,
+  SwipeActions: import_ui.SwipeActions,
   Text: import_ui.Text,
   TextField: import_ui.TextField,
   Toggle: import_ui.Toggle,
+  Tab: SwiftTabScene,
+  TabView: SwiftTabView,
   VStack: import_ui.VStack,
   ZStack: import_ui.ZStack
 };
@@ -346,9 +461,142 @@ function fontStyle(font) {
   }
   return style;
 }
+function sameValue(a, b) {
+  if (a === b) return true;
+  if (Array.isArray(a) && Array.isArray(b)) {
+    if (a.length !== b.length) return false;
+    for (let index = 0; index < a.length; index += 1) {
+      if (!sameValue(a[index], b[index])) return false;
+    }
+    return true;
+  }
+  if (isRecord(a) && isRecord(b)) {
+    const keys = Object.keys(a);
+    if (keys.length !== Object.keys(b).length) return false;
+    for (const key of keys) {
+      if (!sameValue(a[key], b[key])) return false;
+    }
+    return true;
+  }
+  return false;
+}
+function sameNode(a, b) {
+  if (a === b) return true;
+  if (a.t !== b.t || a.id !== b.id) return false;
+  if (!sameValue(a.p, b.p) || !sameValue(a.m, b.m) || !sameValue(a.h, b.h)) return false;
+  const left = a.c ?? [];
+  const right = b.c ?? [];
+  if (left.length !== right.length) return false;
+  for (let index = 0; index < left.length; index += 1) {
+    if (!sameNode(left[index], right[index])) return false;
+  }
+  return true;
+}
 function handlerId(node, name) {
   return node.h?.[name];
 }
+function pressProps(node, deliver) {
+  const presses = [];
+  for (const name of ["onPress", "onTap"]) {
+    const id = handlerId(node, name);
+    if (id !== void 0) presses.push(id);
+  }
+  if (presses.length === 0) return {};
+  return {
+    onPress: () => {
+      for (const id of presses) deliver(id, null);
+    }
+  };
+}
+function SwiftTabScene({ children }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children });
+}
+function SwiftTabView({
+  tabs,
+  selection,
+  onSelect,
+  modifiers,
+  children
+}) {
+  const scenes = import_react.Children.toArray(children);
+  const routes = tabs.map((tab, index2) => ({
+    key: tab.testID,
+    name: tab.title ?? `tab-${index2}`,
+    title: tab.title,
+    sfSymbol: tab.systemImage,
+    testID: tab.testID
+  }));
+  const index = selection >= 0 && selection < routes.length ? selection : 0;
+  (0, import_react.useEffect)(() => {
+    if (selection !== index) onSelect?.(index);
+  }, [selection, index, onSelect]);
+  const bar = (0, import_react.createElement)(import_react_native_bottom_tabs.default, {
+    navigationState: { index, routes },
+    renderScene: ({ route }) => scenes[routes.findIndex((candidate) => candidate.key === route.key)],
+    onIndexChange: (next) => onSelect?.(next),
+    getLabelText: ({ route }) => route.title ?? route.key,
+    getIcon: ({ route }) => route.sfSymbol ? { sfSymbol: route.sfSymbol } : void 0,
+    getTestID: ({ route }) => route.testID
+  });
+  return (0, import_react.createElement)(
+    import_ui.VStack,
+    {
+      ...modifiers?.length ? { modifiers } : {},
+      style: {
+        alignSelf: "stretch",
+        alignItems: "stretch",
+        flexGrow: 1,
+        flexShrink: 1,
+        flexBasis: "auto"
+      }
+    },
+    bar
+  );
+}
+function SwiftAlert({
+  title,
+  message,
+  buttons,
+  onButtonPress,
+  onDismiss
+}) {
+  const latest = (0, import_react.useRef)({ title, message, buttons, onButtonPress, onDismiss });
+  (0, import_react.useEffect)(() => {
+    latest.current = { title, message, buttons, onButtonPress, onDismiss };
+  });
+  (0, import_react.useEffect)(() => {
+    const handle = (0, import_runtime.getNativeAlerts)().show(
+      latest.current.title,
+      latest.current.message,
+      latest.current.buttons.map((button, index) => ({
+        text: button.text,
+        style: button.role === "destructive" ? "destructive" : button.role === "cancel" ? "cancel" : "default",
+        // the tapped action runs its swift closure and clears isPresented,
+        // which is the order the system alert uses on the way out: the action
+        // body is the last thing that runs with the alert still up. the
+        // handlers come off the ref at tap time, not from this render.
+        onPress: () => {
+          latest.current.onButtonPress?.(index);
+          latest.current.onDismiss?.();
+        }
+      }))
+    );
+    return () => {
+      (0, import_runtime.getNativeAlerts)().dismiss(handle);
+    };
+  }, []);
+  return null;
+}
+function readAlertButtons(value) {
+  if (!Array.isArray(value)) return [];
+  return value.map((entry) => {
+    if (!isRecord(entry)) return {};
+    return {
+      ...typeof entry.text === "string" ? { text: entry.text } : {},
+      ...typeof entry.role === "string" ? { role: entry.role } : {}
+    };
+  });
+}
 function nodeProps(node, deliver) {
   const props = node.p ?? {};
   switch (node.t) {
@@ -356,7 +604,8 @@ function nodeProps(node, deliver) {
       const style = fontStyle(fontModifier(node.m));
       return {
         children: typeof props.children === "string" ? props.children : "",
-        ...style ? { style } : {}
+        ...style ? { style } : {},
+        ...pressProps(node, deliver)
       };
     }
     case "Image": {
@@ -364,14 +613,18 @@ function nodeProps(node, deliver) {
       const size = typeof font?.size === "number" ? font.size : void 0;
       return {
         ...typeof props.systemName === "string" ? { systemName: props.systemName } : {},
-        ...size === void 0 ? {} : { size }
+        ...size === void 0 ? {} : { size },
+        ...pressProps(node, deliver)
       };
     }
     case "Toggle": {
       const onValueChange = handlerId(node, "onValueChange");
       return {
         isOn: props.value === true,
-        ...onValueChange === void 0 ? {} : { onIsOnChange: (value) => deliver(onValueChange, value) }
+        ...onValueChange === void 0 ? {} : { onIsOnChange: (value) => deliver(onValueChange, value) },
+        // the gesture replaces the row's own press (a label tap runs it and
+        // does not toggle); the switch keeps toggling through onValueChange.
+        ...pressProps(node, deliver)
       };
     }
     case "TextField": {
@@ -388,17 +641,264 @@ function nodeProps(node, deliver) {
         value: typeof props.value === "number" ? props.value : 0,
         min: typeof props.min === "number" ? props.min : 0,
         max: typeof props.max === "number" ? props.max : 1,
-        ...onValueChange === void 0 ? {} : { onValueChange: (value) => deliver(onValueChange, value) }
+        ...onValueChange === void 0 ? {} : { onValueChange: (value) => deliver(onValueChange, value) },
+        // a tap runs the gesture and leaves the value alone: only a drag
+        // moves it, so the gesture rides onPress beside the drag handler.
+        ...pressProps(node, deliver)
+      };
+    }
+    case "Button":
+      return pressProps(node, deliver);
+    case "TabView": {
+      const onSelect = handlerId(node, "onSelect");
+      const tabs = (node.c ?? []).map((tab, index) => {
+        const tabProps = tab.p ?? {};
+        return {
+          ...typeof tabProps.title === "string" ? { title: tabProps.title } : {},
+          ...typeof tabProps.systemImage === "string" ? { systemImage: tabProps.systemImage } : {},
+          ...typeof tabProps.role === "string" ? { role: tabProps.role } : {},
+          testID: `swift-tab-${index}`
+        };
+      });
+      return {
+        tabs,
+        selection: typeof props.selection === "number" ? props.selection : 0,
+        ...onSelect === void 0 ? {} : { onSelect: (index) => deliver(onSelect, index) }
+      };
+    }
+    case "BottomSheet": {
+      const onDismiss = handlerId(node, "onDismiss");
+      const detents = (node.c ?? []).flatMap((child) => nodeModifiers(child) ?? []).filter((modifier) => modifier.$type === "presentationDetents");
+      return {
+        isOpened: props.isOpened === true,
+        ...detents.length === 0 ? {} : { modifiers: detents },
+        ...onDismiss === void 0 ? {} : { onDismiss: () => deliver(onDismiss, null) }
+      };
+    }
+    case "ConfirmationDialog": {
+      return { isPresented: props.isPresented === true };
+    }
+    case "Alert": {
+      const onButtonPress = handlerId(node, "onButtonPress");
+      const onDismiss = handlerId(node, "onDismiss");
+      return {
+        title: typeof props.title === "string" ? props.title : "",
+        ...typeof props.message === "string" ? { message: props.message } : {},
+        buttons: readAlertButtons(props.buttons),
+        ...onButtonPress === void 0 ? {} : { onButtonPress: (index) => deliver(onButtonPress, index) },
+        ...onDismiss === void 0 ? {} : { onDismiss: () => deliver(onDismiss, null) }
+      };
+    }
+    case "SecureField": {
+      const onChangeText = handlerId(node, "onChangeText");
+      return {
+        ...typeof props.placeholder === "string" ? { placeholder: props.placeholder } : {},
+        ...typeof props.prompt === "string" ? { prompt: props.prompt } : {},
+        ...typeof props.defaultValue === "string" ? { defaultValue: props.defaultValue } : {},
+        ...onChangeText === void 0 ? {} : { onChangeText: (value) => deliver(onChangeText, value) }
       };
     }
-    case "Button": {
-      const onPress = handlerId(node, "onPress");
-      return onPress === void 0 ? {} : { onPress: () => deliver(onPress, null) };
+    case "Picker": {
+      const onSelectionChange = handlerId(node, "onSelectionChange");
+      return {
+        ...typeof props.title === "string" ? { label: props.title } : {},
+        ...props.selection === void 0 ? {} : { selection: props.selection },
+        ...onSelectionChange === void 0 ? {} : {
+          onSelectionChange: (value) => deliver(onSelectionChange, value)
+        }
+      };
     }
+    case "DatePicker": {
+      return {
+        ...typeof props.title === "string" ? { label: props.title } : {},
+        // the wire carries epoch seconds; the kit takes a Date and formats it
+        ...typeof props.value === "number" ? { value: new Date(props.value * 1e3) } : {},
+        ...Array.isArray(props.components) ? { components: props.components } : {}
+      };
+    }
+    case "GlassEffectContainer":
+      return {};
+    case "ProgressView":
+      return {
+        ...typeof props.title === "string" ? { label: props.title } : {},
+        ...typeof props.value === "number" || props.value === null ? { value: props.value } : {},
+        ...typeof props.total === "number" ? { total: props.total } : {}
+      };
     default:
-      return props;
+      return { ...props, ...pressProps(node, deliver) };
   }
 }
+function numberProp(node, name) {
+  const value = node.p?.[name];
+  return typeof value === "number" ? value : 0;
+}
+function menuItemLabel(node) {
+  const [only] = node.c ?? [];
+  if (node.t !== "Button" || node.c?.length !== 1 || !only) return void 0;
+  if (only.t === "Text" && typeof only.p?.children === "string") {
+    return { label: only.p.children };
+  }
+  if (only.t === "Label" && typeof only.p?.title === "string" && (only.p?.systemImage === void 0 || typeof only.p?.systemImage === "string")) {
+    return {
+      label: only.p.title,
+      ...typeof only.p?.systemImage === "string" ? { systemImage: only.p.systemImage } : {}
+    };
+  }
+  return void 0;
+}
+function renderMenuItem(node, deliver, cache) {
+  const item = menuItemLabel(node);
+  if (item !== void 0) {
+    const modifiers = nodeModifiers(node);
+    return (0, import_react.createElement)(import_ui.Button, {
+      key: node.id,
+      ...item,
+      ...modifiers === void 0 ? {} : { modifiers },
+      ...pressProps(node, deliver)
+    });
+  }
+  return renderNode(node, deliver, cache);
+}
+function renderMenu(node, deliver, cache) {
+  const labelCount = numberProp(node, "labelCount");
+  const kids = node.c ?? [];
+  const labels = kids.slice(0, labelCount);
+  const items = kids.slice(labelCount);
+  const [only] = labels;
+  const onlyText = labels.length === 1 && only.t === "Text" && typeof only.p?.children === "string" ? only.p.children : void 0;
+  const onlyLabel = labels.length === 1 && only.t === "Label" && typeof only.p?.title === "string" && (only.p?.systemImage === void 0 || typeof only.p?.systemImage === "string") ? only : void 0;
+  const label = onlyText !== void 0 || onlyLabel !== void 0 ? void 0 : (0, import_react.createElement)(
+    import_react.Fragment,
+    null,
+    ...labels.map((child) => renderNode(child, deliver, cache))
+  );
+  const labelModifiers = labels.length === 1 ? nodeModifiers(only) : void 0;
+  const modifiers = nodeModifiers(node);
+  const combined = [...labelModifiers ?? [], ...modifiers ?? []];
+  return (0, import_react.createElement)(
+    import_ui.Menu,
+    {
+      key: node.id,
+      ...combined.length > 0 ? { modifiers: combined } : {},
+      ...onlyText !== void 0 ? { label: onlyText } : {},
+      ...onlyLabel !== void 0 ? {
+        label: onlyLabel.p?.title,
+        ...typeof onlyLabel.p?.systemImage === "string" ? { systemImage: onlyLabel.p.systemImage } : {}
+      } : {},
+      ...label === void 0 ? {} : { label }
+    },
+    ...items.map((child) => renderMenuItem(child, deliver))
+  );
+}
+function renderContextMenu(node, deliver, cache) {
+  const kids = node.c ?? [];
+  const contentCount = numberProp(node, "contentCount");
+  const itemCount = numberProp(node, "itemCount");
+  const content = kids.slice(0, contentCount);
+  const items = kids.slice(contentCount, contentCount + itemCount);
+  const preview = kids.slice(contentCount + itemCount);
+  const modifiers = nodeModifiers(node);
+  return (0, import_react.createElement)(
+    import_ui.ContextMenu,
+    {
+      key: node.id,
+      ...modifiers === void 0 ? {} : { modifiers }
+    },
+    (0, import_react.createElement)(
+      import_ui.Trigger,
+      { key: `${node.id}/trigger` },
+      ...content.map((child) => renderNode(child, deliver, cache))
+    ),
+    (0, import_react.createElement)(
+      import_ui.Items,
+      { key: `${node.id}/items` },
+      ...items.map((child) => renderMenuItem(child, deliver))
+    ),
+    ...preview.length > 0 ? [
+      (0, import_react.createElement)(
+        import_ui.Preview,
+        { key: `${node.id}/preview` },
+        ...preview.map((child) => renderNode(child, deliver, cache))
+      )
+    ] : []
+  );
+}
+function renderSwipeActions(node, deliver, cache) {
+  const kids = node.c ?? [];
+  const content = kids.slice(0, numberProp(node, "contentCount"));
+  const actions = kids.slice(numberProp(node, "contentCount"));
+  const modifiers = nodeModifiers(node);
+  const { Actions } = import_ui.SwipeActions;
+  return (0, import_react.createElement)(
+    import_ui.SwipeActions,
+    {
+      key: node.id,
+      ...modifiers === void 0 ? {} : { modifiers }
+    },
+    ...content.map((child) => renderNode(child, deliver, cache)),
+    ...actions.length > 0 ? [
+      (0, import_react.createElement)(
+        Actions,
+        {
+          key: `${node.id}/actions`,
+          edge: node.p?.edge === "leading" ? "leading" : "trailing",
+          ...typeof node.p?.allowsFullSwipe === "boolean" ? { allowsFullSwipe: node.p.allowsFullSwipe } : {}
+        },
+        ...actions.map((child) => renderNode(child, deliver, cache))
+      )
+    ] : []
+  );
+}
+function ClosureStepper({
+  deliver,
+  onIncrement,
+  onDecrement,
+  ...rest
+}) {
+  const last = (0, import_react.useRef)(0);
+  return (0, import_react.createElement)(import_ui.Stepper, {
+    ...rest,
+    onValueChange: (next) => {
+      if (next > last.current && onIncrement !== void 0) {
+        deliver(onIncrement, null);
+      } else if (next < last.current && onDecrement !== void 0) {
+        deliver(onDecrement, null);
+      }
+      last.current = next;
+    }
+  });
+}
+function renderStepper(node, deliver, cache) {
+  const kids = node.c ?? [];
+  const label = kids.length === 0 ? void 0 : (0, import_react.createElement)(
+    import_react.Fragment,
+    null,
+    ...kids.map((child) => renderNode(child, deliver, cache))
+  );
+  const modifiers = nodeModifiers(node);
+  const shared = {
+    key: node.id,
+    ...modifiers === void 0 ? {} : { modifiers },
+    ...label === void 0 ? {} : { label },
+    ...typeof node.p?.min === "number" ? { min: node.p.min } : {},
+    ...typeof node.p?.max === "number" ? { max: node.p.max } : {},
+    ...typeof node.p?.step === "number" ? { step: node.p.step } : {}
+  };
+  const onValueChange = handlerId(node, "onValueChange");
+  if (onValueChange !== void 0) {
+    return (0, import_react.createElement)(import_ui.Stepper, {
+      ...shared,
+      ...typeof node.p?.value === "number" ? { value: node.p.value } : {},
+      onValueChange: (value) => deliver(onValueChange, value)
+    });
+  }
+  return (0, import_react.createElement)(ClosureStepper, {
+    ...shared,
+    deliver,
+    ...handlerId(node, "onIncrement") === void 0 ? {} : { onIncrement: handlerId(node, "onIncrement") },
+    ...handlerId(node, "onDecrement") === void 0 ? {} : { onDecrement: handlerId(node, "onDecrement") }
+  });
+}
 function buttonModifier(modifier) {
   if (modifier.$type === "glassEffect") {
     const glass = modifier.glass;
@@ -415,11 +915,195 @@ function nodeModifiers(node) {
   if (node.t !== "Button") return resolved;
   return resolved?.map(buttonModifier);
 }
-function renderNode(node, deliver) {
+function dialogChildren(node, deliver) {
+  const children = node.c?.map((child) => renderNode(child, deliver));
+  const props = node.p ?? {};
+  if (props.showsTitle !== true || typeof props.title !== "string") return children;
+  const title = (0, import_react.createElement)(import_ui.Text, { key: `${node.id}/title`, children: props.title });
+  return [title, ...children ?? []];
+}
+var Stack = (0, import_native_stack.createNativeStackNavigator)();
+var NAVIGATOR_FILL = { flex: 1, alignSelf: "stretch" };
+function readNodes(value) {
+  if (!Array.isArray(value)) return [];
+  return value.map(readNode);
+}
+function hasPrefix(names, of) {
+  return names.every((name, index) => of[index] === name);
+}
+function sameNames(a, b) {
+  return a.length === b.length && a.every((name, index) => b[index] === name);
+}
+function commonPrefixLength(a, b) {
+  let length = 0;
+  while (length < a.length && length < b.length && a[length] === b[length]) length++;
+  return length;
+}
+function reconcilePlan(names, desired) {
+  const common = commonPrefixLength(names, desired);
+  if (common === names.length && common === desired.length) return { kind: "in-step" };
+  if (common === names.length) return { kind: "push" };
+  if (common === desired.length) return { kind: "pop" };
+  const top = desired[desired.length - 1];
+  return { kind: "replace", replaceAnimation: names.includes(top) ? "pop" : "push" };
+}
+function resolveLargeTitles(modes) {
+  let previous = true;
+  return modes.map((mode) => {
+    const large = mode === "inline" ? false : mode === "large" ? true : previous;
+    previous = large;
+    return large;
+  });
+}
+function screenOptions(node, deliver, largeTitle, replaceAnimation) {
+  const props = node.p ?? {};
+  const options = {
+    title: typeof props.title === "string" ? props.title : "",
+    headerLargeTitleEnabled: largeTitle
+  };
+  if (replaceAnimation !== void 0) options.animationTypeForReplace = replaceAnimation;
+  const leading = readNodes(props.leading);
+  const trailing = readNodes(props.trailing);
+  const principal = readNodes(props.principal);
+  const render = (nodes) => () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: nodes.map((child) => renderNode(child, deliver)) });
+  if (leading.length > 0) {
+    options.headerLeft = render(leading);
+    options.headerBackVisible = true;
+  }
+  if (trailing.length > 0) options.headerRight = render(trailing);
+  if (principal.length > 0) options.headerTitle = render(principal);
+  return options;
+}
+function SwiftScreen({
+  node,
+  navigation,
+  deliver,
+  report
+}) {
+  const routes = (0, import_native.useNavigationState)(
+    (state) => state.routes.map((route) => route.name).join("\0")
+  );
+  (0, import_react.useEffect)(() => {
+    report(navigation, routes === "" ? [] : routes.split("\0"));
+  });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: node.c?.map((child) => renderNode(child, deliver)) });
+}
+function NavigationStackHost({ node, deliver }) {
+  const screens = (node.c ?? []).filter((child) => child.t === "NavigationScreen");
+  const desired = screens.map((screen) => screen.id);
+  const largeTitles = resolveLargeTitles(
+    screens.map((screen) => {
+      const mode = screen.p?.titleDisplayMode;
+      return typeof mode === "string" ? mode : void 0;
+    })
+  );
+  const onPop = node.h?.onPop;
+  const reportRef = (0, import_react.useRef)(null);
+  const reportedRef = (0, import_react.useRef)([]);
+  const expectedRef = (0, import_react.useRef)(null);
+  const syncedRef = (0, import_react.useRef)(null);
+  const [, rerender] = (0, import_react.useReducer)((count) => count + 1, 0);
+  const report = (0, import_react.useCallback)((navigation, names) => {
+    const previous = reportRef.current;
+    reportRef.current = { navigation, names };
+    if (previous && sameNames(previous.names, names)) return;
+    rerender();
+  }, []);
+  const reported = reportRef.current?.names ?? [];
+  const plan = reportRef.current ? reconcilePlan(reported, desired) : null;
+  const replaceTop = plan?.kind === "replace" ? desired[desired.length - 1] : void 0;
+  (0, import_react.useEffect)(() => {
+    const current = reportRef.current;
+    if (!current) return;
+    const names = current.names;
+    const previous = reportedRef.current;
+    const isReport = !sameNames(previous, names);
+    if (isReport) reportedRef.current = names;
+    const expected = expectedRef.current;
+    if (expected) {
+      if (sameNames(expected, names)) expectedRef.current = null;
+      else if (!isReport) return;
+      else expectedRef.current = null;
+    }
+    const dropped = previous.slice(names.length);
+    const settled = syncedRef.current;
+    const navigatorPopped = isReport && dropped.length > 0 && settled !== null && sameNames(settled, desired) && hasPrefix(names, desired) && hasPrefix(desired.slice(names.length), dropped);
+    if (navigatorPopped && onPop !== void 0) {
+      deliver(onPop, { count: dropped.length });
+      return;
+    }
+    const next = reconcilePlan(names, desired);
+    if (next.kind === "in-step") {
+      expectedRef.current = null;
+      syncedRef.current = desired;
+      return;
+    }
+    expectedRef.current = desired;
+    if (next.kind === "push") {
+      for (const name of desired.slice(names.length)) current.navigation.push(name);
+      return;
+    }
+    if (next.kind === "pop") {
+      current.navigation.pop(names.length - desired.length);
+      return;
+    }
+    current.navigation.reset({
+      index: Math.max(0, desired.length - 1),
+      routes: desired.map((name) => ({ name }))
+    });
+  });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Stack.Navigator, { initialRouteName: desired[0], children: screens.map((screen, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    Stack.Screen,
+    {
+      name: screen.id,
+      options: screenOptions(
+        screen,
+        deliver,
+        largeTitles[index],
+        screen.id === replaceTop ? plan?.kind === "replace" ? plan.replaceAnimation : void 0 : void 0
+      ),
+      children: (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        SwiftScreen,
+        {
+          node: screen,
+          navigation: props.navigation,
+          deliver,
+          report
+        }
+      )
+    },
+    screen.id
+  )) });
+}
+function renderNode(node, deliver, cache) {
+  const cached = cache?.entries.get(node.id);
+  if (cached && sameNode(cached.node, node)) return cached.element;
+  const element = buildNode(node, deliver, cache);
+  cache?.entries.set(node.id, { node, element });
+  return element;
+}
+function buildNode(node, deliver, cache) {
+  if (node.t === "Menu") return renderMenu(node, deliver, cache);
+  if (node.t === "ContextMenu") return renderContextMenu(node, deliver, cache);
+  if (node.t === "SwipeActions") return renderSwipeActions(node, deliver, cache);
+  if (node.t === "Stepper") return renderStepper(node, deliver, cache);
+  if (node.t === "NavigationStack") {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native.View, { style: NAVIGATOR_FILL, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(NavigationStackHost, { node, deliver }) }, node.id);
+  }
+  if (node.t === "NavigationLink") {
+    return (0, import_react.createElement)(
+      import_ui.Button,
+      {
+        key: node.id,
+        ...pressProps(node, deliver)
+      },
+      ...(node.c ?? []).map((child) => renderNode(child, deliver, cache))
+    );
+  }
   const component = NODE_COMPONENTS[node.t];
   if (!component) throw new Error(`swift view ${node.t} has no rnx kit component`);
   const modifiers = nodeModifiers(node);
-  const children = node.c?.map((child) => renderNode(child, deliver));
+  const children = node.t === "ConfirmationDialog" ? dialogChildren(node, deliver) : node.c?.map((child) => renderNode(child, deliver));
   return (0, import_react.createElement)(
     component,
     {
@@ -430,6 +1114,25 @@ function renderNode(node, deliver) {
     ...children ?? []
   );
 }
+function SwiftTree({
+  tree,
+  deliver,
+  cache
+}) {
+  return (
+    // a navigation stack at the root lays its own bar out under the status
+    // bar and insets each screen itself, so the host must not also pad it
+    // down: that pad would move the whole stack a status bar lower
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_ui.Host,
+      {
+        style: { flex: 1 },
+        ignoreSafeArea: tree.some((node) => node.t === "NavigationStack"),
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_native.NavigationIndependentTree, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_native.NavigationContainer, { children: tree.map((node) => renderNode(node, deliver, cache)) }) })
+      }
+    )
+  );
+}
 var ROOT_KEY = "__rnx_swift_roots__";
 function rootRegistry() {
   const existing = Reflect.get(globalThis, ROOT_KEY);
@@ -438,12 +1141,22 @@ function rootRegistry() {
   Reflect.set(globalThis, ROOT_KEY, created);
   return created;
 }
-function createRoot() {
+function slotFor(rootId, mountTree, props) {
+  const registry = rootRegistry();
+  const existing = registry.get(rootId);
+  if (existing) return existing;
+  const created = { root: createRoot(mountTree, props), props };
+  registry.set(rootId, created);
+  return created;
+}
+function createRoot(mountTree, props) {
   let instance = null;
   let source = null;
+  let refresh;
   let state = { tree: null, error: null };
   let swap = Promise.resolve();
   const listeners = /* @__PURE__ */ new Set();
+  const cache = { entries: /* @__PURE__ */ new Map() };
   const publish = (next) => {
     state = next;
     for (const listener of listeners) listener();
@@ -454,7 +1167,7 @@ function createRoot() {
     if (carried !== null) created.importState(carried);
     if (source !== options) return;
     instance = created;
-    publish({ tree: created.mount(), error: null });
+    publish({ tree: mountTree(created, props.current), error: null });
   };
   const component = function SwiftRoot() {
     const rendered = (0, import_react.useSyncExternalStore)(
@@ -470,14 +1183,15 @@ function createRoot() {
       if (!instance) throw new Error("swift app received an event before it mounted");
       publish({ tree: instance.deliver(handlerId2, payload), error: null });
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ui.Host, { style: { flex: 1 }, children: rendered.tree.map((node) => renderNode(node, deliver)) });
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SwiftTree, { tree: rendered.tree, deliver, cache });
   };
   return {
     component,
-    use(options) {
-      const changed = source === null || source.hash !== options.hash || source.url !== options.url;
+    use(options, refreshKey) {
+      const changed = source === null || source.hash !== options.hash || source.url !== options.url || refreshKey !== void 0 && refreshKey !== refresh;
       if (changed) {
         source = options;
+        refresh = refreshKey;
         swap = swap.then(
           () => apply(options),
           () => apply(options)
@@ -495,13 +1209,41 @@ function createRoot() {
 }
 function createSwiftModule(options) {
   const rootId = options.rootId ?? "root";
-  const registry = rootRegistry();
-  const existing = registry.get(rootId);
-  const root = existing ?? createRoot();
-  if (!existing) registry.set(rootId, root);
-  return root.use(options);
+  const slot = slotFor(rootId, (instance) => instance.mount(), { current: {} });
+  return slot.root.use(options);
+}
+function propsSignature(props) {
+  try {
+    return JSON.stringify(props, (_key, value) => {
+      if (typeof value === "function" || typeof value === "symbol" || typeof value === "bigint") {
+        throw new Error(`swift view props must be json; found ${typeof value}`);
+      }
+      return value;
+    }) ?? "null";
+  } catch (error) {
+    if (error instanceof Error && error.message.startsWith("swift view props"))
+      throw error;
+    throw new Error(
+      `swift view props must be json: ${error instanceof Error ? error.message : String(error)}`
+    );
+  }
+}
+function createSwiftView(options) {
+  const rootId = options.rootId ?? "view";
+  const slot = slotFor(rootId, (instance, props) => instance.mountView(props), {
+    current: {}
+  });
+  return function SwiftView(props) {
+    if (props.children !== void 0) {
+      throw new Error("swift views take data props, not children");
+    }
+    slot.props.current = props;
+    const component = slot.root.use(options, propsSignature(props));
+    return (0, import_react.createElement)(component);
+  };
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  createSwiftModule
+  createSwiftModule,
+  createSwiftView
 });