@sero-ai/ui 0.3.0 → 0.3.2

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

@@ -0,0 +1,58 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { RefObject, ComponentProps, PropsWithChildren } from 'react';
+import { FileUIPart, SourceDocumentUIPart } from 'ai';
+import { DropdownMenuItem } from '../ui/dropdown-menu.js';
+import 'radix-ui';
+
+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;
+}
+interface ReferencedSourcesContext {
+    sources: (SourceDocumentUIPart & {
+        id: string;
+    })[];
+    add: (sources: SourceDocumentUIPart[] | SourceDocumentUIPart) => void;
+    remove: (id: string) => void;
+    clear: () => void;
+}
+declare const LocalAttachmentsContext: React.Context<AttachmentsContext | null>;
+declare const LocalReferencedSourcesContext: React.Context<ReferencedSourcesContext | null>;
+declare const usePromptInputController: () => PromptInputControllerProps;
+/** Optional variant, does NOT throw. Useful for dual-mode components. */
+declare const useOptionalPromptInputController: () => PromptInputControllerProps | null;
+declare const useProviderAttachments: () => AttachmentsContext;
+declare const usePromptInputAttachments: () => AttachmentsContext;
+declare const usePromptInputReferencedSources: () => ReferencedSourcesContext;
+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;
+type PromptInputActionAddAttachmentsProps = ComponentProps<typeof DropdownMenuItem> & {
+    label?: string;
+};
+declare const PromptInputActionAddAttachments: ({ label, ...props }: PromptInputActionAddAttachmentsProps) => react_jsx_runtime.JSX.Element;
+
+export { type AttachmentsContext, LocalAttachmentsContext, LocalReferencedSourcesContext, PromptInputActionAddAttachments, type PromptInputActionAddAttachmentsProps, type PromptInputControllerProps, PromptInputProvider, type PromptInputProviderProps, type ReferencedSourcesContext, type TextInputContext, useOptionalPromptInputController, usePromptInputAttachments, usePromptInputController, usePromptInputReferencedSources, useProviderAttachments };

package/dist/components/ai-elements/prompt-input-context.js

@@ -0,0 +1,161 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import {
+  DropdownMenuItem
+} from "../ui/dropdown-menu";
+import { ImageIcon } from "lucide-react";
+import { nanoid } from "nanoid";
+import {
+  createContext,
+  useCallback,
+  use,
+  useEffect,
+  useMemo,
+  useRef,
+  useState
+} from "react";
+const PromptInputController = createContext(null);
+const ProviderAttachmentsContext = createContext(null);
+const LocalAttachmentsContext = createContext(null);
+const LocalReferencedSourcesContext = createContext(null);
+const usePromptInputController = () => {
+  const ctx = use(PromptInputController);
+  if (!ctx) {
+    throw new Error(
+      "Wrap your component inside <PromptInputProvider> to use usePromptInputController()."
+    );
+  }
+  return ctx;
+};
+const useOptionalPromptInputController = () => use(PromptInputController);
+const useProviderAttachments = () => {
+  const ctx = use(ProviderAttachmentsContext);
+  if (!ctx) {
+    throw new Error(
+      "Wrap your component inside <PromptInputProvider> to use useProviderAttachments()."
+    );
+  }
+  return ctx;
+};
+const useOptionalProviderAttachments = () => use(ProviderAttachmentsContext);
+const usePromptInputAttachments = () => {
+  const provider = useOptionalProviderAttachments();
+  const local = use(LocalAttachmentsContext);
+  const context = local ?? provider;
+  if (!context) {
+    throw new Error(
+      "usePromptInputAttachments must be used within a PromptInput or PromptInputProvider"
+    );
+  }
+  return context;
+};
+const usePromptInputReferencedSources = () => {
+  const ctx = use(LocalReferencedSourcesContext);
+  if (!ctx) {
+    throw new Error(
+      "usePromptInputReferencedSources must be used within a LocalReferencedSourcesContext.Provider"
+    );
+  }
+  return ctx;
+};
+const PromptInputProvider = ({
+  initialInput: initialTextInput = "",
+  children
+}) => {
+  const [textInput, setTextInput] = useState(initialTextInput);
+  const clearInput = useCallback(() => setTextInput(""), []);
+  const [attachmentFiles, setAttachmentFiles] = useState([]);
+  const fileInputRef = useRef(null);
+  const openRef = useRef(() => {
+  });
+  const add = useCallback((files) => {
+    const incoming = [...files];
+    if (incoming.length === 0) return;
+    setAttachmentFiles((prev) => [
+      ...prev,
+      ...incoming.map((file) => ({
+        filename: file.name,
+        id: nanoid(),
+        mediaType: file.type,
+        type: "file",
+        url: URL.createObjectURL(file)
+      }))
+    ]);
+  }, []);
+  const remove = useCallback((id) => {
+    setAttachmentFiles((prev) => {
+      const found = prev.find((f) => f.id === id);
+      if (found?.url) URL.revokeObjectURL(found.url);
+      return prev.filter((f) => f.id !== id);
+    });
+  }, []);
+  const clear = useCallback(() => {
+    setAttachmentFiles((prev) => {
+      for (const f of prev) {
+        if (f.url) URL.revokeObjectURL(f.url);
+      }
+      return [];
+    });
+  }, []);
+  const attachmentsRef = useRef(attachmentFiles);
+  useEffect(() => {
+    attachmentsRef.current = attachmentFiles;
+  }, [attachmentFiles]);
+  useEffect(() => () => {
+    for (const f of attachmentsRef.current) {
+      if (f.url) URL.revokeObjectURL(f.url);
+    }
+  }, []);
+  const openFileDialog = useCallback(() => {
+    openRef.current?.();
+  }, []);
+  const attachments = useMemo(
+    () => ({ add, clear, fileInputRef, files: attachmentFiles, openFileDialog, remove }),
+    [attachmentFiles, add, remove, clear, openFileDialog]
+  );
+  const __registerFileInput = useCallback(
+    (ref, open) => {
+      fileInputRef.current = ref.current;
+      openRef.current = open;
+    },
+    []
+  );
+  const controller = useMemo(
+    () => ({
+      __registerFileInput,
+      attachments,
+      textInput: { clear: clearInput, setInput: setTextInput, value: textInput }
+    }),
+    [textInput, clearInput, attachments, __registerFileInput]
+  );
+  return /* @__PURE__ */ jsx(PromptInputController.Provider, { value: controller, children: /* @__PURE__ */ jsx(ProviderAttachmentsContext.Provider, { value: attachments, children }) });
+};
+const PromptInputActionAddAttachments = ({
+  label = "Add photos or files",
+  ...props
+}) => {
+  const attachments = usePromptInputAttachments();
+  const handleSelect = useCallback(
+    (e) => {
+      e.preventDefault();
+      attachments.openFileDialog();
+    },
+    [attachments]
+  );
+  return /* @__PURE__ */ jsxs(DropdownMenuItem, { ...props, onSelect: handleSelect, children: [
+    /* @__PURE__ */ jsx(ImageIcon, { className: "mr-2 size-4" }),
+    " ",
+    label
+  ] });
+};
+export {
+  LocalAttachmentsContext,
+  LocalReferencedSourcesContext,
+  PromptInputActionAddAttachments,
+  PromptInputProvider,
+  useOptionalPromptInputController,
+  usePromptInputAttachments,
+  usePromptInputController,
+  usePromptInputReferencedSources,
+  useProviderAttachments
+};

package/dist/components/ai-elements/prompt-input-elements.cjs

@@ -0,0 +1,246 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }"use client";
+var _jsxruntime = require('react/jsx-runtime');
+
+
+
+
+
+
+
+
+var _command = require('../ui/command');
+
+
+
+
+
+var _dropdownmenu = require('../ui/dropdown-menu');
+
+
+
+
+var _hovercard = require('../ui/hover-card');
+
+
+
+var _inputgroup = require('../ui/input-group');
+
+
+
+
+
+
+var _select = require('../ui/select');
+var _spinner = require('../ui/spinner');
+
+
+
+
+var _tooltip = require('../ui/tooltip');
+var _utils = require('../../lib/utils');
+
+
+
+
+
+var _lucidereact = require('lucide-react');
+var _react = require('react');
+const PromptInputBody = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _utils.cn.call(void 0, "contents", className), ...props });
+const PromptInputHeader = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  _inputgroup.InputGroupAddon,
+  {
+    align: "block-end",
+    className: _utils.cn.call(void 0, "order-first flex-wrap gap-1", className),
+    ...props
+  }
+);
+const PromptInputFooter = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  _inputgroup.InputGroupAddon,
+  {
+    align: "block-end",
+    className: _utils.cn.call(void 0, "justify-between gap-1", className),
+    ...props
+  }
+);
+const PromptInputTools = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _utils.cn.call(void 0, "flex min-w-0 items-center gap-1", className), ...props });
+const PromptInputButton = ({
+  variant = "ghost",
+  className,
+  size,
+  tooltip,
+  ...props
+}) => {
+  const newSize = _nullishCoalesce(size, () => ( (_react.Children.count(props.children) > 1 ? "sm" : "icon-sm")));
+  const button = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _inputgroup.InputGroupButton,
+    {
+      className: _utils.cn.call(void 0, className),
+      size: newSize,
+      type: "button",
+      variant,
+      ...props
+    }
+  );
+  if (!tooltip) return button;
+  const tooltipContent = typeof tooltip === "string" ? tooltip : tooltip.content;
+  const shortcut = typeof tooltip === "string" ? void 0 : tooltip.shortcut;
+  const side = typeof tooltip === "string" ? "top" : _nullishCoalesce(tooltip.side, () => ( "top"));
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _tooltip.Tooltip, { children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _tooltip.TooltipTrigger, { asChild: true, children: button }),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _tooltip.TooltipContent, { side, children: [
+      tooltipContent,
+      shortcut && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "ml-2 text-muted-foreground", children: shortcut })
+    ] })
+  ] });
+};
+const PromptInputSubmit = ({
+  className,
+  variant = "default",
+  size = "icon-sm",
+  status,
+  onStop,
+  onClick,
+  children,
+  ...props
+}) => {
+  const isGenerating = status === "submitted" || status === "streaming";
+  let Icon = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.CornerDownLeftIcon, { className: "size-4" });
+  if (status === "submitted") Icon = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _spinner.Spinner, {});
+  else if (status === "streaming") Icon = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.SquareIcon, { className: "size-4" });
+  else if (status === "error") Icon = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.XIcon, { className: "size-4" });
+  const handleClick = _react.useCallback.call(void 0, 
+    (e) => {
+      if (isGenerating && onStop) {
+        e.preventDefault();
+        onStop();
+        return;
+      }
+      _optionalChain([onClick, 'optionalCall', _ => _(e)]);
+    },
+    [isGenerating, onStop, onClick]
+  );
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _inputgroup.InputGroupButton,
+    {
+      "aria-label": isGenerating ? "Stop" : "Submit",
+      className: _utils.cn.call(void 0, className),
+      onClick: handleClick,
+      size,
+      type: isGenerating && onStop ? "button" : "submit",
+      variant,
+      ...props,
+      children: _nullishCoalesce(children, () => ( Icon))
+    }
+  );
+};
+const PromptInputActionMenu = (props) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _dropdownmenu.DropdownMenu, { ...props });
+const PromptInputActionMenuTrigger = ({
+  className,
+  children,
+  ...props
+}) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _dropdownmenu.DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PromptInputButton, { className, ...props, children: _nullishCoalesce(children, () => ( /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.PlusIcon, { className: "size-4" }))) }) });
+const PromptInputActionMenuContent = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _dropdownmenu.DropdownMenuContent, { align: "start", className: _utils.cn.call(void 0, className), ...props });
+const PromptInputActionMenuItem = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _dropdownmenu.DropdownMenuItem, { className: _utils.cn.call(void 0, className), ...props });
+const PromptInputSelect = (props) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _select.Select, { ...props });
+const PromptInputSelectTrigger = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  _select.SelectTrigger,
+  {
+    className: _utils.cn.call(void 0, 
+      "border-none bg-transparent font-medium text-muted-foreground shadow-none transition-colors",
+      "hover:bg-accent hover:text-foreground aria-expanded:bg-accent aria-expanded:text-foreground",
+      className
+    ),
+    ...props
+  }
+);
+const PromptInputSelectContent = ({ className, ...props }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _select.SelectContent, { className: _utils.cn.call(void 0, className), ...props });
+const PromptInputSelectItem = ({ className, ...props }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _select.SelectItem, { className: _utils.cn.call(void 0, className), ...props });
+const PromptInputSelectValue = ({ className, ...props }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _select.SelectValue, { className: _utils.cn.call(void 0, className), ...props });
+const PromptInputHoverCard = ({
+  openDelay = 0,
+  closeDelay = 0,
+  ...props
+}) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _hovercard.HoverCard, { closeDelay, openDelay, ...props });
+const PromptInputHoverCardTrigger = (props) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _hovercard.HoverCardTrigger, { ...props });
+const PromptInputHoverCardContent = ({
+  align = "start",
+  ...props
+}) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _hovercard.HoverCardContent, { align, ...props });
+const PromptInputTabsList = ({ className, ...props }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _utils.cn.call(void 0, className), ...props });
+const PromptInputTab = ({ className, ...props }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _utils.cn.call(void 0, className), ...props });
+const PromptInputTabLabel = ({ className, ...props }) => (
+  // Content provided via children in props
+  // oxlint-disable-next-line eslint-plugin-jsx-a11y(heading-has-content)
+  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h3", { className: _utils.cn.call(void 0, "mb-2 px-3 font-medium text-muted-foreground text-xs", className), ...props })
+);
+const PromptInputTabBody = ({ className, ...props }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _utils.cn.call(void 0, "space-y-1", className), ...props });
+const PromptInputTabItem = ({ className, ...props }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  "div",
+  {
+    className: _utils.cn.call(void 0, "flex items-center gap-2 px-3 py-2 text-xs hover:bg-accent", className),
+    ...props
+  }
+);
+const PromptInputCommand = ({ className, ...props }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _command.Command, { className: _utils.cn.call(void 0, className), ...props });
+const PromptInputCommandInput = ({ className, ...props }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _command.CommandInput, { className: _utils.cn.call(void 0, className), ...props });
+const PromptInputCommandList = ({ className, ...props }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _command.CommandList, { className: _utils.cn.call(void 0, className), ...props });
+const PromptInputCommandEmpty = ({ className, ...props }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _command.CommandEmpty, { className: _utils.cn.call(void 0, className), ...props });
+const PromptInputCommandGroup = ({ className, ...props }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _command.CommandGroup, { className: _utils.cn.call(void 0, className), ...props });
+const PromptInputCommandItem = ({ className, ...props }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _command.CommandItem, { className: _utils.cn.call(void 0, className), ...props });
+const PromptInputCommandSeparator = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _command.CommandSeparator, { className: _utils.cn.call(void 0, className), ...props });
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+exports.PromptInputActionMenu = PromptInputActionMenu; exports.PromptInputActionMenuContent = PromptInputActionMenuContent; exports.PromptInputActionMenuItem = PromptInputActionMenuItem; exports.PromptInputActionMenuTrigger = PromptInputActionMenuTrigger; exports.PromptInputBody = PromptInputBody; exports.PromptInputButton = PromptInputButton; exports.PromptInputCommand = PromptInputCommand; exports.PromptInputCommandEmpty = PromptInputCommandEmpty; exports.PromptInputCommandGroup = PromptInputCommandGroup; exports.PromptInputCommandInput = PromptInputCommandInput; exports.PromptInputCommandItem = PromptInputCommandItem; exports.PromptInputCommandList = PromptInputCommandList; exports.PromptInputCommandSeparator = PromptInputCommandSeparator; exports.PromptInputFooter = PromptInputFooter; exports.PromptInputHeader = PromptInputHeader; exports.PromptInputHoverCard = PromptInputHoverCard; exports.PromptInputHoverCardContent = PromptInputHoverCardContent; exports.PromptInputHoverCardTrigger = PromptInputHoverCardTrigger; exports.PromptInputSelect = PromptInputSelect; exports.PromptInputSelectContent = PromptInputSelectContent; exports.PromptInputSelectItem = PromptInputSelectItem; exports.PromptInputSelectTrigger = PromptInputSelectTrigger; exports.PromptInputSelectValue = PromptInputSelectValue; exports.PromptInputSubmit = PromptInputSubmit; exports.PromptInputTab = PromptInputTab; exports.PromptInputTabBody = PromptInputTabBody; exports.PromptInputTabItem = PromptInputTabItem; exports.PromptInputTabLabel = PromptInputTabLabel; exports.PromptInputTabsList = PromptInputTabsList; exports.PromptInputTools = PromptInputTools;

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

@@ -0,0 +1,88 @@
+import * as ai from 'ai';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ComponentProps, ReactNode, HTMLAttributes } from 'react';
+import { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator } from '../ui/command.cjs';
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem } from '../ui/dropdown-menu.cjs';
+import { HoverCard, HoverCardContent, HoverCardTrigger } from '../ui/hover-card.cjs';
+import { InputGroupButton, InputGroupAddon } from '../ui/input-group.cjs';
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '../ui/select.cjs';
+import { TooltipContent } from '../ui/tooltip.cjs';
+import 'cmdk';
+import '../ui/dialog.cjs';
+import 'radix-ui';
+import 'class-variance-authority/types';
+import 'class-variance-authority';
+import '../ui/button.cjs';
+
+type PromptInputBodyProps = HTMLAttributes<HTMLDivElement>;
+declare const PromptInputBody: ({ className, ...props }: PromptInputBodyProps) => 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 PromptInputSubmitProps = ComponentProps<typeof InputGroupButton> & {
+    status?: ai.ChatStatus;
+    onStop?: () => void;
+};
+declare const PromptInputSubmit: ({ className, variant, size, status, onStop, onClick, children, ...props }: PromptInputSubmitProps) => 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 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: ({ openDelay, closeDelay, ...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 { 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, PromptInputFooter, type PromptInputFooterProps, PromptInputHeader, type PromptInputHeaderProps, PromptInputHoverCard, PromptInputHoverCardContent, type PromptInputHoverCardContentProps, type PromptInputHoverCardProps, PromptInputHoverCardTrigger, type PromptInputHoverCardTriggerProps, 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, PromptInputTools, type PromptInputToolsProps };

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

@@ -0,0 +1,88 @@
+import * as ai from 'ai';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ComponentProps, ReactNode, HTMLAttributes } from 'react';
+import { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator } from '../ui/command.js';
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem } from '../ui/dropdown-menu.js';
+import { HoverCard, HoverCardContent, HoverCardTrigger } from '../ui/hover-card.js';
+import { InputGroupButton, InputGroupAddon } from '../ui/input-group.js';
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '../ui/select.js';
+import { TooltipContent } from '../ui/tooltip.js';
+import 'cmdk';
+import '../ui/dialog.js';
+import 'radix-ui';
+import 'class-variance-authority/types';
+import 'class-variance-authority';
+import '../ui/button.js';
+
+type PromptInputBodyProps = HTMLAttributes<HTMLDivElement>;
+declare const PromptInputBody: ({ className, ...props }: PromptInputBodyProps) => 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 PromptInputSubmitProps = ComponentProps<typeof InputGroupButton> & {
+    status?: ai.ChatStatus;
+    onStop?: () => void;
+};
+declare const PromptInputSubmit: ({ className, variant, size, status, onStop, onClick, children, ...props }: PromptInputSubmitProps) => 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 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: ({ openDelay, closeDelay, ...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 { 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, PromptInputFooter, type PromptInputFooterProps, PromptInputHeader, type PromptInputHeaderProps, PromptInputHoverCard, PromptInputHoverCardContent, type PromptInputHoverCardContentProps, type PromptInputHoverCardProps, PromptInputHoverCardTrigger, type PromptInputHoverCardTriggerProps, 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, PromptInputTools, type PromptInputToolsProps };