@monimesl/dot-core 0.1.0-alpha.10

package/dist/index.js

@@ -0,0 +1,1059 @@
+//#region src/view/component.ts
+function defineComponent(manifest) {
+	return {
+		props: {},
+		events: [],
+		...manifest
+	};
+}
+function eventProp(event) {
+	return `on${event.charAt(0).toUpperCase()}${event.slice(1)}`;
+}
+function isEventProp(name) {
+	const letterAfterOn = name.charAt(2);
+	return name.startsWith("on") && letterAfterOn >= "A" && letterAfterOn <= "Z";
+}
+function eventName(prop) {
+	const name = prop.slice(2);
+	return name.charAt(0).toLowerCase() + name.slice(1);
+}
+function componentRegistry(manifests) {
+	const registry = {};
+	for (const manifest of manifests) {
+		if (manifest.name in registry) throw new Error(`Component <${manifest.name}> is defined twice`);
+		registry[manifest.name] = manifest;
+	}
+	return registry;
+}
+//#endregion
+//#region src/view/values.ts
+function toText(value) {
+	switch (typeof value) {
+		case "string": return value;
+		case "number":
+		case "boolean":
+		case "bigint": return String(value);
+		case "object": return value === null ? "" : JSON.stringify(value);
+		default: return "";
+	}
+}
+function toList(value) {
+	if (Array.isArray(value)) return value;
+	if (typeof value === "object" && value !== null && Symbol.iterator in value) return Array.from(value);
+	return [];
+}
+//#endregion
+//#region src/view/components/amount-input.ts
+const AmountInput = defineComponent({
+	name: "AmountInput",
+	props: {
+		value: "number",
+		currency: "string",
+		minorUnits: "number",
+		unit: ["minor", "major"],
+		label: "string",
+		placeholder: "string",
+		hint: "string",
+		error: "string",
+		disabled: "boolean"
+	},
+	events: ["change"],
+	children: "none"
+});
+//#endregion
+//#region src/view/components/button.ts
+const Button = defineComponent({
+	name: "Button",
+	props: {
+		variant: ["primary", "secondary"],
+		disabled: "boolean",
+		loading: "boolean"
+	},
+	events: ["click"],
+	children: "text"
+});
+//#endregion
+//#region src/view/components/options.ts
+const SIZES = [
+	"small",
+	"medium",
+	"large"
+];
+const SPACES = [
+	"none",
+	"small",
+	"medium",
+	"large"
+];
+const PADDING_PROPS = {
+	padding: SPACES,
+	paddingTop: SPACES,
+	paddingStart: SPACES,
+	paddingEnd: SPACES,
+	paddingBottom: SPACES
+};
+const ASPECTS = [
+	"1:1",
+	"4:3",
+	"3:2",
+	"16:9",
+	"3:4",
+	"2:3",
+	"9:16"
+];
+const TONES = [
+	"default",
+	"muted",
+	"info",
+	"success",
+	"warning",
+	"danger"
+];
+const STATUS_TONES = [
+	"default",
+	"info",
+	"success",
+	"warning",
+	"danger"
+];
+const ICON_NAMES = [
+	"arrow-down",
+	"arrow-left",
+	"arrow-right",
+	"arrow-up",
+	"bank",
+	"bell",
+	"bolt",
+	"calendar",
+	"card",
+	"cart",
+	"cash",
+	"check",
+	"chevron-down",
+	"chevron-left",
+	"chevron-right",
+	"chevron-up",
+	"clock",
+	"close",
+	"copy",
+	"download",
+	"edit",
+	"error",
+	"external-link",
+	"eye",
+	"eye-off",
+	"file",
+	"gift",
+	"globe",
+	"grid",
+	"headphones",
+	"heart",
+	"help",
+	"history",
+	"home",
+	"image",
+	"info",
+	"link",
+	"list",
+	"location",
+	"lock",
+	"logout",
+	"mail",
+	"microphone",
+	"minus",
+	"mobile",
+	"more",
+	"music",
+	"phone",
+	"playlist",
+	"plus",
+	"qr-code",
+	"receipt",
+	"refresh",
+	"search",
+	"send",
+	"settings",
+	"share",
+	"star",
+	"success",
+	"ticket",
+	"trash",
+	"upload",
+	"user",
+	"users",
+	"video",
+	"wallet",
+	"warning",
+	"water",
+	"wifi"
+];
+//#endregion
+//#region src/view/components/carousel.ts
+const Carousel = defineComponent({
+	name: "Carousel",
+	props: {
+		autoplay: "boolean",
+		interval: "number",
+		loop: "boolean",
+		indicator: ["dots", "none"],
+		gap: SPACES,
+		effect: ["slide", "scale"],
+		index: "number",
+		...PADDING_PROPS
+	},
+	events: ["change"],
+	children: "elements"
+});
+//#endregion
+//#region src/view/components/chip.ts
+const Chip = defineComponent({
+	name: "Chip",
+	props: {
+		label: "string",
+		icon: ICON_NAMES,
+		selected: "boolean",
+		disabled: "boolean"
+	},
+	events: ["tap"],
+	children: "none"
+});
+//#endregion
+//#region src/view/components/code-input.ts
+const CodeInput = defineComponent({
+	name: "CodeInput",
+	props: {
+		value: "string",
+		length: "number",
+		label: "string",
+		hint: "string",
+		error: "string",
+		secure: "boolean",
+		disabled: "boolean"
+	},
+	events: ["change", "complete"],
+	children: "none"
+});
+//#endregion
+//#region src/view/components/detail-row.ts
+const DetailRow = defineComponent({
+	name: "DetailRow",
+	props: {
+		label: "string",
+		value: "string",
+		tone: TONES,
+		weight: [
+			"regular",
+			"medium",
+			"bold"
+		],
+		...PADDING_PROPS
+	},
+	children: "none"
+});
+//#endregion
+//#region src/view/components/divider.ts
+const Divider = defineComponent({
+	name: "Divider",
+	children: "none"
+});
+//#endregion
+//#region src/view/components/empty-state.ts
+const EmptyState = defineComponent({
+	name: "EmptyState",
+	props: {
+		icon: ICON_NAMES,
+		title: "string",
+		text: "string",
+		...PADDING_PROPS
+	},
+	children: "elements"
+});
+//#endregion
+//#region src/view/components/feedback.ts
+const Spinner = defineComponent({
+	name: "Spinner",
+	props: { size: SIZES },
+	children: "none"
+});
+const ProgressBar = defineComponent({
+	name: "ProgressBar",
+	props: { value: "number" },
+	children: "none"
+});
+const Notice = defineComponent({
+	name: "Notice",
+	props: {
+		tone: STATUS_TONES,
+		title: "string",
+		...PADDING_PROPS
+	},
+	children: "text"
+});
+const Badge = defineComponent({
+	name: "Badge",
+	props: { tone: STATUS_TONES },
+	children: "text"
+});
+//#endregion
+//#region src/view/components/footer.ts
+const Footer = defineComponent({
+	name: "Footer",
+	props: PADDING_PROPS,
+	children: "elements"
+});
+//#endregion
+//#region src/view/components/grid.ts
+const Grid = defineComponent({
+	name: "Grid",
+	props: {
+		columns: "number",
+		gap: SPACES,
+		...PADDING_PROPS
+	},
+	children: "elements"
+});
+const GridItem = defineComponent({
+	name: "GridItem",
+	props: {
+		label: "string",
+		icon: ICON_NAMES,
+		image: "string",
+		badge: "string"
+	},
+	events: ["tap"],
+	children: "none"
+});
+//#endregion
+//#region src/view/components/icon.ts
+const Icon = defineComponent({
+	name: "Icon",
+	props: {
+		name: ICON_NAMES,
+		size: SIZES,
+		tone: TONES
+	},
+	children: "none",
+	inline: true
+});
+//#endregion
+//#region src/view/components/image.ts
+const Image = defineComponent({
+	name: "Image",
+	props: {
+		src: "string",
+		alt: "string",
+		width: "number",
+		height: "number",
+		fit: ["cover", "contain"],
+		shape: [
+			"rounded",
+			"square",
+			"circle"
+		],
+		aspect: ASPECTS
+	},
+	events: ["load", "error"],
+	children: "none",
+	overrides: [{
+		prop: "aspect",
+		ignores: "height",
+		because: "the aspect sets the height"
+	}]
+});
+//#endregion
+//#region src/view/components/input.ts
+const Input = defineComponent({
+	name: "Input",
+	props: {
+		value: "string",
+		placeholder: "string",
+		label: "string",
+		hint: "string",
+		error: "string",
+		prefix: "string",
+		suffix: "string",
+		type: [
+			"text",
+			"number",
+			"email",
+			"phone",
+			"password"
+		],
+		maxLength: "number",
+		disabled: "boolean"
+	},
+	events: ["change", "submit"],
+	children: "none"
+});
+//#endregion
+//#region src/view/components/link.ts
+const Link = defineComponent({
+	name: "Link",
+	props: {
+		href: "string",
+		tone: TONES
+	},
+	events: ["tap"],
+	children: "text",
+	inline: true
+});
+//#endregion
+//#region src/view/components/list.ts
+const List = defineComponent({
+	name: "List",
+	props: {
+		size: ["sm", "md"],
+		...PADDING_PROPS
+	},
+	events: ["endReached"],
+	children: "elements"
+});
+const ListItem = defineComponent({
+	name: "ListItem",
+	props: {
+		title: "string",
+		subtitle: "string",
+		value: "string",
+		icon: ICON_NAMES,
+		image: "string",
+		...PADDING_PROPS
+	},
+	events: ["tap"],
+	children: "elements"
+});
+//#endregion
+//#region src/view/components/overlays.ts
+const Sheet = defineComponent({
+	name: "Sheet",
+	props: {
+		open: "boolean",
+		title: "string",
+		showCloseIcon: "boolean",
+		...PADDING_PROPS
+	},
+	events: ["close"],
+	children: "elements"
+});
+const Toast = defineComponent({
+	name: "Toast",
+	props: {
+		message: "string",
+		tone: STATUS_TONES,
+		duration: "number"
+	},
+	events: ["hide"],
+	children: "none"
+});
+//#endregion
+//#region src/view/components/qr-code.ts
+const QRCode = defineComponent({
+	name: "QRCode",
+	props: {
+		value: "string",
+		size: "number",
+		label: "string"
+	},
+	children: "none"
+});
+//#endregion
+//#region src/view/components/select.ts
+const Select = defineComponent({
+	name: "Select",
+	props: {
+		value: "string",
+		label: "string",
+		placeholder: "string",
+		hint: "string",
+		error: "string",
+		disabled: "boolean"
+	},
+	events: ["change"],
+	children: "elements"
+});
+const Option = defineComponent({
+	name: "Option",
+	props: {
+		value: "string",
+		label: "string"
+	},
+	children: "none"
+});
+//#endregion
+//#region src/view/components/scroll.ts
+const Scroll = defineComponent({
+	name: "Scroll",
+	props: {
+		gap: SPACES,
+		snap: [
+			"none",
+			"start",
+			"center"
+		],
+		index: "number",
+		...PADDING_PROPS
+	},
+	events: ["change"],
+	children: "elements"
+});
+//#endregion
+//#region src/view/components/skeleton.ts
+const Skeleton = defineComponent({
+	name: "Skeleton",
+	props: {
+		shape: [
+			"text",
+			"circle",
+			"box"
+		],
+		lines: "number",
+		height: "number"
+	},
+	children: "none"
+});
+//#endregion
+//#region src/view/components/tabs.ts
+const Tabs = defineComponent({
+	name: "Tabs",
+	props: {
+		value: "string",
+		variant: ["underline", "segmented"],
+		...PADDING_PROPS
+	},
+	events: ["change"],
+	children: "elements"
+});
+const Tab = defineComponent({
+	name: "Tab",
+	props: {
+		value: "string",
+		label: "string",
+		badge: "number"
+	},
+	children: "none"
+});
+//#endregion
+//#region src/view/components/text.ts
+const Text = defineComponent({
+	name: "Text",
+	props: {
+		variant: [
+			"title",
+			"body",
+			"caption"
+		],
+		tone: TONES,
+		weight: [
+			"regular",
+			"medium",
+			"bold"
+		],
+		align: [
+			"start",
+			"center",
+			"end"
+		],
+		maxLines: "number",
+		...PADDING_PROPS
+	},
+	children: "text",
+	inline: true
+});
+//#endregion
+//#region src/view/components/text-area.ts
+const TextArea = defineComponent({
+	name: "TextArea",
+	props: {
+		value: "string",
+		placeholder: "string",
+		label: "string",
+		hint: "string",
+		error: "string",
+		rows: "number",
+		maxLength: "number",
+		disabled: "boolean"
+	},
+	events: ["change"],
+	children: "none"
+});
+//#endregion
+//#region src/view/components/toggles.ts
+const Switch = defineComponent({
+	name: "Switch",
+	props: {
+		checked: "boolean",
+		label: "string",
+		disabled: "boolean"
+	},
+	events: ["change"],
+	children: "none"
+});
+const Checkbox = defineComponent({
+	name: "Checkbox",
+	props: {
+		checked: "boolean",
+		label: "string",
+		disabled: "boolean"
+	},
+	events: ["change"],
+	children: "none"
+});
+const RadioGroup = defineComponent({
+	name: "RadioGroup",
+	props: {
+		value: "string",
+		label: "string",
+		disabled: "boolean"
+	},
+	events: ["change"],
+	children: "elements"
+});
+const Radio = defineComponent({
+	name: "Radio",
+	props: {
+		value: "string",
+		label: "string",
+		disabled: "boolean"
+	},
+	children: "none"
+});
+//#endregion
+//#region src/view/components/view.ts
+const View = defineComponent({
+	name: "View",
+	props: {
+		gap: SPACES,
+		direction: ["column", "row"],
+		align: [
+			"stretch",
+			"start",
+			"center",
+			"end"
+		],
+		justify: [
+			"start",
+			"center",
+			"end",
+			"between"
+		],
+		wrap: "boolean",
+		grow: "boolean",
+		...PADDING_PROPS,
+		variant: ["plain", "card"]
+	},
+	events: ["tap"],
+	children: "elements"
+});
+//#endregion
+//#region src/view/components/index.ts
+const builtinComponents = {
+	AmountInput,
+	Badge,
+	Button,
+	Carousel,
+	Checkbox,
+	Chip,
+	CodeInput,
+	DetailRow,
+	Divider,
+	EmptyState,
+	Footer,
+	Grid,
+	GridItem,
+	Icon,
+	Image,
+	Input,
+	Link,
+	List,
+	ListItem,
+	Notice,
+	Option,
+	ProgressBar,
+	QRCode,
+	Radio,
+	RadioGroup,
+	Scroll,
+	Select,
+	Sheet,
+	Skeleton,
+	Spinner,
+	Switch,
+	Tab,
+	Tabs,
+	Text,
+	TextArea,
+	Toast,
+	View
+};
+const builtinRegistry = componentRegistry(Object.values(builtinComponents));
+//#endregion
+//#region src/source/location.ts
+function createLocator(source) {
+	const lineStarts = [0];
+	for (let index = 0; index < source.length; index++) if (source[index] === "\n") lineStarts.push(index + 1);
+	return (offset) => {
+		let low = 0;
+		let high = lineStarts.length - 1;
+		while (low < high) {
+			const middle = Math.floor((low + high + 1) / 2);
+			if (lineStarts[middle] <= offset) low = middle;
+			else high = middle - 1;
+		}
+		return {
+			line: low + 1,
+			column: offset - lineStarts[low] + 1,
+			offset
+		};
+	};
+}
+function locationAt(source, offset) {
+	return createLocator(source)(offset);
+}
+function locatedMessage(message, file, location) {
+	const where = [
+		file,
+		location?.line,
+		location?.column
+	].filter((part) => part !== void 0).join(":");
+	return where ? `${where}: ${message}` : message;
+}
+//#endregion
+//#region src/source/error.ts
+var SourceError = class extends Error {
+	reason;
+	file;
+	loc;
+	constructor(reason, file, location) {
+		super(locatedMessage(reason, file, location));
+		this.reason = reason;
+		this.file = file;
+		this.loc = location;
+	}
+};
+//#endregion
+//#region src/event/emitter.ts
+var EventEmitter = class {
+	#listeners = /* @__PURE__ */ new Map();
+	on(name, listener) {
+		const listeners = this.#listeners.get(name) ?? /* @__PURE__ */ new Set();
+		this.#listeners.set(name, listeners);
+		listeners.add(listener);
+		return () => listeners.delete(listener);
+	}
+	emit(name, ...args) {
+		this.#listeners.get(name)?.forEach((listener) => listener(...args));
+	}
+};
+//#endregion
+//#region src/event/core.ts
+function createEvent(type, detail = {}, data = {}) {
+	return {
+		type,
+		detail,
+		data
+	};
+}
+//#endregion
+//#region src/host/host.ts
+function hostTransport() {
+	const transport = globalThis.__hostTransport;
+	if (!transport) throw new Error("No Dot host found: `globalThis.__hostTransport` is not set. Run the dot in the Dash app, or in the simulator with `dotctl dev`.");
+	return transport;
+}
+//#endregion
+//#region src/host/context.ts
+const DEFAULT_SYSTEM_CONTEXT = {
+	scheme: "light",
+	appState: "active"
+};
+//#endregion
+//#region src/host/calls.ts
+var HostError = class extends Error {
+	name = "HostError";
+	code;
+	constructor(code, message) {
+		super(message);
+		this.code = code;
+	}
+};
+let connectedCaller = null;
+function connectHost(caller) {
+	connectedCaller = caller;
+}
+function callHost(method, params, options = {}) {
+	if (!connectedCaller) {
+		const error = new HostError("unsupported", `Can't run "${method}" here: call Dash from the dot's logic`);
+		return createHostRequest(Promise.reject(error));
+	}
+	return connectedCaller(method, params, options);
+}
+function createHostRequest(promise, cancel = () => {}) {
+	const request = promise;
+	request.cancel = cancel;
+	return request;
+}
+//#endregion
+//#region src/host/permissions.ts
+const PERMISSIONS = ["account"];
+function isPermission(value) {
+	return PERMISSIONS.includes(value);
+}
+//#endregion
+//#region src/host/files.ts
+const DOT_FILE_PATH_MAX_LENGTH = 512;
+const MAX_NAME_LENGTH = 255;
+function dotFilePathProblem(path, { allowRoot = false } = {}) {
+	if (path === "") return allowRoot ? null : "A path is needed, such as \"receipts/42.pdf\"";
+	if (path.length > 512) return `"${path.slice(0, 40)}…" is longer than 512 characters`;
+	if (path.startsWith("/")) return `"${path}" starts with "/". Start paths without it, such as "receipts/42.pdf"`;
+	if ([...path].some((char) => char === "\\" || char.charCodeAt(0) < 32)) return `"${path}" has a backslash or another character paths can't use`;
+	for (const name of path.split("/")) {
+		if (name === "" || name === "." || name === "..") return `"${path}" has an empty, "." or ".." part. Name each folder, such as "receipts/42.pdf"`;
+		if (name.length > MAX_NAME_LENGTH) return `"${path}" has a name longer than ${MAX_NAME_LENGTH} characters`;
+	}
+	return null;
+}
+//#endregion
+//#region src/host/network.ts
+const LABEL = "[a-z0-9](?:[a-z0-9-]{0,61}[a-z0-9])?";
+const NETWORK_HOST_PATTERN = new RegExp(`^(?:\\*\\.${LABEL}(?:\\.${LABEL})+|${LABEL}(?:\\.${LABEL})*)$`);
+const NETWORK_HOST_MAX_LENGTH = 253;
+function isNetworkHost(value) {
+	return value.length <= 253 && NETWORK_HOST_PATTERN.test(value);
+}
+function allowsHost(hosts, host) {
+	const name = host.toLowerCase().replace(/\.$/, "");
+	return hosts.some((pattern) => pattern.startsWith("*.") ? name.endsWith(pattern.slice(1)) : name === pattern);
+}
+//#endregion
+//#region src/version/semantic-version.ts
+const SEMVER_PATTERN = /^(0|[1-9]\d*)\.(0|[1-9]\d*)\.(0|[1-9]\d*)(?:-((?:0|[1-9]\d*|\d*[a-zA-Z-][0-9a-zA-Z-]*)(?:\.(?:0|[1-9]\d*|\d*[a-zA-Z-][0-9a-zA-Z-]*))*))?(?:\+([0-9a-zA-Z-]+(?:\.[0-9a-zA-Z-]+)*))?$/;
+function isSemanticVersion(value) {
+	return typeof value === "string" && SEMVER_PATTERN.test(value);
+}
+function majorVersion(version) {
+	return parseVersion(version).major;
+}
+function isVersionAtLeast(version, minimum) {
+	return compareVersions(version, minimum) >= 0;
+}
+function compareVersions(left, right) {
+	const leftVersion = parseVersion(left);
+	const rightVersion = parseVersion(right);
+	const differences = [
+		leftVersion.major - rightVersion.major,
+		leftVersion.minor - rightVersion.minor,
+		leftVersion.patch - rightVersion.patch
+	];
+	for (const difference of differences) if (difference !== 0) return difference;
+	return comparePrereleases(leftVersion.prerelease, rightVersion.prerelease);
+}
+function parseVersion(version) {
+	const match = SEMVER_PATTERN.exec(version);
+	if (!match) throw new Error(`"${version}" is not a semantic version`);
+	const [, major, minor, patch, prerelease] = match;
+	return {
+		major: Number(major),
+		minor: Number(minor),
+		patch: Number(patch),
+		prerelease: prerelease === void 0 ? [] : prerelease.split(".")
+	};
+}
+function comparePrereleases(left, right) {
+	if (left.length === 0 || right.length === 0) return right.length - left.length;
+	const shared = Math.min(left.length, right.length);
+	for (let index = 0; index < shared; index++) {
+		const order = compareIdentifiers(left[index], right[index]);
+		if (order !== 0) return order;
+	}
+	return left.length - right.length;
+}
+function compareIdentifiers(left, right) {
+	const leftIsNumber = /^\d+$/.test(left);
+	const rightIsNumber = /^\d+$/.test(right);
+	if (leftIsNumber && rightIsNumber) return Number(left) - Number(right);
+	if (leftIsNumber) return -1;
+	if (rightIsNumber) return 1;
+	if (left < right) return -1;
+	if (left > right) return 1;
+	return 0;
+}
+//#endregion
+//#region src/host/react.ts
+const REACT_HOST_PATH = "/__dot/react/";
+const REACT_HOST_MODULES = {
+	react: "react.js",
+	"react/jsx-runtime": "react-jsx-runtime.js",
+	"react-dom": "react-dom.js",
+	"react-dom/client": "react-dom-client.js"
+};
+function reactHostUrl(dotReactVersion, file) {
+	return `${REACT_HOST_PATH}${majorVersion(dotReactVersion)}/${file}`;
+}
+function isReactCompatible(hostVersion, dotVersion) {
+	return majorVersion(hostVersion) === majorVersion(dotVersion) && isVersionAtLeast(hostVersion, dotVersion);
+}
+function newestReactOfMajor(versions, major) {
+	return versions.filter((version) => majorVersion(version) === major).sort(compareVersions).at(-1);
+}
+//#endregion
+//#region src/protocol/transport.ts
+function createAdaptorTransport(adapter) {
+	return {
+		post: (message) => adapter.postMessage(message),
+		listen(listener) {
+			const onMessage = (event) => listener(event.data);
+			adapter.addEventListener("message", onMessage);
+			return () => adapter.removeEventListener("message", onMessage);
+		}
+	};
+}
+function createTransportPair() {
+	const firstListeners = /* @__PURE__ */ new Set();
+	const secondListeners = /* @__PURE__ */ new Set();
+	const createSide = (ownListeners, otherListeners) => ({
+		post: (message) => {
+			const copy = JSON.parse(JSON.stringify(message));
+			otherListeners.forEach((listener) => listener(copy));
+		},
+		listen(listener) {
+			ownListeners.add(listener);
+			return () => ownListeners.delete(listener);
+		}
+	});
+	return [createSide(firstListeners, secondListeners), createSide(secondListeners, firstListeners)];
+}
+const PAGE_HOOKS = Object.keys({
+	onLoad: true,
+	onShow: true,
+	onHide: true,
+	onUnload: true
+});
+//#endregion
+//#region src/page/navigation.ts
+const MAX_STACK_DEPTH = 8;
+const PAGE_ID = /^[A-Za-z0-9_-]+(?:\/[A-Za-z0-9_-]+)*$/;
+function isPageId(value) {
+	return PAGE_ID.test(value);
+}
+var NavigationStack = class {
+	limit;
+	#pages = [];
+	#nextInstanceId = 1;
+	constructor(limit = 8) {
+		this.limit = limit;
+	}
+	get pages() {
+		return this.#pages;
+	}
+	get top() {
+		return this.#pages.at(-1);
+	}
+	apply(navigation) {
+		switch (navigation.action) {
+			case "push":
+				if (this.#pages.length >= this.limit) return false;
+				break;
+			case "replace":
+				this.#pages.pop();
+				break;
+			case "reset":
+				this.#pages = [];
+				break;
+			case "back": {
+				const count = Math.min(navigation.delta, this.#pages.length - 1);
+				if (count < 1) return false;
+				this.#pages = this.#pages.slice(0, -count);
+				return true;
+			}
+		}
+		const { page, options } = navigation;
+		this.#pages = [...this.#pages, {
+			instanceId: this.#nextInstanceId++,
+			page,
+			options
+		}];
+		return true;
+	}
+};
+//#endregion
+//#region src/page/state.ts
+function applyChanges(state, changes) {
+	const next = { ...state };
+	for (const [key, value] of Object.entries(changes)) if (value !== void 0) next[key] = value;
+	return next;
+}
+//#endregion
+//#region src/page/bars.ts
+const HEX_COLOR = /^#[0-9a-fA-F]{6}$/;
+function checkNavigationBar(options) {
+	const { title, hidden, backgroundColor, textColor } = options;
+	if (title !== void 0 && typeof title !== "string") throw new TypeError("The navigation bar's title must be text");
+	if (hidden !== void 0 && typeof hidden !== "boolean") throw new TypeError("The navigation bar's `hidden` must be true or false");
+	for (const [name, color] of Object.entries({
+		backgroundColor,
+		textColor
+	})) if (color !== void 0 && (typeof color !== "string" || !HEX_COLOR.test(color))) throw new TypeError(`The navigation bar's ${name} must be a color such as "#1A73E8"`);
+}
+function checkTabBar(options) {
+	if (options.hidden !== void 0 && typeof options.hidden !== "boolean") throw new TypeError("The tab bar's `hidden` must be true or false");
+}
+function checkConfigs(configs) {
+	checkNavigationBar(configs.navigationBar ?? {});
+	checkTabBar(configs.tabBar ?? {});
+}
+function mergeConfigs(...configs) {
+	const bars = {
+		navigationBar: {},
+		tabBar: {}
+	};
+	for (const config of configs) {
+		bars.navigationBar = {
+			...bars.navigationBar,
+			...config?.navigationBar
+		};
+		bars.tabBar = {
+			...bars.tabBar,
+			...config?.tabBar
+		};
+	}
+	return bars;
+}
+//#endregion
+//#region src/messageChannel.ts
+var MessageChannel = class {
+	#transport;
+	#handlers = /* @__PURE__ */ new Map();
+	constructor(transport) {
+		this.#transport = transport;
+	}
+	send(type, payload) {
+		this.#transport.post({
+			type,
+			payload
+		});
+	}
+	handle(type, handler) {
+		const previous = this.#handlers.get(type);
+		this.#handlers.set(type, handler);
+		return previous;
+	}
+	listen(onError) {
+		return this.#transport.listen((rawMessage) => {
+			const message = rawMessage;
+			const handler = this.#handlers.get(message.type);
+			if (!handler) {
+				onError(/* @__PURE__ */ new Error(`No handler for message "${message.type}"`), message);
+				return;
+			}
+			try {
+				handler(message.payload);
+			} catch (error) {
+				onError(error, message);
+			}
+		});
+	}
+};
+//#endregion
+export { ASPECTS, AmountInput, Badge, Button, Carousel, Checkbox, Chip, CodeInput, DEFAULT_SYSTEM_CONTEXT, DOT_FILE_PATH_MAX_LENGTH, DetailRow, Divider, EmptyState, EventEmitter, Footer, Grid, GridItem, HostError, ICON_NAMES, Icon, Image, Input, Link, List, ListItem, MAX_STACK_DEPTH, MessageChannel, NETWORK_HOST_MAX_LENGTH, NETWORK_HOST_PATTERN, NavigationStack, Notice, Option, PADDING_PROPS, PAGE_HOOKS, PERMISSIONS, ProgressBar, QRCode, REACT_HOST_MODULES, REACT_HOST_PATH, Radio, RadioGroup, SEMVER_PATTERN, SIZES, SPACES, STATUS_TONES, Scroll, Select, Sheet, Skeleton, SourceError, Spinner, Switch, TONES, Tab, Tabs, Text, TextArea, Toast, View, allowsHost, applyChanges, builtinComponents, builtinRegistry, callHost, checkConfigs, checkNavigationBar, checkTabBar, compareVersions, componentRegistry, connectHost, createAdaptorTransport, createEvent, createHostRequest, createLocator, createTransportPair, defineComponent, dotFilePathProblem, eventName, eventProp, hostTransport, isEventProp, isNetworkHost, isPageId, isPermission, isReactCompatible, isSemanticVersion, isVersionAtLeast, locatedMessage, locationAt, majorVersion, mergeConfigs, newestReactOfMajor, reactHostUrl, toList, toText };
+
+//# sourceMappingURL=index.js.map