@vitalityip.ai/shopping-widget 0.3.0

package/dist/components/ai-elements/audio-player.d.ts

@@ -0,0 +1,30 @@
+import { Experimental_SpeechResult as SpeechResult } from 'ai';
+import { MediaControlBar, MediaController, MediaDurationDisplay, MediaMuteButton, MediaPlayButton, MediaSeekBackwardButton, MediaSeekForwardButton, MediaTimeDisplay, MediaTimeRange, MediaVolumeRange } from 'media-chrome/react';
+import { ComponentProps } from 'react';
+
+export type AudioPlayerProps = Omit<ComponentProps<typeof MediaController>, "audio">;
+export declare const AudioPlayer: ({ className, children, style, ...props }: AudioPlayerProps) => import("react/jsx-runtime").JSX.Element;
+export type AudioPlayerElementProps = Omit<ComponentProps<"audio">, "src"> & ({
+    data: SpeechResult["audio"];
+} | {
+    src: string;
+});
+export declare const AudioPlayerElement: ({ ...props }: AudioPlayerElementProps) => import("react/jsx-runtime").JSX.Element;
+export type AudioPlayerControlBarProps = ComponentProps<typeof MediaControlBar>;
+export declare const AudioPlayerControlBar: ({ children, ...props }: AudioPlayerControlBarProps) => import("react/jsx-runtime").JSX.Element;
+export type AudioPlayerPlayButtonProps = ComponentProps<typeof MediaPlayButton>;
+export declare const AudioPlayerPlayButton: ({ className, ...props }: AudioPlayerPlayButtonProps) => import("react/jsx-runtime").JSX.Element;
+export type AudioPlayerSeekBackwardButtonProps = ComponentProps<typeof MediaSeekBackwardButton>;
+export declare const AudioPlayerSeekBackwardButton: ({ seekOffset, ...props }: AudioPlayerSeekBackwardButtonProps) => import("react/jsx-runtime").JSX.Element;
+export type AudioPlayerSeekForwardButtonProps = ComponentProps<typeof MediaSeekForwardButton>;
+export declare const AudioPlayerSeekForwardButton: ({ seekOffset, ...props }: AudioPlayerSeekForwardButtonProps) => import("react/jsx-runtime").JSX.Element;
+export type AudioPlayerTimeDisplayProps = ComponentProps<typeof MediaTimeDisplay>;
+export declare const AudioPlayerTimeDisplay: ({ className, ...props }: AudioPlayerTimeDisplayProps) => import("react/jsx-runtime").JSX.Element;
+export type AudioPlayerTimeRangeProps = ComponentProps<typeof MediaTimeRange>;
+export declare const AudioPlayerTimeRange: ({ className, ...props }: AudioPlayerTimeRangeProps) => import("react/jsx-runtime").JSX.Element;
+export type AudioPlayerDurationDisplayProps = ComponentProps<typeof MediaDurationDisplay>;
+export declare const AudioPlayerDurationDisplay: ({ className, ...props }: AudioPlayerDurationDisplayProps) => import("react/jsx-runtime").JSX.Element;
+export type AudioPlayerMuteButtonProps = ComponentProps<typeof MediaMuteButton>;
+export declare const AudioPlayerMuteButton: ({ className, ...props }: AudioPlayerMuteButtonProps) => import("react/jsx-runtime").JSX.Element;
+export type AudioPlayerVolumeRangeProps = ComponentProps<typeof MediaVolumeRange>;
+export declare const AudioPlayerVolumeRange: ({ className, ...props }: AudioPlayerVolumeRangeProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/ai-elements/canvas.d.ts

@@ -0,0 +1,8 @@
+import { ReactFlowProps } from '@xyflow/react';
+import { ReactNode } from 'react';
+
+type CanvasProps = ReactFlowProps & {
+    children?: ReactNode;
+};
+export declare const Canvas: ({ children, ...props }: CanvasProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/ai-elements/chain-of-thought.d.ts

@@ -0,0 +1,30 @@
+import { Badge } from '../ui/badge';
+import { CollapsibleContent, CollapsibleTrigger } from '../ui/collapsible';
+import { LucideIcon } from 'lucide-react';
+import { ComponentProps, ReactNode } from 'react';
+
+export type ChainOfThoughtProps = ComponentProps<"div"> & {
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+};
+export declare const ChainOfThought: import('react').MemoExoticComponent<({ className, open, defaultOpen, onOpenChange, children, ...props }: ChainOfThoughtProps) => import("react/jsx-runtime").JSX.Element>;
+export type ChainOfThoughtHeaderProps = ComponentProps<typeof CollapsibleTrigger>;
+export declare const ChainOfThoughtHeader: import('react').MemoExoticComponent<({ className, children, ...props }: ChainOfThoughtHeaderProps) => import("react/jsx-runtime").JSX.Element>;
+export type ChainOfThoughtStepProps = ComponentProps<"div"> & {
+    icon?: LucideIcon;
+    label: ReactNode;
+    description?: ReactNode;
+    status?: "complete" | "active" | "pending";
+};
+export declare const ChainOfThoughtStep: import('react').MemoExoticComponent<({ className, icon: Icon, label, description, status, children, ...props }: ChainOfThoughtStepProps) => import("react/jsx-runtime").JSX.Element>;
+export type ChainOfThoughtSearchResultsProps = ComponentProps<"div">;
+export declare const ChainOfThoughtSearchResults: import('react').MemoExoticComponent<({ className, ...props }: ChainOfThoughtSearchResultsProps) => import("react/jsx-runtime").JSX.Element>;
+export type ChainOfThoughtSearchResultProps = ComponentProps<typeof Badge>;
+export declare const ChainOfThoughtSearchResult: import('react').MemoExoticComponent<({ className, children, ...props }: ChainOfThoughtSearchResultProps) => import("react/jsx-runtime").JSX.Element>;
+export type ChainOfThoughtContentProps = ComponentProps<typeof CollapsibleContent>;
+export declare const ChainOfThoughtContent: import('react').MemoExoticComponent<({ className, children, ...props }: ChainOfThoughtContentProps) => import("react/jsx-runtime").JSX.Element>;
+export type ChainOfThoughtImageProps = ComponentProps<"div"> & {
+    caption?: string;
+};
+export declare const ChainOfThoughtImage: import('react').MemoExoticComponent<({ className, children, caption, ...props }: ChainOfThoughtImageProps) => import("react/jsx-runtime").JSX.Element>;

package/dist/components/ai-elements/checkpoint.d.ts

@@ -0,0 +1,12 @@
+import { Button } from '../ui/button';
+import { LucideProps } from 'lucide-react';
+import { ComponentProps, HTMLAttributes } from 'react';
+
+export type CheckpointProps = HTMLAttributes<HTMLDivElement>;
+export declare const Checkpoint: ({ className, children, ...props }: CheckpointProps) => import("react/jsx-runtime").JSX.Element;
+export type CheckpointIconProps = LucideProps;
+export declare const CheckpointIcon: ({ className, children, ...props }: CheckpointIconProps) => string | number | boolean | Iterable<import('react').ReactNode> | import("react/jsx-runtime").JSX.Element;
+export type CheckpointTriggerProps = ComponentProps<typeof Button> & {
+    tooltip?: string;
+};
+export declare const CheckpointTrigger: ({ children, className, variant, size, tooltip, ...props }: CheckpointTriggerProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/ai-elements/code-block.d.ts

@@ -0,0 +1,18 @@
+import { Button } from '../ui/button';
+import { ComponentProps, HTMLAttributes } from 'react';
+import { BundledLanguage } from 'shiki';
+
+type CodeBlockProps = HTMLAttributes<HTMLDivElement> & {
+    code: string;
+    language: BundledLanguage;
+    showLineNumbers?: boolean;
+};
+export declare function highlightCode(code: string, language: BundledLanguage, showLineNumbers?: boolean): Promise<[string, string]>;
+export declare const CodeBlock: ({ code, language, showLineNumbers, className, children, ...props }: CodeBlockProps) => import("react/jsx-runtime").JSX.Element;
+export type CodeBlockCopyButtonProps = ComponentProps<typeof Button> & {
+    onCopy?: () => void;
+    onError?: (error: Error) => void;
+    timeout?: number;
+};
+export declare const CodeBlockCopyButton: ({ onCopy, onError, timeout, children, className, ...props }: CodeBlockCopyButtonProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/ai-elements/commit.d.ts

@@ -0,0 +1,65 @@
+import { Avatar } from '../ui/avatar';
+import { Button } from '../ui/button';
+import { Collapsible, CollapsibleContent, CollapsibleTrigger } from '../ui/collapsible';
+import { FileIcon } from 'lucide-react';
+import { ComponentProps, HTMLAttributes } from 'react';
+
+export type CommitProps = ComponentProps<typeof Collapsible>;
+export declare const Commit: ({ className, children, ...props }: CommitProps) => import("react/jsx-runtime").JSX.Element;
+export type CommitHeaderProps = ComponentProps<typeof CollapsibleTrigger>;
+export declare const CommitHeader: ({ className, children, ...props }: CommitHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export type CommitHashProps = HTMLAttributes<HTMLSpanElement>;
+export declare const CommitHash: ({ className, children, ...props }: CommitHashProps) => import("react/jsx-runtime").JSX.Element;
+export type CommitMessageProps = HTMLAttributes<HTMLSpanElement>;
+export declare const CommitMessage: ({ className, children, ...props }: CommitMessageProps) => import("react/jsx-runtime").JSX.Element;
+export type CommitMetadataProps = HTMLAttributes<HTMLDivElement>;
+export declare const CommitMetadata: ({ className, children, ...props }: CommitMetadataProps) => import("react/jsx-runtime").JSX.Element;
+export type CommitSeparatorProps = HTMLAttributes<HTMLSpanElement>;
+export declare const CommitSeparator: ({ className, children, ...props }: CommitSeparatorProps) => import("react/jsx-runtime").JSX.Element;
+export type CommitInfoProps = HTMLAttributes<HTMLDivElement>;
+export declare const CommitInfo: ({ className, children, ...props }: CommitInfoProps) => import("react/jsx-runtime").JSX.Element;
+export type CommitAuthorProps = HTMLAttributes<HTMLDivElement>;
+export declare const CommitAuthor: ({ className, children, ...props }: CommitAuthorProps) => import("react/jsx-runtime").JSX.Element;
+export type CommitAuthorAvatarProps = ComponentProps<typeof Avatar> & {
+    initials: string;
+};
+export declare const CommitAuthorAvatar: ({ initials, className, ...props }: CommitAuthorAvatarProps) => import("react/jsx-runtime").JSX.Element;
+export type CommitTimestampProps = HTMLAttributes<HTMLTimeElement> & {
+    date: Date;
+};
+export declare const CommitTimestamp: ({ date, className, children, ...props }: CommitTimestampProps) => import("react/jsx-runtime").JSX.Element;
+export type CommitActionsProps = HTMLAttributes<HTMLDivElement>;
+export declare const CommitActions: ({ className, children, ...props }: CommitActionsProps) => import("react/jsx-runtime").JSX.Element;
+export type CommitCopyButtonProps = ComponentProps<typeof Button> & {
+    hash: string;
+    onCopy?: () => void;
+    onError?: (error: Error) => void;
+    timeout?: number;
+};
+export declare const CommitCopyButton: ({ hash, onCopy, onError, timeout, children, className, ...props }: CommitCopyButtonProps) => import("react/jsx-runtime").JSX.Element;
+export type CommitContentProps = ComponentProps<typeof CollapsibleContent>;
+export declare const CommitContent: ({ className, children, ...props }: CommitContentProps) => import("react/jsx-runtime").JSX.Element;
+export type CommitFilesProps = HTMLAttributes<HTMLDivElement>;
+export declare const CommitFiles: ({ className, children, ...props }: CommitFilesProps) => import("react/jsx-runtime").JSX.Element;
+export type CommitFileProps = HTMLAttributes<HTMLDivElement>;
+export declare const CommitFile: ({ className, children, ...props }: CommitFileProps) => import("react/jsx-runtime").JSX.Element;
+export type CommitFileInfoProps = HTMLAttributes<HTMLDivElement>;
+export declare const CommitFileInfo: ({ className, children, ...props }: CommitFileInfoProps) => import("react/jsx-runtime").JSX.Element;
+export type CommitFileStatusProps = HTMLAttributes<HTMLSpanElement> & {
+    status: "added" | "modified" | "deleted" | "renamed";
+};
+export declare const CommitFileStatus: ({ status, className, children, ...props }: CommitFileStatusProps) => import("react/jsx-runtime").JSX.Element;
+export type CommitFileIconProps = ComponentProps<typeof FileIcon>;
+export declare const CommitFileIcon: ({ className, ...props }: CommitFileIconProps) => import("react/jsx-runtime").JSX.Element;
+export type CommitFilePathProps = HTMLAttributes<HTMLSpanElement>;
+export declare const CommitFilePath: ({ className, children, ...props }: CommitFilePathProps) => import("react/jsx-runtime").JSX.Element;
+export type CommitFileChangesProps = HTMLAttributes<HTMLDivElement>;
+export declare const CommitFileChanges: ({ className, children, ...props }: CommitFileChangesProps) => import("react/jsx-runtime").JSX.Element;
+export type CommitFileAdditionsProps = HTMLAttributes<HTMLSpanElement> & {
+    count: number;
+};
+export declare const CommitFileAdditions: ({ count, className, children, ...props }: CommitFileAdditionsProps) => import("react/jsx-runtime").JSX.Element | null;
+export type CommitFileDeletionsProps = HTMLAttributes<HTMLSpanElement> & {
+    count: number;
+};
+export declare const CommitFileDeletions: ({ count, className, children, ...props }: CommitFileDeletionsProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/components/ai-elements/confirmation.d.ts

@@ -0,0 +1,50 @@
+import { Alert, AlertDescription } from '../ui/alert';
+import { Button } from '../ui/button';
+import { ToolUIPart } from 'ai';
+import { ComponentProps, ReactNode } from 'react';
+
+type ToolUIPartApproval = {
+    id: string;
+    approved?: never;
+    reason?: never;
+} | {
+    id: string;
+    approved: boolean;
+    reason?: string;
+} | {
+    id: string;
+    approved: true;
+    reason?: string;
+} | {
+    id: string;
+    approved: true;
+    reason?: string;
+} | {
+    id: string;
+    approved: false;
+    reason?: string;
+} | undefined;
+export type ConfirmationProps = ComponentProps<typeof Alert> & {
+    approval?: ToolUIPartApproval;
+    state: ToolUIPart["state"];
+};
+export declare const Confirmation: ({ className, approval, state, ...props }: ConfirmationProps) => import("react/jsx-runtime").JSX.Element | null;
+export type ConfirmationTitleProps = ComponentProps<typeof AlertDescription>;
+export declare const ConfirmationTitle: ({ className, ...props }: ConfirmationTitleProps) => import("react/jsx-runtime").JSX.Element;
+export type ConfirmationRequestProps = {
+    children?: ReactNode;
+};
+export declare const ConfirmationRequest: ({ children }: ConfirmationRequestProps) => ReactNode;
+export type ConfirmationAcceptedProps = {
+    children?: ReactNode;
+};
+export declare const ConfirmationAccepted: ({ children, }: ConfirmationAcceptedProps) => ReactNode;
+export type ConfirmationRejectedProps = {
+    children?: ReactNode;
+};
+export declare const ConfirmationRejected: ({ children, }: ConfirmationRejectedProps) => ReactNode;
+export type ConfirmationActionsProps = ComponentProps<"div">;
+export declare const ConfirmationActions: ({ className, ...props }: ConfirmationActionsProps) => import("react/jsx-runtime").JSX.Element | null;
+export type ConfirmationActionProps = ComponentProps<typeof Button>;
+export declare const ConfirmationAction: (props: ConfirmationActionProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/ai-elements/connection.d.ts

@@ -0,0 +1,3 @@
+import { ConnectionLineComponent } from '@xyflow/react';
+
+export declare const Connection: ConnectionLineComponent;

package/dist/components/ai-elements/context.d.ts

@@ -0,0 +1,33 @@
+import { Button } from '../ui/button';
+import { HoverCard, HoverCardContent } from '../ui/hover-card';
+import { LanguageModelUsage } from 'ai';
+import { ComponentProps } from 'react';
+
+type ModelId = string;
+type ContextSchema = {
+    usedTokens: number;
+    maxTokens: number;
+    usage?: LanguageModelUsage;
+    modelId?: ModelId;
+};
+export type ContextProps = ComponentProps<typeof HoverCard> & ContextSchema;
+export declare const Context: ({ usedTokens, maxTokens, usage, modelId, ...props }: ContextProps) => import("react/jsx-runtime").JSX.Element;
+export type ContextTriggerProps = ComponentProps<typeof Button>;
+export declare const ContextTrigger: ({ children, ...props }: ContextTriggerProps) => import("react/jsx-runtime").JSX.Element;
+export type ContextContentProps = ComponentProps<typeof HoverCardContent>;
+export declare const ContextContent: ({ className, ...props }: ContextContentProps) => import("react/jsx-runtime").JSX.Element;
+export type ContextContentHeaderProps = ComponentProps<"div">;
+export declare const ContextContentHeader: ({ children, className, ...props }: ContextContentHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export type ContextContentBodyProps = ComponentProps<"div">;
+export declare const ContextContentBody: ({ children, className, ...props }: ContextContentBodyProps) => import("react/jsx-runtime").JSX.Element;
+export type ContextContentFooterProps = ComponentProps<"div">;
+export declare const ContextContentFooter: ({ children, className, ...props }: ContextContentFooterProps) => import("react/jsx-runtime").JSX.Element;
+export type ContextInputUsageProps = ComponentProps<"div">;
+export declare const ContextInputUsage: ({ className, children, ...props }: ContextInputUsageProps) => string | number | true | Iterable<import('react').ReactNode> | import("react/jsx-runtime").JSX.Element | null;
+export type ContextOutputUsageProps = ComponentProps<"div">;
+export declare const ContextOutputUsage: ({ className, children, ...props }: ContextOutputUsageProps) => string | number | true | Iterable<import('react').ReactNode> | import("react/jsx-runtime").JSX.Element | null;
+export type ContextReasoningUsageProps = ComponentProps<"div">;
+export declare const ContextReasoningUsage: ({ className, children, ...props }: ContextReasoningUsageProps) => string | number | true | Iterable<import('react').ReactNode> | import("react/jsx-runtime").JSX.Element | null;
+export type ContextCacheUsageProps = ComponentProps<"div">;
+export declare const ContextCacheUsage: ({ className, children, ...props }: ContextCacheUsageProps) => string | number | true | Iterable<import('react').ReactNode> | import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/components/ai-elements/controls.d.ts

@@ -0,0 +1,5 @@
+import { Controls as ControlsPrimitive } from '@xyflow/react';
+import { ComponentProps } from 'react';
+
+export type ControlsProps = ComponentProps<typeof ControlsPrimitive>;
+export declare const Controls: ({ className, ...props }: ControlsProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/ai-elements/conversation.d.ts

@@ -0,0 +1,16 @@
+import { Button } from '../ui/button';
+import { ComponentProps } from 'react';
+import { StickToBottom } from 'use-stick-to-bottom';
+
+export type ConversationProps = ComponentProps<typeof StickToBottom>;
+export declare const Conversation: ({ className, ...props }: ConversationProps) => import("react/jsx-runtime").JSX.Element;
+export type ConversationContentProps = ComponentProps<typeof StickToBottom.Content>;
+export declare const ConversationContent: ({ className, ...props }: ConversationContentProps) => import("react/jsx-runtime").JSX.Element;
+export type ConversationEmptyStateProps = ComponentProps<"div"> & {
+    title?: string;
+    description?: string;
+    icon?: React.ReactNode;
+};
+export declare const ConversationEmptyState: ({ className, title, description, icon, children, ...props }: ConversationEmptyStateProps) => import("react/jsx-runtime").JSX.Element;
+export type ConversationScrollButtonProps = ComponentProps<typeof Button>;
+export declare const ConversationScrollButton: ({ className, ...props }: ConversationScrollButtonProps) => false | import("react/jsx-runtime").JSX.Element;

package/dist/components/ai-elements/edge.d.ts

@@ -0,0 +1,6 @@
+import { EdgeProps } from '@xyflow/react';
+
+export declare const Edge: {
+    Temporary: ({ id, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, }: EdgeProps) => import("react/jsx-runtime").JSX.Element;
+    Animated: ({ id, source, target, markerEnd, style }: EdgeProps) => import("react/jsx-runtime").JSX.Element | null;
+};

package/dist/components/ai-elements/environment-variables.d.ts

@@ -0,0 +1,39 @@
+import { Badge } from '../ui/badge';
+import { Button } from '../ui/button';
+import { Switch } from '../ui/switch';
+import { ComponentProps, HTMLAttributes } from 'react';
+
+export type EnvironmentVariablesProps = HTMLAttributes<HTMLDivElement> & {
+    showValues?: boolean;
+    defaultShowValues?: boolean;
+    onShowValuesChange?: (show: boolean) => void;
+};
+export declare const EnvironmentVariables: ({ showValues: controlledShowValues, defaultShowValues, onShowValuesChange, className, children, ...props }: EnvironmentVariablesProps) => import("react/jsx-runtime").JSX.Element;
+export type EnvironmentVariablesHeaderProps = HTMLAttributes<HTMLDivElement>;
+export declare const EnvironmentVariablesHeader: ({ className, children, ...props }: EnvironmentVariablesHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export type EnvironmentVariablesTitleProps = HTMLAttributes<HTMLHeadingElement>;
+export declare const EnvironmentVariablesTitle: ({ className, children, ...props }: EnvironmentVariablesTitleProps) => import("react/jsx-runtime").JSX.Element;
+export type EnvironmentVariablesToggleProps = ComponentProps<typeof Switch>;
+export declare const EnvironmentVariablesToggle: ({ className, ...props }: EnvironmentVariablesToggleProps) => import("react/jsx-runtime").JSX.Element;
+export type EnvironmentVariablesContentProps = HTMLAttributes<HTMLDivElement>;
+export declare const EnvironmentVariablesContent: ({ className, children, ...props }: EnvironmentVariablesContentProps) => import("react/jsx-runtime").JSX.Element;
+export type EnvironmentVariableProps = HTMLAttributes<HTMLDivElement> & {
+    name: string;
+    value: string;
+};
+export declare const EnvironmentVariable: ({ name, value, className, children, ...props }: EnvironmentVariableProps) => import("react/jsx-runtime").JSX.Element;
+export type EnvironmentVariableGroupProps = HTMLAttributes<HTMLDivElement>;
+export declare const EnvironmentVariableGroup: ({ className, children, ...props }: EnvironmentVariableGroupProps) => import("react/jsx-runtime").JSX.Element;
+export type EnvironmentVariableNameProps = HTMLAttributes<HTMLSpanElement>;
+export declare const EnvironmentVariableName: ({ className, children, ...props }: EnvironmentVariableNameProps) => import("react/jsx-runtime").JSX.Element;
+export type EnvironmentVariableValueProps = HTMLAttributes<HTMLSpanElement>;
+export declare const EnvironmentVariableValue: ({ className, children, ...props }: EnvironmentVariableValueProps) => import("react/jsx-runtime").JSX.Element;
+export type EnvironmentVariableCopyButtonProps = ComponentProps<typeof Button> & {
+    onCopy?: () => void;
+    onError?: (error: Error) => void;
+    timeout?: number;
+    copyFormat?: "name" | "value" | "export";
+};
+export declare const EnvironmentVariableCopyButton: ({ onCopy, onError, timeout, copyFormat, children, className, ...props }: EnvironmentVariableCopyButtonProps) => import("react/jsx-runtime").JSX.Element;
+export type EnvironmentVariableRequiredProps = ComponentProps<typeof Badge>;
+export declare const EnvironmentVariableRequired: ({ className, children, ...props }: EnvironmentVariableRequiredProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/ai-elements/file-tree.d.ts

@@ -0,0 +1,27 @@
+import { HTMLAttributes, ReactNode } from 'react';
+
+export type FileTreeProps = HTMLAttributes<HTMLDivElement> & {
+    expanded?: Set<string>;
+    defaultExpanded?: Set<string>;
+    selectedPath?: string;
+    onSelect?: (path: string) => void;
+    onExpandedChange?: (expanded: Set<string>) => void;
+};
+export declare const FileTree: ({ expanded: controlledExpanded, defaultExpanded, selectedPath, onSelect, onExpandedChange, className, children, ...props }: FileTreeProps) => import("react/jsx-runtime").JSX.Element;
+export type FileTreeFolderProps = HTMLAttributes<HTMLDivElement> & {
+    path: string;
+    name: string;
+};
+export declare const FileTreeFolder: ({ path, name, className, children, ...props }: FileTreeFolderProps) => import("react/jsx-runtime").JSX.Element;
+export type FileTreeFileProps = HTMLAttributes<HTMLDivElement> & {
+    path: string;
+    name: string;
+    icon?: ReactNode;
+};
+export declare const FileTreeFile: ({ path, name, icon, className, children, ...props }: FileTreeFileProps) => import("react/jsx-runtime").JSX.Element;
+export type FileTreeIconProps = HTMLAttributes<HTMLSpanElement>;
+export declare const FileTreeIcon: ({ className, children, ...props }: FileTreeIconProps) => import("react/jsx-runtime").JSX.Element;
+export type FileTreeNameProps = HTMLAttributes<HTMLSpanElement>;
+export declare const FileTreeName: ({ className, children, ...props }: FileTreeNameProps) => import("react/jsx-runtime").JSX.Element;
+export type FileTreeActionsProps = HTMLAttributes<HTMLDivElement>;
+export declare const FileTreeActions: ({ className, children, ...props }: FileTreeActionsProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/ai-elements/image.d.ts

@@ -0,0 +1,7 @@
+import { Experimental_GeneratedImage } from 'ai';
+
+export type ImageProps = Experimental_GeneratedImage & {
+    className?: string;
+    alt?: string;
+};
+export declare const Image: ({ base64, uint8Array, mediaType, ...props }: ImageProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/ai-elements/index.d.ts

@@ -0,0 +1,65 @@
+/**
+ * AI Elements - Component Library
+ *
+ * Vendored from Vercel AI SDK Elements (https://ai-sdk.dev/elements)
+ * Built on shadcn/ui and Tailwind CSS 4.
+ *
+ * @module components/ai-elements
+ */
+export { Message, MessageContent, MessageActions, MessageAction, MessageBranch, MessageBranchContent, MessageBranchSelector, MessageBranchPrevious, MessageBranchNext, MessageBranchPage, MessageResponse, MessageAttachment, MessageAttachments, MessageToolbar, } from './message';
+export type { MessageProps, MessageContentProps, MessageActionsProps, MessageActionProps, MessageBranchProps, MessageBranchContentProps, MessageBranchSelectorProps, MessageBranchPreviousProps, MessageBranchNextProps, MessageBranchPageProps, MessageResponseProps, MessageAttachmentProps, MessageAttachmentsProps, MessageToolbarProps, } from './message';
+export { Reasoning, ReasoningTrigger, ReasoningContent, useReasoning, } from './reasoning';
+export type { ReasoningProps, ReasoningTriggerProps, ReasoningContentProps, } from './reasoning';
+export { Tool, ToolHeader, ToolContent, ToolInput, ToolOutput, } from './tool';
+export type { ToolProps, ToolHeaderProps, ToolContentProps, ToolInputProps, ToolOutputProps, } from './tool';
+export { Shimmer } from './shimmer';
+export type { TextShimmerProps } from './shimmer';
+export { Loader } from './loader';
+export type { LoaderProps } from './loader';
+export { CodeBlock, CodeBlockCopyButton, highlightCode } from './code-block';
+export type { CodeBlockCopyButtonProps } from './code-block';
+export { Conversation, ConversationContent, ConversationEmptyState, ConversationScrollButton, } from './conversation';
+export type { ConversationProps, ConversationContentProps, ConversationEmptyStateProps, ConversationScrollButtonProps, } from './conversation';
+export { PromptInputProvider, PromptInput, PromptInputBody, PromptInputTextarea, PromptInputHeader, PromptInputFooter, PromptInputTools, PromptInputButton, PromptInputActionMenu, PromptInputActionMenuTrigger, PromptInputActionMenuContent, PromptInputActionMenuItem, PromptInputSubmit, PromptInputSpeechButton, PromptInputSelect, PromptInputSelectTrigger, PromptInputSelectContent, PromptInputSelectItem, PromptInputSelectValue, PromptInputHoverCard, PromptInputHoverCardTrigger, PromptInputHoverCardContent, PromptInputTabsList, PromptInputTab, PromptInputTabLabel, PromptInputTabBody, PromptInputTabItem, PromptInputCommand, PromptInputCommandInput, PromptInputCommandList, PromptInputCommandEmpty, PromptInputCommandGroup, PromptInputCommandItem, PromptInputCommandSeparator, PromptInputAttachment, PromptInputAttachments, PromptInputActionAddAttachments, usePromptInputController, useProviderAttachments, usePromptInputAttachments, } from './prompt-input';
+export type { PromptInputControllerProps, PromptInputProviderProps, PromptInputAttachmentProps, PromptInputAttachmentsProps, PromptInputActionAddAttachmentsProps, PromptInputMessage, PromptInputProps, PromptInputBodyProps, PromptInputTextareaProps, PromptInputHeaderProps, PromptInputFooterProps, PromptInputToolsProps, PromptInputButtonProps, PromptInputActionMenuProps, PromptInputActionMenuTriggerProps, PromptInputActionMenuContentProps, PromptInputActionMenuItemProps, PromptInputSubmitProps, PromptInputSpeechButtonProps, PromptInputSelectProps, PromptInputSelectTriggerProps, PromptInputSelectContentProps, PromptInputSelectItemProps, PromptInputSelectValueProps, PromptInputHoverCardProps, PromptInputHoverCardTriggerProps, PromptInputHoverCardContentProps, PromptInputTabsListProps, PromptInputTabProps, PromptInputTabLabelProps, PromptInputTabBodyProps, PromptInputTabItemProps, PromptInputCommandProps, PromptInputCommandInputProps, PromptInputCommandListProps, PromptInputCommandEmptyProps, PromptInputCommandGroupProps, PromptInputCommandItemProps, PromptInputCommandSeparatorProps, } from './prompt-input';
+export { Sources, SourcesTrigger, SourcesContent, Source, } from './sources';
+export type { SourcesProps, SourcesTriggerProps, SourcesContentProps, SourceProps, } from './sources';
+export { Suggestions, Suggestion } from './suggestion';
+export type { SuggestionsProps, SuggestionProps } from './suggestion';
+export { Attachments, Attachment, AttachmentPreview, AttachmentInfo, AttachmentRemove, AttachmentHoverCard, AttachmentHoverCardTrigger, AttachmentHoverCardContent, AttachmentEmpty, getMediaCategory, getAttachmentLabel, } from './attachments';
+export type { AttachmentData, SourceDocumentData, MediaCategory, AttachmentVariant, AttachmentsProps, AttachmentProps, AttachmentPreviewProps, AttachmentInfoProps, AttachmentRemoveProps, AttachmentHoverCardProps, AttachmentHoverCardTriggerProps, AttachmentHoverCardContentProps, AttachmentEmptyProps, } from './attachments';
+export { Confirmation, ConfirmationTitle, ConfirmationRequest, ConfirmationAccepted, ConfirmationRejected, ConfirmationActions, ConfirmationAction, } from './confirmation';
+export type { ConfirmationProps, ConfirmationTitleProps, ConfirmationRequestProps, ConfirmationAcceptedProps, ConfirmationRejectedProps, ConfirmationActionsProps, ConfirmationActionProps, } from './confirmation';
+export { Artifact, ArtifactHeader, ArtifactClose, ArtifactTitle, ArtifactDescription, ArtifactActions, ArtifactAction, ArtifactContent, } from './artifact';
+export type { ArtifactProps, ArtifactHeaderProps, ArtifactCloseProps, ArtifactTitleProps, ArtifactDescriptionProps, ArtifactActionsProps, ArtifactActionProps, ArtifactContentProps, } from './artifact';
+export { Canvas } from './canvas';
+export { Panel } from './panel';
+export { Node, NodeHeader, NodeTitle, NodeDescription, NodeAction, NodeContent, NodeFooter, } from './node';
+export type { NodeProps, NodeHeaderProps, NodeTitleProps, NodeDescriptionProps, NodeActionProps, NodeContentProps, NodeFooterProps, } from './node';
+export { Edge } from './edge';
+export { Controls } from './controls';
+export type { ControlsProps } from './controls';
+export { Context, ContextTrigger, ContextContent, ContextContentHeader, ContextContentBody, ContextContentFooter, ContextInputUsage, ContextOutputUsage, ContextReasoningUsage, ContextCacheUsage, } from './context';
+export type { ContextProps, ContextTriggerProps, ContextContentProps, ContextContentHeaderProps, ContextContentBodyProps, ContextContentFooterProps, ContextInputUsageProps, ContextOutputUsageProps, ContextReasoningUsageProps, ContextCacheUsageProps, } from './context';
+export { Connection } from './connection';
+export { Checkpoint, CheckpointIcon, CheckpointTrigger, } from './checkpoint';
+export type { CheckpointProps, CheckpointIconProps, CheckpointTriggerProps, } from './checkpoint';
+export { ChainOfThought, ChainOfThoughtHeader, ChainOfThoughtStep, ChainOfThoughtSearchResults, ChainOfThoughtSearchResult, ChainOfThoughtContent, ChainOfThoughtImage, } from './chain-of-thought';
+export type { ChainOfThoughtProps, ChainOfThoughtHeaderProps, ChainOfThoughtStepProps, ChainOfThoughtSearchResultsProps, ChainOfThoughtSearchResultProps, ChainOfThoughtContentProps, ChainOfThoughtImageProps, } from './chain-of-thought';
+export { Image } from './image';
+export type { ImageProps } from './image';
+export { InlineCitation, InlineCitationText, InlineCitationCard, InlineCitationCardTrigger, InlineCitationCardBody, InlineCitationCarousel, InlineCitationCarouselContent, InlineCitationCarouselItem, InlineCitationCarouselHeader, InlineCitationCarouselIndex, InlineCitationCarouselPrev, InlineCitationCarouselNext, InlineCitationSource, InlineCitationQuote, } from './inline-citation';
+export type { InlineCitationProps, InlineCitationTextProps, InlineCitationCardProps, InlineCitationCardTriggerProps, InlineCitationCardBodyProps, InlineCitationCarouselProps, InlineCitationCarouselContentProps, InlineCitationCarouselItemProps, InlineCitationCarouselHeaderProps, InlineCitationCarouselIndexProps, InlineCitationCarouselPrevProps, InlineCitationCarouselNextProps, InlineCitationSourceProps, InlineCitationQuoteProps, } from './inline-citation';
+export { ModelSelector, ModelSelectorTrigger, ModelSelectorContent, ModelSelectorDialog, ModelSelectorInput, ModelSelectorList, ModelSelectorEmpty, ModelSelectorGroup, ModelSelectorItem, ModelSelectorShortcut, ModelSelectorSeparator, ModelSelectorLogo, ModelSelectorLogoGroup, ModelSelectorName, } from './model-selector';
+export type { ModelSelectorProps, ModelSelectorTriggerProps, ModelSelectorContentProps, ModelSelectorDialogProps, ModelSelectorInputProps, ModelSelectorListProps, ModelSelectorEmptyProps, ModelSelectorGroupProps, ModelSelectorItemProps, ModelSelectorShortcutProps, ModelSelectorSeparatorProps, ModelSelectorLogoProps, ModelSelectorLogoGroupProps, ModelSelectorNameProps, } from './model-selector';
+export { OpenIn, OpenInContent, OpenInItem, OpenInLabel, OpenInSeparator, OpenInTrigger, OpenInChatGPT, OpenInClaude, OpenInT3, OpenInScira, OpenInv0, OpenInCursor, } from './open-in-chat';
+export type { OpenInProps, OpenInContentProps, OpenInItemProps, OpenInLabelProps, OpenInSeparatorProps, OpenInTriggerProps, OpenInChatGPTProps, OpenInClaudeProps, OpenInT3Props, OpenInSciraProps, OpenInv0Props, OpenInCursorProps, } from './open-in-chat';
+export { Plan, PlanHeader, PlanTitle, PlanDescription, PlanAction, PlanContent, PlanFooter, PlanTrigger, } from './plan';
+export type { PlanProps, PlanHeaderProps, PlanTitleProps, PlanDescriptionProps, PlanActionProps, PlanContentProps, PlanFooterProps, PlanTriggerProps, } from './plan';
+export { QueueItem, QueueItemIndicator, QueueItemContent, QueueItemDescription, QueueItemActions, QueueItemAction, QueueItemAttachment, QueueItemImage, QueueItemFile, QueueList, QueueSection, QueueSectionTrigger, QueueSectionLabel, QueueSectionContent, Queue, } from './queue';
+export type { QueueMessagePart, QueueMessage, QueueTodo, QueueItemProps, QueueItemIndicatorProps, QueueItemContentProps, QueueItemDescriptionProps, QueueItemActionsProps, QueueItemActionProps, QueueItemAttachmentProps, QueueItemImageProps, QueueItemFileProps, QueueListProps, QueueSectionProps, QueueSectionTriggerProps, QueueSectionLabelProps, QueueSectionContentProps, QueueProps, } from './queue';
+export { TaskItemFile, TaskItem, Task, TaskTrigger, TaskContent, } from './task';
+export type { TaskItemFileProps, TaskItemProps, TaskProps, TaskTriggerProps, TaskContentProps, } from './task';
+export { Toolbar } from './toolbar';
+export { WebPreview, WebPreviewNavigation, WebPreviewNavigationButton, WebPreviewUrl, WebPreviewBody, WebPreviewConsole, } from './web-preview';
+export type { WebPreviewContextValue, WebPreviewProps, WebPreviewNavigationProps, WebPreviewNavigationButtonProps, WebPreviewUrlProps, WebPreviewBodyProps, WebPreviewConsoleProps, } from './web-preview';

package/dist/components/ai-elements/inline-citation.d.ts

@@ -0,0 +1,39 @@
+import { Badge } from '../ui/badge';
+import { Carousel } from '../ui/carousel';
+import { HoverCard } from '../ui/hover-card';
+import { ComponentProps } from 'react';
+
+export type InlineCitationProps = ComponentProps<"span">;
+export declare const InlineCitation: ({ className, ...props }: InlineCitationProps) => import("react/jsx-runtime").JSX.Element;
+export type InlineCitationTextProps = ComponentProps<"span">;
+export declare const InlineCitationText: ({ className, ...props }: InlineCitationTextProps) => import("react/jsx-runtime").JSX.Element;
+export type InlineCitationCardProps = ComponentProps<typeof HoverCard>;
+export declare const InlineCitationCard: (props: InlineCitationCardProps) => import("react/jsx-runtime").JSX.Element;
+export type InlineCitationCardTriggerProps = ComponentProps<typeof Badge> & {
+    sources: string[];
+};
+export declare const InlineCitationCardTrigger: ({ sources, className, ...props }: InlineCitationCardTriggerProps) => import("react/jsx-runtime").JSX.Element;
+export type InlineCitationCardBodyProps = ComponentProps<"div">;
+export declare const InlineCitationCardBody: ({ className, ...props }: InlineCitationCardBodyProps) => import("react/jsx-runtime").JSX.Element;
+export type InlineCitationCarouselProps = ComponentProps<typeof Carousel>;
+export declare const InlineCitationCarousel: ({ className, children, ...props }: InlineCitationCarouselProps) => import("react/jsx-runtime").JSX.Element;
+export type InlineCitationCarouselContentProps = ComponentProps<"div">;
+export declare const InlineCitationCarouselContent: (props: InlineCitationCarouselContentProps) => import("react/jsx-runtime").JSX.Element;
+export type InlineCitationCarouselItemProps = ComponentProps<"div">;
+export declare const InlineCitationCarouselItem: ({ className, ...props }: InlineCitationCarouselItemProps) => import("react/jsx-runtime").JSX.Element;
+export type InlineCitationCarouselHeaderProps = ComponentProps<"div">;
+export declare const InlineCitationCarouselHeader: ({ className, ...props }: InlineCitationCarouselHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export type InlineCitationCarouselIndexProps = ComponentProps<"div">;
+export declare const InlineCitationCarouselIndex: ({ children, className, ...props }: InlineCitationCarouselIndexProps) => import("react/jsx-runtime").JSX.Element;
+export type InlineCitationCarouselPrevProps = ComponentProps<"button">;
+export declare const InlineCitationCarouselPrev: ({ className, ...props }: InlineCitationCarouselPrevProps) => import("react/jsx-runtime").JSX.Element;
+export type InlineCitationCarouselNextProps = ComponentProps<"button">;
+export declare const InlineCitationCarouselNext: ({ className, ...props }: InlineCitationCarouselNextProps) => import("react/jsx-runtime").JSX.Element;
+export type InlineCitationSourceProps = ComponentProps<"div"> & {
+    title?: string;
+    url?: string;
+    description?: string;
+};
+export declare const InlineCitationSource: ({ title, url, description, className, children, ...props }: InlineCitationSourceProps) => import("react/jsx-runtime").JSX.Element;
+export type InlineCitationQuoteProps = ComponentProps<"blockquote">;
+export declare const InlineCitationQuote: ({ children, className, ...props }: InlineCitationQuoteProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/ai-elements/loader.d.ts

@@ -0,0 +1,6 @@
+import { HTMLAttributes } from 'react';
+
+export type LoaderProps = HTMLAttributes<HTMLDivElement> & {
+    size?: number;
+};
+export declare const Loader: ({ className, size, ...props }: LoaderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/ai-elements/message.d.ts

@@ -0,0 +1,47 @@
+import { Button } from '../ui/button';
+import { FileUIPart, UIMessage } from 'ai';
+import { ComponentProps, HTMLAttributes } from 'react';
+import { Streamdown } from 'streamdown';
+
+export type MessageProps = HTMLAttributes<HTMLDivElement> & {
+    from: UIMessage["role"];
+};
+export declare const Message: ({ className, from, ...props }: MessageProps) => import("react/jsx-runtime").JSX.Element;
+export type MessageContentProps = HTMLAttributes<HTMLDivElement>;
+export declare const MessageContent: ({ children, className, ...props }: MessageContentProps) => import("react/jsx-runtime").JSX.Element;
+export type MessageActionsProps = ComponentProps<"div">;
+export declare const MessageActions: ({ className, children, ...props }: MessageActionsProps) => import("react/jsx-runtime").JSX.Element;
+export type MessageActionProps = ComponentProps<typeof Button> & {
+    tooltip?: string;
+    label?: string;
+};
+export declare const MessageAction: ({ tooltip, children, label, variant, size, ...props }: MessageActionProps) => import("react/jsx-runtime").JSX.Element;
+export type MessageBranchProps = HTMLAttributes<HTMLDivElement> & {
+    defaultBranch?: number;
+    onBranchChange?: (branchIndex: number) => void;
+};
+export declare const MessageBranch: ({ defaultBranch, onBranchChange, className, ...props }: MessageBranchProps) => import("react/jsx-runtime").JSX.Element;
+export type MessageBranchContentProps = HTMLAttributes<HTMLDivElement>;
+export declare const MessageBranchContent: ({ children, ...props }: MessageBranchContentProps) => import("react/jsx-runtime").JSX.Element[];
+export type MessageBranchSelectorProps = HTMLAttributes<HTMLDivElement> & {
+    from: UIMessage["role"];
+};
+export declare const MessageBranchSelector: ({ className, from, ...props }: MessageBranchSelectorProps) => import("react/jsx-runtime").JSX.Element | null;
+export type MessageBranchPreviousProps = ComponentProps<typeof Button>;
+export declare const MessageBranchPrevious: ({ children, ...props }: MessageBranchPreviousProps) => import("react/jsx-runtime").JSX.Element;
+export type MessageBranchNextProps = ComponentProps<typeof Button>;
+export declare const MessageBranchNext: ({ children, className, ...props }: MessageBranchNextProps) => import("react/jsx-runtime").JSX.Element;
+export type MessageBranchPageProps = HTMLAttributes<HTMLSpanElement>;
+export declare const MessageBranchPage: ({ className, ...props }: MessageBranchPageProps) => import("react/jsx-runtime").JSX.Element;
+export type MessageResponseProps = ComponentProps<typeof Streamdown>;
+export declare const MessageResponse: import('react').MemoExoticComponent<({ className, ...props }: MessageResponseProps) => import("react/jsx-runtime").JSX.Element>;
+export type MessageAttachmentProps = HTMLAttributes<HTMLDivElement> & {
+    data: FileUIPart;
+    className?: string;
+    onRemove?: () => void;
+};
+export declare function MessageAttachment({ data, className, onRemove, ...props }: MessageAttachmentProps): import("react/jsx-runtime").JSX.Element;
+export type MessageAttachmentsProps = ComponentProps<"div">;
+export declare function MessageAttachments({ children, className, ...props }: MessageAttachmentsProps): import("react/jsx-runtime").JSX.Element | null;
+export type MessageToolbarProps = ComponentProps<"div">;
+export declare const MessageToolbar: ({ className, children, ...props }: MessageToolbarProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/ai-elements/mic-selector.d.ts

@@ -0,0 +1,46 @@
+import { Button } from '../ui/button';
+import { Command, CommandEmpty, CommandInput, CommandItem, CommandList } from '../ui/command';
+import { Popover, PopoverContent } from '../ui/popover';
+import { ComponentProps, ReactNode } from 'react';
+
+export type MicSelectorProps = ComponentProps<typeof Popover> & {
+    defaultValue?: string;
+    value?: string | undefined;
+    onValueChange?: (value: string | undefined) => void;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+};
+export declare const MicSelector: ({ defaultValue, value: controlledValue, onValueChange: controlledOnValueChange, defaultOpen, open: controlledOpen, onOpenChange: controlledOnOpenChange, ...props }: MicSelectorProps) => import("react/jsx-runtime").JSX.Element;
+export type MicSelectorTriggerProps = ComponentProps<typeof Button>;
+export declare const MicSelectorTrigger: ({ children, ...props }: MicSelectorTriggerProps) => import("react/jsx-runtime").JSX.Element;
+export type MicSelectorContentProps = ComponentProps<typeof Command> & {
+    popoverOptions?: ComponentProps<typeof PopoverContent>;
+};
+export declare const MicSelectorContent: ({ className, popoverOptions, ...props }: MicSelectorContentProps) => import("react/jsx-runtime").JSX.Element;
+export type MicSelectorInputProps = ComponentProps<typeof CommandInput> & {
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+};
+export declare const MicSelectorInput: ({ ...props }: MicSelectorInputProps) => import("react/jsx-runtime").JSX.Element;
+export type MicSelectorListProps = Omit<ComponentProps<typeof CommandList>, "children"> & {
+    children: (devices: MediaDeviceInfo[]) => ReactNode;
+};
+export declare const MicSelectorList: ({ children, ...props }: MicSelectorListProps) => import("react/jsx-runtime").JSX.Element;
+export type MicSelectorEmptyProps = ComponentProps<typeof CommandEmpty>;
+export declare const MicSelectorEmpty: ({ children, ...props }: MicSelectorEmptyProps) => import("react/jsx-runtime").JSX.Element;
+export type MicSelectorItemProps = ComponentProps<typeof CommandItem>;
+export declare const MicSelectorItem: (props: MicSelectorItemProps) => import("react/jsx-runtime").JSX.Element;
+export type MicSelectorLabelProps = ComponentProps<"span"> & {
+    device: MediaDeviceInfo;
+};
+export declare const MicSelectorLabel: ({ device, className, ...props }: MicSelectorLabelProps) => import("react/jsx-runtime").JSX.Element;
+export type MicSelectorValueProps = ComponentProps<"span">;
+export declare const MicSelectorValue: ({ className, ...props }: MicSelectorValueProps) => import("react/jsx-runtime").JSX.Element;
+export declare const useAudioDevices: () => {
+    devices: MediaDeviceInfo[];
+    loading: boolean;
+    error: string | null;
+    hasPermission: boolean;
+    loadDevices: () => Promise<void>;
+};