@nxgt/material 3.84.0 → 3.85.0

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @nxgt/material
 
+## 3.85.0
+
+### Minor Changes
+
+- [#2527](https://github.com/softistx/nxgt-material/pull/2527) [`469c796`](https://github.com/softistx/nxgt-material/commit/469c7962642f93bb9b599cbdb735561cc3f6ddab) Thanks [@SteveGT96](https://github.com/SteveGT96)! - `EventCalendar`: `CalendarEvent` takes an optional `badge: { label, tone? }` (type `CalendarEventBadge`), a small tinted label drawn after the event's title in the day, week, workweek, month and agenda views and in the preview popover, so an app can mark an event (a category, a follow-up) without a prefix in its title or a `renderEvent`. The label is part of the event's accessible name (the chip's text and the event `group`'s name, `Visit, Pregnancy`). It is truncation-safe: it ellipsises inside its chip, and in a box too short or narrow for it (under 20px tall, or under 4.5rem wide) it is hidden visually and still read. `EventChip` takes the same `badge` prop. Additive; nothing to migrate.
+
+### Patch Changes
+
+- [#2530](https://github.com/softistx/nxgt-material/pull/2530) [`ebf2ca9`](https://github.com/softistx/nxgt-material/commit/ebf2ca99fba240d5211b1d5b45245548c0a977e5) Thanks [@SteveGT96](https://github.com/SteveGT96)! - `EventCalendar`: the event preview popover is now placed next to the clicked event in every view, template mode included. Its anchor never received its ref, so Radix left the popover at `translate(0, -200%)`, off screen, and its Edit and Delete buttons could not be clicked. Nothing to migrate: an app that set `eventPreview={false}` as a workaround can turn it back on.
+
+## 3.84.1
+
+### Patch Changes
+
+- [#2523](https://github.com/softistx/nxgt-material/pull/2523) [`ba31843`](https://github.com/softistx/nxgt-material/commit/ba31843912fe8e6e03f51ee0bccf51f5c421f2ec) Thanks [@SteveGT96](https://github.com/SteveGT96)! - `Background` renders no `data-slot="background-content"` layer when it has no children. A backdrop-only `Background` (self-closing, absolute next to `relative` siblings) no longer covers them with an empty `z-index: 5` layer that swallowed their clicks.
+
 ## 3.84.0
 
 ### Minor Changes

package/dist/{background-Q4Ek3rNy.js → background-DHjdFbNo.js}

@@ -6,12 +6,12 @@ import { t as c } from "./compose-refs-G4J4kaUA.js";
 import { t as l } from "./use-background-activity-KxQgelFF.js";
 import { t as u } from "./scene-svg-DJKa5vsg.js";
 import { n as d, r as f, t as p } from "./scene-options-2zNF3ZkQ.js";
-import { Suspense as m, lazy as h, memo as g, useId as _, useMemo as v, useRef as y } from "react";
-import { Fragment as b, jsx as x, jsxs as S } from "react/jsx-runtime";
-import { IconRefError as C, resolveIconStyles as w, resolveIcons as T } from "@nxgt/material-core/icons";
-import { SCENE_LAYER as E, buildBackgroundScene as D, presetLayers as O, resolveBackgroundPreset as k, svgIdPrefix as A } from "@nxgt/material-core/backgrounds";
+import { Children as m, Suspense as h, lazy as g, memo as _, useId as v, useMemo as y, useRef as b } from "react";
+import { Fragment as x, jsx as S, jsxs as C } from "react/jsx-runtime";
+import { IconRefError as w, resolveIconStyles as T, resolveIcons as E } from "@nxgt/material-core/icons";
+import { SCENE_LAYER as D, buildBackgroundScene as O, presetLayers as k, resolveBackgroundPreset as A, svgIdPrefix as j } from "@nxgt/material-core/backgrounds";
 //#region lib/backgrounds/background/available.ts
-var j = [
+var M = [
 	"gradient",
 	"grain",
 	"mesh",
@@ -28,7 +28,7 @@ var j = [
 	"linen",
 	"concrete",
 	"marble"
-], M = [
+], N = [
 	"isometric",
 	"blueprint",
 	"dots",
@@ -42,7 +42,7 @@ var j = [
 	"checker",
 	"diagonal-checker",
 	"chevrons"
-], N = [
+], P = [
 	"shapes",
 	"confetti-grid",
 	"constellation",
@@ -60,61 +60,61 @@ var j = [
 	"sport",
 	"moon",
 	"icons"
-], P = [
+], F = [
 	"eclipse",
 	"meteor-shower",
 	"ringed-planet",
 	"northern-lights",
 	"day-sky",
 	"dawn-sky"
-], F = (e) => P.includes(e), I = [
-	...j,
+], I = (e) => F.includes(e), L = [
 	...M,
 	...N,
-	...P
-], L = h(() => import("./icons-scene-M4HBeN2c.js"));
-function R(e) {
-	return /* @__PURE__ */ x("div", {
+	...P,
+	...F
+], R = g(() => import("./icons-scene-M4HBeN2c.js"));
+function z(e) {
+	return /* @__PURE__ */ S("div", {
 		"data-scene": "",
 		"aria-hidden": "true",
-		children: /* @__PURE__ */ x(m, {
+		children: /* @__PURE__ */ S(h, {
 			fallback: null,
-			children: /* @__PURE__ */ x(L, { ...e })
+			children: /* @__PURE__ */ S(R, { ...e })
 		})
 	});
 }
 //#endregion
 //#region lib/backgrounds/background/partials/background-layers.tsx
-var z = h(() => import("./celestial-scene-8Muu6f7O.js")), B = g(function({ preset: e, scene: t, grain: n, sky: r, icons: i, ...a }) {
-	return /* @__PURE__ */ S(b, { children: [
-		O(e).map((n) => n === E ? i ? /* @__PURE__ */ x(R, { ...i }, n) : F(e) ? /* @__PURE__ */ x("div", {
+var B = g(() => import("./celestial-scene-8Muu6f7O.js")), V = _(function({ preset: e, scene: t, grain: n, sky: r, icons: i, ...a }) {
+	return /* @__PURE__ */ C(x, { children: [
+		k(e).map((n) => n === D ? i ? /* @__PURE__ */ S(z, { ...i }, n) : I(e) ? /* @__PURE__ */ S("div", {
 			"data-scene": "",
 			"data-celestial": "",
 			"aria-hidden": "true",
-			children: /* @__PURE__ */ x(m, {
+			children: /* @__PURE__ */ S(h, {
 				fallback: null,
-				children: /* @__PURE__ */ x(z, {
+				children: /* @__PURE__ */ S(B, {
 					name: e,
 					as: "preset",
 					...a
 				})
 			})
-		}, n) : t && /* @__PURE__ */ x("div", {
+		}, n) : t && /* @__PURE__ */ S("div", {
 			"data-scene": "",
 			"aria-hidden": "true",
-			children: /* @__PURE__ */ x(u, { node: t })
-		}, n) : /* @__PURE__ */ x("div", {
+			children: /* @__PURE__ */ S(u, { node: t })
+		}, n) : /* @__PURE__ */ S("div", {
 			"data-layer": n,
 			"aria-hidden": "true"
 		}, n)),
-		r && /* @__PURE__ */ x("div", {
+		r && /* @__PURE__ */ S("div", {
 			"data-layer": "sky-scene",
 			"data-scene": "",
 			"data-celestial": "",
 			"aria-hidden": "true",
-			children: /* @__PURE__ */ x(m, {
+			children: /* @__PURE__ */ S(h, {
 				fallback: null,
-				children: /* @__PURE__ */ x(z, {
+				children: /* @__PURE__ */ S(B, {
 					name: r,
 					as: "sky",
 					base: e,
@@ -122,28 +122,28 @@ var z = h(() => import("./celestial-scene-8Muu6f7O.js")), B = g(function({ prese
 				})
 			})
 		}),
-		n && /* @__PURE__ */ x("div", {
+		n && /* @__PURE__ */ S("div", {
 			"data-overlay": "grain",
 			"aria-hidden": "true",
-			children: /* @__PURE__ */ x(u, { node: n })
+			children: /* @__PURE__ */ S(u, { node: n })
 		})
 	] });
 });
 //#endregion
 //#region lib/backgrounds/background/partials/use-background-scenes.ts
-function V(e, t, n, r, i, a) {
-	return e === "grain" ? null : D(e, f(t, n, r, i, a));
+function H(e, t, n, r, i, a) {
+	return e === "grain" ? null : O(e, f(t, n, r, i, a));
 }
-function H(e, t) {
-	return D("grain", {
+function U(e, t) {
+	return O("grain", {
 		idPrefix: `${e}-grain`,
 		seed: t
 	});
 }
-function U({ preset: e, hasIcons: t, grain: n, idPrefix: r, seed: i, motif: a, moon: o }) {
+function W({ preset: e, hasIcons: t, grain: n, idPrefix: r, seed: i, motif: a, moon: o }) {
 	let s = n || e === "grain", c = a?.shapes ? [...new Set(a.shapes)].sort().join(",") : void 0, l = JSON.stringify(d(a)), u = JSON.stringify(p(o));
 	return {
-		scene: v(() => t ? null : V(e, r, i, c, l, u), [
+		scene: y(() => t ? null : H(e, r, i, c, l, u), [
 			t,
 			e,
 			r,
@@ -152,7 +152,7 @@ function U({ preset: e, hasIcons: t, grain: n, idPrefix: r, seed: i, motif: a, m
 			l,
 			u
 		]),
-		grainScene: v(() => s ? H(r, i) : null, [
+		grainScene: y(() => s ? U(r, i) : null, [
 			s,
 			r,
 			i
@@ -165,19 +165,19 @@ function U({ preset: e, hasIcons: t, grain: n, idPrefix: r, seed: i, motif: a, m
 }
 //#endregion
 //#region lib/backgrounds/background/partials/icons-check.ts
-function W(e, t) {
+function G(e, t) {
 	try {
-		e !== void 0 && T(e);
+		e !== void 0 && E(e);
 		let n = Array.isArray(t) ? t.map((e) => e && typeof e == "object" && "style" in e ? e.style : e) : t && typeof t == "object" && "style" in t ? t.style : t;
-		return Array.isArray(n) && n.some((e) => !e) ? "an empty icon style" : (w(n), null);
+		return Array.isArray(n) && n.some((e) => !e) ? "an empty icon style" : (T(n), null);
 	} catch (e) {
-		if (e instanceof C) return e.message;
+		if (e instanceof w) return e.message;
 		throw e;
 	}
 }
 //#endregion
 //#region lib/backgrounds/background/partials/icons-keys.ts
-var G = Object.keys({
+var K = Object.keys({
 	layout: 1,
 	colors: 1,
 	sizeRange: 1,
@@ -187,48 +187,48 @@ var G = Object.keys({
 	calm: 1,
 	quiet: 1
 });
-function K(e) {
-	return JSON.stringify(Object.fromEntries(G.flatMap((t) => e?.[t] === void 0 ? [] : [[t, e[t]]])));
+function q(e) {
+	return JSON.stringify(Object.fromEntries(K.flatMap((t) => e?.[t] === void 0 ? [] : [[t, e[t]]])));
 }
-var q = .2;
-function J(e, t, n) {
+var J = .2;
+function Y(e, t, n) {
 	let { icons: r, iconStyle: i, iconMotif: a, motif: o } = t, s = o?.icons, c = a?.layout, l = e === "shapes" ? !!s : e === "icons" && (c === void 0 || c === "even");
 	return {
 		wants: e === "icons" || e === "shapes" && !!s,
 		iconsKey: JSON.stringify(s?.pack ?? r ?? null),
 		styleKey: JSON.stringify(s?.style ?? i ?? null),
-		motifKey: K(a),
+		motifKey: q(a),
 		mixKey: JSON.stringify(l ? {
 			...o,
-			icons: { ratio: s?.ratio ?? q }
+			icons: { ratio: s?.ratio ?? J }
 		} : null),
 		servedKey: JSON.stringify(n ?? null)
 	};
 }
 //#endregion
 //#region lib/backgrounds/background/partials/use-icons-scene.ts
-function Y(e, { icons: o, iconStyle: s, iconMotif: c, motif: l, idPrefix: u, seed: d, animated: f }) {
-	let p = t(), m = i(), h = n(), g = r(), { wants: _, iconsKey: y, styleKey: b, motifKey: x, mixKey: S, servedKey: C } = J(e, {
+function X(e, { icons: o, iconStyle: s, iconMotif: c, motif: l, idPrefix: u, seed: d, animated: f }) {
+	let p = t(), m = i(), h = n(), g = r(), { wants: _, iconsKey: v, styleKey: b, motifKey: x, mixKey: S, servedKey: C } = Y(e, {
 		icons: o,
 		iconStyle: s,
 		iconMotif: c,
 		motif: l
-	}, h), w = v(() => {
+	}, h), w = y(() => {
 		if (!_) return null;
-		let t = W(JSON.parse(y) ?? void 0, JSON.parse(b) ?? void 0);
+		let t = G(JSON.parse(v) ?? void 0, JSON.parse(b) ?? void 0);
 		return t && !a() && console.warn(`Background: icons cannot be drawn (${t}); drawing "${e === "icons" ? "scatter-icons" : e}" instead.`), t;
 	}, [
 		_,
 		e,
-		y,
+		v,
 		b
 	]);
 	return {
 		preset: w && e === "icons" ? "scatter-icons" : e,
-		iconsScene: v(() => _ && !w ? {
+		iconsScene: y(() => _ && !w ? {
 			seed: d,
 			idPrefix: u,
-			iconsKey: y,
+			iconsKey: v,
 			styleKey: b,
 			motifKey: x,
 			mixKey: S,
@@ -242,7 +242,7 @@ function Y(e, { icons: o, iconStyle: s, iconMotif: c, motif: l, idPrefix: u, see
 			w,
 			d,
 			u,
-			y,
+			v,
 			b,
 			x,
 			S,
@@ -256,7 +256,7 @@ function Y(e, { icons: o, iconStyle: s, iconMotif: c, motif: l, idPrefix: u, see
 }
 //#endregion
 //#region lib/backgrounds/background/partials/use-themed-background.ts
-function X({ preset: e, tone: t, intensity: n, animated: r, grain: i, seed: a, motif: c, moon: l, sky: u, icons: d, iconStyle: f, iconMotif: p, ...m }) {
+function Z({ preset: e, tone: t, intensity: n, animated: r, grain: i, seed: a, motif: c, moon: l, sky: u, icons: d, iconStyle: f, iconMotif: p, ...m }) {
 	let h = o()?.background || s;
 	return {
 		requested: e ?? h.preset,
@@ -278,52 +278,52 @@ function X({ preset: e, tone: t, intensity: n, animated: r, grain: i, seed: a, m
 }
 //#endregion
 //#region lib/backgrounds/background/background.tsx
-var Z = /* @__PURE__ */ e({ Background: () => $ }), Q = (e) => console.warn(e);
+var Q = /* @__PURE__ */ e({ Background: () => $ }), ee = (e) => console.warn(e);
 function $({ children: e, ref: t, fill: n = "viewport", ...r }) {
-	let { requested: i, tone: o, intensity: s, animated: u, grain: d, seed: f, motif: p, moon: m, sky: h, iconProps: g, props: b } = X(r), C = y(null), w = v(() => c(C, t), [t]), T = l(C, u), E = A(_()), { preset: D, iconsScene: O } = Y(k(i, I, a() ? void 0 : Q), {
-		...g,
+	let { requested: i, tone: o, intensity: s, animated: u, grain: d, seed: f, motif: p, moon: h, sky: g, iconProps: _, props: x } = Z(r), w = b(null), T = y(() => c(w, t), [t]), E = l(w, u), D = j(v()), { preset: O, iconsScene: k } = X(A(i, L, a() ? void 0 : ee), {
+		..._,
 		motif: p,
-		idPrefix: E,
+		idPrefix: D,
 		seed: f,
 		animated: u
-	}), { scene: j, grainScene: M, withGrain: N, shapesKey: P, scalarsKey: F, moonKey: L } = U({
-		preset: D,
-		hasIcons: O !== void 0,
+	}), { scene: M, grainScene: N, withGrain: P, shapesKey: F, scalarsKey: I, moonKey: R } = W({
+		preset: O,
+		hasIcons: k !== void 0,
 		grain: d,
-		idPrefix: E,
+		idPrefix: D,
 		seed: f,
 		motif: p,
-		moon: m
+		moon: h
 	});
-	return /* @__PURE__ */ S("div", {
+	return /* @__PURE__ */ C("div", {
 		"data-slot": "background",
-		...b,
-		ref: w,
-		"data-background": D === "grain" ? "gradient" : D,
-		"data-preset": D,
+		...x,
+		ref: T,
+		"data-background": O === "grain" ? "gradient" : O,
+		"data-preset": O,
 		"data-tone": o,
 		"data-intensity": s,
 		"data-fill": n === "container" ? n : void 0,
 		"data-animated": u ? "" : void 0,
-		"data-grain": N ? "" : void 0,
-		"data-sky": h,
-		"data-paused": u && T ? "" : void 0,
-		children: [/* @__PURE__ */ x(B, {
-			preset: D,
-			scene: j,
-			grain: M,
-			sky: h,
-			idPrefix: E,
+		"data-grain": P ? "" : void 0,
+		"data-sky": g,
+		"data-paused": u && E ? "" : void 0,
+		children: [/* @__PURE__ */ S(V, {
+			preset: O,
+			scene: M,
+			grain: N,
+			sky: g,
+			idPrefix: D,
 			seed: f,
-			shapesKey: P,
-			scalarsKey: F,
-			moonKey: L,
-			icons: O
-		}), /* @__PURE__ */ x("div", {
+			shapesKey: F,
+			scalarsKey: I,
+			moonKey: R,
+			icons: k
+		}), m.toArray(e).length > 0 ? /* @__PURE__ */ S("div", {
 			"data-slot": "background-content",
 			children: e
-		})]
+		}) : null]
 	});
 }
 //#endregion
-export { Z as n, I as r, $ as t };
+export { Q as n, L as r, $ as t };

package/dist/backgrounds.js

@@ -1,3 +1,3 @@
-import { r as e, t } from "./background-Q4Ek3rNy.js";
+import { r as e, t } from "./background-DHjdFbNo.js";
 import { BACKGROUND_INTENSITIES as n, BACKGROUND_PRESETS as r, BACKGROUND_TONES as i, MOTIF_SHAPES as a, MOTIF_SHAPES_ALL as o, SHIPPED_BACKGROUND_PRESETS as s } from "@nxgt/material-core/backgrounds";
 export { e as AVAILABLE_BACKGROUND_PRESETS, n as BACKGROUND_INTENSITIES, r as BACKGROUND_PRESETS, i as BACKGROUND_TONES, t as Background, a as MOTIF_SHAPES, o as MOTIF_SHAPES_ALL, s as SHIPPED_BACKGROUND_PRESETS };