@deepnoid/ui 0.1.172 → 0.1.174

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,16 +2,16 @@
 import {
   getCellStyle,
   table_default
-} from "../../chunk-PX4RCHOE.mjs";
+} from "../../chunk-QXVGMVCG.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-OEIEALIP.mjs";
 import "../../chunk-DQRAFUDA.mjs";
 import "../../chunk-EWS3FESG.mjs";
-import "../../chunk-OEIEALIP.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-R7KUEH3N.mjs";
 import "../../chunk-E3G5QXSH.mjs";

package/dist/index.js

@@ -153,7 +153,7 @@ __export(index_exports, {
 module.exports = __toCommonJS(index_exports);
 
 // src/components/accordion/accordion.tsx
-var import_react = __toESM(require("react"));
+var import_react = require("react");
 
 // src/utils/tailwind-variants.ts
 var import_tailwind_variants = require("tailwind-variants");
@@ -781,8 +781,8 @@ var Accordion = (0, import_react.forwardRef)((originalProps, ref) => {
       }
     });
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ref, className: slots.base({ class: classNames == null ? void 0 : classNames.base }), children: import_react.default.Children.map(children, (child, index) => {
-    return import_react.default.cloneElement(child, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ref, className: slots.base({ class: classNames == null ? void 0 : classNames.base }), children: import_react.Children.map(children, (child, index) => {
+    return (0, import_react.cloneElement)(child, {
       ...variantProps,
       ...child.props,
       isInGroup: true,
@@ -894,8 +894,8 @@ var AccordionItem = (0, import_react2.forwardRef)((originalProps, ref) => {
       }
     };
   }, [slots, classNames == null ? void 0 : classNames.content, contentHeight, isOpen, disableAnimation]);
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { ref, className: slots.base({ class: classNames == null ? void 0 : classNames.base }), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { "data-isopen": isOpen, className: slots.header({ class: classNames == null ? void 0 : classNames.header }), onClick: handleToggle, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { ref, className: slots.base({ class: classNames == null ? void 0 : classNames.base }), onClick: handleToggle, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { "data-isopen": isOpen, className: slots.header({ class: classNames == null ? void 0 : classNames.header }), children: [
       startContent && renderContent(startContent),
       /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: slots.headerTitle({ class: classNames == null ? void 0 : classNames.headerTitle }), children: title }),
       endContent && renderContent(endContent)
@@ -907,16 +907,18 @@ AccordionItem.displayName = "AccordionItem";
 var accordionItem_default = AccordionItem;
 var accordionItem = tv({
   slots: {
-    base: ["group/accordion", "w-full", "flex", "flex-col", "gap-[12px]", "p-[12px]", "bg-body-background"],
-    header: [
+    base: [
+      "group/accordion",
+      "w-full",
       "flex",
-      "justify-between",
-      "items-center",
-      "text-foreground",
+      "flex-col",
+      "gap-[12px]",
+      "p-[12px]",
+      "bg-body-background",
       "cursor-pointer",
-      "select-none",
-      "gap-[8px]"
+      "select-none"
     ],
+    header: ["flex", "justify-between", "items-center", "text-foreground", "gap-[8px]"],
     headerTitle: ["w-full", "font-bold", "text-body-foreground"],
     content: [
       "overflow-hidden",
@@ -8341,6 +8343,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 +8368,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 +8380,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 +8402,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 +8414,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 +8456,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 +8518,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 +8530,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 +8542,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 +8550,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 +8590,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 +8630,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/index.mjs

@@ -1,18 +1,14 @@
 "use client";
-import "./chunk-MBLZYQCN.mjs";
-import {
-  tree_default
-} from "./chunk-WSBUOY2M.mjs";
 import "./chunk-HIE2YRGA.mjs";
 import {
   tooltip_default
 } from "./chunk-5KC3IFNR.mjs";
 import "./chunk-ZMOAFSYE.mjs";
 import "./chunk-WSIADHVC.mjs";
-import "./chunk-3MY6LO7N.mjs";
+import "./chunk-MBLZYQCN.mjs";
 import {
-  tabs_default
-} from "./chunk-DW3BX4M2.mjs";
+  tree_default
+} from "./chunk-WSBUOY2M.mjs";
 import "./chunk-RRAZM5D3.mjs";
 import {
   textarea_default
@@ -30,13 +26,17 @@ import "./chunk-LVFI2NOH.mjs";
 import {
   switch_default
 } from "./chunk-AGE57VDD.mjs";
+import "./chunk-3MY6LO7N.mjs";
+import {
+  tabs_default
+} from "./chunk-DW3BX4M2.mjs";
 import "./chunk-DX3KXNP6.mjs";
 import {
   definition_table_default
 } from "./chunk-DS5CGU2X.mjs";
 import {
   table_default
-} from "./chunk-PX4RCHOE.mjs";
+} from "./chunk-QXVGMVCG.mjs";
 import "./chunk-MZ76AA76.mjs";
 import {
   skeleton_default
@@ -53,15 +53,15 @@ import "./chunk-QCEKPS7U.mjs";
 import {
   select_default
 } from "./chunk-5G6CCE55.mjs";
-import "./chunk-TPFN22HR.mjs";
-import {
-  radio_default
-} from "./chunk-PRNE3U26.mjs";
 import "./chunk-7B7LRG5J.mjs";
 import {
   pagination_default
-} from "./chunk-WLTBJF4I.mjs";
+} from "./chunk-D4YI5HF2.mjs";
 import "./chunk-F3HENRVM.mjs";
+import "./chunk-TPFN22HR.mjs";
+import {
+  radio_default
+} from "./chunk-PRNE3U26.mjs";
 import {
   datePicker_default
 } from "./chunk-52VX5MC2.mjs";
@@ -69,10 +69,18 @@ import "./chunk-FWFEKWWD.mjs";
 import {
   day_default
 } from "./chunk-XZYQFBCT.mjs";
-import "./chunk-MGEWSREV.mjs";
+import "./chunk-RLXOHILK.mjs";
 import {
-  chip_default
-} from "./chunk-2B3HDC26.mjs";
+  fileUpload_default
+} from "./chunk-4XEZQMLU.mjs";
+import "./chunk-7VOQKIIK.mjs";
+import {
+  progress_default
+} from "./chunk-KH63CD55.mjs";
+import "./chunk-2GCSFWHD.mjs";
+import {
+  input_default
+} from "./chunk-VNRGOOSY.mjs";
 import "./chunk-7MVEAQ7Z.mjs";
 import {
   list_default
@@ -84,24 +92,22 @@ import "./chunk-DJOG6Z35.mjs";
 import {
   modal_default
 } from "./chunk-SCQCMQDP.mjs";
-import "./chunk-QZ3LVYJW.mjs";
+import "./chunk-MGEWSREV.mjs";
+import {
+  chip_default
+} from "./chunk-2B3HDC26.mjs";
 import "./chunk-32GA3YW4.mjs";
 import {
   drawer_default
 } from "./chunk-45Y7ANPK.mjs";
-import "./chunk-RLXOHILK.mjs";
-import {
-  fileUpload_default
-} from "./chunk-4XEZQMLU.mjs";
-import "./chunk-7VOQKIIK.mjs";
-import {
-  progress_default
-} from "./chunk-KH63CD55.mjs";
-import "./chunk-2GCSFWHD.mjs";
+import "./chunk-QZ3LVYJW.mjs";
 import {
-  input_default
-} from "./chunk-VNRGOOSY.mjs";
+  checkbox_default
+} from "./chunk-OEIEALIP.mjs";
 import "./chunk-3OCNT22V.mjs";
+import {
+  simpleBarChart_default
+} from "./chunk-GWHUQUKA.mjs";
 import {
   areaChart_default
 } from "./chunk-LH6Z7SDZ.mjs";
@@ -119,12 +125,6 @@ import {
 import {
   radarChart_default
 } from "./chunk-U7SYKG2C.mjs";
-import {
-  simpleBarChart_default
-} from "./chunk-GWHUQUKA.mjs";
-import {
-  checkbox_default
-} from "./chunk-OEIEALIP.mjs";
 import "./chunk-SE5TU755.mjs";
 import {
   backdrop_default
@@ -157,10 +157,10 @@ import {
 import "./chunk-NMSDSEBD.mjs";
 import {
   accordion_default
-} from "./chunk-CPFFP7L6.mjs";
+} from "./chunk-JGG3ZUNG.mjs";
 import {
   accordionItem_default
-} from "./chunk-DU7L4GA7.mjs";
+} from "./chunk-NTNF5T5I.mjs";
 import "./chunk-E3G5QXSH.mjs";
 import "./chunk-7DLOYKVC.mjs";
 import {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deepnoid/ui",
-  "version": "0.1.172",
+  "version": "0.1.174",
   "license": "MIT",
   "sideEffects": false,
   "exports": {