@mkbabb/glass-ui 6.0.0 → 8.0.0

package/README.md

@@ -22,14 +22,14 @@ import { Input, Textarea, Combobox } from "@mkbabb/glass-ui/forms";
 
 // per-package subpaths — one component family per dist chunk
 import { GlassDock, DockLayerGroup, DockLayer } from "@mkbabb/glass-ui/dock";
-import { DarkModeToggle } from "@mkbabb/glass-ui/controls";
+import { DarkModeToggle } from "@mkbabb/glass-ui/dark-mode-toggle";
 import { Configurator, useConfiguratorState } from "@mkbabb/glass-ui/configurator";
 import { Popover, PopoverTrigger, PopoverContent } from "@mkbabb/glass-ui/popover";
 
 // public types + constants live on their OWNING subpath (the 5.0.0 export reshape
 // dropped the `/api` discovery layer — every symbol re-homes to its family subpath)
 import type { AuroraConfig } from "@mkbabb/glass-ui/aurora";
-import type { ButtonVariants } from "@mkbabb/glass-ui/button";
+import type { ButtonEmphasis, ButtonProps } from "@mkbabb/glass-ui/button";
 import type { CardTier } from "@mkbabb/glass-ui/card";
 import { DEFAULT_AURORA_CONFIG, MAX_NUCLEI } from "@mkbabb/glass-ui/aurora";
 ```
@@ -37,9 +37,9 @@ import { DEFAULT_AURORA_CONFIG, MAX_NUCLEI } from "@mkbabb/glass-ui/aurora";
 ```vue
 <Popover trigger="hover" :open-delay="120">
     <PopoverTrigger as-child>
-        <Button variant="primary-audacious" size="lg">Run audit</Button>
+        <Button emphasis="primary" size="lg">Run audit</Button>
     </PopoverTrigger>
-    <PopoverContent role="card">Quicker reveal for chassis actions</PopoverContent>
+    <PopoverContent>Quicker reveal for chassis actions</PopoverContent>
 </Popover>
 ```
 
@@ -47,24 +47,30 @@ import { DEFAULT_AURORA_CONFIG, MAX_NUCLEI } from "@mkbabb/glass-ui/aurora";
 @import "tailwindcss";
 @import "tw-animate-css";
 @import "@mkbabb/glass-ui/styles";
-@source "../node_modules/@mkbabb/glass-ui/dist";   /* template-utility content-scan */
+@import "@mkbabb/glass-ui/styles/fonts";
+@source "../node_modules/@mkbabb/glass-ui/dist"; /* template-utility content-scan */
 @variant dark (&:where(.dark, .dark *));
 
 /* override tokens locally for your project */
 :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;
 }
 ```
 
+The optional `styles/fonts` entry carries the packaged Plus Jakarta Sans and
+Fira Code faces as self-contained WOFF2 data URLs. Consumers that need raw font
+files can address the same built assets through `@mkbabb/glass-ui/fonts/*`.
+
 ## Documentation
 
 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
@@ -78,7 +84,7 @@ consumer-facing migration path in [`MIGRATION.md`](./MIGRATION.md):
 npm run dev             # storybook demo (multi-page, dock + carousel navigation)
 npm run build           # library → dist/glass-ui.js + glass-ui.css + index.d.ts + per-subpath chunks
 npm run typecheck       # vue-tsc --noEmit
-npm run profile:bundle  # inspect the built bundle
+npm run profile:bundle  # inspect bundle sizes and exact value.js capability imports
 ```
 
 ## Storybook
@@ -87,7 +93,7 @@ npm run profile:bundle  # inspect the built bundle
 
 ## Structure
 
-The `src/` tree is machine-generated into [`docs/canon/structure.md`](./docs/canon/structure.md) by `npm run gen:structure`. At a glance:
+The source tree follows the concise ownership map in [`docs/canon/structure.md`](./docs/canon/structure.md):
 
 ```
 src/
@@ -117,11 +123,11 @@ import { Input, Textarea, Combobox } from "@mkbabb/glass-ui/forms";
 
 // per-package subpaths — substrate isolation
 import { GlassDock, DockLayerGroup, DockLayer } from "@mkbabb/glass-ui/dock";
-import { DarkModeToggle } from "@mkbabb/glass-ui/controls";
+import { DarkModeToggle } from "@mkbabb/glass-ui/dark-mode-toggle";
 import { Aurora, useAurora } from "@mkbabb/glass-ui/aurora";
 import { Configurator, useConfiguratorState } from "@mkbabb/glass-ui/configurator";
 import { Popover, PopoverTrigger, PopoverContent } from "@mkbabb/glass-ui/popover";
-import { InstrumentChassis, ChassisDivider } from "@mkbabb/glass-ui/instrument-chassis";
+import { InstrumentChassis } from "@mkbabb/glass-ui/instrument-chassis";
 import { useSidebarState } from "@mkbabb/glass-ui/sidebar";
 ```
 
@@ -135,15 +141,15 @@ for the owning-family re-home table.
 
 Five tiers with 1:1 alignment across opacity, blur, background, border, and shadow. Each tier defines `--glass-{opacity,blur,bg,border,shadow}-{tier}`; consumers override the primitives at `:root` to tune intensity. `--glass-level` (a typed inheriting `@property`) is the ONE opacity+blur knob — `level=1` is the hand-tuned ladder, `level=0` is the opaque escape.
 
-| Tier | Class | Use |
-|------|-------|-----|
-| Wash | `.glass-wash` | Dock backgrounds, input fills, hover overlays |
-| Quiet | `.glass-quiet` | Inline workspace chrome |
-| Resting | `.glass-resting` | Cards, content containers |
-| Floating | `.glass-floating` | Popovers, tooltips, dropdowns |
-| Overlay | `.glass-overlay` | Dialogs, command palette, modals |
+| Tier     | Class             | Use                                           |
+| -------- | ----------------- | --------------------------------------------- |
+| Wash     | `.glass-wash`     | Dock backgrounds, input fills, hover overlays |
+| Quiet    | `.glass-quiet`    | Inline workspace chrome                       |
+| Resting  | `.glass-resting`  | Cards, content containers                     |
+| Floating | `.glass-floating` | Popovers, tooltips, dropdowns                 |
+| Overlay  | `.glass-overlay`  | Dialogs, command palette, modals              |
 
-Convenience classes bundle a tier with a shape: `.glass-card` (resting + `--radius-card` + offset card shadow), `.glass-pill` (resting + pill radius + press feedback), `.glass-btn`. See [`docs/canon/glass-system.md`](./docs/canon/glass-system.md) for the adaptive-legibility axes (`--glass-tint-*`, `--glass-accent`, the dark transmissive-material arm).
+Convenience classes bundle a tier with a shape: `.glass-card` (resting + `--radius-card` + offset card shadow) and `.glass-pill` (resting + pill radius + press feedback). Commands use `<Button>` so geometry, semantics, focus, and press behavior retain one owner. See [`docs/canon/glass-system.md`](./docs/canon/glass-system.md) for the adaptive-legibility axes (`--glass-tint-*`, `--glass-accent`, the dark transmissive-material arm).
 
 ## Design Tokens
 
@@ -157,9 +163,9 @@ Type scale based on √φ ≈ 1.272 (modulated golden ratio); each step is φ^(n
 
 - TypeScript `strict:true`, `verbatimModuleSyntax:true`; `moduleResolution:bundler`, `target:ES2022`, `lib:ES2023`
 - `import type` for all type-only imports; named exports only, no defaults
-- shadcn-vue component pattern: reka-ui `Primitive` / `useForwardPropsEmits`, CVA for variants, `cn()` for class composition
+- reka-ui primitives for polymorphic/accessibility behavior; typed semantic props and owner-colocated CSS for component appearance
 - Color tokens are **complete `hsl()` colors** — `--primary: hsl(24 10% 10%)`, consumed directly as `var(--primary)`. NEVER `hsl(var(--token))` (double-wrapping is invalid and never paints); for an alpha derivative use `color-mix(in srgb, var(--token) N%, transparent)`
-- `cn()` is `clsx` + a hand-rolled conflict-bucket deduplicator (replaced `tailwind-merge` at v0.9.2 — a deliberate keep, not a gap to re-upgrade)
+- `cn()` normalizes Vue-compatible class values and applies a small conflict-bucket deduplicator
 
 See [`docs/canon/conventions.md`](./docs/canon/conventions.md) for the full set.
 
@@ -167,21 +173,18 @@ See [`docs/canon/conventions.md`](./docs/canon/conventions.md) for the full set.
 
 All runtime deps are peer — glass-ui declares them in `peerDependencies` and ships none in its own `dependencies` bundle, so the consumer's single Vue / Tailwind / reka-ui spine is reused rather than re-vendored.
 
-| Package | Role |
-|---------|------|
-| `vue` ^3.5 | Framework |
-| `reka-ui` ^2.0 | Headless UI primitives |
-| `@vueuse/core` ^14.0 | useDark, createGlobalState, useEventListener (optional peer) |
-| `tailwindcss` ^4.0 | Utility CSS |
-| `class-variance-authority` ^0.7 | Component variant definitions |
-| `clsx` ^2.0 | Conditional class joining (`cn()` ships its own deduplicator) |
-| `embla-carousel-vue` ^8.0 | Carousel substrate (optional peer) |
-| `@lucide/vue` ^1.16.0 | Icon set (the renamed v1 package; was `lucide-vue-next` pre-v1.0) |
-| `@mkbabb/keyframes.js` ^5.2.0 | Spring/keyframe runtime (optional peer) |
-| `@mkbabb/value.js` ^3.1.0 | Color/value normalization (optional peer) |
-| `@mkbabb/pencil-boil` ^0.4.1 | Hand-mark freehand core (optional peer) |
-| `perfect-freehand` ^1.2.3 | Variable-width stroke geometry (optional peer) |
-| `tw-animate-css` ^1.2.5 | `animate-in`/`animate-out` data-state utilities (optional peer) |
+| Package                         | Role                                                              |
+| ------------------------------- | ----------------------------------------------------------------- |
+| `vue` ^3.5                      | Framework                                                         |
+| `reka-ui` ^2.0                  | Headless UI primitives                                            |
+| `@vueuse/core` ^14.0            | useDark, createGlobalState, useEventListener (optional peer)      |
+| `tailwindcss` ^4.0              | Utility CSS                                                       |
+| `embla-carousel-vue` ^8.0       | Carousel substrate (optional peer)                                |
+| `@lucide/vue` ^1.16.0           | Icon set (the renamed v1 package; was `lucide-vue-next` pre-v1.0) |
+| `@mkbabb/keyframes.js` ^6.0.0   | Spring/keyframe runtime (optional peer)                           |
+| `@mkbabb/value.js` ^4.0.0       | Color and easing capabilities (optional peer)                     |
+| `@mkbabb/pencil-boil` ^0.9.2    | Hand-mark freehand core (optional peer)                           |
+| `tw-animate-css` ^1.2.5         | `animate-in`/`animate-out` data-state utilities (optional peer)   |
 
 `tw-animate-css` is required only for the animated overlay surfaces (Dialog / Sheet / Popover / DropdownMenu emit `animate-in`/`animate-out` data-state utilities); a Button-only consumer never needs it. See [`docs/canon/dependencies.md`](./docs/canon/dependencies.md).
 

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-8UZsBtZ8.js

@@ -0,0 +1,93 @@
+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/menu/context.ts
+var W = Symbol("glass-menu-trigger");
+function G(e) {
+	l(W, e);
+}
+function K() {
+	let e = a(W, null);
+	if (!e) throw Error("DropdownMenu parts must be used within DropdownMenu");
+	return e;
+}
+var q = {
+	Trigger: [H, O],
+	Portal: [F, x],
+	Content: [A, g],
+	Item: [M, v],
+	CheckboxItem: [k, h],
+	RadioItem: [L, C],
+	RadioGroup: [I, S],
+	Group: [j, _],
+	Separator: [R, w],
+	Label: [P, b],
+	Sub: [z, T],
+	SubTrigger: [V, D],
+	SubContent: [B, E],
+	ItemIndicator: [N, y]
+};
+function J(e) {
+	let t = K();
+	return n(() => q[e][+(t.value === "context")]);
+}
+//#endregion
+//#region src/components/menu/DropdownMenuTrigger.vue
+var Y = /* @__PURE__ */ i({
+	name: "DropdownMenuTrigger",
+	inheritAttrs: !1,
+	__name: "DropdownMenuTrigger",
+	props: {
+		asChild: {
+			type: Boolean,
+			default: !1
+		},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		action: { default: "click" },
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(i) {
+		let a = i, l = p(), h = n(() => {
+			let e = t(l);
+			return a.asChild ? e : {
+				...e,
+				type: "button"
+			};
+		}), g = K(), _ = J("Trigger"), v = U(null), y = !1;
+		function b(e) {
+			a.action !== "pointerdown" || g.value !== "click" || !v || a.disabled || e.button !== 0 || e.ctrlKey || (y = !0, v.onOpenToggle(), v.open.value && e.preventDefault());
+		}
+		function x(e) {
+			y && (y = !1, e.detail !== 0 && (e.preventDefault(), e.stopImmediatePropagation()));
+		}
+		return (t, n) => (c(), r(d(f(_)), s(h.value, {
+			as: "button",
+			"as-child": i.asChild,
+			disabled: i.disabled,
+			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
+		}), {
+			default: m(() => [u(t.$slots, "default")]),
+			_: 3
+		}, 16, [
+			"as-child",
+			"disabled",
+			"class"
+		]));
+	}
+});
+//#endregion
+export { K as i, G as n, J as r, Y as t };

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/accent-tone-solve-Cw7WkRD9.js

@@ -0,0 +1,14 @@
+import { i as e, t } from "./value-DMhh2R94.js";
+import { mixColors as n, safeAccentColor as r } from "@mkbabb/value.js/color";
+import { serializeCssColor as i } from "@mkbabb/value.js/css";
+//#region src/composables/color/accent-tone-solve.ts
+var a = "hsl(36 48% 97%)", o = 4.5, s = .18;
+function c(c, l = {}) {
+	let u = l.bandStrength ?? s, d = l.inkContrast ?? o, f = l.surface || a, p = e(c, "solveAccentInk:tone");
+	return t("solveAccentInk:serialize", i(t("solveAccentInk:contrast", r(p, t("solveAccentInk:band", n(e(f, "solveAccentInk:surface"), p, u, { space: "oklab" })), {
+		minimumRatio: d,
+		gamut: "srgb"
+	}))));
+}
+//#endregion
+export { c as solveAccentInk };

package/dist/asElement-CRnm6A2v.js

@@ -0,0 +1,9 @@
+//#region src/composables/motion/core/asElement.ts
+function e(e) {
+	if (!e) return null;
+	if (e instanceof HTMLElement) return e;
+	let t = e.$el;
+	return t instanceof HTMLElement ? t : null;
+}
+//#endregion
+export { e as t };

package/dist/aurora.d.ts

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