@cognite/aura 0.3.5 → 1.46104.0

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

@@ -1,41 +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>>;
+import { type ForwardRefExoticComponent, type RefAttributes, type ComponentProps } from "react";
+import type { SelectTriggerProps } from "@base-ui/react";
+import { type 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>>;
+	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, };
+	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 };

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

@@ -1,234 +1,294 @@
-import { cn as e } from "../../../../lib/utils.js";
-import { Button as t } from "../button/button.js";
-import { SelectTrigger as n } from "../select/select.js";
-import { PaginationSizeContext as r, usePaginationSize as i } from "./pagination-size-context.js";
-import { PaginationTeleport as a } from "./pagination-teleport.js";
-import { forwardRef as o } from "react";
-import { IconChevronLeft as s, IconChevronRight as c, IconChevronsLeft as l, IconChevronsRight as u, IconDots as d } from "@tabler/icons-react";
-import { jsx as f, jsxs as p } from "react/jsx-runtime";
-import { cva as m } from "class-variance-authority";
-//#region libs/aura/src/components/ui/core/pagination/pagination.tsx
-var h = m("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
-	}
-}), g = m("flex items-center justify-center text-secondary-foreground", {
-	variants: { size: {
-		default: "h-9 w-9",
-		small: "h-7 w-7"
-	} },
-	defaultVariants: { size: "default" }
-}), _ = m([
-	"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" }
-}), v = {
-	small: "max-w-7",
-	default: "max-w-9"
-}, y = {
-	small: "min-w-7",
-	default: "min-w-9"
-}, b = (e = "default") => ({
-	buttonSize: e === "small" ? "sm" : "default",
-	radiusClass: e === "small" ? "rounded-md" : "rounded-lg",
-	iconButtonWidth: v[e],
-	textLinkWidth: y[e]
-}), x = o(({ className: t, size: n = "default", ...i }, a) => /* @__PURE__ */ f(r.Provider, {
-	value: n,
-	children: /* @__PURE__ */ f("nav", {
-		ref: a,
-		"aria-label": "pagination",
-		"data-slot": "pagination",
-		className: e("mx-auto flex w-full justify-center gap-2", t),
-		...i
-	})
-}));
-x.displayName = "Pagination";
-var S = o(({ className: t, size: n, ...a }, o) => {
-	let s = i(), c = n ?? s;
-	return /* @__PURE__ */ f(r.Provider, {
-		value: c,
-		children: /* @__PURE__ */ f("ul", {
-			ref: o,
-			"data-slot": "pagination-content",
-			"data-size": c,
-			className: e("flex flex-row items-center gap-1", t),
-			...a
-		})
-	});
-});
-S.displayName = "PaginationContent";
-var C = o((e, t) => /* @__PURE__ */ f("li", {
-	ref: t,
-	"data-slot": "pagination-item",
-	...e
-}));
-C.displayName = "PaginationItem";
-var w = o(({ className: t, ...n }, r) => /* @__PURE__ */ f("output", {
-	ref: r,
-	"data-slot": "pagination-status",
-	className: e("flex items-center text-sm leading-4.5 tracking-tight font-normal text-muted-foreground", t),
-	...n
-}));
-w.displayName = "PaginationStatus";
-var T = o(({ className: t, size: r, style: a, ...o }, s) => {
-	let c = i() === "small" && r === void 0, l = r ?? (c ? "sm" : "default");
-	return /* @__PURE__ */ f(n, {
-		ref: s,
-		size: l,
-		"data-slot": "pagination-select-trigger",
-		style: a,
-		className: e(_({ size: l }), t),
-		...o
-	});
-});
-T.displayName = "PaginationSelectTrigger";
-var E = o(({ children: n, className: r, isActive: a, isDisabled: o, onClick: s, size: c, ...l }, u) => {
-	let d = i(), p = c ?? d, { buttonSize: m, radiusClass: g, textLinkWidth: _ } = b(p);
-	return /* @__PURE__ */ f(t, {
-		variant: "ghost",
-		size: m,
-		"data-slot": "pagination-link",
-		"data-active": a,
-		className: e(g, _, h({
-			size: p,
-			active: a
-		}), o && "pointer-events-none opacity-50", r),
-		render: /* @__PURE__ */ f("a", {
-			ref: u,
-			"aria-current": a ? "page" : void 0,
-			"aria-disabled": o || void 0,
-			onClick: (e) => {
-				if (o) {
-					e.preventDefault();
-					return;
-				}
-				s?.(e);
-			},
-			tabIndex: o ? -1 : void 0,
-			...l,
-			children: n
-		})
-	});
-});
-E.displayName = "PaginationLink";
-var D = o(({ ariaLabel: n, className: r, dataSlot: a, icon: o, isDisabled: s, onClick: c, size: l, ...u }, d) => {
-	let p = i(), m = l ?? p, { buttonSize: g, radiusClass: _, iconButtonWidth: v } = b(m);
-	return /* @__PURE__ */ f(t, {
-		variant: "ghost",
-		size: g,
-		"data-slot": a,
-		className: e(_, v, h({
-			size: m,
-			active: !1
-		}), s && "pointer-events-none opacity-50", r),
-		render: /* @__PURE__ */ f("a", {
-			ref: d,
-			"aria-label": n,
-			"aria-disabled": s || void 0,
-			onClick: (e) => {
-				if (s) {
-					e.preventDefault();
-					return;
-				}
-				c?.(e);
-			},
-			tabIndex: s ? -1 : void 0,
-			...u,
-			children: o
-		})
-	});
-});
-D.displayName = "PaginationIconLink";
-var O = o(({ className: e, size: t, label: n = "Go to first page", ...r }, i) => /* @__PURE__ */ f(D, {
-	ref: i,
-	dataSlot: "pagination-first",
-	ariaLabel: n,
-	icon: /* @__PURE__ */ f(l, {}),
-	className: e,
-	size: t,
-	...r
-}));
-O.displayName = "PaginationFirst";
-var k = o(({ className: e, size: t, label: n = "Go to previous page", ...r }, i) => /* @__PURE__ */ f(D, {
-	ref: i,
-	dataSlot: "pagination-previous",
-	ariaLabel: n,
-	icon: /* @__PURE__ */ f(s, {}),
-	className: e,
-	size: t,
-	...r
-}));
-k.displayName = "PaginationPrevious";
-var A = o(({ className: e, size: t, label: n = "Go to next page", ...r }, i) => /* @__PURE__ */ f(D, {
-	ref: i,
-	dataSlot: "pagination-next",
-	ariaLabel: n,
-	icon: /* @__PURE__ */ f(c, {}),
-	className: e,
-	size: t,
-	...r
-}));
-A.displayName = "PaginationNext";
-var j = o(({ className: e, size: t, label: n = "Go to last page", ...r }, i) => /* @__PURE__ */ f(D, {
-	ref: i,
-	dataSlot: "pagination-last",
-	ariaLabel: n,
-	icon: /* @__PURE__ */ f(u, {}),
-	className: e,
-	size: t,
-	...r
-}));
-j.displayName = "PaginationLast";
-var M = o(({ className: t, size: n, label: r = "More pages", ...a }, o) => {
-	let s = i(), c = n ?? s, { iconButtonWidth: l } = b(c);
-	return /* @__PURE__ */ p("span", {
-		ref: o,
-		"data-slot": "pagination-ellipsis",
-		className: e(l, g({ size: c }), t),
-		...a,
-		children: [/* @__PURE__ */ f(d, {
-			"aria-hidden": "true",
-			className: "h-4 w-4"
-		}), /* @__PURE__ */ f("span", {
-			className: "sr-only",
-			children: r
-		})]
-	});
-});
-M.displayName = "PaginationEllipsis";
-var N = o(({ className: t, ...n }, r) => /* @__PURE__ */ f("li", {
-	ref: r,
-	"data-slot": "pagination-results-per-page",
-	className: e("flex items-center gap-2 pl-3", t),
-	...n
-}));
-N.displayName = "PaginationResultsPerPage";
-var P = o(({ className: t, ...n }, r) => /* @__PURE__ */ f("span", {
-	ref: r,
-	"data-slot": "pagination-results-per-page-label",
-	className: e("text-sm leading-4.5 tracking-tight font-normal text-muted-foreground", t),
-	...n
-}));
-P.displayName = "PaginationResultsPerPageLabel";
-//#endregion
-export { x as Pagination, S as PaginationContent, M as PaginationEllipsis, O as PaginationFirst, C as PaginationItem, j as PaginationLast, E as PaginationLink, A as PaginationNext, k as PaginationPrevious, N as PaginationResultsPerPage, P as PaginationResultsPerPageLabel, T as PaginationSelectTrigger, w as PaginationStatus, a as PaginationTeleport };
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { IconChevronLeft, IconChevronRight, IconChevronsLeft, IconChevronsRight, IconDots } from "@tabler/icons-react";
+import { cva } from "class-variance-authority";
+import { cn } from "../../../../lib/utils.js";
+import { Button } from "../button/button.js";
+import { SelectTrigger } from "../select/select.js";
+import { PaginationSizeContext, usePaginationSize } from "./pagination-size-context.js";
+import { PaginationTeleport } from "./pagination-teleport.js";
+const paginationLinkVariants = cva('border border-transparent text-base font-normal leading-5 tracking-tightest focus-visible:shadow-focus-ring', {
+    variants: {
+        size: {
+            default: '',
+            small: 'text-sm leading-4.5 tracking-tight'
+        },
+        active: {
+            true: '',
+            false: ''
+        }
+    },
+    compoundVariants: [
+        {
+            active: false,
+            className: 'text-medium-foreground hover:bg-base-background-hover hover:text-base-foreground focus-visible:bg-medium-background focus-visible:text-base-foreground'
+        },
+        {
+            active: true,
+            className: 'border-emphasized bg-secondary-background text-secondary-foreground hover:bg-base-background-hover hover:text-secondary-foreground focus-visible:bg-secondary-background focus-visible:text-secondary-foreground'
+        }
+    ],
+    defaultVariants: {
+        size: 'default',
+        active: false
+    }
+});
+const paginationEllipsisVariants = cva('flex items-center justify-center text-medium-foreground', {
+    variants: {
+        size: {
+            default: 'h-9 w-9',
+            small: 'h-7 w-7'
+        }
+    },
+    defaultVariants: {
+        size: 'default'
+    }
+});
+const paginationSelectTriggerVariants = cva('w-auto whitespace-nowrap min-h-0', {
+    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'
+    }
+});
+const ICON_BUTTON_WIDTH_BY_SIZE = {
+    small: 'max-w-7',
+    default: 'max-w-9'
+};
+const TEXT_LINK_WIDTH_BY_SIZE = {
+    small: 'min-w-7',
+    default: 'min-w-9'
+};
+const getPaginationButtonStyles = (size = 'default')=>{
+    const buttonSize = size === 'small' ? 'sm' : 'default';
+    const radiusClass = size === 'small' ? 'rounded-md' : 'rounded-lg';
+    const iconButtonWidth = ICON_BUTTON_WIDTH_BY_SIZE[size];
+    const textLinkWidth = TEXT_LINK_WIDTH_BY_SIZE[size];
+    return {
+        buttonSize,
+        radiusClass,
+        iconButtonWidth,
+        textLinkWidth
+    };
+};
+const Pagination = /*#__PURE__*/ forwardRef(({ className, size = 'default', ...props }, ref)=>{
+    return /*#__PURE__*/ _jsx(PaginationSizeContext.Provider, {
+        value: size,
+        children: /*#__PURE__*/ _jsx("nav", {
+            ref: ref,
+            "aria-label": "pagination",
+            "data-slot": "pagination",
+            className: cn('mx-auto flex w-full justify-center gap-2', className),
+            ...props
+        })
+    });
+});
+Pagination.displayName = 'Pagination';
+const PaginationContent = /*#__PURE__*/ forwardRef(({ className, size, ...props }, ref)=>{
+    const inheritedSize = usePaginationSize();
+    const resolvedSize = size ?? inheritedSize;
+    return /*#__PURE__*/ _jsx(PaginationSizeContext.Provider, {
+        value: resolvedSize,
+        children: /*#__PURE__*/ _jsx("ul", {
+            ref: ref,
+            "data-slot": "pagination-content",
+            "data-size": resolvedSize,
+            className: cn('flex flex-row items-center gap-1', className),
+            ...props
+        })
+    });
+});
+PaginationContent.displayName = 'PaginationContent';
+const PaginationItem = /*#__PURE__*/ forwardRef((props, ref)=>{
+    return /*#__PURE__*/ _jsx("li", {
+        ref: ref,
+        "data-slot": "pagination-item",
+        ...props
+    });
+});
+PaginationItem.displayName = 'PaginationItem';
+const PaginationStatus = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>{
+    return /*#__PURE__*/ _jsx("output", {
+        ref: ref,
+        "data-slot": "pagination-status",
+        className: cn('flex items-center text-sm leading-4.5 tracking-tight font-normal text-muted-foreground', className),
+        ...props
+    });
+});
+PaginationStatus.displayName = 'PaginationStatus';
+const PaginationSelectTrigger = /*#__PURE__*/ forwardRef(({ className, size, style, ...props }, ref)=>{
+    const inheritedSize = usePaginationSize();
+    const isPaginationSmall = inheritedSize === 'small' && size === undefined;
+    const resolvedSize = size ?? (isPaginationSmall ? 'sm' : 'default');
+    return /*#__PURE__*/ _jsx(SelectTrigger, {
+        ref: ref,
+        size: resolvedSize,
+        "data-slot": "pagination-select-trigger",
+        style: style,
+        className: cn(paginationSelectTriggerVariants({
+            size: resolvedSize
+        }), className),
+        ...props
+    });
+});
+PaginationSelectTrigger.displayName = 'PaginationSelectTrigger';
+const PaginationLink = /*#__PURE__*/ forwardRef(({ children, className, isActive, isDisabled, onClick, size, ...props }, ref)=>{
+    const inheritedSize = usePaginationSize();
+    const resolvedSize = size ?? inheritedSize;
+    const { buttonSize, radiusClass, textLinkWidth } = getPaginationButtonStyles(resolvedSize);
+    const handleClick = (event)=>{
+        if (isDisabled) {
+            event.preventDefault();
+            return;
+        }
+        onClick?.(event);
+    };
+    return /*#__PURE__*/ _jsx(Button, {
+        variant: "ghost",
+        size: buttonSize,
+        "data-slot": "pagination-link",
+        "data-active": isActive,
+        className: cn(radiusClass, textLinkWidth, paginationLinkVariants({
+            size: resolvedSize,
+            active: isActive
+        }), isDisabled && 'pointer-events-none text-base-foreground-disabled', className),
+        render: /*#__PURE__*/ _jsx("a", {
+            ref: ref,
+            "aria-current": isActive ? 'page' : undefined,
+            "aria-disabled": isDisabled || undefined,
+            onClick: handleClick,
+            tabIndex: isDisabled ? -1 : undefined,
+            ...props,
+            children: children
+        })
+    });
+});
+PaginationLink.displayName = 'PaginationLink';
+const PaginationIconLink = /*#__PURE__*/ forwardRef(({ ariaLabel, className, dataSlot, icon, isDisabled, onClick, size, ...linkProps }, ref)=>{
+    const inheritedSize = usePaginationSize();
+    const resolvedSize = size ?? inheritedSize;
+    const { buttonSize, radiusClass, iconButtonWidth } = getPaginationButtonStyles(resolvedSize);
+    const handleClick = (event)=>{
+        if (isDisabled) {
+            event.preventDefault();
+            return;
+        }
+        onClick?.(event);
+    };
+    return /*#__PURE__*/ _jsx(Button, {
+        variant: "ghost",
+        size: buttonSize,
+        "data-slot": dataSlot,
+        className: cn(radiusClass, iconButtonWidth, paginationLinkVariants({
+            size: resolvedSize,
+            active: false
+        }), isDisabled && 'pointer-events-none text-base-foreground-disabled', className),
+        render: /*#__PURE__*/ _jsx("a", {
+            ref: ref,
+            "aria-label": ariaLabel,
+            "aria-disabled": isDisabled || undefined,
+            onClick: handleClick,
+            tabIndex: isDisabled ? -1 : undefined,
+            ...linkProps,
+            children: icon
+        })
+    });
+});
+PaginationIconLink.displayName = 'PaginationIconLink';
+const PaginationFirst = /*#__PURE__*/ forwardRef(({ className, size, label = 'Go to first page', ...props }, ref)=>{
+    return /*#__PURE__*/ _jsx(PaginationIconLink, {
+        ref: ref,
+        dataSlot: "pagination-first",
+        ariaLabel: label,
+        icon: /*#__PURE__*/ _jsx(IconChevronsLeft, {}),
+        className: className,
+        size: size,
+        ...props
+    });
+});
+PaginationFirst.displayName = 'PaginationFirst';
+const PaginationPrevious = /*#__PURE__*/ forwardRef(({ className, size, label = 'Go to previous page', ...props }, ref)=>{
+    return /*#__PURE__*/ _jsx(PaginationIconLink, {
+        ref: ref,
+        dataSlot: "pagination-previous",
+        ariaLabel: label,
+        icon: /*#__PURE__*/ _jsx(IconChevronLeft, {}),
+        className: className,
+        size: size,
+        ...props
+    });
+});
+PaginationPrevious.displayName = 'PaginationPrevious';
+const PaginationNext = /*#__PURE__*/ forwardRef(({ className, size, label = 'Go to next page', ...props }, ref)=>{
+    return /*#__PURE__*/ _jsx(PaginationIconLink, {
+        ref: ref,
+        dataSlot: "pagination-next",
+        ariaLabel: label,
+        icon: /*#__PURE__*/ _jsx(IconChevronRight, {}),
+        className: className,
+        size: size,
+        ...props
+    });
+});
+PaginationNext.displayName = 'PaginationNext';
+const PaginationLast = /*#__PURE__*/ forwardRef(({ className, size, label = 'Go to last page', ...props }, ref)=>{
+    return /*#__PURE__*/ _jsx(PaginationIconLink, {
+        ref: ref,
+        dataSlot: "pagination-last",
+        ariaLabel: label,
+        icon: /*#__PURE__*/ _jsx(IconChevronsRight, {}),
+        className: className,
+        size: size,
+        ...props
+    });
+});
+PaginationLast.displayName = 'PaginationLast';
+const PaginationEllipsis = /*#__PURE__*/ forwardRef(({ className, size, label = 'More pages', ...props }, ref)=>{
+    const inheritedSize = usePaginationSize();
+    const resolvedSize = size ?? inheritedSize;
+    const { iconButtonWidth } = getPaginationButtonStyles(resolvedSize);
+    return /*#__PURE__*/ _jsxs("span", {
+        ref: ref,
+        "data-slot": "pagination-ellipsis",
+        className: cn(iconButtonWidth, paginationEllipsisVariants({
+            size: resolvedSize
+        }), className),
+        ...props,
+        children: [
+            /*#__PURE__*/ _jsx(IconDots, {
+                "aria-hidden": "true",
+                className: "h-4 w-4"
+            }),
+            /*#__PURE__*/ _jsx("span", {
+                className: "sr-only",
+                children: label
+            })
+        ]
+    });
+});
+PaginationEllipsis.displayName = 'PaginationEllipsis';
+const PaginationResultsPerPage = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>{
+    return /*#__PURE__*/ _jsx("li", {
+        ref: ref,
+        "data-slot": "pagination-results-per-page",
+        className: cn('flex items-center gap-2 pl-3', className),
+        ...props
+    });
+});
+PaginationResultsPerPage.displayName = 'PaginationResultsPerPage';
+const PaginationResultsPerPageLabel = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>{
+    return /*#__PURE__*/ _jsx("span", {
+        ref: ref,
+        "data-slot": "pagination-results-per-page-label",
+        className: cn('text-sm leading-4.5 tracking-tight font-normal text-muted-foreground', className),
+        ...props
+    });
+});
+PaginationResultsPerPageLabel.displayName = 'PaginationResultsPerPageLabel';
+export { Pagination, PaginationContent, PaginationEllipsis, PaginationFirst, PaginationItem, PaginationLast, PaginationLink, PaginationNext, PaginationPrevious, PaginationResultsPerPage, PaginationResultsPerPageLabel, PaginationSelectTrigger, PaginationStatus, PaginationTeleport };
+
+//# sourceMappingURL=pagination.js.map