@melony/react 0.1.24 → 0.1.26

package/dist/index.d.cts

@@ -1,7 +1,7 @@
 import * as React$1 from 'react';
-import React__default, { ReactNode } from 'react';
+import React__default, { ReactNode, CSSProperties } from 'react';
 import { ClientState, MelonyClient } from 'melony/client';
-import { Role, Event, Config, UINode } from 'melony';
+import { Role, Event, Config, UINode, UIContract } from 'melony';
 import { QueryClient } from '@tanstack/react-query';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 
@@ -73,7 +73,6 @@ interface MelonyClientProviderProps {
     client: MelonyClient;
     initialEvents?: Event[];
     queryClient?: QueryClient;
-    configApi?: string;
 }
 declare const MelonyClientProvider: React__default.FC<MelonyClientProviderProps>;
 
@@ -132,6 +131,20 @@ declare const useAuth: () => AuthContextValue;
 
 declare const useThreads: () => ThreadContextValue;
 
+interface ScreenSize {
+    width: number;
+    height: number;
+    isMobile: boolean;
+    isTablet: boolean;
+    isDesktop: boolean;
+}
+/**
+ * Hook to detect screen size and breakpoints
+ * @param mobileBreakpoint - Breakpoint for mobile (default: 768px, Tailwind's md)
+ * @param tabletBreakpoint - Breakpoint for tablet (default: 1024px, Tailwind's lg)
+ */
+declare function useScreenSize(mobileBreakpoint?: number, tabletBreakpoint?: number): ScreenSize;
+
 interface ThreadProps {
     className?: string;
     placeholder?: string;
@@ -159,11 +172,8 @@ interface ComposerProps {
         maxFiles?: number;
         maxFileSize?: number;
     };
-    accept?: string;
-    maxFiles?: number;
-    maxFileSize?: number;
 }
-declare function Composer({ value, onChange, onSubmit, placeholder, isLoading, className, options, autoFocus, defaultSelectedIds, fileAttachments, accept: legacyAccept, maxFiles: legacyMaxFiles, maxFileSize: legacyMaxFileSize, }: ComposerProps): react_jsx_runtime.JSX.Element;
+declare function Composer({ value, onChange, onSubmit, placeholder, isLoading, className, options, autoFocus, defaultSelectedIds, fileAttachments, }: ComposerProps): react_jsx_runtime.JSX.Element;
 
 interface ChatHeaderProps {
     /**
@@ -195,7 +205,7 @@ interface ChatHeaderProps {
  * A shared, customizable header component for chat interfaces.
  * Used consistently across ChatFull, ChatSidebar, and ChatPopup components.
  */
-declare function ChatHeader({ title, leftContent, rightContent, className, titleClassName, children, }: ChatHeaderProps): react_jsx_runtime.JSX.Element;
+declare function ChatHeader({ leftContent, rightContent, className, children, }: ChatHeaderProps): react_jsx_runtime.JSX.Element;
 
 interface ChatPopupProps {
     title?: string;
@@ -232,6 +242,22 @@ interface ChatSidebarProps {
 }
 declare function ChatSidebar({ title, placeholder, starterPrompts, options, className, headerProps, defaultSelectedIds, }: ChatSidebarProps): react_jsx_runtime.JSX.Element;
 
+interface WelcomeScreenProps {
+    title?: string;
+    description?: string;
+    features?: {
+        title: string;
+        description: string;
+    }[];
+    className?: string;
+    onLoginClick?: () => void;
+    termsUrl?: string;
+    privacyUrl?: string;
+    imageUrl?: string;
+    imageAlt?: string;
+}
+declare function WelcomeScreen({ title, description, features, className, onLoginClick, termsUrl, privacyUrl, imageUrl, imageAlt, }: WelcomeScreenProps): react_jsx_runtime.JSX.Element;
+
 interface ChatFullProps {
     title?: string;
     placeholder?: string;
@@ -258,38 +284,6 @@ interface ChatFullProps {
      * Custom className for the right sidebar container
      */
     rightSidebarClassName?: string;
-    /**
-     * Whether the left sidebar is collapsible
-     */
-    leftSidebarCollapsible?: boolean;
-    /**
-     * Whether the right sidebar is collapsible
-     */
-    rightSidebarCollapsible?: boolean;
-    /**
-     * Default collapsed state for the left sidebar
-     */
-    defaultLeftSidebarCollapsed?: boolean;
-    /**
-     * Default collapsed state for the right sidebar
-     */
-    defaultRightSidebarCollapsed?: boolean;
-    /**
-     * Controlled collapsed state for the left sidebar. If provided, component becomes controlled.
-     */
-    leftSidebarCollapsed?: boolean;
-    /**
-     * Controlled collapsed state for the right sidebar. If provided, component becomes controlled.
-     */
-    rightSidebarCollapsed?: boolean;
-    /**
-     * Callback when left sidebar collapse state changes
-     */
-    onLeftSidebarCollapseChange?: (collapsed: boolean) => void;
-    /**
-     * Callback when right sidebar collapse state changes
-     */
-    onRightSidebarCollapseChange?: (collapsed: boolean) => void;
     /**
      * Whether the composer should be auto focused
      */
@@ -298,8 +292,34 @@ interface ChatFullProps {
      * IDs of options to be selected by default
      */
     defaultSelectedIds?: string[];
+    /**
+     * Whether to show a welcome screen when the user is not authenticated.
+     * Defaults to false.
+     */
+    showWelcomeScreen?: boolean;
+    /**
+     * Props to customize the welcome screen
+     */
+    welcomeScreenProps?: WelcomeScreenProps;
+}
+declare function ChatFull({ title, placeholder, starterPrompts, options, className, headerProps, leftSidebar, rightSidebar, leftSidebarClassName, rightSidebarClassName, autoFocus, defaultSelectedIds, showWelcomeScreen, welcomeScreenProps, }: ChatFullProps): react_jsx_runtime.JSX.Element;
+
+interface SidebarToggleProps {
+    side: "left" | "right";
+    className?: string;
+}
+declare function SidebarToggle({ side, className }: SidebarToggleProps): react_jsx_runtime.JSX.Element | null;
+
+interface ChatSidebarContextValue {
+    leftCollapsed: boolean;
+    rightCollapsed: boolean;
+    setLeftCollapsed: (collapsed: boolean) => void;
+    setRightCollapsed: (collapsed: boolean) => void;
+    leftCollapsible: boolean;
+    rightCollapsible: boolean;
 }
-declare function ChatFull({ title, placeholder, starterPrompts, options, className, headerProps, leftSidebar, rightSidebar, leftSidebarClassName, rightSidebarClassName, leftSidebarCollapsible, rightSidebarCollapsible, defaultLeftSidebarCollapsed, defaultRightSidebarCollapsed, leftSidebarCollapsed: controlledLeftCollapsed, rightSidebarCollapsed: controlledRightCollapsed, onLeftSidebarCollapseChange, onRightSidebarCollapseChange, autoFocus, defaultSelectedIds, }: ChatFullProps): react_jsx_runtime.JSX.Element;
+declare const ChatSidebarContext: React__default.Context<ChatSidebarContextValue | undefined>;
+declare function useChatSidebar(): ChatSidebarContextValue;
 
 interface ThreadListProps {
     className?: string;
@@ -346,6 +366,136 @@ interface UIRendererProps {
  */
 declare function UIRenderer({ node }: UIRendererProps): react_jsx_runtime.JSX.Element;
 
+type Spacing = "xs" | "sm" | "md" | "lg" | "xl" | "xxl";
+type FontSize = "xs" | "sm" | "md" | "lg" | "xl" | "xxl";
+type FontWeight = "normal" | "medium" | "semibold" | "bold";
+
+type Size = "sm" | "md" | "lg";
+type Align = "start" | "center" | "end" | "stretch";
+type Justify = "start" | "center" | "end" | "between" | "around";
+type Orientation = "horizontal" | "vertical";
+interface BaseComponentProps {
+    className?: string;
+    style?: CSSProperties;
+}
+type CardProps = BaseComponentProps & UIContract["card"] & {
+    children?: React__default.ReactNode[];
+};
+type RowProps = BaseComponentProps & UIContract["row"] & {
+    children?: React__default.ReactNode[];
+};
+type ColProps = BaseComponentProps & UIContract["col"] & {
+    children?: React__default.ReactNode[] | React__default.ReactNode;
+    overflow?: "visible" | "hidden" | "scroll" | "auto";
+    position?: "static" | "relative" | "absolute" | "fixed" | "sticky";
+};
+type BoxProps = BaseComponentProps & UIContract["box"] & {
+    children?: React__default.ReactNode | React__default.ReactNode[];
+    overflow?: "visible" | "hidden" | "scroll" | "auto";
+};
+type SpacerProps = BaseComponentProps & UIContract["spacer"];
+type DividerProps = BaseComponentProps & UIContract["divider"] & {
+    size?: Size;
+};
+type ListProps = BaseComponentProps & {
+    children?: React__default.ReactNode;
+    width?: string | number;
+};
+type ListItemProps = BaseComponentProps & UIContract["listItem"] & {
+    children?: React__default.ReactNode;
+    orientation?: Orientation;
+    align?: Align;
+    justify?: Justify;
+    width?: string | number;
+    padding?: Spacing;
+};
+type ImageProps = BaseComponentProps & UIContract["image"] & {
+    fallbackText?: string;
+    showFallbackIcon?: boolean;
+};
+type ChartProps = BaseComponentProps & UIContract["chart"] & {
+    size?: Size;
+    showValues?: boolean;
+    showGrid?: boolean;
+    showTooltips?: boolean;
+};
+type BadgeProps = BaseComponentProps & UIContract["badge"];
+type TextProps = BaseComponentProps & UIContract["text"];
+type HeadingProps = BaseComponentProps & UIContract["heading"];
+type FormProps = BaseComponentProps & UIContract["form"] & {
+    children?: React__default.ReactNode[];
+};
+type InputProps = BaseComponentProps & UIContract["input"] & {
+    disabled?: boolean;
+    value?: string;
+};
+type ButtonProps = BaseComponentProps & UIContract["button"] & {
+    fullWidth?: boolean;
+};
+type LabelProps = BaseComponentProps & UIContract["label"] & {
+    size?: FontSize;
+    weight?: FontWeight;
+};
+type TextareaProps = BaseComponentProps & UIContract["textarea"] & {
+    value?: string;
+    disabled?: boolean;
+};
+type SelectProps = BaseComponentProps & UIContract["select"] & {
+    value?: string;
+    disabled?: boolean;
+};
+type CheckboxProps = BaseComponentProps & UIContract["checkbox"] & {
+    defaultChecked?: boolean;
+    disabled?: boolean;
+};
+type RadioGroupProps = BaseComponentProps & UIContract["radioGroup"] & {
+    value?: string;
+    defaultValue?: string;
+    disabled?: boolean;
+};
+
+declare const Button: React__default.FC<ButtonProps>;
+
+declare const Input: React__default.FC<InputProps>;
+
+declare const Textarea: React__default.FC<TextareaProps>;
+
+declare const Select: React__default.FC<SelectProps>;
+
+declare const Checkbox: React__default.FC<CheckboxProps>;
+
+declare const RadioGroup: React__default.FC<RadioGroupProps>;
+
+declare const Form: React__default.FC<FormProps>;
+
+declare const Heading: React__default.FC<HeadingProps>;
+
+declare const Image: React__default.FC<ImageProps>;
+
+declare const Label: React__default.FC<LabelProps>;
+
+declare const List: React__default.FC<ListProps>;
+
+declare const ListItem: React__default.FC<ListItemProps>;
+
+declare const Spacer: React__default.FC<SpacerProps>;
+
+declare const Divider: React__default.FC<DividerProps>;
+
+declare const Box: React__default.FC<BoxProps>;
+
+declare const Chart: React__default.FC<ChartProps>;
+
+declare const Card: React__default.FC<CardProps>;
+
+declare const Row: React__default.FC<RowProps>;
+
+declare const Col: React__default.FC<ColProps>;
+
+declare const Text: React__default.FC<TextProps>;
+
+declare const Badge: React__default.FC<BadgeProps>;
+
 declare function groupEventsToMessages(events: Event[]): Message[];
 
-export { AccountDialog, type AccountDialogProps, AuthContext, type AuthContextValue, AuthProvider, type AuthProviderProps, type AuthService, ChatFull, type ChatFullProps, ChatHeader, type ChatHeaderProps, ChatPopup, type ChatPopupProps, ChatSidebar, type ChatSidebarProps, Composer, type ComposerOption, type ComposerOptionGroup, CreateThreadButton, type CreateThreadButtonProps, MelonyClientProvider, type MelonyClientProviderProps, MelonyContext, type MelonyContextValue, type Message, type StarterPrompt, ThemeProvider, ThemeToggle, Thread, ThreadContext, type ThreadContextValue, type ThreadData, ThreadList, type ThreadListProps, ThreadPopover, type ThreadPopoverProps, ThreadProvider, type ThreadProviderProps, type ThreadService, UIRenderer, type UIRendererProps, type UseMelonyOptions, type User, groupEventsToMessages, useAuth, useMelony, useTheme, useThreads };
+export { AccountDialog, type AccountDialogProps, AuthContext, type AuthContextValue, AuthProvider, type AuthProviderProps, type AuthService, Badge, Box, Button, Card, Chart, ChatFull, type ChatFullProps, ChatHeader, type ChatHeaderProps, ChatPopup, type ChatPopupProps, ChatSidebar, ChatSidebarContext, type ChatSidebarContextValue, type ChatSidebarProps, Checkbox, Col, Composer, type ComposerOption, type ComposerOptionGroup, CreateThreadButton, type CreateThreadButtonProps, Divider, Form, Heading, Image, Input, Label, List, ListItem, MelonyClientProvider, type MelonyClientProviderProps, MelonyContext, type MelonyContextValue, type Message, RadioGroup, Row, type ScreenSize, Select, SidebarToggle, type SidebarToggleProps, Spacer, type StarterPrompt, Text, Textarea, ThemeProvider, ThemeToggle, Thread, ThreadContext, type ThreadContextValue, type ThreadData, ThreadList, type ThreadListProps, ThreadPopover, type ThreadPopoverProps, ThreadProvider, type ThreadProviderProps, type ThreadService, UIRenderer, type UIRendererProps, type UseMelonyOptions, type User, WelcomeScreen, type WelcomeScreenProps, groupEventsToMessages, useAuth, useChatSidebar, useMelony, useScreenSize, useTheme, useThreads };

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 import * as React$1 from 'react';
-import React__default, { ReactNode } from 'react';
+import React__default, { ReactNode, CSSProperties } from 'react';
 import { ClientState, MelonyClient } from 'melony/client';
-import { Role, Event, Config, UINode } from 'melony';
+import { Role, Event, Config, UINode, UIContract } from 'melony';
 import { QueryClient } from '@tanstack/react-query';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 
@@ -73,7 +73,6 @@ interface MelonyClientProviderProps {
     client: MelonyClient;
     initialEvents?: Event[];
     queryClient?: QueryClient;
-    configApi?: string;
 }
 declare const MelonyClientProvider: React__default.FC<MelonyClientProviderProps>;
 
@@ -132,6 +131,20 @@ declare const useAuth: () => AuthContextValue;
 
 declare const useThreads: () => ThreadContextValue;
 
+interface ScreenSize {
+    width: number;
+    height: number;
+    isMobile: boolean;
+    isTablet: boolean;
+    isDesktop: boolean;
+}
+/**
+ * Hook to detect screen size and breakpoints
+ * @param mobileBreakpoint - Breakpoint for mobile (default: 768px, Tailwind's md)
+ * @param tabletBreakpoint - Breakpoint for tablet (default: 1024px, Tailwind's lg)
+ */
+declare function useScreenSize(mobileBreakpoint?: number, tabletBreakpoint?: number): ScreenSize;
+
 interface ThreadProps {
     className?: string;
     placeholder?: string;
@@ -159,11 +172,8 @@ interface ComposerProps {
         maxFiles?: number;
         maxFileSize?: number;
     };
-    accept?: string;
-    maxFiles?: number;
-    maxFileSize?: number;
 }
-declare function Composer({ value, onChange, onSubmit, placeholder, isLoading, className, options, autoFocus, defaultSelectedIds, fileAttachments, accept: legacyAccept, maxFiles: legacyMaxFiles, maxFileSize: legacyMaxFileSize, }: ComposerProps): react_jsx_runtime.JSX.Element;
+declare function Composer({ value, onChange, onSubmit, placeholder, isLoading, className, options, autoFocus, defaultSelectedIds, fileAttachments, }: ComposerProps): react_jsx_runtime.JSX.Element;
 
 interface ChatHeaderProps {
     /**
@@ -195,7 +205,7 @@ interface ChatHeaderProps {
  * A shared, customizable header component for chat interfaces.
  * Used consistently across ChatFull, ChatSidebar, and ChatPopup components.
  */
-declare function ChatHeader({ title, leftContent, rightContent, className, titleClassName, children, }: ChatHeaderProps): react_jsx_runtime.JSX.Element;
+declare function ChatHeader({ leftContent, rightContent, className, children, }: ChatHeaderProps): react_jsx_runtime.JSX.Element;
 
 interface ChatPopupProps {
     title?: string;
@@ -232,6 +242,22 @@ interface ChatSidebarProps {
 }
 declare function ChatSidebar({ title, placeholder, starterPrompts, options, className, headerProps, defaultSelectedIds, }: ChatSidebarProps): react_jsx_runtime.JSX.Element;
 
+interface WelcomeScreenProps {
+    title?: string;
+    description?: string;
+    features?: {
+        title: string;
+        description: string;
+    }[];
+    className?: string;
+    onLoginClick?: () => void;
+    termsUrl?: string;
+    privacyUrl?: string;
+    imageUrl?: string;
+    imageAlt?: string;
+}
+declare function WelcomeScreen({ title, description, features, className, onLoginClick, termsUrl, privacyUrl, imageUrl, imageAlt, }: WelcomeScreenProps): react_jsx_runtime.JSX.Element;
+
 interface ChatFullProps {
     title?: string;
     placeholder?: string;
@@ -258,38 +284,6 @@ interface ChatFullProps {
      * Custom className for the right sidebar container
      */
     rightSidebarClassName?: string;
-    /**
-     * Whether the left sidebar is collapsible
-     */
-    leftSidebarCollapsible?: boolean;
-    /**
-     * Whether the right sidebar is collapsible
-     */
-    rightSidebarCollapsible?: boolean;
-    /**
-     * Default collapsed state for the left sidebar
-     */
-    defaultLeftSidebarCollapsed?: boolean;
-    /**
-     * Default collapsed state for the right sidebar
-     */
-    defaultRightSidebarCollapsed?: boolean;
-    /**
-     * Controlled collapsed state for the left sidebar. If provided, component becomes controlled.
-     */
-    leftSidebarCollapsed?: boolean;
-    /**
-     * Controlled collapsed state for the right sidebar. If provided, component becomes controlled.
-     */
-    rightSidebarCollapsed?: boolean;
-    /**
-     * Callback when left sidebar collapse state changes
-     */
-    onLeftSidebarCollapseChange?: (collapsed: boolean) => void;
-    /**
-     * Callback when right sidebar collapse state changes
-     */
-    onRightSidebarCollapseChange?: (collapsed: boolean) => void;
     /**
      * Whether the composer should be auto focused
      */
@@ -298,8 +292,34 @@ interface ChatFullProps {
      * IDs of options to be selected by default
      */
     defaultSelectedIds?: string[];
+    /**
+     * Whether to show a welcome screen when the user is not authenticated.
+     * Defaults to false.
+     */
+    showWelcomeScreen?: boolean;
+    /**
+     * Props to customize the welcome screen
+     */
+    welcomeScreenProps?: WelcomeScreenProps;
+}
+declare function ChatFull({ title, placeholder, starterPrompts, options, className, headerProps, leftSidebar, rightSidebar, leftSidebarClassName, rightSidebarClassName, autoFocus, defaultSelectedIds, showWelcomeScreen, welcomeScreenProps, }: ChatFullProps): react_jsx_runtime.JSX.Element;
+
+interface SidebarToggleProps {
+    side: "left" | "right";
+    className?: string;
+}
+declare function SidebarToggle({ side, className }: SidebarToggleProps): react_jsx_runtime.JSX.Element | null;
+
+interface ChatSidebarContextValue {
+    leftCollapsed: boolean;
+    rightCollapsed: boolean;
+    setLeftCollapsed: (collapsed: boolean) => void;
+    setRightCollapsed: (collapsed: boolean) => void;
+    leftCollapsible: boolean;
+    rightCollapsible: boolean;
 }
-declare function ChatFull({ title, placeholder, starterPrompts, options, className, headerProps, leftSidebar, rightSidebar, leftSidebarClassName, rightSidebarClassName, leftSidebarCollapsible, rightSidebarCollapsible, defaultLeftSidebarCollapsed, defaultRightSidebarCollapsed, leftSidebarCollapsed: controlledLeftCollapsed, rightSidebarCollapsed: controlledRightCollapsed, onLeftSidebarCollapseChange, onRightSidebarCollapseChange, autoFocus, defaultSelectedIds, }: ChatFullProps): react_jsx_runtime.JSX.Element;
+declare const ChatSidebarContext: React__default.Context<ChatSidebarContextValue | undefined>;
+declare function useChatSidebar(): ChatSidebarContextValue;
 
 interface ThreadListProps {
     className?: string;
@@ -346,6 +366,136 @@ interface UIRendererProps {
  */
 declare function UIRenderer({ node }: UIRendererProps): react_jsx_runtime.JSX.Element;
 
+type Spacing = "xs" | "sm" | "md" | "lg" | "xl" | "xxl";
+type FontSize = "xs" | "sm" | "md" | "lg" | "xl" | "xxl";
+type FontWeight = "normal" | "medium" | "semibold" | "bold";
+
+type Size = "sm" | "md" | "lg";
+type Align = "start" | "center" | "end" | "stretch";
+type Justify = "start" | "center" | "end" | "between" | "around";
+type Orientation = "horizontal" | "vertical";
+interface BaseComponentProps {
+    className?: string;
+    style?: CSSProperties;
+}
+type CardProps = BaseComponentProps & UIContract["card"] & {
+    children?: React__default.ReactNode[];
+};
+type RowProps = BaseComponentProps & UIContract["row"] & {
+    children?: React__default.ReactNode[];
+};
+type ColProps = BaseComponentProps & UIContract["col"] & {
+    children?: React__default.ReactNode[] | React__default.ReactNode;
+    overflow?: "visible" | "hidden" | "scroll" | "auto";
+    position?: "static" | "relative" | "absolute" | "fixed" | "sticky";
+};
+type BoxProps = BaseComponentProps & UIContract["box"] & {
+    children?: React__default.ReactNode | React__default.ReactNode[];
+    overflow?: "visible" | "hidden" | "scroll" | "auto";
+};
+type SpacerProps = BaseComponentProps & UIContract["spacer"];
+type DividerProps = BaseComponentProps & UIContract["divider"] & {
+    size?: Size;
+};
+type ListProps = BaseComponentProps & {
+    children?: React__default.ReactNode;
+    width?: string | number;
+};
+type ListItemProps = BaseComponentProps & UIContract["listItem"] & {
+    children?: React__default.ReactNode;
+    orientation?: Orientation;
+    align?: Align;
+    justify?: Justify;
+    width?: string | number;
+    padding?: Spacing;
+};
+type ImageProps = BaseComponentProps & UIContract["image"] & {
+    fallbackText?: string;
+    showFallbackIcon?: boolean;
+};
+type ChartProps = BaseComponentProps & UIContract["chart"] & {
+    size?: Size;
+    showValues?: boolean;
+    showGrid?: boolean;
+    showTooltips?: boolean;
+};
+type BadgeProps = BaseComponentProps & UIContract["badge"];
+type TextProps = BaseComponentProps & UIContract["text"];
+type HeadingProps = BaseComponentProps & UIContract["heading"];
+type FormProps = BaseComponentProps & UIContract["form"] & {
+    children?: React__default.ReactNode[];
+};
+type InputProps = BaseComponentProps & UIContract["input"] & {
+    disabled?: boolean;
+    value?: string;
+};
+type ButtonProps = BaseComponentProps & UIContract["button"] & {
+    fullWidth?: boolean;
+};
+type LabelProps = BaseComponentProps & UIContract["label"] & {
+    size?: FontSize;
+    weight?: FontWeight;
+};
+type TextareaProps = BaseComponentProps & UIContract["textarea"] & {
+    value?: string;
+    disabled?: boolean;
+};
+type SelectProps = BaseComponentProps & UIContract["select"] & {
+    value?: string;
+    disabled?: boolean;
+};
+type CheckboxProps = BaseComponentProps & UIContract["checkbox"] & {
+    defaultChecked?: boolean;
+    disabled?: boolean;
+};
+type RadioGroupProps = BaseComponentProps & UIContract["radioGroup"] & {
+    value?: string;
+    defaultValue?: string;
+    disabled?: boolean;
+};
+
+declare const Button: React__default.FC<ButtonProps>;
+
+declare const Input: React__default.FC<InputProps>;
+
+declare const Textarea: React__default.FC<TextareaProps>;
+
+declare const Select: React__default.FC<SelectProps>;
+
+declare const Checkbox: React__default.FC<CheckboxProps>;
+
+declare const RadioGroup: React__default.FC<RadioGroupProps>;
+
+declare const Form: React__default.FC<FormProps>;
+
+declare const Heading: React__default.FC<HeadingProps>;
+
+declare const Image: React__default.FC<ImageProps>;
+
+declare const Label: React__default.FC<LabelProps>;
+
+declare const List: React__default.FC<ListProps>;
+
+declare const ListItem: React__default.FC<ListItemProps>;
+
+declare const Spacer: React__default.FC<SpacerProps>;
+
+declare const Divider: React__default.FC<DividerProps>;
+
+declare const Box: React__default.FC<BoxProps>;
+
+declare const Chart: React__default.FC<ChartProps>;
+
+declare const Card: React__default.FC<CardProps>;
+
+declare const Row: React__default.FC<RowProps>;
+
+declare const Col: React__default.FC<ColProps>;
+
+declare const Text: React__default.FC<TextProps>;
+
+declare const Badge: React__default.FC<BadgeProps>;
+
 declare function groupEventsToMessages(events: Event[]): Message[];
 
-export { AccountDialog, type AccountDialogProps, AuthContext, type AuthContextValue, AuthProvider, type AuthProviderProps, type AuthService, ChatFull, type ChatFullProps, ChatHeader, type ChatHeaderProps, ChatPopup, type ChatPopupProps, ChatSidebar, type ChatSidebarProps, Composer, type ComposerOption, type ComposerOptionGroup, CreateThreadButton, type CreateThreadButtonProps, MelonyClientProvider, type MelonyClientProviderProps, MelonyContext, type MelonyContextValue, type Message, type StarterPrompt, ThemeProvider, ThemeToggle, Thread, ThreadContext, type ThreadContextValue, type ThreadData, ThreadList, type ThreadListProps, ThreadPopover, type ThreadPopoverProps, ThreadProvider, type ThreadProviderProps, type ThreadService, UIRenderer, type UIRendererProps, type UseMelonyOptions, type User, groupEventsToMessages, useAuth, useMelony, useTheme, useThreads };
+export { AccountDialog, type AccountDialogProps, AuthContext, type AuthContextValue, AuthProvider, type AuthProviderProps, type AuthService, Badge, Box, Button, Card, Chart, ChatFull, type ChatFullProps, ChatHeader, type ChatHeaderProps, ChatPopup, type ChatPopupProps, ChatSidebar, ChatSidebarContext, type ChatSidebarContextValue, type ChatSidebarProps, Checkbox, Col, Composer, type ComposerOption, type ComposerOptionGroup, CreateThreadButton, type CreateThreadButtonProps, Divider, Form, Heading, Image, Input, Label, List, ListItem, MelonyClientProvider, type MelonyClientProviderProps, MelonyContext, type MelonyContextValue, type Message, RadioGroup, Row, type ScreenSize, Select, SidebarToggle, type SidebarToggleProps, Spacer, type StarterPrompt, Text, Textarea, ThemeProvider, ThemeToggle, Thread, ThreadContext, type ThreadContextValue, type ThreadData, ThreadList, type ThreadListProps, ThreadPopover, type ThreadPopoverProps, ThreadProvider, type ThreadProviderProps, type ThreadService, UIRenderer, type UIRendererProps, type UseMelonyOptions, type User, WelcomeScreen, type WelcomeScreenProps, groupEventsToMessages, useAuth, useChatSidebar, useMelony, useScreenSize, useTheme, useThreads };