@nxgt/material 3.57.0 → 3.58.0

package/dist/{button-hnUZpzYu.js → button-CCHGtPIN.js}

@@ -1,8 +1,8 @@
 import { t as e } from "./utils-BLfntITJ.js";
-import { t } from "./is-production-GLw59WU8.js";
-import { n, t as r } from "./dist-DVRQkaTK.js";
-import { n as i, r as a, t as o } from "./spinner-D4XGdse6.js";
-import { a as s, i as c, n as l, o as u, s as d, t as f } from "./use-click-lock-BZYtTmVt.js";
+import { n as t, t as n } from "./dist-DVRQkaTK.js";
+import { n as r, r as i, t as a } from "./spinner-DC35lhqx.js";
+import { a as o, i as s, n as c, o as l, s as u, t as d } from "./use-click-lock-BZYtTmVt.js";
+import { t as f } from "./is-production-GLw59WU8.js";
 import { t as p } from "./button-group-context-CaP0X5p_.js";
 import { t as m } from "./has-text-content-Ds2dkHX_.js";
 import { Children as h, Fragment as g, cloneElement as _, isValidElement as v, useContext as y, useEffect as b } from "react";
@@ -47,42 +47,42 @@ var C = [
 	{
 		variant: "tonal",
 		color: "primary",
-		class: `${c.primary} ${l.primary} bg-primary/15 hover:bg-primary/10 active:bg-primary/5 focus:bg-primary/10`
+		class: `${s.primary} ${c.primary} bg-primary/15 hover:bg-primary/10 active:bg-primary/5 focus:bg-primary/10`
 	},
 	{
 		variant: "tonal",
 		color: "secondary",
-		class: `${c.secondary} ${l.secondary} bg-secondary/15 hover:bg-secondary/10 active:bg-secondary/5 focus:bg-secondary/10`
+		class: `${s.secondary} ${c.secondary} bg-secondary/15 hover:bg-secondary/10 active:bg-secondary/5 focus:bg-secondary/10`
 	},
 	{
 		variant: "tonal",
 		color: "info",
-		class: `${c.info} ${l.info} bg-info/15 hover:bg-info/10 active:bg-info/5 focus:bg-info/10`
+		class: `${s.info} ${c.info} bg-info/15 hover:bg-info/10 active:bg-info/5 focus:bg-info/10`
 	},
 	{
 		variant: "tonal",
 		color: "success",
-		class: `${c.success} ${l.success} bg-success/15 hover:bg-success/10 active:bg-success/5 focus:bg-success/10`
+		class: `${s.success} ${c.success} bg-success/15 hover:bg-success/10 active:bg-success/5 focus:bg-success/10`
 	},
 	{
 		variant: "tonal",
 		color: "warning",
-		class: `${c.warning} ${l.warning} bg-warning/15 hover:bg-warning/10 active:bg-warning/5 focus:bg-warning/10`
+		class: `${s.warning} ${c.warning} bg-warning/15 hover:bg-warning/10 active:bg-warning/5 focus:bg-warning/10`
 	},
 	{
 		variant: "tonal",
 		color: "error",
-		class: `${c.error} ${l.error} bg-error/15 hover:bg-error/10 active:bg-error/5 focus:bg-error/10`
+		class: `${s.error} ${c.error} bg-error/15 hover:bg-error/10 active:bg-error/5 focus:bg-error/10`
 	},
 	{
 		variant: "tonal",
 		color: "default",
-		class: `${c.default} ${l.default} bg-foreground/15 hover:bg-foreground/10 active:bg-muted focus:bg-muted`
+		class: `${s.default} ${c.default} bg-foreground/15 hover:bg-foreground/10 active:bg-muted focus:bg-muted`
 	},
 	{
 		variant: "ghost",
 		color: "primary",
-		class: `${c.primary} ${l.primary} hover:bg-primary/10 active:bg-primary/5 focus:bg-primary/10`
+		class: `${s.primary} ${c.primary} hover:bg-primary/10 active:bg-primary/5 focus:bg-primary/10`
 	},
 	{
 		variant: "ghost",
@@ -92,99 +92,99 @@ var C = [
 	{
 		variant: "ghost",
 		color: "secondary",
-		class: `${c.secondary} ${l.secondary} hover:bg-secondary/10 active:bg-secondary/5 focus:bg-secondary/10`
+		class: `${s.secondary} ${c.secondary} hover:bg-secondary/10 active:bg-secondary/5 focus:bg-secondary/10`
 	},
 	{
 		variant: "ghost",
 		color: "success",
-		class: `${c.success} ${l.success} hover:bg-success/10 active:bg-success/5 focus:bg-success/10`
+		class: `${s.success} ${c.success} hover:bg-success/10 active:bg-success/5 focus:bg-success/10`
 	},
 	{
 		variant: "ghost",
 		color: "info",
-		class: `${c.info} ${l.info} hover:bg-info/10 active:bg-info/5 focus:bg-info/10`
+		class: `${s.info} ${c.info} hover:bg-info/10 active:bg-info/5 focus:bg-info/10`
 	},
 	{
 		variant: "ghost",
 		color: "warning",
-		class: `${c.warning} ${l.warning} hover:bg-warning/10 active:bg-warning/5 focus:bg-warning/10`
+		class: `${s.warning} ${c.warning} hover:bg-warning/10 active:bg-warning/5 focus:bg-warning/10`
 	},
 	{
 		variant: "ghost",
 		color: "error",
-		class: `${c.error} ${l.error} hover:bg-error/10 active:bg-error/5 focus:bg-error/10`
+		class: `${s.error} ${c.error} hover:bg-error/10 active:bg-error/5 focus:bg-error/10`
 	},
 	{
 		variant: "outlined",
 		color: "primary",
-		class: `${c.primary} ${l.primary} focus:bg-primary/10 hover:bg-primary/10`
+		class: `${s.primary} ${c.primary} focus:bg-primary/10 hover:bg-primary/10`
 	},
 	{
 		variant: "outlined",
 		color: "secondary",
-		class: `${c.secondary} ${l.secondary} focus:bg-secondary/10 hover:bg-secondary/10`
+		class: `${s.secondary} ${c.secondary} focus:bg-secondary/10 hover:bg-secondary/10`
 	},
 	{
 		variant: "outlined",
 		color: "info",
-		class: `${c.info} ${l.info} focus:bg-info/10 hover:bg-info/10`
+		class: `${s.info} ${c.info} focus:bg-info/10 hover:bg-info/10`
 	},
 	{
 		variant: "outlined",
 		color: "success",
-		class: `${c.success} ${l.success} focus:bg-success/10 hover:bg-success/10`
+		class: `${s.success} ${c.success} focus:bg-success/10 hover:bg-success/10`
 	},
 	{
 		variant: "outlined",
 		color: "warning",
-		class: `${c.warning} ${l.warning} focus:bg-warning/10 hover:bg-warning/10`
+		class: `${s.warning} ${c.warning} focus:bg-warning/10 hover:bg-warning/10`
 	},
 	{
 		variant: "outlined",
 		color: "error",
-		class: `${c.error} ${l.error} focus:bg-error/10 hover:bg-error/10`
+		class: `${s.error} ${c.error} focus:bg-error/10 hover:bg-error/10`
 	},
 	{
 		variant: "outlined",
 		color: "default",
-		class: `${c.default} ${l.default} focus:bg-foreground/10 hover:bg-foreground/10`
+		class: `${s.default} ${c.default} focus:bg-foreground/10 hover:bg-foreground/10`
 	},
 	{
 		variant: "link",
 		color: "primary",
-		class: `${c.primary} ${l.primary} hover:bg-primary/10 active:bg-primary/5 focus:bg-primary/10`
+		class: `${s.primary} ${c.primary} hover:bg-primary/10 active:bg-primary/5 focus:bg-primary/10`
 	},
 	{
 		variant: "link",
 		color: "secondary",
-		class: `${c.secondary} ${l.secondary} hover:bg-secondary/10 active:bg-secondary/5 focus:bg-secondary/10`
+		class: `${s.secondary} ${c.secondary} hover:bg-secondary/10 active:bg-secondary/5 focus:bg-secondary/10`
 	},
 	{
 		variant: "link",
 		color: "success",
-		class: `${c.success} ${l.success} hover:bg-success/10 active:bg-success/5 focus:bg-success/10`
+		class: `${s.success} ${c.success} hover:bg-success/10 active:bg-success/5 focus:bg-success/10`
 	},
 	{
 		variant: "link",
 		color: "info",
-		class: `${c.info} ${l.info} hover:bg-info/10 active:bg-info/5 focus:bg-info/10`
+		class: `${s.info} ${c.info} hover:bg-info/10 active:bg-info/5 focus:bg-info/10`
 	},
 	{
 		variant: "link",
 		color: "warning",
-		class: `${c.warning} ${l.warning} hover:bg-warning/10 active:bg-warning/5 focus:bg-warning/10`
+		class: `${s.warning} ${c.warning} hover:bg-warning/10 active:bg-warning/5 focus:bg-warning/10`
 	},
 	{
 		variant: "link",
 		color: "error",
-		class: `${c.error} ${l.error} hover:bg-error/10 active:bg-error/5 focus:bg-error/10`
+		class: `${s.error} ${c.error} hover:bg-error/10 active:bg-error/5 focus:bg-error/10`
 	},
 	{
 		variant: "link",
 		color: "default",
-		class: `${c.default} ${l.default} hover:bg-foreground/10 active:bg-muted focus:bg-foreground/10`
+		class: `${s.default} ${c.default} hover:bg-foreground/10 active:bg-muted focus:bg-foreground/10`
 	}
-], w = i("nxgt-btn nxgt-morph-fill inline-flex center gap-[var(--btn-gap,0.5rem)] h-min cursor-pointer whitespace-nowrap disabled:pointer-events-none aria-busy:cursor-progress [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-[var(--btn-ic,1rem)] shrink-0 [&_svg]:shrink-0 aria-invalid:[--btn-focus:var(--color-error)] aria-invalid:[--btn-line:var(--color-error)] px-[calc(var(--btn-px,1rem)+var(--btn-dx,0px))] py-2 has-[>svg]:px-[calc(var(--btn-px,1rem)-var(--btn-pxi,0.25rem)+var(--btn-dx,0px))]", {
+], w = r("nxgt-btn nxgt-morph-fill inline-flex center gap-[var(--btn-gap,0.5rem)] h-min cursor-pointer whitespace-nowrap disabled:pointer-events-none aria-busy:cursor-progress [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-[var(--btn-ic,1rem)] shrink-0 [&_svg]:shrink-0 aria-invalid:[--btn-focus:var(--color-error)] aria-invalid:[--btn-line:var(--color-error)] px-[calc(var(--btn-px,1rem)+var(--btn-dx,0px))] py-2 has-[>svg]:px-[calc(var(--btn-px,1rem)-var(--btn-pxi,0.25rem)+var(--btn-dx,0px))]", {
 	variants: {
 		variant: {
 			filled: "",
@@ -193,7 +193,7 @@ var C = [
 			outlined: "shadow-[inset_0_0_0_1.5px_color-mix(in_oklab,var(--btn-line,currentColor)_55%,transparent)]",
 			link: "nxgt-btn-bare focus:underline underline-offset-4 hover:underline"
 		},
-		color: s,
+		color: o,
 		size: {
 			xs: "h-(--btn-h) [--btn-h:24px] [--btn-px:12px] [--btn-pxi:4px] [--btn-gap:4px] [--btn-ic:14px] [--btn-sq:6px] [--btn-fs:var(--text-label-md)] [--btn-lh:var(--text-label-md--line-height)] [--btn-ls:var(--text-label-md--letter-spacing)] [--btn-fw:560]",
 			sm: "h-(--btn-h) [--btn-h:32px] [--btn-px:16px] [--btn-pxi:4px] [--btn-gap:6px] [--btn-ic:16px] [--btn-sq:8px] [--btn-fs:var(--text-label-lg)] [--btn-lh:var(--text-label-lg--line-height)] [--btn-ls:var(--text-label-lg--letter-spacing)] [--btn-fw:580]",
@@ -227,8 +227,31 @@ function D(e, t) {
 	return !e || t?.startsWith("icon") ? !1 : `h-auto ${t ? E[t] : ""} whitespace-normal **:whitespace-normal text-center`;
 }
 //#endregion
+//#region lib/components/ui/actions/button/button.classes.ts
+function O({ asChild: t, variant: n, color: r, size: i, wrap: a, className: o }) {
+	return e("w-fit max-w-full min-w-0 justify-center", t && "nxgt-btn-as-child overflow-clip text-ellipsis whitespace-nowrap [overflow-clip-margin:22px]", T({
+		variant: n,
+		color: r,
+		size: i
+	}), D(a, i), o);
+}
+//#endregion
+//#region lib/components/ui/actions/button/button-busy.tsx
+function k(e) {
+	b(() => {
+		e && !f() && console.warn("Button: `selected` is ignored with `asChild`; set aria-pressed on the child element.");
+	}, [e]);
+}
+function A({ spinnerVariant: t, color: n }) {
+	return /* @__PURE__ */ x(a, {
+		variant: t,
+		color: n,
+		className: e("starting:scale-0 duration-500", t === "4" ? "size-7.5" : "size-4.5")
+	});
+}
+//#endregion
 //#region lib/components/ui/actions/button/label-text.tsx
-function O(e) {
+function j(e) {
 	let t = [], n = 0, r = [], i = () => {
 		if (r.length === 0) return;
 		let e = r.join("");
@@ -242,56 +265,56 @@ function O(e) {
 			r.push(n);
 			continue;
 		}
-		i(), t.push(k(n));
+		i(), t.push(M(n));
 	}
 	return i(), t;
 }
-function k(e) {
-	return v(e) && e.type === g ? _(e, void 0, O(e.props.children)) : e;
+function M(e) {
+	return v(e) && e.type === g ? _(e, void 0, j(e.props.children)) : e;
 }
 //#endregion
 //#region lib/components/ui/actions/button/button.tsx
-function A({ className: i, variant: a = "filled", asChild: s = !1, children: c, color: l, size: h, loading: g = !1, lockOnClick: _, spinnerVariant: v = "2", wrap: C, shape: w, selected: E, disabled: k, onClickCapture: A, type: j = "button", ...M }) {
-	let N = s ? r : "button", P = y(p), F = h ?? P, I = s && E !== void 0;
-	b(() => {
-		I && !t() && console.warn("Button: `selected` is ignored with `asChild`; set aria-pressed on the child element.");
-	}, [I]);
-	let L = !s && E !== void 0, R = y(d) || !!(M["aria-label"] || M["aria-labelledby"]) || m(c), z = f(_, g), B = g || z.locked, V = u(B, z, A);
-	return /* @__PURE__ */ x(d, {
-		value: R,
-		children: /* @__PURE__ */ S(N, {
+function N({ className: e, variant: r = "filled", asChild: i = !1, children: a, color: o, size: s, loading: c = !1, lockOnClick: f, spinnerVariant: h = "2", wrap: g, shape: _, selected: v, disabled: b, onClickCapture: C, type: w = "button", ...T }) {
+	let E = i ? n : "button", D = y(p), M = s ?? D;
+	k(i && v !== void 0);
+	let N = !i && v !== void 0, P = y(u) || !!(T["aria-label"] || T["aria-labelledby"]) || m(a), F = d(f, c), I = c || F.locked, L = l(I, F, C);
+	return /* @__PURE__ */ x(u, {
+		value: P,
+		children: /* @__PURE__ */ S(E, {
 			"data-slot": "button",
-			"data-variant": a,
-			"data-color": l,
-			"data-size": F,
-			"data-shape": w,
-			"data-selected": L && E ? "true" : void 0,
-			className: e("w-fit max-w-full min-w-0 justify-center", s && "nxgt-btn-as-child overflow-clip text-ellipsis whitespace-nowrap [overflow-clip-margin:22px]", T({
-				variant: a,
-				color: l,
-				size: F
-			}), D(C, F), i),
-			type: s ? void 0 : j,
-			disabled: k,
-			...M,
-			"aria-disabled": B || M["aria-disabled"],
-			"aria-busy": B || M["aria-busy"],
-			"aria-pressed": L ? E : M["aria-pressed"],
-			onClickCapture: V,
-			children: [B && /* @__PURE__ */ x(o, {
-				variant: v,
-				color: a === "filled" ? "light" : l,
-				className: e("starting:scale-0 duration-500", v === "4" ? "size-7.5" : "size-4.5")
-			}), /* @__PURE__ */ x(n, { children: s ? c : O(c) })]
+			"data-variant": r,
+			"data-color": o,
+			"data-size": M,
+			"data-shape": _,
+			"data-selected": N && v ? "true" : void 0,
+			className: O({
+				asChild: i,
+				variant: r,
+				color: o,
+				size: M,
+				wrap: g,
+				className: e
+			}),
+			type: i ? void 0 : w,
+			disabled: b,
+			...T,
+			"aria-disabled": I || T["aria-disabled"],
+			"aria-busy": I || T["aria-busy"],
+			"aria-pressed": N ? v : T["aria-pressed"],
+			onClickCapture: L,
+			children: [I && /* @__PURE__ */ x(A, {
+				spinnerVariant: h,
+				color: r === "filled" ? "light" : o
+			}), /* @__PURE__ */ x(t, { children: i ? a : j(a) })]
 		})
 	});
 }
-function j({ tooltip: e, ...t }) {
-	return e ? /* @__PURE__ */ x(a, {
+function P({ tooltip: e, ...t }) {
+	return e ? /* @__PURE__ */ x(i, {
 		content: e,
-		children: /* @__PURE__ */ x(A, { ...t })
-	}) : /* @__PURE__ */ x(A, { ...t });
+		children: /* @__PURE__ */ x(N, { ...t })
+	}) : /* @__PURE__ */ x(N, { ...t });
 }
-var M = "tonal";
+var F = "tonal";
 //#endregion
-export { T as i, M as n, O as r, j as t };
+export { T as i, F as n, j as r, P as t };

package/dist/{callout-view-C6voDS00.js → callout-view-C7UznnDW.js}

@@ -1,6 +1,6 @@
 import { t as e } from "./ui.utils-CAnKTCw5.js";
 import { t } from "./utils-BLfntITJ.js";
-import { V as n } from "./youtube-node-OWSNlYCc.js";
+import { V as n } from "./youtube-node-A3NPAPgK.js";
 import { jsx as r, jsxs as i } from "react/jsx-runtime";
 //#region lib/components/ui/widgets/editor/viewer/callout-view.tsx
 var a = (e) => typeof e == "string" && Object.keys(n).includes(e) ? e : "info";