@mkbabb/glass-ui 6.0.0 → 8.0.0

package/dist/useRAFLoop-BtwQ9DyY.js

@@ -1,109 +0,0 @@
-import { t as e } from "./useDocumentVisibility-YeBDGqtI.js";
-import { computed as t, getCurrentScope as n, onScopeDispose as r, readonly as i, ref as a, watch as o } from "vue";
-//#region src/composables/motion/useYieldToMain.ts
-function s() {
-	let e = globalThis.scheduler;
-	return typeof e?.yield == "function" ? e.yield.bind(e) : null;
-}
-function c() {
-	let e = s();
-	return e ? e() : typeof MessageChannel == "function" ? new Promise((e) => {
-		let t = new MessageChannel();
-		t.port1.onmessage = () => {
-			t.port1.onmessage = null, e();
-		}, t.port2.postMessage(void 0);
-	}) : new Promise((e) => setTimeout(e, 0));
-}
-function l() {
-	return {
-		hasNativeYield: s() !== null,
-		yield: c
-	};
-}
-//#endregion
-//#region src/composables/motion/useRAFLoop.ts
-var u = "(prefers-reduced-motion: reduce)";
-function d() {
-	return typeof globalThis.requestAnimationFrame == "function" ? globalThis.requestAnimationFrame.bind(globalThis) : null;
-}
-function f() {
-	return typeof globalThis.cancelAnimationFrame == "function" ? globalThis.cancelAnimationFrame.bind(globalThis) : null;
-}
-function p() {
-	return typeof window > "u" ? null : window;
-}
-function m(s, l = {}) {
-	let { immediate: m = !0, pauseWhenHidden: h = !0, respectReducedMotion: g = !0 } = l, _ = a(!1), v = a(!1), y = a(!1), b = a(!1), x = a(!1), S = t(() => b.value && !_.value && (x.value || y.value || g && v.value || !d())), C = null, w = null, T = 0, E = 0, D = !1, O = null;
-	function k() {
-		return !D && b.value && !x.value && !y.value && !(g && v.value) && !!d();
-	}
-	function A() {
-		C !== null && (f()?.(C), C = null), _.value = !1, w = null;
-	}
-	function j() {
-		if (C !== null || !k()) return;
-		let e = d();
-		e && (_.value = !0, C = e((e) => {
-			if (C = null, !k()) {
-				A();
-				return;
-			}
-			let t = w === null ? 0 : Math.max(0, e - w);
-			w = e, T += t, s({
-				now: e,
-				delta: t,
-				elapsed: T,
-				frame: E++
-			}), k() ? j() : A();
-		}));
-	}
-	function M() {
-		k() ? j() : A();
-	}
-	function N() {
-		w = null, T = 0, E = 0;
-	}
-	function P() {
-		D || (N(), b.value = !0, x.value = !1, M());
-	}
-	function F() {
-		b.value = !1, x.value = !1, N(), A();
-	}
-	function I() {
-		b.value && (x.value = !0, M());
-	}
-	function L() {
-		D || (x.value = !1, M());
-	}
-	if (h) {
-		let { hidden: t } = e();
-		y.value = t.value, o(t, (e) => {
-			y.value = e, M();
-		}, { flush: "sync" });
-	}
-	if (g) {
-		let e = p(), t = typeof e?.matchMedia == "function" ? e.matchMedia(u) : null;
-		if (t) {
-			let e = (e) => {
-				v.value = e.matches, M();
-			};
-			v.value = t.matches, t.addEventListener("change", e), O = () => t.removeEventListener("change", e);
-		}
-	}
-	function R() {
-		D || (D = !0, F(), O?.(), O = null);
-	}
-	return n() && r(R), m && P(), {
-		isActive: i(_),
-		isPaused: i(S),
-		isReducedMotion: i(v),
-		start: P,
-		stop: F,
-		pause: I,
-		resume: L,
-		dispose: R,
-		yieldToMain: c
-	};
-}
-//#endregion
-export { l as n, c as r, m as t };

package/dist/useResolveTokenColor-C07e-qaT.js

@@ -1,24 +0,0 @@
-//#region src/composables/dom/useResolveTokenColor.ts
-function e(e, t) {
-	if (!e.includes("var(") || typeof window > "u" || !t) return e;
-	let n = t.style.color;
-	t.style.color = e;
-	let r = getComputedStyle(t).color;
-	return t.style.color = n, r || e;
-}
-function t(t = 256) {
-	let n = /* @__PURE__ */ new Map();
-	return {
-		resolve(r, i) {
-			let a = n.get(r);
-			if (a !== void 0) return a;
-			let o = e(r, i);
-			return n.size >= t && n.clear(), n.set(r, o), o;
-		},
-		invalidate() {
-			n.clear();
-		}
-	};
-}
-//#endregion
-export { e as n, t };

package/dist/useRoutePointer-BDNMFN73.js

@@ -1,52 +0,0 @@
-import { inject as e, onScopeDispose as t, provide as n, readonly as r, ref as i, toValue as a } from "vue";
-//#region src/composables/motion/useRoutePointer.ts
-var o = Symbol("glass-ui:route-pointer"), s = "(prefers-reduced-motion: reduce)";
-function c(e) {
-	return e < 0 ? 0 : e > 1 ? 1 : e;
-}
-function l(l = {}) {
-	if (!l.fresh) {
-		let t = e(o, null);
-		if (t) return t;
-	}
-	let u = l.respectReducedMotion !== !1, d = typeof window < "u", f = d && typeof window.matchMedia == "function" ? window.matchMedia(s) : null, p = f?.matches ?? !1, m = i({
-		x: .5,
-		y: .5
-	}), h = i(!1);
-	function g() {
-		return u && p || a(l.paused) === !0;
-	}
-	function _(e) {
-		if (g()) {
-			h.value &&= !1;
-			return;
-		}
-		let t = window.innerWidth || 1, n = window.innerHeight || 1;
-		m.value = {
-			x: c(e.clientX / t),
-			y: c(e.clientY / n)
-		}, h.value = !0;
-	}
-	function v() {
-		h.value = !1;
-	}
-	let y = (e) => {
-		p = e.matches, p && (h.value = !1);
-	};
-	d && (window.addEventListener("pointermove", _, {
-		capture: !0,
-		passive: !0
-	}), document.addEventListener("pointerleave", v), window.addEventListener("blur", v), f?.addEventListener("change", y));
-	function b() {
-		d && (window.removeEventListener("pointermove", _, { capture: !0 }), document.removeEventListener("pointerleave", v), window.removeEventListener("blur", v), f?.removeEventListener("change", y));
-	}
-	t(b);
-	let x = {
-		pointer: r(m),
-		active: r(h),
-		dispose: b
-	};
-	return l.fresh || n(o, x), x;
-}
-//#endregion
-export { l as t };

package/dist/useScrollProgress-DZI4nf4v.js

@@ -1,35 +0,0 @@
-import { t as e } from "./supportsCssTimeline-Dz-GVxXM.js";
-import { onBeforeUnmount as t, onMounted as n, ref as r, unref as i, watch as a } from "vue";
-//#region src/composables/motion/useScrollProgress.ts
-var o = e();
-function s(e) {
-	let { offset: s = 0, trackExit: c = !1 } = e, l = r(0), u = 0, d = null;
-	function f() {
-		let t = i(e.target);
-		if (!t) return;
-		let n = t.getBoundingClientRect(), r = window.innerHeight + s, a = r - (c ? -n.height : 0);
-		if (a === 0) {
-			l.value = 0;
-			return;
-		}
-		let o = (r - n.top) / a;
-		l.value = Math.max(0, Math.min(1, o));
-	}
-	function p() {
-		u ||= requestAnimationFrame(() => {
-			u = 0, f();
-		});
-	}
-	return n(() => {
-		if (f(), o) return;
-		window.addEventListener("scroll", p, { passive: !0 }), window.addEventListener("resize", p, { passive: !0 });
-		let t = i(e.target);
-		t && typeof ResizeObserver < "u" && (d = new ResizeObserver(p), d.observe(t));
-	}), o || a(() => i(e.target), (e, t) => {
-		t && d && d.unobserve(t), e && d && d.observe(e), p();
-	}), t(() => {
-		window.removeEventListener("scroll", p), window.removeEventListener("resize", p), u && cancelAnimationFrame(u), d?.disconnect(), d = null;
-	}), l;
-}
-//#endregion
-export { s as t };

package/dist/useSelectionGroup-LDzBdR1Y.js

@@ -1,215 +0,0 @@
-import { t as e } from "./supportsCssTimeline-Dz-GVxXM.js";
-import { t } from "./scrollReader-C2oK9Hb8.js";
-import { a as n, t as r } from "./useTabRovingFocus-DkLYwo4L.js";
-import { computed as i, onBeforeUnmount as a, onMounted as o, ref as s, toValue as c, watch as l } from "vue";
-//#region src/composables/motion/useScrollTrigger.ts
-var u = "(prefers-reduced-motion: reduce)", d = e();
-function f(e) {
-	return e < 0 ? 0 : e > 1 ? 1 : e;
-}
-function p(e, t) {
-	if (typeof e == "number") return e;
-	if ("fraction" in e) return f(e.fraction) * t.extent();
-	let n = c(e.element);
-	if (!n) return null;
-	let r = t.target;
-	if (r instanceof HTMLElement) {
-		let e = n.getBoundingClientRect().top, i = r.getBoundingClientRect().top;
-		return t.position() + (e - i);
-	}
-	return t.position() + n.getBoundingClientRect().top;
-}
-function m(e, n = {}) {
-	let { triggers: r = [], flipDeltaPx: i = 8, trackProgress: m = !0, respectReducedMotion: h = !0, onCross: g, onEnter: _, onLeave: v } = n, y = s(0), b = s(null), x = s(0), S = typeof window < "u" && typeof window.matchMedia == "function" ? window.matchMedia(u) : null, C = h && (S?.matches ?? !1), w = (e) => {
-		C = h && e.matches;
-	};
-	S?.addEventListener("change", w);
-	let T = null, E = /* @__PURE__ */ new Map(), D = 0, O = 0, k = null, A = 0;
-	function j(e, t) {
-		return e.id ?? `trigger-${t}`;
-	}
-	function M(e) {
-		if (!T) return;
-		let t = T.position();
-		if (m && !d) {
-			let e = T.extent(), n = e > 0 ? t / e : 0;
-			y.value = C ? Math.round(f(n)) : f(n);
-		}
-		let n = O > 0 ? (e - O) / 1e3 : 0;
-		n > 0 && (x.value = (t - D) / n);
-		let a = t > D ? "down" : t < D ? "up" : null;
-		a && a !== b.value ? (k !== a && (k = a, A = D), Math.abs(t - A) >= i && (b.value = a, k = null)) : a === b.value && (k = null);
-		for (let e = 0; e < r.length; e++) {
-			let n = r[e], i = p(n.at, T);
-			if (i == null) continue;
-			let a = j(n, e), o = E.get(a) ?? D >= i, s = t >= i;
-			if (s === o) continue;
-			E.set(a, s);
-			let c = s ? "down" : "up", l = n.direction ?? "both";
-			l !== "both" && l !== c || (g?.(a, c, t), c === "down" ? _?.(a) : v?.(a));
-		}
-		D = t, O = e;
-	}
-	function N(e) {
-		M(typeof performance < "u" ? performance.now() : Date.now());
-	}
-	function P() {
-		if (!T) return;
-		let e = T.position();
-		for (let t = 0; t < r.length; t++) {
-			let n = r[t], i = p(n.at, T);
-			i != null && E.set(j(n, t), e >= i);
-		}
-		if (D = e, m && !d) {
-			let t = T.extent(), n = t > 0 ? e / t : 0;
-			y.value = C ? Math.round(f(n)) : f(n);
-		}
-		T.schedule();
-	}
-	function F(e) {
-		T?.stop(), T = t(e, N), D = T.position(), O = 0;
-		for (let e = 0; e < r.length; e++) {
-			let t = r[e], n = p(t.at, T);
-			n != null && E.set(j(t, e), D >= n);
-		}
-		P();
-	}
-	return o(() => {
-		F(c(e));
-	}), l(() => c(e), (e) => F(e), { flush: "post" }), a(() => {
-		T?.stop(), T = null, S?.removeEventListener("change", w);
-	}), {
-		progress: y,
-		direction: b,
-		velocity: x,
-		recalculate: P
-	};
-}
-//#endregion
-//#region src/composables/motion/useScrollChrome.ts
-var h = "(prefers-reduced-motion: reduce)";
-function g(e) {
-	return e < 0 ? 0 : e > 1 ? 1 : e;
-}
-function _(e, t = {}) {
-	let { collapseOnScroll: n = !1, flipDeltaPx: r = 8, velocityGate: i, snapMidpoint: o = .5, collapseRangePx: u = 116, chromeRef: d, respectReducedMotion: f = !0, scrollStopMs: p = 140 } = t, _ = s(0), v = s(!1), y = typeof window < "u" && typeof window.matchMedia == "function" ? window.matchMedia(h) : null, b = f && (y?.matches ?? !1), x = (e) => {
-		b = f && e.matches, T(_.value);
-	};
-	y?.addEventListener("change", x);
-	let S = null, C = null;
-	function w() {
-		return d == null ? null : c(d) ?? null;
-	}
-	function T(e) {
-		let t = b ? +(e >= o) : g(e);
-		_.value = t, v.value = t >= o, w()?.style.setProperty("--chrome-collapse-t", String(t));
-	}
-	function E() {
-		S && clearTimeout(S), S = setTimeout(() => {
-			S = null;
-			let e = +(_.value >= o);
-			C = null, T(e);
-		}, p);
-	}
-	let { direction: D, velocity: O, recalculate: k } = m(e, {
-		flipDeltaPx: r,
-		trackProgress: !1,
-		respectReducedMotion: f,
-		onCross: () => {}
-	});
-	function A(e, t, r) {
-		if (!n || e == null) return;
-		if (i != null && Math.abs(r) >= i) {
-			C = null, T(+(e === "down")), E();
-			return;
-		}
-		C ??= t - (e === "down" ? _.value : 1 - _.value) * u;
-		let a = u > 0 ? u : 1;
-		T(e === "down" ? (t - C) / a : 1 - (t - C) / a), E();
-	}
-	function j() {
-		let t = c(e);
-		return t instanceof HTMLElement ? t.scrollTop : typeof window < "u" && (window.scrollY || window.pageYOffset) || 0;
-	}
-	l(() => D.value, () => {
-		C = null;
-	}), l(() => O.value, (e) => {
-		A(D.value, j(), e);
-	});
-	function M() {
-		k(), C = null, T(_.value);
-	}
-	return a(() => {
-		S && clearTimeout(S), S = null, y?.removeEventListener("change", x);
-	}), {
-		collapseT: _,
-		collapsed: v,
-		direction: D,
-		recalculate: M
-	};
-}
-//#endregion
-//#region src/composables/motion/useSelectionGroup.ts
-function v(e, t) {
-	return e == null ? t : typeof e == "object" && "value" in e ? e.value : e;
-}
-function y(e) {
-	let { options: t, model: a, containerRef: o, buttonRefs: s, indicatorRef: c, vertical: l } = e, u = i(() => v(e.mode, "single")), d = i(() => v(e.role, u.value === "multiple" ? "group" : "radiogroup")), f = i(() => l?.value ?? !1), p = i(() => {
-		let e = a.value;
-		return e == null ? [] : Array.isArray(e) ? e : [e];
-	});
-	function m(e) {
-		return p.value.includes(e);
-	}
-	let h = i(() => p.value[0]), { singleSliderStyle: g, squishOnTravel: _ } = n({
-		containerRef: o,
-		indicatorRef: c ?? { value: null },
-		buttonRefs: s,
-		options: t,
-		model: h,
-		activeValues: p,
-		vertical: f
-	});
-	function y(e, n) {
-		if (!t.value[n]?.disabled) {
-			if (u.value === "multiple") {
-				let t = Array.isArray(a.value) ? [...a.value] : [], n = t.indexOf(e);
-				n >= 0 ? t.splice(n, 1) : t.push(e), a.value = t;
-			} else a.value = e;
-			_(n), s.value[n]?.scrollIntoView({
-				inline: "nearest",
-				block: "nearest"
-			});
-		}
-	}
-	let { rovingTabindex: b, onStripKeydown: x } = r({
-		stripOptions: t,
-		stripValue: h,
-		isVertical: f,
-		buttonRefs: s,
-		select: y
-	});
-	function S(e) {
-		let t = m(e), n = d.value;
-		return n === "radiogroup" ? {
-			role: "radio",
-			"aria-checked": t ? "true" : "false"
-		} : n === "tablist" ? {
-			role: "tab",
-			"aria-selected": t ? "true" : "false"
-		} : { "aria-pressed": t ? "true" : "false" };
-	}
-	return {
-		activeValues: p,
-		isSelected: m,
-		select: y,
-		rovingTabindex: b,
-		onKeydown: x,
-		singleSliderStyle: g,
-		squishOnTravel: _,
-		groupRole: d,
-		itemAttrs: S
-	};
-}
-//#endregion
-export { _ as n, m as r, y as t };

package/dist/useSpringMount-C6-DBx4e.js

@@ -1,71 +0,0 @@
-import { t as e } from "./useSpring-BBSKFx_0.js";
-import { n as t } from "./springPresets-h5VKJQqG.js";
-import { computed as n, nextTick as r, onMounted as i, onScopeDispose as a, ref as o, watch as s } from "vue";
-//#region src/composables/motion/useSpringMount.ts
-var c = Object.fromEntries([
-	"smooth",
-	"snappy",
-	"bouncy",
-	"gentle"
-].map((e) => {
-	let { response: n, dampingFraction: r } = t(e);
-	return [e, {
-		response: n,
-		dampingFraction: r
-	}];
-}));
-function l(t) {
-	let l = c[t.preset ?? "smooth"], u = o(1), d = o(!1), f = 0, p = 0, m = null, h = !1, g = e(u, {
-		response: l.response,
-		dampingFraction: l.dampingFraction,
-		initial: 1,
-		settleThreshold: .001,
-		velocitySettleThreshold: .001,
-		respectReducedMotion: t.respectReducedMotion !== !1
-	});
-	i(() => {
-		t.open.value && r(() => {
-			u.value = 0;
-		});
-	});
-	let _ = s(() => t.open.value, (e, t) => {
-		e !== t && (d.value || (u.value = +!e));
-	}, { immediate: !1 }), v = s(() => g.isSettled.value, (e) => {
-		e && h && u.value >= 1 && (h = !1, t.onDismiss?.());
-	});
-	function y(e) {
-		if (e.button !== 0) return;
-		let t = e.currentTarget;
-		p = t.getBoundingClientRect().height || 1, f = e.clientY, m = e.pointerId, d.value = !0, t.setPointerCapture(e.pointerId);
-	}
-	function b(e) {
-		if (!d.value || e.pointerId !== m) return;
-		let t = e.clientY - f;
-		if (t <= 0) {
-			u.value = 0;
-			return;
-		}
-		u.value = Math.min(1, t / p);
-	}
-	function x(e) {
-		if (!d.value || e.pointerId !== m) return;
-		let n = e.currentTarget;
-		n.hasPointerCapture(e.pointerId) && n.releasePointerCapture(e.pointerId), d.value = !1, m = null;
-		let r = t.dismissThreshold ?? .3;
-		u.value >= r ? (h = !0, u.value = 1) : u.value = 0;
-	}
-	return a(() => {
-		_(), v();
-	}), {
-		position: g.value,
-		isDragging: n(() => d.value),
-		dragHandlers: {
-			onPointerdown: y,
-			onPointermove: b,
-			onPointerup: x,
-			onPointercancel: x
-		}
-	};
-}
-//#endregion
-export { l as t };

package/dist/useSpringPress-BypV_KO-.js

@@ -1,36 +0,0 @@
-import { t as e } from "./useSpring-BBSKFx_0.js";
-import { n as t } from "./springPresets-h5VKJQqG.js";
-import { ref as n } from "vue";
-//#region src/composables/motion/useSpringPress.ts
-var r = t("press");
-function i(t = {}) {
-	let i = n(0), a = e(i, {
-		response: t.response ?? r.response,
-		dampingFraction: t.dampingFraction ?? r.dampingFraction,
-		initial: t.initial ?? 0,
-		initialVelocity: t.initialVelocity,
-		settleThreshold: t.settleThreshold,
-		velocitySettleThreshold: t.velocitySettleThreshold,
-		respectReducedMotion: t.respectReducedMotion,
-		onValue: t.onValue
-	});
-	function o() {
-		i.value = 1;
-	}
-	function s() {
-		i.value = 0;
-	}
-	return {
-		...a,
-		press: o,
-		release: s,
-		handlers: {
-			onPointerdown: o,
-			onPointerup: s,
-			onPointercancel: s,
-			onPointerleave: s
-		}
-	};
-}
-//#endregion
-export { i as t };

package/dist/useSurfaceAxis-DudiZVOR.js

@@ -1,10 +0,0 @@
-//#region src/components/_shared/useSurfaceAxis.ts
-function e(e = "glass", n = "resting") {
-	let r = `glass-${n}`, i = t(e);
-	return i ? `${r} ${i}` : r;
-}
-function t(e = "glass") {
-	return e === "veil" ? "veil-surface" : e === "opaque" ? "glass-opaque" : "";
-}
-//#endregion
-export { e as n, t };

package/dist/useTabRovingFocus-DkLYwo4L.js

@@ -1,143 +0,0 @@
-import { t as e } from "./useLiquidFlex-Ch4exNvN.js";
-import { n as t, r as n } from "./writeVelocityWeight-D_AcvTsE.js";
-import { computed as r, nextTick as i, onMounted as a, onUnmounted as o, ref as s, watch as c } from "vue";
-//#region src/composables/motion/useSelectionIndicator.ts
-var l = 1.11, u = 1.045, d = .82;
-function f(r) {
-	let { containerRef: f, indicatorRef: p, buttonRefs: m, options: h, model: g, activeValues: _, vertical: v } = r, y = s({
-		width: "0px",
-		transform: "translateX(0px)",
-		opacity: "0"
-	});
-	function b() {
-		let e = h.value.findIndex((e) => e.value === g.value);
-		if (e < 0 || !m.value[e]) return;
-		let t = m.value[e];
-		if (v.value) {
-			let e = t.offsetHeight, n = t.offsetTop + e / 2;
-			y.value = {
-				height: `${e}px`,
-				width: "",
-				transform: `translateY(${n - e / 2}px)`,
-				opacity: "1"
-			};
-		} else {
-			let e = t.offsetWidth, n = t.offsetLeft + e / 2;
-			y.value = {
-				width: `${e}px`,
-				height: "",
-				transform: `translateX(${n - e / 2}px)`,
-				opacity: "1"
-			};
-		}
-	}
-	function x() {
-		b();
-	}
-	let S = -1, C = null, w = l, T = e({
-		from: 0,
-		to: 0,
-		axis: "width",
-		squishLaw: "linear",
-		maxStretch: () => w
-	}), E = u, D = e({
-		from: 1,
-		to: () => E,
-		axis: "width",
-		squishLaw: "linear"
-	});
-	function O() {
-		return typeof window < "u" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
-	}
-	function k(e) {
-		let t = getComputedStyle(e).getPropertyValue("--tab-indicator-duration").trim();
-		return t ? t.endsWith("ms") ? Number.parseFloat(t) || 340 : t.endsWith("s") ? (Number.parseFloat(t) || .34) * 1e3 : Number.parseFloat(t) || 340 : 340;
-	}
-	function A(e) {
-		let r = p.value;
-		if (!r) {
-			S = e;
-			return;
-		}
-		if (O()) {
-			S = e;
-			return;
-		}
-		let i = m.value[S], a = m.value[e];
-		if (S = e, !i || !a) return;
-		let o = v.value ? f.value?.offsetHeight || a.offsetParent?.offsetHeight || 1 : f.value?.offsetWidth || a.offsetParent?.offsetWidth || 1, s = v.value ? Math.abs(a.offsetTop - i.offsetTop) : Math.abs(a.offsetLeft - i.offsetLeft), c = o > 0 ? Math.min(s / o, 1) : 0, l = getComputedStyle(r), u = l.getPropertyValue("--tab-indicator-max-stretch").trim();
-		w = t(r, Number(u) || 1.11), T.squish(c);
-		let h = l.getPropertyValue("--tab-indicator-blob-max").trim(), g = Number(h) || 1.045, _ = Math.sqrt(1.14), y = t(r, g);
-		E = y > _ ? _ : y, n(r, T.flexVel.value), C && clearTimeout(C), r.style.setProperty("--stretch", String(T.stretch.value)), D.drive(1), r.style.setProperty("--tab-blob", String(D.size.value));
-		let b = k(r) * d;
-		C = setTimeout(() => {
-			T.squish(0), r.style.setProperty("--stretch", String(T.stretch.value)), D.drive(0), r.style.setProperty("--tab-blob", String(D.size.value)), n(r, 0), C = null;
-		}, b);
-	}
-	c(() => g.value, () => i(x)), c(() => h.value, () => i(x), { deep: !0 }), c(() => v.value, () => i(x));
-	let j = null;
-	return a(() => {
-		S = h.value.findIndex((e) => _.value.includes(e.value)), i(x), f.value && (j = new ResizeObserver(() => x()), j.observe(f.value));
-	}), o(() => {
-		j?.disconnect(), C && clearTimeout(C);
-	}), {
-		singleSliderStyle: y,
-		squishOnTravel: A
-	};
-}
-//#endregion
-//#region src/components/tabs/composables/useTabRovingFocus.ts
-function p(e) {
-	let { stripOptions: t, stripValue: n, isVertical: i, buttonRefs: a, select: o } = e, s = r(() => {
-		let e = t.value.findIndex((e) => e.value === n.value);
-		return e >= 0 ? e : 0;
-	});
-	function c(e) {
-		return e === s.value ? 0 : -1;
-	}
-	function l(e, n) {
-		let r = t.value.length;
-		if (r !== 0) for (let i = 1; i <= r; i++) {
-			let s = (e + n * i + r * i) % r, c = t.value[s];
-			if (c && !c.disabled) {
-				a.value[s]?.focus(), o(c.value, s);
-				return;
-			}
-		}
-	}
-	function u(e) {
-		let n = t.value.length, r = e === "first" ? Array.from({ length: n }, (e, t) => t) : Array.from({ length: n }, (e, t) => n - 1 - t);
-		for (let e of r) {
-			let n = t.value[e];
-			if (n && !n.disabled) {
-				a.value[e]?.focus(), o(n.value, e);
-				return;
-			}
-		}
-	}
-	function d(e) {
-		let t = s.value, n = i.value ? "ArrowDown" : "ArrowRight", r = i.value ? "ArrowUp" : "ArrowLeft";
-		switch (e.key) {
-			case n:
-				e.preventDefault(), l(t, 1);
-				break;
-			case r:
-				e.preventDefault(), l(t, -1);
-				break;
-			case "Home":
-				e.preventDefault(), u("first");
-				break;
-			case "End":
-				e.preventDefault(), u("last");
-				break;
-			default: break;
-		}
-	}
-	return {
-		activeIndex: s,
-		rovingTabindex: c,
-		onStripKeydown: d
-	};
-}
-//#endregion
-export { f as a, d as i, u as n, l as r, p as t };