@swiftbrowser/react 0.18.1 → 0.18.2

package/dist/index.js

@@ -4,10 +4,12 @@ import Reconciler from "react-reconciler";
 import { horizontalSizeClassFor } from "@swiftbrowser/web/src/protocol";
 import { BrowserHistory } from "@swiftbrowser/web/src/browserHistory";
 import { watchKeyboard } from "@swiftbrowser/web/src/deviceMode";
-import { browserEnvironment, loadableURL, performHostRequest } from "@swiftbrowser/web/src/hostRequests";
+import { browserEnvironment, exportFiles, loadableURL, performHostRequest } from "@swiftbrowser/web/src/hostRequests";
 import { Renderer } from "@swiftbrowser/web/src/renderer";
+import { currentScenePhase, watchScenePhase } from "@swiftbrowser/web/src/scenePhase";
 import { jsx, jsxs, Fragment as Fragment$1 } from "react/jsx-runtime";
 import { applyTypeSizeVariables } from "@swiftbrowser/web/src/typography";
+import { configureSignInWithApple } from "@swiftbrowser/web/src/appleSignIn";
 import { fileURL } from "@swiftbrowser/web/src/files";
 import { registerHostContent, notifyHostContentChange, unregisterHostContent } from "@swiftbrowser/web/src/hostContent";
 import { createRoot } from "react-dom/client";
@@ -28,7 +30,8 @@ function EnvironmentExtender({ values, children }) {
 const EnvironmentContext = createContext({
   colorScheme: "light",
   dynamicTypeSize: "large",
-  horizontalSizeClass: "compact"
+  horizontalSizeClass: "compact",
+  scenePhase: "active"
 });
 function EnvironmentProvider({ value, children }) {
   return createElement(EnvironmentContext.Provider, { value }, children);
@@ -48,6 +51,9 @@ function useDismiss() {
 function useHorizontalSizeClass() {
   return useContext(EnvironmentContext).horizontalSizeClass;
 }
+function useScenePhase() {
+  return useContext(EnvironmentContext).scenePhase;
+}
 function useRedacted() {
   return useContext(ViewEnvironmentContext).redacted === true;
 }
@@ -392,7 +398,7 @@ function deepEqual(a, b) {
   if (keys.length !== Object.keys(right).length) return false;
   return keys.every((key) => key in right && deepEqual(left[key], right[key]));
 }
-const DEFAULT_ENVIRONMENT = { colorScheme: "light", dynamicTypeSize: "large", horizontalSizeClass: "compact" };
+const DEFAULT_ENVIRONMENT = { colorScheme: "light", dynamicTypeSize: "large", horizontalSizeClass: "compact", scenePhase: "active" };
 const roots = /* @__PURE__ */ new Set();
 function createSwiftUIRoot(sink) {
   const tree = new HostTree(sink);
@@ -647,7 +653,8 @@ function mount(screen, element, options = {}) {
   const environment = {
     colorScheme: pageScheme,
     dynamicTypeSize: options.dynamicTypeSize ?? "large",
-    horizontalSizeClass: horizontalSizeClassFor(screen.clientWidth || 393)
+    horizontalSizeClass: horizontalSizeClassFor(screen.clientWidth || 393),
+    scenePhase: typeof document !== "undefined" ? currentScenePhase() : "active"
   };
   renderer.contentHeight = options.contentHeight ?? false;
   if (options.assets) renderer.setAssetCatalog(options.assets);
@@ -679,6 +686,7 @@ function mount(screen, element, options = {}) {
     root.setEnvironment({ horizontalSizeClass: next });
   }) : null;
   observer?.observe(screen);
+  const stopScenePhase = typeof document !== "undefined" ? watchScenePhase((scenePhase) => root.setEnvironment({ scenePhase })) : null;
   root.render(element);
   const mounted = {
     root,
@@ -691,6 +699,7 @@ function mount(screen, element, options = {}) {
     },
     unmount() {
       observer?.disconnect();
+      stopScenePhase?.();
       stopKeyboard?.();
       browserHistory?.dispose();
       screen.removeEventListener("sb:color-scheme", onPreferredScheme);
@@ -1112,6 +1121,61 @@ function FileImporterPresenter(spec) {
   }, [presented, setPresented]);
   return null;
 }
+const EXTENSIONS = {
+  "text/plain": "txt",
+  "text/csv": "csv",
+  "text/markdown": "md",
+  "text/html": "html",
+  "application/json": "json",
+  "application/pdf": "pdf",
+  "image/png": "png",
+  "image/jpeg": "jpg",
+  "image/svg+xml": "svg",
+  "audio/mp4": "m4a",
+  "video/mp4": "mp4"
+};
+function exportFile(document2, contentType, defaultFilename, index = 0) {
+  const type = document2 instanceof Blob && document2.type || contentType || "application/octet-stream";
+  let name = defaultFilename ?? (document2 instanceof File ? document2.name : index === 0 ? "Untitled" : `Untitled ${index + 1}`);
+  name = name.replace(/[\\/:*?"<>|]+/g, "-").trim() || "Untitled";
+  const extension = EXTENSIONS[type.split(";")[0].trim()];
+  if (extension && !/\.[A-Za-z0-9]{1,8}$/.test(name)) name = `${name}.${extension}`;
+  if (document2 instanceof File && document2.name === name && document2.type === type) return document2;
+  const bytes = typeof document2 === "string" ? new TextEncoder().encode(document2) : document2;
+  return new File([bytes], name, { type });
+}
+function FileExporterPresenter(spec) {
+  const [presented, setPresented] = readBinding(spec.isPresented);
+  const latest = useRef(spec);
+  latest.current = spec;
+  const exporting = useRef(false);
+  useLayoutEffect(() => {
+    if (!presented || exporting.current) return;
+    const { document: document2, contentType, defaultFilename } = latest.current;
+    const documents = document2 === null ? [] : Array.isArray(document2) ? document2 : [document2];
+    if (documents.length === 0) {
+      setPresented(false);
+      latest.current.onCancellation?.();
+      return;
+    }
+    exporting.current = true;
+    const files = documents.map((item, index) => exportFile(item, contentType, defaultFilename, index));
+    exportFiles(files).then(
+      (result) => {
+        exporting.current = false;
+        setPresented(false);
+        if (result.outcome === "cancelled") latest.current.onCancellation?.();
+        else latest.current.onCompletion?.(result);
+      },
+      (error) => {
+        exporting.current = false;
+        setPresented(false);
+        latest.current.onError?.(error);
+      }
+    );
+  }, [presented, setPresented]);
+  return null;
+}
 const isPoint = (value) => typeof value === "object" && value !== null && ("x" in value || "y" in value);
 function command(request) {
   return request.axes ? { anchor: request.anchor, serial: request.serial, axes: request.axes } : { anchor: request.anchor, serial: request.serial };
@@ -2136,6 +2200,7 @@ const MODIFIER_KEYS = /* @__PURE__ */ new Set([
   "magnifyGesture",
   "rotateGesture",
   "onLongPressGesture",
+  "onTouches",
   "simultaneousGesture",
   "highPriorityGesture",
   "contextMenu",
@@ -2188,6 +2253,7 @@ const MODIFIER_KEYS = /* @__PURE__ */ new Set([
   "safeAreaInset",
   "popover",
   "fileImporter",
+  "fileExporter",
   "redacted",
   "keyboardShortcut",
   "onKeyPress",
@@ -2577,6 +2643,10 @@ function apply(key, value, node, sides) {
     case "rotateGesture":
     case "onLongPressGesture":
       return gesture(key, value, node);
+    case "onTouches": {
+      const handler = value;
+      return sb("touches", {}, { touches: (event) => handler(event.touches, event.phase) }, node);
+    }
     case "simultaneousGesture":
     case "highPriorityGesture": {
       const mode = key === "simultaneousGesture" ? "simultaneous" : "highPriority";
@@ -2747,6 +2817,9 @@ function apply(key, value, node, sides) {
     case "fileImporter":
       sides.push(createElement(FileImporterPresenter, value));
       return node;
+    case "fileExporter":
+      sides.push(createElement(FileExporterPresenter, value));
+      return node;
     case "redacted":
       return withEnvironment({ redacted: Boolean(value) }, node);
     case "keyboardShortcut":
@@ -2880,10 +2953,10 @@ function GeometryChangeView({ handler, children }) {
   });
   const heard = reported !== NO_GEOMETRY;
   const value = heard && typeof handler !== "function" ? handler.of(proxy) : void 0;
-  useEffect(() => {
+  useLayoutEffect(() => {
     if (readFrame && !needsFrame) setNeedsFrame(true);
   });
-  useEffect(() => {
+  useLayoutEffect(() => {
     if (!heard) return;
     if (typeof handler === "function") {
       handler(proxy);
@@ -3501,175 +3574,53 @@ function useAudioRecorder(options = {}) {
   );
   return { available: host !== void 0, status, time, levels, error, record, pause, resume, stop, cancel, discard, trim };
 }
-const stores = /* @__PURE__ */ new WeakMap();
-function entryFor(store, key) {
-  let entries = stores.get(store);
-  if (!entries) {
-    entries = /* @__PURE__ */ new Map();
-    stores.set(store, entries);
-    if (store === pageStorage) watchOtherTabs();
-  }
-  let entry = entries.get(key);
-  if (!entry) {
-    let raw = null;
-    try {
-      raw = store.getItem(key);
-    } catch {
-    }
-    entry = { raw, value: void 0, decoded: false, decode: void 0, listeners: /* @__PURE__ */ new Set() };
-    entries.set(key, entry);
-  }
-  return entry;
-}
-function valueOf(entry, absent) {
-  if (entry.raw === null) return absent;
-  if (!entry.decoded) {
-    try {
-      const parsed = JSON.parse(entry.raw);
-      entry.value = entry.decode ? entry.decode(parsed) : parsed;
-    } catch {
-      entry.raw = null;
-      return absent;
-    }
-    entry.decoded = true;
-  }
-  return entry.value;
-}
-function notify(entry) {
-  for (const listener of [...entry.listeners]) listener();
-}
-function invalidate(entry, raw) {
-  if (entry.raw === raw && entry.decoded) return;
-  entry.raw = raw;
-  entry.decoded = false;
-  notify(entry);
-}
-function readPageStorage() {
-  try {
-    const storage = globalThis.localStorage;
-    return storage && typeof storage.getItem === "function" ? storage : null;
-  } catch {
-    return null;
-  }
+function wakeLockAPI() {
+  const nav = globalThis.navigator;
+  return nav?.wakeLock ?? null;
 }
-const memory = /* @__PURE__ */ new Map();
-const memoryStorage = {
-  getItem: (key) => memory.get(key) ?? null,
-  setItem: (key, value) => void memory.set(key, value),
-  removeItem: (key) => void memory.delete(key)
-};
-const pageStorage = readPageStorage();
-const appStorage = pageStorage ?? memoryStorage;
-let watching = false;
-function watchOtherTabs() {
-  if (watching || !pageStorage) return;
-  watching = true;
-  const target = globalThis;
-  if (typeof target.addEventListener !== "function") return;
-  target.addEventListener("storage", (event) => {
-    if (event.storageArea !== pageStorage) return;
-    const entries = stores.get(pageStorage);
-    if (!entries) return;
-    if (event.key === null) {
-      for (const entry of entries.values()) invalidate(entry, null);
-    } else {
-      const entry = entries.get(event.key);
-      if (entry) invalidate(entry, event.newValue);
+function useWakeLock(active2 = true) {
+  const [held, setHeld] = useState(false);
+  useEffect(() => {
+    const api = wakeLockAPI();
+    if (!active2 || !api) {
+      setHeld(false);
+      return;
     }
-  });
-}
-function useAppStorage(key, defaultValue, options = {}) {
-  const { store = appStorage, decode, onError } = options;
-  const [fallback] = useState(defaultValue);
-  const entry = entryFor(store, key);
-  entry.decode = decode;
-  const subscribe = useCallback(
-    (listener) => {
-      const subscribed = entryFor(store, key);
-      subscribed.listeners.add(listener);
-      return () => void subscribed.listeners.delete(listener);
-    },
-    [store, key]
-  );
-  const read = useCallback(() => valueOf(entryFor(store, key), fallback), [store, key, fallback]);
-  const value = useSyncExternalStore(subscribe, read, read);
-  const set = useCallback(
-    (next) => {
-      const target = entryFor(store, key);
-      const current = valueOf(target, fallback);
-      const value2 = typeof next === "function" ? next(current) : next;
-      const raw = value2 === void 0 ? null : JSON.stringify(value2);
-      try {
-        if (raw === null) store.removeItem(key);
-        else store.setItem(key, raw);
-      } catch (error) {
-        onError?.(error);
-      }
-      target.raw = raw;
-      target.value = value2;
-      target.decoded = raw !== null;
-      notify(target);
-    },
-    [store, key, fallback, onError]
-  );
-  return [value, set];
-}
-const NONE = {
-  documents: "file:///data/Documents",
-  applicationSupport: "file:///data/Library/Application%20Support",
-  caches: "file:///data/Library/Caches",
-  temporary: "file:///tmp"
-};
-async function bytesOf(contents) {
-  if (typeof contents === "string") return new TextEncoder().encode(contents);
-  if (contents instanceof Uint8Array) return contents;
-  if (contents instanceof ArrayBuffer) return new Uint8Array(contents);
-  const blob = contents;
-  if (typeof blob.bytes === "function") return await blob.bytes();
-  return new Uint8Array(await blob.arrayBuffer());
-}
-function createFileManager(host) {
-  const required = () => {
-    const files = host();
-    if (!files) throw new Error("unsupported: this page keeps no files");
-    return files;
-  };
-  const directories = () => host()?.directories ?? NONE;
-  return {
-    get available() {
-      return host() !== void 0;
-    },
-    get documentsDirectory() {
-      return directories().documents;
-    },
-    get applicationSupportDirectory() {
-      return directories().applicationSupport;
-    },
-    get cachesDirectory() {
-      return directories().caches;
-    },
-    get temporaryDirectory() {
-      return directories().temporary;
-    },
-    url: (directory, path) => fileURL(directory, path),
-    contents: async (url) => required().read(url),
-    text: async (url) => new TextDecoder().decode(await required().read(url)),
-    write: async (url, contents) => required().write(url, await bytesOf(contents)),
-    contentsOfDirectory: async (url) => required().list(url),
-    createDirectory: async (url) => required().createDirectory(url),
-    fileExists: async (url) => await required().attributes(url) !== null,
-    attributesOfItem: async (url) => {
-      const attributes = await required().attributes(url);
-      if (!attributes) throw new Error(`notFound: nothing at ${url}`);
-      return attributes;
-    },
-    moveItem: async (from, to) => required().move(from, to),
-    copyItem: async (from, to) => required().copy(from, to),
-    removeItem: async (url) => required().remove(url),
-    loadURL: async (url) => required().loadURL(url)
-  };
+    let sentinel = null;
+    let stopped = false;
+    const acquire = () => {
+      if (stopped || sentinel && !sentinel.released) return;
+      api.request("screen").then(
+        (next) => {
+          if (stopped) {
+            void next.release();
+            return;
+          }
+          sentinel = next;
+          setHeld(true);
+          next.addEventListener("release", () => {
+            if (sentinel === next) setHeld(false);
+          });
+        },
+        () => setHeld(false)
+      );
+    };
+    const onVisible = () => {
+      if (typeof document === "undefined" || document.visibilityState === "visible") acquire();
+    };
+    acquire();
+    const doc = typeof document !== "undefined" ? document : null;
+    doc?.addEventListener("visibilitychange", onVisible);
+    return () => {
+      stopped = true;
+      doc?.removeEventListener("visibilitychange", onVisible);
+      if (sentinel && !sentinel.released) void sentinel.release();
+      sentinel = null;
+      setHeld(false);
+    };
+  }, [active2]);
+  return held;
 }
-const fileManager = createFileManager(() => browserEnvironment.files);
 function Button(props) {
   const { own, modifiers } = splitProps(props);
   const environment = useViewEnvironment();
@@ -3932,140 +3883,19 @@ function TextEditor(props) {
 function buttonDisabled(modifiers) {
   return modifiers.some(([key, value]) => key === "disabled" && value === true);
 }
-const NO_CLEAR = () => {
-};
-function List(props) {
-  const { own, modifiers } = splitProps(props);
-  const [editing] = own.editing !== void 0 ? readBinding(own.editing) : [false];
-  const listProps = { style: own.listStyle ?? "insetGrouped" };
-  if (editing) listProps["editing"] = true;
-  let selection = null;
-  const split = useContext(SplitSelectionContext);
-  let selected = false;
-  let clearSelection = NO_CLEAR;
-  if (own.selection !== void 0) {
-    const [value, setValue] = readBinding(own.selection, own.onSelectionChange);
-    if (value instanceof Set) listProps["multiSelect"] = true;
-    selected = value instanceof Set ? value.size > 0 : value !== null && value !== void 0;
-    clearSelection = () => setValue(value instanceof Set ? /* @__PURE__ */ new Set() : null);
-    selection = {
-      editing,
-      isSelected: (tag) => value instanceof Set ? value.has(tag) : value !== null && Object.is(value, tag),
-      select: (tag) => {
-        if (value instanceof Set) {
-          const next = new Set(value);
-          if (next.has(tag)) next.delete(tag);
-          else next.add(tag);
-          setValue(next);
-        } else {
-          setValue(editing && Object.is(value, tag) ? null : tag);
-        }
-      }
-    };
-  }
-  useReportSplitSelection(split, selected, clearSelection, own.selection !== void 0);
-  const refresh = useRefreshable(takeModifier(modifiers, "refreshable"));
-  Object.assign(listProps, refresh.props);
-  const ownSettings = takeScrollSettings(modifiers);
-  const edgeEffect = edgeEffectProp(useScrollSettings(ownSettings));
-  if (edgeEffect) listProps["edgeEffect"] = edgeEffect;
-  const element = /* @__PURE__ */ jsx(LazyContext.Provider, { value: "vertical", children: sb("list", listProps, refresh.handlers, providingScrollSettings(ownSettings, wrapRows(own.children))) });
-  return applyModifiers(
-    selection ? /* @__PURE__ */ jsx(ListSelectionContext.Provider, { value: selection, children: element }) : element,
-    modifiers
-  );
-}
-function Form(props) {
-  return /* @__PURE__ */ jsx(List, { ...props });
-}
-function Section(props) {
-  const { own, modifiers } = splitProps(props);
-  const pinned = useContext(PinnedContext);
-  let header = supplement(own.header);
-  let footer = supplement(own.footer);
-  if (pinned?.includes("sectionHeaders") && header.text !== null && !header.view) header = { text: null, view: /* @__PURE__ */ jsx(Text, { children: header.text }) };
-  if (pinned?.includes("sectionFooters") && footer.text !== null && !footer.view) footer = { text: null, view: /* @__PURE__ */ jsx(Text, { children: footer.text }) };
-  const children = [];
-  if (header.view) children.push(sb("sectionheader", {}, void 0, header.view));
-  if (own.children !== void 0) children.push(wrapRows(own.children));
-  if (footer.view) children.push(sb("sectionfooter", {}, void 0, footer.view));
-  return applyModifiers(sb("section", { header: header.text, footer: footer.text }, void 0, children), modifiers);
-}
-function wrapRows(children) {
-  let offset = 0;
-  return flattenChildren(children, { keepLazy: true }).map((element, index) => {
-    const at = index + offset;
-    if (element.type === LazyGroup) {
-      const group = element.props;
-      offset += group.rows.length - 1;
-      return { ...withKey(element, index), props: { ...group, start: at, wrap: wrapRow } };
-    }
-    return wrapRow(withKey(element, index), at);
-  });
-}
-function wrapRow(row, containerIndex) {
-  const inner = row.type === Fragment ? flattenChildren(row) : null;
-  const element = inner?.length === 1 ? { ...inner[0], key: row.key } : row;
-  if (element.type === Section) return element;
-  if (element.type === Row) return { ...element, props: { ...element.props, containerIndex } };
-  const props = element.props;
-  const tag = props.tag !== void 0 ? props.tag : element.type === NavigationLink ? props.value : void 0;
-  if (tag === void 0) return element;
-  return /* @__PURE__ */ jsx(Row, { tag, containerIndex, children: element }, element.key ?? containerIndex);
-}
-function withKey(element, index) {
-  return element.key !== null ? element : { ...element, key: String(index) };
-}
-function supplement(node) {
-  if (node === void 0 || node === null || node === false) return { text: null, view: null };
-  if (typeof node === "string" || typeof node === "number") return { text: String(node), view: null };
-  if (isValidElement(node) && node.type === Text) {
-    const props = node.props;
-    const only = Object.keys(props).every((key) => key === "children");
-    if (only) return { text: plainText(node), view: null };
-  }
-  return { text: null, view: isValidElement(node) ? node : null };
-}
-function TabView(props) {
-  const { own, modifiers } = splitProps(props);
-  const tabs = flattenChildren(own.children);
-  const tags = tabs.map((tab, index) => {
-    const tag = tab.props.tag;
-    return tag !== void 0 ? tag : index;
-  });
-  const [internal, setInternal] = useState(tags[0]);
-  const [selection, setSelection] = own.selection !== void 0 ? readBinding(own.selection, own.onChange) : [internal, setInternal];
-  const selected = Math.max(
-    0,
-    tags.findIndex((tag) => Object.is(tag, selection))
-  );
-  return applyModifiers(
-    sb("tabview", { selected }, { select: (event) => tags[event.value] !== void 0 && setSelection(tags[event.value]) }, tabs),
-    modifiers
-  );
-}
-function Tab(props) {
-  const { own, modifiers } = splitProps(props);
-  const badge = takeModifier(modifiers, "badge");
-  const tabProps = { title: own.title, systemImage: own.systemImage ?? null };
-  if (badge !== void 0 && badge !== null) tabProps["badge"] = String(badge);
-  if (own.role) tabProps["role"] = own.role;
-  if (own.image && !own.systemImage) tabProps["image"] = own.image;
-  return applyModifiers(sb("tab", tabProps, void 0, own.children), modifiers);
-}
-const STYLE_KEYS = ["r", "name", "named", "hierarchical", "linearGradient", "radialGradient", "angularGradient", "colorGradient", "material"];
-function strokeOf(value, inset) {
-  if (value === void 0) return null;
-  const isSpec = typeof value === "object" && value !== null && !STYLE_KEYS.some((key) => key in value);
-  const spec = isSpec ? value : { style: value };
-  const stroke = { color: shapeStyle(spec.style ?? "primary"), lineWidth: spec.lineWidth ?? 1 };
-  if (inset) stroke.inset = true;
-  if (spec.dash) stroke.dash = spec.dash;
-  if (spec.dashPhase !== void 0) stroke.dashPhase = spec.dashPhase;
-  if (spec.lineCap) stroke.lineCap = spec.lineCap;
-  if (spec.lineJoin) stroke.lineJoin = spec.lineJoin;
-  if (spec.miterLimit !== void 0) stroke.miterLimit = spec.miterLimit;
-  return stroke;
+const STYLE_KEYS = ["r", "name", "named", "hierarchical", "linearGradient", "radialGradient", "angularGradient", "colorGradient", "material"];
+function strokeOf(value, inset) {
+  if (value === void 0) return null;
+  const isSpec = typeof value === "object" && value !== null && !STYLE_KEYS.some((key) => key in value);
+  const spec = isSpec ? value : { style: value };
+  const stroke = { color: shapeStyle(spec.style ?? "primary"), lineWidth: spec.lineWidth ?? 1 };
+  if (inset) stroke.inset = true;
+  if (spec.dash) stroke.dash = spec.dash;
+  if (spec.dashPhase !== void 0) stroke.dashPhase = spec.dashPhase;
+  if (spec.lineCap) stroke.lineCap = spec.lineCap;
+  if (spec.lineJoin) stroke.lineJoin = spec.lineJoin;
+  if (spec.miterLimit !== void 0) stroke.miterLimit = spec.miterLimit;
+  return stroke;
 }
 function shape(kind, cornerRadius, props) {
   const { own, modifiers } = splitProps(props);
@@ -4154,6 +3984,595 @@ function ColorView(props) {
   return applyModifiers(sb("color", { color: color(own.color) }), modifiers);
 }
 const Color = Object.assign(ColorView, ColorValues);
+function canSignInWithApple() {
+  return browserEnvironment.appleSignIn !== void 0;
+}
+async function signInWithApple(options = {}) {
+  const host = browserEnvironment.appleSignIn;
+  if (!host) throw new Error("unsupported: Sign in with Apple is not available here (configureSignInWithApple on a page)");
+  return host.signIn({ scopes: options.scopes ?? ["fullName", "email"], ...options.nonce ? { nonce: options.nonce } : {}, ...options.state ? { state: options.state } : {} });
+}
+async function appleCredentialState(user) {
+  const host = browserEnvironment.appleSignIn;
+  if (!host) return "unknown";
+  return host.credentialState(user);
+}
+const LABELS = { signIn: "Sign in with Apple", signUp: "Sign up with Apple", continue: "Continue with Apple" };
+function SignInWithAppleButton(props) {
+  const { own, modifiers } = splitProps(props);
+  const style = own.style ?? "black";
+  const background = style === "black" ? "black" : "white";
+  const foreground = style === "black" ? "white" : "black";
+  const action = () => {
+    signInWithApple({ ...own.scopes ? { scopes: own.scopes } : {}, ...own.nonce ? { nonce: own.nonce } : {}, ...own.state ? { state: own.state } : {} }).then(
+      (credential) => own.onCompletion({ credential }),
+      (error) => own.onCompletion({ error: error instanceof Error ? error : new Error(String(error)) })
+    );
+  };
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      action,
+      buttonStyle: "plain",
+      foregroundStyle: foreground,
+      background: /* @__PURE__ */ jsx(RoundedRectangle, { cornerRadius: 8, fill: background }),
+      ...style === "whiteOutline" ? { overlay: /* @__PURE__ */ jsx(RoundedRectangle, { cornerRadius: 8, strokeBorder: { style: "black", lineWidth: 1 } }) } : {},
+      ...Object.fromEntries(modifiers),
+      children: /* @__PURE__ */ jsxs(HStack, { spacing: 6, frame: { maxWidth: Infinity, height: 50 }, font: system(19, "medium"), children: [
+        /* @__PURE__ */ jsx(Image$1, { systemName: "apple.logo" }),
+        /* @__PURE__ */ jsx(Text, { children: LABELS[own.label ?? "signIn"] })
+      ] })
+    }
+  );
+}
+function geolocationAPI() {
+  const nav = globalThis.navigator;
+  return nav?.geolocation ?? null;
+}
+function useGeolocation(options = {}) {
+  const { watch = false, immediate = false, enableHighAccuracy = false, timeout, maximumAge } = options;
+  const api = geolocationAPI();
+  const [status, setStatus] = useState("idle");
+  const [position, setPosition] = useState(null);
+  const [error, setError] = useState(null);
+  const watching2 = useRef(null);
+  const mounted = useRef(true);
+  const stop = useCallback(() => {
+    if (watching2.current !== null) {
+      geolocationAPI()?.clearWatch(watching2.current);
+      watching2.current = null;
+    }
+  }, []);
+  const request = useCallback(() => {
+    const geo = geolocationAPI();
+    if (!geo) {
+      setStatus("failed");
+      setError("geolocation: not available");
+      return;
+    }
+    stop();
+    setStatus("locating");
+    setError(null);
+    const positionOptions = { enableHighAccuracy, ...timeout !== void 0 ? { timeout } : {}, ...maximumAge !== void 0 ? { maximumAge } : {} };
+    const onFix = (p) => {
+      if (!mounted.current) return;
+      setPosition({
+        latitude: p.coords.latitude,
+        longitude: p.coords.longitude,
+        accuracy: p.coords.accuracy,
+        altitude: p.coords.altitude ?? null,
+        heading: p.coords.heading ?? null,
+        speed: p.coords.speed ?? null,
+        timestamp: p.timestamp
+      });
+      setStatus("located");
+      setError(null);
+    };
+    const onError = (e) => {
+      if (!mounted.current) return;
+      setStatus(e.code === 1 ? "denied" : "failed");
+      setError(e.message);
+      if (e.code === 1) stop();
+    };
+    if (watch) watching2.current = geo.watchPosition(onFix, onError, positionOptions);
+    else geo.getCurrentPosition(onFix, onError, positionOptions);
+  }, [watch, enableHighAccuracy, timeout, maximumAge, stop]);
+  useEffect(() => {
+    mounted.current = true;
+    if (immediate) request();
+    return () => {
+      mounted.current = false;
+      stop();
+    };
+  }, [immediate, request, stop]);
+  return { available: api !== null, status, position, error, request, stop };
+}
+function synthesisAPI() {
+  const g = globalThis;
+  return g.speechSynthesis && g.SpeechSynthesisUtterance ? { synthesis: g.speechSynthesis, Utterance: g.SpeechSynthesisUtterance } : null;
+}
+function useSpeechSynthesis() {
+  const api = synthesisAPI();
+  const [speaking, setSpeaking] = useState(false);
+  const [paused, setPaused] = useState(false);
+  const mounted = useRef(true);
+  const queued = useRef(0);
+  useEffect(() => {
+    mounted.current = true;
+    return () => {
+      mounted.current = false;
+      if (queued.current > 0) synthesisAPI()?.synthesis.cancel();
+    };
+  }, []);
+  const speak = useCallback((text, options = {}) => {
+    const current = synthesisAPI();
+    if (!current) return;
+    const utterance = new current.Utterance(text);
+    if (options.lang) utterance.lang = options.lang;
+    if (options.rate !== void 0) utterance.rate = options.rate;
+    if (options.pitch !== void 0) utterance.pitch = options.pitch;
+    if (options.volume !== void 0) utterance.volume = options.volume;
+    queued.current++;
+    const done = () => {
+      queued.current = Math.max(0, queued.current - 1);
+      if (!mounted.current) return;
+      if (queued.current === 0) {
+        setSpeaking(false);
+        setPaused(false);
+      }
+    };
+    utterance.onstart = () => {
+      if (!mounted.current) return;
+      setSpeaking(true);
+      setPaused(false);
+    };
+    utterance.onpause = () => mounted.current && setPaused(true);
+    utterance.onresume = () => mounted.current && setPaused(false);
+    utterance.onend = done;
+    utterance.onerror = done;
+    current.synthesis.speak(utterance);
+  }, []);
+  const cancel = useCallback(() => {
+    synthesisAPI()?.synthesis.cancel();
+  }, []);
+  const pause = useCallback(() => synthesisAPI()?.synthesis.pause(), []);
+  const resume = useCallback(() => synthesisAPI()?.synthesis.resume(), []);
+  return { available: api !== null, speaking, paused, speak, cancel, pause, resume };
+}
+function recognitionAPI() {
+  const g = globalThis;
+  return g.SpeechRecognition ?? g.webkitSpeechRecognition ?? null;
+}
+function useSpeechRecognition(options = {}) {
+  const { lang, continuous = false, interimResults = true } = options;
+  const api = recognitionAPI();
+  const [listening, setListening] = useState(false);
+  const [transcript, setTranscript] = useState("");
+  const [interim, setInterim] = useState("");
+  const [error, setError] = useState(null);
+  const current = useRef(null);
+  const mounted = useRef(true);
+  useEffect(() => {
+    mounted.current = true;
+    return () => {
+      mounted.current = false;
+      current.current?.abort();
+      current.current = null;
+    };
+  }, []);
+  const start = useCallback(() => {
+    const Recognition = recognitionAPI();
+    if (!Recognition) {
+      setError("not-allowed");
+      return;
+    }
+    if (current.current) return;
+    const recognition = new Recognition();
+    if (lang) recognition.lang = lang;
+    recognition.continuous = continuous;
+    recognition.interimResults = interimResults;
+    setTranscript("");
+    setInterim("");
+    setError(null);
+    recognition.onstart = () => mounted.current && setListening(true);
+    recognition.onresult = (e) => {
+      if (!mounted.current) return;
+      const finals = [];
+      let heard = "";
+      for (let i = 0; i < e.results.length; i++) {
+        const result = e.results[i];
+        if (result.isFinal) finals.push(result[0].transcript.trim());
+        else heard = result[0].transcript;
+      }
+      setTranscript(finals.filter(Boolean).join(" "));
+      setInterim(heard);
+    };
+    recognition.onerror = (e) => mounted.current && setError(e.error);
+    recognition.onend = () => {
+      if (current.current === recognition) current.current = null;
+      if (!mounted.current) return;
+      setListening(false);
+      setInterim("");
+    };
+    current.current = recognition;
+    recognition.start();
+  }, [lang, continuous, interimResults]);
+  const stop = useCallback(() => current.current?.stop(), []);
+  const abort = useCallback(() => current.current?.abort(), []);
+  return { available: api !== null, listening, transcript, interim, error, start, stop, abort };
+}
+const stores = /* @__PURE__ */ new WeakMap();
+function entryFor(store, key) {
+  let entries = stores.get(store);
+  if (!entries) {
+    entries = /* @__PURE__ */ new Map();
+    stores.set(store, entries);
+    if (store === pageStorage) watchOtherTabs();
+  }
+  let entry = entries.get(key);
+  if (!entry) {
+    let raw = null;
+    try {
+      raw = store.getItem(key);
+    } catch {
+    }
+    entry = { raw, value: void 0, decoded: false, decode: void 0, listeners: /* @__PURE__ */ new Set() };
+    entries.set(key, entry);
+  }
+  return entry;
+}
+function valueOf(entry, absent) {
+  if (entry.raw === null) return absent;
+  if (!entry.decoded) {
+    try {
+      const parsed = JSON.parse(entry.raw);
+      entry.value = entry.decode ? entry.decode(parsed) : parsed;
+    } catch {
+      entry.raw = null;
+      return absent;
+    }
+    entry.decoded = true;
+  }
+  return entry.value;
+}
+function notify(entry) {
+  for (const listener of [...entry.listeners]) listener();
+}
+function invalidate(entry, raw) {
+  if (entry.raw === raw && entry.decoded) return;
+  entry.raw = raw;
+  entry.decoded = false;
+  notify(entry);
+}
+function readPageStorage() {
+  try {
+    const storage = globalThis.localStorage;
+    return storage && typeof storage.getItem === "function" ? storage : null;
+  } catch {
+    return null;
+  }
+}
+const memory = /* @__PURE__ */ new Map();
+const memoryStorage = {
+  getItem: (key) => memory.get(key) ?? null,
+  setItem: (key, value) => void memory.set(key, value),
+  removeItem: (key) => void memory.delete(key)
+};
+const pageStorage = readPageStorage();
+const appStorage = pageStorage ?? memoryStorage;
+let watching = false;
+function watchOtherTabs() {
+  if (watching || !pageStorage) return;
+  watching = true;
+  const target = globalThis;
+  if (typeof target.addEventListener !== "function") return;
+  target.addEventListener("storage", (event) => {
+    if (event.storageArea !== pageStorage) return;
+    const entries = stores.get(pageStorage);
+    if (!entries) return;
+    if (event.key === null) {
+      for (const entry of entries.values()) invalidate(entry, null);
+    } else {
+      const entry = entries.get(event.key);
+      if (entry) invalidate(entry, event.newValue);
+    }
+  });
+}
+function useAppStorage(key, defaultValue, options = {}) {
+  const { store = appStorage, decode, onError } = options;
+  const [fallback] = useState(defaultValue);
+  const entry = entryFor(store, key);
+  entry.decode = decode;
+  const subscribe = useCallback(
+    (listener) => {
+      const subscribed = entryFor(store, key);
+      subscribed.listeners.add(listener);
+      return () => void subscribed.listeners.delete(listener);
+    },
+    [store, key]
+  );
+  const read = useCallback(() => valueOf(entryFor(store, key), fallback), [store, key, fallback]);
+  const value = useSyncExternalStore(subscribe, read, read);
+  const set = useCallback(
+    (next) => {
+      const target = entryFor(store, key);
+      const current = valueOf(target, fallback);
+      const value2 = typeof next === "function" ? next(current) : next;
+      const raw = value2 === void 0 ? null : JSON.stringify(value2);
+      try {
+        if (raw === null) store.removeItem(key);
+        else store.setItem(key, raw);
+      } catch (error) {
+        onError?.(error);
+      }
+      target.raw = raw;
+      target.value = value2;
+      target.decoded = raw !== null;
+      notify(target);
+    },
+    [store, key, fallback, onError]
+  );
+  return [value, set];
+}
+const NONE = {
+  documents: "file:///data/Documents",
+  applicationSupport: "file:///data/Library/Application%20Support",
+  caches: "file:///data/Library/Caches",
+  temporary: "file:///tmp"
+};
+async function bytesOf(contents) {
+  if (typeof contents === "string") return new TextEncoder().encode(contents);
+  if (contents instanceof Uint8Array) return contents;
+  if (contents instanceof ArrayBuffer) return new Uint8Array(contents);
+  const blob = contents;
+  if (typeof blob.bytes === "function") return await blob.bytes();
+  return new Uint8Array(await blob.arrayBuffer());
+}
+function createFileManager(host) {
+  const required = () => {
+    const files = host();
+    if (!files) throw new Error("unsupported: this page keeps no files");
+    return files;
+  };
+  const directories = () => host()?.directories ?? NONE;
+  return {
+    get available() {
+      return host() !== void 0;
+    },
+    get documentsDirectory() {
+      return directories().documents;
+    },
+    get applicationSupportDirectory() {
+      return directories().applicationSupport;
+    },
+    get cachesDirectory() {
+      return directories().caches;
+    },
+    get temporaryDirectory() {
+      return directories().temporary;
+    },
+    url: (directory, path) => fileURL(directory, path),
+    contents: async (url) => required().read(url),
+    text: async (url) => new TextDecoder().decode(await required().read(url)),
+    write: async (url, contents) => required().write(url, await bytesOf(contents)),
+    contentsOfDirectory: async (url) => required().list(url),
+    createDirectory: async (url) => required().createDirectory(url),
+    fileExists: async (url) => await required().attributes(url) !== null,
+    attributesOfItem: async (url) => {
+      const attributes = await required().attributes(url);
+      if (!attributes) throw new Error(`notFound: nothing at ${url}`);
+      return attributes;
+    },
+    moveItem: async (from, to) => required().move(from, to),
+    copyItem: async (from, to) => required().copy(from, to),
+    removeItem: async (url) => required().remove(url),
+    loadURL: async (url) => required().loadURL(url),
+    iCloudDirectory: async () => await host()?.iCloud?.() ?? null,
+    watch: (listener) => host()?.watch?.(listener) ?? (() => {
+    })
+  };
+}
+const fileManager = createFileManager(() => browserEnvironment.files);
+function useFileStorage(url, defaultValue, options = {}) {
+  const manager = options.manager ?? fileManager;
+  const [value, setValue] = useState(defaultValue);
+  const [status, setStatus] = useState(url === null ? "ready" : "loading");
+  const latest = useRef({ value, options, url, defaultValue });
+  latest.current = { value, options, url, defaultValue };
+  const shown = useRef(url);
+  const known = useRef(null);
+  const writing = useRef(Promise.resolve());
+  const load = useCallback(
+    async (target) => {
+      let text;
+      try {
+        text = await manager.text(target);
+      } catch (error) {
+        if (latest.current.url !== target) return;
+        if (error instanceof Error && error.message.startsWith("notFound:")) {
+          known.current = null;
+          setStatus("ready");
+          return;
+        }
+        latest.current.options.onError?.(error);
+        setStatus("error");
+        return;
+      }
+      if (latest.current.url !== target) return;
+      if (text !== known.current) {
+        known.current = text;
+        try {
+          const stored = JSON.parse(text);
+          setValue(latest.current.options.decode ? latest.current.options.decode(stored) : stored);
+        } catch (error) {
+          latest.current.options.onError?.(error);
+        }
+      }
+      setStatus("ready");
+    },
+    [manager]
+  );
+  useEffect(() => {
+    known.current = null;
+    if (shown.current !== url) {
+      shown.current = url;
+      const fresh = latest.current.defaultValue;
+      const value2 = typeof fresh === "function" ? fresh() : fresh;
+      latest.current.value = value2;
+      setValue(value2);
+    }
+    if (url === null) {
+      setStatus("ready");
+      return;
+    }
+    setStatus("loading");
+    void load(url);
+    return manager.watch((urls) => {
+      if (urls.includes(url)) void load(url);
+    });
+  }, [url, load, manager]);
+  const set = useCallback(
+    (next) => {
+      const resolved = typeof next === "function" ? next(latest.current.value) : next;
+      latest.current.value = resolved;
+      setValue(resolved);
+      const target = latest.current.url;
+      if (target === null) return;
+      const text = JSON.stringify(resolved);
+      known.current = text;
+      writing.current = writing.current.then(async () => {
+        try {
+          await manager.write(target, text);
+        } catch (error) {
+          latest.current.options.onError?.(error);
+        }
+      });
+    },
+    [manager]
+  );
+  return [value, set, status];
+}
+const NO_CLEAR = () => {
+};
+function List(props) {
+  const { own, modifiers } = splitProps(props);
+  const [editing] = own.editing !== void 0 ? readBinding(own.editing) : [false];
+  const listProps = { style: own.listStyle ?? "insetGrouped" };
+  if (editing) listProps["editing"] = true;
+  let selection = null;
+  const split = useContext(SplitSelectionContext);
+  let selected = false;
+  let clearSelection = NO_CLEAR;
+  if (own.selection !== void 0) {
+    const [value, setValue] = readBinding(own.selection, own.onSelectionChange);
+    if (value instanceof Set) listProps["multiSelect"] = true;
+    selected = value instanceof Set ? value.size > 0 : value !== null && value !== void 0;
+    clearSelection = () => setValue(value instanceof Set ? /* @__PURE__ */ new Set() : null);
+    selection = {
+      editing,
+      isSelected: (tag) => value instanceof Set ? value.has(tag) : value !== null && Object.is(value, tag),
+      select: (tag) => {
+        if (value instanceof Set) {
+          const next = new Set(value);
+          if (next.has(tag)) next.delete(tag);
+          else next.add(tag);
+          setValue(next);
+        } else {
+          setValue(editing && Object.is(value, tag) ? null : tag);
+        }
+      }
+    };
+  }
+  useReportSplitSelection(split, selected, clearSelection, own.selection !== void 0);
+  const refresh = useRefreshable(takeModifier(modifiers, "refreshable"));
+  Object.assign(listProps, refresh.props);
+  const ownSettings = takeScrollSettings(modifiers);
+  const edgeEffect = edgeEffectProp(useScrollSettings(ownSettings));
+  if (edgeEffect) listProps["edgeEffect"] = edgeEffect;
+  const element = /* @__PURE__ */ jsx(LazyContext.Provider, { value: "vertical", children: sb("list", listProps, refresh.handlers, providingScrollSettings(ownSettings, wrapRows(own.children))) });
+  return applyModifiers(
+    selection ? /* @__PURE__ */ jsx(ListSelectionContext.Provider, { value: selection, children: element }) : element,
+    modifiers
+  );
+}
+function Form(props) {
+  return /* @__PURE__ */ jsx(List, { ...props });
+}
+function Section(props) {
+  const { own, modifiers } = splitProps(props);
+  const pinned = useContext(PinnedContext);
+  let header = supplement(own.header);
+  let footer = supplement(own.footer);
+  if (pinned?.includes("sectionHeaders") && header.text !== null && !header.view) header = { text: null, view: /* @__PURE__ */ jsx(Text, { children: header.text }) };
+  if (pinned?.includes("sectionFooters") && footer.text !== null && !footer.view) footer = { text: null, view: /* @__PURE__ */ jsx(Text, { children: footer.text }) };
+  const children = [];
+  if (header.view) children.push(sb("sectionheader", {}, void 0, header.view));
+  if (own.children !== void 0) children.push(wrapRows(own.children));
+  if (footer.view) children.push(sb("sectionfooter", {}, void 0, footer.view));
+  return applyModifiers(sb("section", { header: header.text, footer: footer.text }, void 0, children), modifiers);
+}
+function wrapRows(children) {
+  let offset = 0;
+  return flattenChildren(children, { keepLazy: true }).map((element, index) => {
+    const at = index + offset;
+    if (element.type === LazyGroup) {
+      const group = element.props;
+      offset += group.rows.length - 1;
+      return { ...withKey(element, index), props: { ...group, start: at, wrap: wrapRow } };
+    }
+    return wrapRow(withKey(element, index), at);
+  });
+}
+function wrapRow(row, containerIndex) {
+  const inner = row.type === Fragment ? flattenChildren(row) : null;
+  const element = inner?.length === 1 ? { ...inner[0], key: row.key } : row;
+  if (element.type === Section) return element;
+  if (element.type === Row) return { ...element, props: { ...element.props, containerIndex } };
+  const props = element.props;
+  const tag = props.tag !== void 0 ? props.tag : element.type === NavigationLink ? props.value : void 0;
+  if (tag === void 0) return element;
+  return /* @__PURE__ */ jsx(Row, { tag, containerIndex, children: element }, element.key ?? containerIndex);
+}
+function withKey(element, index) {
+  return element.key !== null ? element : { ...element, key: String(index) };
+}
+function supplement(node) {
+  if (node === void 0 || node === null || node === false) return { text: null, view: null };
+  if (typeof node === "string" || typeof node === "number") return { text: String(node), view: null };
+  if (isValidElement(node) && node.type === Text) {
+    const props = node.props;
+    const only = Object.keys(props).every((key) => key === "children");
+    if (only) return { text: plainText(node), view: null };
+  }
+  return { text: null, view: isValidElement(node) ? node : null };
+}
+function TabView(props) {
+  const { own, modifiers } = splitProps(props);
+  const tabs = flattenChildren(own.children);
+  const tags = tabs.map((tab, index) => {
+    const tag = tab.props.tag;
+    return tag !== void 0 ? tag : index;
+  });
+  const [internal, setInternal] = useState(tags[0]);
+  const [selection, setSelection] = own.selection !== void 0 ? readBinding(own.selection, own.onChange) : [internal, setInternal];
+  const selected = Math.max(
+    0,
+    tags.findIndex((tag) => Object.is(tag, selection))
+  );
+  return applyModifiers(
+    sb("tabview", { selected }, { select: (event) => tags[event.value] !== void 0 && setSelection(tags[event.value]) }, tabs),
+    modifiers
+  );
+}
+function Tab(props) {
+  const { own, modifiers } = splitProps(props);
+  const badge = takeModifier(modifiers, "badge");
+  const tabProps = { title: own.title, systemImage: own.systemImage ?? null };
+  if (badge !== void 0 && badge !== null) tabProps["badge"] = String(badge);
+  if (own.role) tabProps["role"] = own.role;
+  if (own.image && !own.systemImage) tabProps["image"] = own.image;
+  return applyModifiers(sb("tab", tabProps, void 0, own.children), modifiers);
+}
 function Host(props) {
   const { own, modifiers } = splitProps(props);
   const key = useId();
@@ -5579,6 +5998,7 @@ export {
   SecureField,
   Shape,
   ShareLink,
+  SignInWithAppleButton,
   Slider,
   Spacer,
   SplitSelectionContext,
@@ -5605,10 +6025,14 @@ export {
   ZStack,
   answerLayout,
   appStorage,
+  appleCredentialState,
   canMeasureText,
+  canSignInWithApple,
   color,
+  configureSignInWithApple,
   createFileManager,
   createSwiftUIRoot,
+  exportFile,
   fileManager,
   flattenChildren,
   focusBinding,
@@ -5636,6 +6060,7 @@ export {
   rgb,
   scrollGeometryOf,
   shapeStyle,
+  signInWithApple,
   system,
   takeScrollSettings,
   timeTicks,
@@ -5648,14 +6073,20 @@ export {
   useCoordinateSpaces,
   useDismiss,
   useDynamicTypeSize,
+  useFileStorage,
+  useGeolocation,
   useHorizontalSizeClass,
   useNamespace,
   useNavigation,
   useRedacted,
   useRefreshable,
   useReportSplitSelection,
+  useScenePhase,
+  useSpeechRecognition,
+  useSpeechSynthesis,
   useUndoManager,
   useViewEnvironment,
+  useWakeLock,
   weighted,
   withAnimation
 };