@octane-xplat/ui 0.2.1 → 0.3.0

package/dist/web/ui22.js

@@ -0,0 +1,68 @@
+import { cx } from "./ui19.js";
+import { __s, bag1, bag3, clone, componentSlot, createRoot, ifBlock, template } from "octane";
+import { childTextHoleUpdate } from "octane/internal/client";
+//#region src/toast.web.tsrx
+var _t$0 = /* @__PURE__ */ template("<div class=\"vx-toast\"></div>");
+function __then$0(__props, __s, __extra) {
+	const props = __extra[0];
+	let _b = __s.slots[0];
+	if (_b === void 0) {
+		let _m0;
+		const _root = clone(_t$0);
+		_m0 = _root;
+		_b = bag3(__s, _root, _m0, null, void 0);
+	}
+	{
+		const _v = props.content;
+		_b.b = childTextHoleUpdate(__s, 1, _b.a, _v, _b.b, _b.c);
+		_b.c = _v;
+	}
+}
+function __else$2(__props, __s, __extra) {
+	const Component = __extra[0].content;
+	let _b = __s.slots[0];
+	if (_b === void 0) {
+		let _m0;
+		const _root = clone(_t$0);
+		_m0 = _root;
+		_b = bag1(__s, _root, _m0);
+	}
+	componentSlot(__s, 1, _b.a, Component, {}, void 0, void 0, void 0, void 0, void 0, "c:1427a872");
+}
+var queue = [];
+var active = false;
+var ToastBody = /* @__PURE__ */ __s(function ToastBody(props, __s, __extra) {
+	const __block = __s.block;
+	ifBlock(__s, 0, __block.parentNode, typeof props.content === "string", __then$0, __else$2, __block.endMarker, [props]);
+});
+function applyWebProps(host, props) {
+	if (!props) return;
+	for (const [key, value] of Object.entries(props)) if (key.includes("-")) host.setAttribute(key, String(value));
+	else host[key] = value;
+}
+function showNext() {
+	if (active || queue.length === 0) return;
+	active = true;
+	const entry = queue.shift();
+	const host = document.createElement("div");
+	host.className = cx("vx-toast-host", entry.options.position === "top" ? "vx-toast-top" : "vx-toast-bottom");
+	applyWebProps(host, entry.options.web);
+	document.body.appendChild(host);
+	const root = createRoot(host);
+	root.render(ToastBody, { content: entry.content });
+	setTimeout(() => {
+		root.unmount();
+		host.remove();
+		active = false;
+		showNext();
+	}, Math.max(0, entry.options.duration ?? 3e3));
+}
+function showToast(content, options = {}) {
+	queue.push({
+		content,
+		options
+	});
+	showNext();
+}
+//#endregion
+export { showToast };

package/dist/web/ui23.js

@@ -0,0 +1,57 @@
+import { hookSlots, useRef } from "octane";
+//#region src/anim.web.tsrx
+var _h$0 = /* @__PURE__ */ Symbol(/* @__PURE__ */ hookSlots(1));
+function createAnimated(initial, prop) {
+	let el = null;
+	let current = initial;
+	let raf = 0;
+	const apply = (v) => {
+		current = v;
+		if (el) el.style.transform = `translateX(${v}px)`;
+	};
+	const run = (step) => {
+		cancelAnimationFrame(raf);
+		const start = Date.now();
+		const tick = () => {
+			const v = step(Date.now() - start);
+			if (v === null) return;
+			apply(v);
+			raf = requestAnimationFrame(tick);
+		};
+		raf = requestAnimationFrame(tick);
+	};
+	return {
+		get value() {
+			return current;
+		},
+		bind(e) {
+			el = e;
+			if (el) el.style.transform = `translateX(${current}px)`;
+		},
+		to(target, opts) {
+			const dur = opts?.duration ?? 300;
+			const from = current;
+			run((t) => t >= dur ? (apply(target), null) : from + (target - from) * (t / dur));
+		},
+		spring(target, opts) {
+			const damping = opts?.damping ?? 14, stiffness = opts?.stiffness ?? 120;
+			let v = 0, x = current;
+			run(() => {
+				const dt = 1 / 60;
+				v += (-stiffness * (x - target) - damping * v) * dt;
+				x += v * dt;
+				return Math.abs(v) < .5 && Math.abs(x - target) < .5 ? (apply(target), null) : x;
+			});
+		},
+		stop() {
+			cancelAnimationFrame(raf);
+		}
+	};
+}
+function useAnimation(initial = 0, prop = "translateX") {
+	const c = useRef(null, _h$0);
+	if (!c.current) c.current = createAnimated(initial, prop);
+	return c.current;
+}
+//#endregion
+export { useAnimation };

package/dist/web/ui24.js

@@ -0,0 +1,16 @@
+import { hookSlots, useSyncExternalStore } from "octane";
+//#region src/theme/colorScheme.web.tsrx
+var _h$0 = /* @__PURE__ */ Symbol(/* @__PURE__ */ hookSlots(1));
+function getColorScheme() {
+	return typeof matchMedia === "function" && matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+}
+function subscribe(cb) {
+	const mq = matchMedia("(prefers-color-scheme: dark)");
+	mq.addEventListener("change", cb);
+	return () => mq.removeEventListener("change", cb);
+}
+function useColorScheme() {
+	return useSyncExternalStore(subscribe, getColorScheme, _h$0);
+}
+//#endregion
+export { getColorScheme, useColorScheme };

package/dist/web/ui25.js

@@ -0,0 +1,22 @@
+import { componentSlot } from "octane";
+//#region src/styled.web.tsrx
+function styled(Base, def) {
+	function Styled(props, __s, __extra) {
+		const __block = __s.block;
+		const cls = [def.base];
+		const rest = { ...props };
+		for (const k of Object.keys(def.variants ?? {})) {
+			if (props[k]) cls.push(def.variants[k]);
+			delete rest[k];
+		}
+		if (props.className) cls.push(props.className);
+		if (__s.block.pending && !__s.block.crossRenderUpdate) return;
+		componentSlot(__s, 0, __block.parentNode, Base, {
+			...rest,
+			"className": cls
+		}, __block.endMarker, void 0, void 0, true, void 0, "c:5d3d2b58");
+	}
+	return Styled;
+}
+//#endregion
+export { styled };

package/dist/web/ui26.js

@@ -0,0 +1,39 @@
+import { applyEscapeProps } from "./ui2.js";
+import { __s, bag6, clone, queueRefAttach, queueRefDetach, setStyle, template } from "octane";
+import { childTextHoleUpdate, replaceRef, updateFreshClassName } from "octane/internal/client";
+//#region src/Screen.web.tsrx
+var _t$0 = /* @__PURE__ */ template("<div></div>");
+var _rm$1 = [
+	"r",
+	"b",
+	"a"
+];
+var Screen = /* @__PURE__ */ __s(function Screen(props, __s, __extra) {
+	let _b = __s.slots[0];
+	if (_b === void 0) {
+		let _m0, _m1;
+		const _root = clone(_t$0);
+		queueRefAttach(__s, _m1 = (e) => applyEscapeProps(e, props), _m0 = _root);
+		(__s.cleanups ??= []).push(() => _b && queueRefDetach(_b.b, _b.a));
+		_b = bag6(__s, _root, _m0, _m1, void 0, void 0, null, void 0);
+		__s.refFields = _rm$1;
+	} else {
+		const _r = (e) => applyEscapeProps(e, props);
+		if (_r !== _b.b) _b.b = replaceRef(__s, _b.b, _r, _b.a);
+	}
+	_b.c = updateFreshClassName(["vx-screen", props.className], _b.c, _b.a);
+	{
+		const _v = props.style;
+		if (_b.d !== _v) {
+			setStyle(_b.a, _v, _b.d);
+			_b.d = _v;
+		}
+	}
+	{
+		const _v = props.children;
+		_b.e = childTextHoleUpdate(__s, 1, _b.a, _v, _b.e, _b.f);
+		_b.f = _v;
+	}
+});
+//#endregion
+export { Screen };

package/dist/web/ui27.js

@@ -0,0 +1,127 @@
+//#region src/route-table.ts
+var EXT = /\.(tsrx|tsx|ts|mts|cts|js|mjs|cjs|jsx)$/;
+var SUFFIX = /\.(web|native|ios|android)$/;
+var PARAM = /^\[(.+)\]$/;
+/** Component pick rule for route/layout modules: default export, then a
+*  `screen` named export, then a single function export. Route files use
+*  named exports (decision #13) — a lone component is unambiguous. */
+function pick(mod, file) {
+	if (typeof mod?.default === "function") return mod.default;
+	if (typeof mod?.screen === "function") return mod.screen;
+	const fns = Object.keys(mod ?? {}).filter((k) => typeof mod[k] === "function");
+	if (fns.length === 1) return mod[fns[0]];
+	console.warn("[octane-xplat] route file " + file + (fns.length ? ` has ${fns.length} component-shaped exports (${fns.join(", ")}) — add a default or 'screen' export` : " has no component export") + " — skipped");
+}
+function deriveRouteManifest(files, prefer, dir = "app") {
+	const prefix = dir.replace(/^\.?\/?/, "").replace(/\/+$/, "") + "/";
+	const seen = /* @__PURE__ */ new Map();
+	const layoutRank = /* @__PURE__ */ new Map();
+	const layouts = {};
+	const warned = /* @__PURE__ */ new Set();
+	for (const key of Object.keys(files).sort()) {
+		let rel = key.replace(/^\.?\//, "");
+		if (rel.startsWith(prefix)) rel = rel.slice(prefix.length);
+		rel = rel.replace(EXT, "");
+		const parts = rel.split("/");
+		let base = parts[parts.length - 1];
+		const sm = SUFFIX.exec(base);
+		const suffix = sm?.[1];
+		if (sm) base = base.slice(0, base.length - sm[0].length);
+		if (suffix && !prefer.includes(suffix)) continue;
+		const rank = suffix ? prefer.indexOf(suffix) : prefer.length;
+		if (base === "_layout") {
+			const d = parts.slice(0, -1).join("/");
+			const prev = layoutRank.get(d);
+			if (prev !== void 0 && prev <= rank) continue;
+			const component = pick(files[key], key);
+			if (component) {
+				layouts[d] = component;
+				layoutRank.set(d, rank);
+			}
+			continue;
+		}
+		const segs = parts.slice(0, -1).concat(base);
+		if (segs[segs.length - 1] === "index") segs.pop();
+		const segments = segs.map((s) => {
+			const p = PARAM.exec(s);
+			return p ? ":" + p[1] : s;
+		});
+		const name = segments.join("/") || "index";
+		const meta = {
+			name,
+			segments,
+			params: segments.filter((s) => s.startsWith(":")).map((s) => s.slice(1)),
+			file: key
+		};
+		const prev = seen.get(name);
+		if (prev && prev.rank <= rank) {
+			if (prev.rank === rank && !warned.has(name)) {
+				warned.add(name);
+				console.warn(`[octane-xplat] route '${name}' is defined by both ${prev.meta.file} and ${key} — keeping ${prev.meta.file}`);
+			}
+			continue;
+		}
+		const component = pick(files[key], key);
+		if (component) seen.set(name, {
+			rank,
+			meta,
+			component
+		});
+	}
+	const screens = {};
+	const routes = [];
+	for (const { meta, component } of seen.values()) {
+		screens[meta.name] = component;
+		routes.push(meta);
+	}
+	routes.sort((a, b) => b.segments.reduce((n, s) => n + (s.startsWith(":") ? 1 : 2), 0) - a.segments.reduce((n, s) => n + (s.startsWith(":") ? 1 : 2), 0) || a.name.localeCompare(b.name));
+	return {
+		screens,
+		routes,
+		layouts
+	};
+}
+/** Match URL path segments against a manifest — returns the winning meta
+*  plus extracted params, or null. First hit wins (routes are pre-sorted
+*  by specificity). */
+function matchRoute(routes, segs) {
+	for (const meta of routes) {
+		if (meta.segments.length !== segs.length) continue;
+		const params = {};
+		let ok = true;
+		for (let i = 0; i < segs.length; i++) {
+			const p = meta.segments[i];
+			if (p.startsWith(":")) params[p.slice(1)] = decodeURIComponent(segs[i]);
+			else if (p !== segs[i]) {
+				ok = false;
+				break;
+			}
+		}
+		if (ok) return {
+			meta,
+			params
+		};
+	}
+	return null;
+}
+/** Serialize a Route to a URL path (no origin): manifest routes substitute
+*  `:param` segments from params (leftover params → query string);
+*  non-manifest names keep the legacy `/<stack>/<name>?params` shape. */
+function buildRoutePath(routes, r) {
+	const meta = routes.find((m) => m.name === r.name);
+	let segs;
+	let rest = r.params;
+	if (meta) {
+		segs = meta.segments.map((s) => {
+			if (!s.startsWith(":")) return s;
+			const v = r.params[s.slice(1)];
+			if (v === void 0) console.warn(`[octane-xplat] route '${r.name}' pushed without path param ${s}`);
+			return encodeURIComponent(String(v ?? ""));
+		});
+		rest = Object.fromEntries(Object.entries(r.params).filter(([k]) => !meta.params.includes(k)));
+	} else segs = [r.name];
+	const q = Object.entries(rest).map(([k, v]) => encodeURIComponent(k) + "=" + encodeURIComponent(String(v))).join("&");
+	return (((r.stack === "root" ? "" : "/" + r.stack) + "/" + segs.join("/")).replace(/\/+$/, "") || "/") + (q ? "?" + q : "");
+}
+//#endregion
+export { buildRoutePath, deriveRouteManifest, matchRoute };

package/dist/web/ui28.js

@@ -0,0 +1,112 @@
+import { buildRoutePath, matchRoute } from "./ui27.js";
+import { hookSlots, useSyncExternalStore } from "octane";
+//#region src/route.web.ts
+var screens = {};
+var routes = [];
+/** Register the app's name → screen table. On web the table feeds
+*  `screenFor` — the fallback outlet resolution in Tabs when no
+*  `resolveScreen` prop is given; on native `pushRoute` resolves
+*  `route.name` through it. `manifest` (from deriveRouteManifest) enables
+*  path-param matching — call once from the shared routes module. */
+function registerScreens(table, manifest) {
+	screens = table;
+	routes = manifest ?? [];
+	if (current !== void 0) {
+		current = parse();
+		emit();
+	}
+}
+/** One-call registration for route-dir apps — screens + URL patterns +
+*  layouts all come from deriveRouteManifest. */
+function registerRoutes(manifest) {
+	registerScreens(manifest.screens, manifest.routes);
+}
+function screenFor(name) {
+	return screens[name];
+}
+var listeners = /* @__PURE__ */ new Set();
+var current;
+function queryParams() {
+	const params = {};
+	new URLSearchParams(location.search).forEach((v, k) => params[k] = v);
+	return params;
+}
+function parse() {
+	const segs = location.pathname.split("/").filter(Boolean);
+	if (!segs.length) return null;
+	const query = queryParams();
+	const root = matchRoute(routes, segs);
+	if (root) return {
+		stack: "root",
+		name: root.meta.name,
+		params: {
+			...query,
+			...root.params
+		}
+	};
+	if (segs.length > 1) {
+		const named = matchRoute(routes, segs.slice(1));
+		if (named) return {
+			stack: segs[0],
+			name: named.meta.name,
+			params: {
+				...query,
+				...named.params
+			}
+		};
+		return {
+			stack: segs[0],
+			name: segs[1],
+			params: query
+		};
+	}
+	return {
+		stack: "root",
+		name: segs[0],
+		params: query
+	};
+}
+function read() {
+	if (current === void 0) current = parse();
+	return current;
+}
+function emit() {
+	listeners.forEach((l) => l());
+}
+function pushRoute(r) {
+	history.pushState(null, "", buildRoutePath(routes, r));
+	current = r;
+	emit();
+}
+/** Web history is one linear stack — back pops whatever route is current;
+*  per-stack pops aren't expressible, so `stack` is accepted for parity
+*  and ignored. */
+function popRoute(_stack = "root") {
+	history.back();
+}
+window.addEventListener("popstate", () => {
+	current = parse();
+	emit();
+});
+/** Current route if it targets `stack`, else null. */
+function routeFor(stack) {
+	const c = read();
+	return c && c.stack === stack ? c : null;
+}
+/** The route active at boot — for deep-link tab selection. */
+function currentRoute() {
+	return read();
+}
+/** URL for a Route — Link's href and shareable-path helper. */
+function hrefFor(r) {
+	return buildRoutePath(routes, r);
+}
+function useRoute(stack) {
+	return useSyncExternalStore((cb) => {
+		listeners.add(cb);
+		return () => listeners.delete(cb);
+	}, () => routeFor(stack), _h$0);
+}
+var _h$0 = /* @__PURE__ */ Symbol(/* @__PURE__ */ hookSlots(1));
+//#endregion
+export { currentRoute, hrefFor, popRoute, pushRoute, registerRoutes, registerScreens, routeFor, screenFor, useRoute };

package/dist/web/ui29.js

@@ -0,0 +1,108 @@
+import { screenFor, useRoute } from "./ui28.js";
+import { __s, bag3, bag4, bag9, child, clone, createScopedValue, delegateEvents, forBlock, hookSlots, ifBlock, setEventHandler, setStyle, sibling, template, useState, withSlot } from "octane";
+import { bindSignalAttribute, bindSignalChild, childTextHoleUpdate, createElementFromConfig, enableSignalBindings, updateFreshClassName } from "octane/internal/client";
+//#region src/Tabs.web.tsrx
+enableSignalBindings(1, true);
+delegateEvents(["click"]);
+var _t$0 = /* @__PURE__ */ template("<div class=\"vx-route\"></div>");
+var _t$1 = /* @__PURE__ */ template("<button></button>");
+var _t$2 = /* @__PURE__ */ template("<div><div class=\"vx-tabbar\"><!></div><div class=\"vx-tabpane\"></div></div>");
+var _hs$ = /* @__PURE__ */ hookSlots(4);
+var _h$1 = /* @__PURE__ */ Symbol(_hs$ + 1);
+var _h$2 = /* @__PURE__ */ Symbol(_hs$ + 2);
+function __then$0(__props, __s, __extra) {
+	const routed = __extra[4];
+	let _b = __s.slots[0];
+	if (_b === void 0) {
+		let _m0;
+		const _root = clone(_t$0);
+		_m0 = _root;
+		_b = bag3(__s, _root, _m0, null, void 0);
+	}
+	{
+		const _v = routed;
+		_b.b = childTextHoleUpdate(__s, 1, _b.a, _v, _b.b, _b.c);
+		_b.c = _v;
+	}
+}
+var _key$3 = (t) => t.title;
+function __item$4(t, __s, __extra) {
+	const active = __extra[0];
+	const props = __extra[1];
+	const setInternal = __extra[2];
+	let _b = __s.slots[0];
+	if (_b === void 0) {
+		let _m1;
+		const _root = clone(_t$1);
+		_m1 = _root;
+		setEventHandler(_root, "$$click", () => {
+			const i = props.tabs.indexOf(t);
+			setInternal(i);
+			props.onSelectedIndexChanged?.(i);
+		});
+		_b = bag4(__s, _root, void 0, _m1, null, void 0);
+	} else setEventHandler(_b.b, "$$click", () => {
+		const i = props.tabs.indexOf(t);
+		setInternal(i);
+		props.onSelectedIndexChanged?.(i);
+	});
+	_b.a = updateFreshClassName(["vx-tab", active === props.tabs.indexOf(t) ? "active" : ""], _b.a, _b.b);
+	_b.e = bindSignalChild(__s, _b.e, 1, _b.b, t.title, "b:7ce48fd2", null, void 0, void 0, void 0, true);
+}
+function __else$2(__props, __s, __extra) {
+	const active = __extra[0];
+	const paneRoute = __extra[1];
+	const props = __extra[2];
+	const resolve = __extra[3];
+	const setInternal = __extra[5];
+	let _b = __s.slots[0];
+	if (_b === void 0) {
+		let _m1, _m4, _m5, _m6;
+		const _root = clone(_t$2);
+		_m1 = _root;
+		const _el0 = child(_root);
+		_m4 = _el0;
+		_m5 = child(_el0);
+		_m6 = sibling(_el0, 1);
+		_b = bag9(__s, _root, void 0, _m1, void 0, void 0, _m4, _m5, _m6, null, void 0);
+	}
+	_b.a = bindSignalAttribute(__s, _b.a, _b.b, "id", props.id, "b:7404e316", "attr");
+	_b.c = updateFreshClassName(["vx-tabs", props.className], _b.c, _b.b);
+	{
+		const _v = props.style;
+		if (_b.d !== _v) {
+			setStyle(_b.b, _v, _b.d);
+			_b.d = _v;
+		}
+	}
+	forBlock(__s, 1, _b.e, props.tabs, _key$3, __item$4, 26, [
+		active,
+		props,
+		setInternal
+	], null, _b.f, true);
+	_b.j = bindSignalChild(__s, _b.j, 2, _b.g, (paneRoute ? resolve(paneRoute.name, paneRoute.params) : null) ?? props.tabs[active]?.render(), "b:a696350b", null, void 0, void 0, void 0, true);
+}
+var Tabs = /* @__PURE__ */ __s(function Tabs(props, __s, __extra) {
+	const __block = __s.block;
+	const [internal, setInternal] = useState(0, _hs$ + 0);
+	const active = props.selectedIndex ?? internal;
+	const rootRoute = withSlot(_h$1, useRoute, "root");
+	const paneRoute = withSlot(_h$2, useRoute, props.tabs[active]?.stack ?? "");
+	const resolve = (name, params) => {
+		if (props.resolveScreen) return props.resolveScreen(name, params);
+		const C = screenFor(name);
+		return C ? createScopedValue(() => createElementFromConfig("c:beeccfd6", C, { ...params })) : null;
+	};
+	const routed = rootRoute ? resolve(rootRoute.name, rootRoute.params) : null;
+	if (__s.block.pending && !__s.block.crossRenderUpdate) return;
+	ifBlock(__s, 0, __block.parentNode, routed, __then$0, __else$2, __block.endMarker, [
+		active,
+		paneRoute,
+		props,
+		resolve,
+		routed,
+		setInternal
+	]);
+});
+//#endregion
+export { Tabs };

package/dist/web/ui3.js

@@ -1,28 +1,20 @@
-import { __s, bag5, clone, setStyle, template } from "octane";
-import { childTextHoleUpdate, updateFreshClassName } from "octane/internal/client";
-//#region src/Row.web.tsrx
-var _t$0 = /* @__PURE__ */ template("<div></div>");
-var Row = /* @__PURE__ */ __s(function Row(props, __s, __extra) {
-	let _b = __s.slots[0];
-	if (_b === void 0) {
-		let _m1;
-		const _root = clone(_t$0);
-		_m1 = _root;
-		_b = bag5(__s, _root, void 0, _m1, void 0, null, void 0);
-	}
-	_b.a = updateFreshClassName(["vx-row", props.className], _b.a, _b.b);
-	{
-		const _v = props.style;
-		if (_b.c !== _v) {
-			setStyle(_b.b, _v, _b.c);
-			_b.c = _v;
-		}
-	}
-	{
-		const _v = props.children;
-		_b.d = childTextHoleUpdate(__s, 1, _b.b, _v, _b.d, _b.e);
-		_b.e = _v;
-	}
-});
+//#region src/layout-child.web.ts
+/** Convert parent-layout metadata to CSS on the web leaf. Native's `dock`
+*  attribute has no CSS equivalent and is ignored on web. Grid indices are
+*  zero-based in the shared API, matching NativeScript. */
+function layoutChildProps(props, baseStyle = props.style) {
+	const style = { ...baseStyle ?? {} };
+	if (props.row !== void 0) style.gridRow = `${props.row + 1} / span ${props.rowSpan ?? 1}`;
+	else if (props.rowSpan !== void 0) style.gridRow = `span ${props.rowSpan}`;
+	if (props.col !== void 0) style.gridColumn = `${props.col + 1} / span ${props.colSpan ?? 1}`;
+	else if (props.colSpan !== void 0) style.gridColumn = `span ${props.colSpan}`;
+	if (props.left !== void 0) style.left = props.left;
+	if (props.top !== void 0) style.top = props.top;
+	if (props.flexGrow !== void 0) style.flexGrow = props.flexGrow;
+	if (props.flexShrink !== void 0) style.flexShrink = props.flexShrink;
+	if (props.alignSelf !== void 0) style.alignSelf = props.alignSelf;
+	if (props.order !== void 0) style.order = props.order;
+	return { style };
+}
 //#endregion
-export { Row };
+export { layoutChildProps };

package/dist/web/ui30.js

@@ -0,0 +1,43 @@
+import { applyEscapeProps } from "./ui2.js";
+import { __s, bag6, clone, delegateEvents, queueRefAttach, queueRefDetach, setEventHandler, setStyle, template } from "octane";
+import { bindSignalAttribute, bindSignalChecked, enableSignalBindings, replaceRef, updateFreshClassName } from "octane/internal/client";
+//#region src/Switch.web.tsrx
+enableSignalBindings(1, true);
+delegateEvents(["change"]);
+var _t$0 = /* @__PURE__ */ template("<input type=\"checkbox\" data-octane-input=\"i:0400e5c1\"/>");
+var _rm$0 = [
+	"r",
+	"b",
+	"a"
+];
+var Switch = /* @__PURE__ */ __s(function Switch(props, __s, __extra) {
+	let _b = __s.slots[0];
+	if (_b === void 0) {
+		let _m0, _m1, _m5;
+		const _root = clone(_t$0);
+		queueRefAttach(__s, _m1 = (e) => applyEscapeProps(e, props), _m0 = _root);
+		(__s.cleanups ??= []).push(() => _b && queueRefDetach(_b.b, _b.a));
+		_m5 = bindSignalChecked(__s, void 0, _root, props.checked, "i:0400e5c1");
+		setEventHandler(_root, "$$change", (e) => props.onCheckedChange?.(e.target.checked));
+		_b = bag6(__s, _root, _m0, _m1, void 0, void 0, void 0, _m5);
+		__s.refFields = _rm$0;
+	} else {
+		{
+			const _r = (e) => applyEscapeProps(e, props);
+			if (_r !== _b.b) _b.b = replaceRef(__s, _b.b, _r, _b.a);
+		}
+		_b.f = bindSignalChecked(__s, _b.f, _b.a, props.checked, "i:0400e5c1");
+		setEventHandler(_b.a, "$$change", (e) => props.onCheckedChange?.(e.target.checked));
+	}
+	_b.c = bindSignalAttribute(__s, _b.c, _b.a, "id", props.id, "b:18b5d0ad", "attr");
+	_b.d = updateFreshClassName(["vx-switch", props.className], _b.d, _b.a);
+	{
+		const _v = props.style;
+		if (_b.e !== _v) {
+			setStyle(_b.a, _v, _b.e);
+			_b.e = _v;
+		}
+	}
+});
+//#endregion
+export { Switch };