@nxgt/material-vue 0.26.1 → 0.28.0

package/dist/Button-D1uzdbOJ.js

@@ -0,0 +1,728 @@
+import { t as e } from "./utils-CykWQ0iJ.js";
+import { t } from "./use-material-translation-Do6ztdtV.js";
+import { Comment as n, Fragment as r, Text as i, computed as a, createBlock as o, createElementBlock as s, createElementVNode as c, createTextVNode as l, createVNode as u, defineComponent as d, guardReactiveProps as f, h as p, inject as ee, isVNode as m, mergeProps as h, normalizeClass as g, normalizeProps as _, onBeforeUnmount as v, openBlock as y, provide as b, ref as x, renderSlot as S, shallowRef as C, unref as w, useAttrs as te, useSlots as ne, watch as T, withCtx as E } from "vue";
+import { Primitive as D, TooltipArrow as O, TooltipContent as k, TooltipPortal as A, TooltipProvider as re, TooltipRoot as j, TooltipTrigger as M, useForwardPropsEmits as N } from "reka-ui";
+import { cva as P } from "class-variance-authority";
+import { createSharedComposable as F, defaultDocument as I, reactiveOmit as ie, useEventListener as ae } from "@vueuse/core";
+//#endregion
+//#region lib/components/ui/feedback/spinner/spinner.variants.ts
+var L = P("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"
+		}
+	]
+}), oe = [
+	"data-variant",
+	"data-color",
+	"aria-label"
+], se = ["data-variant", "data-color"], R = /* @__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" ? (y(), 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": w(i)("material.spinner.loading", "Loading..."),
+			class: g(w(e)("size-14", r.class))
+		}, [c("circle", {
+			class: g(["spin2", w(L)({
+				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, oe)) : (y(), s("div", {
+			key: 1,
+			"data-slot": "spinner",
+			"data-variant": n.variant,
+			"data-color": n.color,
+			class: g(w(e)("size-12 border-[2px] rounded-full animate-spin", w(L)({
+				variant: n.variant,
+				color: n.color
+			}), r.class))
+		}, null, 10, se));
+	}
+}), z = /* @__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 = N(e, t);
+		return (e, t) => (y(), o(w(j), h({ "data-slot": "tooltip" }, w(n)), {
+			default: E((t) => [S(e.$slots, "default", _(f(t)))]),
+			_: 3
+		}, 16));
+	}
+}), B = /* @__PURE__ */ new Set([
+	"VIDEO",
+	"IFRAME",
+	"CANVAS",
+	"IMG",
+	"EMBED"
+]);
+function V(e) {
+	let t = e?.fullscreenElement;
+	return !t || typeof HTMLElement > "u" || !(t instanceof HTMLElement) || B.has(t.tagName) ? null : t;
+}
+var H = F(() => {
+	let e = C(V(I));
+	return ae(I, "fullscreenchange", () => {
+		e.value = V(I);
+	}), e;
+}), U = /* @__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, a = H(), s = N(ie(r, "class", "to"), i);
+		return (n, i) => (y(), o(w(A), { to: t.to ?? w(a) ?? void 0 }, {
+			default: E(() => [u(w(k), h({ "data-slot": "tooltip-content" }, {
+				...w(s),
+				...n.$attrs
+			}, { class: w(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(() => [S(n.$slots, "default"), u(w(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"]));
+	}
+}), W = /* @__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) => (y(), o(w(re), _(f(t)), {
+			default: E(() => [S(e.$slots, "default")]),
+			_: 3
+		}, 16));
+	}
+}), G = /* @__PURE__ */ d({
+	__name: "TooltipTrigger",
+	props: {
+		reference: {},
+		asChild: { type: Boolean },
+		as: {}
+	},
+	setup(e) {
+		let t = e;
+		return (e, n) => (y(), o(w(M), h({ "data-slot": "tooltip-trigger" }, t), {
+			default: E(() => [S(e.$slots, "default")]),
+			_: 3
+		}, 16));
+	}
+}), K = Symbol("named-control"), q = {
+	primary: "text-primary dark:text-[color-mix(in_oklab,var(--color-primary)_40%,white)]",
+	secondary: "text-secondary",
+	success: "text-success dark:text-[color-mix(in_oklab,var(--color-success)_85%,white)]",
+	info: "text-info",
+	warning: "text-[color-mix(in_oklab,var(--color-warning)_85%,black)] dark:text-[color-mix(in_oklab,var(--color-warning)_85%,white)]",
+	error: "text-[color-mix(in_oklab,var(--color-error)_85%,black)] dark:text-[color-mix(in_oklab,var(--color-error)_70%,white)]",
+	default: "text-foreground"
+}, J = {
+	primary: "[&_svg]:data-[slot=icon]:text-primary dark:[&_svg]:data-[slot=icon]:text-[color-mix(in_oklab,var(--color-primary)_40%,white)]",
+	secondary: "[&_svg]:data-[slot=icon]:text-secondary",
+	success: "[&_svg]:data-[slot=icon]:text-success dark:[&_svg]:data-[slot=icon]:text-[color-mix(in_oklab,var(--color-success)_85%,white)]",
+	info: "[&_svg]:data-[slot=icon]:text-info",
+	warning: "[&_svg]:data-[slot=icon]:text-[color-mix(in_oklab,var(--color-warning)_85%,black)] dark:[&_svg]:data-[slot=icon]:text-[color-mix(in_oklab,var(--color-warning)_85%,white)]",
+	error: "[&_svg]:data-[slot=icon]:text-[color-mix(in_oklab,var(--color-error)_85%,black)] dark:[&_svg]:data-[slot=icon]:text-[color-mix(in_oklab,var(--color-error)_70%,white)]",
+	default: "[&_svg]:data-[slot=icon]:text-foreground"
+}, ce = {
+	primary: "[&_svg]:stroke-primary dark:[&_svg]:stroke-[color-mix(in_oklab,var(--color-primary)_40%,white)]",
+	secondary: "[&_svg]:stroke-secondary",
+	success: "[&_svg]:stroke-success dark:[&_svg]:stroke-[color-mix(in_oklab,var(--color-success)_85%,white)]",
+	info: "[&_svg]:stroke-info",
+	warning: "[&_svg]:stroke-[color-mix(in_oklab,var(--color-warning)_85%,black)] dark:[&_svg]:stroke-[color-mix(in_oklab,var(--color-warning)_85%,white)]",
+	error: "[&_svg]:stroke-[color-mix(in_oklab,var(--color-error)_85%,black)] dark:[&_svg]:stroke-[color-mix(in_oklab,var(--color-error)_70%,white)]",
+	default: "[&_svg]:stroke-foreground"
+}, Y = P("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 aria-busy:cursor-progress [&_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-[color-mix(in_oklab,var(--color-primary)_90%,black)] [&_svg]:data-[slot=icon]:text-primary-foreground active:bg-[color-mix(in_oklab,var(--color-primary)_80%,black)] focus:bg-[color-mix(in_oklab,var(--color-primary)_85%,black)]"
+		},
+		{
+			variant: "filled",
+			color: "secondary",
+			class: "bg-secondary text-secondary-foreground hover:bg-[color-mix(in_oklab,var(--color-secondary)_90%,black)] [&_svg]:data-[slot=icon]:text-secondary-foreground active:bg-[color-mix(in_oklab,var(--color-secondary)_80%,black)] focus:bg-[color-mix(in_oklab,var(--color-secondary)_85%,black)] dark:bg-secondary/70 dark:hover:bg-secondary/60 dark:active:bg-secondary/50 dark:focus:bg-secondary/60"
+		},
+		{
+			variant: "filled",
+			color: "success",
+			class: "bg-success text-success-foreground hover:bg-[color-mix(in_oklab,var(--color-success)_90%,black)] [&_svg]:data-[slot=icon]:text-success-foreground active:bg-[color-mix(in_oklab,var(--color-success)_80%,black)] focus:bg-[color-mix(in_oklab,var(--color-success)_85%,black)] dark:bg-success/60 dark:hover:bg-success/50 dark:active:bg-success/40 dark:focus:bg-success/50"
+		},
+		{
+			variant: "filled",
+			color: "info",
+			class: "bg-info text-info-foreground hover:bg-[color-mix(in_oklab,var(--color-info)_90%,black)] [&_svg]:data-[slot=icon]:text-info-foreground active:bg-[color-mix(in_oklab,var(--color-info)_80%,black)] focus:bg-[color-mix(in_oklab,var(--color-info)_85%,black)] dark:bg-info/60 dark:hover:bg-info/50 dark:active:bg-info/40 dark:focus:bg-info/50"
+		},
+		{
+			variant: "filled",
+			color: "warning",
+			class: "bg-warning text-warning-foreground hover:bg-[color-mix(in_oklab,var(--color-warning)_90%,black)] [&_svg]:data-[slot=icon]:text-warning-foreground active:bg-[color-mix(in_oklab,var(--color-warning)_80%,black)] focus:bg-[color-mix(in_oklab,var(--color-warning)_85%,black)] dark:bg-warning/60 dark:hover:bg-warning/50 dark:active:bg-warning/40 dark:focus:bg-warning/50"
+		},
+		{
+			variant: "filled",
+			color: "error",
+			class: "bg-error text-error-foreground hover:bg-[color-mix(in_oklab,var(--color-error)_90%,black)] [&_svg]:data-[slot=icon]:text-error-foreground active:bg-[color-mix(in_oklab,var(--color-error)_80%,black)] focus:bg-[color-mix(in_oklab,var(--color-error)_85%,black)]"
+		},
+		{
+			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: `${q.primary} ${J.primary} bg-primary/15 hover:bg-primary/10 active:bg-primary/5 focus:bg-primary/10`
+		},
+		{
+			variant: "tonal",
+			color: "secondary",
+			class: `${q.secondary} ${J.secondary} bg-secondary/15 hover:bg-secondary/10 active:bg-secondary/5 focus:bg-secondary/10`
+		},
+		{
+			variant: "tonal",
+			color: "info",
+			class: `${q.info} ${J.info} bg-info/15 hover:bg-info/10 active:bg-info/5 focus:bg-info/10`
+		},
+		{
+			variant: "tonal",
+			color: "success",
+			class: `${q.success} ${J.success} bg-success/15 hover:bg-success/10 active:bg-success/5 focus:bg-success/10`
+		},
+		{
+			variant: "tonal",
+			color: "warning",
+			class: `${q.warning} ${J.warning} bg-warning/15 hover:bg-warning/10 active:bg-warning/5 focus:bg-warning/10`
+		},
+		{
+			variant: "tonal",
+			color: "error",
+			class: `${q.error} ${J.error} bg-error/15 hover:bg-error/10 active:bg-error/5 focus:bg-error/10`
+		},
+		{
+			variant: "tonal",
+			color: "default",
+			class: `${q.default} ${J.default} bg-foreground/15 hover:bg-foreground/10 active:bg-muted focus:bg-muted`
+		},
+		{
+			variant: "outlined",
+			color: "primary",
+			class: `${q.primary} ${J.primary} border-primary/50 focus:bg-primary/15 hover:bg-primary/10`
+		},
+		{
+			variant: "outlined",
+			color: "secondary",
+			class: `${q.secondary} ${J.secondary} border-secondary/50 focus:bg-secondary/15 hover:bg-secondary/10`
+		},
+		{
+			variant: "outlined",
+			color: "info",
+			class: `${q.info} ${J.info} border-info/50 focus:bg-info/15 hover:bg-info/10`
+		},
+		{
+			variant: "outlined",
+			color: "success",
+			class: `${q.success} ${J.success} border-success/50 focus:bg-success/15 hover:bg-success/10`
+		},
+		{
+			variant: "outlined",
+			color: "warning",
+			class: `${q.warning} ${J.warning} border-warning/50 focus:bg-warning/15 hover:bg-warning/10`
+		},
+		{
+			variant: "outlined",
+			color: "error",
+			class: `${q.error} ${J.error} border-error/50 focus:bg-error/15 hover:bg-error/10`
+		},
+		{
+			variant: "outlined",
+			color: "default",
+			class: `${q.default} ${J.default} border-foreground/50 focus:bg-foreground/15 hover:bg-foreground/10`
+		},
+		{
+			variant: "link",
+			color: "primary",
+			class: `${q.primary} ${J.primary} hover:bg-primary/10 active:bg-primary/5 focus:bg-primary/15`
+		},
+		{
+			variant: "link",
+			color: "secondary",
+			class: `${q.secondary} ${J.secondary} hover:bg-secondary/10 active:bg-secondary/5 focus:bg-secondary/15`
+		},
+		{
+			variant: "link",
+			color: "success",
+			class: `${q.success} ${J.success} hover:bg-success/10 active:bg-success/5 focus:bg-success/15`
+		},
+		{
+			variant: "link",
+			color: "info",
+			class: `${q.info} ${J.info} hover:bg-info/10 active:bg-info/5 focus:bg-info/15`
+		},
+		{
+			variant: "link",
+			color: "warning",
+			class: `${q.warning} ${J.warning} hover:bg-warning/10 active:bg-warning/5 focus:bg-warning/15`
+		},
+		{
+			variant: "link",
+			color: "error",
+			class: `${q.error} ${J.error} hover:bg-error/10 active:bg-error/5 focus:bg-error/15`
+		},
+		{
+			variant: "link",
+			color: "default",
+			class: `${q.default} ${J.default} hover:bg-foreground/10 active:bg-muted focus:bg-foreground/15`
+		}
+	]
+}), le = {
+	xs: "min-h-6",
+	sm: "min-h-8",
+	default: "min-h-9",
+	lg: "min-h-10"
+};
+function ue(e, t) {
+	return !e || t?.startsWith("icon") ? !1 : `h-auto ${t ? le[t] : ""} whitespace-normal **:whitespace-normal text-center`;
+}
+//#endregion
+//#region lib/components/ui/actions/button/has-text-content.ts
+function X(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(X);
+	if (!m(e) || e.type === n) return !1;
+	if (e.type === i) return String(e.children ?? "").trim() !== "";
+	if (de(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 X(t);
+	let r = t?.default;
+	return typeof r == "function" && X(r());
+}
+function de(e) {
+	return e === "" || !!e && e !== "false";
+}
+//#endregion
+//#region lib/components/ui/actions/button/label-text.ts
+function Z(e) {
+	let t = [], n = [], a = () => {
+		let e = n.join("");
+		n.length > 0 && e.trim() !== "" ? t.push(p("span", { "data-slot": "button-label" }, e)) : n.length > 0 && t.push(p(i, e)), n = [];
+	};
+	for (let o of e) {
+		if (o.type === i) {
+			n.push(String(o.children ?? ""));
+			continue;
+		}
+		a(), o.type === r && Array.isArray(o.children) ? t.push(p(r, { key: o.key ?? void 0 }, Z(o.children))) : t.push(o);
+	}
+	return a(), t;
+}
+var fe = (e, { slots: t }) => Z(t.default?.() ?? []), Q = (e) => e.flatMap((e) => e.type === r && Array.isArray(e.children) ? Q(e.children) : [e]), $ = (e, { attrs: t, slots: r }) => {
+	let i = Q(r.default?.() ?? []), a = i.find((e) => e.type !== n);
+	if (!a) return i;
+	let o = h(t, a.props ?? {});
+	if (e.leading) for (let e of ["aria-busy", "aria-disabled"]) e in t && (o[e] = t[e]);
+	let s;
+	if (typeof a.type == "string") {
+		let t = Array.isArray(a.children) ? a.children : a.children == null ? [] : [l(String(a.children))];
+		s = p(a.type, o, e.leading ? [e.leading, ...t] : a.children);
+	} else {
+		let t = a.children ?? {}, n = e.leading;
+		s = p(a.type, o, n ? {
+			...t,
+			default: (...e) => [n, ...t.default?.(...e) ?? []]
+		} : t);
+	}
+	return s.ref = a.ref, s.dirs = a.dirs, s;
+};
+$.props = ["leading"], $.inheritAttrs = !1;
+//#endregion
+//#region lib/components/ui/actions/button/use-click-lock.ts
+var pe = 1e3;
+function me(e, t) {
+	let n = x(!1), r = !1, i;
+	function a() {
+		n.value = !1, r = !1, clearTimeout(i);
+	}
+	function o() {
+		e() && (n.value = !0, clearTimeout(i), i = setTimeout(() => {
+			r || a();
+		}, pe));
+	}
+	return T(t, (e) => {
+		n.value && (e ? r = !0 : r && a());
+	}), v(() => clearTimeout(i)), {
+		locked: n,
+		lock: o
+	};
+}
+//#endregion
+//#region lib/components/ui/actions/button/Button.vue
+var he = /* @__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 },
+		lockOnClick: { type: Boolean },
+		spinnerVariant: { default: "2" },
+		wrap: { type: Boolean },
+		disabled: { type: Boolean },
+		tooltip: {}
+	},
+	setup(t) {
+		let n = t, i = te(), c = ne(), l = ee(K, void 0);
+		b(K, a(() => !!l?.value || !!(i["aria-label"] || i["aria-labelledby"]) || X(c.default?.())));
+		let d = me(() => n.lockOnClick, () => !!n.loading), f = a(() => !!(n.loading || d.locked.value)), m = (e) => f.value || i[e];
+		function g(e) {
+			if (f.value) {
+				e.preventDefault(), e.stopImmediatePropagation();
+				return;
+			}
+			d.lock();
+		}
+		let _ = () => p(R, {
+			variant: n.spinnerVariant,
+			color: n.variant === "filled" ? "light" : n.color,
+			class: e("starting:scale-0 duration-500", n.spinnerVariant === "4" ? "size-7.5" : "size-4.5")
+		}), v = () => f.value ? _() : null, x = (e, { slots: t }) => e.text ? p(W, () => p(z, () => [p(G, { asChild: !0 }, t.default), p(U, () => e.text)])) : t.default?.()[0];
+		x.props = ["text"];
+		let C = a(() => n.as !== "button" || n.asChild ? i.type : i.type ?? "button"), T = a(() => !!n.size?.startsWith("icon")), O = a(() => e("justify-center duration-500", !T.value && "w-fit max-w-full truncate line-clamp-1 text-ellipsis", Y({
+			variant: n.variant,
+			color: n.color,
+			size: n.size
+		}), ue(n.wrap, n.size), n.class));
+		return (e, n) => (y(), o(x, { text: t.tooltip }, {
+			default: E(() => [u(w(D), h(e.$attrs, {
+				onClickCapture: g,
+				"data-slot": e.$attrs["data-slot"] ?? "button",
+				"data-variant": t.variant,
+				"data-color": t.color,
+				"data-size": t.size,
+				as: t.as,
+				"as-child": t.asChild,
+				type: C.value,
+				disabled: t.disabled,
+				"aria-disabled": m("aria-disabled"),
+				"aria-busy": m("aria-busy"),
+				class: O.value
+			}), {
+				default: E(() => [t.asChild ? (y(), o(w($), {
+					key: 0,
+					leading: f.value ? _() : null
+				}, {
+					default: E(() => [S(e.$slots, "default")]),
+					_: 3
+				}, 8, ["leading"])) : (y(), s(r, { key: 1 }, [u(v), u(w(fe), null, {
+					default: E(() => [S(e.$slots, "default")]),
+					_: 3
+				})], 64))]),
+				_: 3
+			}, 16, [
+				"data-slot",
+				"data-variant",
+				"data-color",
+				"data-size",
+				"as",
+				"as-child",
+				"type",
+				"disabled",
+				"aria-disabled",
+				"aria-busy",
+				"class"
+			])]),
+			_: 3
+		}, 8, ["text"]));
+	}
+});
+//#endregion
+export { ce as a, G as c, H as d, z as f, J as i, W as l, L as m, X as n, q as o, R as p, Y as r, K as s, he as t, U as u };