@cognite/aura 0.1.1 → 0.1.2

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

@@ -0,0 +1,143 @@
+import { jsx as e, jsxs as c } from "react/jsx-runtime";
+import { forwardRef as d } from "react";
+import { IconDotsVertical as n } from "@tabler/icons-react";
+import { cn as o } from "../../../../lib/utils.js";
+import { Button as i } from "../button/button.js";
+import { DropdownMenu as l, DropdownMenuTrigger as m, DropdownMenuContent as p } from "../dropdown-menu/dropdown-menu.js";
+const u = d(
+  ({ className: a, ...r }, t) => /* @__PURE__ */ e(
+    "div",
+    {
+      ref: t,
+      "data-slot": "card",
+      className: o(
+        "bg-card text-card-foreground flex flex-col rounded-lg hover:bg-accent",
+        a
+      ),
+      ...r
+    }
+  )
+);
+u.displayName = "Card";
+const h = d(
+  ({ className: a, ...r }, t) => /* @__PURE__ */ e(
+    "div",
+    {
+      ref: t,
+      "data-slot": "card-header",
+      className: o(
+        "@container/card-header group/card-header grid auto-rows-min items-start gap-1.5 px-4 pt-4 [.border-b]:pb-6",
+        "grid-cols-[1fr]",
+        "has-data-[slot=card-icon]:grid-cols-[auto_1fr]",
+        "has-data-[slot=card-header-right]:grid-cols-[1fr_auto]",
+        "has-data-[slot=card-icon]:has-data-[slot=card-header-right]:grid-cols-[auto_1fr_auto]",
+        a
+      ),
+      ...r
+    }
+  )
+);
+h.displayName = "CardHeader";
+const f = d(
+  ({ className: a, children: r, ...t }, s) => /* @__PURE__ */ e(
+    "div",
+    {
+      ref: s,
+      "data-slot": "card-icon",
+      className: o("col-start-1 row-start-1 h-full", a),
+      ...t,
+      children: /* @__PURE__ */ e("div", { className: "flex items-center h-full", children: r })
+    }
+  )
+);
+f.displayName = "CardIcon";
+const g = d(({ className: a, as: r = "h3", ...t }, s) => /* @__PURE__ */ e(
+  r,
+  {
+    ref: s,
+    "data-slot": "card-title",
+    className: o(
+      "tracking-tightest text-foreground font-medium text-lg row-start-1",
+      "group-has-data-[slot=card-icon]/card-header:col-start-2",
+      a
+    ),
+    ...t
+  }
+));
+g.displayName = "CardTitle";
+const C = d(
+  ({ className: a, ...r }, t) => /* @__PURE__ */ e(
+    "p",
+    {
+      ref: t,
+      "data-slot": "card-description",
+      className: o(
+        "text-muted-foreground text-sm row-start-2",
+        "group-has-data-[slot=card-icon]/card-header:col-start-2",
+        a
+      ),
+      ...r
+    }
+  )
+);
+C.displayName = "CardDescription";
+const N = d(
+  ({ className: a, ...r }, t) => /* @__PURE__ */ e(
+    "div",
+    {
+      ref: t,
+      "data-slot": "card-header-right",
+      className: o(
+        "row-span-2 row-start-1 self-start justify-self-end",
+        a
+      ),
+      ...r
+    }
+  )
+);
+N.displayName = "CardHeaderRight";
+const x = d(({ children: a, align: r = "end", ...t }, s) => /* @__PURE__ */ c(l, { ...t, children: [
+  /* @__PURE__ */ e(
+    m,
+    {
+      render: /* @__PURE__ */ e(i, { variant: "ghost", size: "icon-sm", ref: s, children: /* @__PURE__ */ e(n, {}) })
+    }
+  ),
+  /* @__PURE__ */ e(p, { align: r, children: a })
+] }));
+x.displayName = "CardActions";
+const w = d(
+  ({ className: a, ...r }, t) => /* @__PURE__ */ e(
+    "div",
+    {
+      ref: t,
+      "data-slot": "card-content",
+      className: o("p-4", a),
+      ...r
+    }
+  )
+);
+w.displayName = "CardContent";
+const y = d(
+  ({ className: a, ...r }, t) => /* @__PURE__ */ e(
+    "div",
+    {
+      ref: t,
+      "data-slot": "card-footer",
+      className: o("flex px-4 pb-4", a),
+      ...r
+    }
+  )
+);
+y.displayName = "CardFooter";
+export {
+  u as Card,
+  x as CardActions,
+  w as CardContent,
+  C as CardDescription,
+  y as CardFooter,
+  h as CardHeader,
+  N as CardHeaderRight,
+  f as CardIcon,
+  g as CardTitle
+};

package/dist/components/ui/core/card/card.metadata.d.ts

@@ -0,0 +1,8 @@
+import { ComponentMeta } from '../../../../lib/types';
+/**
+ * Card Component Metadata
+ *
+ * This metadata is used by the documentation system to generate
+ * component documentation pages and provide context for LLMs.
+ */
+export declare const CardMetadata: ComponentMeta;

package/dist/components/ui/core/card/card.metadata.js

@@ -0,0 +1,9 @@
+const e = {
+  name: "Card",
+  status: "in-progress-code-review",
+  description: "A flexible card layout with header, content, action, and footer slots.",
+  llmUsage: "Use `<Card>` with `<CardHeader>`, `<CardTitle>`, `<CardDescription>`, `<CardContent>`, and `<CardFooter>` for structured content containers."
+};
+export {
+  e as CardMetadata
+};

package/dist/components/ui/core/code-block/code-block.d.ts

@@ -15,7 +15,7 @@ type CodeBlockCopyButtonProps = ComponentProps<typeof Button> & {
 };
 declare const CodeBlockCopyButton: import('react').ForwardRefExoticComponent<Omit<CodeBlockCopyButtonProps, "ref"> & import('react').RefAttributes<HTMLElement>>;
 declare const CodeBlockCollapseButton: import('react').ForwardRefExoticComponent<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>, "ref"> & import('react').RefAttributes<HTMLElement>>;
 export { CodeBlock, CodeBlockCollapseButton, CodeBlockCopyButton };

package/dist/components/ui/core/combobox/combobox.d.ts

@@ -0,0 +1,15 @@
+import { ComponentProps } from 'react';
+import { Button } from '../button/button';
+type ComboboxProps = Omit<ComponentProps<typeof Button>, 'value' | 'onChange'> & {
+    options: Array<{
+        value: string;
+        label: string;
+    }>;
+    value?: string;
+    onValueChange?: (value: string) => void;
+    placeholder?: string;
+    searchPlaceholder?: string;
+    emptyText?: string;
+};
+declare const Combobox: import('react').ForwardRefExoticComponent<Omit<ComboboxProps, "ref"> & import('react').RefAttributes<HTMLElement>>;
+export { Combobox };

package/dist/components/ui/core/combobox/combobox.metadata.d.ts

@@ -0,0 +1,2 @@
+import { ComponentMeta } from '../../../../lib/types';
+export declare const ComboboxMetadata: ComponentMeta;

package/dist/components/ui/core/command/command.d.ts

@@ -31,7 +31,7 @@ declare const CommandInput: import('react').ForwardRefExoticComponent<Omit<Omit<
     ref?: React.Ref<HTMLInputElement>;
 } & {
     asChild?: boolean;
-}, "key" | keyof import('react').InputHTMLAttributes<HTMLInputElement> | "asChild">, "type" | "value" | "onChange"> & {
+}, "key" | keyof import('react').InputHTMLAttributes<HTMLInputElement> | "asChild">, "onChange" | "type" | "value"> & {
     value?: string;
     onValueChange?: (search: string) => void;
 } & import('react').RefAttributes<HTMLInputElement>, "ref"> & import('react').RefAttributes<HTMLInputElement>>;
@@ -75,7 +75,7 @@ declare const CommandItem: import('react').ForwardRefExoticComponent<Omit<{
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "key" | keyof import('react').HTMLAttributes<HTMLDivElement> | "asChild">, "disabled" | "value" | "onSelect"> & {
+}, "key" | keyof import('react').HTMLAttributes<HTMLDivElement> | "asChild">, "onSelect" | "disabled" | "value"> & {
     disabled?: boolean;
     onSelect?: (value: string) => void;
     value?: string;

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

@@ -1,18 +1,19 @@
-import { jsx as e, jsxs as n } from "react/jsx-runtime";
-import { Dialog as a } from "@base-ui/react/dialog";
+import { jsx as a, jsxs as l } from "react/jsx-runtime";
+import { Dialog as e } from "@base-ui/react/dialog";
 import { IconX as d } from "@tabler/icons-react";
 import { usePortalContainer as c } from "../../../../lib/portal-container-context.js";
 import { cn as i } from "../../../../lib/utils.js";
-function D({ ...t }) {
-  return /* @__PURE__ */ e(a.Root, { "data-slot": "dialog", ...t });
+import { Button as g } from "../button/button.js";
+function b({ ...t }) {
+  return /* @__PURE__ */ a(e.Root, { "data-slot": "dialog", ...t });
 }
-function b({ children: t, ...o }) {
-  return /* @__PURE__ */ e(a.Trigger, { "data-slot": "dialog-trigger", ...o, children: t });
+function v({ children: t, ...o }) {
+  return /* @__PURE__ */ a(e.Trigger, { "data-slot": "dialog-trigger", ...o, children: t });
 }
-function g({ ...t }) {
+function p({ ...t }) {
   const o = c();
-  return /* @__PURE__ */ e(
-    a.Portal,
+  return /* @__PURE__ */ a(
+    e.Portal,
     {
       "data-slot": "dialog-portal",
       container: o,
@@ -20,18 +21,18 @@ function g({ ...t }) {
     }
   );
 }
-function h({
+function N({
   children: t,
   ...o
 }) {
-  return /* @__PURE__ */ e(a.Close, { "data-slot": "dialog-close", ...o, children: t });
+  return /* @__PURE__ */ a(e.Close, { "data-slot": "dialog-close", ...o, children: t });
 }
-function u({
+function m({
   className: t,
   ...o
 }) {
-  return /* @__PURE__ */ e(
-    a.Backdrop,
+  return /* @__PURE__ */ a(
+    e.Backdrop,
     {
       "data-slot": "dialog-overlay",
       className: i(
@@ -42,17 +43,17 @@ function u({
     }
   );
 }
-function v({
+function C({
   className: t,
   children: o,
-  showCloseButton: l = !0,
-  closeButtonLabel: r = "Close",
+  showCloseButton: r = !0,
+  closeButtonLabel: n = "Close",
   ...s
 }) {
-  return /* @__PURE__ */ n(g, { "data-slot": "dialog-portal", children: [
-    /* @__PURE__ */ e(u, {}),
-    /* @__PURE__ */ n(
-      a.Popup,
+  return /* @__PURE__ */ l(p, { "data-slot": "dialog-portal", children: [
+    /* @__PURE__ */ a(m, {}),
+    /* @__PURE__ */ l(
+      e.Popup,
       {
         "data-slot": "dialog-content",
         className: i(
@@ -62,20 +63,18 @@ function v({
         ...s,
         children: [
           o,
-          l && /* @__PURE__ */ e(
-            a.Close,
+          r && /* @__PURE__ */ a(
+            e.Close,
             {
               "data-slot": "dialog-close",
-              render: /* @__PURE__ */ n(
-                "button",
+              render: /* @__PURE__ */ a(
+                g,
                 {
-                  type: "button",
-                  "aria-label": r,
-                  className: "ring-offset-background focus:ring-ring data-open:bg-accent data-open:text-muted-foreground text-foreground absolute top-5 right-4 flex size-7 items-center justify-center rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0",
-                  children: [
-                    /* @__PURE__ */ e(d, { className: "h-4 w-4" }),
-                    /* @__PURE__ */ e("span", { className: "sr-only", children: r })
-                  ]
+                  variant: "ghost",
+                  size: "icon-sm",
+                  className: "absolute top-5 right-4 opacity-70 hover:opacity-100",
+                  "aria-label": n,
+                  children: /* @__PURE__ */ a(d, { className: "h-4 w-4" })
                 }
               )
             }
@@ -85,8 +84,8 @@ function v({
     )
   ] });
 }
-function N({ className: t, ...o }) {
-  return /* @__PURE__ */ e(
+function w({ className: t, ...o }) {
+  return /* @__PURE__ */ a(
     "div",
     {
       "data-slot": "dialog-header",
@@ -99,7 +98,7 @@ function N({ className: t, ...o }) {
   );
 }
 function k({ className: t, ...o }) {
-  return /* @__PURE__ */ e(
+  return /* @__PURE__ */ a(
     "div",
     {
       "data-slot": "dialog-footer",
@@ -111,12 +110,12 @@ function k({ className: t, ...o }) {
     }
   );
 }
-function C({
+function P({
   className: t,
   ...o
 }) {
-  return /* @__PURE__ */ e(
-    a.Title,
+  return /* @__PURE__ */ a(
+    e.Title,
     {
       "data-slot": "dialog-title",
       className: i(
@@ -127,12 +126,12 @@ function C({
     }
   );
 }
-function w({
+function T({
   className: t,
   ...o
 }) {
-  return /* @__PURE__ */ e(
-    a.Description,
+  return /* @__PURE__ */ a(
+    e.Description,
     {
       "data-slot": "dialog-description",
       className: i(
@@ -144,14 +143,14 @@ function w({
   );
 }
 export {
-  D as Dialog,
-  h as DialogClose,
-  v as DialogContent,
-  w as DialogDescription,
+  b as Dialog,
+  N as DialogClose,
+  C as DialogContent,
+  T as DialogDescription,
   k as DialogFooter,
-  N as DialogHeader,
-  u as DialogOverlay,
-  g as DialogPortal,
-  C as DialogTitle,
-  b as DialogTrigger
+  w as DialogHeader,
+  m as DialogOverlay,
+  p as DialogPortal,
+  P as DialogTitle,
+  v as DialogTrigger
 };

package/dist/components/ui/core/helper-text/helper-text.js

@@ -1,4 +1,4 @@
-import { jsx as e, jsxs as p } from "react/jsx-runtime";
+import { jsxs as p, jsx as e } from "react/jsx-runtime";
 import { forwardRef as g, isValidElement as u } from "react";
 import { IconExclamationCircle as h } from "@tabler/icons-react";
 import { cva as i } from "class-variance-authority";

package/dist/components/ui/core/inline-citation/inline-citation.js

@@ -2,7 +2,7 @@ import { jsx as i, jsxs as d, Fragment as v } from "react/jsx-runtime";
 import { forwardRef as r } from "react";
 import { cn as o, getHostname as m } from "../../../../lib/utils.js";
 import { Badge as g } from "../badge/badge.js";
-import { HoverCard as f, HoverCardTrigger as x, HoverCardContent as b } from "../hover-card/hover-card.js";
+import { HoverCard as f, HoverCardContent as x, HoverCardTrigger as b } from "../hover-card/hover-card.js";
 const h = r(
   ({ className: e, ...n }, t) => /* @__PURE__ */ i(
     "span",
@@ -49,7 +49,7 @@ const q = (e) => /* @__PURE__ */ i(
   className: t,
   ...a
 }) => /* @__PURE__ */ i(
-  x,
+  b,
   {
     render: /* @__PURE__ */ d(
       g,
@@ -76,7 +76,7 @@ const q = (e) => /* @__PURE__ */ i(
   className: e,
   ...n
 }) => /* @__PURE__ */ i(
-  b,
+  x,
   {
     "data-slot": "inline-citation-card-body",
     className: o("relative w-80 p-0", e),

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

@@ -4,7 +4,7 @@ declare const InputGroupAddon: import('react').ForwardRefExoticComponent<Omit<im
     align?: "block-end" | "block-start" | "inline-end" | "inline-start" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
 declare const InputGroupButton: import('react').ForwardRefExoticComponent<Omit<Omit<Omit<import('@base-ui/react').ButtonProps & 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"> & VariantProps<(props?: ({
     size?: "sm" | "icon-sm" | "xs" | "icon-xs" | null | undefined;

package/dist/components/ui/core/message/message.d.ts

@@ -52,4 +52,4 @@ type MessageAttachmentsProps = ComponentProps<'div'>;
 declare function MessageAttachments({ children, className, ...props }: MessageAttachmentsProps): import("react/jsx-runtime").JSX.Element | null;
 type MessageToolbarProps = ComponentProps<'div'>;
 declare const MessageToolbar: ({ className, children, ...props }: MessageToolbarProps) => import("react/jsx-runtime").JSX.Element;
-export { Message, MessageContent, MessageAvatar, MessageAvatarIcon, MessageActions, MessageAction, MessageBranch, MessageBranchContent, MessageBranchSelector, MessageBranchPrevious, MessageBranchNext, MessageBranchPage, MessageResponse, MessageAttachment, MessageAttachments, MessageToolbar, };
+export { Message, MessageAction, MessageActions, MessageAttachment, MessageAttachments, MessageAvatar, MessageAvatarIcon, MessageBranch, MessageBranchContent, MessageBranchNext, MessageBranchPage, MessageBranchPrevious, MessageBranchSelector, MessageContent, MessageResponse, MessageToolbar, };

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

@@ -12,7 +12,7 @@ const T = ({ className: t, isResponse: o = !1, ...a }) => /* @__PURE__ */ e(
   {
     "data-slot": "message",
     className: d(
-      "group flex w-full items-start justify-start gap-3 py-2 mb-0",
+      "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
     ),
@@ -27,9 +27,9 @@ const T = ({ className: t, isResponse: o = !1, ...a }) => /* @__PURE__ */ e(
   {
     "data-slot": "message-content",
     className: d(
-      "is-user:dark flex flex-col gap-1 overflow-hidden rounded-md text-base leading-tight tracking-tightest",
+      "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",
       o
     ),
@@ -44,7 +44,7 @@ const T = ({ className: t, isResponse: o = !1, ...a }) => /* @__PURE__ */ e(
   "div",
   {
     "data-slot": "message-actions",
-    className: d("flex items-center gap-2", t),
+    className: d("flex items-center gap-2 pt-2", t),
     ...a,
     children: o
   }
@@ -100,11 +100,7 @@ const f = {
   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: ({ children: t, href: o, ...a }) => /* @__PURE__ */ e(
     "a",
     {
       className: "text-foreground-link no-underline hover:underline underline-offset-4",

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
     }

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

@@ -1,4 +1,4 @@
-import { jsxs as c, jsx as s } from "react/jsx-runtime";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
 import { IconMist as f } from "@tabler/icons-react";
 import { cn as l } from "../../../../lib/utils.js";
 import { InlineCitation as p, InlineCitationLink as x } from "../inline-citation/inline-citation.js";
@@ -8,7 +8,7 @@ const S = ({ className: r, title: e, children: t, ...o }) => {
     "div",
     {
       "data-slot": "sources",
-      className: l("flex flex-col gap-2", r),
+      className: l("flex flex-col gap-2 py-2", r),
       ...o,
       children: [
         n ? null : i,

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

@@ -58,7 +58,7 @@ const v = s(({ className: t, ...o }, l) => /* @__PURE__ */ e(
     ref: l,
     "data-slot": "tool-content",
     className: d(
-      "flex flex-col gap-4 py-3 text-popover-foreground outline-none",
+      "data-open:flex flex-col py-3 gap-6 text-popover-foreground outline-none",
       t
     ),
     ...o