musae 1.3.1-beta.2 → 1.3.1-beta.21

package/dist/components/table/styles.d.ts

@@ -1,12 +1,12 @@
 declare const styles: {
     table: Readonly<{
-        readonly default: Readonly<{
+        readonly base: Readonly<{
             readonly width: import("@stylexjs/stylex").StyleXClassNameFor<"width", "100%">;
             readonly borderCollapse: import("@stylexjs/stylex").StyleXClassNameFor<"borderCollapse", "collapse">;
         }>;
     }>;
-    bodyCell: Readonly<{
-        readonly default: Readonly<{
+    body: Readonly<{
+        readonly cell: Readonly<{
             readonly borderInlineWidth: import("@stylexjs/stylex").StyleXClassNameFor<"borderInlineWidth", string>;
             readonly borderBlockStartWidth: import("@stylexjs/stylex").StyleXClassNameFor<"borderBlockStartWidth", string>;
             readonly paddingInline: import("@stylexjs/stylex").StyleXClassNameFor<"paddingInline", string>;
@@ -22,36 +22,8 @@ declare const styles: {
             readonly paddingInlineStart: import("@stylexjs/stylex").StyleXClassNameFor<"paddingInlineStart", `calc(var(--depth) * ${import("@stylexjs/stylex").StyleXVar<string>})`>;
         }>;
     }>;
-    headerCell: Readonly<{
-        readonly default: Readonly<{
-            readonly borderWidth: import("@stylexjs/stylex").StyleXClassNameFor<"borderWidth", string>;
-            readonly backgroundColor: import("@stylexjs/stylex").StyleXClassNameFor<"backgroundColor", "var(--color-surface)">;
-            readonly borderColor: import("@stylexjs/stylex").StyleXClassNameFor<"borderColor", "var(--color-outline-variant)">;
-            readonly textAlign: import("@stylexjs/stylex").StyleXClassNameFor<"textAlign", "start">;
-            readonly position: import("@stylexjs/stylex").StyleXClassNameFor<"position", "relative">;
-            readonly paddingInline: import("@stylexjs/stylex").StyleXClassNameFor<"paddingInline", string>;
-            readonly paddingBlock: import("@stylexjs/stylex").StyleXClassNameFor<"paddingBlock", string>;
-            readonly borderStyle: import("@stylexjs/stylex").StyleXClassNameFor<"borderStyle", "solid">;
-            readonly borderBottomWidth: import("@stylexjs/stylex").StyleXClassNameFor<"borderBottomWidth", string>;
-        }>;
-        readonly unbordered: Readonly<{
-            readonly ":not(:last-of-type)::after": import("@stylexjs/stylex").StyleXClassNameFor<":not(:last-of-type)::after", {
-                readonly content: "\"\"";
-                readonly position: "absolute";
-                readonly top: "50%";
-                readonly width: import("@stylexjs/stylex").StyleXVar<string>;
-                readonly height: import("@stylexjs/stylex").StyleXVar<string>;
-                readonly backgroundColor: "var(--color-outline-variant)";
-                readonly transform: "translateY(-50%)";
-                readonly insetInlineEnd: 0;
-            }>;
-        }>;
-        readonly bordered: Readonly<{
-            readonly borderWidth: import("@stylexjs/stylex").StyleXClassNameFor<"borderWidth", string>;
-        }>;
-    }>;
-    headerContent: Readonly<{
-        readonly default: Readonly<{
+    cell: Readonly<{
+        readonly base: Readonly<{
             readonly display: import("@stylexjs/stylex").StyleXClassNameFor<"display", "flex">;
             readonly justifyContent: import("@stylexjs/stylex").StyleXClassNameFor<"justifyContent", "space-between">;
             readonly alignItems: import("@stylexjs/stylex").StyleXClassNameFor<"alignItems", "center">;
@@ -65,7 +37,7 @@ declare const styles: {
         }>;
     }>;
     sort: Readonly<{
-        readonly default: Readonly<{
+        readonly base: Readonly<{
             readonly position: import("@stylexjs/stylex").StyleXClassNameFor<"position", "relative">;
             readonly cursor: import("@stylexjs/stylex").StyleXClassNameFor<"cursor", "pointer">;
         }>;
@@ -80,5 +52,33 @@ declare const styles: {
             readonly color: import("@stylexjs/stylex").StyleXClassNameFor<"color", "var(--color-primary)">;
         }>;
     }>;
+    header: Readonly<{
+        readonly cell: Readonly<{
+            readonly borderWidth: import("@stylexjs/stylex").StyleXClassNameFor<"borderWidth", string>;
+            readonly backgroundColor: import("@stylexjs/stylex").StyleXClassNameFor<"backgroundColor", "var(--color-surface)">;
+            readonly borderColor: import("@stylexjs/stylex").StyleXClassNameFor<"borderColor", "var(--color-outline-variant)">;
+            readonly textAlign: import("@stylexjs/stylex").StyleXClassNameFor<"textAlign", "start">;
+            readonly position: import("@stylexjs/stylex").StyleXClassNameFor<"position", "relative">;
+            readonly paddingInline: import("@stylexjs/stylex").StyleXClassNameFor<"paddingInline", string>;
+            readonly paddingBlock: import("@stylexjs/stylex").StyleXClassNameFor<"paddingBlock", string>;
+            readonly borderStyle: import("@stylexjs/stylex").StyleXClassNameFor<"borderStyle", "solid">;
+            readonly borderBottomWidth: import("@stylexjs/stylex").StyleXClassNameFor<"borderBottomWidth", string>;
+        }>;
+        readonly unbordered: Readonly<{
+            readonly ":not(:last-of-type)::after": import("@stylexjs/stylex").StyleXClassNameFor<":not(:last-of-type)::after", {
+                readonly content: "\"\"";
+                readonly position: "absolute";
+                readonly top: "50%";
+                readonly width: import("@stylexjs/stylex").StyleXVar<string>;
+                readonly height: import("@stylexjs/stylex").StyleXVar<string>;
+                readonly backgroundColor: "var(--color-outline-variant)";
+                readonly transform: "translateY(-50%)";
+                readonly insetInlineEnd: 0;
+            }>;
+        }>;
+        readonly bordered: Readonly<{
+            readonly borderWidth: import("@stylexjs/stylex").StyleXClassNameFor<"borderWidth", string>;
+        }>;
+    }>;
 };
 export default styles;

package/dist/components/table/styles.mjs

@@ -1,95 +1,100 @@
-var styles = {
-  table: {
-    "default": {
-      kzqmXN: "musaex-h8yej3",
-      kLvRdT: "musaex-1mwwwfo",
-      $$css: true
-    }
+var table = {
+  base: {
+    kzqmXN: "musaex-h8yej3",
+    kLvRdT: "musaex-1mwwwfo",
+    $$css: true
+  }
+};
+var body = {
+  cell: {
+    kjGldf: "musaex-aafj1c",
+    kEafiO: "musaex-1ndz9a0",
+    kg3NbH: "musaex-1g3a7fl",
+    k8WAf4: "musaex-s7sbuz",
+    kVAM5u: "musaex-axmpxa",
+    ksu8eU: "musaex-1y0btm7",
+    kt9PQ7: "musaex-d1xpcx",
+    $$css: true
+  },
+  bordered: {
+    kjGldf: "musaex-imutj9",
+    $$css: true
+  },
+  child: {
+    kZCmMZ: "musaex-1sznsej",
+    $$css: true
+  }
+};
+var cell = {
+  base: {
+    k1xSpc: "musaex-78zum5",
+    kjj79g: "musaex-1qughib",
+    kGNEyG: "musaex-6s0dn4",
+    $$css: true
   },
-  bodyCell: {
-    "default": {
-      kjGldf: "musaex-aafj1c",
-      kEafiO: "musaex-1ndz9a0",
-      kg3NbH: "musaex-1g3a7fl",
-      k8WAf4: "musaex-s7sbuz",
-      kVAM5u: "musaex-axmpxa",
-      ksu8eU: "musaex-1y0btm7",
-      kt9PQ7: "musaex-d1xpcx",
-      $$css: true
-    },
-    bordered: {
-      kjGldf: "musaex-imutj9",
-      $$css: true
-    },
-    child: {
-      kZCmMZ: "musaex-1sznsej",
-      $$css: true
-    }
+  handlers: {
+    k1xSpc: "musaex-3nfvp2",
+    kXwgrk: "musaex-1q0g3np",
+    kOIVth: "musaex-15wobh7",
+    kMwMTN: "musaex-14kusyn",
+    kfSwDN: "musaex-87ps6o",
+    $$css: true
+  }
+};
+var sort = {
+  base: {
+    kVAEAm: "musaex-1n2onr6",
+    kkrTdU: "musaex-1ypdohk",
+    $$css: true
   },
-  headerCell: {
-    "default": {
-      kMzoRj: "musaex-k59kd",
-      kWkggS: "musaex-k7eln3",
-      kVAM5u: "musaex-axmpxa",
-      k9WMMc: "musaex-1yc453h",
-      kVAEAm: "musaex-1n2onr6",
-      kg3NbH: "musaex-1g3a7fl",
-      k8WAf4: "musaex-s7sbuz",
-      ksu8eU: "musaex-1y0btm7",
-      kt9PQ7: "musaex-d1xpcx",
-      $$css: true
-    },
-    unbordered: {
-      kI9HWG: "musaex-x7gz8e",
-      ko2eyy: "musaex-no41pc",
-      kqR9dF: "musaex-1o8gf8",
-      kpPfZE: "musaex-1rvbi93",
-      kOSWPn: "musaex-8l2ero",
-      kQUujV: "musaex-11jkr13",
-      knGBE: "musaex-1kmnipp",
-      kpnlHG: "musaex-192i3sz",
-      $$css: true
-    },
-    bordered: {
-      kMzoRj: "musaex-1iyq3db",
-      $$css: true
-    }
+  half: {
+    kVAEAm: "musaex-10l6tqk",
+    k87sOh: "musaex-13vifvy",
+    kLqNvP: "musaex-1o0tod",
+    kZKoxP: "musaex-11g3na9",
+    kVQacm: "musaex-b3r6kr",
+    $$css: true
   },
-  headerContent: {
-    "default": {
-      k1xSpc: "musaex-78zum5",
-      kjj79g: "musaex-1qughib",
-      kGNEyG: "musaex-6s0dn4",
-      $$css: true
-    },
-    handlers: {
-      k1xSpc: "musaex-3nfvp2",
-      kXwgrk: "musaex-1q0g3np",
-      kOIVth: "musaex-15wobh7",
-      kMwMTN: "musaex-14kusyn",
-      kfSwDN: "musaex-87ps6o",
-      $$css: true
-    }
+  checked: {
+    kMwMTN: "musaex-14qql8p",
+    $$css: true
+  }
+};
+var header = {
+  cell: {
+    kMzoRj: "musaex-k59kd",
+    kWkggS: "musaex-k7eln3",
+    kVAM5u: "musaex-axmpxa",
+    k9WMMc: "musaex-1yc453h",
+    kVAEAm: "musaex-1n2onr6",
+    kg3NbH: "musaex-1g3a7fl",
+    k8WAf4: "musaex-s7sbuz",
+    ksu8eU: "musaex-1y0btm7",
+    kt9PQ7: "musaex-d1xpcx",
+    $$css: true
   },
-  sort: {
-    "default": {
-      kVAEAm: "musaex-1n2onr6",
-      kkrTdU: "musaex-1ypdohk",
-      $$css: true
-    },
-    half: {
-      kVAEAm: "musaex-10l6tqk",
-      k87sOh: "musaex-13vifvy",
-      kLqNvP: "musaex-1o0tod",
-      kZKoxP: "musaex-11g3na9",
-      kVQacm: "musaex-b3r6kr",
-      $$css: true
-    },
-    checked: {
-      kMwMTN: "musaex-14qql8p",
-      $$css: true
-    }
+  unbordered: {
+    kI9HWG: "musaex-x7gz8e",
+    ko2eyy: "musaex-no41pc",
+    kqR9dF: "musaex-1o8gf8",
+    kpPfZE: "musaex-1rvbi93",
+    kOSWPn: "musaex-8l2ero",
+    kQUujV: "musaex-11jkr13",
+    knGBE: "musaex-1kmnipp",
+    kpnlHG: "musaex-192i3sz",
+    $$css: true
+  },
+  bordered: {
+    kMzoRj: "musaex-1iyq3db",
+    $$css: true
   }
 };
+var styles = {
+  table: table,
+  body: body,
+  cell: cell,
+  sort: sort,
+  header: header
+};
 
 export { styles as default };

package/dist/components/table/table.cjs

@@ -4,6 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
 var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+var styles = require('./styles.cjs');
 var reactTable = require('@tanstack/react-table');
 var React = require('react');
 var hooks = require('./hooks.cjs');
@@ -14,7 +15,6 @@ var stylex = require('../../node_modules/.pnpm/@stylexjs_stylex@0.19.0/node_modu
 var className = require('@aiszlab/relax/class-name');
 var useClassNames = require('../../hooks/use-class-names.cjs');
 var loading = require('../loading/loading.cjs');
-var styles = require('./styles.cjs');
 var relax = require('@aiszlab/relax');
 
 var Table = function Table(_ref) {
@@ -86,7 +86,7 @@ var Table = function Table(_ref) {
     onSortChange: onSortChange,
     classNames: classNames
   });
-  var styled = stylex.props(styles.default.table["default"]);
+  var styled = stylex.props(styles.default.table.base);
   return /*#__PURE__*/React.createElement(context.Context.Provider, {
     value: contextValue
   }, /*#__PURE__*/React.createElement(loading.default, {

package/dist/components/table/table.mjs

@@ -1,5 +1,6 @@
 import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import styles from './styles.mjs';
 import { useReactTable, getCoreRowModel, getExpandedRowModel } from '@tanstack/react-table';
 import React, { useState, useMemo } from 'react';
 import { useColumns, useContextValue } from './hooks.mjs';
@@ -10,7 +11,6 @@ import { props } from '../../node_modules/.pnpm/@stylexjs_stylex@0.19.0/node_mod
 import { stringify } from '@aiszlab/relax/class-name';
 import { useClassNames } from '../../hooks/use-class-names.mjs';
 import Loading from '../loading/loading.mjs';
-import styles from './styles.mjs';
 import { isUndefined, isFunction } from '@aiszlab/relax';
 
 var Table = function Table(_ref) {
@@ -82,7 +82,7 @@ var Table = function Table(_ref) {
     onSortChange: onSortChange,
     classNames: classNames
   });
-  var styled = props(styles.table["default"]);
+  var styled = props(styles.table.base);
   return /*#__PURE__*/React.createElement(Context.Provider, {
     value: contextValue
   }, /*#__PURE__*/React.createElement(Loading, {

package/dist/components/tabs/navigation.cjs

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
+var styles = require('./styles.cjs');
 var React = require('react');
 var stylex = require('../../node_modules/.pnpm/@stylexjs_stylex@0.19.0/node_modules/@stylexjs/stylex/lib/es/stylex.cjs');
 var tab = require('./tab.cjs');
@@ -13,30 +14,6 @@ var useThemeColorVars = require('../../hooks/use-theme-color-vars.cjs');
 var useTabsContext = require('./hooks/use-tabs-context.cjs');
 var useNavigation = require('./hooks/use-navigation.cjs');
 
-var styles = {
-  indicator: {
-    "default": {
-      kWkggS: "musaex-19fix8x",
-      kVAEAm: "musaex-10l6tqk",
-      krVfgx: "musaex-1c1gxxa",
-      kIxVMA: "musaex-421gk9",
-      ksF3WI: "musaex-4izuhl",
-      $$css: true
-    },
-    medium: {
-      kZKoxP: "musaex-rftw1c",
-      $$css: true
-    },
-    small: {
-      kZKoxP: "musaex-12yrczq",
-      $$css: true
-    },
-    large: {
-      kZKoxP: "musaex-rntz3j",
-      $$css: true
-    }
-  }
-};
 var Navigation = function Navigation(_ref) {
   var onChange = _ref.onChange;
   var _useTabsContext = useTabsContext.useTabsContext(),
@@ -55,27 +32,10 @@ var Navigation = function Navigation(_ref) {
     isTrailingOverflow = _useNavigation.isTrailingOverflow;
   var _themeColorVars = useThemeColorVars.useThemeColorVars(["outline-variant", "primary"]);
   var styled = {
-    navigation: {
-      className: "musaex-quqrak musaex-d1xpcx musaex-1q0q8m5"
-    },
-    navigator: {
-      0: {
-        className: "musaex-1n2onr6 musaex-b3r6kr"
-      },
-      2: {
-        className: "musaex-1n2onr6 musaex-b3r6kr musaex-10tli2e musaex-1hmns74 musaex-1nc033x musaex-1682cnc musaex-kk1bqk musaex-1oz5qqk musaex-91zhsk"
-      },
-      1: {
-        className: "musaex-1n2onr6 musaex-b3r6kr musaex-100rkj9 musaex-1j6awrg musaex-d54j2p musaex-1unh1gc musaex-2q1x1w musaex-39xywt musaex-15cyge6"
-      },
-      3: {
-        className: "musaex-1n2onr6 musaex-b3r6kr musaex-10tli2e musaex-1hmns74 musaex-1nc033x musaex-1682cnc musaex-kk1bqk musaex-1oz5qqk musaex-91zhsk musaex-100rkj9 musaex-1j6awrg musaex-d54j2p musaex-1unh1gc musaex-2q1x1w musaex-39xywt musaex-15cyge6"
-      }
-    }[!!isLeadingOverflow << 1 | !!isTrailingOverflow << 0],
-    list: {
-      className: "musaex-78zum5 musaex-eq5yr9 musaex-12eyqs9 musaex-bngzmg"
-    },
-    indicator: stylex.props(styles.indicator["default"], styles.indicator[size])
+    navigation: stylex.props(styles.default.navigation.base),
+    navigator: stylex.props(styles.default.navigator.base, isLeadingOverflow && styles.default.navigator.leading, isTrailingOverflow && styles.default.navigator.trailing),
+    list: stylex.props(styles.default.list.base),
+    indicator: stylex.props(styles.default.indicator.base, styles.default.indicator[size])
   };
   // repaint indicator when activeKey or size changed
   // animate indicator to correct position & width

package/dist/components/tabs/navigation.mjs

@@ -1,4 +1,5 @@
 import _objectSpread from '@babel/runtime/helpers/objectSpread2';
+import styles from './styles.mjs';
 import React, { useRef, useEffect } from 'react';
 import { props } from '../../node_modules/.pnpm/@stylexjs_stylex@0.19.0/node_modules/@stylexjs/stylex/lib/es/stylex.mjs';
 import Tab from './tab.mjs';
@@ -9,30 +10,6 @@ import { useThemeColorVars } from '../../hooks/use-theme-color-vars.mjs';
 import { useTabsContext } from './hooks/use-tabs-context.mjs';
 import { useNavigation } from './hooks/use-navigation.mjs';
 
-var styles = {
-  indicator: {
-    "default": {
-      kWkggS: "musaex-19fix8x",
-      kVAEAm: "musaex-10l6tqk",
-      krVfgx: "musaex-1c1gxxa",
-      kIxVMA: "musaex-421gk9",
-      ksF3WI: "musaex-4izuhl",
-      $$css: true
-    },
-    medium: {
-      kZKoxP: "musaex-rftw1c",
-      $$css: true
-    },
-    small: {
-      kZKoxP: "musaex-12yrczq",
-      $$css: true
-    },
-    large: {
-      kZKoxP: "musaex-rntz3j",
-      $$css: true
-    }
-  }
-};
 var Navigation = function Navigation(_ref) {
   var onChange = _ref.onChange;
   var _useTabsContext = useTabsContext(),
@@ -51,27 +28,10 @@ var Navigation = function Navigation(_ref) {
     isTrailingOverflow = _useNavigation.isTrailingOverflow;
   var _themeColorVars = useThemeColorVars(["outline-variant", "primary"]);
   var styled = {
-    navigation: {
-      className: "musaex-quqrak musaex-d1xpcx musaex-1q0q8m5"
-    },
-    navigator: {
-      0: {
-        className: "musaex-1n2onr6 musaex-b3r6kr"
-      },
-      2: {
-        className: "musaex-1n2onr6 musaex-b3r6kr musaex-10tli2e musaex-1hmns74 musaex-1nc033x musaex-1682cnc musaex-kk1bqk musaex-1oz5qqk musaex-91zhsk"
-      },
-      1: {
-        className: "musaex-1n2onr6 musaex-b3r6kr musaex-100rkj9 musaex-1j6awrg musaex-d54j2p musaex-1unh1gc musaex-2q1x1w musaex-39xywt musaex-15cyge6"
-      },
-      3: {
-        className: "musaex-1n2onr6 musaex-b3r6kr musaex-10tli2e musaex-1hmns74 musaex-1nc033x musaex-1682cnc musaex-kk1bqk musaex-1oz5qqk musaex-91zhsk musaex-100rkj9 musaex-1j6awrg musaex-d54j2p musaex-1unh1gc musaex-2q1x1w musaex-39xywt musaex-15cyge6"
-      }
-    }[!!isLeadingOverflow << 1 | !!isTrailingOverflow << 0],
-    list: {
-      className: "musaex-78zum5 musaex-eq5yr9 musaex-12eyqs9 musaex-bngzmg"
-    },
-    indicator: props(styles.indicator["default"], styles.indicator[size])
+    navigation: props(styles.navigation.base),
+    navigator: props(styles.navigator.base, isLeadingOverflow && styles.navigator.leading, isTrailingOverflow && styles.navigator.trailing),
+    list: props(styles.list.base),
+    indicator: props(styles.indicator.base, styles.indicator[size])
   };
   // repaint indicator when activeKey or size changed
   // animate indicator to correct position & width

package/dist/components/tabs/panels.cjs

@@ -3,7 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _createForOfIteratorHelper = require('@babel/runtime/helpers/createForOfIteratorHelper');
+var styles = require('./styles.cjs');
 var React = require('react');
+var stylex = require('../../node_modules/.pnpm/@stylexjs_stylex@0.19.0/node_modules/@stylexjs/stylex/lib/es/stylex.cjs');
 var className = require('@aiszlab/relax/class-name');
 var relax = require('@aiszlab/relax');
 var useTabsContext = require('./hooks/use-tabs-context.cjs');
@@ -56,12 +58,7 @@ var Panels = function Panels(_ref) {
     return renderedPanels;
   }, [destroyable, forceRender, items, activeKey, activatedKeys]);
   var styled = {
-    panels: {
-      0: {},
-      1: {
-        className: "musaex-1y9dh0z"
-      }
-    }[!!(panels.length > 0) << 0]
+    panels: stylex.props(panels.length > 0 && styles.default.panels.base)
   };
   return /*#__PURE__*/React.createElement("div", {
     className: className.stringify(classNames.panels, styled.panels.className),
@@ -70,12 +67,7 @@ var Panels = function Panels(_ref) {
     var key = _ref2.key,
       children = _ref2.children;
     var isActive = key === activeKey;
-    var panelStyled = {
-      0: {},
-      1: {
-        className: "musaex-1s85apg"
-      }
-    }[!!!isActive << 0];
+    var panelStyled = stylex.props(!isActive && styles.default.panel.hidden);
     return /*#__PURE__*/React.createElement("div", {
       key: key,
       className: className.stringify(classNames.panel, panelStyled.className),

package/dist/components/tabs/panels.mjs

@@ -1,5 +1,7 @@
 import _createForOfIteratorHelper from '@babel/runtime/helpers/createForOfIteratorHelper';
+import styles from './styles.mjs';
 import React, { useMemo } from 'react';
+import { props } from '../../node_modules/.pnpm/@stylexjs_stylex@0.19.0/node_modules/@stylexjs/stylex/lib/es/stylex.mjs';
 import { stringify } from '@aiszlab/relax/class-name';
 import { isUndefined } from '@aiszlab/relax';
 import { useTabsContext } from './hooks/use-tabs-context.mjs';
@@ -52,12 +54,7 @@ var Panels = function Panels(_ref) {
     return renderedPanels;
   }, [destroyable, forceRender, items, activeKey, activatedKeys]);
   var styled = {
-    panels: {
-      0: {},
-      1: {
-        className: "musaex-1y9dh0z"
-      }
-    }[!!(panels.length > 0) << 0]
+    panels: props(panels.length > 0 && styles.panels.base)
   };
   return /*#__PURE__*/React.createElement("div", {
     className: stringify(classNames.panels, styled.panels.className),
@@ -66,12 +63,7 @@ var Panels = function Panels(_ref) {
     var key = _ref2.key,
       children = _ref2.children;
     var isActive = key === activeKey;
-    var panelStyled = {
-      0: {},
-      1: {
-        className: "musaex-1s85apg"
-      }
-    }[!!!isActive << 0];
+    var panelStyled = props(!isActive && styles.panel.hidden);
     return /*#__PURE__*/React.createElement("div", {
       key: key,
       className: stringify(classNames.panel, panelStyled.className),

package/dist/components/tabs/styles.cjs

@@ -0,0 +1,99 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var navigation = {
+  base: {
+    kL6WhQ: "musaex-quqrak",
+    kt9PQ7: "musaex-d1xpcx",
+    kfdmCh: "musaex-1q0q8m5",
+    $$css: true
+  }
+};
+var navigator = {
+  base: {
+    kVAEAm: "musaex-1n2onr6",
+    kVQacm: "musaex-b3r6kr",
+    $$css: true
+  },
+  leading: {
+    kgeoSG: "musaex-10tli2e",
+    kEoFBp: "musaex-1hmns74",
+    kGOzcv: "musaex-1nc033x",
+    kSJ0CW: "musaex-1682cnc",
+    km8f2m: "musaex-kk1bqk",
+    kOlAkY: "musaex-1oz5qqk",
+    ktNmms: "musaex-91zhsk",
+    $$css: true
+  },
+  trailing: {
+    k5JduY: "musaex-100rkj9",
+    kwXMNM: "musaex-1j6awrg",
+    kSy8m5: "musaex-d54j2p",
+    kH8aOt: "musaex-1unh1gc",
+    kloYau: "musaex-2q1x1w",
+    kkgrvl: "musaex-39xywt",
+    kbMawA: "musaex-15cyge6",
+    $$css: true
+  }
+};
+var list = {
+  base: {
+    k1xSpc: "musaex-78zum5",
+    kzqmXN: "musaex-eq5yr9",
+    k3aq6I: "musaex-12eyqs9",
+    kmkexE: "musaex-bngzmg",
+    $$css: true
+  }
+};
+var indicator = {
+  base: {
+    kWkggS: "musaex-19fix8x",
+    kVAEAm: "musaex-10l6tqk",
+    krVfgx: "musaex-1c1gxxa",
+    kIxVMA: "musaex-421gk9",
+    ksF3WI: "musaex-4izuhl",
+    $$css: true
+  },
+  medium: {
+    kZKoxP: "musaex-rftw1c",
+    $$css: true
+  },
+  small: {
+    kZKoxP: "musaex-12yrczq",
+    $$css: true
+  },
+  large: {
+    kZKoxP: "musaex-rntz3j",
+    $$css: true
+  }
+};
+var panels = {
+  base: {
+    kmVPX3: "musaex-1y9dh0z",
+    $$css: true
+  }
+};
+var panel = {
+  hidden: {
+    k1xSpc: "musaex-1s85apg",
+    $$css: true
+  }
+};
+var tab = {
+  button: {
+    k7rxBM: "musaex-101nlry",
+    $$css: true
+  }
+};
+var styles = {
+  navigation: navigation,
+  navigator: navigator,
+  list: list,
+  indicator: indicator,
+  panels: panels,
+  panel: panel,
+  tab: tab
+};
+
+exports.default = styles;