@cognite/aura 0.3.2 → 0.3.3

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

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

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

@@ -1,88 +1,49 @@
-import { jsx as i, jsxs as f } from "react/jsx-runtime";
-import { forwardRef as o } from "react";
-import { Tooltip as e } from "@base-ui/react/tooltip";
-import { usePortalContainer as g } from "../../../../lib/portal-container-context.js";
-import { cn as c } from "../../../../lib/utils.js";
-function P({
-  delayDuration: t = 300,
-  ...a
-}) {
-  return /* @__PURE__ */ i(
-    e.Provider,
-    {
-      "data-slot": "tooltip-provider",
-      delay: t,
-      ...a
-    }
-  );
+import { cn as e } from "../../../../lib/utils.js";
+import { usePortalContainer as t } from "../../../../lib/portal-container-context.js";
+import { forwardRef as n } from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { Tooltip as a } from "@base-ui/react/tooltip";
+//#region libs/aura/src/components/ui/core/tooltip/tooltip.tsx
+function o({ delayDuration: e = 300, ...t }) {
+	return /* @__PURE__ */ r(a.Provider, {
+		"data-slot": "tooltip-provider",
+		delay: e,
+		...t
+	});
 }
-function w({
-  disableHoverableContent: t,
-  ...a
-}) {
-  return /* @__PURE__ */ i(
-    e.Root,
-    {
-      "data-slot": "tooltip",
-      disableHoverablePopup: t,
-      ...a
-    }
-  );
+function s({ disableHoverableContent: e, ...t }) {
+	return /* @__PURE__ */ r(a.Root, {
+		"data-slot": "tooltip",
+		disableHoverablePopup: e,
+		...t
+	});
 }
-const u = o(
-  (t, a) => /* @__PURE__ */ i(
-    e.Trigger,
-    {
-      ref: a,
-      "data-slot": "tooltip-trigger",
-      ...t
-    }
-  )
-);
-u.displayName = "TooltipTrigger";
-const h = o(
-  ({
-    className: t,
-    side: a = "top",
-    sideOffset: d = 9,
-    align: n = "center",
-    alignOffset: r = 0,
-    children: s,
-    ...l
-  }, m) => {
-    const p = g();
-    return /* @__PURE__ */ i(e.Portal, { container: p, children: /* @__PURE__ */ i(
-      e.Positioner,
-      {
-        align: n,
-        alignOffset: r,
-        side: a,
-        sideOffset: d,
-        className: "isolate z-50 min-w-max",
-        children: /* @__PURE__ */ f(
-          e.Popup,
-          {
-            ref: m,
-            "data-slot": "tooltip-content",
-            className: c(
-              "data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-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 data-[side=inline-start]:slide-in-from-right-2 data-[side=inline-end]:slide-in-from-left-2 bg-raised-background text-foreground-fixed-light z-50 inline-flex min-h-9 w-fit max-w-80 items-center origin-(--transform-origin) rounded-lg px-3 py-2 text-sm font-medium leading-4.5 shadow-sm",
-              t
-            ),
-            ...l,
-            children: [
-              s,
-              /* @__PURE__ */ i(e.Arrow, { className: "size-2.5 -translate-y-1/2 rotate-45 rounded-xs data-[side=inline-end]:top-1/2! data-[side=inline-end]:-left-1 data-[side=inline-end]:-translate-y-1/2 data-[side=inline-start]:top-1/2! data-[side=inline-start]:-right-1 data-[side=inline-start]:-translate-y-1/2 bg-raised-background fill-raised-background z-50 data-[side=bottom]:top-1 data-[side=bottom]:-mt-0.5 data-[side=left]:top-1/2! data-[side=left]:-right-1 data-[side=left]:-translate-y-1/2 data-[side=right]:top-1/2! data-[side=right]:-left-1 data-[side=right]:-translate-y-1/2 data-[side=top]:-bottom-2.5 data-[side=top]:-mt-0.5" })
-            ]
-          }
-        )
-      }
-    ) });
-  }
-);
-h.displayName = "TooltipContent";
-export {
-  w as Tooltip,
-  h as TooltipContent,
-  P as TooltipProvider,
-  u as TooltipTrigger
-};
+var c = n((e, t) => /* @__PURE__ */ r(a.Trigger, {
+	ref: t,
+	"data-slot": "tooltip-trigger",
+	...e
+}));
+c.displayName = "TooltipTrigger";
+var l = n(({ className: n, side: o = "top", sideOffset: s = 9, align: c = "center", alignOffset: l = 0, children: u, ...d }, f) => {
+	let p = t();
+	return /* @__PURE__ */ r(a.Portal, {
+		container: p,
+		children: /* @__PURE__ */ r(a.Positioner, {
+			align: c,
+			alignOffset: l,
+			side: o,
+			sideOffset: s,
+			className: "isolate z-50 min-w-max",
+			children: /* @__PURE__ */ i(a.Popup, {
+				ref: f,
+				"data-slot": "tooltip-content",
+				className: e("data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-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 data-[side=inline-start]:slide-in-from-right-2 data-[side=inline-end]:slide-in-from-left-2 bg-raised-background text-foreground-fixed-light z-50 inline-flex min-h-9 w-fit max-w-80 items-center origin-(--transform-origin) rounded-lg px-3 py-2 text-sm font-medium leading-4.5 shadow-sm", n),
+				...d,
+				children: [u, /* @__PURE__ */ r(a.Arrow, { className: "size-2.5 -translate-y-1/2 rotate-45 rounded-xs data-[side=inline-end]:top-1/2! data-[side=inline-end]:-left-1 data-[side=inline-end]:-translate-y-1/2 data-[side=inline-start]:top-1/2! data-[side=inline-start]:-right-1 data-[side=inline-start]:-translate-y-1/2 bg-raised-background fill-raised-background z-50 data-[side=bottom]:top-1 data-[side=bottom]:-mt-0.5 data-[side=left]:top-1/2! data-[side=left]:-right-1 data-[side=left]:-translate-y-1/2 data-[side=right]:top-1/2! data-[side=right]:-left-1 data-[side=right]:-translate-y-1/2 data-[side=top]:-bottom-2.5 data-[side=top]:-mt-0.5" })]
+			})
+		})
+	});
+});
+l.displayName = "TooltipContent";
+//#endregion
+export { s as Tooltip, l as TooltipContent, o as TooltipProvider, c as TooltipTrigger };