@nxgt/material 3.103.0 → 3.105.0

package/dist/{chip-3rWebZEM.js → chip-DPj6e-3v.js}

@@ -1,7 +1,7 @@
 import { t as e } from "./utils-BLfntITJ.js";
-import { n as t } from "./spinner-Cg0y_E_K.js";
+import { n as t } from "./spinner-CEVomQ5K.js";
 import { s as n } from "./use-click-lock-Bwg_caHO.js";
-import { t as r } from "./use-material-translation-uNc1FyC8.js";
+import { t as r } from "./use-material-translation-xNzbSVgS.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-BqSVMfy-.js → code-editor-CZg3nLZO.js}

@@ -1,12 +1,12 @@
 import { r as e } from "./rolldown-runtime-BFFgcFxR.js";
 import { t } from "./utils-BLfntITJ.js";
 import { t as n } from "./dist-DWZXlCZR.js";
-import { c as r, d as i, f as a, n as o, t as s } from "./dropdown-menu-BnfLWu8n.js";
+import { c as r, d as i, f as a, n as o, t as s } from "./dropdown-menu-QMDbRidH.js";
 import { t as c } from "./label-DR-zZyGQ.js";
-import { a as l, o as u, r as d, s as f, t as p } from "./toolbar-items-Cs1XrZsH.js";
+import { a as l, o as u, r as d, s as f, t as p } from "./toolbar-items-BDfoh8QB.js";
 import { t as m } from "./is-production-GLw59WU8.js";
-import { t as h } from "./use-material-translation-uNc1FyC8.js";
-import { i as g, n as _, s as v, t as y } from "./code-language-items-Cf2LJVg2.js";
+import { t as h } from "./use-material-translation-xNzbSVgS.js";
+import { i as g, n as _, s as v, t as y } from "./code-language-items-Nq1iOGId.js";
 import { t as b } from "./useIsomorphicLayoutEffect-DfgAhWcH.js";
 import { n as x, t as S } from "./escape-owner-DpaP0lm1.js";
 import { i as C, n as w } from "./field-blur-context-3rKussBQ.js";

package/dist/code-editor.js

@@ -1,13 +1,13 @@
 import { t as e } from "./utils-BLfntITJ.js";
 import { t } from "./dist-DWZXlCZR.js";
-import { o as n, r, s as i, t as a } from "./toolbar-items-Cs1XrZsH.js";
-import { t as o } from "./use-material-translation-uNc1FyC8.js";
-import { i as s, n as c, s as l } from "./code-language-items-Cf2LJVg2.js";
+import { o as n, r, s as i, t as a } from "./toolbar-items-BDfoh8QB.js";
+import { t as o } from "./use-material-translation-xNzbSVgS.js";
+import { i as s, n as c, s as l } from "./code-language-items-Nq1iOGId.js";
 import { t as u } from "./skeleton-DSdtr2qc.js";
 import { t as d } from "./live-status-BGPaN8r8.js";
 import { t as f } from "./use-mobile-BDro060N.js";
 import { t as p } from "./react-node-text-Crkpfpco.js";
-import { a as m, c as h, d as g, f as _, i as v, l as y, m as b, o as x, p as S, r as C, s as w, t as T, u as E } from "./code-editor-BqSVMfy-.js";
+import { a as m, c as h, d as g, f as _, i as v, l as y, m as b, o as x, p as S, r as C, s as w, t as T, u as E } from "./code-editor-CZg3nLZO.js";
 import { r as D, t as O } from "./field-blur-DMJwPLsg.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";

package/dist/{code-language-items-Cf2LJVg2.js → code-language-items-Nq1iOGId.js}

@@ -1,5 +1,5 @@
-import { d as e, f as t } from "./dropdown-menu-BnfLWu8n.js";
-import { t as n } from "./use-material-translation-uNc1FyC8.js";
+import { d as e, f as t } from "./dropdown-menu-QMDbRidH.js";
+import { t as n } from "./use-material-translation-xNzbSVgS.js";
 import { t as r } from "./copy-to-clipboard-Be5Ffvs_.js";
 import { t as i } from "./live-status-BGPaN8r8.js";
 import { useEffect as a, useRef as o, useState as s } from "react";

package/dist/components/ui/display/chip/chip-soft.css

@@ -1,5 +1,5 @@
 /* Chip `tonal` and `filled`, "soft": no outline at all. A low tonal fill that reads as a
- * chip on any surface; selected = the library's primary tint, a hairline
+ * chip on any surface; selected = the library's primary tint (a toggle chip of a tone: the filled tone, last block), a hairline
  * ring in primary-text and a check (the ≥3:1 cue), the label unchanged. In
  * dark the tint is mixed from --primary-text, the light end of the primary,
  * 56 % at rest and 58 % on hover, and the label is white: in all 14 themes
@@ -91,7 +91,8 @@
  * (--nxgt-tone-text, 4.5:1 or more on it). It reads --nxgt-tint-status, not
  * --nxgt-tint-container: the container of a calm zone (calm.css) fades to
  * the surface through its flags, and a status chip keeps its tint there. Selected
- * keeps the primary tint and the foreground label above. */
+ * keeps the primary tint and the foreground label above, except a toggle chip of a
+ * tone (the last block). */
 @layer components {
 	.nxgt-chip[data-look="soft"]:not([data-tone="neutral"]) {
 		--chip-status-base: var(--nxgt-tone);
@@ -121,3 +122,27 @@
 		color: var(--nxgt-tone-text);
 	}
 }
+
+/* A coloured toggle chip, selected: the filled tone (--nxgt-tone) under the
+ * tone's on-colour (--nxgt-tone-on, 4.5:1 or more, light and dark), the ring
+ * in the on-colour so the edge holds on the page. The check stays the
+ * non-colour cue. A status chip (`active`, not a toggle) keeps the tint. */
+@layer components {
+	.nxgt-chip[data-look="soft"]:not([data-tone="neutral"])[data-selected]:is(
+		[aria-checked="true"],
+		[aria-pressed="true"]
+	) {
+		--chip-on: var(--nxgt-tone);
+		--chip-on-hover: color-mix(
+			in oklab,
+			var(--nxgt-tone-on) 10%,
+			var(--nxgt-tone)
+		);
+		--chip-on-ring: color-mix(
+			in oklab,
+			var(--nxgt-tone-on) 55%,
+			var(--nxgt-tone)
+		);
+		--chip-on-text: var(--nxgt-tone-on);
+	}
+}

package/dist/components/ui/primitives/collapsible/collapsible.css

@@ -73,6 +73,15 @@
 	.nxgt-collapsible-trigger[data-variant="tonal"][data-state="open"] {
 		border-radius: 0.75rem;
 	}
+	/* `flush` (text only): label at the left edge, the parent's font, so the
+	 * trigger can sit in a heading. */
+	.nxgt-collapsible-trigger[data-variant="text"][data-flush] {
+		min-height: 1.5rem;
+		padding: 0.25rem 0.25rem 0.25rem 0;
+		border-radius: 0.5rem;
+		font: inherit;
+		letter-spacing: inherit;
+	}
 	.nxgt-collapsible-trigger:hover:not(:disabled) {
 		background-color: color-mix(in oklab, var(--ct-fg) 8%, var(--ct-bg));
 	}