@nxgt/material 3.106.0 → 3.107.0

package/dist/keypad.js

@@ -6,157 +6,26 @@ import { i as a, o, r as s, t as c } from "./key-layout-D2goCDkD.js";
 import { useCallback as l, useMemo as u, useRef as d, useState as f } from "react";
 import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
 import { currencyFractionDigits as g } from "@nxgt/material-core/currency-digits";
-import { EMPTY_SESSION as _, ZERO as v, announcement as y, compare as b, formatDecimal as x, formatExpression as S, localeSeparators as ee, parseDecimal as C, press as w, roundTo as T, toCanonical as E } from "@nxgt/material-core/calculator";
-import { billShortcuts as D, decimalToMinor as O, enterMinor as k, minorToDecimal as A, settle as te } from "@nxgt/material-core/calculator/pos";
-//#region lib/components/ui/widgets/keypad/keypad-entry.ts
-var j = {
-	add: "+",
-	subtract: "-",
-	multiply: "*",
-	divide: "/"
-}, M = [
-	"add",
-	"subtract",
-	"multiply",
-	"divide"
-];
-function N(e) {
-	return e === !0 ? M : e ? M.filter((t) => e.includes(t)) : [];
-}
-function P(e) {
-	return e.entry === "minor" || e.variant === "cash" ? [] : N(e.operations);
-}
-var F = (e) => j[e];
-function I(e) {
-	let t = C(e);
-	return t ? {
-		..._,
-		expression: E(t)
-	} : _;
-}
-function L(e) {
-	let t = C(e.justEvaluated && e.result ? e.result : e.expression);
-	return t ? E(t) : "";
-}
-var R = (e) => !e.justEvaluated && e.expression !== "" && C(e.expression) == null, ne = (e) => /\.(\d*)$/.exec(e)?.[1]?.length ?? 0;
-function z(e, t) {
-	if (t === void 0 || e.justEvaluated) return !1;
-	let n = C(e.expression);
-	return n != null && b(n, C(String(t)) ?? v) > 0;
-}
-var re = (e, t) => O(C(L(e)) ?? v, t);
-function ie(e, t, n, r) {
-	if (!/^(?:\d|00|backspace|C|CE)$/.test(t)) return e;
-	let i = t === "C" || t === "CE" ? "clear" : t, a = k(re(e, r), i), o = {
-		..._,
-		expression: a === 0n ? "" : E(A(a, r))
-	};
-	return z(o, n.max) ? e : o;
-}
-function ae(e, t, n) {
-	if (n.entry === "minor") return ie(e, t, n, n.digits ?? 2);
-	if (t === "." && n.digits === 0) return e;
-	let r = Object.keys(j).find((e) => j[e] === t);
-	if (r && !n.operations.includes(r) || !r && !/^(?:\d|00|\.|=|backspace|C|CE)$/.test(t)) return e;
-	let i = r && e.justEvaluated && e.result ? {
-		...I(e.result),
-		ans: e.ans,
-		memory: e.memory
-	} : e, a = w(i, t);
-	if (a === i || n.digits !== void 0 && ne(a.expression) > n.digits || z(a, n.max)) return e;
-	let o = a.justEvaluated ? C(a.result) : void 0;
-	if (o && n.digits !== void 0) {
-		let e = E(T(o, n.digits, "half-up"));
-		return {
-			...a,
-			result: e,
-			ans: e
-		};
-	}
-	return a;
-}
-function B(e, t, n) {
-	let r = C(e);
-	if (!r) return "";
-	let i = t === void 0 ? void 0 : C(String(t)), a = n === void 0 ? void 0 : C(String(n));
-	return i && b(r, i) < 0 && (r = i), a && b(r, a) > 0 && (r = a), E(r);
-}
-function V(e, t) {
-	if (R(e)) return;
-	let n = L(e);
-	return n === t ? void 0 : n;
-}
-//#endregion
-//#region lib/components/ui/widgets/keypad/keypad-binding.ts
-var H = 2;
-function U(e) {
-	return e.currency ? g(e.currency, e.fractionDigits) : e.fractionDigits ?? (e.minorUnits ? H : void 0);
-}
-function W(e, t) {
-	if (e == null || !Number.isFinite(e)) return "";
-	if (t.minorUnits) return E(A(BigInt(Math.trunc(e)), t.digits ?? H));
-	let n = C(String(e));
-	return n ? E(n) : "";
-}
-function G(e, t) {
-	let n = C(e);
-	return n ? t.minorUnits ? Number(O(n, t.digits ?? H)) : Number(E(t.digits === void 0 ? n : T(n, t.digits, "half-up"))) : null;
-}
-var K = (e, t, n) => e === void 0 || !t.minorUnits ? e : Number(W(e, {
-	minorUnits: !0,
-	digits: n
-}));
-function q(e) {
-	let t = U(e);
-	return {
-		value: W(e.value, {
-			minorUnits: e.minorUnits,
-			digits: t
-		}),
-		onValueChange: (n) => e.onChange?.(G(n, {
-			minorUnits: e.minorUnits,
-			digits: t
-		})),
-		fractionDigits: t,
-		min: K(e.min, e, t),
-		max: K(e.max, e, t)
-	};
-}
-function oe(e) {
-	let t = e.binding;
-	if (!t) return e;
-	let { onValueChange: n } = e;
-	return {
-		...e,
-		value: e.value ?? t.value,
-		fractionDigits: e.fractionDigits ?? t.fractionDigits,
-		min: e.min ?? t.min,
-		max: e.max ?? t.max,
-		display: e.display ?? P(e).length > 0,
-		onValueChange: (e) => {
-			t.onValueChange(e), n?.(e);
-		}
-	};
-}
-//#endregion
+import { EMPTY_SESSION as _, ZERO as v, announcement as ee, compare as y, formatDecimal as b, formatExpression as x, localeSeparators as te, parseDecimal as S, press as C, roundTo as w, toCanonical as T } from "@nxgt/material-core/calculator";
+import { billShortcuts as E, decimalToMinor as D, enterMinor as O, minorToDecimal as k, settle as A } from "@nxgt/material-core/calculator/pos";
 //#region lib/components/ui/widgets/keypad/keypad-display.tsx
-function J(e, t, n) {
-	let r = C(e);
-	return r ? x(r, {
+function j(e, t, n) {
+	let r = S(e);
+	return r ? b(r, {
 		locale: n,
 		fractionDigits: t ?? 2
 	}) : e;
 }
-function se(e, t, n, r, i) {
-	if (t === "minor") return C(e || "0") ? J(e || "0", n, r) : "";
-	let a = S(e, { locale: r });
-	return i ? X(a || "0", i, r) : a;
+function ne(e, t, n, r, i) {
+	if (t === "minor") return S(e || "0") ? j(e || "0", n, r) : "";
+	let a = x(e, { locale: r });
+	return i ? N(a || "0", i, r) : a;
 }
-function Y(e, t, n, r) {
-	let i = J(e, t, n);
-	return r ? X(i, r, n) : i;
+function M(e, t, n, r) {
+	let i = j(e, t, n);
+	return r ? N(i, r, n) : i;
 }
-function X(e, t, n) {
+function N(e, t, n) {
 	let r = [];
 	try {
 		r = new Intl.NumberFormat(n, {
@@ -167,21 +36,25 @@ function X(e, t, n) {
 	let i = r.findIndex((e) => e.type === "currency"), a = i >= 0 && i < r.findIndex((e) => e.type === "integer"), o = r[i]?.value ?? t, s = r[a ? i + 1 : i - 1], c = i < 0 ? "\xA0" : s?.type === "literal" ? s.value : "", l = r.findIndex((e) => e.type === "minusSign");
 	return a && /^[-\u2212]/u.test(e) && (l < 0 || l < i) ? `${e[0]}${o}${c}${e.slice(1)}` : a ? `${o}${c}${e}` : `${e}${c}${o}`;
 }
-function ce({ keypad: e, locale: t, currency: n }) {
-	let r = se(e.session.justEvaluated && e.value ? e.value : e.session.expression, e.entry, e.digits, t, n);
+function P({ keypad: e, locale: t, currency: n, placeholder: r }) {
+	let i = e.session.justEvaluated && e.value ? e.value : e.session.expression, a = !i && !e.session.error ? r : void 0, o = a ? "" : ne(i, e.entry, e.digits, t, n);
 	return /* @__PURE__ */ m("output", {
 		"data-slot": "keypad-display",
 		"data-kind": e.session.error ? "error" : void 0,
 		"aria-live": "off",
 		dir: "ltr",
 		className: "nxgt-keypad-display bg-muted",
-		children: r || "\xA0"
+		children: o || (a ? /* @__PURE__ */ m("span", {
+			"data-placeholder": "",
+			"aria-hidden": "true",
+			children: a
+		}) : "\xA0")
 	});
 }
 //#endregion
 //#region lib/components/ui/widgets/keypad/keypad-cash.tsx
-function le({ total: e, settlement: n, digits: r, locale: i, currency: a }) {
-	let { t: o } = t(), s = (e) => Y(e, r, i, a);
+function F({ total: e, settlement: n, digits: r, locale: i, currency: a }) {
+	let { t: o } = t(), s = (e) => M(e, r, i, a);
 	return /* @__PURE__ */ h("dl", {
 		"data-slot": "keypad-cash-summary",
 		className: "nxgt-keypad-cash",
@@ -197,7 +70,7 @@ function le({ total: e, settlement: n, digits: r, locale: i, currency: a }) {
 		}) : null]
 	});
 }
-function ue({ amounts: e, onPick: n, disabled: r, digits: i, locale: a, currency: o }) {
+function re({ amounts: e, onPick: n, disabled: r, digits: i, locale: a, currency: o }) {
 	let { t: s } = t();
 	return e.length === 0 ? null : /* @__PURE__ */ m("div", {
 		role: "group",
@@ -205,7 +78,7 @@ function ue({ amounts: e, onPick: n, disabled: r, digits: i, locale: a, currency
 		"data-slot": "keypad-shortcuts",
 		className: "nxgt-keypad-shortcuts",
 		children: e.map((e) => {
-			let t = Y(e, i, a, o);
+			let t = M(e, i, a, o);
 			return /* @__PURE__ */ m("button", {
 				type: "button",
 				"aria-disabled": r ? !0 : void 0,
@@ -219,17 +92,17 @@ function ue({ amounts: e, onPick: n, disabled: r, digits: i, locale: a, currency
 		})
 	});
 }
-function de({ cash: e, total: t, onPick: n, disabled: r, digits: i, locale: a, currency: o }) {
+function ie({ cash: e, total: t, onPick: n, disabled: r, digits: i, locale: a, currency: o }) {
 	let s = {
 		digits: i,
 		locale: a,
 		currency: o
 	};
-	return /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m(le, {
+	return /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m(F, {
 		...s,
 		total: t,
 		settlement: e.settlement
-	}), /* @__PURE__ */ m(ue, {
+	}), /* @__PURE__ */ m(re, {
 		...s,
 		amounts: e.shortcuts,
 		onPick: n,
@@ -237,6 +110,155 @@ function de({ cash: e, total: t, onPick: n, disabled: r, digits: i, locale: a, c
 	})] });
 }
 //#endregion
+//#region lib/components/ui/widgets/keypad/keypad-above.tsx
+function ae({ keypad: e, cash: t, display: n, disabled: r, locale: i, currency: a, placeholder: o }) {
+	return /* @__PURE__ */ h(p, { children: [n ? /* @__PURE__ */ m(P, {
+		keypad: e,
+		locale: i,
+		currency: a,
+		placeholder: o
+	}) : null, t.cash ? /* @__PURE__ */ m(ie, {
+		cash: t,
+		total: t.total ?? "0",
+		onPick: e.set,
+		disabled: r,
+		digits: e.digits,
+		locale: i,
+		currency: a
+	}) : null] });
+}
+//#endregion
+//#region lib/components/ui/widgets/keypad/keypad-entry.ts
+var I = {
+	add: "+",
+	subtract: "-",
+	multiply: "*",
+	divide: "/"
+}, L = [
+	"add",
+	"subtract",
+	"multiply",
+	"divide"
+];
+function oe(e) {
+	return e === !0 ? L : e ? L.filter((t) => e.includes(t)) : [];
+}
+function R(e) {
+	return e.entry === "minor" || e.variant === "cash" ? [] : oe(e.operations);
+}
+var z = (e) => I[e];
+function B(e) {
+	let t = S(e);
+	return t ? {
+		..._,
+		expression: T(t)
+	} : _;
+}
+function V(e) {
+	let t = S(e.justEvaluated && e.result ? e.result : e.expression);
+	return t ? T(t) : "";
+}
+var H = (e) => !e.justEvaluated && e.expression !== "" && S(e.expression) == null, U = (e) => /\.(\d*)$/.exec(e)?.[1]?.length ?? 0;
+function W(e, t) {
+	if (t === void 0 || e.justEvaluated) return !1;
+	let n = S(e.expression);
+	return n != null && y(n, S(String(t)) ?? v) > 0;
+}
+var G = (e, t) => D(S(V(e)) ?? v, t);
+function K(e, t, n, r) {
+	if (!/^(?:\d|00|backspace|C|CE)$/.test(t)) return e;
+	let i = t === "C" || t === "CE" ? "clear" : t, a = O(G(e, r), i), o = {
+		..._,
+		expression: a === 0n ? "" : T(k(a, r))
+	};
+	return W(o, n.max) ? e : o;
+}
+function se(e, t, n) {
+	if (n.entry === "minor") return K(e, t, n, n.digits ?? 2);
+	if (t === "." && n.digits === 0) return e;
+	let r = Object.keys(I).find((e) => I[e] === t);
+	if (r && !n.operations.includes(r) || !r && !/^(?:\d|00|\.|=|backspace|C|CE)$/.test(t)) return e;
+	let i = r && e.justEvaluated && e.result ? {
+		...B(e.result),
+		ans: e.ans,
+		memory: e.memory
+	} : e, a = C(i, t);
+	if (a === i || n.digits !== void 0 && U(a.expression) > n.digits || W(a, n.max)) return e;
+	let o = a.justEvaluated ? S(a.result) : void 0;
+	if (o && n.digits !== void 0) {
+		let e = T(w(o, n.digits, "half-up"));
+		return {
+			...a,
+			result: e,
+			ans: e
+		};
+	}
+	return a;
+}
+function q(e, t, n) {
+	let r = S(e);
+	if (!r) return "";
+	let i = t === void 0 ? void 0 : S(String(t)), a = n === void 0 ? void 0 : S(String(n));
+	return i && y(r, i) < 0 && (r = i), a && y(r, a) > 0 && (r = a), T(r);
+}
+function ce(e, t) {
+	if (H(e)) return;
+	let n = V(e);
+	return n === t ? void 0 : n;
+}
+//#endregion
+//#region lib/components/ui/widgets/keypad/keypad-binding.ts
+var J = 2;
+function le(e) {
+	return e.currency ? g(e.currency, e.fractionDigits) : e.fractionDigits ?? (e.minorUnits ? J : void 0);
+}
+function Y(e, t) {
+	if (e == null || !Number.isFinite(e)) return "";
+	if (t.minorUnits) return T(k(BigInt(Math.trunc(e)), t.digits ?? J));
+	let n = S(String(e));
+	return n ? T(n) : "";
+}
+function ue(e, t) {
+	let n = S(e);
+	return n ? t.minorUnits ? Number(D(n, t.digits ?? J)) : Number(T(t.digits === void 0 ? n : w(n, t.digits, "half-up"))) : null;
+}
+var X = (e, t, n) => e === void 0 || !t.minorUnits ? e : Number(Y(e, {
+	minorUnits: !0,
+	digits: n
+}));
+function Z(e) {
+	let t = le(e);
+	return {
+		value: Y(e.value, {
+			minorUnits: e.minorUnits,
+			digits: t
+		}),
+		onValueChange: (n) => e.onChange?.(ue(n, {
+			minorUnits: e.minorUnits,
+			digits: t
+		})),
+		fractionDigits: t,
+		min: X(e.min, e, t),
+		max: X(e.max, e, t)
+	};
+}
+function de(e) {
+	let t = e.binding;
+	if (!t) return e;
+	let { onValueChange: n } = e;
+	return {
+		...e,
+		value: e.value ?? t.value,
+		fractionDigits: e.fractionDigits ?? t.fractionDigits,
+		min: e.min ?? t.min,
+		max: e.max ?? t.max,
+		display: e.display ?? R(e).length > 0,
+		onValueChange: (e) => {
+			t.onValueChange(e), n?.(e);
+		}
+	};
+}
+//#endregion
 //#region lib/components/ui/widgets/keypad/keypad-layout.ts
 var fe = {
 	add: [
@@ -326,29 +348,29 @@ function pe(e) {
 }
 //#endregion
 //#region lib/components/ui/widgets/keypad/cash-model.ts
-function Z(e, t) {
+function Q(e, t) {
 	if (e === void 0) return;
-	let n = C(String(e));
-	if (n) return E(t === void 0 ? n : T(n, t, "half-up"));
+	let n = S(String(e));
+	if (n) return T(t === void 0 ? n : w(n, t, "half-up"));
 }
-function Q(e, t) {
+function $(e, t) {
 	if (!(e === void 0 || t === "")) try {
-		let n = te(e, t);
+		let n = A(e, t);
 		return n.status === "paid" ? {
 			status: "paid",
-			change: E(n.change)
+			change: T(n.change)
 		} : {
 			status: "short",
-			due: E(n.due)
+			due: T(n.due)
 		};
 	} catch {
 		return;
 	}
 }
-function $(e, t, n, r, i = 4) {
-	if (e === void 0 || C(String(e)) == null) return [];
+function me(e, t, n, r, i = 4) {
+	if (e === void 0 || S(String(e)) == null) return [];
 	try {
-		let a = n === void 0 ? void 0 : C(String(n)), o = D(e, t ?? [], { limit: i - 1 }).map((e) => r === void 0 ? e : T(e, r, "half-up")).filter((e) => !a || b(e, a) <= 0).map(E);
+		let a = n === void 0 ? void 0 : S(String(n)), o = E(e, t ?? [], { limit: i - 1 }).map((e) => r === void 0 ? e : w(e, r, "half-up")).filter((e) => !a || y(e, a) <= 0).map(T);
 		return [...new Set(o)];
 	} catch {
 		return [];
@@ -356,27 +378,27 @@ function $(e, t, n, r, i = 4) {
 }
 //#endregion
 //#region lib/components/ui/widgets/keypad/use-keypad-value.ts
-function me(e, t) {
-	let [n, r] = f(() => I(e.value ?? e.defaultValue ?? "")), i = d("");
-	if (R(n) || (i.current = L(n)), e.value !== void 0) {
-		let t = L(I(e.value));
-		t !== i.current && (i.current = t, r(I(e.value)));
+function he(e, t) {
+	let [n, r] = f(() => B(e.value ?? e.defaultValue ?? "")), i = d("");
+	if (H(n) || (i.current = V(n)), e.value !== void 0) {
+		let t = V(B(e.value));
+		t !== i.current && (i.current = t, r(B(e.value)));
 	}
 	return {
 		session: n,
 		setInner: r,
 		report: l((e) => {
-			let n = V(e, i.current);
+			let n = ce(e, i.current);
 			n !== void 0 && (i.current = n, t.current?.(n));
 		}, [t])
 	};
 }
 //#endregion
 //#region lib/components/ui/widgets/keypad/use-keypad.ts
-function he(e) {
-	let t = e.entry ?? "decimal", n = e.currency ? g(e.currency, e.fractionDigits) : e.fractionDigits, r = P(e), i = d(e.onValueChange);
+function ge(e) {
+	let t = e.entry ?? "decimal", n = e.currency ? g(e.currency, e.fractionDigits) : e.fractionDigits, r = R(e), i = d(e.onValueChange);
 	i.current = e.onValueChange;
-	let { session: a, setInner: o, report: s } = me(e, i), c = {
+	let { session: a, setInner: o, report: s } = he(e, i), c = {
 		entry: t,
 		digits: n,
 		operations: r,
@@ -394,21 +416,21 @@ function he(e) {
 	let f = l((e) => {
 		let { session: t, o: n, config: r } = u.current;
 		if (n.disabled) return;
-		let i = ae(t, e, r);
+		let i = se(t, e, r);
 		i !== t && (o(i), s(i));
 	}, [s, o]), p = l(() => {
 		let { session: e, o: t, config: n } = u.current;
 		if (t.disabled) return;
-		if (R(e)) return f("=");
-		let r = L(e);
+		if (H(e)) return f("=");
+		let r = V(e);
 		if (r === "") return;
-		let i = B(r, t.min, t.max);
+		let i = q(r, t.min, t.max);
 		if (i !== r) {
-			let e = I(i);
+			let e = B(i);
 			o(e), s(e);
 		}
 		if (t.variant === "cash") {
-			let e = Q(Z(t.total, n.digits), i);
+			let e = $(Q(t.total, n.digits), i);
 			e && t.onTender?.(i, e);
 			return;
 		}
@@ -420,13 +442,13 @@ function he(e) {
 	]), m = l((e) => {
 		let { o: t } = u.current;
 		if (t.disabled) return;
-		let n = I(B(e, void 0, t.max));
+		let n = B(q(e, void 0, t.max));
 		o(n), s(n);
 	}, [s, o]);
 	return {
 		session: a,
-		value: L(a),
-		pending: R(a),
+		value: V(a),
+		pending: H(a),
 		digits: n,
 		entry: t,
 		operations: r,
@@ -437,8 +459,8 @@ function he(e) {
 }
 //#endregion
 //#region lib/components/ui/widgets/keypad/use-keypad-cash.ts
-function ge(e, n) {
-	let { t: r } = t(), i = e.variant === "cash", a = i ? Z(e.total, n.digits) : void 0, o = i ? Q(a, n.value) : void 0, s = u(() => i ? $(a, e.denominations, e.max, n.digits) : [], [
+function _e(e, n) {
+	let { t: r } = t(), i = e.variant === "cash", a = i ? Q(e.total, n.digits) : void 0, o = i ? $(a, n.value) : void 0, s = u(() => i ? me(a, e.denominations, e.max, n.digits) : [], [
 		i,
 		a,
 		e.denominations,
@@ -446,7 +468,7 @@ function ge(e, n) {
 		n.digits
 	]), c;
 	if (o) {
-		let t = (t) => Y(t, n.digits, e.locale, e.currency);
+		let t = (t) => M(t, n.digits, e.locale, e.currency);
 		c = o.status === "paid" ? r("material.keypad.change", "Change {amount}", { amount: t(o.change) }) : r("material.keypad.due", "Still due {amount}", { amount: t(o.due) });
 	}
 	return {
@@ -459,19 +481,19 @@ function ge(e, n) {
 }
 //#endregion
 //#region lib/components/ui/widgets/keypad/use-keypad-keyboard.ts
-function _e(e, t, n) {
+function ve(e, t, n) {
 	return i({
 		locale: t,
 		global: n,
-		accepts: (t) => /^(?:\d|00|\.|=|backspace|C|CE)$/.test(t) || e.operations.some((e) => F(e) === t),
+		accepts: (t) => /^(?:\d|00|\.|=|backspace|C|CE)$/.test(t) || e.operations.some((e) => z(e) === t),
 		onKey: (t) => t === "=" ? e.commit() : e.press(t),
 		onCopy: () => {}
 	});
 }
 //#endregion
 //#region lib/components/ui/widgets/keypad/keypad.tsx
-function ve(i) {
-	let o = oe(i), { locale: s, currency: c, commitLabel: l, disabled: d, keyboard: f = "focus", size: p = "comfortable", display: g = !0, label: _, className: v } = o, { t: b } = t(), x = he(o), S = ge(o, x), C = u(() => pe({
+function ye(i) {
+	let o = de(i), { locale: s, currency: c, commitLabel: l, disabled: d, keyboard: f = "focus", size: p = "comfortable", display: g = !0, label: _, placeholder: v, className: y } = o, { t: b } = t(), x = ge(o), S = _e(o, x), C = u(() => pe({
 		operations: x.operations,
 		decimal: x.entry === "decimal" && x.digits !== 0,
 		commitLabel: l,
@@ -484,34 +506,29 @@ function ve(i) {
 		l,
 		x.pending,
 		S.cash
-	]), w = _e(x, s, f === "global"), T = y(x.session, s);
+	]), w = ve(x, s, f === "global"), T = ee(x.session, s);
 	return /* @__PURE__ */ m("div", {
 		"data-slot": "keypad",
 		"data-size": p,
 		"data-disabled": d ? "" : void 0,
-		className: e("nxgt-calc nxgt-keypad", v),
+		className: e("nxgt-calc nxgt-keypad", y),
 		onKeyDown: f === "focus" ? w : void 0,
 		children: /* @__PURE__ */ h("div", {
 			className: "nxgt-calc-body nxgt-keypad-body",
 			children: [
-				g ? /* @__PURE__ */ m(ce, {
+				/* @__PURE__ */ m(ae, {
 					keypad: x,
-					locale: s,
-					currency: c
-				}) : null,
-				S.cash ? /* @__PURE__ */ m(de, {
 					cash: S,
-					total: S.total ?? "0",
-					onPick: x.set,
+					display: g,
 					disabled: d,
-					digits: x.digits,
 					locale: s,
-					currency: c
-				}) : null,
+					currency: c,
+					placeholder: v
+				}),
 				/* @__PURE__ */ m(r, {
 					layout: C,
 					label: _ ?? b("material.calculator.keypad", "Keypad"),
-					decimal: ee(s).decimal,
+					decimal: te(s).decimal,
 					unavailable: () => d === !0,
 					onPress: (e) => {
 						if (e.id === "commit") x.commit();
@@ -531,14 +548,14 @@ function ve(i) {
 }
 //#endregion
 //#region lib/components/ui/widgets/keypad/use-keypad-number.ts
-function ye(e) {
-	return q(e);
+function be(e) {
+	return Z(e);
 }
 //#endregion
 //#region lib/components/ui/widgets/keypad/use-keypad-quantity.ts
-function be(e) {
+function xe(e) {
 	let { value: t, onChange: n } = e;
-	return q({
+	return Z({
 		...e,
 		value: t?.value,
 		onChange: (e) => n?.({
@@ -548,4 +565,4 @@ function be(e) {
 	});
 }
 //#endregion
-export { ve as Keypad, ye as useKeypadNumber, be as useKeypadQuantity };
+export { ye as Keypad, be as useKeypadNumber, xe as useKeypadQuantity };

package/dist/lib/components/ui/actions/product-tile/product-tile-parts.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode } from 'react';
+import { ProductTileProps } from './product-tile.js';
+export declare function ProductTileBody({ picture, title, price, status, size, }: {
+    size: 'sm' | 'md';
+    picture: ReactNode;
+    title: ReactNode;
+    price?: ReactNode;
+    status?: ReactNode;
+}): import("react").JSX.Element;
+export declare function ProductTileMedia({ image, imageFit, icon, tone, shape, size, }: Pick<ProductTileProps, 'image' | 'icon'> & Required<Pick<ProductTileProps, 'tone' | 'shape' | 'size'>> & {
+    imageFit: 'contain' | 'cover';
+}): import("react").JSX.Element | null;

package/dist/lib/components/ui/actions/product-tile/product-tile.d.ts

@@ -28,6 +28,12 @@ export type ProductTileProps = Omit<ComponentProps<'button'>, 'title'> & {
     shape?: ShapeName;
     /** The item is in the basket or chosen: `aria-pressed`, a tint and a bar at the start. */
     selected?: boolean;
+    /**
+     * `md` (default) is the roomy tile for 2 to 4 columns. `sm` is the compact tile for a dense grid
+     * (`minItem` near 9rem, 6 to 7 columns on a desktop): a 3:2 media box, tighter padding and smaller
+     * type. Both keep the 44 px target and the accessible name.
+     */
+    size?: 'sm' | 'md';
     /** Render the tile inside the one child element (a router `Link`, an `<a>`) instead of a `button`: pass it as `children`, empty. */
     asChild?: boolean;
 };
@@ -38,4 +44,4 @@ export type ProductTileProps = Omit<ComponentProps<'button'>, 'title'> & {
  * price, status); at least 44 px high, and as tall as
  * its row in a `ResponsiveGrid`. `disabled` dims it and stops taps (with `asChild`, the child gets `aria-disabled`, `tabIndex={-1}` and a click handler that cancels navigation, and no pointer events).
  */
-export declare function ProductTile({ title, price, status, image, imageFit, icon, media, tone, shape, selected, asChild, disabled, className, children, onClick, ...props }: ProductTileProps): import("react").JSX.Element;
+export declare function ProductTile({ title, price, status, image, imageFit, icon, media, tone, shape, selected, size, asChild, disabled, className, children, onClick, ...props }: ProductTileProps): import("react").JSX.Element;

package/dist/lib/components/ui/widgets/keypad/keypad-above.d.ts

@@ -0,0 +1,14 @@
+import { useKeypad } from './use-keypad.js';
+import { useKeypadCash } from './use-keypad-cash.js';
+type Props = {
+    keypad: ReturnType<typeof useKeypad>;
+    cash: ReturnType<typeof useKeypadCash>;
+    display: boolean;
+    disabled?: boolean;
+    locale?: string;
+    currency?: string;
+    placeholder?: string;
+};
+/** What sits above the keys: the display, then the cash variant's total, change and quick amounts. */
+export declare function KeypadAbove({ keypad: k, cash: c, display, disabled, locale, currency, placeholder, }: Props): import("react").JSX.Element;
+export {};

package/dist/lib/components/ui/widgets/keypad/keypad-display.d.ts

@@ -5,7 +5,9 @@ type Props = {
     keypad: ReturnType<typeof useKeypad>;
     locale?: string;
     currency?: string;
+    /** Muted text while the display is empty. */
+    placeholder?: string;
 };
 /** The amount above the keys; after `=` it is the result, not the expression. */
-export declare function KeypadDisplay({ keypad: k, locale, currency }: Props): import("react").JSX.Element;
+export declare function KeypadDisplay({ keypad: k, locale, currency, placeholder, }: Props): import("react").JSX.Element;
 export {};