@cognite/aura 0.1.5 → 0.1.6

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

@@ -1,55 +1,158 @@
 import { jsx as r } from "react/jsx-runtime";
-import { forwardRef as m } from "react";
-import { Popover as t } from "@base-ui/react/popover";
-import { usePortalContainer as l } from "../../../../lib/portal-container-context.js";
-import { cn as f } from "../../../../lib/utils.js";
-function c(o) {
-  return /* @__PURE__ */ r(t.Root, { "data-slot": "popover", ...o });
+import { forwardRef as a } from "react";
+import { Popover as i } from "@base-ui/react/popover";
+import { IconX as c } from "@tabler/icons-react";
+import { usePortalContainer as f } from "../../../../lib/portal-container-context.js";
+import { cn as s } from "../../../../lib/utils.js";
+import { Button as v } from "../button/button.js";
+function u(e) {
+  return /* @__PURE__ */ r(i.Root, { "data-slot": "popover", ...e });
 }
-c.displayName = "Popover";
-function z({
-  children: o,
-  ...e
+u.displayName = "Popover";
+function D({
+  children: e,
+  ...o
 }) {
-  return /* @__PURE__ */ r(t.Trigger, { "data-slot": "popover-trigger", ...e, children: o });
+  return /* @__PURE__ */ r(i.Trigger, { "data-slot": "popover-trigger", ...o, children: e });
 }
-const g = m(
+const g = a(
+  ({ className: e, ...o }, t) => /* @__PURE__ */ r(
+    "div",
+    {
+      ref: t,
+      "data-slot": "popover-header",
+      className: s(
+        "flex flex-col items-start gap-2 self-stretch",
+        e
+      ),
+      ...o
+    }
+  )
+);
+g.displayName = "PopoverHeader";
+const h = a(
+  ({ className: e, ...o }, t) => /* @__PURE__ */ r(
+    "div",
+    {
+      ref: t,
+      "data-slot": "popover-header-content",
+      className: s(
+        "flex items-start justify-between self-stretch",
+        e
+      ),
+      ...o
+    }
+  )
+);
+h.displayName = "PopoverHeaderContent";
+const P = a(
+  ({ className: e, children: o, ...t }, n) => /* @__PURE__ */ r(
+    "h3",
+    {
+      ref: n,
+      "data-slot": "popover-title",
+      className: s(
+        "flex h-7 flex-1 flex-col justify-center self-stretch overflow-hidden text-ellipsis whitespace-nowrap text-base font-medium text-foreground leading-5 tracking-tighter",
+        e
+      ),
+      ...t,
+      children: o
+    }
+  )
+);
+P.displayName = "PopoverTitle";
+const x = a(({ className: e, ...o }, t) => /* @__PURE__ */ r(
+  "p",
+  {
+    ref: t,
+    "data-slot": "popover-description",
+    className: s(
+      "self-stretch text-sm font-normal text-secondary-foreground leading-[18px] tracking-tight",
+      e
+    ),
+    ...o
+  }
+));
+x.displayName = "PopoverDescription";
+const N = a(
+  ({ className: e, ...o }, t) => /* @__PURE__ */ r(
+    "div",
+    {
+      ref: t,
+      "data-slot": "popover-slot",
+      className: s(
+        "flex flex-col items-start gap-3 self-stretch",
+        e
+      ),
+      ...o
+    }
+  )
+);
+N.displayName = "PopoverSlot";
+const b = a(
+  ({ className: e, children: o, "aria-label": t = "Close", ...n }, l) => /* @__PURE__ */ r(
+    i.Close,
+    {
+      "data-slot": "popover-close",
+      render: /* @__PURE__ */ r(
+        v,
+        {
+          ref: l,
+          variant: "ghost",
+          size: "icon-sm",
+          className: s("h-7 w-7 shrink-0", e),
+          "aria-label": t,
+          ...n,
+          children: o ?? /* @__PURE__ */ r(c, { className: "h-4 w-4" })
+        }
+      )
+    }
+  )
+);
+b.displayName = "PopoverClose";
+const y = a(
   ({
-    className: o,
-    align: e = "center",
-    alignOffset: a = 0,
+    className: e,
+    align: o = "center",
+    alignOffset: t = 0,
     side: n = "bottom",
-    sideOffset: i = 4,
-    ...d
-  }, p) => {
-    const s = l();
-    return /* @__PURE__ */ r(t.Portal, { container: s, children: /* @__PURE__ */ r(
-      t.Positioner,
+    sideOffset: l = 4,
+    ...p
+  }, d) => {
+    const m = f();
+    return /* @__PURE__ */ r(i.Portal, { container: m, children: /* @__PURE__ */ r(
+      i.Positioner,
       {
-        align: e,
-        alignOffset: a,
+        align: o,
+        alignOffset: t,
         side: n,
-        sideOffset: i,
+        sideOffset: l,
         className: "isolate z-50",
         children: /* @__PURE__ */ r(
-          t.Popup,
+          i.Popup,
           {
-            ref: p,
+            ref: d,
             "data-slot": "popover-content",
-            className: f(
-              "bg-popover text-popover-foreground data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-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 z-50 w-72 origin-[var(--transform-origin)] rounded-lg border border-border p-3 gap-2 shadow-md outline-none",
-              o
+            className: s(
+              "bg-popover-background text-foreground data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-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 z-50 flex w-72 flex-col items-start origin-[var(--transform-origin)] rounded-xl border border-border p-4 gap-2 shadow-default outline-none",
+              e
             ),
-            ...d
+            ...p
           }
         )
       }
     ) });
   }
 );
-g.displayName = "PopoverContent";
+y.displayName = "PopoverContent";
 export {
-  c as Popover,
-  g as PopoverContent,
-  z as PopoverTrigger
+  u as Popover,
+  b as PopoverClose,
+  y as PopoverContent,
+  x as PopoverDescription,
+  g as PopoverHeader,
+  h as PopoverHeaderContent,
+  N as PopoverSlot,
+  P as PopoverTitle,
+  D as PopoverTrigger
 };

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

@@ -0,0 +1,9 @@
+const o = {
+  name: "Popover",
+  status: "in-progress-code-review",
+  description: "A floating panel anchored to a trigger, with composable header, title, description, close, and slot subcomponents built on Base UI Popover primitives.",
+  llmUsage: "Use `<Popover>` with `<PopoverTrigger>` and `<PopoverContent>`, then compose content with `<PopoverHeader>`, `<PopoverHeaderContent>`, `<PopoverTitle>`, `<PopoverDescription>`, optional `<PopoverClose>`, and `<PopoverSlot>`."
+};
+export {
+  o as PopoverMetadata
+};

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

@@ -0,0 +1,10 @@
+import { Progress as ProgressPrimitive } from '@base-ui/react/progress';
+import { VariantProps } from 'class-variance-authority';
+declare const progressTrackVariants: (props?: ({
+    size?: "default" | "sm" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+type ProgressProps = ProgressPrimitive.Root.Props & VariantProps<typeof progressTrackVariants> & {
+    max?: number;
+};
+declare const Progress: import('react').ForwardRefExoticComponent<Omit<ProgressProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export { Progress };

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

@@ -0,0 +1,61 @@
+import { jsx as r } from "react/jsx-runtime";
+import { forwardRef as h } from "react";
+import { Progress as s } from "@base-ui/react/progress";
+import { cva as b } from "class-variance-authority";
+import { cn as l } from "../../../../lib/utils.js";
+const k = b(
+  "relative w-full overflow-hidden rounded-full bg-muted-background",
+  {
+    variants: {
+      size: {
+        default: "h-2",
+        sm: "h-1"
+      }
+    },
+    defaultVariants: {
+      size: "default"
+    }
+  }
+), v = h(
+  ({
+    className: i,
+    value: c = 0,
+    max: t = 100,
+    size: n,
+    "aria-label": d,
+    ...m
+  }, f) => {
+    const u = c ?? 0, a = t > 0 ? t : 100, e = Math.max(0, Math.min(u, a)), o = e * 100 / a, g = { width: `${o}%` }, p = `Progress: ${Math.round(o)}%`;
+    return /* @__PURE__ */ r(
+      s.Root,
+      {
+        ref: f,
+        "data-slot": "progress",
+        className: l("block w-full", i),
+        value: e,
+        max: a,
+        "aria-label": d ?? p,
+        ...m,
+        children: /* @__PURE__ */ r(
+          s.Track,
+          {
+            "data-slot": "progress-track",
+            className: l(k({ size: n })),
+            children: /* @__PURE__ */ r(
+              s.Indicator,
+              {
+                "data-slot": "progress-indicator",
+                className: "bg-active-background h-full transition-[width]",
+                style: g
+              }
+            )
+          }
+        )
+      }
+    );
+  }
+);
+v.displayName = "Progress";
+export {
+  v as Progress
+};

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

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

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

@@ -0,0 +1,9 @@
+const s = {
+  name: "Progress",
+  status: "in-progress-code-review",
+  description: "A progress bar component for showing completion status.",
+  llmUsage: 'Use `<Progress value={66} size="sm" />` to show progress percentage with optional compact sizing.'
+};
+export {
+  s as ProgressMetadata
+};

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

@@ -44,8 +44,8 @@ type PromptInputToolsProps = HTMLAttributes<HTMLDivElement>;
 declare const PromptInputTools: import('react').ForwardRefExoticComponent<PromptInputToolsProps & import('react').RefAttributes<HTMLDivElement>>;
 type PromptInputButtonProps = ComponentProps<typeof InputGroupButton>;
 declare const PromptInputButton: import('react').ForwardRefExoticComponent<Omit<Omit<Omit<Omit<import('@base-ui/react').ButtonProps & import('class-variance-authority').VariantProps<(props?: ({
-    variant?: "link" | "default" | "destructive" | "secondary" | "outline" | "ghost" | null | undefined;
-    size?: "default" | "sm" | "lg" | "icon" | "icon-sm" | "icon-lg" | null | undefined;
+    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"> & import('class-variance-authority').VariantProps<(props?: ({
     size?: "sm" | "icon-sm" | "xs" | "icon-xs" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string>, "ref"> & import('react').RefAttributes<HTMLElement>, "ref"> & import('react').RefAttributes<HTMLElement>>;