@mkbabb/glass-ui 7.0.0 → 8.0.0

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/search/SearchBar.vue.d.ts

@@ -1,6 +1,6 @@
 import { type Component } from "vue";
-import type { Surface } from "../_shared/axes";
-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,8 +22,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {
     size: ControlSize;
-    modelValue: string;
     placeholder: string;
+    modelValue: string;
     variant: SearchVariant;
     surface: Surface;
     tag: string;

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,9 +1,9 @@
-import { type ClassValue } from "../_shared/class-names";
-import { type ControlSize, controlSizeClass } from "../_shared/control-size";
+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";
-    readonly floating: "border-none bg-transparent p-0 rounded-none";
 };
 export type SearchVariant = keyof typeof VARIANT;
 export interface SearchVariants {
@@ -13,5 +13,4 @@ export interface SearchVariants {
 }
 /** Search field chrome; size remains on the shared control-size axis. */
 export declare function searchFieldVariants(options?: SearchVariants): string;
-export { controlSizeClass };
 export type { ControlSize };

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 (): {

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

@@ -1,16 +1,18 @@
-export { default as Select } from "./Select.vue";
-export { default as SelectValue } from "./SelectValue.vue";
-export { default as SelectTrigger } from "./SelectTrigger.vue";
-export { default as SelectContent } from "./SelectContent.vue";
-export { default as SelectGroup } from "./SelectGroup.vue";
-export { default as SelectItem } from "./SelectItem.vue";
-export { default as SelectLabel } from "./SelectLabel.vue";
-export { default as SelectSeparator } from "./SelectSeparator.vue";
-export type { SelectEmits, SelectProps } from "./Select.vue";
-export type { SelectValueProps, SelectValueSlotProps } from "./SelectValue.vue";
-export type { SelectTriggerProps } from "./SelectTrigger.vue";
-export type { SelectContentEmits, SelectContentProps } from "./SelectContent.vue";
-export type { SelectGroupProps } from "./SelectGroup.vue";
-export type { SelectItemEmits, SelectItemProps, SelectItemSelectEvent, } from "./SelectItem.vue";
-export type { SelectLabelProps } from "./SelectLabel.vue";
-export type { SelectSeparatorProps } from "./SelectSeparator.vue";
+export { default as Select } from "./Select.vue.js";
+export { default as SelectValue } from "./SelectValue.vue.js";
+export { default as SelectTrigger } from "./SelectTrigger.vue.js";
+export { default as SelectContent } from "./SelectContent.vue.js";
+export { default as SelectGroup } from "./SelectGroup.vue.js";
+export { default as SelectItem } from "./SelectItem.vue.js";
+export { default as SelectLabel } from "./SelectLabel.vue.js";
+export { default as SelectScrollButton } from "./SelectScrollButton.vue.js";
+export { default as SelectSeparator } from "./SelectSeparator.vue.js";
+export type { SelectEmits, SelectProps } from "./Select.vue.js";
+export type { SelectValueProps } from "./SelectValue.vue.js";
+export type { SelectTriggerProps } from "./SelectTrigger.vue.js";
+export type { SelectContentEmits, SelectContentProps } from "./SelectContent.vue.js";
+export type { SelectGroupProps } from "./SelectGroup.vue.js";
+export type { SelectItemEmits, SelectItemProps, SelectItemSelectEvent, } from "./SelectItem.vue.js";
+export type { SelectLabelProps } from "./SelectLabel.vue.js";
+export type { SelectScrollButtonProps } from "./SelectScrollButton.vue.js";
+export type { SelectSeparatorProps } from "./SelectSeparator.vue.js";

package/dist/components/separator/Separator.vue.d.ts

@@ -1,5 +1,5 @@
 import { type HTMLAttributes } from "vue";
-import type { Orientation } from "../_shared/axes";
+import type { Orientation } from "../_shared/axes.js";
 export interface SeparatorProps {
     orientation?: Orientation;
     decorative?: boolean;

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

@@ -1 +1 @@
-export { default as Separator, type SeparatorProps } from "./Separator.vue";
+export { default as Separator, type SeparatorProps } from "./Separator.vue.js";

package/dist/components/sheet/SheetContent.vue.d.ts

@@ -0,0 +1,60 @@
+import { type HTMLAttributes } from "vue";
+import type { Motion, Surface } from "../_shared/axes.js";
+import { type SidePlacement } from "./motion.js";
+export interface SheetContentProps {
+    forceMount?: boolean;
+    disableOutsidePointerEvents?: boolean;
+    class?: HTMLAttributes["class"];
+    surface?: Surface;
+    /** The anchored edge. A sheet always slides; a centred surface is `DialogContent`. */
+    side?: SidePlacement;
+    /**
+     * The detent ladder — ascending fractions of the anchored axis the sheet may rest
+     * at. Supplying it makes the sheet DETENTED: it takes its size from the live rung
+     * instead of sliding whole, it grows a grip that carries the ladder, and it can be
+     * dragged and flung between rungs or off the edge entirely.
+     *
+     * A detent is a size, so `left`/`right` ladders are as legal as `bottom`/`top` ones
+     * — the geometry is axis-agnostic and there is no side to fence off.
+     */
+    detents?: number[];
+    /** The active rung (`v-model:detent`). Defaults to the ladder's fullest. */
+    detent?: number | null;
+    motion?: Motion;
+    scroll?: boolean;
+}
+declare var __VLS_27: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_27) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<SheetContentProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    escapeKeyDown: (event: KeyboardEvent) => 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;
+    "update:detent": (value: number | null) => any;
+}, string, import("vue").PublicProps, Readonly<SheetContentProps> & Readonly<{
+    onEscapeKeyDown?: ((event: KeyboardEvent) => 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;
+    "onUpdate:detent"?: ((value: number | null) => any) | undefined;
+}>, {
+    scroll: boolean;
+    surface: Surface;
+    side: SidePlacement;
+    detent: number | null;
+    detents: number[];
+}, {}, {}, {}, 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/sheet/detents/projection.d.ts

@@ -0,0 +1,42 @@
+/** `ω₀ = 2π / response` — the register's angular frequency, in rad/s. */
+export declare function springOmega(response: number): number;
+/** The three numbers a projection needs — the shape a `SpringPresetRow` already has. */
+export interface ProjectionRow {
+    readonly response: number;
+    readonly dampingFraction: number;
+    readonly settleBand: number;
+}
+/**
+ * The row's own settle horizon in seconds: how long its envelope takes to fall inside
+ * its published band. This is the clock a released sheet coasts on.
+ */
+export declare function settleHorizon(row: ProjectionRow): number;
+/**
+ * How far a release at fraction-per-second `v` carries, in fractions. Signed: the sign
+ * of the velocity is the direction of the throw, and nothing here clamps it.
+ */
+export declare function throwDistance(v: number, row: ProjectionRow): number;
+/**
+ * Where a sheet released at fraction `x` with fraction-per-second velocity `v` comes to
+ * rest if nothing catches it. Unclamped on purpose — the caller owns the ladder, and a
+ * projection that ran past the ends is exactly the signal that the end is the answer.
+ */
+export declare function projectRest(x: number, v: number, row: ProjectionRow): number;
+/**
+ * The rung nearest `value` in `ladder` (ascending, non-empty). Ties go to the first —
+ * the ladder is sorted, so a tie resolves toward the closed end.
+ */
+export declare function nearestRung(value: number, ladder: readonly number[]): number;
+/**
+ * The release decision, end to end: project, then resolve against the ladder EXTENDED
+ * with the dismissed rung `0`.
+ *
+ * `0` is a legal rung here, and that is the whole of the drag-to-dismiss fix. The
+ * shipped engine floored its drag clamp at `ladder[0]` and then asked whether the target
+ * was `<= 0` — a branch that could never be true for either shipped ladder, so a
+ * −7826 px/s downward fling left the sheet open and the comment beside it claimed the
+ * opposite. Nothing tests a threshold now: a projected rest below the first rung's
+ * half-way point is nearer to `0` than to `ladder[0]` by ordinary arithmetic, and the
+ * sheet closes because that is where the energy pointed.
+ */
+export declare function resolveRelease(x: number, v: number, ladder: readonly number[], row: ProjectionRow): number;

package/dist/components/sheet/detents/use.d.ts

@@ -0,0 +1,27 @@
+import { type Ref } from "vue";
+import type { SidePlacement } from "../motion.js";
+export interface UseSheetDetentsOptions {
+    /** The reka root's open state. */
+    open: Readonly<Ref<boolean>>;
+    /** The anchored edge — decides the drag axis and its toward-open sign. */
+    side: () => SidePlacement;
+    /** The ascending, non-empty detent ladder. */
+    ladder: () => readonly number[];
+    /** The active rung (`v-model:detent`); the engine writes the settled rung back. */
+    detent: Ref<number | null>;
+    /** Ask the host to close (routes through the consumer's `v-model:open`). */
+    requestClose: () => void;
+}
+export interface UseSheetDetentsReturn {
+    /** The live size fraction. Bound as `--detent-t`; also the scrim's input. */
+    t: Readonly<Ref<number>>;
+    /** Mount hold — true until the dismissing spring reaches 0. */
+    present: Readonly<Ref<boolean>>;
+    /** True while a pointer drag is in flight. */
+    dragging: Readonly<Ref<boolean>>;
+    /** Settle to the nearest rung (the keyboard + external-write seam). */
+    snapTo(fraction: number): void;
+    /** Bind on the sheet root; decides for itself whether the press is a drag. */
+    onPointerdown(event: PointerEvent): void;
+}
+export declare function useSheetDetents(options: UseSheetDetentsOptions): UseSheetDetentsReturn;

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

@@ -0,0 +1,4 @@
+export { default as SheetContent, type SheetContentProps } from "./SheetContent.vue.js";
+export { sheetSlideTransform, scrimOpacity, scrimDetentOpacity, type SidePlacement, } from "./motion.js";
+export { settleHorizon, throwDistance, projectRest, nearestRung, resolveRelease, springOmega, type ProjectionRow, } from "./detents/projection.js";
+export { useSheetDetents } from "./detents/use.js";

package/dist/components/sheet/motion.d.ts

@@ -0,0 +1,29 @@
+import type { Placement } from "../_shared/axes.js";
+/** The four slide placements (a `center` modal is Dialog's non-slide path). */
+export type SidePlacement = Exclude<Placement, "center">;
+/**
+ * The side sheet's slide as a CSS `translate` LONGHAND value ("<lp> <lp>").
+ * `p`: 0 = mounted at rest, 1 = one own-dimension offscreen along the anchored
+ * axis. This is a `translate` longhand, NOT a `transform` function —
+ * `translateX()`/`translateY()` are invalid as a `translate` value and paint
+ * nothing (R1). `p` is left unclamped so the spring's overshoot IS the settle.
+ */
+export declare function sheetSlideTransform(placement: SidePlacement, p: number): string;
+/**
+ * Scrim opacity synced to the surface position: 1 at open (p=0), 0 at dismissed
+ * (p=1). Clamped so the spring overshoot (p<0 or p>1) never pushes opacity out of
+ * [0,1]. Reads the SAME live scalar as the surface → no desync through an interrupt.
+ */
+export declare function scrimOpacity(p: number): number;
+/**
+ * Scrim opacity for a DETENTED sheet, off the rung scalar rather than the slide: a
+ * peek barely dims and a full commits hard, which is what makes a partly-open sheet
+ * read as a sheet over a live page rather than as a modal that failed to arrive.
+ *
+ * The two figures are the shipped law relocated, not new ones — the drawer's
+ * `0.28 + t·0.44` measured CORRECT and survived its own audit; it only ever lived in a
+ * stylesheet with one consumer and an `@import` lane of its own. Here it is a pure
+ * function beside the slide law it is the sibling of, and it is CONDITIONAL: a sheet
+ * with no ladder keeps `scrimOpacity`, so nothing pays for a rung it does not have.
+ */
+export declare function scrimDetentOpacity(t: number): number;

package/dist/components/sheet/styles.css

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

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

@@ -1 +1 @@
-export { default as Skeleton } from './Skeleton.vue';
+export { default as Skeleton } from './Skeleton.vue.js';

package/dist/components/slider/Slider.vue.d.ts

@@ -1,4 +1,4 @@
-import type { SliderProps, SliderSize, SliderVariant } from "./types";
+import type { SliderProps, SliderSize, SliderVariant } from "./types.js";
 declare const __VLS_export: import("vue").DefineComponent<SliderProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: number[] | undefined) => any;
     valueCommit: (value: number[]) => any;
@@ -7,9 +7,8 @@ declare const __VLS_export: import("vue").DefineComponent<SliderProps, {}, {}, {
     onValueCommit?: ((value: number[]) => any) | undefined;
 }>, {
     size: SliderSize;
-    invalid: boolean;
     variant: SliderVariant;
-    keepDockOpen: boolean;
+    invalid: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -1,2 +1,2 @@
-export { default as Slider } from './Slider.vue';
-export type { SliderProps, SliderSize, SliderVariant } from './types';
+export { default as Slider } from './Slider.vue.js';
+export type { SliderProps, SliderSize, SliderVariant } from './types.js';

package/dist/components/slider/styles.css

@@ -0,0 +1 @@
+@property --glass-slider-track-background{syntax: "*";inherits: true;}.glass-slider{--slider-range-origin: left center;position: relative;display: flex;inline-size: 100%;align-items: center;touch-action: none;user-select: none;transition: color var(--duration-fast) var(--ease-standard);}.glass-slider[data-inverted],.glass-slider:dir(rtl){--slider-range-origin: right center;}.glass-slider:dir(rtl)[data-inverted]{--slider-range-origin: left center;}.glass-slider[data-size="sm"]{--slider-track-height: 0.75rem;--slider-thumb-size: 0.5rem;}.glass-slider[data-size="md"]{--slider-track-height: 1.25rem;--slider-thumb-size: 1rem;}.glass-slider[data-size="lg"]{--slider-track-height: 1.75rem;--slider-thumb-size: 1.5rem;}.glass-slider[data-variant="spectrum"]{--slider-track-height: calc(var(--slider-thumb-size,1rem) * 1.5);}@media (pointer: coarse){.glass-slider{--slider-target-floor: max( var(--slider-track-height,0.375rem),var(--slider-touch-target,1.5rem) );min-block-size: var(--slider-target-floor);min-inline-size: var(--slider-target-floor);}}.slider-track{width: 100%;flex-grow: 1;height: var(--slider-track-height,0.375rem);background: var(--glass-slider-track-background,var(--muted-medium));transition: background var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard);}.slider-range{position: absolute;height: 100%;--liquid-fill-tint: var(--slider-range-bg,var(--glass-capsule-warm));}.slider-thumb{display: block;width: 0;height: var(--slider-track-height,0.375rem);opacity: 0;background: transparent;border: none;box-shadow: none;transition: transform var(--spring-press-duration) var(--spring-press);}.glass-slider:not([data-variant="spectrum"]):hover .slider-range{--liquid-fill-strength: 100%;}.glass-slider:not([data-variant="spectrum"]):has(:focus-visible) .slider-track{box-shadow: var(--focus-ring-shadow);}.glass-slider[data-held] .slider-range,.glass-slider:active .slider-range{--smear: calc(var(--atom-drag-v,0) * var(--motion-weight,0.618));transform: scale( calc(1.02 + 0.16 * var(--smear)),calc(0.94 - 0.06 * var(--smear)) );transform-origin: var(--slider-range-origin);transition: transform var(--spring-press-duration) var(--spring-press);}.glass-slider:not(:active):not([data-held]) .slider-range{transition: transform var(--duration-normal) var(--ease-cartoon-punch),--glass-veil-rung var(--spring-dock-duration) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard);}@media (prefers-reduced-motion: reduce){.glass-slider:active .slider-range,.glass-slider[data-held] .slider-range{--motion-weight: 0;transform: scale(1,0.97);}}.glass-slider[data-disabled] .slider-range{opacity: var(--opacity-disabled);}.glass-slider[data-invalid] .slider-track{box-shadow: inset 0 0 0 1px var(--destructive);}.glass-slider[data-invalid]:has(:focus-visible) .slider-track{box-shadow: var(--focus-ring-shadow),inset 0 0 0 1px var(--destructive);}.glass-slider[data-variant="spectrum"][data-held] .slider-thumb{box-shadow: 0 0 0 6px var(--surface-tint-15),var(--shadow-sm);}.glass-slider[data-variant="spectrum"] .slider-track{background: var(--glass-slider-track-background,var(--secondary));}.glass-slider[data-variant="spectrum"] .slider-thumb{width: calc(var(--slider-thumb-size,1rem) * 0.75);height: var(--slider-track-height,0.375rem);opacity: 1;background: transparent;border: 2px solid var(--background);border-radius: calc(var(--slider-thumb-size,1rem) * 0.4);box-shadow: var(--shadow-sm);}@supports (corner-shape: superellipse(2)){.glass-slider[data-variant="spectrum"] .slider-thumb{corner-shape: var(--corner-shape-thumb);}}.glass-slider[data-variant="spectrum"]:hover .slider-thumb{box-shadow: 0 0 0 4px var(--surface-tint-8),var(--shadow-sm);}.glass-slider[data-variant="spectrum"] .slider-thumb:focus-visible{outline: none;box-shadow: var(--focus-ring-shadow),var(--shadow-sm);}.glass-slider[data-orientation="vertical"]{flex-direction: column;width: var(--slider-track-height,0.375rem);height: 12rem;}.glass-slider[data-orientation="vertical"] .slider-track{width: var(--slider-track-height,0.375rem);height: 100%;}.glass-slider[data-orientation="vertical"] .slider-range{width: 100%;height: auto;}.glass-slider[data-orientation="vertical"]:active .slider-range,.glass-slider[data-orientation="vertical"][data-held] .slider-range{--smear: calc(var(--atom-drag-v,0) * var(--motion-weight,0.618));transform: scale( calc(0.94 - 0.06 * var(--smear)),calc(1.02 + 0.16 * var(--smear)) );transform-origin: center bottom;}.glass-slider[data-orientation="vertical"][data-inverted] .slider-range{transform-origin: center top;}.glass-slider[data-orientation="vertical"][data-variant="spectrum"] .slider-thumb{width: var(--slider-track-height,0.375rem);height: calc(var(--slider-thumb-size,1rem) * 0.75);}@media (prefers-reduced-motion: reduce){.glass-slider[data-orientation="vertical"]:active .slider-range,.glass-slider[data-orientation="vertical"][data-held] .slider-range{transform: scale(0.97,1);}}@media (forced-colors: active){.slider-track{background: Canvas;border: 1px solid CanvasText;}.slider-range{background: Highlight;}.glass-slider[data-variant="spectrum"] .slider-thumb{border-color: CanvasText;forced-color-adjust: none;background: Highlight;}.glass-loupe{background: Canvas;border: 1px solid CanvasText;}}.glass-loupe{--loupe-k-max: 2.6;--loupe-k-min: 1.15;--loupe-k: calc( var(--loupe-k-max) - (var(--loupe-k-max) - var(--loupe-k-min)) * var(--flex-vel,0) );--loupe-vel: var(--flex-vel,0);--loupe-span: calc(var(--slider-track-height,1.25rem) * 6);position: fixed;z-index: calc(var(--z-overlay) - 1);inline-size: var(--loupe-span);block-size: calc(var(--slider-track-height,1.25rem) * var(--loupe-k-max));inset-block-start: var(--loupe-top,0);inset-inline-start: var(--loupe-left,0);translate: -50% -100%;scale: 0.13;transform-origin: 50% 100%;transition: scale var(--spring-present-duration) var(--spring-present),opacity var(--spring-present-duration) var(--ease-standard);opacity: 0;overflow: hidden;border-radius: var(--radius-pill);pointer-events: none;box-shadow: var(--glass-material-rim),var(--glass-under-shadow-quiet);}.glass-loupe[data-engaged]{scale: 1;opacity: 1;}.glass-loupe:not([data-engaged]){transition: scale var(--spring-present-exit-duration) var(--ease-standard),opacity var(--spring-present-exit-duration) var(--ease-standard);}.glass-loupe-clone{--s: 3;position: absolute;inset-block-start: 50%;inset-inline-start: 0;inline-size: calc(var(--loupe-track-w,0px) * var(--s));block-size: calc(var(--slider-track-height,1.25rem) * var(--s));border-radius: calc(var(--radius-pill) * var(--s));overflow: hidden;background: var(--glass-slider-track-background,var(--muted-medium));transform: translate( calc(var(--loupe-span) / 2 - var(--loupe-k) * var(--loupe-x,0px)),-50% ) scale(calc(var(--loupe-k) / var(--s)));transform-origin: 0 50%;filter: blur(calc(var(--loupe-vel,0) * 0.75px));transition: filter var(--duration-normal) var(--ease-standard);}.glass-loupe-fill{position: absolute;inset-block: 0;inset-inline-start: 0;inline-size: var(--loupe-fill-w,0px);background: var(--slider-range-bg,var(--glass-capsule-warm));}.glass-loupe-mark{position: absolute;inset-block: 0;inset-inline-start: 50%;inline-size: 2px;translate: -50% 0;background: var(--foreground);opacity: 0.24;}@media (prefers-reduced-motion: reduce){.glass-loupe{transition-duration: 0.01ms;}.glass-loupe-clone{filter: none;}}

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

@@ -1,7 +1,12 @@
 import type { HTMLAttributes } from "vue";
-import type { Motion, Orientation } from "../_shared/axes";
-import type { Direction, FormFieldProps } from "../_shared/primitive";
-export type SliderVariant = "standard" | "spectrum";
+import type { Motion, Orientation } from "../_shared/axes.js";
+import type { Direction, FormFieldProps } from "../_shared/primitive.js";
+/**
+ * `scrubber` is the continuous-cylinder recipe — one glass segment whose leading edge
+ * IS the handle, with no visible thumb. `spectrum` is the gradient colour-picker
+ * recipe with a visible slim squircle handle.
+ */
+export type SliderVariant = "scrubber" | "spectrum";
 export type SliderSize = "sm" | "md" | "lg";
 export interface SliderProps extends FormFieldProps {
     modelValue?: number[] | null;
@@ -20,6 +25,10 @@ export interface SliderProps extends FormFieldProps {
     /** Decorative checkpoints in the numeric domain; they never snap the value. */
     marks?: readonly number[];
     invalid?: boolean;
-    keepDockOpen?: boolean;
     motion?: Motion;
+    /**
+     * Humane readout for assistive tech — the string a screen reader hears instead of
+     * the raw number. Authored per thumb onto `aria-valuetext`; reka mints none.
+     */
+    valueText?: (value: number, index: number) => string;
 }

package/dist/components/sortable-list/SortableItem.vue.d.ts

@@ -1,4 +1,4 @@
-import type { SortableId } from "./composables/types";
+import type { SortableId } from "./types.js";
 type __VLS_Props = {
     id: SortableId;
     disabled?: boolean;