@mkbabb/glass-ui 3.2.0 → 3.4.0

package/dist/composables/glass/webgl/frostShader.d.ts

@@ -1,27 +0,0 @@
-/**
- * WebGL frost/refraction fragment shader for glass-ui.
- *
- * Features:
- * - Frosted glass blur (Gaussian kernel with spatial variation)
- * - Snell's law refraction displacement
- * - Fresnel-based specular highlights
- * - Chromatic aberration at glass edges
- */
-/** Vertex shader — full-screen quad */
-export declare const VERTEX_SHADER = "#version 300 es\nprecision highp float;\n\nin vec2 a_position;\nin vec2 a_texCoord;\n\nout vec2 v_texCoord;\n\nvoid main() {\n    gl_Position = vec4(a_position, 0.0, 1.0);\n    v_texCoord = a_texCoord;\n}\n";
-/** Fragment shader — frosted glass with refraction and chromatic aberration */
-export declare const FRAGMENT_SHADER = "#version 300 es\nprecision highp float;\n\nuniform sampler2D u_background;    // Captured page content behind glass\nuniform vec2 u_resolution;         // Canvas resolution (px)\nuniform vec4 u_glassBounds;        // Glass panel rect (x, y, w, h) in UV space\nuniform float u_blurRadius;        // Base blur radius (0-40)\nuniform float u_refractionStrength; // Refraction displacement (0-1)\nuniform float u_chromaticAberration; // Edge chromatic aberration (0-1)\nuniform vec2 u_lightPos;           // Light source position (UV, 0-1)\nuniform float u_time;              // Animation time (seconds)\n\nin vec2 v_texCoord;\nout vec4 fragColor;\n\n// Gaussian weight for blur kernel\nfloat gaussian(float x, float sigma) {\n    return exp(-(x * x) / (2.0 * sigma * sigma));\n}\n\n// Distance from point to nearest edge of glass panel (in UV space)\nfloat edgeDistance(vec2 uv) {\n    vec2 glassMin = u_glassBounds.xy;\n    vec2 glassMax = u_glassBounds.xy + u_glassBounds.zw;\n    vec2 d = min(uv - glassMin, glassMax - uv);\n    return min(d.x, d.y);\n}\n\n// Fresnel approximation (Schlick)\nfloat fresnel(vec3 viewDir, vec3 normal, float ior) {\n    float r0 = pow((1.0 - ior) / (1.0 + ior), 2.0);\n    return r0 + (1.0 - r0) * pow(1.0 - max(dot(viewDir, normal), 0.0), 5.0);\n}\n\nvoid main() {\n    vec2 uv = v_texCoord;\n    vec2 pixelSize = 1.0 / u_resolution;\n\n    // Check if fragment is inside the glass panel\n    vec2 glassMin = u_glassBounds.xy;\n    vec2 glassMax = u_glassBounds.xy + u_glassBounds.zw;\n\n    if (uv.x < glassMin.x || uv.x > glassMax.x ||\n        uv.y < glassMin.y || uv.y > glassMax.y) {\n        fragColor = texture(u_background, uv);\n        return;\n    }\n\n    // Progressive blur \u2014 stronger at center, weaker at edges\n    float edgeDist = edgeDistance(uv);\n    float maxEdgeDist = min(u_glassBounds.z, u_glassBounds.w) * 0.5;\n    float blurFactor = smoothstep(0.0, maxEdgeDist * 0.3, edgeDist);\n    float effectiveBlur = u_blurRadius * (0.4 + 0.6 * blurFactor);\n\n    // Refraction displacement (Snell's law approximation)\n    vec2 center = u_glassBounds.xy + u_glassBounds.zw * 0.5;\n    vec2 fromCenter = uv - center;\n    vec2 refractionOffset = fromCenter * u_refractionStrength * 0.02;\n\n    // Gaussian blur with refraction offset\n    vec3 blurColor = vec3(0.0);\n    float totalWeight = 0.0;\n\n    int samples = int(min(effectiveBlur * 2.0, 20.0));\n    float sigma = max(effectiveBlur * 0.5, 0.1);\n\n    for (int x = -10; x <= 10; x++) {\n        for (int y = -10; y <= 10; y++) {\n            if (abs(x) > samples || abs(y) > samples) continue;\n\n            vec2 offset = vec2(float(x), float(y)) * pixelSize * effectiveBlur * 0.1;\n            float weight = gaussian(float(x), sigma) * gaussian(float(y), sigma);\n\n            vec2 sampleUV = uv + offset + refractionOffset;\n            blurColor += texture(u_background, sampleUV).rgb * weight;\n            totalWeight += weight;\n        }\n    }\n    blurColor /= totalWeight;\n\n    // Chromatic aberration at edges\n    if (u_chromaticAberration > 0.0) {\n        float edgeStrength = 1.0 - smoothstep(0.0, maxEdgeDist * 0.15, edgeDist);\n        vec2 aberrationDir = normalize(fromCenter) * edgeStrength * u_chromaticAberration * 0.003;\n\n        float r = texture(u_background, uv + refractionOffset + aberrationDir).r;\n        float b = texture(u_background, uv + refractionOffset - aberrationDir).b;\n        blurColor.r = mix(blurColor.r, r, edgeStrength * 0.5);\n        blurColor.b = mix(blurColor.b, b, edgeStrength * 0.5);\n    }\n\n    // Specular highlight (Fresnel)\n    vec3 viewDir = vec3(0.0, 0.0, 1.0);\n    vec2 normalXY = fromCenter / (u_glassBounds.zw * 0.5);\n    vec3 normal = normalize(vec3(normalXY * 0.3, 1.0));\n    float spec = fresnel(viewDir, normal, 1.5);\n\n    // Light-source-aware specular\n    vec2 lightDir = normalize(u_lightPos - uv);\n    float lightDot = max(dot(normalXY, lightDir), 0.0);\n    spec *= 0.3 + 0.7 * lightDot;\n\n    // Combine: frosted blur + specular + slight tint\n    vec3 tint = vec3(1.0, 1.0, 1.0); // neutral tint\n    vec3 result = blurColor * tint + vec3(spec * 0.15);\n\n    // Glass opacity with frosted appearance\n    float alpha = 0.85 + spec * 0.1;\n    fragColor = vec4(result, alpha);\n}\n";
-/** Shader program setup — compiles and links vertex + fragment shaders */
-export declare function createFrostProgram(gl: WebGL2RenderingContext | WebGLRenderingContext): WebGLProgram | null;
-/** Uniform locations cache for the frost program */
-export interface FrostUniforms {
-    u_background: WebGLUniformLocation | null;
-    u_resolution: WebGLUniformLocation | null;
-    u_glassBounds: WebGLUniformLocation | null;
-    u_blurRadius: WebGLUniformLocation | null;
-    u_refractionStrength: WebGLUniformLocation | null;
-    u_chromaticAberration: WebGLUniformLocation | null;
-    u_lightPos: WebGLUniformLocation | null;
-    u_time: WebGLUniformLocation | null;
-}
-export declare function getFrostUniforms(gl: WebGL2RenderingContext | WebGLRenderingContext, program: WebGLProgram): FrostUniforms;

package/dist/composables/motion/useAnimatedNumberMap.d.ts

@@ -1,29 +0,0 @@
-import { type ComputedRef } from "vue";
-import { type UseAnimatedNumberOptions } from "./useAnimatedNumber";
-export interface UseAnimatedNumberMapOptions extends UseAnimatedNumberOptions {
-}
-/**
- * Fan out N independent `useAnimatedNumber` instances into a `Record<K, ...>`.
- *
- * Each key gets one rAF-smoothed `ComputedRef<number | null>`. The smoothing
- * options apply identically across the set; consumers that need per-key
- * options should call `useAnimatedNumber` per key directly.
- *
- * The `null` propagation is preserved: when `source(key)` resolves to `null`,
- * the corresponding ref returns `null` rather than freezing on the last
- * smoothed sample. This matches the per-metric `raw → smoothed` contract.
- *
- * @example
- * const keys = ["ping", "jitter", "download", "upload"] as const;
- * const smoothed = useAnimatedNumberMap({
- *     keys,
- *     source: (k) => computed(() => store.resultFor(k).value ?? null),
- *     damping: DAMPING.domPill,
- *     snapThreshold: SNAP_THRESHOLD.dom,
- * });
- * // smoothed.ping.value, smoothed.jitter.value, ...
- */
-export declare function useAnimatedNumberMap<K extends string>(options: {
-    keys: readonly K[];
-    source: (key: K) => ComputedRef<number | null>;
-} & UseAnimatedNumberMapOptions): Record<K, ComputedRef<number | null>>;

package/dist/composables/motion/useStagger.d.ts

@@ -1,50 +0,0 @@
-import { type Ref } from "vue";
-export interface UseStaggerOptions {
-    /** Count of staggered slots. Each slot maps to one boolean in `revealed`. */
-    items: number;
-    /**
-     * Delay between consecutive reveals.
-     *
-     * Default 80ms — mirrors the `--motion-stagger-default` token in
-     * `tokens.css` (AJ-W4-κ canon). Consumers driving per-row CSS
-     * `animation-delay` cascades on the same surface should also read
-     * `--motion-stagger-default` so the JS-driven cascade (this composable)
-     * and the CSS-driven cascade stay in lockstep.
-     *
-     * The two adjacent canon tiers are:
-     *   - `--motion-stagger-tight: 40ms` — dense row cascades
-     *   - `--motion-stagger-relaxed: 120ms` — wide series cascades
-     */
-    delayMs?: number;
-    /** Delay before the first reveal fires. Default 0. */
-    initialDelayMs?: number;
-    /** Auto-start on creation. Default true. */
-    immediate?: boolean;
-    /**
-     * When true, honour `prefers-reduced-motion: reduce` by flipping every
-     * slot true synchronously instead of cascading the timeline. Mirrors
-     * the canonical opt-in on `useAnimatedNumber` and the global
-     * `transitions.css` / `utilities.css` reduced-motion brackets. SSR
-     * environments (no `window.matchMedia`) treat the option as a no-op.
-     * Default true.
-     */
-    respectReducedMotion?: boolean;
-}
-export interface UseStaggerControls {
-    /** Per-slot reveal state. `revealed.value[i]` flips true at `initialDelayMs + i * delayMs`. */
-    revealed: Ref<boolean[]>;
-    /** Re-arm the cascade. Resets `revealed` to all-false then fires the timeline. */
-    start: () => void;
-    /** Reset to all-false. Cancels any pending reveals. */
-    reset: () => void;
-    /** True once every slot has flipped. */
-    isComplete: Ref<boolean>;
-}
-/**
- * Drive a fixed-count staggered reveal off a single timer cascade.
- *
- * @example
- * const { revealed, start } = useStagger({ items: visible.value.length, delayMs: 80, initialDelayMs: 80, immediate: false });
- * watch(allComplete, (done, prev) => { if (done && !prev) start(); });
- */
-export declare function useStagger(options: UseStaggerOptions): UseStaggerControls;

package/dist/dockContext-DM58L1Jt.js

@@ -1,16 +0,0 @@
-import { inject as e, provide as t } from "vue";
-//#region src/components/custom/dock/composables/dockContext.ts
-var n = Symbol("glass-ui:dock-context");
-function r(e) {
-	t(n, e);
-}
-function i() {
-	let t = e(n);
-	if (!t) throw Error("[glass-ui:dock] useDockContext() called outside <GlassDock>; use useOptionalDockContext() if the primitive may render outside a dock.");
-	return t;
-}
-function a() {
-	return e(n, null);
-}
-//#endregion
-export { a as i, r as n, i as r, n as t };

package/dist/keys-SIKQYNx1.js

@@ -1,11 +0,0 @@
-import { inject as e, provide as t } from "vue";
-//#region src/components/custom/glyph-face/keys.ts
-var n = Symbol("glass-ui:glyph-face-silhouette");
-function r(e) {
-	t(n, e);
-}
-function i() {
-	return e(n, null);
-}
-//#endregion
-export { r as n, i as r, n as t };

package/dist/supportsCssTimeline-IQY3gfKD.js

@@ -1,12 +0,0 @@
-//#region src/composables/motion/supportsCssTimeline.ts
-function e(e, t) {
-	return typeof CSS > "u" || typeof CSS.supports != "function" ? !1 : CSS.supports("animation-timeline", e) && !CSS.supports("animation-timeline", t);
-}
-function t() {
-	return e("scroll()", "gl-not-a-real-timeline");
-}
-function n() {
-	return e("view()", "gl-not-a-real-timeline");
-}
-//#endregion
-export { n, t };

package/dist/useGlobalDark-BUUTZvkU.js

@@ -1,24 +0,0 @@
-import { ref as e, watch as t } from "vue";
-import { createGlobalState as n, useDark as r, useToggle as i } from "@vueuse/core";
-//#region src/composables/dark/useGlobalDark.ts
-var a = n(() => {
-	let n = r({ disableTransition: !1 }), a = i(n), o = e(!1);
-	function s() {
-		o.value && (document.documentElement.classList.add("no-transition"), document.documentElement.offsetHeight), a(), o.value && requestAnimationFrame(() => {
-			document.documentElement.classList.remove("no-transition");
-		});
-	}
-	function c(e) {
-		o.value = e;
-	}
-	return t(n, (e) => {
-		document.documentElement.style.colorScheme = e ? "dark" : "light";
-	}, { immediate: !0 }), {
-		isDark: n,
-		toggleDark: s,
-		disableTransitions: o,
-		setDisableTransitions: c
-	};
-});
-//#endregion
-export { a as t };

package/dist/useIdleReady-sLhGo6CL.js

@@ -1,162 +0,0 @@
-import { t as e } from "./useGlobalDark-BUUTZvkU.js";
-import { getCurrentScope as t, onMounted as n, onScopeDispose as r, readonly as i, ref as a, toValue as o, watch as s } from "vue";
-//#region src/composables/dom/useTokenColor.ts
-function c(t, r = {}) {
-	let i = r.fallback ?? "", c = a(i);
-	function l() {
-		if (typeof document > "u") return i;
-		let e = o(t);
-		if (!e) return i;
-		let n = (r.element ? o(r.element) : null) ?? document.documentElement;
-		return n && getComputedStyle(n).getPropertyValue(e).trim() || i;
-	}
-	function u() {
-		c.value = l();
-	}
-	u(), n(u);
-	let { isDark: d } = e();
-	return s(d, u), s(() => o(t), u), r.element !== void 0 && s(() => o(r.element), u), {
-		value: c,
-		refresh: u
-	};
-}
-//#endregion
-//#region src/composables/dom/useClipboard.ts
-async function l(e) {
-	if (typeof navigator > "u" || !navigator.clipboard?.writeText) return !1;
-	try {
-		return await navigator.clipboard.writeText(e), !0;
-	} catch {
-		return !1;
-	}
-}
-function u(e) {
-	if (typeof document > "u") return !1;
-	let t = document.createElement("textarea");
-	t.value = e, t.setAttribute("readonly", ""), t.style.position = "fixed", t.style.top = "-9999px", document.body.appendChild(t), t.select();
-	let n = !1;
-	try {
-		n = document.execCommand("copy");
-	} catch {
-		n = !1;
-	}
-	return document.body.removeChild(t), n;
-}
-async function d(e, t = {}) {
-	return await l(e) || u(e);
-}
-function f(e = {}) {
-	let t = e.resetMs ?? 1500, n = a(!1), i = null;
-	function o() {
-		i != null && (clearTimeout(i), i = null);
-	}
-	async function s(e) {
-		let r = await d(e);
-		return r && (n.value = !0, o(), i = setTimeout(() => {
-			n.value = !1, i = null;
-		}, t)), r;
-	}
-	return r(o), {
-		copied: n,
-		copy: s
-	};
-}
-//#endregion
-//#region src/composables/dom/useViewportReady.ts
-function p(e, n = {}) {
-	let i = n.rootMargin ?? "200px", o = n.idleTimeout ?? 1e4, c = n.threshold ?? .01, l = a(!1), u = null, d, f = null, p = null, m = !1;
-	function h() {
-		m || l.value || (l.value = !0, _());
-	}
-	function g() {
-		if (!m) {
-			if (typeof window > "u") {
-				h();
-				return;
-			}
-			"requestIdleCallback" in window ? f = window.requestIdleCallback(h, { timeout: o }) : p = setTimeout(h, 16);
-		}
-	}
-	function _() {
-		u &&= (u.disconnect(), null), f !== null && typeof window < "u" && "cancelIdleCallback" in window && (window.cancelIdleCallback(f), f = null), p !== null && (clearTimeout(p), p = null);
-	}
-	function v(e) {
-		if (typeof window > "u" || !("IntersectionObserver" in window)) {
-			g();
-			return;
-		}
-		u = new IntersectionObserver((e) => {
-			if (!m) {
-				for (let t of e) if (t.isIntersecting) {
-					g(), u?.disconnect(), u = null;
-					break;
-				}
-			}
-		}, {
-			rootMargin: i,
-			threshold: c
-		}), u.observe(e);
-	}
-	function y(e) {
-		m || l.value || d !== void 0 && d === e || (_(), d = e, e ? v(e) : g());
-	}
-	y(e.value);
-	let b = s(e, (e) => {
-		y(e);
-	}, { flush: "post" });
-	function x() {
-		m || (m = !0, b(), _());
-	}
-	return t() && r(x), {
-		ready: l,
-		stop: x
-	};
-}
-//#endregion
-//#region src/composables/dom/useBreakpoint.ts
-function m(e) {
-	let n = a(!1), o = null;
-	function s(e) {
-		n.value = e.matches;
-	}
-	function c() {
-		typeof window > "u" || !window.matchMedia || (o = window.matchMedia(e), n.value = o.matches, o.addEventListener("change", s));
-	}
-	function l() {
-		o?.removeEventListener("change", s), o = null;
-	}
-	return t() && r(l), c(), {
-		matches: i(n),
-		stop: l
-	};
-}
-//#endregion
-//#region src/composables/dom/useIdleReady.ts
-function h(e = {}) {
-	let n = e.timeout ?? 2e3, i = a(!1), o = null, s = null, c = !1;
-	function l() {
-		c || i.value || (i.value = !0, e.onReady?.(), u());
-	}
-	function u() {
-		o !== null && typeof window < "u" && "cancelIdleCallback" in window && (window.cancelIdleCallback(o), o = null), s !== null && (clearTimeout(s), s = null);
-	}
-	function d() {
-		if (!c) {
-			if (typeof window > "u") {
-				l();
-				return;
-			}
-			"requestIdleCallback" in window ? o = window.requestIdleCallback(l, { timeout: n }) : s = setTimeout(l, 0);
-		}
-	}
-	d();
-	function f() {
-		c || (c = !0, u());
-	}
-	return t() && r(f), {
-		ready: i,
-		stop: f
-	};
-}
-//#endregion
-export { f as a, d as i, m as n, c as o, p as r, h as t };

package/dist/useIntersectionPause-CUmANkoc.js

@@ -1,39 +0,0 @@
-import { getCurrentScope as e, onScopeDispose as t, readonly as n, ref as r, toValue as i, watch as a } from "vue";
-//#region src/composables/motion/useIntersectionPause.ts
-function o() {
-	return typeof document > "u" ? null : document;
-}
-function s(s, c, l = {}) {
-	let { root: u = null, rootMargin: d = "0px", threshold: f = 0, pauseWhenHidden: p = !0 } = l, m = o(), h = r(!0), g = r(!p || !m?.hidden), _ = r(!1), v = !1, y = null, b = null, x = null;
-	function S() {
-		if (v) return;
-		let e = !h.value || !g.value;
-		_.value = e, b !== e && (b = e, e ? c.pause() : c.resume());
-	}
-	typeof IntersectionObserver < "u" && (x = new IntersectionObserver((e) => {
-		for (let t of e) t.target === y && (h.value = t.isIntersecting || t.intersectionRatio > 0, S());
-	}, {
-		root: u,
-		rootMargin: d,
-		threshold: f
-	}));
-	let C = a(() => i(s), (e, t) => {
-		t && x && x.unobserve(t), y = e ?? null, h.value = !0, y && x && x.observe(y), S();
-	}, { immediate: !0 });
-	function w() {
-		g.value = !p || !m?.hidden, S();
-	}
-	m && p && m.addEventListener("visibilitychange", w);
-	function T() {
-		v || (v = !0, C(), x?.disconnect(), x = null, y = null, m?.removeEventListener("visibilitychange", w));
-	}
-	return e() && t(T), {
-		isIntersecting: n(h),
-		isDocumentVisible: n(g),
-		isPaused: n(_),
-		refresh: S,
-		dispose: T
-	};
-}
-//#endregion
-export { s as t };

package/dist/useSortable-DLK9kwZp.js

@@ -1,189 +0,0 @@
-import { computed as e, onScopeDispose as t, shallowRef as n } from "vue";
-//#region src/composables/sortable/useSortable.ts
-function r(e) {
-	return e ? e.replace(/\//g, " ").split(/\s+/).filter(Boolean).some((e) => parseFloat(e) !== 0) : !1;
-}
-var i = "[data-sortable-handle]", a = "is-sortable-drop-above", o = "is-sortable-drop-below", s = "sortable-drag-ghost", c = "is-sortable-dragging", l = /* @__PURE__ */ new Set();
-function u(e, t, n) {
-	if (!e.group) return null;
-	for (let r of l) {
-		if (r === e || r.group !== e.group) continue;
-		let i = r.getContainer();
-		if (!i) continue;
-		let a = i.getBoundingClientRect();
-		if (t >= a.left && t <= a.right && n >= a.top && n <= a.bottom) return r;
-	}
-	return null;
-}
-function d(d) {
-	let { items: f, getId: p, onReorder: m, onInsert: h, group: g, handleSelector: _ = i, axis: v = "y" } = d, y = n(null), b = n(null), x = n(null), S = null, C = null, w = 0, T = 0, E = null, D = null, O = /* @__PURE__ */ new Map(), k = /* @__PURE__ */ new Map();
-	function A() {
-		return f.value;
-	}
-	function j(e) {
-		let t = A();
-		for (let n = 0; n < t.length; n++) if (p(t[n]) === e) return n;
-		return -1;
-	}
-	function M(e, t, n, r, i) {
-		let a = i ? n : r;
-		for (let n = 0; n < t.length; n++) {
-			let r = e.get(t[n].id);
-			if (!r) continue;
-			let o = r.getBoundingClientRect();
-			if (a < (i ? o.left + o.width / 2 : o.top + o.height / 2)) return n;
-		}
-		return t.length;
-	}
-	function N(e, t) {
-		return M(O, A().map((e) => ({ id: p(e) })), e, t, v === "x");
-	}
-	function P(e) {
-		return _ === null ? !0 : e instanceof Element ? e.closest(_) !== null : !1;
-	}
-	function F(e) {
-		let t = getComputedStyle(e).borderRadius;
-		if (r(t)) return t;
-		for (let t of e.querySelectorAll("*")) {
-			let e = getComputedStyle(t).borderRadius;
-			if (r(e)) return e;
-		}
-		return null;
-	}
-	function I(e, t, n) {
-		let r = e.getBoundingClientRect();
-		w = t - r.left, T = n - r.top;
-		let i = e.cloneNode(!0);
-		i.classList.add(s);
-		let a = F(e);
-		a && (i.style.borderRadius = a), i.style.position = "fixed", i.style.left = `${r.left}px`, i.style.top = `${r.top}px`, i.style.width = `${r.width}px`, i.style.height = `${r.height}px`, i.style.margin = "0", i.style.pointerEvents = "none", i.style.zIndex = "9999", i.id && i.removeAttribute("id");
-		for (let e of i.querySelectorAll("[id]")) e.removeAttribute("id");
-		document.body.appendChild(i), C = i;
-	}
-	function L(e, t) {
-		C && (C.style.left = `${e - w}px`, C.style.top = `${t - T}px`);
-	}
-	function R() {
-		C && C.parentNode && C.parentNode.removeChild(C), C = null;
-	}
-	function z(e, t) {
-		let n = O.get(e);
-		if (!(n instanceof HTMLElement)) return;
-		y.value = e, b.value = {
-			x: t.clientX,
-			y: t.clientY
-		}, x.value = j(e), S = null, E = n, n.classList.add(c), I(n, t.clientX, t.clientY);
-		let r = t.currentTarget;
-		if (r && "setPointerCapture" in r) try {
-			r.setPointerCapture(t.pointerId);
-		} catch {}
-		document.addEventListener("pointermove", B), document.addEventListener("pointerup", V), document.addEventListener("pointercancel", V);
-	}
-	function B(e) {
-		if (y.value === null) return;
-		b.value = {
-			x: e.clientX,
-			y: e.clientY
-		}, L(e.clientX, e.clientY);
-		let t = u(K, e.clientX, e.clientY);
-		if (t) {
-			S && S !== t && S.setExternalDropIndex(null), S = t;
-			let n = t.getItems().map((e) => ({ id: t.getId(e) })), r = M(t.getElements(), n, e.clientX, e.clientY, v === "x");
-			t.setExternalDropIndex(r), x.value = null;
-		} else S &&= (S.setExternalDropIndex(null), null), x.value = N(e.clientX, e.clientY);
-	}
-	function V(e) {
-		let t = y.value, n = S, r = x.value;
-		if (H(), t === null) return;
-		let i = A(), a = i.findIndex((e) => p(e) === t);
-		if (a < 0) return;
-		if (n) {
-			let e = i[a], t = i.slice();
-			t.splice(a, 1), m(t);
-			let r = n.getExternalDropIndex?.() ?? null;
-			n.setExternalDropIndex(null), n.acceptExternal(r ?? 0, e);
-			return;
-		}
-		if (r === null) return;
-		let o = r;
-		if (o > a && --o, o === a) return;
-		let s = i.slice(), [c] = s.splice(a, 1);
-		s.splice(o, 0, c), m(s);
-	}
-	function H() {
-		R(), E &&= (E.classList.remove(c), null), S &&= (S.setExternalDropIndex(null), null), y.value = null, b.value = null, x.value = null, document.removeEventListener("pointermove", B), document.removeEventListener("pointerup", V), document.removeEventListener("pointercancel", V);
-	}
-	function U(t) {
-		let n = k.get(t);
-		if (n) return n;
-		let r = (e) => {
-			e === null ? O.delete(t) : O.set(t, e);
-		};
-		function i(e, n) {
-			let r = j(t);
-			return r < 0 ? {
-				above: !1,
-				below: !1
-			} : e === n ? {
-				above: !1,
-				below: r === n - 1
-			} : {
-				above: r === e,
-				below: !1
-			};
-		}
-		let s = e(() => {
-			let e = {
-				[a]: !1,
-				[o]: !1
-			};
-			if (y.value !== null && x.value !== null) {
-				let t = i(x.value, A().length);
-				t.above && (e[a] = !0), t.below && (e[o] = !0);
-			}
-			if (W.value !== null && y.value === null) {
-				let t = i(W.value, A().length);
-				t.above && (e[a] = !0), t.below && (e[o] = !0);
-			}
-			return e;
-		}), c = {
-			ref: r,
-			dataAttrs: { "data-sortable-id": String(t) },
-			class: s,
-			onPointerdown: (e) => {
-				e.button === 0 && P(e.target) && (e.preventDefault(), z(t, e));
-			}
-		};
-		return k.set(t, c), c;
-	}
-	let W = n(null), G = {
-		ref: (e) => {
-			D = e;
-		},
-		dataAttrs: { "data-sortable-container": g ?? "" }
-	}, K = {
-		group: g,
-		getContainer: () => D,
-		getItems: () => f.value,
-		getId: (e) => p(e),
-		getElements: () => O,
-		setExternalDropIndex: (e) => {
-			W.value = e;
-		},
-		acceptExternal: (e, t) => {
-			h && h(e, t);
-		}
-	};
-	return K.getExternalDropIndex = () => W.value, l.add(K), t(() => {
-		l.delete(K), H();
-	}), {
-		registerItem: U,
-		container: G,
-		isDragging: e(() => y.value !== null),
-		dragId: e(() => y.value),
-		dragPosition: e(() => b.value),
-		dropIndex: e(() => x.value)
-	};
-}
-//#endregion
-export { d as t };