@cognite/aura 0.1.7 → 0.2.0

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

@@ -1,143 +1,187 @@
-import { jsx as d, jsxs as c } from "react/jsx-runtime";
-import { forwardRef as e } from "react";
-import { IconDotsVertical as n } from "@tabler/icons-react";
-import { cn as o } from "../../../../lib/utils.js";
-import { Button as i } from "../button/button.js";
-import { DropdownMenu as l, DropdownMenuTrigger as m, DropdownMenuContent as p } from "../dropdown-menu/dropdown-menu.js";
-const u = e(
-  ({ className: a, ...r }, t) => /* @__PURE__ */ d(
+import { jsx as e, jsxs as n } from "react/jsx-runtime";
+import { forwardRef as d } from "react";
+import { IconDotsVertical as l } from "@tabler/icons-react";
+import { cn as s } from "../../../../lib/utils.js";
+import { Button as c } from "../button/button.js";
+import { DropdownMenu as i, DropdownMenuTrigger as m, DropdownMenuContent as f } from "../dropdown-menu/dropdown-menu.js";
+const p = d(
+  ({ className: t, ...r }, a) => /* @__PURE__ */ e(
     "div",
     {
-      ref: t,
+      ref: a,
       "data-slot": "card",
-      className: o(
-        "bg-card-background text-foreground flex flex-col rounded-lg",
-        a
+      className: s(
+        "bg-card-background text-foreground flex flex-col rounded-xl p-4 gap-4",
+        t
       ),
       ...r
     }
   )
 );
-u.displayName = "Card";
-const h = e(
-  ({ className: a, ...r }, t) => /* @__PURE__ */ d(
+p.displayName = "Card";
+const u = d(
+  ({ className: t, children: r, ...a }, o) => /* @__PURE__ */ e(
     "div",
     {
-      ref: t,
-      "data-slot": "card-header",
-      className: o(
-        "@container/card-header group/card-header grid auto-rows-min items-start gap-1.5 px-4 pt-4 [.border-b]:pb-6",
-        "grid-cols-[1fr]",
-        "has-data-[slot=card-icon]:grid-cols-[auto_1fr]",
-        "has-data-[slot=card-header-right]:grid-cols-[1fr_auto]",
-        "has-data-[slot=card-icon]:has-data-[slot=card-header-right]:grid-cols-[auto_1fr_auto]",
-        a
+      ref: o,
+      "data-slot": "card-header-start",
+      className: s(
+        "col-start-1 row-start-1 h-12 self-stretch pt-1.5",
+        t
       ),
-      ...r
+      ...a,
+      children: /* @__PURE__ */ e("div", { className: "flex items-start h-full", children: r })
     }
   )
 );
-h.displayName = "CardHeader";
-const f = e(
-  ({ className: a, children: r, ...t }, s) => /* @__PURE__ */ d(
-    "div",
-    {
-      ref: s,
-      "data-slot": "card-icon",
-      className: o("col-start-1 row-start-1 h-full", a),
-      ...t,
-      children: /* @__PURE__ */ d("div", { className: "flex items-center h-full", children: r })
-    }
-  )
-);
-f.displayName = "CardIcon";
-const g = e(({ className: a, as: r = "h3", ...t }, s) => /* @__PURE__ */ d(
+u.displayName = "CardHeaderStart";
+const C = d(({ className: t, as: r = "h3", ...a }, o) => /* @__PURE__ */ e(
   r,
   {
-    ref: s,
+    ref: o,
     "data-slot": "card-title",
-    className: o(
-      "tracking-tightest text-foreground font-medium text-lg row-start-1",
-      "group-has-data-[slot=card-icon]/card-header:col-start-2",
-      a
+    className: s(
+      "tracking-tightest text-foreground font-medium text-lg leading-6 line-clamp-2 overflow-hidden",
+      t
     ),
-    ...t
+    ...a
   }
 ));
-g.displayName = "CardTitle";
-const C = e(
-  ({ className: a, ...r }, t) => /* @__PURE__ */ d(
+C.displayName = "CardTitle";
+const g = d(
+  ({ className: t, ...r }, a) => /* @__PURE__ */ e(
     "p",
     {
-      ref: t,
+      ref: a,
       "data-slot": "card-description",
-      className: o(
-        "text-muted-foreground text-sm row-start-2",
-        "group-has-data-[slot=card-icon]/card-header:col-start-2",
-        a
+      className: s(
+        "text-muted-foreground text-sm font-normal leading-5 tracking-tight line-clamp-2 overflow-hidden",
+        t
       ),
       ...r
     }
   )
 );
-C.displayName = "CardDescription";
-const N = e(
-  ({ className: a, ...r }, t) => /* @__PURE__ */ d(
+g.displayName = "CardDescription";
+const x = d(
+  ({ className: t, ...r }, a) => /* @__PURE__ */ e(
+    "div",
+    {
+      ref: a,
+      "data-slot": "card-header-end",
+      className: s(
+        "col-start-3 row-start-1 self-start justify-self-end flex justify-end items-start gap-1",
+        t
+      ),
+      ...r
+    }
+  )
+);
+x.displayName = "CardHeaderEnd";
+const N = d(
+  ({ className: t, children: r, ...a }, o) => /* @__PURE__ */ e(
+    "div",
+    {
+      ref: o,
+      "data-slot": "card-header",
+      className: s(
+        "group/card-header @container/card-header grid items-center gap-x-3 grid-cols-[auto_minmax(0,1fr)_auto]",
+        t
+      ),
+      ...a,
+      children: r
+    }
+  )
+);
+N.displayName = "CardHeader";
+const h = d(
+  ({ className: t, ...r }, a) => /* @__PURE__ */ e(
     "div",
     {
-      ref: t,
-      "data-slot": "card-header-right",
-      className: o(
-        "row-span-2 row-start-1 self-start justify-self-end",
-        a
+      ref: a,
+      "data-slot": "card-header-center",
+      className: s(
+        "col-start-1 row-start-1 min-w-0 flex flex-col justify-center",
+        "group-has-data-[slot=card-header-start]/card-header:col-start-2",
+        t
       ),
       ...r
     }
   )
 );
-N.displayName = "CardHeaderRight";
-const x = e(({ children: a, align: r = "end", ...t }, s) => /* @__PURE__ */ c(l, { ...t, children: [
-  /* @__PURE__ */ d(
+h.displayName = "CardHeaderCenter";
+const y = d(({ children: t, align: r = "end", ...a }, o) => /* @__PURE__ */ n(i, { ...a, children: [
+  /* @__PURE__ */ e(
     m,
     {
-      render: /* @__PURE__ */ d(i, { variant: "ghost", size: "icon-sm", ref: s, children: /* @__PURE__ */ d(n, {}) })
+      render: /* @__PURE__ */ e(c, { variant: "ghost", size: "icon-sm", ref: o, children: /* @__PURE__ */ e(l, {}) })
     }
   ),
-  /* @__PURE__ */ d(p, { align: r, children: a })
+  /* @__PURE__ */ e(f, { align: r, children: t })
 ] }));
-x.displayName = "CardActions";
-const w = e(
-  ({ className: a, ...r }, t) => /* @__PURE__ */ d(
+y.displayName = "CardActions";
+const v = d(
+  ({ className: t, ...r }, a) => /* @__PURE__ */ e(
     "div",
     {
-      ref: t,
+      ref: a,
       "data-slot": "card-content",
-      className: o("p-4", a),
+      className: s(
+        "text-secondary-foreground flex flex-col items-start gap-4 self-stretch",
+        t
+      ),
       ...r
     }
   )
 );
-w.displayName = "CardContent";
-const y = e(
-  ({ className: a, ...r }, t) => /* @__PURE__ */ d(
+v.displayName = "CardContent";
+const w = d(
+  ({ className: t, ...r }, a) => /* @__PURE__ */ e(
     "div",
     {
-      ref: t,
+      ref: a,
       "data-slot": "card-footer",
-      className: o("flex px-4 pb-4", a),
+      className: s("flex items-center gap-4 self-stretch", t),
+      ...r
+    }
+  )
+);
+w.displayName = "CardFooter";
+const H = d(
+  ({ className: t, ...r }, a) => /* @__PURE__ */ e(
+    "div",
+    {
+      ref: a,
+      "data-slot": "card-footer-start",
+      className: s("flex-1 flex items-start justify-start gap-2", t),
+      ...r
+    }
+  )
+);
+H.displayName = "CardFooterStart";
+const j = d(
+  ({ className: t, ...r }, a) => /* @__PURE__ */ e(
+    "div",
+    {
+      ref: a,
+      "data-slot": "card-footer-end",
+      className: s("flex items-center justify-end", t),
       ...r
     }
   )
 );
-y.displayName = "CardFooter";
+j.displayName = "CardFooterEnd";
 export {
-  u as Card,
-  x as CardActions,
-  w as CardContent,
-  C as CardDescription,
-  y as CardFooter,
-  h as CardHeader,
-  N as CardHeaderRight,
-  f as CardIcon,
-  g as CardTitle
+  p as Card,
+  y as CardActions,
+  v as CardContent,
+  g as CardDescription,
+  w as CardFooter,
+  j as CardFooterEnd,
+  H as CardFooterStart,
+  N as CardHeader,
+  h as CardHeaderCenter,
+  x as CardHeaderEnd,
+  u as CardHeaderStart,
+  C as CardTitle
 };

package/dist/components/ui/core/card/card.metadata.js

@@ -2,7 +2,7 @@ const e = {
   name: "Card",
   status: "in-progress-code-review",
   description: "A flexible card layout with header, content, action, and footer slots.",
-  llmUsage: "Use `<Card>` with `<CardHeader>`, `<CardTitle>`, `<CardDescription>`, `<CardContent>`, and `<CardFooter>` for structured content containers."
+  llmUsage: "Use `<Card>` with `<CardHeader>`, `<CardHeaderCenter>`, `<CardTitle>`, `<CardDescription>`, `<CardContent>`, and `<CardFooter>` for structured content containers."
 };
 export {
   e as CardMetadata

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

@@ -0,0 +1,13 @@
+import { HTMLAttributes } from 'react';
+import { VariantProps } from 'class-variance-authority';
+type Orientation = 'horizontal' | 'vertical';
+declare const CheckboxGroup: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
+    orientation?: Orientation;
+} & import('react').RefAttributes<HTMLDivElement>>;
+declare const CheckboxItem: 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 CheckboxItemControl: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').CheckboxRootProps, "ref"> & import('react').RefAttributes<HTMLElement>>;
+declare const CheckboxItemLabel: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLSpanElement> & import('react').RefAttributes<HTMLSpanElement>>;
+declare const CheckboxItemDescription: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLSpanElement> & import('react').RefAttributes<HTMLSpanElement>>;
+export { CheckboxGroup, CheckboxItem, CheckboxItemControl, CheckboxItemDescription, CheckboxItemLabel, };

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

@@ -0,0 +1,129 @@
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { forwardRef as r } from "react";
+import { Checkbox as i } from "@base-ui/react/checkbox";
+import { IconCheck as l, IconMinus as b } from "@tabler/icons-react";
+import { cva as m } from "class-variance-authority";
+import { cn as d, selectionItemBase as h, selectionItemCard as k, selectionItemDefault as u, invalidState as x, focusState as p, selectionItemLabel as g, selectionItemDescription as f } from "../../../../lib/utils.js";
+const I = r(
+  ({ className: a, orientation: e = "vertical", role: t = "group", ...c }, n) => /* @__PURE__ */ o(
+    "div",
+    {
+      ref: n,
+      role: t,
+      "data-slot": "checkbox-group",
+      "data-orientation": e,
+      className: d(
+        e === "horizontal" ? "flex items-center gap-2" : "grid has-[[data-variant=card]]:gap-2",
+        a
+      ),
+      ...c
+    }
+  )
+);
+I.displayName = "CheckboxGroup";
+const C = m(d("group/checkbox-item", h), {
+  variants: {
+    variant: {
+      default: u,
+      card: k
+    }
+  },
+  defaultVariants: {
+    variant: "default"
+  }
+}), v = r(
+  ({ className: a, variant: e, ...t }, c) => /* @__PURE__ */ o(
+    "label",
+    {
+      ref: c,
+      "data-slot": "checkbox-item",
+      "data-variant": e ?? "default",
+      className: d(C({ variant: e }), a),
+      ...t
+    }
+  )
+);
+v.displayName = "CheckboxItem";
+const N = r(({ className: a, ...e }, t) => /* @__PURE__ */ o(
+  i.Root,
+  {
+    ref: t,
+    "data-slot": "checkbox-item-control",
+    className: d(
+      "peer relative size-4 shrink-0 rounded-sm border-[1.5px] border-inactive-foreground bg-transparent text-foreground-on-primary outline-none transition-colors",
+      "[&:is([data-checked],[data-indeterminate]):not([data-disabled])]:border-transparent [&:is([data-checked],[data-indeterminate]):not([data-disabled])]:bg-primary-background",
+      "data-unchecked:not-data-disabled:hover:border-secondary-foreground group-hover/checkbox-item:data-unchecked:not-data-disabled:border-secondary-foreground",
+      "data-disabled:pointer-events-none data-disabled:cursor-not-allowed data-disabled:border-transparent data-disabled:bg-disabled-background data-disabled:text-disabled-foreground data-disabled:data-unchecked:border-border",
+      "[&[data-checked]_[data-slot=checkbox-check]]:block [&[data-indeterminate]_[data-slot=checkbox-dash]]:block",
+      p,
+      x,
+      a
+    ),
+    ...e,
+    children: /* @__PURE__ */ s(
+      i.Indicator,
+      {
+        "data-slot": "checkbox-indicator",
+        className: "grid size-full place-content-center text-current transition-none",
+        children: [
+          /* @__PURE__ */ o(
+            l,
+            {
+              "aria-hidden": "true",
+              "data-slot": "checkbox-check",
+              className: "hidden size-3",
+              stroke: 3
+            }
+          ),
+          /* @__PURE__ */ o(
+            b,
+            {
+              "aria-hidden": "true",
+              "data-slot": "checkbox-dash",
+              className: "hidden size-3",
+              stroke: 3.5
+            }
+          )
+        ]
+      }
+    )
+  }
+));
+N.displayName = "CheckboxItemControl";
+const y = r(({ className: a, ...e }, t) => /* @__PURE__ */ o(
+  "span",
+  {
+    ref: t,
+    "data-slot": "checkbox-item-label",
+    className: d(
+      g,
+      "group-has-[[data-checked]]/checkbox-item:text-foreground",
+      "group-has-[[data-indeterminate]]/checkbox-item:text-foreground",
+      "group-has-[[data-disabled]]/checkbox-item:text-disabled-foreground",
+      a
+    ),
+    ...e
+  }
+));
+y.displayName = "CheckboxItemLabel";
+const z = r(({ className: a, ...e }, t) => /* @__PURE__ */ o(
+  "span",
+  {
+    ref: t,
+    "data-slot": "checkbox-item-description",
+    className: d(
+      f,
+      "group-has-[[data-disabled]]/checkbox-item:text-disabled-foreground",
+      a
+    ),
+    ...e
+  }
+));
+z.displayName = "CheckboxItemDescription";
+export {
+  I as CheckboxGroup,
+  v as CheckboxItem,
+  N as CheckboxItemControl,
+  z as CheckboxItemDescription,
+  y as CheckboxItemLabel
+};

package/dist/components/ui/core/checkbox/checkbox.metadata.d.ts

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

package/dist/components/ui/core/checkbox/checkbox.metadata.js

@@ -0,0 +1,8 @@
+const e = {
+  name: "Checkbox",
+  description: "A composable checkbox group with optional label and description slots, including a card-style item variant and support for checked, unchecked, and indeterminate states.",
+  llmUsage: 'Use `<CheckboxGroup>` with `<CheckboxItem>` wrapping `<CheckboxItemControl />`, plus optional `<CheckboxItemLabel>` and `<CheckboxItemDescription>`. Always pass an accessible name on `<CheckboxItemControl>` via `aria-label` (or `aria-labelledby` pointing to the label\'s id) — the wrapping `<label>` element names the underlying hidden form input, but does not name the visible `role="checkbox"` element that screen readers focus on. `<CheckboxItemDescription>` is a visual slot at this primitive layer; if you need it announced by screen readers, give it an `id` and pass `aria-describedby` to `<CheckboxItemControl>`. Use `variant="card"` on `<CheckboxItem>` for card-style options. `<CheckboxItemControl>` supports `checked`, `defaultChecked`, `indeterminate`, `onCheckedChange`, `disabled`, and `required` for form integration.'
+};
+export {
+  e as CheckboxMetadata
+};

package/dist/components/ui/core/code-block/code-block.d.ts

@@ -20,7 +20,7 @@ type CodeBlockCopyButtonProps = ComponentProps<typeof Button> & {
 declare const CodeBlockCopyButton: import('react').ForwardRefExoticComponent<Omit<CodeBlockCopyButtonProps, "ref"> & import('react').RefAttributes<HTMLElement>>;
 declare const CodeBlockCollapseButton: import('react').ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').ButtonProps & import('class-variance-authority').VariantProps<(props?: ({
     variant?: "default" | "secondary" | "outline" | "ghost" | "destructive" | null | undefined;
-    size?: "icon" | "default" | "sm" | "lg" | "icon-sm" | "icon-lg" | null | undefined;
+    size?: "default" | "sm" | "lg" | "icon" | "icon-sm" | "icon-lg" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string>, "ref"> & import('react').RefAttributes<HTMLElement>, "ref"> & import('react').RefAttributes<HTMLElement>>;
 type CodeBlockDownloadButtonProps = ComponentProps<typeof Button> & {
     fileName?: string;

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

@@ -31,7 +31,7 @@ declare const CommandInput: import('react').ForwardRefExoticComponent<Omit<Omit<
     ref?: React.Ref<HTMLInputElement>;
 } & {
     asChild?: boolean;
-}, "key" | keyof import('react').InputHTMLAttributes<HTMLInputElement> | "asChild">, "onChange" | "value" | "type"> & {
+}, "key" | keyof import('react').InputHTMLAttributes<HTMLInputElement> | "asChild">, "type" | "value" | "onChange"> & {
     value?: string;
     onValueChange?: (search: string) => void;
 } & import('react').RefAttributes<HTMLInputElement>, "ref"> & import('react').RefAttributes<HTMLInputElement>>;
@@ -75,7 +75,7 @@ declare const CommandItem: import('react').ForwardRefExoticComponent<Omit<{
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "key" | keyof import('react').HTMLAttributes<HTMLDivElement> | "asChild">, "onSelect" | "value" | "disabled"> & {
+}, "key" | keyof import('react').HTMLAttributes<HTMLDivElement> | "asChild">, "disabled" | "value" | "onSelect"> & {
     disabled?: boolean;
     onSelect?: (value: string) => void;
     value?: string;

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

@@ -0,0 +1,8 @@
+import { VariantProps } from 'class-variance-authority';
+declare const countVariants: (props?: ({
+    variant?: "default" | "warning" | "critical" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+declare const Count: import('react').ForwardRefExoticComponent<Omit<import('react').ClassAttributes<HTMLOutputElement> & import('react').OutputHTMLAttributes<HTMLOutputElement> & VariantProps<(props?: ({
+    variant?: "default" | "warning" | "critical" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string>, "ref"> & import('react').RefAttributes<HTMLOutputElement>>;
+export { Count, countVariants };

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

@@ -0,0 +1,32 @@
+import { jsx as e } from "react/jsx-runtime";
+import { forwardRef as o } from "react";
+import { cva as i } from "class-variance-authority";
+import { cn as u } from "../../../../lib/utils.js";
+const c = i(
+  "flex min-h-9 min-w-9 flex-col items-center justify-center rounded-sm px-0.5 text-3xl font-medium leading-8 tracking-tightest",
+  {
+    variants: {
+      variant: {
+        default: "bg-neutral-background text-neutral-foreground-on-neutral",
+        warning: "bg-warning-background text-warning-foreground-on-warning",
+        critical: "bg-destructive-background text-destructive-foreground-on-critical"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+), d = o(({ className: t, variant: r, ...n }, a) => /* @__PURE__ */ e(
+  "output",
+  {
+    ref: a,
+    "data-slot": "count",
+    className: u(c({ variant: r }), t),
+    ...n
+  }
+));
+d.displayName = "Count";
+export {
+  d as Count,
+  c as countVariants
+};

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",
@@ -39,7 +39,7 @@ const N = r(({ className: e, ...n }, t) => /* @__PURE__ */ i(
 ));
 N.displayName = "InlineCitationText";
 const q = (e) => /* @__PURE__ */ i(
-  v,
+  f,
   {
     "data-slot": "inline-citation-card",
     closeDelay: 0,
@@ -59,14 +59,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}`
@@ -143,9 +143,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-group/input-group.d.ts

@@ -5,7 +5,7 @@ declare const InputGroupAddon: import('react').ForwardRefExoticComponent<Omit<im
 } & 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;
+    size?: "default" | "sm" | "lg" | "icon" | "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>>;

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

@@ -0,0 +1,3 @@
+declare const Kbd: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & import('react').RefAttributes<HTMLElement>>;
+declare const KbdGroup: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import('react').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/kbd/kbd.metadata.d.ts

@@ -0,0 +1,2 @@
+import { ComponentMeta } from '@cognite/aura/components';
+export declare const KbdMetadata: ComponentMeta;

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

@@ -0,0 +1,9 @@
+const e = {
+  name: "Kbd",
+  status: "draft",
+  description: "A keyboard key component for displaying keyboard shortcuts.",
+  llmUsage: "Use `<Kbd>` to display a single keyboard key. Use `<KbdGroup>` to group `<Kbd>` components together for chords or related shortcuts (e.g. `<KbdGroup><Kbd>⌘</Kbd><Kbd>K</Kbd></KbdGroup>`). Each `<Kbd>` should contain exactly one key — never put multiple keys in a single `<Kbd>`."
+};
+export {
+  e as KbdMetadata
+};

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

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