@mkbabb/glass-ui 3.13.0 → 4.0.1

package/dist/sheet-1fChZjtw.js

@@ -1,214 +0,0 @@
-import { t as e } from "./cn-DJXf4yaB.js";
-import { t } from "./x-BUwTKe50.js";
-import { t as n } from "./useSpringMount-CI2jOstM.js";
-import { t as r } from "./ModalOverlay-DVLI2VRr.js";
-import { computed as i, createBlock as a, createElementBlock as o, createElementVNode as s, createVNode as c, defineComponent as l, guardReactiveProps as u, mergeProps as d, normalizeClass as f, normalizeProps as p, openBlock as m, renderSlot as h, toHandlers as g, unref as _, withCtx as v } from "vue";
-import { DialogClose as y, DialogContent as b, DialogDescription as x, DialogPortal as S, DialogRoot as C, DialogTitle as w, DialogTrigger as T, injectDialogRootContext as E, useForwardPropsEmits as D } from "reka-ui";
-import { cva as O } from "class-variance-authority";
-//#endregion
-//#region src/components/ui/sheet/Sheet.vue
-var k = /* @__PURE__ */ l({
-	__name: "Sheet",
-	props: {
-		open: { type: Boolean },
-		defaultOpen: { type: Boolean },
-		modal: { type: Boolean }
-	},
-	emits: ["update:open"],
-	setup(e, { emit: t }) {
-		let n = D(e, t);
-		return (e, t) => (m(), a(_(C), d({ "data-slot": "sheet" }, _(n)), {
-			default: v(() => [h(e.$slots, "default")]),
-			_: 3
-		}, 16));
-	}
-}), A = /* @__PURE__ */ l({
-	__name: "SheetTrigger",
-	props: {
-		asChild: { type: Boolean },
-		as: {}
-	},
-	setup(e) {
-		let t = e;
-		return (e, n) => (m(), a(_(T), p(u(t)), {
-			default: v(() => [h(e.$slots, "default")]),
-			_: 3
-		}, 16));
-	}
-}), j = /* @__PURE__ */ l({
-	__name: "SheetClose",
-	props: {
-		asChild: { type: Boolean },
-		as: {}
-	},
-	setup(e) {
-		let t = e;
-		return (e, n) => (m(), a(_(y), p(u(t)), {
-			default: v(() => [h(e.$slots, "default")]),
-			_: 3
-		}, 16));
-	}
-}), M = /* @__PURE__ */ l({
-	inheritAttrs: !1,
-	__name: "SheetContent",
-	props: {
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] },
-		side: {},
-		spring: { type: [Boolean, String] },
-		dragDismiss: { type: Boolean },
-		dragThreshold: {},
-		forceMount: { type: Boolean },
-		disableOutsidePointerEvents: { type: Boolean },
-		asChild: { type: Boolean },
-		as: {}
-	},
-	emits: [
-		"escapeKeyDown",
-		"pointerDownOutside",
-		"focusOutside",
-		"interactOutside",
-		"openAutoFocus",
-		"closeAutoFocus"
-	],
-	setup(o, { emit: l }) {
-		let u = o, f = l, p = D(i(() => {
-			let { class: e, side: t, spring: n, dragDismiss: r, dragThreshold: i, ...a } = u;
-			return a;
-		}), f), x = u.spring ? E() : null, C = u.spring && x ? n({
-			open: x.open,
-			preset: typeof u.spring == "string" ? u.spring : "smooth",
-			dismissThreshold: u.dragThreshold ?? .3,
-			onDismiss: () => x.onOpenChange(!1)
-		}) : null, w = i(() => u.side ?? "right");
-		function T(e, t) {
-			let n = `${e * 100}%`;
-			switch (t) {
-				case "top": return `translateY(-${n})`;
-				case "bottom": return `translateY(${n})`;
-				case "left": return `translateX(-${n})`;
-				default: return `translateX(${n})`;
-			}
-		}
-		let O = i(() => {
-			if (C) return {
-				transform: T(C.position.value, w.value),
-				animation: "none",
-				transition: "none"
-			};
-		}), k = i(() => u.spring && u.dragDismiss && C ? C.dragHandlers : {});
-		return (n, i) => (m(), a(_(S), null, {
-			default: v(() => [c(r, {
-				scrim: "glass",
-				animate: "fade",
-				layout: "centered"
-			}), c(_(b), d({ class: _(e)(_(L)({ side: w.value }), u.spring ? "transition-none" : "", u.class) }, {
-				..._(p),
-				...n.$attrs
-			}, {
-				style: O.value,
-				"data-spring": u.spring ? typeof u.spring == "string" ? u.spring : "smooth" : void 0,
-				"data-drag-dismiss": u.spring && u.dragDismiss ? "" : void 0
-			}, g(k.value)), {
-				default: v(() => [h(n.$slots, "default"), c(_(y), { class: "focus-ring absolute right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 disabled:pointer-events-none data-[state=open]:bg-secondary" }, {
-					default: v(() => [c(_(t), { class: "w-4 h-4 text-muted-foreground" }), i[0] ||= s("span", { class: "sr-only" }, "Close", -1)]),
-					_: 1
-				})]),
-				_: 3
-			}, 16, [
-				"class",
-				"style",
-				"data-spring",
-				"data-drag-dismiss"
-			])]),
-			_: 3
-		}));
-	}
-}), N = /* @__PURE__ */ l({
-	__name: "SheetHeader",
-	props: { class: { type: [
-		Boolean,
-		null,
-		String,
-		Object,
-		Array
-	] } },
-	setup(t) {
-		let n = t;
-		return (t, r) => (m(), o("div", { class: f(_(e)("flex flex-col gap-y-2 text-center sm:text-left", n.class)) }, [h(t.$slots, "default")], 2));
-	}
-}), P = /* @__PURE__ */ l({
-	__name: "SheetTitle",
-	props: {
-		asChild: { type: Boolean },
-		as: {},
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] }
-	},
-	setup(t) {
-		let n = t, r = i(() => {
-			let { class: e, ...t } = n;
-			return t;
-		});
-		return (t, i) => (m(), a(_(w), d({ class: _(e)("text-subheading text-foreground", n.class) }, r.value), {
-			default: v(() => [h(t.$slots, "default")]),
-			_: 3
-		}, 16, ["class"]));
-	}
-}), F = /* @__PURE__ */ l({
-	__name: "SheetDescription",
-	props: {
-		asChild: { type: Boolean },
-		as: {},
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] }
-	},
-	setup(t) {
-		let n = t, r = i(() => {
-			let { class: e, ...t } = n;
-			return t;
-		});
-		return (t, i) => (m(), a(_(x), d({ class: _(e)("text-sm text-muted-foreground", n.class) }, r.value), {
-			default: v(() => [h(t.$slots, "default")]),
-			_: 3
-		}, 16, ["class"]));
-	}
-}), I = /* @__PURE__ */ l({
-	__name: "SheetFooter",
-	props: { class: { type: [
-		Boolean,
-		null,
-		String,
-		Object,
-		Array
-	] } },
-	setup(t) {
-		let n = t;
-		return (t, r) => (m(), o("div", { class: f(_(e)("flex flex-col-reverse sm:flex-row sm:justify-end sm:gap-x-2", n.class)) }, [h(t.$slots, "default")], 2));
-	}
-}), L = O("fixed z-modal gap-4 glass-floating p-6 transition ease-in-out sheet-animate", {
-	variants: { side: {
-		top: "inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top",
-		bottom: "inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom",
-		left: "inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm",
-		right: "inset-y-0 right-0 h-full w-3/4 border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm"
-	} },
-	defaultVariants: { side: "right" }
-});
-//#endregion
-export { N as a, A as c, P as i, k as l, I as n, M as o, F as r, j as s, L as t };

package/dist/underline.d.ts

@@ -1 +0,0 @@
-export * from "./components/custom/underline";

package/dist/underline.js

@@ -1,85 +0,0 @@
-import { t as e } from "./_plugin-vue_export-helper-ok8pgSl5.js";
-import { computed as t, createElementBlock as n, createElementVNode as r, defineComponent as i, normalizeStyle as a, onMounted as o, openBlock as s, ref as c, renderSlot as l, unref as u, useCssVars as d, useId as f, watch as p } from "vue";
-import { NumericAnimation as m } from "@mkbabb/keyframes.js";
-import { easeOutCubic as h } from "@mkbabb/value.js";
-//#region src/components/custom/underline/GlassUnderline.vue?vue&type=script&setup=true&lang.ts
-var g = ["data-gu-clock", "data-gu-variant"], _ = ["viewBox"], v = ["id", "d"], y = ["d"], b = 120, x = "M1,6 C18,3 30,8 48,5 S78,3 99,6", S = "M1,7.1 C20,5 32,9 50,6.2 S80,5 99,7", C = /* @__PURE__ */ e(/* @__PURE__ */ i({
-	__name: "GlassUnderline",
-	props: {
-		clock: { default: "load" },
-		variant: { default: "pen" },
-		color: { default: void 0 },
-		drawMs: { default: 700 },
-		easing: {
-			type: Function,
-			default: void 0
-		},
-		timeline: { default: void 0 },
-		active: {
-			type: Boolean,
-			default: void 0
-		},
-		paths: { default: void 0 }
-	},
-	setup(e, { expose: i }) {
-		d((e) => ({ v237e7abc: C.color ?? "var(--primary)" }));
-		let C = e;
-		function w() {
-			return typeof window > "u" || typeof window.matchMedia != "function" ? !1 : window.matchMedia("(prefers-reduced-motion: reduce)").matches;
-		}
-		let T = w(), E = t(() => C.paths?.stroke ?? x), D = t(() => C.paths?.ghost ?? S), O = t(() => C.paths?.viewBox ?? "0 0 100 10"), k = t(() => C.paths?.len ?? b), A = f(), j = t(() => C.clock === "scroll" ? T ? "static" : "scroll" : C.clock === "static" ? "static" : "load"), M = c(C.clock === "load" && !T && C.active !== !0 ? k.value : 0), N = null;
-		async function P() {
-			if (C.clock === "load") {
-				if (T) {
-					M.value = 0;
-					return;
-				}
-				N?.stop(), M.value = k.value, N = new m([{ off: k.value }, { off: 0 }], {
-					duration: C.drawMs,
-					timingFunction: C.easing ?? h,
-					respectReducedMotion: !0
-				}), await N.play((e) => {
-					M.value = e.off;
-				});
-			}
-		}
-		function F() {
-			N?.stop(), M.value = 0;
-		}
-		function I() {
-			N?.stop(), M.value = C.clock === "load" && !T ? k.value : 0;
-		}
-		return p(() => C.active, (e, t) => {
-			C.clock === "load" && (e === !0 && t !== !0 ? T ? F() : P() : e === !1 && t === !0 && I());
-		}), o(() => {
-			C.clock === "load" && C.active === !0 && (T ? F() : P());
-		}), i({
-			play: P,
-			snap: F
-		}), (t, i) => (s(), n("span", {
-			class: "glass-underline",
-			"data-gu-clock": j.value,
-			"data-gu-variant": e.variant,
-			style: a(e.timeline ? { "--gu-timeline": e.timeline } : void 0)
-		}, [l(t.$slots, "default", {}, void 0, !0), (s(), n("svg", {
-			class: "glass-underline__ink",
-			viewBox: O.value,
-			preserveAspectRatio: "none",
-			"aria-hidden": "true",
-			focusable: "false",
-			style: a({
-				"--gu-off": String(M.value),
-				"--gu-len": String(k.value)
-			})
-		}, [r("path", {
-			id: `gu-stroke-${u(A)}`,
-			class: "glass-underline__stroke",
-			d: E.value
-		}, null, 8, v), r("path", {
-			class: "glass-underline__stroke glass-underline__stroke--ghost",
-			d: D.value
-		}, null, 8, y)], 12, _))], 12, g));
-	}
-}), [["__scopeId", "data-v-20b5d619"]]);
-//#endregion
-export { C as GlassUnderline };

package/dist/useCanvas2D-ClrQuZtp.js

@@ -1,96 +0,0 @@
-import { getCurrentScope as e, onScopeDispose as t, toValue as n } from "vue";
-//#region src/composables/glass/canvas2d/useCanvas2D.ts
-var r = "200px";
-function i(i) {
-	let { setup: a, autoStart: o = !0, contextAttrs: s, rootMargin: c = r } = i, l = i.respectReducedMotion ?? !0, u = () => n(i.canvas), d = /* @__PURE__ */ new Set(), f = () => d.size === 0, p = 0, m = null, h = null, g = !1, _ = !1, v = typeof window < "u", y = typeof document < "u", b = l && v && window.matchMedia ? window.matchMedia("(prefers-reduced-motion: reduce)") : null, x = b?.matches ?? !1;
-	function S() {
-		if (!f() || !h || !m) {
-			p = 0;
-			return;
-		}
-		h.render(m, v ? performance.now() : 0), p = x ? 0 : requestAnimationFrame(S);
-	}
-	function C() {
-		g && f() && !p && h && m && (p = requestAnimationFrame(S));
-	}
-	function w() {
-		g && h && m && h.render(m, v ? performance.now() : 0);
-	}
-	function T() {
-		let e = b?.matches ?? !1;
-		e !== x && (x = e, C());
-	}
-	b?.addEventListener("change", T);
-	function E(e = "manual") {
-		let t = f();
-		d.add(e), t && !f() && (cancelAnimationFrame(p), p = 0);
-	}
-	function D(e = "manual") {
-		let t = !f();
-		d.delete(e), t && f() && g && h && (x ? w() : C());
-	}
-	function O() {
-		document.hidden ? E("tab-hidden") : D("tab-hidden");
-	}
-	y && document.addEventListener("visibilitychange", O), y && document.hidden && d.add("tab-hidden");
-	let k = null;
-	function A(e) {
-		e.skipped ? E("off-screen") : D("off-screen");
-	}
-	function j(e) {
-		if (k) return;
-		let t = e.parentElement;
-		t && (k = t, t.addEventListener("contentvisibilityautostatechange", A));
-	}
-	function M() {
-		k?.removeEventListener("contentvisibilityautostatechange", A), k = null;
-	}
-	let N = null;
-	function P(e) {
-		N || typeof IntersectionObserver > "u" || (N = new IntersectionObserver((e) => {
-			for (let t of e) t.isIntersecting || t.intersectionRatio > 0 ? D("off-screen") : E("off-screen");
-		}, { rootMargin: c }), N.observe(e));
-	}
-	let F = null, I = !1;
-	function L(e) {
-		if (!m) return;
-		let t = e.clientWidth || e.offsetWidth || 0, n = e.clientHeight || e.offsetHeight || 0;
-		if (!t || !n) return;
-		let r = Math.min(v && window.devicePixelRatio || 1, 2);
-		e.width = Math.round(t * r), e.height = Math.round(n * r), m.setTransform(r, 0, 0, r, 0, 0), !I && !p && w();
-	}
-	function R(e) {
-		F || typeof ResizeObserver > "u" || (F = new ResizeObserver(() => {
-			let e = u();
-			e && L(e);
-		}), F.observe(e));
-	}
-	function z() {
-		if (g || _) return;
-		let e = u();
-		if (!e) return;
-		let t = e.getContext("2d", s);
-		if (!t) throw Error("[useCanvas2D] 2D context unavailable");
-		m = t, h = a(m), g = !0, R(e), j(e), P(e), I = !0, L(e), I = !1, x ? w() : f() && (p = requestAnimationFrame(S));
-	}
-	function B() {
-		_ || (_ = !0, cancelAnimationFrame(p), p = 0, y && document.removeEventListener("visibilitychange", O), b?.removeEventListener("change", T), M(), N?.disconnect(), N = null, F?.disconnect(), F = null, h?.teardown?.(), h = null, m = null, d.clear());
-	}
-	return o && z(), e() && t(B), {
-		arm: z,
-		suspend: E,
-		resume: D,
-		wake: C,
-		dispose: B,
-		isRunning: f,
-		get ctx() {
-			return m;
-		},
-		get reducedMotion() {
-			return x;
-		}
-	};
-}
-var a = i;
-//#endregion
-export { a as n, i as t };

package/dist/useConfiguratorState-DAoeHVue.js

@@ -1,287 +0,0 @@
-import { t as e } from "./cn-DJXf4yaB.js";
-import { t } from "./createLucideIcon-DydS2qgk.js";
-import { t as n } from "./chevron-down-DKkxb4VV.js";
-import { t as r } from "./_plugin-vue_export-helper-ok8pgSl5.js";
-import { t as i } from "./createContext-BM46COQ-.js";
-import { t as a } from "./Label-r3WzWrsj.js";
-import { Fragment as o, computed as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createTextVNode as d, createVNode as f, defineComponent as p, mergeModels as m, normalizeClass as h, normalizeStyle as g, openBlock as _, reactive as v, ref as y, renderList as b, renderSlot as x, toDisplayString as S, toRaw as C, unref as w, useId as T, useModel as E, withCtx as D } from "vue";
-var O = t("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"
-}]]), k = i("configuratorDensity"), A = k.KEY;
-function j(e) {
-	k.provide(e);
-}
-var M = k.use, N = {
-	key: 0,
-	class: "configurator-presets shrink-0 border-b border-border/40 px-3 py-2"
-}, P = {
-	class: "flex gap-2 overflow-x-auto scroll-fade-mask scrollbar-hidden",
-	role: "tablist",
-	"aria-label": "Presets"
-}, F = [
-	"aria-selected",
-	"data-active",
-	"onClick"
-], I = { class: "flex flex-col" }, L = {
-	key: 1,
-	class: "configurator-footer shrink-0 border-t border-border/40 px-3 py-2"
-}, R = /* @__PURE__ */ p({
-	__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(t, { emit: n }) {
-		let r = t;
-		j(s(() => r.density));
-		let i = n, a = s(() => 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", r.class)), d = s(() => {
-			if (r.asideWidth == null) return;
-			let [e, t] = Array.isArray(r.asideWidth) ? r.asideWidth : [r.asideWidth, r.asideWidth];
-			return {
-				"--configurator-aside-min": e,
-				"--configurator-aside-max": t
-			};
-		}), f = s(() => r.asideSide === "left" ? "lg:col-start-2" : ""), p = s(() => r.asideSide === "left" ? "lg:col-start-1 lg:row-start-1" : ""), m = s(() => r.asideSide === "left" ? "lg:border-r lg:border-l-0" : "lg:border-l"), v = s(() => {
-			switch (r.scrollMode) {
-				case "always": return "overflow-y-auto scroll-fade-y scrollbar-thin";
-				case "never": return "overflow-visible";
-				default: return "overflow-y-auto scroll-fade-y scrollbar-thin";
-			}
-		});
-		return (n, r) => (_(), l("section", {
-			"data-slot": "configurator",
-			class: h(a.value),
-			style: g(d.value)
-		}, [u("div", { class: h(w(e)("configurator-stage relative min-h-0 min-w-0 overflow-hidden", f.value)) }, [x(n.$slots, "stage")], 2), u("aside", { class: h(w(e)("configurator-aside flex min-h-0 min-w-0 flex-col border-t border-border/40 lg:border-t-0", m.value, p.value)) }, [
-			n.$slots.presets || t.presets && t.presets.length > 0 ? (_(), l("div", N, [x(n.$slots, "presets", {
-				presets: t.presets,
-				activePreset: t.activePreset
-			}, () => [u("div", P, [(_(!0), l(o, null, b(t.presets, (n) => (_(), l("button", {
-				key: n.key,
-				type: "button",
-				role: "tab",
-				"data-slot": "configurator-preset",
-				"aria-selected": n.key === t.activePreset,
-				"data-active": n.key === t.activePreset || void 0,
-				class: h(w(e)("tap-squish focus-ring transition-control shrink-0 rounded-pill border px-3 py-1 text-xs font-medium", n.key === t.activePreset ? "glass-quiet border-border/50 text-foreground" : "border-border/40 bg-card/40 text-foreground hover:bg-card/70")),
-				onClick: (e) => i("select-preset", n.key)
-			}, S(n.label), 11, F))), 128))])])])) : c("", !0),
-			u("div", { class: h(w(e)("configurator-controls flex-1 min-h-0", v.value)) }, [x(n.$slots, "controls", {
-				layers: t.layers,
-				activeLayer: t.activeLayer,
-				selectLayer: (e) => i("select-layer", e)
-			}, () => [u("div", I, [x(n.$slots, "default")])])], 2),
-			n.$slots.footer ? (_(), l("div", L, [x(n.$slots, "footer", { reset: () => i("reset") })])) : c("", !0)
-		], 2)], 6));
-	}
-}), z = ["data-state"], B = [
-	"aria-expanded",
-	"aria-controls",
-	"data-state"
-], V = { class: "flex min-w-0 items-baseline gap-2" }, H = { class: "configurator-section-label truncate" }, U = {
-	key: 0,
-	class: "truncate text-micro font-mono text-muted-foreground/70"
-}, W = [
-	"id",
-	"aria-hidden",
-	"inert",
-	"data-state"
-], G = { class: "min-h-0 overflow-hidden" }, K = /* @__PURE__ */ r(/* @__PURE__ */ p({
-	__name: "ConfiguratorLayer",
-	props: /* @__PURE__ */ m({
-		label: {},
-		sub: {},
-		id: {},
-		defaultOpen: {
-			type: Boolean,
-			default: !0
-		},
-		dividers: { type: Boolean },
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] },
-		bodyClass: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] }
-	}, {
-		open: {
-			type: Boolean,
-			default: void 0
-		},
-		openModifiers: {}
-	}),
-	emits: ["update:open"],
-	setup(t) {
-		let r = t, i = E(t, "open");
-		i.value === void 0 && (i.value = r.defaultOpen);
-		let a = `configurator-layer-body-${T()}`, o = s(() => r.id ?? a);
-		function d() {
-			i.value = !i.value;
-		}
-		let p = s(() => i.value ? "open" : "closed");
-		return (a, s) => (_(), l("div", {
-			"data-slot": "configurator-layer",
-			class: h(w(e)("configurator-layer border-b border-border/40 last:border-b-0", r.class)),
-			"data-state": p.value
-		}, [u("button", {
-			type: "button",
-			"data-slot": "configurator-layer-trigger",
-			class: h(w(e)("configurator-layer-trigger", "group flex w-full items-center justify-between gap-2 px-3 py-2", "tap-squish transition-control text-left hover:bg-foreground/5 focus-ring")),
-			"aria-expanded": i.value,
-			"aria-controls": o.value,
-			"data-state": p.value,
-			onClick: d
-		}, [u("div", V, [u("span", H, S(t.label), 1), t.sub ? (_(), l("span", U, S(t.sub), 1)) : c("", !0)]), f(w(n), {
-			class: "configurator-layer-chevron h-4 w-4 shrink-0 text-muted-foreground group-data-[state=open]:rotate-180",
-			"aria-hidden": "true"
-		})], 10, B), u("div", {
-			id: o.value,
-			role: "region",
-			"aria-hidden": !i.value,
-			inert: !i.value || void 0,
-			"data-state": p.value,
-			class: "configurator-layer-region grid motion-reduce:transition-none",
-			style: g({ gridTemplateRows: i.value ? "1fr" : "0fr" })
-		}, [u("div", G, [u("div", { class: h(w(e)("configurator-layer-body px-3 py-2 space-y-2", r.dividers && "[&>*+*]:border-t [&>*+*]:border-border/30 [&>*+*]:pt-2", r.bodyClass)) }, [x(a.$slots, "default", {}, void 0, !0)], 2)])], 12, W)], 10, z));
-	}
-}), [["__scopeId", "data-v-95bc81d9"]]), q = ["data-density"], J = { class: "flex items-baseline justify-between gap-3" }, Y = { class: "flex min-w-0 items-baseline gap-2" }, X = {
-	key: 0,
-	class: "truncate text-micro font-mono text-muted-foreground/70"
-}, Z = ["aria-label"], Q = { class: "flex items-center" }, $ = {
-	key: 0,
-	class: "text-micro leading-snug text-muted-foreground/80"
-}, ee = /* @__PURE__ */ r(/* @__PURE__ */ p({
-	__name: "ConfiguratorRow",
-	props: {
-		label: {},
-		name: {},
-		description: {},
-		canReset: { type: Boolean },
-		density: {},
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] }
-	},
-	emits: ["reset"],
-	setup(t, { emit: n }) {
-		let r = t, i = n, o = M(), p = s(() => r.density ?? o?.value ?? void 0);
-		return (n, o) => (_(), l("div", {
-			"data-slot": "configurator-row",
-			class: h(w(e)("configurator-row flex flex-col gap-1.5 py-2", r.class)),
-			"data-density": p.value
-		}, [
-			u("div", J, [u("div", Y, [f(w(a), { class: "truncate text-small font-medium text-foreground" }, {
-				default: D(() => [d(S(t.label), 1)]),
-				_: 1
-			}), t.name ? (_(), l("span", X, S(t.name), 1)) : c("", !0)]), t.canReset ? (_(), l("button", {
-				key: 0,
-				type: "button",
-				"data-slot": "configurator-reset",
-				class: "tap-squish transition-control focus-ring inline-flex h-6 w-6 items-center justify-center rounded-pill text-muted-foreground/60 hover:bg-foreground/5 hover:text-foreground",
-				"aria-label": `Reset ${t.label}`,
-				onClick: o[0] ||= (e) => i("reset")
-			}, [f(w(O), {
-				class: "h-3 w-3",
-				"aria-hidden": "true"
-			})], 8, Z)) : c("", !0)]),
-			u("div", Q, [x(n.$slots, "default", {}, void 0, !0)]),
-			t.description ? (_(), l("p", $, S(t.description), 1)) : c("", !0)
-		], 10, q));
-	}
-}), [["__scopeId", "data-v-8769aea9"]]);
-//#endregion
-//#region src/components/custom/configurator/useConfiguratorState.ts
-function te(e) {
-	let t = C(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 ne(e, t) {
-	return JSON.stringify(e) === JSON.stringify(t);
-}
-function re(e) {
-	let t = e.clone ?? te, n = e.equals ?? ne, r = e.presets, i = e.cloneMode ?? "commit-on-write", a = e.initialPreset ?? (r.length > 0 ? r[0].key : void 0), o = a ? r.find((e) => e.key === a) : void 0, c = v(o ? t(o.config) : {}), l = y(a), u = i === "per-preset" ? Object.fromEntries(r.map((e) => [e.key, t(e.config)])) : null, d = s(() => l.value), f = s(() => {
-		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 m(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 h(e) {
-		u && (u[e] = t(c));
-	}
-	function g(e) {
-		let n = p(e);
-		if (n) if (i === "per-preset" && u) {
-			let t = l.value;
-			t && t !== e && t in u && h(t), l.value = e, m(u[e]);
-		} else l.value = e, m(t(n.config));
-	}
-	function _() {
-		let e = l.value;
-		if (!e) return;
-		let n = p(e);
-		n && (i === "per-preset" && u ? (u[e] = t(n.config), m(u[e])) : m(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];
-		g(a.key);
-	}
-	return {
-		config: c,
-		activePreset: d,
-		isDirty: f,
-		selectPreset: g,
-		resetCurrent: _,
-		cyclePreset: b,
-		getPreset: p
-	};
-}
-//#endregion
-export { A as a, R as i, ee as n, j as o, K as r, M as s, re as t };