@mkbabb/glass-ui 10.1.0 → 10.1.2

package/MIGRATION.md

@@ -5,6 +5,76 @@ records the breaking changes that landed in that cut, newest first. Clean breaks
 — no legacy aliases, no back-compat shims (L invariant 4); every break is a one-line
 rename or import re-point per call site.
 
+## 10.1.2
+
+Two behaviour changes, no type change. **A custom dock seat must now carry
+`data-glass-dock-seat` to rove.**
+
+- **O-101: a morph reserves the size it settles at.** The dock no longer reserves an
+  old width on an expand or for the rest of a morph when its full pane changes (a
+  breakpoint that swaps its controls) or its host changes (a viewport or container that
+  resizes) while it is collapsed or morphing. So the page no longer scrolls sideways
+  for the length of the morph, and the box no longer snaps at settle. Both endpoints are
+  the root laid out at rest in their posture, read from the live layout on every
+  capture, under whatever constrains the dock, including while it morphs. A consumer
+  that clipped the page or the dock band, or overrode `--dock-expanded-px`, to hide that
+  overflow can delete the workaround. A dock whose pane and host are stable morphs as
+  before.
+
+- The dock run roves a direct child only when it carries `data-glass-dock-seat`.
+  `DockControl`, `DockTrigger` and `DockBackgroundToggle` set it. A consumer's own seat
+  that should share the run's one tab stop and answer its arrow keys (a `RouterLink`, a
+  bespoke button, a `[role=button]` element) adds the attribute itself:
+  `<RouterLink data-glass-dock-seat to="/a">`. A `DockControl as-child` already sets it
+  on the child.
+- A declared seat must stay focusable. A custom seat that is disabled carries
+  `aria-disabled="true"` and blocks its own activation, never the native `disabled`
+  attribute: `<button data-glass-dock-seat aria-disabled="true">`. A native-disabled seat
+  that holds the run's stop takes every seat out of the Tab order. A disabled
+  `DockTrigger` now renders `aria-disabled`, like `DockControl`, so it stays in the Tab
+  and arrow order as a disabled stop where 10.1.1 skipped it, and paints disabled from
+  `.dock-trigger[aria-disabled="true"]`. A rule of yours that dims or suppresses a dock
+  trigger on `:disabled` keys on `[aria-disabled="true"]` instead.
+- An undeclared child is left alone. It keeps its natural tab stop and its own keys, so a
+  filter trigger, a settings button, a handle, an input pair, a dark toggle or a composite
+  stays in the Tab order. A consumer that pulled such a control out of its dock run, or
+  restored its `tabindex`, to get it back into the Tab order can undo that.
+- `.dock-run` carries `role="toolbar"` and `aria-orientation` only when every child is a
+  declared seat, glass's `<DockSeparator>` and the native
+  `<select aria-hidden="true" tabindex="-1">` a named `Select` renders inside a `<form>`
+  aside. A consumer's own `role="separator"` splitter, or an `aria-hidden` wrapper around a
+  control that still takes Tab, is an undeclared child and voids the claim. A dock whose run mixes declared seats
+  with other controls no longer announces as a toolbar. To keep the role, declare every
+  seat, or move the undeclared controls to `#persistent` / `#persistent-end`.
+- A test or probe that read `role="toolbar"` off an empty run, or off a run of plain
+  buttons, now finds no role. Seat the run with declared controls.
+- Atlas and value.js: the contract and the build path are in `CHANGELOG.md` §10.1.2.
+
+## 10.1.1
+
+One type-level change, below; no runtime break. Behaviour a consumer may notice:
+
+- **`DockContext` gains a required `expanded: ComputedRef<boolean>`.** The dock's posture,
+  whose falling edge closes the overlays its seats opened. A consumer that calls the
+  exported `provideDockContext` itself (none of the sibling repos does) passes it. A
+  `GlassDock` provides it; nothing changes for a consumer that only reads the context.
+- **A dock collapse closes the menus, popovers and selects its seats opened, and focus
+  that stood in them moves to the dock's summary.** The seats are the default slot's; an
+  overlay opened from `#persistent` or `#persistent-end` stays open, since its trigger is
+  still there. A consumer that closed them by hand on collapse can delete that code. To keep the dock open while an overlay is up, use the
+  existing `keepDockOpen` (Popover) or `keepOpen`/`release`.
+- **The dock run no longer roves a seat that holds controls.** A container seat (a `div`
+  holding a ToggleGroup, a slider, a band of buttons) and a composite root seated directly
+  (a RadioGroup) keep their own tab order and their own arrow keys. Arrows travel only the
+  seats that are controls. Nothing to change unless a consumer relied on the run focusing
+  a container's first control.
+- **Overlay content takes its z rung from its role.** `DropdownMenuContent` and
+  `DropdownMenuSubContent` now paint at `--z-popover`. A consumer that added `z-popover` (or
+  any z class) through `class` keeps its class: the consumer class merges last.
+- **`SheetContent` carries the `fixed` utility.** Sheets that rendered in page flow now
+  open at their edge. A consumer override that positioned the sheet itself can be deleted.
+- **New:** `<Skeleton shimmer>`.
+
 ## 10.0.0 — ~~UNRELEASED~~ [2026-09-22 · LIVE: tag `v10.0.0` at `dcb0f711`, published with provenance by `release.yml` run 35804200390 attempt 1, `latest` on the registry, unpacked 2,915,902 B = the ratchet datum]
 
 **Status.** `package.json` declares ~~`9.0.0`~~ `10.0.0` [2026-09-22 · at the cut, `58f0d243`]

package/dist/aurora.js

@@ -1,8 +1,8 @@
-import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { t } from "./usePointerVelocityField-Lx26_Yap.js";
-import { a as n, c as r } from "./pointerFieldMappings-DXwlU5uj.js";
-import { t as i } from "./useScrollProgress-Bq-KPaKM.js";
-import { t as a } from "./useIntersectionPause-CzKR3EyP.js";
+import { t as e } from "./useIntersectionPause-CzKR3EyP.js";
+import { t } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+import { t as n } from "./usePointerVelocityField-Lx26_Yap.js";
+import { a as r, c as i } from "./pointerFieldMappings-DXwlU5uj.js";
+import { t as a } from "./useScrollProgress-Bq-KPaKM.js";
 import { t as o } from "./value-DMhh2R94.js";
 import { cssToOklch as s, deriveHue as c, gamutMapStop as l, oklchStopToHex as u, oklchToLinear as d, warmCatchLight as f } from "./color.js";
 import { a as p, c as m, i as h, l as g, n as _, o as v, r as y, s as b, t as x } from "./color.glsl-DTJhdekG.js";
@@ -724,13 +724,13 @@ var Ie = 8, Le = 8, Re = 1, ze = .115, Be = .004, Ve = .06, z = {
 	saturation: .92,
 	paperGrain: .008
 }, B = .001, Ue = 1e-4;
-function V(e, t, i) {
-	let a = r(e);
-	if (i > 0) {
+function V(e, t, n) {
+	let a = i(e);
+	if (n > 0) {
 		let t = e.acceleration.value, n = e.velocity.value, r = -(t.x * n.x + t.y * n.y);
 		r > 0 && (a.burst = Math.min(1, a.burst + r * 3));
 	}
-	let o = n(a, t);
+	let o = r(a, t);
 	return {
 		x: o.cx,
 		y: o.cy,
@@ -2324,12 +2324,12 @@ var Bt = 3.7;
 function Vt(e, t, n, r) {
 	return r ? Bt : e.interactivity?.scroll === !0 ? t + Math.min(1, Math.max(0, n)) * e.breathPeriod : t;
 }
-function Ht(e, n, r = {}) {
+function Ht(e, t, r = {}) {
 	let i = Lt(r), a = Rt(r.mode), o = e.style.opacity, s = (t) => {
 		a.opaque && (e.style.opacity = String(zt(t)));
 	};
-	s(n.alpha);
-	let c = !r.forceWebGLUnderSoftwareRaster && F(), l = n, u = 0, d = t({
+	s(t.alpha);
+	let c = !r.forceWebGLUnderSoftwareRaster && F(), l = t, u = 0, d = n({
 		mass: 1,
 		damping: .9,
 		attractorResponse: .28,
@@ -2463,8 +2463,8 @@ function Gt(e) {
 		r = !0, cancelAnimationFrame(t), n !== void 0 && clearTimeout(n);
 	};
 }
-function Kt(e, t, n = {}, r = {}) {
-	let o = Ut(t), s = r.renderMode === "css", c = null, l = null, u = null, d = null, f = null, p = null, m = !1, h = M(!1), g = M(!1), _ = 0, v = 0, y = !1;
+function Kt(t, n, r = {}, i = {}) {
+	let o = Ut(n), s = i.renderMode === "css", c = null, l = null, u = null, d = null, f = null, p = null, m = !1, h = M(!1), g = M(!1), _ = 0, v = 0, y = !1;
 	function b() {
 		if (g.value = !1, typeof requestAnimationFrame != "function" || (v = performance.now() + 500, _ !== 0)) return;
 		let e = (t) => {
@@ -2479,16 +2479,16 @@ function Kt(e, t, n = {}, r = {}) {
 	function x() {
 		_ !== 0 && cancelAnimationFrame(_), _ = 0, g.value = !1;
 	}
-	let S = ue(s ? ee() : O("webgl2")), C = i({
-		target: e,
+	let S = ue(s ? ee() : O("webgl2")), C = a({
+		target: t,
 		trackExit: !0,
 		enabled: k(() => !s && o().interactivity?.scroll === !0)
 	});
 	d = P(C, (e) => c?.setScrollProgress(e), { flush: "sync" });
-	let w = n.mode === "capture" || n.initStrategy === "eager";
+	let w = r.mode === "capture" || r.initStrategy === "eager";
 	function T(e) {
 		let t = e instanceof Error ? e : Error(String(e));
-		S.value = te(S.value.engine, S.value.adapter, t), n.onInitError?.(t);
+		S.value = te(S.value.engine, S.value.adapter, t), r.onInitError?.(t);
 	}
 	async function E() {
 		if (m || !c) return;
@@ -2505,15 +2505,15 @@ function Kt(e, t, n = {}, r = {}) {
 		}, { deep: !0 }));
 	}
 	return ce(() => {
-		let t = e.value;
-		if (!t || s) return;
+		let n = t.value;
+		if (!n || s) return;
 		try {
-			c = Ht(t, o(), {
+			c = Ht(n, o(), {
 				initStrategy: "deferred",
-				...n,
+				...r,
 				onRendererStatus: (e) => {
-					let t = e.phase === "ready", r = t && !h.value && y;
-					S.value = e, h.value = t, t ? r && b() : x(), n.onRendererStatus?.(e);
+					let t = e.phase === "ready", n = t && !h.value && y;
+					S.value = e, h.value = t, t ? n && b() : x(), r.onRendererStatus?.(e);
 				}
 			});
 		} catch (e) {
@@ -2524,14 +2524,14 @@ function Kt(e, t, n = {}, r = {}) {
 			E();
 			return;
 		}
-		p = a(e, {
+		p = e(t, {
 			pause: () => c?.pause("off-screen-io"),
 			resume: () => c?.resume("off-screen-io")
 		}, { pauseWhenHidden: !1 });
-		let r = p.isIntersecting;
-		u = P(r, (e) => {
+		let i = p.isIntersecting;
+		u = P(i, (e) => {
 			!e || m || f || (f = Gt(() => {
-				f = null, r.value && E();
+				f = null, i.value && E();
 			}));
 		}, { immediate: !0 });
 	}), se(() => {
@@ -2709,7 +2709,7 @@ function tn(e, t) {
 }
 //#endregion
 //#region src/components/aurora/Aurora.vue?vue&type=script&setup=true&lang.ts
-var nn = ["data-aurora-substrate", "data-aurora-settled"], rn = /*#__PURE__*/ e(/* @__PURE__ */ re({
+var nn = ["data-aurora-substrate", "data-aurora-settled"], rn = /*#__PURE__*/ t(/* @__PURE__ */ re({
 	__name: "Aurora",
 	props: {
 		config: { default: () => z },

package/dist/{command-C-5xSEJ2.js → command-CatrAsrl.js}

@@ -2,7 +2,7 @@ import { t as e } from "./class-names-FlXcvRRT.js";
 import { t } from "./primitive-B2t2jdqM.js";
 import { t as n } from "./selection-DqIULxRG.js";
 import { n as r, t as i } from "./DialogContent-CwIBvou_.js";
-import { t as a } from "./participation-Di4UHbzk.js";
+import { t as a } from "./participation-B7UFdgXB.js";
 import { t as o } from "./rowClass-DYOXwxhO.js";
 import { computed as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createTextVNode as d, createVNode as f, defineComponent as p, mergeProps as m, normalizeClass as h, openBlock as g, renderSlot as _, toDisplayString as v, unref as y, useAttrs as b, withCtx as x } from "vue";
 import { ComboboxContent as S, ComboboxEmpty as C, ComboboxGroup as w, ComboboxInput as T, ComboboxItem as E, ComboboxLabel as D, ComboboxRoot as O, ComboboxSeparator as k } from "reka-ui";

package/dist/command.js

@@ -1,2 +1,2 @@
-import { a as e, c as t, i as n, l as r, n as i, o as a, r as o, s, t as c } from "./command-C-5xSEJ2.js";
+import { a as e, c as t, i as n, l as r, n as i, o as a, r as o, s, t as c } from "./command-CatrAsrl.js";
 export { r as Command, t as CommandDialog, s as CommandEmpty, a as CommandGroup, e as CommandInput, n as CommandItem, o as CommandList, i as CommandSeparator, c as CommandShortcut };

package/dist/components/_shared/overlay/participation.d.ts

@@ -43,6 +43,9 @@ export declare function useHoldToken(target: () => HoldTarget | null | undefined
 export interface DockPortalAttrs {
     "data-glass-dock-portal"?: string;
     "data-glass-dock-owner"?: string;
+    /** Present when the overlay was opened from the dock's face: the collapse closes
+     *  it, and the dock reads this to know focus inside it is about to lose its place. */
+    "data-glass-dock-face"?: string;
 }
 export interface DockParticipation {
     /** Spread onto the portalled content root. Empty outside a dock. */
@@ -53,7 +56,8 @@ export interface DockParticipation {
     release: () => void;
 }
 /**
- * Dock participation for a portalled overlay: the stamp, and the one token.
+ * Dock participation for a portalled overlay: the stamp, the one token, and the
+ * close on collapse.
  *
  * `hold` is the DECLARATIVE arm — pass a ref/getter that is true exactly while
  * the surface should pin the dock open and the token is driven for you. The
@@ -63,4 +67,12 @@ export interface DockParticipation {
 export declare function useDockParticipation(o?: {
     hold?: MaybeRefOrGetter<boolean>;
     kind?: DockHoldKind;
+    /**
+     * Close this overlay. Called on the dock's COLLAPSE edge, so a dropdown or
+     * popover a seat of the FACE opened never outlives the posture it was opened
+     * from. The collapse owns the close: the overlay states how it closes, the dock
+     * says when. Outside the face (a `#persistent` control, whose trigger stays
+     * painted and live when collapsed) and outside a dock it is never called.
+     */
+    close?: () => void;
 }): DockParticipation;

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

@@ -15,6 +15,9 @@ import { type ButtonHTMLAttributes, type Component, type HTMLAttributes } from "
  * `--dock-control-size` (≥44px on coarse via the density clamp) — hit box ≠ paint
  * box. `overflow: visible` keeps the painted inset unclipped.
  *
+ * A DECLARED SEAT. The host carries `data-glass-dock-seat` (`DOCK_SEAT_ATTR`), so a
+ * control seated directly in a dock run is roved by it (atlas G-4, b-ii).
+ *
  * Role rides the consumer: an `active` control stamps `aria-pressed` (the
  * AT-selectable semantic) + `data-active` (the CSS hook reading the
  * `--dock-control-active-bg` "selected reads as glass" tier — never a saturated

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

@@ -4,15 +4,15 @@ type __VLS_Props = {
     for?: "select" | "dropdown" | "popover";
     class?: HTMLAttributes["class"];
 };
-declare var __VLS_8: {}, __VLS_16: {}, __VLS_30: {}, __VLS_39: {};
+declare var __VLS_14: {}, __VLS_22: {}, __VLS_42: {}, __VLS_57: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_8) => any;
+    default?: (props: typeof __VLS_14) => any;
 } & {
-    icon?: (props: typeof __VLS_16) => any;
+    icon?: (props: typeof __VLS_22) => any;
 } & {
-    default?: (props: typeof __VLS_30) => any;
+    default?: (props: typeof __VLS_42) => any;
 } & {
-    default?: (props: typeof __VLS_39) => any;
+    default?: (props: typeof __VLS_57) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     for: "select" | "dropdown" | "popover";

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

@@ -1,15 +1,15 @@
 import { type DockProps } from "./composables/useDockShellProps.js";
-declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {}, __VLS_7: {}, __VLS_9: {};
+declare var __VLS_1: {}, __VLS_9: {}, __VLS_11: {}, __VLS_13: {}, __VLS_15: {};
 type __VLS_Slots = {} & {
     persistent?: (props: typeof __VLS_1) => any;
 } & {
-    default?: (props: typeof __VLS_3) => any;
+    default?: (props: typeof __VLS_9) => any;
 } & {
-    collapsed?: (props: typeof __VLS_5) => any;
+    collapsed?: (props: typeof __VLS_11) => any;
 } & {
-    search?: (props: typeof __VLS_7) => any;
+    search?: (props: typeof __VLS_13) => any;
 } & {
-    'persistent-end'?: (props: typeof __VLS_9) => any;
+    'persistent-end'?: (props: typeof __VLS_15) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<DockProps, {
     expanded: import("vue").Ref<boolean, boolean>;

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

@@ -1,4 +1,4 @@
-import type { ComputedRef } from "vue";
+import { type ComputedRef, type InjectionKey } from "vue";
 export type DockOrientation = "horizontal" | "vertical";
 /**
  * What KIND of hold a token is. The two are different facts about the dock and
@@ -46,10 +46,24 @@ export interface DockContext {
      * popover is not a finger).
      */
     held: ComputedRef<boolean>;
+    /**
+     * The dock's POSTURE — `true` while the expanded face is the one painted. Its
+     * falling edge IS the collapse, and every overlay a seat OF THE FACE opened closes
+     * on it (`useDockParticipation`'s `close`): a menu left standing over a collapsed
+     * dock points at a control that is no longer there. A `#persistent` control is
+     * still there, so what it opened stays (`DockFace`, below). One writer (the dock),
+     * one edge, no timer.
+     */
+    expanded: ComputedRef<boolean>;
 }
-export declare const DOCK_CONTEXT_KEY: import("vue").InjectionKey<DockContext>;
+export declare const DOCK_CONTEXT_KEY: InjectionKey<DockContext>;
 export declare function provideDockContext(context: DockContext): void;
 /** Strict — throws when used outside `<GlassDock>`. */
 export declare const useDockContext: () => DockContext;
 /** Befitting silent default for primitives that may render outside a dock. */
 export declare const useOptionalDockContext: () => DockContext | null;
+export declare const DockFace: import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>[] | undefined, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+/** `true` for a descendant of the dock's face, the region the collapse takes away. */
+export declare function useInDockFace(): boolean;

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

@@ -1,16 +1,40 @@
 import { type Ref } from "vue";
+type Axis = "horizontal" | "vertical";
 export interface UseDockExpandedSizeOptions {
     rootEl: Ref<HTMLElement | null>;
     contentEl: Ref<HTMLElement | null>;
     expandedEl: Ref<HTMLElement | null>;
     collapsedEl: Ref<HTMLElement | null>;
-    axis: Ref<"horizontal" | "vertical">;
-    expanded: Ref<boolean>;
+    axis: Ref<Axis>;
+}
+export interface UseDockExpandedSizeReturn {
+    /**
+     * Measure the endpoints now. The morph calls this when it arms, after the posture's
+     * DOM is patched and before `[data-morphing]` reserves one.
+     */
+    measure: () => void;
 }
 /**
- * Measure the dock's two rendered pane compositions. The inactive pane remains
- * laid out (visibility, never display, hides it), so the first morph can derive
- * both endpoints from real content—coarse controls bring their own 44px floor;
- * non-interactive visuals receive no invented one.
+ * Measure the dock's two endpoints, `--dock-expanded-px` and `--dock-collapsed-px`.
+ *
+ * An endpoint is the root's box at rest in its posture, laid out from the live DOM on
+ * every capture (`restSize`). Nothing is latched but each posture's chrome, the root
+ * less its pane, read only from a root at rest in that posture (no `[data-morphing]`).
+ * The chrome holds padding, border, gaps and the persistent regions, none of which
+ * depends on the host. So an endpoint follows the pane and the host in every posture and
+ * through a morph (O-101, O-101a).
+ *
+ * The expanded endpoint is read in both postures, since a morph reserves it in both
+ * directions. The collapsed endpoint is read while the dock is collapsed, where its pane
+ * lays out; while expanded it keeps the last value, which the next collapse re-reads
+ * when it arms. The posture is the DOM's (the full pane's `.is-active`), never the
+ * posture ref, which flips before the DOM is patched: no endpoint can be read from a
+ * box laid out in the other posture (the W7 MORPH guard, BK #47).
+ *
+ * The capture runs when the morph arms (`measure`), on a ResizeObserver hit on the root,
+ * its parent (the host constraint), the layers, both panes or any pane's direct child,
+ * on a MutationObserver record in either pane, on a window resize (in the resize step,
+ * before the frame's layout), and once fonts are ready.
  */
-export declare function useDockExpandedSize(options: UseDockExpandedSizeOptions): void;
+export declare function useDockExpandedSize(options: UseDockExpandedSizeOptions): UseDockExpandedSizeReturn;
+export {};

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

@@ -11,6 +11,11 @@ export interface UseDockMorphOrchestratorOptions {
     outerActiveLayer: Ref<string>;
     /** Notifies the shell when the spring arms and settles. */
     onMorphActiveChange?: (active: boolean) => void;
+    /**
+     * Measures the endpoints from the posture just patched in (`useDockExpandedSize`'s
+     * `measure`). Called when the morph arms, before `[data-morphing]` reserves one.
+     */
+    measure: () => void;
 }
 export interface UseDockMorphOrchestratorReturn {
     /** The outer face that currently owns layout and interaction. */

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

@@ -16,5 +16,10 @@ export interface UseDockRunReturn {
     reach: (seat: HTMLElement) => void;
     /** Re-derive the tab stop. Called on mount, on focus moves, and on content change. */
     syncRoving: () => void;
+    /**
+     * True while the run has a declared seat and every child is one, glass's
+     * `<DockSeparator>` and reka's form `<select>` aside: the run's `role="toolbar"`.
+     */
+    toolbar: Readonly<Ref<boolean>>;
 }
 export declare function useDockRun(options: UseDockRunOptions): UseDockRunReturn;

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

@@ -49,3 +49,13 @@ export declare const HOVER_INTENT_MS = 60;
  */
 export declare const DOCK_COLLAPSE_DELAY_MS = 3600;
 export declare const MORPH_SETTLE_MS = 840;
+/**
+ * THE DECLARED SEAT MARKER (atlas G-4, arm b-ii; INBOUND O-102d). The dock run roves a
+ * direct child only when it carries this attribute, and claims `role="toolbar"` only
+ * when it has one and every direct child carries it, glass's `<DockSeparator>` and
+ * reka's form `<select aria-hidden="true" tabindex="-1">` (beside a named `Select`'s
+ * trigger) aside. Glass's seat primitives, `<DockControl>` and `<DockTrigger>`, set it;
+ * a consumer's own seat sets it by hand. Nothing is inferred from focusability: an
+ * undeclared child keeps its natural tab stop and its own keys.
+ */
+export declare const DOCK_SEAT_ATTR = "data-glass-dock-seat";

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){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([aria-disabled="true"]){background: var(--dock-control-hover-bg);color: var(--btn-hover-color,var(--foreground));}.dock-trigger:active:not([aria-disabled="true"]){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){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/index.css

@@ -1 +1 @@
-@import "./shell.css";@import "./shell-regions.css";@import "./dock.css";@import "./morph.css";@import "./adaptive-legibility.css";@import "./density.css";@import "./shape.css";@import "./layers.css";@import "./layer-group.css";@import "./crossfade.css";@import "./run.css";@import "./cta-seat.css";@import "./search.css";@property --dock-morph-t{syntax: "<number>";inherits: true;initial-value: 0;}@property --dock-t{syntax: "<number>";inherits: false;initial-value: 0;}@property --dock-local-scale{syntax: "<number>";inherits: true;initial-value: 1;}@property --dock-scale{syntax: "<number>";inherits: true;initial-value: 1;}@property --dock-pitch{syntax: "<length>";inherits: true;initial-value: 0px;}@property --dock-open-pitches{syntax: "<number>";inherits: true;initial-value: 3;}@layer components{:where( .glass-dock,.dock-layer-tab,.dock-icon-button,.dark-mode-toggle-button,.dock-tab-button,.dock-select-trigger,.dock-dropdown-trigger ){--dock-motion-fast: var(--duration-fast) var(--ease-standard);--dock-motion-standard: var(--duration-normal) var(--ease-standard);--dock-motion-resize: var(--spring-dock-duration) var(--dock-resize-spring);--dock-ring-width: var(--focus-ring-width);--dock-ring-offset: var(--focus-ring-width);--dock-ring-color: color-mix(in srgb,var(--focus-ring-color) 48%,transparent);--dock-ring-reserve: calc(var(--dock-ring-width) + var(--dock-ring-offset));}.dock-icon-button:focus-visible,.dock-tab-button:focus-visible,.dock-select-trigger:focus-visible,.dock-dropdown-trigger:focus-visible{outline: var(--dock-ring-width) solid var(--dock-ring-color);outline-offset: var(--dock-ring-offset);}.glass-dock [data-ring-yield]:focus-visible{outline: none;}.dock-icon-button:disabled,.dock-tab-button:disabled,.dock-select-trigger:disabled,.dock-dropdown-trigger:disabled,.dock-icon-button[aria-disabled="true"],.dock-tab-button[aria-disabled="true"]{opacity: var(--opacity-disabled);cursor: not-allowed;}}
+@import "./shell.css";@import "./shell-regions.css";@import "./dock.css";@import "./morph.css";@import "./adaptive-legibility.css";@import "./density.css";@import "./shape.css";@import "./layers.css";@import "./layer-group.css";@import "./crossfade.css";@import "./run.css";@import "./cta-seat.css";@import "./search.css";@property --dock-morph-t{syntax: "<number>";inherits: true;initial-value: 0;}@property --dock-t{syntax: "<number>";inherits: false;initial-value: 0;}@property --dock-local-scale{syntax: "<number>";inherits: true;initial-value: 1;}@property --dock-scale{syntax: "<number>";inherits: true;initial-value: 1;}@property --dock-pitch{syntax: "<length>";inherits: true;initial-value: 0px;}@property --dock-open-pitches{syntax: "<number>";inherits: true;initial-value: 3;}@layer components{:where( .glass-dock,.dock-layer-tab,.dock-icon-button,.dark-mode-toggle-button,.dock-tab-button,.dock-select-trigger,.dock-dropdown-trigger ){--dock-motion-fast: var(--duration-fast) var(--ease-standard);--dock-motion-standard: var(--duration-normal) var(--ease-standard);--dock-motion-resize: var(--spring-dock-duration) var(--dock-resize-spring);--dock-ring-width: var(--focus-ring-width);--dock-ring-offset: var(--focus-ring-width);--dock-ring-color: color-mix(in srgb,var(--focus-ring-color) 48%,transparent);--dock-ring-reserve: calc(var(--dock-ring-width) + var(--dock-ring-offset));}.dock-icon-button:focus-visible,.dock-tab-button:focus-visible,.dock-select-trigger:focus-visible,.dock-dropdown-trigger:focus-visible{outline: var(--dock-ring-width) solid var(--dock-ring-color);outline-offset: var(--dock-ring-offset);}.glass-dock [data-ring-yield]:focus-visible{outline: none;}.dock-icon-button:disabled,.dock-tab-button:disabled,.dock-icon-button[aria-disabled="true"],.dock-tab-button[aria-disabled="true"],.dock-trigger[aria-disabled="true"]{opacity: var(--opacity-disabled);cursor: not-allowed;}}

package/dist/components/sheet/styles.css

@@ -1 +1 @@
-@layer components{:where([data-slot="sheet-content"]){position: fixed;z-index: var(--z-modal);}}@property --detent-t{syntax: "<number>";inherits: false;initial-value: 0;}@layer components{:where([data-slot="sheet-content"][data-detents]){--sheet-seam-width: 1px;contain: layout paint;display: grid;grid-template-rows: auto minmax(0,1fr);}:where([data-slot="sheet-content"][data-modal="false"]){z-index: calc(var(--z-dock) - 1);}:where( [data-slot="sheet-content"][data-detents] > [data-slot="sheet-detent-handle"],[data-slot="sheet-content"][data-detents] [data-slot="dialog-header"] ){touch-action: none;}:where([data-slot="sheet-content"][data-dragging]){cursor: grabbing;user-select: none;}:where([data-slot="sheet-content"] > [data-slot="sheet-content-region"]){display: grid;align-content: start;gap: var(--space-body);}:where([data-slot="sheet-content"][data-scroll] > [data-slot="sheet-content-region"]){min-block-size: 0;max-block-size: calc(100dvh - 2 * var(--space-family));overflow-y: auto;}:where( [data-slot="sheet-content"][data-side="left"]:not([data-detents]) > [data-slot="sheet-content-region"],[data-slot="sheet-content"][data-side="right"]:not([data-detents]) > [data-slot="sheet-content-region"] ){display: flex;flex-direction: column;block-size: 100%;min-block-size: 0;}:where( [data-slot="sheet-content"][data-side="left"] > [data-slot="sheet-content-region"] > :only-child,[data-slot="sheet-content"][data-side="right"] > [data-slot="sheet-content-region"] > :only-child ){min-block-size: 0;}:where([data-slot="sheet-content"][data-detents] > [data-slot="sheet-content-region"]){display: grid;grid-template-rows: minmax(0,auto) minmax(1lh,1fr) auto;align-content: end;min-block-size: 0;gap: var(--space-body);}:where( [data-slot="sheet-content"][data-detents] > [data-slot="sheet-content-region"] > :not([data-slot="dialog-header"]):not([data-slot="dialog-footer"]) ){min-block-size: 0;overflow-y: auto;overscroll-behavior: contain;}:where( [data-slot="sheet-content"][data-detents] > [data-slot="sheet-content-region"] > [data-slot="dialog-header"] ){overflow: hidden;padding-block-end: var(--space-body);border-block-end: var(--sheet-seam-width) solid oklch(from var(--glass-veil-ink) l c h / calc(var(--glass-veil-step) * 2));}:where( [data-slot="sheet-content"][data-detents] > [data-slot="sheet-content-region"] > [data-slot="dialog-footer"] ){padding-block-start: var(--space-body);border-block-start: var(--sheet-seam-width) solid oklch(from var(--glass-veil-ink) l c h / calc(var(--glass-veil-step) * 2));}:where([data-slot="sheet-content"]:not([data-detents]):has([data-slot="dialog-close"])) :where([data-slot="dialog-header"]){padding-inline-end: calc(var(--touch-target) + var(--space-atom));}:where([data-slot="sheet-content"][data-detents] > [data-slot="sheet-detent-handle"]){display: flex;align-items: center;justify-content: center;min-block-size: var(--touch-target);cursor: grab;}:where([data-slot="sheet-detent-handle"] > [data-slot="sheet-detent-grip"]){display: block;inline-size: calc( var(--space-section) + var(--space-family) * clamp(0,var(--detent-t),1) );block-size: calc(var(--space-atom) / 2);border-radius: var(--radius-pill);background-color: currentcolor;opacity: calc(0.45 + ((0.85 - 0.45) / 2) * clamp(0,var(--detent-t),1));transition: opacity var(--spring-dock-duration) var(--spring-dock),inline-size var(--spring-dock-duration) var(--spring-dock);}@media (hover: hover){:where([data-slot="sheet-detent-handle"]:hover > [data-slot="sheet-detent-grip"]){opacity: 0.85;}}:where([data-slot="sheet-detent-handle"]:focus-visible){outline: none;}:where( [data-slot="sheet-detent-handle"]:focus-visible > [data-slot="sheet-detent-grip"],[data-slot="sheet-content"][data-dragging] [data-slot="sheet-detent-grip"] ){opacity: 0.85;}:where( [data-slot="sheet-detent-handle"]:focus-visible > [data-slot="sheet-detent-grip"] ){box-shadow: 0 0 0 3px var(--focus-ring-color);}@media (prefers-reduced-motion: reduce){:where([data-slot="sheet-detent-grip"]){transition: none;}}:where([data-slot="sheet-content"]){anchor-name: --glass-sheet-edge;}:where([data-slot="sheet-content"][data-surface="glass"]){-webkit-backdrop-filter: none;backdrop-filter: none;}:where([data-slot="glass-graded-halo"]){position: fixed;position-anchor: --glass-sheet-edge;top: anchor(top);right: anchor(right);bottom: anchor(bottom);left: anchor(left);z-index: calc(var(--z-modal) - 1);pointer-events: none;background: linear-gradient( var(--sheet-edge-direction),color-mix(in oklab,var(--glass-plate-overlay) 10%,transparent) 0,color-mix(in oklab,var(--glass-plate-overlay) 16%,transparent) 40px,color-mix(in oklab,var(--glass-plate-overlay) 34%,transparent) 120px,color-mix(in oklab,var(--glass-plate-overlay) 34%,transparent) 100% );-webkit-backdrop-filter: blur(calc(34px * var(--glass-level))) saturate(var(--glass-saturate));backdrop-filter: blur(calc(34px * var(--glass-level))) saturate(var(--glass-saturate));mask-image: linear-gradient( var(--sheet-edge-direction),rgb(0 0 0 / 0.325) 0,rgb(0 0 0 / 0.45) 40px,black 120px,black 100% );}:where([data-slot="glass-graded-halo"][data-modal="false"]){z-index: calc(var(--z-dock) - 2);}:where([data-slot="glass-graded-halo"][data-side="top"]){--sheet-edge-direction: to top;border-end-start-radius: var(--radius-3xl);border-end-end-radius: var(--radius-3xl);}:where([data-slot="glass-graded-halo"][data-side="bottom"]){--sheet-edge-direction: to bottom;border-start-start-radius: var(--radius-3xl);border-start-end-radius: var(--radius-3xl);}:where([data-slot="glass-graded-halo"][data-side="left"]){--sheet-edge-direction: to left;border-start-end-radius: var(--radius-3xl);border-end-end-radius: var(--radius-3xl);}:where([data-slot="glass-graded-halo"][data-side="right"]){--sheet-edge-direction: to right;border-start-start-radius: var(--radius-3xl);border-end-start-radius: var(--radius-3xl);}:where([data-slot="glass-graded-halo"][data-detents][data-side="bottom"]){height: 100dvh;bottom: auto;}:where([data-slot="glass-graded-halo"][data-detents][data-side="top"]){height: 100dvh;top: auto;}:where([data-slot="glass-graded-halo"][data-detents][data-side="left"]){width: 100dvw;left: auto;}:where([data-slot="glass-graded-halo"][data-detents][data-side="right"]){width: 100dvw;right: auto;}@media (prefers-reduced-transparency: reduce),(forced-colors: active){:where([data-slot="glass-graded-halo"]){display: none;}}:where([data-slot="sheet-content"][data-side="top"]){left: 0;right: 0;top: 0;}:where([data-slot="sheet-content"][data-side="bottom"]){left: 0;right: 0;bottom: 0;}:where([data-slot="sheet-content"][data-side="left"]){top: 0;bottom: 0;left: 0;height: 100%;width: 75%;}:where([data-slot="sheet-content"][data-side="right"]){top: 0;bottom: 0;right: 0;height: 100%;width: 75%;}@media (min-width: 40rem){:where([data-slot="sheet-content"][data-side="left"]),:where([data-slot="sheet-content"][data-side="right"]){max-width: 24rem;}}:where( [data-slot="sheet-content"][data-detents][data-side="bottom"],[data-slot="sheet-content"][data-detents][data-side="top"] ){block-size: calc(clamp(0,var(--detent-t),1) * 100dvh);min-block-size: calc( 2 * var(--space-family) + var(--sheet-seam-width) + var(--touch-target) + 2 * var(--space-body) + var(--space-body) + var(--sheet-seam-width) + 1lh + var(--space-body) + var(--sheet-seam-width) + var(--touch-target) );max-block-size: 100dvh;}:where( [data-slot="sheet-content"][data-detents][data-side="left"],[data-slot="sheet-content"][data-detents][data-side="right"] ){width: calc(clamp(0,var(--detent-t),1) * 100dvw);max-width: 100dvw;height: 100%;}:where([data-slot="sheet-content"]){padding-inline: var(--space-family);padding-block: var(--space-family);}:where([data-slot="sheet-content"][data-side="top"]){border-end-start-radius: var(--radius-3xl);border-end-end-radius: var(--radius-3xl);}:where([data-slot="sheet-content"][data-side="bottom"]){border-start-start-radius: var(--radius-3xl);border-start-end-radius: var(--radius-3xl);}:where([data-slot="sheet-content"][data-side="left"]){border-start-end-radius: var(--radius-3xl);border-end-end-radius: var(--radius-3xl);}:where([data-slot="sheet-content"][data-side="right"]){border-start-start-radius: var(--radius-3xl);border-end-start-radius: var(--radius-3xl);}}
+@layer components{:where([data-slot="sheet-content"]){z-index: var(--z-modal);}}@property --detent-t{syntax: "<number>";inherits: false;initial-value: 0;}@layer components{:where([data-slot="sheet-content"][data-detents]){--sheet-seam-width: 1px;contain: layout paint;display: grid;grid-template-rows: auto minmax(0,1fr);}:where([data-slot="sheet-content"][data-modal="false"]){z-index: calc(var(--z-dock) - 1);}:where( [data-slot="sheet-content"][data-detents] > [data-slot="sheet-detent-handle"],[data-slot="sheet-content"][data-detents] [data-slot="dialog-header"] ){touch-action: none;}:where([data-slot="sheet-content"][data-dragging]){cursor: grabbing;user-select: none;}:where([data-slot="sheet-content"] > [data-slot="sheet-content-region"]){display: grid;align-content: start;gap: var(--space-body);}:where([data-slot="sheet-content"][data-scroll] > [data-slot="sheet-content-region"]){min-block-size: 0;max-block-size: calc(100dvh - 2 * var(--space-family));overflow-y: auto;}:where( [data-slot="sheet-content"][data-side="left"]:not([data-detents]) > [data-slot="sheet-content-region"],[data-slot="sheet-content"][data-side="right"]:not([data-detents]) > [data-slot="sheet-content-region"] ){display: flex;flex-direction: column;block-size: 100%;min-block-size: 0;}:where( [data-slot="sheet-content"][data-side="left"] > [data-slot="sheet-content-region"] > :only-child,[data-slot="sheet-content"][data-side="right"] > [data-slot="sheet-content-region"] > :only-child ){min-block-size: 0;}:where([data-slot="sheet-content"][data-detents] > [data-slot="sheet-content-region"]){display: grid;grid-template-rows: minmax(0,auto) minmax(1lh,1fr) auto;align-content: end;min-block-size: 0;gap: var(--space-body);}:where( [data-slot="sheet-content"][data-detents] > [data-slot="sheet-content-region"] > :not([data-slot="dialog-header"]):not([data-slot="dialog-footer"]) ){min-block-size: 0;overflow-y: auto;overscroll-behavior: contain;}:where( [data-slot="sheet-content"][data-detents] > [data-slot="sheet-content-region"] > [data-slot="dialog-header"] ){overflow: hidden;padding-block-end: var(--space-body);border-block-end: var(--sheet-seam-width) solid oklch(from var(--glass-veil-ink) l c h / calc(var(--glass-veil-step) * 2));}:where( [data-slot="sheet-content"][data-detents] > [data-slot="sheet-content-region"] > [data-slot="dialog-footer"] ){padding-block-start: var(--space-body);border-block-start: var(--sheet-seam-width) solid oklch(from var(--glass-veil-ink) l c h / calc(var(--glass-veil-step) * 2));}:where([data-slot="sheet-content"]:not([data-detents]):has([data-slot="dialog-close"])) :where([data-slot="dialog-header"]){padding-inline-end: calc(var(--touch-target) + var(--space-atom));}:where([data-slot="sheet-content"][data-detents] > [data-slot="sheet-detent-handle"]){display: flex;align-items: center;justify-content: center;min-block-size: var(--touch-target);cursor: grab;}:where([data-slot="sheet-detent-handle"] > [data-slot="sheet-detent-grip"]){display: block;inline-size: calc( var(--space-section) + var(--space-family) * clamp(0,var(--detent-t),1) );block-size: calc(var(--space-atom) / 2);border-radius: var(--radius-pill);background-color: currentcolor;opacity: calc(0.45 + ((0.85 - 0.45) / 2) * clamp(0,var(--detent-t),1));transition: opacity var(--spring-dock-duration) var(--spring-dock),inline-size var(--spring-dock-duration) var(--spring-dock);}@media (hover: hover){:where([data-slot="sheet-detent-handle"]:hover > [data-slot="sheet-detent-grip"]){opacity: 0.85;}}:where([data-slot="sheet-detent-handle"]:focus-visible){outline: none;}:where( [data-slot="sheet-detent-handle"]:focus-visible > [data-slot="sheet-detent-grip"],[data-slot="sheet-content"][data-dragging] [data-slot="sheet-detent-grip"] ){opacity: 0.85;}:where( [data-slot="sheet-detent-handle"]:focus-visible > [data-slot="sheet-detent-grip"] ){box-shadow: 0 0 0 3px var(--focus-ring-color);}@media (prefers-reduced-motion: reduce){:where([data-slot="sheet-detent-grip"]){transition: none;}}:where([data-slot="sheet-content"]){anchor-name: --glass-sheet-edge;}:where([data-slot="sheet-content"][data-surface="glass"]){-webkit-backdrop-filter: none;backdrop-filter: none;}:where([data-slot="glass-graded-halo"]){position: fixed;position-anchor: --glass-sheet-edge;top: anchor(top);right: anchor(right);bottom: anchor(bottom);left: anchor(left);z-index: calc(var(--z-modal) - 1);pointer-events: none;background: linear-gradient( var(--sheet-edge-direction),color-mix(in oklab,var(--glass-plate-overlay) 10%,transparent) 0,color-mix(in oklab,var(--glass-plate-overlay) 16%,transparent) 40px,color-mix(in oklab,var(--glass-plate-overlay) 34%,transparent) 120px,color-mix(in oklab,var(--glass-plate-overlay) 34%,transparent) 100% );-webkit-backdrop-filter: blur(calc(34px * var(--glass-level))) saturate(var(--glass-saturate));backdrop-filter: blur(calc(34px * var(--glass-level))) saturate(var(--glass-saturate));mask-image: linear-gradient( var(--sheet-edge-direction),rgb(0 0 0 / 0.325) 0,rgb(0 0 0 / 0.45) 40px,black 120px,black 100% );}:where([data-slot="glass-graded-halo"][data-modal="false"]){z-index: calc(var(--z-dock) - 2);}:where([data-slot="glass-graded-halo"][data-side="top"]){--sheet-edge-direction: to top;border-end-start-radius: var(--radius-3xl);border-end-end-radius: var(--radius-3xl);}:where([data-slot="glass-graded-halo"][data-side="bottom"]){--sheet-edge-direction: to bottom;border-start-start-radius: var(--radius-3xl);border-start-end-radius: var(--radius-3xl);}:where([data-slot="glass-graded-halo"][data-side="left"]){--sheet-edge-direction: to left;border-start-end-radius: var(--radius-3xl);border-end-end-radius: var(--radius-3xl);}:where([data-slot="glass-graded-halo"][data-side="right"]){--sheet-edge-direction: to right;border-start-start-radius: var(--radius-3xl);border-end-start-radius: var(--radius-3xl);}:where([data-slot="glass-graded-halo"][data-detents][data-side="bottom"]){height: 100dvh;bottom: auto;}:where([data-slot="glass-graded-halo"][data-detents][data-side="top"]){height: 100dvh;top: auto;}:where([data-slot="glass-graded-halo"][data-detents][data-side="left"]){width: 100dvw;left: auto;}:where([data-slot="glass-graded-halo"][data-detents][data-side="right"]){width: 100dvw;right: auto;}@media (prefers-reduced-transparency: reduce),(forced-colors: active){:where([data-slot="glass-graded-halo"]){display: none;}}:where([data-slot="sheet-content"][data-side="top"]){left: 0;right: 0;top: 0;}:where([data-slot="sheet-content"][data-side="bottom"]){left: 0;right: 0;bottom: 0;}:where([data-slot="sheet-content"][data-side="left"]){top: 0;bottom: 0;left: 0;height: 100%;width: 75%;}:where([data-slot="sheet-content"][data-side="right"]){top: 0;bottom: 0;right: 0;height: 100%;width: 75%;}@media (min-width: 40rem){:where([data-slot="sheet-content"][data-side="left"]),:where([data-slot="sheet-content"][data-side="right"]){max-width: 24rem;}}:where( [data-slot="sheet-content"][data-detents][data-side="bottom"],[data-slot="sheet-content"][data-detents][data-side="top"] ){block-size: calc(clamp(0,var(--detent-t),1) * 100dvh);min-block-size: calc( 2 * var(--space-family) + var(--sheet-seam-width) + var(--touch-target) + 2 * var(--space-body) + var(--space-body) + var(--sheet-seam-width) + 1lh + var(--space-body) + var(--sheet-seam-width) + var(--touch-target) );max-block-size: 100dvh;}:where( [data-slot="sheet-content"][data-detents][data-side="left"],[data-slot="sheet-content"][data-detents][data-side="right"] ){width: calc(clamp(0,var(--detent-t),1) * 100dvw);max-width: 100dvw;height: 100%;}:where([data-slot="sheet-content"]){padding-inline: var(--space-family);padding-block: var(--space-family);}:where([data-slot="sheet-content"][data-side="top"]){border-end-start-radius: var(--radius-3xl);border-end-end-radius: var(--radius-3xl);}:where([data-slot="sheet-content"][data-side="bottom"]){border-start-start-radius: var(--radius-3xl);border-start-end-radius: var(--radius-3xl);}:where([data-slot="sheet-content"][data-side="left"]){border-start-end-radius: var(--radius-3xl);border-end-end-radius: var(--radius-3xl);}:where([data-slot="sheet-content"][data-side="right"]){border-start-start-radius: var(--radius-3xl);border-end-start-radius: var(--radius-3xl);}}

package/dist/components/skeleton/Skeleton.vue.d.ts

@@ -1,6 +1,12 @@
 import { type HTMLAttributes } from "vue";
 type __VLS_Props = {
     class?: HTMLAttributes["class"];
+    /**
+     * A travelling sheen across the reserved shape in place of the breathe. Ink
+     * only (the one-ink ladder, no hue), static under `prefers-reduced-motion`,
+     * paused while the tile is off-screen or the document is hidden.
+     */
+    shimmer?: boolean;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/content-BhcJH1bI.js

@@ -0,0 +1,22 @@
+import { t as e } from "./class-names-FlXcvRRT.js";
+import { t } from "./resolve-DdrNvBby.js";
+//#region src/components/_shared/overlay/content.ts
+var n = {
+	hint: "tooltip",
+	menu: "menu",
+	panel: "overlay"
+}, r = {
+	hint: "z-tooltip",
+	menu: "z-popover",
+	panel: "z-popover"
+};
+function i(i) {
+	return {
+		class: e(t("floating"), "glass-overlay-plate glass-reveal", r[i.role], i.class),
+		"data-slot": i.slot,
+		"data-reveal": n[i.role],
+		...i.dock
+	};
+}
+//#endregion
+export { i as t };