@refraction-ui/react 0.4.2 → 0.6.0

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

@@ -0,0 +1,23 @@
+import * as React from 'react';
+import { SidebarSection } from '../sidebar/index.cjs';
+export { SidebarItem, SidebarSection, sidebarItemVariants, sidebarVariants } from '../sidebar/index.cjs';
+
+interface SidebarProps extends React.HTMLAttributes<HTMLElement> {
+    /** Sidebar sections with items */
+    sections?: SidebarSection[];
+    /** Current pathname for active state */
+    currentPath?: string;
+    /** Whether the sidebar is collapsed */
+    collapsed?: boolean;
+    /** User roles for visibility filtering */
+    userRoles?: string[];
+}
+/**
+ * Sidebar component — renders a vertical navigation panel with sections and items.
+ *
+ * Uses the headless @refraction-ui/sidebar core for state, visibility, and ARIA attributes.
+ * Hidden on mobile (hidden md:flex via styles).
+ */
+declare const Sidebar: React.ForwardRefExoticComponent<SidebarProps & React.RefAttributes<HTMLElement>>;
+
+export { Sidebar, type SidebarProps };

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

@@ -0,0 +1,23 @@
+import * as React from 'react';
+import { SidebarSection } from '../sidebar/index.js';
+export { SidebarItem, SidebarSection, sidebarItemVariants, sidebarVariants } from '../sidebar/index.js';
+
+interface SidebarProps extends React.HTMLAttributes<HTMLElement> {
+    /** Sidebar sections with items */
+    sections?: SidebarSection[];
+    /** Current pathname for active state */
+    currentPath?: string;
+    /** Whether the sidebar is collapsed */
+    collapsed?: boolean;
+    /** User roles for visibility filtering */
+    userRoles?: string[];
+}
+/**
+ * Sidebar component — renders a vertical navigation panel with sections and items.
+ *
+ * Uses the headless @refraction-ui/sidebar core for state, visibility, and ARIA attributes.
+ * Hidden on mobile (hidden md:flex via styles).
+ */
+declare const Sidebar: React.ForwardRefExoticComponent<SidebarProps & React.RefAttributes<HTMLElement>>;
+
+export { Sidebar, type SidebarProps };

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

@@ -0,0 +1,31 @@
+import * as React from 'react';
+import { SkeletonShape } from '../skeleton/index.cjs';
+export { SkeletonShape, skeletonVariants } from '../skeleton/index.cjs';
+
+interface SkeletonProps extends React.HTMLAttributes<HTMLDivElement> {
+    shape?: SkeletonShape;
+    width?: string | number;
+    height?: string | number;
+    /** Whether to animate the skeleton pulse. Defaults to true */
+    animate?: boolean;
+}
+/**
+ * Skeleton component -- renders a placeholder loading element.
+ *
+ * Uses the headless @refraction-ui/skeleton core for ARIA attributes.
+ * Styling via Tailwind utility classes (no external CSS-in-JS).
+ */
+declare const Skeleton: React.ForwardRefExoticComponent<SkeletonProps & React.RefAttributes<HTMLDivElement>>;
+interface SkeletonTextProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Number of text lines to render. Defaults to 3 */
+    lines?: number;
+    /** Whether to animate the skeleton pulse. Defaults to true */
+    animate?: boolean;
+}
+/**
+ * SkeletonText component -- renders N lines of text-shaped skeletons with
+ * slight width variations for a natural loading appearance.
+ */
+declare const SkeletonText: React.ForwardRefExoticComponent<SkeletonTextProps & React.RefAttributes<HTMLDivElement>>;
+
+export { Skeleton, type SkeletonProps, SkeletonText, type SkeletonTextProps };

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

@@ -0,0 +1,31 @@
+import * as React from 'react';
+import { SkeletonShape } from '../skeleton/index.js';
+export { SkeletonShape, skeletonVariants } from '../skeleton/index.js';
+
+interface SkeletonProps extends React.HTMLAttributes<HTMLDivElement> {
+    shape?: SkeletonShape;
+    width?: string | number;
+    height?: string | number;
+    /** Whether to animate the skeleton pulse. Defaults to true */
+    animate?: boolean;
+}
+/**
+ * Skeleton component -- renders a placeholder loading element.
+ *
+ * Uses the headless @refraction-ui/skeleton core for ARIA attributes.
+ * Styling via Tailwind utility classes (no external CSS-in-JS).
+ */
+declare const Skeleton: React.ForwardRefExoticComponent<SkeletonProps & React.RefAttributes<HTMLDivElement>>;
+interface SkeletonTextProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Number of text lines to render. Defaults to 3 */
+    lines?: number;
+    /** Whether to animate the skeleton pulse. Defaults to true */
+    animate?: boolean;
+}
+/**
+ * SkeletonText component -- renders N lines of text-shaped skeletons with
+ * slight width variations for a natural loading appearance.
+ */
+declare const SkeletonText: React.ForwardRefExoticComponent<SkeletonTextProps & React.RefAttributes<HTMLDivElement>>;
+
+export { Skeleton, type SkeletonProps, SkeletonText, type SkeletonTextProps };

package/dist/internal/react-skip-to-content/index.d.cts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+
+interface SkipToContentProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
+    /** The target element ID to skip to (without the #) */
+    targetId?: string;
+}
+declare const SkipToContent: React.ForwardRefExoticComponent<SkipToContentProps & React.RefAttributes<HTMLAnchorElement>>;
+
+export { SkipToContent, type SkipToContentProps };

package/dist/internal/react-skip-to-content/index.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+
+interface SkipToContentProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
+    /** The target element ID to skip to (without the #) */
+    targetId?: string;
+}
+declare const SkipToContent: React.ForwardRefExoticComponent<SkipToContentProps & React.RefAttributes<HTMLAnchorElement>>;
+
+export { SkipToContent, type SkipToContentProps };

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

@@ -0,0 +1,23 @@
+import * as React from 'react';
+import { SlideData } from '../slide-viewer/index.cjs';
+export { BookmarkType, SlideData, SlideType, SlideViewerAPI, SlideViewerState, progressBarVariants, slideTypeBadgeVariants, slideViewerTokens, slideViewerVariants } from '../slide-viewer/index.cjs';
+
+interface SlideViewerProps {
+    slides: SlideData[];
+    initialSlide?: number;
+    onSlideChange?: (index: number) => void;
+    onComplete?: () => void;
+    className?: string;
+    size?: 'compact' | 'default' | 'full';
+    /** Render function for custom slide content */
+    renderSlide?: (slide: SlideData, index: number) => React.ReactNode;
+}
+/**
+ * SlideViewer component — slide-based content viewer with navigation,
+ * progress bar, type badges, and bookmark support.
+ *
+ * Uses the headless @refraction-ui/slide-viewer core for state and navigation.
+ */
+declare const SlideViewer: React.ForwardRefExoticComponent<SlideViewerProps & React.RefAttributes<HTMLDivElement>>;
+
+export { SlideViewer, type SlideViewerProps };

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

@@ -0,0 +1,23 @@
+import * as React from 'react';
+import { SlideData } from '../slide-viewer/index.js';
+export { BookmarkType, SlideData, SlideType, SlideViewerAPI, SlideViewerState, progressBarVariants, slideTypeBadgeVariants, slideViewerTokens, slideViewerVariants } from '../slide-viewer/index.js';
+
+interface SlideViewerProps {
+    slides: SlideData[];
+    initialSlide?: number;
+    onSlideChange?: (index: number) => void;
+    onComplete?: () => void;
+    className?: string;
+    size?: 'compact' | 'default' | 'full';
+    /** Render function for custom slide content */
+    renderSlide?: (slide: SlideData, index: number) => React.ReactNode;
+}
+/**
+ * SlideViewer component — slide-based content viewer with navigation,
+ * progress bar, type badges, and bookmark support.
+ *
+ * Uses the headless @refraction-ui/slide-viewer core for state and navigation.
+ */
+declare const SlideViewer: React.ForwardRefExoticComponent<SlideViewerProps & React.RefAttributes<HTMLDivElement>>;
+
+export { SlideViewer, type SlideViewerProps };

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

@@ -0,0 +1 @@
+export * from '../slider/index.cjs';

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

@@ -0,0 +1 @@
+export * from '../slider/index.js';

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

@@ -0,0 +1,34 @@
+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';
+
+interface StatusIndicatorProps {
+    type: StatusType;
+    label?: string;
+    pulse?: boolean;
+    showLabel?: boolean;
+    className?: string;
+}
+declare function StatusIndicator({ type, label, pulse, showLabel, className, }: StatusIndicatorProps): 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 StatusIndicator {
+    var displayName: string;
+}
+
+export { StatusIndicator, type StatusIndicatorProps };

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

@@ -0,0 +1,34 @@
+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';
+
+interface StatusIndicatorProps {
+    type: StatusType;
+    label?: string;
+    pulse?: boolean;
+    showLabel?: boolean;
+    className?: string;
+}
+declare function StatusIndicator({ type, label, pulse, showLabel, className, }: StatusIndicatorProps): 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 StatusIndicator {
+    var displayName: string;
+}
+
+export { StatusIndicator, type StatusIndicatorProps };

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

@@ -0,0 +1,19 @@
+import * as React from 'react';
+
+interface StepsProps extends React.HTMLAttributes<HTMLDivElement> {
+    orientation?: 'vertical' | 'horizontal';
+}
+declare const Steps: React.ForwardRefExoticComponent<StepsProps & React.RefAttributes<HTMLDivElement>>;
+interface StepProps extends React.HTMLAttributes<HTMLDivElement> {
+    status?: 'completed' | 'active' | 'upcoming';
+}
+declare const Step: React.ForwardRefExoticComponent<StepProps & React.RefAttributes<HTMLDivElement>>;
+interface StepIndicatorProps extends React.HTMLAttributes<HTMLDivElement> {
+    status?: 'completed' | 'active' | 'upcoming';
+}
+declare const StepIndicator: React.ForwardRefExoticComponent<StepIndicatorProps & React.RefAttributes<HTMLDivElement>>;
+declare const StepContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const StepTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLHeadingElement>>;
+declare const StepDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
+
+export { Step, StepContent, StepDescription, StepIndicator, type StepIndicatorProps, type StepProps, StepTitle, Steps, type StepsProps };

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

@@ -0,0 +1,19 @@
+import * as React from 'react';
+
+interface StepsProps extends React.HTMLAttributes<HTMLDivElement> {
+    orientation?: 'vertical' | 'horizontal';
+}
+declare const Steps: React.ForwardRefExoticComponent<StepsProps & React.RefAttributes<HTMLDivElement>>;
+interface StepProps extends React.HTMLAttributes<HTMLDivElement> {
+    status?: 'completed' | 'active' | 'upcoming';
+}
+declare const Step: React.ForwardRefExoticComponent<StepProps & React.RefAttributes<HTMLDivElement>>;
+interface StepIndicatorProps extends React.HTMLAttributes<HTMLDivElement> {
+    status?: 'completed' | 'active' | 'upcoming';
+}
+declare const StepIndicator: React.ForwardRefExoticComponent<StepIndicatorProps & React.RefAttributes<HTMLDivElement>>;
+declare const StepContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const StepTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLHeadingElement>>;
+declare const StepDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
+
+export { Step, StepContent, StepDescription, StepIndicator, type StepIndicatorProps, type StepProps, StepTitle, Steps, type StepsProps };

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

@@ -0,0 +1,17 @@
+import * as React from 'react';
+export { SwitchAPI, switchThumbVariants, switchTokens, switchVariants } from '../switch/index.cjs';
+
+interface SwitchProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'onChange'> {
+    checked?: boolean;
+    onCheckedChange?: (checked: boolean) => void;
+    disabled?: boolean;
+    size?: 'sm' | 'default' | 'lg';
+}
+/**
+ * Switch component -- a toggle switch with accessible keyboard and ARIA support.
+ *
+ * Uses the headless @refraction-ui/switch core for state, ARIA, and keyboard handling.
+ */
+declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLButtonElement>>;
+
+export { Switch, type SwitchProps };

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

@@ -0,0 +1,17 @@
+import * as React from 'react';
+export { SwitchAPI, switchThumbVariants, switchTokens, switchVariants } from '../switch/index.js';
+
+interface SwitchProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'onChange'> {
+    checked?: boolean;
+    onCheckedChange?: (checked: boolean) => void;
+    disabled?: boolean;
+    size?: 'sm' | 'default' | 'lg';
+}
+/**
+ * Switch component -- a toggle switch with accessible keyboard and ARIA support.
+ *
+ * Uses the headless @refraction-ui/switch core for state, ARIA, and keyboard handling.
+ */
+declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLButtonElement>>;
+
+export { Switch, type SwitchProps };

package/dist/internal/react-table-of-contents/index.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+
+interface TableOfContentsProps extends React.HTMLAttributes<HTMLDivElement> {
+    containerRef?: React.RefObject<HTMLElement | null>;
+    selectors?: string;
+    onActiveIdChange?: (id: string) => void;
+}
+declare const TableOfContents: React.ForwardRefExoticComponent<TableOfContentsProps & React.RefAttributes<HTMLDivElement>>;
+
+export { TableOfContents, type TableOfContentsProps };

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

@@ -0,0 +1,31 @@
+import * as React from 'react';
+export { TabsProps as CoreTabsProps, TabsAPI, TabsState, tabsListVariants, tabsTriggerVariants } from '../tabs/index.cjs';
+
+interface TabsProps {
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    orientation?: 'horizontal' | 'vertical';
+    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;
+}
+interface TabsListProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+declare const TabsList: React.ForwardRefExoticComponent<TabsListProps & React.RefAttributes<HTMLDivElement>>;
+interface TabsTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    value: string;
+}
+declare const TabsTrigger: React.ForwardRefExoticComponent<TabsTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+interface TabsContentProps extends React.HTMLAttributes<HTMLDivElement> {
+    value: string;
+}
+declare const TabsContent: React.ForwardRefExoticComponent<TabsContentProps & React.RefAttributes<HTMLDivElement>>;
+
+export { Tabs, TabsContent, type TabsContentProps, TabsList, type TabsListProps, type TabsProps, TabsTrigger, type TabsTriggerProps };

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

@@ -0,0 +1,31 @@
+import * as React from 'react';
+export { TabsProps as CoreTabsProps, TabsAPI, TabsState, tabsListVariants, tabsTriggerVariants } from '../tabs/index.js';
+
+interface TabsProps {
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    orientation?: 'horizontal' | 'vertical';
+    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;
+}
+interface TabsListProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+declare const TabsList: React.ForwardRefExoticComponent<TabsListProps & React.RefAttributes<HTMLDivElement>>;
+interface TabsTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    value: string;
+}
+declare const TabsTrigger: React.ForwardRefExoticComponent<TabsTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+interface TabsContentProps extends React.HTMLAttributes<HTMLDivElement> {
+    value: string;
+}
+declare const TabsContent: React.ForwardRefExoticComponent<TabsContentProps & React.RefAttributes<HTMLDivElement>>;
+
+export { Tabs, TabsContent, type TabsContentProps, TabsList, type TabsListProps, type TabsProps, TabsTrigger, type TabsTriggerProps };

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

@@ -0,0 +1,16 @@
+import * as React from 'react';
+export { textareaVariants } from '../textarea/index.cjs';
+
+interface TextareaProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'size'> {
+    size?: 'sm' | 'default' | 'lg';
+    maxRows?: number;
+}
+/**
+ * Textarea component — renders a styled textarea with size support.
+ *
+ * Uses the headless @refraction-ui/textarea core for state, ARIA, and data attributes.
+ * Styling via Tailwind utility classes (no external CSS-in-JS).
+ */
+declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
+
+export { Textarea, type TextareaProps };

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

@@ -0,0 +1,16 @@
+import * as React from 'react';
+export { textareaVariants } from '../textarea/index.js';
+
+interface TextareaProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'size'> {
+    size?: 'sm' | 'default' | 'lg';
+    maxRows?: number;
+}
+/**
+ * Textarea component — renders a styled textarea with size support.
+ *
+ * Uses the headless @refraction-ui/textarea core for state, ARIA, and data attributes.
+ * Styling via Tailwind utility classes (no external CSS-in-JS).
+ */
+declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
+
+export { Textarea, type TextareaProps };

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

@@ -0,0 +1,44 @@
+import * as React from 'react';
+import { ThemeMode, ResolvedTheme, ThemeConfig } from '../theme/index.cjs';
+export { ResolvedTheme, ThemeConfig, ThemeMode, ThemeState } from '../theme/index.cjs';
+
+interface ThemeContextValue {
+    mode: ThemeMode;
+    resolved: ResolvedTheme;
+    setMode: (mode: ThemeMode) => void;
+}
+interface ThemeProviderProps extends ThemeConfig {
+    children: React.ReactNode;
+}
+declare function ThemeProvider({ children, defaultMode, storageKey, attribute, }: ThemeProviderProps): React.FunctionComponentElement<React.ProviderProps<ThemeContextValue | null>>;
+declare function useTheme(): ThemeContextValue;
+
+interface ThemeToggleProps {
+    className?: string;
+    /** 'dropdown' shows a menu, 'segmented' shows inline buttons */
+    variant?: 'dropdown' | 'segmented';
+}
+declare function ThemeToggle({ className, variant }: ThemeToggleProps): React.DetailedReactHTMLElement<{
+    className: string;
+    role: "radiogroup";
+    'aria-label': string;
+}, HTMLElement> | React.DetailedReactHTMLElement<{
+    ref: React.RefObject<HTMLDivElement | null>;
+    className: string;
+}, HTMLDivElement>;
+
+interface ThemeScriptProps {
+    storageKey?: string;
+    attribute?: 'class' | 'data-theme';
+}
+/**
+ * Renders an inline <script> that prevents theme flash on SSR pages.
+ * Place this in the <head> of your document (in Next.js layout.tsx, Remix root, etc.)
+ */
+declare function ThemeScript({ storageKey, attribute, }: ThemeScriptProps): React.DetailedReactHTMLElement<{
+    dangerouslySetInnerHTML: {
+        __html: string;
+    };
+}, HTMLElement>;
+
+export { type ThemeContextValue, ThemeProvider, type ThemeProviderProps, ThemeScript, type ThemeScriptProps, ThemeToggle, type ThemeToggleProps, useTheme };

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

@@ -0,0 +1,44 @@
+import * as React from 'react';
+import { ThemeMode, ResolvedTheme, ThemeConfig } from '../theme/index.js';
+export { ResolvedTheme, ThemeConfig, ThemeMode, ThemeState } from '../theme/index.js';
+
+interface ThemeContextValue {
+    mode: ThemeMode;
+    resolved: ResolvedTheme;
+    setMode: (mode: ThemeMode) => void;
+}
+interface ThemeProviderProps extends ThemeConfig {
+    children: React.ReactNode;
+}
+declare function ThemeProvider({ children, defaultMode, storageKey, attribute, }: ThemeProviderProps): React.FunctionComponentElement<React.ProviderProps<ThemeContextValue | null>>;
+declare function useTheme(): ThemeContextValue;
+
+interface ThemeToggleProps {
+    className?: string;
+    /** 'dropdown' shows a menu, 'segmented' shows inline buttons */
+    variant?: 'dropdown' | 'segmented';
+}
+declare function ThemeToggle({ className, variant }: ThemeToggleProps): React.DetailedReactHTMLElement<{
+    className: string;
+    role: "radiogroup";
+    'aria-label': string;
+}, HTMLElement> | React.DetailedReactHTMLElement<{
+    ref: React.RefObject<HTMLDivElement | null>;
+    className: string;
+}, HTMLDivElement>;
+
+interface ThemeScriptProps {
+    storageKey?: string;
+    attribute?: 'class' | 'data-theme';
+}
+/**
+ * Renders an inline <script> that prevents theme flash on SSR pages.
+ * Place this in the <head> of your document (in Next.js layout.tsx, Remix root, etc.)
+ */
+declare function ThemeScript({ storageKey, attribute, }: ThemeScriptProps): React.DetailedReactHTMLElement<{
+    dangerouslySetInnerHTML: {
+        __html: string;
+    };
+}, HTMLElement>;
+
+export { type ThemeContextValue, ThemeProvider, type ThemeProviderProps, ThemeScript, type ThemeScriptProps, ThemeToggle, type ThemeToggleProps, useTheme };

package/dist/internal/react-thread-view/index.d.cts

@@ -0,0 +1,34 @@
+import * as React from 'react';
+import { MessageData } from '../thread-view/index.cjs';
+export { ThreadViewProps as CoreThreadViewProps, MessageAttachment, MessageData, MessageReaction, ThreadViewAPI, ThreadViewState, formatRelativeTime, formatTimestamp, threadAuthorStyles, threadAvatarStyles, threadBodyStyles, threadContainerStyles, threadContentStyles, threadMessageStyles, threadReactionsStyles, threadTimestampStyles } from '../thread-view/index.cjs';
+
+interface ThreadViewProps {
+    messages: MessageData[];
+    onReply?: (messageId: string, content: string) => void;
+    onReact?: (messageId: string, emoji: string) => void;
+    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;
+}
+
+export { ThreadView, type ThreadViewProps };

package/dist/internal/react-thread-view/index.d.ts

@@ -0,0 +1,34 @@
+import * as React from 'react';
+import { MessageData } from '../thread-view/index.js';
+export { ThreadViewProps as CoreThreadViewProps, MessageAttachment, MessageData, MessageReaction, ThreadViewAPI, ThreadViewState, formatRelativeTime, formatTimestamp, threadAuthorStyles, threadAvatarStyles, threadBodyStyles, threadContainerStyles, threadContentStyles, threadMessageStyles, threadReactionsStyles, threadTimestampStyles } from '../thread-view/index.js';
+
+interface ThreadViewProps {
+    messages: MessageData[];
+    onReply?: (messageId: string, content: string) => void;
+    onReact?: (messageId: string, emoji: string) => void;
+    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;
+}
+
+export { ThreadView, type ThreadViewProps };

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

@@ -0,0 +1,36 @@
+import * as React from 'react';
+import { ToastEntry, ToastManagerAPI, ToastVariant } from '../toast/index.cjs';
+export { ToastEntry, ToastManagerAPI, ToastVariant, toastVariants } from '../toast/index.cjs';
+
+interface ToastContextValue {
+    manager: ToastManagerAPI;
+}
+interface ToastProviderProps {
+    children?: React.ReactNode;
+}
+declare function ToastProvider({ children }: ToastProviderProps): React.FunctionComponentElement<React.ProviderProps<ToastContextValue | null>>;
+declare namespace ToastProvider {
+    var displayName: string;
+}
+interface UseToastReturn {
+    /** Show a new toast */
+    toast: (message: string, opts?: {
+        variant?: ToastVariant;
+        duration?: number;
+    }) => string;
+    /** Dismiss a toast by id */
+    dismiss: (id: string) => void;
+    /** Current toast entries */
+    toasts: ReadonlyArray<ToastEntry>;
+}
+declare function useToast(): UseToastReturn;
+interface ToastProps extends React.HTMLAttributes<HTMLDivElement> {
+    entry: ToastEntry;
+    onDismiss?: (id: string) => void;
+}
+declare const Toast: React.ForwardRefExoticComponent<ToastProps & React.RefAttributes<HTMLDivElement>>;
+interface ToasterProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+declare const Toaster: React.ForwardRefExoticComponent<ToasterProps & React.RefAttributes<HTMLDivElement>>;
+
+export { Toast, type ToastProps, ToastProvider, type ToastProviderProps, Toaster, type ToasterProps, type UseToastReturn, useToast };