@refraction-ui/react 0.4.2 → 0.6.0

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-logger/index.d.cts

@@ -0,0 +1,107 @@
+import * as React from 'react';
+import { Telemetry, TelemetryConfig, LogContext, Logger, Span } from '../logger/index.cjs';
+export { LogContext, LogLevel, LogRecord, Logger, Span, SpanRecord, Telemetry, TelemetryConfig, TelemetryEnv, TelemetrySink } from '../logger/index.cjs';
+
+interface TelemetryContextValue {
+    /** The root telemetry instance (a logger bound to the empty root context). */
+    telemetry: Telemetry;
+}
+interface TelemetryProviderProps extends TelemetryConfig {
+    children: React.ReactNode;
+}
+/**
+ * TelemetryProvider — wraps your app with telemetry context.
+ *
+ * ```tsx
+ * <TelemetryProvider app="interview-service" env="production">
+ *   <App />
+ * </TelemetryProvider>
+ * ```
+ */
+declare function TelemetryProvider({ children, ...config }: TelemetryProviderProps): React.FunctionComponentElement<React.ProviderProps<TelemetryContextValue | null>>;
+/**
+ * useTelemetry — access the root telemetry instance.
+ * Must be used within <TelemetryProvider>.
+ */
+declare function useTelemetry(): Telemetry;
+/**
+ * useLogger — derive a scoped child logger with bound context (e.g.
+ * `{ sessionId, interviewId, turnId }`). The logger is memoized so it stays
+ * stable across renders for the same scope. With no scope, the root telemetry
+ * logger is returned.
+ *
+ * Must be used within <TelemetryProvider>.
+ */
+declare function useLogger(scope?: LogContext): Logger;
+
+interface UseSpanAPI {
+    /**
+     * Begin a span tied to the provider's telemetry instance. Returns the
+     * {@link Span}; call {@link Span.end} (or {@link UseSpanAPI.end}) to record
+     * its duration. Starting a new span while one is active ends the previous
+     * one first so a single hook owns at most one in-flight span.
+     */
+    start: (name: string, attributes?: LogContext) => Span;
+    /** End the active span (no-op if none is in flight). Idempotent per span. */
+    end: (opts?: {
+        error?: unknown;
+        attributes?: LogContext;
+    }) => void;
+    /** Whether a span started by this hook is currently in flight. */
+    isActive: boolean;
+}
+/**
+ * useSpan — start/end a telemetry span tied to the provider's telemetry
+ * instance. The active span is cleaned up automatically on unmount.
+ *
+ * ```tsx
+ * const span = useSpan()
+ * useEffect(() => {
+ *   span.start('llm-call', { model: 'gpt' })
+ *   return () => span.end()
+ * }, [])
+ * ```
+ *
+ * Must be used within <TelemetryProvider>.
+ */
+declare function useSpan(): UseSpanAPI;
+
+interface TelemetryErrorBoundaryProps {
+    children: React.ReactNode;
+    /**
+     * Fallback UI rendered after an error is caught. May be a node or a render
+     * function receiving the captured error and a reset callback.
+     */
+    fallback?: React.ReactNode | ((error: Error, reset: () => void) => React.ReactNode);
+    /** Extra bound context attached to the reported error record. */
+    context?: LogContext;
+    /** Invoked after the error has been reported to the telemetry sink. */
+    onError?: (error: Error, info: React.ErrorInfo) => void;
+}
+interface TelemetryErrorBoundaryState {
+    error: Error | null;
+}
+/**
+ * TelemetryErrorBoundary — a React error boundary that reports caught render
+ * errors to the provider's telemetry sink (at `error` level) before showing
+ * an optional fallback.
+ *
+ * ```tsx
+ * <TelemetryErrorBoundary fallback={<p>Something broke.</p>}>
+ *   <App />
+ * </TelemetryErrorBoundary>
+ * ```
+ *
+ * Must be used within <TelemetryProvider>.
+ */
+declare class TelemetryErrorBoundary extends React.Component<TelemetryErrorBoundaryProps, TelemetryErrorBoundaryState> {
+    static contextType: React.Context<TelemetryContextValue | null>;
+    context: TelemetryContextValue | null;
+    state: TelemetryErrorBoundaryState;
+    static getDerivedStateFromError(error: Error): TelemetryErrorBoundaryState;
+    componentDidCatch(error: Error, info: React.ErrorInfo): void;
+    reset: () => void;
+    render(): React.ReactNode;
+}
+
+export { type TelemetryContextValue, TelemetryErrorBoundary, type TelemetryErrorBoundaryProps, TelemetryProvider, type TelemetryProviderProps, type UseSpanAPI, useLogger, useSpan, useTelemetry };

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

@@ -0,0 +1,107 @@
+import * as React from 'react';
+import { Telemetry, TelemetryConfig, LogContext, Logger, Span } from '../logger/index.js';
+export { LogContext, LogLevel, LogRecord, Logger, Span, SpanRecord, Telemetry, TelemetryConfig, TelemetryEnv, TelemetrySink } from '../logger/index.js';
+
+interface TelemetryContextValue {
+    /** The root telemetry instance (a logger bound to the empty root context). */
+    telemetry: Telemetry;
+}
+interface TelemetryProviderProps extends TelemetryConfig {
+    children: React.ReactNode;
+}
+/**
+ * TelemetryProvider — wraps your app with telemetry context.
+ *
+ * ```tsx
+ * <TelemetryProvider app="interview-service" env="production">
+ *   <App />
+ * </TelemetryProvider>
+ * ```
+ */
+declare function TelemetryProvider({ children, ...config }: TelemetryProviderProps): React.FunctionComponentElement<React.ProviderProps<TelemetryContextValue | null>>;
+/**
+ * useTelemetry — access the root telemetry instance.
+ * Must be used within <TelemetryProvider>.
+ */
+declare function useTelemetry(): Telemetry;
+/**
+ * useLogger — derive a scoped child logger with bound context (e.g.
+ * `{ sessionId, interviewId, turnId }`). The logger is memoized so it stays
+ * stable across renders for the same scope. With no scope, the root telemetry
+ * logger is returned.
+ *
+ * Must be used within <TelemetryProvider>.
+ */
+declare function useLogger(scope?: LogContext): Logger;
+
+interface UseSpanAPI {
+    /**
+     * Begin a span tied to the provider's telemetry instance. Returns the
+     * {@link Span}; call {@link Span.end} (or {@link UseSpanAPI.end}) to record
+     * its duration. Starting a new span while one is active ends the previous
+     * one first so a single hook owns at most one in-flight span.
+     */
+    start: (name: string, attributes?: LogContext) => Span;
+    /** End the active span (no-op if none is in flight). Idempotent per span. */
+    end: (opts?: {
+        error?: unknown;
+        attributes?: LogContext;
+    }) => void;
+    /** Whether a span started by this hook is currently in flight. */
+    isActive: boolean;
+}
+/**
+ * useSpan — start/end a telemetry span tied to the provider's telemetry
+ * instance. The active span is cleaned up automatically on unmount.
+ *
+ * ```tsx
+ * const span = useSpan()
+ * useEffect(() => {
+ *   span.start('llm-call', { model: 'gpt' })
+ *   return () => span.end()
+ * }, [])
+ * ```
+ *
+ * Must be used within <TelemetryProvider>.
+ */
+declare function useSpan(): UseSpanAPI;
+
+interface TelemetryErrorBoundaryProps {
+    children: React.ReactNode;
+    /**
+     * Fallback UI rendered after an error is caught. May be a node or a render
+     * function receiving the captured error and a reset callback.
+     */
+    fallback?: React.ReactNode | ((error: Error, reset: () => void) => React.ReactNode);
+    /** Extra bound context attached to the reported error record. */
+    context?: LogContext;
+    /** Invoked after the error has been reported to the telemetry sink. */
+    onError?: (error: Error, info: React.ErrorInfo) => void;
+}
+interface TelemetryErrorBoundaryState {
+    error: Error | null;
+}
+/**
+ * TelemetryErrorBoundary — a React error boundary that reports caught render
+ * errors to the provider's telemetry sink (at `error` level) before showing
+ * an optional fallback.
+ *
+ * ```tsx
+ * <TelemetryErrorBoundary fallback={<p>Something broke.</p>}>
+ *   <App />
+ * </TelemetryErrorBoundary>
+ * ```
+ *
+ * Must be used within <TelemetryProvider>.
+ */
+declare class TelemetryErrorBoundary extends React.Component<TelemetryErrorBoundaryProps, TelemetryErrorBoundaryState> {
+    static contextType: React.Context<TelemetryContextValue | null>;
+    context: TelemetryContextValue | null;
+    state: TelemetryErrorBoundaryState;
+    static getDerivedStateFromError(error: Error): TelemetryErrorBoundaryState;
+    componentDidCatch(error: Error, info: React.ErrorInfo): void;
+    reset: () => void;
+    render(): React.ReactNode;
+}
+
+export { type TelemetryContextValue, TelemetryErrorBoundary, type TelemetryErrorBoundaryProps, TelemetryProvider, type TelemetryProviderProps, type UseSpanAPI, useLogger, useSpan, useTelemetry };

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