@octane-xplat/ui 0.7.2 → 0.9.0

package/dist/web/Overlay.web.tsrx.js

@@ -1,14 +1,16 @@
 import { cx } from "./cx.js";
 import { useThemeScheme } from "./theme/theme-scheme.js";
-import { bag1, bag2, bag9, child, clone, delegateEvents, drainFrag, hookSlots, ifBlock, markDangerouslySetInnerHTMLChildren, portal, setEventHandler, sibling, snapshotSpread, template, withSlot } from "octane";
-import { bindSignalChild, bindSignalHostPropSources, enableSignalBindings } from "octane/internal/client";
+import { isolateModalFocus } from "./modal-focus.web.js";
+import { bag1, bag13, bag2, child, clone, delegateEvents, drainFrag, hookSlots, ifBlock, markDangerouslySetInnerHTMLChildren, portal, queueRefAttach, queueRefDetach, setAriaAttribute, setEventHandler, sibling, snapshotSpread, template, useEffect, useRef, withSlot } from "octane";
+import { bindSignalAttribute, bindSignalChild, bindSignalHostPropSources, enableSignalBindings, replaceRef, setPlainAttribute } from "octane/internal/client";
 //#region src/Overlay.web.tsrx
 enableSignalBindings(1, true);
 delegateEvents(["click"]);
 var _t$0 = /* @__PURE__ */ template("<div class=\"vx-overlay-shade\"></div>");
 var _t$1 = /* @__PURE__ */ template("<div><!><div class=\"vx-overlay-content\"></div></div>");
 var _t$2 = /* @__PURE__ */ template("<!>", 0, 1);
-var _h$0 = /* @__PURE__ */ Symbol(/* @__PURE__ */ hookSlots(4));
+var _hs$ = /* @__PURE__ */ hookSlots(5);
+var _h$0 = /* @__PURE__ */ Symbol(_hs$);
 function __then$2(__props, __s, __extra) {
 	const props = __extra[0];
 	let _b = __s.slots[0];
@@ -22,83 +24,112 @@ function __then$2(__props, __s, __extra) {
 }
 var _rm$5 = [
 	"s",
+	"f",
 	"e",
-	"d"
+	"r",
+	"h",
+	"g"
 ];
 function __portal$1(__props, __s, __extra) {
 	const dark = __extra[0];
-	const props = __extra[1];
+	const layer = __extra[1];
+	const panel = __extra[2];
+	const props = __extra[3];
 	let _b = __s.slots[0];
 	if (_b === void 0) {
-		let _m0, _m1, _m2, _m3, _m4, _m5, _m6;
+		let _m0, _m1, _m2, _m3, _m4, _m5, _m6, _m7, _m10;
 		const _root = clone(_t$1);
-		_m0 = cx("vx-overlay", dark && "dark", props.className);
-		_m1 = {
+		_m0 = layer;
+		_m1 = cx("vx-overlay", dark && "dark", props.className);
+		_m2 = {
 			...props.style,
 			position: "fixed",
 			inset: 0
 		};
-		_m2 = snapshotSpread(props.web);
-		_m3 = _root;
-		_m4 = bindSignalHostPropSources(__s, void 0, _root, [
+		_m3 = snapshotSpread(props.web);
+		_m4 = _root;
+		_m5 = bindSignalHostPropSources(__s, void 0, _root, [
 			[
 				false,
-				"className",
+				"ref",
 				_m0
 			],
 			[
 				false,
-				"style",
+				"className",
 				_m1
 			],
-			[true, _m2]
-		], "b:843a5624", true);
+			[
+				false,
+				"style",
+				_m2
+			],
+			[true, _m3]
+		], "b:7f6ad544", true);
 		const _el0 = sibling(child(_root), 1);
-		_m5 = _el0;
+		queueRefAttach(__s, _m7 = panel, _m6 = _el0);
+		(__s.cleanups ??= []).push(() => _b && queueRefDetach(_b.h, _b.g));
 		setEventHandler(_el0, "$$click", (event) => event.stopPropagation());
 		markDangerouslySetInnerHTMLChildren(_root);
-		_m6 = child(_root);
-		_b = bag9(__s, _root, _m0, _m1, _m2, _m3, _m4, _m5, _m6, null, void 0);
+		_m10 = child(_root);
+		_b = bag13(__s, _root, _m0, _m1, _m2, _m3, _m4, _m5, _m6, _m7, void 0, void 0, _m10, null, void 0);
 		__s.refFields = _rm$5;
 	} else {
 		{
-			const _v = cx("vx-overlay", dark && "dark", props.className);
+			const _v = layer;
 			if (_b.a !== _v) _b.a = _v;
 		}
+		{
+			const _v = cx("vx-overlay", dark && "dark", props.className);
+			if (_b.b !== _v) _b.b = _v;
+		}
 		{
 			const _v = {
 				...props.style,
 				position: "fixed",
 				inset: 0
 			};
-			if (_b.b !== _v) _b.b = _v;
+			if (_b.c !== _v) _b.c = _v;
 		}
-		_b.c = snapshotSpread(props.web);
-		_b.e = bindSignalHostPropSources(__s, _b.e, _b.d, [
+		_b.d = snapshotSpread(props.web);
+		_b.f = bindSignalHostPropSources(__s, _b.f, _b.e, [
 			[
 				false,
-				"className",
+				"ref",
 				_b.a
 			],
 			[
 				false,
-				"style",
+				"className",
 				_b.b
 			],
-			[true, _b.c]
-		], "b:843a5624", true);
-		setEventHandler(_b.f, "$$click", (event) => event.stopPropagation());
+			[
+				false,
+				"style",
+				_b.c
+			],
+			[true, _b.d]
+		], "b:7f6ad544", true);
+		{
+			const _r = panel;
+			if (_r !== _b.h) _b.h = replaceRef(__s, _b.h, _r, _b.g);
+		}
+		setEventHandler(_b.g, "$$click", (event) => event.stopPropagation());
 	}
+	_b.i = bindSignalAttribute(__s, _b.i, _b.g, "role", props.shadeCover ? "dialog" : void 0, "b:298552a8", setPlainAttribute);
+	_b.j = bindSignalAttribute(__s, _b.j, _b.g, "aria-modal", props.shadeCover ? true : void 0, "b:c758a3c3", setAriaAttribute);
 	{
 		const __ifCondition = props.shadeCover;
-		ifBlock(__s, 1, _b.d, __ifCondition, __then$2, null, _b.g, __ifCondition ? [props] : void 0);
+		ifBlock(__s, 1, _b.e, __ifCondition, __then$2, null, _b.k, __ifCondition ? [props] : void 0);
 	}
-	_b.j = bindSignalChild(__s, _b.j, 2, _b.f, props.children, "b:f597242e", null, void 0, void 0, void 0, true);
+	_b.n = bindSignalChild(__s, _b.n, 2, _b.g, props.children, "b:2c10ad65", null, void 0, void 0, void 0, true);
 }
 function __then$0(__props, __s, __extra) {
 	const __block = __s.block;
 	const dark = __extra[0];
-	const props = __extra[1];
+	const layer = __extra[1];
+	const panel = __extra[2];
+	const props = __extra[3];
 	let _b = __s.slots[0];
 	if (_b === void 0) {
 		let _m0, _m1;
@@ -108,15 +139,33 @@ function __then$0(__props, __s, __extra) {
 		drainFrag(_root, __block.parentNode, __block.endMarker);
 		_b = bag2(__s, null, _m0, _m1);
 	}
-	portal(__s, 1, document.body, __portal$1, void 0, _b.a, [dark, props], void 0, _b.b);
+	portal(__s, 1, document.body, __portal$1, void 0, _b.a, [
+		dark,
+		layer,
+		panel,
+		props
+	], void 0, _b.b);
 }
 var Overlay = function Overlay(props, __s, __extra) {
 	const __block = __s.block;
 	const dark = withSlot(_h$0, useThemeScheme) === "dark";
+	const layer = useRef(null, _hs$ + 1);
+	const panel = useRef(null, _hs$ + 2);
+	const dismiss = useRef(props.onDismiss, _hs$ + 3);
+	dismiss.current = props.onDismiss;
+	useEffect(() => {
+		if (!props.open || !props.shadeCover || !layer.current || !panel.current) return;
+		return isolateModalFocus(layer.current, panel.current, () => dismiss.current?.());
+	}, [props.open, props.shadeCover], _hs$ + 4);
 	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, props] : void 0);
+		ifBlock(__s, 0, __block.parentNode, __ifCondition$, __then$0, null, __block.endMarker, __ifCondition$ ? [
+			dark,
+			layer,
+			panel,
+			props
+		] : void 0);
 	}
 };
 //#endregion

package/dist/web/PinInput.web.tsrx.js

@@ -1,11 +1,11 @@
 import { applyEscapeProps } from "./escape-props.web.js";
 import { TextInput } from "./TextInput.web.tsrx.js";
-import { __s, bag7, clone, createScopedValue, hookSlots, queueRefAttach, queueRefDetach, setStyle, template, useState } from "octane";
+import { __s, bag7, clone, createScopedValue, hookSlots, queueRefAttach, queueRefDetach, setStyle, template, useEffect, useRef, useState } from "octane";
 import { bindSignalAttribute, bindSignalChild, createElementFromConfig, enableSignalBindings, replaceRef, setPlainAttribute, updateFreshClassName } from "octane/internal/client";
 //#region src/PinInput.web.tsrx
 enableSignalBindings(1, true);
 var _t$0 = /* @__PURE__ */ template("<div role=\"group\"></div>");
-var _hs$ = /* @__PURE__ */ hookSlots(1);
+var _hs$ = /* @__PURE__ */ hookSlots(4);
 var _rm$1 = [
 	"r",
 	"b",
@@ -16,7 +16,15 @@ var PinInput = /* @__PURE__ */ __s(function PinInput(props, __s, __extra) {
 	const [internal, setInternal] = useState("", _hs$ + 0);
 	const controlled = props.value !== void 0;
 	const value = controlled ? props.value : internal;
-	const handles = [];
+	const handles = useRef([], _hs$ + 1);
+	const pendingFocus = useRef(null, _hs$ + 2);
+	useEffect(() => {
+		const next = pendingFocus.current;
+		if (next !== null && next <= value.length) {
+			pendingFocus.current = null;
+			handles.current[next]?.focus();
+		}
+	}, [value], _hs$ + 3);
 	const setValue = (next) => {
 		const clipped = next.slice(0, length);
 		if (!controlled) setInternal(clipped);
@@ -25,10 +33,16 @@ var PinInput = /* @__PURE__ */ __s(function PinInput(props, __s, __extra) {
 	};
 	const cellValue = (i) => value[i] ?? "";
 	const enter = (i, text) => {
+		if (props.disabled || i > value.length) return;
 		const ch = text.slice(-1);
-		const next = (value.slice(0, i) + ch + value.slice(i + 1)).slice(0, length);
+		const next = ch ? (value.slice(0, i) + ch + value.slice(i + 1)).slice(0, length) : value.slice(0, i);
+		pendingFocus.current = ch && i < length - 1 ? i + 1 : null;
 		setValue(next);
-		if (ch && i < length - 1) handles[i + 1]?.focus();
+		if (pendingFocus.current !== null && pendingFocus.current <= value.length) {
+			const index = pendingFocus.current;
+			pendingFocus.current = null;
+			handles.current[index]?.focus();
+		}
 	};
 	let _b = __s.slots[0];
 	if (_b === void 0) {
@@ -42,7 +56,7 @@ var PinInput = /* @__PURE__ */ __s(function PinInput(props, __s, __extra) {
 		const _r = (e) => applyEscapeProps(e, props);
 		if (_r !== _b.b) _b.b = replaceRef(__s, _b.b, _r, _b.a);
 	}
-	_b.c = bindSignalAttribute(__s, _b.c, _b.a, "id", props.id, "b:0821d08b", setPlainAttribute);
+	_b.c = bindSignalAttribute(__s, _b.c, _b.a, "id", props.id, "b:1e485ce0", setPlainAttribute);
 	_b.d = updateFreshClassName([
 		"vx-pininput",
 		props.disabled ? "vx-pininput--disabled" : void 0,
@@ -55,18 +69,18 @@ var PinInput = /* @__PURE__ */ __s(function PinInput(props, __s, __extra) {
 			_b.e = _v;
 		}
 	}
-	_b.h = bindSignalChild(__s, _b.h, 1, _b.a, Array.from({ length }, (_, i) => createScopedValue(() => createElementFromConfig("c:5e39db67", TextInput, {
+	_b.h = bindSignalChild(__s, _b.h, 1, _b.a, Array.from({ length }, (_, i) => createScopedValue(() => createElementFromConfig("c:7e2411cc", TextInput, {
 		key: i,
 		className: "vx-pininput-cell",
 		keyboardType: "number",
 		secure: props.secure,
-		editable: !props.disabled,
+		editable: !props.disabled && i <= value.length,
 		value: cellValue(i),
 		onChange: (text) => enter(i, text),
 		bind: (h) => {
-			handles[i] = h;
+			handles.current[i] = h;
 		}
-	}))), "b:308dacfa", null, void 0, void 0, void 0, true);
+	}))), "b:d669efd3", null, void 0, void 0, void 0, true);
 });
 //#endregion
 export { PinInput };

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);