@oliasoft-open-source/react-ui-library 4.0.0-beta-45 → 4.0.0-beta-47

package/dist/global.css

@@ -1840,80 +1840,80 @@ html[data-theme='dark'] {
 ._footer_ch65x_47 button:not(:last-child) {
   margin-right: var(--padding-sm);
 }
-._inputInTable_11j5h_1 {
+._inputInTable_1gpie_1 {
   background-color: transparent;
   border-radius: inherit !important;
   height: var(--size);
   min-height: 100%;
 }
-._inputInTable_11j5h_1:not(:hover) {
+._inputInTable_1gpie_1:not(:hover) {
   border-color: transparent;
 }
-._inputInTable_11j5h_1:not(:focus) {
+._inputInTable_1gpie_1:not(:focus) {
   box-shadow: none;
 }
-._inputHover_11j5h_13 {
+._inputHover_1gpie_13 {
   position: relative;
   border-color: var(--color-border-hover);
   z-index: 2;
 }
-._inputFocus_11j5h_18 {
+._inputFocus_1gpie_18 {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputError_11j5h_25,
-._inputWarning_11j5h_26 {
+._inputError_1gpie_25,
+._inputWarning_1gpie_26 {
   position: relative;
 }
-._inputError_11j5h_25 {
+._inputError_1gpie_25 {
   z-index: 2;
   border-color: var(--color-border-error);
   color: var(--color-text-error) !important;
   background-color: var(--color-background-error);
 }
-._inputError_11j5h_25:hover {
+._inputError_1gpie_25:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._inputError_11j5h_25:focus {
+._inputError_1gpie_25:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputWarning_11j5h_26 {
+._inputWarning_1gpie_26 {
   z-index: 1;
   border-color: var(--color-border-warning);
   color: var(--color-text-warning) !important;
   background-color: var(--color-background-warning);
 }
-._inputWarning_11j5h_26:hover {
+._inputWarning_1gpie_26:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._inputWarning_11j5h_26:focus {
+._inputWarning_1gpie_26:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputDisabled_11j5h_61 {
+._inputDisabled_1gpie_61 {
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
   box-shadow: none;
 }
-._hideScrollbars_11j5h_67 {
+._hideScrollbars_1gpie_67 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbars_11j5h_67::-webkit-scrollbar {
+._hideScrollbars_1gpie_67::-webkit-scrollbar {
   display: none;
 }
 :root {
@@ -1931,37 +1931,37 @@ html[data-theme='dark'] {
   --color-border-drawer-tab: var(--color-primary-750);
   --color-background-drawer-handle-hover: rgba(255, 255, 255, 0.1);
 }
-._inline_11j5h_92 {
+._inline_1gpie_92 {
   position: relative;
 }
-._inline_11j5h_92._left_11j5h_95 {
+._inline_1gpie_92._left_1gpie_95 {
   order: -1;
 }
-._inline_11j5h_92._right_11j5h_98 {
+._inline_1gpie_92._right_1gpie_98 {
   order: 9999;
 }
-._fixed_11j5h_101 {
+._fixed_1gpie_101 {
   position: fixed;
   top: 0;
   bottom: 0;
   z-index: var(--zindex-drawer);
 }
-._fixed_11j5h_101._left_11j5h_95 {
+._fixed_1gpie_101._left_1gpie_95 {
   left: 0;
 }
-._fixed_11j5h_101._right_11j5h_98 {
+._fixed_1gpie_101._right_1gpie_98 {
   right: 0;
 }
-._left_11j5h_95 ._border_11j5h_113 {
+._left_1gpie_95 ._border_1gpie_113 {
   border-right: 1px solid var(--color-border);
 }
-._right_11j5h_98 ._border_11j5h_113 {
+._right_1gpie_98 ._border_1gpie_113 {
   border-left: 1px solid var(--color-border);
 }
-._shadow_11j5h_119 {
+._shadow_1gpie_119 {
   box-shadow: var(--shadow-layer);
 }
-._drawerContent_11j5h_122 {
+._drawerContent_1gpie_122 {
   overflow-x: hidden;
   overflow-y: auto;
   max-height: 100%;
@@ -1973,40 +1973,40 @@ html[data-theme='dark'] {
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._isResizing_11j5h_134 ._drawerContent_11j5h_122 {
+._isResizing_1gpie_134 ._drawerContent_1gpie_122 {
   transition: none;
 }
 @media print {
-  ._drawerContent_11j5h_122 {
+  ._drawerContent_1gpie_122 {
     background: transparent !important;
   }
 }
-._drawerContent_11j5h_122::-webkit-scrollbar {
+._drawerContent_1gpie_122::-webkit-scrollbar {
   display: none;
 }
-._toggleButton_11j5h_145 {
-  transition: transform 0.4s;
+._toggleButton_1gpie_145 {
+  transition: transform 0.2s;
   display: inline-block;
   transform: rotate(180deg);
   position: absolute;
   z-index: calc(var(--zindex-drawer) + 3);
 }
-._left_11j5h_95 ._toggleButton_11j5h_145 {
+._left_1gpie_95 ._toggleButton_1gpie_145 {
   right: calc(var(--size) / -2);
 }
-._right_11j5h_98 ._toggleButton_11j5h_145 {
+._right_1gpie_98 ._toggleButton_1gpie_145 {
   left: calc(var(--size) / -2);
 }
-._toggleButton_11j5h_145._top_11j5h_158 {
+._toggleButton_1gpie_145._top_1gpie_158 {
   top: var(--padding);
 }
-._toggleButton_11j5h_145._bottom_11j5h_161 {
+._toggleButton_1gpie_145._bottom_1gpie_161 {
   bottom: var(--padding);
 }
-._toggleButton_11j5h_145._toggleButtonOpen_11j5h_164 {
+._toggleButton_1gpie_145._toggleButtonOpen_1gpie_164 {
   transform: rotate(0deg);
 }
-._tabs_11j5h_167 {
+._tabs_1gpie_167 {
   position: absolute;
   top: 0;
   bottom: 0;
@@ -2016,13 +2016,13 @@ html[data-theme='dark'] {
   border-left: 1px solid var(--color-border);
   border-right: 1px solid var(--color-border);
 }
-._left_11j5h_95 ._tabs_11j5h_167 {
+._left_1gpie_95 ._tabs_1gpie_167 {
   right: 0;
 }
-._right_11j5h_98 ._tabs_11j5h_167 {
+._right_1gpie_98 ._tabs_1gpie_167 {
   left: 0;
 }
-._tabs_11j5h_167 ._tab_11j5h_167 {
+._tabs_1gpie_167 ._tab_1gpie_167 {
   font-size: var(--size-sm);
   height: var(--size-drawer-tabs);
   width: var(--size-drawer-tabs);
@@ -2031,45 +2031,45 @@ html[data-theme='dark'] {
   align-items: center;
   cursor: pointer;
   margin: -1px;
-  transition: color 0.3s, background-color 0.3s;
+  transition: color 0.2s, background-color 0.2s;
   border: 1px solid var(--color-border-drawer-tab);
 }
-._left_11j5h_95 ._tabs_11j5h_167 ._tab_11j5h_167 {
+._left_1gpie_95 ._tabs_1gpie_167 ._tab_1gpie_167 {
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
 }
-._left_11j5h_95 ._tabs_11j5h_167 ._tab_11j5h_167._active_11j5h_199 {
+._left_1gpie_95 ._tabs_1gpie_167 ._tab_1gpie_167._active_1gpie_199 {
   border-left-color: transparent;
 }
-._right_11j5h_98 ._tabs_11j5h_167 ._tab_11j5h_167 {
+._right_1gpie_98 ._tabs_1gpie_167 ._tab_1gpie_167 {
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
 }
-._right_11j5h_98 ._tabs_11j5h_167 ._tab_11j5h_167._active_11j5h_199 {
+._right_1gpie_98 ._tabs_1gpie_167 ._tab_1gpie_167._active_1gpie_199 {
   border-right-color: transparent;
 }
-._tabs_11j5h_167 ._tab_11j5h_167:not(._active_11j5h_199) {
+._tabs_1gpie_167 ._tab_1gpie_167:not(._active_1gpie_199) {
   color: var(--color-text-primary);
   background-color: var(--color-background-drawer-tab) !important;
 }
-._tabs_11j5h_167 ._tab_11j5h_167:not(._active_11j5h_199):hover {
+._tabs_1gpie_167 ._tab_1gpie_167:not(._active_1gpie_199):hover {
   color: var(--color-text);
   background-color: var(--color-background-drawer-tab-hover) !important;
 }
-._tabs_11j5h_167 ._tab_11j5h_167._active_11j5h_199 {
+._tabs_1gpie_167 ._tab_1gpie_167._active_1gpie_199 {
   color: var(--color-text);
   border-color: var(--color-border);
 }
-._tabs_11j5h_167 ._tab_11j5h_167 svg {
+._tabs_1gpie_167 ._tab_1gpie_167 svg {
   stroke-width: 1.125;
 }
-._left_11j5h_95 ._tabsContent_11j5h_224 {
+._left_1gpie_95 ._tabsContent_1gpie_224 {
   padding-right: calc(var(--size-drawer-tabs) - 1px);
 }
-._right_11j5h_98 ._tabsContent_11j5h_224 {
+._right_1gpie_98 ._tabsContent_1gpie_224 {
   padding-left: calc(var(--size-drawer-tabs) - 1px);
 }
-._resizeHandle_11j5h_230 {
+._resizeHandle_1gpie_230 {
   position: absolute;
   top: 0;
   bottom: 0;
@@ -2082,18 +2082,18 @@ html[data-theme='dark'] {
   font-size: var(--font-size-sm);
   transition: all 0.2s;
 }
-._resizeHandle_11j5h_230:hover {
+._resizeHandle_1gpie_230:hover {
   background: var(--color-background-drawer-handle-hover);
   color: var(--color-text-primary);
 }
-._resizeHandle_11j5h_230:active {
+._resizeHandle_1gpie_230:active {
   background: var(--color-text-primary);
   color: white;
 }
-._left_11j5h_95 ._resizeHandle_11j5h_230 {
+._left_1gpie_95 ._resizeHandle_1gpie_230 {
   right: 0;
 }
-._right_11j5h_98 ._resizeHandle_11j5h_230 {
+._right_1gpie_98 ._resizeHandle_1gpie_230 {
   left: 0;
 }
 ._empty_fe425_1 {
@@ -8543,201 +8543,180 @@ button:active .remirror-menu-pane-shortcut,
   min-height: 0;
   flex-shrink: 0;
 }
-._inputInTable_1ffe7_1 {
+._inputInTable_1xhau_1 {
   background-color: transparent;
   border-radius: inherit !important;
   height: var(--size);
   min-height: 100%;
 }
-._inputInTable_1ffe7_1:not(:hover) {
+._inputInTable_1xhau_1:not(:hover) {
   border-color: transparent;
 }
-._inputInTable_1ffe7_1:not(:focus) {
+._inputInTable_1xhau_1:not(:focus) {
   box-shadow: none;
 }
-._inputHover_1ffe7_13 {
+._inputHover_1xhau_13 {
   position: relative;
   border-color: var(--color-border-hover);
   z-index: 2;
 }
-._inputFocus_1ffe7_18 {
+._inputFocus_1xhau_18 {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputError_1ffe7_25,
-._inputWarning_1ffe7_26 {
+._inputError_1xhau_25,
+._inputWarning_1xhau_26 {
   position: relative;
 }
-._inputError_1ffe7_25 {
+._inputError_1xhau_25 {
   z-index: 2;
   border-color: var(--color-border-error);
   color: var(--color-text-error) !important;
   background-color: var(--color-background-error);
 }
-._inputError_1ffe7_25:hover {
+._inputError_1xhau_25:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._inputError_1ffe7_25:focus {
+._inputError_1xhau_25:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputWarning_1ffe7_26 {
+._inputWarning_1xhau_26 {
   z-index: 1;
   border-color: var(--color-border-warning);
   color: var(--color-text-warning) !important;
   background-color: var(--color-background-warning);
 }
-._inputWarning_1ffe7_26:hover {
+._inputWarning_1xhau_26:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._inputWarning_1ffe7_26:focus {
+._inputWarning_1xhau_26:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputDisabled_1ffe7_61 {
+._inputDisabled_1xhau_61 {
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
   box-shadow: none;
 }
-._hideScrollbars_1ffe7_67 {
+._hideScrollbars_1xhau_67 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbars_1ffe7_67::-webkit-scrollbar {
+._hideScrollbars_1xhau_67::-webkit-scrollbar {
   display: none;
 }
 :root {
   --size-sidebar: var(--size-xl);
-  --color-background-sidebar: var(--color-neutral-1000);
+  --size-sidebar-icon: var(--size);
+  --color-background-sidebar: var(--color-neutral-950);
 }
-._sidebar_1ffe7_81 {
+._sidebar_1xhau_82 {
   background-color: var(--color-background-sidebar);
   color: white;
   position: relative;
   padding: var(--padding) 0;
 }
 @media print {
-  ._sidebar_1ffe7_81 {
+  ._sidebar_1xhau_82 {
     display: none;
   }
 }
-._inner_1ffe7_92 {
+._inner_1xhau_93 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._inner_1ffe7_92::-webkit-scrollbar {
+._inner_1xhau_93::-webkit-scrollbar {
   display: none;
 }
-._title_1ffe7_102,
-._subtitle_1ffe7_103,
-._label_1ffe7_104 {
+._title_1xhau_103,
+._subtitle_1xhau_104,
+._label_1xhau_105 {
   transition: opacity 0.2s, max-height 0.2s, margin 0.2s, color 0.2s;
   max-height: 50px;
 }
-._collapsed_1ffe7_108 ._title_1ffe7_102,
-._collapsed_1ffe7_108 ._subtitle_1ffe7_103,
-._collapsed_1ffe7_108 ._label_1ffe7_104 {
+._collapsed_1xhau_109 ._title_1xhau_103,
+._collapsed_1xhau_109 ._subtitle_1xhau_104,
+._collapsed_1xhau_109 ._label_1xhau_105 {
   opacity: 0;
   max-height: 0;
   margin-bottom: 0;
   margin-top: 0;
 }
-._title_1ffe7_102 {
+._title_1xhau_103 {
   overflow: hidden;
   max-width: 100%;
   text-overflow: ellipsis;
   white-space: nowrap;
   margin-top: 0;
-  font-size: var(--font-size-lg);
+  font-size: var(--font-size-xl);
   padding: 0 var(--padding);
 }
-._subtitle_1ffe7_103 {
-  margin-bottom: var(--padding-sm);
+._subtitle_1xhau_104 {
+  margin-bottom: var(--padding-xs);
   white-space: nowrap;
   font-size: var(--font-size-sm);
   letter-spacing: 0.1em;
-  opacity: 0.6;
+  color: var(--color-neutral-500);
   padding: 0 var(--padding);
 }
-._list_1ffe7_133 {
+._list_1xhau_134 {
   margin-bottom: var(--padding-xl);
   margin-top: 0;
 }
-._item_1ffe7_137 {
-  min-height: var(--size-lg);
-  transition: padding 0.2s;
+._item_1xhau_138 {
+  transition: padding 0.2s, color 0.2s;
   font-size: var(--font-size-lg);
-  color: white;
   font-weight: normal;
   display: flex;
-  padding: 0 var(--padding);
+  padding: var(--padding-xxs) var(--padding);
   align-items: center;
-  margin-bottom: var(--padding-xxs);
-}
-._collapsed_1ffe7_108 ._item_1ffe7_137 {
-  padding: 0 9px;
-}
-._item_1ffe7_137:focus {
-  outline: none;
+  color: var(--color-neutral-300);
 }
-._item_1ffe7_137::-moz-focus-inner {
-  border: 0;
-}
-._item_1ffe7_137:hover,
-._item_1ffe7_137:focus {
-  color: var(--color-primary-400);
+._collapsed_1xhau_109 ._item_1xhau_138 {
+  padding: var(--padding-xxs) calc((var(--size-sidebar) - var(--size-sidebar-icon)) / 2);
 }
-._item_1ffe7_137:active {
-  color: var(--color-primary-300);
+._item_1xhau_138:hover {
+  color: var(--color-neutral-100);
 }
-._item_1ffe7_137._active_1ffe7_164 {
-  color: white;
-  background: black;
+._item_1xhau_138._experimental_1xhau_153 {
+  background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0.1) 8px, rgba(255, 255, 255, 0.1) 16px, transparent 16px, transparent 24px);
 }
-._item_1ffe7_137._experimental_1ffe7_168 {
-  background: #40130b;
+._item_1xhau_138:active,
+._item_1xhau_138._active_1xhau_157 {
+  color: var(--color-neutral-0);
+  background: var(--color-neutral-800);
 }
-._icon_1ffe7_171 {
+._icon_1xhau_161 {
   margin-right: var(--padding-sm);
   line-height: 0;
   flex-shrink: 0;
-  transition: opacity 0.4s;
-  opacity: 0.4;
   display: block;
+  font-size: var(--size-sidebar-icon);
 }
-._item_1ffe7_137:hover ._icon_1ffe7_171,
-._item_1ffe7_137:focus ._icon_1ffe7_171 {
-  opacity: 0.6;
-}
-._item_1ffe7_137:active ._icon_1ffe7_171 {
-  opacity: 0.8;
-}
-._item_1ffe7_137._active_1ffe7_164 ._icon_1ffe7_171 {
-  opacity: 1;
-}
-._icon_1ffe7_171 > * {
-  opacity: 1;
-}
-._icon_1ffe7_171 > span {
+._icon_1xhau_161 > span {
   display: block;
 }
-._label_1ffe7_104 {
+._icon_1xhau_161 svg {
+  stroke-width: 1;
+}
+._label_1xhau_105 {
   white-space: nowrap;
   overflow: hidden;
 }

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-5b854130.js"></script><link rel="stylesheet" href="/react-ui-library/assets/index-d9ac4c76.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-efe65e74.js"></script><link rel="stylesheet" href="/react-ui-library/assets/index-08b39fce.css"></head><body><div id="content"></div></body>

package/dist/index.js

@@ -14063,30 +14063,30 @@ const Dialog = ({ dialog: dialog2 }) => {
     }
   );
 };
-const inputInTable$a = "_inputInTable_11j5h_1";
-const inputHover$a = "_inputHover_11j5h_13";
-const inputFocus$a = "_inputFocus_11j5h_18";
-const inputError$a = "_inputError_11j5h_25";
-const inputWarning$a = "_inputWarning_11j5h_26";
-const inputDisabled$a = "_inputDisabled_11j5h_61";
-const hideScrollbars$a = "_hideScrollbars_11j5h_67";
-const inline$2 = "_inline_11j5h_92";
-const left$2 = "_left_11j5h_95";
-const right$6 = "_right_11j5h_98";
-const fixed$1 = "_fixed_11j5h_101";
-const border$1 = "_border_11j5h_113";
-const shadow = "_shadow_11j5h_119";
-const drawerContent = "_drawerContent_11j5h_122";
-const isResizing = "_isResizing_11j5h_134";
-const toggleButton = "_toggleButton_11j5h_145";
-const top = "_top_11j5h_158";
-const bottom = "_bottom_11j5h_161";
-const toggleButtonOpen = "_toggleButtonOpen_11j5h_164";
-const tabs$1 = "_tabs_11j5h_167";
-const tab$1 = "_tab_11j5h_167";
-const active$4 = "_active_11j5h_199";
-const tabsContent = "_tabsContent_11j5h_224";
-const resizeHandle = "_resizeHandle_11j5h_230";
+const inputInTable$a = "_inputInTable_1gpie_1";
+const inputHover$a = "_inputHover_1gpie_13";
+const inputFocus$a = "_inputFocus_1gpie_18";
+const inputError$a = "_inputError_1gpie_25";
+const inputWarning$a = "_inputWarning_1gpie_26";
+const inputDisabled$a = "_inputDisabled_1gpie_61";
+const hideScrollbars$a = "_hideScrollbars_1gpie_67";
+const inline$2 = "_inline_1gpie_92";
+const left$2 = "_left_1gpie_95";
+const right$6 = "_right_1gpie_98";
+const fixed$1 = "_fixed_1gpie_101";
+const border$1 = "_border_1gpie_113";
+const shadow = "_shadow_1gpie_119";
+const drawerContent = "_drawerContent_1gpie_122";
+const isResizing = "_isResizing_1gpie_134";
+const toggleButton = "_toggleButton_1gpie_145";
+const top = "_top_1gpie_158";
+const bottom = "_bottom_1gpie_161";
+const toggleButtonOpen = "_toggleButtonOpen_1gpie_164";
+const tabs$1 = "_tabs_1gpie_167";
+const tab$1 = "_tab_1gpie_167";
+const active$4 = "_active_1gpie_199";
+const tabsContent = "_tabsContent_1gpie_224";
+const resizeHandle = "_resizeHandle_1gpie_230";
 const styles$B = {
   inputInTable: inputInTable$a,
   inputHover: inputHover$a,
@@ -59962,24 +59962,24 @@ var reactFastCompare = function isEqual3(a2, b2) {
   }
 };
 const isEqual$1 = /* @__PURE__ */ getDefaultExportFromCjs(reactFastCompare);
-const inputInTable$3 = "_inputInTable_1ffe7_1";
-const inputHover$3 = "_inputHover_1ffe7_13";
-const inputFocus$3 = "_inputFocus_1ffe7_18";
-const inputError$3 = "_inputError_1ffe7_25";
-const inputWarning$3 = "_inputWarning_1ffe7_26";
-const inputDisabled$3 = "_inputDisabled_1ffe7_61";
-const hideScrollbars$3 = "_hideScrollbars_1ffe7_67";
-const sidebar = "_sidebar_1ffe7_81";
-const inner = "_inner_1ffe7_92";
-const title$2 = "_title_1ffe7_102";
-const subtitle = "_subtitle_1ffe7_103";
-const label$2 = "_label_1ffe7_104";
-const collapsed = "_collapsed_1ffe7_108";
-const list = "_list_1ffe7_133";
-const item$2 = "_item_1ffe7_137";
-const active$2 = "_active_1ffe7_164";
-const experimental = "_experimental_1ffe7_168";
-const icon$1 = "_icon_1ffe7_171";
+const inputInTable$3 = "_inputInTable_1xhau_1";
+const inputHover$3 = "_inputHover_1xhau_13";
+const inputFocus$3 = "_inputFocus_1xhau_18";
+const inputError$3 = "_inputError_1xhau_25";
+const inputWarning$3 = "_inputWarning_1xhau_26";
+const inputDisabled$3 = "_inputDisabled_1xhau_61";
+const hideScrollbars$3 = "_hideScrollbars_1xhau_67";
+const sidebar = "_sidebar_1xhau_82";
+const inner = "_inner_1xhau_93";
+const title$2 = "_title_1xhau_103";
+const subtitle = "_subtitle_1xhau_104";
+const label$2 = "_label_1xhau_105";
+const collapsed = "_collapsed_1xhau_109";
+const list = "_list_1xhau_134";
+const item$2 = "_item_1xhau_138";
+const experimental = "_experimental_1xhau_153";
+const active$2 = "_active_1xhau_157";
+const icon$1 = "_icon_1xhau_161";
 const styles$c = {
   inputInTable: inputInTable$3,
   inputHover: inputHover$3,
@@ -59996,8 +59996,8 @@ const styles$c = {
   collapsed,
   list,
   item: item$2,
-  active: active$2,
   experimental,
+  active: active$2,
   icon: icon$1
 };
 const TooltipIcon = memo(
@@ -60013,10 +60013,10 @@ const TooltipIcon = memo(
         fontSize: 16,
         padding: "var(--padding-sm)",
         display: "block",
-        children: /* @__PURE__ */ jsxRuntimeExports.jsx(Icon, { icon: icon2, size: "var(--size)", color: Color.WHITE })
+        children: /* @__PURE__ */ jsxRuntimeExports.jsx(Icon, { icon: icon2 })
       }
     );
-    const Badged = () => /* @__PURE__ */ jsxRuntimeExports.jsx(Badge, { small: true, title: "!", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Unbadged, {}) });
+    const Badged = () => /* @__PURE__ */ jsxRuntimeExports.jsx(Badge, { small: true, title: "!", margin: 4, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Unbadged, {}) });
     return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: styles$c.icon, children: invalid ? /* @__PURE__ */ jsxRuntimeExports.jsx(Badged, {}) : /* @__PURE__ */ jsxRuntimeExports.jsx(Unbadged, {}) }),
       /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: styles$c.label, children: label2 })