@nxgt/material 3.75.0 → 3.76.0

package/dist/{code-language-items-Cs8GLYDp.js → code-language-items-B7WR5ua_.js}

@@ -1,30 +1,25 @@
-import { d as e, f as t } from "./dropdown-menu-CzR6JP31.js";
-import { t as n } from "./use-material-translation-CIS2n3RB.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";
-//#region lib/components/ui/actions/copy-button/copy-to-clipboard.ts
-async function c(e) {
-	if (!navigator.clipboard?.writeText) throw Error("Clipboard is not available");
-	await navigator.clipboard.writeText(e);
-}
-//#endregion
+import { d as e, f as t } from "./dropdown-menu-xlZ6NYUA.js";
+import { t as n } from "./use-material-translation-CD6QoVal.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";
+import { jsx as c } from "react/jsx-runtime";
 //#region lib/components/ui/actions/copy-button/use-copy-status.ts
 var l = 1500;
 function u(e = l) {
-	let [t, n] = o("idle"), r = a(void 0), s = a(!1);
-	i(() => (s.current = !1, () => {
-		s.current = !0, clearTimeout(r.current);
+	let [t, n] = s("idle"), i = o(void 0), c = o(!1);
+	a(() => (c.current = !1, () => {
+		c.current = !0, clearTimeout(i.current);
 	}), []);
 	async function u(t) {
 		if (!t) return;
-		let i = "copied";
+		let a = "copied";
 		try {
-			await c(t);
+			await r(t);
 		} catch {
-			i = "failed";
+			a = "failed";
 		}
-		return s.current ? i : (clearTimeout(r.current), n(i), r.current = setTimeout(() => n("idle"), e), i);
+		return c.current ? a : (clearTimeout(i.current), n(a), i.current = setTimeout(() => n("idle"), e), a);
 	}
 	return {
 		status: t,
@@ -123,23 +118,23 @@ function p(e) {
 //#endregion
 //#region lib/components/ui/widgets/code-editor/toolbar/code-copy-status.tsx
 function m({ slot: e, status: t }) {
-	let { t: i } = n();
-	return /* @__PURE__ */ s(r, {
+	let { t: r } = n();
+	return /* @__PURE__ */ c(i, {
 		slot: e,
-		children: t === "copied" ? i("material.code.copied", "Copied") : t === "failed" ? i("material.code.copy-failed", "Could not copy") : null
+		children: t === "copied" ? r("material.code.copied", "Copied") : t === "failed" ? r("material.code.copy-failed", "Could not copy") : null
 	});
 }
 //#endregion
 //#region lib/components/ui/widgets/code-editor/toolbar/code-language-items.tsx
 function h({ language: n, onChange: r }) {
-	return /* @__PURE__ */ s(e, {
+	return /* @__PURE__ */ c(e, {
 		value: n ? f(n) : "",
 		onValueChange: r,
-		children: d.map((e) => /* @__PURE__ */ s(t, {
+		children: d.map((e) => /* @__PURE__ */ c(t, {
 			value: e.id,
 			children: e.label
 		}, e.id))
 	});
 }
 //#endregion
-export { f as a, p as i, m as n, u as o, d as r, c as s, h as t };
+export { f as a, p as i, m as n, u as o, d as r, h as t };

package/dist/components/base-content.css

@@ -95,7 +95,7 @@
 	}
 
 	.form-grid-layout {
-		@apply relative flex flex-col gap-2 @container;
+		@apply relative flex flex-col @container;
 		[data-slot="form-fields"] {
 			@apply grid @2xl:grid-cols-2 @4xl:grid-cols-3 @6xl:grid-cols-4 gap-2 bg-background/80 p-4 place-items-start;
 
@@ -152,10 +152,15 @@
 		@variant max-sm {
 			--form-actions-clearance-default: 8rem;
 		}
-		/* Sticky at the bottom of whatever scrolls the form: in reach. Padded
-		   for the safe area (`viewport-fit=cover`: the home indicator). */
+		/* The actions are one surface with the fields: same tint, no gap, so a
+		   short form on a page is one slab, not two. Sticky at the bottom of
+		   whatever scrolls the form (in reach, and only a long form scrolls);
+		   the blur keeps the fields passing under it quiet. Padded for the
+		   safe area (`viewport-fit=cover`: the home indicator). The 0.5rem above
+		   the buttons is a transparent border, painted with the tint, so a
+		   `*:p-0` on the form (the editor's edit forms) cannot make them flush. */
 		[data-slot="form-actions"] {
-			@apply sticky bottom-0 z-10 flex w-full justify-end gap-2 bg-background/90 p-4 pb-[max(1rem,env(safe-area-inset-bottom))] backdrop-blur-sm max-sm:*:flex-1;
+			@apply sticky bottom-0 z-10 flex w-full justify-end gap-2 bg-background/80 border-t-8 border-transparent px-4 pb-[max(1rem,env(safe-area-inset-bottom))] backdrop-blur-sm max-sm:*:flex-1;
 		}
 	}
 

package/dist/components/ui/collections/server-table/server-table-phone-row.css

@@ -92,11 +92,18 @@
 		min-width: 2.75rem;
 		min-height: 2.75rem;
 	}
-	/* The 44px box sits at the row's edge: the label's 14px of room
-	 * is taken back, so the box lines up with the search above. */
+	/* The label's 12px of room around the box is mostly taken back, but not
+	 * all of it. Since the list draws no panel on a phone (#2295) the row
+	 * starts 4px inside the page gutter, and a tap-target check
+	 * (`@nxgt/playwright`'s `expectTapTargets`) moves the 44px square centred
+	 * on the box back inside the viewport: with the box's centre under 22px
+	 * from the screen's edge (20px in an 8px gutter at -0.875rem), the square
+	 * reached past the box's `::after` (#2304). At -0.375rem the centre is
+	 * 20px in from the gutter: 22px or more from the edge in any gutter of
+	 * 2px or more. */
 	[data-slot="server-table-phone-row-start"]
 	[data-slot="select-checkbox-label"] {
-		margin-inline-start: -0.875rem;
+		margin-inline-start: -0.375rem;
 	}
 }
 [data-slot="server-table-phone-row"]