@mkbabb/glass-ui 4.2.0 → 6.0.0

package/dist/motion.js

@@ -1,93 +1,42 @@
-import { t as e } from "./useSpring-C0jyvEJB.js";
-import { n as t, t as n } from "./springPresets-DfoQ6XRY.js";
-import { t as r } from "./useSpringPress-VM9RgVq3.js";
-import { t as i } from "./useLiquidPress-CtOQ8Z0_.js";
-import { t as a } from "./useSpringMount-DFxtzmkR.js";
-import { n as o, t as s } from "./constants-BWj7DkMn.js";
-import { t as c } from "./useDragMorph-DGLSewwB.js";
-import { t as l } from "./useDockCtaReceive-DX7RDb6_.js";
-import { t as u } from "./useAnimatedNumber-BntskVdQ.js";
-import { computed as d, onBeforeUnmount as f, onScopeDispose as p, readonly as m, ref as h, shallowRef as g, watch as _ } from "vue";
-import { AnimationOptionError as v, Draggable as y, ElementMorph as b, ElementMorph as x, KeyframesScrollTimeline as S, ManualTimeline as C, NumericAnimation as w, NumericAnimation as T, Oscillator as E, RAFPlayback as D, Sequence as O, SmoothProgress as k, SpringProgress as A, Timeline as j, UnknownEasingError as ee, createNativeTimeline as te, decay as ne, decayRest as re, drag as M, drag2D as N, flip as P, flipShared as F, loadAnimationEngine as I, probeVelocity as L, reducedMotionScale as R, reseatToSpring as z, resolveEasing as B, springLinearStops as V, springTimingFunction as H, springTimingFunction as U, stagger as W, toEasing as G, warmEngine as K, waveformValue as q } from "@mkbabb/keyframes.js";
+import { t as e } from "./useSpring-BBSKFx_0.js";
+import { n as t, t as n } from "./springPresets-h5VKJQqG.js";
+import { t as r } from "./useSpringPress-BypV_KO-.js";
+import { t as i } from "./useLiquidPress-BYcwwGQV.js";
+import { t as a } from "./useSpringMount-C6-DBx4e.js";
+import { n as o, t as s } from "./constants-DRZmNIY-.js";
+import { t as c } from "./useDragMorph-7ygF9O0m.js";
+import { a as l, i as u, n as d, o as f, r as p, s as m, t as h } from "./useDockCtaReceive-CK-RLASa.js";
+import { t as g } from "./useAnimatedNumber-BRVVaFFc.js";
+import { computed as _, onBeforeUnmount as v, onScopeDispose as y, readonly as b, ref as x, shallowRef as S, watch as C } from "vue";
+import { AnimationOptionError as w, Draggable as T, ElementMorph as E, ElementMorph as D, KeyframesScrollTimeline as ee, ManualTimeline as te, NumericAnimation as ne, NumericAnimation as O, Oscillator as k, RAFPlayback as A, Sequence as j, SmoothProgress as M, SpringProgress as N, Timeline as P, UnknownEasingError as F, createNativeTimeline as I, decay as L, decayRest as R, drag as z, drag2D as B, flip as V, flipShared as H, loadAnimationEngine as U, probeVelocity as W, reducedMotionScale as G, reseatToSpring as K, resolveEasing as q, springLinearStops as re, springTimingFunction as J, springTimingFunction as Y, stagger as X, toEasing as ie, warmEngine as ae, waveformValue as oe } from "@mkbabb/keyframes.js";
 //#region src/composables/motion/useLiquidReveal.ts
-function J(e) {
-	if (!e) return null;
-	if (e instanceof HTMLElement) return e;
-	let t = e.$el;
-	return t instanceof HTMLElement ? t : null;
-}
-function Y() {
-	return typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
-}
-function X(e, n = {}) {
-	let r = n.respectReducedMotion !== !1, i = n.blur ?? 4, { response: a, dampingFraction: o } = t(n.preset ?? "snappy"), s = U({
-		response: a,
-		dampingFraction: o
-	}), c = a * 4 * 1e3, l = null, u = 0, d = 0;
-	function f(e) {
-		e.style.transform = "", e.style.transformOrigin = "", e.style.opacity = "", e.style.filter = "";
-	}
-	function m() {
-		u && typeof cancelAnimationFrame == "function" && cancelAnimationFrame(u), u = 0;
-	}
-	function h() {
-		let t = J(e.value);
-		if (!t) return;
-		m();
-		let a = t.getBoundingClientRect(), o = J(n.trigger?.value), p = o ? o.getBoundingClientRect() : {
-			x: a.x + a.width * .04,
-			y: a.y + a.height * .04,
-			width: a.width * .92,
-			height: a.height * .92
-		}, h = `${p.x - a.x}px ${p.y - a.y}px`;
-		if (r && Y()) {
-			f(t), t.style.opacity = "1";
-			return;
+function se(e, t = {}) {
+	let n = m(e, {
+		direction: "in",
+		to: t.trigger ?? "self",
+		origin: t.trigger ? "to" : "center",
+		preset: t.preset ?? "snappy",
+		respectReducedMotion: t.respectReducedMotion,
+		channels: {
+			opacity: !0,
+			blur: t.blur ?? 4
+		}
+	});
+	return {
+		reveal: n.play,
+		conceal() {
+			n.cancel(), n.clear(p(e.value));
 		}
-		l = new x({
-			x: a.x,
-			y: a.y,
-			width: a.width,
-			height: a.height
-		}, {
-			x: p.x,
-			y: p.y,
-			width: p.width,
-			height: p.height
-		}, { transformOrigin: h }), d = 0;
-		let g = (n) => {
-			if (!l || !e.value) return;
-			d === 0 && (d = n);
-			let r = Math.min(1, (n - d) / c), a = s.fn(r), o = 1 - a;
-			l.apply(t, o), t.style.opacity = String(Math.min(1, Math.max(0, a)));
-			let p = i * o;
-			t.style.filter = `blur(${p.toFixed(2)}px)`, r < 1 && typeof requestAnimationFrame == "function" ? u = requestAnimationFrame(g) : (f(t), t.style.opacity = "1", l = null, u = 0);
-		};
-		typeof requestAnimationFrame == "function" ? u = requestAnimationFrame(g) : (f(t), t.style.opacity = "1");
-	}
-	function g() {
-		m(), l = null;
-		let t = J(e.value);
-		t && f(t);
-	}
-	return p(() => {
-		m(), l = null;
-	}), {
-		reveal: h,
-		conceal: g
 	};
 }
-//#endregion
-//#region src/composables/motion/useBloomUp.ts
-var Z = 8;
-function ie() {
+function ce() {
 	return typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
 }
-function ae(e) {
-	let t = e ?? Z;
-	return Number.isFinite(t) ? Math.min(Z, Math.max(0, t)) : Z;
+function Z(e) {
+	let t = e ?? 8;
+	return Number.isFinite(t) ? Math.min(8, Math.max(0, t)) : 8;
 }
-function oe(e, t) {
+function le(e, t) {
 	if (t?.value) return t.value;
 	let n = e.parentElement;
 	for (; n;) {
@@ -96,23 +45,34 @@ function oe(e, t) {
 	}
 	return e.parentElement;
 }
-function se(e, t) {
+function ue(e, t) {
 	if (t && t.trim() && t.trim() !== "transparent") return t.trim();
 	if (!e || typeof getComputedStyle != "function") return null;
 	let n = getComputedStyle(e).getPropertyValue("--glass-ambient-hue").trim();
 	return !n || n === "transparent" ? null : n;
 }
-function Q(e, n, r = {}) {
-	let i = r.respectReducedMotion !== !1, a = r.blur ?? 4, o = ae(r.fieldStrength), s = r.autoPrime !== !1, { response: c, dampingFraction: l } = t(r.preset ?? "snappy"), u = U({
+function de(e, t) {
+	e.style.setProperty("--glass-ambient-hue", t);
+}
+function Q(e, t) {
+	e.style.setProperty("--glass-ambient-strength", `${t.toFixed(3)}%`);
+}
+function $(e) {
+	e && (e.style.setProperty("--glass-ambient-strength", "0%"), e.style.removeProperty("--glass-ambient-hue"));
+}
+//#endregion
+//#region src/composables/motion/useBloomUp.ts
+function fe(e, n, r = {}) {
+	let i = r.respectReducedMotion !== !1, a = r.blur ?? 4, o = Z(r.fieldStrength), s = r.autoPrime !== !1, { response: c, dampingFraction: l } = t(r.preset ?? "snappy"), u = Y({
 		response: c,
 		dampingFraction: l
-	}), d = c * 4 * 1e3, f = h(!1), g = null, v = 0, y = 0, b = null;
-	function S(e) {
+	}), d = c * 4 * 1e3, f = x(!1), p = null, m = 0, h = 0, g = null;
+	function _(e) {
 		e.style.transform = "", e.style.transformOrigin = "", e.style.opacity = "", e.style.filter = "";
 	}
-	function C() {
+	function v() {
 		let t = n.value;
-		if (!t || v) return;
+		if (!t || m) return;
 		let r = t.getBoundingClientRect(), i = e.value, a = i ? i.getBoundingClientRect() : {
 			x: r.x + r.width * .04,
 			y: r.y + r.height * .04,
@@ -121,7 +81,7 @@ function Q(e, n, r = {}) {
 		};
 		if (t.style.opacity = "0", r.width > 0 && r.height > 0) {
 			let e = a.x - r.x, n = a.y - r.y;
-			new x({
+			new D({
 				x: r.x,
 				y: r.y,
 				width: r.width,
@@ -134,40 +94,31 @@ function Q(e, n, r = {}) {
 			}, { transformOrigin: `${e}px ${n}px` }).apply(t, 1);
 		}
 	}
-	function w(e, t) {
-		e.style.setProperty("--glass-ambient-hue", t);
-	}
-	function T(e, t) {
-		e.style.setProperty("--glass-ambient-strength", `${t.toFixed(3)}%`);
+	function S() {
+		m && typeof cancelAnimationFrame == "function" && cancelAnimationFrame(m), m = 0;
 	}
-	function E(e) {
-		e && (e.style.setProperty("--glass-ambient-strength", "0%"), e.style.removeProperty("--glass-ambient-hue"));
-	}
-	function D() {
-		v && typeof cancelAnimationFrame == "function" && cancelAnimationFrame(v), v = 0;
-	}
-	function O() {
+	function w() {
 		f.value = !1, r.onBloomed?.();
 	}
-	function k() {
+	function T() {
 		let t = n.value;
 		if (!t) return;
-		D();
+		S();
 		let s = t.getBoundingClientRect(), c = e.value, l = c ? c.getBoundingClientRect() : {
 			x: s.x + s.width * .04,
 			y: s.y + s.height * .04,
 			width: s.width * .92,
 			height: s.height * .92
 		};
-		b = oe(t, r.field);
-		let p = se(c, r.fieldHue);
-		b && p && w(b, p);
-		let m = `${l.x - s.x}px ${l.y - s.y}px`;
-		if (f.value = !0, i && ie()) {
-			S(t), t.style.opacity = "1", b && p && T(b, o), O();
+		g = le(t, r.field);
+		let v = ue(c, r.fieldHue);
+		g && v && de(g, v);
+		let y = `${l.x - s.x}px ${l.y - s.y}px`;
+		if (f.value = !0, i && ce()) {
+			_(t), t.style.opacity = "1", g && v && Q(g, o), w();
 			return;
 		}
-		g = new x({
+		p = new D({
 			x: s.x,
 			y: s.y,
 			width: s.width,
@@ -177,111 +128,45 @@ function Q(e, n, r = {}) {
 			y: l.y,
 			width: l.width,
 			height: l.height
-		}, { transformOrigin: m }), y = 0;
-		let h = (e) => {
-			if (!g || !n.value) return;
-			y === 0 && (y = e);
-			let r = Math.min(1, (e - y) / d), i = u.fn(r), s = 1 - i;
-			g.apply(t, s), t.style.opacity = String(Math.min(1, Math.max(0, i)));
+		}, { transformOrigin: y }), h = 0;
+		let b = (e) => {
+			if (!p || !n.value) return;
+			h === 0 && (h = e);
+			let r = Math.min(1, (e - h) / d), i = u.fn(r), s = 1 - i;
+			p.apply(t, s), t.style.opacity = String(Math.min(1, Math.max(0, i)));
 			let c = a * s;
-			t.style.filter = `blur(${c.toFixed(2)}px)`, b && p && T(b, o * Math.min(1, Math.max(0, i))), r < 1 && typeof requestAnimationFrame == "function" ? v = requestAnimationFrame(h) : (S(t), t.style.opacity = "1", b && p && T(b, o), g = null, v = 0, O());
+			t.style.filter = `blur(${c.toFixed(2)}px)`, g && v && Q(g, o * Math.min(1, Math.max(0, i))), r < 1 && typeof requestAnimationFrame == "function" ? m = requestAnimationFrame(b) : (_(t), t.style.opacity = "1", g && v && Q(g, o), p = null, m = 0, w());
 		};
-		typeof requestAnimationFrame == "function" ? v = requestAnimationFrame(h) : (S(t), t.style.opacity = "1", b && p && T(b, o), O());
+		typeof requestAnimationFrame == "function" ? m = requestAnimationFrame(b) : (_(t), t.style.opacity = "1", g && v && Q(g, o), w());
 	}
-	function A() {
-		D(), g = null, f.value = !1;
+	function E() {
+		S(), p = null, f.value = !1;
 		let e = n.value;
-		e && S(e), E(b), b = null;
+		e && _(e), $(g), g = null;
 	}
-	return s && _(n, (e) => {
-		e && !v && !f.value && C();
-	}, { flush: "pre" }), p(() => {
-		D(), g = null, E(b), b = null;
+	return s && C(n, (e) => {
+		e && !m && !f.value && v();
+	}, { flush: "pre" }), y(() => {
+		S(), p = null, $(g), g = null;
 	}), {
-		bloom: k,
-		reset: A,
-		prime: C,
-		blooming: m(f)
-	};
-}
-//#endregion
-//#region src/composables/motion/useCelebrationBurst.ts
-function ce(e) {
-	let t = e >>> 0;
-	return () => {
-		t = t + 1831565813 >>> 0;
-		let e = t;
-		return e = Math.imul(e ^ e >>> 15, e | 1), e ^= e + Math.imul(e ^ e >>> 7, e | 61), ((e ^ e >>> 14) >>> 0) / 4294967296;
+		bloom: T,
+		reset: E,
+		prime: v,
+		blooming: b(f)
 	};
 }
-function le() {
-	return typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
-}
-function $(e) {
-	e && e.querySelectorAll("[data-reveal]").forEach((e, t) => {
-		e.style.setProperty("--d", String(t));
-	});
-}
-function ue(e, n = {}) {
-	let r = n.respectReducedMotion !== !1, i = Math.max(1, Math.floor(n.count ?? 12)), a = n.radius ?? 64, { response: o, dampingFraction: s } = t(n.preset ?? "bouncy"), c = U({
-		response: o,
-		dampingFraction: s
-	}), l = o * 4 * 1e3, u = null, d = [], f = 0, m = 0;
-	function h() {
-		f && typeof cancelAnimationFrame == "function" && cancelAnimationFrame(f), f = 0;
-	}
-	function g() {
-		h(), u && u.parentElement && u.parentElement.removeChild(u), u = null, d = [];
-	}
-	function _() {
-		let t = e.value;
-		if (!t) return;
-		if (g(), r && le()) {
-			$(n.destination?.value ?? null), n.onSettled?.();
-			return;
-		}
-		if (typeof requestAnimationFrame != "function") {
-			$(n.destination?.value ?? null), n.onSettled?.();
-			return;
-		}
-		let o = t.getBoundingClientRect(), s = t.offsetParent ?? t.parentElement ?? t, p = s.getBoundingClientRect(), h = o.left - p.left + o.width / 2, _ = o.top - p.top + o.height / 2;
-		u = document.createElement("div"), u.className = "glass-celebration-overlay", u.setAttribute("aria-hidden", "true"), u.style.position = "absolute", u.style.left = `${h}px`, u.style.top = `${_}px`, u.style.width = "0", u.style.height = "0", u.style.pointerEvents = "none", u.style.zIndex = "var(--celebration-z, 60)";
-		let v = ce(Math.round(o.left) * 73856093 ^ Math.round(o.top) * 19349663 ^ i), y = Math.PI * 2 / i, b = [];
-		for (let e = 0; e < i; e++) {
-			let t = document.createElement("div");
-			t.className = "glass-celebration-petal", n.tone && t.style.setProperty("--glass-accent", n.tone), t.style.position = "absolute", t.style.left = "0", t.style.top = "0", u.appendChild(t), d.push(t);
-			let r = (v() - .5) * y * .6, i = e * y + r, o = a * (.7 + v() * .3);
-			b.push({
-				dx: Math.cos(i) * o,
-				dy: Math.sin(i) * o
-			});
-		}
-		s.appendChild(u), m = 0;
-		let x = (e) => {
-			if (!u) return;
-			m === 0 && (m = e);
-			let t = Math.min(1, (e - m) / l), r = c.fn(t);
-			for (let e = 0; e < d.length; e++) {
-				let t = d[e], { dx: n, dy: i } = b[e], a = n * r, o = i * r, s = Math.max(0, 1 - .4 * r), c = 2 * r;
-				t.style.transform = `translate(${a.toFixed(2)}px, ${o.toFixed(2)}px) scale(${s.toFixed(3)})`, t.style.opacity = String(Math.max(0, 1 - r)), t.style.filter = `blur(${c.toFixed(2)}px)`;
-			}
-			t < 1 ? f = requestAnimationFrame(x) : (g(), $(n.destination?.value ?? null), n.onSettled?.());
-		};
-		f = requestAnimationFrame(x);
-	}
-	return p(g), { burst: _ };
-}
 //#endregion
 //#region src/composables/motion/useNumericTransition.ts
-function de(e) {
-	let t = h(0), n = h(!1), { from: r, to: i, duration: a, timingFunction: o, onFrame: s } = e, c = g(new T([r, i], {
+function pe(e) {
+	let t = x(0), n = x(!1), { from: r, to: i, duration: a, timingFunction: o, onFrame: s, respectReducedMotion: c = !0 } = e, l = S(new O([r, i], {
 		duration: a,
-		timingFunction: o
+		timingFunction: o,
+		respectReducedMotion: c
 	}));
-	async function l() {
-		n.value && c.value.stop(), n.value = !0, t.value = 0;
+	async function u() {
+		n.value && l.value.stop(), n.value = !0, t.value = 0;
 		try {
-			await c.value.play((e) => {
+			await l.value.play((e) => {
 				s?.(e);
 				let n = Object.keys(r);
 				if (n.length > 0) {
@@ -296,34 +181,34 @@ function de(e) {
 			n.value = !1;
 		}
 	}
-	function u() {
-		c.value.stop(), n.value = !1;
+	function d() {
+		l.value.stop(), n.value = !1;
 	}
-	return f(() => {
-		u();
+	return v(() => {
+		d();
 	}), {
-		start: l,
-		stop: u,
+		start: u,
+		stop: d,
 		progress: t,
 		playing: n
 	};
 }
 //#endregion
 //#region src/composables/motion/useAnimatedNumberMap.ts
-function fe(e) {
+function me(e) {
 	let { keys: t, source: n, ...r } = e, i = {};
 	for (let e of t) {
-		let t = n(e), { current: a } = u(() => t.value, r);
-		i[e] = d(() => t.value === null ? null : a.value);
+		let t = n(e), { current: a } = g(() => t.value, r);
+		i[e] = _(() => t.value === null ? null : a.value);
 	}
 	return i;
 }
 //#endregion
 //#region src/composables/motion/useCountup.ts
-function pe() {
+function he() {
 	return typeof window > "u" || typeof window.matchMedia != "function" ? !1 : window.matchMedia("(prefers-reduced-motion: reduce)").matches;
 }
-function me(e, t) {
+function ge(e, t) {
 	let { easeFn: n, skip: r } = t, i = /* @__PURE__ */ new Map();
 	function a(e) {
 		let t = i.get(e);
@@ -332,12 +217,12 @@ function me(e, t) {
 	function o(e) {
 		e.querySelectorAll("[data-countup]").forEach((e) => {
 			let t = parseFloat(e.getAttribute("data-countup") ?? "0") || 0, r = parseFloat(e.getAttribute("data-countup-dur") ?? "1200"), o = parseFloat(e.getAttribute("data-countup-delay") ?? "0");
-			if (a(e), pe()) {
+			if (a(e), he()) {
 				e.textContent = String(t);
 				return;
 			}
 			e.textContent = "0";
-			let s = new T([{ v: 0 }, { v: t }], {
+			let s = new O([{ v: 0 }, { v: t }], {
 				duration: r,
 				timingFunction: n
 			});
@@ -370,11 +255,11 @@ function me(e, t) {
 	function l() {
 		for (let e of [...i.keys()]) a(e);
 	}
-	return p(l), {
+	return y(l), {
 		runActive: s,
 		settle: c,
 		cancel: l
 	};
 }
 //#endregion
-export { v as AnimationOptionError, s as DAMPING, y as Draggable, b as ElementMorph, S as KeyframesScrollTimeline, C as ManualTimeline, w as NumericAnimation, E as Oscillator, D as RAFPlayback, o as SNAP_THRESHOLD, n as SPRING_PRESETS, O as Sequence, k as SmoothProgress, A as SpringProgress, j as Timeline, ee as UnknownEasingError, te as createNativeTimeline, ne as decay, re as decayRest, M as drag, N as drag2D, P as flip, F as flipShared, I as loadAnimationEngine, L as probeVelocity, R as reducedMotionScale, z as reseatToSpring, B as resolveEasing, V as springLinearStops, t as springPreset, H as springTimingFunction, W as stagger, G as toEasing, u as useAnimatedNumber, fe as useAnimatedNumberMap, Q as useBloomUp, ue as useCelebrationBurst, me as useCountup, l as useDockCtaReceive, c as useDragMorph, i as useLiquidPress, X as useLiquidReveal, de as useNumericTransition, e as useSpring, a as useSpringMount, r as useSpringPress, K as warmEngine, q as waveformValue };
+export { w as AnimationOptionError, s as DAMPING, h as DOCK_CTA_RECEIVE_BANDS, T as Draggable, E as ElementMorph, ee as KeyframesScrollTimeline, te as ManualTimeline, ne as NumericAnimation, k as Oscillator, A as RAFPlayback, o as SNAP_THRESHOLD, n as SPRING_PRESETS, j as Sequence, M as SmoothProgress, N as SpringProgress, P as Timeline, F as UnknownEasingError, p as asElement, I as createNativeTimeline, L as decay, R as decayRest, z as drag, B as drag2D, V as flip, H as flipShared, u as insetSelf, U as loadAnimationEngine, l as lockSpatialTransition, f as prefersReducedMotion, W as probeVelocity, G as reducedMotionScale, K as reseatToSpring, q as resolveEasing, re as springLinearStops, t as springPreset, J as springTimingFunction, X as stagger, ie as toEasing, g as useAnimatedNumber, me as useAnimatedNumberMap, fe as useBloomUp, ge as useCountup, d as useDockCtaReceive, c as useDragMorph, m as useElementMorph, i as useLiquidPress, se as useLiquidReveal, pe as useNumericTransition, e as useSpring, a as useSpringMount, r as useSpringPress, ae as warmEngine, oe as waveformValue };

package/dist/motionTempo-CMS5b0Vu.js

@@ -0,0 +1,7 @@
+function e(e) {
+	if (typeof window > "u" || typeof getComputedStyle != "function") return 1;
+	let t = e ?? document.documentElement, n = getComputedStyle(t).getPropertyValue("--motion-tempo").trim(), r = Number.parseFloat(n);
+	return Number.isFinite(r) && r > 0 ? r : 1;
+}
+//#endregion
+export { e as t };

package/dist/notification-DVs7ODMg.js

@@ -0,0 +1,52 @@
+import { t as e } from "./_plugin-vue_export-helper-C1je1s0u.js";
+import { Fragment as t, TransitionGroup as n, createBlock as r, createElementBlock as i, createElementVNode as a, createVNode as o, defineComponent as s, normalizeClass as c, openBlock as l, renderList as u, resolveDynamicComponent as d, toDisplayString as f, unref as p, withCtx as m } from "vue";
+import { AlertCircle as h, CheckCircle as g, Info as _, X as v, XCircle as y } from "@lucide/vue";
+//#region src/components/notification/Notification.vue?vue&type=script&setup=true&lang.ts
+var b = ["role"], x = { class: "flex-1 text-sm font-medium" }, S = ["onClick"], C = /* @__PURE__ */ e(/* @__PURE__ */ s({
+	__name: "Notification",
+	props: { notifications: {} },
+	emits: ["remove"],
+	setup(e) {
+		let s = {
+			success: "feedback-tone-success",
+			destructive: "feedback-tone-destructive",
+			warning: "feedback-tone-warning",
+			info: "feedback-tone-info"
+		}, C = {
+			success: g,
+			destructive: y,
+			warning: h,
+			info: _
+		};
+		return (h, g) => (l(), r(n, {
+			"data-slot": "notification",
+			name: "notification",
+			tag: "div",
+			class: "fixed bottom-4 right-4 z-toast flex flex-col gap-2"
+		}, {
+			default: m(() => [(l(!0), i(t, null, u(e.notifications, (e) => (l(), i("div", {
+				key: e.id,
+				role: e.tone === "destructive" ? "alert" : "status",
+				class: c(["glass-floating feedback-tone flex items-center gap-3 rounded-panel px-4 py-3 text-foreground", [s[e.tone], "min-w-[300px] max-w-[500px]"]])
+			}, [
+				(l(), r(d(C[e.tone]), {
+					class: "feedback-tone-glyph h-5 w-5 flex-shrink-0",
+					"aria-hidden": "true"
+				})),
+				a("p", x, f(e.message), 1),
+				a("button", {
+					type: "button",
+					"aria-label": "Dismiss notification",
+					onClick: (t) => h.$emit("remove", e.id),
+					class: "rounded-button p-1 transition-colors hover:bg-white/10"
+				}, [o(p(v), {
+					class: "h-4 w-4",
+					"aria-hidden": "true"
+				})], 8, S)
+			], 10, b))), 128))]),
+			_: 1
+		}));
+	}
+}), [["__scopeId", "data-v-288d7774"]]);
+//#endregion
+export { C as t };

package/dist/notification.d.ts

@@ -1 +1 @@
-export * from "./components/ui/notification";
+export * from "./components/notification";

package/dist/notification.js

@@ -1,2 +1,2 @@
-import { t as e } from "./Notification-BlSPJhtZ.js";
+import { t as e } from "./notification-DVs7ODMg.js";
 export { e as Notification };

package/dist/number-field-PvkGedHk.js

@@ -0,0 +1,140 @@
+import { t as e } from "./class-names-5jotTFzp.js";
+import { n as t } from "./button-32mg6xA8.js";
+import { t as n } from "./useControlSize-CFfOk8I-.js";
+import { computed as r, createBlock as i, createElementBlock as a, createVNode as o, defineComponent as s, mergeProps as c, normalizeClass as l, openBlock as u, renderSlot as d, unref as f, withCtx as p } from "vue";
+import { NumberFieldDecrement as m, NumberFieldIncrement as h, NumberFieldInput as g, NumberFieldRoot as _, useForwardProps as v, useForwardPropsEmits as y } from "reka-ui";
+import { Minus as b, Plus as x } from "@lucide/vue";
+//#endregion
+//#region src/components/number-field/NumberField.vue
+var S = /* @__PURE__ */ s({
+	__name: "NumberField",
+	props: {
+		defaultValue: {},
+		modelValue: {},
+		min: {},
+		max: {},
+		step: {},
+		stepSnapping: { type: Boolean },
+		focusOnChange: { type: Boolean },
+		formatOptions: {},
+		locale: {},
+		disabled: { type: Boolean },
+		readonly: { type: Boolean },
+		disableWheelChange: { type: Boolean },
+		invertWheelChange: { type: Boolean },
+		id: {},
+		asChild: { type: Boolean },
+		as: {},
+		name: {},
+		required: { type: Boolean },
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	emits: ["update:modelValue"],
+	setup(t, { emit: n }) {
+		let a = t, o = n, s = y(r(() => {
+			let { class: e, ...t } = a;
+			return t;
+		}), o);
+		return (t, n) => (u(), i(f(_), c({ "data-slot": "number-field" }, f(s), { class: f(e)("grid gap-1.5", a.class) }), {
+			default: p(() => [d(t.$slots, "default")]),
+			_: 3
+		}, 16, ["class"]));
+	}
+}), C = /* @__PURE__ */ s({
+	inheritAttrs: !1,
+	__name: "NumberFieldInput",
+	props: { size: {} },
+	setup(t) {
+		let r = t, a = { inputmode: "decimal" };
+		return (t, o) => (u(), i(f(g), c({
+			...a,
+			...t.$attrs
+		}, {
+			"data-slot": "input",
+			class: f(e)("input-pill glass-control-edge rounded-field px-9 py-2 text-center", f(n)(r.size))
+		}), null, 16, ["class"]));
+	}
+}), w = /* @__PURE__ */ s({
+	__name: "NumberFieldIncrement",
+	props: {
+		disabled: { type: Boolean },
+		asChild: { type: Boolean },
+		as: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(n) {
+		let a = n, s = v(r(() => {
+			let { class: e, ...t } = a;
+			return t;
+		}));
+		return (n, r) => (u(), i(f(h), c({ "data-slot": "increment" }, f(s), { "as-child": "" }), {
+			default: p(() => [o(f(t), {
+				variant: "ghost",
+				iconOnly: "",
+				class: l(f(e)("absolute top-1/2 -translate-y-1/2 right-0 disabled:cursor-not-allowed disabled:opacity-20", a.class))
+			}, {
+				default: p(() => [d(n.$slots, "default", {}, () => [o(f(x), { class: "size-icon-sm" })])]),
+				_: 3
+			}, 8, ["class"])]),
+			_: 3
+		}, 16));
+	}
+}), T = /* @__PURE__ */ s({
+	__name: "NumberFieldDecrement",
+	props: {
+		disabled: { type: Boolean },
+		asChild: { type: Boolean },
+		as: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(n) {
+		let a = n, s = v(r(() => {
+			let { class: e, ...t } = a;
+			return t;
+		}));
+		return (n, r) => (u(), i(f(m), c({ "data-slot": "decrement" }, f(s), { "as-child": "" }), {
+			default: p(() => [o(f(t), {
+				variant: "ghost",
+				iconOnly: "",
+				class: l(f(e)("absolute top-1/2 -translate-y-1/2 left-0 disabled:cursor-not-allowed disabled:opacity-20", a.class))
+			}, {
+				default: p(() => [d(n.$slots, "default", {}, () => [o(f(b), { class: "size-icon-sm" })])]),
+				_: 3
+			}, 8, ["class"])]),
+			_: 3
+		}, 16));
+	}
+}), E = /* @__PURE__ */ s({
+	__name: "NumberFieldContent",
+	props: { class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
+	setup(t) {
+		let n = t;
+		return (t, r) => (u(), a("div", { class: l(f(e)("relative [&>[data-slot=input]]:has-[[data-slot=increment]]:pr-5 [&>[data-slot=input]]:has-[[data-slot=decrement]]:pl-5", n.class)) }, [d(t.$slots, "default")], 2));
+	}
+});
+//#endregion
+export { S as a, C as i, T as n, w as r, E as t };

package/dist/number-field.d.ts

@@ -1 +1 @@
-export * from "./components/ui/number-field";
+export * from "./components/number-field";

package/dist/number-field.js

@@ -1,2 +1,2 @@
-import { a as e, i as t, n, r, t as i } from "./NumberFieldContent-Z3VxGu_6.js";
+import { a as e, i as t, n, r, t as i } from "./number-field-PvkGedHk.js";
 export { e as NumberField, i as NumberFieldContent, n as NumberFieldDecrement, r as NumberFieldIncrement, t as NumberFieldInput };