@refraction-ui/react 0.18.4 → 0.19.0

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 */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@refraction-ui/react",
-  "version": "0.18.4",
+  "version": "0.19.0",
   "description": "All Refraction UI React components in one package — headless, accessible, zero-dependency",
   "type": "module",
   "main": "./dist/index.js",