@mkbabb/glass-ui 3.8.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-q2qHCJFG.js → CardAction-DuArVky-.js}

@@ -29,9 +29,9 @@ var m = /* @__PURE__ */ o({
 	},
 	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.08",
-			"--glass-specular-intensity-hover": "0.45",
-			"--glass-specular-intensity-active": "0.6"
+			"--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
@@ -45,7 +45,7 @@ var m = /* @__PURE__ */ o({
 			"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)]", `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))
+			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

package/dist/{CommandShortcut-SzWRhROC.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-DjZWT3lK.js";
-import { t as i } from "./menuItemVariants-DKM85SNE.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-Do977Cbf.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-DKM85SNE.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-CvlWXz65.js → DataTable-CUHMukiQ.js}

@@ -1,5 +1,5 @@
 import { t as e } from "./cn-DJXf4yaB.js";
-import { n as t } from "./button-CAywcrhO.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";

package/dist/{DialogContent-DjZWT3lK.js → DialogContent-BRkT1cjP.js}

@@ -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/{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/{SelectScrollDownButton-C7TRe-ep.js → SelectScrollDownButton-T32cVFeM.js}

@@ -1,7 +1,7 @@
 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-DKM85SNE.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";
@@ -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-L8pPEn4L.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-qyHZ2lKY.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-CabYEEF_.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-CkXUcBlt.js → ToggleGroupItem-Cev4pOVK.js}

@@ -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,6 +1,6 @@
 import { t as e } from "./cn-DJXf4yaB.js";
 import { t } from "./_plugin-vue_export-helper-ok8pgSl5.js";
-import { t as n } from "./useAnimatedNumber-C_3wZLx4.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
 var d = ["data-is-animating"], f = /* @__PURE__ */ t(/* @__PURE__ */ a({

package/dist/api/index.d.ts

@@ -29,7 +29,7 @@ export type { ConstellationProps, ConstellationField, ConstellationWarp, } from
 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";

package/dist/api.js

@@ -1,2 +1,2 @@
-import { n as e, r as t, t as n } from "./presets-D1XPuTj-.js";
+import { n as e, r as t, t as n } from "./presets-BKVyQfbt.js";
 export { n as DEFAULT_AURORA_CONFIG, e as MAX_NUCLEI, t as MAX_STOPS };

package/dist/aurora.js

@@ -1,9 +1,9 @@
 import { t as e } from "./_plugin-vue_export-helper-ok8pgSl5.js";
-import { a as t, c as n, d as r, f as i, g as a, h as o, i as s, l as c, m as l, n as u, o as d, p as f, r as p, s as m, t as h, u as g } from "./compile-BBTRjvQS.js";
-import { n as _, r as v, t as y } from "./presets-D1XPuTj-.js";
-import { a as ee, c as b, i as te, l as x, o as S, t as C } from "./color-DMLTunJK.js";
-import { t as ne } from "./useIntersectionPause-Bj4sPkMh.js";
-import { t as re } from "./useScrollProgress-C9ysDic5.js";
+import { a as t, c as n, d as r, f as i, g as a, h as o, i as s, l as c, m as l, n as u, o as d, p as f, r as p, s as m, t as h, u as g } from "./compile-DAjIoEy2.js";
+import { n as _, r as v, t as y } from "./presets-BKVyQfbt.js";
+import { a as ee, c as b, i as te, l as x, o as S, t as C } from "./color-8jBjWiJ6.js";
+import { t as ne } from "./useIntersectionPause-Cc-H9ees.js";
+import { t as re } from "./useScrollProgress-CAH8Ofwt.js";
 import { computed as w, createElementBlock as ie, createElementVNode as T, defineComponent as ae, normalizeClass as oe, normalizeStyle as E, onBeforeUnmount as D, onMounted as O, openBlock as se, readonly as ce, ref as k, unref as le, watch as A } from "vue";
 import { interpolateHue as ue, rawOklabToOklch as de, srgbToOKLab as fe } from "@mkbabb/value.js";
 //#region src/components/custom/aurora/constants/shaders/aurora.vert.ts
@@ -769,8 +769,8 @@ function Ye(e) {
 			return +!i();
 		}
 		function _() {
-			let e = d(), n = t.clientWidth || t.parentElement?.clientWidth || 1, r = t.clientHeight || t.parentElement?.clientHeight || 1;
-			t.width = Math.max(1, Math.floor(n * e)), t.height = Math.max(1, Math.floor(r * e));
+			let e = d(), n = t.getBoundingClientRect(), r = t.parentElement?.getBoundingClientRect(), i = n.width || r?.width || 1, a = n.height || r?.height || 1, o = Math.max(1, Math.round(i * e)), s = Math.max(1, Math.round(a * e));
+			(t.width !== o || t.height !== s) && (t.width = o, t.height = s);
 		}
 		function v(t) {
 			W(r, g()), Re(n(), t, u, p), e.queue.writeBuffer(f, 0, u), e.queue.writeBuffer(m, 0, p);
@@ -834,8 +834,8 @@ function K(e, t, n = {}) {
 		setup: (t) => {
 			let { program: n, vs: r, fs: l, uniforms: u, geometry: f } = Ce(t, pe, be);
 			function p() {
-				let r = d(), i = e.clientWidth || e.parentElement?.clientWidth || 1, a = e.clientHeight || e.parentElement?.clientHeight || 1, o = Math.max(1, Math.floor(i * r)), s = Math.max(1, Math.floor(a * r));
-				e.width = o, e.height = s, t.viewport(0, 0, o, s), t.useProgram(n);
+				let r = d(), i = e.getBoundingClientRect(), a = e.parentElement?.getBoundingClientRect(), o = i.width || a?.width || 1, s = i.height || a?.height || 1, c = Math.max(1, Math.round(o * r)), l = Math.max(1, Math.round(s * r));
+				(e.width !== c || e.height !== l) && (e.width = c, e.height = l), t.viewport(0, 0, c, l), t.useProgram(n);
 			}
 			let m = ze(t, n, u, o), h = Ge({
 				gl: t,
@@ -1053,7 +1053,7 @@ var et = /* @__PURE__ */ e(/* @__PURE__ */ ae({
 			class: oe(["aurora-canvas block h-full w-full", { "aurora-canvas--armed": le(o).isArmed.value }])
 		}, null, 2)], 4));
 	}
-}), [["__scopeId", "data-v-59e84382"]]);
+}), [["__scopeId", "data-v-8165ab23"]]);
 //#endregion
 //#region src/components/custom/aurora/composables/useCursorInteraction.ts
 function tt(e, t, n) {

package/dist/{badge-DHQrc_GQ.js → badge-BvwvT50i.js}

@@ -27,7 +27,7 @@ var c = ["data-variant", "data-size"], l = /* @__PURE__ */ n({
 			}), s.class))
 		}, [a(l.$slots, "default")], 10, c));
 	}
-}), u = s("focus-ring inline-flex items-center gap-1.5 rounded-badge border font-semibold transition-control wrap-anywhere [&_svg:not([class*=size-])]:size-3.5 [&_svg]:shrink-0 [&_svg]:pointer-events-none", {
+}), u = s("focus-ring inline-flex items-center gap-1.5 rounded-badge border font-semibold transition-control wrap-anywhere [&_svg:not([class*=size-])]:size-[var(--ui-glyph-sm)] [&_svg]:shrink-0 [&_svg]:pointer-events-none", {
 	variants: {
 		variant: {
 			default: "border-transparent bg-primary text-primary-foreground hover:bg-primary/80",
@@ -39,9 +39,9 @@ var c = ["data-variant", "data-size"], l = /* @__PURE__ */ n({
 			info: "border-transparent bg-info text-info-foreground hover:bg-info/80"
 		},
 		size: {
-			sm: "text-xs leading-4 px-2 py-0.5",
-			md: "text-sm leading-5 px-2.5 py-1",
-			lg: "text-base leading-6 px-3 py-1.5"
+			sm: "text-[length:var(--control-text-sm)] leading-4 px-2 py-0.5",
+			md: "text-[length:var(--control-text)] leading-5 px-2.5 py-1",
+			lg: "text-[length:calc(var(--type-body)*var(--ui-scale))] leading-6 px-3 py-1.5"
 		}
 	},
 	defaultVariants: {

package/dist/badge.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "./badge-DHQrc_GQ.js";
+import { n as e, t } from "./badge-BvwvT50i.js";
 export { e as Badge, t as badgeVariants };

package/dist/{button-CAywcrhO.js → button-DN39cGqL.js}

@@ -46,29 +46,30 @@ var d = /* @__PURE__ */ r({
 			"class"
 		]));
 	}
-}), f = u("btn-pill tap-squish focus-ring whitespace-nowrap text-sm font-medium cursor-pointer active:scale-[var(--scale-press-btn)] disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-disabled [&_svg:not([class*=size-])]:size-4 [&_svg]:shrink-0 [&_svg]:pointer-events-none", {
+}), f = u("btn-pill tap-squish focus-ring whitespace-nowrap text-[length:var(--control-text)] font-medium cursor-pointer active:scale-[var(--scale-press-btn)] disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-disabled [&_svg:not([class*=size-])]:size-[var(--ui-glyph)] [&_svg]:shrink-0 [&_svg]:pointer-events-none", {
 	variants: {
 		variant: {
-			default: "bg-primary text-primary-foreground hover:bg-primary/90 active:bg-primary/80 aria-pressed:bg-primary/85",
-			"primary-audacious": "btn-audacious bg-primary text-primary-foreground hover:scale-[var(--scale-hover)] aria-pressed:scale-[var(--scale-press-btn)]",
-			"gold-audacious": "btn-audacious btn-audacious-gold text-foreground hover:text-white active:text-white aria-pressed:text-white hover:scale-[var(--scale-hover)] aria-pressed:scale-[var(--scale-press-btn)]",
+			default: "glass-wash btn-glass text-foreground hover:bg-[var(--glass-bg-resting)] hover:border-[var(--glass-border-resting)] active:bg-[var(--glass-bg-floating)] active:border-[var(--glass-border-floating)] aria-pressed:bg-[color-mix(in_srgb,var(--foreground)_10%,var(--glass-bg-resting))]",
+			solid: "bg-primary text-primary-foreground hover:bg-primary/90 active:bg-primary/80 aria-pressed:bg-primary/85",
+			"primary-audacious": "btn-audacious bg-primary text-primary-foreground hover:scale-[var(--scale-hover-btn)] aria-pressed:scale-[var(--scale-press-btn)]",
+			"gold-audacious": "btn-audacious btn-audacious-gold text-foreground hover:text-white active:text-white aria-pressed:text-white hover:scale-[var(--scale-hover-btn)] aria-pressed:scale-[var(--scale-press-btn)]",
 			destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90 active:bg-destructive/80 aria-pressed:bg-destructive/85",
 			outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground active:bg-accent/80 aria-pressed:bg-accent aria-pressed:text-accent-foreground",
 			secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80 active:bg-secondary/70 aria-pressed:bg-secondary/60",
 			accent: "bg-accent text-accent-foreground border border-border/40 hover:bg-accent/80 active:bg-accent/70 aria-pressed:bg-accent/60",
 			ghost: "bg-transparent text-foreground/70 hover:bg-foreground/8 hover:text-foreground active:bg-foreground/12 aria-pressed:bg-foreground/10 aria-pressed:text-foreground",
-			glass: "glass-wash text-foreground hover:bg-[var(--glass-bg-resting)] hover:border-[var(--glass-border-resting)] active:bg-[var(--glass-bg-floating)] active:border-[var(--glass-border-floating)] aria-pressed:bg-[color-mix(in_srgb,var(--foreground)_10%,var(--glass-bg-resting))]",
-			"glass-wash": "glass-wash text-foreground/70 hover:bg-foreground/[0.04] hover:border-[var(--surface-tint-22)] hover:text-foreground active:bg-foreground/[0.08] aria-pressed:bg-foreground/[0.1] aria-pressed:text-foreground",
+			glass: "glass-wash btn-glass text-foreground hover:bg-[var(--glass-bg-resting)] hover:border-[var(--glass-border-resting)] active:bg-[var(--glass-bg-floating)] active:border-[var(--glass-border-floating)] aria-pressed:bg-[color-mix(in_srgb,var(--foreground)_10%,var(--glass-bg-resting))]",
+			"glass-wash": "glass-wash btn-glass text-foreground/70 hover:bg-foreground/[0.04] hover:border-[var(--surface-tint-22)] hover:text-foreground active:bg-foreground/[0.08] aria-pressed:bg-foreground/[0.1] aria-pressed:text-foreground",
 			ai: "bg-amber-500/15 text-amber-700 hover:bg-amber-500/25 active:bg-amber-500/35 dark:text-amber-400 aria-pressed:bg-amber-500/30",
 			link: "text-primary underline-offset-4 hover:underline active:opacity-80 active:scale-100"
 		},
 		size: {
-			default: "h-10 px-4 py-2 has-[>svg]:px-3",
-			xs: "h-7 rounded-pill px-2 text-xs",
-			sm: "h-9 rounded-pill px-3",
-			lg: "h-11 rounded-pill px-8 has-[>svg]:px-5",
-			icon: "h-10 w-10 p-0",
-			"icon-sm": "h-7 w-7 p-0"
+			default: "h-[var(--control-h-md)] px-4 py-2 has-[>svg]:px-3",
+			xs: "h-[var(--control-h-xs)] rounded-pill px-2 text-[length:var(--control-text-sm)]",
+			sm: "h-[var(--control-h-sm)] rounded-pill px-3",
+			lg: "h-[var(--control-h-lg)] rounded-pill px-8 has-[>svg]:px-5",
+			icon: "h-[var(--control-h-md)] w-[var(--control-h-md)] p-0",
+			"icon-sm": "h-[var(--control-h-xs)] w-[var(--control-h-xs)] p-0"
 		}
 	},
 	defaultVariants: {

package/dist/button.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "./button-CAywcrhO.js";
+import { n as e, t } from "./button-DN39cGqL.js";
 export { e as Button, t as buttonVariants };

package/dist/card.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 "./CardAction-q2qHCJFG.js";
+import { a as e, i as t, n, o as r, r as i, s as a, t as o } from "./CardAction-DuArVky-.js";
 export { a as Card, o as CardAction, i as CardContent, t as CardDescription, n as CardFooter, r as CardHeader, e as CardTitle };

package/dist/carousel.js

@@ -3,7 +3,7 @@ import { t } from "./createLucideIcon-B6uNAU9G.js";
 import { t as n } from "./chevron-down-BSkTP2aL.js";
 import { t as r } from "./chevron-right-sDM0Yvrf.js";
 import { t as i } from "./chevron-up-CCOD_FTz.js";
-import { n as a } from "./button-CAywcrhO.js";
+import { n as a } from "./button-DN39cGqL.js";
 import { t as o } from "./_plugin-vue_export-helper-ok8pgSl5.js";
 import { Fragment as s, computed as c, createBlock as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createVNode as p, defineComponent as m, mergeProps as h, normalizeClass as g, onMounted as _, openBlock as v, ref as y, renderList as b, renderSlot as x, resolveDynamicComponent as S, toDisplayString as C, unref as w, watch as T, withCtx as E } from "vue";
 import { createInjectionState as D } from "@vueuse/core";

package/dist/color.js

@@ -1,2 +1,2 @@
-import { a as e, c as t, i as n, l as r, n as i, o as a, r as o, s, t as c } from "./color-DMLTunJK.js";
+import { a as e, c as t, i as n, l as r, n as i, o as a, r as o, s, t as c } from "./color-8jBjWiJ6.js";
 export { c as cssToOklch, i as defaultBlobColorResolver, o as deriveBlobPalette, n as deriveHue, e as gamutMapStop, a as oklchStopToHex, s as oklchToGammaRgb, t as oklchToLinear, r as warmCatchLight };

package/dist/command.js

@@ -1,2 +1,2 @@
-import { a as e, c as t, i as n, l as r, n as i, o as a, r as o, s, t as c } from "./CommandShortcut-SzWRhROC.js";
+import { a as e, c as t, i as n, l as r, n as i, o as a, r as o, s, t as c } from "./CommandShortcut-CefCj5mt.js";
 export { r as Command, t as CommandDialog, s as CommandEmpty, a as CommandGroup, e as CommandInput, n as CommandItem, o as CommandList, i as CommandSeparator, c as CommandShortcut };

package/dist/{compile-BBTRjvQS.js → compile-DAjIoEy2.js}

@@ -32,7 +32,7 @@ function f(e) {
 	}
 	function v(e = "manual") {
 		let t = !o();
-		a.delete(e), t && o() && u && l && (c = performance.now() - 1e3, m());
+		a.delete(e), t && o() && u && l && (c = performance.now() - 1e3, r(), m());
 	}
 	let y = typeof document < "u";
 	function b() {

package/dist/components/custom/configurator/ConfiguratorLayer.vue.d.ts

@@ -8,7 +8,7 @@ import { type HTMLAttributes } from "vue";
  *
  * The layer is uncontrolled by default (`defaultOpen` opens at mount);
  * pass `:open` + `@update:open` for controlled mode (e.g., when a
- * BouncyTabs / DockLayerGroup at the parent governs which layer is
+ * SegmentedTabs / DockLayerGroup at the parent governs which layer is
  * active).
  *
  * # M.W2 Lane A (F-ε-3 fix) — recursion-free reveal

package/dist/components/custom/dock/DockSeparator.vue.d.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;