@mkbabb/glass-ui 4.0.0 → 4.1.0

package/dist/{useAnimatedNumber-C_3wZLx4.js → useAnimatedNumber-CLrxicG9.js}

@@ -1,4 +1,4 @@
-import { n as e, t } from "./constants-BPOqYJAm.js";
+import { n as e, t } from "./constants--C2DkLW8.js";
 import { getCurrentScope as n, onScopeDispose as r, readonly as i, ref as a, shallowRef as o, toValue as s, watch as c } from "vue";
 import { SmoothProgress as l } from "@mkbabb/keyframes.js";
 //#region src/composables/motion/useAnimatedNumber.ts

package/dist/useConfiguratorState-4xblKfwd.js

@@ -0,0 +1,162 @@
+import { t as e } from "./cn-DJXf4yaB.js";
+import { t } from "./FadingScroll-DLRbH5Xr.js";
+import { i as n } from "./ConfiguratorRow-CaP7U3ZA.js";
+import { Fragment as r, computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createVNode as l, defineComponent as u, normalizeClass as d, normalizeStyle as f, openBlock as p, reactive as m, ref as h, renderList as g, renderSlot as _, toDisplayString as v, toRaw as y, unref as b, withCtx as x } from "vue";
+//#region src/components/custom/configurator/Configurator.vue?vue&type=script&setup=true&lang.ts
+var S = ["data-aside-side"], C = { class: "configurator-stage relative min-h-0 min-w-0 overflow-hidden" }, w = {
+	key: 0,
+	class: "configurator-presets shrink-0 border-b px-3 py-2"
+}, T = [
+	"aria-selected",
+	"data-active",
+	"onClick"
+], E = { class: "flex flex-col" }, D = {
+	key: 2,
+	class: "configurator-controls flex-1 min-h-0 overflow-visible"
+}, O = { class: "flex flex-col" }, k = {
+	key: 3,
+	class: "configurator-footer shrink-0 border-t px-3 py-2"
+}, A = /* @__PURE__ */ u({
+	__name: "Configurator",
+	props: {
+		presets: {},
+		activePreset: {},
+		layers: {},
+		activeLayer: {},
+		scrollMode: { default: "auto" },
+		density: { default: "comfortable" },
+		asideSide: { default: "right" },
+		asideWidth: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	emits: [
+		"select-preset",
+		"select-layer",
+		"reset"
+	],
+	setup(u, { emit: m }) {
+		let h = u;
+		n(i(() => h.density));
+		let y = m, A = i(() => e("configurator glass-floating rounded-panel border border-border/60 overflow-hidden", "grid grid-cols-1", "grid-rows-[minmax(var(--configurator-stage-min,18rem),auto)_minmax(0,1fr)]", "min-h-0", h.class)), j = i(() => {
+			if (h.asideWidth == null) return;
+			let [e, t] = Array.isArray(h.asideWidth) ? h.asideWidth : [h.asideWidth, h.asideWidth];
+			return {
+				"--configurator-aside-min": e,
+				"--configurator-aside-max": t
+			};
+		}), M = i(() => h.asideSide === "left" ? "lg:border-r lg:border-l-0" : "lg:border-l"), N = i(() => h.scrollMode !== "never");
+		return (n, i) => (p(), s("section", {
+			"data-slot": "configurator",
+			"data-aside-side": u.asideSide,
+			class: d(A.value),
+			style: f(j.value)
+		}, [c("div", C, [_(n.$slots, "stage")]), c("aside", { class: d(b(e)("configurator-aside flex min-h-0 min-w-0 flex-col border-t lg:border-t-0", M.value)) }, [
+			n.$slots.presets || u.presets && u.presets.length > 0 ? (p(), s("div", w, [_(n.$slots, "presets", {
+				presets: u.presets,
+				activePreset: u.activePreset
+			}, () => [l(b(t), {
+				axis: "x",
+				class: "flex gap-2 scrollbar-hidden",
+				role: "tablist",
+				"aria-label": "Presets"
+			}, {
+				default: x(() => [(p(!0), s(r, null, g(u.presets, (t) => (p(), s("button", {
+					key: t.key,
+					type: "button",
+					role: "tab",
+					"data-slot": "configurator-preset",
+					"aria-selected": t.key === u.activePreset,
+					"data-active": t.key === u.activePreset || void 0,
+					class: d(b(e)("tap-squish focus-ring transition-control shrink-0 rounded-pill border px-3 py-1 text-xs font-medium", t.key === u.activePreset ? "glass-quiet border-border/50 text-foreground" : "border-border/40 bg-card/40 text-foreground hover:bg-card/70")),
+					onClick: (e) => y("select-preset", t.key)
+				}, v(t.label), 11, T))), 128))]),
+				_: 1
+			})])])) : o("", !0),
+			N.value ? (p(), a(b(t), {
+				key: 1,
+				axis: "y",
+				class: "configurator-controls flex-1 min-h-0 scrollbar-thin"
+			}, {
+				default: x(() => [_(n.$slots, "controls", {
+					layers: u.layers,
+					activeLayer: u.activeLayer,
+					selectLayer: (e) => y("select-layer", e)
+				}, () => [c("div", E, [_(n.$slots, "default")])])]),
+				_: 3
+			})) : (p(), s("div", D, [_(n.$slots, "controls", {
+				layers: u.layers,
+				activeLayer: u.activeLayer,
+				selectLayer: (e) => y("select-layer", e)
+			}, () => [c("div", O, [_(n.$slots, "default")])])])),
+			n.$slots.footer ? (p(), s("div", k, [_(n.$slots, "footer", { reset: () => y("reset") })])) : o("", !0)
+		], 2)], 14, S));
+	}
+});
+//#endregion
+//#region src/components/custom/configurator/useConfiguratorState.ts
+function j(e) {
+	let t = y(e);
+	if (typeof structuredClone != "function") throw Error("[glass-ui:configurator] structuredClone is unavailable in this runtime. Pass a custom clone via ConfiguratorStateOptions.clone for environments without structured-clone support.");
+	try {
+		return structuredClone(t);
+	} catch (e) {
+		throw Error("[glass-ui:configurator] structuredClone failed: " + (e instanceof Error ? e.message : String(e)) + ". Preset values must be structured-cloneable (no functions, symbols, DOM nodes, or class instances). Pass a custom clone via ConfiguratorStateOptions.clone if the data shape requires it.");
+	}
+}
+function M(e, t) {
+	return JSON.stringify(e) === JSON.stringify(t);
+}
+function N(e) {
+	let t = e.clone ?? j, n = e.equals ?? M, r = e.presets, a = e.cloneMode ?? "commit-on-write", o = e.initialPreset ?? (r.length > 0 ? r[0].key : void 0), s = o ? r.find((e) => e.key === o) : void 0, c = m(s ? t(s.config) : {}), l = h(o), u = a === "per-preset" ? Object.fromEntries(r.map((e) => [e.key, t(e.config)])) : null, d = i(() => l.value), f = i(() => {
+		let e = l.value;
+		if (!e) return !1;
+		let t = r.find((t) => t.key === e);
+		return t ? !n(c, t.config) : !1;
+	});
+	function p(e) {
+		return r.find((t) => t.key === e);
+	}
+	function g(e) {
+		let t = c, n = e;
+		for (let e of Object.keys(t)) e in n || delete t[e];
+		for (let e of Object.keys(n)) t[e] = n[e];
+	}
+	function _(e) {
+		u && (u[e] = t(c));
+	}
+	function v(e) {
+		let n = p(e);
+		if (n) if (a === "per-preset" && u) {
+			let t = l.value;
+			t && t !== e && t in u && _(t), l.value = e, g(u[e]);
+		} else l.value = e, g(t(n.config));
+	}
+	function y() {
+		let e = l.value;
+		if (!e) return;
+		let n = p(e);
+		n && (a === "per-preset" && u ? (u[e] = t(n.config), g(u[e])) : g(t(n.config)));
+	}
+	function b(e = 1) {
+		if (r.length === 0) return;
+		let t = l.value, n = t ? r.findIndex((e) => e.key === t) : -1, i = r.length, a = r[(n + e + i) % i];
+		v(a.key);
+	}
+	return {
+		config: c,
+		activePreset: d,
+		isDirty: f,
+		selectPreset: v,
+		resetCurrent: y,
+		cyclePreset: b,
+		getPreset: p
+	};
+}
+//#endregion
+export { A as n, N as t };

package/dist/useControlSize-SH1UmJCi.js

@@ -0,0 +1,9 @@
+//#region src/components/ui/_shared/useControlSize.ts
+function e(e = "default") {
+	return e === "sm" ? "[--control-pill-h:var(--control-h-sm)] [--control-pill-text:var(--control-text-sm)]" : e === "lg" ? "[--control-pill-h:var(--control-h-lg)]" : "";
+}
+function t(e = "default") {
+	return e === "sm" ? "[--switch-track-h:calc(var(--control-h-sm)*0.6)]" : e === "lg" ? "[--switch-track-h:calc(var(--control-h-lg)*0.6)]" : "";
+}
+//#endregion
+export { t as n, e as t };

package/dist/useDockCtaReceive-DfFkmgL1.js

@@ -0,0 +1,82 @@
+import { n as e } from "./springPresets-Ce7OYCm9.js";
+import { onScopeDispose as t, readonly as n, ref as r } from "vue";
+import { ElementMorph as i, springTimingFunction as a } from "@mkbabb/keyframes.js";
+//#region src/composables/motion/useDockCtaReceive.ts
+function o() {
+	return typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+}
+function s(s, c) {
+	let l = c.respectReducedMotion !== !1, u = c.blur ?? 4, { response: d, dampingFraction: f } = e(c.preset ?? "snappy"), p = a({
+		response: d,
+		dampingFraction: f
+	}), m = d * 4 * 1e3, h = null, g = 0, _ = 0, v = r(!1);
+	function y() {
+		let e = c.dockControl.value;
+		e && (e.setAttribute("data-cta-pending", ""), v.value = !0);
+	}
+	function b() {
+		v.value = !1;
+		let e = c.dockControl.value;
+		e && e.removeAttribute("data-cta-pending");
+	}
+	function x(e) {
+		e.style.transform = "", e.style.transformOrigin = "", e.style.opacity = "", e.style.filter = "";
+	}
+	function S() {
+		g && typeof cancelAnimationFrame == "function" && cancelAnimationFrame(g), g = 0;
+	}
+	function C() {
+		b(), c.onReceived?.();
+	}
+	function w() {
+		let e = s.value;
+		if (!e) return;
+		S();
+		let t = e.getBoundingClientRect(), n = c.dockControl.value;
+		if (!n) {
+			e.style.opacity = "0", C();
+			return;
+		}
+		let r = n.getBoundingClientRect();
+		if (l && o()) {
+			x(e), e.style.opacity = "0", C();
+			return;
+		}
+		h = new i({
+			x: t.x,
+			y: t.y,
+			width: t.width,
+			height: t.height
+		}, {
+			x: r.x,
+			y: r.y,
+			width: r.width,
+			height: r.height
+		}, { transformOrigin: "center center" }), _ = 0;
+		let a = (t) => {
+			if (!h || !s.value) return;
+			_ === 0 && (_ = t);
+			let n = Math.min(1, (t - _) / m), r = p.fn(n);
+			h.apply(e, r), e.style.opacity = String(Math.min(1, Math.max(0, 1 - r)));
+			let i = u * Math.min(1, Math.max(0, r));
+			e.style.filter = `blur(${i.toFixed(2)}px)`, n < 1 && typeof requestAnimationFrame == "function" ? g = requestAnimationFrame(a) : (e.style.opacity = "0", h = null, g = 0, C());
+		};
+		typeof requestAnimationFrame == "function" ? g = requestAnimationFrame(a) : (x(e), e.style.opacity = "0", C());
+	}
+	function T() {
+		S(), h = null;
+		let e = s.value;
+		e && x(e);
+	}
+	return t(() => {
+		S(), h = null;
+	}), {
+		receive: w,
+		reset: T,
+		setPending: y,
+		clearPending: b,
+		pending: n(v)
+	};
+}
+//#endregion
+export { s as t };

package/dist/useDragMorph-BUgAC-zK.js

@@ -0,0 +1,102 @@
+import { n as e } from "./springPresets-Ce7OYCm9.js";
+import { t } from "./useLiquidFlex-UmA6LMZu.js";
+import { computed as n, onScopeDispose as r, readonly as i, ref as a } from "vue";
+import { Draggable as o, SpringProgress as s, decayRest as c } from "@mkbabb/keyframes.js";
+//#region src/composables/motion/useDragMorph.ts
+function l() {
+	return typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+}
+function u(u) {
+	let d = () => typeof u.axis == "function" ? u.axis() : u.axis, f = () => typeof u.snapTargets == "function" ? u.snapTargets() : u.snapTargets, p = u.respectReducedMotion !== !1, m = a(!1), h = a(0), { response: g, dampingFraction: _ } = e("snappy"), v = null, y = null;
+	function b() {
+		if (v) return v;
+		let e = new s({
+			response: g,
+			dampingFraction: _,
+			respectReducedMotion: p
+		});
+		return v = e, y = e.subscribe((t) => {
+			if (h.value = t, p && l() || x.drive(T(t)), A && !m.value && e.settled && !k) {
+				let e = D(t);
+				e != null && (k = !0, A = !1, u.onSnap(e));
+			}
+		}), e.play(() => {}), e;
+	}
+	let x = t({
+		from: 0,
+		to: 1,
+		axis: "width",
+		squishLaw: "tanh",
+		maxStretch: u.maxStretch ?? (() => 1.08)
+	}), S = n(() => p && l() ? 1 : x.stretch.value), C = a(0), w = n(() => {
+		if (!m.value && (v?.settled ?? !0)) return {};
+		let e = h.value - C.value;
+		return { translate: d() === "y" ? `0 ${e}px` : `${e}px 0` };
+	});
+	function T(e) {
+		let t = f();
+		if (t.length < 2) return 0;
+		let n = t[0].center, r = t[t.length - 1].center - n;
+		if (r === 0) return 0;
+		let i = (e - n) / r;
+		return i < 0 ? 0 : i > 1 ? 1 : i;
+	}
+	function E(e) {
+		let t = f();
+		if (t.length === 0) return null;
+		let n = t[0], r = Math.abs(e - n.center);
+		for (let i = 1; i < t.length; i++) {
+			let a = t[i], o = Math.abs(e - a.center);
+			o < r && (n = a, r = o);
+		}
+		return n;
+	}
+	let D = (e) => E(e)?.value ?? null;
+	function O() {
+		if (!v) return;
+		let e = E(c({
+			initial: v.value,
+			velocity: v.velocity,
+			friction: 5
+		}));
+		e && (v.target = e.center);
+	}
+	let k = !1, A = !1, j = null, M = null;
+	function N() {
+		M?.(), M = null, j?.detach();
+		let e = u.el.value;
+		e && (j = new o({
+			spring: b(),
+			axis: d()
+		}), e.addEventListener("pointerdown", P), M = j.attach(e));
+	}
+	function P() {
+		m.value = !0, k = !1, A = !0, C.value = b().value;
+	}
+	function F() {
+		m.value && (m.value = !1, O());
+	}
+	function I() {
+		typeof window > "u" || (window.addEventListener("pointerup", F), window.addEventListener("pointercancel", F));
+	}
+	function L() {
+		typeof window > "u" || (window.removeEventListener("pointerup", F), window.removeEventListener("pointercancel", F));
+	}
+	function R() {
+		m.value || N();
+	}
+	N(), I();
+	function z() {
+		u.el.value?.removeEventListener("pointerdown", P), M?.(), M = null, L(), y?.(), j?.dispose(), j = null;
+	}
+	return r(z), {
+		dragging: i(m),
+		position: i(h),
+		stretch: i(S),
+		dragStyle: w,
+		refresh: R,
+		detach: z
+	};
+}
+//#endregion
+export { u as t };

package/dist/useFuzzySearch-DIhcYtcw.js

@@ -0,0 +1,177 @@
+import { computed as e, onScopeDispose as t, ref as n, watch as r } from "vue";
+//#region src/components/custom/search/composables/fuzzySearchIndex.ts
+function i(e, t) {
+	let n = e.length, r = t.length;
+	if (n === 0) return {
+		score: 0,
+		matches: []
+	};
+	if (n > r) return null;
+	let i = [], a = 0, o = 0, s = -2;
+	for (let c = 0; c < r && a < n; c++) {
+		if (e[a] !== t[c]) continue;
+		i.push(c);
+		let n = 1;
+		if (s === c - 1 && (n += 5), c === 0) n += 8;
+		else {
+			let e = t[c - 1];
+			" -_./\\:()".includes(e) ? n += 7 : t[c] >= "A" && t[c] <= "Z" && e >= "a" && e <= "z" && (n += 6);
+		}
+		a === c && (n += 3), o += n, s = c, a++;
+	}
+	return a < n ? null : (o -= Math.max(0, (r - n) * .1), {
+		score: o,
+		matches: i
+	});
+}
+function a(e, t) {
+	if (!t) return null;
+	let n = 0, r = [];
+	for (let a of e) {
+		let e = i(a, t);
+		if (!e) return null;
+		n += e.score;
+		for (let t of e.matches) r.push(t);
+	}
+	return {
+		score: n,
+		matches: r
+	};
+}
+function o(e, t) {
+	let n = 0, r = [], i = [
+		[t._lc.label, 12],
+		[t._lc.type, 10],
+		[t._lc.text, 3]
+	];
+	for (let [o, s] of i) {
+		if (!o) continue;
+		let i = a(e, o);
+		i && i.score * s > n && (n = i.score * s, r = o === t._lc.label ? i.matches : []);
+	}
+	return n <= 0 ? null : {
+		score: n,
+		matches: r
+	};
+}
+function s(e) {
+	return e.map((e) => ({
+		item: e,
+		_lc: {
+			label: e.label.toLowerCase(),
+			text: e.text.toLowerCase(),
+			type: e.type?.toLowerCase() ?? ""
+		}
+	}));
+}
+var c = /* @__PURE__ */ new WeakMap();
+function l(e) {
+	let t = c.get(e);
+	return t || (t = /* @__PURE__ */ new Map(), c.set(e, t)), t;
+}
+function u(e, t, n = 30) {
+	let r = t.toLowerCase().trim();
+	if (!r) return [];
+	let i = l(e), a = i.get(r);
+	if (a) return a.slice(0, n);
+	i.size > 200 && i.clear();
+	let s = r.split(/\s+/).filter(Boolean);
+	if (s.length === 0) return [];
+	let c = e;
+	if (r.length > 1) {
+		let e = r.slice(0, -1), t = i.get(e);
+		t && (c = t.map((e) => ({
+			item: e.item,
+			_lc: {
+				label: e.item.label.toLowerCase(),
+				text: e.item.text.toLowerCase(),
+				type: e.item.type?.toLowerCase() ?? ""
+			}
+		})));
+	}
+	let u = [];
+	for (let e of c) {
+		let t = o(s, e);
+		t && u.push({
+			item: e.item,
+			score: t.score,
+			matchIndices: t.matches
+		});
+	}
+	return u.sort((e, t) => t.score - e.score), i.set(r, u), u.slice(0, n);
+}
+function d(e) {
+	if (e) {
+		c.delete(e);
+		return;
+	}
+	c = /* @__PURE__ */ new WeakMap();
+}
+//#endregion
+//#region src/components/custom/search/composables/useFuzzySearch.ts
+function f(i) {
+	let a = typeof i.items == "function" ? i.items : () => i.items, o = i.debounceMs ?? 120, c = i.maxResults ?? 30, l = n(""), f = n(!1), p = n(!1), m = n(0), h = n(""), g = e(() => a()), _ = e(() => s(g.value)), v;
+	function y(e = v) {
+		e !== void 0 && (clearTimeout(e), v === e && (v = void 0));
+	}
+	r(l, (e, t, n) => {
+		if (y(), !e || o <= 0) {
+			h.value = e;
+			return;
+		}
+		let r = setTimeout(() => {
+			v === r && (h.value = e, v = void 0);
+		}, o);
+		v = r, n(() => y(r));
+	}), r(g, () => {
+		y(), h.value = l.value, m.value = 0;
+	}, { deep: !0 });
+	let b = e(() => u(_.value, h.value, c));
+	r(b, () => {
+		m.value = 0;
+	});
+	function x(e) {
+		i.onSelect?.(e), S();
+	}
+	function S() {
+		f.value = !1, p.value = !1, y(), l.value = "", h.value = "", m.value = 0, d(_.value);
+	}
+	function C() {
+		f.value = !0;
+	}
+	function w() {
+		p.value = !p.value;
+	}
+	function T(e) {
+		switch (e.key) {
+			case "ArrowDown":
+				e.preventDefault(), m.value < b.value.length - 1 && m.value++;
+				break;
+			case "ArrowUp":
+				e.preventDefault(), m.value > 0 && m.value--;
+				break;
+			case "Enter":
+				e.preventDefault(), b.value[m.value] && x(b.value[m.value]);
+				break;
+			case "Escape":
+				e.preventDefault(), p.value ? p.value = !1 : S();
+				break;
+		}
+	}
+	return t(() => {
+		y(), d(_.value);
+	}, !0), {
+		query: l,
+		results: b,
+		isOpen: f,
+		isExpanded: p,
+		selectedIndex: m,
+		selectResult: x,
+		close: S,
+		open: C,
+		toggleExpanded: w,
+		onKeydown: T
+	};
+}
+//#endregion
+export { u as a, i, s as n, d as r, f as t };