@mkbabb/glass-ui 10.1.4 → 11.0.0

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

@@ -8,6 +8,10 @@ export interface DockClickIntegrity {
     onClickCapture: (event: MouseEvent) => void;
     /** Mark the collapsed→expanded flip so the settle window opens (call on expand). */
     markExpandFlip: () => void;
+    /** `pointerenter` on the dock root — arms the approach scope for a fine pointer. */
+    onPointerEnter: (event: PointerEvent) => void;
+    /** `pointerleave` on the dock root — the pointer is no longer approaching. */
+    onPointerLeave: () => void;
     /** The outer pane retained for the witnessed press, or null. */
     pressKeepaliveLayer: Readonly<Ref<"full" | null>>;
 }

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

@@ -1,11 +1,15 @@
 import { type ComputedRef } from "vue";
-export type DockBackdropMode = "live" | "static";
+import type { BackdropMode } from "../../_shared/axes.js";
 /**
  * Collapse posture. `"closed"` (default) mounts collapsed, `"open"` mounts
  * expanded, and `false` never collapses at all — the single opt-out of the
  * collapse↔expand machinery, on both orientations.
  */
 export type DockCollapse = false | "closed" | "open";
+/** What opens a collapsible dock: a hover dwell (default) or a press. */
+export type DockExpandOn = "hover" | "press";
+/** The edge the size morph grows from, on the dock's own axis (logical, RTL-aware). */
+export type DockAnchor = "center" | "start" | "end";
 /**
  * The GlassDock prop shape. Every dock—horizontal or vertical—reads the same
  * surface; orientation is the single layout axis and the collapse surface applies
@@ -18,7 +22,7 @@ export interface DockProps {
      * backdrop; `"static"` uses a solid plate with no luminance observer or
      * backdrop-filter work.
      */
-    backdropMode?: DockBackdropMode;
+    backdropMode?: BackdropMode;
     /**
      * Corner treatment.
      *   `"pill"`    — the stadium silhouette (default).
@@ -57,6 +61,34 @@ export interface DockProps {
      * Applies on BOTH orientations: a vertical dock morphs its block axis too.
      */
     collapse?: DockCollapse;
+    /**
+     * What opens a collapsible dock.
+     *   `"hover"` (default) — a hover dwell or focus inside expands it, and it collapses
+     *                         after the idle window once the pointer leaves.
+     *   `"press"`           — only a press, or Enter/Space on the collapsed summary,
+     *                         opens it, pinned. Hover, focus and the idle timer are
+     *                         inert; Escape, a press outside, or focus leaving the dock
+     *                         and its portals collapses it. For many docks on one page
+     *                         (one per figure), where a pointer sweep must open none.
+     */
+    expandOn?: DockExpandOn;
+    /**
+     * A `data-anchor` hook for your own CSS: `"start"`, `"end"`, or `"center"`
+     * (default). A value other than `"center"` is written to the root as
+     * `data-anchor`, and that is all the prop does. It does not move the dock or change
+     * its morph. The morph's origin is measured from layout when it starts, so the dock
+     * grows from whichever edge your layout lays it at, and a dock your layout centres
+     * grows on both sides whatever `anchor` says. The dock centres itself in its own box
+     * with auto inline margins, so to hold it at an edge, place it in a wrapper sized to
+     * its content (a `display: flex` box at the end of a row, say).
+     */
+    anchor?: DockAnchor;
+    /**
+     * Accessible name of the collapsed summary (a disclosure button). Default
+     * `"Expand dock"`. Name the thing the dock holds when a page carries more than one
+     * dock, e.g. `"Tools for Fund balance by year"`.
+     */
+    collapsedLabel?: string;
     /**
      * The KNOWN background-layer canvas the dock floats over (an aurora/blob
      * `<canvas>`) — an element, a getter, or a CSS selector. When present, the

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

@@ -1,5 +1,6 @@
 import type { ComputedRef, Ref } from "vue";
 import type { DockHoldKind } from "./dockContext.js";
+import type { DockExpandOn } from "./useDockShellProps.js";
 export interface UseDockStateOptions {
     /** Delay before auto-collapse after mouse leaves (ms). Defaults to
      * `DOCK_COLLAPSE_DELAY_MS`, the one idle window every GlassDock reads. */
@@ -8,6 +9,10 @@ export interface UseDockStateOptions {
     rootEl: Ref<HTMLElement | null>;
     /** Disable collapse behavior and keep the dock expanded. */
     alwaysExpanded?: Ref<boolean> | boolean;
+    /** What opens the dock: a hover dwell (default) or a press. Under `"press"` the
+     *  hover, focus-in and idle-timer writers are inert, and focus leaving the dock
+     *  and its portals collapses it. */
+    expandOn?: Ref<DockExpandOn> | DockExpandOn;
     /** Mount-only posture for a collapsible dock. */
     initialExpanded?: boolean;
     /** Ref that suppresses click-away during an active dock animation. */

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

@@ -1,11 +1,10 @@
 export { default as GlassDock } from "./GlassDock.vue.js";
-export type { DockBackdropMode, DockCollapse, DockProps, } from "./composables/useDockShellProps.js";
+export type { DockAnchor, DockCollapse, DockExpandOn, DockProps, } 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";

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):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){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);}}
+@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-circle));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));}&: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){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):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);}&: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);}}
+@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);}&:active:not(:disabled):not([aria-disabled="true"]){background: var(--dock-control-press-bg);scale: var(--scale-press-dock);}&: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/morph.css

@@ -1 +1 @@
-@layer components{.glass-dock.expanded,.glass-dock.always-expanded{--dock-expand-t: 1;}.glass-dock.collapsed{--dock-expand-t: 0;}.glass-dock.expanded[data-morphing],.glass-dock.always-expanded[data-morphing]{--dock-expand-t: var(--dock-morph-t);}.glass-dock.collapsed[data-morphing]{--dock-expand-t: calc(1 - var(--dock-morph-t));}.glass-dock:not(.vertical){--dock-pad-collapsed: max( var(--dock-padding-block,0.375rem),var(--dock-collapsed-padding,0px) );padding-block: var(--dock-padding-block,0.375rem);padding-inline: calc( var(--dock-pad-collapsed) + (var(--dock-padding-inline,0.5rem) - var(--dock-pad-collapsed)) * var(--dock-expand-t) );}.glass-dock.vertical{--dock-pad-collapsed: max( var(--dock-padding-inline,0.5rem),var(--dock-collapsed-padding,0px) );padding-inline: var(--dock-padding-inline,0.5rem);padding-block: calc( var(--dock-pad-collapsed) + (var(--dock-padding-block,0.375rem) - var(--dock-pad-collapsed)) * var(--dock-expand-t) );}.glass-dock.collapsed{cursor: pointer;justify-content: center;box-shadow: var(--shadow-dock-override,var(--shadow-dock-collapsed));}.glass-dock .dock-layer--summary{min-width: var( --dock-collapsed-summary-min-size,var(--dock-layer-height,2.5rem) );min-block-size: var( --dock-collapsed-summary-min-size,var(--dock-layer-height,2.5rem) );block-size: var( --dock-collapsed-summary-min-size,var(--dock-layer-height,2.5rem) );height: var( --dock-collapsed-summary-min-size,var(--dock-layer-height,2.5rem) );aspect-ratio: 1;justify-content: center;}.glass-dock[data-morphing] .dock-layer--summary{--dock-expand-t: var(--dock-morph-t);}.glass-dock .dock-layer--summary:empty{min-width: 0;inline-size: 0;padding: 0;margin: 0;border: 0;}.glass-dock.collapsed:has(.dock-layer--summary:empty) .dock-persistent + .dock-layers{margin-inline-start: 0;}.glass-dock.collapsed:has(.dock-layer--summary:empty) .dock-persistent{display: grid;place-items: center;}.glass-dock.collapsed:has(.dock-layer--summary:empty) .dock-persistent > *{place-self: center;}.glass-dock.collapsed .dock-persistent svg,.glass-dock.collapsed .dock-layer--summary svg{min-width: 1rem;min-height: 1rem;}.glass-dock.collapsed:hover{box-shadow: var(--shadow-dock-override,var(--shadow-dock));}.glass-dock[data-held] .dock-plate{--dock-plate-expanded-border: var(--glass-border-floating);transition: border-color var(--duration-fast) var(--ease-standard);}}
+@layer components{.glass-dock.expanded,.glass-dock.always-expanded{--dock-expand-t: 1;}.glass-dock.collapsed{--dock-expand-t: 0;}.glass-dock.expanded[data-morphing],.glass-dock.always-expanded[data-morphing]{--dock-expand-t: var(--dock-morph-t);}.glass-dock.collapsed[data-morphing]{--dock-expand-t: calc(1 - var(--dock-morph-t));}.glass-dock:not(.vertical){--dock-pad-collapsed: max( var(--dock-padding-block,0.375rem),var(--dock-collapsed-padding,0px) );padding-block: var(--dock-padding-block,0.375rem);padding-inline: calc( var(--dock-pad-collapsed) + (var(--dock-padding-inline,0.5rem) - var(--dock-pad-collapsed)) * var(--dock-expand-t) );}.glass-dock.vertical{--dock-pad-collapsed: max( var(--dock-padding-inline,0.5rem),var(--dock-collapsed-padding,0px) );padding-inline: var(--dock-padding-inline,0.5rem);padding-block: calc( var(--dock-pad-collapsed) + (var(--dock-padding-block,0.375rem) - var(--dock-pad-collapsed)) * var(--dock-expand-t) );}.glass-dock.collapsed{cursor: pointer;justify-content: center;box-shadow: var(--shadow-dock-override,var(--shadow-dock-collapsed));}.glass-dock.collapsed:not([data-morphing]):not(.vertical){border-radius: var(--radius-circle);}.glass-dock.collapsed:not([data-morphing]):not(.vertical):has(.dock-persistent):has( .dock-layer--summary:not(:empty) ){border-radius: var(--radius-dock);}.glass-dock .dock-layer--summary{min-width: var( --dock-collapsed-summary-min-size,var(--dock-layer-height,2.5rem) );min-block-size: var( --dock-collapsed-summary-min-size,var(--dock-layer-height,2.5rem) );block-size: var( --dock-collapsed-summary-min-size,var(--dock-layer-height,2.5rem) );height: var( --dock-collapsed-summary-min-size,var(--dock-layer-height,2.5rem) );aspect-ratio: 1;justify-content: center;}.glass-dock[data-morphing] .dock-layer--summary{--dock-expand-t: var(--dock-morph-t);}.glass-dock .dock-layer--summary:empty{min-width: 0;inline-size: 0;padding: 0;margin: 0;border: 0;}.glass-dock.collapsed:has(.dock-layer--summary:empty) .dock-persistent + .dock-layers{margin-inline-start: 0;}.glass-dock.collapsed:has(.dock-layer--summary:empty) .dock-persistent{display: grid;place-items: center;}.glass-dock.collapsed:has(.dock-layer--summary:empty) .dock-persistent > *{place-self: center;}.glass-dock.collapsed:has(.dock-layer--summary:empty) .dock-persistent > .scroll-progress-rim{place-self: stretch;}.glass-dock.collapsed .dock-persistent svg,.glass-dock.collapsed .dock-layer--summary svg{min-width: 1rem;min-height: 1rem;}.glass-dock.collapsed:hover{box-shadow: var(--shadow-dock-override,var(--shadow-dock));}.glass-dock[data-held] .dock-plate{--dock-plate-expanded-border: var(--glass-border-floating);transition: border-color var(--duration-fast) var(--ease-standard);}}

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

@@ -1 +1 @@
-@layer components{.glass-dock{--dock-seat: var(--dock-control-size);--dock-run-gap: 0.5rem;--dock-pitch: calc(var(--dock-seat) + var(--dock-run-gap));--dock-open-pitches: 3;--dock-open-seat: calc( var(--dock-open-pitches) * var(--dock-pitch) - var(--dock-run-gap) );}.glass-dock.vertical{--dock-open-pitches: 2;}.glass-dock > .dock-controls > .dock-layers{flex: 1 1 auto;min-inline-size: 0;min-block-size: 0;}.glass-dock > .dock-controls > .dock-persistent{flex: 0 0 auto;}.glass-dock .dock-run{overflow-x: auto;overflow-y: hidden;scroll-snap-type: x mandatory;scroll-padding-inline: calc(var(--dock-pitch) / 2);touch-action: pan-x;overscroll-behavior: contain;scrollbar-width: none;min-inline-size: 0;box-sizing: content-box;padding-block: var(--dock-ring-reserve);margin-block: calc(-1 * var(--dock-ring-reserve));gap: var(--dock-run-gap);}.glass-dock .dock-run::-webkit-scrollbar{display: none;}.glass-dock .dock-run > *{scroll-snap-align: start;flex: 0 0 auto;}.glass-dock.vertical .dock-run{overflow-x: hidden;overflow-y: auto;scroll-snap-type: y mandatory;scroll-padding-block: calc(var(--dock-pitch) / 2);touch-action: pan-y;min-block-size: 0;padding-block: 0;margin-block: 0;padding-inline: var(--dock-ring-reserve);margin-inline: calc(-1 * var(--dock-ring-reserve));}.glass-dock .dock-run > [aria-current]:not([aria-current="false"]),.glass-dock .dock-run > :has([aria-current]:not([aria-current="false"])){inline-size: var(--dock-open-seat);transition: inline-size var(--spring-dock-duration) var(--spring-dock);}.glass-dock .dock-run > :not([aria-current]:not([aria-current="false"])):not( :has([aria-current]:not([aria-current="false"])) ){transition: inline-size var(--spring-dock-duration) var(--spring-dock);}.glass-dock.vertical .dock-run > [aria-current]:not([aria-current="false"]),.glass-dock.vertical .dock-run > :has([aria-current]:not([aria-current="false"])){inline-size: auto;block-size: var(--dock-open-seat);transition: block-size var(--spring-dock-duration) var(--spring-dock);}.glass-dock.vertical .dock-run > :not([aria-current]:not([aria-current="false"])):not( :has([aria-current]:not([aria-current="false"])) ){transition: block-size var(--spring-dock-duration) var(--spring-dock);}.glass-dock{timeline-scope: --dock-run;--dock-cap-rest: 50%;--dock-cap-cut: var(--radius-card);}.glass-dock.shape-rounded{--dock-cap-rest: var(--radius-card);--dock-cap-cut: var(--radius-xs);}.glass-dock.shape-card{--dock-cap-rest: var(--dock-card-radius,var(--radius-dock-card));--dock-cap-cut: var(--radius-lg);}.glass-dock .dock-run{scroll-timeline: --dock-run inline;}.glass-dock.vertical .dock-run{scroll-timeline: --dock-run block;}.glass-dock .dock-plate{animation: gl-dock-cap-inline-start linear both,gl-dock-cap-inline-end linear both;animation-timeline: --dock-run,--dock-run;animation-range: 0 var(--dock-pitch),calc(100% - var(--dock-pitch)) 100%;animation-direction: normal,reverse;}.glass-dock.vertical .dock-plate{animation: gl-dock-cap-block-start linear both,gl-dock-cap-block-end linear both;animation-timeline: --dock-run,--dock-run;animation-range: 0 var(--dock-pitch),calc(100% - var(--dock-pitch)) 100%;animation-direction: normal,reverse;}.glass-dock .dock-run-status{position: absolute;inline-size: 1px;block-size: 1px;margin: -1px;padding: 0;overflow: hidden;clip-path: inset(50%);white-space: nowrap;border: 0;}}@keyframes gl-dock-cap-inline-start{from{border-start-start-radius: var(--dock-cap-rest);border-end-start-radius: var(--dock-cap-rest);}to{border-start-start-radius: var(--dock-cap-cut);border-end-start-radius: var(--dock-cap-cut);}}@keyframes gl-dock-cap-inline-end{from{border-start-end-radius: var(--dock-cap-rest);border-end-end-radius: var(--dock-cap-rest);}to{border-start-end-radius: var(--dock-cap-cut);border-end-end-radius: var(--dock-cap-cut);}}@keyframes gl-dock-cap-block-start{from{border-start-start-radius: var(--dock-cap-rest);border-start-end-radius: var(--dock-cap-rest);}to{border-start-start-radius: var(--dock-cap-cut);border-start-end-radius: var(--dock-cap-cut);}}@keyframes gl-dock-cap-block-end{from{border-end-start-radius: var(--dock-cap-rest);border-end-end-radius: var(--dock-cap-rest);}to{border-end-start-radius: var(--dock-cap-cut);border-end-end-radius: var(--dock-cap-cut);}}
+@layer components{.glass-dock{--dock-seat: var(--dock-control-size);--dock-run-gap: 0.5rem;--dock-pitch: calc(var(--dock-seat) + var(--dock-run-gap));--dock-open-pitches: 3;--dock-open-seat: calc( var(--dock-open-pitches) * var(--dock-pitch) - var(--dock-run-gap) );}.glass-dock.vertical{--dock-open-pitches: 2;}.glass-dock > .dock-controls > .dock-layers{flex: 1 1 auto;min-inline-size: 0;min-block-size: 0;}.glass-dock > .dock-controls > .dock-persistent{flex: 0 0 auto;}.glass-dock .dock-run{overflow-x: auto;overflow-y: hidden;scroll-snap-type: x mandatory;scroll-padding-inline: calc(var(--dock-pitch) / 2);touch-action: pan-x;overscroll-behavior: contain;scrollbar-width: none;min-inline-size: 0;box-sizing: content-box;padding-block: var(--dock-ring-reserve);margin-block: calc(-1 * var(--dock-ring-reserve));gap: var(--dock-run-gap);}.glass-dock .dock-run::-webkit-scrollbar{display: none;}.glass-dock .dock-run > *{scroll-snap-align: start;flex: 0 0 auto;}.glass-dock.vertical .dock-run{overflow-x: hidden;overflow-y: auto;scroll-snap-type: y mandatory;scroll-padding-block: calc(var(--dock-pitch) / 2);touch-action: pan-y;min-block-size: 0;padding-block: 0;margin-block: 0;padding-inline: var(--dock-ring-reserve);margin-inline: calc(-1 * var(--dock-ring-reserve));}.glass-dock .dock-run > [aria-current]:not([aria-current="false"]),.glass-dock .dock-run > :has([aria-current]:not([aria-current="false"])){inline-size: var(--dock-open-seat);transition: inline-size var(--spring-dock-duration) var(--spring-dock);}.glass-dock .dock-run > :not([aria-current]:not([aria-current="false"])):not( :has([aria-current]:not([aria-current="false"])) ){transition: inline-size var(--spring-dock-duration) var(--spring-dock);}.glass-dock.vertical .dock-run > [aria-current]:not([aria-current="false"]),.glass-dock.vertical .dock-run > :has([aria-current]:not([aria-current="false"])){inline-size: auto;block-size: var(--dock-open-seat);transition: block-size var(--spring-dock-duration) var(--spring-dock);}.glass-dock.vertical .dock-run > :not([aria-current]:not([aria-current="false"])):not( :has([aria-current]:not([aria-current="false"])) ){transition: block-size var(--spring-dock-duration) var(--spring-dock);}.glass-dock{timeline-scope: --dock-run;--dock-cap-rest: var(--radius-dock);--dock-cap-cut: var(--radius-xs);}.glass-dock.shape-rounded{--dock-cap-rest: var(--radius-card);--dock-cap-cut: var(--radius-xs);}.glass-dock.shape-card{--dock-cap-rest: var(--dock-card-radius,var(--radius-dock-card));--dock-cap-cut: var(--radius-lg);}.glass-dock .dock-run{scroll-timeline: --dock-run inline;}.glass-dock.vertical .dock-run{scroll-timeline: --dock-run block;}.glass-dock .dock-plate{animation: gl-dock-cap-inline-start linear both,gl-dock-cap-inline-end linear both;animation-timeline: --dock-run,--dock-run;animation-range: 0 var(--dock-pitch),calc(100% - var(--dock-pitch)) 100%;animation-direction: normal,reverse;}.glass-dock.vertical .dock-plate{animation: gl-dock-cap-block-start linear both,gl-dock-cap-block-end linear both;animation-timeline: --dock-run,--dock-run;animation-range: 0 var(--dock-pitch),calc(100% - var(--dock-pitch)) 100%;animation-direction: normal,reverse;}.glass-dock .dock-run-status{position: absolute;inline-size: 1px;block-size: 1px;margin: -1px;padding: 0;overflow: hidden;clip-path: inset(50%);white-space: nowrap;border: 0;}}@keyframes gl-dock-cap-inline-start{from{border-start-start-radius: var(--dock-cap-rest);border-end-start-radius: var(--dock-cap-rest);}to{border-start-start-radius: var(--dock-cap-cut);border-end-start-radius: var(--dock-cap-cut);}}@keyframes gl-dock-cap-inline-end{from{border-start-end-radius: var(--dock-cap-rest);border-end-end-radius: var(--dock-cap-rest);}to{border-start-end-radius: var(--dock-cap-cut);border-end-end-radius: var(--dock-cap-cut);}}@keyframes gl-dock-cap-block-start{from{border-start-start-radius: var(--dock-cap-rest);border-start-end-radius: var(--dock-cap-rest);}to{border-start-start-radius: var(--dock-cap-cut);border-start-end-radius: var(--dock-cap-cut);}}@keyframes gl-dock-cap-block-end{from{border-end-start-radius: var(--dock-cap-rest);border-end-end-radius: var(--dock-cap-rest);}to{border-end-start-radius: var(--dock-cap-cut);border-end-end-radius: var(--dock-cap-cut);}}

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

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

package/dist/components/expandable-container/ExpandableContainer.vue.d.ts

@@ -1,45 +1,46 @@
 import type { Surface } from "../_shared/axes.js";
-declare const _default: typeof __VLS_export;
-export default _default;
-declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
+type __VLS_Props = {
     buttonPosition?: "left" | "right";
     expandLabel?: string;
     collapseLabel?: string;
     surface?: Surface;
+};
+declare function expand(): void;
+declare function collapse(): void;
+type __VLS_ModelProps = {
+    "open"?: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare var __VLS_17: {
+    expand: typeof expand;
+    label: string;
+}, __VLS_24: {
+    collapse: typeof collapse;
+    label: string;
+    fullscreen: boolean;
+}, __VLS_31: {
+    fullscreen: boolean;
+};
+type __VLS_Slots = {} & {
+    'expand-trigger'?: (props: typeof __VLS_17) => any;
 } & {
-    open?: boolean;
-}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:open": (value: boolean) => any;
-}, string, import("vue").PublicProps, Readonly<{
-    buttonPosition?: "left" | "right";
-    expandLabel?: string;
-    collapseLabel?: string;
-    surface?: Surface;
+    'fullscreen-chrome'?: (props: typeof __VLS_24) => any;
 } & {
-    open?: boolean;
-}> & Readonly<{
+    default?: (props: typeof __VLS_31) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:open": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
 }>, {
     surface: Surface;
     buttonPosition: "left" | "right";
     expandLabel: string;
     collapseLabel: string;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
-    'expand-trigger'?: (props: {
-        expand: () => void;
-        label: string;
-    }) => any;
-} & {
-    'fullscreen-chrome'?: (props: {
-        collapse: () => void;
-        label: string;
-        fullscreen: boolean;
-    }) => any;
-} & {
-    default?: (props: {
-        fullscreen: boolean;
-    }) => any;
-}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

package/dist/components/menu/ContextMenu.vue.d.ts

@@ -0,0 +1,27 @@
+import type { Direction } from "../_shared/primitive.js";
+export interface ContextMenuProps {
+    /** Logical reading direction for roving focus and submenu keys. */
+    dir?: Direction;
+    /** Whether opening the menu makes outside content inert (and locks page scroll).
+     *  Default `false`. */
+    modal?: boolean;
+}
+export interface ContextMenuEmits {
+    "update:open": [value: boolean];
+}
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ContextMenuProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:open": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<ContextMenuProps> & Readonly<{
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+}>, {
+    modal: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    default?: () => unknown;
+}>;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/menu/DropdownMenu.vue.d.ts

@@ -1,46 +1,28 @@
 import type { Direction } from "../_shared/primitive.js";
-import type { MenuTrigger } from "./context.js";
-interface DropdownMenuBaseProps {
+export interface DropdownMenuProps {
     /** Logical reading direction for roving focus and submenu keys. */
     dir?: Direction;
-    /** Whether opening the menu makes outside content inert. */
+    /** Whether opening the menu makes outside content inert (and locks page scroll).
+     *  Default `false`. */
     modal?: boolean;
-}
-export interface DropdownMenuClickProps extends DropdownMenuBaseProps {
-    /** Button-anchored menus support caller-owned open state. */
-    trigger?: "click";
     /** Controlled open state. */
     open?: boolean;
     /** Initial open state when the menu is uncontrolled. */
     defaultOpen?: boolean;
 }
-export interface DropdownMenuContextProps extends DropdownMenuBaseProps {
-    /** Context menus open only from a pointer, long-press, or keyboard anchor. */
-    trigger: "context";
-    open?: never;
-    defaultOpen?: never;
-}
-export type DropdownMenuProps = DropdownMenuClickProps | DropdownMenuContextProps;
-/** Vue runtime projection; `DropdownMenuProps` is the discriminated data contract. */
-export interface DropdownMenuComponentProps extends DropdownMenuBaseProps {
-    trigger?: MenuTrigger;
-    open?: boolean;
-    defaultOpen?: boolean;
-}
 export interface DropdownMenuEmits {
     "update:open": [value: boolean];
 }
 declare const _default: typeof __VLS_export;
 export default _default;
-declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<DropdownMenuComponentProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<DropdownMenuProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:open": (value: boolean) => any;
-}, string, import("vue").PublicProps, Readonly<DropdownMenuComponentProps> & Readonly<{
+}, string, import("vue").PublicProps, Readonly<DropdownMenuProps> & Readonly<{
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
 }>, {
     modal: boolean;
     open: boolean;
     defaultOpen: boolean;
-    trigger: MenuTrigger;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     default?: () => unknown;
 }>;

package/dist/components/menu/context.d.ts

@@ -1,7 +1,20 @@
-import { type ComputedRef, type Ref } from "vue";
-/** How the menu is anchored. */
+import { type Component, type Ref } from "vue";
+/** How the menu is anchored: a button (`DropdownMenu`) or a region (`ContextMenu`). */
 export type MenuTrigger = "click" | "context";
-export declare function provideMenuTrigger(trigger: Ref<MenuTrigger>): void;
-export declare function useMenuTrigger(): Ref<MenuTrigger>;
 export type MenuPart = "Trigger" | "Portal" | "Content" | "Item" | "CheckboxItem" | "RadioItem" | "RadioGroup" | "Group" | "Separator" | "Label" | "Sub" | "SubTrigger" | "SubContent" | "ItemIndicator";
-export declare function useMenuPart(part: MenuPart): ComputedRef<unknown>;
+/** The live root state a part needs: open, modal, and the root's own close channel. */
+export interface MenuRootState {
+    readonly open: Readonly<Ref<boolean>>;
+    readonly modal: Readonly<Ref<boolean>>;
+    onOpenChange: (open: boolean) => void;
+}
+/** One reka menu family: its anchoring, its primitives, and its root-context reader. */
+export interface MenuFamily {
+    readonly trigger: MenuTrigger;
+    readonly parts: Readonly<Record<MenuPart, Component>>;
+    /** Read the reka root context. Call it in a part's setup, inside the root. */
+    readonly injectRoot: () => MenuRootState | null;
+}
+export declare function provideMenuFamily(family: MenuFamily): void;
+export declare function useMenuFamily(): MenuFamily;
+export declare function useMenuPart(part: MenuPart): Component;

package/dist/components/menu/family-click.d.ts

@@ -0,0 +1,2 @@
+import type { MenuFamily } from "./context.js";
+export declare const CLICK_MENU_FAMILY: MenuFamily;

package/dist/components/menu/family-context.d.ts

@@ -0,0 +1,2 @@
+import type { MenuFamily } from "./context.js";
+export declare const CONTEXT_MENU_FAMILY: MenuFamily;

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

@@ -1,5 +1,5 @@
-export type { MenuTrigger } from "./context.js";
 export { default as DropdownMenu, type DropdownMenuEmits, type DropdownMenuProps, } from "./DropdownMenu.vue.js";
+export { default as ContextMenu, type ContextMenuEmits, type ContextMenuProps, } from "./ContextMenu.vue.js";
 export { default as DropdownMenuTrigger, type DropdownMenuTriggerAction, type DropdownMenuTriggerProps, } from "./DropdownMenuTrigger.vue.js";
 export { default as DropdownMenuContent, type DropdownMenuContentEmits, type DropdownMenuContentProps, } from "./DropdownMenuContent.vue.js";
 export { default as DropdownMenuGroup, type DropdownMenuGroupProps, } from "./DropdownMenuGroup.vue.js";

package/dist/components/sheet/SheetContent.vue.d.ts

@@ -23,9 +23,9 @@ export interface SheetContentProps {
     motion?: Motion;
     scroll?: boolean;
 }
-declare var __VLS_27: {};
+declare var __VLS_28: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_27) => any;
+    default?: (props: typeof __VLS_28) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<SheetContentProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     escapeKeyDown: (event: KeyboardEvent) => any;

package/dist/components/sortable-list/styles.css

@@ -0,0 +1 @@
+@layer components{:where(.sortable-list,.sortable-ghost){--sortable-lift: calc(2 - var(--scale-press));}.sortable-list{list-style: none;margin: 0;padding-block: 0;padding-inline: var(--space-body);border: 1px solid oklch(from var(--foreground) l c h / var(--ink-edge));border-radius: var(--radius-card);overflow: clip;min-block-size: var(--sortable-vacancy-block,0px);transition: min-block-size var(--spring-dock-duration) var(--spring-dock),padding-block-end var(--spring-dock-duration) var(--spring-dock),background-color var(--spring-press-duration) var(--spring-press);}.sortable-list[data-sortable-armed]{background-color: oklch(from var(--foreground) l c h / var(--fill-selected));padding-block-end: var(--sortable-vacancy-block,0px);}.sortable-item{position: relative;padding-block: var(--space-body);transition: transform var(--spring-dock-duration) var(--spring-dock);user-select: none;-webkit-user-select: none;}.sortable-item + .sortable-item{border-block-start: 1px solid oklch(from var(--foreground) l c h / var(--ink-seam));}.sortable-item__content{display: flex;align-items: center;gap: var(--space-body);justify-content: flex-start;font-size: var(--text-body);}.sortable-item__content:not( :has(> :not([data-sortable-handle]) ~ :not([data-sortable-handle])) ) > :not([data-sortable-handle]){flex: 1;}.sortable-item__content > :not([data-sortable-handle]) ~ :not([data-sortable-handle]){margin-inline-start: auto;}.sortable-item__content > [data-sortable-handle]{order: -1;flex: none;}@media (hover: hover){.sortable-item:hover{background-color: oklch(from var(--foreground) l c h / var(--fill-hover));}}.sortable-item[data-sortable-lifted]{z-index: 1;background-color: oklch(from var(--foreground) l c h / var(--fill-selected));scale: var(--sortable-lift);transition: transform var(--spring-dock-duration) var(--spring-dock),scale var(--spring-press-duration) var(--spring-press),background-color var(--spring-press-duration) var(--spring-press);}.sortable-item[data-sortable-vacancy]{opacity: 0;pointer-events: none;}.sortable-list[data-sortable-closing] .sortable-item{transition-duration: var(--spring-press-duration);transition-timing-function: var(--spring-press);}.sortable-handle{--sortable-grip-glyph: var(--icon-md);display: inline-flex;align-items: center;justify-content: center;inline-size: calc(var(--sortable-grip-glyph) + var(--space-atom) * 2);block-size: calc(var(--sortable-grip-glyph) + var(--space-atom) * 2);border-radius: var(--radius-pill);color: oklch(from var(--foreground) l c h / var(--ink-perimeter));transition: color var(--spring-press-duration) var(--spring-press),scale var(--spring-press-duration) var(--spring-press);}@media (hover: hover){.sortable-handle:hover{color: var(--foreground);}}.sortable-handle:active{scale: var(--scale-press);}.sortable-handle:focus-visible{outline: none;box-shadow: var(--focus-ring-shadow);}.sortable-handle:disabled{cursor: not-allowed;opacity: 0.5;}.sortable-ghost{z-index: 9999;pointer-events: none;border-radius: 0;overflow: clip;transition: border-radius var(--spring-press-duration) var(--spring-press),box-shadow var(--spring-press-duration) var(--spring-press),backdrop-filter var(--spring-press-duration) var(--spring-press),opacity var(--spring-press-exit-duration) var(--spring-press);}.sortable-ghost[data-lift]{border-radius: var(--radius-card);}.sortable-ghost[data-done]{opacity: 0;}.sortable-ghost__row{padding-inline: var(--space-body);transition: scale var(--spring-press-duration) var(--spring-press);}.sortable-ghost[data-lift] .sortable-ghost__row{scale: var(--sortable-lift);}.sortable-ghost__row *{animation-play-state: paused;}}

package/dist/components/surface/Surface.vue.d.ts

@@ -1,5 +1,5 @@
 import { type HTMLAttributes } from "vue";
-import type { Surface as SurfaceAxis, SurfaceTier } from "../_shared/axes.js";
+import type { BackdropMode, Surface as SurfaceAxis, SurfaceTier } from "../_shared/axes.js";
 import type { PrimitiveProps } from "../_shared/primitive.js";
 export type SurfaceDecoration = SurfaceAxis;
 /**
@@ -32,6 +32,8 @@ export interface SurfaceProps extends Omit<PrimitiveProps, "asChild"> {
     surface?: SurfaceDecoration;
     /** Thickness ON the resolved tier — never a tier jump. */
     deep?: boolean;
+    /** `static` samples no backdrop: the plate keeps its fill and drops the lens. */
+    backdropMode?: BackdropMode;
     class?: HTMLAttributes["class"];
 }
 declare var __VLS_8: {};
@@ -43,6 +45,7 @@ declare const __VLS_base: import("vue").DefineComponent<SurfaceProps, {}, {}, {}
     deep: boolean;
     tier: SurfaceTier;
     surface: SurfaceDecoration;
+    backdropMode: BackdropMode;
 }, {}, {}, {}, 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/tabs/composables/useTabDragMorph.d.ts

@@ -10,15 +10,12 @@ import type { SegmentedTabOption } from "../types.js";
  * When `:draggable`, the `pill` indicator is wired to `useDragMorph` with the snap
  * targets resolved off the CENTER-ANCHORED button geometry (the SAME measure
  * `useTabIndicator` runs — reused, never re-measured). Dragging the indicator follows
- * the finger, squishes on velocity, and flings to the nearest tab center on release →
- * `onSnap` writes the `model`. The drag is the `pill` material ONLY (the `underline`
- * ink hairline has no `indicatorRef` element to deform). The squish reads the SAME
- * `--tab-indicator-max-stretch` live cap the click squish does (the SOLE cap source);
- * the drag's `--stretch` write composes the existing reciprocal CSS pairing — no
- * second squish recipe.
+ * the finger and flings to the nearest tab center on release → `onSnap` writes the
+ * `model`. The drag is the `pill` material ONLY. The indicator keeps its size while
+ * it follows: no velocity squish is written.
  */
 export interface UseTabDragMorphParams {
-    /** The active indicator element (the drag follow + squish target). */
+    /** The active indicator element (the drag follow target). */
     indicatorRef: Ref<HTMLElement | null>;
     /** True for the vertical (block-axis) orientation. */
     isVertical: ComputedRef<boolean>;

package/dist/components/tabs/styles/segmented.css

@@ -1 +1 @@
-@layer components{.segmented-tabs{--bouncy-track-trim: 0.1875rem;--bouncy-slider-radius: var(--radius-tab);--bouncy-track-radius: calc(var(--bouncy-slider-radius) + var(--bouncy-track-trim));--stretch: 1;position: relative;display: inline-grid;grid-auto-flow: column;grid-auto-columns: 1fr;padding: var(--bouncy-track-trim);border-radius: var(--bouncy-track-radius);overflow: visible;}.segmented-tabs--vertical{display: inline-flex;flex-direction: column;grid-auto-flow: unset;grid-auto-columns: unset;align-items: stretch;--bouncy-slider-radius: var(--radius-strip);--radius-ctx: var(--bouncy-track-radius);--radius-inset: var(--bouncy-track-trim);}.segmented-tabs--vertical .segmented-indicator{border-radius: max( var(--radius-floor),calc(var(--radius-ctx) - var(--radius-inset)) );}@media (min-width: 640px){.segmented-tabs{--bouncy-track-trim: 0.25rem;}}.segmented-indicator{position: absolute;z-index: 0;border-radius: var(--bouncy-slider-radius);transform-origin: var(--eyeglass-origin,50%) center;scale: var(--eyeglass-span,var(--stretch)) var(--eyeglass-swell,1);}.segmented-tabs--vertical .segmented-indicator{transform-origin: center var(--eyeglass-origin,50%);scale: var(--eyeglass-swell,1) var(--eyeglass-span,var(--stretch));}.segmented-tabs--underline .segmented-indicator{background: none;border-radius: 0;border-block-end: var(--paper-ink-mark-weight) solid var(--paper-ink-mark-color);scale: var(--stretch) 1;}.segmented-tabs--underline.segmented-tabs--vertical .segmented-indicator{border-block-end: none;border-inline-start: var(--paper-ink-mark-weight) solid var(--paper-ink-mark-color);scale: 1 var(--stretch);}.segmented-tabs:not(.segmented-tabs--underline){--eyeglass-span-max: 1.6;--eyeglass-cascade-annotation: 100ms;--eyeglass-light-clock: var(--engage-control-engage-release);transition: background var(--eyeglass-light-clock) var(--ease-standard);}.segmented-tabs:not(.segmented-tabs--underline) .segmented-indicator{box-shadow: var(--glass-rim-top),var(--glass-rim-bottom),inset 0 1px 2px var(--tab-track-recess-ink);}.segmented-tabs[data-eyeglass-wake]:not(.segmented-tabs--underline){--eyeglass-light-clock: var(--engage-control-engage-attack);background: color-mix( in oklab,var(--glass-plate-quiet),var(--glass-capsule-warm) var(--glass-capsule-warm-floor) );}.segmented-tabs[data-eyeglass-wake]:not(.segmented-tabs--underline) .segmented-indicator{box-shadow: var(--glass-rim-top),var(--glass-rim-bottom),var(--glass-shadow-capsule);}.segmented-indicator[data-eyeglass-clamped]{--eyeglass-swell: 1.22;}@media (prefers-reduced-motion: no-preference){.segmented-indicator--js{transition: translate var(--tab-indicator-duration) var(--spring-dock),width var(--tab-indicator-duration) var(--spring-dock),height var(--tab-indicator-duration) var(--spring-dock),scale var(--tab-indicator-duration) var(--ease-cartoon-punch),box-shadow var(--eyeglass-light-clock,var(--duration-fast)) var(--ease-standard),opacity var(--duration-fast) ease;}}.segmented-tab{position: relative;z-index: 10;border: none;background: none;font-weight: 500;cursor: pointer;white-space: nowrap;padding: 0.25rem 0.625rem;border-radius: var(--bouncy-slider-radius);font: inherit;font-size: var(--type-caption);color: color-mix(in oklab,var(--muted-foreground),var(--glass-capsule-warm) 12%);transition: color var(--duration-fast) ease;scale: 1;translate: 0;}@media (min-width: 640px){.segmented-tab{padding: 0.3125rem 0.75rem;font-size: var(--type-small);}}.segmented-tab[data-active]{color: var(--foreground);transition-delay: var(--eyeglass-cascade-annotation,0s);}.segmented-tab.is-disabled{opacity: 0.4;cursor: not-allowed;pointer-events: none;filter: blur(0.5px);}.segmented-tabs--underline{display: flex;grid-auto-flow: unset;grid-auto-columns: unset;gap: 0.25rem;padding: 0;background: none;-webkit-backdrop-filter: none;backdrop-filter: none;box-shadow: none;border-radius: 0;border-block-end: 1px solid var(--border);}.segmented-tabs--underline.segmented-tabs--vertical{flex-direction: column;align-items: stretch;border-block-end: none;border-inline-start: 1px solid var(--border);}.segmented-tabs--underline .segmented-tab{padding: 0.375rem 0.75rem;font-size: var(--type-subheading);letter-spacing: var(--type-tracking-display);border-radius: var(--bouncy-slider-radius);transition: color var(--duration-fast) ease;}.segmented-tabs--underline.segmented-tabs--vertical .segmented-tab{text-align: start;}.segmented-tabs--underline .segmented-tab:not([data-active]){color: var(--muted-foreground);}.segmented-tabs--underline .segmented-tab:hover{color: color-mix(in oklab,var(--foreground) 70%,transparent);}}
+@layer components{.segmented-tabs{--bouncy-track-trim: 0.1875rem;--bouncy-slider-radius: var(--radius-tab);--bouncy-track-radius: calc(var(--bouncy-slider-radius) + var(--bouncy-track-trim));position: relative;display: inline-grid;grid-auto-flow: column;grid-auto-columns: 1fr;padding: var(--bouncy-track-trim);border-radius: var(--bouncy-track-radius);}.segmented-tabs[data-shape="bar"]:not(.segmented-tabs--vertical){--bouncy-slider-radius: var(--radius-bar);}.segmented-tabs--vertical{display: inline-flex;flex-direction: column;grid-auto-flow: unset;grid-auto-columns: unset;align-items: stretch;--bouncy-slider-radius: var(--radius-strip);--radius-ctx: var(--bouncy-track-radius);--radius-inset: var(--bouncy-track-trim);}.segmented-tabs--vertical .segmented-indicator{border-radius: max( var(--radius-floor),calc(var(--radius-ctx) - var(--radius-inset)) );}@media (min-width: 640px){.segmented-tabs{--bouncy-track-trim: 0.25rem;}}.segmented-indicator{position: absolute;z-index: 0;border-radius: var(--bouncy-slider-radius);}.segmented-tabs--underline .segmented-indicator{background: none;border-radius: 0;border-block-end: var(--paper-ink-mark-weight) solid var(--paper-ink-mark-color);}.segmented-tabs--underline.segmented-tabs--vertical .segmented-indicator{border-block-end: none;border-inline-start: var(--paper-ink-mark-weight) solid var(--paper-ink-mark-color);}.segmented-tabs:not(.segmented-tabs--underline) .segmented-indicator{box-shadow: var(--glass-rim-top),var(--glass-rim-bottom),inset 0 1px 2px var(--tab-track-recess-ink);}@media (prefers-reduced-motion: no-preference){.segmented-indicator--js{transition: translate var(--tab-indicator-duration) var(--spring-dock),width var(--tab-indicator-duration) var(--spring-dock),height var(--tab-indicator-duration) var(--spring-dock),opacity var(--duration-fast) ease;}}.segmented-tab{position: relative;z-index: 10;border: none;background: none;font-weight: 500;cursor: pointer;white-space: nowrap;padding: 0.25rem 0.625rem;border-radius: var(--bouncy-slider-radius);font: inherit;font-size: var(--type-caption);color: color-mix(in oklab,var(--muted-foreground),var(--glass-capsule-warm) 12%);transition: color var(--duration-fast) var(--ease-standard);}@media (min-width: 640px){.segmented-tab{padding: 0.3125rem 0.75rem;font-size: var(--type-small);}}.segmented-tab[data-active]{color: var(--foreground);}.segmented-tabs:not(.segmented-tabs--underline) .segmented-tab:not([data-active]):hover{color: color-mix(in oklab,var(--muted-foreground),var(--foreground) var(--hover-ink-mix));}.segmented-tab.is-disabled{opacity: 0.4;cursor: not-allowed;pointer-events: none;filter: blur(0.5px);}.segmented-tabs--underline{display: flex;grid-auto-flow: unset;grid-auto-columns: unset;gap: 0.25rem;padding: 0;background: none;-webkit-backdrop-filter: none;backdrop-filter: none;box-shadow: none;border-radius: 0;border-block-end: 1px solid var(--border);}.segmented-tabs--underline.segmented-tabs--vertical{flex-direction: column;align-items: stretch;border-block-end: none;border-inline-start: 1px solid var(--border);}.segmented-tabs--underline .segmented-tab{padding: 0.375rem 0.75rem;font-size: var(--type-subheading);letter-spacing: var(--type-tracking-display);border-radius: var(--bouncy-slider-radius);transition: color var(--duration-fast) ease;}.segmented-tabs--underline.segmented-tabs--vertical .segmented-tab{text-align: start;}.segmented-tabs--underline .segmented-tab:not([data-active]){color: var(--muted-foreground);}.segmented-tabs--underline .segmented-tab:hover{color: color-mix(in oklab,var(--foreground) 70%,transparent);}}

package/dist/components/tabs/types.d.ts

@@ -15,7 +15,7 @@ export interface SegmentedTabOption<V extends string = string> {
      */
     controls?: string;
 }
-/** The two materials: `pill` is the default glass eyeglass; `underline` is the paper ink hairline. */
+/** The two materials: `pill` is the default glass capsule; `underline` is the paper ink hairline. */
 export type SegmentedTabsVariant = "pill" | "underline";
 /** The interaction semantic, independent of material. `toggle` exposes a
  *  group of pressed buttons; `tabs` exposes a tablist with selected tabs. */
@@ -48,10 +48,9 @@ export interface SegmentedTabsProps<V extends string = string> {
     /** Accessible name shared by the desktop strip and responsive Select. */
     ariaLabel?: string;
     /**
-     * The material — `pill` (DEFAULT, the glass eyeglass) or `underline` (the paper
-     * ink-hairline rule). TWO, and the eyeglass is not a third: it is what `pill`
-     * IS. A "million variants that are essentially the same thing" is the failure
-     * mode this axis exists to refuse.
+     * The material — `pill` (DEFAULT, the glass capsule) or `underline` (the paper
+     * ink-hairline rule). TWO. A "million variants that are essentially the same
+     * thing" is the failure mode this axis exists to refuse.
      */
     variant?: SegmentedTabsVariant;
     /**
@@ -73,11 +72,11 @@ export interface SegmentedTabsProps<V extends string = string> {
      */
     responsive?: boolean | SegmentedTabsResponsive<V>;
     /**
-     * Motion weight. `full` (default) lets the pill indicator follow a pointer,
-     * squash with drag velocity, and settle to the nearest tab. Drag supplements the
+     * Motion weight. `full` (default) lets the pill indicator follow a pointer
+     * and settle to the nearest tab, at its own size. Drag supplements the
      * fully operable click and keyboard path; it is never the sole selection method.
      * `reduced` and `off` use the click-only strip while preserving roving focus.
-     * Underline has no deformable indicator. Reduced-motion preference forces
+     * Underline has no draggable indicator. Reduced-motion preference forces
      * `full → reduced`.
      */
     motion?: Motion;

package/dist/composables/glass/fieldPaint.d.ts

@@ -0,0 +1,4 @@
+/** The event type dispatched on a canvas after the lifecycle draws one frame. */
+export declare const GLASS_FIELD_PAINT_EVENT = "glass-field-paint";
+/** Announce one drawn frame on `canvas`. */
+export declare function announceFieldPaint(canvas: HTMLCanvasElement): void;

package/dist/composables/glass/useGlassBackdropLuminance.d.ts

@@ -12,10 +12,11 @@ export interface UseGlassBackdropLuminanceOptions {
      */
     backgroundCanvas?: BackgroundCanvasSource;
     /**
-     * Force the LIVE periodic re-sample loop on (mirrors the `data-glass-sample="live"`
-     * attribute on the target). Default: read from the target's
-     * `data-glass-sample === "live"` attribute. The static page case samples once on
-     * mount + resize-settle; the live case re-samples on the throttled loop.
+     * Force LIVE re-sampling on (mirrors the `data-glass-sample="live"` attribute on
+     * the target). Default: read from the target's `data-glass-sample === "live"`
+     * attribute. The static page case samples once on mount + resize-settle; the live
+     * case also re-samples, throttled, when the field paints, the page scrolls, the
+     * theme changes or a transition on the field ends.
      */
     live?: boolean;
     /**
@@ -25,7 +26,7 @@ export interface UseGlassBackdropLuminanceOptions {
      */
     lightThreshold?: number;
     /**
-     * Minimum milliseconds between samples on the live loop (the ≤ 4 Hz throttle floor).
+     * Minimum milliseconds between live samples (the ≤ 4 Hz throttle floor).
      * Default 250 (4 Hz) and bounded to at least 250ms.
      */
     minSampleIntervalMs?: number;
@@ -59,7 +60,7 @@ export interface UseGlassBackdropLuminanceControls {
     readonly sample: Readonly<Ref<GlassBackdropSample>>;
     /** Force one sample now (bypasses the throttle — used on mount + resize-settle). */
     sampleNow: () => void;
-    /** Stop the loop + detach every observer/listener. */
+    /** Cancel a pending sample + detach every observer/listener. */
     dispose: () => void;
 }
 export type GlassBackdropSample = {

package/dist/composables/glass/webgpu/useGpuSubstrate.d.ts

@@ -18,6 +18,14 @@ export interface GpuSubstrateOptions {
     setupWGPU?: WebGPUCanvasOptions["setup"];
     /** The GLSL program builder (the WebGL2 fallback path — always required). */
     setupGL: WebGLCanvasOptions["setup"];
+    /**
+     * Awaited before a backend arms, with the backend about to run its `setup`. A viz
+     * whose setup lives in a dynamically imported module loads it here, so only the
+     * backend the host resolves is fetched (atlas U/B7 F6: the aurora WebGL and WebGPU
+     * paths are separate chunks). Each setup callback is still synchronous; this hook
+     * makes sure it can be. A rejection is that backend's arm failure.
+     */
+    prepare?: (backend: GpuBackend) => Promise<void>;
     /**
      * The consumer's DPR policy: a flat multiplier
      * or a box-aware resolver). REQUIRED: the leaf owns the backing-store measurement

package/dist/composables/motion/core/motionTempo.d.ts

@@ -2,6 +2,7 @@
  * Read the effective `--motion-tempo` off `el` (or `:root` when omitted). Returns a
  * positive multiplier (the identity `1` off-DOM, on a malformed value, or on any
  * value ≤ 0). Read once at spring construction — a tempo change is a settings-level
- * knob (a re-mount picks it up), never a per-frame read.
+ * knob (a re-mount picks it up), never a per-frame read. The `:root` read is shared
+ * by every construction in one task.
  */
 export declare function motionTempo(el?: Element | null): number;

package/dist/composables/motion/morph/useDragMorph.d.ts

@@ -24,8 +24,8 @@ export interface UseDragMorphParams<V = string> {
      */
     snapTargets: readonly DragMorphSnapTarget<V>[] | (() => readonly DragMorphSnapTarget<V>[]);
     /**
-     * The live cap getter for the squish (`--tab-indicator-max-stretch`, ≤1.08).
-     * Defaults to the shared 1.08 fence; a getter re-reads the cascade override.
+     * The live cap getter for the squish (≤1.08). Defaults to the shared 1.08
+     * fence; a getter can re-read a cascade override.
      */
     maxStretch?: () => number;
     /**