@mkbabb/glass-ui 3.7.0 → 3.9.0

package/README.md

@@ -106,8 +106,6 @@ src/
 │       ├── dock-group/         # DockGroup chassis-strip wrapper
 │       ├── hover-popover/      # HoverPopover (hoverOpenDelay prop—K W1 rename)
 │       ├── instrument-chassis/ # InstrumentChassis + RegionDivider
-│       ├── glyph-face/         # GlyphFace 3-layer wrapper
-│       ├── disco-glyph/        # DiscoGlyph 3-layer SVG glyph primitive
 │       ├── labeled-field/      # LabeledField parent + 4 wrappers
 │       ├── metric-badge/       # MetricBadge primitive
 │       ├── pulse/              # Dots / ring loading indicator
@@ -115,7 +113,7 @@ src/
 │       ├── tabs/               # BouncyTabs, UnderlineTabs, BouncyToggle
 │       ├── timeline/           # GlassTimeline
 │       ├── typewriter/         # TypewriterText
-│       └── ...                 # confirm-dialog, controls, expandable-container, glass-carousel,
+│       └── ...                 # confirm-dialog, controls, expandable-container,
 │                               # glass-panel, icon-tooltip, infinite-scroll, paper-backdrop,
 │                               # search, sidebar, sortable-list, stacked-icons, status-dot,
 │                               # toggle-chip
@@ -139,8 +137,6 @@ src/
 │   ├── glass.css               # 5-rung glass ladder + .glass-card / .glass-pill / .glass-btn / .glass-cartoon
 │   ├── dock.css                # density rail + dock-layer-grid + separators (button styling lives in dock components)
 │   ├── dock-group.css          # DockGroup chassis-strip rules
-│   ├── disco-glyph.css         # DiscoGlyph layered fills + facet gradient
-│   ├── glyph-face.css          # GlyphFace cap + backplate cascade
 │   ├── hover-popover.css       # popover-animation grammar
 │   ├── instrument-chassis.css  # bezel + groove dividers + region rules
 │   ├── cards.css               # .cartoon-card, .elevated-card
@@ -181,7 +177,6 @@ import { Configurator, useConfiguratorState } from "@mkbabb/glass-ui/configurato
 import { HoverPopover } from "@mkbabb/glass-ui/hover-popover";
 import { InstrumentChassis, RegionDivider } from "@mkbabb/glass-ui/instrument-chassis";
 import { Sidebar } from "@mkbabb/glass-ui/sidebar";
-import { GlassCarousel } from "@mkbabb/glass-ui/glass-carousel";
 import { ScrollingText } from "@mkbabb/glass-ui/scrolling-text";
 ```
 

package/dist/CardAction-DuArVky-.js

@@ -0,0 +1,157 @@
+import { t as e } from "./cn-DJXf4yaB.js";
+import { t } from "./useSpecularTracking-BVRZsRHA.js";
+import { t as n } from "./_plugin-vue_export-helper-ok8pgSl5.js";
+import { computed as r, createBlock as i, createElementBlock as a, defineComponent as o, normalizeClass as s, normalizeStyle as c, openBlock as l, renderSlot as u, unref as d, withCtx as f } from "vue";
+import { Primitive as p } from "reka-ui";
+var m = /* @__PURE__ */ o({
+	__name: "Card",
+	props: {
+		tier: { default: "resting" },
+		surface: { default: "glass" },
+		shadow: {
+			type: Boolean,
+			default: !0
+		},
+		grain: {
+			type: Boolean,
+			default: !0
+		},
+		specular: { default: "off" },
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		asChild: { type: Boolean },
+		as: { default: "div" }
+	},
+	setup(n) {
+		let a = n, { specularStyle: o, onPointerMove: m } = t(), h = r(() => a.surface === "glass" && a.specular !== "off"), g = r(() => a.specular === "full" ? {
+			"--glass-specular-intensity-rest": "0.04",
+			"--glass-specular-intensity-hover": "0.18",
+			"--glass-specular-intensity-active": "0.26"
+		} : {}), _ = r(() => h.value ? {
+			...g.value,
+			...o.value
+		} : void 0);
+		return (t, r) => (l(), i(d(p), {
+			"data-slot": "card",
+			"data-tier": n.tier,
+			"data-surface": n.surface,
+			"data-grain": n.grain,
+			as: n.as,
+			"as-child": n.asChild,
+			style: c(_.value),
+			onPointermove: r[0] ||= (e) => h.value && d(m)(e),
+			class: s(d(e)("rounded-card text-card-foreground scrollbar-hidden", "[--card-spacing:--spacing(6)] data-[size=sm]:[--card-spacing:--spacing(4)]", n.tier === "opaque" ? "glass-resting glass-opaque" : `glass-${n.tier}`, h.value && "glass-specular-track", n.surface === "cartoon" && "cartoon-surface", n.shadow && n.surface === "glass" && "shadow-card", !n.grain && "[&::after]:hidden", a.class))
+		}, {
+			default: f(() => [u(t.$slots, "default")]),
+			_: 3
+		}, 8, [
+			"data-tier",
+			"data-surface",
+			"data-grain",
+			"as",
+			"as-child",
+			"style",
+			"class"
+		]));
+	}
+}), h = /* @__PURE__ */ n(/* @__PURE__ */ o({
+	__name: "CardHeader",
+	props: {
+		shrink: { type: Boolean },
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(t) {
+		let n = t;
+		return (r, i) => (l(), a("div", {
+			"data-slot": "card-header",
+			class: s(d(e)("@container/card-header flex flex-col gap-y-1.5 p-(--card-spacing)", "has-data-[slot=card-action]:grid has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-action]:items-start", t.shrink && "card-header--shrink", n.class))
+		}, [u(r.$slots, "default", {}, void 0, !0)], 2));
+	}
+}), [["__scopeId", "data-v-835e5cc0"]]), g = /* @__PURE__ */ o({
+	__name: "CardTitle",
+	props: { class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
+	setup(t) {
+		let n = t;
+		return (t, r) => (l(), a("h3", {
+			"data-slot": "card-title",
+			class: s(d(e)("text-heading leading-none tracking-tight", n.class))
+		}, [u(t.$slots, "default")], 2));
+	}
+}), _ = /* @__PURE__ */ o({
+	__name: "CardDescription",
+	props: { class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
+	setup(t) {
+		let n = t;
+		return (t, r) => (l(), a("p", {
+			"data-slot": "card-description",
+			class: s(d(e)("text-sm text-muted-foreground-strong", n.class))
+		}, [u(t.$slots, "default")], 2));
+	}
+}), v = /* @__PURE__ */ o({
+	__name: "CardContent",
+	props: { class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
+	setup(t) {
+		let n = t;
+		return (t, r) => (l(), a("div", { class: s(d(e)("p-(--card-spacing)", n.class)) }, [u(t.$slots, "default")], 2));
+	}
+}), y = /* @__PURE__ */ o({
+	__name: "CardFooter",
+	props: { class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
+	setup(t) {
+		let n = t;
+		return (t, r) => (l(), a("div", { class: s(d(e)("flex items-center p-(--card-spacing) pt-0", n.class)) }, [u(t.$slots, "default")], 2));
+	}
+}), b = /* @__PURE__ */ o({
+	__name: "CardAction",
+	props: { class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
+	setup(t) {
+		let n = t;
+		return (t, r) => (l(), a("div", {
+			"data-slot": "card-action",
+			class: s(d(e)("col-start-2 row-span-2 row-start-1 self-start justify-self-end", n.class))
+		}, [u(t.$slots, "default")], 2));
+	}
+});
+//#endregion
+export { g as a, _ as i, y as n, h as o, v as r, m as s, b as t };

package/dist/{CommandShortcut-CY0aQTz5.js → CommandShortcut-CefCj5mt.js}

@@ -1,7 +1,7 @@
 import { t as e } from "./cn-DJXf4yaB.js";
 import { t } from "./search-nbkvr2dC.js";
-import { n, t as r } from "./DialogContent-DG1YMR-P.js";
-import { t as i } from "./menuItemVariants-B4eFR5Ix.js";
+import { n, t as r } from "./DialogContent-BRkT1cjP.js";
+import { t as i } from "./menuItemVariants-CCoBNkU5.js";
 import { computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createTextVNode as u, createVNode as d, defineComponent as f, guardReactiveProps as p, mergeProps as m, normalizeClass as h, normalizeProps as g, openBlock as _, renderSlot as v, toDisplayString as y, unref as b, withCtx as x } from "vue";
 import { ComboboxContent as S, ComboboxEmpty as C, ComboboxGroup as w, ComboboxInput as T, ComboboxItem as E, ComboboxLabel as D, ComboboxRoot as O, ComboboxSeparator as k, useForwardProps as A, useForwardPropsEmits as j } from "reka-ui";
 //#endregion
@@ -93,7 +93,7 @@ var M = /* @__PURE__ */ f({
 			let { class: e, ...t } = n;
 			return t;
 		});
-		return (t, i) => (_(), o(b(C), m(r.value, { class: b(e)("py-6 text-center text-sm", n.class) }), {
+		return (t, i) => (_(), o(b(C), m(r.value, { class: b(e)("py-6 text-center text-dropdown", n.class) }), {
 			default: x(() => [v(t.$slots, "default")]),
 			_: 3
 		}, 16, ["class"]));
@@ -117,10 +117,10 @@ var M = /* @__PURE__ */ f({
 			let { class: e, ...t } = n;
 			return t;
 		});
-		return (i, a) => (_(), o(b(w), m(r.value, { class: b(e)("overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground", n.class) }), {
+		return (i, a) => (_(), o(b(w), m(r.value, { class: b(e)("overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-dropdown-secondary [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground", n.class) }), {
 			default: x(() => [t.heading ? (_(), o(b(D), {
 				key: 0,
-				class: "px-2 py-1.5 text-xs font-medium text-muted-foreground"
+				class: "px-2 py-1.5 text-dropdown-secondary font-medium text-muted-foreground"
 			}, {
 				default: x(() => [u(y(t.heading), 1)]),
 				_: 1
@@ -160,7 +160,7 @@ var M = /* @__PURE__ */ f({
 			...n.$attrs
 		}, {
 			"auto-focus": "",
-			class: b(e)("flex h-11 w-full rounded-input bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-disabled", r.class)
+			class: b(e)("flex h-[var(--dropdown-input-height)] w-full rounded-input bg-transparent py-3 text-dropdown outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-disabled", r.class)
 		}), null, 16, ["class"])]));
 	}
 }), R = /* @__PURE__ */ f({
@@ -279,7 +279,7 @@ var M = /* @__PURE__ */ f({
 	] } },
 	setup(t) {
 		let n = t;
-		return (t, r) => (_(), c("span", { class: h(b(e)("ml-auto text-xs tracking-widest text-muted-foreground", n.class)) }, [v(t.$slots, "default")], 2));
+		return (t, r) => (_(), c("span", { class: h(b(e)("ml-auto text-dropdown-secondary tracking-widest text-muted-foreground", n.class)) }, [v(t.$slots, "default")], 2));
 	}
 });
 //#endregion

package/dist/{ContextMenuSubContent-BeDz7G6f.js → ContextMenuSubContent-Bhg4f5jX.js}

@@ -2,7 +2,7 @@ import { t as e } from "./cn-DJXf4yaB.js";
 import { t } from "./createLucideIcon-B6uNAU9G.js";
 import { t as n } from "./check-BBKKKSTf.js";
 import { t as r } from "./chevron-right-sDM0Yvrf.js";
-import { t as i } from "./menuItemVariants-B4eFR5Ix.js";
+import { t as i } from "./menuItemVariants-CCoBNkU5.js";
 import { computed as a, createBlock as o, createElementBlock as s, createElementVNode as c, createVNode as l, defineComponent as u, guardReactiveProps as d, mergeProps as f, normalizeClass as p, normalizeProps as m, openBlock as h, renderSlot as g, unref as _, withCtx as v } from "vue";
 import { ContextMenuCheckboxItem as y, ContextMenuItem as b, ContextMenuItemIndicator as x, ContextMenuLabel as S, ContextMenuRadioGroup as C, ContextMenuRadioItem as w, ContextMenuSeparator as T, ContextMenuSubContent as E, ContextMenuSubTrigger as D, useForwardProps as O, useForwardPropsEmits as k } from "reka-ui";
 var A = t("circle", [["circle", {
@@ -123,7 +123,7 @@ var A = t("circle", [["circle", {
 	] } },
 	setup(t) {
 		let n = t;
-		return (t, r) => (h(), s("span", { class: p(_(e)("ml-auto text-xs tracking-widest text-muted-foreground", n.class)) }, [g(t.$slots, "default")], 2));
+		return (t, r) => (h(), s("span", { class: p(_(e)("ml-auto text-dropdown-secondary tracking-widest text-muted-foreground", n.class)) }, [g(t.$slots, "default")], 2));
 	}
 }), R = /* @__PURE__ */ u({
 	__name: "ContextMenuSeparator",
@@ -164,7 +164,7 @@ var A = t("circle", [["circle", {
 			let { class: e, ...t } = n;
 			return t;
 		});
-		return (i, a) => (h(), o(_(S), f(r.value, { class: _(e)("px-2 py-1.5 text-sm font-semibold text-foreground", t.inset && "pl-8", n.class) }), {
+		return (i, a) => (h(), o(_(S), f(r.value, { class: _(e)("px-2 py-1.5 text-dropdown-secondary font-semibold text-foreground", t.inset && "pl-8", n.class) }), {
 			default: v(() => [g(i.$slots, "default")]),
 			_: 3
 		}, 16, ["class"]));

package/dist/{DataTable-gtPOLZvl.js → DataTable-CUHMukiQ.js}

@@ -1,8 +1,8 @@
 import { t as e } from "./cn-DJXf4yaB.js";
-import { n as t } from "./button-CAywcrhO.js";
-import { t as n } from "./_plugin-vue_export-helper-gLzyemvl.js";
-import { n as r, r as i, t as a } from "./ContextMenuContent-DGKZX1Du.js";
-import { t as o } from "./useResizeObserver-CSyxGxIX.js";
+import { n as t } from "./button-DN39cGqL.js";
+import { t as n } from "./_plugin-vue_export-helper-ok8pgSl5.js";
+import { n as r, r as i, t as a } from "./ContextMenuContent-DDa0v27s.js";
+import { t as o } from "./useResizeObserver-CWCbk5Px.js";
 import { Fragment as s, computed as c, createBlock as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createTextVNode as p, createVNode as m, defineComponent as h, mergeModels as g, mergeProps as _, normalizeClass as v, openBlock as y, ref as b, renderList as x, renderSlot as S, resolveDynamicComponent as C, toDisplayString as w, toValue as T, unref as E, useModel as ee, useSlots as te, withCtx as D, withModifiers as O } from "vue";
 //#region src/components/ui/table/Table.vue?vue&type=script&setup=true&lang.ts
 var k = {

package/dist/DeckProgress-Dmk4_AKN.js

@@ -0,0 +1,23 @@
+import { t as e } from "./cn-DJXf4yaB.js";
+import { t } from "./Progress-iEuD9pxG.js";
+import { createBlock as n, defineComponent as r, normalizeClass as i, openBlock as a, unref as o } from "vue";
+//#endregion
+//#region src/components/custom/deck-progress/DeckProgress.vue
+var s = /* @__PURE__ */ r({
+	__name: "DeckProgress",
+	props: {
+		value: {},
+		class: {}
+	},
+	setup(r) {
+		let s = r;
+		return (r, c) => (a(), n(o(t), {
+			variant: "default",
+			"model-value": s.value,
+			class: i(o(e)("glass-progress-rail", s.class)),
+			"aria-label": "Deck position"
+		}, null, 8, ["model-value", "class"]));
+	}
+});
+//#endregion
+export { s as t };

package/dist/{DialogContent-DG1YMR-P.js → DialogContent-BRkT1cjP.js}

@@ -1,7 +1,7 @@
 import { t as e } from "./cn-DJXf4yaB.js";
 import { t } from "./x-Dfsegz9Y.js";
-import { t as n } from "./useSpringMount-LRZqJTaF.js";
-import { t as r } from "./ModalOverlay-D1VrWyoi.js";
+import { t as n } from "./useSpringMount-BJSHcLl3.js";
+import { t as r } from "./ModalOverlay-B1GkAjNb.js";
 import { computed as i, createBlock as a, createCommentVNode as o, createElementVNode as s, createVNode as c, defineComponent as l, mergeProps as u, openBlock as d, renderSlot as f, unref as p, withCtx as m } from "vue";
 import { DialogClose as h, DialogContent as g, DialogPortal as _, DialogRoot as v, injectDialogRootContext as y, useForwardPropsEmits as b } from "reka-ui";
 //#endregion
@@ -55,7 +55,7 @@ var x = /* @__PURE__ */ l({
 		let x = l, w = v, T = b(i(() => {
 			let { class: e, variant: t, scrimAnimation: n, spring: r, showClose: i, ...a } = x;
 			return a;
-		}), w), E = i(() => x.variant === "opaque" ? "bg-background border sm:rounded-dialog" : "glass-floating rounded-dialog"), D = x.spring ? y() : null, O = x.spring && D ? n({
+		}), w), E = i(() => x.variant === "opaque" ? "glass-floating rounded-dialog glass-opaque" : "glass-floating rounded-dialog"), D = x.spring ? y() : null, O = x.spring && D ? n({
 			open: D.open,
 			preset: typeof x.spring == "string" ? x.spring : "smooth"
 		}) : null, k = i(() => {

package/dist/{DialogFooter-BCIaDP15.js → DialogFooter-Gprw8H_A.js}

@@ -1,6 +1,6 @@
 import { t as e } from "./cn-DJXf4yaB.js";
 import { t } from "./x-Dfsegz9Y.js";
-import { t as n } from "./ModalOverlay-D1VrWyoi.js";
+import { t as n } from "./ModalOverlay-B1GkAjNb.js";
 import { computed as r, createBlock as i, createElementBlock as a, createElementVNode as o, createVNode as s, defineComponent as c, guardReactiveProps as l, mergeProps as u, normalizeClass as d, normalizeProps as f, openBlock as p, renderSlot as m, unref as h, withCtx as g } from "vue";
 import { DialogClose as _, DialogContent as v, DialogDescription as y, DialogPortal as b, DialogTitle as x, DialogTrigger as S, useForwardProps as C, useForwardPropsEmits as w } from "reka-ui";
 //#endregion

package/dist/{HoverPopover-DXpOEw1P.js → HoverPopover-2LOIW34a.js}

@@ -1,5 +1,5 @@
 import { t as e } from "./cn-DJXf4yaB.js";
-import { i as t } from "./dockContext-DLgrVWsU.js";
+import { i as t } from "./dockContext-BKeIMmNk.js";
 import { Fragment as n, computed as r, createBlock as i, createElementBlock as a, createElementVNode as o, createVNode as s, defineComponent as c, mergeModels as l, mergeProps as u, openBlock as d, renderSlot as f, toDisplayString as p, unref as m, useId as h, useModel as g, watch as _, withCtx as v } from "vue";
 import { HoverCardContent as y, HoverCardPortal as b, HoverCardRoot as x, HoverCardTrigger as S } from "reka-ui";
 //#region src/components/custom/hover-popover/HoverPopover.vue?vue&type=script&setup=true&lang.ts

package/dist/{IconTooltip-Cu86JR4e.js → IconTooltip-yefK7cJc.js}

@@ -1,4 +1,4 @@
-import { i as e, n as t, r as n, t as r } from "./TooltipProvider-CD2IXfRv.js";
+import { i as e, n as t, r as n, t as r } from "./TooltipProvider-CmZzCuaG.js";
 import { createBlock as i, createTextVNode as a, createVNode as o, defineComponent as s, openBlock as c, renderSlot as l, toDisplayString as u, unref as d, withCtx as f } from "vue";
 //#endregion
 //#region src/components/custom/icon-tooltip/IconTooltip.vue

package/dist/{MetricBadge-D-bRaQUD.js → MetricBadge-lTc002u2.js}

@@ -1,5 +1,5 @@
 import { t as e } from "./cn-DJXf4yaB.js";
-import { t } from "./_plugin-vue_export-helper-gLzyemvl.js";
+import { t } from "./_plugin-vue_export-helper-ok8pgSl5.js";
 import { Fragment as n, computed as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, defineComponent as s, normalizeClass as c, normalizeStyle as l, openBlock as u, toDisplayString as d, unref as f } from "vue";
 //#region src/components/custom/metric-badge/MetricBadge.vue?vue&type=script&setup=true&lang.ts
 var p = ["data-size"], m = {

package/dist/{Notification-B5WHP3_1.js → Notification-BxK8LZMw.js}

@@ -1,6 +1,6 @@
 import { t as e } from "./createLucideIcon-B6uNAU9G.js";
 import { t } from "./x-Dfsegz9Y.js";
-import { t as n } from "./_plugin-vue_export-helper-gLzyemvl.js";
+import { t as n } from "./_plugin-vue_export-helper-ok8pgSl5.js";
 import { Fragment as r, TransitionGroup as i, createBlock as a, createElementBlock as o, createElementVNode as s, createVNode as c, defineComponent as l, normalizeClass as u, openBlock as d, renderList as f, resolveDynamicComponent as p, toDisplayString as m, unref as h, withCtx as g } from "vue";
 var _ = e("circle-alert", [
 	["circle", {

package/dist/{NumberFieldContent-CLNVR1iY.js → NumberFieldContent-BbLOh8RU.js}

@@ -1,6 +1,6 @@
 import { t as e } from "./cn-DJXf4yaB.js";
 import { t } from "./createLucideIcon-B6uNAU9G.js";
-import { n } from "./button-CAywcrhO.js";
+import { n } from "./button-DN39cGqL.js";
 import { computed as r, createBlock as i, createElementBlock as a, createVNode as o, defineComponent as s, mergeProps as c, normalizeClass as l, openBlock as u, renderSlot as d, unref as f, withCtx as p } from "vue";
 import { NumberFieldDecrement as m, NumberFieldIncrement as h, NumberFieldInput as g, NumberFieldRoot as _, useForwardProps as v, useForwardPropsEmits as y } from "reka-ui";
 var b = t("minus", [["path", {
@@ -62,7 +62,7 @@ var b = t("minus", [["path", {
 			...t.$attrs
 		}, {
 			"data-slot": "input",
-			class: f(e)("input-pill h-10 rounded-field px-9 py-2 text-sm text-center")
+			class: f(e)("input-pill h-[var(--control-h-md)] rounded-field px-9 py-2 text-sm text-center")
 		}), null, 16, ["class"]));
 	}
 }), w = /* @__PURE__ */ s({

package/dist/{PopoverContent-F1bWnYoh.js → PopoverContent-BId6ggf_.js}

@@ -1,5 +1,5 @@
 import { t as e } from "./cn-DJXf4yaB.js";
-import { i as t } from "./dockContext-DLgrVWsU.js";
+import { i as t } from "./dockContext-BKeIMmNk.js";
 import { computed as n, createBlock as r, createVNode as i, defineComponent as a, guardReactiveProps as o, mergeProps as s, normalizeProps as c, openBlock as l, renderSlot as u, unref as d, withCtx as f } from "vue";
 import { PopoverContent as p, PopoverPortal as m, PopoverRoot as h, PopoverTrigger as g, useForwardPropsEmits as _ } from "reka-ui";
 //#endregion

package/dist/{Progress-c4vo4ALi.js → Progress-iEuD9pxG.js}

@@ -1,5 +1,5 @@
 import { t as e } from "./cn-DJXf4yaB.js";
-import { t } from "./_plugin-vue_export-helper-gLzyemvl.js";
+import { t } from "./_plugin-vue_export-helper-ok8pgSl5.js";
 import { Fragment as n, computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createVNode as c, defineComponent as l, mergeProps as u, normalizeClass as d, normalizeStyle as f, openBlock as p, renderList as m, toRef as h, unref as g, watchEffect as _, withCtx as v } from "vue";
 import { ProgressIndicator as y, ProgressRoot as b } from "reka-ui";
 //#endregion
@@ -26,9 +26,9 @@ var x = /* @__PURE__ */ l({
 			let { class: e, ...t } = n;
 			return t;
 		});
-		return (t, r) => (p(), i(g(b), u({ "data-slot": "progress" }, a.value, { class: g(e)("relative h-4 w-full overflow-hidden rounded-pill bg-secondary", n.class) }), {
+		return (t, r) => (p(), i(g(b), u({ "data-slot": "progress" }, a.value, { class: g(e)("relative h-4 w-full overflow-hidden rounded-pill bg-[var(--progress-track,var(--secondary))]", n.class) }), {
 			default: v(() => [c(g(y), {
-				class: "h-full w-full flex-1 rounded-pill bg-primary transition-transform",
+				class: "h-full w-full flex-1 rounded-pill [background:var(--progress-fill,var(--primary))] transition-transform",
 				style: f({ transform: `translateX(-${100 - (n.modelValue ?? 0)}%)` })
 			}, null, 8, ["style"])]),
 			_: 1
@@ -189,7 +189,7 @@ var w = ["data-state", "data-index"], T = {
 			_: 1
 		}, 16, ["model-value", "class"]));
 	}
-}), [["__scopeId", "data-v-0604a415"]]), D = /* @__PURE__ */ l({
+}), [["__scopeId", "data-v-5847d4c6"]]), D = /* @__PURE__ */ l({
 	__name: "Progress",
 	props: {
 		modelValue: { default: 0 },

package/dist/{ScrollingText-BEp377U5.js → ScrollingText-BPP84wKo.js}

@@ -1,6 +1,6 @@
 import { t as e } from "./cn-DJXf4yaB.js";
-import { t } from "./_plugin-vue_export-helper-gLzyemvl.js";
-import { t as n } from "./useResizeObserver-CSyxGxIX.js";
+import { t } from "./_plugin-vue_export-helper-ok8pgSl5.js";
+import { t as n } from "./useResizeObserver-CWCbk5Px.js";
 import { createElementBlock as r, createElementVNode as i, createTextVNode as a, defineComponent as o, normalizeClass as s, openBlock as c, ref as l, renderSlot as u, toDisplayString as d, unref as f, useTemplateRef as p, watchEffect as m } from "vue";
 //#region src/components/custom/scrolling-text/ScrollingText.vue?vue&type=script&setup=true&lang.ts
 var h = ["data-overflows"], g = /* @__PURE__ */ t(/* @__PURE__ */ o({

package/dist/{SelectScrollDownButton-DAo5NmY_.js → SelectScrollDownButton-T32cVFeM.js}

@@ -1,8 +1,8 @@
 import { t as e } from "./cn-DJXf4yaB.js";
 import { t } from "./chevron-down-BSkTP2aL.js";
 import { t as n } from "./chevron-up-CCOD_FTz.js";
-import { t as r } from "./menuItemVariants-B4eFR5Ix.js";
-import { i } from "./dockContext-DLgrVWsU.js";
+import { t as r } from "./menuItemVariants-CCoBNkU5.js";
+import { i } from "./dockContext-BKeIMmNk.js";
 import { computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createVNode as u, defineComponent as d, guardReactiveProps as f, mergeProps as p, normalizeClass as m, normalizeProps as h, openBlock as g, renderSlot as _, unref as v, withCtx as y } from "vue";
 import { SelectContent as b, SelectIcon as x, SelectItem as S, SelectItemIndicator as C, SelectItemText as w, SelectPortal as T, SelectRoot as E, SelectScrollDownButton as D, SelectScrollUpButton as O, SelectTrigger as k, SelectValue as A, SelectViewport as j, useForwardProps as M, useForwardPropsEmits as N } from "reka-ui";
 //#endregion
@@ -65,8 +65,8 @@ var P = /* @__PURE__ */ d({
 		let r = n, i = M(a(() => {
 			let { class: e, variant: t, size: n, ...i } = r;
 			return i;
-		})), s = a(() => r.variant === "ghost" ? "bg-transparent border-none shadow-none" : "glass-wash"), c = a(() => r.size === "sm" ? "h-9" : "h-10");
-		return (n, a) => (g(), o(v(k), p({ "data-slot": "select-trigger" }, v(i), { class: v(e)(s.value, c.value, "tap-squish focus-ring flex w-full items-center justify-between rounded-pill px-3 py-2 text-sm placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-disabled [&>span]:line-clamp-1 transition-control aria-invalid:border-[var(--destructive)] aria-invalid:shadow-[0_0_0_var(--focus-ring-width)_color-mix(in_srgb,var(--destructive)_35%,transparent)]", r.class) }), {
+		})), s = a(() => r.variant === "ghost" ? "bg-transparent border-none shadow-none" : "glass-wash"), c = a(() => r.size === "sm" ? "h-[var(--control-h-sm)]" : "h-[var(--control-h-md)]");
+		return (n, a) => (g(), o(v(k), p({ "data-slot": "select-trigger" }, v(i), { class: v(e)(s.value, c.value, "tap-squish focus-ring flex w-full items-center justify-between rounded-pill px-3 py-2 text-dropdown placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-disabled [&>span]:line-clamp-1 transition-control aria-invalid:border-[var(--destructive)] aria-invalid:shadow-[0_0_0_var(--focus-ring-width)_color-mix(in_srgb,var(--destructive)_35%,transparent)]", r.class) }), {
 			default: y(() => [_(n.$slots, "default"), u(v(x), { "as-child": "" }, {
 				default: y(() => [u(v(t), { class: "transition-transform duration-200 ease-standard [&[data-state=open]]:rotate-180 h-4 w-4 shrink-0 opacity-50" })]),
 				_: 1

package/dist/{SelectSeparator-COFMJGng.js → SelectSeparator-C4Ql0gzV.js}

@@ -19,7 +19,7 @@ var f = /* @__PURE__ */ r({
 	},
 	setup(t) {
 		let r = t;
-		return (t, i) => (o(), n(c(u), { class: a(c(e)("py-1.5 pl-8 pr-2 text-sm font-semibold", r.class)) }, {
+		return (t, i) => (o(), n(c(u), { class: a(c(e)("py-1.5 pl-8 pr-2 text-dropdown-secondary font-semibold", r.class)) }, {
 			default: l(() => [s(t.$slots, "default")]),
 			_: 3
 		}, 8, ["class"]));

package/dist/{TabsList-COqIdW7i.js → TabsList-B8CVOQPC.js}

@@ -66,7 +66,7 @@ var g = /* @__PURE__ */ i({
 			let { class: e, ...t } = i;
 			return t;
 		});
-		return (t, r) => (o(), n(c(u), a({ "data-slot": "tabs-indicator" }, s.value, { class: c(e)("pointer-events-none absolute left-0 bottom-1 top-1 z-0 w-(--reka-tabs-indicator-size) translate-x-(--reka-tabs-indicator-position) rounded-pill bg-secondary/80 transition-[width,translate] duration-normal ease-spring-snappy", i.class) }), null, 16, ["class"]));
+		return (t, r) => (o(), n(c(u), a({ "data-slot": "tabs-indicator" }, s.value, { class: c(e)("pointer-events-none absolute left-0 bottom-1 top-1 z-0 w-(--reka-tabs-indicator-size) translate-x-(--reka-tabs-indicator-position) rounded-pill bg-[var(--glass-bg-quiet)] [backdrop-filter:var(--glass-blur-quiet)] transition-[width,translate] duration-normal ease-spring-snappy", i.class) }), null, 16, ["class"]));
 	}
 }), y = /* @__PURE__ */ i({
 	__name: "TabsList",
@@ -91,7 +91,7 @@ var g = /* @__PURE__ */ i({
 			let { class: e, indicator: t, ...n } = u;
 			return n;
 		});
-		return (t, p) => (o(), n(c(d), a({ "data-slot": "tabs-list" }, f.value, { class: c(e)("relative inline-flex h-10 items-center justify-center rounded-input p-1 text-muted-foreground", u.class) }), {
+		return (t, p) => (o(), n(c(d), a({ "data-slot": "tabs-list" }, f.value, { class: c(e)("relative inline-flex h-[var(--control-h-md)] items-center justify-center rounded-input p-1 text-muted-foreground", u.class) }), {
 			default: l(() => [i.indicator ? (o(), n(v, { key: 0 })) : r("", !0), s(t.$slots, "default")]),
 			_: 3
 		}, 16, ["class"]));

package/dist/{Toaster-BMaeziJJ.js → Toaster-1rYWrmAm.js}

@@ -71,7 +71,7 @@ var O = /* @__PURE__ */ u({
 			let { class: e, ...t } = n;
 			return t;
 		});
-		return (t, r) => (p(), i(v(b), d(a.value, { class: v(e)("focus-ring inline-flex h-8 shrink-0 items-center justify-center rounded-button border bg-transparent px-3 text-sm font-medium transition-colors hover:bg-secondary disabled:pointer-events-none disabled:opacity-disabled group-[.destructive]:border-muted/40 group-[.destructive]:hover:border-destructive/30 group-[.destructive]:hover:bg-destructive group-[.destructive]:hover:text-destructive-foreground", n.class) }), {
+		return (t, r) => (p(), i(v(b), d(a.value, { class: v(e)("focus-ring inline-flex h-[calc(2rem*var(--ui-scale))] shrink-0 items-center justify-center rounded-button border bg-transparent px-3 text-sm font-medium transition-colors hover:bg-secondary disabled:pointer-events-none disabled:opacity-disabled group-[.destructive]:border-muted/40 group-[.destructive]:hover:border-destructive/30 group-[.destructive]:hover:bg-destructive group-[.destructive]:hover:text-destructive-foreground", n.class) }), {
 			default: y(() => [g(t.$slots, "default")]),
 			_: 3
 		}, 16, ["class"]));

package/dist/{ToggleGroupItem-C-AIkBUw.js → ToggleGroupItem-Cev4pOVK.js}

@@ -1,5 +1,5 @@
 import { t as e } from "./cn-DJXf4yaB.js";
-import { t } from "./createContext-CvNyBk4o.js";
+import { t } from "./createContext-B44Sah_H.js";
 import { computed as n, createBlock as r, defineComponent as i, mergeProps as a, openBlock as o, renderSlot as s, unref as c, withCtx as l } from "vue";
 import { Toggle as u, ToggleGroupItem as d, ToggleGroupRoot as f, useForwardProps as p, useForwardPropsEmits as m } from "reka-ui";
 import { cva as h } from "class-variance-authority";
@@ -50,7 +50,7 @@ var g = /* @__PURE__ */ i({
 			"class"
 		]));
 	}
-}), _ = h("tap-squish focus-ring inline-flex items-center justify-center gap-2 rounded-button text-sm font-medium transition-control hover:bg-muted hover:text-muted-foreground disabled:pointer-events-none disabled:opacity-disabled data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg:not([class*=size-])]:size-4 [&_svg]:shrink-0 [&_svg]:pointer-events-none", {
+}), _ = h("tap-squish focus-ring inline-flex items-center justify-center gap-2 rounded-button text-[length:var(--control-text)] font-medium transition-control hover:bg-muted hover:text-muted-foreground disabled:pointer-events-none disabled:opacity-disabled data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg:not([class*=size-])]:size-[var(--ui-glyph)] [&_svg]:shrink-0 [&_svg]:pointer-events-none", {
 	variants: {
 		variant: {
 			default: "bg-transparent",
@@ -58,9 +58,9 @@ var g = /* @__PURE__ */ i({
 			card: "glass-card w-full transform-gpu cursor-pointer flex-col gap-4 p-8 text-center transition-[background-color,border-color,box-shadow,color,opacity,transform] duration-fast ease-standard hover:bg-glass-quiet hover:text-foreground active:scale-95 data-[state=on]:border-glass-border-quiet data-[state=on]:bg-glass-quiet data-[state=on]:text-foreground data-[state=on]:shadow-glass-quiet"
 		},
 		size: {
-			default: "h-10 px-3",
-			sm: "h-9 px-2.5",
-			lg: "h-11 px-5"
+			default: "h-[var(--control-h-md)] px-3",
+			sm: "h-[var(--control-h-sm)] px-2.5",
+			lg: "h-[var(--control-h-lg)] px-5"
 		}
 	},
 	compoundVariants: [{

package/dist/animated-digit.js

@@ -1,5 +1,5 @@
 import { t as e } from "./cn-DJXf4yaB.js";
-import { t } from "./_plugin-vue_export-helper-gLzyemvl.js";
+import { t } from "./_plugin-vue_export-helper-ok8pgSl5.js";
 import { t as n } from "./useAnimatedNumber-C5I3wWd8.js";
 import { computed as r, createElementBlock as i, defineComponent as a, normalizeClass as o, normalizeStyle as s, openBlock as c, toDisplayString as l, unref as u } from "vue";
 //#region src/components/custom/animated-digit/AnimatedDigit.vue?vue&type=script&setup=true&lang.ts

package/dist/api/index.d.ts

@@ -1,4 +1,4 @@
-export type { AuroraAtoms, AuroraConfig, AuroraCursorApi, AuroraFlow, AuroraHarmony, AuroraHuePath, AuroraInstance, AuroraInteractivity, AuroraMedium, AuroraMood, AuroraNucleus, AuroraRuntimeMode, AuroraRuntimeOptions, DeriveAuroraOptions, DeriveEasing, FlowPattern, OklchStop, StrokeMode, StrokeOrient, WarpMode, } from "../components/custom/aurora";
+export type { AuroraAtoms, AuroraConfig, AuroraCursorApi, AuroraFlow, AuroraHarmony, AuroraHuePath, AuroraInstance, AuroraInteractivity, AuroraInteractivityAtom, AuroraMedium, AuroraMediumAtom, AuroraMotionAtom, AuroraNucleus, AuroraRuntimeMode, AuroraRuntimeOptions, AuroraZoneArrangement, AuroraZones, DeriveAuroraOptions, DeriveEasing, FlowPattern, OklchStop, StrokeMode, StrokeOrient, WarpMode, } from "../components/custom/aurora";
 export { DEFAULT_AURORA_CONFIG, MAX_NUCLEI, MAX_STOPS, } from "../components/custom/aurora";
 export type { ConfiguratorCloneMode, ConfiguratorPreset, ConfiguratorScrollMode, ConfiguratorState, ConfiguratorStateOptions, } from "../components/custom/configurator";
 export type { TimelineSegment, TimelineSegmentGradient, TimelineSegmentState, } from "../components/custom/timeline";
@@ -25,12 +25,14 @@ export type { UseUserInvalidAriaOptions, UseUserInvalidAriaReturn, } from "../co
 export type { ViewTransitionResult } from "../composables/motion/useViewTransition";
 export type { Countup, UseCountupOptions } from "../composables/motion/useCountup";
 export type { HeaderRibbonPosition, HeaderRibbonProps, } from "../components/custom/header-ribbon";
-export type { ConstellationProps, ConstellationField, } from "../components/custom/constellation";
+export type { ConstellationProps, ConstellationField, ConstellationWarp, } from "../components/custom/constellation";
 export type { MetricCellAppearance, MetricCellProps, } from "../components/custom/metric-cell";
 export type { MetricRowProps, MetricStackProps, } from "../components/custom/metric-stack";
 export type { AnimatedDigitMode, AnimatedDigitProps, } from "../components/custom/animated-digit";
-export type { ResponsiveTabsProps } from "../components/custom/responsive-tabs";
+export type { SegmentedTabsProps, SegmentedTabsVariant, SegmentedTabOption, } from "../components/custom/tabs";
 export type { StackedIconGroupProps } from "../components/custom/stacked-icons";
 export type { UseDockStateReturn } from "../components/custom/dock";
 export type { PaperBackdropFrequency, PaperBackdropProps, } from "../components/custom/paper-backdrop";
 export type { DarkModeSyncScriptOptions, UseGlobalDarkOptions, } from "../composables/dark";
+export type { Canvas2DFrame, Canvas2DHandle, Canvas2DOptions, Canvas2DSuspendReason, } from "../composables/glass/canvas2d";
+export type { HighlightMatcher, UseTextHighlightControls, } from "../composables/motion/useTextHighlight";