@docubook/ui-react 1.0.0 → 2.0.0-alpha.1

package/dist/{chunk-LUVR2YGT.cjs → chunk-CK4TY6B7.cjs}

@@ -58,7 +58,7 @@ var DropdownItem = _react.forwardRef.call(void 0,
       _chunk2DFF5NELcjs.__spreadProps.call(void 0, _chunk2DFF5NELcjs.__spreadValues.call(void 0, {
         ref,
         className: _chunk2DFF5NELcjs.cn.call(void 0, 
-          "hover:bg-base-200 text-base-content/80 hover:text-base-content relative flex cursor-pointer items-center gap-2 rounded px-2 py-2 text-sm outline-none transition-colors",
+          "hover:bg-base-200 text-base-content/80 hover:text-base-content relative flex cursor-pointer items-center gap-2 rounded px-2 py-2 text-sm transition-colors outline-none",
           className
         ),
         role: "menuitem"
@@ -75,7 +75,7 @@ var DropdownLink = _react.forwardRef.call(void 0, (_a, ref) => {
     "li",
     {
       role: "menuitem",
-      className: "hover:bg-base-200 text-base-content/80 hover:text-base-content relative flex cursor-pointer items-center gap-2 rounded px-2 py-2 text-sm outline-none transition-colors",
+      className: "hover:bg-base-200 text-base-content/80 hover:text-base-content relative flex cursor-pointer items-center gap-2 rounded px-2 py-2 text-sm transition-colors outline-none",
       children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "a", _chunk2DFF5NELcjs.__spreadProps.call(void 0, _chunk2DFF5NELcjs.__spreadValues.call(void 0, { ref, href, className: _chunk2DFF5NELcjs.cn.call(void 0, "text-inherit no-underline", className) }, props), { children }))
     }
   );

package/dist/{chunk-AQP3U2YN.js → chunk-CNOJNKZ2.js}

@@ -58,7 +58,7 @@ var DropdownItem = forwardRef(
       __spreadProps(__spreadValues({
         ref,
         className: cn(
-          "hover:bg-base-200 text-base-content/80 hover:text-base-content relative flex cursor-pointer items-center gap-2 rounded px-2 py-2 text-sm outline-none transition-colors",
+          "hover:bg-base-200 text-base-content/80 hover:text-base-content relative flex cursor-pointer items-center gap-2 rounded px-2 py-2 text-sm transition-colors outline-none",
           className
         ),
         role: "menuitem"
@@ -75,7 +75,7 @@ var DropdownLink = forwardRef((_a, ref) => {
     "li",
     {
       role: "menuitem",
-      className: "hover:bg-base-200 text-base-content/80 hover:text-base-content relative flex cursor-pointer items-center gap-2 rounded px-2 py-2 text-sm outline-none transition-colors",
+      className: "hover:bg-base-200 text-base-content/80 hover:text-base-content relative flex cursor-pointer items-center gap-2 rounded px-2 py-2 text-sm transition-colors outline-none",
       children: /* @__PURE__ */ jsx("a", __spreadProps(__spreadValues({ ref, href, className: cn("text-inherit no-underline", className) }, props), { children }))
     }
   );

package/dist/chunk-REZ4W4BZ.cjs

@@ -0,0 +1,92 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunk2DFF5NELcjs = require('./chunk-2DFF5NEL.cjs');
+
+// src/base/pagination.tsx
+var _jsxruntime = require('react/jsx-runtime');
+function PaginationDocs({
+  prev,
+  next,
+  className,
+  prevIcon,
+  nextIcon,
+  linkClassName
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "nav",
+    {
+      id: "pagination",
+      "aria-label": "Pagination",
+      className: _chunk2DFF5NELcjs.cn.call(void 0, "bg-base-200/50 flex w-full gap-1 rounded-2xl p-1", className),
+      children: [
+        prev && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+          "a",
+          {
+            href: prev.href,
+            rel: "prev",
+            "data-component-part": "pagination-prev",
+            className: _chunk2DFF5NELcjs.cn.call(void 0, 
+              "group text-muted-foreground hover:bg-base-200/60 hover:text-base-content flex items-center justify-start gap-1.5 rounded-xl px-3 py-3 text-sm no-underline transition-colors",
+              // 30/70 split with next; calc subtracts half the gap so the two
+              // cards plus gap-1 fill the pill exactly. No min-w-0: the card
+              // floors at its content width, so a narrow screen never crushes
+              // the icon/text into the next card.
+              next && "w-[calc(30%-2px)]",
+              linkClassName
+            ),
+            children: [
+              prevIcon && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "flex shrink-0 items-center", children: prevIcon }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { "data-component-part": "pagination-label", children: "Previous" })
+            ]
+          }
+        ),
+        next && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "a",
+          {
+            href: next.href,
+            rel: "next",
+            "data-component-part": "pagination-next",
+            className: _chunk2DFF5NELcjs.cn.call(void 0, 
+              "group min-w-0 rounded-xl no-underline",
+              // Next-only (e.g. docs index): full width on mobile, half the
+              // container above 640px — pushed right like a forward button.
+              // With prev: calc-based 70% (minus half the gap) so the pair
+              // always fills the pill without overlapping.
+              prev ? "w-[calc(70%-2px)]" : "w-full sm:ml-auto sm:w-1/2",
+              linkClassName
+            ),
+            children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "bg-primary/15 hover:bg-primary/20 hover:ring-primary/30 flex h-16 flex-1 items-center justify-end rounded-xl transition-shadow hover:ring-1", children: [
+              /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex min-w-0 flex-col items-end justify-center px-5", children: [
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                  "div",
+                  {
+                    "data-component-part": "pagination-title",
+                    className: "text-primary w-full truncate text-right text-sm font-semibold",
+                    children: next.title
+                  }
+                ),
+                next.description && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                  "span",
+                  {
+                    "data-component-part": "pagination-description",
+                    className: "text-primary/75 hidden w-full max-w-72 truncate text-right text-xs sm:block",
+                    children: next.description
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "bg-primary/20 h-8 w-px" }),
+              /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "text-primary/75 flex items-center gap-1.5 pr-3 pl-5 text-sm", children: [
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { "data-component-part": "pagination-label", children: "Next" }),
+                nextIcon && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "flex shrink-0 items-center", children: nextIcon })
+              ] })
+            ] })
+          }
+        )
+      ]
+    }
+  );
+}
+
+
+
+exports.PaginationDocs = PaginationDocs;

package/dist/chunk-WY6GLRTT.js

@@ -0,0 +1,92 @@
+import {
+  cn
+} from "./chunk-GRADTONK.js";
+
+// src/base/pagination.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function PaginationDocs({
+  prev,
+  next,
+  className,
+  prevIcon,
+  nextIcon,
+  linkClassName
+}) {
+  return /* @__PURE__ */ jsxs(
+    "nav",
+    {
+      id: "pagination",
+      "aria-label": "Pagination",
+      className: cn("bg-base-200/50 flex w-full gap-1 rounded-2xl p-1", className),
+      children: [
+        prev && /* @__PURE__ */ jsxs(
+          "a",
+          {
+            href: prev.href,
+            rel: "prev",
+            "data-component-part": "pagination-prev",
+            className: cn(
+              "group text-muted-foreground hover:bg-base-200/60 hover:text-base-content flex items-center justify-start gap-1.5 rounded-xl px-3 py-3 text-sm no-underline transition-colors",
+              // 30/70 split with next; calc subtracts half the gap so the two
+              // cards plus gap-1 fill the pill exactly. No min-w-0: the card
+              // floors at its content width, so a narrow screen never crushes
+              // the icon/text into the next card.
+              next && "w-[calc(30%-2px)]",
+              linkClassName
+            ),
+            children: [
+              prevIcon && /* @__PURE__ */ jsx("span", { className: "flex shrink-0 items-center", children: prevIcon }),
+              /* @__PURE__ */ jsx("span", { "data-component-part": "pagination-label", children: "Previous" })
+            ]
+          }
+        ),
+        next && /* @__PURE__ */ jsx(
+          "a",
+          {
+            href: next.href,
+            rel: "next",
+            "data-component-part": "pagination-next",
+            className: cn(
+              "group min-w-0 rounded-xl no-underline",
+              // Next-only (e.g. docs index): full width on mobile, half the
+              // container above 640px — pushed right like a forward button.
+              // With prev: calc-based 70% (minus half the gap) so the pair
+              // always fills the pill without overlapping.
+              prev ? "w-[calc(70%-2px)]" : "w-full sm:ml-auto sm:w-1/2",
+              linkClassName
+            ),
+            children: /* @__PURE__ */ jsxs("div", { className: "bg-primary/15 hover:bg-primary/20 hover:ring-primary/30 flex h-16 flex-1 items-center justify-end rounded-xl transition-shadow hover:ring-1", children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-col items-end justify-center px-5", children: [
+                /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    "data-component-part": "pagination-title",
+                    className: "text-primary w-full truncate text-right text-sm font-semibold",
+                    children: next.title
+                  }
+                ),
+                next.description && /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    "data-component-part": "pagination-description",
+                    className: "text-primary/75 hidden w-full max-w-72 truncate text-right text-xs sm:block",
+                    children: next.description
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsx("div", { className: "bg-primary/20 h-8 w-px" }),
+              /* @__PURE__ */ jsxs("div", { className: "text-primary/75 flex items-center gap-1.5 pr-3 pl-5 text-sm", children: [
+                /* @__PURE__ */ jsx("span", { "data-component-part": "pagination-label", children: "Next" }),
+                nextIcon && /* @__PURE__ */ jsx("span", { className: "flex shrink-0 items-center", children: nextIcon })
+              ] })
+            ] })
+          }
+        )
+      ]
+    }
+  );
+}
+
+export {
+  PaginationDocs
+};

package/dist/dropdown.cjs

@@ -3,10 +3,10 @@
 
 
 
-var _chunkLUVR2YGTcjs = require('./chunk-LUVR2YGT.cjs');
+var _chunkCK4TY6B7cjs = require('./chunk-CK4TY6B7.cjs');
 require('./chunk-2DFF5NEL.cjs');
 
 
 
 
-exports.Dropdown = _chunkLUVR2YGTcjs.Dropdown; exports.DropdownItem = _chunkLUVR2YGTcjs.DropdownItem; exports.DropdownLink = _chunkLUVR2YGTcjs.DropdownLink;
+exports.Dropdown = _chunkCK4TY6B7cjs.Dropdown; exports.DropdownItem = _chunkCK4TY6B7cjs.DropdownItem; exports.DropdownLink = _chunkCK4TY6B7cjs.DropdownLink;

package/dist/dropdown.js

@@ -3,7 +3,7 @@ import {
   Dropdown,
   DropdownItem,
   DropdownLink
-} from "./chunk-AQP3U2YN.js";
+} from "./chunk-CNOJNKZ2.js";
 import "./chunk-GRADTONK.js";
 export {
   Dropdown,

package/dist/index.cjs

@@ -10,7 +10,7 @@ var _chunkHTH2UTCLcjs = require('./chunk-HTH2UTCL.cjs');
 var _chunk6B7U7IWTcjs = require('./chunk-6B7U7IWT.cjs');
 
 
-var _chunkK22HSWMWcjs = require('./chunk-K22HSWMW.cjs');
+var _chunkREZ4W4BZcjs = require('./chunk-REZ4W4BZ.cjs');
 
 
 var _chunk5SA5UPFQcjs = require('./chunk-5SA5UPFQ.cjs');
@@ -39,7 +39,7 @@ var _chunkBHHZBMD4cjs = require('./chunk-BHHZBMD4.cjs');
 
 
 
-var _chunkLUVR2YGTcjs = require('./chunk-LUVR2YGT.cjs');
+var _chunkCK4TY6B7cjs = require('./chunk-CK4TY6B7.cjs');
 
 
 
@@ -81,4 +81,4 @@ var _chunk2DFF5NELcjs = require('./chunk-2DFF5NEL.cjs');
 
 
 
-exports.Accordion = _chunkSV4L2FGTcjs.Accordion; exports.Breadcrumb = _chunkRDRDPR67cjs.Breadcrumb; exports.BreadcrumbItem = _chunkRDRDPR67cjs.BreadcrumbItem; exports.BreadcrumbList = _chunkRDRDPR67cjs.BreadcrumbList; exports.BreadcrumbPage = _chunkRDRDPR67cjs.BreadcrumbPage; exports.Collapse = _chunkSV4L2FGTcjs.Collapse; exports.Drawer = _chunkBHHZBMD4cjs.Drawer; exports.DrawerContent = _chunkBHHZBMD4cjs.DrawerContent; exports.DrawerSidePanel = _chunkBHHZBMD4cjs.DrawerSidePanel; exports.DrawerTrigger = _chunkBHHZBMD4cjs.DrawerTrigger; exports.Dropdown = _chunkLUVR2YGTcjs.Dropdown; exports.DropdownItem = _chunkLUVR2YGTcjs.DropdownItem; exports.DropdownLink = _chunkLUVR2YGTcjs.DropdownLink; exports.FnKey = _chunkTDFVUBGOcjs.FnKey; exports.Input = _chunkMWJV72OMcjs.Input; exports.InputGroup = _chunkMWJV72OMcjs.InputGroup; exports.Kbd = _chunkTDFVUBGOcjs.Kbd; exports.Logo = _chunk6B7U7IWTcjs.Logo; exports.Modal = _chunkHTH2UTCLcjs.Modal; exports.NavMenu = _chunk6B7U7IWTcjs.NavMenu; exports.NavMenuLink = _chunk6B7U7IWTcjs.NavMenuLink; exports.Navbar = _chunk6B7U7IWTcjs.Navbar; exports.PaginationDocs = _chunkK22HSWMWcjs.PaginationDocs; exports.ThemeControllerToggle = _chunk5SA5UPFQcjs.ThemeControllerToggle; exports.Toggle = _chunkOO3HHTPVcjs.Toggle; exports.ToggleGroup = _chunkOO3HHTPVcjs.ToggleGroup; exports.cn = _chunk2DFF5NELcjs.cn; exports.useDrawerState = _chunkBHHZBMD4cjs.useDrawerState; exports.useModal = _chunkHTH2UTCLcjs.useModal;
+exports.Accordion = _chunkSV4L2FGTcjs.Accordion; exports.Breadcrumb = _chunkRDRDPR67cjs.Breadcrumb; exports.BreadcrumbItem = _chunkRDRDPR67cjs.BreadcrumbItem; exports.BreadcrumbList = _chunkRDRDPR67cjs.BreadcrumbList; exports.BreadcrumbPage = _chunkRDRDPR67cjs.BreadcrumbPage; exports.Collapse = _chunkSV4L2FGTcjs.Collapse; exports.Drawer = _chunkBHHZBMD4cjs.Drawer; exports.DrawerContent = _chunkBHHZBMD4cjs.DrawerContent; exports.DrawerSidePanel = _chunkBHHZBMD4cjs.DrawerSidePanel; exports.DrawerTrigger = _chunkBHHZBMD4cjs.DrawerTrigger; exports.Dropdown = _chunkCK4TY6B7cjs.Dropdown; exports.DropdownItem = _chunkCK4TY6B7cjs.DropdownItem; exports.DropdownLink = _chunkCK4TY6B7cjs.DropdownLink; exports.FnKey = _chunkTDFVUBGOcjs.FnKey; exports.Input = _chunkMWJV72OMcjs.Input; exports.InputGroup = _chunkMWJV72OMcjs.InputGroup; exports.Kbd = _chunkTDFVUBGOcjs.Kbd; exports.Logo = _chunk6B7U7IWTcjs.Logo; exports.Modal = _chunkHTH2UTCLcjs.Modal; exports.NavMenu = _chunk6B7U7IWTcjs.NavMenu; exports.NavMenuLink = _chunk6B7U7IWTcjs.NavMenuLink; exports.Navbar = _chunk6B7U7IWTcjs.Navbar; exports.PaginationDocs = _chunkREZ4W4BZcjs.PaginationDocs; exports.ThemeControllerToggle = _chunk5SA5UPFQcjs.ThemeControllerToggle; exports.Toggle = _chunkOO3HHTPVcjs.Toggle; exports.ToggleGroup = _chunkOO3HHTPVcjs.ToggleGroup; exports.cn = _chunk2DFF5NELcjs.cn; exports.useDrawerState = _chunkBHHZBMD4cjs.useDrawerState; exports.useModal = _chunkHTH2UTCLcjs.useModal;

package/dist/index.js

@@ -10,7 +10,7 @@ import {
 } from "./chunk-RXFYKKNI.js";
 import {
   PaginationDocs
-} from "./chunk-4QUABBES.js";
+} from "./chunk-WY6GLRTT.js";
 import {
   ThemeControllerToggle
 } from "./chunk-PFRBA5BH.js";
@@ -39,7 +39,7 @@ import {
   Dropdown,
   DropdownItem,
   DropdownLink
-} from "./chunk-AQP3U2YN.js";
+} from "./chunk-CNOJNKZ2.js";
 import {
   Input,
   InputGroup

package/dist/pagination.cjs

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkK22HSWMWcjs = require('./chunk-K22HSWMW.cjs');
+var _chunkREZ4W4BZcjs = require('./chunk-REZ4W4BZ.cjs');
 require('./chunk-2DFF5NEL.cjs');
 
 
-exports.PaginationDocs = _chunkK22HSWMWcjs.PaginationDocs;
+exports.PaginationDocs = _chunkREZ4W4BZcjs.PaginationDocs;

package/dist/pagination.d.cts

@@ -9,6 +9,7 @@ interface PaginationDocsProps {
     next?: {
         href: string;
         title: string;
+        description?: string;
     };
     className?: string;
     prevIcon?: ReactNode;

package/dist/pagination.d.ts

@@ -9,6 +9,7 @@ interface PaginationDocsProps {
     next?: {
         href: string;
         title: string;
+        description?: string;
     };
     className?: string;
     prevIcon?: ReactNode;

package/dist/pagination.js

@@ -1,6 +1,6 @@
 import {
   PaginationDocs
-} from "./chunk-4QUABBES.js";
+} from "./chunk-WY6GLRTT.js";
 import "./chunk-GRADTONK.js";
 export {
   PaginationDocs

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@docubook/ui-react",
-  "version": "1.0.0",
+  "version": "2.0.0-alpha.1",
   "description": "React + DaisyUI component library for documentation sites",
   "type": "module",
   "main": "./dist/index.cjs",
@@ -162,17 +162,16 @@
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tsup": "^8.5.0",
-    "typescript": "^5.9.3",
-    "vitest": "^4.1.8"
+    "typescript": "^5.9.3"
   },
   "publishConfig": {
     "access": "public"
   },
-  "homepage": "https://github.com/DocuBook/docubook/tree/main/packages/ui/react",
+  "homepage": "https://github.com/DocuBook/docubook/tree/main/packages/ui-react",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/DocuBook/docubook.git",
-    "directory": "packages/ui/react"
+    "directory": "packages/ui-react"
   },
   "author": "wildan.nrs",
   "author-url": "https://wildan.dev",

package/dist/chunk-4QUABBES.js

@@ -1,43 +0,0 @@
-import {
-  cn
-} from "./chunk-GRADTONK.js";
-
-// src/base/pagination.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-function PaginationDocs({
-  prev,
-  next,
-  className,
-  prevIcon,
-  nextIcon,
-  linkClassName
-}) {
-  const linkBase = "flex flex-col no-underline rounded-lg border border-base-300 bg-base-100 transition-colors hover:bg-base-200 hover:border-base-300";
-  return /* @__PURE__ */ jsxs("div", { className: cn("grid grow grid-cols-1 gap-4 py-8 sm:grid-cols-2", className), children: [
-    /* @__PURE__ */ jsx("div", { children: prev && /* @__PURE__ */ jsxs("a", { href: prev.href, className: cn(linkBase, "items-start px-4 py-4", linkClassName), children: [
-      /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground flex items-center justify-start text-xs", children: [
-        prevIcon && /* @__PURE__ */ jsx("span", { className: "mr-1", children: prevIcon }),
-        "Previous"
-      ] }),
-      /* @__PURE__ */ jsx("span", { className: "text-base-content mt-1 text-sm font-medium", children: prev.title })
-    ] }) }),
-    /* @__PURE__ */ jsx("div", { children: next && /* @__PURE__ */ jsxs(
-      "a",
-      {
-        href: next.href,
-        className: cn(linkBase, "items-end px-4 py-4 text-right", linkClassName),
-        children: [
-          /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground flex items-center justify-end text-xs", children: [
-            "Next",
-            nextIcon && /* @__PURE__ */ jsx("span", { className: "ml-1", children: nextIcon })
-          ] }),
-          /* @__PURE__ */ jsx("span", { className: "text-base-content mt-1 text-sm font-medium", children: next.title })
-        ]
-      }
-    ) })
-  ] });
-}
-
-export {
-  PaginationDocs
-};

package/dist/chunk-K22HSWMW.cjs

@@ -1,43 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
-
-var _chunk2DFF5NELcjs = require('./chunk-2DFF5NEL.cjs');
-
-// src/base/pagination.tsx
-var _jsxruntime = require('react/jsx-runtime');
-function PaginationDocs({
-  prev,
-  next,
-  className,
-  prevIcon,
-  nextIcon,
-  linkClassName
-}) {
-  const linkBase = "flex flex-col no-underline rounded-lg border border-base-300 bg-base-100 transition-colors hover:bg-base-200 hover:border-base-300";
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk2DFF5NELcjs.cn.call(void 0, "grid grow grid-cols-1 gap-4 py-8 sm:grid-cols-2", className), children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: prev && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "a", { href: prev.href, className: _chunk2DFF5NELcjs.cn.call(void 0, linkBase, "items-start px-4 py-4", linkClassName), children: [
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "text-muted-foreground flex items-center justify-start text-xs", children: [
-        prevIcon && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "mr-1", children: prevIcon }),
-        "Previous"
-      ] }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-base-content mt-1 text-sm font-medium", children: prev.title })
-    ] }) }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: next && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-      "a",
-      {
-        href: next.href,
-        className: _chunk2DFF5NELcjs.cn.call(void 0, linkBase, "items-end px-4 py-4 text-right", linkClassName),
-        children: [
-          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "text-muted-foreground flex items-center justify-end text-xs", children: [
-            "Next",
-            nextIcon && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "ml-1", children: nextIcon })
-          ] }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-base-content mt-1 text-sm font-medium", children: next.title })
-        ]
-      }
-    ) })
-  ] });
-}
-
-
-
-exports.PaginationDocs = PaginationDocs;