@octane-xplat/ui 0.3.0 → 0.4.0

package/dist/web/ui11.js

@@ -1,423 +1,42 @@
 import { applyEscapeProps } from "./ui2.js";
-import { layoutChildProps } from "./ui3.js";
-import { __s, bagOf, clone, snapshotSpread, template } from "octane";
-import { bindSignalChild, bindSignalHostPropSources, enableSignalBindings } from "octane/internal/client";
-//#region src/Pressable.web.tsrx
+import { __s, bag7, clone, queueRefAttach, queueRefDetach, setStyle, template } from "octane";
+import { bindSignalAttribute, bindSignalChild, enableSignalBindings, replaceRef, setPlainAttribute, updateFreshClassName } from "octane/internal/client";
+//#region src/LiquidGlassContainer.web.tsrx
 enableSignalBindings(1, true);
 var _t$0 = /* @__PURE__ */ template("<div></div>");
 var _rm$1 = [
-	"s",
-	"w",
-	"v"
+	"r",
+	"e",
+	"b"
 ];
-var Pressable = /* @__PURE__ */ __s(function Pressable(props, __s, __extra) {
-	let timer = null;
-	const cancel = () => {
-		if (timer !== null) {
-			clearTimeout(timer);
-			timer = null;
-		}
-	};
-	const down = () => {
-		if (props.disabled || !props.onLongPress) return;
-		cancel();
-		timer = setTimeout(() => {
-			timer = null;
-			props.onLongPress?.();
-		}, 500);
-	};
+var LiquidGlassContainer = /* @__PURE__ */ __s(function LiquidGlassContainer(props, __s, __extra) {
 	let _b = __s.slots[0];
 	if (_b === void 0) {
-		let _m0, _m1, _m2, _m3, _m4, _m5, _m6, _m7, _m8, _m9, _m10, _m11, _m12, _m13, _m14, _m15, _m16, _m17, _m18, _m19, _m20, _m21, _m22;
+		let _m1, _m4;
 		const _root = clone(_t$0);
-		_m0 = (el) => applyEscapeProps(el, props);
-		_m1 = props.id;
-		_m2 = [
-			"vx-pressable",
-			props.ignoreTouchAnimation ? "vx-pressable-no-feedback" : "",
-			props.className
-		];
-		_m3 = snapshotSpread(layoutChildProps(props, {
-			...props.style,
-			...props.hitSlop ? {
-				margin: -props.hitSlop,
-				padding: props.hitSlop
-			} : {}
-		}));
-		_m4 = props.accessibilityRole ?? "button";
-		_m5 = props.accessibilityLabel;
-		_m6 = props.accessibilityHint;
-		_m7 = props.accessibilityValue;
-		_m8 = props.accessibilityState?.disabled ?? props.disabled ?? void 0;
-		_m9 = props.accessibilityState?.selected;
-		_m10 = props.accessibilityState?.checked;
-		_m11 = props.accessibilityState?.busy;
-		_m12 = props.accessibilityState?.expanded;
-		_m13 = props.accessibilityLiveRegion === "none" ? "off" : props.accessibilityLiveRegion;
-		_m14 = props.accessible === false ? true : void 0;
-		_m15 = props.disabled ? void 0 : props.onPress;
-		_m16 = props.disabled ? void 0 : props.onDoublePress;
-		_m17 = (e) => {
-			if (!props.disabled) {
-				props.onPressIn?.();
-				down();
-			}
-		};
-		_m18 = () => {
-			if (!props.disabled) props.onPressOut?.();
-			cancel();
-		};
-		_m19 = () => {
-			if (!props.disabled) props.onPressOut?.();
-			cancel();
-		};
-		_m20 = () => {
-			if (!props.disabled) props.onPressOut?.();
-			cancel();
-		};
-		_m21 = _root;
-		_m22 = bindSignalHostPropSources(__s, void 0, _root, [
-			[
-				false,
-				"ref",
-				_m0
-			],
-			[
-				false,
-				"id",
-				_m1
-			],
-			[
-				false,
-				"className",
-				_m2
-			],
-			[true, _m3],
-			[
-				false,
-				"role",
-				_m4
-			],
-			[
-				false,
-				"aria-label",
-				_m5
-			],
-			[
-				false,
-				"aria-description",
-				_m6
-			],
-			[
-				false,
-				"aria-valuetext",
-				_m7
-			],
-			[
-				false,
-				"aria-disabled",
-				_m8
-			],
-			[
-				false,
-				"aria-selected",
-				_m9
-			],
-			[
-				false,
-				"aria-checked",
-				_m10
-			],
-			[
-				false,
-				"aria-busy",
-				_m11
-			],
-			[
-				false,
-				"aria-expanded",
-				_m12
-			],
-			[
-				false,
-				"aria-live",
-				_m13
-			],
-			[
-				false,
-				"aria-hidden",
-				_m14
-			],
-			[
-				false,
-				"onClick",
-				_m15
-			],
-			[
-				false,
-				"onDoubleClick",
-				_m16
-			],
-			[
-				false,
-				"onPointerDown",
-				_m17
-			],
-			[
-				false,
-				"onPointerUp",
-				_m18
-			],
-			[
-				false,
-				"onPointerLeave",
-				_m19
-			],
-			[
-				false,
-				"onPointerCancel",
-				_m20
-			]
-		], "b:b8f90cd3", true);
-		_b = bagOf(__s, _root, {
-			a: _m0,
-			b: _m1,
-			c: _m2,
-			d: _m3,
-			e: _m4,
-			f: _m5,
-			g: _m6,
-			h: _m7,
-			i: _m8,
-			j: _m9,
-			k: _m10,
-			l: _m11,
-			m: _m12,
-			n: _m13,
-			o: _m14,
-			p: _m15,
-			q: _m16,
-			r: _m17,
-			s: _m18,
-			t: _m19,
-			u: _m20,
-			v: _m21,
-			w: _m22,
-			x: null,
-			y: void 0
-		});
+		_m1 = _root;
+		queueRefAttach(__s, _m4 = (el) => applyEscapeProps(el, props), _m1);
+		(__s.cleanups ??= []).push(() => _b && queueRefDetach(_b.e, _b.b));
+		_b = bag7(__s, _root, void 0, _m1, void 0, void 0, _m4, null, void 0);
 		__s.refFields = _rm$1;
 	} else {
-		{
-			const _v = (el) => applyEscapeProps(el, props);
-			if (_b.a !== _v) _b.a = _v;
-		}
-		{
-			const _v = props.id;
-			if (_b.b !== _v) _b.b = _v;
-		}
-		{
-			const _v = [
-				"vx-pressable",
-				props.ignoreTouchAnimation ? "vx-pressable-no-feedback" : "",
-				props.className
-			];
-			if (_b.c !== _v) _b.c = _v;
-		}
-		_b.d = snapshotSpread(layoutChildProps(props, {
-			...props.style,
-			...props.hitSlop ? {
-				margin: -props.hitSlop,
-				padding: props.hitSlop
-			} : {}
-		}));
-		{
-			const _v = props.accessibilityRole ?? "button";
-			if (_b.e !== _v) _b.e = _v;
-		}
-		{
-			const _v = props.accessibilityLabel;
-			if (_b.f !== _v) _b.f = _v;
-		}
-		{
-			const _v = props.accessibilityHint;
-			if (_b.g !== _v) _b.g = _v;
-		}
-		{
-			const _v = props.accessibilityValue;
-			if (_b.h !== _v) _b.h = _v;
-		}
-		{
-			const _v = props.accessibilityState?.disabled ?? props.disabled ?? void 0;
-			if (_b.i !== _v) _b.i = _v;
-		}
-		{
-			const _v = props.accessibilityState?.selected;
-			if (_b.j !== _v) _b.j = _v;
-		}
-		{
-			const _v = props.accessibilityState?.checked;
-			if (_b.k !== _v) _b.k = _v;
-		}
-		{
-			const _v = props.accessibilityState?.busy;
-			if (_b.l !== _v) _b.l = _v;
-		}
-		{
-			const _v = props.accessibilityState?.expanded;
-			if (_b.m !== _v) _b.m = _v;
-		}
-		{
-			const _v = props.accessibilityLiveRegion === "none" ? "off" : props.accessibilityLiveRegion;
-			if (_b.n !== _v) _b.n = _v;
-		}
-		{
-			const _v = props.accessible === false ? true : void 0;
-			if (_b.o !== _v) _b.o = _v;
-		}
-		{
-			const _v = props.disabled ? void 0 : props.onPress;
-			if (_b.p !== _v) _b.p = _v;
-		}
-		{
-			const _v = props.disabled ? void 0 : props.onDoublePress;
-			if (_b.q !== _v) _b.q = _v;
-		}
-		{
-			const _v = (e) => {
-				if (!props.disabled) {
-					props.onPressIn?.();
-					down();
-				}
-			};
-			if (_b.r !== _v) _b.r = _v;
-		}
-		{
-			const _v = () => {
-				if (!props.disabled) props.onPressOut?.();
-				cancel();
-			};
-			if (_b.s !== _v) _b.s = _v;
-		}
-		{
-			const _v = () => {
-				if (!props.disabled) props.onPressOut?.();
-				cancel();
-			};
-			if (_b.t !== _v) _b.t = _v;
-		}
-		{
-			const _v = () => {
-				if (!props.disabled) props.onPressOut?.();
-				cancel();
-			};
-			if (_b.u !== _v) _b.u = _v;
+		const _r = (el) => applyEscapeProps(el, props);
+		if (_r !== _b.e) _b.e = replaceRef(__s, _b.e, _r, _b.b);
+	}
+	_b.a = bindSignalAttribute(__s, _b.a, _b.b, "id", props.id, "b:46ee8524", setPlainAttribute);
+	_b.c = updateFreshClassName([
+		"vx-absolute",
+		"vx-glass-container",
+		props.className
+	], _b.c, _b.b);
+	{
+		const _v = props.style;
+		if (_b.d !== _v) {
+			setStyle(_b.b, _v, _b.d);
+			_b.d = _v;
 		}
-		_b.w = bindSignalHostPropSources(__s, _b.w, _b.v, [
-			[
-				false,
-				"ref",
-				_b.a
-			],
-			[
-				false,
-				"id",
-				_b.b
-			],
-			[
-				false,
-				"className",
-				_b.c
-			],
-			[true, _b.d],
-			[
-				false,
-				"role",
-				_b.e
-			],
-			[
-				false,
-				"aria-label",
-				_b.f
-			],
-			[
-				false,
-				"aria-description",
-				_b.g
-			],
-			[
-				false,
-				"aria-valuetext",
-				_b.h
-			],
-			[
-				false,
-				"aria-disabled",
-				_b.i
-			],
-			[
-				false,
-				"aria-selected",
-				_b.j
-			],
-			[
-				false,
-				"aria-checked",
-				_b.k
-			],
-			[
-				false,
-				"aria-busy",
-				_b.l
-			],
-			[
-				false,
-				"aria-expanded",
-				_b.m
-			],
-			[
-				false,
-				"aria-live",
-				_b.n
-			],
-			[
-				false,
-				"aria-hidden",
-				_b.o
-			],
-			[
-				false,
-				"onClick",
-				_b.p
-			],
-			[
-				false,
-				"onDoubleClick",
-				_b.q
-			],
-			[
-				false,
-				"onPointerDown",
-				_b.r
-			],
-			[
-				false,
-				"onPointerUp",
-				_b.s
-			],
-			[
-				false,
-				"onPointerLeave",
-				_b.t
-			],
-			[
-				false,
-				"onPointerCancel",
-				_b.u
-			]
-		], "b:b8f90cd3", true);
 	}
-	_b.z = bindSignalChild(__s, _b.z, 1, _b.v, props.children, "b:1d318b77", null, void 0, void 0, void 0, true);
+	_b.h = bindSignalChild(__s, _b.h, 1, _b.b, props.children, "b:295618e2", null, void 0, void 0, void 0, true);
 });
 //#endregion
-export { Pressable };
+export { LiquidGlassContainer };

package/dist/web/ui12.js

@@ -1,84 +1,37 @@
 import { applyEscapeProps } from "./ui2.js";
-import { __s, bag11, clone, delegateEvents, queueRefAttach, queueRefDetach, setEventHandler, setStyle, template } from "octane";
-import { bindSignalAttribute, bindSignalValue, enableSignalBindings, replaceRef, setBooleanAttributeIfChanged } from "octane/internal/client";
-//#region src/TextInput.web.tsrx
+import { __s, bag5, clone, queueRefAttach, queueRefDetach, setStyle, template } from "octane";
+import { bindSignalAttribute, enableSignalBindings, replaceRef, setPlainAttribute, updateFreshClassName } from "octane/internal/client";
+//#region src/Spacer.web.tsrx
 enableSignalBindings(1, true);
-delegateEvents([
-	"focusin",
-	"focusout",
-	"input",
-	"keydown"
-]);
-var _t$0 = /* @__PURE__ */ template("<input data-octane-input=\"i:82d59fa0\"/>");
+var _t$0 = /* @__PURE__ */ template("<div></div>");
 var _rm$0 = [
 	"r",
-	"b",
-	"a"
+	"e",
+	"b"
 ];
-var TextInput = /* @__PURE__ */ __s(function TextInput(props, __s, __extra) {
-	const keyboardType = props.keyboardType === "phone" ? "tel" : props.keyboardType === "default" ? "text" : props.keyboardType;
-	const inputMode = props.keyboardType === "number" ? "numeric" : props.keyboardType === "phone" ? "tel" : props.keyboardType === "default" ? "text" : props.keyboardType;
+var Spacer = /* @__PURE__ */ __s(function Spacer(props, __s, __extra) {
 	let _b = __s.slots[0];
 	if (_b === void 0) {
-		let _m0, _m1, _m5;
+		let _m1, _m4;
 		const _root = clone(_t$0);
-		queueRefAttach(__s, _m1 = (el) => {
-			if (!el) return;
-			applyEscapeProps(el, props);
-			props.bind?.({
-				focus: () => el.focus(),
-				blur: () => el.blur(),
-				native: el
-			});
-		}, _m0 = _root);
-		(__s.cleanups ??= []).push(() => _b && queueRefDetach(_b.b, _b.a));
-		_m5 = bindSignalValue(__s, void 0, _root, props.value, "i:82d59fa0");
-		setEventHandler(_root, "$$input", (e) => props.onChange?.(e.target.value));
-		setEventHandler(_root, "$$keydown", (e) => {
-			if (e.key === "Enter" && !e.shiftKey) props.onSubmit?.();
-		});
-		setEventHandler(_root, "$$focusin", props.onFocus);
-		setEventHandler(_root, "$$focusout", props.onBlur);
-		_b = bag11(__s, _root, _m0, _m1, void 0, void 0, void 0, _m5, void 0, void 0, void 0, void 0, void 0);
+		_m1 = _root;
+		queueRefAttach(__s, _m4 = (el) => applyEscapeProps(el, props), _m1);
+		(__s.cleanups ??= []).push(() => _b && queueRefDetach(_b.e, _b.b));
+		_b = bag5(__s, _root, void 0, _m1, void 0, void 0, _m4);
 		__s.refFields = _rm$0;
 	} else {
-		{
-			const _r = (el) => {
-				if (!el) return;
-				applyEscapeProps(el, props);
-				props.bind?.({
-					focus: () => el.focus(),
-					blur: () => el.blur(),
-					native: el
-				});
-			};
-			if (_r !== _b.b) _b.b = replaceRef(__s, _b.b, _r, _b.a);
-		}
-		_b.f = bindSignalValue(__s, _b.f, _b.a, props.value, "i:82d59fa0");
-		setEventHandler(_b.a, "$$input", (e) => props.onChange?.(e.target.value));
-		setEventHandler(_b.a, "$$keydown", (e) => {
-			if (e.key === "Enter" && !e.shiftKey) props.onSubmit?.();
-		});
-		setEventHandler(_b.a, "$$focusin", props.onFocus);
-		setEventHandler(_b.a, "$$focusout", props.onBlur);
+		const _r = (el) => applyEscapeProps(el, props);
+		if (_r !== _b.e) _b.e = replaceRef(__s, _b.e, _r, _b.b);
 	}
-	_b.c = bindSignalAttribute(__s, _b.c, _b.a, "id", props.id, "b:06cf141a", "attr");
-	_b.d = bindSignalAttribute(__s, _b.d, _b.a, "class", props.className, "b:7bbaa2d6", "class");
+	_b.a = bindSignalAttribute(__s, _b.a, _b.b, "id", props.id, "b:91b4d3c0", setPlainAttribute);
+	_b.c = updateFreshClassName(["vx-spacer", props.className], _b.c, _b.b);
 	{
-		const _v = {
-			...props.style,
-			...props.placeholderTextColor ? { "--placeholder-color": props.placeholderTextColor } : {}
-		};
-		if (_b.e !== _v) {
-			setStyle(_b.a, _v, _b.e);
-			_b.e = _v;
+		const _v = props.style;
+		if (_b.d !== _v) {
+			setStyle(_b.b, _v, _b.d);
+			_b.d = _v;
 		}
 	}
-	_b.g = bindSignalAttribute(__s, _b.g, _b.a, "type", props.secure ? "password" : props.keyboardType === "number" || props.keyboardType === "decimal" ? "number" : keyboardType, "b:0eb96c19", "attr");
-	_b.h = bindSignalAttribute(__s, _b.h, _b.a, "inputMode", inputMode, "b:d98445c3", "attr");
-	_b.i = bindSignalAttribute(__s, _b.i, _b.a, "enterKeyHint", props.returnKeyType, "b:d63ff8ca", "attr");
-	_b.j = setBooleanAttributeIfChanged(props.editable === false, _b.j, _b.a, "readonly");
-	_b.k = bindSignalAttribute(__s, _b.k, _b.a, "placeholder", props.placeholder ?? props.hint, "b:7bb4056a", "attr");
 });
 //#endregion
-export { TextInput };
+export { Spacer };