@nxgt/material 3.62.0 → 3.64.0

package/CHANGELOG.md

@@ -1,5 +1,38 @@
 # @nxgt/material
 
+## 3.64.0
+
+### Minor Changes
+
+- [#2034](https://github.com/softistx/nxgt-material/pull/2034) [`fb176de`](https://github.com/softistx/nxgt-material/commit/fb176de3620b5b067e01274bfe8b8c9504027a52) Thanks [@SteveGT96](https://github.com/SteveGT96)! - `QuestionCard`: a persistent description and an exposed prompt id. `Question.description` renders a static helper line inside the card, under the answer field of an `open` or `code` question ("A person will mark this answer"), linked to the textarea by `aria-describedby` and kept once the card is revealed; `hint` (the reveal button) is unchanged. `QuestionCodeField` gains `describedBy`, the id of that line, for `renderCode` to add to the editor's `aria-describedby`. `QuestionProps.promptId` sets the id of the prompt (a generated one by default) so a wrapper can use `aria-labelledby`; the description's id is `${promptId}-description`. Additive ([#2027](https://github.com/softistx/nxgt-material/issues/2027)).
+
+- [#2026](https://github.com/softistx/nxgt-material/pull/2026) [`3f0e769`](https://github.com/softistx/nxgt-material/commit/3f0e76915a8bd4d77662db218afa1a112edd5eec) Thanks [@SteveGT96](https://github.com/SteveGT96)! - `ServerTable`: a chip-group filter and a load-more footer for lists that load more instead of paging ([#2008](https://github.com/softistx/nxgt-material/issues/2008)).
+  
+  - A `chips-single` or `chips-multiple` filter field declared `inline: true` is shown as a chip group in the filter band at every width, in place of a quick pill that opens an editor: pressing a chip sets the condition, pressing the chosen one clears it. It is a plain filter (counted, in the URL, cleared by "Clear all") with no chip of its own (a condition the group cannot draw, such as another operator set by code, keeps its normal chip), and is not offered in "Add filter". `defineFilterModel` rejects `inline` without options, on another type, with a `default`, a `scope` or `addable: false`. `@nxgt/material-core/filter` exports `isInline` and `inlineShows(field, condition)`, the rule that keeps a condition the group cannot draw as a normal chip.
+  - `footer="load-more"` renders `LoadMoreFooter` ("Showing N of M", the load button, a failed alert with a retry) in place of Previous / Next, with `onLoadMore`, `isLoadingMore`, `loadMoreFailed` and `loadMoreLabel`. The page keeps the loaded rows in `rows`: reset them whenever `params` change and append only the next page in `onLoadMore`, with `isLoadingMore` while it loads and `loadMoreFailed` when it fails (the docs have a worked example). Without `onLoadMore` it warns in development. The selection count stays. Without it the footer is unchanged. No new `material.*` string: the footer's keys exist already.
+  
+  `LoadMoreFooter` (behaviour change for existing consumers): after the last page the footer now keeps a polite "Showing N of N" status line instead of vanishing, and takes the focus if its button had it as it went away (the footer is `tabIndex={-1}`, `outline-none`). A list that never had a next page still renders nothing, and a list that restarts smaller drops the line (a heuristic: give a standalone footer a `key` naming the query for a restart at the same size or larger; `ServerTable` does so by itself on a `params` change). Opt out of the line with `showCount={false}`. Props still spread after `data-slot` and `className` as before; `ref` and `tabIndex` are now fixed, and `onFocus` / `onBlur` are chained.
+
+### Patch Changes
+
+- [#2035](https://github.com/softistx/nxgt-material/pull/2035) [`2591bb7`](https://github.com/softistx/nxgt-material/commit/2591bb76716e618e95e74884fd30dffba9b0e2f1) Thanks [@SteveGT96](https://github.com/SteveGT96)! - Roadmap: Link navigation, RecordActionsMenu and Cursor trail cap planned under Next.
+- Updated dependencies [[`2591bb7`](https://github.com/softistx/nxgt-material/commit/2591bb76716e618e95e74884fd30dffba9b0e2f1), [`3f0e769`](https://github.com/softistx/nxgt-material/commit/3f0e76915a8bd4d77662db218afa1a112edd5eec)]:
+  - @nxgt/material-core@0.45.0
+
+## 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
+			)
+		)
+	);
 }