@refraction-ui/react 0.18.4 → 0.19.0

package/dist/internal/react-app-shell/index.d.ts

@@ -12,82 +12,38 @@ interface AppShellProps {
     children?: React.ReactNode;
     className?: string;
 }
-declare function AppShellRoot({ config, children, className }: AppShellProps): React.FunctionComponentElement<React.ProviderProps<AppShellContextValue | null>>;
-declare namespace AppShellRoot {
-    var displayName: string;
-}
 interface AppShellSidebarProps {
     children?: React.ReactNode;
     className?: string;
 }
-declare function Sidebar({ children, className }: AppShellSidebarProps): React.DetailedReactHTMLElement<{
-    className: string;
-    'data-collapsed': string | undefined;
-    'data-open': string | undefined;
-}, HTMLElement>;
-declare namespace Sidebar {
-    var displayName: string;
-}
 interface AppShellMainProps {
     children?: React.ReactNode;
     className?: string;
 }
-declare function Main({ children, className }: AppShellMainProps): React.DetailedReactHTMLElement<{
-    className: string;
-}, HTMLElement>;
-declare namespace Main {
-    var displayName: string;
-}
 interface AppShellHeaderProps {
     children?: React.ReactNode;
     className?: string;
 }
-declare function Header({ children, className }: AppShellHeaderProps): React.DetailedReactHTMLElement<{
-    className: string;
-}, HTMLElement>;
-declare namespace Header {
-    var displayName: string;
-}
 interface AppShellContentProps {
     children?: React.ReactNode;
     className?: string;
     /** Tailwind max-width class suffix, e.g. '6xl' -> max-w-6xl */
     maxWidth?: string;
 }
-declare function Content({ children, className, maxWidth }: AppShellContentProps): React.DetailedReactHTMLElement<{
-    className: string;
-}, HTMLElement>;
-declare namespace Content {
-    var displayName: string;
-}
 interface AppShellMobileNavProps {
     children?: React.ReactNode;
     className?: string;
 }
-declare function MobileNav({ children, className }: AppShellMobileNavProps): React.DetailedReactHTMLElement<{
-    className: string;
-}, HTMLElement> | null;
-declare namespace MobileNav {
-    var displayName: string;
-}
 interface AppShellOverlayProps {
     className?: string;
 }
-declare function Overlay({ className }: AppShellOverlayProps): React.DetailedReactHTMLElement<{
-    className: string;
-    onClick: () => void;
-    'data-shell-overlay': string;
-}, HTMLElement> | null;
-declare namespace Overlay {
-    var displayName: string;
-}
-declare const AppShell: typeof AppShellRoot & {
-    Sidebar: typeof Sidebar;
-    Main: typeof Main;
-    Header: typeof Header;
-    Content: typeof Content;
-    MobileNav: typeof MobileNav;
-    Overlay: typeof Overlay;
+declare const AppShell: React.ForwardRefExoticComponent<AppShellProps & React.RefAttributes<HTMLDivElement>> & {
+    Sidebar: React.ForwardRefExoticComponent<AppShellSidebarProps & React.RefAttributes<HTMLElement>>;
+    Main: React.ForwardRefExoticComponent<AppShellMainProps & React.RefAttributes<HTMLDivElement>>;
+    Header: React.ForwardRefExoticComponent<AppShellHeaderProps & React.RefAttributes<HTMLElement>>;
+    Content: React.ForwardRefExoticComponent<AppShellContentProps & React.RefAttributes<HTMLElement>>;
+    MobileNav: React.ForwardRefExoticComponent<AppShellMobileNavProps & React.RefAttributes<HTMLElement>>;
+    Overlay: React.ForwardRefExoticComponent<AppShellOverlayProps & React.RefAttributes<HTMLDivElement>>;
 };
 
 interface PageShellContextValue {

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

@@ -8,26 +8,6 @@ interface AvatarGroupProps {
     size?: AvatarSize;
     className?: string;
 }
-declare function AvatarGroup({ users, max, size, className }: AvatarGroupProps): 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 AvatarGroup {
-    var displayName: string;
-}
+declare const AvatarGroup: React.ForwardRefExoticComponent<AvatarGroupProps & React.RefAttributes<HTMLDivElement>>;
 
 export { AvatarGroup, type AvatarGroupProps };

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

@@ -8,26 +8,6 @@ interface AvatarGroupProps {
     size?: AvatarSize;
     className?: string;
 }
-declare function AvatarGroup({ users, max, size, className }: AvatarGroupProps): 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 AvatarGroup {
-    var displayName: string;
-}
+declare const AvatarGroup: React.ForwardRefExoticComponent<AvatarGroupProps & React.RefAttributes<HTMLDivElement>>;
 
 export { AvatarGroup, type AvatarGroupProps };

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

@@ -6,27 +6,7 @@ interface CalendarProps extends CalendarProps$1 {
     className?: string;
     children?: React.ReactNode;
 }
-declare function Calendar({ className, value, defaultValue, onSelect, month, onMonthChange, minDate, maxDate, disabledDates, }: CalendarProps): 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;
-}, HTMLElement>;
-declare namespace Calendar {
-    var displayName: string;
-}
+declare const Calendar: React.ForwardRefExoticComponent<CalendarProps & React.RefAttributes<HTMLDivElement>>;
 interface CalendarHeaderProps {
     label: string;
     labelId: string;
@@ -34,11 +14,6 @@ interface CalendarHeaderProps {
     onNextMonth: () => void;
     className?: string;
 }
-declare function CalendarHeader({ label, labelId, onPrevMonth, onNextMonth, className, }: CalendarHeaderProps): React.DetailedReactHTMLElement<{
-    className: string;
-}, HTMLElement>;
-declare namespace CalendarHeader {
-    var displayName: string;
-}
+declare const CalendarHeader: React.ForwardRefExoticComponent<CalendarHeaderProps & React.RefAttributes<HTMLDivElement>>;
 
 export { Calendar, CalendarHeader, type CalendarHeaderProps, type CalendarProps };

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

@@ -6,27 +6,7 @@ interface CalendarProps extends CalendarProps$1 {
     className?: string;
     children?: React.ReactNode;
 }
-declare function Calendar({ className, value, defaultValue, onSelect, month, onMonthChange, minDate, maxDate, disabledDates, }: CalendarProps): 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;
-}, HTMLElement>;
-declare namespace Calendar {
-    var displayName: string;
-}
+declare const Calendar: React.ForwardRefExoticComponent<CalendarProps & React.RefAttributes<HTMLDivElement>>;
 interface CalendarHeaderProps {
     label: string;
     labelId: string;
@@ -34,11 +14,6 @@ interface CalendarHeaderProps {
     onNextMonth: () => void;
     className?: string;
 }
-declare function CalendarHeader({ label, labelId, onPrevMonth, onNextMonth, className, }: CalendarHeaderProps): React.DetailedReactHTMLElement<{
-    className: string;
-}, HTMLElement>;
-declare namespace CalendarHeader {
-    var displayName: string;
-}
+declare const CalendarHeader: React.ForwardRefExoticComponent<CalendarHeaderProps & React.RefAttributes<HTMLDivElement>>;
 
 export { Calendar, CalendarHeader, type CalendarHeaderProps, type CalendarProps };

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

@@ -7,16 +7,18 @@ interface ChartProps {
     height?: number;
     margin?: Partial<Margin>;
     children?: React.ReactNode;
+    className?: string;
 }
-declare function Chart({ width, height, margin, children, }: ChartProps): react_jsx_runtime.JSX.Element;
+declare function Chart({ width, height, margin, children, className, }: ChartProps): react_jsx_runtime.JSX.Element;
 
 interface BarsProps<T = unknown> {
     data: T[];
     x: (d: T) => string;
     y: (d: T) => number;
     fill?: string;
+    className?: string;
 }
-declare function Bars<T>({ data, x, y, fill }: BarsProps<T>): react_jsx_runtime.JSX.Element;
+declare function Bars<T>({ data, x, y, fill, className }: BarsProps<T>): react_jsx_runtime.JSX.Element;
 
 interface LineProps<T = unknown> {
     data: T[];
@@ -25,8 +27,9 @@ interface LineProps<T = unknown> {
     stroke?: string;
     strokeWidth?: number;
     fill?: string;
+    className?: string;
 }
-declare function Line<T>({ data, x, y, stroke, strokeWidth, fill, }: LineProps<T>): react_jsx_runtime.JSX.Element;
+declare function Line<T>({ data, x, y, stroke, strokeWidth, fill, className, }: LineProps<T>): react_jsx_runtime.JSX.Element;
 
 interface CirclesProps<T = unknown> {
     data: T[];
@@ -34,31 +37,35 @@ interface CirclesProps<T = unknown> {
     cy: (d: T) => number;
     r?: number;
     fill?: string;
+    className?: string;
 }
-declare function Circles<T>({ data, cx, cy, r, fill, }: CirclesProps<T>): react_jsx_runtime.JSX.Element;
+declare function Circles<T>({ data, cx, cy, r, fill, className, }: CirclesProps<T>): react_jsx_runtime.JSX.Element;
 
 interface XAxisProps {
     ticks: (number | string)[];
     scale: (value: number | string) => number;
     height: number;
     tickSize?: number;
+    className?: string;
 }
-declare function XAxis({ ticks, scale, height, tickSize, }: XAxisProps): react_jsx_runtime.JSX.Element;
+declare function XAxis({ ticks, scale, height, tickSize, className, }: XAxisProps): react_jsx_runtime.JSX.Element;
 
 interface YAxisProps {
     ticks: (number | string)[];
     scale: (value: number | string) => number;
     tickSize?: number;
+    className?: string;
 }
-declare function YAxis({ ticks, scale, tickSize, }: YAxisProps): react_jsx_runtime.JSX.Element;
+declare function YAxis({ ticks, scale, tickSize, className, }: YAxisProps): react_jsx_runtime.JSX.Element;
 
 interface GradientProps {
     id: string;
     from: string;
     to: string;
     direction?: 'vertical' | 'horizontal';
+    className?: string;
 }
-declare function Gradient({ id, from, to, direction, }: GradientProps): react_jsx_runtime.JSX.Element;
+declare function Gradient({ id, from, to, direction, className, }: GradientProps): react_jsx_runtime.JSX.Element;
 
 interface HistogramProps {
     data: number[];
@@ -67,8 +74,9 @@ interface HistogramProps {
     bins?: number;
     fill?: string;
     margin?: Partial<Margin>;
+    className?: string;
 }
-declare function Histogram({ data, width, height, bins: binCount, fill, margin, }: HistogramProps): react_jsx_runtime.JSX.Element;
+declare function Histogram({ data, width, height, bins: binCount, fill, margin, className, }: HistogramProps): react_jsx_runtime.JSX.Element;
 
 interface ScatterPlotProps<T = unknown> {
     data: T[];
@@ -79,8 +87,9 @@ interface ScatterPlotProps<T = unknown> {
     r?: number;
     fill?: string;
     margin?: Partial<Margin>;
+    className?: string;
 }
-declare function ScatterPlot<T>({ data, x, y, width, height, r, fill, margin, }: ScatterPlotProps<T>): react_jsx_runtime.JSX.Element;
+declare function ScatterPlot<T>({ data, x, y, width, height, r, fill, margin, className, }: ScatterPlotProps<T>): react_jsx_runtime.JSX.Element;
 
 interface PieChartProps<T = unknown> {
     data: T[];
@@ -88,8 +97,9 @@ interface PieChartProps<T = unknown> {
     width?: number;
     height?: number;
     colors?: string[];
+    className?: string;
 }
-declare function PieChart<T>({ data, value, width, height, colors, }: PieChartProps<T>): react_jsx_runtime.JSX.Element;
+declare function PieChart<T>({ data, value, width, height, colors, className, }: PieChartProps<T>): react_jsx_runtime.JSX.Element;
 
 interface ChartContextValue {
     dimensions: Dimensions;

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

@@ -7,16 +7,18 @@ interface ChartProps {
     height?: number;
     margin?: Partial<Margin>;
     children?: React.ReactNode;
+    className?: string;
 }
-declare function Chart({ width, height, margin, children, }: ChartProps): react_jsx_runtime.JSX.Element;
+declare function Chart({ width, height, margin, children, className, }: ChartProps): react_jsx_runtime.JSX.Element;
 
 interface BarsProps<T = unknown> {
     data: T[];
     x: (d: T) => string;
     y: (d: T) => number;
     fill?: string;
+    className?: string;
 }
-declare function Bars<T>({ data, x, y, fill }: BarsProps<T>): react_jsx_runtime.JSX.Element;
+declare function Bars<T>({ data, x, y, fill, className }: BarsProps<T>): react_jsx_runtime.JSX.Element;
 
 interface LineProps<T = unknown> {
     data: T[];
@@ -25,8 +27,9 @@ interface LineProps<T = unknown> {
     stroke?: string;
     strokeWidth?: number;
     fill?: string;
+    className?: string;
 }
-declare function Line<T>({ data, x, y, stroke, strokeWidth, fill, }: LineProps<T>): react_jsx_runtime.JSX.Element;
+declare function Line<T>({ data, x, y, stroke, strokeWidth, fill, className, }: LineProps<T>): react_jsx_runtime.JSX.Element;
 
 interface CirclesProps<T = unknown> {
     data: T[];
@@ -34,31 +37,35 @@ interface CirclesProps<T = unknown> {
     cy: (d: T) => number;
     r?: number;
     fill?: string;
+    className?: string;
 }
-declare function Circles<T>({ data, cx, cy, r, fill, }: CirclesProps<T>): react_jsx_runtime.JSX.Element;
+declare function Circles<T>({ data, cx, cy, r, fill, className, }: CirclesProps<T>): react_jsx_runtime.JSX.Element;
 
 interface XAxisProps {
     ticks: (number | string)[];
     scale: (value: number | string) => number;
     height: number;
     tickSize?: number;
+    className?: string;
 }
-declare function XAxis({ ticks, scale, height, tickSize, }: XAxisProps): react_jsx_runtime.JSX.Element;
+declare function XAxis({ ticks, scale, height, tickSize, className, }: XAxisProps): react_jsx_runtime.JSX.Element;
 
 interface YAxisProps {
     ticks: (number | string)[];
     scale: (value: number | string) => number;
     tickSize?: number;
+    className?: string;
 }
-declare function YAxis({ ticks, scale, tickSize, }: YAxisProps): react_jsx_runtime.JSX.Element;
+declare function YAxis({ ticks, scale, tickSize, className, }: YAxisProps): react_jsx_runtime.JSX.Element;
 
 interface GradientProps {
     id: string;
     from: string;
     to: string;
     direction?: 'vertical' | 'horizontal';
+    className?: string;
 }
-declare function Gradient({ id, from, to, direction, }: GradientProps): react_jsx_runtime.JSX.Element;
+declare function Gradient({ id, from, to, direction, className, }: GradientProps): react_jsx_runtime.JSX.Element;
 
 interface HistogramProps {
     data: number[];
@@ -67,8 +74,9 @@ interface HistogramProps {
     bins?: number;
     fill?: string;
     margin?: Partial<Margin>;
+    className?: string;
 }
-declare function Histogram({ data, width, height, bins: binCount, fill, margin, }: HistogramProps): react_jsx_runtime.JSX.Element;
+declare function Histogram({ data, width, height, bins: binCount, fill, margin, className, }: HistogramProps): react_jsx_runtime.JSX.Element;
 
 interface ScatterPlotProps<T = unknown> {
     data: T[];
@@ -79,8 +87,9 @@ interface ScatterPlotProps<T = unknown> {
     r?: number;
     fill?: string;
     margin?: Partial<Margin>;
+    className?: string;
 }
-declare function ScatterPlot<T>({ data, x, y, width, height, r, fill, margin, }: ScatterPlotProps<T>): react_jsx_runtime.JSX.Element;
+declare function ScatterPlot<T>({ data, x, y, width, height, r, fill, margin, className, }: ScatterPlotProps<T>): react_jsx_runtime.JSX.Element;
 
 interface PieChartProps<T = unknown> {
     data: T[];
@@ -88,8 +97,9 @@ interface PieChartProps<T = unknown> {
     width?: number;
     height?: number;
     colors?: string[];
+    className?: string;
 }
-declare function PieChart<T>({ data, value, width, height, colors, }: PieChartProps<T>): react_jsx_runtime.JSX.Element;
+declare function PieChart<T>({ data, value, width, height, colors, className, }: PieChartProps<T>): react_jsx_runtime.JSX.Element;
 
 interface ChartContextValue {
     dimensions: Dimensions;

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

@@ -38,7 +38,7 @@ interface CommandGroupProps extends React.HTMLAttributes<HTMLDivElement> {
     heading?: string;
 }
 declare const CommandGroup: React.ForwardRefExoticComponent<CommandGroupProps & React.RefAttributes<HTMLDivElement>>;
-interface CommandItemProps extends React.HTMLAttributes<HTMLDivElement> {
+interface CommandItemProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onSelect'> {
     value?: string;
     disabled?: boolean;
     onSelect?: () => void;

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

@@ -38,7 +38,7 @@ interface CommandGroupProps extends React.HTMLAttributes<HTMLDivElement> {
     heading?: string;
 }
 declare const CommandGroup: React.ForwardRefExoticComponent<CommandGroupProps & React.RefAttributes<HTMLDivElement>>;
-interface CommandItemProps extends React.HTMLAttributes<HTMLDivElement> {
+interface CommandItemProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onSelect'> {
     value?: string;
     disabled?: boolean;
     onSelect?: () => void;

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