@nxgt/material 3.7.5 → 3.8.1

package/dist/read-storage-C2J90bNm.js

@@ -0,0 +1,10 @@
+//#region lib/lib/read-storage.ts
+function e(e) {
+	try {
+		return globalThis.localStorage?.getItem(e) ?? null;
+	} catch {
+		return null;
+	}
+}
+//#endregion
+export { e as t };

package/dist/{rich-code-block-CwNwQs5z.js → rich-code-block-C2Fp_FDU.js}

@@ -1,7 +1,7 @@
-import { t as e } from "./tooltip-tmFoTU_d.js";
-import { c as t, n, t as r } from "./dropdown-menu-DWtgUVW7.js";
-import { t as i } from "./use-material-translation-hLQzOjF0.js";
-import { a, i as o, n as s, o as c, t as l } from "./code-language-items-CGARRbVm.js";
+import { t as e } from "./tooltip-rhbqNmr3.js";
+import { c as t, n, t as r } from "./dropdown-menu-BC5Tbhb9.js";
+import { t as i } from "./use-material-translation-DkxcLbLM.js";
+import { a, i as o, n as s, o as c, t as l } from "./code-language-items-C_dJ6GVs.js";
 import { i as u, n as d, r as f, s as p } from "./dist-C3GR7kJd.js";
 import { t as m } from "./code-block-spec-CGLKRhwD.js";
 import { Check as h, ChevronDown as g, Copy as _, Maximize2 as v, WrapText as y } from "lucide-react";
@@ -143,7 +143,7 @@ function M({ node: e, editor: t, updateAttributes: n, editable: r, wrap: a, onWr
 }
 //#endregion
 //#region lib/components/ui/widgets/editor/extensions/code/code-block-open.tsx
-var N = x(() => import("./code-editor-0CdGwKDg.js").then((e) => e.n).then((e) => ({ default: e.CodeEditor })));
+var N = x(() => import("./code-editor-BiA14xua.js").then((e) => e.n).then((e) => ({ default: e.CodeEditor })));
 function P() {
 	let { t: e } = i();
 	return /* @__PURE__ */ T("div", {

package/dist/{sortable-provider-BvD98s8Y.js → sortable-provider-pVaEZzty.js}

@@ -1,7 +1,7 @@
 import { t as e } from "./utils-Bcd2Z3ea.js";
-import { P as t } from "./tooltip-tmFoTU_d.js";
-import { t as n } from "./use-material-translation-hLQzOjF0.js";
-import { t as r } from "./icon-button-5A6Mrj6w.js";
+import { t } from "./dist-DVRQkaTK.js";
+import { t as n } from "./use-material-translation-DkxcLbLM.js";
+import { t as r } from "./icon-button-DJcWpIhu.js";
 import { t as i } from "./compose-refs-DZ0iIVF-.js";
 import { GripVertical as a } from "lucide-react";
 import o, { cloneElement as s, createContext as c, forwardRef as l, memo as u, useCallback as d, useContext as f, useEffect as p, useLayoutEffect as m, useMemo as h, useReducer as g, useRef as _, useState as v } from "react";

package/dist/{spinner-CtGCPza-.js → spinner-CsHcmcpF.js}

@@ -1,6 +1,6 @@
 import { t as e } from "./utils-Bcd2Z3ea.js";
-import { o as t } from "./tooltip-tmFoTU_d.js";
-import { t as n } from "./use-material-translation-hLQzOjF0.js";
+import { o as t } from "./tooltip-rhbqNmr3.js";
+import { t as n } from "./use-material-translation-DkxcLbLM.js";
 import { jsx as r } from "react/jsx-runtime";
 //#region lib/components/ui/feedback/spinner/spinner.tsx
 var i = t("transition-all duration-500", {

package/dist/{stored-language-Bb7yX5uE.js → stored-language-BeIKw3-K.js}

@@ -1,6 +1,7 @@
+import { t as e } from "./read-storage-C2J90bNm.js";
 //#endregion
 //#region lib/i18n/resources/resources.ts
-var e = {
+var t = {
 	en: { material: {
 		"empty-state": {
 			"not-found": {
@@ -1133,6 +1134,10 @@ var e = {
 			empty: "No country found"
 		},
 		"rating-field": { star: "{value} of {max}" },
+		"theme-picker": {
+			label: "Theme",
+			mode: "Mode"
+		},
 		"theme-toggle": {
 			light: "Light",
 			dark: "Dark",
@@ -3727,6 +3732,10 @@ var e = {
 			empty: "Aucun pays trouvé"
 		},
 		"rating-field": { star: "{value} sur {max}" },
+		"theme-picker": {
+			label: "Thème",
+			mode: "Mode"
+		},
 		"theme-toggle": {
 			light: "Clair",
 			dark: "Sombre",
@@ -5189,21 +5198,12 @@ var e = {
 			}
 		}
 	} }
-}, t = "language", n = "en", r = Object.keys(e);
-//#endregion
-//#region lib/lib/read-storage.ts
-function i(e) {
-	try {
-		return globalThis.localStorage?.getItem(e) ?? null;
-	} catch {
-		return null;
-	}
-}
+}, n = "language", r = "en", i = Object.keys(t);
 //#endregion
 //#region lib/i18n/stored-language.ts
-function a(e, t, n) {
-	let r = i(e);
-	return r && n.includes(r) ? r : t;
+function a(t, n, r) {
+	let i = e(t);
+	return i && r.includes(i) ? i : n;
 }
 //#endregion
-export { r as a, t as i, i as n, e as o, n as r, a as t };
+export { t as a, i, r as n, n as r, a as t };

package/dist/styles.css

@@ -36,7 +36,12 @@
 	--radius-field-inner: var(--nxgt-field-inner-radius);
 }
 
-@theme {
+/* Colours and radius are inline: a utility reads `var(--primary)` where it is
+ * used, not a `--color-primary` computed once on :root, so a zone
+ * (`[data-nxgt-theme]`, a `.dark` wrapper) that sets `--primary` below :root
+ * reaches `bg-primary`. Tailwind still emits the `--color-*` a page uses, as
+ * before, for app CSS that reads `var(--color-primary)`. */
+@theme inline {
 	--radius-sm: calc(var(--radius) - 4px);
 	--radius-md: calc(var(--radius) - 2px);
 	--radius-lg: var(--radius);
@@ -102,7 +107,9 @@
 	--color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
 	--color-sidebar-border: var(--sidebar-border);
 	--color-sidebar-ring: var(--sidebar-ring);
+}
 
+@theme {
 	--ease-spatial-fast: var(--nxgt-motion-spatial-fast);
 	--ease-spatial-default: var(--nxgt-motion-spatial-default);
 	--ease-spatial-slow: var(--nxgt-motion-spatial-slow);

package/dist/theme-context-BagPvRcz.js

@@ -0,0 +1,16 @@
+import { createContext as e, useContext as t } from "react";
+//#region lib/themes/theme-context.ts
+var n = e(null), r = e(null), i = {
+	preset: "gradient",
+	tone: "primary",
+	intensity: "default"
+};
+function a() {
+	return t(r);
+}
+function o(e) {
+	let { preset: t, tone: n, intensity: r, seed: i, motif: a, moon: o, grain: s, animated: c } = e;
+	return t === "gradient" && (n ?? "primary") === "primary" && (r ?? "default") === "default" && !i && !a && !o && !s && !c;
+}
+//#endregion
+export { a, o as i, r as n, n as r, i as t };

package/dist/theme-picker.js

@@ -0,0 +1,118 @@
+import { t as e } from "./utils-Bcd2Z3ea.js";
+import { a as t, i as n, n as r, o as i, r as a, t as o } from "./bubble-input-B7BVd9fX.js";
+import { t as s } from "./use-material-translation-DkxcLbLM.js";
+import { t as c } from "./use-theme-Cd-aiDJo.js";
+import { a as l, r as u } from "./theme-context-BagPvRcz.js";
+import { t as d } from "./theme-toggle-C8os82b4.js";
+import { n as f, t as p } from "./nxgt-theme-CgSb9Obl.js";
+import { Check as m } from "lucide-react";
+import { useContext as h } from "react";
+import { jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { THEME_PRESETS as v } from "@nxgt/material-core/theme/presets";
+//#region lib/theme-picker/partials/mode-control.tsx
+function y() {
+	let { t: e } = s();
+	return /* @__PURE__ */ _("fieldset", {
+		"data-slot": "theme-picker-mode",
+		className: "m-0 flex min-w-0 items-center justify-between gap-3 border-0 p-0",
+		children: [
+			/* @__PURE__ */ g("legend", {
+				className: "sr-only",
+				children: e("material.theme-picker.mode", "Mode")
+			}),
+			/* @__PURE__ */ g("span", {
+				"aria-hidden": !0,
+				className: "text-sm font-medium text-muted-foreground",
+				children: e("material.theme-picker.mode", "Mode")
+			}),
+			/* @__PURE__ */ g(d, {})
+		]
+	});
+}
+//#endregion
+//#region lib/theme-picker/partials/mini-background.tsx
+function b({ background: e }) {
+	return /* @__PURE__ */ g("span", {
+		"aria-hidden": !0,
+		"data-slot": "theme-tile-background",
+		"data-preset": e ? e.preset : "none",
+		"data-tone": e ? e.tone ?? "primary" : "none",
+		"data-intensity": e ? e.intensity ?? "default" : "none"
+	});
+}
+//#endregion
+//#region lib/theme-picker/partials/theme-tile.tsx
+function x({ theme: e, label: r, showBackground: s, background: c }) {
+	let l = /* @__PURE__ */ g(p, {
+		theme: e,
+		asChild: !0,
+		children: /* @__PURE__ */ _(i, {
+			"data-slot": "theme-tile",
+			children: [
+				s && /* @__PURE__ */ g(b, { background: c }),
+				/* @__PURE__ */ _("span", {
+					"data-slot": "theme-tile-swatches",
+					"aria-hidden": !0,
+					children: [
+						/* @__PURE__ */ g("i", { "data-swatch": "primary" }),
+						/* @__PURE__ */ g("i", { "data-swatch": "secondary" }),
+						/* @__PURE__ */ g("i", { "data-swatch": "tertiary" })
+					]
+				}),
+				/* @__PURE__ */ g("span", {
+					"data-slot": "theme-tile-label",
+					children: r
+				}),
+				/* @__PURE__ */ g(a, {
+					asChild: !0,
+					children: /* @__PURE__ */ g(m, {
+						"aria-hidden": !0,
+						"data-slot": "theme-tile-check"
+					})
+				})
+			]
+		})
+	});
+	return /* @__PURE__ */ g(t, {
+		value: e.name,
+		...o(l, /* @__PURE__ */ g(n, {}))
+	});
+}
+//#endregion
+//#region lib/theme-picker/theme-label.ts
+function S(e, t) {
+	let { label: n, name: r } = e;
+	if (typeof n == "string") return n;
+	if (n) {
+		let e = t?.split("-")[0], r = t && n[t] || e && n[e] || n.en || Object.values(n)[0];
+		if (r) return r;
+	}
+	return r.charAt(0).toUpperCase() + r.slice(1);
+}
+//#endregion
+//#region lib/theme-picker/theme-picker.tsx
+function C({ themes: t, value: n, onValueChange: i, showMode: a = !0, showBackground: o = !0, layout: d = "grid", className: p, ...m }) {
+	let { t: b, language: C } = s(), w = h(u), { themeName: T, setThemeName: E } = c(), D = l()?.name ?? T, O = t ?? w ?? v;
+	return /* @__PURE__ */ _("div", {
+		"data-slot": "theme-picker",
+		"data-layout": d,
+		className: e("flex flex-col gap-4", p),
+		...m,
+		children: [/* @__PURE__ */ g(r, {
+			"data-slot": "theme-picker-group",
+			"aria-label": b("material.theme-picker.label", "Theme"),
+			value: n ?? D,
+			onValueChange: (e) => {
+				n === void 0 && E(e), i?.(e);
+			},
+			children: O.map((e) => /* @__PURE__ */ g(x, {
+				theme: e,
+				label: S(e, C),
+				showBackground: o,
+				background: f(e.name, e).background
+			}, e.name))
+		}), a && /* @__PURE__ */ g(y, {})]
+	});
+}
+//#endregion
+export { C as ThemePicker };

package/dist/theme-store-CSl51uNH.js

@@ -0,0 +1,91 @@
+import { t as e } from "./read-storage-C2J90bNm.js";
+import { t } from "./warn-once-C_e47JM8.js";
+import { DEFAULT_THEME_NAME as n, THEME_NAME_PATTERN as r } from "@nxgt/material-core/theme/boot";
+//#region lib/hooks/resolve-theme.ts
+function i(e, t, n = "system") {
+	let r = e === "light" || e === "dark" || e === "system" ? e : n;
+	return {
+		theme: r === "system" ? t ? "dark" : "light" : r,
+		preference: r
+	};
+}
+function a(e) {
+	typeof document > "u" || (document.documentElement.classList.toggle("dark", e === "dark"), document.documentElement.style.colorScheme = e);
+}
+var o = n;
+function s(e, t, n) {
+	return typeof e != "string" || !r.test(e) || t && !t.includes(e) ? n : e;
+}
+function c(e) {
+	if (typeof document > "u") return;
+	let t = document.documentElement;
+	e === o ? t.removeAttribute("data-nxgt-theme") : t.setAttribute("data-nxgt-theme", e);
+}
+//#endregion
+//#region lib/hooks/theme-store.ts
+var l = "theme", u = "nxgt-theme";
+function d(t, n) {
+	let r = /* @__PURE__ */ new Set(), i;
+	function a() {
+		let n = e(t);
+		if (n == null) return i;
+		try {
+			let e = JSON.parse(n);
+			return typeof e == "string" ? e : void 0;
+		} catch {
+			return n;
+		}
+	}
+	function o() {
+		for (let e of r) e();
+	}
+	function s(e) {
+		e.key !== t && e.key !== null || (n?.(), o());
+	}
+	return {
+		subscribe(e) {
+			return r.add(e), r.size === 1 && typeof window < "u" && window.addEventListener("storage", s), () => {
+				r.delete(e), r.size === 0 && typeof window < "u" && window.removeEventListener("storage", s);
+			};
+		},
+		getSnapshot: a,
+		getServerSnapshot: () => void 0,
+		write(e) {
+			i = void 0;
+			try {
+				e === void 0 ? globalThis.localStorage?.removeItem(t) : globalThis.localStorage?.setItem(t, JSON.stringify(e));
+			} catch {
+				i = e;
+			}
+			o();
+		}
+	};
+}
+var f = d(l), p = {
+	subscribe: f.subscribe,
+	getSnapshot: f.getSnapshot,
+	getServerSnapshot: f.getServerSnapshot,
+	set(e, t = "system") {
+		f.write(e === "system" && t === "system" ? void 0 : e);
+	}
+}, m, h = d(u, () => {
+	m || c(s(h.getSnapshot(), void 0, o));
+}), g = {
+	subscribe: h.subscribe,
+	getSnapshot: h.getSnapshot,
+	getServerSnapshot: h.getServerSnapshot,
+	claim(e) {
+		return m = e, () => {
+			m === e && (m = void 0);
+		};
+	},
+	set(e) {
+		if (m && !m.known.includes(e)) {
+			t(`setThemeName("${e}") ignored: not one of its themes (${m.known.join(", ")}).`, "NxgtThemeProvider");
+			return;
+		}
+		h.write(e), m || c(e);
+	}
+};
+//#endregion
+export { c as a, a as i, p as n, i as o, o as r, s, g as t };

package/dist/theme-toggle-C8os82b4.js

@@ -0,0 +1,48 @@
+import { t as e } from "./use-material-translation-DkxcLbLM.js";
+import { i as t } from "./theme-store-CSl51uNH.js";
+import { n, t as r } from "./use-theme-Cd-aiDJo.js";
+import { r as i } from "./theme-context-BagPvRcz.js";
+import { n as a, t as o } from "./toggle-group-j8zaxEg1.js";
+import { Monitor as s, Moon as c, Sun as l } from "lucide-react";
+import { useContext as u, useEffect as d } from "react";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+//#region lib/components/ui/actions/theme-toggle/theme-toggle.tsx
+function m({ className: m }) {
+	let { t: h } = e(), { theme: g, preference: _, updateTheme: v } = r(), y = n(), b = u(i) !== null;
+	return d(() => {
+		y && !b && t(g);
+	}, [
+		y,
+		b,
+		g
+	]), /* @__PURE__ */ p(o, {
+		type: "single",
+		value: _,
+		"data-slot": "theme-toggle",
+		variant: "segmented",
+		size: "sm",
+		className: m,
+		onValueChange: (e) => {
+			(e === "light" || e === "dark" || e === "system") && v(e);
+		},
+		children: [
+			/* @__PURE__ */ f(a, {
+				value: "light",
+				"aria-label": h("material.theme-toggle.light", "Light"),
+				children: /* @__PURE__ */ f(l, {})
+			}),
+			/* @__PURE__ */ f(a, {
+				value: "dark",
+				"aria-label": h("material.theme-toggle.dark", "Dark"),
+				children: /* @__PURE__ */ f(c, {})
+			}),
+			/* @__PURE__ */ f(a, {
+				value: "system",
+				"aria-label": h("material.theme-toggle.system", "System"),
+				children: /* @__PURE__ */ f(s, {})
+			})
+		]
+	});
+}
+//#endregion
+export { m as t };

package/dist/themes.js

@@ -0,0 +1,42 @@
+import { t as e } from "./is-production-GLw59WU8.js";
+import { t } from "./use-ssr-media-query-C6M5m8sf.js";
+import { a as n, i as r, n as i, o as a, r as o, s, t as c } from "./theme-store-CSl51uNH.js";
+import { a as l, n as u, r as d } from "./theme-context-BagPvRcz.js";
+import { t as f } from "./warn-once-C_e47JM8.js";
+import { n as p, t as m } from "./nxgt-theme-CgSb9Obl.js";
+import { useEffect as h, useLayoutEffect as g, useMemo as _, useSyncExternalStore as v } from "react";
+import { jsx as y } from "react/jsx-runtime";
+import { THEME_BOOT_SCRIPT as b, themeBootScript as x } from "@nxgt/material-core/theme/boot";
+import { ThemeDefinitionError as S, defineTheme as C } from "@nxgt/material-core/theme/define";
+import { THEME_PRESETS as w, THEME_PRESETS as T, ambre as E, ardoise as D, bleumono as O, bluemoon as k, corail as A, foret as j, lavande as M, menthe as N, ocean as P, pink as F, prune as I, sable as L, slate as R, teal as z } from "@nxgt/material-core/theme/presets";
+//#region lib/themes/nxgt-theme-provider.tsx
+var B = () => () => {}, V = () => v(B, () => !1, () => !0);
+function H({ themes: l = T, defaultTheme: m = o, defaultMode: b, children: x }) {
+	let S = v(c.subscribe, c.getSnapshot, c.getServerSnapshot), C = V(), w = _(() => l.map((e) => e.name), [l]);
+	!e() && !w.includes(m) && f(`defaultTheme "${m}" is not in themes (${w.join(", ")}).`, "NxgtThemeProvider");
+	let E = s(S, w, m), D = l.find((e) => e.name === E), O = b ?? D?.colorScheme ?? "system";
+	g(() => c.claim({
+		known: w,
+		fallback: m
+	}), [w, m]), h(() => {
+		C || n(E);
+	}, [E, C]);
+	let k = a(v(i.subscribe, i.getSnapshot, i.getServerSnapshot), t("(prefers-color-scheme: dark)", !1), O).theme;
+	h(() => {
+		C || r(k);
+	}, [k, C]);
+	let A = _(() => p(E, D, O), [
+		E,
+		D,
+		O
+	]);
+	return /* @__PURE__ */ y(d.Provider, {
+		value: l,
+		children: /* @__PURE__ */ y(u.Provider, {
+			value: A,
+			children: x
+		})
+	});
+}
+//#endregion
+export { m as NxgtTheme, H as NxgtThemeProvider, b as THEME_BOOT_SCRIPT, w as THEME_PRESETS, S as ThemeDefinitionError, E as ambre, D as ardoise, O as bleumono, k as bluemoon, A as corail, C as defineTheme, j as foret, M as lavande, N as menthe, P as ocean, F as pink, I as prune, L as sable, R as slate, z as teal, x as themeBootScript, l as useThemeContext };

package/dist/toggle-group-j8zaxEg1.js

@@ -0,0 +1,69 @@
+import { t as e } from "./utils-Bcd2Z3ea.js";
+import { n as t } from "./dist-DVRQkaTK.js";
+import { a as n, n as r, t as i } from "./dist-B7RjY7SL.js";
+import { t as a } from "./has-text-content-Ds2dkHX_.js";
+import { Check as o } from "lucide-react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region lib/components/ui/primitives/separator/separator.tsx
+function l({ className: t, orientation: r = "horizontal", decorative: i = !0, ...a }) {
+	return /* @__PURE__ */ s(n, {
+		"data-slot": "separator",
+		decorative: i,
+		orientation: r,
+		className: e("bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px", t),
+		...a
+	});
+}
+//#endregion
+//#region lib/components/ui/primitives/toggle-group/toggle-group.variants.ts
+function u(e) {
+	return e === "outlined" ? "separate" : e === "segmented" || e === "separate" ? e : "connected";
+}
+function d(e) {
+	return e === "sm" || e === "lg" ? e : "md";
+}
+//#endregion
+//#region lib/components/ui/primitives/toggle-group/toggle-group.tsx
+function f({ className: t, variant: n, size: r, orientation: a, children: o, ...l }) {
+	let f = u(n);
+	return /* @__PURE__ */ c(i, {
+		"data-slot": "toggle-group",
+		"data-variant": f,
+		"data-size": d(r),
+		"data-orientation": a ?? "horizontal",
+		"data-type": l.type,
+		"data-pw": "toggle-group",
+		orientation: a,
+		className: e("nxgt-toggle-group", t),
+		...l,
+		children: [o, f === "segmented" && l.type === "single" ? /* @__PURE__ */ s("span", {
+			"data-slot": "toggle-group-indicator",
+			"aria-hidden": "true"
+		}) : null]
+	});
+}
+function p({ className: n, children: i, variant: l, size: u, ...d }) {
+	let f = !a(i) && !!(d["aria-label"] || d["aria-labelledby"]);
+	return /* @__PURE__ */ c(r, {
+		"data-slot": "toggle-group-item",
+		"data-pw": d.value ? `toggle-group-item-${d.value}` : "toggle-group-item",
+		"data-icon-only": f ? "" : void 0,
+		className: e("nxgt-toggle-group-item", n),
+		...d,
+		children: [/* @__PURE__ */ s("span", {
+			"data-slot": "toggle-group-check",
+			"aria-hidden": "true",
+			children: /* @__PURE__ */ s(o, { strokeWidth: 2.75 })
+		}), /* @__PURE__ */ s(t, { children: i })]
+	});
+}
+function m({ className: t, ...n }) {
+	return /* @__PURE__ */ s(l, {
+		"data-slot": "toggle-group-separator",
+		className: e("h-6! bg-muted-foreground/60 mx-1", t),
+		orientation: "vertical",
+		...n
+	});
+}
+//#endregion
+export { l as i, p as n, m as r, f as t };