@mkbabb/glass-ui 6.0.0 → 8.0.0

package/dist/number-field-NFAwQ0HK.js

@@ -0,0 +1,111 @@
+import { t as e } from "./class-names-q-UGOkHH.js";
+import { t } from "./button-yvGPb0Bx.js";
+import { n, t as r } from "./control.css_vue_type_style_index_0_src_true_lang-BIdufaDG.js";
+import { computed as i, createBlock as a, createVNode as o, defineComponent as s, inject as c, mergeProps as l, normalizeClass as u, openBlock as d, provide as f, renderSlot as p, resolveDynamicComponent as m, unref as h, useAttrs as g, withCtx as _ } from "vue";
+import { NumberFieldDecrement as v, NumberFieldIncrement as y, NumberFieldInput as b, NumberFieldRoot as x, injectNumberFieldRootContext as S, useForwardPropsEmits as C } from "reka-ui";
+import { Minus as w, Plus as T } from "@lucide/vue";
+//#region src/components/number-field/context.ts
+var E = Symbol("glass-ui-number-field"), D = /* @__PURE__ */ s({
+	inheritAttrs: !1,
+	__name: "NumberField",
+	props: {
+		modelValue: {},
+		defaultValue: {},
+		min: {},
+		max: {},
+		step: {},
+		formatOptions: {},
+		locale: {},
+		disabled: { type: Boolean },
+		readonly: { type: Boolean },
+		id: {},
+		invalid: { type: Boolean },
+		size: { default: "md" },
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		asChild: { type: Boolean },
+		as: {},
+		name: {},
+		required: { type: Boolean }
+	},
+	emits: ["update:modelValue"],
+	setup(t, { emit: r }) {
+		let o = t, s = r, c = g(), u = i(() => {
+			let { class: e, invalid: t, size: n, ...r } = o;
+			return r;
+		}), { ariaInvalid: m, forwardedAttrs: v } = n(o, c);
+		f(E, {
+			ariaInvalid: m,
+			required: i(() => o.required === !0),
+			size: i(() => o.size)
+		});
+		let y = C(u, s), b = i(() => ({
+			...y.value,
+			...v.value
+		}));
+		return (t, n) => (d(), a(h(x), l({ "data-slot": "number-field" }, b.value, { class: h(e)("number-field", o.class) }), {
+			default: _(() => [p(t.$slots, "default")]),
+			_: 3
+		}, 16, ["class"]));
+	}
+}), O = /* @__PURE__ */ s({
+	inheritAttrs: !1,
+	__name: "NumberFieldInput",
+	setup(t) {
+		let n = c(E), o = S(), s = i(() => o.disabled.value ? "disabled" : o.readonly.value ? "readonly" : r(n.ariaInvalid.value) ? "invalid" : "default");
+		return (t, r) => (d(), a(h(b), l(t.$attrs, {
+			"data-slot": "input",
+			"data-kind": "input",
+			"data-size": h(n).size.value,
+			"data-state": s.value,
+			"aria-invalid": h(n).ariaInvalid.value,
+			"aria-required": h(n).required.value || void 0,
+			class: h(e)("number-field__input field-control glass-control-edge")
+		}), null, 16, [
+			"data-size",
+			"data-state",
+			"aria-invalid",
+			"aria-required",
+			"class"
+		]));
+	}
+}), k = /* @__PURE__ */ s({
+	__name: "NumberFieldStep",
+	props: {
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		direction: {},
+		disabled: { type: Boolean }
+	},
+	setup(n) {
+		let r = n, s = c(E), l = i(() => r.direction === "increment" ? y : v), f = i(() => r.direction === "increment" ? T : w);
+		return (n, i) => (d(), a(m(l.value), {
+			"data-slot": r.direction,
+			disabled: r.disabled,
+			"as-child": ""
+		}, {
+			default: _(() => [o(h(t), {
+				emphasis: "secondary",
+				size: h(s).size.value,
+				iconOnly: "",
+				class: u(h(e)("number-field__step", `number-field__step--${r.direction}`, r.class))
+			}, {
+				default: _(() => [p(n.$slots, "default", {}, () => [(d(), a(m(f.value), { "aria-hidden": "true" }))])]),
+				_: 3
+			}, 8, ["size", "class"])]),
+			_: 3
+		}, 8, ["data-slot", "disabled"]));
+	}
+});
+//#endregion
+export { O as n, D as r, k as t };

package/dist/number-field.d.ts

@@ -1 +1 @@
-export * from "./components/number-field";
+export * from "./components/number-field/index.js";

package/dist/number-field.js

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

package/dist/pager-dots.d.ts

@@ -1 +1 @@
-export * from "./components/pager-dots";
+export * from "./components/pager-dots/index.js";

package/dist/pager-dots.js

@@ -1,2 +1,362 @@
-import { n as e, t } from "./PagerDots-BoTQ7g5l.js";
-export { t as PagerDots, e as pagerWindow };
+import { t as e } from "./class-names-q-UGOkHH.js";
+import { t } from "./useLiquidFlex-TJZmRqyY.js";
+import { t as n } from "./useResizeObserver-CdUlm2QZ.js";
+import { t as r } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+import { s as i } from "./deck-Ci6YjB5e.js";
+import { n as a } from "./useLeadTrail-DQWdpFN1.js";
+import { Fragment as o, computed as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, defineComponent as d, mergeModels as f, nextTick as p, normalizeClass as m, normalizeStyle as h, onMounted as g, openBlock as _, ref as v, renderList as y, toDisplayString as b, unref as x, useModel as S, watch as C } from "vue";
+//#region src/components/pager-dots/worm.ts
+var w = 12, T = 28, E = 1.2;
+function D(e, t) {
+	let n = t, r = 3 * t, i = Math.abs(e) * .55;
+	return i < n ? n : i > r ? r : i;
+}
+function O(e) {
+	let { rootEl: r, wormLayerEl: i, bodyAEl: o, bodyBEl: s, neckEl: c, bedDotEls: l, shown: u, vertical: d, active: f } = e, m = {
+		origin: 0,
+		pitch: 28,
+		dot: 12,
+		maxStretch: E
+	};
+	function h() {
+		let e = i.value, t = u.value;
+		if (!e || t.length === 0) return;
+		let n = l.get(t[0]);
+		if (!n) return;
+		let a = d.value, o = a ? e.offsetTop : e.offsetLeft, s = (e) => (a ? e.offsetTop + e.offsetHeight / 2 : e.offsetLeft + e.offsetWidth / 2) - o;
+		m.origin = s(n);
+		let c = t.length > 1 ? l.get(t[1]) : void 0;
+		c && (m.pitch = s(c) - m.origin), m.pitch ||= 28;
+		let f = getComputedStyle(r.value ?? e), p = parseFloat(f.getPropertyValue("--pager-dot-size"));
+		Number.isFinite(p) && p > 0 && (m.dot = p);
+		let h = parseFloat(f.getPropertyValue("--pager-worm-max-stretch"));
+		m.maxStretch = Number.isFinite(h) && h > 1 ? h : E;
+	}
+	let _ = t({
+		from: 0,
+		to: 0,
+		axis: "width",
+		maxStretch: () => m.maxStretch
+	});
+	function v(e) {
+		let t = u.value;
+		if (t.length === 0) return null;
+		let n = t.indexOf(e), r = n >= 0 ? n : t.reduce((n, r, i) => Math.abs(r - e) < Math.abs(t[n] - e) ? i : n, 0);
+		return m.origin + r * m.pitch;
+	}
+	let y = 0;
+	function b() {
+		return D(y, m.pitch);
+	}
+	let x = !1;
+	function S(e, t) {
+		if (e !== x) {
+			x = e;
+			for (let n of t) n.style.willChange = e ? "transform" : "";
+		}
+	}
+	function w(e) {
+		let t = o.value, n = s.value, r = c.value, a = i.value;
+		if (!t || !n || !r || !a) return;
+		S(!e.settled, [
+			t,
+			n,
+			r
+		]);
+		let l = d.value, u = m.dot, f = e.hi - e.lo, p = e.lo, h = e.hi;
+		_.squish(m.pitch > 0 ? f / m.pitch : 0), a.style.setProperty("--stretch", _.stretch.value.toFixed(4)), t.style.translate = T(p, l), n.style.translate = T(h, l);
+		let g = u > 0 ? Math.max(f / u, 1e-4) : 1e-4;
+		r.style.translate = T((p + h) / 2, l), r.style.scale = l ? `1 ${g.toFixed(4)}` : `${g.toFixed(4)} 1`, r.style.opacity = f > .5 ? "1" : "0";
+	}
+	function T(e, t) {
+		return t ? `0 ${e.toFixed(2)}px` : `${e.toFixed(2)}px 0`;
+	}
+	let O = a({
+		ceil: b,
+		onFrame: w
+	});
+	function k() {
+		h();
+		let e = v(f.value);
+		e != null && (y = 0, O.seat(e));
+	}
+	function A() {
+		let e = v(f.value);
+		e != null && (y = e - O.lead.value, O.drive(e));
+	}
+	C(f, () => {
+		p(A);
+	}), C(() => u.value.length, () => {
+		p(k);
+	}), C(u, () => {
+		p(() => {
+			h(), A();
+		});
+	}), n(r, () => {
+		p(k);
+	}), g(() => {
+		p(k);
+	});
+}
+//#endregion
+//#region src/components/pager-dots/PagerDots.vue?vue&type=script&setup=true&lang.ts
+var k = [
+	"role",
+	"aria-label",
+	"aria-orientation",
+	"data-orientation"
+], A = {
+	class: "pager-bed-layer",
+	"aria-hidden": "true"
+}, j = [
+	"data-active",
+	"data-hover",
+	"data-press",
+	"data-edge"
+], M = [
+	"role",
+	"aria-selected",
+	"aria-controls",
+	"aria-current",
+	"aria-label",
+	"tabindex",
+	"data-active",
+	"data-edge",
+	"onClick",
+	"onPointerenter",
+	"onPointerleave",
+	"onPointerdown"
+], N = {
+	key: 0,
+	class: "sr-only",
+	role: "status",
+	"aria-live": "polite",
+	"aria-atomic": "true"
+}, P = /*#__PURE__*/ r(/* @__PURE__ */ d({
+	__name: "PagerDots",
+	props: /*@__PURE__*/ f({
+		count: {},
+		orientation: { default: "horizontal" },
+		windowFit: {},
+		ring: {
+			type: Boolean,
+			default: !0
+		},
+		pattern: { default: "group" },
+		panelIds: {},
+		slideLabel: {},
+		announce: {
+			type: Boolean,
+			default: !0
+		},
+		ariaLabel: { default: "Pager" },
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	}, {
+		active: { default: 0 },
+		activeModifiers: {}
+	}),
+	emits: /*@__PURE__*/ f(["select"], ["update:active"]),
+	setup(t, { emit: n }) {
+		let r = t, a = n, d = S(t, "active"), f = s(() => Number.isFinite(r.count) ? Math.max(0, Math.trunc(r.count)) : 0), g = s(() => f.value === 0 ? 0 : Math.min(f.value - 1, Math.max(0, Math.round(d.value || 0))));
+		C([f, d], ([, e]) => {
+			e !== g.value && (d.value = g.value);
+		}, { immediate: !0 });
+		let w = v(null), T = v(null), E = v(null), D = v(null), P = v(null), F = /* @__PURE__ */ new Map();
+		function I(e, t) {
+			t ? F.set(e, t) : F.delete(e);
+		}
+		let L = /* @__PURE__ */ new Map();
+		function R(e, t) {
+			t ? L.set(e, t) : L.delete(e);
+		}
+		let z = s(() => r.orientation === "vertical"), B = v(0), V = v("recentre"), H = s(() => r.windowFit && r.windowFit > 0 ? i(f.value, g.value, r.windowFit, {
+			from: B.value,
+			policy: V.value
+		}) : {
+			shown: Array.from({ length: f.value }, (e, t) => t),
+			start: 0,
+			clippedStart: !1,
+			clippedEnd: !1
+		}), U = s(() => H.value.shown);
+		function W(e) {
+			return Math.abs(e - g.value);
+		}
+		function G(e) {
+			if (!e) return;
+			let t = L.get(U.value[0]), n = L.get(U.value[1]);
+			if (!t || !n) return;
+			let r = e * (z.value ? n.offsetTop - t.offsetTop : n.offsetLeft - t.offsetLeft);
+			for (let e of L.values()) e.dataset.flip = "", e.style.setProperty("--pip-flip", `${r.toFixed(2)}px`);
+			requestAnimationFrame(() => {
+				for (let e of L.values()) delete e.dataset.flip, e.style.setProperty("--pip-flip", "0px");
+			});
+		}
+		C(() => H.value.start, (e, t) => {
+			B.value = e, V.value = "recentre", p(() => G((t ?? e) - e));
+		}), O({
+			rootEl: w,
+			wormLayerEl: T,
+			bodyAEl: E,
+			bodyBEl: D,
+			neckEl: P,
+			bedDotEls: L,
+			shown: U,
+			vertical: z,
+			active: g
+		}), C(U, (e) => {
+			let t = w.value;
+			if (!t || !t.contains(document.activeElement)) return;
+			let n = document.activeElement;
+			e.some((e) => F.get(e) === n) || p(() => F.get(g.value)?.focus());
+		});
+		function K(e, t = "recentre") {
+			V.value = t, d.value = e, a("select", e);
+		}
+		function q(e) {
+			K(e, "nudge");
+		}
+		let J = v(null), Y = v(null);
+		function X() {
+			Y.value = null;
+		}
+		let ee = s(() => {
+			let e = U.value;
+			return e.length === 0 ? -1 : e.includes(g.value) ? g.value : e[0];
+		});
+		function te(e) {
+			return e === ee.value ? 0 : -1;
+		}
+		function Z(e) {
+			K(e), p(() => F.get(e)?.focus());
+		}
+		function Q(e, t) {
+			let n = f.value;
+			if (n !== 0) for (let r = 1; r <= n; r++) {
+				let i = (e + t * r + n * r) % n;
+				if (!F.get(i)?.disabled) {
+					Z(i);
+					return;
+				}
+			}
+		}
+		function $(e) {
+			let t = f.value;
+			if (t === 0) return;
+			let n = e === "first" ? Array.from({ length: t }, (e, t) => t) : Array.from({ length: t }, (e, n) => t - 1 - n);
+			for (let e of n) if (!F.get(e)?.disabled) {
+				Z(e);
+				return;
+			}
+		}
+		function ne(e) {
+			return !!e?.closest?.("input, textarea, select, [contenteditable]");
+		}
+		function re(e) {
+			if (ne(e.target)) return;
+			let t = g.value, n = z.value ? "ArrowDown" : "ArrowRight", r = z.value ? "ArrowUp" : "ArrowLeft", i = !0;
+			switch (e.key) {
+				case n:
+				case "PageDown":
+					Q(t, 1);
+					break;
+				case r:
+				case "PageUp":
+					Q(t, -1);
+					break;
+				case "Home":
+					$("first");
+					break;
+				case "End":
+					$("last");
+					break;
+				default:
+					if (e.key >= "1" && e.key <= "9") {
+						let t = parseInt(e.key, 10) - 1;
+						t < f.value ? Z(t) : i = !1;
+					} else i = !1;
+					break;
+			}
+			i && e.preventDefault();
+		}
+		let ie = s(() => {
+			let e = `Slide ${g.value + 1} of ${f.value}`, t = r.slideLabel?.(g.value);
+			return t ? `${e}: ${t}` : e;
+		});
+		return (n, i) => (_(), l("div", {
+			ref_key: "rootEl",
+			ref: w,
+			"data-slot": "pager-dots",
+			role: t.pattern === "group" ? "group" : "tablist",
+			"aria-label": t.ariaLabel,
+			"aria-orientation": t.pattern === "group" ? void 0 : t.orientation,
+			"data-orientation": t.orientation,
+			onKeydown: re,
+			class: m(x(e)("pager-dots inline-flex items-center justify-center", t.ring && "glass-pager-ring", t.orientation === "vertical" && "flex-col", r.class))
+		}, [
+			u("div", A, [(_(!0), l(o, null, y(U.value, (e) => (_(), l("span", {
+				key: e,
+				ref_for: !0,
+				ref: (t) => R(e, t),
+				class: "goo-dot",
+				style: h({ "--pip-rank": W(e) }),
+				"data-active": e === g.value ? "" : void 0,
+				"data-hover": e === J.value ? "" : void 0,
+				"data-press": e === Y.value ? "" : void 0,
+				"data-edge": e === U.value[0] && H.value.clippedStart || e === U.value[U.value.length - 1] && H.value.clippedEnd ? "" : void 0
+			}, null, 12, j))), 128))]),
+			u("div", {
+				ref_key: "wormLayerEl",
+				ref: T,
+				class: "pager-worm-layer",
+				"aria-hidden": "true"
+			}, [
+				u("span", {
+					ref_key: "bodyAEl",
+					ref: E,
+					class: "goo-body"
+				}, null, 512),
+				u("span", {
+					ref_key: "neckEl",
+					ref: P,
+					class: "goo-neck"
+				}, null, 512),
+				u("span", {
+					ref_key: "bodyBEl",
+					ref: D,
+					class: "goo-body"
+				}, null, 512)
+			], 512),
+			(_(!0), l(o, null, y(U.value, (e, n) => (_(), l("button", {
+				key: e,
+				ref_for: !0,
+				ref: (t) => I(e, t),
+				type: "button",
+				role: t.pattern === "group" ? void 0 : "tab",
+				"aria-selected": t.pattern === "group" ? void 0 : e === g.value,
+				"aria-controls": t.pattern === "group" ? void 0 : t.panelIds?.[e] || void 0,
+				"aria-current": t.pattern === "group" && e === g.value ? "true" : void 0,
+				"aria-label": `Go to slide ${e + 1}`,
+				tabindex: te(e),
+				"data-active": e === g.value ? "" : void 0,
+				"data-edge": n === 0 && H.value.clippedStart || n === U.value.length - 1 && H.value.clippedEnd ? "" : void 0,
+				"data-slot": "pager-dot",
+				class: "pager-dot focus-ring",
+				onClick: (t) => q(e),
+				onPointerenter: (t) => J.value = e,
+				onPointerleave: (t) => J.value === e && (J.value = null),
+				onPointerdown: (t) => Y.value = e,
+				onPointerup: X,
+				onPointercancel: X
+			}, null, 40, M))), 128)),
+			t.announce ? (_(), l("span", N, b(ie.value), 1)) : c("", !0)
+		], 42, k));
+	}
+}), [["__scopeId", "data-v-f60f1930"]]);
+//#endregion
+export { w as DEFAULT_DOT_PX, E as DEFAULT_MAX_STRETCH, T as DEFAULT_PITCH_PX, P as PagerDots, D as elongationCeil };

package/dist/participation-B0hdsIRo.js

@@ -0,0 +1,42 @@
+import { n as e } from "./springPresets-Cbe0Voqg.js";
+import { n as t } from "./createContext-BhkE9mLH.js";
+import { computed as n, onScopeDispose as r, ref as i, toValue as a, watch as o } from "vue";
+//#region src/components/dock/constants.ts
+var s = {
+	response: e("dock").response,
+	dampingFraction: e("dock").dampingFraction
+}, c = "[data-dismissable-layer]:not([data-state=\"closed\"])", l = "glass-ui:dock-context", u = "glass-ui:dock-layer-group", d = t(l, "[glass-ui:dock] useDockContext() called outside <GlassDock>; use useOptionalDockContext() if the primitive may render outside a dock."), { KEY: f } = d;
+function p(e) {
+	d.provide(e);
+}
+var m = d.use, h = d.useOptional;
+//#endregion
+//#region src/components/_shared/overlay/participation.ts
+function g(e, t) {
+	let n = i(!1);
+	function a() {
+		n.value || (n.value = !0, e()?.keepOpen(t));
+	}
+	function o() {
+		n.value && (n.value = !1, e()?.release(t));
+	}
+	return r(o), {
+		isHeld: n,
+		acquire: a,
+		release: o
+	};
+}
+function _(e) {
+	let t = h(), r = g(() => t, e?.kind), i = n(() => t?.id ? {
+		"data-glass-dock-portal": "",
+		"data-glass-dock-owner": t.id
+	} : {});
+	return e?.hold !== void 0 && o(() => a(e.hold), (e) => e ? r.acquire() : r.release(), { immediate: !0 }), {
+		portalAttrs: i,
+		isHeld: r.isHeld,
+		hold: r.acquire,
+		release: r.release
+	};
+}
+//#endregion
+export { m as a, s as c, p as i, c as l, g as n, h as o, f as r, u as s, _ as t };

package/dist/{pointerFieldMappings-CZojkgKj.js → pointerFieldMappings-DP5tla5z.js}

@@ -1,4 +1,4 @@
-//#region src/composables/motion/pointerFieldMappings.ts
+//#region src/composables/motion/pointer/pointerFieldMappings.ts
 function e(e, t, n) {
 	return e < t ? t : e > n ? n : e;
 }
@@ -29,15 +29,12 @@ function c(t, n = {}) {
 }
 var l = .25;
 function u(t, n = {}) {
-	let r = n.strength ?? .8;
+	let r = e(n.strength ?? .8, 0, 1), i = e(t.engagement * r, 0, 1), a = e(t.burst * (n.amplitude ?? 0), 0, 1);
 	return {
 		cx: t.attractor.x,
 		cy: t.attractor.y,
-		strength: e(t.engagement * r, 0, 1),
-		radius: n.radius ?? .25,
-		velX: t.velocity.x,
-		velY: t.velocity.y,
-		burst: t.burst
+		strength: i + (1 - i) * a,
+		radius: n.radius ?? .25
 	};
 }
 function d(e) {