@photoroom/ui 0.1.524 → 0.1.525

package/components/unsorted/NumberSelectField/NumberSelectField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NumberSelectField.d.ts","sourceRoot":"","sources":["../../../../src/components/unsorted/NumberSelectField/NumberSelectField.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAqD,MAAM,OAAO,CAAC;AAS1F,yFAAyF;AACzF,MAAM,MAAM,qBAAqB,GAAG,SAAS,GAAG,SAAS,CAAC;AAE1D,KAAK,sBAAsB,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE,UAAU,GAAG,KAAK,GAAG,KAAK,GAAG,MAAM,CAAC,GAAG;IACjG,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,IAAI,CAAC,EAAE,qBAAqB,CAAC;CAC9B,CAAC;AAKF,eAAO,MAAM,iBAAiB,GAAI,kFAW/B,sBAAsB,gCAwXxB,CAAC"}
+{"version":3,"file":"NumberSelectField.d.ts","sourceRoot":"","sources":["../../../../src/components/unsorted/NumberSelectField/NumberSelectField.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAqD,MAAM,OAAO,CAAC;AAS1F,yFAAyF;AACzF,MAAM,MAAM,qBAAqB,GAAG,SAAS,GAAG,SAAS,CAAC;AAE1D,KAAK,sBAAsB,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE,UAAU,GAAG,KAAK,GAAG,KAAK,GAAG,MAAM,CAAC,GAAG;IACjG,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,IAAI,CAAC,EAAE,qBAAqB,CAAC;CAC9B,CAAC;AAKF,eAAO,MAAM,iBAAiB,GAAI,kFAW/B,sBAAsB,gCA0ZxB,CAAC"}

package/index.mjs

@@ -52621,110 +52621,122 @@ var n9 = {
 		}, e))
 	});
 }, h_e = 120, g_e = 200, __e = ({ value: e, onChange: r, min: a = -Infinity, max: o = Infinity, step: s = 1, disabled: c, options: l, className: u, size: d = "default", ...f }) => {
-	let p = d === "compact", m = V(!1), h = V(null), g = V(null), [_, v] = Me(e.toString()), y = V(_), [b, x] = Me(null), S = V(null), C = B((e) => {
+	let p = d === "compact", m = V(!1), h = V(null), g = V(null), [_, v] = Me(e.toString()), y = V(_), b = V(!1), x = V(null), [S, C] = Me(null), w = V(null), T = B((e) => {
 		if (e === "") return !1;
 		let t = Number(e);
 		return !isNaN(t) && (a === void 0 || t >= a) && (o === void 0 || t <= o);
-	}, [a, o]), w = B(() => {
-		S.current &&= (clearInterval(S.current), null);
-	}, []), T = B((e) => {
+	}, [a, o]), E = B(() => {
+		w.current &&= (clearInterval(w.current), null);
+	}, []), D = B((e) => {
 		v((t) => {
 			let n = (() => {
 				let n = (e > 0 ? Math.floor : Math.ceil)(Number(t) + e);
-				return C(n) ? n.toString() : (w(), t);
+				return T(n) ? n.toString() : (E(), t);
 			})();
-			return C(n) && r(Number(n)), n;
+			return T(n) && r(Number(n)), n;
 		});
 	}, [
-		w,
-		C,
+		E,
+		T,
 		r
-	]), E = B((e) => {
-		m.current || (m.current = !0, T(e), w(), S.current = window.setInterval(() => {
-			T(e);
+	]), O = B((e) => {
+		m.current || (m.current = !0, D(e), E(), w.current = window.setInterval(() => {
+			D(e);
 		}, h_e));
-	}, [w, T]), D = B((e) => {
-		w(), S.current = window.setTimeout(() => {
-			E(e);
+	}, [E, D]), k = B((e) => {
+		E(), w.current = window.setTimeout(() => {
+			O(e);
 		}, g_e);
-	}, [w, E]), O = B((e) => {
-		r(e), v(e.toString());
-	}, [r]), k = B((e) => {
+	}, [E, O]), A = B((e) => {
+		b.current = !1, r(e), v(e.toString());
+	}, [r]), j = B(() => {
+		let t = b.current;
+		if (b.current = !1, t && T(_)) {
+			x.current = Number(_), r(x.current);
+			return;
+		}
+		T(_) && x.current === Number(_) || v(e.toString());
+	}, [
+		T,
+		_,
+		r,
+		e
+	]), M = B((e) => {
 		let t = e.shiftKey && s === 1 ? 10 : s;
 		switch (e.key) {
 			case "ArrowUp":
 				if (e.preventDefault(), l) {
-					x((e) => e === null || e - 1 < 0 ? l.length - 1 : e - 1);
+					C((e) => e === null || e - 1 < 0 ? l.length - 1 : e - 1);
 					return;
 				}
-				E(t);
+				O(t);
 				break;
 			case "ArrowDown":
 				if (e.preventDefault(), l) {
-					x((e) => e === null || e + 1 >= l.length ? 0 : e + 1);
+					C((e) => e === null || e + 1 >= l.length ? 0 : e + 1);
 					return;
 				}
-				E(-t);
+				O(-t);
 				break;
-			case "Enter":
-				if (e.preventDefault(), b === null) return;
-				O(l[b]), x(null);
+			case "Enter": {
+				e.preventDefault();
+				let t = S === null ? void 0 : l[S];
+				if (t === void 0) {
+					j();
+					return;
+				}
+				A(t), C(null);
 				break;
+			}
 			case "Escape":
-				e.preventDefault(), x(null), w();
+				e.preventDefault(), C(null), E();
 				break;
 			default:
-				x(null);
+				C(null);
 				break;
 		}
 	}, [
-		w,
+		E,
+		j,
 		l,
+		A,
+		S,
 		O,
-		b,
-		E,
 		s
-	]), A = B((e) => {
+	]), N = B((e) => {
 		switch (e.key) {
 			case "ArrowUp":
 			case "ArrowDown":
-				e.preventDefault(), m.current = !1, w();
+				e.preventDefault(), m.current = !1, E();
 				break;
 		}
-	}, [w]), j = B((e) => {
-		let t = e.target.value;
-		v(t), C(t) && r(Number(t));
-	}, [C, r]), M = B(() => {
-		l && x(l.indexOf(e) ?? 0), h.current?.select();
-	}, [l, e]), N = B(() => {
-		l && x(null);
-		let t = e.toString();
-		_ !== t && v(t);
-	}, [
-		_,
-		l,
-		e
-	]), ee = Ae(() => C(Number(_) + s), [
-		C,
+	}, [E]), ee = B((e) => {
+		b.current = !0, v(e.target.value);
+	}, []), P = B(() => {
+		b.current = !1, x.current = null, l && C(l.indexOf(e) ?? 0), h.current?.select();
+	}, [l, e]), F = B(() => {
+		l && C(null), j();
+	}, [j, l]), te = Ae(() => T(Number(_) + s), [
+		T,
 		_,
 		s
-	]), P = Ae(() => C(Number(_) - s), [
-		C,
+	]), I = Ae(() => T(Number(_) - s), [
+		T,
 		_,
 		s
 	]);
 	return we(() => () => {
-		w();
-	}, [w]), we(() => {
-		if (b === null) {
+		E();
+	}, [E]), we(() => {
+		if (S === null) {
 			g.current?.close();
 			return;
 		}
 		g.current?.open();
-	}, [b]), we(() => {
+	}, [S]), we(() => {
 		y.current = _;
 	}, [_]), we(() => {
-		e !== Number(y.current) && v(e.toString());
+		x.current = null, document.activeElement !== h.current && e !== Number(y.current) && v(e.toString());
 	}, [e]), /* @__PURE__ */ n("div", {
 		className: U("relative inline-block", u),
 		children: [/* @__PURE__ */ n("span", {
@@ -52732,25 +52744,25 @@ var n9 = {
 			children: [
 				/* @__PURE__ */ t(r9, {
 					size: d,
-					disabled: !P,
+					disabled: !I,
 					"aria-label": "-",
 					onClick: () => {
-						T(-s);
+						D(-s);
 					},
 					onMouseDown: () => {
-						D(-s);
+						k(-s);
 					},
 					onTouchStart: () => {
-						D(-s);
+						k(-s);
 					},
 					onMouseUp: () => {
-						m.current = !1, w();
+						m.current = !1, E();
 					},
 					onTouchEnd: () => {
-						m.current = !1, w();
+						m.current = !1, E();
 					},
 					onMouseLeave: () => {
-						il.isMobile || (m.current = !1, w());
+						il.isMobile || (m.current = !1, E());
 					},
 					onContextMenu: (e) => e.preventDefault(),
 					children: /* @__PURE__ */ t(ie, { className: "text-content-primary h-4 w-4" })
@@ -52762,33 +52774,33 @@ var n9 = {
 					type: "number",
 					className: H(p ? "size-h-400" : "size-h-500", "component-500 border-misc-border bg-surface-high text-content-primary w-10 border-0 border-y p-0 text-center focus:ring-0", "focus-visible:border-content-accent focus-visible:border focus-visible:outline-hidden", "focus-visible:ring-misc-focus-indicator focus-visible:misc-border-size-focus-ring focus-visible:rounded-150", "focus-visible:relative focus-visible:z-10", "group-hover:not-focus-visible:border-misc-border-hover", "group-focus-visible:not-focus-visible:border-misc-border-hover", "group-disabled:opacity-30"),
 					value: _,
-					onFocus: M,
-					onChange: j,
-					onBlur: N,
-					onKeyDown: k,
-					onKeyUp: A
+					onFocus: P,
+					onChange: ee,
+					onBlur: F,
+					onKeyDown: M,
+					onKeyUp: N
 				}),
 				/* @__PURE__ */ t(r9, {
 					size: d,
-					disabled: !ee,
+					disabled: !te,
 					"aria-label": "+",
 					onClick: () => {
-						T(s);
+						D(s);
 					},
 					onMouseDown: () => {
-						D(s);
+						k(s);
 					},
 					onTouchStart: () => {
-						D(s);
+						k(s);
 					},
 					onMouseUp: () => {
-						m.current = !1, w();
+						m.current = !1, E();
 					},
 					onTouchEnd: () => {
-						m.current = !1, w();
+						m.current = !1, E();
 					},
 					onMouseLeave: () => {
-						il.isMobile || (m.current = !1, w());
+						il.isMobile || (m.current = !1, E());
 					},
 					onContextMenu: (e) => e.preventDefault(),
 					children: /* @__PURE__ */ t(i, { className: "text-content-primary h-4 w-4" })
@@ -52800,9 +52812,9 @@ var n9 = {
 			preventAutoFocus: !0,
 			children: /* @__PURE__ */ t(m_e, {
 				values: l,
-				selectedIndex: b,
+				selectedIndex: S,
 				onSelect: (e) => {
-					O(e), x(null);
+					A(e), C(null);
 				}
 			})
 		})]

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@photoroom/ui",
-  "version": "0.1.524",
+  "version": "0.1.525",
   "private": false,
   "description": "Photoroom design system components",
   "sideEffects": [