@mkbabb/glass-ui 6.0.0 → 8.0.0

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

@@ -1,13 +1,19 @@
 import { type ComputedRef } from "vue";
 export type DockSize = "sm" | "md" | "lg" | "xl";
 export type DockBackdropMode = "live" | "static";
+export type DockInteraction = "auto" | "manual";
 /**
- * The ONE GlassDock prop shape (AZ.W-DOCK-TAXONOMY — the discriminated union is
- * gone). Every dock — horizontal or vertical — reads the SAME surface; orientation
+ * The GlassDock prop shape. Every dock—horizontal or vertical—reads the same
+ * surface; orientation
  * is the single layout axis and the collapse surface applies on both.
  */
 export interface DockProps {
     fitContent?: boolean;
+    /**
+     * Positioning register: `"inline"` (default) participates in normal flow;
+     * `"fixed"` pins the dock centred to the viewport bottom; `"sticky"` rides
+     * the `.dock-sticky` register.
+     */
     position?: "fixed" | "inline" | "sticky";
     /**
      * Backdrop material mode. `"live"` (default) samples and filters the painted
@@ -16,37 +22,31 @@ export interface DockProps {
      */
     backdropMode?: DockBackdropMode;
     /**
-     * Never collapse — render permanently expanded; the single opt-OUT of the
+     * Never collapse: render permanently expanded, the single opt-out of the
      * collapse↔expand machinery. Default `false` (every dock is collapsible).
-     * AZ.W-DOCK-TAXONOMY — vertical docks are NO LONGER force-pinned here (a
-     * vertical dock morphs its height too; the prior `variant="rail"`
-     * always-expanded-by-construction is removed). A `layout="grid"` dock is
-     * `alwaysExpanded` BY CONTRACT (a 2D tile panel does not read as a collapsible
-     * pill). A vertical nav column that wants the static always-expanded look opts
-     * in via this prop. (A positive `collapsible` boolean was considered and
-     * rejected: Vue coerces an absent boolean prop to `false`, so a `collapsible`
-     * defaulting to `true` would need a `withDefaults` second default-path; the
-     * existing `alwaysExpanded` opt-out — which correctly defaults `false` — is the
-     * one knob, no Vue boolean-trap.)
+     * A vertical dock morphs its height too. A `layout="grid"` dock is
+     * always expanded by contract (a 2D tile panel does not read as a collapsible
+     * pill). A vertical navigation column can opt into the static expanded posture.
      */
     alwaysExpanded?: boolean;
     /**
      * Corner treatment.
      *   `"pill"`    — the stadium silhouette (default).
-     *   `"rounded"` — a finite rounded radius (`--radius-xl`).
-     *   `"card"`    — the AW.W3b big-dock card shell: a finite concentric
+     *   `"rounded"` — the finite CARD-role corner (`--radius-card`): a plate
+     *                 silhouette, distinct from both the stadium and the big-dock
+     *                 shell. Bound to the role, never to a literal rung.
+     *   `"card"`    — a finite concentric big-dock shell
      *                 radius (`--dock-card-radius`, default `--radius-3xl`)
      *                 ABOVE 2xl, below pill — does NOT collapse to a stadium.
      *                 Collapsed it returns to a pill; the pill↔card swap
-     *                 morphs on the `--dock-motion-resize` spring. AX.W56's
+     *                 morphs on the `--dock-motion-resize` spring. The
      *                 squircle policy applies `corner-shape:
      *                 var(--corner-shape-bigdock)` here under `@supports
      *                 (corner-shape: superellipse(2))` — the big-dock is the ONE
      *                 surface where the superellipse reads (cards/pills stay
      *                 round); the border-radius arc is the cross-engine contract.
      *
-     * Paints on BOTH orientations (AZ.W-DOCK-TAXONOMY — `shape` is no longer
-     * variant-gated; a vertical dock reads `shape="rounded"` for the tool-palette
+     * Paints on both orientations: a vertical dock reads `shape="rounded"` for the tool-palette
      * look, a horizontal dock reads `shape="card"` for the big-dock shell).
      */
     shape?: "pill" | "rounded" | "card";
@@ -54,7 +54,7 @@ export interface DockProps {
      * Layout axis of the dock. `"horizontal"` (default) lays items out
      * left-to-right and animates `width`; `"vertical"` lays items out
      * top-to-bottom and animates `height`. This is the SINGLE layout axis — there
-     * is no `variant` second-way to express "vertical" (AZ.W-DOCK-TAXONOMY).
+     * is no `variant` second-way to express "vertical".
      */
     orientation?: "horizontal" | "vertical";
     /**
@@ -66,9 +66,7 @@ export interface DockProps {
      * Overflow strategy when the expanded content exceeds the dock's
      * axis cap (`--dock-max-inline-size` horizontally,
      * `--dock-max-block-size` vertically). The ONE knob governing every
-     * overflow behaviour (AT.W7-dock-a clean break — collapsed from the
-     * prior `wrap` boolean + `overflow` pair + `containerName` clip-lift,
-     * which all touched overflow divergently).
+     * overflow behavior.
      *   `"grow"`   — content grows to fit then overflows visibly past
      *                the cap (the default; nothing clips or scrolls).
      *   `"wrap"`   — expanded content wraps to multiple rows via CONTENT-DRIVEN
@@ -84,42 +82,38 @@ export interface DockProps {
      *                `.dock-overflow-wrap` class is not emitted for a vertical
      *                orientation.
      *
-     * BG.W-DOCK-CAP-SCROLL-FADE — the `"scroll"` opt-in RETIRED (clean break,
-     * no alias). A capped axis is INTRINSICALLY a scroll axis: a horizontal
+     * A capped axis is intrinsically a scroll axis: a horizontal
      * dock's inline axis reads `.dock-scroll-x` unconditionally (the CSS
      * `overflow-x: auto` scrolls ONLY when the row exceeds
      * `--dock-max-inline-size`; under the cap nothing scrolls), and a vertical
-     * rail's block axis scrolls via the unconditional cap-derived shell rule
+     * vertical dock's block axis scrolls via the unconditional cap-derived shell rule
      * (`--dock-max-block-size` is the sole knob). No prop, no unreachable
      * controls.
      */
     overflow?: "grow" | "wrap";
     /**
-     * When set, the dock root establishes an inline-size container query
-     * subject (`container-type: inline-size; container-name: <value>`) so
-     * descendants can query the named container via `@container <value>
-     * (...)` rules. ORTHOGONAL to the `overflow` clip: opting into a
-     * container subject does NOT silently change the dock's clip shell
-     * (AT.W7-dock-a — the prior clip-lift was folded out; use
-     * `overflow="wrap"` to allow multi-line content).
-     *
-     * ALWAYS-EXPANDED-ONLY (AY.W-DOCK2 §F1): `container-type: inline-size`
-     * clamps the box to its contained intrinsic size, so on a COLLAPSIBLE
-     * dock the collapse↔expand FLIP measures collapsed→collapsed and the
-     * morph FREEZES. A collapsible dock that needs deterministic targeting
-     * uses a plain `data-testid` (no layout side-effect).
-     */
-    containerName?: string;
-    /**
-     * Idle-collapse delay in ms (default 2000). Inert on an always-expanded dock.
+     * Idle-collapse delay in ms (default 3600). Inert on an always-expanded dock.
      */
     collapseDelay?: number;
     /**
      * Start in the collapsed state (default true). Applies on BOTH orientations
-     * (AZ.W-DOCK-TAXONOMY — a vertical dock starts collapsed and morphs its block
-     * axis open too). Inert on an always-expanded dock.
+     * and a vertical dock morphs its block axis open too. Inert on an always-expanded dock.
      */
     startCollapsed?: boolean;
+    /**
+     * Posture ownership on a COLLAPSIBLE dock.
+     *   `"auto"`   (default) — the built-in FSM owns posture.
+     *   `"manual"` — the consumer owns posture. Every internal environmental writer
+     *                (hover, focus, idle timer, outside-click, collapsed-tap, touch)
+     *                is suppressed at BOTH poles; only `expand()`/`collapse()` write.
+     *                Mount pole from `startCollapsed`. Read posture via `expanded`.
+     *                a11y: the consumer MUST author a focusable disclosure in a
+     *                never-inert slot (`#persistent`/`#collapsed`) — glass does not
+     *                auto-expand on focus in manual and provides no fallback.
+     * Resolved to `"auto"` on an always-expanded dock (that pole is force-pinned;
+     * interaction is meaningless there — no dead combination reaches the FSM).
+     */
+    interaction?: DockInteraction;
     /**
      * In-cap arrangement. `"linear"` (default) lays the active layer out as a
      * linear row/column. `"grid"` makes the active layer a self-wrapping tile
@@ -134,41 +128,26 @@ export interface DockProps {
      * auto-implication of `shape`).
      */
     layout?: "linear" | "grid";
-    /**
-     * AZ.W-ADAPTIVE-AUTO Arm 2 (H3 arm a) — the sampled-luminance observer that
-     * DYNAMICALLY refines the W55 declarative bright-bucket darken (the iOS-27
-     * "darken dynamically" register). Default `true` (default-ON for the dock — the
-     * surface most often over a live/bright backdrop). It REFINES the floor (the
-     * unconditional self-engage + the declarative bucket stay the guarantee); a
-     * dark-substrate consumer opts out with `:auto-luminance="false"` (or
-     * `--glass-tint-strength: 0%` on the dock). The observer is rAF-throttled ≤ 4 Hz,
-     * IntersectionObserver-gated, and parks under `prefers-reduced-motion: reduce`.
-     */
-    autoLuminance?: boolean;
     /**
      * The KNOWN background-layer canvas the dock floats over (an aurora/blob
      * `<canvas>`) — an element, a getter, or a CSS selector. When present, the
-     * observer downsamples it under the dock's box each settle (the ANIMATED-backdrop
+     * observer downsamples it under the dock's box after settling (the animated-backdrop
      * case); absent, it stack-walks the painted page background (the static case).
      */
     backgroundCanvas?: HTMLCanvasElement | (() => HTMLCanvasElement | null) | string | null;
     /**
-     * BC.W-DOCK-SEARCH — the dock-as-native-dynamic-search-bar MODE (additive,
-     * default `false`). When true the dock stamps `[data-search]` (the CSS hook the
-     * `dock/search.css` active-field tint seam + the `.glass-menu-row` result rows
-     * target) and renders the `#search` slot INSIDE the existing morph aperture — the
-     * consumer composes `useDockSearch` (the gesture/shrink/dropdown seam) and slots
-     * its search field + fuzzy dropdown there. The pill→field morph is the dock's OWN
-     * `--dock-morph-t` glide (box-inviolate — no second engine). A non-search dock is
-     * byte-identical to HEAD (the slot + the data-attr are present only when authored).
+     * Native dynamic-search mode. Default `false`. When enabled, the dock stamps
+     * `[data-search]` and renders `#search` inside the existing morph aperture. The
+     * consumer composes `useDockSearch` and supplies its field and result menu. The
+     * dock's `--dock-morph-t` remains the sole pill-to-field motion scalar.
      */
     search?: boolean;
 }
 /** The resolved shell-prop computeds the GlassDock SFC binds. */
 export interface DockShellProps {
-    containerStyle: ComputedRef<Record<string, string> | undefined>;
     collapseDelay: ComputedRef<number>;
     startCollapsed: ComputedRef<boolean>;
+    interaction: ComputedRef<DockInteraction>;
     layoutValue: ComputedRef<"linear" | "grid">;
     shape: ComputedRef<"pill" | "rounded" | "card">;
     orientation: ComputedRef<"horizontal" | "vertical">;

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

@@ -1,16 +1,10 @@
 /**
- * BG.W-DOCK-ENGINE-UNIFY — the ONE `SpringProgress` owner for the dock band.
+ * the ONE `SpringProgress` owner for the dock band.
  *
- * The dock's collapse↔expand morph (`dockMorphContext`), the V↔H orientation
- * morph (`useDockOrientationMorph`), and the fission detach (`useDockFission`)
- * each hand-rolled their OWN `new SpringProgress` on the SAME `DOCK_SPRING` clock
- * (the demo-only `useDockItemDrag` fling — a fourth copy — retired at
- * BI.W-DOCK-FOLD, counted by W-DOCK-SPRING-UNIFY SU1) — copies of the
- * identical iOS interruptible-physics dance (create-carrying-prior-velocity →
- * play the glide writing the scalar → self-dispose on settle → PRM-jump). This
- * factory owns that dance ONCE. A consumer supplies the `(response, ζ)` pair +
- * its per-frame writer; the spring construction, the velocity-continuous
- * re-base, and the teardown live here — the sole `new SpringProgress` site.
+ * The outer dock morph and controlled face crossfade share this one spring
+ * factory instead of duplicating the interruptible-physics lifecycle. A consumer
+ * supplies the `(response, ζ)` pair and per-frame writer; construction, velocity-
+ * continuous re-base, and teardown live here — the sole `new SpringProgress` site.
  *
  * `SpringProgress` owns its own rAF via `.play(onFrame)` and carries no static
  * value.js edge, so this leaf never imports `AnimationGroup`/`./engine`. The
@@ -37,6 +31,8 @@ export interface DockSpringPlayOptions {
      * `|velocity|`). Called once per frame while the glide runs.
      */
     onFrame: (value: number, velocity: number) => void;
+    /** Coordinate transform applied when carrying a live episode's velocity. */
+    inheritVelocityScale?: number;
     /** Fired ONCE on settle, immediately BEFORE the self-dispose. */
     onSettle?: () => void;
 }

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

@@ -1,4 +1,6 @@
 import type { ComputedRef, Ref } from "vue";
+import type { DockHoldKind } from "./dockContext.js";
+import type { DockInteraction } from "./useDockShellProps.js";
 export interface UseDockStateOptions {
     /** Delay before auto-collapse after mouse leaves (ms) */
     collapseDelay?: number;
@@ -6,6 +8,15 @@ export interface UseDockStateOptions {
     rootEl: Ref<HTMLElement | null>;
     /** Disable collapse behavior and keep the dock expanded. */
     alwaysExpanded?: Ref<boolean> | boolean;
+    /**
+     * Posture ownership. `"auto"` (default) runs the built-in FSM; `"manual"`
+     * suppresses every environmental writer (hover, focus, idle timer,
+     * outside-click, collapsed-tap) at BOTH poles, leaving only `expand()` /
+     * `collapse()` operative — the consumer owns posture.
+     */
+    interaction?: Ref<DockInteraction> | DockInteraction;
+    /** Mount-only posture for a collapsible dock. */
+    initialExpanded?: boolean;
     /** Ref that suppresses click-away during an active dock animation. */
     isTransitioning?: Ref<boolean>;
     /** Owner id for dock-owned teleported targets. */
@@ -15,9 +26,8 @@ export interface UseDockStateOptions {
 }
 export type DockState = "collapsed" | "hover" | "pinned";
 /**
- * Canonical return shape for `useDockState`. Named per the O.W6 Lane A
- * `UseClipboardReturn` precedent + P.W2 Lane D (Pγ.3 "useDockState inline
- * return"); freezes today's surface so consumers wrapping `<GlassDock>` (or
+ * Canonical return shape for `useDockState`, paralleling other named composable return
+ * types. It lets consumers wrapping `<GlassDock>` (or
  * authoring a custom dock chassis) can type the composable handle from `/api`
  * or the `/dock` subpath without reaching for `ReturnType<typeof useDockState>`.
  */
@@ -28,8 +38,20 @@ export interface UseDockStateReturn {
     expanded: Ref<boolean>;
     /** `true` whenever `state === "pinned"` — derived ref. */
     isPinned: Ref<boolean>;
-    /** `true` whenever at least one child token holds the dock open via `keepOpen`. */
+    /**
+     * `true` whenever at least one child token holds the dock open via `keepOpen`
+     * — the MORPH hold (posture). An armed search field or an open popover is one;
+     * a hand is not implied. It governs the collapse timer and the click-away, and
+     * it drives NO paint.
+     */
     isHeld: ComputedRef<boolean>;
+    /**
+     * `true` while at least one `keepOpen("grasp")` token is live — an actual
+     * POINTER hold on a descendant control. The dock's `data-held` edge and the
+     * grasp register (glass/grasp.css) read THIS, never `isHeld`: the material
+     * answers a hand, and "a popover is open" is not one.
+     */
+    graspHeld: ComputedRef<boolean>;
     /** Mouseenter handler — transitions `collapsed → hover`. */
     onMouseEnter: () => void;
     /** Mouseleave handler — schedules `hover → collapsed` after `collapseDelay`. */
@@ -41,9 +63,9 @@ export interface UseDockStateReturn {
     /** Click handler on the collapsed layer — transitions to `pinned`. */
     onClickCollapsed: () => void;
     /** Increment hold ref-count; suppresses timer-based collapse. */
-    keepOpen: () => void;
+    keepOpen: (kind?: DockHoldKind) => void;
     /** Decrement hold ref-count; allows timer-based collapse when count reaches 0. */
-    release: () => void;
+    release: (kind?: DockHoldKind) => void;
     /** Imperative open — forces `state = "hover"` (no-op when `alwaysExpanded`). */
     expand: () => void;
     /** Imperative close — forces `state = "collapsed"` (no-op when `alwaysExpanded`). */

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

@@ -1,35 +1,26 @@
 import type { Ref } from "vue";
 /**
- * BG.W-DOCK-DECOMPOSE — the dock touch-gate wiring, carved off the `GlassDock.vue`
- * god-SFC (the F6.5 one-writer-per-concern seam). It owns the `useTouchGate`
- * instance + the tap/scroll discrimination handlers + the collapse-on-deactivate
- * watch — ONE structural concern (the collapsed-pill tap-to-expand gesture), NEVER
- * a morph-scalar writer (`--dock-morph-t`/`--dock-morph-v` stay the orchestrator's).
+ * Own collapsed-pill tap/scroll discrimination and collapse-on-deactivate state.
+ * Morph scalars remain owned by the Dock orchestrator.
  *
- * AT.W6-dock-b — shape B′ touch-gate. The gate's job is to DISTINGUISH a tap from a
- * vertical scroll on the floating collapsed pill (the 150ms pending window + the
- * >10px scroll-check inside `useTouchGate`), NOT to SWALLOW the tap. It therefore
- * does NOT `preventDefault()`/`stopPropagation()` the activating `touchstart`/
- * `touchend`: the browser's native tap→click compatibility event is allowed to flow
- * to the tapped control, so a SINGLE tap on a collapsed dock control BOTH expands the
- * dock AND activates that control (via the native click) — the iOS Now-Playing
- * mini-bar single-tap-play contract. No `elementFromPoint`, no synthetic dispatch. A
- * scroll gesture cancels the pending tap inside the gate and never emits a tap-click,
- * so vertical scrolling on the pill stays browser-owned. (Swallowing the tap was the
- * root cause of the double-tap field defect — a prevented touch sequence emits no
- * compatibility click, so the control under the finger fired nothing.)
- *
- * AZ.W-DOCK-TAXONOMY — the gate applies to ANY collapsible dock, not just the
- * horizontal one (a vertical dock now collapses too), so it must distinguish a tap
- * from a vertical scroll on its pill as well.
+ * The gate distinguishes a tap from vertical scrolling without preventing the
+ * browser's compatibility click. A single tap can expand the Dock and activate its
+ * control; a scroll cancels the pending tap. No hit-test lookup or synthetic
+ * dispatch is used. The same behavior applies to both orientations.
  */
 export interface UseDockTouchGateOptions {
     /** The dock's auto-collapse delay (ms) — the gate's deactivation timer. */
     collapseDelay: number;
     /** The dock body root — the tap discrimination anchors on it. */
     rootEl: Ref<HTMLElement | null>;
-    /** True when the dock cannot collapse (the gate no-ops — no tap-to-expand). */
-    alwaysExpanded: Readonly<Ref<boolean>>;
+    /**
+     * True when every environmental writer is suppressed — an always-expanded dock
+     * (force-pinned) OR a manual dock (the consumer owns posture). The gate no-ops:
+     * no tap-to-expand, no collapse-on-deactivate. Without folding `manual` in here
+     * the gate would leak a `collapse()` on deactivate (in manual `isPinned` is
+     * false and `alwaysExpanded` is false, so the collapse guard would fire).
+     */
+    quiet: Readonly<Ref<boolean>>;
     /** The painted expand state (`alwaysExpanded || expanded`). */
     visualExpanded: Readonly<Ref<boolean>>;
     /** The raw expand ref (the collapse-on-deactivate guard reads it). */

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

@@ -1,95 +1,36 @@
-import type { Component } from "vue";
-/**
- * BC.W-DOCK-STACK-RAIL — one `<DockStack>` member descriptor: a stack member that fans
- * OUT of the macOS hover-expand stack (id + label + glyph + optional select handler).
- * A `<script setup>` SFC cannot re-export a named type through the `export { default }`
- * barrel, so the descriptor lives here (the colocated types home) and the SFC imports
- * it; the barrel re-exports it for consumers typing their `items` array. This is the
- * stack's MEMBER, not a facet chip — the divider-carousel `DockRailItem` is RETIRED
- * (clean break, no alias).
- */
-export interface DockStackItem {
-    /** Stable identifier — the `v-for` key + the selected-member id. */
-    id: string;
-    /** The member's accessible label (the `aria-label` + tooltip). */
-    label: string;
-    /** The member glyph (a `@lucide/vue` icon or any component). */
-    icon?: Component;
-    /** Optional per-member select handler (fired alongside the model write). */
-    onSelect?: () => void;
-    /**
-     * BE.W-DOCK-RAIL-REALIZE — the per-FACET accent hue (the `mode="facets"` context
-     * carousel only — IGNORED by the macOS `mode="stack"` glyph fan). A complete
-     * `<color>` (a consumer DATA/context hue) written to the chip's `--glass-accent`
-     * (the BB.W-GLASS-ACCENT per-instance chromatic-rim axis, `rim.css`/`material.css`),
-     * so each context facet carries its OWN rim+glint hue — the AZ context-carousel
-     * identity. Unset ⇒ the neutral warm-cream rim (the `--glass-accent: transparent`
-     * no-op floor). NOT a plate-background fill (the accent rides the THIN rim/glint;
-     * presets-in-consumers — no consumer hue enters a library token).
-     */
-    accent?: string;
-}
-/**
- * BA.W-DOCK-SECTIONS — the three named zone kinds the declarative `<DockSection>`
- * descriptor renders (the R8-9 "rail core + sections + nav" three-zone gestalt):
- *   - `"rail-core"` — the leading home/brand region (the ℱ wordmark / category trigger).
- *   - `"section"`   — a named, divider-demarcated group of controls; a section
- *                     carrying `layers` composes the existing `DockLayerGroup`/`DockLayer`
- *                     registry (NOT a parallel layer machine).
- *   - `"nav"`       — the trailing nav arrows / utility group.
- */
-export type DockSectionKind = "rail-core" | "section" | "nav";
-/**
- * BA.W-DOCK-SECTIONS — one declarative section descriptor. A consumer passes
- * `sections: readonly DockSectionDescriptor[]` to `<DockSection>` and the dock body
- * renders the tripartite silhouette (rail-core | divided named sections | nav)
- * demarcated by `<DockSeparator>` — the IG-A3 / R8-9 "abstract this into a re-usable
- * component for layering" library gap. A `<script setup>` SFC cannot re-export a named
- * type through its default barrel, so the descriptor lives here (the colocated types
- * home, beside `DockRailItem`) and `DockSection.vue` imports it; the barrel re-exports
- * it for consumers typing their `sections` array.
- */
-export interface DockSectionDescriptor {
-    /** Which of the three zone kinds this descriptor renders. */
-    kind: DockSectionKind;
-    /** Stable identifier — the `v-for` key + the layer-context id for a `section`. */
-    id: string;
-    /** Optional accessible label for the grouped zone. */
-    label?: string;
-    /**
-     * For a `section` kind: the stack members this section carries. When present
-     * (length > 1) the members ride the dock's `#rail` stack (the macOS hover-expand
-     * stack, OUTSIDE the dock box — never re-inflating it). The descriptor names them;
-     * `<DockStack :items>` fans them out.
-     */
-    layers?: readonly DockStackItem[];
-}
 /**
  * The ONE dock-morph spring authority — the iOS-26 interruptible-physics tuning the
- * dock's single `SpringProgress` orchestrator (`dockMorphContext.ts`) AND the
- * `useLayerTransition` engine both read. Co-located here so the `response`/`damping`
- * pair is defined ONCE rather than duplicated at the top of each composable (the two
- * prior copies were a DRY hazard — a re-tune had to touch both).
+ * dock morph orchestrator and controlled face crossfade both read. Co-located here so
+ * the `response`/`damping` pair is defined once.
  */
 export declare const DOCK_SPRING: {
     readonly response: number;
     readonly dampingFraction: number;
 };
 /**
- * The shape-morph squish cap — mirrors `--dock-morph-max-stretch` (density.css). The
- * lifted iOS-27 register (BD.W-MOTION-WEIGHT C1·R3 drift fix: the prior 1.08 was stale).
+ * The OPEN-DISMISSABLE-LAYER probe for the dock's Escape guard (`GlassDock.vue`).
+ *
+ * `[data-dismissable-layer]` is reka's own marker, stamped by `DismissableLayer` — the
+ * single primitive that owns Escape→dismiss. It is therefore EXACTLY the set of hosted
+ * layers entitled to eat an Escape (Dialog/Sheet/Popover/Menu/Select/Combobox/
+ * HoverCard/NavigationMenu/Tooltip content), and it excludes the disclosure primitives
+ * that merely stamp `data-state="open"` (Accordion, Collapsible) — those handle no
+ * Escape, so they must NOT swallow the dock's collapse.
+ *
+ * `:not([data-state="closed"])` is the OPEN half: a non-`forceMount` layer only exists
+ * while open, and a `forceMount` one stays mounted with `data-state="closed"`. Written
+ * as a negation, not `[data-state="open"]`, because the marker element is not
+ * guaranteed to carry a state attribute at all (e.g. `ToastViewport`).
+ *
+ * ONE attribute pair beats an enumerated content-class list: reka owns the marker, so
+ * a new dismissable primitive is covered without touching this constant.
  */
-export declare const DOCK_MORPH_MAX_STRETCH = 1.14;
+export declare const OPEN_DISMISSABLE_LAYER_SELECTOR = "[data-dismissable-layer]:not([data-state=\"closed\"])";
 /** `Symbol()` label for the `DockContext` injection key (`dockContext.ts`). */
 export declare const DOCK_CONTEXT_LABEL = "glass-ui:dock-context";
 /** `Symbol()` label for the `DockCrossfadeContext` injection key (`dockCrossfadeContext.ts`). */
 export declare const DOCK_LAYER_GROUP_LABEL = "glass-ui:dock-layer-group";
-/** `Symbol()` label for the `DockMorphContext` injection key (`dockMorphContext.ts`). */
-export declare const DOCK_MORPH_LABEL = "glass-ui:dock-morph-context";
-/** The intent-dwell before a collapsed→hover expand commits (a sweeping-edge enter is
- *  canceled by the chasing leave inside this window) — the calmer hover register KEPT
- *  by W-DOCK-SPINE. BI.W-DOCK-RETIRES deleted the `EDGE_BAND_PX` moving-edge-sweep
- *  recheck band (the ~120L hysteresis): post-SPINE the hit frame is a STATIONARY
- *  state-sized box, so a mid-morph leave never sweeps a moving edge past the cursor. */
+/** Intent dwell before a collapsed→hover expand commits. A chasing leave inside
+ * this window cancels the expansion. */
 export declare const HOVER_INTENT_MS = 60;
 export declare const MORPH_SETTLE_MS = 840;

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

@@ -1,20 +1,15 @@
-export { default as GlassDock } from "./GlassDock.vue";
-export type { DockBackdropMode } from "./composables/useDockShellProps";
-export { default as DockLayerGroup } from "./DockLayerGroup.vue";
-export { default as DockLayer } from "./DockLayer.vue";
-export { default as DockCrossfade } from "./DockCrossfade.vue";
-export type { DockFaceDescriptor, DockFaceRegistration, DockCrossfadeContext, } from "./composables/dockCrossfadeContext";
-export { default as DockControl } from "./DockControl.vue";
-export { default as DockTrigger } from "./DockTrigger.vue";
-export { default as DockBackgroundToggle } from "./DockBackgroundToggle.vue";
-export { default as DockSeparator } from "./DockSeparator.vue";
-export { default as DockStack } from "./DockStack.vue";
-export type { DockStackItem } from "./constants";
-export { default as DockSection } from "./DockSection.vue";
-export type { DockSectionDescriptor, DockSectionKind } from "./constants";
-export type { UseDockStateOptions, UseDockStateReturn, DockState } from "./composables";
-export { DOCK_CONTEXT_KEY, useDockContext, useOptionalDockContext, provideDockContext, type DockContext, type DockOrientation, type DockLayout, } from "./composables/dockContext";
-export { useDockCtaReceive, type UseDockCtaReceiveOptions, type UseDockCtaReceiveReturn, type DockCtaReceivePreset, } from "../../composables/motion/useDockCtaReceive";
-export { useDockSearch } from "./composables";
-export type { UseDockSearchOptions, UseDockSearchReturn } from "./composables";
-export { GooFilter } from "../goo-filter";
+export { default as GlassDock } from "./GlassDock.vue.js";
+export type { DockBackdropMode, DockInteraction } from "./composables/useDockShellProps.js";
+export { default as DockLayerGroup } from "./DockLayerGroup.vue.js";
+export { default as DockLayer } from "./DockLayer.vue.js";
+export { default as DockCrossfade } from "./DockCrossfade.vue.js";
+export type { DockFaceDescriptor, DockFaceRegistration, DockCrossfadeContext, } from "./composables/dockCrossfadeContext.js";
+export { default as DockControl } from "./DockControl.vue.js";
+export { default as DockTrigger } from "./DockTrigger.vue.js";
+export { default as DockBackgroundToggle } from "./DockBackgroundToggle.vue.js";
+export { default as DockSeparator } from "./DockSeparator.vue.js";
+export type { UseDockStateOptions, UseDockStateReturn, DockState } from "./composables/index.js";
+export { DOCK_CONTEXT_KEY, useDockContext, useOptionalDockContext, provideDockContext, type DockContext, type DockOrientation, type DockLayout, } from "./composables/dockContext.js";
+export { useDockCtaReceive, type UseDockCtaReceiveOptions, type UseDockCtaReceiveReturn, type DockCtaReceivePreset, } from "../../composables/motion/morph/useDockCtaReceive.js";
+export { useDockSearch } from "./composables/index.js";
+export type { UseDockSearchOptions, UseDockSearchReturn } from "./composables/index.js";

package/dist/components/dock/styles/adaptive-legibility.css

@@ -1 +1 @@
-@layer components { :where(.glass-dock) { --glass-tint-source: var(--glass-tint-ink-dock); --glass-tint-strength: clamp( var(--glass-tint-strength-floor), calc( var(--glass-tint-strength-floor) + (var(--glass-tint-strength-aa) - var(--glass-tint-strength-floor)) * max( 0, ( var(--glass-backdrop-luma, 0) - var(--glass-backdrop-luma-knee) ) / (1 - var(--glass-backdrop-luma-knee)) ) ), var(--glass-tint-strength-aa) ); --dock-fg-on-aurora: var(--glass-tint-ink); --muted-foreground: var(--foreground); } @container style(--glass-backdrop: light) { .glass-dock { --glass-tint-source: var(--glass-tint-ink); --glass-tint-strength: var(--glass-tint-strength-aa); --dock-fg-on-aurora: var(--glass-tint-ink); } } @supports (color: contrast-color(white)) { :where(.glass-dock) { --dock-fg-on-aurora: contrast-color(var(--card)); --muted-foreground: contrast-color(var(--card)); } @container style(--glass-backdrop: light) { .glass-dock { --dock-fg-on-aurora: contrast-color(var(--card)); } } } .glass-dock[data-backdrop-mode="static"] { --glass-level: 0; --glass-tint-strength: 0%; --glass-backdrop-luma: 0; --glass-ambient-hue: transparent; --glass-ambient-strength: 0%; } .glass-dock[data-backdrop-mode="static"] .dock-plate { background: color-mix(in srgb, var(--card), transparent 0%); -webkit-backdrop-filter: none; backdrop-filter: none; -webkit-backdrop-filter: none; } } @media (prefers-reduced-motion: reduce) { .glass-dock, .glass-dock[data-morphing] { --dock-reveal-blur: 0px; } }
+@layer components{:where(.glass-dock){--dock-fg-on-aurora: var(--foreground);--muted-foreground: var(--foreground);}@supports (color: contrast-color(white)){:where(.glass-dock){--dock-fg-on-aurora: contrast-color(var(--card));--muted-foreground: contrast-color(var(--card));}}.glass-dock[data-backdrop-mode="static"]{--glass-level: 0;--glass-backdrop-luma: 0;}.glass-dock[data-backdrop-mode="static"] .dock-plate{--dock-plate-expanded-border: var(--glass-border-floating);-webkit-backdrop-filter: none;backdrop-filter: none;}}

package/dist/components/dock/styles/controls/icon-button.css

@@ -1 +1 @@
-@layer components { @property --dock-press-t { syntax: "<number>"; inherits: true; initial-value: 0; } .dock-icon-button { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; scale: 1; width: var(--dock-control-size, var(--size-icon-btn)); height: var(--dock-control-size, var(--size-icon-btn)); padding: var(--dock-icon-padding, 0); cursor: pointer; border: none; background: transparent; border-radius: var(--dock-control-radius, var(--radius-pill)); color: color-mix( in srgb, var(--dock-fg-on-aurora, var(--foreground)) calc(var(--opacity-icon-muted) * 100%), transparent ); outline: none; transition: background-color var(--dock-motion-fast), color var(--dock-motion-fast), scale var(--dock-press-spring), opacity var(--dock-motion-fast), box-shadow var(--dock-motion-fast); --glass-btn-press-t: var(--dock-press-t, 0); filter: brightness(calc(1 - var(--dock-press-t, 0) * 0.04)); &:hover:not(:disabled) { background: var(--dock-icon-hover-bg, var(--dock-control-hover-bg)); color: var(--btn-hover-color, var(--foreground)); scale: var(--scale-hover-dock); } &:active:not(:disabled) { background: var(--dock-control-press-bg); } &:active:not(:disabled):not([data-press-armed]) { scale: var(--scale-press-dock); } &:disabled { opacity: var(--opacity-disabled, 0.4); pointer-events: none; cursor: default; } &:focus:not(:focus-visible) { box-shadow: none; outline: none; } &:is(.is-active, .active, [aria-expanded="true"], [aria-pressed="true"]) { background: var(--dock-active-bg); color: var(--dock-active-color); scale: var(--dock-active-scale); border: var(--dock-active-border); box-shadow: var(--dock-active-shadow); } &[data-active] { --glass-capsule-fill: var( --dock-control-active-bg, var(--glass-bg-floating) ); background: var(--glass-capsule-fill); color: var(--dock-fg-on-aurora, var(--foreground)); } } .dock-icon-button > svg { width: var(--dock-icon-glyph, 1.25rem); height: var(--dock-icon-glyph, 1.25rem); } .dock-icon-button--compact { width: var(--dock-compact-control-size, auto); height: var(--dock-compact-control-size, auto); min-width: var(--dock-compact-control-min-width, 0); padding: var(--dock-compact-control-padding, 0.25rem); } }
+@layer components{@property --dock-press-t{syntax: "<number>";inherits: true;initial-value: 0;}.dock-icon-button{display: inline-flex;align-items: center;justify-content: center;flex-shrink: 0;scale: 1;width: var(--dock-control-size,var(--size-icon-btn));height: var(--dock-control-size,var(--size-icon-btn));padding: var(--dock-icon-padding,0);cursor: pointer;border: none;background: transparent;border-radius: var(--dock-control-radius,var(--radius-pill));color: color-mix( in srgb,var(--dock-fg-on-aurora,var(--foreground)) calc(var(--opacity-icon-muted) * 100%),transparent );outline: none;transition: background-color var(--dock-motion-fast),color var(--dock-motion-fast),scale var(--dock-press-spring),opacity var(--dock-motion-fast),box-shadow var(--dock-motion-fast);--glass-btn-press-t: var(--dock-press-t,0);filter: brightness(calc(1 - var(--dock-press-t,0) * 0.04));&:hover:not(:disabled):not([aria-disabled="true"]){background: var(--dock-icon-hover-bg,var(--dock-control-hover-bg));color: var(--btn-hover-color,var(--foreground));scale: var(--scale-hover-dock);}&:active:not(:disabled):not([aria-disabled="true"]){background: var(--dock-control-press-bg);}&:active:not(:disabled):not([data-press-armed]):not([aria-disabled="true"]){scale: var(--scale-press-dock);}&:disabled,&[aria-disabled="true"]{opacity: var(--opacity-disabled,0.4);pointer-events: none;cursor: default;}&:focus:not(:focus-visible){box-shadow: none;outline: none;}&:is(.is-active,.active,[aria-expanded="true"],[aria-pressed="true"]){background: var(--dock-active-bg);color: var(--dock-active-color);scale: var(--dock-active-scale);border: var(--dock-active-border);box-shadow: var(--dock-active-shadow);}&[data-active]{--glass-capsule-fill: var( --dock-control-active-bg,var(--glass-plate-floating) );background: var(--glass-capsule-fill);color: var(--dock-fg-on-aurora,var(--foreground));}}.dock-icon-button > svg{width: var(--dock-icon-glyph,1.25rem);height: var(--dock-icon-glyph,1.25rem);}.dock-icon-button--compact{width: var(--dock-compact-control-size,auto);height: var(--dock-compact-control-size,auto);min-width: var(--dock-compact-control-min-width,0);padding: var(--dock-compact-control-padding,0.25rem);}}

package/dist/components/dock/styles/controls/tab-button.css

@@ -1 +1 @@
-@layer components { .dock-tab-button { display: inline-flex; align-items: center; flex-shrink: 0; min-height: var(--dock-tab-h, var(--dock-tab-min-height, auto)); padding-inline: var(--dock-tab-padding-inline, 0.75rem); padding-block: var(--dock-tab-padding-block, 0.375rem); border: none; background: transparent; background-clip: content-box; border-radius: var(--dock-control-radius, var(--radius-pill)); font-size: var(--type-small); line-height: 1; color: var(--muted-foreground); text-decoration: none; cursor: pointer; white-space: nowrap; outline: none; scale: 1; transition: background-color var(--dock-motion-fast), color var(--dock-motion-fast), scale var(--dock-press-spring); &:hover:not(:disabled) { background: var(--dock-control-hover-bg); color: var(--foreground); scale: var(--scale-hover-dock); } &:active:not(:disabled) { background: var(--dock-control-press-bg); scale: var(--scale-press-dock); } &:focus:not(:focus-visible) { box-shadow: none; } &:is(.is-active, .active, [aria-current="page"], [aria-pressed="true"]) { background: var(--dock-control-active-bg); color: var(--foreground); } } .dock-tab-button[data-tier="primary"] { --dock-tab-min-height: 4rem; padding-inline: 1.5rem; background: color-mix(in srgb, var(--card) 60%, transparent); color: var(--foreground); } .dock-tab-button[data-tier="secondary"], .dock-icon-button[data-tier="secondary"] { background: color-mix(in srgb, var(--card) 50%, transparent); border: 1px solid var(--glass-border-quiet); box-shadow: var(--border-hairline), var(--glass-highlight); } .dock-tab-button[data-tier="secondary"]:hover:not(:disabled), .dock-icon-button[data-tier="secondary"]:hover:not(:disabled) { background: color-mix(in srgb, var(--card) 65%, transparent); box-shadow: var(--glass-specular), 0 0.5px 0 0 rgb(0 0 0 / 0.06); } }
+@layer components{.dock-tab-button{display: inline-flex;align-items: center;flex-shrink: 0;min-height: var(--dock-tab-h,var(--dock-tab-min-height,auto));padding-inline: var(--dock-tab-padding-inline,0.75rem);padding-block: var(--dock-tab-padding-block,0.375rem);border: none;background: transparent;background-clip: content-box;border-radius: var(--dock-control-radius,var(--radius-pill));font-size: var(--type-small);line-height: 1;color: var(--muted-foreground);text-decoration: none;cursor: pointer;white-space: nowrap;outline: none;scale: 1;transition: background-color var(--dock-motion-fast),color var(--dock-motion-fast),scale var(--dock-press-spring);&:hover:not(:disabled):not([aria-disabled="true"]){background: var(--dock-control-hover-bg);color: var(--foreground);scale: var(--scale-hover-dock);}&:active:not(:disabled):not([aria-disabled="true"]){background: var(--dock-control-press-bg);scale: var(--scale-press-dock);}&:focus:not(:focus-visible){box-shadow: none;}&:is(.is-active,.active,[aria-current="page"],[aria-pressed="true"]){background: var(--dock-control-active-bg);color: var(--foreground);}}.dock-tab-button[data-tier="primary"]{--dock-tab-min-height: 4rem;padding-inline: 1.5rem;background: color-mix(in srgb,var(--card) 60%,transparent);color: var(--foreground);}.dock-tab-button[data-tier="secondary"],.dock-icon-button[data-tier="secondary"]{background: color-mix(in srgb,var(--card) 50%,transparent);border: 1px solid var(--glass-border-quiet);box-shadow: var(--border-hairline);}.dock-tab-button[data-tier="secondary"]:hover:not(:disabled):not([aria-disabled="true"]),.dock-icon-button[data-tier="secondary"]:hover:not(:disabled):not([aria-disabled="true"]){background: color-mix(in srgb,var(--card) 65%,transparent);box-shadow: var(--glass-material-rim),0 0.5px 0 0 rgb(0 0 0 / 0.06);}}

package/dist/components/dock/styles/controls/touch-floor.css

@@ -1 +1 @@
-@layer components { @media (pointer: coarse) { .dock-icon-button:not(.dock-icon-button--compact):not(:where(.glass-dock *)) { min-block-size: var(--dock-touch-target, 2.75rem); min-inline-size: var(--dock-touch-target, 2.75rem); } :is(.dock-trigger, .dock-select-trigger, .dock-dropdown-trigger) { position: relative; } :is(.dock-trigger, .dock-select-trigger, .dock-dropdown-trigger)::after { content: ""; position: absolute; inset-block-start: 50%; inset-inline-start: 50%; inline-size: max(100%, var(--dock-touch-target, 2.75rem)); block-size: max(100%, var(--dock-touch-target, 2.75rem)); transform: translate(-50%, -50%); } } .glass-dock.vertical .dock-icon-button { position: relative; } .glass-dock.vertical .dock-icon-button:is(.is-active, [aria-current="page"], [aria-pressed="true"]) { --dock-active-color: var(--foreground); color: var(--foreground); } .glass-dock.vertical .dock-icon-button:is( .is-active, [aria-current="page"], [aria-pressed="true"] )::before { content: ""; position: absolute; inset-block: var(--dock-rail-accent-inset, 18%); inset-inline-start: calc( -1 * var(--dock-rail-accent-width, 3px) - var(--dock-rail-accent-gap, 2px) ); width: var(--dock-rail-accent-width, 3px); border-radius: var(--radius-pill); background: var(--dock-selected-accent); pointer-events: none; } }
+@layer components{@media (pointer: coarse){.dock-icon-button:not(.dock-icon-button--compact):not(:where(.glass-dock *)){min-block-size: var(--dock-touch-target,2.75rem);min-inline-size: var(--dock-touch-target,2.75rem);}:is(.dock-trigger,.dock-select-trigger,.dock-dropdown-trigger){position: relative;}:is(.dock-trigger,.dock-select-trigger,.dock-dropdown-trigger)::after{content: "";position: absolute;inset-block-start: 50%;inset-inline-start: 50%;inline-size: max(100%,var(--dock-touch-target,2.75rem));block-size: max(100%,var(--dock-touch-target,2.75rem));transform: translate(-50%,-50%);}}.glass-dock.vertical .dock-icon-button{position: relative;}.glass-dock.vertical .dock-icon-button:is(.is-active,[aria-current="page"],[aria-pressed="true"]){--dock-active-color: var(--foreground);color: var(--foreground);}.glass-dock.vertical .dock-icon-button:is( .is-active,[aria-current="page"],[aria-pressed="true"] )::before{content: "";position: absolute;inset-block: var(--dock-vertical-accent-inset,18%);inset-inline-start: calc( -1 * var(--dock-vertical-accent-width,3px) - var(--dock-vertical-accent-gap,2px) );width: var(--dock-vertical-accent-width,3px);border-radius: var(--radius-pill);background: var(--dock-selected-accent);pointer-events: none;}}

package/dist/components/dock/styles/controls/triggers.css

@@ -1 +1 @@
-@layer components { .dock-trigger, .dock-select-trigger, .dock-dropdown-trigger { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; scale: 1; gap: var(--dock-trigger-gap, 0.25rem); min-height: var(--dock-trigger-min-height, auto); padding: var(--dock-trigger-padding-block, 0.25rem) var(--dock-trigger-padding-inline, 0.5rem); white-space: nowrap; cursor: pointer; border: none; background: transparent; background-clip: content-box; border-radius: var(--dock-control-radius, var(--radius-pill)); color: color-mix( in srgb, var(--dock-fg-on-aurora, var(--foreground)) calc(var(--opacity-icon-muted) * 100%), transparent ); outline: none; transition: background-color var(--dock-motion-fast), color var(--dock-motion-fast), scale var(--dock-press-spring), opacity var(--dock-motion-fast); } .dock-trigger:hover:not(:disabled), .dock-select-trigger:hover:not(:disabled), .dock-dropdown-trigger:hover:not(:disabled) { background: var(--dock-control-hover-bg); color: var(--btn-hover-color, var(--foreground)); } .dock-trigger:active:not(:disabled), .dock-select-trigger:active:not(:disabled), .dock-dropdown-trigger:active:not(:disabled) { background: var(--dock-control-press-bg); scale: var(--scale-press-dock); } .dock-trigger:focus:not(:focus-visible), .dock-select-trigger:focus:not(:focus-visible), .dock-dropdown-trigger:focus:not(:focus-visible) { box-shadow: none; outline: none; } .dock-trigger:focus-visible, .dock-select-trigger:focus-visible, .dock-dropdown-trigger:focus-visible { transition: background-color var(--dock-motion-fast), color var(--dock-motion-fast), scale var(--dock-press-spring), opacity var(--dock-motion-fast), box-shadow var(--dock-motion-fast); } .dock-trigger:is( .is-active, .active, [aria-expanded="true"], [aria-pressed="true"] ), .dock-select-trigger:is( .is-active, .active, [aria-expanded="true"], [aria-pressed="true"] ), .dock-dropdown-trigger:is( .is-active, .active, [aria-expanded="true"], [aria-pressed="true"] ) { background: var(--dock-control-active-bg); color: var(--foreground); } .dock-select-trigger__chevron { width: var(--dock-trigger-icon-size, 0.75rem); height: var(--dock-trigger-icon-size, 0.75rem); flex-shrink: 0; opacity: 0.5; rotate: 0deg; transition: rotate var(--dock-press-spring); } .dock-select-trigger[data-state="open"] .dock-select-trigger__chevron { rotate: 180deg; } }
+@layer components{.dock-trigger,.dock-select-trigger,.dock-dropdown-trigger{display: inline-flex;align-items: center;justify-content: center;flex-shrink: 0;scale: 1;gap: var(--dock-trigger-gap,0.25rem);min-height: var(--dock-trigger-min-height,auto);padding: var(--dock-trigger-padding-block,0.25rem) var(--dock-trigger-padding-inline,0.5rem);white-space: nowrap;cursor: pointer;border: none;background: transparent;background-clip: content-box;border-radius: var(--dock-control-radius,var(--radius-pill));color: color-mix( in srgb,var(--dock-fg-on-aurora,var(--foreground)) calc(var(--opacity-icon-muted) * 100%),transparent );outline: none;transition: background-color var(--dock-motion-fast),color var(--dock-motion-fast),scale var(--dock-press-spring),opacity var(--dock-motion-fast);}.dock-trigger:hover:not(:disabled),.dock-select-trigger:hover:not(:disabled),.dock-dropdown-trigger:hover:not(:disabled){background: var(--dock-control-hover-bg);color: var(--btn-hover-color,var(--foreground));}.dock-trigger:active:not(:disabled),.dock-select-trigger:active:not(:disabled),.dock-dropdown-trigger:active:not(:disabled){background: var(--dock-control-press-bg);scale: var(--scale-press-dock);}.dock-trigger:focus:not(:focus-visible),.dock-select-trigger:focus:not(:focus-visible),.dock-dropdown-trigger:focus:not(:focus-visible){box-shadow: none;outline: none;}.dock-trigger:focus-visible,.dock-select-trigger:focus-visible,.dock-dropdown-trigger:focus-visible{transition: background-color var(--dock-motion-fast),color var(--dock-motion-fast),scale var(--dock-press-spring),opacity var(--dock-motion-fast),box-shadow var(--dock-motion-fast);}.dock-trigger:is( .is-active,.active,[aria-expanded="true"],[aria-pressed="true"] ),.dock-select-trigger:is( .is-active,.active,[aria-expanded="true"],[aria-pressed="true"] ),.dock-dropdown-trigger:is( .is-active,.active,[aria-expanded="true"],[aria-pressed="true"] ){background: var(--dock-control-active-bg);color: var(--foreground);}.dock-select-trigger__chevron{width: var(--dock-trigger-icon-size,0.75rem);height: var(--dock-trigger-icon-size,0.75rem);flex-shrink: 0;opacity: 0.5;rotate: 0deg;transition: rotate var(--dock-press-spring);}.dock-select-trigger[data-state="open"] .dock-select-trigger__chevron{rotate: 180deg;}}

package/dist/components/dock/styles/controls.css

@@ -1 +1 @@
-@import "./controls/icon-button.css"; @import "../../controls/dark-mode-toggle.css"; @import "./controls/tab-button.css"; @import "./controls/triggers.css"; @import "./controls/touch-floor.css"; @layer components { .glass-dock.dock-items-draggable:not(.vertical) .dock-icon-button.glass-drag-lift { scale: var(--stretch, 1) calc(1 / var(--stretch, 1)); } .glass-dock.dock-items-draggable.vertical .dock-icon-button.glass-drag-lift { scale: calc(1 / var(--stretch, 1)) var(--stretch, 1); } :where( .dock-icon-button, .dock-tab-button, .dock-select-trigger, .dock-dropdown-trigger ) { --glass-specular-size: var(--dock-control-specular-size, 22%); } }
+@import "./controls/icon-button.css";@import "./controls/tab-button.css";@import "./controls/triggers.css";@import "./controls/touch-floor.css";@layer components{.glass-dock.dock-items-draggable:not(.vertical) .dock-icon-button.glass-drag-lift{scale: var(--stretch,1) calc(1 / var(--stretch,1));}.glass-dock.dock-items-draggable.vertical .dock-icon-button.glass-drag-lift{scale: calc(1 / var(--stretch,1)) var(--stretch,1);}:where( .dock-icon-button,.dock-tab-button,.dock-select-trigger,.dock-dropdown-trigger ){--glass-specular-size: var(--dock-control-specular-size,22%);}}

package/dist/components/dock/styles/crossfade.css

@@ -1 +1 @@
-@layer components { .dock-crossfade { position: relative; display: grid; } .dock-crossfade > .dock-face { grid-area: 1 / 1; position: absolute; inset: 0; opacity: 0; will-change: opacity; } .dock-crossfade > .dock-face.is-active { position: relative; inset: auto; inline-size: max-content; min-inline-size: 0; opacity: 1; } .dock-crossfade > .dock-face.is-leaving { position: absolute; inset: 0; pointer-events: none; visibility: visible; } .dock-crossfade[data-crossfading] > .dock-face.is-active { opacity: var(--dock-t); } .dock-crossfade[data-crossfading] > .dock-face.is-leaving { opacity: calc(1 - var(--dock-t)); } .dock-crossfade > .dock-face > .dock-face-content { display: flex; align-items: center; gap: var(--dock-layer-gap, 0.375rem); white-space: nowrap; block-size: 100%; } :where(.glass-dock, .dock-layer-group).vertical .dock-crossfade > .dock-face > .dock-face-content { flex-direction: column; align-items: stretch; white-space: normal; } :where(.glass-dock, .dock-layer-group).vertical .dock-crossfade > .dock-face.is-active { inline-size: auto; block-size: max-content; } .glass-dock[data-morphing] .dock-crossfade > .dock-face.is-active > .dock-face-content { clip-path: inset(0 calc((1 - var(--dock-morph-t)) * 100%) 0 0); will-change: clip-path; } .glass-dock.vertical[data-morphing] .dock-crossfade > .dock-face.is-active > .dock-face-content { clip-path: inset(0 0 calc((1 - var(--dock-morph-t)) * 100%) 0); } @media (prefers-reduced-motion: reduce) { .dock-crossfade > .dock-face { will-change: auto; } } }
+@layer components{.dock-crossfade{position: relative;display: grid;isolation: isolate;}.dock-crossfade > .dock-face{grid-area: 1 / 1;position: absolute;inset: 0;opacity: 0;pointer-events: none;will-change: opacity;}.dock-crossfade > .dock-face.is-active{position: relative;inset: auto;z-index: 1;inline-size: max-content;min-inline-size: 0;opacity: 1;pointer-events: auto;}.dock-crossfade > .dock-face.is-leaving{position: absolute;inset: 0;z-index: 0;pointer-events: none;visibility: visible;}.dock-crossfade[data-crossfading] > .dock-face.is-active{opacity: var(--dock-t);}.dock-crossfade[data-crossfading] > .dock-face.is-leaving{opacity: calc(1 - var(--dock-t));}.dock-crossfade > .dock-face > .dock-face-content{display: flex;align-items: center;gap: var(--dock-layer-gap,0.375rem);white-space: nowrap;block-size: 100%;}:where(.glass-dock,.dock-layer-group).vertical .dock-crossfade > .dock-face > .dock-face-content{flex-direction: column;align-items: stretch;white-space: normal;}:where(.glass-dock,.dock-layer-group).vertical .dock-crossfade > .dock-face.is-active{inline-size: auto;block-size: max-content;}.glass-dock[data-morphing] .dock-crossfade > .dock-face.is-active > .dock-face-content{clip-path: inset(0 calc((1 - var(--dock-morph-t)) * 100%) 0 0);will-change: clip-path;}.glass-dock.vertical[data-morphing] .dock-crossfade > .dock-face.is-active > .dock-face-content{clip-path: inset(0 0 calc((1 - var(--dock-morph-t)) * 100%) 0);}@media (prefers-reduced-motion: reduce){.dock-crossfade > .dock-face{will-change: auto;}}}

package/dist/components/dock/styles/cta-seat.css

@@ -1 +1 @@
-@layer components { [data-cta-pending] { min-inline-size: var(--dock-control-size, var(--size-icon-btn)); min-block-size: var( --dock-layer-height, var(--dock-control-size, var(--size-icon-btn)) ); opacity: var(--cta-seat-ghost-opacity, 0.35); transition: opacity var(--cta-seat-reveal-duration, var(--spring-snappy-duration)) var(--ease-out); } [data-cta-pending] > * { opacity: var(--cta-seat-ghost-opacity, 0.35); transition: opacity var(--cta-seat-reveal-duration, var(--spring-snappy-duration)) var(--ease-out); } @media (prefers-reduced-motion: reduce) { [data-cta-pending], [data-cta-pending] > * { transition: none; } } }
+@layer components{[data-cta-pending]{min-inline-size: var(--dock-control-size,var(--size-icon-btn));min-block-size: var( --dock-layer-height,var(--dock-control-size,var(--size-icon-btn)) );opacity: var(--cta-seat-ghost-opacity,0.35);transition: opacity var(--cta-seat-reveal-duration,var(--spring-present-duration)) var(--ease-out);}[data-cta-pending] > *{opacity: var(--cta-seat-ghost-opacity,0.35);transition: opacity var(--cta-seat-reveal-duration,var(--spring-present-duration)) var(--ease-out);}@media (prefers-reduced-motion: reduce){[data-cta-pending],[data-cta-pending] > *{transition: none;}}}