peachsim 0.1.527 → 0.1.570

package/dist-lib/swift.cjs

@@ -1,4 +1,4 @@
-/*! rnx v0.1.527 | (c) 2026 Tamagui LLC | Proprietary — see LICENSE */
+/*! rnx v0.1.570 | (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;
@@ -44,6 +44,7 @@ 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_react_native_pager_view = __toESM(require("react-native-pager-view"), 1);
 
 // ../sootsim-swift/src/bundleAssets.ts
 function resolveImageSource(source, table, onMiss) {
@@ -294,6 +295,9 @@ function createResFs(files) {
 
 // ../sootsim-swift/src/mount.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
+function rnSvg() {
+  return require("react-native-svg");
+}
 function isRecord(value) {
   return typeof value === "object" && value !== null;
 }
@@ -419,7 +423,7 @@ function wasiImports(host, argv, resFiles) {
       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;
+      const nanos = clockId === 1 ? BigInt(Math.round(performance.now() * 1e6)) : clockId === 0 ? BigInt(Math.floor(Date.now())) * 1000000n : null;
       if (nanos === null) return WASI_INVAL;
       host.writeU64(timePtr, nanos);
       return 0;
@@ -699,16 +703,427 @@ function SwiftImage(props) {
     ...source === void 0 ? {} : { source: resolved }
   });
 }
+function readCanvasNumber(op, field, id) {
+  const value = op[field];
+  if (typeof value !== "number" || !Number.isFinite(value)) {
+    throw new Error(`swift canvas ${id} op ${op.op} has no numeric ${field}`);
+  }
+  return value;
+}
+function readCanvasString(op, field, id) {
+  const value = op[field];
+  if (typeof value !== "string") {
+    throw new Error(`swift canvas ${id} op ${op.op} has no string ${field}`);
+  }
+  return value;
+}
+function readCanvasOps(value, id) {
+  if (!Array.isArray(value)) throw new Error(`swift canvas ${id} has non-array ops`);
+  return value.map((op) => {
+    if (!isRecord(op) || typeof op.op !== "string") {
+      throw new Error(`swift canvas ${id} has an op with no name`);
+    }
+    return { ...op, op: op.op };
+  });
+}
+function readCanvasShading(op, id) {
+  const shading = op.shading;
+  if (!isRecord(shading))
+    throw new Error(`swift canvas ${id} op ${op.op} has no shading object`);
+  if (shading.kind !== "radial") {
+    throw new Error(
+      `swift canvas ${id} op ${op.op} shading ${String(shading.kind)} is not lowerable`
+    );
+  }
+  const center = shading.center;
+  if (!isRecord(center) || typeof center.x !== "number" || typeof center.y !== "number") {
+    throw new Error(`swift canvas ${id} op ${op.op} shading has no numeric center`);
+  }
+  for (const field of ["startRadius", "endRadius"]) {
+    if (typeof shading[field] !== "number") {
+      throw new Error(`swift canvas ${id} op ${op.op} shading has no numeric ${field}`);
+    }
+  }
+  const stops = shading.stops;
+  if (!Array.isArray(stops) || stops.length === 0) {
+    throw new Error(`swift canvas ${id} op ${op.op} shading has no stops`);
+  }
+  return {
+    kind: "radial",
+    center: { x: center.x, y: center.y },
+    startRadius: shading.startRadius,
+    endRadius: shading.endRadius,
+    stops: stops.map((stop) => {
+      if (!isRecord(stop) || typeof stop.color !== "string" || typeof stop.location !== "number") {
+        throw new Error(`swift canvas ${id} op ${op.op} shading has a malformed stop`);
+      }
+      return { color: resolveColor(stop.color), location: stop.location };
+    })
+  };
+}
+function resolveCanvasOp(op, id) {
+  if (op.op === "fill" || op.op === "stroke") {
+    if (op.color !== void 0) {
+      return { ...op, color: resolveColor(readCanvasString(op, "color", id)) };
+    }
+    return { ...op, shading: readCanvasShading(op, id) };
+  }
+  if (op.op === "layer") {
+    return {
+      ...op,
+      ops: readCanvasOps(op.ops, id).map((inner) => resolveCanvasOp(inner, id))
+    };
+  }
+  if (op.op === "drawImage") {
+    const anchor = op.anchor;
+    if (!isRecord(anchor) || typeof anchor.x !== "number" || typeof anchor.y !== "number") {
+      throw new Error(`swift canvas ${id} op drawImage has no numeric anchor`);
+    }
+    if (op.kind !== "asset" && op.kind !== "symbol") {
+      throw new Error(
+        `swift canvas ${id} drawImage kind ${String(op.kind)} is not lowerable`
+      );
+    }
+    return op;
+  }
+  return op;
+}
+function lowerCanvasOps(ops, size, id) {
+  const defs = [];
+  const cx = size.width / 2;
+  const cy = size.height / 2;
+  const toSvgList = (entries) => entries.map((entry) => {
+    if ("translateX" in entry) return `translate(${entry.translateX} 0)`;
+    if ("translateY" in entry) return `translate(0 ${entry.translateY})`;
+    if ("scaleX" in entry) return `scale(${entry.scaleX} 1)`;
+    if ("scaleY" in entry) return `scale(1 ${entry.scaleY})`;
+    return `rotate(${entry.rotate.replace("deg", "")})`;
+  }).join(" ");
+  const lowerList = (list, state) => {
+    const layers = [];
+    const snap = () => ({
+      ...state.opacity === 1 ? {} : { opacity: state.opacity },
+      ...state.transform.length === 0 ? {} : {
+        transformSvg: toSvgList(state.transform),
+        transformRN: state.transform.map((entry) => ({ ...entry }))
+      }
+    });
+    for (const op of list) {
+      if (op.op === "opacity") {
+        state.opacity = readCanvasNumber(op, "value", id);
+        continue;
+      }
+      if (op.op === "translate") {
+        state.transform.push({ translateX: readCanvasNumber(op, "x", id) });
+        state.transform.push({ translateY: readCanvasNumber(op, "y", id) });
+        continue;
+      }
+      if (op.op === "scale") {
+        const x = readCanvasNumber(op, "x", id);
+        const y = readCanvasNumber(op, "y", id);
+        state.transform.push(
+          { translateX: cx },
+          { translateY: cy },
+          { scaleX: x },
+          { scaleY: y },
+          { translateX: -cx },
+          { translateY: -cy }
+        );
+        continue;
+      }
+      if (op.op === "rotate") {
+        const degrees = readCanvasNumber(op, "degrees", id);
+        state.transform.push(
+          { translateX: cx },
+          { translateY: cy },
+          { rotate: `${degrees}deg` },
+          { translateX: -cx },
+          { translateY: -cy }
+        );
+        continue;
+      }
+      if (op.op === "layer") {
+        if (!Array.isArray(op.ops))
+          throw new Error(`swift canvas ${id} layer has non-array ops`);
+        layers.push(
+          ...lowerList(readCanvasOps(op.ops, id), {
+            opacity: state.opacity,
+            transform: state.transform.map((entry) => ({ ...entry }))
+          })
+        );
+        continue;
+      }
+      const shot = snap();
+      if (op.op === "fill" || op.op === "stroke") {
+        const d = readCanvasString(op, "d", id);
+        const shading = op.shading;
+        if (isRecord(shading)) {
+          if (op.op === "stroke") {
+            throw new Error(`swift canvas ${id} stroke with shading is not lowerable`);
+          }
+          const center = shading.center;
+          const stops = shading.stops;
+          if (shading.kind !== "radial" || !isRecord(center) || typeof center.x !== "number" || typeof center.y !== "number" || typeof shading.startRadius !== "number" || typeof shading.endRadius !== "number" || !Array.isArray(stops) || stops.length === 0) {
+            throw new Error(`swift canvas ${id} fill shading is not lowerable`);
+          }
+          if (shading.startRadius !== 0) {
+            throw new Error(
+              `swift canvas ${id} radial startRadius ${shading.startRadius} is not lowerable`
+            );
+          }
+          const gradientId = `cgr${defs.length}`;
+          defs.push({
+            id: gradientId,
+            cx: center.x,
+            cy: center.y,
+            r: shading.endRadius,
+            fx: center.x,
+            fy: center.y,
+            stops: stops.map((stop) => {
+              if (!isRecord(stop) || typeof stop.location !== "number" || stop.color === void 0) {
+                throw new Error(`swift canvas ${id} fill shading has a malformed stop`);
+              }
+              return { color: stop.color, location: stop.location };
+            })
+          });
+          layers.push({
+            ...shot,
+            svg: { kind: "path", d, fill: { gradient: gradientId } }
+          });
+          continue;
+        }
+        if (op.color === void 0) {
+          throw new Error(`swift canvas ${id} op ${op.op} has no resolved color`);
+        }
+        layers.push({
+          ...shot,
+          svg: {
+            kind: "path",
+            d,
+            ...op.op === "fill" ? { fill: op.color } : { stroke: op.color, strokeWidth: readCanvasNumber(op, "lineWidth", id) }
+          }
+        });
+        continue;
+      }
+      if (op.op === "drawImage") {
+        const x = readCanvasNumber(op, "x", id);
+        const y = readCanvasNumber(op, "y", id);
+        const anchor = op.anchor;
+        if (!isRecord(anchor) || typeof anchor.x !== "number" || typeof anchor.y !== "number") {
+          throw new Error(`swift canvas ${id} op drawImage has no numeric anchor`);
+        }
+        const name = readCanvasString(op, "name", id);
+        if (op.kind === "symbol") {
+          layers.push({
+            ...shot,
+            overlay: {
+              kind: "symbol",
+              name,
+              left: x - 17 * anchor.x,
+              top: y - 17 * anchor.y
+            }
+          });
+          continue;
+        }
+        if (op.kind !== "asset") {
+          throw new Error(
+            `swift canvas ${id} drawImage kind ${String(op.kind)} is not lowerable`
+          );
+        }
+        layers.push({
+          ...shot,
+          svg: {
+            kind: "asset",
+            source: name,
+            x,
+            y,
+            anchor: { x: anchor.x, y: anchor.y }
+          }
+        });
+        continue;
+      }
+      if (op.op === "drawText") {
+        layers.push({
+          ...shot,
+          overlay: {
+            kind: "text",
+            text: readCanvasString(op, "text", id),
+            left: readCanvasNumber(op, "x", id),
+            top: readCanvasNumber(op, "y", id)
+          }
+        });
+        continue;
+      }
+      throw new Error(`swift canvas ${id} op ${op.op} is not lowerable`);
+    }
+    return layers;
+  };
+  return { defs, layers: lowerList(ops, { opacity: 1, transform: [] }) };
+}
+function SwiftCanvasAsset({
+  name,
+  x,
+  y,
+  anchor
+}) {
+  const table = (0, import_react.useContext)(SwiftResourcesContext);
+  const [dims, setDims] = (0, import_react.useState)(null);
+  const uri = table?.[name];
+  (0, import_react.useEffect)(() => {
+    if (uri === void 0) {
+      console.error(`swift: no bundle asset named '${name}' in this mount's resources`);
+      return;
+    }
+    let live = true;
+    import_react_native.Image.getSize(
+      uri,
+      (width, height) => {
+        if (live) setDims({ width, height });
+      },
+      () => {
+      }
+    );
+    return () => {
+      live = false;
+    };
+  }, [uri, name]);
+  if (uri === void 0 || dims === null) return null;
+  const { Image: SvgImage } = rnSvg();
+  return (0, import_react.createElement)(SvgImage, {
+    x: x - dims.width * anchor.x,
+    y: y - dims.height * anchor.y,
+    width: dims.width,
+    height: dims.height,
+    href: { uri }
+  });
+}
+function SwiftCanvas({
+  size,
+  ops,
+  modifiers
+}) {
+  const { defs, layers } = lowerCanvasOps(ops, size, "canvas");
+  const { default: Svg, Defs, G, Path: SvgPath, RadialGradient, Stop } = rnSvg();
+  const svgLayers = [];
+  const overlays = [];
+  layers.forEach((layer, index) => {
+    if (layer.svg !== void 0) {
+      const content = layer.svg.kind === "path" ? (
+        // resolved colors are unknown-typed (platform colors, dynamics);
+        // the seam takes any brush, like the pager/tab seams take any props.
+        (0, import_react.createElement)(SvgPath, {
+          d: layer.svg.d,
+          ...isRecord(layer.svg.fill) && typeof layer.svg.fill.gradient === "string" ? { fill: `url(#${layer.svg.fill.gradient})` } : layer.svg.fill !== void 0 ? { fill: layer.svg.fill } : {},
+          ...layer.svg.stroke !== void 0 ? { stroke: layer.svg.stroke } : {},
+          ...layer.svg.strokeWidth !== void 0 ? { strokeWidth: layer.svg.strokeWidth } : {}
+        })
+      ) : (0, import_react.createElement)(SwiftCanvasAsset, {
+        name: layer.svg.source,
+        x: layer.svg.x,
+        y: layer.svg.y,
+        anchor: layer.svg.anchor
+      });
+      svgLayers.push(
+        (0, import_react.createElement)(
+          G,
+          {
+            key: `op-${index}`,
+            ...layer.opacity === void 0 ? {} : { opacity: layer.opacity },
+            ...layer.transformSvg === void 0 ? {} : { transform: layer.transformSvg }
+          },
+          content
+        )
+      );
+      return;
+    }
+    if (layer.overlay !== void 0) {
+      const content = layer.overlay.kind === "symbol" ? (0, import_react.createElement)(import_ui.Image, { systemName: layer.overlay.name, size: 17 }) : (0, import_react.createElement)(import_ui.Text, null, layer.overlay.text);
+      overlays.push(
+        (0, import_react.createElement)(
+          import_react_native.View,
+          {
+            key: `op-${index}`,
+            style: {
+              position: "absolute",
+              left: 0,
+              top: 0,
+              width: size.width,
+              height: size.height,
+              ...layer.opacity === void 0 ? {} : { opacity: layer.opacity },
+              ...layer.transformRN === void 0 ? {} : { transform: layer.transformRN }
+            }
+          },
+          (0, import_react.createElement)(
+            import_react_native.View,
+            {
+              style: {
+                position: "absolute",
+                left: layer.overlay.left,
+                top: layer.overlay.top
+              }
+            },
+            content
+          )
+        )
+      );
+    }
+  });
+  return (0, import_react.createElement)(
+    import_react_native.View,
+    {
+      ...modifiers?.length ? { modifiers } : {},
+      style: {
+        width: size.width,
+        height: size.height,
+        overflow: "hidden"
+      }
+    },
+    (0, import_react.createElement)(
+      Svg,
+      { width: size.width, height: size.height },
+      defs.length === 0 ? null : (0, import_react.createElement)(
+        Defs,
+        null,
+        ...defs.map(
+          (def) => (0, import_react.createElement)(
+            RadialGradient,
+            {
+              key: def.id,
+              id: def.id,
+              gradientUnits: "userSpaceOnUse",
+              cx: def.cx,
+              cy: def.cy,
+              r: def.r,
+              fx: def.fx,
+              fy: def.fy
+            },
+            ...def.stops.map(
+              (stop, stopIndex) => (0, import_react.createElement)(Stop, {
+                key: `stop-${stopIndex}`,
+                offset: stop.location,
+                stopColor: stop.color
+              })
+            )
+          )
+        )
+      ),
+      ...svgLayers
+    ),
+    ...overlays
+  );
+}
 var NODE_COMPONENTS = {
   Alert: SwiftAlert,
   BottomSheet: import_ui.BottomSheet,
   Button: import_ui.Button,
+  Canvas: SwiftCanvas,
   Capsule: import_ui.Capsule,
   Circle: import_ui.Circle,
   ConfirmationDialog: import_ui.ConfirmationDialog,
   ContextMenu: import_ui.ContextMenu,
   DatePicker: import_ui.DatePicker,
   Divider: import_ui.Divider,
+  EditButton: import_ui.Button,
   Ellipse: import_ui.Ellipse,
   Form: import_ui.Form,
   GeometryReader: import_ui.GeometryReader,
@@ -719,7 +1134,9 @@ var NODE_COMPONENTS = {
   Label: import_ui.Label,
   LazyVStack: import_ui.LazyVStack,
   LinearGradient: import_ui.LinearGradient,
+  Link: import_ui.Link,
   List: import_ui.List,
+  Map: import_ui.Map,
   Menu: import_ui.Menu,
   Path: import_ui.Path,
   Picker: import_ui.Picker,
@@ -765,6 +1182,11 @@ var FONT_WEIGHTS = /* @__PURE__ */ new Map([
   ["heavy", "800"],
   ["black", "900"]
 ]);
+var TEXT_ALIGNS = /* @__PURE__ */ new Map([
+  ["leading", "left"],
+  ["center", "center"],
+  ["trailing", "right"]
+]);
 function fontModifier(modifiers) {
   return modifiers?.find((modifier) => modifier.$type === "font");
 }
@@ -785,6 +1207,13 @@ function fontStyle(font) {
   }
   return style;
 }
+function textAlign(alignment) {
+  if (!alignment || typeof alignment.alignment !== "string") return void 0;
+  const align = TEXT_ALIGNS.get(alignment.alignment);
+  if (align === void 0)
+    throw new Error(`swift text alignment ${alignment.alignment} has no value`);
+  return { textAlign: align };
+}
 function sameValue(a, b) {
   if (a === b) return true;
   if (Array.isArray(a) && Array.isArray(b)) {
@@ -835,10 +1264,69 @@ function pressProps(node, deliver) {
 function SwiftTabScene({ children }) {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children });
 }
+function SwiftPageView({
+  selection,
+  onSelect,
+  indexDisplayMode,
+  modifiers,
+  children
+}) {
+  const scenes = import_react.Children.toArray(children);
+  const count = scenes.length;
+  const index = selection >= 0 && selection < count ? selection : 0;
+  const pagerRef = (0, import_react.useRef)(null);
+  (0, import_react.useEffect)(() => {
+    if (selection !== index) onSelect?.(index);
+  }, [selection, index, onSelect]);
+  (0, import_react.useEffect)(() => {
+    pagerRef.current?.setPageWithoutAnimation?.(index);
+  }, [index]);
+  const showDots = indexDisplayMode !== "never" && (indexDisplayMode === "always" || count > 1);
+  return (0, import_react.createElement)(
+    import_ui.VStack,
+    {
+      ...modifiers?.length ? { modifiers } : {},
+      style: {
+        alignSelf: "stretch",
+        alignItems: "stretch",
+        flexGrow: 1,
+        flexShrink: 1,
+        flexBasis: "auto"
+      }
+    },
+    (0, import_react.createElement)(
+      import_ui.ZStack,
+      { style: { flexGrow: 1 } },
+      (0, import_react.createElement)(
+        import_react_native_pager_view.default,
+        {
+          ref: pagerRef,
+          initialPage: index,
+          style: { flex: 1 },
+          onPageSelected: (event) => onSelect?.(event.nativeEvent.position)
+        },
+        ...scenes
+      ),
+      showDots ? (0, import_react.createElement)(
+        import_react_native.View,
+        {
+          style: {
+            flex: 1,
+            justifyContent: "flex-end",
+            alignItems: "center",
+            paddingBottom: 8
+          }
+        },
+        (0, import_react.createElement)(import_ui.PageControl, { count, current: index, onSelect })
+      ) : null
+    )
+  );
+}
 function SwiftTabView({
   tabs,
   selection,
   onSelect,
+  page,
   modifiers,
   children
 }) {
@@ -851,9 +1339,19 @@ function SwiftTabView({
     testID: tab.testID
   }));
   const index = selection >= 0 && selection < routes.length ? selection : 0;
+  const isPage = page !== void 0;
   (0, import_react.useEffect)(() => {
-    if (selection !== index) onSelect?.(index);
-  }, [selection, index, onSelect]);
+    if (!isPage && selection !== index) onSelect?.(index);
+  }, [isPage, selection, index, onSelect]);
+  if (page !== void 0) {
+    return (0, import_react.createElement)(SwiftPageView, {
+      selection,
+      onSelect,
+      indexDisplayMode: page.indexDisplayMode,
+      modifiers,
+      children
+    });
+  }
   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)],
@@ -925,22 +1423,30 @@ function nodeProps(node, deliver) {
   const props = node.p ?? {};
   switch (node.t) {
     case "Text": {
-      const style = fontStyle(fontModifier(node.m));
+      const style = {
+        ...fontStyle(fontModifier(node.m)),
+        ...textAlign(
+          node.m?.find((modifier) => modifier.$type === "multilineTextAlignment")
+        )
+      };
       return {
         children: typeof props.children === "string" ? props.children : "",
-        ...style ? { style } : {},
+        ...Object.keys(style).length > 0 ? { style } : {},
         ...pressProps(node, deliver)
       };
     }
     case "Image": {
       const font = fontModifier(node.m);
       const size = typeof font?.size === "number" ? font.size : void 0;
+      const symbolVariant = node.m?.find((modifier) => modifier.$type === "symbolVariant");
+      const systemName = typeof props.systemName === "string" && symbolVariant?.fill === true && !props.systemName.endsWith(".fill") ? `${props.systemName}.fill` : props.systemName;
       return {
-        ...typeof props.systemName === "string" ? { systemName: props.systemName } : {},
+        ...typeof systemName === "string" ? { systemName } : {},
         // a bundle asset name rides as the kit image source; the kit paints
         // resolved { uri } sources and keeps its placeholder for names the
         // table could not resolve.
         ...typeof props.name === "string" ? { source: props.name } : {},
+        ...typeof props.url === "string" ? { source: { uri: props.url } } : {},
         ...props.resizable === true ? { resizable: true } : {},
         ...typeof props.renderingMode === "string" ? { renderingMode: props.renderingMode } : {},
         ...size === void 0 ? {} : { size },
@@ -952,8 +1458,9 @@ function nodeProps(node, deliver) {
       return {
         isOn: props.value === true,
         ...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.
+        // the gesture is the row's only press (a label tap runs it and does
+        // not toggle; without one the row is inert); the switch keeps toggling
+        // through onValueChange.
         ...pressProps(node, deliver)
       };
     }
@@ -992,12 +1499,49 @@ function nodeProps(node, deliver) {
           testID: `swift-tab-${index}`
         };
       });
+      const tabViewStyle = (node.m ?? []).find(
+        (modifier) => modifier.$type === "tabViewStyle"
+      );
       return {
         tabs,
         selection: typeof props.selection === "number" ? props.selection : 0,
+        ...tabViewStyle?.style === "page" ? {
+          page: {
+            indexDisplayMode: typeof tabViewStyle.indexDisplayMode === "string" ? tabViewStyle.indexDisplayMode : "automatic"
+          }
+        } : {},
         ...onSelect === void 0 ? {} : { onSelect: (index) => deliver(onSelect, index) }
       };
     }
+    case "Map": {
+      const mode = props.mode;
+      if (mode !== "region" && mode !== "camera" && mode !== "rect") {
+        throw new Error(
+          `swift map ${node.id} has position ${JSON.stringify(mode)}, which needs live context the paint cannot solve`
+        );
+      }
+      const names = mode === "region" ? ["latitude", "longitude", "latitudeDelta", "longitudeDelta"] : mode === "camera" ? ["latitude", "longitude", "distance", "pitch", "heading"] : ["x", "y", "width", "height"];
+      const out = {};
+      for (const name of names) {
+        const value = props[name];
+        if (typeof value !== "number" || !Number.isFinite(value)) {
+          throw new Error(`swift map ${node.id} has no numeric ${name}`);
+        }
+        out[name] = value;
+      }
+      return { mode, ...out, testID: node.id };
+    }
+    case "Canvas": {
+      const sizeValue = props.size;
+      if (!isRecord(sizeValue) || typeof sizeValue.width !== "number" || !Number.isFinite(sizeValue.width) || typeof sizeValue.height !== "number" || !Number.isFinite(sizeValue.height)) {
+        throw new Error(`swift canvas ${node.id} has no numeric size`);
+      }
+      const size = { width: sizeValue.width, height: sizeValue.height };
+      const ops = readCanvasOps(props.ops, node.id).map(
+        (op) => resolveCanvasOp(op, node.id)
+      );
+      return { size, ops };
+    }
     case "BottomSheet": {
       const onDismiss = handlerId(node, "onDismiss");
       const detents = (node.c ?? []).flatMap((child) => nodeModifiers(child) ?? []).filter((modifier) => modifier.$type === "presentationDetents");
@@ -1244,7 +1788,7 @@ function buttonModifier(modifier) {
 }
 function nodeModifiers(node) {
   const resolved = node.m?.map(resolveModifier);
-  if (node.t !== "Button") return resolved;
+  if (node.t !== "Button" && node.t !== "EditButton") return resolved;
   return resolved?.map(buttonModifier);
 }
 function dialogChildren(node, deliver) {
@@ -1291,7 +1835,8 @@ function screenOptions(node, deliver, largeTitle, replaceAnimation) {
   const props = node.p ?? {};
   const options = {
     title: typeof props.title === "string" ? props.title : "",
-    headerLargeTitleEnabled: largeTitle
+    headerLargeTitleEnabled: largeTitle,
+    contentStyle: { backgroundColor: (0, import_react_native.PlatformColor)("systemBackground") }
   };
   if (replaceAnimation !== void 0) options.animationTypeForReplace = replaceAnimation;
   const leading = readNodes(props.leading);
@@ -1321,6 +1866,7 @@ function SwiftScreen({
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: node.c?.map((child) => renderNode(child, deliver)) });
 }
 function NavigationStackHost({ node, deliver }) {
+  const scheme = (0, import_react_native.useColorScheme)();
   const screens = (node.c ?? []).filter((child) => child.t === "NavigationScreen");
   const desired = screens.map((screen) => screen.id);
   const largeTitles = resolveLargeTitles(
@@ -1384,7 +1930,7 @@ function NavigationStackHost({ node, deliver }) {
       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)(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_native.NavigationIndependentTree, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_native.NavigationContainer, { theme: scheme === "dark" ? import_native.DarkTheme : import_native.DefaultTheme, children: /* @__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,
@@ -1405,7 +1951,7 @@ function NavigationStackHost({ node, deliver }) {
       )
     },
     screen.id
-  )) });
+  )) }) }) });
 }
 var REGULAR_WIDTH = 768;
 function SplitViewHost({
@@ -1423,8 +1969,22 @@ function SplitViewHost({
   const detailProp = node.p?.detail;
   const detail = isRecord(detailProp) && detailProp.t === "SplitDetail" ? readNodes(detailProp.c) : [];
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_native.View, { style: { flex: 1, flexDirection: "row", alignSelf: "stretch" }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native.View, { style: { width: 320 }, children: sidebar ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(NavigationStackHost, { node: { ...node, c: [sidebar] }, deliver }) : null }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native.View, { style: { flex: 1 }, children: pushed.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(NavigationStackHost, { node: { ...node, c: pushed }, deliver }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: detail.map((child) => renderNode(child, deliver, cache)) }) })
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native.View, { style: { width: 320 }, children: sidebar ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      NavigationStackHost,
+      {
+        node: { ...node, c: [sidebar] },
+        deliver
+      },
+      "sidebar"
+    ) : null }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native.View, { style: { flex: 1 }, children: pushed.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      NavigationStackHost,
+      {
+        node: { ...node, c: pushed },
+        deliver
+      },
+      "pushed"
+    ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: detail.map((child) => renderNode(child, deliver, cache)) }) })
   ] });
 }
 function SwiftAppear({
@@ -1455,6 +2015,13 @@ function buildNode(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 === "Chart") {
+    return (0, import_react.createElement)(import_ui.Chart, {
+      key: node.id,
+      marks: (node.c ?? []).map((mark) => ({ ...mark.p ?? {} })),
+      ...node.m === void 0 ? {} : { modifiers: nodeModifiers(node) }
+    });
+  }
   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);
   }
@@ -1510,7 +2077,7 @@ function SwiftTree({
         ignoreSafeArea: tree.some(
           (node) => node.t === "NavigationStack" || node.t === "NavigationSplitView"
         ),
-        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_native.NavigationIndependentTree, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_native.NavigationContainer, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SwiftResourcesContext.Provider, { value: resources, children: tree.map((node) => renderNode(node, deliver, cache)) }) }) })
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SwiftResourcesContext.Provider, { value: resources, children: tree.map((node) => renderNode(node, deliver, cache)) })
       }
     )
   );