@mkbabb/glass-ui 7.0.0 → 8.0.0

package/dist/components/music-staff/staffGeometry.d.ts

@@ -0,0 +1,216 @@
+export type StaffAccidental = "sharp" | "flat" | "natural";
+export type StaffClef = "auto" | "treble" | "bass";
+export type StaffHead = "black" | "half" | "whole";
+/**
+ * The note contract: one timing axis, quarter-note beats. A parser converts its
+ * own units once (ticks / ppq) before it reaches the staff.
+ */
+export interface MusicStaffNoteEvent {
+    id: string;
+    midi: number;
+    /** Onset, in quarter-note beats from the quotation start. */
+    beat: number;
+    /** Sounding length, in quarter-note beats. */
+    beats: number;
+    accidental?: StaffAccidental;
+}
+export declare const METRICS: {
+    readonly staffLineThickness: 0.13;
+    readonly stemThickness: 0.12;
+    readonly ledgerThickness: 0.16;
+    readonly ledgerExtension: 0.4;
+    readonly stemLength: 3.5;
+    /** The stem rides the head's side, inset by half its own width: 0.53. */
+    readonly stemAttachX: number;
+    readonly stemAttachY: 0.168;
+    readonly beamThickness: 0.5;
+    readonly beamInboard: 0.75;
+    readonly beamMinStem: 2.5;
+    /** How far a beam slab reads past the outermost stem it joins. */
+    readonly beamOverhang: number;
+    readonly barlineThin: 0.16;
+    readonly barlineThick: 0.5;
+    readonly barlineGap: 0.4;
+    readonly dotRadius: 0.2;
+    readonly dotGap: 0.5;
+    readonly headHalfWidth: 0.59;
+    readonly wholeHalfWidth: 0.844;
+    /** Notehead ellipses — solved to the Bravura bboxes, declared once. */
+    readonly headTilt: -20;
+    readonly blackHeadRx: 0.6;
+    readonly blackHeadRy: 0.485;
+    readonly halfHeadRx: 0.52;
+    readonly halfHeadRy: 0.4;
+    readonly wholeHeadRy: 0.5;
+    readonly wholeCounterRx: 0.42;
+    readonly wholeCounterRy: 0.3;
+    readonly wholeCounterTilt: 55;
+    readonly clefX: 0.8;
+    readonly clefGap: 1.6;
+    readonly tail: 1.6;
+    readonly playheadRise: 1.4;
+    readonly pad: 1;
+};
+declare const RHYTHMS: readonly [{
+    readonly beats: 4;
+    readonly dots: 0;
+    readonly flags: 0;
+    readonly head: "whole";
+    readonly name: "whole";
+}, {
+    readonly beats: 3;
+    readonly dots: 1;
+    readonly flags: 0;
+    readonly head: "half";
+    readonly name: "dotted half";
+}, {
+    readonly beats: 2;
+    readonly dots: 0;
+    readonly flags: 0;
+    readonly head: "half";
+    readonly name: "half";
+}, {
+    readonly beats: 1.5;
+    readonly dots: 1;
+    readonly flags: 0;
+    readonly head: "black";
+    readonly name: "dotted quarter";
+}, {
+    readonly beats: 1;
+    readonly dots: 0;
+    readonly flags: 0;
+    readonly head: "black";
+    readonly name: "quarter";
+}, {
+    readonly beats: 0.75;
+    readonly dots: 1;
+    readonly flags: 1;
+    readonly head: "black";
+    readonly name: "dotted eighth";
+}, {
+    readonly beats: 0.5;
+    readonly dots: 0;
+    readonly flags: 1;
+    readonly head: "black";
+    readonly name: "eighth";
+}, {
+    readonly beats: 0.25;
+    readonly dots: 0;
+    readonly flags: 2;
+    readonly head: "black";
+    readonly name: "sixteenth";
+}, {
+    readonly beats: 0.125;
+    readonly dots: 0;
+    readonly flags: 3;
+    readonly head: "black";
+    readonly name: "thirty-second";
+}];
+export type MusicStaffRhythm = (typeof RHYTHMS)[number];
+/** The largest rhythm the sounding length covers; shorter than a 32nd clamps. */
+export declare function rhythmOf(beats: number): MusicStaffRhythm;
+export interface StaffSpelling {
+    /** Diatonic step index: octave * 7 + letter index, C0 = 0. */
+    step: number;
+    letter: string;
+    alter: -1 | 0 | 1;
+    octave: number;
+}
+/**
+ * The single authority for both staff position and spoken name. A glyph can no
+ * longer contradict its own label, because both read this one result.
+ */
+export declare function spell(midi: number, accidental?: StaffAccidental): StaffSpelling;
+export declare function musicPitchName(midi: number, accidental?: StaffAccidental): string;
+/** Diatonic steps above the bottom staff line. */
+export declare function staffPos(midi: number, clef: "treble" | "bass", accidental?: StaffAccidental): number;
+/** Gould proportional spacing with compression: the space a rhythmic gap earns. */
+export declare function advanceOf(beats: number): number;
+export interface MusicStaffNoteGeometry {
+    id: string;
+    midi: number;
+    beat: number;
+    beats: number;
+    accidental?: StaffAccidental;
+    staffPos: number;
+    x: number;
+    y: number;
+    head: StaffHead;
+    dots: number;
+    dotX: number;
+    dotY: number;
+    ledgerYs: number[];
+    accidentalGlyph?: StaffAccidental;
+    accidentalX: number;
+    revealDelayMs: number;
+    strikePhase: number;
+    pitchName: string;
+    rhythmName: string;
+}
+export interface MusicStaffStem {
+    id: string;
+    x: number;
+    y1: number;
+    y2: number;
+    up: boolean;
+    delayMs: number;
+}
+export interface MusicStaffFlag {
+    id: string;
+    x: number;
+    y: number;
+    up: boolean;
+    delayMs: number;
+}
+export interface MusicStaffBeam {
+    id: string;
+    x1: number;
+    y1: number;
+    x2: number;
+    y2: number;
+    up: boolean;
+    level: 1 | 2 | 3;
+    delayMs: number;
+}
+export interface MusicStaffGeometry {
+    clef: "treble" | "bass";
+    /** Absolute y of the top staff line, after the content-derived offset. */
+    staffTop: number;
+    staffLines: number[];
+    widthSp: number;
+    heightSp: number;
+    viewBox: string;
+    clefX: number;
+    clefY: number;
+    noteX0: number;
+    contentEnd: number;
+    /** Reel period, in sp; loading engravings only. */
+    period: number;
+    /** Extra `<use>` copies of the ink layer, one per period; loading only. */
+    reelCopies: number;
+    /** Parked reading line, in sp; loading engravings only. */
+    readingX: number;
+    notes: MusicStaffNoteGeometry[];
+    stems: MusicStaffStem[];
+    flags: MusicStaffFlag[];
+    beams: MusicStaffBeam[];
+    barlines: {
+        x: number;
+        width: number;
+    }[];
+}
+export interface EngraveMusicStaffOptions {
+    clef?: StaffClef;
+    /** Beats per cycle; set only for the looping loading reel. */
+    loopBeats?: number;
+}
+/** Engrave one staff. Every extent below is derived from what is drawn. */
+export declare function engraveMusicStaff(source: readonly MusicStaffNoteEvent[], options?: EngraveMusicStaffOptions): MusicStaffGeometry;
+/**
+ * One composed phrase, in-staff by construction: paired eighths, a four-16th run
+ * that earns a double beam, a dotted note, a lone flag, and quarters. It is the
+ * loading surface's whole score — deliberate, not generated.
+ */
+export declare const LOADING_MOTIF: readonly MusicStaffNoteEvent[];
+export declare const LOADING_BEATS = 8;
+export {};

package/dist/components/music-staff/styles.css

@@ -0,0 +1 @@
+@layer components{.music-staff{--_music-staff-draw-duration: calc(0.52s * var(--motion-tempo));--_music-staff-space: var(--music-staff-space,0.5rem);--_music-staff-ink: var( --music-staff-ink,color-mix(in oklab,var(--foreground) 88%,transparent) );--_music-staff-accent: var(--music-staff-accent,var(--viz-chebyshev));--_music-staff-folio: var(--music-staff-folio,oklch(0.96 0.021 86));--_music-staff-loop-duration: var( --music-staff-loop-duration,calc(8s * var(--motion-tempo)) );--_music-staff-delay: 0ms;--_music-staff-rule-index: 0;margin: 0;color: var(--_music-staff-ink);}.music-staff__window{position: relative;color: inherit;}.music-staff[data-mode="score"] .music-staff__window{overflow-x: auto;overscroll-behavior-inline: contain;scrollbar-color: color-mix(in oklab,var(--_music-staff-accent) 46%,transparent) transparent;}.music-staff[data-mode="loading"] .music-staff__window{overflow: hidden;max-inline-size: calc(var(--_music-staff-space) * var(--_music-staff-width));}.music-staff[data-material="folio"] .music-staff__window{--glass-veil-ink: oklch(from var(--_music-staff-folio) 0.34 c h);border-radius: var(--radius-panel);color: var(--_music-staff-ink);}.music-staff__window:focus-visible{outline: 2px solid var(--_music-staff-accent);outline-offset: 3px;}.music-staff svg{position: relative;z-index: 1;display: block;width: calc(var(--_music-staff-space) * var(--_music-staff-width));height: calc(var(--_music-staff-space) * var(--_music-staff-height));}.music-staff__furniture{position: absolute;inset-block: 0;inset-inline-start: 0;z-index: 0;inline-size: max(100%,calc(var(--_music-staff-space) * var(--_music-staff-width)));pointer-events: none;}.music-staff__line,.music-staff__barline,.music-staff__reading{position: absolute;top: calc(var(--_music-staff-space) * var(--_music-staff-y));height: calc(var(--_music-staff-space) * var(--_music-staff-rise));background: currentcolor;}.music-staff__line{inset-inline: 0;opacity: 0.55;}.music-staff__barline,.music-staff__reading{inset-inline-start: calc(var(--_music-staff-space) * var(--_music-staff-x));width: calc(var(--_music-staff-space) * var(--_music-staff-run));}.music-staff__barline{opacity: 0.78;}.music-staff__reading{color: var(--_music-staff-accent);opacity: 0.62;}.music-staff__ledger,.music-staff__stem,.music-staff__beam,.music-staff__dot,.music-staff__head,.music-staff__flag,.music-staff__accidental,.music-staff__clef path,.music-staff__clef circle,.music-staff__playhead rect,.music-staff__playhead circle{fill: currentcolor;}.music-staff__ledger{opacity: 0.86;}.music-staff__head--open{fill: none;stroke: currentcolor;stroke-width: 0.16;}.music-staff__layer--accent,.music-staff__playhead{color: var(--_music-staff-accent);}.music-staff__playhead rect{opacity: 0.8;}.music-staff__playhead circle{opacity: 0.8;}.music-staff__playhead,.music-staff__clip-edge{transition: transform var(--spring-dock-duration) var(--spring-dock);}.music-staff__progress-ink{position: absolute;inset-block: 0;inset-inline-start: 0;inline-size: calc(var(--_music-staff-progress) * 100%);background-image: repeating-linear-gradient( to bottom,currentcolor 0 calc(var(--_music-staff-space) * 0.13),transparent calc(var(--_music-staff-space) * 0.13) var(--_music-staff-space) );background-repeat: no-repeat;background-position: 0 calc(var(--_music-staff-space) * var(--_music-staff-staff-top));background-size: 100% calc(var(--_music-staff-space) * 4.13);color: var(--_music-staff-accent);pointer-events: none;}.music-staff__seal{position: absolute;z-index: 2;inset-block-start: calc(var(--_music-staff-space) * var(--_music-staff-staff-top));inset-inline-start: auto;inset-inline-end: calc(var(--_music-staff-space) * 0.6);height: calc(var(--_music-staff-space) * 4);width: calc(var(--_music-staff-space) * 1.06);background-image: linear-gradient( to right,currentcolor 0 calc(var(--_music-staff-space) * 0.16),transparent calc(var(--_music-staff-space) * 0.16) calc(var(--_music-staff-space) * 0.56),currentcolor calc(var(--_music-staff-space) * 0.56) 100% );pointer-events: none;}@media (prefers-reduced-motion: no-preference){.music-staff__line{animation: music-staff-rule-wipe var(--_music-staff-draw-duration) var(--ease-out-expo) calc(28ms * var(--_music-staff-rule-index) * var(--motion-tempo)) both;}.music-staff__barline{animation: music-staff-bar-wipe var(--_music-staff-draw-duration) var(--ease-out-expo) calc(120ms * var(--motion-tempo)) both;}.music-staff[data-mode="score"] .music-staff__line{animation: music-staff-rule-wipe var(--_music-staff-draw-duration) var(--ease-out-expo) calc(28ms * var(--_music-staff-rule-index) * var(--motion-tempo)) both,music-staff-breath 5.2s var(--ease-standard) calc(260ms * var(--_music-staff-rule-index)) infinite alternate;}.music-staff__clef{animation: music-staff-bar-wipe var(--_music-staff-draw-duration) var(--ease-out-expo) calc(120ms * var(--motion-tempo)) both,music-staff-clef-settle var(--spring-present-duration) var(--spring-present) calc(300ms * var(--motion-tempo)) both;transform-box: fill-box;transform-origin: center;}.music-staff[data-mode="score"] .music-staff__note{animation: music-staff-note-land var(--spring-panel-duration) var(--spring-panel) var(--_music-staff-delay) both;transform-box: fill-box;transform-origin: center;}.music-staff__head,.music-staff__accidental,.music-staff__ledger,.music-staff__dot,.music-staff__flag{animation: music-staff-ink-in calc(120ms * var(--motion-tempo)) var(--ease-standard) var(--_music-staff-delay) both;}.music-staff__stem{animation: music-staff-grow-y var(--spring-dock-duration) var(--spring-dock) var(--_music-staff-delay) both;transform-box: fill-box;transform-origin: bottom;}.music-staff__stem:not([data-up]){transform-origin: top;}.music-staff__beam{animation: music-staff-grow-x var(--spring-dock-duration) var(--spring-dock) var(--_music-staff-delay) both;transform-box: fill-box;transform-origin: left;}.music-staff__playhead circle{animation: music-staff-bead 5.2s var(--ease-standard) infinite alternate;transform-box: fill-box;transform-origin: center;}.music-staff[data-mode="loading"] .music-staff__reel{animation: music-staff-reel var(--_music-staff-loop-duration) linear infinite;}.music-staff[data-mode="loading"] .music-staff__note{animation: music-staff-strike var(--_music-staff-loop-duration) linear infinite;transform-box: fill-box;transform-origin: center;}.music-staff[data-sealed] .music-staff__reel{animation-play-state: paused;}.music-staff[data-sealed] .music-staff__note{animation: none;}.music-staff[data-sealed] .music-staff__transport{animation: music-staff-settle var(--spring-panel-duration) var(--spring-panel) both;}.music-staff[data-sealed] .music-staff__seal{animation: music-staff-seal-wipe var(--_music-staff-draw-duration) var(--ease-out-expo) both;}}@media (prefers-reduced-motion: reduce){.music-staff[data-mode="loading"] .music-staff__line{animation: music-staff-breath 5.2s var(--ease-standard) calc(260ms * var(--_music-staff-rule-index)) infinite alternate;}.music-staff__playhead{transition-duration: var(--duration-fast);}}}@keyframes music-staff-rule-wipe{from{clip-path: inset(0 100% 0 0);}to{clip-path: inset(0);}}@keyframes music-staff-bar-wipe{from{clip-path: inset(100% 0 0 0);}to{clip-path: inset(0);}}@keyframes music-staff-seal-wipe{from{clip-path: inset(100% 0 0 0);}to{clip-path: inset(0);}}@keyframes music-staff-clef-settle{from{transform: scale(0.96);}to{transform: none;}}@keyframes music-staff-note-land{from{transform: translateY(-0.9px) scale(0.86);}to{transform: none;}}@keyframes music-staff-grow-y{from{transform: scaleY(0);}to{transform: none;}}@keyframes music-staff-grow-x{from{transform: scaleX(0);}to{transform: none;}}@keyframes music-staff-ink-in{from{opacity: 0;}to{opacity: 1;}}@keyframes music-staff-breath{from{opacity: 0.49;}to{opacity: 0.61;}}@keyframes music-staff-bead{from{opacity: 0.7;transform: scale(1);}to{opacity: 0.9;transform: scale(1.06);}}@keyframes music-staff-reel{to{transform: translateX(calc(-1px * var(--_music-staff-period)));}}@keyframes music-staff-settle{from{transform: translateX(-0.5px);}to{transform: none;}}@keyframes music-staff-strike{0%{transform: scale(1);color: var(--_music-staff-ink);}1.2%{transform: scale(1.08);color: var(--_music-staff-accent);}1.88%{transform: scale(1.075);}2.56%{transform: scale(1.065);}3.92%{transform: scale(1.04);}4.6%{transform: scale(1.029);}5.96%{transform: scale(1.013);}8%{transform: scale(1);color: var(--_music-staff-ink);}100%{transform: scale(1);color: var(--_music-staff-ink);}}

package/dist/components/number-field/NumberField.vue.d.ts

@@ -1,5 +1,6 @@
 import { type HTMLAttributes } from "vue";
-import type { FormFieldProps, PrimitiveProps } from "../_shared/primitive";
+import type { ControlSize } from "../_shared/control.js";
+import type { FormFieldProps, PrimitiveProps } from "../_shared/primitive.js";
 export interface NumberFieldProps extends PrimitiveProps, FormFieldProps {
     modelValue?: number | null;
     defaultValue?: number;
@@ -13,6 +14,8 @@ export interface NumberFieldProps extends PrimitiveProps, FormFieldProps {
     id?: string;
     /** App-driven invalid state; locale parsing and native form behavior stay Reka-owned. */
     invalid?: boolean;
+    /** The one size rung. Threads to the spinbutton and to both steppers. */
+    size?: ControlSize;
     class?: HTMLAttributes["class"];
 }
 declare var __VLS_8: {};
@@ -23,7 +26,9 @@ declare const __VLS_base: import("vue").DefineComponent<NumberFieldProps, {}, {}
     "update:modelValue": (value: number) => any;
 }, string, import("vue").PublicProps, Readonly<NumberFieldProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: number) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+}>, {
+    size: ControlSize;
+}, {}, {}, {}, 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;

package/dist/components/number-field/NumberFieldStep.vue.d.ts

@@ -0,0 +1,31 @@
+import { type HTMLAttributes } from "vue";
+/**
+ * ONE public stepper, parameterised by direction.
+ *
+ * `NumberFieldIncrement` and `NumberFieldDecrement` were byte-twins modulo four
+ * tokens (the Reka primitive, the glyph, the slot name, the modifier class), and
+ * keeping both public names over one implementation costs either two wrapper SFCs
+ * — at which point the fold saves nothing — or an `h()` factory, which is
+ * indirection bought with nothing. Six-repo census: zero external consumers.
+ *
+ * The public name therefore diverges from Reka's pair; the SFC still wraps the
+ * Reka primitives internally, switched on `direction`.
+ */
+export interface NumberFieldStepProps {
+    class?: HTMLAttributes["class"];
+    direction: "decrement" | "increment";
+    disabled?: boolean;
+}
+declare var __VLS_14: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_14) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<NumberFieldStepProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NumberFieldStepProps> & Readonly<{}>, {}, {}, {}, {}, 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/number-field/context.d.ts

@@ -1,6 +1,10 @@
 import type { AriaAttributes, ComputedRef, InjectionKey } from "vue";
+import type { ControlSize } from "../_shared/control.js";
 export interface NumberFieldContext {
     ariaInvalid: ComputedRef<AriaAttributes["aria-invalid"]>;
     required: ComputedRef<boolean>;
+    /** The one size rung, threaded to the input AND the steppers so the stepper
+     *  box and the field height cannot disagree. */
+    size: ComputedRef<ControlSize>;
 }
 export declare const numberFieldContextKey: InjectionKey<NumberFieldContext>;

package/dist/components/number-field/index.d.ts

@@ -1,5 +1,3 @@
-export { default as NumberField, type NumberFieldProps } from "./NumberField.vue";
-export { default as NumberFieldInput } from "./NumberFieldInput.vue";
-export { default as NumberFieldIncrement, type NumberFieldIncrementProps, } from "./NumberFieldIncrement.vue";
-export { default as NumberFieldDecrement, type NumberFieldDecrementProps, } from "./NumberFieldDecrement.vue";
-export { default as NumberFieldContent } from "./NumberFieldContent.vue";
+export { default as NumberField, type NumberFieldProps } from "./NumberField.vue.js";
+export { default as NumberFieldInput } from "./NumberFieldInput.vue.js";
+export { default as NumberFieldStep, type NumberFieldStepProps, } from "./NumberFieldStep.vue.js";

package/dist/components/pager-dots/PagerDots.vue.d.ts

@@ -1,25 +1,36 @@
 import type { HTMLAttributes } from "vue";
 export interface PagerDotsProps {
-    /** Total dot count (the slide/snap count). */
+    /** Total dot count (the member count). */
     count: number;
     /** Rail layout axis. Default horizontal. */
     orientation?: "horizontal" | "vertical";
     /**
-     * When set, window the rail to `fit` dots centered on the active dot
-     * (the DeckPager dock-gutter overflow generalized). Off (undefined) →
-     * show every dot.
+     * When set, window the rail to `fit` dots around the active dot. Off
+     * (undefined) → show every dot.
      */
     windowFit?: number;
     /** Encapsulate the rail in the glass pager pill chassis. Default true. */
     ring?: boolean;
     /**
-     * The ARIA register. `"tabs"` (default, byte-identical) is the carousel
-     * panel-nav register (`role="tablist"`/`role="tab"` + `aria-selected`);
-     * `"group"` is the full-viewport deck PRESENTATION register
-     * (`role="group"`/`aria-current`) the `<DeckPager>` selects. ONE windowing
-     * oracle, two aria registers — the `pagerWindow` math is NEVER re-forked.
+     * The ARIA register. `"group"` (default) is the presentation rail
+     * (`role="group"` / `aria-current`); `"tabs"` is the panel-nav register
+     * (`role="tablist"` / `role="tab"` / `aria-selected`) and is only correct when
+     * the consumer owns real panels and passes `panelIds` — four tablists over
+     * zero tabpanels is harm, not a default.
      */
     pattern?: "tabs" | "group";
+    /**
+     * The tab↔panel linkage — index-aligned panel element ids. `"tabs"` only.
+     * A sparse or absent entry emits no `aria-controls`.
+     */
+    panelIds?: string[];
+    /**
+     * Resolve a member's accessible name for the step announcement. With it the
+     * rail announces "Slide 3 of 8: Materials"; without it, "Slide 3 of 8".
+     */
+    slideLabel?: (index: number) => string;
+    /** Announce the step in an owned polite region. Default true. */
+    announce?: boolean;
     /** Accessible name for the rail group. */
     ariaLabel?: string;
     /** Additional classes for the rail root. */
@@ -39,8 +50,9 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
     onSelect?: ((index: number) => any) | undefined;
     "onUpdate:active"?: ((value: number) => any) | undefined;
 }>, {
-    pattern: "tabs" | "group";
     orientation: "horizontal" | "vertical";
+    pattern: "tabs" | "group";
+    announce: boolean;
     ariaLabel: string;
     ring: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/components/pager-dots/index.d.ts

@@ -1,2 +1,3 @@
-export { default as PagerDots } from "./PagerDots.vue";
-export type { PagerDotsProps } from "./PagerDots.vue";
+export { default as PagerDots } from "./PagerDots.vue.js";
+export type { PagerDotsProps } from "./PagerDots.vue.js";
+export { elongationCeil, DEFAULT_DOT_PX, DEFAULT_PITCH_PX, DEFAULT_MAX_STRETCH, } from "./worm.js";

package/dist/components/pager-dots/worm.d.ts

@@ -0,0 +1,42 @@
+import type { ComputedRef, Ref } from "vue";
+/** Fallback pip diameter (px) when the rail has not laid out yet. */
+export declare const DEFAULT_DOT_PX = 12;
+/** Fallback cell pitch (px) — the 24 px hit cell plus the 4 px rail gap. */
+export declare const DEFAULT_PITCH_PX = 28;
+/** Fallback squish cap when `--pager-worm-max-stretch` cannot be read. */
+export declare const DEFAULT_MAX_STRETCH = 1.2;
+/**
+ * The elongation ceiling for a hop of `span` px over a rail of `pitch` px:
+ * `clamp(pitch, |span|·0.55, 3·pitch)`.
+ *
+ * A neighbour hop bridges exactly one pitch; an eleven-cell hop stretches to three
+ * and READS as eleven. The predecessor's fixed 36 px clamp saturated on every hop
+ * of three or more, so a three-cell hop and an eleven-cell hop painted the same
+ * rigid lozenge — the elongation stopped carrying information at the exact point
+ * it started mattering.
+ */
+export declare function elongationCeil(span: number, pitch: number): number;
+export interface UsePagerWormRefs {
+    /** The rail root — the token reads + the resize re-seat anchor to this box. */
+    rootEl: Ref<HTMLElement | null>;
+    /** The worm layer — the masses' positioning context (the coordinate origin). */
+    wormLayerEl: Ref<HTMLElement | null>;
+    /** The two round pip-bodies + the bridging neck (the three worm masses). */
+    bodyAEl: Ref<HTMLElement | null>;
+    bodyBEl: Ref<HTMLElement | null>;
+    neckEl: Ref<HTMLElement | null>;
+    /** The bed pip map (keyed by member index) — the grid the memo measures. */
+    bedDotEls: Map<number, HTMLElement>;
+    /** The currently-shown (windowed) member indices. */
+    shown: ComputedRef<number[]>;
+    /** Whether the rail axis is vertical. */
+    vertical: ComputedRef<boolean>;
+    /** The active 0-based index. */
+    active: Ref<number>;
+}
+/**
+ * Wire the pager's two-edge worm: the rail geometry memo, the elongation band, the
+ * barbell projection and the driver's watchers. All motion is compositor-only, and
+ * the per-frame path reads no style.
+ */
+export declare function usePagerWorm(refs: UsePagerWormRefs): void;

package/dist/components/popover/Popover.vue.d.ts

@@ -1,4 +1,4 @@
-import type { Trigger } from "../_shared/axes";
+import type { Trigger } from "../_shared/axes.js";
 export type PopoverTriggerMode = Extract<Trigger, "click" | "hover">;
 export interface PopoverProps {
     /** Controlled visibility. */
@@ -13,6 +13,27 @@ export interface PopoverProps {
     closeDelay?: number;
     /** Hold an ancestor GlassDock open while this surface is visible. */
     keepDockOpen?: boolean;
+    /**
+     * THE A11Y AXIS — one fact, and the consequences that actually derive from
+     * it.
+     *
+     * `false` (default): non-modal. Focus is never trapped and the page behind
+     * stays operable. `true`: reka's modal discipline — focus trapped, outside
+     * pointers disabled, the page behind inert — and the content stamps
+     * `aria-modal` exactly then, because that is the one attribute this axis can
+     * enforce.
+     *
+     * THE ROLE IS NOT ON THIS AXIS. The click arm keeps reka's `role="dialog"`
+     * whether or not it is modal (`PopoverContent` writes it in its own
+     * template, after `$attrs`, so nothing here could override it), and
+     * `role="group"` belongs to the hover arm alone. A hover preview is never
+     * modal by construction and ignores this prop.
+     *
+     * There used to be NO way to reach the modal state at all: `modal` never
+     * reached `PopoverRoot`, and the content stripped `role`/`aria-modal` off
+     * `$attrs` on the way past.
+     */
+    modal?: boolean;
 }
 export interface PopoverEmits {
     "update:open": [value: boolean];
@@ -27,6 +48,7 @@ declare const __VLS_base: import("vue").DefineComponent<PopoverProps, {}, {}, {}
 }>, {
     open: boolean;
     defaultOpen: boolean;
+    modal: boolean;
     trigger: PopoverTriggerMode;
     openDelay: number;
     closeDelay: number;

package/dist/components/popover/PopoverContent.vue.d.ts

@@ -1,13 +1,17 @@
 import { type HTMLAttributes } from "vue";
-import type { Surface } from "../_shared/axes";
-import { type FloatingPlacementProps } from "../_shared/floating";
-import type { DismissableContentEmits } from "../_shared/interaction";
+import type { DismissableContentEmits } from "../_shared/interaction.js";
+import { type FloatingPlacementProps } from "../_shared/overlay/index.js";
 export interface PopoverContentProps extends FloatingPlacementProps {
     class?: HTMLAttributes["class"];
     /** Teleport content to the document body. */
     portal?: boolean;
-    surface?: Surface;
-    /** Accessible name for the hover group or click dialog. */
+    /**
+     * Accessible name. REQUIRED on the HOVER arm — that is the one arm this
+     * component gives `role="group"`, and a group with no name is a landmark
+     * screen readers cannot announce. The click arm is reka's `role="dialog"`
+     * either way, modal or not, and may take its name from a heading inside
+     * instead.
+     */
     ariaLabel?: string;
 }
 export interface PopoverContentEmits extends DismissableContentEmits {
@@ -17,24 +21,23 @@ type __VLS_Slots = {
 };
 declare const __VLS_base: import("vue").DefineComponent<PopoverContentProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     escapeKeyDown: (event: KeyboardEvent) => any;
-    pointerDownOutside: (event: import("../_shared/interaction").PointerDownOutsideEvent) => any;
-    focusOutside: (event: import("../_shared/interaction").FocusOutsideEvent) => any;
-    interactOutside: (event: import("../_shared/interaction").PointerDownOutsideEvent | import("../_shared/interaction").FocusOutsideEvent) => any;
+    pointerDownOutside: (event: import("../_shared/interaction.js").PointerDownOutsideEvent) => any;
+    focusOutside: (event: import("../_shared/interaction.js").FocusOutsideEvent) => any;
+    interactOutside: (event: import("../_shared/interaction.js").PointerDownOutsideEvent | import("../_shared/interaction.js").FocusOutsideEvent) => any;
     openAutoFocus: (event: Event) => any;
     closeAutoFocus: (event: Event) => any;
 }, string, import("vue").PublicProps, Readonly<PopoverContentProps> & Readonly<{
     onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
-    onPointerDownOutside?: ((event: import("../_shared/interaction").PointerDownOutsideEvent) => any) | undefined;
-    onFocusOutside?: ((event: import("../_shared/interaction").FocusOutsideEvent) => any) | undefined;
-    onInteractOutside?: ((event: import("../_shared/interaction").PointerDownOutsideEvent | import("../_shared/interaction").FocusOutsideEvent) => any) | undefined;
+    onPointerDownOutside?: ((event: import("../_shared/interaction.js").PointerDownOutsideEvent) => any) | undefined;
+    onFocusOutside?: ((event: import("../_shared/interaction.js").FocusOutsideEvent) => any) | undefined;
+    onInteractOutside?: ((event: import("../_shared/interaction.js").PointerDownOutsideEvent | import("../_shared/interaction.js").FocusOutsideEvent) => any) | undefined;
     onOpenAutoFocus?: ((event: Event) => any) | undefined;
     onCloseAutoFocus?: ((event: Event) => any) | undefined;
 }>, {
-    side: import("../_shared/floating").FloatingSide;
+    align: import("../_shared/overlay/index.js").FloatingAlign;
+    side: import("../_shared/overlay/index.js").FloatingSide;
     sideOffset: number;
-    align: import("../_shared/floating").FloatingAlign;
     alignOffset: number;
-    surface: Surface;
     portal: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/popover/PopoverTrigger.vue.d.ts

@@ -1,5 +1,5 @@
 import { type HTMLAttributes } from "vue";
-import type { PrimitiveProps } from "../_shared/primitive";
+import type { PrimitiveProps } from "../_shared/primitive.js";
 export interface PopoverTriggerProps {
     /** Merge trigger behavior into one interactive child. */
     asChild?: PrimitiveProps["asChild"];

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

@@ -1,3 +1,3 @@
-export { default as Popover, type PopoverEmits, type PopoverProps, type PopoverTriggerMode, } from "./Popover.vue";
-export { default as PopoverTrigger, type PopoverTriggerProps, } from "./PopoverTrigger.vue";
-export { default as PopoverContent, type PopoverContentEmits, type PopoverContentProps, } from "./PopoverContent.vue";
+export { default as Popover, type PopoverEmits, type PopoverProps, type PopoverTriggerMode, } from "./Popover.vue.js";
+export { default as PopoverTrigger, type PopoverTriggerProps, } from "./PopoverTrigger.vue.js";
+export { default as PopoverContent, type PopoverContentEmits, type PopoverContentProps, } from "./PopoverContent.vue.js";

package/dist/components/popover/popoverContext.d.ts

@@ -8,6 +8,16 @@ interface PopoverUnionContext {
      * to the tap-toggle PopoverRoot.
      */
     usesHoverRoot: ComputedRef<boolean>;
+    /**
+     * THE ONE A11Y AXIS. `modal` is the single fact a consumer states, and
+     * `role` / `aria-modal` / focus-trapping / outside-pointer-events all DERIVE
+     * from it — the content cannot know it from markup, so the root publishes it
+     * here beside the root flag it already publishes.
+     *
+     * `false` (the default) → a non-modal `group` that never traps focus.
+     * `true` → a `dialog` with `aria-modal`, the page inert behind it.
+     */
+    modal: ComputedRef<boolean>;
 }
 /** `<Popover>` provides the resolved-root flag to its compound children. */
 export declare const providePopoverUnion: (ctx: PopoverUnionContext) => void;

package/dist/components/progress/Progress.vue.d.ts

@@ -1,10 +1,10 @@
-import type { ProgressProps } from "./types";
+import type { ProgressProps } from "./types.js";
 declare const __VLS_export: import("vue").DefineComponent<ProgressProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProgressProps> & Readonly<{}>, {
+    size: import("./types.js").ProgressSize;
     modelValue: number | null;
-    indeterminate: boolean;
-    orientation: import("./types").ProgressOrientation;
-    status: import("./types").ProgressStatus;
-    variant: import("./types").ProgressVariant;
+    orientation: import("./types.js").ProgressOrientation;
+    status: import("./types.js").ProgressStatus;
+    variant: import("./types.js").ProgressVariant;
     marks: readonly number[];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

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

@@ -1,2 +1,2 @@
-export { default as Progress } from "./Progress.vue";
-export type { ProgressOrientation, ProgressProps, ProgressStatus, ProgressVariant, } from "./types";
+export { default as Progress } from "./Progress.vue.js";
+export type { ProgressOrientation, ProgressProps, ProgressSize, ProgressStatus, ProgressVariant, } from "./types.js";

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

@@ -1,19 +1,29 @@
 import type { HTMLAttributes } from "vue";
-import type { Orientation } from "../_shared/axes";
-import type { PrimitiveProps } from "../_shared/primitive";
-export type ProgressVariant = "default" | "gradient" | "liquid";
+import type { Orientation } from "../_shared/axes.js";
+import type { PrimitiveProps } from "../_shared/primitive.js";
+export type ProgressVariant = "default" | "liquid";
 export type ProgressStatus = "default" | "error";
 export type ProgressOrientation = Orientation;
+export type ProgressSize = "sm" | "md" | "lg";
 export interface ProgressProps extends PrimitiveProps {
+    /**
+     * The quantity, in the `max` domain. `null` is INDETERMINATE — reka's own
+     * door, and the only one. Default `0`: omission fabricates nothing.
+     */
     modelValue?: number | null;
     max?: number;
-    getValueLabel?: (value: number | null | undefined, max: number) => string | undefined;
-    getValueText?: (value: number | null | undefined, max: number) => string | undefined;
     class?: HTMLAttributes["class"];
     variant?: ProgressVariant;
     status?: ProgressStatus;
     orientation?: ProgressOrientation;
+    /** The rail thickness rung — 8 / 12 / 20px, one rung down at ≤768px. */
+    size?: ProgressSize;
     /** Decorative checkpoints in the value domain; they never alter progress. */
     marks?: readonly number[];
-    indeterminate?: boolean;
+    /**
+     * The human-readable value announcement (`aria-valuetext`). Defaults to the
+     * rounded percentage; indeterminate reads "in progress", error reads
+     * "failed at N%". The NAME channel is the consumer's `aria-label`.
+     */
+    valueText?: string;
 }

package/dist/components/radio-group/RadioGroup.vue.d.ts

@@ -1,16 +1,15 @@
 import type { HTMLAttributes } from "vue";
-import type { Orientation } from "../_shared/axes";
-import type { Direction, FormFieldProps, PrimitiveProps } from "../_shared/primitive";
-import type { SelectionValue } from "../_shared/selection";
-export interface RadioGroupProps extends PrimitiveProps, FormFieldProps {
+import type { Orientation } from "../_shared/axes.js";
+import type { ControlProps } from "../_shared/control.js";
+import type { Direction, FormFieldProps, PrimitiveProps } from "../_shared/primitive.js";
+import type { SelectionValue } from "../_shared/selection.js";
+export interface RadioGroupProps extends PrimitiveProps, FormFieldProps, ControlProps {
     modelValue?: SelectionValue;
     defaultValue?: SelectionValue;
-    disabled?: boolean;
     orientation?: Orientation;
     dir?: Direction;
     loop?: boolean;
     class?: HTMLAttributes["class"];
-    invalid?: boolean;
 }
 export interface RadioGroupEmits {
     "update:modelValue": [value: SelectionValue];
@@ -22,7 +21,6 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<RadioG
 }, string, import("vue").PublicProps, Readonly<RadioGroupProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: SelectionValue) => any) | undefined;
 }>, {
-    invalid: boolean;
     orientation: Orientation;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     default?: (props: {}) => any;