musae 1.3.0 → 1.3.1-beta.2

package/dist/components/typography/body.cjs

@@ -0,0 +1,31 @@
+'use strict';
+
+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.19.0/node_modules/@stylexjs/stylex/lib/es/stylex.cjs');
+var className = require('@aiszlab/relax/class-name');
+var theme = require('../theme/theme.cjs');
+var context = require('./context.cjs');
+
+/**
+ * @zh Body 排版组件。使用 `<p>` 语义元素，适用于正文段落。
+ * @en Body typography component. Uses `<p>` semantic element for body text paragraphs.
+ */
+var Body = function Body(_ref) {
+  var _ref$size = _ref.size,
+    size = _ref$size === void 0 ? "medium" : _ref$size,
+    children = _ref.children,
+    className$1 = _ref.className,
+    style = _ref.style;
+  var classNames = useClassNames.useClassNames(context.CLASS_NAMES);
+  var styled = stylex.props(theme.$body[size]);
+  return /*#__PURE__*/React.createElement("p", {
+    className: className.stringify(classNames.body, className$1, styled.className),
+    style: _objectSpread(_objectSpread({}, styled.style), style)
+  }, children);
+};
+
+exports.default = Body;

package/dist/components/typography/body.d.ts

@@ -0,0 +1,8 @@
+import type { ReactNode } from "react";
+import type { TypographyProps } from "../../types/typography";
+/**
+ * @zh Body 排版组件。使用 `<p>` 语义元素，适用于正文段落。
+ * @en Body typography component. Uses `<p>` semantic element for body text paragraphs.
+ */
+declare const Body: ({ size, children, className, style }: TypographyProps) => ReactNode;
+export default Body;

package/dist/components/typography/body.mjs

@@ -0,0 +1,27 @@
+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.19.0/node_modules/@stylexjs/stylex/lib/es/stylex.mjs';
+import { stringify } from '@aiszlab/relax/class-name';
+import { $body } from '../theme/theme.mjs';
+import { CLASS_NAMES } from './context.mjs';
+
+/**
+ * @zh Body 排版组件。使用 `<p>` 语义元素，适用于正文段落。
+ * @en Body typography component. Uses `<p>` semantic element for body text paragraphs.
+ */
+var Body = function Body(_ref) {
+  var _ref$size = _ref.size,
+    size = _ref$size === void 0 ? "medium" : _ref$size,
+    children = _ref.children,
+    className = _ref.className,
+    style = _ref.style;
+  var classNames = useClassNames(CLASS_NAMES);
+  var styled = props($body[size]);
+  return /*#__PURE__*/React.createElement("p", {
+    className: stringify(classNames.body, className, styled.className),
+    style: _objectSpread(_objectSpread({}, styled.style), style)
+  }, children);
+};
+
+export { Body as default };

package/dist/components/typography/context.cjs

@@ -0,0 +1,15 @@
+'use strict';
+
+/**
+ * @zh Typography 的 class 名称
+ * @en class names for Typography
+ */
+var CLASS_NAMES = {
+  display: "typography-display",
+  headline: "typography-headline",
+  title: "typography-title",
+  label: "typography-label",
+  body: "typography-body"
+};
+
+exports.CLASS_NAMES = CLASS_NAMES;

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

@@ -0,0 +1,11 @@
+/**
+ * @zh Typography 的 class 名称
+ * @en class names for Typography
+ */
+export declare const CLASS_NAMES: {
+    readonly display: "typography-display";
+    readonly headline: "typography-headline";
+    readonly title: "typography-title";
+    readonly label: "typography-label";
+    readonly body: "typography-body";
+};

package/dist/components/typography/context.mjs

@@ -0,0 +1,13 @@
+/**
+ * @zh Typography 的 class 名称
+ * @en class names for Typography
+ */
+var CLASS_NAMES = {
+  display: "typography-display",
+  headline: "typography-headline",
+  title: "typography-title",
+  label: "typography-label",
+  body: "typography-body"
+};
+
+export { CLASS_NAMES };

package/dist/components/typography/display.cjs

@@ -0,0 +1,31 @@
+'use strict';
+
+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.19.0/node_modules/@stylexjs/stylex/lib/es/stylex.cjs');
+var className = require('@aiszlab/relax/class-name');
+var theme = require('../theme/theme.cjs');
+var context = require('./context.cjs');
+
+/**
+ * @zh Display 排版组件。使用 `<h1>` 语义元素，适用于页面最大的标题。
+ * @en Display typography component. Uses `<h1>` semantic element for the largest page headings.
+ */
+var Display = function Display(_ref) {
+  var _ref$size = _ref.size,
+    size = _ref$size === void 0 ? "medium" : _ref$size,
+    children = _ref.children,
+    className$1 = _ref.className,
+    style = _ref.style;
+  var classNames = useClassNames.useClassNames(context.CLASS_NAMES);
+  var styled = stylex.props(theme.$display[size]);
+  return /*#__PURE__*/React.createElement("h1", {
+    className: className.stringify(classNames.display, className$1, styled.className),
+    style: _objectSpread(_objectSpread({}, styled.style), style)
+  }, children);
+};
+
+exports.default = Display;

package/dist/components/typography/display.d.ts

@@ -0,0 +1,8 @@
+import type { ReactNode } from "react";
+import type { TypographyProps } from "../../types/typography";
+/**
+ * @zh Display 排版组件。使用 `<h1>` 语义元素，适用于页面最大的标题。
+ * @en Display typography component. Uses `<h1>` semantic element for the largest page headings.
+ */
+declare const Display: ({ size, children, className, style }: TypographyProps) => ReactNode;
+export default Display;

package/dist/components/typography/display.mjs

@@ -0,0 +1,27 @@
+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.19.0/node_modules/@stylexjs/stylex/lib/es/stylex.mjs';
+import { stringify } from '@aiszlab/relax/class-name';
+import { $display } from '../theme/theme.mjs';
+import { CLASS_NAMES } from './context.mjs';
+
+/**
+ * @zh Display 排版组件。使用 `<h1>` 语义元素，适用于页面最大的标题。
+ * @en Display typography component. Uses `<h1>` semantic element for the largest page headings.
+ */
+var Display = function Display(_ref) {
+  var _ref$size = _ref.size,
+    size = _ref$size === void 0 ? "medium" : _ref$size,
+    children = _ref.children,
+    className = _ref.className,
+    style = _ref.style;
+  var classNames = useClassNames(CLASS_NAMES);
+  var styled = props($display[size]);
+  return /*#__PURE__*/React.createElement("h1", {
+    className: stringify(classNames.display, className, styled.className),
+    style: _objectSpread(_objectSpread({}, styled.style), style)
+  }, children);
+};
+
+export { Display as default };

package/dist/components/typography/headline.cjs

@@ -0,0 +1,31 @@
+'use strict';
+
+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.19.0/node_modules/@stylexjs/stylex/lib/es/stylex.cjs');
+var className = require('@aiszlab/relax/class-name');
+var theme = require('../theme/theme.cjs');
+var context = require('./context.cjs');
+
+/**
+ * @zh Headline 排版组件。使用 `<h2>` 语义元素，适用于页面次级标题。
+ * @en Headline typography component. Uses `<h2>` semantic element for secondary page headings.
+ */
+var Headline = function Headline(_ref) {
+  var _ref$size = _ref.size,
+    size = _ref$size === void 0 ? "medium" : _ref$size,
+    children = _ref.children,
+    className$1 = _ref.className,
+    style = _ref.style;
+  var classNames = useClassNames.useClassNames(context.CLASS_NAMES);
+  var styled = stylex.props(theme.$headline[size]);
+  return /*#__PURE__*/React.createElement("h2", {
+    className: className.stringify(classNames.headline, className$1, styled.className),
+    style: _objectSpread(_objectSpread({}, styled.style), style)
+  }, children);
+};
+
+exports.default = Headline;

package/dist/components/typography/headline.d.ts

@@ -0,0 +1,8 @@
+import type { ReactNode } from "react";
+import type { TypographyProps } from "../../types/typography";
+/**
+ * @zh Headline 排版组件。使用 `<h2>` 语义元素，适用于页面次级标题。
+ * @en Headline typography component. Uses `<h2>` semantic element for secondary page headings.
+ */
+declare const Headline: ({ size, children, className, style }: TypographyProps) => ReactNode;
+export default Headline;

package/dist/components/typography/headline.mjs

@@ -0,0 +1,27 @@
+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.19.0/node_modules/@stylexjs/stylex/lib/es/stylex.mjs';
+import { stringify } from '@aiszlab/relax/class-name';
+import { $headline } from '../theme/theme.mjs';
+import { CLASS_NAMES } from './context.mjs';
+
+/**
+ * @zh Headline 排版组件。使用 `<h2>` 语义元素，适用于页面次级标题。
+ * @en Headline typography component. Uses `<h2>` semantic element for secondary page headings.
+ */
+var Headline = function Headline(_ref) {
+  var _ref$size = _ref.size,
+    size = _ref$size === void 0 ? "medium" : _ref$size,
+    children = _ref.children,
+    className = _ref.className,
+    style = _ref.style;
+  var classNames = useClassNames(CLASS_NAMES);
+  var styled = props($headline[size]);
+  return /*#__PURE__*/React.createElement("h2", {
+    className: stringify(classNames.headline, className, styled.className),
+    style: _objectSpread(_objectSpread({}, styled.style), style)
+  }, children);
+};
+
+export { Headline as default };

package/dist/components/typography/index.d.ts

@@ -0,0 +1,2 @@
+import Typography from "./typography";
+export { Typography };

package/dist/components/typography/label.cjs

@@ -0,0 +1,31 @@
+'use strict';
+
+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.19.0/node_modules/@stylexjs/stylex/lib/es/stylex.cjs');
+var className = require('@aiszlab/relax/class-name');
+var theme = require('../theme/theme.cjs');
+var context = require('./context.cjs');
+
+/**
+ * @zh Label 排版组件。使用 `<span>` 语义元素，适用于标签、说明等文本。
+ * @en Label typography component. Uses `<span>` semantic element for labels and captions.
+ */
+var Label = function Label(_ref) {
+  var _ref$size = _ref.size,
+    size = _ref$size === void 0 ? "medium" : _ref$size,
+    children = _ref.children,
+    className$1 = _ref.className,
+    style = _ref.style;
+  var classNames = useClassNames.useClassNames(context.CLASS_NAMES);
+  var styled = stylex.props(theme.$label[size]);
+  return /*#__PURE__*/React.createElement("span", {
+    className: className.stringify(classNames.label, className$1, styled.className),
+    style: _objectSpread(_objectSpread({}, styled.style), style)
+  }, children);
+};
+
+exports.default = Label;

package/dist/components/typography/label.d.ts

@@ -0,0 +1,8 @@
+import type { ReactNode } from "react";
+import type { TypographyProps } from "../../types/typography";
+/**
+ * @zh Label 排版组件。使用 `<span>` 语义元素，适用于标签、说明等文本。
+ * @en Label typography component. Uses `<span>` semantic element for labels and captions.
+ */
+declare const Label: ({ size, children, className, style }: TypographyProps) => ReactNode;
+export default Label;

package/dist/components/typography/label.mjs

@@ -0,0 +1,27 @@
+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.19.0/node_modules/@stylexjs/stylex/lib/es/stylex.mjs';
+import { stringify } from '@aiszlab/relax/class-name';
+import { $label } from '../theme/theme.mjs';
+import { CLASS_NAMES } from './context.mjs';
+
+/**
+ * @zh Label 排版组件。使用 `<span>` 语义元素，适用于标签、说明等文本。
+ * @en Label typography component. Uses `<span>` semantic element for labels and captions.
+ */
+var Label = function Label(_ref) {
+  var _ref$size = _ref.size,
+    size = _ref$size === void 0 ? "medium" : _ref$size,
+    children = _ref.children,
+    className = _ref.className,
+    style = _ref.style;
+  var classNames = useClassNames(CLASS_NAMES);
+  var styled = props($label[size]);
+  return /*#__PURE__*/React.createElement("span", {
+    className: stringify(classNames.label, className, styled.className),
+    style: _objectSpread(_objectSpread({}, styled.style), style)
+  }, children);
+};
+
+export { Label as default };

package/dist/components/typography/title.cjs

@@ -0,0 +1,31 @@
+'use strict';
+
+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.19.0/node_modules/@stylexjs/stylex/lib/es/stylex.cjs');
+var className = require('@aiszlab/relax/class-name');
+var theme = require('../theme/theme.cjs');
+var context = require('./context.cjs');
+
+/**
+ * @zh Title 排版组件。使用 `<h3>` 语义元素，适用于区块标题。
+ * @en Title typography component. Uses `<h3>` semantic element for section titles.
+ */
+var Title = function Title(_ref) {
+  var _ref$size = _ref.size,
+    size = _ref$size === void 0 ? "medium" : _ref$size,
+    children = _ref.children,
+    className$1 = _ref.className,
+    style = _ref.style;
+  var classNames = useClassNames.useClassNames(context.CLASS_NAMES);
+  var styled = stylex.props(theme.$title[size]);
+  return /*#__PURE__*/React.createElement("h3", {
+    className: className.stringify(classNames.title, className$1, styled.className),
+    style: _objectSpread(_objectSpread({}, styled.style), style)
+  }, children);
+};
+
+exports.default = Title;

package/dist/components/typography/title.d.ts

@@ -0,0 +1,8 @@
+import type { ReactNode } from "react";
+import type { TypographyProps } from "../../types/typography";
+/**
+ * @zh Title 排版组件。使用 `<h3>` 语义元素，适用于区块标题。
+ * @en Title typography component. Uses `<h3>` semantic element for section titles.
+ */
+declare const Title: ({ size, children, className, style }: TypographyProps) => ReactNode;
+export default Title;

package/dist/components/typography/title.mjs

@@ -0,0 +1,27 @@
+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.19.0/node_modules/@stylexjs/stylex/lib/es/stylex.mjs';
+import { stringify } from '@aiszlab/relax/class-name';
+import { $title } from '../theme/theme.mjs';
+import { CLASS_NAMES } from './context.mjs';
+
+/**
+ * @zh Title 排版组件。使用 `<h3>` 语义元素，适用于区块标题。
+ * @en Title typography component. Uses `<h3>` semantic element for section titles.
+ */
+var Title = function Title(_ref) {
+  var _ref$size = _ref.size,
+    size = _ref$size === void 0 ? "medium" : _ref$size,
+    children = _ref.children,
+    className = _ref.className,
+    style = _ref.style;
+  var classNames = useClassNames(CLASS_NAMES);
+  var styled = props($title[size]);
+  return /*#__PURE__*/React.createElement("h3", {
+    className: stringify(classNames.title, className, styled.className),
+    style: _objectSpread(_objectSpread({}, styled.style), style)
+  }, children);
+};
+
+export { Title as default };

package/dist/components/typography/typography.cjs

@@ -0,0 +1,24 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var display = require('./display.cjs');
+var headline = require('./headline.cjs');
+var title = require('./title.cjs');
+var label = require('./label.cjs');
+var body = require('./body.cjs');
+
+var Typography = {
+  Display: display.default,
+  Headline: headline.default,
+  Title: title.default,
+  Label: label.default,
+  Body: body.default
+};
+
+exports.Display = display.default;
+exports.Headline = headline.default;
+exports.Title = title.default;
+exports.Label = label.default;
+exports.Body = body.default;
+exports.default = Typography;

package/dist/components/typography/typography.d.ts

@@ -0,0 +1,14 @@
+import Display from "./display";
+import Headline from "./headline";
+import Title from "./title";
+import Label from "./label";
+import Body from "./body";
+declare const Typography: {
+    Display: ({ size, children, className, style }: import("../../types/typography").TypographyProps) => import("react").ReactNode;
+    Headline: ({ size, children, className, style }: import("../../types/typography").TypographyProps) => import("react").ReactNode;
+    Title: ({ size, children, className, style }: import("../../types/typography").TypographyProps) => import("react").ReactNode;
+    Label: ({ size, children, className, style }: import("../../types/typography").TypographyProps) => import("react").ReactNode;
+    Body: ({ size, children, className, style }: import("../../types/typography").TypographyProps) => import("react").ReactNode;
+};
+export default Typography;
+export { Display, Headline, Title, Label, Body };

package/dist/components/typography/typography.mjs

@@ -0,0 +1,15 @@
+import Display from './display.mjs';
+import Headline from './headline.mjs';
+import Title from './title.mjs';
+import Label from './label.mjs';
+import Body from './body.mjs';
+
+var Typography = {
+  Display: Display,
+  Headline: Headline,
+  Title: Title,
+  Label: Label,
+  Body: Body
+};
+
+export { Body, Display, Headline, Label, Title, Typography as default };

package/dist/index.cjs

@@ -28,7 +28,6 @@ var datePicker = require('./components/date-picker/date-picker.cjs');
 var dateRangePicker = require('./components/date-range-picker/date-range-picker.cjs');
 var dialog = require('./components/dialog/dialog.cjs');
 var divider = require('./components/divider/divider.cjs');
-var drawer = require('./components/drawer/drawer.cjs');
 var ellipsis = require('./components/ellipsis/ellipsis.cjs');
 var empty = require('./components/empty/empty.cjs');
 var fab = require('./components/fab/fab.cjs');
@@ -52,6 +51,7 @@ var rate = require('./components/rate/rate.cjs');
 var search = require('./components/search/search.cjs');
 var select = require('./components/select/select.cjs');
 var sessionStorage = require('./components/session-storage/session-storage.cjs');
+var sideSheet = require('./components/side-sheet/side-sheet.cjs');
 var skeleton = require('./components/skeleton/skeleton.cjs');
 var space = require('./components/space/space.cjs');
 var splitPanel = require('./components/split-panel/split-panel.cjs');
@@ -68,6 +68,7 @@ var tooltip = require('./components/tooltip/tooltip.cjs');
 var tour = require('./components/tour/tour.cjs');
 var transfer = require('./components/transfer/transfer.cjs');
 var tree = require('./components/tree/tree.cjs');
+var typography = require('./components/typography/typography.cjs');
 var upload = require('./components/upload/upload.cjs');
 var visuallyHidden = require('./components/visually-hidden/visually-hidden.cjs');
 var waterfall = require('./components/waterfall/waterfall.cjs');
@@ -108,7 +109,6 @@ exports.DatePicker = datePicker.default;
 exports.DateRangePicker = dateRangePicker.default;
 exports.Dialog = dialog.default;
 exports.Divider = divider.default;
-exports.Drawer = drawer.default;
 exports.Ellipsis = ellipsis.default;
 exports.Empty = empty.default;
 exports.Fab = fab.default;
@@ -132,6 +132,7 @@ exports.Rate = rate.default;
 exports.Search = search.default;
 exports.Select = select.default;
 exports.SessionStorage = sessionStorage.default;
+exports.SideSheet = sideSheet.default;
 exports.Skeleton = skeleton.default;
 exports.Space = space.default;
 exports.SplitPanel = splitPanel.default;
@@ -148,6 +149,7 @@ exports.Tooltip = tooltip.default;
 exports.Tour = tour.default;
 exports.Transfer = transfer.default;
 exports.Tree = tree.default;
+exports.Typography = typography.default;
 exports.Upload = upload.default;
 exports.VisuallyHidden = visuallyHidden.default;
 exports.Waterfall = waterfall.default;

package/dist/index.d.ts

@@ -21,7 +21,6 @@ export { ThemeProvider } from "./components/theme";
 export { ConfigProvider } from "./components/config";
 export { Form } from "./components/form";
 export { Empty } from "./components/empty";
-export { Drawer } from "./components/drawer";
 export { Dialog } from "./components/dialog";
 export { Tag } from "./components/tag";
 export { Calendar, ContributionCalendar } from "./components/calendar";
@@ -52,6 +51,7 @@ export { Watermark } from "./components/watermark";
 export { Collapse } from "./components/collapse";
 export { Fab } from "./components/fab";
 export { Transfer } from "./components/transfer";
+export { Typography } from "./components/typography";
 export { Badge } from "./components/badge";
 export { Skeleton } from "./components/skeleton";
 export { VisuallyHidden } from "./components/visually-hidden";
@@ -60,6 +60,7 @@ export { Popconfirm } from "./components/popconfirm";
 export { Highlight } from "./components/highlight";
 export { Bench } from "./components/bench";
 export { BottomSheet } from "./components/bottom-sheet";
+export { SideSheet } from "./components/side-sheet";
 export { I18nButton } from "./components/i18n-button";
 export { RichTextEditor } from "./components/rich-text-editor";
 export { Quote } from "./components/quote";

package/dist/index.mjs

@@ -26,7 +26,6 @@ export { default as DatePicker } from './components/date-picker/date-picker.mjs'
 export { default as DateRangePicker } from './components/date-range-picker/date-range-picker.mjs';
 export { default as Dialog } from './components/dialog/dialog.mjs';
 export { default as Divider } from './components/divider/divider.mjs';
-export { default as Drawer } from './components/drawer/drawer.mjs';
 export { default as Ellipsis } from './components/ellipsis/ellipsis.mjs';
 export { default as Empty } from './components/empty/empty.mjs';
 export { default as Fab } from './components/fab/fab.mjs';
@@ -50,6 +49,7 @@ export { default as Rate } from './components/rate/rate.mjs';
 export { default as Search } from './components/search/search.mjs';
 export { default as Select } from './components/select/select.mjs';
 export { default as SessionStorage } from './components/session-storage/session-storage.mjs';
+export { default as SideSheet } from './components/side-sheet/side-sheet.mjs';
 export { default as Skeleton } from './components/skeleton/skeleton.mjs';
 export { default as Space } from './components/space/space.mjs';
 export { default as SplitPanel } from './components/split-panel/split-panel.mjs';
@@ -66,6 +66,7 @@ export { default as Tooltip } from './components/tooltip/tooltip.mjs';
 export { default as Tour } from './components/tour/tour.mjs';
 export { default as Transfer } from './components/transfer/transfer.mjs';
 export { default as Tree } from './components/tree/tree.mjs';
+export { default as Typography } from './components/typography/typography.mjs';
 export { default as Upload } from './components/upload/upload.mjs';
 export { default as VisuallyHidden } from './components/visually-hidden/visually-hidden.mjs';
 export { default as Waterfall } from './components/waterfall/waterfall.mjs';

package/dist/styles.css

@@ -1396,6 +1396,14 @@
     padding-inline-end: var(--musaex-16072l3);
   }
 
+  .musaex-1max5gj {
+    padding-inline-end: var(--musaex-1vpnstl);
+  }
+
+  .musaex-1sznsej {
+    padding-inline-start: calc(var(--depth) * var(--musaex-14eq97i));
+  }
+
   .musaex-4qvwnj {
     padding-inline-start: calc(var(--musaex-16suft8) / 2 - var(--musaex-1035pbm));
   }
@@ -1412,6 +1420,10 @@
     padding-inline-start: var(--musaex-16072l3);
   }
 
+  .musaex-150i2hq {
+    padding-inline-start: var(--musaex-1bvtfky);
+  }
+
   .musaex-1yyv1zj {
     padding-inline-start: var(--musaex-1vpnstl);
   }
@@ -1909,6 +1921,18 @@
     border-bottom-width: var(--musaex-1xf102v);
   }
 
+  .musaex-svd4c5 {
+    border-left-color: var(--color-outline-variant);
+  }
+
+  .musaex-19ypqd9 {
+    border-left-style: solid;
+  }
+
+  .musaex-6vwjc {
+    border-left-width: var(--musaex-1xf102v);
+  }
+
   .musaex-imfbgf {
     border-right-color: var(--color-outline-variant);
   }
@@ -2381,6 +2405,10 @@
     padding-top: var(--musaex-1fxazvh);
   }
 
+  .musaex-h1u3e4 {
+    padding-top: var(--musaex-1vpnstl);
+  }
+
   .musaex-3nylsr {
     padding-top: var(--musaex-48i97p);
   }
@@ -2593,6 +2621,32 @@
     border-bottom-width: 0;
   }
 
+  @media (width <= 904px) {
+    .musaex-1m33i82.musaex-1m33i82 {
+      border-bottom-left-radius: 0;
+    }
+
+    .musaex-1uogugb.musaex-1uogugb {
+      border-bottom-right-radius: 0;
+    }
+
+    .musaex-1se81xg.musaex-1se81xg {
+      border-top-left-radius: 0;
+    }
+
+    .musaex-19wv56r.musaex-19wv56r {
+      border-top-right-radius: 0;
+    }
+
+    .musaex-1pzvw0h.musaex-1pzvw0h {
+      height: 100vh;
+    }
+
+    .musaex-1ej3teu.musaex-1ej3teu {
+      width: 100vw;
+    }
+  }
+
   @media (hover: hover) {
     .musaex-1fjziz3.musaex-1fjziz3:hover {
       overflow-y: auto;

package/dist/types/search.d.ts

@@ -79,4 +79,10 @@ export type SearchProps = ComponentProps & {
      * @default undefined
      */
     onSearch?: (keyword?: string) => void;
+    /**
+     * @zh 点击清除按钮时的回调函数
+     * @en Callback when the clear button is clicked
+     * @default undefined
+     */
+    onClear?: () => void;
 };