@cognite/aura 0.1.7 → 0.3.0

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

@@ -1,119 +1,118 @@
-import { jsx as t, jsxs as o } from "react/jsx-runtime";
-import { forwardRef as d } from "react";
-import { cn as a } from "../../../../lib/utils.js";
-const h = ({ size: r = 16 }) => /* @__PURE__ */ o(
+import { jsx as a, jsxs as l } from "react/jsx-runtime";
+import { forwardRef as h } from "react";
+import { cn as s } from "../../../../lib/utils.js";
+const n = ({
+  size: e = 16,
+  className: r,
+  strokeClassName: t
+}) => /* @__PURE__ */ l(
   "svg",
   {
-    height: r,
-    strokeLinejoin: "round",
-    style: { color: "currentcolor" },
-    viewBox: "0 0 16 16",
-    width: r,
+    "aria-hidden": "true",
+    focusable: "false",
+    className: s("overflow-visible", t, r),
+    height: e,
+    viewBox: "0 0 167 216",
+    width: e,
+    xmlns: "http://www.w3.org/2000/svg",
     children: [
-      /* @__PURE__ */ t("title", { children: "Loading" }),
-      /* @__PURE__ */ o("g", { clipPath: "url(#clip0_2393_1490)", children: [
-        /* @__PURE__ */ t("path", { d: "M8 0V4", stroke: "currentColor", strokeWidth: "1.5" }),
-        /* @__PURE__ */ t(
-          "path",
-          {
-            d: "M8 16V12",
-            opacity: "0.5",
-            stroke: "currentColor",
-            strokeWidth: "1.5"
-          }
-        ),
-        /* @__PURE__ */ t(
-          "path",
-          {
-            d: "M3.29773 1.52783L5.64887 4.7639",
-            opacity: "0.9",
-            stroke: "currentColor",
-            strokeWidth: "1.5"
-          }
-        ),
-        /* @__PURE__ */ t(
-          "path",
-          {
-            d: "M12.7023 1.52783L10.3511 4.7639",
-            opacity: "0.1",
-            stroke: "currentColor",
-            strokeWidth: "1.5"
-          }
-        ),
-        /* @__PURE__ */ t(
-          "path",
-          {
-            d: "M12.7023 14.472L10.3511 11.236",
-            opacity: "0.4",
-            stroke: "currentColor",
-            strokeWidth: "1.5"
-          }
-        ),
-        /* @__PURE__ */ t(
-          "path",
-          {
-            d: "M3.29773 14.472L5.64887 11.236",
-            opacity: "0.6",
-            stroke: "currentColor",
-            strokeWidth: "1.5"
-          }
-        ),
-        /* @__PURE__ */ t(
-          "path",
-          {
-            d: "M15.6085 5.52783L11.8043 6.7639",
-            opacity: "0.2",
-            stroke: "currentColor",
-            strokeWidth: "1.5"
-          }
-        ),
-        /* @__PURE__ */ t(
-          "path",
-          {
-            d: "M0.391602 10.472L4.19583 9.23598",
-            opacity: "0.7",
-            stroke: "currentColor",
-            strokeWidth: "1.5"
-          }
-        ),
-        /* @__PURE__ */ t(
-          "path",
-          {
-            d: "M15.6085 10.4722L11.8043 9.2361",
-            opacity: "0.3",
-            stroke: "currentColor",
-            strokeWidth: "1.5"
-          }
-        ),
-        /* @__PURE__ */ t(
-          "path",
-          {
-            d: "M0.391602 5.52783L4.19583 6.7639",
-            opacity: "0.8",
-            stroke: "currentColor",
-            strokeWidth: "1.5"
-          }
-        )
-      ] }),
-      /* @__PURE__ */ t("defs", { children: /* @__PURE__ */ t("clipPath", { id: "clip0_2393_1490", children: /* @__PURE__ */ t("rect", { fill: "white", height: "16", width: "16" }) }) })
+      /* @__PURE__ */ a(
+        "rect",
+        {
+          className: "aura-loader-rect aura-loader-rect-1",
+          "data-slot": "loader-rect",
+          x: "10",
+          y: "10",
+          width: "98",
+          height: "196",
+          rx: "49",
+          fill: "transparent",
+          stroke: "currentColor",
+          strokeWidth: "20",
+          strokeLinecap: "round"
+        }
+      ),
+      /* @__PURE__ */ a(
+        "rect",
+        {
+          className: "aura-loader-rect aura-loader-rect-2",
+          "data-slot": "loader-rect",
+          x: "59",
+          y: "10",
+          width: "98",
+          height: "196",
+          rx: "49",
+          fill: "transparent",
+          stroke: "currentColor",
+          strokeWidth: "20",
+          strokeLinecap: "round"
+        }
+      )
     ]
   }
-), s = d(
-  ({ className: r, size: e = 16, ...i }, c) => /* @__PURE__ */ t(
+), x = (e) => e.variant === "page", g = h((e, r) => {
+  const t = e.className, i = e.role ?? "status", o = e["aria-label"] ?? "Loading";
+  if (!x(e)) {
+    const {
+      size: u = 16,
+      variant: b,
+      className: k,
+      role: L,
+      "aria-label": y,
+      ...f
+    } = e;
+    return /* @__PURE__ */ a(
+      "div",
+      {
+        ref: r,
+        "data-slot": "loader",
+        role: i,
+        "aria-label": o,
+        className: s("inline-flex items-center justify-center", t),
+        ...f,
+        children: /* @__PURE__ */ a(n, { size: u, strokeClassName: "text-current" })
+      }
+    );
+  }
+  const {
+    variant: N,
+    className: v,
+    role: w,
+    "aria-label": p,
+    header: d,
+    description: c,
+    ...m
+  } = e;
+  return /* @__PURE__ */ l(
     "div",
     {
-      ref: c,
+      ref: r,
       "data-slot": "loader",
-      className: a(
-        "inline-flex animate-spin items-center justify-center",
-        r
+      role: i,
+      "aria-label": o,
+      className: s(
+        "text-foreground flex h-[11.5rem] w-80 flex-col items-center justify-center gap-2",
+        t
       ),
-      ...i,
-      children: /* @__PURE__ */ t(h, { size: e })
+      ...m,
+      children: [
+        /* @__PURE__ */ a(
+          n,
+          {
+            size: 112,
+            className: "size-28",
+            strokeClassName: "text-current"
+          }
+        ),
+        /* @__PURE__ */ l("div", { className: "flex w-full flex-col items-center justify-center gap-1 text-center", children: [
+          /* @__PURE__ */ a("p", { className: "text-lg font-medium leading-6 tracking-tightest text-foreground", children: d }),
+          c && /* @__PURE__ */ a("p", { className: "w-full text-sm leading-[18px] tracking-tight text-secondary-foreground", children: c })
+        ] })
+      ]
     }
-  )
-);
-s.displayName = "Loader";
+  );
+});
+g.displayName = "Loader";
 export {
-  s as Loader
+  g as Loader
 };

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

@@ -1,4 +1,5 @@
-import { ComponentProps, HTMLAttributes } from 'react';
+import { ComponentProps, HTMLAttributes, MemoExoticComponent, ReactNode } from 'react';
+import { JSX } from 'react/jsx-runtime';
 import { Streamdown } from 'streamdown';
 import { FileUIPart, UIMessage } from '../../../../lib/ai/types';
 import { Avatar, AvatarIcon } from '../avatar/avatar';
@@ -6,50 +7,50 @@ import { Button } from '../button/button';
 type MessageProps = HTMLAttributes<HTMLDivElement> & {
     isResponse?: boolean;
 };
-declare const Message: ({ className, isResponse, ...props }: MessageProps) => import("react/jsx-runtime").JSX.Element;
+declare const Message: ({ className, isResponse, ...props }: MessageProps) => ReactNode;
 type MessageContentProps = HTMLAttributes<HTMLDivElement>;
-declare const MessageContent: ({ children, className, ...props }: MessageContentProps) => import("react/jsx-runtime").JSX.Element;
+declare const MessageContent: ({ children, className, ...props }: MessageContentProps) => ReactNode;
 type MessageAvatarProps = ComponentProps<typeof Avatar> & {
     avatarUrl?: string;
     name?: string;
 };
-declare const MessageAvatar: ({ avatarUrl, name, className, children, variant, sizes, ...props }: MessageAvatarProps) => import("react/jsx-runtime").JSX.Element;
+declare const MessageAvatar: ({ avatarUrl, name, className, children, variant, sizes, ...props }: MessageAvatarProps) => ReactNode;
 type MessageAvatarIconProps = ComponentProps<typeof AvatarIcon>;
-declare const MessageAvatarIcon: (props: MessageAvatarIconProps) => import("react/jsx-runtime").JSX.Element;
+declare const MessageAvatarIcon: (props: MessageAvatarIconProps) => ReactNode;
 type MessageActionsProps = ComponentProps<'div'>;
-declare const MessageActions: ({ className, children, ...props }: MessageActionsProps) => import("react/jsx-runtime").JSX.Element;
+declare const MessageActions: ({ className, children, ...props }: MessageActionsProps) => ReactNode;
 type MessageActionProps = ComponentProps<typeof Button> & {
     tooltip?: string;
     label?: string;
 };
-declare const MessageAction: ({ tooltip, children, label, className, variant, size, ...props }: MessageActionProps) => import("react/jsx-runtime").JSX.Element;
+declare const MessageAction: ({ tooltip, children, label, className, variant, size, ...props }: MessageActionProps) => ReactNode;
 type MessageBranchProps = HTMLAttributes<HTMLDivElement> & {
     defaultBranch?: number;
     onBranchChange?: (branchIndex: number) => void;
 };
-declare const MessageBranch: ({ defaultBranch, onBranchChange, className, ...props }: MessageBranchProps) => import("react/jsx-runtime").JSX.Element;
+declare const MessageBranch: ({ defaultBranch, onBranchChange, className, ...props }: MessageBranchProps) => ReactNode;
 type MessageBranchContentProps = HTMLAttributes<HTMLDivElement>;
-declare const MessageBranchContent: ({ children, ...props }: MessageBranchContentProps) => import("react/jsx-runtime").JSX.Element[];
+declare const MessageBranchContent: ({ children, ...props }: MessageBranchContentProps) => ReactNode[];
 type MessageBranchSelectorProps = HTMLAttributes<HTMLDivElement> & {
     from: UIMessage['role'];
 };
-declare const MessageBranchSelector: ({ ...props }: MessageBranchSelectorProps) => import("react/jsx-runtime").JSX.Element | null;
+declare const MessageBranchSelector: ({ ...props }: MessageBranchSelectorProps) => ReactNode;
 type MessageBranchPreviousProps = ComponentProps<typeof Button>;
-declare const MessageBranchPrevious: ({ children, ...props }: MessageBranchPreviousProps) => import("react/jsx-runtime").JSX.Element;
+declare const MessageBranchPrevious: ({ children, ...props }: MessageBranchPreviousProps) => ReactNode;
 type MessageBranchNextProps = ComponentProps<typeof Button>;
-declare const MessageBranchNext: ({ children, ...props }: MessageBranchNextProps) => import("react/jsx-runtime").JSX.Element;
+declare const MessageBranchNext: ({ children, ...props }: MessageBranchNextProps) => ReactNode;
 type MessageBranchPageProps = HTMLAttributes<HTMLSpanElement>;
-declare const MessageBranchPage: ({ className, ...props }: MessageBranchPageProps) => import("react/jsx-runtime").JSX.Element;
+declare const MessageBranchPage: ({ className, ...props }: MessageBranchPageProps) => ReactNode;
 type MessageResponseProps = ComponentProps<typeof Streamdown>;
-declare const MessageResponse: import('react').MemoExoticComponent<({ className, components, plugins, controls, ...props }: MessageResponseProps) => import("react/jsx-runtime").JSX.Element>;
+declare const MessageResponse: MemoExoticComponent<({ className, components, plugins, controls, ...props }: MessageResponseProps) => JSX.Element>;
 type MessageAttachmentProps = HTMLAttributes<HTMLDivElement> & {
     data: FileUIPart;
     className?: string;
     onRemove?: () => void;
 };
-declare function MessageAttachment({ data, className, onRemove, ...props }: MessageAttachmentProps): import("react/jsx-runtime").JSX.Element;
+declare function MessageAttachment({ data, className, onRemove, ...props }: MessageAttachmentProps): ReactNode;
 type MessageAttachmentsProps = ComponentProps<'div'>;
-declare function MessageAttachments({ children, className, ...props }: MessageAttachmentsProps): import("react/jsx-runtime").JSX.Element | null;
+declare function MessageAttachments({ children, className, ...props }: MessageAttachmentsProps): ReactNode;
 type MessageToolbarProps = ComponentProps<'div'>;
-declare const MessageToolbar: ({ className, children, ...props }: MessageToolbarProps) => import("react/jsx-runtime").JSX.Element;
+declare const MessageToolbar: ({ className, children, ...props }: MessageToolbarProps) => ReactNode;
 export { Message, MessageAction, MessageActions, MessageAttachment, MessageAttachments, MessageAvatar, MessageAvatarIcon, MessageBranch, MessageBranchContent, MessageBranchNext, MessageBranchPage, MessageBranchPrevious, MessageBranchSelector, MessageContent, MessageResponse, MessageToolbar, };

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

@@ -1,15 +1,17 @@
 import { jsx as e, jsxs as m } from "react/jsx-runtime";
-import { createContext as i, memo as b } from "react";
+import { memo as i, createContext as b } from "react";
 import { mermaid as _ } from "@streamdown/mermaid";
 import "@tabler/icons-react";
 import { Streamdown as p } from "streamdown";
 import { cn as d } from "../../../../lib/utils.js";
-import "../avatar/avatar.js";
 import { Button as u } from "../button/button.js";
-import "../button-group/button-group.js";
 import { Tooltip as w, TooltipTrigger as g, TooltipContent as k } from "../tooltip/tooltip.js";
 import { MESSAGE_RESPONSE_DEFAULT_STREAMDOWN_CONTROLS as v } from "./message-response-default-streamdown-controls.js";
-const q = ({ className: t, isResponse: o = !1, ...a }) => /* @__PURE__ */ e(
+const R = ({
+  className: t,
+  isResponse: o = !1,
+  ...a
+}) => /* @__PURE__ */ e(
   "div",
   {
     "data-slot": "message",
@@ -20,7 +22,7 @@ const q = ({ className: t, isResponse: o = !1, ...a }) => /* @__PURE__ */ e(
     ),
     ...a
   }
-), O = ({
+), j = ({
   children: t,
   className: o,
   ...a
@@ -38,7 +40,7 @@ const q = ({ className: t, isResponse: o = !1, ...a }) => /* @__PURE__ */ e(
     ...a,
     children: t
   }
-), z = ({
+), q = ({
   className: t,
   children: o,
   ...a
@@ -50,7 +52,7 @@ const q = ({ className: t, isResponse: o = !1, ...a }) => /* @__PURE__ */ e(
     ...a,
     children: o
   }
-), D = ({
+), O = ({
   tooltip: t,
   children: o,
   label: a,
@@ -82,7 +84,7 @@ const q = ({ className: t, isResponse: o = !1, ...a }) => /* @__PURE__ */ e(
     /* @__PURE__ */ e(k, { children: /* @__PURE__ */ e("p", { children: t }) })
   ] }) : n;
 };
-i(
+b(
   null
 );
 const f = {
@@ -126,7 +128,7 @@ const f = {
   tr: ({ children: t }) => /* @__PURE__ */ e("tr", { className: "m-0 border-t p-0 even:bg-muted-background", children: t }),
   th: ({ children: t }) => /* @__PURE__ */ e("th", { className: "border px-4 py-2 text-left font-bold", children: t }),
   td: ({ children: t }) => /* @__PURE__ */ e("td", { className: "border px-4 py-2 text-left", children: t })
-}, h = b(
+}, h = i(
   ({
     className: t,
     components: o,
@@ -248,9 +250,9 @@ const f = {
 );
 h.displayName = "MessageResponse";
 export {
-  q as Message,
-  D as MessageAction,
-  z as MessageActions,
-  O as MessageContent,
+  R as Message,
+  O as MessageAction,
+  q as MessageActions,
+  j as MessageContent,
   h as MessageResponse
 };

package/dist/components/ui/core/pagination/pagination-size-context.d.ts

@@ -0,0 +1,5 @@
+import { Context } from 'react';
+type PaginationSize = 'default' | 'small';
+declare const PaginationSizeContext: Context<PaginationSize>;
+declare const usePaginationSize: () => PaginationSize;
+export { type PaginationSize, PaginationSizeContext, usePaginationSize };

package/dist/components/ui/core/pagination/pagination-size-context.js

@@ -0,0 +1,6 @@
+import { createContext as t, useContext as e } from "react";
+const o = t("default"), i = () => e(o);
+export {
+  o as PaginationSizeContext,
+  i as usePaginationSize
+};

package/dist/components/ui/core/pagination/pagination-teleport.d.ts

@@ -0,0 +1,11 @@
+import { ForwardRefExoticComponent, RefAttributes, ComponentProps } from 'react';
+import { Input } from '../input/input';
+import { PaginationSize } from './pagination-size-context';
+type PaginationTeleportProps = {
+    currentPage: number;
+    totalPages: number;
+    onPageChange: (page: number) => void;
+    size?: PaginationSize;
+} & Omit<ComponentProps<typeof Input>, 'size' | 'value' | 'onChange' | 'children' | 'type'>;
+declare const PaginationTeleport: ForwardRefExoticComponent<Omit<PaginationTeleportProps, 'ref'> & RefAttributes<HTMLInputElement>>;
+export { PaginationTeleport };

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

@@ -0,0 +1,108 @@
+import { jsx as P } from "react/jsx-runtime";
+import { forwardRef as T, useRef as v, useLayoutEffect as k, useState as x } from "react";
+import { cva as N } from "class-variance-authority";
+import { cn as S } from "../../../../lib/utils.js";
+import { Input as V } from "../input/input.js";
+import { usePaginationSize as I } from "./pagination-size-context.js";
+import { getPaginationTeleportWidth as R } from "./pagination-teleport.utils.js";
+const C = N(
+  [
+    "tabular-nums text-center font-normal",
+    "bg-background text-secondary-foreground border-border-emphasized",
+    "[&:not(:placeholder-shown):not(:focus)]:bg-background [&:not(:placeholder-shown)]:text-secondary-foreground",
+    "hover:bg-accent-background [&:not(:placeholder-shown):not(:focus):hover]:bg-accent-background hover:border-border-emphasized",
+    "focus-visible:bg-background focus-visible:text-secondary-foreground focus-visible:border-border-emphasized focus-visible:shadow-focus-ring"
+  ],
+  {
+    variants: {
+      size: {
+        default: "h-9 rounded-lg px-3 py-0 text-base leading-5 tracking-tightest",
+        small: "h-7 rounded-md px-2 py-0 text-sm leading-4.5 tracking-tight"
+      }
+    },
+    defaultVariants: {
+      size: "default"
+    }
+  }
+), W = {
+  small: {
+    minWidthPx: 43,
+    paddingPx: 16
+  },
+  default: {
+    minWidthPx: 55,
+    paddingPx: 24
+  }
+};
+function B({
+  currentPage: o,
+  totalPages: c,
+  onPageChange: i
+}) {
+  const s = Math.max(1, c), [d, r] = x(""), [u, t] = x(!1), n = v(!1);
+  return {
+    displayValue: u ? d : `${o}/${s}`,
+    isEditing: u,
+    onChange: (e) => {
+      const a = e.target.value;
+      (a === "" || /^\d+$/.test(a)) && r(a);
+    },
+    onFocus: () => {
+      n.current = !1, t(!0), r(o.toString());
+    },
+    onBlur: () => {
+      if (t(!1), n.current) {
+        n.current = !1;
+        return;
+      }
+      const e = Number.parseInt(d, 10);
+      !Number.isNaN(e) && e >= 1 && e <= s && i(e);
+    },
+    onKeyDown: (e) => {
+      e.key === "Enter" ? e.currentTarget.blur() : e.key === "Escape" && (n.current = !0, r(o.toString()), e.currentTarget.blur());
+    }
+  };
+}
+const D = T(
+  ({ className: o, currentPage: c, totalPages: i, onPageChange: s, size: d, style: r, ...u }, t) => {
+    const n = I(), l = d ?? n, { displayValue: h, isEditing: g, onChange: m, onFocus: b, onBlur: e, onKeyDown: a } = B({
+      currentPage: c,
+      totalPages: i,
+      onPageChange: s
+    }), f = v(null), w = (p) => {
+      f.current = p, typeof t == "function" ? t(p) : t && (t.current = p);
+    };
+    k(() => {
+      g && f.current && f.current.select();
+    }, [g]);
+    const y = W[l], z = R(
+      i,
+      y.minWidthPx,
+      y.paddingPx
+    ), E = S(
+      C({ size: l }),
+      o
+    );
+    return /* @__PURE__ */ P(
+      V,
+      {
+        ref: w,
+        type: "text",
+        inputMode: "numeric",
+        value: h,
+        onChange: m,
+        onFocus: b,
+        onBlur: e,
+        onKeyDown: a,
+        "data-slot": "pagination-teleport",
+        className: E,
+        style: { width: z, ...r },
+        ...u
+      }
+    );
+  }
+);
+D.displayName = "PaginationTeleport";
+export {
+  D as PaginationTeleport
+};

package/dist/components/ui/core/pagination/pagination-teleport.utils.d.ts

@@ -0,0 +1 @@
+export declare function getPaginationTeleportWidth(totalPages: number, minWidthPx: number, paddingPx: number): string;

package/dist/components/ui/core/pagination/pagination-teleport.utils.js

@@ -0,0 +1,7 @@
+function c(a, e, n) {
+  const t = Math.max(1, a), o = `${t}/${t}`.length;
+  return `max(${e}px, calc(${o}ch + ${n}px))`;
+}
+export {
+  c as getPaginationTeleportWidth
+};

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

@@ -0,0 +1,41 @@
+import { ForwardRefExoticComponent, RefAttributes, ComponentProps } from 'react';
+import { SelectTriggerProps } from '@base-ui/react';
+import { PaginationSize } from './pagination-size-context';
+import { PaginationTeleport } from './pagination-teleport';
+declare const Pagination: ForwardRefExoticComponent<Omit<ComponentProps<'nav'> & {
+    size?: PaginationSize;
+}, 'ref'> & RefAttributes<HTMLElement>>;
+declare const PaginationContent: ForwardRefExoticComponent<Omit<ComponentProps<'ul'> & {
+    size?: PaginationSize;
+}, 'ref'> & RefAttributes<HTMLUListElement>>;
+declare const PaginationItem: ForwardRefExoticComponent<ComponentProps<'li'> & RefAttributes<HTMLLIElement>>;
+declare const PaginationStatus: ForwardRefExoticComponent<ComponentProps<'output'> & RefAttributes<HTMLOutputElement>>;
+declare const PaginationSelectTrigger: ForwardRefExoticComponent<Omit<SelectTriggerProps & {
+    size?: 'sm' | 'default';
+    errorMessage?: string;
+}, 'ref'> & RefAttributes<HTMLButtonElement>>;
+type PaginationLinkProps = {
+    isActive?: boolean;
+    isDisabled?: boolean;
+    size?: PaginationSize;
+} & ComponentProps<'a'>;
+declare const PaginationLink: ForwardRefExoticComponent<Omit<PaginationLinkProps, 'ref'> & RefAttributes<HTMLAnchorElement>>;
+declare const PaginationFirst: ForwardRefExoticComponent<Omit<Omit<PaginationLinkProps, 'isActive'> & {
+    label?: string;
+}, 'ref'> & RefAttributes<HTMLAnchorElement>>;
+declare const PaginationPrevious: ForwardRefExoticComponent<Omit<Omit<PaginationLinkProps, 'isActive'> & {
+    label?: string;
+}, 'ref'> & RefAttributes<HTMLAnchorElement>>;
+declare const PaginationNext: ForwardRefExoticComponent<Omit<Omit<PaginationLinkProps, 'isActive'> & {
+    label?: string;
+}, 'ref'> & RefAttributes<HTMLAnchorElement>>;
+declare const PaginationLast: ForwardRefExoticComponent<Omit<Omit<PaginationLinkProps, 'isActive'> & {
+    label?: string;
+}, 'ref'> & RefAttributes<HTMLAnchorElement>>;
+declare const PaginationEllipsis: ForwardRefExoticComponent<Omit<ComponentProps<'span'> & {
+    size?: PaginationSize;
+    label?: string;
+}, 'ref'> & RefAttributes<HTMLSpanElement>>;
+declare const PaginationResultsPerPage: ForwardRefExoticComponent<ComponentProps<'li'> & RefAttributes<HTMLLIElement>>;
+declare const PaginationResultsPerPageLabel: ForwardRefExoticComponent<ComponentProps<'span'> & RefAttributes<HTMLSpanElement>>;
+export { Pagination, PaginationContent, PaginationEllipsis, PaginationFirst, PaginationItem, PaginationLast, PaginationLink, PaginationNext, PaginationPrevious, PaginationResultsPerPage, PaginationResultsPerPageLabel, PaginationSelectTrigger, PaginationStatus, PaginationTeleport, };