@mkbabb/glass-ui 3.8.0 → 3.9.0

package/src/styles/utilities.css

@@ -191,14 +191,32 @@
        AL-W10 SLIM (X6 §M-1 + Y7 §3 + DESIGN.md §L3). I compose this
        class onto every interactive surface that wants the iOS tap-
        squish idiom; the press scales to `--scale-press` (0.96, the
-       canonical iOS `.regular` control rung) and the spring carries
-       the return via `--spring-snappy` (the §L3 release-spring
-       contract). I keep this as a single canonical rung — NOT a
-       3-rung ladder. The one outlier I leave alone is the button
-       `0.97` (`--scale-press-btn`), which consumes its own slightly-
-       softer token directly. The dock control now tracks the canonical
-       `--scale-press` (0.96) too (AT.W7-dock-b press canon — the prior
-       deeper `0.92` was retired to ONE source).
+       canonical iOS `.regular` control rung). I keep this as a single
+       canonical rung — NOT a 3-rung ladder. The one outlier I leave
+       alone is the button `0.97` (`--scale-press-btn`), which consumes
+       its own slightly-softer token directly. The dock control now
+       tracks the canonical `--scale-press` (0.96) too (AT.W7-dock-b
+       press canon — the prior deeper `0.92` was retired to ONE source).
+
+       AX.W52 §6 doctrine — the `scale` register is reconciled onto
+       `--spring-smooth` (was `--spring-snappy`), the ONE button/interactive
+       scale register the §6 easing doctrine records and the gate asserts
+       across `.btn-pill`/`.tap-squish`/`.glass-btn`/`btn-interactive`. At
+       ζ=0.86 `--spring-smooth` settles a press crisply with a sub-perceptual
+       (~0.5%) peak — no visible bounce — so press still reads alive while
+       hover reads as a smooth glide on the SAME spring.
+
+       The transition lists the SURFACE legs (bg/border/box-shadow/color/
+       opacity) on the bezier `--ease-standard` alongside the spring `scale`
+       leg — the SAME coherent set `.btn-pill` carries. This is load-bearing:
+       `.tap-squish` and `.btn-pill` are co-composed on the button base and
+       this `transition` shorthand would otherwise CLOBBER `.btn-pill`'s
+       surface legs down to a scale-only animation (the cascade bug that left
+       every button transitioning ONLY `scale` — the live-readback RED). With
+       both classes carrying the full set, whichever wins the surface cross-
+       fade survives. On a non-button press surface the extra legs are inert
+       unless that prop changes, in which case a smooth cross-fade is the
+       desired interactive read anyway.
 
        Under PRM I retire the press transform entirely and lean on the
        consumer's own hover/active bg-tint cascade to acknowledge the
@@ -206,7 +224,13 @@
     .tap-squish {
         /* AQ.W3 §W3.2 identity base */
         scale: 1;
-        transition: scale var(--duration-fast) var(--spring-snappy);
+        transition:
+            background-color var(--duration-fast) var(--ease-standard),
+            border-color var(--duration-fast) var(--ease-standard),
+            box-shadow var(--duration-fast) var(--ease-standard),
+            color var(--duration-fast) var(--ease-standard),
+            opacity var(--duration-fast) var(--ease-standard),
+            scale var(--duration-fast) var(--spring-smooth);
         transform-origin: center center;
     }
     .tap-squish:active {
@@ -683,9 +707,12 @@
    `--duration-fast` + `--ease-standard` tokens. */
 @utility scale-on-hover {
     /* Individual-transform identity base (AQ.W3 §W3.2). Transition the `scale`
-       longhand (not `transform`) so the migrated hover scale animates. */
+       longhand (not `transform`) so the migrated hover scale animates.
+       AX.W52 §6 doctrine — the `scale` transform leg rides `--spring-smooth`
+       (the settle register), NOT the bezier `--ease-standard` (a transform on a
+       bezier reads mechanical; springs read alive on transform). */
     scale: 1;
-    transition: scale var(--duration-fast) var(--ease-standard);
+    transition: scale var(--duration-fast) var(--spring-smooth);
 
     &:hover {
         scale: var(--scale-hover);
@@ -1005,22 +1032,28 @@
 
 /* ── Interactive-button four-state recipe ────────────────────────────────
    `.btn-interactive` carries the canonical "Button-with-spring-hover"
-   four-state contract — transition + hover-scale (`--scale-hover`) +
-   active-press (`--scale-press`) + disabled-opacity + focus-ring fade-in.
-   The Button primitive's variants emit the four states except `hover:scale-*`;
-   this is the canonical opt-in that adds the spring-hover lift. Consumed by
-   keyframes.js at 7 sites. */
+   four-state contract — transition + hover-scale + active-press + disabled-
+   opacity + focus-ring fade-in. The Button primitive's variants emit the four
+   states except `hover:scale-*`; this is the canonical opt-in that adds the
+   spring-hover lift. Consumed by keyframes.js at 7 sites.
+
+   AX.W52 §6 — the hover lift is the restrained `--scale-hover-btn` (1.035, NOT
+   the emphatic 1.08 `--scale-hover`) routed through `--spring-smooth` — the ONE
+   button scale register the §6 doctrine records and the gate asserts across
+   `.btn-pill`/`.tap-squish`/`.glass-btn`/`btn-interactive`. The surface legs
+   stay on the bezier `--ease-standard` (a colour cross-fade reads as a wobble
+   on a spring); only the `scale` transform leg springs. */
 @utility btn-interactive {
     /* AQ.W3 §W3.2 identity base */
     scale: 1;
     transition:
         background-color var(--duration-fast) var(--ease-standard),
         color var(--duration-fast) var(--ease-standard),
-        scale var(--duration-fast) var(--ease-standard),
+        scale var(--duration-fast) var(--spring-smooth),
         opacity var(--duration-fast) var(--ease-standard);
 
     &:hover {
-        scale: var(--scale-hover);
+        scale: var(--scale-hover-btn);
     }
 
     &:active {
@@ -1036,11 +1069,11 @@
         box-shadow: var(--focus-ring-shadow);
         outline: none;
         /* Fade in; base state has no box-shadow transition → instant
-           removal */
+           removal. The `scale` leg keeps the `--spring-smooth` register. */
         transition:
             background-color var(--duration-fast) var(--ease-standard),
             color var(--duration-fast) var(--ease-standard),
-            scale var(--duration-fast) var(--ease-standard),
+            scale var(--duration-fast) var(--spring-smooth),
             opacity var(--duration-fast) var(--ease-standard),
             box-shadow var(--duration-fast) var(--ease-standard);
     }
@@ -1068,36 +1101,52 @@ html.no-transition *::after {
     transition-duration: 0s !important;
 }
 
-/* ── Forced-colors restoration (AQ.W2 §5) ──────────────────────────────
+/* ── Forced-colors focus + silhouette rung (AQ.W2 §5 · generalized AX.W36) ────
    Windows High Contrast / forced-colors mode STRIPS `box-shadow` — so the
    glass focus rings (box-shadow + `outline: none`) vanish, leaving keyboard
-   users with no visible focus (a WCAG 2.4.7 failure forced-colors exposes).
-   Restore a real `outline` keyed to the system `Highlight` color (outline
-   survives forced-colors; box-shadow does not). The box-shadow ring stays the
-   primary in normal mode (it carries the glass aesthetic) — these two are
-   mutually exclusive by media query, NOT a parallel path.
-
-   `forced-color-adjust: none` is deliberately NOT used — glass-ui's
-   glassmorphic chrome is decorative and yields to the user's forced palette
-   (css forced-colors guidance). Baseline Widely Available; this IS the
-   fallback mechanism (it only activates under forced-colors), so no nested
-   guard. */
+   users with no visible focus. Restore a real `outline` keyed to the system
+   `Highlight` color (outline survives forced-colors; box-shadow does not). The
+   box-shadow ring stays the primary in normal mode (it carries the glass
+   aesthetic) — these two are mutually exclusive by media query, NOT a parallel
+   path.
+
+   AX.W36 — the focus-survival selector set is GENERALIZED to the broader
+   interactive surface: the dock CONTROLS (`.dock-icon-button` / `.dock-tab-button`
+   / `.dock-select-trigger` / `.dock-dropdown-trigger`) + the pill button base
+   (`.btn-pill`) all carry a box-shadow focus ring (dock.css / utilities.css) that
+   vanishes under WHC just like the original five. This is the SAME `Highlight`
+   outline rung extended to cover them — ONE block, ONE path (the glass-language
+   structure-survival skin for the tier panes / StatusDot / floating surfaces lives
+   co-located with the ladder it skins, in glass.css).
+
+   `forced-color-adjust: none` is deliberately NOT used — glass-ui's glassmorphic
+   chrome is decorative and yields to the user's forced palette (css forced-colors
+   guidance). Baseline Widely Available; this IS the fallback mechanism (it only
+   activates under forced-colors), so no nested guard. */
 @media (forced-colors: active) {
     .focus-ring:focus-visible,
     .glass-btn:focus-visible,
     .interactive-item:focus-visible,
+    .btn-pill:focus-visible,
+    .dock-icon-button:focus-visible,
+    .dock-tab-button:focus-visible,
+    .dock-select-trigger:focus-visible,
+    .dock-dropdown-trigger:focus-visible,
     .input-pill:focus,
     .input-pill:focus-visible {
         outline: 2px solid Highlight;
         outline-offset: 2px;
     }
 
-    /* Structural edges borne ONLY by box-shadow (the hairline catch-light /
-       glass pill edge / card plate) also vanish — restore a real border so
-       the silhouette survives. CanvasText is the system text/border color. */
+    /* Structural edges borne ONLY by box-shadow (the hairline catch-light + the
+       dock SHELL pill edge) also vanish — restore a real border so the silhouette
+       survives. CanvasText is the system text/border color. The `.glass-dock`
+       shell is OUT of the glass-material group BY DESIGN (it hand-rolls a parallel
+       surface — see glass.css), so it keeps its WHC edge HERE; the five-rung ladder
+       + `.glass-card` get their WHC border from the co-located glass-language skin
+       in glass.css (one source per surface family, no double-declaration). */
     .hairline-accent,
-    .glass-dock,
-    .glass-card {
+    .glass-dock {
         border: 1px solid CanvasText;
     }
 }
@@ -1108,12 +1157,13 @@ html.no-transition *::after {
    to the WCAG 2.5.5 (44px) minimum — ONE amendment retiring the per-consumer
    `min-h-[44px]` one-liners. Token-driven (`--touch-target`); fine-pointer
    byte-identical. Targets `Button size="icon"` (via the `data-size="icon"`
-   attr Button.vue reflects), ExpandableContainer + ResponsiveTabs triggers.
+   attr Button.vue reflects), ExpandableContainer + SegmentedTabs (responsive
+   mobile Select) triggers.
    `min-block/inline-size` only RAISES — a larger explicit size is never lost. */
 @media (pointer: coarse) {
     [data-size="icon"],
     .expandable-container__trigger,
-    .responsive-tabs__trigger {
+    .segmented-tabs__trigger {
         min-block-size: var(--touch-target, 2.75rem);
         min-inline-size: var(--touch-target, 2.75rem);
     }

package/dist/DiscoGlyph-CG0F410s.js

@@ -1,132 +0,0 @@
-import { r as e } from "./keys-BsYjEFOW.js";
-import { computed as t, createElementBlock as n, createElementVNode as r, defineComponent as i, normalizeClass as a, openBlock as o, useId as s, watch as c } from "vue";
-//#region src/components/custom/disco-glyph/DiscoGlyph.vue?vue&type=script&setup=true&lang.ts
-var l = ["viewBox"], u = [
-	"id",
-	"x1",
-	"y1",
-	"x2",
-	"y2"
-], d = ["stop-color"], f = ["stop-color"], p = ["stop-color"], m = ["stop-color"], h = ["stop-color"], g = ["stop-color"], _ = ["stop-color"], v = ["stop-color"], y = ["id"], b = ["d"], x = ["d", "fill"], S = ["d", "fill"], C = /* @__PURE__ */ i({
-	__name: "DiscoGlyph",
-	props: {
-		silhouette: {},
-		viewBox: { default: "0 0 24 24" },
-		active: {
-			type: Boolean,
-			default: !1
-		},
-		phaseColor: { default: "currentColor" },
-		facetAxis: { default: "diagonal" }
-	},
-	setup(i) {
-		let C = i, w = s(), T = t(() => `disco-facet-${w}`), E = t(() => `disco-cap-${w}`), D = t(() => {
-			switch (C.facetAxis) {
-				case "horizontal": return {
-					x1: "0",
-					y1: "0.5",
-					x2: "1",
-					y2: "0.5"
-				};
-				case "vertical": return {
-					x1: "0.5",
-					y1: "0",
-					x2: "0.5",
-					y2: "1"
-				};
-				default: return {
-					x1: "0",
-					y1: "0",
-					x2: "1",
-					y2: "1"
-				};
-			}
-		}), O = e();
-		return O && c(() => C.silhouette, (e) => {
-			O.value = e;
-		}, { immediate: !0 }), (e, t) => (o(), n("svg", {
-			xmlns: "http://www.w3.org/2000/svg",
-			viewBox: i.viewBox,
-			fill: "none",
-			class: a(["disco-glyph", { "disco-glyph--phase-tinted": i.active }]),
-			"aria-hidden": "true"
-		}, [
-			r("defs", null, [r("linearGradient", {
-				id: T.value,
-				x1: D.value.x1,
-				y1: D.value.y1,
-				x2: D.value.x2,
-				y2: D.value.y2
-			}, [
-				r("stop", {
-					offset: "0%",
-					"stop-color": i.phaseColor,
-					"stop-opacity": "0.85"
-				}, null, 8, d),
-				r("stop", {
-					offset: "14%",
-					"stop-color": i.phaseColor,
-					"stop-opacity": "1"
-				}, null, 8, f),
-				r("stop", {
-					offset: "28%",
-					"stop-color": i.phaseColor,
-					"stop-opacity": "0.7"
-				}, null, 8, p),
-				r("stop", {
-					offset: "42%",
-					"stop-color": i.phaseColor,
-					"stop-opacity": "0.95"
-				}, null, 8, m),
-				r("stop", {
-					offset: "56%",
-					"stop-color": i.phaseColor,
-					"stop-opacity": "0.6"
-				}, null, 8, h),
-				r("stop", {
-					offset: "70%",
-					"stop-color": i.phaseColor,
-					"stop-opacity": "0.85"
-				}, null, 8, g),
-				r("stop", {
-					offset: "84%",
-					"stop-color": i.phaseColor,
-					"stop-opacity": "0.5"
-				}, null, 8, _),
-				r("stop", {
-					offset: "100%",
-					"stop-color": i.phaseColor,
-					"stop-opacity": "0.75"
-				}, null, 8, v)
-			], 8, u), r("linearGradient", {
-				id: E.value,
-				x1: "0",
-				y1: "0",
-				x2: "0.5",
-				y2: "0.5"
-			}, [...t[0] ||= [r("stop", {
-				offset: "0%",
-				"stop-color": "white",
-				"stop-opacity": "0.55"
-			}, null, -1), r("stop", {
-				offset: "40%",
-				"stop-color": "white",
-				"stop-opacity": "0"
-			}, null, -1)]], 8, y)]),
-			r("path", {
-				d: i.silhouette,
-				fill: "currentColor"
-			}, null, 8, b),
-			r("path", {
-				d: i.silhouette,
-				fill: `url(#${T.value})`
-			}, null, 8, x),
-			r("path", {
-				d: i.silhouette,
-				fill: `url(#${E.value})`
-			}, null, 8, S)
-		], 10, l));
-	}
-});
-//#endregion
-export { C as t };

package/dist/GlyphFace-DRjDkB0s.js

@@ -1,51 +0,0 @@
-import { t as e } from "./cn-DJXf4yaB.js";
-import { n as t } from "./keys-BsYjEFOW.js";
-import { computed as n, createElementBlock as r, createElementVNode as i, defineComponent as a, normalizeClass as o, normalizeStyle as s, openBlock as c, ref as l, renderSlot as u } from "vue";
-//#region src/components/custom/glyph-face/GlyphFace.vue?vue&type=script&setup=true&lang.ts
-var d = ["data-active"], f = /* @__PURE__ */ a({
-	__name: "GlyphFace",
-	props: {
-		active: {
-			type: Boolean,
-			default: !1
-		},
-		tint: {},
-		silhouette: {},
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] }
-	},
-	setup(a) {
-		let f = a, p = l(void 0);
-		t(p);
-		let m = n(() => e("glyph-face", f.class)), h = n(() => {
-			let e = { "--gf-tint": f.tint ?? "transparent" }, t = f.silhouette ?? p.value;
-			if (t) {
-				let n = t.trim();
-				e["--gf-silhouette"] = /^[Mm][\s.,\d-]/.test(n) ? `path('${n}')` : n;
-			}
-			return e;
-		});
-		return (e, t) => (c(), r("span", {
-			class: o(m.value),
-			"data-active": a.active ? "true" : "false",
-			style: s(h.value)
-		}, [
-			t[0] ||= i("span", {
-				class: "glyph-face-backplate",
-				"aria-hidden": "true"
-			}, null, -1),
-			u(e.$slots, "default"),
-			t[1] ||= i("span", {
-				class: "glyph-face-cap",
-				"aria-hidden": "true"
-			}, null, -1)
-		], 14, d));
-	}
-});
-//#endregion
-export { f as t };

package/dist/UnderlineTabs-Uxn-R3MT.js

@@ -1,39 +0,0 @@
-import { t as e } from "./cn-DJXf4yaB.js";
-import { t } from "./_plugin-vue_export-helper-ok8pgSl5.js";
-import { Fragment as n, createElementBlock as r, defineComponent as i, mergeModels as a, normalizeClass as o, openBlock as s, renderList as c, toDisplayString as l, unref as u, useModel as d } from "vue";
-//#region src/components/custom/tabs/UnderlineTabs.vue?vue&type=script&setup=true&lang.ts
-var f = ["aria-selected", "onClick"], p = /* @__PURE__ */ t(/* @__PURE__ */ i({
-	__name: "UnderlineTabs",
-	props: /* @__PURE__ */ a({
-		options: {},
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] }
-	}, {
-		modelValue: { required: !0 },
-		modelModifiers: {}
-	}),
-	emits: ["update:modelValue"],
-	setup(t) {
-		let i = t, a = d(t, "modelValue");
-		function p(e) {
-			a.value = e;
-		}
-		return (d, m) => (s(), r("div", {
-			role: "tablist",
-			class: o(u(e)("underline-tabs", i.class))
-		}, [(s(!0), r(n, null, c(t.options, (e) => (s(), r("button", {
-			key: e.value,
-			class: "underline-tab",
-			role: "tab",
-			"aria-selected": a.value === e.value ? "true" : "false",
-			onClick: (t) => p(e.value)
-		}, l(e.label), 9, f))), 128))], 2));
-	}
-}), [["__scopeId", "data-v-f3ec0f83"]]);
-//#endregion
-export { p as t };

package/dist/components/custom/aurora/constants/shaders/painterly.wgsl.d.ts

@@ -1,7 +0,0 @@
-/** The tensor-target format the CONSUMER declares (NOT baked in the substrate). */
-export declare const PAINTERLY_TENSOR_FORMAT: "rgba16float";
-/** The anisotropic-Kuwahara sector count the CONSUMER declares. */
-export declare const PAINTERLY_KUWAHARA_SECTORS: 8;
-export declare const PAINTERLY_TENSOR_WGSL = "\n@group(0) @binding(0) var baseTex: texture_2d<f32>;\n@group(0) @binding(1) var baseSampler: sampler;\n\nconst W_LUMA: vec3f = vec3f(0.2126, 0.7152, 0.0722);\n\n@fragment\nfn tensor_main(@location(0) uv: vec2f) -> @location(0) vec4f {\n  let texel = 1.0 / vec2f(textureDimensions(baseTex));\n  // 3x3 Sobel over luma.\n  var l: array<f32, 9>;\n  var k = 0;\n  for (var dy = -1; dy <= 1; dy = dy + 1) {\n    for (var dx = -1; dx <= 1; dx = dx + 1) {\n      let s = textureSample(baseTex, baseSampler, uv + vec2f(f32(dx), f32(dy)) * texel).rgb;\n      l[k] = dot(s, W_LUMA);\n      k = k + 1;\n    }\n  }\n  let gx = (l[2] + 2.0 * l[5] + l[8]) - (l[0] + 2.0 * l[3] + l[6]);\n  let gy = (l[6] + 2.0 * l[7] + l[8]) - (l[0] + 2.0 * l[1] + l[2]);\n  // (Jxx, Jyy, Jxy) \u2014 RGBA16F target (magnitudes exceed [0,1], 8-bit LDR clips).\n  return vec4f(gx * gx, gy * gy, gx * gy, 1.0);\n}";
-export declare const PAINTERLY_SMOOTH_WGSL = "\n@group(0) @binding(0) var tensorTex: texture_2d<f32>;\n@group(0) @binding(1) var tensorSampler: sampler;\n@group(0) @binding(2) var<uniform> dir: vec2f;\n\n@fragment\nfn smooth_main(@location(0) uv: vec2f) -> @location(0) vec4f {\n  let texel = 1.0 / vec2f(textureDimensions(tensorTex));\n  // 9-tap Gaussian (sigma ~2) along the dir axis.\n  let w = array<f32, 5>(0.227027, 0.194594, 0.121622, 0.054054, 0.016216);\n  var sum = textureSample(tensorTex, tensorSampler, uv).xyz * w[0];\n  for (var i = 1; i < 5; i = i + 1) {\n    let off = dir * texel * f32(i);\n    sum = sum + textureSample(tensorTex, tensorSampler, uv + off).xyz * w[i];\n    sum = sum + textureSample(tensorTex, tensorSampler, uv - off).xyz * w[i];\n  }\n  return vec4f(sum, 1.0);\n}";
-export declare const PAINTERLY_KUWAHARA_WGSL: string;

package/dist/components/custom/aurora/constants/shaders/wake.wgsl.d.ts

@@ -1,4 +0,0 @@
-/** The wake velocity-texture format (the CONSUMER declares it; the substrate bakes none). */
-export declare const WAKE_TEXTURE_FORMAT: "rg16float";
-export declare const WAKE_ADVECT_WGSL = "\nstruct WakeUniforms {\n  dt: f32,\n  tempo: f32,        // the master tempo scalar (0 under PRM/pause \u2014 freezes injection)\n  dissipation: f32,\n  pad: f32,\n  splatPos: vec2f,   // the delta-tracked pointer position (0..1)\n  splatVel: vec2f,   // the pointer velocity (the splat direction/strength)\n  splatRadius: f32,\n  rippleAmp: f32,    // a click \u2192 a radial-ripple impulse\n  pad2: vec2f,\n};\n\n@group(0) @binding(0) var velTex: texture_2d<f32>;\n@group(0) @binding(1) var velSampler: sampler;\n@group(0) @binding(2) var<uniform> U: WakeUniforms;\n\n@fragment\nfn advect_main(@location(0) uv: vec2f) -> @location(0) vec4f {\n  let texel = 1.0 / vec2f(textureDimensions(velTex));\n  // Self-advection: trace back along the local velocity by dt (semi-Lagrangian).\n  let v0 = textureSample(velTex, velSampler, uv).xy;\n  let back = uv - v0 * U.dt;\n  var v = textureSample(velTex, velSampler, back).xy;\n  // Dissipate (the eddies decay so the wake lingers but fades).\n  v = v * U.dissipation;\n\n  // Delta-tracked Gaussian SPLAT \u2014 the pointer writes velocity into the field. The\n  // injection is gated by the master tempo (0 under PRM \u2192 no new motion under reduce).\n  let d = uv - U.splatPos;\n  let g = exp(-dot(d, d) / max(U.splatRadius * U.splatRadius, 1e-6));\n  v = v + U.splatVel * g * U.tempo;\n\n  // Click \u2192 a radial-ripple impulse (pushes velocity radially outward from the splat).\n  if (U.rippleAmp > 0.001) {\n    let dir = d / max(length(d), 1e-4);\n    v = v + dir * U.rippleAmp * g * U.tempo;\n  }\n\n  return vec4f(v, 0.0, 1.0);\n}";
-export declare const WAKE_APPLY_WGSL = "\n@group(0) @binding(0) var wakeTex: texture_2d<f32>;\n@group(0) @binding(1) var wakeSampler: sampler;\n\nfn wakeBias(uv: vec2f) -> vec2f {\n  return textureSample(wakeTex, wakeSampler, uv).xy;\n}";

package/dist/components/custom/disco-glyph/DiscoGlyph.vue.d.ts

@@ -1,58 +0,0 @@
-/**
- * <DiscoGlyph> — faceted SVG glyph primitive.
- *
- * Three layers paint over a single `silhouette` path:
- *   1. base — the silhouette filled `currentColor` so consumers retain the
- *      lucide cascade (Vignelli-clean colour register at idle).
- *   2. facet — an 8-stop linear gradient that simulates ~6 facets cutting
- *      across the glyph face. `phaseColor` (default `currentColor`) drives
- *      the hue; in active states a phase var (`--phase-color` or similar)
- *      reads through. Q.W3.A.3: gradient axis adapts to silhouette via
- *      `facetAxis` so each consumer picks the axis that cuts *across* its
- *      dominant stroke direction (CheckDisco's V-shape calls for vertical;
- *      ArrowRightDisco's horizontal shaft also vertical; PlayDisco's
- *      triangle works on the diagonal).
- *   3. cap — a 165° specular catch-light gradient. White at the upper-left,
- *      transparent past 40%; the polished-metal hot-spot a real disco
- *      glyph would carry under club lighting.
- *
- * Q.W3.A.1 silhouette hand-off: when wrapped in a `<GlyphFace>`, this
- * primitive publishes its `silhouette` prop upward via the
- * `GLYPH_FACE_SILHOUETTE_KEY` injection slot, so the GlyphFace cap clips
- * to the disco silhouette without the wrapping consumer (PrimaryAction)
- * needing to mirror the path on every glyph swap. The provide/inject
- * path is reactive — GlyphFace re-reads when the descendant's
- * `silhouette` prop changes (e.g. PrimaryAction's `glyphFor(state)`
- * branches across Play / Check / ArrowRight / RotateCcw).
- *
- * `useId()` scopes the gradient ids so multiple glyphs on one page do not
- * collide post-SSR/hydration. The id format mirrors the existing speedtest
- * conventions (`disco-facet-<id>` / `disco-cap-<id>`).
- */
-type __VLS_Props = {
-    /** SVG path d-attribute describing the glyph silhouette. */
-    silhouette: string;
-    /** SVG viewBox. Defaults `0 0 24 24`. */
-    viewBox?: string;
-    /** Phase-tinted state — wired through CSS class consumers may hook. */
-    active?: boolean;
-    /** Stop-color for the facet gradient. Defaults `currentColor`. */
-    phaseColor?: string;
-    /**
-     * Axis along which the facet gradient runs. The 8 stops cut
-     * perpendicular to this axis, so a diagonal axis gives diagonal
-     * facets, vertical gives horizontal facets across the glyph,
-     * etc. Q.W3.A.3 default stays diagonal; consumers picking an
-     * axis that cuts across the silhouette's dominant stroke
-     * sharpen the facet read at small render sizes.
-     */
-    facetAxis?: "diagonal" | "horizontal" | "vertical";
-};
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    active: boolean;
-    viewBox: string;
-    phaseColor: string;
-    facetAxis: "diagonal" | "horizontal" | "vertical";
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/components/custom/disco-glyph/index.d.ts

@@ -1 +0,0 @@
-export { default as DiscoGlyph } from "./DiscoGlyph.vue";

package/dist/components/custom/glass-carousel/GlassCarousel.vue.d.ts

@@ -1,36 +0,0 @@
-import { type HTMLAttributes } from "vue";
-type __VLS_Props = {
-    /** Scroll axis */
-    orientation?: "horizontal" | "vertical";
-    /** Expanded = items spread to fill space; collapsed = compact pill */
-    expanded?: boolean;
-    /** Enable scroll-snap */
-    snap?: boolean | "mandatory" | "proximity";
-    /** Show overflow fade indicators */
-    fadeOverflow?: boolean;
-    class?: HTMLAttributes["class"];
-};
-declare var __VLS_15: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_15) => any;
-};
-declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
-    canScrollStart: import("vue").Ref<boolean, boolean>;
-    canScrollEnd: import("vue").Ref<boolean, boolean>;
-    scrollToItem: (index: number) => void;
-    isTransitioning: import("vue").Ref<boolean, boolean>;
-    visualExpanded: import("vue").Ref<boolean, boolean>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    orientation: "horizontal" | "vertical";
-    expanded: boolean;
-    snap: boolean | "mandatory" | "proximity";
-    fadeOverflow: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
-declare const _default: typeof __VLS_export;
-export default _default;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/components/custom/glass-carousel/GlassCarouselItem.vue.d.ts

@@ -1,28 +0,0 @@
-import { type HTMLAttributes } from "vue";
-type __VLS_Props = {
-    /** Whether this item is the active/highlighted one */
-    active?: boolean;
-    /** Whether the item grows/shrinks between expanded and collapsed modes */
-    expandable?: boolean;
-    class?: HTMLAttributes["class"];
-};
-declare var __VLS_1: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_1) => any;
-};
-declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    click: (e: MouseEvent) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onClick?: ((e: MouseEvent) => any) | undefined;
-}>, {
-    active: boolean;
-    expandable: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
-declare const _default: typeof __VLS_export;
-export default _default;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/components/custom/glass-carousel/index.d.ts

@@ -1,4 +0,0 @@
-export { default as GlassCarousel } from "./GlassCarousel.vue";
-export { default as GlassCarouselItem } from "./GlassCarouselItem.vue";
-export { useGlassCarousel } from "./useGlassCarousel";
-export type { UseGlassCarouselOptions } from "./useGlassCarousel";

package/dist/components/custom/glass-carousel/useGlassCarousel.d.ts

@@ -1,30 +0,0 @@
-import { type Ref } from "vue";
-export interface UseGlassCarouselOptions {
-    /** Scroll axis */
-    orientation: Ref<"horizontal" | "vertical">;
-    /** The logical expanded state */
-    expanded: Ref<boolean>;
-    /** The carousel root element ref — dimensions are animated on this element */
-    rootEl: Ref<HTMLElement | null>;
-    /** The scroll viewport element ref (reka-ui ScrollAreaViewport) */
-    viewportEl: Ref<HTMLElement | null>;
-    /** Fade duration in ms before the mode swap (default: 60) */
-    fadeMs?: number;
-}
-/**
- * Composable for GlassCarousel — manages scroll overflow detection,
- * expand/collapse transitions (following GlassDock's FLIP pattern),
- * and item scroll-to behavior.
- */
-export declare function useGlassCarousel(options: UseGlassCarouselOptions): {
-    canScrollStart: Ref<boolean, boolean>;
-    canScrollEnd: Ref<boolean, boolean>;
-    getOverflowFadeClass: () => "" | "scroll-fade-y" | "scroll-fade-mask" | "scroll-fade-top" | "scroll-fade-bottom";
-    updateOverflow: () => void;
-    scrollToItem: (index: number) => void;
-    visualExpanded: Ref<boolean, boolean>;
-    isTransitioning: Ref<boolean, boolean>;
-    transitionSize: Ref<string | null, string | null>;
-    suppressTransition: Ref<boolean, boolean>;
-    onTransitionEnd: (e: TransitionEvent) => void;
-};