@mkbabb/glass-ui 3.1.0 → 3.1.1

package/dist/configurator.js

@@ -1,2 +1,2 @@
-import { a as e, i as t, n, o as r, r as i, s as a, t as o } from "./useConfiguratorState-BR5vUDL8.js";
+import { a as e, i as t, n, o as r, r as i, s as a, t as o } from "./useConfiguratorState-CtRBE0m_.js";
 export { e as CONFIGURATOR_DENSITY_KEY, t as Configurator, i as ConfiguratorLayer, n as ConfiguratorRow, r as provideConfiguratorDensity, o as useConfiguratorState, a as useOptionalConfiguratorDensity };

package/dist/dock.js

@@ -225,32 +225,32 @@ var te = [
 		containerName: {}
 	},
 	setup(e, { expose: t }) {
-		let n = 0, i = e, a = l(() => {
-			if (i.containerName) return {
+		let n = e, i = l(() => {
+			if (n.containerName) return {
 				"container-type": "inline-size",
-				"container-name": i.containerName,
+				"container-name": n.containerName,
 				overflow: "visible"
 			};
-		}), s = I("dockEl"), c = I("layersEl"), u = l(() => i.variant), d = l(() => i.shape), m = l(() => i.variant === "rail" || i.variant === "instrument-strip" ? "vertical" : i.orientation), h = l(() => i.density), g = l(() => i.alwaysExpanded || m.value === "vertical"), _ = l(() => i.fitContent || i.variant === "rail" || i.variant === "instrument-strip"), v = D(!1), y = o(i.collapseDelay), w = `glass-dock-${++n}`, E = null, { expanded: O, isPinned: A, isHeld: j, onMouseEnter: N, onMouseLeave: P, onFocusIn: F, onFocusOut: R, onClickCollapsed: z, keepOpen: B, release: V, expand: H, collapse: U } = ee({
-			collapseDelay: i.collapseDelay,
-			rootEl: s,
-			alwaysExpanded: g,
-			isTransitioning: v,
-			dockId: w
+		}), a = I("dockEl"), s = I("layersEl"), c = l(() => n.variant), u = l(() => n.shape), d = l(() => n.variant === "rail" || n.variant === "instrument-strip" ? "vertical" : n.orientation), m = l(() => n.density), h = l(() => n.alwaysExpanded || d.value === "vertical"), g = l(() => n.fitContent || n.variant === "rail" || n.variant === "instrument-strip"), _ = D(!1), v = o(n.collapseDelay), y = `glass-dock-${P()}`, w = null, { expanded: E, isPinned: O, isHeld: A, onMouseEnter: j, onMouseLeave: N, onFocusIn: F, onFocusOut: R, onClickCollapsed: z, keepOpen: B, release: V, expand: H, collapse: U } = ee({
+			collapseDelay: n.collapseDelay,
+			rootEl: a,
+			alwaysExpanded: h,
+			isTransitioning: _,
+			dockId: y
 		});
 		r({
-			id: w,
-			orientation: m,
+			id: y,
+			orientation: d,
 			keepOpen: B,
 			release: V,
-			held: j
+			held: A
 		});
-		let W = l(() => g.value || O.value), { onTransitionEnd: K } = G({
-			containerEl: c,
+		let W = l(() => h.value || E.value), { onTransitionEnd: K } = G({
+			containerEl: s,
 			activeLayer: l(() => W.value ? "full" : "summary"),
 			axis: l(() => "horizontal")
 		}), q = typeof document < "u" && "startViewTransition" in document, J = l(() => q ? {
-			"view-transition-name": w.replace(/[^a-zA-Z0-9_-]/g, "-"),
+			"view-transition-name": y.replace(/[^a-zA-Z0-9_-]/g, "-"),
 			"view-transition-class": "gl-dock-layer"
 		} : void 0);
 		function Y(e) {
@@ -262,72 +262,72 @@ var te = [
 			return Math.max(0, ...n.map((e, t) => e + (r[t] ?? r[0] ?? 0)));
 		}
 		function Z() {
-			E &&= (clearTimeout(E), null);
+			w &&= (clearTimeout(w), null);
 		}
 		function ie() {
-			let e = s.value;
-			e && (Z(), v.value = !0, E = setTimeout(() => {
-				v.value = !1, E = null;
+			let e = a.value;
+			e && (Z(), _.value = !0, w = setTimeout(() => {
+				_.value = !1, w = null;
 			}, X(e) + 50));
 		}
 		function Q(e) {
-			e.target === s.value && (Z(), v.value = !1);
+			e.target === a.value && (Z(), _.value = !1);
 		}
 		C(() => {
-			(i.alwaysExpanded || !i.startCollapsed) && H();
+			(n.alwaysExpanded || !n.startCollapsed) && H();
 		});
 		function $() {
-			return m.value === "horizontal" && !g.value;
+			return d.value === "horizontal" && !h.value;
 		}
 		function ae(e) {
 			if (!$() || W.value) return;
-			let t = s.value, n = e.touches[0];
-			!t || !n || y.handleTouchStart(t, n.clientY) || (e.preventDefault(), e.stopPropagation());
+			let t = a.value, n = e.touches[0];
+			!t || !n || v.handleTouchStart(t, n.clientY) || (e.preventDefault(), e.stopPropagation());
 		}
 		function oe(e) {
-			$() && y.handleScrollCheck(e);
+			$() && v.handleScrollCheck(e);
 		}
 		function se(e) {
 			if (!$()) return;
-			let t = y.isActive.value;
-			y.handleTouchEnd(), !t && y.isActive.value && !W.value && (e.preventDefault(), e.stopPropagation(), H());
+			let t = v.isActive.value;
+			v.handleTouchEnd(), !t && v.isActive.value && !W.value && (e.preventDefault(), e.stopPropagation(), H());
 		}
-		return L(y.isActive, (e) => {
-			!e && O.value && !A.value && !g.value && U();
+		return L(v.isActive, (e) => {
+			!e && E.value && !O.value && !h.value && U();
 		}), L(W, (e) => {
-			ie(), e || y.deactivate();
+			ie(), e || v.deactivate();
 		}), S(Z), t({
-			expanded: O,
-			isPinned: A,
-			isHeld: j,
-			isTransitioning: v,
+			expanded: E,
+			isPinned: O,
+			isHeld: A,
+			isTransitioning: _,
 			expand: H,
 			collapse: U,
 			keepOpen: B,
 			release: V
 		}), (t, n) => (T(), f("div", {
 			ref_key: "dockEl",
-			ref: s,
+			ref: a,
 			class: b(["glass-dock", [
-				m.value,
-				`variant-${u.value}`,
-				`shape-${d.value}`,
+				d.value,
+				`variant-${c.value}`,
+				`shape-${u.value}`,
 				{
 					expanded: W.value,
 					collapsed: !W.value,
-					pinned: M(A),
-					"fit-content": _.value,
-					"always-expanded": g.value,
+					pinned: M(O),
+					"fit-content": g.value,
+					"always-expanded": h.value,
 					"dock-wrap": e.wrap
 				},
 				e.position === "fixed" ? "fixed bottom-[var(--dock-pos)] left-1/2 -translate-x-1/2" : e.position === "sticky" ? "dock-sticky" : "dock-inline"
 			]]),
-			"data-density": h.value,
-			"data-held": M(j) || void 0,
+			"data-density": m.value,
+			"data-held": M(A) || void 0,
 			"data-container-name": e.containerName || void 0,
-			style: x(a.value),
-			onMouseenter: n[2] ||= (...e) => M(N) && M(N)(...e),
-			onMouseleave: n[3] ||= (e) => M(P)(e),
+			style: x(i.value),
+			onMouseenter: n[2] ||= (...e) => M(j) && M(j)(...e),
+			onMouseleave: n[3] ||= (e) => M(N)(e),
 			onFocusin: n[4] ||= (...e) => M(F) && M(F)(...e),
 			onFocusout: n[5] ||= (...e) => M(R) && M(R)(...e),
 			onTouchstart: ae,
@@ -335,19 +335,19 @@ var te = [
 			onTouchend: se,
 			onTransitionend: Q,
 			onTransitioncancel: Q
-		}, [m.value === "horizontal" ? (T(), f("div", {
+		}, [d.value === "horizontal" ? (T(), f("div", {
 			key: 0,
 			ref_key: "layersEl",
-			ref: c,
+			ref: s,
 			class: "dock-layers",
 			style: x(J.value),
 			onTransitionend: n[1] ||= (...e) => M(K) && M(K)(...e)
 		}, [p("div", {
 			class: b(["dock-layer dock-layer--full", { "layer-active": W.value }]),
-			inert: !M(O) || void 0
+			inert: !M(E) || void 0
 		}, [k(t.$slots, "default")], 10, ne), p("div", {
 			class: b(["dock-layer dock-layer--summary", { "layer-active": !W.value }]),
-			inert: M(O) || void 0,
+			inert: M(E) || void 0,
 			onClick: n[0] ||= (...e) => M(z) && M(z)(...e)
 		}, [k(t.$slots, "collapsed")], 10, re)], 36)) : k(t.$slots, "default", { key: 1 })], 46, te));
 	}

package/dist/glass-ui.js

@@ -4,7 +4,7 @@ import { t as n } from "./chevron-down-DILQA1t6.js";
 import { t as r } from "./Notification-OqIpADml.js";
 import { a as i, c as a, i as o, l as s, n as c, o as l, r as u, s as d, t as f, u as p } from "./ContextMenuSubContent-gAFxJ-qi.js";
 import { a as ee, i as te, n as ne, r as re, t as ie } from "./NumberFieldContent-DTH9gb_N.js";
-import { a as ae, i as oe, n as se, o as ce, r as le, s as ue, t as de } from "./useConfiguratorState-BR5vUDL8.js";
+import { a as ae, i as oe, n as se, o as ce, r as le, s as ue, t as de } from "./useConfiguratorState-CtRBE0m_.js";
 import { t as m } from "./x-q7pJa83X.js";
 import { n as h, t as fe } from "./badge-x46my_Fo.js";
 import { n as g, t as pe } from "./button-C0aHmBbt.js";

package/dist/{useConfiguratorState-BR5vUDL8.js → useConfiguratorState-CtRBE0m_.js}

@@ -91,6 +91,7 @@ var M = { class: "configurator-stage relative min-h-0 min-w-0 overflow-hidden" }
 }, G = [
 	"id",
 	"aria-hidden",
+	"inert",
 	"data-state"
 ], K = { class: "min-h-0 overflow-hidden" }, q = /* @__PURE__ */ f({
 	__name: "ConfiguratorLayer",
@@ -134,11 +135,11 @@ var M = { class: "configurator-stage relative min-h-0 min-w-0 overflow-hidden" }
 		}
 		let v = o(() => u.value ? "open" : "closed");
 		return (r, a) => (g(), c("div", {
-			class: m(w(e)("configurator-layer rounded-panel border-b border-border/40 last:border-b-0", i.class)),
+			class: m(w(e)("configurator-layer border-b border-border/40 last:border-b-0", i.class)),
 			"data-state": v.value
 		}, [l("button", {
 			type: "button",
-			class: m(w(e)("configurator-layer-trigger", "rounded-panel", "group flex w-full items-center justify-between gap-2 px-3 py-2", "text-left transition-colors hover:bg-foreground/5 focus-ring")),
+			class: m(w(e)("configurator-layer-trigger", "group flex w-full items-center justify-between gap-2 px-3 py-2", "text-left transition-colors hover:bg-foreground/5 focus-ring")),
 			"aria-expanded": u.value,
 			"aria-controls": p.value,
 			"data-state": v.value,
@@ -150,6 +151,7 @@ var M = { class: "configurator-stage relative min-h-0 min-w-0 overflow-hidden" }
 			id: p.value,
 			role: "region",
 			"aria-hidden": !u.value,
+			inert: !u.value,
 			"data-state": v.value,
 			class: "configurator-layer-region grid transition-[grid-template-rows] duration-200 ease-out motion-reduce:transition-none",
 			style: h({ gridTemplateRows: u.value ? "1fr" : "0fr" })

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@mkbabb/glass-ui",
-    "version": "3.1.0",
+    "version": "3.1.1",
     "description": "Glassmorphic design system — Vue 3.5 components, reka-ui primitives, Tailwind CSS v4 tokens",
     "license": "MIT",
     "type": "module",
@@ -519,7 +519,8 @@
         "proof:theme": "node scripts/proof-theme-style.mjs",
         "proof:resolution": "node scripts/proof-resolution-contract.mjs",
         "proof:phantom-classes": "node scripts/proof-phantom-classes.mjs",
-        "proof:all": "npm run proof:package && npm run proof:theme && npm run proof:consumers:static && npm run proof:consumers:build && npm run proof:runtime",
+        "proof:vt-names": "node scripts/proof-vt-names.mjs",
+        "proof:all": "npm run proof:package && npm run proof:theme && npm run proof:consumers:static && npm run proof:consumers:build && npm run proof:runtime && npm run proof:vt-names",
         "profile:bundle": "node scripts/profile-bundle.mjs",
         "profile:budget": "node scripts/profile-bundle.mjs --enforce",
         "profile:aurora": "node scripts/profile-aurora.mjs",