@cognite/aura 0.3.5 → 1.46104.0

package/dist/components/ui/core/prompt-input/prompt-input.js

@@ -1,276 +1,347 @@
-import { cn as e } from "../../../../lib/utils.js";
-import { DropdownMenu as t, DropdownMenuContent as n, DropdownMenuItem as r, DropdownMenuTrigger as i } from "../dropdown-menu/dropdown-menu.js";
-import { HelperText as a } from "../helper-text/helper-text.js";
-import { HoverCard as o, HoverCardContent as s, HoverCardTrigger as c } from "../hover-card/hover-card.js";
-import { Select as l, SelectContent as u, SelectItem as d, SelectTrigger as f, SelectValue as ee } from "../select/select.js";
-import { Command as te, CommandEmpty as ne, CommandGroup as re, CommandInput as ie, CommandItem as p, CommandList as ae, CommandSeparator as oe } from "../command/command.js";
-import { InputGroup as se, InputGroupAddon as m, InputGroupButton as h, InputGroupTextarea as ce } from "../input-group/input-group.js";
-import { createContext as le, forwardRef as g, useCallback as ue, useContext as _, useMemo as de, useState as v } from "react";
-import { IconInfoCircle as fe, IconLoader2 as pe, IconPlus as me, IconSend as he, IconSquare as ge, IconX as _e } from "@tabler/icons-react";
-import { jsx as y, jsxs as ve } from "react/jsx-runtime";
-//#region libs/aura/src/components/ui/core/prompt-input/prompt-input.tsx
-var b = le(null), ye = () => {
-	let e = _(b);
-	if (!e) throw Error("Wrap your component inside <PromptInputProvider> to use usePromptInputController().");
-	return e;
-}, x = () => _(b);
-function be({ initialInput: e = "", children: t }) {
-	let [n, r] = v(e), i = ue(() => r(""), []), a = de(() => ({ textInput: {
-		value: n,
-		setInput: r,
-		clear: i
-	} }), [n, i]);
-	return /* @__PURE__ */ y(b.Provider, {
-		value: a,
-		children: t
-	});
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { createContext, forwardRef, useCallback, useContext, useMemo, useState } from "react";
+import { IconInfoCircle, IconLoader2, IconPlus, IconSend, IconSquare, IconX } from "@tabler/icons-react";
+import { cn } from "../../../../lib/utils.js";
+import { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator } from "../command/command.js";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from "../dropdown-menu/dropdown-menu.js";
+import { HelperText } from "../helper-text/helper-text.js";
+import { HoverCard, HoverCardContent, HoverCardTrigger } from "../hover-card/hover-card.js";
+import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupTextarea } from "../input-group/input-group.js";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "../select/select.js";
+// eslint-disable-next-line @eslint-react/naming-convention/context-name
+const PromptInputController = /*#__PURE__*/ createContext(null);
+const usePromptInputController = ()=>{
+    const ctx = useContext(PromptInputController);
+    if (!ctx) {
+        throw new Error('Wrap your component inside <PromptInputProvider> to use usePromptInputController().');
+    }
+    return ctx;
+};
+const useOptionalPromptInputController = ()=>useContext(PromptInputController);
+function PromptInputProvider({ initialInput: initialTextInput = '', children }) {
+    const [textInput, setTextInput] = useState(initialTextInput);
+    const clearInput = useCallback(()=>setTextInput(''), []);
+    const controller = useMemo(()=>({
+            textInput: {
+                value: textInput,
+                setInput: setTextInput,
+                clear: clearInput
+            }
+        }), [
+        textInput,
+        clearInput
+    ]);
+    return /*#__PURE__*/ _jsx(PromptInputController.Provider, {
+        value: controller,
+        children: children
+    });
 }
-var S = ({ className: t, onSubmit: n, helperText: r, errorMessage: i, children: o, ...s }) => {
-	let c = x(), [l, u] = v(null), d = (e) => {
-		e.preventDefault();
-		let t = e.currentTarget, r = c ? c.textInput.value : (() => {
-			let e = new FormData(t).get("message");
-			return typeof e == "string" ? e : "";
-		})();
-		c || t.reset();
-		try {
-			let t = n({ text: r }, e);
-			t instanceof Promise ? t.then(() => {
-				u(null), c?.textInput.clear();
-			}).catch((e) => {
-				console.error("PromptInput: Submission error:", e), u(e instanceof Error ? e.message : "Failed to submit. Please try again.");
-			}) : (u(null), c?.textInput.clear());
-		} catch (e) {
-			console.error("PromptInput: Submission error:", e), u(e instanceof Error ? e.message : "Failed to submit. Please try again.");
-		}
-	}, f = r === !1 ? null : r ?? /* @__PURE__ */ y(a, {
-		size: "xs",
-		icon: /* @__PURE__ */ y(fe, {}),
-		children: "AI doesn't always get it right. Be sure to check results"
-	});
-	return /* @__PURE__ */ ve("div", {
-		className: "w-full flex flex-col gap-2",
-		children: [/* @__PURE__ */ y("form", {
-			"data-slot": "prompt-input",
-			className: e("w-full", t),
-			onSubmit: d,
-			...s,
-			children: /* @__PURE__ */ y(se, {
-				className: "shadow-none rounded-xl has-[[data-slot=input-group-control]:is(:read-only,[aria-disabled=true])]:border-muted-background has-[[data-slot=input-group-control]:is(:read-only,[aria-disabled=true])]:bg-muted-background hover:has-[[data-slot=input-group-control]:is(:read-only,[aria-disabled=true])]:border-muted-background hover:has-[[data-slot=input-group-control]:is(:read-only,[aria-disabled=true])]:bg-muted-background hover:has-[[data-slot=input-group-control]:is(:read-only,[aria-disabled=true])]:text-muted-foreground",
-				children: o
-			})
-		}), i || l ? /* @__PURE__ */ y(a, {
-			size: "xs",
-			isError: !0,
-			children: i || l
-		}) : f]
-	});
+const PromptInput = ({ className, onSubmit, helperText, errorMessage, children, ...props })=>{
+    const controller = useOptionalPromptInputController();
+    const [submissionError, setSubmissionError] = useState(null);
+    const handleSubmit = (event)=>{
+        event.preventDefault();
+        const form = event.currentTarget;
+        const text = controller ? controller.textInput.value : (()=>{
+            const formData = new FormData(form);
+            const entry = formData.get('message');
+            return typeof entry === 'string' ? entry : '';
+        })();
+        if (!controller) {
+            form.reset();
+        }
+        try {
+            const result = onSubmit({
+                text
+            }, event);
+            if (result instanceof Promise) {
+                result.then(()=>{
+                    setSubmissionError(null);
+                    controller?.textInput.clear();
+                }).catch((error)=>{
+                    console.error('PromptInput: Submission error:', error);
+                    setSubmissionError(error instanceof Error ? error.message : 'Failed to submit. Please try again.');
+                });
+            } else {
+                setSubmissionError(null);
+                controller?.textInput.clear();
+            }
+        } catch (error) {
+            console.error('PromptInput: Submission error:', error);
+            setSubmissionError(error instanceof Error ? error.message : 'Failed to submit. Please try again.');
+        }
+    };
+    const defaultHelperText = /*#__PURE__*/ _jsx(HelperText, {
+        size: "xs",
+        icon: /*#__PURE__*/ _jsx(IconInfoCircle, {}),
+        children: "AI doesn't always get it right. Be sure to check results"
+    });
+    const helperTextToRender = helperText === false ? null : helperText ?? defaultHelperText;
+    return /*#__PURE__*/ _jsxs("div", {
+        className: "w-full flex flex-col gap-2",
+        children: [
+            /*#__PURE__*/ _jsx("form", {
+                "data-slot": "prompt-input",
+                className: cn('w-full', className),
+                onSubmit: handleSubmit,
+                ...props,
+                children: /*#__PURE__*/ _jsx(InputGroup, {
+                    className: "shadow-none rounded-xl has-[[data-slot=input-group-control]:is(:read-only,[aria-disabled=true])]:border-transparent has-[[data-slot=input-group-control]:is(:read-only,[aria-disabled=true])]:bg-medium-background has-[[data-slot=input-group-control]:is(:read-only,[aria-disabled=true])]:shadow-none hover:has-[[data-slot=input-group-control]:is(:read-only,[aria-disabled=true])]:border-transparent hover:has-[[data-slot=input-group-control]:is(:read-only,[aria-disabled=true])]:bg-medium-background-hover hover:has-[[data-slot=input-group-control]:is(:read-only,[aria-disabled=true])]:text-muted-foreground",
+                    children: children
+                })
+            }),
+            errorMessage || submissionError ? /*#__PURE__*/ _jsx(HelperText, {
+                size: "xs",
+                isError: true,
+                children: errorMessage || submissionError
+            }) : helperTextToRender
+        ]
+    });
 };
-S.displayName = "PromptInput";
-var C = g(({ className: t, ...n }, r) => /* @__PURE__ */ y("div", {
-	ref: r,
-	"data-slot": "prompt-input-body",
-	className: e("contents", t),
-	...n
-}));
-C.displayName = "PromptInputBody";
-var w = g(({ onChange: t, className: n, placeholder: r = "Type your message...", ...i }, a) => {
-	let o = x(), [s, c] = v(!1), l = (e) => {
-		if (e.key === "Enter") {
-			if (s || e.nativeEvent.isComposing || e.shiftKey) return;
-			e.preventDefault(), e.currentTarget.form?.requestSubmit();
-		}
-	}, u = o ? {
-		value: o.textInput.value,
-		onChange: (e) => {
-			o.textInput.setInput(e.currentTarget.value), t?.(e);
-		}
-	} : { onChange: t };
-	return /* @__PURE__ */ y(ce, {
-		ref: a,
-		className: e("field-sizing-content max-h-48 min-h-18 rounded-t-xl md:text-base tracking-tightest p-2.75 leading-5", n),
-		name: "message",
-		onCompositionEnd: () => c(!1),
-		onCompositionStart: () => c(!0),
-		onKeyDown: l,
-		placeholder: r,
-		...i,
-		...u
-	});
-});
-w.displayName = "PromptInputTextarea";
-var T = g(({ className: t, ...n }, r) => /* @__PURE__ */ y(m, {
-	ref: r,
-	align: "block-end",
-	className: e("order-first flex-wrap gap-1", t),
-	...n
-}));
-T.displayName = "PromptInputHeader";
-var E = g(({ className: t, ...n }, r) => /* @__PURE__ */ y(m, {
-	ref: r,
-	align: "block-end",
-	className: e("justify-between gap-1 p-2.75", t),
-	...n
-}));
-E.displayName = "PromptInputFooter";
-var D = g(({ className: t, ...n }, r) => /* @__PURE__ */ y("div", {
-	ref: r,
-	"data-slot": "prompt-input-tools",
-	className: e("flex items-center gap-2", t),
-	...n
-}));
-D.displayName = "PromptInputTools";
-var O = g(({ variant: t = "ghost", className: n, size: r, ...i }, a) => {
-	let o = i.children === void 0 || i.children === null ? 0 : Array.isArray(i.children) ? i.children.length : 1, s = r ?? (o > 1 ? "sm" : "icon-sm");
-	return /* @__PURE__ */ y(h, {
-		ref: a,
-		className: e(n),
-		size: s,
-		type: "button",
-		variant: t,
-		...i
-	});
-});
-O.displayName = "PromptInputButton";
-var k = (e) => /* @__PURE__ */ y(t, { ...e });
-k.displayName = "PromptInputActionMenu";
-var A = ({ className: e, children: t, ...n }) => /* @__PURE__ */ y(i, { render: /* @__PURE__ */ y(O, {
-	className: e,
-	...n,
-	children: t ?? /* @__PURE__ */ y(me, { className: "size-4" })
-}) });
-A.displayName = "PromptInputActionMenuTrigger";
-var j = ({ className: t, ...r }) => /* @__PURE__ */ y(n, {
-	align: "start",
-	className: e(t),
-	...r
-});
-j.displayName = "PromptInputActionMenuContent";
-var M = ({ className: t, ...n }) => /* @__PURE__ */ y(r, {
-	className: e(t),
-	...n
-});
-M.displayName = "PromptInputActionMenuItem";
-var N = g(({ className: t, variant: n = "default", size: r = "icon-sm", status: i, children: a, ...o }, s) => {
-	let c = /* @__PURE__ */ y(he, { className: "size-4" });
-	return i === "submitted" ? c = /* @__PURE__ */ y(pe, { className: "size-4 animate-spin" }) : i === "streaming" ? c = /* @__PURE__ */ y(ge, { className: "size-4" }) : i === "error" && (c = /* @__PURE__ */ y(_e, { className: "size-4" })), /* @__PURE__ */ y(h, {
-		ref: s,
-		"aria-label": "Submit",
-		className: e(t),
-		"data-status": i,
-		size: r,
-		type: "submit",
-		variant: n,
-		...o,
-		children: a ?? c
-	});
-});
-N.displayName = "PromptInputSubmit";
-var P = (e) => /* @__PURE__ */ y(l, { ...e });
-P.displayName = "PromptInputModelSelect";
-var F = ({ className: t, ...n }) => /* @__PURE__ */ y(f, {
-	className: e("border-none bg-transparent font-medium text-muted-foreground shadow-none transition-colors", "hover:bg-accent-background hover:text-foreground aria-expanded:bg-accent-background aria-expanded:text-foreground", t),
-	...n
-});
-F.displayName = "PromptInputModelSelectTrigger";
-var I = ({ className: t, ...n }) => /* @__PURE__ */ y(u, {
-	className: e(t),
-	...n
-});
-I.displayName = "PromptInputModelSelectContent";
-var L = ({ className: t, ...n }) => /* @__PURE__ */ y(d, {
-	className: e(t),
-	...n
-});
-L.displayName = "PromptInputModelSelectItem";
-var R = ({ className: t, ...n }) => /* @__PURE__ */ y(ee, {
-	className: e(t),
-	...n
-});
-R.displayName = "PromptInputModelSelectValue";
-var z = ({ openDelay: e = 0, closeDelay: t = 0, ...n }) => /* @__PURE__ */ y(o, {
-	closeDelay: t,
-	openDelay: e,
-	...n
-});
-z.displayName = "PromptInputHoverCard";
-var B = (e) => /* @__PURE__ */ y(c, { ...e });
-B.displayName = "PromptInputHoverCardTrigger";
-var V = ({ align: e = "start", ...t }) => /* @__PURE__ */ y(s, {
-	align: e,
-	...t
-});
-V.displayName = "PromptInputHoverCardContent";
-var H = g(({ className: t, ...n }, r) => /* @__PURE__ */ y("div", {
-	ref: r,
-	"data-slot": "prompt-input-tabs-list",
-	className: e(t),
-	...n
-}));
-H.displayName = "PromptInputTabsList";
-var U = g(({ className: t, ...n }, r) => /* @__PURE__ */ y("div", {
-	ref: r,
-	"data-slot": "prompt-input-tab",
-	className: e(t),
-	...n
-}));
-U.displayName = "PromptInputTab";
-var W = g(({ className: t, children: n, ...r }, i) => /* @__PURE__ */ y("h3", {
-	ref: i,
-	"data-slot": "prompt-input-tab-label",
-	className: e("mb-2 px-3 font-medium text-muted-foreground text-xs", t),
-	...r,
-	children: n
-}));
-W.displayName = "PromptInputTabLabel";
-var G = g(({ className: t, ...n }, r) => /* @__PURE__ */ y("div", {
-	ref: r,
-	"data-slot": "prompt-input-tab-body",
-	className: e("space-y-1", t),
-	...n
-}));
-G.displayName = "PromptInputTabBody";
-var K = g(({ className: t, ...n }, r) => /* @__PURE__ */ y("div", {
-	ref: r,
-	"data-slot": "prompt-input-tab-item",
-	className: e("flex items-center gap-2 px-3 py-2 text-xs hover:bg-accent-background", t),
-	...n
-}));
-K.displayName = "PromptInputTabItem";
-var q = ({ className: t, ...n }) => /* @__PURE__ */ y(te, {
-	className: e(t),
-	...n
-});
-q.displayName = "PromptInputCommand";
-var J = ({ className: t, ...n }) => /* @__PURE__ */ y(ie, {
-	className: e(t),
-	...n
-});
-J.displayName = "PromptInputCommandInput";
-var Y = ({ className: t, ...n }) => /* @__PURE__ */ y(ae, {
-	className: e(t),
-	...n
-});
-Y.displayName = "PromptInputCommandList";
-var X = ({ className: t, ...n }) => /* @__PURE__ */ y(ne, {
-	className: e(t),
-	...n
-});
-X.displayName = "PromptInputCommandEmpty";
-var Z = ({ className: t, ...n }) => /* @__PURE__ */ y(re, {
-	className: e(t),
-	...n
+PromptInput.displayName = 'PromptInput';
+const PromptInputBody = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ _jsx("div", {
+        ref: ref,
+        "data-slot": "prompt-input-body",
+        className: cn('contents', className),
+        ...props
+    }));
+PromptInputBody.displayName = 'PromptInputBody';
+const PromptInputTextarea = /*#__PURE__*/ forwardRef(({ onChange, className, placeholder = 'Type your message...', ...props }, ref)=>{
+    const controller = useOptionalPromptInputController();
+    const [isComposing, setIsComposing] = useState(false);
+    const handleKeyDown = (e)=>{
+        if (e.key === 'Enter') {
+            if (isComposing || e.nativeEvent.isComposing) {
+                return;
+            }
+            if (e.shiftKey) {
+                return;
+            }
+            e.preventDefault();
+            e.currentTarget.form?.requestSubmit();
+        }
+    };
+    const controlledProps = controller ? {
+        value: controller.textInput.value,
+        onChange: (e)=>{
+            controller.textInput.setInput(e.currentTarget.value);
+            onChange?.(e);
+        }
+    } : {
+        onChange
+    };
+    return /*#__PURE__*/ _jsx(InputGroupTextarea, {
+        ref: ref,
+        className: cn('field-sizing-content max-h-48 min-h-18 rounded-t-xl md:text-base tracking-tightest p-2.75 leading-5', className),
+        name: "message",
+        onCompositionEnd: ()=>setIsComposing(false),
+        onCompositionStart: ()=>setIsComposing(true),
+        onKeyDown: handleKeyDown,
+        placeholder: placeholder,
+        ...props,
+        ...controlledProps
+    });
 });
-Z.displayName = "PromptInputCommandGroup";
-var Q = ({ className: t, ...n }) => /* @__PURE__ */ y(p, {
-	className: e(t),
-	...n
+PromptInputTextarea.displayName = 'PromptInputTextarea';
+const PromptInputHeader = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ _jsx(InputGroupAddon, {
+        ref: ref,
+        align: "block-end",
+        className: cn('order-first flex-wrap gap-1', className),
+        ...props
+    }));
+PromptInputHeader.displayName = 'PromptInputHeader';
+const PromptInputFooter = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ _jsx(InputGroupAddon, {
+        ref: ref,
+        align: "block-end",
+        className: cn('justify-between gap-1 p-2.75', className),
+        ...props
+    }));
+PromptInputFooter.displayName = 'PromptInputFooter';
+const PromptInputTools = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ _jsx("div", {
+        ref: ref,
+        "data-slot": "prompt-input-tools",
+        className: cn('flex items-center gap-2', className),
+        ...props
+    }));
+PromptInputTools.displayName = 'PromptInputTools';
+const PromptInputButton = /*#__PURE__*/ forwardRef(({ variant = 'ghost', className, size, ...props }, ref)=>{
+    const childCount = props.children === undefined || props.children === null ? 0 : Array.isArray(props.children) ? props.children.length : 1;
+    const newSize = size ?? (childCount > 1 ? 'sm' : 'icon-sm');
+    return /*#__PURE__*/ _jsx(InputGroupButton, {
+        ref: ref,
+        className: cn(className),
+        size: newSize,
+        type: "button",
+        variant: variant,
+        ...props
+    });
 });
-Q.displayName = "PromptInputCommandItem";
-var $ = ({ className: t, ...n }) => /* @__PURE__ */ y(oe, {
-	className: e(t),
-	...n
+PromptInputButton.displayName = 'PromptInputButton';
+const PromptInputActionMenu = (props)=>/*#__PURE__*/ _jsx(DropdownMenu, {
+        ...props
+    });
+PromptInputActionMenu.displayName = 'PromptInputActionMenu';
+const PromptInputActionMenuTrigger = ({ className, children, ...props })=>/*#__PURE__*/ _jsx(DropdownMenuTrigger, {
+        render: /*#__PURE__*/ _jsx(PromptInputButton, {
+            className: className,
+            ...props,
+            children: children ?? /*#__PURE__*/ _jsx(IconPlus, {
+                className: "size-4"
+            })
+        })
+    });
+PromptInputActionMenuTrigger.displayName = 'PromptInputActionMenuTrigger';
+const PromptInputActionMenuContent = ({ className, ...props })=>/*#__PURE__*/ _jsx(DropdownMenuContent, {
+        align: "start",
+        className: cn(className),
+        ...props
+    });
+PromptInputActionMenuContent.displayName = 'PromptInputActionMenuContent';
+const PromptInputActionMenuItem = ({ className, ...props })=>/*#__PURE__*/ _jsx(DropdownMenuItem, {
+        className: cn(className),
+        ...props
+    });
+PromptInputActionMenuItem.displayName = 'PromptInputActionMenuItem';
+const PromptInputSubmit = /*#__PURE__*/ forwardRef(({ className, variant = 'default', size = 'icon-sm', status, children, ...props }, ref)=>{
+    let Icon = /*#__PURE__*/ _jsx(IconSend, {
+        className: "size-4"
+    });
+    if (status === 'submitted') {
+        Icon = /*#__PURE__*/ _jsx(IconLoader2, {
+            className: "size-4 animate-spin"
+        });
+    } else if (status === 'streaming') {
+        Icon = /*#__PURE__*/ _jsx(IconSquare, {
+            className: "size-4"
+        });
+    } else if (status === 'error') {
+        Icon = /*#__PURE__*/ _jsx(IconX, {
+            className: "size-4"
+        });
+    }
+    return /*#__PURE__*/ _jsx(InputGroupButton, {
+        ref: ref,
+        "aria-label": "Submit",
+        className: cn(className),
+        "data-status": status,
+        size: size,
+        type: "submit",
+        variant: variant,
+        ...props,
+        children: children ?? Icon
+    });
 });
-$.displayName = "PromptInputCommandSeparator";
-//#endregion
-export { S as PromptInput, k as PromptInputActionMenu, j as PromptInputActionMenuContent, M as PromptInputActionMenuItem, A as PromptInputActionMenuTrigger, C as PromptInputBody, O as PromptInputButton, q as PromptInputCommand, X as PromptInputCommandEmpty, Z as PromptInputCommandGroup, J as PromptInputCommandInput, Q as PromptInputCommandItem, Y as PromptInputCommandList, $ as PromptInputCommandSeparator, E as PromptInputFooter, T as PromptInputHeader, z as PromptInputHoverCard, V as PromptInputHoverCardContent, B as PromptInputHoverCardTrigger, P as PromptInputModelSelect, I as PromptInputModelSelectContent, L as PromptInputModelSelectItem, F as PromptInputModelSelectTrigger, R as PromptInputModelSelectValue, be as PromptInputProvider, N as PromptInputSubmit, U as PromptInputTab, G as PromptInputTabBody, K as PromptInputTabItem, W as PromptInputTabLabel, H as PromptInputTabsList, w as PromptInputTextarea, D as PromptInputTools, ye as usePromptInputController };
+PromptInputSubmit.displayName = 'PromptInputSubmit';
+const PromptInputModelSelect = (props)=>/*#__PURE__*/ _jsx(Select, {
+        ...props
+    });
+PromptInputModelSelect.displayName = 'PromptInputModelSelect';
+const PromptInputModelSelectTrigger = ({ className, ...props })=>/*#__PURE__*/ _jsx(SelectTrigger, {
+        className: cn('border-none bg-transparent font-medium text-muted-foreground shadow-none transition-colors', 'hover:bg-base-background-hover hover:text-base-foreground aria-expanded:bg-base-background-hover aria-expanded:text-base-foreground', className),
+        ...props
+    });
+PromptInputModelSelectTrigger.displayName = 'PromptInputModelSelectTrigger';
+const PromptInputModelSelectContent = ({ className, ...props })=>/*#__PURE__*/ _jsx(SelectContent, {
+        className: cn(className),
+        ...props
+    });
+PromptInputModelSelectContent.displayName = 'PromptInputModelSelectContent';
+const PromptInputModelSelectItem = ({ className, ...props })=>/*#__PURE__*/ _jsx(SelectItem, {
+        className: cn(className),
+        ...props
+    });
+PromptInputModelSelectItem.displayName = 'PromptInputModelSelectItem';
+const PromptInputModelSelectValue = ({ className, ...props })=>/*#__PURE__*/ _jsx(SelectValue, {
+        className: cn(className),
+        ...props
+    });
+PromptInputModelSelectValue.displayName = 'PromptInputModelSelectValue';
+const PromptInputHoverCard = ({ openDelay = 0, closeDelay = 0, ...props })=>/*#__PURE__*/ _jsx(HoverCard, {
+        closeDelay: closeDelay,
+        openDelay: openDelay,
+        ...props
+    });
+PromptInputHoverCard.displayName = 'PromptInputHoverCard';
+const PromptInputHoverCardTrigger = (props)=>/*#__PURE__*/ _jsx(HoverCardTrigger, {
+        ...props
+    });
+PromptInputHoverCardTrigger.displayName = 'PromptInputHoverCardTrigger';
+const PromptInputHoverCardContent = ({ align = 'start', ...props })=>/*#__PURE__*/ _jsx(HoverCardContent, {
+        align: align,
+        ...props
+    });
+PromptInputHoverCardContent.displayName = 'PromptInputHoverCardContent';
+const PromptInputTabsList = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ _jsx("div", {
+        ref: ref,
+        "data-slot": "prompt-input-tabs-list",
+        className: cn(className),
+        ...props
+    }));
+PromptInputTabsList.displayName = 'PromptInputTabsList';
+const PromptInputTab = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ _jsx("div", {
+        ref: ref,
+        "data-slot": "prompt-input-tab",
+        className: cn(className),
+        ...props
+    }));
+PromptInputTab.displayName = 'PromptInputTab';
+const PromptInputTabLabel = /*#__PURE__*/ forwardRef(({ className, children, ...props }, ref)=>/*#__PURE__*/ _jsx("h3", {
+        ref: ref,
+        "data-slot": "prompt-input-tab-label",
+        className: cn('mb-2 px-3 font-medium text-muted-foreground text-xs', className),
+        ...props,
+        children: children
+    }));
+PromptInputTabLabel.displayName = 'PromptInputTabLabel';
+const PromptInputTabBody = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ _jsx("div", {
+        ref: ref,
+        "data-slot": "prompt-input-tab-body",
+        className: cn('space-y-1', className),
+        ...props
+    }));
+PromptInputTabBody.displayName = 'PromptInputTabBody';
+const PromptInputTabItem = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ _jsx("div", {
+        ref: ref,
+        "data-slot": "prompt-input-tab-item",
+        className: cn('flex items-center gap-2 px-3 py-2 text-xs hover:bg-base-background-hover', className),
+        ...props
+    }));
+PromptInputTabItem.displayName = 'PromptInputTabItem';
+const PromptInputCommand = ({ className, ...props })=>/*#__PURE__*/ _jsx(Command, {
+        className: cn(className),
+        ...props
+    });
+PromptInputCommand.displayName = 'PromptInputCommand';
+const PromptInputCommandInput = ({ className, ...props })=>/*#__PURE__*/ _jsx(CommandInput, {
+        className: cn(className),
+        ...props
+    });
+PromptInputCommandInput.displayName = 'PromptInputCommandInput';
+const PromptInputCommandList = ({ className, ...props })=>/*#__PURE__*/ _jsx(CommandList, {
+        className: cn(className),
+        ...props
+    });
+PromptInputCommandList.displayName = 'PromptInputCommandList';
+const PromptInputCommandEmpty = ({ className, ...props })=>/*#__PURE__*/ _jsx(CommandEmpty, {
+        className: cn(className),
+        ...props
+    });
+PromptInputCommandEmpty.displayName = 'PromptInputCommandEmpty';
+const PromptInputCommandGroup = ({ className, ...props })=>/*#__PURE__*/ _jsx(CommandGroup, {
+        className: cn(className),
+        ...props
+    });
+PromptInputCommandGroup.displayName = 'PromptInputCommandGroup';
+const PromptInputCommandItem = ({ className, ...props })=>/*#__PURE__*/ _jsx(CommandItem, {
+        className: cn(className),
+        ...props
+    });
+PromptInputCommandItem.displayName = 'PromptInputCommandItem';
+const PromptInputCommandSeparator = ({ className, ...props })=>/*#__PURE__*/ _jsx(CommandSeparator, {
+        className: cn(className),
+        ...props
+    });
+PromptInputCommandSeparator.displayName = 'PromptInputCommandSeparator';
+export { usePromptInputController, PromptInputProvider, PromptInput, PromptInputBody, PromptInputTextarea, PromptInputHeader, PromptInputFooter, PromptInputTools, PromptInputButton, PromptInputActionMenu, PromptInputActionMenuTrigger, PromptInputActionMenuContent, PromptInputActionMenuItem, PromptInputSubmit, PromptInputModelSelect, PromptInputModelSelectTrigger, PromptInputModelSelectContent, PromptInputModelSelectItem, PromptInputModelSelectValue, PromptInputHoverCard, PromptInputHoverCardTrigger, PromptInputHoverCardContent, PromptInputTabsList, PromptInputTab, PromptInputTabLabel, PromptInputTabBody, PromptInputTabItem, PromptInputCommand, PromptInputCommandInput, PromptInputCommandList, PromptInputCommandEmpty, PromptInputCommandGroup, PromptInputCommandItem, PromptInputCommandSeparator };
+
+//# sourceMappingURL=prompt-input.js.map