@gram-ai/elements 1.0.1 → 1.0.3

package/README.md

@@ -7,7 +7,7 @@ Elements is a library built for the agentic age. We provide customizable and ele
 First ensure that you have installed the required peer dependencies:
 
 ```bash
-pnpm add react react-dom
+pnpm add react react-dom @assistant-ui/react @assistant-ui/react-markdown motion remark-gfm zustand
 ```
 
 ## Usage
@@ -15,16 +15,16 @@ pnpm add react react-dom
 `@gram-ai/elements` requires that you wrap your React tree with our context provider and reference our CSS:
 
 ```jsx
-import { GramElementsProvider, Chat } from "@gram-ai/elements";
-import "@gram-ai/elements/elements.css";
+import { GramElementsProvider, Chat } from '@gram-ai/elements'
+import '@gram-ai/elements/elements.css'
 
 export const App = () => {
   return (
     <GramElementsProvider>
       <Chat />
     </GramElementsProvider>
-  );
-};
+  )
+}
 ```
 
 ## Contributing

package/dist/components/Chat/index.d.ts

@@ -0,0 +1 @@
+export declare const Chat: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/Chat/index.stories.d.ts

@@ -0,0 +1,6 @@
+import { Chat } from '.';
+import { Meta, StoryFn } from '@storybook/react-vite';
+declare const meta: Meta<typeof Chat>;
+export default meta;
+type Story = StoryFn<typeof Chat>;
+export declare const Default: Story;

package/dist/components/assistant-ui/attachment.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+export declare const UserMessageAttachments: FC;
+export declare const ComposerAttachments: FC;
+export declare const ComposerAddAttachment: FC;

package/dist/components/assistant-ui/markdown-text.d.ts

@@ -0,0 +1 @@
+export declare const MarkdownText: import('react').MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element>;

package/dist/components/assistant-ui/thread-list.d.ts

@@ -0,0 +1,2 @@
+import { FC } from 'react';
+export declare const ThreadList: FC;

package/dist/components/assistant-ui/thread.d.ts

@@ -0,0 +1,2 @@
+import { FC } from 'react';
+export declare const Thread: FC;

package/dist/components/assistant-ui/tool-fallback.d.ts

@@ -0,0 +1,2 @@
+import { ToolCallMessagePartComponent } from '@assistant-ui/react';
+export declare const ToolFallback: ToolCallMessagePartComponent;

package/dist/components/assistant-ui/tooltip-icon-button.d.ts

@@ -0,0 +1,7 @@
+import { ComponentPropsWithRef } from 'react';
+import { Button } from '../ui/button';
+export type TooltipIconButtonProps = ComponentPropsWithRef<typeof Button> & {
+    tooltip: string;
+    side?: 'top' | 'bottom' | 'left' | 'right';
+};
+export declare const TooltipIconButton: import('react').ForwardRefExoticComponent<Omit<TooltipIconButtonProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;

package/dist/components/ui/avatar.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import * as AvatarPrimitive from '@radix-ui/react-avatar';
+declare function Avatar({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function AvatarImage({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Image>): import("react/jsx-runtime").JSX.Element;
+declare function AvatarFallback({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Fallback>): import("react/jsx-runtime").JSX.Element;
+export { Avatar, AvatarImage, AvatarFallback };

package/dist/components/ui/button.d.ts

@@ -0,0 +1,10 @@
+import { VariantProps } from 'class-variance-authority';
+import * as React from 'react';
+declare const buttonVariants: (props?: ({
+    variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
+    size?: "default" | "sm" | "lg" | "icon" | "icon-sm" | "icon-lg" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+declare function Button({ className, variant, size, asChild, ...props }: React.ComponentProps<'button'> & VariantProps<typeof buttonVariants> & {
+    asChild?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+export { Button, buttonVariants };

package/dist/components/ui/dialog.d.ts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+declare function Dialog({ ...props }: React.ComponentProps<typeof DialogPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function DialogTrigger({ ...props }: React.ComponentProps<typeof DialogPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function DialogPortal({ ...props }: React.ComponentProps<typeof DialogPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
+declare function DialogClose({ ...props }: React.ComponentProps<typeof DialogPrimitive.Close>): import("react/jsx-runtime").JSX.Element;
+declare function DialogOverlay({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Overlay>): import("react/jsx-runtime").JSX.Element;
+declare function DialogContent({ className, children, showCloseButton, ...props }: React.ComponentProps<typeof DialogPrimitive.Content> & {
+    showCloseButton?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function DialogHeader({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function DialogFooter({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function DialogTitle({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Title>): import("react/jsx-runtime").JSX.Element;
+declare function DialogDescription({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Description>): import("react/jsx-runtime").JSX.Element;
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, };

package/dist/components/ui/skeleton.d.ts

@@ -0,0 +1,2 @@
+declare function Skeleton({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+export { Skeleton };

package/dist/components/ui/tooltip.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import * as TooltipPrimitive from '@radix-ui/react-tooltip';
+declare function TooltipProvider({ delayDuration, ...props }: React.ComponentProps<typeof TooltipPrimitive.Provider>): import("react/jsx-runtime").JSX.Element;
+declare function Tooltip({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function TooltipTrigger({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function TooltipContent({ className, sideOffset, children, ...props }: React.ComponentProps<typeof TooltipPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };

package/dist/contexts/ElementsProvider.d.ts

@@ -0,0 +1,3 @@
+import { ElementsProviderProps } from '../types';
+export declare const ElementsProvider: ({ children, api }: ElementsProviderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const useElements: () => object;