@nxgt/material 3.62.0 → 3.63.0

package/dist/{empty-state-DA517HAb.js → empty-state-D-2ZMXXJ.js}

@@ -1,6 +1,6 @@
 import { t as e } from "./utils-BLfntITJ.js";
-import { t } from "./use-material-translation-B5j3jZs7.js";
-import { a as n } from "./escape-owner-r57kuPjn.js";
+import { t } from "./use-material-translation-C_1cWRzW.js";
+import { t as n } from "./typography-CEK19bj8.js";
 import { a as r, c as i, i as a, n as o, o as s, r as c, t as l, u } from "./state-scenes-BX03WmSu.js";
 import { Suspense as d } from "react";
 import { jsx as f, jsxs as p } from "react/jsx-runtime";

package/dist/escape-owner-DpaP0lm1.js

@@ -0,0 +1,19 @@
+import { t as e } from "./button-group-context-CaP0X5p_.js";
+import { jsx as t } from "react/jsx-runtime";
+//#region lib/components/ui/actions/button-group/button-group-reset.tsx
+function n({ children: n }) {
+	return /* @__PURE__ */ t(e, {
+		value: void 0,
+		children: n
+	});
+}
+//#endregion
+//#region lib/components/ui/overlays/dialog/escape-owner.ts
+var r = /* @__PURE__ */ new WeakSet(), i = "data-escape-owner";
+function a(e, t) {
+	let n = e.target?.closest?.(`[${i}]`);
+	!n || n === t || !t?.contains(n) || (r.add(e), e.preventDefault());
+}
+var o = (e) => r.has(e);
+//#endregion
+export { n as i, o as n, a as r, i as t };

package/dist/{field-blur-DdvY0NQQ.js → field-blur-DyOByjzw.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./field-blur-context-DbJQZkEB.js";
+import { t as e } from "./field-blur-context-DPe5_Nv5.js";
 import { t } from "./useEvent-2fKq-6w8.js";
 import n, { useCallback as r, useEffect as i, useRef as a } from "react";
 import { jsx as o } from "react/jsx-runtime";

package/dist/{field-blur-context-DbJQZkEB.js → field-blur-context-DPe5_Nv5.js}

@@ -1,6 +1,6 @@
 import { t as e } from "./utils-BLfntITJ.js";
 import { l as t } from "./dist-lmHmz_bu.js";
-import { a as n } from "./escape-owner-r57kuPjn.js";
+import { t as n } from "./typography-CEK19bj8.js";
 import * as r from "react";
 import { createContext as i, use as a, useMemo as o } from "react";
 import { jsx as s, jsxs as c } from "react/jsx-runtime";

package/dist/hooks-a7_exKWS.js

@@ -0,0 +1,329 @@
+import { i as e } from "./translate-material-CvZK8_S6.js";
+import { t } from "./number.utils-BG_eEt5g.js";
+import { n } from "./use-heading-spy-mmcyEGmm.js";
+import { useCallback as r, useEffect as i, useMemo as a, useRef as o, useState as s } from "react";
+import { jsx as c } from "react/jsx-runtime";
+import { useBlocker as l, useNavigate as u, useSearchParams as d } from "react-router";
+import { createFormatters as f } from "@nxgt/material-core/print-format";
+//#region lib/hooks/unsaved-guard-rules.ts
+function p(e, t, n = {}) {
+	return e.pathname !== t.pathname || !n.ignoreSearch && e.search !== t.search;
+}
+function m({ dirty: e, released: t, context: n, leaves: r, ignoreSearch: i }) {
+	if (t || !e) return !1;
+	let { currentLocation: a, nextLocation: o } = n;
+	return r ? r(a, o) : p(a, o, { ignoreSearch: i });
+}
+//#endregion
+//#region lib/hooks/use-allowed-transitions.ts
+function h(e, t, n) {
+	return (t[e] || []).map((e) => {
+		let t = n[e];
+		return t ? {
+			targetStatus: e,
+			...t
+		} : null;
+	}).filter((e) => e !== null);
+}
+//#endregion
+//#region lib/hooks/drafts-store.ts
+function g(e, t, n) {
+	let r = {};
+	try {
+		let i = e?.getItem(t);
+		if (!i) return r;
+		let a = JSON.parse(i);
+		if (!a || typeof a != "object" || Array.isArray(a)) return r;
+		for (let [e, t] of Object.entries(a)) if (typeof t == "string") try {
+			let i = n(t);
+			i !== void 0 && (r[e] = i);
+		} catch {}
+	} catch {}
+	return r;
+}
+function _(e, t, n, r) {
+	try {
+		let i = Object.keys(n);
+		if (i.length === 0) {
+			e?.removeItem(t);
+			return;
+		}
+		let a = {};
+		for (let e of i) a[e] = r(n[e]);
+		e?.setItem(t, JSON.stringify(a));
+	} catch {}
+}
+//#endregion
+//#region lib/hooks/use-drafts.ts
+function v() {
+	try {
+		return window.sessionStorage;
+	} catch {
+		return;
+	}
+}
+var y = (e) => JSON.parse(e);
+function b(e) {
+	try {
+		return e === void 0 ? v() : typeof e == "function" ? e() : e;
+	} catch {
+		return;
+	}
+}
+function x(e, t) {
+	try {
+		b(t)?.removeItem(e);
+	} catch {}
+}
+function S(e, t = {}) {
+	let { serialize: n = JSON.stringify, parse: c = y, storage: l } = t, [u, d] = s({
+		key: e,
+		drafts: {},
+		loaded: !1
+	}), f = o(u), p = u.key === e, m = p ? u.drafts : C, h = p && u.loaded;
+	i(() => {
+		let t = g(b(l), e, c), n = f.current, r = {
+			key: e,
+			drafts: n.key === e ? {
+				...t,
+				...n.drafts
+			} : t,
+			loaded: !0
+		};
+		f.current = r, d(r);
+	}, [e]);
+	let v = r((t) => {
+		let r = b(l), i = f.current, a = i.key === e && i.loaded, o = {
+			key: e,
+			drafts: t(a ? i.drafts : g(r, e, c)),
+			loaded: a
+		};
+		_(r, e, o.drafts, n), f.current = o, d(o);
+	}, [e]), x = r((e, t) => v((n) => ({
+		...n,
+		[e]: t
+	})), [v]), S = r((e) => v((t) => {
+		let { [e]: n, ...r } = t;
+		return r;
+	}), [v]), w = r(() => v(() => ({})), [v]);
+	return {
+		get: r((e) => m[e], [m]),
+		set: x,
+		drop: S,
+		clear: w,
+		keys: a(() => Object.keys(m), [m]),
+		loaded: h
+	};
+}
+var C = {};
+//#endregion
+//#region lib/hooks/use-formatters.ts
+function w(t = {}) {
+	let n = e(), r = t.locale ?? n?.language ?? "en", { timeZone: i } = t;
+	return a(() => f({
+		locale: r,
+		timeZone: i
+	}), [r, i]);
+}
+//#endregion
+//#region lib/hooks/use-navigation.ts
+function T(e, t) {
+	let n = u();
+	return r(() => {
+		n(e, t);
+	}, [
+		n,
+		e,
+		t
+	]);
+}
+function E(e) {
+	let t = u();
+	return a(() => e.map(({ to: e, options: n }) => () => {
+		t(e, n);
+	}), [t, e]);
+}
+//#endregion
+//#region lib/hooks/use-number-formatter.ts
+function D() {
+	let n = e(), i = r((e, r) => t(e, {
+		...r,
+		language: n?.language
+	}), [n?.language]);
+	return {
+		formatCurrency: r((e, t) => i(e, {
+			...t,
+			currency: t?.currency,
+			style: t?.currency ? "currency" : void 0
+		}), [i]),
+		formatNumber: i
+	};
+}
+//#endregion
+//#region lib/hooks/use-options.ts
+function O(e, { filter: t, value: n, label: r, expanded: i }) {
+	return e.filter((e) => e && (t?.(e) ?? !0)).map((e) => {
+		let t = typeof n == "function" ? n(e) : e[n]?.toString() ?? "", a = "";
+		return a = typeof r == "function" ? r(e) : Array.isArray(r) ? r.map((t) => e[t]).filter(Boolean).join(" ") : e[r]?.toString() ?? "", {
+			value: t,
+			label: a,
+			...i ? e : {}
+		};
+	});
+}
+function k(e, t) {
+	let { filter: n, value: r, label: i, expanded: o } = t;
+	return a(() => O(e, {
+		filter: n,
+		value: r,
+		label: i,
+		expanded: o
+	}), [
+		e,
+		n,
+		r,
+		i,
+		o
+	]);
+}
+function A(e) {
+	return e?.edges?.map((e) => e.node) ?? [];
+}
+//#endregion
+//#region lib/hooks/use-react-router-block.ts
+var j = (e) => {
+	let t = l(e);
+	return {
+		state: t.state,
+		proceed: () => t.state === "blocked" && t.proceed(),
+		reset: () => t.state === "blocked" && t.reset()
+	};
+};
+//#endregion
+//#region lib/hooks/use-search-param.ts
+function M(e) {
+	let [t, n] = d();
+	return a(() => t.get(e), [t, e]);
+}
+//#endregion
+//#region lib/hooks/use-unsaved-guard/guard-core.ts
+var N = (e) => typeof e == "function" ? e() : e;
+function P(e) {
+	let t = !1, n, r = () => {
+		n !== void 0 && clearTimeout(n), n = void 0;
+	}, i = () => {
+		t = !1, r();
+	};
+	return {
+		release() {
+			t = !0, r(), n = setTimeout(i, 0);
+		},
+		rearm: i,
+		dispose: r,
+		shouldBlock(n, r) {
+			if (!m({
+				dirty: !0,
+				released: !1,
+				context: n,
+				...r
+			})) return !1;
+			let a = t;
+			return i(), !a && N(e());
+		},
+		shouldWarnUnload() {
+			return !t && N(e());
+		}
+	};
+}
+function F(e, t) {
+	let n = (e) => {
+		t.shouldWarnUnload() && (e.preventDefault(), e.returnValue = "");
+	};
+	return e.addEventListener("beforeunload", n), () => e.removeEventListener("beforeunload", n);
+}
+async function I(e) {
+	if (!e) return !1;
+	try {
+		return await e() === !0;
+	} catch {
+		return !1;
+	}
+}
+//#endregion
+//#region lib/hooks/use-unsaved-guard/use-discard-guard.tsx
+function L(e, t = {}) {
+	let i = o(e);
+	i.current = e;
+	let [a, l] = s(null);
+	return {
+		close: r((e) => {
+			N(i.current) ? l(() => e) : e();
+		}, []),
+		dialog: /* @__PURE__ */ c(n, {
+			...t,
+			open: a !== null,
+			onOpenChange: (e) => {
+				e || l(null);
+			},
+			onLeave: () => {
+				a?.();
+			}
+		})
+	};
+}
+//#endregion
+//#region lib/hooks/use-unsaved-guard/use-unsaved-guard.tsx
+function R(e) {
+	i(() => F(window, e), [e]);
+}
+function z(e, t) {
+	let [n, r] = s(!1), a = o(!1), c = o(e);
+	c.current = e;
+	let l = o(t);
+	return l.current = t, i(() => {
+		if (e.state !== "blocked") {
+			a.current = !1, r(!1);
+			return;
+		}
+		a.current || (a.current = !0, I(l.current).then((e) => {
+			e ? c.current.proceed() : r(!0);
+		}));
+	}, [e.state]), {
+		asking: n && e.state === "blocked",
+		setAsking: r,
+		blockerRef: c
+	};
+}
+function B(e, t) {
+	let { block: a, leaves: l, ignoreSearch: u, onBlock: d, ...f } = t, p = o(e);
+	p.current = e;
+	let [m] = s(() => P(() => p.current)), h = o(!1), { asking: g, setAsking: _, blockerRef: v } = z(a((e) => m.shouldBlock(e, {
+		leaves: l,
+		ignoreSearch: u
+	})), d);
+	R(m), i(() => m.dispose, [m]);
+	let y = typeof e == "boolean" ? e : void 0;
+	return i(() => {
+		y && m.rearm();
+	}, [y, m]), {
+		release: r(() => m.release(), [m]),
+		dialog: /* @__PURE__ */ c(n, {
+			...f,
+			open: g,
+			onOpenChange: (e) => {
+				if (!e) {
+					if (_(!1), h.current) {
+						h.current = !1;
+						return;
+					}
+					v.current.reset();
+				}
+			},
+			onLeave: () => {
+				h.current = !0, v.current.proceed();
+			}
+		})
+	};
+}
+//#endregion
+export { O as a, D as c, w as d, x as f, m as g, p as h, j as i, T as l, h as m, L as n, A as o, S as p, M as r, k as s, B as t, E as u };

package/dist/hooks.js

@@ -1,8 +1,8 @@
 import { a as e, i as t, o as n, r, s as i } from "./theme-store-BdPp43cV.js";
 import { n as a, t as o } from "./use-theme-BCLireTd.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-heading-spy-BOtygPFu.js";
+import { a as s, c, d as l, o as u, r as d, s as f, t as p } from "./use-heading-spy-mmcyEGmm.js";
 import { r as m } from "./use-csp-nonce-ZKs9k-ov.js";
 import { t as h } from "./use-mobile-BDro060N.js";
 import { t as g } from "./use-scroll-away-PQRFZkT2.js";
-import { a as _, c as v, d as y, i as b, l as x, n as S, o as C, r as w, s as T, t as E, u as D } from "./hooks-CGnqFngB.js";
-export { r as DEFAULT_THEME, t as applyResolvedTheme, e as applyThemeName, S as buildOptions, d as busySettler, x as clearDrafts, c as createSubmitGuard, w as extractNode, n as resolveTheme, i as resolveThemeName, y as useAllowedTransitions, l as useCountdown, m as useCspNonce, D as useDrafts, u as useFocusOnMount, v as useFormatters, p as useHeadingSpy, a as useIsClient, h as useIsMobile, f as useLocalizedDate, C as useNavigationHandler, T as useNavigationHandlers, _ as useNumberFormatter, b as useOptions, g as useScrollAway, E as useSearchParam, s as useSubmitOnce, o as useTheme };
+import { a as _, c as v, d as y, f as b, g as x, h as S, i as C, l as w, m as T, n as E, o as D, p as O, r as k, s as A, t as j, u as M } from "./hooks-a7_exKWS.js";
+export { r as DEFAULT_THEME, t as applyResolvedTheme, e as applyThemeName, _ as buildOptions, s as busySettler, b as clearDrafts, u as createSubmitGuard, D as extractNode, S as isLeaving, n as resolveTheme, i as resolveThemeName, x as shouldBlockNavigation, T as useAllowedTransitions, d as useCountdown, m as useCspNonce, E as useDiscardGuard, O as useDrafts, c as useFocusOnMount, y as useFormatters, p as useHeadingSpy, a as useIsClient, h as useIsMobile, l as useLocalizedDate, w as useNavigationHandler, M as useNavigationHandlers, v as useNumberFormatter, A as useOptions, C as useReactRouterBlock, g as useScrollAway, k as useSearchParam, f as useSubmitOnce, o as useTheme, j as useUnsavedGuard };

package/dist/{hover-card-DPs9huSs.js → hover-card-D_0smKBQ.js}

@@ -1,9 +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-C5lObWXT.js";
+import { C as s, S as c, f as l, m as u, p as d, u as f } from "./spinner-CAnpF3RK.js";
 import { t as p } from "./in-dialog-Vwkyp-M5.js";
-import { i as m } from "./escape-owner-r57kuPjn.js";
+import { i as m } from "./escape-owner-DpaP0lm1.js";
 import * as h from "react";
 import { Activity as g } from "react";
 import { jsx as _ } from "react/jsx-runtime";

package/dist/i18n.js

@@ -1,10 +1,8 @@
 import { t as e } from "./is-production-GLw59WU8.js";
-import { a as t, i as n, n as r, r as i } from "./stored-language-B-tiWZU2.js";
-import { n as a, r as o, t as s } from "./i18n-provider-BehR6cU7.js";
-import { i as c, n as l, o as u, r as d, t as f } from "./translator-B9XjUDRu.js";
-import { o as p, t as m } from "./merge-BCZE6HGq.js";
-import { t as h } from "./translate-material-tUaLZUmT.js";
-import { t as g } from "./use-material-translation-B5j3jZs7.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-Caf-d96e.js";
+import { i as u, n as d, r as f, t as p } from "./translate-material-CvZK8_S6.js";
+import { o as m, t as h } from "./merge-BCZE6HGq.js";
+import { t as g } from "./use-material-translation-C_1cWRzW.js";
 import { useCallback as _ } from "react";
 //#region lib/i18n/merge-resources.ts
 function v(e, t, n = "") {
@@ -12,7 +10,7 @@ function v(e, t, n = "") {
 	for (let i of Object.keys(t)) {
 		if (!(i in e)) continue;
 		let a = n ? `${n}.${i}` : i, o = e[i], s = t[i];
-		p(o) && p(s) ? r.push(...v(o, s, a)) : r.push(a);
+		m(o) && m(s) ? r.push(...v(o, s, a)) : r.push(a);
 	}
 	return r;
 }
@@ -25,7 +23,7 @@ function b(e, t) {
 	let n = /* @__PURE__ */ new Set([...Object.keys(e), ...Object.keys(t)]), r = {};
 	for (let i of n) {
 		let n = e[i] ?? {}, a = t[i] ?? {};
-		y(i, n, a), r[i] = m({}, n, a);
+		y(i, n, a), r[i] = h({}, n, a);
 	}
 	return r;
 }
@@ -33,7 +31,7 @@ function b(e, t) {
 //#region lib/i18n/use-typed-translation.ts
 function x(e) {
 	return function() {
-		let { language: t, changeLanguage: n } = a();
+		let { language: t, changeLanguage: n } = f();
 		return {
 			t: _((n, r) => e(n, r, () => t), [t]),
 			i18n: {
@@ -44,4 +42,4 @@ function x(e) {
 	};
 }
 //#endregion
-export { r as FALLBACK_LANGUAGE, c as FormatMessageError, s as I18nProvider, i as LANGUAGE_KEY, n as SUPPORTED_LANGUAGES, f as createTranslator, x as createTypedTranslation, u as formatMessage, l as getLanguage, b as mergeResources, t as resources, d as translate, h as translateMaterial, a as useI18nContext, g as useMaterialTranslation, o as useOptionalI18nContext };
+export { t as FALLBACK_LANGUAGE, r as FormatMessageError, d as I18nProvider, i as LANGUAGE_KEY, l as SUPPORTED_LANGUAGES, c as createTranslator, x as createTypedTranslation, o as formatMessage, a as getLanguage, b as mergeResources, n as resources, s as translate, p as translateMaterial, f as useI18nContext, g as useMaterialTranslation, u as useOptionalI18nContext };

package/dist/{icon-badge-C646JTOI.js → icon-badge-CBCU3ySF.js}

@@ -1,13 +1,13 @@
 import { t as e } from "./utils-BLfntITJ.js";
-import { f as t } from "./dialog-yfPkLqUQ.js";
-import { a as n, i as r, n as i } from "./field-blur-context-DbJQZkEB.js";
-import { t as a } from "./icon-button-DvP0Gy3j.js";
+import { a as t, i as n, n as r } from "./field-blur-context-DPe5_Nv5.js";
+import { t as i } from "./icon-button-hKHsWTAt.js";
+import { f as a } from "./dialog-Bd7Hid2L.js";
 import { isValidElement as o, useId as s } from "react";
 import { jsx as c, jsxs as l } from "react/jsx-runtime";
 import { describedBy as u } from "@nxgt/material-core/described-by";
 //#region lib/components/ui/fields/text-field/text-field.tsx
-function d({ error: a, helperText: d, label: p, className: m, leading: h, trailing: g, ..._ }) {
-	let v = i(), y = s(), b = s(), x = u(_["aria-describedby"], !!d && b), S = !!h && !o(h), C = !!g && !o(g), w = /* @__PURE__ */ l("div", {
+function d({ error: i, helperText: d, label: p, className: m, leading: h, trailing: g, ..._ }) {
+	let v = r(), y = s(), b = s(), x = u(_["aria-describedby"], !!d && b), S = !!h && !o(h), C = !!g && !o(g), w = /* @__PURE__ */ l("div", {
 		className: e("relative", {
 			"*:first:size-8 *:first:absolute *:first:top-[calc(50%-16px)] *:first:left-1.5 [&_input]:pl-10 *:first:bg-muted/80 *:first:text-muted-foreground": !!h && !S,
 			"*:last:size-8 *:last:absolute *:last:top-[calc(50%-16px)] *:last:right-1.5 *:last:pointer-coarse:size-11 *:last:pointer-coarse:top-[calc(50%-22px)] *:last:pointer-coarse:right-0 [&_input]:pr-.5 *:last:bg-muted/80  *:last:text-muted-foreground": !!g && !C,
@@ -19,8 +19,8 @@ function d({ error: a, helperText: d, label: p, className: m, leading: h, traili
 				slot: "leading",
 				children: h
 			}) : h && h,
-			/* @__PURE__ */ c(t, {
-				"aria-invalid": a,
+			/* @__PURE__ */ c(a, {
+				"aria-invalid": i,
 				..._,
 				id: _.id ?? y,
 				"aria-describedby": x
@@ -35,15 +35,15 @@ function d({ error: a, helperText: d, label: p, className: m, leading: h, traili
 		ref: v,
 		"data-slot": "text-field",
 		className: e("grid w-full content-start gap-1.5", m),
-		children: [/* @__PURE__ */ c(r, {
+		children: [/* @__PURE__ */ c(n, {
 			withAsterisk: _.required,
 			htmlFor: _.id ?? y,
 			children: p
 		}), /* @__PURE__ */ l("div", {
 			className: "flex flex-col gap-0.5",
-			children: [w, d ? /* @__PURE__ */ c(n, {
+			children: [w, d ? /* @__PURE__ */ c(t, {
 				id: b,
-				error: a,
+				error: i,
 				children: d
 			}) : null]
 		})]
@@ -59,10 +59,10 @@ function f({ slot: t, children: n }) {
 //#endregion
 //#region lib/components/ui/actions/icon-button/icon-badge.tsx
 function p({ children: t, className: n, ...r }) {
-	let i = !!(r["aria-label"] || r["aria-labelledby"]);
-	return /* @__PURE__ */ c(a, {
-		"aria-hidden": i ? void 0 : "true",
-		role: i ? "img" : void 0,
+	let a = !!(r["aria-label"] || r["aria-labelledby"]);
+	return /* @__PURE__ */ c(i, {
+		"aria-hidden": a ? void 0 : "true",
+		role: a ? "img" : void 0,
 		...r,
 		asChild: !0,
 		className: e("cursor-default", n),

package/dist/{icon-button-DvP0Gy3j.js → icon-button-hKHsWTAt.js}

@@ -1,7 +1,7 @@
 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-C5lObWXT.js";
+import { n as i, r as a, t as o } from "./spinner-CAnpF3RK.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";

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

@@ -22,3 +22,4 @@ export * from './step-dots/index.js';
 export * from './step-up-dialog/index.js';
 export * from './toast/index.js';
 export * from './typing-indicator/index.js';
+export * from './unsaved-dialog/index.js';

package/dist/lib/components/ui/feedback/unsaved-dialog/index.d.ts

@@ -0,0 +1 @@
+export * from './unsaved-dialog.js';

package/dist/lib/components/ui/feedback/unsaved-dialog/unsaved-dialog.d.ts

@@ -0,0 +1,20 @@
+export interface UnsavedDialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    /** Runs on "Leave". The dialog closes after it. */
+    onLeave: () => void | Promise<void>;
+    /** Default: "Leave without saving?" (translated). */
+    title?: string;
+    /** Default: the unsaved changes will be lost (translated). */
+    description?: string;
+    /** Default: "Stay" (translated). */
+    stayLabel?: string;
+    /** Default: "Leave" (translated). */
+    leaveLabel?: string;
+}
+/**
+ * "Leave without saving?": a destructive ConfirmDialog whose default focus is
+ * Stay, so Enter keeps the work. `useUnsavedGuard` and `useDiscardGuard` render
+ * it; use it directly for a guard of your own.
+ */
+export declare function UnsavedDialog({ open, onOpenChange, onLeave, title, description, stayLabel, leaveLabel, }: UnsavedDialogProps): import("react").JSX.Element;