@mkbabb/glass-ui 7.0.0 → 9.0.0

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;

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

@@ -1,6 +1,7 @@
 import type { HTMLAttributes } from "vue";
-import type { SelectionValue } from "../_shared/selection";
-export interface RadioGroupItemProps {
+import type { PrimitiveProps } from "../_shared/primitive.js";
+import type { SelectionValue } from "../_shared/selection.js";
+export interface RadioGroupItemProps extends PrimitiveProps {
     value: SelectionValue;
     id?: string;
     disabled?: boolean;

package/dist/components/radio-group/index.d.ts

@@ -1,4 +1,4 @@
-export { default as RadioGroup } from './RadioGroup.vue';
-export { default as RadioGroupItem } from './RadioGroupItem.vue';
-export type { RadioGroupProps } from './RadioGroup.vue';
-export type { RadioGroupItemProps } from './RadioGroupItem.vue';
+export { default as RadioGroup } from "./RadioGroup.vue.js";
+export { default as RadioGroupItem } from "./RadioGroupItem.vue.js";
+export type { RadioGroupProps } from "./RadioGroup.vue.js";
+export type { RadioGroupItemProps } from "./RadioGroupItem.vue.js";

package/dist/components/scroll-progress-rim/ScrollProgressRim.vue.d.ts

@@ -1,19 +1,7 @@
-import type { ScrollProgressRimCoverage, ScrollProgressRimSegments } from "./types";
-export interface ScrollProgressRimProps {
-    /** Aggregate progress in the same units as `max`. */
-    value: number;
-    /** Aggregate ceiling. @default 1 */
-    max?: number;
-    /** Optional per-item fill values. Each segment is clamped to [0, 1]. */
-    segments?: ScrollProgressRimSegments;
-    /** Which part of the host edge carries progress. @default "full-ring" */
-    coverage?: ScrollProgressRimCoverage;
-    /** CSS color anchors for the rim's spectrum. */
-    stops?: readonly string[];
-}
+import type { ScrollProgressRimProps } from "./types.js";
 declare const __VLS_export: import("vue").DefineComponent<ScrollProgressRimProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ScrollProgressRimProps> & Readonly<{}>, {
+    orientation: import("./types.js").ScrollProgressRimOrientation;
     max: number;
-    coverage: ScrollProgressRimCoverage;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/components/scroll-progress-rim/index.d.ts

@@ -1,3 +1,2 @@
-export { default as ScrollProgressRim } from "./ScrollProgressRim.vue";
-export type { ScrollProgressRimProps } from "./ScrollProgressRim.vue";
-export type { ScrollProgressRimCoverage, ScrollProgressRimSegments } from "./types";
+export { default as ScrollProgressRim } from "./ScrollProgressRim.vue.js";
+export type { ScrollProgressRimOrientation, ScrollProgressRimProps, } from "./types.js";

package/dist/components/scroll-progress-rim/styles.css

@@ -1 +1 @@
-.scroll-progress-rim { --scroll-progress-rim-inset: 1px; --scroll-progress-rim-width: 4px; position: absolute; inset: var(--scroll-progress-rim-inset); z-index: 2; isolation: isolate; border-radius: var(--scroll-progress-rim-radius, inherit); pointer-events: none; } .scroll-progress-rim__track { position: absolute; inset: 0; border: var(--scroll-progress-rim-width) solid transparent; border-radius: inherit; background: conic-gradient( from 0deg, var(--scroll-progress-rim-spectrum, var(--section-color-7)), transparent var(--scroll-progress-rim-fill, 0%), transparent 100% ), color-mix(in srgb, var(--foreground) 14%, transparent); -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0) border-box; -webkit-mask-composite: xor; mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0) border-box; mask-composite: exclude; } .scroll-progress-rim[data-coverage="bottom-edge"] .scroll-progress-rim__track { background: linear-gradient( to right, var(--scroll-progress-rim-spectrum, var(--section-color-7)), transparent var(--scroll-progress-rim-fill, 0%), transparent 100% ), color-mix(in srgb, var(--foreground) 14%, transparent); clip-path: inset(calc(100% - var(--scroll-progress-rim-width)) 0 0); } .scroll-progress-rim[data-coverage="inline-end-edge"] .scroll-progress-rim__track { background: linear-gradient( to bottom, var(--scroll-progress-rim-spectrum, var(--section-color-7)), transparent var(--scroll-progress-rim-fill, 0%), transparent 100% ), color-mix(in srgb, var(--foreground) 14%, transparent); clip-path: inset(0 0 0 calc(100% - var(--scroll-progress-rim-width))); } .scroll-progress-rim[data-coverage="inline-end-edge"]:dir(rtl) .scroll-progress-rim__track { clip-path: inset(0 calc(100% - var(--scroll-progress-rim-width)) 0 0); }
+.scroll-progress-rim{--scroll-progress-rim-width: 3px;--scroll-progress-rim-inset: 2px;--scroll-progress-rim-margin: 8px;position: absolute;inset: 0;z-index: 2;isolation: isolate;pointer-events: none;}.scroll-progress-rim__track{position: absolute;border-radius: var(--radius-pill);background: var(--track-well-recess);}.scroll-progress-rim[data-orientation="horizontal"] .scroll-progress-rim__track{inset-inline: var(--scroll-progress-rim-margin);inset-block-end: var(--scroll-progress-rim-inset);block-size: var(--scroll-progress-rim-width);}.scroll-progress-rim[data-orientation="vertical"] .scroll-progress-rim__track{inset-block: var(--scroll-progress-rim-margin);inset-inline-end: var(--scroll-progress-rim-inset);inline-size: var(--scroll-progress-rim-width);}.scroll-progress-rim__fill{position: absolute;inset: 0;border-radius: inherit;background: var(--scroll-progress-rim-spectrum,var(--rainbow-violet));clip-path: inset(0 100% 0 0 round var(--radius-pill));transition: clip-path var(--spring-dock-duration) var(--spring-dock);}.scroll-progress-rim[data-orientation="horizontal"] .scroll-progress-rim__fill{clip-path: inset( 0 calc(100% - var(--scroll-progress-rim-fill,0%)) 0 0 round var(--radius-pill) );}.scroll-progress-rim[data-orientation="horizontal"]:dir(rtl) .scroll-progress-rim__fill{clip-path: inset( 0 0 0 calc(100% - var(--scroll-progress-rim-fill,0%)) round var(--radius-pill) );}.scroll-progress-rim[data-orientation="vertical"] .scroll-progress-rim__fill{clip-path: inset( calc(100% - var(--scroll-progress-rim-fill,0%)) 0 0 0 round var(--radius-pill) );}@media (prefers-reduced-motion: reduce){.scroll-progress-rim__fill{transition: none;}}

package/dist/components/scroll-progress-rim/types.d.ts

@@ -1,2 +1,20 @@
-export type ScrollProgressRimCoverage = "full-ring" | "bottom-edge" | "inline-end-edge";
-export type ScrollProgressRimSegments = readonly number[];
+import type { Orientation } from "../_shared/axes.js";
+/** The rim's fill axis — the library's ONE orientation union. */
+export type ScrollProgressRimOrientation = Orientation;
+export interface ScrollProgressRimProps {
+    /** Aggregate progress in the same units as `max`. */
+    value: number;
+    /** Aggregate ceiling. @default 1 */
+    max?: number;
+    /**
+     * Optional discrete positions. Each entry renders as a checkpoint dot; the
+     * fill-pill swallows a dot as it passes. The values seed the aggregate read
+     * but the pill length is always the true `value / max` fraction (never
+     * pinned full).
+     */
+    segments?: readonly number[];
+    /** The fill axis. @default "horizontal" */
+    orientation?: ScrollProgressRimOrientation;
+    /** CSS color anchors for the fill's spectrum. */
+    stops?: readonly string[];
+}

package/dist/components/select/Select.vue.d.ts

@@ -1,5 +1,5 @@
-import type { Direction, FormFieldProps } from "../_shared/primitive";
-import type { SelectionValue } from "../_shared/selection";
+import type { Direction, FormFieldProps } from "../_shared/primitive.js";
+import type { SelectionValue } from "../_shared/selection.js";
 export interface SelectProps extends FormFieldProps {
     modelValue?: SelectionValue;
     defaultValue?: SelectionValue;

package/dist/components/select/SelectContent.vue.d.ts

@@ -1,12 +1,8 @@
 import type { HTMLAttributes } from "vue";
-import type { Surface } from "../_shared/axes";
-import type { FloatingPlacementProps } from "../_shared/floating";
-import type { PointerDownOutsideEvent } from "../_shared/interaction";
+import type { PointerDownOutsideEvent } from "../_shared/interaction.js";
+import type { FloatingPlacementProps } from "../_shared/overlay/index.js";
 export interface SelectContentProps extends FloatingPlacementProps {
     class?: HTMLAttributes["class"];
-    surface?: Surface;
-    /** Hue re-emitted onto the portalled field, in CSS degrees. */
-    fieldHue?: number;
 }
 export interface SelectContentEmits {
     closeAutoFocus: [event: Event];
@@ -24,11 +20,10 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<Select
     onPointerDownOutside?: ((event: PointerDownOutsideEvent) => 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;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     default?: (props: {}) => any;
 }>;

package/dist/components/select/SelectItem.vue.d.ts

@@ -1,5 +1,5 @@
 import type { HTMLAttributes } from "vue";
-import type { SelectionValue } from "../_shared/selection";
+import type { SelectionValue } from "../_shared/selection.js";
 export interface SelectItemProps {
     value: SelectionValue;
     disabled?: boolean;

package/dist/components/select/SelectScrollButton.vue.d.ts

@@ -0,0 +1,18 @@
+import type { HTMLAttributes } from "vue";
+export interface SelectScrollButtonProps {
+    /** Which end of the listbox this button scrolls toward. */
+    direction: "up" | "down";
+    class?: HTMLAttributes["class"];
+}
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<SelectScrollButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<SelectScrollButtonProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    default?: (props: {}) => any;
+} & {
+    default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/select/SelectTrigger.vue.d.ts

@@ -2,17 +2,10 @@ import type { HTMLAttributes } from "vue";
 export interface SelectTriggerProps {
     disabled?: boolean;
     class?: HTMLAttributes["class"];
-    /** Shared control surface or paint-free trigger. */
-    variant?: "default" | "ghost";
-    /** Trigger height register. */
-    size?: "sm" | "default";
 }
 declare const _default: typeof __VLS_export;
 export default _default;
-declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<SelectTriggerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<SelectTriggerProps> & Readonly<{}>, {
-    size: "sm" | "default";
-    variant: "default" | "ghost";
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<SelectTriggerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<SelectTriggerProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     default?: (props: {}) => any;
 }>;
 type __VLS_WithSlots<T, S> = T & {

package/dist/components/select/SelectValue.vue.d.ts

@@ -1,17 +1,15 @@
 import type { HTMLAttributes } from "vue";
-import type { SelectionValue } from "../_shared/selection";
 export interface SelectValueProps {
     placeholder?: string;
     class?: HTMLAttributes["class"];
 }
-export interface SelectValueSlotProps {
-    selectedLabel: string[];
-    modelValue: SelectionValue | undefined;
-}
 declare const _default: typeof __VLS_export;
 export default _default;
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<SelectValueProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<SelectValueProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
-    default?: (props: SelectValueSlotProps) => unknown;
+    default?: (props: {
+        selectedLabel: string[];
+        modelValue: import("reka-ui").AcceptableValue | import("reka-ui").AcceptableValue[] | undefined;
+    }) => any;
 }>;
 type __VLS_WithSlots<T, S> = T & {
     new (): {