@jetbrains/ring-ui-built 7.0.78 → 7.0.80

package/components/tabs/collapsible-more.js

@@ -25,6 +25,7 @@ import '../global/configuration.js';
 import '../popup/position.js';
 import '../popup/popup.target.js';
 import '../popup/position-css.js';
+import '../_helpers/theme.js';
 import '../list/list.js';
 import 'react-virtualized/dist/es/List';
 import 'react-virtualized/dist/es/AutoSizer';
@@ -68,11 +69,11 @@ import '../_helpers/button.classes.js';
 
 const AnchorLink = t0 => {
   const $ = c(13);
-  if ($[0] !== "912ffc19d6c097eb6c906553628956a69c1c1af6aadbeffb1fac7986a4d1ddfe") {
+  if ($[0] !== "75a0b2879bebaad3f8d82b99df93f8f96cbaefa77f4f888abdbc3d190e1a6bc8") {
     for (let $i = 0; $i < 13; $i += 1) {
       $[$i] = Symbol.for("react.memo_cache_sentinel");
     }
-    $[0] = "912ffc19d6c097eb6c906553628956a69c1c1af6aadbeffb1fac7986a4d1ddfe";
+    $[0] = "75a0b2879bebaad3f8d82b99df93f8f96cbaefa77f4f888abdbc3d190e1a6bc8";
   }
   let hasActiveChildren;
   let moreActiveClassName;
@@ -128,11 +129,11 @@ const AnchorLink = t0 => {
 const morePopupDirections = [Directions.BOTTOM_CENTER, Directions.BOTTOM_LEFT, Directions.BOTTOM_RIGHT];
 const MoreButton = /*#__PURE__*/memo(t0 => {
   const $ = c(32);
-  if ($[0] !== "912ffc19d6c097eb6c906553628956a69c1c1af6aadbeffb1fac7986a4d1ddfe") {
+  if ($[0] !== "75a0b2879bebaad3f8d82b99df93f8f96cbaefa77f4f888abdbc3d190e1a6bc8") {
     for (let $i = 0; $i < 32; $i += 1) {
       $[$i] = Symbol.for("react.memo_cache_sentinel");
     }
-    $[0] = "912ffc19d6c097eb6c906553628956a69c1c1af6aadbeffb1fac7986a4d1ddfe";
+    $[0] = "75a0b2879bebaad3f8d82b99df93f8f96cbaefa77f4f888abdbc3d190e1a6bc8";
   }
   const {
     items,
@@ -177,7 +178,7 @@ const MoreButton = /*#__PURE__*/memo(t0 => {
     t2 = $[5];
   }
   const hasActiveChild = t2;
-  let popupItems;
+  let data;
   if ($[8] !== items || $[9] !== morePopupBeforeEnd || $[10] !== morePopupItemClassName || $[11] !== selected) {
     let t3;
     if ($[13] !== morePopupItemClassName) {
@@ -198,13 +199,13 @@ const MoreButton = /*#__PURE__*/memo(t0 => {
     } else {
       t3 = $[14];
     }
-    popupItems = getTabTitles({
+    data = getTabTitles({
       items,
       selected,
       collapsed: true
     }).map(t3);
     if (morePopupBeforeEnd) {
-      popupItems.push({
+      data.push({
         template: morePopupBeforeEnd,
         key: "before-end-content",
         className: styles.morePopupBeforeEnd,
@@ -215,11 +216,10 @@ const MoreButton = /*#__PURE__*/memo(t0 => {
     $[9] = morePopupBeforeEnd;
     $[10] = morePopupItemClassName;
     $[11] = selected;
-    $[12] = popupItems;
+    $[12] = data;
   } else {
-    popupItems = $[12];
+    data = $[12];
   }
-  const data = popupItems;
   let t3;
   if ($[15] !== hasActiveChild || $[16] !== moreActiveClassName || $[17] !== moreClassName) {
     t3 = /*#__PURE__*/jsx(AnchorLink, {
@@ -294,11 +294,11 @@ const MoreButton = /*#__PURE__*/memo(t0 => {
 MoreButton.displayName = 'MoreButton';
 const FakeMoreButton = /*#__PURE__*/memo(t0 => {
   const $ = c(6);
-  if ($[0] !== "912ffc19d6c097eb6c906553628956a69c1c1af6aadbeffb1fac7986a4d1ddfe") {
+  if ($[0] !== "75a0b2879bebaad3f8d82b99df93f8f96cbaefa77f4f888abdbc3d190e1a6bc8") {
     for (let $i = 0; $i < 6; $i += 1) {
       $[$i] = Symbol.for("react.memo_cache_sentinel");
     }
-    $[0] = "912ffc19d6c097eb6c906553628956a69c1c1af6aadbeffb1fac7986a4d1ddfe";
+    $[0] = "75a0b2879bebaad3f8d82b99df93f8f96cbaefa77f4f888abdbc3d190e1a6bc8";
   }
   const {
     moreClassName,

package/components/tabs/collapsible-tabs.js

@@ -24,6 +24,7 @@ import '../global/configuration.js';
 import '../popup/position.js';
 import '../popup/popup.target.js';
 import '../popup/position-css.js';
+import '../_helpers/theme.js';
 import '../list/list.js';
 import 'react-virtualized/dist/es/List';
 import 'react-virtualized/dist/es/AutoSizer';
@@ -71,12 +72,12 @@ import './custom-item.js';
 const DEFAULT_DEBOUNCE_INTERVAL = 100;
 const MEASURE_TOLERANCE = 0.5;
 const CollapsibleTabs = t0 => {
-  const $ = c(95);
-  if ($[0] !== "6ffc4825a5b596b5bfb1565535f99c10b4bc6c1a0592195789805a8953ab9acd") {
-    for (let $i = 0; $i < 95; $i += 1) {
+  const $ = c(92);
+  if ($[0] !== "70efbf9102ae6e4ef4eaf532e2761386fcd6421dbdab25489e6ec60adf5616c6") {
+    for (let $i = 0; $i < 92; $i += 1) {
       $[$i] = Symbol.for("react.memo_cache_sentinel");
     }
-    $[0] = "6ffc4825a5b596b5bfb1565535f99c10b4bc6c1a0592195789805a8953ab9acd";
+    $[0] = "70efbf9102ae6e4ef4eaf532e2761386fcd6421dbdab25489e6ec60adf5616c6";
   }
   const {
     children,
@@ -139,75 +140,60 @@ const CollapsibleTabs = t0 => {
   }
   const selectedIndex = t4;
   let t5;
-  if ($[9] !== children || $[10] !== initialVisibleItems || $[11] !== onSelect || $[12] !== preparedElements.ready || $[13] !== preparedElements.visible || $[14] !== selected) {
+  let visibleElements;
+  if ($[9] !== children || $[10] !== initialVisibleItems || $[11] !== onSelect || $[12] !== preparedElements.hidden || $[13] !== preparedElements.ready || $[14] !== preparedElements.visible || $[15] !== selected) {
     let items;
     if (preparedElements.ready) {
       items = preparedElements.visible;
     } else {
       items = initialVisibleItems ? children.filter(_temp2).slice(0, initialVisibleItems) : [];
     }
-    t5 = getTabTitles({
+    visibleElements = getTabTitles({
       items,
       selected,
       onSelect
     });
+    bb0: {
+      if (preparedElements.ready) {
+        t5 = preparedElements.hidden;
+        break bb0;
+      }
+      if (initialVisibleItems) {
+        t5 = children.filter(item_0 => !visibleElements.some(visibleItem => visibleItem.props.child === item_0));
+        break bb0;
+      }
+      let t6;
+      if ($[18] === Symbol.for("react.memo_cache_sentinel")) {
+        t6 = [];
+        $[18] = t6;
+      } else {
+        t6 = $[18];
+      }
+      t5 = t6;
+    }
     $[9] = children;
     $[10] = initialVisibleItems;
     $[11] = onSelect;
-    $[12] = preparedElements.ready;
-    $[13] = preparedElements.visible;
-    $[14] = selected;
-    $[15] = t5;
+    $[12] = preparedElements.hidden;
+    $[13] = preparedElements.ready;
+    $[14] = preparedElements.visible;
+    $[15] = selected;
+    $[16] = t5;
+    $[17] = visibleElements;
   } else {
-    t5 = $[15];
+    t5 = $[16];
+    visibleElements = $[17];
   }
-  const visibleElements = t5;
+  const hiddenElements = t5;
   let t6;
-  bb0: {
-    if (preparedElements.ready) {
-      t6 = preparedElements.hidden;
-      break bb0;
-    }
-    if (initialVisibleItems) {
-      let t7;
-      if ($[16] !== children || $[17] !== visibleElements) {
-        let t8;
-        if ($[19] !== visibleElements) {
-          t8 = item_0 => !visibleElements.some(visibleItem => visibleItem.props.child === item_0);
-          $[19] = visibleElements;
-          $[20] = t8;
-        } else {
-          t8 = $[20];
-        }
-        t7 = children.filter(t8);
-        $[16] = children;
-        $[17] = visibleElements;
-        $[18] = t7;
-      } else {
-        t7 = $[18];
-      }
-      t6 = t7;
-      break bb0;
-    }
-    let t7;
-    if ($[21] === Symbol.for("react.memo_cache_sentinel")) {
-      t7 = [];
-      $[21] = t7;
-    } else {
-      t7 = $[21];
-    }
-    t6 = t7;
-  }
-  const hiddenElements = t6;
-  let t7;
-  if ($[22] !== children || $[23] !== elements.lastVisibleIndex || $[24] !== elements.sizes || $[25] !== onLastVisibleIndexChange || $[26] !== selectedIndex) {
-    t7 = entry => {
+  if ($[19] !== children || $[20] !== elements.lastVisibleIndex || $[21] !== elements.sizes || $[22] !== onLastVisibleIndexChange || $[23] !== selectedIndex) {
+    t6 = entry => {
       const containerWidth = entry.contentRect.width;
       const {
         tabs: tabsSizes,
-        more: t8
+        more: t7
       } = elements.sizes;
-      const more = t8 === undefined ? 0 : t8;
+      const more = t7 === undefined ? 0 : t7;
       const renderMore = children.some(_temp3);
       const tabsToRender = [];
       let filledWidth = renderMore ? more !== null && more !== void 0 ? more : 0 : 0;
@@ -247,19 +233,19 @@ const CollapsibleTabs = t0 => {
         onLastVisibleIndexChange?.(newLastVisibleIndex);
       }
     };
-    $[22] = children;
-    $[23] = elements.lastVisibleIndex;
-    $[24] = elements.sizes;
-    $[25] = onLastVisibleIndexChange;
-    $[26] = selectedIndex;
-    $[27] = t7;
+    $[19] = children;
+    $[20] = elements.lastVisibleIndex;
+    $[21] = elements.sizes;
+    $[22] = onLastVisibleIndexChange;
+    $[23] = selectedIndex;
+    $[24] = t6;
   } else {
-    t7 = $[27];
+    t6 = $[24];
   }
-  const adjustTabs = t7;
-  let t8;
-  if ($[28] !== children || $[29] !== elements.lastVisibleIndex || $[30] !== preparedElements.hidden || $[31] !== preparedElements.ready || $[32] !== preparedElements.visible || $[33] !== selected || $[34] !== selectedIndex) {
-    t8 = () => {
+  const adjustTabs = t6;
+  let t7;
+  if ($[25] !== children || $[26] !== elements.lastVisibleIndex || $[27] !== preparedElements.hidden || $[28] !== preparedElements.ready || $[29] !== preparedElements.visible || $[30] !== selected || $[31] !== selectedIndex) {
+    t7 = () => {
       const timeout = setTimeout(() => {
         var _elements$lastVisible2;
         const res = children.reduce((accumulator, tab_2) => {
@@ -291,46 +277,46 @@ const CollapsibleTabs = t0 => {
         clearTimeout(timeout);
       };
     };
-    $[28] = children;
-    $[29] = elements.lastVisibleIndex;
-    $[30] = preparedElements.hidden;
-    $[31] = preparedElements.ready;
-    $[32] = preparedElements.visible;
-    $[33] = selected;
-    $[34] = selectedIndex;
-    $[35] = t8;
+    $[25] = children;
+    $[26] = elements.lastVisibleIndex;
+    $[27] = preparedElements.hidden;
+    $[28] = preparedElements.ready;
+    $[29] = preparedElements.visible;
+    $[30] = selected;
+    $[31] = selectedIndex;
+    $[32] = t7;
   } else {
-    t8 = $[35];
+    t7 = $[32];
   }
-  let t9;
-  if ($[36] !== children || $[37] !== elements.lastVisibleIndex || $[38] !== preparedElements || $[39] !== selected || $[40] !== selectedIndex) {
-    t9 = [children, elements.lastVisibleIndex, preparedElements, selected, selectedIndex];
-    $[36] = children;
-    $[37] = elements.lastVisibleIndex;
-    $[38] = preparedElements;
-    $[39] = selected;
-    $[40] = selectedIndex;
-    $[41] = t9;
+  let t8;
+  if ($[33] !== children || $[34] !== elements.lastVisibleIndex || $[35] !== preparedElements || $[36] !== selected || $[37] !== selectedIndex) {
+    t8 = [children, elements.lastVisibleIndex, preparedElements, selected, selectedIndex];
+    $[33] = children;
+    $[34] = elements.lastVisibleIndex;
+    $[35] = preparedElements;
+    $[36] = selected;
+    $[37] = selectedIndex;
+    $[38] = t8;
   } else {
-    t9 = $[41];
+    t8 = $[38];
   }
-  useEffect(t8, t9);
-  let t10;
-  if ($[42] !== children) {
-    const items_0 = children.filter(_temp4);
-    t10 = getTabTitles({
-      items: items_0,
+  useEffect(t7, t8);
+  let t9;
+  if ($[39] !== children) {
+    const childItems = children.filter(_temp4);
+    t9 = getTabTitles({
+      items: childItems,
       tabIndex: -1
     });
-    $[42] = children;
-    $[43] = t10;
+    $[39] = children;
+    $[40] = t9;
   } else {
-    t10 = $[43];
+    t9 = $[40];
   }
-  const childrenToMeasure = t10;
-  let t11;
-  if ($[44] !== elements.sizes.more || $[45] !== elements.sizes.tabs) {
-    t11 = () => {
+  const childrenToMeasure = t9;
+  let t10;
+  if ($[41] !== elements.sizes.more || $[42] !== elements.sizes.tabs) {
+    t10 = () => {
       if (measureRef.current === null) {
         return;
       }
@@ -341,11 +327,11 @@ const CollapsibleTabs = t0 => {
         const moreButton = descendants.pop();
         let moreButtonWidth = (_moreButton$offsetWid = moreButton?.offsetWidth) !== null && _moreButton$offsetWid !== void 0 ? _moreButton$offsetWid : 0;
         const {
-          marginLeft: t12,
-          marginRight: t13
+          marginLeft: t11,
+          marginRight: t12
         } = moreButton ? getComputedStyle(moreButton) : {};
-        const moreButtonMarginLeft = t12 === undefined ? "0" : t12;
-        const moreButtonMarginRight = t13 === undefined ? "0" : t13;
+        const moreButtonMarginLeft = t11 === undefined ? "0" : t11;
+        const moreButtonMarginRight = t12 === undefined ? "0" : t12;
         moreButtonWidth = moreButtonWidth + (+moreButtonMarginLeft.replace("px", "") + +moreButtonMarginRight.replace("px", ""));
         const tabsWidth = descendants.map(_temp5);
         const newSummaryWidth = tabsWidth.reduce(_temp6, 0);
@@ -361,27 +347,27 @@ const CollapsibleTabs = t0 => {
         fastdom.clear(measureTask);
       };
     };
-    $[44] = elements.sizes.more;
-    $[45] = elements.sizes.tabs;
-    $[46] = t11;
+    $[41] = elements.sizes.more;
+    $[42] = elements.sizes.tabs;
+    $[43] = t10;
   } else {
-    t11 = $[46];
+    t10 = $[43];
   }
-  let t12;
-  if ($[47] !== children || $[48] !== elements.sizes.more || $[49] !== elements.sizes.tabs) {
-    t12 = [children, elements.sizes.more, elements.sizes.tabs];
-    $[47] = children;
-    $[48] = elements.sizes.more;
-    $[49] = elements.sizes.tabs;
-    $[50] = t12;
+  let t11;
+  if ($[44] !== children || $[45] !== elements.sizes.more || $[46] !== elements.sizes.tabs) {
+    t11 = [children, elements.sizes.more, elements.sizes.tabs];
+    $[44] = children;
+    $[45] = elements.sizes.more;
+    $[46] = elements.sizes.tabs;
+    $[47] = t11;
   } else {
-    t12 = $[50];
+    t11 = $[47];
   }
-  useEffect(t11, t12);
+  useEffect(t10, t11);
+  let t12;
   let t13;
-  let t14;
-  if ($[51] !== adjustTabs) {
-    t13 = () => {
+  if ($[48] !== adjustTabs) {
+    t12 = () => {
       if (measureRef.current === null) {
         return;
       }
@@ -398,26 +384,26 @@ const CollapsibleTabs = t0 => {
         resizeObserver.disconnect();
       };
     };
-    t14 = [adjustTabs];
-    $[51] = adjustTabs;
-    $[52] = t13;
-    $[53] = t14;
+    t13 = [adjustTabs];
+    $[48] = adjustTabs;
+    $[49] = t12;
+    $[50] = t13;
   } else {
-    t13 = $[52];
-    t14 = $[53];
+    t12 = $[49];
+    t13 = $[50];
   }
-  useEffect(t13, t14);
+  useEffect(t12, t13);
   const isAdjusted = elements.lastVisibleIndex !== null && preparedElements.ready || initialVisibleItems;
+  let t14;
   let t15;
   let t16;
   let t17;
-  let t18;
-  if ($[54] !== hiddenElements || $[55] !== isAdjusted || $[56] !== moreActiveClassName || $[57] !== moreClassName || $[58] !== morePopupBeforeEnd || $[59] !== morePopupClassName || $[60] !== morePopupItemClassName || $[61] !== onSelect || $[62] !== selected || $[63] !== visibleElements) {
+  if ($[51] !== hiddenElements || $[52] !== isAdjusted || $[53] !== moreActiveClassName || $[54] !== moreClassName || $[55] !== morePopupBeforeEnd || $[56] !== morePopupClassName || $[57] !== morePopupItemClassName || $[58] !== onSelect || $[59] !== selected || $[60] !== visibleElements) {
     const className = classNames(styles.titles, styles.autoCollapse, isAdjusted && styles.adjusted);
-    t17 = styles.autoCollapseContainer;
-    let t19;
-    if ($[68] !== hiddenElements || $[69] !== moreActiveClassName || $[70] !== moreClassName || $[71] !== morePopupBeforeEnd || $[72] !== morePopupClassName || $[73] !== morePopupItemClassName || $[74] !== onSelect || $[75] !== selected) {
-      t19 = /*#__PURE__*/jsx(MoreButton, {
+    t16 = styles.autoCollapseContainer;
+    let t18;
+    if ($[65] !== hiddenElements || $[66] !== moreActiveClassName || $[67] !== moreClassName || $[68] !== morePopupBeforeEnd || $[69] !== morePopupClassName || $[70] !== morePopupItemClassName || $[71] !== onSelect || $[72] !== selected) {
+      t18 = /*#__PURE__*/jsx(MoreButton, {
         moreClassName: moreClassName,
         moreActiveClassName: moreActiveClassName,
         morePopupClassName: morePopupClassName,
@@ -427,104 +413,104 @@ const CollapsibleTabs = t0 => {
         selected: selected,
         onSelect: onSelect
       });
-      $[68] = hiddenElements;
-      $[69] = moreActiveClassName;
-      $[70] = moreClassName;
-      $[71] = morePopupBeforeEnd;
-      $[72] = morePopupClassName;
-      $[73] = morePopupItemClassName;
-      $[74] = onSelect;
-      $[75] = selected;
-      $[76] = t19;
+      $[65] = hiddenElements;
+      $[66] = moreActiveClassName;
+      $[67] = moreClassName;
+      $[68] = morePopupBeforeEnd;
+      $[69] = morePopupClassName;
+      $[70] = morePopupItemClassName;
+      $[71] = onSelect;
+      $[72] = selected;
+      $[73] = t18;
     } else {
-      t19 = $[76];
+      t18 = $[73];
     }
-    t18 = /*#__PURE__*/jsxs("div", {
+    t17 = /*#__PURE__*/jsxs("div", {
       className: classNames(className, styles.rendered),
-      children: [visibleElements, t19]
+      children: [visibleElements, t18]
     });
-    t15 = measureRef;
-    t16 = classNames(className, styles.measure);
-    $[54] = hiddenElements;
-    $[55] = isAdjusted;
-    $[56] = moreActiveClassName;
-    $[57] = moreClassName;
-    $[58] = morePopupBeforeEnd;
-    $[59] = morePopupClassName;
-    $[60] = morePopupItemClassName;
-    $[61] = onSelect;
-    $[62] = selected;
-    $[63] = visibleElements;
-    $[64] = t15;
-    $[65] = t16;
-    $[66] = t17;
-    $[67] = t18;
+    t14 = measureRef;
+    t15 = classNames(className, styles.measure);
+    $[51] = hiddenElements;
+    $[52] = isAdjusted;
+    $[53] = moreActiveClassName;
+    $[54] = moreClassName;
+    $[55] = morePopupBeforeEnd;
+    $[56] = morePopupClassName;
+    $[57] = morePopupItemClassName;
+    $[58] = onSelect;
+    $[59] = selected;
+    $[60] = visibleElements;
+    $[61] = t14;
+    $[62] = t15;
+    $[63] = t16;
+    $[64] = t17;
   } else {
-    t15 = $[64];
-    t16 = $[65];
-    t17 = $[66];
-    t18 = $[67];
+    t14 = $[61];
+    t15 = $[62];
+    t16 = $[63];
+    t17 = $[64];
   }
-  let t19;
-  if ($[77] !== hiddenElements || $[78] !== selected) {
-    let t20;
-    if ($[80] !== selected) {
-      t20 = item_3 => item_3.props.alwaysHidden && item_3.props.id === selected;
-      $[80] = selected;
-      $[81] = t20;
+  let t18;
+  if ($[74] !== hiddenElements || $[75] !== selected) {
+    let t19;
+    if ($[77] !== selected) {
+      t19 = item_3 => item_3.props.alwaysHidden && item_3.props.id === selected;
+      $[77] = selected;
+      $[78] = t19;
     } else {
-      t20 = $[81];
+      t19 = $[78];
     }
-    t19 = hiddenElements.some(t20);
-    $[77] = hiddenElements;
-    $[78] = selected;
-    $[79] = t19;
+    t18 = hiddenElements.some(t19);
+    $[74] = hiddenElements;
+    $[75] = selected;
+    $[76] = t18;
   } else {
-    t19 = $[79];
+    t18 = $[76];
   }
-  let t20;
-  if ($[82] !== moreActiveClassName || $[83] !== moreClassName || $[84] !== t19) {
-    t20 = /*#__PURE__*/jsx(FakeMoreButton, {
-      hasActiveChildren: t19,
+  let t19;
+  if ($[79] !== moreActiveClassName || $[80] !== moreClassName || $[81] !== t18) {
+    t19 = /*#__PURE__*/jsx(FakeMoreButton, {
+      hasActiveChildren: t18,
       moreClassName: moreClassName,
       moreActiveClassName: moreActiveClassName
     });
-    $[82] = moreActiveClassName;
-    $[83] = moreClassName;
-    $[84] = t19;
-    $[85] = t20;
+    $[79] = moreActiveClassName;
+    $[80] = moreClassName;
+    $[81] = t18;
+    $[82] = t19;
   } else {
-    t20 = $[85];
+    t19 = $[82];
+  }
+  let t20;
+  if ($[83] !== childrenToMeasure || $[84] !== t14 || $[85] !== t15 || $[86] !== t19) {
+    t20 = /*#__PURE__*/jsxs("div", {
+      ref: t14,
+      className: t15,
+      children: [childrenToMeasure, t19]
+    });
+    $[83] = childrenToMeasure;
+    $[84] = t14;
+    $[85] = t15;
+    $[86] = t19;
+    $[87] = t20;
+  } else {
+    t20 = $[87];
   }
   let t21;
-  if ($[86] !== childrenToMeasure || $[87] !== t15 || $[88] !== t16 || $[89] !== t20) {
+  if ($[88] !== t16 || $[89] !== t17 || $[90] !== t20) {
     t21 = /*#__PURE__*/jsxs("div", {
-      ref: t15,
       className: t16,
-      children: [childrenToMeasure, t20]
+      children: [t17, t20]
     });
-    $[86] = childrenToMeasure;
-    $[87] = t15;
     $[88] = t16;
-    $[89] = t20;
-    $[90] = t21;
-  } else {
-    t21 = $[90];
-  }
-  let t22;
-  if ($[91] !== t17 || $[92] !== t18 || $[93] !== t21) {
-    t22 = /*#__PURE__*/jsxs("div", {
-      className: t17,
-      children: [t18, t21]
-    });
-    $[91] = t17;
-    $[92] = t18;
-    $[93] = t21;
-    $[94] = t22;
+    $[89] = t17;
+    $[90] = t20;
+    $[91] = t21;
   } else {
-    t22 = $[94];
+    t21 = $[91];
   }
-  return t22;
+  return t21;
 };
 var CollapsibleTabs$1 = /*#__PURE__*/memo(CollapsibleTabs);
 function _temp(tab) {

package/components/tabs/dumb-tabs.js

@@ -30,6 +30,7 @@ import '../global/configuration.js';
 import '../popup/position.js';
 import '../popup/popup.target.js';
 import '../popup/position-css.js';
+import '../_helpers/theme.js';
 import '../list/list.js';
 import 'react-virtualized/dist/es/List';
 import 'react-virtualized/dist/es/AutoSizer';

package/components/tabs/smart-tabs.js

@@ -29,6 +29,7 @@ import '../global/configuration.js';
 import '../popup/position.js';
 import '../popup/popup.target.js';
 import '../popup/position-css.js';
+import '../_helpers/theme.js';
 import '../list/list.js';
 import 'react-virtualized/dist/es/List';
 import 'react-virtualized/dist/es/AutoSizer';

package/components/tabs/tabs.js

@@ -32,6 +32,7 @@ import '../global/configuration.js';
 import '../popup/position.js';
 import '../popup/popup.target.js';
 import '../popup/position-css.js';
+import '../_helpers/theme.js';
 import '../list/list.js';
 import 'react-virtualized/dist/es/List';
 import 'react-virtualized/dist/es/AutoSizer';

package/components/tags-input/tags-input.js

@@ -46,6 +46,7 @@ import '../popup/position.js';
 import '../popup/popup.consts.js';
 import '../popup/popup.target.js';
 import '../popup/position-css.js';
+import '../_helpers/theme.js';
 import '../list/list.js';
 import 'react-virtualized/dist/es/List';
 import 'react-virtualized/dist/es/AutoSizer';