@nxgt/material-vue 0.23.4 → 0.25.0

package/dist/{Button-CVIR6uLK.js → Button-C1aaI0Gw.js}

@@ -1,12 +1,12 @@
 import { t as e } from "./utils-CykWQ0iJ.js";
-import { t } from "./use-material-translation-C5zPFhbk.js";
-import { computed as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createTextVNode as s, createVNode as c, defineComponent as l, guardReactiveProps as u, mergeProps as d, normalizeClass as f, normalizeProps as p, openBlock as m, renderSlot as h, shallowRef as g, toDisplayString as _, unref as v, useAttrs as y, withCtx as b } from "vue";
-import { Primitive as x, TooltipArrow as S, TooltipContent as C, TooltipPortal as w, TooltipProvider as T, TooltipRoot as E, TooltipTrigger as D, useForwardPropsEmits as O } from "reka-ui";
-import { cva as k } from "class-variance-authority";
-import { createSharedComposable as A, defaultDocument as j, reactiveOmit as M, useEventListener as N } from "@vueuse/core";
+import { t } from "./use-material-translation-B6sIk0mF.js";
+import { Comment as n, Text as r, computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createTextVNode as l, createVNode as u, defineComponent as d, guardReactiveProps as f, inject as p, isVNode as m, mergeProps as h, normalizeClass as g, normalizeProps as _, openBlock as v, provide as y, renderSlot as b, shallowRef as x, toDisplayString as S, unref as C, useAttrs as w, useSlots as T, withCtx as E } from "vue";
+import { Primitive as D, TooltipArrow as O, TooltipContent as k, TooltipPortal as A, TooltipProvider as j, TooltipRoot as M, TooltipTrigger as N, useForwardPropsEmits as P } from "reka-ui";
+import { cva as F } from "class-variance-authority";
+import { createSharedComposable as I, defaultDocument as L, reactiveOmit as R, useEventListener as z } from "@vueuse/core";
 //#endregion
 //#region lib/components/ui/feedback/spinner/spinner.variants.ts
-var P = k("transition-all duration-500", {
+var B = F("transition-all duration-500", {
 	variants: {
 		variant: {
 			1: "",
@@ -67,7 +67,7 @@ var P = k("transition-all duration-500", {
 		},
 		{
 			variant: "1",
-			color: "default",
+			color: "light",
 			class: "border-white/10 border-t-white"
 		},
 		{
@@ -191,11 +191,11 @@ var P = k("transition-all duration-500", {
 			class: "stroke-white"
 		}
 	]
-}), F = [
+}), V = [
 	"data-variant",
 	"data-color",
 	"aria-label"
-], I = ["data-variant", "data-color"], L = /* @__PURE__ */ l({
+], H = ["data-variant", "data-color"], U = /* @__PURE__ */ d({
 	__name: "spinner",
 	props: {
 		variant: { default: "1" },
@@ -210,7 +210,7 @@ var P = k("transition-all duration-500", {
 	},
 	setup(n) {
 		let r = n, { t: i } = t();
-		return (t, s) => n.variant === "4" ? (m(), a("svg", {
+		return (t, a) => n.variant === "4" ? (v(), s("svg", {
 			key: 0,
 			viewBox: "0 0 800 800",
 			"data-slot": "spinner",
@@ -218,10 +218,10 @@ var P = k("transition-all duration-500", {
 			"data-color": n.color,
 			xmlns: "http://www.w3.org/2000/svg",
 			role: "img",
-			"aria-label": v(i)("material.spinner.loading", "Loading..."),
-			class: f(v(e)("size-14", r.class))
-		}, [o("circle", {
-			class: f(["spin2", v(P)({
+			"aria-label": C(i)("material.spinner.loading", "Loading..."),
+			class: g(C(e)("size-14", r.class))
+		}, [c("circle", {
+			class: g(["spin2", C(B)({
 				variant: n.variant,
 				color: n.color
 			})]),
@@ -232,18 +232,18 @@ var P = k("transition-all duration-500", {
 			"stroke-width": "50",
 			"stroke-dasharray": "700 1400",
 			"stroke-linecap": "round"
-		}, null, 2)], 10, F)) : (m(), a("div", {
+		}, null, 2)], 10, V)) : (v(), s("div", {
 			key: 1,
 			"data-slot": "spinner",
 			"data-variant": n.variant,
 			"data-color": n.color,
-			class: f(v(e)("size-12 border-[2px] rounded-full animate-spin", v(P)({
+			class: g(C(e)("size-12 border-[2px] rounded-full animate-spin", C(B)({
 				variant: n.variant,
 				color: n.color
 			}), r.class))
-		}, null, 10, I));
+		}, null, 10, H));
 	}
-}), R = /* @__PURE__ */ l({
+}), W = /* @__PURE__ */ d({
 	__name: "Tooltip",
 	props: {
 		defaultOpen: { type: Boolean },
@@ -256,29 +256,29 @@ var P = k("transition-all duration-500", {
 	},
 	emits: ["update:open"],
 	setup(e, { emit: t }) {
-		let n = O(e, t);
-		return (e, t) => (m(), r(v(E), d({ "data-slot": "tooltip" }, v(n)), {
-			default: b((t) => [h(e.$slots, "default", p(u(t)))]),
+		let n = P(e, t);
+		return (e, t) => (v(), a(C(M), h({ "data-slot": "tooltip" }, C(n)), {
+			default: E((t) => [b(e.$slots, "default", _(f(t)))]),
 			_: 3
 		}, 16));
 	}
-}), z = /* @__PURE__ */ new Set([
+}), G = /* @__PURE__ */ new Set([
 	"VIDEO",
 	"IFRAME",
 	"CANVAS",
 	"IMG",
 	"EMBED"
 ]);
-function B(e) {
+function K(e) {
 	let t = e?.fullscreenElement;
-	return !t || typeof HTMLElement > "u" || !(t instanceof HTMLElement) || z.has(t.tagName) ? null : t;
+	return !t || typeof HTMLElement > "u" || !(t instanceof HTMLElement) || G.has(t.tagName) ? null : t;
 }
-var V = A(() => {
-	let e = g(B(j));
-	return N(j, "fullscreenchange", () => {
-		e.value = B(j);
+var q = I(() => {
+	let e = x(K(L));
+	return z(L, "fullscreenchange", () => {
+		e.value = K(L);
 	}), e;
-}), H = /* @__PURE__ */ l({
+}), J = /* @__PURE__ */ d({
 	inheritAttrs: !1,
 	__name: "TooltipContent",
 	props: {
@@ -309,19 +309,19 @@ var V = A(() => {
 	},
 	emits: ["escapeKeyDown", "pointerDownOutside"],
 	setup(t, { emit: n }) {
-		let i = t, a = n, o = V(), s = O(M(i, "class", "to"), a);
-		return (n, a) => (m(), r(v(w), { to: t.to ?? v(o) ?? void 0 }, {
-			default: b(() => [c(v(C), d({ "data-slot": "tooltip-content" }, {
-				...v(s),
+		let r = t, i = n, o = q(), s = P(R(r, "class", "to"), i);
+		return (n, i) => (v(), a(C(A), { to: t.to ?? C(o) ?? void 0 }, {
+			default: E(() => [u(C(k), h({ "data-slot": "tooltip-content" }, {
+				...C(s),
 				...n.$attrs
-			}, { class: v(e)("bg-foreground text-background animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit rounded-md px-3 py-1.5 text-xs text-balance", i.class) }), {
-				default: b(() => [h(n.$slots, "default"), c(v(S), { class: "bg-foreground fill-foreground z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-xs" })]),
+			}, { class: C(e)("bg-foreground text-background animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit rounded-md px-3 py-1.5 text-xs text-balance", r.class) }), {
+				default: E(() => [b(n.$slots, "default"), u(C(O), { class: "bg-foreground fill-foreground z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-xs" })]),
 				_: 3
 			}, 16, ["class"])]),
 			_: 3
 		}, 8, ["to"]));
 	}
-}), U = /* @__PURE__ */ l({
+}), Y = /* @__PURE__ */ d({
 	__name: "TooltipProvider",
 	props: {
 		delayDuration: { default: 0 },
@@ -334,12 +334,12 @@ var V = A(() => {
 	},
 	setup(e) {
 		let t = e;
-		return (e, n) => (m(), r(v(T), p(u(t)), {
-			default: b(() => [h(e.$slots, "default")]),
+		return (e, n) => (v(), a(C(j), _(f(t)), {
+			default: E(() => [b(e.$slots, "default")]),
 			_: 3
 		}, 16));
 	}
-}), W = /* @__PURE__ */ l({
+}), X = /* @__PURE__ */ d({
 	__name: "TooltipTrigger",
 	props: {
 		reference: {},
@@ -348,12 +348,12 @@ var V = A(() => {
 	},
 	setup(e) {
 		let t = e;
-		return (e, n) => (m(), r(v(D), d({ "data-slot": "tooltip-trigger" }, t), {
-			default: b(() => [h(e.$slots, "default")]),
+		return (e, n) => (v(), a(C(N), h({ "data-slot": "tooltip-trigger" }, t), {
+			default: E(() => [b(e.$slots, "default")]),
 			_: 3
 		}, 16));
 	}
-}), G = k("inline-flex center truncate **:truncate gap-2 h-min cursor-pointer whitespace-nowrap rounded-full text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-error/20 dark:aria-invalid:ring-error/40 aria-invalid:border-error px-4 py-2 has-[>svg]:px-3", {
+}), Z = Symbol("named-control"), Q = F("inline-flex center truncate **:truncate gap-2 h-min cursor-pointer whitespace-nowrap rounded-full text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-error/20 dark:aria-invalid:ring-error/40 aria-invalid:border-error px-4 py-2 has-[>svg]:px-3", {
 	variants: {
 		variant: {
 			filled: "shadow-xs",
@@ -376,10 +376,10 @@ var V = A(() => {
 			xs: "h-6 gap-1 rounded-full px-2 text-xs has-[>svg]:px-1.5 [&_svg:not([class*='size-'])]:size-3",
 			sm: "h-8 rounded-full gap-1.5 px-3 has-[>svg]:px-2.5",
 			lg: "h-10 rounded-full px-6 has-[>svg]:px-4",
-			icon: "size-9 px-0 py-0",
-			"icon-xs": "size-6 rounded-full px-0 py-0 [&_svg:not([class*='size-'])]:size-3",
-			"icon-sm": "size-8 px-0 py-0",
-			"icon-lg": "size-10 px-0 py-0"
+			icon: "size-9 px-0 py-0 has-[>svg]:px-0",
+			"icon-xs": "size-6 rounded-full px-0 py-0 has-[>svg]:px-0 [&_svg:not([class*='size-'])]:size-3",
+			"icon-sm": "size-8 px-0 py-0 has-[>svg]:px-0",
+			"icon-lg": "size-10 px-0 py-0 has-[>svg]:px-0"
 		}
 	},
 	defaultVariants: {
@@ -528,7 +528,28 @@ var V = A(() => {
 			class: "text-foreground [&_svg]:data-[slot=icon]:text-foreground hover:bg-foreground/10 active:bg-muted focus:bg-foreground/15"
 		}
 	]
-}), K = /* @__PURE__ */ l({
+});
+//#endregion
+//#region lib/components/ui/actions/button/has-text-content.ts
+function $(e) {
+	if (e == null || typeof e == "boolean") return !1;
+	if (typeof e == "string" || typeof e == "number") return String(e).trim() !== "";
+	if (Array.isArray(e)) return e.some($);
+	if (!m(e) || e.type === n) return !1;
+	if (e.type === r) return String(e.children ?? "").trim() !== "";
+	if (ee(e.props?.["aria-hidden"] ?? e.props?.ariaHidden)) return !1;
+	let { children: t } = e;
+	if (typeof t == "string") return t.trim() !== "";
+	if (Array.isArray(t)) return $(t);
+	let i = t?.default;
+	return typeof i == "function" && $(i());
+}
+function ee(e) {
+	return e === "" || !!e && e !== "false";
+}
+//#endregion
+//#region lib/components/ui/actions/button/Button.vue
+var te = /* @__PURE__ */ d({
 	inheritAttrs: !1,
 	__name: "Button",
 	props: {
@@ -550,36 +571,38 @@ var V = A(() => {
 		tooltip: {}
 	},
 	setup(t) {
-		let a = t, o = y(), l = n(() => !!(a.disabled || a.loading)), u = n(() => a.as !== "button" || a.asChild ? o.type : o.type ?? "button"), p = n(() => !!a.size?.startsWith("icon")), g = n(() => e("justify-center duration-500", !p.value && "w-max truncate line-clamp-1 text-ellipsis", G({
-			variant: a.variant,
-			color: a.color,
-			size: a.size
-		}), a.class));
-		return (n, a) => t.tooltip ? (m(), r(v(U), { key: 0 }, {
-			default: b(() => [c(v(R), null, {
-				default: b(() => [c(v(W), { "as-child": "" }, {
-					default: b(() => [c(v(x), d(n.$attrs, {
+		let n = t, r = w(), s = T(), c = p(Z, void 0);
+		y(Z, i(() => !!c?.value || !!(r["aria-label"] || r["aria-labelledby"]) || $(s.default?.())));
+		let d = i(() => !!(n.disabled || n.loading)), f = i(() => n.as !== "button" || n.asChild ? r.type : r.type ?? "button"), m = i(() => !!n.size?.startsWith("icon")), _ = i(() => e("justify-center duration-500", !m.value && "w-max truncate line-clamp-1 text-ellipsis", Q({
+			variant: n.variant,
+			color: n.color,
+			size: n.size
+		}), n.class));
+		return (n, r) => t.tooltip ? (v(), a(C(Y), { key: 0 }, {
+			default: E(() => [u(C(W), null, {
+				default: E(() => [u(C(X), { "as-child": "" }, {
+					default: E(() => [u(C(D), h(n.$attrs, {
 						"data-slot": n.$attrs["data-slot"] ?? "button",
 						"data-variant": t.variant,
 						"data-color": t.color,
 						"data-size": t.size,
 						as: t.as,
 						"as-child": t.asChild,
-						type: u.value,
-						disabled: l.value,
+						type: f.value,
+						disabled: d.value,
 						"aria-busy": t.loading || void 0,
-						class: g.value
+						class: _.value
 					}), {
-						default: b(() => [t.loading ? (m(), r(L, {
+						default: E(() => [t.loading ? (v(), a(U, {
 							key: 0,
 							variant: t.spinnerVariant,
 							color: t.variant === "filled" ? "light" : t.color,
-							class: f(v(e)("starting:scale-0 duration-500", t.spinnerVariant === "4" ? "size-7.5" : "size-4.5"))
+							class: g(C(e)("starting:scale-0 duration-500", t.spinnerVariant === "4" ? "size-7.5" : "size-4.5"))
 						}, null, 8, [
 							"variant",
 							"color",
 							"class"
-						])) : i("", !0), h(n.$slots, "default")]),
+						])) : o("", !0), b(n.$slots, "default")]),
 						_: 3
 					}, 16, [
 						"data-slot",
@@ -594,35 +617,35 @@ var V = A(() => {
 						"class"
 					])]),
 					_: 3
-				}), c(v(H), null, {
-					default: b(() => [s(_(t.tooltip), 1)]),
+				}), u(C(J), null, {
+					default: E(() => [l(S(t.tooltip), 1)]),
 					_: 1
 				})]),
 				_: 3
 			})]),
 			_: 3
-		})) : (m(), r(v(x), d({ key: 1 }, n.$attrs, {
+		})) : (v(), a(C(D), h({ key: 1 }, n.$attrs, {
 			"data-slot": n.$attrs["data-slot"] ?? "button",
 			"data-variant": t.variant,
 			"data-color": t.color,
 			"data-size": t.size,
 			as: t.as,
 			"as-child": t.asChild,
-			type: u.value,
-			disabled: l.value,
+			type: f.value,
+			disabled: d.value,
 			"aria-busy": t.loading || void 0,
-			class: g.value
+			class: _.value
 		}), {
-			default: b(() => [t.loading ? (m(), r(L, {
+			default: E(() => [t.loading ? (v(), a(U, {
 				key: 0,
 				variant: t.spinnerVariant,
 				color: t.variant === "filled" ? "light" : t.color,
-				class: f(v(e)("starting:scale-0 duration-500", t.spinnerVariant === "4" ? "size-7.5" : "size-4.5"))
+				class: g(C(e)("starting:scale-0 duration-500", t.spinnerVariant === "4" ? "size-7.5" : "size-4.5"))
 			}, null, 8, [
 				"variant",
 				"color",
 				"class"
-			])) : i("", !0), h(n.$slots, "default")]),
+			])) : o("", !0), b(n.$slots, "default")]),
 			_: 3
 		}, 16, [
 			"data-slot",
@@ -639,4 +662,4 @@ var V = A(() => {
 	}
 });
 //#endregion
-export { H as a, L as c, U as i, P as l, G as n, V as o, W as r, R as s, K as t };
+export { Y as a, W as c, X as i, U as l, Q as n, J as o, Z as r, q as s, te as t, B as u };

package/dist/{HoverCardTrigger-iAL5ALrL.js → HoverCardTrigger-JtHn0IFQ.js}

@@ -1,6 +1,6 @@
 import { t as e } from "./utils-CykWQ0iJ.js";
-import { t } from "./use-material-translation-C5zPFhbk.js";
-import { t as n } from "./Button-CVIR6uLK.js";
+import { t } from "./use-material-translation-B6sIk0mF.js";
+import { t as n } from "./Button-C1aaI0Gw.js";
 import { createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createTextVNode as s, createVNode as c, defineComponent as l, guardReactiveProps as u, isRef as d, mergeProps as f, normalizeClass as p, normalizeProps as m, openBlock as h, renderSlot as g, toDisplayString as _, unref as v, useId as y, useTemplateRef as b, vModelText as x, withCtx as S, withDirectives as C } from "vue";
 import { X as w } from "@lucide/vue";
 import { DialogClose as T, DialogContent as E, DialogDescription as D, DialogOverlay as O, DialogPortal as k, DialogRoot as ee, DialogTitle as te, DialogTrigger as A, HoverCardContent as j, HoverCardPortal as M, HoverCardRoot as N, HoverCardTrigger as P, Label as F, useForwardProps as I, useForwardPropsEmits as L } from "reka-ui";

package/dist/{camera-Gvg5N956.js → camera-BacVyXl0.js}

@@ -1,8 +1,8 @@
 import { t as e } from "./utils-CykWQ0iJ.js";
-import { ir as t, or as n, rr as r } from "./components-AScwCcds.js";
-import { t as i } from "./use-material-translation-C5zPFhbk.js";
-import { t as a } from "./Button-CVIR6uLK.js";
-import { t as o } from "./icon-button-DbEME76t.js";
+import { gr as t, mr as n, pr as r } from "./components-DRBKkOqk.js";
+import { t as i } from "./use-material-translation-B6sIk0mF.js";
+import { t as a } from "./Button-C1aaI0Gw.js";
+import { t as o } from "./icon-button-B2FQtIHS.js";
 import { createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createTextVNode as d, createVNode as f, defineComponent as p, normalizeClass as m, openBlock as h, ref as g, renderSlot as _, shallowRef as v, toDisplayString as y, unref as b, withCtx as x } from "vue";
 import { Pause as S, Play as C } from "@lucide/vue";
 //#region lib/components/ui/media/camera/camera-content.vue?vue&type=script&setup=true&lang.ts
@@ -58,8 +58,8 @@ var w = { class: "grid gap-2" }, T = { class: "flex justify-end" }, E = ["src",
 }), O = /* @__PURE__ */ p({
 	__name: "camera-provider",
 	setup(e) {
-		let r = g(null), i = g(null), a = v(null), o = n();
-		return t({
+		let r = g(null), i = g(null), a = v(null), o = t();
+		return n({
 			videoRef: r,
 			canvasRef: i,
 			streamRef: a,