@cognite/aura 0.3.2 → 0.3.3

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

@@ -1,415 +1,276 @@
-import { jsx as o, jsxs as w } from "react/jsx-runtime";
-import { createContext as H, forwardRef as s, useState as y, useContext as C, useCallback as k, useMemo as A } from "react";
-import { IconSend as E, IconLoader2 as D, IconSquare as z, IconX as B, IconPlus as L, IconInfoCircle as G } from "@tabler/icons-react";
-import { cn as r } from "../../../../lib/utils.js";
-import { Command as F, CommandEmpty as j, CommandGroup as K, CommandInput as V, CommandItem as q, CommandList as R, CommandSeparator as O } from "../command/command.js";
-import { DropdownMenu as W, DropdownMenuContent as X, DropdownMenuItem as J, DropdownMenuTrigger as Q } from "../dropdown-menu/dropdown-menu.js";
-import { HelperText as f } from "../helper-text/helper-text.js";
-import { HoverCard as U, HoverCardContent as Y, HoverCardTrigger as Z } from "../hover-card/hover-card.js";
-import { InputGroupTextarea as _, InputGroupAddon as x, InputGroupButton as h, InputGroup as $ } from "../input-group/input-group.js";
-import { Select as tt, SelectContent as et, SelectItem as ot, SelectTrigger as nt, SelectValue as rt } from "../select/select.js";
-const N = H(
-  null
-), Xt = () => {
-  const t = C(N);
-  if (!t)
-    throw new Error(
-      "Wrap your component inside <PromptInputProvider> to use usePromptInputController()."
-    );
-  return t;
-}, v = () => C(N);
-function Jt({
-  initialInput: t = "",
-  children: e
-}) {
-  const [n, a] = y(t), l = k(() => a(""), []), p = A(
-    () => ({
-      textInput: {
-        value: n,
-        setInput: a,
-        clear: l
-      }
-    }),
-    [n, l]
-  );
-  return /* @__PURE__ */ o(N.Provider, { value: p, children: e });
+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
+	});
 }
-const at = ({
-  className: t,
-  onSubmit: e,
-  helperText: n,
-  errorMessage: a,
-  children: l,
-  ...p
-}) => {
-  const m = v(), [u, c] = y(null), P = (g) => {
-    g.preventDefault();
-    const b = g.currentTarget, M = m ? m.textInput.value : (() => {
-      const I = new FormData(b).get("message");
-      return typeof I == "string" ? I : "";
-    })();
-    m || b.reset();
-    try {
-      const d = e({ text: M }, g);
-      d instanceof Promise ? d.then(() => {
-        c(null), m?.textInput.clear();
-      }).catch((I) => {
-        console.error("PromptInput: Submission error:", I), c(
-          I instanceof Error ? I.message : "Failed to submit. Please try again."
-        );
-      }) : (c(null), m?.textInput.clear());
-    } catch (d) {
-      console.error("PromptInput: Submission error:", d), c(
-        d instanceof Error ? d.message : "Failed to submit. Please try again."
-      );
-    }
-  }, S = n === !1 ? null : n ?? /* @__PURE__ */ o(f, { size: "xs", icon: /* @__PURE__ */ o(G, {}), children: "AI doesn't always get it right. Be sure to check results" });
-  return /* @__PURE__ */ w("div", { className: "w-full flex flex-col gap-2", children: [
-    /* @__PURE__ */ o(
-      "form",
-      {
-        "data-slot": "prompt-input",
-        className: r("w-full", t),
-        onSubmit: P,
-        ...p,
-        children: /* @__PURE__ */ o($, { 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: l })
-      }
-    ),
-    a || u ? /* @__PURE__ */ o(f, { size: "xs", isError: !0, children: a || u }) : S
-  ] });
-};
-at.displayName = "PromptInput";
-const st = s(
-  ({ className: t, ...e }, n) => /* @__PURE__ */ o(
-    "div",
-    {
-      ref: n,
-      "data-slot": "prompt-input-body",
-      className: r("contents", t),
-      ...e
-    }
-  )
-);
-st.displayName = "PromptInputBody";
-const pt = s(
-  ({ onChange: t, className: e, placeholder: n = "Type your message...", ...a }, l) => {
-    const p = v(), [m, u] = y(!1), c = (i) => {
-      if (i.key === "Enter") {
-        if (m || i.nativeEvent.isComposing || i.shiftKey)
-          return;
-        i.preventDefault(), i.currentTarget.form?.requestSubmit();
-      }
-    }, P = p ? {
-      value: p.textInput.value,
-      onChange: (i) => {
-        p.textInput.setInput(i.currentTarget.value), t?.(i);
-      }
-    } : {
-      onChange: t
-    };
-    return /* @__PURE__ */ o(
-      _,
-      {
-        ref: l,
-        className: r(
-          "field-sizing-content max-h-48 min-h-18 rounded-t-xl md:text-base tracking-tightest p-2.75 leading-5",
-          e
-        ),
-        name: "message",
-        onCompositionEnd: () => u(!1),
-        onCompositionStart: () => u(!0),
-        onKeyDown: c,
-        placeholder: n,
-        ...a,
-        ...P
-      }
-    );
-  }
-);
-pt.displayName = "PromptInputTextarea";
-const mt = s(
-  ({ className: t, ...e }, n) => /* @__PURE__ */ o(
-    x,
-    {
-      ref: n,
-      align: "block-end",
-      className: r("order-first flex-wrap gap-1", t),
-      ...e
-    }
-  )
-);
-mt.displayName = "PromptInputHeader";
-const lt = s(
-  ({ className: t, ...e }, n) => /* @__PURE__ */ o(
-    x,
-    {
-      ref: n,
-      align: "block-end",
-      className: r("justify-between gap-1 p-2.75", t),
-      ...e
-    }
-  )
-);
-lt.displayName = "PromptInputFooter";
-const ut = s(
-  ({ className: t, ...e }, n) => /* @__PURE__ */ o(
-    "div",
-    {
-      ref: n,
-      "data-slot": "prompt-input-tools",
-      className: r("flex items-center gap-2", t),
-      ...e
-    }
-  )
-);
-ut.displayName = "PromptInputTools";
-const T = s(
-  ({ variant: t = "ghost", className: e, size: n, ...a }, l) => {
-    const p = a.children === void 0 || a.children === null ? 0 : Array.isArray(a.children) ? a.children.length : 1, m = n ?? (p > 1 ? "sm" : "icon-sm");
-    return /* @__PURE__ */ o(
-      h,
-      {
-        ref: l,
-        className: r(e),
-        size: m,
-        type: "button",
-        variant: t,
-        ...a
-      }
-    );
-  }
-);
-T.displayName = "PromptInputButton";
-const it = (t) => /* @__PURE__ */ o(W, { ...t });
-it.displayName = "PromptInputActionMenu";
-const dt = ({
-  className: t,
-  children: e,
-  ...n
-}) => /* @__PURE__ */ o(
-  Q,
-  {
-    render: /* @__PURE__ */ o(T, { className: t, ...n, children: e ?? /* @__PURE__ */ o(L, { className: "size-4" }) })
-  }
-);
-dt.displayName = "PromptInputActionMenuTrigger";
-const ct = ({
-  className: t,
-  ...e
-}) => /* @__PURE__ */ o(X, { align: "start", className: r(t), ...e });
-ct.displayName = "PromptInputActionMenuContent";
-const It = ({
-  className: t,
-  ...e
-}) => /* @__PURE__ */ o(J, { className: r(t), ...e });
-It.displayName = "PromptInputActionMenuItem";
-const Pt = s(
-  ({
-    className: t,
-    variant: e = "default",
-    size: n = "icon-sm",
-    status: a,
-    children: l,
-    ...p
-  }, m) => {
-    let u = /* @__PURE__ */ o(E, { className: "size-4" });
-    return a === "submitted" ? u = /* @__PURE__ */ o(D, { className: "size-4 animate-spin" }) : a === "streaming" ? u = /* @__PURE__ */ o(z, { className: "size-4" }) : a === "error" && (u = /* @__PURE__ */ o(B, { className: "size-4" })), /* @__PURE__ */ o(
-      h,
-      {
-        ref: m,
-        "aria-label": "Submit",
-        className: r(t),
-        "data-status": a,
-        size: n,
-        type: "submit",
-        variant: e,
-        ...p,
-        children: l ?? u
-      }
-    );
-  }
-);
-Pt.displayName = "PromptInputSubmit";
-const gt = (t) => /* @__PURE__ */ o(tt, { ...t });
-gt.displayName = "PromptInputModelSelect";
-const yt = ({
-  className: t,
-  ...e
-}) => /* @__PURE__ */ o(
-  nt,
-  {
-    className: r(
-      "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
-    ),
-    ...e
-  }
-);
-yt.displayName = "PromptInputModelSelectTrigger";
-const Nt = ({
-  className: t,
-  ...e
-}) => /* @__PURE__ */ o(et, { className: r(t), ...e });
-Nt.displayName = "PromptInputModelSelectContent";
-const bt = ({
-  className: t,
-  ...e
-}) => /* @__PURE__ */ o(ot, { className: r(t), ...e });
-bt.displayName = "PromptInputModelSelectItem";
-const ft = ({
-  className: t,
-  ...e
-}) => /* @__PURE__ */ o(rt, { className: r(t), ...e });
-ft.displayName = "PromptInputModelSelectValue";
-const Ct = ({
-  openDelay: t = 0,
-  closeDelay: e = 0,
-  ...n
-}) => /* @__PURE__ */ o(U, { closeDelay: e, openDelay: t, ...n });
-Ct.displayName = "PromptInputHoverCard";
-const xt = (t) => /* @__PURE__ */ o(Z, { ...t });
-xt.displayName = "PromptInputHoverCardTrigger";
-const ht = ({
-  align: t = "start",
-  ...e
-}) => /* @__PURE__ */ o(Y, { align: t, ...e });
-ht.displayName = "PromptInputHoverCardContent";
-const vt = s(
-  ({ className: t, ...e }, n) => /* @__PURE__ */ o(
-    "div",
-    {
-      ref: n,
-      "data-slot": "prompt-input-tabs-list",
-      className: r(t),
-      ...e
-    }
-  )
-);
-vt.displayName = "PromptInputTabsList";
-const Tt = s(
-  ({ className: t, ...e }, n) => /* @__PURE__ */ o(
-    "div",
-    {
-      ref: n,
-      "data-slot": "prompt-input-tab",
-      className: r(t),
-      ...e
-    }
-  )
-);
-Tt.displayName = "PromptInputTab";
-const St = s(
-  ({ className: t, children: e, ...n }, a) => /* @__PURE__ */ o(
-    "h3",
-    {
-      ref: a,
-      "data-slot": "prompt-input-tab-label",
-      className: r(
-        "mb-2 px-3 font-medium text-muted-foreground text-xs",
-        t
-      ),
-      ...n,
-      children: e
-    }
-  )
-);
-St.displayName = "PromptInputTabLabel";
-const Mt = s(
-  ({ className: t, ...e }, n) => /* @__PURE__ */ o(
-    "div",
-    {
-      ref: n,
-      "data-slot": "prompt-input-tab-body",
-      className: r("space-y-1", t),
-      ...e
-    }
-  )
-);
-Mt.displayName = "PromptInputTabBody";
-const wt = s(
-  ({ className: t, ...e }, n) => /* @__PURE__ */ o(
-    "div",
-    {
-      ref: n,
-      "data-slot": "prompt-input-tab-item",
-      className: r(
-        "flex items-center gap-2 px-3 py-2 text-xs hover:bg-accent-background",
-        t
-      ),
-      ...e
-    }
-  )
-);
-wt.displayName = "PromptInputTabItem";
-const Ht = ({
-  className: t,
-  ...e
-}) => /* @__PURE__ */ o(F, { className: r(t), ...e });
-Ht.displayName = "PromptInputCommand";
-const kt = ({
-  className: t,
-  ...e
-}) => /* @__PURE__ */ o(V, { className: r(t), ...e });
-kt.displayName = "PromptInputCommandInput";
-const At = ({
-  className: t,
-  ...e
-}) => /* @__PURE__ */ o(R, { className: r(t), ...e });
-At.displayName = "PromptInputCommandList";
-const Et = ({
-  className: t,
-  ...e
-}) => /* @__PURE__ */ o(j, { className: r(t), ...e });
-Et.displayName = "PromptInputCommandEmpty";
-const Dt = ({
-  className: t,
-  ...e
-}) => /* @__PURE__ */ o(K, { className: r(t), ...e });
-Dt.displayName = "PromptInputCommandGroup";
-const zt = ({
-  className: t,
-  ...e
-}) => /* @__PURE__ */ o(q, { className: r(t), ...e });
-zt.displayName = "PromptInputCommandItem";
-const Bt = ({
-  className: t,
-  ...e
-}) => /* @__PURE__ */ o(O, { className: r(t), ...e });
-Bt.displayName = "PromptInputCommandSeparator";
-export {
-  at as PromptInput,
-  it as PromptInputActionMenu,
-  ct as PromptInputActionMenuContent,
-  It as PromptInputActionMenuItem,
-  dt as PromptInputActionMenuTrigger,
-  st as PromptInputBody,
-  T as PromptInputButton,
-  Ht as PromptInputCommand,
-  Et as PromptInputCommandEmpty,
-  Dt as PromptInputCommandGroup,
-  kt as PromptInputCommandInput,
-  zt as PromptInputCommandItem,
-  At as PromptInputCommandList,
-  Bt as PromptInputCommandSeparator,
-  lt as PromptInputFooter,
-  mt as PromptInputHeader,
-  Ct as PromptInputHoverCard,
-  ht as PromptInputHoverCardContent,
-  xt as PromptInputHoverCardTrigger,
-  gt as PromptInputModelSelect,
-  Nt as PromptInputModelSelectContent,
-  bt as PromptInputModelSelectItem,
-  yt as PromptInputModelSelectTrigger,
-  ft as PromptInputModelSelectValue,
-  Jt as PromptInputProvider,
-  Pt as PromptInputSubmit,
-  Tt as PromptInputTab,
-  Mt as PromptInputTabBody,
-  wt as PromptInputTabItem,
-  St as PromptInputTabLabel,
-  vt as PromptInputTabsList,
-  pt as PromptInputTextarea,
-  ut as PromptInputTools,
-  Xt as usePromptInputController
+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]
+	});
 };
+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
+});
+Z.displayName = "PromptInputCommandGroup";
+var Q = ({ className: t, ...n }) => /* @__PURE__ */ y(p, {
+	className: e(t),
+	...n
+});
+Q.displayName = "PromptInputCommandItem";
+var $ = ({ className: t, ...n }) => /* @__PURE__ */ y(oe, {
+	className: e(t),
+	...n
+});
+$.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 };