@refraction-ui/react 0.18.4 → 0.19.1

package/dist/internal/react-slider/index.d.ts

@@ -1,8 +1,29 @@
 import * as React from 'react';
 
-interface SliderProps extends React.InputHTMLAttributes<HTMLInputElement> {
+interface SliderProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'value' | 'defaultValue' | 'onChange' | 'min' | 'max' | 'step'> {
+    /** Current value (controlled). Pair with `onChange`/`onValueChange`. */
+    value?: number;
+    /** Initial value for uncontrolled usage (defaults to `min`). */
+    defaultValue?: number;
+    /** Minimum selectable value (default 0). */
+    min?: number;
+    /** Maximum selectable value (default 100). */
+    max?: number;
+    /** Granularity between selectable values (default 1). */
+    step?: number;
+    /** Called with the new numeric value as the user moves the thumb. */
+    onChange?: (value: number) => void;
+    /** Alias of `onChange`, matching the library-wide naming convention. */
+    onValueChange?: (value: number) => void;
     variant?: 'default';
 }
+/**
+ * Slider — a single-value range control over a native
+ * `<input type="range">`. Value clamping, step rounding, and ARIA come from
+ * the headless `@refraction-ui/slider` core; keyboard interaction is native
+ * to the input (the core's `getSliderValueFromKey` pins the same rules for
+ * non-native adapters).
+ */
 declare const Slider: React.ForwardRefExoticComponent<SliderProps & React.RefAttributes<HTMLInputElement>>;
 
 export { Slider, type SliderProps };

package/dist/internal/react-status-indicator/index.d.cts

@@ -1,4 +1,3 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { StatusType } from '../status-indicator/index.cjs';
 export { StatusProps as CoreStatusProps, STATUS_COLORS, STATUS_LABELS, StatusAPI, StatusType, statusContainerStyles, statusDotVariants, statusLabelStyles, statusPulseVariants } from '../status-indicator/index.cjs';
@@ -13,9 +12,6 @@ interface StatusIndicatorProps {
     showLabel?: boolean;
     className?: string;
 }
-declare function StatusIndicator({ type, label, children, pulse, showLabel, className, }: StatusIndicatorProps): react_jsx_runtime.JSX.Element;
-declare namespace StatusIndicator {
-    var displayName: string;
-}
+declare const StatusIndicator: React.ForwardRefExoticComponent<StatusIndicatorProps & React.RefAttributes<HTMLSpanElement>>;
 
 export { StatusIndicator, type StatusIndicatorProps };

package/dist/internal/react-status-indicator/index.d.ts

@@ -1,4 +1,3 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { StatusType } from '../status-indicator/index.js';
 export { StatusProps as CoreStatusProps, STATUS_COLORS, STATUS_LABELS, StatusAPI, StatusType, statusContainerStyles, statusDotVariants, statusLabelStyles, statusPulseVariants } from '../status-indicator/index.js';
@@ -13,9 +12,6 @@ interface StatusIndicatorProps {
     showLabel?: boolean;
     className?: string;
 }
-declare function StatusIndicator({ type, label, children, pulse, showLabel, className, }: StatusIndicatorProps): react_jsx_runtime.JSX.Element;
-declare namespace StatusIndicator {
-    var displayName: string;
-}
+declare const StatusIndicator: React.ForwardRefExoticComponent<StatusIndicatorProps & React.RefAttributes<HTMLSpanElement>>;
 
 export { StatusIndicator, type StatusIndicatorProps };

package/dist/internal/react-tabs/index.d.cts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 export { TabsProps as CoreTabsProps, TabsAPI, TabsState, tabsListVariants, tabsTriggerVariants } from '../tabs/index.cjs';
 
-interface TabsProps {
+interface TabsProps extends React.HTMLAttributes<HTMLDivElement> {
     value?: string;
     defaultValue?: string;
     onValueChange?: (value: string) => void;
@@ -9,13 +9,7 @@ interface TabsProps {
     className?: string;
     children?: React.ReactNode;
 }
-declare function Tabs({ value: controlledValue, defaultValue, onValueChange, orientation, className, children, }: TabsProps): React.DetailedReactHTMLElement<{
-    className: string | undefined;
-    'data-orientation': "horizontal" | "vertical";
-}, HTMLElement>;
-declare namespace Tabs {
-    var displayName: string;
-}
+declare const Tabs: React.ForwardRefExoticComponent<TabsProps & React.RefAttributes<HTMLDivElement>>;
 interface TabsListProps extends React.HTMLAttributes<HTMLDivElement> {
 }
 declare const TabsList: React.ForwardRefExoticComponent<TabsListProps & React.RefAttributes<HTMLDivElement>>;

package/dist/internal/react-tabs/index.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 export { TabsProps as CoreTabsProps, TabsAPI, TabsState, tabsListVariants, tabsTriggerVariants } from '../tabs/index.js';
 
-interface TabsProps {
+interface TabsProps extends React.HTMLAttributes<HTMLDivElement> {
     value?: string;
     defaultValue?: string;
     onValueChange?: (value: string) => void;
@@ -9,13 +9,7 @@ interface TabsProps {
     className?: string;
     children?: React.ReactNode;
 }
-declare function Tabs({ value: controlledValue, defaultValue, onValueChange, orientation, className, children, }: TabsProps): React.DetailedReactHTMLElement<{
-    className: string | undefined;
-    'data-orientation': "horizontal" | "vertical";
-}, HTMLElement>;
-declare namespace Tabs {
-    var displayName: string;
-}
+declare const Tabs: React.ForwardRefExoticComponent<TabsProps & React.RefAttributes<HTMLDivElement>>;
 interface TabsListProps extends React.HTMLAttributes<HTMLDivElement> {
 }
 declare const TabsList: React.ForwardRefExoticComponent<TabsListProps & React.RefAttributes<HTMLDivElement>>;

package/dist/internal/react-thread-view/index.d.cts

@@ -9,26 +9,6 @@ interface ThreadViewProps {
     currentUserId?: string;
     className?: string;
 }
-declare function ThreadView({ messages, onReply, onReact, currentUserId, className, }: ThreadViewProps): React.DetailedReactHTMLElement<{
-    className: string;
-    role?: string | undefined;
-    tabIndex?: number | undefined;
-    'aria-label'?: string | undefined;
-    'aria-labelledby'?: string | undefined;
-    'aria-describedby'?: string | undefined;
-    'aria-controls'?: string | undefined;
-    'aria-expanded'?: boolean | undefined;
-    'aria-selected'?: boolean | undefined;
-    'aria-hidden'?: boolean | undefined;
-    'aria-disabled'?: boolean | undefined;
-    'aria-pressed'?: boolean | "mixed" | undefined;
-    'aria-checked'?: boolean | "mixed" | undefined;
-    'aria-current'?: boolean | "page" | "step" | "location" | "date" | "time" | undefined;
-    'aria-live'?: "off" | "assertive" | "polite" | undefined;
-    'aria-atomic'?: boolean | undefined;
-}, HTMLElement>;
-declare namespace ThreadView {
-    var displayName: string;
-}
+declare const ThreadView: React.ForwardRefExoticComponent<ThreadViewProps & React.RefAttributes<HTMLDivElement>>;
 
 export { ThreadView, type ThreadViewProps };

package/dist/internal/react-thread-view/index.d.ts

@@ -9,26 +9,6 @@ interface ThreadViewProps {
     currentUserId?: string;
     className?: string;
 }
-declare function ThreadView({ messages, onReply, onReact, currentUserId, className, }: ThreadViewProps): React.DetailedReactHTMLElement<{
-    className: string;
-    role?: string | undefined;
-    tabIndex?: number | undefined;
-    'aria-label'?: string | undefined;
-    'aria-labelledby'?: string | undefined;
-    'aria-describedby'?: string | undefined;
-    'aria-controls'?: string | undefined;
-    'aria-expanded'?: boolean | undefined;
-    'aria-selected'?: boolean | undefined;
-    'aria-hidden'?: boolean | undefined;
-    'aria-disabled'?: boolean | undefined;
-    'aria-pressed'?: boolean | "mixed" | undefined;
-    'aria-checked'?: boolean | "mixed" | undefined;
-    'aria-current'?: boolean | "page" | "step" | "location" | "date" | "time" | undefined;
-    'aria-live'?: "off" | "assertive" | "polite" | undefined;
-    'aria-atomic'?: boolean | undefined;
-}, HTMLElement>;
-declare namespace ThreadView {
-    var displayName: string;
-}
+declare const ThreadView: React.ForwardRefExoticComponent<ThreadViewProps & React.RefAttributes<HTMLDivElement>>;
 
 export { ThreadView, type ThreadViewProps };

package/dist/internal/react-version-selector/index.d.cts

@@ -1,14 +1,7 @@
 import * as React from 'react';
-import { VersionOption, VersionSelectorAPI } from '../version-selector/index.cjs';
+import { VersionOption } from '../version-selector/index.cjs';
 export { VersionOption, latestBadgeVariants, optionVariants, versionSelectorVariants } from '../version-selector/index.cjs';
 
-interface VersionSelectorContextValue {
-    api: VersionSelectorAPI;
-    isOpen: boolean;
-    setOpen: (value: boolean) => void;
-    select: (value: string) => void;
-    versions: VersionOption[];
-}
 interface VersionSelectorProps {
     value?: string;
     onValueChange?: (value: string) => void;
@@ -16,9 +9,6 @@ interface VersionSelectorProps {
     placeholder?: string;
     className?: string;
 }
-declare function VersionSelector({ value: controlledValue, onValueChange, versions, placeholder, className, }: VersionSelectorProps): React.FunctionComponentElement<React.ProviderProps<VersionSelectorContextValue | null>>;
-declare namespace VersionSelector {
-    var displayName: string;
-}
+declare const VersionSelector: React.ForwardRefExoticComponent<VersionSelectorProps & React.RefAttributes<HTMLDivElement>>;
 
 export { VersionSelector, type VersionSelectorProps };

package/dist/internal/react-version-selector/index.d.ts

@@ -1,14 +1,7 @@
 import * as React from 'react';
-import { VersionOption, VersionSelectorAPI } from '../version-selector/index.js';
+import { VersionOption } from '../version-selector/index.js';
 export { VersionOption, latestBadgeVariants, optionVariants, versionSelectorVariants } from '../version-selector/index.js';
 
-interface VersionSelectorContextValue {
-    api: VersionSelectorAPI;
-    isOpen: boolean;
-    setOpen: (value: boolean) => void;
-    select: (value: string) => void;
-    versions: VersionOption[];
-}
 interface VersionSelectorProps {
     value?: string;
     onValueChange?: (value: string) => void;
@@ -16,9 +9,6 @@ interface VersionSelectorProps {
     placeholder?: string;
     className?: string;
 }
-declare function VersionSelector({ value: controlledValue, onValueChange, versions, placeholder, className, }: VersionSelectorProps): React.FunctionComponentElement<React.ProviderProps<VersionSelectorContextValue | null>>;
-declare namespace VersionSelector {
-    var displayName: string;
-}
+declare const VersionSelector: React.ForwardRefExoticComponent<VersionSelectorProps & React.RefAttributes<HTMLDivElement>>;
 
 export { VersionSelector, type VersionSelectorProps };

package/dist/internal/reaction-bar/index.d.cts

@@ -1,5 +1,3 @@
-import { AccessibilityProps } from '../shared/index.cjs';
-
 interface Reaction {
     /** The emoji character */
     emoji: string;
@@ -24,7 +22,7 @@ interface ReactionBarAPI {
     /** Add a new reaction */
     add(emoji: string): void;
     /** ARIA props for the reaction bar container */
-    ariaProps: Partial<AccessibilityProps> & Record<string, unknown>;
+    ariaProps: Record<string, string | number | boolean>;
     /** Get ARIA props for an individual reaction pill */
     getReactionAriaProps(reaction: Reaction): Record<string, unknown>;
     /** ARIA props for the "add reaction" button */

package/dist/internal/reaction-bar/index.d.ts

@@ -1,5 +1,3 @@
-import { AccessibilityProps } from '../shared/index.js';
-
 interface Reaction {
     /** The emoji character */
     emoji: string;
@@ -24,7 +22,7 @@ interface ReactionBarAPI {
     /** Add a new reaction */
     add(emoji: string): void;
     /** ARIA props for the reaction bar container */
-    ariaProps: Partial<AccessibilityProps> & Record<string, unknown>;
+    ariaProps: Record<string, string | number | boolean>;
     /** Get ARIA props for an individual reaction pill */
     getReactionAriaProps(reaction: Reaction): Record<string, unknown>;
     /** ARIA props for the "add reaction" button */

package/dist/internal/status-indicator/index.d.cts

@@ -1,5 +1,3 @@
-import { AccessibilityProps } from '../shared/index.cjs';
-
 type StatusType = 'success' | 'error' | 'warning' | 'info' | 'pending' | 'neutral';
 interface StatusProps {
     /** The status type */
@@ -11,7 +9,7 @@ interface StatusProps {
 }
 interface StatusAPI {
     /** ARIA attributes for the status indicator */
-    ariaProps: Partial<AccessibilityProps> & Record<string, unknown>;
+    ariaProps: Record<string, string | number | boolean>;
     /** The status type */
     type: StatusType;
     /** The display label */

package/dist/internal/status-indicator/index.d.ts

@@ -1,5 +1,3 @@
-import { AccessibilityProps } from '../shared/index.js';
-
 type StatusType = 'success' | 'error' | 'warning' | 'info' | 'pending' | 'neutral';
 interface StatusProps {
     /** The status type */
@@ -11,7 +9,7 @@ interface StatusProps {
 }
 interface StatusAPI {
     /** ARIA attributes for the status indicator */
-    ariaProps: Partial<AccessibilityProps> & Record<string, unknown>;
+    ariaProps: Record<string, string | number | boolean>;
     /** The status type */
     type: StatusType;
     /** The display label */

package/dist/internal/thread-view/index.d.cts

@@ -1,5 +1,3 @@
-import { AccessibilityProps } from '../shared/index.cjs';
-
 interface MessageReaction {
     emoji: string;
     count: number;
@@ -64,11 +62,11 @@ interface ThreadViewAPI {
     /** Format relative time (e.g., "2 minutes ago") */
     formatRelativeTime(date: Date): string;
     /** ARIA props for the thread container */
-    ariaProps: Partial<AccessibilityProps> & Record<string, unknown>;
+    ariaProps: Record<string, string | number | boolean>;
     /** Get ARIA props for a message */
-    getMessageAriaProps(message: MessageData): Record<string, unknown>;
+    getMessageAriaProps(message: MessageData): Record<string, string | number | boolean>;
     /** Get ARIA props for a reply button */
-    getReplyButtonAriaProps(messageId: string): Record<string, unknown>;
+    getReplyButtonAriaProps(messageId: string): Record<string, string | number | boolean>;
     /** Generated IDs */
     ids: {
         thread: string;

package/dist/internal/thread-view/index.d.ts

@@ -1,5 +1,3 @@
-import { AccessibilityProps } from '../shared/index.js';
-
 interface MessageReaction {
     emoji: string;
     count: number;
@@ -64,11 +62,11 @@ interface ThreadViewAPI {
     /** Format relative time (e.g., "2 minutes ago") */
     formatRelativeTime(date: Date): string;
     /** ARIA props for the thread container */
-    ariaProps: Partial<AccessibilityProps> & Record<string, unknown>;
+    ariaProps: Record<string, string | number | boolean>;
     /** Get ARIA props for a message */
-    getMessageAriaProps(message: MessageData): Record<string, unknown>;
+    getMessageAriaProps(message: MessageData): Record<string, string | number | boolean>;
     /** Get ARIA props for a reply button */
-    getReplyButtonAriaProps(messageId: string): Record<string, unknown>;
+    getReplyButtonAriaProps(messageId: string): Record<string, string | number | boolean>;
     /** Generated IDs */
     ids: {
         thread: string;

package/dist/internal/toast/index.d.cts

@@ -12,6 +12,8 @@ interface ToastProps {
     open?: boolean;
     /** Callback when open state changes */
     onOpenChange?: (open: boolean) => void;
+    /** Elapsed-time clock for timer pause/resume math (ms). Default: ambient `Date.now()` — inject for deterministic tests. */
+    now?: () => number;
 }
 interface ToastState {
     open: boolean;
@@ -53,7 +55,11 @@ interface ToastManagerAPI {
     /** Subscribe to toast list changes. Returns unsubscribe function. */
     subscribe(fn: (toasts: ReadonlyArray<ToastEntry>) => void): () => void;
 }
-declare function createToastManager(): ToastManagerAPI;
+interface ToastManagerConfig {
+    /** Clock for entry `createdAt` stamps (ms). Default: ambient `Date.now()` — inject for deterministic tests. */
+    now?: () => number;
+}
+declare function createToastManager(config?: ToastManagerConfig): ToastManagerAPI;
 
 declare const toastVariants: (props?: ({
     variant?: "default" | "success" | "error" | "warning" | undefined;

package/dist/internal/toast/index.d.ts

@@ -12,6 +12,8 @@ interface ToastProps {
     open?: boolean;
     /** Callback when open state changes */
     onOpenChange?: (open: boolean) => void;
+    /** Elapsed-time clock for timer pause/resume math (ms). Default: ambient `Date.now()` — inject for deterministic tests. */
+    now?: () => number;
 }
 interface ToastState {
     open: boolean;
@@ -53,7 +55,11 @@ interface ToastManagerAPI {
     /** Subscribe to toast list changes. Returns unsubscribe function. */
     subscribe(fn: (toasts: ReadonlyArray<ToastEntry>) => void): () => void;
 }
-declare function createToastManager(): ToastManagerAPI;
+interface ToastManagerConfig {
+    /** Clock for entry `createdAt` stamps (ms). Default: ambient `Date.now()` — inject for deterministic tests. */
+    now?: () => number;
+}
+declare function createToastManager(config?: ToastManagerConfig): ToastManagerAPI;
 
 declare const toastVariants: (props?: ({
     variant?: "default" | "success" | "error" | "warning" | undefined;

package/dist/internal/voice-pill/index.d.cts

@@ -1,4 +1,4 @@
-import { AccessibilityProps, TokenContract } from '../shared/index.cjs';
+import { TokenContract } from '../shared/index.cjs';
 
 type VoicePillSpeaker = 'ai' | 'user' | (string & {});
 type VoicePillPosition = 'inline' | 'top-start' | 'top-center' | 'top-end' | 'bottom-start' | 'bottom-center' | 'bottom-end' | 'left-start' | 'left-center' | 'left-end' | 'right-start' | 'right-center' | 'right-end';
@@ -43,7 +43,7 @@ interface VoicePillAPI {
     /** Invoke the mute callback when provided */
     toggleMute(): void;
     /** ARIA props for the live status pill */
-    ariaProps: Partial<AccessibilityProps> & Record<string, unknown>;
+    ariaProps: Record<string, string | number | boolean>;
     /** ARIA props for the mute toggle */
     toggleMuteAriaProps: Record<string, unknown>;
     /** Data attributes reflecting speaker/state */

package/dist/internal/voice-pill/index.d.ts

@@ -1,4 +1,4 @@
-import { AccessibilityProps, TokenContract } from '../shared/index.js';
+import { TokenContract } from '../shared/index.js';
 
 type VoicePillSpeaker = 'ai' | 'user' | (string & {});
 type VoicePillPosition = 'inline' | 'top-start' | 'top-center' | 'top-end' | 'bottom-start' | 'bottom-center' | 'bottom-end' | 'left-start' | 'left-center' | 'left-end' | 'right-start' | 'right-center' | 'right-end';
@@ -43,7 +43,7 @@ interface VoicePillAPI {
     /** Invoke the mute callback when provided */
     toggleMute(): void;
     /** ARIA props for the live status pill */
-    ariaProps: Partial<AccessibilityProps> & Record<string, unknown>;
+    ariaProps: Record<string, string | number | boolean>;
     /** ARIA props for the mute toggle */
     toggleMuteAriaProps: Record<string, unknown>;
     /** Data attributes reflecting speaker/state */