@cognite/aura 0.1.0 → 0.1.2

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

@@ -1,17 +1,18 @@
 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 { Select as o } from "@base-ui/react/select";
-import { IconCheck as V, IconChevronDown as v, IconChevronUp as _, IconExclamationCircle as O } from "@tabler/icons-react";
-import { useControllableState as P } from "../../../../lib/use-controllable-state.js";
-import { getPortalContainer as j, 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 f = N(null), L = () => {
-  const e = I(f);
+import { IconCheck as V, IconChevronDown as h, IconChevronUp as _, IconExclamationCircle 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 = () => {
+  const e = I(g);
   if (!e)
     throw new Error("Select components must be used within Select");
   return e;
 };
-function K(e) {
-  const [a, l] = P({
+function Q(e) {
+  const [a, l] = j({
     prop: e.open,
     defaultProp: e.defaultOpen ?? !1,
     onChange: e.onOpenChange
@@ -19,44 +20,44 @@ function K(e) {
   if (e.multiple) {
     const {
       multiple: m,
-      value: g,
+      value: v,
       defaultValue: b,
       onValueChange: S,
       ...w
     } = e;
-    return /* @__PURE__ */ t(f.Provider, { value: n, children: /* @__PURE__ */ t(
+    return /* @__PURE__ */ t(g.Provider, { value: n, children: /* @__PURE__ */ t(
       o.Root,
       {
         "data-slot": "select",
         open: a,
-        onOpenChange: (p) => l(p),
-        value: g,
+        onOpenChange: (f) => l(f),
+        value: v,
         defaultValue: b,
-        onValueChange: (p, R) => {
-          S?.(p ?? []);
+        onValueChange: (f, R) => {
+          S?.(f ?? []);
         },
         multiple: !0,
         ...w
       }
     ) });
   }
-  const { value: r, defaultValue: i, onValueChange: c, ...d } = e, h = r === void 0 ? void 0 : r === "" ? null : r, x = i === void 0 ? void 0 : i === "" ? null : i;
-  return /* @__PURE__ */ t(f.Provider, { value: n, children: /* @__PURE__ */ t(
+  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;
+  return /* @__PURE__ */ t(g.Provider, { value: n, children: /* @__PURE__ */ t(
     o.Root,
     {
       "data-slot": "select",
       open: a,
       onOpenChange: (m) => l(m),
-      value: h,
+      value: p,
       defaultValue: x,
-      onValueChange: (m, g) => {
+      onValueChange: (m, v) => {
         c?.(typeof m == "string" ? m : "");
       },
       ...d
     }
   ) });
 }
-function Q({ className: e, ...a }) {
+function X({ className: e, ...a }) {
   return /* @__PURE__ */ t(
     o.Group,
     {
@@ -66,7 +67,7 @@ function Q({ className: e, ...a }) {
     }
   );
 }
-function X({
+function Y({
   icon: e,
   ...a
 }) {
@@ -75,7 +76,7 @@ function X({
     /* @__PURE__ */ t(o.Value, { "data-slot": "select-value", ...a })
   ] }) : /* @__PURE__ */ t(o.Value, { "data-slot": "select-value", ...a });
 }
-function Y({
+function Z({
   className: e,
   size: a = "default",
   children: l,
@@ -111,7 +112,7 @@ function Y({
             o.Icon,
             {
               render: /* @__PURE__ */ t(
-                v,
+                h,
                 {
                   className: s(
                     "size-4 opacity-50 transition-transform",
@@ -137,7 +138,7 @@ function Y({
     )
   ] });
 }
-function Z({
+function M({
   className: e,
   children: a,
   position: l = "popper",
@@ -147,7 +148,8 @@ function Z({
   sideOffset: c = 4,
   ...d
 }) {
-  return /* @__PURE__ */ t(o.Portal, { container: j(), children: /* @__PURE__ */ t(
+  const p = P();
+  return /* @__PURE__ */ t(o.Portal, { container: p, children: /* @__PURE__ */ t(
     o.Positioner,
     {
       alignItemWithTrigger: !1,
@@ -177,7 +179,7 @@ function Z({
     }
   ) });
 }
-function M({
+function ee({
   className: e,
   ...a
 }) {
@@ -190,7 +192,7 @@ function M({
     }
   );
 }
-function ee({
+function te({
   className: e,
   children: a,
   icon: l,
@@ -218,7 +220,7 @@ function ee({
     }
   );
 }
-function te({
+function ae({
   className: e,
   ...a
 }) {
@@ -261,19 +263,19 @@ function A({
         e
       ),
       ...a,
-      children: /* @__PURE__ */ t(v, { className: "size-4" })
+      children: /* @__PURE__ */ t(h, { className: "size-4" })
     }
   );
 }
 export {
-  K as Select,
-  Z as SelectContent,
-  Q as SelectGroup,
-  ee as SelectItem,
-  M as SelectLabel,
+  Q as Select,
+  M as SelectContent,
+  X as SelectGroup,
+  te as SelectItem,
+  ee as SelectLabel,
   A as SelectScrollDownButton,
   U as SelectScrollUpButton,
-  te as SelectSeparator,
-  Y as SelectTrigger,
-  X as SelectValue
+  ae as SelectSeparator,
+  Z as SelectTrigger,
+  Y as SelectValue
 };

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

@@ -0,0 +1,68 @@
+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 n = e === !1 || e === "false", i = e === void 0 || e === !0 ? /* @__PURE__ */ s(h, {}) : e;
+  return /* @__PURE__ */ c(
+    "div",
+    {
+      "data-slot": "sources",
+      className: l("flex flex-col gap-2 py-2", r),
+      ...o,
+      children: [
+        n ? null : i,
+        /* @__PURE__ */ s("div", { "data-slot": "sources-items", className: "flex flex-wrap gap-2", children: t })
+      ]
+    }
+  );
+}, h = ({
+  className: r,
+  title: e = "Sources",
+  children: t,
+  ...o
+}) => /* @__PURE__ */ c(
+  "div",
+  {
+    "data-slot": "sources-title",
+    className: l(
+      "flex items-center gap-2 text-base leading-5 tracking-tighter text-muted-foreground",
+      r
+    ),
+    ...o,
+    children: [
+      /* @__PURE__ */ s(f, { className: "size-4 shrink-0" }),
+      t ?? /* @__PURE__ */ s("span", { children: e })
+    ]
+  }
+), I = ({
+  href: r,
+  url: e,
+  title: t,
+  variant: o = "mountain",
+  target: n = "_blank",
+  icon: i,
+  className: d,
+  children: u,
+  ...m
+}) => {
+  const a = r || e;
+  return a ? /* @__PURE__ */ s(p, { children: /* @__PURE__ */ s(
+    x,
+    {
+      "data-slot": "source",
+      href: a,
+      target: n,
+      variant: o,
+      icon: i,
+      className: d,
+      ...m,
+      children: u ?? t
+    }
+  ) }) : null;
+};
+export {
+  I as Source,
+  S as Sources,
+  h as SourcesTitle
+};

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

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

@@ -1,8 +1,9 @@
-import { jsx as o, jsxs as m } from "react/jsx-runtime";
+import { jsx as o, jsxs as f } from "react/jsx-runtime";
 import { forwardRef as i } from "react";
 import { Tooltip as e } from "@base-ui/react/tooltip";
-import { getPortalContainer as f, cn as g } from "../../../../lib/utils.js";
-function x({
+import { usePortalContainer as g } from "../../../../lib/portal-container-context.js";
+import { cn as c } from "../../../../lib/utils.js";
+function P({
   delayDuration: t = 0,
   ...a
 }) {
@@ -15,7 +16,7 @@ function x({
     }
   );
 }
-function z({
+function w({
   disableHoverableContent: t,
   ...a
 }) {
@@ -28,7 +29,7 @@ function z({
     }
   );
 }
-const c = i((t, a) => /* @__PURE__ */ o(
+const u = i((t, a) => /* @__PURE__ */ o(
   e.Trigger,
   {
     ref: a,
@@ -36,8 +37,8 @@ const c = i((t, a) => /* @__PURE__ */ o(
     ...t
   }
 ));
-c.displayName = "TooltipTrigger";
-const u = i(
+u.displayName = "TooltipTrigger";
+const h = i(
   ({
     className: t,
     side: a = "top",
@@ -46,37 +47,40 @@ const u = i(
     alignOffset: r = 0,
     children: s,
     ...l
-  }, p) => /* @__PURE__ */ o(e.Portal, { container: f(), children: /* @__PURE__ */ o(
-    e.Positioner,
-    {
-      align: n,
-      alignOffset: r,
-      side: a,
-      sideOffset: d,
-      className: "isolate z-50 min-w-max",
-      children: /* @__PURE__ */ m(
-        e.Popup,
-        {
-          ref: p,
-          "data-slot": "tooltip-content",
-          className: g(
-            "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-foreground text-background z-50 w-fit max-w-xs origin-(--transform-origin) rounded-md p-2 text-sm font-medium leading-tight",
-            t
-          ),
-          ...l,
-          children: [
-            s,
-            /* @__PURE__ */ o(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-foreground fill-foreground 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" })
-          ]
-        }
-      )
-    }
-  ) })
+  }, m) => {
+    const p = g();
+    return /* @__PURE__ */ o(e.Portal, { container: p, children: /* @__PURE__ */ o(
+      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-foreground text-background z-50 w-fit max-w-xs origin-(--transform-origin) rounded-md p-2 text-sm font-medium leading-tight",
+              t
+            ),
+            ...l,
+            children: [
+              s,
+              /* @__PURE__ */ o(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-foreground fill-foreground 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" })
+            ]
+          }
+        )
+      }
+    ) });
+  }
 );
-u.displayName = "TooltipContent";
+h.displayName = "TooltipContent";
 export {
-  z as Tooltip,
-  u as TooltipContent,
-  x as TooltipProvider,
-  c as TooltipTrigger
+  w as Tooltip,
+  h as TooltipContent,
+  P as TooltipProvider,
+  u as TooltipTrigger
 };