@octane-xplat/ui 0.7.3 → 0.9.0

package/dist/web/Pressable.web.tsrx.js

@@ -1,40 +1,54 @@
 import { applyEscapeProps } from "./escape-props.web.js";
 import { layoutChildProps } from "./layout-child.web.js";
 import { usePan } from "./pan.web.tsrx.js";
-import { __s, bagOf, clone, hookSlots, snapshotSpread, template, useRef, withSlot } from "octane";
-import { bindSignalChild, bindSignalHostPropSources, enableSignalBindings } from "octane/internal/client";
+import { __s, bagOf, clone, hookSlots, snapshotSpread, template, useEffect, useRef, withSlot } from "octane";
+import { bindSignalChild, bindSignalHostPropSources, compilerMemoRegion, enableSignalBindings, hookMemoCreate, hookMemoPublishInvariant } from "octane/internal/client";
 //#region src/Pressable.web.tsrx
 enableSignalBindings(1, true);
 var _t$0 = /* @__PURE__ */ template("<div></div>");
-var _hs$ = /* @__PURE__ */ hookSlots(2);
-var _h$1 = /* @__PURE__ */ Symbol(_hs$ + 1);
+var _hs$ = /* @__PURE__ */ hookSlots(8);
+var _h$4 = /* @__PURE__ */ Symbol(_hs$ + 4);
 var _rm$1 = [
 	"s",
-	"u",
-	"t"
+	"y",
+	"x"
 ];
 var Pressable = /* @__PURE__ */ __s(function Pressable(props, __s, __extra) {
+	const __memoRegion = compilerMemoRegion(__s, _hs$ + 0);
+	let __hk = __memoRegion.hooks;
+	if (__hk === void 0) __memoRegion.hooks = __hk = hookMemoCreate(2);
 	const el = useRef(null, _hs$ + 0);
-	let timer = null;
-	withSlot(_h$1, usePan, el, props.disabled ? void 0 : props.onPan);
-	const cancel = () => {
-		if (timer !== null) {
-			clearTimeout(timer);
-			timer = null;
+	const spacePressed = useRef(false, _hs$ + 1);
+	const timer = useRef(null, _hs$ + 2);
+	const latest = useRef(props, _hs$ + 3);
+	latest.current = props;
+	withSlot(_h$4, usePan, el, props.disabled ? void 0 : props.onPan);
+	const cancel = __hk[0] ?? hookMemoPublishInvariant(__hk, 0, () => {
+		if (timer.current !== null) {
+			clearTimeout(timer.current);
+			timer.current = null;
 		}
-	};
-	const down = () => {
-		if (props.disabled || !props.onLongPress) return;
+	});
+	useEffect(() => {
+		if (props.disabled) spacePressed.current = false;
+	}, [props.disabled], _hs$ + 5);
+	const enabled = !props.disabled && Boolean(props.onLongPress);
+	useEffect(() => {
+		if (!enabled) cancel();
+	}, [enabled], _hs$ + 6);
+	useEffect(() => () => cancel(), [], _hs$ + 7);
+	const down = __hk[1] ?? hookMemoPublishInvariant(__hk, 1, () => {
+		if (latest.current.disabled || !latest.current.onLongPress) return;
 		cancel();
-		timer = setTimeout(() => {
-			timer = null;
-			props.onLongPress?.();
+		timer.current = setTimeout(() => {
+			timer.current = null;
+			if (!latest.current.disabled) latest.current.onLongPress?.();
 		}, 500);
-	};
+	});
 	if (__s.block.pending && !__s.block.crossRenderUpdate) return;
 	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;
+		let _m0, _m1, _m2, _m3, _m4, _m5, _m6, _m7, _m8, _m9, _m10, _m11, _m12, _m13, _m14, _m15, _m16, _m17, _m18, _m19, _m20, _m21, _m22, _m23, _m24;
 		const _root = clone(_t$0);
 		_m0 = (e) => {
 			el.current = e;
@@ -56,33 +70,56 @@ var Pressable = /* @__PURE__ */ __s(function Pressable(props, __s, __extra) {
 		_m5 = props.accessibilityLabel;
 		_m6 = props.accessibilityHint;
 		_m7 = props.accessibilityValue;
-		_m8 = props.accessibilityState?.disabled ?? props.disabled ?? void 0;
+		_m8 = props.disabled || props.accessibilityState?.disabled || void 0;
 		_m9 = props.accessibilityState?.selected;
 		_m10 = props.accessibilityState?.checked;
 		_m11 = props.accessibilityLiveRegion === "none" ? "off" : props.accessibilityLiveRegion;
 		_m12 = props.accessible === false ? true : void 0;
-		_m13 = props.disabled ? void 0 : props.onPress;
-		_m14 = props.disabled ? void 0 : props.onDoublePress;
+		_m13 = props.onPress && !props.disabled && props.accessible !== false ? 0 : -1;
+		_m14 = (e) => {
+			if (e.target !== e.currentTarget || props.disabled || e.isComposing || !props.onPress) return;
+			if (e.key === "Enter") {
+				e.preventDefault();
+				if (!e.repeat) props.onPress();
+			} else if (e.key === " ") {
+				e.preventDefault();
+				spacePressed.current = true;
+			}
+		};
 		_m15 = (e) => {
+			if (e.target !== e.currentTarget || e.key !== " ") return;
+			const activate = spacePressed.current;
+			spacePressed.current = false;
+			if (activate && !props.disabled && props.onPress) {
+				e.preventDefault();
+				props.onPress();
+			}
+		};
+		_m16 = () => {
+			spacePressed.current = false;
+		};
+		_m17 = props.disabled ? void 0 : props.onPress;
+		_m18 = props.disabled ? void 0 : props.onDoublePress;
+		_m19 = (e) => {
 			if (!props.disabled) {
 				props.onPressIn?.();
 				down();
 			}
 		};
-		_m16 = () => {
+		_m20 = () => {
 			if (!props.disabled) props.onPressOut?.();
 			cancel();
 		};
-		_m17 = () => {
+		_m21 = () => {
 			if (!props.disabled) props.onPressOut?.();
 			cancel();
 		};
-		_m18 = () => {
+		_m22 = () => {
 			if (!props.disabled) props.onPressOut?.();
 			cancel();
 		};
-		_m19 = _root;
-		_m20 = bindSignalHostPropSources(__s, void 0, _root, [
+		_m23 = _root;
+		_m24 = bindSignalHostPropSources(__s, void 0, _root, [
 			[
 				false,
 				"ref",
@@ -146,35 +183,55 @@ var Pressable = /* @__PURE__ */ __s(function Pressable(props, __s, __extra) {
 			],
 			[
 				false,
-				"onClick",
+				"tabIndex",
 				_m13
 			],
 			[
 				false,
-				"onDoubleClick",
+				"onKeyDown",
 				_m14
 			],
 			[
 				false,
-				"onPointerDown",
+				"onKeyUp",
 				_m15
 			],
 			[
 				false,
-				"onPointerUp",
+				"onBlur",
 				_m16
 			],
 			[
 				false,
-				"onPointerLeave",
+				"onClick",
 				_m17
 			],
 			[
 				false,
-				"onPointerCancel",
+				"onDoubleClick",
 				_m18
+			],
+			[
+				false,
+				"onPointerDown",
+				_m19
+			],
+			[
+				false,
+				"onPointerUp",
+				_m20
+			],
+			[
+				false,
+				"onPointerLeave",
+				_m21
+			],
+			[
+				false,
+				"onPointerCancel",
+				_m22
 			]
-		], "b:85f49247", true);
+		], "b:7e0eb713", true);
 		_b = bagOf(__s, _root, {
 			a: _m0,
 			b: _m1,
@@ -197,8 +254,12 @@ var Pressable = /* @__PURE__ */ __s(function Pressable(props, __s, __extra) {
 			s: _m18,
 			t: _m19,
 			u: _m20,
-			v: null,
-			w: void 0
+			v: _m21,
+			w: _m22,
+			x: _m23,
+			y: _m24,
+			z: null,
+			A: void 0
 		});
 		__s.refFields = _rm$1;
 	} else {
@@ -244,7 +305,7 @@ var Pressable = /* @__PURE__ */ __s(function Pressable(props, __s, __extra) {
 			if (_b.h !== _v) _b.h = _v;
 		}
 		{
-			const _v = props.accessibilityState?.disabled ?? props.disabled ?? void 0;
+			const _v = props.disabled || props.accessibilityState?.disabled || void 0;
 			if (_b.i !== _v) _b.i = _v;
 		}
 		{
@@ -264,13 +325,48 @@ var Pressable = /* @__PURE__ */ __s(function Pressable(props, __s, __extra) {
 			if (_b.m !== _v) _b.m = _v;
 		}
 		{
-			const _v = props.disabled ? void 0 : props.onPress;
+			const _v = props.onPress && !props.disabled && props.accessible !== false ? 0 : -1;
 			if (_b.n !== _v) _b.n = _v;
 		}
 		{
-			const _v = props.disabled ? void 0 : props.onDoublePress;
+			const _v = (e) => {
+				if (e.target !== e.currentTarget || props.disabled || e.isComposing || !props.onPress) return;
+				if (e.key === "Enter") {
+					e.preventDefault();
+					if (!e.repeat) props.onPress();
+				} else if (e.key === " ") {
+					e.preventDefault();
+					spacePressed.current = true;
+				}
+			};
 			if (_b.o !== _v) _b.o = _v;
 		}
+		{
+			const _v = (e) => {
+				if (e.target !== e.currentTarget || e.key !== " ") return;
+				const activate = spacePressed.current;
+				spacePressed.current = false;
+				if (activate && !props.disabled && props.onPress) {
+					e.preventDefault();
+					props.onPress();
+				}
+			};
+			if (_b.p !== _v) _b.p = _v;
+		}
+		{
+			const _v = () => {
+				spacePressed.current = false;
+			};
+			if (_b.q !== _v) _b.q = _v;
+		}
+		{
+			const _v = props.disabled ? void 0 : props.onPress;
+			if (_b.r !== _v) _b.r = _v;
+		}
+		{
+			const _v = props.disabled ? void 0 : props.onDoublePress;
+			if (_b.s !== _v) _b.s = _v;
+		}
 		{
 			const _v = (e) => {
 				if (!props.disabled) {
@@ -278,30 +374,30 @@ var Pressable = /* @__PURE__ */ __s(function Pressable(props, __s, __extra) {
 					down();
 				}
 			};
-			if (_b.p !== _v) _b.p = _v;
+			if (_b.t !== _v) _b.t = _v;
 		}
 		{
 			const _v = () => {
 				if (!props.disabled) props.onPressOut?.();
 				cancel();
 			};
-			if (_b.q !== _v) _b.q = _v;
+			if (_b.u !== _v) _b.u = _v;
 		}
 		{
 			const _v = () => {
 				if (!props.disabled) props.onPressOut?.();
 				cancel();
 			};
-			if (_b.r !== _v) _b.r = _v;
+			if (_b.v !== _v) _b.v = _v;
 		}
 		{
 			const _v = () => {
 				if (!props.disabled) props.onPressOut?.();
 				cancel();
 			};
-			if (_b.s !== _v) _b.s = _v;
+			if (_b.w !== _v) _b.w = _v;
 		}
-		_b.u = bindSignalHostPropSources(__s, _b.u, _b.t, [
+		_b.y = bindSignalHostPropSources(__s, _b.y, _b.x, [
 			[
 				false,
 				"ref",
@@ -365,37 +461,57 @@ var Pressable = /* @__PURE__ */ __s(function Pressable(props, __s, __extra) {
 			],
 			[
 				false,
-				"onClick",
+				"tabIndex",
 				_b.n
 			],
 			[
 				false,
-				"onDoubleClick",
+				"onKeyDown",
 				_b.o
 			],
 			[
 				false,
-				"onPointerDown",
+				"onKeyUp",
 				_b.p
 			],
 			[
 				false,
-				"onPointerUp",
+				"onBlur",
 				_b.q
 			],
 			[
 				false,
-				"onPointerLeave",
+				"onClick",
 				_b.r
 			],
 			[
 				false,
-				"onPointerCancel",
+				"onDoubleClick",
 				_b.s
+			],
+			[
+				false,
+				"onPointerDown",
+				_b.t
+			],
+			[
+				false,
+				"onPointerUp",
+				_b.u
+			],
+			[
+				false,
+				"onPointerLeave",
+				_b.v
+			],
+			[
+				false,
+				"onPointerCancel",
+				_b.w
 			]
-		], "b:85f49247", true);
+		], "b:7e0eb713", true);
 	}
-	_b.x = bindSignalChild(__s, _b.x, 1, _b.t, props.children, "b:7567c2fe", null, void 0, void 0, void 0, true);
+	_b.B = bindSignalChild(__s, _b.B, 1, _b.x, props.children, "b:ecf772c3", null, void 0, void 0, void 0, true);
 });
 //#endregion
 export { Pressable };

package/dist/web/SearchInput.web.tsrx.js

@@ -77,7 +77,7 @@ var SearchInput = /* @__PURE__ */ __s(function SearchInput(props, __s, __extra)
 		_m7 = bindSignalValue(__s, void 0, _el0, value, "i:ae1a301c");
 		setEventHandler(_el0, "$$input", (e) => setValue(e.target.value));
 		setEventHandler(_el0, "$$keydown", (e) => {
-			if (e.key === "Enter" && !e.shiftKey) props.onSubmit?.();
+			if (e.key === "Enter" && !e.shiftKey && !e.isComposing && e.keyCode !== 229) props.onSubmit?.();
 		});
 		setEventHandler(_el0, "$$focusin", props.onFocus);
 		setEventHandler(_el0, "$$focusout", props.onBlur);
@@ -103,7 +103,7 @@ var SearchInput = /* @__PURE__ */ __s(function SearchInput(props, __s, __extra)
 		_b.h = bindSignalValue(__s, _b.h, _b.f, value, "i:ae1a301c");
 		setEventHandler(_b.f, "$$input", (e) => setValue(e.target.value));
 		setEventHandler(_b.f, "$$keydown", (e) => {
-			if (e.key === "Enter" && !e.shiftKey) props.onSubmit?.();
+			if (e.key === "Enter" && !e.shiftKey && !e.isComposing && e.keyCode !== 229) props.onSubmit?.();
 		});
 		setEventHandler(_b.f, "$$focusin", props.onFocus);
 		setEventHandler(_b.f, "$$focusout", props.onBlur);

package/dist/web/Sheet.web.tsrx.js

@@ -1,20 +1,22 @@
 import { cx } from "./cx.js";
 import { useThemeScheme } from "./theme/theme-scheme.js";
+import { isolateModalFocus } from "./modal-focus.web.js";
 import { normalizeDetents } from "./sheet-snap.js";
 import { attachSheetDetents } from "./sheet-detents.web.js";
 import { bag4, child, clone, createElement, createPortal, createScopedElement, createScopedValue, drainFrag, hookSlots, ifBlock, positionalChildren, template, useEffect, useRef, withSlot } from "octane";
 import { compilerMemoRegion, hookMemoCreate, hookMemoEqual, hookMemoPublish1, textHoleUpdate } from "octane/internal/client";
 //#region src/Sheet.web.tsrx
 var _t$0 = /* @__PURE__ */ template("<!>", 0, 1);
-var _hs$ = /* @__PURE__ */ hookSlots(4);
+var _hs$ = /* @__PURE__ */ hookSlots(6);
 var _h$0 = /* @__PURE__ */ Symbol(_hs$);
 function __then$0(__props, __s, __extra) {
 	const __block = __s.block;
 	const dark = __extra[0];
 	const detents = __extra[1];
-	const maxDetent = __extra[2];
-	const panel = __extra[3];
-	const props = __extra[4];
+	const layer = __extra[2];
+	const maxDetent = __extra[3];
+	const panel = __extra[4];
+	const props = __extra[5];
 	let _b = __s.slots[0];
 	if (_b === void 0) {
 		let _m0, _m1;
@@ -25,7 +27,10 @@ function __then$0(__props, __s, __extra) {
 		_b = bag4(__s, null, _m0, _m1, null, void 0);
 	}
 	{
-		const _v = /* @__PURE__ */ createPortal(createScopedValue(() => createScopedElement("div", { className: cx("vx-sheet-layer", dark && "dark") }, () => positionalChildren([(props.shadeCover ?? true) && createScopedValue(() => createElement("div", {
+		const _v = /* @__PURE__ */ createPortal(createScopedValue(() => createScopedElement("div", {
+			ref: layer,
+			className: cx("vx-sheet-layer", dark && "dark")
+		}, () => positionalChildren([(props.shadeCover ?? true) && createScopedValue(() => createElement("div", {
 			className: "vx-sheet-backdrop",
 			onClick: props.onDismiss
 		})), createScopedValue(() => createScopedElement("div", {
@@ -33,6 +38,8 @@ function __then$0(__props, __s, __extra) {
 				panel.current = el;
 			},
 			className: cx("vx-sheet", detents.length && "vx-sheet-detents", props.className),
+			role: props.shadeCover === false ? void 0 : "dialog",
+			"aria-modal": props.shadeCover === false ? void 0 : true,
 			style: {
 				...props.style,
 				...detents.length ? {
@@ -54,8 +61,13 @@ var Sheet = function Sheet(props, __s, __extra) {
 	let __hkd0;
 	const dark = withSlot(_h$0, useThemeScheme) === "dark";
 	const panel = useRef(null, _hs$ + 1);
-	const dismiss = useRef(props.onDismiss, _hs$ + 2);
+	const layer = useRef(null, _hs$ + 2);
+	const dismiss = useRef(props.onDismiss, _hs$ + 3);
 	dismiss.current = props.onDismiss;
+	useEffect(() => {
+		if (!props.open || props.shadeCover === false || !layer.current || !panel.current) return;
+		return isolateModalFocus(layer.current, panel.current, () => dismiss.current?.());
+	}, [props.open, props.shadeCover], _hs$ + 4);
 	const detents = (__hkd0 = props, __hk[0] !== true || !hookMemoEqual(__hk[1], __hkd0) ? hookMemoPublish1(__hk, 0, normalizeDetents(props.detents), __hkd0) : __hk[2]);
 	const maxDetent = detents.length ? detents[detents.length - 1] : 0;
 	const detentsKey = detents.join(",");
@@ -64,13 +76,14 @@ var Sheet = function Sheet(props, __s, __extra) {
 		if (!props.open || !el || !detents.length) return;
 		const ctl = attachSheetDetents(el, detents, () => dismiss.current?.());
 		return () => ctl.detach();
-	}, [props.open, detentsKey], _hs$ + 3);
+	}, [props.open, detentsKey], _hs$ + 5);
 	if (__s.block.pending && !__s.block.crossRenderUpdate) return;
 	{
 		const __ifCondition = props.open;
 		ifBlock(__s, 0, __block.parentNode, __ifCondition, __then$0, null, __block.endMarker, __ifCondition ? [
 			dark,
 			detents,
+			layer,
 			maxDetent,
 			panel,
 			props

package/dist/web/TextArea.web.tsrx.js

@@ -1,6 +1,6 @@
 import { applyEscapeProps } from "./escape-props.web.js";
 import { normStyle } from "./layout-child.web.js";
-import { __s, bag11, clone, delegateEvents, hookSlots, queueRefAttach, queueRefDetach, setAttribute, setEventHandler, setStyle, template, useLayoutEffect, useRef } from "octane";
+import { __s, bag12, clone, delegateEvents, evt2e, evt2u, hookSlots, queueRefAttach, queueRefDetach, setAttribute, setEventHandler, setStyle, template, useLayoutEffect, useRef } from "octane";
 import { bindSignalAttribute, bindSignalValue, enableSignalBindings, replaceRef, setBooleanAttributeIfChanged, setPlainAttribute, updateFreshClassName } from "octane/internal/client";
 //#region src/TextArea.web.tsrx
 enableSignalBindings(1, true);
@@ -10,8 +10,12 @@ delegateEvents([
 	"input",
 	"keydown"
 ]);
-var _t$0 = /* @__PURE__ */ template("<textarea data-octane-input=\"i:bf482a0b\"></textarea>");
+var _t$0 = /* @__PURE__ */ template("<textarea data-octane-input=\"i:d137a29c\"></textarea>");
 var _hs$ = /* @__PURE__ */ hookSlots(2);
+var __event = (e, fit, props) => {
+	fit();
+	props.onChange?.(e.target.value);
+};
 var _rm$0 = [
 	"r",
 	"b",
@@ -19,7 +23,7 @@ var _rm$0 = [
 ];
 var TextArea = /* @__PURE__ */ __s(function TextArea(props, __s, __extra) {
 	const el = useRef(null, _hs$ + 0);
-	useLayoutEffect(() => {
+	const fit = () => {
 		const t = el.current;
 		if (!t) return;
 		const cs = getComputedStyle(t);
@@ -35,7 +39,8 @@ var TextArea = /* @__PURE__ */ __s(function TextArea(props, __s, __extra) {
 			t.style.height = Math.min(need, cap) + "px";
 			t.style.overflowY = need > cap ? "auto" : "hidden";
 		}
-	}, [
+	};
+	useLayoutEffect(fit, [
 		props.value,
 		props.rows,
 		props.autoGrow,
@@ -45,7 +50,7 @@ var TextArea = /* @__PURE__ */ __s(function TextArea(props, __s, __extra) {
 	], _hs$ + 1);
 	let _b = __s.slots[0];
 	if (_b === void 0) {
-		let _m0, _m1, _m5;
+		let _m0, _m1, _m5, _m11;
 		const _root = clone(_t$0);
 		queueRefAttach(__s, _m1 = (node) => {
 			el.current = node;
@@ -58,14 +63,14 @@ var TextArea = /* @__PURE__ */ __s(function TextArea(props, __s, __extra) {
 			});
 		}, _m0 = _root);
 		(__s.cleanups ??= []).push(() => _b && queueRefDetach(_b.b, _b.a));
-		_m5 = bindSignalValue(__s, void 0, _root, props.value, "i:bf482a0b");
-		setEventHandler(_root, "$$input", (e) => props.onChange?.(e.target.value));
+		_m5 = bindSignalValue(__s, void 0, _root, props.value, "i:d137a29c");
+		_m11 = evt2e(_root, "$$input", __event, fit, props);
 		setEventHandler(_root, "$$keydown", (e) => {
-			if (e.key === "Enter" && (e.ctrlKey || e.metaKey)) props.onSubmit?.();
+			if (e.key === "Enter" && (e.ctrlKey || e.metaKey) && !e.isComposing && e.keyCode !== 229) 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);
+		_b = bag12(__s, _root, _m0, _m1, void 0, void 0, void 0, _m5, void 0, void 0, void 0, void 0, void 0, _m11);
 		__s.refFields = _rm$0;
 	} else {
 		{
@@ -81,15 +86,15 @@ var TextArea = /* @__PURE__ */ __s(function TextArea(props, __s, __extra) {
 			};
 			if (_r !== _b.b) _b.b = replaceRef(__s, _b.b, _r, _b.a);
 		}
-		_b.f = bindSignalValue(__s, _b.f, _b.a, props.value, "i:bf482a0b");
-		setEventHandler(_b.a, "$$input", (e) => props.onChange?.(e.target.value));
+		_b.f = bindSignalValue(__s, _b.f, _b.a, props.value, "i:d137a29c");
+		evt2u(_b.l, __event, fit, props);
 		setEventHandler(_b.a, "$$keydown", (e) => {
-			if (e.key === "Enter" && (e.ctrlKey || e.metaKey)) props.onSubmit?.();
+			if (e.key === "Enter" && (e.ctrlKey || e.metaKey) && !e.isComposing && e.keyCode !== 229) props.onSubmit?.();
 		});
 		setEventHandler(_b.a, "$$focusin", props.onFocus);
 		setEventHandler(_b.a, "$$focusout", props.onBlur);
 	}
-	_b.c = bindSignalAttribute(__s, _b.c, _b.a, "id", props.id, "b:601d47ca", setPlainAttribute);
+	_b.c = bindSignalAttribute(__s, _b.c, _b.a, "id", props.id, "b:3b357831", setPlainAttribute);
 	_b.d = updateFreshClassName(["vx-textarea", props.className], _b.d, _b.a);
 	{
 		const _v = {
@@ -101,11 +106,11 @@ var TextArea = /* @__PURE__ */ __s(function TextArea(props, __s, __extra) {
 			_b.e = _v;
 		}
 	}
-	_b.g = bindSignalAttribute(__s, _b.g, _b.a, "inputMode", props.keyboardType === "number" ? "numeric" : props.keyboardType === "phone" ? "tel" : props.keyboardType === "default" ? "text" : props.keyboardType, "b:ef3d0153", setPlainAttribute);
-	_b.h = bindSignalAttribute(__s, _b.h, _b.a, "enterKeyHint", props.returnKeyType, "b:c58c3b7f", setPlainAttribute);
+	_b.g = bindSignalAttribute(__s, _b.g, _b.a, "inputMode", props.keyboardType === "number" ? "numeric" : props.keyboardType === "phone" ? "tel" : props.keyboardType === "default" ? "text" : props.keyboardType, "b:d8754b83", setPlainAttribute);
+	_b.h = bindSignalAttribute(__s, _b.h, _b.a, "enterKeyHint", props.returnKeyType, "b:dd45ab85", setPlainAttribute);
 	_b.i = setBooleanAttributeIfChanged(props.editable === false, _b.i, _b.a, "readonly");
-	_b.j = bindSignalAttribute(__s, _b.j, _b.a, "placeholder", props.placeholder, "b:49264ef3", setPlainAttribute);
-	_b.k = bindSignalAttribute(__s, _b.k, _b.a, "rows", props.rows ?? (props.autoGrow ? 1 : 3), "b:5d7a03c8", setAttribute);
+	_b.j = bindSignalAttribute(__s, _b.j, _b.a, "placeholder", props.placeholder, "b:b273298e", setPlainAttribute);
+	_b.k = bindSignalAttribute(__s, _b.k, _b.a, "rows", props.rows ?? (props.autoGrow ? 1 : 3), "b:f589cea6", setAttribute);
 });
 //#endregion
 export { TextArea };

package/dist/web/TextInput.web.tsrx.js

@@ -36,7 +36,7 @@ var TextInput = /* @__PURE__ */ __s(function TextInput(props, __s, __extra) {
 		_m5 = bindSignalValue(__s, void 0, _root, props.value, "i:cd4865f9");
 		setEventHandler(_root, "$$input", (e) => props.onChange?.(e.target.value));
 		setEventHandler(_root, "$$keydown", (e) => {
-			if (e.key === "Enter" && !e.shiftKey) props.onSubmit?.();
+			if (e.key === "Enter" && !e.shiftKey && !e.isComposing && e.keyCode !== 229) props.onSubmit?.();
 		});
 		setEventHandler(_root, "$$focusin", props.onFocus);
 		setEventHandler(_root, "$$focusout", props.onBlur);
@@ -58,7 +58,7 @@ var TextInput = /* @__PURE__ */ __s(function TextInput(props, __s, __extra) {
 		_b.f = bindSignalValue(__s, _b.f, _b.a, props.value, "i:cd4865f9");
 		setEventHandler(_b.a, "$$input", (e) => props.onChange?.(e.target.value));
 		setEventHandler(_b.a, "$$keydown", (e) => {
-			if (e.key === "Enter" && !e.shiftKey) props.onSubmit?.();
+			if (e.key === "Enter" && !e.shiftKey && !e.isComposing && e.keyCode !== 229) props.onSubmit?.();
 		});
 		setEventHandler(_b.a, "$$focusin", props.onFocus);
 		setEventHandler(_b.a, "$$focusout", props.onBlur);