@swifttui/web 0.0.14 → 0.0.16

package/README.md

@@ -6,9 +6,19 @@ This package owns browser-safe runtime APIs: scene manifest loading, canvas
 rendering, ARIA mounting, WebSocket scene bridges, and WASI scene bridges. Build
 tooling lives in the sibling [`@swifttui/build`](../build) workspace package.
 
-Publication status: the package name is reserved for the first public web
-release. Until it is published to npm or attached as a public release tarball,
-use the source checkout and the `swift-tui-examples/WebExample` template.
+## Installation
+
+Published to npm as an ESM package with bundled TypeScript declarations — no
+TypeScript toolchain required to consume it:
+
+```bash
+npm install @swifttui/web
+```
+
+The package ships compiled `dist/` JavaScript (`.js` + `.d.ts`); consuming it
+does **not** require Bun or a TypeScript build step. Subpath entrypoints
+(`./wasi`, `./wasi-worker`, `./manifest`, `./websocket`, `./testing`) and the
+`./style.css` asset are declared in `package.json` `exports`.
 
 ## Toolchains
 
@@ -86,21 +96,25 @@ startWasmSceneWorker();
 ## Scripts
 
 - `bun test`
+- `bun run build` — compile the publishable package to `dist/` with tsdown
+  (ESM `.js` + `.d.ts`). Run automatically on publish via `prepublishOnly`.
 - `bun run build:manifest -- --app <AppExecutable>`
 - `bun run build:wasm -- --app <AppExecutable>`
 - `bun run build:web`
-- `bun run build -- --app <AppExecutable>`
+- `bun run build:app -- --app <AppExecutable>`
 - `bun run dev`
 
-`build:manifest`, `build:wasm`, and `build` delegate manifest/WASI packaging to
-`@swifttui/build`. `build:wasm` and `build` default to
-`--configuration release`; pass `--configuration debug` for local
-debug-oriented wasm builds.
+`build` produces the published library. `build:manifest`, `build:wasm`, and
+`build:app` delegate manifest/WASI packaging to `@swifttui/build`; `build:wasm`
+and `build:app` default to `--configuration release` (pass
+`--configuration debug` for local debug-oriented wasm builds). The demo/app
+pipeline writes its artifacts to `dist-demo/` so they stay separate from the
+published `dist/` library output.
 
-The build flow is intentionally small:
+The demo/app build flow is intentionally small:
 
 1. `build:manifest` captures `TUIGUI_MODE=manifest` output from the Swift app by invoking `swiftly run swift`.
-2. `build:wasm` copies the app's wasm artifact into `dist/assets/app.wasm`,
+2. `build:wasm` copies the app's wasm artifact into `dist-demo/assets/app.wasm`,
    validates it with the browser `WebAssembly` API, then keeps the stripped
    artifact only if stripping still produces browser-parseable wasm.
 3. `build:web` bundles `index.html` and the browser entrypoint with Bun.

package/dist/index.d.ts

@@ -0,0 +1,9 @@
+import { ResolvedWebHostTerminalPalette, ResolvedWebHostTerminalStyle, WebHostANSIColors, WebHostTerminalAppearance, WebHostTerminalCursorStyle, WebHostTerminalPalette, WebHostTerminalRenderStyle, WebHostTerminalStyle, WebHostTerminalTheme, applyWebHostTerminalStyle, decodeWebHostTerminalRenderStyleBase64, encodeWebHostTerminalRenderStyleBase64, mergeWebHostTerminalStyle, normalizeWebHostTerminalStyle, resolveWebHostTerminalRenderStyle, webTUITerminalBackgroundColor } from "./src/WebHostTerminalStyle.js";
+import { WebHostAccessibilityAnnouncement, WebHostAccessibilityLiveRegion, WebHostAccessibilityNode, WebHostAccessibilityPoint, WebHostFrameDiagnosticRecord, WebHostKeyInput, WebHostMouseInput, WebHostOutputDecoder, WebHostOutputRecord, WebHostOutputSink, WebHostRuntimeIssue, WebHostScrollRegion, WebHostSurfaceCell, WebHostSurfaceDamage, WebHostSurfaceDamageRange, WebHostSurfaceDamageTextRow, WebHostSurfaceDeltaFrame, WebHostSurfaceDeltaRow, WebHostSurfaceFrame, WebHostSurfaceImage, WebHostSurfaceImageFormat, WebHostSurfaceLineStyle, WebHostSurfaceRect, WebHostSurfaceSize, WebHostSurfaceStyle, encodeKeyInputMessage, encodeMouseInputMessage, encodePasteInputMessage, encodeRenderStyleControlMessage, encodeResizeControlMessage } from "./src/WebHostSurfaceTransport.js";
+import { WebHostSceneDescriptor, WebHostSceneManifest, WebHostSceneManifestSource, loadWebHostSceneManifest, normalizeWebHostSceneManifest, webTUISceneManifestFromDescriptors, webTUISceneManifestToJSON } from "./src/WebHostSceneManifest.js";
+import { WebHostSceneBridge, WebHostSceneRuntime, WebHostSceneRuntimeOptions, WheelMode } from "./src/WebHostSceneRuntime.js";
+import { WebSocketSceneBridge, WebSocketSceneBridgeFactory, WebSocketSceneBridgeOptions, WebSocketSceneSocket, webSocketSceneURL } from "./src/WebSocketSceneBridge.js";
+import { WebHostAppController, WebHostAppOptions, WebHostBridgeFactory, WebHostBridgeFactoryOptions, WebHostEmbeddedHostConfig, createWebHostApp } from "./src/WebHostApp.js";
+import { StdIOPipe } from "./src/wasi/StdIOPipe.js";
+import { BrowserWASIBridge, BrowserWASIBridgeOptions, BrowserWASIOutputSink } from "./src/wasi/BrowserWASIBridge.js";
+export { BrowserWASIBridge, BrowserWASIBridgeOptions, BrowserWASIOutputSink, ResolvedWebHostTerminalPalette, ResolvedWebHostTerminalStyle, StdIOPipe, WebHostANSIColors, WebHostAccessibilityAnnouncement, WebHostAccessibilityLiveRegion, WebHostAccessibilityNode, WebHostAccessibilityPoint, WebHostAppController, WebHostAppOptions, WebHostBridgeFactory, WebHostBridgeFactoryOptions, WebHostEmbeddedHostConfig, WebHostFrameDiagnosticRecord, WebHostKeyInput, WebHostMouseInput, WebHostOutputDecoder, WebHostOutputRecord, WebHostOutputSink, WebHostRuntimeIssue, WebHostSceneBridge, WebHostSceneDescriptor, WebHostSceneManifest, WebHostSceneManifestSource, WebHostSceneRuntime, WebHostSceneRuntimeOptions, WebHostScrollRegion, WebHostSurfaceCell, WebHostSurfaceDamage, WebHostSurfaceDamageRange, WebHostSurfaceDamageTextRow, WebHostSurfaceDeltaFrame, WebHostSurfaceDeltaRow, WebHostSurfaceFrame, WebHostSurfaceImage, WebHostSurfaceImageFormat, WebHostSurfaceLineStyle, WebHostSurfaceRect, WebHostSurfaceSize, WebHostSurfaceStyle, WebHostTerminalAppearance, WebHostTerminalCursorStyle, WebHostTerminalPalette, WebHostTerminalRenderStyle, WebHostTerminalStyle, WebHostTerminalTheme, WebSocketSceneBridge, WebSocketSceneBridgeFactory, WebSocketSceneBridgeOptions, WebSocketSceneSocket, WheelMode, applyWebHostTerminalStyle, createWebHostApp, decodeWebHostTerminalRenderStyleBase64, encodeKeyInputMessage, encodeMouseInputMessage, encodePasteInputMessage, encodeRenderStyleControlMessage, encodeResizeControlMessage, encodeWebHostTerminalRenderStyleBase64, loadWebHostSceneManifest, mergeWebHostTerminalStyle, normalizeWebHostSceneManifest, normalizeWebHostTerminalStyle, resolveWebHostTerminalRenderStyle, webSocketSceneURL, webTUISceneManifestFromDescriptors, webTUISceneManifestToJSON, webTUITerminalBackgroundColor };

package/dist/index.js

@@ -0,0 +1,9 @@
+import { StdIOPipe } from "./src/wasi/StdIOPipe.js";
+import { applyWebHostTerminalStyle, decodeWebHostTerminalRenderStyleBase64, encodeWebHostTerminalRenderStyleBase64, mergeWebHostTerminalStyle, normalizeWebHostTerminalStyle, resolveWebHostTerminalRenderStyle, webTUITerminalBackgroundColor } from "./src/WebHostTerminalStyle.js";
+import { WebHostOutputDecoder, encodeKeyInputMessage, encodeMouseInputMessage, encodePasteInputMessage, encodeRenderStyleControlMessage, encodeResizeControlMessage } from "./src/WebHostSurfaceTransport.js";
+import { BrowserWASIBridge } from "./src/wasi/BrowserWASIBridge.js";
+import { WebSocketSceneBridge, webSocketSceneURL } from "./src/WebSocketSceneBridge.js";
+import { loadWebHostSceneManifest, normalizeWebHostSceneManifest, webTUISceneManifestFromDescriptors, webTUISceneManifestToJSON } from "./src/WebHostSceneManifest.js";
+import { WebHostSceneRuntime } from "./src/WebHostSceneRuntime.js";
+import { createWebHostApp } from "./src/WebHostApp.js";
+export { BrowserWASIBridge, StdIOPipe, WebHostOutputDecoder, WebHostSceneRuntime, WebSocketSceneBridge, applyWebHostTerminalStyle, createWebHostApp, decodeWebHostTerminalRenderStyleBase64, encodeKeyInputMessage, encodeMouseInputMessage, encodePasteInputMessage, encodeRenderStyleControlMessage, encodeResizeControlMessage, encodeWebHostTerminalRenderStyleBase64, loadWebHostSceneManifest, mergeWebHostTerminalStyle, normalizeWebHostSceneManifest, normalizeWebHostTerminalStyle, resolveWebHostTerminalRenderStyle, webSocketSceneURL, webTUISceneManifestFromDescriptors, webTUISceneManifestToJSON, webTUITerminalBackgroundColor };

package/dist/manifest.d.ts

@@ -0,0 +1,2 @@
+import { WebHostSceneDescriptor, WebHostSceneManifest, WebHostSceneManifestSource, loadWebHostSceneManifest, normalizeWebHostSceneManifest, webTUISceneManifestFromDescriptors, webTUISceneManifestToJSON } from "./src/WebHostSceneManifest.js";
+export { WebHostSceneDescriptor, WebHostSceneManifest, WebHostSceneManifestSource, loadWebHostSceneManifest, normalizeWebHostSceneManifest, webTUISceneManifestFromDescriptors, webTUISceneManifestToJSON };

package/dist/manifest.js

@@ -0,0 +1,2 @@
+import { loadWebHostSceneManifest, normalizeWebHostSceneManifest, webTUISceneManifestFromDescriptors, webTUISceneManifestToJSON } from "./src/WebHostSceneManifest.js";
+export { loadWebHostSceneManifest, normalizeWebHostSceneManifest, webTUISceneManifestFromDescriptors, webTUISceneManifestToJSON };

package/dist/src/AccessibilityTree.js

@@ -0,0 +1,156 @@
+//#region src/AccessibilityTree.ts
+var AccessibilityTreeMounter = class {
+	element;
+	announcerElement;
+	nodesById = /* @__PURE__ */ new Map();
+	previousLabelsById = /* @__PURE__ */ new Map();
+	hasLiveRegionBaseline = false;
+	constructor() {
+		this.element = document.createElement("div");
+		this.element.className = "webhost-scene__accessibility-tree";
+		applyScreenReaderOnlyStyle(this.element);
+		this.announcerElement = document.createElement("div");
+		this.announcerElement.className = "webhost-scene__accessibility-announcer";
+		this.announcerElement.setAttribute("aria-atomic", "true");
+		applyScreenReaderOnlyStyle(this.announcerElement);
+	}
+	present(nodes, metrics, announcements = [], options = {}) {
+		this.element.replaceChildren();
+		this.nodesById.clear();
+		for (const node of nodes) {
+			const element = this.elementForNode(node, metrics);
+			this.nodesById.set(node.id, element);
+		}
+		for (const node of nodes) {
+			const element = this.nodesById.get(node.id);
+			if (!element) continue;
+			((node.parentId ? this.nodesById.get(node.parentId) : void 0) ?? this.element).appendChild(element);
+		}
+		this.announceLiveRegionChanges(nodes, announcements);
+		const focused = nodes.find((node) => node.isFocused);
+		if ((options.synchronizeFocus ?? true) && focused) this.nodesById.get(focused.id)?.focus?.({ preventScroll: true });
+	}
+	elementForNode(node, metrics) {
+		const element = document.createElement("div");
+		element.id = `swifttui-a11y-${stableDOMId(node.id)}`;
+		element.dataset.accessibilityId = node.id;
+		element.tabIndex = node.isFocused ? 0 : -1;
+		const role = roleMapping(node.role);
+		if (role.role) element.setAttribute("role", role.role);
+		if (role.level !== void 0) element.setAttribute("aria-level", String(role.level));
+		if (node.label) element.setAttribute("aria-label", node.label);
+		if (node.hint) element.setAttribute("aria-description", node.hint);
+		if (node.liveRegion) element.setAttribute("aria-live", node.liveRegion);
+		if (node.isFocused) element.dataset.focused = "true";
+		const [x, y, width, height] = node.rect;
+		element.style.position = "absolute";
+		element.style.left = `${x * metrics.cellWidth}px`;
+		element.style.top = `${y * metrics.cellHeight}px`;
+		element.style.width = `${Math.max(1, width) * metrics.cellWidth}px`;
+		element.style.height = `${Math.max(1, height) * metrics.cellHeight}px`;
+		return element;
+	}
+	announceLiveRegionChanges(nodes, announcements) {
+		const candidates = nodes.filter((node) => node.liveRegion && node.liveRegion !== "off" && node.label);
+		const currentLabelsById = new Map(candidates.map((node) => [node.id, node.label ?? ""]));
+		const imperativeAssertive = announcements.filter((announcement) => announcement.politeness === "assertive");
+		const imperativePolite = announcements.filter((announcement) => announcement.politeness === "polite");
+		if (!this.hasLiveRegionBaseline) {
+			this.previousLabelsById = currentLabelsById;
+			this.hasLiveRegionBaseline = true;
+			this.publishAnnouncements([], imperativeAssertive, [], imperativePolite);
+			return;
+		}
+		const changed = candidates.filter((node) => {
+			const previous = this.previousLabelsById.get(node.id);
+			return previous !== void 0 && previous !== node.label;
+		});
+		this.previousLabelsById = currentLabelsById;
+		const assertive = changed.filter((node) => node.liveRegion === "assertive");
+		const polite = changed.filter((node) => node.liveRegion === "polite");
+		this.publishAnnouncements(assertive, imperativeAssertive, polite, imperativePolite);
+	}
+	publishAnnouncements(assertive, imperativeAssertive, polite, imperativePolite) {
+		const ordered = [
+			...assertive,
+			...imperativeAssertive,
+			...polite,
+			...imperativePolite
+		];
+		if (ordered.length === 0) return;
+		const politeness = assertive.length > 0 || imperativeAssertive.length > 0 ? "assertive" : "polite";
+		this.announcerElement.setAttribute("aria-live", politeness);
+		this.announcerElement.textContent = ordered.map((entry) => {
+			if ("message" in entry) return entry.message;
+			return entry.label ?? "";
+		}).join("\n");
+	}
+};
+function applyScreenReaderOnlyStyle(element) {
+	element.style.position = "absolute";
+	element.style.left = "0";
+	element.style.top = "0";
+	element.style.width = "1px";
+	element.style.height = "1px";
+	element.style.overflow = "hidden";
+	element.style.clipPath = "inset(50%)";
+	element.style.whiteSpace = "nowrap";
+}
+function roleMapping(role) {
+	const heading = /^heading\(level: ([0-9]+)\)$/.exec(role);
+	if (heading) return {
+		role: "heading",
+		level: Math.max(1, Math.min(6, Number(heading[1])))
+	};
+	const custom = /^custom\((.+)\)$/.exec(role);
+	if (custom) return { role: custom[1] };
+	switch (role) {
+		case "alert":
+		case "button":
+		case "cell":
+		case "checkbox":
+		case "grid":
+		case "group":
+		case "link":
+		case "list":
+		case "menu":
+		case "region":
+		case "separator":
+		case "slider":
+		case "status":
+		case "tab":
+		case "table":
+		case "timer": return { role };
+		case "columnHeader": return { role: "columnheader" };
+		case "confirmationDialog":
+		case "sheet": return { role: "dialog" };
+		case "disclosureGroup":
+		case "scrollView":
+		case "scrollViewWithIndicators":
+		case "section": return { role: "region" };
+		case "image": return { role: "img" };
+		case "menuItem": return { role: "menuitem" };
+		case "picker": return { role: "combobox" };
+		case "progressBar": return { role: "progressbar" };
+		case "rowHeader": return { role: "rowheader" };
+		case "secureField":
+		case "textEditor":
+		case "textField": return { role: "textbox" };
+		case "stepper": return { role: "spinbutton" };
+		case "tabPanel": return { role: "tabpanel" };
+		case "tableRow": return { role: "row" };
+		case "tabView": return { role: "tablist" };
+		case "toggle": return { role: "checkbox" };
+		default: return { role: "group" };
+	}
+}
+function stableDOMId(id) {
+	return Array.from(id).map((character) => {
+		if (/^[a-zA-Z0-9_-]$/.test(character)) return character;
+		return `-${character.codePointAt(0)?.toString(16) ?? "0"}-`;
+	}).join("");
+}
+//#endregion
+export { AccessibilityTreeMounter };
+
+//# sourceMappingURL=AccessibilityTree.js.map

package/dist/src/AccessibilityTree.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccessibilityTree.js","names":[],"sources":["../../src/AccessibilityTree.ts"],"sourcesContent":["import type {\n  WebHostAccessibilityAnnouncement,\n  WebHostAccessibilityNode,\n} from \"./WebHostSurfaceTransport.ts\";\n\ninterface AccessibilityTreeMetrics {\n  cellWidth: number;\n  cellHeight: number;\n}\n\ninterface AccessibilityTreePresentationOptions {\n  synchronizeFocus?: boolean;\n}\n\ninterface RoleMapping {\n  role?: string;\n  level?: number;\n}\n\nexport class AccessibilityTreeMounter {\n  readonly element: HTMLElement;\n  readonly announcerElement: HTMLElement;\n\n  private readonly nodesById = new Map<string, HTMLElement>();\n  private previousLabelsById = new Map<string, string>();\n  private hasLiveRegionBaseline = false;\n\n  constructor() {\n    this.element = document.createElement(\"div\");\n    this.element.className = \"webhost-scene__accessibility-tree\";\n    applyScreenReaderOnlyStyle(this.element);\n\n    this.announcerElement = document.createElement(\"div\");\n    this.announcerElement.className = \"webhost-scene__accessibility-announcer\";\n    this.announcerElement.setAttribute(\"aria-atomic\", \"true\");\n    applyScreenReaderOnlyStyle(this.announcerElement);\n  }\n\n  present(\n    nodes: WebHostAccessibilityNode[],\n    metrics: AccessibilityTreeMetrics,\n    announcements: WebHostAccessibilityAnnouncement[] = [],\n    options: AccessibilityTreePresentationOptions = {}\n  ): void {\n    this.element.replaceChildren();\n    this.nodesById.clear();\n\n    for (const node of nodes) {\n      const element = this.elementForNode(node, metrics);\n      this.nodesById.set(node.id, element);\n    }\n\n    for (const node of nodes) {\n      const element = this.nodesById.get(node.id);\n      if (!element) {\n        continue;\n      }\n\n      const parent = node.parentId ? this.nodesById.get(node.parentId) : undefined;\n      (parent ?? this.element).appendChild(element);\n    }\n\n    this.announceLiveRegionChanges(nodes, announcements);\n\n    const focused = nodes.find((node) => node.isFocused);\n    if ((options.synchronizeFocus ?? true) && focused) {\n      this.nodesById.get(focused.id)?.focus?.({ preventScroll: true });\n    }\n  }\n\n  private elementForNode(\n    node: WebHostAccessibilityNode,\n    metrics: AccessibilityTreeMetrics\n  ): HTMLElement {\n    const element = document.createElement(\"div\");\n    element.id = `swifttui-a11y-${stableDOMId(node.id)}`;\n    element.dataset.accessibilityId = node.id;\n    element.tabIndex = node.isFocused ? 0 : -1;\n\n    const role = roleMapping(node.role);\n    if (role.role) {\n      element.setAttribute(\"role\", role.role);\n    }\n    if (role.level !== undefined) {\n      element.setAttribute(\"aria-level\", String(role.level));\n    }\n    if (node.label) {\n      element.setAttribute(\"aria-label\", node.label);\n    }\n    if (node.hint) {\n      element.setAttribute(\"aria-description\", node.hint);\n    }\n    if (node.liveRegion) {\n      element.setAttribute(\"aria-live\", node.liveRegion);\n    }\n    if (node.isFocused) {\n      element.dataset.focused = \"true\";\n    }\n\n    const [x, y, width, height] = node.rect;\n    element.style.position = \"absolute\";\n    element.style.left = `${x * metrics.cellWidth}px`;\n    element.style.top = `${y * metrics.cellHeight}px`;\n    element.style.width = `${Math.max(1, width) * metrics.cellWidth}px`;\n    element.style.height = `${Math.max(1, height) * metrics.cellHeight}px`;\n\n    return element;\n  }\n\n  private announceLiveRegionChanges(\n    nodes: WebHostAccessibilityNode[],\n    announcements: WebHostAccessibilityAnnouncement[]\n  ): void {\n    const candidates = nodes.filter(\n      (node) => node.liveRegion && node.liveRegion !== \"off\" && node.label\n    );\n    const currentLabelsById = new Map(candidates.map((node) => [node.id, node.label ?? \"\"]));\n    const imperativeAssertive = announcements.filter(\n      (announcement) => announcement.politeness === \"assertive\"\n    );\n    const imperativePolite = announcements.filter(\n      (announcement) => announcement.politeness === \"polite\"\n    );\n\n    if (!this.hasLiveRegionBaseline) {\n      this.previousLabelsById = currentLabelsById;\n      this.hasLiveRegionBaseline = true;\n      this.publishAnnouncements([], imperativeAssertive, [], imperativePolite);\n      return;\n    }\n\n    const changed = candidates.filter((node) => {\n      const previous = this.previousLabelsById.get(node.id);\n      return previous !== undefined && previous !== node.label;\n    });\n    this.previousLabelsById = currentLabelsById;\n\n    const assertive = changed.filter((node) => node.liveRegion === \"assertive\");\n    const polite = changed.filter((node) => node.liveRegion === \"polite\");\n    this.publishAnnouncements(assertive, imperativeAssertive, polite, imperativePolite);\n  }\n\n  private publishAnnouncements(\n    assertive: WebHostAccessibilityNode[],\n    imperativeAssertive: WebHostAccessibilityAnnouncement[],\n    polite: WebHostAccessibilityNode[],\n    imperativePolite: WebHostAccessibilityAnnouncement[]\n  ): void {\n    const ordered = [...assertive, ...imperativeAssertive, ...polite, ...imperativePolite];\n    if (ordered.length === 0) {\n      return;\n    }\n\n    const politeness = assertive.length > 0 || imperativeAssertive.length > 0\n      ? \"assertive\"\n      : \"polite\";\n    this.announcerElement.setAttribute(\"aria-live\", politeness);\n    this.announcerElement.textContent = ordered.map((entry) => {\n      if (\"message\" in entry) {\n        return entry.message;\n      }\n      return entry.label ?? \"\";\n    }).join(\"\\n\");\n  }\n}\n\nfunction applyScreenReaderOnlyStyle(\n  element: HTMLElement\n): void {\n  element.style.position = \"absolute\";\n  element.style.left = \"0\";\n  element.style.top = \"0\";\n  element.style.width = \"1px\";\n  element.style.height = \"1px\";\n  element.style.overflow = \"hidden\";\n  element.style.clipPath = \"inset(50%)\";\n  element.style.whiteSpace = \"nowrap\";\n}\n\nfunction roleMapping(\n  role: string\n): RoleMapping {\n  const heading = /^heading\\(level: ([0-9]+)\\)$/.exec(role);\n  if (heading) {\n    return {\n      role: \"heading\",\n      level: Math.max(1, Math.min(6, Number(heading[1]))),\n    };\n  }\n\n  const custom = /^custom\\((.+)\\)$/.exec(role);\n  if (custom) {\n    return { role: custom[1] };\n  }\n\n  switch (role) {\n  case \"alert\":\n  case \"button\":\n  case \"cell\":\n  case \"checkbox\":\n  case \"grid\":\n  case \"group\":\n  case \"link\":\n  case \"list\":\n  case \"menu\":\n  case \"region\":\n  case \"separator\":\n  case \"slider\":\n  case \"status\":\n  case \"tab\":\n  case \"table\":\n  case \"timer\":\n    return { role };\n  case \"columnHeader\":\n    return { role: \"columnheader\" };\n  case \"confirmationDialog\":\n  case \"sheet\":\n    return { role: \"dialog\" };\n  case \"disclosureGroup\":\n  case \"scrollView\":\n  case \"scrollViewWithIndicators\":\n  case \"section\":\n    return { role: \"region\" };\n  case \"image\":\n    return { role: \"img\" };\n  case \"menuItem\":\n    return { role: \"menuitem\" };\n  case \"picker\":\n    return { role: \"combobox\" };\n  case \"progressBar\":\n    return { role: \"progressbar\" };\n  case \"rowHeader\":\n    return { role: \"rowheader\" };\n  case \"secureField\":\n  case \"textEditor\":\n  case \"textField\":\n    return { role: \"textbox\" };\n  case \"stepper\":\n    return { role: \"spinbutton\" };\n  case \"tabPanel\":\n    return { role: \"tabpanel\" };\n  case \"tableRow\":\n    return { role: \"row\" };\n  case \"tabView\":\n    return { role: \"tablist\" };\n  case \"toggle\":\n    return { role: \"checkbox\" };\n  default:\n    return { role: \"group\" };\n  }\n}\n\nfunction stableDOMId(\n  id: string\n): string {\n  return Array.from(id).map((character) => {\n    if (/^[a-zA-Z0-9_-]$/.test(character)) {\n      return character;\n    }\n    return `-${character.codePointAt(0)?.toString(16) ?? \"0\"}-`;\n  }).join(\"\");\n}\n"],"mappings":"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"}