@nxgt/material 3.62.0 → 3.63.0

package/dist/{use-heading-spy-BOtygPFu.js → use-heading-spy-mmcyEGmm.js}

@@ -1,9 +1,14 @@
-import { r as e } from "./i18n-provider-BehR6cU7.js";
-import { _ as t, g as n, h as r, n as i, v as a, y as o } from "./number.utils-BG_eEt5g.js";
-import { useCallback as s, useEffect as c, useMemo as l, useRef as u, useState as d } from "react";
-import { busySettler as f, busySettler as p, createSubmitGuard as m, createSubmitGuard as h } from "@nxgt/material-core/submit-guard";
+import { t as e } from "./utils-BLfntITJ.js";
+import { a as t, c as n, d as r, i, n as a, r as o, t as s, u as c } from "./alert-dialog-RHm6WtQj.js";
+import { a as l } from "./button-DfS_amfQ.js";
+import { i as u } from "./translate-material-CvZK8_S6.js";
+import { t as d } from "./use-material-translation-C_1cWRzW.js";
+import { _ as f, g as p, h as m, n as h, v as g, y as _ } from "./number.utils-BG_eEt5g.js";
+import { useCallback as v, useEffect as y, useMemo as b, useRef as x, useState as S } from "react";
+import { jsx as C, jsxs as w } from "react/jsx-runtime";
+import { busySettler as T, busySettler as E, createSubmitGuard as D, createSubmitGuard as O } from "@nxgt/material-core/submit-guard";
 //#region ../../node_modules/date-fns/locale/fr/_lib/formatDistance.js
-var g = {
+var k = {
 	lessThanXSeconds: {
 		one: "moins d’une seconde",
 		other: "moins de {{count}} secondes"
@@ -65,11 +70,11 @@ var g = {
 		one: "presqu’un an",
 		other: "presque {{count}} ans"
 	}
-}, _ = (e, t, n) => {
-	let r, i = g[e];
+}, A = (e, t, n) => {
+	let r, i = k[e];
 	return r = typeof i == "string" ? i : t === 1 ? i.one : i.other.replace("{{count}}", String(t)), n?.addSuffix ? n.comparison && n.comparison > 0 ? "dans " + r : "il y a " + r : r;
-}, v = {
-	date: o({
+}, j = {
+	date: _({
 		formats: {
 			full: "EEEE d MMMM y",
 			long: "d MMMM y",
@@ -78,7 +83,7 @@ var g = {
 		},
 		defaultWidth: "full"
 	}),
-	time: o({
+	time: _({
 		formats: {
 			full: "HH:mm:ss zzzz",
 			long: "HH:mm:ss z",
@@ -87,7 +92,7 @@ var g = {
 		},
 		defaultWidth: "full"
 	}),
-	dateTime: o({
+	dateTime: _({
 		formats: {
 			full: "{{date}} 'à' {{time}}",
 			long: "{{date}} 'à' {{time}}",
@@ -96,18 +101,18 @@ var g = {
 		},
 		defaultWidth: "full"
 	})
-}, y = {
+}, M = {
 	lastWeek: "eeee 'dernier à' p",
 	yesterday: "'hier à' p",
 	today: "'aujourd’hui à' p",
 	tomorrow: "'demain à' p'",
 	nextWeek: "eeee 'prochain à' p",
 	other: "P"
-}, b = (e, t, n, r) => y[e], x = {
+}, N = (e, t, n, r) => M[e], P = {
 	narrow: ["av. J.-C", "ap. J.-C"],
 	abbreviated: ["av. J.-C", "ap. J.-C"],
 	wide: ["avant Jésus-Christ", "après Jésus-Christ"]
-}, S = {
+}, F = {
 	narrow: [
 		"T1",
 		"T2",
@@ -126,7 +131,7 @@ var g = {
 		"3ème trimestre",
 		"4ème trimestre"
 	]
-}, C = {
+}, I = {
 	narrow: [
 		"J",
 		"F",
@@ -169,7 +174,7 @@ var g = {
 		"novembre",
 		"décembre"
 	]
-}, w = {
+}, L = {
 	narrow: [
 		"D",
 		"L",
@@ -206,7 +211,7 @@ var g = {
 		"vendredi",
 		"samedi"
 	]
-}, T = {
+}, R = {
 	narrow: {
 		am: "AM",
 		pm: "PM",
@@ -237,7 +242,7 @@ var g = {
 		evening: "du soir",
 		night: "du matin"
 	}
-}, E = (e, t) => {
+}, z = (e, t) => {
 	let n = Number(e), r = t?.unit;
 	if (n === 0) return "0";
 	let i = [
@@ -248,48 +253,48 @@ var g = {
 		"second"
 	], a;
 	return a = n === 1 ? r && i.includes(r) ? "ère" : "er" : "ème", n + a;
-}, D = ["MMM", "MMMM"], O = {
-	en: r,
+}, B = ["MMM", "MMMM"], V = {
+	en: m,
 	fr: {
 		code: "fr",
-		formatDistance: _,
-		formatLong: v,
-		formatRelative: b,
+		formatDistance: A,
+		formatLong: j,
+		formatRelative: N,
 		localize: {
-			preprocessor: (e, t) => e.getDate() === 1 || !t.some((e) => e.isToken && D.includes(e.value)) ? t : t.map((e) => e.isToken && e.value === "do" ? {
+			preprocessor: (e, t) => e.getDate() === 1 || !t.some((e) => e.isToken && B.includes(e.value)) ? t : t.map((e) => e.isToken && e.value === "do" ? {
 				isToken: !0,
 				value: "d"
 			} : e),
-			ordinalNumber: E,
-			era: a({
-				values: x,
+			ordinalNumber: z,
+			era: g({
+				values: P,
 				defaultWidth: "wide"
 			}),
-			quarter: a({
-				values: S,
+			quarter: g({
+				values: F,
 				defaultWidth: "wide",
 				argumentCallback: (e) => e - 1
 			}),
-			month: a({
-				values: C,
+			month: g({
+				values: I,
 				defaultWidth: "wide"
 			}),
-			day: a({
-				values: w,
+			day: g({
+				values: L,
 				defaultWidth: "wide"
 			}),
-			dayPeriod: a({
-				values: T,
+			dayPeriod: g({
+				values: R,
 				defaultWidth: "wide"
 			})
 		},
 		match: {
-			ordinalNumber: n({
+			ordinalNumber: p({
 				matchPattern: /^(\d+)(ième|ère|ème|er|e)?/i,
 				parsePattern: /\d+/i,
 				valueCallback: (e) => parseInt(e)
 			}),
-			era: t({
+			era: f({
 				matchPatterns: {
 					narrow: /^(av\.J\.C|ap\.J\.C|ap\.J\.-C)/i,
 					abbreviated: /^(av\.J\.-C|av\.J-C|apr\.J\.-C|apr\.J-C|ap\.J-C)/i,
@@ -299,7 +304,7 @@ var g = {
 				parsePatterns: { any: [/^av/i, /^ap/i] },
 				defaultParseWidth: "any"
 			}),
-			quarter: t({
+			quarter: f({
 				matchPatterns: {
 					narrow: /^T?[1234]/i,
 					abbreviated: /^[1234](er|ème|e)? trim\.?/i,
@@ -315,7 +320,7 @@ var g = {
 				defaultParseWidth: "any",
 				valueCallback: (e) => e + 1
 			}),
-			month: t({
+			month: f({
 				matchPatterns: {
 					narrow: /^[jfmasond]/i,
 					abbreviated: /^(janv|févr|mars|avr|mai|juin|juill|juil|août|sept|oct|nov|déc)\.?/i,
@@ -354,7 +359,7 @@ var g = {
 				},
 				defaultParseWidth: "any"
 			}),
-			day: t({
+			day: f({
 				matchPatterns: {
 					narrow: /^[lmjvsd]/i,
 					short: /^(di|lu|ma|me|je|ve|sa)/i,
@@ -384,7 +389,7 @@ var g = {
 				},
 				defaultParseWidth: "any"
 			}),
-			dayPeriod: t({
+			dayPeriod: f({
 				matchPatterns: {
 					narrow: /^(a|p|minuit|midi|mat\.?|ap\.?m\.?|soir|nuit)/i,
 					any: /^([ap]\.?\s?m\.?|du matin|de l'après[-\s]midi|du soir|de la nuit)/i
@@ -409,66 +414,176 @@ var g = {
 		}
 	}
 };
-function k() {
-	let t = e()?.language ?? "en", n = l(() => O[t] ?? r, [t]);
+function H() {
+	let e = u()?.language ?? "en", t = b(() => V[e] ?? m, [e]);
 	return {
-		language: t,
-		locale: n,
-		format: s((e, t) => i.format(e, t, n), [n])
+		language: e,
+		locale: t,
+		format: v((e, n) => h.format(e, n, t), [t])
 	};
 }
 //#endregion
+//#region lib/components/ui/feedback/alert-dialog/alert-dialog-actions.tsx
+function U({ className: t, ...n }) {
+	return /* @__PURE__ */ C(c, {
+		className: e(l({
+			variant: n.variant,
+			color: n.color
+		}), t),
+		...n
+	});
+}
+function W({ className: t, ...n }) {
+	return /* @__PURE__ */ C(r, {
+		"data-variant": n.variant ?? "tonal",
+		className: e(l({
+			variant: n.variant ?? "tonal",
+			color: n.color
+		}), t),
+		...n
+	});
+}
+//#endregion
 //#region lib/hooks/use-focus-on-mount.ts
-function A(e = !0) {
-	let t = u(null);
-	return c(() => {
+function G(e = !0) {
+	let t = x(null);
+	return y(() => {
 		e && t.current?.focus();
 	}, [e]), t;
 }
 //#endregion
 //#region lib/hooks/use-submit-once.ts
-function j(e) {
-	let [t] = d(m), [n] = d(() => f(t)), r = e !== void 0;
-	return c(() => {
+function K(e) {
+	let [t] = S(D), [n] = S(() => T(t)), r = e !== void 0;
+	return y(() => {
 		e !== void 0 && n(e);
-	}, [e, n]), s((e, n) => t.once(e, {
+	}, [e, n]), v((e, n) => t.once(e, {
 		settleSync: !r,
 		...n
 	}), [t, r]);
 }
 //#endregion
+//#region lib/components/ui/feedback/confirm-dialog/confirm-dialog-rules.ts
+function q(e) {
+	return e === "destructive" ? "max-sm:flex-col" : void 0;
+}
+function J({ busy: e, confirmDisabled: t, lockOnRefusal: n, error: r }) {
+	return e || !!t || !!n && !!r;
+}
+//#endregion
+//#region lib/components/ui/feedback/confirm-dialog/use-confirm-action.ts
+function Y({ open: e, onOpenChange: t, onConfirm: n }) {
+	let { t: r } = d(), [i, a] = S(!1), [o, s] = S(null);
+	return y(() => {
+		e || s(null);
+	}, [e]), {
+		pending: i,
+		error: o,
+		handleOpenChange: (e) => {
+			e && s(null), t(e);
+		},
+		handleConfirm: async (e) => {
+			e.preventDefault(), s(null), a(!0);
+			try {
+				await n(), t(!1);
+			} catch (e) {
+				s(e instanceof Error && e.message ? e.message : r("material.confirm-dialog.failed", "The action failed."));
+			} finally {
+				a(!1);
+			}
+		}
+	};
+}
+//#endregion
+//#region lib/components/ui/feedback/confirm-dialog/confirm-dialog.tsx
+function X({ open: e, onOpenChange: r, title: c, description: l, confirmLabel: u, cancelLabel: f, cancelVariant: p, onConfirm: m, variant: h = "default", loading: g = !1, confirmDisabled: _, lockOnRefusal: v, onCloseAutoFocus: y }) {
+	let { t: b } = d(), { pending: x, error: S, handleOpenChange: T, handleConfirm: E } = Y({
+		open: e,
+		onOpenChange: r,
+		onConfirm: m
+	}), D = g || x;
+	return /* @__PURE__ */ C(s, {
+		open: e,
+		onOpenChange: T,
+		children: /* @__PURE__ */ w(a, {
+			onCloseAutoFocus: y,
+			children: [
+				/* @__PURE__ */ w(t, { children: [/* @__PURE__ */ C(n, { children: c }), /* @__PURE__ */ C(o, { children: l })] }),
+				S && /* @__PURE__ */ C("p", {
+					role: "alert",
+					className: "text-sm text-error-text",
+					children: S
+				}),
+				/* @__PURE__ */ w(i, {
+					className: q(h),
+					children: [/* @__PURE__ */ C(W, {
+						disabled: D,
+						variant: p,
+						children: f ?? b("material.confirm-dialog.cancel", "Cancel")
+					}), /* @__PURE__ */ C(U, {
+						onClick: E,
+						color: h === "destructive" ? "error" : "primary",
+						disabled: J({
+							busy: D,
+							confirmDisabled: _,
+							lockOnRefusal: v,
+							error: S
+						}),
+						children: D ? b("material.confirm-dialog.processing", "Processing...") : u ?? b("material.confirm-dialog.confirm", "Confirm")
+					})]
+				})
+			]
+		})
+	});
+}
+//#endregion
 //#region lib/hooks/use-countdown.ts
-function M(e, { paused: t = !1, onExpire: n, key: r } = {}) {
-	let [i, a] = d(e), [o, s] = d({
+function Z(e, { paused: t = !1, onExpire: n, key: r } = {}) {
+	let [i, a] = S(e), [o, s] = S({
 		duration: e,
 		key: r
-	}), l = u(e), f = u(n);
-	f.current = n;
-	let p = o.duration !== e || o.key !== r;
-	return p && (s({
+	}), c = x(e), l = x(n);
+	l.current = n;
+	let u = o.duration !== e || o.key !== r;
+	return u && (s({
 		duration: e,
 		key: r
-	}), a(e)), c(() => {
-		l.current = e;
-	}, [e, r]), c(() => {
-		if (t || l.current <= 0) return;
-		let e = Date.now() + l.current * 1e3, n = window.setInterval(() => {
+	}), a(e)), y(() => {
+		c.current = e;
+	}, [e, r]), y(() => {
+		if (t || c.current <= 0) return;
+		let e = Date.now() + c.current * 1e3, n = window.setInterval(() => {
 			let t = Math.max(0, (e - Date.now()) / 1e3);
-			l.current = t, a(t), t <= 0 && (window.clearInterval(n), f.current?.());
+			c.current = t, a(t), t <= 0 && (window.clearInterval(n), l.current?.());
 		}, 250);
 		return () => window.clearInterval(n);
 	}, [
 		t,
 		e,
 		r
-	]), p ? e : i;
+	]), u ? e : i;
+}
+//#endregion
+//#region lib/components/ui/feedback/unsaved-dialog/unsaved-dialog.tsx
+function Q({ open: e, onOpenChange: t, onLeave: n, title: r, description: i, stayLabel: a, leaveLabel: o }) {
+	let { t: s } = d();
+	return /* @__PURE__ */ C(X, {
+		open: e,
+		onOpenChange: t,
+		variant: "destructive",
+		title: r ?? s("material.unsaved.title", "Leave without saving?"),
+		description: i ?? s("material.unsaved.description", "Your changes have not been saved and will be lost."),
+		cancelLabel: a ?? s("material.unsaved.stay", "Stay"),
+		confirmLabel: o ?? s("material.unsaved.leave", "Leave"),
+		onConfirm: n
+	});
 }
 //#endregion
 //#region lib/hooks/use-heading-spy.ts
-var N = "0px 0px -65% 0px", P = [0, 1];
-function F(e, t, n) {
-	let r = n?.rootMargin ?? N, i = n?.threshold ?? P;
-	c(() => {
+var $ = "0px 0px -65% 0px", ee = [0, 1];
+function te(e, t, n) {
+	let r = n?.rootMargin ?? $, i = n?.threshold ?? ee;
+	y(() => {
 		if (e.length === 0) return;
 		let n = e.map((e) => document.getElementById(e)).filter((e) => e != null);
 		if (n.length === 0) return;
@@ -489,4 +604,4 @@ function F(e, t, n) {
 	]);
 }
 //#endregion
-export { j as a, h as i, M as n, A as o, p as r, k as s, F as t };
+export { E as a, G as c, H as d, X as i, U as l, Q as n, O as o, Z as r, K as s, te as t, W as u };

package/dist/{use-material-translation-B5j3jZs7.js → use-material-translation-C_1cWRzW.js}

@@ -1,5 +1,4 @@
-import { r as e } from "./i18n-provider-BehR6cU7.js";
-import { t } from "./translate-material-tUaLZUmT.js";
+import { i as e, t } from "./translate-material-CvZK8_S6.js";
 import { useCallback as n } from "react";
 //#region lib/i18n/use-material-translation.ts
 function r() {