@mkbabb/glass-ui 6.0.0 → 7.0.0

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

@@ -1,16 +1,28 @@
-import type { NumberFieldRootProps } from 'reka-ui';
-import { type HTMLAttributes } from 'vue';
-type __VLS_Props = NumberFieldRootProps & {
-    class?: HTMLAttributes['class'];
-};
+import { type HTMLAttributes } from "vue";
+import type { FormFieldProps, PrimitiveProps } from "../_shared/primitive";
+export interface NumberFieldProps extends PrimitiveProps, FormFieldProps {
+    modelValue?: number | null;
+    defaultValue?: number;
+    min?: number;
+    max?: number;
+    step?: number;
+    formatOptions?: Intl.NumberFormatOptions;
+    locale?: string;
+    disabled?: boolean;
+    readonly?: boolean;
+    id?: string;
+    /** App-driven invalid state; locale parsing and native form behavior stay Reka-owned. */
+    invalid?: boolean;
+    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": (val: number) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onUpdate:modelValue"?: ((val: number) => any) | undefined;
+declare const __VLS_base: import("vue").DefineComponent<NumberFieldProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: number) => any;
+}, string, import("vue").PublicProps, Readonly<NumberFieldProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: number) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

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

@@ -1,6 +1,6 @@
-import type { HTMLAttributes } from 'vue';
+import type { HTMLAttributes } from "vue";
 type __VLS_Props = {
-    class?: HTMLAttributes['class'];
+    class?: HTMLAttributes["class"];
 };
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {

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

@@ -1,13 +1,13 @@
-import type { NumberFieldDecrementProps } from 'reka-ui';
-import { type HTMLAttributes } from 'vue';
-type __VLS_Props = NumberFieldDecrementProps & {
-    class?: HTMLAttributes['class'];
-};
+import type { HTMLAttributes } from "vue";
+export interface NumberFieldDecrementProps {
+    disabled?: boolean;
+    class?: HTMLAttributes["class"];
+}
 declare var __VLS_14: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_14) => any;
 };
-declare const __VLS_base: 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>;
+declare const __VLS_base: import("vue").DefineComponent<NumberFieldDecrementProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NumberFieldDecrementProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -1,13 +1,13 @@
-import type { NumberFieldIncrementProps } from 'reka-ui';
-import { type HTMLAttributes } from 'vue';
-type __VLS_Props = NumberFieldIncrementProps & {
-    class?: HTMLAttributes['class'];
-};
+import type { HTMLAttributes } from "vue";
+export interface NumberFieldIncrementProps {
+    disabled?: boolean;
+    class?: HTMLAttributes["class"];
+}
 declare var __VLS_14: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_14) => any;
 };
-declare const __VLS_base: 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>;
+declare const __VLS_base: import("vue").DefineComponent<NumberFieldIncrementProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NumberFieldIncrementProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -1,8 +1,3 @@
-import { type ControlSize } from '../_shared/useControlSize';
 declare const _default: typeof __VLS_export;
 export default _default;
-declare const __VLS_export: import("vue").DefineComponent<{
-    size?: ControlSize;
-}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
-    size?: ControlSize;
-}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

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

@@ -0,0 +1,6 @@
+import type { AriaAttributes, ComputedRef, InjectionKey } from "vue";
+export interface NumberFieldContext {
+    ariaInvalid: ComputedRef<AriaAttributes["aria-invalid"]>;
+    required: ComputedRef<boolean>;
+}
+export declare const numberFieldContextKey: InjectionKey<NumberFieldContext>;

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

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

package/dist/components/number-field/styles.css

@@ -0,0 +1 @@
+@layer components { .number-field { display: grid; gap: 0.375rem; } .number-field__content { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; } .number-field__content > * { grid-row: 1; } .number-field__input { --field-control-height: var(--control-h-lg); grid-column: 1 / -1; font-family: var(--font-mono); font-variant-numeric: tabular-nums; text-align: center; } .number-field__content:has(> .number-field__step--decrement) > .number-field__input { padding-inline-start: calc(var(--control-h-lg) + 0.25rem); } .number-field__content:has(> .number-field__step--increment) > .number-field__input { padding-inline-end: calc(var(--control-h-lg) + 0.25rem); } .number-field__step { z-index: 1; align-self: stretch; } .number-field__step--decrement { grid-column: 1; } .number-field__step--increment { grid-column: 3; } .number-field__input[data-state="invalid"] { border-width: 2px; } }

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

@@ -7,8 +7,7 @@ export declare const DEFAULT_DOT_REM = 0.8125;
 /** Fallback max worm elongation (px) when `--pager-dot-elongated` cannot be read —
  *  the clamp on the lead↔trail gap so a multi-hop worm travels bounded, never taffy. */
 export declare const DEFAULT_ELONGATED_PX = 36;
-/** Fallback max-stretch cap (`--pager-worm-max-stretch`) — the LOW velocity-swell
- *  band (BI.W-PAGER-WORM R10; 1.08–1.2), the 1.45 taffy value retired. */
+/** Fallback max-stretch cap (`--pager-worm-max-stretch`) for the 1.08–1.2 band. */
 export declare const DEFAULT_MAX_STRETCH = 1.2;
 /** The metaball NECK girth (the dumbbell-shoulder bridge height between the two
  *  pip-bodies, ~0.7·D) — a tighter, gooier waist than the wider carousel. */

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

@@ -1,4 +1,2 @@
 export { default as PagerDots } from "./PagerDots.vue";
 export type { PagerDotsProps } from "./PagerDots.vue";
-export { pagerWindow } from "./pagerWindow";
-export type { PagerWindow } from "./pagerWindow";

package/dist/components/paper-backdrop/PaperBackdrop.vue.d.ts

@@ -1,18 +1,5 @@
-import { type HTMLAttributes } from "vue";
-/**
- * Turbulence-texture register on `<PaperBackdrop>`. `"clean"` is the default
- * 0.65-baseFrequency / 4-octave grain; `"aged"` swaps to the 0.5-baseFrequency
- * / 5-octave variant via the `--paper-aged-texture` CSS custom property.
- * Consumers extend the register by adding their own `--paper-*-texture` vars
- * at `:root` and applying via raw `class="paper-grain-overlay"` plus an inline
- * `style` override — the texture-system canonical cascade per DESIGN.md.
- */
-export type PaperBackdropFrequency = "clean" | "aged";
+import type { HTMLAttributes } from "vue";
 export interface PaperBackdropProps {
-    /** Override grain opacity (defaults to --glass-grain-opacity). */
-    opacity?: number | string;
-    /** Override turbulence frequency (advisory only — swaps the texture var). */
-    frequency?: PaperBackdropFrequency;
     /** Additional class names. */
     class?: HTMLAttributes["class"];
 }

package/dist/components/paper-backdrop/index.d.ts

@@ -1,2 +1,2 @@
 export { default as PaperBackdrop } from "./PaperBackdrop.vue";
-export type { PaperBackdropFrequency, PaperBackdropProps } from "./PaperBackdrop.vue";
+export type { PaperBackdropProps } from "./PaperBackdrop.vue";

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;
 }>, {
-    surface: Surface;
+    side: import("../_shared/floating").FloatingSide;
     sideOffset: number;
-    align: "end" | "start" | "center";
+    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,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";
+declare const __VLS_export: import("vue").DefineComponent<ProgressProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProgressProps> & Readonly<{}>, {
     modelValue: number | null;
-    variant: ProgressVariant;
     indeterminate: boolean;
+    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;

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

@@ -1 +1,2 @@
 export { default as Progress } from "./Progress.vue";
+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<{}>, {
-    speed: PulseSpeed;
-    variant: PulseVariant;
-    count: number;
-    intensity: PulseIntensity;
-    once: boolean;
+    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

@@ -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-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 = {
@@ -16,8 +16,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     size: ControlSize;
     placeholder: string;
-    surface: Surface;
     variant: SearchVariant;
+    surface: Surface;
     ariaLabel: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

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;
@@ -24,8 +24,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
     size: ControlSize;
     modelValue: string;
     placeholder: string;
-    surface: Surface;
     variant: SearchVariant;
+    surface: Surface;
     tag: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;