musae 0.5.9 → 0.5.11

package/dist/components/avatar/avatar.cjs

@@ -3,15 +3,14 @@ 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.9.3/node_modules/@stylexjs/stylex/lib/es/stylex.cjs');
+var stylex = require('../../node_modules/.pnpm/@stylexjs_stylex@0.10.0/node_modules/@stylexjs/stylex/lib/es/stylex.cjs');
 var context = require('./context.cjs');
 var hooks = require('../theme/hooks.cjs');
-var useClassNames = require('../../hooks/use-class-names.cjs');
-var className$1 = require('../../utils/class-name.cjs');
 var theme = require('../theme/theme.cjs');
 var relax = require('@aiszlab/relax');
 var className = require('@aiszlab/relax/class-name');
 var skeleton = require('../skeleton/skeleton.cjs');
+var useClassNames_component = require('../../hooks/use-class-names.component.cjs');
 
 var _excluded = ["src", "alt", "shape", "size", "className", "style", "crossOrigin", "referrerPolicy"];
 var styles = {
@@ -142,17 +141,17 @@ var Avatar = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     _shape = _ref$shape === void 0 ? "circular" : _ref$shape,
     _ref$size = _ref.size,
     _size = _ref$size === void 0 ? "medium" : _ref$size,
-    className$2 = _ref.className,
+    className$1 = _ref.className,
     style = _ref.style,
     crossOrigin = _ref.crossOrigin,
     referrerPolicy = _ref.referrerPolicy,
     props = _objectWithoutProperties(_ref, _excluded);
   var theme$1 = hooks.useTheme();
-  var group = React.useContext(context.Context);
+  var group = React.useContext(context.default);
   var isInGroup = !!group;
   var size = (_group$size = group === null || group === void 0 ? void 0 : group.size) !== null && _group$size !== void 0 ? _group$size : _size;
   var shape = (_group$shape = group === null || group === void 0 ? void 0 : group.shape) !== null && _group$shape !== void 0 ? _group$shape : _shape;
-  var classNames = useClassNames.useClassNames("avatar");
+  var classNames = useClassNames_component.useClassNames(context.CLASS_NAMES);
   var loadStatus = relax.useImageLoader({
     src: src,
     crossOrigin: crossOrigin,
@@ -175,7 +174,7 @@ var Avatar = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     });
   }
   return /*#__PURE__*/React.createElement("span", _objectSpread(_objectSpread({}, props), {}, {
-    className: className.stringify(classNames[className$1.AvatarClassToken.Avatar], className$2, styled.avatar.className),
+    className: className.stringify(classNames.avatar, className$1, styled.avatar.className),
     style: _objectSpread(_objectSpread({}, styled.avatar.style), style),
     ref: ref
   }), loadStatus === "loaded" && (/*#__PURE__*/React.createElement("img", {

package/dist/components/avatar/avatar.mjs

@@ -1,15 +1,14 @@
 import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import React, { forwardRef, useContext } from 'react';
-import _stylex from '../../node_modules/.pnpm/@stylexjs_stylex@0.9.3/node_modules/@stylexjs/stylex/lib/es/stylex.mjs';
-import { Context } from './context.mjs';
+import _stylex from '../../node_modules/.pnpm/@stylexjs_stylex@0.10.0/node_modules/@stylexjs/stylex/lib/es/stylex.mjs';
+import Context, { CLASS_NAMES } from './context.mjs';
 import { useTheme } from '../theme/hooks.mjs';
-import { useClassNames } from '../../hooks/use-class-names.mjs';
-import { AvatarClassToken } from '../../utils/class-name.mjs';
 import { typography } from '../theme/theme.mjs';
 import { useImageLoader } from '@aiszlab/relax';
 import { stringify } from '@aiszlab/relax/class-name';
 import Skeleton from '../skeleton/skeleton.mjs';
+import { useClassNames } from '../../hooks/use-class-names.component.mjs';
 
 var _excluded = ["src", "alt", "shape", "size", "className", "style", "crossOrigin", "referrerPolicy"];
 var styles = {
@@ -150,7 +149,7 @@ var Avatar = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var isInGroup = !!group;
   var size = (_group$size = group === null || group === void 0 ? void 0 : group.size) !== null && _group$size !== void 0 ? _group$size : _size;
   var shape = (_group$shape = group === null || group === void 0 ? void 0 : group.shape) !== null && _group$shape !== void 0 ? _group$shape : _shape;
-  var classNames = useClassNames("avatar");
+  var classNames = useClassNames(CLASS_NAMES);
   var loadStatus = useImageLoader({
     src: src,
     crossOrigin: crossOrigin,
@@ -173,7 +172,7 @@ var Avatar = /*#__PURE__*/forwardRef(function (_ref, ref) {
     });
   }
   return /*#__PURE__*/React.createElement("span", _objectSpread(_objectSpread({}, props), {}, {
-    className: stringify(classNames[AvatarClassToken.Avatar], className, styled.avatar.className),
+    className: stringify(classNames.avatar, className, styled.avatar.className),
     style: _objectSpread(_objectSpread({}, styled.avatar.style), style),
     ref: ref
   }), loadStatus === "loaded" && (/*#__PURE__*/React.createElement("img", {

package/dist/components/avatar/context.cjs

@@ -1,9 +1,20 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
 var React = require('react');
 
+/**
+ * @description
+ * class names
+ */
+var CLASS_NAMES = {
+  avatar: "avatar",
+  group: "avatar__group"
+};
 /**
  * @description
  * context
  */
-var Context = /*#__PURE__*/React.createContext(null);
+var Context = /*#__PURE__*/React.createContext({});
 
-exports.Context = Context;
+exports.CLASS_NAMES = CLASS_NAMES;
+exports.default = Context;

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

@@ -1,6 +1,16 @@
 import type { ContextValue } from "musae/types/avatar";
+/**
+ * @description
+ * class names
+ */
+declare const CLASS_NAMES: {
+    avatar: string;
+    group: string;
+};
 /**
  * @description
  * context
  */
-export declare const Context: import("react").Context<ContextValue | null>;
+declare const Context: import("react").Context<ContextValue>;
+export default Context;
+export { CLASS_NAMES };

package/dist/components/avatar/context.mjs

@@ -1,9 +1,17 @@
 import { createContext } from 'react';
 
+/**
+ * @description
+ * class names
+ */
+var CLASS_NAMES = {
+  avatar: "avatar",
+  group: "avatar__group"
+};
 /**
  * @description
  * context
  */
-var Context = /*#__PURE__*/createContext(null);
+var Context = /*#__PURE__*/createContext({});
 
-export { Context };
+export { CLASS_NAMES, Context as default };

package/dist/components/avatar/group.cjs

@@ -3,11 +3,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 var React = require('react');
 var context = require('./context.cjs');
-var useClassNames = require('../../hooks/use-class-names.cjs');
-var className$1 = require('../../utils/class-name.cjs');
 var popover = require('../popover/popover.cjs');
 var avatar = require('./avatar.cjs');
 var className = require('@aiszlab/relax/class-name');
+var useClassNames_component = require('../../hooks/use-class-names.component.cjs');
 
 var _Group = function Group(_ref) {
   var _children = _ref.children,
@@ -17,7 +16,7 @@ var _Group = function Group(_ref) {
     size = _ref$size === void 0 ? "medium" : _ref$size,
     _ref$max = _ref.max,
     max = _ref$max === void 0 ? 3 : _ref$max;
-  var classNames = useClassNames.useClassNames("avatar");
+  var classNames = useClassNames_component.useClassNames(context.CLASS_NAMES);
   var styled = {
     className: "musaex-3nfvp2 musaex-87ps6o"
   };
@@ -51,13 +50,13 @@ var _Group = function Group(_ref) {
     }
     return visible;
   }, [_children, max]);
-  return /*#__PURE__*/React.createElement(context.Context.Provider, {
+  return /*#__PURE__*/React.createElement(context.default.Provider, {
     value: {
       shape: shape,
       size: size
     }
   }, /*#__PURE__*/React.createElement("div", {
-    className: className.stringify(classNames[className$1.AvatarClassToken.Group], styled.className),
+    className: className.stringify(classNames.group, styled.className),
     style: styled.style
   }, children));
 };

package/dist/components/avatar/group.mjs

@@ -1,11 +1,10 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import React, { useMemo, Children, isValidElement, cloneElement } from 'react';
-import { Context } from './context.mjs';
-import { useClassNames } from '../../hooks/use-class-names.mjs';
-import { AvatarClassToken } from '../../utils/class-name.mjs';
+import Context, { CLASS_NAMES } from './context.mjs';
 import Popover from '../popover/popover.mjs';
 import Avatar from './avatar.mjs';
 import { stringify } from '@aiszlab/relax/class-name';
+import { useClassNames } from '../../hooks/use-class-names.component.mjs';
 
 var _Group = function Group(_ref) {
   var _children = _ref.children,
@@ -15,7 +14,7 @@ var _Group = function Group(_ref) {
     size = _ref$size === void 0 ? "medium" : _ref$size,
     _ref$max = _ref.max,
     max = _ref$max === void 0 ? 3 : _ref$max;
-  var classNames = useClassNames("avatar");
+  var classNames = useClassNames(CLASS_NAMES);
   var styled = {
     className: "musaex-3nfvp2 musaex-87ps6o"
   };
@@ -55,7 +54,7 @@ var _Group = function Group(_ref) {
       size: size
     }
   }, /*#__PURE__*/React.createElement("div", {
-    className: stringify(classNames[AvatarClassToken.Group], styled.className),
+    className: stringify(classNames.group, styled.className),
     style: styled.style
   }, children));
 };

package/dist/components/badge/badge.cjs

@@ -3,7 +3,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
 var React = require('react');
 var useClassNames_component = require('../../hooks/use-class-names.component.cjs');
-var stylex = require('../../node_modules/.pnpm/@stylexjs_stylex@0.9.3/node_modules/@stylexjs/stylex/lib/es/stylex.cjs');
+var stylex = require('../../node_modules/.pnpm/@stylexjs_stylex@0.10.0/node_modules/@stylexjs/stylex/lib/es/stylex.cjs');
 var theme = require('../theme/theme.cjs');
 var tokens_stylex = require('../theme/tokens.stylex.cjs');
 var hooks = require('../theme/hooks.cjs');

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.component.mjs';
-import _stylex from '../../node_modules/.pnpm/@stylexjs_stylex@0.9.3/node_modules/@stylexjs/stylex/lib/es/stylex.mjs';
+import _stylex from '../../node_modules/.pnpm/@stylexjs_stylex@0.10.0/node_modules/@stylexjs/stylex/lib/es/stylex.mjs';
 import { typography } from '../theme/theme.mjs';
 import { sizes } from '../theme/tokens.stylex.mjs';
 import { useTheme } from '../theme/hooks.mjs';

package/dist/components/bench/bench.cjs

@@ -3,7 +3,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
 var React = require('react');
 var index = require('../layout/index.cjs');
-var stylex = require('../../node_modules/.pnpm/@stylexjs_stylex@0.9.3/node_modules/@stylexjs/stylex/lib/es/stylex.cjs');
+var stylex = require('../../node_modules/.pnpm/@stylexjs_stylex@0.10.0/node_modules/@stylexjs/stylex/lib/es/stylex.cjs');
 var tokens_stylex = require('../theme/tokens.stylex.cjs');
 var divider = require('../divider/divider.cjs');
 var hooks$1 = require('./hooks.cjs');

package/dist/components/bench/bench.mjs

@@ -1,7 +1,7 @@
 import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import React from 'react';
 import { Layout } from '../layout/index.mjs';
-import _stylex from '../../node_modules/.pnpm/@stylexjs_stylex@0.9.3/node_modules/@stylexjs/stylex/lib/es/stylex.mjs';
+import _stylex from '../../node_modules/.pnpm/@stylexjs_stylex@0.10.0/node_modules/@stylexjs/stylex/lib/es/stylex.mjs';
 import { elevations } from '../theme/tokens.stylex.mjs';
 import Divider from '../divider/divider.mjs';
 import { useLogo, useNavigations } from './hooks.mjs';

package/dist/components/breadcrumb/breadcrumb.cjs

@@ -2,7 +2,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.9.3/node_modules/@stylexjs/stylex/lib/es/stylex.cjs');
+var stylex = require('../../node_modules/.pnpm/@stylexjs_stylex@0.10.0/node_modules/@stylexjs/stylex/lib/es/stylex.cjs');
 var theme = require('../theme/theme.cjs');
 var hooks = require('../theme/hooks.cjs');
 var useClassNames_component = require('../../hooks/use-class-names.component.cjs');

package/dist/components/breadcrumb/breadcrumb.mjs

@@ -1,6 +1,6 @@
 import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import React from 'react';
-import _stylex from '../../node_modules/.pnpm/@stylexjs_stylex@0.9.3/node_modules/@stylexjs/stylex/lib/es/stylex.mjs';
+import _stylex from '../../node_modules/.pnpm/@stylexjs_stylex@0.10.0/node_modules/@stylexjs/stylex/lib/es/stylex.mjs';
 import { typography } from '../theme/theme.mjs';
 import { useTheme } from '../theme/hooks.mjs';
 import { useClassNames } from '../../hooks/use-class-names.component.mjs';

package/dist/components/breadcrumb/item.cjs

@@ -1,7 +1,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var stylex = require('../../node_modules/.pnpm/@stylexjs_stylex@0.9.3/node_modules/@stylexjs/stylex/lib/es/stylex.cjs');
+var stylex = require('../../node_modules/.pnpm/@stylexjs_stylex@0.10.0/node_modules/@stylexjs/stylex/lib/es/stylex.cjs');
 var hooks = require('../theme/hooks.cjs');
 var className = require('@aiszlab/relax/class-name');
 var context = require('./context.cjs');

package/dist/components/breadcrumb/item.mjs

@@ -1,5 +1,5 @@
 import React, { useContext } from 'react';
-import _stylex from '../../node_modules/.pnpm/@stylexjs_stylex@0.9.3/node_modules/@stylexjs/stylex/lib/es/stylex.mjs';
+import _stylex from '../../node_modules/.pnpm/@stylexjs_stylex@0.10.0/node_modules/@stylexjs/stylex/lib/es/stylex.mjs';
 import { useTheme } from '../theme/hooks.mjs';
 import { stringify } from '@aiszlab/relax/class-name';
 import { Context } from './context.mjs';

package/dist/components/button/button.cjs

@@ -4,7 +4,7 @@ var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var React = require('react');
 var className = require('@aiszlab/relax/class-name');
-var stylex = require('../../node_modules/.pnpm/@stylexjs_stylex@0.9.3/node_modules/@stylexjs/stylex/lib/es/stylex.cjs');
+var stylex = require('../../node_modules/.pnpm/@stylexjs_stylex@0.10.0/node_modules/@stylexjs/stylex/lib/es/stylex.cjs');
 var tokens_stylex = require('../theme/tokens.stylex.cjs');
 var hooks = require('../theme/hooks.cjs');
 var hooks$1 = require('./hooks.cjs');

package/dist/components/button/button.mjs

@@ -2,7 +2,7 @@ import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import React, { forwardRef } from 'react';
 import { stringify } from '@aiszlab/relax/class-name';
-import _stylex from '../../node_modules/.pnpm/@stylexjs_stylex@0.9.3/node_modules/@stylexjs/stylex/lib/es/stylex.mjs';
+import _stylex from '../../node_modules/.pnpm/@stylexjs_stylex@0.10.0/node_modules/@stylexjs/stylex/lib/es/stylex.mjs';
 import { OPACITY } from '../theme/tokens.stylex.mjs';
 import { useTheme } from '../theme/hooks.mjs';
 import { useButton } from './hooks.mjs';

package/dist/components/calendar/calendar.cjs

@@ -4,7 +4,7 @@ var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
 var React = require('react');
 var hooks = require('./hooks.cjs');
 var useClassNames_component = require('../../hooks/use-class-names.component.cjs');
-var stylex = require('../../node_modules/.pnpm/@stylexjs_stylex@0.9.3/node_modules/@stylexjs/stylex/lib/es/stylex.cjs');
+var stylex = require('../../node_modules/.pnpm/@stylexjs_stylex@0.10.0/node_modules/@stylexjs/stylex/lib/es/stylex.cjs');
 var theme = require('../theme/theme.cjs');
 var className = require('@aiszlab/relax/class-name');
 var hooks$1 = require('../theme/hooks.cjs');

package/dist/components/calendar/calendar.mjs

@@ -2,7 +2,7 @@ import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import React from 'react';
 import { useValue, useFocusedAt, useDateCells, useHeadCells } from './hooks.mjs';
 import { useClassNames } from '../../hooks/use-class-names.component.mjs';
-import _stylex from '../../node_modules/.pnpm/@stylexjs_stylex@0.9.3/node_modules/@stylexjs/stylex/lib/es/stylex.mjs';
+import _stylex from '../../node_modules/.pnpm/@stylexjs_stylex@0.10.0/node_modules/@stylexjs/stylex/lib/es/stylex.mjs';
 import { typography } from '../theme/theme.mjs';
 import { stringify } from '@aiszlab/relax/class-name';
 import { useTheme } from '../theme/hooks.mjs';

package/dist/components/calendar/contribution.cjs

@@ -4,7 +4,7 @@ var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
 var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 var dayjs = require('dayjs');
 var React = require('react');
-var stylex = require('../../node_modules/.pnpm/@stylexjs_stylex@0.9.3/node_modules/@stylexjs/stylex/lib/es/stylex.cjs');
+var stylex = require('../../node_modules/.pnpm/@stylexjs_stylex@0.10.0/node_modules/@stylexjs/stylex/lib/es/stylex.cjs');
 var hooks = require('../theme/hooks.cjs');
 var theme = require('../theme/theme.cjs');
 var tooltip = require('../tooltip/tooltip.cjs');

package/dist/components/calendar/contribution.mjs

@@ -2,7 +2,7 @@ import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import dayjs from 'dayjs';
 import React, { useMemo } from 'react';
-import _stylex from '../../node_modules/.pnpm/@stylexjs_stylex@0.9.3/node_modules/@stylexjs/stylex/lib/es/stylex.mjs';
+import _stylex from '../../node_modules/.pnpm/@stylexjs_stylex@0.10.0/node_modules/@stylexjs/stylex/lib/es/stylex.mjs';
 import { useTheme } from '../theme/hooks.mjs';
 import { typography } from '../theme/theme.mjs';
 import Tooltip from '../tooltip/tooltip.mjs';

package/dist/components/calendar/hooks.cjs

@@ -6,7 +6,7 @@ var React = require('react');
 var relax = require('@aiszlab/relax');
 var timespan = require('../../utils/timespan.cjs');
 var className = require('@aiszlab/relax/class-name');
-var stylex = require('../../node_modules/.pnpm/@stylexjs_stylex@0.9.3/node_modules/@stylexjs/stylex/lib/es/stylex.cjs');
+var stylex = require('../../node_modules/.pnpm/@stylexjs_stylex@0.10.0/node_modules/@stylexjs/stylex/lib/es/stylex.cjs');
 var theme = require('../theme/theme.cjs');
 var hooks = require('../theme/hooks.cjs');
 var iconButton = require('../icon-button/icon-button.cjs');
@@ -38,7 +38,7 @@ var styles = {
   date: function date(props) {
     return [{
       position: "musaex-1n2onr6",
-      "::before_content": "musaex-1cpjm7i",
+      "::before_content": "musaex-10tli2e",
       "::before_position": "musaex-1hmns74",
       "::before_backgroundColor": props.backgroundColor == null ? null : "musaex-1yzl2d8",
       "::before_zIndex": "musaex-rt65ts",

package/dist/components/calendar/hooks.mjs

@@ -6,7 +6,7 @@ import React, { useMemo, useCallback } from 'react';
 import { toArray, useControlledState } from '@aiszlab/relax';
 import { Timespan } from '../../utils/timespan.mjs';
 import { stringify } from '@aiszlab/relax/class-name';
-import _stylex from '../../node_modules/.pnpm/@stylexjs_stylex@0.9.3/node_modules/@stylexjs/stylex/lib/es/stylex.mjs';
+import _stylex from '../../node_modules/.pnpm/@stylexjs_stylex@0.10.0/node_modules/@stylexjs/stylex/lib/es/stylex.mjs';
 import { typography } from '../theme/theme.mjs';
 import { useTheme } from '../theme/hooks.mjs';
 import IconButton from '../icon-button/icon-button.mjs';
@@ -38,7 +38,7 @@ var styles = {
   date: function date(props) {
     return [{
       position: "musaex-1n2onr6",
-      "::before_content": "musaex-1cpjm7i",
+      "::before_content": "musaex-10tli2e",
       "::before_position": "musaex-1hmns74",
       "::before_backgroundColor": props.backgroundColor == null ? null : "musaex-1yzl2d8",
       "::before_zIndex": "musaex-rt65ts",

package/dist/components/chat/chat.cjs

@@ -8,7 +8,7 @@ var relax = require('@aiszlab/relax');
 var item = require('./item.cjs');
 var useClassNames_component = require('../../hooks/use-class-names.component.cjs');
 var context = require('./context.cjs');
-var stylex = require('../../node_modules/.pnpm/@stylexjs_stylex@0.9.3/node_modules/@stylexjs/stylex/lib/es/stylex.cjs');
+var stylex = require('../../node_modules/.pnpm/@stylexjs_stylex@0.10.0/node_modules/@stylexjs/stylex/lib/es/stylex.cjs');
 var theme = require('../theme/theme.cjs');
 var className = require('@aiszlab/relax/class-name');
 var iconButton = require('../icon-button/icon-button.cjs');

package/dist/components/chat/chat.mjs

@@ -6,7 +6,7 @@ import { useIdentity } from '@aiszlab/relax';
 import Item from './item.mjs';
 import { useClassNames } from '../../hooks/use-class-names.component.mjs';
 import { Context, CLASS_NAMES } from './context.mjs';
-import _stylex from '../../node_modules/.pnpm/@stylexjs_stylex@0.9.3/node_modules/@stylexjs/stylex/lib/es/stylex.mjs';
+import _stylex from '../../node_modules/.pnpm/@stylexjs_stylex@0.10.0/node_modules/@stylexjs/stylex/lib/es/stylex.mjs';
 import { typography } from '../theme/theme.mjs';
 import { stringify } from '@aiszlab/relax/class-name';
 import IconButton from '../icon-button/icon-button.mjs';

package/dist/components/chat/item.cjs

@@ -4,7 +4,7 @@ var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 var relax = require('@aiszlab/relax');
 var React = require('react');
 var context = require('./context.cjs');
-var stylex = require('../../node_modules/.pnpm/@stylexjs_stylex@0.9.3/node_modules/@stylexjs/stylex/lib/es/stylex.cjs');
+var stylex = require('../../node_modules/.pnpm/@stylexjs_stylex@0.10.0/node_modules/@stylexjs/stylex/lib/es/stylex.cjs');
 var hooks = require('../theme/hooks.cjs');
 var className = require('@aiszlab/relax/class-name');
 

package/dist/components/chat/item.mjs

@@ -2,7 +2,7 @@ import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import { useEvent, useMounted } from '@aiszlab/relax';
 import React, { useState, useContext } from 'react';
 import { Context } from './context.mjs';
-import _stylex from '../../node_modules/.pnpm/@stylexjs_stylex@0.9.3/node_modules/@stylexjs/stylex/lib/es/stylex.mjs';
+import _stylex from '../../node_modules/.pnpm/@stylexjs_stylex@0.10.0/node_modules/@stylexjs/stylex/lib/es/stylex.mjs';
 import { useTheme } from '../theme/hooks.mjs';
 import { stringify } from '@aiszlab/relax/class-name';
 

package/dist/components/checkbox/checkbox.cjs

@@ -5,7 +5,7 @@ var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 var React = require('react');
 var relax = require('@aiszlab/relax');
 var context = require('./context.cjs');
-var stylex = require('../../node_modules/.pnpm/@stylexjs_stylex@0.9.3/node_modules/@stylexjs/stylex/lib/es/stylex.cjs');
+var stylex = require('../../node_modules/.pnpm/@stylexjs_stylex@0.10.0/node_modules/@stylexjs/stylex/lib/es/stylex.cjs');
 var hooks = require('../theme/hooks.cjs');
 var theme = require('../theme/theme.cjs');
 var styles = require('./styles.cjs');

package/dist/components/checkbox/checkbox.mjs

@@ -3,7 +3,7 @@ import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import React, { useContext, useMemo } from 'react';
 import { useControlledState, useEvent } from '@aiszlab/relax';
 import Context, { CLASS_NAMES } from './context.mjs';
-import _stylex from '../../node_modules/.pnpm/@stylexjs_stylex@0.9.3/node_modules/@stylexjs/stylex/lib/es/stylex.mjs';
+import _stylex from '../../node_modules/.pnpm/@stylexjs_stylex@0.10.0/node_modules/@stylexjs/stylex/lib/es/stylex.mjs';
 import { useTheme } from '../theme/hooks.mjs';
 import { typography } from '../theme/theme.mjs';
 import styles from './styles.mjs';

package/dist/components/checkbox/styles.cjs

@@ -45,7 +45,7 @@ var styles = {
       width: "musaex-1mgz045",
       height: "musaex-zho7m1",
       position: "musaex-1n2onr6",
-      "::before_content": "musaex-1cpjm7i",
+      "::before_content": "musaex-10tli2e",
       "::before_visibility": "musaex-11srvyv",
       "::before_display": "musaex-1fhgk32",
       "::before_verticalAlign": "musaex-1ujdksz",

package/dist/components/checkbox/styles.mjs

@@ -43,7 +43,7 @@ var styles = {
       width: "musaex-1mgz045",
       height: "musaex-zho7m1",
       position: "musaex-1n2onr6",
-      "::before_content": "musaex-1cpjm7i",
+      "::before_content": "musaex-10tli2e",
       "::before_visibility": "musaex-11srvyv",
       "::before_display": "musaex-1fhgk32",
       "::before_verticalAlign": "musaex-1ujdksz",

package/dist/components/clock/column.cjs

@@ -3,7 +3,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var menu = require('../menu/menu.cjs');
 var relax = require('@aiszlab/relax');
-var stylex = require('../../node_modules/.pnpm/@stylexjs_stylex@0.9.3/node_modules/@stylexjs/stylex/lib/es/stylex.cjs');
+var stylex = require('../../node_modules/.pnpm/@stylexjs_stylex@0.10.0/node_modules/@stylexjs/stylex/lib/es/stylex.cjs');
 var hooks = require('../theme/hooks.cjs');
 var className = require('@aiszlab/relax/class-name');
 var context = require('./context.cjs');

package/dist/components/clock/column.mjs

@@ -1,7 +1,7 @@
 import React, { forwardRef, useContext, useRef, useCallback, useImperativeHandle, useEffect } from 'react';
 import Menu from '../menu/menu.mjs';
 import { isVoid } from '@aiszlab/relax';
-import _stylex from '../../node_modules/.pnpm/@stylexjs_stylex@0.9.3/node_modules/@stylexjs/stylex/lib/es/stylex.mjs';
+import _stylex from '../../node_modules/.pnpm/@stylexjs_stylex@0.10.0/node_modules/@stylexjs/stylex/lib/es/stylex.mjs';
 import { useTheme } from '../theme/hooks.mjs';
 import { stringify } from '@aiszlab/relax/class-name';
 import { Context } from './context.mjs';

package/dist/components/collapse/collapse.cjs

@@ -5,7 +5,7 @@ var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 var React = require('react');
 var useClassNames_component = require('../../hooks/use-class-names.component.cjs');
 var item = require('./item.cjs');
-var stylex = require('../../node_modules/.pnpm/@stylexjs_stylex@0.9.3/node_modules/@stylexjs/stylex/lib/es/stylex.cjs');
+var stylex = require('../../node_modules/.pnpm/@stylexjs_stylex@0.10.0/node_modules/@stylexjs/stylex/lib/es/stylex.cjs');
 var className = require('@aiszlab/relax/class-name');
 var hooks = require('./hooks.cjs');
 var context = require('./context.cjs');

package/dist/components/collapse/collapse.mjs

@@ -3,7 +3,7 @@ import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import React from 'react';
 import { useClassNames } from '../../hooks/use-class-names.component.mjs';
 import CollapseItem from './item.mjs';
-import _stylex from '../../node_modules/.pnpm/@stylexjs_stylex@0.9.3/node_modules/@stylexjs/stylex/lib/es/stylex.mjs';
+import _stylex from '../../node_modules/.pnpm/@stylexjs_stylex@0.10.0/node_modules/@stylexjs/stylex/lib/es/stylex.mjs';
 import { stringify } from '@aiszlab/relax/class-name';
 import { useActiveKeys } from './hooks.mjs';
 import { Context, CLASS_NAMES } from './context.mjs';

package/dist/components/collapse/item.cjs

@@ -4,7 +4,7 @@ var _regeneratorRuntime = require('@babel/runtime/helpers/regeneratorRuntime');
 var _asyncToGenerator = require('@babel/runtime/helpers/asyncToGenerator');
 var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 var React = require('react');
-var stylex = require('../../node_modules/.pnpm/@stylexjs_stylex@0.9.3/node_modules/@stylexjs/stylex/lib/es/stylex.cjs');
+var stylex = require('../../node_modules/.pnpm/@stylexjs_stylex@0.10.0/node_modules/@stylexjs/stylex/lib/es/stylex.cjs');
 var relax = require('@aiszlab/relax');
 var framerMotion = require('framer-motion');
 var context = require('./context.cjs');

package/dist/components/collapse/item.mjs

@@ -2,7 +2,7 @@ import _regeneratorRuntime from '@babel/runtime/helpers/regeneratorRuntime';
 import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import React, { useContext } from 'react';
-import _stylex from '../../node_modules/.pnpm/@stylexjs_stylex@0.9.3/node_modules/@stylexjs/stylex/lib/es/stylex.mjs';
+import _stylex from '../../node_modules/.pnpm/@stylexjs_stylex@0.10.0/node_modules/@stylexjs/stylex/lib/es/stylex.mjs';
 import { useUpdateEffect, useEvent } from '@aiszlab/relax';
 import { useAnimate } from 'framer-motion';
 import { Context } from './context.mjs';

package/dist/components/config/context.cjs

@@ -1,11 +1,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var className = require('../../utils/class-name.cjs');
 
 var Context = /*#__PURE__*/React.createContext({
   notifier: null,
-  classNames: className.DEFAULT_CLASS_NAMES,
   prefix: "musae"
 });
 

package/dist/components/config/context.mjs

@@ -1,9 +1,7 @@
 import { createContext } from 'react';
-import { DEFAULT_CLASS_NAMES } from '../../utils/class-name.mjs';
 
 var Context = /*#__PURE__*/createContext({
   notifier: null,
-  classNames: DEFAULT_CLASS_NAMES,
   prefix: "musae"
 });
 

package/dist/components/config/provider.cjs

@@ -3,7 +3,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var context = require('./context.cjs');
 var holder = require('../notification/holder.cjs');
-var className = require('../../utils/class-name.cjs');
 var context$1 = require('../../locale/context.cjs');
 var zh_CN = require('../../locale/locales/zh_CN.cjs');
 var relax = require('@aiszlab/relax');
@@ -14,17 +13,12 @@ var ConfigProvider = function ConfigProvider(_ref) {
     prefix = _ref$prefix === void 0 ? "musae" : _ref$prefix,
     _locale = _ref.locale;
   var notifierRef = React.useRef(null);
-  var classNames = React.useMemo(function () {
-    if (!prefix) return className.DEFAULT_CLASS_NAMES;
-    return className.addPrefix(className.CLASS_NAMES, prefix);
-  }, [prefix]);
   var locale = React.useMemo(function () {
     return relax.merge(zh_CN.default, _locale !== null && _locale !== void 0 ? _locale : {});
   }, [_locale]);
   return /*#__PURE__*/React.createElement(context.default.Provider, {
     value: {
       notifier: notifierRef,
-      classNames: classNames,
       prefix: prefix
     }
   }, /*#__PURE__*/React.createElement(context$1.LocaleContext.Provider, {