@nxgt/material 3.75.0 → 3.76.0

package/dist/{hover-card-BPKqte4a.js → hover-card-B1g55Hi6.js}

@@ -1,8 +1,9 @@
 import { t as e } from "./utils-BLfntITJ.js";
 import { o as t } from "./dist-DVRQkaTK.js";
-import { a as n, c as r, i, l as a, s as o } from "./dist-lmHmz_bu.js";
-import { C as s, S as c, f as l, m as u, p as d, u as f } from "./spinner-B2MubVWb.js";
-import { t as p } from "./in-dialog-Vwkyp-M5.js";
+import { i as n, r, t as i } from "./dist-DWZXlCZR.js";
+import { S as a, d as o, f as s, l as c, p as l, x as u } from "./spinner-C1QIewWv.js";
+import { a as d, i as f } from "./dist-DHdUUM1w.js";
+import { t as p } from "./in-dialog-D61Yeaol.js";
 import { i as m } from "./escape-owner-DpaP0lm1.js";
 import * as h from "react";
 import { Activity as g } from "react";
@@ -11,19 +12,19 @@ import { jsx as _ } from "react/jsx-runtime";
 var v = Object.defineProperty, y = (e, t) => v(e, "name", {
 	value: t,
 	configurable: !0
-}), b, x = "HoverCard", [S, C] = r(x, [u]), w = u(), [T, E] = S(x), D = /* @__PURE__ */ y((e) => {
-	let { __scopeHoverCard: t, children: r, open: i, defaultOpen: a, onOpenChange: o, openDelay: s = 700, closeDelay: c = 300 } = e, l = w(t), u = h.useRef(0), f = h.useRef(0), p = h.useRef(!1), m = h.useRef(!1), [g, v] = n({
-		prop: i,
+}), b, x = "HoverCard", [S, C] = d(x, [l]), w = l(), [T, E] = S(x), D = /* @__PURE__ */ y((e) => {
+	let { __scopeHoverCard: t, children: n, open: r, defaultOpen: a, onOpenChange: o, openDelay: c = 700, closeDelay: l = 300 } = e, u = w(t), d = h.useRef(0), f = h.useRef(0), p = h.useRef(!1), m = h.useRef(!1), [g, v] = i({
+		prop: r,
 		defaultProp: a ?? !1,
 		onChange: o,
 		caller: x
 	}), y = h.useCallback(() => {
-		clearTimeout(f.current), u.current = window.setTimeout(() => v(!0), s);
-	}, [s, v]), b = h.useCallback(() => {
-		clearTimeout(u.current), !p.current && !m.current && (f.current = window.setTimeout(() => v(!1), c));
-	}, [c, v]), S = h.useCallback(() => v(!1), [v]);
+		clearTimeout(f.current), d.current = window.setTimeout(() => v(!0), c);
+	}, [c, v]), b = h.useCallback(() => {
+		clearTimeout(d.current), !p.current && !m.current && (f.current = window.setTimeout(() => v(!1), l));
+	}, [l, v]), S = h.useCallback(() => v(!1), [v]);
 	return h.useEffect(() => () => {
-		clearTimeout(u.current), clearTimeout(f.current);
+		clearTimeout(d.current), clearTimeout(f.current);
 	}, []), /* @__PURE__ */ _(T, {
 		scope: t,
 		open: g,
@@ -33,55 +34,55 @@ var v = Object.defineProperty, y = (e, t) => v(e, "name", {
 		onDismiss: S,
 		hasSelectionRef: p,
 		isPointerDownOnContentRef: m,
-		children: /* @__PURE__ */ _(d, {
-			...l,
-			children: r
+		children: /* @__PURE__ */ _(s, {
+			...u,
+			children: n
 		})
 	});
 }, "HoverCard"), O = "HoverCardTrigger", k = /* @__PURE__ */ h.forwardRef(/* @__PURE__ */ y(function(e, t) {
-	let { __scopeHoverCard: n, ...r } = e, i = E(O, n);
-	return /* @__PURE__ */ _(f, {
+	let { __scopeHoverCard: i, ...a } = e, o = E(O, i);
+	return /* @__PURE__ */ _(c, {
 		asChild: !0,
-		...w(n),
-		children: /* @__PURE__ */ _(a.a, {
-			"data-state": i.open ? "open" : "closed",
-			...r,
+		...w(i),
+		children: /* @__PURE__ */ _(n.a, {
+			"data-state": o.open ? "open" : "closed",
+			...a,
 			ref: t,
-			onPointerEnter: o(e.onPointerEnter, L(i.onOpen)),
-			onPointerLeave: o(e.onPointerLeave, L(i.onClose)),
-			onFocus: o(e.onFocus, i.onOpen),
-			onBlur: o(e.onBlur, i.onClose),
-			onTouchStart: o(e.onTouchStart, (e) => e.preventDefault())
+			onPointerEnter: r(e.onPointerEnter, L(o.onOpen)),
+			onPointerLeave: r(e.onPointerLeave, L(o.onClose)),
+			onFocus: r(e.onFocus, o.onOpen),
+			onBlur: r(e.onBlur, o.onClose),
+			onTouchStart: r(e.onTouchStart, (e) => e.preventDefault())
 		})
 	});
 }, "HoverCardTrigger")), A = "HoverCardPortal", [j, M] = S(A, { forceMount: void 0 }), N = /* @__PURE__ */ y((e) => {
-	let { __scopeHoverCard: t, forceMount: n, children: r, container: a } = e, o = E(A, t);
+	let { __scopeHoverCard: t, forceMount: n, children: r, container: i } = e, a = E(A, t);
 	return /* @__PURE__ */ _(j, {
 		scope: t,
 		forceMount: n,
-		children: /* @__PURE__ */ _(i, {
-			present: n || o.open,
-			children: /* @__PURE__ */ _(c, {
+		children: /* @__PURE__ */ _(f, {
+			present: n || a.open,
+			children: /* @__PURE__ */ _(u, {
 				asChild: !0,
-				container: a,
+				container: i,
 				children: r
 			})
 		})
 	});
 }, "HoverCardPortal"), P = "HoverCardContent", F = /* @__PURE__ */ h.forwardRef(/* @__PURE__ */ y(function(e, t) {
-	let n = M(P, e.__scopeHoverCard), { forceMount: r = n.forceMount, ...a } = e, s = E(P, e.__scopeHoverCard);
-	return /* @__PURE__ */ _(i, {
-		present: r || s.open,
+	let n = M(P, e.__scopeHoverCard), { forceMount: i = n.forceMount, ...a } = e, o = E(P, e.__scopeHoverCard);
+	return /* @__PURE__ */ _(f, {
+		present: i || o.open,
 		children: /* @__PURE__ */ _(I, {
-			"data-state": s.open ? "open" : "closed",
+			"data-state": o.open ? "open" : "closed",
 			...a,
-			onPointerEnter: o(e.onPointerEnter, L(s.onOpen)),
-			onPointerLeave: o(e.onPointerLeave, L(s.onClose)),
+			onPointerEnter: r(e.onPointerEnter, L(o.onOpen)),
+			onPointerLeave: r(e.onPointerLeave, L(o.onClose)),
 			ref: t
 		})
 	});
 }, "HoverCardContent")), I = /* @__PURE__ */ h.forwardRef(/* @__PURE__ */ y(function(e, n) {
-	let { __scopeHoverCard: r, onEscapeKeyDown: i, onPointerDownOutside: a, onFocusOutside: c, onInteractOutside: u, ...d } = e, f = E(P, r), p = w(r), m = h.useRef(null), g = t(n, m), [v, x] = h.useState(!1);
+	let { __scopeHoverCard: i, onEscapeKeyDown: s, onPointerDownOutside: c, onFocusOutside: l, onInteractOutside: u, ...d } = e, f = E(P, i), p = w(i), m = h.useRef(null), g = t(n, m), [v, x] = h.useState(!1);
 	return h.useEffect(() => {
 		if (v) {
 			let e = document.body;
@@ -102,20 +103,20 @@ var v = Object.defineProperty, y = (e, t) => v(e, "name", {
 		}
 	}, [f.isPointerDownOnContentRef, f.hasSelectionRef]), h.useEffect(() => {
 		m.current && R(m.current).forEach((e) => e.setAttribute("tabindex", "-1"));
-	}), /* @__PURE__ */ _(s, {
+	}), /* @__PURE__ */ _(a, {
 		asChild: !0,
 		disableOutsidePointerEvents: !1,
 		onInteractOutside: u,
-		onEscapeKeyDown: i,
-		onPointerDownOutside: a,
-		onFocusOutside: o(c, (e) => {
+		onEscapeKeyDown: s,
+		onPointerDownOutside: c,
+		onFocusOutside: r(l, (e) => {
 			e.preventDefault();
 		}),
 		onDismiss: f.onDismiss,
-		children: /* @__PURE__ */ _(l, {
+		children: /* @__PURE__ */ _(o, {
 			...p,
 			...d,
-			onPointerDown: o(d.onPointerDown, (e) => {
+			onPointerDown: r(d.onPointerDown, (e) => {
 				e.currentTarget.contains(e.target) && x(!0), f.hasSelectionRef.current = !1, f.isPointerDownOnContentRef.current = !0;
 			}),
 			ref: g,

package/dist/i18n.js

@@ -1,8 +1,8 @@
 import { t as e } from "./is-production-GLw59WU8.js";
-import { c as t, d as n, i as r, l as i, n as a, o, r as s, t as c, u as l } from "./translator-BoYCward.js";
-import { i as u, n as d, r as f, t as p } from "./translate-material-pVlPJ1v4.js";
+import { c as t, d as n, i as r, l as i, n as a, o, r as s, t as c, u as l } from "./translator-DJkf4J7t.js";
+import { i as u, n as d, r as f, t as p } from "./translate-material-BypJJ1l5.js";
 import { o as m, t as h } from "./merge-BCZE6HGq.js";
-import { t as g } from "./use-material-translation-CIS2n3RB.js";
+import { t as g } from "./use-material-translation-CD6QoVal.js";
 import { useCallback as _ } from "react";
 //#region lib/i18n/merge-resources.ts
 function v(e, t, n = "") {

package/dist/icon-badge-BcW66bRk.js

@@ -0,0 +1,17 @@
+import { t as e } from "./utils-BLfntITJ.js";
+import { t } from "./icon-button-Cogxy1cy.js";
+import { jsx as n } from "react/jsx-runtime";
+//#region lib/components/ui/actions/icon-button/icon-badge.tsx
+function r({ children: r, className: i, ...a }) {
+	let o = !!(a["aria-label"] || a["aria-labelledby"]);
+	return /* @__PURE__ */ n(t, {
+		"aria-hidden": o ? void 0 : "true",
+		role: o ? "img" : void 0,
+		...a,
+		asChild: !0,
+		className: e("cursor-default", i),
+		children: /* @__PURE__ */ n("span", { children: r })
+	});
+}
+//#endregion
+export { r as t };

package/dist/{icon-button-Cr-DyDGg.js → icon-button-Cogxy1cy.js}

@@ -1,7 +1,8 @@
 import { t as e } from "./utils-BLfntITJ.js";
 import { n as t } from "./use-shape-morph-BKA_R5P5.js";
 import { n, t as r } from "./dist-DVRQkaTK.js";
-import { n as i, r as a, t as o } from "./spinner-B2MubVWb.js";
+import { n as i, t as a } from "./spinner-C1QIewWv.js";
+import { t as o } from "./dist-DkQbkF9T.js";
 import { a as s, i as c, n as l, o as u, r as d, s as f, t as p } from "./use-click-lock-BZYtTmVt.js";
 import { t as m } from "./is-production-GLw59WU8.js";
 import { t as h } from "./button-group-context-CaP0X5p_.js";
@@ -191,7 +192,7 @@ var w = [
 		color: "default",
 		class: `${c.default} ${l.default} ${d.default} underline-offset-4 hover:underline hover:bg-foreground/10 active:bg-muted focus:bg-foreground/10`
 	}
-], T = i("inline-flex center gap-2 cursor-pointer whitespace-nowrap text-sm font-medium disabled:pointer-events-none [&_svg]:bg-transparent [&_svg]:text-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-(--btn-ic,1rem) shrink-0 [&_svg]:shrink-0", {
+], T = o("inline-flex center gap-2 cursor-pointer whitespace-nowrap text-sm font-medium disabled:pointer-events-none [&_svg]:bg-transparent [&_svg]:text-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-(--btn-ic,1rem) shrink-0 [&_svg]:shrink-0", {
 	variants: {
 		look: {
 			btn: "nxgt-btn nxgt-morph-fill aria-invalid:[--btn-focus:var(--color-error)] aria-invalid:[--btn-line:var(--color-error)]",
@@ -256,7 +257,7 @@ function k(e, t) {
 	};
 }
 function A({ variant: e, color: t }) {
-	return /* @__PURE__ */ x(o, {
+	return /* @__PURE__ */ x(a, {
 		variant: "2",
 		color: e === "filled" ? "light" : t ?? (e === "ghost" ? "default" : "primary"),
 		className: "absolute inset-0 m-auto size-(--btn-ic,1rem)"
@@ -391,7 +392,7 @@ function F({ variant: t, color: i, size: a, width: o, className: s, asChild: c,
 }
 function I({ tooltip: e, "aria-label": t, ...n }) {
 	let r = t ?? (typeof e == "string" ? e : void 0);
-	return e ? /* @__PURE__ */ x(a, {
+	return e ? /* @__PURE__ */ x(i, {
 		content: e,
 		children: /* @__PURE__ */ x(F, {
 			"aria-label": r,

package/dist/{in-dialog-Vwkyp-M5.js → in-dialog-D61Yeaol.js}

@@ -1,6 +1,7 @@
 import { n as e } from "./rolldown-runtime-BFFgcFxR.js";
 import { o as t } from "./dist-DVRQkaTK.js";
-import { l as n, n as r } from "./dist-lmHmz_bu.js";
+import { i as n } from "./dist-DWZXlCZR.js";
+import { n as r } from "./dist-DHdUUM1w.js";
 import * as i from "react";
 import { createContext as a, useContext as o, useEffect as s, useLayoutEffect as c, useRef as l, useState as u } from "react";
 import { jsx as d } from "react/jsx-runtime";

package/dist/input-CC2joTjB.js

@@ -0,0 +1,56 @@
+import { t as e } from "./utils-BLfntITJ.js";
+import { jsx as t } from "react/jsx-runtime";
+//#region lib/components/ui/primitives/field-box/field-box.ts
+var n = "nxgt-field-box", r = "nxgt-field-list", i = (e) => e ? "" : void 0;
+function a(e) {
+	return {
+		"data-size": e.size,
+		"data-filled": i(e.filled),
+		"data-open": i(e.list?.open),
+		"data-list-side": e.list?.open ? e.list.side : void 0,
+		"data-focused": i(e.focused),
+		"data-invalid": i(e.invalid),
+		"data-disabled": i(e.disabled),
+		"data-readonly": i(e.readOnly)
+	};
+}
+var o = /* @__PURE__ */ new Set([
+	"checkbox",
+	"radio",
+	"file",
+	"range",
+	"color",
+	"hidden",
+	"button",
+	"submit",
+	"reset",
+	"image"
+]);
+function s(e, t = "text") {
+	return e || (o.has(t) ? void 0 : " ");
+}
+//#endregion
+//#region lib/components/ui/primitives/input/input-box.ts
+var c = "selection:bg-primary selection:text-primary-foreground", l = [
+	"inline-flex gap-2 items-center h-11 max-h-full w-full min-w-0",
+	"px-2 py-1 text-base md:text-sm outline-none",
+	"placeholder:text-muted-foreground",
+	"file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-muted-foreground",
+	"disabled:pointer-events-none"
+], u = [
+	...l,
+	c,
+	n
+], d = [...l, n], f = u;
+function p({ className: n, type: r = "text", ...i }) {
+	return /* @__PURE__ */ t("input", {
+		type: r,
+		"data-slot": "input",
+		className: e(f, n),
+		"data-pw": i.name ?? "input",
+		...i,
+		placeholder: s(i.placeholder, r)
+	});
+}
+//#endregion
+export { s as a, a as c, d as i, f as n, n as o, u as r, r as s, p as t };

package/dist/key-layout-cR79xfGE.js

@@ -0,0 +1,38 @@
+//#region lib/components/ui/widgets/calculator/variants/key-layout.ts
+var e = (e, t) => ({
+	key: `material.calculator.keys.${e}`,
+	fallback: t
+}), t = (t, n, r, i, a, o, s) => ({
+	id: t,
+	key: n,
+	glyph: r,
+	role: i,
+	name: e(a, o),
+	span: s
+}), n = [
+	"zero",
+	"one",
+	"two",
+	"three",
+	"four",
+	"five",
+	"six",
+	"seven",
+	"eight",
+	"nine"
+], r = (e, r) => t(`d${e}`, String(e), String(e), "digit", n[e] ?? "zero", String(e), r), i = [
+	t("open", "(", "(", "bracket", "open-paren", "Open parenthesis", 2),
+	t("close", ")", ")", "bracket", "close-paren", "Close parenthesis", 2),
+	t("mc", "mc", "MC", "memory", "memory-clear", "Memory clear", 2),
+	t("mr", "mr", "MR", "memory", "memory-recall", "Memory recall", 2),
+	t("m+", "m+", "M+", "memory", "memory-add", "Add to memory", 2),
+	t("m-", "m-", "M−", "memory", "memory-subtract", "Subtract from memory", 2)
+], a = (e) => e.map((e) => ({
+	...e,
+	span: (e.span ?? 1) * 3
+})), o = (e, t) => t && e.alt ? {
+	...e,
+	...e.alt
+} : e, s = (e) => e.sequence ?? [e.key];
+//#endregion
+export { s as a, t as i, r as n, e as o, o as r, a as s, i as t };

package/dist/lib/calculator/index.d.ts

@@ -0,0 +1,16 @@
+/**
+ * `@nxgt/material/calculator` — `Calculator`: a calculator with exact decimal
+ * arithmetic and the usual precedence (`2 + 3 × 4` is 14), a variant switcher,
+ * a tape of past results, a memory, the physical keyboard, copy and paste and
+ * a screen-reader announcement of each result. Standard, Scientific, point of
+ * sale, Financial, Conversion and Programmer are here.
+ *
+ * The engine is `@nxgt/material-core/calculator` (no `eval`, strict-CSP safe).
+ * Colours and shapes follow the theme and its dark mode through `styles.css`,
+ * so the stylesheet must be imported. The tape and the memory are kept in
+ * `localStorage` after mount unless `persist={false}`; haptics and sound are
+ * off unless `feedback` asks for them.
+ *
+ * Own entry, not exported from `./components` or `./main`.
+ */
+export { CALCULATOR_VARIANTS, Calculator, type CalculatorConversionProps, type CalculatorCurrencyRates, type CalculatorFeedback, type CalculatorProps, type CalculatorRatesSource, type CalculatorVariant, } from '../components/ui/widgets/calculator/index.js';

package/dist/lib/calculator-field/index.d.ts

@@ -0,0 +1,12 @@
+/**
+ * `@nxgt/material/calculator-field` — `CalculatorField` and
+ * `CalculatorFormField`: a number field (a currency field with `currency`)
+ * whose button opens the calculator, seeded with its number, in a popover or
+ * a phone's bottom sheet. Apply writes the rounded result; Cancel and Escape
+ * keep the number. The calculator offers only Standard unless
+ * `calculatorVariants` lists more.
+ *
+ * Own entry, not exported from `./components`, `./main` or `./calculator`.
+ * The stylesheet must be imported, as for `Calculator`.
+ */
+export { CalculatorField, type CalculatorFieldProps, type CalculatorFieldSurface, CalculatorFormField, } from '../components/ui/fields/calculator-field/index.js';

package/dist/lib/components/ui/collections/filter/use-filter-field-config.d.ts

@@ -3839,8 +3839,8 @@ export declare function useFilterFieldConfig({ field, value, onChange, error, di
         role?: "application" | "dialog" | undefined | undefined;
         today?: Date | undefined;
         labels?: Partial<import('react-day-picker').Labels> | undefined;
-        components?: Partial<import('react-day-picker').CustomComponents> | undefined;
         month?: Date | undefined;
+        components?: Partial<import('react-day-picker').CustomComponents> | undefined;
         locale?: Partial<import('react-day-picker').DayPickerLocale> | undefined;
         modifiers?: Record<string, import('react-day-picker').Matcher | import('react-day-picker').Matcher[] | undefined> | undefined;
         minDate?: Date | undefined;
@@ -3926,8 +3926,8 @@ export declare function useFilterFieldConfig({ field, value, onChange, error, di
         role?: "application" | "dialog" | undefined | undefined;
         today?: Date | undefined;
         labels?: Partial<import('react-day-picker').Labels> | undefined;
-        components?: Partial<import('react-day-picker').CustomComponents> | undefined;
         month?: Date | undefined;
+        components?: Partial<import('react-day-picker').CustomComponents> | undefined;
         locale?: Partial<import('react-day-picker').DayPickerLocale> | undefined;
         modifiers?: Record<string, import('react-day-picker').Matcher | import('react-day-picker').Matcher[] | undefined> | undefined;
         minDate?: Date | undefined;

package/dist/lib/components/ui/feedback/moment/moment-body.d.ts

@@ -1,5 +1,20 @@
-import { ReactNode } from 'react';
-/** What a Moment shows: the picture, the title, the description (or the hint for assistive technology), the action and the close button. */
+import { MouseEvent, ReactNode } from 'react';
+/** What a Moment says: the picture, the title and the description (or the hint for assistive technology). `modal={false}`: plain elements, there is no dialog around them. */
+export declare function MomentText({ illustration, title, description, modal, }: {
+    illustration?: ReactNode;
+    title: ReactNode;
+    description?: ReactNode;
+    modal?: boolean;
+}): import("react").JSX.Element;
+/** The action and the close button. Non-modal: `onClose` closes (there is no dialog to) and `onActionClick` bubbles the action's click so a tap dismisses. */
+export declare function MomentControls({ action, closeLabel, modal, onClose, onActionClick, }: {
+    action?: ReactNode;
+    closeLabel?: string;
+    modal?: boolean;
+    onClose?: () => void;
+    onActionClick?: (event: MouseEvent) => void;
+}): import("react").JSX.Element;
+/** What a modal Moment shows: the text, the action and the close button. */
 export declare function MomentBody({ illustration, title, description, action, closeLabel, }: {
     illustration?: ReactNode;
     title: ReactNode;

package/dist/lib/components/ui/feedback/moment/moment-passive.d.ts

@@ -0,0 +1,13 @@
+import { MomentProps } from './moment.js';
+/** Calls `onOpenChange(false)` after `duration` ms while `open` (shared by both variants). */
+export declare function useAutoDismiss(open: boolean, duration: number | undefined, onOpenChange: (open: boolean) => void): void;
+/**
+ * The non-modal Moment: no dialog, no focus handling, no inert page. The
+ * full-screen wrapper and its `role="status"` live region are in the portal
+ * from the first client pass, and the content enters the region one effect
+ * later, so it is announced as it is added. The region holds the picture,
+ * title and description; the action and the close button sit beside it. The
+ * wrapper lets pointer events through, only the region, the action and the
+ * close button take them. Escape dismisses through a document listener.
+ */
+export declare function PassiveMoment(props: Omit<MomentProps, 'modal'>): import('react').ReactPortal | null;

package/dist/lib/components/ui/feedback/moment/moment.d.ts

@@ -20,6 +20,18 @@ export interface MomentProps {
     /** Accessible name of the close button (translated by default). */
     closeLabel?: string;
     className?: string;
+    /**
+     * `false`: a non-modal announcement for an event the user did not trigger
+     * (a live update). Focus stays where it is (no move, no trap, no return),
+     * the page behind stays interactive (the backdrop lets taps through; only
+     * the text and the close button take them), and the content is announced
+     * politely through a `role="status"` live region instead of a dialog.
+     * Same visuals, `duration` and reduced motion. Escape dismisses it through
+     * a document listener that never moves focus. Give it a `duration`:
+     * nothing takes the user to it, so it should not stay. Default `true`: a
+     * modal dialog.
+     */
+    modal?: boolean;
 }
 /**
  * A transient full-screen announcement for a dramatic one-off event (a
@@ -28,6 +40,8 @@ export interface MomentProps {
  * it as it opens; focus moves into it and goes back to the element that had
  * it when it closes. Escape, a tap anywhere, the close button and the
  * `action` dismiss it, and so does `duration`. It fades in and its picture
- * pops in, none of it under `prefers-reduced-motion`.
+ * pops in, none of it under `prefers-reduced-motion`. With `modal={false}` it
+ * is a polite `role="status"` announcement instead: focus and the page behind
+ * are left alone.
  */
-export declare function Moment({ open, onOpenChange, duration, illustration, title, description, action, tone, closeLabel, className, }: MomentProps): import("react").JSX.Element;
+export declare function Moment({ modal, ...props }: MomentProps): import("react").JSX.Element;

package/dist/lib/components/ui/fields/calculator-field/apply-calculated.d.ts

@@ -0,0 +1,17 @@
+type Options = {
+    currency?: string;
+    fractionDigits?: number;
+    min?: number;
+    max?: number;
+};
+/**
+ * The number an exact calculator result becomes in the field: a currency
+ * amount is rounded half-up to the currency's decimals (`12.345` is `12.35`),
+ * any other number is the nearest one (it keeps what a `number` can hold),
+ * and `min` / `max` clamp it as typing does. `undefined` when `exact` is not
+ * a number.
+ */
+export declare function applyCalculated(exact: string, { currency, fractionDigits, min, max }: Options): number | undefined;
+/** A field number as the calculator's seed (`'12.5'`), or `undefined` when empty. */
+export declare const seedOf: (value: number | null) => string | undefined;
+export {};

package/dist/lib/components/ui/fields/calculator-field/calculator-field-content.d.ts

@@ -0,0 +1,16 @@
+import { CalculatorVariant } from '../../widgets/calculator/types.js';
+/**
+ * The open calculator of a `CalculatorField`: the calculator seeded with the
+ * field's number, and Cancel / Apply under it. Escape closes (the surface does
+ * it) and keeps the number. It mounts when the surface opens, so every opening
+ * starts from the field's number again.
+ */
+export declare function CalculatorFieldContent({ titleId, seed, variant, variants, onApply, onCancel, }: {
+    titleId: string;
+    seed: number | null;
+    variant?: CalculatorVariant;
+    variants?: readonly CalculatorVariant[];
+    /** Called with the display's exact value. */
+    onApply: (exact: string) => void;
+    onCancel: () => void;
+}): import("react").JSX.Element;

package/dist/lib/components/ui/fields/calculator-field/calculator-field-trigger.d.ts

@@ -0,0 +1,4 @@
+/** The "Open calculator" button inside the field: 44px on a touch screen. */
+export declare function CalculatorFieldTrigger({ disabled }: {
+    disabled?: boolean;
+}): import("react").JSX.Element;

package/dist/lib/components/ui/fields/calculator-field/calculator-field.d.ts

@@ -0,0 +1,12 @@
+import { CalculatorFieldProps } from './calculator-field.types.js';
+/**
+ * A number field (a `CurrencyField` with `currency`) with an "Open
+ * calculator" button inside it. The button opens a calculator seeded with the
+ * field's number, in a popover from 768px wide and a bottom sheet below.
+ * Apply writes the result to the field (a currency amount rounded to the
+ * currency's decimals; `onExactValueChange` gets it unrounded); Cancel and
+ * Escape keep the number, and focus goes back to the button either way.
+ *
+ * Own entry, `@nxgt/material/calculator-field`: not exported from `./fields`.
+ */
+export declare function CalculatorField({ currency, fractionDigits, calculatorVariant, calculatorVariants, surface, onExactValueChange, value, defaultValue, onChange, className, min, max, step, hideSteppers, suffix, ...field }: CalculatorFieldProps): import("react").JSX.Element;

package/dist/lib/components/ui/fields/calculator-field/calculator-field.types.d.ts

@@ -0,0 +1,31 @@
+import { CalculatorVariant } from '../../widgets/calculator/types.js';
+import { NumberFieldProps } from '../number-field/number-field.types.js';
+/** Where the calculator opens: a popover from 768px wide, a bottom sheet below (`'auto'`). */
+export type CalculatorFieldSurface = 'auto' | 'popover' | 'sheet';
+/**
+ * `NumberFieldProps` plus the calculator's. With `currency` the field is a
+ * `CurrencyField`: `suffix`, `step`, `hideSteppers` and the typing-time `min`
+ * and `max` apply only without `currency` (Apply still holds a currency amount
+ * to `min` / `max`).
+ */
+export type CalculatorFieldProps = NumberFieldProps & {
+    /**
+     * ISO 4217 code: the field is then a `CurrencyField` (the code after the
+     * amount) and Apply rounds to the currency's decimals. None: a
+     * `NumberField`.
+     */
+    currency?: string;
+    /** Decimals of a currency amount, 0 to 20; the currency's own by default. Needs `currency`. */
+    fractionDigits?: number;
+    /** The variant the calculator opens with. Defaults to `'standard'`. */
+    calculatorVariant?: CalculatorVariant;
+    /** The variants its switcher offers; one hides the switcher. Only Standard by default. */
+    calculatorVariants?: readonly CalculatorVariant[];
+    /** Where it opens. Defaults to `'auto'`. */
+    surface?: CalculatorFieldSurface;
+    /**
+     * Called on Apply with the exact decimal result (`'0.3'` for `0.1 + 0.2`),
+     * before it is rounded to the field's number.
+     */
+    onExactValueChange?: (value: string) => void;
+};

package/dist/lib/components/ui/fields/calculator-field/calculator-form-field.d.ts

@@ -0,0 +1,4 @@
+import { UseControllerProps } from 'react-hook-form';
+import { CalculatorFieldProps } from './calculator-field.types.js';
+/** `CalculatorField` for React Hook Form: `control` and `name`; the value is `number | null`. */
+export declare function CalculatorFormField<T extends Record<string, any>>({ control, name, ...props }: Pick<UseControllerProps<T>, 'control' | 'name'> & Omit<CalculatorFieldProps, 'name' | 'value' | 'onChange'>): import("react").JSX.Element;

package/dist/lib/components/ui/fields/calculator-field/index.d.ts

@@ -0,0 +1,3 @@
+export { CalculatorField } from './calculator-field.js';
+export type { CalculatorFieldProps, CalculatorFieldSurface, } from './calculator-field.types.js';
+export { CalculatorFormField } from './calculator-form-field.js';

package/dist/lib/components/ui/fields/calculator-field/use-calculator-field.d.ts

@@ -0,0 +1,15 @@
+import { CalculatorFieldProps } from './calculator-field.types.js';
+type Options = Pick<CalculatorFieldProps, 'value' | 'defaultValue' | 'onChange' | 'currency' | 'fractionDigits' | 'min' | 'max' | 'onExactValueChange'>;
+/**
+ * The field's number (controlled or not), whether the calculator is open,
+ * and Apply: it rounds the exact result, tells `onExactValueChange` and
+ * `onChange`, and closes.
+ */
+export declare function useCalculatorField({ value, defaultValue, onChange, currency, fractionDigits, min, max, onExactValueChange, }: Options): {
+    open: boolean;
+    setOpen: import('react').Dispatch<import('react').SetStateAction<boolean>>;
+    current: number | null;
+    change: (next: number | null) => void;
+    apply: (exact: string) => void;
+};
+export {};