@mkbabb/glass-ui 6.0.0 → 7.0.0

package/dist/popover-BQGYXZyO.js

@@ -0,0 +1,244 @@
+import { t as e } from "./class-names-Cpy5eaBk.js";
+import { t } from "./createContext-BhkE9mLH.js";
+import { t as n } from "./floating-dB5TD88k.js";
+import { i as r } from "./dockContext-BUTlGRNJ.js";
+import { computed as i, createBlock as a, createVNode as o, defineComponent as s, mergeProps as c, onScopeDispose as l, openBlock as u, ref as d, renderSlot as f, unref as p, useAttrs as m, watch as h, withCtx as g } from "vue";
+import { HoverCardContent as _, HoverCardPortal as v, HoverCardRoot as y, HoverCardTrigger as b, PopoverContent as x, PopoverPortal as S, PopoverRoot as C, PopoverTrigger as w } from "reka-ui";
+//#region src/components/popover/popoverContext.ts
+var T = t("glass-ui:popover-union"), E = T.provide, D = T.use, O = /* @__PURE__ */ s({
+	name: "Popover",
+	inheritAttrs: !1,
+	__name: "Popover",
+	props: {
+		open: {
+			type: Boolean,
+			default: void 0
+		},
+		defaultOpen: {
+			type: Boolean,
+			default: !1
+		},
+		trigger: { default: "click" },
+		openDelay: { default: 250 },
+		closeDelay: { default: 150 },
+		keepDockOpen: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["update:open"],
+	setup(e, { emit: t }) {
+		let n = e, o = t, s = d(n.open ?? n.defaultOpen);
+		h(() => n.open, (e) => {
+			e !== void 0 && (s.value = e);
+		});
+		let c = i(() => n.open ?? s.value);
+		function m(e) {
+			n.open === void 0 && (s.value = e), o("update:open", e);
+		}
+		let _ = typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(pointer: coarse)").matches, v = i(() => n.trigger === "hover" && !_);
+		E({ usesHoverRoot: v });
+		let b = r(), x = !1;
+		function S() {
+			x &&= (b?.release(), !1);
+		}
+		return h([c, () => n.keepDockOpen], ([e, t]) => {
+			e && t && b && !x ? (b.keepOpen(), x = !0) : (!e || !t) && S();
+		}, { immediate: !0 }), l(S), (t, n) => v.value ? (u(), a(p(y), {
+			key: 0,
+			"data-slot": "popover",
+			open: c.value,
+			"open-delay": e.openDelay,
+			"close-delay": e.closeDelay,
+			"onUpdate:open": m
+		}, {
+			default: g(() => [f(t.$slots, "default")]),
+			_: 3
+		}, 8, [
+			"open",
+			"open-delay",
+			"close-delay"
+		])) : (u(), a(p(C), {
+			key: 1,
+			"data-slot": "popover",
+			open: c.value,
+			"onUpdate:open": m
+		}, {
+			default: g(() => [f(t.$slots, "default")]),
+			_: 3
+		}, 8, ["open"]));
+	}
+}), k = /* @__PURE__ */ s({
+	name: "PopoverTrigger",
+	inheritAttrs: !1,
+	__name: "PopoverTrigger",
+	props: {
+		asChild: {
+			type: Boolean,
+			default: !1
+		},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(e) {
+		let t = e, n = m(), r = i(() => {
+			let { as: e, reference: r, ...i } = n;
+			return t.asChild ? i : {
+				...i,
+				type: "button"
+			};
+		}), o = D(), s = i(() => o?.usesHoverRoot.value ?? !1);
+		return (n, i) => s.value ? (u(), a(p(b), c({ key: 0 }, r.value, {
+			as: "button",
+			"as-child": e.asChild,
+			class: t.class
+		}), {
+			default: g(() => [f(n.$slots, "default")]),
+			_: 3
+		}, 16, ["as-child", "class"])) : (u(), a(p(w), c({ key: 1 }, r.value, {
+			as: "button",
+			"as-child": e.asChild,
+			class: t.class
+		}), {
+			default: g(() => [f(n.$slots, "default")]),
+			_: 3
+		}, 16, ["as-child", "class"]));
+	}
+}), A = /* @__PURE__ */ s({
+	name: "PopoverContent",
+	inheritAttrs: !1,
+	__name: "PopoverContent",
+	props: {
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		portal: {
+			type: Boolean,
+			default: !0
+		},
+		surface: { default: "glass" },
+		ariaLabel: {},
+		side: { default: "bottom" },
+		sideOffset: { default: 4 },
+		align: { default: "center" },
+		alignOffset: { default: 0 }
+	},
+	emits: [
+		"escapeKeyDown",
+		"pointerDownOutside",
+		"focusOutside",
+		"interactOutside",
+		"openAutoFocus",
+		"closeAutoFocus"
+	],
+	setup(t, { emit: s }) {
+		let l = t, d = s, h = m(), y = i(() => {
+			let { role: e, "aria-modal": t, ...r } = n(h);
+			return r;
+		}), b = i(() => ({
+			side: l.side,
+			sideOffset: l.sideOffset,
+			align: l.align,
+			alignOffset: l.alignOffset,
+			avoidCollisions: !0
+		})), C = D(), w = i(() => C?.usesHoverRoot.value ?? !1), T = r(), E = i(() => T?.id ? "" : void 0), O = i(() => e("popover-content z-popover w-72 glass-floating [--overlay-pad-inline:1rem] [--overlay-pad-block:calc(var(--overlay-pad-inline)*1.272)] px-(--overlay-pad-inline) py-(--overlay-pad-block) glass-reveal", l.class));
+		return (e, n) => w.value ? (u(), a(p(v), {
+			key: 0,
+			disabled: !t.portal
+		}, {
+			default: g(() => [o(p(_), c({
+				...b.value,
+				...y.value
+			}, {
+				"data-glass-dock-portal": E.value,
+				"data-glass-dock-owner": p(T)?.id,
+				"data-surface": t.surface,
+				"data-material": "overlay",
+				"data-reveal": "menu",
+				role: "group",
+				"aria-label": t.ariaLabel,
+				class: O.value,
+				onEscapeKeyDown: n[0] ||= (e) => d("escapeKeyDown", e),
+				onPointerDownOutside: n[1] ||= (e) => d("pointerDownOutside", e),
+				onFocusOutside: n[2] ||= (e) => d("focusOutside", e),
+				onInteractOutside: n[3] ||= (e) => d("interactOutside", e)
+			}), {
+				default: g(() => [f(e.$slots, "default")]),
+				_: 3
+			}, 16, [
+				"data-glass-dock-portal",
+				"data-glass-dock-owner",
+				"data-surface",
+				"aria-label",
+				"class"
+			])]),
+			_: 3
+		}, 8, ["disabled"])) : t.portal ? (u(), a(p(S), { key: 1 }, {
+			default: g(() => [o(p(x), c({
+				...b.value,
+				...y.value
+			}, {
+				"data-glass-dock-portal": E.value,
+				"data-glass-dock-owner": p(T)?.id,
+				"data-surface": t.surface,
+				"data-material": "overlay",
+				"data-reveal": "menu",
+				"aria-label": t.ariaLabel,
+				class: O.value,
+				onEscapeKeyDown: n[4] ||= (e) => d("escapeKeyDown", e),
+				onPointerDownOutside: n[5] ||= (e) => d("pointerDownOutside", e),
+				onFocusOutside: n[6] ||= (e) => d("focusOutside", e),
+				onInteractOutside: n[7] ||= (e) => d("interactOutside", e),
+				onOpenAutoFocus: n[8] ||= (e) => d("openAutoFocus", e),
+				onCloseAutoFocus: n[9] ||= (e) => d("closeAutoFocus", e)
+			}), {
+				default: g(() => [f(e.$slots, "default")]),
+				_: 3
+			}, 16, [
+				"data-glass-dock-portal",
+				"data-glass-dock-owner",
+				"data-surface",
+				"aria-label",
+				"class"
+			])]),
+			_: 3
+		})) : (u(), a(p(x), c({ key: 2 }, {
+			...b.value,
+			...y.value
+		}, {
+			"data-glass-dock-portal": E.value,
+			"data-glass-dock-owner": p(T)?.id,
+			"data-surface": t.surface,
+			"data-material": "overlay",
+			"data-reveal": "menu",
+			"aria-label": t.ariaLabel,
+			class: O.value,
+			onEscapeKeyDown: n[10] ||= (e) => d("escapeKeyDown", e),
+			onPointerDownOutside: n[11] ||= (e) => d("pointerDownOutside", e),
+			onFocusOutside: n[12] ||= (e) => d("focusOutside", e),
+			onInteractOutside: n[13] ||= (e) => d("interactOutside", e),
+			onOpenAutoFocus: n[14] ||= (e) => d("openAutoFocus", e),
+			onCloseAutoFocus: n[15] ||= (e) => d("closeAutoFocus", e)
+		}), {
+			default: g(() => [f(e.$slots, "default")]),
+			_: 3
+		}, 16, [
+			"data-glass-dock-portal",
+			"data-glass-dock-owner",
+			"data-surface",
+			"aria-label",
+			"class"
+		]));
+	}
+});
+//#endregion
+export { k as n, O as r, A as t };

package/dist/popover.js

@@ -1,2 +1,2 @@
-import { n as e, r as t, t as n } from "./popover-WMgyRSyN.js";
+import { n as e, r as t, t as n } from "./popover-BQGYXZyO.js";
 export { t as Popover, n as PopoverContent, e as PopoverTrigger };

package/dist/{presets-CxeNvxuO.js → presets-5myqNv59.js}

@@ -65,7 +65,7 @@ var e = {
 		stretch: .5,
 		clickImpulse: .5
 	},
-	variant: "meatball",
+	morphT: 1,
 	quality: "full",
 	tempo: 1
 }, t = Symbol("blobConfig"), n = [.12, .2], r = .15;

package/dist/primitive-B2t2jdqM.js

@@ -0,0 +1,11 @@
+//#region src/components/_shared/primitive.ts
+var e = /* @__PURE__ */ new Set([
+	"as",
+	"asChild",
+	"as-child"
+]);
+function t(t) {
+	return Object.fromEntries(Object.entries(t).filter(([t]) => !e.has(t)));
+}
+//#endregion
+export { t };

package/dist/progress-DClbhRAT.js

@@ -0,0 +1,88 @@
+import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+import { n as t, t as n } from "./valueDomain-SbVzoHMH.js";
+import { Fragment as r, computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createVNode as c, defineComponent as l, mergeProps as u, normalizeClass as d, normalizeStyle as f, openBlock as p, renderList as m, unref as h, watchEffect as g, withCtx as _ } from "vue";
+import { ProgressIndicator as v, ProgressRoot as y } from "reka-ui";
+//#region src/components/progress/Progress.vue?vue&type=script&setup=true&lang.ts
+var b = {
+	key: 0,
+	class: "progress-value-marks",
+	"aria-hidden": "true"
+}, x = /*#__PURE__*/ e(/* @__PURE__ */ l({
+	__name: "Progress",
+	props: {
+		modelValue: { default: 0 },
+		max: {},
+		getValueLabel: {},
+		getValueText: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		variant: { default: "default" },
+		status: { default: "default" },
+		orientation: { default: "horizontal" },
+		marks: { default: () => [] },
+		indeterminate: {
+			type: Boolean,
+			default: !1
+		},
+		asChild: { type: Boolean },
+		as: {}
+	},
+	setup(e) {
+		let l = e, x = i(() => {
+			let { class: e, variant: t, status: n, orientation: r, marks: i, indeterminate: a, ...o } = l;
+			return o;
+		}), S = i(() => l.indeterminate || l.modelValue == null), C = i(() => l.max ?? 100), w = i(() => n(l.modelValue, 0, C.value)), T = i(() => S.value ? [] : t(l.marks, 0, C.value));
+		g(() => {
+			!S.value || !l.marks.length || console.error("[glass-ui] Progress: `marks` require determinate progress.");
+		});
+		let E = i(() => {
+			if (l.variant === "gradient") return S.value || w.value <= 0 ? "idle" : w.value >= 1 ? "complete" : w.value < .05 ? "loading" : "progressing";
+		}), D = i(() => {
+			let e = Math.min(1, Math.max(0, (w.value - .85) / .15));
+			return {
+				"--progress-value-percent": `${w.value * 100}%`,
+				...l.variant === "gradient" && { "--progress-crescendo": `${S.value ? 0 : e * 100}%` }
+			};
+		}), O = i(() => ({
+			"glass-liquid-fill": l.variant === "liquid",
+			"progress-liquid-fill": l.variant === "liquid"
+		}));
+		return (e, t) => (p(), a(h(y), u({ "data-slot": "progress" }, x.value, {
+			"model-value": S.value ? null : l.modelValue,
+			class: ["progress-rail", l.class],
+			"data-variant": l.variant,
+			"data-status": l.status,
+			"data-orientation": l.orientation,
+			"data-lifecycle": E.value,
+			"data-indeterminate": S.value || void 0,
+			"aria-invalid": l.status === "error" || void 0,
+			"aria-orientation": l.orientation,
+			style: D.value
+		}), {
+			default: _(() => [T.value.length ? (p(), s("span", b, [(p(!0), s(r, null, m(T.value, (e) => (p(), s("span", {
+				key: e.value,
+				class: "progress-value-mark",
+				style: f({ "--value-mark-position": `${e.position * 100}%` })
+			}, null, 4))), 128))])) : o("", !0), c(h(v), { class: d(["progress-value-fill", O.value]) }, null, 8, ["class"])]),
+			_: 1
+		}, 16, [
+			"model-value",
+			"class",
+			"data-variant",
+			"data-status",
+			"data-orientation",
+			"data-lifecycle",
+			"data-indeterminate",
+			"aria-invalid",
+			"aria-orientation",
+			"style"
+		]));
+	}
+}), [["__scopeId", "data-v-36bf5146"]]);
+//#endregion
+export { x as t };

package/dist/progress.js

@@ -1,2 +1,2 @@
-import { t as e } from "./progress-C-HHuFZy.js";
+import { t as e } from "./progress-DClbhRAT.js";
 export { e as Progress };

package/dist/pulse.js

@@ -1,21 +1,20 @@
-import { t as e } from "./class-names-5jotTFzp.js";
-import { t } from "./_plugin-vue_export-helper-C1je1s0u.js";
-import { Fragment as n, computed as r, createCommentVNode as i, createElementBlock as a, defineComponent as o, normalizeClass as s, normalizeStyle as c, openBlock as l, renderList as u, unref as d } from "vue";
+import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+import { t } from "./FeedbackMark-DZq5001h.js";
+import { createElementBlock as n, createVNode as r, defineComponent as i, mergeProps as a, openBlock as o } from "vue";
 //#region src/components/pulse/Pulse.vue?vue&type=script&setup=true&lang.ts
-var f = {
-	key: 1,
-	class: "pulse-ring"
-}, p = /* @__PURE__ */ t(/* @__PURE__ */ o({
+var s = [
+	"data-state",
+	"data-identity",
+	"role",
+	"aria-label",
+	"aria-hidden"
+], c = /*#__PURE__*/ e(/* @__PURE__ */ i({
+	name: "Pulse",
+	inheritAttrs: !1,
 	__name: "Pulse",
 	props: {
-		variant: { default: "dots" },
-		count: { default: 3 },
-		speed: { default: "normal" },
-		intensity: { default: "normal" },
-		once: {
-			type: Boolean,
-			default: !1
-		},
+		state: { default: "active" },
+		label: {},
 		class: { type: [
 			Boolean,
 			null,
@@ -24,33 +23,20 @@ var f = {
 			Array
 		] }
 	},
-	setup(t) {
-		let o = t, p = r(() => Array.from({ length: o.count }, (e, t) => t)), m = r(() => ({
-			slow: "var(--duration-slow, 0.45s)",
-			normal: "var(--duration-panel, 0.55s)",
-			fast: "var(--duration-fast, 0.2s)"
-		})[o.speed]), h = r(() => ({
-			subtle: "1.06",
-			normal: "var(--animate-ambient-pulse-scale-max, 1.15)",
-			vivid: "1.22"
-		})[o.intensity]);
-		return (r, g) => t.variant === "aura" ? (l(), a("div", {
-			key: 0,
-			class: s(d(e)("pulse-aura", t.once && "pulse-aura--once", o.class)),
-			style: c({ "--pulse-aura-scale-max": h.value }),
-			"aria-hidden": "true"
-		}, null, 6)) : (l(), a("div", {
-			key: 1,
-			role: "status",
-			"aria-label": "Loading",
-			class: s(d(e)("inline-flex items-center", t.variant === "dots" && "gap-1", o.class)),
-			style: c({ "--pulse-duration": m.value })
-		}, [t.variant === "dots" ? (l(!0), a(n, { key: 0 }, u(p.value, (e) => (l(), a("span", {
-			key: e,
-			class: "pulse-dot",
-			style: c({ "--pulse-index": e })
-		}, null, 4))), 128)) : t.variant === "ring" ? (l(), a("span", f)) : i("", !0)], 6));
+	setup(e) {
+		let i = e;
+		return (c, l) => (o(), n("span", a(c.$attrs, {
+			class: ["pulse", i.class],
+			"data-state": e.state,
+			"data-identity": e.label ? "labelled" : "decorative",
+			role: e.label ? "img" : void 0,
+			"aria-label": e.label,
+			"aria-hidden": e.label ? void 0 : "true"
+		}), [r(t, {
+			state: e.state,
+			motion: ""
+		}, null, 8, ["state"])], 16, s));
 	}
-}), [["__scopeId", "data-v-50dacf34"]]);
+}), [["__scopeId", "data-v-2da16dfa"]]);
 //#endregion
-export { p as Pulse };
+export { c as Pulse };

package/dist/reactive.js

@@ -1,4 +1,4 @@
-import { t as e } from "./useTimer-D8koDvJS.js";
+import { t as e } from "./useTimer-C3yfti4C.js";
 import { getCurrentScope as t, onScopeDispose as n, readonly as r, ref as i } from "vue";
 //#region src/composables/reactive/useInterval.ts
 function a(e, a = 0, o = {}) {

package/dist/resolveCanvasColor-DS_6DBxA.js

@@ -0,0 +1,82 @@
+import { t as e } from "./createCanvasLifecycle-DbXRwjU_.js";
+import { getCurrentScope as t, onScopeDispose as n, toValue as r } from "vue";
+//#region src/composables/glass/canvas2d/useCanvas2D.ts
+var i = "200px";
+function a(a) {
+	let { setup: o, autoStart: s = !0, contextAttrs: c, rootMargin: l = i } = a, u = a.respectReducedMotion ?? !0, d = () => r(a.canvas), f = typeof window < "u", p = a.dprPolicy ?? (() => Math.min(f && window.devicePixelRatio || 1, 2)), m = null, h = null, g = null, _ = !1;
+	function v() {
+		m && h && h.render(m, f ? performance.now() : 0);
+	}
+	function y(e) {
+		if (!m) return;
+		m.setTransform(e.dpr, 0, 0, e.dpr, 0, 0);
+		let t = g !== null && (!g.running || g.reducedMotion);
+		e.changed && t && v();
+	}
+	function b(e) {
+		let t = e.getContext("2d", c);
+		if (!t) throw Error("[useCanvas2D] 2D context unavailable");
+		return m = t, h = o(m), {
+			frame: (e) => {
+				m && h && h.render(m, e);
+			},
+			time: () => f ? performance.now() : 0,
+			shouldContinue: () => !0,
+			teardown: () => {
+				h?.teardown?.(), m = null, h = null;
+			}
+		};
+	}
+	function x() {
+		if (g || _) return;
+		let t = d();
+		t && (g = e({
+			canvas: t,
+			respectReducedMotion: u,
+			buildContext: () => b(t),
+			dprPolicy: p,
+			composeIntersectionPark: !0,
+			intersectionRootMargin: l,
+			resize: (e) => y(e)
+		}), g.arm());
+	}
+	function S(e = "manual") {
+		g?.suspend(e);
+	}
+	function C(e = "manual") {
+		g?.resume(e);
+	}
+	function w() {
+		g?.wake();
+	}
+	function T() {
+		_ || (_ = !0, g?.dispose(), g = null);
+	}
+	return s && x(), t() && n(T), {
+		arm: x,
+		suspend: S,
+		resume: C,
+		wake: w,
+		dispose: T,
+		isRunning: () => g?.running ?? !1,
+		get ctx() {
+			return m;
+		},
+		get reducedMotion() {
+			return g?.reducedMotion ?? !1;
+		}
+	};
+}
+var o = a;
+//#endregion
+//#region src/composables/glass/canvas2d/resolveCanvasColor.ts
+function s(e, t) {
+	let n = e.trim(), r = n.startsWith("--") ? `var(${n})` : n;
+	if (typeof document > "u" || typeof window > "u" || !t || typeof t.appendChild != "function") return e;
+	let i = document.createElement("span"), a = i.style;
+	a.position = "absolute", a.width = "0", a.height = "0", a.padding = "0", a.margin = "0", a.border = "0", a.visibility = "hidden", a.pointerEvents = "none", a.color = r, t.appendChild(i);
+	let o = window.getComputedStyle(i).color;
+	return t.removeChild(i), o || e;
+}
+//#endregion
+export { a as n, o as r, s as t };

package/dist/resolveSurfaceClass-DCZ4PZcy.js

@@ -0,0 +1,6 @@
+//#region src/components/_shared/resolveSurfaceClass.ts
+function e(e, t = !1) {
+	return t ? "glass-floating glass-deep" : `glass-${e}`;
+}
+//#endregion
+export { e as t };

package/dist/{scrollReader-C2oK9Hb8.js → scrollReader-Brf5cQNo.js}

@@ -1,4 +1,4 @@
-//#region src/composables/motion/scrollReader.ts
+//#region src/composables/motion/scroll/scrollReader.ts
 function e(e) {
 	return e instanceof HTMLElement ? e : typeof document < "u" ? document : null;
 }