omnichatkit 0.0.22-b

package/dist/index.d.cts

@@ -0,0 +1,4385 @@
+import * as React$2 from "react";
+import React$1, { ReactNode } from "react";
+import { Message as Message$1 } from "ai";
+import { useChat } from "@ai-sdk/react";
+import "overlayscrollbars/overlayscrollbars.css";
+import { z } from "zod";
+import { Button as Button$1 } from "@base-ui/react/button";
+import { VariantProps } from "class-variance-authority";
+import { ScrollArea as ScrollArea$1 } from "@base-ui/react/scroll-area";
+import { Dialog } from "@base-ui/react/dialog";
+//#region src/types/index.d.ts
+/**
+ * Available built-in themes for the chat interface.
+ */
+type ChatTheme = 'standard' | 'dark' | 'light';
+/**
+ * Determines how chat sessions are persisted across reloads.
+ * - 'disabled': Sessions are not tracked at all.
+ * - 'memory': Sessions are saved to the browser's `sessionStorage`.
+ * - 'api': Sessions are loaded from and saved to a remote server.
+ */
+type StorageMode = 'disabled' | 'memory' | 'api';
+/**
+ * Determines the layout behavior for the Agentic UI (A2UI) canvas.
+ * - 'inline': Rendered within the message list.
+ * - 'split': Rendered in a separate detached canvas next to the chat.
+ */
+type A2UILayout = 'inline' | 'split';
+/**
+ * Position of the chat component relative to its container.
+ */
+type ComponentPosition = 'left' | 'right' | 'top' | 'bottom';
+/**
+ * Visual display mode for the chat manager.
+ * - 'embedded': Rendered inline with the normal document flow.
+ * - 'floating': Rendered as a floating widget on top of the page.
+ */
+type DisplayMode = 'embedded' | 'floating';
+/**
+ * A mapping of component names to React functional components.
+ * Used for rendering dynamic UI from the Agentic UI (A2UI) system.
+ */
+interface A2UICatalog {
+  [componentName: string]: React.FC<any>;
+}
+interface LabelStyles {
+  titleStyle?: React.CSSProperties | string;
+  subtitleStyle?: React.CSSProperties | string;
+  disclaimerStyle?: React.CSSProperties | string;
+  backgroundStyle?: React.CSSProperties | string;
+}
+interface HeaderStyles {
+  titleStyle?: React.CSSProperties | string;
+  subtitleStyle?: React.CSSProperties | string;
+  collapseButtonStyle?: React.CSSProperties | string;
+  backgroundStyle?: React.CSSProperties | string;
+}
+interface ChatLabels {
+  title: string;
+  subtitle?: string | ReactNode;
+  placeholder: string;
+  sendButton: string;
+  stopButton?: string;
+  reloadButton?: string;
+  disclaimer: string | ReactNode;
+  labelStyles?: LabelStyles;
+  userLabel?: string | ReactNode;
+  assistantLabel?: string | ReactNode;
+}
+interface WelcomeScreenProps {}
+type SlotValue<T> = T | ReactNode;
+/**
+ * Internal representation of a chat message. Extends the Vercel AI SDK Message.
+ */
+interface Message extends Omit<Message$1, 'role' | 'content'> {
+  /** The author of the message. Typically 'user' or 'assistant', but supports custom roles. */
+  role: 'user' | 'assistant' | 'system' | 'tool' | 'developer' | 'activity' | 'reasoning' | string;
+  /** The message text or array of rich input content (like images/documents). */
+  content?: string | InputContent[];
+  /** Optional display name of the message sender. */
+  name?: string;
+  /** Encrypted or masked content for sensitive information. */
+  encryptedContent?: string;
+  /** Arbitrary metadata attached to the message. */
+  metadata?: Record<string, any>;
+  /** Defines the Agentic UI component to render for this message. */
+  componentPayload?: {
+    /** The name of the component, matching an entry in the A2UICatalog. */
+    name: string;
+    /** The props to pass to the component. */
+    props: Record<string, any>;
+  };
+  /** Indicates if a human-in-the-loop review is required before continuing. */
+  hitlRequired?: boolean;
+}
+interface AIChatServerOptions {
+  apiKey: string;
+  endpoint?: string;
+  headers?: Record<string, string>;
+}
+type InputContent = TextInputContent | ImageInputContent | AudioInputContent | VideoInputContent | DocumentInputContent;
+interface InputContentDataSource {
+  type: "data";
+  value: string;
+  mimeType: string;
+}
+interface InputContentUrlSource {
+  type: "url";
+  value: string;
+  mimeType?: string;
+}
+type InputContentSource = InputContentDataSource | InputContentUrlSource;
+interface TextInputContent {
+  type: "text";
+  text: string;
+}
+interface ImageInputContent {
+  type: "image";
+  source: InputContentSource;
+  metadata?: Record<string, unknown>;
+}
+interface AudioInputContent {
+  type: "audio";
+  source: InputContentSource;
+  metadata?: Record<string, unknown>;
+}
+interface VideoInputContent {
+  type: "video";
+  source: InputContentSource;
+  metadata?: Record<string, unknown>;
+}
+interface DocumentInputContent {
+  type: "document";
+  source: InputContentSource;
+  metadata?: Record<string, unknown>;
+}
+/**
+ * Describes how to serialize the outbound chat payload before it is sent to
+ * the backend. Each field is an optional key that overrides the default field
+ * name used by the Vercel AI SDK `useChat` body.
+ *
+ * Example — if your API expects `{ query, history }` instead of `{ messages }`:
+ * ```ts
+ * apiRequestSchema: {
+ *   messagesKey: 'history',
+ *   userMessageKey: 'query',
+ *   transform: (payload) => ({ query: payload.messages.at(-1)?.content, history: payload.messages }),
+ * }
+ * ```
+ */
+interface ApiRequestSchema {
+  /** The top-level key used for the messages array (default: `'messages'`). */
+  messagesKey?: string;
+  /** The key used for a single user message string (default: `'content'`). */
+  userMessageKey?: string;
+  /** Additional static fields merged into every request body. */
+  extraBody?: Record<string, unknown>;
+  /**
+   * Full custom serializer. When provided, receives the default payload and
+   * must return the final body object that will be JSON-stringified and sent.
+   */
+  transform?: (payload: Record<string, unknown>) => Record<string, unknown>;
+}
+/**
+ * Describes how to deserialize the backend response back into the internal
+ * `Message` shape consumed by OmniChatKit.
+ *
+ * Example — if your API returns `{ reply: string, metadata: object }`:
+ * ```ts
+ * apiResponseSchema: {
+ *   contentPath: 'reply',
+ *   transform: (raw) => ({ role: 'assistant', content: raw.reply }),
+ * }
+ * ```
+ */
+interface ApiResponseSchema {
+  /**
+   * Dot-separated path to the assistant message text within the JSON response
+   * (default: `'content'`).
+   * E.g. `'data.message.text'` resolves `response.data.message.text`.
+   */
+  contentPath?: string;
+  /**
+   * Full custom deserializer. When provided, receives the raw parsed JSON and
+   * must return a partial `Message`-compatible object.
+   */
+  transform?: (raw: Record<string, unknown>) => Partial<{
+    role: string;
+    content: string;
+    [key: string]: unknown;
+  }>;
+}
+/** Combined schema that pairs a request serializer with a response deserializer. */
+interface ApiSchema {
+  apiRequestSchema?: ApiRequestSchema;
+  apiResponseSchema?: ApiResponseSchema;
+}
+/**
+ * Props for configuring the AIChatProvider (classic mode).
+ */
+interface AIChatProviderProps {
+  children: ReactNode;
+  /** Visual theme for the chat. */
+  theme?: ChatTheme;
+  /** The endpoint route for the Vercel AI SDK `useChat`. */
+  apiEndpoint?: string;
+  /** Optional identifier for the current agent context. */
+  agentId?: string;
+  /** Unique ID for the current chat session. */
+  sessionId?: string;
+  /** How session state should be managed. */
+  sessionStorageMode?: StorageMode;
+  /** The endpoint to use when session storage is set to 'api'. */
+  sessionRoute?: string;
+  /** Schema that maps OmniChatKit's internal message format to the backend API. Only used in `classic` mode. */
+  chatApiSchema?: ApiSchema;
+}
+type ToggleButtonPosition = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
+interface MessageContentStyles {
+  containerStyle?: React.CSSProperties | string;
+  bubbleStyle?: React.CSSProperties | string;
+  alignment?: 'left' | 'right' | 'center';
+  badgeStyle?: BadgeStyles | string;
+  attachmentPreviewStyles?: {
+    containerStyle?: React.CSSProperties | string;
+    itemStyle?: React.CSSProperties | string;
+  };
+}
+interface AssistantMessageContentStyles extends MessageContentStyles {
+  subAgentBadgeStyle?: BadgeStyles | string;
+}
+interface ThinkingStepStyles {
+  containerStyle?: React.CSSProperties | string;
+  iconStyles?: {
+    icon?: ReactNode;
+    iconStyle?: React.CSSProperties | string;
+  };
+  titleStyle?: React.CSSProperties | string;
+  dataStyle?: React.CSSProperties | string;
+}
+interface ToolCallStepStyles {
+  containerStyle?: React.CSSProperties | string;
+  headerStyles?: {
+    iconStyles?: {
+      icon?: ReactNode;
+      iconStyle?: React.CSSProperties | string;
+    };
+    titleStyles?: {
+      titleStyle?: React.CSSProperties | string;
+      toolNameStyle?: React.CSSProperties | string;
+    };
+  };
+  requestDataStyles?: {
+    icon?: ReactNode;
+    iconStyle?: React.CSSProperties | string;
+    titleStyle?: React.CSSProperties | string;
+    dataStyle?: React.CSSProperties | string;
+  };
+  responseDataStyles?: {
+    icon?: ReactNode;
+    iconStyle?: React.CSSProperties | string;
+    titleStyle?: React.CSSProperties | string;
+    dataStyle?: React.CSSProperties | string;
+  };
+}
+interface MessageStyles {
+  assistantMessageStyles?: React.CSSProperties | string | AssistantMessageContentStyles;
+  userMessageStyles?: React.CSSProperties | string | MessageContentStyles;
+  developerMessageStyles?: React.CSSProperties | string | MessageContentStyles;
+  activityMessageStyles?: React.CSSProperties | string | MessageContentStyles;
+  thinkingStepStyles?: ThinkingStepStyles;
+  toolCallStepStyles?: ToolCallStepStyles;
+  stopResponseStyle?: React.CSSProperties | string;
+  backgroundStyle?: React.CSSProperties | string;
+}
+interface InputStyles {
+  inputStyle?: React.CSSProperties | string;
+  sendButtonStyles?: {
+    icon?: ReactNode;
+    iconStyles?: React.CSSProperties | string;
+    labelStyles?: React.CSSProperties | string;
+    containerStyle?: React.CSSProperties | string;
+  };
+  attachmentMenuStyles?: {
+    plusButtonIcon?: ReactNode;
+    plusButtonIconStyles?: React.CSSProperties | string;
+    plusButtonContainerStyles?: React.CSSProperties | string;
+    menuContainerStyles?: React.CSSProperties | string;
+    menuItemStyles?: React.CSSProperties | string;
+    menuItemIconStyles?: React.CSSProperties | string;
+    previewContainerStyles?: React.CSSProperties | string;
+    previewItemContainerStyles?: React.CSSProperties | string;
+    previewDialogContainerStyles?: React.CSSProperties | string;
+    previewDialogMediaStyles?: React.CSSProperties | string;
+  };
+  containerStyle?: React.CSSProperties | string;
+  backgroundStyle?: React.CSSProperties | string;
+}
+interface BadgeStyles {
+  containerStyle?: React.CSSProperties | string;
+  textStyle?: React.CSSProperties | string;
+  icon?: ReactNode;
+}
+interface PromptChip {
+  title: string | ReactNode;
+  hoverText?: string;
+  prompt: string;
+}
+interface PromptChips {
+  promptChipList: PromptChip[];
+  alwaysShow?: boolean;
+}
+interface PromptChipStyles {
+  promptChipContainerStyle?: React.CSSProperties | string;
+  promptChipTitleStyle?: React.CSSProperties | string;
+  promptChipHoverTextStyle?: React.CSSProperties | string;
+}
+interface SkeletonStyles {
+  containerStyle?: React.CSSProperties | string;
+  headerStyle?: React.CSSProperties | string;
+  messageStyle?: React.CSSProperties | string;
+  inputStyle?: React.CSSProperties | string;
+}
+interface ChatManagerComponentStyles {
+  skeletonStyles?: SkeletonStyles;
+  messageStyle?: MessageStyles;
+  inputSectionStyle?: InputStyles;
+  headerStyle?: HeaderStyles;
+  promptChipStyles?: PromptChipStyles;
+  scrollButtonStyles?: {
+    icon?: ReactNode;
+    iconStyles?: React.CSSProperties | string;
+  };
+  backgroundStyle?: React.CSSProperties | string;
+}
+/**
+ * Core configuration properties for the ChatManager component.
+ */
+type ChatManagerBaseProps = {
+  /** Theme to apply to the ChatManager. */
+  theme?: ChatTheme;
+  /** Additional CSS class names. */
+  className?: string;
+  /** Inline styles for the root container. */
+  style?: React.CSSProperties;
+  /** Advanced custom styling for internal components. */
+  chatManagerComponentStyles?: ChatManagerComponentStyles;
+  /** Allowed types of attachments the user can upload. */
+  inputTypeList?: Array<'image' | 'audio' | 'video' | 'document'>;
+  /** Position of the component. */
+  position?: ComponentPosition;
+  /** Where to place the collapse toggle button. */
+  collapseToggleButtonPosition?: ToggleButtonPosition;
+  /** Customization options for the toggle button. */
+  toggleButtonProps?: {
+    toggleButtonStyle?: React.CSSProperties | string;
+    toggleButtonIconProps?: {
+      toggleButtonIcon?: React.ReactNode;
+      toggleButtonIconStyle?: React.CSSProperties | string;
+    };
+    toggleButtonLabelProps?: {
+      toggleButtonLabel?: string | React.ReactNode;
+      toggleButtonLabelStyle?: React.CSSProperties | string;
+    };
+  };
+  /** Whether the chat is open by default on mount. */
+  defaultOpen?: boolean;
+  /** If true, the chat automatically scrolls to the bottom on new messages. */
+  autoScroll?: boolean;
+  /** Props forwarded to the native input element. */
+  inputProps?: React.InputHTMLAttributes<HTMLInputElement>;
+  /** Optional welcome screen rendered when the chat is empty. */
+  welcomeScreen?: SlotValue<React.FC<WelcomeScreenProps>> | boolean;
+  /** Localization and override labels for UI text. */
+  labels?: Partial<ChatLabels>;
+  /** Suggested prompts to display to the user. */
+  promptChips?: PromptChips;
+  /** The active agent's ID. */
+  agentId?: string;
+  /** The active session ID. */
+  sessionId?: string;
+  /** Position for the detached A2UI canvas (used when layout is 'split'). */
+  a2uiPosition?: ComponentPosition;
+  /** Whether the split A2UI canvas is collapsible. */
+  collapsibleA2UI?: boolean;
+  /** Maximum character limit for the user input. */
+  maxInputCharacter?: number;
+  /** Whether the chat backend streams responses. */
+  streaming?: boolean;
+  /** Whether to display tool calls in the message list. */
+  showToolCalls?: boolean;
+  /** Whether to display model reasoning steps in the message list. */
+  showReasoning?: boolean;
+  /** Whether to send the full message history on each request. */
+  sendHistory?: boolean;
+};
+/**
+ * Complete properties for the ChatManager component, which combines base properties
+ * with display mode specific options.
+ */
+type ChatManagerProps = ChatManagerBaseProps & ({
+  display: 'floating';
+  displayOptions?: never;
+} | {
+  display?: 'embedded';
+  displayOptions?: {
+    collapsible?: boolean;
+    isResizable?: boolean;
+  };
+});
+interface SessionListStyles {
+  containerStyle?: React.CSSProperties | string;
+  textStyle?: React.CSSProperties | string;
+  timeStyle?: React.CSSProperties | string;
+  listItemIconStyles?: {
+    icon?: ReactNode;
+    iconStyle?: React.CSSProperties | string;
+  };
+  listItemPinButtonStyles?: {
+    icon?: ReactNode;
+    iconStyles?: React.CSSProperties | string;
+  };
+  listItemMenuButtonStyles?: {
+    icon?: ReactNode;
+    iconStyle?: React.CSSProperties | string;
+  };
+  listItemRenameButtonStyles?: {
+    containerStyle: React.CSSProperties | string;
+    icon?: ReactNode;
+    iconStyle?: React.CSSProperties | string;
+    text?: ReactNode;
+    textStyle?: React.CSSProperties | string;
+  };
+  listItemDeleteButtonStyles?: {
+    containerStyle: React.CSSProperties | string;
+    icon?: ReactNode;
+    iconStyle?: React.CSSProperties | string;
+    text?: ReactNode;
+    textStyle?: React.CSSProperties | string;
+  };
+}
+interface NewConversationButtonStyles {
+  newConversationButtonStyle?: React.CSSProperties | string;
+  newConversationButtonIconStyle?: React.CSSProperties | string;
+  newConversationButtonTextStyle?: React.CSSProperties | string;
+}
+interface SessionManagerComponentStyles {
+  titleStyle?: React.CSSProperties | string;
+  listStyle?: SessionListStyles;
+  newConversationButtonStyles?: NewConversationButtonStyles;
+}
+/**
+ * Properties for configuring the SessionManager component.
+ */
+interface SessionManagerProps {
+  /** Interval in milliseconds to sync sessions from the API. */
+  syncInterval?: number;
+  /** Main title for the session manager. */
+  label?: string;
+  /** Label for the 'Recent' section. */
+  recentLabel?: string;
+  className?: string;
+  style?: React.CSSProperties;
+  /** The position of the drawer or inline sidebar. */
+  position?: ComponentPosition;
+  /**
+   * If true or 'sheet', acts as a slide-out drawer.
+   * If 'inline', acts as a collapsible sidebar.
+   * If false, acts as a static container.
+   */
+  collapsible?: boolean | 'inline' | 'sheet';
+  /** Callback fired when a session is selected. */
+  onSessionSelect?: (sessionId: string) => void;
+  /** Callback fired when creating a new session. */
+  onNewSession?: () => void;
+  /** Advanced custom styling for internal components. */
+  sessionManagerComponentStyles?: SessionManagerComponentStyles;
+}
+type OmniChatBaseProps = {
+  theme?: ChatTheme;
+  apiEndpoint?: string;
+  chatManagerProps?: Omit<Partial<ChatManagerProps>, 'theme' | 'layout'>;
+  sessionStorageMode?: StorageMode;
+  sessionRoute?: string;
+  children?: ReactNode;
+} & ({
+  useA2UI?: true;
+  a2uiProps: A2UIProps;
+} | {
+  useA2UI: false;
+  a2uiProps?: never;
+});
+/**
+ * Props for `<OmniChat />`. The `chatApiSchema` prop is only accepted (and only
+ * meaningful) when `api_mode` is `'classic'`.
+ */
+type OmniChatProps = OmniChatBaseProps & ({
+  api_mode: 'classic';
+  /**
+   * Maps OmniChatKit's internal message structure to your backend API's
+   * request/response shape. Provide `apiRequestSchema` to customize how
+   * messages are serialized before being sent, and `apiResponseSchema` to
+   * customize how the raw API response is parsed back into messages.
+   */
+  chatApiSchema?: ApiSchema;
+} | {
+  api_mode: 'ag-ui';
+  chatApiSchema?: never;
+});
+/**
+ * Properties for configuring the Agentic UI (A2UI) system.
+ */
+interface A2UIProps {
+  /** The current agent's identifier. */
+  agentId: string;
+  /** The name of the tool call used by the LLM to trigger a component render. */
+  a2uiToolName: string;
+  /** A2UI version compatibility flag. */
+  a2uiVersion?: 'V0.8' | 'V0.9' | 'V0.9.1' | 'V1.0';
+  /** Whether to inject the basic fallback catalog components. */
+  includeBasicCatalog?: boolean;
+  /** Whether to inject pre-built custom components. */
+  includePreBuiltCustomComponents?: boolean;
+  /** Internal layout representation. */
+  layout?: A2UILayout;
+  /** The mapping of component names to React implementations. */
+  catalog?: A2UICatalog;
+  /** Controls where the A2UI should render (inline in chat or detached). */
+  a2uiRenderingOption?: 'chat' | 'detached';
+}
+interface A2UICanvasProps {
+  emptyState?: React.ReactNode;
+  className?: string;
+  style?: React.CSSProperties;
+}
+/**
+ * State representing a Human-in-the-loop (HITL) interruption.
+ */
+interface HITLState {
+  /** True if the chat is currently blocked waiting for human approval. */
+  isActive: boolean;
+  /** The pending action/payload that needs review. */
+  pendingAction: any | null;
+  /** Callback to approve the action. An optional modified payload can be provided. */
+  approve: (modifiedPayload?: any) => void;
+  /** Callback to reject the action with an optional reason. */
+  reject: (reason?: string) => void;
+}
+/**
+ * State representing active tool/streaming executions that can be interrupted.
+ */
+interface InterruptState {
+  /** True if the AI is currently streaming a text response. */
+  isStreaming: boolean;
+  /** True if the AI is currently executing a backend tool call. */
+  isExecutingTool: boolean;
+  /** Cancels the ongoing text stream. */
+  haltStream: () => void;
+  /** Cancels the ongoing tool execution. */
+  cancelTool: () => void;
+}
+//#endregion
+//#region src/store/useAIChatStore.d.ts
+/** Allowed roles in a conversation. */
+type Role = 'system' | 'user' | 'assistant' | 'tool';
+/** Statuses for a human-in-the-loop interruption. */
+type HITLStatus = 'none' | 'pending' | 'approved' | 'rejected';
+/** Metadata structure for a chat session. */
+interface ISessionMetadata {
+  tags?: string[];
+  summary?: string;
+  isPinned?: boolean;
+  [key: string]: any;
+}
+/** Represents a complete chat conversation. */
+interface ChatSession {
+  id: string;
+  userId?: string;
+  title: string;
+  model: string;
+  systemStore?: string;
+  metadata: ISessionMetadata;
+  createdAt: Date | string;
+  updatedAt: Date | string;
+  messages?: ChatMessage[];
+}
+/** Describes a component render payload from the Agentic UI. */
+interface A2UIPayload {
+  /** The component name, matching an entry in the A2UICatalog. */
+  name: string;
+  /** The props to pass to the component. */
+  props: Record<string, any>;
+}
+/** Represents a tool call made by the LLM. */
+interface ToolCall {
+  /** Unique ID for the tool call (generated by the LLM). */
+  id: string;
+  type: 'function';
+  function: {
+    name: string;
+    /** JSON string of arguments. */
+    arguments: string;
+  };
+}
+/** Represents an action waiting for human approval. */
+interface PendingAction {
+  toolCallId: string;
+  actionName: string;
+  description?: string;
+  /** The raw payload needing human review. */
+  unsafePayload: any;
+}
+/** Defines a single message within a chat session. */
+interface ChatMessage {
+  id: string;
+  sessionId: string;
+  role: Role;
+  /** Can be empty if the message is purely a tool call/UI render. */
+  content: string;
+  componentPayload?: A2UIPayload;
+  toolCalls?: ToolCall[];
+  /** Required if role === 'tool'. */
+  toolCallId?: string;
+  hitlStatus: HITLStatus;
+  pendingAction?: PendingAction;
+  createdAt: Date | string;
+}
+/** Partial update object for a session. */
+type SessionUpdate = Partial<Omit<ChatSession, 'id' | 'createdAt' | 'metadata'>> & {
+  metadata?: Partial<ISessionMetadata>;
+};
+/**
+ * The global Zustand state interface for OmniChatKit.
+ */
+interface AIChatState {
+  theme: ChatTheme;
+  sessionStorageMode: StorageMode;
+  sessionRoute: string;
+  apiMode: 'classic' | 'ag-ui';
+  /** Schema that maps OmniChatKit's internal message format to the backend API (classic mode only). */
+  chatApiSchema: ApiSchema | undefined;
+  setTheme: (theme: ChatTheme) => void;
+  setSessionStorageMode: (mode: StorageMode) => void;
+  setSessionRoute: (endpoint: string) => void;
+  a2uiProps: A2UIProps | undefined;
+  setA2UIProps: (props: A2UIProps) => void;
+  setApiMode: (mode: 'classic' | 'ag-ui') => void;
+  setChatApiSchema: (schema: ApiSchema | undefined) => void;
+  pendingHITLAction: any | null;
+  setPendingHITLAction: (action: any | null) => void;
+  resumeExecution: (result: {
+    status: 'approved' | 'rejected';
+    payload?: any;
+    reason?: string;
+  }) => void;
+  setResumeExecution: (fn: (result: any) => void) => void;
+  sessions: ChatSession[];
+  activeSessionId: string | null;
+  setSessions: (sessions: ChatSession[]) => void;
+  setActiveSessionId: (id: string | null) => void;
+  loadSessions: () => Promise<ChatSession[]>;
+  getSession: (id: string) => Promise<ChatSession | undefined>;
+  createSession: (session: ChatSession) => Promise<ChatSession>;
+  ensureSession: (firstMessage: string, fallbackSessionId?: string) => Promise<string | undefined>;
+  replaceSession: (id: string, session: ChatSession) => Promise<ChatSession | undefined>;
+  updateSession: (id: string, update: SessionUpdate) => Promise<ChatSession | undefined>;
+  renameSession: (id: string, title: string) => Promise<ChatSession | undefined>;
+  setSessionPinned: (id: string, isPinned: boolean) => Promise<ChatSession | undefined>;
+  removeSession: (id: string) => Promise<void>;
+  updateSessionMessages: (id: string, messages: any[]) => Promise<ChatSession | undefined>;
+}
+declare const useAIChatStore: import("zustand").UseBoundStore<Omit<import("zustand").StoreApi<AIChatState>, "persist"> & {
+  persist: {
+    setOptions: (options: Partial<import("zustand/middleware").PersistOptions<AIChatState, unknown>>) => void;
+    clearStorage: () => void;
+    rehydrate: () => Promise<void> | void;
+    hasHydrated: () => boolean;
+    onHydrate: (fn: (state: AIChatState) => void) => () => void;
+    onFinishHydration: (fn: (state: AIChatState) => void) => () => void;
+    getOptions: () => Partial<import("zustand/middleware").PersistOptions<AIChatState, unknown>>;
+  };
+}>;
+//#endregion
+//#region src/components/AIChatProvider.d.ts
+type UseChatHelpers = ReturnType<typeof useChat>;
+type ChatContextHelpers = UseChatHelpers & {
+  sessionStorageMode: StorageMode;
+};
+declare const AIChatContext: React$1.Context<ChatContextHelpers | null>;
+/**
+ * Accesses the chat context provided by `AIChatProvider`.
+ * @returns The chat helpers provided by Vercel AI SDK and custom store configurations.
+ */
+declare function useAIChatContext(): ChatContextHelpers;
+//#endregion
+//#region src/components/AGUIChatProvider.d.ts
+declare const AGUIChatContext: React$1.Context<ChatContextHelpers | null>;
+/**
+ * Accesses the chat context provided by `AGUIChatProvider`.
+ * @returns The custom AGUI chat helpers and store configurations.
+ */
+declare function useAGUIChatContext(): ChatContextHelpers;
+//#endregion
+//#region src/hooks/useAGUIChat.d.ts
+/**
+ * Adapts the `@ag-ui/client` `HttpAgent` to match the Vercel AI SDK `useChat` API surface.
+ * Handles state, streaming, tool executions, and action synchronization for the Agentic UI.
+ *
+ * @param config - Configuration options.
+ * @param config.api - The base URL of the Agentic UI backend endpoint.
+ * @param config.body - Additional body parameters to send with requests, such as `sessionId`.
+ * @param config.agentId - The specific agent identifier, appended to the API route.
+ * @returns An object matching the Vercel AI SDK `UseChatHelpers` interface, plus custom event data.
+ */
+declare function useAGUIChat({ api, body, agentId }: {
+  api: string;
+  body?: Record<string, any>;
+  agentId?: string;
+}): UseChatHelpers;
+//#endregion
+//#region src/hooks/useChatContext.d.ts
+/**
+ * `useChatContext` is a convenience hook that automatically returns the correct
+ * chat context — either {@link AIChatContext} (classic) or {@link AGUIChatContext}
+ * (ag-ui) — based on whichever provider is present in the React tree.
+ *
+ * When used inside `<OmniChat>`, the correct provider is rendered automatically.
+ * When both providers are somehow present simultaneously, `apiMode` from the store
+ * (set by `<OmniChat api_mode="...">`) is used as a tiebreaker.
+ *
+ * This hook intentionally does NOT rely on the `apiMode` store value as the primary
+ * signal to avoid race conditions: `useEffect` (which syncs `api_mode` to the store)
+ * runs after the first render, meaning the store default would always win on mount.
+ *
+ * @throws If neither context is available in the React tree.
+ *
+ * @example
+ * const { messages, append, status } = useChatContext();
+ */
+declare function useChatContext(): ChatContextHelpers;
+//#endregion
+//#region src/components/ChatManager.d.ts
+/**
+ * The core Chat UI component that manages message rendering, input state,
+ * and user interactions. It automatically connects to the nearest
+ * `AIChatProvider` or `AGUIChatProvider` context.
+ *
+ * @param props - Customization and configuration properties for the chat UI.
+ * @returns A rendered chat interface component.
+ */
+declare function ChatManager({ theme, className, style, chatManagerComponentStyles, position, display, displayOptions, collapseToggleButtonPosition, toggleButtonProps, defaultOpen, autoScroll, inputProps, welcomeScreen, labels, promptChips, agentId, a2uiPosition, collapsibleA2UI, maxInputCharacter, streaming, showToolCalls, showReasoning, sendHistory, inputTypeList }: ChatManagerProps): React$1.JSX.Element | null;
+//#endregion
+//#region src/components/SessionManager.d.ts
+/**
+ * A sidebar or drawer component that manages chat sessions (history).
+ * Allows users to switch between past conversations, rename them, pin them,
+ * or delete them. Connects automatically to the `useAIChatStore`.
+ *
+ * @param props - Configuration and styling options for the session list.
+ * @returns A rendered session manager UI component.
+ */
+declare function SessionManager({ label, recentLabel, className, style, position, collapsible, onSessionSelect, onNewSession, sessionManagerComponentStyles }: SessionManagerProps): React$1.JSX.Element | null;
+//#endregion
+//#region src/components/A2UICanvas.d.ts
+/**
+ * Renders the Agentic UI (A2UI) surface. It listens to the `surfaceBus` for
+ * UI rendering operations and recursively mounts dynamic components based on
+ * the LLM's instructions.
+ *
+ * @param props - Configuration properties for the canvas.
+ * @returns The rendered UI canvas.
+ */
+declare function A2UICanvas({ emptyState, className, style }?: A2UICanvasProps): React$1.JSX.Element | null;
+//#endregion
+//#region src/components/OmniChat.d.ts
+/**
+ * The main wrapper component for OmniChatKit.
+ * It initializes the global state, sets up the chat provider based on the `api_mode`,
+ * and manages session configurations. All other OmniChatKit components (like `ChatManager`
+ * and `SessionManager`) should be rendered inside this provider.
+ *
+ * @param props - Configuration properties for the OmniChat instance.
+ * @returns A wrapped React element providing chat context to its children.
+ */
+declare function OmniChat({ api_mode, theme, useA2UI, a2uiProps, apiEndpoint, chatApiSchema, chatManagerProps, sessionStorageMode, sessionRoute, children }: OmniChatProps): React$1.JSX.Element;
+//#endregion
+//#region src/hooks/useHITL.d.ts
+/**
+ * Hook to manage Human-in-the-Loop (HITL) interactions.
+ * It provides the state of any pending actions and functions to approve or reject them.
+ *
+ * @returns The current HITL state containing any pending action and handler functions.
+ */
+declare function useHITL(): HITLState;
+//#endregion
+//#region src/hooks/useInterrupts.d.ts
+/**
+ * Hook to manage interrupt signals for the active chat stream.
+ * Allows the user to halt a generation in progress.
+ *
+ * @returns The interrupt state, including whether the stream is active and functions to cancel it.
+ */
+declare function useInterrupts(): InterruptState;
+//#endregion
+//#region src/components/a2ui/renderers.d.ts
+interface RendererProps<T = any> {
+  props: T;
+  children?: any;
+  dispatch?: (payload: any) => void;
+}
+//#endregion
+//#region src/components/a2ui/definitions.d.ts
+declare const definitions: {
+  Stack: {
+    description: string;
+    props: z.ZodObject<{
+      children: z.ZodUnion<[z.ZodArray<z.ZodString, "many">, z.ZodObject<{
+        componentId: z.ZodString;
+        path: z.ZodString;
+      }, "strip", z.ZodTypeAny, {
+        componentId: string;
+        path: string;
+      }, {
+        componentId: string;
+        path: string;
+      }>]>;
+      gap: z.ZodOptional<z.ZodEnum<["xs", "sm", "md", "lg", "xl"]>>;
+      align: z.ZodOptional<z.ZodEnum<["start", "center", "end", "stretch"]>>;
+    }, "strip", z.ZodTypeAny, {
+      children: string[] | {
+        componentId: string;
+        path: string;
+      };
+      gap?: "lg" | "md" | "sm" | "xl" | "xs" | undefined;
+      align?: "center" | "end" | "start" | "stretch" | undefined;
+    }, {
+      children: string[] | {
+        componentId: string;
+        path: string;
+      };
+      gap?: "lg" | "md" | "sm" | "xl" | "xs" | undefined;
+      align?: "center" | "end" | "start" | "stretch" | undefined;
+    }>;
+  };
+  Row: {
+    description: string;
+    props: z.ZodObject<{
+      children: z.ZodUnion<[z.ZodArray<z.ZodString, "many">, z.ZodObject<{
+        componentId: z.ZodString;
+        path: z.ZodString;
+      }, "strip", z.ZodTypeAny, {
+        componentId: string;
+        path: string;
+      }, {
+        componentId: string;
+        path: string;
+      }>]>;
+      gap: z.ZodOptional<z.ZodEnum<["xs", "sm", "md", "lg"]>>;
+      justify: z.ZodOptional<z.ZodEnum<["start", "center", "end", "spaceBetween"]>>;
+      align: z.ZodOptional<z.ZodEnum<["start", "center", "end"]>>;
+    }, "strip", z.ZodTypeAny, {
+      children: string[] | {
+        componentId: string;
+        path: string;
+      };
+      gap?: "lg" | "md" | "sm" | "xs" | undefined;
+      justify?: "center" | "end" | "spaceBetween" | "start" | undefined;
+      align?: "center" | "end" | "start" | undefined;
+    }, {
+      children: string[] | {
+        componentId: string;
+        path: string;
+      };
+      gap?: "lg" | "md" | "sm" | "xs" | undefined;
+      justify?: "center" | "end" | "spaceBetween" | "start" | undefined;
+      align?: "center" | "end" | "start" | undefined;
+    }>;
+  };
+  Grid: {
+    description: string;
+    props: z.ZodObject<{
+      children: z.ZodUnion<[z.ZodArray<z.ZodString, "many">, z.ZodObject<{
+        componentId: z.ZodString;
+        path: z.ZodString;
+      }, "strip", z.ZodTypeAny, {
+        componentId: string;
+        path: string;
+      }, {
+        componentId: string;
+        path: string;
+      }>]>;
+      columns: z.ZodOptional<z.ZodNumber>;
+      gap: z.ZodOptional<z.ZodEnum<["xs", "sm", "md", "lg"]>>;
+    }, "strip", z.ZodTypeAny, {
+      children: string[] | {
+        componentId: string;
+        path: string;
+      };
+      columns?: number | undefined;
+      gap?: "lg" | "md" | "sm" | "xs" | undefined;
+    }, {
+      children: string[] | {
+        componentId: string;
+        path: string;
+      };
+      columns?: number | undefined;
+      gap?: "lg" | "md" | "sm" | "xs" | undefined;
+    }>;
+  };
+  Section: {
+    description: string;
+    props: z.ZodObject<{
+      title: z.ZodString;
+      eyebrow: z.ZodOptional<z.ZodString>;
+      children: z.ZodUnion<[z.ZodArray<z.ZodString, "many">, z.ZodObject<{
+        componentId: z.ZodString;
+        path: z.ZodString;
+      }, "strip", z.ZodTypeAny, {
+        componentId: string;
+        path: string;
+      }, {
+        componentId: string;
+        path: string;
+      }>]>;
+    }, "strip", z.ZodTypeAny, {
+      title: string;
+      eyebrow?: string | undefined;
+      children: string[] | {
+        componentId: string;
+        path: string;
+      };
+    }, {
+      title: string;
+      eyebrow?: string | undefined;
+      children: string[] | {
+        componentId: string;
+        path: string;
+      };
+    }>;
+  };
+  Card: {
+    description: string;
+    props: z.ZodObject<{
+      child: z.ZodString;
+      tone: z.ZodOptional<z.ZodEnum<["default", "lilac", "mint", "warning"]>>;
+    }, "strip", z.ZodTypeAny, {
+      child: string;
+      tone?: "default" | "lilac" | "mint" | "warning" | undefined;
+    }, {
+      child: string;
+      tone?: "default" | "lilac" | "mint" | "warning" | undefined;
+    }>;
+  };
+  Divider: {
+    description: string;
+    props: z.ZodObject<{}, "strip", z.ZodTypeAny, {}, {}>;
+  };
+  InfoRow: {
+    description: string;
+    props: z.ZodObject<{
+      label: z.ZodUnion<[z.ZodString, z.ZodObject<{
+        path: z.ZodString;
+      }, "strip", z.ZodTypeAny, {
+        path: string;
+      }, {
+        path: string;
+      }>]>;
+      value: z.ZodUnion<[z.ZodString, z.ZodObject<{
+        path: z.ZodString;
+      }, "strip", z.ZodTypeAny, {
+        path: string;
+      }, {
+        path: string;
+      }>]>;
+    }, "strip", z.ZodTypeAny, {
+      label: string | {
+        path: string;
+      };
+      value: string | {
+        path: string;
+      };
+    }, {
+      label: string | {
+        path: string;
+      };
+      value: string | {
+        path: string;
+      };
+    }>;
+  };
+  Heading: {
+    description: string;
+    props: z.ZodObject<{
+      text: z.ZodUnion<[z.ZodString, z.ZodObject<{
+        path: z.ZodString;
+      }, "strip", z.ZodTypeAny, {
+        path: string;
+      }, {
+        path: string;
+      }>]>;
+      level: z.ZodOptional<z.ZodEnum<["1", "2", "3"]>>;
+    }, "strip", z.ZodTypeAny, {
+      text: string | {
+        path: string;
+      };
+      level?: "1" | "2" | "3" | undefined;
+    }, {
+      text: string | {
+        path: string;
+      };
+      level?: "1" | "2" | "3" | undefined;
+    }>;
+  };
+  Text: {
+    description: string;
+    props: z.ZodObject<{
+      text: z.ZodUnion<[z.ZodString, z.ZodObject<{
+        path: z.ZodString;
+      }, "strip", z.ZodTypeAny, {
+        path: string;
+      }, {
+        path: string;
+      }>]>;
+      variant: z.ZodOptional<z.ZodEnum<["h1", "h2", "h3", "h4", "h5", "caption", "body"]>>;
+    }, "strip", z.ZodTypeAny, {
+      text: string | {
+        path: string;
+      };
+      variant?: "body" | "caption" | "h1" | "h2" | "h3" | "h4" | "h5" | undefined;
+    }, {
+      text: string | {
+        path: string;
+      };
+      variant?: "body" | "caption" | "h1" | "h2" | "h3" | "h4" | "h5" | undefined;
+    }>;
+  };
+  Image: {
+    description: string;
+    props: z.ZodObject<{
+      url: z.ZodUnion<[z.ZodString, z.ZodObject<{
+        path: z.ZodString;
+      }, "strip", z.ZodTypeAny, {
+        path: string;
+      }, {
+        path: string;
+      }>]>;
+      description: z.ZodOptional<z.ZodUnion<[z.ZodString, z.ZodObject<{
+        path: z.ZodString;
+      }, "strip", z.ZodTypeAny, {
+        path: string;
+      }, {
+        path: string;
+      }>]>>;
+      fit: z.ZodOptional<z.ZodEnum<["cover", "contain", "fill", "none", "scaleDown"]>>;
+      variant: z.ZodOptional<z.ZodString>;
+    }, "strip", z.ZodTypeAny, {
+      url: string | {
+        path: string;
+      };
+      description?: string | {
+        path: string;
+      } | undefined;
+      fit?: "contain" | "cover" | "fill" | "none" | "scaleDown" | undefined;
+      variant?: string | undefined;
+    }, {
+      url: string | {
+        path: string;
+      };
+      description?: string | {
+        path: string;
+      } | undefined;
+      fit?: "contain" | "cover" | "fill" | "none" | "scaleDown" | undefined;
+      variant?: string | undefined;
+    }>;
+  };
+  Icon: {
+    description: string;
+    props: z.ZodObject<{
+      name: z.ZodUnion<[z.ZodUnion<[z.ZodString, z.ZodObject<{
+        path: z.ZodString;
+      }, "strip", z.ZodTypeAny, {
+        path: string;
+      }, {
+        path: string;
+      }>]>, z.ZodObject<{
+        svgPath: z.ZodUnion<[z.ZodString, z.ZodObject<{
+          path: z.ZodString;
+        }, "strip", z.ZodTypeAny, {
+          path: string;
+        }, {
+          path: string;
+        }>]>;
+      }, "strip", z.ZodTypeAny, {
+        svgPath: string | {
+          path: string;
+        };
+      }, {
+        svgPath: string | {
+          path: string;
+        };
+      }>]>;
+    }, "strip", z.ZodTypeAny, {
+      name: string | {
+        path: string;
+      } | {
+        svgPath: string | {
+          path: string;
+        };
+      };
+    }, {
+      name: string | {
+        path: string;
+      } | {
+        svgPath: string | {
+          path: string;
+        };
+      };
+    }>;
+  };
+  Video: {
+    description: string;
+    props: z.ZodObject<{
+      url: z.ZodUnion<[z.ZodString, z.ZodObject<{
+        path: z.ZodString;
+      }, "strip", z.ZodTypeAny, {
+        path: string;
+      }, {
+        path: string;
+      }>]>;
+    }, "strip", z.ZodTypeAny, {
+      url: string | {
+        path: string;
+      };
+    }, {
+      url: string | {
+        path: string;
+      };
+    }>;
+  };
+  AudioPlayer: {
+    description: string;
+    props: z.ZodObject<{
+      url: z.ZodUnion<[z.ZodString, z.ZodObject<{
+        path: z.ZodString;
+      }, "strip", z.ZodTypeAny, {
+        path: string;
+      }, {
+        path: string;
+      }>]>;
+      description: z.ZodOptional<z.ZodUnion<[z.ZodString, z.ZodObject<{
+        path: z.ZodString;
+      }, "strip", z.ZodTypeAny, {
+        path: string;
+      }, {
+        path: string;
+      }>]>>;
+    }, "strip", z.ZodTypeAny, {
+      url: string | {
+        path: string;
+      };
+      description?: string | {
+        path: string;
+      } | undefined;
+    }, {
+      url: string | {
+        path: string;
+      };
+      description?: string | {
+        path: string;
+      } | undefined;
+    }>;
+  };
+  Column: {
+    description: string;
+    props: z.ZodObject<{
+      children: z.ZodUnion<[z.ZodArray<z.ZodString, "many">, z.ZodObject<{
+        componentId: z.ZodString;
+        path: z.ZodString;
+      }, "strip", z.ZodTypeAny, {
+        componentId: string;
+        path: string;
+      }, {
+        componentId: string;
+        path: string;
+      }>]>;
+      gap: z.ZodOptional<z.ZodEnum<["xs", "sm", "md", "lg", "xl"]>>;
+      justify: z.ZodOptional<z.ZodEnum<["start", "center", "end", "spaceBetween"]>>;
+      align: z.ZodOptional<z.ZodEnum<["start", "center", "end", "stretch"]>>;
+      weight: z.ZodOptional<z.ZodUnion<[z.ZodArray<z.ZodNumber, "many">, z.ZodObject<{
+        path: z.ZodString;
+      }, "strip", z.ZodTypeAny, {
+        path: string;
+      }, {
+        path: string;
+      }>]>>;
+    }, "strip", z.ZodTypeAny, {
+      children: string[] | {
+        componentId: string;
+        path: string;
+      };
+      gap?: "lg" | "md" | "sm" | "xl" | "xs" | undefined;
+      justify?: "center" | "end" | "spaceBetween" | "start" | undefined;
+      align?: "center" | "end" | "start" | "stretch" | undefined;
+      weight?: number[] | {
+        path: string;
+      } | undefined;
+    }, {
+      children: string[] | {
+        componentId: string;
+        path: string;
+      };
+      gap?: "lg" | "md" | "sm" | "xl" | "xs" | undefined;
+      justify?: "center" | "end" | "spaceBetween" | "start" | undefined;
+      align?: "center" | "end" | "start" | "stretch" | undefined;
+      weight?: number[] | {
+        path: string;
+      } | undefined;
+    }>;
+  };
+  List: {
+    description: string;
+    props: z.ZodObject<{
+      children: z.ZodOptional<z.ZodUnion<[z.ZodArray<z.ZodString, "many">, z.ZodObject<{
+        componentId: z.ZodString;
+        path: z.ZodString;
+      }, "strip", z.ZodTypeAny, {
+        componentId: string;
+        path: string;
+      }, {
+        componentId: string;
+        path: string;
+      }>]>>;
+      items: z.ZodOptional<z.ZodUnion<[z.ZodArray<z.ZodString, "many">, z.ZodObject<{
+        componentId: z.ZodString;
+        path: z.ZodString;
+      }, "strip", z.ZodTypeAny, {
+        componentId: string;
+        path: string;
+      }, {
+        componentId: string;
+        path: string;
+      }>]>>;
+      direction: z.ZodOptional<z.ZodEnum<["vertical", "horizontal"]>>;
+      align: z.ZodOptional<z.ZodEnum<["start", "center", "end", "stretch"]>>;
+    }, "strip", z.ZodTypeAny, {
+      children?: string[] | {
+        componentId: string;
+        path: string;
+      } | undefined;
+      items?: string[] | {
+        componentId: string;
+        path: string;
+      } | undefined;
+      direction?: "horizontal" | "vertical" | undefined;
+      align?: "center" | "end" | "start" | "stretch" | undefined;
+    }, {
+      children?: string[] | {
+        componentId: string;
+        path: string;
+      } | undefined;
+      items?: string[] | {
+        componentId: string;
+        path: string;
+      } | undefined;
+      direction?: "horizontal" | "vertical" | undefined;
+      align?: "center" | "end" | "start" | "stretch" | undefined;
+    }>;
+  };
+  Tabs: {
+    description: string;
+    props: z.ZodObject<{
+      tabs: z.ZodArray<z.ZodObject<{
+        title: z.ZodUnion<[z.ZodString, z.ZodObject<{
+          path: z.ZodString;
+        }, "strip", z.ZodTypeAny, {
+          path: string;
+        }, {
+          path: string;
+        }>]>;
+        child: z.ZodString;
+      }, "strip", z.ZodTypeAny, {
+        title: string | {
+          path: string;
+        };
+        child: string;
+      }, {
+        title: string | {
+          path: string;
+        };
+        child: string;
+      }>, "many">;
+    }, "strip", z.ZodTypeAny, {
+      tabs: {
+        title: string | {
+          path: string;
+        };
+        child: string;
+      }[];
+    }, {
+      tabs: {
+        title: string | {
+          path: string;
+        };
+        child: string;
+      }[];
+    }>;
+  };
+  Modal: {
+    description: string;
+    props: z.ZodObject<{
+      trigger: z.ZodString;
+      content: z.ZodString;
+    }, "strip", z.ZodTypeAny, {
+      trigger: string;
+      content: string;
+    }, {
+      trigger: string;
+      content: string;
+    }>;
+  };
+  CheckBox: {
+    description: string;
+    props: z.ZodObject<{
+      label: z.ZodOptional<z.ZodUnion<[z.ZodString, z.ZodObject<{
+        path: z.ZodString;
+      }, "strip", z.ZodTypeAny, {
+        path: string;
+      }, {
+        path: string;
+      }>]>>;
+      value: z.ZodUnion<[z.ZodBoolean, z.ZodObject<{
+        path: z.ZodString;
+      }, "strip", z.ZodTypeAny, {
+        path: string;
+      }, {
+        path: string;
+      }>]>;
+    }, "strip", z.ZodTypeAny, {
+      label?: string | {
+        path: string;
+      } | undefined;
+      value: boolean | {
+        path: string;
+      };
+    }, {
+      label?: string | {
+        path: string;
+      } | undefined;
+      value: boolean | {
+        path: string;
+      };
+    }>;
+  };
+  TextField: {
+    description: string;
+    props: z.ZodObject<{
+      label: z.ZodOptional<z.ZodUnion<[z.ZodString, z.ZodObject<{
+        path: z.ZodString;
+      }, "strip", z.ZodTypeAny, {
+        path: string;
+      }, {
+        path: string;
+      }>]>>;
+      value: z.ZodOptional<z.ZodUnion<[z.ZodString, z.ZodObject<{
+        path: z.ZodString;
+      }, "strip", z.ZodTypeAny, {
+        path: string;
+      }, {
+        path: string;
+      }>]>>;
+      variant: z.ZodOptional<z.ZodEnum<["shortText", "longText", "number", "obscured"]>>;
+      checks: z.ZodOptional<z.ZodAny>;
+      validationRegexp: z.ZodOptional<z.ZodString>;
+    }, "strip", z.ZodTypeAny, {
+      label?: string | {
+        path: string;
+      } | undefined;
+      value?: string | {
+        path: string;
+      } | undefined;
+      variant?: "longText" | "number" | "obscured" | "shortText" | undefined;
+      checks?: any;
+      validationRegexp?: string | undefined;
+    }, {
+      label?: string | {
+        path: string;
+      } | undefined;
+      value?: string | {
+        path: string;
+      } | undefined;
+      variant?: "longText" | "number" | "obscured" | "shortText" | undefined;
+      checks?: any;
+      validationRegexp?: string | undefined;
+    }>;
+  };
+  ChoicePicker: {
+    description: string;
+    props: z.ZodObject<{
+      options: z.ZodUnion<[z.ZodArray<z.ZodObject<{
+        label: z.ZodString;
+        value: z.ZodString;
+      }, "strip", z.ZodTypeAny, {
+        label: string;
+        value: string;
+      }, {
+        label: string;
+        value: string;
+      }>, "many">, z.ZodObject<{
+        path: z.ZodString;
+      }, "strip", z.ZodTypeAny, {
+        path: string;
+      }, {
+        path: string;
+      }>]>;
+      value: z.ZodUnion<[z.ZodString, z.ZodArray<z.ZodString, "many">, z.ZodObject<{
+        path: z.ZodString;
+      }, "strip", z.ZodTypeAny, {
+        path: string;
+      }, {
+        path: string;
+      }>]>;
+      variant: z.ZodOptional<z.ZodEnum<["mutuallyExclusive", "multipleSelection"]>>;
+    }, "strip", z.ZodTypeAny, {
+      options: {
+        label: string;
+        value: string;
+      }[] | {
+        path: string;
+      };
+      value: string | string[] | {
+        path: string;
+      };
+      variant?: "multipleSelection" | "mutuallyExclusive" | undefined;
+    }, {
+      options: {
+        label: string;
+        value: string;
+      }[] | {
+        path: string;
+      };
+      value: string | string[] | {
+        path: string;
+      };
+      variant?: "multipleSelection" | "mutuallyExclusive" | undefined;
+    }>;
+  };
+  Slider: {
+    description: string;
+    props: z.ZodObject<{
+      value: z.ZodUnion<[z.ZodNumber, z.ZodObject<{
+        path: z.ZodString;
+      }, "strip", z.ZodTypeAny, {
+        path: string;
+      }, {
+        path: string;
+      }>]>;
+      min: z.ZodOptional<z.ZodNumber>;
+      max: z.ZodOptional<z.ZodNumber>;
+    }, "strip", z.ZodTypeAny, {
+      value: number | {
+        path: string;
+      };
+      min?: number | undefined;
+      max?: number | undefined;
+    }, {
+      value: number | {
+        path: string;
+      };
+      min?: number | undefined;
+      max?: number | undefined;
+    }>;
+  };
+  DateTimeInput: {
+    description: string;
+    props: z.ZodObject<{
+      value: z.ZodOptional<z.ZodUnion<[z.ZodString, z.ZodObject<{
+        path: z.ZodString;
+      }, "strip", z.ZodTypeAny, {
+        path: string;
+      }, {
+        path: string;
+      }>]>>;
+      label: z.ZodOptional<z.ZodUnion<[z.ZodString, z.ZodObject<{
+        path: z.ZodString;
+      }, "strip", z.ZodTypeAny, {
+        path: string;
+      }, {
+        path: string;
+      }>]>>;
+      enableDate: z.ZodOptional<z.ZodBoolean>;
+      enableTime: z.ZodOptional<z.ZodBoolean>;
+      min: z.ZodOptional<z.ZodUnion<[z.ZodString, z.ZodObject<{
+        path: z.ZodString;
+      }, "strip", z.ZodTypeAny, {
+        path: string;
+      }, {
+        path: string;
+      }>]>>;
+      max: z.ZodOptional<z.ZodUnion<[z.ZodString, z.ZodObject<{
+        path: z.ZodString;
+      }, "strip", z.ZodTypeAny, {
+        path: string;
+      }, {
+        path: string;
+      }>]>>;
+    }, "strip", z.ZodTypeAny, {
+      value?: string | {
+        path: string;
+      } | undefined;
+      label?: string | {
+        path: string;
+      } | undefined;
+      enableDate?: boolean | undefined;
+      enableTime?: boolean | undefined;
+      min?: string | {
+        path: string;
+      } | undefined;
+      max?: string | {
+        path: string;
+      } | undefined;
+    }, {
+      value?: string | {
+        path: string;
+      } | undefined;
+      label?: string | {
+        path: string;
+      } | undefined;
+      enableDate?: boolean | undefined;
+      enableTime?: boolean | undefined;
+      min?: string | {
+        path: string;
+      } | undefined;
+      max?: string | {
+        path: string;
+      } | undefined;
+    }>;
+  };
+  Overline: {
+    description: string;
+    props: z.ZodObject<{
+      text: z.ZodUnion<[z.ZodString, z.ZodObject<{
+        path: z.ZodString;
+      }, "strip", z.ZodTypeAny, {
+        path: string;
+      }, {
+        path: string;
+      }>]>;
+    }, "strip", z.ZodTypeAny, {
+      text: string | {
+        path: string;
+      };
+    }, {
+      text: string | {
+        path: string;
+      };
+    }>;
+  };
+  Badge: {
+    description: string;
+    props: z.ZodObject<{
+      label: z.ZodUnion<[z.ZodString, z.ZodObject<{
+        path: z.ZodString;
+      }, "strip", z.ZodTypeAny, {
+        path: string;
+      }, {
+        path: string;
+      }>]>;
+      tone: z.ZodOptional<z.ZodEnum<["neutral", "positive", "warning", "danger", "info"]>>;
+    }, "strip", z.ZodTypeAny, {
+      label: string | {
+        path: string;
+      };
+      tone?: "danger" | "info" | "neutral" | "positive" | "warning" | undefined;
+    }, {
+      label: string | {
+        path: string;
+      };
+      tone?: "danger" | "info" | "neutral" | "positive" | "warning" | undefined;
+    }>;
+  };
+  StatusBadge: {
+    description: string;
+    props: z.ZodObject<{
+      label: z.ZodUnion<[z.ZodString, z.ZodObject<{
+        path: z.ZodString;
+      }, "strip", z.ZodTypeAny, {
+        path: string;
+      }, {
+        path: string;
+      }>]>;
+      status: z.ZodOptional<z.ZodEnum<["positive", "negative", "warning", "neutral"]>>;
+    }, "strip", z.ZodTypeAny, {
+      label: string | {
+        path: string;
+      };
+      status?: "negative" | "neutral" | "positive" | "warning" | undefined;
+    }, {
+      label: string | {
+        path: string;
+      };
+      status?: "negative" | "neutral" | "positive" | "warning" | undefined;
+    }>;
+  };
+  Callout: {
+    description: string;
+    props: z.ZodObject<{
+      body: z.ZodUnion<[z.ZodString, z.ZodObject<{
+        path: z.ZodString;
+      }, "strip", z.ZodTypeAny, {
+        path: string;
+      }, {
+        path: string;
+      }>]>;
+      title: z.ZodOptional<z.ZodUnion<[z.ZodString, z.ZodObject<{
+        path: z.ZodString;
+      }, "strip", z.ZodTypeAny, {
+        path: string;
+      }, {
+        path: string;
+      }>]>>;
+      tone: z.ZodOptional<z.ZodEnum<["info", "positive", "warning", "neutral"]>>;
+    }, "strip", z.ZodTypeAny, {
+      body: string | {
+        path: string;
+      };
+      title?: string | {
+        path: string;
+      } | undefined;
+      tone?: "info" | "neutral" | "positive" | "warning" | undefined;
+    }, {
+      body: string | {
+        path: string;
+      };
+      title?: string | {
+        path: string;
+      } | undefined;
+      tone?: "info" | "neutral" | "positive" | "warning" | undefined;
+    }>;
+  };
+  BulletList: {
+    description: string;
+    props: z.ZodObject<{
+      items: z.ZodUnion<[z.ZodArray<z.ZodString, "many">, z.ZodObject<{
+        path: z.ZodString;
+      }, "strip", z.ZodTypeAny, {
+        path: string;
+      }, {
+        path: string;
+      }>]>;
+      ordered: z.ZodOptional<z.ZodBoolean>;
+    }, "strip", z.ZodTypeAny, {
+      items: string[] | {
+        path: string;
+      };
+      ordered?: boolean | undefined;
+    }, {
+      items: string[] | {
+        path: string;
+      };
+      ordered?: boolean | undefined;
+    }>;
+  };
+  StatCard: {
+    description: string;
+    props: z.ZodObject<{
+      label: z.ZodUnion<[z.ZodString, z.ZodObject<{
+        path: z.ZodString;
+      }, "strip", z.ZodTypeAny, {
+        path: string;
+      }, {
+        path: string;
+      }>]>;
+      value: z.ZodUnion<[z.ZodString, z.ZodObject<{
+        path: z.ZodString;
+      }, "strip", z.ZodTypeAny, {
+        path: string;
+      }, {
+        path: string;
+      }>]>;
+      delta: z.ZodOptional<z.ZodUnion<[z.ZodString, z.ZodObject<{
+        path: z.ZodString;
+      }, "strip", z.ZodTypeAny, {
+        path: string;
+      }, {
+        path: string;
+      }>]>>;
+      deltaTone: z.ZodOptional<z.ZodEnum<["positive", "negative", "neutral"]>>;
+      caption: z.ZodOptional<z.ZodUnion<[z.ZodString, z.ZodObject<{
+        path: z.ZodString;
+      }, "strip", z.ZodTypeAny, {
+        path: string;
+      }, {
+        path: string;
+      }>]>>;
+    }, "strip", z.ZodTypeAny, {
+      label: string | {
+        path: string;
+      };
+      value: string | {
+        path: string;
+      };
+      delta?: string | {
+        path: string;
+      } | undefined;
+      deltaTone?: "negative" | "neutral" | "positive" | undefined;
+      caption?: string | {
+        path: string;
+      } | undefined;
+    }, {
+      label: string | {
+        path: string;
+      };
+      value: string | {
+        path: string;
+      };
+      delta?: string | {
+        path: string;
+      } | undefined;
+      deltaTone?: "negative" | "neutral" | "positive" | undefined;
+      caption?: string | {
+        path: string;
+      } | undefined;
+    }>;
+  };
+  Metric: {
+    description: string;
+    props: z.ZodObject<{
+      label: z.ZodUnion<[z.ZodString, z.ZodObject<{
+        path: z.ZodString;
+      }, "strip", z.ZodTypeAny, {
+        path: string;
+      }, {
+        path: string;
+      }>]>;
+      value: z.ZodUnion<[z.ZodString, z.ZodObject<{
+        path: z.ZodString;
+      }, "strip", z.ZodTypeAny, {
+        path: string;
+      }, {
+        path: string;
+      }>]>;
+      trend: z.ZodOptional<z.ZodUnion<[z.ZodString, z.ZodObject<{
+        path: z.ZodString;
+      }, "strip", z.ZodTypeAny, {
+        path: string;
+      }, {
+        path: string;
+      }>]>>;
+    }, "strip", z.ZodTypeAny, {
+      label: string | {
+        path: string;
+      };
+      value: string | {
+        path: string;
+      };
+      trend?: string | {
+        path: string;
+      } | undefined;
+    }, {
+      label: string | {
+        path: string;
+      };
+      value: string | {
+        path: string;
+      };
+      trend?: string | {
+        path: string;
+      } | undefined;
+    }>;
+  };
+  BarChart: {
+    description: string;
+    props: z.ZodObject<{
+      data: z.ZodUnion<[z.ZodArray<z.ZodObject<{
+        label: z.ZodString;
+        value: z.ZodNumber;
+      }, "strip", z.ZodTypeAny, {
+        label: string;
+        value: number;
+      }, {
+        label: string;
+        value: number;
+      }>, "many">, z.ZodObject<{
+        path: z.ZodString;
+      }, "strip", z.ZodTypeAny, {
+        path: string;
+      }, {
+        path: string;
+      }>]>;
+      height: z.ZodOptional<z.ZodNumber>;
+    }, "strip", z.ZodTypeAny, {
+      data: {
+        label: string;
+        value: number;
+      }[] | {
+        path: string;
+      };
+      height?: number | undefined;
+    }, {
+      data: {
+        label: string;
+        value: number;
+      }[] | {
+        path: string;
+      };
+      height?: number | undefined;
+    }>;
+  };
+  HorizontalBarChart: {
+    description: string;
+    props: z.ZodObject<{
+      data: z.ZodUnion<[z.ZodArray<z.ZodObject<{
+        label: z.ZodString;
+        value: z.ZodNumber;
+      }, "strip", z.ZodTypeAny, {
+        label: string;
+        value: number;
+      }, {
+        label: string;
+        value: number;
+      }>, "many">, z.ZodObject<{
+        path: z.ZodString;
+      }, "strip", z.ZodTypeAny, {
+        path: string;
+      }, {
+        path: string;
+      }>]>;
+      height: z.ZodOptional<z.ZodNumber>;
+    }, "strip", z.ZodTypeAny, {
+      data: {
+        label: string;
+        value: number;
+      }[] | {
+        path: string;
+      };
+      height?: number | undefined;
+    }, {
+      data: {
+        label: string;
+        value: number;
+      }[] | {
+        path: string;
+      };
+      height?: number | undefined;
+    }>;
+  };
+  LineChart: {
+    description: string;
+    props: z.ZodObject<{
+      data: z.ZodUnion<[z.ZodArray<z.ZodObject<{
+        label: z.ZodString;
+        value: z.ZodNumber;
+      }, "strip", z.ZodTypeAny, {
+        label: string;
+        value: number;
+      }, {
+        label: string;
+        value: number;
+      }>, "many">, z.ZodObject<{
+        path: z.ZodString;
+      }, "strip", z.ZodTypeAny, {
+        path: string;
+      }, {
+        path: string;
+      }>]>;
+      height: z.ZodOptional<z.ZodNumber>;
+    }, "strip", z.ZodTypeAny, {
+      data: {
+        label: string;
+        value: number;
+      }[] | {
+        path: string;
+      };
+      height?: number | undefined;
+    }, {
+      data: {
+        label: string;
+        value: number;
+      }[] | {
+        path: string;
+      };
+      height?: number | undefined;
+    }>;
+  };
+  DonutChart: {
+    description: string;
+    props: z.ZodObject<{
+      data: z.ZodUnion<[z.ZodArray<z.ZodObject<{
+        label: z.ZodString;
+        value: z.ZodNumber;
+      }, "strip", z.ZodTypeAny, {
+        label: string;
+        value: number;
+      }, {
+        label: string;
+        value: number;
+      }>, "many">, z.ZodObject<{
+        path: z.ZodString;
+      }, "strip", z.ZodTypeAny, {
+        path: string;
+      }, {
+        path: string;
+      }>]>;
+      height: z.ZodOptional<z.ZodNumber>;
+    }, "strip", z.ZodTypeAny, {
+      data: {
+        label: string;
+        value: number;
+      }[] | {
+        path: string;
+      };
+      height?: number | undefined;
+    }, {
+      data: {
+        label: string;
+        value: number;
+      }[] | {
+        path: string;
+      };
+      height?: number | undefined;
+    }>;
+  };
+  PieChart: {
+    description: string;
+    props: z.ZodObject<{
+      data: z.ZodUnion<[z.ZodArray<z.ZodObject<{
+        label: z.ZodString;
+        value: z.ZodNumber;
+      }, "strip", z.ZodTypeAny, {
+        label: string;
+        value: number;
+      }, {
+        label: string;
+        value: number;
+      }>, "many">, z.ZodObject<{
+        path: z.ZodString;
+      }, "strip", z.ZodTypeAny, {
+        path: string;
+      }, {
+        path: string;
+      }>]>;
+      height: z.ZodOptional<z.ZodNumber>;
+    }, "strip", z.ZodTypeAny, {
+      data: {
+        label: string;
+        value: number;
+      }[] | {
+        path: string;
+      };
+      height?: number | undefined;
+    }, {
+      data: {
+        label: string;
+        value: number;
+      }[] | {
+        path: string;
+      };
+      height?: number | undefined;
+    }>;
+  };
+  AreaChart: {
+    description: string;
+    props: z.ZodObject<{
+      data: z.ZodUnion<[z.ZodArray<z.ZodObject<{
+        label: z.ZodString;
+        value: z.ZodNumber;
+      }, "strip", z.ZodTypeAny, {
+        label: string;
+        value: number;
+      }, {
+        label: string;
+        value: number;
+      }>, "many">, z.ZodObject<{
+        path: z.ZodString;
+      }, "strip", z.ZodTypeAny, {
+        path: string;
+      }, {
+        path: string;
+      }>]>;
+      height: z.ZodOptional<z.ZodNumber>;
+    }, "strip", z.ZodTypeAny, {
+      data: {
+        label: string;
+        value: number;
+      }[] | {
+        path: string;
+      };
+      height?: number | undefined;
+    }, {
+      data: {
+        label: string;
+        value: number;
+      }[] | {
+        path: string;
+      };
+      height?: number | undefined;
+    }>;
+  };
+  RadarChart: {
+    description: string;
+    props: z.ZodObject<{
+      data: z.ZodUnion<[z.ZodArray<z.ZodObject<{
+        label: z.ZodString;
+        value: z.ZodNumber;
+      }, "strip", z.ZodTypeAny, {
+        label: string;
+        value: number;
+      }, {
+        label: string;
+        value: number;
+      }>, "many">, z.ZodObject<{
+        path: z.ZodString;
+      }, "strip", z.ZodTypeAny, {
+        path: string;
+      }, {
+        path: string;
+      }>]>;
+      height: z.ZodOptional<z.ZodNumber>;
+    }, "strip", z.ZodTypeAny, {
+      data: {
+        label: string;
+        value: number;
+      }[] | {
+        path: string;
+      };
+      height?: number | undefined;
+    }, {
+      data: {
+        label: string;
+        value: number;
+      }[] | {
+        path: string;
+      };
+      height?: number | undefined;
+    }>;
+  };
+  RadialChart: {
+    description: string;
+    props: z.ZodObject<{
+      data: z.ZodUnion<[z.ZodArray<z.ZodObject<{
+        label: z.ZodString;
+        value: z.ZodNumber;
+      }, "strip", z.ZodTypeAny, {
+        label: string;
+        value: number;
+      }, {
+        label: string;
+        value: number;
+      }>, "many">, z.ZodObject<{
+        path: z.ZodString;
+      }, "strip", z.ZodTypeAny, {
+        path: string;
+      }, {
+        path: string;
+      }>]>;
+      height: z.ZodOptional<z.ZodNumber>;
+    }, "strip", z.ZodTypeAny, {
+      data: {
+        label: string;
+        value: number;
+      }[] | {
+        path: string;
+      };
+      height?: number | undefined;
+    }, {
+      data: {
+        label: string;
+        value: number;
+      }[] | {
+        path: string;
+      };
+      height?: number | undefined;
+    }>;
+  };
+  WaterfallChart: {
+    description: string;
+    props: z.ZodObject<{
+      data: z.ZodUnion<[z.ZodArray<z.ZodObject<{
+        label: z.ZodString;
+        value: z.ZodNumber;
+      }, "strip", z.ZodTypeAny, {
+        label: string;
+        value: number;
+      }, {
+        label: string;
+        value: number;
+      }>, "many">, z.ZodObject<{
+        path: z.ZodString;
+      }, "strip", z.ZodTypeAny, {
+        path: string;
+      }, {
+        path: string;
+      }>]>;
+      height: z.ZodOptional<z.ZodNumber>;
+    }, "strip", z.ZodTypeAny, {
+      data: {
+        label: string;
+        value: number;
+      }[] | {
+        path: string;
+      };
+      height?: number | undefined;
+    }, {
+      data: {
+        label: string;
+        value: number;
+      }[] | {
+        path: string;
+      };
+      height?: number | undefined;
+    }>;
+  };
+  RiskGauge: {
+    description: string;
+    props: z.ZodObject<{
+      label: z.ZodOptional<z.ZodUnion<[z.ZodString, z.ZodObject<{
+        path: z.ZodString;
+      }, "strip", z.ZodTypeAny, {
+        path: string;
+      }, {
+        path: string;
+      }>]>>;
+      value: z.ZodNumber;
+      riskLevel: z.ZodOptional<z.ZodEnum<["low", "medium", "high"]>>;
+      description: z.ZodOptional<z.ZodUnion<[z.ZodString, z.ZodObject<{
+        path: z.ZodString;
+      }, "strip", z.ZodTypeAny, {
+        path: string;
+      }, {
+        path: string;
+      }>]>>;
+      min: z.ZodOptional<z.ZodNumber>;
+      max: z.ZodOptional<z.ZodNumber>;
+    }, "strip", z.ZodTypeAny, {
+      label?: string | {
+        path: string;
+      } | undefined;
+      value: number;
+      riskLevel?: "high" | "low" | "medium" | undefined;
+      description?: string | {
+        path: string;
+      } | undefined;
+      min?: number | undefined;
+      max?: number | undefined;
+    }, {
+      label?: string | {
+        path: string;
+      } | undefined;
+      value: number;
+      riskLevel?: "high" | "low" | "medium" | undefined;
+      description?: string | {
+        path: string;
+      } | undefined;
+      min?: number | undefined;
+      max?: number | undefined;
+    }>;
+  };
+  ScatterChart: {
+    description: string;
+    props: z.ZodObject<{
+      data: z.ZodUnion<[z.ZodArray<z.ZodObject<{
+        x: z.ZodNumber;
+        y: z.ZodNumber;
+        label: z.ZodOptional<z.ZodString>;
+      }, "strip", z.ZodTypeAny, {
+        x: number;
+        y: number;
+        label?: string | undefined;
+      }, {
+        x: number;
+        y: number;
+        label?: string | undefined;
+      }>, "many">, z.ZodObject<{
+        path: z.ZodString;
+      }, "strip", z.ZodTypeAny, {
+        path: string;
+      }, {
+        path: string;
+      }>]>;
+      xLabel: z.ZodOptional<z.ZodString>;
+      yLabel: z.ZodOptional<z.ZodString>;
+      height: z.ZodOptional<z.ZodNumber>;
+    }, "strip", z.ZodTypeAny, {
+      data: {
+        x: number;
+        y: number;
+        label?: string | undefined;
+      }[] | {
+        path: string;
+      };
+      xLabel?: string | undefined;
+      yLabel?: string | undefined;
+      height?: number | undefined;
+    }, {
+      data: {
+        x: number;
+        y: number;
+        label?: string | undefined;
+      }[] | {
+        path: string;
+      };
+      xLabel?: string | undefined;
+      yLabel?: string | undefined;
+      height?: number | undefined;
+    }>;
+  };
+  DataTable: {
+    description: string;
+    props: z.ZodObject<{
+      columns: z.ZodArray<z.ZodObject<{
+        key: z.ZodString;
+        label: z.ZodString;
+        align: z.ZodOptional<z.ZodEnum<["left", "right"]>>;
+      }, "strip", z.ZodTypeAny, {
+        key: string;
+        label: string;
+        align?: "left" | "right" | undefined;
+      }, {
+        key: string;
+        label: string;
+        align?: "left" | "right" | undefined;
+      }>, "many">;
+      rows: z.ZodUnion<[z.ZodArray<z.ZodRecord<z.ZodString, z.ZodUnion<[z.ZodString, z.ZodNumber]>>, "many">, z.ZodObject<{
+        path: z.ZodString;
+      }, "strip", z.ZodTypeAny, {
+        path: string;
+      }, {
+        path: string;
+      }>]>;
+    }, "strip", z.ZodTypeAny, {
+      columns: {
+        key: string;
+        label: string;
+        align?: "left" | "right" | undefined;
+      }[];
+      rows: Record<string, string | number>[] | {
+        path: string;
+      };
+    }, {
+      columns: {
+        key: string;
+        label: string;
+        align?: "left" | "right" | undefined;
+      }[];
+      rows: Record<string, string | number>[] | {
+        path: string;
+      };
+    }>;
+  };
+  Button: {
+    description: string;
+    props: z.ZodObject<{
+      child: z.ZodString;
+      variant: z.ZodOptional<z.ZodEnum<["default", "primary", "borderless"]>>;
+      action: z.ZodUnion<[z.ZodObject<{
+        event: z.ZodObject<{
+          name: z.ZodString;
+          context: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodUnknown>>;
+        }, "strip", z.ZodTypeAny, {
+          name: string;
+          context?: Record<string, unknown> | undefined;
+        }, {
+          name: string;
+          context?: Record<string, unknown> | undefined;
+        }>;
+      }, "strip", z.ZodTypeAny, {
+        event: {
+          name: string;
+          context?: Record<string, unknown> | undefined;
+        };
+      }, {
+        event: {
+          name: string;
+          context?: Record<string, unknown> | undefined;
+        };
+      }>, z.ZodObject<{
+        functionCall: z.ZodObject<{
+          call: z.ZodString;
+          args: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodUnknown>>;
+          returnType: z.ZodOptional<z.ZodString>;
+        }, "strip", z.ZodTypeAny, {
+          call: string;
+          args?: Record<string, unknown> | undefined;
+          returnType?: string | undefined;
+        }, {
+          call: string;
+          args?: Record<string, unknown> | undefined;
+          returnType?: string | undefined;
+        }>;
+      }, "strip", z.ZodTypeAny, {
+        functionCall: {
+          call: string;
+          args?: Record<string, unknown> | undefined;
+          returnType?: string | undefined;
+        };
+      }, {
+        functionCall: {
+          call: string;
+          args?: Record<string, unknown> | undefined;
+          returnType?: string | undefined;
+        };
+      }>]>;
+      checks: z.ZodOptional<z.ZodArray<z.ZodObject<{
+        condition: z.ZodAny;
+        message: z.ZodString;
+      }, "strip", z.ZodTypeAny, {
+        condition?: any;
+        message: string;
+      }, {
+        condition?: any;
+        message: string;
+      }>, "many">>;
+    }, "strip", z.ZodTypeAny, {
+      child: string;
+      variant?: "borderless" | "default" | "primary" | undefined;
+      action: {
+        event: {
+          name: string;
+          context?: Record<string, unknown> | undefined;
+        };
+      } | {
+        functionCall: {
+          call: string;
+          args?: Record<string, unknown> | undefined;
+          returnType?: string | undefined;
+        };
+      };
+      checks?: {
+        condition?: any;
+        message: string;
+      }[] | undefined;
+    }, {
+      child: string;
+      variant?: "borderless" | "default" | "primary" | undefined;
+      action: {
+        event: {
+          name: string;
+          context?: Record<string, unknown> | undefined;
+        };
+      } | {
+        functionCall: {
+          call: string;
+          args?: Record<string, unknown> | undefined;
+          returnType?: string | undefined;
+        };
+      };
+      checks?: {
+        condition?: any;
+        message: string;
+      }[] | undefined;
+    }>;
+  };
+  ChoiceChips: {
+    description: string;
+    props: z.ZodObject<{
+      label: z.ZodString;
+      options: z.ZodUnion<[z.ZodArray<z.ZodObject<{
+        label: z.ZodString;
+        value: z.ZodString;
+      }, "strip", z.ZodTypeAny, {
+        label: string;
+        value: string;
+      }, {
+        label: string;
+        value: string;
+      }>, "many">, z.ZodObject<{
+        path: z.ZodString;
+      }, "strip", z.ZodTypeAny, {
+        path: string;
+      }, {
+        path: string;
+      }>]>;
+      value: z.ZodObject<{
+        path: z.ZodString;
+      }, "strip", z.ZodTypeAny, {
+        path: string;
+      }, {
+        path: string;
+      }>;
+      multi: z.ZodOptional<z.ZodBoolean>;
+    }, "strip", z.ZodTypeAny, {
+      label: string;
+      options: {
+        label: string;
+        value: string;
+      }[] | {
+        path: string;
+      };
+      value: {
+        path: string;
+      };
+      multi?: boolean | undefined;
+    }, {
+      label: string;
+      options: {
+        label: string;
+        value: string;
+      }[] | {
+        path: string;
+      };
+      value: {
+        path: string;
+      };
+      multi?: boolean | undefined;
+    }>;
+  };
+  ReportGenerationCard: {
+    description: string;
+    props: z.ZodObject<{
+      report_id: z.ZodOptional<z.ZodString>;
+      report_name: z.ZodOptional<z.ZodString>;
+      blob_url: z.ZodOptional<z.ZodString>;
+      generated_at: z.ZodOptional<z.ZodString>;
+      status: z.ZodOptional<z.ZodString>;
+      message: z.ZodOptional<z.ZodString>;
+    }, "strip", z.ZodTypeAny, {
+      report_id?: string | undefined;
+      report_name?: string | undefined;
+      blob_url?: string | undefined;
+      generated_at?: string | undefined;
+      status?: string | undefined;
+      message?: string | undefined;
+    }, {
+      report_id?: string | undefined;
+      report_name?: string | undefined;
+      blob_url?: string | undefined;
+      generated_at?: string | undefined;
+      status?: string | undefined;
+      message?: string | undefined;
+    }>;
+  };
+};
+//#endregion
+//#region src/components/a2ui/index.d.ts
+declare const CATALOG_ID = "https://omnichatkit.local/catalog/v1";
+declare const catalog: {
+  AreaChart: ({ props }: RendererProps<{
+    data: {
+      label: string;
+      value: number;
+    }[];
+    height?: number;
+  }>) => import("react").JSX.Element;
+  RadarChart: ({ props }: RendererProps<{
+    data: {
+      label: string;
+      value: number;
+    }[];
+    height?: number;
+  }>) => import("react").JSX.Element;
+  RadialChart: ({ props }: RendererProps<{
+    data: {
+      label: string;
+      value: number;
+    }[];
+    height?: number;
+  }>) => import("react").JSX.Element;
+  Stack: ({ props, children }: RendererProps<{
+    children: string[] | {
+      componentId: string;
+      path: string;
+    };
+    gap?: "lg" | "md" | "sm" | "xl" | "xs";
+    align?: "center" | "end" | "start" | "stretch";
+  }>) => import("react").JSX.Element;
+  Row: ({ props, children }: RendererProps<{
+    children: string[];
+    gap?: "lg" | "md" | "sm" | "xl" | "xs";
+    justify?: "center" | "end" | "spaceBetween" | "start";
+    align?: "center" | "end" | "start" | "stretch";
+  }>) => import("react").JSX.Element;
+  Grid: ({ props, children }: RendererProps<{
+    children: string[];
+    columns?: number;
+    gap?: "lg" | "md" | "sm" | "xl" | "xs";
+  }>) => import("react").JSX.Element;
+  Section: ({ props, children }: RendererProps<{
+    title: string;
+    eyebrow?: string;
+    children?: string[];
+  }>) => import("react").JSX.Element;
+  Card: ({ props, children }: RendererProps<{
+    child: string;
+    tone?: "default" | "lilac" | "mint" | "warning";
+  }>) => import("react").JSX.Element;
+  Divider: () => import("react").JSX.Element;
+  Heading: ({ props }: RendererProps<{
+    text: string;
+    level?: "1" | "2" | "3";
+  }>) => import("react").JSX.Element;
+  Text: ({ props }: RendererProps<{
+    text: string;
+    variant?: "h1" | "h2" | "h3" | "h4" | "h5" | "caption" | "body";
+  }>) => import("react").JSX.Element;
+  Overline: ({ props }: RendererProps<{
+    text: string;
+  }>) => import("react").JSX.Element;
+  Badge: ({ props }: RendererProps<{
+    label: string;
+    tone?: "neutral" | "positive" | "warning" | "danger" | "info";
+  }>) => import("react").JSX.Element;
+  Callout: ({ props }: RendererProps<{
+    body: string;
+    title?: string;
+    tone?: "info" | "positive" | "warning" | "neutral";
+  }>) => import("react").JSX.Element;
+  BulletList: ({ props }: RendererProps<{
+    items: string[];
+    ordered?: boolean;
+  }>) => import("react").JSX.Element | null;
+  StatCard: ({ props }: RendererProps<{
+    label: string;
+    value: string;
+    delta?: string;
+    deltaTone?: "positive" | "negative" | "neutral";
+    caption?: string;
+  }>) => import("react").JSX.Element;
+  BarChart: ({ props }: RendererProps<{
+    data: {
+      label: string;
+      value: number;
+    }[];
+    height?: number;
+  }>) => import("react").JSX.Element;
+  HorizontalBarChart: ({ props }: RendererProps<{
+    data: {
+      label: string;
+      value: number;
+    }[];
+    height?: number;
+  }>) => import("react").JSX.Element;
+  LineChart: ({ props }: RendererProps<{
+    data: {
+      label: string;
+      value: number;
+    }[];
+    height?: number;
+  }>) => import("react").JSX.Element;
+  DonutChart: ({ props }: RendererProps<{
+    data: {
+      label: string;
+      value: number;
+    }[];
+    height?: number;
+  }>) => import("react").JSX.Element;
+  ScatterChart: ({ props }: RendererProps<{
+    data: {
+      x: number;
+      y: number;
+      label?: string;
+    }[];
+    xLabel?: string;
+    yLabel?: string;
+    height?: number;
+  }>) => import("react").JSX.Element;
+  DataTable: ({ props }: RendererProps<{
+    columns: {
+      key: string;
+      label: string;
+      align?: "left" | "right";
+    }[];
+    rows: Record<string, string | number>[];
+  }>) => import("react").JSX.Element;
+  Button: ({ props, dispatch, children }: RendererProps<{
+    child: string;
+    variant?: "default" | "primary" | "borderless";
+    action: {
+      event: {
+        name: string;
+        context?: Record<string, unknown>;
+      };
+    } | {
+      functionCall: {
+        call: string;
+        args?: Record<string, unknown>;
+      };
+    };
+    checks?: {
+      condition: boolean;
+      message: string;
+    }[];
+  }>) => import("react").JSX.Element;
+  ChoiceChips: ({ props, dispatch }: RendererProps<{
+    label: string;
+    options: {
+      label: string;
+      value: string;
+    }[];
+    value: string | string[];
+    multi?: boolean;
+  }>) => import("react").JSX.Element;
+  InfoRow: ({ props }: RendererProps<{
+    label: string;
+    value: string;
+  }>) => import("react").JSX.Element;
+  StatusBadge: ({ props }: RendererProps<{
+    label: string;
+    status?: "positive" | "negative" | "warning" | "neutral";
+  }>) => import("react").JSX.Element;
+  Metric: ({ props }: RendererProps<{
+    label: string;
+    value: string;
+    trend?: string;
+  }>) => import("react").JSX.Element;
+  PieChart: ({ props, children }: RendererProps<{
+    data: {
+      label: string;
+      value: number;
+    }[];
+    height?: number;
+  }>) => import("react").JSX.Element;
+  WaterfallChart: ({ props }: RendererProps<{
+    data: {
+      label: string;
+      value: number;
+    }[];
+    height?: number;
+  }>) => import("react").JSX.Element;
+  RiskGauge: ({ props }: RendererProps<{
+    label?: string;
+    value: number;
+    riskLevel?: "low" | "medium" | "high";
+    description?: string;
+    min?: number;
+    max?: number;
+  }>) => import("react").JSX.Element;
+  ReportGenerationCard: ({ props }: RendererProps<{
+    report_id?: string;
+    report_name?: string;
+    blob_url?: string;
+    generated_at?: string;
+    status?: string;
+    message?: string;
+  }>) => import("react").JSX.Element;
+  Image: ({ props }: RendererProps<{
+    url: string;
+    description?: string;
+    fit?: string;
+    variant?: string;
+  }>) => import("react").JSX.Element;
+  Icon: ({ props }: RendererProps<{
+    name: string | {
+      svgPath: string;
+    };
+  }>) => import("react").JSX.Element;
+  Video: ({ props }: RendererProps<{
+    url: string;
+  }>) => import("react").JSX.Element;
+  AudioPlayer: ({ props }: RendererProps<{
+    url: string;
+    description?: string;
+  }>) => import("react").JSX.Element;
+  Column: ({ props, children }: RendererProps<{
+    children: string[] | {
+      componentId: string;
+      path: string;
+    };
+    gap?: "lg" | "md" | "sm" | "xl" | "xs";
+    justify?: "center" | "end" | "spaceBetween" | "start";
+    align?: "center" | "end" | "start" | "stretch";
+    weight?: number[];
+  }>) => import("react").JSX.Element;
+  List: ({ props, children }: RendererProps<{
+    children?: string[] | {
+      componentId: string;
+      path: string;
+    };
+    items?: string[];
+    direction?: 'vertical' | 'horizontal';
+    align?: "center" | "end" | "start" | "stretch";
+  }>) => import("react").JSX.Element;
+  Tabs: ({ props, children }: RendererProps<{
+    tabs: {
+      title: string;
+      child: string;
+    }[];
+  }>) => import("react").JSX.Element | null;
+  Modal: ({ props, children }: RendererProps<{
+    trigger: string;
+    content: string;
+  }>) => import("react").JSX.Element;
+  CheckBox: ({ props, dispatch }: RendererProps<{
+    label?: string;
+    value: boolean;
+  }>) => import("react").JSX.Element;
+  TextField: ({ props, dispatch }: RendererProps<{
+    label?: string;
+    value?: string;
+    variant?: 'shortText' | 'longText' | 'number' | 'obscured';
+    checks?: any;
+    validationRegexp?: string;
+  }>) => import("react").JSX.Element;
+  ChoicePicker: ({ props, dispatch }: RendererProps<{
+    options: {
+      label: string;
+      value: string;
+    }[];
+    value: string | string[];
+    variant?: "mutuallyExclusive" | "multipleSelection";
+  }>) => import("react").JSX.Element;
+  Slider: ({ props, dispatch }: RendererProps<{
+    value: number;
+    min?: number;
+    max?: number;
+    label?: string;
+  }>) => import("react").JSX.Element;
+  DateTimeInput: ({ props, dispatch }: RendererProps<{
+    value?: string;
+    label?: string;
+    enableDate?: boolean;
+    enableTime?: boolean;
+    min?: string;
+    max?: string;
+  }>) => import("react").JSX.Element;
+};
+declare const catalogSchema: {
+  Stack: {
+    description: string;
+    props: import("zod").ZodObject<{
+      children: import("zod").ZodUnion<[import("zod").ZodArray<import("zod").ZodString, "many">, import("zod").ZodObject<{
+        componentId: import("zod").ZodString;
+        path: import("zod").ZodString;
+      }, "strip", import("zod").ZodTypeAny, {
+        componentId: string;
+        path: string;
+      }, {
+        componentId: string;
+        path: string;
+      }>]>;
+      gap: import("zod").ZodOptional<import("zod").ZodEnum<["xs", "sm", "md", "lg", "xl"]>>;
+      align: import("zod").ZodOptional<import("zod").ZodEnum<["start", "center", "end", "stretch"]>>;
+    }, "strip", import("zod").ZodTypeAny, {
+      children: string[] | {
+        componentId: string;
+        path: string;
+      };
+      gap?: "lg" | "md" | "sm" | "xl" | "xs" | undefined;
+      align?: "center" | "end" | "start" | "stretch" | undefined;
+    }, {
+      children: string[] | {
+        componentId: string;
+        path: string;
+      };
+      gap?: "lg" | "md" | "sm" | "xl" | "xs" | undefined;
+      align?: "center" | "end" | "start" | "stretch" | undefined;
+    }>;
+  };
+  Row: {
+    description: string;
+    props: import("zod").ZodObject<{
+      children: import("zod").ZodUnion<[import("zod").ZodArray<import("zod").ZodString, "many">, import("zod").ZodObject<{
+        componentId: import("zod").ZodString;
+        path: import("zod").ZodString;
+      }, "strip", import("zod").ZodTypeAny, {
+        componentId: string;
+        path: string;
+      }, {
+        componentId: string;
+        path: string;
+      }>]>;
+      gap: import("zod").ZodOptional<import("zod").ZodEnum<["xs", "sm", "md", "lg"]>>;
+      justify: import("zod").ZodOptional<import("zod").ZodEnum<["start", "center", "end", "spaceBetween"]>>;
+      align: import("zod").ZodOptional<import("zod").ZodEnum<["start", "center", "end"]>>;
+    }, "strip", import("zod").ZodTypeAny, {
+      children: string[] | {
+        componentId: string;
+        path: string;
+      };
+      gap?: "lg" | "md" | "sm" | "xs" | undefined;
+      justify?: "center" | "end" | "spaceBetween" | "start" | undefined;
+      align?: "center" | "end" | "start" | undefined;
+    }, {
+      children: string[] | {
+        componentId: string;
+        path: string;
+      };
+      gap?: "lg" | "md" | "sm" | "xs" | undefined;
+      justify?: "center" | "end" | "spaceBetween" | "start" | undefined;
+      align?: "center" | "end" | "start" | undefined;
+    }>;
+  };
+  Grid: {
+    description: string;
+    props: import("zod").ZodObject<{
+      children: import("zod").ZodUnion<[import("zod").ZodArray<import("zod").ZodString, "many">, import("zod").ZodObject<{
+        componentId: import("zod").ZodString;
+        path: import("zod").ZodString;
+      }, "strip", import("zod").ZodTypeAny, {
+        componentId: string;
+        path: string;
+      }, {
+        componentId: string;
+        path: string;
+      }>]>;
+      columns: import("zod").ZodOptional<import("zod").ZodNumber>;
+      gap: import("zod").ZodOptional<import("zod").ZodEnum<["xs", "sm", "md", "lg"]>>;
+    }, "strip", import("zod").ZodTypeAny, {
+      children: string[] | {
+        componentId: string;
+        path: string;
+      };
+      columns?: number | undefined;
+      gap?: "lg" | "md" | "sm" | "xs" | undefined;
+    }, {
+      children: string[] | {
+        componentId: string;
+        path: string;
+      };
+      columns?: number | undefined;
+      gap?: "lg" | "md" | "sm" | "xs" | undefined;
+    }>;
+  };
+  Section: {
+    description: string;
+    props: import("zod").ZodObject<{
+      title: import("zod").ZodString;
+      eyebrow: import("zod").ZodOptional<import("zod").ZodString>;
+      children: import("zod").ZodUnion<[import("zod").ZodArray<import("zod").ZodString, "many">, import("zod").ZodObject<{
+        componentId: import("zod").ZodString;
+        path: import("zod").ZodString;
+      }, "strip", import("zod").ZodTypeAny, {
+        componentId: string;
+        path: string;
+      }, {
+        componentId: string;
+        path: string;
+      }>]>;
+    }, "strip", import("zod").ZodTypeAny, {
+      title: string;
+      eyebrow?: string | undefined;
+      children: string[] | {
+        componentId: string;
+        path: string;
+      };
+    }, {
+      title: string;
+      eyebrow?: string | undefined;
+      children: string[] | {
+        componentId: string;
+        path: string;
+      };
+    }>;
+  };
+  Card: {
+    description: string;
+    props: import("zod").ZodObject<{
+      child: import("zod").ZodString;
+      tone: import("zod").ZodOptional<import("zod").ZodEnum<["default", "lilac", "mint", "warning"]>>;
+    }, "strip", import("zod").ZodTypeAny, {
+      child: string;
+      tone?: "default" | "lilac" | "mint" | "warning" | undefined;
+    }, {
+      child: string;
+      tone?: "default" | "lilac" | "mint" | "warning" | undefined;
+    }>;
+  };
+  Divider: {
+    description: string;
+    props: import("zod").ZodObject<{}, "strip", import("zod").ZodTypeAny, {}, {}>;
+  };
+  InfoRow: {
+    description: string;
+    props: import("zod").ZodObject<{
+      label: import("zod").ZodUnion<[import("zod").ZodString, import("zod").ZodObject<{
+        path: import("zod").ZodString;
+      }, "strip", import("zod").ZodTypeAny, {
+        path: string;
+      }, {
+        path: string;
+      }>]>;
+      value: import("zod").ZodUnion<[import("zod").ZodString, import("zod").ZodObject<{
+        path: import("zod").ZodString;
+      }, "strip", import("zod").ZodTypeAny, {
+        path: string;
+      }, {
+        path: string;
+      }>]>;
+    }, "strip", import("zod").ZodTypeAny, {
+      label: string | {
+        path: string;
+      };
+      value: string | {
+        path: string;
+      };
+    }, {
+      label: string | {
+        path: string;
+      };
+      value: string | {
+        path: string;
+      };
+    }>;
+  };
+  Heading: {
+    description: string;
+    props: import("zod").ZodObject<{
+      text: import("zod").ZodUnion<[import("zod").ZodString, import("zod").ZodObject<{
+        path: import("zod").ZodString;
+      }, "strip", import("zod").ZodTypeAny, {
+        path: string;
+      }, {
+        path: string;
+      }>]>;
+      level: import("zod").ZodOptional<import("zod").ZodEnum<["1", "2", "3"]>>;
+    }, "strip", import("zod").ZodTypeAny, {
+      text: string | {
+        path: string;
+      };
+      level?: "1" | "2" | "3" | undefined;
+    }, {
+      text: string | {
+        path: string;
+      };
+      level?: "1" | "2" | "3" | undefined;
+    }>;
+  };
+  Text: {
+    description: string;
+    props: import("zod").ZodObject<{
+      text: import("zod").ZodUnion<[import("zod").ZodString, import("zod").ZodObject<{
+        path: import("zod").ZodString;
+      }, "strip", import("zod").ZodTypeAny, {
+        path: string;
+      }, {
+        path: string;
+      }>]>;
+      variant: import("zod").ZodOptional<import("zod").ZodEnum<["h1", "h2", "h3", "h4", "h5", "caption", "body"]>>;
+    }, "strip", import("zod").ZodTypeAny, {
+      text: string | {
+        path: string;
+      };
+      variant?: "body" | "caption" | "h1" | "h2" | "h3" | "h4" | "h5" | undefined;
+    }, {
+      text: string | {
+        path: string;
+      };
+      variant?: "body" | "caption" | "h1" | "h2" | "h3" | "h4" | "h5" | undefined;
+    }>;
+  };
+  Image: {
+    description: string;
+    props: import("zod").ZodObject<{
+      url: import("zod").ZodUnion<[import("zod").ZodString, import("zod").ZodObject<{
+        path: import("zod").ZodString;
+      }, "strip", import("zod").ZodTypeAny, {
+        path: string;
+      }, {
+        path: string;
+      }>]>;
+      description: import("zod").ZodOptional<import("zod").ZodUnion<[import("zod").ZodString, import("zod").ZodObject<{
+        path: import("zod").ZodString;
+      }, "strip", import("zod").ZodTypeAny, {
+        path: string;
+      }, {
+        path: string;
+      }>]>>;
+      fit: import("zod").ZodOptional<import("zod").ZodEnum<["cover", "contain", "fill", "none", "scaleDown"]>>;
+      variant: import("zod").ZodOptional<import("zod").ZodString>;
+    }, "strip", import("zod").ZodTypeAny, {
+      url: string | {
+        path: string;
+      };
+      description?: string | {
+        path: string;
+      } | undefined;
+      fit?: "contain" | "cover" | "fill" | "none" | "scaleDown" | undefined;
+      variant?: string | undefined;
+    }, {
+      url: string | {
+        path: string;
+      };
+      description?: string | {
+        path: string;
+      } | undefined;
+      fit?: "contain" | "cover" | "fill" | "none" | "scaleDown" | undefined;
+      variant?: string | undefined;
+    }>;
+  };
+  Icon: {
+    description: string;
+    props: import("zod").ZodObject<{
+      name: import("zod").ZodUnion<[import("zod").ZodUnion<[import("zod").ZodString, import("zod").ZodObject<{
+        path: import("zod").ZodString;
+      }, "strip", import("zod").ZodTypeAny, {
+        path: string;
+      }, {
+        path: string;
+      }>]>, import("zod").ZodObject<{
+        svgPath: import("zod").ZodUnion<[import("zod").ZodString, import("zod").ZodObject<{
+          path: import("zod").ZodString;
+        }, "strip", import("zod").ZodTypeAny, {
+          path: string;
+        }, {
+          path: string;
+        }>]>;
+      }, "strip", import("zod").ZodTypeAny, {
+        svgPath: string | {
+          path: string;
+        };
+      }, {
+        svgPath: string | {
+          path: string;
+        };
+      }>]>;
+    }, "strip", import("zod").ZodTypeAny, {
+      name: string | {
+        path: string;
+      } | {
+        svgPath: string | {
+          path: string;
+        };
+      };
+    }, {
+      name: string | {
+        path: string;
+      } | {
+        svgPath: string | {
+          path: string;
+        };
+      };
+    }>;
+  };
+  Video: {
+    description: string;
+    props: import("zod").ZodObject<{
+      url: import("zod").ZodUnion<[import("zod").ZodString, import("zod").ZodObject<{
+        path: import("zod").ZodString;
+      }, "strip", import("zod").ZodTypeAny, {
+        path: string;
+      }, {
+        path: string;
+      }>]>;
+    }, "strip", import("zod").ZodTypeAny, {
+      url: string | {
+        path: string;
+      };
+    }, {
+      url: string | {
+        path: string;
+      };
+    }>;
+  };
+  AudioPlayer: {
+    description: string;
+    props: import("zod").ZodObject<{
+      url: import("zod").ZodUnion<[import("zod").ZodString, import("zod").ZodObject<{
+        path: import("zod").ZodString;
+      }, "strip", import("zod").ZodTypeAny, {
+        path: string;
+      }, {
+        path: string;
+      }>]>;
+      description: import("zod").ZodOptional<import("zod").ZodUnion<[import("zod").ZodString, import("zod").ZodObject<{
+        path: import("zod").ZodString;
+      }, "strip", import("zod").ZodTypeAny, {
+        path: string;
+      }, {
+        path: string;
+      }>]>>;
+    }, "strip", import("zod").ZodTypeAny, {
+      url: string | {
+        path: string;
+      };
+      description?: string | {
+        path: string;
+      } | undefined;
+    }, {
+      url: string | {
+        path: string;
+      };
+      description?: string | {
+        path: string;
+      } | undefined;
+    }>;
+  };
+  Column: {
+    description: string;
+    props: import("zod").ZodObject<{
+      children: import("zod").ZodUnion<[import("zod").ZodArray<import("zod").ZodString, "many">, import("zod").ZodObject<{
+        componentId: import("zod").ZodString;
+        path: import("zod").ZodString;
+      }, "strip", import("zod").ZodTypeAny, {
+        componentId: string;
+        path: string;
+      }, {
+        componentId: string;
+        path: string;
+      }>]>;
+      gap: import("zod").ZodOptional<import("zod").ZodEnum<["xs", "sm", "md", "lg", "xl"]>>;
+      justify: import("zod").ZodOptional<import("zod").ZodEnum<["start", "center", "end", "spaceBetween"]>>;
+      align: import("zod").ZodOptional<import("zod").ZodEnum<["start", "center", "end", "stretch"]>>;
+      weight: import("zod").ZodOptional<import("zod").ZodUnion<[import("zod").ZodArray<import("zod").ZodNumber, "many">, import("zod").ZodObject<{
+        path: import("zod").ZodString;
+      }, "strip", import("zod").ZodTypeAny, {
+        path: string;
+      }, {
+        path: string;
+      }>]>>;
+    }, "strip", import("zod").ZodTypeAny, {
+      children: string[] | {
+        componentId: string;
+        path: string;
+      };
+      gap?: "lg" | "md" | "sm" | "xl" | "xs" | undefined;
+      justify?: "center" | "end" | "spaceBetween" | "start" | undefined;
+      align?: "center" | "end" | "start" | "stretch" | undefined;
+      weight?: number[] | {
+        path: string;
+      } | undefined;
+    }, {
+      children: string[] | {
+        componentId: string;
+        path: string;
+      };
+      gap?: "lg" | "md" | "sm" | "xl" | "xs" | undefined;
+      justify?: "center" | "end" | "spaceBetween" | "start" | undefined;
+      align?: "center" | "end" | "start" | "stretch" | undefined;
+      weight?: number[] | {
+        path: string;
+      } | undefined;
+    }>;
+  };
+  List: {
+    description: string;
+    props: import("zod").ZodObject<{
+      children: import("zod").ZodOptional<import("zod").ZodUnion<[import("zod").ZodArray<import("zod").ZodString, "many">, import("zod").ZodObject<{
+        componentId: import("zod").ZodString;
+        path: import("zod").ZodString;
+      }, "strip", import("zod").ZodTypeAny, {
+        componentId: string;
+        path: string;
+      }, {
+        componentId: string;
+        path: string;
+      }>]>>;
+      items: import("zod").ZodOptional<import("zod").ZodUnion<[import("zod").ZodArray<import("zod").ZodString, "many">, import("zod").ZodObject<{
+        componentId: import("zod").ZodString;
+        path: import("zod").ZodString;
+      }, "strip", import("zod").ZodTypeAny, {
+        componentId: string;
+        path: string;
+      }, {
+        componentId: string;
+        path: string;
+      }>]>>;
+      direction: import("zod").ZodOptional<import("zod").ZodEnum<["vertical", "horizontal"]>>;
+      align: import("zod").ZodOptional<import("zod").ZodEnum<["start", "center", "end", "stretch"]>>;
+    }, "strip", import("zod").ZodTypeAny, {
+      children?: string[] | {
+        componentId: string;
+        path: string;
+      } | undefined;
+      items?: string[] | {
+        componentId: string;
+        path: string;
+      } | undefined;
+      direction?: "horizontal" | "vertical" | undefined;
+      align?: "center" | "end" | "start" | "stretch" | undefined;
+    }, {
+      children?: string[] | {
+        componentId: string;
+        path: string;
+      } | undefined;
+      items?: string[] | {
+        componentId: string;
+        path: string;
+      } | undefined;
+      direction?: "horizontal" | "vertical" | undefined;
+      align?: "center" | "end" | "start" | "stretch" | undefined;
+    }>;
+  };
+  Tabs: {
+    description: string;
+    props: import("zod").ZodObject<{
+      tabs: import("zod").ZodArray<import("zod").ZodObject<{
+        title: import("zod").ZodUnion<[import("zod").ZodString, import("zod").ZodObject<{
+          path: import("zod").ZodString;
+        }, "strip", import("zod").ZodTypeAny, {
+          path: string;
+        }, {
+          path: string;
+        }>]>;
+        child: import("zod").ZodString;
+      }, "strip", import("zod").ZodTypeAny, {
+        title: string | {
+          path: string;
+        };
+        child: string;
+      }, {
+        title: string | {
+          path: string;
+        };
+        child: string;
+      }>, "many">;
+    }, "strip", import("zod").ZodTypeAny, {
+      tabs: {
+        title: string | {
+          path: string;
+        };
+        child: string;
+      }[];
+    }, {
+      tabs: {
+        title: string | {
+          path: string;
+        };
+        child: string;
+      }[];
+    }>;
+  };
+  Modal: {
+    description: string;
+    props: import("zod").ZodObject<{
+      trigger: import("zod").ZodString;
+      content: import("zod").ZodString;
+    }, "strip", import("zod").ZodTypeAny, {
+      trigger: string;
+      content: string;
+    }, {
+      trigger: string;
+      content: string;
+    }>;
+  };
+  CheckBox: {
+    description: string;
+    props: import("zod").ZodObject<{
+      label: import("zod").ZodOptional<import("zod").ZodUnion<[import("zod").ZodString, import("zod").ZodObject<{
+        path: import("zod").ZodString;
+      }, "strip", import("zod").ZodTypeAny, {
+        path: string;
+      }, {
+        path: string;
+      }>]>>;
+      value: import("zod").ZodUnion<[import("zod").ZodBoolean, import("zod").ZodObject<{
+        path: import("zod").ZodString;
+      }, "strip", import("zod").ZodTypeAny, {
+        path: string;
+      }, {
+        path: string;
+      }>]>;
+    }, "strip", import("zod").ZodTypeAny, {
+      label?: string | {
+        path: string;
+      } | undefined;
+      value: boolean | {
+        path: string;
+      };
+    }, {
+      label?: string | {
+        path: string;
+      } | undefined;
+      value: boolean | {
+        path: string;
+      };
+    }>;
+  };
+  TextField: {
+    description: string;
+    props: import("zod").ZodObject<{
+      label: import("zod").ZodOptional<import("zod").ZodUnion<[import("zod").ZodString, import("zod").ZodObject<{
+        path: import("zod").ZodString;
+      }, "strip", import("zod").ZodTypeAny, {
+        path: string;
+      }, {
+        path: string;
+      }>]>>;
+      value: import("zod").ZodOptional<import("zod").ZodUnion<[import("zod").ZodString, import("zod").ZodObject<{
+        path: import("zod").ZodString;
+      }, "strip", import("zod").ZodTypeAny, {
+        path: string;
+      }, {
+        path: string;
+      }>]>>;
+      variant: import("zod").ZodOptional<import("zod").ZodEnum<["shortText", "longText", "number", "obscured"]>>;
+      checks: import("zod").ZodOptional<import("zod").ZodAny>;
+      validationRegexp: import("zod").ZodOptional<import("zod").ZodString>;
+    }, "strip", import("zod").ZodTypeAny, {
+      label?: string | {
+        path: string;
+      } | undefined;
+      value?: string | {
+        path: string;
+      } | undefined;
+      variant?: "longText" | "number" | "obscured" | "shortText" | undefined;
+      checks?: any;
+      validationRegexp?: string | undefined;
+    }, {
+      label?: string | {
+        path: string;
+      } | undefined;
+      value?: string | {
+        path: string;
+      } | undefined;
+      variant?: "longText" | "number" | "obscured" | "shortText" | undefined;
+      checks?: any;
+      validationRegexp?: string | undefined;
+    }>;
+  };
+  ChoicePicker: {
+    description: string;
+    props: import("zod").ZodObject<{
+      options: import("zod").ZodUnion<[import("zod").ZodArray<import("zod").ZodObject<{
+        label: import("zod").ZodString;
+        value: import("zod").ZodString;
+      }, "strip", import("zod").ZodTypeAny, {
+        label: string;
+        value: string;
+      }, {
+        label: string;
+        value: string;
+      }>, "many">, import("zod").ZodObject<{
+        path: import("zod").ZodString;
+      }, "strip", import("zod").ZodTypeAny, {
+        path: string;
+      }, {
+        path: string;
+      }>]>;
+      value: import("zod").ZodUnion<[import("zod").ZodString, import("zod").ZodArray<import("zod").ZodString, "many">, import("zod").ZodObject<{
+        path: import("zod").ZodString;
+      }, "strip", import("zod").ZodTypeAny, {
+        path: string;
+      }, {
+        path: string;
+      }>]>;
+      variant: import("zod").ZodOptional<import("zod").ZodEnum<["mutuallyExclusive", "multipleSelection"]>>;
+    }, "strip", import("zod").ZodTypeAny, {
+      options: {
+        label: string;
+        value: string;
+      }[] | {
+        path: string;
+      };
+      value: string | string[] | {
+        path: string;
+      };
+      variant?: "multipleSelection" | "mutuallyExclusive" | undefined;
+    }, {
+      options: {
+        label: string;
+        value: string;
+      }[] | {
+        path: string;
+      };
+      value: string | string[] | {
+        path: string;
+      };
+      variant?: "multipleSelection" | "mutuallyExclusive" | undefined;
+    }>;
+  };
+  Slider: {
+    description: string;
+    props: import("zod").ZodObject<{
+      value: import("zod").ZodUnion<[import("zod").ZodNumber, import("zod").ZodObject<{
+        path: import("zod").ZodString;
+      }, "strip", import("zod").ZodTypeAny, {
+        path: string;
+      }, {
+        path: string;
+      }>]>;
+      min: import("zod").ZodOptional<import("zod").ZodNumber>;
+      max: import("zod").ZodOptional<import("zod").ZodNumber>;
+    }, "strip", import("zod").ZodTypeAny, {
+      value: number | {
+        path: string;
+      };
+      min?: number | undefined;
+      max?: number | undefined;
+    }, {
+      value: number | {
+        path: string;
+      };
+      min?: number | undefined;
+      max?: number | undefined;
+    }>;
+  };
+  DateTimeInput: {
+    description: string;
+    props: import("zod").ZodObject<{
+      value: import("zod").ZodOptional<import("zod").ZodUnion<[import("zod").ZodString, import("zod").ZodObject<{
+        path: import("zod").ZodString;
+      }, "strip", import("zod").ZodTypeAny, {
+        path: string;
+      }, {
+        path: string;
+      }>]>>;
+      label: import("zod").ZodOptional<import("zod").ZodUnion<[import("zod").ZodString, import("zod").ZodObject<{
+        path: import("zod").ZodString;
+      }, "strip", import("zod").ZodTypeAny, {
+        path: string;
+      }, {
+        path: string;
+      }>]>>;
+      enableDate: import("zod").ZodOptional<import("zod").ZodBoolean>;
+      enableTime: import("zod").ZodOptional<import("zod").ZodBoolean>;
+      min: import("zod").ZodOptional<import("zod").ZodUnion<[import("zod").ZodString, import("zod").ZodObject<{
+        path: import("zod").ZodString;
+      }, "strip", import("zod").ZodTypeAny, {
+        path: string;
+      }, {
+        path: string;
+      }>]>>;
+      max: import("zod").ZodOptional<import("zod").ZodUnion<[import("zod").ZodString, import("zod").ZodObject<{
+        path: import("zod").ZodString;
+      }, "strip", import("zod").ZodTypeAny, {
+        path: string;
+      }, {
+        path: string;
+      }>]>>;
+    }, "strip", import("zod").ZodTypeAny, {
+      value?: string | {
+        path: string;
+      } | undefined;
+      label?: string | {
+        path: string;
+      } | undefined;
+      enableDate?: boolean | undefined;
+      enableTime?: boolean | undefined;
+      min?: string | {
+        path: string;
+      } | undefined;
+      max?: string | {
+        path: string;
+      } | undefined;
+    }, {
+      value?: string | {
+        path: string;
+      } | undefined;
+      label?: string | {
+        path: string;
+      } | undefined;
+      enableDate?: boolean | undefined;
+      enableTime?: boolean | undefined;
+      min?: string | {
+        path: string;
+      } | undefined;
+      max?: string | {
+        path: string;
+      } | undefined;
+    }>;
+  };
+  Overline: {
+    description: string;
+    props: import("zod").ZodObject<{
+      text: import("zod").ZodUnion<[import("zod").ZodString, import("zod").ZodObject<{
+        path: import("zod").ZodString;
+      }, "strip", import("zod").ZodTypeAny, {
+        path: string;
+      }, {
+        path: string;
+      }>]>;
+    }, "strip", import("zod").ZodTypeAny, {
+      text: string | {
+        path: string;
+      };
+    }, {
+      text: string | {
+        path: string;
+      };
+    }>;
+  };
+  Badge: {
+    description: string;
+    props: import("zod").ZodObject<{
+      label: import("zod").ZodUnion<[import("zod").ZodString, import("zod").ZodObject<{
+        path: import("zod").ZodString;
+      }, "strip", import("zod").ZodTypeAny, {
+        path: string;
+      }, {
+        path: string;
+      }>]>;
+      tone: import("zod").ZodOptional<import("zod").ZodEnum<["neutral", "positive", "warning", "danger", "info"]>>;
+    }, "strip", import("zod").ZodTypeAny, {
+      label: string | {
+        path: string;
+      };
+      tone?: "danger" | "info" | "neutral" | "positive" | "warning" | undefined;
+    }, {
+      label: string | {
+        path: string;
+      };
+      tone?: "danger" | "info" | "neutral" | "positive" | "warning" | undefined;
+    }>;
+  };
+  StatusBadge: {
+    description: string;
+    props: import("zod").ZodObject<{
+      label: import("zod").ZodUnion<[import("zod").ZodString, import("zod").ZodObject<{
+        path: import("zod").ZodString;
+      }, "strip", import("zod").ZodTypeAny, {
+        path: string;
+      }, {
+        path: string;
+      }>]>;
+      status: import("zod").ZodOptional<import("zod").ZodEnum<["positive", "negative", "warning", "neutral"]>>;
+    }, "strip", import("zod").ZodTypeAny, {
+      label: string | {
+        path: string;
+      };
+      status?: "negative" | "neutral" | "positive" | "warning" | undefined;
+    }, {
+      label: string | {
+        path: string;
+      };
+      status?: "negative" | "neutral" | "positive" | "warning" | undefined;
+    }>;
+  };
+  Callout: {
+    description: string;
+    props: import("zod").ZodObject<{
+      body: import("zod").ZodUnion<[import("zod").ZodString, import("zod").ZodObject<{
+        path: import("zod").ZodString;
+      }, "strip", import("zod").ZodTypeAny, {
+        path: string;
+      }, {
+        path: string;
+      }>]>;
+      title: import("zod").ZodOptional<import("zod").ZodUnion<[import("zod").ZodString, import("zod").ZodObject<{
+        path: import("zod").ZodString;
+      }, "strip", import("zod").ZodTypeAny, {
+        path: string;
+      }, {
+        path: string;
+      }>]>>;
+      tone: import("zod").ZodOptional<import("zod").ZodEnum<["info", "positive", "warning", "neutral"]>>;
+    }, "strip", import("zod").ZodTypeAny, {
+      body: string | {
+        path: string;
+      };
+      title?: string | {
+        path: string;
+      } | undefined;
+      tone?: "info" | "neutral" | "positive" | "warning" | undefined;
+    }, {
+      body: string | {
+        path: string;
+      };
+      title?: string | {
+        path: string;
+      } | undefined;
+      tone?: "info" | "neutral" | "positive" | "warning" | undefined;
+    }>;
+  };
+  BulletList: {
+    description: string;
+    props: import("zod").ZodObject<{
+      items: import("zod").ZodUnion<[import("zod").ZodArray<import("zod").ZodString, "many">, import("zod").ZodObject<{
+        path: import("zod").ZodString;
+      }, "strip", import("zod").ZodTypeAny, {
+        path: string;
+      }, {
+        path: string;
+      }>]>;
+      ordered: import("zod").ZodOptional<import("zod").ZodBoolean>;
+    }, "strip", import("zod").ZodTypeAny, {
+      items: string[] | {
+        path: string;
+      };
+      ordered?: boolean | undefined;
+    }, {
+      items: string[] | {
+        path: string;
+      };
+      ordered?: boolean | undefined;
+    }>;
+  };
+  StatCard: {
+    description: string;
+    props: import("zod").ZodObject<{
+      label: import("zod").ZodUnion<[import("zod").ZodString, import("zod").ZodObject<{
+        path: import("zod").ZodString;
+      }, "strip", import("zod").ZodTypeAny, {
+        path: string;
+      }, {
+        path: string;
+      }>]>;
+      value: import("zod").ZodUnion<[import("zod").ZodString, import("zod").ZodObject<{
+        path: import("zod").ZodString;
+      }, "strip", import("zod").ZodTypeAny, {
+        path: string;
+      }, {
+        path: string;
+      }>]>;
+      delta: import("zod").ZodOptional<import("zod").ZodUnion<[import("zod").ZodString, import("zod").ZodObject<{
+        path: import("zod").ZodString;
+      }, "strip", import("zod").ZodTypeAny, {
+        path: string;
+      }, {
+        path: string;
+      }>]>>;
+      deltaTone: import("zod").ZodOptional<import("zod").ZodEnum<["positive", "negative", "neutral"]>>;
+      caption: import("zod").ZodOptional<import("zod").ZodUnion<[import("zod").ZodString, import("zod").ZodObject<{
+        path: import("zod").ZodString;
+      }, "strip", import("zod").ZodTypeAny, {
+        path: string;
+      }, {
+        path: string;
+      }>]>>;
+    }, "strip", import("zod").ZodTypeAny, {
+      label: string | {
+        path: string;
+      };
+      value: string | {
+        path: string;
+      };
+      delta?: string | {
+        path: string;
+      } | undefined;
+      deltaTone?: "negative" | "neutral" | "positive" | undefined;
+      caption?: string | {
+        path: string;
+      } | undefined;
+    }, {
+      label: string | {
+        path: string;
+      };
+      value: string | {
+        path: string;
+      };
+      delta?: string | {
+        path: string;
+      } | undefined;
+      deltaTone?: "negative" | "neutral" | "positive" | undefined;
+      caption?: string | {
+        path: string;
+      } | undefined;
+    }>;
+  };
+  Metric: {
+    description: string;
+    props: import("zod").ZodObject<{
+      label: import("zod").ZodUnion<[import("zod").ZodString, import("zod").ZodObject<{
+        path: import("zod").ZodString;
+      }, "strip", import("zod").ZodTypeAny, {
+        path: string;
+      }, {
+        path: string;
+      }>]>;
+      value: import("zod").ZodUnion<[import("zod").ZodString, import("zod").ZodObject<{
+        path: import("zod").ZodString;
+      }, "strip", import("zod").ZodTypeAny, {
+        path: string;
+      }, {
+        path: string;
+      }>]>;
+      trend: import("zod").ZodOptional<import("zod").ZodUnion<[import("zod").ZodString, import("zod").ZodObject<{
+        path: import("zod").ZodString;
+      }, "strip", import("zod").ZodTypeAny, {
+        path: string;
+      }, {
+        path: string;
+      }>]>>;
+    }, "strip", import("zod").ZodTypeAny, {
+      label: string | {
+        path: string;
+      };
+      value: string | {
+        path: string;
+      };
+      trend?: string | {
+        path: string;
+      } | undefined;
+    }, {
+      label: string | {
+        path: string;
+      };
+      value: string | {
+        path: string;
+      };
+      trend?: string | {
+        path: string;
+      } | undefined;
+    }>;
+  };
+  BarChart: {
+    description: string;
+    props: import("zod").ZodObject<{
+      data: import("zod").ZodUnion<[import("zod").ZodArray<import("zod").ZodObject<{
+        label: import("zod").ZodString;
+        value: import("zod").ZodNumber;
+      }, "strip", import("zod").ZodTypeAny, {
+        label: string;
+        value: number;
+      }, {
+        label: string;
+        value: number;
+      }>, "many">, import("zod").ZodObject<{
+        path: import("zod").ZodString;
+      }, "strip", import("zod").ZodTypeAny, {
+        path: string;
+      }, {
+        path: string;
+      }>]>;
+      height: import("zod").ZodOptional<import("zod").ZodNumber>;
+    }, "strip", import("zod").ZodTypeAny, {
+      data: {
+        label: string;
+        value: number;
+      }[] | {
+        path: string;
+      };
+      height?: number | undefined;
+    }, {
+      data: {
+        label: string;
+        value: number;
+      }[] | {
+        path: string;
+      };
+      height?: number | undefined;
+    }>;
+  };
+  HorizontalBarChart: {
+    description: string;
+    props: import("zod").ZodObject<{
+      data: import("zod").ZodUnion<[import("zod").ZodArray<import("zod").ZodObject<{
+        label: import("zod").ZodString;
+        value: import("zod").ZodNumber;
+      }, "strip", import("zod").ZodTypeAny, {
+        label: string;
+        value: number;
+      }, {
+        label: string;
+        value: number;
+      }>, "many">, import("zod").ZodObject<{
+        path: import("zod").ZodString;
+      }, "strip", import("zod").ZodTypeAny, {
+        path: string;
+      }, {
+        path: string;
+      }>]>;
+      height: import("zod").ZodOptional<import("zod").ZodNumber>;
+    }, "strip", import("zod").ZodTypeAny, {
+      data: {
+        label: string;
+        value: number;
+      }[] | {
+        path: string;
+      };
+      height?: number | undefined;
+    }, {
+      data: {
+        label: string;
+        value: number;
+      }[] | {
+        path: string;
+      };
+      height?: number | undefined;
+    }>;
+  };
+  LineChart: {
+    description: string;
+    props: import("zod").ZodObject<{
+      data: import("zod").ZodUnion<[import("zod").ZodArray<import("zod").ZodObject<{
+        label: import("zod").ZodString;
+        value: import("zod").ZodNumber;
+      }, "strip", import("zod").ZodTypeAny, {
+        label: string;
+        value: number;
+      }, {
+        label: string;
+        value: number;
+      }>, "many">, import("zod").ZodObject<{
+        path: import("zod").ZodString;
+      }, "strip", import("zod").ZodTypeAny, {
+        path: string;
+      }, {
+        path: string;
+      }>]>;
+      height: import("zod").ZodOptional<import("zod").ZodNumber>;
+    }, "strip", import("zod").ZodTypeAny, {
+      data: {
+        label: string;
+        value: number;
+      }[] | {
+        path: string;
+      };
+      height?: number | undefined;
+    }, {
+      data: {
+        label: string;
+        value: number;
+      }[] | {
+        path: string;
+      };
+      height?: number | undefined;
+    }>;
+  };
+  DonutChart: {
+    description: string;
+    props: import("zod").ZodObject<{
+      data: import("zod").ZodUnion<[import("zod").ZodArray<import("zod").ZodObject<{
+        label: import("zod").ZodString;
+        value: import("zod").ZodNumber;
+      }, "strip", import("zod").ZodTypeAny, {
+        label: string;
+        value: number;
+      }, {
+        label: string;
+        value: number;
+      }>, "many">, import("zod").ZodObject<{
+        path: import("zod").ZodString;
+      }, "strip", import("zod").ZodTypeAny, {
+        path: string;
+      }, {
+        path: string;
+      }>]>;
+      height: import("zod").ZodOptional<import("zod").ZodNumber>;
+    }, "strip", import("zod").ZodTypeAny, {
+      data: {
+        label: string;
+        value: number;
+      }[] | {
+        path: string;
+      };
+      height?: number | undefined;
+    }, {
+      data: {
+        label: string;
+        value: number;
+      }[] | {
+        path: string;
+      };
+      height?: number | undefined;
+    }>;
+  };
+  PieChart: {
+    description: string;
+    props: import("zod").ZodObject<{
+      data: import("zod").ZodUnion<[import("zod").ZodArray<import("zod").ZodObject<{
+        label: import("zod").ZodString;
+        value: import("zod").ZodNumber;
+      }, "strip", import("zod").ZodTypeAny, {
+        label: string;
+        value: number;
+      }, {
+        label: string;
+        value: number;
+      }>, "many">, import("zod").ZodObject<{
+        path: import("zod").ZodString;
+      }, "strip", import("zod").ZodTypeAny, {
+        path: string;
+      }, {
+        path: string;
+      }>]>;
+      height: import("zod").ZodOptional<import("zod").ZodNumber>;
+    }, "strip", import("zod").ZodTypeAny, {
+      data: {
+        label: string;
+        value: number;
+      }[] | {
+        path: string;
+      };
+      height?: number | undefined;
+    }, {
+      data: {
+        label: string;
+        value: number;
+      }[] | {
+        path: string;
+      };
+      height?: number | undefined;
+    }>;
+  };
+  AreaChart: {
+    description: string;
+    props: import("zod").ZodObject<{
+      data: import("zod").ZodUnion<[import("zod").ZodArray<import("zod").ZodObject<{
+        label: import("zod").ZodString;
+        value: import("zod").ZodNumber;
+      }, "strip", import("zod").ZodTypeAny, {
+        label: string;
+        value: number;
+      }, {
+        label: string;
+        value: number;
+      }>, "many">, import("zod").ZodObject<{
+        path: import("zod").ZodString;
+      }, "strip", import("zod").ZodTypeAny, {
+        path: string;
+      }, {
+        path: string;
+      }>]>;
+      height: import("zod").ZodOptional<import("zod").ZodNumber>;
+    }, "strip", import("zod").ZodTypeAny, {
+      data: {
+        label: string;
+        value: number;
+      }[] | {
+        path: string;
+      };
+      height?: number | undefined;
+    }, {
+      data: {
+        label: string;
+        value: number;
+      }[] | {
+        path: string;
+      };
+      height?: number | undefined;
+    }>;
+  };
+  RadarChart: {
+    description: string;
+    props: import("zod").ZodObject<{
+      data: import("zod").ZodUnion<[import("zod").ZodArray<import("zod").ZodObject<{
+        label: import("zod").ZodString;
+        value: import("zod").ZodNumber;
+      }, "strip", import("zod").ZodTypeAny, {
+        label: string;
+        value: number;
+      }, {
+        label: string;
+        value: number;
+      }>, "many">, import("zod").ZodObject<{
+        path: import("zod").ZodString;
+      }, "strip", import("zod").ZodTypeAny, {
+        path: string;
+      }, {
+        path: string;
+      }>]>;
+      height: import("zod").ZodOptional<import("zod").ZodNumber>;
+    }, "strip", import("zod").ZodTypeAny, {
+      data: {
+        label: string;
+        value: number;
+      }[] | {
+        path: string;
+      };
+      height?: number | undefined;
+    }, {
+      data: {
+        label: string;
+        value: number;
+      }[] | {
+        path: string;
+      };
+      height?: number | undefined;
+    }>;
+  };
+  RadialChart: {
+    description: string;
+    props: import("zod").ZodObject<{
+      data: import("zod").ZodUnion<[import("zod").ZodArray<import("zod").ZodObject<{
+        label: import("zod").ZodString;
+        value: import("zod").ZodNumber;
+      }, "strip", import("zod").ZodTypeAny, {
+        label: string;
+        value: number;
+      }, {
+        label: string;
+        value: number;
+      }>, "many">, import("zod").ZodObject<{
+        path: import("zod").ZodString;
+      }, "strip", import("zod").ZodTypeAny, {
+        path: string;
+      }, {
+        path: string;
+      }>]>;
+      height: import("zod").ZodOptional<import("zod").ZodNumber>;
+    }, "strip", import("zod").ZodTypeAny, {
+      data: {
+        label: string;
+        value: number;
+      }[] | {
+        path: string;
+      };
+      height?: number | undefined;
+    }, {
+      data: {
+        label: string;
+        value: number;
+      }[] | {
+        path: string;
+      };
+      height?: number | undefined;
+    }>;
+  };
+  WaterfallChart: {
+    description: string;
+    props: import("zod").ZodObject<{
+      data: import("zod").ZodUnion<[import("zod").ZodArray<import("zod").ZodObject<{
+        label: import("zod").ZodString;
+        value: import("zod").ZodNumber;
+      }, "strip", import("zod").ZodTypeAny, {
+        label: string;
+        value: number;
+      }, {
+        label: string;
+        value: number;
+      }>, "many">, import("zod").ZodObject<{
+        path: import("zod").ZodString;
+      }, "strip", import("zod").ZodTypeAny, {
+        path: string;
+      }, {
+        path: string;
+      }>]>;
+      height: import("zod").ZodOptional<import("zod").ZodNumber>;
+    }, "strip", import("zod").ZodTypeAny, {
+      data: {
+        label: string;
+        value: number;
+      }[] | {
+        path: string;
+      };
+      height?: number | undefined;
+    }, {
+      data: {
+        label: string;
+        value: number;
+      }[] | {
+        path: string;
+      };
+      height?: number | undefined;
+    }>;
+  };
+  RiskGauge: {
+    description: string;
+    props: import("zod").ZodObject<{
+      label: import("zod").ZodOptional<import("zod").ZodUnion<[import("zod").ZodString, import("zod").ZodObject<{
+        path: import("zod").ZodString;
+      }, "strip", import("zod").ZodTypeAny, {
+        path: string;
+      }, {
+        path: string;
+      }>]>>;
+      value: import("zod").ZodNumber;
+      riskLevel: import("zod").ZodOptional<import("zod").ZodEnum<["low", "medium", "high"]>>;
+      description: import("zod").ZodOptional<import("zod").ZodUnion<[import("zod").ZodString, import("zod").ZodObject<{
+        path: import("zod").ZodString;
+      }, "strip", import("zod").ZodTypeAny, {
+        path: string;
+      }, {
+        path: string;
+      }>]>>;
+      min: import("zod").ZodOptional<import("zod").ZodNumber>;
+      max: import("zod").ZodOptional<import("zod").ZodNumber>;
+    }, "strip", import("zod").ZodTypeAny, {
+      label?: string | {
+        path: string;
+      } | undefined;
+      value: number;
+      riskLevel?: "high" | "low" | "medium" | undefined;
+      description?: string | {
+        path: string;
+      } | undefined;
+      min?: number | undefined;
+      max?: number | undefined;
+    }, {
+      label?: string | {
+        path: string;
+      } | undefined;
+      value: number;
+      riskLevel?: "high" | "low" | "medium" | undefined;
+      description?: string | {
+        path: string;
+      } | undefined;
+      min?: number | undefined;
+      max?: number | undefined;
+    }>;
+  };
+  ScatterChart: {
+    description: string;
+    props: import("zod").ZodObject<{
+      data: import("zod").ZodUnion<[import("zod").ZodArray<import("zod").ZodObject<{
+        x: import("zod").ZodNumber;
+        y: import("zod").ZodNumber;
+        label: import("zod").ZodOptional<import("zod").ZodString>;
+      }, "strip", import("zod").ZodTypeAny, {
+        x: number;
+        y: number;
+        label?: string | undefined;
+      }, {
+        x: number;
+        y: number;
+        label?: string | undefined;
+      }>, "many">, import("zod").ZodObject<{
+        path: import("zod").ZodString;
+      }, "strip", import("zod").ZodTypeAny, {
+        path: string;
+      }, {
+        path: string;
+      }>]>;
+      xLabel: import("zod").ZodOptional<import("zod").ZodString>;
+      yLabel: import("zod").ZodOptional<import("zod").ZodString>;
+      height: import("zod").ZodOptional<import("zod").ZodNumber>;
+    }, "strip", import("zod").ZodTypeAny, {
+      data: {
+        x: number;
+        y: number;
+        label?: string | undefined;
+      }[] | {
+        path: string;
+      };
+      xLabel?: string | undefined;
+      yLabel?: string | undefined;
+      height?: number | undefined;
+    }, {
+      data: {
+        x: number;
+        y: number;
+        label?: string | undefined;
+      }[] | {
+        path: string;
+      };
+      xLabel?: string | undefined;
+      yLabel?: string | undefined;
+      height?: number | undefined;
+    }>;
+  };
+  DataTable: {
+    description: string;
+    props: import("zod").ZodObject<{
+      columns: import("zod").ZodArray<import("zod").ZodObject<{
+        key: import("zod").ZodString;
+        label: import("zod").ZodString;
+        align: import("zod").ZodOptional<import("zod").ZodEnum<["left", "right"]>>;
+      }, "strip", import("zod").ZodTypeAny, {
+        key: string;
+        label: string;
+        align?: "left" | "right" | undefined;
+      }, {
+        key: string;
+        label: string;
+        align?: "left" | "right" | undefined;
+      }>, "many">;
+      rows: import("zod").ZodUnion<[import("zod").ZodArray<import("zod").ZodRecord<import("zod").ZodString, import("zod").ZodUnion<[import("zod").ZodString, import("zod").ZodNumber]>>, "many">, import("zod").ZodObject<{
+        path: import("zod").ZodString;
+      }, "strip", import("zod").ZodTypeAny, {
+        path: string;
+      }, {
+        path: string;
+      }>]>;
+    }, "strip", import("zod").ZodTypeAny, {
+      columns: {
+        key: string;
+        label: string;
+        align?: "left" | "right" | undefined;
+      }[];
+      rows: Record<string, string | number>[] | {
+        path: string;
+      };
+    }, {
+      columns: {
+        key: string;
+        label: string;
+        align?: "left" | "right" | undefined;
+      }[];
+      rows: Record<string, string | number>[] | {
+        path: string;
+      };
+    }>;
+  };
+  Button: {
+    description: string;
+    props: import("zod").ZodObject<{
+      child: import("zod").ZodString;
+      variant: import("zod").ZodOptional<import("zod").ZodEnum<["default", "primary", "borderless"]>>;
+      action: import("zod").ZodUnion<[import("zod").ZodObject<{
+        event: import("zod").ZodObject<{
+          name: import("zod").ZodString;
+          context: import("zod").ZodOptional<import("zod").ZodRecord<import("zod").ZodString, import("zod").ZodUnknown>>;
+        }, "strip", import("zod").ZodTypeAny, {
+          name: string;
+          context?: Record<string, unknown> | undefined;
+        }, {
+          name: string;
+          context?: Record<string, unknown> | undefined;
+        }>;
+      }, "strip", import("zod").ZodTypeAny, {
+        event: {
+          name: string;
+          context?: Record<string, unknown> | undefined;
+        };
+      }, {
+        event: {
+          name: string;
+          context?: Record<string, unknown> | undefined;
+        };
+      }>, import("zod").ZodObject<{
+        functionCall: import("zod").ZodObject<{
+          call: import("zod").ZodString;
+          args: import("zod").ZodOptional<import("zod").ZodRecord<import("zod").ZodString, import("zod").ZodUnknown>>;
+          returnType: import("zod").ZodOptional<import("zod").ZodString>;
+        }, "strip", import("zod").ZodTypeAny, {
+          call: string;
+          args?: Record<string, unknown> | undefined;
+          returnType?: string | undefined;
+        }, {
+          call: string;
+          args?: Record<string, unknown> | undefined;
+          returnType?: string | undefined;
+        }>;
+      }, "strip", import("zod").ZodTypeAny, {
+        functionCall: {
+          call: string;
+          args?: Record<string, unknown> | undefined;
+          returnType?: string | undefined;
+        };
+      }, {
+        functionCall: {
+          call: string;
+          args?: Record<string, unknown> | undefined;
+          returnType?: string | undefined;
+        };
+      }>]>;
+      checks: import("zod").ZodOptional<import("zod").ZodArray<import("zod").ZodObject<{
+        condition: import("zod").ZodAny;
+        message: import("zod").ZodString;
+      }, "strip", import("zod").ZodTypeAny, {
+        condition?: any;
+        message: string;
+      }, {
+        condition?: any;
+        message: string;
+      }>, "many">>;
+    }, "strip", import("zod").ZodTypeAny, {
+      child: string;
+      variant?: "borderless" | "default" | "primary" | undefined;
+      action: {
+        event: {
+          name: string;
+          context?: Record<string, unknown> | undefined;
+        };
+      } | {
+        functionCall: {
+          call: string;
+          args?: Record<string, unknown> | undefined;
+          returnType?: string | undefined;
+        };
+      };
+      checks?: {
+        condition?: any;
+        message: string;
+      }[] | undefined;
+    }, {
+      child: string;
+      variant?: "borderless" | "default" | "primary" | undefined;
+      action: {
+        event: {
+          name: string;
+          context?: Record<string, unknown> | undefined;
+        };
+      } | {
+        functionCall: {
+          call: string;
+          args?: Record<string, unknown> | undefined;
+          returnType?: string | undefined;
+        };
+      };
+      checks?: {
+        condition?: any;
+        message: string;
+      }[] | undefined;
+    }>;
+  };
+  ChoiceChips: {
+    description: string;
+    props: import("zod").ZodObject<{
+      label: import("zod").ZodString;
+      options: import("zod").ZodUnion<[import("zod").ZodArray<import("zod").ZodObject<{
+        label: import("zod").ZodString;
+        value: import("zod").ZodString;
+      }, "strip", import("zod").ZodTypeAny, {
+        label: string;
+        value: string;
+      }, {
+        label: string;
+        value: string;
+      }>, "many">, import("zod").ZodObject<{
+        path: import("zod").ZodString;
+      }, "strip", import("zod").ZodTypeAny, {
+        path: string;
+      }, {
+        path: string;
+      }>]>;
+      value: import("zod").ZodObject<{
+        path: import("zod").ZodString;
+      }, "strip", import("zod").ZodTypeAny, {
+        path: string;
+      }, {
+        path: string;
+      }>;
+      multi: import("zod").ZodOptional<import("zod").ZodBoolean>;
+    }, "strip", import("zod").ZodTypeAny, {
+      label: string;
+      options: {
+        label: string;
+        value: string;
+      }[] | {
+        path: string;
+      };
+      value: {
+        path: string;
+      };
+      multi?: boolean | undefined;
+    }, {
+      label: string;
+      options: {
+        label: string;
+        value: string;
+      }[] | {
+        path: string;
+      };
+      value: {
+        path: string;
+      };
+      multi?: boolean | undefined;
+    }>;
+  };
+  ReportGenerationCard: {
+    description: string;
+    props: import("zod").ZodObject<{
+      report_id: import("zod").ZodOptional<import("zod").ZodString>;
+      report_name: import("zod").ZodOptional<import("zod").ZodString>;
+      blob_url: import("zod").ZodOptional<import("zod").ZodString>;
+      generated_at: import("zod").ZodOptional<import("zod").ZodString>;
+      status: import("zod").ZodOptional<import("zod").ZodString>;
+      message: import("zod").ZodOptional<import("zod").ZodString>;
+    }, "strip", import("zod").ZodTypeAny, {
+      report_id?: string | undefined;
+      report_name?: string | undefined;
+      blob_url?: string | undefined;
+      generated_at?: string | undefined;
+      status?: string | undefined;
+      message?: string | undefined;
+    }, {
+      report_id?: string | undefined;
+      report_name?: string | undefined;
+      blob_url?: string | undefined;
+      generated_at?: string | undefined;
+      status?: string | undefined;
+      message?: string | undefined;
+    }>;
+  };
+};
+//#endregion
+//#region src/components/ui/button.d.ts
+declare const buttonVariants: (props?: ({
+  variant?: "default" | "destructive" | "ghost" | "link" | "outline" | "secondary" | null | undefined;
+  size?: "default" | "icon" | "icon-lg" | "icon-sm" | "icon-xs" | "lg" | "sm" | "xs" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function Button({ className, variant, size, ...props }: Button$1.Props & VariantProps<typeof buttonVariants>): import("react").JSX.Element;
+//#endregion
+//#region src/components/ui/input.d.ts
+declare function Input({ className, type, ...props }: React$2.ComponentProps<"input">): React$2.JSX.Element;
+//#endregion
+//#region src/components/ui/scroll-area.d.ts
+declare function ScrollArea({ className, children, ...props }: ScrollArea$1.Root.Props): React$2.JSX.Element;
+declare function ScrollBar({ className, orientation, ...props }: ScrollArea$1.Scrollbar.Props): React$2.JSX.Element;
+//#endregion
+//#region src/components/ui/sheet.d.ts
+declare function Sheet({ ...props }: Dialog.Root.Props): React$2.JSX.Element;
+declare function SheetTrigger({ ...props }: Dialog.Trigger.Props): React$2.JSX.Element;
+declare function SheetClose({ ...props }: Dialog.Close.Props): React$2.JSX.Element;
+declare function SheetContent({ className, children, side, showCloseButton, ...props }: Dialog.Popup.Props & {
+  side?: "top" | "right" | "bottom" | "left";
+  showCloseButton?: boolean;
+}): React$2.JSX.Element;
+declare function SheetHeader({ className, ...props }: React$2.ComponentProps<"div">): React$2.JSX.Element;
+declare function SheetFooter({ className, ...props }: React$2.ComponentProps<"div">): React$2.JSX.Element;
+declare function SheetTitle({ className, ...props }: Dialog.Title.Props): React$2.JSX.Element;
+declare function SheetDescription({ className, ...props }: Dialog.Description.Props): React$2.JSX.Element;
+//#endregion
+//#region src/lib/surface-bus.d.ts
+type A2UIOp = Record<string, unknown> & {
+  version?: string;
+};
+type Snapshot = {
+  surfaceId: string | null;
+  ops: A2UIOp[];
+};
+type Listener = (snap: Snapshot) => void;
+/**
+ * A central event bus for managing generative UI operations.
+ * Allows components to push and subscribe to Agentic UI state changes.
+ */
+declare const surfaceBus: {
+  push(channel: string, ops: A2UIOp[]): void;
+  reset(channel: string): void;
+  snapshot(channel: string): Snapshot;
+  subscribe(channel: string, fn: Listener): () => void;
+};
+//#endregion
+export { A2UICanvas, A2UICanvasProps, A2UICatalog, A2UILayout, A2UIOp, A2UIPayload, A2UIProps, AGUIChatContext, AIChatContext, AIChatProviderProps, AIChatServerOptions, ApiRequestSchema, ApiResponseSchema, ApiSchema, AssistantMessageContentStyles, AudioInputContent, BadgeStyles, Button, CATALOG_ID, ChatLabels, ChatManager, ChatManagerBaseProps, ChatManagerComponentStyles, ChatManagerProps, ChatMessage, ChatSession, ChatTheme, ComponentPosition, DisplayMode, DocumentInputContent, HITLState, HITLStatus, HeaderStyles, ISessionMetadata, ImageInputContent, Input, InputContent, InputContentDataSource, InputContentSource, InputContentUrlSource, InputStyles, InterruptState, LabelStyles, Message, MessageContentStyles, MessageStyles, NewConversationButtonStyles, OmniChat, OmniChatProps, PendingAction, PromptChip, PromptChipStyles, PromptChips, Role, ScrollArea, ScrollBar, SessionListStyles, SessionManager, SessionManagerComponentStyles, SessionManagerProps, SessionUpdate, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, SkeletonStyles, SlotValue, StorageMode, TextInputContent, ThinkingStepStyles, ToggleButtonPosition, ToolCall, ToolCallStepStyles, type UseChatHelpers, VideoInputContent, WelcomeScreenProps, buttonVariants, catalog, catalogSchema, definitions, surfaceBus, useAGUIChat, useAGUIChatContext, useAIChatContext, useAIChatStore, useChatContext, useHITL, useInterrupts };
+//# sourceMappingURL=index.d.cts.map