@oliasoft-open-source/react-ui-library 4.0.0-beta-30 → 4.0.0-beta-32

package/dist/global.css

@@ -1820,7 +1820,7 @@ html[data-theme='dark'] {
 ._icons_ss23n_20 > * {
   margin-left: var(--margin-xs);
 }
-._dialog_9wobf_1 {
+._dialog_bamra_1 {
   border-radius: var(--border-radius);
   background: var(--color-background-raised);
   line-height: var(--line-height);
@@ -1829,51 +1829,51 @@ html[data-theme='dark'] {
   display: flex;
   flex-direction: column;
 }
-._dialog_9wobf_1 > :first-child {
+._dialog_bamra_1 > :first-child {
   border-top-left-radius: inherit;
   border-top-right-radius: inherit;
 }
-._dialog_9wobf_1 > :last-child {
+._dialog_bamra_1 > :last-child {
   border-bottom-left-radius: inherit;
   border-bottom-right-radius: inherit;
 }
-._dialog_9wobf_1._inline_9wobf_18 {
+._dialog_bamra_1._inline_bamra_18 {
   display: inline-flex;
 }
-._dialog_9wobf_1._scroll_9wobf_21 {
+._dialog_bamra_1._scroll_bamra_21 {
   max-height: 100%;
 }
-._header_9wobf_24 {
+._header_bamra_24 {
   display: flex;
   justify-content: space-between;
   align-items: flex-start;
-  padding: var(--padding);
+  padding: var(--space-3) var(--padding-x);
   background-color: var(--color-background);
   border-bottom: 1px solid var(--color-border);
   flex-shrink: 0;
 }
-._header_9wobf_24 ._dismiss_9wobf_33 {
+._header_bamra_24 ._dismiss_bamra_33 {
   margin-right: calc(var(--margin-xs) * -1);
   margin-left: var(--margin-sm);
   flex-shrink: 0;
 }
-._content_9wobf_38 {
+._content_bamra_38 {
   flex-grow: 1;
 }
-._scroll_9wobf_21 ._content_9wobf_38 {
+._scroll_bamra_21 ._content_bamra_38 {
   overflow: auto;
   min-height: 0;
   height: 100%;
   flex: 1 1 auto;
 }
-._footer_9wobf_47 {
+._footer_bamra_47 {
   display: flex;
-  padding: var(--padding);
+  padding: var(--space-3) var(--padding-x);
   background-color: var(--color-background);
   border-top: 1px solid var(--color-border);
   flex-shrink: 0;
 }
-._footer_9wobf_47 button:not(:last-child) {
+._footer_bamra_47 button:not(:last-child) {
   margin-right: var(--margin);
 }
 ._inputInTable_1yqw7_1 {
@@ -2968,44 +2968,43 @@ html[data-theme='dark'] {
 ._newLine_ijw69_31 {
   white-space: 'pre-wrap';
 }
-._menu_i35rg_1 {
+._menu_vqsn8_1 {
   overflow-y: auto;
   position: relative;
   min-width: 160px;
-  padding: 7px 0;
   border: 1px solid var(--color-border);
   border-radius: var(--border-radius);
   box-shadow: var(--shadow-layer);
   background-color: var(--color-background-raised);
   margin-top: 2px;
 }
-._header_i35rg_12 {
-  padding: 7px 16px;
+._header_vqsn8_11 {
+  padding: var(--space-2) var(--padding-sm-x);
   display: flex;
   justify-content: space-between;
 }
-._header_i35rg_12 a {
+._header_vqsn8_11 a {
   color: var(--color-text-primary);
   font-weight: normal;
   cursor: pointer;
 }
-._header_i35rg_12 a:hover {
+._header_vqsn8_11 a:hover {
   color: var(--color-text-primary-hover);
 }
-._header_i35rg_12 a:active {
+._header_vqsn8_11 a:active {
   color: var(--color-text-primary-active);
 }
-._item_i35rg_28 {
-  padding: 7px 16px;
+._item_vqsn8_27 {
+  padding: var(--space-2) var(--padding-sm-x);
   background: transparent;
   cursor: default;
 }
-._heading_i35rg_33 {
+._heading_vqsn8_32 {
   color: var(--color-text-muted);
   letter-spacing: 0.1em;
   text-transform: uppercase;
   font-size: var(--font-size-sm);
-  padding: 7px 16px;
+  padding: var(--space-2) var(--padding-sm-x);
   max-width: 100%;
   display: block;
   overflow: hidden;
@@ -8376,14 +8375,14 @@ button:active .remirror-menu-pane-shortcut,
   margin: 0;
   /* margin-bottom: var(--rmr-space-2); */
 }
-._richTextToolbar_wr96k_1 {
+._richTextToolbar_8kz0p_1 {
   display: flex;
   gap: var(--margin-xs);
 }
-._richTextToolbarContainer_wr96k_5 {
+._richTextToolbarContainer_8kz0p_5 {
   display: flex;
   justify-content: space-between;
-  padding: var(--margin-sm) 0;
+  margin-bottom: var(--margin-sm);
   align-items: flex-end;
 }
 ._inputInTable_w2f5m_1 {
@@ -8498,122 +8497,122 @@ button:active .remirror-menu-pane-shortcut,
   min-height: 0;
   flex-shrink: 0;
 }
-._inputInTable_4sifk_1 {
+._inputInTable_in9sh_1 {
   background-color: transparent;
   border-radius: inherit !important;
   height: var(--size);
   min-height: 100%;
 }
-._inputInTable_4sifk_1:not(:hover) {
+._inputInTable_in9sh_1:not(:hover) {
   border-color: transparent;
 }
-._inputInTable_4sifk_1:not(:focus) {
+._inputInTable_in9sh_1:not(:focus) {
   box-shadow: none;
 }
-._inputHover_4sifk_13 {
+._inputHover_in9sh_13 {
   position: relative;
   border-color: var(--color-border-hover);
   z-index: 2;
 }
-._inputFocus_4sifk_18 {
+._inputFocus_in9sh_18 {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputError_4sifk_25,
-._inputWarning_4sifk_26 {
+._inputError_in9sh_25,
+._inputWarning_in9sh_26 {
   position: relative;
 }
-._inputError_4sifk_25 {
+._inputError_in9sh_25 {
   z-index: 2;
   border-color: var(--color-border-error);
   color: var(--color-text-error) !important;
   background-color: var(--color-background-error);
 }
-._inputError_4sifk_25:hover {
+._inputError_in9sh_25:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._inputError_4sifk_25:focus {
+._inputError_in9sh_25:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputWarning_4sifk_26 {
+._inputWarning_in9sh_26 {
   z-index: 1;
   border-color: var(--color-border-warning);
   color: var(--color-text-warning) !important;
   background-color: var(--color-background-warning);
 }
-._inputWarning_4sifk_26:hover {
+._inputWarning_in9sh_26:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._inputWarning_4sifk_26:focus {
+._inputWarning_in9sh_26:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputDisabled_4sifk_61 {
+._inputDisabled_in9sh_61 {
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
   box-shadow: none;
 }
-._hideScrollbars_4sifk_67 {
+._hideScrollbars_in9sh_67 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbars_4sifk_67::-webkit-scrollbar {
+._hideScrollbars_in9sh_67::-webkit-scrollbar {
   display: none;
 }
 :root {
   --size-sidebar: var(--size-xl);
   --color-background-sidebar: var(--color-neutral-1000);
 }
-._sidebar_4sifk_81 {
+._sidebar_in9sh_81 {
   background-color: var(--color-background-sidebar);
   color: white;
   position: relative;
   padding: var(--padding-y) 0;
 }
 @media print {
-  ._sidebar_4sifk_81 {
+  ._sidebar_in9sh_81 {
     display: none;
   }
 }
-._inner_4sifk_92 {
+._inner_in9sh_92 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._inner_4sifk_92::-webkit-scrollbar {
+._inner_in9sh_92::-webkit-scrollbar {
   display: none;
 }
-._title_4sifk_102,
-._subtitle_4sifk_103,
-._label_4sifk_104 {
+._title_in9sh_102,
+._subtitle_in9sh_103,
+._label_in9sh_104 {
   transition: opacity 0.2s, max-height 0.2s, margin 0.2s, color 0.2s;
   max-height: 50px;
 }
-._collapsed_4sifk_108 ._title_4sifk_102,
-._collapsed_4sifk_108 ._subtitle_4sifk_103,
-._collapsed_4sifk_108 ._label_4sifk_104 {
+._collapsed_in9sh_108 ._title_in9sh_102,
+._collapsed_in9sh_108 ._subtitle_in9sh_103,
+._collapsed_in9sh_108 ._label_in9sh_104 {
   opacity: 0;
   max-height: 0;
   margin-bottom: 0;
   margin-top: 0;
 }
-._title_4sifk_102 {
+._title_in9sh_102 {
   overflow: hidden;
   max-width: 100%;
   text-overflow: ellipsis;
@@ -8622,7 +8621,7 @@ button:active .remirror-menu-pane-shortcut,
   font-size: var(--font-size-lg);
   padding: 0 var(--padding-x);
 }
-._subtitle_4sifk_103 {
+._subtitle_in9sh_103 {
   margin-bottom: var(--margin);
   white-space: nowrap;
   font-size: var(--font-size-sm);
@@ -8630,11 +8629,11 @@ button:active .remirror-menu-pane-shortcut,
   opacity: 0.6;
   padding: 0 var(--padding-x);
 }
-._list_4sifk_133 {
+._list_in9sh_133 {
   margin-bottom: var(--margin);
   margin-top: 0;
 }
-._item_4sifk_137 {
+._item_in9sh_137 {
   min-height: var(--size-lg);
   transition: padding 0.2s;
   font-size: var(--font-size-lg);
@@ -8643,31 +8642,32 @@ button:active .remirror-menu-pane-shortcut,
   display: flex;
   padding: 0 var(--padding-x);
   align-items: center;
+  margin-bottom: var(--margin-xs);
 }
-._collapsed_4sifk_108 ._item_4sifk_137 {
+._collapsed_in9sh_108 ._item_in9sh_137 {
   padding: 0 9px;
 }
-._item_4sifk_137:focus {
+._item_in9sh_137:focus {
   outline: none;
 }
-._item_4sifk_137::-moz-focus-inner {
+._item_in9sh_137::-moz-focus-inner {
   border: 0;
 }
-._item_4sifk_137:hover,
-._item_4sifk_137:focus {
+._item_in9sh_137:hover,
+._item_in9sh_137:focus {
   color: var(--color-primary-400);
 }
-._item_4sifk_137:active {
+._item_in9sh_137:active {
   color: var(--color-primary-300);
 }
-._item_4sifk_137._active_4sifk_163 {
+._item_in9sh_137._active_in9sh_164 {
   color: white;
   background: black;
 }
-._item_4sifk_137._experimental_4sifk_167 {
+._item_in9sh_137._experimental_in9sh_168 {
   background: #40130b;
 }
-._icon_4sifk_170 {
+._icon_in9sh_171 {
   margin-right: var(--margin);
   line-height: 0;
   flex-shrink: 0;
@@ -8675,23 +8675,23 @@ button:active .remirror-menu-pane-shortcut,
   opacity: 0.4;
   display: block;
 }
-._item_4sifk_137:hover ._icon_4sifk_170,
-._item_4sifk_137:focus ._icon_4sifk_170 {
+._item_in9sh_137:hover ._icon_in9sh_171,
+._item_in9sh_137:focus ._icon_in9sh_171 {
   opacity: 0.6;
 }
-._item_4sifk_137:active ._icon_4sifk_170 {
+._item_in9sh_137:active ._icon_in9sh_171 {
   opacity: 0.8;
 }
-._item_4sifk_137._active_4sifk_163 ._icon_4sifk_170 {
+._item_in9sh_137._active_in9sh_164 ._icon_in9sh_171 {
   opacity: 1;
 }
-._icon_4sifk_170 > * {
+._icon_in9sh_171 > * {
   opacity: 1;
 }
-._icon_4sifk_170 > span {
+._icon_in9sh_171 > span {
   display: block;
 }
-._label_4sifk_104 {
+._label_in9sh_104 {
   white-space: nowrap;
   overflow: hidden;
 }
@@ -9500,23 +9500,23 @@ tbody ._staticCell_1diro_116 ._staticCellContent_1diro_119 {
 ._dragIcon_11d5t_28:active {
   color: var(--color-text-primary-active);
 }
-._tabs_y9cga_1 {
+._tabs_zed53_1 {
   display: flex;
   flex-wrap: wrap;
   border-bottom: 1px solid var(--color-border);
   flex-shrink: 0;
 }
-._tabs_y9cga_1._padding_y9cga_7 {
+._tabs_zed53_1._padding_zed53_7 {
   padding-left: var(--padding-x);
   padding-right: var(--padding-x);
 }
-._tabs_y9cga_1._margin_y9cga_11 {
-  margin: 1rem 0;
+._tabs_zed53_1._margin_zed53_11 {
+  margin: var(--margin) 0;
 }
-._contentPadding_y9cga_14 {
+._contentPadding_zed53_14 {
   padding-top: var(--padding-y);
 }
-._item_y9cga_17 {
+._item_zed53_17 {
   align-self: flex-end;
   display: flex;
   align-items: center;
@@ -9534,36 +9534,36 @@ tbody ._staticCell_1diro_116 ._staticCellContent_1diro_119 {
   color: var(--color-text-primary);
   cursor: pointer;
 }
-._item_y9cga_17:not(:last-child) {
-  margin-right: var(--margin);
+._item_zed53_17:not(:last-child) {
+  margin-right: var(--margin-lg);
 }
-._item_y9cga_17:hover:not(._active_y9cga_38) {
+._item_zed53_17:hover:not(._active_zed53_38) {
   color: var(--color-text-primary-hover);
   background: rgba(0, 0, 0, 0.025);
 }
-[data-theme='dark'] ._item_y9cga_17:hover:not(._active_y9cga_38) {
+[data-theme='dark'] ._item_zed53_17:hover:not(._active_zed53_38) {
   background: rgba(255, 255, 255, 0.1);
 }
-._item_y9cga_17:active:not(._active_y9cga_38) {
+._item_zed53_17:active:not(._active_zed53_38) {
   color: var(--color-text-primary-active);
   background: rgba(0, 0, 0, 0.05);
 }
-[data-theme='dark'] ._item_y9cga_17:active:not(._active_y9cga_38) {
+[data-theme='dark'] ._item_zed53_17:active:not(._active_zed53_38) {
   background: rgba(255, 255, 255, 0.2);
 }
-._item_y9cga_17._active_y9cga_38 {
+._item_zed53_17._active_zed53_38 {
   border-color: var(--color-text);
   color: var(--color-text);
   cursor: default;
 }
-._item_y9cga_17._hidden_y9cga_57 {
+._item_zed53_17._hidden_zed53_57 {
   display: none !important;
 }
-._item_y9cga_17._disabled_y9cga_60 {
+._item_zed53_17._disabled_zed53_60 {
   color: var(--color-text-faint);
   pointer-events: none;
 }
-._item_y9cga_17._left_y9cga_64 + ._item_y9cga_17._right_y9cga_64 {
+._item_zed53_17._left_zed53_64 + ._item_zed53_17._right_zed53_64 {
   margin-left: auto;
 }
 ._inputInTable_hyht1_1 {
@@ -10725,23 +10725,26 @@ tbody ._staticCell_1diro_116 ._staticCellContent_1diro_119 {
   gap: var(--margin);
   justify-content: center;
 }
-._tree_7fki0_1 {
+._tree_1x719_1 {
   position: relative;
 }
-._toggle_7fki0_4 {
+._toggle_1x719_4 {
   display: flex;
-  margin: -2px 7px -2px -7px;
+  margin-right: var(--margin-sm);
+  margin-left: calc(var(--margin-sm) * -1);
+  margin-top: calc((var(--line-height) - var(--size-sm)) / 2);
+  margin-bottom: calc((var(--line-height) - var(--size-sm)) / 2);
 }
-._dropTarget_7fki0_8 > div:first-child {
+._dropTarget_1x719_11 > div:first-child {
   background-color: var(--color-background-listitem-active);
 }
-._draggingSource_7fki0_11 {
+._draggingSource_1x719_14 {
   opacity: 0.2;
 }
-._placeholderContainer_7fki0_14 {
+._placeholderContainer_1x719_17 {
   position: relative;
 }
-._placeholder_7fki0_14 {
+._placeholder_1x719_17 {
   background-color: var(--color-background-primary);
   height: 4px;
   border-radius: var(--border-radius-sm);

package/dist/index.js

@@ -14206,13 +14206,13 @@ Heading$2.propTypes = {
   top: propTypes$1.exports.bool,
   testId: propTypes$1.exports.string
 };
-const dialog = "_dialog_9wobf_1";
-const inline$3 = "_inline_9wobf_18";
-const scroll$3 = "_scroll_9wobf_21";
-const header$2 = "_header_9wobf_24";
-const dismiss$2 = "_dismiss_9wobf_33";
-const content$3 = "_content_9wobf_38";
-const footer$2 = "_footer_9wobf_47";
+const dialog = "_dialog_bamra_1";
+const inline$3 = "_inline_bamra_18";
+const scroll$3 = "_scroll_bamra_21";
+const header$2 = "_header_bamra_24";
+const dismiss$2 = "_dismiss_bamra_33";
+const content$3 = "_content_bamra_38";
+const footer$2 = "_footer_bamra_47";
 const styles$C = {
   dialog,
   inline: inline$3,
@@ -27289,10 +27289,10 @@ Modal.propTypes = {
   centered: propTypes$1.exports.bool,
   width: propTypes$1.exports.oneOfType([propTypes$1.exports.string, propTypes$1.exports.number])
 };
-const menu$1 = "_menu_i35rg_1";
-const header = "_header_i35rg_12";
-const item$3 = "_item_i35rg_28";
-const heading$1 = "_heading_i35rg_33";
+const menu$1 = "_menu_vqsn8_1";
+const header = "_header_vqsn8_11";
+const item$3 = "_item_vqsn8_27";
+const heading$1 = "_heading_vqsn8_32";
 const styles$p = {
   menu: menu$1,
   header,
@@ -27358,7 +27358,7 @@ const Layer$1 = ({ options, onChangeOptions, showHeader, maxHeight }) => {
             ]
           }),
           /* @__PURE__ */ jsxRuntime.exports.jsx(Divider, {
-            margin: "7px"
+            margin: 0
           })
         ]
       }),
@@ -27370,7 +27370,7 @@ const Layer$1 = ({ options, onChangeOptions, showHeader, maxHeight }) => {
             }, index2);
           case "Divider":
             return /* @__PURE__ */ jsxRuntime.exports.jsx(Divider, {
-              margin: "7px"
+              margin: 0
             }, index2);
           default:
             return /* @__PURE__ */ jsxRuntime.exports.jsx(Option$1, {
@@ -28631,7 +28631,7 @@ const Layer = ({
       listRef.current.scrollToItem(firstSelectedOptionIndex, "start");
     }
   }, []);
-  const optionHeight = small2 ? 24 : 28;
+  const optionHeight = small2 ? 24 : 30;
   return /* @__PURE__ */ jsxRuntime.exports.jsx("div", {
     "data-testid": testId,
     className: cx$2(styles$m.layer, small2 && styles$m.small),
@@ -56734,8 +56734,8 @@ function Remirror(props) {
   return /* @__PURE__ */ React__default.createElement(I18nProvider, { i18n: i18n2, locale, supportedLocales }, /* @__PURE__ */ React__default.createElement(RemirrorContext.Provider, { value: context2 }, /* @__PURE__ */ React__default.createElement(RemirrorPortals, { portals }), hooks.map((hook, index2) => /* @__PURE__ */ React__default.createElement(HookComponent, { hook, key: index2 })), autoRenderAtStart && /* @__PURE__ */ React__default.createElement(EditorComponent, null), children, autoRenderAtEnd && /* @__PURE__ */ React__default.createElement(EditorComponent, null)));
 }
 const all = "";
-const richTextToolbar = "_richTextToolbar_wr96k_1";
-const richTextToolbarContainer = "_richTextToolbarContainer_wr96k_5";
+const richTextToolbar = "_richTextToolbar_8kz0p_1";
+const richTextToolbarContainer = "_richTextToolbarContainer_8kz0p_5";
 const styles$f = {
   richTextToolbar,
   richTextToolbarContainer
@@ -57035,24 +57035,24 @@ var reactFastCompare = function isEqual3(a2, b2) {
     throw error2;
   }
 };
-const inputInTable$3 = "_inputInTable_4sifk_1";
-const inputHover$3 = "_inputHover_4sifk_13";
-const inputFocus$3 = "_inputFocus_4sifk_18";
-const inputError$3 = "_inputError_4sifk_25";
-const inputWarning$3 = "_inputWarning_4sifk_26";
-const inputDisabled$3 = "_inputDisabled_4sifk_61";
-const hideScrollbars$3 = "_hideScrollbars_4sifk_67";
-const sidebar = "_sidebar_4sifk_81";
-const inner = "_inner_4sifk_92";
-const title$2 = "_title_4sifk_102";
-const subtitle = "_subtitle_4sifk_103";
-const label$2 = "_label_4sifk_104";
-const collapsed = "_collapsed_4sifk_108";
-const list = "_list_4sifk_133";
-const item$2 = "_item_4sifk_137";
-const active$2 = "_active_4sifk_163";
-const experimental = "_experimental_4sifk_167";
-const icon$1 = "_icon_4sifk_170";
+const inputInTable$3 = "_inputInTable_in9sh_1";
+const inputHover$3 = "_inputHover_in9sh_13";
+const inputFocus$3 = "_inputFocus_in9sh_18";
+const inputError$3 = "_inputError_in9sh_25";
+const inputWarning$3 = "_inputWarning_in9sh_26";
+const inputDisabled$3 = "_inputDisabled_in9sh_61";
+const hideScrollbars$3 = "_hideScrollbars_in9sh_67";
+const sidebar = "_sidebar_in9sh_81";
+const inner = "_inner_in9sh_92";
+const title$2 = "_title_in9sh_102";
+const subtitle = "_subtitle_in9sh_103";
+const label$2 = "_label_in9sh_104";
+const collapsed = "_collapsed_in9sh_108";
+const list = "_list_in9sh_133";
+const item$2 = "_item_in9sh_137";
+const active$2 = "_active_in9sh_164";
+const experimental = "_experimental_in9sh_168";
+const icon$1 = "_icon_in9sh_171";
 const styles$c = {
   inputInTable: inputInTable$3,
   inputHover: inputHover$3,
@@ -60671,7 +60671,7 @@ const hasRowActions = (rows, headers) => {
 };
 const TableScrollWrapper = ({ table: table2, children }) => {
   const { rows, infiniteScroll } = table2;
-  const pageSize = Math.ceil(window.innerHeight / 32);
+  const pageSize = Math.ceil(window.innerHeight / 30);
   const [visibleRows, setVisibleRows] = infiniteScroll ? useState(pageSize) : [rows.length, null];
   const [hasMore, setHasMore] = infiniteScroll ? useState(visibleRows < rows.length) : [false, null];
   const loadMoreItems = () => {
@@ -60947,16 +60947,16 @@ Table.propTypes = {
   }).isRequired,
   onListReorder: propTypes$1.exports.func
 };
-const tabs = "_tabs_y9cga_1";
-const padding = "_padding_y9cga_7";
-const margin = "_margin_y9cga_11";
-const contentPadding = "_contentPadding_y9cga_14";
-const item$1 = "_item_y9cga_17";
-const active$1 = "_active_y9cga_38";
-const hidden = "_hidden_y9cga_57";
-const disabled$1 = "_disabled_y9cga_60";
-const left$1 = "_left_y9cga_64";
-const right$1 = "_right_y9cga_64";
+const tabs = "_tabs_zed53_1";
+const padding = "_padding_zed53_7";
+const margin = "_margin_zed53_11";
+const contentPadding = "_contentPadding_zed53_14";
+const item$1 = "_item_zed53_17";
+const active$1 = "_active_zed53_38";
+const hidden = "_hidden_zed53_57";
+const disabled$1 = "_disabled_zed53_60";
+const left$1 = "_left_zed53_64";
+const right$1 = "_right_zed53_64";
 const styles$5 = {
   tabs,
   padding,
@@ -74447,12 +74447,12 @@ function TreeInner(props, ref2) {
   );
 }
 var Tree$1 = forwardRef(TreeInner);
-const tree = "_tree_7fki0_1";
-const toggle = "_toggle_7fki0_4";
-const dropTarget = "_dropTarget_7fki0_8";
-const draggingSource = "_draggingSource_7fki0_11";
-const placeholderContainer = "_placeholderContainer_7fki0_14";
-const placeholder2 = "_placeholder_7fki0_14";
+const tree = "_tree_1x719_1";
+const toggle = "_toggle_1x719_4";
+const dropTarget = "_dropTarget_1x719_11";
+const draggingSource = "_draggingSource_1x719_14";
+const placeholderContainer = "_placeholderContainer_1x719_17";
+const placeholder2 = "_placeholder_1x719_17";
 const styles = {
   tree,
   toggle,