@chatsdk-dev/ui 0.0.1 → 0.1.3

package/dist/molecules/ai/persona.d.ts

@@ -0,0 +1,49 @@
+import type { RiveParameters } from "@rive-app/react-webgl2";
+import type { FC } from "react";
+export type PersonaState = "idle" | "listening" | "thinking" | "speaking" | "asleep";
+interface PersonaProps {
+    state: PersonaState;
+    onLoad?: RiveParameters["onLoad"];
+    onLoadError?: RiveParameters["onLoadError"];
+    onReady?: () => void;
+    onPause?: RiveParameters["onPause"];
+    onPlay?: RiveParameters["onPlay"];
+    onStop?: RiveParameters["onStop"];
+    className?: string;
+    variant?: keyof typeof sources;
+}
+declare const sources: {
+    command: {
+        dynamicColor: boolean;
+        hasModel: boolean;
+        source: string;
+    };
+    glint: {
+        dynamicColor: boolean;
+        hasModel: boolean;
+        source: string;
+    };
+    halo: {
+        dynamicColor: boolean;
+        hasModel: boolean;
+        source: string;
+    };
+    mana: {
+        dynamicColor: boolean;
+        hasModel: boolean;
+        source: string;
+    };
+    obsidian: {
+        dynamicColor: boolean;
+        hasModel: boolean;
+        source: string;
+    };
+    opal: {
+        dynamicColor: boolean;
+        hasModel: boolean;
+        source: string;
+    };
+};
+export declare const Persona: FC<PersonaProps>;
+export {};
+//# sourceMappingURL=persona.d.ts.map

package/dist/molecules/ai/persona.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"persona.d.ts","sourceRoot":"","sources":["../../../src/molecules/ai/persona.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAQ7D,OAAO,KAAK,EAAE,EAAE,EAAa,MAAM,OAAO,CAAC;AAoB3C,MAAM,MAAM,YAAY,GACpB,MAAM,GACN,WAAW,GACX,UAAU,GACV,UAAU,GACV,QAAQ,CAAC;AAEb,UAAU,YAAY;IACpB,KAAK,EAAE,YAAY,CAAC;IACpB,MAAM,CAAC,EAAE,cAAc,CAAC,QAAQ,CAAC,CAAC;IAClC,WAAW,CAAC,EAAE,cAAc,CAAC,aAAa,CAAC,CAAC;IAC5C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,CAAC;IACpC,MAAM,CAAC,EAAE,cAAc,CAAC,QAAQ,CAAC,CAAC;IAClC,MAAM,CAAC,EAAE,cAAc,CAAC,QAAQ,CAAC,CAAC;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,OAAO,OAAO,CAAC;CAChC;AAKD,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqCZ,CAAC;AAmGF,eAAO,MAAM,OAAO,EAAE,EAAE,CAAC,YAAY,CAkHpC,CAAC"}

package/dist/molecules/ai/persona.js

@@ -0,0 +1,189 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "@chatsdk-dev/ui/lib/utils";
+import { useRive, useStateMachineInput, useViewModel, useViewModelInstance, useViewModelInstanceColor, } from "@rive-app/react-webgl2";
+import { memo, useEffect, useMemo, useRef, useState } from "react";
+// Delays Rive initialization by one frame so that React Strict Mode's
+// immediate unmount cycle never creates a WebGL2 context. Only the
+// second (real) mount will initialise, avoiding context exhaustion.
+const useStrictModeSafeInit = () => {
+    const [ready, setReady] = useState(false);
+    useEffect(() => {
+        const id = requestAnimationFrame(() => setReady(true));
+        return () => {
+            cancelAnimationFrame(id);
+            setReady(false);
+        };
+    }, []);
+    return ready;
+};
+// The state machine name is always 'default' for Elements AI visuals
+const stateMachine = "default";
+const 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",
+    },
+};
+const 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";
+};
+const useTheme = (enabled) => {
+    const [theme, setTheme] = useState(getCurrentTheme);
+    useEffect(() => {
+        // Skip if not enabled (avoids unnecessary observers for non-dynamic-color variants)
+        if (!enabled) {
+            return;
+        }
+        // Watch for classList changes
+        const observer = new MutationObserver(() => {
+            setTheme(getCurrentTheme());
+        });
+        observer.observe(document.documentElement, {
+            attributeFilter: ["class"],
+            attributes: true,
+        });
+        // Watch for OS-level theme changes
+        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;
+};
+const 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";
+const PersonaWithoutModel = memo(({ children }) => children);
+PersonaWithoutModel.displayName = "PersonaWithoutModel";
+export const 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}`);
+    }
+    // Stabilize callbacks to prevent useRive from reinitializing
+    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)),
+    }), []);
+    // Delay initialisation by one frame to avoid creating (and leaking)
+    // a WebGL2 context during React Strict Mode's first throw-away mount.
+    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");
+    // Rive state machine inputs are mutable objects that must be set via direct
+    // property assignment — this is the intended Rive API, not a React anti-pattern.
+    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 (_jsx(Component, { rive: rive, source: source, children: _jsx(RiveComponent, { className: cn("size-16 shrink-0", className) }) }));
+});
+Persona.displayName = "Persona";

package/dist/molecules/ai/plan.d.ts

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

package/dist/molecules/ai/plan.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"plan.d.ts","sourceRoot":"","sources":["../../../src/molecules/ai/plan.tsx"],"names":[],"mappings":"AAGA,OAAO,EAEL,UAAU,EACV,WAAW,EACX,eAAe,EAEf,UAAU,EACV,SAAS,EACV,MAAM,4BAA4B,CAAC;AACpC,OAAO,EACL,WAAW,EAEX,kBAAkB,EACnB,MAAM,mCAAmC,CAAC;AAG3C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAmB5C,MAAM,MAAM,SAAS,GAAG,cAAc,CAAC,OAAO,WAAW,CAAC,GAAG;IAC3D,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,IAAI,GAAI,gDAKlB,SAAS,4CAaX,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,cAAc,CAAC,OAAO,UAAU,CAAC,CAAC;AAEhE,eAAO,MAAM,UAAU,GAAI,yBAAyB,eAAe,4CAMlE,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,IAAI,CAC/B,cAAc,CAAC,OAAO,SAAS,CAAC,EAChC,UAAU,CACX,GAAG;IACF,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,wBAAwB,cAAc,4CAQ/D,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,IAAI,CACrC,cAAc,CAAC,OAAO,eAAe,CAAC,EACtC,UAAU,CACX,GAAG;IACF,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,mCAI7B,oBAAoB,4CAYtB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,cAAc,CAAC,OAAO,UAAU,CAAC,CAAC;AAEhE,eAAO,MAAM,UAAU,GAAI,OAAO,eAAe,4CAEhD,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC,OAAO,WAAW,CAAC,CAAC;AAElE,eAAO,MAAM,WAAW,GAAI,OAAO,gBAAgB,4CAKlD,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAEpD,eAAO,MAAM,UAAU,GAAI,OAAO,eAAe,4CAEhD,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC,OAAO,kBAAkB,CAAC,CAAC;AAEzE,eAAO,MAAM,WAAW,GAAI,iCAIzB,gBAAgB,4CAgBlB,CAAC"}

package/dist/molecules/ai/plan.js

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

package/dist/molecules/ai/prompt-input.d.ts

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

package/dist/molecules/ai/prompt-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"prompt-input.d.ts","sourceRoot":"","sources":["../../../src/molecules/ai/prompt-input.tsx"],"names":[],"mappings":"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"}