@mkbabb/glass-ui 5.0.0 → 7.0.0

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

@@ -1,45 +1,33 @@
-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). */
+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;
+}
+export interface PopoverEmits {
+    "update:open": [value: boolean];
+}
+type __VLS_Slots = {
+    default?: () => unknown;
 };
-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).
-     */
-    "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;
-};
-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;
+    trigger: PopoverTriggerMode;
     openDelay: number;
     closeDelay: number;
     keepDockOpen: boolean;

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

@@ -1,46 +1,40 @@
 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 { Surface } from "../_shared/axes";
+import { type FloatingPlacementProps } from "../_shared/floating";
+import type { DismissableContentEmits } from "../_shared/interaction";
+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 for the hover group or click dialog. */
     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").PointerDownOutsideEvent) => any;
+    focusOutside: (event: import("../_shared/interaction").FocusOutsideEvent) => any;
+    interactOutside: (event: import("../_shared/interaction").PointerDownOutsideEvent | import("../_shared/interaction").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").PointerDownOutsideEvent) => any) | undefined;
+    onFocusOutside?: ((event: import("../_shared/interaction").FocusOutsideEvent) => any) | undefined;
+    onInteractOutside?: ((event: import("../_shared/interaction").PointerDownOutsideEvent | import("../_shared/interaction").FocusOutsideEvent) => any) | undefined;
     onOpenAutoFocus?: ((event: Event) => any) | undefined;
     onCloseAutoFocus?: ((event: Event) => any) | undefined;
 }>, {
-    align: "center" | "start" | "end";
-    surface: Surface;
+    side: import("../_shared/floating").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,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";
+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";
+export { default as PopoverTrigger, type PopoverTriggerProps, } from "./PopoverTrigger.vue";
+export { default as PopoverContent, type PopoverContentEmits, type PopoverContentProps, } from "./PopoverContent.vue";

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

@@ -1,17 +1,16 @@
 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 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,54 +1,11 @@
-import { type HTMLAttributes } from "vue";
-import type { ProgressRootProps } from "reka-ui";
-import type { ProgressSegment } from "./useProgressGeometry";
-type ProgressVariant = "default" | "gradient" | "liquid" | "sectioned";
-/**
- * Progress — the thin variant dispatcher over four orthogonal designs:
- *   - `default`   → ProgressDefault   (plain rail + translateX intake-pulse)
- *   - `gradient`  → ProgressGradient  (lifecycle motion grammar + indeterminate)
- *   - `liquid`    → ProgressLiquid    (the shared .glass-liquid-fill glass cylinder;
- *                                      the phase-colour meter — BG.W-LIQUID-FILL)
- *   - `sectioned` → ProgressSectioned (phase-bus cells + spring active fill)
- *
- * The dispatcher carries an EXPLICIT prop-boundary contract: incompatible prop
- * combinations are refused OUT LOUD (a dev throw) rather than silently producing
- * a wrong paint. The historical break this closes: a consumer passing
- * `:model-value` to the sectioned variant had it SILENTLY overridden by the
- * cumulative cell-fill aggregate, so the bar ignored the value the consumer
- * thought drove it. The contract below makes that misuse a loud error — the
- * sectioned variant derives its own a11y value from the cells; `modelValue` is
- * not its truth.
- */
-type __VLS_Props = ProgressRootProps & {
-    class?: HTMLAttributes["class"];
-    /**
-     * 'default'   = bg-secondary rail + bg-primary indicator.
-     * 'gradient'  = rail respects --progress-track; indicator respects
-     *               --progress-fill; the W4 lifecycle motion grammar layers on.
-     * 'liquid'    = the shared .glass-liquid-fill glass-cylinder meter
-     *               (BG.W-LIQUID-FILL) — the fill tints off --progress-fill
-     *               (or --liquid-fill-tint) with zero per-site glass knowledge.
-     * 'sectioned' = phase-bus (AB.W3.T2). N colour-coded cells with gradient
-     *               seams; the active cell carries a spring fill. The per-cell
-     *               state map is the truth — NOT `modelValue`.
-     */
-    variant?: ProgressVariant;
-    /** Sectioned only — ordered segment list. */
-    segments?: ProgressSegment[];
-    /** Sectioned only — key of the currently active segment. */
-    currentSegmentKey?: string | null;
-    /** Sectioned only — 0..1 fill of the active segment. */
-    activeProgress?: 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<{}>, {
-    variant: ProgressVariant;
+import type { ProgressProps } from "./types";
+declare const __VLS_export: import("vue").DefineComponent<ProgressProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProgressProps> & Readonly<{}>, {
     modelValue: number | null;
     indeterminate: boolean;
-    segments: ProgressSegment[];
-    currentSegmentKey: string | null;
-    activeProgress: number;
+    orientation: import("./types").ProgressOrientation;
+    status: import("./types").ProgressStatus;
+    variant: import("./types").ProgressVariant;
+    marks: readonly number[];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -1,6 +1,2 @@
 export { default as Progress } from "./Progress.vue";
-export { default as ProgressDefault } from "./ProgressDefault.vue";
-export { default as ProgressGradient } from "./ProgressGradient.vue";
-export { default as ProgressLiquid } from "./ProgressLiquid.vue";
-export { default as ProgressSectioned } from "./ProgressSectioned.vue";
-export { useProgressGeometry, type ProgressSegment, type SectionedCell, } from "./useProgressGeometry";
+export type { ProgressOrientation, ProgressProps, ProgressStatus, ProgressVariant, } from "./types";

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

@@ -0,0 +1,19 @@
+import type { HTMLAttributes } from "vue";
+import type { Orientation } from "../_shared/axes";
+import type { PrimitiveProps } from "../_shared/primitive";
+export type ProgressVariant = "default" | "gradient" | "liquid";
+export type ProgressStatus = "default" | "error";
+export type ProgressOrientation = Orientation;
+export interface ProgressProps extends PrimitiveProps {
+    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;
+    /** Decorative checkpoints in the value domain; they never alter progress. */
+    marks?: readonly number[];
+    indeterminate?: boolean;
+}

package/dist/components/pulse/Pulse.vue.d.ts

@@ -1,53 +1,14 @@
-import type { HTMLAttributes } from 'vue';
-/**
- * Pulse — three variants:
- *  - `dots`  : three-glyph loading indicator (default)
- *  - `ring`  : single ring spinner
- *  - `aura`  : ambient surface-scope halo (AB.W3.T1). Paints an
- *              absolutely-positioned radial gradient that breathes
- *              (scale + opacity) inside the parent surface. The host
- *              element MUST be `position: relative` and own a
- *              `border-radius` — the aura inherits both. The host
- *              also controls colour via `--pulse-aura-color`
- *              (default `currentColor`).
- *
- * `aura` is the AB.W3 Living-UI primitive: consumers compose it on
- * an existing surface (a button, a hero pill, a result-row value
- * span, a timeline marker) without hand-rolling pulse keyframes.
- * The shipped tokens (--animate-ambient-pulse-*) parameterise the
- * cycle so consumers do not redefine the breathing rhythm per site.
- *
- * Reduced motion: the `breath` keyframe collapses to a static halo
- * at media-query level (animations.css). The depth/colour stays
- * visible; only the scale + opacity cycle disables.
- */
-type PulseVariant = 'dots' | 'ring' | 'aura';
-type PulseSpeed = 'slow' | 'normal' | 'fast';
-type PulseIntensity = 'subtle' | 'normal' | 'vivid';
+import type { HTMLAttributes } from "vue";
+import type { PulseState } from "../_shared/feedback";
 type __VLS_Props = {
-    variant?: PulseVariant;
-    count?: number;
-    speed?: PulseSpeed;
-    /**
-     * Aura-only — amplitude of the breathing cycle. `subtle` reads
-     * as a quiet halo, `vivid` reads as a celebratory pulse. Default
-     * `normal`.
-     */
-    intensity?: PulseIntensity;
-    /**
-     * Aura-only — one-shot mode. When `true`, the aura plays a
-     * single breath then collapses. Used for the completion pulse
-     * (no permanent celebratory throbbing per the W3 contract).
-     */
-    once?: boolean;
-    class?: HTMLAttributes['class'];
+    /** The truthful state represented by the mark. */
+    state?: PulseState;
+    /** Accessible identity. Omit when adjacent text already names the state. */
+    label?: string;
+    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<{}>, {
-    variant: PulseVariant;
-    speed: PulseSpeed;
-    count: number;
-    once: boolean;
-    intensity: PulseIntensity;
+    state: PulseState;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -1 +1,2 @@
 export { default as Pulse } from "./Pulse.vue";
+export type { PulseState } from "../_shared/feedback";

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

@@ -1,20 +1,32 @@
-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";
+import type { Direction, FormFieldProps, PrimitiveProps } from "../_shared/primitive";
+import type { SelectionValue } from "../_shared/selection";
+export interface RadioGroupProps extends PrimitiveProps, FormFieldProps {
+    modelValue?: SelectionValue;
+    defaultValue?: SelectionValue;
+    disabled?: boolean;
+    orientation?: Orientation;
+    dir?: Direction;
+    loop?: boolean;
+    class?: HTMLAttributes["class"];
+    invalid?: boolean;
+}
+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;
+}>, {
+    invalid: boolean;
+    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,11 @@
-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 { SelectionValue } from "../_shared/selection";
+export interface RadioGroupItemProps {
+    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 type { RadioGroupProps } from './RadioGroup.vue';
+export type { RadioGroupItemProps } from './RadioGroupItem.vue';

package/dist/components/radio-group/styles.css

@@ -0,0 +1 @@
+@layer components { .radio-group { --radio-face: 1.125rem; --radio-seat: var(--touch-target, 2.75rem); --radio-seat-offset: calc((var(--radio-seat) - var(--radio-face)) / -2); display: flex; flex-direction: column; align-items: flex-start; gap: calc(var(--radio-seat) - var(--radio-face)); } .radio-group[data-orientation="horizontal"] { flex-flow: row wrap; } .radio-group__item { display: inline-grid; flex: none; place-items: center; inline-size: var(--radio-seat); block-size: var(--radio-seat); margin: var(--radio-seat-offset); padding: 0; border: 0; border-radius: 50%; background: transparent; color: var(--primary-foreground); cursor: pointer; appearance: none; touch-action: manipulation; } .radio-group__face { display: inline-grid; place-items: center; inline-size: var(--radio-face); block-size: var(--radio-face); border: 1px solid var(--control-ring); border-radius: 50%; background: color-mix(in srgb, var(--glass-bg-wash) 72%, transparent); scale: 1; transition: scale var(--duration-fast) var(--transition-liquid-spatial), background-color var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard); } .radio-group__item[data-state="checked"] .radio-group__face { border-color: var(--control-checked-bg); background: var(--control-checked-bg); } .radio-group__indicator { inline-size: 0.5rem; block-size: 0.5rem; border-radius: 50%; background: currentColor; } .radio-group[data-invalid] .radio-group__face, .radio-group[aria-invalid="true"] .radio-group__face, .radio-group__item[aria-invalid="true"] .radio-group__face { border-color: var(--destructive); box-shadow: var(--invalid-ring); } .radio-group__item:focus-visible { outline: none; } .radio-group__item:focus-visible .radio-group__face { box-shadow: var(--focus-ring-shadow); } .radio-group[data-invalid] .radio-group__item:focus-visible .radio-group__face, .radio-group__item[aria-invalid="true"]:focus-visible .radio-group__face { box-shadow: var(--focus-ring-shadow), var(--invalid-ring); } .radio-group__item:active .radio-group__face { scale: var(--scale-press); } .radio-group__item:disabled { cursor: not-allowed; opacity: var(--opacity-disabled); } @media (prefers-reduced-motion: reduce) { .radio-group__item:active .radio-group__face { scale: 1; } } @media (forced-colors: active) { .radio-group__face { border-color: ButtonText; background: Canvas; box-shadow: none; } .radio-group__item[data-state="checked"] .radio-group__face { border-color: Highlight; background: Highlight; color: HighlightText; } .radio-group__item:focus-visible .radio-group__face { outline: 2px solid Highlight; outline-offset: 2px; } } }

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

@@ -0,0 +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); }

package/dist/components/search/FuzzySearch.vue.d.ts

@@ -1,4 +1,4 @@
-import type { Surface } from "../_shared/useSurfaceAxis";
+import type { Surface } from "../_shared/axes";
 import { type ControlSize, type SearchVariant } from "./searchVariants";
 import type { FuzzySearchState, SearchableItem } from "./composables/types";
 type __VLS_Props = {
@@ -7,6 +7,7 @@ type __VLS_Props = {
     size?: ControlSize;
     surface?: Surface;
     placeholder?: string;
+    ariaLabel?: string;
     typeLabel?: (item: SearchableItem) => string;
 };
 declare function focus(): void;
@@ -14,9 +15,10 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {
     focus: typeof focus;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     size: ControlSize;
+    placeholder: string;
     variant: SearchVariant;
     surface: Surface;
-    placeholder: string;
+    ariaLabel: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/components/search/SearchBar.vue.d.ts

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

@@ -1,19 +1,17 @@
-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?: "floating" | "inline" | "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>;
+import { type ClassValue } from "../_shared/class-names";
+import { type ControlSize, controlSizeClass } from "../_shared/control-size";
+declare const VARIANT: {
+    readonly inline: "";
+    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 {
+    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 { controlSizeClass };
 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";
+import type { SelectionValue } from "../_shared/selection";
+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;