@deepnoid/ui 0.1.172 → 0.1.173

package/dist/{chunk-WLTBJF4I.mjs → chunk-D4YI5HF2.mjs}

@@ -36,6 +36,10 @@ var Pagination = forwardRef((originalProps, ref) => {
     size
   } = { ...props, ...variantProps };
   const [inputPage, setInputPage] = useState(currentPage);
+  const isFirstPageDisabled = currentPage <= 1;
+  const isPrevPageDisabled = currentPage <= 1;
+  const isNextPageDisabled = currentPage >= totalPage;
+  const isLastPageDisabled = currentPage >= totalPage;
   const slots = useMemo(() => paginationStyle(variantProps), [variantProps]);
   const { pageList, handleClickMovePage } = usePagination_default({
     currentPage,
@@ -57,9 +61,11 @@ var Pagination = 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__ */ jsx(Icon_default, { name: "left-double-chevron", size })
         }
       ),
@@ -67,9 +73,11 @@ var Pagination = 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__ */ jsx(Icon_default, { name: "left-chevron", size })
         }
       ),
@@ -87,9 +95,11 @@ var Pagination = 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__ */ jsx(Icon_default, { name: "right-chevron", size })
         }
       ),
@@ -97,9 +107,11 @@ var Pagination = 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__ */ jsx(Icon_default, { name: "right-double-chevron", size })
         }
       )
@@ -137,8 +149,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",
@@ -199,7 +211,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"]
         }
       },
       {
@@ -211,7 +223,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"]
         }
       },
       {
@@ -223,7 +235,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"]
         }
       },
       {
@@ -231,7 +243,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"]
         }
       },
       {
@@ -271,7 +283,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"]
         }
       },
       {
@@ -311,7 +323,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/{chunk-PX4RCHOE.mjs → chunk-NSADIVGU.mjs}

@@ -1,7 +1,7 @@
 "use client";
 import {
   pagination_default
-} from "./chunk-WLTBJF4I.mjs";
+} from "./chunk-D4YI5HF2.mjs";
 import {
   scrollArea_default
 } from "./chunk-EWS3FESG.mjs";

package/dist/components/pagination/index.js

@@ -5666,6 +5666,10 @@ var Pagination = (0, import_react3.forwardRef)((originalProps, ref) => {
     size
   } = { ...props, ...variantProps };
   const [inputPage, setInputPage] = (0, import_react3.useState)(currentPage);
+  const isFirstPageDisabled = currentPage <= 1;
+  const isPrevPageDisabled = currentPage <= 1;
+  const isNextPageDisabled = currentPage >= totalPage;
+  const isLastPageDisabled = currentPage >= totalPage;
   const slots = (0, import_react3.useMemo)(() => paginationStyle(variantProps), [variantProps]);
   const { pageList, handleClickMovePage } = usePagination_default({
     currentPage,
@@ -5687,9 +5691,11 @@ var Pagination = (0, import_react3.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_runtime4.jsx)(Icon_default, { name: "left-double-chevron", size })
         }
       ),
@@ -5697,9 +5703,11 @@ var Pagination = (0, import_react3.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_runtime4.jsx)(Icon_default, { name: "left-chevron", size })
         }
       ),
@@ -5717,9 +5725,11 @@ var Pagination = (0, import_react3.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_runtime4.jsx)(Icon_default, { name: "right-chevron", size })
         }
       ),
@@ -5727,9 +5737,11 @@ var Pagination = (0, import_react3.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_runtime4.jsx)(Icon_default, { name: "right-double-chevron", size })
         }
       )
@@ -5767,8 +5779,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",
@@ -5829,7 +5841,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"]
         }
       },
       {
@@ -5841,7 +5853,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"]
         }
       },
       {
@@ -5853,7 +5865,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"]
         }
       },
       {
@@ -5861,7 +5873,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"]
         }
       },
       {
@@ -5901,7 +5913,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"]
         }
       },
       {
@@ -5941,7 +5953,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/pagination/index.mjs

@@ -2,7 +2,7 @@
 import "../../chunk-7B7LRG5J.mjs";
 import {
   pagination_default
-} from "../../chunk-WLTBJF4I.mjs";
+} from "../../chunk-D4YI5HF2.mjs";
 import "../../chunk-F3HENRVM.mjs";
 import "../../chunk-2GCSFWHD.mjs";
 import "../../chunk-VNRGOOSY.mjs";

package/dist/components/pagination/pagination.js

@@ -5664,6 +5664,10 @@ var Pagination = (0, import_react3.forwardRef)((originalProps, ref) => {
     size
   } = { ...props, ...variantProps };
   const [inputPage, setInputPage] = (0, import_react3.useState)(currentPage);
+  const isFirstPageDisabled = currentPage <= 1;
+  const isPrevPageDisabled = currentPage <= 1;
+  const isNextPageDisabled = currentPage >= totalPage;
+  const isLastPageDisabled = currentPage >= totalPage;
   const slots = (0, import_react3.useMemo)(() => paginationStyle(variantProps), [variantProps]);
   const { pageList, handleClickMovePage } = usePagination_default({
     currentPage,
@@ -5685,9 +5689,11 @@ var Pagination = (0, import_react3.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_runtime4.jsx)(Icon_default, { name: "left-double-chevron", size })
         }
       ),
@@ -5695,9 +5701,11 @@ var Pagination = (0, import_react3.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_runtime4.jsx)(Icon_default, { name: "left-chevron", size })
         }
       ),
@@ -5715,9 +5723,11 @@ var Pagination = (0, import_react3.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_runtime4.jsx)(Icon_default, { name: "right-chevron", size })
         }
       ),
@@ -5725,9 +5735,11 @@ var Pagination = (0, import_react3.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_runtime4.jsx)(Icon_default, { name: "right-double-chevron", size })
         }
       )
@@ -5765,8 +5777,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",
@@ -5827,7 +5839,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"]
         }
       },
       {
@@ -5839,7 +5851,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"]
         }
       },
       {
@@ -5851,7 +5863,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"]
         }
       },
       {
@@ -5859,7 +5871,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"]
         }
       },
       {
@@ -5899,7 +5911,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"]
         }
       },
       {
@@ -5939,7 +5951,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/pagination/pagination.mjs

@@ -1,7 +1,7 @@
 "use client";
 import {
   pagination_default
-} from "../../chunk-WLTBJF4I.mjs";
+} from "../../chunk-D4YI5HF2.mjs";
 import "../../chunk-F3HENRVM.mjs";
 import "../../chunk-2GCSFWHD.mjs";
 import "../../chunk-VNRGOOSY.mjs";

package/dist/components/picker/index.mjs

@@ -1,10 +1,5 @@
 "use client";
 import "../../chunk-4VWG4726.mjs";
-import {
-  timePicker_default
-} from "../../chunk-BM3MR3JR.mjs";
-import "../../chunk-QCEKPS7U.mjs";
-import "../../chunk-5G6CCE55.mjs";
 import {
   datePicker_default
 } from "../../chunk-52VX5MC2.mjs";
@@ -12,6 +7,11 @@ import "../../chunk-FWFEKWWD.mjs";
 import {
   day_default
 } from "../../chunk-XZYQFBCT.mjs";
+import {
+  timePicker_default
+} from "../../chunk-BM3MR3JR.mjs";
+import "../../chunk-QCEKPS7U.mjs";
+import "../../chunk-5G6CCE55.mjs";
 import "../../chunk-2GCSFWHD.mjs";
 import "../../chunk-VNRGOOSY.mjs";
 import "../../chunk-MY5U63QO.mjs";

package/dist/components/table/index.js

@@ -5995,6 +5995,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,
@@ -6016,9 +6020,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 })
         }
       ),
@@ -6026,9 +6032,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 })
         }
       ),
@@ -6046,9 +6054,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 })
         }
       ),
@@ -6056,9 +6066,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 })
         }
       )
@@ -6096,8 +6108,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",
@@ -6158,7 +6170,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"]
         }
       },
       {
@@ -6170,7 +6182,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"]
         }
       },
       {
@@ -6182,7 +6194,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"]
         }
       },
       {
@@ -6190,7 +6202,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"]
         }
       },
       {
@@ -6230,7 +6242,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"]
         }
       },
       {
@@ -6270,7 +6282,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/index.mjs

@@ -5,13 +5,13 @@ import {
 } from "../../chunk-DS5CGU2X.mjs";
 import {
   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";