@cognite/aura 0.1.7 → 0.3.0

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

@@ -0,0 +1,335 @@
+import { jsx as i, jsxs as L } from "react/jsx-runtime";
+import { forwardRef as r } from "react";
+import { IconDots as I, IconChevronsLeft as w, IconChevronsRight as C, IconChevronRight as T, IconChevronLeft as B } from "@tabler/icons-react";
+import { cva as x } from "class-variance-authority";
+import { cn as l } from "../../../../lib/utils.js";
+import { Button as z } from "../button/button.js";
+import { SelectTrigger as _ } from "../select/select.js";
+import { PaginationSizeContext as k, usePaginationSize as g } from "./pagination-size-context.js";
+const y = x(
+  "text-base font-normal leading-5 tracking-tightest text-secondary-foreground hover:bg-active-muted-background-hover hover:text-active-foreground focus-visible:bg-active-muted-background focus-visible:text-active-foreground focus-visible:shadow-focus-ring",
+  {
+    variants: {
+      size: {
+        default: "",
+        small: "text-sm leading-4.5 tracking-tight"
+      },
+      active: {
+        true: "bg-active-muted-background text-active-foreground",
+        false: ""
+      }
+    },
+    defaultVariants: {
+      size: "default",
+      active: !1
+    }
+  }
+), R = x(
+  "flex items-center justify-center text-secondary-foreground",
+  {
+    variants: {
+      size: {
+        default: "h-9 w-9",
+        small: "h-7 w-7"
+      }
+    },
+    defaultVariants: {
+      size: "default"
+    }
+  }
+), W = x(
+  [
+    "w-auto whitespace-nowrap min-h-0 py-1.75 text-sm leading-4.5 tracking-normal font-medium",
+    "bg-background text-foreground border-border-emphasized",
+    "hover:bg-accent-background hover:border-border-emphasized",
+    "focus-visible:bg-background focus-visible:text-foreground focus-visible:border-border-emphasized",
+    "dark:bg-background dark:hover:bg-accent-background"
+  ],
+  {
+    variants: {
+      size: {
+        default: "h-9 gap-2 rounded-lg px-3 min-w-19",
+        sm: "h-7 gap-1.5 rounded-md px-2 min-w-16"
+      }
+    },
+    defaultVariants: {
+      size: "default"
+    }
+  }
+), E = {
+  small: "max-w-7",
+  default: "max-w-9"
+}, V = {
+  small: "min-w-7",
+  default: "min-w-9"
+}, N = (a = "default") => {
+  const t = a === "small" ? "sm" : "default", e = a === "small" ? "rounded-md" : "rounded-lg", n = E[a], o = V[a];
+  return {
+    buttonSize: t,
+    radiusClass: e,
+    iconButtonWidth: n,
+    textLinkWidth: o
+  };
+}, j = r(({ className: a, size: t = "default", ...e }, n) => /* @__PURE__ */ i(k.Provider, { value: t, children: /* @__PURE__ */ i(
+  "nav",
+  {
+    ref: n,
+    "aria-label": "pagination",
+    "data-slot": "pagination",
+    className: l("mx-auto flex w-full justify-center gap-2", a),
+    ...e
+  }
+) }));
+j.displayName = "Pagination";
+const G = r(({ className: a, size: t, ...e }, n) => {
+  const o = g(), s = t ?? o;
+  return /* @__PURE__ */ i(k.Provider, { value: s, children: /* @__PURE__ */ i(
+    "ul",
+    {
+      ref: n,
+      "data-slot": "pagination-content",
+      "data-size": s,
+      className: l("flex flex-row items-center gap-1", a),
+      ...e
+    }
+  ) });
+});
+G.displayName = "PaginationContent";
+const F = r((a, t) => /* @__PURE__ */ i("li", { ref: t, "data-slot": "pagination-item", ...a }));
+F.displayName = "PaginationItem";
+const H = r(
+  ({ className: a, ...t }, e) => /* @__PURE__ */ i(
+    "output",
+    {
+      ref: e,
+      "data-slot": "pagination-status",
+      className: l(
+        "flex items-center text-sm leading-4.5 tracking-tight font-normal text-muted-foreground",
+        a
+      ),
+      ...t
+    }
+  )
+);
+H.displayName = "PaginationStatus";
+const O = r(({ className: a, size: t, style: e, ...n }, o) => {
+  const d = g() === "small" && t === void 0, c = t ?? (d ? "sm" : "default");
+  return /* @__PURE__ */ i(
+    _,
+    {
+      ref: o,
+      size: c,
+      "data-slot": "pagination-select-trigger",
+      style: e,
+      className: l(
+        W({ size: c }),
+        a
+      ),
+      ...n
+    }
+  );
+});
+O.displayName = "PaginationSelectTrigger";
+const Y = r(
+  ({ children: a, className: t, isActive: e, isDisabled: n, onClick: o, size: s, ...d }, c) => {
+    const v = g(), m = s ?? v, { buttonSize: p, radiusClass: h, textLinkWidth: P } = N(m), b = (f) => {
+      if (n) {
+        f.preventDefault();
+        return;
+      }
+      o?.(f);
+    };
+    return /* @__PURE__ */ i(
+      z,
+      {
+        variant: "ghost",
+        size: p,
+        "data-slot": "pagination-link",
+        "data-active": e,
+        className: l(
+          h,
+          P,
+          y({ size: m, active: e }),
+          n && "pointer-events-none opacity-50",
+          t
+        ),
+        render: /* @__PURE__ */ i(
+          "a",
+          {
+            ref: c,
+            "aria-current": e ? "page" : void 0,
+            "aria-disabled": n || void 0,
+            onClick: b,
+            tabIndex: n ? -1 : void 0,
+            ...d,
+            children: a
+          }
+        )
+      }
+    );
+  }
+);
+Y.displayName = "PaginationLink";
+const u = r(
+  ({
+    ariaLabel: a,
+    className: t,
+    dataSlot: e,
+    icon: n,
+    isDisabled: o,
+    onClick: s,
+    size: d,
+    ...c
+  }, v) => {
+    const m = g(), p = d ?? m, { buttonSize: h, radiusClass: P, iconButtonWidth: b } = N(p), f = (S) => {
+      if (o) {
+        S.preventDefault();
+        return;
+      }
+      s?.(S);
+    };
+    return /* @__PURE__ */ i(
+      z,
+      {
+        variant: "ghost",
+        size: h,
+        "data-slot": e,
+        className: l(
+          P,
+          b,
+          y({ size: p, active: !1 }),
+          o && "pointer-events-none opacity-50",
+          t
+        ),
+        render: /* @__PURE__ */ i(
+          "a",
+          {
+            ref: v,
+            "aria-label": a,
+            "aria-disabled": o || void 0,
+            onClick: f,
+            tabIndex: o ? -1 : void 0,
+            ...c,
+            children: n
+          }
+        )
+      }
+    );
+  }
+);
+u.displayName = "PaginationIconLink";
+const Z = r(({ className: a, size: t, label: e = "Go to first page", ...n }, o) => /* @__PURE__ */ i(
+  u,
+  {
+    ref: o,
+    dataSlot: "pagination-first",
+    ariaLabel: e,
+    icon: /* @__PURE__ */ i(w, {}),
+    className: a,
+    size: t,
+    ...n
+  }
+));
+Z.displayName = "PaginationFirst";
+const K = r(({ className: a, size: t, label: e = "Go to previous page", ...n }, o) => /* @__PURE__ */ i(
+  u,
+  {
+    ref: o,
+    dataSlot: "pagination-previous",
+    ariaLabel: e,
+    icon: /* @__PURE__ */ i(B, {}),
+    className: a,
+    size: t,
+    ...n
+  }
+));
+K.displayName = "PaginationPrevious";
+const M = r(({ className: a, size: t, label: e = "Go to next page", ...n }, o) => /* @__PURE__ */ i(
+  u,
+  {
+    ref: o,
+    dataSlot: "pagination-next",
+    ariaLabel: e,
+    icon: /* @__PURE__ */ i(T, {}),
+    className: a,
+    size: t,
+    ...n
+  }
+));
+M.displayName = "PaginationNext";
+const U = r(({ className: a, size: t, label: e = "Go to last page", ...n }, o) => /* @__PURE__ */ i(
+  u,
+  {
+    ref: o,
+    dataSlot: "pagination-last",
+    ariaLabel: e,
+    icon: /* @__PURE__ */ i(C, {}),
+    className: a,
+    size: t,
+    ...n
+  }
+));
+U.displayName = "PaginationLast";
+const X = r(({ className: a, size: t, label: e = "More pages", ...n }, o) => {
+  const s = g(), d = t ?? s, { iconButtonWidth: c } = N(d);
+  return /* @__PURE__ */ L(
+    "span",
+    {
+      ref: o,
+      "data-slot": "pagination-ellipsis",
+      className: l(
+        c,
+        R({ size: d }),
+        a
+      ),
+      ...n,
+      children: [
+        /* @__PURE__ */ i(I, { "aria-hidden": "true", className: "h-4 w-4" }),
+        /* @__PURE__ */ i("span", { className: "sr-only", children: e })
+      ]
+    }
+  );
+});
+X.displayName = "PaginationEllipsis";
+const q = r(
+  ({ className: a, ...t }, e) => /* @__PURE__ */ i(
+    "li",
+    {
+      ref: e,
+      "data-slot": "pagination-results-per-page",
+      className: l("flex items-center gap-2 pl-3", a),
+      ...t
+    }
+  )
+);
+q.displayName = "PaginationResultsPerPage";
+const J = r(
+  ({ className: a, ...t }, e) => /* @__PURE__ */ i(
+    "span",
+    {
+      ref: e,
+      "data-slot": "pagination-results-per-page-label",
+      className: l(
+        "text-sm leading-4.5 tracking-tight font-normal text-muted-foreground",
+        a
+      ),
+      ...t
+    }
+  )
+);
+J.displayName = "PaginationResultsPerPageLabel";
+export {
+  j as Pagination,
+  G as PaginationContent,
+  X as PaginationEllipsis,
+  Z as PaginationFirst,
+  F as PaginationItem,
+  U as PaginationLast,
+  Y as PaginationLink,
+  M as PaginationNext,
+  K as PaginationPrevious,
+  q as PaginationResultsPerPage,
+  J as PaginationResultsPerPageLabel,
+  O as PaginationSelectTrigger,
+  H as PaginationStatus
+};

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

@@ -1,17 +1,13 @@
-import { Popover as PopoverPrimitive } from '@base-ui/react/popover';
-declare function Popover(props: PopoverPrimitive.Root.Props): import("react/jsx-runtime").JSX.Element;
-declare namespace Popover {
-    var displayName: string;
-}
-declare function PopoverTrigger({ children, ...props }: PopoverPrimitive.Trigger.Props): import("react/jsx-runtime").JSX.Element;
-declare const PopoverHeader: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
-declare const PopoverHeaderContent: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
-declare const PopoverTitle: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref"> & import('react').RefAttributes<HTMLHeadingElement>>;
-declare const PopoverDescription: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & import('react').RefAttributes<HTMLParagraphElement>>;
-declare const PopoverSlot: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
-declare const PopoverClose: 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;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string>, "ref"> & import('react').RefAttributes<HTMLElement>, "ref"> & import('react').RefAttributes<HTMLElement>>;
-declare const PopoverContent: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').PopoverPopupProps & Pick<import('@base-ui/react').PopoverPositionerProps, "align" | "alignOffset" | "side" | "sideOffset">, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+import { ForwardRefExoticComponent, RefAttributes, ComponentProps, ReactNode } from 'react';
+import { PopoverPopupProps, PopoverPositionerProps, Popover as PopoverPrimitive } from '@base-ui/react/popover';
+import { Button } from '../button/button';
+declare function Popover(props: PopoverPrimitive.Root.Props): ReactNode;
+declare function PopoverTrigger({ children, ...props }: PopoverPrimitive.Trigger.Props): ReactNode;
+declare const PopoverHeader: ForwardRefExoticComponent<ComponentProps<'div'> & RefAttributes<HTMLDivElement>>;
+declare const PopoverHeaderContent: ForwardRefExoticComponent<ComponentProps<'div'> & RefAttributes<HTMLDivElement>>;
+declare const PopoverTitle: ForwardRefExoticComponent<ComponentProps<'h3'> & RefAttributes<HTMLHeadingElement>>;
+declare const PopoverDescription: ForwardRefExoticComponent<ComponentProps<'p'> & RefAttributes<HTMLParagraphElement>>;
+declare const PopoverSlot: ForwardRefExoticComponent<ComponentProps<'div'> & RefAttributes<HTMLDivElement>>;
+declare const PopoverClose: ForwardRefExoticComponent<Omit<ComponentProps<typeof Button>, 'ref'> & RefAttributes<HTMLElement>>;
+declare const PopoverContent: ForwardRefExoticComponent<Omit<PopoverPopupProps & Pick<PopoverPositionerProps, 'align' | 'alignOffset' | 'side' | 'sideOffset'>, 'ref'> & RefAttributes<HTMLDivElement>>;
 export { Popover, PopoverClose, PopoverContent, PopoverDescription, PopoverHeader, PopoverHeaderContent, PopoverSlot, PopoverTitle, PopoverTrigger, };

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

@@ -1,21 +1,20 @@
 import { jsx as r } from "react/jsx-runtime";
 import { forwardRef as a } from "react";
-import { Popover as i } from "@base-ui/react/popover";
-import { IconX as c } from "@tabler/icons-react";
+import { Popover as n } from "@base-ui/react/popover";
+import { IconX as m } 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 });
+function j(e) {
+  return /* @__PURE__ */ r(n.Root, { "data-slot": "popover", ...e });
 }
-u.displayName = "Popover";
 function D({
   children: e,
   ...o
 }) {
-  return /* @__PURE__ */ r(i.Trigger, { "data-slot": "popover-trigger", ...o, children: e });
+  return /* @__PURE__ */ r(n.Trigger, { "data-slot": "popover-trigger", ...o, children: e });
 }
-const g = a(
+const u = a(
   ({ className: e, ...o }, t) => /* @__PURE__ */ r(
     "div",
     {
@@ -29,8 +28,8 @@ const g = a(
     }
   )
 );
-g.displayName = "PopoverHeader";
-const h = a(
+u.displayName = "PopoverHeader";
+const g = a(
   ({ className: e, ...o }, t) => /* @__PURE__ */ r(
     "div",
     {
@@ -44,12 +43,12 @@ const h = a(
     }
   )
 );
-h.displayName = "PopoverHeaderContent";
-const P = a(
-  ({ className: e, children: o, ...t }, n) => /* @__PURE__ */ r(
+g.displayName = "PopoverHeaderContent";
+const h = a(
+  ({ className: e, children: o, ...t }, i) => /* @__PURE__ */ r(
     "h3",
     {
-      ref: n,
+      ref: i,
       "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",
@@ -60,21 +59,23 @@ const P = a(
     }
   )
 );
-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(
+h.displayName = "PopoverTitle";
+const P = 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
+    }
+  )
+);
+P.displayName = "PopoverDescription";
+const x = a(
   ({ className: e, ...o }, t) => /* @__PURE__ */ r(
     "div",
     {
@@ -88,10 +89,10 @@ const N = a(
     }
   )
 );
-N.displayName = "PopoverSlot";
-const b = a(
-  ({ className: e, children: o, "aria-label": t = "Close", ...n }, l) => /* @__PURE__ */ r(
-    i.Close,
+x.displayName = "PopoverSlot";
+const N = a(
+  ({ className: e, children: o, "aria-label": t = "Close", ...i }, l) => /* @__PURE__ */ r(
+    n.Close,
     {
       "data-slot": "popover-close",
       render: /* @__PURE__ */ r(
@@ -102,34 +103,34 @@ const b = a(
           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" })
+          ...i,
+          children: o ?? /* @__PURE__ */ r(m, { className: "h-4 w-4" })
         }
       )
     }
   )
 );
-b.displayName = "PopoverClose";
-const y = a(
+N.displayName = "PopoverClose";
+const b = a(
   ({
     className: e,
     align: o = "center",
     alignOffset: t = 0,
-    side: n = "bottom",
+    side: i = "bottom",
     sideOffset: l = 4,
     ...p
   }, d) => {
-    const m = f();
-    return /* @__PURE__ */ r(i.Portal, { container: m, children: /* @__PURE__ */ r(
-      i.Positioner,
+    const c = f();
+    return /* @__PURE__ */ r(n.Portal, { container: c, children: /* @__PURE__ */ r(
+      n.Positioner,
       {
         align: o,
         alignOffset: t,
-        side: n,
+        side: i,
         sideOffset: l,
         className: "isolate z-50",
         children: /* @__PURE__ */ r(
-          i.Popup,
+          n.Popup,
           {
             ref: d,
             "data-slot": "popover-content",
@@ -144,15 +145,15 @@ const y = a(
     ) });
   }
 );
-y.displayName = "PopoverContent";
+b.displayName = "PopoverContent";
 export {
-  u as Popover,
-  b as PopoverClose,
-  y as PopoverContent,
-  x as PopoverDescription,
-  g as PopoverHeader,
-  h as PopoverHeaderContent,
-  N as PopoverSlot,
-  P as PopoverTitle,
+  j as Popover,
+  N as PopoverClose,
+  b as PopoverContent,
+  P as PopoverDescription,
+  u as PopoverHeader,
+  g as PopoverHeaderContent,
+  x as PopoverSlot,
+  h as PopoverTitle,
   D as PopoverTrigger
 };

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

@@ -1,10 +1,13 @@
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
 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;
+import { ClassProp } from 'class-variance-authority/types';
+interface ProgressTrackVariantProps {
+    size?: 'default' | 'sm' | null;
+}
+declare const progressTrackVariants: (props?: (ProgressTrackVariantProps & 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>>;
+declare const Progress: ForwardRefExoticComponent<Omit<ProgressProps, 'ref'> & RefAttributes<HTMLDivElement>>;
 export { Progress };