@mkbabb/glass-ui 3.0.0 → 3.1.1

package/dist/button.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "./button-BlOW34DT.js";
+import { n as e, t } from "./button-C0aHmBbt.js";
 export { e as Button, t as buttonVariants };

package/dist/card.js

@@ -1,2 +1,2 @@
-import { a as e, i as t, n, o as r, r as i, t as a } from "./CardFooter-Yi0xtLLd.js";
+import { a as e, i as t, n, o as r, r as i, t as a } from "./CardFooter-CSGcJkqa.js";
 export { r as Card, n as CardContent, i as CardDescription, a as CardFooter, e as CardHeader, t as CardTitle };

package/dist/carousel.js

@@ -1,9 +1,9 @@
 import { t as e } from "./cn-DJXf4yaB.js";
-import { t } from "./createLucideIcon-rHu18UQW.js";
-import { t as n } from "./chevron-down-Du2b9vY_.js";
-import { t as r } from "./chevron-right-CtDxpE3w.js";
-import { t as i } from "./chevron-up-CenYokvI.js";
-import { n as a } from "./button-BlOW34DT.js";
+import { t } from "./createLucideIcon-Bn9a1b70.js";
+import { t as n } from "./chevron-down-DILQA1t6.js";
+import { t as r } from "./chevron-right-fS7fal2t.js";
+import { t as i } from "./chevron-up-BtYjYQOS.js";
+import { n as a } from "./button-C0aHmBbt.js";
 import { Fragment as o, computed as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createVNode as f, defineComponent as p, mergeProps as m, normalizeClass as h, onMounted as g, openBlock as _, ref as v, renderList as y, renderSlot as b, resolveDynamicComponent as x, toDisplayString as S, unref as C, watch as w, withCtx as T } from "vue";
 import { createInjectionState as E } from "@vueuse/core";
 import D from "embla-carousel-vue";

package/dist/{check-Nuw7H9Yh.js → check-dwgetki8.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./createLucideIcon-rHu18UQW.js";
+import { t as e } from "./createLucideIcon-Bn9a1b70.js";
 var t = e("check", [["path", {
 	d: "M20 6 9 17l-5-5",
 	key: "1gmf2c"

package/dist/{chevron-down-Du2b9vY_.js → chevron-down-DILQA1t6.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./createLucideIcon-rHu18UQW.js";
+import { t as e } from "./createLucideIcon-Bn9a1b70.js";
 var t = e("chevron-down", [["path", {
 	d: "m6 9 6 6 6-6",
 	key: "qrunsl"

package/dist/{chevron-right-CtDxpE3w.js → chevron-right-fS7fal2t.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./createLucideIcon-rHu18UQW.js";
+import { t as e } from "./createLucideIcon-Bn9a1b70.js";
 var t = e("chevron-right", [["path", {
 	d: "m9 18 6-6-6-6",
 	key: "mthhwq"

package/dist/{chevron-up-CenYokvI.js → chevron-up-BtYjYQOS.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./createLucideIcon-rHu18UQW.js";
+import { t as e } from "./createLucideIcon-Bn9a1b70.js";
 var t = e("chevron-up", [["path", {
 	d: "m18 15-6-6-6 6",
 	key: "153udz"

package/dist/collapsible.js

@@ -1,2 +1,2 @@
-import { n as e, r as t, t as n } from "./CollapsibleContent-DHRuXE3P.js";
+import { n as e, r as t, t as n } from "./CollapsibleContent-CVMOcYlV.js";
 export { t as Collapsible, n as CollapsibleContent, e as CollapsibleTrigger };

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 "./CommandShortcut-BNDzfFnB.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 "./CommandShortcut-DWT19a2Y.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/custom/dialog-native/GlassDialogNative.vue.d.ts

@@ -0,0 +1,57 @@
+/**
+ * <GlassDialogNative> — the native-`<dialog>` glass pilot (AQ.W6 §Design 5).
+ *
+ * A real `<dialog class="glass-top-layer">` top-layer surface. Entry/exit is
+ * PURE CSS from the `.glass-top-layer` grammar (`@starting-style` + `overlay` +
+ * `allow-discrete` + a glass `::backdrop`; animations.css §TOP-LAYER) — no
+ * per-frame JS, no `useSpringMount`. Light-dismiss is the native `closedby="any"`
+ * with a ≤ 12-LOC backdrop-click shim as the feature-detected fallback for
+ * engines without `HTMLDialogElement.closedBy`.
+ *
+ * DISPOSITION (W8 overfitting audit): this is the simple-confirm/settings PILOT
+ * only — one heading, optional short form, a close action. reka-ui `Dialog` is
+ * UNCHANGED and stays the default for every compound focus-trap case (nested
+ * focus zones, async content, the drag-dismiss `spring` opt-in). The pilot ships
+ * gated to a demo story (its consumer) pending the muster J.W6 ≥2-consumer
+ * adoption; it is NOT on the public barrel or a flat subpath yet (no overfit
+ * surface). `commandfor`/`command` (Baseline LIMITED) is the PREFERRED trigger
+ * wiring where supported; the JS `showModal()`/`close()` path (exposed below)
+ * is the kept default for non-supporting targets.
+ *
+ * Baseline: `<dialog>` + `showModal` = Widely; `dialog-closedby` = Newly
+ * (≤ 20-LOC shim fallback); `invoker-commands` (`commandfor`) = LIMITED
+ * (progressive — the JS open path stays default).
+ */
+type __VLS_Props = {
+    /** Light-dismiss on backdrop/Esc — `closedby="any"`. Default true. */
+    lightDismiss?: boolean;
+    /** id so a sibling `<button commandfor=… command="show-modal">` can
+     *  target this dialog (the declarative-open path). */
+    id?: string;
+    /** `aria-labelledby` target — the id of the consumer's heading. */
+    labelledby?: string;
+    /** Class merged onto the `<dialog>` surface. */
+    class?: string;
+};
+declare function showModal(): void;
+declare function close(returnValue?: string): void;
+declare var __VLS_1: {
+    close: typeof close;
+};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
+    showModal: typeof showModal;
+    close: typeof close;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    lightDismiss: boolean;
+}, {}, {}, {}, 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/custom/dialog-native/index.d.ts

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

package/dist/components/custom/dock/composables/useLayerTransition.d.ts

@@ -19,16 +19,26 @@ export interface UseLayerTransitionReturn {
     leavingLayer: Ref<string | null>;
 }
 /**
- * Coordinates simultaneous crossfade + FLIP size animation for
- * grid-stacked layer containers. Reusable at any nesting level.
+ * Coordinates the crossfade + size animation between grid-stacked dock layer
+ * panes. Reusable at any nesting level (the inner `<DockLayerGroup>` pair AND
+ * the outer GlassDock collapsed↔expanded pair).
  *
- * Algorithm on activeLayer change:
- * 1. Capture current container size
- * 2. Pin container to that size
- * 3. Swap classes: old layer → leaving (absolute, fading out),
- *    new layer → active (relative, fading in)
- * 4. nextTick: measure new natural size, re-pin to old
- * 5. Animate to new size via CSS transition
- * 6. On transitionend(size), clear inline size
+ * AQ.W6 §Design 7 — the swap FORKS on View-Transitions support:
+ *
+ * - **Native path** (`document.startViewTransition` present): the layer swap is
+ *   wrapped in `startViewTransition(() => mutate())`. The browser snapshots the
+ *   container + panes (tagged `view-transition-name` in `dock.css`) and morphs
+ *   the size + crossfades the pane content with ZERO `getBoundingClientRect`
+ *   reads. No pin/measure/re-pin dance, no inline size, no rAF.
+ *
+ * - **Fallback path** (no `startViewTransition`): the existing axis-aware FLIP
+ *   runs verbatim, KEPT as the sole feature-detected fallback (no alias — one
+ *   path or the other runs per swap, never both):
+ *   1. Capture current container size
+ *   2. Pin container to that size
+ *   3. Swap classes: old layer → leaving, new layer → active
+ *   4. nextTick: measure new natural size, re-pin to old
+ *   5. Animate to new size via CSS transition
+ *   6. On transitionend(size), clear inline size
  */
 export declare function useLayerTransition(options: UseLayerTransitionOptions): UseLayerTransitionReturn;

package/dist/components/custom/hover-popover/HoverPopover.vue.d.ts

@@ -40,14 +40,35 @@ type __VLS_Props = {
      * as "inside the dock".
      */
     keepDockOpen?: boolean;
+    /**
+     * AQ.W6 — opt into the native `interestfor` + `popover="hint"` path
+     * when the browser supports interest invokers. Default `false` →
+     * reka-ui `HoverCard` (the unchanged default). When `true` AND the
+     * engine supports interest invokers, the trigger carries
+     * `interestfor` (an implicit anchor) and the panel renders as a
+     * `popover="hint"` top-layer surface driven by the `.glass-top-layer`
+     * grammar. When `true` but unsupported, it falls straight through to
+     * the reka-ui HoverCard — zero behaviour change.
+     *
+     * Baseline: `interest-invokers` + `popover-hint` = LIMITED →
+     * progressive-enhancement only; reka-ui stays the default path. No
+     * polyfill (substrate cannot drag one).
+     */
+    native?: boolean;
 };
-declare var __VLS_14: {}, __VLS_16: {}, __VLS_30: {};
+declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {}, __VLS_20: {}, __VLS_22: {}, __VLS_36: {};
 type __VLS_Slots = {} & {
-    trigger?: (props: typeof __VLS_14) => any;
+    trigger?: (props: typeof __VLS_1) => any;
+} & {
+    default?: (props: typeof __VLS_3) => any;
+} & {
+    content?: (props: typeof __VLS_5) => any;
+} & {
+    trigger?: (props: typeof __VLS_20) => any;
 } & {
-    default?: (props: typeof __VLS_16) => any;
+    default?: (props: typeof __VLS_22) => any;
 } & {
-    content?: (props: typeof __VLS_30) => any;
+    content?: (props: typeof __VLS_36) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:open": (open: boolean) => any;
@@ -60,6 +81,7 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {},
     closeDelay: number;
     hoverOpenDelay: number;
     keepDockOpen: boolean;
+    native: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/components/custom/labeled-field/LabeledField.vue.d.ts

@@ -1,4 +1,4 @@
-import type { HTMLAttributes } from "vue";
+import { type HTMLAttributes } from "vue";
 /**
  * LabeledField — parent SFC for the labeled-field family (V.W3.T5 / A5 §5.5).
  *
@@ -15,15 +15,29 @@ import type { HTMLAttributes } from "vue";
  * paints the canonical typography (font-display + body-size + muted-fg +
  * cursor-help). The previous mixed `text-base` / `text-lg` literals
  * harmonise on a single body-size token.
+ *
+ * AQ.W4 §W4.5 — `required` threads a `aria-hidden` asterisk onto the label
+ * (the `required` attr on the slotted control is the semantic carrier). The
+ * `error` slot renders an error-message region that the W3.1c
+ * `:has(:user-invalid)` group rule reveals; it carries `aria-live="polite"`
+ * so the message is announced when shown. The region's id is exposed as the
+ * default slot's `errorId` slot-prop so the slotted control can bind
+ * `aria-errormessage="errorId"` (the four wrappers auto-wire it; a raw
+ * `<LabeledField>` slot binds it manually).
  */
 type __VLS_Props = {
     label: string;
     tooltip?: string;
     labelClass?: HTMLAttributes["class"];
+    required?: boolean;
 };
-declare var __VLS_7: {};
+declare var __VLS_7: {
+    errorId: string;
+}, __VLS_9: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_7) => any;
+} & {
+    error?: (props: typeof __VLS_9) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/custom/labeled-field/LabeledInput.vue.d.ts

@@ -5,11 +5,27 @@ type __VLS_Props = {
     labelClass?: string;
     inputClass?: string;
     type?: string;
+    /**
+     * AQ.W4 §W4.5 — mark the field required. Threads the `aria-hidden`
+     * asterisk onto the label AND sets the native `required` attribute on the
+     * inner `<Input>` (the semantic carrier that drives `:user-invalid`).
+     */
+    required?: boolean;
 };
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare var __VLS_17: {};
+type __VLS_Slots = {} & {
+    error?: (props: typeof __VLS_17) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: string) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {}, {}, {}, {}, 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/custom/labeled-field/LabeledSelect.vue.d.ts

@@ -6,6 +6,8 @@ type __VLS_Props = {
     label: string;
     tooltip: string;
     labelClass?: string;
+    /** AQ.W4 §W4.5 — thread the required-field asterisk onto the label. */
+    required?: boolean;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:open": (value: boolean) => any;

package/dist/components/custom/labeled-field/LabeledSlider.vue.d.ts

@@ -6,6 +6,8 @@ type __VLS_Props = {
     min: number;
     max: number;
     step: number;
+    /** AQ.W4 §W4.5 — thread the required-field asterisk onto the label. */
+    required?: boolean;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: number) => any;

package/dist/components/custom/labeled-field/LabeledSwitch.vue.d.ts

@@ -3,6 +3,8 @@ type __VLS_Props = {
     label: string;
     tooltip: string;
     labelClass?: string;
+    /** AQ.W4 §W4.5 — thread the required-field asterisk onto the label. */
+    required?: boolean;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:checked": (value: boolean) => any;

package/dist/components/ui/input/Input.vue.d.ts

@@ -1,13 +1,16 @@
 import type { HTMLAttributes } from 'vue';
-type __VLS_Props = {
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<{
     defaultValue?: string | number;
     modelValue?: string | number;
-    class?: HTMLAttributes['class'];
-};
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    class?: HTMLAttributes["class"];
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "update:modelValue": (payload: string | number) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+}, string, import("vue").PublicProps, Readonly<{
+    defaultValue?: string | number;
+    modelValue?: string | number;
+    class?: HTMLAttributes["class"];
+}> & Readonly<{
     "onUpdate:modelValue"?: ((payload: string | number) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/components/ui/label/Label.vue.d.ts

@@ -2,6 +2,14 @@ import { type HTMLAttributes } from 'vue';
 import { type LabelProps } from 'reka-ui';
 type __VLS_Props = LabelProps & {
     class?: HTMLAttributes['class'];
+    /**
+     * AQ.W4 §W4.5 — render a required-field asterisk after the label text.
+     * The asterisk is decorative-to-AT (the `required` attribute on the input
+     * is the semantic carrier), so it is marked `aria-hidden`. Indicate
+     * required fields visually BEFORE interaction (required-field-feedback
+     * guide).
+     */
+    required?: boolean;
 };
 declare var __VLS_8: {};
 type __VLS_Slots = {} & {

package/dist/components/ui/textarea/Textarea.vue.d.ts

@@ -1,13 +1,50 @@
 import type { HTMLAttributes } from 'vue';
-type __VLS_Props = {
-    class?: HTMLAttributes['class'];
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<{
+    class?: HTMLAttributes["class"];
     defaultValue?: string | number;
     modelValue?: string | number;
-};
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    /**
+     * AQ.W4 §W4.3 — opt into `field-sizing: content` auto-grow. When `true`,
+     * the textarea grows vertically with its content between a 3-line floor
+     * and a `--textarea-autosize-max` ceiling (default `12lh`), then scrolls;
+     * the manual resize handle stays. Default `false` keeps the fixed
+     * `min-h-20` height (the unchanged no-op fallback).
+     *
+     * `field-sizing` is Baseline Newly (Chromium 2024) — on a non-supporting
+     * engine the element degrades to the fixed `min-block-size: 3lh` floor
+     * with standard scroll (no JS, no polyfill).
+     *
+     * Caveat: a grid/flex parent stretches children, defeating `field-sizing`.
+     * Inside a flex column, add `align-self: start` on the `<Textarea>` so it
+     * sizes to content rather than the track.
+     */
+    autosize?: boolean;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "update:modelValue": (payload: string | number) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+}, string, import("vue").PublicProps, Readonly<{
+    class?: HTMLAttributes["class"];
+    defaultValue?: string | number;
+    modelValue?: string | number;
+    /**
+     * AQ.W4 §W4.3 — opt into `field-sizing: content` auto-grow. When `true`,
+     * the textarea grows vertically with its content between a 3-line floor
+     * and a `--textarea-autosize-max` ceiling (default `12lh`), then scrolls;
+     * the manual resize handle stays. Default `false` keeps the fixed
+     * `min-h-20` height (the unchanged no-op fallback).
+     *
+     * `field-sizing` is Baseline Newly (Chromium 2024) — on a non-supporting
+     * engine the element degrades to the fixed `min-block-size: 3lh` floor
+     * with standard scroll (no JS, no polyfill).
+     *
+     * Caveat: a grid/flex parent stretches children, defeating `field-sizing`.
+     * Inside a flex column, add `align-self: start` on the `<Textarea>` so it
+     * sizes to content rather than the track.
+     */
+    autosize?: boolean;
+}> & Readonly<{
     "onUpdate:modelValue"?: ((payload: string | number) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;
+}>, {
+    autosize: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/composables/dom/index.d.ts

@@ -5,3 +5,4 @@ export * from "./useClipboard";
 export * from "./useViewportReady";
 export * from "./useBreakpoint";
 export * from "./useIdleReady";
+export * from "./useUserInvalidAria";

package/dist/composables/dom/useUserInvalidAria.d.ts

@@ -0,0 +1,32 @@
+export interface UseUserInvalidAriaOptions {
+    /**
+     * Also toggle the `.user-invalid-fallback` / `.user-valid-fallback`
+     * classes the W4.1 CSS rungs key off (for engines without `:user-invalid`
+     * support).
+     *
+     * Default: auto — `true` only when `CSS.supports('selector(:user-invalid)')`
+     * resolves `false`. Pass an explicit boolean to force the path (e.g. for a
+     * test that stubs feature detection).
+     */
+    fallbackClasses?: boolean;
+}
+export interface UseUserInvalidAriaReturn {
+    /**
+     * Attach the bridge to a scope root (a `<form>`, `<fieldset>`, or field
+     * wrapper). Wires capture-phase `blur` + `input` + `submit` listeners that
+     * sync `aria-invalid` (and, in fallback mode, the validity classes) on the
+     * scope's form controls. Idempotent per call; returns a stop fn that
+     * removes the listeners and clears the per-control interaction tracking.
+     */
+    bind: (root: HTMLElement) => () => void;
+}
+/**
+ * The `:user-invalid` → `aria-invalid` bridge. Wired on `blur` (capture —
+ * show error on field-exit), `input` (clear error on correction), and
+ * `submit` (sync all controls; submission counts as interaction). The setting
+ * of `aria-invalid="true"` is gated on first interaction per control (a
+ * `WeakSet`) so a pristine required-empty field is never flagged on mount;
+ * the `input` handler only CLEARS — never sets — so a programmatic `v-model`
+ * write can at worst clear a stale error, never mint a false one.
+ */
+export declare function useUserInvalidAria(opts?: UseUserInvalidAriaOptions): UseUserInvalidAriaReturn;

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

@@ -4,3 +4,5 @@ export * from "../useScrollProgress";
 export * from "../useRAFLoop";
 export * from "../useIntersectionPause";
 export * from "../useStagger";
+export * from "../useYieldToMain";
+export * from "../useViewTransition";

package/dist/composables/motion/supportsCssTimeline.d.ts

@@ -0,0 +1,8 @@
+/** Genuine support for a `scroll()` timeline (the `.scroll-progress` recipe). */
+export declare function supportsScrollTimeline(): boolean;
+/**
+ * Genuine support for a `view()` timeline + `animation-range` (the
+ * `[data-scroll-reveal]` recipe). The `view()` value carries the range probe
+ * implicitly — an engine new enough for `view()` carries `animation-range`.
+ */
+export declare function supportsViewTimeline(): boolean;

package/dist/composables/motion/useRAFLoop.d.ts

@@ -35,6 +35,13 @@ export interface RAFLoopControls {
     resume: () => void;
     /** Stop the loop and detach document/media listeners. */
     dispose: () => void;
+    /**
+     * Yield to the main thread between chunks of heavy per-frame work (the INP
+     * lever). Native `scheduler.yield()` when available, else a MessageChannel/
+     * setTimeout fallback. `await` it inside the frame callback when a single
+     * frame's work would otherwise block input/paint. See {@link yieldToMain}.
+     */
+    yieldToMain: () => Promise<void>;
 }
 /**
  * Scope-aware requestAnimationFrame loop with manual controls plus document

package/dist/composables/motion/useScrollProgress.d.ts

@@ -16,8 +16,12 @@ interface ScrollProgressConfig {
  * `Ref<number>` in [0, 1]. Drives things like scroll-linked typography
  * axes, parallax depth, or progress indicators.
  *
- * Uses a rAF-coalesced scroll listener plus ResizeObserver so the mapping
- * stays accurate when layout shifts.
+ * AQ.W5: on an engine with native scroll-driven animations, the listener +
+ * `ResizeObserver` machinery does NOT attach — prefer the `.scroll-progress`
+ * CSS recipe (scroll-driven.css), which runs the same 0..1 axis on the
+ * compositor. This composable is the feature-detected fallback (the sole writer
+ * when the native feature is absent); `computeProgress()` still runs once on
+ * mount for a correct initial value.
  */
 export declare function useScrollProgress(options: ScrollProgressConfig): Ref<number>;
 export {};

package/dist/composables/motion/useStaggerReveal.d.ts

@@ -13,6 +13,12 @@ interface StaggerRevealConfig {
  * gets a staggered `revealed` flag once it crosses the viewport threshold.
  * Consumers bind the flag to a Tailwind class (e.g. `opacity-100 translate-y-0`)
  * and let CSS transitions handle the visual entry.
+ *
+ * AQ.W5: on an engine with native `view()` timelines, no `IntersectionObserver`
+ * is constructed — prefer the `[data-scroll-reveal]` CSS recipe
+ * (scroll-driven.css). This composable is the feature-detected fallback (the
+ * sole writer when the native feature is absent); under native, `register()`
+ * reveals immediately so the terminal state is correct and the CSS animates.
  */
 export declare function useStaggerReveal(options?: StaggerRevealConfig): {
     targets: import("vue").Ref<HTMLElement[], HTMLElement[]>;

package/dist/composables/motion/useViewTransition.d.ts

@@ -0,0 +1,31 @@
+export interface ViewTransitionResult {
+    /**
+     * Resolves when the transition's `finished` promise settles (or
+     * immediately in the fallback path). Use to route focus per the a11y
+     * MANDATORY: `await startViewTransition(mutate).finished; el.focus()`.
+     * Never rejects — a skipped/aborted transition settles cleanly.
+     */
+    finished: Promise<void>;
+    /** True when the native API ran; false when the instant fallback ran. */
+    transitioned: boolean;
+}
+/**
+ * True when `document.startViewTransition` is available — the feature-detected
+ * predicate consumers gate optional VT-only styling on.
+ */
+export declare function supportsViewTransitions(): boolean;
+/**
+ * Wrap a synchronous DOM mutation in `document.startViewTransition` with an
+ * instant fallback. `mutate` performs the DOM/state change and is called
+ * synchronously in BOTH paths (native and fallback), so the post-mutation DOM
+ * is identical regardless of support.
+ *
+ * @param mutate the synchronous DOM/state change to animate between.
+ * @returns `{ finished, transitioned }` — await `finished` to route focus.
+ *
+ * @example
+ *   const { finished } = startViewTransition(() => { rows.value = reranked });
+ *   await finished;            // animation done
+ *   firstRow.value?.focus();   // consumer routes focus (the a11y MANDATORY)
+ */
+export declare function startViewTransition(mutate: () => void): ViewTransitionResult;

package/dist/composables/motion/useYieldToMain.d.ts

@@ -0,0 +1,29 @@
+/**
+ * Yield control to the main thread, returning a promise that resolves after the
+ * browser has had a chance to run pending input/render work. Native
+ * `scheduler.yield()` when available; otherwise a `MessageChannel` macrotask
+ * (with a `setTimeout(0)` floor). Await it between chunks of a long task to keep
+ * input responsive (the INP lever).
+ *
+ * @example
+ *   for (const chunk of chunks) {
+ *     processChunk(chunk);
+ *     await yieldToMain();   // let the browser breathe between chunks
+ *   }
+ */
+export declare function yieldToMain(): Promise<void>;
+export interface UseYieldToMainReturn {
+    /** True when the native `scheduler.yield()` is available (vs the fallback). */
+    readonly hasNativeYield: boolean;
+    /** Yield to the main thread. Native `scheduler.yield()` or the fallback. */
+    yield: () => Promise<void>;
+}
+/**
+ * Composable wrapper over {@link yieldToMain} that exposes the native-yield
+ * feature flag alongside the bound `yield` function. Consumers loop their work
+ * units and `await ctx.yield()` between chunks to keep input responsive.
+ *
+ * Pure-native (no `vue` import) — call it from setup or anywhere; it owns no
+ * reactive state and no lifecycle, so it has no cleanup obligation.
+ */
+export declare function useYieldToMain(): UseYieldToMainReturn;

package/dist/configurator.js

@@ -1,2 +1,2 @@
-import { a as e, i as t, n, o as r, r as i, s as a, t as o } from "./useConfiguratorState-BpZi8QJu.js";
+import { a as e, i as t, n, o as r, r as i, s as a, t as o } from "./useConfiguratorState-CtRBE0m_.js";
 export { e as CONFIGURATOR_DENSITY_KEY, t as Configurator, i as ConfiguratorLayer, n as ConfiguratorRow, r as provideConfiguratorDensity, o as useConfiguratorState, a as useOptionalConfiguratorDensity };

package/dist/confirm-dialog.js

@@ -1,6 +1,6 @@
-import { t as e } from "./createLucideIcon-rHu18UQW.js";
-import { n as t } from "./button-BlOW34DT.js";
-import { t as n } from "./_plugin-vue_export-helper-n-_DRHWS.js";
+import { t as e } from "./createLucideIcon-Bn9a1b70.js";
+import { n as t } from "./button-C0aHmBbt.js";
+import { t as n } from "./_plugin-vue_export-helper-Dq1MygBL.js";
 import { Transition as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createTextVNode as c, createVNode as l, defineComponent as u, mergeModels as d, openBlock as f, renderSlot as p, toDisplayString as m, unref as h, useModel as g, withCtx as _, withKeys as v, withModifiers as y } from "vue";
 var b = e("loader-circle", [["path", {
 	d: "M21 12a9 9 0 1 1-6.219-8.56",

package/dist/context-menu.js

@@ -1,3 +1,3 @@
-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 "./ContextMenuSubContent-DLEyeqbh.js";
-import { n as l, r as u, t as d } from "./ContextMenuContent-CvXfU5qz.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 "./ContextMenuSubContent-gAFxJ-qi.js";
+import { n as l, r as u, t as d } from "./ContextMenuContent-otjFIu8v.js";
 export { u as ContextMenu, s as ContextMenuCheckboxItem, d as ContextMenuContent, t as ContextMenuItem, o as ContextMenuLabel, r as ContextMenuRadioGroup, a as ContextMenuRadioItem, n as ContextMenuSeparator, e as ContextMenuShortcut, c as ContextMenuSubContent, i as ContextMenuSubTrigger, l as ContextMenuTrigger };

package/dist/controls.js

@@ -1,6 +1,6 @@
 import { t as e } from "./cn-DJXf4yaB.js";
-import { t } from "./_plugin-vue_export-helper-n-_DRHWS.js";
-import { t as n } from "./useGlobalDark-PMiP5Jku.js";
+import { t } from "./_plugin-vue_export-helper-Dq1MygBL.js";
+import { t as n } from "./useGlobalDark-B0WvLJE3.js";
 import { computed as r, createBlock as i, createElementVNode as a, defineComponent as o, mergeProps as s, openBlock as c, resolveDynamicComponent as l, unref as u, useAttrs as d, watchEffect as f, withCtx as p } from "vue";
 //#endregion
 //#region src/components/custom/controls/DarkModeToggle.vue

package/dist/{createLucideIcon-rHu18UQW.js → createLucideIcon-Bn9a1b70.js}

@@ -1,5 +1,5 @@
 import { computed as e, h as t, inject as n } from "vue";
-//#region ../../../Users/mkbabb/Programming/glass-ui/node_modules/@lucide/vue/dist/esm/shared/src/utils/isEmptyString.mjs
+//#region node_modules/@lucide/vue/dist/esm/shared/src/utils/isEmptyString.mjs
 var r = (e) => e === "", i = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) === t).join(" ").trim(), a = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), o = (e) => e.replace(/^([A-Z])|[\s-_]+(\w)/g, (e, t, n) => n ? n.toUpperCase() : t.toLowerCase()), s = (e) => {
 	let t = o(e);
 	return t.charAt(0).toUpperCase() + t.slice(1);
@@ -18,7 +18,7 @@ function u() {
 	return n(l, {});
 }
 //#endregion
-//#region ../../../Users/mkbabb/Programming/glass-ui/node_modules/@lucide/vue/dist/esm/Icon.mjs
+//#region node_modules/@lucide/vue/dist/esm/Icon.mjs
 var d = ({ name: n, iconNode: o, absoluteStrokeWidth: l, "absolute-stroke-width": d, strokeWidth: f, "stroke-width": p, size: m, color: h, ...g }, { slots: _ }) => {
 	let { size: v, color: y, strokeWidth: b = 2, absoluteStrokeWidth: x = !1, class: S = "" } = u(), C = e(() => {
 		let e = r(l) || r(d) || l === !0 || d === !0 || x === !0, t = f || p || b || c["stroke-width"];