@cognite/aura 0.1.1 → 0.1.3

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

@@ -41,7 +41,7 @@ declare const MessageBranchNext: ({ children, ...props }: MessageBranchNextProps
 type MessageBranchPageProps = HTMLAttributes<HTMLSpanElement>;
 declare const MessageBranchPage: ({ className, ...props }: MessageBranchPageProps) => import("react/jsx-runtime").JSX.Element;
 type MessageResponseProps = ComponentProps<typeof Streamdown>;
-declare const MessageResponse: import('react').MemoExoticComponent<({ className, components, ...props }: MessageResponseProps) => import("react/jsx-runtime").JSX.Element>;
+declare const MessageResponse: import('react').MemoExoticComponent<({ className, components, plugins, ...props }: MessageResponseProps) => import("react/jsx-runtime").JSX.Element>;
 type MessageAttachmentProps = HTMLAttributes<HTMLDivElement> & {
     data: FileUIPart;
     className?: string;
@@ -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

@@ -1,24 +1,25 @@
-import { jsx as e, jsxs as s } from "react/jsx-runtime";
+import { jsx as e, jsxs as n } from "react/jsx-runtime";
 import { createContext as i, memo as b } from "react";
+import { mermaid as _ } from "@streamdown/mermaid";
 import "@tabler/icons-react";
-import { Streamdown as _ } from "streamdown";
+import { Streamdown as p } from "streamdown";
 import { cn as d } from "../../../../lib/utils.js";
 import "../avatar/avatar.js";
-import { Button as p } from "../button/button.js";
+import { Button as u } from "../button/button.js";
 import "../button-group/button-group.js";
-import { Tooltip as u, TooltipTrigger as w, TooltipContent as g } from "../tooltip/tooltip.js";
-const T = ({ className: t, isResponse: o = !1, ...a }) => /* @__PURE__ */ e(
+import { Tooltip as w, TooltipTrigger as g, TooltipContent as f } from "../tooltip/tooltip.js";
+const z = ({ className: t, isResponse: o = !1, ...a }) => /* @__PURE__ */ e(
   "div",
   {
     "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
     ),
     ...a
   }
-), R = ({
+), A = ({
   children: t,
   className: o,
   ...a
@@ -27,16 +28,16 @@ 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
     ),
     ...a,
     children: t
   }
-), z = ({
+), B = ({
   className: t,
   children: o,
   ...a
@@ -44,26 +45,26 @@ 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
   }
-), A = ({
+), S = ({
   tooltip: t,
   children: o,
   label: a,
-  className: n,
+  className: r,
   variant: m = "ghost",
   size: c = "sm",
   ...l
 }) => {
-  const r = /* @__PURE__ */ s(
-    p,
+  const s = /* @__PURE__ */ n(
+    u,
     {
       "data-slot": "message-action",
       className: d(
         "relative icon-sm text-muted-foreground hover:text-foreground",
-        n
+        r
       ),
       size: c,
       type: "button",
@@ -75,15 +76,15 @@ const T = ({ className: t, isResponse: o = !1, ...a }) => /* @__PURE__ */ e(
       ]
     }
   );
-  return t ? /* @__PURE__ */ s(u, { children: [
-    /* @__PURE__ */ e(w, { render: r }),
-    /* @__PURE__ */ e(g, { children: /* @__PURE__ */ e("p", { children: t }) })
-  ] }) : r;
+  return t ? /* @__PURE__ */ n(w, { children: [
+    /* @__PURE__ */ e(g, { render: s }),
+    /* @__PURE__ */ e(f, { children: /* @__PURE__ */ e("p", { children: t }) })
+  ] }) : s;
 };
 i(
   null
 );
-const f = {
+const k = {
   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 }),
@@ -100,11 +101,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",
@@ -119,9 +116,9 @@ const f = {
   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(
-    _,
+}, x = b(
+  ({ className: t, components: o, plugins: a, ...r }) => /* @__PURE__ */ e(
+    p,
     {
       "data-slot": "message-response",
       className: d(
@@ -223,18 +220,19 @@ const f = {
         "[&>*:last-child]:mb-0",
         t
       ),
-      components: { ...f, ...o },
+      components: { ...k, ...o },
       controls: !1,
-      ...a
+      plugins: { ...a, mermaid: _ },
+      ...r
     }
   ),
   (t, o) => t.children === o.children
 );
-k.displayName = "MessageResponse";
+x.displayName = "MessageResponse";
 export {
-  T as Message,
-  A as MessageAction,
-  z as MessageActions,
-  R as MessageContent,
-  k as MessageResponse
+  z as Message,
+  S as MessageAction,
+  B as MessageActions,
+  A as MessageContent,
+  x as MessageResponse
 };

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;