@deepnoid/ui 0.1.172 → 0.1.173

package/dist/components/table/table-body.js

@@ -5926,6 +5926,10 @@ var Pagination = (0, import_react4.forwardRef)((originalProps, ref) => {
     size
   } = { ...props, ...variantProps };
   const [inputPage, setInputPage] = (0, import_react4.useState)(currentPage);
+  const isFirstPageDisabled = currentPage <= 1;
+  const isPrevPageDisabled = currentPage <= 1;
+  const isNextPageDisabled = currentPage >= totalPage;
+  const isLastPageDisabled = currentPage >= totalPage;
   const slots = (0, import_react4.useMemo)(() => paginationStyle(variantProps), [variantProps]);
   const { pageList, handleClickMovePage } = usePagination_default({
     currentPage,
@@ -5947,9 +5951,11 @@ var Pagination = (0, import_react4.forwardRef)((originalProps, ref) => {
         "div",
         {
           "aria-label": "firstPage",
-          "data-is-active": currentPage > 1,
-          className: slots.icon({ class: classNames == null ? void 0 : classNames.icon }),
-          onClick: currentPage > 1 ? handleClickMovePage(1) : void 0,
+          "data-disabled": isFirstPageDisabled,
+          className: slots.icon({
+            class: clsx(classNames == null ? void 0 : classNames.icon, isFirstPageDisabled && "!text-neutral-light !cursor-default")
+          }),
+          onClick: !isFirstPageDisabled ? handleClickMovePage(1) : void 0,
           children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Icon_default, { name: "left-double-chevron", size })
         }
       ),
@@ -5957,9 +5963,11 @@ var Pagination = (0, import_react4.forwardRef)((originalProps, ref) => {
         "div",
         {
           "aria-label": "prevPage",
-          "data-is-active": currentPage > 1,
-          className: slots.icon({ class: classNames == null ? void 0 : classNames.icon }),
-          onClick: currentPage > 1 ? handleClickMovePage(currentPage - 1) : void 0,
+          "data-disabled": isPrevPageDisabled,
+          className: slots.icon({
+            class: clsx(classNames == null ? void 0 : classNames.icon, isPrevPageDisabled && "!text-neutral-light !cursor-default")
+          }),
+          onClick: !isPrevPageDisabled ? handleClickMovePage(currentPage - 1) : void 0,
           children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Icon_default, { name: "left-chevron", size })
         }
       ),
@@ -5977,9 +5985,11 @@ var Pagination = (0, import_react4.forwardRef)((originalProps, ref) => {
         "div",
         {
           "aria-label": "nextPage",
-          "data-is-active": currentPage < totalPage,
-          className: slots.icon({ class: classNames == null ? void 0 : classNames.icon }),
-          onClick: currentPage < totalPage ? handleClickMovePage(currentPage + 1) : void 0,
+          "data-disabled": isNextPageDisabled,
+          className: slots.icon({
+            class: clsx(classNames == null ? void 0 : classNames.icon, isNextPageDisabled && "!text-neutral-light !cursor-default")
+          }),
+          onClick: !isNextPageDisabled ? handleClickMovePage(currentPage + 1) : void 0,
           children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Icon_default, { name: "right-chevron", size })
         }
       ),
@@ -5987,9 +5997,11 @@ var Pagination = (0, import_react4.forwardRef)((originalProps, ref) => {
         "div",
         {
           "aria-label": "lastPage",
-          "data-is-active": currentPage < totalPage,
-          className: slots.icon({ class: classNames == null ? void 0 : classNames.icon }),
-          onClick: currentPage < totalPage ? handleClickMovePage(totalPage) : void 0,
+          "data-disabled": isLastPageDisabled,
+          className: slots.icon({
+            class: clsx(classNames == null ? void 0 : classNames.icon, isLastPageDisabled && "!text-neutral-light !cursor-default")
+          }),
+          onClick: !isLastPageDisabled ? handleClickMovePage(totalPage) : void 0,
           children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Icon_default, { name: "right-double-chevron", size })
         }
       )
@@ -6027,8 +6039,8 @@ var paginationStyle = tv(
         "justify-center",
         "cursor-pointer",
         "text-neutral-main",
-        "data-[is-active=false]:stroke-neutral-light",
-        "data-[is-active=false]:cursor-default"
+        "data-[disabled=true]:text-neutral-light",
+        "data-[disabled=true]:cursor-default"
       ],
       button: [
         "flex",
@@ -6089,7 +6101,7 @@ var paginationStyle = tv(
             "data-[selected=true]:text-primary-main",
             "data-[selected=true]:bg-primary-soft"
           ],
-          icon: ["hover:text-primary-main"]
+          icon: ["hover:text-primary-main", "data-[disabled=true]:hover:text-neutral-light"]
         }
       },
       {
@@ -6101,7 +6113,7 @@ var paginationStyle = tv(
             "data-[selected=true]:text-secondary-main",
             "data-[selected=true]:bg-secondary-soft"
           ],
-          icon: ["hover:text-secondary-main"]
+          icon: ["hover:text-secondary-main", "data-[disabled=true]:hover:text-neutral-light"]
         }
       },
       {
@@ -6113,7 +6125,7 @@ var paginationStyle = tv(
             "data-[selected=true]:text-neutral-dark",
             "data-[selected=true]:bg-neutral-soft"
           ],
-          icon: ["hover:text-neutral-dark"]
+          icon: ["hover:text-neutral-dark", "data-[disabled=true]:hover:text-neutral-light"]
         }
       },
       {
@@ -6121,7 +6133,7 @@ var paginationStyle = tv(
         color: "primary",
         class: {
           button: ["hover:text-primary-main", "data-[selected=true]:text-primary-main"],
-          icon: ["hover:text-primary-main"]
+          icon: ["hover:text-primary-main", "data-[disabled=true]:hover:text-neutral-light"]
         }
       },
       {
@@ -6161,7 +6173,7 @@ var paginationStyle = tv(
         color: "secondary",
         class: {
           button: ["hover:text-secondary-main", "data-[selected=true]:text-secondary-main"],
-          icon: ["hover:text-secondary-main"]
+          icon: ["hover:text-secondary-main", "data-[disabled=true]:hover:text-neutral-light"]
         }
       },
       {
@@ -6201,7 +6213,7 @@ var paginationStyle = tv(
         color: "neutral",
         class: {
           button: ["hover:text-neutral-dark", "data-[selected=true]:text-neutral-dark"],
-          icon: ["hover:text-neutral-dark"]
+          icon: ["hover:text-neutral-dark", "data-[disabled=true]:hover:text-neutral-light"]
         }
       },
       {

package/dist/components/table/table-body.mjs

@@ -1,13 +1,13 @@
 "use client";
 import {
   table_body_default
-} from "../../chunk-PX4RCHOE.mjs";
+} from "../../chunk-NSADIVGU.mjs";
 import "../../chunk-7B7LRG5J.mjs";
-import "../../chunk-WLTBJF4I.mjs";
+import "../../chunk-D4YI5HF2.mjs";
 import "../../chunk-F3HENRVM.mjs";
-import "../../chunk-QZ3LVYJW.mjs";
 import "../../chunk-2GCSFWHD.mjs";
 import "../../chunk-VNRGOOSY.mjs";
+import "../../chunk-QZ3LVYJW.mjs";
 import "../../chunk-DQRAFUDA.mjs";
 import "../../chunk-EWS3FESG.mjs";
 import "../../chunk-OEIEALIP.mjs";

package/dist/components/table/table-head.js

@@ -5947,6 +5947,10 @@ var Pagination = (0, import_react4.forwardRef)((originalProps, ref) => {
     size
   } = { ...props, ...variantProps };
   const [inputPage, setInputPage] = (0, import_react4.useState)(currentPage);
+  const isFirstPageDisabled = currentPage <= 1;
+  const isPrevPageDisabled = currentPage <= 1;
+  const isNextPageDisabled = currentPage >= totalPage;
+  const isLastPageDisabled = currentPage >= totalPage;
   const slots = (0, import_react4.useMemo)(() => paginationStyle(variantProps), [variantProps]);
   const { pageList, handleClickMovePage } = usePagination_default({
     currentPage,
@@ -5968,9 +5972,11 @@ var Pagination = (0, import_react4.forwardRef)((originalProps, ref) => {
         "div",
         {
           "aria-label": "firstPage",
-          "data-is-active": currentPage > 1,
-          className: slots.icon({ class: classNames == null ? void 0 : classNames.icon }),
-          onClick: currentPage > 1 ? handleClickMovePage(1) : void 0,
+          "data-disabled": isFirstPageDisabled,
+          className: slots.icon({
+            class: clsx(classNames == null ? void 0 : classNames.icon, isFirstPageDisabled && "!text-neutral-light !cursor-default")
+          }),
+          onClick: !isFirstPageDisabled ? handleClickMovePage(1) : void 0,
           children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Icon_default, { name: "left-double-chevron", size })
         }
       ),
@@ -5978,9 +5984,11 @@ var Pagination = (0, import_react4.forwardRef)((originalProps, ref) => {
         "div",
         {
           "aria-label": "prevPage",
-          "data-is-active": currentPage > 1,
-          className: slots.icon({ class: classNames == null ? void 0 : classNames.icon }),
-          onClick: currentPage > 1 ? handleClickMovePage(currentPage - 1) : void 0,
+          "data-disabled": isPrevPageDisabled,
+          className: slots.icon({
+            class: clsx(classNames == null ? void 0 : classNames.icon, isPrevPageDisabled && "!text-neutral-light !cursor-default")
+          }),
+          onClick: !isPrevPageDisabled ? handleClickMovePage(currentPage - 1) : void 0,
           children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Icon_default, { name: "left-chevron", size })
         }
       ),
@@ -5998,9 +6006,11 @@ var Pagination = (0, import_react4.forwardRef)((originalProps, ref) => {
         "div",
         {
           "aria-label": "nextPage",
-          "data-is-active": currentPage < totalPage,
-          className: slots.icon({ class: classNames == null ? void 0 : classNames.icon }),
-          onClick: currentPage < totalPage ? handleClickMovePage(currentPage + 1) : void 0,
+          "data-disabled": isNextPageDisabled,
+          className: slots.icon({
+            class: clsx(classNames == null ? void 0 : classNames.icon, isNextPageDisabled && "!text-neutral-light !cursor-default")
+          }),
+          onClick: !isNextPageDisabled ? handleClickMovePage(currentPage + 1) : void 0,
           children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Icon_default, { name: "right-chevron", size })
         }
       ),
@@ -6008,9 +6018,11 @@ var Pagination = (0, import_react4.forwardRef)((originalProps, ref) => {
         "div",
         {
           "aria-label": "lastPage",
-          "data-is-active": currentPage < totalPage,
-          className: slots.icon({ class: classNames == null ? void 0 : classNames.icon }),
-          onClick: currentPage < totalPage ? handleClickMovePage(totalPage) : void 0,
+          "data-disabled": isLastPageDisabled,
+          className: slots.icon({
+            class: clsx(classNames == null ? void 0 : classNames.icon, isLastPageDisabled && "!text-neutral-light !cursor-default")
+          }),
+          onClick: !isLastPageDisabled ? handleClickMovePage(totalPage) : void 0,
           children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Icon_default, { name: "right-double-chevron", size })
         }
       )
@@ -6048,8 +6060,8 @@ var paginationStyle = tv(
         "justify-center",
         "cursor-pointer",
         "text-neutral-main",
-        "data-[is-active=false]:stroke-neutral-light",
-        "data-[is-active=false]:cursor-default"
+        "data-[disabled=true]:text-neutral-light",
+        "data-[disabled=true]:cursor-default"
       ],
       button: [
         "flex",
@@ -6110,7 +6122,7 @@ var paginationStyle = tv(
             "data-[selected=true]:text-primary-main",
             "data-[selected=true]:bg-primary-soft"
           ],
-          icon: ["hover:text-primary-main"]
+          icon: ["hover:text-primary-main", "data-[disabled=true]:hover:text-neutral-light"]
         }
       },
       {
@@ -6122,7 +6134,7 @@ var paginationStyle = tv(
             "data-[selected=true]:text-secondary-main",
             "data-[selected=true]:bg-secondary-soft"
           ],
-          icon: ["hover:text-secondary-main"]
+          icon: ["hover:text-secondary-main", "data-[disabled=true]:hover:text-neutral-light"]
         }
       },
       {
@@ -6134,7 +6146,7 @@ var paginationStyle = tv(
             "data-[selected=true]:text-neutral-dark",
             "data-[selected=true]:bg-neutral-soft"
           ],
-          icon: ["hover:text-neutral-dark"]
+          icon: ["hover:text-neutral-dark", "data-[disabled=true]:hover:text-neutral-light"]
         }
       },
       {
@@ -6142,7 +6154,7 @@ var paginationStyle = tv(
         color: "primary",
         class: {
           button: ["hover:text-primary-main", "data-[selected=true]:text-primary-main"],
-          icon: ["hover:text-primary-main"]
+          icon: ["hover:text-primary-main", "data-[disabled=true]:hover:text-neutral-light"]
         }
       },
       {
@@ -6182,7 +6194,7 @@ var paginationStyle = tv(
         color: "secondary",
         class: {
           button: ["hover:text-secondary-main", "data-[selected=true]:text-secondary-main"],
-          icon: ["hover:text-secondary-main"]
+          icon: ["hover:text-secondary-main", "data-[disabled=true]:hover:text-neutral-light"]
         }
       },
       {
@@ -6222,7 +6234,7 @@ var paginationStyle = tv(
         color: "neutral",
         class: {
           button: ["hover:text-neutral-dark", "data-[selected=true]:text-neutral-dark"],
-          icon: ["hover:text-neutral-dark"]
+          icon: ["hover:text-neutral-dark", "data-[disabled=true]:hover:text-neutral-light"]
         }
       },
       {

package/dist/components/table/table-head.mjs

@@ -1,13 +1,13 @@
 "use client";
 import {
   table_head_default
-} from "../../chunk-PX4RCHOE.mjs";
+} from "../../chunk-NSADIVGU.mjs";
 import "../../chunk-7B7LRG5J.mjs";
-import "../../chunk-WLTBJF4I.mjs";
+import "../../chunk-D4YI5HF2.mjs";
 import "../../chunk-F3HENRVM.mjs";
-import "../../chunk-QZ3LVYJW.mjs";
 import "../../chunk-2GCSFWHD.mjs";
 import "../../chunk-VNRGOOSY.mjs";
+import "../../chunk-QZ3LVYJW.mjs";
 import "../../chunk-DQRAFUDA.mjs";
 import "../../chunk-EWS3FESG.mjs";
 import "../../chunk-OEIEALIP.mjs";

package/dist/components/table/table.js

@@ -5993,6 +5993,10 @@ var Pagination = (0, import_react4.forwardRef)((originalProps, ref) => {
     size
   } = { ...props, ...variantProps };
   const [inputPage, setInputPage] = (0, import_react4.useState)(currentPage);
+  const isFirstPageDisabled = currentPage <= 1;
+  const isPrevPageDisabled = currentPage <= 1;
+  const isNextPageDisabled = currentPage >= totalPage;
+  const isLastPageDisabled = currentPage >= totalPage;
   const slots = (0, import_react4.useMemo)(() => paginationStyle(variantProps), [variantProps]);
   const { pageList, handleClickMovePage } = usePagination_default({
     currentPage,
@@ -6014,9 +6018,11 @@ var Pagination = (0, import_react4.forwardRef)((originalProps, ref) => {
         "div",
         {
           "aria-label": "firstPage",
-          "data-is-active": currentPage > 1,
-          className: slots.icon({ class: classNames == null ? void 0 : classNames.icon }),
-          onClick: currentPage > 1 ? handleClickMovePage(1) : void 0,
+          "data-disabled": isFirstPageDisabled,
+          className: slots.icon({
+            class: clsx(classNames == null ? void 0 : classNames.icon, isFirstPageDisabled && "!text-neutral-light !cursor-default")
+          }),
+          onClick: !isFirstPageDisabled ? handleClickMovePage(1) : void 0,
           children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Icon_default, { name: "left-double-chevron", size })
         }
       ),
@@ -6024,9 +6030,11 @@ var Pagination = (0, import_react4.forwardRef)((originalProps, ref) => {
         "div",
         {
           "aria-label": "prevPage",
-          "data-is-active": currentPage > 1,
-          className: slots.icon({ class: classNames == null ? void 0 : classNames.icon }),
-          onClick: currentPage > 1 ? handleClickMovePage(currentPage - 1) : void 0,
+          "data-disabled": isPrevPageDisabled,
+          className: slots.icon({
+            class: clsx(classNames == null ? void 0 : classNames.icon, isPrevPageDisabled && "!text-neutral-light !cursor-default")
+          }),
+          onClick: !isPrevPageDisabled ? handleClickMovePage(currentPage - 1) : void 0,
           children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Icon_default, { name: "left-chevron", size })
         }
       ),
@@ -6044,9 +6052,11 @@ var Pagination = (0, import_react4.forwardRef)((originalProps, ref) => {
         "div",
         {
           "aria-label": "nextPage",
-          "data-is-active": currentPage < totalPage,
-          className: slots.icon({ class: classNames == null ? void 0 : classNames.icon }),
-          onClick: currentPage < totalPage ? handleClickMovePage(currentPage + 1) : void 0,
+          "data-disabled": isNextPageDisabled,
+          className: slots.icon({
+            class: clsx(classNames == null ? void 0 : classNames.icon, isNextPageDisabled && "!text-neutral-light !cursor-default")
+          }),
+          onClick: !isNextPageDisabled ? handleClickMovePage(currentPage + 1) : void 0,
           children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Icon_default, { name: "right-chevron", size })
         }
       ),
@@ -6054,9 +6064,11 @@ var Pagination = (0, import_react4.forwardRef)((originalProps, ref) => {
         "div",
         {
           "aria-label": "lastPage",
-          "data-is-active": currentPage < totalPage,
-          className: slots.icon({ class: classNames == null ? void 0 : classNames.icon }),
-          onClick: currentPage < totalPage ? handleClickMovePage(totalPage) : void 0,
+          "data-disabled": isLastPageDisabled,
+          className: slots.icon({
+            class: clsx(classNames == null ? void 0 : classNames.icon, isLastPageDisabled && "!text-neutral-light !cursor-default")
+          }),
+          onClick: !isLastPageDisabled ? handleClickMovePage(totalPage) : void 0,
           children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Icon_default, { name: "right-double-chevron", size })
         }
       )
@@ -6094,8 +6106,8 @@ var paginationStyle = tv(
         "justify-center",
         "cursor-pointer",
         "text-neutral-main",
-        "data-[is-active=false]:stroke-neutral-light",
-        "data-[is-active=false]:cursor-default"
+        "data-[disabled=true]:text-neutral-light",
+        "data-[disabled=true]:cursor-default"
       ],
       button: [
         "flex",
@@ -6156,7 +6168,7 @@ var paginationStyle = tv(
             "data-[selected=true]:text-primary-main",
             "data-[selected=true]:bg-primary-soft"
           ],
-          icon: ["hover:text-primary-main"]
+          icon: ["hover:text-primary-main", "data-[disabled=true]:hover:text-neutral-light"]
         }
       },
       {
@@ -6168,7 +6180,7 @@ var paginationStyle = tv(
             "data-[selected=true]:text-secondary-main",
             "data-[selected=true]:bg-secondary-soft"
           ],
-          icon: ["hover:text-secondary-main"]
+          icon: ["hover:text-secondary-main", "data-[disabled=true]:hover:text-neutral-light"]
         }
       },
       {
@@ -6180,7 +6192,7 @@ var paginationStyle = tv(
             "data-[selected=true]:text-neutral-dark",
             "data-[selected=true]:bg-neutral-soft"
           ],
-          icon: ["hover:text-neutral-dark"]
+          icon: ["hover:text-neutral-dark", "data-[disabled=true]:hover:text-neutral-light"]
         }
       },
       {
@@ -6188,7 +6200,7 @@ var paginationStyle = tv(
         color: "primary",
         class: {
           button: ["hover:text-primary-main", "data-[selected=true]:text-primary-main"],
-          icon: ["hover:text-primary-main"]
+          icon: ["hover:text-primary-main", "data-[disabled=true]:hover:text-neutral-light"]
         }
       },
       {
@@ -6228,7 +6240,7 @@ var paginationStyle = tv(
         color: "secondary",
         class: {
           button: ["hover:text-secondary-main", "data-[selected=true]:text-secondary-main"],
-          icon: ["hover:text-secondary-main"]
+          icon: ["hover:text-secondary-main", "data-[disabled=true]:hover:text-neutral-light"]
         }
       },
       {
@@ -6268,7 +6280,7 @@ var paginationStyle = tv(
         color: "neutral",
         class: {
           button: ["hover:text-neutral-dark", "data-[selected=true]:text-neutral-dark"],
-          icon: ["hover:text-neutral-dark"]
+          icon: ["hover:text-neutral-dark", "data-[disabled=true]:hover:text-neutral-light"]
         }
       },
       {

package/dist/components/table/table.mjs

@@ -2,13 +2,13 @@
 import {
   getCellStyle,
   table_default
-} from "../../chunk-PX4RCHOE.mjs";
+} from "../../chunk-NSADIVGU.mjs";
 import "../../chunk-7B7LRG5J.mjs";
-import "../../chunk-WLTBJF4I.mjs";
+import "../../chunk-D4YI5HF2.mjs";
 import "../../chunk-F3HENRVM.mjs";
-import "../../chunk-QZ3LVYJW.mjs";
 import "../../chunk-2GCSFWHD.mjs";
 import "../../chunk-VNRGOOSY.mjs";
+import "../../chunk-QZ3LVYJW.mjs";
 import "../../chunk-DQRAFUDA.mjs";
 import "../../chunk-EWS3FESG.mjs";
 import "../../chunk-OEIEALIP.mjs";

package/dist/index.js

@@ -8341,6 +8341,10 @@ var Pagination = (0, import_react16.forwardRef)((originalProps, ref) => {
     size
   } = { ...props, ...variantProps };
   const [inputPage, setInputPage] = (0, import_react16.useState)(currentPage);
+  const isFirstPageDisabled = currentPage <= 1;
+  const isPrevPageDisabled = currentPage <= 1;
+  const isNextPageDisabled = currentPage >= totalPage;
+  const isLastPageDisabled = currentPage >= totalPage;
   const slots = (0, import_react16.useMemo)(() => paginationStyle(variantProps), [variantProps]);
   const { pageList, handleClickMovePage } = usePagination_default({
     currentPage,
@@ -8362,9 +8366,11 @@ var Pagination = (0, import_react16.forwardRef)((originalProps, ref) => {
         "div",
         {
           "aria-label": "firstPage",
-          "data-is-active": currentPage > 1,
-          className: slots.icon({ class: classNames == null ? void 0 : classNames.icon }),
-          onClick: currentPage > 1 ? handleClickMovePage(1) : void 0,
+          "data-disabled": isFirstPageDisabled,
+          className: slots.icon({
+            class: clsx(classNames == null ? void 0 : classNames.icon, isFirstPageDisabled && "!text-neutral-light !cursor-default")
+          }),
+          onClick: !isFirstPageDisabled ? handleClickMovePage(1) : void 0,
           children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Icon_default, { name: "left-double-chevron", size })
         }
       ),
@@ -8372,9 +8378,11 @@ var Pagination = (0, import_react16.forwardRef)((originalProps, ref) => {
         "div",
         {
           "aria-label": "prevPage",
-          "data-is-active": currentPage > 1,
-          className: slots.icon({ class: classNames == null ? void 0 : classNames.icon }),
-          onClick: currentPage > 1 ? handleClickMovePage(currentPage - 1) : void 0,
+          "data-disabled": isPrevPageDisabled,
+          className: slots.icon({
+            class: clsx(classNames == null ? void 0 : classNames.icon, isPrevPageDisabled && "!text-neutral-light !cursor-default")
+          }),
+          onClick: !isPrevPageDisabled ? handleClickMovePage(currentPage - 1) : void 0,
           children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Icon_default, { name: "left-chevron", size })
         }
       ),
@@ -8392,9 +8400,11 @@ var Pagination = (0, import_react16.forwardRef)((originalProps, ref) => {
         "div",
         {
           "aria-label": "nextPage",
-          "data-is-active": currentPage < totalPage,
-          className: slots.icon({ class: classNames == null ? void 0 : classNames.icon }),
-          onClick: currentPage < totalPage ? handleClickMovePage(currentPage + 1) : void 0,
+          "data-disabled": isNextPageDisabled,
+          className: slots.icon({
+            class: clsx(classNames == null ? void 0 : classNames.icon, isNextPageDisabled && "!text-neutral-light !cursor-default")
+          }),
+          onClick: !isNextPageDisabled ? handleClickMovePage(currentPage + 1) : void 0,
           children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Icon_default, { name: "right-chevron", size })
         }
       ),
@@ -8402,9 +8412,11 @@ var Pagination = (0, import_react16.forwardRef)((originalProps, ref) => {
         "div",
         {
           "aria-label": "lastPage",
-          "data-is-active": currentPage < totalPage,
-          className: slots.icon({ class: classNames == null ? void 0 : classNames.icon }),
-          onClick: currentPage < totalPage ? handleClickMovePage(totalPage) : void 0,
+          "data-disabled": isLastPageDisabled,
+          className: slots.icon({
+            class: clsx(classNames == null ? void 0 : classNames.icon, isLastPageDisabled && "!text-neutral-light !cursor-default")
+          }),
+          onClick: !isLastPageDisabled ? handleClickMovePage(totalPage) : void 0,
           children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Icon_default, { name: "right-double-chevron", size })
         }
       )
@@ -8442,8 +8454,8 @@ var paginationStyle = tv(
         "justify-center",
         "cursor-pointer",
         "text-neutral-main",
-        "data-[is-active=false]:stroke-neutral-light",
-        "data-[is-active=false]:cursor-default"
+        "data-[disabled=true]:text-neutral-light",
+        "data-[disabled=true]:cursor-default"
       ],
       button: [
         "flex",
@@ -8504,7 +8516,7 @@ var paginationStyle = tv(
             "data-[selected=true]:text-primary-main",
             "data-[selected=true]:bg-primary-soft"
           ],
-          icon: ["hover:text-primary-main"]
+          icon: ["hover:text-primary-main", "data-[disabled=true]:hover:text-neutral-light"]
         }
       },
       {
@@ -8516,7 +8528,7 @@ var paginationStyle = tv(
             "data-[selected=true]:text-secondary-main",
             "data-[selected=true]:bg-secondary-soft"
           ],
-          icon: ["hover:text-secondary-main"]
+          icon: ["hover:text-secondary-main", "data-[disabled=true]:hover:text-neutral-light"]
         }
       },
       {
@@ -8528,7 +8540,7 @@ var paginationStyle = tv(
             "data-[selected=true]:text-neutral-dark",
             "data-[selected=true]:bg-neutral-soft"
           ],
-          icon: ["hover:text-neutral-dark"]
+          icon: ["hover:text-neutral-dark", "data-[disabled=true]:hover:text-neutral-light"]
         }
       },
       {
@@ -8536,7 +8548,7 @@ var paginationStyle = tv(
         color: "primary",
         class: {
           button: ["hover:text-primary-main", "data-[selected=true]:text-primary-main"],
-          icon: ["hover:text-primary-main"]
+          icon: ["hover:text-primary-main", "data-[disabled=true]:hover:text-neutral-light"]
         }
       },
       {
@@ -8576,7 +8588,7 @@ var paginationStyle = tv(
         color: "secondary",
         class: {
           button: ["hover:text-secondary-main", "data-[selected=true]:text-secondary-main"],
-          icon: ["hover:text-secondary-main"]
+          icon: ["hover:text-secondary-main", "data-[disabled=true]:hover:text-neutral-light"]
         }
       },
       {
@@ -8616,7 +8628,7 @@ var paginationStyle = tv(
         color: "neutral",
         class: {
           button: ["hover:text-neutral-dark", "data-[selected=true]:text-neutral-dark"],
-          icon: ["hover:text-neutral-dark"]
+          icon: ["hover:text-neutral-dark", "data-[disabled=true]:hover:text-neutral-light"]
         }
       },
       {