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

package/dist/components/avatar/styles.cjs

@@ -0,0 +1,79 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var group = {
+  base: {
+    k1xSpc: "musaex-3nfvp2",
+    kfSwDN: "musaex-87ps6o",
+    $$css: true
+  }
+};
+var avatar = {
+  base: {
+    kMzoRj: "musaex-1iyq3db",
+    ksu8eU: "musaex-1y0btm7",
+    kVAM5u: "musaex-9r1u3d",
+    kB7OPa: "musaex-9f619",
+    kWkggS: "musaex-1ncffr6",
+    kMwMTN: "musaex-14qql8p",
+    kGNEyG: "musaex-6s0dn4",
+    kjj79g: "musaex-l56j7k",
+    kfSwDN: "musaex-87ps6o",
+    k1xSpc: "musaex-3nfvp2",
+    kXLuUW: "musaex-xymvpz",
+    kmuXW: "musaex-2lah0s",
+    $$css: true
+  },
+  overlapping: {
+    kgxsog: "musaex-e1706l",
+    kVAM5u: "musaex-o3pef4",
+    $$css: true
+  },
+  circular: {
+    kaIpWk: "musaex-shxsqp",
+    $$css: true
+  },
+  squared: {
+    kaIpWk: "musaex-db68te",
+    $$css: true
+  },
+  small: {
+    kzqmXN: "musaex-t4hhhd",
+    kZKoxP: "musaex-pvxov6",
+    $$css: true
+  },
+  medium: {
+    kzqmXN: "musaex-1po6ib",
+    kZKoxP: "musaex-1si1pn3",
+    $$css: true
+  },
+  large: {
+    kzqmXN: "musaex-19dbm5w",
+    kZKoxP: "musaex-12ez60q",
+    $$css: true
+  }
+};
+var loading = {
+  base: {
+    k1xSpc: "musaex-1rg5ohu",
+    kXLuUW: "musaex-xymvpz",
+    $$css: true
+  }
+};
+var image = {
+  base: {
+    kVIFPx: "musaex-l1xv1r",
+    kYDvB4: "musaex-1s8dy9j",
+    kaIpWk: "musaex-1pjcqnp",
+    $$css: true
+  }
+};
+var styles = {
+  group: group,
+  avatar: avatar,
+  loading: loading,
+  image: image
+};
+
+exports.default = styles;

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

@@ -0,0 +1,62 @@
+declare const styles: {
+    group: Readonly<{
+        readonly base: Readonly<{
+            readonly display: import("@stylexjs/stylex").StyleXClassNameFor<"display", "inline-flex">;
+            readonly userSelect: import("@stylexjs/stylex").StyleXClassNameFor<"userSelect", "none">;
+        }>;
+    }>;
+    avatar: Readonly<{
+        readonly base: Readonly<{
+            readonly borderWidth: import("@stylexjs/stylex").StyleXClassNameFor<"borderWidth", string>;
+            readonly borderStyle: import("@stylexjs/stylex").StyleXClassNameFor<"borderStyle", "solid">;
+            readonly borderColor: import("@stylexjs/stylex").StyleXClassNameFor<"borderColor", "transparent">;
+            readonly boxSizing: import("@stylexjs/stylex").StyleXClassNameFor<"boxSizing", "border-box">;
+            readonly backgroundColor: import("@stylexjs/stylex").StyleXClassNameFor<"backgroundColor", "var(--color-primary-container)">;
+            readonly color: import("@stylexjs/stylex").StyleXClassNameFor<"color", "var(--color-primary)">;
+            readonly alignItems: import("@stylexjs/stylex").StyleXClassNameFor<"alignItems", "center">;
+            readonly justifyContent: import("@stylexjs/stylex").StyleXClassNameFor<"justifyContent", "center">;
+            readonly userSelect: import("@stylexjs/stylex").StyleXClassNameFor<"userSelect", "none">;
+            readonly display: import("@stylexjs/stylex").StyleXClassNameFor<"display", "inline-flex">;
+            readonly verticalAlign: import("@stylexjs/stylex").StyleXClassNameFor<"verticalAlign", "middle">;
+            readonly flexShrink: import("@stylexjs/stylex").StyleXClassNameFor<"flexShrink", 0>;
+        }>;
+        readonly overlapping: Readonly<{
+            readonly ":not(:first-child)": import("@stylexjs/stylex").StyleXClassNameFor<":not(:first-child)", {
+                readonly marginInlineStart: `calc(${import("@stylexjs/stylex").StyleXVar<string>} * -1)`;
+            }>;
+            readonly borderColor: import("@stylexjs/stylex").StyleXClassNameFor<"borderColor", "var(--color-on-primary)">;
+        }>;
+        readonly circular: Readonly<{
+            readonly borderRadius: import("@stylexjs/stylex").StyleXClassNameFor<"borderRadius", string>;
+        }>;
+        readonly squared: Readonly<{
+            readonly borderRadius: import("@stylexjs/stylex").StyleXClassNameFor<"borderRadius", string>;
+        }>;
+        readonly small: Readonly<{
+            readonly width: import("@stylexjs/stylex").StyleXClassNameFor<"width", string>;
+            readonly height: import("@stylexjs/stylex").StyleXClassNameFor<"height", string>;
+        }>;
+        readonly medium: Readonly<{
+            readonly width: import("@stylexjs/stylex").StyleXClassNameFor<"width", string>;
+            readonly height: import("@stylexjs/stylex").StyleXClassNameFor<"height", string>;
+        }>;
+        readonly large: Readonly<{
+            readonly width: import("@stylexjs/stylex").StyleXClassNameFor<"width", string>;
+            readonly height: import("@stylexjs/stylex").StyleXClassNameFor<"height", string>;
+        }>;
+    }>;
+    loading: Readonly<{
+        readonly base: Readonly<{
+            readonly display: import("@stylexjs/stylex").StyleXClassNameFor<"display", "inline-block">;
+            readonly verticalAlign: import("@stylexjs/stylex").StyleXClassNameFor<"verticalAlign", "middle">;
+        }>;
+    }>;
+    image: Readonly<{
+        readonly base: Readonly<{
+            readonly objectFit: import("@stylexjs/stylex").StyleXClassNameFor<"objectFit", "cover">;
+            readonly objectPosition: import("@stylexjs/stylex").StyleXClassNameFor<"objectPosition", "center center">;
+            readonly borderRadius: import("@stylexjs/stylex").StyleXClassNameFor<"borderRadius", "inherit">;
+        }>;
+    }>;
+};
+export default styles;

package/dist/components/avatar/styles.mjs

@@ -0,0 +1,75 @@
+var group = {
+  base: {
+    k1xSpc: "musaex-3nfvp2",
+    kfSwDN: "musaex-87ps6o",
+    $$css: true
+  }
+};
+var avatar = {
+  base: {
+    kMzoRj: "musaex-1iyq3db",
+    ksu8eU: "musaex-1y0btm7",
+    kVAM5u: "musaex-9r1u3d",
+    kB7OPa: "musaex-9f619",
+    kWkggS: "musaex-1ncffr6",
+    kMwMTN: "musaex-14qql8p",
+    kGNEyG: "musaex-6s0dn4",
+    kjj79g: "musaex-l56j7k",
+    kfSwDN: "musaex-87ps6o",
+    k1xSpc: "musaex-3nfvp2",
+    kXLuUW: "musaex-xymvpz",
+    kmuXW: "musaex-2lah0s",
+    $$css: true
+  },
+  overlapping: {
+    kgxsog: "musaex-e1706l",
+    kVAM5u: "musaex-o3pef4",
+    $$css: true
+  },
+  circular: {
+    kaIpWk: "musaex-shxsqp",
+    $$css: true
+  },
+  squared: {
+    kaIpWk: "musaex-db68te",
+    $$css: true
+  },
+  small: {
+    kzqmXN: "musaex-t4hhhd",
+    kZKoxP: "musaex-pvxov6",
+    $$css: true
+  },
+  medium: {
+    kzqmXN: "musaex-1po6ib",
+    kZKoxP: "musaex-1si1pn3",
+    $$css: true
+  },
+  large: {
+    kzqmXN: "musaex-19dbm5w",
+    kZKoxP: "musaex-12ez60q",
+    $$css: true
+  }
+};
+var loading = {
+  base: {
+    k1xSpc: "musaex-1rg5ohu",
+    kXLuUW: "musaex-xymvpz",
+    $$css: true
+  }
+};
+var image = {
+  base: {
+    kVIFPx: "musaex-l1xv1r",
+    kYDvB4: "musaex-1s8dy9j",
+    kaIpWk: "musaex-1pjcqnp",
+    $$css: true
+  }
+};
+var styles = {
+  group: group,
+  avatar: avatar,
+  loading: loading,
+  image: image
+};
+
+export { styles as default };

package/dist/components/badge/badge.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 useClassNames = require('../../hooks/use-class-names.cjs');
 var stylex = require('../../node_modules/.pnpm/@stylexjs_stylex@0.19.0/node_modules/@stylexjs/stylex/lib/es/stylex.cjs');
@@ -12,54 +13,6 @@ var relax = require('@aiszlab/relax');
 var className = require('@aiszlab/relax/class-name');
 var context = require('./context.cjs');
 
-var styles = {
-  tail: {
-    "default": {
-      kVAEAm: "musaex-10l6tqk",
-      kaIpWk: "musaex-shxsqp",
-      k7Eaqz: "musaex-d9398k",
-      k9WMMc: "musaex-2b8uid",
-      kGVxlE: "musaex-bxw2on",
-      kWkggS: "musaex-19fix8x",
-      kMwMTN: "musaex-1szb5uh",
-      $$css: true
-    },
-    dot: {
-      k7Eaqz: null,
-      kzqmXN: "musaex-11mouiv",
-      kZKoxP: "musaex-1svyby3",
-      $$css: true
-    },
-    invisible: {
-      k1xSpc: "musaex-1s85apg",
-      $$css: true
-    },
-    "top-right": {
-      k87sOh: "musaex-13vifvy",
-      kCIrl2: "musaex-3m8u43",
-      k3aq6I: "musaex-rycbv3",
-      $$css: true
-    },
-    "top-left": {
-      k87sOh: "musaex-13vifvy",
-      kbCHJM: "musaex-u96u03",
-      k3aq6I: "musaex-1i3z1r0",
-      $$css: true
-    },
-    "bottom-right": {
-      krVfgx: "musaex-1ey2m1c",
-      kCIrl2: "musaex-3m8u43",
-      k3aq6I: "musaex-1vfo23u",
-      $$css: true
-    },
-    "bottom-left": {
-      krVfgx: "musaex-1ey2m1c",
-      kbCHJM: "musaex-u96u03",
-      k3aq6I: "musaex-itovws",
-      $$css: true
-    }
-  }
-};
 var Badge = function Badge(_ref) {
   var className$1 = _ref.className,
     style = _ref.style,
@@ -73,10 +26,8 @@ var Badge = function Badge(_ref) {
   var theme$1 = hooks.useTheme();
   var isDot = relax.isVoid(content);
   var styled = {
-    badge: {
-      className: "musaex-1n2onr6 musaex-3nfvp2"
-    },
-    tail: stylex.props(styles.tail["default"], isDot && styles.tail.dot, theme.$label.small, invisible && styles.tail.invisible, styles.tail[placement])
+    badge: stylex.props(styles.default.badge.base),
+    tail: stylex.props(styles.default.tail.base, isDot && styles.default.tail.dot, theme.$label.small, invisible && styles.default.tail.invisible, styles.default.tail[placement])
   };
   return /*#__PURE__*/React.createElement("span", {
     className: className.stringify(classNames.badge, className$1, styled.badge.className),

package/dist/components/badge/badge.mjs

@@ -1,4 +1,5 @@
 import _objectSpread from '@babel/runtime/helpers/objectSpread2';
+import styles from './styles.mjs';
 import React from 'react';
 import { useClassNames } from '../../hooks/use-class-names.mjs';
 import { props } from '../../node_modules/.pnpm/@stylexjs_stylex@0.19.0/node_modules/@stylexjs/stylex/lib/es/stylex.mjs';
@@ -8,54 +9,6 @@ import { isVoid } from '@aiszlab/relax';
 import { stringify } from '@aiszlab/relax/class-name';
 import { CLASS_NAMES } from './context.mjs';
 
-var styles = {
-  tail: {
-    "default": {
-      kVAEAm: "musaex-10l6tqk",
-      kaIpWk: "musaex-shxsqp",
-      k7Eaqz: "musaex-d9398k",
-      k9WMMc: "musaex-2b8uid",
-      kGVxlE: "musaex-bxw2on",
-      kWkggS: "musaex-19fix8x",
-      kMwMTN: "musaex-1szb5uh",
-      $$css: true
-    },
-    dot: {
-      k7Eaqz: null,
-      kzqmXN: "musaex-11mouiv",
-      kZKoxP: "musaex-1svyby3",
-      $$css: true
-    },
-    invisible: {
-      k1xSpc: "musaex-1s85apg",
-      $$css: true
-    },
-    "top-right": {
-      k87sOh: "musaex-13vifvy",
-      kCIrl2: "musaex-3m8u43",
-      k3aq6I: "musaex-rycbv3",
-      $$css: true
-    },
-    "top-left": {
-      k87sOh: "musaex-13vifvy",
-      kbCHJM: "musaex-u96u03",
-      k3aq6I: "musaex-1i3z1r0",
-      $$css: true
-    },
-    "bottom-right": {
-      krVfgx: "musaex-1ey2m1c",
-      kCIrl2: "musaex-3m8u43",
-      k3aq6I: "musaex-1vfo23u",
-      $$css: true
-    },
-    "bottom-left": {
-      krVfgx: "musaex-1ey2m1c",
-      kbCHJM: "musaex-u96u03",
-      k3aq6I: "musaex-itovws",
-      $$css: true
-    }
-  }
-};
 var Badge = function Badge(_ref) {
   var className = _ref.className,
     style = _ref.style,
@@ -69,10 +22,8 @@ var Badge = function Badge(_ref) {
   var theme = useTheme();
   var isDot = isVoid(content);
   var styled = {
-    badge: {
-      className: "musaex-1n2onr6 musaex-3nfvp2"
-    },
-    tail: props(styles.tail["default"], isDot && styles.tail.dot, $label.small, invisible && styles.tail.invisible, styles.tail[placement])
+    badge: props(styles.badge.base),
+    tail: props(styles.tail.base, isDot && styles.tail.dot, $label.small, invisible && styles.tail.invisible, styles.tail[placement])
   };
   return /*#__PURE__*/React.createElement("span", {
     className: stringify(classNames.badge, className, styled.badge.className),

package/dist/components/badge/styles.cjs

@@ -0,0 +1,63 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var badge = {
+  base: {
+    kVAEAm: "musaex-1n2onr6",
+    k1xSpc: "musaex-3nfvp2",
+    $$css: true
+  }
+};
+var tail = {
+  base: {
+    kVAEAm: "musaex-10l6tqk",
+    kaIpWk: "musaex-shxsqp",
+    k7Eaqz: "musaex-d9398k",
+    k9WMMc: "musaex-2b8uid",
+    kGVxlE: "musaex-bxw2on",
+    kWkggS: "musaex-19fix8x",
+    kMwMTN: "musaex-1szb5uh",
+    $$css: true
+  },
+  dot: {
+    k7Eaqz: null,
+    kzqmXN: "musaex-11mouiv",
+    kZKoxP: "musaex-1svyby3",
+    $$css: true
+  },
+  invisible: {
+    k1xSpc: "musaex-1s85apg",
+    $$css: true
+  },
+  "top-right": {
+    k87sOh: "musaex-13vifvy",
+    kCIrl2: "musaex-3m8u43",
+    k3aq6I: "musaex-rycbv3",
+    $$css: true
+  },
+  "top-left": {
+    k87sOh: "musaex-13vifvy",
+    kbCHJM: "musaex-u96u03",
+    k3aq6I: "musaex-1i3z1r0",
+    $$css: true
+  },
+  "bottom-right": {
+    krVfgx: "musaex-1ey2m1c",
+    kCIrl2: "musaex-3m8u43",
+    k3aq6I: "musaex-1vfo23u",
+    $$css: true
+  },
+  "bottom-left": {
+    krVfgx: "musaex-1ey2m1c",
+    kbCHJM: "musaex-u96u03",
+    k3aq6I: "musaex-itovws",
+    $$css: true
+  }
+};
+var styles = {
+  badge: badge,
+  tail: tail
+};
+
+exports.default = styles;

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

@@ -0,0 +1,48 @@
+declare const styles: {
+    badge: Readonly<{
+        readonly base: Readonly<{
+            readonly position: import("@stylexjs/stylex").StyleXClassNameFor<"position", "relative">;
+            readonly display: import("@stylexjs/stylex").StyleXClassNameFor<"display", "inline-flex">;
+        }>;
+    }>;
+    tail: Readonly<{
+        readonly base: Readonly<{
+            readonly position: import("@stylexjs/stylex").StyleXClassNameFor<"position", "absolute">;
+            readonly borderRadius: import("@stylexjs/stylex").StyleXClassNameFor<"borderRadius", string>;
+            readonly minWidth: import("@stylexjs/stylex").StyleXClassNameFor<"minWidth", string>;
+            readonly textAlign: import("@stylexjs/stylex").StyleXClassNameFor<"textAlign", "center">;
+            readonly boxShadow: import("@stylexjs/stylex").StyleXClassNameFor<"boxShadow", `0 0 0 ${import("@stylexjs/stylex").StyleXVar<string>} var(--color-on-primary)`>;
+            readonly backgroundColor: import("@stylexjs/stylex").StyleXClassNameFor<"backgroundColor", "var(--color-primary)">;
+            readonly color: import("@stylexjs/stylex").StyleXClassNameFor<"color", "var(--color-on-primary)">;
+        }>;
+        readonly dot: Readonly<{
+            readonly minWidth: import("@stylexjs/stylex").StyleXClassNameFor<"minWidth", null>;
+            readonly width: import("@stylexjs/stylex").StyleXClassNameFor<"width", string>;
+            readonly height: import("@stylexjs/stylex").StyleXClassNameFor<"height", string>;
+        }>;
+        readonly invisible: Readonly<{
+            readonly display: import("@stylexjs/stylex").StyleXClassNameFor<"display", "none">;
+        }>;
+        readonly "top-right": Readonly<{
+            readonly top: import("@stylexjs/stylex").StyleXClassNameFor<"top", 0>;
+            readonly right: import("@stylexjs/stylex").StyleXClassNameFor<"right", 0>;
+            readonly transform: import("@stylexjs/stylex").StyleXClassNameFor<"transform", "translateX(50%) translateY(-50%)">;
+        }>;
+        readonly "top-left": Readonly<{
+            readonly top: import("@stylexjs/stylex").StyleXClassNameFor<"top", 0>;
+            readonly left: import("@stylexjs/stylex").StyleXClassNameFor<"left", 0>;
+            readonly transform: import("@stylexjs/stylex").StyleXClassNameFor<"transform", "translateX(-50%) translateY(-50%)">;
+        }>;
+        readonly "bottom-right": Readonly<{
+            readonly bottom: import("@stylexjs/stylex").StyleXClassNameFor<"bottom", 0>;
+            readonly right: import("@stylexjs/stylex").StyleXClassNameFor<"right", 0>;
+            readonly transform: import("@stylexjs/stylex").StyleXClassNameFor<"transform", "translateX(50%) translateY(50%)">;
+        }>;
+        readonly "bottom-left": Readonly<{
+            readonly bottom: import("@stylexjs/stylex").StyleXClassNameFor<"bottom", 0>;
+            readonly left: import("@stylexjs/stylex").StyleXClassNameFor<"left", 0>;
+            readonly transform: import("@stylexjs/stylex").StyleXClassNameFor<"transform", "translateX(-50%) translateY(50%)">;
+        }>;
+    }>;
+};
+export default styles;

package/dist/components/badge/styles.mjs

@@ -0,0 +1,59 @@
+var badge = {
+  base: {
+    kVAEAm: "musaex-1n2onr6",
+    k1xSpc: "musaex-3nfvp2",
+    $$css: true
+  }
+};
+var tail = {
+  base: {
+    kVAEAm: "musaex-10l6tqk",
+    kaIpWk: "musaex-shxsqp",
+    k7Eaqz: "musaex-d9398k",
+    k9WMMc: "musaex-2b8uid",
+    kGVxlE: "musaex-bxw2on",
+    kWkggS: "musaex-19fix8x",
+    kMwMTN: "musaex-1szb5uh",
+    $$css: true
+  },
+  dot: {
+    k7Eaqz: null,
+    kzqmXN: "musaex-11mouiv",
+    kZKoxP: "musaex-1svyby3",
+    $$css: true
+  },
+  invisible: {
+    k1xSpc: "musaex-1s85apg",
+    $$css: true
+  },
+  "top-right": {
+    k87sOh: "musaex-13vifvy",
+    kCIrl2: "musaex-3m8u43",
+    k3aq6I: "musaex-rycbv3",
+    $$css: true
+  },
+  "top-left": {
+    k87sOh: "musaex-13vifvy",
+    kbCHJM: "musaex-u96u03",
+    k3aq6I: "musaex-1i3z1r0",
+    $$css: true
+  },
+  "bottom-right": {
+    krVfgx: "musaex-1ey2m1c",
+    kCIrl2: "musaex-3m8u43",
+    k3aq6I: "musaex-1vfo23u",
+    $$css: true
+  },
+  "bottom-left": {
+    krVfgx: "musaex-1ey2m1c",
+    kbCHJM: "musaex-u96u03",
+    k3aq6I: "musaex-itovws",
+    $$css: true
+  }
+};
+var styles = {
+  badge: badge,
+  tail: tail
+};
+
+export { styles as default };

package/dist/components/bench/bench.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 hooks = require('./hooks.cjs');
@@ -16,17 +17,6 @@ var index = require('../layout/index.cjs');
 var menuOpen = require('../icon/icons/navigation/menu-open.cjs');
 var menu$1 = require('../icon/icons/navigation/menu.cjs');
 
-var styles = {
-  heading: {
-    "default": {
-      $$css: true
-    },
-    collapsed: {
-      kjj79g: "musaex-l56j7k",
-      kg3NbH: "musaex-2961ne",
-      $$css: true
-    }
-  }};
 var Bench = function Bench(_ref) {
   var children = _ref.children,
     title = _ref.title,
@@ -74,40 +64,15 @@ var Bench = function Bench(_ref) {
     sidebarMenuItems = _useMenuItems.sidebar,
     hasSidebar = _useMenuItems.hasSidebar;
   var styled = {
-    bench: {
-      0: {
-        className: "musaex-n9wirt musaex-1dr59a3 musaex-rvj5dj musaex-uc9tuw musaex-1rkj9a3 musaex-7hfw76 musaex-1dg6om"
-      },
-      1: {
-        className: "musaex-n9wirt musaex-1dr59a3 musaex-rvj5dj musaex-uc9tuw musaex-7hfw76 musaex-1dg6om musaex-15ta1fy"
-      }
-    }[!!isCollapsed << 0],
-    heading: stylex.props(theme.$title.large, styles.heading["default"], isCollapsed && styles.heading.collapsed),
-    header: {},
-    sidebar: {
-      0: {},
-      1: {
-        className: "musaex-2961ne musaex-5jv616 musaex-1nxu92g musaex-78zum5 musaex-dt5ytf musaex-6s0dn4"
-      }
-    }[!!isCollapsed << 0],
-    menu: {
-      0: {
-        className: "musaex-b3r6kr"
-      },
-      1: {
-        className: "musaex-b3r6kr musaex-eq5yr9"
-      }
-    }[!!isCollapsed << 0],
-    trailing: {
-      className: "musaex-78zum5 musaex-1wm2zkp musaex-3qhtz4"
-    },
-    main: {},
-    collapser: {
-      className: "musaex-vc5jky"
-    },
-    expander: {
-      className: "musaex-1pultth musaex-92755x musaex-78zum5 musaex-l56j7k musaex-g98ter musaex-1r8uzkf musaex-k59kd musaex-uvson1 musaex-1y0btm7 musaex-axmpxa"
-    },
+    bench: stylex.props(styles.default.bench.base, isCollapsed && styles.default.bench.collapsed),
+    heading: stylex.props(theme.$title.large, styles.default.heading.base, isCollapsed && styles.default.heading.collapsed),
+    header: stylex.props(styles.default.header.base),
+    sidebar: stylex.props(styles.default.sidebar.base, isCollapsed && styles.default.sidebar.collapsed),
+    menu: stylex.props(styles.default.menu.base, isCollapsed && styles.default.menu.collapsed),
+    trailing: stylex.props(styles.default.trailing.base),
+    main: stylex.props(styles.default.main.base),
+    collapser: stylex.props(styles.default.collapser.base),
+    expander: stylex.props(styles.default.expander.base),
     title: stylex.props(theme.$title.large)
   };
   return /*#__PURE__*/React.createElement(index.Layout, {