@lettuceai/crisp 1.6.3 → 1.6.5

package/dist/components/NumberInput.d.ts

@@ -14,6 +14,7 @@ export interface NumberInputProps {
 }
 /**
  * A number field with real steppers. Arrow keys step, Shift+Arrow steps by ten,
- * and the value is clamped on commit rather than silently accepting nonsense.
+ * typing keeps the text as typed (only an in-range number reaches onChange) and the
+ * value is clamped on blur or Enter, so a half-typed number never snaps to the minimum.
  */
 export declare function NumberInput({ value, onChange, min, max, step, precision, suffix, disabled, id, className, }: NumberInputProps): import("react").JSX.Element;

package/dist/index.js

@@ -3552,7 +3552,7 @@ function jr({ open: e, onClose: t, title: n, description: r, leftAction: i, righ
 				})
 			}),
 			/* @__PURE__ */ H("div", {
-				className: U("flex items-center gap-2 px-4", I ? "pb-3 pt-1.5" : "py-4"),
+				className: U("flex items-center gap-2 px-4", I ? "pb-3 pt-1.5" : "py-4 [@media(pointer:coarse)]:py-2"),
 				children: [
 					i && /* @__PURE__ */ V("div", {
 						className: "shrink-0",
@@ -5488,15 +5488,25 @@ function Ui({ title: e, detail: t, items: n, onPauseAll: r, onResumeAll: i, onCa
 //#endregion
 //#region src/components/NumberInput.tsx
 function Wi({ value: e, onChange: t, min: n = -Infinity, max: r = Infinity, step: i = 1, precision: a, suffix: o, disabled: s, id: c, className: l }) {
-	let { strings: u } = G(), d = q(), f = p(null), m = a ?? String(i).split(".")[1]?.length ?? 0, h = (e) => Math.min(r, Math.max(n, e)), g = (e) => {
-		Number.isNaN(e) || t(Number(h(e).toFixed(m)));
+	let { strings: u } = G(), d = q(), f = p(null), [h, g] = m(null), _ = a ?? String(i).split(".")[1]?.length ?? 0, v = (e) => Math.min(r, Math.max(n, e)), y = (e) => {
+		Number.isNaN(e) || t(Number(v(e).toFixed(_)));
+	}, b = (e) => Number(e.replace(",", ".")), x = (e) => {
+		g(e);
+		let i = b(e);
+		e.trim() !== "" && !Number.isNaN(i) && i >= n && i <= r && t(Number(i.toFixed(_)));
+	}, S = () => {
+		if (h === null) return;
+		let e = b(h);
+		g(null), h.trim() !== "" && !Number.isNaN(e) && y(e);
 	};
 	return /* @__PURE__ */ H("div", {
 		className: U(J, "control-md flex items-center gap-1 px-1", s && "opacity-40", l),
 		children: [
 			/* @__PURE__ */ V("button", {
 				type: "button",
-				onClick: () => g(e - i),
+				onClick: () => {
+					g(null), y(e - i);
+				},
 				disabled: s || e <= n,
 				"aria-label": u.numberInputDecrease,
 				className: "touch-target flex h-8 w-8 shrink-0 items-center justify-center rounded-lg text-fg-3 transition-colors hover:bg-fill-2 hover:text-fg disabled:pointer-events-none disabled:opacity-30",
@@ -5507,13 +5517,18 @@ function Wi({ value: e, onChange: t, min: n = -Infinity, max: r = Infinity, step
 				id: c ?? d?.id,
 				type: "text",
 				inputMode: "decimal",
-				value: e.toFixed(m),
+				value: h ?? e.toFixed(_),
 				disabled: s,
 				"aria-describedby": d?.describedBy,
-				onChange: (e) => g(Number(e.target.value.replace(",", "."))),
+				onChange: (e) => x(e.target.value),
+				onBlur: S,
 				onKeyDown: (t) => {
+					if (t.key === "Enter") {
+						S();
+						return;
+					}
 					let n = t.key === "ArrowUp" ? 1 : t.key === "ArrowDown" ? -1 : 0;
-					n && (t.preventDefault(), g(e + n * i * (t.shiftKey ? 10 : 1)));
+					n && (t.preventDefault(), g(null), y(e + n * i * (t.shiftKey ? 10 : 1)));
 				},
 				className: "min-w-0 flex-1 bg-transparent text-center text-base tabular-nums text-fg outline-none"
 			}),
@@ -5523,7 +5538,9 @@ function Wi({ value: e, onChange: t, min: n = -Infinity, max: r = Infinity, step
 			}),
 			/* @__PURE__ */ V("button", {
 				type: "button",
-				onClick: () => g(e + i),
+				onClick: () => {
+					g(null), y(e + i);
+				},
 				disabled: s || e >= r,
 				"aria-label": u.numberInputIncrease,
 				className: "touch-target flex h-8 w-8 shrink-0 items-center justify-center rounded-lg text-fg-3 transition-colors hover:bg-fill-2 hover:text-fg disabled:pointer-events-none disabled:opacity-30",
@@ -7430,6 +7447,12 @@ function uo({ position: e = "bottom-center", bottomInset: t = 0 } = {}) {
 			left: 16,
 			right: 16
 		},
+		mobileOffset: {
+			bottom: `calc(env(safe-area-inset-bottom) + ${16 + t}px)`,
+			top: "calc(env(safe-area-inset-top) + 16px)",
+			left: 16,
+			right: 16
+		},
 		toastOptions: {
 			unstyled: !0,
 			classNames: { toast: "w-full" }