@zentauri-ui/zentauri-components 0.0.83 → 0.0.91

package/dist/ui/pagination.js

@@ -0,0 +1,494 @@
+"use client";
+
+
+// src/ui/pagination/pagination.tsx
+import { forwardRef, useCallback as useCallback2, useId } from "react";
+
+// src/lib/utils.ts
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+// src/ui/buttons/variants.ts
+import { cva } from "class-variance-authority";
+var buttonVariants = cva(
+  [
+    "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-xl",
+    "text-sm font-medium ring-offset-slate-950 transition-colors",
+    "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-300 focus-visible:ring-offset-2",
+    "disabled:pointer-events-none disabled:opacity-50",
+    "select-none"
+  ],
+  {
+    variants: {
+      appearance: {
+        default: "bg-slate-50 text-slate-950 shadow-[0_1px_2px_rgba(15,23,42,0.12)] hover:bg-white",
+        secondary: "bg-slate-800 text-slate-50 hover:bg-slate-700",
+        destructive: "bg-rose-600 text-white hover:bg-rose-600",
+        outline: "border border-white/10 bg-white/5 text-slate-50 hover:bg-white/10",
+        ghost: "bg-transparent text-slate-200 hover:bg-white/5",
+        link: "bg-transparent text-cyan-300 underline-offset-4 hover:underline",
+        glass: "border border-white/15 bg-white/10 text-white backdrop-blur-md hover:bg-white/15",
+        emerald: "bg-emerald-600 text-white hover:bg-emerald-600",
+        indigo: "bg-indigo-600 text-white hover:bg-indigo-600",
+        purple: "bg-purple-600 text-white hover:bg-purple-600",
+        pink: "bg-pink-600 text-white hover:bg-pink-600",
+        rose: "bg-rose-600 text-white hover:bg-rose-600",
+        sky: "bg-sky-600 text-white hover:bg-sky-600",
+        teal: "bg-teal-600 text-white hover:bg-teal-600",
+        yellow: "bg-yellow-600 text-white hover:bg-yellow-600",
+        orange: "bg-orange-600 text-white hover:bg-orange-600",
+        gray: "bg-gray-600 text-white hover:bg-gray-600",
+        amber: "bg-amber-600 text-white hover:bg-amber-600",
+        violet: "bg-violet-600 text-white hover:bg-violet-600",
+        "gradient-blue": "bg-gradient-to-r from-blue-600 to-purple-600 text-white hover:from-blue-600 hover:to-purple-600",
+        "gradient-green": "bg-gradient-to-r from-green-600 to-lime-600 text-white hover:from-green-600 hover:to-lime-600",
+        "gradient-red": "bg-gradient-to-r from-red-600 to-pink-600 text-white hover:from-red-600 hover:to-pink-600",
+        "gradient-yellow": "bg-gradient-to-r from-yellow-600 to-orange-600 text-white hover:from-yellow-600 hover:to-orange-600",
+        "gradient-purple": "bg-gradient-to-r from-purple-600 to-pink-600 text-white hover:from-purple-600 hover:to-pink-600",
+        "gradient-teal": "bg-gradient-to-r from-teal-600 to-cyan-600 text-white hover:from-teal-600 hover:to-cyan-600",
+        "gradient-indigo": "bg-gradient-to-r from-indigo-600 to-purple-600 text-white hover:from-indigo-600 hover:to-purple-600",
+        "gradient-pink": "bg-gradient-to-r from-pink-600 to-rose-600 text-white hover:from-pink-600 hover:to-rose-600",
+        "gradient-orange": "bg-gradient-to-r from-orange-600 to-red-600 text-white hover:from-orange-600 hover:to-red-600"
+      },
+      size: {
+        sm: "h-7 md:h-9 px-3 text-xs",
+        md: "h-9 md:h-11 px-4",
+        lg: "h-10 md:h-12 px-5 text-base",
+        xl: "h-12 md:h-14 px-6 text-lg",
+        "2xl": "h-14 md:h-16 px-6 md:px-8 text-xl",
+        "3xl": "h-16 md:h-18 px-8 md:px-10 text-2xl",
+        "4xl": "h-18 md:h-20 px-10 md:px-12 text-2xl",
+        "5xl": "h-20 md:h-22 px-12 md:px-14 text-2xl",
+        "6xl": "h-22 md:h-24 px-14 md:px-16 text-2xl",
+        "7xl": "h-24 md:h-26 px-16 md:px-18 text-2xl",
+        "8xl": "h-26 md:h-28 px-20 text-2xl",
+        "9xl": "h-24 md:h-30 px-18 md:px-22 text-2xl",
+        "10xl": "h-26 md:h-32 px-20 md:px-24 text-2xl",
+        icon: "h-10 w-10"
+      }
+    },
+    defaultVariants: {
+      appearance: "default",
+      size: "md"
+    }
+  }
+);
+
+// src/ui/pagination/pagination-logic.ts
+function buildPaginationItems({
+  pageCount,
+  currentPage,
+  siblingCount,
+  boundaryCount
+}) {
+  if (pageCount <= 0) {
+    return [];
+  }
+  const safeBoundary = Math.max(1, boundaryCount);
+  const safeSibling = Math.max(0, siblingCount);
+  const current = clampPage(currentPage, pageCount);
+  const totalNumbers = safeBoundary * 2 + safeSibling * 2 + 1;
+  if (pageCount <= totalNumbers) {
+    return range(1, pageCount).map((value) => ({ type: "page", value }));
+  }
+  const leftBoundaryEnd = safeBoundary;
+  const rightBoundaryStart = pageCount - safeBoundary + 1;
+  const siblingsStart = Math.max(current - safeSibling, leftBoundaryEnd + 1);
+  const siblingsEnd = Math.min(current + safeSibling, rightBoundaryStart - 1);
+  const pages = /* @__PURE__ */ new Set();
+  for (let p = 1; p <= leftBoundaryEnd; p += 1) {
+    pages.add(p);
+  }
+  for (let p = rightBoundaryStart; p <= pageCount; p += 1) {
+    pages.add(p);
+  }
+  for (let p = siblingsStart; p <= siblingsEnd; p += 1) {
+    pages.add(p);
+  }
+  const sorted = [...pages].sort((a, b) => a - b);
+  const items = [];
+  for (let i = 0; i < sorted.length; i += 1) {
+    const value = sorted[i];
+    const prev = sorted[i - 1];
+    if (i > 0 && prev !== void 0 && value && value - prev > 1) {
+      items.push({ type: "ellipsis", key: `gap-${prev}-${value}` });
+    }
+    items.push({ type: "page", value });
+  }
+  return items;
+}
+function clampPage(page, pageCount) {
+  if (pageCount <= 0) {
+    return 1;
+  }
+  return Math.min(pageCount, Math.max(1, Math.floor(page)));
+}
+function range(from, to) {
+  const out = [];
+  for (let i = from; i <= to; i += 1) {
+    out.push(i);
+  }
+  return out;
+}
+
+// src/ui/pagination/use-pagination.ts
+import { useCallback, useMemo, useState } from "react";
+function usePagination({
+  pageCount,
+  page,
+  defaultPage = 1,
+  siblingCount = 1,
+  boundaryCount = 1,
+  onPageChange
+}) {
+  const [internalPage, setInternalPage] = useState(
+    () => clampPage(defaultPage, pageCount)
+  );
+  const isControlled = page !== void 0;
+  const currentPage = clampPage(
+    isControlled ? page : internalPage,
+    pageCount
+  );
+  const setPage = useCallback(
+    (next) => {
+      const clamped = clampPage(next, pageCount);
+      if (!isControlled) {
+        setInternalPage(clamped);
+      }
+      onPageChange?.(clamped);
+    },
+    [isControlled, onPageChange, pageCount]
+  );
+  const items = useMemo(
+    () => buildPaginationItems({
+      pageCount,
+      currentPage,
+      siblingCount,
+      boundaryCount
+    }),
+    [boundaryCount, currentPage, pageCount, siblingCount]
+  );
+  const canGoPrev = pageCount > 0 && currentPage > 1;
+  const canGoNext = pageCount > 0 && currentPage < pageCount;
+  const goPrev = useCallback(() => {
+    if (canGoPrev) {
+      setPage(currentPage - 1);
+    }
+  }, [canGoPrev, currentPage, setPage]);
+  const goNext = useCallback(() => {
+    if (canGoNext) {
+      setPage(currentPage + 1);
+    }
+  }, [canGoNext, currentPage, setPage]);
+  return {
+    currentPage,
+    pageCount,
+    items,
+    setPage,
+    goPrev,
+    goNext,
+    canGoPrev,
+    canGoNext
+  };
+}
+
+// src/ui/pagination/variants.ts
+import { cva as cva2 } from "class-variance-authority";
+var paginationListVariants = cva2(
+  "inline-flex flex-wrap items-center rounded-xl border p-1 ring-offset-slate-950",
+  {
+    variants: {
+      appearance: {
+        default: "border-white/10 bg-white/[0.03]",
+        secondary: "border-white/10 bg-slate-900/40",
+        destructive: "border-rose-500/25 bg-rose-950/20",
+        outline: "border-white/15 bg-transparent",
+        ghost: "border-transparent bg-transparent",
+        link: "border-transparent bg-transparent",
+        glass: "border-white/15 bg-white/5 backdrop-blur-md",
+        emerald: "border-emerald-500/25 bg-emerald-950/20",
+        indigo: "border-indigo-500/25 bg-indigo-950/20",
+        purple: "border-purple-500/25 bg-purple-950/20",
+        pink: "border-pink-500/25 bg-pink-950/20",
+        rose: "border-rose-500/25 bg-rose-950/20",
+        sky: "border-sky-500/25 bg-sky-950/20",
+        teal: "border-teal-500/25 bg-teal-950/20",
+        yellow: "border-yellow-500/25 bg-yellow-950/20",
+        orange: "border-orange-500/25 bg-orange-950/20",
+        gray: "border-gray-500/25 bg-gray-950/20",
+        amber: "border-amber-500/25 bg-amber-950/20",
+        violet: "border-violet-500/25 bg-violet-950/20",
+        "gradient-blue": "border-blue-500/30 bg-gradient-to-r from-blue-950/30 to-purple-950/30",
+        "gradient-green": "border-lime-500/30 bg-gradient-to-r from-green-950/30 to-lime-950/30",
+        "gradient-red": "border-pink-500/30 bg-gradient-to-r from-red-950/30 to-pink-950/30",
+        "gradient-yellow": "border-orange-500/30 bg-gradient-to-r from-yellow-950/30 to-orange-950/30",
+        "gradient-purple": "border-pink-500/30 bg-gradient-to-r from-purple-950/30 to-pink-950/30",
+        "gradient-teal": "border-cyan-500/30 bg-gradient-to-r from-teal-950/30 to-cyan-950/30",
+        "gradient-indigo": "border-purple-500/30 bg-gradient-to-r from-indigo-950/30 to-purple-950/30",
+        "gradient-pink": "border-rose-500/30 bg-gradient-to-r from-pink-950/30 to-rose-950/30",
+        "gradient-orange": "border-orange-500/30 bg-gradient-to-r from-orange-950/30 to-red-950/30"
+      },
+      size: {
+        sm: "gap-0.5",
+        md: "gap-1",
+        lg: "gap-1",
+        xl: "gap-1.5",
+        "2xl": "gap-1.5",
+        "3xl": "gap-2",
+        "4xl": "gap-2",
+        "5xl": "gap-2",
+        "6xl": "gap-2",
+        "7xl": "gap-2.5",
+        "8xl": "gap-2.5",
+        "9xl": "gap-2.5",
+        "10xl": "gap-3",
+        icon: "gap-1"
+      }
+    },
+    defaultVariants: {
+      appearance: "default",
+      size: "md"
+    }
+  }
+);
+var paginationEllipsisVariants = cva2(
+  "inline-flex min-w-[2ch] select-none items-center justify-center px-1 font-medium text-slate-400",
+  {
+    variants: {
+      size: {
+        sm: "text-xs",
+        md: "text-sm",
+        lg: "text-base",
+        xl: "text-base",
+        "2xl": "text-lg",
+        "3xl": "text-lg",
+        "4xl": "text-xl",
+        "5xl": "text-xl",
+        "6xl": "text-xl",
+        "7xl": "text-2xl",
+        "8xl": "text-2xl",
+        "9xl": "text-2xl",
+        "10xl": "text-2xl",
+        icon: "text-sm"
+      }
+    },
+    defaultVariants: { size: "md" }
+  }
+);
+
+// src/ui/pagination/pagination.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var defaultPrevLabel = "Previous page";
+var defaultNextLabel = "Next page";
+var defaultEllipsisLabel = "More pages";
+var Pagination = forwardRef(
+  function Pagination2({
+    className,
+    appearance = "default",
+    size = "md",
+    pageCount,
+    page,
+    defaultPage = 1,
+    onPageChange,
+    siblingCount = 1,
+    boundaryCount = 1,
+    showPrevNext = true,
+    prevLabel = defaultPrevLabel,
+    nextLabel = defaultNextLabel,
+    ellipsisLabel = defaultEllipsisLabel,
+    getPageHref,
+    "aria-label": ariaLabel = "Pagination",
+    ...rest
+  }, ref) {
+    const id = useId();
+    const listId = `${id}-list`;
+    const {
+      currentPage,
+      items,
+      setPage,
+      goPrev,
+      goNext,
+      canGoPrev,
+      canGoNext
+    } = usePagination({
+      pageCount,
+      page,
+      defaultPage,
+      siblingCount,
+      boundaryCount,
+      onPageChange
+    });
+    const handleKeyDown = useCallback2(
+      (event) => {
+        if (pageCount <= 0) {
+          return;
+        }
+        if (event.key === "ArrowRight" || event.key === "ArrowDown") {
+          event.preventDefault();
+          if (canGoNext) {
+            setPage(currentPage + 1);
+          }
+        } else if (event.key === "ArrowLeft" || event.key === "ArrowUp") {
+          event.preventDefault();
+          if (canGoPrev) {
+            setPage(currentPage - 1);
+          }
+        } else if (event.key === "Home") {
+          event.preventDefault();
+          setPage(1);
+        } else if (event.key === "End") {
+          event.preventDefault();
+          setPage(pageCount);
+        }
+      },
+      [canGoNext, canGoPrev, currentPage, pageCount, setPage]
+    );
+    if (pageCount <= 0) {
+      return null;
+    }
+    const inactiveTriggerClass = cn(
+      buttonVariants({ appearance: "ghost", size }),
+      "bg-white/[0.04] text-slate-200 hover:bg-white/10"
+    );
+    const currentTriggerClass = buttonVariants({ appearance, size });
+    const triggerFocusRing = "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-300 focus-visible:ring-offset-2 focus-visible:ring-offset-slate-950";
+    const renderPageControl = (pageNumber) => {
+      const isCurrent = pageNumber === currentPage;
+      const href = getPageHref?.(pageNumber);
+      const shared = cn(
+        isCurrent ? currentTriggerClass : inactiveTriggerClass,
+        "min-w-[2.25ch] shrink-0",
+        triggerFocusRing
+      );
+      if (href) {
+        return /* @__PURE__ */ jsx(
+          "a",
+          {
+            "data-slot": "pagination-trigger",
+            href,
+            "aria-label": `Page ${pageNumber}`,
+            "aria-current": isCurrent ? "page" : void 0,
+            className: shared,
+            children: pageNumber
+          }
+        );
+      }
+      return /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          "data-slot": "pagination-trigger",
+          "aria-label": `Page ${pageNumber}`,
+          "aria-current": isCurrent ? "page" : void 0,
+          className: shared,
+          onClick: () => {
+            if (!isCurrent) {
+              setPage(pageNumber);
+            }
+          },
+          children: pageNumber
+        }
+      );
+    };
+    const prevHref = getPageHref?.(clampPage(currentPage - 1, pageCount));
+    const nextHref = getPageHref?.(clampPage(currentPage + 1, pageCount));
+    const navTriggerClass = cn(
+      buttonVariants({ appearance: "outline", size }),
+      "shrink-0 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-300 focus-visible:ring-offset-2 focus-visible:ring-offset-slate-950"
+    );
+    return /* @__PURE__ */ jsx(
+      "nav",
+      {
+        ref,
+        "data-slot": "pagination",
+        "aria-label": ariaLabel,
+        className: cn("w-full", className),
+        onKeyDown: handleKeyDown,
+        ...rest,
+        children: /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
+          showPrevNext ? getPageHref && prevHref && canGoPrev ? /* @__PURE__ */ jsx(
+            "a",
+            {
+              "data-slot": "pagination-prev",
+              "aria-label": prevLabel,
+              href: prevHref,
+              className: navTriggerClass,
+              children: "Prev"
+            }
+          ) : /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              "data-slot": "pagination-prev",
+              "aria-label": prevLabel,
+              disabled: !canGoPrev,
+              className: navTriggerClass,
+              onClick: goPrev,
+              children: "Prev"
+            }
+          ) : null,
+          /* @__PURE__ */ jsx(
+            "ul",
+            {
+              id: listId,
+              "data-slot": "pagination-list",
+              className: paginationListVariants({ appearance, size }),
+              children: items.map((item) => /* @__PURE__ */ jsx(
+                "li",
+                {
+                  "data-slot": "pagination-item",
+                  className: "inline-flex items-center",
+                  children: item.type === "ellipsis" ? /* @__PURE__ */ jsx(
+                    "span",
+                    {
+                      "data-slot": "pagination-ellipsis",
+                      "aria-hidden": "true",
+                      title: ellipsisLabel,
+                      className: paginationEllipsisVariants({ size }),
+                      children: "\u2026"
+                    }
+                  ) : renderPageControl(item.value)
+                },
+                item.type === "page" ? `page-${item.value}` : item.key
+              ))
+            }
+          ),
+          showPrevNext ? getPageHref && nextHref && canGoNext ? /* @__PURE__ */ jsx(
+            "a",
+            {
+              "data-slot": "pagination-next",
+              "aria-label": nextLabel,
+              href: nextHref,
+              className: navTriggerClass,
+              children: "Next"
+            }
+          ) : /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              "data-slot": "pagination-next",
+              "aria-label": nextLabel,
+              disabled: !canGoNext,
+              className: navTriggerClass,
+              onClick: goNext,
+              children: "Next"
+            }
+          ) : null
+        ] })
+      }
+    );
+  }
+);
+Pagination.displayName = "Pagination";
+export {
+  Pagination,
+  buildPaginationItems,
+  clampPage,
+  paginationEllipsisVariants,
+  paginationListVariants,
+  usePagination
+};
+//# sourceMappingURL=pagination.js.map

package/dist/ui/pagination.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/ui/pagination/pagination.tsx","../../src/lib/utils.ts","../../src/ui/buttons/variants.ts","../../src/ui/pagination/pagination-logic.ts","../../src/ui/pagination/use-pagination.ts","../../src/ui/pagination/variants.ts"],"sourcesContent":["\"use client\";\n\nimport { forwardRef, useCallback, useId, type KeyboardEvent } from \"react\";\n\nimport { cn } from \"../../lib/utils\";\nimport { buttonVariants } from \"../buttons/variants\";\n\nimport { clampPage } from \"./pagination-logic\";\nimport type { PaginationProps } from \"./types\";\nimport { usePagination } from \"./use-pagination\";\nimport { paginationEllipsisVariants, paginationListVariants } from \"./variants\";\n\nconst defaultPrevLabel = \"Previous page\";\nconst defaultNextLabel = \"Next page\";\nconst defaultEllipsisLabel = \"More pages\";\n\nexport const Pagination = forwardRef<HTMLElement, PaginationProps>(\n  function Pagination(\n    {\n      className,\n      appearance = \"default\",\n      size = \"md\",\n      pageCount,\n      page,\n      defaultPage = 1,\n      onPageChange,\n      siblingCount = 1,\n      boundaryCount = 1,\n      showPrevNext = true,\n      prevLabel = defaultPrevLabel,\n      nextLabel = defaultNextLabel,\n      ellipsisLabel = defaultEllipsisLabel,\n      getPageHref,\n      \"aria-label\": ariaLabel = \"Pagination\",\n      ...rest\n    },\n    ref,\n  ) {\n    const id = useId();\n    const listId = `${id}-list`;\n\n    const {\n      currentPage,\n      items,\n      setPage,\n      goPrev,\n      goNext,\n      canGoPrev,\n      canGoNext,\n    } = usePagination({\n      pageCount,\n      page,\n      defaultPage,\n      siblingCount,\n      boundaryCount,\n      onPageChange,\n    });\n\n    const handleKeyDown = useCallback(\n      (event: KeyboardEvent<HTMLElement>) => {\n        if (pageCount <= 0) {\n          return;\n        }\n        if (event.key === \"ArrowRight\" || event.key === \"ArrowDown\") {\n          event.preventDefault();\n          if (canGoNext) {\n            setPage(currentPage + 1);\n          }\n        } else if (event.key === \"ArrowLeft\" || event.key === \"ArrowUp\") {\n          event.preventDefault();\n          if (canGoPrev) {\n            setPage(currentPage - 1);\n          }\n        } else if (event.key === \"Home\") {\n          event.preventDefault();\n          setPage(1);\n        } else if (event.key === \"End\") {\n          event.preventDefault();\n          setPage(pageCount);\n        }\n      },\n      [canGoNext, canGoPrev, currentPage, pageCount, setPage],\n    );\n\n    if (pageCount <= 0) {\n      return null;\n    }\n\n    const inactiveTriggerClass = cn(\n      buttonVariants({ appearance: \"ghost\", size }),\n      \"bg-white/[0.04] text-slate-200 hover:bg-white/10\",\n    );\n\n    const currentTriggerClass = buttonVariants({ appearance, size });\n\n    const triggerFocusRing =\n      \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-300 focus-visible:ring-offset-2 focus-visible:ring-offset-slate-950\";\n\n    const renderPageControl = (pageNumber: number) => {\n      const isCurrent = pageNumber === currentPage;\n      const href = getPageHref?.(pageNumber);\n      const shared = cn(\n        isCurrent ? currentTriggerClass : inactiveTriggerClass,\n        \"min-w-[2.25ch] shrink-0\",\n        triggerFocusRing,\n      );\n\n      if (href) {\n        return (\n          <a\n            data-slot=\"pagination-trigger\"\n            href={href}\n            aria-label={`Page ${pageNumber}`}\n            aria-current={isCurrent ? \"page\" : undefined}\n            className={shared}\n          >\n            {pageNumber}\n          </a>\n        );\n      }\n\n      return (\n        <button\n          type=\"button\"\n          data-slot=\"pagination-trigger\"\n          aria-label={`Page ${pageNumber}`}\n          aria-current={isCurrent ? \"page\" : undefined}\n          className={shared}\n          onClick={() => {\n            if (!isCurrent) {\n              setPage(pageNumber);\n            }\n          }}\n        >\n          {pageNumber}\n        </button>\n      );\n    };\n\n    const prevHref = getPageHref?.(clampPage(currentPage - 1, pageCount));\n    const nextHref = getPageHref?.(clampPage(currentPage + 1, pageCount));\n\n    const navTriggerClass = cn(\n      buttonVariants({ appearance: \"outline\", size }),\n      \"shrink-0 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-300 focus-visible:ring-offset-2 focus-visible:ring-offset-slate-950\",\n    );\n\n    return (\n      <nav\n        ref={ref}\n        data-slot=\"pagination\"\n        aria-label={ariaLabel}\n        className={cn(\"w-full\", className)}\n        onKeyDown={handleKeyDown}\n        {...rest}\n      >\n        <div className=\"flex flex-wrap items-center gap-2\">\n          {showPrevNext ? (\n            getPageHref && prevHref && canGoPrev ? (\n              <a\n                data-slot=\"pagination-prev\"\n                aria-label={prevLabel}\n                href={prevHref}\n                className={navTriggerClass}\n              >\n                Prev\n              </a>\n            ) : (\n              <button\n                type=\"button\"\n                data-slot=\"pagination-prev\"\n                aria-label={prevLabel}\n                disabled={!canGoPrev}\n                className={navTriggerClass}\n                onClick={goPrev}\n              >\n                Prev\n              </button>\n            )\n          ) : null}\n\n          <ul\n            id={listId}\n            data-slot=\"pagination-list\"\n            className={paginationListVariants({ appearance, size })}\n          >\n            {items.map((item) => (\n              <li\n                key={item.type === \"page\" ? `page-${item.value}` : item.key}\n                data-slot=\"pagination-item\"\n                className=\"inline-flex items-center\"\n              >\n                {item.type === \"ellipsis\" ? (\n                  <span\n                    data-slot=\"pagination-ellipsis\"\n                    aria-hidden=\"true\"\n                    title={ellipsisLabel}\n                    className={paginationEllipsisVariants({ size })}\n                  >\n                    …\n                  </span>\n                ) : (\n                  renderPageControl(item.value)\n                )}\n              </li>\n            ))}\n          </ul>\n\n          {showPrevNext ? (\n            getPageHref && nextHref && canGoNext ? (\n              <a\n                data-slot=\"pagination-next\"\n                aria-label={nextLabel}\n                href={nextHref}\n                className={navTriggerClass}\n              >\n                Next\n              </a>\n            ) : (\n              <button\n                type=\"button\"\n                data-slot=\"pagination-next\"\n                aria-label={nextLabel}\n                disabled={!canGoNext}\n                className={navTriggerClass}\n                onClick={goNext}\n              >\n                Next\n              </button>\n            )\n          ) : null}\n        </div>\n      </nav>\n    );\n  },\n);\n\nPagination.displayName = \"Pagination\";\n","import { type ClassValue, clsx } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}","import { cva } from \"class-variance-authority\";\n\nexport const buttonVariants = cva(\n  [\n    \"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-xl\",\n    \"text-sm font-medium ring-offset-slate-950 transition-colors\",\n    \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-300 focus-visible:ring-offset-2\",\n    \"disabled:pointer-events-none disabled:opacity-50\",\n    \"select-none\",\n  ],\n  {\n    variants: {\n      appearance: {\n        default:\n          \"bg-slate-50 text-slate-950 shadow-[0_1px_2px_rgba(15,23,42,0.12)] hover:bg-white\",\n        secondary: \"bg-slate-800 text-slate-50 hover:bg-slate-700\",\n        destructive: \"bg-rose-600 text-white hover:bg-rose-600\",\n        outline:\n          \"border border-white/10 bg-white/5 text-slate-50 hover:bg-white/10\",\n        ghost: \"bg-transparent text-slate-200 hover:bg-white/5\",\n        link: \"bg-transparent text-cyan-300 underline-offset-4 hover:underline\",\n        glass:\n          \"border border-white/15 bg-white/10 text-white backdrop-blur-md hover:bg-white/15\",\n        emerald: \"bg-emerald-600 text-white hover:bg-emerald-600\",\n        indigo: \"bg-indigo-600 text-white hover:bg-indigo-600\",\n        purple: \"bg-purple-600 text-white hover:bg-purple-600\",\n        pink: \"bg-pink-600 text-white hover:bg-pink-600\",\n        rose: \"bg-rose-600 text-white hover:bg-rose-600\",\n        sky: \"bg-sky-600 text-white hover:bg-sky-600\",\n        teal: \"bg-teal-600 text-white hover:bg-teal-600\",\n        yellow: \"bg-yellow-600 text-white hover:bg-yellow-600\",\n        orange: \"bg-orange-600 text-white hover:bg-orange-600\",\n        gray: \"bg-gray-600 text-white hover:bg-gray-600\",\n        amber: \"bg-amber-600 text-white hover:bg-amber-600\",\n        violet: \"bg-violet-600 text-white hover:bg-violet-600\",\n        \"gradient-blue\": \"bg-gradient-to-r from-blue-600 to-purple-600 text-white hover:from-blue-600 hover:to-purple-600\",\n        \"gradient-green\": \"bg-gradient-to-r from-green-600 to-lime-600 text-white hover:from-green-600 hover:to-lime-600\",\n        \"gradient-red\": \"bg-gradient-to-r from-red-600 to-pink-600 text-white hover:from-red-600 hover:to-pink-600\",\n        \"gradient-yellow\": \"bg-gradient-to-r from-yellow-600 to-orange-600 text-white hover:from-yellow-600 hover:to-orange-600\",\n        \"gradient-purple\": \"bg-gradient-to-r from-purple-600 to-pink-600 text-white hover:from-purple-600 hover:to-pink-600\",\n        \"gradient-teal\": \"bg-gradient-to-r from-teal-600 to-cyan-600 text-white hover:from-teal-600 hover:to-cyan-600\",\n        \"gradient-indigo\": \"bg-gradient-to-r from-indigo-600 to-purple-600 text-white hover:from-indigo-600 hover:to-purple-600\",\n        \"gradient-pink\": \"bg-gradient-to-r from-pink-600 to-rose-600 text-white hover:from-pink-600 hover:to-rose-600\",\n        \"gradient-orange\": \"bg-gradient-to-r from-orange-600 to-red-600 text-white hover:from-orange-600 hover:to-red-600\",\n      },\n      size: {\n        sm: \"h-7 md:h-9 px-3 text-xs\",\n        md: \"h-9 md:h-11 px-4\",\n        lg: \"h-10 md:h-12 px-5 text-base\",\n        xl: \"h-12 md:h-14 px-6 text-lg\",\n        \"2xl\": \"h-14 md:h-16 px-6 md:px-8 text-xl\",\n        \"3xl\": \"h-16 md:h-18 px-8 md:px-10 text-2xl\",\n        \"4xl\": \"h-18 md:h-20 px-10 md:px-12 text-2xl\",\n        \"5xl\": \"h-20 md:h-22 px-12 md:px-14 text-2xl\",\n        \"6xl\": \"h-22 md:h-24 px-14 md:px-16 text-2xl\",\n        \"7xl\": \"h-24 md:h-26 px-16 md:px-18 text-2xl\",\n        \"8xl\": \"h-26 md:h-28 px-20 text-2xl\",\n        \"9xl\": \"h-24 md:h-30 px-18 md:px-22 text-2xl\",\n        \"10xl\": \"h-26 md:h-32 px-20 md:px-24 text-2xl\",\n        icon: \"h-10 w-10\",\n      },\n    },\n    defaultVariants: {\n      appearance: \"default\",\n      size: \"md\",\n    },\n  },\n);\n","export type PaginationPageItem =\n  | { type: \"page\"; value: number }\n  | { type: \"ellipsis\"; key: string };\n\nexport type BuildPaginationItemsParams = {\n  pageCount: number;\n  currentPage: number;\n  siblingCount: number;\n  boundaryCount: number;\n};\n\n/**\n * Builds the ordered list of page numbers and ellipsis markers for a pagination control.\n *\n * Args:\n *   pageCount: Total number of pages (must be >= 0).\n *   currentPage: Active page index (1-based).\n *   siblingCount: How many page buttons to show on each side of the current page.\n *   boundaryCount: How many pages to pin at the start and end of the range.\n *\n * Returns:\n *   A list of items suitable for rendering, e.g. [1, ellipsis, 4,5,6, ellipsis, 20].\n */\nexport function buildPaginationItems({\n  pageCount,\n  currentPage,\n  siblingCount,\n  boundaryCount,\n}: BuildPaginationItemsParams): PaginationPageItem[] {\n  if (pageCount <= 0) {\n    return [];\n  }\n\n  const safeBoundary = Math.max(1, boundaryCount);\n  const safeSibling = Math.max(0, siblingCount);\n  const current = clampPage(currentPage, pageCount);\n\n  const totalNumbers =\n    safeBoundary * 2 + safeSibling * 2 + 1;\n  if (pageCount <= totalNumbers) {\n    return range(1, pageCount).map((value) => ({ type: \"page\", value }));\n  }\n\n  const leftBoundaryEnd = safeBoundary;\n  const rightBoundaryStart = pageCount - safeBoundary + 1;\n\n  const siblingsStart = Math.max(current - safeSibling, leftBoundaryEnd + 1);\n  const siblingsEnd = Math.min(current + safeSibling, rightBoundaryStart - 1);\n\n  const pages = new Set<number>();\n  for (let p = 1; p <= leftBoundaryEnd; p += 1) {\n    pages.add(p);\n  }\n  for (let p = rightBoundaryStart; p <= pageCount; p += 1) {\n    pages.add(p);\n  }\n  for (let p = siblingsStart; p <= siblingsEnd; p += 1) {\n    pages.add(p);\n  }\n\n  const sorted = [...pages].sort((a, b) => a - b);\n  const items: PaginationPageItem[] = [];\n\n  for (let i = 0; i < sorted.length; i += 1) {\n    const value = sorted[i];\n    const prev = sorted[i - 1];\n    if (i > 0 && prev !== undefined && value && value - prev > 1) {\n      items.push({ type: \"ellipsis\", key: `gap-${prev}-${value}` });\n    }\n    items.push({ type: \"page\", value: value as number });\n  }\n\n  return items;\n}\n\nexport function clampPage(page: number, pageCount: number): number {\n  if (pageCount <= 0) {\n    return 1;\n  }\n  return Math.min(pageCount, Math.max(1, Math.floor(page)));\n}\n\nfunction range(from: number, to: number): number[] {\n  const out: number[] = [];\n  for (let i = from; i <= to; i += 1) {\n    out.push(i);\n  }\n  return out;\n}\n","\"use client\";\n\nimport { useCallback, useMemo, useState } from \"react\";\n\nimport type { UsePaginationParams, UsePaginationResult } from \"./types\";\nimport { buildPaginationItems, clampPage } from \"./pagination-logic\";\n\nexport function usePagination({\n  pageCount,\n  page,\n  defaultPage = 1,\n  siblingCount = 1,\n  boundaryCount = 1,\n  onPageChange,\n}: UsePaginationParams): UsePaginationResult {\n  const [internalPage, setInternalPage] = useState(() =>\n    clampPage(defaultPage, pageCount),\n  );\n\n  const isControlled = page !== undefined;\n  const currentPage = clampPage(\n    isControlled ? page : internalPage,\n    pageCount,\n  );\n\n  const setPage = useCallback(\n    (next: number) => {\n      const clamped = clampPage(next, pageCount);\n      if (!isControlled) {\n        setInternalPage(clamped);\n      }\n      onPageChange?.(clamped);\n    },\n    [isControlled, onPageChange, pageCount],\n  );\n\n  const items = useMemo(\n    () =>\n      buildPaginationItems({\n        pageCount,\n        currentPage,\n        siblingCount,\n        boundaryCount,\n      }),\n    [boundaryCount, currentPage, pageCount, siblingCount],\n  );\n\n  const canGoPrev = pageCount > 0 && currentPage > 1;\n  const canGoNext = pageCount > 0 && currentPage < pageCount;\n\n  const goPrev = useCallback(() => {\n    if (canGoPrev) {\n      setPage(currentPage - 1);\n    }\n  }, [canGoPrev, currentPage, setPage]);\n\n  const goNext = useCallback(() => {\n    if (canGoNext) {\n      setPage(currentPage + 1);\n    }\n  }, [canGoNext, currentPage, setPage]);\n\n  return {\n    currentPage,\n    pageCount,\n    items,\n    setPage,\n    goPrev,\n    goNext,\n    canGoPrev,\n    canGoNext,\n  };\n}\n","import { cva } from \"class-variance-authority\";\n\n/**\n * Layout and chrome for the page list cluster. Appearance and size keys align with\n * `components/ui/buttons/variants.ts` for consistent design-system tokens.\n */\nexport const paginationListVariants = cva(\n  \"inline-flex flex-wrap items-center rounded-xl border p-1 ring-offset-slate-950\",\n  {\n    variants: {\n      appearance: {\n        default: \"border-white/10 bg-white/[0.03]\",\n        secondary: \"border-white/10 bg-slate-900/40\",\n        destructive: \"border-rose-500/25 bg-rose-950/20\",\n        outline: \"border-white/15 bg-transparent\",\n        ghost: \"border-transparent bg-transparent\",\n        link: \"border-transparent bg-transparent\",\n        glass: \"border-white/15 bg-white/5 backdrop-blur-md\",\n        emerald: \"border-emerald-500/25 bg-emerald-950/20\",\n        indigo: \"border-indigo-500/25 bg-indigo-950/20\",\n        purple: \"border-purple-500/25 bg-purple-950/20\",\n        pink: \"border-pink-500/25 bg-pink-950/20\",\n        rose: \"border-rose-500/25 bg-rose-950/20\",\n        sky: \"border-sky-500/25 bg-sky-950/20\",\n        teal: \"border-teal-500/25 bg-teal-950/20\",\n        yellow: \"border-yellow-500/25 bg-yellow-950/20\",\n        orange: \"border-orange-500/25 bg-orange-950/20\",\n        gray: \"border-gray-500/25 bg-gray-950/20\",\n        amber: \"border-amber-500/25 bg-amber-950/20\",\n        violet: \"border-violet-500/25 bg-violet-950/20\",\n        \"gradient-blue\": \"border-blue-500/30 bg-gradient-to-r from-blue-950/30 to-purple-950/30\",\n        \"gradient-green\": \"border-lime-500/30 bg-gradient-to-r from-green-950/30 to-lime-950/30\",\n        \"gradient-red\": \"border-pink-500/30 bg-gradient-to-r from-red-950/30 to-pink-950/30\",\n        \"gradient-yellow\":\n          \"border-orange-500/30 bg-gradient-to-r from-yellow-950/30 to-orange-950/30\",\n        \"gradient-purple\":\n          \"border-pink-500/30 bg-gradient-to-r from-purple-950/30 to-pink-950/30\",\n        \"gradient-teal\": \"border-cyan-500/30 bg-gradient-to-r from-teal-950/30 to-cyan-950/30\",\n        \"gradient-indigo\":\n          \"border-purple-500/30 bg-gradient-to-r from-indigo-950/30 to-purple-950/30\",\n        \"gradient-pink\": \"border-rose-500/30 bg-gradient-to-r from-pink-950/30 to-rose-950/30\",\n        \"gradient-orange\": \"border-orange-500/30 bg-gradient-to-r from-orange-950/30 to-red-950/30\",\n      },\n      size: {\n        sm: \"gap-0.5\",\n        md: \"gap-1\",\n        lg: \"gap-1\",\n        xl: \"gap-1.5\",\n        \"2xl\": \"gap-1.5\",\n        \"3xl\": \"gap-2\",\n        \"4xl\": \"gap-2\",\n        \"5xl\": \"gap-2\",\n        \"6xl\": \"gap-2\",\n        \"7xl\": \"gap-2.5\",\n        \"8xl\": \"gap-2.5\",\n        \"9xl\": \"gap-2.5\",\n        \"10xl\": \"gap-3\",\n        icon: \"gap-1\",\n      },\n    },\n    defaultVariants: {\n      appearance: \"default\",\n      size: \"md\",\n    },\n  },\n);\n\nexport const paginationEllipsisVariants = cva(\n  \"inline-flex min-w-[2ch] select-none items-center justify-center px-1 font-medium text-slate-400\",\n  {\n    variants: {\n      size: {\n        sm: \"text-xs\",\n        md: \"text-sm\",\n        lg: \"text-base\",\n        xl: \"text-base\",\n        \"2xl\": \"text-lg\",\n        \"3xl\": \"text-lg\",\n        \"4xl\": \"text-xl\",\n        \"5xl\": \"text-xl\",\n        \"6xl\": \"text-xl\",\n        \"7xl\": \"text-2xl\",\n        \"8xl\": \"text-2xl\",\n        \"9xl\": \"text-2xl\",\n        \"10xl\": \"text-2xl\",\n        icon: \"text-sm\",\n      },\n    },\n    defaultVariants: { size: \"md\" },\n  },\n);\n"],"mappings":"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","names":["useCallback","cva","Pagination","useCallback"]}