@nxgt/material-vue 0.41.0 → 0.43.0

package/dist/{pdf-outline-sidebar-CgmJjhUz.js → pdf-outline-sidebar-Kqsfd_cO.js}

@@ -1,7 +1,7 @@
 import { n as e } from "./rolldown-runtime-CWhphoD1.js";
 import { t } from "./utils-CykWQ0iJ.js";
-import { Lf as n } from "./components-C1JYYoQ4.js";
-import { t as r } from "./use-material-translation-Du3Wvsk1.js";
+import { Rf as n } from "./components-yCdbry6Q.js";
+import { t as r } from "./use-material-translation-CfFZPSe0.js";
 import { Fragment as i, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, defineComponent as u, normalizeClass as d, normalizeStyle as f, openBlock as p, ref as m, renderList as h, toDisplayString as g, unref as _, withCtx as v } from "vue";
 //#region lib/components/ui/media/pdf-viewer/partials/pdf-outline-row.vue?vue&type=script&setup=true&lang.ts
 var y = {

package/dist/{pdf-page-BjQNWV72.js → pdf-page-Dx3jwxu6.js}

@@ -1,5 +1,5 @@
 import { t as e } from "./utils-CykWQ0iJ.js";
-import { Kp as t } from "./components-C1JYYoQ4.js";
+import { qp as t } from "./components-yCdbry6Q.js";
 import { computed as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, defineComponent as s, nextTick as c, normalizeClass as l, normalizeStyle as u, onBeforeUnmount as d, openBlock as f, ref as p, shallowRef as m, unref as h, watch as g } from "vue";
 import { DEFAULT_PAGE_SIZE as _, escapeHtml as v, findTextMatches as y, highlightItemHtml as b, placeholderSize as x, rotatedSize as S } from "@nxgt/material-core/pdf-viewer";
 //#region lib/components/ui/media/pdf-viewer/pdf-note-icons.ts

package/dist/{pdf-page-list-nG0l4SjH.js → pdf-page-list-BsQmEHaY.js}

@@ -1,6 +1,6 @@
 import { n as e } from "./rolldown-runtime-CWhphoD1.js";
-import { Lf as t } from "./components-C1JYYoQ4.js";
-import { t as n } from "./pdf-page-BjQNWV72.js";
+import { Rf as t } from "./components-yCdbry6Q.js";
+import { t as n } from "./pdf-page-Dx3jwxu6.js";
 import { Fragment as r, createBlock as i, createElementBlock as a, createElementVNode as o, defineComponent as s, openBlock as c, renderList as l, withCtx as u } from "vue";
 //#region lib/components/ui/media/pdf-viewer/partials/pdf-page-list.vue?vue&type=script&setup=true&lang.ts
 var d = { class: "flex flex-col items-center gap-4 px-4 py-4" }, f = /*@__PURE__*/ s({

package/dist/{pdf-reader-Dekd4Ymw.js → pdf-reader-CJo8SQVl.js}

@@ -1,12 +1,12 @@
 import { t as e } from "./utils-CykWQ0iJ.js";
-import { kn as t } from "./components-C1JYYoQ4.js";
-import { t as n } from "./use-material-translation-Du3Wvsk1.js";
-import { t as r } from "./Button-BG3oDkrl.js";
-import { o as i } from "./HoverCardTrigger-Dh1ar_W4.js";
-import { n as a } from "./pdf-page-BjQNWV72.js";
-import { t as o } from "./pdf-page-list-nG0l4SjH.js";
-import { t as s } from "./pdf-sidebar-gDj63dRH.js";
-import { t as c } from "./pdf-toolbar-DmmrSlCq.js";
+import { kn as t } from "./components-yCdbry6Q.js";
+import { t as n } from "./use-material-translation-CfFZPSe0.js";
+import { t as r } from "./Button-C3K6dhqd.js";
+import { o as i } from "./HoverCardTrigger-Bga4YjEr.js";
+import { n as a } from "./pdf-page-Dx3jwxu6.js";
+import { t as o } from "./pdf-page-list-BsQmEHaY.js";
+import { t as s } from "./pdf-sidebar-CcCUATl-.js";
+import { t as c } from "./pdf-toolbar-B0ckYBJ2.js";
 import { computed as l, createBlock as u, createCommentVNode as d, createElementBlock as f, createElementVNode as p, createTextVNode as m, createVNode as h, defineComponent as g, nextTick as _, normalizeClass as v, onBeforeUnmount as y, onMounted as b, openBlock as x, reactive as S, ref as C, shallowRef as w, toDisplayString as T, toRef as E, unref as D, useId as O, watch as k, withCtx as A } from "vue";
 import { AlertCircle as j, FileX2 as M, KeyRound as N, Loader2 as P } from "@lucide/vue";
 import { pdfSourceKey as F, toPdfjsParams as I } from "@nxgt/material-core/pdf-source";
@@ -150,7 +150,7 @@ var ae = { class: "absolute inset-0 flex flex-col items-center justify-center ga
 	__name: "pdf-loading-overlay",
 	setup(e) {
 		let { t } = n();
-		return (e, n) => (x(), f("div", le, [h(D(P), { class: "size-8 animate-spin text-primary" }), p("p", ue, T(D(t)("material.pdf-reader.loading", "Loading document…")), 1)]));
+		return (e, n) => (x(), f("div", le, [h(D(P), { class: "size-8 animate-spin text-primary-text" }), p("p", ue, T(D(t)("material.pdf-reader.loading", "Loading document…")), 1)]));
 	}
 }), fe = { class: "absolute inset-0 flex flex-col items-center justify-center gap-4" }, pe = { class: "text-sm font-semibold" }, me = ["id"], he = /* @__PURE__ */ g({
 	__name: "pdf-password-form",
@@ -168,7 +168,7 @@ var ae = { class: "absolute inset-0 flex flex-col items-center justify-center ga
 			e.key === "Enter" && o("submit");
 		}
 		return (t, n) => (x(), f("div", fe, [
-			h(D(N), { class: "size-10 text-primary opacity-70" }),
+			h(D(N), { class: "size-10 text-primary-text opacity-70" }),
 			p("p", pe, T(D(s)("material.pdf-reader.password", "Password protected")), 1),
 			p("div", {
 				ref_key: "fields",
@@ -362,11 +362,11 @@ function Q(e) {
 		u(() => clearTimeout(f));
 	}, { flush: "post" }), k(t, (t, o, s) => {
 		if (!t) return;
-		let c = L(() => e.containerRef.value, () => e.pageRefs, (t) => {
-			a && te(e.pageRefs.get(a)) || (i(), n = t, e.goToPage(t));
-		});
-		r = c, n > 1 && c.hold(), s(() => {
-			c.stop(), r = null;
+		let c = () => te(e.pageRefs.get(a)), l = L(() => e.containerRef.value, () => e.pageRefs, (t) => {
+			a && c() || (i(), n = t, e.goToPage(t));
+		}, { readerPosition: () => !a || c() });
+		r = l, n > 1 && l.hold(), s(() => {
+			l.stop(), r = null;
 		});
 	}), k(e.currentPage, (a) => {
 		if (!t.value || e.numPages() === 0 || a === n) return;

package/dist/{pdf-sidebar-gDj63dRH.js → pdf-sidebar-CcCUATl-.js}

@@ -1,8 +1,8 @@
 import { n as e } from "./rolldown-runtime-CWhphoD1.js";
 import { t } from "./utils-CykWQ0iJ.js";
-import { t as n } from "./use-material-translation-Du3Wvsk1.js";
-import { t as r } from "./pdf-outline-sidebar-CgmJjhUz.js";
-import { t as i } from "./pdf-thumbnail-sidebar-C5ikii1Z.js";
+import { t as n } from "./use-material-translation-CfFZPSe0.js";
+import { t as r } from "./pdf-outline-sidebar-Kqsfd_cO.js";
+import { t as i } from "./pdf-thumbnail-sidebar-BRxNRGfG.js";
 import { createElementBlock as a, createElementVNode as o, createVNode as s, defineComponent as c, normalizeClass as l, openBlock as u, toDisplayString as d, unref as f, useId as p, useTemplateRef as m } from "vue";
 //#region lib/components/ui/media/pdf-viewer/partials/pdf-sidebar.vue?vue&type=script&setup=true&lang.ts
 var h = ["aria-label"], g = ["aria-label"], _ = [

package/dist/{pdf-thumbnail-sidebar-C5ikii1Z.js → pdf-thumbnail-sidebar-BRxNRGfG.js}

@@ -1,8 +1,8 @@
 import { n as e } from "./rolldown-runtime-CWhphoD1.js";
 import { t } from "./utils-CykWQ0iJ.js";
-import { Lf as n } from "./components-C1JYYoQ4.js";
-import { t as r } from "./use-material-translation-Du3Wvsk1.js";
-import { t as i } from "./pdf-page-BjQNWV72.js";
+import { Rf as n } from "./components-yCdbry6Q.js";
+import { t as r } from "./use-material-translation-CfFZPSe0.js";
+import { t as i } from "./pdf-page-Dx3jwxu6.js";
 import { Fragment as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createVNode as l, defineComponent as u, normalizeClass as d, openBlock as f, renderList as p, toDisplayString as m, unref as h, withCtx as g } from "vue";
 //#region lib/components/ui/media/pdf-viewer/partials/pdf-thumbnail-sidebar.vue?vue&type=script&setup=true&lang.ts
 var _ = ["aria-label"], v = {
@@ -56,7 +56,7 @@ var _ = ["aria-label"], v = {
 				"rotation",
 				"page-size",
 				"eager"
-			])]), c("span", { class: d(h(t)("text-xs font-medium transition-colors", e.currentPage === n ? "text-primary" : "text-muted-foreground")) }, m(n), 3)], 10, b))), 128))])]),
+			])]), c("span", { class: d(h(t)("text-xs font-medium transition-colors", e.currentPage === n ? "text-primary-text" : "text-muted-foreground")) }, m(n), 3)], 10, b))), 128))])]),
 			_: 1
 		})], 10, _));
 	}

package/dist/{pdf-toolbar-DmmrSlCq.js → pdf-toolbar-B0ckYBJ2.js}

@@ -1,10 +1,10 @@
 import { n as e } from "./rolldown-runtime-CWhphoD1.js";
 import { t } from "./utils-CykWQ0iJ.js";
-import { t as n } from "./use-material-translation-Du3Wvsk1.js";
-import { f as r } from "./Button-BG3oDkrl.js";
-import { t as i } from "./icon-button-DXrmfs6e.js";
+import { t as n } from "./use-material-translation-CfFZPSe0.js";
+import { f as r } from "./Button-C3K6dhqd.js";
+import { t as i } from "./icon-button-MyFFJpXA.js";
 import { a, i as o, n as s, o as c, r as l, t as u } from "./DropdownMenuTrigger-C7uYPf_9.js";
-import { o as d } from "./HoverCardTrigger-Dh1ar_W4.js";
+import { o as d } from "./HoverCardTrigger-Bga4YjEr.js";
 import { Fragment as f, computed as p, createBlock as m, createCommentVNode as h, createElementBlock as g, createElementVNode as _, createTextVNode as v, createVNode as y, defineComponent as b, nextTick as x, normalizeClass as S, openBlock as C, ref as w, renderList as T, toDisplayString as E, unref as D, useTemplateRef as O, watch as k, withCtx as A } from "vue";
 import { ChevronDown as j, ChevronLeft as M, ChevronRight as N, ChevronUp as P, Download as F, Maximize2 as I, Minimize2 as L, Moon as R, Printer as z, RotateCw as B, Search as V, Sidebar as H, ZoomIn as U, ZoomOut as W } from "@lucide/vue";
 //#region lib/components/ui/media/pdf-viewer/partials/pdf-toolbar-search.vue?vue&type=script&setup=true&lang.ts

package/dist/pdf.js

@@ -1,5 +1,5 @@
-import { n as e, t } from "./use-material-translation-Du3Wvsk1.js";
-import { t as n } from "./Button-BG3oDkrl.js";
+import { n as e, t } from "./use-material-translation-CfFZPSe0.js";
+import { t as n } from "./Button-C3K6dhqd.js";
 import { computed as r, createBlock as i, createTextVNode as a, defineComponent as o, getCurrentInstance as s, nextTick as c, onMounted as l, onScopeDispose as u, openBlock as d, ref as f, renderSlot as p, shallowRef as m, toDisplayString as ee, toValue as h, unref as g, watch as te, withCtx as ne } from "vue";
 import { contentDisposition as re, pdfBytesResponse as ie, toWebStream as ae } from "@nxgt/material-core/pdf/http";
 import { badge as oe, dataTable as se, defaultPdfTheme as ce, definePdfDocument as _, divider as v, header as y, heading as b, image as x, keyValue as S, keyValueOf as C, link as w, metric as T, page as E, pageBreak as D, pageNumber as O, pdfDocument as k, resolvePdfColor as A, resolvePdfTheme as j, row as M, section as N, spacer as P, stack as F, table as I, text as L, totals as R } from "@nxgt/material-core/pdf/model";

package/dist/{print-format.utils-CiUiQE-i.js → print-format.utils-51joHpFb.js}

@@ -1,5 +1,5 @@
-import { i as e, r as t, t as n } from "./stored-language-dM2e5qaS.js";
-import { r } from "./translator-DXL5RDRg.js";
+import { i as e, r as t, t as n } from "./stored-language-DVP9KzRu.js";
+import { r } from "./translator-Bm7i7dv-.js";
 import { t as i } from "./_baseIsEqual-BUD8VQJE.js";
 import { E as a } from "./number.utils-C1eB3GDr.js";
 import { defineComponent as o, getCurrentInstance as s, h as c, inject as l, provide as u, useId as d } from "vue";

package/dist/{sortable-provider-lK0srHJF.js → sortable-provider-BEx1B0Ky.js}

@@ -1,6 +1,6 @@
 import { t as e } from "./utils-CykWQ0iJ.js";
-import { t } from "./use-material-translation-Du3Wvsk1.js";
-import { t as n } from "./icon-button-DXrmfs6e.js";
+import { t } from "./use-material-translation-CfFZPSe0.js";
+import { t as n } from "./icon-button-MyFFJpXA.js";
 import { Teleport as r, computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createVNode as c, defineComponent as l, inject as u, mergeProps as d, normalizeStyle as f, onUnmounted as p, openBlock as m, provide as h, reactive as g, ref as _, renderSlot as v, toValue as y, unref as b, useAttrs as x, watch as S, watchEffect as C, withCtx as w, withModifiers as T } from "vue";
 import { GripVertical as E } from "@lucide/vue";
 import { Primitive as D } from "reka-ui";

package/dist/{stored-language-dM2e5qaS.js → stored-language-DVP9KzRu.js}

@@ -32,9 +32,30 @@ var e = {
 				description: "The service is down for a short update."
 			}
 		},
+		"error-state": {
+			generic: {
+				title: "Something Went Wrong",
+				description: "An unexpected error occurred. Please try again later."
+			},
+			offline: {
+				title: "You are offline",
+				description: "Check your connection and try again."
+			},
+			maintenance: {
+				title: "We'll be right back",
+				description: "The service is down for a short update."
+			},
+			retry: "Retry",
+			details: "Technical details",
+			"details-name": "Name",
+			"details-message": "Message",
+			"details-cause": "Cause"
+		},
 		command: {
 			title: "Command Palette",
-			description: "Search for a command to run..."
+			description: "Search for a command to run...",
+			empty: "No results",
+			list: "Suggestions"
 		},
 		"confirm-dialog": {
 			confirm: "Confirm",
@@ -343,6 +364,8 @@ var e = {
 				"delete-selected-rows": "Delete {count} rows",
 				"toggle-columns": "Toggle columns",
 				"no-data": "No data available",
+				"no-results": "No results",
+				"no-results-description": "Try a different search or clear the filters.",
 				"select-all": "Select all",
 				"select-row": "Select row",
 				"toggle-row": "Toggle row details",
@@ -594,6 +617,7 @@ var e = {
 			empty: "No document selected",
 			loading: "Loading document…",
 			error: "Failed to load document",
+			retry: "Retry",
 			password: "Password protected",
 			"password-placeholder": "Enter password",
 			"password-label": "Password",
@@ -789,6 +813,10 @@ var e = {
 			"open-menu": "Open menu",
 			navigation: "Navigation"
 		},
+		"account-menu": {
+			trigger: "Account menu, {name}",
+			"sign-out": "Sign out"
+		},
 		filter: {
 			title: "Filters",
 			trigger: "Filters",
@@ -1276,9 +1304,30 @@ var e = {
 				description: "Le service est en courte mise à jour."
 			}
 		},
+		"error-state": {
+			generic: {
+				title: "Une erreur est survenue",
+				description: "Une erreur inattendue s'est produite. Veuillez réessayer plus tard."
+			},
+			offline: {
+				title: "Vous êtes hors ligne",
+				description: "Vérifiez votre connexion et réessayez."
+			},
+			maintenance: {
+				title: "On revient tout de suite",
+				description: "Le service est en courte mise à jour."
+			},
+			retry: "Réessayer",
+			details: "Détails techniques",
+			"details-name": "Nom",
+			"details-message": "Message",
+			"details-cause": "Cause"
+		},
 		command: {
 			title: "Palette de commandes",
-			description: "Recherchez une commande à exécuter..."
+			description: "Recherchez une commande à exécuter...",
+			empty: "Aucun résultat",
+			list: "Commandes suggérées"
 		},
 		"confirm-dialog": {
 			confirm: "Confirmer",
@@ -1587,6 +1636,8 @@ var e = {
 				"delete-selected-rows": "Supprimer {count} lignes",
 				"toggle-columns": "Basculer les colonnes",
 				"no-data": "Données non disponibles",
+				"no-results": "Aucun résultat",
+				"no-results-description": "Essayez une autre recherche ou retirez les filtres.",
 				"select-all": "Tout sélectionner",
 				"select-row": "Sélectionner la ligne",
 				"toggle-row": "Afficher ou masquer les détails de la ligne",
@@ -1838,6 +1889,7 @@ var e = {
 			empty: "Aucun document sélectionné",
 			loading: "Chargement du document…",
 			error: "Impossible de charger le document",
+			retry: "Réessayer",
 			password: "Protégé par mot de passe",
 			"password-placeholder": "Saisir le mot de passe",
 			"password-label": "Mot de passe",
@@ -2033,6 +2085,10 @@ var e = {
 			"open-menu": "Ouvrir le menu",
 			navigation: "Navigation"
 		},
+		"account-menu": {
+			trigger: "Menu du compte, {name}",
+			"sign-out": "Se déconnecter"
+		},
 		filter: {
 			title: "Filtres",
 			trigger: "Filtres",

package/dist/{stx-player-C2VQCXFc.js → stx-player-KPp9c7vS.js}

@@ -1,6 +1,6 @@
 import { t as e } from "./utils-CykWQ0iJ.js";
-import { $t as t, Jt as n, Qt as r, Xt as i, Yp as a, Yt as o, en as s, tn as c } from "./components-C1JYYoQ4.js";
-import { t as l } from "./use-material-translation-Du3Wvsk1.js";
+import { $t as t, Jt as n, Qt as r, Xt as i, Yt as a, Zp as o, en as s, tn as c } from "./components-yCdbry6Q.js";
+import { t as l } from "./use-material-translation-CfFZPSe0.js";
 import { createBlock as u, createCommentVNode as d, createElementBlock as f, createElementVNode as p, createTextVNode as m, createVNode as h, defineComponent as g, normalizeClass as _, openBlock as v, toDisplayString as y, unref as b, withCtx as x } from "vue";
 //#region lib/components/ui/media/stx-player/partials/stx-player-frame.vue?vue&type=script&setup=true&lang.ts
 var S = ["data-layout", "aria-label"], C = {
@@ -35,10 +35,10 @@ var S = ["data-layout", "aria-label"], C = {
 			key: 1,
 			class: _(b(e)("grid gap-3", i.showQueue && "@min-[768px]:grid-cols-[minmax(0,1fr)_18rem] @min-[768px]:items-stretch"))
 		}, [p("div", { class: _(b(e)("bg-card overflow-hidden rounded border", b(w).current?.kind === "audio" && "flex flex-col gap-4 p-6")) }, [
-			b(w).current?.kind === "audio" ? (v(), f("div", C, [h(a, { variant: "title-medium" }, {
+			b(w).current?.kind === "audio" ? (v(), f("div", C, [h(o, { variant: "title-medium" }, {
 				default: x(() => [m(y(b(w).current.title), 1)]),
 				_: 1
-			}), b(w).current.artist ? (v(), u(a, {
+			}), b(w).current.artist ? (v(), u(o, {
 				key: 0,
 				class: "text-muted-foreground"
 			}, {
@@ -62,7 +62,7 @@ var S = ["data-layout", "aria-label"], C = {
 				trailing: x(() => [h(t, { tone: "surface" })]),
 				_: 1
 			})) : d("", !0)
-		], 2), i.showQueue ? (v(), u(o, {
+		], 2), i.showQueue ? (v(), u(a, {
 			key: 0,
 			class: "min-h-72"
 		})) : d("", !0)], 2))], 10, S));

package/dist/styles.css

@@ -34,10 +34,14 @@
 	--color-popover-foreground: var(--popover-foreground);
 	--color-primary: var(--primary);
 	--color-primary-foreground: var(--primary-foreground);
+	--color-primary-text: var(--primary-text);
 	--color-primary-container: --alpha(var(--primary-foreground) / 20%);
 	--color-secondary: var(--secondary);
 	--color-secondary-foreground: var(--secondary-foreground);
 	--color-secondary-container: --alpha(var(--secondary-foreground) / 20%);
+	--color-tertiary: var(--tertiary);
+	--color-tertiary-foreground: var(--tertiary-foreground);
+	--color-tertiary-container: --alpha(var(--tertiary) / 20%);
 	--color-muted: var(--muted);
 	--color-muted-foreground: var(--muted-foreground);
 	--color-track: var(--track);

package/dist/{translator-DXL5RDRg.js → translator-Bm7i7dv-.js}

@@ -1,4 +1,4 @@
-import { a as e, i as t, r as n, t as r } from "./stored-language-dM2e5qaS.js";
+import { a as e, i as t, r as n, t as r } from "./stored-language-DVP9KzRu.js";
 import { t as i } from "./get-CTzJAwfc.js";
 //#region ../../node_modules/@formatjs/fast-memoize/index.js
 function a(e, t) {

package/dist/use-background-activity-DdTBbNpX.js

@@ -0,0 +1,17 @@
+import { onBeforeUnmount as e, onMounted as t, ref as n, watch as r } from "vue";
+import { observeBackgroundActivity as i } from "@nxgt/material-core/backgrounds";
+//#region lib/composables/use-background-activity.ts
+function a(a, o) {
+	let s = n(!1), c, l = () => {
+		c?.(), c = void 0, s.value = !1;
+	}, u = () => {
+		l(), o() && a.value && (c = i(a.value, (e) => {
+			s.value = e;
+		}));
+	};
+	return t(() => {
+		u(), r(o, u);
+	}), e(l), s;
+}
+//#endregion
+export { a as t };

package/dist/{use-heading-spy-Btwc0yad.js → use-heading-spy-jn8f2ioE.js}

@@ -1,29 +1,29 @@
-import { a as e } from "./i18n-provider-D5XyLQ3P.js";
+import { a as e } from "./i18n-provider-tL27-a8y.js";
 import { c as t, d as n, l as r, n as i, s as a, u as o } from "./number.utils-C1eB3GDr.js";
 import { computed as s, getCurrentInstance as c, inject as l, onMounted as u, ref as d, shallowRef as f, toValue as p, watch as m } from "vue";
 import { injectConfigProviderContext as h } from "reka-ui";
 import { useIntersectionObserver as g, useMediaQuery as _, useSSRWidth as v, useStorage as y } from "@vueuse/core";
+//#region lib/composables/use-ssr-media-query.ts
+var b = 1024;
+function x(e) {
+	return c() ? _(e, { ssrWidth: v() ?? b }) : _(e);
+}
+//#endregion
 //#region lib/composables/resolve-theme.ts
-function b(e, t) {
+function S(e, t) {
 	let n = e === "light" || e === "dark" ? e : "system";
 	return {
 		theme: n === "system" ? t ? "dark" : "light" : n,
 		preference: n
 	};
 }
-function x(e) {
-	typeof document > "u" || (document.documentElement.classList.toggle("dark", e === "dark"), document.documentElement.style.colorScheme = e);
-}
-//#endregion
-//#region lib/composables/use-ssr-media-query.ts
-var S = 1024;
 function C(e) {
-	return c() ? _(e, { ssrWidth: v() ?? S }) : _(e);
+	typeof document > "u" || (document.documentElement.classList.toggle("dark", e === "dark"), document.documentElement.style.colorScheme = e);
 }
 //#endregion
 //#region lib/composables/use-theme.ts
 function w() {
-	let e = C("(prefers-color-scheme: dark)"), t = y("theme", null, void 0, { initOnMounted: !0 }), n = s(() => b(t.value, !!e.value));
+	let e = x("(prefers-color-scheme: dark)"), t = y("theme", null, void 0, { initOnMounted: !0 }), n = s(() => S(t.value, !!e.value));
 	return {
 		get theme() {
 			return n.value.theme;
@@ -32,7 +32,7 @@ function w() {
 			return n.value.preference;
 		},
 		updateTheme: (n) => {
-			n === "system" ? t.value = null : t.value = n, x(b(n === "system" ? void 0 : n, !!e.value).theme);
+			n === "system" ? t.value = null : t.value = n, C(S(n === "system" ? void 0 : n, !!e.value).theme);
 		}
 	};
 }
@@ -40,7 +40,7 @@ function w() {
 //#region lib/composables/use-mobile.ts
 var T = 768;
 function E() {
-	return C(`(max-width: ${T - 1}px)`);
+	return x(`(max-width: ${T - 1}px)`);
 }
 //#endregion
 //#region ../../node_modules/date-fns/locale/fr/_lib/formatDistance.js
@@ -495,4 +495,4 @@ function q(e, t, n) {
 	});
 }
 //#endregion
-export { V as a, w as c, b as d, W as i, C as l, U as n, B as o, H as r, E as s, q as t, x as u };
+export { V as a, w as c, x as d, W as i, C as l, U as n, B as o, H as r, E as s, q as t, S as u };

package/dist/{use-material-translation-Du3Wvsk1.js → use-material-translation-CfFZPSe0.js}

@@ -1,6 +1,6 @@
-import "./stored-language-dM2e5qaS.js";
-import { a as e } from "./i18n-provider-D5XyLQ3P.js";
-import { i as t, r as n } from "./translator-DXL5RDRg.js";
+import "./stored-language-DVP9KzRu.js";
+import { a as e } from "./i18n-provider-tL27-a8y.js";
+import { i as t, r as n } from "./translator-Bm7i7dv-.js";
 //#region lib/i18n/translate-material.ts
 function r(e, r, i, a) {
 	if (e) for (let t of /* @__PURE__ */ new Set([e, e.split("-")[0]])) {

package/dist/vite.js

@@ -1,2 +1,7 @@
-import { cspAssetsInlineLimit as e, pdfkitStandardFonts as t } from "@nxgt/material-core/vite";
-export { e as cspAssetsInlineLimit, t as pdfkitStandardFonts };
+import { CSP_NONCE_PLACEHOLDER as e, ZOD_JITLESS_SCRIPT as t, cspAssetsInlineLimit as n, nxgtMaterial as r, pdfkitStandardFonts as i } from "@nxgt/material-core/vite";
+//#region lib/vite/index.ts
+function a(e) {
+	return r(e, "@nxgt/material-vue");
+}
+//#endregion
+export { e as CSP_NONCE_PLACEHOLDER, t as ZOD_JITLESS_SCRIPT, n as cspAssetsInlineLimit, a as nxgtMaterial, i as pdfkitStandardFonts };

package/docs/README.md

@@ -14,8 +14,11 @@ detail: every option, the second example, and the traps.
 | [Printing](guides/printing.md) | You lay out a printable document (invoice, report) with the `Print*` components |
 | [PDF documents](guides/pdf.md) | You produce a PDF file from data with `@nxgt/material-vue/pdf`: in the browser (`usePdf`, `PdfDownloadButton`) or from a Nuxt server route (`pdfResponse`), fonts on an inlined server |
 | [Maps](guides/maps.md) | You render Leaflet maps or a location field with `@nxgt/material-vue/map` |
+| [Backgrounds](guides/backgrounds.md) | You want a gradient or patterned backdrop: tones, intensity, the opt-in `backgrounds.css`, custom colours, motion and CSP |
 | [SSR](guides/ssr.md) | Your app renders on a server — Nuxt or a Vite SSR server — and bundles this package |
 | [Content Security Policy](guides/csp.md) | Your app sends a strict CSP: the directives to use, the components that still inject a `<style>`, the zod and KaTeX settings, self-hosting a font, the per-request nonce |
+| [The Vite plugin](guides/vite-plugin.md) | You are adding `nxgtMaterial()` to `vite.config.ts`: the CSP by hash or nonce, fonts, the styles check, PDFs on a bundled server and the Nuxt module, and each option's opt-out |
+| [Migrating to the Vite plugin](guides/migrate-to-vite-plugin.md) | Your app has its own CSP header, nonce, `zod-config`, Inter import or PDF bundling, and you move it to `nxgtMaterial()`: search → replace pairs, each with how to verify |
 | [Helpers](guides/helpers.md) | You need a utility, composable, Pinia store factory or type from `/lib`, `/composables`, `/i18n`, `/models`, `/types` or `/dnd` |
 | [Troubleshooting](troubleshooting.md) | Something failed and you have an error message or a symptom |
 | [Roadmap](roadmap.md) | You want to know what is planned, what shipped, and what will not be done |

package/docs/components/README.md

@@ -71,9 +71,10 @@ Collections you query: data table, filter, pagination, tree, drag and drop. 6 en
 
 ## [Navigation & layout](navigation-and-layout.md)
 
-Where a page sits and how you move: app shell, sidebar, app bars, breadcrumb, page layouts, grid, resizable, skip link, pager, TOC, steppers, hero, doc site shell, signed-out page frame. 18 entries.
+Where a page sits and how you move: app shell, account menu, sidebar, app bars, breadcrumb, page layouts, grid, resizable, skip link, pager, TOC, steppers, hero, doc site shell, signed-out page frame. 19 entries.
 
 [<img src="../previews/navigation-layout-appshell.webp" height="72" alt="ActivityLayout">](navigation-and-layout.md#activitylayout)
+[<img src="../previews/navigation-layout-accountmenu.webp" height="72" alt="AccountMenu">](navigation-and-layout.md#accountmenu)
 [<img src="../previews/navigation-layout-sidebar.webp" height="72" alt="Sidebar">](navigation-and-layout.md#sidebar)
 [<img src="../previews/navigation-layout-breadcrumb.webp" height="72" alt="Breadcrumb">](navigation-and-layout.md#breadcrumb)
 [<img src="../previews/navigation-layout-stepper.webp" height="72" alt="Stepper">](navigation-and-layout.md#stepper)

package/docs/components/buttons-and-actions.md

@@ -298,6 +298,8 @@ replace that name, so pass one only when it should differ from the label.
 own, so it is not announced as "collapsed". Used as a popover, drawer or menu
 trigger (`as-child`), it carries that trigger's `aria-expanded`.
 
+A `tooltip` always opens below 768 px or with `expanded={false}`. On a desktop width, or with `expanded`, one that repeats the visible label is not opened, and one that adds to it ("Create order (Ctrl+N)") still opens.
+
 **Storybook:** `Buttons & actions/ResponsiveButton` · **React:** `ResponsiveButton`
 
 ---

package/docs/components/data-table-filter-and-lists.md

@@ -80,7 +80,8 @@ table enables, for typing your own column defs.
 | `data` | `T[]` | — | rows; sorting, filtering and pagination run client-side |
 | `#expanded="{ row }"` / `renderExpandedRow` | slot / `(row) => VNode` | — | makes rows expandable; pair with the `expand` column |
 | `showViewOptions` | `boolean` | — | column visibility menu above the table |
-| `#actions="{ table }"` / `actions` | slot / `(table) => VNode` | — | toolbar content with access to the table (selected rows…) |
+| `#actions="{ table }"` / `actions` | slot / `(table) => VNode` | — | toolbar content with access to the table (selected rows…); disabled while `loading` |
+| `#filters="{ table }"` / `filters` | slot / `(table) => VNode` | — | a search or filter controls, on the toolbar's start side; unlike `actions` they stay enabled while `loading`, so a search typed during a reload keeps its focus and text |
 | `onLoadMore` / `isLoadingMore` | `() => void` / `boolean` | — | adds a "load more" button under the rows |
 | `options` | `{ showPage?: boolean; showSelected?: boolean }` | both shown | parts of the footer |
 | `showHeader` | `boolean` | shown | header row (column names, sorting, "Select all") at every width; `false` hides it |
@@ -89,10 +90,13 @@ table enables, for typing your own column defs.
 | `loading` | `boolean` | `false` | skeleton rows, or the current rows dimmed; `aria-busy`; controls disabled |
 | `loadingRows` | `number` | the page size | how many skeleton rows |
 | `density` | `'comfortable' \| 'compact'` | `'comfortable'` | `compact` tightens the cell padding, the row and header heights and the gap between rows, the selection column included; it is the table's `data-density` attribute, styled with classes (no inline style). The toolbar band and the empty state keep their size; the print variant is unchanged |
-| `#empty="{ filtered }"` | slot | icon and "No data available" | content of the empty row, spanning every visible column |
+| `#empty="{ filtered }"` | slot | a compact `EmptyState`: "No data available", or "No results" when filtered | content of the empty row, spanning every visible column |
+| `#empty-filtered` | slot | none (falls back to `#empty`, then the default) | content of the empty row when rows exist but the filters hide every one; wins over `#empty` then |
 | `manual` | `boolean` | `false` | `data` is one server page: no client filtering, sorting or paging; the footer is the server footer ([server-side data](#server-side-data)) |
 | `v-model:sorting` | `SortingState` | held inside | controlled sorting; `update:sorting` gets the new state |
 | `getRowId` | `(row, index) => string` | the index | the row's id, the key of the row selection |
+| `enableRowSelection` | `boolean \| (row) => boolean` | `true` | which rows can be selected (`row` is the data). A row that cannot has a disabled checkbox; "Select all" skips it and its checked and indeterminate states count only selectable rows. A locked row already in the selection can be cleared by its own box (and only cleared) |
+| `rowSelectionDisabledReason` | `(row) => string \| undefined` | — | why a row cannot be selected: its checkbox is `aria-disabled` but stays focusable, shows the reason in a tooltip on hover and focus, and has it as its `aria-describedby`; without a reason it is a plain `disabled` box |
 | `v-model:row-selection` | `RowSelectionState` | held inside | controlled selection, by id; may hold rows of other pages |
 | `pagination` | `{ totalCount?, offset?, previous?, next? }` | — | the server footer's range ("41–60 of 133") and Previous / Next: an href (a link) or a callback (a button) |
 | `#footer="{ table }"` / `footer` | slot / `false \| (table) => VNode` | the pagination | replaces the footer; `false` removes it |
@@ -141,13 +145,60 @@ arrives. Sorting (`DataTableColumnHeader`), the `select` column's "Select
 all", the toolbar's native controls (it
 is a disabled `<fieldset>`, so every input or button you render there, a
 filter or an export, is disabled
-too) and pagination are disabled meanwhile.
-
-When no row is left after filtering, the empty state is one `TableEmpty`
-cell spanning every visible column: today's icon and "No data available" by
-default, or the `#empty` slot, told whether rows exist but none matches the
-filters (`filtered`); content that renders nothing gets the default.
+too) and pagination are disabled meanwhile. The toolbar's `actions` are in that fieldset; a search or filter you want to keep typing in while the list reloads goes in `#filters` (or `filters`) instead, which sits beside it and stays enabled (its focus and text survive a reload).
+
+When no row is left, the empty state is one `TableEmpty` cell spanning every
+visible column. What it holds, first match wins:
+
+1. the `#empty-filtered` slot, when rows exist but the filters hide every one
+   (`filtered`);
+2. the `#empty` slot, told `{ filtered }`;
+3. the default, a compact `EmptyState`: "No data available"
+   (`material.table.labels.no-data`) for a table with no data, or, when
+   filtered, "No results" and "Try a different search or clear the filters."
+   (`material.table.labels.no-results`, `no-results-description`) announced by the table's
+   status.
+
+A slot that renders nothing falls through to the next step; there is no blank
+option, the default shows. When the filters hide every row, the table's hidden
+status announces "No results. Try a different search or clear the filters."
+whatever the visible content is. `#empty-filtered`
+is not used for a table with no data at all, nor with `manual` (server-side
+data): the table cannot tell a filtered page from an empty one there, so it
+reads `filtered` as `false`; branch on your own filter state in `#empty`.
 `DataTableEmptyState` types the slot props.
+`filtered` is computed from the core row model (`getCoreRowModel().rows.length > 0`), as in React.
+
+```vue
+<DataTable :data="people" :columns="columns">
+  <template #empty>No people yet.</template>
+  <template #empty-filtered>No person matches these filters.</template>
+</DataTable>
+```
+
+### Locked rows and a search that stays usable
+
+`enableRowSelection` leaves rows out of the selection, `rowSelectionDisabledReason` says why, and `#filters` keeps a search enabled while the list reloads (`#actions` is disabled meanwhile):
+
+```vue
+<DataTable
+  v-model:row-selection="selection"
+  :columns="columns"
+  :data="proposals"
+  :loading="isFetching"
+  :enable-row-selection="(proposal) => proposal.status !== 'applied'"
+  :row-selection-disabled-reason="() => 'Already applied'"
+>
+  <template #filters>
+    <SearchField v-model="q" label="Search" />
+  </template>
+  <template #actions="{ table }">
+    <Button>Apply to {{ table.getSelectedRowModel().rows.length }}</Button>
+  </template>
+</DataTable>
+```
+
+A locked row's checkbox is `aria-disabled` but focusable, so Tab reaches it and the tooltip says why; "Select all" skips it.
 
 ### Phones and narrow screens