@mkbabb/glass-ui 5.0.0 → 6.0.0

package/dist/components/animated-digit/AnimatedDigit.vue.d.ts

@@ -49,8 +49,8 @@ export interface AnimatedDigitProps {
     class?: HTMLAttributes["class"];
 }
 declare const __VLS_export: import("vue").DefineComponent<AnimatedDigitProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<AnimatedDigitProps> & Readonly<{}>, {
-    mode: AnimatedDigitMode;
     placeholder: string;
+    mode: AnimatedDigitMode;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/components/aurora/Aurora.vue.d.ts

@@ -1,6 +1,7 @@
 import type { AuroraRuntimeOptions } from "./composables/runtime";
 import { type AuroraConfig } from "./constants/presets";
 import { type AuroraRenderMode } from "./constants/renderMode";
+import type { RendererStatus } from "../../composables/glass/webgpu/rendererStatus";
 /**
  * Aurora — a painterly WebGL2 background.
  *
@@ -95,7 +96,12 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {
     pause: () => void;
     resume: () => void;
     isArmed: Readonly<import("vue").Ref<boolean, boolean>>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    rendererStatus: Readonly<import("vue").Ref<RendererStatus, RendererStatus>>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    rendererStatus: (status: RendererStatus) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onRendererStatus?: ((status: RendererStatus) => any) | undefined;
+}>, {
     config: AuroraConfig;
     renderMode: AuroraRenderMode;
     opacityCeiling: number;

package/dist/components/aurora/composables/runtime.d.ts

@@ -21,6 +21,7 @@
  * Y-origin convention: config authoring is CSS-top-origin (0 = top). The seams
  * flip Y at the uniform boundary (`flipY` in uniformBridge/frameLoop).
  */
+import { type RendererStatus } from "../../../composables/glass/webgpu/useGpuSubstrate";
 import type { AuroraConfig, AuroraInstance } from "../constants/presets";
 export type AuroraRuntimeMode = "live" | "capture";
 /**
@@ -65,9 +66,9 @@ export interface AuroraRuntimeOptions {
      * the signal reaches the consumer's error boundary / dev console. On the
      * DEFERRED path the failure happens on an idle tick — outside any mount-time
      * boundary — so the runtime routes it here, and `useAurora` re-surfaces it on
-     * the microtask queue (so it still reaches the dev console /
-     * `app.config.errorHandler`) when no handler is supplied. Provide this
-     * callback to opt into silent handling on either path.
+     * the microtask queue (so it still reaches the dev console) when no handler
+     * is supplied. `Aurora.vue` adapts its Vue `app.config.errorHandler` into
+     * this callback; direct composable consumers provide their own handler.
      *
      * NOTE: this is the `useAurora` Vue-wrapper contract surface. The imperative
      * `createAurora(...)` runtime throws on eager init failure and — for
@@ -82,6 +83,7 @@ export interface AuroraRuntimeOptions {
      * GENUINE violations (a malformed shader, an OOM, a real link failure).
      */
     onInitError?: (err: Error) => void;
+    onRendererStatus?: (status: RendererStatus) => void;
     /**
      * BB.W-AURORA-SWRASTER — opt OUT of the runtime software-raster wedge catch.
      * Default `false`: the wedge catch is the safe default — `createAurora`

package/dist/components/aurora/composables/useAurora.d.ts

@@ -2,6 +2,7 @@ import { type Ref } from "vue";
 import { type AuroraRuntimeOptions } from "./runtime";
 import { type ConfigSource } from "./configSource";
 import type { AuroraConfig } from "../constants/presets";
+import { type RendererStatus } from "../../../composables/glass/webgpu/rendererStatus";
 /**
  * Adaptive-substrate options threaded down from `Aurora.vue` (AM.W1). The
  * render mode is the RESOLVED concrete substrate (`"auto"` already collapsed
@@ -44,6 +45,7 @@ export interface UseAuroraReturn {
      * it flip on the post-first-paint idle tick.
      */
     isArmed: Readonly<Ref<boolean>>;
+    rendererStatus: Readonly<Ref<RendererStatus>>;
 }
 /**
  * Vue-side wrapper for the imperative `createAurora` runtime.
@@ -71,8 +73,8 @@ export interface UseAuroraReturn {
  * of three paths:
  *   1. pass an `onInitError(err)` handler in `runtimeOptions` (the explicit
  *      opt-in — receives the error directly), OR
- *   2. install a Vue global `app.config.errorHandler` (the re-surfaced
- *      microtask rejection reaches it), OR
+ *   2. when using `Aurora.vue`, install a Vue global `app.config.errorHandler`
+ *      (the component adapts it into `onInitError`), OR
  *   3. knowingly accept the unhandled rejection (the dev console still gets it).
  * Armed deferred with NO `onInitError`, `useAurora` dev-warns ONCE so the
  * silent-by-omission case is visible. WebGL2-unavailable still throws HARD.

package/dist/components/avatar/AvatarImage.vue.d.ts

@@ -3,6 +3,8 @@ import { type AvatarImageProps } from 'reka-ui';
 type __VLS_Props = AvatarImageProps & {
     alt?: ImgHTMLAttributes['alt'];
 };
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    alt: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/components/badge/index.d.ts

@@ -1,8 +1,8 @@
 import { type VariantProps } from 'class-variance-authority';
 export { default as Badge } from './Badge.vue';
 export declare const badgeVariants: (props?: ({
-    variant?: "default" | "outline" | "secondary" | null | undefined;
-    tone?: "neutral" | "success" | "warning" | "info" | "destructive" | null | undefined;
+    variant?: "default" | "secondary" | "outline" | null | undefined;
+    tone?: "neutral" | "destructive" | "success" | "warning" | "info" | null | undefined;
     size?: "sm" | "md" | "lg" | null | undefined;
     surface?: "glass" | "loud" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;

package/dist/components/blob/Blob.vue.d.ts

@@ -49,6 +49,14 @@ type __VLS_Props = {
      * renderer seam (no parallel pause path); the prop owns the default.
      */
     paused?: boolean;
+    /**
+     * Accessible name for the optional press surface. Omit it for a decorative,
+     * listener-free Blob; provide it to render a native button that owns pointer,
+     * touch, Enter, and Space activation.
+     */
+    pressLabel?: string;
+    /** Disables the optional press surface and pointer response. */
+    disabled?: boolean;
 };
 declare function nudge(): void;
 declare function setMood(m: BlobMood): void;
@@ -61,11 +69,14 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {
     pause: () => void;
     resume: () => void;
     settled: Readonly<import("vue").Ref<boolean, boolean>>;
+    rendererStatus: Readonly<import("vue").Ref<import("../../composables/glass/webgpu/rendererStatus").RendererStatus, import("../../composables/glass/webgpu/rendererStatus").RendererStatus>>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     click: () => any;
+    rendererStatus: (status: import("../../composables/glass/webgpu/rendererStatus").RendererStatus) => any;
     "update:paused": (value: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     onClick?: (() => any) | undefined;
+    onRendererStatus?: ((status: import("../../composables/glass/webgpu/rendererStatus").RendererStatus) => any) | undefined;
     "onUpdate:paused"?: ((value: boolean) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/components/blob/composables/useMetaballRenderer.d.ts

@@ -1,4 +1,5 @@
 import { type Ref } from "vue";
+import { type RendererStatus } from "../../../composables/glass/webgpu/useGpuSubstrate";
 import type { BlobConfig } from "../types";
 import type { BlobMoodSystem } from "./useBlobMood";
 import type { BlobPointer } from "./useBlobPointer";
@@ -69,6 +70,7 @@ export interface UseMetaballRendererReturn {
      * consumer observes it, never writes it.
      */
     settled: Readonly<Ref<boolean>>;
+    readonly rendererStatus: Readonly<Ref<RendererStatus>>;
 }
 /**
  * The GooBlob renderer — composes the `createGpuSubstrate` picker (BB.W-VIZ-SUITE /

package/dist/components/button/Button.vue.d.ts

@@ -13,10 +13,12 @@ interface Props extends PrimitiveProps {
     punch?: boolean;
     type?: ButtonHTMLAttributes['type'];
     disabled?: ButtonHTMLAttributes['disabled'];
+    /** Marks an in-flight command and disables native activation until it settles. */
+    loading?: boolean;
 }
-declare var __VLS_13: {};
+declare var __VLS_17: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_13) => any;
+    default?: (props: typeof __VLS_17) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
     as: import("reka-ui").AsTag | import("vue").Component;

package/dist/components/button/index.d.ts

@@ -1,8 +1,8 @@
 import { type VariantProps } from 'class-variance-authority';
 export { default as Button } from './Button.vue';
 export declare const buttonVariants: (props?: ({
-    variant?: "glass" | "link" | "default" | "outline" | "primary-audacious" | "gold-audacious" | "secondary" | "accent" | "ghost" | "glass-wash" | "ai" | null | undefined;
-    size?: "xs" | "sm" | "md" | "lg" | null | undefined;
+    variant?: "link" | "default" | "glass" | "accent" | "secondary" | "outline" | "primary-audacious" | "gold-audacious" | "ghost" | "glass-wash" | "ai" | null | undefined;
+    size?: "sm" | "md" | "lg" | "xs" | null | undefined;
     iconOnly?: boolean | null | undefined;
     tone?: "neutral" | "destructive" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;

package/dist/components/card/Card.vue.d.ts

@@ -155,15 +155,15 @@ interface Props extends PrimitiveProps {
     dataHueStrength?: string;
     class?: HTMLAttributes["class"];
 }
-declare var __VLS_13: {};
+declare var __VLS_17: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_13) => any;
+    default?: (props: typeof __VLS_17) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
     shadow: boolean;
-    grid: boolean;
-    surface: CardSurface;
     as: import("reka-ui").AsTag | import("vue").Component;
+    surface: CardSurface;
+    grid: boolean;
     deep: boolean;
     tier: CardTier;
     grain: boolean;

package/dist/components/card/ScrollCard.vue.d.ts

@@ -19,8 +19,8 @@ declare const _default: typeof __VLS_export;
 export default _default;
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ScrollCardProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ScrollCardProps> & Readonly<{}>, {
     shadow: boolean;
-    maxHeight: string;
     surface: CardSurface;
+    maxHeight: string;
     tier: CardTier;
     specular: CardSpecular;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {

package/dist/components/card/styles.css

@@ -0,0 +1 @@
+@layer components { [data-slot="card"]:where([data-surface="glass"], [data-surface="cartoon"]) { --glass-tint-strength: 8%; --glass-border-rung: color-mix(in srgb, var(--foreground) 9%, transparent); } [data-slot="card"][data-surface="glass"]:not(.paper-grid) { background-blend-mode: var(--card-field-floor-blend, screen, normal); } @media (prefers-contrast: more) { [data-slot="card"][data-surface="glass"]:not(.paper-grid) { background-blend-mode: normal; } } [data-slot="card"][data-surface="glass"]:not(.paper-grid) { background-image: var( --card-field-floor-image, radial-gradient( 60% 55% at 80% 16%, oklch(0.96 0.04 78 / 0.5), oklch(0.96 0.04 78 / 0) 72% ), radial-gradient( 120% 110% at 78% 22%, oklch(0.9 0.075 72 / 0.5), oklch(0.9 0.075 72 / 0) 70% ) ); } :where([data-paper-field]) [data-slot="card"][data-surface="glass"]:not(.paper-grid) { background-image: none; } .paper-texture { background-image: var(--paper-grain-tooth); background-repeat: repeat; background-size: var(--paper-grain-tile); background-blend-mode: multiply; } :where(.dark) .paper-texture { background-blend-mode: screen; } .paper-grid { background-image: var(--paper-grid-texture); background-repeat: repeat; background-size: calc(var(--paper-grid-texture-size) * 4) calc(var(--paper-grid-texture-size) * 4), calc(var(--paper-grid-texture-size) * 4) calc(var(--paper-grid-texture-size) * 4), var(--paper-grid-texture-size) var(--paper-grid-texture-size), var(--paper-grid-texture-size) var(--paper-grid-texture-size); background-blend-mode: multiply; } :where(.dark) .paper-grid, .dark .paper-grid { background-blend-mode: screen; } } @media (prefers-reduced-transparency: reduce) { .paper-grid { background-image: none; } } @media (prefers-reduced-motion: reduce) { .paper-grid { animation: none !important; } } [data-variant="selection"] { --selection-accent-strength: 16%; --selection-accent-strength-selected: 28%; --glass-accent-strength: var(--selection-accent-strength); } [data-variant="selection"][data-selected="true"] { --glass-accent-strength: var(--selection-accent-strength-selected); --glass-bg-resting: var(--glass-bg-floating, var(--glass-bg-resting)); } @utility cartoon-surface { border-width: 2px; box-shadow: var(--shadow-cartoon-md); translate: 0; position: relative; --motion-weight: 1; --cartoon-press-t: var(--card-press-t, 0); transition: translate var(--duration-normal) var(--ease-cartoon-punch), scale var(--duration-normal) var(--ease-cartoon-punch), box-shadow var(--duration-normal) var(--ease-standard); &:hover:not(:active):not(:disabled) { translate: var(--lift-sm) var(--lift-sm); scale: 1.015 0.985; box-shadow: var(--shadow-cartoon-lg); & .cartoon-cast { box-shadow: var(--shadow-cartoon-lg); } } &:active:not(:disabled):not([data-press-armed]) { scale: 1.04 0.94; } } .cartoon-cast { position: absolute; inset: 0; z-index: -1; border-radius: inherit; pointer-events: none; box-shadow: var(--shadow-cartoon-md); --cast-travel: calc(6px * var(--motion-weight) * var(--cartoon-press-t)); --cast-spread: calc(1 + 0.18 * var(--motion-weight) * var(--cartoon-press-t)); translate: calc(-1 * var(--cast-travel) + var(--cartoon-cast-dx)) calc(var(--cast-travel) + var(--cartoon-cast-dy)); scale: var(--cast-spread); transition: translate calc(var(--duration-normal) * 1.15) var(--ease-cartoon-punch), scale calc(var(--duration-normal) * 1.15) var(--ease-cartoon-punch), --cartoon-cast-dx var(--duration-normal) var(--ease-cartoon-punch), --cartoon-cast-dy var(--duration-normal) var(--ease-cartoon-punch); will-change: translate, scale; } .btn-punch .cartoon-cast { box-shadow: var(--shadow-lg); } @media (prefers-reduced-motion: reduce) { .cartoon-surface, .cartoon-cast { --motion-weight: 0; transition: none; } } @utility veil-surface { --veil-bg: color-mix( in oklab, var(--glass-bg-quiet), var(--glass-tint-source) var(--glass-tint-strength) ); --veil-blur: var(--glass-blur-quiet); --veil-border: none; --veil-shadow: none; --veil-feather: none; background: var(--veil-bg); -webkit-backdrop-filter: var(--veil-blur); backdrop-filter: var(--veil-blur); border: var(--veil-border); box-shadow: var(--veil-shadow); mask-image: var(--veil-feather); }

package/dist/components/carousel/Carousel.vue.d.ts

@@ -9,7 +9,7 @@ declare var __VLS_1: {
     canScrollPrev: boolean;
     carouselApi: import("embla-carousel").EmblaCarouselType | undefined;
     carouselRef: HTMLElement | undefined;
-    orientation: "horizontal" | "vertical" | undefined;
+    orientation: "vertical" | "horizontal" | undefined;
     scrollNext: () => void;
     scrollPrev: () => void;
 };
@@ -21,7 +21,7 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     canScrollPrev: import("vue").Ref<boolean, boolean>;
     carouselApi: import("vue").Ref<import("embla-carousel").EmblaCarouselType | undefined, import("embla-carousel").EmblaCarouselType | undefined>;
     carouselRef: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
-    orientation: "horizontal" | "vertical" | undefined;
+    orientation: "vertical" | "horizontal" | undefined;
     scrollNext: () => void;
     scrollPrev: () => void;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {

package/dist/components/carousel/CarouselNext.vue.d.ts

@@ -9,7 +9,7 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_10) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    variant: "glass" | "link" | "default" | "outline" | "primary-audacious" | "gold-audacious" | "secondary" | "accent" | "ghost" | "glass-wash" | "ai" | null;
+    variant: "link" | "default" | "glass" | "accent" | "secondary" | "outline" | "primary-audacious" | "gold-audacious" | "ghost" | "glass-wash" | "ai" | null;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/components/carousel/CarouselPrevious.vue.d.ts

@@ -9,7 +9,7 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_10) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    variant: "glass" | "link" | "default" | "outline" | "primary-audacious" | "gold-audacious" | "secondary" | "accent" | "ghost" | "glass-wash" | "ai" | null;
+    variant: "link" | "default" | "glass" | "accent" | "secondary" | "outline" | "primary-audacious" | "gold-audacious" | "ghost" | "glass-wash" | "ai" | null;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/components/carousel/index.d.ts

@@ -4,6 +4,5 @@ export { default as CarouselItem } from './CarouselItem.vue';
 export { default as CarouselNext } from './CarouselNext.vue';
 export { default as CarouselPager } from './CarouselPager.vue';
 export { default as CarouselPrevious } from './CarouselPrevious.vue';
-export { default as GlassCarouselPager } from './GlassCarouselPager.vue';
 export type { UnwrapRefCarouselApi as CarouselApi, } from './interface';
 export { useCarousel } from './useCarousel';

package/dist/components/carousel/useCarousel.d.ts

@@ -7,7 +7,7 @@ declare const useProvideCarousel: (args_0: CarouselProps, emits: CarouselEmits)
     canScrollNext: import("vue").Ref<boolean, boolean>;
     scrollPrev: () => void;
     scrollNext: () => void;
-    orientation: "horizontal" | "vertical" | undefined;
+    orientation: "vertical" | "horizontal" | undefined;
 };
 declare function useCarousel(): {
     carouselRef: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
@@ -16,6 +16,6 @@ declare function useCarousel(): {
     canScrollNext: import("vue").Ref<boolean, boolean>;
     scrollPrev: () => void;
     scrollNext: () => void;
-    orientation: "horizontal" | "vertical" | undefined;
+    orientation: "vertical" | "horizontal" | undefined;
 };
 export { useCarousel, useProvideCarousel, CAROUSEL_WEIGHTY_DURATION };

package/dist/components/combobox/ComboboxList.vue.d.ts

@@ -19,8 +19,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {},
     onInteractOutside?: ((event: import("reka-ui").PointerDownOutsideEvent | import("reka-ui").FocusOutsideEvent) => any) | undefined;
 }>, {
     position: "inline" | "popper";
-    align: "center" | "start" | "end";
     sideOffset: number;
+    align: "end" | "start" | "center";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/components/combobox/index.d.ts

@@ -6,6 +6,4 @@ export { default as ComboboxInput } from './ComboboxInput.vue';
 export { default as ComboboxItem } from './ComboboxItem.vue';
 export { default as ComboboxItemIndicator } from './ComboboxItemIndicator.vue';
 export { default as ComboboxList } from './ComboboxList.vue';
-export { default as ComboboxSeparator } from './ComboboxSeparator.vue';
-export { default as ComboboxViewport } from './ComboboxViewport.vue';
-export { ComboboxCancel, ComboboxTrigger } from 'reka-ui';
+export { ComboboxTrigger } from 'reka-ui';

package/dist/components/command/Command.vue.d.ts

@@ -24,9 +24,9 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {},
     } | undefined) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
 }>, {
+    modelValue: import("reka-ui").AcceptableValue | import("reka-ui").AcceptableValue[];
     open: boolean;
     surface: Surface;
-    modelValue: import("reka-ui").AcceptableValue | import("reka-ui").AcceptableValue[];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/components/command/CommandDialog.vue.d.ts

@@ -1,15 +1,18 @@
-import type { DialogRootProps } from 'reka-ui';
+import type { ComboboxRootProps, DialogRootProps } from 'reka-ui';
 import type { Surface } from '../_shared/useSurfaceAxis';
-type __VLS_Props = DialogRootProps & {
+type CommandDialogProps = DialogRootProps & {
     surface?: Surface;
+    modelValue?: ComboboxRootProps['modelValue'];
 };
-declare var __VLS_20: {};
+declare var __VLS_24: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_20) => any;
+    default?: (props: typeof __VLS_24) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const __VLS_base: import("vue").DefineComponent<CommandDialogProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: import("reka-ui").AcceptableValue) => any;
     "update:open": (value: boolean) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+}, string, import("vue").PublicProps, Readonly<CommandDialogProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: import("reka-ui").AcceptableValue) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
 }>, {
     surface: Surface;

package/dist/components/completion-seal/styles.css

@@ -0,0 +1 @@
+.completion-seal { --seal-ink: var(--phase-complete-color, var(--color-gold)); display: inline-flex; align-items: center; justify-content: center; transform: scale(var(--seal-scale, 1)); } .completion-seal[data-best] { --seal-best: var(--color-gold-light, var(--gold-light)); --seal-ink: var(--seal-best); } .completion-seal[data-shape="disc"] { --seal-ring-delay: var(--spring-snappy-duration, 0.34s); --seal-check-delay: calc(var(--spring-snappy-duration, 0.34s) * 2); } .completion-seal__disc { fill: var(--seal-disc-fill, color-mix(in oklab, var(--seal-ink), transparent 82%)); stroke: none; } .completion-seal__mark { fill: none; stroke: var(--seal-ink); stroke-width: var(--seal-stroke-width, 6); stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 100; stroke-dashoffset: calc(100 - var(--seal-draw, 100%) / 1%); --metal-glow-blur: var(--metal-glow-blur-default, 0.5em); --metal-glow-opacity: var(--metal-glow-opacity-default, 0.35); filter: drop-shadow( 0 0 calc(var(--metal-glow-blur) * var(--seal-glint, 0)) color-mix( in oklab, var(--seal-ink), transparent calc(100% - var(--metal-glow-opacity) * var(--seal-glint, 0) * 100%) ) ); } @media (prefers-reduced-motion: no-preference) { .completion-seal[data-play] { animation: completion-seal-settle var(--spring-bouncy-duration, 0.57s) var(--spring-bouncy) both; } .completion-seal:not([data-shape="disc"])[data-play] .completion-seal__mark { animation: completion-seal-draw var(--spring-snappy-duration, 0.34s) var(--ease-out, ease-out) both, completion-seal-glint var(--spring-snappy-duration, 0.34s) var(--ease-out, ease-out) var(--spring-snappy-duration, 0.34s) both; } .completion-seal[data-shape="disc"][data-play] .completion-seal__disc { animation: completion-seal-disc-in var(--spring-snappy-duration, 0.34s) var(--ease-out, ease-out) both; } .completion-seal[data-shape="disc"][data-play] .completion-seal__ring { animation: completion-seal-draw var(--spring-snappy-duration, 0.34s) var(--ease-out, ease-out) var(--seal-ring-delay, 0.34s) both; } .completion-seal[data-shape="disc"][data-play] .completion-seal__check { animation: completion-seal-draw var(--spring-snappy-duration, 0.34s) var(--ease-out, ease-out) var(--seal-check-delay, 0.68s) both, completion-seal-glint var(--spring-snappy-duration, 0.34s) var(--ease-out, ease-out) calc( var(--seal-check-delay, 0.68s) + var(--spring-snappy-duration, 0.34s) ) both; } } @keyframes completion-seal-draw { from { --seal-draw: 0%; } to { --seal-draw: 100%; } } @keyframes completion-seal-disc-in { from { opacity: 0; } to { opacity: 1; } } @keyframes completion-seal-settle { from { --seal-scale: 0.92; } to { --seal-scale: 1; } } @keyframes completion-seal-glint { 0% { --seal-glint: 0; } 45% { --seal-glint: 1; } 100% { --seal-glint: 0; } }

package/dist/components/constellation/Constellation.vue.d.ts

@@ -1,5 +1,10 @@
 import { type ConstellationProps } from "./constellationField";
-declare const __VLS_export: import("vue").DefineComponent<ConstellationProps, import("./composables/useConstellation").ConstellationExpose, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ConstellationProps> & Readonly<{}>, {
+import type { RendererStatus } from "../../composables/glass/webgpu/rendererStatus";
+declare const __VLS_export: import("vue").DefineComponent<ConstellationProps, import("./composables/useConstellation").ConstellationExpose, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    rendererStatus: (status: RendererStatus) => any;
+}, string, import("vue").PublicProps, Readonly<ConstellationProps> & Readonly<{
+    onRendererStatus?: ((status: RendererStatus) => any) | undefined;
+}>, {
     link: number;
     speed: number;
     count: number;

package/dist/components/constellation/composables/useConstellation.d.ts

@@ -1,32 +1,18 @@
 import { type Ref } from "vue";
-import { type GpuBackend } from "../../../composables/glass/webgpu/useGpuSubstrate";
 import { type ConstellationField, type ConstellationProps } from "../constellationField";
-/** The route-pointer read a background constellation feeds its own field from. */
+import { type RendererStatus } from "../../../composables/glass/webgpu/rendererStatus";
 export interface ConstellationRoutePointerRead {
-    /** Viewport-normalized route pointer (0..1). */
     x: number;
     y: number;
-    /** True while a live pointer is over the viewport (and not PRM/paused-silenced). */
     active: boolean;
 }
-/** The optional composable seams (BI.W-CONSTELLATION-DEDUPE — the interactive-bg feed). */
 export interface UseConstellationOptions {
-    /**
-     * The interactive-BACKGROUND feed. When provided, the constellation reads the route
-     * chassis broadcaster each frame and drives a SUBTLE pointer WELL over the KEPT
-     * per-node integrator via `constellationWellMapping` (a longer-half-life field, so
-     * the background lean is ~2–6%, not the foreground gravity-well pull). Undefined for
-     * a foreground demo (which owns its own host listeners). Passed by `Constellation.vue`
-     * off the `backgroundInteractive` prop.
-     */
+    /** Optional route-owned pointer feed for a non-interactive background field. */
     routePointer?: () => ConstellationRoutePointerRead | null;
 }
-/** The imperative seam the SFC re-exposes via `defineExpose`. */
 export interface ConstellationExpose {
     field: ConstellationField;
     isFrozen: Ref<boolean>;
-    /** The resolved backend (`"webgpu"` where supported, else the WebGL2 instanced twin). */
-    backend: () => GpuBackend;
     warpTo(a: {
         x: number;
         y: number;
@@ -35,5 +21,6 @@ export interface ConstellationExpose {
     releaseWell(): void;
     warpSettled(): boolean;
     pinNode(idx: number): void;
+    rendererStatus: Readonly<Ref<RendererStatus>>;
 }
 export declare function useConstellation(props: ConstellationProps, hostRef: Ref<HTMLElement | null>, canvasRef: Ref<HTMLCanvasElement | null>, options?: UseConstellationOptions): ConstellationExpose;

package/dist/components/constellation/constants.d.ts

@@ -59,19 +59,14 @@ export declare const DEFAULT_PINNED_DRIFT_JITTER = 8000;
  *  ≥ ~0.72·BASE_WIDTH ≈ 922px (incl. the 1280 export frame — byte-identical
  *  there by construction); below it the marks stop crushing sub-pixel. */
 export declare const DEFAULT_K_FLOOR = 0.72;
-/**
- * The maximum node count the points/edges buffers pre-size for (the slider cap — a count
- * above this is clamped at upload). ≫ this BOOKS the compute neighbor-bin path.
- */
+/** Maximum public node count; keeps the quadratic proximity scan bounded. */
 export declare const MAX_NODES = 256;
 /**
- * The per-node max degree budget — the edge buffer is pre-sized at `MAX_NODES · MAX_DEGREE`
- * so the CPU all-pairs scan never overflows it (a denser-than-degree neighborhood drops the
- * weakest edges, never re-allocates). 12 is a generous incident-edge ceiling for a
- * distance-threshold ε-proximity graph at the default link/count.
+ * Per-node paint-density budget. A denser neighborhood drops its weakest edges so a
+ * pathological link radius cannot turn the quiet lattice into an opaque mesh.
  */
 export declare const MAX_DEGREE = 12;
-/** The pre-sized edge instance budget (`MAX_NODES · MAX_DEGREE`). */
+/** Maximum painted edges (`MAX_NODES · MAX_DEGREE`). */
 export declare const E_MAX: number;
 /**
  * The pointer-parallax depth default (§6). Each node carries a seeded depth `z ∈ [0,1]`;
@@ -85,13 +80,8 @@ export declare const E_MAX: number;
  */
 export declare const DEFAULT_PARALLAX = 0;
 /**
- * The base node radius band (CSS px) the DPR-aware SDF circle sizes within (the §1 "Node
- * size" config axis). `seedField` rolls each node's radius in `[NODE_R_MIN, NODE_R_MIN +
- * NODE_R_SPREAD)` (the prior `1.6 + rng()*1.6` band, named); the WGSL/GLSL fragment SDF
- * sizes `half = radius · uKVis · uDpr / uResolution` so the disc samples at full device
- * resolution and is AA'd by the pixel-footprint derivative — crisp at ANY DPR.
+ * Base Canvas2D node-radius band in CSS px. `seedField` rolls each node's radius in
+ * `[NODE_R_MIN, NODE_R_MIN + NODE_R_SPREAD)`.
  */
 export declare const NODE_R_MIN = 1.6;
 export declare const NODE_R_SPREAD = 1.6;
-/** The hairline edge half-width (CSS px) the instanced segment-quad fragment AAs. */
-export declare const DEFAULT_LINE_WIDTH = 1;

package/dist/components/constellation/constellationField.d.ts

@@ -45,11 +45,9 @@ import type { ConstellationEdge } from "./constellationTypes";
  * Scan the proximity graph and return its edge SET (the `1 − d²/reach²` distance-falloff
  * weight per pair within `reach = link·k`). `accentIndex ≥ 0` marks the edges incident on
  * that node (the flagged-node tether). Pure + node-testable; the render loop calls it each
- * frame and uploads the result to the instanced-lines storage buffer.
+ * frame and hands the result directly to the Canvas2D edge pass.
  *
- * `eMax` caps the result (the pre-sized buffer budget). When the scan would exceed it, the
- * WEAKEST overflow edges are dropped (a denser-than-budget neighborhood keeps its strongest
- * links — never re-allocates the GPU buffer mid-frame).
+ * `eMax` caps the result. A denser neighborhood keeps its strongest links.
  */
 export declare function buildEdges(field: ConstellationField, link: number, accentIndex?: number, eMax?: number): ConstellationEdge[];
 /**
@@ -64,7 +62,7 @@ export declare function appendPointerWeb(edges: ConstellationEdge[], field: Cons
  * `parallax · z · (pointer − center)` — a cheap pointer-parallax giving the flat lattice
  * apparent depth (deeper nodes — higher `z` — shift more, the Awwwards "living network"
  * register). When the pointer is inactive the offset is 0 (the flat lattice). Pure; the
- * render loop maps each node's `(x,y)` through this before writing the GPU position buffer.
+ * renderer maps each node's `(x,y)` through this before painting the dot.
  */
 export declare function parallaxNodePos(node: ConstellationNode, pointer: ConstellationPointer | null, w: number, h: number, parallax: number): {
     x: number;

package/dist/components/constellation/constellationInteraction.d.ts

@@ -125,7 +125,7 @@ export declare const BURST_FIRE_THRESHOLD = 0.45;
  * `burst` (from the shared `usePointerVelocityField`, the eased flick impulse) warps the
  * focal node toward the cursor (the warp spring snaps it) AND drops an expanding ripple at
  * the focal — the lattice "snaps the focal toward the cursor and drops an expanding ring"
- * (the WGSL ripple instance / the accent-ring overlay). A slow drag (`burst` below the
+ * (the Canvas2D ripple / consumer accent-ring overlay). A slow drag (`burst` below the
  * threshold) never fires (a steady hover is the gentle gather, not a snap). Returns true
  * when a burst fired. Composes the EXISTING `warpTo` + the ripple list — no new mechanic,
  * no second rAF (the warp rides the substrate's ONE clock); PRM is enforced by the CALLER

package/dist/components/constellation/constellationRender.d.ts

@@ -1,25 +1,15 @@
-import type { ConstellationField, ConstellationPalette } from "./constellationField";
+import type { ConstellationEdge, ConstellationField, ConstellationPalette, ConstellationPointer, ConstellationRipple } from "./constellationTypes";
 import { DEFAULT_PALETTE } from "./constants";
-/** R5-8 — the visual-SIZE draw scale: `max(k, kFloor)`. The instanced disc/segment
- *  geometry sizes on this; positions/reach stay on TRUE `field.k`. Exported so a
- *  consumer skin floors its own marks on the same axis. */
+/** Visual sizes floor independently from field geometry. */
 export declare function kVisOf(field: ConstellationField): number;
 export { DEFAULT_PALETTE };
-/**
- * Resolve the FULL neutral palette + legibility weights off a canvas's resolved custom
- * properties (the `--constellation-*` set). The colors AND the alpha multipliers route
- * through the same `getComputedStyle` probe, so a dark-mode flip re-resolves BOTH the
- * `:root`/`.dark` color arms AND the per-mode alpha defaults in one read. SSR-safe
- * (returns the warm-cream defaults with no `window`).
- */
+/** Resolve the neutral palette and legibility weights from the canvas tokens. */
 export declare function readPalette(canvas: HTMLCanvasElement): ConstellationPalette;
-/**
- * Parse a CSS color string (the `--constellation-*` hsl/hex literals the palette carries)
- * into a linear-ish premultiplied-ready RGBA in `[0,1]` for the GPU uniform write. A small
- * sRGB parser: it reads `#rgb`/`#rrggbb`/`#rrggbbaa`, `rgb()/rgba()`, and `hsl()/hsla()` —
- * the forms the `--constellation-*` token authoring uses (PLAIN-hsl per arm). The shader
- * outputs premultiplied alpha over the transparent clear, so the render loop multiplies the
- * `a` into the uniform color at upload (kept here so there is ONE color parse seam). Falls
- * back to opaque warm-ink on an unparseable value (never a NaN garbage write).
- */
-export declare function parseColorRGBA(input: string): [number, number, number, number];
+/** Paint the edge rows produced by the field's single `buildEdges` scan. */
+export declare function drawEdges(ctx: CanvasRenderingContext2D, field: ConstellationField, edges: readonly ConstellationEdge[], palette: ConstellationPalette, opacity?: number): void;
+/** Paint ambient nodes, applying only the visual parallax offset. */
+export declare function drawNodes(ctx: CanvasRenderingContext2D, field: ConstellationField, palette: ConstellationPalette, opacity?: number, pointer?: ConstellationPointer | null, parallax?: number): void;
+/** Paint the pointer node after its focus edges. */
+export declare function drawPointer(ctx: CanvasRenderingContext2D, field: ConstellationField, pointer: ConstellationPointer | null, palette: ConstellationPalette, opacity?: number): void;
+/** Paint and retire tap/flick ripples. */
+export declare function drawRipples(ctx: CanvasRenderingContext2D, field: ConstellationField, now: number, ripples: ConstellationRipple[], palette: ConstellationPalette, opacity?: number): void;

package/dist/components/constellation/constellationTypes.d.ts

@@ -9,19 +9,19 @@ export interface ConstellationNode {
      * BC.W-VIZ-CONSTELLATION — the seeded parallax DEPTH (`z ∈ [0,1]`, §6). The pointer
      * offsets the node's SCREEN position by `parallax · z · (pointer − center)` so the flat
      * lattice reads as having depth (the Awwwards "living network" register). Seeded in
-     * `seedField`; perturbs the GPU node-position write only (never a layout property). A
+     * `seedField`; perturbs the painted node position only (never field geometry). A
      * field literal that omits it is treated as `z = 0.5` (the mid-plane, no parallax bias).
      */
     z?: number;
 }
 /**
  * BC.W-VIZ-CONSTELLATION — ONE edge of the proximity graph, the row the CPU all-pairs scan
- * (`buildEdges`) writes each frame into the instanced-lines storage buffer. `a`/`b` are the
+ * (`buildEdges`) writes each frame for the Canvas2D line pass. `a`/`b` are the
  * two endpoint positions in canvas-local CSS px; `alpha` is the distance-falloff weight
  * (`1 − d²/reach²`, the `drawEdges` math) the segment-quad fragment multiplies; `accent`
  * (0/1) flags the accented-node tether (the flagged-node edge tint); `focus` (0/1) flags
- * the pointer-web tether (the cursor's incident edges). The WGSL/GLSL render transcribes
- * the SHAPE, never re-derives the scan (the ONE math source stays JS).
+ * the pointer-web tether (the cursor's incident edges). The renderer consumes the row
+ * directly and never re-derives the scan.
  */
 export interface ConstellationEdge {
     ax: number;
@@ -308,8 +308,8 @@ export interface ConstellationProps {
      * depth `z ∈ [0,1]`; the pointer offsets node screen positions by `parallax · z ·
      * (pointer − center)` so the flat lattice reads as having depth (the Awwwards "living
      * network" register). Additive default-on at a SUB-PERCEPTUAL 0.08 (a hair of depth, not
-     * a behavior break); 0 = the flat lattice. GPU-only (perturbs the node-position write,
-     * never a layout property). Frozen under reduced-motion / `freeze`.
+     * a behavior break); 0 = the flat lattice. It perturbs only the painted node position,
+     * never field geometry. Frozen under reduced-motion / `freeze`.
      */
     parallax?: number;
     /**
@@ -323,13 +323,14 @@ export interface ConstellationProps {
     opacityCeiling?: number;
     /** Seed for a reproducible field (number or hashed string); omit for `Math.random`. */
     seed?: number | string;
-    /** Steer-toward-cursor + tap ripples. Default true; auto-off under reduced-motion. */
+    /** Decorative steer-toward-cursor + tap ripples. Default true; auto-off under reduced-motion. */
     pointerReactive?: boolean;
     /**
      * Click-to-warp (AX.W17): a click warps the focal node to the nearest
      * drifting node + springs it there. INDEPENDENT of `pointerReactive` (warp
      * works on a non-ripple lattice). Default false; auto-off under
-     * reduced-motion (the focal mark stays put — the stated PRM policy).
+     * reduced-motion. Enabling it gives the host a named keyboard/pointer button
+     * contract; Enter/Space targets the field center through the same warp owner.
      */
     warpOnClick?: boolean;
     /**
@@ -351,7 +352,9 @@ export interface ConstellationProps {
      * and `pointerReactive` (a consumer can hold-to-pull on a non-ripple,
      * non-warp lattice). `true` uses the tokenised defaults; an object tunes the
      * gains. Default OFF (absent → byte-identical to HEAD). PRM-gated by the WARP
-     * precedent (the held-timer is not registered under reduced-motion).
+     * precedent (the held-timer is not registered under reduced-motion). Enabling it
+     * gives the host a named keyboard/pointer button contract; keyboard press/release
+     * drives the same well target as pointer hold/release.
      */
     gravityWell?: boolean | {
         holdMs?: number;