@mkbabb/glass-ui 10.1.3 → 11.0.0

package/dist/toggle-group-CC5b3o1R.js

@@ -1,125 +0,0 @@
-import { t as e } from "./class-names-FlXcvRRT.js";
-import { t } from "./control-DJp15L4U.js";
-import { t as n } from "./createContext-BhkE9mLH.js";
-import { t as r } from "./useSelectionGroup-zsEwitF6.js";
-import { computed as i, createElementBlock as a, defineComponent as o, mergeModels as s, mergeProps as c, onBeforeUnmount as l, onMounted as u, openBlock as d, ref as f, renderSlot as p, shallowRef as m, triggerRef as h, unref as g, useModel as _ } from "vue";
-//#region src/components/toggle-group/context.ts
-var v = n("glass-ui:toggle-group");
-function y(e) {
-	v.provide(e);
-}
-var b = v.use, x = [
-	"role",
-	"data-type",
-	"data-size",
-	"data-orientation"
-], S = /* @__PURE__ */ o({
-	name: "ToggleGroup",
-	__name: "ToggleGroup",
-	props: /*@__PURE__*/ s({
-		type: {},
-		orientation: { default: "horizontal" },
-		size: { default: "md" },
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] },
-		invalid: { type: Boolean },
-		disabled: { type: Boolean }
-	}, {
-		modelValue: {},
-		modelModifiers: {}
-	}),
-	emits: ["update:modelValue"],
-	setup(n) {
-		let o = n, s = _(n, "modelValue"), l = f(null), u = m([]);
-		function v(e) {
-			return [...e].sort((e, t) => {
-				if (!e.el || !t.el) return 0;
-				let n = e.el.compareDocumentPosition(t.el);
-				return n & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : n & Node.DOCUMENT_POSITION_PRECEDING ? 1 : 0;
-			});
-		}
-		let b = i(() => v(u.value)), S = i(() => b.value.map((e) => ({
-			value: e.value,
-			disabled: e.disabled()
-		}))), C = i(() => b.value.map((e) => e.el).filter((e) => !!e)), w = r({
-			options: S,
-			model: s,
-			mode: i(() => o.type),
-			vertical: i(() => o.orientation === "vertical"),
-			activation: i(() => o.type === "single" ? "automatic" : "manual"),
-			containerRef: l,
-			buttonRefs: C
-		});
-		return y({
-			register(e) {
-				u.value.push(e), h(u);
-			},
-			unregister(e) {
-				let t = u.value.indexOf(e);
-				t >= 0 && u.value.splice(t, 1), h(u);
-			},
-			isSelected: (e) => w.isSelected(e),
-			itemAttrs: (e) => w.itemAttrs(e),
-			tabindex: (e) => w.rovingTabindex(b.value.indexOf(e)),
-			select: (e) => w.select(e.value, b.value.indexOf(e)),
-			disabled: i(() => o.disabled ?? !1)
-		}), (n, r) => (d(), a("div", c({
-			ref_key: "containerRef",
-			ref: l,
-			"data-slot": "toggle-group",
-			class: g(e)("toggle-group", o.class),
-			role: g(w).groupRole.value,
-			"data-type": o.type,
-			"data-size": o.size,
-			"data-orientation": o.orientation
-		}, g(t)(o.invalid), { onKeydown: r[0] ||= (...e) => g(w).onKeydown && g(w).onKeydown(...e) }), [p(n.$slots, "default")], 16, x));
-	}
-}), C = [
-	"data-state",
-	"disabled",
-	"tabindex"
-], w = /* @__PURE__ */ o({
-	name: "ToggleGroupItem",
-	__name: "ToggleGroupItem",
-	props: {
-		value: {},
-		disabled: { type: Boolean },
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] }
-	},
-	setup(t) {
-		let n = t, r = f(null), o = b(), s = {
-			get value() {
-				return n.value;
-			},
-			disabled: () => n.disabled === !0 || (o?.disabled.value ?? !1),
-			el: null
-		};
-		u(() => {
-			s.el = r.value, o?.register(s);
-		}), l(() => o?.unregister(s));
-		let m = i(() => o?.isSelected(n.value) ?? !1), h = i(() => s.disabled());
-		return (t, i) => (d(), a("button", c({
-			ref_key: "el",
-			ref: r,
-			type: "button",
-			"data-slot": "toggle-group-item",
-			class: g(e)("toggle-group__item control-surface glass-control-edge glass-capsule-hover tap-squish focus-ring", n.class),
-			"data-state": m.value ? "on" : "off",
-			disabled: h.value || void 0,
-			tabindex: g(o)?.tabindex(s) ?? 0
-		}, g(o)?.itemAttrs(n.value), { onClick: i[0] ||= (e) => g(o)?.select(s) }), [p(t.$slots, "indicator", { selected: m.value }), p(t.$slots, "default")], 16, C));
-	}
-});
-//#endregion
-export { S as n, w as t };

package/dist/useScrollChrome-BJbWV32F.js

@@ -1,162 +0,0 @@
-import { n as e } from "./useReducedMotion-vCXA_vyM.js";
-import { t } from "./asElement-CRnm6A2v.js";
-import { t as n } from "./useScrollTrigger-Abe5dEeO.js";
-import { n as r } from "./useIntersectionPause-CzKR3EyP.js";
-import { computed as i, getCurrentScope as a, onBeforeUnmount as o, onScopeDispose as s, readonly as c, ref as l, toValue as u, watch as d } from "vue";
-//#region src/composables/motion/core/useYieldToMain.ts
-function f() {
-	let e = globalThis.scheduler;
-	return typeof e?.yield == "function" ? e.yield.bind(e) : null;
-}
-function p() {
-	let e = f();
-	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 m() {
-	return {
-		hasNativeYield: f() !== null,
-		yield: p
-	};
-}
-//#endregion
-//#region src/composables/motion/core/useRAFLoop.ts
-function h() {
-	return typeof globalThis.requestAnimationFrame == "function" ? globalThis.requestAnimationFrame.bind(globalThis) : null;
-}
-function g() {
-	return typeof globalThis.cancelAnimationFrame == "function" ? globalThis.cancelAnimationFrame.bind(globalThis) : null;
-}
-function _(t, n = {}) {
-	let { immediate: o = !0, pauseWhenHidden: u = !0, respectReducedMotion: f = !0 } = n, m = l(!1), _ = f ? e() : l(!1), v = i(() => _.value), y = l(!1), b = l(!1), x = l(!1), S = i(() => b.value && !m.value && (x.value || y.value || v.value || !h())), C = null, w = null, T = 0, E = 0, D = !1, O = null, k = null, A = null;
-	function j() {
-		return !D && b.value && !x.value && !y.value && !v.value && !!h();
-	}
-	function M() {
-		C !== null && (g()?.(C), C = null), m.value = !1, w = null;
-	}
-	function N() {
-		if (C !== null || !j()) return;
-		let e = h();
-		e && (m.value = !0, C = e((e) => {
-			if (C = null, !j()) {
-				M();
-				return;
-			}
-			let n = w === null ? 0 : Math.max(0, e - w);
-			w = e, T += n, t({
-				now: e,
-				delta: n,
-				elapsed: T,
-				frame: E++
-			}), j() ? N() : M();
-		}));
-	}
-	function P() {
-		j() ? N() : M();
-	}
-	function F() {
-		w = null, T = 0, E = 0;
-	}
-	function I() {
-		D || (F(), b.value = !0, x.value = !1, P());
-	}
-	function L() {
-		b.value = !1, x.value = !1, F(), M();
-	}
-	function R() {
-		b.value && (x.value = !0, P());
-	}
-	function z() {
-		D || (x.value = !1, P());
-	}
-	if (u) {
-		let e = r(), { hidden: t } = e;
-		A = e.dispose, y.value = t.value, k = d(t, (e) => {
-			y.value = e, P();
-		}, { flush: "sync" });
-	}
-	O = d(v, P, { flush: "sync" });
-	function B() {
-		D || (D = !0, L(), k?.(), k = null, A?.(), A = null, O?.(), O = null);
-	}
-	return a() && s(B), o && I(), {
-		isActive: c(m),
-		isPaused: c(S),
-		isReducedMotion: v,
-		start: I,
-		stop: L,
-		pause: R,
-		resume: z,
-		dispose: B,
-		yieldToMain: p
-	};
-}
-//#endregion
-//#region src/composables/motion/scroll/useScrollChrome.ts
-function v(e) {
-	return e < 0 ? 0 : e > 1 ? 1 : e;
-}
-function y(r, i = {}) {
-	let { collapseOnScroll: a = !1, flipDeltaPx: s = 8, velocityGate: c, snapMidpoint: f = .5, collapseRangePx: p = 116, chromeRef: m, respectReducedMotion: h = !0, scrollStopMs: g = 140 } = i, _ = l(0), y = l(!1), b = h ? e() : l(!1), x = null, S = null, C = !1;
-	function w() {
-		if (m == null) return null;
-		let e = u(m), n = t(e);
-		return n == null && e != null && !C && (C = !0, console.warn("[useScrollChrome] chromeRef resolved to a non-element (a fragment-root component exposes a non-element `$el`); `--chrome-collapse-t` will not paint. Pass an element ref or expose the component's root element.")), n;
-	}
-	function T(e) {
-		let t = b.value ? +(e >= f) : v(e);
-		_.value = t, y.value = t >= f, w()?.style.setProperty("--chrome-collapse-t", String(t));
-	}
-	function E() {
-		x && clearTimeout(x), x = setTimeout(() => {
-			x = null;
-			let e = +(_.value >= f);
-			S = null, T(e);
-		}, g);
-	}
-	let { direction: D, velocity: O, recalculate: k } = n(r, {
-		flipDeltaPx: s,
-		trackProgress: !1,
-		respectReducedMotion: h,
-		onCross: () => {}
-	});
-	function A(e, t, n) {
-		if (!a || e == null) return;
-		if (c != null && Math.abs(n) >= c) {
-			S = null, T(+(e === "down")), E();
-			return;
-		}
-		S ??= t - _.value * p;
-		let r = p > 0 ? p : 1;
-		T((t - S) / r), E();
-	}
-	function j() {
-		let e = u(r);
-		return e instanceof HTMLElement ? e.scrollTop : typeof window < "u" && (window.scrollY || window.pageYOffset) || 0;
-	}
-	d(() => D.value, () => {
-		S = null;
-	});
-	let M = d(b, () => T(_.value), { flush: "sync" });
-	d(() => O.value, (e) => {
-		A(D.value, j(), e);
-	});
-	function N() {
-		k(), S = null, T(_.value);
-	}
-	return o(() => {
-		x && clearTimeout(x), x = null, M();
-	}), {
-		collapseT: _,
-		collapsed: y,
-		direction: D,
-		recalculate: N
-	};
-}
-//#endregion
-export { p as i, _ as n, m as r, y as t };

package/dist/useSelectionGroup-zsEwitF6.js

@@ -1,291 +0,0 @@
-import { t as e } from "./useLiquidFlex-TJZmRqyY.js";
-import { n as t, r as n } from "./writeVelocityWeight-DoGOCW3e.js";
-import { computed as r, nextTick as i, onMounted as a, onUnmounted as o, ref as s, watch as c } from "vue";
-var l = 1.22, u = 1 / 3;
-(l - 1) / 2;
-function d(e) {
-	let { from: t, to: n, track: r } = e, i = e.spanMax ?? 1.6, a = n.end - n.start;
-	if (!(a > 0)) return {
-		span: 1,
-		clamped: !1,
-		direction: 0
-	};
-	let o = Math.min(t.start, n.start), s = (Math.max(t.end, n.end) - o) / a;
-	if (!(s > 1)) return {
-		span: 1,
-		clamped: !1,
-		direction: 0
-	};
-	let c = (n.start + n.end) / 2, l = (t.start + t.end) / 2, d = c > l ? 1 : c < l ? -1 : 0, f = Infinity;
-	if (r) {
-		let e = u, t = d >= 0 ? r.end - n.end : n.start - r.start, i = d >= 0 ? n.start - r.start : r.end - n.end, o = 1 + Math.max(0, t) / ((1 - e) * a), s = 1 + Math.max(0, i) / (e * a);
-		f = Math.min(o, s);
-	}
-	let p = Math.min(s, i, f);
-	return {
-		span: Math.max(1, p),
-		clamped: p < s,
-		direction: d
-	};
-}
-function f(e, t = l) {
-	return 1 + (e < 0 ? 0 : e > 1 ? 1 : e) * (t - 1);
-}
-function p(e) {
-	if (e === 0) return 50;
-	let t = u * 100;
-	return e > 0 ? 100 - t : t;
-}
-//#endregion
-//#region src/composables/motion/morph/useSelectionIndicator.ts
-var m = 1.11, h = .82;
-function g(r) {
-	let { containerRef: l, indicatorRef: u, buttonRefs: g, options: _, model: v, activeValues: y, vertical: b } = r, x = () => r.deform?.value ?? "plate", S = s({
-		left: "0px",
-		top: "0px",
-		width: "0px",
-		height: "0px",
-		translate: "0px 0px",
-		opacity: "0"
-	});
-	function C() {
-		if (!u.value) return;
-		let e = _.value.findIndex((e) => e.value === v.value), t = l.value;
-		if (e < 0) {
-			S.value = {
-				...S.value,
-				opacity: "0"
-			};
-			return;
-		}
-		if (!t || !g.value[e]) {
-			S.value = {
-				...S.value,
-				opacity: "0"
-			};
-			return;
-		}
-		let n = g.value[e], r = t.getBoundingClientRect(), i = n.getBoundingClientRect(), a = i.left - r.left - t.clientLeft + t.scrollLeft, o = i.top - r.top - t.clientTop + t.scrollTop;
-		S.value = {
-			left: "0px",
-			top: "0px",
-			width: `${i.width}px`,
-			height: `${i.height}px`,
-			translate: `${a}px ${o}px`,
-			opacity: "1"
-		};
-	}
-	function w() {
-		C();
-	}
-	let T = -1, E = null, D = m, O = e({
-		from: 0,
-		to: 0,
-		axis: "width",
-		squishLaw: "linear",
-		maxStretch: () => D
-	});
-	function k() {
-		return typeof window < "u" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
-	}
-	function A(e) {
-		let t = getComputedStyle(e).getPropertyValue("--tab-indicator-duration").trim();
-		return t ? t.endsWith("ms") ? Number.parseFloat(t) || 220 : t.endsWith("s") ? (Number.parseFloat(t) || .22) * 1e3 : Number.parseFloat(t) || 220 : 220;
-	}
-	function j(e) {
-		let r = u.value;
-		if (!r) {
-			T = e;
-			return;
-		}
-		if (x() === "none") {
-			T = e;
-			return;
-		}
-		if (k()) {
-			T = e;
-			return;
-		}
-		let i = g.value[T], a = g.value[e];
-		if (T = e, !i || !a) return;
-		let o = l.value?.getBoundingClientRect(), s = i.getBoundingClientRect(), c = a.getBoundingClientRect(), m = b.value ? o?.height || 1 : o?.width || 1, _ = b.value ? Math.abs(c.top + c.height / 2 - (s.top + s.height / 2)) : Math.abs(c.left + c.width / 2 - (s.left + s.width / 2)), v = m > 0 ? Math.min(_ / m, 1) : 0, y = getComputedStyle(r), S = y.getPropertyValue("--tab-indicator-max-stretch").trim();
-		D = t(r, Number(S) || 1.11), O.squish(v);
-		let C = y.getPropertyValue("--eyeglass-span-max").trim(), w = C !== "" && x() === "plate";
-		if (w) {
-			let e = t(r, Number(C) || 1.6), n = (e) => b.value ? {
-				start: e.top,
-				end: e.bottom
-			} : {
-				start: e.left,
-				end: e.right
-			}, i = o ? b.value ? {
-				start: o.top + (l.value?.clientTop ?? 0),
-				end: o.bottom
-			} : {
-				start: o.left + (l.value?.clientLeft ?? 0),
-				end: o.right
-			} : void 0, a = d({
-				from: n(s),
-				to: n(c),
-				track: i,
-				spanMax: e
-			});
-			r.style.setProperty("--eyeglass-origin", `${p(a.direction)}%`), r.style.setProperty("--eyeglass-span", String(a.span)), r.style.setProperty("--eyeglass-swell", String(f(v))), a.clamped ? r.dataset.eyeglassClamped = "" : delete r.dataset.eyeglassClamped, l.value?.setAttribute("data-eyeglass-wake", "");
-		}
-		n(r, O.flexVel.value), E && clearTimeout(E), r.style.setProperty("--stretch", String(O.stretch.value));
-		let j = A(r) * h;
-		E = setTimeout(() => {
-			O.squish(0), r.style.setProperty("--stretch", String(O.stretch.value)), w && (r.style.setProperty("--eyeglass-span", "1"), r.style.setProperty("--eyeglass-swell", "1"), delete r.dataset.eyeglassClamped, l.value?.removeAttribute("data-eyeglass-wake")), n(r, 0), E = null;
-		}, j);
-	}
-	c(() => v.value, () => i(w)), c(() => _.value, () => i(w), { deep: !0 }), c(() => b.value, () => i(w));
-	let M = null;
-	return c(l, (e) => {
-		M?.disconnect(), e ? (M = new ResizeObserver(w), M.observe(e), i(w)) : w();
-	}, { flush: "post" }), a(() => {
-		T = _.value.findIndex((e) => y.value.includes(e.value)), i(w);
-	}), o(() => {
-		M?.disconnect(), E && clearTimeout(E);
-	}), {
-		singleSliderStyle: S,
-		squishOnTravel: j
-	};
-}
-//#endregion
-//#region src/components/tabs/composables/useTabRovingFocus.ts
-function _(e) {
-	let { stripOptions: t, stripValue: n, isVertical: i, activation: a, buttonRefs: o, select: l } = e, u = r(() => {
-		let e = t.value.findIndex((e) => e.value === n.value);
-		return e >= 0 && !t.value[e]?.disabled ? e : t.value.findIndex((e) => !e.disabled);
-	}), d = s(u.value);
-	c(r(() => [n.value ?? "", ...t.value.map((e) => `${e.value}:${e.disabled ? "1" : "0"}`)].join("\0")), () => {
-		let e = typeof document > "u" ? null : document.activeElement, n = o.value.findIndex((n, r) => n === e && !t.value[r]?.disabled);
-		d.value = n >= 0 ? n : u.value;
-	}, { flush: "post" });
-	let f = r(() => a.value === "manual" && d.value >= 0 && !t.value[d.value]?.disabled ? d.value : u.value);
-	function p(e) {
-		return e === f.value ? 0 : -1;
-	}
-	function m(e) {
-		let n = t.value[e];
-		!n || n.disabled || (d.value = e, o.value[e]?.focus(), a.value === "automatic" && l(n.value, e));
-	}
-	function h(e, n) {
-		let r = t.value.length;
-		if (r !== 0) for (let i = 1; i <= r; i++) {
-			let a = (e + n * i + r * i) % r, o = t.value[a];
-			if (o && !o.disabled) {
-				m(a);
-				return;
-			}
-		}
-	}
-	function g(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) {
-				m(e);
-				return;
-			}
-		}
-	}
-	function _(e) {
-		let n = o.value.indexOf(e.target), r = n >= 0 && !t.value[n]?.disabled ? n : f.value, s = i.value ? "ArrowDown" : "ArrowRight", c = i.value ? "ArrowUp" : "ArrowLeft", u = e.currentTarget, p = u ? getComputedStyle(u).direction : "", m = u?.closest("[dir]")?.getAttribute("dir")?.toLowerCase(), _ = !i.value && (p === "rtl" || m === "rtl") ? -1 : 1;
-		switch (e.key) {
-			case s:
-				e.preventDefault(), h(r, _);
-				break;
-			case c:
-				e.preventDefault(), h(r, _ === 1 ? -1 : 1);
-				break;
-			case "Home":
-				e.preventDefault(), g("first");
-				break;
-			case "End":
-				e.preventDefault(), g("last");
-				break;
-			case "Enter":
-			case " ": {
-				if (a.value !== "manual") break;
-				e.preventDefault();
-				let n = t.value[r];
-				n && !n.disabled && (d.value = r, l(n.value, r));
-				break;
-			}
-			default: break;
-		}
-	}
-	return {
-		activeIndex: u,
-		rovingTabindex: p,
-		onStripKeydown: _
-	};
-}
-//#endregion
-//#region src/composables/motion/morph/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: n, containerRef: i, buttonRefs: a, indicatorRef: o, vertical: s } = e, c = r(() => v(e.mode, "single")), l = r(() => v(e.role, c.value === "multiple" ? "group" : "radiogroup")), u = r(() => s?.value ?? !1), d = r(() => v(e.activation, "automatic")), f = r(() => {
-		let e = n.value;
-		return e == null ? [] : Array.isArray(e) ? e : [e];
-	});
-	function p(e) {
-		return f.value.includes(e);
-	}
-	let m = r(() => f.value[0]), h = r(() => e.deform?.value ?? (c.value === "multiple" ? "none" : "plate")), { singleSliderStyle: y, squishOnTravel: b } = g({
-		containerRef: i,
-		indicatorRef: o ?? { value: null },
-		buttonRefs: a,
-		options: t,
-		model: m,
-		activeValues: f,
-		vertical: u,
-		deform: h
-	});
-	function x(r, i) {
-		if (!t.value[i]?.disabled) {
-			if (e.onSelect?.(r, i), c.value === "multiple") {
-				let e = Array.isArray(n.value) ? [...n.value] : [], t = e.indexOf(r);
-				t >= 0 ? e.splice(t, 1) : e.push(r), n.value = e;
-			} else n.value = r;
-			b(i), a.value[i]?.scrollIntoView({
-				inline: "nearest",
-				block: "nearest"
-			});
-		}
-	}
-	let { rovingTabindex: S, onStripKeydown: C } = _({
-		stripOptions: t,
-		stripValue: m,
-		isVertical: u,
-		activation: d,
-		buttonRefs: a,
-		select: x
-	});
-	function w(e) {
-		let t = p(e), n = l.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: f,
-		isSelected: p,
-		select: x,
-		rovingTabindex: S,
-		onKeydown: C,
-		singleSliderStyle: y,
-		squishOnTravel: b,
-		groupRole: l,
-		itemAttrs: w
-	};
-}
-//#endregion
-export { g as i, m as n, h as r, y as t };

package/dist/useSpringMount-OA-0mTNv.js

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