musae 1.0.27-beta.8 → 1.1.0

package/dist/components/action-sheet/__test__/index.test.d.ts

@@ -0,0 +1 @@
+import "@testing-library/jest-dom";

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

@@ -0,0 +1,168 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
+var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+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 useClassNames = require('../../hooks/use-class-names.cjs');
+var sheet = require('../sheet/sheet.cjs');
+var useLocale = require('../../locale/use-locale.cjs');
+var useThemeColorVars = require('../../hooks/use-theme-color-vars.cjs');
+var theme = require('../theme/theme.cjs');
+var context = require('./context.cjs');
+
+/**
+ * @zh ActionSheet 专用样式：面板背景、拖拽手柄、操作项和取消按钮的样式。
+ * @en ActionSheet-specific styles: panel background, drag handle, action items and cancel button.
+ */
+var styles = {
+  title: {
+    kg3NbH: "musaex-1v4gb6w",
+    kLKAdn: "musaex-3nylsr",
+    k9WMMc: "musaex-2b8uid",
+    $$css: true
+  },
+  description: {
+    kg3NbH: "musaex-1v4gb6w",
+    kLKAdn: "musaex-3nylsr",
+    k9WMMc: "musaex-2b8uid",
+    $$css: true
+  },
+  actionText: {
+    k9WMMc: "musaex-2b8uid",
+    $$css: true
+  },
+  actionDesc: {
+    k9WMMc: "musaex-2b8uid",
+    keoZOQ: "musaex-1khtc51",
+    $$css: true
+  },
+  cancel: {
+    k1xSpc: "musaex-78zum5",
+    kGNEyG: "musaex-6s0dn4",
+    kjj79g: "musaex-l56j7k",
+    k8WAf4: "musaex-1aur8i7",
+    kg3NbH: "musaex-1v4gb6w",
+    kkrTdU: "musaex-1ypdohk",
+    kAzted: "musaex-qi4gqz",
+    kEafiO: "musaex-2k45e9",
+    kPef9Z: "musaex-13fuv20",
+    kVAM5u: "musaex-axmpxa",
+    keoZOQ: "musaex-1eodh35",
+    kfSwDN: "musaex-87ps6o",
+    $$css: true
+  }
+};
+/**
+ * @zh ActionSheet 组件。基于 Sheet 的移动端底部操作面板，
+ * 支持操作列表和二次确认场景，同时提供声明式和指令式 API。
+ * @en ActionSheet component. A mobile bottom action panel built on Sheet,
+ * supporting action lists and confirmation scenarios, with both declarative and imperative APIs.
+ */
+var ActionSheet = function ActionSheet(_ref) {
+  var open = _ref.open,
+    onClose = _ref.onClose,
+    actions = _ref.actions,
+    title = _ref.title,
+    description = _ref.description,
+    cancelText = _ref.cancelText,
+    height = _ref.height,
+    className$1 = _ref.className,
+    style = _ref.style;
+  var classNames = useClassNames.useClassNames(context.CLASS_NAMES);
+  var _useLocale = useLocale.useLocale("action-sheet"),
+    _useLocale2 = _slicedToArray(_useLocale, 1),
+    locale = _useLocale2[0];
+  var themeColorVars = useThemeColorVars.useThemeColorVars(["on-surface-variant", "surface-container", "outline-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"
+    },
+    header: {
+      className: "musaex-1b38e8b musaex-7gss4w"
+    },
+    title: stylex.props(styles.title, theme.$title.medium),
+    description: stylex.props(styles.description, theme.$body.medium),
+    actions: {
+      className: "musaex-ltmd5o"
+    },
+    action: {
+      className: "musaex-78zum5 musaex-dt5ytf musaex-6s0dn4 musaex-l56j7k musaex-1aur8i7 musaex-1v4gb6w musaex-1ypdohk musaex-qi4gqz musaex-uvson1 musaex-13fuv20 musaex-axmpxa musaex-87ps6o"
+    },
+    actionText: stylex.props(styles.actionText, theme.$body.large),
+    actionDesc: stylex.props(styles.actionDesc, theme.$body.small),
+    cancel: stylex.props(styles.cancel, theme.$label.large)
+  };
+  /**
+   * @zh 处理操作项点击：先执行回调，再关闭面板。
+   * @en Handle action click: execute callback first, then close the panel.
+   */
+  var handleAction = relax.useEvent(function (action) {
+    try {
+      var _action$onClick;
+      (_action$onClick = action.onClick) === null || _action$onClick === void 0 || _action$onClick.call(action);
+    } catch (_unused) {
+      // noop — close the panel regardless of onClick result
+    } finally {
+      onClose();
+    }
+  });
+  /**
+   * @zh 头部区域：拖拽手柄 + 标题 + 描述。
+   * @en Header area: drag handle + title + description.
+   */
+  var header = /*#__PURE__*/React.createElement("div", {
+    className: className.stringify(classNames.header, styled.header.className),
+    style: styled.header.style
+  }, /*#__PURE__*/React.createElement("div", {
+    className: className.stringify(styled.handle.className),
+    style: _objectSpread(_objectSpread({}, styled.handle.style), themeColorVars)
+  }), !!title && (/*#__PURE__*/React.createElement("div", {
+    className: className.stringify(classNames.title, styled.title.className),
+    style: styled.title.style
+  }, title)), !!description && (/*#__PURE__*/React.createElement("div", {
+    className: className.stringify(classNames.description, styled.description.className),
+    style: styled.description.style
+  }, description)));
+  return /*#__PURE__*/React.createElement(sheet.default, {
+    visible: open,
+    placement: "bottom",
+    size: height !== null && height !== void 0 ? height : "fit-content",
+    onClose: onClose,
+    header: header,
+    className: className.stringify(classNames.sheet, className$1),
+    panelClassName: styled.panel.className,
+    panelStyle: _objectSpread(_objectSpread(_objectSpread({}, styled.panel.style), themeColorVars), style)
+  }, actions.length > 0 && (/*#__PURE__*/React.createElement("div", {
+    className: className.stringify(classNames.actions, styled.actions.className),
+    style: styled.actions.style
+  }, actions.map(function (action) {
+    return /*#__PURE__*/React.createElement("div", {
+      key: action.key,
+      className: className.stringify(classNames.action, styled.action.className),
+      style: styled.action.style,
+      onClick: function onClick() {
+        return handleAction(action);
+      }
+    }, /*#__PURE__*/React.createElement("span", {
+      className: className.stringify(classNames.actionText, styled.actionText.className),
+      style: styled.actionText.style
+    }, action.text), !!action.description && (/*#__PURE__*/React.createElement("span", {
+      className: className.stringify(classNames.actionDesc, styled.actionDesc.className),
+      style: styled.actionDesc.style
+    }, action.description)));
+  }))), /*#__PURE__*/React.createElement("div", {
+    className: className.stringify(classNames.cancel, styled.cancel.className),
+    style: styled.cancel.style,
+    onClick: onClose
+  }, cancelText !== null && cancelText !== void 0 ? cancelText : locale.cancel));
+};
+
+exports.default = ActionSheet;

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

@@ -0,0 +1,10 @@
+import React from "react";
+import type { ActionSheetProps } from "../../types/action-sheet";
+/**
+ * @zh ActionSheet 组件。基于 Sheet 的移动端底部操作面板，
+ * 支持操作列表和二次确认场景，同时提供声明式和指令式 API。
+ * @en ActionSheet component. A mobile bottom action panel built on Sheet,
+ * supporting action lists and confirmation scenarios, with both declarative and imperative APIs.
+ */
+declare const ActionSheet: ({ open, onClose, actions, title, description, cancelText, height, className, style, }: ActionSheetProps) => React.JSX.Element;
+export default ActionSheet;

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

@@ -0,0 +1,164 @@
+import _objectSpread from '@babel/runtime/helpers/objectSpread2';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import React 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 { useEvent } from '@aiszlab/relax';
+import { useClassNames } from '../../hooks/use-class-names.mjs';
+import Sheet from '../sheet/sheet.mjs';
+import { useLocale } from '../../locale/use-locale.mjs';
+import { useThemeColorVars } from '../../hooks/use-theme-color-vars.mjs';
+import { $label, $body, $title } from '../theme/theme.mjs';
+import { CLASS_NAMES } from './context.mjs';
+
+/**
+ * @zh ActionSheet 专用样式：面板背景、拖拽手柄、操作项和取消按钮的样式。
+ * @en ActionSheet-specific styles: panel background, drag handle, action items and cancel button.
+ */
+var styles = {
+  title: {
+    kg3NbH: "musaex-1v4gb6w",
+    kLKAdn: "musaex-3nylsr",
+    k9WMMc: "musaex-2b8uid",
+    $$css: true
+  },
+  description: {
+    kg3NbH: "musaex-1v4gb6w",
+    kLKAdn: "musaex-3nylsr",
+    k9WMMc: "musaex-2b8uid",
+    $$css: true
+  },
+  actionText: {
+    k9WMMc: "musaex-2b8uid",
+    $$css: true
+  },
+  actionDesc: {
+    k9WMMc: "musaex-2b8uid",
+    keoZOQ: "musaex-1khtc51",
+    $$css: true
+  },
+  cancel: {
+    k1xSpc: "musaex-78zum5",
+    kGNEyG: "musaex-6s0dn4",
+    kjj79g: "musaex-l56j7k",
+    k8WAf4: "musaex-1aur8i7",
+    kg3NbH: "musaex-1v4gb6w",
+    kkrTdU: "musaex-1ypdohk",
+    kAzted: "musaex-qi4gqz",
+    kEafiO: "musaex-2k45e9",
+    kPef9Z: "musaex-13fuv20",
+    kVAM5u: "musaex-axmpxa",
+    keoZOQ: "musaex-1eodh35",
+    kfSwDN: "musaex-87ps6o",
+    $$css: true
+  }
+};
+/**
+ * @zh ActionSheet 组件。基于 Sheet 的移动端底部操作面板，
+ * 支持操作列表和二次确认场景，同时提供声明式和指令式 API。
+ * @en ActionSheet component. A mobile bottom action panel built on Sheet,
+ * supporting action lists and confirmation scenarios, with both declarative and imperative APIs.
+ */
+var ActionSheet = function ActionSheet(_ref) {
+  var open = _ref.open,
+    onClose = _ref.onClose,
+    actions = _ref.actions,
+    title = _ref.title,
+    description = _ref.description,
+    cancelText = _ref.cancelText,
+    height = _ref.height,
+    className = _ref.className,
+    style = _ref.style;
+  var classNames = useClassNames(CLASS_NAMES);
+  var _useLocale = useLocale("action-sheet"),
+    _useLocale2 = _slicedToArray(_useLocale, 1),
+    locale = _useLocale2[0];
+  var themeColorVars = useThemeColorVars(["on-surface-variant", "surface-container", "outline-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"
+    },
+    header: {
+      className: "musaex-1b38e8b musaex-7gss4w"
+    },
+    title: props(styles.title, $title.medium),
+    description: props(styles.description, $body.medium),
+    actions: {
+      className: "musaex-ltmd5o"
+    },
+    action: {
+      className: "musaex-78zum5 musaex-dt5ytf musaex-6s0dn4 musaex-l56j7k musaex-1aur8i7 musaex-1v4gb6w musaex-1ypdohk musaex-qi4gqz musaex-uvson1 musaex-13fuv20 musaex-axmpxa musaex-87ps6o"
+    },
+    actionText: props(styles.actionText, $body.large),
+    actionDesc: props(styles.actionDesc, $body.small),
+    cancel: props(styles.cancel, $label.large)
+  };
+  /**
+   * @zh 处理操作项点击：先执行回调，再关闭面板。
+   * @en Handle action click: execute callback first, then close the panel.
+   */
+  var handleAction = useEvent(function (action) {
+    try {
+      var _action$onClick;
+      (_action$onClick = action.onClick) === null || _action$onClick === void 0 || _action$onClick.call(action);
+    } catch (_unused) {
+      // noop — close the panel regardless of onClick result
+    } finally {
+      onClose();
+    }
+  });
+  /**
+   * @zh 头部区域：拖拽手柄 + 标题 + 描述。
+   * @en Header area: drag handle + title + description.
+   */
+  var header = /*#__PURE__*/React.createElement("div", {
+    className: stringify(classNames.header, styled.header.className),
+    style: styled.header.style
+  }, /*#__PURE__*/React.createElement("div", {
+    className: stringify(styled.handle.className),
+    style: _objectSpread(_objectSpread({}, styled.handle.style), themeColorVars)
+  }), !!title && (/*#__PURE__*/React.createElement("div", {
+    className: stringify(classNames.title, styled.title.className),
+    style: styled.title.style
+  }, title)), !!description && (/*#__PURE__*/React.createElement("div", {
+    className: stringify(classNames.description, styled.description.className),
+    style: styled.description.style
+  }, description)));
+  return /*#__PURE__*/React.createElement(Sheet, {
+    visible: open,
+    placement: "bottom",
+    size: height !== null && height !== void 0 ? height : "fit-content",
+    onClose: onClose,
+    header: header,
+    className: stringify(classNames.sheet, className),
+    panelClassName: styled.panel.className,
+    panelStyle: _objectSpread(_objectSpread(_objectSpread({}, styled.panel.style), themeColorVars), style)
+  }, actions.length > 0 && (/*#__PURE__*/React.createElement("div", {
+    className: stringify(classNames.actions, styled.actions.className),
+    style: styled.actions.style
+  }, actions.map(function (action) {
+    return /*#__PURE__*/React.createElement("div", {
+      key: action.key,
+      className: stringify(classNames.action, styled.action.className),
+      style: styled.action.style,
+      onClick: function onClick() {
+        return handleAction(action);
+      }
+    }, /*#__PURE__*/React.createElement("span", {
+      className: stringify(classNames.actionText, styled.actionText.className),
+      style: styled.actionText.style
+    }, action.text), !!action.description && (/*#__PURE__*/React.createElement("span", {
+      className: stringify(classNames.actionDesc, styled.actionDesc.className),
+      style: styled.actionDesc.style
+    }, action.description)));
+  }))), /*#__PURE__*/React.createElement("div", {
+    className: stringify(classNames.cancel, styled.cancel.className),
+    style: styled.cancel.style,
+    onClick: onClose
+  }, cancelText !== null && cancelText !== void 0 ? cancelText : locale.cancel));
+};
+
+export { ActionSheet as default };

package/dist/components/action-sheet/context.cjs

@@ -0,0 +1,19 @@
+'use strict';
+
+/**
+ * @zh ActionSheet 的 BEM class 名称
+ * @en BEM class names for ActionSheet
+ */
+var CLASS_NAMES = {
+  sheet: "action-sheet",
+  header: "action-sheet__header",
+  title: "action-sheet__title",
+  description: "action-sheet__description",
+  actions: "action-sheet__actions",
+  action: "action-sheet__action",
+  actionText: "action-sheet__action-text",
+  actionDesc: "action-sheet__action-desc",
+  cancel: "action-sheet__cancel"
+};
+
+exports.CLASS_NAMES = CLASS_NAMES;

package/dist/components/action-sheet/context.d.ts

@@ -0,0 +1,15 @@
+/**
+ * @zh ActionSheet 的 BEM class 名称
+ * @en BEM class names for ActionSheet
+ */
+export declare const CLASS_NAMES: {
+    readonly sheet: "action-sheet";
+    readonly header: "action-sheet__header";
+    readonly title: "action-sheet__title";
+    readonly description: "action-sheet__description";
+    readonly actions: "action-sheet__actions";
+    readonly action: "action-sheet__action";
+    readonly actionText: "action-sheet__action-text";
+    readonly actionDesc: "action-sheet__action-desc";
+    readonly cancel: "action-sheet__cancel";
+};

package/dist/components/action-sheet/context.mjs

@@ -0,0 +1,17 @@
+/**
+ * @zh ActionSheet 的 BEM class 名称
+ * @en BEM class names for ActionSheet
+ */
+var CLASS_NAMES = {
+  sheet: "action-sheet",
+  header: "action-sheet__header",
+  title: "action-sheet__title",
+  description: "action-sheet__description",
+  actions: "action-sheet__actions",
+  action: "action-sheet__action",
+  actionText: "action-sheet__action-text",
+  actionDesc: "action-sheet__action-desc",
+  cancel: "action-sheet__cancel"
+};
+
+export { CLASS_NAMES };

package/dist/components/action-sheet/index.d.ts

@@ -0,0 +1,3 @@
+import ActionSheet from "./action-sheet";
+import { useActionSheet } from "./use-action-sheet";
+export { ActionSheet, useActionSheet };

package/dist/components/action-sheet/use-action-sheet.cjs

@@ -0,0 +1,60 @@
+'use strict';
+
+var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
+var _regenerator = require('@babel/runtime/helpers/regenerator');
+var _asyncToGenerator = require('@babel/runtime/helpers/asyncToGenerator');
+var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+var React = require('react');
+var relax = require('@aiszlab/relax');
+var actionSheet = require('./action-sheet.cjs');
+
+/**
+ * @zh useActionSheet hook。返回 show 函数和 holder 元素。
+ * 需要在组件树中渲染 holder，然后通过 show 函数调用。
+ * @en useActionSheet hook. Returns a show function and a holder element.
+ * Render the holder in the component tree, then call via the show function.
+ */
+var useActionSheet = function useActionSheet() {
+  var _useState = React.useState(null),
+    _useState2 = _slicedToArray(_useState, 2),
+    config = _useState2[0],
+    setConfig = _useState2[1];
+  var _useState3 = React.useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    open = _useState4[0],
+    setOpen = _useState4[1];
+  var handleClose = React.useCallback(function () {
+    setOpen(false);
+  }, []);
+  var show = relax.useEvent(/*#__PURE__*/function () {
+    var _ref = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee(nextConfig) {
+      return _regenerator().w(function (_context) {
+        while (1) switch (_context.n) {
+          case 0:
+            setConfig(nextConfig);
+            setOpen(true);
+          case 1:
+            return _context.a(2);
+        }
+      }, _callee);
+    }));
+    return function (_x) {
+      return _ref.apply(this, arguments);
+    };
+  }());
+  var trigger = React.useMemo(function () {
+    return {
+      show: show
+    };
+  }, [show]);
+  var holder = React.useMemo(function () {
+    if (!config) return null;
+    return /*#__PURE__*/React.createElement(actionSheet.default, _objectSpread({
+      open: open,
+      onClose: handleClose
+    }, config));
+  }, [config, open, handleClose]);
+  return [trigger, holder];
+};
+
+exports.useActionSheet = useActionSheet;

package/dist/components/action-sheet/use-action-sheet.d.ts

@@ -0,0 +1,9 @@
+import { type ReactNode } from "react";
+import type { ActionSheetTrigger } from "../../types/action-sheet";
+/**
+ * @zh useActionSheet hook。返回 show 函数和 holder 元素。
+ * 需要在组件树中渲染 holder，然后通过 show 函数调用。
+ * @en useActionSheet hook. Returns a show function and a holder element.
+ * Render the holder in the component tree, then call via the show function.
+ */
+export declare const useActionSheet: () => [ActionSheetTrigger, ReactNode];

package/dist/components/action-sheet/use-action-sheet.mjs

@@ -0,0 +1,58 @@
+import _objectSpread from '@babel/runtime/helpers/objectSpread2';
+import _regenerator from '@babel/runtime/helpers/regenerator';
+import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import React, { useState, useCallback, useMemo } from 'react';
+import { useEvent } from '@aiszlab/relax';
+import ActionSheet from './action-sheet.mjs';
+
+/**
+ * @zh useActionSheet hook。返回 show 函数和 holder 元素。
+ * 需要在组件树中渲染 holder，然后通过 show 函数调用。
+ * @en useActionSheet hook. Returns a show function and a holder element.
+ * Render the holder in the component tree, then call via the show function.
+ */
+var useActionSheet = function useActionSheet() {
+  var _useState = useState(null),
+    _useState2 = _slicedToArray(_useState, 2),
+    config = _useState2[0],
+    setConfig = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    open = _useState4[0],
+    setOpen = _useState4[1];
+  var handleClose = useCallback(function () {
+    setOpen(false);
+  }, []);
+  var show = useEvent(/*#__PURE__*/function () {
+    var _ref = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee(nextConfig) {
+      return _regenerator().w(function (_context) {
+        while (1) switch (_context.n) {
+          case 0:
+            setConfig(nextConfig);
+            setOpen(true);
+          case 1:
+            return _context.a(2);
+        }
+      }, _callee);
+    }));
+    return function (_x) {
+      return _ref.apply(this, arguments);
+    };
+  }());
+  var trigger = useMemo(function () {
+    return {
+      show: show
+    };
+  }, [show]);
+  var holder = useMemo(function () {
+    if (!config) return null;
+    return /*#__PURE__*/React.createElement(ActionSheet, _objectSpread({
+      open: open,
+      onClose: handleClose
+    }, config));
+  }, [config, open, handleClose]);
+  return [trigger, holder];
+};
+
+export { useActionSheet };

package/dist/components/avatar/avatar.cjs

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var React = require('react');
-var stylex = require('../../node_modules/.pnpm/@stylexjs_stylex@0.17.5/node_modules/@stylexjs/stylex/lib/es/stylex.cjs');
+var stylex = require('../../node_modules/.pnpm/@stylexjs_stylex@0.19.0/node_modules/@stylexjs/stylex/lib/es/stylex.cjs');
 var context = require('./context.cjs');
 var hooks = require('../theme/hooks.cjs');
 var theme = require('../theme/theme.cjs');

package/dist/components/avatar/avatar.mjs

@@ -1,7 +1,7 @@
 import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import React, { forwardRef, useContext } from 'react';
-import { props } from '../../node_modules/.pnpm/@stylexjs_stylex@0.17.5/node_modules/@stylexjs/stylex/lib/es/stylex.mjs';
+import { props } from '../../node_modules/.pnpm/@stylexjs_stylex@0.19.0/node_modules/@stylexjs/stylex/lib/es/stylex.mjs';
 import Context, { CLASS_NAMES } from './context.mjs';
 import { useTheme } from '../theme/hooks.mjs';
 import { $label } from '../theme/theme.mjs';

package/dist/components/badge/badge.cjs

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
 var React = require('react');
 var useClassNames = require('../../hooks/use-class-names.cjs');
-var stylex = require('../../node_modules/.pnpm/@stylexjs_stylex@0.17.5/node_modules/@stylexjs/stylex/lib/es/stylex.cjs');
+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');
 var hooks = require('../theme/hooks.cjs');
 var relax = require('@aiszlab/relax');

package/dist/components/badge/badge.mjs

@@ -1,7 +1,7 @@
 import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import React from 'react';
 import { useClassNames } from '../../hooks/use-class-names.mjs';
-import { props } from '../../node_modules/.pnpm/@stylexjs_stylex@0.17.5/node_modules/@stylexjs/stylex/lib/es/stylex.mjs';
+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';
 import { useTheme } from '../theme/hooks.mjs';
 import { isVoid } from '@aiszlab/relax';

package/dist/components/bench/bench.cjs

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
 var React = require('react');
-var stylex = require('../../node_modules/.pnpm/@stylexjs_stylex@0.17.5/node_modules/@stylexjs/stylex/lib/es/stylex.cjs');
+var stylex = require('../../node_modules/.pnpm/@stylexjs_stylex@0.19.0/node_modules/@stylexjs/stylex/lib/es/stylex.cjs');
 var hooks = require('./hooks.cjs');
 var theme = require('../theme/theme.cjs');
 var className = require('@aiszlab/relax/class-name');

package/dist/components/bench/bench.mjs

@@ -1,6 +1,6 @@
 import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import React from 'react';
-import { props } from '../../node_modules/.pnpm/@stylexjs_stylex@0.17.5/node_modules/@stylexjs/stylex/lib/es/stylex.mjs';
+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';
 import { $title } from '../theme/theme.mjs';
 import { stringify } from '@aiszlab/relax/class-name';
@@ -9,8 +9,8 @@ import { first, last } from '@aiszlab/relax';
 import { useClassNames } from '../../hooks/use-class-names.mjs';
 import { useStore, CLASS_NAMES } from './context.mjs';
 import { Layout } from '../layout/index.mjs';
-import MenuOpen from '../icon/icons/navigation/menu-open.mjs';
-import Menu$1 from '../icon/icons/navigation/menu.mjs';
+import IconMenuOpen from '../icon/icons/navigation/menu-open.mjs';
+import IconMenu from '../icon/icons/navigation/menu.mjs';
 
 var styles = {
   heading: {
@@ -112,7 +112,7 @@ var Bench = function Bench(_ref) {
   }, /*#__PURE__*/React.createElement(Layout.Heading, {
     className: stringify(classNames.heading, styled.heading.className),
     style: styled.heading.style
-  }, _logo, !isCollapsed && title, !isCollapsed && hasSidebar && (/*#__PURE__*/React.createElement(MenuOpen, {
+  }, _logo, !isCollapsed && title, !isCollapsed && hasSidebar && (/*#__PURE__*/React.createElement(IconMenuOpen, {
     size: 24,
     onClick: collapse,
     className: styled.collapser.className,
@@ -143,7 +143,7 @@ var Bench = function Bench(_ref) {
   }), isCollapsed && (/*#__PURE__*/React.createElement("div", {
     className: stringify(classNames.expander, styled.expander.className),
     style: styled.expander.style
-  }, /*#__PURE__*/React.createElement(Menu$1, {
+  }, /*#__PURE__*/React.createElement(IconMenu, {
     size: 24,
     onClick: expand
   }))))), /*#__PURE__*/React.createElement(Layout.Main, {

package/dist/components/bottom-sheet/__test__/index.test.d.ts

@@ -0,0 +1 @@
+import "@testing-library/jest-dom";