@nxgt/material 2.16.0 → 2.18.0

package/dist/{graphlib-BqO9Go2u.js → graphlib-DxjKaXeR.js}

@@ -1,9 +1,9 @@
-import { _ as e, a as t, f as n, g as r, i, o as a, v as o, y as s } from "./translator-DTl9h__E.js";
-import { a as c, o as l } from "./_overRest-HfSwfmH1.js";
-import { A as u, C as d, O as f, b as p, v as m, x as ee, y as h } from "./async-slice-CsE3hkCD.js";
-import { d as te, n as ne } from "./_Uint8Array-CjLUgWgf.js";
-import { n as re, r as ie, t as g } from "./isArrayLikeObject-83P1fvEs.js";
-import { i as _, n as ae, t as v } from "./isEmpty-C2z3Hypl.js";
+import { _ as e, a as t, f as n, g as r, i, o as a, v as o, y as s } from "./translator-DEde7BKz.js";
+import { a as c, o as l } from "./_overRest-CCAbV-eT.js";
+import { A as u, C as d, M as f, S as p, T as m, b as h, x as g } from "./async-slice-Cuekts5f.js";
+import { d as ee, n as te } from "./_Uint8Array-C7apDrb7.js";
+import { n as ne, r as re, t as _ } from "./isArrayLikeObject-H8k6W51O.js";
+import { i as ie, n as ae, t as v } from "./isEmpty-B0Bavg-e.js";
 //#region ../../node_modules/lodash-es/noop.js
 function oe() {}
 //#endregion
@@ -48,8 +48,8 @@ function T(e, t, n, r) {
 }
 //#endregion
 //#region ../../node_modules/lodash-es/_baseIsMatch.js
-var se = 1, ce = 2;
-function le(e, t, n, r) {
+var E = 1, se = 2;
+function ce(e, t, n, r) {
 	var i = n.length, a = i, o = !r;
 	if (e == null) return !a;
 	for (e = Object(e); i--;) {
@@ -62,53 +62,53 @@ function le(e, t, n, r) {
 		if (o && s[2]) {
 			if (l === void 0 && !(c in e)) return !1;
 		} else {
-			var d = new ne();
+			var d = new te();
 			if (r) var f = r(l, u, c, e, t, d);
-			if (!(f === void 0 ? m(u, l, se | ce, r, d) : f)) return !1;
+			if (!(f === void 0 ? h(u, l, E | se, r, d) : f)) return !1;
 		}
 	}
 	return !0;
 }
 //#endregion
 //#region ../../node_modules/lodash-es/_isStrictComparable.js
-function E(t) {
+function D(t) {
 	return t === t && !e(t);
 }
 //#endregion
 //#region ../../node_modules/lodash-es/_getMatchData.js
-function ue(e) {
-	for (var t = u(e), n = t.length; n--;) {
+function le(e) {
+	for (var t = f(e), n = t.length; n--;) {
 		var r = t[n], i = e[r];
 		t[n] = [
 			r,
 			i,
-			E(i)
+			D(i)
 		];
 	}
 	return t;
 }
 //#endregion
 //#region ../../node_modules/lodash-es/_matchesStrictComparable.js
-function D(e, t) {
+function O(e, t) {
 	return function(n) {
 		return n != null && n[e] === t && (t !== void 0 || e in Object(n));
 	};
 }
 //#endregion
 //#region ../../node_modules/lodash-es/_baseMatches.js
-function O(e) {
-	var t = ue(e);
-	return t.length == 1 && t[0][2] ? D(t[0][0], t[0][1]) : function(n) {
-		return n === e || le(n, e, t);
+function ue(e) {
+	var t = le(e);
+	return t.length == 1 && t[0][2] ? O(t[0][0], t[0][1]) : function(n) {
+		return n === e || ce(n, e, t);
 	};
 }
 //#endregion
 //#region ../../node_modules/lodash-es/_baseMatchesProperty.js
 var k = 1, A = 2;
 function j(e, t) {
-	return n(e) && E(t) ? D(a(e), t) : function(n) {
+	return n(e) && D(t) ? O(a(e), t) : function(n) {
 		var r = i(n, e);
-		return r === void 0 && r === t ? ae(n, e) : m(t, r, k | A);
+		return r === void 0 && r === t ? ae(n, e) : h(t, r, k | A);
 	};
 }
 //#endregion
@@ -133,19 +133,19 @@ function P(e) {
 //#endregion
 //#region ../../node_modules/lodash-es/_baseIteratee.js
 function F(e) {
-	return typeof e == "function" ? e : e == null ? l : typeof e == "object" ? o(e) ? j(e[0], e[1]) : O(e) : P(e);
+	return typeof e == "function" ? e : e == null ? l : typeof e == "object" ? o(e) ? j(e[0], e[1]) : ue(e) : P(e);
 }
 //#endregion
 //#region ../../node_modules/lodash-es/_baseForOwn.js
 function I(e, t) {
-	return e && re(e, t, u);
+	return e && ne(e, t, f);
 }
 //#endregion
 //#region ../../node_modules/lodash-es/_createBaseEach.js
 function L(e, t) {
 	return function(n, r) {
 		if (n == null) return n;
-		if (!te(n)) return e(n, r);
+		if (!ee(n)) return e(n, r);
 		for (var i = n.length, a = t ? i : -1, o = Object(n); (t ? a-- : ++a < i) && r(o[a], a, o) !== !1;);
 		return n;
 	};
@@ -180,7 +180,7 @@ function H(e, t) {
 //#endregion
 //#region ../../node_modules/lodash-es/filter.js
 function U(e, t) {
-	return (o(e) ? f : H)(e, F(t, 3));
+	return (o(e) ? u : H)(e, F(t, 3));
 }
 //#endregion
 //#region ../../node_modules/lodash-es/_baseValues.js
@@ -192,7 +192,7 @@ function de(e, t) {
 //#endregion
 //#region ../../node_modules/lodash-es/values.js
 function W(e) {
-	return e == null ? [] : de(e, u(e));
+	return e == null ? [] : de(e, f(e));
 }
 //#endregion
 //#region ../../node_modules/lodash-es/isUndefined.js
@@ -214,30 +214,30 @@ function K(e, t, n) {
 }
 //#endregion
 //#region ../../node_modules/lodash-es/_createSet.js
-var pe = d && 1 / h(new d([, -0]))[1] == Infinity ? function(e) {
-	return new d(e);
+var pe = m && 1 / g(new m([, -0]))[1] == Infinity ? function(e) {
+	return new m(e);
 } : oe, me = 200;
 function he(e, t, n) {
 	var r = -1, i = w, a = e.length, o = !0, s = [], c = s;
 	if (n) o = !1, i = z;
 	else if (a >= me) {
 		var l = t ? null : pe(e);
-		if (l) return h(l);
-		o = !1, i = p, c = new ee();
+		if (l) return g(l);
+		o = !1, i = p, c = new d();
 	} else c = t ? [] : s;
 	outer: for (; ++r < a;) {
-		var u = e[r], d = t ? t(u) : u;
-		if (u = n || u !== 0 ? u : 0, o && d === d) {
-			for (var f = c.length; f--;) if (c[f] === d) continue outer;
-			t && c.push(d), s.push(u);
-		} else i(c, d, n) || (c !== s && c.push(d), s.push(u));
+		var u = e[r], f = t ? t(u) : u;
+		if (u = n || u !== 0 ? u : 0, o && f === f) {
+			for (var m = c.length; m--;) if (c[m] === f) continue outer;
+			t && c.push(f), s.push(u);
+		} else i(c, f, n) || (c !== s && c.push(f), s.push(u));
 	}
 	return s;
 }
 //#endregion
 //#region ../../node_modules/lodash-es/union.js
-var ge = ie(function(e) {
-	return he(_(e, 1, g, !0));
+var ge = re(function(e) {
+	return he(ie(e, 1, _, !0));
 }), _e = "\0", q = "\0", J = "
", Y = class {
 	constructor(e = {}) {
 		this._isDirected = !Object.prototype.hasOwnProperty.call(e, "directed") || e.directed, this._isMultigraph = Object.prototype.hasOwnProperty.call(e, "multigraph") ? e.multigraph : !1, this._isCompound = Object.prototype.hasOwnProperty.call(e, "compound") ? e.compound : !1, this._label = void 0, this._defaultNodeLabelFn = c(void 0), this._defaultEdgeLabelFn = c(void 0), this._nodes = {}, this._isCompound && (this._parent = {}, this._children = {}, this._children[q] = {}), this._in = {}, this._preds = {}, this._out = {}, this._sucs = {}, this._edgeObjs = {}, this._edgeLabels = {};
@@ -264,7 +264,7 @@ var ge = ie(function(e) {
 		return this._nodeCount;
 	}
 	nodes() {
-		return u(this._nodes);
+		return f(this._nodes);
 	}
 	sources() {
 		var e = this;
@@ -298,7 +298,7 @@ var ge = ie(function(e) {
 			var t = (e) => this.removeEdge(this._edgeObjs[e]);
 			delete this._nodes[e], this._isCompound && (this._removeFromParentsChildList(e), delete this._parent[e], V(this.children(e), (e) => {
 				this.setParent(e);
-			}), delete this._children[e]), V(u(this._in[e]), t), delete this._in[e], delete this._preds[e], V(u(this._out[e]), t), delete this._out[e], delete this._sucs[e], --this._nodeCount;
+			}), delete this._children[e]), V(f(this._in[e]), t), delete this._in[e], delete this._preds[e], V(f(this._out[e]), t), delete this._out[e], delete this._sucs[e], --this._nodeCount;
 		}
 		return this;
 	}
@@ -324,17 +324,17 @@ var ge = ie(function(e) {
 	children(e) {
 		if (G(e) && (e = q), this._isCompound) {
 			var t = this._children[e];
-			if (t) return u(t);
+			if (t) return f(t);
 		} else if (e === q) return this.nodes();
 		else if (this.hasNode(e)) return [];
 	}
 	predecessors(e) {
 		var t = this._preds[e];
-		if (t) return u(t);
+		if (t) return f(t);
 	}
 	successors(e) {
 		var t = this._sucs[e];
-		if (t) return u(t);
+		if (t) return f(t);
 	}
 	neighbors(e) {
 		var t = this.predecessors(e);

package/dist/hooks.js

@@ -1,11 +1,12 @@
-import { r as e } from "./i18n-provider-C3SlA4J0.js";
-import { l as t, n, o as r, r as i, s as a, t as o, u as s } from "./use-heading-spy-C1KA3PrF.js";
-import { L as c, t as l } from "./number.utils-BiBN2hWJ.js";
-import { useCallback as u, useMemo as d } from "react";
-import { useNavigate as f, useSearchParams as p } from "react-router";
-import { createFormatters as m } from "@nxgt/material-core/print-format";
+import { r as e } from "./i18n-provider-Dv9ZSmgO.js";
+import { c as t, d as n, i as r, n as i, r as a, s as o, t as s, u as c } from "./use-heading-spy-XkSExwoT.js";
+import { L as l, t as u } from "./number.utils-BiBN2hWJ.js";
+import { useCallback as d, useEffect as f, useMemo as p, useState as m } from "react";
+import { useNavigate as h, useSearchParams as g } from "react-router";
+import { createFormatters as _ } from "@nxgt/material-core/print-format";
+import { busySettler as v, busySettler as y, createSubmitGuard as b, createSubmitGuard as x } from "@nxgt/material-core/submit-guard";
 //#region lib/hooks/use-allowed-transitions.ts
-function h(e, t, n) {
+function S(e, t, n) {
 	return (t[e] || []).map((e) => {
 		let t = n[e];
 		return t ? {
@@ -16,18 +17,18 @@ function h(e, t, n) {
 }
 //#endregion
 //#region lib/hooks/use-formatters.ts
-function g(t = {}) {
+function C(t = {}) {
 	let n = e(), r = t.locale ?? n?.language ?? "en", { timeZone: i } = t;
-	return d(() => m({
+	return p(() => _({
 		locale: r,
 		timeZone: i
 	}), [r, i]);
 }
 //#endregion
 //#region lib/hooks/use-navigation.ts
-function _(e, t) {
-	let n = f();
-	return u(() => {
+function w(e, t) {
+	let n = h();
+	return d(() => {
 		n(e, t);
 	}, [
 		n,
@@ -35,21 +36,21 @@ function _(e, t) {
 		t
 	]);
 }
-function v(e) {
-	let t = f();
-	return d(() => e.map(({ to: e, options: n }) => () => {
+function T(e) {
+	let t = h();
+	return p(() => e.map(({ to: e, options: n }) => () => {
 		t(e, n);
 	}), [t, e]);
 }
 //#endregion
 //#region lib/hooks/use-number-formatter.ts
-function y() {
-	let t = e(), n = u((e, n) => l(e, {
+function E() {
+	let t = e(), n = d((e, n) => u(e, {
 		...n,
 		language: t?.language
 	}), [t?.language]);
 	return {
-		formatCurrency: u((e, t) => n(e, {
+		formatCurrency: d((e, t) => n(e, {
 			...t,
 			currency: t?.currency,
 			style: t?.currency ? "currency" : void 0
@@ -59,7 +60,7 @@ function y() {
 }
 //#endregion
 //#region lib/hooks/use-options.ts
-function b(e, { filter: t, value: n, label: r, expanded: i }) {
+function D(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() ?? "", {
@@ -69,9 +70,9 @@ function b(e, { filter: t, value: n, label: r, expanded: i }) {
 		};
 	});
 }
-function x(e, t) {
+function O(e, t) {
 	let { filter: n, value: r, label: i, expanded: a } = t;
-	return d(() => b(e, {
+	return p(() => D(e, {
 		filter: n,
 		value: r,
 		label: i,
@@ -84,14 +85,25 @@ function x(e, t) {
 		a
 	]);
 }
-function S(e) {
+function k(e) {
 	return e?.edges?.map((e) => e.node) ?? [];
 }
 //#endregion
 //#region lib/hooks/use-search-param.ts
-function C(e) {
-	let [t, n] = p();
-	return d(() => t.get(e), [t, e]);
+function A(e) {
+	let [t, n] = g();
+	return p(() => t.get(e), [t, e]);
 }
 //#endregion
-export { t as applyResolvedTheme, b as buildOptions, S as extractNode, s as resolveTheme, h as useAllowedTransitions, r as useCspNonce, g as useFormatters, o as useHeadingSpy, c as useIsClient, i as useIsMobile, n as useLocalizedDate, _ as useNavigationHandler, v as useNavigationHandlers, y as useNumberFormatter, x as useOptions, C as useSearchParam, a as useTheme };
+//#region lib/hooks/use-submit-once.ts
+function j(e) {
+	let [t] = m(x), [n] = m(() => y(t)), r = e !== void 0;
+	return f(() => {
+		e !== void 0 && n(e);
+	}, [e, n]), d((e, n) => t.once(e, {
+		settleSync: !r,
+		...n
+	}), [t, r]);
+}
+//#endregion
+export { c as applyResolvedTheme, D as buildOptions, v as busySettler, b as createSubmitGuard, k as extractNode, n as resolveTheme, S as useAllowedTransitions, o as useCspNonce, i as useFocusOnMount, C as useFormatters, s as useHeadingSpy, l as useIsClient, r as useIsMobile, a as useLocalizedDate, w as useNavigationHandler, T as useNavigationHandlers, E as useNumberFormatter, O as useOptions, A as useSearchParam, j as useSubmitOnce, t as useTheme };

package/dist/{i18n-provider-C3SlA4J0.js → i18n-provider-Dv9ZSmgO.js}

@@ -1,4 +1,4 @@
-import { a as e, i as t, t as n } from "./stored-language-DPqzxRmf.js";
+import { a as e, i as t, t as n } from "./stored-language-BKoohv2_.js";
 import { jsx as r } from "react/jsx-runtime";
 import { createContext as i, useCallback as a, useContext as o, useMemo as s, useState as c } from "react";
 //#region lib/i18n/i18n-provider.tsx

package/dist/i18n.js

@@ -1,9 +1,9 @@
-import { a as e, i as t, o as n, r } from "./stored-language-DPqzxRmf.js";
-import { n as i, r as a, t as o } from "./i18n-provider-C3SlA4J0.js";
-import { n as s, r as c, t as l } from "./translator-DTl9h__E.js";
-import { o as u, t as d } from "./merge-CZIEHTTe.js";
-import { t as f } from "./translate-material-CqB-j9WD.js";
-import { t as p } from "./use-material-translation-DMa4Xrnd.js";
+import { a as e, i as t, o as n, r } from "./stored-language-BKoohv2_.js";
+import { n as i, r as a, t as o } from "./i18n-provider-Dv9ZSmgO.js";
+import { n as s, r as c, t as l } from "./translator-DEde7BKz.js";
+import { o as u, t as d } from "./merge-Js8537dg.js";
+import { t as f } from "./translate-material-CCJg3yfc.js";
+import { t as p } from "./use-material-translation-Cndoq_iK.js";
 import { useCallback as m } from "react";
 //#region lib/i18n/merge-resources.ts
 function h(e, t, n = "") {

package/dist/{isArrayLikeObject-83P1fvEs.js → isArrayLikeObject-H8k6W51O.js}

@@ -1,6 +1,6 @@
-import { x as e } from "./translator-DTl9h__E.js";
-import { i as t, o as n, t as r } from "./_overRest-HfSwfmH1.js";
-import { d as i } from "./_Uint8Array-CjLUgWgf.js";
+import { x as e } from "./translator-DEde7BKz.js";
+import { i as t, o as n, t as r } from "./_overRest-CCAbV-eT.js";
+import { d as i } from "./_Uint8Array-C7apDrb7.js";
 //#region ../../node_modules/lodash-es/_baseRest.js
 function a(e, i) {
 	return t(r(e, i, n), e + "");

package/dist/{isEmpty-C2z3Hypl.js → isEmpty-B0Bavg-e.js}

@@ -1,6 +1,6 @@
-import { C as e, o as t, s as n, v as r } from "./translator-DTl9h__E.js";
-import { S as i, j as a, k as o } from "./async-slice-CsE3hkCD.js";
-import { a as s, c, d as l, f as u, l as d, p as f, u as p } from "./_Uint8Array-CjLUgWgf.js";
+import { C as e, o as t, s as n, v as r } from "./translator-DEde7BKz.js";
+import { N as i, j as a, w as o } from "./async-slice-Cuekts5f.js";
+import { a as s, c, d as l, f as u, l as d, p as f, u as p } from "./_Uint8Array-C7apDrb7.js";
 //#region ../../node_modules/lodash-es/_isFlattenable.js
 var m = e ? e.isConcatSpreadable : void 0;
 function h(e) {
@@ -9,10 +9,10 @@ function h(e) {
 //#endregion
 //#region ../../node_modules/lodash-es/_baseFlatten.js
 function g(e, t, n, r, i) {
-	var a = -1, s = e.length;
-	for (n ||= h, i ||= []; ++a < s;) {
-		var c = e[a];
-		t > 0 && n(c) ? t > 1 ? g(c, t - 1, n, r, i) : o(i, c) : r || (i[i.length] = c);
+	var o = -1, s = e.length;
+	for (n ||= h, i ||= []; ++o < s;) {
+		var c = e[o];
+		t > 0 && n(c) ? t > 1 ? g(c, t - 1, n, r, i) : a(i, c) : r || (i[i.length] = c);
 	}
 	return i;
 }
@@ -43,9 +43,9 @@ var b = "[object Map]", x = "[object Set]", S = Object.prototype.hasOwnProperty;
 function C(e) {
 	if (e == null) return !0;
 	if (l(e) && (r(e) || typeof e == "string" || typeof e.splice == "function" || c(e) || s(e) || d(e))) return !e.length;
-	var t = i(e);
+	var t = o(e);
 	if (t == b || t == x) return !e.size;
-	if (p(e)) return !a(e).length;
+	if (p(e)) return !i(e).length;
 	for (var n in e) if (S.call(e, n)) return !1;
 	return !0;
 }

package/dist/{journeyDiagram-ZHPQQLJL-CKtbGcVT.js → journeyDiagram-ZHPQQLJL-C_omtnEz.js}

@@ -1,4 +1,4 @@
-import { ct as e } from "./components-Bkdm6jn6.js";
+import { ct as e } from "./components-CsPEBzNF.js";
 import { t } from "./src-CsLQInsN.js";
 import { n } from "./chunk-Y2CYZVJY-BAad7w_K.js";
 import { H as r, U as i, a, c as o, q as s, v as c, w as l, x as u, y as d } from "./chunk-O7XYJQB3-BChweQ_V.js";

package/dist/lib/components/ui/actions/copy-button/use-copy-status.d.ts

@@ -0,0 +1,13 @@
+/** Where a copy stands: nothing to say, on the clipboard, or refused. */
+export type CopyStatus = 'idle' | 'copied' | 'failed';
+/** How long `copied` / `failed` stays before the status is idle again. */
+export declare const COPY_STATUS_RESET_MS = 1500;
+/**
+ * Copies a text and remembers the outcome for a moment, for a polite status
+ * region to announce: what `CopyButton` and `RecoveryCodes` share. Nothing
+ * is set after unmount.
+ */
+export declare function useCopyStatus(resetMs?: number): {
+    status: CopyStatus;
+    copy: (text: string) => Promise<void>;
+};

package/dist/lib/components/ui/display/enrolment-secret/enrolment-secret.d.ts

@@ -0,0 +1,30 @@
+import { ComponentProps } from 'react';
+export type EnrolmentSecretProps = Omit<ComponentProps<'div'>, 'children'> & {
+    /** The `otpauth://` URI: the QR code's content and the link's target (a link only for an `otpauth:` scheme). */
+    uri: string;
+    /** The secret, typed by hand when the code cannot be scanned. */
+    secret: string;
+    /** Shows the QR code. Default `true`. */
+    showQrCode?: boolean;
+    /** The QR code's width and height, in pixels. Default `192`. */
+    qrSize?: number;
+    /** The QR code's accessible name. */
+    qrLabel?: string;
+    /** The link that opens the URI in an authenticator app on the same device. */
+    openAppLabel?: string;
+    /** The line before the secret. */
+    manualLabel?: string;
+    /** Names the group around the secret and its copy button. */
+    secretLabel?: string;
+    /** The copy button's accessible name. */
+    copyLabel?: string;
+    /** Announced once the secret is on the clipboard. */
+    copiedLabel?: string;
+};
+/**
+ * A TOTP enrolment: the QR code of the `otpauth://` URI, the URI as a link
+ * (a phone cannot scan its own screen; an authenticator app on it opens the
+ * link), and the secret in groups of four, to type or copy. The QR code sits
+ * beside the rest when the component is 28rem wide or more, above it on a phone.
+ */
+export declare function EnrolmentSecret({ uri, secret, showQrCode, qrSize, qrLabel, openAppLabel, manualLabel, secretLabel, copyLabel, copiedLabel, className, ...props }: EnrolmentSecretProps): import("react").JSX.Element;

package/dist/lib/components/ui/display/enrolment-secret/index.d.ts

@@ -0,0 +1,2 @@
+export { groupSecret } from '@nxgt/material-core/two-factor';
+export * from './enrolment-secret';

package/dist/lib/components/ui/display/enrolment-secret/use-enrolment-secret-labels.d.ts

@@ -0,0 +1,11 @@
+/** The texts an `EnrolmentSecret` shows, each one overridable by a prop. */
+export type EnrolmentSecretLabels = {
+    qr: string;
+    openApp: string;
+    manual: string;
+    secret: string;
+    copy: string;
+    copied: string;
+};
+/** The built-in labels, with the given overrides on top. */
+export declare function useEnrolmentSecretLabels(overrides: Partial<Record<keyof EnrolmentSecretLabels, string | undefined>>): EnrolmentSecretLabels;

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

@@ -10,6 +10,7 @@ export * from './chip';
 export * from './code';
 export * from './count-badge';
 export * from './description';
+export * from './enrolment-secret';
 export * from './entity-header';
 export * from './event-chip';
 export * from './figure';
@@ -18,6 +19,7 @@ export * from './markdown';
 export * from './metrics';
 export * from './param-table';
 export * from './qrcode';
+export * from './recovery-codes';
 export * from './stat-card';
 export * from './status-indicator';
 export * from './summary-data';

package/dist/lib/components/ui/display/recovery-codes/index.d.ts

@@ -0,0 +1,4 @@
+export type { DownloadTextOptions, RecoveryCodesTextOptions, } from '@nxgt/material-core/two-factor';
+export { downloadText, recoveryCodesText, } from '@nxgt/material-core/two-factor';
+export * from './recovery-codes';
+export type { RecoveryCodesLabels, RecoveryCodesProps, RecoveryCodesTitleElement, } from './types';

package/dist/lib/components/ui/display/recovery-codes/partials/recovery-codes-actions.d.ts

@@ -0,0 +1,14 @@
+import { RecoveryCodesLabels } from '../types';
+type Props = {
+    codes: readonly string[];
+    labels: RecoveryCodesLabels;
+    fileName: string;
+    fileHeading: string;
+    fileNote?: string;
+};
+/**
+ * Copy, download and print. The copy's outcome is announced by a polite
+ * status region of its own, so it needs no Toaster mounted.
+ */
+export declare function RecoveryCodesActions({ codes, labels, fileName, fileHeading, fileNote, }: Props): import("react").JSX.Element;
+export {};

package/dist/lib/components/ui/display/recovery-codes/partials/recovery-codes-confirm.d.ts

@@ -0,0 +1,13 @@
+import { RecoveryCodesLabels } from '../types';
+type Props = {
+    labels: RecoveryCodesLabels;
+    saved?: boolean;
+    onSavedChange?: (saved: boolean) => void;
+    onDone?: () => void;
+};
+/**
+ * "I have saved these codes", then "Done". "Done" before the box is ticked
+ * moves the focus to it, marks it invalid and says why under it.
+ */
+export declare function RecoveryCodesConfirm({ labels, saved: controlled, onSavedChange, onDone, }: Props): import("react").JSX.Element;
+export {};

package/dist/lib/components/ui/display/recovery-codes/partials/recovery-codes-list.d.ts

@@ -0,0 +1,5 @@
+/** The codes, one per item, in a grid that never runs off a phone. */
+export declare function RecoveryCodesList({ codes, label, }: {
+    codes: readonly string[];
+    label: string;
+}): import("react").JSX.Element;

package/dist/lib/components/ui/display/recovery-codes/recovery-codes.d.ts

@@ -0,0 +1,8 @@
+import { RecoveryCodesProps } from './types';
+/**
+ * One-time recovery codes, shown once: a list, copy, download, print (the
+ * card alone), and an "I have saved these codes" confirmation before "Done".
+ * Guarding the page against leaving before it is ticked is the app's, with
+ * its router: `saved` and `onSavedChange` say when.
+ */
+export declare function RecoveryCodes({ codes, title, titleAs, description, warning, focusTitle, fileName, fileHeading, fileNote, onDone, saved, onSavedChange, labels: overrides, className, ...props }: RecoveryCodesProps): import("react").JSX.Element;

package/dist/lib/components/ui/display/recovery-codes/types.d.ts

@@ -0,0 +1,64 @@
+import { ComponentProps, ReactNode } from 'react';
+/** The heading levels the title may take. */
+export type RecoveryCodesTitleElement = 'h2' | 'h3' | 'h4';
+/** Every built-in string of {@link RecoveryCodes}, each overridable. */
+export type RecoveryCodesLabels = {
+    /** Names the list of codes. "Recovery codes". */
+    list: string;
+    /** The copy button. "Copy codes". */
+    copy: string;
+    /** Announced once the codes are on the clipboard. "Codes copied". */
+    copied: string;
+    /** Announced when the clipboard refused them. "Copy failed". */
+    copyFailed: string;
+    /** The download button. "Download". */
+    download: string;
+    /** The print button. "Print". */
+    print: string;
+    /** The confirmation's label. "I have saved these codes". */
+    saved: string;
+    /** Under the confirmation once "Done" was pressed before it was ticked. */
+    savedRequired: string;
+    /** The button that calls `onDone`. "Done". */
+    done: string;
+};
+export type RecoveryCodesProps = Omit<ComponentProps<'div'>, 'title'> & {
+    /** The one-time codes, in the order they are shown and saved. */
+    codes: readonly string[];
+    /** The card's heading. "Recovery codes" by default. */
+    title?: ReactNode;
+    /** The heading element; `'h2'` by default. */
+    titleAs?: RecoveryCodesTitleElement;
+    /** A line under the title. */
+    description?: ReactNode;
+    /**
+     * A warning above the codes; a built-in one by default ("Each code works
+     * once…"). `false` hides it. Not printed.
+     */
+    warning?: ReactNode;
+    /**
+     * Moves the focus to the title once shown, as the codes replaced what the
+     * user acted on. Default `true`.
+     */
+    focusTitle?: boolean;
+    /** The downloaded file's name. Default `"recovery-codes.txt"`. */
+    fileName?: string;
+    /**
+     * The file's first line (the account the codes belong to); the title's
+     * text when it is a string, else "Recovery codes".
+     */
+    fileHeading?: string;
+    /** The file's second line; the warning's text when it is a string. */
+    fileNote?: string;
+    /**
+     * Called by the "Done" button, which is shown only when this is given and
+     * calls it only once the confirmation is ticked.
+     */
+    onDone?: () => void;
+    /** The confirmation, controlled; uncontrolled when left out. */
+    saved?: boolean;
+    /** Called when the confirmation is ticked or unticked. */
+    onSavedChange?: (saved: boolean) => void;
+    /** Overrides for the built-in strings. */
+    labels?: Partial<RecoveryCodesLabels>;
+};

package/dist/lib/components/ui/display/recovery-codes/use-recovery-codes-labels.d.ts

@@ -0,0 +1,7 @@
+import { RecoveryCodesLabels } from './types';
+/** The built-in title and warning, and the labels with their overrides. */
+export declare function useRecoveryCodesLabels(overrides?: Partial<RecoveryCodesLabels>): {
+    labels: RecoveryCodesLabels;
+    title: string;
+    warning: string;
+};