@nxgt/material-vue 0.1.0

package/dist/icon-button-Do3YaRdv.js

@@ -0,0 +1,827 @@
+import { t as e } from "./utils-Cy-ByIEo.js";
+import { computed as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createTextVNode as o, createVNode as s, defineComponent as c, guardReactiveProps as l, mergeProps as u, normalizeClass as d, normalizeProps as f, openBlock as p, renderSlot as m, toDisplayString as h, unref as g, useAttrs as _, withCtx as v } from "vue";
+import { Primitive as y, TooltipArrow as b, TooltipContent as x, TooltipPortal as S, TooltipProvider as C, TooltipRoot as w, TooltipTrigger as T, useForwardPropsEmits as E } from "reka-ui";
+import { reactiveOmit as D } from "@vueuse/core";
+import { cva as O } from "class-variance-authority";
+//#region lib/components/ui/icon/icon.vue?vue&type=script&setup=true&lang.ts
+var k = ["aria-label"], A = ["href", "xlink:href"], j = /* @__PURE__ */ c({
+	__name: "icon",
+	props: {
+		name: {},
+		family: { default: "classic" },
+		type: { default: "duotone" },
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		"aria-label": {}
+	},
+	setup(n) {
+		let r = n, o = t(() => r.family === "classic" ? r.type : `${r.family}-${r.type}`), s = t(() => `/assets/icons/sprites/${o.value}.svg#${r.name}`), c = t(() => r["aria-label"] ?? `Icon ${r.name}`);
+		return (t, n) => (p(), i("svg", {
+			"data-slot": "icon",
+			role: "img",
+			"aria-label": c.value,
+			class: d(g(e)("size-4", r.class))
+		}, [a("use", {
+			href: s.value,
+			"xlink:href": s.value
+		}, null, 8, A)], 10, k));
+	}
+}), M = O("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: "default",
+			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"
+		}
+	]
+}), N = ["data-variant", "data-color"], P = ["data-variant", "data-color"], F = /* @__PURE__ */ c({
+	__name: "spinner",
+	props: {
+		variant: { default: "1" },
+		color: { default: "primary" },
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(t) {
+		let n = t;
+		return (r, o) => t.variant === "4" ? (p(), i("svg", {
+			key: 0,
+			viewBox: "0 0 800 800",
+			"data-slot": "spinner",
+			"data-variant": t.variant,
+			"data-color": t.color,
+			xmlns: "http://www.w3.org/2000/svg",
+			role: "img",
+			"aria-label": "Loading...",
+			class: d(g(e)("size-14", n.class))
+		}, [a("circle", {
+			class: d(["spin2", g(M)({
+				variant: t.variant,
+				color: t.color
+			})]),
+			cx: "400",
+			cy: "400",
+			fill: "none",
+			r: "200",
+			"stroke-width": "50",
+			"stroke-dasharray": "700 1400",
+			"stroke-linecap": "round"
+		}, null, 2)], 10, N)) : (p(), i("div", {
+			key: 1,
+			"data-slot": "spinner",
+			"data-variant": t.variant,
+			"data-color": t.color,
+			class: d(g(e)("size-12 border-[2px] rounded-full animate-spin", g(M)({
+				variant: t.variant,
+				color: t.color
+			}), n.class))
+		}, null, 10, P));
+	}
+}), I = /* @__PURE__ */ c({
+	__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 r = E(e, t);
+		return (e, t) => (p(), n(g(w), u({ "data-slot": "tooltip" }, g(r)), {
+			default: v((t) => [m(e.$slots, "default", f(l(t)))]),
+			_: 3
+		}, 16));
+	}
+}), L = /* @__PURE__ */ c({
+	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
+		] }
+	},
+	emits: ["escapeKeyDown", "pointerDownOutside"],
+	setup(t, { emit: r }) {
+		let i = t, a = r, o = E(D(i, "class"), a);
+		return (t, r) => (p(), n(g(S), null, {
+			default: v(() => [s(g(x), u({ "data-slot": "tooltip-content" }, {
+				...g(o),
+				...t.$attrs
+			}, { class: g(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: v(() => [m(t.$slots, "default"), s(g(b), { class: "bg-foreground fill-foreground z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-xs" })]),
+				_: 3
+			}, 16, ["class"])]),
+			_: 3
+		}));
+	}
+}), R = /* @__PURE__ */ c({
+	__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, r) => (p(), n(g(C), f(l(t)), {
+			default: v(() => [m(e.$slots, "default")]),
+			_: 3
+		}, 16));
+	}
+}), z = /* @__PURE__ */ c({
+	__name: "TooltipTrigger",
+	props: {
+		reference: {},
+		asChild: { type: Boolean },
+		as: {}
+	},
+	setup(e) {
+		let t = e;
+		return (e, r) => (p(), n(g(T), u({ "data-slot": "tooltip-trigger" }, t), {
+			default: v(() => [m(e.$slots, "default")]),
+			_: 3
+		}, 16));
+	}
+}), B = O("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",
+			"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"
+		}
+	},
+	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"
+		}
+	]
+}), V = /* @__PURE__ */ c({
+	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(i) {
+		let a = i, c = _(), l = t(() => !!(a.disabled || a.loading)), f = t(() => a.as !== "button" || a.asChild ? c.type : c.type ?? "button"), b = t(() => e("w-max truncate justify-center line-clamp-1 text-ellipsis duration-500", B({
+			variant: a.variant,
+			color: a.color,
+			size: a.size
+		}), a.class));
+		return (t, a) => i.tooltip ? (p(), n(g(R), { key: 0 }, {
+			default: v(() => [s(g(I), null, {
+				default: v(() => [s(g(z), { "as-child": "" }, {
+					default: v(() => [s(g(y), u(t.$attrs, {
+						"data-slot": t.$attrs["data-slot"] ?? "button",
+						"data-variant": i.variant,
+						"data-color": i.color,
+						"data-size": i.size,
+						as: i.as,
+						"as-child": i.asChild,
+						type: f.value,
+						disabled: l.value,
+						"aria-busy": i.loading || void 0,
+						class: b.value
+					}), {
+						default: v(() => [i.loading ? (p(), n(F, {
+							key: 0,
+							variant: i.spinnerVariant,
+							color: i.variant === "filled" ? "light" : i.color,
+							class: d(g(e)("starting:scale-0 duration-500", i.spinnerVariant === "4" ? "size-7.5" : "size-4.5"))
+						}, null, 8, [
+							"variant",
+							"color",
+							"class"
+						])) : r("", !0), m(t.$slots, "default")]),
+						_: 3
+					}, 16, [
+						"data-slot",
+						"data-variant",
+						"data-color",
+						"data-size",
+						"as",
+						"as-child",
+						"type",
+						"disabled",
+						"aria-busy",
+						"class"
+					])]),
+					_: 3
+				}), s(g(L), null, {
+					default: v(() => [o(h(i.tooltip), 1)]),
+					_: 1
+				})]),
+				_: 3
+			})]),
+			_: 3
+		})) : (p(), n(g(y), u({ key: 1 }, t.$attrs, {
+			"data-slot": t.$attrs["data-slot"] ?? "button",
+			"data-variant": i.variant,
+			"data-color": i.color,
+			"data-size": i.size,
+			as: i.as,
+			"as-child": i.asChild,
+			type: f.value,
+			disabled: l.value,
+			"aria-busy": i.loading || void 0,
+			class: b.value
+		}), {
+			default: v(() => [i.loading ? (p(), n(F, {
+				key: 0,
+				variant: i.spinnerVariant,
+				color: i.variant === "filled" ? "light" : i.color,
+				class: d(g(e)("starting:scale-0 duration-500", i.spinnerVariant === "4" ? "size-7.5" : "size-4.5"))
+			}, null, 8, [
+				"variant",
+				"color",
+				"class"
+			])) : r("", !0), m(t.$slots, "default")]),
+			_: 3
+		}, 16, [
+			"data-slot",
+			"data-variant",
+			"data-color",
+			"data-size",
+			"as",
+			"as-child",
+			"type",
+			"disabled",
+			"aria-busy",
+			"class"
+		]));
+	}
+}), H = O("inline-flex size-9 center gap-2 cursor-pointer whitespace-nowrap text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:bg-transparent [&_svg]:text-foreground [&_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 has-[[data-slot=icon]]:p-1.5 aspect-square rounded-full", {
+	variants: {
+		variant: {
+			filled: "shadow-xs bg-primary text-primary-foreground [&_svg]:data-[slot=icon]:text-primary-foreground [&_svg]:stroke-primary-foreground hover:bg-primary/90 active:bg-primary/70 focus:bg-primary/80",
+			tonal: "shadow-xs bg-primary/15 [&_svg]:data-[slot=icon]:text-primary [&_svg]:stroke-primary text-primary hover:bg-primary/10 active:bg-primary/5 focus:bg-primary/50",
+			ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
+			outlined: "border shadow-xs text-primary [&_svg]:data-[slot=icon]:text-primary [&_svg]:stroke-primary border-primary/50 focus:bg-primary/20 hover:bg-primary/10 hover:text-primary/90",
+			link: "text-primary [&_svg]:data-[slot=icon]:text-primary [&_svg]:stroke-primary underline-offset-4 hover:underline hover:bg-primary/10 active:bg-primary/5 focus:bg-primary/15 focus:text-accent focus:underline"
+		},
+		color: {
+			primary: null,
+			secondary: null,
+			info: null,
+			warning: null,
+			default: null,
+			error: null,
+			success: null
+		}
+	},
+	defaultVariants: {
+		variant: "filled",
+		color: "primary"
+	},
+	compoundVariants: [
+		{
+			variant: "filled",
+			color: "primary",
+			class: "bg-primary text-primary-foreground [&_svg]:data-[slot=icon]:text-primary-foreground [&_svg]:stroke-primary-foreground hover:bg-primary/90 active:bg-primary/70 focus:bg-primary/80"
+		},
+		{
+			variant: "filled",
+			color: "secondary",
+			class: "bg-secondary text-secondary-foreground [&_svg]:data-[slot=icon]:text-secondary-foreground [&_svg]:stroke-secondary-foreground hover:bg-secondary/90 active:bg-secondary/70 focus:bg-secondary/80"
+		},
+		{
+			variant: "filled",
+			color: "success",
+			class: "bg-success text-success-foreground [&_svg]:data-[slot=icon]:text-success-foreground [&_svg]:stroke-success-foreground hover:bg-success/90 active:bg-success/70 focus:bg-success/80"
+		},
+		{
+			variant: "filled",
+			color: "info",
+			class: "bg-info text-info-foreground [&_svg]:data-[slot=icon]:text-info-foreground [&_svg]:stroke-info-foreground hover:bg-info/90 active:bg-info/70 focus:bg-info/80"
+		},
+		{
+			variant: "filled",
+			color: "warning",
+			class: "bg-warning text-warning-foreground [&_svg]:data-[slot=icon]:text-warning-foreground [&_svg]:stroke-warning-foreground hover:bg-warning/90 active:bg-warning/70 focus:bg-warning/80"
+		},
+		{
+			variant: "filled",
+			color: "error",
+			class: "bg-error text-error-foreground [&_svg]:data-[slot=icon]:text-error-foreground [&_svg]:stroke-error-foreground hover:bg-error/90 active:bg-error/70 focus:bg-error/80"
+		},
+		{
+			variant: "filled",
+			color: "default",
+			class: "bg-foreground text-background [&_svg]:data-[slot=icon]:text-foreground [&_svg]:stroke-foreground hover:bg-foreground/90 active:bg-foreground/70 focus:bg-foreground/80"
+		},
+		{
+			variant: "tonal",
+			color: "primary",
+			class: "bg-primary/15 [&_svg]:data-[slot=icon]:text-primary [&_svg]:stroke-primary text-primary hover:bg-primary/10 active:bg-primary/5 focus:bg-primary/50"
+		},
+		{
+			variant: "tonal",
+			color: "secondary",
+			class: "bg-secondary/15 [&_svg]:data-[slot=icon]:text-secondary [&_svg]:stroke-secondary text-secondary hover:bg-secondary/10 active:bg-secondary/5 focus:bg-secondary/50"
+		},
+		{
+			variant: "tonal",
+			color: "success",
+			class: "bg-success/15 [&_svg]:data-[slot=icon]:text-success [&_svg]:stroke-success text-success hover:bg-success/10 active:bg-success/5 focus:bg-success/50"
+		},
+		{
+			variant: "tonal",
+			color: "info",
+			class: "bg-info/15 [&_svg]:data-[slot=icon]:text-info [&_svg]:stroke-info text-info hover:bg-info/10 active:bg-info/5 focus:bg-info/50"
+		},
+		{
+			variant: "tonal",
+			color: "warning",
+			class: "bg-warning/15 [&_svg]:data-[slot=icon]:text-warning [&_svg]:stroke-warning text-warning hover:bg-warning/10 active:bg-warning/5 focus:bg-warning/50"
+		},
+		{
+			variant: "tonal",
+			color: "error",
+			class: "bg-error/15 [&_svg]:data-[slot=icon]:text-error [&_svg]:stroke-error text-error hover:bg-error/10 active:bg-error/5 focus:bg-error/50"
+		},
+		{
+			variant: "tonal",
+			color: "default",
+			class: "bg-foreground/15 [&_svg]:data-[slot=icon]:text-foreground [&_svg]:stroke-foreground text-foreground hover:bg-foreground/10 active:bg-muted focus:bg-muted0"
+		},
+		{
+			variant: "outlined",
+			color: "primary",
+			class: "text-primary [&_svg]:data-[slot=icon]:text-primary [&_svg]:stroke-primary border-primary/50 focus:bg-primary/20 hover:bg-primary/10 hover:text-primary/90"
+		},
+		{
+			variant: "outlined",
+			color: "secondary",
+			class: "text-secondary [&_svg]:data-[slot=icon]:text-secondary [&_svg]:stroke-secondary border-secondary/50 focus:bg-secondary/20 hover:bg-secondary/10 hover:text-secondary/90"
+		},
+		{
+			variant: "outlined",
+			color: "success",
+			class: "text-success [&_svg]:data-[slot=icon]:text-success [&_svg]:stroke-success border-success/50 focus:bg-success/20 hover:bg-success/10 hover:text-success/90"
+		},
+		{
+			variant: "outlined",
+			color: "info",
+			class: "text-info [&_svg]:data-[slot=icon]:text-info [&_svg]:stroke-info border-info/50 focus:bg-info/20 hover:bg-info/10 hover:text-info/90"
+		},
+		{
+			variant: "outlined",
+			color: "warning",
+			class: "text-warning [&_svg]:data-[slot=icon]:text-warning [&_svg]:stroke-warning border-warning/50 focus:bg-warning/20 hover:bg-warning/10 hover:text-warning/90"
+		},
+		{
+			variant: "outlined",
+			color: "error",
+			class: "text-error [&_svg]:data-[slot=icon]:text-error [&_svg]:stroke-error border-error/50 focus:bg-error/20 hover:bg-error/10 hover:text-error/90"
+		},
+		{
+			variant: "outlined",
+			color: "default",
+			class: "text-foreground [&_svg]:data-[slot=icon]:text-foreground [&_svg]:stroke-foreground border-foreground/50 focus:bg-foreground/20 hover:bg-foreground/10 hover:text-foreground/90"
+		}
+	]
+}), U = /* @__PURE__ */ c({
+	__name: "icon-button",
+	props: {
+		asChild: { type: Boolean },
+		as: { default: "button" },
+		variant: { default: "filled" },
+		color: { default: "primary" },
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		name: {},
+		tooltip: {},
+		disabled: { type: Boolean },
+		"aria-label": {}
+	},
+	setup(i) {
+		let a = i, o = t(() => a["aria-label"] ?? (typeof a.tooltip == "string" ? a.tooltip : void 0));
+		return (t, s) => (p(), n(V, {
+			"data-slot": "icon-button",
+			variant: i.variant,
+			color: i.color,
+			as: i.as,
+			"as-child": i.asChild,
+			disabled: i.disabled,
+			tooltip: i.tooltip,
+			"aria-label": o.value,
+			class: d(g(e)(g(H)({
+				variant: i.variant,
+				color: i.color
+			}), a.class))
+		}, {
+			default: v(() => [i.name ? (p(), n(j, {
+				key: 0,
+				name: i.name
+			}, null, 8, ["name"])) : r("", !0), m(t.$slots, "default")]),
+			_: 3
+		}, 8, [
+			"variant",
+			"color",
+			"as",
+			"as-child",
+			"disabled",
+			"tooltip",
+			"aria-label",
+			"class"
+		]));
+	}
+});
+//#endregion
+export { z as a, I as c, j as d, B as i, F as l, H as n, R as o, V as r, L as s, U as t, M as u };