@refraction-ui/react 0.18.3 → 0.19.0

package/dist/internal/react-command-input/index.d.ts

@@ -0,0 +1,21 @@
+import React, { HTMLAttributes } from 'react';
+import { Trigger } from '../command-input/index.js';
+
+interface CommandInputProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    value?: string;
+    onChange?: (value: string) => void;
+    triggers?: Trigger[];
+    renderPopover?: (props: {
+        isOpen: boolean;
+        trigger: string;
+        search: string;
+        close: () => void;
+        position: {
+            top: number;
+            left: number;
+        };
+    }) => React.ReactNode;
+}
+declare const CommandInput: React.ForwardRefExoticComponent<CommandInputProps & React.RefAttributes<HTMLDivElement>>;
+
+export { CommandInput, type CommandInputProps };

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

@@ -70,9 +70,7 @@ interface ComposerProps {
  * Composer — rich message input: markdown formatting toolbar + Cmd/Ctrl shortcuts,
  * and `/` command, `@` mention, and `:` emoji autocomplete menus.
  */
-declare function Composer({ placeholder, busy, slashCommands, mentions, toolbar, emoji, attachments, error, onRetry, onSubmit, onStop, onSlashCommand, autoFocus, }: ComposerProps): React.DetailedReactHTMLElement<{
-    className: string;
-}, HTMLElement>;
+declare const Composer: React.ForwardRefExoticComponent<ComposerProps & React.RefAttributes<HTMLDivElement>>;
 
 interface ChatProps {
     conversation: UseConversationResult;
@@ -94,8 +92,6 @@ interface ChatProps {
  * bubble. Markdown/code/gifs, reactions, edit/delete, streaming, and a composer
  * with `/` commands, `@` mentions, `:` emoji, and a formatting toolbar.
  */
-declare function Chat({ conversation, showConversationList, showModeToggle, placeholder, currentUserId, emptyState, className, slashCommands, mentions, onSlashCommand, composerToolbar, }: ChatProps): React.DetailedReactHTMLElement<{
-    className: string;
-}, HTMLElement>;
+declare const Chat: React.ForwardRefExoticComponent<ChatProps & React.RefAttributes<HTMLDivElement>>;
 
 export { Chat, type ChatProps, Composer, type ComposerProps, type Mention, type SlashCommand, type UseConversationResult, useConversation };

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

@@ -70,9 +70,7 @@ interface ComposerProps {
  * Composer — rich message input: markdown formatting toolbar + Cmd/Ctrl shortcuts,
  * and `/` command, `@` mention, and `:` emoji autocomplete menus.
  */
-declare function Composer({ placeholder, busy, slashCommands, mentions, toolbar, emoji, attachments, error, onRetry, onSubmit, onStop, onSlashCommand, autoFocus, }: ComposerProps): React.DetailedReactHTMLElement<{
-    className: string;
-}, HTMLElement>;
+declare const Composer: React.ForwardRefExoticComponent<ComposerProps & React.RefAttributes<HTMLDivElement>>;
 
 interface ChatProps {
     conversation: UseConversationResult;
@@ -94,8 +92,6 @@ interface ChatProps {
  * bubble. Markdown/code/gifs, reactions, edit/delete, streaming, and a composer
  * with `/` commands, `@` mentions, `:` emoji, and a formatting toolbar.
  */
-declare function Chat({ conversation, showConversationList, showModeToggle, placeholder, currentUserId, emptyState, className, slashCommands, mentions, onSlashCommand, composerToolbar, }: ChatProps): React.DetailedReactHTMLElement<{
-    className: string;
-}, HTMLElement>;
+declare const Chat: React.ForwardRefExoticComponent<ChatProps & React.RefAttributes<HTMLDivElement>>;
 
 export { Chat, type ChatProps, Composer, type ComposerProps, type Mention, type SlashCommand, type UseConversationResult, useConversation };

package/dist/internal/react-cookie-consent/index.d.cts

@@ -35,11 +35,6 @@ interface CookieConsentProps {
  * CookieConsent — batteries-included consent banner over `useCookieConsent()`.
  * Renders nothing once the user has consented.
  */
-declare function CookieConsent({ consent, position, title, description, policyUrl, policyLabel, className, }: CookieConsentProps): React.DetailedReactHTMLElement<{
-    className: string;
-    role: "dialog";
-    'aria-label': string;
-    'aria-modal': false;
-}, HTMLElement> | null;
+declare const CookieConsent: React.ForwardRefExoticComponent<CookieConsentProps & React.RefAttributes<HTMLDivElement>>;
 
 export { CookieConsent, type CookieConsentProps, type UseCookieConsentResult, useCookieConsent };

package/dist/internal/react-cookie-consent/index.d.ts

@@ -35,11 +35,6 @@ interface CookieConsentProps {
  * CookieConsent — batteries-included consent banner over `useCookieConsent()`.
  * Renders nothing once the user has consented.
  */
-declare function CookieConsent({ consent, position, title, description, policyUrl, policyLabel, className, }: CookieConsentProps): React.DetailedReactHTMLElement<{
-    className: string;
-    role: "dialog";
-    'aria-label': string;
-    'aria-modal': false;
-}, HTMLElement> | null;
+declare const CookieConsent: React.ForwardRefExoticComponent<CookieConsentProps & React.RefAttributes<HTMLDivElement>>;
 
 export { CookieConsent, type CookieConsentProps, type UseCookieConsentResult, useCookieConsent };

package/dist/internal/react-device-frame/index.d.cts

@@ -8,30 +8,6 @@ interface DeviceFrameProps {
     className?: string;
     children?: React.ReactNode;
 }
-declare function DeviceFrame({ device, orientation, className, children, }: DeviceFrameProps): React.DetailedReactHTMLElement<{
-    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;
-    className: string;
-    style: {
-        width: string;
-        height: string;
-    };
-}, HTMLElement>;
-declare namespace DeviceFrame {
-    var displayName: string;
-}
+declare const DeviceFrame: React.ForwardRefExoticComponent<DeviceFrameProps & React.RefAttributes<HTMLDivElement>>;
 
 export { DeviceFrame, type DeviceFrameProps };

package/dist/internal/react-device-frame/index.d.ts

@@ -8,30 +8,6 @@ interface DeviceFrameProps {
     className?: string;
     children?: React.ReactNode;
 }
-declare function DeviceFrame({ device, orientation, className, children, }: DeviceFrameProps): React.DetailedReactHTMLElement<{
-    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;
-    className: string;
-    style: {
-        width: string;
-        height: string;
-    };
-}, HTMLElement>;
-declare namespace DeviceFrame {
-    var displayName: string;
-}
+declare const DeviceFrame: React.ForwardRefExoticComponent<DeviceFrameProps & React.RefAttributes<HTMLDivElement>>;
 
 export { DeviceFrame, type DeviceFrameProps };

package/dist/internal/react-diff-viewer/index.d.cts

@@ -0,0 +1,45 @@
+import * as React from 'react';
+import { DiffFile, DiffViewerTheme, DiffViewMode } from '../diff-viewer/index.cjs';
+export { DiffFile, DiffFileStatus, DiffViewMode, DiffViewerAPI, DiffViewerState, DiffViewerTheme, createDiffViewer, diffViewerTokens, diffViewerVariants, sidebarItemVariants, sidebarVariants, statusBarVariants, tabBarVariants, tabVariants } from '../diff-viewer/index.cjs';
+
+interface DiffViewerProps {
+    /** Files in this diff */
+    files: DiffFile[];
+    /** Original file content (left side) */
+    original?: string;
+    /** Modified file content (right side) */
+    modified?: string;
+    /** Language for syntax highlighting (auto-detected from file if omitted) */
+    language?: string;
+    /** Monaco theme name */
+    monacoTheme?: string;
+    /** Color theme */
+    theme?: DiffViewerTheme;
+    /** View mode */
+    viewMode?: DiffViewMode;
+    /** Whether to show the file sidebar */
+    showSidebar?: boolean;
+    /** Whether to show the tab bar */
+    showTabs?: boolean;
+    /** Whether to show the status bar */
+    showStatusBar?: boolean;
+    /** Sidebar width in pixels */
+    sidebarWidth?: number;
+    /** Active file index */
+    activeFileIndex?: number;
+    /** Called when the active file changes */
+    onFileSelect?: (index: number) => void;
+    /** Called when view mode changes */
+    onViewModeChange?: (mode: DiffViewMode) => void;
+    /** Title shown in the status bar */
+    statusBarTitle?: string;
+    /** Status text shown in the status bar */
+    statusBarStatus?: string;
+    /** Additional class name */
+    className?: string;
+    /** Monaco DiffEditor options override */
+    editorOptions?: Record<string, unknown>;
+}
+declare const DiffViewer: React.ForwardRefExoticComponent<DiffViewerProps & React.RefAttributes<HTMLDivElement>>;
+
+export { DiffViewer, type DiffViewerProps };

package/dist/internal/react-diff-viewer/index.d.ts

@@ -0,0 +1,45 @@
+import * as React from 'react';
+import { DiffFile, DiffViewerTheme, DiffViewMode } from '../diff-viewer/index.js';
+export { DiffFile, DiffFileStatus, DiffViewMode, DiffViewerAPI, DiffViewerState, DiffViewerTheme, createDiffViewer, diffViewerTokens, diffViewerVariants, sidebarItemVariants, sidebarVariants, statusBarVariants, tabBarVariants, tabVariants } from '../diff-viewer/index.js';
+
+interface DiffViewerProps {
+    /** Files in this diff */
+    files: DiffFile[];
+    /** Original file content (left side) */
+    original?: string;
+    /** Modified file content (right side) */
+    modified?: string;
+    /** Language for syntax highlighting (auto-detected from file if omitted) */
+    language?: string;
+    /** Monaco theme name */
+    monacoTheme?: string;
+    /** Color theme */
+    theme?: DiffViewerTheme;
+    /** View mode */
+    viewMode?: DiffViewMode;
+    /** Whether to show the file sidebar */
+    showSidebar?: boolean;
+    /** Whether to show the tab bar */
+    showTabs?: boolean;
+    /** Whether to show the status bar */
+    showStatusBar?: boolean;
+    /** Sidebar width in pixels */
+    sidebarWidth?: number;
+    /** Active file index */
+    activeFileIndex?: number;
+    /** Called when the active file changes */
+    onFileSelect?: (index: number) => void;
+    /** Called when view mode changes */
+    onViewModeChange?: (mode: DiffViewMode) => void;
+    /** Title shown in the status bar */
+    statusBarTitle?: string;
+    /** Status text shown in the status bar */
+    statusBarStatus?: string;
+    /** Additional class name */
+    className?: string;
+    /** Monaco DiffEditor options override */
+    editorOptions?: Record<string, unknown>;
+}
+declare const DiffViewer: React.ForwardRefExoticComponent<DiffViewerProps & React.RefAttributes<HTMLDivElement>>;
+
+export { DiffViewer, type DiffViewerProps };

package/dist/internal/react-dropdown-menu/index.d.cts

@@ -27,7 +27,7 @@ declare const DropdownMenuTrigger: React.ForwardRefExoticComponent<DropdownMenuT
 interface DropdownMenuContentProps extends React.HTMLAttributes<HTMLDivElement> {
 }
 declare const DropdownMenuContent: React.ForwardRefExoticComponent<DropdownMenuContentProps & React.RefAttributes<HTMLDivElement>>;
-interface DropdownMenuItemProps extends React.HTMLAttributes<HTMLDivElement> {
+interface DropdownMenuItemProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onSelect'> {
     disabled?: boolean;
     onSelect?: () => void;
 }

package/dist/internal/react-dropdown-menu/index.d.ts

@@ -27,7 +27,7 @@ declare const DropdownMenuTrigger: React.ForwardRefExoticComponent<DropdownMenuT
 interface DropdownMenuContentProps extends React.HTMLAttributes<HTMLDivElement> {
 }
 declare const DropdownMenuContent: React.ForwardRefExoticComponent<DropdownMenuContentProps & React.RefAttributes<HTMLDivElement>>;
-interface DropdownMenuItemProps extends React.HTMLAttributes<HTMLDivElement> {
+interface DropdownMenuItemProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onSelect'> {
     disabled?: boolean;
     onSelect?: () => void;
 }

package/dist/internal/react-emoji-picker/index.d.cts

@@ -1,4 +1,3 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { EmojiEntry, StickerItem, StickerSet } from '../emoji-picker/index.cjs';
 export { CATEGORY_LABELS, EmojiPickerProps as CoreEmojiPickerProps, DEFAULT_TWEMOJI_BASE_URL, EMOJI_CATEGORIES, EMOJI_COUNT_TOTAL, EMOJI_DATA, EmojiCategory, EmojiEntry, EmojiPickerAPI, EmojiPickerState, SHORTCODE_ALIASES, STARTER_STICKER_SET, StickerItem, StickerKind, StickerSet, buildShortcodeMap, emojiPickerContainerStyles, emojiPickerEmojiButtonStyles, emojiPickerGridStyles, getAllEmojis, resolveShortcode, searchEmojis, twemojiAssetUrl, twemojiFilename } from '../emoji-picker/index.cjs';
@@ -49,9 +48,6 @@ interface EmojiPickerProps {
     /** Sticker render seam. Default: `defaultStickerRenderer`. */
     stickerRenderer?: StickerRenderer;
 }
-declare function EmojiPicker({ onSelect, onStickerSelect, recentEmojis: initialRecent, className, emojiRenderer, twemojiBaseUrl, stickerSets, stickerRenderer, }: EmojiPickerProps): react_jsx_runtime.JSX.Element;
-declare namespace EmojiPicker {
-    var displayName: string;
-}
+declare const EmojiPicker: React.ForwardRefExoticComponent<EmojiPickerProps & React.RefAttributes<HTMLDivElement>>;
 
 export { EmojiPicker, type EmojiPickerProps, type EmojiRenderer, type StickerRenderer, createTwemojiRenderer, defaultStickerRenderer, nativeEmojiRenderer, twemojiRenderer };

package/dist/internal/react-emoji-picker/index.d.ts

@@ -1,4 +1,3 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { EmojiEntry, StickerItem, StickerSet } from '../emoji-picker/index.js';
 export { CATEGORY_LABELS, EmojiPickerProps as CoreEmojiPickerProps, DEFAULT_TWEMOJI_BASE_URL, EMOJI_CATEGORIES, EMOJI_COUNT_TOTAL, EMOJI_DATA, EmojiCategory, EmojiEntry, EmojiPickerAPI, EmojiPickerState, SHORTCODE_ALIASES, STARTER_STICKER_SET, StickerItem, StickerKind, StickerSet, buildShortcodeMap, emojiPickerContainerStyles, emojiPickerEmojiButtonStyles, emojiPickerGridStyles, getAllEmojis, resolveShortcode, searchEmojis, twemojiAssetUrl, twemojiFilename } from '../emoji-picker/index.js';
@@ -49,9 +48,6 @@ interface EmojiPickerProps {
     /** Sticker render seam. Default: `defaultStickerRenderer`. */
     stickerRenderer?: StickerRenderer;
 }
-declare function EmojiPicker({ onSelect, onStickerSelect, recentEmojis: initialRecent, className, emojiRenderer, twemojiBaseUrl, stickerSets, stickerRenderer, }: EmojiPickerProps): react_jsx_runtime.JSX.Element;
-declare namespace EmojiPicker {
-    var displayName: string;
-}
+declare const EmojiPicker: React.ForwardRefExoticComponent<EmojiPickerProps & React.RefAttributes<HTMLDivElement>>;
 
 export { EmojiPicker, type EmojiPickerProps, type EmojiRenderer, type StickerRenderer, createTwemojiRenderer, defaultStickerRenderer, nativeEmojiRenderer, twemojiRenderer };

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

@@ -0,0 +1,12 @@
+import * as React from 'react';
+
+interface LocationSelectorProps {
+    defaultCountry?: string;
+    defaultLanguage?: string;
+    onCountryChange?: (country: string) => void;
+    onLanguageChange?: (language: string) => void;
+    className?: string;
+}
+declare const LocationSelector: React.ForwardRefExoticComponent<LocationSelectorProps & React.RefAttributes<HTMLDivElement>>;
+
+export { LocationSelector, type LocationSelectorProps };

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

@@ -0,0 +1,12 @@
+import * as React from 'react';
+
+interface LocationSelectorProps {
+    defaultCountry?: string;
+    defaultLanguage?: string;
+    onCountryChange?: (country: string) => void;
+    onLanguageChange?: (language: string) => void;
+    className?: string;
+}
+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 };