@mkbabb/glass-ui 6.0.0 → 8.0.0

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

@@ -1,45 +1,55 @@
-import type { PopoverRootProps } from "reka-ui";
-import type { Trigger } from "../_shared/axes";
-type __VLS_Props = Omit<PopoverRootProps, "open"> & {
-    /** The trigger axis — click (default) · hover · context. */
-    trigger?: Trigger;
-    /** ms before the fine-hover branch opens (HoverCardRoot). */
+import type { Trigger } from "../_shared/axes.js";
+export type PopoverTriggerMode = Extract<Trigger, "click" | "hover">;
+export interface PopoverProps {
+    /** Controlled visibility. */
+    open?: boolean;
+    /** Initial visibility for an uncontrolled popover. */
+    defaultOpen?: boolean;
+    /** Click command or pointer-adaptive hover preview. */
+    trigger?: PopoverTriggerMode;
+    /** Delay before a fine-pointer hover preview opens, in milliseconds. */
     openDelay?: number;
-    /** ms before the fine-hover branch closes on leave. */
+    /** Delay before a fine-pointer hover preview closes, in milliseconds. */
     closeDelay?: number;
-    /**
-     * Hold the parent `<GlassDock>` open while this popover is visible.
-     * The ONE `watch(open)` below serves BOTH roots — no-op outside a
-     * dock context (the inject falls back to null).
-     */
+    /** Hold an ancestor GlassDock open while this surface is visible. */
     keepDockOpen?: boolean;
-};
-type __VLS_ModelProps = {
     /**
-     * Public `v-model:open` — `defineModel` with NO default. reka's HoverCardRoot
-     * (and PopoverRoot) evaluate `passive: props.open === void 0` at setup, so a
-     * defaulted `false` would FORCE the controlled path and swallow the uncontrolled
-     * hover cadence. Undefined → passive/uncontrolled (reka owns state, emits
-     * `update:open`); a parent that binds `v-model:open` receives the debounced
-     * `update:open` re-emit (defineModel re-emits when reka writes the ref through
-     * the `v-model:open` binding on the reka root — the outer re-emit is wired, not a
-     * silent no-op).
+     * 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.
      */
-    "open"?: boolean;
-};
-type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare var __VLS_8: {}, __VLS_17: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_8) => any;
-} & {
-    default?: (props: typeof __VLS_17) => any;
+    modal?: boolean;
+}
+export interface PopoverEmits {
+    "update:open": [value: boolean];
+}
+type __VLS_Slots = {
+    default?: () => unknown;
 };
-declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:open": (value: boolean | undefined) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:open"?: ((value: boolean | undefined) => any) | undefined;
+declare const __VLS_base: import("vue").DefineComponent<PopoverProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:open": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<PopoverProps> & Readonly<{
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
 }>, {
-    trigger: Trigger;
+    open: boolean;
+    defaultOpen: boolean;
+    modal: boolean;
+    trigger: PopoverTriggerMode;
     openDelay: number;
     closeDelay: number;
     keepDockOpen: boolean;

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

@@ -1,46 +1,43 @@
 import { type HTMLAttributes } from "vue";
-import { type PopoverContentProps } from "reka-ui";
-import { type Surface } from "../_shared/useSurfaceAxis";
-type PopoverRole = "dialog" | "card";
-type __VLS_Props = PopoverContentProps & {
+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;
-    /** `dialog` (default click/context) · `card` (→ role="group"). */
-    role?: PopoverRole;
-    /** Accessible name passthrough for the `role="group"` card surface. */
+    /**
+     * 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 {
+}
+type __VLS_Slots = {
+    default?: () => unknown;
 };
-declare var __VLS_14: {}, __VLS_29: {}, __VLS_38: {}, __VLS_53: {}, __VLS_62: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_14) => any;
-} & {
-    default?: (props: typeof __VLS_29) => any;
-} & {
-    default?: (props: typeof __VLS_38) => any;
-} & {
-    default?: (props: typeof __VLS_53) => any;
-} & {
-    default?: (props: typeof __VLS_62) => any;
-};
-declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const __VLS_base: import("vue").DefineComponent<PopoverContentProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     escapeKeyDown: (event: KeyboardEvent) => any;
-    pointerDownOutside: (event: import("reka-ui").PointerDownOutsideEvent) => any;
-    focusOutside: (event: import("reka-ui").FocusOutsideEvent) => any;
-    interactOutside: (event: import("reka-ui").PointerDownOutsideEvent | import("reka-ui").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<__VLS_Props> & Readonly<{
+}, string, import("vue").PublicProps, Readonly<PopoverContentProps> & Readonly<{
     onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
-    onPointerDownOutside?: ((event: import("reka-ui").PointerDownOutsideEvent) => any) | undefined;
-    onFocusOutside?: ((event: import("reka-ui").FocusOutsideEvent) => any) | undefined;
-    onInteractOutside?: ((event: import("reka-ui").PointerDownOutsideEvent | import("reka-ui").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;
 }>, {
-    surface: Surface;
+    align: import("../_shared/overlay/index.js").FloatingAlign;
+    side: import("../_shared/overlay/index.js").FloatingSide;
     sideOffset: number;
-    align: "end" | "start" | "center";
+    alignOffset: number;
     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,11 +1,16 @@
-import { type PopoverTriggerProps } from "reka-ui";
-declare var __VLS_8: {}, __VLS_17: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_8) => any;
-} & {
-    default?: (props: typeof __VLS_17) => any;
+import { type HTMLAttributes } from "vue";
+import type { PrimitiveProps } from "../_shared/primitive.js";
+export interface PopoverTriggerProps {
+    /** Merge trigger behavior into one interactive child. */
+    asChild?: PrimitiveProps["asChild"];
+    class?: HTMLAttributes["class"];
+}
+type __VLS_Slots = {
+    default?: () => unknown;
 };
-declare const __VLS_base: import("vue").DefineComponent<PopoverTriggerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PopoverTriggerProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: import("vue").DefineComponent<PopoverTriggerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PopoverTriggerProps> & Readonly<{}>, {
+    asChild: 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;

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

@@ -1,3 +1,3 @@
-export { default as Popover } from './Popover.vue';
-export { default as PopoverTrigger } from './PopoverTrigger.vue';
-export { default as PopoverContent } 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

@@ -1,17 +1,26 @@
 import type { ComputedRef } from "vue";
-export interface PopoverUnionContext {
+interface PopoverUnionContext {
     /**
      * `true` when the fine-hover HoverCardRoot branch is live; `false` → the
-     * PopoverRoot branch (click / context / coarse-pointer-promoted hover). A
+     * PopoverRoot branch (click / coarse-pointer-promoted hover). A
      * coarse-pointer hover trigger resolves `false` — reka's `excludeTouch`
      * leaves the hover root structurally dead on touch, so the union promotes it
      * 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>;
 }
-/** The typed injection key (exported so an external provider can target it). */
-export declare const POPOVER_UNION_KEY: import("vue").InjectionKey<PopoverUnionContext>;
 /** `<Popover>` provides the resolved-root flag to its compound children. */
 export declare const providePopoverUnion: (ctx: PopoverUnionContext) => void;
 /** Inject the union context; `null` outside a union `<Popover>` (→ click branch). */
 export declare const usePopoverUnion: () => PopoverUnionContext | null;
+export {};

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

@@ -1,18 +1,10 @@
-import { type HTMLAttributes } from "vue";
-import type { ProgressRootProps } from "reka-ui";
-type ProgressVariant = "default" | "gradient" | "liquid";
-type __VLS_Props = ProgressRootProps & {
-    class?: HTMLAttributes["class"];
-    variant?: ProgressVariant;
-    /** Decorative checkpoints in the same 0..max domain as modelValue. */
-    marks?: readonly number[];
-    /** Gradient only — indeterminate sweep opt-in. */
-    indeterminate?: boolean;
-};
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+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;
-    variant: ProgressVariant;
-    indeterminate: boolean;
+    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 +1,2 @@
-export { default as Progress } from "./Progress.vue";
+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

@@ -0,0 +1,29 @@
+import type { HTMLAttributes } from "vue";
+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;
+    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[];
+    /**
+     * 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,20 +1,30 @@
-import { type HTMLAttributes } from 'vue';
-import { type RadioGroupRootProps } from 'reka-ui';
-type __VLS_Props = RadioGroupRootProps & {
-    class?: HTMLAttributes['class'];
-};
-declare var __VLS_8: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_8) => any;
-};
-declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (payload: import("reka-ui").AcceptableValue) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onUpdate:modelValue"?: ((payload: import("reka-ui").AcceptableValue) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+import type { HTMLAttributes } from "vue";
+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;
+    orientation?: Orientation;
+    dir?: Direction;
+    loop?: boolean;
+    class?: HTMLAttributes["class"];
+}
+export interface RadioGroupEmits {
+    "update:modelValue": [value: SelectionValue];
+}
 declare const _default: typeof __VLS_export;
 export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<RadioGroupProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: SelectionValue) => any;
+}, string, import("vue").PublicProps, Readonly<RadioGroupProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: SelectionValue) => any) | undefined;
+}>, {
+    orientation: Orientation;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    default?: (props: {}) => any;
+}>;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

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

@@ -1,8 +1,12 @@
-import { type HTMLAttributes } from 'vue';
-import { type RadioGroupItemProps } from 'reka-ui';
-type __VLS_Props = RadioGroupItemProps & {
-    class?: HTMLAttributes['class'];
-};
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+import type { HTMLAttributes } from "vue";
+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;
+    class?: HTMLAttributes["class"];
+}
 declare const _default: typeof __VLS_export;
 export default _default;
+declare const __VLS_export: import("vue").DefineComponent<RadioGroupItemProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<RadioGroupItemProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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

@@ -1,2 +1,4 @@
-export { default as RadioGroup } from './RadioGroup.vue';
-export { default as RadioGroupItem } 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; position: absolute; inset: var(--scroll-progress-rim-inset); z-index: 0; 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, 4px) 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, 4px)) 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, 4px))); } .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, 4px)) 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/search/SearchBar.vue.d.ts

@@ -1,6 +1,6 @@
 import { type Component } from "vue";
-import type { Surface } from "../_shared/useSurfaceAxis";
-import { type ControlSize, type SearchVariant } from "./searchVariants";
+import type { Surface } from "../_shared/axes.js";
+import { type ControlSize, type SearchVariant } from "./searchVariants.js";
 type __VLS_Props = {
     modelValue?: string;
     placeholder?: string;
@@ -22,10 +22,10 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {
     size: ControlSize;
-    modelValue: string;
     placeholder: string;
-    surface: Surface;
+    modelValue: string;
     variant: SearchVariant;
+    surface: Surface;
     tag: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/search/composables/fuzzySearchIndex.d.ts

@@ -3,7 +3,7 @@
  * and scores queries with VSCode-style fuzzy matching.
  * Pure functions, no Vue reactivity.
  */
-import type { SearchableItem, SearchResult } from "./types";
+import type { SearchableItem, SearchResult } from "./types.js";
 interface IndexEntry<T extends SearchableItem> {
     item: T;
     /** Pre-lowercased fields, built once at index time. */

package/dist/components/search/composables/index.d.ts

@@ -1,5 +1,5 @@
-export { useFuzzySearch } from "./useFuzzySearch";
-export type { UseFuzzySearchOptions } from "./useFuzzySearch";
-export { buildIndex, searchIndex, fuzzyMatch, clearSearchCache } from "./fuzzySearchIndex";
-export type { SearchIndex } from "./fuzzySearchIndex";
-export type { SearchableItem, SearchResult, FuzzySearchState } from "./types";
+export { useFuzzySearch } from "./useFuzzySearch.js";
+export type { UseFuzzySearchOptions } from "./useFuzzySearch.js";
+export { buildIndex, searchIndex, fuzzyMatch, clearSearchCache } from "./fuzzySearchIndex.js";
+export type { SearchIndex } from "./fuzzySearchIndex.js";
+export type { SearchableItem, SearchResult, FuzzySearchState } from "./types.js";

package/dist/components/search/composables/useFuzzySearch.d.ts

@@ -1,4 +1,4 @@
-import type { SearchableItem, SearchResult, FuzzySearchState } from "./types";
+import type { SearchableItem, SearchResult, FuzzySearchState } from "./types.js";
 export interface UseFuzzySearchOptions<T extends SearchableItem = SearchableItem> {
     /** Reactive or static list of searchable items. */
     items: T[] | (() => T[]);

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

@@ -1,9 +1,8 @@
-export { default as FuzzySearch } from "./FuzzySearch.vue";
-export { default as SearchBar } from "./SearchBar.vue";
-export { searchFieldVariants } from "./searchVariants";
-export type { SearchVariant, SearchVariants } from "./searchVariants";
-export { useFuzzySearch } from "./composables/useFuzzySearch";
-export type { UseFuzzySearchOptions } from "./composables/useFuzzySearch";
-export { buildIndex, searchIndex, fuzzyMatch, clearSearchCache } from "./composables/fuzzySearchIndex";
-export type { SearchIndex } from "./composables/fuzzySearchIndex";
-export type { SearchableItem, SearchResult, FuzzySearchState } from "./composables/types";
+export { default as SearchBar } from "./SearchBar.vue.js";
+export { searchFieldVariants } from "./searchVariants.js";
+export type { SearchVariant, SearchVariants } from "./searchVariants.js";
+export { useFuzzySearch } from "./composables/useFuzzySearch.js";
+export type { UseFuzzySearchOptions } from "./composables/useFuzzySearch.js";
+export { buildIndex, searchIndex, fuzzyMatch, clearSearchCache } from "./composables/fuzzySearchIndex.js";
+export type { SearchIndex } from "./composables/fuzzySearchIndex.js";
+export type { SearchableItem, SearchResult, FuzzySearchState } from "./composables/types.js";

package/dist/components/search/searchVariants.d.ts

@@ -1,19 +1,16 @@
-import { type VariantProps } from "class-variance-authority";
-import { type ControlSize, controlSizeClass } from "../_shared/useControlSize";
-/**
- * The search field-CHROME variant. `inline` is the boxed glass pill (identity over
- * the `.input-bar` recipe); `bare`/`floating` strip the box to a chromeless field —
- * the real CVA rung the `!important` cluster was fighting (clean break, no `!`).
- *
- *   searchFieldVariants()                    → ""                                          (the boxed pill)
- *   searchFieldVariants({ variant: "bare" }) → "border-none bg-transparent p-0 rounded-none"
- */
-export declare const searchFieldVariants: (props?: ({
-    variant?: "inline" | "floating" | "bare" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-export type SearchVariant = NonNullable<VariantProps<typeof searchFieldVariants>["variant"]>;
-/** The CVA's variant-prop shape — the `/api` discovery surface (the SFCs cannot
- *  re-export a type, so this CVA home is the type source). */
-export type SearchVariants = VariantProps<typeof searchFieldVariants>;
-export { controlSizeClass };
+import { type ClassValue } from "../_shared/class-names.js";
+import { type ControlSize } from "../_shared/control.js";
+declare const VARIANT: {
+    readonly inline: "";
+    readonly floating: "";
+    readonly bare: "border-none bg-transparent p-0 rounded-none";
+};
+export type SearchVariant = keyof typeof VARIANT;
+export interface SearchVariants {
+    variant?: SearchVariant | null;
+    class?: ClassValue;
+    className?: ClassValue;
+}
+/** Search field chrome; size remains on the shared control-size axis. */
+export declare function searchFieldVariants(options?: SearchVariants): string;
 export type { ControlSize };

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

@@ -1,19 +1,30 @@
-import type { SelectRootProps } from 'reka-ui';
-type __VLS_Props = SelectRootProps;
-declare var __VLS_8: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_8) => any;
-};
-declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: import("reka-ui").AcceptableValue) => any;
-    "update:open": (value: boolean) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onUpdate:modelValue"?: ((value: import("reka-ui").AcceptableValue) => any) | undefined;
-    "onUpdate:open"?: ((value: boolean) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+import type { Direction, FormFieldProps } from "../_shared/primitive.js";
+import type { SelectionValue } from "../_shared/selection.js";
+export interface SelectProps extends FormFieldProps {
+    modelValue?: SelectionValue;
+    defaultValue?: SelectionValue;
+    open?: boolean;
+    defaultOpen?: boolean;
+    nullableValue?: string;
+    dir?: Direction;
+    autocomplete?: string;
+    disabled?: boolean;
+}
+export interface SelectEmits {
+    "update:modelValue": [value: SelectionValue];
+    "update:open": [value: boolean];
+}
 declare const _default: typeof __VLS_export;
 export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<SelectProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: SelectionValue) => any;
+    "update:open": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<SelectProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: SelectionValue) => any) | undefined;
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    default?: (props: {}) => any;
+}>;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;