@locusgraph/components 0.2.0 → 0.2.1

package/dist/navigation/pagination.js

@@ -1,30 +1,338 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ChevronLeft as ChevronLeftIcon, ChevronRight as ChevronRightIcon, OverflowMenuHorizontal as MoreHorizontalIcon, } from "@carbon/icons-react";
+import { c as _c } from "react/compiler-runtime";
+import { ChevronLeft as ChevronLeftIcon, ChevronRight as ChevronRightIcon, OverflowMenuHorizontal as MoreHorizontalIcon } from "@carbon/icons-react";
 import { cn } from "cn";
+import * as React from "react";
 import { buttonVariants } from "../action/button.js";
-function Pagination({ className, ...props }) {
-    return (_jsx("nav", { role: "navigation", "aria-label": "pagination", "data-slot": "pagination", className: cn("mx-auto flex w-full justify-center", className), ...props }));
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+function Pagination(t0) {
+  const $ = _c(8);
+  let className;
+  let props;
+  if ($[0] !== t0) {
+    ({
+      className,
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = className;
+    $[2] = props;
+  } else {
+    className = $[1];
+    props = $[2];
+  }
+  let t1;
+  if ($[3] !== className) {
+    t1 = cn("mx-auto flex w-full justify-center", className);
+    $[3] = className;
+    $[4] = t1;
+  } else {
+    t1 = $[4];
+  }
+  let t2;
+  if ($[5] !== props || $[6] !== t1) {
+    t2 = /*#__PURE__*/_jsx("nav", {
+      role: "navigation",
+      "aria-label": "pagination",
+      "data-slot": "pagination",
+      className: t1,
+      ...props
+    });
+    $[5] = props;
+    $[6] = t1;
+    $[7] = t2;
+  } else {
+    t2 = $[7];
+  }
+  return t2;
 }
-function PaginationContent({ className, ...props }) {
-    return (_jsx("ul", { "data-slot": "pagination-content", className: cn("flex flex-row items-center gap-1", className), ...props }));
+function PaginationContent(t0) {
+  const $ = _c(8);
+  let className;
+  let props;
+  if ($[0] !== t0) {
+    ({
+      className,
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = className;
+    $[2] = props;
+  } else {
+    className = $[1];
+    props = $[2];
+  }
+  let t1;
+  if ($[3] !== className) {
+    t1 = cn("flex flex-row items-center gap-1", className);
+    $[3] = className;
+    $[4] = t1;
+  } else {
+    t1 = $[4];
+  }
+  let t2;
+  if ($[5] !== props || $[6] !== t1) {
+    t2 = /*#__PURE__*/_jsx("ul", {
+      "data-slot": "pagination-content",
+      className: t1,
+      ...props
+    });
+    $[5] = props;
+    $[6] = t1;
+    $[7] = t2;
+  } else {
+    t2 = $[7];
+  }
+  return t2;
 }
-function PaginationItem({ ...props }) {
-    return _jsx("li", { "data-slot": "pagination-item", ...props });
+function PaginationItem(t0) {
+  const $ = _c(4);
+  let props;
+  if ($[0] !== t0) {
+    ({
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = props;
+  } else {
+    props = $[1];
+  }
+  let t1;
+  if ($[2] !== props) {
+    t1 = /*#__PURE__*/_jsx("li", {
+      "data-slot": "pagination-item",
+      ...props
+    });
+    $[2] = props;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  return t1;
 }
 const activePageEmphasis = "border-input bg-muted font-semibold text-foreground dark:bg-muted";
-function PaginationLink({ className, isActive, size = "icon", ...props }) {
-    return (_jsx("a", { "aria-current": isActive ? "page" : undefined, "data-slot": "pagination-link", "data-active": isActive, className: cn(buttonVariants({
-            variant: isActive ? "outline" : "ghost",
-            size,
-        }), isActive ? activePageEmphasis : "text-muted-foreground hover:text-foreground", className), ...props }));
+function PaginationLink(t0) {
+  const $ = _c(14);
+  let className;
+  let isActive;
+  let props;
+  let t1;
+  if ($[0] !== t0) {
+    ({
+      className,
+      isActive,
+      size: t1,
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = className;
+    $[2] = isActive;
+    $[3] = props;
+    $[4] = t1;
+  } else {
+    className = $[1];
+    isActive = $[2];
+    props = $[3];
+    t1 = $[4];
+  }
+  const size = t1 === undefined ? "icon" : t1;
+  const t2 = isActive ? "page" : undefined;
+  let t3;
+  if ($[5] !== className || $[6] !== isActive || $[7] !== size) {
+    t3 = cn(buttonVariants({
+      variant: isActive ? "outline" : "ghost",
+      size
+    }), isActive ? activePageEmphasis : "text-muted-foreground hover:text-foreground", className);
+    $[5] = className;
+    $[6] = isActive;
+    $[7] = size;
+    $[8] = t3;
+  } else {
+    t3 = $[8];
+  }
+  let t4;
+  if ($[9] !== isActive || $[10] !== props || $[11] !== t2 || $[12] !== t3) {
+    t4 = /*#__PURE__*/_jsx("a", {
+      "aria-current": t2,
+      "data-slot": "pagination-link",
+      "data-active": isActive,
+      className: t3,
+      ...props
+    });
+    $[9] = isActive;
+    $[10] = props;
+    $[11] = t2;
+    $[12] = t3;
+    $[13] = t4;
+  } else {
+    t4 = $[13];
+  }
+  return t4;
 }
-function PaginationPrevious({ className, ...props }) {
-    return (_jsxs(PaginationLink, { "aria-label": "Go to previous page", size: "default", className: cn("gap-1 px-2.5 text-foreground sm:pl-2.5", className), ...props, children: [_jsx(ChevronLeftIcon, {}), _jsx("span", { className: "hidden sm:block", children: "Previous" })] }));
+function PaginationPrevious(t0) {
+  const $ = _c(10);
+  let className;
+  let props;
+  if ($[0] !== t0) {
+    ({
+      className,
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = className;
+    $[2] = props;
+  } else {
+    className = $[1];
+    props = $[2];
+  }
+  let t1;
+  if ($[3] !== className) {
+    t1 = cn("gap-1 px-2.5 text-foreground sm:pl-2.5", className);
+    $[3] = className;
+    $[4] = t1;
+  } else {
+    t1 = $[4];
+  }
+  let t2;
+  let t3;
+  if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+    t2 = /*#__PURE__*/_jsx(ChevronLeftIcon, {});
+    t3 = /*#__PURE__*/_jsx("span", {
+      className: "hidden sm:block",
+      children: "Previous"
+    });
+    $[5] = t2;
+    $[6] = t3;
+  } else {
+    t2 = $[5];
+    t3 = $[6];
+  }
+  let t4;
+  if ($[7] !== props || $[8] !== t1) {
+    t4 = /*#__PURE__*/_jsxs(PaginationLink, {
+      "aria-label": "Go to previous page",
+      size: "default",
+      className: t1,
+      ...props,
+      children: [t2, t3]
+    });
+    $[7] = props;
+    $[8] = t1;
+    $[9] = t4;
+  } else {
+    t4 = $[9];
+  }
+  return t4;
 }
-function PaginationNext({ className, ...props }) {
-    return (_jsxs(PaginationLink, { "aria-label": "Go to next page", size: "default", className: cn("gap-1 px-2.5 text-foreground sm:pr-2.5", className), ...props, children: [_jsx("span", { className: "hidden sm:block", children: "Next" }), _jsx(ChevronRightIcon, {})] }));
+function PaginationNext(t0) {
+  const $ = _c(10);
+  let className;
+  let props;
+  if ($[0] !== t0) {
+    ({
+      className,
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = className;
+    $[2] = props;
+  } else {
+    className = $[1];
+    props = $[2];
+  }
+  let t1;
+  if ($[3] !== className) {
+    t1 = cn("gap-1 px-2.5 text-foreground sm:pr-2.5", className);
+    $[3] = className;
+    $[4] = t1;
+  } else {
+    t1 = $[4];
+  }
+  let t2;
+  let t3;
+  if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+    t2 = /*#__PURE__*/_jsx("span", {
+      className: "hidden sm:block",
+      children: "Next"
+    });
+    t3 = /*#__PURE__*/_jsx(ChevronRightIcon, {});
+    $[5] = t2;
+    $[6] = t3;
+  } else {
+    t2 = $[5];
+    t3 = $[6];
+  }
+  let t4;
+  if ($[7] !== props || $[8] !== t1) {
+    t4 = /*#__PURE__*/_jsxs(PaginationLink, {
+      "aria-label": "Go to next page",
+      size: "default",
+      className: t1,
+      ...props,
+      children: [t2, t3]
+    });
+    $[7] = props;
+    $[8] = t1;
+    $[9] = t4;
+  } else {
+    t4 = $[9];
+  }
+  return t4;
 }
-function PaginationEllipsis({ className, ...props }) {
-    return (_jsxs("span", { "aria-hidden": true, "data-slot": "pagination-ellipsis", className: cn("flex size-9 items-center justify-center", className), ...props, children: [_jsx(MoreHorizontalIcon, { className: "size-4" }), _jsx("span", { className: "sr-only", children: "More pages" })] }));
+function PaginationEllipsis(t0) {
+  const $ = _c(10);
+  let className;
+  let props;
+  if ($[0] !== t0) {
+    ({
+      className,
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = className;
+    $[2] = props;
+  } else {
+    className = $[1];
+    props = $[2];
+  }
+  let t1;
+  if ($[3] !== className) {
+    t1 = cn("flex size-9 items-center justify-center", className);
+    $[3] = className;
+    $[4] = t1;
+  } else {
+    t1 = $[4];
+  }
+  let t2;
+  let t3;
+  if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+    t2 = /*#__PURE__*/_jsx(MoreHorizontalIcon, {
+      className: "size-4"
+    });
+    t3 = /*#__PURE__*/_jsx("span", {
+      className: "sr-only",
+      children: "More pages"
+    });
+    $[5] = t2;
+    $[6] = t3;
+  } else {
+    t2 = $[5];
+    t3 = $[6];
+  }
+  let t4;
+  if ($[7] !== props || $[8] !== t1) {
+    t4 = /*#__PURE__*/_jsxs("span", {
+      "aria-hidden": true,
+      "data-slot": "pagination-ellipsis",
+      className: t1,
+      ...props,
+      children: [t2, t3]
+    });
+    $[7] = props;
+    $[8] = t1;
+    $[9] = t4;
+  } else {
+    t4 = $[9];
+  }
+  return t4;
 }
-export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, };
+export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious };