@mkbabb/glass-ui 4.0.1 → 4.1.0

package/dist/{useAnimatedNumber-BfUq2bUM.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-DNlOh6c8.js → useConfiguratorState-4xblKfwd.js}

@@ -1,22 +1,22 @@
 import { t as e } from "./cn-DJXf4yaB.js";
-import { t } from "./FadingScroll-DI6hQhT9.js";
-import { i as n } from "./ConfiguratorRow-BR4l-ixA.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 = {
+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"
-}, C = [
+}, T = [
 	"aria-selected",
 	"data-active",
 	"onClick"
-], w = { class: "flex flex-col" }, T = {
+], E = { class: "flex flex-col" }, D = {
 	key: 2,
 	class: "configurator-controls flex-1 min-h-0 overflow-visible"
-}, E = { class: "flex flex-col" }, D = {
+}, O = { class: "flex flex-col" }, k = {
 	key: 3,
 	class: "configurator-footer shrink-0 border-t px-3 py-2"
-}, O = /* @__PURE__ */ u({
+}, A = /* @__PURE__ */ u({
 	__name: "Configurator",
 	props: {
 		presets: {},
@@ -43,20 +43,21 @@ var S = {
 	setup(u, { emit: m }) {
 		let h = u;
 		n(i(() => h.density));
-		let y = m, O = 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)] lg:grid-rows-none", "lg:grid-cols-[minmax(0,1fr)_minmax(var(--configurator-aside-min,280px),var(--configurator-aside-max,360px))]", "min-h-0", h.class)), k = i(() => {
+		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
 			};
-		}), A = i(() => h.asideSide === "left" ? "lg:col-start-2" : ""), j = i(() => h.asideSide === "left" ? "lg:col-start-1 lg:row-start-1" : ""), M = i(() => h.asideSide === "left" ? "lg:border-r lg:border-l-0" : "lg:border-l"), N = i(() => h.scrollMode !== "never");
+		}), 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",
-			class: d(O.value),
-			style: f(k.value)
-		}, [c("div", { class: d(b(e)("configurator-stage relative min-h-0 min-w-0 overflow-hidden", A.value)) }, [_(n.$slots, "stage")], 2), 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, j.value)) }, [
-			n.$slots.presets || u.presets && u.presets.length > 0 ? (p(), s("div", S, [_(n.$slots, "presets", {
+			"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), {
@@ -74,7 +75,7 @@ var S = {
 					"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, C))), 128))]),
+				}, v(t.label), 11, T))), 128))]),
 				_: 1
 			})])])) : o("", !0),
 			N.value ? (p(), a(b(t), {
@@ -86,20 +87,20 @@ var S = {
 					layers: u.layers,
 					activeLayer: u.activeLayer,
 					selectLayer: (e) => y("select-layer", e)
-				}, () => [c("div", w, [_(n.$slots, "default")])])]),
+				}, () => [c("div", E, [_(n.$slots, "default")])])]),
 				_: 3
-			})) : (p(), s("div", T, [_(n.$slots, "controls", {
+			})) : (p(), s("div", D, [_(n.$slots, "controls", {
 				layers: u.layers,
 				activeLayer: u.activeLayer,
 				selectLayer: (e) => y("select-layer", e)
-			}, () => [c("div", E, [_(n.$slots, "default")])])])),
-			n.$slots.footer ? (p(), s("div", D, [_(n.$slots, "footer", { reset: () => y("reset") })])) : o("", !0)
-		], 2)], 6));
+			}, () => [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 k(e) {
+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 {
@@ -108,11 +109,11 @@ function k(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 A(e, t) {
+function M(e, t) {
 	return JSON.stringify(e) === JSON.stringify(t);
 }
-function j(e) {
-	let t = e.clone ?? k, n = e.equals ?? A, 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(() => {
+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);
@@ -158,4 +159,4 @@ function j(e) {
 	};
 }
 //#endregion
-export { O as n, j as t };
+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-DgxnsVJz.js → useDragMorph-BUgAC-zK.js}

@@ -1,5 +1,5 @@
-import { t as e } from "./useLiquidFlex-mZPMiNXh.js";
-import { n as t } from "./springPresets-CFQGQfdl.js";
+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
@@ -7,7 +7,7 @@ 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: _ } = t("snappy"), v = null, y = null;
+	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({
@@ -22,7 +22,7 @@ function u(u) {
 			}
 		}), e.play(() => {}), e;
 	}
-	let x = e({
+	let x = t({
 		from: 0,
 		to: 1,
 		axis: "width",

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 };