@cognite/aura 0.3.2 → 0.3.3

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

@@ -1,337 +1,234 @@
-import { jsx as i, jsxs as L } from "react/jsx-runtime";
-import { forwardRef as r } from "react";
-import { IconChevronsLeft as I, IconChevronLeft as w, IconChevronRight as C, IconChevronsRight as T, IconDots 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";
-import { PaginationTeleport as ra } from "./pagination-teleport.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
-    }
-  ) });
+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
+		})
+	});
 });
-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
-    }
-  );
+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
+	});
 });
-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(I, {}),
-    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(w, {}),
-    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(C, {}),
-    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(T, {}),
-    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(B, { "aria-hidden": "true", className: "h-4 w-4" }),
-        /* @__PURE__ */ i("span", { className: "sr-only", children: e })
-      ]
-    }
-  );
+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
+		})
+	});
 });
-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,
-  ra as PaginationTeleport
-};
+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 };