@melony/react 0.1.50 → 0.1.52

package/dist/index.d.cts

@@ -1,7 +1,7 @@
 import * as React$1 from 'react';
-import React__default, { ReactNode, CSSProperties } from 'react';
+import React__default, { ReactNode } from 'react';
 import { ClientState, MelonyClient } from 'melony/client';
-import { Message, Event, Config, UINode, UIContract } from 'melony';
+import { Message, Event, Config, UIWidth, UISpacing, UIColor, UIRadius, UINode, UIContract, UIJustify, UIAlign } from 'melony';
 import { QueryClient } from '@tanstack/react-query';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 export * from '@tabler/icons-react';
@@ -157,6 +157,13 @@ declare const useAuth: () => AuthContextValue;
 
 declare const useThreads: () => ThreadContextValue;
 
+interface UseSurfaceOptions {
+    name: string;
+}
+declare const useSurface: (options: UseSurfaceOptions) => {
+    events: Event[];
+};
+
 interface ScreenSize {
     width: number;
     height: number;
@@ -172,15 +179,13 @@ interface ScreenSize {
 declare function useScreenSize(mobileBreakpoint?: number, tabletBreakpoint?: number): ScreenSize;
 
 interface ThreadProps {
-    className?: string;
     placeholder?: string;
     starterPrompts?: StarterPrompt[];
-    onStarterPromptClick?: (prompt: string) => void;
     options?: ComposerOptionGroup[];
     autoFocus?: boolean;
     defaultSelectedIds?: string[];
 }
-declare function Thread({ className, placeholder, starterPrompts: localStarterPrompts, onStarterPromptClick, options: localOptions, autoFocus, defaultSelectedIds, }: ThreadProps): react_jsx_runtime.JSX.Element;
+declare function Thread({ placeholder, starterPrompts: localStarterPrompts, options: localOptions, autoFocus, defaultSelectedIds, }: ThreadProps): react_jsx_runtime.JSX.Element;
 
 interface ComposerProps {
     value: string;
@@ -254,13 +259,13 @@ declare function PopupChat({ title, placeholder, starterPrompts, options, defaul
 interface SidebarProps {
     side: "left" | "right";
     children: React__default.ReactNode;
-    className?: string;
+    width?: UIWidth | string;
 }
 /**
  * A sidebar component that responds to ChatSidebarContext.
  * Typically used within ChatFull or a layout with ChatSidebarProvider.
  */
-declare function Sidebar({ side, children, className }: SidebarProps): react_jsx_runtime.JSX.Element;
+declare function Sidebar({ side, children, width }: SidebarProps): react_jsx_runtime.JSX.Element;
 
 interface FullChatProps {
     title?: string;
@@ -283,6 +288,23 @@ interface FullChatProps {
 }
 declare function FullChat({ title, placeholder, starterPrompts, options, className, headerProps, autoFocus, defaultSelectedIds, }: FullChatProps): react_jsx_runtime.JSX.Element;
 
+interface SurfaceProps {
+    /**
+     * The name of the surface to filter events by.
+     * Only events with matching Event.surface will be included.
+     */
+    name: string;
+    /**
+     * Render function that receives the filtered and slot-deduplicated events.
+     */
+    children: (events: Event[]) => ReactNode;
+}
+/**
+ * A reusable component that listens to Melony events for a specific surface.
+ * It automatically handles slot-based deduplication (latest event for a slot replaces previous ones).
+ */
+declare function Surface({ name, children }: SurfaceProps): react_jsx_runtime.JSX.Element;
+
 interface SidebarToggleProps {
     side: "left" | "right";
     className?: string;
@@ -290,17 +312,14 @@ interface SidebarToggleProps {
 declare function SidebarToggle({ side, className }: SidebarToggleProps): react_jsx_runtime.JSX.Element | null;
 
 interface ThreadListProps {
-    className?: string;
-    emptyState?: React$1.ReactNode;
+    padding?: UISpacing;
+    gap?: UISpacing;
+    background?: UIColor;
+    radius?: UIRadius;
 }
 declare const ThreadList: React$1.FC<ThreadListProps>;
 
 interface ThreadPopoverProps {
-    className?: string;
-    buttonClassName?: string;
-    buttonVariant?: "default" | "outline" | "secondary" | "ghost" | "destructive" | "link";
-    buttonSize?: "default" | "xs" | "sm" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg";
-    emptyState?: React$1.ReactNode;
 }
 declare const ThreadPopover: React$1.FC<ThreadPopoverProps>;
 
@@ -332,171 +351,94 @@ interface UIRendererProps {
  */
 declare function UIRenderer({ node }: UIRendererProps): react_jsx_runtime.JSX.Element;
 
-interface DropdownProps {
-    className?: string;
-    trigger?: React$1.ReactNode;
-    triggerClassName?: string;
-    items: {
-        label: string;
-        icon: React$1.ReactNode;
-        onClick: () => void;
-    }[];
-}
-declare const Dropdown: React$1.FC<DropdownProps>;
-
 interface CreateThreadListItemProps {
-    className?: string;
+    padding?: UISpacing;
+    background?: UIColor;
+    radius?: UIRadius;
 }
 declare const CreateThreadListItem: React$1.FC<CreateThreadListItemProps>;
 
-type Spacing = "xs" | "sm" | "md" | "lg" | "xl" | "xxl";
-type FontSize = "xs" | "sm" | "md" | "lg" | "xl" | "xxl";
-type FontWeight = "normal" | "medium" | "semibold" | "bold";
+declare const Button: React__default.FC<UIContract["button"] & {
+    justify?: UIJustify;
+}>;
 
-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;
-    groupId?: string;
-};
-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 HiddenProps = BaseComponentProps & UIContract["hidden"];
-type ButtonProps = BaseComponentProps & UIContract["button"] & {
-    fullWidth?: boolean;
-    type?: "button" | "submit";
-};
-type LabelProps = BaseComponentProps & UIContract["label"] & {
-    size?: FontSize;
-    weight?: FontWeight;
-};
-type ColorPickerProps = BaseComponentProps & UIContract["colorPicker"] & {
-    value?: string;
-    disabled?: boolean;
-};
-type UploadProps = BaseComponentProps & UIContract["upload"] & {
-    initialFiles?: {
-        name: string;
-        url: string;
-    }[];
-    mode?: "append" | "replace";
-};
-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 Input: React__default.FC<UIContract["input"]>;
 
-declare const Button: React__default.FC<ButtonProps>;
+declare const Textarea: React__default.FC<UIContract["textarea"]>;
 
-declare const Input: React__default.FC<InputProps>;
+declare const Select: React__default.FC<UIContract["select"]>;
 
-declare const Textarea: React__default.FC<TextareaProps>;
+declare const Checkbox: React__default.FC<UIContract["checkbox"]>;
 
-declare const Select: React__default.FC<SelectProps>;
+declare const RadioGroup: React__default.FC<UIContract["radioGroup"]>;
 
-declare const Checkbox: React__default.FC<CheckboxProps>;
+declare const Form: React__default.FC<UIContract["form"] & {
+    children?: React__default.ReactNode[];
+}>;
 
-declare const RadioGroup: React__default.FC<RadioGroupProps>;
+declare const Upload: React__default.FC<UIContract["upload"]>;
 
-declare const Form: React__default.FC<FormProps>;
+declare const Heading: React__default.FC<UIContract["heading"]>;
 
-declare const Upload: React__default.FC<UploadProps>;
+declare const Image: React__default.FC<UIContract["image"]>;
 
-declare const Heading: React__default.FC<HeadingProps>;
+declare const Label: React__default.FC<UIContract["label"]>;
 
-declare const Image: React__default.FC<ImageProps>;
+interface DropdownProps {
+    className?: string;
+    trigger?: React$1.ReactNode;
+    triggerClassName?: string;
+    items: {
+        label: string;
+        icon: React$1.ReactNode;
+        onClick: () => void;
+    }[];
+}
+declare const Dropdown: React$1.FC<DropdownProps>;
 
-declare const Label: React__default.FC<LabelProps>;
+declare const List: React__default.FC<UIContract["list"] & {
+    children?: React__default.ReactNode;
+    flex?: string;
+    overflow?: string;
+}>;
 
-declare const List: React__default.FC<ListProps>;
+declare const ListItem: React__default.FC<UIContract["listItem"] & {
+    children?: React__default.ReactNode;
+    align?: UIAlign;
+}>;
 
-declare const ListItem: React__default.FC<ListItemProps>;
+declare const Spacer: React__default.FC<UIContract["spacer"]>;
 
-declare const Spacer: React__default.FC<SpacerProps>;
+declare const Divider: React__default.FC<UIContract["divider"]>;
 
-declare const Divider: React__default.FC<DividerProps>;
+declare const Box: React__default.FC<UIContract["box"] & {
+    children?: React__default.ReactNode | React__default.ReactNode[];
+}>;
 
-declare const Box: React__default.FC<BoxProps>;
+declare const Float: React__default.FC<UIContract["float"] & {
+    children?: React__default.ReactNode | React__default.ReactNode[];
+}>;
 
-declare const Chart: React__default.FC<ChartProps>;
+declare const Chart: React__default.FC<UIContract["chart"]>;
 
-declare const Card: React__default.FC<CardProps>;
+declare const Card: React__default.FC<UIContract["card"] & {
+    children?: React__default.ReactNode[];
+}>;
 
-declare const Row: React__default.FC<RowProps>;
+declare const Row: React__default.FC<UIContract["row"] & {
+    children?: React__default.ReactNode[];
+}>;
 
-declare const Col: React__default.FC<ColProps>;
+declare const Col: React__default.FC<UIContract["col"] & {
+    children?: React__default.ReactNode | React__default.ReactNode[];
+}>;
 
-declare const Text: React__default.FC<TextProps>;
+declare const Text: React__default.FC<UIContract["text"]>;
 
-declare const Badge: React__default.FC<BadgeProps>;
+declare const Badge: React__default.FC<UIContract["badge"]>;
 
-declare const Hidden: React__default.FC<HiddenProps>;
+declare const Hidden: React__default.FC<UIContract["hidden"]>;
 
-declare const ColorPicker: React__default.FC<ColorPickerProps>;
+declare const ColorPicker: React__default.FC<UIContract["colorPicker"]>;
 
-export { AccountButton, type AccountButtonProps, AuthContext, type AuthContextValue, AuthProvider, type AuthProviderProps, type AuthService, Badge, Box, Button, Card, Chart, ChatHeader, type ChatHeaderProps, Checkbox, Col, ColorPicker, Composer, type ComposerOption, type ComposerOptionGroup, CreateThreadButton, type CreateThreadButtonProps, CreateThreadListItem, type CreateThreadListItemProps, Divider, Dropdown, type DropdownProps, Form, FullChat, type FullChatProps, Heading, Hidden, Image, Input, Label, List, ListItem, MelonyContext, type MelonyContextValue, MelonyProvider, type MelonyProviderProps, PopupChat, type PopupChatProps, RadioGroup, Row, type ScreenSize, Select, Sidebar, SidebarContext, type SidebarContextValue, type SidebarProps, SidebarProvider, type SidebarProviderProps, 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, Upload, type UseMelonyOptions, type User, WelcomeScreen, type WelcomeScreenProps, useAuth, useMelony, useScreenSize, useSidebar, useTheme, useThreads };
+export { AccountButton, type AccountButtonProps, AuthContext, type AuthContextValue, AuthProvider, type AuthProviderProps, type AuthService, Badge, Box, Button, Card, Chart, ChatHeader, type ChatHeaderProps, Checkbox, Col, ColorPicker, Composer, type ComposerOption, type ComposerOptionGroup, CreateThreadButton, type CreateThreadButtonProps, CreateThreadListItem, type CreateThreadListItemProps, Divider, Dropdown, type DropdownProps, Float, Form, FullChat, type FullChatProps, Heading, Hidden, Image, Input, Label, List, ListItem, MelonyContext, type MelonyContextValue, MelonyProvider, type MelonyProviderProps, PopupChat, type PopupChatProps, RadioGroup, Row, type ScreenSize, Select, Sidebar, SidebarContext, type SidebarContextValue, type SidebarProps, SidebarProvider, type SidebarProviderProps, SidebarToggle, type SidebarToggleProps, Spacer, type StarterPrompt, Surface, type SurfaceProps, Text, Textarea, ThemeProvider, ThemeToggle, Thread, ThreadContext, type ThreadContextValue, type ThreadData, ThreadList, type ThreadListProps, ThreadPopover, type ThreadPopoverProps, ThreadProvider, type ThreadProviderProps, type ThreadService, UIRenderer, type UIRendererProps, Upload, type UseMelonyOptions, type UseSurfaceOptions, type User, WelcomeScreen, type WelcomeScreenProps, useAuth, useMelony, useScreenSize, useSidebar, useSurface, useTheme, useThreads };

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 import * as React$1 from 'react';
-import React__default, { ReactNode, CSSProperties } from 'react';
+import React__default, { ReactNode } from 'react';
 import { ClientState, MelonyClient } from 'melony/client';
-import { Message, Event, Config, UINode, UIContract } from 'melony';
+import { Message, Event, Config, UIWidth, UISpacing, UIColor, UIRadius, UINode, UIContract, UIJustify, UIAlign } from 'melony';
 import { QueryClient } from '@tanstack/react-query';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 export * from '@tabler/icons-react';
@@ -157,6 +157,13 @@ declare const useAuth: () => AuthContextValue;
 
 declare const useThreads: () => ThreadContextValue;
 
+interface UseSurfaceOptions {
+    name: string;
+}
+declare const useSurface: (options: UseSurfaceOptions) => {
+    events: Event[];
+};
+
 interface ScreenSize {
     width: number;
     height: number;
@@ -172,15 +179,13 @@ interface ScreenSize {
 declare function useScreenSize(mobileBreakpoint?: number, tabletBreakpoint?: number): ScreenSize;
 
 interface ThreadProps {
-    className?: string;
     placeholder?: string;
     starterPrompts?: StarterPrompt[];
-    onStarterPromptClick?: (prompt: string) => void;
     options?: ComposerOptionGroup[];
     autoFocus?: boolean;
     defaultSelectedIds?: string[];
 }
-declare function Thread({ className, placeholder, starterPrompts: localStarterPrompts, onStarterPromptClick, options: localOptions, autoFocus, defaultSelectedIds, }: ThreadProps): react_jsx_runtime.JSX.Element;
+declare function Thread({ placeholder, starterPrompts: localStarterPrompts, options: localOptions, autoFocus, defaultSelectedIds, }: ThreadProps): react_jsx_runtime.JSX.Element;
 
 interface ComposerProps {
     value: string;
@@ -254,13 +259,13 @@ declare function PopupChat({ title, placeholder, starterPrompts, options, defaul
 interface SidebarProps {
     side: "left" | "right";
     children: React__default.ReactNode;
-    className?: string;
+    width?: UIWidth | string;
 }
 /**
  * A sidebar component that responds to ChatSidebarContext.
  * Typically used within ChatFull or a layout with ChatSidebarProvider.
  */
-declare function Sidebar({ side, children, className }: SidebarProps): react_jsx_runtime.JSX.Element;
+declare function Sidebar({ side, children, width }: SidebarProps): react_jsx_runtime.JSX.Element;
 
 interface FullChatProps {
     title?: string;
@@ -283,6 +288,23 @@ interface FullChatProps {
 }
 declare function FullChat({ title, placeholder, starterPrompts, options, className, headerProps, autoFocus, defaultSelectedIds, }: FullChatProps): react_jsx_runtime.JSX.Element;
 
+interface SurfaceProps {
+    /**
+     * The name of the surface to filter events by.
+     * Only events with matching Event.surface will be included.
+     */
+    name: string;
+    /**
+     * Render function that receives the filtered and slot-deduplicated events.
+     */
+    children: (events: Event[]) => ReactNode;
+}
+/**
+ * A reusable component that listens to Melony events for a specific surface.
+ * It automatically handles slot-based deduplication (latest event for a slot replaces previous ones).
+ */
+declare function Surface({ name, children }: SurfaceProps): react_jsx_runtime.JSX.Element;
+
 interface SidebarToggleProps {
     side: "left" | "right";
     className?: string;
@@ -290,17 +312,14 @@ interface SidebarToggleProps {
 declare function SidebarToggle({ side, className }: SidebarToggleProps): react_jsx_runtime.JSX.Element | null;
 
 interface ThreadListProps {
-    className?: string;
-    emptyState?: React$1.ReactNode;
+    padding?: UISpacing;
+    gap?: UISpacing;
+    background?: UIColor;
+    radius?: UIRadius;
 }
 declare const ThreadList: React$1.FC<ThreadListProps>;
 
 interface ThreadPopoverProps {
-    className?: string;
-    buttonClassName?: string;
-    buttonVariant?: "default" | "outline" | "secondary" | "ghost" | "destructive" | "link";
-    buttonSize?: "default" | "xs" | "sm" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg";
-    emptyState?: React$1.ReactNode;
 }
 declare const ThreadPopover: React$1.FC<ThreadPopoverProps>;
 
@@ -332,171 +351,94 @@ interface UIRendererProps {
  */
 declare function UIRenderer({ node }: UIRendererProps): react_jsx_runtime.JSX.Element;
 
-interface DropdownProps {
-    className?: string;
-    trigger?: React$1.ReactNode;
-    triggerClassName?: string;
-    items: {
-        label: string;
-        icon: React$1.ReactNode;
-        onClick: () => void;
-    }[];
-}
-declare const Dropdown: React$1.FC<DropdownProps>;
-
 interface CreateThreadListItemProps {
-    className?: string;
+    padding?: UISpacing;
+    background?: UIColor;
+    radius?: UIRadius;
 }
 declare const CreateThreadListItem: React$1.FC<CreateThreadListItemProps>;
 
-type Spacing = "xs" | "sm" | "md" | "lg" | "xl" | "xxl";
-type FontSize = "xs" | "sm" | "md" | "lg" | "xl" | "xxl";
-type FontWeight = "normal" | "medium" | "semibold" | "bold";
+declare const Button: React__default.FC<UIContract["button"] & {
+    justify?: UIJustify;
+}>;
 
-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;
-    groupId?: string;
-};
-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 HiddenProps = BaseComponentProps & UIContract["hidden"];
-type ButtonProps = BaseComponentProps & UIContract["button"] & {
-    fullWidth?: boolean;
-    type?: "button" | "submit";
-};
-type LabelProps = BaseComponentProps & UIContract["label"] & {
-    size?: FontSize;
-    weight?: FontWeight;
-};
-type ColorPickerProps = BaseComponentProps & UIContract["colorPicker"] & {
-    value?: string;
-    disabled?: boolean;
-};
-type UploadProps = BaseComponentProps & UIContract["upload"] & {
-    initialFiles?: {
-        name: string;
-        url: string;
-    }[];
-    mode?: "append" | "replace";
-};
-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 Input: React__default.FC<UIContract["input"]>;
 
-declare const Button: React__default.FC<ButtonProps>;
+declare const Textarea: React__default.FC<UIContract["textarea"]>;
 
-declare const Input: React__default.FC<InputProps>;
+declare const Select: React__default.FC<UIContract["select"]>;
 
-declare const Textarea: React__default.FC<TextareaProps>;
+declare const Checkbox: React__default.FC<UIContract["checkbox"]>;
 
-declare const Select: React__default.FC<SelectProps>;
+declare const RadioGroup: React__default.FC<UIContract["radioGroup"]>;
 
-declare const Checkbox: React__default.FC<CheckboxProps>;
+declare const Form: React__default.FC<UIContract["form"] & {
+    children?: React__default.ReactNode[];
+}>;
 
-declare const RadioGroup: React__default.FC<RadioGroupProps>;
+declare const Upload: React__default.FC<UIContract["upload"]>;
 
-declare const Form: React__default.FC<FormProps>;
+declare const Heading: React__default.FC<UIContract["heading"]>;
 
-declare const Upload: React__default.FC<UploadProps>;
+declare const Image: React__default.FC<UIContract["image"]>;
 
-declare const Heading: React__default.FC<HeadingProps>;
+declare const Label: React__default.FC<UIContract["label"]>;
 
-declare const Image: React__default.FC<ImageProps>;
+interface DropdownProps {
+    className?: string;
+    trigger?: React$1.ReactNode;
+    triggerClassName?: string;
+    items: {
+        label: string;
+        icon: React$1.ReactNode;
+        onClick: () => void;
+    }[];
+}
+declare const Dropdown: React$1.FC<DropdownProps>;
 
-declare const Label: React__default.FC<LabelProps>;
+declare const List: React__default.FC<UIContract["list"] & {
+    children?: React__default.ReactNode;
+    flex?: string;
+    overflow?: string;
+}>;
 
-declare const List: React__default.FC<ListProps>;
+declare const ListItem: React__default.FC<UIContract["listItem"] & {
+    children?: React__default.ReactNode;
+    align?: UIAlign;
+}>;
 
-declare const ListItem: React__default.FC<ListItemProps>;
+declare const Spacer: React__default.FC<UIContract["spacer"]>;
 
-declare const Spacer: React__default.FC<SpacerProps>;
+declare const Divider: React__default.FC<UIContract["divider"]>;
 
-declare const Divider: React__default.FC<DividerProps>;
+declare const Box: React__default.FC<UIContract["box"] & {
+    children?: React__default.ReactNode | React__default.ReactNode[];
+}>;
 
-declare const Box: React__default.FC<BoxProps>;
+declare const Float: React__default.FC<UIContract["float"] & {
+    children?: React__default.ReactNode | React__default.ReactNode[];
+}>;
 
-declare const Chart: React__default.FC<ChartProps>;
+declare const Chart: React__default.FC<UIContract["chart"]>;
 
-declare const Card: React__default.FC<CardProps>;
+declare const Card: React__default.FC<UIContract["card"] & {
+    children?: React__default.ReactNode[];
+}>;
 
-declare const Row: React__default.FC<RowProps>;
+declare const Row: React__default.FC<UIContract["row"] & {
+    children?: React__default.ReactNode[];
+}>;
 
-declare const Col: React__default.FC<ColProps>;
+declare const Col: React__default.FC<UIContract["col"] & {
+    children?: React__default.ReactNode | React__default.ReactNode[];
+}>;
 
-declare const Text: React__default.FC<TextProps>;
+declare const Text: React__default.FC<UIContract["text"]>;
 
-declare const Badge: React__default.FC<BadgeProps>;
+declare const Badge: React__default.FC<UIContract["badge"]>;
 
-declare const Hidden: React__default.FC<HiddenProps>;
+declare const Hidden: React__default.FC<UIContract["hidden"]>;
 
-declare const ColorPicker: React__default.FC<ColorPickerProps>;
+declare const ColorPicker: React__default.FC<UIContract["colorPicker"]>;
 
-export { AccountButton, type AccountButtonProps, AuthContext, type AuthContextValue, AuthProvider, type AuthProviderProps, type AuthService, Badge, Box, Button, Card, Chart, ChatHeader, type ChatHeaderProps, Checkbox, Col, ColorPicker, Composer, type ComposerOption, type ComposerOptionGroup, CreateThreadButton, type CreateThreadButtonProps, CreateThreadListItem, type CreateThreadListItemProps, Divider, Dropdown, type DropdownProps, Form, FullChat, type FullChatProps, Heading, Hidden, Image, Input, Label, List, ListItem, MelonyContext, type MelonyContextValue, MelonyProvider, type MelonyProviderProps, PopupChat, type PopupChatProps, RadioGroup, Row, type ScreenSize, Select, Sidebar, SidebarContext, type SidebarContextValue, type SidebarProps, SidebarProvider, type SidebarProviderProps, 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, Upload, type UseMelonyOptions, type User, WelcomeScreen, type WelcomeScreenProps, useAuth, useMelony, useScreenSize, useSidebar, useTheme, useThreads };
+export { AccountButton, type AccountButtonProps, AuthContext, type AuthContextValue, AuthProvider, type AuthProviderProps, type AuthService, Badge, Box, Button, Card, Chart, ChatHeader, type ChatHeaderProps, Checkbox, Col, ColorPicker, Composer, type ComposerOption, type ComposerOptionGroup, CreateThreadButton, type CreateThreadButtonProps, CreateThreadListItem, type CreateThreadListItemProps, Divider, Dropdown, type DropdownProps, Float, Form, FullChat, type FullChatProps, Heading, Hidden, Image, Input, Label, List, ListItem, MelonyContext, type MelonyContextValue, MelonyProvider, type MelonyProviderProps, PopupChat, type PopupChatProps, RadioGroup, Row, type ScreenSize, Select, Sidebar, SidebarContext, type SidebarContextValue, type SidebarProps, SidebarProvider, type SidebarProviderProps, SidebarToggle, type SidebarToggleProps, Spacer, type StarterPrompt, Surface, type SurfaceProps, Text, Textarea, ThemeProvider, ThemeToggle, Thread, ThreadContext, type ThreadContextValue, type ThreadData, ThreadList, type ThreadListProps, ThreadPopover, type ThreadPopoverProps, ThreadProvider, type ThreadProviderProps, type ThreadService, UIRenderer, type UIRendererProps, Upload, type UseMelonyOptions, type UseSurfaceOptions, type User, WelcomeScreen, type WelcomeScreenProps, useAuth, useMelony, useScreenSize, useSidebar, useSurface, useTheme, useThreads };