@gearbox-protocol/permissionless-ui 1.9.4 → 1.10.0

package/dist/cjs/components/auth/connect-required.cjs

@@ -3,6 +3,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
+const connectkit = require('connectkit');
+const wagmi = require('wagmi');
 require('../buttons/back-button/back-button.cjs');
 const components_buttons_button_button = require('../buttons/button/button.cjs');
 require('../buttons/copy-button/copy-button.cjs');
@@ -15,8 +17,6 @@ require('tailwind-merge');
 require('sonner');
 require('@gearbox-protocol/sdk');
 const components_buttons_tabButton_tabButton = require('../buttons/tab-button/tab-button.cjs');
-const connectkit = require('connectkit');
-const wagmi = require('wagmi');
 
 function ConnectRequired({
   children,

package/dist/cjs/components/auth/index.cjs

@@ -2,12 +2,12 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
+const components_auth_connectRequired = require('./connect-required.cjs');
 const components_auth_signinRequired = require('./signin-required.cjs');
 const components_auth_siweProvider = require('./siwe-provider.cjs');
-const components_auth_connectRequired = require('./connect-required.cjs');
 
 
 
+exports.ConnectRequired = components_auth_connectRequired.ConnectRequired;
 exports.SignInRequired = components_auth_signinRequired.SignInRequired;
 exports.SIWEClientProvider = components_auth_siweProvider.SIWEClientProvider;
-exports.ConnectRequired = components_auth_connectRequired.ConnectRequired;

package/dist/cjs/components/buttons/button/button.cjs

@@ -30,7 +30,7 @@ function _interopNamespaceDefault(e) {
 const React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
 
 const buttonVariants = classVarianceAuthority.cva(
-  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors cursor-pointer disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([style*='width']):not([style*='height'])]:size-4 [&_svg]:shrink-0 border border-transparent outline-none focus-visible:outline-none",
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors cursor-pointer disabled:cursor-not-allowed disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([style*='width']):not([style*='height'])]:size-4 [&_svg]:shrink-0 border border-transparent outline-none focus-visible:outline-none",
   {
     variants: {
       variant: {

package/dist/cjs/components/buttons/navigation-button/navigation-button.cjs

@@ -16,7 +16,7 @@ const NavigationButton = React.forwardRef(({ href, text, isActive, ...props }, r
       href,
       ref,
       className: utils_cn.cn(
-        "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all cursor-pointer focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 relative",
+        "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all cursor-pointer focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:pointer-events-none disabled:opacity-50 relative",
         "text-decoration-none text-foreground hover:text-foreground hover:bg-secondary px-4 py-2",
         isActive ? "bg-secondary md:bg-transparent text-foreground" : ""
       ),

package/dist/cjs/components/buttons/range-buttons/range-buttons.cjs

@@ -24,6 +24,7 @@ function RangeButtons({
         "text-xs leading-[14px] font-medium text-center",
         "rounded-md border cursor-pointer transition-colors",
         "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",
+        "disabled:cursor-not-allowed disabled:opacity-50",
         r.value === range ? "bg-secondary border-secondary text-secondary-foreground" : "bg-muted border-muted text-muted-foreground hover:border-secondary",
         index < rangeList.length - 1 && "mr-1.5"
       ),

package/dist/cjs/components/dialog/dialog-content.cjs

@@ -45,7 +45,7 @@ const DialogContent = React__namespace.forwardRef(({ className, children, ...pro
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsxRuntime.jsxs(DialogPrimitive__namespace.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground cursor-pointer hover:text-foreground", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(DialogPrimitive__namespace.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none disabled:cursor-not-allowed disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground cursor-pointer hover:text-foreground", children: [
           /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "h-4 w-4" }),
           /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Close" })
         ] })

package/dist/cjs/components/dropdown-menu/dropdown-menu-checkbox-item.cjs

@@ -36,7 +36,7 @@ const DropdownMenuCheckboxItem = React__namespace.forwardRef(
     {
       ref,
       className: utils_cn.cn(
-        "relative flex cursor-pointer select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors hover:text-foreground hover:bg-secondary focus-visible:outline-none focus:bg-secondary focus:text-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+        "relative flex cursor-pointer select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors hover:text-foreground hover:bg-secondary focus-visible:outline-none focus:bg-secondary focus:text-foreground data-[disabled]:cursor-not-allowed data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
         className
       ),
       checked,

package/dist/cjs/components/dropdown-menu/dropdown-menu-item.cjs

@@ -34,7 +34,7 @@ const DropdownMenuItem = React__namespace.forwardRef(({ className, inset, ...pro
   {
     ref,
     className: utils_cn.cn(
-      "relative flex cursor-pointer select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors hover:text-foreground hover:bg-secondary focus-visible:outline-none focus:bg-secondary focus:text-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&>svg]:size-4 [&>svg]:shrink-0",
+      "relative flex cursor-pointer select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors hover:text-foreground hover:bg-secondary focus-visible:outline-none focus:bg-secondary focus:text-foreground data-[disabled]:cursor-not-allowed data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&>svg]:size-4 [&>svg]:shrink-0",
       inset && "pl-8",
       className
     ),

package/dist/cjs/components/dropdown-menu/dropdown-menu-radio-item.cjs

@@ -35,7 +35,7 @@ const DropdownMenuRadioItem = React__namespace.forwardRef(({ className, children
   {
     ref,
     className: utils_cn.cn(
-      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:cursor-not-allowed data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
       className
     ),
     ...props,

package/dist/cjs/components/filter/filter-checkbox-item.cjs

@@ -35,7 +35,7 @@ const FilterCheckboxItem = React__namespace.forwardRef(({ className, children, c
   {
     ref,
     className: utils_cn.cn(
-      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:cursor-not-allowed data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
       className
     ),
     checked,

package/dist/cjs/components/filter/filter-dropdown-item.cjs

@@ -34,7 +34,7 @@ const FilterDropdownItem = React__namespace.forwardRef(({ className, inset, ...p
   {
     ref,
     className: utils_cn.cn(
-      "relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&>svg]:size-4 [&>svg]:shrink-0",
+      "relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:cursor-not-allowed data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&>svg]:size-4 [&>svg]:shrink-0",
       inset && "pl-8",
       className
     ),

package/dist/cjs/components/filter/filter-modal-item.cjs

@@ -35,7 +35,7 @@ const FilterModalItem = React__namespace.forwardRef(({ className, active, disabl
       "flex cursor-pointer select-none items-center gap-2 rounded-sm px-3 py-2 text-sm outline-none transition-colors",
       "hover:bg-accent hover:text-accent-foreground",
       active && "bg-accent text-accent-foreground",
-      disabled && "pointer-events-none opacity-50",
+      disabled && "cursor-not-allowed pointer-events-none opacity-50",
       className
     ),
     ...props

package/dist/cjs/components/filter/filter-radio-item.cjs

@@ -35,7 +35,7 @@ const FilterRadioItem = React__namespace.forwardRef(({ className, children, ...p
   {
     ref,
     className: utils_cn.cn(
-      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:cursor-not-allowed data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
       className
     ),
     ...props,

package/dist/cjs/components/index.cjs

@@ -6,9 +6,9 @@ const components_alertDialog_alertDialog = require('./alert-dialog/alert-dialog.
 const components_assetLine_assetLine = require('./asset-line/asset-line.cjs');
 const components_assetsListCell_assetsListCell = require('./assets-list-cell/assets-list-cell.cjs');
 const components_assetsRatio_assetsRatio = require('./assets-ratio/assets-ratio.cjs');
+const components_auth_connectRequired = require('./auth/connect-required.cjs');
 const components_auth_signinRequired = require('./auth/signin-required.cjs');
 const components_auth_siweProvider = require('./auth/siwe-provider.cjs');
-const components_auth_connectRequired = require('./auth/connect-required.cjs');
 const components_badge_badge = require('./badge/badge.cjs');
 const components_baseLink_baseLink = require('./base-link/base-link.cjs');
 const components_blockSync_blockSync = require('./block-sync/block-sync.cjs');
@@ -153,9 +153,9 @@ exports.AlertDialogTrigger = components_alertDialog_alertDialog.AlertDialogTrigg
 exports.AssetLine = components_assetLine_assetLine.AssetLine;
 exports.AssetsListCell = components_assetsListCell_assetsListCell.AssetsListCell;
 exports.AssetsRatio = components_assetsRatio_assetsRatio.AssetsRatio;
+exports.ConnectRequired = components_auth_connectRequired.ConnectRequired;
 exports.SignInRequired = components_auth_signinRequired.SignInRequired;
 exports.SIWEClientProvider = components_auth_siweProvider.SIWEClientProvider;
-exports.ConnectRequired = components_auth_connectRequired.ConnectRequired;
 exports.Badge = components_badge_badge.Badge;
 exports.badgeVariants = components_badge_badge.badgeVariants;
 exports.BaseLink = components_baseLink_baseLink.BaseLink;

package/dist/cjs/components/input/input.cjs

@@ -10,7 +10,7 @@ require('sonner');
 require('@gearbox-protocol/sdk');
 
 const inputVariants = classVarianceAuthority.cva(
-  "flex w-full rounded-md border border-input px-3 py-1 shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground/70 focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm bg-[rgb(40,40,40)] text-foreground border-[rgb(100,100,100)] focus:bg-[rgb(40,40,40)] active:bg-[rgb(40,40,40)] [&:not(:placeholder-shown)]:bg-[rgb(40,40,40)] autofill:bg-[rgb(40,40,40)] [-webkit-autofill]:bg-[rgb(40,40,40)] [&:-webkit-autofill]:shadow-[0_0_0_1000px_rgb(40,40,40)_inset] [&:-webkit-autofill]:[text-fill-color:currentColor] outline-none",
+  "flex w-full rounded-md border border-input px-3 py-1 shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground/70 focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm bg-[rgb(40,40,40)] text-foreground border-[rgb(100,100,100)] focus:bg-[rgb(40,40,40)] active:bg-[rgb(40,40,40)] [&:not(:placeholder-shown)]:bg-[rgb(40,40,40)] autofill:bg-[rgb(40,40,40)] [-webkit-autofill]:bg-[rgb(40,40,40)] [&:-webkit-autofill]:shadow-[0_0_0_1000px_rgb(40,40,40)_inset] [&:-webkit-autofill]:[text-fill-color:currentColor] outline-none [&::-webkit-search-cancel-button]:cursor-pointer",
   {
     variants: {
       size: {

package/dist/cjs/components/navitem/navitem.cjs

@@ -31,15 +31,15 @@ function _interopNamespaceDefault(e) {
 const React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
 
 const navitemVariants = classVarianceAuthority.cva(
-  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all cursor-pointer focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 relative",
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all cursor-pointer focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:pointer-events-none disabled:opacity-50 relative",
   {
     variants: {
       variant: {
-        default: "text-decoration-none text-foreground hover:text-foreground hover:bg-secondary data-[active=true]:bg-transparent md:data-[active=true]:bg-transparent data-[active=true]:text-foreground active:bg-transparent focus:bg-transparent md:focus:bg-secondary",
-        active: "text-foreground bg-transparent md:bg-secondary active:bg-transparent focus:bg-transparent md:active:bg-secondary md:focus:bg-secondary",
-        ghost: "text-decoration-none text-muted-foreground hover:text-foreground hover:bg-secondary data-[active=true]:bg-transparent md:data-[active=true]:bg-transparent data-[active=true]:text-foreground active:bg-transparent focus:bg-transparent md:focus:bg-secondary",
+        default: "text-decoration-none text-foreground hover:text-foreground hover:bg-secondary data-[active=true]:bg-secondary md:data-[active=true]:bg-transparent data-[active=true]:text-foreground active:bg-transparent focus:bg-transparent md:focus:bg-secondary",
+        active: "text-foreground bg-secondary md:bg-transparent active:bg-transparent focus:bg-transparent md:active:bg-secondary md:focus:bg-secondary",
+        ghost: "text-decoration-none text-muted-foreground hover:text-foreground hover:bg-secondary data-[active=true]:bg-secondary md:data-[active=true]:bg-transparent data-[active=true]:text-foreground active:bg-transparent focus:bg-transparent md:focus:bg-secondary",
         link: "text-decoration-none text-muted-foreground hover:text-foreground underline-offset-4 hover:underline data-[active=true]:text-foreground data-[active=true]:underline active:bg-transparent focus:bg-transparent",
-        pill: "text-decoration-none text-muted-foreground hover:text-foreground hover:bg-accent rounded-full data-[active=true]:bg-transparent md:data-[active=true]:bg-accent data-[active=true]:text-foreground active:bg-transparent focus:bg-transparent md:focus:bg-accent",
+        pill: "text-decoration-none text-muted-foreground hover:text-foreground hover:bg-accent rounded-full data-[active=true]:bg-secondary md:data-[active=true]:bg-accent data-[active=true]:text-foreground active:bg-transparent focus:bg-transparent md:focus:bg-accent",
         tab: "text-decoration-none text-muted-foreground hover:text-foreground border-b-2 border-transparent hover:border-border data-[active=true]:border-primary data-[active=true]:text-foreground rounded-none active:bg-transparent focus:bg-transparent"
       },
       size: {

package/dist/cjs/components/select/select.cjs

@@ -136,7 +136,7 @@ const SelectItem = React__namespace.forwardRef(({ className, children, ...props
   {
     ref,
     className: utils_cn.cn(
-      "relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-2 pr-8 text-sm outline-none hover:bg-secondary focus:bg-secondary data-[disabled]:pointer-events-none data-[disabled]:opacity-50 bg-transparent text-foreground border-[rgb(100,100,100)] cursor-pointer",
+      "relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-2 pr-8 text-sm outline-none hover:bg-secondary focus:bg-secondary data-[disabled]:cursor-not-allowed data-[disabled]:pointer-events-none data-[disabled]:opacity-50 bg-transparent text-foreground border-[rgb(100,100,100)] cursor-pointer",
       className
     ),
     ...props,

package/dist/cjs/components/tab-control/tab-control.cjs

@@ -106,7 +106,7 @@ function TabControl({
                 "flex items-center bg-transparent border-none shrink-0",
                 tabItemWrapPadding || "pb-3.5",
                 variant === "equal" ? "flex-1 justify-center min-w-0" : !isLast && "mr-10 sm:mr-8",
-                s || t.disabled ? "cursor-default" : "cursor-pointer",
+                s ? "cursor-default" : t.disabled ? "cursor-not-allowed" : "cursor-pointer",
                 !t.disabled && "hover:text-foreground"
               ),
               style: tabItemWrapPadding ? { padding: tabItemWrapPadding } : void 0,

package/dist/cjs/components/table/editable-grid-table.cjs

@@ -4,9 +4,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
 const lucideReact = require('lucide-react');
-const components_auth_signinRequired = require('../auth/signin-required.cjs');
 require('connectkit');
-require('viem/siwe');
+require('wagmi');
 require('../buttons/back-button/back-button.cjs');
 const components_buttons_button_button = require('../buttons/button/button.cjs');
 require('../buttons/copy-button/copy-button.cjs');
@@ -19,7 +18,8 @@ require('tailwind-merge');
 require('sonner');
 require('@gearbox-protocol/sdk');
 const components_buttons_tabButton_tabButton = require('../buttons/tab-button/tab-button.cjs');
-require('wagmi');
+const components_auth_signinRequired = require('../auth/signin-required.cjs');
+require('viem/siwe');
 const components_tokenIcon_tokenIcon = require('../token-icon/token-icon.cjs');
 const components_table_gridTable = require('./grid-table.cjs');
 const components_table_updatedValue = require('./updated-value.cjs');

package/dist/cjs/components/table/editable-table.cjs

@@ -3,9 +3,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
-const components_auth_signinRequired = require('../auth/signin-required.cjs');
 require('connectkit');
-require('viem/siwe');
+require('wagmi');
 require('../buttons/back-button/back-button.cjs');
 require('../buttons/button/button.cjs');
 require('../buttons/copy-button/copy-button.cjs');
@@ -18,7 +17,8 @@ require('tailwind-merge');
 require('sonner');
 require('@gearbox-protocol/sdk');
 const components_buttons_tabButton_tabButton = require('../buttons/tab-button/tab-button.cjs');
-require('wagmi');
+const components_auth_signinRequired = require('../auth/signin-required.cjs');
+require('viem/siwe');
 const components_tokenIcon_tokenIcon = require('../token-icon/token-icon.cjs');
 const components_table_table = require('./table.cjs');
 const components_table_updatedValue = require('./updated-value.cjs');

package/dist/cjs/components/tabs/tabs.cjs

@@ -47,7 +47,7 @@ const TabsTrigger = React__namespace.forwardRef(({ className, ...props }, ref) =
   {
     ref,
     className: utils_cn.cn(
-      "inline-flex items-center justify-center whitespace-nowrap px-3 py-1 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow rounded-none border-b-2 border-transparent px-2 py-2 text-gray-400 hover:text-foreground data-[state=active]:border-foreground data-[state=active]:bg-transparent data-[state=active]:text-foreground focus:outline-none cursor-pointer shrink-0",
+      "inline-flex items-center justify-center whitespace-nowrap px-3 py-1 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow rounded-none border-b-2 border-transparent px-2 py-2 text-gray-400 hover:text-foreground data-[state=active]:border-foreground data-[state=active]:bg-transparent data-[state=active]:text-foreground focus:outline-none cursor-pointer shrink-0",
       className
     ),
     ...props

package/dist/cjs/index.cjs

@@ -6,9 +6,9 @@ const components_alertDialog_alertDialog = require('./components/alert-dialog/al
 const components_assetLine_assetLine = require('./components/asset-line/asset-line.cjs');
 const components_assetsListCell_assetsListCell = require('./components/assets-list-cell/assets-list-cell.cjs');
 const components_assetsRatio_assetsRatio = require('./components/assets-ratio/assets-ratio.cjs');
+const components_auth_connectRequired = require('./components/auth/connect-required.cjs');
 const components_auth_signinRequired = require('./components/auth/signin-required.cjs');
 const components_auth_siweProvider = require('./components/auth/siwe-provider.cjs');
-const components_auth_connectRequired = require('./components/auth/connect-required.cjs');
 const components_badge_badge = require('./components/badge/badge.cjs');
 const components_baseLink_baseLink = require('./components/base-link/base-link.cjs');
 const components_blockSync_blockSync = require('./components/block-sync/block-sync.cjs');
@@ -173,9 +173,9 @@ exports.AlertDialogTrigger = components_alertDialog_alertDialog.AlertDialogTrigg
 exports.AssetLine = components_assetLine_assetLine.AssetLine;
 exports.AssetsListCell = components_assetsListCell_assetsListCell.AssetsListCell;
 exports.AssetsRatio = components_assetsRatio_assetsRatio.AssetsRatio;
+exports.ConnectRequired = components_auth_connectRequired.ConnectRequired;
 exports.SignInRequired = components_auth_signinRequired.SignInRequired;
 exports.SIWEClientProvider = components_auth_siweProvider.SIWEClientProvider;
-exports.ConnectRequired = components_auth_connectRequired.ConnectRequired;
 exports.Badge = components_badge_badge.Badge;
 exports.badgeVariants = components_badge_badge.badgeVariants;
 exports.BaseLink = components_baseLink_baseLink.BaseLink;

package/dist/esm/components/auth/connect-required.js

@@ -1,4 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
+import { useModal } from 'connectkit';
+import { useAccount } from 'wagmi';
 import '../buttons/back-button/back-button.js';
 import { Button } from '../buttons/button/button.js';
 import '../buttons/copy-button/copy-button.js';
@@ -11,8 +13,6 @@ import 'tailwind-merge';
 import 'sonner';
 import '@gearbox-protocol/sdk';
 import { TabButton } from '../buttons/tab-button/tab-button.js';
-import { useModal } from 'connectkit';
-import { useAccount } from 'wagmi';
 
 function ConnectRequired({
   children,

package/dist/esm/components/auth/index.js

@@ -1,3 +1,3 @@
+export { ConnectRequired } from './connect-required.js';
 export { SignInRequired } from './signin-required.js';
 export { SIWEClientProvider } from './siwe-provider.js';
-export { ConnectRequired } from './connect-required.js';

package/dist/esm/components/buttons/button/button.js

@@ -7,7 +7,7 @@ import 'sonner';
 import '@gearbox-protocol/sdk';
 
 const buttonVariants = cva(
-  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors cursor-pointer disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([style*='width']):not([style*='height'])]:size-4 [&_svg]:shrink-0 border border-transparent outline-none focus-visible:outline-none",
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors cursor-pointer disabled:cursor-not-allowed disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([style*='width']):not([style*='height'])]:size-4 [&_svg]:shrink-0 border border-transparent outline-none focus-visible:outline-none",
   {
     variants: {
       variant: {

package/dist/esm/components/buttons/navigation-button/navigation-button.js

@@ -12,7 +12,7 @@ const NavigationButton = React__default.forwardRef(({ href, text, isActive, ...p
       href,
       ref,
       className: cn(
-        "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all cursor-pointer focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 relative",
+        "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all cursor-pointer focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:pointer-events-none disabled:opacity-50 relative",
         "text-decoration-none text-foreground hover:text-foreground hover:bg-secondary px-4 py-2",
         isActive ? "bg-secondary md:bg-transparent text-foreground" : ""
       ),

package/dist/esm/components/buttons/range-buttons/range-buttons.js

@@ -20,6 +20,7 @@ function RangeButtons({
         "text-xs leading-[14px] font-medium text-center",
         "rounded-md border cursor-pointer transition-colors",
         "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",
+        "disabled:cursor-not-allowed disabled:opacity-50",
         r.value === range ? "bg-secondary border-secondary text-secondary-foreground" : "bg-muted border-muted text-muted-foreground hover:border-secondary",
         index < rangeList.length - 1 && "mr-1.5"
       ),

package/dist/esm/components/dialog/dialog-content.js

@@ -21,7 +21,7 @@ const DialogContent = React.forwardRef(({ className, children, ...props }, ref)
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsxs(DialogPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground cursor-pointer hover:text-foreground", children: [
+        /* @__PURE__ */ jsxs(DialogPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none disabled:cursor-not-allowed disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground cursor-pointer hover:text-foreground", children: [
           /* @__PURE__ */ jsx(X, { className: "h-4 w-4" }),
           /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
         ] })

package/dist/esm/components/dropdown-menu/dropdown-menu-checkbox-item.js

@@ -12,7 +12,7 @@ const DropdownMenuCheckboxItem = React.forwardRef(
     {
       ref,
       className: cn(
-        "relative flex cursor-pointer select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors hover:text-foreground hover:bg-secondary focus-visible:outline-none focus:bg-secondary focus:text-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+        "relative flex cursor-pointer select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors hover:text-foreground hover:bg-secondary focus-visible:outline-none focus:bg-secondary focus:text-foreground data-[disabled]:cursor-not-allowed data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
         className
       ),
       checked,

package/dist/esm/components/dropdown-menu/dropdown-menu-item.js

@@ -10,7 +10,7 @@ const DropdownMenuItem = React.forwardRef(({ className, inset, ...props }, ref)
   {
     ref,
     className: cn(
-      "relative flex cursor-pointer select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors hover:text-foreground hover:bg-secondary focus-visible:outline-none focus:bg-secondary focus:text-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&>svg]:size-4 [&>svg]:shrink-0",
+      "relative flex cursor-pointer select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors hover:text-foreground hover:bg-secondary focus-visible:outline-none focus:bg-secondary focus:text-foreground data-[disabled]:cursor-not-allowed data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&>svg]:size-4 [&>svg]:shrink-0",
       inset && "pl-8",
       className
     ),

package/dist/esm/components/dropdown-menu/dropdown-menu-radio-item.js

@@ -11,7 +11,7 @@ const DropdownMenuRadioItem = React.forwardRef(({ className, children, ...props
   {
     ref,
     className: cn(
-      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:cursor-not-allowed data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
       className
     ),
     ...props,

package/dist/esm/components/filter/filter-checkbox-item.js

@@ -11,7 +11,7 @@ const FilterCheckboxItem = React.forwardRef(({ className, children, checked, ...
   {
     ref,
     className: cn(
-      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:cursor-not-allowed data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
       className
     ),
     checked,

package/dist/esm/components/filter/filter-dropdown-item.js

@@ -10,7 +10,7 @@ const FilterDropdownItem = React.forwardRef(({ className, inset, ...props }, ref
   {
     ref,
     className: cn(
-      "relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&>svg]:size-4 [&>svg]:shrink-0",
+      "relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:cursor-not-allowed data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&>svg]:size-4 [&>svg]:shrink-0",
       inset && "pl-8",
       className
     ),

package/dist/esm/components/filter/filter-modal-item.js

@@ -12,7 +12,7 @@ const FilterModalItem = React.forwardRef(({ className, active, disabled, ...prop
       "flex cursor-pointer select-none items-center gap-2 rounded-sm px-3 py-2 text-sm outline-none transition-colors",
       "hover:bg-accent hover:text-accent-foreground",
       active && "bg-accent text-accent-foreground",
-      disabled && "pointer-events-none opacity-50",
+      disabled && "cursor-not-allowed pointer-events-none opacity-50",
       className
     ),
     ...props

package/dist/esm/components/filter/filter-radio-item.js

@@ -11,7 +11,7 @@ const FilterRadioItem = React.forwardRef(({ className, children, ...props }, ref
   {
     ref,
     className: cn(
-      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:cursor-not-allowed data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
       className
     ),
     ...props,

package/dist/esm/components/index.js

@@ -2,9 +2,9 @@ export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent,
 export { AssetLine } from './asset-line/asset-line.js';
 export { AssetsListCell } from './assets-list-cell/assets-list-cell.js';
 export { AssetsRatio } from './assets-ratio/assets-ratio.js';
+export { ConnectRequired } from './auth/connect-required.js';
 export { SignInRequired } from './auth/signin-required.js';
 export { SIWEClientProvider } from './auth/siwe-provider.js';
-export { ConnectRequired } from './auth/connect-required.js';
 export { Badge, badgeVariants } from './badge/badge.js';
 export { BaseLink } from './base-link/base-link.js';
 export { BlockSync } from './block-sync/block-sync.js';

package/dist/esm/components/input/input.js

@@ -6,7 +6,7 @@ import 'sonner';
 import '@gearbox-protocol/sdk';
 
 const inputVariants = cva(
-  "flex w-full rounded-md border border-input px-3 py-1 shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground/70 focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm bg-[rgb(40,40,40)] text-foreground border-[rgb(100,100,100)] focus:bg-[rgb(40,40,40)] active:bg-[rgb(40,40,40)] [&:not(:placeholder-shown)]:bg-[rgb(40,40,40)] autofill:bg-[rgb(40,40,40)] [-webkit-autofill]:bg-[rgb(40,40,40)] [&:-webkit-autofill]:shadow-[0_0_0_1000px_rgb(40,40,40)_inset] [&:-webkit-autofill]:[text-fill-color:currentColor] outline-none",
+  "flex w-full rounded-md border border-input px-3 py-1 shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground/70 focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm bg-[rgb(40,40,40)] text-foreground border-[rgb(100,100,100)] focus:bg-[rgb(40,40,40)] active:bg-[rgb(40,40,40)] [&:not(:placeholder-shown)]:bg-[rgb(40,40,40)] autofill:bg-[rgb(40,40,40)] [-webkit-autofill]:bg-[rgb(40,40,40)] [&:-webkit-autofill]:shadow-[0_0_0_1000px_rgb(40,40,40)_inset] [&:-webkit-autofill]:[text-fill-color:currentColor] outline-none [&::-webkit-search-cancel-button]:cursor-pointer",
   {
     variants: {
       size: {

package/dist/esm/components/navitem/navitem.js

@@ -8,15 +8,15 @@ import 'sonner';
 import '@gearbox-protocol/sdk';
 
 const navitemVariants = cva(
-  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all cursor-pointer focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 relative",
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all cursor-pointer focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:pointer-events-none disabled:opacity-50 relative",
   {
     variants: {
       variant: {
-        default: "text-decoration-none text-foreground hover:text-foreground hover:bg-secondary data-[active=true]:bg-transparent md:data-[active=true]:bg-transparent data-[active=true]:text-foreground active:bg-transparent focus:bg-transparent md:focus:bg-secondary",
-        active: "text-foreground bg-transparent md:bg-secondary active:bg-transparent focus:bg-transparent md:active:bg-secondary md:focus:bg-secondary",
-        ghost: "text-decoration-none text-muted-foreground hover:text-foreground hover:bg-secondary data-[active=true]:bg-transparent md:data-[active=true]:bg-transparent data-[active=true]:text-foreground active:bg-transparent focus:bg-transparent md:focus:bg-secondary",
+        default: "text-decoration-none text-foreground hover:text-foreground hover:bg-secondary data-[active=true]:bg-secondary md:data-[active=true]:bg-transparent data-[active=true]:text-foreground active:bg-transparent focus:bg-transparent md:focus:bg-secondary",
+        active: "text-foreground bg-secondary md:bg-transparent active:bg-transparent focus:bg-transparent md:active:bg-secondary md:focus:bg-secondary",
+        ghost: "text-decoration-none text-muted-foreground hover:text-foreground hover:bg-secondary data-[active=true]:bg-secondary md:data-[active=true]:bg-transparent data-[active=true]:text-foreground active:bg-transparent focus:bg-transparent md:focus:bg-secondary",
         link: "text-decoration-none text-muted-foreground hover:text-foreground underline-offset-4 hover:underline data-[active=true]:text-foreground data-[active=true]:underline active:bg-transparent focus:bg-transparent",
-        pill: "text-decoration-none text-muted-foreground hover:text-foreground hover:bg-accent rounded-full data-[active=true]:bg-transparent md:data-[active=true]:bg-accent data-[active=true]:text-foreground active:bg-transparent focus:bg-transparent md:focus:bg-accent",
+        pill: "text-decoration-none text-muted-foreground hover:text-foreground hover:bg-accent rounded-full data-[active=true]:bg-secondary md:data-[active=true]:bg-accent data-[active=true]:text-foreground active:bg-transparent focus:bg-transparent md:focus:bg-accent",
         tab: "text-decoration-none text-muted-foreground hover:text-foreground border-b-2 border-transparent hover:border-border data-[active=true]:border-primary data-[active=true]:text-foreground rounded-none active:bg-transparent focus:bg-transparent"
       },
       size: {

package/dist/esm/components/select/select.js

@@ -112,7 +112,7 @@ const SelectItem = React.forwardRef(({ className, children, ...props }, ref) =>
   {
     ref,
     className: cn(
-      "relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-2 pr-8 text-sm outline-none hover:bg-secondary focus:bg-secondary data-[disabled]:pointer-events-none data-[disabled]:opacity-50 bg-transparent text-foreground border-[rgb(100,100,100)] cursor-pointer",
+      "relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-2 pr-8 text-sm outline-none hover:bg-secondary focus:bg-secondary data-[disabled]:cursor-not-allowed data-[disabled]:pointer-events-none data-[disabled]:opacity-50 bg-transparent text-foreground border-[rgb(100,100,100)] cursor-pointer",
       className
     ),
     ...props,

package/dist/esm/components/tab-control/tab-control.js

@@ -102,7 +102,7 @@ function TabControl({
                 "flex items-center bg-transparent border-none shrink-0",
                 tabItemWrapPadding || "pb-3.5",
                 variant === "equal" ? "flex-1 justify-center min-w-0" : !isLast && "mr-10 sm:mr-8",
-                s || t.disabled ? "cursor-default" : "cursor-pointer",
+                s ? "cursor-default" : t.disabled ? "cursor-not-allowed" : "cursor-pointer",
                 !t.disabled && "hover:text-foreground"
               ),
               style: tabItemWrapPadding ? { padding: tabItemWrapPadding } : void 0,

package/dist/esm/components/table/editable-grid-table.js

@@ -1,8 +1,7 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { ExternalLink } from 'lucide-react';
-import { SignInRequired } from '../auth/signin-required.js';
 import 'connectkit';
-import 'viem/siwe';
+import 'wagmi';
 import '../buttons/back-button/back-button.js';
 import { Button } from '../buttons/button/button.js';
 import '../buttons/copy-button/copy-button.js';
@@ -15,7 +14,8 @@ import 'tailwind-merge';
 import 'sonner';
 import '@gearbox-protocol/sdk';
 import { TabButton } from '../buttons/tab-button/tab-button.js';
-import 'wagmi';
+import { SignInRequired } from '../auth/signin-required.js';
+import 'viem/siwe';
 import { TokenIcon } from '../token-icon/token-icon.js';
 import { GridTableCell, GridTable } from './grid-table.js';
 import { UpdatedValue } from './updated-value.js';

package/dist/esm/components/table/editable-table.js

@@ -1,7 +1,6 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { SignInRequired } from '../auth/signin-required.js';
 import 'connectkit';
-import 'viem/siwe';
+import 'wagmi';
 import '../buttons/back-button/back-button.js';
 import '../buttons/button/button.js';
 import '../buttons/copy-button/copy-button.js';
@@ -14,7 +13,8 @@ import 'tailwind-merge';
 import 'sonner';
 import '@gearbox-protocol/sdk';
 import { TabButton } from '../buttons/tab-button/tab-button.js';
-import 'wagmi';
+import { SignInRequired } from '../auth/signin-required.js';
+import 'viem/siwe';
 import { TokenIcon } from '../token-icon/token-icon.js';
 import { TableCell, Table } from './table.js';
 import { UpdatedValue } from './updated-value.js';

package/dist/esm/components/tabs/tabs.js

@@ -23,7 +23,7 @@ const TabsTrigger = React.forwardRef(({ className, ...props }, ref) => /* @__PUR
   {
     ref,
     className: cn(
-      "inline-flex items-center justify-center whitespace-nowrap px-3 py-1 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow rounded-none border-b-2 border-transparent px-2 py-2 text-gray-400 hover:text-foreground data-[state=active]:border-foreground data-[state=active]:bg-transparent data-[state=active]:text-foreground focus:outline-none cursor-pointer shrink-0",
+      "inline-flex items-center justify-center whitespace-nowrap px-3 py-1 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow rounded-none border-b-2 border-transparent px-2 py-2 text-gray-400 hover:text-foreground data-[state=active]:border-foreground data-[state=active]:bg-transparent data-[state=active]:text-foreground focus:outline-none cursor-pointer shrink-0",
       className
     ),
     ...props

package/dist/esm/index.js

@@ -2,9 +2,9 @@ export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent,
 export { AssetLine } from './components/asset-line/asset-line.js';
 export { AssetsListCell } from './components/assets-list-cell/assets-list-cell.js';
 export { AssetsRatio } from './components/assets-ratio/assets-ratio.js';
+export { ConnectRequired } from './components/auth/connect-required.js';
 export { SignInRequired } from './components/auth/signin-required.js';
 export { SIWEClientProvider } from './components/auth/siwe-provider.js';
-export { ConnectRequired } from './components/auth/connect-required.js';
 export { Badge, badgeVariants } from './components/badge/badge.js';
 export { BaseLink } from './components/base-link/base-link.js';
 export { BlockSync } from './components/block-sync/block-sync.js';

package/dist/types/components/auth/connect-required.d.ts

@@ -1,6 +1,6 @@
-import { TabButtonProps } from '../buttons';
 import { ReactNode } from '../../../node_modules/.pnpm/react@19.2.0/node_modules/react';
 import { Address } from 'viem';
+import { TabButtonProps } from '../buttons';
 /**
  * SignInRequired — component that requires SIWE authentication to display content.
  *

package/dist/types/components/auth/index.d.ts

@@ -1,3 +1,3 @@
+export * from './connect-required';
 export * from './signin-required';
 export * from './siwe-provider';
-export * from './connect-required';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gearbox-protocol/permissionless-ui",
-  "version": "1.9.4",
+  "version": "1.10.0",
   "description": "Internal UI components",
   "license": "MIT",
   "main": "./dist/cjs/index.js",