@mkbabb/glass-ui 7.0.0 → 8.0.0

package/README.md

@@ -55,8 +55,9 @@ import { DEFAULT_AURORA_CONFIG, MAX_NUCLEI } from "@mkbabb/glass-ui/aurora";
 :root {
     --glass-opacity-resting: 0.82;
     /* the consumer-tunable radius primitive — the composed --glass-blur-resting
-       threads --glass-level + saturate, never override it directly */
-    --glass-blur-resting-radius: 8px;
+       threads --glass-level + saturate, never override it directly. The shipped
+       resting/quiet default is 7px (the unified base material); re-pin here to retune. */
+    --glass-blur-resting-radius: 7px;
 }
 ```
 
@@ -69,7 +70,7 @@ files can address the same built assets through `@mkbabb/glass-ui/fonts/*`.
 The authoritative canon lives under [`docs/canon/`](./docs/canon/), with the
 consumer-facing migration path in [`MIGRATION.md`](./MIGRATION.md):
 
-- [`docs/canon/structure.md`](./docs/canon/structure.md) — the generated `src/` tree (the machine-truth source; never hand-maintained)
+- [`docs/canon/structure.md`](./docs/canon/structure.md) — the `src/` tree map
 - [`docs/canon/glass-system.md`](./docs/canon/glass-system.md) — the glass tier ladder + adaptive-legibility axes
 - [`docs/canon/exports-and-subpaths.md`](./docs/canon/exports-and-subpaths.md) — the public-surface layering + the `manualChunks` recipe
 - [`docs/canon/dependencies.md`](./docs/canon/dependencies.md) — the peer set + the keyframes/value.js spine

package/dist/DialogContent-4hzLiaCQ.js

@@ -0,0 +1,152 @@
+import { t as e } from "./class-names-q-UGOkHH.js";
+import { t } from "./resolve-DdrNvBby.js";
+import { t as n } from "./useSpringMount-OA-0mTNv.js";
+import { i as r, n as i } from "./motion-D4uYE0UM.js";
+import { t as a } from "./useMotionAxis-D-rtIhca.js";
+import { computed as o, createBlock as s, createCommentVNode as c, createElementVNode as l, createVNode as u, defineComponent as d, mergeProps as f, openBlock as p, ref as m, renderSlot as h, unref as g, watch as _, withCtx as v } from "vue";
+import { DialogClose as y, DialogContent as b, DialogPortal as x, DialogRoot as S, injectDialogRootContext as C, useForwardPropsEmits as w } from "reka-ui";
+//#endregion
+//#region src/components/dialog/Dialog.vue
+var T = /* @__PURE__ */ d({
+	__name: "Dialog",
+	props: {
+		open: { type: Boolean },
+		defaultOpen: { type: Boolean },
+		modal: { type: Boolean },
+		unmountOnHide: { type: Boolean },
+		origin: {}
+	},
+	emits: ["update:open"],
+	setup(e, { emit: t }) {
+		let n = e, r = t, i = w(o(() => {
+			let { origin: e, ...t } = n;
+			return t;
+		}), r);
+		return (e, t) => (p(), s(g(S), f({ "data-slot": "dialog" }, g(i)), {
+			default: v(() => [h(e.$slots, "default")]),
+			_: 3
+		}, 16));
+	}
+}), E = /* @__PURE__ */ d({
+	inheritAttrs: !1,
+	__name: "DialogContent",
+	props: {
+		forceMount: { type: Boolean },
+		disableOutsidePointerEvents: { type: Boolean },
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		surface: { default: "glass" },
+		motion: {},
+		scroll: {
+			type: Boolean,
+			default: !1
+		},
+		dismiss: { default: "free" }
+	},
+	emits: [
+		"escapeKeyDown",
+		"pointerDownOutside",
+		"focusOutside",
+		"interactOutside",
+		"openAutoFocus",
+		"closeAutoFocus"
+	],
+	setup(d, { emit: S }) {
+		let T = d, E = S, D = o(() => {
+			let { class: e, surface: t, motion: n, scroll: r, dismiss: i, forceMount: a, ...o } = T;
+			return o;
+		}), O = a(() => T.motion), k = o(() => O.resolved.value !== "off"), A = C(), j = n({
+			open: A.open,
+			preset: "present"
+		}), M = o(() => {
+			if (!k.value) return;
+			let e = j.position.value;
+			return {
+				transform: "none",
+				scale: String(1 - .05 * e),
+				opacity: String(1 - e),
+				transition: "none"
+			};
+		}), N = o(() => k.value ? j.present.value || A.open.value : T.forceMount), P = o(() => k.value && !A.open.value ? "" : void 0), F = o(() => k.value ? i(j.position.value) : null), I = o(() => k.value ? j.present.value || A.open.value : void 0), L = m(null), R = () => L.value?.closest("[data-slot=\"dialog-content\"]") ?? null;
+		_(() => A.open.value, (e) => {
+			if (!k.value || e !== !1) return;
+			let t = document.activeElement;
+			t && R()?.contains(t) && A.triggerElement.value?.focus({ preventScroll: !0 });
+		}, { flush: "sync" });
+		let z = m(0), B = o(() => z.value === 0 ? void 0 : z.value % 2 == 1 ? "a" : "b"), V = o(() => T.dismiss === "free");
+		function H(e) {
+			T.dismiss === "locked" && (e.preventDefault(), z.value += 1);
+		}
+		let U = w(D, E), W = o(() => ({
+			"--glass-veil-tier": "var(--glass-veil-dialog)",
+			...O.hostStyle.value ?? {},
+			...M.value ?? {}
+		})), G = o(() => e("fixed left-1/2 top-1/2 z-modal", t("floating"), T.scroll ? "max-h-[calc(100dvh-2rem)] overflow-y-auto" : "", T.class));
+		return (e, t) => (p(), s(g(x), { "force-mount": N.value }, {
+			default: v(() => [u(r, {
+				veil: "",
+				opacity: F.value,
+				"force-mount": I.value
+			}, null, 8, ["opacity", "force-mount"]), u(g(b), f({
+				...g(U),
+				...e.$attrs,
+				inert: P.value
+			}, {
+				"force-mount": N.value,
+				class: G.value,
+				style: W.value,
+				"data-surface": T.surface,
+				"data-slot": "dialog-content",
+				"data-dismiss": T.dismiss,
+				"data-rebuff": B.value,
+				"data-scroll": T.scroll ? "" : void 0,
+				"data-motion": g(O).dataMotion.value,
+				onEscapeKeyDown: H,
+				onPointerDownOutside: H
+			}), {
+				default: v(() => [
+					l("span", {
+						ref_key: "contentAnchorEl",
+						ref: L,
+						hidden: ""
+					}, null, 512),
+					V.value ? (p(), s(g(y), {
+						key: 0,
+						"data-slot": "dialog-close"
+					}, {
+						default: v(() => [...t[0] ||= [l("svg", {
+							class: "w-4 h-4",
+							viewBox: "0 0 24 24",
+							fill: "none",
+							stroke: "currentColor",
+							"stroke-width": "2",
+							"stroke-linecap": "round",
+							"stroke-linejoin": "round",
+							"aria-hidden": "true"
+						}, [l("path", { d: "M18 6 6 18M6 6l12 12" })], -1), l("span", { class: "sr-only" }, "Close", -1)]]),
+						_: 1
+					})) : c("", !0),
+					h(e.$slots, "default")
+				]),
+				_: 3
+			}, 16, [
+				"force-mount",
+				"class",
+				"style",
+				"data-surface",
+				"data-dismiss",
+				"data-rebuff",
+				"data-scroll",
+				"data-motion"
+			])]),
+			_: 3
+		}, 8, ["force-mount"]));
+	}
+});
+//#endregion
+export { T as n, E as t };

package/dist/DotRing-Blh4Mc3Q.js

@@ -0,0 +1,27 @@
+import { Fragment as e, createElementBlock as t, createElementVNode as n, defineComponent as r, normalizeStyle as i, openBlock as a, renderList as o } from "vue";
+//#region src/components/_shared/feedback/DotRing.vue?vue&type=script&setup=true&lang.ts
+var s = {
+	class: "glass-dot-ring",
+	"data-slot": "dot-ring",
+	"aria-hidden": "true"
+}, c = /* @__PURE__ */ r({
+	__name: "DotRing",
+	setup(r) {
+		let c = [
+			0,
+			1,
+			2,
+			3,
+			4,
+			5,
+			6
+		];
+		return (r, l) => (a(), t("span", s, [(a(), t(e, null, o(c, (e) => n("span", {
+			key: e,
+			class: "glass-dot-ring-spoke",
+			style: i({ "--dot-ring-k": e })
+		}, [...l[0] ||= [n("span", { class: "glass-dot-ring-bead" }, null, -1)]], 4)), 64))]));
+	}
+});
+//#endregion
+export { c as t };

package/dist/{DropdownMenuTrigger-ClIq8RJE.js → DropdownMenuTrigger-8UZsBtZ8.js}

@@ -1,8 +1,8 @@
-import { t as e } from "./class-names-Cpy5eaBk.js";
+import { t as e } from "./class-names-q-UGOkHH.js";
 import { t } from "./primitive-B2t2jdqM.js";
 import { computed as n, createBlock as r, defineComponent as i, inject as a, isRef as o, mergeProps as s, openBlock as c, provide as l, renderSlot as u, resolveDynamicComponent as d, unref as f, useAttrs as p, withCtx as m } from "vue";
 import { ContextMenuCheckboxItem as h, ContextMenuContent as g, ContextMenuGroup as _, ContextMenuItem as v, ContextMenuItemIndicator as y, ContextMenuLabel as b, ContextMenuPortal as x, ContextMenuRadioGroup as S, ContextMenuRadioItem as C, ContextMenuSeparator as w, ContextMenuSub as T, ContextMenuSubContent as E, ContextMenuSubTrigger as D, ContextMenuTrigger as O, DropdownMenuCheckboxItem as k, DropdownMenuContent as A, DropdownMenuGroup as j, DropdownMenuItem as M, DropdownMenuItemIndicator as N, DropdownMenuLabel as P, DropdownMenuPortal as F, DropdownMenuRadioGroup as I, DropdownMenuRadioItem as L, DropdownMenuSeparator as R, DropdownMenuSub as z, DropdownMenuSubContent as B, DropdownMenuSubTrigger as V, DropdownMenuTrigger as H, injectDropdownMenuRootContext as U } from "reka-ui";
-//#region src/components/dropdown-menu/useMenuTrigger.ts
+//#region src/components/menu/context.ts
 var W = Symbol("glass-menu-trigger");
 function G(e) {
 	l(W, e);
@@ -33,7 +33,7 @@ function J(e) {
 	return n(() => q[e][+(t.value === "context")]);
 }
 //#endregion
-//#region src/components/dropdown-menu/DropdownMenuTrigger.vue
+//#region src/components/menu/DropdownMenuTrigger.vue
 var Y = /* @__PURE__ */ i({
 	name: "DropdownMenuTrigger",
 	inheritAttrs: !1,
@@ -74,8 +74,8 @@ var Y = /* @__PURE__ */ i({
 			as: "button",
 			"as-child": i.asChild,
 			disabled: i.disabled,
-			class: f(e)("dropdown-menu__trigger", a.class),
-			"data-slot": "dropdown-menu-trigger",
+			class: f(e)("menu__trigger", a.class),
+			"data-slot": "menu-trigger",
 			onPointerdownCapture: b,
 			onPointercancelCapture: n[0] ||= (e) => o(y) ? y.value = !1 : y = !1,
 			onClickCapture: x

package/dist/Surface-i1tWC-Ga.js

@@ -0,0 +1,48 @@
+import { t as e } from "./class-names-q-UGOkHH.js";
+import { t } from "./resolve-DdrNvBby.js";
+import { computed as n, createBlock as r, defineComponent as i, mergeProps as a, openBlock as o, renderSlot as s, unref as c, useAttrs as l, withCtx as u } from "vue";
+import { Primitive as d } from "reka-ui";
+//#endregion
+//#region src/components/surface/Surface.vue
+var f = /* @__PURE__ */ i({
+	inheritAttrs: !1,
+	__name: "Surface",
+	props: {
+		tier: { default: "resting" },
+		surface: { default: "glass" },
+		deep: {
+			type: Boolean,
+			default: !1
+		},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		as: { default: "div" }
+	},
+	setup(i) {
+		let f = i, p = l(), m = n(() => {
+			let { asChild: e, "as-child": t, ...n } = p;
+			return n;
+		});
+		return (n, l) => (o(), r(c(d), a(m.value, {
+			as: i.as,
+			"data-slot": c(p)["data-slot"] ?? "surface",
+			"data-surface": i.surface,
+			class: c(e)(c(t)(i.tier, i.deep), f.class)
+		}), {
+			default: u(() => [s(n.$slots, "default")]),
+			_: 3
+		}, 16, [
+			"as",
+			"data-slot",
+			"data-surface",
+			"class"
+		]));
+	}
+});
+//#endregion
+export { f as t };

package/dist/aurora.d.ts

@@ -1 +1 @@
-export * from "./components/aurora";
+export * from "./components/aurora/index.js";