@deepnoid/ui 0.1.172 → 0.1.174

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-CPFFP7L6.mjs → chunk-JGG3ZUNG.mjs}

@@ -7,7 +7,7 @@ import {
 } from "./chunk-U4DJHAM5.mjs";
 
 // src/components/accordion/accordion.tsx
-import React, { forwardRef, useMemo, useState } from "react";
+import { Children, cloneElement, forwardRef, useMemo, useState } from "react";
 import { jsx } from "react/jsx-runtime";
 var Accordion = forwardRef((originalProps, ref) => {
   const [props, variantProps] = mapPropsVariants(originalProps, accordion.variantKeys);
@@ -23,8 +23,8 @@ var Accordion = forwardRef((originalProps, ref) => {
       }
     });
   };
-  return /* @__PURE__ */ jsx("div", { ref, className: slots.base({ class: classNames == null ? void 0 : classNames.base }), children: React.Children.map(children, (child, index) => {
-    return React.cloneElement(child, {
+  return /* @__PURE__ */ jsx("div", { ref, className: slots.base({ class: classNames == null ? void 0 : classNames.base }), children: Children.map(children, (child, index) => {
+    return cloneElement(child, {
       ...variantProps,
       ...child.props,
       isInGroup: true,

package/dist/{chunk-DU7L4GA7.mjs → chunk-NTNF5T5I.mjs}

@@ -79,8 +79,8 @@ var AccordionItem = forwardRef((originalProps, ref) => {
       }
     };
   }, [slots, classNames == null ? void 0 : classNames.content, contentHeight, isOpen, disableAnimation]);
-  return /* @__PURE__ */ jsxs("div", { ref, className: slots.base({ class: classNames == null ? void 0 : classNames.base }), children: [
-    /* @__PURE__ */ jsxs("div", { "data-isopen": isOpen, className: slots.header({ class: classNames == null ? void 0 : classNames.header }), onClick: handleToggle, children: [
+  return /* @__PURE__ */ jsxs("div", { ref, className: slots.base({ class: classNames == null ? void 0 : classNames.base }), onClick: handleToggle, children: [
+    /* @__PURE__ */ jsxs("div", { "data-isopen": isOpen, className: slots.header({ class: classNames == null ? void 0 : classNames.header }), children: [
       startContent && renderContent(startContent),
       /* @__PURE__ */ jsx("span", { className: slots.headerTitle({ class: classNames == null ? void 0 : classNames.headerTitle }), children: title }),
       endContent && renderContent(endContent)
@@ -92,16 +92,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",

package/dist/{chunk-PX4RCHOE.mjs → chunk-QXVGMVCG.mjs}

@@ -1,13 +1,13 @@
 "use client";
 import {
   pagination_default
-} from "./chunk-WLTBJF4I.mjs";
-import {
-  scrollArea_default
-} from "./chunk-EWS3FESG.mjs";
+} from "./chunk-D4YI5HF2.mjs";
 import {
   checkbox_default
 } from "./chunk-OEIEALIP.mjs";
+import {
+  scrollArea_default
+} from "./chunk-EWS3FESG.mjs";
 import {
   mapPropsVariants
 } from "./chunk-E3G5QXSH.mjs";

package/dist/components/accordion/accordion.d.mts

@@ -1,6 +1,7 @@
 import * as tailwind_variants from 'tailwind-variants';
 import { VariantProps } from 'tailwind-variants';
-import react__default, { ReactNode } from 'react';
+import * as react from 'react';
+import { ReactNode } from 'react';
 import { SlotsToClasses } from '../../utils/types.mjs';
 
 interface Props {
@@ -10,7 +11,7 @@ interface Props {
     selectionIndex?: number;
 }
 type AccordionProps = Props & AccordionVariantProps;
-declare const Accordion: react__default.ForwardRefExoticComponent<Props & AccordionVariantProps & react__default.RefAttributes<HTMLDivElement>>;
+declare const Accordion: react.ForwardRefExoticComponent<Props & AccordionVariantProps & react.RefAttributes<HTMLDivElement>>;
 
 declare const accordion: tailwind_variants.TVReturnType<{
     variant: {

package/dist/components/accordion/accordion.d.ts

@@ -1,6 +1,7 @@
 import * as tailwind_variants from 'tailwind-variants';
 import { VariantProps } from 'tailwind-variants';
-import react__default, { ReactNode } from 'react';
+import * as react from 'react';
+import { ReactNode } from 'react';
 import { SlotsToClasses } from '../../utils/types.js';
 
 interface Props {
@@ -10,7 +11,7 @@ interface Props {
     selectionIndex?: number;
 }
 type AccordionProps = Props & AccordionVariantProps;
-declare const Accordion: react__default.ForwardRefExoticComponent<Props & AccordionVariantProps & react__default.RefAttributes<HTMLDivElement>>;
+declare const Accordion: react.ForwardRefExoticComponent<Props & AccordionVariantProps & react.RefAttributes<HTMLDivElement>>;
 
 declare const accordion: tailwind_variants.TVReturnType<{
     variant: {

package/dist/components/accordion/accordion.js

@@ -105,7 +105,7 @@ __export(accordion_exports, {
   default: () => accordion_default
 });
 module.exports = __toCommonJS(accordion_exports);
-var import_react = __toESM(require("react"));
+var import_react = require("react");
 
 // src/utils/tailwind-variants.ts
 var import_tailwind_variants = require("tailwind-variants");
@@ -390,8 +390,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,

package/dist/components/accordion/accordion.mjs

@@ -1,7 +1,7 @@
 "use client";
 import {
   accordion_default
-} from "../../chunk-CPFFP7L6.mjs";
+} from "../../chunk-JGG3ZUNG.mjs";
 import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-U4DJHAM5.mjs";
 import "../../chunk-AC6TWLRT.mjs";

package/dist/components/accordion/accordionItem.js

@@ -437,8 +437,8 @@ var AccordionItem = (0, import_react.forwardRef)((originalProps, ref) => {
       }
     };
   }, [slots, classNames == null ? void 0 : classNames.content, contentHeight, isOpen, disableAnimation]);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { ref, className: slots.base({ class: classNames == null ? void 0 : classNames.base }), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { "data-isopen": isOpen, className: slots.header({ class: classNames == null ? void 0 : classNames.header }), onClick: handleToggle, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { ref, className: slots.base({ class: classNames == null ? void 0 : classNames.base }), onClick: handleToggle, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { "data-isopen": isOpen, className: slots.header({ class: classNames == null ? void 0 : classNames.header }), children: [
       startContent && renderContent(startContent),
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: slots.headerTitle({ class: classNames == null ? void 0 : classNames.headerTitle }), children: title }),
       endContent && renderContent(endContent)
@@ -450,16 +450,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",

package/dist/components/accordion/accordionItem.mjs

@@ -1,7 +1,7 @@
 "use client";
 import {
   accordionItem_default
-} from "../../chunk-DU7L4GA7.mjs";
+} from "../../chunk-NTNF5T5I.mjs";
 import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-U4DJHAM5.mjs";
 import "../../chunk-AC6TWLRT.mjs";

package/dist/components/accordion/index.js

@@ -108,7 +108,7 @@ __export(accordion_exports, {
 module.exports = __toCommonJS(accordion_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");
@@ -393,8 +393,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,
@@ -506,8 +506,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)
@@ -519,16 +519,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",

package/dist/components/accordion/index.mjs

@@ -2,10 +2,10 @@
 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-U4DJHAM5.mjs";
 import "../../chunk-AC6TWLRT.mjs";

package/dist/components/charts/index.mjs

@@ -1,5 +1,8 @@
 "use client";
 import "../../chunk-3OCNT22V.mjs";
+import {
+  simpleBarChart_default
+} from "../../chunk-GWHUQUKA.mjs";
 import {
   areaChart_default
 } from "../../chunk-LH6Z7SDZ.mjs";
@@ -15,9 +18,6 @@ import {
 import {
   radarChart_default
 } from "../../chunk-U7SYKG2C.mjs";
-import {
-  simpleBarChart_default
-} from "../../chunk-GWHUQUKA.mjs";
 import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-U4DJHAM5.mjs";
 import "../../chunk-27Y6K5NK.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";