@refraction-ui/react 0.4.1 → 0.5.0

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

@@ -0,0 +1,17 @@
+import * as React from 'react';
+export { InlineEditorProps as CoreInlineEditorProps, InlineEditorAPI, InlineEditorState, ToolbarAction, editorVariants, previewVariants, toolbarVariants } from '../inline-editor/index.cjs';
+
+interface InlineEditorProps {
+    value: string;
+    onSave?: (value: string) => void;
+    onCancel?: () => void;
+    className?: string;
+}
+declare function InlineEditor({ value: initialValue, onSave, onCancel, className, }: InlineEditorProps): React.DetailedReactHTMLElement<{
+    className: string;
+}, HTMLElement>;
+declare namespace InlineEditor {
+    var displayName: string;
+}
+
+export { InlineEditor, type InlineEditorProps };

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

@@ -0,0 +1,17 @@
+import * as React from 'react';
+export { InlineEditorProps as CoreInlineEditorProps, InlineEditorAPI, InlineEditorState, ToolbarAction, editorVariants, previewVariants, toolbarVariants } from '../inline-editor/index.js';
+
+interface InlineEditorProps {
+    value: string;
+    onSave?: (value: string) => void;
+    onCancel?: () => void;
+    className?: string;
+}
+declare function InlineEditor({ value: initialValue, onSave, onCancel, className, }: InlineEditorProps): React.DetailedReactHTMLElement<{
+    className: string;
+}, HTMLElement>;
+declare namespace InlineEditor {
+    var displayName: string;
+}
+
+export { InlineEditor, type InlineEditorProps };

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

@@ -0,0 +1,31 @@
+import * as React from 'react';
+export { InputType, inputVariants } from '../input/index.cjs';
+
+interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'> {
+    /**
+     * Visual size of the input.
+     *
+     * Note: this prop intentionally **shadows** the native HTML `size`
+     * attribute (which would otherwise control the visible character width
+     * of the `<input>` element). We re-purpose the name for our visual
+     * size variants (`'sm' | 'default' | 'lg'`) because in practice almost
+     * no one uses the native character-width `size` attribute, while
+     * visual sizing is a near-universal need.
+     *
+     * If you need the native character-width behavior, set it via
+     * `htmlSize` on the underlying DOM through a `ref`, or render a plain
+     * `<input>` instead.
+     *
+     * See the package README's "Sizing" section for more.
+     */
+    size?: 'sm' | 'default' | 'lg';
+}
+/**
+ * Input component — renders a styled input with size support.
+ *
+ * Uses the headless @refraction-ui/input core for state, ARIA, and data attributes.
+ * Styling via Tailwind utility classes (no external CSS-in-JS).
+ */
+declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
+
+export { Input, type InputProps };

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

@@ -0,0 +1,31 @@
+import * as React from 'react';
+export { InputType, inputVariants } from '../input/index.js';
+
+interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'> {
+    /**
+     * Visual size of the input.
+     *
+     * Note: this prop intentionally **shadows** the native HTML `size`
+     * attribute (which would otherwise control the visible character width
+     * of the `<input>` element). We re-purpose the name for our visual
+     * size variants (`'sm' | 'default' | 'lg'`) because in practice almost
+     * no one uses the native character-width `size` attribute, while
+     * visual sizing is a near-universal need.
+     *
+     * If you need the native character-width behavior, set it via
+     * `htmlSize` on the underlying DOM through a `ref`, or render a plain
+     * `<input>` instead.
+     *
+     * See the package README's "Sizing" section for more.
+     */
+    size?: 'sm' | 'default' | 'lg';
+}
+/**
+ * Input component — renders a styled input with size support.
+ *
+ * Uses the headless @refraction-ui/input core for state, ARIA, and data attributes.
+ * Styling via Tailwind utility classes (no external CSS-in-JS).
+ */
+declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
+
+export { Input, type InputProps };

package/dist/internal/react-input-group/index.d.cts

@@ -0,0 +1,34 @@
+import * as React from 'react';
+import { InputGroupOrientation } from '../input-group/index.cjs';
+export { InputGroupOrientation, inputGroupAddonVariants, inputGroupButtonVariants, inputGroupTokens, inputGroupVariants } from '../input-group/index.cjs';
+
+interface InputGroupProps extends React.HTMLAttributes<HTMLDivElement> {
+    orientation?: InputGroupOrientation;
+}
+/**
+ * InputGroup — flex container that visually groups inputs, addons, and buttons.
+ * Handles border-radius clipping on first/last children.
+ */
+declare const InputGroup: React.ForwardRefExoticComponent<InputGroupProps & React.RefAttributes<HTMLDivElement>>;
+interface InputGroupAddonProps extends React.HTMLAttributes<HTMLDivElement> {
+    orientation?: InputGroupOrientation;
+}
+/**
+ * InputGroupAddon — decorative text or icon addon (e.g., "$", "@", icons).
+ */
+declare const InputGroupAddon: React.ForwardRefExoticComponent<InputGroupAddonProps & React.RefAttributes<HTMLDivElement>>;
+interface InputGroupTextProps extends React.HTMLAttributes<HTMLSpanElement> {
+}
+/**
+ * InputGroupText — inline text label within an input group.
+ */
+declare const InputGroupText: React.ForwardRefExoticComponent<InputGroupTextProps & React.RefAttributes<HTMLSpanElement>>;
+interface InputGroupButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    orientation?: InputGroupOrientation;
+}
+/**
+ * InputGroupButton — a button styled to sit flush inside an input group.
+ */
+declare const InputGroupButton: React.ForwardRefExoticComponent<InputGroupButtonProps & React.RefAttributes<HTMLButtonElement>>;
+
+export { InputGroup, InputGroupAddon, type InputGroupAddonProps, InputGroupButton, type InputGroupButtonProps, type InputGroupProps, InputGroupText, type InputGroupTextProps };

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

@@ -0,0 +1,34 @@
+import * as React from 'react';
+import { InputGroupOrientation } from '../input-group/index.js';
+export { InputGroupOrientation, inputGroupAddonVariants, inputGroupButtonVariants, inputGroupTokens, inputGroupVariants } from '../input-group/index.js';
+
+interface InputGroupProps extends React.HTMLAttributes<HTMLDivElement> {
+    orientation?: InputGroupOrientation;
+}
+/**
+ * InputGroup — flex container that visually groups inputs, addons, and buttons.
+ * Handles border-radius clipping on first/last children.
+ */
+declare const InputGroup: React.ForwardRefExoticComponent<InputGroupProps & React.RefAttributes<HTMLDivElement>>;
+interface InputGroupAddonProps extends React.HTMLAttributes<HTMLDivElement> {
+    orientation?: InputGroupOrientation;
+}
+/**
+ * InputGroupAddon — decorative text or icon addon (e.g., "$", "@", icons).
+ */
+declare const InputGroupAddon: React.ForwardRefExoticComponent<InputGroupAddonProps & React.RefAttributes<HTMLDivElement>>;
+interface InputGroupTextProps extends React.HTMLAttributes<HTMLSpanElement> {
+}
+/**
+ * InputGroupText — inline text label within an input group.
+ */
+declare const InputGroupText: React.ForwardRefExoticComponent<InputGroupTextProps & React.RefAttributes<HTMLSpanElement>>;
+interface InputGroupButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    orientation?: InputGroupOrientation;
+}
+/**
+ * InputGroupButton — a button styled to sit flush inside an input group.
+ */
+declare const InputGroupButton: React.ForwardRefExoticComponent<InputGroupButtonProps & React.RefAttributes<HTMLButtonElement>>;
+
+export { InputGroup, InputGroupAddon, type InputGroupAddonProps, InputGroupButton, type InputGroupButtonProps, type InputGroupProps, InputGroupText, type InputGroupTextProps };

package/dist/internal/react-install-prompt/index.d.cts

@@ -0,0 +1,24 @@
+import * as React from 'react';
+export { InstallPromptState, StorageAdapter, installPromptVariants } from '../install-prompt/index.cjs';
+
+interface InstallPromptProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Delay in ms before showing. Default: 3000 */
+    delay?: number;
+    /** Storage key for dismissed state. Default: 'rfr-install-dismissed' */
+    storageKey?: string;
+    /** Install button label. Default: 'Install' */
+    installLabel?: string;
+    /** Dismiss button label. Default: 'Dismiss' */
+    dismissLabel?: string;
+    /** Message text. Default: 'Install this app for a better experience' */
+    message?: string;
+}
+/**
+ * InstallPrompt component — renders a bottom banner prompting PWA installation.
+ *
+ * Uses the headless @refraction-ui/install-prompt core for state and ARIA attributes.
+ * Listens for the `beforeinstallprompt` browser event.
+ */
+declare const InstallPrompt: React.ForwardRefExoticComponent<InstallPromptProps & React.RefAttributes<HTMLDivElement>>;
+
+export { InstallPrompt, type InstallPromptProps };

package/dist/internal/react-install-prompt/index.d.ts

@@ -0,0 +1,24 @@
+import * as React from 'react';
+export { InstallPromptState, StorageAdapter, installPromptVariants } from '../install-prompt/index.js';
+
+interface InstallPromptProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Delay in ms before showing. Default: 3000 */
+    delay?: number;
+    /** Storage key for dismissed state. Default: 'rfr-install-dismissed' */
+    storageKey?: string;
+    /** Install button label. Default: 'Install' */
+    installLabel?: string;
+    /** Dismiss button label. Default: 'Dismiss' */
+    dismissLabel?: string;
+    /** Message text. Default: 'Install this app for a better experience' */
+    message?: string;
+}
+/**
+ * InstallPrompt component — renders a bottom banner prompting PWA installation.
+ *
+ * Uses the headless @refraction-ui/install-prompt core for state and ARIA attributes.
+ * Listens for the `beforeinstallprompt` browser event.
+ */
+declare const InstallPrompt: React.ForwardRefExoticComponent<InstallPromptProps & React.RefAttributes<HTMLDivElement>>;
+
+export { InstallPrompt, type InstallPromptProps };

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

@@ -0,0 +1,57 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+export { AltHintState, ShortcutProps as CoreShortcutProps, KeyboardShortcutAPI, SANE_DEFAULTS, ShortcutRegistry, altHintState, formatShortcut, globalShortcutRegistry, shortcutBadgeStyles, shortcutKeyStyles, shortcutSeparatorStyles } from '../keyboard-shortcut/index.cjs';
+
+declare const ShortcutContext: React.Context<boolean>;
+declare function ShortcutProvider({ children }: {
+    children: React.ReactNode;
+}): react_jsx_runtime.JSX.Element;
+interface UseShortcutOptions {
+    shortcut?: string;
+    action?: string;
+    onTrigger: () => void;
+    enabled?: boolean;
+    preventDefault?: boolean;
+}
+declare function useShortcut({ shortcut, action, onTrigger, enabled, preventDefault, }: UseShortcutOptions): {
+    keys: string[];
+    showHints: boolean;
+};
+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;
+interface KeyboardShortcutProps {
+    /** Key combination */
+    keys: string[];
+    /** Callback when triggered */
+    onTrigger: () => void;
+    /** Whether enabled */
+    enabled?: boolean;
+    /** Prevent default browser behavior */
+    preventDefault?: boolean;
+}
+/**
+ * Invisible keyboard shortcut listener component.
+ * Attaches a global keydown listener and calls onTrigger when the combo matches.
+ */
+declare function KeyboardShortcut({ keys, onTrigger, enabled, preventDefault, }: KeyboardShortcutProps): null;
+declare namespace KeyboardShortcut {
+    var displayName: string;
+}
+interface ShortcutBadgeProps {
+    /** Key combination to display */
+    keys: string[];
+    /** Use platform-aware display (Mac symbols) */
+    platform?: boolean;
+    className?: string;
+}
+declare function ShortcutBadge({ keys, platform, className }: ShortcutBadgeProps): React.DetailedReactHTMLElement<{
+    className: string;
+}, HTMLElement>;
+declare namespace ShortcutBadge {
+    var displayName: string;
+}
+
+export { KeyboardShortcut, type KeyboardShortcutProps, ShortcutBadge, type ShortcutBadgeProps, ShortcutContext, ShortcutHint, type ShortcutHintProps, ShortcutProvider, type UseShortcutOptions, useShortcut };

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

@@ -0,0 +1,57 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+export { AltHintState, ShortcutProps as CoreShortcutProps, KeyboardShortcutAPI, SANE_DEFAULTS, ShortcutRegistry, altHintState, formatShortcut, globalShortcutRegistry, shortcutBadgeStyles, shortcutKeyStyles, shortcutSeparatorStyles } from '../keyboard-shortcut/index.js';
+
+declare const ShortcutContext: React.Context<boolean>;
+declare function ShortcutProvider({ children }: {
+    children: React.ReactNode;
+}): react_jsx_runtime.JSX.Element;
+interface UseShortcutOptions {
+    shortcut?: string;
+    action?: string;
+    onTrigger: () => void;
+    enabled?: boolean;
+    preventDefault?: boolean;
+}
+declare function useShortcut({ shortcut, action, onTrigger, enabled, preventDefault, }: UseShortcutOptions): {
+    keys: string[];
+    showHints: boolean;
+};
+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;
+interface KeyboardShortcutProps {
+    /** Key combination */
+    keys: string[];
+    /** Callback when triggered */
+    onTrigger: () => void;
+    /** Whether enabled */
+    enabled?: boolean;
+    /** Prevent default browser behavior */
+    preventDefault?: boolean;
+}
+/**
+ * Invisible keyboard shortcut listener component.
+ * Attaches a global keydown listener and calls onTrigger when the combo matches.
+ */
+declare function KeyboardShortcut({ keys, onTrigger, enabled, preventDefault, }: KeyboardShortcutProps): null;
+declare namespace KeyboardShortcut {
+    var displayName: string;
+}
+interface ShortcutBadgeProps {
+    /** Key combination to display */
+    keys: string[];
+    /** Use platform-aware display (Mac symbols) */
+    platform?: boolean;
+    className?: string;
+}
+declare function ShortcutBadge({ keys, platform, className }: ShortcutBadgeProps): React.DetailedReactHTMLElement<{
+    className: string;
+}, HTMLElement>;
+declare namespace ShortcutBadge {
+    var displayName: string;
+}
+
+export { KeyboardShortcut, type KeyboardShortcutProps, ShortcutBadge, type ShortcutBadgeProps, ShortcutContext, ShortcutHint, type ShortcutHintProps, ShortcutProvider, type UseShortcutOptions, useShortcut };

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

@@ -0,0 +1,26 @@
+import * as React from 'react';
+import { LanguageOption, LanguageSelectorAPI } 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;
+    options: LanguageOption[];
+    multiple?: boolean;
+    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;
+}
+
+export { LanguageSelector, type LanguageSelectorProps };

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

@@ -0,0 +1,26 @@
+import * as React from 'react';
+import { LanguageOption, LanguageSelectorAPI } 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;
+    options: LanguageOption[];
+    multiple?: boolean;
+    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;
+}
+
+export { LanguageSelector, type LanguageSelectorProps };

package/dist/internal/react-link-card/index.d.cts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+
+declare const LinkCard: React.ForwardRefExoticComponent<React.AnchorHTMLAttributes<HTMLAnchorElement> & React.RefAttributes<HTMLAnchorElement>>;
+
+export { LinkCard };

package/dist/internal/react-link-card/index.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+
+declare const LinkCard: React.ForwardRefExoticComponent<React.AnchorHTMLAttributes<HTMLAnchorElement> & React.RefAttributes<HTMLAnchorElement>>;
+
+export { LinkCard };

package/dist/internal/react-markdown-renderer/index.d.cts

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import { ComponentDef } from '../markdown-renderer/index.cjs';
+export { ComponentDef, MarkdownRendererAPI, markdownRendererTokens, proseVariants } from '../markdown-renderer/index.cjs';
+
+interface MarkdownRendererProps {
+    content: string;
+    components?: Record<string, ComponentDef>;
+    linkResolver?: (url: string) => string;
+    className?: string;
+    size?: 'sm' | 'default' | 'lg';
+}
+/**
+ * MarkdownRenderer component — renders markdown content as sanitized HTML.
+ *
+ * Uses the headless @refraction-ui/markdown-renderer core for parsing.
+ * XSS sanitization is applied before rendering via dangerouslySetInnerHTML.
+ */
+declare const MarkdownRenderer: React.ForwardRefExoticComponent<MarkdownRendererProps & React.RefAttributes<HTMLDivElement>>;
+
+export { MarkdownRenderer, type MarkdownRendererProps };

package/dist/internal/react-markdown-renderer/index.d.ts

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import { ComponentDef } from '../markdown-renderer/index.js';
+export { ComponentDef, MarkdownRendererAPI, markdownRendererTokens, proseVariants } from '../markdown-renderer/index.js';
+
+interface MarkdownRendererProps {
+    content: string;
+    components?: Record<string, ComponentDef>;
+    linkResolver?: (url: string) => string;
+    className?: string;
+    size?: 'sm' | 'default' | 'lg';
+}
+/**
+ * MarkdownRenderer component — renders markdown content as sanitized HTML.
+ *
+ * Uses the headless @refraction-ui/markdown-renderer core for parsing.
+ * XSS sanitization is applied before rendering via dangerouslySetInnerHTML.
+ */
+declare const MarkdownRenderer: React.ForwardRefExoticComponent<MarkdownRendererProps & React.RefAttributes<HTMLDivElement>>;
+
+export { MarkdownRenderer, type MarkdownRendererProps };

package/dist/internal/react-mobile-nav/index.d.cts

@@ -0,0 +1,33 @@
+import * as React from 'react';
+export { MobileNavState, mobileNavContentVariants, mobileNavLinkVariants, mobileNavTokens, mobileNavTriggerVariants, mobileNavVariants } from '../mobile-nav/index.cjs';
+
+interface MobileNavProps extends React.HTMLAttributes<HTMLElement> {
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    defaultOpen?: boolean;
+}
+/**
+ * MobileNav — root wrapper that manages open/closed state via context.
+ * Supports both controlled (open + onOpenChange) and uncontrolled (defaultOpen) usage.
+ */
+declare const MobileNav: React.ForwardRefExoticComponent<MobileNavProps & React.RefAttributes<HTMLElement>>;
+interface MobileNavTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+}
+/**
+ * MobileNavTrigger — hamburger button that toggles the mobile nav.
+ */
+declare const MobileNavTrigger: React.ForwardRefExoticComponent<MobileNavTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+interface MobileNavContentProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+/**
+ * MobileNavContent — the collapsible dropdown panel that holds nav links.
+ */
+declare const MobileNavContent: React.ForwardRefExoticComponent<MobileNavContentProps & React.RefAttributes<HTMLDivElement>>;
+interface MobileNavLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
+}
+/**
+ * MobileNavLink — a styled link inside the mobile nav dropdown.
+ */
+declare const MobileNavLink: React.ForwardRefExoticComponent<MobileNavLinkProps & React.RefAttributes<HTMLAnchorElement>>;
+
+export { MobileNav, MobileNavContent, type MobileNavContentProps, MobileNavLink, type MobileNavLinkProps, type MobileNavProps, MobileNavTrigger, type MobileNavTriggerProps };

package/dist/internal/react-mobile-nav/index.d.ts

@@ -0,0 +1,33 @@
+import * as React from 'react';
+export { MobileNavState, mobileNavContentVariants, mobileNavLinkVariants, mobileNavTokens, mobileNavTriggerVariants, mobileNavVariants } from '../mobile-nav/index.js';
+
+interface MobileNavProps extends React.HTMLAttributes<HTMLElement> {
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    defaultOpen?: boolean;
+}
+/**
+ * MobileNav — root wrapper that manages open/closed state via context.
+ * Supports both controlled (open + onOpenChange) and uncontrolled (defaultOpen) usage.
+ */
+declare const MobileNav: React.ForwardRefExoticComponent<MobileNavProps & React.RefAttributes<HTMLElement>>;
+interface MobileNavTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+}
+/**
+ * MobileNavTrigger — hamburger button that toggles the mobile nav.
+ */
+declare const MobileNavTrigger: React.ForwardRefExoticComponent<MobileNavTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+interface MobileNavContentProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+/**
+ * MobileNavContent — the collapsible dropdown panel that holds nav links.
+ */
+declare const MobileNavContent: React.ForwardRefExoticComponent<MobileNavContentProps & React.RefAttributes<HTMLDivElement>>;
+interface MobileNavLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
+}
+/**
+ * MobileNavLink — a styled link inside the mobile nav dropdown.
+ */
+declare const MobileNavLink: React.ForwardRefExoticComponent<MobileNavLinkProps & React.RefAttributes<HTMLAnchorElement>>;
+
+export { MobileNav, MobileNavContent, type MobileNavContentProps, MobileNavLink, type MobileNavLinkProps, type MobileNavProps, MobileNavTrigger, type MobileNavTriggerProps };

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

@@ -0,0 +1,25 @@
+import * as React from 'react';
+import { NavLink, NavbarVariant } from '../navbar/index.cjs';
+export { NavLink, NavbarVariant, navLinkVariants, navbarVariants } from '../navbar/index.cjs';
+
+interface NavbarProps extends React.HTMLAttributes<HTMLElement> {
+    /** Navigation links */
+    links?: NavLink[];
+    /** Current pathname for active state */
+    currentPath?: string;
+    /** Visual variant */
+    variant?: NavbarVariant;
+    /** Logo or brand slot */
+    logo?: React.ReactNode;
+    /** Right-side actions slot */
+    actions?: React.ReactNode;
+}
+/**
+ * Navbar component — renders a sticky header with navigation links.
+ *
+ * Uses the headless @refraction-ui/navbar core for state and ARIA attributes.
+ * Hidden on mobile (links use md:flex).
+ */
+declare const Navbar: React.ForwardRefExoticComponent<NavbarProps & React.RefAttributes<HTMLElement>>;
+
+export { Navbar, type NavbarProps };

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

@@ -0,0 +1,25 @@
+import * as React from 'react';
+import { NavLink, NavbarVariant } from '../navbar/index.js';
+export { NavLink, NavbarVariant, navLinkVariants, navbarVariants } from '../navbar/index.js';
+
+interface NavbarProps extends React.HTMLAttributes<HTMLElement> {
+    /** Navigation links */
+    links?: NavLink[];
+    /** Current pathname for active state */
+    currentPath?: string;
+    /** Visual variant */
+    variant?: NavbarVariant;
+    /** Logo or brand slot */
+    logo?: React.ReactNode;
+    /** Right-side actions slot */
+    actions?: React.ReactNode;
+}
+/**
+ * Navbar component — renders a sticky header with navigation links.
+ *
+ * Uses the headless @refraction-ui/navbar core for state and ARIA attributes.
+ * Hidden on mobile (links use md:flex).
+ */
+declare const Navbar: React.ForwardRefExoticComponent<NavbarProps & React.RefAttributes<HTMLElement>>;
+
+export { Navbar, type NavbarProps };

package/dist/internal/react-otp-input/index.d.cts

@@ -0,0 +1,21 @@
+import * as React from 'react';
+import { OtpInputType } from '../otp-input/index.cjs';
+export { OtpInputAPI, OtpInputType, OtpSlotProps, otpInputContainerVariants, otpInputSlotVariants, otpInputTokens } from '../otp-input/index.cjs';
+
+interface OtpInputProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    length?: number;
+    value?: string;
+    onChange?: (value: string) => void;
+    autoFocus?: boolean;
+    type?: OtpInputType;
+    disabled?: boolean;
+    size?: 'sm' | 'default' | 'lg';
+}
+/**
+ * OtpInput -- a row of individual input boxes for one-time password entry.
+ *
+ * Features: auto-advance on type, backspace navigation, paste support, numeric/text mode.
+ */
+declare const OtpInput: React.ForwardRefExoticComponent<OtpInputProps & React.RefAttributes<HTMLDivElement>>;
+
+export { OtpInput, type OtpInputProps };

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

@@ -0,0 +1,21 @@
+import * as React from 'react';
+import { OtpInputType } from '../otp-input/index.js';
+export { OtpInputAPI, OtpInputType, OtpSlotProps, otpInputContainerVariants, otpInputSlotVariants, otpInputTokens } from '../otp-input/index.js';
+
+interface OtpInputProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    length?: number;
+    value?: string;
+    onChange?: (value: string) => void;
+    autoFocus?: boolean;
+    type?: OtpInputType;
+    disabled?: boolean;
+    size?: 'sm' | 'default' | 'lg';
+}
+/**
+ * OtpInput -- a row of individual input boxes for one-time password entry.
+ *
+ * Features: auto-advance on type, backspace navigation, paste support, numeric/text mode.
+ */
+declare const OtpInput: React.ForwardRefExoticComponent<OtpInputProps & React.RefAttributes<HTMLDivElement>>;
+
+export { OtpInput, type OtpInputProps };

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

@@ -0,0 +1,7 @@
+import * as React from 'react';
+
+interface PaginationProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+declare const Pagination: React.ForwardRefExoticComponent<PaginationProps & React.RefAttributes<HTMLDivElement>>;
+
+export { Pagination, type PaginationProps };

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

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import { PaymentProps as PaymentProps$1 } from '../payment/index.cjs';
+
+interface PaymentProps extends React.HTMLAttributes<HTMLDivElement>, PaymentProps$1 {
+    disabled?: boolean;
+}
+declare const Payment: React.ForwardRefExoticComponent<PaymentProps & React.RefAttributes<HTMLDivElement>>;
+
+export { Payment, type PaymentProps };

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

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import { PaymentProps as PaymentProps$1 } from '../payment/index.js';
+
+interface PaymentProps extends React.HTMLAttributes<HTMLDivElement>, PaymentProps$1 {
+    disabled?: boolean;
+}
+declare const Payment: React.ForwardRefExoticComponent<PaymentProps & React.RefAttributes<HTMLDivElement>>;
+
+export { Payment, type PaymentProps };