@nxgt/material 3.48.0 → 3.49.0

package/dist/{empty-state-DcF4TBzi.js → empty-state-C9QqvBU1.js}

@@ -1,35 +1,35 @@
 import { t as e } from "./utils-BLfntITJ.js";
 import { t } from "./use-material-translation-DOkTaWK_.js";
-import { i as n } from "./escape-owner-C4W_sOAU.js";
+import { i as n } from "./escape-owner-DCrlERLM.js";
 import { a as r, c as i, i as a, n as o, o as s, r as c, t as l, u } from "./state-scenes-BX03WmSu.js";
-import { AlertCircle as d, Construction as f, FileQuestion as p, PackageOpen as m, Search as h, ShieldAlert as g, WifiOff as _ } from "lucide-react";
-import { Suspense as v } from "react";
-import { jsx as y, jsxs as b } from "react/jsx-runtime";
+import { Suspense as d } from "react";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import { AlertCircle as m, Construction as h, FileQuestion as g, PackageOpen as _, Search as v, ShieldAlert as y, WifiOff as b } from "lucide-react";
 import { STATE_ACCENT as x, STATE_ICON as S, stateCopy as C } from "@nxgt/material-core/states";
 //#region lib/components/ui/feedback/state-frame/state-icon.tsx
 var w = {
-	"package-open": m,
-	search: h,
-	"file-question": p,
-	"shield-alert": g,
-	"alert-circle": d,
-	"wifi-off": _,
-	construction: f
+	"package-open": _,
+	search: v,
+	"file-question": g,
+	"shield-alert": y,
+	"alert-circle": m,
+	"wifi-off": b,
+	construction: h
 };
 function T({ kind: e }) {
 	let t = w[S[e]];
-	return /* @__PURE__ */ y(t, { "aria-hidden": "true" });
+	return /* @__PURE__ */ f(t, { "aria-hidden": "true" });
 }
 //#endregion
 //#region lib/components/ui/feedback/state-frame/state-scene-illustration.tsx
 function E({ scene: e, size: t }) {
-	return /* @__PURE__ */ y("div", {
+	return /* @__PURE__ */ f("div", {
 		"data-slot": "illustration",
 		"data-scene": e,
 		"data-size": t,
 		"data-fallback": "",
 		"aria-hidden": "true",
-		children: /* @__PURE__ */ y(r, {
+		children: /* @__PURE__ */ f(r, {
 			kind: l[e] ?? "empty",
 			className: "h-full w-full"
 		})
@@ -37,19 +37,19 @@ function E({ scene: e, size: t }) {
 }
 var D = a("illustration", async () => {
 	let { Illustration: e } = await import("./illustration-B4_W-OUS.js").then((e) => e.n);
-	return ({ scene: t, size: n }) => /* @__PURE__ */ y(e, {
+	return ({ scene: t, size: n }) => /* @__PURE__ */ f(e, {
 		scene: t,
 		size: n
 	});
 }, E);
 function O({ scene: e, size: t }) {
-	return /* @__PURE__ */ y(v, {
-		fallback: /* @__PURE__ */ y("div", {
+	return /* @__PURE__ */ f(d, {
+		fallback: /* @__PURE__ */ f("div", {
 			"data-slot": "illustration",
 			"data-size": t,
 			"aria-hidden": "true"
 		}),
-		children: /* @__PURE__ */ y(D, {
+		children: /* @__PURE__ */ f(D, {
 			scene: e,
 			size: t
 		})
@@ -57,41 +57,41 @@ function O({ scene: e, size: t }) {
 }
 //#endregion
 //#region lib/components/ui/feedback/state-frame/state-frame.tsx
-function k({ kind: t, size: a = "default", illustration: l, icon: d, title: f, headingLevel: p, description: m, actions: h, className: g, children: _, ...v }) {
+function k({ kind: t, size: a = "default", illustration: l, icon: d, title: m, headingLevel: h, description: g, actions: _, className: v, children: y, ...b }) {
 	let S = a === "inline", C = a === "compact" || S, w = e("flex shrink-0 items-center justify-center rounded", s[x[t]], S ? "size-8 rounded-full [&_svg]:size-4" : C ? "size-10 [&_svg]:size-5" : "size-16 [&_svg]:size-7"), E = u(), D = l === !0 || c(l, E?.sets) ? c(l, E?.sets) ? l : o[t] : null, k = l == null && d == null && a === "default" ? i(E, o[t]) : void 0, A = S ? null : D ?? (k ? o[t] : null), j = null;
-	return j = l === !1 ? null : A ? /* @__PURE__ */ y(O, {
+	return j = l === !1 ? null : A ? /* @__PURE__ */ f(O, {
 		scene: A,
 		size: C ? "sm" : "md"
-	}) : l != null && l !== !0 && !c(l, E?.sets) ? l : d == null ? C ? /* @__PURE__ */ y("div", {
+	}) : l != null && l !== !0 && !c(l, E?.sets) ? l : d == null ? C ? /* @__PURE__ */ f("div", {
 		className: w,
-		children: /* @__PURE__ */ y(T, { kind: t })
-	}) : /* @__PURE__ */ y(r, { kind: t }) : /* @__PURE__ */ y("div", {
+		children: /* @__PURE__ */ f(T, { kind: t })
+	}) : /* @__PURE__ */ f(r, { kind: t }) : /* @__PURE__ */ f("div", {
 		className: w,
 		children: d
-	}), /* @__PURE__ */ b("div", {
+	}), /* @__PURE__ */ p("div", {
 		"data-kind": t,
 		"data-size": a,
-		className: e("flex text-foreground", S ? "flex-row items-center gap-3 px-3 py-2.5 text-start" : "flex-col items-center justify-center text-center", !S && (C ? "gap-3 px-4 py-6" : "min-h-[22rem] gap-5 p-8"), g),
-		...v,
+		className: e("flex text-foreground", S ? "flex-row items-center gap-3 px-3 py-2.5 text-start" : "flex-col items-center justify-center text-center", !S && (C ? "gap-3 px-4 py-6" : "min-h-[22rem] gap-5 p-8"), v),
+		...b,
 		children: [
 			j,
-			(f != null || m != null) && /* @__PURE__ */ b("div", {
+			(m != null || g != null) && /* @__PURE__ */ p("div", {
 				className: e("flex flex-col", S ? "min-w-0 flex-1 gap-0.5" : "max-w-sm gap-2"),
-				children: [f != null && /* @__PURE__ */ y(n, {
-					as: p ? `h${p}` : void 0,
+				children: [m != null && /* @__PURE__ */ f(n, {
+					as: h ? `h${h}` : void 0,
 					variant: S ? "normal" : C ? "title-medium" : "headline-small",
 					className: e("tracking-tight text-balance", S && "font-medium"),
-					children: f
-				}), m != null && /* @__PURE__ */ y(n, {
+					children: m
+				}), g != null && /* @__PURE__ */ f(n, {
 					variant: S ? "body-small" : "body-medium",
 					className: "text-pretty",
-					children: m
+					children: g
 				})]
 			}),
-			_,
-			h != null && /* @__PURE__ */ y("div", {
+			y,
+			_ != null && /* @__PURE__ */ f("div", {
 				className: e("flex flex-wrap items-center gap-2", S ? "shrink-0" : "mt-1 justify-center"),
-				children: h
+				children: _
 			})
 		]
 	});
@@ -100,7 +100,7 @@ function k({ kind: t, size: a = "default", illustration: l, icon: d, title: f, h
 //#region lib/components/ui/feedback/empty-state/empty-state.tsx
 function A({ kind: e = "empty", size: n = "default", illustration: r, icon: i, title: a, description: o, action: s, ...c }) {
 	let l = C(e, "empty-state"), { t: u } = t(), d = o ?? (a == null ? u(l.descriptionKey, l.description) : void 0);
-	return /* @__PURE__ */ y(k, {
+	return /* @__PURE__ */ f(k, {
 		"data-slot": "empty-state",
 		"data-variant": e,
 		kind: e,

package/dist/{escape-owner-C4W_sOAU.js → escape-owner-DCrlERLM.js}

@@ -1,6 +1,6 @@
 import { t as e } from "./utils-BLfntITJ.js";
 import { t } from "./dist-DVRQkaTK.js";
-import { o as n } from "./tooltip-CkttDIab.js";
+import { t as n } from "./dist-B61_o9Mg.js";
 import { t as r } from "./button-group-context-CaP0X5p_.js";
 import { jsx as i } from "react/jsx-runtime";
 //#region lib/components/ui/actions/button-group/button-group-reset.tsx

package/dist/{field-blur-CJHzVSh9.js → field-blur-DYGyIdfD.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./field-blur-context-Cft9s7Hg.js";
+import { t as e } from "./field-blur-context-B-fSpl1H.js";
 import { t } from "./useEvent-2fKq-6w8.js";
 import n, { useCallback as r, useEffect as i, useRef as a } from "react";
 import { jsx as o } from "react/jsx-runtime";

package/dist/{field-blur-context-Cft9s7Hg.js → field-blur-context-B-fSpl1H.js}

@@ -1,6 +1,6 @@
 import { t as e } from "./utils-BLfntITJ.js";
 import { l as t } from "./dist-lmHmz_bu.js";
-import { i as n } from "./escape-owner-C4W_sOAU.js";
+import { i as n } from "./escape-owner-DCrlERLM.js";
 import * as r from "react";
 import { createContext as i, use as a, useMemo as o } from "react";
 import { jsx as s, jsxs as c } from "react/jsx-runtime";

package/dist/hooks.js

@@ -1,6 +1,6 @@
 import { r as e } from "./i18n-provider-C0fB0sEL.js";
-import { a as t, i as n, o as r, r as i, s as a } from "./theme-store-CSl51uNH.js";
-import { n as o, t as s } from "./use-theme-DMcyJ52N.js";
+import { a as t, i as n, o as r, r as i, s as a } from "./theme-store-BdPp43cV.js";
+import { n as o, t as s } from "./use-theme-BCLireTd.js";
 import { t as c } from "./number.utils-BG_eEt5g.js";
 import { a as l, i as u, n as d, o as f, r as p, t as m } from "./use-heading-spy-DjKixjLm.js";
 import { r as h } from "./use-csp-nonce-ZKs9k-ov.js";

package/dist/{hover-card-C0fw2kLK.js → hover-card-EO_CckIx.js}

@@ -1,9 +1,9 @@
 import { t as e } from "./utils-BLfntITJ.js";
 import { o as t } from "./dist-DVRQkaTK.js";
 import { a as n, c as r, i, l as a, s as o } from "./dist-lmHmz_bu.js";
-import { b as s, c, d as l, f as u, u as d, x as f } from "./tooltip-CkttDIab.js";
+import { S as s, d as c, f as l, l as u, p as d, x as f } from "./dist-B61_o9Mg.js";
 import { t as p } from "./in-dialog-Vwkyp-M5.js";
-import { o as m } from "./escape-owner-C4W_sOAU.js";
+import { o as m } from "./escape-owner-DCrlERLM.js";
 import * as h from "react";
 import { Activity as g } from "react";
 import { jsx as _ } from "react/jsx-runtime";
@@ -11,7 +11,7 @@ import { jsx as _ } from "react/jsx-runtime";
 var v = Object.defineProperty, y = (e, t) => v(e, "name", {
 	value: t,
 	configurable: !0
-}), b, x = "HoverCard", [S, C] = r(x, [u]), w = u(), [T, E] = S(x), D = /* @__PURE__ */ y((e) => {
+}), b, x = "HoverCard", [S, C] = r(x, [d]), w = d(), [T, E] = S(x), D = /* @__PURE__ */ y((e) => {
 	let { __scopeHoverCard: t, children: r, open: i, defaultOpen: a, onOpenChange: o, openDelay: s = 700, closeDelay: c = 300 } = e, u = w(t), d = h.useRef(0), f = h.useRef(0), p = h.useRef(!1), m = h.useRef(!1), [g, v] = n({
 		prop: i,
 		defaultProp: a ?? !1,
@@ -40,7 +40,7 @@ var v = Object.defineProperty, y = (e, t) => v(e, "name", {
 	});
 }, "HoverCard"), O = "HoverCardTrigger", k = /* @__PURE__ */ h.forwardRef(/* @__PURE__ */ y(function(e, t) {
 	let { __scopeHoverCard: n, ...r } = e, i = E(O, n);
-	return /* @__PURE__ */ _(c, {
+	return /* @__PURE__ */ _(u, {
 		asChild: !0,
 		...w(n),
 		children: /* @__PURE__ */ _(a.a, {
@@ -61,7 +61,7 @@ var v = Object.defineProperty, y = (e, t) => v(e, "name", {
 		forceMount: n,
 		children: /* @__PURE__ */ _(i, {
 			present: n || o.open,
-			children: /* @__PURE__ */ _(s, {
+			children: /* @__PURE__ */ _(f, {
 				asChild: !0,
 				container: a,
 				children: r
@@ -81,7 +81,7 @@ var v = Object.defineProperty, y = (e, t) => v(e, "name", {
 		})
 	});
 }, "HoverCardContent")), I = /* @__PURE__ */ h.forwardRef(/* @__PURE__ */ y(function(e, n) {
-	let { __scopeHoverCard: r, onEscapeKeyDown: i, onPointerDownOutside: a, onFocusOutside: s, onInteractOutside: c, ...l } = e, u = E(P, r), p = w(r), m = h.useRef(null), g = t(n, m), [v, x] = h.useState(!1);
+	let { __scopeHoverCard: r, onEscapeKeyDown: i, onPointerDownOutside: a, onFocusOutside: l, onInteractOutside: u, ...d } = e, f = E(P, r), p = w(r), m = h.useRef(null), g = t(n, m), [v, x] = h.useState(!1);
 	return h.useEffect(() => {
 		if (v) {
 			let e = document.body;
@@ -92,35 +92,35 @@ var v = Object.defineProperty, y = (e, t) => v(e, "name", {
 	}, [v]), h.useEffect(() => {
 		if (m.current) {
 			let e = /* @__PURE__ */ y(() => {
-				x(!1), u.isPointerDownOnContentRef.current = !1, setTimeout(() => {
-					document.getSelection()?.toString() !== "" && (u.hasSelectionRef.current = !0);
+				x(!1), f.isPointerDownOnContentRef.current = !1, setTimeout(() => {
+					document.getSelection()?.toString() !== "" && (f.hasSelectionRef.current = !0);
 				});
 			}, "handlePointerUp");
 			return document.addEventListener("pointerup", e), () => {
-				document.removeEventListener("pointerup", e), u.hasSelectionRef.current = !1, u.isPointerDownOnContentRef.current = !1;
+				document.removeEventListener("pointerup", e), f.hasSelectionRef.current = !1, f.isPointerDownOnContentRef.current = !1;
 			};
 		}
-	}, [u.isPointerDownOnContentRef, u.hasSelectionRef]), h.useEffect(() => {
+	}, [f.isPointerDownOnContentRef, f.hasSelectionRef]), h.useEffect(() => {
 		m.current && R(m.current).forEach((e) => e.setAttribute("tabindex", "-1"));
-	}), /* @__PURE__ */ _(f, {
+	}), /* @__PURE__ */ _(s, {
 		asChild: !0,
 		disableOutsidePointerEvents: !1,
-		onInteractOutside: c,
+		onInteractOutside: u,
 		onEscapeKeyDown: i,
 		onPointerDownOutside: a,
-		onFocusOutside: o(s, (e) => {
+		onFocusOutside: o(l, (e) => {
 			e.preventDefault();
 		}),
-		onDismiss: u.onDismiss,
-		children: /* @__PURE__ */ _(d, {
+		onDismiss: f.onDismiss,
+		children: /* @__PURE__ */ _(c, {
 			...p,
-			...l,
-			onPointerDown: o(l.onPointerDown, (e) => {
-				e.currentTarget.contains(e.target) && x(!0), u.hasSelectionRef.current = !1, u.isPointerDownOnContentRef.current = !0;
+			...d,
+			onPointerDown: o(d.onPointerDown, (e) => {
+				e.currentTarget.contains(e.target) && x(!0), f.hasSelectionRef.current = !1, f.isPointerDownOnContentRef.current = !0;
 			}),
 			ref: g,
 			style: {
-				...l.style,
+				...d.style,
 				userSelect: v ? "text" : void 0,
 				WebkitUserSelect: v ? "text" : void 0,
 				"--radix-hover-card-content-transform-origin": "var(--radix-popper-transform-origin)",

package/dist/{icon-badge-aJ22mKGh.js → icon-badge-BQYj_LE6.js}

@@ -1,7 +1,7 @@
 import { t as e } from "./utils-BLfntITJ.js";
-import { f as t } from "./dialog-CCCcnTIx.js";
-import { a as n, i as r, n as i } from "./field-blur-context-Cft9s7Hg.js";
-import { t as a } from "./icon-button-CN9r5TNE.js";
+import { f as t } from "./dialog-ODql4vH7.js";
+import { a as n, i as r, n as i } from "./field-blur-context-B-fSpl1H.js";
+import { t as a } from "./icon-button-B481L2TP.js";
 import { isValidElement as o, useId as s } from "react";
 import { jsx as c, jsxs as l } from "react/jsx-runtime";
 import { describedBy as u } from "@nxgt/material-core/described-by";

package/dist/{icon-button-CN9r5TNE.js → icon-button-B481L2TP.js}

@@ -1,8 +1,8 @@
 import { t as e } from "./utils-BLfntITJ.js";
-import { n as t } from "./use-shape-morph-BKA_R5P5.js";
-import { n, t as r } from "./dist-DVRQkaTK.js";
-import { o as i, t as a } from "./tooltip-CkttDIab.js";
-import { t as o } from "./is-production-GLw59WU8.js";
+import { t } from "./is-production-GLw59WU8.js";
+import { n } from "./use-shape-morph-BKA_R5P5.js";
+import { n as r, t as i } from "./dist-DVRQkaTK.js";
+import { n as a, t as o } from "./dist-B61_o9Mg.js";
 import { a as s, i as c, n as l, r as u, t as d } from "./button-tones-BwuVvAmd.js";
 import { t as f } from "./button-group-context-CaP0X5p_.js";
 import { shapeOutline as p, toSvgPath as m } from "@nxgt/material-core/shapes";
@@ -191,7 +191,7 @@ var x = [
 		color: "default",
 		class: `${u.default} ${d.default} ${l.default} underline-offset-4 hover:underline hover:bg-foreground/10 active:bg-muted focus:bg-foreground/10`
 	}
-], S = i("inline-flex center gap-2 cursor-pointer whitespace-nowrap text-sm font-medium disabled:pointer-events-none [&_svg]:bg-transparent [&_svg]:text-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-(--btn-ic,1rem) shrink-0 [&_svg]:shrink-0", {
+], S = o("inline-flex center gap-2 cursor-pointer whitespace-nowrap text-sm font-medium disabled:pointer-events-none [&_svg]:bg-transparent [&_svg]:text-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-(--btn-ic,1rem) shrink-0 [&_svg]:shrink-0", {
 	variants: {
 		look: {
 			btn: "nxgt-btn nxgt-morph-fill aria-invalid:[--btn-focus:var(--color-error)] aria-invalid:[--btn-line:var(--color-error)]",
@@ -288,9 +288,9 @@ var w = C("btn"), T = C("shaped"), E = {
 		default: "fill-transparent group-hover/icon-button:fill-accent dark:group-hover/icon-button:fill-accent/50"
 	}
 };
-function D({ shape: n, variant: r, color: i }) {
-	let a = p(n), o = _(null);
-	return t(o, a, !0), /* @__PURE__ */ v("svg", {
+function D({ shape: t, variant: r, color: i }) {
+	let a = p(t), o = _(null);
+	return n(o, a, !0), /* @__PURE__ */ v("svg", {
 		"data-slot": "icon-button-shape",
 		viewBox: "0 0 100 100",
 		"aria-hidden": "true",
@@ -310,10 +310,10 @@ function D({ shape: n, variant: r, color: i }) {
 function O(e) {
 	return e === void 0 || !Number.isFinite(e) || e < .5 ? null : b(e);
 }
-function k({ variant: t, color: i, size: a, width: c, className: l, asChild: u, type: d = "button", shape: p, morph: m = "pill", badge: _, badgeTone: b = "primary", children: x, ...S }) {
-	let C = u ? r : "button", E = h(f), k = a ?? E, A = !!(S["aria-label"] || S["aria-labelledby"]), j = !!p && c != null && c !== "default";
+function k({ variant: n, color: a, size: o, width: c, className: l, asChild: u, type: d = "button", shape: p, morph: m = "pill", badge: _, badgeTone: b = "primary", children: x, ...S }) {
+	let C = u ? i : "button", E = h(f), k = o ?? E, A = !!(S["aria-label"] || S["aria-labelledby"]), j = !!p && c != null && c !== "default";
 	g(() => {
-		j && !o() && console.warn("IconButton: `width` is ignored with `shape`; a shaped button is as wide as it is high.");
+		j && !t() && console.warn("IconButton: `width` is ignored with `shape`; a shaped button is as wide as it is high.");
 	}, [j]);
 	let M = !p && m !== "none" && S["aria-pressed"] !== void 0, N = O(_), P = S["aria-pressed"] === !0 || S["aria-pressed"] === "true";
 	return /* @__PURE__ */ v(s, {
@@ -321,20 +321,20 @@ function k({ variant: t, color: i, size: a, width: c, className: l, asChild: u,
 		children: /* @__PURE__ */ y(C, {
 			"data-slot": "icon-button",
 			"data-icon-button": "",
-			"data-variant": t ?? "filled",
-			"data-color": i,
+			"data-variant": n ?? "filled",
+			"data-color": a,
 			type: u ? void 0 : d,
 			"data-size": k,
 			"data-shape": p,
 			"data-morph": M ? m : void 0,
 			"data-selected": M && P ? "true" : void 0,
 			className: e(p ? T({
-				variant: t,
-				color: i,
+				variant: n,
+				color: a,
 				size: k
 			}) : w({
-				variant: t,
-				color: i,
+				variant: n,
+				color: a,
 				size: k,
 				width: c
 			}), p && "group/icon-button nxgt-touch-target relative isolate bg-transparent! border-0! shadow-none! ring-0! focus-visible:ring-0! aria-invalid:ring-0! forced-colors:[&_svg]:stroke-[ButtonText] forced-colors:[&_svg]:text-[ButtonText]", l),
@@ -342,10 +342,10 @@ function k({ variant: t, color: i, size: a, width: c, className: l, asChild: u,
 			children: [
 				p ? /* @__PURE__ */ v(D, {
 					shape: p,
-					variant: t ?? "filled",
-					color: i ?? (t === "ghost" ? "default" : "primary")
+					variant: n ?? "filled",
+					color: a ?? (n === "ghost" ? "default" : "primary")
 				}) : null,
-				/* @__PURE__ */ v(n, { children: x }),
+				/* @__PURE__ */ v(r, { children: x }),
 				N === null ? null : /* @__PURE__ */ v("span", {
 					"data-slot": "icon-button-badge",
 					"aria-hidden": "true",

package/dist/lib/components/ui/actions/action-card/action-card-semantics.d.ts

@@ -8,16 +8,33 @@ type Div = ComponentProps<'div'>;
  * the tag of the title (a button's children are presentational: a heading only
  * where the card is plain).
  */
-export declare function actionCardSemantics({ active, disabled, hasIcon, role, tabIndex, onClick, onKeyDown, onKeyUp, }: {
+export declare function actionCardSemantics({ hasAction, active, disabled, hasIcon, role, ariaChecked, tabIndex, onClick, onKeyDown, onKeyUp, }: {
+    /** The card has an `action`: the title becomes its one button and the root stays plain. */
+    hasAction?: boolean;
     active: boolean | undefined;
     disabled: boolean;
     hasIcon: boolean;
+    /** The caller's `aria-checked`: it follows a `role` other than `button` onto the title button. */
+    ariaChecked?: Div['aria-checked'];
 } & Pick<Div, 'role' | 'tabIndex' | 'onClick' | 'onKeyDown' | 'onKeyUp'>): {
-    Title: "span" | "h3";
+    Title: "span";
+    button: Pick<ComponentProps<"button">, "role" | "aria-checked" | "aria-pressed" | "disabled" | "onClick" | "onKeyDown" | "onKeyUp">;
+    attributes: {
+        'data-slot': string;
+        'data-icon': string | undefined;
+        'data-has-action': string;
+        'data-disabled': string | undefined;
+        'data-active': string | undefined;
+        'data-interactive': string;
+    };
+} | {
+    Title: "h3" | "span";
+    button: undefined;
     attributes: {
         onClick: (event: import('react').MouseEvent<HTMLDivElement>) => void;
         onKeyDown: (event: import('react').KeyboardEvent<HTMLDivElement>) => void;
         onKeyUp: (event: import('react').KeyboardEvent<HTMLDivElement>) => void;
+        'data-has-action': string | undefined;
         'data-slot': string;
         'data-icon': string | undefined;
         role: import('react').AriaRole | undefined;
@@ -29,4 +46,10 @@ export declare function actionCardSemantics({ active, disabled, hasIcon, role, t
         'data-interactive': string | undefined;
     };
 };
+/**
+ * The props that stay on the root: with a title button it owns the role, the
+ * state and the name, so the caller's `aria-checked` and `aria-label` are not
+ * applied to the plain `div`.
+ */
+export declare function actionCardRootProps<P extends Div>(props: P, hasButton: boolean): P;
 export {};

package/dist/lib/components/ui/actions/action-card/action-card.d.ts

@@ -2,9 +2,25 @@ import { ComponentProps, ReactNode } from 'react';
 export type ActionCardProps = {
     active?: boolean;
     icon?: ReactNode;
-    variant?: 'sm' | 'md';
+    /** `tile` is a compact grid cell: no minimum width, no indicator unless `withIndicator`. */
+    variant?: 'sm' | 'md' | 'tile';
     title?: ReactNode;
     description?: ReactNode;
+    /** A line under the title: a string or number becomes a soft `Badge`, a node is shown as given (pass a toned `Badge`). */
+    status?: ReactNode;
+    /** A secondary line, one line with an ellipsis; a tooltip shows it whole only while it is clipped. */
+    meta?: ReactNode;
+    /**
+     * A trailing control (a `RowMenu`, an `IconButton`) in its own area, outside
+     * the card's press surface. With it, a card that chooses or reacts is a
+     * plain `div` whose title is the one button, named after the title, the
+     * status and the meta and described by the `description`; the action is its
+     * second tab stop. `title` is required then. A `role` (`switch`, `checkbox`,
+     * `radio`) and its `aria-checked` move to the button; `aria-label` is not
+     * applied. The card's `disabled` does not reach the action: disable its
+     * control too. Without it, nothing changes.
+     */
+    action?: ReactNode;
     withIndicator?: boolean;
     /**
      * Out of reach: `aria-disabled`, off the Tab order, no click and no key.
@@ -12,4 +28,4 @@ export type ActionCardProps = {
      */
     disabled?: boolean;
 } & Omit<ComponentProps<'div'>, 'title'>;
-export declare function ActionCard({ icon, active, className, title, description, variant, tabIndex, withIndicator, disabled, role, onClick, onKeyDown, onKeyUp, ...props }: ActionCardProps): import("react").JSX.Element;
+export declare function ActionCard({ icon, active, className, title, description, status, meta, action, variant, tabIndex, withIndicator, disabled, role, onClick, onKeyDown, onKeyUp, ...props }: ActionCardProps): import("react").JSX.Element;

package/dist/lib/components/ui/actions/action-card/partials/action-card-icon.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+/** The card's leading icon in a circle that morphs to a filled cookie when chosen. */
+export declare function ActionCardIcon({ active, children, }: {
+    active: boolean | undefined;
+    children: ReactNode;
+}): import("react").JSX.Element;

package/dist/lib/components/ui/actions/action-card/partials/action-card-meta.d.ts

@@ -0,0 +1,15 @@
+import { ReactNode } from 'react';
+/**
+ * The card's secondary line: one line with an ellipsis, the full text always
+ * in the DOM. Its tooltip shows the whole text only while the line is clipped
+ * and the card's pressable element is `revealed` (hovered or focused), and it
+ * takes no tab stop of its own. The pointer crossing the line or leaving the
+ * tooltip changes nothing (the card owns hover and focus): only Escape
+ * dismisses it.
+ */
+export declare function ActionCardMeta({ id, revealed, onDismiss, children, }: {
+    id: string;
+    revealed: boolean;
+    onDismiss: () => void;
+    children: ReactNode;
+}): import("react").JSX.Element;

package/dist/lib/components/ui/actions/action-card/partials/action-card-status.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+/** The line under the title: text becomes a soft badge, a node is shown as given. */
+export declare function ActionCardStatus({ id, children, }: {
+    id: string;
+    children: ReactNode;
+}): import("react").JSX.Element;

package/dist/lib/components/ui/actions/action-card/partials/action-card-text.d.ts

@@ -0,0 +1,20 @@
+import { ComponentProps, ElementType, ReactNode } from 'react';
+import { useActionCardNames } from '../use-action-card-names.js';
+import { useReveal } from '../use-reveal.js';
+import { ActionCardTitleButton } from './action-card-title-button.js';
+/**
+ * The card's text block: the title (the card's one button when it has an
+ * `action`, else a heading or a span), the description, the status and the
+ * meta line. With an `action` the button is always there, named after the
+ * status and the meta when there is no title.
+ */
+export declare function ActionCardText({ title, description, status, meta, Title, button, names, reveal, }: {
+    title: ReactNode;
+    description: ReactNode;
+    status: ReactNode;
+    meta: ReactNode;
+    Title: ElementType;
+    button: Omit<ComponentProps<typeof ActionCardTitleButton>, 'id' | 'labelledBy' | 'describedBy' | 'children'> | undefined;
+    names: ReturnType<typeof useActionCardNames>;
+    reveal: ReturnType<typeof useReveal>;
+}): import("react").JSX.Element;

package/dist/lib/components/ui/actions/action-card/partials/action-card-title-button.d.ts

@@ -0,0 +1,14 @@
+import { ComponentProps, ReactNode } from 'react';
+/**
+ * The title of a card that has an `action`: the card's one button. Its
+ * `::after` is stretched over the card (action-card-tile.css), so the whole
+ * card presses it, and the action sits above it as a sibling, never inside.
+ * Named after the title, the status and the meta line together, and described
+ * by the card's description.
+ */
+export declare function ActionCardTitleButton({ id, labelledBy, describedBy, children, ...props }: {
+    id: string;
+    labelledBy: string | undefined;
+    describedBy: string | undefined;
+    children?: ReactNode;
+} & Omit<ComponentProps<'button'>, 'children' | 'id'>): import("react").JSX.Element;

package/dist/lib/components/ui/actions/action-card/partials/action-card-trail.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+/** The card's trailing parts: its `action` in its own area, then the indicator. */
+export declare function ActionCardTrail({ action, withIndicator, }: {
+    action: ReactNode;
+    withIndicator: boolean;
+}): import("react").JSX.Element;

package/dist/lib/components/ui/actions/action-card/use-action-card-names.d.ts

@@ -0,0 +1,22 @@
+/**
+ * The ids a card's parts carry, and what the button of a card with an
+ * `action` is named and described after: the title, then the status, then the
+ * meta line for its name (only those the card shows; undefined when none is,
+ * as an empty string would give the button no name at all), and the
+ * description for its description.
+ */
+export declare function useActionCardNames(has: {
+    title: boolean;
+    description: boolean;
+    status: boolean;
+    meta: boolean;
+}): {
+    ids: {
+        title: string;
+        description: string;
+        status: string;
+        meta: string;
+    };
+    labelledBy: string | undefined;
+    describedBy: string | undefined;
+};

package/dist/lib/components/ui/actions/action-card/use-reveal.d.ts

@@ -0,0 +1,23 @@
+import { FocusEvent, PointerEvent } from 'react';
+type Own = {
+    onPointerEnter?: (event: PointerEvent<never>) => void;
+    onPointerLeave?: (event: PointerEvent<never>) => void;
+    onFocus?: (event: FocusEvent<never>) => void;
+    onBlur?: (event: FocusEvent<never>) => void;
+};
+/**
+ * Whether a card's meta line is revealed: its pressable element is hovered by
+ * a mouse or a pen (a tap leaves no hover) or has focus. `bind(own)` returns
+ * the four handlers, calling the caller's own first. `dismiss` clears both.
+ */
+export declare function useReveal(): {
+    revealed: boolean;
+    dismiss: () => void;
+    bind: (own?: Own) => {
+        onPointerEnter: (event: PointerEvent<never>) => void;
+        onPointerLeave: (event: PointerEvent<never>) => void;
+        onFocus: (event: FocusEvent<never>) => void;
+        onBlur: (event: FocusEvent<never>) => void;
+    };
+};
+export {};

package/dist/lib/components/ui/actions/button/button.variants.d.ts

@@ -1,6 +1,6 @@
 import { VariantProps } from 'class-variance-authority';
 declare const buttonVariantsByColor: (props?: ({
-    variant?: "tonal" | "filled" | "link" | "ghost" | "outlined" | null | undefined;
+    variant?: "link" | "tonal" | "filled" | "ghost" | "outlined" | null | undefined;
     color?: "primary" | "secondary" | "success" | "info" | "warning" | "error" | "default" | null | undefined;
     size?: "lg" | "sm" | "default" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | "xs" | "xl" | "2xl" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/lib/components/ui/actions/icon-button/icon-button.variants.d.ts

@@ -22,7 +22,7 @@ declare const variantsByColor: (props?: ({
     look?: "btn" | "shaped" | null | undefined;
     size?: "lg" | "sm" | "default" | "xs" | "xl" | "legacy" | null | undefined;
     width?: "default" | "narrow" | "wide" | null | undefined;
-    variant?: "tonal" | "filled" | "link" | "ghost" | "outlined" | null | undefined;
+    variant?: "link" | "tonal" | "filled" | "ghost" | "outlined" | null | undefined;
     color?: "primary" | "secondary" | "success" | "info" | "warning" | "error" | "default" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 type Props = Parameters<typeof variantsByColor>[0];

package/dist/lib/components/ui/collections/row-menu/row-menu.d.ts

@@ -33,7 +33,7 @@ export type RowMenuProps = {
 };
 /**
  * A row's actions menu: `RowMenuTrigger` and a `DropdownMenu` aligned to the
- * end of it. Its items are 44px high on a coarse pointer, and the destructive
+ * end of it. Every item of its menu, `children` too, is 44px high on a coarse pointer, and the destructive
  * ones come last, after a separator. Focus returns to the trigger when the
  * menu closes, and when a dialog opened from an item closes.
  */

package/dist/lib/components/ui/dates/duration-field/partials/use-duration-box.d.ts

@@ -18,10 +18,10 @@ export declare function useDurationBox({ disabled, ...values }: Model): {
         labels: {
             hour: string;
             minute: string;
+            period: string;
             day: string;
             month: string;
             year: string;
-            period: string;
         };
         placeholders: Record<import('../../../primitives/segmented-input/segment-defs.js').SegmentKey, string>;
         periodNames: [string, string];