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

package/dist/components/bench/bench.mjs

@@ -1,4 +1,5 @@
 import _objectSpread from '@babel/runtime/helpers/objectSpread2';
+import styles from './styles.mjs';
 import React from 'react';
 import { props } from '../../node_modules/.pnpm/@stylexjs_stylex@0.19.0/node_modules/@stylexjs/stylex/lib/es/stylex.mjs';
 import { useLogo, useNavigations, useMenuKeys, useMenuItems } from './hooks.mjs';
@@ -12,17 +13,6 @@ import { Layout } from '../layout/index.mjs';
 import IconMenuOpen from '../icon/icons/navigation/menu-open.mjs';
 import IconMenu from '../icon/icons/navigation/menu.mjs';
 
-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,
@@ -70,40 +60,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: props($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: props(styles.bench.base, isCollapsed && styles.bench.collapsed),
+    heading: props($title.large, styles.heading.base, isCollapsed && styles.heading.collapsed),
+    header: props(styles.header.base),
+    sidebar: props(styles.sidebar.base, isCollapsed && styles.sidebar.collapsed),
+    menu: props(styles.menu.base, isCollapsed && styles.menu.collapsed),
+    trailing: props(styles.trailing.base),
+    main: props(styles.main.base),
+    collapser: props(styles.collapser.base),
+    expander: props(styles.expander.base),
     title: props($title.large)
   };
   return /*#__PURE__*/React.createElement(Layout, {

package/dist/components/bench/styles.cjs

@@ -0,0 +1,106 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var bench = {
+  base: {
+    kzqmXN: "musaex-n9wirt",
+    kZKoxP: "musaex-1dr59a3",
+    k1xSpc: "musaex-rvj5dj",
+    k9llMU: "musaex-uc9tuw",
+    kumcoG: "musaex-1rkj9a3",
+    k1ekBW: "musaex-7hfw76",
+    kIyJzY: "musaex-1dg6om",
+    $$css: true
+  },
+  collapsed: {
+    kumcoG: "musaex-15ta1fy",
+    $$css: true
+  }
+};
+var heading = {
+  base: {
+    $$css: true
+  },
+  collapsed: {
+    kjj79g: "musaex-l56j7k",
+    kg3NbH: "musaex-2961ne",
+    $$css: true
+  }
+};
+var collapser = {
+  base: {
+    keTefX: "musaex-vc5jky",
+    $$css: true
+  }
+};
+var header = {
+  base: {
+    $$css: true
+  }
+};
+var trailing = {
+  base: {
+    k1xSpc: "musaex-78zum5",
+    kOIVth: "musaex-1wm2zkp",
+    keTefX: "musaex-3qhtz4",
+    $$css: true
+  }
+};
+var sidebar = {
+  base: {
+    $$css: true
+  },
+  collapsed: {
+    kg3NbH: "musaex-2961ne",
+    kGO01o: "musaex-5jv616",
+    kLKAdn: "musaex-1nxu92g",
+    k1xSpc: "musaex-78zum5",
+    kXwgrk: "musaex-dt5ytf",
+    kGNEyG: "musaex-6s0dn4",
+    $$css: true
+  }
+};
+var menu = {
+  base: {
+    kVQacm: "musaex-b3r6kr",
+    $$css: true
+  },
+  collapsed: {
+    kzqmXN: "musaex-eq5yr9",
+    $$css: true
+  }
+};
+var expander = {
+  base: {
+    kJuA4N: "musaex-1pultth",
+    kzqmXN: "musaex-92755x",
+    k1xSpc: "musaex-78zum5",
+    kjj79g: "musaex-l56j7k",
+    k8WAf4: "musaex-g98ter",
+    keoZOQ: "musaex-1r8uzkf",
+    kMzoRj: "musaex-k59kd",
+    kEafiO: "musaex-uvson1",
+    ksu8eU: "musaex-1y0btm7",
+    kVAM5u: "musaex-axmpxa",
+    $$css: true
+  }
+};
+var main = {
+  base: {
+    $$css: true
+  }
+};
+var styles = {
+  bench: bench,
+  heading: heading,
+  collapser: collapser,
+  header: header,
+  trailing: trailing,
+  sidebar: sidebar,
+  menu: menu,
+  expander: expander,
+  main: main
+};
+
+exports.default = styles;

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

@@ -0,0 +1,75 @@
+declare const styles: {
+    bench: Readonly<{
+        readonly base: Readonly<{
+            readonly width: import("@stylexjs/stylex").StyleXClassNameFor<"width", "100vw">;
+            readonly height: import("@stylexjs/stylex").StyleXClassNameFor<"height", "100vh">;
+            readonly display: import("@stylexjs/stylex").StyleXClassNameFor<"display", "grid">;
+            readonly gridTemplateRows: import("@stylexjs/stylex").StyleXClassNameFor<"gridTemplateRows", `${import("@stylexjs/stylex").StyleXVar<string>} ${import("@stylexjs/stylex").StyleXVar<string>} ${import("@stylexjs/stylex").StyleXVar<string>}`>;
+            readonly gridTemplateColumns: import("@stylexjs/stylex").StyleXClassNameFor<"gridTemplateColumns", `${import("@stylexjs/stylex").StyleXVar<string>} ${import("@stylexjs/stylex").StyleXVar<string>}`>;
+            readonly transitionProperty: import("@stylexjs/stylex").StyleXClassNameFor<"transitionProperty", "grid-template-columns">;
+            readonly transitionDuration: import("@stylexjs/stylex").StyleXClassNameFor<"transitionDuration", string>;
+        }>;
+        readonly collapsed: Readonly<{
+            readonly gridTemplateColumns: import("@stylexjs/stylex").StyleXClassNameFor<"gridTemplateColumns", `${import("@stylexjs/stylex").StyleXVar<string>} ${import("@stylexjs/stylex").StyleXVar<string>}`>;
+        }>;
+    }>;
+    heading: Readonly<{
+        readonly base: Readonly<{}>;
+        readonly collapsed: Readonly<{
+            readonly justifyContent: import("@stylexjs/stylex").StyleXClassNameFor<"justifyContent", "center">;
+            readonly paddingInline: import("@stylexjs/stylex").StyleXClassNameFor<"paddingInline", string>;
+        }>;
+    }>;
+    collapser: Readonly<{
+        readonly base: Readonly<{
+            readonly marginInlineStart: import("@stylexjs/stylex").StyleXClassNameFor<"marginInlineStart", "auto">;
+        }>;
+    }>;
+    header: Readonly<{
+        readonly base: Readonly<{}>;
+    }>;
+    trailing: Readonly<{
+        readonly base: Readonly<{
+            readonly display: import("@stylexjs/stylex").StyleXClassNameFor<"display", "flex">;
+            readonly gap: import("@stylexjs/stylex").StyleXClassNameFor<"gap", string>;
+            readonly marginInlineStart: import("@stylexjs/stylex").StyleXClassNameFor<"marginInlineStart", string>;
+        }>;
+    }>;
+    sidebar: Readonly<{
+        readonly base: Readonly<{}>;
+        readonly collapsed: Readonly<{
+            readonly paddingInline: import("@stylexjs/stylex").StyleXClassNameFor<"paddingInline", string>;
+            readonly paddingBlockEnd: import("@stylexjs/stylex").StyleXClassNameFor<"paddingBlockEnd", string>;
+            readonly paddingBlockStart: import("@stylexjs/stylex").StyleXClassNameFor<"paddingBlockStart", string>;
+            readonly display: import("@stylexjs/stylex").StyleXClassNameFor<"display", "flex">;
+            readonly flexDirection: import("@stylexjs/stylex").StyleXClassNameFor<"flexDirection", "column">;
+            readonly alignItems: import("@stylexjs/stylex").StyleXClassNameFor<"alignItems", "center">;
+        }>;
+    }>;
+    menu: Readonly<{
+        readonly base: Readonly<{
+            readonly overflow: import("@stylexjs/stylex").StyleXClassNameFor<"overflow", "hidden">;
+        }>;
+        readonly collapsed: Readonly<{
+            readonly width: import("@stylexjs/stylex").StyleXClassNameFor<"width", "fit-content">;
+        }>;
+    }>;
+    expander: Readonly<{
+        readonly base: Readonly<{
+            readonly gridArea: import("@stylexjs/stylex").StyleXClassNameFor<"gridArea", "expander">;
+            readonly width: import("@stylexjs/stylex").StyleXClassNameFor<"width", string>;
+            readonly display: import("@stylexjs/stylex").StyleXClassNameFor<"display", "flex">;
+            readonly justifyContent: import("@stylexjs/stylex").StyleXClassNameFor<"justifyContent", "center">;
+            readonly paddingBlock: import("@stylexjs/stylex").StyleXClassNameFor<"paddingBlock", string>;
+            readonly marginBlockStart: import("@stylexjs/stylex").StyleXClassNameFor<"marginBlockStart", string>;
+            readonly borderWidth: import("@stylexjs/stylex").StyleXClassNameFor<"borderWidth", string>;
+            readonly borderTopWidth: import("@stylexjs/stylex").StyleXClassNameFor<"borderTopWidth", string>;
+            readonly borderStyle: import("@stylexjs/stylex").StyleXClassNameFor<"borderStyle", "solid">;
+            readonly borderColor: import("@stylexjs/stylex").StyleXClassNameFor<"borderColor", "var(--color-outline-variant)">;
+        }>;
+    }>;
+    main: Readonly<{
+        readonly base: Readonly<{}>;
+    }>;
+};
+export default styles;

package/dist/components/bench/styles.mjs

@@ -0,0 +1,102 @@
+var bench = {
+  base: {
+    kzqmXN: "musaex-n9wirt",
+    kZKoxP: "musaex-1dr59a3",
+    k1xSpc: "musaex-rvj5dj",
+    k9llMU: "musaex-uc9tuw",
+    kumcoG: "musaex-1rkj9a3",
+    k1ekBW: "musaex-7hfw76",
+    kIyJzY: "musaex-1dg6om",
+    $$css: true
+  },
+  collapsed: {
+    kumcoG: "musaex-15ta1fy",
+    $$css: true
+  }
+};
+var heading = {
+  base: {
+    $$css: true
+  },
+  collapsed: {
+    kjj79g: "musaex-l56j7k",
+    kg3NbH: "musaex-2961ne",
+    $$css: true
+  }
+};
+var collapser = {
+  base: {
+    keTefX: "musaex-vc5jky",
+    $$css: true
+  }
+};
+var header = {
+  base: {
+    $$css: true
+  }
+};
+var trailing = {
+  base: {
+    k1xSpc: "musaex-78zum5",
+    kOIVth: "musaex-1wm2zkp",
+    keTefX: "musaex-3qhtz4",
+    $$css: true
+  }
+};
+var sidebar = {
+  base: {
+    $$css: true
+  },
+  collapsed: {
+    kg3NbH: "musaex-2961ne",
+    kGO01o: "musaex-5jv616",
+    kLKAdn: "musaex-1nxu92g",
+    k1xSpc: "musaex-78zum5",
+    kXwgrk: "musaex-dt5ytf",
+    kGNEyG: "musaex-6s0dn4",
+    $$css: true
+  }
+};
+var menu = {
+  base: {
+    kVQacm: "musaex-b3r6kr",
+    $$css: true
+  },
+  collapsed: {
+    kzqmXN: "musaex-eq5yr9",
+    $$css: true
+  }
+};
+var expander = {
+  base: {
+    kJuA4N: "musaex-1pultth",
+    kzqmXN: "musaex-92755x",
+    k1xSpc: "musaex-78zum5",
+    kjj79g: "musaex-l56j7k",
+    k8WAf4: "musaex-g98ter",
+    keoZOQ: "musaex-1r8uzkf",
+    kMzoRj: "musaex-k59kd",
+    kEafiO: "musaex-uvson1",
+    ksu8eU: "musaex-1y0btm7",
+    kVAM5u: "musaex-axmpxa",
+    $$css: true
+  }
+};
+var main = {
+  base: {
+    $$css: true
+  }
+};
+var styles = {
+  bench: bench,
+  heading: heading,
+  collapser: collapser,
+  header: header,
+  trailing: trailing,
+  sidebar: sidebar,
+  menu: menu,
+  expander: expander,
+  main: main
+};
+
+export { styles as default };

package/dist/components/bottom-sheet/bottom-sheet.cjs

@@ -3,20 +3,15 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
-var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+var styles = require('./styles.cjs');
 var React = require('react');
 var sheet = require('../sheet/sheet.cjs');
 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');
 var className = require('@aiszlab/relax/class-name');
 var useThemeColorVars = require('../../hooks/use-theme-color-vars.cjs');
 var context = require('./context.cjs');
 
-var _excluded = ["open", "height", "closable", "modal"];
-/**
- * @zh BottomSheet 专用样式：居中的拖拽手柄条，以及面板背景和圆角。
- * @en BottomSheet-specific styles: a centered drag handle pill, and panel background/border-radius.
- */
-
 /**
  * @zh BottomSheet 组件。从底部滑入的模态面板，带有拖拽手柄指示器。
  * 基于共享的 Sheet 基础组件构建。
@@ -24,23 +19,25 @@ var _excluded = ["open", "height", "closable", "modal"];
  * with a drag handle indicator. Built on the shared Sheet base component.
  */
 var BottomSheet = function BottomSheet(_ref) {
-  var open = _ref.open,
+  var _ref$open = _ref.open,
+    open = _ref$open === void 0 ? false : _ref$open,
     _ref$height = _ref.height,
     height = _ref$height === void 0 ? "50vh" : _ref$height,
     _ref$closable = _ref.closable,
     closable = _ref$closable === void 0 ? true : _ref$closable,
     _ref$modal = _ref.modal,
     modal = _ref$modal === void 0 ? true : _ref$modal,
-    props = _objectWithoutProperties(_ref, _excluded);
+    onClose = _ref.onClose,
+    className$1 = _ref.className,
+    style = _ref.style,
+    panelClassName = _ref.panelClassName,
+    panelStyle = _ref.panelStyle,
+    children = _ref.children;
   var classNames = useClassNames.useClassNames(context.CLASS_NAMES);
   var themeColorVars = useThemeColorVars.useThemeColorVars(["on-surface-variant"]);
   var styled = {
-    handle: {
-      className: "musaex-1po6ib musaex-rntz3j musaex-1xa9b2s musaex-9ip8r5 musaex-1eodh35 musaex-19i5tse musaex-vueqy4 musaex-2lah0s"
-    },
-    panel: {
-      className: "musaex-17o6occ musaex-zbxit7 musaex-1ei9pc5 musaex-15q9lfd"
-    }
+    handle: stylex.props(styles.default.handle),
+    panel: stylex.props(styles.default.panel)
   };
   /**
    * @zh BottomSheet 专用头部：居中的拖拽手柄条。
@@ -56,11 +53,13 @@ var BottomSheet = function BottomSheet(_ref) {
     size: height,
     closable: closable,
     modal: modal,
-    onClose: props.onClose,
-    className: classNames.sheet,
+    onClose: onClose,
+    className: className.stringify(classNames.sheet, className$1),
+    style: style,
     header: header,
-    panelClassName: styled.panel.className
-  }, props.children);
+    panelClassName: className.stringify(styled.panel.className, panelClassName),
+    panelStyle: _objectSpread(_objectSpread({}, styled.panel.style), panelStyle)
+  }, children);
 };
 
 exports.default = BottomSheet;

package/dist/components/bottom-sheet/bottom-sheet.d.ts

@@ -6,5 +6,5 @@ import type { BottomSheetProps } from "../../types/bottom-sheet";
  * @en BottomSheet component. A modal panel that slides up from the bottom
  * with a drag handle indicator. Built on the shared Sheet base component.
  */
-declare const BottomSheet: ({ open, height, closable, modal, ...props }: BottomSheetProps) => React.JSX.Element;
+declare const BottomSheet: ({ open, height, closable, modal, onClose, className, style, panelClassName, panelStyle, children, }: BottomSheetProps) => React.JSX.Element;
 export default BottomSheet;

package/dist/components/bottom-sheet/bottom-sheet.mjs

@@ -1,18 +1,13 @@
 import _objectSpread from '@babel/runtime/helpers/objectSpread2';
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import styles from './styles.mjs';
 import React from 'react';
 import Sheet from '../sheet/sheet.mjs';
 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';
 import { stringify } from '@aiszlab/relax/class-name';
 import { useThemeColorVars } from '../../hooks/use-theme-color-vars.mjs';
 import { CLASS_NAMES } from './context.mjs';
 
-var _excluded = ["open", "height", "closable", "modal"];
-/**
- * @zh BottomSheet 专用样式：居中的拖拽手柄条，以及面板背景和圆角。
- * @en BottomSheet-specific styles: a centered drag handle pill, and panel background/border-radius.
- */
-
 /**
  * @zh BottomSheet 组件。从底部滑入的模态面板，带有拖拽手柄指示器。
  * 基于共享的 Sheet 基础组件构建。
@@ -20,23 +15,25 @@ var _excluded = ["open", "height", "closable", "modal"];
  * with a drag handle indicator. Built on the shared Sheet base component.
  */
 var BottomSheet = function BottomSheet(_ref) {
-  var open = _ref.open,
+  var _ref$open = _ref.open,
+    open = _ref$open === void 0 ? false : _ref$open,
     _ref$height = _ref.height,
     height = _ref$height === void 0 ? "50vh" : _ref$height,
     _ref$closable = _ref.closable,
     closable = _ref$closable === void 0 ? true : _ref$closable,
     _ref$modal = _ref.modal,
     modal = _ref$modal === void 0 ? true : _ref$modal,
-    props = _objectWithoutProperties(_ref, _excluded);
+    onClose = _ref.onClose,
+    className = _ref.className,
+    style = _ref.style,
+    panelClassName = _ref.panelClassName,
+    panelStyle = _ref.panelStyle,
+    children = _ref.children;
   var classNames = useClassNames(CLASS_NAMES);
   var themeColorVars = useThemeColorVars(["on-surface-variant"]);
   var styled = {
-    handle: {
-      className: "musaex-1po6ib musaex-rntz3j musaex-1xa9b2s musaex-9ip8r5 musaex-1eodh35 musaex-19i5tse musaex-vueqy4 musaex-2lah0s"
-    },
-    panel: {
-      className: "musaex-17o6occ musaex-zbxit7 musaex-1ei9pc5 musaex-15q9lfd"
-    }
+    handle: props(styles.handle),
+    panel: props(styles.panel)
   };
   /**
    * @zh BottomSheet 专用头部：居中的拖拽手柄条。
@@ -52,11 +49,13 @@ var BottomSheet = function BottomSheet(_ref) {
     size: height,
     closable: closable,
     modal: modal,
-    onClose: props.onClose,
-    className: classNames.sheet,
+    onClose: onClose,
+    className: stringify(classNames.sheet, className),
+    style: style,
     header: header,
-    panelClassName: styled.panel.className
-  }, props.children);
+    panelClassName: stringify(styled.panel.className, panelClassName),
+    panelStyle: _objectSpread(_objectSpread({}, styled.panel.style), panelStyle)
+  }, children);
 };
 
 export { BottomSheet as default };

package/dist/components/bottom-sheet/styles.cjs

@@ -0,0 +1,30 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+/**
+ * @zh BottomSheet 专用样式：居中的拖拽手柄条，以及面板背景和圆角。
+ * @en BottomSheet-specific styles: a centered drag handle pill, and panel background/border-radius.
+ */
+var styles = {
+  handle: {
+    kzqmXN: "musaex-1po6ib",
+    kZKoxP: "musaex-rntz3j",
+    kaIpWk: "musaex-1xa9b2s",
+    kWkggS: "musaex-9ip8r5",
+    keoZOQ: "musaex-1eodh35",
+    k1K539: "musaex-19i5tse",
+    kUOVxO: "musaex-vueqy4",
+    kmuXW: "musaex-2lah0s",
+    $$css: true
+  },
+  panel: {
+    kWkggS: "musaex-17o6occ",
+    kIxVMA: "musaex-zbxit7",
+    ksF3WI: "musaex-1ei9pc5",
+    kskxy: "musaex-15q9lfd",
+    $$css: true
+  }
+};
+
+exports.default = styles;

package/dist/components/bottom-sheet/styles.d.ts

@@ -0,0 +1,23 @@
+/**
+ * @zh BottomSheet 专用样式：居中的拖拽手柄条，以及面板背景和圆角。
+ * @en BottomSheet-specific styles: a centered drag handle pill, and panel background/border-radius.
+ */
+declare const styles: Readonly<{
+    readonly handle: Readonly<{
+        readonly width: import("@stylexjs/stylex").StyleXClassNameFor<"width", string>;
+        readonly height: import("@stylexjs/stylex").StyleXClassNameFor<"height", string>;
+        readonly borderRadius: import("@stylexjs/stylex").StyleXClassNameFor<"borderRadius", string>;
+        readonly backgroundColor: import("@stylexjs/stylex").StyleXClassNameFor<"backgroundColor", "var(--color-on-surface-variant)">;
+        readonly marginTop: import("@stylexjs/stylex").StyleXClassNameFor<"marginTop", string>;
+        readonly marginBottom: import("@stylexjs/stylex").StyleXClassNameFor<"marginBottom", string>;
+        readonly marginInline: import("@stylexjs/stylex").StyleXClassNameFor<"marginInline", "auto">;
+        readonly flexShrink: import("@stylexjs/stylex").StyleXClassNameFor<"flexShrink", 0>;
+    }>;
+    readonly panel: Readonly<{
+        readonly backgroundColor: import("@stylexjs/stylex").StyleXClassNameFor<"backgroundColor", "var(--color-surface-container)">;
+        readonly borderTopLeftRadius: import("@stylexjs/stylex").StyleXClassNameFor<"borderTopLeftRadius", string>;
+        readonly borderTopRightRadius: import("@stylexjs/stylex").StyleXClassNameFor<"borderTopRightRadius", string>;
+        readonly maxHeight: import("@stylexjs/stylex").StyleXClassNameFor<"maxHeight", string>;
+    }>;
+}>;
+export default styles;

package/dist/components/bottom-sheet/styles.mjs

@@ -0,0 +1,26 @@
+/**
+ * @zh BottomSheet 专用样式：居中的拖拽手柄条，以及面板背景和圆角。
+ * @en BottomSheet-specific styles: a centered drag handle pill, and panel background/border-radius.
+ */
+var styles = {
+  handle: {
+    kzqmXN: "musaex-1po6ib",
+    kZKoxP: "musaex-rntz3j",
+    kaIpWk: "musaex-1xa9b2s",
+    kWkggS: "musaex-9ip8r5",
+    keoZOQ: "musaex-1eodh35",
+    k1K539: "musaex-19i5tse",
+    kUOVxO: "musaex-vueqy4",
+    kmuXW: "musaex-2lah0s",
+    $$css: true
+  },
+  panel: {
+    kWkggS: "musaex-17o6occ",
+    kIxVMA: "musaex-zbxit7",
+    ksF3WI: "musaex-1ei9pc5",
+    kskxy: "musaex-15q9lfd",
+    $$css: true
+  }
+};
+
+export { styles as default };

package/dist/components/breadcrumb/breadcrumb.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 theme = require('../theme/theme.cjs');
@@ -12,12 +13,6 @@ var className = require('@aiszlab/relax/class-name');
 var item = require('./item.cjs');
 var context = require('./context.cjs');
 
-var styles = {
-  breadcrumb: {
-    kMwMTN: "musaex-bq1wot",
-    $$css: true
-  }
-};
 var Breadcrumb = function Breadcrumb(_ref) {
   var _ref$items = _ref.items,
     items = _ref$items === void 0 ? [] : _ref$items,
@@ -32,10 +27,8 @@ var Breadcrumb = function Breadcrumb(_ref) {
     return null;
   }
   var styled = {
-    breadcrumb: stylex.props(theme.$label.large, styles.breadcrumb),
-    navigations: {
-      className: "musaex-q3gua8 musaex-1n775ky musaex-3ct3a4 musaex-78zum5 musaex-1a02dak"
-    }
+    breadcrumb: stylex.props(theme.$label.large, styles.default.breadcrumb.base),
+    navigations: stylex.props(styles.default.breadcrumb.navigations)
   };
   return /*#__PURE__*/React.createElement(context.Context.Provider, {
     value: {

package/dist/components/breadcrumb/breadcrumb.mjs

@@ -1,4 +1,5 @@
 import _objectSpread from '@babel/runtime/helpers/objectSpread2';
+import styles from './styles.mjs';
 import React from 'react';
 import { props } from '../../node_modules/.pnpm/@stylexjs_stylex@0.19.0/node_modules/@stylexjs/stylex/lib/es/stylex.mjs';
 import { $label } from '../theme/theme.mjs';
@@ -8,12 +9,6 @@ import { stringify } from '@aiszlab/relax/class-name';
 import Item from './item.mjs';
 import { Context, CLASS_NAMES } from './context.mjs';
 
-var styles = {
-  breadcrumb: {
-    kMwMTN: "musaex-bq1wot",
-    $$css: true
-  }
-};
 var Breadcrumb = function Breadcrumb(_ref) {
   var _ref$items = _ref.items,
     items = _ref$items === void 0 ? [] : _ref$items,
@@ -28,10 +23,8 @@ var Breadcrumb = function Breadcrumb(_ref) {
     return null;
   }
   var styled = {
-    breadcrumb: props($label.large, styles.breadcrumb),
-    navigations: {
-      className: "musaex-q3gua8 musaex-1n775ky musaex-3ct3a4 musaex-78zum5 musaex-1a02dak"
-    }
+    breadcrumb: props($label.large, styles.breadcrumb.base),
+    navigations: props(styles.breadcrumb.navigations)
   };
   return /*#__PURE__*/React.createElement(Context.Provider, {
     value: {