@ctlyst.id/internal-ui 5.7.1 → 5.7.2

package/dist/index.js

@@ -4342,8 +4342,8 @@ var PaginationButton = (0, import_react63.forwardRef)(({ className, style, isAct
       px: 3,
       py: 2,
       h: 8,
-      minW: "auto",
-      width: 8,
+      minW: 8,
+      width: "auto",
       background: isActive ? "primary.500" : btnBg,
       color: isActive ? "white" : btnColor,
       _hover: !isActive ? {
@@ -4448,13 +4448,26 @@ var Pagination = ({ className, current, total, onSelect }) => {
         }
       ),
       generatePages().map((page) => {
+        const isActive = page === current;
         return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
           pagination_button_default,
           {
             "data-test-id": "Pagination-Button",
-            isActive: page === current,
+            isActive,
             onClick: () => typeof page === "number" ? handleSelectPage(page) : null,
-            children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_react65.Text, { scale: 300, fontSize: "text.sm", lineHeight: 18, fontWeight: 500, children: page })
+            children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+              import_react65.Text,
+              {
+                scale: 300,
+                fontSize: "text.sm",
+                lineHeight: 18,
+                fontWeight: 500,
+                maxW: !isActive ? 8 : void 0,
+                textOverflow: !isActive ? "ellipsis" : void 0,
+                overflow: !isActive ? "hidden" : void 0,
+                children: page
+              }
+            )
           },
           page
         );