@cognite/aura 0.1.0 → 0.1.2

package/dist/components/ui/core/message/message.js

@@ -1,169 +1,236 @@
-import { jsx as t, jsxs as d } from "react/jsx-runtime";
-import { createContext as c, memo as g, isValidElement as u } from "react";
+import { jsx as e, jsxs as s } from "react/jsx-runtime";
+import { createContext as i, memo as b } from "react";
 import "@tabler/icons-react";
-import { bundledLanguages as f } from "shiki";
-import { Streamdown as p } from "streamdown";
-import { cn as l } from "../../../../lib/utils.js";
+import { Streamdown as _ } from "streamdown";
+import { cn as d } from "../../../../lib/utils.js";
 import "../avatar/avatar.js";
-import { Button as b } from "../button/button.js";
+import { Button as p } from "../button/button.js";
 import "../button-group/button-group.js";
-import { CodeBlock as x, CodeBlockCopyButton as h } from "../code-block/code-block.js";
-import { Tooltip as N, TooltipTrigger as k, TooltipContent as v } from "../tooltip/tooltip.js";
-const V = ({ className: e, isResponse: s = !1, ...o }) => /* @__PURE__ */ t(
+import { Tooltip as u, TooltipTrigger as w, TooltipContent as g } from "../tooltip/tooltip.js";
+const T = ({ className: t, isResponse: o = !1, ...a }) => /* @__PURE__ */ e(
   "div",
   {
     "data-slot": "message",
-    className: l(
-      "group flex w-full items-start justify-start gap-3 py-2 mb-0",
-      s ? "is-assistant items-start" : "is-user flex-row-reverse",
-      e
+    className: d(
+      "group flex w-full items-start justify-start gap-3 mb-0 py-3",
+      o ? "is-assistant items-start" : "is-user flex-row-reverse",
+      t
     ),
-    ...o
+    ...a
   }
-), D = ({
-  children: e,
-  className: s,
-  ...o
-}) => /* @__PURE__ */ t(
+), R = ({
+  children: t,
+  className: o,
+  ...a
+}) => /* @__PURE__ */ e(
   "div",
   {
     "data-slot": "message-content",
-    className: l(
-      "is-user:dark flex flex-col gap-1 overflow-hidden rounded-md text-base leading-tight tracking-tightest",
+    className: d(
+      "is-user:dark flex flex-col gap-4 rounded-md text-base leading-tight tracking-tightest",
       "max-w-4/5",
-      "group-[.is-user]:bg-accent group-[.is-user]:p-2 group-[.is-user]:text-accent-foreground",
+      "group-[.is-user]:overflow-hidden group-[.is-user]:bg-accent group-[.is-user]:p-2 group-[.is-user]:text-accent-foreground",
       "group-[.is-assistant]:text-foreground group-[.is-assistant]:pt-1",
-      s
+      o
     ),
-    ...o,
-    children: e
+    ...a,
+    children: t
   }
-), F = ({
-  className: e,
-  children: s,
-  ...o
-}) => /* @__PURE__ */ t(
+), z = ({
+  className: t,
+  children: o,
+  ...a
+}) => /* @__PURE__ */ e(
   "div",
   {
     "data-slot": "message-actions",
-    className: l("flex items-center gap-2", e),
-    ...o,
-    children: s
+    className: d("flex items-center gap-2 pt-2", t),
+    ...a,
+    children: o
   }
-), G = ({
-  tooltip: e,
-  children: s,
-  label: o,
-  className: a,
+), A = ({
+  tooltip: t,
+  children: o,
+  label: a,
+  className: n,
   variant: m = "ghost",
-  size: r = "sm",
-  ...n
+  size: c = "sm",
+  ...l
 }) => {
-  const i = /* @__PURE__ */ d(
-    b,
+  const r = /* @__PURE__ */ s(
+    p,
     {
       "data-slot": "message-action",
-      className: l(
+      className: d(
         "relative icon-sm text-muted-foreground hover:text-foreground",
-        a
+        n
       ),
-      size: r,
+      size: c,
       type: "button",
       variant: m,
-      ...n,
+      ...l,
       children: [
-        s,
-        /* @__PURE__ */ t("span", { className: "sr-only", children: o || e })
+        o,
+        /* @__PURE__ */ e("span", { className: "sr-only", children: a || t })
       ]
     }
   );
-  return e ? /* @__PURE__ */ d(N, { children: [
-    /* @__PURE__ */ t(k, { render: i }),
-    /* @__PURE__ */ t(v, { children: /* @__PURE__ */ t("p", { children: e }) })
-  ] }) : i;
+  return t ? /* @__PURE__ */ s(u, { children: [
+    /* @__PURE__ */ e(w, { render: r }),
+    /* @__PURE__ */ e(g, { children: /* @__PURE__ */ e("p", { children: t }) })
+  ] }) : r;
 };
-c(
+i(
   null
 );
-const _ = (e) => e in f, y = ({
-  className: e,
-  children: s
-}) => {
-  const a = e?.match(/language-(\w+)/)?.[1], m = a && _(a) ? a : void 0;
-  let r = "";
-  return typeof s == "string" ? r = s : u(s) && typeof s.props.children == "string" && (r = s.props.children), !m ? /* @__PURE__ */ t("code", { className: "relative rounded bg-muted px-1.5 py-0.5 font-mono text-sm font-semibold", children: s }) : /* @__PURE__ */ t(
-    x,
-    {
-      code: r,
-      language: m,
-      className: "my-4 rounded-md border border-border",
-      children: /* @__PURE__ */ t(h, {})
-    }
-  );
-}, w = {
-  h1: ({ children: e }) => /* @__PURE__ */ t("h1", { className: "mt-0 mb-2 scroll-m-20 text-xl font-medium tracking-tightest", children: e }),
-  h2: ({ children: e }) => /* @__PURE__ */ t("h2", { className: "mt-4 mb-1 scroll-m-20 text-lg font-medium tracking-tightest", children: e }),
-  h3: ({ children: e }) => /* @__PURE__ */ t("h3", { className: "mt-4 mb-1 scroll-m-20 text-base font-medium tracking-tighter", children: e }),
-  h4: ({ children: e }) => /* @__PURE__ */ t("h4", { className: "mt-2 mb-0 scroll-m-20 text-sm font-medium tracking-normal", children: e }),
-  h5: ({ children: e }) => /* @__PURE__ */ t("h5", { className: "mt-0 mb-0 scroll-m-20 text-xs font-medium tracking-tighter", children: e }),
-  h6: ({ children: e }) => /* @__PURE__ */ t("h6", { className: "mt-0 mb-0 scroll-m-20 text-2xs font-medium tracking-tighter", children: e }),
-  p: ({ children: e }) => /* @__PURE__ */ t("p", { className: "mt-2 mb-3 text-base font-normal leading-7 tracking-tightest", children: e }),
-  strong: ({ children: e }) => /* @__PURE__ */ t("strong", { className: "font-medium", children: e }),
-  em: ({ children: e }) => /* @__PURE__ */ t("em", { className: "italic", children: e }),
-  ul: ({ children: e }) => /* @__PURE__ */ t("ul", { className: "ml-8.25 mb-3 pt-2 pl-0 pb-0 list-disc text-base font-normal tracking-tightest", children: e }),
-  ol: ({ children: e }) => /* @__PURE__ */ t("ol", { className: "ml-8.25 mb-3 pt-2 pl-0 pb-0 list-decimal text-base font-normal tracking-tightest", children: e }),
-  li: ({ children: e }) => /* @__PURE__ */ t("li", { className: "py-0", children: e }),
-  blockquote: ({ children: e }) => /* @__PURE__ */ t("blockquote", { className: "my-3 pr-2 pl-2 border-l border-l-border text-sm text-muted-foreground font-normal tracking-tight not-italic", children: e }),
-  hr: () => /* @__PURE__ */ t("hr", { className: "my-4 border-border" }),
-  a: ({
-    children: e,
-    href: s,
-    ...o
-  }) => /* @__PURE__ */ t(
+const f = {
+  h1: ({ children: t }) => /* @__PURE__ */ e("h1", { className: "mt-0 mb-2 scroll-m-20 text-xl font-medium tracking-tightest", children: t }),
+  h2: ({ children: t }) => /* @__PURE__ */ e("h2", { className: "mt-4 mb-1 scroll-m-20 text-lg font-medium tracking-tightest", children: t }),
+  h3: ({ children: t }) => /* @__PURE__ */ e("h3", { className: "mt-4 mb-1 scroll-m-20 text-base font-medium tracking-tighter", children: t }),
+  h4: ({ children: t }) => /* @__PURE__ */ e("h4", { className: "mt-2 mb-0 scroll-m-20 text-sm font-medium tracking-normal", children: t }),
+  h5: ({ children: t }) => /* @__PURE__ */ e("h5", { className: "mt-0 mb-0 scroll-m-20 text-xs font-medium tracking-tighter", children: t }),
+  h6: ({ children: t }) => /* @__PURE__ */ e("h6", { className: "mt-0 mb-0 scroll-m-20 text-2xs font-medium tracking-tighter", children: t }),
+  p: ({ children: t }) => /* @__PURE__ */ e("p", { className: "mt-2 mb-3 text-base font-normal leading-5 tracking-tightest", children: t }),
+  strong: ({ children: t }) => /* @__PURE__ */ e("strong", { className: "font-medium", children: t }),
+  em: ({ children: t }) => /* @__PURE__ */ e("em", { className: "italic", children: t }),
+  b: ({ children: t }) => /* @__PURE__ */ e("b", { className: "font-medium", children: t }),
+  i: ({ children: t }) => /* @__PURE__ */ e("i", { className: "italic", children: t }),
+  ul: ({ children: t }) => /* @__PURE__ */ e("ul", { className: "ml-8.25 mb-3 pt-2 pl-0 pb-0 list-disc text-base font-normal tracking-tightest", children: t }),
+  ol: ({ children: t }) => /* @__PURE__ */ e("ol", { className: "ml-8.25 mb-3 pt-2 pl-0 pb-0 list-decimal text-base font-normal tracking-tightest", children: t }),
+  li: ({ children: t }) => /* @__PURE__ */ e("li", { className: "py-0", children: t }),
+  blockquote: ({ children: t }) => /* @__PURE__ */ e("blockquote", { className: "my-3 pr-2 pl-2 border-l border-l-border text-sm text-muted-foreground font-normal tracking-tight not-italic", children: t }),
+  hr: () => /* @__PURE__ */ e("hr", { className: "my-4 border-border" }),
+  a: ({ children: t, href: o, ...a }) => /* @__PURE__ */ e(
     "a",
     {
       className: "text-foreground-link no-underline hover:underline underline-offset-4",
-      href: s,
-      ...o,
-      children: e
+      href: o,
+      ...a,
+      children: t
     }
   ),
-  table: ({ children: e }) => /* @__PURE__ */ t("table", { className: "my-6 w-full", children: e }),
-  thead: ({ children: e }) => /* @__PURE__ */ t("thead", { children: e }),
-  tbody: ({ children: e }) => /* @__PURE__ */ t("tbody", { children: e }),
-  tr: ({ children: e }) => /* @__PURE__ */ t("tr", { className: "m-0 border-t p-0 even:bg-muted", children: e }),
-  th: ({ children: e }) => /* @__PURE__ */ t("th", { className: "border px-4 py-2 text-left font-bold", children: e }),
-  td: ({ children: e }) => /* @__PURE__ */ t("td", { className: "border px-4 py-2 text-left", children: e }),
-  code: y
-}, C = g(
-  ({ className: e, components: s, ...o }) => /* @__PURE__ */ t(
-    p,
+  table: ({ children: t }) => /* @__PURE__ */ e("table", { className: "my-6 w-full", children: t }),
+  thead: ({ children: t }) => /* @__PURE__ */ e("thead", { children: t }),
+  tbody: ({ children: t }) => /* @__PURE__ */ e("tbody", { children: t }),
+  tr: ({ children: t }) => /* @__PURE__ */ e("tr", { className: "m-0 border-t p-0 even:bg-muted", children: t }),
+  th: ({ children: t }) => /* @__PURE__ */ e("th", { className: "border px-4 py-2 text-left font-bold", children: t }),
+  td: ({ children: t }) => /* @__PURE__ */ e("td", { className: "border px-4 py-2 text-left", children: t })
+}, k = b(
+  ({ className: t, components: o, ...a }) => /* @__PURE__ */ e(
+    _,
     {
       "data-slot": "message-response",
-      className: l(
+      className: d(
         "size-full",
-        '[&_div[data-streamdown="mermaid-block"]_.relative.w-full]:min-h-28',
-        '[&_div[data-streamdown="mermaid-block"]_>div>.fixed]:z-200',
-        '[&_div[data-streamdown="mermaid-block"]_.fixed.inset-0_.flex-col.absolute]:fixed',
-        '[&_div[data-streamdown="mermaid-block"]_.fixed.inset-0_.flex-col.absolute]:top-4',
-        '[&_div[data-streamdown="mermaid-block"]_.fixed.inset-0_.flex-col.absolute]:bottom-auto',
-        '[&_div[data-streamdown="mermaid-block"]_.fixed.inset-0_.flex-col.absolute]:left-4',
-        '[&_div[data-streamdown="mermaid-block"]_.fixed.inset-0_.flex-col.absolute]:z-201',
-        "[&>*:first-child]:mt-0 [&>*:last-child]:mb-0",
-        e
+        // Blockquote paragraph overrides
+        "[&_blockquote_p]:text-sm",
+        "[&_blockquote_p]:tracking-tight",
+        // Inline code
+        "[&_code]:relative",
+        "[&_code]:rounded",
+        "[&_code]:bg-muted",
+        "[&_code]:px-[0.3rem]",
+        "[&_code]:py-[0.2rem]",
+        "[&_code]:font-mono",
+        "[&_code]:text-sm",
+        "[&_code]:font-semibold",
+        // Code blocks (Streamdown container)
+        '[&_div[data-streamdown="code-block"]]:my-4',
+        '[&_div[data-streamdown="code-block"]]:w-full',
+        '[&_div[data-streamdown="code-block"]]:overflow-hidden',
+        '[&_div[data-streamdown="code-block"]]:rounded-xl',
+        '[&_div[data-streamdown="code-block"]]:border',
+        '[&_div[data-streamdown="code-block"]]:border-border',
+        // Code block header
+        '[&_div[data-streamdown="code-block-header"]]:flex',
+        '[&_div[data-streamdown="code-block-header"]]:items-center',
+        '[&_div[data-streamdown="code-block-header"]]:justify-between',
+        '[&_div[data-streamdown="code-block-header"]]:bg-muted/80',
+        '[&_div[data-streamdown="code-block-header"]]:px-4',
+        '[&_div[data-streamdown="code-block-header"]]:py-3',
+        '[&_div[data-streamdown="code-block-header"]]:text-xs',
+        '[&_div[data-streamdown="code-block-header"]]:text-muted-foreground',
+        // Pre element inside code block
+        '[&_div[data-streamdown="code-block"]_pre]:m-0',
+        '[&_div[data-streamdown="code-block"]_pre]:overflow-x-auto',
+        '[&_div[data-streamdown="code-block"]_pre]:border-t',
+        '[&_div[data-streamdown="code-block"]_pre]:border-border',
+        '[&_div[data-streamdown="code-block"]_pre]:bg-background!',
+        '[&_div[data-streamdown="code-block"]_pre]:p-4',
+        '[&_div[data-streamdown="code-block"]_pre]:text-sm',
+        '[&_div[data-streamdown="code-block"]_pre]:text-foreground!',
+        // Code element inside pre
+        '[&_div[data-streamdown="code-block"]_pre_code]:static',
+        '[&_div[data-streamdown="code-block"]_pre_code]:rounded-none',
+        '[&_div[data-streamdown="code-block"]_pre_code]:bg-transparent',
+        '[&_div[data-streamdown="code-block"]_pre_code]:p-0',
+        '[&_div[data-streamdown="code-block"]_pre_code]:font-mono',
+        '[&_div[data-streamdown="code-block"]_pre_code]:text-sm',
+        '[&_div[data-streamdown="code-block"]_pre_code]:font-normal',
+        // Code block buttons
+        '[&_button[data-streamdown="code-block-copy-button"]]:cursor-pointer',
+        '[&_button[data-streamdown="code-block-copy-button"]]:p-1',
+        '[&_button[data-streamdown="code-block-copy-button"]]:text-muted-foreground',
+        '[&_button[data-streamdown="code-block-copy-button"]]:transition-all',
+        '[&_button[data-streamdown="code-block-copy-button"]]:hover:text-foreground',
+        '[&_button[data-streamdown="code-block-download-button"]]:cursor-pointer',
+        '[&_button[data-streamdown="code-block-download-button"]]:p-1',
+        '[&_button[data-streamdown="code-block-download-button"]]:text-muted-foreground',
+        '[&_button[data-streamdown="code-block-download-button"]]:transition-all',
+        '[&_button[data-streamdown="code-block-download-button"]]:hover:text-foreground',
+        // Regular pre blocks (not in Streamdown code blocks)
+        "[&_pre:not([data-streamdown])]:my-3",
+        "[&_pre:not([data-streamdown])]:mx-0",
+        "[&_pre:not([data-streamdown])]:overflow-x-auto",
+        "[&_pre:not([data-streamdown])]:rounded-md",
+        "[&_pre:not([data-streamdown])]:border",
+        "[&_pre:not([data-streamdown])]:bg-card",
+        "[&_pre:not([data-streamdown])]:p-4",
+        "[&_pre:not([data-streamdown])]:text-foreground",
+        "[&_pre:not([data-streamdown])]:text-sm",
+        "[&_pre:not([data-streamdown])_code]:static",
+        "[&_pre:not([data-streamdown])_code]:rounded-none",
+        "[&_pre:not([data-streamdown])_code]:bg-transparent",
+        "[&_pre:not([data-streamdown])_code]:px-0",
+        "[&_pre:not([data-streamdown])_code]:py-0",
+        "[&_pre:not([data-streamdown])_code]:font-mono",
+        "[&_pre:not([data-streamdown])_code]:text-sm",
+        "[&_pre:not([data-streamdown])_code]:font-normal",
+        // Mermaid diagram blocks
+        '[&_div[data-streamdown="mermaid-block"]]:bg-card',
+        '[&_div[data-streamdown="mermaid-block"]]:text-card-foreground',
+        '[&_div[data-streamdown="mermaid-block"]]:flex',
+        '[&_div[data-streamdown="mermaid-block"]]:flex-col',
+        '[&_div[data-streamdown="mermaid-block"]]:rounded-lg',
+        '[&_div[data-streamdown="mermaid-block"]]:hover:bg-accent',
+        '[&_div[data-streamdown="mermaid-block"]]:border-0',
+        // Ensure mermaid container is tall enough for the toolbar
+        '[&_div[data-streamdown="mermaid-block"]_.relative.w-full]:!min-h-28',
+        // Mermaid fullscreen overlay: boost z-index above eos footer (z-150)
+        '[&_div[data-streamdown="mermaid-block"]_>div>.fixed]:!z-[200]',
+        // Mermaid fullscreen toolbar: pin to viewport top-left (only in fullscreen via .inset-0)
+        '[&_div[data-streamdown="mermaid-block"]_.fixed.inset-0_.flex-col.absolute]:!fixed',
+        '[&_div[data-streamdown="mermaid-block"]_.fixed.inset-0_.flex-col.absolute]:!top-4',
+        '[&_div[data-streamdown="mermaid-block"]_.fixed.inset-0_.flex-col.absolute]:!bottom-auto',
+        '[&_div[data-streamdown="mermaid-block"]_.fixed.inset-0_.flex-col.absolute]:!right-auto',
+        '[&_div[data-streamdown="mermaid-block"]_.fixed.inset-0_.flex-col.absolute]:!left-4',
+        // First and last child margin resets
+        "[&>*:first-child]:mt-0",
+        "[&>*:last-child]:mb-0",
+        t
       ),
-      components: { ...w, ...s },
+      components: { ...f, ...o },
       controls: !1,
-      ...o
+      ...a
     }
   ),
-  (e, s) => e.children === s.children
+  (t, o) => t.children === o.children
 );
-C.displayName = "MessageResponse";
+k.displayName = "MessageResponse";
 export {
-  V as Message,
-  G as MessageAction,
-  F as MessageActions,
-  D as MessageContent,
-  C as MessageResponse
+  T as Message,
+  A as MessageAction,
+  z as MessageActions,
+  R as MessageContent,
+  k as MessageResponse
 };

package/dist/components/ui/core/popover/popover.js

@@ -0,0 +1,55 @@
+import { jsx as r } from "react/jsx-runtime";
+import { forwardRef as m } from "react";
+import { Popover as t } from "@base-ui/react/popover";
+import { usePortalContainer as l } from "../../../../lib/portal-container-context.js";
+import { cn as f } from "../../../../lib/utils.js";
+function c(o) {
+  return /* @__PURE__ */ r(t.Root, { "data-slot": "popover", ...o });
+}
+c.displayName = "Popover";
+function z({
+  children: o,
+  ...e
+}) {
+  return /* @__PURE__ */ r(t.Trigger, { "data-slot": "popover-trigger", ...e, children: o });
+}
+const g = m(
+  ({
+    className: o,
+    align: e = "center",
+    alignOffset: a = 0,
+    side: n = "bottom",
+    sideOffset: i = 4,
+    ...d
+  }, p) => {
+    const s = l();
+    return /* @__PURE__ */ r(t.Portal, { container: s, children: /* @__PURE__ */ r(
+      t.Positioner,
+      {
+        align: e,
+        alignOffset: a,
+        side: n,
+        sideOffset: i,
+        className: "isolate z-50",
+        children: /* @__PURE__ */ r(
+          t.Popup,
+          {
+            ref: p,
+            "data-slot": "popover-content",
+            className: f(
+              "bg-popover text-popover-foreground data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 origin-[var(--transform-origin)] rounded-lg border border-border p-3 gap-2 shadow-md outline-none",
+              o
+            ),
+            ...d
+          }
+        )
+      }
+    ) });
+  }
+);
+g.displayName = "PopoverContent";
+export {
+  c as Popover,
+  g as PopoverContent,
+  z as PopoverTrigger
+};

package/dist/components/ui/core/prompt-input/prompt-input.d.ts

@@ -44,7 +44,7 @@ type PromptInputToolsProps = HTMLAttributes<HTMLDivElement>;
 declare const PromptInputTools: import('react').ForwardRefExoticComponent<PromptInputToolsProps & import('react').RefAttributes<HTMLDivElement>>;
 type PromptInputButtonProps = ComponentProps<typeof InputGroupButton>;
 declare const PromptInputButton: import('react').ForwardRefExoticComponent<Omit<Omit<Omit<Omit<import('@base-ui/react').ButtonProps & import('class-variance-authority').VariantProps<(props?: ({
-    variant?: "default" | "destructive" | "secondary" | "outline" | "ghost" | "link" | null | undefined;
+    variant?: "link" | "default" | "destructive" | "secondary" | "outline" | "ghost" | null | undefined;
     size?: "default" | "sm" | "lg" | "icon" | "icon-sm" | "icon-lg" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string>, "ref"> & import('react').RefAttributes<HTMLElement>, "size"> & import('class-variance-authority').VariantProps<(props?: ({
     size?: "sm" | "icon-sm" | "xs" | "icon-xs" | null | undefined;

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

@@ -1,13 +1,13 @@
 import { jsx as o, jsxs as w } from "react/jsx-runtime";
-import { createContext as H, forwardRef as p, useContext as b, useState as N, useCallback as A, useMemo as E } from "react";
+import { createContext as H, forwardRef as p, useState as N, useContext as b, useCallback as A, useMemo as E } from "react";
 import { IconSend as D, IconLoader2 as z, IconSquare as B, IconX as L, IconPlus as k, IconInfoCircle as G } from "@tabler/icons-react";
 import { cn as r } from "../../../../lib/utils.js";
-import { Command as F, CommandInput as j, CommandList as K, CommandEmpty as V, CommandGroup as q, CommandItem as R, CommandSeparator as O } from "../command/command.js";
-import { DropdownMenu as W, DropdownMenuTrigger as X, DropdownMenuContent as J, DropdownMenuItem as Q } from "../dropdown-menu/dropdown-menu.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 C } from "../helper-text/helper-text.js";
-import { HoverCard as U, HoverCardTrigger as Y, HoverCardContent as Z } from "../hover-card/hover-card.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, SelectTrigger as et, SelectContent as ot, SelectItem as nt, SelectValue as rt } from "../select/select.js";
+import { Select as tt, SelectContent as et, SelectItem as ot, SelectTrigger as nt, SelectValue as rt } from "../select/select.js";
 const g = H(
   null
 ), Jt = () => {
@@ -182,7 +182,7 @@ const dt = ({
   children: e,
   ...n
 }) => /* @__PURE__ */ o(
-  X,
+  Q,
   {
     render: /* @__PURE__ */ o(T, { className: t, ...n, children: e ?? /* @__PURE__ */ o(k, { className: "size-4" }) })
   }
@@ -191,12 +191,12 @@ dt.displayName = "PromptInputActionMenuTrigger";
 const It = ({
   className: t,
   ...e
-}) => /* @__PURE__ */ o(J, { align: "start", className: r(t), ...e });
+}) => /* @__PURE__ */ o(X, { align: "start", className: r(t), ...e });
 It.displayName = "PromptInputActionMenuContent";
 const Pt = ({
   className: t,
   ...e
-}) => /* @__PURE__ */ o(Q, { className: r(t), ...e });
+}) => /* @__PURE__ */ o(J, { className: r(t), ...e });
 Pt.displayName = "PromptInputActionMenuItem";
 const yt = p(
   ({
@@ -231,7 +231,7 @@ const gt = ({
   className: t,
   ...e
 }) => /* @__PURE__ */ o(
-  et,
+  nt,
   {
     className: r(
       "border-none bg-transparent font-medium text-muted-foreground shadow-none transition-colors",
@@ -245,12 +245,12 @@ gt.displayName = "PromptInputModelSelectTrigger";
 const ft = ({
   className: t,
   ...e
-}) => /* @__PURE__ */ o(ot, { className: r(t), ...e });
+}) => /* @__PURE__ */ o(et, { className: r(t), ...e });
 ft.displayName = "PromptInputModelSelectContent";
 const Ct = ({
   className: t,
   ...e
-}) => /* @__PURE__ */ o(nt, { className: r(t), ...e });
+}) => /* @__PURE__ */ o(ot, { className: r(t), ...e });
 Ct.displayName = "PromptInputModelSelectItem";
 const bt = ({
   className: t,
@@ -263,12 +263,12 @@ const xt = ({
   ...n
 }) => /* @__PURE__ */ o(U, { closeDelay: e, openDelay: t, ...n });
 xt.displayName = "PromptInputHoverCard";
-const ht = (t) => /* @__PURE__ */ o(Y, { ...t });
+const ht = (t) => /* @__PURE__ */ o(Z, { ...t });
 ht.displayName = "PromptInputHoverCardTrigger";
 const vt = ({
   align: t = "start",
   ...e
-}) => /* @__PURE__ */ o(Z, { align: t, ...e });
+}) => /* @__PURE__ */ o(Y, { align: t, ...e });
 vt.displayName = "PromptInputHoverCardContent";
 const Tt = p(({ className: t, ...e }, n) => /* @__PURE__ */ o(
   "div",
@@ -337,27 +337,27 @@ At.displayName = "PromptInputCommand";
 const Et = ({
   className: t,
   ...e
-}) => /* @__PURE__ */ o(j, { className: r(t), ...e });
+}) => /* @__PURE__ */ o(V, { className: r(t), ...e });
 Et.displayName = "PromptInputCommandInput";
 const Dt = ({
   className: t,
   ...e
-}) => /* @__PURE__ */ o(K, { className: r(t), ...e });
+}) => /* @__PURE__ */ o(R, { className: r(t), ...e });
 Dt.displayName = "PromptInputCommandList";
 const zt = ({
   className: t,
   ...e
-}) => /* @__PURE__ */ o(V, { className: r(t), ...e });
+}) => /* @__PURE__ */ o(j, { className: r(t), ...e });
 zt.displayName = "PromptInputCommandEmpty";
 const Bt = ({
   className: t,
   ...e
-}) => /* @__PURE__ */ o(q, { className: r(t), ...e });
+}) => /* @__PURE__ */ o(K, { className: r(t), ...e });
 Bt.displayName = "PromptInputCommandGroup";
 const Lt = ({
   className: t,
   ...e
-}) => /* @__PURE__ */ o(R, { className: r(t), ...e });
+}) => /* @__PURE__ */ o(q, { className: r(t), ...e });
 Lt.displayName = "PromptInputCommandItem";
 const kt = ({
   className: t,

package/dist/components/ui/core/reasoning/reasoning.js

@@ -8,7 +8,10 @@ const l = g(!0), p = () => c(l), b = s(
     {
       ref: a,
       "data-slot": "reasoning",
-      className: i("relative flex w-full flex-col gap-2 not-prose", t),
+      className: i(
+        "relative flex w-full flex-col gap-2 not-prose py-2",
+        t
+      ),
       ...o,
       children: e
     }