@nxgt/material-vue 0.32.0 → 0.33.0

package/dist/{pdf-outline-sidebar-DchMD-_k.js → pdf-outline-sidebar-CzY59j_Y.js}

@@ -1,6 +1,6 @@
 import { n as e } from "./rolldown-runtime-CWhphoD1.js";
 import { t } from "./utils-CykWQ0iJ.js";
-import { Ef as n } from "./components-Dqg7KwA2.js";
+import { kf as n } from "./components-CmIOfRO4.js";
 import { t as r } from "./use-material-translation-CaHS6oZz.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

package/dist/{pdf-page-list-Cta0S89W.js → pdf-page-list-BMxNOnPk.js}

@@ -1,6 +1,6 @@
 import { n as e } from "./rolldown-runtime-CWhphoD1.js";
-import { Ef as t } from "./components-Dqg7KwA2.js";
-import { t as n } from "./pdf-page-D-kDQq5h.js";
+import { kf as t } from "./components-CmIOfRO4.js";
+import { t as n } from "./pdf-page-nM_fvTHh.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-page-D-kDQq5h.js → pdf-page-nM_fvTHh.js}

@@ -1,5 +1,5 @@
 import { t as e } from "./utils-CykWQ0iJ.js";
-import { kp as t } from "./components-Dqg7KwA2.js";
+import { Mp as t } from "./components-CmIOfRO4.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-reader-BwWozoIQ.js → pdf-reader-Dpv3oWe1.js}

@@ -1,11 +1,11 @@
 import { t as e } from "./utils-CykWQ0iJ.js";
-import { On as t } from "./components-Dqg7KwA2.js";
+import { kn as t } from "./components-CmIOfRO4.js";
 import { t as n } from "./use-material-translation-CaHS6oZz.js";
 import { t as r } from "./Button-DEA5W6O3.js";
 import { o as i } from "./HoverCardTrigger-CjSteFgk.js";
-import { n as a } from "./pdf-page-D-kDQq5h.js";
-import { t as o } from "./pdf-page-list-Cta0S89W.js";
-import { t as s } from "./pdf-sidebar-B0Addf1P.js";
+import { n as a } from "./pdf-page-nM_fvTHh.js";
+import { t as o } from "./pdf-page-list-BMxNOnPk.js";
+import { t as s } from "./pdf-sidebar-DkefUgWg.js";
 import { t as c } from "./pdf-toolbar-Da6UMt1O.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";
@@ -89,7 +89,16 @@ function Z({ pdf: e, goToPage: t, externalLinkTarget: n }) {
 }
 //#endregion
 //#region lib/components/ui/media/pdf-viewer/use-pdf-document.ts
-function re(e, t) {
+function re(e, t, n) {
+	let r = e.getDocument({
+		...t,
+		isEvalSupported: !1
+	});
+	return r.onPassword = (t, i) => {
+		n(t, i === e.PasswordResponses.INCORRECT_PASSWORD) || r.destroy();
+	}, r;
+}
+function ie(e, t) {
 	let n = w(null), r = w(null), i = 0, o = null;
 	function s() {
 		o?.destroy(), o = null, r.value = null, n.value?.destroy(), n.value = null;
@@ -102,16 +111,10 @@ function re(e, t) {
 			if (c !== i) return;
 			let l = await I(e.value);
 			if (c !== i) return;
-			let u = s.getDocument(l);
-			o = u, u.onPassword = (e, n) => {
-				if (c !== i) {
-					u.destroy();
-					return;
-				}
-				r.value = (t) => {
-					r.value = null, e(t);
-				}, t.onPasswordProtected(n === s.PasswordResponses.INCORRECT_PASSWORD);
-			};
+			let u = re(s, l, (e, n) => c === i ? (r.value = (t) => {
+				r.value = null, e(t);
+			}, t.onPasswordProtected(n), !0) : !1);
+			o = u;
 			let d = await u.promise;
 			if (o === u && (o = null), c !== i) {
 				d.destroy();
@@ -132,24 +135,24 @@ function re(e, t) {
 }
 //#endregion
 //#region lib/components/ui/media/pdf-viewer/partials/pdf-error-state.vue?vue&type=script&setup=true&lang.ts
-var ie = { class: "absolute inset-0 flex flex-col items-center justify-center gap-3 text-muted-foreground" }, ae = { class: "text-sm font-medium" }, oe = { class: "max-w-xs text-center text-xs opacity-60" }, se = /* @__PURE__ */ g({
+var ae = { class: "absolute inset-0 flex flex-col items-center justify-center gap-3 text-muted-foreground" }, oe = { class: "text-sm font-medium" }, se = { class: "max-w-xs text-center text-xs opacity-60" }, ce = /* @__PURE__ */ g({
 	__name: "pdf-error-state",
 	props: { message: {} },
 	setup(e) {
 		let { t } = n();
-		return (n, r) => (x(), f("div", ie, [
+		return (n, r) => (x(), f("div", ae, [
 			h(D(j), { class: "size-10 text-error opacity-70" }),
-			p("p", ae, T(D(t)("material.pdf-reader.error", "Failed to load document")), 1),
-			p("p", oe, T(e.message), 1)
+			p("p", oe, T(D(t)("material.pdf-reader.error", "Failed to load document")), 1),
+			p("p", se, T(e.message), 1)
 		]));
 	}
-}), ce = { class: "absolute inset-0 z-10 flex flex-col items-center justify-center gap-3 bg-background/80 backdrop-blur-sm" }, le = { class: "text-sm text-muted-foreground" }, ue = /* @__PURE__ */ g({
+}), le = { class: "absolute inset-0 z-10 flex flex-col items-center justify-center gap-3 bg-background/80 backdrop-blur-sm" }, ue = { class: "text-sm text-muted-foreground" }, de = /* @__PURE__ */ g({
 	__name: "pdf-loading-overlay",
 	setup(e) {
 		let { t } = n();
-		return (e, n) => (x(), f("div", ce, [h(D(P), { class: "size-8 animate-spin text-primary" }), p("p", le, 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" }), p("p", ue, T(D(t)("material.pdf-reader.loading", "Loading document…")), 1)]));
 	}
-}), de = { class: "absolute inset-0 flex flex-col items-center justify-center gap-4" }, fe = { class: "text-sm font-semibold" }, Q = ["id"], pe = /* @__PURE__ */ g({
+}), 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",
 	props: {
 		modelValue: {},
@@ -164,9 +167,9 @@ var ie = { class: "absolute inset-0 flex flex-col items-center justify-center ga
 		function u(e) {
 			e.key === "Enter" && o("submit");
 		}
-		return (t, n) => (x(), f("div", de, [
+		return (t, n) => (x(), f("div", fe, [
 			h(D(N), { class: "size-10 text-primary opacity-70" }),
-			p("p", fe, T(D(s)("material.pdf-reader.password", "Password protected")), 1),
+			p("p", pe, T(D(s)("material.pdf-reader.password", "Password protected")), 1),
 			p("div", {
 				ref_key: "fields",
 				ref: l,
@@ -201,10 +204,10 @@ var ie = { class: "absolute inset-0 flex flex-col items-center justify-center ga
 				id: D(c),
 				role: "alert",
 				class: "text-sm text-error-text"
-			}, T(D(s)("material.pdf-reader.password-incorrect", "Incorrect password. Try again.")), 9, Q)) : d("", !0)
+			}, T(D(s)("material.pdf-reader.password-incorrect", "Incorrect password. Try again.")), 9, me)) : d("", !0)
 		]));
 	}
-}), me = { class: "flex min-h-0 flex-1" }, he = /* @__PURE__ */ g({
+}), ge = { class: "flex min-h-0 flex-1" }, _e = /* @__PURE__ */ g({
 	__name: "pdf-reader-body",
 	props: {
 		file: {},
@@ -226,7 +229,7 @@ var ie = { class: "absolute inset-0 flex flex-col items-center justify-center ga
 		"documentChange"
 	],
 	setup(e, { emit: t }) {
-		let n = e, r = t, i = C(""), { pdf: a, resolvePassword: c } = re(E(n, "file"), {
+		let n = e, r = t, i = C(""), { pdf: a, resolvePassword: c } = ie(E(n, "file"), {
 			onLoadSuccess: (e) => r("loadSuccess", e),
 			onLoadError: (e) => r("loadError", e),
 			onPasswordProtected: (e) => r("passwordProtected", e),
@@ -250,7 +253,7 @@ var ie = { class: "absolute inset-0 flex flex-col items-center justify-center ga
 			goToPage: (e) => r("goToPage", e),
 			externalLinkTarget: n.externalLinkTarget
 		}) : null);
-		return (t, n) => (x(), f("div", me, [e.state.sidebarOpen && e.state.numPages > 0 && D(a) ? (x(), u(s, {
+		return (t, n) => (x(), f("div", ge, [e.state.sidebarOpen && e.state.numPages > 0 && D(a) ? (x(), u(s, {
 			key: 0,
 			pdf: D(a),
 			tab: e.state.sidebarTab,
@@ -274,12 +277,12 @@ var ie = { class: "absolute inset-0 flex flex-col items-center justify-center ga
 			ref: m,
 			class: "relative min-w-0 flex-1 overflow-hidden"
 		}, [
-			e.state.isLoading ? (x(), u(ue, { key: 0 })) : d("", !0),
-			e.state.error && !e.state.isPasswordProtected ? (x(), u(se, {
+			e.state.isLoading ? (x(), u(de, { key: 0 })) : d("", !0),
+			e.state.error && !e.state.isPasswordProtected ? (x(), u(ce, {
 				key: 1,
 				message: e.state.error
 			}, null, 8, ["message"])) : d("", !0),
-			e.state.isPasswordProtected ? (x(), u(pe, {
+			e.state.isPasswordProtected ? (x(), u(he, {
 				key: 2,
 				modelValue: i.value,
 				"onUpdate:modelValue": n[2] ||= (e) => i.value = e,
@@ -317,7 +320,7 @@ var ie = { class: "absolute inset-0 flex flex-col items-center justify-center ga
 });
 //#endregion
 //#region lib/components/ui/media/pdf-viewer/use-pdf-file-actions.ts
-function ge(e, t) {
+function ve(e, t) {
 	let { t: r } = n(), i = () => t.value?.getData();
 	return {
 		download() {
@@ -334,8 +337,8 @@ function ge(e, t) {
 }
 //#endregion
 //#region lib/components/ui/media/pdf-viewer/use-pdf-scroll-spy.ts
-var _e = 2e3;
-function ve(e) {
+var ye = 2e3;
+function Q(e) {
 	let t = C(!1), n = 0, r = null, i = () => {}, a = 0;
 	return k(e.numPages, (e) => {
 		e > 0 || (i(), t.value = !1, n = 0);
@@ -355,7 +358,7 @@ function ve(e) {
 			d();
 			return;
 		}
-		let f = setTimeout(d, _e);
+		let f = setTimeout(d, ye);
 		u(() => clearTimeout(f));
 	}, { flush: "post" }), k(t, (t, o, s) => {
 		if (!t) return;
@@ -382,7 +385,7 @@ var $ = {
 	texts: [],
 	matches: []
 };
-function ye(e, t, n = 150) {
+function be(e, t, n = 150) {
 	let r = w($);
 	return k([e, t], ([e, t], i, a) => {
 		if (r.value = $, !e || !t.trim()) return;
@@ -398,8 +401,8 @@ function ye(e, t, n = 150) {
 }
 //#endregion
 //#region lib/components/ui/media/pdf-viewer/use-pdf-search-hits.ts
-function be(e) {
-	let t = ye(e.pdf, e.query), n = C(-1);
+function xe(e) {
+	let t = be(e.pdf, e.query), n = C(-1);
 	k([e.pdf, e.query], () => {
 		n.value = -1;
 	});
@@ -436,7 +439,7 @@ function be(e) {
 }
 //#endregion
 //#region lib/components/ui/media/pdf-viewer/pdf-reader.vue?vue&type=script&setup=true&lang.ts
-var xe = ["aria-label"], Se = /* @__PURE__ */ g({
+var Se = ["aria-label"], Ce = /* @__PURE__ */ g({
 	name: "PdfReader",
 	__name: "pdf-reader",
 	props: {
@@ -473,14 +476,14 @@ var xe = ["aria-label"], Se = /* @__PURE__ */ g({
 			onPageChange: (e) => a.onPageChange ? a.onPageChange(e) : o("pageChange", e),
 			onLoadSuccess: (e) => a.onLoadSuccess ? a.onLoadSuccess(e) : o("loadSuccess", e),
 			onLoadError: (e) => a.onLoadError ? a.onLoadError(e) : o("loadError", e)
-		}), { state: _, computedScale: S, actions: T, handlers: E } = g, O = ve({
+		}), { state: _, computedScale: S, actions: T, handlers: E } = g, O = Q({
 			containerRef: g.containerRef,
 			pageRefs: d,
 			currentPage: () => _.currentPage,
 			numPages: () => _.numPages,
 			sizesKnown: () => _.containerHeight !== void 0 && (_.pageSizes?.length ?? 0) >= _.currentPage - 1,
 			goToPage: T.goToPage
-		}), { hits: k, highlight: A } = be({
+		}), { hits: k, highlight: A } = xe({
 			pdf: p,
 			query: () => _.searchQuery,
 			goToPage: T.goToPage,
@@ -513,7 +516,7 @@ var xe = ["aria-label"], Se = /* @__PURE__ */ g({
 				}
 			});
 		}
-		let { download: F, print: I } = ge(a, p);
+		let { download: F, print: I } = ve(a, p);
 		return (t, n) => r.file ? (x(), f("div", {
 			key: 1,
 			ref_key: "wrapperRef",
@@ -565,7 +568,7 @@ var xe = ["aria-label"], Se = /* @__PURE__ */ g({
 			"onSearchChange",
 			"onSearchOpenChange",
 			"onToggleNightMode"
-		]), h(he, {
+		]), h(_e, {
 			file: r.file,
 			state: D(_),
 			"effective-scale": D(S),
@@ -595,11 +598,11 @@ var xe = ["aria-label"], Se = /* @__PURE__ */ g({
 			"onSetOutline",
 			"onSetSidebarTab",
 			"onGoToPage"
-		])], 42, xe)) : (x(), u(J, {
+		])], 42, Se)) : (x(), u(J, {
 			key: 0,
 			class: v(a.class)
 		}, null, 8, ["class"]));
 	}
 });
 //#endregion
-export { Se as default };
+export { Ce as default };

package/dist/{pdf-sidebar-B0Addf1P.js → pdf-sidebar-DkefUgWg.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-CaHS6oZz.js";
-import { t as r } from "./pdf-outline-sidebar-DchMD-_k.js";
-import { t as i } from "./pdf-thumbnail-sidebar-Dsptq4fb.js";
+import { t as r } from "./pdf-outline-sidebar-CzY59j_Y.js";
+import { t as i } from "./pdf-thumbnail-sidebar-I6i1lv5J.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-Dsptq4fb.js → pdf-thumbnail-sidebar-I6i1lv5J.js}

@@ -1,8 +1,8 @@
 import { n as e } from "./rolldown-runtime-CWhphoD1.js";
 import { t } from "./utils-CykWQ0iJ.js";
-import { Ef as n } from "./components-Dqg7KwA2.js";
+import { kf as n } from "./components-CmIOfRO4.js";
 import { t as r } from "./use-material-translation-CaHS6oZz.js";
-import { t as i } from "./pdf-page-D-kDQq5h.js";
+import { t as i } from "./pdf-page-nM_fvTHh.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/{stx-player-Bpnir1KO.js → stx-player-CN7Ic8tP.js}

@@ -1,5 +1,5 @@
 import { t as e } from "./utils-CykWQ0iJ.js";
-import { $t as t, Jt as n, Mp as r, Qt as i, Yt as a, Zt as o, en as s, qt as c } from "./components-Dqg7KwA2.js";
+import { $t as t, Fp as n, Jt as r, Qt as i, Xt as a, Yt as o, en as s, tn as c } from "./components-CmIOfRO4.js";
 import { t as l } from "./use-material-translation-CaHS6oZz.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
@@ -20,49 +20,49 @@ var S = ["data-layout", "aria-label"], C = {
 		] }
 	},
 	setup(a) {
-		let { containerRef: g, state: w } = s();
+		let { containerRef: g, state: w } = c();
 		function T(e) {
 			g.value = e instanceof HTMLElement ? e : null;
 		}
 		let { t: E } = l();
-		return (s, l) => (v(), f("section", {
+		return (c, l) => (v(), f("section", {
 			ref: T,
 			"data-slot": "stx-player",
 			"data-layout": a.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", s.$props.class))
-		}, [a.layout === "mini" ? (v(), u(o, { key: 0 })) : (v(), f("div", {
+			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", {
 			key: 1,
 			class: _(b(e)("grid gap-3", a.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(r, { variant: "title-medium" }, {
+			b(w).current?.kind === "audio" ? (v(), f("div", C, [h(n, { variant: "title-medium" }, {
 				default: x(() => [m(y(b(w).current.title), 1)]),
 				_: 1
-			}), b(w).current.artist ? (v(), u(r, {
+			}), b(w).current.artist ? (v(), u(n, {
 				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(c, null, {
-				default: x(() => [b(w).current?.kind === "audio" ? d("", !0) : (v(), u(t, {
+			h(r, null, {
+				default: x(() => [b(w).current?.kind === "audio" ? d("", !0) : (v(), u(s, {
 					key: 0,
 					tone: "overlay"
 				}, {
-					trailing: x(() => [h(i, { tone: "overlay" })]),
+					trailing: x(() => [h(t, { tone: "overlay" })]),
 					_: 1
 				}))]),
 				_: 1
 			}),
-			b(w).current?.kind === "audio" ? (v(), u(t, {
+			b(w).current?.kind === "audio" ? (v(), u(s, {
 				key: 1,
 				tone: "surface"
 			}, {
-				trailing: x(() => [h(i, { tone: "surface" })]),
+				trailing: x(() => [h(t, { tone: "surface" })]),
 				_: 1
 			})) : d("", !0)
-		], 2), a.showQueue ? (v(), u(n, {
+		], 2), a.showQueue ? (v(), u(o, {
 			key: 0,
 			class: "min-h-72"
 		})) : d("", !0)], 2))], 10, S));

package/dist/{use-heading-spy-Czi_Xv3u.js → use-heading-spy-DimKb49j.js}

@@ -1,28 +1,29 @@
 import { a as e } from "./i18n-provider-CiVi05fs.js";
 import { c as t, d as n, f as r, l as i, n as a, u as o } from "./number.utils-Cy1z6qI7.js";
-import { computed as s, getCurrentInstance as c, onMounted as l, ref as u, toValue as d } from "vue";
-import { useIntersectionObserver as f, useMediaQuery as p, useSSRWidth as m, useStorage as h } from "@vueuse/core";
+import { computed as s, getCurrentInstance as c, inject as l, onMounted as u, ref as d, toValue as f } from "vue";
+import { injectConfigProviderContext as p } from "reka-ui";
+import { useIntersectionObserver as m, useMediaQuery as h, useSSRWidth as g, useStorage as _ } from "@vueuse/core";
 //#region lib/composables/resolve-theme.ts
-function g(e, t) {
+function v(e, t) {
 	let n = e === "light" || e === "dark" ? e : "system";
 	return {
 		theme: n === "system" ? t ? "dark" : "light" : n,
 		preference: n
 	};
 }
-function _(e) {
+function y(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 v = 1024;
-function y(e) {
-	return c() ? p(e, { ssrWidth: m() ?? v }) : p(e);
+var b = 1024;
+function x(e) {
+	return c() ? h(e, { ssrWidth: g() ?? b }) : h(e);
 }
 //#endregion
 //#region lib/composables/use-theme.ts
-function b() {
-	let e = y("(prefers-color-scheme: dark)"), t = h("theme", null, void 0, { initOnMounted: !0 }), n = s(() => g(t.value, !!e.value));
+function S() {
+	let e = x("(prefers-color-scheme: dark)"), t = _("theme", null, void 0, { initOnMounted: !0 }), n = s(() => v(t.value, !!e.value));
 	return {
 		get theme() {
 			return n.value.theme;
@@ -31,19 +32,19 @@ function b() {
 			return n.value.preference;
 		},
 		updateTheme: (n) => {
-			n === "system" ? t.value = null : t.value = n, _(g(n === "system" ? void 0 : n, !!e.value).theme);
+			n === "system" ? t.value = null : t.value = n, y(v(n === "system" ? void 0 : n, !!e.value).theme);
 		}
 	};
 }
 //#endregion
 //#region lib/composables/use-mobile.ts
-var x = 768;
-function S() {
-	return y(`(max-width: ${x - 1}px)`);
+var C = 768;
+function w() {
+	return x(`(max-width: ${C - 1}px)`);
 }
 //#endregion
 //#region ../../node_modules/date-fns/locale/fr/_lib/formatDistance.js
-var C = {
+var T = {
 	lessThanXSeconds: {
 		one: "moins d’une seconde",
 		other: "moins de {{count}} secondes"
@@ -105,10 +106,10 @@ var C = {
 		one: "presqu’un an",
 		other: "presque {{count}} ans"
 	}
-}, w = (e, t, n) => {
-	let r, i = C[e];
+}, E = (e, t, n) => {
+	let r, i = T[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;
-}, T = {
+}, D = {
 	date: r({
 		formats: {
 			full: "EEEE d MMMM y",
@@ -136,18 +137,18 @@ var C = {
 		},
 		defaultWidth: "full"
 	})
-}, E = {
+}, O = {
 	lastWeek: "eeee 'dernier à' p",
 	yesterday: "'hier à' p",
 	today: "'aujourd’hui à' p",
 	tomorrow: "'demain à' p'",
 	nextWeek: "eeee 'prochain à' p",
 	other: "P"
-}, D = (e, t, n, r) => E[e], O = {
+}, k = (e, t, n, r) => O[e], A = {
 	narrow: ["av. J.-C", "ap. J.-C"],
 	abbreviated: ["av. J.-C", "ap. J.-C"],
 	wide: ["avant Jésus-Christ", "après Jésus-Christ"]
-}, k = {
+}, j = {
 	narrow: [
 		"T1",
 		"T2",
@@ -166,7 +167,7 @@ var C = {
 		"3ème trimestre",
 		"4ème trimestre"
 	]
-}, A = {
+}, M = {
 	narrow: [
 		"J",
 		"F",
@@ -209,7 +210,7 @@ var C = {
 		"novembre",
 		"décembre"
 	]
-}, j = {
+}, N = {
 	narrow: [
 		"D",
 		"L",
@@ -246,7 +247,7 @@ var C = {
 		"vendredi",
 		"samedi"
 	]
-}, M = {
+}, P = {
 	narrow: {
 		am: "AM",
 		pm: "PM",
@@ -277,7 +278,7 @@ var C = {
 		evening: "du soir",
 		night: "du matin"
 	}
-}, N = (e, t) => {
+}, F = (e, t) => {
 	let n = Number(e), r = t?.unit;
 	if (n === 0) return "0";
 	let i = [
@@ -288,38 +289,38 @@ var C = {
 		"second"
 	], a;
 	return a = n === 1 ? r && i.includes(r) ? "ère" : "er" : "ème", n + a;
-}, P = ["MMM", "MMMM"], F = {
+}, I = ["MMM", "MMMM"], L = {
 	en: t,
 	fr: {
 		code: "fr",
-		formatDistance: w,
-		formatLong: T,
-		formatRelative: D,
+		formatDistance: E,
+		formatLong: D,
+		formatRelative: k,
 		localize: {
-			preprocessor: (e, t) => e.getDate() === 1 || !t.some((e) => e.isToken && P.includes(e.value)) ? t : t.map((e) => e.isToken && e.value === "do" ? {
+			preprocessor: (e, t) => e.getDate() === 1 || !t.some((e) => e.isToken && I.includes(e.value)) ? t : t.map((e) => e.isToken && e.value === "do" ? {
 				isToken: !0,
 				value: "d"
 			} : e),
-			ordinalNumber: N,
+			ordinalNumber: F,
 			era: n({
-				values: O,
+				values: A,
 				defaultWidth: "wide"
 			}),
 			quarter: n({
-				values: k,
+				values: j,
 				defaultWidth: "wide",
 				argumentCallback: (e) => e - 1
 			}),
 			month: n({
-				values: A,
+				values: M,
 				defaultWidth: "wide"
 			}),
 			day: n({
-				values: j,
+				values: N,
 				defaultWidth: "wide"
 			}),
 			dayPeriod: n({
-				values: M,
+				values: P,
 				defaultWidth: "wide"
 			})
 		},
@@ -449,8 +450,8 @@ var C = {
 		}
 	}
 };
-function I() {
-	let n = e(), r = s(() => n?.language ?? "en"), i = s(() => F[r.value] ?? t);
+function R() {
+	let n = e(), r = s(() => n?.language ?? "en"), i = s(() => L[r.value] ?? t);
 	return {
 		get language() {
 			return r.value;
@@ -462,19 +463,26 @@ function I() {
 	};
 }
 //#endregion
+//#region lib/composables/use-csp-nonce.ts
+var z = Symbol("nxgt-csp-nonce"), B = Symbol("nxgt-csp-nonce-depth");
+function V() {
+	let e = l(z, null), t = p(null);
+	return s(() => e?.value || t?.nonce?.value || void 0);
+}
+//#endregion
 //#region lib/composables/use-heading-spy.ts
-var L = "0px 0px -65% 0px", R = [0, 1];
-function z(e, t, n) {
-	let r = u(!1);
-	l(() => {
+var H = "0px 0px -65% 0px", U = [0, 1];
+function W(e, t, n) {
+	let r = d(!1);
+	u(() => {
 		r.value = !0;
-	}), f(s(() => r.value ? d(e).map((e) => document.getElementById(e)).filter((e) => e != null) : []), (e) => {
+	}), m(s(() => r.value ? f(e).map((e) => document.getElementById(e)).filter((e) => e != null) : []), (e) => {
 		let n = e.filter((e) => e.isIntersecting).sort((e, t) => e.boundingClientRect.top - t.boundingClientRect.top)[0]?.target.id;
 		n && t(n);
 	}, {
-		rootMargin: n?.rootMargin ?? L,
-		threshold: n?.threshold ?? R
+		rootMargin: n?.rootMargin ?? H,
+		threshold: n?.threshold ?? U
 	});
 }
 //#endregion
-export { y as a, b as i, I as n, _ as o, S as r, g as s, z as t };
+export { R as a, x as c, V as i, y as l, B as n, w as o, z as r, S as s, W as t, v as u };

package/dist/vite.js

@@ -1,2 +1,2 @@
-import { pdfkitStandardFonts as e } from "@nxgt/material-core/vite";
-export { e as pdfkitStandardFonts };
+import { cspAssetsInlineLimit as e, pdfkitStandardFonts as t } from "@nxgt/material-core/vite";
+export { e as cspAssetsInlineLimit, t as pdfkitStandardFonts };

package/docs/README.md

@@ -15,6 +15,7 @@ detail: every option, the second example, and the traps.
 | [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` |
 | [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 |
 | [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/data-display.md

@@ -706,6 +706,11 @@ left alone. Mermaid diagrams
 render in the browser only, after mount; on the server the fence is left
 empty.
 
+Math needs no import of its own: KaTeX's CSS is in the stylesheet, and its
+fonts are files the stylesheet loads (`dist/fonts/katex/` on the compiled
+route), allowed by `font-src 'self'`. Math in system fonts means the fonts
+were not served ([troubleshooting](../troubleshooting.md#math-renders-in-the-system-fonts)).
+
 `MermaidDiagram` renders one chart outside markdown, the same way: client-only,
 with `mermaid` imported on mount.