@melony/react 0.1.47 → 0.1.50

package/dist/index.d.cts

@@ -4,6 +4,7 @@ import { ClientState, MelonyClient } from 'melony/client';
 import { Message, Event, Config, UINode, UIContract } from 'melony';
 import { QueryClient } from '@tanstack/react-query';
 import * as react_jsx_runtime from 'react/jsx-runtime';
+export * from '@tabler/icons-react';
 
 interface MelonyContextValue extends ClientState {
     messages: Message[];
@@ -412,6 +413,7 @@ type InputProps = BaseComponentProps & UIContract["input"] & {
     disabled?: boolean;
     value?: string;
 };
+type HiddenProps = BaseComponentProps & UIContract["hidden"];
 type ButtonProps = BaseComponentProps & UIContract["button"] & {
     fullWidth?: boolean;
     type?: "button" | "submit";
@@ -420,6 +422,10 @@ 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;
@@ -489,4 +495,8 @@ declare const Text: React__default.FC<TextProps>;
 
 declare const Badge: React__default.FC<BadgeProps>;
 
-export { AccountButton, type AccountButtonProps, AuthContext, type AuthContextValue, AuthProvider, type AuthProviderProps, type AuthService, Badge, Box, Button, Card, Chart, ChatHeader, type ChatHeaderProps, Checkbox, Col, Composer, type ComposerOption, type ComposerOptionGroup, CreateThreadButton, type CreateThreadButtonProps, CreateThreadListItem, type CreateThreadListItemProps, Divider, Dropdown, type DropdownProps, Form, FullChat, type FullChatProps, Heading, 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 };
+declare const Hidden: React__default.FC<HiddenProps>;
+
+declare const ColorPicker: React__default.FC<ColorPickerProps>;
+
+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 };

package/dist/index.d.ts

@@ -4,6 +4,7 @@ import { ClientState, MelonyClient } from 'melony/client';
 import { Message, Event, Config, UINode, UIContract } from 'melony';
 import { QueryClient } from '@tanstack/react-query';
 import * as react_jsx_runtime from 'react/jsx-runtime';
+export * from '@tabler/icons-react';
 
 interface MelonyContextValue extends ClientState {
     messages: Message[];
@@ -412,6 +413,7 @@ type InputProps = BaseComponentProps & UIContract["input"] & {
     disabled?: boolean;
     value?: string;
 };
+type HiddenProps = BaseComponentProps & UIContract["hidden"];
 type ButtonProps = BaseComponentProps & UIContract["button"] & {
     fullWidth?: boolean;
     type?: "button" | "submit";
@@ -420,6 +422,10 @@ 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;
@@ -489,4 +495,8 @@ declare const Text: React__default.FC<TextProps>;
 
 declare const Badge: React__default.FC<BadgeProps>;
 
-export { AccountButton, type AccountButtonProps, AuthContext, type AuthContextValue, AuthProvider, type AuthProviderProps, type AuthService, Badge, Box, Button, Card, Chart, ChatHeader, type ChatHeaderProps, Checkbox, Col, Composer, type ComposerOption, type ComposerOptionGroup, CreateThreadButton, type CreateThreadButtonProps, CreateThreadListItem, type CreateThreadListItemProps, Divider, Dropdown, type DropdownProps, Form, FullChat, type FullChatProps, Heading, 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 };
+declare const Hidden: React__default.FC<HiddenProps>;
+
+declare const ColorPicker: React__default.FC<ColorPickerProps>;
+
+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 };

package/dist/index.js

@@ -9,6 +9,7 @@ import { twMerge } from 'tailwind-merge';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import * as ICONS from '@tabler/icons-react';
 import { IconX, IconChevronLeft, IconChevronRight, IconLoader2, IconCheck, IconUpload, IconUser, IconLogout, IconBrandGoogle, IconFileText, IconFile, IconPaperclip, IconChevronDown, IconArrowUp, IconDotsVertical, IconTrash, IconHistory, IconPlus, IconArrowLeft, IconMessage, IconLayoutSidebarLeftExpand, IconLayoutSidebarLeftCollapse, IconLayoutSidebarRightExpand, IconLayoutSidebarRightCollapse, IconDeviceDesktop, IconMoon, IconSun, IconSelector, IconChevronUp } from '@tabler/icons-react';
+export * from '@tabler/icons-react';
 import { Separator as Separator$1 } from '@base-ui/react/separator';
 import { mergeProps } from '@base-ui/react/merge-props';
 import { useRender } from '@base-ui/react/use-render';
@@ -670,6 +671,52 @@ var Image = ({
     )
   ] });
 };
+var Video = ({
+  src,
+  poster,
+  autoPlay = false,
+  controls = true,
+  loop = false,
+  muted = false,
+  aspectRatio = "16/9",
+  width = "100%",
+  className,
+  style
+}) => {
+  const aspectRatios = {
+    "16/9": "aspect-video",
+    "4/3": "aspect-[4/3]",
+    "1/1": "aspect-square",
+    "9/16": "aspect-[9/16]"
+  };
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        "relative overflow-hidden rounded-lg bg-black shadow-sm",
+        aspectRatios[aspectRatio] || "aspect-video",
+        className
+      ),
+      style: {
+        width: typeof width === "number" ? `${width}px` : width,
+        ...style
+      },
+      children: /* @__PURE__ */ jsx(
+        "video",
+        {
+          src,
+          poster,
+          autoPlay,
+          controls,
+          loop,
+          muted,
+          playsInline: true,
+          className: "h-full w-full object-cover"
+        }
+      )
+    }
+  );
+};
 var Icon = ({
   name,
   size,
@@ -2083,6 +2130,7 @@ function UIRenderer({ node }) {
     divider: Divider,
     box: Box,
     image: Image,
+    video: Video,
     icon: Icon,
     list: List,
     listItem: ListItem,
@@ -3955,6 +4003,6 @@ var CreateThreadListItem = ({
   );
 };
 
-export { AccountButton, AuthContext, AuthProvider, Badge2 as Badge, Box, Button2 as Button, Card2 as Card, Chart, ChatHeader, Checkbox, Col, Composer, CreateThreadButton, CreateThreadListItem, Divider, Dropdown, Form, FullChat, Heading, Image, Input2 as Input, Label2 as Label, List, ListItem, MelonyContext, MelonyProvider, PopupChat, RadioGroup, Row, Select2 as Select, Sidebar, SidebarContext, SidebarProvider, SidebarToggle, Spacer, Text, Textarea2 as Textarea, ThemeProvider, ThemeToggle, Thread, ThreadContext, ThreadList, ThreadPopover, ThreadProvider, UIRenderer, Upload, WelcomeScreen, useAuth, useMelony, useScreenSize, useSidebar, useTheme, useThreads };
+export { AccountButton, AuthContext, AuthProvider, Badge2 as Badge, Box, Button2 as Button, Card2 as Card, Chart, ChatHeader, Checkbox, Col, ColorPicker, Composer, CreateThreadButton, CreateThreadListItem, Divider, Dropdown, Form, FullChat, Heading, Hidden, Image, Input2 as Input, Label2 as Label, List, ListItem, MelonyContext, MelonyProvider, PopupChat, RadioGroup, Row, Select2 as Select, Sidebar, SidebarContext, SidebarProvider, SidebarToggle, Spacer, Text, Textarea2 as Textarea, ThemeProvider, ThemeToggle, Thread, ThreadContext, ThreadList, ThreadPopover, ThreadProvider, UIRenderer, Upload, WelcomeScreen, useAuth, useMelony, useScreenSize, useSidebar, useTheme, useThreads };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map