@mkbabb/glass-ui 4.0.1 → 4.2.0

package/dist/motion.js

@@ -1,69 +1,76 @@
 import { t as e } from "./useSpring-C0jyvEJB.js";
-import { t } from "./useSpringPress-BsqPr7FJ.js";
-import { t as n } from "./useLiquidPress-kfb4KX79.js";
-import { n as r, t as i } from "./springPresets-CFQGQfdl.js";
-import { t as a } from "./useSpringMount-q1amq1SJ.js";
-import { n as o, t as s } from "./constants-BPOqYJAm.js";
-import { t as c } from "./useDragMorph-DgxnsVJz.js";
-import { t as l } from "./useAnimatedNumber-BfUq2bUM.js";
-import { computed as u, onBeforeUnmount as d, onScopeDispose as f, ref as p, shallowRef as m } from "vue";
-import { AnimationOptionError as h, Draggable as g, ElementMorph as _, ElementMorph as v, ManualTimeline as y, NumericAnimation as b, NumericAnimation as x, RAFPlayback as S, ScrollTimeline as C, Sequence as w, SmoothProgress as T, SpringProgress as E, Timeline as D, UnknownEasingError as O, createNativeTimeline as k, decay as A, decayRest as j, drag as M, flip as N, flipShared as P, loadAnimationEngine as F, resolveEasing as I, springLinearStops as L, springTimingFunction as R, springTimingFunction as z, stagger as B, toEasing as V } from "@mkbabb/keyframes.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";
 //#region src/composables/motion/useLiquidReveal.ts
-function H() {
+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 U(e, t = {}) {
-	let n = t.respectReducedMotion !== !1, i = t.blur ?? 4, { response: a, dampingFraction: o } = r(t.preset ?? "snappy"), s = z({
+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 p(e) {
+	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 r = e.value;
-		if (!r) return;
+		let t = J(e.value);
+		if (!t) return;
 		m();
-		let a = r.getBoundingClientRect(), o = t.trigger?.value ?? null, f = o ? o.getBoundingClientRect() : {
+		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 = `${f.x - a.x}px ${f.y - a.y}px`;
-		if (n && H()) {
-			p(r), r.style.opacity = "1";
+		}, h = `${p.x - a.x}px ${p.y - a.y}px`;
+		if (r && Y()) {
+			f(t), t.style.opacity = "1";
 			return;
 		}
-		l = new v({
+		l = new x({
 			x: a.x,
 			y: a.y,
 			width: a.width,
 			height: a.height
 		}, {
-			x: f.x,
-			y: f.y,
-			width: f.width,
-			height: f.height
+			x: p.x,
+			y: p.y,
+			width: p.width,
+			height: p.height
 		}, { transformOrigin: h }), d = 0;
-		let g = (t) => {
+		let g = (n) => {
 			if (!l || !e.value) return;
-			d === 0 && (d = t);
-			let n = Math.min(1, (t - d) / c), a = s.fn(n), o = 1 - a;
-			l.apply(r, o), r.style.opacity = String(Math.min(1, Math.max(0, a)));
-			let f = i * o;
-			r.style.filter = `blur(${f.toFixed(2)}px)`, n < 1 && typeof requestAnimationFrame == "function" ? u = requestAnimationFrame(g) : (p(r), r.style.opacity = "1", l = null, u = 0);
+			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) : (p(r), r.style.opacity = "1");
+		typeof requestAnimationFrame == "function" ? u = requestAnimationFrame(g) : (f(t), t.style.opacity = "1");
 	}
 	function g() {
 		m(), l = null;
-		let t = e.value;
-		t && p(t);
+		let t = J(e.value);
+		t && f(t);
 	}
-	return f(() => {
+	return p(() => {
 		m(), l = null;
 	}), {
 		reveal: h,
@@ -71,75 +78,203 @@ function U(e, t = {}) {
 	};
 }
 //#endregion
-//#region src/composables/motion/useDockCtaReceive.ts
-function W() {
+//#region src/composables/motion/useBloomUp.ts
+var Z = 8;
+function ie() {
 	return typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
 }
-function G(e, t) {
-	let n = t.respectReducedMotion !== !1, i = t.blur ?? 4, { response: a, dampingFraction: o } = r(t.preset ?? "snappy"), s = z({
-		response: a,
-		dampingFraction: o
-	}), c = a * 4 * 1e3, l = null, u = 0, d = 0;
-	function p(e) {
+function ae(e) {
+	let t = e ?? Z;
+	return Number.isFinite(t) ? Math.min(Z, Math.max(0, t)) : Z;
+}
+function oe(e, t) {
+	if (t?.value) return t.value;
+	let n = e.parentElement;
+	for (; n;) {
+		if (n.hasAttribute("data-glass-field")) return n;
+		n = n.parentElement;
+	}
+	return e.parentElement;
+}
+function se(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({
+		response: c,
+		dampingFraction: l
+	}), d = c * 4 * 1e3, f = h(!1), g = null, v = 0, y = 0, b = null;
+	function S(e) {
 		e.style.transform = "", e.style.transformOrigin = "", e.style.opacity = "", e.style.filter = "";
 	}
-	function m() {
-		u && typeof cancelAnimationFrame == "function" && cancelAnimationFrame(u), u = 0;
+	function C() {
+		let t = n.value;
+		if (!t || v) return;
+		let r = t.getBoundingClientRect(), i = e.value, a = i ? i.getBoundingClientRect() : {
+			x: r.x + r.width * .04,
+			y: r.y + r.height * .04,
+			width: r.width * .92,
+			height: r.height * .92
+		};
+		if (t.style.opacity = "0", r.width > 0 && r.height > 0) {
+			let e = a.x - r.x, n = a.y - r.y;
+			new x({
+				x: r.x,
+				y: r.y,
+				width: r.width,
+				height: r.height
+			}, {
+				x: a.x,
+				y: a.y,
+				width: a.width,
+				height: a.height
+			}, { transformOrigin: `${e}px ${n}px` }).apply(t, 1);
+		}
 	}
-	function h() {
-		t.onReceived?.();
+	function w(e, t) {
+		e.style.setProperty("--glass-ambient-hue", t);
 	}
-	function g() {
-		let r = e.value;
-		if (!r) return;
-		m();
-		let a = r.getBoundingClientRect(), o = t.dockControl.value;
-		if (!o) {
-			r.style.opacity = "0", h();
-			return;
-		}
-		let f = o.getBoundingClientRect();
-		if (n && W()) {
-			p(r), r.style.opacity = "0", h();
+	function T(e, t) {
+		e.style.setProperty("--glass-ambient-strength", `${t.toFixed(3)}%`);
+	}
+	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() {
+		f.value = !1, r.onBloomed?.();
+	}
+	function k() {
+		let t = n.value;
+		if (!t) return;
+		D();
+		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();
 			return;
 		}
-		l = new v({
-			x: a.x,
-			y: a.y,
-			width: a.width,
-			height: a.height
+		g = new x({
+			x: s.x,
+			y: s.y,
+			width: s.width,
+			height: s.height
 		}, {
-			x: f.x,
-			y: f.y,
-			width: f.width,
-			height: f.height
-		}, { transformOrigin: "center center" }), d = 0;
-		let g = (t) => {
-			if (!l || !e.value) return;
-			d === 0 && (d = t);
-			let n = Math.min(1, (t - d) / c), a = s.fn(n);
-			l.apply(r, a), r.style.opacity = String(Math.min(1, Math.max(0, 1 - a)));
-			let o = i * Math.min(1, Math.max(0, a));
-			r.style.filter = `blur(${o.toFixed(2)}px)`, n < 1 && typeof requestAnimationFrame == "function" ? u = requestAnimationFrame(g) : (r.style.opacity = "0", l = null, u = 0, h());
+			x: l.x,
+			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)));
+			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());
 		};
-		typeof requestAnimationFrame == "function" ? u = requestAnimationFrame(g) : (p(r), r.style.opacity = "0", h());
+		typeof requestAnimationFrame == "function" ? v = requestAnimationFrame(h) : (S(t), t.style.opacity = "1", b && p && T(b, o), O());
 	}
-	function _() {
-		m(), l = null;
-		let t = e.value;
-		t && p(t);
+	function A() {
+		D(), g = null, f.value = !1;
+		let e = n.value;
+		e && S(e), E(b), b = null;
 	}
-	return f(() => {
-		m(), l = null;
+	return s && _(n, (e) => {
+		e && !v && !f.value && C();
+	}, { flush: "pre" }), p(() => {
+		D(), g = null, E(b), b = null;
 	}), {
-		receive: g,
-		reset: _
+		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;
 	};
 }
+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 K(e) {
-	let t = p(0), n = p(!1), { from: r, to: i, duration: a, timingFunction: o, onFrame: s } = e, c = m(new x([r, i], {
+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], {
 		duration: a,
 		timingFunction: o
 	}));
@@ -164,7 +299,7 @@ function K(e) {
 	function u() {
 		c.value.stop(), n.value = !1;
 	}
-	return d(() => {
+	return f(() => {
 		u();
 	}), {
 		start: l,
@@ -175,20 +310,20 @@ function K(e) {
 }
 //#endregion
 //#region src/composables/motion/useAnimatedNumberMap.ts
-function q(e) {
+function fe(e) {
 	let { keys: t, source: n, ...r } = e, i = {};
 	for (let e of t) {
-		let t = n(e), { current: a } = l(() => t.value, r);
-		i[e] = u(() => 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 J() {
+function pe() {
 	return typeof window > "u" || typeof window.matchMedia != "function" ? !1 : window.matchMedia("(prefers-reduced-motion: reduce)").matches;
 }
-function Y(e, t) {
+function me(e, t) {
 	let { easeFn: n, skip: r } = t, i = /* @__PURE__ */ new Map();
 	function a(e) {
 		let t = i.get(e);
@@ -197,12 +332,12 @@ function Y(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), J()) {
+			if (a(e), pe()) {
 				e.textContent = String(t);
 				return;
 			}
 			e.textContent = "0";
-			let s = new x([{ v: 0 }, { v: t }], {
+			let s = new T([{ v: 0 }, { v: t }], {
 				duration: r,
 				timingFunction: n
 			});
@@ -235,11 +370,11 @@ function Y(e, t) {
 	function l() {
 		for (let e of [...i.keys()]) a(e);
 	}
-	return f(l), {
+	return p(l), {
 		runActive: s,
 		settle: c,
 		cancel: l
 	};
 }
 //#endregion
-export { h as AnimationOptionError, s as DAMPING, g as Draggable, _ as ElementMorph, y as ManualTimeline, b as NumericAnimation, S as RAFPlayback, o as SNAP_THRESHOLD, i as SPRING_PRESETS, C as ScrollTimeline, w as Sequence, T as SmoothProgress, E as SpringProgress, D as Timeline, O as UnknownEasingError, k as createNativeTimeline, A as decay, j as decayRest, M as drag, N as flip, P as flipShared, F as loadAnimationEngine, I as resolveEasing, L as springLinearStops, r as springPreset, R as springTimingFunction, B as stagger, V as toEasing, l as useAnimatedNumber, q as useAnimatedNumberMap, Y as useCountup, G as useDockCtaReceive, c as useDragMorph, n as useLiquidPress, U as useLiquidReveal, K as useNumericTransition, e as useSpring, a as useSpringMount, t as useSpringPress };
+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 };

package/dist/notification.js

@@ -1,2 +1,2 @@
-import { t as e } from "./Notification-VUwexFUf.js";
+import { t as e } from "./Notification-BlSPJhtZ.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-Cq7EzX-U.js";
+import { a as e, i as t, n, r, t as i } from "./NumberFieldContent-Z3VxGu_6.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-C1je1s0u.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-CYlqVFd4.js";
+export { t as PagerDots, e as pagerWindow };

package/dist/paper-backdrop.js

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

package/dist/paper-grid.d.ts

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