@ctlyst.id/internal-ui 5.7.3 → 5.7.4

package/dist/index.d.mts

@@ -513,6 +513,8 @@ interface PaginationProps {
     current: number;
     /** Total number of pages. */
     total: number;
+    /** Maximum number of buttons to show. */
+    maxButtons?: number;
     /**
      * Callback to run when a page number is selected. You can use this to e.g.
      * run setState on your component's page state.

package/dist/index.d.ts

@@ -513,6 +513,8 @@ interface PaginationProps {
     current: number;
     /** Total number of pages. */
     total: number;
+    /** Maximum number of buttons to show. */
+    maxButtons?: number;
     /**
      * Callback to run when a page number is selected. You can use this to e.g.
      * run setState on your component's page state.

package/dist/index.js

@@ -4394,7 +4394,7 @@ var pagination_button_trigger_default = PaginationButtonTrigger;
 
 // src/components/pagination/components/pagination.tsx
 var import_jsx_runtime47 = require("react/jsx-runtime");
-var Pagination = ({ className, current, total, onSelect }) => {
+var Pagination = ({ className, current, total, maxButtons = 5, onSelect }) => {
   const btnColorDisabled = (0, import_react65.useColorModeValue)("secondary.100", "primary.500");
   const btnColor = (0, import_react65.useColorModeValue)("primary.500", "secondary.100");
   const disabledPrevious = current === 1;
@@ -4407,7 +4407,6 @@ var Pagination = ({ className, current, total, onSelect }) => {
     }
   };
   const generatePages = () => {
-    const maxButtons = 5;
     const pageButtons = [];
     let startPage;
     let endPage;