@cognite/aura 0.1.5 → 0.1.6

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

@@ -1,25 +1,25 @@
-import { jsx as t, jsxs as u, Fragment as C } from "react/jsx-runtime";
-import { createContext as N, useMemo as y, useId as z, useContext as I } from "react";
+import { jsxs as u, Fragment as C, jsx as t } from "react/jsx-runtime";
+import { createContext as N, forwardRef as y, useId as z, useContext as I, useMemo as V } from "react";
 import { Select as o } from "@base-ui/react/select";
-import { IconCheck as V, IconChevronDown as h, IconChevronUp as _, IconExclamationCircle as O } from "@tabler/icons-react";
+import { IconChevronDown as h, IconExclamationCircle as k, IconCheck as _, IconChevronUp as O } from "@tabler/icons-react";
 import { usePortalContainer as P } from "../../../../lib/portal-container-context.js";
 import { useControllableState as j } from "../../../../lib/use-controllable-state.js";
-import { cn as s, disabledState as k, invalidState as D, focusState as T, filledState as B, hoverState as E, formElementBase as G } from "../../../../lib/utils.js";
-const g = N(null), L = () => {
+import { cn as r, disabledState as T, invalidState as D, focusState as B, filledState as E, hoverState as G, formElementBase as L } from "../../../../lib/utils.js";
+const g = N(null), R = () => {
   const e = I(g);
   if (!e)
     throw new Error("Select components must be used within Select");
   return e;
 };
-function Q(e) {
+function Y(e) {
   const [a, l] = j({
     prop: e.open,
     defaultProp: e.defaultOpen ?? !1,
     onChange: e.onOpenChange
-  }), n = y(() => ({ isOpen: a ?? !1 }), [a]);
+  }), n = V(() => ({ isOpen: a ?? !1 }), [a]);
   if (e.multiple) {
     const {
-      multiple: m,
+      multiple: p,
       value: v,
       defaultValue: b,
       onValueChange: S,
@@ -33,7 +33,7 @@ function Q(e) {
         onOpenChange: (f) => l(f),
         value: v,
         defaultValue: b,
-        onValueChange: (f, R) => {
+        onValueChange: (f, W) => {
           S?.(f ?? []);
         },
         multiple: !0,
@@ -41,33 +41,33 @@ function Q(e) {
       }
     ) });
   }
-  const { value: r, defaultValue: i, onValueChange: c, ...d } = e, p = r === void 0 ? void 0 : r === "" ? null : r, x = i === void 0 ? void 0 : i === "" ? null : i;
+  const { value: s, defaultValue: i, onValueChange: m, ...c } = e, d = s === void 0 ? void 0 : s === "" ? null : s, x = i === void 0 ? void 0 : i === "" ? null : i;
   return /* @__PURE__ */ t(g.Provider, { value: n, children: /* @__PURE__ */ t(
     o.Root,
     {
       "data-slot": "select",
       open: a,
-      onOpenChange: (m) => l(m),
-      value: p,
+      onOpenChange: (p) => l(p),
+      value: d,
       defaultValue: x,
-      onValueChange: (m, v) => {
-        c?.(typeof m == "string" ? m : "");
+      onValueChange: (p, v) => {
+        m?.(typeof p == "string" ? p : "");
       },
-      ...d
+      ...c
     }
   ) });
 }
-function X({ className: e, ...a }) {
+function Z({ className: e, ...a }) {
   return /* @__PURE__ */ t(
     o.Group,
     {
       "data-slot": "select-group",
-      className: s("scroll-my-1 p-1", e),
+      className: r("scroll-my-1 p-1", e),
       ...a
     }
   );
 }
-function Y({
+function M({
   icon: e,
   ...a
 }) {
@@ -76,36 +76,31 @@ function Y({
     /* @__PURE__ */ t(o.Value, { "data-slot": "select-value", ...a })
   ] }) : /* @__PURE__ */ t(o.Value, { "data-slot": "select-value", ...a });
 }
-function Z({
-  className: e,
-  size: a = "default",
-  children: l,
-  errorMessage: n,
-  ...r
-}) {
-  const { isOpen: i } = L(), c = !!n, d = z();
+const U = y(({ className: e, size: a = "default", children: l, errorMessage: n, ...s }, i) => {
+  const { isOpen: m } = R(), c = !!n, d = z();
   return /* @__PURE__ */ u(C, { children: [
     /* @__PURE__ */ u(
       o.Trigger,
       {
+        ref: i,
         "data-slot": "select-trigger",
         "data-size": a,
         "aria-invalid": c ? !0 : void 0,
         "aria-describedby": c ? d : void 0,
-        className: s(
+        className: r(
           "w-fit min-w-50 min-h-9 flex items-center justify-between gap-2 whitespace-nowrap transition-[color,box-shadow] cursor-pointer",
+          L,
           G,
           E,
           B,
-          T,
           D,
-          k,
-          "dark:bg-input/30 dark:text-muted-foreground dark:hover:bg-accent",
+          T,
+          "dark:bg-muted-background/30 dark:text-muted-foreground dark:hover:bg-accent-background",
           "[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground",
           "*:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2",
           e
         ),
-        ...r,
+        ...s,
         children: [
           l,
           /* @__PURE__ */ t(
@@ -114,9 +109,9 @@ function Z({
               render: /* @__PURE__ */ t(
                 h,
                 {
-                  className: s(
+                  className: r(
                     "size-4 opacity-50 transition-transform",
-                    i ? "rotate-180" : "rotate-0"
+                    m ? "rotate-180" : "rotate-0"
                   )
                 }
               )
@@ -131,55 +126,56 @@ function Z({
         id: d,
         className: "flex flex-row gap-1 justify-start items-center p-1",
         children: [
-          /* @__PURE__ */ t(O, { className: "text-destructive-foreground text-sm size-4" }),
+          /* @__PURE__ */ t(k, { className: "text-destructive-foreground text-sm size-4" }),
           /* @__PURE__ */ t("span", { className: "text-destructive-foreground text-sm", children: n })
         ]
       }
     )
   ] });
-}
-function M({
+});
+U.displayName = "SelectTrigger";
+function ee({
   className: e,
   children: a,
   position: l = "popper",
   align: n = "start",
-  alignOffset: r = 0,
+  alignOffset: s = 0,
   side: i = "bottom",
-  sideOffset: c = 4,
-  ...d
+  sideOffset: m = 4,
+  ...c
 }) {
-  const p = P();
-  return /* @__PURE__ */ t(o.Portal, { container: p, children: /* @__PURE__ */ t(
+  const d = P();
+  return /* @__PURE__ */ t(o.Portal, { container: d, children: /* @__PURE__ */ t(
     o.Positioner,
     {
       alignItemWithTrigger: !1,
       align: n,
-      alignOffset: r,
+      alignOffset: s,
       side: i,
-      sideOffset: c,
+      sideOffset: m,
       collisionPadding: 10,
       className: "isolate z-50",
       children: /* @__PURE__ */ u(
         o.Popup,
         {
           "data-slot": "select-content",
-          className: s(
-            "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 relative z-50 max-h-(--available-height) min-w-32 origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md outline-none",
+          className: r(
+            "bg-popover-background text-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 relative z-50 max-h-(--available-height) min-w-32 origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md outline-none",
             l === "popper" && "data-[side=bottom]:translate-y-1",
             e
           ),
-          ...d,
+          ...c,
           children: [
-            /* @__PURE__ */ t(U, {}),
+            /* @__PURE__ */ t(A, {}),
             /* @__PURE__ */ t(o.List, { children: a }),
-            /* @__PURE__ */ t(A, {})
+            /* @__PURE__ */ t(F, {})
           ]
         }
       )
     }
   ) });
 }
-function ee({
+function te({
   className: e,
   ...a
 }) {
@@ -187,12 +183,12 @@ function ee({
     o.GroupLabel,
     {
       "data-slot": "select-label",
-      className: s("text-muted-foreground px-2 py-1.5 text-xs", e),
+      className: r("text-muted-foreground px-2 py-1.5 text-xs", e),
       ...a
     }
   );
 }
-function te({
+function ae({
   className: e,
   children: a,
   icon: l,
@@ -202,8 +198,8 @@ function te({
     o.Item,
     {
       "data-slot": "select-item",
-      className: s(
-        "relative flex w-full min-h-9 cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-base leading-5 tracking-tightest outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",
+      className: r(
+        "relative flex w-full min-h-9 cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-base leading-5 tracking-tightest outline-hidden select-none focus:bg-accent-background focus:text-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",
         e
       ),
       ...n,
@@ -211,7 +207,7 @@ function te({
         /* @__PURE__ */ t(
           o.ItemIndicator,
           {
-            render: /* @__PURE__ */ t("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ t(V, { className: "size-4 text-popover-foreground" }) })
+            render: /* @__PURE__ */ t("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ t(_, { className: "size-4 text-foreground" }) })
           }
         ),
         l && /* @__PURE__ */ t("span", { className: "flex items-center gap-2 mr-1", children: l }),
@@ -220,7 +216,7 @@ function te({
     }
   );
 }
-function ae({
+function oe({
   className: e,
   ...a
 }) {
@@ -228,12 +224,12 @@ function ae({
     o.Separator,
     {
       "data-slot": "select-separator",
-      className: s("bg-border pointer-events-none -mx-1 my-1 h-px", e),
+      className: r("bg-border pointer-events-none -mx-1 my-1 h-px", e),
       ...a
     }
   );
 }
-function U({
+function A({
   className: e,
   ...a
 }) {
@@ -241,16 +237,16 @@ function U({
     o.ScrollUpArrow,
     {
       "data-slot": "select-scroll-up-button",
-      className: s(
-        "bg-popover z-10 flex cursor-default items-center justify-center py-1 top-0 w-full",
+      className: r(
+        "bg-popover-background z-10 flex cursor-default items-center justify-center py-1 top-0 w-full",
         e
       ),
       ...a,
-      children: /* @__PURE__ */ t(_, { className: "size-4" })
+      children: /* @__PURE__ */ t(O, { className: "size-4" })
     }
   );
 }
-function A({
+function F({
   className: e,
   ...a
 }) {
@@ -258,8 +254,8 @@ function A({
     o.ScrollDownArrow,
     {
       "data-slot": "select-scroll-down-button",
-      className: s(
-        "bg-popover z-10 flex cursor-default items-center justify-center py-1 bottom-0 w-full",
+      className: r(
+        "bg-popover-background z-10 flex cursor-default items-center justify-center py-1 bottom-0 w-full",
         e
       ),
       ...a,
@@ -268,14 +264,14 @@ function A({
   );
 }
 export {
-  Q as Select,
-  M as SelectContent,
-  X as SelectGroup,
-  te as SelectItem,
-  ee as SelectLabel,
-  A as SelectScrollDownButton,
-  U as SelectScrollUpButton,
-  ae as SelectSeparator,
-  Z as SelectTrigger,
-  Y as SelectValue
+  Y as Select,
+  ee as SelectContent,
+  Z as SelectGroup,
+  ae as SelectItem,
+  te as SelectLabel,
+  F as SelectScrollDownButton,
+  A as SelectScrollUpButton,
+  oe as SelectSeparator,
+  U as SelectTrigger,
+  M as SelectValue
 };

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

@@ -1,14 +1,14 @@
 import { jsx as a } from "react/jsx-runtime";
-import { forwardRef as m } from "react";
-import { cn as r } from "../../../../lib/utils.js";
-const n = m(
-  ({ className: e, ...o }, t) => /* @__PURE__ */ a(
+import { forwardRef as r } from "react";
+import { cn as m } from "../../../../lib/utils.js";
+const n = r(
+  ({ className: o, ...e }, t) => /* @__PURE__ */ a(
     "div",
     {
       ref: t,
       "data-slot": "skeleton",
-      className: r("bg-accent animate-pulse rounded-md", e),
-      ...o
+      className: m("bg-accent-background animate-pulse rounded-md", o),
+      ...e
     }
   )
 );

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

@@ -12,7 +12,14 @@ const S = ({ className: r, title: e, children: t, ...o }) => {
       ...o,
       children: [
         n ? null : i,
-        /* @__PURE__ */ s("div", { "data-slot": "sources-items", className: "flex flex-wrap gap-2", children: t })
+        /* @__PURE__ */ s(
+          "div",
+          {
+            "data-slot": "sources-items",
+            className: "flex flex-wrap gap-2 [&>*]:min-w-0",
+            children: t
+          }
+        )
       ]
     }
   );

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

@@ -1,9 +1,2 @@
-import { ComponentProps } from 'react';
-interface TextareaProps extends ComponentProps<'textarea'> {
-    maxChars?: number;
-    errorMessage?: string;
-    overLimitMessage?: string;
-    charactersLeftMessage?: (remaining: number) => string;
-}
-declare const Textarea: import('react').ForwardRefExoticComponent<Omit<TextareaProps, "ref"> & import('react').RefAttributes<HTMLTextAreaElement>>;
+declare const Textarea: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref"> & import('react').RefAttributes<HTMLTextAreaElement>>;
 export { Textarea };

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

@@ -1,49 +1,25 @@
-import { jsxs as x, Fragment as C, jsx as l } from "react/jsx-runtime";
-import { forwardRef as S, useState as b } from "react";
-import { cn as T, disabledState as w, invalidState as E, focusState as j, filledState as k, hoverState as y, formElementBase as L } from "../../../../lib/utils.js";
-import { HelperText as c } from "../helper-text/helper-text.js";
-const N = (a) => `${a} characters left`, V = S(
-  ({
-    className: a,
-    maxChars: e,
-    errorMessage: o,
-    overLimitMessage: s = "Too many characters",
-    charactersLeftMessage: u = N,
+import { jsx as o } from "react/jsx-runtime";
+import { forwardRef as r } from "react";
+import { cn as i, disabledState as l, invalidState as n, focusState as s, filledState as d, hoverState as f, formElementBase as m } from "../../../../lib/utils.js";
+const c = r(({ className: e, ...t }, a) => /* @__PURE__ */ o(
+  "textarea",
+  {
+    ref: a,
+    "data-slot": "textarea",
+    className: i(
+      "flex field-sizing-content min-h-20 w-full transition-[color,background-color,border-color,box-shadow] resize-none",
+      m,
+      f,
+      d,
+      s,
+      n,
+      l,
+      e
+    ),
     ...t
-  }, f) => {
-    const i = t.value !== void 0, [h, g] = b(() => {
-      const n = t.defaultValue ?? "";
-      return String(n).length;
-    }), d = i ? String(t.value ?? "").length : h, r = e !== void 0 && d > e, m = !!o || r, v = (n) => {
-      i || g(n.target.value.length), t.onChange && t.onChange(n);
-    };
-    return /* @__PURE__ */ x(C, { children: [
-      /* @__PURE__ */ l(
-        "textarea",
-        {
-          ref: f,
-          "data-slot": "textarea",
-          "aria-invalid": m ? !0 : void 0,
-          className: T(
-            "flex field-sizing-content min-h-16 w-full placeholder:text-muted-foreground transition-[color,background-color,border-color,box-shadow]",
-            L,
-            y,
-            k,
-            j,
-            E,
-            w,
-            "dark:bg-input/30",
-            a
-          ),
-          onChange: v,
-          ...t
-        }
-      ),
-      o ? /* @__PURE__ */ l(c, { isError: !0, children: o }) : e !== void 0 && /* @__PURE__ */ l(c, { isError: r, children: r ? s : u(e - d) })
-    ] });
   }
-);
-V.displayName = "Textarea";
+));
+c.displayName = "Textarea";
 export {
-  V as Textarea
+  c as Textarea
 };

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

@@ -1,18 +1,18 @@
 import { jsx as e, jsxs as a } from "react/jsx-runtime";
-import { forwardRef as s } from "react";
-import { IconSelector as f } from "@tabler/icons-react";
-import { cn as d } from "../../../../lib/utils.js";
-import { Badge as p } from "../badge/badge.js";
-import { Button as g } from "../button/button.js";
-import { CodeBlock as c, CodeBlockCopyButton as m, CodeBlockCollapseButton as u } from "../code-block/code-block.js";
-import { Collapsible as x, CollapsibleTrigger as h, CollapsibleContent as N } from "../collapsible/collapsible.js";
-const b = s(
+import { forwardRef as d } from "react";
+import { IconSelector as p } from "@tabler/icons-react";
+import { cn as s } from "../../../../lib/utils.js";
+import { Badge as g } from "../badge/badge.js";
+import { Button as x } from "../button/button.js";
+import { CodeBlock as c, CodeBlockCopyButton as m, CodeBlockDownloadButton as u, CodeBlockCollapseButton as f } from "../code-block/code-block.js";
+import { Collapsible as N, CollapsibleTrigger as h, CollapsibleContent as b } from "../collapsible/collapsible.js";
+const y = d(
   ({ className: t, ...o }, l) => /* @__PURE__ */ e(
-    x,
+    N,
     {
       ref: l,
       "data-slot": "tool",
-      className: d(
+      className: s(
         "group not-prose w-full bg-background rounded-md flex flex-col gap-2",
         t
       ),
@@ -20,15 +20,15 @@ const b = s(
     }
   )
 );
-b.displayName = "Tool";
-const y = s(({ className: t, title: o, type: l, hasError: r = !1, ...i }, n) => /* @__PURE__ */ e(
+y.displayName = "Tool";
+const v = d(({ className: t, title: o, type: l, hasError: r = !1, ...i }, n) => /* @__PURE__ */ e(
   h,
   {
     ref: n,
     "data-slot": "tool-header",
     className: t,
     render: /* @__PURE__ */ a(
-      g,
+      x,
       {
         variant: "ghost",
         className: "w-full justify-between text-base leading-5 tracking-tighter",
@@ -36,14 +36,14 @@ const y = s(({ className: t, title: o, type: l, hasError: r = !1, ...i }, n) =>
           /* @__PURE__ */ e("span", { children: o ?? l.substring(l.indexOf("-") + 1) }),
           /* @__PURE__ */ a("div", { className: "flex items-center gap-2", children: [
             r ? /* @__PURE__ */ e(
-              p,
+              g,
               {
                 outline: !0,
                 className: "bg-background text-destructive-foreground border-border",
                 children: "Error"
               }
             ) : null,
-            /* @__PURE__ */ e(f, { className: "h-4 w-4" })
+            /* @__PURE__ */ e(p, { className: "h-4 w-4" })
           ] })
         ]
       }
@@ -51,27 +51,27 @@ const y = s(({ className: t, title: o, type: l, hasError: r = !1, ...i }, n) =>
     ...i
   }
 ));
-y.displayName = "ToolHeader";
-const v = s(({ className: t, ...o }, l) => /* @__PURE__ */ e(
-  N,
+v.displayName = "ToolHeader";
+const j = d(({ className: t, ...o }, l) => /* @__PURE__ */ e(
+  b,
   {
     ref: l,
     "data-slot": "tool-content",
-    className: d(
-      "data-open:flex flex-col py-3 gap-6 text-popover-foreground outline-none",
+    className: s(
+      "flex flex-col gap-4 py-3 text-popover-foreground outline-none",
       t
     ),
     ...o
   }
 ));
-v.displayName = "ToolContent";
-const C = s(
+j.displayName = "ToolContent";
+const C = d(
   ({ className: t, input: o, ...l }, r) => /* @__PURE__ */ a(
     "div",
     {
       ref: r,
       "data-slot": "tool-input",
-      className: d("space-y-2 overflow-hidden px-3.25", t),
+      className: s("space-y-2 overflow-hidden px-3.25", t),
       ...l,
       children: [
         /* @__PURE__ */ e("h4", { className: "text-sm font-medium uppercase tracking-wide text-muted-foreground", children: "Parameters" }),
@@ -83,7 +83,8 @@ const C = s(
             collapsed: !0,
             children: [
               /* @__PURE__ */ e(m, {}),
-              /* @__PURE__ */ e(u, {})
+              /* @__PURE__ */ e(u, { fileName: "tool-parameters.json" }),
+              /* @__PURE__ */ e(f, {})
             ]
           }
         ) })
@@ -92,14 +93,15 @@ const C = s(
   )
 );
 C.displayName = "ToolInput";
-const w = s(
+const w = d(
   ({ className: t, output: o, errorText: l, ...r }, i) => {
     if (o == null && !l)
       return null;
     let n = null;
     return typeof o == "string" ? n = /* @__PURE__ */ a(c, { code: o, language: "json", collapsed: !0, children: [
       /* @__PURE__ */ e(m, {}),
-      /* @__PURE__ */ e(u, {})
+      /* @__PURE__ */ e(u, { fileName: "tool-result.json" }),
+      /* @__PURE__ */ e(f, {})
     ] }) : o == null ? n = null : typeof o == "object" ? n = /* @__PURE__ */ a(
       c,
       {
@@ -108,18 +110,20 @@ const w = s(
         collapsed: !0,
         children: [
           /* @__PURE__ */ e(m, {}),
-          /* @__PURE__ */ e(u, {})
+          /* @__PURE__ */ e(u, { fileName: "tool-result.json" }),
+          /* @__PURE__ */ e(f, {})
         ]
       }
     ) : (typeof o == "number" || typeof o == "boolean" || typeof o == "bigint") && (n = /* @__PURE__ */ a(c, { code: String(o), language: "json", collapsed: !0, children: [
       /* @__PURE__ */ e(m, {}),
-      /* @__PURE__ */ e(u, {})
+      /* @__PURE__ */ e(u, { fileName: "tool-result.json" }),
+      /* @__PURE__ */ e(f, {})
     ] })), l ? /* @__PURE__ */ e(
       "div",
       {
         ref: i,
         "data-slot": "tool-output",
-        className: d("space-y-2 px-3.25", t),
+        className: s("space-y-2 px-3.25", t),
         ...r,
         children: /* @__PURE__ */ a("div", { className: "flex flex-col gap-2 text-sm", children: [
           /* @__PURE__ */ e("span", { className: "font-medium text-destructive-foreground", children: "ERROR" }),
@@ -131,11 +135,11 @@ const w = s(
       {
         ref: i,
         "data-slot": "tool-output",
-        className: d("space-y-2 px-3.25", t),
+        className: s("space-y-2 px-3.25", t),
         ...r,
         children: [
           /* @__PURE__ */ e("h4", { className: "text-sm font-medium uppercase tracking-wide text-muted-foreground", children: "Result" }),
-          /* @__PURE__ */ e("div", { className: "overflow-x-auto rounded-md bg-muted/50 text-xs text-foreground [&_table]:w-full", children: n })
+          /* @__PURE__ */ e("div", { className: "overflow-x-auto rounded-md bg-muted-background/50 text-xs text-foreground [&_table]:w-full", children: n })
         ]
       }
     );
@@ -143,9 +147,9 @@ const w = s(
 );
 w.displayName = "ToolOutput";
 export {
-  b as Tool,
-  v as ToolContent,
-  y as ToolHeader,
+  y as Tool,
+  j as ToolContent,
+  v as ToolHeader,
   C as ToolInput,
   w as ToolOutput
 };