@refraction-ui/react 0.18.4 → 0.19.0

package/dist/internal/react-file-tree/index.d.cts

@@ -1,5 +1,32 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { FileTreeNode } from '../file-tree/index.cjs';
+export { FileTreeNode } from '../file-tree/index.cjs';
 
-declare const FileTree: () => react_jsx_runtime.JSX.Element;
+interface FileTreeProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onSelect'> {
+    /** Root-level nodes of the tree. */
+    nodes?: FileTreeNode[];
+    /** Controlled expanded node ids. Pair with `onExpandedChange`. */
+    expandedIds?: string[];
+    /** Uncontrolled initial expanded node ids. */
+    defaultExpandedIds?: string[];
+    /** Controlled selected node id (`null` = none). Pair with `onSelectionChange`. */
+    selectedId?: string | null;
+    /** Uncontrolled initial selected node id. */
+    defaultSelectedId?: string | null;
+    /** Called whenever the expanded set changes. */
+    onExpandedChange?: (ids: string[]) => void;
+    /** Called whenever the selection changes. */
+    onSelectionChange?: (id: string | null) => void;
+}
+/**
+ * FileTree — a hierarchical file/folder tree view.
+ *
+ * Renders `role="tree"` with nested `role="group"`/`role="treeitem"` rows,
+ * expand/collapse, single selection, roving tabindex, and WAI-ARIA treeview
+ * keyboard navigation. All behavior comes from the headless
+ * `@refraction-ui/file-tree` core; supports controlled (`expandedIds` /
+ * `selectedId`) and uncontrolled usage.
+ */
+declare const FileTree: React.ForwardRefExoticComponent<FileTreeProps & React.RefAttributes<HTMLDivElement>>;
 
-export { FileTree };
+export { FileTree, type FileTreeProps };

package/dist/internal/react-file-tree/index.d.ts

@@ -1,5 +1,32 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { FileTreeNode } from '../file-tree/index.js';
+export { FileTreeNode } from '../file-tree/index.js';
 
-declare const FileTree: () => react_jsx_runtime.JSX.Element;
+interface FileTreeProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onSelect'> {
+    /** Root-level nodes of the tree. */
+    nodes?: FileTreeNode[];
+    /** Controlled expanded node ids. Pair with `onExpandedChange`. */
+    expandedIds?: string[];
+    /** Uncontrolled initial expanded node ids. */
+    defaultExpandedIds?: string[];
+    /** Controlled selected node id (`null` = none). Pair with `onSelectionChange`. */
+    selectedId?: string | null;
+    /** Uncontrolled initial selected node id. */
+    defaultSelectedId?: string | null;
+    /** Called whenever the expanded set changes. */
+    onExpandedChange?: (ids: string[]) => void;
+    /** Called whenever the selection changes. */
+    onSelectionChange?: (id: string | null) => void;
+}
+/**
+ * FileTree — a hierarchical file/folder tree view.
+ *
+ * Renders `role="tree"` with nested `role="group"`/`role="treeitem"` rows,
+ * expand/collapse, single selection, roving tabindex, and WAI-ARIA treeview
+ * keyboard navigation. All behavior comes from the headless
+ * `@refraction-ui/file-tree` core; supports controlled (`expandedIds` /
+ * `selectedId`) and uncontrolled usage.
+ */
+declare const FileTree: React.ForwardRefExoticComponent<FileTreeProps & React.RefAttributes<HTMLDivElement>>;
 
-export { FileTree };
+export { FileTree, type FileTreeProps };

package/dist/internal/react-file-upload/index.d.cts

@@ -12,11 +12,6 @@ interface FileUploadProps {
     className?: string;
     children?: React.ReactNode;
 }
-declare function FileUpload({ accept, maxSize, maxFiles, multiple, onFilesSelected, onError, className, children, }: FileUploadProps): React.DetailedReactHTMLElement<{
-    className: string | undefined;
-}, HTMLElement>;
-declare namespace FileUpload {
-    var displayName: string;
-}
+declare const FileUpload: React.ForwardRefExoticComponent<FileUploadProps & React.RefAttributes<HTMLDivElement>>;
 
 export { FileUpload, type FileUploadProps };

package/dist/internal/react-file-upload/index.d.ts

@@ -12,11 +12,6 @@ interface FileUploadProps {
     className?: string;
     children?: React.ReactNode;
 }
-declare function FileUpload({ accept, maxSize, maxFiles, multiple, onFilesSelected, onError, className, children, }: FileUploadProps): React.DetailedReactHTMLElement<{
-    className: string | undefined;
-}, HTMLElement>;
-declare namespace FileUpload {
-    var displayName: string;
-}
+declare const FileUpload: React.ForwardRefExoticComponent<FileUploadProps & React.RefAttributes<HTMLDivElement>>;
 
 export { FileUpload, type FileUploadProps };

package/dist/internal/react-inline-editor/index.d.cts

@@ -7,11 +7,6 @@ interface InlineEditorProps {
     onCancel?: () => void;
     className?: string;
 }
-declare function InlineEditor({ value: initialValue, onSave, onCancel, className, }: InlineEditorProps): React.DetailedReactHTMLElement<{
-    className: string;
-}, HTMLElement>;
-declare namespace InlineEditor {
-    var displayName: string;
-}
+declare const InlineEditor: React.ForwardRefExoticComponent<InlineEditorProps & React.RefAttributes<HTMLDivElement>>;
 
 export { InlineEditor, type InlineEditorProps };

package/dist/internal/react-inline-editor/index.d.ts

@@ -7,11 +7,6 @@ interface InlineEditorProps {
     onCancel?: () => void;
     className?: string;
 }
-declare function InlineEditor({ value: initialValue, onSave, onCancel, className, }: InlineEditorProps): React.DetailedReactHTMLElement<{
-    className: string;
-}, HTMLElement>;
-declare namespace InlineEditor {
-    var displayName: string;
-}
+declare const InlineEditor: React.ForwardRefExoticComponent<InlineEditorProps & React.RefAttributes<HTMLDivElement>>;
 
 export { InlineEditor, type InlineEditorProps };

package/dist/internal/react-keyboard-shortcut/index.d.cts

@@ -21,7 +21,7 @@ interface ShortcutHintProps extends Omit<ShortcutBadgeProps, 'keys'> {
     shortcut?: string;
     action?: string;
 }
-declare function ShortcutHint({ shortcut, action, className, platform, ...props }: ShortcutHintProps): react_jsx_runtime.JSX.Element | null;
+declare const ShortcutHint: React.ForwardRefExoticComponent<ShortcutHintProps & React.RefAttributes<HTMLDivElement>>;
 interface KeyboardShortcutProps {
     /** Key combination */
     keys: string[];

package/dist/internal/react-keyboard-shortcut/index.d.ts

@@ -21,7 +21,7 @@ interface ShortcutHintProps extends Omit<ShortcutBadgeProps, 'keys'> {
     shortcut?: string;
     action?: string;
 }
-declare function ShortcutHint({ shortcut, action, className, platform, ...props }: ShortcutHintProps): react_jsx_runtime.JSX.Element | null;
+declare const ShortcutHint: React.ForwardRefExoticComponent<ShortcutHintProps & React.RefAttributes<HTMLDivElement>>;
 interface KeyboardShortcutProps {
     /** Key combination */
     keys: string[];

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

@@ -1,15 +1,7 @@
 import * as React from 'react';
-import { LanguageOption, LanguageSelectorAPI } from '../language-selector/index.cjs';
+import { LanguageOption } from '../language-selector/index.cjs';
 export { LanguageOption, optionVariants, selectorVariants } from '../language-selector/index.cjs';
 
-interface LanguageSelectorContextValue {
-    api: LanguageSelectorAPI;
-    isOpen: boolean;
-    setOpen: (value: boolean) => void;
-    toggle: (value: string) => void;
-    options: LanguageOption[];
-    multiple: boolean;
-}
 interface LanguageSelectorProps {
     value?: string | string[];
     onValueChange?: (value: string | string[]) => void;
@@ -18,9 +10,6 @@ interface LanguageSelectorProps {
     placeholder?: string;
     className?: string;
 }
-declare function LanguageSelector({ value: controlledValue, onValueChange, options, multiple, placeholder, className, }: LanguageSelectorProps): React.FunctionComponentElement<React.ProviderProps<LanguageSelectorContextValue | null>>;
-declare namespace LanguageSelector {
-    var displayName: string;
-}
+declare const LanguageSelector: React.ForwardRefExoticComponent<LanguageSelectorProps & React.RefAttributes<HTMLDivElement>>;
 
 export { LanguageSelector, type LanguageSelectorProps };

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

@@ -1,15 +1,7 @@
 import * as React from 'react';
-import { LanguageOption, LanguageSelectorAPI } from '../language-selector/index.js';
+import { LanguageOption } from '../language-selector/index.js';
 export { LanguageOption, optionVariants, selectorVariants } from '../language-selector/index.js';
 
-interface LanguageSelectorContextValue {
-    api: LanguageSelectorAPI;
-    isOpen: boolean;
-    setOpen: (value: boolean) => void;
-    toggle: (value: string) => void;
-    options: LanguageOption[];
-    multiple: boolean;
-}
 interface LanguageSelectorProps {
     value?: string | string[];
     onValueChange?: (value: string | string[]) => void;
@@ -18,9 +10,6 @@ interface LanguageSelectorProps {
     placeholder?: string;
     className?: string;
 }
-declare function LanguageSelector({ value: controlledValue, onValueChange, options, multiple, placeholder, className, }: LanguageSelectorProps): React.FunctionComponentElement<React.ProviderProps<LanguageSelectorContextValue | null>>;
-declare namespace LanguageSelector {
-    var displayName: string;
-}
+declare const LanguageSelector: React.ForwardRefExoticComponent<LanguageSelectorProps & React.RefAttributes<HTMLDivElement>>;
 
 export { LanguageSelector, type LanguageSelectorProps };

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

@@ -7,8 +7,6 @@ interface LocationSelectorProps {
     onLanguageChange?: (language: string) => void;
     className?: string;
 }
-declare function LocationSelector({ defaultCountry, defaultLanguage, onCountryChange, onLanguageChange, className, }: LocationSelectorProps): React.DetailedReactHTMLElement<{
-    className: string;
-}, HTMLElement>;
+declare const LocationSelector: React.ForwardRefExoticComponent<LocationSelectorProps & React.RefAttributes<HTMLDivElement>>;
 
 export { LocationSelector, type LocationSelectorProps };

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

@@ -7,8 +7,6 @@ interface LocationSelectorProps {
     onLanguageChange?: (language: string) => void;
     className?: string;
 }
-declare function LocationSelector({ defaultCountry, defaultLanguage, onCountryChange, onLanguageChange, className, }: LocationSelectorProps): React.DetailedReactHTMLElement<{
-    className: string;
-}, HTMLElement>;
+declare const LocationSelector: React.ForwardRefExoticComponent<LocationSelectorProps & React.RefAttributes<HTMLDivElement>>;
 
 export { LocationSelector, type LocationSelectorProps };

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

@@ -1,7 +1,28 @@
 import * as React from 'react';
 
-interface PaginationProps extends React.HTMLAttributes<HTMLDivElement> {
+interface PaginationProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    /** Current page, 1-based (controlled). Pair with `onPageChange`. */
+    page?: number;
+    /** Initial page for uncontrolled usage (default 1). */
+    defaultPage?: number;
+    /** Total number of pages (default 1). */
+    totalPages?: number;
+    /** Pages shown on each side of the current page (default 1). */
+    siblingCount?: number;
+    /** Called with the target page when a control is activated. */
+    onPageChange?: (page: number) => void;
+    /** Disables every control. */
+    disabled?: boolean;
 }
+/**
+ * Pagination — page navigation with a windowed page range and ellipses.
+ *
+ * Renders `role="navigation"` with previous/next controls and numbered page
+ * buttons (`aria-current="page"` on the current page). Range computation,
+ * clamping, edge semantics, and ARIA come from the headless
+ * `@refraction-ui/pagination` core. Pass `children` to render fully custom
+ * controls instead of the generated ones.
+ */
 declare const Pagination: React.ForwardRefExoticComponent<PaginationProps & React.RefAttributes<HTMLDivElement>>;
 
 export { Pagination, type PaginationProps };

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

@@ -9,26 +9,6 @@ interface PresenceIndicatorProps {
     size?: 'sm' | 'md' | 'lg';
     className?: string;
 }
-declare function PresenceIndicator({ status, showLabel, label, size, className, }: PresenceIndicatorProps): 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 PresenceIndicator {
-    var displayName: string;
-}
+declare const PresenceIndicator: React.ForwardRefExoticComponent<PresenceIndicatorProps & React.RefAttributes<HTMLSpanElement>>;
 
 export { PresenceIndicator, type PresenceIndicatorProps };

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

@@ -9,26 +9,6 @@ interface PresenceIndicatorProps {
     size?: 'sm' | 'md' | 'lg';
     className?: string;
 }
-declare function PresenceIndicator({ status, showLabel, label, size, className, }: PresenceIndicatorProps): 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 PresenceIndicator {
-    var displayName: string;
-}
+declare const PresenceIndicator: React.ForwardRefExoticComponent<PresenceIndicatorProps & React.RefAttributes<HTMLSpanElement>>;
 
 export { PresenceIndicator, type PresenceIndicatorProps };

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

@@ -2,32 +2,17 @@ import * as React from 'react';
 import { RadioGroupProps as RadioGroupProps$1 } from '../radio/index.js';
 export { RadioOption, radioCircleVariants, radioGroupVariants, radioItemVariants } from '../radio/index.js';
 
-interface RadioContextValue {
-    value: string | undefined;
-    onValueChange: (value: string) => void;
-    name?: string;
-    disabled: boolean;
-}
 interface RadioGroupProps extends RadioGroupProps$1 {
     children: React.ReactNode;
     className?: string;
 }
-declare function RadioGroup({ children, className, value: controlledValue, defaultValue, onValueChange, name, disabled, orientation, }: RadioGroupProps): React.FunctionComponentElement<React.ProviderProps<RadioContextValue | null>>;
-declare namespace RadioGroup {
-    var displayName: string;
-}
+declare const RadioGroup: React.ForwardRefExoticComponent<RadioGroupProps & React.RefAttributes<HTMLDivElement>>;
 interface RadioItemProps {
     value: string;
     children?: React.ReactNode;
     disabled?: boolean;
     className?: string;
 }
-declare function RadioItem({ value, children, disabled, className }: RadioItemProps): React.DetailedReactHTMLElement<{
-    className: string;
-    'data-state': string;
-}, HTMLElement>;
-declare namespace RadioItem {
-    var displayName: string;
-}
+declare const RadioItem: React.ForwardRefExoticComponent<RadioItemProps & React.RefAttributes<HTMLLabelElement>>;
 
 export { RadioGroup, type RadioGroupProps, RadioItem, type RadioItemProps };

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

@@ -9,26 +9,6 @@ interface ReactionBarProps {
     showAddButton?: boolean;
     className?: string;
 }
-declare function ReactionBar({ reactions, onToggle, onAdd, showAddButton, className, }: ReactionBarProps): 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 ReactionBar {
-    var displayName: string;
-}
+declare const ReactionBar: React.ForwardRefExoticComponent<ReactionBarProps & React.RefAttributes<HTMLDivElement>>;
 
 export { ReactionBar, type ReactionBarProps };

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

@@ -9,26 +9,6 @@ interface ReactionBarProps {
     showAddButton?: boolean;
     className?: string;
 }
-declare function ReactionBar({ reactions, onToggle, onAdd, showAddButton, className, }: ReactionBarProps): 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 ReactionBar {
-    var displayName: string;
-}
+declare const ReactionBar: React.ForwardRefExoticComponent<ReactionBarProps & React.RefAttributes<HTMLDivElement>>;
 
 export { ReactionBar, type ReactionBarProps };

package/dist/internal/react-search-bar/index.d.cts

@@ -1,14 +1,6 @@
 import * as React from 'react';
-import { SearchBarAPI } from '../search-bar/index.cjs';
 export { searchBarVariants, searchResultVariants } from '../search-bar/index.cjs';
 
-interface SearchBarContextValue {
-    api: SearchBarAPI;
-    value: string;
-    isSearching: boolean;
-    setValue: (value: string) => void;
-    clear: () => void;
-}
 interface SearchBarProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'value' | 'onChange'> {
     value?: string;
     defaultValue?: string;
@@ -18,10 +10,7 @@ interface SearchBarProps extends Omit<React.InputHTMLAttributes<HTMLInputElement
     loading?: boolean;
     children?: React.ReactNode;
 }
-declare function SearchBar({ value: controlledValue, defaultValue, onValueChange, onSearch, debounceMs, loading, placeholder, className, children, ...inputProps }: SearchBarProps): React.FunctionComponentElement<React.ProviderProps<SearchBarContextValue | null>>;
-declare namespace SearchBar {
-    var displayName: string;
-}
+declare const SearchBar: React.ForwardRefExoticComponent<SearchBarProps & React.RefAttributes<HTMLInputElement>>;
 interface SearchResultsProps extends React.HTMLAttributes<HTMLUListElement> {
 }
 declare const SearchResults: React.ForwardRefExoticComponent<SearchResultsProps & React.RefAttributes<HTMLUListElement>>;

package/dist/internal/react-search-bar/index.d.ts

@@ -1,14 +1,6 @@
 import * as React from 'react';
-import { SearchBarAPI } from '../search-bar/index.js';
 export { searchBarVariants, searchResultVariants } from '../search-bar/index.js';
 
-interface SearchBarContextValue {
-    api: SearchBarAPI;
-    value: string;
-    isSearching: boolean;
-    setValue: (value: string) => void;
-    clear: () => void;
-}
 interface SearchBarProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'value' | 'onChange'> {
     value?: string;
     defaultValue?: string;
@@ -18,10 +10,7 @@ interface SearchBarProps extends Omit<React.InputHTMLAttributes<HTMLInputElement
     loading?: boolean;
     children?: React.ReactNode;
 }
-declare function SearchBar({ value: controlledValue, defaultValue, onValueChange, onSearch, debounceMs, loading, placeholder, className, children, ...inputProps }: SearchBarProps): React.FunctionComponentElement<React.ProviderProps<SearchBarContextValue | null>>;
-declare namespace SearchBar {
-    var displayName: string;
-}
+declare const SearchBar: React.ForwardRefExoticComponent<SearchBarProps & React.RefAttributes<HTMLInputElement>>;
 interface SearchResultsProps extends React.HTMLAttributes<HTMLUListElement> {
 }
 declare const SearchResults: React.ForwardRefExoticComponent<SearchResultsProps & React.RefAttributes<HTMLUListElement>>;

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

@@ -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-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 };