@cognite/aura 0.2.0 → 0.3.1

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

@@ -1,14 +1,14 @@
+import { MemoExoticComponent, ReactNode } from 'react';
 type TextShimmerProps = {
     children: string;
+    /** SVG URL or data URI used as a CSS mask. Not a React component which would require runtime SVG serialization. */
+    iconUrl?: string;
     as?: 'p' | 'span' | 'div' | 'h1' | 'h2' | 'h3';
     className?: string;
     duration?: number;
     spread?: number;
     variant?: 'default' | 'nordic' | 'aurora' | 'dusk' | 'equinox' | 'summer' | 'spring' | 'fall';
 };
-declare function ShimmerComponent({ children, as: Component, className, duration, spread, variant, }: TextShimmerProps): import("react/jsx-runtime").JSX.Element;
-declare namespace ShimmerComponent {
-    var displayName: string;
-}
-declare const MemoizedShimmer: import('react').MemoExoticComponent<typeof ShimmerComponent>;
+declare function ShimmerComponent({ children, iconUrl, as: Tag, className, duration, spread, variant, }: TextShimmerProps): ReactNode;
+declare const MemoizedShimmer: MemoExoticComponent<typeof ShimmerComponent>;
 export { MemoizedShimmer as Shimmer };

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

@@ -1,8 +1,8 @@
-import { jsx as e } from "react/jsx-runtime";
-import { memo as f, useMemo as s } from "react";
-import { motion as a } from "framer-motion";
-import { cn as v } from "../../../../lib/utils.js";
-const S = {
+import { jsx as s, jsxs as b } from "react/jsx-runtime";
+import { memo as h, useMemo as p } from "react";
+import { motion as m } from "framer-motion";
+import { cn as u } from "../../../../lib/utils.js";
+const v = {
   nordic: "var(--gradient-nordic)",
   aurora: "var(--gradient-aurora)",
   dusk: "var(--gradient-dusk)",
@@ -10,60 +10,99 @@ const S = {
   summer: "var(--gradient-summer)",
   spring: "var(--gradient-spring)",
   fall: "var(--gradient-fall)"
+}, c = {
+  backgroundPosition: ["100% center, center", "0% center, center"]
 };
-function m({
-  children: n,
-  as: d = "p",
-  className: c,
-  duration: u = 2,
-  spread: i = 2,
-  variant: t = "default"
+function x(e, a) {
+  const r = e.replace(/\\/g, "\\\\").replace(/"/g, '\\"');
+  return {
+    ...a,
+    WebkitMaskImage: `url("${r}")`,
+    maskImage: `url("${r}")`,
+    WebkitMaskRepeat: "no-repeat",
+    maskRepeat: "no-repeat",
+    WebkitMaskSize: "contain",
+    maskSize: "contain",
+    WebkitMaskPosition: "center",
+    maskPosition: "center"
+  };
+}
+function S({
+  children: e,
+  iconUrl: a,
+  as: r = "p",
+  className: l,
+  duration: g = 2,
+  spread: d = 2,
+  variant: n = "default"
 }) {
-  const p = s(
-    () => (n?.length ?? 0) * i,
-    [n, i]
-  ), g = s(() => {
-    const o = "linear-gradient(90deg, transparent calc(50% - var(--spread)), rgba(255, 255, 255, 0.4), transparent calc(50% + var(--spread)))";
-    return t === "default" ? `${o}, linear-gradient(var(--color-muted-foreground), var(--color-muted-foreground))` : `${o}, ${S[t]}`;
-  }, [t]), l = {
-    "--spread": `${p}px`,
-    backgroundImage: g,
+  const k = p(
+    () => (e?.length ?? 0) * d,
+    [e, d]
+  ), f = p(() => {
+    const t = "linear-gradient(90deg, transparent calc(50% - var(--spread)), rgba(255, 255, 255, 0.4), transparent calc(50% + var(--spread)))";
+    return n === "default" ? `${t}, linear-gradient(var(--color-muted-foreground), var(--color-muted-foreground))` : `${t}, ${v[n]}`;
+  }, [n]), i = {
+    "--spread": `${k}px`,
+    backgroundImage: f,
     backgroundSize: "250% 100%, 100% 100%"
-  }, h = {
+  }, o = {
     repeat: Number.POSITIVE_INFINITY,
-    duration: u,
+    duration: g,
     ease: "linear"
-  }, r = {
-    "data-slot": "shimmer",
-    animate: {
-      backgroundPosition: ["100% center, center", "0% center, center"]
-    },
-    className: v(
-      "relative inline-block bg-clip-text text-transparent rounded-md",
-      c
-    ),
-    style: l,
-    transition: h,
-    children: n
   };
-  switch (d) {
-    case "span":
-      return /* @__PURE__ */ e(a.span, { ...r });
-    case "div":
-      return /* @__PURE__ */ e(a.div, { ...r });
-    case "h1":
-      return /* @__PURE__ */ e(a.h1, { ...r });
-    case "h2":
-      return /* @__PURE__ */ e(a.h2, { ...r });
-    case "h3":
-      return /* @__PURE__ */ e(a.h3, { ...r });
-    default:
-      return /* @__PURE__ */ e(a.p, { ...r });
+  if (!a) {
+    const t = m[r];
+    return /* @__PURE__ */ s(
+      t,
+      {
+        "data-slot": "shimmer",
+        className: u(
+          "relative inline-block bg-clip-text text-transparent rounded-md",
+          l
+        ),
+        animate: c,
+        style: i,
+        transition: o,
+        children: e
+      }
+    );
   }
+  return /* @__PURE__ */ b(
+    r,
+    {
+      "data-slot": "shimmer",
+      className: u(
+        "relative rounded-md inline-flex items-center gap-1.5",
+        l
+      ),
+      children: [
+        /* @__PURE__ */ s(
+          m.span,
+          {
+            "aria-hidden": !0,
+            className: "inline-block size-[1em] shrink-0",
+            animate: c,
+            style: x(a, i),
+            transition: o
+          }
+        ),
+        /* @__PURE__ */ s(
+          m.span,
+          {
+            className: "inline-block bg-clip-text text-transparent",
+            animate: c,
+            style: i,
+            transition: o,
+            children: e
+          }
+        )
+      ]
+    }
+  );
 }
-m.displayName = "Shimmer";
-const b = f(m);
-b.displayName = "Shimmer";
+const I = h(S);
+I.displayName = "Shimmer";
 export {
-  b as Shimmer
+  I as Shimmer
 };

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

@@ -1,2 +1,3 @@
-declare const Skeleton: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+import { ForwardRefExoticComponent, RefAttributes, ComponentProps } from 'react';
+declare const Skeleton: ForwardRefExoticComponent<ComponentProps<'div'> & RefAttributes<HTMLDivElement>>;
 export { Skeleton };

package/dist/components/ui/core/sonner-toast/sonner-toast.d.ts

@@ -1,3 +1,4 @@
+import { ReactNode } from 'react';
 import { ToasterProps, toast } from 'sonner';
-declare const Toaster: ({ ...props }: ToasterProps) => import("react/jsx-runtime").JSX.Element;
+declare const Toaster: ({ ...props }: ToasterProps) => ReactNode;
 export { Toaster, toast };

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

@@ -3,14 +3,14 @@ import { InlineCitationLink } from '../inline-citation/inline-citation';
 type SourcesProps = Omit<ComponentProps<'div'>, 'title'> & {
     title?: ReactNode | boolean;
 };
-declare const Sources: ({ className, title, children, ...props }: SourcesProps) => import("react/jsx-runtime").JSX.Element;
+declare const Sources: ({ className, title, children, ...props }: SourcesProps) => ReactNode;
 type SourcesTitleProps = ComponentProps<'div'> & {
     title?: string;
 };
-declare const SourcesTitle: ({ className, title, children, ...props }: SourcesTitleProps) => import("react/jsx-runtime").JSX.Element;
+declare const SourcesTitle: ({ className, title, children, ...props }: SourcesTitleProps) => ReactNode;
 type SourceProps = ComponentProps<typeof InlineCitationLink> & {
     title?: string;
     url?: string;
 };
-declare const Source: ({ href, url, title, variant, target, icon, className, children, ...props }: SourceProps) => import("react/jsx-runtime").JSX.Element | null;
+declare const Source: ({ href, url, title, variant, target, icon, className, children, ...props }: SourceProps) => ReactNode;
 export { Source, Sources, SourcesTitle };

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

@@ -2,7 +2,12 @@ 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";
-const S = ({ className: r, title: e, children: t, ...o }) => {
+const S = ({
+  className: r,
+  title: e,
+  children: t,
+  ...o
+}) => {
   const n = e === !1 || e === "false", i = e === void 0 || e === !0 ? /* @__PURE__ */ s(h, {}) : e;
   return /* @__PURE__ */ c(
     "div",

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

@@ -0,0 +1,11 @@
+import { ForwardRefExoticComponent, RefAttributes, ComponentRef } from 'react';
+import { Switch as SwitchPrimitive } from '@base-ui/react/switch';
+type SwitchProps = Omit<SwitchPrimitive.Root.Props, 'children'> & {
+    label?: string;
+    textLeft?: boolean;
+    textRight?: boolean;
+    checkedText?: string;
+    uncheckedText?: string;
+};
+declare const Switch: ForwardRefExoticComponent<Omit<SwitchProps, 'ref'> & RefAttributes<ComponentRef<typeof SwitchPrimitive.Root>>>;
+export { Switch };

package/dist/components/ui/core/{button/button.metadata.d.ts → switch/switch.metadata.d.ts}

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

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

@@ -1,23 +1,27 @@
-import { ReactNode } from 'react';
-import { Tabs as TabsPrimitive } from '@base-ui/react/tabs';
+import { ForwardRefExoticComponent, RefAttributes, ComponentProps, ReactNode } from 'react';
+import { TabsRootProps, Tabs as TabsPrimitive } from '@base-ui/react/tabs';
 import { VariantProps } from 'class-variance-authority';
-declare const tabsListVariants: (props?: ({
-    orientation?: "horizontal" | "vertical" | null | undefined;
-    size?: "default" | "small" | null | undefined;
-    fullWidth?: boolean | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
-declare const tabsTriggerVariants: (props?: ({
-    size?: "default" | "small" | null | undefined;
-    fullWidth?: boolean | null | undefined;
-    stateTone?: "default" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
-declare const Tabs: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').TabsRootProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+import { ClassProp } from 'class-variance-authority/types';
+interface TabsListVariantProps {
+    orientation?: 'horizontal' | 'vertical' | null;
+    size?: 'small' | 'default' | null;
+    fullWidth?: boolean | null;
+}
+declare const tabsListVariants: (props?: (TabsListVariantProps & ClassProp) | undefined) => string;
+interface TabsTriggerVariantProps {
+    size?: 'small' | 'default' | null;
+    fullWidth?: boolean | null;
+    stateTone?: 'default' | null;
+}
+declare const tabsTriggerVariants: (props?: (TabsTriggerVariantProps & ClassProp) | undefined) => string;
+declare const Tabs: ForwardRefExoticComponent<Omit<TabsRootProps, 'ref'> & RefAttributes<HTMLDivElement>>;
 type TabsListProps = TabsPrimitive.List.Props & VariantProps<typeof tabsListVariants>;
-declare const TabsList: import('react').ForwardRefExoticComponent<Omit<TabsListProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+declare const TabsList: ForwardRefExoticComponent<Omit<TabsListProps, 'ref'> & RefAttributes<HTMLDivElement>>;
 type TabsTriggerProps = TabsPrimitive.Tab.Props & VariantProps<typeof tabsTriggerVariants> & {
     badge?: ReactNode;
 };
-declare const TabsTrigger: import('react').ForwardRefExoticComponent<Omit<TabsTriggerProps, "ref"> & import('react').RefAttributes<HTMLElement>>;
-declare const TabsLabel: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import('react').RefAttributes<HTMLSpanElement>>;
-declare const TabsPanel: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').TabsPanelProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+declare const TabsTrigger: ForwardRefExoticComponent<Omit<TabsTriggerProps, 'ref'> & RefAttributes<HTMLElement>>;
+declare const TabsLabel: ForwardRefExoticComponent<ComponentProps<'span'> & RefAttributes<HTMLSpanElement>>;
+type TabsPanelProps = TabsPrimitive.Panel.Props;
+declare const TabsPanel: ForwardRefExoticComponent<Omit<TabsPanelProps, 'ref'> & RefAttributes<HTMLDivElement>>;
 export { Tabs, TabsLabel, TabsList, TabsPanel, TabsTrigger, tabsListVariants, tabsTriggerVariants, };

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

@@ -201,15 +201,17 @@ const k = n(
   }
 );
 k.displayName = "TabsLabel";
-const j = n(({ className: e, ...t }, a) => /* @__PURE__ */ i(
-  u.Panel,
-  {
-    ref: a,
-    "data-slot": "tabs-panel",
-    className: l("outline-none", e),
-    ...t
-  }
-));
+const j = n(
+  ({ className: e, ...t }, a) => /* @__PURE__ */ i(
+    u.Panel,
+    {
+      ref: a,
+      "data-slot": "tabs-panel",
+      className: l("outline-none", e),
+      ...t
+    }
+  )
+);
 j.displayName = "TabsPanel";
 export {
   _ as Tabs,

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

@@ -1,2 +1,3 @@
-declare const Textarea: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref"> & import('react').RefAttributes<HTMLTextAreaElement>>;
+import { ForwardRefExoticComponent, RefAttributes, ComponentProps } from 'react';
+declare const Textarea: ForwardRefExoticComponent<ComponentProps<'textarea'> & RefAttributes<HTMLTextAreaElement>>;
 export { Textarea };

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

@@ -1,24 +1,26 @@
 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
-  }
-));
+const c = r(
+  ({ className: e, ...t }, a) => /* @__PURE__ */ o(
+    "textarea",
+    {
+      ref: a,
+      "data-slot": "textarea",
+      className: i(
+        "flex field-sizing-content h-auto min-h-20 w-full transition-[color,background-color,border-color,box-shadow] resize-none",
+        m,
+        f,
+        d,
+        s,
+        n,
+        l,
+        e
+      ),
+      ...t
+    }
+  )
+);
 c.displayName = "Textarea";
 export {
   c as Textarea

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

@@ -0,0 +1,15 @@
+import { ComponentRef, ForwardRefExoticComponent, ReactNode, RefAttributes } from 'react';
+import { Toggle as TogglePrimitive } from '@base-ui/react/toggle';
+import { ClassProp } from 'class-variance-authority/types';
+type ToggleVariantProps = {
+    variant?: 'default' | 'outline';
+    size?: 'default' | 'sm' | 'lg';
+};
+declare const toggleVariants: (props?: (ToggleVariantProps & ClassProp) | undefined) => string;
+type ToggleProps = TogglePrimitive.Props & ToggleVariantProps & {
+    icon?: ReactNode;
+    label?: ReactNode;
+    count?: number | string;
+};
+declare const Toggle: ForwardRefExoticComponent<Omit<ToggleProps, 'ref'> & RefAttributes<ComponentRef<typeof TogglePrimitive>>>;
+export { Toggle, toggleVariants };

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

@@ -0,0 +1,74 @@
+import { jsx as o, jsxs as m, Fragment as f } from "react/jsx-runtime";
+import { forwardRef as v } from "react";
+import { Toggle as b } from "@base-ui/react/toggle";
+import { cva as p } from "class-variance-authority";
+import { cn as s } from "../../../../lib/utils.js";
+const x = p(
+  "inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium text-muted-foreground hover:bg-accent-background hover:text-foreground disabled:pointer-events-none disabled:text-disabled-foreground aria-pressed:bg-active-muted-background aria-pressed:text-muted-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 focus-visible:border-ring focus-visible:ring-ring-muted focus-visible:ring outline-none transition-[color,box-shadow] aria-invalid:ring-destructive-background/20 dark:aria-invalid:ring-destructive-background/40 aria-invalid:border-destructive-background whitespace-nowrap",
+  {
+    variants: {
+      variant: {
+        default: "bg-transparent",
+        outline: "border border-muted-background bg-transparent shadow-xs hover:bg-accent-background hover:text-foreground"
+      },
+      size: {
+        default: "h-9 px-2 min-w-9",
+        sm: "h-7 px-1.5 min-w-7",
+        lg: "h-8 px-2.5 min-w-8"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+), h = (e, r) => {
+  if (e == null || e === "")
+    return null;
+  const t = String(e);
+  return /* @__PURE__ */ o(
+    "span",
+    {
+      "data-slot": "toggle-count",
+      className: s(
+        "inline-flex h-4 min-w-4 items-center justify-center rounded-sm px-0.5 text-xs font-medium leading-3.5 tracking-tightest",
+        r ? "bg-disabled-background text-disabled-foreground" : "bg-decorative-background-mountain text-decorative-foreground-mountain"
+      ),
+      children: t
+    }
+  );
+}, k = v(
+  ({
+    className: e,
+    variant: r,
+    size: t,
+    icon: i,
+    label: n,
+    count: a,
+    children: g,
+    disabled: d,
+    ...u
+  }, l) => {
+    const c = i !== void 0 || n !== void 0 || a !== void 0;
+    return /* @__PURE__ */ o(
+      b,
+      {
+        ref: l,
+        "data-slot": "toggle",
+        disabled: d,
+        className: s(x({ variant: r, size: t, className: e })),
+        ...u,
+        children: g ?? (c && /* @__PURE__ */ m(f, { children: [
+          i,
+          n && /* @__PURE__ */ o("span", { "data-slot": "toggle-label", children: n }),
+          h(a, d)
+        ] }))
+      }
+    );
+  }
+);
+k.displayName = "Toggle";
+export {
+  k as Toggle,
+  x as toggleVariants
+};

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

@@ -1,21 +1,22 @@
-import { ComponentProps } from 'react';
+import { ComponentProps, ForwardRefExoticComponent, RefAttributes } from 'react';
+import { CollapsibleRootProps, CollapsiblePanelProps } from '@base-ui/react';
 import { ToolUIPart } from '../../../../lib/ai/types';
 import { CollapsibleTrigger } from '../collapsible/collapsible';
-declare const Tool: import('react').ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').CollapsibleRootProps, "ref"> & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+declare const Tool: ForwardRefExoticComponent<Omit<CollapsibleRootProps, 'ref'> & RefAttributes<HTMLDivElement>>;
 type ToolHeaderProps = Omit<ComponentProps<typeof CollapsibleTrigger>, 'type'> & {
     title?: string;
     type: ToolUIPart['type'];
     hasError?: boolean;
 };
-declare const ToolHeader: import('react').ForwardRefExoticComponent<Omit<ToolHeaderProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
-declare const ToolContent: import('react').ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').CollapsiblePanelProps, "ref"> & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+declare const ToolHeader: ForwardRefExoticComponent<Omit<ToolHeaderProps, 'ref'> & RefAttributes<HTMLButtonElement>>;
+declare const ToolContent: ForwardRefExoticComponent<Omit<CollapsiblePanelProps, 'ref'> & RefAttributes<HTMLDivElement>>;
 type ToolInputProps = ComponentProps<'div'> & {
     input: ToolUIPart['input'];
 };
-declare const ToolInput: import('react').ForwardRefExoticComponent<Omit<ToolInputProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+declare const ToolInput: ForwardRefExoticComponent<Omit<ToolInputProps, 'ref'> & RefAttributes<HTMLDivElement>>;
 type ToolOutputProps = ComponentProps<'div'> & {
     output: ToolUIPart['output'];
     errorText: ToolUIPart['errorText'];
 };
-declare const ToolOutput: import('react').ForwardRefExoticComponent<Omit<ToolOutputProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+declare const ToolOutput: ForwardRefExoticComponent<Omit<ToolOutputProps, 'ref'> & RefAttributes<HTMLDivElement>>;
 export { Tool, ToolHeader, ToolContent, ToolInput, ToolOutput };

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

@@ -21,50 +21,54 @@ const y = d(
   )
 );
 y.displayName = "Tool";
-const v = d(({ className: t, title: o, type: l, hasError: r = !1, ...i }, a) => /* @__PURE__ */ e(
-  N,
-  {
-    ref: a,
-    "data-slot": "tool-header",
-    className: t,
-    render: /* @__PURE__ */ n(
-      h,
-      {
-        variant: "ghost",
-        className: "w-full justify-between text-base leading-5 tracking-tighter",
-        children: [
-          /* @__PURE__ */ e("span", { children: o ?? l.substring(l.indexOf("-") + 1) }),
-          /* @__PURE__ */ n("div", { className: "flex items-center gap-2", children: [
-            r ? /* @__PURE__ */ e(
-              g,
-              {
-                outline: !0,
-                className: "bg-background text-destructive-foreground border-border",
-                children: "Error"
-              }
-            ) : null,
-            /* @__PURE__ */ e(p, { className: "h-4 w-4" })
-          ] })
-        ]
-      }
-    ),
-    ...i
-  }
-));
+const v = d(
+  ({ className: t, title: o, type: l, hasError: r = !1, ...i }, a) => /* @__PURE__ */ e(
+    N,
+    {
+      ref: a,
+      "data-slot": "tool-header",
+      className: t,
+      render: /* @__PURE__ */ n(
+        h,
+        {
+          variant: "ghost",
+          className: "w-full justify-between text-base leading-5 tracking-tighter",
+          children: [
+            /* @__PURE__ */ e("span", { children: o ?? l.substring(l.indexOf("-") + 1) }),
+            /* @__PURE__ */ n("div", { className: "flex items-center gap-2", children: [
+              r ? /* @__PURE__ */ e(
+                g,
+                {
+                  outline: !0,
+                  className: "bg-background text-destructive-foreground border-border",
+                  children: "Error"
+                }
+              ) : null,
+              /* @__PURE__ */ e(p, { className: "h-4 w-4" })
+            ] })
+          ]
+        }
+      ),
+      ...i
+    }
+  )
+);
 v.displayName = "ToolHeader";
-const j = d(({ className: t, ...o }, l) => /* @__PURE__ */ e(
-  b,
-  {
-    ref: l,
-    "data-slot": "tool-content",
-    className: s(
-      /* min-h-0: flex descendants (e.g. CodeBlock max-height) may shrink */
-      "flex min-h-0 flex-col gap-4 py-3 text-popover-foreground outline-none",
-      t
-    ),
-    ...o
-  }
-));
+const j = d(
+  ({ className: t, ...o }, l) => /* @__PURE__ */ e(
+    b,
+    {
+      ref: l,
+      "data-slot": "tool-content",
+      className: s(
+        /* min-h-0: flex descendants (e.g. CodeBlock max-height) may shrink */
+        "flex min-h-0 flex-col gap-4 py-3 text-popover-foreground outline-none",
+        t
+      ),
+      ...o
+    }
+  )
+);
 j.displayName = "ToolContent";
 const w = d(
   ({ className: t, input: o, ...l }, r) => /* @__PURE__ */ n(

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

@@ -1,10 +1,11 @@
-import { Tooltip as TooltipPrimitive } from '@base-ui/react/tooltip';
+import { ForwardRefExoticComponent, RefAttributes, ReactNode } from 'react';
+import { TooltipPopupProps, TooltipPositionerProps, Tooltip as TooltipPrimitive } from '@base-ui/react/tooltip';
 declare function TooltipProvider({ delayDuration, ...props }: Omit<TooltipPrimitive.Provider.Props, 'delay'> & {
     delayDuration?: number;
-}): import("react/jsx-runtime").JSX.Element;
+}): ReactNode;
 declare function Tooltip({ disableHoverableContent, ...props }: TooltipPrimitive.Root.Props & {
     disableHoverableContent?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
-declare const TooltipTrigger: import('react').ForwardRefExoticComponent<Omit<TooltipPrimitive.Trigger.Props<unknown>, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
-declare const TooltipContent: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').TooltipPopupProps & Pick<import('@base-ui/react').TooltipPositionerProps, "align" | "alignOffset" | "side" | "sideOffset">, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+}): ReactNode;
+declare const TooltipTrigger: ForwardRefExoticComponent<Omit<TooltipPrimitive.Trigger.Props<unknown>, 'ref'> & RefAttributes<HTMLButtonElement>>;
+declare const TooltipContent: ForwardRefExoticComponent<Omit<TooltipPopupProps & Pick<TooltipPositionerProps, 'align' | 'alignOffset' | 'side' | 'sideOffset'>, 'ref'> & RefAttributes<HTMLDivElement>>;
 export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };

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

@@ -29,14 +29,16 @@ function w({
     }
   );
 }
-const u = o((t, a) => /* @__PURE__ */ i(
-  e.Trigger,
-  {
-    ref: a,
-    "data-slot": "tooltip-trigger",
-    ...t
-  }
-));
+const u = o(
+  (t, a) => /* @__PURE__ */ i(
+    e.Trigger,
+    {
+      ref: a,
+      "data-slot": "tooltip-trigger",
+      ...t
+    }
+  )
+);
 u.displayName = "TooltipTrigger";
 const h = o(
   ({