@mkbabb/glass-ui 5.0.0 → 7.0.0

package/dist/styles/tabs/segmented-tabs-drag.css

@@ -1 +0,0 @@
-.glass-drag-grabbable { cursor: grab; touch-action: none; } .glass-drag-lift { cursor: grabbing; will-change: transform; } .segmented-tabs:not(.segmented-tabs--underline):has( .segmented-indicator.glass-drag-grabbable ) .segmented-tab[aria-pressed="true"] { pointer-events: none; } .segmented-indicator.glass-drag-lift { z-index: 30; } .segmented-tabs[data-eyeglass] { --eyeglass-settled: 0.84; --eyeglass-proud: 1.12; --eyeglass-track-blur: var(--glass-blur-floating); backdrop-filter: var(--eyeglass-track-blur); -webkit-backdrop-filter: var(--eyeglass-track-blur); } .segmented-tabs[data-eyeglass] .segmented-indicator__plate { --eyeglass-y: calc( var(--eyeglass-settled) + var(--eyeglass-live-t) * (var(--eyeglass-proud) - var(--eyeglass-settled)) ); } @media (prefers-reduced-motion: reduce) { .segmented-tabs[data-eyeglass] .segmented-indicator__plate { --eyeglass-y: 1; } } @supports (backdrop-filter: url("#glass-refract")) { .segmented-tabs[data-eyeglass] .segmented-indicator__plate.glass-lens { backdrop-filter: var(--glass-blur-floating) var(--glass-refract-filter); } } .segmented-tabs[data-eyeglass] .segmented-tab[aria-pressed="true"] svg { color: var(--tab-selected-ink, var(--foreground)); }

package/dist/useConfiguratorState-Dq35N_7t.js

@@ -1,167 +0,0 @@
-import { t as e } from "./class-names-5jotTFzp.js";
-import { t } from "./FadingScroll-BSRLqQCx.js";
-import { i as n } from "./ConfiguratorRow-BV6zPjTM.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, withModifiers as S } from "vue";
-//#region src/components/configurator/Configurator.vue?vue&type=script&setup=true&lang.ts
-var C = ["data-aside-side", "data-gallery"], w = {
-	key: 0,
-	"data-gallery-dock": "",
-	class: "configurator-presets shrink-0 px-3 py-2"
-}, T = [
-	"data-active",
-	"aria-pressed",
-	"onClick"
-], E = { class: "configurator-stage relative min-h-0 min-w-0 overflow-hidden" }, D = { class: "flex flex-col" }, O = {
-	key: 1,
-	class: "configurator-controls flex-1 min-h-0 overflow-visible"
-}, k = { class: "flex flex-col" }, A = {
-	key: 2,
-	class: "configurator-footer shrink-0 border-t px-3 py-2"
-}, j = /* @__PURE__ */ u({
-	__name: "Configurator",
-	props: {
-		presets: {},
-		activePreset: {},
-		layers: {},
-		activeLayer: {},
-		scrollMode: { default: "auto" },
-		size: { default: "md" },
-		asideSide: { default: "right" },
-		galleryPlacement: { default: "aside" },
-		asideWidth: {},
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] }
-	},
-	emits: [
-		"select-preset",
-		"select-layer",
-		"reset"
-	],
-	setup(u, { emit: m }) {
-		let h = u;
-		n(i(() => h.size));
-		let y = m, j = i(() => e("configurator glass-floating rounded-panel border border-border/60 overflow-hidden", "grid grid-cols-1", "grid-rows-[auto_minmax(var(--configurator-stage-min,18rem),auto)_minmax(0,1fr)]", "min-h-0", h.class)), M = i(() => {
-			let e = {
-				"--radius-ctx": "var(--radius-panel)",
-				"--radius-inset": "var(--configurator-pad-inline)"
-			};
-			if (h.asideWidth != null) {
-				let [t, n] = Array.isArray(h.asideWidth) ? h.asideWidth : [h.asideWidth, h.asideWidth];
-				e["--configurator-aside-min"] = t, e["--configurator-aside-max"] = n;
-			}
-			return e;
-		}), N = i(() => h.asideSide === "left" ? "lg:border-r lg:border-l-0" : "lg:border-l"), P = i(() => h.scrollMode !== "never");
-		return (n, i) => (p(), s("section", {
-			"data-slot": "configurator",
-			"data-aside-side": u.asideSide,
-			"data-gallery": u.galleryPlacement,
-			class: d(j.value),
-			style: f(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: "configurator-gallery-track flex gap-2 scrollbar-hidden",
-				role: "group",
-				"aria-label": "Presets"
-			}, {
-				default: x(() => [(p(!0), s(r, null, g(u.presets, (t) => (p(), s("button", {
-					key: t.key,
-					type: "button",
-					"data-preset-tile": "",
-					"data-active": t.key === u.activePreset || void 0,
-					"aria-pressed": t.key === u.activePreset,
-					class: d(b(e)("configurator-preset-chip glass-capsule glass-capsule-hover shadow-cartoon focus-ring shrink-0 px-3 py-1 text-xs font-medium text-foreground", t.key === u.activePreset && "is-active")),
-					onClick: S((e) => y("select-preset", t.key), ["stop"])
-				}, v(t.label), 11, T))), 128))]),
-				_: 1
-			})])])) : o("", !0),
-			c("div", E, [_(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", N.value)) }, [P.value ? (p(), a(b(t), {
-				key: 0,
-				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", D, [_(n.$slots, "default")])])]),
-				_: 3
-			})) : (p(), s("div", O, [_(n.$slots, "controls", {
-				layers: u.layers,
-				activeLayer: u.activeLayer,
-				selectLayer: (e) => y("select-layer", e)
-			}, () => [c("div", k, [_(n.$slots, "default")])])])), n.$slots.footer ? (p(), s("div", A, [_(n.$slots, "footer", { reset: () => y("reset") })])) : o("", !0)], 2)
-		], 14, C));
-	}
-});
-//#endregion
-//#region src/components/configurator/useConfiguratorState.ts
-function M(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 N(e, t) {
-	return JSON.stringify(e) === JSON.stringify(t);
-}
-function P(e) {
-	let t = e.clone ?? M, n = e.equals ?? N, 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 { j as n, P as t };

package/dist/useControlSize-DJwe-7ZQ.js

@@ -1,9 +0,0 @@
-//#region src/components/_shared/useControlSize.ts
-function e(e = "md") {
-	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 = "md") {
-	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-BgMmeINo.js

@@ -1,161 +0,0 @@
-import { n as e } from "./springPresets-h5VKJQqG.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/useElementMorph.ts
-function o(e) {
-	if (!e) return null;
-	if (e instanceof HTMLElement) return e;
-	let t = e.$el;
-	return t instanceof HTMLElement ? t : null;
-}
-function s(e) {
-	return {
-		x: e.x + e.width * .04,
-		y: e.y + e.height * .04,
-		width: e.width * .92,
-		height: e.height * .92
-	};
-}
-function c(e) {
-	let t = e.style.transitionProperty;
-	return e.style.transitionProperty = "none", () => {
-		e.style.transitionProperty = t;
-	};
-}
-function l() {
-	return typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
-}
-var u = (e) => e < 0 ? 0 : e > 1 ? 1 : e, d = (e) => ({
-	x: e.x,
-	y: e.y,
-	width: e.width,
-	height: e.height
-});
-function f(f, p = {}) {
-	let m = p.respectReducedMotion !== !1, h = p.direction ?? "in", g = p.channels?.opacity !== !1, _ = p.channels?.blur ?? 0, v = p.origin ?? "to", { response: y, dampingFraction: b } = e(p.preset ?? "snappy"), x = a({
-		response: y,
-		dampingFraction: b
-	}), S = y * 4 * 1e3, C = r(!1), w = r(0), T = null, E = 0, D = 0, O = null;
-	function k() {
-		E && typeof cancelAnimationFrame == "function" && cancelAnimationFrame(E), E = 0;
-	}
-	function A(e) {
-		let t = e ?? o(f.value);
-		t && (t.style.transform = "", t.style.transformOrigin = "", t.style.opacity = "", t.style.filter = "");
-	}
-	function j() {
-		k(), T = null, O?.(), O = null, C.value = !1;
-	}
-	function M(e) {
-		let t = d(e.getBoundingClientRect()), n = (e) => {
-			if (e === void 0 || e === "self") return t;
-			let n = o(e.value);
-			return n ? d(n.getBoundingClientRect()) : s(t);
-		}, r = n(p.from ?? "self"), i = n(p.to), a;
-		return a = v === "center" ? "center center" : v === "from" ? `${r.x - t.x}px ${r.y - t.y}px` : v === "to" ? `${i.x - t.x}px ${i.y - t.y}px` : v, {
-			from: r,
-			to: i,
-			origin: a
-		};
-	}
-	function N(e, t) {
-		let n = h === "in" ? 1 - t : t;
-		if (T?.apply(e, n), g && (e.style.opacity = u(1 - n).toFixed(4)), _ > 0) {
-			let t = _ * Math.max(0, n);
-			e.style.filter = `blur(${t.toFixed(2)}px)`;
-		}
-	}
-	function P(e) {
-		A(e), g && (e.style.opacity = h === "in" ? "1" : "0"), T = null, E = 0, O?.(), O = null, w.value = 1, C.value = !1, p.onSettled?.();
-	}
-	function F(e) {
-		let t = o(f.value);
-		if (!t || E) return;
-		let n = M(t), r = new i(n.from, n.to, { transformOrigin: n.origin }), a = h === "in" ? 1 - e : e;
-		r.apply(t, a);
-	}
-	function I() {
-		let e = o(f.value);
-		if (!e) return;
-		j();
-		let t = M(e);
-		if (C.value = !0, w.value = 0, m && l()) {
-			P(e);
-			return;
-		}
-		O = c(e), T = new i(t.from, t.to, { transformOrigin: t.origin }), D = 0;
-		let n = (t) => {
-			if (!T || !o(f.value)) {
-				j();
-				return;
-			}
-			D === 0 && (D = t);
-			let r = Math.min(1, (t - D) / S), i = x.fn(r);
-			w.value = u(i), N(e, i), p.onFrame?.(u(i)), r < 1 && typeof requestAnimationFrame == "function" ? E = requestAnimationFrame(n) : P(e);
-		};
-		typeof requestAnimationFrame == "function" ? E = requestAnimationFrame(n) : P(e);
-	}
-	return t(j), {
-		play: I,
-		cancel: j,
-		clear: A,
-		seat: F,
-		playing: n(C),
-		progress: n(w)
-	};
-}
-//#endregion
-//#region src/composables/motion/useDockCtaReceive.ts
-function p(e, t) {
-	let i = t.respectReducedMotion !== !1, a = r(!1);
-	function s() {
-		let e = o(t.dockControl.value);
-		e && (e.setAttribute("data-cta-pending", ""), a.value = !0);
-	}
-	function c() {
-		a.value = !1;
-		let e = o(t.dockControl.value);
-		e && e.removeAttribute("data-cta-pending");
-	}
-	function u() {
-		c(), t.onReceived?.();
-	}
-	let d = f(e, {
-		direction: "out",
-		to: t.dockControl,
-		origin: "center",
-		preset: t.preset ?? "snappy",
-		respectReducedMotion: t.respectReducedMotion,
-		channels: {
-			opacity: !0,
-			blur: t.blur ?? 4
-		},
-		onSettled: u
-	});
-	function p() {
-		let n = o(e.value);
-		if (n) {
-			if (!o(t.dockControl.value)) {
-				n.style.opacity = "0", u();
-				return;
-			}
-			if (i && l()) {
-				d.clear(n), n.style.opacity = "0", u();
-				return;
-			}
-			d.play();
-		}
-	}
-	function m() {
-		d.cancel(), d.clear(o(e.value));
-	}
-	return {
-		receive: p,
-		reset: m,
-		setPending: s,
-		clearPending: c,
-		pending: n(a)
-	};
-}
-//#endregion
-export { l as a, c as i, o as n, f as o, s as r, p as t };

package/dist/useDocumentVisibility-CpJGUgcJ.js

@@ -1,17 +0,0 @@
-import { getCurrentScope as e, onScopeDispose as t, ref as n } from "vue";
-//#region src/composables/dom/useDocumentVisibility.ts
-function r() {
-	return typeof document > "u" ? null : document;
-}
-function i() {
-	let i = r(), a = n(!!i?.hidden);
-	if (!i) return { hidden: a };
-	let o = () => {
-		a.value = !!i.hidden;
-	};
-	return i.addEventListener("visibilitychange", o), e() && t(() => {
-		i.removeEventListener("visibilitychange", o);
-	}), { hidden: a };
-}
-//#endregion
-export { i as t };

package/dist/useDragMorph-65ihHePq.js

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

package/dist/useGlobalDark-DjKMEQE2.js

@@ -1,53 +0,0 @@
-import { ref as e, watch as t } from "vue";
-import { createGlobalState as n, useDark as r, useToggle as i } from "@vueuse/core";
-//#region src/composables/dark/useGlobalDark.ts
-var a, o = n(() => {
-	let n = r({
-		initialValue: a,
-		disableTransition: !1
-	}), o = i(n), s = e(!1);
-	function c() {
-		s.value && document.documentElement.classList.add("no-transition"), o(), s.value && requestAnimationFrame(() => {
-			document.documentElement.classList.remove("no-transition");
-		});
-	}
-	function l(e) {
-		s.value = e;
-	}
-	let u = /* @__PURE__ */ new Set(), d = !1, f = !1;
-	function p(e) {
-		if (u.size === 0 || (f = e, d)) return;
-		d = !0;
-		let t = () => {
-			d = !1;
-			let e = f;
-			for (let t of [...u]) t(e);
-		};
-		typeof requestAnimationFrame == "function" ? requestAnimationFrame(t) : setTimeout(t, 0);
-	}
-	function m(e) {
-		return u.add(e), () => {
-			u.delete(e);
-		};
-	}
-	return t(n, (e) => {
-		document.documentElement.style.colorScheme = e ? "dark" : "light";
-	}, { immediate: !0 }), t(n, (e) => {
-		p(e);
-	}), {
-		isDark: n,
-		toggleDark: c,
-		disableTransitions: s,
-		setDisableTransitions: l,
-		onFlipSettled: m
-	};
-});
-function s(e) {
-	if (e?.initialValue !== void 0) {
-		if (a === void 0) a = e.initialValue;
-		else if (a !== e.initialValue) throw Error(`[glass-ui] useGlobalDark({ initialValue: "${e.initialValue}" }) conflicts: the singleton was already constructed with initialValue "${a}". The seed is ONE-SHOT — set it on the FIRST useGlobalDark() call only.`);
-	}
-	return o();
-}
-//#endregion
-export { s as t };