@mkbabb/glass-ui 8.0.0 → 10.0.0

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

@@ -42,8 +42,36 @@ export interface UseAuroraReturn {
      * acquisition and flips only when the backend readiness promise resolves.
      */
     isArmed: Readonly<Ref<boolean>>;
+    /**
+     * The SETTLE BEACON. `true` once the runtime has armed, the current config has been
+     * applied, and the ground→field entrance has finished painting over it.
+     *
+     * `Aurora.vue` publishes it as `data-aurora-settled`; every capture — π, gate, or a
+     * consumer's own — waits on that attribute. A wall-clock sleep is not a substitute:
+     * inside the entrance the field paints medium-INDEPENDENTLY, so an early capture
+     * reads a picture that is identical across every medium and across page loads, with
+     * perfect confidence and no way to tell. Three seats measured that picture.
+     *
+     * Any config change re-opens it — a preset switch has its own entrance. So does a
+     * context LOSS: the field it witnesses is gone, and the restore replays the entrance,
+     * so the beacon never carries its pre-loss stamp across that replay.
+     */
+    isSettled: Readonly<Ref<boolean>>;
     rendererStatus: Readonly<Ref<RendererStatus>>;
 }
+/**
+ * How long past the last applied config the field needs before a capture is admissible.
+ *
+ * The entrance is the ground→field CROSSFADE: `.aurora-canvas-layer` transitions opacity
+ * 0→1 over `--duration-slow` (0.45 s) once `isArmed` flips, dissolving the palette-derived
+ * frame-0 ground into the live field. Until that completes a capture reads a blend of the
+ * two, which is what makes it medium-independent. 500 ms clears the 450 ms token with the
+ * margin for the frame the config write lands on.
+ *
+ * The clock is advanced by `requestAnimationFrame`, not `setTimeout`, so a backgrounded
+ * or parked surface never stamps a beacon it has not painted.
+ */
+export declare const AURORA_SETTLE_MS = 500;
 /**
  * Vue-side wrapper for the imperative `createAurora` runtime.
  *

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

@@ -15,7 +15,7 @@
 import type { WebGPUCanvasFrame } from "../../../composables/glass/webgpu/useWebGPUCanvas.js";
 import { type AuroraCursorScalars } from "./frameLoop.js";
 import { type UploadableImageSource } from "./textureUpload.js";
-import type { AuroraConfig } from "../constants/presets.js";
+import { type AuroraConfig } from "../constants/presets.js";
 import type { UsePointerVelocityField } from "../../../composables/motion/pointer/usePointerVelocityField.js";
 export interface AuroraWGPUSetupDeps {
     canvas: HTMLCanvasElement;

package/dist/components/aurora/constants/presets.d.ts

@@ -68,10 +68,23 @@ export type WarpMode = "fbm" | "cellular" | "hybrid" | "curl";
  * - `swirl`  — cursor-local warp and luminance lean on both engines.
  * - `amplitude` — sizes the transient burst folded into cursor strength on the CPU.
  * Every axis is suppressed under `prefers-reduced-motion` + the DockBackgroundToggle
- * pause (the master tempo scalar is the single suppression seam). The wispy-sky
- * default carries no `interactivity` (every axis OFF — the default stays static).
+ * pause (the master tempo scalar is the single suppression seam).
+ *
+ * `swirl` is ON by default — a config opts OUT with `swirl: false`. Every aurora is
+ * pointer-shapeable, and a capability parked behind an opt-in flag is a capability the
+ * surface does not have. `light` and `scroll` remain explicit opt-ins: `light` is only
+ * meaningful where the config carries impasto to relight (see its own note), and `scroll`
+ * re-times the shader clock against page position, which no surface should inherit.
  */
 export interface AuroraInteractivity {
+    /**
+     * Cursor-driven impasto relight. Steers `uLightDir`, which only `relightImpasto`
+     * consumes, and every term of that is multiplied by `uImpasto` — so `light` steers
+     * relighting ONLY where `impasto > 0`. The medium name is not the key: `impasto`
+     * defaults to 0 (`DEFAULT_AURORA_CONFIG`) and the atoms door raises it for `oil` and
+     * `vangogh` alone, so `light` over crayon, pastel, watercolor, oil-pastel, kuwahara
+     * or either metal shapes nothing unless the config sets `impasto` itself.
+     */
     light?: boolean;
     scroll?: boolean;
     /**
@@ -188,6 +201,16 @@ export interface AuroraConfig {
     breathPeriod: number;
     saturation: number;
     paperGrain: number;
+    /**
+     * Pigment alpha of the PAINTED image, 0..1. Live presentation applies it once as the
+     * canvas element's own opacity; capture keeps it in the transparent GPU buffer.
+     *
+     * It composites over the palette-derived GROUND placeholder, which is mounted
+     * unconditionally at full opacity and is alpha-blind — a raster of the same field —
+     * so `alpha` re-weights the ground→field dissolve, not the surface's delivered
+     * presence. The presence envelope is the `opacityCeiling` prop, applied once around
+     * placeholder + canvas together.
+     */
     alpha: number;
     /**
      * the §3 chroma FLOOR (the warm-field vividness contract).
@@ -204,12 +227,46 @@ export interface AuroraConfig {
      */
     vividness?: number;
     /**
-     * Pointer/scroll interactivity opt-in (default OFF — the wispy-sky
-     * default stays static). Omitted = every
-     * axis off. Aliased on `/api` as part of the `AuroraConfig` surface.
+     * Pointer/scroll interactivity. `swirl` is ON unless a config says
+     * `swirl: false` — the pointer shapes every aurora by default, PRM-guarded by the
+     * master tempo scalar. `light` and `scroll` stay explicit opt-ins.
+     * Aliased on `/api` as part of the `AuroraConfig` surface.
      */
     interactivity?: AuroraInteractivity;
 }
+/**
+ * The per-axis liveness floor of the drift demand gate.
+ *
+ * The four drift axes do NOT share a domain — nuclei 0..0.05, palette 0..0.04, breath
+ * 0..0.15, warp 0..0.015 — so ONE flat epsilon over raw values would retire whole axes
+ * (any epsilon that reaches `paletteDrift` is above `warpDrift`'s entire range). Each
+ * axis therefore carries its own floor, seeded at 1% of that axis's authored domain.
+ *
+ * The floors are the SHAPE, not the cut. Cutting them where they would actually park a
+ * loop is a PAINT decision and it is `W-AURORA-FIELD`'s (π-FIELD), because the shipped
+ * configs do not separate in config space: the recessive shell field
+ * (`aurora-hero.ts` `nucleiDrift`/`paletteDrift` 0.012) and the focal studio default
+ * (0.015) sit 25% apart on both axes and are identical on the other two. What separates
+ * them is not the drift amplitude but the composited range their palettes can express —
+ * shell chroma ≤ 0.07 over an L span of 0.03 against the studio's C 0.16/0.13/0.095 —
+ * and that term is the field re-founding's to derive, not this gate's to guess.
+ */
+export declare const AURORA_DRIFT_FLOOR: {
+    readonly nucleiDrift: 0.0005;
+    readonly paletteDrift: 0.0004;
+    readonly breathDepth: 0.0015;
+    readonly warpDrift: 0.00015;
+};
+/**
+ * The demand gate over the four drift axes — the ONE predicate the WebGL2 frame loop
+ * and BOTH WGSL loops consume.
+ *
+ * It was three copies of a `!== 0` ladder, and they had already diverged: the image
+ * pipeline's copy omitted `breathDepth`, so an image-source aurora carrying breath and
+ * no drift parked its loop and never rendered the breath. Liveness is an AMPLITUDE
+ * question against each axis's own domain, never a literal comparison against zero.
+ */
+export declare function isAuroraDriftLive(config: AuroraConfig): boolean;
 /**
  * Pointer-cursor API exposed by `createAurora`. Values in 0..1 (CSS-top-origin).
  * Runtime flips Y and eases internally.

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

@@ -1,6 +1,6 @@
 export { default as Aurora } from "./Aurora.vue.js";
 export { resolveRenderMode, isSoftwareWebGLRenderer, type AuroraRenderMode, type ResolveRenderModeOptions, } from "./constants/renderMode.js";
-export { useAurora } from "./composables/useAurora.js";
+export { useAurora, AURORA_SETTLE_MS } from "./composables/useAurora.js";
 export type { UseAuroraReturn } from "./composables/useAurora.js";
 export { useCursorInteraction } from "./composables/useCursorInteraction.js";
 export { createAurora } from "./composables/runtime.js";

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

@@ -62,14 +62,14 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {
     resume: () => void;
     settled: Readonly<import("vue").Ref<boolean, boolean>>;
     settledFrame: Readonly<import("vue").Ref<import(".").BlobSettledFrame | null, import(".").BlobSettledFrame | null>>;
-    rendererStatus: Readonly<import("vue").Ref<import("../../composables/glass/webgpu/rendererStatus.js").RendererStatus, import("../../composables/glass/webgpu/rendererStatus.js").RendererStatus>>;
+    rendererStatus: Readonly<import("vue").Ref<import("../../index.js").RendererStatus, import("../../index.js").RendererStatus>>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     click: () => any;
-    rendererStatus: (status: import("../../composables/glass/webgpu/rendererStatus.js").RendererStatus) => any;
+    rendererStatus: (status: import("../../index.js").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.js").RendererStatus) => any) | undefined;
+    onRendererStatus?: ((status: import("../../index.js").RendererStatus) => any) | undefined;
     "onUpdate:paused"?: ((value: boolean) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

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

@@ -9,8 +9,14 @@ export type CardSize = "sm" | "md";
  * and no capacity. `shadow` is CARD's own — Surface went three-prop and the
  * card is the one component with a real elevation grammar, so it stamps its own
  * `data-shadow` for the edge keying instead of routing the flag through a
- * primitive that no longer reads it. `grain` and `specular` are gone from the
- * whole library. `cartoon` / `grid` / `metal` / `variant` / `dataHue` /
+ * primitive that no longer reads it. `grain` and `specular` are gone as PROPS,
+ * not as capacities: `v-specular` ships with `createSpecularWriter` and
+ * `useSpecularTracking` (`src/index.ts:475-479`) over the
+ * `.glass-specular-track` opt-in (`styles/index.css:205`), and grain lives on
+ * as `--glass-grain-opacity` (`styles/tokens/glass-fx.css:10`) and
+ * `@utility paper-grain-overlay` (`styles/paper.css:125`). A card that wants
+ * either arms it on the element.
+ * `cartoon` / `grid` / `metal` / `variant` / `dataHue` /
  * `dataHueStrength` are struck: three of them wrote a class a consumer can write
  * (`cartoon-surface`, `paper-grid`), and `variant`+`dataHue`+`selected` were one
  * state wearing three props. A per-instance rim hue is `--glass-accent`, written

package/dist/components/chip/Chip.vue.d.ts

@@ -8,13 +8,7 @@ type __VLS_Slots = {} & {
 } & {
     default?: (props: typeof __VLS_16) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<import("./types.js").StaticChipProps | import("./types.js").SelectableChipProps | import("./types.js").ActionChipProps | import("./types.js").RemovableChipProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: boolean) => any;
-    remove: (event: MouseEvent) => any;
-}, string, import("vue").PublicProps, Readonly<import("./types.js").StaticChipProps | import("./types.js").SelectableChipProps | import("./types.js").ActionChipProps | import("./types.js").RemovableChipProps> & Readonly<{
-    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-    onRemove?: ((event: MouseEvent) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: import("vue").DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, import("vue").PublicProps>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/components/chip/chipVariants.d.ts

@@ -1,5 +1,6 @@
 import { type ClassValue } from "../_shared/class-names.js";
 declare const SIZE: {
+    readonly xs: "gap-0.5 px-1 py-0.5 text-micro";
     readonly sm: "gap-1 px-2.5 py-1 text-caption";
     readonly md: "gap-1.5 px-3.5 py-1.5 text-small";
     readonly lg: "gap-2 px-5 py-2 text-base";

package/dist/components/collapsible/Collapsible.vue.d.ts

@@ -21,6 +21,7 @@ declare const __VLS_base: import("vue").DefineComponent<CollapsibleProps, {}, {}
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
 }>, {
     disabled: boolean;
+    open: boolean;
     defaultOpen: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -10,11 +10,11 @@ declare const __VLS_base: import("vue").DefineComponent<CommandDialogProps, {},
     "onUpdate:modelValue"?: ((value: import("./index.js").ComboboxValue) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
 }>, {
+    modal: boolean;
     unmountOnHide: boolean;
     open: boolean;
     defaultOpen: boolean;
     surface: import("../_shared/axes.js").Surface;
-    modal: boolean;
 }, {}, {}, {}, 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/configurator/Configurator.vue.d.ts

@@ -53,7 +53,7 @@ export interface ConfiguratorPreset<T> {
     readonly config: T;
 }
 declare const __VLS_export: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: import("vue").PublicProps & __VLS_PrettifyLocal<{
+    props: import("vue").PublicProps & __VLS_PrettifyLocal<({
         /** Optional preset table; presented to the `presets` slot fallback. */
         presets?: readonly ConfiguratorPreset<T>[];
         /** Currently active preset key — display only; selection is the consumer's. */
@@ -98,10 +98,33 @@ declare const __VLS_export: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_se
          * length to pin the band (`min === max`), or a `[min, max]` pair.
          */
         asideWidth?: string | readonly [min: string, max: string];
+        /**
+         * Mount the studio inside an <ExpandableContainer>: a corner trigger that
+         * promotes the whole instrument to a full-window ROOM and back. The
+         * container already ships focus trap, Esc, body-overflow lock and focus
+         * restore, so this prop wires an affordance rather than a mechanism.
+         *
+         * The subtree is TELEPORTED, never duplicated — one mount, so a live GPU
+         * stage in the `#stage` slot survives the promotion instead of being torn
+         * down and re-created behind a second canvas.
+         *
+         * Expanded, the gallery is forced to `top`: the room has the width for the
+         * full preset ribbon, and spending it on a 400px gutter is the one thing
+         * expansion is for.
+         */
+        expandable?: boolean;
+        /** Accessible name of the expand trigger. */
+        expandLabel?: string;
+        /** Accessible name of the collapse trigger. */
+        collapseLabel?: string;
         /** Optional outer container override. */
         class?: HTMLAttributes["class"];
     } & {
+        /** Two-way so a consumer can drive/observe the room from outside the trigger. */
+        expanded?: boolean;
+    }) & {
         onReset?: (() => any) | undefined;
+        "onUpdate:expanded"?: ((value: boolean) => any) | undefined;
         "onSelect-preset"?: ((key: string) => any) | undefined;
         "onSelect-layer"?: ((id: string) => any) | undefined;
     }> & (typeof globalThis extends {
@@ -147,7 +170,7 @@ declare const __VLS_export: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_se
         (e: "select-preset", key: string): void;
         (e: "select-layer", id: string): void;
         (e: "reset"): void;
-    };
+    } & ((event: "update:expanded", value: boolean) => void);
 }>) => import("vue").VNode & {
     __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
 };

package/dist/components/configurator/ConfiguratorRow.vue.d.ts

@@ -41,7 +41,7 @@ import { type ConfiguratorSize } from "./size.js";
  * interchangeable — they emphasize DIFFERENT features:
  *  - **ConfiguratorRow** (this) — for TOKEN, PRESET controls. Carries the
  *    token-`name` reference, the opt-in `reset` affordance (`canReset`), and the
- *    three-rung `size` axis (local-prop-over-inject). No a11y for/id wiring.
+ *    three-rung `size` axis (local-prop-over-inject).
  *  - **LabeledField** — for form controls. Carries stable label, description,
  *    error, requirement, state, and layout associations without styling the control.
  *
@@ -74,7 +74,9 @@ type __VLS_Props = {
     size?: ConfiguratorSize;
     class?: HTMLAttributes["class"];
 };
-declare var __VLS_12: {};
+declare var __VLS_12: {
+    labelledBy: string;
+};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_12) => any;
 };

package/dist/components/configurator/styles.css

@@ -1 +1 @@
-:root{--configurator-pad-inline: 1.25rem;}.configurator{-webkit-backdrop-filter: none;backdrop-filter: none;}.configurator > .configurator-presets,.configurator > .configurator-aside{-webkit-backdrop-filter: var(--glass-blur-floating);backdrop-filter: var(--glass-blur-floating);}.configurator-section-label{font-family: var(--font-text);font-size: var(--configurator-section-size);line-height: var(--type-leading-body);font-weight: var(--configurator-section-weight);letter-spacing: var(--type-tracking-tight);color: var(--foreground);}.configurator-presets{padding-block: var(--configurator-preset-row-weight);}.configurator-presets .configurator-gallery-track,.configurator-presets [role="group"]{gap: var(--configurator-preset-row-gap);}.configurator-layer{border-color: var(--configurator-divider-section);background-color: var(--configurator-section-tint);border-radius: max( var(--radius-floor),calc(var(--radius-ctx) - var(--radius-inset)) );}.configurator-layer:has(+ .configurator-layer){border-end-start-radius: 0;border-end-end-radius: 0;border-bottom-width: 0;}.configurator-layer + .configurator-layer{margin-block-start: 0;border-start-start-radius: 0;border-start-end-radius: 0;}.configurator-layer-trigger{padding-inline: var(--configurator-pad-inline);}.configurator-layer-body{padding-inline: var(--configurator-pad-inline);}.configurator-layer-body[data-dividers] > * + *{border-color: var(--configurator-divider);}.configurator-aside,.configurator-presets,.configurator-footer{border-color: var(--configurator-divider);}[data-slot="configurator"] > [data-gallery-dock]{grid-row: 1;grid-column: 1;}[data-slot="configurator"] > .configurator-stage{grid-row: 2;grid-column: 1;}[data-slot="configurator"] > .configurator-aside{grid-row: 3;grid-column: 1;}@media (min-width: 1024px){[data-slot="configurator"]{grid-template-columns: minmax(0,1fr) minmax( var(--configurator-aside-min,300px),var(--configurator-aside-max,400px) );grid-template-rows: auto minmax(0,1fr);}[data-slot="configurator"][data-gallery="aside"] > [data-gallery-dock]{grid-row: 1;grid-column: 2;}[data-slot="configurator"][data-gallery="aside"] > .configurator-stage{grid-row: 1 / span 2;grid-column: 1;}[data-slot="configurator"][data-gallery="aside"] > .configurator-aside{grid-row: 2;grid-column: 2;}[data-slot="configurator"][data-gallery="top"] > [data-gallery-dock]{grid-row: 1;grid-column: 1 / span 2;}[data-slot="configurator"][data-gallery="top"] > .configurator-stage{grid-row: 2;grid-column: 1;}[data-slot="configurator"][data-gallery="top"] > .configurator-aside{grid-row: 2;grid-column: 2;}}[data-slot="configurator"] > [data-gallery-dock]{border-color: var(--configurator-divider);}[data-slot="configurator"][data-gallery="aside"] > [data-gallery-dock]{border-bottom-width: 1px;}@media (min-width: 1024px){[data-slot="configurator"][data-gallery="top"] > [data-gallery-dock]{border-bottom-width: 1px;}}.configurator-preset-tile{inline-size: clamp(160px,22vw,232px);border-radius: var(--radius-card);}[data-slot="configurator"][data-gallery="top"] .configurator-preset-tile{inline-size: clamp(200px,20vw,288px);}.configurator-preset-well{background-size: cover;background-position: center;image-rendering: auto;}.configurator-preset-well.is-loading{background-image: linear-gradient( 100deg,color-mix(in oklab,var(--card) 84%,transparent) 30%,color-mix(in oklab,var(--foreground) 8%,var(--card)) 50%,color-mix(in oklab,var(--card) 84%,transparent) 70% );background-size: 200% 100%;animation: configurator-preset-shimmer 1.2s ease-in-out infinite;}@media (prefers-reduced-motion: reduce){.configurator-preset-well.is-loading{animation: none;}}@keyframes configurator-preset-shimmer{from{background-position: 200% 0;}to{background-position: -200% 0;}}.configurator-preset-tile.is-active{box-shadow: inset 0 0 0 2px var(--focus-ring-color),var(--shadow-cartoon-lg);}.configurator-preset-chip{border-radius: var(--radius-pill);}.configurator-preset-chip.is-active{--glass-capsule-fill: var(--glass-plate-quiet);}@media (min-width: 1024px){[data-slot="configurator"][data-aside-side="left"] > .configurator-stage{grid-column: 2;}[data-slot="configurator"][data-aside-side="left"] > .configurator-aside{grid-column: 1;}[data-slot="configurator"][data-aside-side="left"][data-gallery="aside"] > [data-gallery-dock]{grid-column: 1;}}
+:root{--configurator-pad-inline: 1.25rem;}@layer components{.configurator-shell{-webkit-backdrop-filter: none;backdrop-filter: none;container-type: inline-size;display: grid;grid-template-rows: minmax(0,1fr);min-block-size: 0;min-inline-size: min(20rem,100%);}.configurator > .configurator-presets,.configurator > .configurator-aside{-webkit-backdrop-filter: var(--glass-blur-floating);backdrop-filter: var(--glass-blur-floating);}.configurator-section-label{font-family: var(--font-text);font-size: var(--configurator-section-size);line-height: var(--type-leading-body);font-weight: var(--configurator-section-weight);letter-spacing: var(--type-tracking-tight);color: var(--foreground);}.configurator-presets{padding-block: var(--configurator-preset-row-weight);}.configurator-presets .configurator-gallery-track,.configurator-presets [role="group"]{gap: var(--configurator-preset-row-gap);}.configurator-layer{border-width: 1px;border-color: var(--configurator-divider-section);background-color: var(--configurator-section-tint);border-radius: max( var(--radius-floor),calc(var(--radius-ctx) - var(--radius-inset)) );}.configurator-layer:has(+ .configurator-layer){border-end-start-radius: 0;border-end-end-radius: 0;border-bottom-width: 0;}.configurator-layer + .configurator-layer{margin-block-start: 0;border-start-start-radius: 0;border-start-end-radius: 0;}.configurator-layer-trigger{padding-inline: var(--configurator-pad-inline);}.configurator-layer-body{padding-inline: var(--configurator-pad-inline);}@media (hover: hover){[data-slot="configurator-reset"]:hover{background: color-mix( in oklab,var(--foreground) calc(var(--fill-hover) * 100%),transparent );color: var(--foreground);}.configurator-layer-trigger:hover{background: color-mix( in oklab,var(--foreground) calc(var(--fill-hover) * 100%),transparent );}}.configurator-layer-body[data-dividers] > * + *{border-color: var(--configurator-divider);}.configurator-aside,.configurator-presets,.configurator-footer{border-color: var(--configurator-divider);}.configurator-aside{border-block-start-width: 1px;}[data-slot="configurator"]{grid-template-columns: minmax(0,1fr);grid-template-rows: auto minmax(var(--configurator-stage-min,18rem),auto) minmax(0,1fr);}[data-slot="configurator"] > [data-gallery-dock]{grid-row: 1;grid-column: 1;}[data-slot="configurator"] > .configurator-stage{grid-row: 2;grid-column: 1;}[data-slot="configurator"] > .configurator-aside{grid-row: 3;grid-column: 1;}@container (inline-size >= 64rem){[data-slot="configurator"]{grid-template-columns: minmax(0,1fr) minmax( var(--configurator-aside-min,300px),var(--configurator-aside-max,400px) );grid-template-rows: auto minmax(0,1fr);}[data-slot="configurator"][data-gallery="aside"] > [data-gallery-dock]{grid-row: 1;grid-column: 2;}[data-slot="configurator"][data-gallery="aside"] > .configurator-stage{grid-row: 1 / span 2;grid-column: 1;}[data-slot="configurator"][data-gallery="aside"] > .configurator-aside{grid-row: 2;grid-column: 2;}[data-slot="configurator"][data-gallery="top"] > [data-gallery-dock]{grid-row: 1;grid-column: 1 / span 2;}[data-slot="configurator"][data-gallery="top"] > .configurator-stage{grid-row: 2;grid-column: 1;}[data-slot="configurator"][data-gallery="top"] > .configurator-aside{grid-row: 2;grid-column: 2;}[data-slot="configurator"] > .configurator-aside{border-block-start-width: 0;border-inline-start-width: 1px;}[data-slot="configurator"][data-aside-side="left"] > .configurator-aside{border-inline-start-width: 0;border-inline-end-width: 1px;}}[data-slot="configurator"] > [data-gallery-dock]{border-color: var(--configurator-divider);}[data-slot="configurator"][data-gallery="aside"] > [data-gallery-dock]{border-bottom-width: 1px;}@container (inline-size >= 64rem){[data-slot="configurator"][data-gallery="top"] > [data-gallery-dock]{border-bottom-width: 1px;}}.configurator-preset-tile{inline-size: clamp(160px,22cqi,232px);border-radius: var(--radius-card);}[data-slot="configurator"][data-gallery="top"] .configurator-preset-tile{inline-size: clamp(200px,20cqi,288px);}.configurator-preset-well{background-size: cover;background-position: center;image-rendering: auto;}.configurator-preset-well.is-loading{background-image: linear-gradient( 100deg,color-mix(in oklab,var(--card) 84%,transparent) 30%,color-mix(in oklab,var(--foreground) 8%,var(--card)) 50%,color-mix(in oklab,var(--card) 84%,transparent) 70% );background-size: 200% 100%;animation: configurator-preset-shimmer 1.2s ease-in-out infinite;}@media (prefers-reduced-motion: reduce){.configurator-preset-well.is-loading{animation: none;}}}@keyframes configurator-preset-shimmer{from{background-position: 200% 0;}to{background-position: -200% 0;}}@layer components{.configurator-preset-tile.is-active{box-shadow: inset 0 0 0 2px var(--focus-ring-color),var(--shadow-cartoon-lg);}.configurator-preset-chip{border-radius: var(--radius-pill);}.configurator-preset-chip.is-active{--glass-capsule-fill: var(--glass-plate-quiet);}@container (inline-size >= 64rem){[data-slot="configurator"][data-aside-side="left"] > .configurator-stage{grid-column: 2;}[data-slot="configurator"][data-aside-side="left"] > .configurator-aside{grid-column: 1;}[data-slot="configurator"][data-aside-side="left"][data-gallery="aside"] > [data-gallery-dock]{grid-column: 1;}}.configurator-expand-host[data-state="expanded"] > [data-part="panel"]{padding: var(--space-section);}.configurator-expand-host[data-state="expanded"] .configurator-shell{block-size: 100%;}}

package/dist/components/dark-mode-toggle/dark-mode-toggle.css

@@ -1 +1 @@
-@layer components{.dark-mode-toggle-button{--dark-mode-toggle-size: 2.25rem;--dark-mode-toggle-padding: 0.375rem;appearance: none;display: inline-grid;place-items: center;flex: none;width: var(--dark-mode-toggle-size);height: var(--dark-mode-toggle-size);padding: var(--dark-mode-toggle-padding);border: 0;border-radius: var(--radius-pill);color: var(--foreground);background: transparent;opacity: 0.8;cursor: pointer;transition: opacity var(--duration-fast) var(--ease-standard),background-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard);}.dark-mode-toggle-button:hover{background: var(--surface-tint-10);opacity: 1;}.dark-mode-toggle-button:focus-visible{outline: none;box-shadow: var(--focus-ring-shadow,var(--dock-ring));opacity: 1;}.dark-mode-toggle-button > svg{display: block;width: 100%;height: 100%;fill: currentColor;}.dark-mode-toggle-button[data-size="sm"]{--dark-mode-toggle-size: 1.75rem;--dark-mode-toggle-padding: 0.25rem;}.dark-mode-toggle-button[data-size="lg"]{--dark-mode-toggle-size: 2.75rem;--dark-mode-toggle-padding: 0.5rem;}.dark-mode-toggle-button[data-size="control"]{--dark-mode-toggle-size: var(--control-size,2.25rem);--dark-mode-toggle-padding: var(--control-icon-padding,0.375rem);}.dark-mode-toggle-button[data-size="dock"],.glass-dock .dark-mode-toggle-button:not([data-size="sm"]):not([data-size="lg"]):not( [data-size="control"] ){--dark-mode-toggle-size: var(--dock-control-size,var(--size-icon-btn));--dark-mode-toggle-padding: calc( ( var(--dock-control-size,var(--size-icon-btn)) - var(--dock-control-glyph-size,var(--dock-icon-glyph,1.25rem)) ) / 2 );}.toggle-sun,.toggle-circle{transform-origin: center;transition-property: transform;transition-duration: var(--spring-dock-duration);transition-timing-function: var(--spring-dock);}:where(.dark) .dark-mode-toggle-button .toggle-sun{transform: rotate(0.5turn);}:where(.dark) .dark-mode-toggle-button .toggle-circle{transform: translateX(-15%);}}@media (prefers-reduced-motion: reduce){.dark-mode-toggle-button,.dark-mode-toggle-button .toggle-sun,.dark-mode-toggle-button .toggle-circle{transition: none;}}
+@layer components{.dark-mode-toggle-button{--dark-mode-toggle-size: 2.25rem;--dark-mode-toggle-padding: 0.375rem;appearance: none;display: inline-grid;place-items: center;flex: none;width: var(--dark-mode-toggle-size);height: var(--dark-mode-toggle-size);padding: var(--dark-mode-toggle-padding);border: 0;border-radius: var(--radius-pill);color: var(--foreground);background: transparent;opacity: 0.8;cursor: pointer;transition: opacity var(--duration-fast) var(--ease-standard),background-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard);}.dark-mode-toggle-button:hover{background: var(--surface-tint-10);opacity: 1;}.dark-mode-toggle-button:focus-visible{outline: none;box-shadow: var(--focus-ring-shadow,var(--dock-ring));opacity: 1;}.dark-mode-toggle-button > svg{display: block;width: 100%;height: 100%;fill: currentColor;}.dark-mode-toggle-button[data-size="sm"]{--dark-mode-toggle-size: 1.75rem;--dark-mode-toggle-padding: 0.25rem;}.dark-mode-toggle-button[data-size="lg"]{--dark-mode-toggle-size: 2.75rem;--dark-mode-toggle-padding: 0.5rem;}.dark-mode-toggle-button[data-size="control"]{--dark-mode-toggle-size: var(--control-size,2.25rem);--dark-mode-toggle-padding: var(--control-icon-padding,0.375rem);}.dark-mode-toggle-button[data-size="dock"],.glass-dock .dark-mode-toggle-button:not([data-size="sm"]):not([data-size="lg"]):not( [data-size="control"] ){--dark-mode-toggle-size: var(--dock-control-size,var(--size-icon-btn));--dark-mode-toggle-padding: calc( ( var(--dock-control-size,var(--size-icon-btn)) - var(--dock-control-glyph-size,var(--dock-icon-glyph,1.25rem)) ) / 2 );}.toggle-sun,.toggle-circle{transform-origin: center;transition-property: transform;transition-duration: var(--spring-dock-duration);transition-timing-function: var(--spring-dock);}:where(.dark) .dark-mode-toggle-button .toggle-sun{transform: rotate(0.5turn);}:where(.dark) .dark-mode-toggle-button .toggle-circle{transform: translateX(-15%);}}@layer components{@media (prefers-reduced-motion: reduce){.dark-mode-toggle-button,.dark-mode-toggle-button .toggle-sun,.dark-mode-toggle-button .toggle-circle{transition: none;}}}

package/dist/components/deck/styles/capture.css

@@ -1 +1 @@
-@layer components{[data-deck-capture="export"] .deck-stage{--deck-export-inline: 1280px;--deck-export-block: 720px;position: relative;inset: auto;margin: 0;aspect-ratio: auto;inline-size: var(--deck-export-inline);block-size: var(--deck-export-block);max-inline-size: none;max-block-size: none;border-radius: 0;}[data-deck-capture="export"] .deck-slide{border-radius: 0;box-shadow: none;}[data-deck-capture="export"] .deck-ground,[data-deck-capture="freeze"] .deck-ground,[data-deck-capture="export"] .deck-slide,[data-deck-capture="freeze"] .deck-slide{transition: none !important;animation: none !important;}[data-deck-capture="export"] .deck-slide[data-state="active"],[data-deck-capture="freeze"] .deck-slide[data-state="active"]{--turn-x: 0px !important;--turn-s: 1 !important;--turn-r: 0deg !important;}[data-deck-capture="export"] .deck-slide::before,[data-deck-capture="export"] .deck-slide::after,[data-deck-capture="freeze"] .deck-slide::before,[data-deck-capture="freeze"] .deck-slide::after{opacity: 0 !important;animation: none !important;}[data-deck-capture="export"] [data-reveal],[data-deck-capture="freeze"] [data-reveal],[data-deck-capture="print"] [data-reveal]{opacity: 1 !important;animation: none !important;}[data-deck-capture="print"] .deck-stage{position: static;display: block;aspect-ratio: auto;inline-size: auto;block-size: auto;overflow: visible;}[data-deck-capture="print"] .deck-strip{display: block;overflow: visible;perspective: none;}[data-deck-capture="print"] .deck-ground{display: none;}[data-deck-capture="print"] .deck-slide{position: relative;opacity: 1 !important;visibility: visible !important;transform: none !important;pointer-events: auto;margin-block: var(--space-family);background: var(--background);}[data-deck-capture="print"] .deck-slide::before,[data-deck-capture="print"] .deck-slide::after{opacity: 0 !important;}}@media print{@page{size: 1280px 720px;margin: 0;}html,body{overflow: visible !important;margin: 0 !important;padding: 0 !important;print-color-adjust: exact;-webkit-print-color-adjust: exact;}html,body,#app{block-size: auto !important;min-block-size: 0 !important;}.deck-stage{position: static !important;display: block !important;aspect-ratio: auto !important;inline-size: auto !important;block-size: auto !important;overflow: visible !important;}.deck-strip{display: block !important;overflow: visible !important;perspective: none !important;}.deck-ground{display: none !important;}.deck-slide{position: relative !important;opacity: 1 !important;visibility: visible !important;transform: none !important;box-shadow: none !important;border-radius: 0 !important;margin: 0 !important;block-size: 719px !important;overflow: hidden !important;background: var(--background) !important;}.deck-slide::before,.deck-slide::after{opacity: 0 !important;}.deck-slide:not(:last-child){break-after: page;}.deck-stage .sr-only{display: none !important;}}
+@layer components{[data-deck-capture="export"] .deck-stage{--deck-export-inline: 1280px;--deck-export-block: 720px;position: relative;inset: auto;margin: 0;aspect-ratio: auto;inline-size: var(--deck-export-inline);block-size: var(--deck-export-block);max-inline-size: none;max-block-size: none;border-radius: 0;}[data-deck-capture="export"] .deck-slide{border-radius: 0;box-shadow: none;}[data-deck-capture="export"] .deck-ground,[data-deck-capture="freeze"] .deck-ground,[data-deck-capture="export"] .deck-slide,[data-deck-capture="freeze"] .deck-slide{transition: none !important;animation: none !important;}[data-deck-capture="export"] .deck-slide[data-state="active"],[data-deck-capture="freeze"] .deck-slide[data-state="active"]{--turn-x: 0px !important;--turn-s: 1 !important;--turn-r: 0deg !important;}[data-deck-capture="export"] .deck-slide::before,[data-deck-capture="export"] .deck-slide::after,[data-deck-capture="freeze"] .deck-slide::before,[data-deck-capture="freeze"] .deck-slide::after{opacity: 0 !important;animation: none !important;}[data-deck-capture="export"] [data-reveal],[data-deck-capture="freeze"] [data-reveal],[data-deck-capture="print"] [data-reveal]{opacity: 1 !important;animation: none !important;}[data-deck-capture="print"] .deck-stage{position: static;display: block;aspect-ratio: auto;inline-size: auto;block-size: auto;overflow: visible;}[data-deck-capture="print"] .deck-strip{display: block;overflow: visible;perspective: none;}[data-deck-capture="print"] .deck-ground{display: none;}[data-deck-capture="print"] .deck-slide{position: relative;opacity: 1 !important;visibility: visible !important;transform: none !important;pointer-events: auto;margin-block: var(--space-family);background: var(--background);}[data-deck-capture="print"] .deck-slide::before,[data-deck-capture="print"] .deck-slide::after{opacity: 0 !important;}}@layer components{@media print{@page{size: 1280px 720px;margin: 0;}html,body{overflow: visible !important;margin: 0 !important;padding: 0 !important;print-color-adjust: exact;-webkit-print-color-adjust: exact;}html,body,#app{block-size: auto !important;min-block-size: 0 !important;}.deck-stage{position: static !important;display: block !important;aspect-ratio: auto !important;inline-size: auto !important;block-size: auto !important;overflow: visible !important;}.deck-strip{display: block !important;overflow: visible !important;perspective: none !important;}.deck-ground{display: none !important;}.deck-slide{position: relative !important;opacity: 1 !important;visibility: visible !important;transform: none !important;box-shadow: none !important;border-radius: 0 !important;margin: 0 !important;block-size: 719px !important;overflow: hidden !important;background: var(--background) !important;}.deck-slide::before,.deck-slide::after{opacity: 0 !important;}.deck-slide:not(:last-child){break-after: page;}.deck-stage .sr-only{display: none !important;}}}

package/dist/components/dialog/styles.css

@@ -1 +1 @@
-:where([data-slot="dialog-content"]){border-radius: var(--radius-3xl);display: grid;gap: var(--space-body);inline-size: min(100% - 2 * var(--space-section),32rem);padding-inline: var(--space-family);padding-block: var(--space-family);translate: -50% -50%;}:where([data-slot="dialog-header"]){display: flex;flex-direction: column;gap: var(--space-atom);text-align: start;}:where([data-slot="dialog-content"]:has([data-slot="dialog-close"])) :where([data-slot="dialog-header"]){padding-inline-end: calc(var(--touch-target) + var(--space-atom));}:where([data-slot="dialog-title"]){font-size: calc(var(--type-body) * 1.272);line-height: var(--type-leading-body);letter-spacing: var(--type-tracking-tight);}:where([data-slot="dialog-description"]){font-size: var(--type-body);line-height: var(--type-leading-body);color: var(--foreground);}:where([data-slot="dialog-footer"]){display: flex;flex-direction: row;justify-content: flex-end;gap: var(--space-body);}:where([data-slot="dialog-close"]){position: absolute;inset-block-start: var(--space-family);inset-inline-end: var(--space-family);display: inline-flex;align-items: center;justify-content: center;inline-size: var(--touch-target);block-size: var(--touch-target);border-radius: var(--radius-pill);color: var(--foreground);cursor: pointer;isolation: isolate;}:where([data-slot="dialog-close"])::before{content: "";position: absolute;inset: 0;z-index: -1;border-radius: inherit;background: transparent;transition: background-color var(--spring-press-duration) var(--spring-press),scale var(--spring-press-duration) var(--spring-press);}@media (hover: hover){:where([data-slot="dialog-close"]):hover::before{background: color-mix(in oklab,var(--foreground) 5%,transparent);scale: var(--scale-hover);}}:where([data-slot="dialog-close"]):active::before{background: color-mix(in oklab,var(--foreground) 12%,transparent);scale: var(--scale-press);}:where([data-slot="dialog-close"]):focus-visible{outline: 2px solid color-mix(in oklab,var(--foreground) 48%,transparent);outline-offset: 2px;}@property --rebuff-x{syntax: "<length>";inherits: false;initial-value: 0px;}@keyframes glass-dialog-rebuff-a{0%{--rebuff-x: 0px;}22%{--rebuff-x: -4px;}48%{--rebuff-x: 3px;}72%{--rebuff-x: -1.6px;}88%{--rebuff-x: 0.6px;}100%{--rebuff-x: 0px;}}@keyframes glass-dialog-rebuff-b{0%{--rebuff-x: 0px;}22%{--rebuff-x: -4px;}48%{--rebuff-x: 3px;}72%{--rebuff-x: -1.6px;}88%{--rebuff-x: 0.6px;}100%{--rebuff-x: 0px;}}:where([data-slot="dialog-content"][data-rebuff]){translate: calc(-50% + var(--rebuff-x)) -50%;}:where([data-slot="dialog-content"][data-rebuff="a"]){animation: glass-dialog-rebuff-a var(--spring-press-duration) var(--spring-press);}:where([data-slot="dialog-content"][data-rebuff="b"]){animation: glass-dialog-rebuff-b var(--spring-press-duration) var(--spring-press);}@keyframes glass-dialog-rebuff-flash{0%,100%{outline-color: transparent;}50%{outline-color: color-mix(in oklab,var(--foreground) 48%,transparent);}}@media (prefers-reduced-motion: reduce){:where([data-slot="dialog-content"][data-rebuff]){outline: 2px solid transparent;outline-offset: 0;animation: glass-dialog-rebuff-flash var(--spring-press-duration) linear;}}
+@layer components{:where([data-slot="dialog-content"]){border-radius: var(--radius-3xl);display: grid;gap: var(--space-body);inline-size: min(100% - 2 * var(--space-section),32rem);padding-inline: var(--space-family);padding-block: var(--space-family);translate: -50% -50%;}:where([data-slot="dialog-header"]){display: flex;flex-direction: column;gap: var(--space-atom);text-align: start;}:where([data-slot="dialog-content"]:has([data-slot="dialog-close"])) :where([data-slot="dialog-header"]){padding-inline-end: calc(var(--touch-target) + var(--space-atom));}:where([data-slot="dialog-title"]){font-size: calc(var(--type-body) * 1.272);line-height: var(--type-leading-body);letter-spacing: var(--type-tracking-tight);}:where([data-slot="dialog-description"]){font-size: var(--type-body);line-height: var(--type-leading-body);color: var(--foreground);}:where([data-slot="dialog-footer"]){display: flex;flex-direction: row;justify-content: flex-end;gap: var(--space-body);}:where([data-slot="dialog-close"]){position: absolute;inset-block-start: var(--space-family);inset-inline-end: var(--space-family);display: inline-flex;align-items: center;justify-content: center;inline-size: var(--touch-target);block-size: var(--touch-target);border-radius: var(--radius-pill);color: var(--foreground);cursor: pointer;isolation: isolate;}:where([data-slot="dialog-close"])::before{content: "";position: absolute;inset: 0;z-index: -1;border-radius: inherit;background: transparent;transition: background-color var(--spring-press-duration) var(--spring-press),scale var(--spring-press-duration) var(--spring-press);}@media (hover: hover){:where([data-slot="dialog-close"]):hover::before{background: color-mix(in oklab,var(--foreground) 5%,transparent);scale: var(--scale-hover);}}:where([data-slot="dialog-close"]):active::before{background: color-mix(in oklab,var(--foreground) 12%,transparent);scale: var(--scale-press);}:where([data-slot="dialog-close"]):focus-visible{outline: 2px solid color-mix(in oklab,var(--foreground) 48%,transparent);outline-offset: 2px;}}@property --rebuff-x{syntax: "<length>";inherits: false;initial-value: 0px;}@keyframes glass-dialog-rebuff-a{0%{--rebuff-x: 0px;}22%{--rebuff-x: -4px;}48%{--rebuff-x: 3px;}72%{--rebuff-x: -1.6px;}88%{--rebuff-x: 0.6px;}100%{--rebuff-x: 0px;}}@keyframes glass-dialog-rebuff-b{0%{--rebuff-x: 0px;}22%{--rebuff-x: -4px;}48%{--rebuff-x: 3px;}72%{--rebuff-x: -1.6px;}88%{--rebuff-x: 0.6px;}100%{--rebuff-x: 0px;}}@layer components{:where([data-slot="dialog-content"][data-rebuff]){translate: calc(-50% + var(--rebuff-x)) -50%;}:where([data-slot="dialog-content"][data-rebuff="a"]){animation: glass-dialog-rebuff-a var(--spring-press-duration) var(--spring-press);}:where([data-slot="dialog-content"][data-rebuff="b"]){animation: glass-dialog-rebuff-b var(--spring-press-duration) var(--spring-press);}}@keyframes glass-dialog-rebuff-flash{0%,100%{outline-color: transparent;}50%{outline-color: color-mix(in oklab,var(--foreground) 48%,transparent);}}@layer components{@media (prefers-reduced-motion: reduce){:where([data-slot="dialog-content"][data-rebuff]){outline: 2px solid transparent;outline-offset: 0;animation: glass-dialog-rebuff-flash var(--spring-press-duration) linear;}}}

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

@@ -6,12 +6,11 @@
  * class was axis-blind — a fixed VERTICAL 1px hairline that paints a useless
  * 1px-wide sliver in a column (vertical) dock and a single cell-sliver in a grid
  * dock. This primitive bundles the orientation contract the bare class could not:
- * it reads the dock `orientation`/`layout` via `useOptionalDockContext()` and the
- * dock-root ancestor class (`.glass-dock.vertical`, `.layout-grid`) drives the
+ * it reads the dock `orientation` via `useOptionalDockContext()` and the
+ * dock-root ancestor class (`.glass-dock.vertical`) drives the
  * PERPENDICULAR paint (dock.css) —
  *   - row dock (horizontal, default) → a vertical 1px rule
  *   - column dock (vertical)         → a horizontal 1px rule
- *   - grid dock (`layout="grid"`)    → a full-row section break (grid-column: 1, -1)
  *
  * It is a thin oriented `<div>` (KISS); `data-orientation` is the explicit axis
  * marker (so the perpendicular paint resolves even when used inside a

package/dist/components/dock/GlassDock.vue.d.ts

@@ -22,6 +22,7 @@ declare const __VLS_base: import("vue").DefineComponent<DockProps, {
     keepOpen: (kind?: import("./composables/dockContext.js").DockHoldKind) => void;
     release: (kind?: import("./composables/dockContext.js").DockHoldKind) => void;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DockProps> & Readonly<{}>, {
+    collapse: import(".").DockCollapse;
     backdropMode: import(".").DockBackdropMode;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/dock/composables/dockContext.d.ts

@@ -1,6 +1,5 @@
 import type { ComputedRef } from "vue";
 export type DockOrientation = "horizontal" | "vertical";
-export type DockLayout = "linear" | "grid";
 /**
  * What KIND of hold a token is. The two are different facts about the dock and
  * only one of them is a hand:
@@ -20,7 +19,7 @@ export type DockHoldKind = "morph" | "grasp";
  * Dock context surfaces the dock id + orientation + held-state coordination
  * to descendants.
  *
- * One typed key carries id, orientation, layout, and held-state coordination.
+ * One typed key carries id, orientation, and held-state coordination.
  * Paired helpers:
  *  - `useDockContext()` — strict; throws when used outside `<GlassDock>`.
  *  - `useOptionalDockContext()` — befitting silent default for primitives
@@ -32,12 +31,6 @@ export type DockHoldKind = "morph" | "grasp";
 export interface DockContext {
     id: string;
     orientation: ComputedRef<DockOrientation>;
-    /**
-     * In-cap arrangement (`linear` row/column vs `grid` tile panel).
-     * `<DockSeparator>` reads this to paint a full-row section break in a grid dock
-     * (a 1px perpendicular hairline is useless in a 2D tile grid).
-     */
-    layout: ComputedRef<DockLayout>;
     /**
      * Acquire a hold token; suppresses timer-based collapse. `kind` defaults to
      * `"morph"` (posture only). Pass `"grasp"` for a live pointer hold — it takes

package/dist/components/dock/composables/dockCrossfadeContext.d.ts

@@ -52,5 +52,3 @@ export declare const DOCK_CROSSFADE_KEY: import("vue").InjectionKey<DockCrossfad
 export declare function provideDockCrossfadeContext(context: DockCrossfadeContext): void;
 /** Strict — throws when used outside `<DockCrossfade>`. */
 export declare const useDockCrossfadeContext: () => DockCrossfadeContext;
-/** Befitting silent default; reserved for future consumers. */
-export declare const useOptionalDockCrossfadeContext: () => DockCrossfadeContext | null;

package/dist/components/dock/composables/index.d.ts

@@ -6,5 +6,5 @@ export { useDockHold } from "./useDockHold.js";
 export type { UseDockHoldOptions, UseDockHoldReturn } from "./useDockHold.js";
 export { isTeleportedTarget } from "../../_shared/overlay/isTeleportedTarget.js";
 export { provideDockContext, useDockContext, useOptionalDockContext, DOCK_CONTEXT_KEY, type DockContext, type DockOrientation, } from "./dockContext.js";
-export { provideDockCrossfadeContext, useDockCrossfadeContext, useOptionalDockCrossfadeContext, DOCK_CROSSFADE_KEY, type DockFaceDescriptor, type DockFaceRegistration, type DockCrossfadeContext, } from "./dockCrossfadeContext.js";
+export { provideDockCrossfadeContext, useDockCrossfadeContext, DOCK_CROSSFADE_KEY, type DockFaceDescriptor, type DockFaceRegistration, type DockCrossfadeContext, } from "./dockCrossfadeContext.js";
 export { useDockMorphOrchestrator, type UseDockMorphOrchestratorOptions, type UseDockMorphOrchestratorReturn, } from "./useDockMorph.js";

package/dist/components/dock/composables/useDockHold.d.ts

@@ -16,18 +16,22 @@ import type { Ref } from "vue";
  * STANDALONE control engages on its own drag and a control inside a dock does NOT
  * co-engage off a sibling's hold.
  *
- * Why NATIVE host listeners (not a Vue `@pointerdown` template binding):
- * reka-ui's `<SliderRoot>` is a FORWARDING component — it renders through a
- * `CollectionSlot` + `resolveDynamicComponent` (SliderHorizontal/Vertical) +
- * `forwardRef` chain and binds its OWN cached `onPointerdown`
- * (`SliderRoot.js → SliderImpl.js`, which calls `setPointerCapture`). A consumer
- * `@pointerdown` arrives as `$attrs.onPointerdown` and is DROPPED across that
- * Slot/forwardRef boundary — vue-tsc + units pass, only a real drag catches it
- * (the canonical binding-verification class, `feedback_glass_ui_binding_*`). A
- * native `addEventListener` on the RESOLVED host element is immune: the event
- * always reaches the DOM node the user actually presses. This host-native behavior is
- * preferable to a Reka `dragging`-ref subscription, which Reka does not publicly expose
- * and which would re-introduce the same forwarding fragility).
+ * Why NATIVE host listeners (not a Vue `@pointerdown` template binding) — and NOT
+ * because the binding would be lost. reka-ui's `<SliderRoot>` is a forwarding
+ * component and does set `inheritAttrs: false` (`SliderRoot.js:17`), but it re-merges
+ * `$attrs` by hand on the way out — `mergeProps(_ctx.$attrs, { … onPointerdown })`
+ * (`:149`) — and `mergeProps` CHAINS `onX` handlers rather than overwriting them, so a
+ * consumer `@pointerdown` arrives and runs. Measured at our pin and at the consumer's:
+ * the merged order is reka's slide start, reka's update, then the consumer — LAST,
+ * which is the one real limit (it cannot `preventDefault` ahead of the slide).
+ * `tests/components/ui/slider/attrs-pointerdown-channel.test.ts` holds the arrival as a
+ * standing arm; the order was measured at the seat and is not asserted there.
+ *
+ * The native listeners are taken for three reasons that do hold: `pointerdown` AND
+ * `touchstart` fold onto ONE acquire under one owner; the release is window-scoped and
+ * so survives reka's `setPointerCapture` retarget; and the acquire is
+ * capture-independent, which is what makes it instant-on. A Reka `dragging`-ref
+ * subscription serves none of the three and is not publicly exposed.
  *
  * The hold is INSTANT-ON (Apple "Building Fluid Interfaces", facet 5): the first
  * line `keepOpen()` is capture-independent and synchronous, so the halo +

package/dist/components/dock/composables/useDockRun.d.ts

@@ -0,0 +1,20 @@
+import { type ComputedRef, type Ref } from "vue";
+export interface UseDockRunOptions {
+    /** The scroll port — `.dock-run`, the element the seats are children of. */
+    runEl: Ref<HTMLElement | null>;
+    /** The `role="status"` node reach announces through. */
+    statusEl: Ref<HTMLElement | null>;
+    /** Resolved layout axis; selects the scroll axis and the arrow-key pair. */
+    orientation: ComputedRef<"horizontal" | "vertical">;
+}
+export interface UseDockRunReturn {
+    /**
+     * Bring `seat` fully into view at its lattice anchor, on the DOCK spring. Exposed
+     * so a consumer driving selection programmatically reaches the same anchor the
+     * pointer and keyboard paths do — one reach, three callers.
+     */
+    reach: (seat: HTMLElement) => void;
+    /** Re-derive the tab stop. Called on mount, on focus moves, and on content change. */
+    syncRoving: () => void;
+}
+export declare function useDockRun(options: UseDockRunOptions): UseDockRunReturn;

package/dist/components/dock/composables/useDockSearch.d.ts

@@ -1,6 +1,6 @@
 import { type MaybeRefOrGetter, type Ref } from "vue";
 import type { UseDockStateReturn } from "./useDockState.js";
-import { type FuzzySearchState, type SearchableItem, type SearchResult } from "../../search/composables/index.js";
+import { type FuzzySearchState, type SearchableItem, type SearchResult } from "../../../composables/search/index.js";
 import { type UseScrollChromeReturn } from "../../../composables/motion/scroll/useScrollChrome.js";
 export interface UseDockSearchOptions<T extends SearchableItem = SearchableItem> {
     /** Composes the existing dock state machine (no fork) — `armSearch`/`disarmSearch`