@nxgt/material-vue 0.26.1 → 0.28.0

package/dist/Button-16J7vTpE.js

@@ -1,665 +0,0 @@
-import { t as e } from "./utils-CykWQ0iJ.js";
-import { t } from "./use-material-translation-CONqD9wJ.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 B = F("transition-all duration-500", {
-	variants: {
-		variant: {
-			1: "",
-			2: "",
-			3: "",
-			4: ""
-		},
-		color: {
-			primary: null,
-			secondary: null,
-			info: null,
-			warning: null,
-			default: null,
-			error: null,
-			success: null,
-			light: null
-		}
-	},
-	defaultVariants: {
-		variant: "1",
-		color: "primary"
-	},
-	compoundVariants: [
-		{
-			variant: "1",
-			color: "primary",
-			class: "border-primary/10 border-t-primary"
-		},
-		{
-			variant: "1",
-			color: "secondary",
-			class: "border-secondary/10 border-t-secondary"
-		},
-		{
-			variant: "1",
-			color: "success",
-			class: "border-success/10 border-t-success"
-		},
-		{
-			variant: "1",
-			color: "info",
-			class: "border-info/10 border-t-info"
-		},
-		{
-			variant: "1",
-			color: "warning",
-			class: "border-warning/10 border-t-warning"
-		},
-		{
-			variant: "1",
-			color: "error",
-			class: "border-error/10 border-t-error"
-		},
-		{
-			variant: "1",
-			color: "default",
-			class: "border-foreground/10 border-t-foreground"
-		},
-		{
-			variant: "1",
-			color: "light",
-			class: "border-white/10 border-t-white"
-		},
-		{
-			variant: "2",
-			color: "primary",
-			class: "border-primary/10 border-b-primary border-t-primary"
-		},
-		{
-			variant: "2",
-			color: "secondary",
-			class: "border-secondary/10 border-b-secondary border-t-secondary"
-		},
-		{
-			variant: "2",
-			color: "success",
-			class: "border-success/10 border-b-success border-t-success"
-		},
-		{
-			variant: "2",
-			color: "info",
-			class: "border-info/10 border-b-info border-t-info"
-		},
-		{
-			variant: "2",
-			color: "warning",
-			class: "border-warning/10 border-b-warning border-t-warning"
-		},
-		{
-			variant: "2",
-			color: "error",
-			class: "border-error/10 border-b-error border-t-error"
-		},
-		{
-			variant: "2",
-			color: "default",
-			class: "border-foreground/10 border-b-foreground border-t-foreground"
-		},
-		{
-			variant: "2",
-			color: "light",
-			class: "border-white/10 border-b-white border-t-white"
-		},
-		{
-			variant: "3",
-			color: "primary",
-			class: "border-primary/10 border-b-primary border-t-primary border-r-primary"
-		},
-		{
-			variant: "3",
-			color: "secondary",
-			class: "border-secondary/10 border-b-secondary border-t-secondary border-r-secondary"
-		},
-		{
-			variant: "3",
-			color: "success",
-			class: "border-success/10 border-b-success border-t-success border-r-success"
-		},
-		{
-			variant: "3",
-			color: "info",
-			class: "border-info/10 border-b-info border-t-info border-r-info"
-		},
-		{
-			variant: "3",
-			color: "warning",
-			class: "border-warning/10 border-b-warning border-t-warning border-r-warning"
-		},
-		{
-			variant: "3",
-			color: "error",
-			class: "border-error/10 border-b-error border-t-error border-r-error"
-		},
-		{
-			variant: "3",
-			color: "default",
-			class: "border-foreground/10 border-b-foreground border-t-foreground border-r-foreground"
-		},
-		{
-			variant: "3",
-			color: "light",
-			class: "border-white/10 border-b-white border-t-white border-r-white"
-		},
-		{
-			variant: "4",
-			color: "primary",
-			class: "stroke-primary"
-		},
-		{
-			variant: "4",
-			color: "secondary",
-			class: "stroke-secondary"
-		},
-		{
-			variant: "4",
-			color: "success",
-			class: "stroke-success"
-		},
-		{
-			variant: "4",
-			color: "info",
-			class: "stroke-info"
-		},
-		{
-			variant: "4",
-			color: "warning",
-			class: "stroke-warning"
-		},
-		{
-			variant: "4",
-			color: "error",
-			class: "stroke-error"
-		},
-		{
-			variant: "4",
-			color: "default",
-			class: "stroke-foreground"
-		},
-		{
-			variant: "4",
-			color: "light",
-			class: "stroke-white"
-		}
-	]
-}), V = [
-	"data-variant",
-	"data-color",
-	"aria-label"
-], H = ["data-variant", "data-color"], U = /* @__PURE__ */ d({
-	__name: "spinner",
-	props: {
-		variant: { default: "1" },
-		color: { default: "primary" },
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] }
-	},
-	setup(n) {
-		let r = n, { t: i } = t();
-		return (t, a) => n.variant === "4" ? (v(), s("svg", {
-			key: 0,
-			viewBox: "0 0 800 800",
-			"data-slot": "spinner",
-			"data-variant": n.variant,
-			"data-color": n.color,
-			xmlns: "http://www.w3.org/2000/svg",
-			role: "img",
-			"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
-			})]),
-			cx: "400",
-			cy: "400",
-			fill: "none",
-			r: "200",
-			"stroke-width": "50",
-			"stroke-dasharray": "700 1400",
-			"stroke-linecap": "round"
-		}, null, 2)], 10, V)) : (v(), s("div", {
-			key: 1,
-			"data-slot": "spinner",
-			"data-variant": n.variant,
-			"data-color": n.color,
-			class: g(C(e)("size-12 border-[2px] rounded-full animate-spin", C(B)({
-				variant: n.variant,
-				color: n.color
-			}), r.class))
-		}, null, 10, H));
-	}
-}), W = /* @__PURE__ */ d({
-	__name: "Tooltip",
-	props: {
-		defaultOpen: { type: Boolean },
-		open: { type: Boolean },
-		delayDuration: {},
-		disableHoverableContent: { type: Boolean },
-		disableClosingTrigger: { type: Boolean },
-		disabled: { type: Boolean },
-		ignoreNonKeyboardFocus: { type: Boolean }
-	},
-	emits: ["update:open"],
-	setup(e, { emit: 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));
-	}
-}), G = /* @__PURE__ */ new Set([
-	"VIDEO",
-	"IFRAME",
-	"CANVAS",
-	"IMG",
-	"EMBED"
-]);
-function K(e) {
-	let t = e?.fullscreenElement;
-	return !t || typeof HTMLElement > "u" || !(t instanceof HTMLElement) || G.has(t.tagName) ? null : t;
-}
-var q = I(() => {
-	let e = x(K(L));
-	return z(L, "fullscreenchange", () => {
-		e.value = K(L);
-	}), e;
-}), J = /* @__PURE__ */ d({
-	inheritAttrs: !1,
-	__name: "TooltipContent",
-	props: {
-		forceMount: { type: Boolean },
-		ariaLabel: {},
-		asChild: { type: Boolean },
-		as: {},
-		side: {},
-		sideOffset: { default: 4 },
-		align: {},
-		alignOffset: {},
-		avoidCollisions: { type: Boolean },
-		collisionBoundary: {},
-		collisionPadding: {},
-		arrowPadding: {},
-		sticky: {},
-		hideWhenDetached: { type: Boolean },
-		positionStrategy: {},
-		updatePositionStrategy: {},
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] },
-		to: { default: void 0 }
-	},
-	emits: ["escapeKeyDown", "pointerDownOutside"],
-	setup(t, { emit: n }) {
-		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: 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"]));
-	}
-}), Y = /* @__PURE__ */ d({
-	__name: "TooltipProvider",
-	props: {
-		delayDuration: { default: 0 },
-		skipDelayDuration: {},
-		disableHoverableContent: { type: Boolean },
-		disableClosingTrigger: { type: Boolean },
-		disabled: { type: Boolean },
-		ignoreNonKeyboardFocus: { type: Boolean },
-		content: {}
-	},
-	setup(e) {
-		let t = e;
-		return (e, n) => (v(), a(C(j), _(f(t)), {
-			default: E(() => [b(e.$slots, "default")]),
-			_: 3
-		}, 16));
-	}
-}), X = /* @__PURE__ */ d({
-	__name: "TooltipTrigger",
-	props: {
-		reference: {},
-		asChild: { type: Boolean },
-		as: {}
-	},
-	setup(e) {
-		let t = e;
-		return (e, n) => (v(), a(C(N), h({ "data-slot": "tooltip-trigger" }, t), {
-			default: E(() => [b(e.$slots, "default")]),
-			_: 3
-		}, 16));
-	}
-}), 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",
-			tonal: "shadow-xs",
-			ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
-			outlined: "border shadow-xs",
-			link: "focus:underline underline-offset-4 hover:underline"
-		},
-		color: {
-			primary: null,
-			secondary: null,
-			info: null,
-			warning: null,
-			default: null,
-			error: null,
-			success: null
-		},
-		size: {
-			default: "h-9 px-4 py-2 has-[>svg]:px-3",
-			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 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: {
-		variant: "filled",
-		color: "primary"
-	},
-	compoundVariants: [
-		{
-			variant: "filled",
-			color: "primary",
-			class: "bg-primary text-primary-foreground hover:bg-primary/90 [&_svg]:data-[slot=icon]:text-primary-foreground active:bg-primary/70 focus:bg-primary/80"
-		},
-		{
-			variant: "filled",
-			color: "secondary",
-			class: "bg-secondary text-secondary-foreground hover:bg-secondary/90 [&_svg]:data-[slot=icon]:text-secondary-foreground active:bg-secondary/70 focus:bg-secondary/80"
-		},
-		{
-			variant: "filled",
-			color: "success",
-			class: "bg-success text-success-foreground hover:bg-success/90 [&_svg]:data-[slot=icon]:text-success-foreground active:bg-success/70 focus:bg-success/80"
-		},
-		{
-			variant: "filled",
-			color: "info",
-			class: "bg-info text-info-foreground hover:bg-info/90 [&_svg]:data-[slot=icon]:text-info-foreground active:bg-info/70 focus:bg-info/80"
-		},
-		{
-			variant: "filled",
-			color: "warning",
-			class: "bg-warning text-warning-foreground hover:bg-warning/90 [&_svg]:data-[slot=icon]:text-warning-foreground active:bg-warning/70 focus:bg-warning/80"
-		},
-		{
-			variant: "filled",
-			color: "error",
-			class: "bg-error text-error-foreground hover:bg-error/90 [&_svg]:data-[slot=icon]:text-error-foreground active:bg-error/70 focus:bg-error/80"
-		},
-		{
-			variant: "filled",
-			color: "default",
-			class: "bg-foreground text-background hover:bg-foreground/90 [&_svg]:data-[slot=icon]:text-foreground active:bg-foreground/70 focus:bg-foreground/80"
-		},
-		{
-			variant: "tonal",
-			color: "primary",
-			class: "bg-primary/15 text-primary hover:bg-primary/10 [&_svg]:data-[slot=icon]:text-primary active:bg-primary/5 focus:bg-primary/50"
-		},
-		{
-			variant: "tonal",
-			color: "secondary",
-			class: "bg-secondary/15 text-secondary hover:bg-secondary/10 [&_svg]:data-[slot=icon]:text-secondary active:bg-secondary/5 focus:bg-secondary/50"
-		},
-		{
-			variant: "tonal",
-			color: "info",
-			class: "bg-info/15 text-info hover:bg-info/10 [&_svg]:data-[slot=icon]:text-info active:bg-info/5 focus:bg-info/50"
-		},
-		{
-			variant: "tonal",
-			color: "success",
-			class: "bg-success/15 text-success hover:bg-success/10 [&_svg]:data-[slot=icon]:text-success active:bg-success/5 focus:bg-success/50"
-		},
-		{
-			variant: "tonal",
-			color: "warning",
-			class: "bg-warning/15 text-warning hover:bg-warning/10 [&_svg]:data-[slot=icon]:text-warning active:bg-warning/5 focus:bg-warning/50"
-		},
-		{
-			variant: "tonal",
-			color: "error",
-			class: "bg-error/15 text-error hover:bg-error/10 [&_svg]:data-[slot=icon]:text-error active:bg-error/5 focus:bg-error/50"
-		},
-		{
-			variant: "tonal",
-			color: "default",
-			class: "bg-foreground/15 text-foreground hover:bg-foreground/10 [&_svg]:data-[slot=icon]:text-foreground active:bg-muted focus:bg-muted0"
-		},
-		{
-			variant: "outlined",
-			color: "primary",
-			class: "text-primary border-primary/50 [&_svg]:data-[slot=icon]:text-primary focus:bg-primary/20 hover:bg-primary/10 hover:text-primary/90"
-		},
-		{
-			variant: "outlined",
-			color: "secondary",
-			class: "text-secondary border-secondary/50 [&_svg]:data-[slot=icon]:text-secondary focus:bg-secondary/20 hover:bg-secondary/10 hover:text-secondary/90"
-		},
-		{
-			variant: "outlined",
-			color: "info",
-			class: "text-info border-info/50 [&_svg]:data-[slot=icon]:text-info focus:bg-info/20 hover:bg-info/10 hover:text-info/90"
-		},
-		{
-			variant: "outlined",
-			color: "success",
-			class: "text-success border-success/50 [&_svg]:data-[slot=icon]:text-success focus:bg-success/20 hover:bg-success/10 hover:text-success/90"
-		},
-		{
-			variant: "outlined",
-			color: "warning",
-			class: "text-warning border-warning/50 [&_svg]:data-[slot=icon]:text-warning focus:bg-warning/20 hover:bg-warning/10 hover:text-warning/90"
-		},
-		{
-			variant: "outlined",
-			color: "error",
-			class: "text-error border-error/50 [&_svg]:data-[slot=icon]:text-error focus:bg-error/20 hover:bg-error/10 hover:text-error/90"
-		},
-		{
-			variant: "outlined",
-			color: "default",
-			class: "text-foreground border-foreground/50 [&_svg]:data-[slot=icon]:text-foreground focus:bg-foreground/20 hover:bg-foreground/10 hover:text-foreground/90"
-		},
-		{
-			variant: "link",
-			color: "primary",
-			class: "text-primary [&_svg]:data-[slot=icon]:text-primary hover:bg-primary/10 active:bg-primary/5 focus:bg-primary/15"
-		},
-		{
-			variant: "link",
-			color: "secondary",
-			class: "text-secondary [&_svg]:data-[slot=icon]:text-secondary hover:bg-secondary/10 active:bg-secondary/5 focus:bg-secondary/15"
-		},
-		{
-			variant: "link",
-			color: "success",
-			class: "text-success [&_svg]:data-[slot=icon]:text-success hover:bg-success/10 active:bg-success/5 focus:bg-success/15"
-		},
-		{
-			variant: "link",
-			color: "info",
-			class: "text-info [&_svg]:data-[slot=icon]:text-info hover:bg-info/10 active:bg-info/5 focus:bg-info/15"
-		},
-		{
-			variant: "link",
-			color: "warning",
-			class: "text-warning [&_svg]:data-[slot=icon]:text-warning hover:bg-warning/10 active:bg-warning/5 focus:bg-warning/15"
-		},
-		{
-			variant: "link",
-			color: "error",
-			class: "text-error [&_svg]:data-[slot=icon]:text-error hover:bg-error/10 active:bg-error/5 focus:bg-error/15"
-		},
-		{
-			variant: "link",
-			color: "default",
-			class: "text-foreground [&_svg]:data-[slot=icon]:text-foreground hover:bg-foreground/10 active:bg-muted focus:bg-foreground/15"
-		}
-	]
-});
-//#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: {
-		asChild: { type: Boolean },
-		as: { default: "button" },
-		variant: { default: "filled" },
-		color: { default: "primary" },
-		size: {},
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] },
-		loading: { type: Boolean },
-		spinnerVariant: { default: "2" },
-		disabled: { type: Boolean },
-		tooltip: {}
-	},
-	setup(t) {
-		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: f.value,
-						disabled: d.value,
-						"aria-busy": t.loading || void 0,
-						class: _.value
-					}), {
-						default: E(() => [t.loading ? (v(), a(U, {
-							key: 0,
-							variant: t.spinnerVariant,
-							color: t.variant === "filled" ? "light" : t.color,
-							class: g(C(e)("starting:scale-0 duration-500", t.spinnerVariant === "4" ? "size-7.5" : "size-4.5"))
-						}, null, 8, [
-							"variant",
-							"color",
-							"class"
-						])) : o("", !0), b(n.$slots, "default")]),
-						_: 3
-					}, 16, [
-						"data-slot",
-						"data-variant",
-						"data-color",
-						"data-size",
-						"as",
-						"as-child",
-						"type",
-						"disabled",
-						"aria-busy",
-						"class"
-					])]),
-					_: 3
-				}), u(C(J), null, {
-					default: E(() => [l(S(t.tooltip), 1)]),
-					_: 1
-				})]),
-				_: 3
-			})]),
-			_: 3
-		})) : (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: f.value,
-			disabled: d.value,
-			"aria-busy": t.loading || void 0,
-			class: _.value
-		}), {
-			default: E(() => [t.loading ? (v(), a(U, {
-				key: 0,
-				variant: t.spinnerVariant,
-				color: t.variant === "filled" ? "light" : t.color,
-				class: g(C(e)("starting:scale-0 duration-500", t.spinnerVariant === "4" ? "size-7.5" : "size-4.5"))
-			}, null, 8, [
-				"variant",
-				"color",
-				"class"
-			])) : o("", !0), b(n.$slots, "default")]),
-			_: 3
-		}, 16, [
-			"data-slot",
-			"data-variant",
-			"data-color",
-			"data-size",
-			"as",
-			"as-child",
-			"type",
-			"disabled",
-			"aria-busy",
-			"class"
-		]));
-	}
-});
-//#endregion
-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 };