@chatsdk-dev/elements 0.0.1 → 0.1.3

package/dist/components/ai-elements/persona.js

@@ -1,209 +0,0 @@
-import { cn } from '@chatsdk-dev/ui/lib/utils';
-import { useViewModel, useViewModelInstance, useViewModelInstanceColor, useRive, useStateMachineInput } from '@rive-app/react-webgl2';
-import { memo, useEffect, useRef, useMemo, useState } from 'react';
-import { jsx } from 'react/jsx-runtime';
-
-var useStrictModeSafeInit = () => {
-  const [ready, setReady] = useState(false);
-  useEffect(() => {
-    const id = requestAnimationFrame(() => setReady(true));
-    return () => {
-      cancelAnimationFrame(id);
-      setReady(false);
-    };
-  }, []);
-  return ready;
-};
-var stateMachine = "default";
-var sources = {
-  command: {
-    dynamicColor: true,
-    hasModel: true,
-    source: "https://ejiidnob33g9ap1r.public.blob.vercel-storage.com/command-2.0.riv"
-  },
-  glint: {
-    dynamicColor: true,
-    hasModel: true,
-    source: "https://ejiidnob33g9ap1r.public.blob.vercel-storage.com/glint-2.0.riv"
-  },
-  halo: {
-    dynamicColor: true,
-    hasModel: true,
-    source: "https://ejiidnob33g9ap1r.public.blob.vercel-storage.com/halo-2.0.riv"
-  },
-  mana: {
-    dynamicColor: false,
-    hasModel: true,
-    source: "https://ejiidnob33g9ap1r.public.blob.vercel-storage.com/mana-2.0.riv"
-  },
-  obsidian: {
-    dynamicColor: true,
-    hasModel: true,
-    source: "https://ejiidnob33g9ap1r.public.blob.vercel-storage.com/obsidian-2.0.riv"
-  },
-  opal: {
-    dynamicColor: false,
-    hasModel: false,
-    source: "https://ejiidnob33g9ap1r.public.blob.vercel-storage.com/orb-1.2.riv"
-  }
-};
-var getCurrentTheme = () => {
-  if (typeof window !== "undefined") {
-    if (document.documentElement.classList.contains("dark")) {
-      return "dark";
-    }
-    if (window.matchMedia?.("(prefers-color-scheme: dark)").matches) {
-      return "dark";
-    }
-  }
-  return "light";
-};
-var useTheme = (enabled) => {
-  const [theme, setTheme] = useState(getCurrentTheme);
-  useEffect(() => {
-    if (!enabled) {
-      return;
-    }
-    const observer = new MutationObserver(() => {
-      setTheme(getCurrentTheme());
-    });
-    observer.observe(document.documentElement, {
-      attributeFilter: ["class"],
-      attributes: true
-    });
-    let mql = null;
-    const handleMediaChange = () => {
-      setTheme(getCurrentTheme());
-    };
-    if (window.matchMedia) {
-      mql = window.matchMedia("(prefers-color-scheme: dark)");
-      mql.addEventListener("change", handleMediaChange);
-    }
-    return () => {
-      observer.disconnect();
-      if (mql) {
-        mql.removeEventListener("change", handleMediaChange);
-      }
-    };
-  }, [enabled]);
-  return theme;
-};
-var PersonaWithModel = memo(
-  ({ rive, source, children }) => {
-    const theme = useTheme(source.dynamicColor);
-    const viewModel = useViewModel(rive, { useDefault: true });
-    const viewModelInstance = useViewModelInstance(viewModel, {
-      rive,
-      useDefault: true
-    });
-    const viewModelInstanceColor = useViewModelInstanceColor(
-      "color",
-      viewModelInstance
-    );
-    useEffect(() => {
-      if (!(viewModelInstanceColor && source.dynamicColor)) {
-        return;
-      }
-      const [r, g, b] = theme === "dark" ? [255, 255, 255] : [0, 0, 0];
-      viewModelInstanceColor.setRgb(r, g, b);
-    }, [viewModelInstanceColor, theme, source.dynamicColor]);
-    return children;
-  }
-);
-PersonaWithModel.displayName = "PersonaWithModel";
-var PersonaWithoutModel = memo(
-  ({ children }) => children
-);
-PersonaWithoutModel.displayName = "PersonaWithoutModel";
-var Persona = memo(
-  ({
-    variant = "obsidian",
-    state = "idle",
-    onLoad,
-    onLoadError,
-    onReady,
-    onPause,
-    onPlay,
-    onStop,
-    className
-  }) => {
-    const source = sources[variant];
-    if (!source) {
-      throw new Error(`Invalid variant: ${variant}`);
-    }
-    const callbacksRef = useRef({
-      onLoad,
-      onLoadError,
-      onPause,
-      onPlay,
-      onReady,
-      onStop
-    });
-    useEffect(() => {
-      callbacksRef.current = {
-        onLoad,
-        onLoadError,
-        onPause,
-        onPlay,
-        onReady,
-        onStop
-      };
-    }, [onLoad, onLoadError, onPause, onPlay, onReady, onStop]);
-    const stableCallbacks = useMemo(
-      () => ({
-        onLoad: ((loadedRive) => callbacksRef.current.onLoad?.(
-          loadedRive
-        )),
-        onLoadError: ((err) => callbacksRef.current.onLoadError?.(
-          err
-        )),
-        onPause: ((event) => callbacksRef.current.onPause?.(event)),
-        onPlay: ((event) => callbacksRef.current.onPlay?.(event)),
-        onReady: () => callbacksRef.current.onReady?.(),
-        onStop: ((event) => callbacksRef.current.onStop?.(event))
-      }),
-      []
-    );
-    const ready = useStrictModeSafeInit();
-    const { rive, RiveComponent } = useRive(
-      ready ? {
-        autoplay: true,
-        onLoad: stableCallbacks.onLoad,
-        onLoadError: stableCallbacks.onLoadError,
-        onPause: stableCallbacks.onPause,
-        onPlay: stableCallbacks.onPlay,
-        onRiveReady: stableCallbacks.onReady,
-        onStop: stableCallbacks.onStop,
-        src: source.source,
-        stateMachines: stateMachine
-      } : null
-    );
-    const listeningInput = useStateMachineInput(
-      rive,
-      stateMachine,
-      "listening"
-    );
-    const thinkingInput = useStateMachineInput(rive, stateMachine, "thinking");
-    const speakingInput = useStateMachineInput(rive, stateMachine, "speaking");
-    const asleepInput = useStateMachineInput(rive, stateMachine, "asleep");
-    useEffect(() => {
-      if (listeningInput) {
-        listeningInput.value = state === "listening";
-      }
-      if (thinkingInput) {
-        thinkingInput.value = state === "thinking";
-      }
-      if (speakingInput) {
-        speakingInput.value = state === "speaking";
-      }
-      if (asleepInput) {
-        asleepInput.value = state === "asleep";
-      }
-    }, [state, listeningInput, thinkingInput, speakingInput, asleepInput]);
-    const Component = source.hasModel ? PersonaWithModel : PersonaWithoutModel;
-    return /* @__PURE__ */ jsx(Component, { rive, source, children: /* @__PURE__ */ jsx(RiveComponent, { className: cn("size-16 shrink-0", className) }) });
-  }
-);
-Persona.displayName = "Persona";
-
-export { Persona };

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

@@ -1,29 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { CardAction, CardContent, CardDescription, CardHeader, CardTitle } from '@chatsdk-dev/ui/components/card';
-import { Collapsible, CollapsibleTrigger } from '@chatsdk-dev/ui/components/collapsible';
-import { ComponentProps } from 'react';
-
-type PlanProps = ComponentProps<typeof Collapsible> & {
-    isStreaming?: boolean;
-};
-declare const Plan: ({ className, isStreaming, children, ...props }: PlanProps) => react_jsx_runtime.JSX.Element;
-type PlanHeaderProps = ComponentProps<typeof CardHeader>;
-declare const PlanHeader: ({ className, ...props }: PlanHeaderProps) => react_jsx_runtime.JSX.Element;
-type PlanTitleProps = Omit<ComponentProps<typeof CardTitle>, "children"> & {
-    children: string;
-};
-declare const PlanTitle: ({ children, ...props }: PlanTitleProps) => react_jsx_runtime.JSX.Element;
-type PlanDescriptionProps = Omit<ComponentProps<typeof CardDescription>, "children"> & {
-    children: string;
-};
-declare const PlanDescription: ({ className, children, ...props }: PlanDescriptionProps) => react_jsx_runtime.JSX.Element;
-type PlanActionProps = ComponentProps<typeof CardAction>;
-declare const PlanAction: (props: PlanActionProps) => react_jsx_runtime.JSX.Element;
-type PlanContentProps = ComponentProps<typeof CardContent>;
-declare const PlanContent: (props: PlanContentProps) => react_jsx_runtime.JSX.Element;
-type PlanFooterProps = ComponentProps<"div">;
-declare const PlanFooter: (props: PlanFooterProps) => react_jsx_runtime.JSX.Element;
-type PlanTriggerProps = ComponentProps<typeof CollapsibleTrigger>;
-declare const PlanTrigger: ({ className, render, ...props }: PlanTriggerProps) => react_jsx_runtime.JSX.Element;
-
-export { Plan, PlanAction, type PlanActionProps, PlanContent, type PlanContentProps, PlanDescription, type PlanDescriptionProps, PlanFooter, type PlanFooterProps, PlanHeader, type PlanHeaderProps, type PlanProps, PlanTitle, type PlanTitleProps, PlanTrigger, type PlanTriggerProps };

package/dist/components/ai-elements/plan.js

@@ -1,95 +0,0 @@
-import { Shimmer } from '../../chunk-NIC3MOMY.js';
-import { Button } from '@chatsdk-dev/ui/components/button';
-import { Card, CardHeader, CardTitle, CardDescription, CardAction, CardContent, CardFooter } from '@chatsdk-dev/ui/components/card';
-import { Collapsible, CollapsibleContent, CollapsibleTrigger } from '@chatsdk-dev/ui/components/collapsible';
-import { cn } from '@chatsdk-dev/ui/lib/utils';
-import { ChevronsUpDownIcon } from 'lucide-react';
-import { createContext, useMemo, useContext } from 'react';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-var PlanContext = createContext(null);
-var usePlan = () => {
-  const context = useContext(PlanContext);
-  if (!context) {
-    throw new Error("Plan components must be used within Plan");
-  }
-  return context;
-};
-var Plan = ({
-  className,
-  isStreaming = false,
-  children,
-  ...props
-}) => {
-  const contextValue = useMemo(() => ({ isStreaming }), [isStreaming]);
-  return /* @__PURE__ */ jsx(PlanContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(
-    Collapsible,
-    {
-      ...props,
-      render: () => /* @__PURE__ */ jsx(Card, { className: cn("shadow-none", className), children })
-    }
-  ) });
-};
-var PlanHeader = ({ className, ...props }) => /* @__PURE__ */ jsx(
-  CardHeader,
-  {
-    className: cn("flex items-start justify-between", className),
-    "data-slot": "plan-header",
-    ...props
-  }
-);
-var PlanTitle = ({ children, ...props }) => {
-  const { isStreaming } = usePlan();
-  return /* @__PURE__ */ jsx(CardTitle, { "data-slot": "plan-title", ...props, children: isStreaming ? /* @__PURE__ */ jsx(Shimmer, { children }) : children });
-};
-var PlanDescription = ({
-  className,
-  children,
-  ...props
-}) => {
-  const { isStreaming } = usePlan();
-  return /* @__PURE__ */ jsx(
-    CardDescription,
-    {
-      className: cn("text-balance", className),
-      "data-slot": "plan-description",
-      ...props,
-      children: isStreaming ? /* @__PURE__ */ jsx(Shimmer, { children }) : children
-    }
-  );
-};
-var PlanAction = (props) => /* @__PURE__ */ jsx(CardAction, { "data-slot": "plan-action", ...props });
-var PlanContent = (props) => /* @__PURE__ */ jsx(
-  CollapsibleContent,
-  {
-    ...props,
-    render: () => /* @__PURE__ */ jsx(CardContent, { "data-slot": "plan-content", ...props })
-  }
-);
-var PlanFooter = (props) => /* @__PURE__ */ jsx(CardFooter, { "data-slot": "plan-footer", ...props });
-var PlanTrigger = ({
-  className,
-  render,
-  ...props
-}) => /* @__PURE__ */ jsx(
-  CollapsibleTrigger,
-  {
-    ...props,
-    render: () => /* @__PURE__ */ jsxs(
-      Button,
-      {
-        className: cn("size-8", className),
-        "data-slot": "plan-trigger",
-        size: "icon",
-        variant: "ghost",
-        ...props,
-        children: [
-          /* @__PURE__ */ jsx(ChevronsUpDownIcon, { className: "size-4" }),
-          /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Toggle plan" })
-        ]
-      }
-    )
-  }
-);
-
-export { Plan, PlanAction, PlanContent, PlanDescription, PlanFooter, PlanHeader, PlanTitle, PlanTrigger };

package/dist/components/ai-elements/prompt-input.d.ts

@@ -1,153 +0,0 @@
-import * as react from 'react';
-import { RefObject, HTMLAttributes, ComponentProps, ReactNode, PropsWithChildren } from 'react';
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator } from '@chatsdk-dev/ui/components/command';
-import { DropdownMenuItem, DropdownMenu, DropdownMenuContent } from '@chatsdk-dev/ui/components/dropdown-menu';
-import { HoverCard, HoverCardContent, HoverCardTrigger } from '@chatsdk-dev/ui/components/hover-card';
-import { InputGroupButton, InputGroupAddon, InputGroupTextarea } from '@chatsdk-dev/ui/components/input-group';
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@chatsdk-dev/ui/components/select';
-import { TooltipContent } from '@chatsdk-dev/ui/components/tooltip';
-import { FileUIPart, SourceDocumentUIPart, ChatStatus } from 'ai';
-
-interface AttachmentsContext {
-    files: (FileUIPart & {
-        id: string;
-    })[];
-    add: (files: File[] | FileList) => void;
-    remove: (id: string) => void;
-    clear: () => void;
-    openFileDialog: () => void;
-    fileInputRef: RefObject<HTMLInputElement | null>;
-}
-interface TextInputContext {
-    value: string;
-    setInput: (v: string) => void;
-    clear: () => void;
-}
-interface PromptInputControllerProps {
-    textInput: TextInputContext;
-    attachments: AttachmentsContext;
-    /** INTERNAL: Allows PromptInput to register its file textInput + "open" callback */
-    __registerFileInput: (ref: RefObject<HTMLInputElement | null>, open: () => void) => void;
-}
-declare const usePromptInputController: () => PromptInputControllerProps;
-declare const useProviderAttachments: () => AttachmentsContext;
-type PromptInputProviderProps = PropsWithChildren<{
-    initialInput?: string;
-}>;
-/**
- * Optional global provider that lifts PromptInput state outside of PromptInput.
- * If you don't use it, PromptInput stays fully self-managed.
- */
-declare const PromptInputProvider: ({ initialInput: initialTextInput, children, }: PromptInputProviderProps) => react_jsx_runtime.JSX.Element;
-declare const usePromptInputAttachments: () => AttachmentsContext;
-interface ReferencedSourcesContext {
-    sources: (SourceDocumentUIPart & {
-        id: string;
-    })[];
-    add: (sources: SourceDocumentUIPart[] | SourceDocumentUIPart) => void;
-    remove: (id: string) => void;
-    clear: () => void;
-}
-declare const LocalReferencedSourcesContext: react.Context<ReferencedSourcesContext | null>;
-declare const usePromptInputReferencedSources: () => ReferencedSourcesContext;
-type PromptInputActionAddAttachmentsProps = ComponentProps<typeof DropdownMenuItem> & {
-    label?: string;
-};
-declare const PromptInputActionAddAttachments: ({ label, ...props }: PromptInputActionAddAttachmentsProps) => react_jsx_runtime.JSX.Element;
-type PromptInputActionAddScreenshotProps = ComponentProps<typeof DropdownMenuItem> & {
-    label?: string;
-};
-declare const PromptInputActionAddScreenshot: ({ label, onSelect, ...props }: PromptInputActionAddScreenshotProps) => react_jsx_runtime.JSX.Element;
-interface PromptInputMessage {
-    text: string;
-    files: FileUIPart[];
-}
-type PromptInputProps = Omit<HTMLAttributes<HTMLFormElement>, "onSubmit" | "onError"> & {
-    accept?: string;
-    multiple?: boolean;
-    globalDrop?: boolean;
-    syncHiddenInput?: boolean;
-    maxFiles?: number;
-    maxFileSize?: number;
-    onError?: (err: {
-        code: "max_files" | "max_file_size" | "accept";
-        message: string;
-    }) => void;
-    onSubmit: (message: PromptInputMessage, event: React.SubmitEvent<HTMLFormElement>) => void | Promise<void>;
-};
-declare const PromptInput: ({ className, accept, multiple, globalDrop, syncHiddenInput, maxFiles, maxFileSize, onError, onSubmit, children, ...props }: PromptInputProps) => react_jsx_runtime.JSX.Element;
-type PromptInputBodyProps = HTMLAttributes<HTMLDivElement>;
-declare const PromptInputBody: ({ className, ...props }: PromptInputBodyProps) => react_jsx_runtime.JSX.Element;
-type PromptInputTextareaProps = ComponentProps<typeof InputGroupTextarea>;
-declare const PromptInputTextarea: ({ onChange, onKeyDown, className, placeholder, ...props }: PromptInputTextareaProps) => react_jsx_runtime.JSX.Element;
-type PromptInputHeaderProps = Omit<ComponentProps<typeof InputGroupAddon>, "align">;
-declare const PromptInputHeader: ({ className, ...props }: PromptInputHeaderProps) => react_jsx_runtime.JSX.Element;
-type PromptInputFooterProps = Omit<ComponentProps<typeof InputGroupAddon>, "align">;
-declare const PromptInputFooter: ({ className, ...props }: PromptInputFooterProps) => react_jsx_runtime.JSX.Element;
-type PromptInputToolsProps = HTMLAttributes<HTMLDivElement>;
-declare const PromptInputTools: ({ className, ...props }: PromptInputToolsProps) => react_jsx_runtime.JSX.Element;
-type PromptInputButtonTooltip = string | {
-    content: ReactNode;
-    shortcut?: string;
-    side?: ComponentProps<typeof TooltipContent>["side"];
-};
-type PromptInputButtonProps = ComponentProps<typeof InputGroupButton> & {
-    tooltip?: PromptInputButtonTooltip;
-};
-declare const PromptInputButton: ({ variant, className, size, tooltip, ...props }: PromptInputButtonProps) => react_jsx_runtime.JSX.Element;
-type PromptInputActionMenuProps = ComponentProps<typeof DropdownMenu>;
-declare const PromptInputActionMenu: (props: PromptInputActionMenuProps) => react_jsx_runtime.JSX.Element;
-type PromptInputActionMenuTriggerProps = PromptInputButtonProps;
-declare const PromptInputActionMenuTrigger: ({ className, children, ...props }: PromptInputActionMenuTriggerProps) => react_jsx_runtime.JSX.Element;
-type PromptInputActionMenuContentProps = ComponentProps<typeof DropdownMenuContent>;
-declare const PromptInputActionMenuContent: ({ className, ...props }: PromptInputActionMenuContentProps) => react_jsx_runtime.JSX.Element;
-type PromptInputActionMenuItemProps = ComponentProps<typeof DropdownMenuItem>;
-declare const PromptInputActionMenuItem: ({ className, ...props }: PromptInputActionMenuItemProps) => react_jsx_runtime.JSX.Element;
-type PromptInputSubmitProps = ComponentProps<typeof InputGroupButton> & {
-    status?: ChatStatus;
-    onStop?: () => void;
-};
-declare const PromptInputSubmit: ({ className, variant, size, status, onStop, onClick, children, ...props }: PromptInputSubmitProps) => react_jsx_runtime.JSX.Element;
-type PromptInputSelectProps = ComponentProps<typeof Select>;
-declare const PromptInputSelect: (props: PromptInputSelectProps) => react_jsx_runtime.JSX.Element;
-type PromptInputSelectTriggerProps = ComponentProps<typeof SelectTrigger>;
-declare const PromptInputSelectTrigger: ({ className, ...props }: PromptInputSelectTriggerProps) => react_jsx_runtime.JSX.Element;
-type PromptInputSelectContentProps = ComponentProps<typeof SelectContent>;
-declare const PromptInputSelectContent: ({ className, ...props }: PromptInputSelectContentProps) => react_jsx_runtime.JSX.Element;
-type PromptInputSelectItemProps = ComponentProps<typeof SelectItem>;
-declare const PromptInputSelectItem: ({ className, ...props }: PromptInputSelectItemProps) => react_jsx_runtime.JSX.Element;
-type PromptInputSelectValueProps = ComponentProps<typeof SelectValue>;
-declare const PromptInputSelectValue: ({ className, ...props }: PromptInputSelectValueProps) => react_jsx_runtime.JSX.Element;
-type PromptInputHoverCardProps = ComponentProps<typeof HoverCard>;
-declare const PromptInputHoverCard: ({ ...props }: PromptInputHoverCardProps) => react_jsx_runtime.JSX.Element;
-type PromptInputHoverCardTriggerProps = ComponentProps<typeof HoverCardTrigger>;
-declare const PromptInputHoverCardTrigger: (props: PromptInputHoverCardTriggerProps) => react_jsx_runtime.JSX.Element;
-type PromptInputHoverCardContentProps = ComponentProps<typeof HoverCardContent>;
-declare const PromptInputHoverCardContent: ({ align, ...props }: PromptInputHoverCardContentProps) => react_jsx_runtime.JSX.Element;
-type PromptInputTabsListProps = HTMLAttributes<HTMLDivElement>;
-declare const PromptInputTabsList: ({ className, ...props }: PromptInputTabsListProps) => react_jsx_runtime.JSX.Element;
-type PromptInputTabProps = HTMLAttributes<HTMLDivElement>;
-declare const PromptInputTab: ({ className, ...props }: PromptInputTabProps) => react_jsx_runtime.JSX.Element;
-type PromptInputTabLabelProps = HTMLAttributes<HTMLHeadingElement>;
-declare const PromptInputTabLabel: ({ className, ...props }: PromptInputTabLabelProps) => react_jsx_runtime.JSX.Element;
-type PromptInputTabBodyProps = HTMLAttributes<HTMLDivElement>;
-declare const PromptInputTabBody: ({ className, ...props }: PromptInputTabBodyProps) => react_jsx_runtime.JSX.Element;
-type PromptInputTabItemProps = HTMLAttributes<HTMLDivElement>;
-declare const PromptInputTabItem: ({ className, ...props }: PromptInputTabItemProps) => react_jsx_runtime.JSX.Element;
-type PromptInputCommandProps = ComponentProps<typeof Command>;
-declare const PromptInputCommand: ({ className, ...props }: PromptInputCommandProps) => react_jsx_runtime.JSX.Element;
-type PromptInputCommandInputProps = ComponentProps<typeof CommandInput>;
-declare const PromptInputCommandInput: ({ className, ...props }: PromptInputCommandInputProps) => react_jsx_runtime.JSX.Element;
-type PromptInputCommandListProps = ComponentProps<typeof CommandList>;
-declare const PromptInputCommandList: ({ className, ...props }: PromptInputCommandListProps) => react_jsx_runtime.JSX.Element;
-type PromptInputCommandEmptyProps = ComponentProps<typeof CommandEmpty>;
-declare const PromptInputCommandEmpty: ({ className, ...props }: PromptInputCommandEmptyProps) => react_jsx_runtime.JSX.Element;
-type PromptInputCommandGroupProps = ComponentProps<typeof CommandGroup>;
-declare const PromptInputCommandGroup: ({ className, ...props }: PromptInputCommandGroupProps) => react_jsx_runtime.JSX.Element;
-type PromptInputCommandItemProps = ComponentProps<typeof CommandItem>;
-declare const PromptInputCommandItem: ({ className, ...props }: PromptInputCommandItemProps) => react_jsx_runtime.JSX.Element;
-type PromptInputCommandSeparatorProps = ComponentProps<typeof CommandSeparator>;
-declare const PromptInputCommandSeparator: ({ className, ...props }: PromptInputCommandSeparatorProps) => react_jsx_runtime.JSX.Element;
-
-export { type AttachmentsContext, LocalReferencedSourcesContext, PromptInput, PromptInputActionAddAttachments, type PromptInputActionAddAttachmentsProps, PromptInputActionAddScreenshot, type PromptInputActionAddScreenshotProps, PromptInputActionMenu, PromptInputActionMenuContent, type PromptInputActionMenuContentProps, PromptInputActionMenuItem, type PromptInputActionMenuItemProps, type PromptInputActionMenuProps, PromptInputActionMenuTrigger, type PromptInputActionMenuTriggerProps, PromptInputBody, type PromptInputBodyProps, PromptInputButton, type PromptInputButtonProps, type PromptInputButtonTooltip, PromptInputCommand, PromptInputCommandEmpty, type PromptInputCommandEmptyProps, PromptInputCommandGroup, type PromptInputCommandGroupProps, PromptInputCommandInput, type PromptInputCommandInputProps, PromptInputCommandItem, type PromptInputCommandItemProps, PromptInputCommandList, type PromptInputCommandListProps, type PromptInputCommandProps, PromptInputCommandSeparator, type PromptInputCommandSeparatorProps, type PromptInputControllerProps, PromptInputFooter, type PromptInputFooterProps, PromptInputHeader, type PromptInputHeaderProps, PromptInputHoverCard, PromptInputHoverCardContent, type PromptInputHoverCardContentProps, type PromptInputHoverCardProps, PromptInputHoverCardTrigger, type PromptInputHoverCardTriggerProps, type PromptInputMessage, type PromptInputProps, PromptInputProvider, type PromptInputProviderProps, PromptInputSelect, PromptInputSelectContent, type PromptInputSelectContentProps, PromptInputSelectItem, type PromptInputSelectItemProps, type PromptInputSelectProps, PromptInputSelectTrigger, type PromptInputSelectTriggerProps, PromptInputSelectValue, type PromptInputSelectValueProps, PromptInputSubmit, type PromptInputSubmitProps, PromptInputTab, PromptInputTabBody, type PromptInputTabBodyProps, PromptInputTabItem, type PromptInputTabItemProps, PromptInputTabLabel, type PromptInputTabLabelProps, type PromptInputTabProps, PromptInputTabsList, type PromptInputTabsListProps, PromptInputTextarea, type PromptInputTextareaProps, PromptInputTools, type PromptInputToolsProps, type ReferencedSourcesContext, type TextInputContext, usePromptInputAttachments, usePromptInputController, usePromptInputReferencedSources, useProviderAttachments };