@gram-ai/elements 1.33.2 → 1.35.0

package/dist/index.d.ts

@@ -19,8 +19,11 @@ export type { FrontendTool } from './lib/tools';
 export { trackError } from './lib/errorTracking';
 export type { ErrorContext } from './lib/errorTracking';
 export { CREDITS_EXHAUSTED_MESSAGE, describeStreamError, } from './lib/streamErrorMessage';
-export type { AttachmentsConfig, COLOR_SCHEMES, ColorScheme, ComponentOverrides, ComposerConfig, DangerousApiKeyAuthConfig, DENSITIES, Density, Dimension, Dimensions, ElementsConfig, ErrorTrackingConfigOption, GetSessionFn, HistoryConfig, MCPServerEntry, ModalConfig, ModalTriggerPosition, Model, ModelConfig, RADII, Radius, SidecarConfig, Suggestion, ThemeConfig, ToolMentionsConfig, ToolsConfig, ToolsFilter, UnifiedSessionAuthConfig, Variant, VARIANTS, WelcomeConfig, } from './types';
+export type { AttachmentsConfig, COLOR_SCHEMES, ColorScheme, ComponentOverrides, ComposerConfig, DangerousApiKeyAuthConfig, DENSITIES, Density, Dimension, Dimensions, ElementsConfig, ElementsTransportContext, ElementsTransportFactory, ErrorTrackingConfigOption, GetSessionFn, HistoryConfig, MCPServerEntry, ModalConfig, ModalTriggerPosition, Model, ModelConfig, RADII, Radius, SidecarConfig, Suggestion, ThemeConfig, ToolMentionsConfig, ToolsConfig, ToolsFilter, UnifiedSessionAuthConfig, Variant, VARIANTS, WelcomeConfig, } from './types';
 export { MODELS } from './lib/models';
+export { convertGramMessagesToUIMessages, convertGramMessagesToExported, } from './lib/messageConverter';
+export { sleep } from './lib/utils';
+export type { GramChat, GramChatMessage, GramChatOverview, } from './lib/messageConverter';
 export type { Plugin } from './types/plugins';
 export { TimeRangePicker, getPresetRange, PRESETS, } from './components/ui/time-range-picker';
 export type { TimeRange, TimeRangePreset, TimeRangePickerProps, DateRangePreset, } from './components/ui/time-range-picker';

package/dist/lib/errorTracking.d.ts

@@ -17,7 +17,7 @@ export declare function initErrorTracking(config?: ErrorTrackingConfig): void;
  * Track an error to Datadog RUM.
  * Includes context about where the error originated.
  */
-export declare function trackError(error: Error | unknown, context: ErrorContext): void;
+export declare function trackError(error: unknown, context: ErrorContext): void;
 /**
  * Check if error tracking is currently enabled.
  */

package/dist/lib/messageConverter.d.ts

@@ -1,15 +1,63 @@
 import { ExportedMessageRepository } from '@assistant-ui/react';
-import { Message, UserMessage, AssistantMessage, ToolResponseMessage } from '@openrouter/sdk/models';
 import { UIMessage } from 'ai';
 /**
- * Represents a chat message from the Gram API.
- * This mirrors the ChatMessage type from @gram/sdk without requiring the SDK dependency.
+ * A single text part of a multi-modal chat message.
  */
-export type GramChatMessage = Message & {
+export interface GramChatTextPart {
+    type: "text";
+    text: string;
+}
+/**
+ * A single image part of a multi-modal chat message. The wire shape mirrors the
+ * upstream OpenAI/OpenRouter chat schema (`image_url.url`) so the converter can
+ * read it without normalisation.
+ */
+export interface GramChatImagePart {
+    type: "image_url";
+    image_url?: {
+        url?: string;
+    };
+}
+/**
+ * A single audio part of a multi-modal chat message. Mirrors the OpenAI/OpenRouter
+ * `input_audio.{data, format}` shape on the wire.
+ */
+export interface GramChatAudioPart {
+    type: "input_audio";
+    input_audio?: {
+        data?: string;
+        format?: string;
+    };
+}
+/**
+ * Content part of a multi-modal chat message.
+ */
+export type GramChatContentPart = GramChatTextPart | GramChatImagePart | GramChatAudioPart;
+/**
+ * Content of a chat message — either a plain string or an array of parts for
+ * multi-modal messages.
+ */
+export type GramChatContent = string | GramChatContentPart[];
+/**
+ * Represents a chat message from the Gram API. Only fields actually surfaced
+ * through Elements' public converters are modelled; provider-specific extras
+ * remain on the wire shape but are intentionally not part of the contract.
+ *
+ * `tool_calls` is the JSON-encoded string the Gram chat service stores on
+ * assistant rows; `tool_call_id` is the id the corresponding tool-response row
+ * carries when `role === "tool"`.
+ */
+export interface GramChatMessage {
     id: string;
     model: string;
     created_at: Date | string;
-};
+    role: "system" | "developer" | "user" | "assistant" | "tool";
+    content?: GramChatContent | null;
+    name?: string;
+    tool_calls?: string;
+    tool_call_id?: string;
+    reasoning?: string | null;
+}
 /**
  * Represents a chat from the Gram API.
  */
@@ -37,8 +85,10 @@ export interface GramChatOverview {
  * Converts an array of Gram ChatMessages to an ExportedMessageRepository.
  * Creates parent-child relationships based on message order.
  *
- * Note: System messages are filtered out because assistant-ui's
- * `fromThreadMessageLike` doesn't support them in the exported format.
+ * Note: system, developer, and tool messages are filtered out. assistant-ui's
+ * exported format only models user/assistant turns; system/developer rows are
+ * pre-prompt instructions the UI doesn't render, and tool rows are folded into
+ * the preceding assistant message as `tool-call` parts via `tool_calls`.
  */
 export declare function convertGramMessagesToExported(messages: GramChatMessage[]): ExportedMessageRepository;
 export declare function convertGramMessagesToUIMessages(messages: GramChatMessage[]): {
@@ -48,4 +98,4 @@ export declare function convertGramMessagesToUIMessages(messages: GramChatMessag
         message: UIMessage;
     }[];
 };
-export declare function convertGramMessagePartsToUIMessageParts(msg: UserMessage | AssistantMessage, toolResults: Map<string, ToolResponseMessage>, seenToolCallIds?: Set<string>): UIMessage["parts"];
+export declare function convertGramMessagePartsToUIMessageParts(msg: GramChatMessage, toolResults: Map<string, GramChatMessage>, seenToolCallIds?: Set<string>): UIMessage["parts"];

package/dist/lib/models.d.ts

@@ -1 +1 @@
-export declare const MODELS: readonly ["anthropic/claude-opus-4.6", "anthropic/claude-sonnet-4.6", "anthropic/claude-sonnet-4.5", "anthropic/claude-opus-4.5", "anthropic/claude-haiku-4.5", "anthropic/claude-opus-4.1", "anthropic/claude-sonnet-4", "openai/gpt-5.4", "openai/gpt-5.4-mini", "openai/gpt-5.1", "openai/gpt-5.1-codex", "openai/gpt-5", "openai/gpt-4.1", "openai/o4-mini", "openai/o3", "google/gemini-3.1-pro-preview", "google/gemini-2.5-pro", "google/gemini-2.5-flash", "deepseek/deepseek-r1", "deepseek/deepseek-v3.2", "meta-llama/llama-4-maverick", "x-ai/grok-4", "qwen/qwen3-coder", "moonshotai/kimi-k2.5", "mistralai/mistral-medium-3.1", "mistralai/codestral-2508", "mistralai/devstral-small"];
+export declare const MODELS: readonly ["anthropic/claude-opus-4.8", "anthropic/claude-opus-4.7", "anthropic/claude-sonnet-4.6", "anthropic/claude-sonnet-4.5", "anthropic/claude-opus-4.6", "anthropic/claude-opus-4.5", "anthropic/claude-haiku-4.5", "anthropic/claude-sonnet-4", "openai/gpt-5.5", "openai/gpt-5.5-pro", "openai/gpt-5.4", "openai/gpt-5.4-mini", "openai/gpt-5.4-nano", "openai/gpt-5.3-codex", "openai/gpt-5.1", "openai/gpt-5", "openai/gpt-4.1", "openai/o4-mini", "openai/o3", "google/gemini-3.5-flash", "google/gemini-3.1-pro-preview", "google/gemini-3.1-flash-lite", "google/gemini-2.5-pro", "google/gemini-2.5-flash", "deepseek/deepseek-v4-pro", "deepseek/deepseek-v4-flash", "deepseek/deepseek-v3.2", "deepseek/deepseek-r1", "meta-llama/llama-4-maverick", "x-ai/grok-4.3", "x-ai/grok-4.20", "qwen/qwen3.7-max", "qwen/qwen3-coder", "moonshotai/kimi-k2.6", "moonshotai/kimi-k2.5", "mistralai/mistral-medium-3-5", "mistralai/codestral-2508", "mistralai/devstral-2512", "mistralai/mistral-medium-3.1"];

package/dist/lib/tools.d.ts

@@ -5,22 +5,23 @@ import { FC } from 'react';
 /**
  * Converts from assistant-ui tool format to the AI SDK tool shape
  */
-export declare const toAISDKTools: (tools: Record<string, Tool>) => {
-    [k: string]: {
-        parameters: JSONSchema7;
-        description?: string | undefined;
-    };
-};
+export declare const toAISDKTools: (tools: Record<string, Tool>) => Record<string, {
+    description?: string;
+    parameters: JSONSchema7;
+}>;
 /**
  * Returns only frontend tools that are enabled
  */
-export declare const getEnabledTools: (tools: Record<string, Tool>) => {
-    [k: string]: Tool;
-};
+export declare const getEnabledTools: (tools: Record<string, Tool>) => Record<string, Tool>;
 /**
  * A frontend tool is a tool that is defined by the user and can be used in the chat.
+ *
+ * Shape mirrors assistant-ui's `AssistantTool`: an `FC` (rendered with no props
+ * at runtime to register the tool) plus an `unstable_tool` describing the tool
+ * itself. Keeping the FC unparameterised here matches the SDK and allows tools
+ * with different `TArgs`/`TResult` to coexist in a `Record<string, FrontendTool<...>>`.
  */
-export type FrontendTool<TArgs extends Record<string, unknown>, TResult> = FC<AssistantToolProps<TArgs, TResult>> & {
+export type FrontendTool<TArgs extends Record<string, unknown>, TResult> = FC & {
     unstable_tool: AssistantToolProps<TArgs, TResult>;
 };
 /**

package/dist/lib/utils.d.ts

@@ -2,3 +2,5 @@ import { ClassValue } from 'clsx';
 export declare function cn(...inputs: ClassValue[]): string;
 export declare function assertNever(value: unknown): never;
 export declare function assert(condition: unknown, message: string): asserts condition;
+/** Sleep that respects AbortSignal for clean cancellation. */
+export declare function sleep(ms: number, signal?: AbortSignal): Promise<void>;

package/dist/plugins/generative-ui/catalog.d.ts

@@ -156,8 +156,8 @@ export declare const catalog: import('@json-render/core').Catalog<{
     Accordion: {
         props: z.ZodObject<{
             type: z.ZodOptional<z.ZodEnum<{
-                single: "single";
                 multiple: "multiple";
+                single: "single";
             }>>;
         }, z.core.$strip>;
         hasChildren: true;
@@ -200,8 +200,8 @@ export declare const catalog: import('@json-render/core').Catalog<{
                 ghost: "ghost";
             }>>;
             size: z.ZodOptional<z.ZodEnum<{
-                default: "default";
                 icon: "icon";
+                default: "default";
                 sm: "sm";
                 lg: "lg";
             }>>;
@@ -224,8 +224,8 @@ export declare const catalog: import('@json-render/core').Catalog<{
                 ghost: "ghost";
             }>>;
             size: z.ZodOptional<z.ZodEnum<{
-                default: "default";
                 icon: "icon";
+                default: "default";
                 sm: "sm";
                 lg: "lg";
             }>>;

package/dist/plugins/generative-ui/ui/accordion-wrapper.d.ts

@@ -6,7 +6,7 @@ export interface AccordionWrapperProps {
 /**
  * Accordion wrapper that adapts the compound Accordion to the catalog's props-based API.
  */
-export declare function AccordionWrapper({ type, children, }: AccordionWrapperProps): import("react/jsx-runtime").JSX.Element;
+export declare function AccordionWrapper({ type, children, }: AccordionWrapperProps): React.JSX.Element;
 export interface AccordionItemWrapperProps {
     value: string;
     title: string;
@@ -15,4 +15,4 @@ export interface AccordionItemWrapperProps {
 /**
  * AccordionItem wrapper that takes title as a prop and renders trigger + content.
  */
-export declare function AccordionItemWrapper({ value, title, children, }: AccordionItemWrapperProps): import("react/jsx-runtime").JSX.Element;
+export declare function AccordionItemWrapper({ value, title, children, }: AccordionItemWrapperProps): React.JSX.Element;

package/dist/plugins/generative-ui/ui/accordion.d.ts

@@ -1,7 +1,7 @@
 import { Accordion as AccordionPrimitive } from 'radix-ui';
 import * as React from "react";
-declare function Accordion({ ...props }: React.ComponentProps<typeof AccordionPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
-declare function AccordionItem({ className, ...props }: React.ComponentProps<typeof AccordionPrimitive.Item>): import("react/jsx-runtime").JSX.Element;
-declare function AccordionTrigger({ className, children, ...props }: React.ComponentProps<typeof AccordionPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
-declare function AccordionContent({ className, children, ...props }: React.ComponentProps<typeof AccordionPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+declare function Accordion({ ...props }: React.ComponentProps<typeof AccordionPrimitive.Root>): React.JSX.Element;
+declare function AccordionItem({ className, ...props }: React.ComponentProps<typeof AccordionPrimitive.Item>): React.JSX.Element;
+declare function AccordionTrigger({ className, children, ...props }: React.ComponentProps<typeof AccordionPrimitive.Trigger>): React.JSX.Element;
+declare function AccordionContent({ className, children, ...props }: React.ComponentProps<typeof AccordionPrimitive.Content>): React.JSX.Element;
 export { Accordion, AccordionItem, AccordionTrigger, AccordionContent };

package/dist/plugins/generative-ui/ui/action-button.d.ts

@@ -7,4 +7,4 @@ export interface ActionButtonProps extends Omit<React.ComponentProps<"button">,
     action: string;
     args?: Record<string, unknown>;
 }
-export declare function ActionButton({ label, action, args, variant, size, className, disabled, ...props }: ActionButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function ActionButton({ label, action, args, variant, size, className, disabled, ...props }: ActionButtonProps): React.JSX.Element;

package/dist/plugins/generative-ui/ui/alert-wrapper.d.ts

@@ -1,3 +1,4 @@
+import * as React from "react";
 export interface AlertWrapperProps {
     title: string;
     description?: string;
@@ -6,4 +7,4 @@ export interface AlertWrapperProps {
 /**
  * Alert wrapper that takes title and description as props.
  */
-export declare function AlertWrapper({ title, description, variant, }: AlertWrapperProps): import("react/jsx-runtime").JSX.Element;
+export declare function AlertWrapper({ title, description, variant, }: AlertWrapperProps): React.JSX.Element;

package/dist/plugins/generative-ui/ui/alert.d.ts

@@ -3,7 +3,7 @@ import * as React from "react";
 declare const alertVariants: (props?: ({
     variant?: "default" | "destructive" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
-declare function Alert({ className, variant, ...props }: React.ComponentProps<"div"> & VariantProps<typeof alertVariants>): import("react/jsx-runtime").JSX.Element;
-declare function AlertTitle({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
-declare function AlertDescription({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function Alert({ className, variant, ...props }: React.ComponentProps<"div"> & VariantProps<typeof alertVariants>): React.JSX.Element;
+declare function AlertTitle({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function AlertDescription({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
 export { Alert, AlertTitle, AlertDescription };

package/dist/plugins/generative-ui/ui/avatar-wrapper.d.ts

@@ -1,3 +1,4 @@
+import * as React from "react";
 export interface AvatarWrapperProps {
     src?: string;
     alt?: string;
@@ -6,4 +7,4 @@ export interface AvatarWrapperProps {
 /**
  * Avatar wrapper that takes src, alt, and fallback as props.
  */
-export declare function AvatarWrapper({ src, alt, fallback }: AvatarWrapperProps): import("react/jsx-runtime").JSX.Element;
+export declare function AvatarWrapper({ src, alt, fallback, }: AvatarWrapperProps): React.JSX.Element;

package/dist/plugins/generative-ui/ui/avatar.d.ts

@@ -2,10 +2,10 @@ import { Avatar as AvatarPrimitive } from 'radix-ui';
 import * as React from "react";
 declare function Avatar({ className, size, ...props }: React.ComponentProps<typeof AvatarPrimitive.Root> & {
     size?: "default" | "sm" | "lg";
-}): 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;
-declare function AvatarBadge({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
-declare function AvatarGroup({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
-declare function AvatarGroupCount({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
+declare function AvatarImage({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Image>): React.JSX.Element;
+declare function AvatarFallback({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Fallback>): React.JSX.Element;
+declare function AvatarBadge({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
+declare function AvatarGroup({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function AvatarGroupCount({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
 export { Avatar, AvatarImage, AvatarFallback, AvatarBadge, AvatarGroup, AvatarGroupCount, };

package/dist/plugins/generative-ui/ui/badge.d.ts

@@ -1,12 +1,12 @@
 import { VariantProps } from 'class-variance-authority';
 import * as React from "react";
 declare const badgeVariants: (props?: ({
-    variant?: "success" | "default" | "error" | "destructive" | "secondary" | "warning" | "outline" | null | undefined;
+    variant?: "error" | "success" | "default" | "destructive" | "secondary" | "warning" | "outline" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 interface BadgeProps extends React.ComponentProps<"span">, VariantProps<typeof badgeVariants> {
     asChild?: boolean;
     /** Content text (matches LLM prompt) - rendered as children */
     content?: string;
 }
-declare function Badge({ className, variant, asChild, content, children, ...props }: BadgeProps): import("react/jsx-runtime").JSX.Element;
+declare function Badge({ className, variant, asChild, content, children, ...props }: BadgeProps): React.JSX.Element;
 export { Badge, badgeVariants };

package/dist/plugins/generative-ui/ui/button-wrapper.d.ts

@@ -1,3 +1,4 @@
+import * as React from "react";
 export interface ButtonWrapperProps {
     label: string;
     variant?: "default" | "secondary" | "destructive" | "outline" | "ghost";
@@ -12,4 +13,4 @@ export interface ButtonWrapperProps {
  * Button wrapper that takes label as a prop.
  * The action/actionParams props are for future backend integration.
  */
-export declare function ButtonWrapper({ label, variant, size, disabled, }: ButtonWrapperProps): import("react/jsx-runtime").JSX.Element;
+export declare function ButtonWrapper({ label, variant, size, disabled, }: ButtonWrapperProps): React.JSX.Element;

package/dist/plugins/generative-ui/ui/button.d.ts

@@ -1,10 +1,10 @@
 import { VariantProps } from 'class-variance-authority';
 import * as React from "react";
 declare const buttonVariants: (props?: ({
-    variant?: "default" | "link" | "destructive" | "secondary" | "outline" | "ghost" | null | undefined;
-    size?: "default" | "icon" | "sm" | "lg" | "xs" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
+    variant?: "link" | "default" | "destructive" | "secondary" | "outline" | "ghost" | null | undefined;
+    size?: "icon" | "default" | "sm" | "lg" | "xs" | "icon-xs" | "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;
+}): React.JSX.Element;
 export { Button, buttonVariants };

package/dist/plugins/generative-ui/ui/card-wrapper.d.ts

@@ -7,4 +7,4 @@ export interface CardWrapperProps extends React.ComponentProps<"div"> {
  * It has no border or shadow since it's rendered inside MacOSWindowFrame.
  * Children are spaced using flex gap for proper composition.
  */
-export declare function CardWrapper({ title, className, children, ...props }: CardWrapperProps): import("react/jsx-runtime").JSX.Element;
+export declare function CardWrapper({ title, className, children, ...props }: CardWrapperProps): React.JSX.Element;

package/dist/plugins/generative-ui/ui/card.d.ts

@@ -1,9 +1,9 @@
 import * as React from "react";
-declare function Card({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
-declare function CardHeader({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
-declare function CardTitle({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
-declare function CardDescription({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
-declare function CardAction({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
-declare function CardContent({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
-declare function CardFooter({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function Card({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function CardHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function CardTitle({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function CardDescription({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function CardAction({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function CardContent({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function CardFooter({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
 export { Card, CardHeader, CardFooter, CardTitle, CardAction, CardDescription, CardContent, };

package/dist/plugins/generative-ui/ui/checkbox-wrapper.d.ts

@@ -1,3 +1,4 @@
+import * as React from "react";
 export interface CheckboxWrapperProps {
     label?: string;
     /** Path for form state management (future use) */
@@ -7,4 +8,4 @@ export interface CheckboxWrapperProps {
 /**
  * Checkbox wrapper that adds label support.
  */
-export declare function CheckboxWrapper({ label, valuePath, defaultChecked, }: CheckboxWrapperProps): import("react/jsx-runtime").JSX.Element;
+export declare function CheckboxWrapper({ label, valuePath, defaultChecked, }: CheckboxWrapperProps): React.JSX.Element;

package/dist/plugins/generative-ui/ui/checkbox.d.ts

@@ -1,4 +1,4 @@
 import { Checkbox as CheckboxPrimitive } from 'radix-ui';
 import * as React from "react";
-declare function Checkbox({ className, ...props }: React.ComponentProps<typeof CheckboxPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function Checkbox({ className, ...props }: React.ComponentProps<typeof CheckboxPrimitive.Root>): React.JSX.Element;
 export { Checkbox };

package/dist/plugins/generative-ui/ui/data-table.d.ts

@@ -7,4 +7,4 @@ export interface DataTableProps extends React.ComponentProps<"div"> {
  * DataTable adapts the compound Table component to a simple props-based API
  * for use with the json-render catalog.
  */
-export declare function DataTable({ headers, rows, className, ...props }: DataTableProps): import("react/jsx-runtime").JSX.Element;
+export declare function DataTable({ headers, rows, className, ...props }: DataTableProps): React.JSX.Element;

package/dist/plugins/generative-ui/ui/dialog.d.ts

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

package/dist/plugins/generative-ui/ui/dropdown-menu.d.ts

@@ -1,25 +1,25 @@
 import { DropdownMenu as DropdownMenuPrimitive } from 'radix-ui';
 import * as React from "react";
-declare function DropdownMenu({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuPortal({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuTrigger({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuContent({ className, sideOffset, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuGroup({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Group>): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenu({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Root>): React.JSX.Element;
+declare function DropdownMenuPortal({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>): React.JSX.Element;
+declare function DropdownMenuTrigger({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>): React.JSX.Element;
+declare function DropdownMenuContent({ className, sideOffset, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Content>): React.JSX.Element;
+declare function DropdownMenuGroup({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Group>): React.JSX.Element;
 declare function DropdownMenuItem({ className, inset, variant, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Item> & {
     inset?: boolean;
     variant?: "default" | "destructive";
-}): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuCheckboxItem({ className, children, checked, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuRadioGroup({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuRadioItem({ className, children, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.RadioItem>): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
+declare function DropdownMenuCheckboxItem({ className, children, checked, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>): React.JSX.Element;
+declare function DropdownMenuRadioGroup({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>): React.JSX.Element;
+declare function DropdownMenuRadioItem({ className, children, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.RadioItem>): React.JSX.Element;
 declare function DropdownMenuLabel({ className, inset, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Label> & {
     inset?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuSeparator({ className, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Separator>): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuShortcut({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuSub({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Sub>): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
+declare function DropdownMenuSeparator({ className, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Separator>): React.JSX.Element;
+declare function DropdownMenuShortcut({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
+declare function DropdownMenuSub({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Sub>): React.JSX.Element;
 declare function DropdownMenuSubTrigger({ className, inset, children, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {
     inset?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuSubContent({ className, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.SubContent>): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
+declare function DropdownMenuSubContent({ className, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.SubContent>): React.JSX.Element;
 export { DropdownMenu, DropdownMenuPortal, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent, };

package/dist/plugins/generative-ui/ui/grid.d.ts

@@ -3,4 +3,4 @@ export interface GridProps extends React.ComponentProps<"div"> {
     columns?: number;
     gap?: "sm" | "md" | "lg";
 }
-export declare function Grid({ columns, gap, className, ...props }: GridProps): import("react/jsx-runtime").JSX.Element;
+export declare function Grid({ columns, gap, className, ...props }: GridProps): React.JSX.Element;

package/dist/plugins/generative-ui/ui/index.d.ts

@@ -1,40 +1,57 @@
-export * from './accordion';
-export * from './alert';
-export * from './avatar';
-export * from './badge';
-export * from './button';
-export * from './card';
-export * from './checkbox';
-export * from './dialog';
-export * from './dropdown-menu';
-export * from './input';
-export * from './label';
-export * from './pagination';
-export * from './popover';
-export * from './progress';
-export * from './radio-group';
-export * from './select';
-export * from './separator';
-export * from './skeleton';
-export * from './switch';
-export * from './table';
-export * from './tabs';
-export * from './textarea';
-export * from './tooltip';
-export * from './accordion-wrapper';
-export * from './action-button';
-export * from './alert-wrapper';
-export * from './avatar-wrapper';
-export * from './button-wrapper';
-export * from './card-wrapper';
-export * from './checkbox-wrapper';
-export * from './data-table';
-export * from './grid';
-export * from './input-wrapper';
-export * from './list';
-export * from './metric';
-export * from './select-wrapper';
-export * from './skeleton-wrapper';
-export * from './stack';
-export * from './tabs-wrapper';
-export * from './text';
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, } from './accordion';
+export { Alert, AlertDescription, AlertTitle } from './alert';
+export { Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, } from './avatar';
+export { Badge, badgeVariants } from './badge';
+export { Button, buttonVariants } from './button';
+export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, } from './card';
+export { Checkbox } from './checkbox';
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, } from './dialog';
+export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, } from './dropdown-menu';
+export { Input } from './input';
+export { Label } from './label';
+export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, } from './pagination';
+export { Popover, PopoverAnchor, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, } from './popover';
+export { Progress } from './progress';
+export { RadioGroup, RadioGroupItem } from './radio-group';
+export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, } from './select';
+export { Separator } from './separator';
+export { Skeleton } from './skeleton';
+export { Switch } from './switch';
+export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, } from './table';
+export { Tabs, TabsContent, TabsList, TabsTrigger, tabsListVariants, } from './tabs';
+export { Textarea } from './textarea';
+export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, } from './tooltip';
+export { AccordionItemWrapper, AccordionWrapper } from './accordion-wrapper';
+export type { AccordionItemWrapperProps, AccordionWrapperProps, } from './accordion-wrapper';
+export { ActionButton } from './action-button';
+export type { ActionButtonProps } from './action-button';
+export { AlertWrapper } from './alert-wrapper';
+export type { AlertWrapperProps } from './alert-wrapper';
+export { AvatarWrapper } from './avatar-wrapper';
+export type { AvatarWrapperProps } from './avatar-wrapper';
+export { ButtonWrapper } from './button-wrapper';
+export type { ButtonWrapperProps } from './button-wrapper';
+export { CardWrapper } from './card-wrapper';
+export type { CardWrapperProps } from './card-wrapper';
+export { CheckboxWrapper } from './checkbox-wrapper';
+export type { CheckboxWrapperProps } from './checkbox-wrapper';
+export { DataTable } from './data-table';
+export type { DataTableProps } from './data-table';
+export { Grid } from './grid';
+export type { GridProps } from './grid';
+export { InputWrapper } from './input-wrapper';
+export type { InputWrapperProps } from './input-wrapper';
+export { List } from './list';
+export type { ListProps } from './list';
+export { Metric } from './metric';
+export type { MetricProps } from './metric';
+export { SelectWrapper } from './select-wrapper';
+export type { SelectWrapperProps } from './select-wrapper';
+export { SkeletonWrapper } from './skeleton-wrapper';
+export type { SkeletonWrapperProps } from './skeleton-wrapper';
+export { Stack } from './stack';
+export type { StackProps } from './stack';
+export { TabContentWrapper, TabsWrapper } from './tabs-wrapper';
+export type { TabContentWrapperProps, TabsWrapperProps } from './tabs-wrapper';
+export { Text } from './text';
+export type { TextProps } from './text';

package/dist/plugins/generative-ui/ui/input-wrapper.d.ts

@@ -1,3 +1,4 @@
+import * as React from "react";
 export interface InputWrapperProps {
     label?: string;
     placeholder?: string;
@@ -8,4 +9,4 @@ export interface InputWrapperProps {
 /**
  * Input wrapper that adds label support.
  */
-export declare function InputWrapper({ label, placeholder, type, valuePath, }: InputWrapperProps): import("react/jsx-runtime").JSX.Element;
+export declare function InputWrapper({ label, placeholder, type, valuePath, }: InputWrapperProps): React.JSX.Element;

package/dist/plugins/generative-ui/ui/input.d.ts

@@ -1,3 +1,3 @@
 import * as React from "react";
-declare function Input({ className, type, ...props }: React.ComponentProps<"input">): import("react/jsx-runtime").JSX.Element;
+declare function Input({ className, type, ...props }: React.ComponentProps<"input">): React.JSX.Element;
 export { Input };

package/dist/plugins/generative-ui/ui/label.d.ts

@@ -1,4 +1,4 @@
 import { Label as LabelPrimitive } from 'radix-ui';
 import * as React from "react";
-declare function Label({ className, ...props }: React.ComponentProps<typeof LabelPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function Label({ className, ...props }: React.ComponentProps<typeof LabelPrimitive.Root>): React.JSX.Element;
 export { Label };

package/dist/plugins/generative-ui/ui/list.d.ts

@@ -1,6 +1,7 @@
+import * as React from "react";
 export interface ListProps {
     items: string[];
     ordered?: boolean;
     className?: string;
 }
-export declare function List({ items, ordered, className }: ListProps): import("react/jsx-runtime").JSX.Element;
+export declare function List({ items, ordered, className, }: ListProps): React.JSX.Element;