@cognite/aura 0.1.7 → 0.3.0

package/dist/components/ui/core/inline-citation/inline-citation.d.ts

@@ -1,27 +1,27 @@
-import { ComponentProps, ComponentType } from 'react';
+import { ForwardRefExoticComponent, RefAttributes, ComponentProps, ComponentType, ReactNode } from 'react';
 import { Badge } from '../badge/badge';
 import { HoverCard } from '../hover-card/hover-card';
-declare const InlineCitation: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import('react').RefAttributes<HTMLSpanElement>>;
-declare const InlineCitationGroup: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
-declare const InlineCitationText: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import('react').RefAttributes<HTMLSpanElement>>;
+declare const InlineCitation: ForwardRefExoticComponent<ComponentProps<'span'> & RefAttributes<HTMLSpanElement>>;
+declare const InlineCitationGroup: ForwardRefExoticComponent<ComponentProps<'div'> & RefAttributes<HTMLDivElement>>;
+declare const InlineCitationText: ForwardRefExoticComponent<ComponentProps<'span'> & RefAttributes<HTMLSpanElement>>;
 type InlineCitationCardProps = ComponentProps<typeof HoverCard>;
-declare const InlineCitationCard: (props: InlineCitationCardProps) => import("react/jsx-runtime").JSX.Element;
+declare const InlineCitationCard: (props: InlineCitationCardProps) => ReactNode;
 type InlineCitationCardTriggerProps = ComponentProps<typeof Badge> & {
     sources: string[];
     icon?: ComponentType<{
         className?: string;
     }>;
 };
-declare const InlineCitationCardTrigger: ({ sources, icon: Icon, className, ...props }: InlineCitationCardTriggerProps) => import("react/jsx-runtime").JSX.Element;
+declare const InlineCitationCardTrigger: ({ sources, icon: Icon, className, ...props }: InlineCitationCardTriggerProps) => ReactNode;
 type InlineCitationCardBodyProps = ComponentProps<'div'>;
-declare const InlineCitationCardBody: ({ className, ...props }: InlineCitationCardBodyProps) => import("react/jsx-runtime").JSX.Element;
+declare const InlineCitationCardBody: ({ className, ...props }: InlineCitationCardBodyProps) => ReactNode;
 type InlineCitationSourceProps = ComponentProps<'div'> & {
     title?: string;
     url?: string;
     description?: string;
 };
-declare const InlineCitationSource: import('react').ForwardRefExoticComponent<Omit<InlineCitationSourceProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
-declare const InlineCitationQuote: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').BlockquoteHTMLAttributes<HTMLQuoteElement>, HTMLQuoteElement>, "ref"> & import('react').RefAttributes<HTMLQuoteElement>>;
+declare const InlineCitationSource: ForwardRefExoticComponent<Omit<InlineCitationSourceProps, 'ref'> & RefAttributes<HTMLDivElement>>;
+declare const InlineCitationQuote: ForwardRefExoticComponent<ComponentProps<'blockquote'> & RefAttributes<HTMLQuoteElement>>;
 export type InlineCitationLinkProps = Omit<ComponentProps<'a'>, 'target'> & {
     target?: '_blank' | '_self';
     icon?: ComponentType<{
@@ -29,5 +29,5 @@ export type InlineCitationLinkProps = Omit<ComponentProps<'a'>, 'target'> & {
     }>;
     variant?: 'mountain' | 'nordic' | 'fjord';
 };
-declare const InlineCitationLink: import('react').ForwardRefExoticComponent<Omit<InlineCitationLinkProps, "ref"> & import('react').RefAttributes<HTMLAnchorElement>>;
+declare const InlineCitationLink: ForwardRefExoticComponent<Omit<InlineCitationLinkProps, 'ref'> & RefAttributes<HTMLAnchorElement>>;
 export { InlineCitation, InlineCitationCard, InlineCitationCardBody, InlineCitationCardTrigger, InlineCitationGroup, InlineCitationLink, InlineCitationQuote, InlineCitationSource, InlineCitationText, };

package/dist/components/ui/core/inline-citation/inline-citation.js

@@ -1,8 +1,8 @@
-import { jsx as i, jsxs as d, Fragment as f } from "react/jsx-runtime";
+import { jsx as i, jsxs as d, Fragment as v } from "react/jsx-runtime";
 import { forwardRef as r } from "react";
 import { cn as o, getHostname as m } from "../../../../lib/utils.js";
 import { Badge as g } from "../badge/badge.js";
-import { HoverCard as v, HoverCardContent as x, HoverCardTrigger as b } from "../hover-card/hover-card.js";
+import { HoverCard as f, HoverCardContent as x, HoverCardTrigger as b } from "../hover-card/hover-card.js";
 const h = r(
   ({ className: e, ...n }, t) => /* @__PURE__ */ i(
     "span",
@@ -15,31 +15,35 @@ const h = r(
   )
 );
 h.displayName = "InlineCitation";
-const C = r(({ className: e, ...n }, t) => /* @__PURE__ */ i(
-  "div",
-  {
-    ref: t,
-    "data-slot": "inline-citation-group",
-    className: o("flex flex-wrap gap-2", e),
-    ...n
-  }
-));
+const C = r(
+  ({ className: e, ...n }, t) => /* @__PURE__ */ i(
+    "div",
+    {
+      ref: t,
+      "data-slot": "inline-citation-group",
+      className: o("flex flex-wrap gap-2", e),
+      ...n
+    }
+  )
+);
 C.displayName = "InlineCitationGroup";
-const N = r(({ className: e, ...n }, t) => /* @__PURE__ */ i(
-  "span",
-  {
-    ref: t,
-    "data-slot": "inline-citation-text",
-    className: o(
-      "transition-colors group-hover:bg-accent-background",
-      e
-    ),
-    ...n
-  }
-));
+const N = r(
+  ({ className: e, ...n }, t) => /* @__PURE__ */ i(
+    "span",
+    {
+      ref: t,
+      "data-slot": "inline-citation-text",
+      className: o(
+        "transition-colors group-hover:bg-accent-background",
+        e
+      ),
+      ...n
+    }
+  )
+);
 N.displayName = "InlineCitationText";
 const q = (e) => /* @__PURE__ */ i(
-  v,
+  f,
   {
     "data-slot": "inline-citation-card",
     closeDelay: 0,
@@ -59,14 +63,14 @@ const q = (e) => /* @__PURE__ */ i(
       {
         "data-slot": "inline-citation-card-trigger",
         className: o(
-          "ml-1 inline-flex items-center justify-center rounded-md border border-transparent bg-decorative-fjord-background px-1 text-sm leading-4.5 font-medium text-decorative-fjord-foreground whitespace-nowrap gap-1 transition-[color,box-shadow]",
+          "ml-1 inline-flex items-center justify-center rounded-md border border-transparent bg-decorative-background-fjord px-1 text-sm leading-4.5 font-medium text-decorative-foreground-fjord whitespace-nowrap gap-1 transition-[color,box-shadow]",
           "[&>svg]:size-3 [&>svg]:pointer-events-none",
           t
         ),
         ...a,
         children: [
           n && /* @__PURE__ */ i(n, { className: "size-3" }),
-          e[0] ? /* @__PURE__ */ d(f, { children: [
+          e[0] ? /* @__PURE__ */ d(v, { children: [
             m(e[0]),
             " ",
             e.length > 1 && `+${e.length - 1}`
@@ -85,35 +89,39 @@ const q = (e) => /* @__PURE__ */ i(
     className: o("relative w-80 p-0", e),
     ...n
   }
-), k = r(({ title: e, url: n, description: t, className: a, children: l, ...s }, c) => /* @__PURE__ */ d(
-  "div",
-  {
-    ref: c,
-    "data-slot": "inline-citation-source",
-    className: o("space-y-1", a),
-    ...s,
-    children: [
-      e && /* @__PURE__ */ i("h4", { className: "truncate font-medium text-sm leading-tight", children: e }),
-      n && /* @__PURE__ */ i("p", { className: "truncate break-all text-muted-foreground text-xs", children: n }),
-      t && /* @__PURE__ */ i("p", { className: "line-clamp-3 text-muted-foreground text-sm leading-relaxed", children: t }),
-      l
-    ]
-  }
-));
+), k = r(
+  ({ title: e, url: n, description: t, className: a, children: l, ...s }, c) => /* @__PURE__ */ d(
+    "div",
+    {
+      ref: c,
+      "data-slot": "inline-citation-source",
+      className: o("space-y-1", a),
+      ...s,
+      children: [
+        e && /* @__PURE__ */ i("h4", { className: "truncate font-medium text-sm leading-tight", children: e }),
+        n && /* @__PURE__ */ i("p", { className: "truncate break-all text-muted-foreground text-xs", children: n }),
+        t && /* @__PURE__ */ i("p", { className: "line-clamp-3 text-muted-foreground text-sm leading-relaxed", children: t }),
+        l
+      ]
+    }
+  )
+);
 k.displayName = "InlineCitationSource";
-const y = r(({ children: e, className: n, ...t }, a) => /* @__PURE__ */ i(
-  "blockquote",
-  {
-    ref: a,
-    "data-slot": "inline-citation-quote",
-    className: o(
-      "border-muted-background border-l-2 pl-3 text-muted-foreground text-sm italic",
-      n
-    ),
-    ...t,
-    children: e
-  }
-));
+const y = r(
+  ({ children: e, className: n, ...t }, a) => /* @__PURE__ */ i(
+    "blockquote",
+    {
+      ref: a,
+      "data-slot": "inline-citation-quote",
+      className: o(
+        "border-muted-background border-l-2 pl-3 text-muted-foreground text-sm italic",
+        n
+      ),
+      ...t,
+      children: e
+    }
+  )
+);
 y.displayName = "InlineCitationQuote";
 const I = r(
   ({
@@ -143,9 +151,9 @@ const I = r(
               "inline-flex items-center justify-center rounded-md border border-transparent px-1 text-sm leading-4.5 font-medium whitespace-nowrap gap-1 transition-colors",
               "[&>svg]:size-3 [&>svg]:pointer-events-none",
               {
-                mountain: "bg-decorative-mountain-background hover:bg-decorative-mountain-background-hover text-decorative-mountain-foreground",
-                nordic: "bg-decorative-nordic-background hover:bg-background-hover text-decorative-nordic-foreground",
-                fjord: "bg-decorative-fjord-background hover:bg-decorative-fjord-background-hover text-decorative-fjord-foreground"
+                mountain: "bg-decorative-background-mountain hover:bg-decorative-background-mountain-hover text-decorative-foreground-mountain",
+                nordic: "bg-decorative-background-nordic hover:bg-decorative-background-nordic-hover text-decorative-foreground-nordic",
+                fjord: "bg-decorative-background-fjord hover:bg-decorative-background-fjord-hover text-decorative-foreground-fjord"
               }[a],
               l
             ),

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

@@ -1,2 +1,3 @@
-declare const Input: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & import('react').RefAttributes<HTMLInputElement>>;
+import { ForwardRefExoticComponent, RefAttributes, ComponentProps } from 'react';
+declare const Input: ForwardRefExoticComponent<ComponentProps<'input'> & RefAttributes<HTMLInputElement>>;
 export { Input };

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

@@ -1,15 +1,19 @@
+import { ForwardRefExoticComponent, RefAttributes, ComponentProps } from 'react';
 import { VariantProps } from 'class-variance-authority';
-declare const InputGroup: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
-declare const InputGroupAddon: import('react').ForwardRefExoticComponent<Omit<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
-    align?: "block-end" | "block-start" | "inline-end" | "inline-start" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
-declare const InputGroupButton: import('react').ForwardRefExoticComponent<Omit<Omit<Omit<import('@base-ui/react').ButtonProps & VariantProps<(props?: ({
-    variant?: "default" | "secondary" | "outline" | "ghost" | "destructive" | null | undefined;
-    size?: "icon" | "default" | "sm" | "lg" | "icon-sm" | "icon-lg" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string>, "ref"> & import('react').RefAttributes<HTMLElement>, "size"> & VariantProps<(props?: ({
-    size?: "sm" | "icon-sm" | "xs" | "icon-xs" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string>, "ref"> & import('react').RefAttributes<HTMLElement>>;
-declare const InputGroupText: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import('react').RefAttributes<HTMLSpanElement>>;
-declare const InputGroupInput: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & import('react').RefAttributes<HTMLInputElement>>;
-declare const InputGroupTextarea: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref"> & import('react').RefAttributes<HTMLTextAreaElement>>;
+import { ClassProp } from 'class-variance-authority/types';
+import { Button } from '../button/button';
+declare const InputGroup: ForwardRefExoticComponent<ComponentProps<'div'> & RefAttributes<HTMLDivElement>>;
+interface InputGroupAddonVariantProps {
+    align?: 'inline-start' | 'inline-end' | 'block-start' | 'block-end' | null;
+}
+declare const inputGroupAddonVariants: (props?: (InputGroupAddonVariantProps & ClassProp) | undefined) => string;
+declare const InputGroupAddon: ForwardRefExoticComponent<ComponentProps<'div'> & VariantProps<typeof inputGroupAddonVariants> & RefAttributes<HTMLDivElement>>;
+interface InputGroupButtonVariantProps {
+    size?: 'xs' | 'sm' | 'icon-xs' | 'icon-sm' | null;
+}
+type InputGroupButtonProps = Omit<ComponentProps<typeof Button>, 'size'> & InputGroupButtonVariantProps;
+declare const InputGroupButton: ForwardRefExoticComponent<Omit<InputGroupButtonProps, 'ref'> & RefAttributes<HTMLElement>>;
+declare const InputGroupText: ForwardRefExoticComponent<ComponentProps<'span'> & RefAttributes<HTMLSpanElement>>;
+declare const InputGroupInput: ForwardRefExoticComponent<ComponentProps<'input'> & RefAttributes<HTMLInputElement>>;
+declare const InputGroupTextarea: ForwardRefExoticComponent<ComponentProps<'textarea'> & RefAttributes<HTMLTextAreaElement>>;
 export { InputGroup, InputGroupAddon, InputGroupButton, InputGroupText, InputGroupInput, InputGroupTextarea, };

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

@@ -74,22 +74,19 @@ const u = "[&>svg:not([class*='size-'])]:size-4 [&>svg]:shrink-0 [&>svg]:text-mu
   }
 ));
 f.displayName = "InputGroupAddon";
-const m = l(
-  "text-sm shadow-none flex gap-2 items-center",
-  {
-    variants: {
-      size: {
-        xs: "h-6 gap-1 px-2 rounded-sm [&>svg:not([class*='size-'])]:size-3.5 has-[>svg]:px-2",
-        sm: "h-7 px-2.5 gap-1.5 rounded-md has-[>svg]:px-2.5",
-        "icon-xs": "size-6 rounded-xs p-0 has-[>svg]:p-0",
-        "icon-sm": "size-7 p-0 has-[>svg]:p-0"
-      }
-    },
-    defaultVariants: {
-      size: "xs"
+const m = l("text-sm shadow-none flex gap-2 items-center", {
+  variants: {
+    size: {
+      xs: "h-6 gap-1 px-2 rounded-sm [&>svg:not([class*='size-'])]:size-3.5 has-[>svg]:px-2",
+      sm: "h-7 px-2.5 gap-1.5 rounded-md has-[>svg]:px-2.5",
+      "icon-xs": "size-6 rounded-xs p-0 has-[>svg]:p-0",
+      "icon-sm": "size-7 p-0 has-[>svg]:p-0"
     }
+  },
+  defaultVariants: {
+    size: "xs"
   }
-), x = s(
+}), x = s(
   ({ className: t, type: o = "button", variant: r = "ghost", size: i = "xs", ...a }, p) => /* @__PURE__ */ e(
     g,
     {
@@ -141,28 +138,30 @@ const k = s(
   )
 );
 k.displayName = "InputGroupInput";
-const w = s(({ className: t, ...o }, r) => /* @__PURE__ */ e(
-  b,
-  {
-    ref: r,
-    "data-slot": "input-group-control",
-    className: n(
-      "min-h-0 flex-1 resize-none rounded-lg border-0 bg-transparent py-3 shadow-none",
-      "tracking-[-0.04em]",
-      "hover:border-0 hover:bg-transparent hover:text-muted-foreground",
-      "filled:border-transparent",
-      "focus-visible:shadow-none focus-visible:border-transparent",
-      "read-only:focus-visible:bg-muted-background",
-      "aria-invalid:shadow-none aria-invalid:border-transparent",
-      "aria-invalid:[&:not(:placeholder-shown)]:border-transparent",
-      "aria-invalid:focus-visible:not(:read-only):bg-background aria-invalid:focus-visible:shadow-none aria-invalid:focus-visible:border-transparent",
-      "read-only:aria-invalid:focus-visible:bg-muted-background",
-      "read-only:text-muted-foreground [&:read-only:not(:placeholder-shown)]:text-muted-foreground",
-      t
-    ),
-    ...o
-  }
-));
+const w = s(
+  ({ className: t, ...o }, r) => /* @__PURE__ */ e(
+    b,
+    {
+      ref: r,
+      "data-slot": "input-group-control",
+      className: n(
+        "min-h-0 flex-1 resize-none rounded-lg border-0 bg-transparent py-3 shadow-none",
+        "tracking-[-0.04em]",
+        "hover:border-0 hover:bg-transparent hover:text-muted-foreground",
+        "filled:border-transparent",
+        "focus-visible:shadow-none focus-visible:border-transparent",
+        "read-only:focus-visible:bg-muted-background",
+        "aria-invalid:shadow-none aria-invalid:border-transparent",
+        "aria-invalid:[&:not(:placeholder-shown)]:border-transparent",
+        "aria-invalid:focus-visible:not(:read-only):bg-background aria-invalid:focus-visible:shadow-none aria-invalid:focus-visible:border-transparent",
+        "read-only:aria-invalid:focus-visible:bg-muted-background",
+        "read-only:text-muted-foreground [&:read-only:not(:placeholder-shown)]:text-muted-foreground",
+        t
+      ),
+      ...o
+    }
+  )
+);
 w.displayName = "InputGroupTextarea";
 export {
   h as InputGroup,

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

@@ -0,0 +1,4 @@
+import { ForwardRefExoticComponent, RefAttributes, ComponentProps } from 'react';
+declare const Kbd: ForwardRefExoticComponent<ComponentProps<'kbd'> & RefAttributes<HTMLElement>>;
+declare const KbdGroup: ForwardRefExoticComponent<ComponentProps<'span'> & RefAttributes<HTMLSpanElement>>;
+export { Kbd, KbdGroup };

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

@@ -0,0 +1,36 @@
+import { jsx as a } from "react/jsx-runtime";
+import { forwardRef as n } from "react";
+import { cn as d } from "../../../../lib/utils.js";
+const i = n(
+  ({ className: t, ...e }, o) => /* @__PURE__ */ a(
+    "kbd",
+    {
+      ref: o,
+      "data-slot": "kbd",
+      className: d(
+        "bg-muted-background text-muted-foreground pointer-events-none inline-flex h-5 w-fit min-w-5 items-center justify-center gap-1 rounded-md px-1 font-sans text-xs font-medium leading-4 select-none aria-disabled:bg-disabled-background aria-disabled:text-disabled-foreground aria-disabled:opacity-100",
+        "[&_svg:not([class*='size-'])]:size-3",
+        "in-data-[slot=tooltip-content]:bg-background/20 in-data-[slot=tooltip-content]:text-background dark:in-data-[slot=tooltip-content]:bg-background/10",
+        t
+      ),
+      ...e
+    }
+  )
+);
+i.displayName = "Kbd";
+const r = n(
+  ({ className: t, ...e }, o) => /* @__PURE__ */ a(
+    "span",
+    {
+      ref: o,
+      "data-slot": "kbd-group",
+      className: d("inline-flex items-center gap-1", t),
+      ...e
+    }
+  )
+);
+r.displayName = "KbdGroup";
+export {
+  i as Kbd,
+  r as KbdGroup
+};

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

@@ -1,4 +1,5 @@
-declare const Label: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref"> & {
+import { ComponentProps, ForwardRefExoticComponent, RefAttributes } from 'react';
+declare const Label: ForwardRefExoticComponent<ComponentProps<'label'> & {
     required?: boolean;
-} & import('react').RefAttributes<HTMLLabelElement>>;
+} & RefAttributes<HTMLLabelElement>>;
 export { Label };

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

@@ -1,7 +1,15 @@
-import { HTMLAttributes } from 'react';
-interface LoaderProps extends HTMLAttributes<HTMLDivElement> {
+import { ForwardRefExoticComponent, RefAttributes, HTMLAttributes } from 'react';
+type LoaderSharedProps = HTMLAttributes<HTMLDivElement>;
+interface InlineLoaderProps extends LoaderSharedProps {
+    variant?: 'inline';
     size?: number;
 }
-declare const Loader: import('react').ForwardRefExoticComponent<LoaderProps & import('react').RefAttributes<HTMLDivElement>>;
+interface PageLoaderProps extends LoaderSharedProps {
+    variant: 'page';
+    header: string;
+    description?: string;
+}
+type LoaderProps = InlineLoaderProps | PageLoaderProps;
+declare const Loader: ForwardRefExoticComponent<LoaderProps & RefAttributes<HTMLDivElement>>;
 export { Loader };
 export type { LoaderProps };