@nxgt/material 3.52.0 → 3.54.0

package/dist/{chip-Ca1SEd70.js → chip-BzoNsd-W.js}

@@ -1,7 +1,7 @@
 import { t as e } from "./utils-BLfntITJ.js";
-import { r as t } from "./spinner-KQb3YuR_.js";
+import { r as t } from "./spinner-Rg4PnBPH.js";
 import { s as n } from "./use-click-lock-BZYtTmVt.js";
-import { t as r } from "./use-material-translation-ByM3gD9R.js";
+import { t as r } from "./use-material-translation-nNF8fUXz.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-DtwRhK8B.js → code-editor-DsLQeiZc.js}

@@ -2,13 +2,13 @@ import { r as e } from "./rolldown-runtime-BFFgcFxR.js";
 import { t } from "./utils-BLfntITJ.js";
 import { t as n } from "./is-production-GLw59WU8.js";
 import { a as r } from "./dist-lmHmz_bu.js";
-import { c as i, d as a, f as o, n as s, t as c } from "./dropdown-menu-B0Kd8x3G.js";
-import { a as l, i as u, n as d } from "./field-blur-context-1T6GkSNc.js";
-import { a as f, d as p, r as m, t as h, u as g } from "./toolbar-items-30w9rG5h.js";
-import { t as _ } from "./use-material-translation-ByM3gD9R.js";
-import { i as v, n as y, o as b, t as x } from "./code-language-items-CEclGxhA.js";
+import { c as i, d as a, f as o, n as s, t as c } from "./dropdown-menu-CDN6Nqx6.js";
+import { a as l, i as u, n as d } from "./field-blur-context-Dg1nwWOV.js";
+import { a as f, d as p, r as m, t as h, u as g } from "./toolbar-items-BFY_hns5.js";
+import { t as _ } from "./use-material-translation-nNF8fUXz.js";
+import { i as v, n as y, o as b, t as x } from "./code-language-items-4zXlIEZ0.js";
 import { t as S } from "./useIsomorphicLayoutEffect-DfgAhWcH.js";
-import { n as C, t as w } from "./escape-owner-BGKjiglh.js";
+import { n as C, t as w } from "./escape-owner-DI_lg2ID.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";

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-30w9rG5h.js";
-import { t as o } from "./use-material-translation-ByM3gD9R.js";
-import { i as s, n as c, o as l } from "./code-language-items-CEclGxhA.js";
-import { r as u, t as d } from "./field-blur-Dz1zPaYK.js";
+import { d as n, r, t as i, u as a } from "./toolbar-items-BFY_hns5.js";
+import { t as o } from "./use-material-translation-nNF8fUXz.js";
+import { i as s, n as c, o as l } from "./code-language-items-4zXlIEZ0.js";
+import { r as u, t as d } from "./field-blur-BcJH8H9B.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-DtwRhK8B.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-DsLQeiZc.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 { ChevronDown as F, ChevronUp as I, Columns2 as L } from "lucide-react";

package/dist/{code-language-items-CEclGxhA.js → code-language-items-4zXlIEZ0.js}

@@ -1,5 +1,5 @@
-import { d as e, f as t } from "./dropdown-menu-B0Kd8x3G.js";
-import { t as n } from "./use-material-translation-ByM3gD9R.js";
+import { d as e, f as t } from "./dropdown-menu-CDN6Nqx6.js";
+import { t as n } from "./use-material-translation-nNF8fUXz.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/components.css

@@ -58,11 +58,7 @@
 @import "./ui/layout/app-shell/activity-backdrop-shapes.css";
 @import "./ui/layout/auth-card/auth-card-backdrop.css";
 /* DataTable cards and tiles: the item shell (hairline, tint, start bar, columns by the list's width). */
-@import "./ui/collections/data-table/data-table-items.css";
-@import "./ui/collections/data-table/data-table-items-compact.css";
-@import "./ui/collections/data-table/data-table-items-bar.css";
-@import "./ui/collections/data-table/data-table-items-forced.css";
-@import "./ui/collections/data-table/data-table-items-tiles.css";
+@import "./ui/collections/data-table/index.css";
 /* ServerTable's second header row on a phone: select-all, sort, Filters and the actions. */
 @import "./ui/collections/server-table/server-table-phone-row.css";
 /* Checkbox and Radio: the check that draws in, the dot that springs in, the state layer. */

package/dist/components/theme-tokens.css

@@ -11,6 +11,9 @@
 	   keeps the flat look with `--ground: var(--background)`. */
 	--ground: color-mix(in oklab, var(--primary) 7%, var(--background));
 	--card: oklch(1 0 0);
+	/* The card's edge (Card, Popover, Dialog): the border in light; dark draws it a
+	   hairline lighter than the card. */
+	--card-edge: var(--border);
 	--card-foreground: oklch(0.227 0.017 290);
 	--strix: oklch(45.91% 0.1864 310.75);
 	--popover: oklch(1 0 0);
@@ -111,38 +114,39 @@
 		var(--primary) 6%,
 		color-mix(in oklab, var(--background) 55%, black)
 	);
-	--card: oklch(0.19 0.019 289.4);
+	--card: oklch(0.22 0.019 289.4);
+	--card-edge: color-mix(in oklab, white 8%, var(--card));
 	--card-foreground: oklch(0.943 0.012 291.3);
-	--popover: oklch(0.19 0.019 289.4);
+	--popover: oklch(0.22 0.019 289.4);
 	--popover-foreground: oklch(0.943 0.012 291.3);
 	--primary: oklch(46% 0.1135 276.35);
 	--primary-foreground: oklch(0.995 0.002 291.3);
 	/* Mixed 60 % toward white (the tonal Button labels' recipe): readable as text
 	   on --background and --card. */
 	--primary-text: color-mix(in oklab, var(--primary) 40%, white);
-	/* --primary itself is 2.7:1 on --background, 2.5:1 on --card and 2.3:1 on
-	   --muted. Mixed 25 % toward white: 4.8:1, 4.5:1 and 4.2:1. */
+	/* --primary itself is 2.7:1 on --background, 2.4:1 on --card and 2.1:1 on
+	   --muted. Mixed 25 % toward white: 4.8:1, 4.2:1 and 3.8:1. */
 	--primary-indicator: color-mix(in oklab, var(--primary) 75%, white);
 	/* Brighter than the light one: it is read as text on the dark surfaces (6.8:1
-	   on --background, 6.4:1 on --card; 5.1:1 on its own 15 % tonal tint over a
+	   on --background, 6.0:1 on --card; 4.8:1 on its own 15 % tonal tint over a
 	   Card). A filled secondary surface mixes it toward --background (the opaque
 	   70 % mix) to keep 5.4:1 under its near-white text (4.9:1 over a Card). */
 	--secondary: oklch(0.675 0.1135 245.65);
 	--secondary-foreground: oklch(0.995 0.002 291.3);
-	--muted: oklch(0.228 0.022 290);
+	--muted: oklch(0.258 0.022 290);
 	--muted-foreground: oklch(0.725 0.03 292.2);
-	/* 3.7:1 on --background, 3.5:1 on --card; the fill 3.3:1 on the track. */
+	/* 3.7:1 on --background, 3.3:1 on --card; the fill 3.3:1 on the track. */
 	--track: oklch(0.53 0.03 290);
 	--track-fill: oklch(0.85 0.09 276.35);
 	--tooltip: oklch(0.925 0.012 291.3);
 	--tooltip-foreground: oklch(0.446 0.043 291);
-	--accent: oklch(0.25 0.022 290);
+	--accent: oklch(0.28 0.022 290);
 	--accent-foreground: oklch(0.943 0.012 291.3);
 	--error: oklch(0.577 0.245 27.325);
 	--error-foreground: oklch(0.995 0.002 291.3);
 	/* --error stays the fill under near-white text; as text it would give only
 	   4.0:1 on --background and 3.8:1 on --card. Lightened (76 % --error), 6.25
-	   and 5.9:1, and 5.2:1 on a focused error menu item (bg-error/20 over the
+	   and 5.5:1, and 4.9:1 on a focused error menu item (bg-error/20 over the
 	   popover; the former 80 % missed 4.5:1 once rendered). */
 	--error-text: color-mix(in oklab, var(--error) 76%, white);
 	/* The light brights: on the dark surfaces they read as text and as the
@@ -152,15 +156,15 @@
 	--success-foreground: oklch(0.995 0.002 291.3);
 	--info: oklch(0.707 0.165 254.624);
 	--info-foreground: oklch(0.995 0.002 291.3);
-	/* Amber too, as text: 7.2:1 on --background and 6.7:1 on --card, 6.4:1 and
-	   5.9:1 on its 10% tint; the badge's 60% fill under near-white text is
-	   6.1:1 on a page and 5.8:1 on a Card. */
+	/* Amber too, as text: 7.2:1 on --background and 6.3:1 on --card, 6.4:1 and
+	   5.5:1 on its 10% tint; the badge's 60% fill under near-white text is
+	   6.1:1 on a page and 5.6:1 on a Card. */
 	--warning: oklch(0.7 0.15 70);
 	--warning-foreground: oklch(0.995 0.002 291.3);
 	--destructive: oklch(0.704 0.191 22.216);
-	--border: oklch(0.259 0.025 291.4);
-	--input: oklch(0.298 0.027 291.4);
-	/* 4.05:1 on --background, 3.80:1 on --card, 3.50:1 on --muted. */
+	--border: oklch(0.289 0.025 291.4);
+	--input: oklch(0.328 0.027 291.4);
+	/* 4.05:1 on --background, 3.57:1 on --card, 3.22:1 on --muted. */
 	--ring: oklch(0.551 0.03 290);
 	--chart-1: oklch(0.488 0.243 264.376);
 	--chart-2: oklch(0.696 0.17 162.48);

package/dist/components/ui/actions/action-card/action-card-tile.css

@@ -76,7 +76,7 @@
 	 * wrapper dissolves so its children take the areas. */
 	.nxgt-action-card[data-size="tile"] {
 		grid-template-columns: minmax(0, 1fr) auto;
-		grid-template-areas: "title act" "status status" "desc desc" "meta meta";
+		grid-template-areas: "title act" "status status" "desc desc" "meta meta" "foot foot";
 		align-items: start;
 		/* A taller neighbour stretches the card: keep the rows at the top. */
 		align-content: start;
@@ -93,7 +93,8 @@
 			"icon title act"
 			". status status"
 			". desc desc"
-			". meta meta";
+			". meta meta"
+			". foot foot";
 	}
 	.nxgt-action-card[data-size="tile"] .nxgt-action-card-icon {
 		width: 36px;
@@ -119,6 +120,14 @@
 	.nxgt-action-card[data-size="tile"] .nxgt-action-card-meta {
 		grid-area: meta;
 	}
+	/* The footer: secondary links, above the stretched title link or button. */
+	.nxgt-action-card-footer {
+		grid-area: foot;
+		position: relative;
+		z-index: 1;
+		min-width: 0;
+		margin-top: 2px;
+	}
 	.nxgt-action-card[data-size="tile"][data-has-action]
 		.nxgt-action-card-action {
 		align-self: start;

package/dist/components/ui/collections/data-table/data-table-items-record.css

@@ -0,0 +1,27 @@
+/* The compact record row of a tile (`item.Row`, data-table-item-row.tsx): the
+ * dense row of ListTile inside the tile's shell. Direction "A Refined" for the
+ * shell; the row is 36px tall under a fine pointer and 44px under a coarse one
+ * (the link's `::after` covers the tile, so the whole tile is the target).
+ * The title is 13px medium like ListTile's `size="sm"`; a selected tile's
+ * title keeps the primary text of data-table-items.css. */
+@layer components {
+	[data-slot="data-table-tiles"]
+		> [data-slot="data-table-item"]:has([data-slot="data-table-record"]) {
+		min-height: 2.25rem;
+		padding-block: 0.375rem;
+	}
+	@media (pointer: coarse) {
+		[data-slot="data-table-tiles"]
+			> [data-slot="data-table-item"]:has([data-slot="data-table-record"]) {
+			min-height: 2.75rem;
+			/* The link's 44px box, centred on the title's first line, stays inside
+			 * the tile when the subtitle and the chips stack under it. */
+			padding-block: 0.75rem;
+		}
+	}
+	[data-slot="data-table-record"] [data-slot="data-table-item-title"] {
+		font-size: 0.8125rem;
+		font-weight: 500;
+		line-height: 1.4;
+	}
+}

package/dist/components/ui/collections/data-table/index.css

@@ -0,0 +1,14 @@
+/* DataTable cards and tiles, one file per role, in cascade order:
+ *
+ *   data-table-items.css          the item shell (hairline, tint, start bar, columns)
+ *   data-table-items-compact.css  compact cards
+ *   data-table-items-bar.css      the list bar
+ *   data-table-items-forced.css   forced colours
+ *   data-table-items-tiles.css    tiles: one column, one surface
+ *   data-table-items-record.css   the compact record row of a tile (item.Row) */
+@import "./data-table-items.css";
+@import "./data-table-items-compact.css";
+@import "./data-table-items-bar.css";
+@import "./data-table-items-forced.css";
+@import "./data-table-items-tiles.css";
+@import "./data-table-items-record.css";

package/dist/components/ui/overlays/dialog/dialog.css

@@ -39,7 +39,8 @@
 		--dialog-bg: color-mix(in oklab, var(--primary) 18%, var(--card));
 		box-shadow:
 			var(--nxgt-elevation-3),
-			inset 0 0 0 1px rgb(255 255 255 / 0.07);
+			inset 0 0 0 1px var(--card-edge),
+			inset 0 1px 0 rgb(255 255 255 / 0.03);
 	}
 	.nxgt-dialog[data-state="open"] {
 		animation:

package/dist/components/ui/overlays/popover/popover.css

@@ -30,13 +30,14 @@
 		--popover-bg: var(--popover);
 		--popover-lift:
 			0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
-		border: 1px solid var(--border);
+		border: 1px solid var(--card-edge);
 		border-radius: var(--radius-md);
 	}
 	:where(.dark, [data-theme="dark"]) .nxgt-popover {
 		--popover-bg: color-mix(in oklab, var(--primary) 16%, var(--popover));
 		--popover-lift:
-			var(--nxgt-elevation-2), inset 0 0 0 1px rgb(255 255 255 / 0.07);
+			var(--nxgt-elevation-2), inset 0 0 0 1px var(--card-edge),
+			inset 0 1px 0 rgb(255 255 255 / 0.03);
 	}
 	:where(.dark, [data-theme="dark"]) .nxgt-popover[data-variant="tonal"] {
 		--popover-bg: color-mix(in oklab, var(--primary) 34%, var(--popover));