@nxgt/material-vue 0.39.0 → 0.40.0

package/dist/{pdf-outline-sidebar-aQ5Lhbss.js → pdf-outline-sidebar-BUvWHjiE.js}

@@ -1,7 +1,7 @@
 import { n as e } from "./rolldown-runtime-CWhphoD1.js";
 import { t } from "./utils-CykWQ0iJ.js";
-import { Hf as n } from "./components-B2kSyBK0.js";
-import { t as r } from "./use-material-translation-C6xccbic.js";
+import { Lf as n } from "./components-CCrK1Sbt.js";
+import { t as r } from "./use-material-translation-DxU51--g.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-NCmScgMW.js → pdf-page-B57B0uES.js}

@@ -1,5 +1,5 @@
 import { t as e } from "./utils-CykWQ0iJ.js";
-import { Gp as t } from "./components-B2kSyBK0.js";
+import { Kp as t } from "./components-CCrK1Sbt.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-BnvE130d.js → pdf-page-list-BHU7pW0b.js}

@@ -1,6 +1,6 @@
 import { n as e } from "./rolldown-runtime-CWhphoD1.js";
-import { Hf as t } from "./components-B2kSyBK0.js";
-import { t as n } from "./pdf-page-NCmScgMW.js";
+import { Lf as t } from "./components-CCrK1Sbt.js";
+import { t as n } from "./pdf-page-B57B0uES.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-CMt9dKZ-.js → pdf-reader-CwTYGXq8.js}

@@ -1,12 +1,12 @@
 import { t as e } from "./utils-CykWQ0iJ.js";
-import { kn as t } from "./components-B2kSyBK0.js";
-import { t as n } from "./use-material-translation-C6xccbic.js";
-import { t as r } from "./Button-DVeAQorb.js";
-import { o as i } from "./HoverCardTrigger-VvXPswRz.js";
-import { n as a } from "./pdf-page-NCmScgMW.js";
-import { t as o } from "./pdf-page-list-BnvE130d.js";
-import { t as s } from "./pdf-sidebar-BWzX3e0f.js";
-import { t as c } from "./pdf-toolbar-DpQMG5rv.js";
+import { kn as t } from "./components-CCrK1Sbt.js";
+import { t as n } from "./use-material-translation-DxU51--g.js";
+import { t as r } from "./Button-BAIJ8YvT.js";
+import { o as i } from "./HoverCardTrigger-CKtL8teP.js";
+import { n as a } from "./pdf-page-B57B0uES.js";
+import { t as o } from "./pdf-page-list-BHU7pW0b.js";
+import { t as s } from "./pdf-sidebar-CtMy8Kw_.js";
+import { t as c } from "./pdf-toolbar-DL_vCyXG.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";

package/dist/{pdf-sidebar-BWzX3e0f.js → pdf-sidebar-CtMy8Kw_.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-C6xccbic.js";
-import { t as r } from "./pdf-outline-sidebar-aQ5Lhbss.js";
-import { t as i } from "./pdf-thumbnail-sidebar-8nbYsI3d.js";
+import { t as n } from "./use-material-translation-DxU51--g.js";
+import { t as r } from "./pdf-outline-sidebar-BUvWHjiE.js";
+import { t as i } from "./pdf-thumbnail-sidebar-DS0iT3qo.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-8nbYsI3d.js → pdf-thumbnail-sidebar-DS0iT3qo.js}

@@ -1,8 +1,8 @@
 import { n as e } from "./rolldown-runtime-CWhphoD1.js";
 import { t } from "./utils-CykWQ0iJ.js";
-import { Hf as n } from "./components-B2kSyBK0.js";
-import { t as r } from "./use-material-translation-C6xccbic.js";
-import { t as i } from "./pdf-page-NCmScgMW.js";
+import { Lf as n } from "./components-CCrK1Sbt.js";
+import { t as r } from "./use-material-translation-DxU51--g.js";
+import { t as i } from "./pdf-page-B57B0uES.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 = {

package/dist/{pdf-toolbar-DpQMG5rv.js → pdf-toolbar-DL_vCyXG.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-C6xccbic.js";
-import { d as r } from "./Button-DVeAQorb.js";
-import { t as i } from "./icon-button-CSPfP615.js";
+import { t as n } from "./use-material-translation-DxU51--g.js";
+import { d as r } from "./Button-BAIJ8YvT.js";
+import { t as i } from "./icon-button-5bl9odKW.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-VvXPswRz.js";
+import { o as d } from "./HoverCardTrigger-CKtL8teP.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-C6xccbic.js";
-import { t as n } from "./Button-DVeAQorb.js";
+import { n as e, t } from "./use-material-translation-DxU51--g.js";
+import { t as n } from "./Button-BAIJ8YvT.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-oj5kle2P.js → print-format.utils-k5W0GBRF.js}

@@ -1,7 +1,7 @@
-import { i as e, r as t, t as n } from "./stored-language-CKZMMJcz.js";
-import { r } from "./translator-uh5FWiMq.js";
+import { i as e, r as t, t as n } from "./stored-language-DEyPmUzl.js";
+import { r } from "./translator-B62GlCBp.js";
 import { t as i } from "./_baseIsEqual-BUD8VQJE.js";
-import { n as a } from "./number.utils-Bpo9tUaJ.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";
 import { defineStore as f } from "pinia";
 import { invalidFormatMessage as p, sizeMessage as m } from "@nxgt/material-core/zod-issue-messages";

package/dist/{sortable-provider-2czx1jSW.js → sortable-provider-cYkCa6tm.js}

@@ -1,6 +1,6 @@
 import { t as e } from "./utils-CykWQ0iJ.js";
-import { t } from "./use-material-translation-C6xccbic.js";
-import { t as n } from "./icon-button-CSPfP615.js";
+import { t } from "./use-material-translation-DxU51--g.js";
+import { t as n } from "./icon-button-5bl9odKW.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-CKZMMJcz.js → stored-language-DEyPmUzl.js}

@@ -129,7 +129,8 @@ var e = {
 			copy: "Copy",
 			copied: "Copied",
 			language: "Language",
-			"word-wrap": "Word wrap"
+			"word-wrap": "Word wrap",
+			"load-failed": "The editor could not be loaded."
 		},
 		"json-viewer": {
 			expand: "Expand",
@@ -754,6 +755,11 @@ var e = {
 			empty: "No results"
 		},
 		"option-count": { label: "{count, plural, one {result} other {results}}" },
+		"facet-group": {
+			name: "{title}, {count, plural, one {# selected} other {# selected}}",
+			clear: "Clear",
+			"clear-label": "Clear {title}"
+		},
 		autocomplete: {
 			empty: "No option found.",
 			add: "Add \"{query}\"",
@@ -1366,7 +1372,8 @@ var e = {
 			copy: "Copier",
 			copied: "Copié",
 			language: "Langage",
-			"word-wrap": "Retour à la ligne"
+			"word-wrap": "Retour à la ligne",
+			"load-failed": "Impossible de charger l'éditeur."
 		},
 		"json-viewer": {
 			expand: "Déplier",
@@ -1991,6 +1998,11 @@ var e = {
 			empty: "Aucun résultat"
 		},
 		"option-count": { label: "{count, plural, one {résultat} other {résultats}}" },
+		"facet-group": {
+			name: "{title}, {count, plural, one {# sélectionné} other {# sélectionnés}}",
+			clear: "Effacer",
+			"clear-label": "Effacer {title}"
+		},
 		autocomplete: {
 			empty: "Aucune option.",
 			add: "Ajouter « {query} »",

package/dist/{stx-player-CS1FYHVS.js → stx-player-C_lPkXc6.js}

@@ -1,6 +1,6 @@
 import { t as e } from "./utils-CykWQ0iJ.js";
-import { $t as t, Jp as n, Jt as r, Qt as i, Xt as a, Yt as o, en as s, tn as c } from "./components-B2kSyBK0.js";
-import { t as l } from "./use-material-translation-C6xccbic.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-CCrK1Sbt.js";
+import { t as l } from "./use-material-translation-DxU51--g.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 = {
@@ -19,7 +19,7 @@ var S = ["data-layout", "aria-label"], C = {
 			Array
 		] }
 	},
-	setup(a) {
+	setup(i) {
 		let { containerRef: g, state: w } = c();
 		function T(e) {
 			g.value = e instanceof HTMLElement ? e : null;
@@ -28,24 +28,24 @@ var S = ["data-layout", "aria-label"], C = {
 		return (c, l) => (v(), f("section", {
 			ref: T,
 			"data-slot": "stx-player",
-			"data-layout": a.layout,
+			"data-layout": i.layout,
 			"aria-label": b(w).current?.title ?? b(E)("material.stx-player.label", "Media player"),
 			class: _(b(e)("@container rounded outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50", c.$props.class))
-		}, [a.layout === "mini" ? (v(), u(i, { key: 0 })) : (v(), f("div", {
+		}, [i.layout === "mini" ? (v(), u(r, { key: 0 })) : (v(), f("div", {
 			key: 1,
-			class: _(b(e)("grid gap-3", a.showQueue && "@min-[768px]:grid-cols-[minmax(0,1fr)_18rem] @min-[768px]:items-stretch"))
+			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(n, { variant: "title-medium" }, {
+			b(w).current?.kind === "audio" ? (v(), f("div", C, [h(a, { variant: "title-medium" }, {
 				default: x(() => [m(y(b(w).current.title), 1)]),
 				_: 1
-			}), b(w).current.artist ? (v(), u(n, {
+			}), b(w).current.artist ? (v(), u(a, {
 				key: 0,
 				class: "text-muted-foreground"
 			}, {
 				default: x(() => [m(y(b(w).current.artist) + " " + y(b(w).current.album ? ` · ${b(w).current.album}` : ""), 1)]),
 				_: 1
 			})) : d("", !0)])) : d("", !0),
-			h(r, null, {
+			h(n, null, {
 				default: x(() => [b(w).current?.kind === "audio" ? d("", !0) : (v(), u(s, {
 					key: 0,
 					tone: "overlay"
@@ -62,7 +62,7 @@ var S = ["data-layout", "aria-label"], C = {
 				trailing: x(() => [h(t, { tone: "surface" })]),
 				_: 1
 			})) : d("", !0)
-		], 2), a.showQueue ? (v(), u(o, {
+		], 2), i.showQueue ? (v(), u(o, {
 			key: 0,
 			class: "min-h-72"
 		})) : d("", !0)], 2))], 10, S));
@@ -99,16 +99,16 @@ var S = ["data-layout", "aria-label"], C = {
 	emits: ["trackChange"],
 	setup(e, { emit: t }) {
 		let n = e, r = t;
-		function i(e, t) {
+		function a(e, t) {
 			n.onTrackChange?.(e, t), r("trackChange", e, t);
 		}
-		return (t, r) => (v(), u(a, {
+		return (t, r) => (v(), u(i, {
 			tracks: e.tracks,
 			"current-index": e.currentIndex,
 			"default-index": e.defaultIndex,
 			"auto-play": e.autoPlay,
 			loop: e.loop,
-			"on-track-change": i
+			"on-track-change": a
 		}, {
 			default: x(() => [h(w, {
 				layout: e.layout,

package/dist/{translator-uh5FWiMq.js → translator-B62GlCBp.js}

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

package/dist/{use-heading-spy-CcJfoBA1.js → use-heading-spy-T94lNeNA.js}

@@ -1,5 +1,5 @@
-import { a as e } from "./i18n-provider-BBnUUGqM.js";
-import { c as t, d as n, f as r, l as i, r as a, u as o } from "./number.utils-Bpo9tUaJ.js";
+import { a as e } from "./i18n-provider-BpNC9SxV.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";
@@ -110,7 +110,7 @@ var D = {
 	let r, i = D[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;
 }, k = {
-	date: r({
+	date: n({
 		formats: {
 			full: "EEEE d MMMM y",
 			long: "d MMMM y",
@@ -119,7 +119,7 @@ var D = {
 		},
 		defaultWidth: "full"
 	}),
-	time: r({
+	time: n({
 		formats: {
 			full: "HH:mm:ss zzzz",
 			long: "HH:mm:ss z",
@@ -128,7 +128,7 @@ var D = {
 		},
 		defaultWidth: "full"
 	}),
-	dateTime: r({
+	dateTime: n({
 		formats: {
 			full: "{{date}} 'à' {{time}}",
 			long: "{{date}} 'à' {{time}}",
@@ -290,7 +290,7 @@ var D = {
 	], a;
 	return a = n === 1 ? r && i.includes(r) ? "ère" : "er" : "ème", n + a;
 }, R = ["MMM", "MMMM"], z = {
-	en: t,
+	en: a,
 	fr: {
 		code: "fr",
 		formatDistance: O,
@@ -302,35 +302,35 @@ var D = {
 				value: "d"
 			} : e),
 			ordinalNumber: L,
-			era: n({
+			era: o({
 				values: M,
 				defaultWidth: "wide"
 			}),
-			quarter: n({
+			quarter: o({
 				values: N,
 				defaultWidth: "wide",
 				argumentCallback: (e) => e - 1
 			}),
-			month: n({
+			month: o({
 				values: P,
 				defaultWidth: "wide"
 			}),
-			day: n({
+			day: o({
 				values: F,
 				defaultWidth: "wide"
 			}),
-			dayPeriod: n({
+			dayPeriod: o({
 				values: I,
 				defaultWidth: "wide"
 			})
 		},
 		match: {
-			ordinalNumber: i({
+			ordinalNumber: t({
 				matchPattern: /^(\d+)(ième|ère|ème|er|e)?/i,
 				parsePattern: /\d+/i,
 				valueCallback: (e) => parseInt(e)
 			}),
-			era: o({
+			era: r({
 				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,
@@ -340,7 +340,7 @@ var D = {
 				parsePatterns: { any: [/^av/i, /^ap/i] },
 				defaultParseWidth: "any"
 			}),
-			quarter: o({
+			quarter: r({
 				matchPatterns: {
 					narrow: /^T?[1234]/i,
 					abbreviated: /^[1234](er|ème|e)? trim\.?/i,
@@ -356,7 +356,7 @@ var D = {
 				defaultParseWidth: "any",
 				valueCallback: (e) => e + 1
 			}),
-			month: o({
+			month: r({
 				matchPatterns: {
 					narrow: /^[jfmasond]/i,
 					abbreviated: /^(janv|févr|mars|avr|mai|juin|juill|juil|août|sept|oct|nov|déc)\.?/i,
@@ -395,7 +395,7 @@ var D = {
 				},
 				defaultParseWidth: "any"
 			}),
-			day: o({
+			day: r({
 				matchPatterns: {
 					narrow: /^[lmjvsd]/i,
 					short: /^(di|lu|ma|me|je|ve|sa)/i,
@@ -425,7 +425,7 @@ var D = {
 				},
 				defaultParseWidth: "any"
 			}),
-			dayPeriod: o({
+			dayPeriod: r({
 				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
@@ -451,15 +451,15 @@ var D = {
 	}
 };
 function B() {
-	let n = e(), r = s(() => n?.language ?? "en"), i = s(() => z[r.value] ?? t);
+	let t = e(), n = s(() => t?.language ?? "en"), r = s(() => z[n.value] ?? a);
 	return {
 		get language() {
-			return r.value;
+			return n.value;
 		},
 		get locale() {
-			return i.value;
+			return r.value;
 		},
-		format: (e, t) => a.format(e, t, i.value)
+		format: (e, t) => i.format(e, t, r.value)
 	};
 }
 //#endregion

package/dist/{use-material-translation-C6xccbic.js → use-material-translation-DxU51--g.js}

@@ -1,6 +1,6 @@
-import "./stored-language-CKZMMJcz.js";
-import { a as e } from "./i18n-provider-BBnUUGqM.js";
-import { i as t, r as n } from "./translator-uh5FWiMq.js";
+import "./stored-language-DEyPmUzl.js";
+import { a as e } from "./i18n-provider-BpNC9SxV.js";
+import { i as t, r as n } from "./translator-B62GlCBp.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/docs/components/data-table-filter-and-lists.md

@@ -15,6 +15,7 @@ each other, so either can be used alone.
 | <img src="../previews/data-table-filter-lists-datatable.webp" width="96" alt=""> | [DataTable](#datatable) | TanStack Table v9 with sorting, selection, expansion and pagination, client-side or one server page at a time |
 | <img src="../previews/data-table-filter-lists-filter.webp" width="96" alt=""> | [Filter](#filter) | Schema-driven filters with chips, presets and persistence |
 | <img src="../previews/data-table-filter-lists-filter.webp" width="96" alt=""> | [FilterInline, FilterPopover…](#filterinline-filterpopover-filterdialog-filtersheet-filterdrawer) | The filter panel inline or in an overlay |
+| <img src="../previews/data-table-filter-lists-facetgroup.webp" width="96" alt=""> | [FacetGroup](#facetgroup) | A collapsible facet: a title, a count Badge, Clear and the values |
 | <img src="../previews/data-table-filter-lists-pagination.webp" width="96" alt=""> | [Pagination](#pagination) | Pagination primitives |
 | <img src="../previews/data-table-filter-lists-tree.webp" width="96" alt=""> | [Tree](#tree) | Expandable tree with selection and keyboard navigation |
 | <img src="../previews/data-table-filter-lists-drag-and-drop.webp" width="96" alt=""> | [Drag and drop](#drag-and-drop) | `DndProvider`, `Sortable` and friends |
@@ -515,6 +516,47 @@ above shows `FilterPopover` open; every variant has its own story.
 
 ---
 
+## FacetGroup
+
+![FacetGroup](../previews/data-table-filter-lists-facetgroup.webp)
+
+A collapsible facet: a header button with the title, a count Badge of the active values and a chevron, over the values. It is the building block of a facets panel.
+
+```vue
+<script setup lang="ts">
+import { ref } from 'vue';
+import { CheckboxGroup, FacetGroup } from '@nxgt/material-vue/components';
+
+const levels = ref(['ce1']);
+const options = [
+  { value: 'ce1', label: 'CE1', count: 24 },
+  { value: 'ce2', label: 'CE2', count: 10 },
+];
+</script>
+
+<template>
+  <FacetGroup title="Level" :active-count="levels.length" @clear="levels = []">
+    <CheckboxGroup v-model="levels" aria-label="Level" orientation="vertical" :options="options" />
+  </FacetGroup>
+</template>
+```
+
+| Prop | Type | Default | Effect |
+| --- | --- | --- | --- |
+| `title` | `string` | — | the facet's name, in the header; a string, because it builds the accessible names |
+| `activeCount` | `number` | `0` | how many values are active: the count Badge (hidden at 0) and the toggle's name |
+| `@clear` | `() => void` | — | the "Clear" button shows only with a listener and while `activeCount > 0`; the focus then goes to the toggle |
+| `v-model:open` / `defaultOpen` | `boolean` / `boolean` | uncontrolled, open | controlled or not |
+| `density` | `'comfortable' \| 'compact'` | `'comfortable'` | as [DataTable](#datatable)'s: a 40px header, 28px compact; `data-density`, styled with classes |
+| `headingLevel` | `2 \| 3 \| 4 \| 5 \| 6` | `3` | the heading around the toggle |
+| default slot | — | — | the values, typically a `CheckboxGroup` with option `count`s |
+
+The toggle is a disclosure (`aria-expanded`, `aria-controls`) inside a heading. With active values its name is "Level, 2 selected" (`material.facet-group.name`, an ICU plural: "Level, 2 sélectionnés" in French); the Badge is decorative. "Clear" is named "Clear Level" (`material.facet-group.clear-label`) and is a sibling of the toggle, never inside it. The chevron turns over unless the user prefers reduced motion; every target is at least 24px, also when compact.
+
+**Storybook:** `Data table, filter & lists/FacetGroup` · **React:** `FacetGroup`
+
+---
+
 ## Pagination
 
 ![Pagination](../previews/data-table-filter-lists-pagination.webp)

package/docs/components/feedback-and-status.md

@@ -92,7 +92,7 @@ const open = ref(true);
 | --- | --- | --- | --- |
 | `tone` | `'info' \| 'success' \| 'warning' \| 'error'` | `'info'` | colours and the default icon |
 | `#icon` slot | — | the tone's icon | replaces the default icon |
-| `#action` slot | — | — | rendered at the end of the banner |
+| `#action` slot | — | — | rendered at the end of the banner; under `sm` it drops below the text, in line with it |
 | `dismissible` | `boolean` | `false` | shows a close button that emits `dismiss`; the banner does not hide itself |
 
 Where React shows the close button when `onDismiss` is passed, Vue asks for
@@ -603,13 +603,14 @@ is vue-sonner's own `toast`, for anything the presets do not cover.
 
 **On a phone** (under 600px wide, where vue-sonner lays toasts out across the
 screen), a `Toaster` with no `position` shows its toasts at the top
-(`top-center`): across the bottom they covered what a form keeps there, its
-submit button first. A `position` you pass applies on every screen. The server
+(`top-center`), 80px down so the app shell's sticky bar (menu button, title,
+account control) stays reachable: across the bottom they covered what a form
+keeps there, its submit button first, and at the very top that bar. A `position` you pass applies on every screen. The server
 and the client's first render answer for a desktop (`bottom-right`, or for the
 width `provideSSRWidth()` gives), and a phone moves the toasts to the top once
-mounted. The phone offset is vue-sonner's `mobile-offset` (16px by default);
-raise its `top` when a sticky header must stay visible:
-`<Toaster :mobile-offset="{ top: 72 }" />`.
+mounted. The phone offset is vue-sonner's `mobile-offset`, `{ top: 80 }` by default
+when no `position` is given; pass your own for a taller header:
+`<Toaster :mobile-offset="{ top: 96 }" />`.
 
 ```vue
 <Toaster />                          <!-- bottom-right on a desktop, top-center on a phone -->

package/docs/components/form-fields.md

@@ -1045,7 +1045,7 @@ const notify = ref(true);
 | `placeholder` | `string` | — | text inside the bordered row; with it, `label` sits above the row |
 | `label` | `string` | — | without `placeholder`, it is the row text instead |
 | `helper-text` | `string` | — | line under the row (or under the bare switch), with or without `placeholder` |
-| `error`, `required`, `disabled` | `boolean` | — | the row's state; `error` also sets `aria-invalid` on the `switch` (an `aria-invalid` you pass wins), `required` also sets `aria-required` and, with a `name` inside a `<form>`, the hidden input's `required` (an unchecked switch then blocks native submit) |
+| `error`, `required`, `disabled` | `boolean` | — | the row's state; `error` also sets `aria-invalid` on the `switch` (an `aria-invalid` you pass wins), `required` also sets `aria-required` and, with a `name` inside a `<form>`, the hidden input's `required` (after mount, an unchecked switch then blocks native submit; before it, the server sends no hidden input) |
 
 The row's text is the switch's `<label>`, so a labelled switch has an
 accessible name (`getByRole('switch', { name: 'Newsletter' })`) and clicking the

package/docs/components/navigation-and-layout.md

@@ -90,10 +90,11 @@ to the router's root, so a history base is kept; a crumb with params links to
 its path with them filled in) and the current page is text with
 `aria-current="page"`.
 
-`AppSidebar` gives each entry its label as a tooltip **only while it is
-collapsed**: expanded (and in the phone menu sheet) the label is on screen
-and no tooltip opens. A `SidebarMenuItem` of your own shows the `tooltip` you
-pass, collapsed or expanded.
+`AppSidebar` entries have **no tooltip**: the collapsed rail shows each label
+under its icon, and the expanded sidebar (and the phone menu sheet) beside it,
+so a tooltip would only repeat it and cover the entry above. A
+`SidebarMenuItem` of your own shows the `tooltip` you pass, to the right of the
+entry, and an icon-only one (no label) falls back to its `aria-label`.
 
 **Storybook:** `Navigation & layout/AppShell` · **React:** `ActivityLayout`, `ActivityContent`, `AppSidebar`, `AppHeader`, `AppBreadcrumb`
 
@@ -222,7 +223,7 @@ real link, a plain `<a>` unless you pass `link-component` (given the `href`):
 
 | Prop | Type | Default | Effect |
 | --- | --- | --- | --- |
-| `v-model:expanded` | `boolean` | `false` | labels beside the icons; collapsed shows icons with tooltips |
+| `v-model:expanded` | `boolean` | `false` | labels beside the icons; collapsed shows icons with their labels under them, and no tooltip |
 | `withToggleIcon` | `boolean` | `false` | built-in expand / collapse button, shown on hover or while focus is inside the sidebar, named "Toggle sidebar" (`material.sidebar.toggle`) with `aria-expanded` |
 
 **Emits:** `update:expanded` with `boolean`.

package/docs/components/overlays-and-menus.md

@@ -453,6 +453,7 @@ Parts: `DropdownMenu`, `DropdownMenuTrigger`, `DropdownMenuContent`,
 | Prop | Type | Default | Effect |
 | --- | --- | --- | --- |
 | `variant` (`DropdownMenuItem`) | `'default' \| 'error'` | `'default'` | error colour for a destructive item; `'destructive'` is a deprecated alias of `'error'`; both render `data-variant="error"`, so style or test with `[data-variant=error]` |
+| `loading` (`DropdownMenuItem`) | `boolean` | `false` | busy item, e.g. a sign-out in flight: it stays focusable (not `disabled`), is `aria-busy` and `aria-disabled`, shows a spinner in place of its icon, and a selection is ignored: `@select` does not fire and the menu stays open; if `disabled` is set too, `loading` wins (the item is not disabled) |
 | `inset` (item, label, sub-trigger) | `boolean` | — | indents to line up with checkbox and radio items |
 | `@select` (`DropdownMenuItem`) | `(event: Event) => void` | — | the item's action; `event.preventDefault()` keeps the menu open |
 | `default-open` / `v-model:open`, `modal` (`DropdownMenu`) | `boolean` | —, `false` | open state; `modal` brings back the scroll lock, swallowed outside clicks and an `aria-hidden`, `inert` page behind the menu |
@@ -510,6 +511,7 @@ Parts: `ContextMenu`, `ContextMenuTrigger`, `ContextMenuContent`,
 | Prop | Type | Default | Effect |
 | --- | --- | --- | --- |
 | `variant` (`ContextMenuItem`) | `'default' \| 'error'` | `'default'` | error colour for a destructive item; `'destructive'` is a deprecated alias of `'error'` |
+| `loading` (`ContextMenuItem`) | `boolean` | `false` | busy item, e.g. a sign-out in flight: it stays focusable (not `disabled`), is `aria-busy` and `aria-disabled`, shows a spinner in place of its icon, and a selection is ignored: `@select` does not fire and the menu stays open; if `disabled` is set too, `loading` wins (the item is not disabled) |
 | `inset` (item, label, sub-trigger) | `boolean` | — | indents to line up with checkbox and radio items |
 | `@update:open` (`ContextMenu`) | `(open: boolean) => void` | — | there is no `open` prop: only a right click (or long press) opens it |
 
@@ -570,6 +572,7 @@ Parts: `Menubar`, `MenubarMenu`, `MenubarTrigger`, `MenubarContent`,
 | --- | --- | --- | --- |
 | `default-value` / `v-model` (`Menubar`) | `string` | — | the open menu, by its `MenubarMenu` `value` |
 | `variant` (`MenubarItem`) | `'default' \| 'error'` | — | error colour for a destructive item, as in the other menus; `'destructive'` is a deprecated alias of `'error'` |
+| `loading` (`MenubarItem`) | `boolean` | `false` | busy item, e.g. a sign-out in flight: it stays focusable (not `disabled`), is `aria-busy` and `aria-disabled`, shows a spinner in place of its icon, and a selection is ignored: `@select` does not fire and the menu stays open; if `disabled` is set too, `loading` wins (the item is not disabled) |
 | `inset` (`MenubarItem`) | `boolean` | — | indents to line up with checkbox and radio items |
 
 Once one menu is open, moving the pointer across triggers opens the others, as

package/docs/guides/csp.md

@@ -60,6 +60,16 @@ configuration through `globalThis`, and the app and the library share one copy).
 package manager (pnpm) does not let the app import a package it does not
 list, so install what you import: `bun add zod reka-ui @monaco-editor/loader`.
 
+## The hidden form inputs
+
+`Checkbox`, `Switch`, `RadioGroup` and `Select` no longer render their hidden
+form input on the server (Reka rendered it there with an inline `style`), so
+those four need no `style-src-attr` for it. Other components still send inline
+`style` attributes (the list is softistx/nxgt-material#596), so the
+recommended policy above keeps `style-src-attr 'unsafe-inline'`. A page
+without JavaScript, or a form posted natively before hydration, carries none
+of these four controls' values: the input appears after mount.
+
 ## NonceProvider
 
 Render `NonceProvider` once, at the root, with this request's nonce, on the

package/docs/guides/i18n.md

@@ -292,7 +292,7 @@ the `LocationPreview` trigger (`material.map.preview` / `preview-named`),
 (`material['duration-field']['hours-label']` / `minutes-label`), and
 the delete button of the deprecated `ContactItem` / `OpeningHoursItem`
 (`material.contacts.buttons.remove`,
-`material['opening-hours'].buttons.remove`). When the form of a
+`material['opening-hours'].buttons.remove`). `FacetGroup`'s toggle is named "Level, 2 selected" / "Level, 2 sélectionnés" (`material.facet-group.name`, an ICU plural over `{title}` and `{count}`) and its Clear button "Clear Level" / "Effacer Level" (`material.facet-group.clear-label`, with the visible `material.facet-group.clear`). When the form of a
 `ConfirmationDialog` with `form-options` cannot be loaded, it says so in the
 form's place: "The form could not be loaded." / "Le formulaire n’a pas pu être
 chargé." (`material.confirm-dialog.form-failed`). The keys and the French are the

package/docs/guides/ssr.md

@@ -179,6 +179,14 @@ function clientOnly<P extends object>(component: Component<P>): Component<P>;
   `@nxgt/material-vue/composables` is a `Ref<boolean>` that is `false` on the
   server and the first render, then `true`.
 
+## Hidden form inputs
+
+`Checkbox`, `Switch`, `RadioGroup` and `Select` create their hidden form input
+after mount, never in the server HTML (Reka put an inline `style` on it, which a
+strict CSP blocks). Before hydration a native form post therefore carries none
+of these four controls' values; submit through the client, or wait for
+hydration. See [csp.md](csp.md#the-hidden-form-inputs).
+
 ## Hydration
 
 **Never name an SVG with `<svg><title>`.** Some SSR setups treat `<title>` as