@oliasoft-open-source/react-ui-library 4.1.1 → 4.1.3

package/dist/assets/{index-20a759e1.js → index-b17ea451.js}

@@ -10572,7 +10572,7 @@ const checkbox = "_checkbox_1ybyr_1";
 const noLabel = "_noLabel_1ybyr_17";
 const small$d = "_small_1ybyr_20";
 const checkmark = "_checkmark_1ybyr_43";
-const disabled$9 = "_disabled_1ybyr_67";
+const disabled$a = "_disabled_1ybyr_67";
 const noMargin$2 = "_noMargin_1ybyr_81";
 const isInTable$4 = "_isInTable_1ybyr_84";
 const helpIconEnabled$2 = "_helpIconEnabled_1ybyr_87";
@@ -10581,7 +10581,7 @@ const styles$S = {
   noLabel,
   small: small$d,
   checkmark,
-  disabled: disabled$9,
+  disabled: disabled$a,
   noMargin: noMargin$2,
   isInTable: isInTable$4,
   helpIconEnabled: helpIconEnabled$2
@@ -18232,7 +18232,7 @@ const icon$5 = "_icon_1rzkf_147";
 const iconOnly = "_iconOnly_1rzkf_153";
 const basic = "_basic_1rzkf_163";
 const muted$2 = "_muted_1rzkf_169";
-const disabled$8 = "_disabled_1rzkf_188";
+const disabled$9 = "_disabled_1rzkf_188";
 const small$c = "_small_1rzkf_198";
 const pill = "_pill_1rzkf_203";
 const round = "_round_1rzkf_204";
@@ -18259,7 +18259,7 @@ const buttonStyles = {
   iconOnly,
   basic,
   muted: muted$2,
-  disabled: disabled$8,
+  disabled: disabled$9,
   small: small$c,
   pill,
   round,
@@ -18428,7 +18428,7 @@ const description$2 = "_description_uioq1_151";
 const arrow$1 = "_arrow_uioq1_155";
 const divider$1 = "_divider_uioq1_159";
 const deprecatedSemanticIcon = "_deprecatedSemanticIcon_uioq1_163";
-const disabled$7 = "_disabled_uioq1_167";
+const disabled$8 = "_disabled_uioq1_167";
 const buttonLabel = "_buttonLabel_uioq1_172";
 const buttonCaret = "_buttonCaret_uioq1_178";
 const component = "_component_uioq1_182";
@@ -18457,7 +18457,7 @@ const styles$M = {
   arrow: arrow$1,
   divider: divider$1,
   deprecatedSemanticIcon,
-  disabled: disabled$7,
+  disabled: disabled$8,
   buttonLabel,
   buttonCaret,
   component,
@@ -19257,14 +19257,14 @@ const breadcrumb = "_breadcrumb_2k0cd_1";
 const small$a = "_small_2k0cd_4";
 const labelContainer = "_labelContainer_2k0cd_7";
 const active$5 = "_active_2k0cd_17";
-const disabled$6 = "_disabled_2k0cd_22";
+const disabled$7 = "_disabled_2k0cd_22";
 const separator = "_separator_2k0cd_27";
 const styles$K = {
   breadcrumb,
   small: small$a,
   labelContainer,
   active: active$5,
-  disabled: disabled$6,
+  disabled: disabled$7,
   separator
 };
 const label$8 = "_label_iu2wi_1";
@@ -20613,30 +20613,31 @@ const styles$E = {
   content: content$3,
   footer: footer$2
 };
-const inputInTable$a = "_inputInTable_vn7pb_1";
-const inputHover$a = "_inputHover_vn7pb_13";
-const inputFocus$a = "_inputFocus_vn7pb_18";
-const inputError$a = "_inputError_vn7pb_25";
-const inputWarning$a = "_inputWarning_vn7pb_26";
-const inputDisabled$a = "_inputDisabled_vn7pb_61";
-const hideScrollbars$a = "_hideScrollbars_vn7pb_67";
-const inline$2 = "_inline_vn7pb_90";
-const left$2 = "_left_vn7pb_93";
-const right$6 = "_right_vn7pb_96";
-const fixed$1 = "_fixed_vn7pb_99";
-const border$1 = "_border_vn7pb_111";
-const shadow = "_shadow_vn7pb_117";
-const drawerContent = "_drawerContent_vn7pb_120";
-const isResizing = "_isResizing_vn7pb_132";
-const toggleButton = "_toggleButton_vn7pb_143";
-const top = "_top_vn7pb_156";
-const bottom = "_bottom_vn7pb_159";
-const toggleButtonOpen = "_toggleButtonOpen_vn7pb_162";
-const tabs$1 = "_tabs_vn7pb_165";
-const tab$1 = "_tab_vn7pb_165";
-const active$4 = "_active_vn7pb_197";
-const tabsContent = "_tabsContent_vn7pb_222";
-const resizeHandle = "_resizeHandle_vn7pb_228";
+const inputInTable$a = "_inputInTable_khmhl_1";
+const inputHover$a = "_inputHover_khmhl_13";
+const inputFocus$a = "_inputFocus_khmhl_18";
+const inputError$a = "_inputError_khmhl_25";
+const inputWarning$a = "_inputWarning_khmhl_26";
+const inputDisabled$a = "_inputDisabled_khmhl_61";
+const hideScrollbars$a = "_hideScrollbars_khmhl_67";
+const inline$2 = "_inline_khmhl_90";
+const left$2 = "_left_khmhl_93";
+const right$6 = "_right_khmhl_96";
+const fixed$1 = "_fixed_khmhl_99";
+const border$1 = "_border_khmhl_111";
+const shadow = "_shadow_khmhl_117";
+const drawerContent = "_drawerContent_khmhl_120";
+const isResizing = "_isResizing_khmhl_132";
+const toggleButton = "_toggleButton_khmhl_143";
+const top = "_top_khmhl_156";
+const bottom = "_bottom_khmhl_159";
+const toggleButtonOpen = "_toggleButtonOpen_khmhl_162";
+const tabs$1 = "_tabs_khmhl_165";
+const tab$1 = "_tab_khmhl_165";
+const active$4 = "_active_khmhl_197";
+const disabled$6 = "_disabled_khmhl_222";
+const tabsContent = "_tabsContent_khmhl_229";
+const resizeHandle = "_resizeHandle_khmhl_235";
 const styles$D = {
   inputInTable: inputInTable$a,
   inputHover: inputHover$a,
@@ -20660,6 +20661,7 @@ const styles$D = {
   tabs: tabs$1,
   tab: tab$1,
   active: active$4,
+  disabled: disabled$6,
   tabsContent,
   resizeHandle
 };
@@ -20683,10 +20685,11 @@ const DrawerTabs = ({
       {
         className: cx$2(
           styles$D.tab,
-          activeTab === index2 && open ? styles$D.active : ""
+          activeTab === index2 && open ? styles$D.active : "",
+          tab2.disabled ? styles$D.disabled : ""
         ),
         style: { background: background2 },
-        onClick: () => handleTabClick(index2),
+        onClick: !tab2.disabled ? () => handleTabClick(index2) : void 0,
         "data-testid": testId && `${testId}-icon-${index2}`,
         children: /* @__PURE__ */ jsxRuntimeExports.jsx(TabBadge, { badge: tab2.badge, children: tab2.icon })
       },
@@ -26349,23 +26352,23 @@ const Page$1 = ({
     }
   );
 };
-const inputInTable$6 = "_inputInTable_7891e_1";
-const inputHover$6 = "_inputHover_7891e_13";
-const inputFocus$6 = "_inputFocus_7891e_18";
-const inputError$6 = "_inputError_7891e_25";
-const inputWarning$6 = "_inputWarning_7891e_26";
-const inputDisabled$6 = "_inputDisabled_7891e_61";
-const hideScrollbars$6 = "_hideScrollbars_7891e_67";
-const select$2 = "_select_7891e_77";
-const isInTable$2 = "_isInTable_7891e_121";
-const unSelected = "_unSelected_7891e_133";
-const error$m = "_error_7891e_140";
-const warning$4 = "_warning_7891e_157";
-const small$6 = "_small_7891e_174";
-const right$3 = "_right_7891e_182";
-const groupOrderFirst$1 = "_groupOrderFirst_7891e_193";
-const groupOrderMiddle$1 = "_groupOrderMiddle_7891e_194";
-const groupOrderLast$1 = "_groupOrderLast_7891e_198";
+const inputInTable$6 = "_inputInTable_2ynxq_1";
+const inputHover$6 = "_inputHover_2ynxq_13";
+const inputFocus$6 = "_inputFocus_2ynxq_18";
+const inputError$6 = "_inputError_2ynxq_25";
+const inputWarning$6 = "_inputWarning_2ynxq_26";
+const inputDisabled$6 = "_inputDisabled_2ynxq_61";
+const hideScrollbars$6 = "_hideScrollbars_2ynxq_67";
+const select$2 = "_select_2ynxq_77";
+const isInTable$2 = "_isInTable_2ynxq_121";
+const unSelected = "_unSelected_2ynxq_133";
+const error$m = "_error_2ynxq_140";
+const warning$4 = "_warning_2ynxq_157";
+const small$6 = "_small_2ynxq_174";
+const right$3 = "_right_2ynxq_182";
+const groupOrderFirst$1 = "_groupOrderFirst_2ynxq_193";
+const groupOrderMiddle$1 = "_groupOrderMiddle_2ynxq_194";
+const groupOrderLast$1 = "_groupOrderLast_2ynxq_198";
 const styles$p = {
   inputInTable: inputInTable$6,
   inputHover: inputHover$6,

package/dist/global.css

@@ -2188,80 +2188,80 @@ html[data-theme='dark'] {
 ._footer_18g0k_47 button:not(:last-child) {
   margin-right: var(--padding-sm);
 }
-._inputInTable_vn7pb_1 {
+._inputInTable_khmhl_1 {
   background-color: transparent;
   border-radius: inherit !important;
   height: var(--size);
   min-height: 100%;
 }
-._inputInTable_vn7pb_1:not(:hover) {
+._inputInTable_khmhl_1:not(:hover) {
   border-color: transparent;
 }
-._inputInTable_vn7pb_1:not(:focus) {
+._inputInTable_khmhl_1:not(:focus) {
   box-shadow: none;
 }
-._inputHover_vn7pb_13 {
+._inputHover_khmhl_13 {
   position: relative;
   border-color: var(--color-border-hover);
   z-index: 2;
 }
-._inputFocus_vn7pb_18 {
+._inputFocus_khmhl_18 {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputError_vn7pb_25,
-._inputWarning_vn7pb_26 {
+._inputError_khmhl_25,
+._inputWarning_khmhl_26 {
   position: relative;
 }
-._inputError_vn7pb_25 {
+._inputError_khmhl_25 {
   z-index: 2;
   border-color: var(--color-border-error);
   color: var(--color-text-error) !important;
   background-color: var(--color-background-error-muted);
 }
-._inputError_vn7pb_25:hover {
+._inputError_khmhl_25:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._inputError_vn7pb_25:focus {
+._inputError_khmhl_25:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputWarning_vn7pb_26 {
+._inputWarning_khmhl_26 {
   z-index: 1;
   border-color: var(--color-border-warning);
   color: var(--color-text-warning) !important;
   background-color: var(--color-background-warning-muted);
 }
-._inputWarning_vn7pb_26:hover {
+._inputWarning_khmhl_26:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._inputWarning_vn7pb_26:focus {
+._inputWarning_khmhl_26:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputDisabled_vn7pb_61 {
+._inputDisabled_khmhl_61 {
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
   box-shadow: none;
 }
-._hideScrollbars_vn7pb_67 {
+._hideScrollbars_khmhl_67 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbars_vn7pb_67::-webkit-scrollbar {
+._hideScrollbars_khmhl_67::-webkit-scrollbar {
   display: none;
 }
 :root {
@@ -2277,37 +2277,37 @@ html[data-theme='dark'] {
   --color-border-drawer-tab: black;
   --color-background-drawer-handle-hover: rgba(255, 255, 255, 0.1);
 }
-._inline_vn7pb_90 {
+._inline_khmhl_90 {
   position: relative;
 }
-._inline_vn7pb_90._left_vn7pb_93 {
+._inline_khmhl_90._left_khmhl_93 {
   order: -1;
 }
-._inline_vn7pb_90._right_vn7pb_96 {
+._inline_khmhl_90._right_khmhl_96 {
   order: 9999;
 }
-._fixed_vn7pb_99 {
+._fixed_khmhl_99 {
   position: fixed;
   top: 0;
   bottom: 0;
   z-index: var(--zindex-drawer);
 }
-._fixed_vn7pb_99._left_vn7pb_93 {
+._fixed_khmhl_99._left_khmhl_93 {
   left: 0;
 }
-._fixed_vn7pb_99._right_vn7pb_96 {
+._fixed_khmhl_99._right_khmhl_96 {
   right: 0;
 }
-._left_vn7pb_93 ._border_vn7pb_111 {
+._left_khmhl_93 ._border_khmhl_111 {
   border-right: 1px solid var(--color-border);
 }
-._right_vn7pb_96 ._border_vn7pb_111 {
+._right_khmhl_96 ._border_khmhl_111 {
   border-left: 1px solid var(--color-border);
 }
-._shadow_vn7pb_117 {
+._shadow_khmhl_117 {
   box-shadow: var(--shadow-layer);
 }
-._drawerContent_vn7pb_120 {
+._drawerContent_khmhl_120 {
   overflow-x: hidden;
   overflow-y: auto;
   max-height: 100%;
@@ -2319,40 +2319,40 @@ html[data-theme='dark'] {
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._isResizing_vn7pb_132 ._drawerContent_vn7pb_120 {
+._isResizing_khmhl_132 ._drawerContent_khmhl_120 {
   transition: none;
 }
 @media print {
-  ._drawerContent_vn7pb_120 {
+  ._drawerContent_khmhl_120 {
     background: transparent !important;
   }
 }
-._drawerContent_vn7pb_120::-webkit-scrollbar {
+._drawerContent_khmhl_120::-webkit-scrollbar {
   display: none;
 }
-._toggleButton_vn7pb_143 {
+._toggleButton_khmhl_143 {
   transition: transform 0.2s;
   display: inline-block;
   transform: rotate(180deg);
   position: absolute;
   z-index: calc(var(--zindex-drawer) + 3);
 }
-._left_vn7pb_93 ._toggleButton_vn7pb_143 {
+._left_khmhl_93 ._toggleButton_khmhl_143 {
   right: calc(var(--size) / -2);
 }
-._right_vn7pb_96 ._toggleButton_vn7pb_143 {
+._right_khmhl_96 ._toggleButton_khmhl_143 {
   left: calc(var(--size) / -2);
 }
-._toggleButton_vn7pb_143._top_vn7pb_156 {
+._toggleButton_khmhl_143._top_khmhl_156 {
   top: var(--padding);
 }
-._toggleButton_vn7pb_143._bottom_vn7pb_159 {
+._toggleButton_khmhl_143._bottom_khmhl_159 {
   bottom: var(--padding);
 }
-._toggleButton_vn7pb_143._toggleButtonOpen_vn7pb_162 {
+._toggleButton_khmhl_143._toggleButtonOpen_khmhl_162 {
   transform: rotate(0deg);
 }
-._tabs_vn7pb_165 {
+._tabs_khmhl_165 {
   position: absolute;
   top: 0;
   bottom: 0;
@@ -2362,13 +2362,13 @@ html[data-theme='dark'] {
   border-left: 1px solid var(--color-border);
   border-right: 1px solid var(--color-border);
 }
-._left_vn7pb_93 ._tabs_vn7pb_165 {
+._left_khmhl_93 ._tabs_khmhl_165 {
   right: 0;
 }
-._right_vn7pb_96 ._tabs_vn7pb_165 {
+._right_khmhl_96 ._tabs_khmhl_165 {
   left: 0;
 }
-._tabs_vn7pb_165 ._tab_vn7pb_165 {
+._tabs_khmhl_165 ._tab_khmhl_165 {
   font-size: var(--size-sm);
   height: var(--size-drawer-tabs);
   width: var(--size-drawer-tabs);
@@ -2380,42 +2380,49 @@ html[data-theme='dark'] {
   transition: color 0.2s, background-color 0.2s;
   border: 1px solid var(--color-border-drawer-tab);
 }
-._left_vn7pb_93 ._tabs_vn7pb_165 ._tab_vn7pb_165 {
+._left_khmhl_93 ._tabs_khmhl_165 ._tab_khmhl_165 {
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
 }
-._left_vn7pb_93 ._tabs_vn7pb_165 ._tab_vn7pb_165._active_vn7pb_197 {
+._left_khmhl_93 ._tabs_khmhl_165 ._tab_khmhl_165._active_khmhl_197 {
   border-left-color: transparent;
 }
-._right_vn7pb_96 ._tabs_vn7pb_165 ._tab_vn7pb_165 {
+._right_khmhl_96 ._tabs_khmhl_165 ._tab_khmhl_165 {
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
 }
-._right_vn7pb_96 ._tabs_vn7pb_165 ._tab_vn7pb_165._active_vn7pb_197 {
+._right_khmhl_96 ._tabs_khmhl_165 ._tab_khmhl_165._active_khmhl_197 {
   border-right-color: transparent;
 }
-._tabs_vn7pb_165 ._tab_vn7pb_165:not(._active_vn7pb_197) {
+._tabs_khmhl_165 ._tab_khmhl_165:not(._active_khmhl_197) {
   color: var(--color-text-primary);
   background-color: var(--color-background-drawer-tab) !important;
 }
-._tabs_vn7pb_165 ._tab_vn7pb_165:not(._active_vn7pb_197):hover {
+._tabs_khmhl_165 ._tab_khmhl_165:not(._active_khmhl_197):hover {
   color: var(--color-text);
   background-color: var(--color-background-drawer-tab-hover) !important;
 }
-._tabs_vn7pb_165 ._tab_vn7pb_165._active_vn7pb_197 {
+._tabs_khmhl_165 ._tab_khmhl_165._active_khmhl_197 {
   color: var(--color-text);
   border-color: var(--color-border);
 }
-._tabs_vn7pb_165 ._tab_vn7pb_165 svg {
+._tabs_khmhl_165 ._tab_khmhl_165 svg {
   stroke-width: 1.125;
 }
-._left_vn7pb_93 ._tabsContent_vn7pb_222 {
+._tabs_khmhl_165 ._tab_khmhl_165._disabled_khmhl_222 {
+  cursor: default;
+  pointer-events: none;
+  color: var(--color-text-faint) !important;
+  background-color: var(--color-background-disabled) !important;
+  border-color: var(--color-border) !important;
+}
+._left_khmhl_93 ._tabsContent_khmhl_229 {
   padding-right: calc(var(--size-drawer-tabs) - 1px);
 }
-._right_vn7pb_96 ._tabsContent_vn7pb_222 {
+._right_khmhl_96 ._tabsContent_khmhl_229 {
   padding-left: calc(var(--size-drawer-tabs) - 1px);
 }
-._resizeHandle_vn7pb_228 {
+._resizeHandle_khmhl_235 {
   --size-resize-handle: 10px;
   position: absolute;
   top: 0;
@@ -2429,18 +2436,18 @@ html[data-theme='dark'] {
   font-size: var(--size-resize-handle);
   transition: all 0.2s;
 }
-._resizeHandle_vn7pb_228:hover {
+._resizeHandle_khmhl_235:hover {
   background: var(--color-background-drawer-handle-hover);
   color: var(--color-text-primary);
 }
-._resizeHandle_vn7pb_228:active {
+._resizeHandle_khmhl_235:active {
   background: var(--color-text-primary);
   color: white;
 }
-._left_vn7pb_93 ._resizeHandle_vn7pb_228 {
+._left_khmhl_93 ._resizeHandle_khmhl_235 {
   right: 0;
 }
-._right_vn7pb_96 ._resizeHandle_vn7pb_228 {
+._right_khmhl_96 ._resizeHandle_khmhl_235 {
   left: 0;
 }
 ._empty_fe425_1 {

package/dist/index.d.ts

@@ -359,6 +359,7 @@ declare interface IDrawerTab {
     icon?: ReactNode | React_2.JSX.Element;
     content?: ReactNode;
     badge?: TStringOrNumber;
+    disabled?: boolean;
 }
 
 export declare interface IEmptyProps {

package/dist/index.html

@@ -1 +1 @@
-<!doctype html><head><title>React UI Library</title><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1" user-scalable="no"><meta name="apple-mobile-web-app-capable" content="yes"><script type="module" crossorigin src="/react-ui-library/assets/index-20a759e1.js"></script><link rel="stylesheet" href="/react-ui-library/assets/index-9f2f8de9.css"></head><body><div id="content"></div></body>
+<!doctype html><head><title>React UI Library</title><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1" user-scalable="no"><meta name="apple-mobile-web-app-capable" content="yes"><script type="module" crossorigin src="/react-ui-library/assets/index-b17ea451.js"></script><link rel="stylesheet" href="/react-ui-library/assets/index-4e076e2d.css"></head><body><div id="content"></div></body>

package/dist/index.js

@@ -3564,7 +3564,7 @@ const checkbox = "_checkbox_1ybyr_1";
 const noLabel = "_noLabel_1ybyr_17";
 const small$d = "_small_1ybyr_20";
 const checkmark = "_checkmark_1ybyr_43";
-const disabled$9 = "_disabled_1ybyr_67";
+const disabled$a = "_disabled_1ybyr_67";
 const noMargin$2 = "_noMargin_1ybyr_81";
 const isInTable$4 = "_isInTable_1ybyr_84";
 const helpIconEnabled$2 = "_helpIconEnabled_1ybyr_87";
@@ -3573,7 +3573,7 @@ const styles$Q = {
   noLabel,
   small: small$d,
   checkmark,
-  disabled: disabled$9,
+  disabled: disabled$a,
   noMargin: noMargin$2,
   isInTable: isInTable$4,
   helpIconEnabled: helpIconEnabled$2
@@ -11372,7 +11372,7 @@ const icon$5 = "_icon_1rzkf_147";
 const iconOnly = "_iconOnly_1rzkf_153";
 const basic = "_basic_1rzkf_163";
 const muted$2 = "_muted_1rzkf_169";
-const disabled$8 = "_disabled_1rzkf_188";
+const disabled$9 = "_disabled_1rzkf_188";
 const small$c = "_small_1rzkf_198";
 const pill = "_pill_1rzkf_203";
 const round = "_round_1rzkf_204";
@@ -11399,7 +11399,7 @@ const buttonStyles = {
   iconOnly,
   basic,
   muted: muted$2,
-  disabled: disabled$8,
+  disabled: disabled$9,
   small: small$c,
   pill,
   round,
@@ -11568,7 +11568,7 @@ const description = "_description_uioq1_151";
 const arrow$1 = "_arrow_uioq1_155";
 const divider$1 = "_divider_uioq1_159";
 const deprecatedSemanticIcon = "_deprecatedSemanticIcon_uioq1_163";
-const disabled$7 = "_disabled_uioq1_167";
+const disabled$8 = "_disabled_uioq1_167";
 const buttonLabel = "_buttonLabel_uioq1_172";
 const buttonCaret = "_buttonCaret_uioq1_178";
 const component = "_component_uioq1_182";
@@ -11597,7 +11597,7 @@ const styles$K = {
   arrow: arrow$1,
   divider: divider$1,
   deprecatedSemanticIcon,
-  disabled: disabled$7,
+  disabled: disabled$8,
   buttonLabel,
   buttonCaret,
   component,
@@ -12400,14 +12400,14 @@ const breadcrumb = "_breadcrumb_2k0cd_1";
 const small$a = "_small_2k0cd_4";
 const labelContainer = "_labelContainer_2k0cd_7";
 const active$5 = "_active_2k0cd_17";
-const disabled$6 = "_disabled_2k0cd_22";
+const disabled$7 = "_disabled_2k0cd_22";
 const separator = "_separator_2k0cd_27";
 const styles$I = {
   breadcrumb,
   small: small$a,
   labelContainer,
   active: active$5,
-  disabled: disabled$6,
+  disabled: disabled$7,
   separator
 };
 var BreadcrumbLinkType = /* @__PURE__ */ ((BreadcrumbLinkType2) => {
@@ -14073,30 +14073,31 @@ const Dialog = ({ dialog: dialog2 }) => {
     }
   );
 };
-const inputInTable$a = "_inputInTable_vn7pb_1";
-const inputHover$a = "_inputHover_vn7pb_13";
-const inputFocus$a = "_inputFocus_vn7pb_18";
-const inputError$a = "_inputError_vn7pb_25";
-const inputWarning$a = "_inputWarning_vn7pb_26";
-const inputDisabled$a = "_inputDisabled_vn7pb_61";
-const hideScrollbars$a = "_hideScrollbars_vn7pb_67";
-const inline$2 = "_inline_vn7pb_90";
-const left$2 = "_left_vn7pb_93";
-const right$6 = "_right_vn7pb_96";
-const fixed$1 = "_fixed_vn7pb_99";
-const border$1 = "_border_vn7pb_111";
-const shadow = "_shadow_vn7pb_117";
-const drawerContent = "_drawerContent_vn7pb_120";
-const isResizing = "_isResizing_vn7pb_132";
-const toggleButton = "_toggleButton_vn7pb_143";
-const top = "_top_vn7pb_156";
-const bottom = "_bottom_vn7pb_159";
-const toggleButtonOpen = "_toggleButtonOpen_vn7pb_162";
-const tabs$1 = "_tabs_vn7pb_165";
-const tab$1 = "_tab_vn7pb_165";
-const active$4 = "_active_vn7pb_197";
-const tabsContent = "_tabsContent_vn7pb_222";
-const resizeHandle = "_resizeHandle_vn7pb_228";
+const inputInTable$a = "_inputInTable_khmhl_1";
+const inputHover$a = "_inputHover_khmhl_13";
+const inputFocus$a = "_inputFocus_khmhl_18";
+const inputError$a = "_inputError_khmhl_25";
+const inputWarning$a = "_inputWarning_khmhl_26";
+const inputDisabled$a = "_inputDisabled_khmhl_61";
+const hideScrollbars$a = "_hideScrollbars_khmhl_67";
+const inline$2 = "_inline_khmhl_90";
+const left$2 = "_left_khmhl_93";
+const right$6 = "_right_khmhl_96";
+const fixed$1 = "_fixed_khmhl_99";
+const border$1 = "_border_khmhl_111";
+const shadow = "_shadow_khmhl_117";
+const drawerContent = "_drawerContent_khmhl_120";
+const isResizing = "_isResizing_khmhl_132";
+const toggleButton = "_toggleButton_khmhl_143";
+const top = "_top_khmhl_156";
+const bottom = "_bottom_khmhl_159";
+const toggleButtonOpen = "_toggleButtonOpen_khmhl_162";
+const tabs$1 = "_tabs_khmhl_165";
+const tab$1 = "_tab_khmhl_165";
+const active$4 = "_active_khmhl_197";
+const disabled$6 = "_disabled_khmhl_222";
+const tabsContent = "_tabsContent_khmhl_229";
+const resizeHandle = "_resizeHandle_khmhl_235";
 const styles$B = {
   inputInTable: inputInTable$a,
   inputHover: inputHover$a,
@@ -14120,6 +14121,7 @@ const styles$B = {
   tabs: tabs$1,
   tab: tab$1,
   active: active$4,
+  disabled: disabled$6,
   tabsContent,
   resizeHandle
 };
@@ -14143,10 +14145,11 @@ const DrawerTabs = ({
       {
         className: cx$2(
           styles$B.tab,
-          activeTab === index2 && open ? styles$B.active : ""
+          activeTab === index2 && open ? styles$B.active : "",
+          tab2.disabled ? styles$B.disabled : ""
         ),
         style: { background: background2 },
-        onClick: () => handleTabClick(index2),
+        onClick: !tab2.disabled ? () => handleTabClick(index2) : void 0,
         "data-testid": testId && `${testId}-icon-${index2}`,
         children: /* @__PURE__ */ jsxRuntimeExports.jsx(TabBadge, { badge: tab2.badge, children: tab2.icon })
       },