musae 0.2.20 → 0.2.22

package/dist/components/rich-text-editor/dropdown.js

@@ -17,8 +17,8 @@ var Dropdown = function Dropdown(_ref) {
     onChange = _ref.onChange,
     children = _ref.children;
   var popoverRef = useRef(null);
-  var onClick = useEvent( /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(key) {
+  var onClick = useEvent(/*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(key) {
       var _popoverRef$current;
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {

package/dist/components/rich-text-editor/plugins/floating-link-editor/index.js

@@ -35,7 +35,7 @@ var FloatingLinkEditorPlugin = function FloatingLinkEditorPlugin(_ref) {
   var styled = {
     className: "musaex-1fap3ks"
   };
-  var updateLink = useEvent( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+  var updateLink = useEvent(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
     var isValid, _form$getValues, href, title;
     return _regeneratorRuntime().wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
@@ -88,7 +88,7 @@ var FloatingLinkEditorPlugin = function FloatingLinkEditorPlugin(_ref) {
     className: styled.className,
     style: styled.style,
     onExited: turnOff
-  }, !isEditable && ( /*#__PURE__*/React.createElement(Space, null, /*#__PURE__*/React.createElement(Button, {
+  }, !isEditable && (/*#__PURE__*/React.createElement(Space, null, /*#__PURE__*/React.createElement(Button, {
     variant: "text",
     shape: "circular",
     size: "small",
@@ -103,7 +103,7 @@ var FloatingLinkEditorPlugin = function FloatingLinkEditorPlugin(_ref) {
     shape: "circular",
     size: "small",
     onClick: linkOff
-  }, /*#__PURE__*/React.createElement(LinkOff, null)))), isEditable && ( /*#__PURE__*/React.createElement(Form, {
+  }, /*#__PURE__*/React.createElement(LinkOff, null)))), isEditable && (/*#__PURE__*/React.createElement(Form, {
     form: form
   }, /*#__PURE__*/React.createElement(Form.Item, {
     name: "title",

package/dist/components/rich-text-editor/rich-text-editor.js

@@ -26,7 +26,7 @@ import ToolbarPlugin from './plugins/toolbar/index.js';
 import MarkdownShortcutPlugin from './plugins/markdown-shortcut/index.js';
 import { typography } from '../theme/theme.js';
 import '../checkbox/index.js';
-import checkboxStyles from '../checkbox/styles.js';
+import styles$1 from '../checkbox/styles.js';
 
 var styles = {
   shell: function shell(props) {
@@ -119,8 +119,8 @@ var RichTextEditor = function RichTextEditor(_ref) {
       }
     },
     checkbox: {
-      unchecked: _stylex.props(checkboxStyles.trigger["default"], styles.checkbox),
-      checked: _stylex.props(checkboxStyles.trigger["default"], checkboxStyles.trigger.checked, styles.checkbox)
+      unchecked: _stylex.props(styles$1.trigger["default"], styles.checkbox),
+      checked: _stylex.props(styles$1.trigger["default"], styles$1.trigger.checked, styles.checkbox)
     }
   };
   var initialConfig = useDefault(function () {

package/dist/components/select/select.js

@@ -3,7 +3,7 @@ import React, { useRef, useCallback } from 'react';
 import Picker from '../picker/picker.js';
 import { useOptions, useValue } from './hooks.js';
 import { SelectClassToken } from '../../utils/class-name.js';
-import clsx from 'clsx';
+import { clsx } from '@aiszlab/relax';
 import Selector from './selector.js';
 import Selections from './selections.js';
 import { useClassNames } from '../../hooks/use-class-names.js';

package/dist/components/skeleton/skeleton.js

@@ -3,7 +3,7 @@ import _stylex from '../../node_modules/.pnpm/@stylexjs_stylex@0.7.5/node_module
 import React from 'react';
 import { useClassNames } from '../../hooks/use-class-names.js';
 import { SkeletonClassToken } from '../../utils/class-name.js';
-import clsx from 'clsx';
+import { clsx } from '@aiszlab/relax';
 import { ComponentToken } from '../../utils/component-token.js';
 
 var styles = {

package/dist/components/space/space.js

@@ -3,7 +3,7 @@ import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import React from 'react';
 import { props } from '../../node_modules/.pnpm/@stylexjs_stylex@0.7.5/node_modules/@stylexjs/stylex/lib/es/stylex.js';
 import { useGutters } from '../../hooks/use-gutters.js';
-import clsx from 'clsx';
+import { clsx } from '@aiszlab/relax';
 
 var styles = {
   space: function space(props) {

package/dist/components/steps/item.js

@@ -3,11 +3,10 @@ import React, { useContext } from 'react';
 import _stylex from '../../node_modules/.pnpm/@stylexjs_stylex@0.7.5/node_modules/@stylexjs/stylex/lib/es/stylex.js';
 import { useClassNames } from '../../hooks/use-class-names.js';
 import { StepsClassToken } from '../../utils/class-name.js';
-import clsx from 'clsx';
 import { sizes } from '../theme/tokens.stylex.js';
 import { useTheme } from '../theme/hooks.js';
 import { ColorToken } from '../../utils/colors.js';
-import { useEvent } from '@aiszlab/relax';
+import { useEvent, clsx } from '@aiszlab/relax';
 import { Context } from './context.js';
 import { typography } from '../theme/theme.js';
 import { ComponentToken } from '../../utils/component-token.js';

package/dist/components/steps/steps.js

@@ -4,7 +4,7 @@ import Item from './item.js';
 import { useClassNames } from '../../hooks/use-class-names.js';
 import { StepsClassToken } from '../../utils/class-name.js';
 import _stylex from '../../node_modules/.pnpm/@stylexjs_stylex@0.7.5/node_modules/@stylexjs/stylex/lib/es/stylex.js';
-import clsx from 'clsx';
+import { clsx } from '@aiszlab/relax';
 import { Context } from './context.js';
 import { ComponentToken } from '../../utils/component-token.js';
 

package/dist/components/switch/switch.js

@@ -1,11 +1,10 @@
 import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import React from 'react';
-import { useControlledState, useEvent } from '@aiszlab/relax';
+import { useControlledState, useEvent, clsx } from '@aiszlab/relax';
 import { props } from '../../node_modules/.pnpm/@stylexjs_stylex@0.7.5/node_modules/@stylexjs/stylex/lib/es/stylex.js';
 import { useTheme } from '../theme/hooks.js';
 import { ColorToken } from '../../utils/colors.js';
-import clsx from 'clsx';
 import { useClassNames } from '../../hooks/use-class-names.js';
 import { SwitchClassToken } from '../../utils/class-name.js';
 import { layer } from '../../utils/layer.js';

package/dist/components/table/body.js

@@ -2,7 +2,7 @@ import React from 'react';
 import { useTable } from './context.js';
 import { flexRender } from '@tanstack/react-table';
 import { props } from '../../node_modules/.pnpm/@stylexjs_stylex@0.7.5/node_modules/@stylexjs/stylex/lib/es/stylex.js';
-import clsx from 'clsx';
+import { clsx } from '@aiszlab/relax';
 import { typography } from '../theme/theme.js';
 import { useTheme } from '../theme/hooks.js';
 import { ColorToken } from '../../utils/colors.js';

package/dist/components/table/header/cell.js

@@ -122,7 +122,7 @@ var Cell = function Cell(_ref) {
     style: styled.fullSort.style
   }, /*#__PURE__*/React.createElement(UnfoldMore, {
     size: "medium"
-  })), !!sort && ( /*#__PURE__*/React.createElement("div", {
+  })), !!sort && (/*#__PURE__*/React.createElement("div", {
     className: styled.halfSort.className,
     style: styled.halfSort.style
   }, /*#__PURE__*/React.createElement(UnfoldMore, {

package/dist/components/table/header/header.js

@@ -3,7 +3,7 @@ import { useTable } from '../context.js';
 import { flexRender } from '@tanstack/react-table';
 import { props } from '../../../node_modules/.pnpm/@stylexjs_stylex@0.7.5/node_modules/@stylexjs/stylex/lib/es/stylex.js';
 import { useTheme } from '../../theme/hooks.js';
-import clsx from 'clsx';
+import { clsx } from '@aiszlab/relax';
 import { ColorToken } from '../../../utils/colors.js';
 import { typography } from '../../theme/theme.js';
 

package/dist/components/tabs/navigation.js

@@ -1,12 +1,11 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import clsx from 'clsx';
 import React, { useRef, useEffect } from 'react';
 import _stylex from '../../node_modules/.pnpm/@stylexjs_stylex@0.7.5/node_modules/@stylexjs/stylex/lib/es/stylex.js';
 import { useClassNames } from '../../hooks/use-class-names.js';
 import { TabsClassToken } from '../../utils/class-name.js';
 import Tab from './tab.js';
 import { useAnimate } from 'framer-motion';
-import { isUndefined } from '@aiszlab/relax';
+import { isUndefined, clsx } from '@aiszlab/relax';
 import { useTheme } from '../theme/hooks.js';
 import { ColorToken } from '../../utils/colors.js';
 import { useTabsContext, useNavigation, useNavigatorScroll } from './hooks.js';

package/dist/components/tabs/panels.js

@@ -3,8 +3,7 @@ import React, { useMemo } from 'react';
 import _stylex from '../../node_modules/.pnpm/@stylexjs_stylex@0.7.5/node_modules/@stylexjs/stylex/lib/es/stylex.js';
 import { useClassNames } from '../../hooks/use-class-names.js';
 import { TabsClassToken } from '../../utils/class-name.js';
-import clsx from 'clsx';
-import { isUndefined, isVoid } from '@aiszlab/relax';
+import { isUndefined, clsx, isVoid } from '@aiszlab/relax';
 import { useTabsContext } from './hooks.js';
 import { ComponentToken } from '../../utils/component-token.js';
 

package/dist/components/tabs/tabs.js

@@ -2,7 +2,7 @@ import React, { useMemo } from 'react';
 import Context from './context.js';
 import { useClassNames } from '../../hooks/use-class-names.js';
 import { TabsClassToken } from '../../utils/class-name.js';
-import clsx from 'clsx';
+import { clsx } from '@aiszlab/relax';
 import { useTabs } from './hooks.js';
 import Panels from './panels.js';
 import Navigation from './navigation.js';

package/dist/components/tag/tag.js

@@ -1,6 +1,6 @@
 import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import React from 'react';
-import clsx from 'clsx';
+import { clsx } from '@aiszlab/relax';
 import { useClassNames } from '../../hooks/use-class-names.js';
 import { TagClassToken } from '../../utils/class-name.js';
 import { props } from '../../node_modules/.pnpm/@stylexjs_stylex@0.7.5/node_modules/@stylexjs/stylex/lib/es/stylex.js';

package/dist/components/theme/tokens.stylex.d.ts

@@ -1,13 +1,14 @@
+export type ElevationToken = "none" | "xsmall" | "small" | "medium" | "large" | "xlarge";
 /**
  * @description
  * elevations
  */
 export declare const elevations: import("@stylexjs/stylex").VarGroup<Readonly<{
-    none: string;
-    xsmall: string;
     small: string;
     medium: string;
     large: string;
+    none: string;
+    xsmall: string;
     xlarge: string;
 }>, symbol>;
 /**

package/dist/components/theme/tokens.stylex.js

@@ -2,6 +2,15 @@
  * @description
  * elevations
  */
+var elevations = {
+  none: "var(--musaex-gmufu8)",
+  xsmall: "var(--musaex-15zostt)",
+  small: "var(--musaex-1trg6py)",
+  medium: "var(--musaex-4poz8g)",
+  large: "var(--musaex-1vq77kn)",
+  xlarge: "var(--musaex-1yt3x0a)",
+  __themeName__: "musaex-7eja5x"
+};
 /**
  * @description
  * spacing
@@ -50,4 +59,4 @@ var sizes = {
   __themeName__: "musaex-qhz0mn"
 };
 
-export { sizes, spacing };
+export { elevations, sizes, spacing };

package/dist/components/time-picker/panel.js

@@ -8,7 +8,7 @@ import dayjs from 'dayjs';
 import { props } from '../../node_modules/.pnpm/@stylexjs_stylex@0.7.5/node_modules/@stylexjs/stylex/lib/es/stylex.js';
 import { useTheme } from '../theme/hooks.js';
 import { ColorToken } from '../../utils/colors.js';
-import clsx from 'clsx';
+import { clsx } from '@aiszlab/relax';
 import { ComponentToken } from '../../utils/component-token.js';
 import { useLocale } from '../../locale/use-locale.js';
 

package/dist/components/time-picker/time-picker.js

@@ -3,13 +3,12 @@ import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import React, { useRef, useMemo } from 'react';
 import Picker from '../picker/picker.js';
-import clsx from 'clsx';
 import { useClassNames } from '../../hooks/use-class-names.js';
 import { TimePickerClassToken } from '../../utils/class-name.js';
 import Panel from './panel.js';
 import { useValue } from './hooks.js';
 import { props } from '../../node_modules/.pnpm/@stylexjs_stylex@0.7.5/node_modules/@stylexjs/stylex/lib/es/stylex.js';
-import { useEvent } from '@aiszlab/relax';
+import { clsx, useEvent } from '@aiszlab/relax';
 import { styles } from '../input/input.js';
 import { ComponentToken } from '../../utils/component-token.js';
 
@@ -35,7 +34,7 @@ var TimePicker = function TimePicker(_ref) {
       readOnly: true
     });
   }, [value, classNames]);
-  var popperEntered = useEvent( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+  var popperEntered = useEvent(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
     var _panelRef$current;
     return _regeneratorRuntime().wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {

package/dist/components/timeline/item.js

@@ -4,7 +4,7 @@ import { Context } from './context.js';
 import { sizes } from '../theme/tokens.stylex.js';
 import { useClassNames } from '../../hooks/use-class-names.js';
 import { TimelineClassToken } from '../../utils/class-name.js';
-import clsx from 'clsx';
+import { clsx } from '@aiszlab/relax';
 import { useTheme } from '../theme/hooks.js';
 import { ColorToken } from '../../utils/colors.js';
 import { ComponentToken } from '../../utils/component-token.js';
@@ -197,7 +197,7 @@ var Item = function Item(_ref) {
   return /*#__PURE__*/React.createElement("li", {
     className: clsx(classNames[TimelineClassToken.Item], styled.item.className),
     style: styled.item.style
-  }, isLabeled && ( /*#__PURE__*/React.createElement("div", {
+  }, isLabeled && (/*#__PURE__*/React.createElement("div", {
     className: clsx(classNames[TimelineClassToken.Label], styled.label.className),
     style: styled.label.style
   }, label)), /*#__PURE__*/React.createElement("div", {
@@ -206,7 +206,7 @@ var Item = function Item(_ref) {
   }, /*#__PURE__*/React.createElement("div", {
     className: clsx(classNames[TimelineClassToken.Sign], styled.sign.className),
     style: styled.sign.style
-  }, dot !== null && dot !== void 0 ? dot : ( /*#__PURE__*/React.createElement("span", {
+  }, dot !== null && dot !== void 0 ? dot : (/*#__PURE__*/React.createElement("span", {
     className: clsx(classNames[TimelineClassToken.Dot], styled.dot.className),
     style: styled.dot.style
   })))), /*#__PURE__*/React.createElement("div", {

package/dist/components/timeline/timeline.js

@@ -3,7 +3,7 @@ import Item from './item.js';
 import { Context } from './context.js';
 import { useClassNames } from '../../hooks/use-class-names.js';
 import { TimelineClassToken } from '../../utils/class-name.js';
-import clsx from 'clsx';
+import { clsx } from '@aiszlab/relax';
 import { ComponentToken } from '../../utils/component-token.js';
 
 var Timeline = function Timeline(_ref) {

package/dist/components/tooltip/tooltip.js

@@ -2,7 +2,7 @@ import React from 'react';
 import Popover from '../popover/popover.js';
 import { useClassNames } from '../../hooks/use-class-names.js';
 import { TooltipClassToken } from '../../utils/class-name.js';
-import clsx from 'clsx';
+import { clsx } from '@aiszlab/relax';
 import { ComponentToken } from '../../utils/component-token.js';
 
 var Tooltip = function Tooltip(_ref) {

package/dist/components/tour/spotlight.js

@@ -1,8 +1,7 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import React, { useRef, useMemo, useEffect } from 'react';
-import { isFunction } from '@aiszlab/relax';
+import { isFunction, clsx } from '@aiszlab/relax';
 import { autoUpdate, computePosition, size, offset } from '@floating-ui/dom';
-import clsx from 'clsx';
 import { useClassNames } from '../../hooks/use-class-names.js';
 import { TourClassToken } from '../../utils/class-name.js';
 import { ComponentToken } from '../../utils/component-token.js';

package/dist/components/tour/tour.js

@@ -10,7 +10,7 @@ import Space from '../space/space.js';
 import { typography } from '../theme/theme.js';
 import { useClassNames } from '../../hooks/use-class-names.js';
 import { TourClassToken } from '../../utils/class-name.js';
-import clsx from 'clsx';
+import { clsx } from '@aiszlab/relax';
 import { useStep } from './hooks.js';
 import Spotlight from './spotlight.js';
 import { useGutters } from '../../hooks/use-gutters.js';
@@ -154,13 +154,13 @@ var Tour = function Tour(_ref) {
     gutter: 6,
     className: clsx(classNames[TourClassToken.Footer], styled.footer.className),
     style: styled.footer.style
-  }, hasPrev && ( /*#__PURE__*/React.createElement(Button, {
+  }, hasPrev && (/*#__PURE__*/React.createElement(Button, {
     onClick: prev,
     size: "small"
-  }, locale.prev)), hasNext && ( /*#__PURE__*/React.createElement(Button, {
+  }, locale.prev)), hasNext && (/*#__PURE__*/React.createElement(Button, {
     onClick: next,
     size: "small"
-  }, locale.next)), !hasNext && ( /*#__PURE__*/React.createElement(Button, {
+  }, locale.next)), !hasNext && (/*#__PURE__*/React.createElement(Button, {
     onClick: close,
     size: "small"
   }, locale.finish)))));

package/dist/components/transfer/item.js

@@ -2,7 +2,7 @@ import React from 'react';
 import { Checkbox } from '../checkbox/index.js';
 import { useClassNames } from '../../hooks/use-class-names.js';
 import { TransferClassToken } from '../../utils/class-name.js';
-import clsx from 'clsx';
+import { clsx } from '@aiszlab/relax';
 import { ComponentToken } from '../../utils/component-token.js';
 
 var Item = function Item(_ref) {

package/dist/components/transfer/list.js

@@ -8,7 +8,7 @@ import { Checkbox } from '../checkbox/index.js';
 import { Context } from './context.js';
 import { useClassNames } from '../../hooks/use-class-names.js';
 import { TransferClassToken } from '../../utils/class-name.js';
-import clsx from 'clsx';
+import { clsx } from '@aiszlab/relax';
 import { typography } from '../theme/theme.js';
 import { ComponentToken } from '../../utils/component-token.js';
 import { useLocale } from '../../locale/use-locale.js';

package/dist/components/transfer/transfer.js

@@ -6,7 +6,7 @@ import Button from '../button/button.js';
 import { Context } from './context.js';
 import { useClassNames } from '../../hooks/use-class-names.js';
 import { TransferClassToken } from '../../utils/class-name.js';
-import clsx from 'clsx';
+import { clsx } from '@aiszlab/relax';
 import { ComponentToken } from '../../utils/component-token.js';
 import KeyboardArrowRight from '../icon/icons/hardware/keyboard-arrow-right.js';
 import KeyboardArrowLeft from '../icon/icons/hardware/keyboard-arrow-left.js';

package/dist/components/tree/list.js

@@ -7,13 +7,12 @@ import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import { props } from '../../node_modules/.pnpm/@stylexjs_stylex@0.7.5/node_modules/@stylexjs/stylex/lib/es/stylex.js';
 import React, { useContext } from 'react';
 import Node from './node.js';
-import clsx from 'clsx';
 import { useAnimate } from 'framer-motion';
 import Context from './context.js';
 import { useClassNames } from '../../hooks/use-class-names.js';
 import { TreeClassToken } from '../../utils/class-name.js';
 import { useExpandable } from '../../hooks/use-expandable.js';
-import { useUpdateEffect } from '@aiszlab/relax';
+import { useUpdateEffect, clsx } from '@aiszlab/relax';
 import { ComponentToken } from '../../utils/component-token.js';
 
 var _excluded = ["children"];
@@ -49,7 +48,7 @@ var _List = function List(_ref) {
   var _useExpandable = useExpandable(),
     expand = _useExpandable.expand,
     collapse = _useExpandable.collapse;
-  useUpdateEffect( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+  useUpdateEffect(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
     return _regeneratorRuntime().wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
@@ -85,7 +84,7 @@ var _List = function List(_ref) {
       onExpand: onExpand,
       title: node.title,
       level: level
-    }, children.length > 0 && ( /*#__PURE__*/React.createElement(_List, {
+    }, children.length > 0 && (/*#__PURE__*/React.createElement(_List, {
       nodes: children,
       expanded: expandedKeys.has(node.key),
       level: level + 1

package/dist/components/tree/node.js

@@ -5,10 +5,9 @@ import { TreeClassToken } from '../../utils/class-name.js';
 import Context from './context.js';
 import { Checkbox } from '../checkbox/index.js';
 import { props } from '../../node_modules/.pnpm/@stylexjs_stylex@0.7.5/node_modules/@stylexjs/stylex/lib/es/stylex.js';
-import clsx from 'clsx';
 import { useTheme } from '../theme/hooks.js';
 import { ColorToken } from '../../utils/colors.js';
-import { useEvent } from '@aiszlab/relax';
+import { useEvent, clsx } from '@aiszlab/relax';
 import { ComponentToken } from '../../utils/component-token.js';
 import KeyboardArrowRight from '../icon/icons/hardware/keyboard-arrow-right.js';
 

package/dist/components/upload/uploadeds.js

@@ -28,7 +28,7 @@ var Uploadeds = /*#__PURE__*/forwardRef(function (_ref, ref) {
   useImperativeHandle(ref, function () {
     return {
       add: function () {
-        var _add = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(file) {
+        var _add = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(file) {
           var hasUploader, status, id, url;
           return _regeneratorRuntime().wrap(function _callee$(_context) {
             while (1) switch (_context.prev = _context.next) {

package/dist/components/visually-hidden/visually-hidden.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { useClassNames } from '../../hooks/use-class-names.js';
 import { VisuallyHiddenClassToken } from '../../utils/class-name.js';
-import clsx from 'clsx';
+import { clsx } from '@aiszlab/relax';
 import { ComponentToken } from '../../utils/component-token.js';
 
 var VisuallyHidden = function VisuallyHidden(_ref) {

package/dist/components/waterfall/waterfall.js

@@ -3,9 +3,8 @@ import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import { props } from '../../node_modules/.pnpm/@stylexjs_stylex@0.7.5/node_modules/@stylexjs/stylex/lib/es/stylex.js';
 import React from 'react';
 import { useRepaint } from './hooks.js';
-import clsx from 'clsx';
 import { useGutters } from '../../hooks/use-gutters.js';
-import { useUpdateEffect, useMounted } from '@aiszlab/relax';
+import { useUpdateEffect, useMounted, clsx } from '@aiszlab/relax';
 import Sequential from './sequential.js';
 import { useClassNames } from '../../hooks/use-class-names.js';
 import { WaterfallClassToken } from '../../utils/class-name.js';

package/dist/hooks/use-class-names.d.ts

@@ -256,4 +256,7 @@ export declare const useClassNames: <T extends ComponentToken = ComponentToken>(
         1: string;
     };
     45: {};
+    46: {
+        0: string;
+    };
 }[T];

package/dist/hooks/use-expandable.js

@@ -8,8 +8,8 @@ import { useEvent } from '@aiszlab/relax';
  * expand handler
  */
 var useExpandable = function useExpandable() {
-  var expand = useEvent( /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(_ref) {
+  var expand = useEvent(/*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(_ref) {
       var _ref3, element, animate;
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
@@ -37,8 +37,8 @@ var useExpandable = function useExpandable() {
       return _ref2.apply(this, arguments);
     };
   }());
-  var collapse = useEvent( /*#__PURE__*/function () {
-    var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(_ref4) {
+  var collapse = useEvent(/*#__PURE__*/function () {
+    var _ref5 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2(_ref4) {
       var _ref6, element, animate;
       return _regeneratorRuntime().wrap(function _callee2$(_context2) {
         while (1) switch (_context2.prev = _context2.next) {

package/dist/index.d.ts

@@ -59,6 +59,7 @@ export { Highlight } from "./components/highlight";
 export { Bench } from "./components/bench";
 export { I18nButton } from "./components/i18n-button";
 export { RichTextEditor } from "./components/rich-text-editor";
+export { Quote } from "./components/quote";
 /**
  * @description
  * hooks

package/dist/index.js

@@ -1,4 +1,4 @@
-import "./stylex.css";
+import "musae/styles.css";
 export { Avatar } from './components/avatar/index.js';
 export { Radio } from './components/radio/index.js';
 export { Checkbox } from './components/checkbox/index.js';
@@ -56,6 +56,7 @@ export { default as Popconfirm } from './components/popconfirm/popconfirm.js';
 export { default as Highlight } from './components/highlight/highlight.js';
 export { default as Bench } from './components/bench/bench.js';
 export { default as I18nButton } from './components/i18n-button/i18n-button.js';
+export { default as Quote } from './components/quote/quote.js';
 export { useMessage } from './components/message/hooks.js';
 export { default as Message } from './components/message/messager.js';
 export { useNotification } from './components/notification/hooks.js';

package/dist/{stylex.css → styles.css}

@@ -213,9 +213,11 @@
 .musaex-14z9mp:not(#\#):not(#\#):not(#\#){margin-inline-end:0}
 .musaex-1rjh17g:not(#\#):not(#\#):not(#\#){margin-inline-end:calc(-100% - var(--musaex-rlgvtq) - var(--musaex-jdzqnm) * 4 - var(--musaex-jdzqnm))}
 .musaex-1kwx3ox:not(#\#):not(#\#):not(#\#){margin-inline-end:calc(100% + var(--musaex-rlgvtq) + var(--musaex-jdzqnm) * 4 + var(--musaex-jdzqnm))}
+.musaex-1uoloo9:not(#\#):not(#\#):not(#\#){margin-inline-end:var(--marginInlineEnd,revert)}
 .musaex-1lziwak:not(#\#):not(#\#):not(#\#){margin-inline-start:0}
 .musaex-xsxsn7:not(#\#):not(#\#):not(#\#){margin-inline-start:calc(-100% - var(--musaex-rlgvtq) - var(--musaex-jdzqnm) * 4 - var(--musaex-jdzqnm))}
 .musaex-1bec1b4:not(#\#):not(#\#):not(#\#){margin-inline-start:calc(100% + var(--musaex-rlgvtq) + var(--musaex-jdzqnm) * 4 + var(--musaex-jdzqnm))}
+.musaex-1f2nheo:not(#\#):not(#\#):not(#\#){margin-inline-start:var(--marginInlineStart,revert)}
 .musaex-igfled:not(#\#):not(#\#):not(#\#){margin-inline-start:var(--musaex-68a8pz)}
 .musaex-1dzd4em:not(#\#):not(#\#):not(#\#){mix-blend-mode:hard-light}
 .musaex-l1xv1r:not(#\#):not(#\#):not(#\#){object-fit:cover}
@@ -229,6 +231,7 @@
 .musaex-naytfa:not(#\#):not(#\#):not(#\#){padding-inline-end:calc(var(--musaex-rlgvtq) + var(--musaex-jdzqnm) * 4)}
 .musaex-rjmplk:not(#\#):not(#\#):not(#\#){padding-inline-start:calc(var(--musaex-15cw4i4) / 2 - var(--musaex-jdzqnm))}
 .musaex-1m1uyq8:not(#\#):not(#\#):not(#\#){padding-inline-start:calc(var(--musaex-rlgvtq) + var(--musaex-jdzqnm) * 4)}
+.musaex-7t49h1:not(#\#):not(#\#):not(#\#){padding-inline-start:var(--musaex-1ncxh3n)}
 .musaex-71s49j:not(#\#):not(#\#):not(#\#){pointer-events:all}
 .musaex-67bb7w:not(#\#):not(#\#):not(#\#){pointer-events:auto}
 .musaex-47corl:not(#\#):not(#\#):not(#\#){pointer-events:none}
@@ -349,12 +352,14 @@ html[dir='rtl'] .musaex-p4054r:not(#\#):not(#\#):not(#\#){text-align:left}
 .musaex-xtgfc8:not(#\#):not(#\#):not(#\#):not(#\#){height:var(--musaex-xrqq76)}
 .musaex-u96u03:not(#\#):not(#\#):not(#\#):not(#\#){left:0}
 .musaex-101gtxs:not(#\#):not(#\#):not(#\#):not(#\#){left:var(--left,revert)}
+.musaex-19qvvsl:not(#\#):not(#\#):not(#\#):not(#\#){margin-bottom:var(--marginBlockEnd,revert)}
 .musaex-uaxuc:not(#\#):not(#\#):not(#\#):not(#\#){margin-bottom:var(--musaex-15cw4i4)}
 .musaex-1w7ha7z:not(#\#):not(#\#):not(#\#):not(#\#){margin-bottom:var(--musaex-1tzp6vk)}
 .musaex-9x39mp:not(#\#):not(#\#):not(#\#):not(#\#){margin-left:var(--musaex-1ncxh3n)}
 .musaex-ack27t:not(#\#):not(#\#):not(#\#):not(#\#){margin-right:auto}
 .musaex-1a1twg2:not(#\#):not(#\#):not(#\#):not(#\#){margin-right:var(--musaex-qk2ac7)}
 .musaex-185trme:not(#\#):not(#\#):not(#\#):not(#\#){margin-top:calc(-1 * var(--musaex-1qsoxbc))}
+.musaex-fdd01f:not(#\#):not(#\#):not(#\#):not(#\#){margin-top:var(--marginBlockStart,revert)}
 .musaex-xhh4n9:not(#\#):not(#\#):not(#\#):not(#\#){margin-top:var(--musaex-1ncxh3n)}
 .musaex-gqr9ew:not(#\#):not(#\#):not(#\#):not(#\#){margin-top:var(--musaex-1wblvyz)}
 .musaex-19h4m1:not(#\#):not(#\#):not(#\#):not(#\#){margin-top:var(--musaex-qk2ac7)}
@@ -454,6 +459,7 @@ html[dir='rtl'] .musaex-p4054r:not(#\#):not(#\#):not(#\#){text-align:left}
 .musaex-27d4w3:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{background-color:var(--15iyedw,revert)}
 .musaex-rr6jkh:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{background-color:var(--1lrm08k,revert)}
 .musaex-1cj4lvr:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::-webkit-scrollbar-thumb{background-color:var(--b44ld2,revert)}
+.musaex-1xmraew:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{background-color:var(--outline-color)}
 .musaex-ietmgg:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{background-color:var(--primary-color)}
 html:not([dir='rtl']) .musaex-15cyge6:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{box-shadow:inset -10px 0 8px -8px rgba(0,0,0,.08)}
 html[dir='rtl'] .musaex-15cyge6:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{box-shadow:inset 10px 0 8px -8px rgba(0,0,0,.08)}
@@ -529,5 +535,6 @@ html[dir='rtl'] .musaex-91zhsk:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(
 .musaex-fuyjx5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{width:var(--musaex-1qj6wod)}
 .musaex-1iylo5z:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{width:var(--musaex-1rrllem)}
 .musaex-16absqa:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{width:var(--musaex-fwu7zn)}
+.musaex-bv6p2w:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{width:var(--musaex-jdzqnm)}
 .musaex-z31nut:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::-webkit-scrollbar{width:var(--musaex-vk5id6)}
 .musaex-1b1hfbl:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{width:var(--nzppn4,revert)}

package/dist/utils/class-name.d.ts

@@ -261,6 +261,9 @@ export declare enum HighlightClassToken {
     Highlight = 0,
     Capture = 1
 }
+export declare enum QuoteClassToken {
+    Quote = 0
+}
 /**
  * @description
  * class name collection
@@ -521,6 +524,9 @@ export declare const CLASS_NAMES: {
         1: string;
     };
     45: {};
+    46: {
+        0: string;
+    };
 };
 /**
  * @description
@@ -784,4 +790,7 @@ export declare const DEFAULT_CLASS_NAMES: {
         1: string;
     };
     45: {};
+    46: {
+        0: string;
+    };
 };