@octane-xplat/ui 0.1.0

package/dist/native/ui8.js

@@ -0,0 +1,33 @@
+import { defineUniversalComponent, universalPlan, universalValue } from "@nativescript-community/octane";
+//#region src/ScrollView.native.tsrx
+var __octaneUniversalPlan0 = universalPlan("nativescript", {
+	"kind": "host",
+	"type": "scrollview",
+	"bindings": [
+		["id", 0],
+		["className", 1],
+		["style", 2],
+		["orientation", 3]
+	],
+	"children": [{
+		"kind": "host",
+		"type": "flexboxlayout",
+		"bindings": [["flexDirection", 4]],
+		"children": [{
+			"kind": "slot",
+			"slot": 5
+		}]
+	}]
+});
+var ScrollView = defineUniversalComponent("nativescript", function ScrollView(props) {
+	return universalValue(__octaneUniversalPlan0, [
+		props.id,
+		props.className,
+		props.style,
+		props.horizontal ? "horizontal" : "vertical",
+		props.horizontal ? "row" : "column",
+		props.children
+	]);
+}, { "module": "@nativescript-community/octane" });
+//#endregion
+export { ScrollView };

package/dist/native/ui9.js

@@ -0,0 +1,24 @@
+import { defineUniversalComponent, universalPlan, universalValue } from "@nativescript-community/octane";
+//#region src/Image.native.tsrx
+var __octaneUniversalPlan0 = universalPlan("nativescript", {
+	"kind": "host",
+	"type": "image",
+	"bindings": [
+		["id", 0],
+		["className", 1],
+		["style", 2],
+		["src", 3],
+		["accessibilityLabel", 4]
+	]
+});
+var Image = defineUniversalComponent("nativescript", function Image(props) {
+	return universalValue(__octaneUniversalPlan0, [
+		props.id,
+		props.className,
+		props.style,
+		props.src,
+		props.alt
+	]);
+}, { "module": "@nativescript-community/octane" });
+//#endregion
+export { Image };

package/dist/web/octane-client-build.json

@@ -0,0 +1,8 @@
+{
+  "version": 1,
+  "buildId": "f5e9483c-f0d0-4d47-91c8-407f37bf9a88",
+  "mode": "production",
+  "capabilities": {
+    "independentHydration": false
+  }
+}

package/dist/web/ui.js

@@ -0,0 +1,19 @@
+import { View } from "./ui2.js";
+import { Row } from "./ui3.js";
+import { Text } from "./ui4.js";
+import { Pressable } from "./ui5.js";
+import { TextInput } from "./ui6.js";
+import { List } from "./ui7.js";
+import { ScrollView } from "./ui8.js";
+import { Image } from "./ui9.js";
+import { Modal } from "./ui10.js";
+import { useAnimation } from "./ui11.js";
+import { getColorScheme, useColorScheme } from "./ui12.js";
+import { styled } from "./ui13.js";
+import { Screen } from "./ui14.js";
+import { currentRoute, pushRoute, routeFor, useRoute } from "./ui15.js";
+import { Tabs } from "./ui16.js";
+import { Switch } from "./ui17.js";
+import { PlatformBadge } from "./ui18.js";
+import { getStack, registerStack } from "./ui19.js";
+export { View as Column, Image, List, Modal, PlatformBadge, Pressable, Row, Screen, ScrollView, Switch, Tabs, Text, TextInput, View, currentRoute, getColorScheme, getStack, pushRoute, registerStack, routeFor, styled, useAnimation, useColorScheme, useRoute };

package/dist/web/ui10.js

@@ -0,0 +1,43 @@
+import { __s, bag4, clone, delegateEvents, hookSlots, queueRefAttach, queueRefDetach, setEventHandler, template, useEffect, useRef } from "octane";
+import { childTextHoleUpdate, replaceRef } from "octane/internal/client";
+//#region src/Modal.web.tsrx
+delegateEvents(["close"]);
+var _t$0 = /* @__PURE__ */ template("<dialog class=\"vx-modal\"></dialog>");
+var _hs$ = /* @__PURE__ */ hookSlots(2);
+var _rm$1 = [
+	"r",
+	"b",
+	"a"
+];
+var Modal = /* @__PURE__ */ __s(function Modal(props, __s, __extra) {
+	const el = useRef(null, _hs$ + 0);
+	useEffect(() => {
+		const d = el.current;
+		if (!d) return;
+		if (props.open && !d.open) d.showModal();
+		else if (!props.open && d.open) d.close();
+	}, [props.open], _hs$ + 1);
+	let _b = __s.slots[0];
+	if (_b === void 0) {
+		let _m0, _m1;
+		const _root = clone(_t$0);
+		queueRefAttach(__s, _m1 = el, _m0 = _root);
+		(__s.cleanups ??= []).push(() => _b && queueRefDetach(_b.b, _b.a));
+		setEventHandler(_root, "$$close", props.onClose);
+		_b = bag4(__s, _root, _m0, _m1, null, void 0);
+		__s.refFields = _rm$1;
+	} else {
+		{
+			const _r = el;
+			if (_r !== _b.b) _b.b = replaceRef(__s, _b.b, _r, _b.a);
+		}
+		setEventHandler(_b.a, "$$close", props.onClose);
+	}
+	{
+		const _v = props.children;
+		_b.c = childTextHoleUpdate(__s, 1, _b.a, _v, _b.c, _b.d);
+		_b.d = _v;
+	}
+});
+//#endregion
+export { Modal };

package/dist/web/ui11.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/ui12.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/ui13.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/ui14.js

@@ -0,0 +1,28 @@
+import { __s, bag5, clone, setStyle, template } from "octane";
+import { childTextHoleUpdate, updateFreshClassName } from "octane/internal/client";
+//#region src/Screen.web.tsrx
+var _t$0 = /* @__PURE__ */ template("<div></div>");
+var Screen = /* @__PURE__ */ __s(function Screen(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-screen", 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;
+	}
+});
+//#endregion
+export { Screen };

package/dist/web/ui15.js

@@ -0,0 +1,49 @@
+import { hookSlots, useSyncExternalStore } from "octane";
+//#region src/route.web.ts
+var listeners = /* @__PURE__ */ new Set();
+var current = parse();
+function parse() {
+	const parts = location.pathname.split("/").filter(Boolean);
+	if (!parts.length) return null;
+	const [name, stack] = parts.length === 1 ? [parts[0], "root"] : [parts[1], parts[0]];
+	const params = {};
+	new URLSearchParams(location.search).forEach((v, k) => params[k] = v);
+	return {
+		stack,
+		name,
+		params
+	};
+}
+function build(r) {
+	const q = new URLSearchParams(r.params).toString();
+	return (r.stack === "root" ? "/" + r.name : "/" + r.stack + "/" + r.name) + (q ? "?" + q : "");
+}
+function emit() {
+	listeners.forEach((l) => l());
+}
+function pushRoute(r) {
+	history.pushState(null, "", build(r));
+	current = r;
+	emit();
+}
+window.addEventListener("popstate", () => {
+	current = parse();
+	emit();
+});
+/** Current route if it targets `stack`, else null. */
+function routeFor(stack) {
+	return current && current.stack === stack ? current : null;
+}
+/** The route active at boot — for deep-link tab selection. */
+function currentRoute() {
+	return current;
+}
+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, pushRoute, routeFor, useRoute };

package/dist/web/ui16.js

@@ -0,0 +1,101 @@
+import { useRoute } from "./ui15.js";
+import { __s, bag3, bag4, bag9, child, clone, delegateEvents, forBlock, hookSlots, ifBlock, setEventHandler, setStyle, sibling, template, useState, withSlot } from "octane";
+import { bindSignalAttribute, bindSignalChild, childTextHoleUpdate, 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 props = __extra[2];
+	const rootRoute = __extra[3];
+	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.resolveScreen(rootRoute.name, rootRoute.params);
+		_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:6348b8b3", 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 setInternal = __extra[4];
+	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:aa84790a", "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 && props.resolveScreen ? props.resolveScreen(paneRoute.name, paneRoute.params) : props.tabs[active]?.render(), "b:f2154571", 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 ?? "");
+	if (__s.block.pending && !__s.block.crossRenderUpdate) return;
+	ifBlock(__s, 0, __block.parentNode, rootRoute && props.resolveScreen, __then$0, __else$2, __block.endMarker, [
+		active,
+		paneRoute,
+		props,
+		rootRoute,
+		setInternal
+	]);
+});
+//#endregion
+export { Tabs };

package/dist/web/ui17.js

@@ -0,0 +1,31 @@
+import { __s, bag5, clone, delegateEvents, setEventHandler, setStyle, template } from "octane";
+import { bindSignalAttribute, bindSignalChecked, enableSignalBindings, 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:bf25de07\"/>");
+var Switch = /* @__PURE__ */ __s(function Switch(props, __s, __extra) {
+	let _b = __s.slots[0];
+	if (_b === void 0) {
+		let _m1, _m4;
+		const _root = clone(_t$0);
+		_m1 = _root;
+		_m4 = bindSignalChecked(__s, void 0, _root, props.checked, "i:bf25de07");
+		setEventHandler(_root, "$$change", (e) => props.onCheckedChange?.(e.target.checked));
+		_b = bag5(__s, _root, void 0, _m1, void 0, void 0, _m4);
+	} else {
+		_b.e = bindSignalChecked(__s, _b.e, _b.b, props.checked, "i:bf25de07");
+		setEventHandler(_b.b, "$$change", (e) => props.onCheckedChange?.(e.target.checked));
+	}
+	_b.a = bindSignalAttribute(__s, _b.a, _b.b, "id", props.id, "b:dddb26c5", "attr");
+	_b.c = updateFreshClassName(["vx-switch", props.className], _b.c, _b.b);
+	{
+		const _v = props.style;
+		if (_b.d !== _v) {
+			setStyle(_b.b, _v, _b.d);
+			_b.d = _v;
+		}
+	}
+});
+//#endregion
+export { Switch };

package/dist/web/ui18.js

@@ -0,0 +1,17 @@
+import { __s, bag2, clone, template } from "octane";
+import { bindSignalAttribute, enableSignalBindings } from "octane/internal/client";
+//#region src/PlatformBadge.web.tsrx
+enableSignalBindings(1, true);
+var _t$0 = /* @__PURE__ */ template("<span>web</span>");
+var PlatformBadge = /* @__PURE__ */ __s(function PlatformBadge(props, __s, __extra) {
+	let _b = __s.slots[0];
+	if (_b === void 0) {
+		let _m1;
+		const _root = clone(_t$0);
+		_m1 = _root;
+		_b = bag2(__s, _root, void 0, _m1);
+	}
+	_b.a = bindSignalAttribute(__s, _b.a, _b.b, "class", props.className, "b:d2333534", "class");
+});
+//#endregion
+export { PlatformBadge };

package/dist/web/ui19.js

@@ -0,0 +1,6 @@
+//#region src/stacks.web.ts
+/** Web twin — one linear URL stack; named stacks don't apply. */
+function registerStack(_name, _frame) {}
+function getStack(_name) {}
+//#endregion
+export { getStack, registerStack };

package/dist/web/ui2.js

@@ -0,0 +1,105 @@
+import { __s, bag7, clone, hookSlots, queueRefAttach, queueRefDetach, setStyle, template, useEffect, useRef } from "octane";
+import { bindSignalAttribute, bindSignalChild, enableSignalBindings, replaceRef, updateFreshClassName } from "octane/internal/client";
+//#region src/View.web.tsrx
+enableSignalBindings(1, true);
+var _t$0 = /* @__PURE__ */ template("<div></div>");
+var _hs$ = /* @__PURE__ */ hookSlots(2);
+var _rm$1 = [
+	"r",
+	"c",
+	"b"
+];
+var View = /* @__PURE__ */ __s(function View(props, __s, __extra) {
+	const el = useRef(null, _hs$ + 0);
+	useEffect(() => {
+		const node = el.current;
+		const cb = props.onPan;
+		if (!node || !cb) return;
+		let sx = 0, sy = 0, active = false, last = 0, lx = 0, t0 = 0;
+		const emit = (e, state) => {
+			const now = performance.now();
+			const dt = Math.max(now - t0, 1) / 1e3;
+			const vx = (e.clientX - lx) / dt;
+			const vy = (e.clientY - last) / dt;
+			lx = e.clientX;
+			last = e.clientY;
+			t0 = now;
+			cb({
+				x: e.clientX - sx,
+				y: e.clientY - sy,
+				dx: e.clientX - sx,
+				dy: e.clientY - sy,
+				vx,
+				vy,
+				state,
+				target: node
+			});
+		};
+		const down = (e) => {
+			active = true;
+			sx = e.clientX;
+			sy = e.clientY;
+			t0 = performance.now();
+			lx = sx;
+			last = sy;
+			node.setPointerCapture?.(e.pointerId);
+			emit(e, "began");
+		};
+		const move = (e) => {
+			if (active) emit(e, "moved");
+		};
+		const up = (e) => {
+			if (active) {
+				active = false;
+				emit(e, "ended");
+			}
+		};
+		const cancel = (e) => {
+			if (active) {
+				active = false;
+				emit(e, "cancelled");
+			}
+		};
+		node.addEventListener("pointerdown", down);
+		node.addEventListener("pointermove", move);
+		node.addEventListener("pointerup", up);
+		node.addEventListener("pointercancel", cancel);
+		return () => {
+			node.removeEventListener("pointerdown", down);
+			node.removeEventListener("pointermove", move);
+			node.removeEventListener("pointerup", up);
+			node.removeEventListener("pointercancel", cancel);
+		};
+	}, [props.onPan], _hs$ + 1);
+	let _b = __s.slots[0];
+	if (_b === void 0) {
+		let _m1, _m2;
+		const _root = clone(_t$0);
+		_m1 = _root;
+		queueRefAttach(__s, _m2 = (e) => {
+			el.current = e;
+			props.bind?.(e);
+		}, _m1);
+		(__s.cleanups ??= []).push(() => _b && queueRefDetach(_b.c, _b.b));
+		_b = bag7(__s, _root, void 0, _m1, _m2, void 0, void 0, null, void 0);
+		__s.refFields = _rm$1;
+	} else {
+		const _r = (e) => {
+			el.current = e;
+			props.bind?.(e);
+		};
+		if (_r !== _b.c) _b.c = replaceRef(__s, _b.c, _r, _b.b);
+	}
+	_b.a = bindSignalAttribute(__s, _b.a, _b.b, "id", props.id, "b:ae8eb435", "attr");
+	_b.d = updateFreshClassName(["vx-view", props.className], _b.d, _b.b);
+	{
+		const _v = props.style;
+		if (_b.e !== _v) {
+			setStyle(_b.b, _v, _b.e);
+			_b.e = _v;
+		}
+	}
+	_b.h = bindSignalChild(__s, _b.h, 1, _b.b, props.children, "b:0277c7de", null, void 0, void 0, void 0, true);
+});
+//#endregion
+export { View };

package/dist/web/ui3.js

@@ -0,0 +1,28 @@
+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;
+	}
+});
+//#endregion
+export { Row };

package/dist/web/ui4.js

@@ -0,0 +1,25 @@
+import { __s, bag5, clone, setStyle, template } from "octane";
+import { bindSignalAttribute, bindSignalChild, enableSignalBindings } from "octane/internal/client";
+//#region src/Text.web.tsrx
+enableSignalBindings(1, true);
+var _t$0 = /* @__PURE__ */ template("<span></span>");
+var Text = /* @__PURE__ */ __s(function Text(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 = bindSignalAttribute(__s, _b.a, _b.b, "class", props.className, "b:fa2421a2", "class");
+	{
+		const _v = props.style;
+		if (_b.c !== _v) {
+			setStyle(_b.b, _v, _b.c);
+			_b.c = _v;
+		}
+	}
+	_b.f = bindSignalChild(__s, _b.f, 1, _b.b, props.children, "b:7ee97a4e", null, void 0, void 0, void 0, true);
+});
+//#endregion
+export { Text };

package/dist/web/ui5.js

@@ -0,0 +1,31 @@
+import { __s, bag9, clone, delegateEvents, setEventHandler, setStyle, template } from "octane";
+import { bindSignalAttribute, bindSignalChild, enableSignalBindings, updateFreshClassName } from "octane/internal/client";
+//#region src/Pressable.web.tsrx
+enableSignalBindings(1, true);
+delegateEvents(["click"]);
+var _t$0 = /* @__PURE__ */ template("<div></div>");
+var Pressable = /* @__PURE__ */ __s(function Pressable(props, __s, __extra) {
+	let _b = __s.slots[0];
+	if (_b === void 0) {
+		let _m1;
+		const _root = clone(_t$0);
+		_m1 = _root;
+		setEventHandler(_root, "$$click", props.disabled ? void 0 : props.onPress);
+		_b = bag9(__s, _root, void 0, _m1, void 0, void 0, void 0, void 0, void 0, null, void 0);
+	} else setEventHandler(_b.b, "$$click", props.disabled ? void 0 : props.onPress);
+	_b.a = bindSignalAttribute(__s, _b.a, _b.b, "id", props.id, "b:832122ac", "attr");
+	_b.c = updateFreshClassName(["vx-pressable", props.className], _b.c, _b.b);
+	{
+		const _v = props.style;
+		if (_b.d !== _v) {
+			setStyle(_b.b, _v, _b.d);
+			_b.d = _v;
+		}
+	}
+	_b.e = bindSignalAttribute(__s, _b.e, _b.b, "role", props.accessibilityRole ?? "button", "b:6aeb41d8", "attr");
+	_b.f = bindSignalAttribute(__s, _b.f, _b.b, "aria-label", props.accessibilityLabel, "b:0b7c731e", "ariaAttr");
+	_b.g = bindSignalAttribute(__s, _b.g, _b.b, "aria-hidden", props.accessible === false ? true : void 0, "b:d6cc8abe", "ariaAttr");
+	_b.j = bindSignalChild(__s, _b.j, 1, _b.b, props.children, "b:e3f0e733", null, void 0, void 0, void 0, true);
+});
+//#endregion
+export { Pressable };