@mkbabb/glass-ui 0.3.0 → 2.1.0

package/dist/motion.js

@@ -0,0 +1,286 @@
+import { n as e, t } from "./useSpringMount-BTRBNzXP.js";
+import { t as n } from "./useGlobalDark-PMiP5Jku.js";
+import { t as r } from "./useIntersectionPause-CXYfYg_C.js";
+import { n as i, r as a, t as o } from "./useAnimatedNumber-DcvTR9B4.js";
+import { computed as s, getCurrentScope as c, nextTick as l, onBeforeUnmount as u, onMounted as d, onScopeDispose as f, reactive as p, readonly as m, ref as h, shallowRef as g, unref as _, watch as v } from "vue";
+import { NumericAnimation as y } from "@mkbabb/keyframes.js";
+//#region src/composables/motion/useSpringPress.ts
+function b(t = {}) {
+	let n = h(0), r = e(n, {
+		response: t.response ?? .25,
+		dampingFraction: t.dampingFraction ?? .7,
+		initial: t.initial ?? 0,
+		initialVelocity: t.initialVelocity,
+		settleThreshold: t.settleThreshold,
+		velocitySettleThreshold: t.velocitySettleThreshold,
+		respectReducedMotion: t.respectReducedMotion,
+		onValue: t.onValue
+	});
+	function i() {
+		n.value = 1;
+	}
+	function a() {
+		n.value = 0;
+	}
+	return {
+		...r,
+		press: i,
+		release: a,
+		handlers: {
+			onPointerdown: i,
+			onPointerup: a,
+			onPointercancel: a,
+			onPointerleave: a
+		}
+	};
+}
+//#endregion
+//#region src/composables/motion/useNumericTransition.ts
+function x(e) {
+	let t = h(0), n = h(!1), { from: r, to: i, duration: a, timingFunction: o, onFrame: s } = e, c = g(new y([r, i], {
+		duration: a,
+		timingFunction: o
+	}));
+	async function l() {
+		n.value && c.value.stop(), n.value = !0, t.value = 0;
+		try {
+			await c.value.play((e) => {
+				s?.(e);
+				let n = Object.keys(r);
+				if (n.length > 0) {
+					let a = n[0], o = i[a] - r[a];
+					if (o !== 0) {
+						let n = e[a] - r[a];
+						t.value = Math.max(0, Math.min(1, n / o));
+					}
+				}
+			}), t.value = 1;
+		} finally {
+			n.value = !1;
+		}
+	}
+	function d() {
+		c.value.stop(), n.value = !1;
+	}
+	return u(() => {
+		d();
+	}), {
+		start: l,
+		stop: d,
+		progress: t,
+		playing: n
+	};
+}
+//#endregion
+//#region src/composables/motion/useSpringOrchestrator.ts
+var S = x;
+//#endregion
+//#region src/composables/motion/useStaggerReveal.ts
+function C(e = {}) {
+	let { staggerMs: t = 60, once: n = !0, rootMargin: r = "0px", threshold: i = .15 } = e, a = h([]), o = p({}), s = /* @__PURE__ */ new WeakMap(), c = /* @__PURE__ */ new Set(), l = typeof IntersectionObserver > "u" ? null : new IntersectionObserver((e) => {
+		for (let r of e) {
+			let e = r.target, i = s.get(e);
+			if (i !== void 0) if (r.isIntersecting) {
+				let r = setTimeout(() => {
+					o[i] = !0, c.delete(r);
+				}, t * i);
+				c.add(r), n && l?.unobserve(e);
+			} else n || (o[i] = !1);
+		}
+	}, {
+		rootMargin: r,
+		threshold: i
+	});
+	function d(e, t) {
+		if (!e) return;
+		let n = t ?? a.value.length;
+		s.has(e) || (s.set(e, n), a.value.push(e), o[n] = !1, l?.observe(e));
+	}
+	return u(() => {
+		l?.disconnect();
+		for (let e of c) clearTimeout(e);
+		c.clear();
+	}), {
+		targets: a,
+		register: d,
+		revealed: o
+	};
+}
+//#endregion
+//#region src/composables/motion/useScrollProgress.ts
+function w(e) {
+	let { offset: t = 0, trackExit: n = !1 } = e, r = h(0), i = 0, a = null;
+	function o() {
+		let i = _(e.target);
+		if (!i) return;
+		let a = i.getBoundingClientRect(), o = window.innerHeight + t, s = o - (n ? -a.height : 0);
+		if (s === 0) {
+			r.value = 0;
+			return;
+		}
+		let c = (o - a.top) / s;
+		r.value = Math.max(0, Math.min(1, c));
+	}
+	function s() {
+		i ||= requestAnimationFrame(() => {
+			i = 0, o();
+		});
+	}
+	return d(() => {
+		o(), window.addEventListener("scroll", s, { passive: !0 }), window.addEventListener("resize", s, { passive: !0 });
+		let t = _(e.target);
+		t && typeof ResizeObserver < "u" && (a = new ResizeObserver(s), a.observe(t));
+	}), v(() => _(e.target), (e, t) => {
+		t && a && a.unobserve(t), e && a && a.observe(e), s();
+	}), u(() => {
+		window.removeEventListener("scroll", s), window.removeEventListener("resize", s), i && cancelAnimationFrame(i), a?.disconnect(), a = null;
+	}), r;
+}
+//#endregion
+//#region src/composables/motion/useAnimatedNumberMap.ts
+function T(e) {
+	let { keys: t, source: n, ...r } = e, i = {};
+	for (let e of t) {
+		let t = n(e), { current: a } = o(() => t.value, r);
+		i[e] = s(() => t.value === null ? null : a.value);
+	}
+	return i;
+}
+//#endregion
+//#region src/composables/motion/installDarkModeSync.ts
+function E(e) {
+	let { isDark: t } = n();
+	v(t, () => {
+		l(() => {
+			requestAnimationFrame(e);
+		});
+	});
+}
+//#endregion
+//#region src/composables/motion/useRAFLoop.ts
+var D = "(prefers-reduced-motion: reduce)";
+function O() {
+	return typeof globalThis.requestAnimationFrame == "function" ? globalThis.requestAnimationFrame.bind(globalThis) : null;
+}
+function k() {
+	return typeof globalThis.cancelAnimationFrame == "function" ? globalThis.cancelAnimationFrame.bind(globalThis) : null;
+}
+function A() {
+	return typeof document > "u" ? null : document;
+}
+function j() {
+	return typeof window > "u" ? null : window;
+}
+function M(e, t = {}) {
+	let { immediate: n = !0, pauseWhenHidden: r = !0, respectReducedMotion: i = !0 } = t, a = h(!1), o = h(!1), l = h(r ? !!A()?.hidden : !1), u = h(!1), d = h(!1), p = s(() => u.value && !a.value && (d.value || l.value || i && o.value || !O())), g = null, _ = null, v = 0, y = 0, b = !1, x = null;
+	function S() {
+		return !b && u.value && !d.value && !l.value && !(i && o.value) && !!O();
+	}
+	function C() {
+		g !== null && (k()?.(g), g = null), a.value = !1, _ = null;
+	}
+	function w() {
+		if (g !== null || !S()) return;
+		let t = O();
+		t && (a.value = !0, g = t((t) => {
+			if (g = null, !S()) {
+				C();
+				return;
+			}
+			let n = _ === null ? 0 : Math.max(0, t - _);
+			_ = t, v += n, e({
+				now: t,
+				delta: n,
+				elapsed: v,
+				frame: y++
+			}), S() ? w() : C();
+		}));
+	}
+	function T() {
+		S() ? w() : C();
+	}
+	function E() {
+		_ = null, v = 0, y = 0;
+	}
+	function M() {
+		b || (E(), u.value = !0, d.value = !1, T());
+	}
+	function N() {
+		u.value = !1, d.value = !1, E(), C();
+	}
+	function P() {
+		u.value && (d.value = !0, T());
+	}
+	function F() {
+		b || (d.value = !1, T());
+	}
+	function I() {
+		l.value = r ? !!A()?.hidden : !1, T();
+	}
+	let L = A();
+	if (L && r && L.addEventListener("visibilitychange", I), i) {
+		let e = j(), t = typeof e?.matchMedia == "function" ? e.matchMedia(D) : null;
+		if (t) {
+			let e = (e) => {
+				o.value = e.matches, T();
+			};
+			o.value = t.matches, typeof t.addEventListener == "function" ? (t.addEventListener("change", e), x = () => t.removeEventListener("change", e)) : typeof t.addListener == "function" && (t.addListener(e), x = () => t.removeListener?.(e));
+		}
+	}
+	function R() {
+		b || (b = !0, N(), L?.removeEventListener("visibilitychange", I), x?.(), x = null);
+	}
+	return c() && f(R), n && M(), {
+		isActive: m(a),
+		isPaused: m(p),
+		isReducedMotion: m(o),
+		start: M,
+		stop: N,
+		pause: P,
+		resume: F,
+		dispose: R
+	};
+}
+//#endregion
+//#region src/composables/motion/useStagger.ts
+function N() {
+	return typeof window > "u" || typeof window.matchMedia != "function" ? !1 : window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+}
+function P(e) {
+	let t = Math.max(0, Math.floor(e.items)), n = e.delayMs ?? 80, r = e.initialDelayMs ?? 0, i = e.immediate !== !1, a = e.respectReducedMotion !== !1, o = h(Array(t).fill(!1)), s = h(t === 0), c = /* @__PURE__ */ new Set();
+	function l() {
+		for (let e of c) clearTimeout(e);
+		c.clear();
+	}
+	function u() {
+		l(), o.value = Array(t).fill(!1), s.value = t === 0;
+	}
+	function d() {
+		o.value = Array(t).fill(!0), s.value = !0;
+	}
+	function p() {
+		if (u(), t === 0) {
+			s.value = !0;
+			return;
+		}
+		if (a && N()) {
+			d();
+			return;
+		}
+		for (let e = 0; e < t; e++) {
+			let i = e, a = setTimeout(() => {
+				let e = o.value.slice();
+				e[i] = !0, o.value = e, c.delete(a), i === t - 1 && (s.value = !0);
+			}, r + i * n);
+			c.add(a);
+		}
+	}
+	return i && p(), f(l), {
+		revealed: o,
+		start: p,
+		reset: u,
+		isComplete: s
+	};
+}
+//#endregion
+export { i as DAMPING, a as SNAP_THRESHOLD, E as installDarkModeSync, o as useAnimatedNumber, T as useAnimatedNumberMap, r as useIntersectionPause, x as useNumericTransition, M as useRAFLoop, w as useScrollProgress, e as useSpring, t as useSpringMount, S as useSpringOrchestrator, b as useSpringPress, P as useStagger, C as useStaggerReveal };

package/dist/notification.d.ts

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

package/dist/notification.js

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

package/dist/paper-backdrop.d.ts

@@ -0,0 +1 @@
+export * from "./components/custom/paper-backdrop";

package/dist/paper-backdrop.js

@@ -0,0 +1,2 @@
+import { t as e } from "./PaperBackdrop-Bc2drCqJ.js";
+export { e as PaperBackdrop };

package/dist/popover.d.ts

@@ -0,0 +1 @@
+export * from "./components/ui/popover";

package/dist/popover.js

@@ -0,0 +1,2 @@
+import { n as e, r as t, t as n } from "./PopoverContent-BCH4eYs8.js";
+export { t as Popover, n as PopoverContent, e as PopoverTrigger };

package/dist/presets-BMzCDrmR.js

@@ -0,0 +1,71 @@
+//#region src/components/custom/aurora/presets.ts
+var e = 6, t = 8, n = {
+	palette: [
+		{
+			L: .72,
+			C: .1,
+			h: 220
+		},
+		{
+			L: .86,
+			C: .06,
+			h: 200
+		},
+		{
+			L: .95,
+			C: .03,
+			h: 80
+		}
+	],
+	nuclei: [{
+		x: .3,
+		y: .3,
+		radius: .5,
+		paletteBias: 0,
+		valueBias: 0,
+		driftRadius: .015,
+		driftPhase: 0
+	}, {
+		x: .7,
+		y: .65,
+		radius: .5,
+		paletteBias: 1,
+		valueBias: .05,
+		driftRadius: .015,
+		driftPhase: 2.4
+	}],
+	softmaxBeta: 3,
+	valueVariance: .08,
+	warpAmount: .5,
+	warpScale: 1.6,
+	warpDrift: .008,
+	warpMode: "fbm",
+	noiseOctaves: 4,
+	medium: "smooth",
+	flow: {
+		pattern: "none",
+		focalX: .5,
+		focalY: .5,
+		angle: 0,
+		curl: 0
+	},
+	strokeAmount: 0,
+	strokeScale: 140,
+	strokeAnisotropy: .7,
+	strokeLayers: 1,
+	strokeMode: "oil",
+	wetEdge: 0,
+	granulation: 0,
+	impasto: 0,
+	brokenColor: 0,
+	canvasGrain: 0,
+	nucleiDrift: .01,
+	paletteDrift: .008,
+	breathDepth: .05,
+	breathPeriod: 40,
+	saturation: 1,
+	paperGrain: .008,
+	alpha: 1
+};
+//#endregion
+export { e as n, t as r, n as t };

package/dist/progress.d.ts

@@ -0,0 +1 @@
+export * from "./components/ui/progress";

package/dist/progress.js

@@ -0,0 +1,2 @@
+import { t as e } from "./Progress-CCH-2UBR.js";
+export { e as Progress };

package/dist/pulse.d.ts

@@ -0,0 +1 @@
+export * from "./components/custom/pulse";

package/dist/pulse.js

@@ -0,0 +1,54 @@
+import { t as e } from "./cn-DJXf4yaB.js";
+import { t } from "./_plugin-vue_export-helper-n-_DRHWS.js";
+import { Fragment as n, computed as r, createCommentVNode as i, createElementBlock as a, defineComponent as o, normalizeClass as s, normalizeStyle as c, openBlock as l, renderList as u, unref as d } from "vue";
+//#region src/components/custom/pulse/Pulse.vue?vue&type=script&setup=true&lang.ts
+var f = {
+	key: 1,
+	class: "pulse-ring"
+}, p = /* @__PURE__ */ t(/* @__PURE__ */ o({
+	__name: "Pulse",
+	props: {
+		variant: { default: "dots" },
+		count: { default: 3 },
+		speed: { default: "normal" },
+		intensity: { default: "normal" },
+		once: {
+			type: Boolean,
+			default: !1
+		},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(t) {
+		let o = t, p = r(() => Array.from({ length: o.count }, (e, t) => t)), m = r(() => ({
+			slow: "var(--duration-slow, 0.45s)",
+			normal: "var(--duration-panel, 0.55s)",
+			fast: "var(--duration-fast, 0.2s)"
+		})[o.speed]), h = r(() => ({
+			subtle: "1.06",
+			normal: "var(--animate-ambient-pulse-scale-max, 1.15)",
+			vivid: "1.22"
+		})[o.intensity]);
+		return (r, g) => t.variant === "aura" ? (l(), a("div", {
+			key: 0,
+			class: s(d(e)("pulse-aura", t.once && "pulse-aura--once", o.class)),
+			style: c({ "--pulse-aura-scale-max": h.value }),
+			"aria-hidden": "true"
+		}, null, 6)) : (l(), a("div", {
+			key: 1,
+			class: s(d(e)("inline-flex items-center", t.variant === "dots" && "gap-1", o.class)),
+			style: c({ "--pulse-duration": m.value })
+		}, [t.variant === "dots" ? (l(!0), a(n, { key: 0 }, u(p.value, (e) => (l(), a("span", {
+			key: e,
+			class: "pulse-dot",
+			style: c({ "--pulse-index": e })
+		}, null, 4))), 128)) : t.variant === "ring" ? (l(), a("span", f)) : i("", !0)], 6));
+	}
+}), [["__scopeId", "data-v-5d1d41d2"]]);
+//#endregion
+export { p as Pulse };

package/dist/reactive.d.ts

@@ -0,0 +1 @@
+export * from "./composables/reactive";

package/dist/reactive.js

@@ -0,0 +1,3 @@
+import { t as e } from "./useTimer-lp5NlH4w.js";
+import { t } from "./useInterval-COlTCeVa.js";
+export { t as useInterval, e as useTimer };

package/dist/responsive-tabs.d.ts

@@ -0,0 +1 @@
+export * from "./components/custom/responsive-tabs";

package/dist/responsive-tabs.js

@@ -0,0 +1,89 @@
+import { t as e } from "./cn-DJXf4yaB.js";
+import { a as t, i as n, o as r, r as i, s as a } from "./SelectScrollDownButton-yu8EYUnu.js";
+import { t as o } from "./UnderlineTabs-BtrUcXn-.js";
+import { Fragment as s, computed as c, createBlock as l, createElementBlock as u, createTextVNode as d, createVNode as f, defineComponent as p, normalizeClass as m, onBeforeUnmount as h, onMounted as g, openBlock as _, ref as v, renderList as y, toDisplayString as b, unref as x, withCtx as S } from "vue";
+//#endregion
+//#region src/components/custom/responsive-tabs/ResponsiveTabs.vue
+var C = /* @__PURE__ */ p({
+	__name: "ResponsiveTabs",
+	props: {
+		options: {},
+		desktopOptions: { default: null },
+		modelValue: {},
+		breakpoint: { default: "640px" },
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		desktopClass: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		mobileTriggerClass: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	emits: ["update:modelValue"],
+	setup(p, { emit: C }) {
+		let w = p, T = C, E = v(!0), D = null;
+		function O(e) {
+			E.value = e.matches;
+		}
+		g(() => {
+			typeof window > "u" || !window.matchMedia || (D = window.matchMedia(`(min-width: ${w.breakpoint})`), E.value = D.matches, D.addEventListener("change", O));
+		}), h(() => {
+			D?.removeEventListener("change", O), D = null;
+		});
+		let k = c(() => w.desktopOptions ?? w.options), A = c(() => {
+			let e = k.value;
+			return e.some((e) => e.value === w.modelValue) ? w.modelValue : e[0]?.value ?? w.modelValue;
+		});
+		function j(e) {
+			typeof e == "string" && T("update:modelValue", e);
+		}
+		return (c, h) => E.value ? (_(), l(x(o), {
+			key: 0,
+			options: k.value,
+			"model-value": A.value,
+			class: m(x(e)("responsive-tabs__desktop text-body", w.class, p.desktopClass)),
+			"onUpdate:modelValue": j
+		}, null, 8, [
+			"options",
+			"model-value",
+			"class"
+		])) : (_(), u("div", {
+			key: 1,
+			class: m(x(e)("responsive-tabs__mobile w-fit", w.class))
+		}, [f(x(a), {
+			"model-value": p.modelValue,
+			"onUpdate:modelValue": j
+		}, {
+			default: S(() => [f(x(t), { class: m(x(e)("text-small w-auto min-w-input-sm", p.mobileTriggerClass)) }, {
+				default: S(() => [f(x(r))]),
+				_: 1
+			}, 8, ["class"]), f(x(n), null, {
+				default: S(() => [(_(!0), u(s, null, y(p.options, (e) => (_(), l(x(i), {
+					key: e.value,
+					value: e.value
+				}, {
+					default: S(() => [d(b(e.label), 1)]),
+					_: 2
+				}, 1032, ["value"]))), 128))]),
+				_: 1
+			})]),
+			_: 1
+		}, 8, ["model-value"])], 2));
+	}
+});
+//#endregion
+export { C as ResponsiveTabs };

package/dist/scrolling-text.d.ts

@@ -0,0 +1 @@
+export * from "./components/custom/scrolling-text";

package/dist/scrolling-text.js

@@ -0,0 +1,2 @@
+import { t as e } from "./ScrollingText-7P8skg5W.js";
+export { e as ScrollingText };

package/dist/search-ocd8tmL9.js

@@ -0,0 +1,12 @@
+import { t as e } from "./createLucideIcon-Bn9a1b70.js";
+var t = e("search", [["path", {
+	d: "m21 21-4.34-4.34",
+	key: "14j7rj"
+}], ["circle", {
+	cx: "11",
+	cy: "11",
+	r: "8",
+	key: "4ej97u"
+}]]);
+//#endregion
+export { t };

package/dist/search.d.ts

@@ -0,0 +1 @@
+export * from "./components/custom/search";