@orvui/vue 0.0.0-stage → 0.1.0

package/dist/button-CDD333Yn.js

@@ -0,0 +1,536 @@
+import { s as e, t } from "./composables-BJ1sih_H.js";
+import { l as n, n as r, r as i, u as a } from "./ease-rIvCM4O3.js";
+import { t as o } from "./utils-DIrLOK2M.js";
+import { t as s } from "./RenderContent-CwtJ7hLl.js";
+import { t as c } from "./Magnetic-DM3g9bY1.js";
+import { Fragment as l, Text as u, computed as d, createBlock as f, createCommentVNode as p, createElementBlock as m, createElementVNode as h, createTextVNode as g, createVNode as _, defineComponent as v, isVNode as y, mergeProps as b, normalizeClass as x, normalizeStyle as S, onBeforeUnmount as C, onMounted as w, onUpdated as T, openBlock as E, ref as D, renderList as O, renderSlot as k, resolveDynamicComponent as A, toDisplayString as j, unref as M, useSlots as N, withCtx as P } from "vue";
+import { AnimatePresence as F, motion as I } from "motion-v";
+import { Check as L, Loader2 as R, X as z } from "lucide-vue-next";
+// src/motion/button/src/Button.vue?vue&type=script&setup=true&lang.ts
+var B = {
+	key: 0,
+	class: "pointer-events-none absolute inset-0 overflow-hidden rounded-[inherit]"
+}, V = /* @__PURE__ */ v({
+	__name: "Button",
+	props: {
+		variant: { default: "primary" },
+		size: { default: "md" },
+		pressScale: { default: .93 },
+		ripple: { type: Boolean },
+		disabled: { type: Boolean },
+		type: { default: "button" }
+	},
+	setup(t) {
+		let r = t, a = e(), s = D([]), c = 0, u = d(() => ({
+			primary: "bg-primary text-primary-foreground hover:bg-primary/90",
+			secondary: "border border-border bg-card text-foreground",
+			ghost: "text-muted-foreground hover:text-foreground hover:bg-muted/60",
+			outline: "border border-border bg-transparent text-foreground hover:bg-muted/60"
+		})[r.variant]), h = d(() => ({
+			sm: "h-8 px-3 text-xs gap-1.5 rounded-full",
+			md: "h-10 px-5 text-sm gap-2 rounded-full",
+			lg: "h-12 px-6 text-base gap-2 rounded-full",
+			icon: "h-8 w-8 rounded-lg"
+		})[r.size]);
+		function g(e) {
+			if (!r.ripple || r.disabled || a.value) return;
+			let t = e.currentTarget.getBoundingClientRect();
+			s.value = [...s.value, {
+				key: c++,
+				left: e.clientX - t.left,
+				top: e.clientY - t.top,
+				diameter: 2 * Math.max(t.width, t.height)
+			}];
+		}
+		function _(e) {
+			s.value = s.value.filter((t) => t.key !== e);
+		}
+		return C(() => {
+			s.value = [];
+		}), (e, r) => (E(), f(M(I).button, {
+			type: t.type,
+			disabled: t.disabled,
+			transition: M(n),
+			onPointerdown: g,
+			"while-press": M(a) || t.disabled ? void 0 : { scale: t.pressScale },
+			"while-hover": M(a) || t.disabled ? void 0 : { scale: 1.02 },
+			class: x(M(o)("relative inline-flex items-center justify-center font-medium select-none transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50", t.ripple && "overflow-hidden", u.value, h.value, e.$attrs.class))
+		}, {
+			default: P(() => [t.ripple ? (E(), m("span", B, [(E(!0), m(l, null, O(s.value, (e) => (E(), f(M(I).span, {
+				key: e.key,
+				class: "absolute rounded-full bg-current",
+				style: S({
+					left: `${e.left}px`,
+					top: `${e.top}px`,
+					width: `${e.diameter}px`,
+					height: `${e.diameter}px`,
+					x: "-50%",
+					y: "-50%"
+				}),
+				initial: {
+					scale: .05,
+					opacity: .3
+				},
+				animate: {
+					scale: 1,
+					opacity: 0
+				},
+				transition: {
+					duration: 1.6,
+					ease: M(i)
+				},
+				onAnimationComplete: (t) => _(e.key)
+			}, null, 8, [
+				"style",
+				"transition",
+				"onAnimationComplete"
+			]))), 128))])) : p("", !0), k(e.$slots, "default")]),
+			_: 3
+		}, 8, [
+			"type",
+			"disabled",
+			"transition",
+			"while-press",
+			"while-hover",
+			"class"
+		]));
+	}
+}), H = /* @__PURE__ */ v({
+	__name: "ButtonLink",
+	props: {
+		href: {},
+		variant: { default: "primary" },
+		size: { default: "md" },
+		pressScale: { default: .93 }
+	},
+	setup(t) {
+		let r = t, i = e(), a = d(() => ({
+			primary: "bg-primary text-primary-foreground hover:bg-primary/90",
+			secondary: "border border-border bg-card text-foreground hover:border-border",
+			ghost: "text-muted-foreground hover:text-foreground hover:bg-muted/60",
+			outline: "border border-border bg-transparent text-foreground hover:bg-muted/60"
+		})[r.variant]), s = d(() => ({
+			sm: "h-8 px-3 text-xs gap-1.5 rounded-full",
+			md: "h-10 px-5 text-sm gap-2 rounded-full",
+			lg: "h-12 px-6 text-base gap-2 rounded-full",
+			icon: "h-8 w-8 rounded-lg"
+		})[r.size]);
+		return (e, r) => (E(), f(M(I).a, {
+			href: t.href,
+			"while-press": M(i) ? void 0 : { scale: t.pressScale },
+			"while-hover": M(i) ? void 0 : { scale: 1.02 },
+			transition: M(n),
+			class: x(M(o)("inline-flex items-center justify-center font-medium select-none transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2", a.value, s.value, e.$attrs.class))
+		}, {
+			default: P(() => [k(e.$slots, "default")]),
+			_: 3
+		}, 8, [
+			"href",
+			"while-press",
+			"while-hover",
+			"transition",
+			"class"
+		]));
+	}
+}), U = /* @__PURE__ */ v({
+	inheritAttrs: !1,
+	__name: "MagneticButton",
+	props: {
+		strength: { default: .25 },
+		disabled: { type: Boolean },
+		magneticClassName: {}
+	},
+	setup(e, { expose: n }) {
+		let r = D();
+		function i() {
+			t(r.value)?.focus();
+		}
+		return n({ focus: i }), (t, n) => (E(), f(c, {
+			strength: e.strength,
+			class: x(e.magneticClassName)
+		}, {
+			default: P(() => [_(V, b({
+				ref_key: "button",
+				ref: r
+			}, t.$attrs, { disabled: e.disabled }), {
+				default: P(() => [k(t.$slots, "default")]),
+				_: 3
+			}, 16, ["disabled"])]),
+			_: 3
+		}, 8, ["strength", "class"]));
+	}
+}), W = { class: "relative z-10 inline-flex items-center justify-center gap-2" }, G = /* @__PURE__ */ v({
+	__name: "MetallicButton",
+	props: {
+		size: { default: "md" },
+		paused: {
+			type: Boolean,
+			default: !1
+		},
+		disabled: { type: Boolean }
+	},
+	setup(t) {
+		let n = t, i = e(), a = D(!1), s = d(() => !n.paused && !i.value);
+		return (e, n) => (E(), f(V, {
+			variant: "ghost",
+			size: t.size,
+			disabled: t.disabled,
+			onHoverStart: n[0] ||= (e) => a.value = !0,
+			onHoverEnd: n[1] ||= (e) => a.value = !1,
+			class: x(M(o)("group relative isolate overflow-hidden border-0 bg-transparent text-foreground hover:bg-transparent hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 shadow-[0_8px_22px_rgba(0,0,0,0.16)]", t.size === "icon" && "rounded-full", e.$attrs.class))
+		}, {
+			default: P(() => [
+				_(M(I).span, {
+					"aria-hidden": "true",
+					class: "pointer-events-none absolute inset-y-0 left-[-18%] z-0 w-[136%] rounded-[inherit] bg-[linear-gradient(105deg,#111_0%,#737373_14%,#fafafa_26%,#525252_38%,#0a0a0a_50%,#a3a3a3_64%,#fff_75%,#404040_87%,#111_100%)]",
+					animate: s.value ? { x: [
+						"0%",
+						"13%",
+						"0%"
+					] } : void 0,
+					transition: s.value ? {
+						duration: 8,
+						ease: M(r),
+						repeat: Infinity
+					} : void 0
+				}, null, 8, ["animate", "transition"]),
+				_(M(I).span, {
+					"aria-hidden": "true",
+					class: "pointer-events-none absolute inset-y-0 left-[-58%] z-[1] w-[52%] -skew-x-12 bg-[linear-gradient(90deg,transparent,rgba(255,255,255,0.5)_48%,transparent)] opacity-50 blur-[3px] mix-blend-screen",
+					animate: s.value ? { x: a.value ? "310%" : "0%" } : void 0,
+					transition: s.value ? {
+						duration: 2.4,
+						ease: M(r)
+					} : void 0
+				}, null, 8, ["animate", "transition"]),
+				n[2] ||= h("span", {
+					"aria-hidden": "true",
+					class: "pointer-events-none absolute inset-[2px] z-[2] rounded-[inherit] bg-background transition-colors group-hover:bg-muted/40"
+				}, null, -1),
+				n[3] ||= h("span", {
+					"aria-hidden": "true",
+					class: "pointer-events-none absolute inset-[2px] z-[3] rounded-[inherit] shadow-[inset_0_1px_0_rgba(255,255,255,0.28),inset_0_-1px_0_rgba(0,0,0,0.16)]"
+				}, null, -1),
+				h("span", W, [k(e.$slots, "default")])
+			]),
+			_: 3
+		}, 8, [
+			"size",
+			"disabled",
+			"class"
+		]));
+	}
+}), K = { class: "sr-only" }, q = /* @__PURE__ */ v({
+	__name: "StatefulText",
+	props: {
+		value: {},
+		nodes: { type: [
+			Object,
+			String,
+			Number,
+			Boolean,
+			null,
+			Array
+		] }
+	},
+	setup(t) {
+		let n = t, r = e(), o = D(), c = D();
+		function p(e) {
+			return typeof e == "string" ? e : Array.isArray(e) ? e.length === 1 ? p(e[0]) : null : y(e) && e.type === u && typeof e.children == "string" ? e.children : null;
+		}
+		let v = d(() => p(n.nodes)), b = d(() => v.value !== null && !r.value), x = d(() => v.value === null ? n.value : `${n.value}-${v.value}`);
+		function S(e) {
+			return typeof e == "number" ? e : 0;
+		}
+		let k = {
+			initial: {
+				opacity: 0,
+				y: "105%",
+				filter: "blur(6px)"
+			},
+			animate: (e) => ({
+				opacity: 1,
+				y: "0%",
+				filter: "blur(0px)",
+				transition: {
+					...a,
+					delay: S(e)
+				}
+			}),
+			exit: (e) => ({
+				opacity: 0,
+				y: "-105%",
+				filter: "blur(6px)",
+				transition: {
+					duration: .16,
+					ease: i,
+					delay: S(e) / 2
+				}
+			})
+		};
+		function A() {
+			let e = o.value?.offsetWidth;
+			e && e !== c.value && (c.value = e);
+		}
+		let N;
+		return w(() => {
+			A(), o.value && typeof ResizeObserver < "u" && (N = new ResizeObserver(A), N.observe(o.value));
+		}), T(A), C(() => N?.disconnect()), (e, n) => (E(), f(M(I).span, {
+			initial: !1,
+			animate: { width: c.value === void 0 ? void 0 : `${c.value}px` },
+			transition: M(r) ? { duration: 0 } : M(a),
+			class: "relative inline-block overflow-hidden whitespace-nowrap align-bottom"
+		}, {
+			default: P(() => [h("span", {
+				ref_key: "measureElement",
+				ref: o,
+				"aria-hidden": "true",
+				class: "invisible inline-block whitespace-nowrap"
+			}, [b.value ? (E(!0), m(l, { key: 0 }, O(v.value.split(""), (e, t) => (E(), m("span", {
+				key: t,
+				class: "inline-block whitespace-pre"
+			}, j(e), 1))), 128)) : (E(), f(M(s), {
+				key: 1,
+				node: t.nodes
+			}, null, 8, ["node"]))], 512), b.value ? (E(), m(l, { key: 0 }, [h("span", K, j(v.value), 1), _(M(F), {
+				initial: !1,
+				as: "span",
+				class: "contents"
+			}, {
+				default: P(() => [(E(), f(M(I).span, {
+					key: `cascade-${x.value}`,
+					"aria-hidden": "true",
+					initial: "initial",
+					animate: "animate",
+					exit: "exit",
+					class: "absolute left-0 top-0 inline-block whitespace-pre"
+				}, {
+					default: P(() => [(E(!0), m(l, null, O(v.value.split(""), (e, t) => (E(), f(M(I).span, {
+						key: t,
+						custom: t * .025,
+						variants: k,
+						initial: "initial",
+						animate: "animate",
+						exit: "exit",
+						class: "inline-block whitespace-pre will-change-[opacity,filter,transform]"
+					}, {
+						default: P(() => [g(j(e), 1)]),
+						_: 2
+					}, 1032, ["custom"]))), 128))]),
+					_: 1
+				}))]),
+				_: 1
+			})], 64)) : (E(), f(M(F), {
+				key: 1,
+				initial: !1,
+				as: "span",
+				class: "contents"
+			}, {
+				default: P(() => [(E(), f(M(I).span, {
+					key: `text-${x.value}`,
+					initial: M(r) ? { opacity: 0 } : {
+						opacity: 0,
+						y: 14,
+						filter: "blur(6px)"
+					},
+					animate: M(r) ? { opacity: 1 } : {
+						opacity: 1,
+						y: 0,
+						filter: "blur(0px)"
+					},
+					exit: M(r) ? { opacity: 0 } : {
+						opacity: 0,
+						y: -14,
+						filter: "blur(6px)"
+					},
+					transition: M(r) ? { duration: .15 } : M(a),
+					class: "absolute left-0 top-0 inline-block will-change-[opacity,filter,transform]"
+				}, {
+					default: P(() => [_(M(s), { node: t.nodes }, null, 8, ["node"])]),
+					_: 1
+				}, 8, [
+					"initial",
+					"animate",
+					"exit",
+					"transition"
+				]))]),
+				_: 1
+			}))]),
+			_: 1
+		}, 8, ["animate", "transition"]));
+	}
+}), J = {
+	"aria-live": "polite",
+	class: "relative inline-flex items-center justify-center overflow-hidden"
+}, Y = /* @__PURE__ */ v({
+	inheritAttrs: !1,
+	__name: "StatefulButton",
+	props: {
+		state: { default: "idle" },
+		loadingText: {
+			type: [
+				Object,
+				String,
+				Number,
+				Boolean,
+				null,
+				Array
+			],
+			default: "Loading"
+		},
+		successText: {
+			type: [
+				Object,
+				String,
+				Number,
+				Boolean,
+				null,
+				Array
+			],
+			default: "Done"
+		},
+		errorText: {
+			type: [
+				Object,
+				String,
+				Number,
+				Boolean,
+				null,
+				Array
+			],
+			default: "Try again"
+		},
+		icon: { type: [
+			Object,
+			String,
+			Number,
+			Boolean,
+			null,
+			Array
+		] },
+		variant: {},
+		size: {},
+		pressScale: {},
+		ripple: { type: Boolean },
+		disabled: { type: Boolean },
+		type: {}
+	},
+	setup(t) {
+		let n = t, r = N(), o = e(), c = d(() => ({
+			loading: R,
+			success: L,
+			error: z
+		})[n.state === "idle" ? "loading" : n.state]);
+		function l() {
+			if (n.state === "idle") return r.default?.();
+			let e = {
+				loading: n.loadingText,
+				success: n.successText,
+				error: n.errorText
+			};
+			return r[n.state]?.() ?? e[n.state];
+		}
+		let u = {
+			initial: {
+				opacity: 0,
+				width: 0,
+				scale: .7,
+				filter: "blur(6px)"
+			},
+			animate: {
+				opacity: 1,
+				width: "1.5rem",
+				scale: 1,
+				filter: "blur(0px)",
+				transition: a
+			},
+			exit: {
+				opacity: 0,
+				width: 0,
+				scale: .7,
+				filter: "blur(6px)",
+				transition: {
+					duration: .16,
+					ease: i
+				}
+			}
+		};
+		return (e, n) => (E(), f(V, b(e.$attrs, {
+			variant: t.variant,
+			size: t.size,
+			"press-scale": t.pressScale,
+			ripple: t.ripple,
+			type: t.type,
+			disabled: t.disabled || t.state === "loading",
+			"aria-busy": t.state === "loading",
+			"while-hover": void 0
+		}), {
+			default: P(() => [h("span", J, [
+				_(M(F), {
+					initial: !1,
+					as: "span",
+					class: "contents"
+				}, {
+					default: P(() => [t.state === "idle" ? p("", !0) : (E(), f(M(I).span, {
+						key: `${t.state}-icon`,
+						variants: u,
+						initial: M(o) ? { opacity: 0 } : "initial",
+						animate: M(o) ? { opacity: 1 } : "animate",
+						exit: M(o) ? { opacity: 0 } : "exit",
+						transition: M(o) ? { duration: .15 } : void 0,
+						class: "inline-grid shrink-0 place-items-center overflow-hidden"
+					}, {
+						default: P(() => [(E(), f(A(c.value), { class: x(["h-4 w-4", t.state === "loading" && !M(o) && "animate-spin"]) }, null, 8, ["class"]))]),
+						_: 1
+					}, 8, [
+						"initial",
+						"animate",
+						"exit",
+						"transition"
+					]))]),
+					_: 1
+				}),
+				_(q, {
+					value: t.state,
+					nodes: l()
+				}, null, 8, ["value", "nodes"]),
+				_(M(F), {
+					initial: !1,
+					as: "span",
+					class: "contents"
+				}, {
+					default: P(() => [t.state === "idle" && (t.icon || M(r).icon) ? (E(), f(M(I).span, {
+						key: "idle-icon",
+						variants: u,
+						initial: M(o) ? { opacity: 0 } : "initial",
+						animate: M(o) ? { opacity: 1 } : "animate",
+						exit: M(o) ? { opacity: 0 } : "exit",
+						transition: M(o) ? { duration: .15 } : void 0,
+						class: "inline-grid shrink-0 place-items-center overflow-hidden"
+					}, {
+						default: P(() => [k(e.$slots, "icon", {}, () => [_(M(s), { node: t.icon }, null, 8, ["node"])])]),
+						_: 3
+					}, 8, [
+						"initial",
+						"animate",
+						"exit",
+						"transition"
+					])) : p("", !0)]),
+					_: 3
+				})
+			])]),
+			_: 3
+		}, 16, [
+			"variant",
+			"size",
+			"press-scale",
+			"ripple",
+			"type",
+			"disabled",
+			"aria-busy"
+		]));
+	}
+});
+export { V as a, H as i, G as n, U as r, Y as t };
+
+//# sourceMappingURL=button-CDD333Yn.js.map

package/dist/button-CDD333Yn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-CDD333Yn.js","names":["$attrs","_hoisted_1","_openBlock","_createBlock","_unref","_normalizeClass","_withCtx","_createElementBlock","_Fragment","_renderList","_normalizeStyle","_createCommentVNode","_renderSlot","_sfc_main","$attrs","_openBlock","_createBlock","_unref","_normalizeClass","_withCtx","_renderSlot","_sfc_main","$attrs","_openBlock","_createBlock","Magnetic","_normalizeClass","_withCtx","_createVNode","Button","_mergeProps","_renderSlot","_sfc_main","$attrs","_hoisted_1","_openBlock","_createBlock","Button","_normalizeClass","_unref","_withCtx","_createVNode","_createElementVNode","_renderSlot","_sfc_main","_hoisted_1","_openBlock","_createBlock","_unref","_withCtx","_createElementVNode","_createElementBlock","_Fragment","_renderList","_toDisplayString","RenderContent","_createVNode","_createTextVNode","_sfc_main","$attrs","_openBlock","_createBlock","Button","_mergeProps","_withCtx","_createElementVNode","_createVNode","_unref","_resolveDynamicComponent","_normalizeClass","_createCommentVNode","StatefulText","_renderSlot","RenderContent","_sfc_main","useReducedMotion","SPRING_PRESS","EASE_IN_OUT","EASE_OUT","SPRING_SWAP","cn","RenderContent_default","Magnetic_default","_hoisted_1$3","Button_default","defineComponent","props","__props","reduced","waves","ref","sequence","appearance","computed","geometry","startWave","bounds","event","finishWave","wave","key","onBeforeUnmount","openBlock","createBlock","unref","motion","normalizeClass","_ctx","withCtx","createElementBlock","Fragment","renderList","normalizeStyle","createCommentVNode","renderSlot","ButtonLink_default","color","MagneticButton_default","__expose","button","focus","createVNode","mergeProps","_hoisted_1$2","MetallicButton_default","hovered","animated","_cache","createElementVNode","_hoisted_1$1","StatefulText_default","measureElement","width","plainText","node","isVNode","Text","label","cascade","identity","delay","custom","poses","measure","measured","observer","onMounted","onUpdated","index","toDisplayString","character","AnimatePresence","createTextVNode","_hoisted_1","StatefulButton_default","slots","useSlots","statusIcon","Loader2","Check","X","content","overrides","iconPoses","resolveDynamicComponent"],"sources":["../src/motion/button/src/Button.vue","../src/motion/button/src/Button.vue","../src/motion/button/src/ButtonLink.vue","../src/motion/button/src/ButtonLink.vue","../src/motion/button/src/MagneticButton.vue","../src/motion/button/src/MagneticButton.vue","../src/motion/button/src/MetallicButton.vue","../src/motion/button/src/MetallicButton.vue","../src/motion/button/src/StatefulText.vue","../src/motion/button/src/StatefulText.vue","../src/motion/button/src/StatefulButton.vue","../src/motion/button/src/StatefulButton.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, onBeforeUnmount, ref } from \"vue\";\nimport { motion } from \"motion-v\";\nimport { cn } from \"../../../lib/utils\";\nimport { EASE_OUT, SPRING_PRESS } from \"../../../lib/ease\";\nimport { useReducedMotion } from \"../../../lib/composables\";\n\nexport interface ButtonProps {\n  variant?: \"primary\" | \"secondary\" | \"ghost\" | \"outline\";\n  size?: \"sm\" | \"md\" | \"lg\" | \"icon\";\n  pressScale?: number;\n  ripple?: boolean;\n  disabled?: boolean;\n  type?: \"button\" | \"submit\" | \"reset\";\n}\nconst props = withDefaults(defineProps<ButtonProps>(), { variant: \"primary\", size: \"md\", pressScale: 0.93, type: \"button\" });\nconst reduced = useReducedMotion();\nconst waves = ref<{ key: number; left: number; top: number; diameter: number }[]>([]);\nlet sequence = 0;\nconst appearance = computed(() => ({\n  primary: \"bg-primary text-primary-foreground hover:bg-primary/90\",\n  secondary: \"border border-border bg-card text-foreground\",\n  ghost: \"text-muted-foreground hover:text-foreground hover:bg-muted/60\",\n  outline: \"border border-border bg-transparent text-foreground hover:bg-muted/60\",\n})[props.variant]);\nconst geometry = computed(() => ({\n  sm: \"h-8 px-3 text-xs gap-1.5 rounded-full\", md: \"h-10 px-5 text-sm gap-2 rounded-full\",\n  lg: \"h-12 px-6 text-base gap-2 rounded-full\", icon: \"h-8 w-8 rounded-lg\",\n})[props.size]);\nfunction startWave(event: PointerEvent) {\n  if (!props.ripple || props.disabled || reduced.value) return;\n  const bounds = (event.currentTarget as HTMLElement).getBoundingClientRect();\n  waves.value = [...waves.value, {\n    key: sequence++, left: event.clientX - bounds.left, top: event.clientY - bounds.top,\n    diameter: 2 * Math.max(bounds.width, bounds.height),\n  }];\n}\nfunction finishWave(key: number) { waves.value = waves.value.filter(wave => wave.key !== key); }\nonBeforeUnmount(() => { waves.value = []; });\n</script>\n\n<template>\n  <motion.button :type=\"type\" :disabled=\"disabled\" :transition=\"SPRING_PRESS\" @pointerdown=\"startWave\"\n    :while-press=\"reduced || disabled ? undefined : { scale: pressScale }\"\n    :while-hover=\"reduced || disabled ? undefined : { scale: 1.02 }\"\n    :class=\"cn('relative inline-flex items-center justify-center font-medium select-none transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50', ripple && 'overflow-hidden', appearance, geometry, $attrs.class)\">\n    <span v-if=\"ripple\" class=\"pointer-events-none absolute inset-0 overflow-hidden rounded-[inherit]\">\n      <motion.span v-for=\"wave in waves\" :key=\"wave.key\" class=\"absolute rounded-full bg-current\"\n        :style=\"{ left: `${wave.left}px`, top: `${wave.top}px`, width: `${wave.diameter}px`, height: `${wave.diameter}px`, x: '-50%', y: '-50%' }\"\n        :initial=\"{ scale: 0.05, opacity: 0.3 }\" :animate=\"{ scale: 1, opacity: 0 }\"\n        :transition=\"{ duration: 1.6, ease: EASE_OUT }\" @animation-complete=\"finishWave(wave.key)\" />\n    </span>\n    <slot />\n  </motion.button>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, onBeforeUnmount, ref } from \"vue\";\nimport { motion } from \"motion-v\";\nimport { cn } from \"../../../lib/utils\";\nimport { EASE_OUT, SPRING_PRESS } from \"../../../lib/ease\";\nimport { useReducedMotion } from \"../../../lib/composables\";\n\nexport interface ButtonProps {\n  variant?: \"primary\" | \"secondary\" | \"ghost\" | \"outline\";\n  size?: \"sm\" | \"md\" | \"lg\" | \"icon\";\n  pressScale?: number;\n  ripple?: boolean;\n  disabled?: boolean;\n  type?: \"button\" | \"submit\" | \"reset\";\n}\nconst props = withDefaults(defineProps<ButtonProps>(), { variant: \"primary\", size: \"md\", pressScale: 0.93, type: \"button\" });\nconst reduced = useReducedMotion();\nconst waves = ref<{ key: number; left: number; top: number; diameter: number }[]>([]);\nlet sequence = 0;\nconst appearance = computed(() => ({\n  primary: \"bg-primary text-primary-foreground hover:bg-primary/90\",\n  secondary: \"border border-border bg-card text-foreground\",\n  ghost: \"text-muted-foreground hover:text-foreground hover:bg-muted/60\",\n  outline: \"border border-border bg-transparent text-foreground hover:bg-muted/60\",\n})[props.variant]);\nconst geometry = computed(() => ({\n  sm: \"h-8 px-3 text-xs gap-1.5 rounded-full\", md: \"h-10 px-5 text-sm gap-2 rounded-full\",\n  lg: \"h-12 px-6 text-base gap-2 rounded-full\", icon: \"h-8 w-8 rounded-lg\",\n})[props.size]);\nfunction startWave(event: PointerEvent) {\n  if (!props.ripple || props.disabled || reduced.value) return;\n  const bounds = (event.currentTarget as HTMLElement).getBoundingClientRect();\n  waves.value = [...waves.value, {\n    key: sequence++, left: event.clientX - bounds.left, top: event.clientY - bounds.top,\n    diameter: 2 * Math.max(bounds.width, bounds.height),\n  }];\n}\nfunction finishWave(key: number) { waves.value = waves.value.filter(wave => wave.key !== key); }\nonBeforeUnmount(() => { waves.value = []; });\n</script>\n\n<template>\n  <motion.button :type=\"type\" :disabled=\"disabled\" :transition=\"SPRING_PRESS\" @pointerdown=\"startWave\"\n    :while-press=\"reduced || disabled ? undefined : { scale: pressScale }\"\n    :while-hover=\"reduced || disabled ? undefined : { scale: 1.02 }\"\n    :class=\"cn('relative inline-flex items-center justify-center font-medium select-none transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50', ripple && 'overflow-hidden', appearance, geometry, $attrs.class)\">\n    <span v-if=\"ripple\" class=\"pointer-events-none absolute inset-0 overflow-hidden rounded-[inherit]\">\n      <motion.span v-for=\"wave in waves\" :key=\"wave.key\" class=\"absolute rounded-full bg-current\"\n        :style=\"{ left: `${wave.left}px`, top: `${wave.top}px`, width: `${wave.diameter}px`, height: `${wave.diameter}px`, x: '-50%', y: '-50%' }\"\n        :initial=\"{ scale: 0.05, opacity: 0.3 }\" :animate=\"{ scale: 1, opacity: 0 }\"\n        :transition=\"{ duration: 1.6, ease: EASE_OUT }\" @animation-complete=\"finishWave(wave.key)\" />\n    </span>\n    <slot />\n  </motion.button>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { motion } from \"motion-v\";\nimport { cn } from \"../../../lib/utils\";\nimport { SPRING_PRESS } from \"../../../lib/ease\";\nimport { useReducedMotion } from \"../../../lib/composables\";\nconst props = withDefaults(defineProps<{ href?: string; variant?: \"primary\" | \"secondary\" | \"ghost\" | \"outline\"; size?: \"sm\" | \"md\" | \"lg\" | \"icon\"; pressScale?: number }>(), { variant: \"primary\", size: \"md\", pressScale: 0.93 });\nconst reduced = useReducedMotion();\nconst color = computed(() => ({ primary: \"bg-primary text-primary-foreground hover:bg-primary/90\", secondary: \"border border-border bg-card text-foreground hover:border-border\", ghost: \"text-muted-foreground hover:text-foreground hover:bg-muted/60\", outline: \"border border-border bg-transparent text-foreground hover:bg-muted/60\" })[props.variant]);\nconst geometry = computed(() => ({ sm: \"h-8 px-3 text-xs gap-1.5 rounded-full\", md: \"h-10 px-5 text-sm gap-2 rounded-full\", lg: \"h-12 px-6 text-base gap-2 rounded-full\", icon: \"h-8 w-8 rounded-lg\" })[props.size]);\n</script>\n<template>\n  <motion.a :href=\"href\" :while-press=\"reduced ? undefined : { scale: pressScale }\" :while-hover=\"reduced ? undefined : { scale: 1.02 }\"\n    :transition=\"SPRING_PRESS\" :class=\"cn('inline-flex items-center justify-center font-medium select-none transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2', color, geometry, $attrs.class)\"><slot /></motion.a>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { motion } from \"motion-v\";\nimport { cn } from \"../../../lib/utils\";\nimport { SPRING_PRESS } from \"../../../lib/ease\";\nimport { useReducedMotion } from \"../../../lib/composables\";\nconst props = withDefaults(defineProps<{ href?: string; variant?: \"primary\" | \"secondary\" | \"ghost\" | \"outline\"; size?: \"sm\" | \"md\" | \"lg\" | \"icon\"; pressScale?: number }>(), { variant: \"primary\", size: \"md\", pressScale: 0.93 });\nconst reduced = useReducedMotion();\nconst color = computed(() => ({ primary: \"bg-primary text-primary-foreground hover:bg-primary/90\", secondary: \"border border-border bg-card text-foreground hover:border-border\", ghost: \"text-muted-foreground hover:text-foreground hover:bg-muted/60\", outline: \"border border-border bg-transparent text-foreground hover:bg-muted/60\" })[props.variant]);\nconst geometry = computed(() => ({ sm: \"h-8 px-3 text-xs gap-1.5 rounded-full\", md: \"h-10 px-5 text-sm gap-2 rounded-full\", lg: \"h-12 px-6 text-base gap-2 rounded-full\", icon: \"h-8 w-8 rounded-lg\" })[props.size]);\n</script>\n<template>\n  <motion.a :href=\"href\" :while-press=\"reduced ? undefined : { scale: pressScale }\" :while-hover=\"reduced ? undefined : { scale: 1.02 }\"\n    :transition=\"SPRING_PRESS\" :class=\"cn('inline-flex items-center justify-center font-medium select-none transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2', color, geometry, $attrs.class)\"><slot /></motion.a>\n</template>\n","<script setup lang=\"ts\">\ndefineOptions({ inheritAttrs: false });\nimport { ref } from \"vue\";\nimport { resolveElement } from \"../../../lib/composables\";\nimport Button from \"./Button.vue\";\nimport Magnetic from \"./Magnetic.vue\";\nwithDefaults(defineProps<{ strength?: number; disabled?: boolean; magneticClassName?: string }>(), { strength: 0.25 });\nconst button = ref<unknown>();\nfunction focus() { resolveElement<HTMLButtonElement>(button.value)?.focus(); }\ndefineExpose({ focus });\n</script>\n<template><Magnetic :strength=\"strength\" :class=\"magneticClassName\"><Button ref=\"button\" v-bind=\"$attrs\" :disabled=\"disabled\"><slot /></Button></Magnetic></template>\n","<script setup lang=\"ts\">\ndefineOptions({ inheritAttrs: false });\nimport { ref } from \"vue\";\nimport { resolveElement } from \"../../../lib/composables\";\nimport Button from \"./Button.vue\";\nimport Magnetic from \"./Magnetic.vue\";\nwithDefaults(defineProps<{ strength?: number; disabled?: boolean; magneticClassName?: string }>(), { strength: 0.25 });\nconst button = ref<unknown>();\nfunction focus() { resolveElement<HTMLButtonElement>(button.value)?.focus(); }\ndefineExpose({ focus });\n</script>\n<template><Magnetic :strength=\"strength\" :class=\"magneticClassName\"><Button ref=\"button\" v-bind=\"$attrs\" :disabled=\"disabled\"><slot /></Button></Magnetic></template>\n","<script setup lang=\"ts\">\nimport { computed, ref } from \"vue\";\nimport { motion } from \"motion-v\";\nimport { cn } from \"../../../lib/utils\";\nimport { EASE_IN_OUT } from \"../../../lib/ease\";\nimport { useReducedMotion } from \"../../../lib/composables\";\nimport Button from \"./Button.vue\";\nconst props = withDefaults(defineProps<{ size?: \"sm\" | \"md\" | \"lg\" | \"icon\"; paused?: boolean; disabled?: boolean }>(), { size: \"md\", paused: false });\nconst reduced = useReducedMotion(), hovered = ref(false);\nconst animated = computed(() => !props.paused && !reduced.value);\n</script>\n<template>\n  <Button variant=\"ghost\" :size=\"size\" :disabled=\"disabled\" @hover-start=\"hovered = true\" @hover-end=\"hovered = false\"\n    :class=\"cn('group relative isolate overflow-hidden border-0 bg-transparent text-foreground hover:bg-transparent hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 shadow-[0_8px_22px_rgba(0,0,0,0.16)]', size === 'icon' && 'rounded-full', $attrs.class)\">\n    <motion.span aria-hidden=\"true\" class=\"pointer-events-none absolute inset-y-0 left-[-18%] z-0 w-[136%] rounded-[inherit] bg-[linear-gradient(105deg,#111_0%,#737373_14%,#fafafa_26%,#525252_38%,#0a0a0a_50%,#a3a3a3_64%,#fff_75%,#404040_87%,#111_100%)]\"\n      :animate=\"animated ? { x: ['0%', '13%', '0%'] } : undefined\" :transition=\"animated ? { duration: 8, ease: EASE_IN_OUT, repeat: Infinity } : undefined\" />\n    <motion.span aria-hidden=\"true\" class=\"pointer-events-none absolute inset-y-0 left-[-58%] z-[1] w-[52%] -skew-x-12 bg-[linear-gradient(90deg,transparent,rgba(255,255,255,0.5)_48%,transparent)] opacity-50 blur-[3px] mix-blend-screen\"\n      :animate=\"animated ? { x: hovered ? '310%' : '0%' } : undefined\" :transition=\"animated ? { duration: 2.4, ease: EASE_IN_OUT } : undefined\" />\n    <span aria-hidden=\"true\" class=\"pointer-events-none absolute inset-[2px] z-[2] rounded-[inherit] bg-background transition-colors group-hover:bg-muted/40\" />\n    <span aria-hidden=\"true\" class=\"pointer-events-none absolute inset-[2px] z-[3] rounded-[inherit] shadow-[inset_0_1px_0_rgba(255,255,255,0.28),inset_0_-1px_0_rgba(0,0,0,0.16)]\" />\n    <span class=\"relative z-10 inline-flex items-center justify-center gap-2\"><slot /></span>\n  </Button>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, ref } from \"vue\";\nimport { motion } from \"motion-v\";\nimport { cn } from \"../../../lib/utils\";\nimport { EASE_IN_OUT } from \"../../../lib/ease\";\nimport { useReducedMotion } from \"../../../lib/composables\";\nimport Button from \"./Button.vue\";\nconst props = withDefaults(defineProps<{ size?: \"sm\" | \"md\" | \"lg\" | \"icon\"; paused?: boolean; disabled?: boolean }>(), { size: \"md\", paused: false });\nconst reduced = useReducedMotion(), hovered = ref(false);\nconst animated = computed(() => !props.paused && !reduced.value);\n</script>\n<template>\n  <Button variant=\"ghost\" :size=\"size\" :disabled=\"disabled\" @hover-start=\"hovered = true\" @hover-end=\"hovered = false\"\n    :class=\"cn('group relative isolate overflow-hidden border-0 bg-transparent text-foreground hover:bg-transparent hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 shadow-[0_8px_22px_rgba(0,0,0,0.16)]', size === 'icon' && 'rounded-full', $attrs.class)\">\n    <motion.span aria-hidden=\"true\" class=\"pointer-events-none absolute inset-y-0 left-[-18%] z-0 w-[136%] rounded-[inherit] bg-[linear-gradient(105deg,#111_0%,#737373_14%,#fafafa_26%,#525252_38%,#0a0a0a_50%,#a3a3a3_64%,#fff_75%,#404040_87%,#111_100%)]\"\n      :animate=\"animated ? { x: ['0%', '13%', '0%'] } : undefined\" :transition=\"animated ? { duration: 8, ease: EASE_IN_OUT, repeat: Infinity } : undefined\" />\n    <motion.span aria-hidden=\"true\" class=\"pointer-events-none absolute inset-y-0 left-[-58%] z-[1] w-[52%] -skew-x-12 bg-[linear-gradient(90deg,transparent,rgba(255,255,255,0.5)_48%,transparent)] opacity-50 blur-[3px] mix-blend-screen\"\n      :animate=\"animated ? { x: hovered ? '310%' : '0%' } : undefined\" :transition=\"animated ? { duration: 2.4, ease: EASE_IN_OUT } : undefined\" />\n    <span aria-hidden=\"true\" class=\"pointer-events-none absolute inset-[2px] z-[2] rounded-[inherit] bg-background transition-colors group-hover:bg-muted/40\" />\n    <span aria-hidden=\"true\" class=\"pointer-events-none absolute inset-[2px] z-[3] rounded-[inherit] shadow-[inset_0_1px_0_rgba(255,255,255,0.28),inset_0_-1px_0_rgba(0,0,0,0.16)]\" />\n    <span class=\"relative z-10 inline-flex items-center justify-center gap-2\"><slot /></span>\n  </Button>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, isVNode, onBeforeUnmount, onMounted, onUpdated, ref, Text, type Component, type VNodeChild } from \"vue\";\nimport { AnimatePresence, motion } from \"motion-v\";\nimport { EASE_OUT, SPRING_SWAP } from \"../../../lib/ease\";\nimport { useReducedMotion } from \"../../../lib/composables\";\nimport RenderContent from \"../../../lib/RenderContent\";\nconst props = defineProps<{ value: string; nodes: VNodeChild | Component }>();\nconst reduced = useReducedMotion(), measureElement = ref<HTMLSpanElement>(), width = ref<number>();\nfunction plainText(node: VNodeChild | Component): string | null {\n  if (typeof node === \"string\") return node;\n  if (Array.isArray(node)) return node.length === 1 ? plainText(node[0]) : null;\n  return isVNode(node) && node.type === Text && typeof node.children === \"string\" ? node.children : null;\n}\nconst label = computed(() => plainText(props.nodes));\nconst cascade = computed(() => label.value !== null && !reduced.value);\nconst identity = computed(() => label.value === null ? props.value : `${props.value}-${label.value}`);\nfunction delay(custom: unknown) { return typeof custom === \"number\" ? custom : 0; }\nconst poses = {\n  initial: { opacity: 0, y: \"105%\", filter: \"blur(6px)\" },\n  animate: (custom: unknown) => ({ opacity: 1, y: \"0%\", filter: \"blur(0px)\", transition: { ...SPRING_SWAP, delay: delay(custom) } }),\n  exit: (custom: unknown) => ({ opacity: 0, y: \"-105%\", filter: \"blur(6px)\", transition: { duration: 0.16, ease: EASE_OUT, delay: delay(custom) / 2 } }),\n};\nfunction measure() { const measured = measureElement.value?.offsetWidth; if (measured && measured !== width.value) width.value = measured; }\nlet observer: ResizeObserver | undefined;\nonMounted(() => { measure(); if (measureElement.value && typeof ResizeObserver !== \"undefined\") { observer = new ResizeObserver(measure); observer.observe(measureElement.value); } });\nonUpdated(measure);\nonBeforeUnmount(() => observer?.disconnect());\n</script>\n<template>\n  <motion.span :initial=\"false\" :animate=\"{ width: width === undefined ? undefined : `${width}px` }\" :transition=\"reduced ? { duration: 0 } : SPRING_SWAP\" class=\"relative inline-block overflow-hidden whitespace-nowrap align-bottom\">\n    <span ref=\"measureElement\" aria-hidden=\"true\" class=\"invisible inline-block whitespace-nowrap\">\n      <template v-if=\"cascade\"><span v-for=\"(character, index) in label!.split('')\" :key=\"index\" class=\"inline-block whitespace-pre\">{{ character }}</span></template>\n      <RenderContent v-else :node=\"nodes\" />\n    </span>\n    <template v-if=\"cascade\">\n      <span class=\"sr-only\">{{ label }}</span>\n      <AnimatePresence :initial=\"false\" as=\"span\" class=\"contents\">\n        <motion.span :key=\"`cascade-${identity}`\" aria-hidden=\"true\" initial=\"initial\" animate=\"animate\" exit=\"exit\" class=\"absolute left-0 top-0 inline-block whitespace-pre\">\n          <motion.span v-for=\"(character, index) in label!.split('')\" :key=\"index\" :custom=\"index * 0.025\" :variants=\"poses\" initial=\"initial\" animate=\"animate\" exit=\"exit\" class=\"inline-block whitespace-pre will-change-[opacity,filter,transform]\">{{ character }}</motion.span>\n        </motion.span>\n      </AnimatePresence>\n    </template>\n    <AnimatePresence v-else :initial=\"false\" as=\"span\" class=\"contents\">\n      <motion.span :key=\"`text-${identity}`\" :initial=\"reduced ? { opacity: 0 } : { opacity: 0, y: 14, filter: 'blur(6px)' }\"\n        :animate=\"reduced ? { opacity: 1 } : { opacity: 1, y: 0, filter: 'blur(0px)' }\" :exit=\"reduced ? { opacity: 0 } : { opacity: 0, y: -14, filter: 'blur(6px)' }\"\n        :transition=\"reduced ? { duration: 0.15 } : SPRING_SWAP\" class=\"absolute left-0 top-0 inline-block will-change-[opacity,filter,transform]\"><RenderContent :node=\"nodes\" /></motion.span>\n    </AnimatePresence>\n  </motion.span>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, isVNode, onBeforeUnmount, onMounted, onUpdated, ref, Text, type Component, type VNodeChild } from \"vue\";\nimport { AnimatePresence, motion } from \"motion-v\";\nimport { EASE_OUT, SPRING_SWAP } from \"../../../lib/ease\";\nimport { useReducedMotion } from \"../../../lib/composables\";\nimport RenderContent from \"../../../lib/RenderContent\";\nconst props = defineProps<{ value: string; nodes: VNodeChild | Component }>();\nconst reduced = useReducedMotion(), measureElement = ref<HTMLSpanElement>(), width = ref<number>();\nfunction plainText(node: VNodeChild | Component): string | null {\n  if (typeof node === \"string\") return node;\n  if (Array.isArray(node)) return node.length === 1 ? plainText(node[0]) : null;\n  return isVNode(node) && node.type === Text && typeof node.children === \"string\" ? node.children : null;\n}\nconst label = computed(() => plainText(props.nodes));\nconst cascade = computed(() => label.value !== null && !reduced.value);\nconst identity = computed(() => label.value === null ? props.value : `${props.value}-${label.value}`);\nfunction delay(custom: unknown) { return typeof custom === \"number\" ? custom : 0; }\nconst poses = {\n  initial: { opacity: 0, y: \"105%\", filter: \"blur(6px)\" },\n  animate: (custom: unknown) => ({ opacity: 1, y: \"0%\", filter: \"blur(0px)\", transition: { ...SPRING_SWAP, delay: delay(custom) } }),\n  exit: (custom: unknown) => ({ opacity: 0, y: \"-105%\", filter: \"blur(6px)\", transition: { duration: 0.16, ease: EASE_OUT, delay: delay(custom) / 2 } }),\n};\nfunction measure() { const measured = measureElement.value?.offsetWidth; if (measured && measured !== width.value) width.value = measured; }\nlet observer: ResizeObserver | undefined;\nonMounted(() => { measure(); if (measureElement.value && typeof ResizeObserver !== \"undefined\") { observer = new ResizeObserver(measure); observer.observe(measureElement.value); } });\nonUpdated(measure);\nonBeforeUnmount(() => observer?.disconnect());\n</script>\n<template>\n  <motion.span :initial=\"false\" :animate=\"{ width: width === undefined ? undefined : `${width}px` }\" :transition=\"reduced ? { duration: 0 } : SPRING_SWAP\" class=\"relative inline-block overflow-hidden whitespace-nowrap align-bottom\">\n    <span ref=\"measureElement\" aria-hidden=\"true\" class=\"invisible inline-block whitespace-nowrap\">\n      <template v-if=\"cascade\"><span v-for=\"(character, index) in label!.split('')\" :key=\"index\" class=\"inline-block whitespace-pre\">{{ character }}</span></template>\n      <RenderContent v-else :node=\"nodes\" />\n    </span>\n    <template v-if=\"cascade\">\n      <span class=\"sr-only\">{{ label }}</span>\n      <AnimatePresence :initial=\"false\" as=\"span\" class=\"contents\">\n        <motion.span :key=\"`cascade-${identity}`\" aria-hidden=\"true\" initial=\"initial\" animate=\"animate\" exit=\"exit\" class=\"absolute left-0 top-0 inline-block whitespace-pre\">\n          <motion.span v-for=\"(character, index) in label!.split('')\" :key=\"index\" :custom=\"index * 0.025\" :variants=\"poses\" initial=\"initial\" animate=\"animate\" exit=\"exit\" class=\"inline-block whitespace-pre will-change-[opacity,filter,transform]\">{{ character }}</motion.span>\n        </motion.span>\n      </AnimatePresence>\n    </template>\n    <AnimatePresence v-else :initial=\"false\" as=\"span\" class=\"contents\">\n      <motion.span :key=\"`text-${identity}`\" :initial=\"reduced ? { opacity: 0 } : { opacity: 0, y: 14, filter: 'blur(6px)' }\"\n        :animate=\"reduced ? { opacity: 1 } : { opacity: 1, y: 0, filter: 'blur(0px)' }\" :exit=\"reduced ? { opacity: 0 } : { opacity: 0, y: -14, filter: 'blur(6px)' }\"\n        :transition=\"reduced ? { duration: 0.15 } : SPRING_SWAP\" class=\"absolute left-0 top-0 inline-block will-change-[opacity,filter,transform]\"><RenderContent :node=\"nodes\" /></motion.span>\n    </AnimatePresence>\n  </motion.span>\n</template>\n","<script setup lang=\"ts\">\ndefineOptions({ inheritAttrs: false });\nimport { computed, useSlots, type Component, type VNodeChild } from \"vue\";\nimport { AnimatePresence, motion } from \"motion-v\";\nimport { Check, Loader2, X } from \"lucide-vue-next\";\nimport { EASE_OUT, SPRING_SWAP } from \"../../../lib/ease\";\nimport { useReducedMotion } from \"../../../lib/composables\";\nimport RenderContent from \"../../../lib/RenderContent\";\nimport Button, { type ButtonProps } from \"./Button.vue\";\nimport StatefulText from \"./StatefulText.vue\";\nexport type ButtonState = \"idle\" | \"loading\" | \"success\" | \"error\";\ninterface Props extends ButtonProps {\n  state?: ButtonState; loadingText?: VNodeChild | Component; successText?: VNodeChild | Component;\n  errorText?: VNodeChild | Component; icon?: VNodeChild | Component;\n}\nconst props = withDefaults(defineProps<Props>(), { state: \"idle\", loadingText: \"Loading\", successText: \"Done\", errorText: \"Try again\" });\nconst slots = useSlots(), reduced = useReducedMotion();\nconst statusIcon = computed(() => ({ loading: Loader2, success: Check, error: X })[props.state === \"idle\" ? \"loading\" : props.state]);\nfunction content(): VNodeChild | Component {\n  if (props.state === \"idle\") return slots.default?.();\n  const overrides = { loading: props.loadingText, success: props.successText, error: props.errorText };\n  return slots[props.state]?.() ?? overrides[props.state];\n}\nconst iconPoses = {\n  initial: { opacity: 0, width: 0, scale: 0.7, filter: \"blur(6px)\" },\n  animate: { opacity: 1, width: \"1.5rem\", scale: 1, filter: \"blur(0px)\", transition: SPRING_SWAP },\n  exit: { opacity: 0, width: 0, scale: 0.7, filter: \"blur(6px)\", transition: { duration: 0.16, ease: EASE_OUT } },\n};\n</script>\n<template>\n  <Button v-bind=\"$attrs\" :variant=\"variant\" :size=\"size\" :press-scale=\"pressScale\" :ripple=\"ripple\" :type=\"type\"\n    :disabled=\"disabled || state === 'loading'\" :aria-busy=\"state === 'loading'\" :while-hover=\"undefined\">\n    <span aria-live=\"polite\" class=\"relative inline-flex items-center justify-center overflow-hidden\">\n      <AnimatePresence :initial=\"false\" as=\"span\" class=\"contents\">\n        <motion.span v-if=\"state !== 'idle'\" :key=\"`${state}-icon`\" :variants=\"iconPoses\"\n          :initial=\"reduced ? { opacity: 0 } : 'initial'\" :animate=\"reduced ? { opacity: 1 } : 'animate'\" :exit=\"reduced ? { opacity: 0 } : 'exit'\"\n          :transition=\"reduced ? { duration: 0.15 } : undefined\" class=\"inline-grid shrink-0 place-items-center overflow-hidden\">\n          <component :is=\"statusIcon\" :class=\"['h-4 w-4', state === 'loading' && !reduced && 'animate-spin']\" />\n        </motion.span>\n      </AnimatePresence>\n      <StatefulText :value=\"state\" :nodes=\"content()\" />\n      <AnimatePresence :initial=\"false\" as=\"span\" class=\"contents\">\n        <motion.span v-if=\"state === 'idle' && (icon || slots.icon)\" key=\"idle-icon\" :variants=\"iconPoses\"\n          :initial=\"reduced ? { opacity: 0 } : 'initial'\" :animate=\"reduced ? { opacity: 1 } : 'animate'\" :exit=\"reduced ? { opacity: 0 } : 'exit'\"\n          :transition=\"reduced ? { duration: 0.15 } : undefined\" class=\"inline-grid shrink-0 place-items-center overflow-hidden\"><slot name=\"icon\"><RenderContent :node=\"icon\" /></slot></motion.span>\n      </AnimatePresence>\n    </span>\n  </Button>\n</template>\n","<script setup lang=\"ts\">\ndefineOptions({ inheritAttrs: false });\nimport { computed, useSlots, type Component, type VNodeChild } from \"vue\";\nimport { AnimatePresence, motion } from \"motion-v\";\nimport { Check, Loader2, X } from \"lucide-vue-next\";\nimport { EASE_OUT, SPRING_SWAP } from \"../../../lib/ease\";\nimport { useReducedMotion } from \"../../../lib/composables\";\nimport RenderContent from \"../../../lib/RenderContent\";\nimport Button, { type ButtonProps } from \"./Button.vue\";\nimport StatefulText from \"./StatefulText.vue\";\nexport type ButtonState = \"idle\" | \"loading\" | \"success\" | \"error\";\ninterface Props extends ButtonProps {\n  state?: ButtonState; loadingText?: VNodeChild | Component; successText?: VNodeChild | Component;\n  errorText?: VNodeChild | Component; icon?: VNodeChild | Component;\n}\nconst props = withDefaults(defineProps<Props>(), { state: \"idle\", loadingText: \"Loading\", successText: \"Done\", errorText: \"Try again\" });\nconst slots = useSlots(), reduced = useReducedMotion();\nconst statusIcon = computed(() => ({ loading: Loader2, success: Check, error: X })[props.state === \"idle\" ? \"loading\" : props.state]);\nfunction content(): VNodeChild | Component {\n  if (props.state === \"idle\") return slots.default?.();\n  const overrides = { loading: props.loadingText, success: props.successText, error: props.errorText };\n  return slots[props.state]?.() ?? overrides[props.state];\n}\nconst iconPoses = {\n  initial: { opacity: 0, width: 0, scale: 0.7, filter: \"blur(6px)\" },\n  animate: { opacity: 1, width: \"1.5rem\", scale: 1, filter: \"blur(0px)\", transition: SPRING_SWAP },\n  exit: { opacity: 0, width: 0, scale: 0.7, filter: \"blur(6px)\", transition: { duration: 0.16, ease: EASE_OUT } },\n};\n</script>\n<template>\n  <Button v-bind=\"$attrs\" :variant=\"variant\" :size=\"size\" :press-scale=\"pressScale\" :ripple=\"ripple\" :type=\"type\"\n    :disabled=\"disabled || state === 'loading'\" :aria-busy=\"state === 'loading'\" :while-hover=\"undefined\">\n    <span aria-live=\"polite\" class=\"relative inline-flex items-center justify-center overflow-hidden\">\n      <AnimatePresence :initial=\"false\" as=\"span\" class=\"contents\">\n        <motion.span v-if=\"state !== 'idle'\" :key=\"`${state}-icon`\" :variants=\"iconPoses\"\n          :initial=\"reduced ? { opacity: 0 } : 'initial'\" :animate=\"reduced ? { opacity: 1 } : 'animate'\" :exit=\"reduced ? { opacity: 0 } : 'exit'\"\n          :transition=\"reduced ? { duration: 0.15 } : undefined\" class=\"inline-grid shrink-0 place-items-center overflow-hidden\">\n          <component :is=\"statusIcon\" :class=\"['h-4 w-4', state === 'loading' && !reduced && 'animate-spin']\" />\n        </motion.span>\n      </AnimatePresence>\n      <StatefulText :value=\"state\" :nodes=\"content()\" />\n      <AnimatePresence :initial=\"false\" as=\"span\" class=\"contents\">\n        <motion.span v-if=\"state === 'idle' && (icon || slots.icon)\" key=\"idle-icon\" :variants=\"iconPoses\"\n          :initial=\"reduced ? { opacity: 0 } : 'initial'\" :animate=\"reduced ? { opacity: 1 } : 'animate'\" :exit=\"reduced ? { opacity: 0 } : 'exit'\"\n          :transition=\"reduced ? { duration: 0.15 } : undefined\" class=\"inline-grid shrink-0 place-items-center overflow-hidden\"><slot name=\"icon\"><RenderContent :node=\"icon\" /></slot></motion.span>\n      </AnimatePresence>\n    </span>\n  </Button>\n</template>\n"],"mappings":"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"}