@mkbabb/glass-ui 3.13.0 → 4.0.1

package/dist/useSpringPress-BsqPr7FJ.js

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

package/dist/useSurfaceAxis-g0NloYEF.js

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

package/dist/{useTouchGate-Dg7MQI1G.js → useTouchGate-CBZTD4SD.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./useTimer-Dzarvzuk.js";
+import { t as e } from "./useTimer-BHJOKr35.js";
 import { getCurrentScope as t, onScopeDispose as n, ref as r } from "vue";
 //#region src/composables/dom/useTouchGate.ts
 var i = /* @__PURE__ */ new Set(), a = !1;

package/dist/vReveal-Czsb7zQC.js

@@ -0,0 +1,10 @@
+//#region src/composables/motion/vReveal.ts
+function e(e, t) {
+	e.setAttribute("data-reveal", t.arg === "fade" ? "fade" : ""), e.style.setProperty("--d", String(t.value ?? 0));
+}
+var t = {
+	mounted: e,
+	updated: e
+};
+//#endregion
+export { t };

package/dist/vSpecular-CQFmLNzA.js

@@ -0,0 +1,68 @@
+import { onScopeDispose as e, ref as t } from "vue";
+//#region src/composables/glass/useSpecularTracking.ts
+function n(e) {
+	let t = typeof window < "u" && typeof window.matchMedia == "function" ? window.matchMedia("(prefers-reduced-motion: reduce)") : null, n = t?.matches ?? !1, r = (e) => {
+		n = e.matches;
+	};
+	t?.addEventListener("change", r);
+	let i = null, a = 0, o = 0, s = 0;
+	function c() {
+		s = 0;
+		let t = i;
+		if (i = null, !t) return;
+		let n = t.getBoundingClientRect();
+		n.width === 0 || n.height === 0 || e((a - n.left) / n.width * 100, (o - n.top) / n.height * 100);
+	}
+	function l(e) {
+		n || (i = e.currentTarget, a = e.clientX, o = e.clientY, s === 0 && (typeof requestAnimationFrame == "function" ? s = requestAnimationFrame(c) : c()));
+	}
+	function u() {
+		s !== 0 && typeof cancelAnimationFrame == "function" && cancelAnimationFrame(s), s = 0, i = null, t?.removeEventListener("change", r);
+	}
+	return {
+		onPointerMove: l,
+		dispose: u
+	};
+}
+function r() {
+	let r = t({}), i = n((e, t) => {
+		r.value = {
+			"--mouse-x": `${e.toFixed(2)}%`,
+			"--mouse-y": `${t.toFixed(2)}%`
+		};
+	});
+	return e(i.dispose), {
+		specularStyle: r,
+		onPointerMove: i.onPointerMove
+	};
+}
+//#endregion
+//#region src/composables/glass/vSpecular.ts
+var i = /* @__PURE__ */ new WeakMap();
+function a(e) {
+	return e.value !== !1;
+}
+function o(e) {
+	if (i.has(e)) return;
+	let t = n((t, n) => {
+		e.style.setProperty("--mouse-x", `${t.toFixed(2)}%`), e.style.setProperty("--mouse-y", `${n.toFixed(2)}%`);
+	});
+	e.addEventListener("pointermove", t.onPointerMove), i.set(e, t);
+}
+function s(e) {
+	let t = i.get(e);
+	t && (e.removeEventListener("pointermove", t.onPointerMove), t.dispose(), i.delete(e));
+}
+function c(e, t) {
+	a(t) && o(e);
+}
+function l(e, t) {
+	a(t) ? o(e) : s(e);
+}
+var u = {
+	mounted: c,
+	updated: l,
+	unmounted: s
+};
+//#endregion
+export { n, r, u as t };

package/dist/vendor-CKmzio-i.js

@@ -0,0 +1,226 @@
+import { computed as e, h as t, inject as n } from "vue";
+//#region node_modules/@lucide/vue/dist/esm/shared/src/utils/isEmptyString.mjs
+var r = (e) => e === "", i = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) === t).join(" ").trim(), a = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), o = (e) => e.replace(/^([A-Z])|[\s-_]+(\w)/g, (e, t, n) => n ? n.toUpperCase() : t.toLowerCase()), s = (e) => {
+	let t = o(e);
+	return t.charAt(0).toUpperCase() + t.slice(1);
+}, c = {
+	xmlns: "http://www.w3.org/2000/svg",
+	width: 24,
+	height: 24,
+	viewBox: "0 0 24 24",
+	fill: "none",
+	stroke: "currentColor",
+	"stroke-width": 2,
+	"stroke-linecap": "round",
+	"stroke-linejoin": "round"
+}, l = Symbol("lucide-icons");
+function u() {
+	return n(l, {});
+}
+//#endregion
+//#region node_modules/@lucide/vue/dist/esm/Icon.mjs
+var d = ({ name: n, iconNode: o, absoluteStrokeWidth: l, "absolute-stroke-width": d, strokeWidth: f, "stroke-width": p, size: m, color: h, ...g }, { slots: _ }) => {
+	let { size: v, color: y, strokeWidth: b = 2, absoluteStrokeWidth: x = !1, class: S = "" } = u(), C = e(() => {
+		let e = r(l) || r(d) || l === !0 || d === !0 || x === !0, t = f || p || b || c["stroke-width"];
+		return e ? Number(t) * 24 / Number(m ?? v ?? c.width) : t;
+	});
+	return t("svg", {
+		...c,
+		...g,
+		width: m ?? v ?? c.width,
+		height: m ?? v ?? c.height,
+		stroke: h ?? y ?? c.stroke,
+		"stroke-width": C.value,
+		class: i("lucide", S, ...n ? [`lucide-${a(s(n))}-icon`, `lucide-${a(n)}`] : ["lucide-icon"])
+	}, [...o.map((e) => t(...e)), ..._.default ? [_.default()] : []]);
+}, f = (e, n) => (r, { slots: i, attrs: a }) => t(d, {
+	...a,
+	...r,
+	iconNode: n,
+	name: e
+}, i.default ? { default: i.default } : void 0), p = f("arrow-left", [["path", {
+	d: "m12 19-7-7 7-7",
+	key: "1l729n"
+}], ["path", {
+	d: "M19 12H5",
+	key: "x3x0zl"
+}]]), m = f("arrow-right", [["path", {
+	d: "M5 12h14",
+	key: "1ays0h"
+}], ["path", {
+	d: "m12 5 7 7-7 7",
+	key: "xquz4c"
+}]]), h = f("check", [["path", {
+	d: "M20 6 9 17l-5-5",
+	key: "1gmf2c"
+}]]), g = f("chevron-down", [["path", {
+	d: "m6 9 6 6 6-6",
+	key: "qrunsl"
+}]]), _ = f("chevron-left", [["path", {
+	d: "m15 18-6-6 6-6",
+	key: "1wnfg3"
+}]]), v = f("chevron-right", [["path", {
+	d: "m9 18 6-6-6-6",
+	key: "mthhwq"
+}]]), y = f("chevron-up", [["path", {
+	d: "m18 15-6-6-6 6",
+	key: "153udz"
+}]]), b = f("circle-alert", [
+	["circle", {
+		cx: "12",
+		cy: "12",
+		r: "10",
+		key: "1mglay"
+	}],
+	["line", {
+		x1: "12",
+		x2: "12",
+		y1: "8",
+		y2: "12",
+		key: "1pkeuh"
+	}],
+	["line", {
+		x1: "12",
+		x2: "12.01",
+		y1: "16",
+		y2: "16",
+		key: "4dfq90"
+	}]
+]), x = f("circle-check-big", [["path", {
+	d: "M21.801 10A10 10 0 1 1 17 3.335",
+	key: "yps3ct"
+}], ["path", {
+	d: "m9 11 3 3L22 4",
+	key: "1pflzl"
+}]]), S = f("circle-x", [
+	["circle", {
+		cx: "12",
+		cy: "12",
+		r: "10",
+		key: "1mglay"
+	}],
+	["path", {
+		d: "m15 9-6 6",
+		key: "1uzhvr"
+	}],
+	["path", {
+		d: "m9 9 6 6",
+		key: "z0biqf"
+	}]
+]), C = f("circle", [["circle", {
+	cx: "12",
+	cy: "12",
+	r: "10",
+	key: "1mglay"
+}]]), w = f("copy", [["rect", {
+	width: "14",
+	height: "14",
+	x: "8",
+	y: "8",
+	rx: "2",
+	ry: "2",
+	key: "17jyea"
+}], ["path", {
+	d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2",
+	key: "zix9uf"
+}]]), T = f("info", [
+	["circle", {
+		cx: "12",
+		cy: "12",
+		r: "10",
+		key: "1mglay"
+	}],
+	["path", {
+		d: "M12 16v-4",
+		key: "1dtifu"
+	}],
+	["path", {
+		d: "M12 8h.01",
+		key: "e9boi3"
+	}]
+]), E = f("loader-circle", [["path", {
+	d: "M21 12a9 9 0 1 1-6.219-8.56",
+	key: "13zald"
+}]]), D = f("maximize-2", [
+	["path", {
+		d: "M15 3h6v6",
+		key: "1q9fwt"
+	}],
+	["path", {
+		d: "m21 3-7 7",
+		key: "1l2asr"
+	}],
+	["path", {
+		d: "m3 21 7-7",
+		key: "tjx5ai"
+	}],
+	["path", {
+		d: "M9 21H3v-6",
+		key: "wtvkvv"
+	}]
+]), O = f("minimize-2", [
+	["path", {
+		d: "m14 10 7-7",
+		key: "oa77jy"
+	}],
+	["path", {
+		d: "M20 10h-6V4",
+		key: "mjg0md"
+	}],
+	["path", {
+		d: "m3 21 7-7",
+		key: "tjx5ai"
+	}],
+	["path", {
+		d: "M4 14h6v6",
+		key: "rmj7iw"
+	}]
+]), k = f("minus", [["path", {
+	d: "M5 12h14",
+	key: "1ays0h"
+}]]), A = f("pause", [["rect", {
+	x: "14",
+	y: "3",
+	width: "5",
+	height: "18",
+	rx: "1",
+	key: "kaeet6"
+}], ["rect", {
+	x: "5",
+	y: "3",
+	width: "5",
+	height: "18",
+	rx: "1",
+	key: "1wsw3u"
+}]]), j = f("play", [["path", {
+	d: "M5 5a2 2 0 0 1 3.008-1.728l11.997 6.998a2 2 0 0 1 .003 3.458l-12 7A2 2 0 0 1 5 19z",
+	key: "10ikf1"
+}]]), M = f("plus", [["path", {
+	d: "M5 12h14",
+	key: "1ays0h"
+}], ["path", {
+	d: "M12 5v14",
+	key: "s699le"
+}]]), N = f("rotate-ccw", [["path", {
+	d: "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8",
+	key: "1357e3"
+}], ["path", {
+	d: "M3 3v5h5",
+	key: "1xhq8a"
+}]]), P = f("search", [["path", {
+	d: "m21 21-4.34-4.34",
+	key: "14j7rj"
+}], ["circle", {
+	cx: "11",
+	cy: "11",
+	r: "8",
+	key: "4ej97u"
+}]]), F = f("x", [["path", {
+	d: "M18 6 6 18",
+	key: "1bl5f8"
+}], ["path", {
+	d: "m6 6 12 12",
+	key: "d8bk6v"
+}]]);
+//#endregion
+export { p as C, m as S, y as _, j as a, g as b, O as c, T as d, w as f, b as g, x as h, M as i, D as l, S as m, P as n, A as o, C as p, N as r, k as s, F as t, E as u, v, h as x, _ as y };

package/dist/watercolor-dot.js

@@ -1,5 +1,5 @@
-import { t as e } from "./_plugin-vue_export-helper-ok8pgSl5.js";
-import { n as t, t as n } from "./prng-D27-B3tK.js";
+import { t as e } from "./_plugin-vue_export-helper-C1je1s0u.js";
+import { n as t, t as n } from "./prng-Za0Rmgag.js";
 import { computed as r, createBlock as i, createElementVNode as a, defineComponent as o, normalizeClass as s, normalizeStyle as c, onUnmounted as l, openBlock as u, ref as d, renderSlot as f, resolveDynamicComponent as p, toRef as m, useId as h, watch as g, withCtx as _ } from "vue";
 //#region src/components/custom/watercolor-dot/prng.ts
 function v(e, t, n) {
@@ -67,6 +67,7 @@ var x = /* @__PURE__ */ e(/* @__PURE__ */ o({
 	__name: "WatercolorDot",
 	props: {
 		color: {},
+		variant: { default: "solid" },
 		animate: {
 			type: Boolean,
 			default: !1
@@ -90,9 +91,11 @@ var x = /* @__PURE__ */ e(/* @__PURE__ */ o({
 		return (t, r) => (u(), i(p(e.tag), {
 			class: s(["watercolor-swatch", e.animate && "watercolor-animated"]),
 			"data-testid": "watercolor-swatch",
+			"data-variant": e.variant,
 			style: c({
-				backgroundColor: e.color,
+				backgroundColor: e.variant === "ghost" ? void 0 : e.color,
 				borderRadius: x.value,
+				"--watercolor-color": e.color,
 				"--watercolor-filter": o.value
 			}),
 			onMouseenter: y,
@@ -124,8 +127,12 @@ var x = /* @__PURE__ */ e(/* @__PURE__ */ o({
 				yChannelSelector: "G"
 			}, null, -1)]])])]), f(t.$slots, "default", {}, void 0, !0)]),
 			_: 3
-		}, 40, ["class", "style"]));
+		}, 40, [
+			"class",
+			"data-variant",
+			"style"
+		]));
 	}
-}), [["__scopeId", "data-v-cb0117af"]]);
+}), [["__scopeId", "data-v-316c227e"]]);
 //#endregion
 export { x as WatercolorDot, n as hashString, t as mulberry32, y as radiiToCSS, v as randomRadii, b as useWatercolorBlob };