@nxgt/material 3.62.0 → 3.63.0

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @nxgt/material
 
+## 3.63.0
+
+### Minor Changes
+
+- [#2016](https://github.com/softistx/nxgt-material/pull/2016) [`ee0f79a`](https://github.com/softistx/nxgt-material/commit/ee0f79ae125d4154c043c1700276de57fee0a7df) Thanks [@SteveGT96](https://github.com/SteveGT96)! - `QuestionCard`: open and code answers. `Question.kind` gains `'open'` (a multi-line answer in a textarea, with a counter when `question.maxLength` is set) and `'code'` (source code). The card keeps its prompt, number, media, hint and verdict frame, and the field is named by the prompt. New props: `readOnly` (an answer already submitted, shown without the revealed marks), `busy` (read-only and `aria-busy` while saving), both honoured by every kind (choice, multi, boolean, text, number too, locked without the revealed marks) and `renderCode`, a slot that draws the `code` field from a `QuestionCodeField` (`value`, `onChange`, `label`, `labelledBy`, `language`, `maxLength`, `readOnly`, `disabled`), for example with `CodeEditor` from `@nxgt/material/code-editor`; Monaco stays out of the `QuestionCard` bundle, and without `renderCode` the field is a monospace textarea. `Question` gains `maxLength` and `language`. `open` and `code` have no `correct`: pass the grader's `verdict`. New strings: `material.education.kind-open`, `kind-code`, `code-placeholder` (English and French). Additive ([#2000](https://github.com/softistx/nxgt-material/issues/2000)).
+  
+  `TextareaField`: the character count now has an id joined into the textarea's `aria-describedby`, and is announced politely (`role="status"`) only within 10% of `maxLength`.
+
+- [#2018](https://github.com/softistx/nxgt-material/pull/2018) [`41931d0`](https://github.com/softistx/nxgt-material/commit/41931d061b05d17c8da907516d016cbd24262191) Thanks [@SteveGT96](https://github.com/SteveGT96)! - `QuestionMediaView`: a question's file, picked by its content type. `media` has the shape of `Question.media` plus `size?` (`src`, `type`, `alt?`, `name?`, `kind?`), so `question.media` goes straight in: an image with its `alt` (else a generic name), an `AudioPlayer`, a `<video controls>` (with optional `captions` tracks), and any other type (a PDF) as an open-in-a-new-tab link showing the file type and size, which fetches nothing (no `connect-src` or bucket CORS needed); `documents="preview"` draws a `FilePreview` instead. When the file fails to load (an expired presigned link) an alert says so, with a Reload button when `onReload` is passed (`reloading` shows it busy); a new `src` is a new chance. Named `QuestionMediaView` because `QuestionMedia` is already the type of `Question.media`. After a Reload that works, focus moves to the file when it was on the button. New strings: `material.question-media.*` (English and French). Additive ([#2001](https://github.com/softistx/nxgt-material/issues/2001)).
+
+- [#2024](https://github.com/softistx/nxgt-material/pull/2024) [`62c6a40`](https://github.com/softistx/nxgt-material/commit/62c6a4017c929de5b5da374ce03348729658f893) Thanks [@SteveGT96](https://github.com/SteveGT96)! - feat(sidebar): add `--sidebar-active-edge`, the colour of the active entry's start bar (`bg-sidebar-active-edge`). It defaults to `--sidebar-active-foreground`, so nothing changes unless a theme sets it, and then only the bar changes.
+
+- [#2022](https://github.com/softistx/nxgt-material/pull/2022) [`7eb67b3`](https://github.com/softistx/nxgt-material/commit/7eb67b30ee88516e33649b2101d278554ac90625) Thanks [@SteveGT96](https://github.com/SteveGT96)! - Add the unsaved-changes guard ([#1658](https://github.com/softistx/nxgt-material/issues/1658)). `useUnsavedGuard(dirty, { block, leaves?, ignoreSearch?, onBlock? })` in `@nxgt/material/hooks` blocks in-app navigation while a form is dirty and guards `beforeunload`; it returns `{ release, dialog }` (`release()` is synchronous and one-shot: the next navigation that really leaves passes, then the guard re-arms, and a release no navigation used expires when the current task ends; call it before the navigation that follows a save). The router is injected through a `block` adapter, `useReactRouterBlock` being the ready one for React Router. By default a pathname or query-string change is a leave; `ignoreSearch` or a `leaves(current, next)` predicate changes that, and `onBlock()` can flush pending saves and let the navigation through silently. `dirty` may be a function read at block time. `useDiscardGuard(dirty)` returns `{ close(action), dialog }` for a form in a dialog or sheet. New `UnsavedDialog` component (`material.unsaved.*` keys, en and fr). No Vue twin yet ([#2019](https://github.com/softistx/nxgt-material/issues/2019)).
+
 ## 3.62.0
 
 ### Minor Changes

package/README.md

@@ -220,7 +220,7 @@ reads `duotone.svg`, the file that exists (it used to ask for the missing
 | `@nxgt/material/draw/png` | `drawingToPng(sceneOrSvg, { scale?, background?, colorsFrom? })` and `downloadDrawingPng(source, fileName)` — a drawing (a scene, or a live `<svg>` such as `svgRef.current` of a `<Drawing ref={svgRef}>`) as a PNG `Blob` in the browser, with the page's theme colours resolved, `data:` images inlined and CORS errors named; its own entry, DOM only when called ([drawing guide](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/guides/drawing.md#png), [reference](https://cdn.jsdelivr.net/npm/@nxgt/material-core@0/docs/draw.md#png-nxgtmaterial-coredrawpng)) |
 | `@nxgt/material/vite` | build-time helpers for consumers: `nxgtMaterial()` (a strict CSP by hash or nonce, self-hosted fonts, a styles check, serves the pdf.js worker on the Vite 5–7 dev server, generates your app themes' stylesheets with `nxgtMaterial({ themes })` and the `nxgt-theme` bin: [Themes guide](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/guides/themes.md), a reduced backdrop icon sprite from your Font Awesome install with `nxgtMaterial({ backdropSprite })` and the `nxgt-backdrop-sprite` bin, PDFs on a bundled server with `nxgtMaterial({ pdf: { bundle: true } })`: [Vite plugin guide](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/guides/vite-plugin.md)), `pdfkitStandardFonts()` ([printing guide](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/guides/printing.md)), `cspAssetsInlineLimit`, a `build.assetsInlineLimit` that never inlines a font ([CSP guide](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/guides/csp.md#katex-fonts)) |
 | `@nxgt/material/next` | `withNxgtPrint(nextConfig)`: the `next.config.ts` a Next.js route handler that imports `/print` needs, `output: 'standalone'` included. Node only, no dependency on `next` ([printing guide](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/guides/printing.md#nextjs-serverexternalpackages-and-output-standalone)) |
-| `@nxgt/material/hooks` | `useTheme`, `useIsClient`, `useIsMobile`, `useLocalizedDate`, `useCspNonce`, `useFocusOnMount`, `useCountdown`, `useSubmitOnce`, `useDrafts`, … ([helpers](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/guides/helpers.md#nxgtmaterialhooks)) |
+| `@nxgt/material/hooks` | `useTheme`, `useIsClient`, `useIsMobile`, `useLocalizedDate`, `useCspNonce`, `useFocusOnMount`, `useCountdown`, `useSubmitOnce`, `useDrafts`, `useUnsavedGuard`, … ([helpers](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/guides/helpers.md#nxgtmaterialhooks)) |
 | `@nxgt/material/dnd` | `@dnd-kit` primitives ([helpers](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/guides/helpers.md#nxgtmaterialdnd)) |
 | `@nxgt/material/i18n` | `I18nProvider`, `mergeResources`, `createTranslator`, `translateMaterial`, `formatMessage` ([i18n guide](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/guides/i18n.md)) |
 | `@nxgt/material/lib` | `cn`, `clientOnly`, date, number and storage utilities, `useSliceReducer`, `getCspNonce` / `setCspNonce`, the server-side CSP helpers (`createCspNonce`, `cspPolicy`, `cspHash`, `applyCspNonce`, `CSP_NONCE_PLACEHOLDER`, `ZOD_JITLESS_SCRIPT`, `zodJitlessTag`: [CSP, SSR](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/guides/csp.md#ssr)) ([helpers](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/guides/helpers.md#nxgtmateriallib)) |

package/dist/alert-dialog-RHm6WtQj.js

@@ -0,0 +1,189 @@
+import { r as e } from "./rolldown-runtime-BFFgcFxR.js";
+import { t } from "./utils-BLfntITJ.js";
+import { o as n } from "./dist-DVRQkaTK.js";
+import { c as r, s as i } from "./dist-lmHmz_bu.js";
+import { t as a } from "./in-dialog-Vwkyp-M5.js";
+import { a as o, c as s, d as c, i as l, l as u, n as d, o as f, r as p, s as m, t as h, u as g } from "./use-return-focus-1ZIchrBM.js";
+import { i as _ } from "./escape-owner-DpaP0lm1.js";
+import * as v from "react";
+import { jsx as y, jsxs as b } from "react/jsx-runtime";
+//#region ../../node_modules/@radix-ui/react-alert-dialog/dist/index.mjs
+var x = /* @__PURE__ */ e({
+	Action: () => W,
+	AlertDialog: () => D,
+	AlertDialogAction: () => I,
+	AlertDialogCancel: () => R,
+	AlertDialogContent: () => N,
+	AlertDialogDescription: () => F,
+	AlertDialogOverlay: () => A,
+	AlertDialogPortal: () => k,
+	AlertDialogTitle: () => P,
+	AlertDialogTrigger: () => O,
+	Cancel: () => G,
+	Content: () => U,
+	Description: () => q,
+	Overlay: () => H,
+	Portal: () => V,
+	Root: () => z,
+	Title: () => K,
+	Trigger: () => B,
+	createAlertDialogScope: () => T
+}), S = Object.defineProperty, C = (e, t) => S(e, "name", {
+	value: t,
+	configurable: !0
+}), [w, T] = r("AlertDialog", [c]), E = c(), D = /* @__PURE__ */ C((e) => {
+	let { __scopeAlertDialog: t, ...n } = e;
+	return /* @__PURE__ */ y(p, {
+		...E(t),
+		...n,
+		modal: !0
+	});
+}, "AlertDialog"), O = v.forwardRef(/* @__PURE__ */ C(function(e, t) {
+	let { __scopeAlertDialog: n, ...r } = e;
+	return /* @__PURE__ */ y(g, {
+		...E(n),
+		...r,
+		ref: t
+	});
+}, "AlertDialogTrigger")), k = /* @__PURE__ */ C((e) => {
+	let { __scopeAlertDialog: t, ...n } = e;
+	return /* @__PURE__ */ y(s, {
+		...E(t),
+		...n
+	});
+}, "AlertDialogPortal"), A = v.forwardRef(/* @__PURE__ */ C(function(e, t) {
+	let { __scopeAlertDialog: n, ...r } = e;
+	return /* @__PURE__ */ y(m, {
+		...E(n),
+		...r,
+		ref: t
+	});
+}, "AlertDialogOverlay")), [j, M] = w("AlertDialogContent"), N = v.forwardRef(/* @__PURE__ */ C(function(e, t) {
+	let { __scopeAlertDialog: r, children: a, ...s } = e, c = E(r), l = n(t, v.useRef(null)), u = v.useRef(null);
+	return /* @__PURE__ */ y(j, {
+		scope: r,
+		cancelRef: u,
+		children: /* @__PURE__ */ y(o, {
+			role: "alertdialog",
+			...c,
+			...s,
+			ref: l,
+			onOpenAutoFocus: i(s.onOpenAutoFocus, (e) => {
+				e.preventDefault(), u.current?.focus({ preventScroll: !0 });
+			}),
+			onPointerDownOutside: (e) => e.preventDefault(),
+			onInteractOutside: (e) => e.preventDefault(),
+			children: a
+		})
+	});
+}, "AlertDialogContent")), P = v.forwardRef(/* @__PURE__ */ C(function(e, t) {
+	let { __scopeAlertDialog: n, ...r } = e;
+	return /* @__PURE__ */ y(u, {
+		...E(n),
+		...r,
+		ref: t
+	});
+}, "AlertDialogTitle")), F = v.forwardRef(/* @__PURE__ */ C(function(e, t) {
+	let { __scopeAlertDialog: n, ...r } = e;
+	return /* @__PURE__ */ y(f, {
+		...E(n),
+		...r,
+		ref: t
+	});
+}, "AlertDialogDescription")), I = v.forwardRef(/* @__PURE__ */ C(function(e, t) {
+	let { __scopeAlertDialog: n, ...r } = e;
+	return /* @__PURE__ */ y(l, {
+		...E(n),
+		...r,
+		ref: t
+	});
+}, "AlertDialogAction")), L = "AlertDialogCancel", R = v.forwardRef(/* @__PURE__ */ C(function(e, t) {
+	let { __scopeAlertDialog: r, ...i } = e, { cancelRef: a } = M(L, r), o = E(r), s = n(t, a);
+	return /* @__PURE__ */ y(l, {
+		...o,
+		...i,
+		ref: s
+	});
+}, "AlertDialogCancel")), z = D, B = O, V = k, H = A, U = N, W = I, G = R, K = P, q = F;
+//#endregion
+//#region lib/components/ui/feedback/alert-dialog/alert-dialog.tsx
+function J({ ...e }) {
+	return /* @__PURE__ */ y(z, {
+		"data-slot": "alert-dialog",
+		...e
+	});
+}
+function Y({ children: e, asChild: t = !0, ...n }) {
+	return /* @__PURE__ */ y(B, {
+		"data-slot": "alert-dialog-trigger",
+		asChild: t,
+		...n,
+		children: /* @__PURE__ */ y("div", { children: e })
+	});
+}
+function X({ ...e }) {
+	return /* @__PURE__ */ y(V, {
+		"data-slot": "alert-dialog-portal",
+		...e
+	});
+}
+function Z({ className: e, ...n }) {
+	return /* @__PURE__ */ y(H, {
+		"data-slot": "alert-dialog-overlay",
+		className: t("nxgt-scrim fixed inset-0 z-50", e),
+		...n
+	});
+}
+function Q({ className: e, onOpenAutoFocus: n, onCloseAutoFocus: r, onEscapeKeyDown: i, ref: o, ...s }) {
+	let c = h({
+		onOpenAutoFocus: n,
+		onCloseAutoFocus: r
+	}, { focusFallback: !0 }), l = d({
+		ref: o,
+		onEscapeKeyDown: i,
+		...s
+	}, !0);
+	return /* @__PURE__ */ y(_, { children: /* @__PURE__ */ y(a, {
+		value: !0,
+		children: /* @__PURE__ */ b(X, { children: [/* @__PURE__ */ y(Z, { ref: l.overlayRef }), /* @__PURE__ */ y(U, {
+			ref: l.ref,
+			"data-slot": "alert-dialog-content",
+			className: t("nxgt-dialog fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 p-6 sm:max-w-lg max-h-[calc(100dvh-2rem)] supports-[not(height:100dvh)]:max-h-[calc(100vh-2rem)] overflow-y-auto", e),
+			onOpenAutoFocus: c.onOpenAutoFocus,
+			onCloseAutoFocus: c.onCloseAutoFocus,
+			onEscapeKeyDown: l.onEscapeKeyDown,
+			...s,
+			onFocusOutside: l.outside.onFocusOutside
+		})] })
+	}) });
+}
+function $({ className: e, ...n }) {
+	return /* @__PURE__ */ y("div", {
+		"data-slot": "alert-dialog-header",
+		className: t("flex flex-col gap-2 text-center sm:text-left", e),
+		...n
+	});
+}
+function ee({ className: e, ...n }) {
+	return /* @__PURE__ */ y("div", {
+		"data-slot": "alert-dialog-footer",
+		className: t("flex flex-col-reverse gap-2 pt-2 max-sm:*:w-full sm:flex-row sm:justify-end", e),
+		...n
+	});
+}
+function te({ className: e, ...n }) {
+	return /* @__PURE__ */ y(K, {
+		"data-slot": "alert-dialog-title",
+		className: t("text-2xl/8 font-medium tracking-tight text-foreground", e),
+		...n
+	});
+}
+function ne({ className: e, ...n }) {
+	return /* @__PURE__ */ y(q, {
+		"data-slot": "alert-dialog-description",
+		className: t("text-muted-foreground text-sm/6", e),
+		...n
+	});
+}
+//#endregion
+export { $ as a, te as c, G as d, x as f, ee as i, Y as l, Q as n, Z as o, ne as r, X as s, J as t, W as u };

package/dist/{async-slice-HJY_VJjD.js → async-slice-DmX59NyA.js}

@@ -1,5 +1,4 @@
-import { i as e, r as t, t as n } from "./stored-language-B-tiWZU2.js";
-import { r } from "./translator-B9XjUDRu.js";
+import { l as e, r as t, s as n, u as r } from "./translator-Caf-d96e.js";
 import { t as i } from "./_baseIsEqual-C6ksIHya.js";
 import { useMemo as a } from "react";
 import { asyncThunkCreator as o, buildCreateSlice as s } from "@reduxjs/toolkit";
@@ -84,8 +83,8 @@ var S = (e) => {
 			if (Object.getPrototypeOf(e) !== Object.prototype && e.constructor) return e.constructor.name;
 	}
 	return t;
-}, C = ({ storageKey: i = t, language: a, translate: o = r } = {}) => {
-	let s = () => typeof a == "function" ? a() : a ?? n(i, "en", e);
+}, C = ({ storageKey: i = e, language: a, translate: o = t } = {}) => {
+	let s = () => typeof a == "function" ? a() : a ?? n(i, "en", r);
 	return (e) => {
 		let t = s(), n = (e, n) => o(e, n, t), r = (e, t) => {
 			let r = n(e, t);

package/dist/{button-7BuUCGRm.js → button-DfS_amfQ.js}

@@ -1,6 +1,6 @@
 import { t as e } from "./utils-BLfntITJ.js";
 import { n as t, t as n } from "./dist-DVRQkaTK.js";
-import { n as r, r as i, t as a } from "./spinner-C5lObWXT.js";
+import { n as r, r as i, t as a } from "./spinner-CAnpF3RK.js";
 import { a as o, i as s, n as c, o as l, s as u, t as d } from "./use-click-lock-BZYtTmVt.js";
 import { t as f } from "./is-production-GLw59WU8.js";
 import { t as p } from "./button-group-context-CaP0X5p_.js";

package/dist/charts.js

@@ -1,12 +1,12 @@
 import { t as e } from "./ui.utils-CAnKTCw5.js";
 import { t } from "./utils-BLfntITJ.js";
 import { t as n } from "./warn-once-C_e47JM8.js";
-import { t as r } from "./button-7BuUCGRm.js";
-import { t as i } from "./use-material-translation-B5j3jZs7.js";
+import { t as r } from "./button-DfS_amfQ.js";
+import { t as i } from "./use-material-translation-C_1cWRzW.js";
 import { t as a } from "./use-ssr-media-query-C6M5m8sf.js";
 import { i as o, n as s, r as c, t as l } from "./util-4heV2LPI.js";
 import { t as u } from "./useIsomorphicLayoutEffect-DfgAhWcH.js";
-import { t as d } from "./chip-kQOrHlDX.js";
+import { t as d } from "./chip-Cbndukko.js";
 import { c as f, d as p, f as m, i as h, o as g, p as _, s as v, t as y } from "./line-path-C5pZGC49.js";
 import { t as b } from "./live-status-BGPaN8r8.js";
 import { t as x } from "./linear-G97mfnKF.js";

package/dist/{chip-kQOrHlDX.js → chip-Cbndukko.js}

@@ -1,7 +1,7 @@
 import { t as e } from "./utils-BLfntITJ.js";
-import { r as t } from "./spinner-C5lObWXT.js";
+import { r as t } from "./spinner-CAnpF3RK.js";
 import { s as n } from "./use-click-lock-BZYtTmVt.js";
-import { t as r } from "./use-material-translation-B5j3jZs7.js";
+import { t as r } from "./use-material-translation-C_1cWRzW.js";
 import { t as i } from "./react-node-text-Crkpfpco.js";
 import { cloneElement as a, isValidElement as o } from "react";
 import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";

package/dist/{code-editor-Ckc9TTCM.js → code-editor-B0tN8Ha_.js}

@@ -1,14 +1,14 @@
 import { r as e } from "./rolldown-runtime-BFFgcFxR.js";
 import { t } from "./utils-BLfntITJ.js";
 import { a as n } from "./dist-lmHmz_bu.js";
-import { c as r, d as i, f as a, n as o, t as s } from "./dropdown-menu-CiobN1wi.js";
-import { a as c, i as l, n as u } from "./field-blur-context-DbJQZkEB.js";
-import { a as d, d as f, r as p, t as m, u as h } from "./toolbar-items-ByvXcMHm.js";
+import { c as r, d as i, f as a, n as o, t as s } from "./dropdown-menu-_SyVmSuy.js";
+import { a as c, i as l, n as u } from "./field-blur-context-DPe5_Nv5.js";
+import { a as d, d as f, r as p, t as m, u as h } from "./toolbar-items-_ezD5B0r.js";
 import { t as g } from "./is-production-GLw59WU8.js";
-import { t as _ } from "./use-material-translation-B5j3jZs7.js";
-import { i as v, n as y, o as b, t as x } from "./code-language-items-rCPB0Xee.js";
-import { n as S, t as C } from "./escape-owner-r57kuPjn.js";
-import { t as w } from "./useIsomorphicLayoutEffect-DfgAhWcH.js";
+import { t as _ } from "./use-material-translation-C_1cWRzW.js";
+import { i as v, n as y, o as b, t as x } from "./code-language-items-andgHKrM.js";
+import { t as S } from "./useIsomorphicLayoutEffect-DfgAhWcH.js";
+import { n as C, t as w } from "./escape-owner-DpaP0lm1.js";
 import { t as T } from "./skeleton-DSdtr2qc.js";
 import { t as E } from "./react-node-text-Crkpfpco.js";
 import D, { memo as O, useCallback as ee, useEffect as k, useId as A, useImperativeHandle as j, useMemo as M, useRef as N, useState as P } from "react";
@@ -975,7 +975,7 @@ function sn(e, t, r) {
 		t
 	]);
 	let o = (t) => {
-		let n = e.current, r = t.nativeEvent.defaultPrevented && !S(t.nativeEvent);
+		let n = e.current, r = t.nativeEvent.defaultPrevented && !C(t.nativeEvent);
 		!i || !n || r || n.contains(t.target) && (t.key === "Escape" ? (t.preventDefault(), a(!1)) : t.key === "Tab" && on(t, n));
 	};
 	return {
@@ -989,7 +989,7 @@ function sn(e, t, r) {
 				tabIndex: -1
 			},
 			"data-fullscreen": i || void 0,
-			[C]: i || void 0,
+			[w]: i || void 0,
 			onKeyDown: o
 		})
 	};
@@ -1327,10 +1327,10 @@ function Pn() {
 }
 function Fn(e, t) {
 	let n = M(() => jn(e, t), [e, t]), r = N(null), [i] = P(() => typeof document > "u" ? void 0 : Pn()), a = N(void 0);
-	return w(() => {
+	return S(() => {
 		let e = r.current;
 		e && Mn(e, n, a.current), i && Nn(i, n, a.current), a.current = n;
-	}, [n, i]), w(() => {
+	}, [n, i]), S(() => {
 		if (i) return (r.current?.parentElement?.closest("[role=\"dialog\"]") ?? document.body).appendChild(i), () => i.remove();
 	}, [i]), {
 		scope: n,

package/dist/code-editor.js

@@ -1,14 +1,14 @@
 import { t as e } from "./utils-BLfntITJ.js";
 import { a as t } from "./dist-lmHmz_bu.js";
-import { d as n, r, t as i, u as a } from "./toolbar-items-ByvXcMHm.js";
-import { t as o } from "./use-material-translation-B5j3jZs7.js";
-import { i as s, n as c, o as l } from "./code-language-items-rCPB0Xee.js";
-import { r as u, t as d } from "./field-blur-DdvY0NQQ.js";
+import { d as n, r, t as i, u as a } from "./toolbar-items-_ezD5B0r.js";
+import { t as o } from "./use-material-translation-C_1cWRzW.js";
+import { i as s, n as c, o as l } from "./code-language-items-andgHKrM.js";
+import { r as u, t as d } from "./field-blur-DyOByjzw.js";
 import { t as f } from "./skeleton-DSdtr2qc.js";
 import { t as p } from "./live-status-BGPaN8r8.js";
 import { t as m } from "./use-mobile-BDro060N.js";
 import { t as h } from "./react-node-text-Crkpfpco.js";
-import { a as g, c as _, d as v, f as y, i as b, l as x, m as S, o as C, p as w, r as T, s as E, t as D, u as O } from "./code-editor-Ckc9TTCM.js";
+import { a as g, c as _, d as v, f as y, i as b, l as x, m as S, o as C, p as w, r as T, s as E, t as D, u as O } from "./code-editor-B0tN8Ha_.js";
 import { useEffect as k, useRef as A, useState as j } from "react";
 import { Fragment as M, jsx as N, jsxs as P } from "react/jsx-runtime";
 import { getCspNonce as F } from "@nxgt/material-core/csp-nonce";

package/dist/{code-language-items-rCPB0Xee.js → code-language-items-andgHKrM.js}

@@ -1,5 +1,5 @@
-import { d as e, f as t } from "./dropdown-menu-CiobN1wi.js";
-import { t as n } from "./use-material-translation-B5j3jZs7.js";
+import { d as e, f as t } from "./dropdown-menu-_SyVmSuy.js";
+import { t as n } from "./use-material-translation-C_1cWRzW.js";
 import { t as r } from "./live-status-BGPaN8r8.js";
 import { useEffect as i, useRef as a, useState as o } from "react";
 import { jsx as s } from "react/jsx-runtime";

package/dist/components/ui/layout/sidebar/sidebar-tokens.css

@@ -8,7 +8,9 @@
 	 * follow a `--primary` set below :root. To theme the rail set
 	 * `--sidebar-active`, `--sidebar-active-hover` and
 	 * `--sidebar-active-foreground` (all three, or the first two and the
-	 * foreground); the derived colours are not declared here, on purpose. */
+	 * foreground); the derived colours are not declared here, on purpose.
+	 * `--sidebar-active-edge` recolours the start bar alone; unset, the bar is
+	 * the foreground (`--sidebar-active-edge: gold` changes nothing else). */
 	--nxgt-sidebar-active-share: 15%;
 	/* Light: primary itself reads 4.5:1 on the page but not on its own 15 % pill
 	 * for every preset (corail 3.7:1), so the label is primary darkened to 85 %
@@ -71,4 +73,14 @@
 				var(--nxgt-sidebar-active-c, c) h
 		)
 	);
+	--color-sidebar-active-edge: var(
+		--sidebar-active-edge,
+		var(
+			--sidebar-active-foreground,
+			oklch(
+				from var(--primary) var(--nxgt-sidebar-active-l, l)
+					var(--nxgt-sidebar-active-c, c) h
+			)
+		)
+	);
 }