@cognite/aura 0.2.0 → 0.3.0

package/dist/components/ui/core/prompt-input/prompt-input.js

@@ -1,16 +1,16 @@
-import { jsx as o, jsxs as w } from "react/jsx-runtime";
-import { createContext as H, forwardRef as s, useState as y, useContext as C, useCallback as k, useMemo as A } from "react";
-import { IconSend as E, IconLoader2 as D, IconSquare as z, IconX as B, IconPlus as L, IconInfoCircle as G } from "@tabler/icons-react";
+import { jsxs as w, jsx as o } from "react/jsx-runtime";
+import { useState as y, forwardRef as s, useCallback as H, useMemo as k, useContext as C, createContext as A } from "react";
+import { IconPlus as E, IconInfoCircle as D, IconSend as z, IconLoader2 as B, IconSquare as L, IconX as G } from "@tabler/icons-react";
 import { cn as r } from "../../../../lib/utils.js";
 import { Command as F, CommandEmpty as j, CommandGroup as K, CommandInput as V, CommandItem as q, CommandList as R, CommandSeparator as O } from "../command/command.js";
 import { DropdownMenu as W, DropdownMenuContent as X, DropdownMenuItem as J, DropdownMenuTrigger as Q } from "../dropdown-menu/dropdown-menu.js";
 import { HelperText as f } from "../helper-text/helper-text.js";
 import { HoverCard as U, HoverCardContent as Y, HoverCardTrigger as Z } from "../hover-card/hover-card.js";
-import { InputGroupTextarea as _, InputGroupAddon as x, InputGroupButton as h, InputGroup as $ } from "../input-group/input-group.js";
+import { InputGroup as _, InputGroupButton as x, InputGroupAddon as h, InputGroupTextarea as $ } from "../input-group/input-group.js";
 import { Select as tt, SelectContent as et, SelectItem as ot, SelectTrigger as nt, SelectValue as rt } from "../select/select.js";
-const N = H(
+const N = A(
   null
-), Jt = () => {
+), Xt = () => {
   const t = C(N);
   if (!t)
     throw new Error(
@@ -18,11 +18,11 @@ const N = H(
     );
   return t;
 }, v = () => C(N);
-function at({
+function Jt({
   initialInput: t = "",
   children: e
 }) {
-  const [n, a] = y(t), l = k(() => a(""), []), p = A(
+  const [n, a] = y(t), l = H(() => a(""), []), p = k(
     () => ({
       textInput: {
         value: n,
@@ -34,8 +34,7 @@ function at({
   );
   return /* @__PURE__ */ o(N.Provider, { value: p, children: e });
 }
-at.displayName = "PromptInputProvider";
-const st = ({
+const at = ({
   className: t,
   onSubmit: e,
   helperText: n,
@@ -64,7 +63,7 @@ const st = ({
         d instanceof Error ? d.message : "Failed to submit. Please try again."
       );
     }
-  }, S = n === !1 ? null : n ?? /* @__PURE__ */ o(f, { size: "xs", icon: /* @__PURE__ */ o(G, {}), children: "AI doesn't always get it right. Be sure to check results" });
+  }, S = n === !1 ? null : n ?? /* @__PURE__ */ o(f, { size: "xs", icon: /* @__PURE__ */ o(D, {}), children: "AI doesn't always get it right. Be sure to check results" });
   return /* @__PURE__ */ w("div", { className: "w-full flex flex-col gap-2", children: [
     /* @__PURE__ */ o(
       "form",
@@ -73,14 +72,14 @@ const st = ({
         className: r("w-full", t),
         onSubmit: P,
         ...p,
-        children: /* @__PURE__ */ o($, { className: "shadow-none rounded-xl has-[[data-slot=input-group-control]:is(:read-only,[aria-disabled=true])]:border-muted-background has-[[data-slot=input-group-control]:is(:read-only,[aria-disabled=true])]:bg-muted-background hover:has-[[data-slot=input-group-control]:is(:read-only,[aria-disabled=true])]:border-muted-background hover:has-[[data-slot=input-group-control]:is(:read-only,[aria-disabled=true])]:bg-muted-background hover:has-[[data-slot=input-group-control]:is(:read-only,[aria-disabled=true])]:text-muted-foreground", children: l })
+        children: /* @__PURE__ */ o(_, { className: "shadow-none rounded-xl has-[[data-slot=input-group-control]:is(:read-only,[aria-disabled=true])]:border-muted-background has-[[data-slot=input-group-control]:is(:read-only,[aria-disabled=true])]:bg-muted-background hover:has-[[data-slot=input-group-control]:is(:read-only,[aria-disabled=true])]:border-muted-background hover:has-[[data-slot=input-group-control]:is(:read-only,[aria-disabled=true])]:bg-muted-background hover:has-[[data-slot=input-group-control]:is(:read-only,[aria-disabled=true])]:text-muted-foreground", children: l })
       }
     ),
     a || u ? /* @__PURE__ */ o(f, { size: "xs", isError: !0, children: a || u }) : S
   ] });
 };
-st.displayName = "PromptInput";
-const pt = s(
+at.displayName = "PromptInput";
+const st = s(
   ({ className: t, ...e }, n) => /* @__PURE__ */ o(
     "div",
     {
@@ -91,8 +90,8 @@ const pt = s(
     }
   )
 );
-pt.displayName = "PromptInputBody";
-const mt = s(
+st.displayName = "PromptInputBody";
+const pt = s(
   ({ onChange: t, className: e, placeholder: n = "Type your message...", ...a }, l) => {
     const p = v(), [m, u] = y(!1), c = (i) => {
       if (i.key === "Enter") {
@@ -109,7 +108,7 @@ const mt = s(
       onChange: t
     };
     return /* @__PURE__ */ o(
-      _,
+      $,
       {
         ref: l,
         className: r(
@@ -127,78 +126,84 @@ const mt = s(
     );
   }
 );
-mt.displayName = "PromptInputTextarea";
-const lt = s(({ className: t, ...e }, n) => /* @__PURE__ */ o(
-  x,
-  {
-    ref: n,
-    align: "block-end",
-    className: r("order-first flex-wrap gap-1", t),
-    ...e
-  }
-));
-lt.displayName = "PromptInputHeader";
-const ut = s(({ className: t, ...e }, n) => /* @__PURE__ */ o(
-  x,
-  {
-    ref: n,
-    align: "block-end",
-    className: r("justify-between gap-1 p-2.75", t),
-    ...e
-  }
-));
-ut.displayName = "PromptInputFooter";
-const it = s(
+pt.displayName = "PromptInputTextarea";
+const mt = s(
   ({ className: t, ...e }, n) => /* @__PURE__ */ o(
-    "div",
+    h,
     {
       ref: n,
-      "data-slot": "prompt-input-tools",
-      className: r("flex items-center gap-2", t),
+      align: "block-end",
+      className: r("order-first flex-wrap gap-1", t),
       ...e
     }
   )
 );
-it.displayName = "PromptInputTools";
-const T = s(({ variant: t = "ghost", className: e, size: n, ...a }, l) => {
-  const p = a.children === void 0 || a.children === null ? 0 : Array.isArray(a.children) ? a.children.length : 1, m = n ?? (p > 1 ? "sm" : "icon-sm");
-  return /* @__PURE__ */ o(
+mt.displayName = "PromptInputHeader";
+const lt = s(
+  ({ className: t, ...e }, n) => /* @__PURE__ */ o(
     h,
     {
-      ref: l,
-      className: r(e),
-      size: m,
-      type: "button",
-      variant: t,
-      ...a
+      ref: n,
+      align: "block-end",
+      className: r("justify-between gap-1 p-2.75", t),
+      ...e
     }
-  );
-});
+  )
+);
+lt.displayName = "PromptInputFooter";
+const ut = s(
+  ({ className: t, ...e }, n) => /* @__PURE__ */ o(
+    "div",
+    {
+      ref: n,
+      "data-slot": "prompt-input-tools",
+      className: r("flex items-center gap-2", t),
+      ...e
+    }
+  )
+);
+ut.displayName = "PromptInputTools";
+const T = s(
+  ({ variant: t = "ghost", className: e, size: n, ...a }, l) => {
+    const p = a.children === void 0 || a.children === null ? 0 : Array.isArray(a.children) ? a.children.length : 1, m = n ?? (p > 1 ? "sm" : "icon-sm");
+    return /* @__PURE__ */ o(
+      x,
+      {
+        ref: l,
+        className: r(e),
+        size: m,
+        type: "button",
+        variant: t,
+        ...a
+      }
+    );
+  }
+);
 T.displayName = "PromptInputButton";
-const dt = (t) => /* @__PURE__ */ o(W, { ...t });
-dt.displayName = "PromptInputActionMenu";
-const ct = ({
+const it = (t) => /* @__PURE__ */ o(W, { ...t });
+it.displayName = "PromptInputActionMenu";
+const dt = ({
   className: t,
   children: e,
   ...n
 }) => /* @__PURE__ */ o(
   Q,
   {
-    render: /* @__PURE__ */ o(T, { className: t, ...n, children: e ?? /* @__PURE__ */ o(L, { className: "size-4" }) })
+    render: /* @__PURE__ */ o(T, { className: t, ...n, children: e ?? /* @__PURE__ */ o(E, { className: "size-4" }) })
   }
 );
-ct.displayName = "PromptInputActionMenuTrigger";
-const It = ({
+dt.displayName = "PromptInputActionMenuTrigger";
+const ct = ({
   className: t,
   ...e
 }) => /* @__PURE__ */ o(X, { align: "start", className: r(t), ...e });
-It.displayName = "PromptInputActionMenuContent";
-const Pt = ({
+ct.displayName = "PromptInputActionMenuContent";
+const It = ({
   className: t,
   ...e
 }) => /* @__PURE__ */ o(J, { className: r(t), ...e });
-Pt.displayName = "PromptInputActionMenuItem";
-const gt = s(
+It.displayName = "PromptInputActionMenuItem";
+const Pt = s(
   ({
     className: t,
     variant: e = "default",
@@ -207,9 +212,9 @@ const gt = s(
     children: l,
     ...p
   }, m) => {
-    let u = /* @__PURE__ */ o(E, { className: "size-4" });
-    return a === "submitted" ? u = /* @__PURE__ */ o(D, { className: "size-4 animate-spin" }) : a === "streaming" ? u = /* @__PURE__ */ o(z, { className: "size-4" }) : a === "error" && (u = /* @__PURE__ */ o(B, { className: "size-4" })), /* @__PURE__ */ o(
-      h,
+    let u = /* @__PURE__ */ o(z, { className: "size-4" });
+    return a === "submitted" ? u = /* @__PURE__ */ o(B, { className: "size-4 animate-spin" }) : a === "streaming" ? u = /* @__PURE__ */ o(L, { className: "size-4" }) : a === "error" && (u = /* @__PURE__ */ o(G, { className: "size-4" })), /* @__PURE__ */ o(
+      x,
       {
         ref: m,
         "aria-label": "Submit",
@@ -224,10 +229,10 @@ const gt = s(
     );
   }
 );
-gt.displayName = "PromptInputSubmit";
-const yt = (t) => /* @__PURE__ */ o(tt, { ...t });
-yt.displayName = "PromptInputModelSelect";
-const Nt = ({
+Pt.displayName = "PromptInputSubmit";
+const gt = (t) => /* @__PURE__ */ o(tt, { ...t });
+gt.displayName = "PromptInputModelSelect";
+const yt = ({
   className: t,
   ...e
 }) => /* @__PURE__ */ o(
@@ -241,46 +246,48 @@ const Nt = ({
     ...e
   }
 );
-Nt.displayName = "PromptInputModelSelectTrigger";
-const bt = ({
+yt.displayName = "PromptInputModelSelectTrigger";
+const Nt = ({
   className: t,
   ...e
 }) => /* @__PURE__ */ o(et, { className: r(t), ...e });
-bt.displayName = "PromptInputModelSelectContent";
-const ft = ({
+Nt.displayName = "PromptInputModelSelectContent";
+const bt = ({
   className: t,
   ...e
 }) => /* @__PURE__ */ o(ot, { className: r(t), ...e });
-ft.displayName = "PromptInputModelSelectItem";
-const Ct = ({
+bt.displayName = "PromptInputModelSelectItem";
+const ft = ({
   className: t,
   ...e
 }) => /* @__PURE__ */ o(rt, { className: r(t), ...e });
-Ct.displayName = "PromptInputModelSelectValue";
-const xt = ({
+ft.displayName = "PromptInputModelSelectValue";
+const Ct = ({
   openDelay: t = 0,
   closeDelay: e = 0,
   ...n
 }) => /* @__PURE__ */ o(U, { closeDelay: e, openDelay: t, ...n });
-xt.displayName = "PromptInputHoverCard";
-const ht = (t) => /* @__PURE__ */ o(Z, { ...t });
-ht.displayName = "PromptInputHoverCardTrigger";
-const vt = ({
+Ct.displayName = "PromptInputHoverCard";
+const xt = (t) => /* @__PURE__ */ o(Z, { ...t });
+xt.displayName = "PromptInputHoverCardTrigger";
+const ht = ({
   align: t = "start",
   ...e
 }) => /* @__PURE__ */ o(Y, { align: t, ...e });
-vt.displayName = "PromptInputHoverCardContent";
-const Tt = s(({ className: t, ...e }, n) => /* @__PURE__ */ o(
-  "div",
-  {
-    ref: n,
-    "data-slot": "prompt-input-tabs-list",
-    className: r(t),
-    ...e
-  }
-));
-Tt.displayName = "PromptInputTabsList";
-const St = s(
+ht.displayName = "PromptInputHoverCardContent";
+const vt = s(
+  ({ className: t, ...e }, n) => /* @__PURE__ */ o(
+    "div",
+    {
+      ref: n,
+      "data-slot": "prompt-input-tabs-list",
+      className: r(t),
+      ...e
+    }
+  )
+);
+vt.displayName = "PromptInputTabsList";
+const Tt = s(
   ({ className: t, ...e }, n) => /* @__PURE__ */ o(
     "div",
     {
@@ -291,112 +298,118 @@ const St = s(
     }
   )
 );
-St.displayName = "PromptInputTab";
-const Mt = s(({ className: t, children: e, ...n }, a) => /* @__PURE__ */ o(
-  "h3",
-  {
-    ref: a,
-    "data-slot": "prompt-input-tab-label",
-    className: r(
-      "mb-2 px-3 font-medium text-muted-foreground text-xs",
-      t
-    ),
-    ...n,
-    children: e
-  }
-));
-Mt.displayName = "PromptInputTabLabel";
-const wt = s(({ className: t, ...e }, n) => /* @__PURE__ */ o(
-  "div",
-  {
-    ref: n,
-    "data-slot": "prompt-input-tab-body",
-    className: r("space-y-1", t),
-    ...e
-  }
-));
-wt.displayName = "PromptInputTabBody";
-const Ht = s(({ className: t, ...e }, n) => /* @__PURE__ */ o(
-  "div",
-  {
-    ref: n,
-    "data-slot": "prompt-input-tab-item",
-    className: r(
-      "flex items-center gap-2 px-3 py-2 text-xs hover:bg-accent-background",
-      t
-    ),
-    ...e
-  }
-));
-Ht.displayName = "PromptInputTabItem";
-const kt = ({
+Tt.displayName = "PromptInputTab";
+const St = s(
+  ({ className: t, children: e, ...n }, a) => /* @__PURE__ */ o(
+    "h3",
+    {
+      ref: a,
+      "data-slot": "prompt-input-tab-label",
+      className: r(
+        "mb-2 px-3 font-medium text-muted-foreground text-xs",
+        t
+      ),
+      ...n,
+      children: e
+    }
+  )
+);
+St.displayName = "PromptInputTabLabel";
+const Mt = s(
+  ({ className: t, ...e }, n) => /* @__PURE__ */ o(
+    "div",
+    {
+      ref: n,
+      "data-slot": "prompt-input-tab-body",
+      className: r("space-y-1", t),
+      ...e
+    }
+  )
+);
+Mt.displayName = "PromptInputTabBody";
+const wt = s(
+  ({ className: t, ...e }, n) => /* @__PURE__ */ o(
+    "div",
+    {
+      ref: n,
+      "data-slot": "prompt-input-tab-item",
+      className: r(
+        "flex items-center gap-2 px-3 py-2 text-xs hover:bg-accent-background",
+        t
+      ),
+      ...e
+    }
+  )
+);
+wt.displayName = "PromptInputTabItem";
+const Ht = ({
   className: t,
   ...e
 }) => /* @__PURE__ */ o(F, { className: r(t), ...e });
-kt.displayName = "PromptInputCommand";
-const At = ({
+Ht.displayName = "PromptInputCommand";
+const kt = ({
   className: t,
   ...e
 }) => /* @__PURE__ */ o(V, { className: r(t), ...e });
-At.displayName = "PromptInputCommandInput";
-const Et = ({
+kt.displayName = "PromptInputCommandInput";
+const At = ({
   className: t,
   ...e
 }) => /* @__PURE__ */ o(R, { className: r(t), ...e });
-Et.displayName = "PromptInputCommandList";
-const Dt = ({
+At.displayName = "PromptInputCommandList";
+const Et = ({
   className: t,
   ...e
 }) => /* @__PURE__ */ o(j, { className: r(t), ...e });
-Dt.displayName = "PromptInputCommandEmpty";
-const zt = ({
+Et.displayName = "PromptInputCommandEmpty";
+const Dt = ({
   className: t,
   ...e
 }) => /* @__PURE__ */ o(K, { className: r(t), ...e });
-zt.displayName = "PromptInputCommandGroup";
-const Bt = ({
+Dt.displayName = "PromptInputCommandGroup";
+const zt = ({
   className: t,
   ...e
 }) => /* @__PURE__ */ o(q, { className: r(t), ...e });
-Bt.displayName = "PromptInputCommandItem";
-const Lt = ({
+zt.displayName = "PromptInputCommandItem";
+const Bt = ({
   className: t,
   ...e
 }) => /* @__PURE__ */ o(O, { className: r(t), ...e });
-Lt.displayName = "PromptInputCommandSeparator";
+Bt.displayName = "PromptInputCommandSeparator";
 export {
-  st as PromptInput,
-  dt as PromptInputActionMenu,
-  It as PromptInputActionMenuContent,
-  Pt as PromptInputActionMenuItem,
-  ct as PromptInputActionMenuTrigger,
-  pt as PromptInputBody,
+  at as PromptInput,
+  it as PromptInputActionMenu,
+  ct as PromptInputActionMenuContent,
+  It as PromptInputActionMenuItem,
+  dt as PromptInputActionMenuTrigger,
+  st as PromptInputBody,
   T as PromptInputButton,
-  kt as PromptInputCommand,
-  Dt as PromptInputCommandEmpty,
-  zt as PromptInputCommandGroup,
-  At as PromptInputCommandInput,
-  Bt as PromptInputCommandItem,
-  Et as PromptInputCommandList,
-  Lt as PromptInputCommandSeparator,
-  ut as PromptInputFooter,
-  lt as PromptInputHeader,
-  xt as PromptInputHoverCard,
-  vt as PromptInputHoverCardContent,
-  ht as PromptInputHoverCardTrigger,
-  yt as PromptInputModelSelect,
-  bt as PromptInputModelSelectContent,
-  ft as PromptInputModelSelectItem,
-  Nt as PromptInputModelSelectTrigger,
-  Ct as PromptInputModelSelectValue,
-  at as PromptInputProvider,
-  gt as PromptInputSubmit,
-  St as PromptInputTab,
-  wt as PromptInputTabBody,
-  Ht as PromptInputTabItem,
-  Mt as PromptInputTabLabel,
-  Tt as PromptInputTabsList,
-  mt as PromptInputTextarea,
-  it as PromptInputTools,
-  Jt as usePromptInputController
+  Ht as PromptInputCommand,
+  Et as PromptInputCommandEmpty,
+  Dt as PromptInputCommandGroup,
+  kt as PromptInputCommandInput,
+  zt as PromptInputCommandItem,
+  At as PromptInputCommandList,
+  Bt as PromptInputCommandSeparator,
+  lt as PromptInputFooter,
+  mt as PromptInputHeader,
+  Ct as PromptInputHoverCard,
+  ht as PromptInputHoverCardContent,
+  xt as PromptInputHoverCardTrigger,
+  gt as PromptInputModelSelect,
+  Nt as PromptInputModelSelectContent,
+  bt as PromptInputModelSelectItem,
+  yt as PromptInputModelSelectTrigger,
+  ft as PromptInputModelSelectValue,
+  Jt as PromptInputProvider,
+  Pt as PromptInputSubmit,
+  Tt as PromptInputTab,
+  Mt as PromptInputTabBody,
+  wt as PromptInputTabItem,
+  St as PromptInputTabLabel,
+  vt as PromptInputTabsList,
+  pt as PromptInputTextarea,
+  ut as PromptInputTools,
+  Xt as usePromptInputController
 };

package/dist/components/ui/core/radio-group/radio-group.d.ts

@@ -1,16 +1,20 @@
-import { HTMLAttributes } from 'react';
+import { ForwardRefExoticComponent, RefAttributes, HTMLAttributes } from 'react';
 import { Radio as RadioPrimitive } from '@base-ui/react/radio';
 import { RadioGroup as RadioGroupPrimitive } from '@base-ui/react/radio-group';
 import { VariantProps } from 'class-variance-authority';
+import { ClassProp } from 'class-variance-authority/types';
 type Orientation = 'horizontal' | 'vertical';
 type RadioGroupProps = RadioGroupPrimitive.Props & {
     orientation?: Orientation;
 };
-declare const RadioGroup: import('react').ForwardRefExoticComponent<Omit<RadioGroupProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
-declare const RadioGroupItem: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLLabelElement> & VariantProps<(props?: ({
-    variant?: "default" | "card" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string> & import('react').RefAttributes<HTMLLabelElement>>;
-declare const RadioGroupItemControl: import('react').ForwardRefExoticComponent<Omit<RadioPrimitive.Root.Props<any>, "ref"> & import('react').RefAttributes<HTMLSpanElement>>;
-declare const RadioGroupItemLabel: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLSpanElement> & import('react').RefAttributes<HTMLSpanElement>>;
-declare const RadioGroupItemDescription: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLSpanElement> & import('react').RefAttributes<HTMLSpanElement>>;
+declare const RadioGroup: ForwardRefExoticComponent<Omit<RadioGroupProps, 'ref'> & RefAttributes<HTMLDivElement>>;
+interface RadioGroupItemVariantProps {
+    variant?: 'default' | 'card' | null;
+}
+declare const radioGroupItemVariants: (props?: (RadioGroupItemVariantProps & ClassProp) | undefined) => string;
+type RadioGroupItemProps = HTMLAttributes<HTMLLabelElement> & VariantProps<typeof radioGroupItemVariants>;
+declare const RadioGroupItem: ForwardRefExoticComponent<Omit<RadioGroupItemProps, 'ref'> & RefAttributes<HTMLLabelElement>>;
+declare const RadioGroupItemControl: ForwardRefExoticComponent<Omit<RadioPrimitive.Root.Props<unknown>, 'ref'> & RefAttributes<HTMLSpanElement>>;
+declare const RadioGroupItemLabel: ForwardRefExoticComponent<HTMLAttributes<HTMLSpanElement> & RefAttributes<HTMLSpanElement>>;
+declare const RadioGroupItemDescription: ForwardRefExoticComponent<HTMLAttributes<HTMLSpanElement> & RefAttributes<HTMLSpanElement>>;
 export { RadioGroup, RadioGroupItem, RadioGroupItemControl, RadioGroupItemDescription, RadioGroupItemLabel, };