@mkbabb/glass-ui 4.0.0 → 4.1.0

package/dist/motion.js

@@ -1,50 +1,87 @@
-import { n as e, t } from "./useSpringMount-CvopqiFr.js";
-import { n, t as r } from "./springPresets-WXaLbu8u.js";
-import { n as i, t as a } from "./constants-BPOqYJAm.js";
-import { t as o } from "./useAnimatedNumber-C_3wZLx4.js";
-import { computed as s, onBeforeUnmount as c, onScopeDispose as l, ref as u, shallowRef as d } from "vue";
-import { AnimationOptionError as f, Draggable as p, ElementMorph as m, ManualTimeline as h, NumericAnimation as g, NumericAnimation as _, RAFPlayback as v, ScrollTimeline as y, Sequence as b, SmoothProgress as x, SpringProgress as S, Timeline as C, UnknownEasingError as w, createNativeTimeline as T, decay as E, decayRest as D, drag as O, flip as k, flipShared as A, loadAnimationEngine as j, resolveEasing as M, springLinearStops as N, springTimingFunction as P, stagger as F, toEasing as I } from "@mkbabb/keyframes.js";
-//#region src/composables/motion/useSpringPress.ts
-function L(t = {}) {
-	let n = u(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;
+import { t as e } from "./useSpring-C0jyvEJB.js";
+import { n as t, t as n } from "./springPresets-Ce7OYCm9.js";
+import { t as r } from "./useSpringPress-B1-Czp-V.js";
+import { t as i } from "./useLiquidPress-BooG97RY.js";
+import { t as a } from "./useSpringMount-BWDnKIwh.js";
+import { n as o, t as s } from "./constants--C2DkLW8.js";
+import { t as c } from "./useDragMorph-BUgAC-zK.js";
+import { t as l } from "./useDockCtaReceive-DfFkmgL1.js";
+import { t as u } from "./useAnimatedNumber-CLrxicG9.js";
+import { computed as d, onBeforeUnmount as f, onScopeDispose as p, ref as m, shallowRef as h } from "vue";
+import { AnimationOptionError as g, Draggable as _, ElementMorph as v, ElementMorph as y, ManualTimeline as b, NumericAnimation as x, NumericAnimation as S, RAFPlayback as C, ScrollTimeline as w, Sequence as T, SmoothProgress as E, SpringProgress as D, Timeline as O, UnknownEasingError as k, createNativeTimeline as A, decay as j, decayRest as M, drag as N, flip as P, flipShared as F, loadAnimationEngine as I, resolveEasing as L, springLinearStops as R, springTimingFunction as z, springTimingFunction as B, stagger as V, toEasing as H } from "@mkbabb/keyframes.js";
+//#region src/composables/motion/useLiquidReveal.ts
+function U() {
+	return typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+}
+function W(e, n = {}) {
+	let r = n.respectReducedMotion !== !1, i = n.blur ?? 4, { response: a, dampingFraction: o } = t(n.preset ?? "snappy"), s = B({
+		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 a() {
-		n.value = 0;
+	function m() {
+		u && typeof cancelAnimationFrame == "function" && cancelAnimationFrame(u), u = 0;
 	}
-	return {
-		...r,
-		press: i,
-		release: a,
-		handlers: {
-			onPointerdown: i,
-			onPointerup: a,
-			onPointercancel: a,
-			onPointerleave: a
+	function h() {
+		let t = e.value;
+		if (!t) return;
+		m();
+		let a = t.getBoundingClientRect(), o = n.trigger?.value ?? null, 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 && U()) {
+			f(t), t.style.opacity = "1";
+			return;
 		}
+		l = new y({
+			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 = e.value;
+		t && f(t);
+	}
+	return p(() => {
+		m(), l = null;
+	}), {
+		reveal: h,
+		conceal: g
 	};
 }
 //#endregion
 //#region src/composables/motion/useNumericTransition.ts
-function R(e) {
-	let t = u(0), n = u(!1), { from: r, to: i, duration: a, timingFunction: o, onFrame: s } = e, l = d(new _([r, i], {
+function G(e) {
+	let t = m(0), n = m(!1), { from: r, to: i, duration: a, timingFunction: o, onFrame: s } = e, c = h(new S([r, i], {
 		duration: a,
 		timingFunction: o
 	}));
-	async function f() {
-		n.value && l.value.stop(), n.value = !0, t.value = 0;
+	async function l() {
+		n.value && c.value.stop(), n.value = !0, t.value = 0;
 		try {
-			await l.value.play((e) => {
+			await c.value.play((e) => {
 				s?.(e);
 				let n = Object.keys(r);
 				if (n.length > 0) {
@@ -59,34 +96,34 @@ function R(e) {
 			n.value = !1;
 		}
 	}
-	function p() {
-		l.value.stop(), n.value = !1;
+	function u() {
+		c.value.stop(), n.value = !1;
 	}
-	return c(() => {
-		p();
+	return f(() => {
+		u();
 	}), {
-		start: f,
-		stop: p,
+		start: l,
+		stop: u,
 		progress: t,
 		playing: n
 	};
 }
 //#endregion
 //#region src/composables/motion/useAnimatedNumberMap.ts
-function z(e) {
+function K(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);
+		let t = n(e), { current: a } = u(() => t.value, r);
+		i[e] = d(() => t.value === null ? null : a.value);
 	}
 	return i;
 }
 //#endregion
 //#region src/composables/motion/useCountup.ts
-function B() {
+function q() {
 	return typeof window > "u" || typeof window.matchMedia != "function" ? !1 : window.matchMedia("(prefers-reduced-motion: reduce)").matches;
 }
-function V(e, t) {
+function J(e, t) {
 	let { easeFn: n, skip: r } = t, i = /* @__PURE__ */ new Map();
 	function a(e) {
 		let t = i.get(e);
@@ -95,12 +132,12 @@ function V(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), B()) {
+			if (a(e), q()) {
 				e.textContent = String(t);
 				return;
 			}
 			e.textContent = "0";
-			let s = new _([{ v: 0 }, { v: t }], {
+			let s = new S([{ v: 0 }, { v: t }], {
 				duration: r,
 				timingFunction: n
 			});
@@ -130,14 +167,14 @@ function V(e, t) {
 			a(e), e.textContent = e.getAttribute("data-countup") ?? e.textContent;
 		});
 	}
-	function u() {
+	function l() {
 		for (let e of [...i.keys()]) a(e);
 	}
-	return l(u), {
+	return p(l), {
 		runActive: s,
 		settle: c,
-		cancel: u
+		cancel: l
 	};
 }
 //#endregion
-export { f as AnimationOptionError, a as DAMPING, p as Draggable, m as ElementMorph, h as ManualTimeline, g as NumericAnimation, v as RAFPlayback, i as SNAP_THRESHOLD, r as SPRING_PRESETS, y as ScrollTimeline, b as Sequence, x as SmoothProgress, S as SpringProgress, C as Timeline, w as UnknownEasingError, T as createNativeTimeline, E as decay, D as decayRest, O as drag, k as flip, A as flipShared, j as loadAnimationEngine, M as resolveEasing, N as springLinearStops, n as springPreset, P as springTimingFunction, F as stagger, I as toEasing, o as useAnimatedNumber, z as useAnimatedNumberMap, V as useCountup, R as useNumericTransition, e as useSpring, t as useSpringMount, L as useSpringPress };
+export { g as AnimationOptionError, s as DAMPING, _ as Draggable, v as ElementMorph, b as ManualTimeline, x as NumericAnimation, C as RAFPlayback, o as SNAP_THRESHOLD, n as SPRING_PRESETS, w as ScrollTimeline, T as Sequence, E as SmoothProgress, D as SpringProgress, O as Timeline, k as UnknownEasingError, A as createNativeTimeline, j as decay, M as decayRest, N as drag, P as flip, F as flipShared, I as loadAnimationEngine, L as resolveEasing, R as springLinearStops, t as springPreset, z as springTimingFunction, V as stagger, H as toEasing, u as useAnimatedNumber, K as useAnimatedNumberMap, J as useCountup, l as useDockCtaReceive, c as useDragMorph, i as useLiquidPress, W as useLiquidReveal, G as useNumericTransition, e as useSpring, a as useSpringMount, r as useSpringPress };

package/dist/notification.js

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

package/dist/number-field.js

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

package/dist/pager-dots.js

@@ -1,91 +1,2 @@
-import { t as e } from "./cn-DJXf4yaB.js";
-import { t } from "./_plugin-vue_export-helper-CBt_VvXa.js";
-import { Fragment as n, computed as r, createElementBlock as i, defineComponent as a, mergeModels as o, nextTick as s, normalizeClass as c, openBlock as l, ref as u, renderList as d, unref as f, useModel as p, watch as m } from "vue";
-//#region src/components/custom/pager-dots/PagerDots.vue?vue&type=script&setup=true&lang.ts
-var h = [
-	"aria-label",
-	"aria-orientation",
-	"data-orientation"
-], g = [
-	"aria-selected",
-	"aria-label",
-	"data-active",
-	"data-edge",
-	"onClick"
-], _ = /* @__PURE__ */ t(/* @__PURE__ */ a({
-	__name: "PagerDots",
-	props: /* @__PURE__ */ o({
-		count: {},
-		orientation: { default: "horizontal" },
-		windowFit: {},
-		ring: {
-			type: Boolean,
-			default: !0
-		},
-		ariaLabel: { default: "Pager" },
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] }
-	}, {
-		active: { default: 0 },
-		activeModifiers: {}
-	}),
-	emits: /* @__PURE__ */ o(["select"], ["update:active"]),
-	setup(t, { emit: a }) {
-		let o = t, _ = a, v = p(t, "active"), y = u(null), b = /* @__PURE__ */ new Map();
-		function x(e, t) {
-			t ? b.set(e, t) : b.delete(e);
-		}
-		function S(e, t, n) {
-			let r = Math.max(1, Math.min(n, e)), i = e <= r ? 0 : Math.max(0, Math.min(t - Math.floor(r / 2), e - r)), a = Math.min(r, e), o = Array.from({ length: a }, (e, t) => i + t);
-			return {
-				shown: o,
-				clippedStart: o.length > 0 && o[0] > 0,
-				clippedEnd: o.length > 0 && o[o.length - 1] < e - 1
-			};
-		}
-		let C = r(() => o.windowFit && o.windowFit > 0 ? S(o.count, v.value, o.windowFit) : {
-			shown: Array.from({ length: Math.max(0, o.count) }, (e, t) => t),
-			clippedStart: !1,
-			clippedEnd: !1
-		}), w = r(() => C.value.shown);
-		m(w, (e) => {
-			let t = y.value;
-			if (!t || !t.contains(document.activeElement)) return;
-			let n = document.activeElement;
-			e.some((e) => b.get(e) === n) || s(() => b.get(v.value)?.focus());
-		});
-		function T(e) {
-			v.value = e, _("select", e);
-		}
-		return (r, a) => (l(), i("div", {
-			ref_key: "rootEl",
-			ref: y,
-			"data-slot": "pager-dots",
-			role: "tablist",
-			"aria-label": t.ariaLabel,
-			"aria-orientation": t.orientation,
-			"data-orientation": t.orientation,
-			class: c(f(e)("pager-dots inline-flex items-center justify-center gap-1.5", t.ring && "glass-pager-ring", t.orientation === "vertical" && "flex-col", o.class))
-		}, [(l(!0), i(n, null, d(w.value, (e, t) => (l(), i("button", {
-			key: e,
-			ref_for: !0,
-			ref: (t) => x(e, t),
-			type: "button",
-			role: "tab",
-			"aria-selected": e === v.value,
-			"aria-label": `Go to slide ${e + 1}`,
-			"data-active": e === v.value ? "" : void 0,
-			"data-edge": t === 0 && C.value.clippedStart || t === w.value.length - 1 && C.value.clippedEnd ? "" : void 0,
-			"data-slot": "pager-dot",
-			class: "pager-dot focus-ring tap-squish",
-			onClick: (t) => T(e)
-		}, null, 8, g))), 128))], 10, h));
-	}
-}), [["__scopeId", "data-v-fab90e4f"]]);
-//#endregion
-export { _ as PagerDots };
+import { n as e, t } from "./PagerDots-Cjx96la-.js";
+export { t as PagerDots, e as pagerWindow };

package/dist/paper-backdrop.js

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

package/dist/paper-grid.d.ts

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