musae 0.3.3 → 0.3.5

package/dist/components/drawer/popup.cjs

@@ -18,8 +18,11 @@ var theme = require('../theme/theme.cjs');
 var dom = require('@aiszlab/relax/dom');
 var useClosable = require('../../hooks/use-closable.cjs');
 var componentToken = require('../../utils/component-token.cjs');
+var space = require('../space/space.cjs');
+var button = require('../button/button.cjs');
+var useLocale = require('../../locale/use-locale.cjs');
 
-var _excluded = ["open", "onClose", "placement", "closable", "onClosed", "size", "className"];
+var _excluded = ["open", "onClose", "placement", "closable", "onClosed", "size", "className", "onConfirm"];
 var styles = {
   popup: {
     position: "musaex-ixxii4",
@@ -133,17 +136,28 @@ var styles = {
       }(props.size)
     }];
   },
-  header: {
-    display: "musaex-78zum5",
-    paddingInline: "musaex-y0sash",
-    paddingStart: null,
-    paddingLeft: null,
-    paddingEnd: null,
-    paddingRight: null,
-    paddingBlock: "musaex-1daajqp",
-    paddingTop: null,
-    paddingBottom: null,
-    $$css: true
+  header: function header(props) {
+    return [{
+      display: "musaex-78zum5",
+      paddingInline: "musaex-y0sash",
+      paddingStart: null,
+      paddingLeft: null,
+      paddingEnd: null,
+      paddingRight: null,
+      paddingBlock: "musaex-4g05pm",
+      paddingTop: null,
+      paddingBottom: null,
+      alignItems: "musaex-6s0dn4",
+      gap: "musaex-4ttznp",
+      rowGap: null,
+      columnGap: null,
+      borderBottomWidth: "musaex-cql0v9",
+      borderBottomStyle: "musaex-1q0q8m5",
+      borderBottomColor: "musaex-43481e",
+      $$css: true
+    }, {
+      "--borderBottomColor": props.outlineColor != null ? props.outlineColor : "initial"
+    }];
   },
   body: {
     flex: "musaex-98rzlu",
@@ -160,6 +174,12 @@ var styles = {
     paddingTop: null,
     paddingBottom: null,
     $$css: true
+  },
+  actions: {
+    marginInlineStart: "musaex-vc5jky",
+    marginLeft: null,
+    marginRight: null,
+    $$css: true
   }
 };
 var Popup = function Popup(_ref) {
@@ -170,6 +190,7 @@ var Popup = function Popup(_ref) {
     onClosed = _ref.onClosed,
     size = _ref.size,
     className$1 = _ref.className,
+    onConfirm = _ref.onConfirm,
     props = _objectWithoutProperties(_ref, _excluded);
   var _useAnimate = framerMotion.useAnimate(),
     _useAnimate2 = _slicedToArray(_useAnimate, 2),
@@ -180,7 +201,10 @@ var Popup = function Popup(_ref) {
   var theme$1 = hooks.useTheme();
   var panelRef = React.useRef(null);
   var overlayRef = React.useRef(null);
-  /// children render hooks
+  var _useLocale = useLocale.useLocale(componentToken.ComponentToken.Drawer),
+    _useLocale2 = _slicedToArray(_useLocale, 1),
+    locale = _useLocale2[0];
+  // children render hooks
   var _useClosable = useClosable.useClosable({
       closable: closable,
       onClose: onClose
@@ -224,7 +248,7 @@ var Popup = function Popup(_ref) {
     }))();
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [open].concat(_toConsumableArray(_placement)));
-  /// when open, try focus dialog
+  // when open, try focus dialog
   React.useEffect(function () {
     if (!open) return;
     if (dom.contains(scope.current, document.activeElement)) return;
@@ -244,9 +268,14 @@ var Popup = function Popup(_ref) {
     }), styles[placement]({
       size: size
     })),
-    header: stylex.default.props(theme.typography.body.large, styles.header),
+    header: stylex.default.props(theme.typography.body.large, styles.header({
+      outlineColor: theme$1.colors[colors.ColorToken.Outline]
+    })),
     body: {
       className: "musaex-98rzlu musaex-ox8tdy"
+    },
+    actions: {
+      className: "musaex-vc5jky"
     }
   };
   return /*#__PURE__*/React.createElement("div", {
@@ -264,10 +293,15 @@ var Popup = function Popup(_ref) {
     className: relax.clsx(classNames[className.DrawerClassToken.Panel], styled.panel.className),
     style: styled.panel.style,
     ref: panelRef
-  }, closer, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: relax.clsx(classNames[className.DrawerClassToken.Header], styled.header.className),
     style: styled.header.style
-  }, props.title), /*#__PURE__*/React.createElement("div", {
+  }, closer, props.title, /*#__PURE__*/React.createElement(space.default, {
+    className: styled.actions.className,
+    style: styled.actions.style
+  }, /*#__PURE__*/React.createElement(button.Button, {
+    onClick: onConfirm
+  }, locale.confirm))), /*#__PURE__*/React.createElement("div", {
     className: relax.clsx(classNames[className.DrawerClassToken.Body], styled.body.className),
     style: styled.body.style
   }, props.children)));

package/dist/components/drawer/popup.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
 import type { PopupProps } from "musae/types/drawer";
-declare const Popup: ({ open, onClose, placement, closable, onClosed, size, className, ...props }: PopupProps) => React.JSX.Element;
+declare const Popup: ({ open, onClose, placement, closable, onClosed, size, className, onConfirm, ...props }: PopupProps) => React.JSX.Element;
 export default Popup;

package/dist/components/drawer/popup.mjs

@@ -16,8 +16,11 @@ import { typography } from '../theme/theme.mjs';
 import { contains } from '@aiszlab/relax/dom';
 import { useClosable } from '../../hooks/use-closable.mjs';
 import { ComponentToken } from '../../utils/component-token.mjs';
+import Space from '../space/space.mjs';
+import { Button } from '../button/button.mjs';
+import { useLocale } from '../../locale/use-locale.mjs';
 
-var _excluded = ["open", "onClose", "placement", "closable", "onClosed", "size", "className"];
+var _excluded = ["open", "onClose", "placement", "closable", "onClosed", "size", "className", "onConfirm"];
 var styles = {
   popup: {
     position: "musaex-ixxii4",
@@ -131,17 +134,28 @@ var styles = {
       }(props.size)
     }];
   },
-  header: {
-    display: "musaex-78zum5",
-    paddingInline: "musaex-y0sash",
-    paddingStart: null,
-    paddingLeft: null,
-    paddingEnd: null,
-    paddingRight: null,
-    paddingBlock: "musaex-1daajqp",
-    paddingTop: null,
-    paddingBottom: null,
-    $$css: true
+  header: function header(props) {
+    return [{
+      display: "musaex-78zum5",
+      paddingInline: "musaex-y0sash",
+      paddingStart: null,
+      paddingLeft: null,
+      paddingEnd: null,
+      paddingRight: null,
+      paddingBlock: "musaex-4g05pm",
+      paddingTop: null,
+      paddingBottom: null,
+      alignItems: "musaex-6s0dn4",
+      gap: "musaex-4ttznp",
+      rowGap: null,
+      columnGap: null,
+      borderBottomWidth: "musaex-cql0v9",
+      borderBottomStyle: "musaex-1q0q8m5",
+      borderBottomColor: "musaex-43481e",
+      $$css: true
+    }, {
+      "--borderBottomColor": props.outlineColor != null ? props.outlineColor : "initial"
+    }];
   },
   body: {
     flex: "musaex-98rzlu",
@@ -158,6 +172,12 @@ var styles = {
     paddingTop: null,
     paddingBottom: null,
     $$css: true
+  },
+  actions: {
+    marginInlineStart: "musaex-vc5jky",
+    marginLeft: null,
+    marginRight: null,
+    $$css: true
   }
 };
 var Popup = function Popup(_ref) {
@@ -168,6 +188,7 @@ var Popup = function Popup(_ref) {
     onClosed = _ref.onClosed,
     size = _ref.size,
     className = _ref.className,
+    onConfirm = _ref.onConfirm,
     props = _objectWithoutProperties(_ref, _excluded);
   var _useAnimate = useAnimate(),
     _useAnimate2 = _slicedToArray(_useAnimate, 2),
@@ -178,7 +199,10 @@ var Popup = function Popup(_ref) {
   var theme = useTheme();
   var panelRef = useRef(null);
   var overlayRef = useRef(null);
-  /// children render hooks
+  var _useLocale = useLocale(ComponentToken.Drawer),
+    _useLocale2 = _slicedToArray(_useLocale, 1),
+    locale = _useLocale2[0];
+  // children render hooks
   var _useClosable = useClosable({
       closable: closable,
       onClose: onClose
@@ -222,7 +246,7 @@ var Popup = function Popup(_ref) {
     }))();
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [open].concat(_toConsumableArray(_placement)));
-  /// when open, try focus dialog
+  // when open, try focus dialog
   useEffect(function () {
     if (!open) return;
     if (contains(scope.current, document.activeElement)) return;
@@ -242,9 +266,14 @@ var Popup = function Popup(_ref) {
     }), styles[placement]({
       size: size
     })),
-    header: _stylex.props(typography.body.large, styles.header),
+    header: _stylex.props(typography.body.large, styles.header({
+      outlineColor: theme.colors[ColorToken.Outline]
+    })),
     body: {
       className: "musaex-98rzlu musaex-ox8tdy"
+    },
+    actions: {
+      className: "musaex-vc5jky"
     }
   };
   return /*#__PURE__*/React.createElement("div", {
@@ -262,10 +291,15 @@ var Popup = function Popup(_ref) {
     className: clsx(classNames[DrawerClassToken.Panel], styled.panel.className),
     style: styled.panel.style,
     ref: panelRef
-  }, closer, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: clsx(classNames[DrawerClassToken.Header], styled.header.className),
     style: styled.header.style
-  }, props.title), /*#__PURE__*/React.createElement("div", {
+  }, closer, props.title, /*#__PURE__*/React.createElement(Space, {
+    className: styled.actions.className,
+    style: styled.actions.style
+  }, /*#__PURE__*/React.createElement(Button, {
+    onClick: onConfirm
+  }, locale.confirm))), /*#__PURE__*/React.createElement("div", {
     className: clsx(classNames[DrawerClassToken.Body], styled.body.className),
     style: styled.body.style
   }, props.children)));

package/dist/components/fab/floatable.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
-import type { FloatableProps, FloatableRef } from "../../types/fab";
+import type { FloatableProps, FloatableRef } from "musae/types/fab";
 declare const Floatable: React.ForwardRefExoticComponent<FloatableProps & React.RefAttributes<FloatableRef>>;
 export default Floatable;

package/dist/components/icon/icons/action/delete.cjs

@@ -0,0 +1,20 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var hoc = require('../../hoc.cjs');
+
+var Delete = hoc.withIcon(function (_ref) {
+  var size = _ref.size;
+  return /*#__PURE__*/React.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: size,
+    height: size,
+    viewBox: "0 0 24 24",
+    fill: "none"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M16 9V19H8V9H16ZM14.5 3H9.5L8.5 4H5V6H19V4H15.5L14.5 3ZM18 7H6V19C6 20.1 6.9 21 8 21H16C17.1 21 18 20.1 18 19V7Z",
+    fill: "currentColor"
+  }));
+});
+
+exports.default = Delete;

package/dist/components/icon/icons/action/delete.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare const Delete: (props: Omit<import("../../../../types/icon").IconProps, "as">) => React.FunctionComponentElement<import("../../../../types/icon").IconProps>;
+export default Delete;

package/dist/components/icon/icons/action/delete.mjs

@@ -0,0 +1,18 @@
+import React from 'react';
+import { withIcon } from '../../hoc.mjs';
+
+var Delete = withIcon(function (_ref) {
+  var size = _ref.size;
+  return /*#__PURE__*/React.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: size,
+    height: size,
+    viewBox: "0 0 24 24",
+    fill: "none"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M16 9V19H8V9H16ZM14.5 3H9.5L8.5 4H5V6H19V4H15.5L14.5 3ZM18 7H6V19C6 20.1 6.9 21 8 21H16C17.1 21 18 20.1 18 19V7Z",
+    fill: "currentColor"
+  }));
+});
+
+export { Delete as default };

package/dist/components/icon/icons/action/index.cjs

@@ -13,6 +13,8 @@ var doneOutline = require('./done-outline.cjs');
 var translate = require('./translate.cjs');
 var code = require('./code.cjs');
 var openInNew = require('./open-in-new.cjs');
+var _delete = require('./delete.cjs');
+var threeDRotation = require('./three-d-rotation.cjs');
 
 var _ = {
   Visibility: visibility.default,
@@ -27,7 +29,9 @@ var _ = {
   DoneOutline: doneOutline.default,
   Translate: translate.default,
   Code: code.default,
-  OpenInNew: openInNew.default
+  OpenInNew: openInNew.default,
+  Delete: _delete.default,
+  ThreeDRotation: threeDRotation.default
 };
 
 exports.Visibility = visibility.default;
@@ -43,4 +47,6 @@ exports.DoneOutline = doneOutline.default;
 exports.Translate = translate.default;
 exports.Code = code.default;
 exports.OpenInNew = openInNew.default;
+exports.Delete = _delete.default;
+exports.ThreeDRotation = threeDRotation.default;
 exports.default = _;

package/dist/components/icon/icons/action/index.d.ts

@@ -11,6 +11,8 @@ import DoneOutline from "./done-outline";
 import Translate from "./translate";
 import Code from "./code";
 import OpenInNew from "./open-in-new";
+import Delete from "./delete";
+import ThreeDRotation from "./three-d-rotation";
 declare const _: {
     Visibility: (props: Omit<import("../../../../types/icon").IconProps, "as">) => import("react").FunctionComponentElement<import("../../../../types/icon").IconProps>;
     VisibilityOff: (props: Omit<import("../../../../types/icon").IconProps, "as">) => import("react").FunctionComponentElement<import("../../../../types/icon").IconProps>;
@@ -25,6 +27,8 @@ declare const _: {
     Translate: (props: Omit<import("../../../../types/icon").IconProps, "as">) => import("react").FunctionComponentElement<import("../../../../types/icon").IconProps>;
     Code: (props: Omit<import("../../../../types/icon").IconProps, "as">) => import("react").FunctionComponentElement<import("../../../../types/icon").IconProps>;
     OpenInNew: (props: Omit<import("../../../../types/icon").IconProps, "as">) => import("react").FunctionComponentElement<import("../../../../types/icon").IconProps>;
+    Delete: (props: Omit<import("../../../../types/icon").IconProps, "as">) => import("react").FunctionComponentElement<import("../../../../types/icon").IconProps>;
+    ThreeDRotation: (props: Omit<import("../../../../types/icon").IconProps, "as">) => import("react").FunctionComponentElement<import("../../../../types/icon").IconProps>;
 };
 export default _;
-export { Visibility, VisibilityOff, CheckCircleOutline, Done, CheckCircle, SwapHoriz, SwapVert, ZoomOut, ZoomIn, DoneOutline, Translate, Code, OpenInNew, };
+export { Visibility, VisibilityOff, CheckCircleOutline, Done, CheckCircle, SwapHoriz, SwapVert, ZoomOut, ZoomIn, DoneOutline, Translate, Code, OpenInNew, Delete, ThreeDRotation, };

package/dist/components/icon/icons/action/index.mjs

@@ -11,6 +11,8 @@ import DoneOutline from './done-outline.mjs';
 import Translate from './translate.mjs';
 import Code from './code.mjs';
 import OpenInNew from './open-in-new.mjs';
+import Delete from './delete.mjs';
+import ThreeDRotation from './three-d-rotation.mjs';
 
 var _ = {
   Visibility: Visibility,
@@ -25,7 +27,9 @@ var _ = {
   DoneOutline: DoneOutline,
   Translate: Translate,
   Code: Code,
-  OpenInNew: OpenInNew
+  OpenInNew: OpenInNew,
+  Delete: Delete,
+  ThreeDRotation: ThreeDRotation
 };
 
-export { CheckCircle, CheckCircleOutline, Code, Done, DoneOutline, OpenInNew, SwapHoriz, SwapVert, Translate, Visibility, VisibilityOff, ZoomIn, ZoomOut, _ as default };
+export { CheckCircle, CheckCircleOutline, Code, Delete, Done, DoneOutline, OpenInNew, SwapHoriz, SwapVert, ThreeDRotation, Translate, Visibility, VisibilityOff, ZoomIn, ZoomOut, _ as default };

package/dist/components/icon/icons/action/three-d-rotation.cjs

@@ -0,0 +1,28 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var hoc = require('../../hoc.cjs');
+
+var ThreeDRotation = hoc.withIcon(function (_ref) {
+  var size = _ref.size;
+  return /*#__PURE__*/React.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: size,
+    height: size,
+    viewBox: "0 0 24 24",
+    fill: "none"
+  }, /*#__PURE__*/React.createElement("g", {
+    clipPath: "url(#clip0_2403_6070)"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M7.52499 21.48C4.25499 19.94 1.91499 16.76 1.55499 13H0.0549927C0.564993 19.16 5.71499 24 12.005 24L12.665 23.97L8.85499 20.16L7.52499 21.48ZM8.41499 14.96C8.22499 14.96 8.04499 14.93 7.89499 14.88C7.73499 14.82 7.60499 14.75 7.49499 14.64C7.38499 14.54 7.29499 14.42 7.23499 14.27C7.17499 14.13 7.14499 13.97 7.14499 13.8H5.84499C5.84499 14.16 5.91499 14.48 6.05499 14.75C6.19499 15.02 6.38499 15.25 6.61499 15.44C6.85499 15.62 7.12499 15.76 7.43499 15.85C7.73499 15.95 8.05499 16 8.39499 16C8.76499 16 9.11499 15.95 9.42499 15.85C9.74499 15.75 10.025 15.6 10.255 15.41C10.485 15.22 10.675 14.98 10.805 14.69C10.935 14.4 11.005 14.08 11.005 13.72C11.005 13.53 10.985 13.34 10.935 13.16C10.885 12.98 10.815 12.81 10.705 12.65C10.605 12.49 10.465 12.35 10.305 12.22C10.135 12.09 9.93499 11.99 9.69499 11.91C9.89499 11.82 10.065 11.71 10.215 11.58C10.365 11.45 10.485 11.31 10.585 11.16C10.685 11.01 10.755 10.86 10.805 10.7C10.855 10.54 10.875 10.38 10.875 10.22C10.875 9.86 10.815 9.54 10.695 9.26C10.575 8.98 10.405 8.75 10.185 8.57C9.98499 8.38 9.71499 8.24 9.41499 8.14C9.10499 8.05 8.76499 8 8.39499 8C8.03499 8 7.70499 8.05 7.39499 8.16C7.09499 8.27 6.82499 8.42 6.60499 8.61C6.39499 8.8 6.22499 9.02 6.09499 9.28C5.97499 9.54 5.91499 9.82 5.91499 10.13H7.21499C7.21499 9.96 7.24499 9.81 7.30499 9.68C7.36499 9.55 7.44499 9.43 7.55499 9.34C7.66499 9.25 7.78499 9.17 7.93499 9.12C8.08499 9.07 8.23499 9.04 8.41499 9.04C8.81499 9.04 9.11499 9.14 9.30499 9.35C9.49499 9.55 9.59499 9.84 9.59499 10.21C9.59499 10.39 9.56499 10.55 9.51499 10.7C9.46499 10.85 9.37499 10.97 9.26499 11.07C9.15499 11.17 9.01499 11.25 8.85499 11.31C8.69499 11.37 8.49499 11.4 8.27499 11.4H7.50499V12.43H8.27499C8.49499 12.43 8.69499 12.45 8.87499 12.5C9.05499 12.55 9.20499 12.63 9.32499 12.73C9.44499 12.84 9.54499 12.97 9.61499 13.13C9.68499 13.29 9.71499 13.48 9.71499 13.7C9.71499 14.11 9.59499 14.42 9.36499 14.63C9.13499 14.86 8.81499 14.96 8.41499 14.96ZM16.965 9.04C16.645 8.71 16.265 8.45 15.825 8.27C15.385 8.09 14.895 8 14.355 8H11.995V16H14.295C14.845 16 15.355 15.91 15.805 15.73C16.255 15.55 16.645 15.3 16.965 14.97C17.285 14.64 17.535 14.24 17.705 13.78C17.875 13.31 17.965 12.79 17.965 12.21V11.81C17.965 11.23 17.875 10.71 17.705 10.24C17.535 9.77 17.285 9.37 16.965 9.04ZM16.575 12.2C16.575 12.62 16.525 12.99 16.435 13.33C16.335 13.66 16.195 13.95 16.005 14.18C15.815 14.41 15.575 14.59 15.295 14.71C15.005 14.83 14.675 14.89 14.305 14.89H13.395V9.12H14.365C15.085 9.12 15.635 9.35 16.005 9.81C16.385 10.27 16.575 10.93 16.575 11.8V12.2ZM12.005 0L11.345 0.03L15.155 3.84L16.485 2.51C19.755 4.06 22.095 7.23 22.445 10.99H23.945C23.445 4.84 18.295 0 12.005 0Z",
+    fill: "currentColor"
+  })), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+    id: "clip0_2403_6070"
+  }, /*#__PURE__*/React.createElement("rect", {
+    width: "24",
+    height: "24",
+    fill: "currentColor"
+  }))));
+});
+
+exports.default = ThreeDRotation;

package/dist/components/icon/icons/action/three-d-rotation.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare const ThreeDRotation: (props: Omit<import("../../../../types/icon").IconProps, "as">) => React.FunctionComponentElement<import("../../../../types/icon").IconProps>;
+export default ThreeDRotation;

package/dist/components/icon/icons/action/three-d-rotation.mjs

@@ -0,0 +1,26 @@
+import React from 'react';
+import { withIcon } from '../../hoc.mjs';
+
+var ThreeDRotation = withIcon(function (_ref) {
+  var size = _ref.size;
+  return /*#__PURE__*/React.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: size,
+    height: size,
+    viewBox: "0 0 24 24",
+    fill: "none"
+  }, /*#__PURE__*/React.createElement("g", {
+    clipPath: "url(#clip0_2403_6070)"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M7.52499 21.48C4.25499 19.94 1.91499 16.76 1.55499 13H0.0549927C0.564993 19.16 5.71499 24 12.005 24L12.665 23.97L8.85499 20.16L7.52499 21.48ZM8.41499 14.96C8.22499 14.96 8.04499 14.93 7.89499 14.88C7.73499 14.82 7.60499 14.75 7.49499 14.64C7.38499 14.54 7.29499 14.42 7.23499 14.27C7.17499 14.13 7.14499 13.97 7.14499 13.8H5.84499C5.84499 14.16 5.91499 14.48 6.05499 14.75C6.19499 15.02 6.38499 15.25 6.61499 15.44C6.85499 15.62 7.12499 15.76 7.43499 15.85C7.73499 15.95 8.05499 16 8.39499 16C8.76499 16 9.11499 15.95 9.42499 15.85C9.74499 15.75 10.025 15.6 10.255 15.41C10.485 15.22 10.675 14.98 10.805 14.69C10.935 14.4 11.005 14.08 11.005 13.72C11.005 13.53 10.985 13.34 10.935 13.16C10.885 12.98 10.815 12.81 10.705 12.65C10.605 12.49 10.465 12.35 10.305 12.22C10.135 12.09 9.93499 11.99 9.69499 11.91C9.89499 11.82 10.065 11.71 10.215 11.58C10.365 11.45 10.485 11.31 10.585 11.16C10.685 11.01 10.755 10.86 10.805 10.7C10.855 10.54 10.875 10.38 10.875 10.22C10.875 9.86 10.815 9.54 10.695 9.26C10.575 8.98 10.405 8.75 10.185 8.57C9.98499 8.38 9.71499 8.24 9.41499 8.14C9.10499 8.05 8.76499 8 8.39499 8C8.03499 8 7.70499 8.05 7.39499 8.16C7.09499 8.27 6.82499 8.42 6.60499 8.61C6.39499 8.8 6.22499 9.02 6.09499 9.28C5.97499 9.54 5.91499 9.82 5.91499 10.13H7.21499C7.21499 9.96 7.24499 9.81 7.30499 9.68C7.36499 9.55 7.44499 9.43 7.55499 9.34C7.66499 9.25 7.78499 9.17 7.93499 9.12C8.08499 9.07 8.23499 9.04 8.41499 9.04C8.81499 9.04 9.11499 9.14 9.30499 9.35C9.49499 9.55 9.59499 9.84 9.59499 10.21C9.59499 10.39 9.56499 10.55 9.51499 10.7C9.46499 10.85 9.37499 10.97 9.26499 11.07C9.15499 11.17 9.01499 11.25 8.85499 11.31C8.69499 11.37 8.49499 11.4 8.27499 11.4H7.50499V12.43H8.27499C8.49499 12.43 8.69499 12.45 8.87499 12.5C9.05499 12.55 9.20499 12.63 9.32499 12.73C9.44499 12.84 9.54499 12.97 9.61499 13.13C9.68499 13.29 9.71499 13.48 9.71499 13.7C9.71499 14.11 9.59499 14.42 9.36499 14.63C9.13499 14.86 8.81499 14.96 8.41499 14.96ZM16.965 9.04C16.645 8.71 16.265 8.45 15.825 8.27C15.385 8.09 14.895 8 14.355 8H11.995V16H14.295C14.845 16 15.355 15.91 15.805 15.73C16.255 15.55 16.645 15.3 16.965 14.97C17.285 14.64 17.535 14.24 17.705 13.78C17.875 13.31 17.965 12.79 17.965 12.21V11.81C17.965 11.23 17.875 10.71 17.705 10.24C17.535 9.77 17.285 9.37 16.965 9.04ZM16.575 12.2C16.575 12.62 16.525 12.99 16.435 13.33C16.335 13.66 16.195 13.95 16.005 14.18C15.815 14.41 15.575 14.59 15.295 14.71C15.005 14.83 14.675 14.89 14.305 14.89H13.395V9.12H14.365C15.085 9.12 15.635 9.35 16.005 9.81C16.385 10.27 16.575 10.93 16.575 11.8V12.2ZM12.005 0L11.345 0.03L15.155 3.84L16.485 2.51C19.755 4.06 22.095 7.23 22.445 10.99H23.945C23.445 4.84 18.295 0 12.005 0Z",
+    fill: "currentColor"
+  })), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+    id: "clip0_2403_6070"
+  }, /*#__PURE__*/React.createElement("rect", {
+    width: "24",
+    height: "24",
+    fill: "currentColor"
+  }))));
+});
+
+export { ThreeDRotation as default };

package/dist/components/icon/icons/editor/attch-file.cjs

@@ -0,0 +1,20 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var hoc = require('../../hoc.cjs');
+
+var AttachFile = hoc.withIcon(function (_ref) {
+  var size = _ref.size;
+  return /*#__PURE__*/React.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: size,
+    height: size,
+    viewBox: "0 0 24 24",
+    fill: "none"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M16 6V17.5C16 19.71 14.21 21.5 12 21.5C9.79 21.5 8 19.71 8 17.5V5C8 3.62 9.12 2.5 10.5 2.5C11.88 2.5 13 3.62 13 5V15.5C13 16.05 12.55 16.5 12 16.5C11.45 16.5 11 16.05 11 15.5V6H9.5V15.5C9.5 16.88 10.62 18 12 18C13.38 18 14.5 16.88 14.5 15.5V5C14.5 2.79 12.71 1 10.5 1C8.29 1 6.5 2.79 6.5 5V17.5C6.5 20.54 8.96 23 12 23C15.04 23 17.5 20.54 17.5 17.5V6H16Z",
+    fill: "currentColor"
+  }));
+});
+
+exports.default = AttachFile;

package/dist/components/icon/icons/editor/attch-file.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare const AttachFile: (props: Omit<import("../../../../types/icon").IconProps, "as">) => React.FunctionComponentElement<import("../../../../types/icon").IconProps>;
+export default AttachFile;

package/dist/components/icon/icons/editor/attch-file.mjs

@@ -0,0 +1,18 @@
+import React from 'react';
+import { withIcon } from '../../hoc.mjs';
+
+var AttachFile = withIcon(function (_ref) {
+  var size = _ref.size;
+  return /*#__PURE__*/React.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: size,
+    height: size,
+    viewBox: "0 0 24 24",
+    fill: "none"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M16 6V17.5C16 19.71 14.21 21.5 12 21.5C9.79 21.5 8 19.71 8 17.5V5C8 3.62 9.12 2.5 10.5 2.5C11.88 2.5 13 3.62 13 5V15.5C13 16.05 12.55 16.5 12 16.5C11.45 16.5 11 16.05 11 15.5V6H9.5V15.5C9.5 16.88 10.62 18 12 18C13.38 18 14.5 16.88 14.5 15.5V5C14.5 2.79 12.71 1 10.5 1C8.29 1 6.5 2.79 6.5 5V17.5C6.5 20.54 8.96 23 12 23C15.04 23 17.5 20.54 17.5 17.5V6H16Z",
+    fill: "currentColor"
+  }));
+});
+
+export { AttachFile as default };

package/dist/components/icon/icons/editor/index.cjs

@@ -9,6 +9,7 @@ var subscript = require('./subscript.cjs');
 var superscript = require('./superscript.cjs');
 var notes = require('./notes.cjs');
 var checklist = require('./checklist.cjs');
+var attchFile = require('./attch-file.cjs');
 
 var _ = {
   FormatBold: formatBold.default,
@@ -19,7 +20,8 @@ var _ = {
   Subscript: subscript.default,
   Superscript: superscript.default,
   Notes: notes.default,
-  Checklist: checklist.default
+  Checklist: checklist.default,
+  AttachFile: attchFile.default
 };
 
 exports.FormatBold = formatBold.default;
@@ -31,4 +33,5 @@ exports.Subscript = subscript.default;
 exports.Superscript = superscript.default;
 exports.Notes = notes.default;
 exports.Checklist = checklist.default;
+exports.AttachFile = attchFile.default;
 exports.default = _;

package/dist/components/icon/icons/editor/index.d.ts

@@ -7,6 +7,7 @@ import Subscript from "./subscript";
 import Superscript from "./superscript";
 import Notes from "./notes";
 import Checklist from "./checklist";
+import AttachFile from "./attch-file";
 declare const _: {
     FormatBold: (props: Omit<import("../../../../types/icon").IconProps, "as">) => import("react").FunctionComponentElement<import("../../../../types/icon").IconProps>;
     FormatItalic: (props: Omit<import("../../../../types/icon").IconProps, "as">) => import("react").FunctionComponentElement<import("../../../../types/icon").IconProps>;
@@ -17,6 +18,7 @@ declare const _: {
     Superscript: (props: Omit<import("../../../../types/icon").IconProps, "as">) => import("react").FunctionComponentElement<import("../../../../types/icon").IconProps>;
     Notes: (props: Omit<import("../../../../types/icon").IconProps, "as">) => import("react").FunctionComponentElement<import("../../../../types/icon").IconProps>;
     Checklist: (props: Omit<import("../../../../types/icon").IconProps, "as">) => import("react").FunctionComponentElement<import("../../../../types/icon").IconProps>;
+    AttachFile: (props: Omit<import("../../../../types/icon").IconProps, "as">) => import("react").FunctionComponentElement<import("../../../../types/icon").IconProps>;
 };
 export default _;
-export { FormatBold, FormatItalic, FormatUnderlined, InsertLink, FormatStrikethrough, Subscript, Superscript, Notes, Checklist, };
+export { FormatBold, FormatItalic, FormatUnderlined, InsertLink, FormatStrikethrough, Subscript, Superscript, Notes, Checklist, AttachFile, };

package/dist/components/icon/icons/editor/index.mjs

@@ -7,6 +7,7 @@ import Subscript from './subscript.mjs';
 import Superscript from './superscript.mjs';
 import Notes from './notes.mjs';
 import Checklist from './checklist.mjs';
+import AttachFile from './attch-file.mjs';
 
 var _ = {
   FormatBold: FormatBold,
@@ -17,7 +18,8 @@ var _ = {
   Subscript: Subscript,
   Superscript: Superscript,
   Notes: Notes,
-  Checklist: Checklist
+  Checklist: Checklist,
+  AttachFile: AttachFile
 };
 
-export { Checklist, FormatBold, FormatItalic, FormatStrikethrough, FormatUnderlined, InsertLink, Notes, Subscript, Superscript, _ as default };
+export { AttachFile, Checklist, FormatBold, FormatItalic, FormatStrikethrough, FormatUnderlined, InsertLink, Notes, Subscript, Superscript, _ as default };

package/dist/components/icon/icons/index.cjs

@@ -11,6 +11,8 @@ var doneOutline = require('./action/done-outline.cjs');
 var translate = require('./action/translate.cjs');
 var code = require('./action/code.cjs');
 var openInNew = require('./action/open-in-new.cjs');
+var _delete = require('./action/delete.cjs');
+var threeDRotation = require('./action/three-d-rotation.cjs');
 var errorOutline = require('./alert/error-outline.cjs');
 var addAlert = require('./alert/add-alert.cjs');
 var autoDelete = require('./alert/auto-delete.cjs');
@@ -57,6 +59,7 @@ var subscript = require('./editor/subscript.cjs');
 var superscript = require('./editor/superscript.cjs');
 var notes = require('./editor/notes.cjs');
 var checklist = require('./editor/checklist.cjs');
+var attchFile = require('./editor/attch-file.cjs');
 var github = require('./mock/github.cjs');
 var loading = require('./mock/loading.cjs');
 
@@ -75,6 +78,8 @@ exports.DoneOutline = doneOutline.default;
 exports.Translate = translate.default;
 exports.Code = code.default;
 exports.OpenInNew = openInNew.default;
+exports.Delete = _delete.default;
+exports.ThreeDRotation = threeDRotation.default;
 exports.ErrorOutline = errorOutline.default;
 exports.AddAlert = addAlert.default;
 exports.AutoDelete = autoDelete.default;
@@ -121,5 +126,6 @@ exports.Subscript = subscript.default;
 exports.Superscript = superscript.default;
 exports.Notes = notes.default;
 exports.Checklist = checklist.default;
+exports.AttachFile = attchFile.default;
 exports.Github = github.default;
 exports.Loading = loading.default;

package/dist/components/icon/icons/index.mjs

@@ -11,6 +11,8 @@ export { default as DoneOutline } from './action/done-outline.mjs';
 export { default as Translate } from './action/translate.mjs';
 export { default as Code } from './action/code.mjs';
 export { default as OpenInNew } from './action/open-in-new.mjs';
+export { default as Delete } from './action/delete.mjs';
+export { default as ThreeDRotation } from './action/three-d-rotation.mjs';
 export { default as ErrorOutline } from './alert/error-outline.mjs';
 export { default as AddAlert } from './alert/add-alert.mjs';
 export { default as AutoDelete } from './alert/auto-delete.mjs';
@@ -57,5 +59,6 @@ export { default as Subscript } from './editor/subscript.mjs';
 export { default as Superscript } from './editor/superscript.mjs';
 export { default as Notes } from './editor/notes.mjs';
 export { default as Checklist } from './editor/checklist.mjs';
+export { default as AttachFile } from './editor/attch-file.mjs';
 export { default as Github } from './mock/github.mjs';
 export { default as Loading } from './mock/loading.mjs';

package/dist/components/menu/hooks.d.ts

@@ -1,6 +1,5 @@
 import React, { type ReactNode } from "react";
-import type { ContextValue, MenuProps, Mode } from "musae/types/menu";
-import type { Size } from "musae/types/element";
+import type { ContextValue, MenuProps, Mode, Size } from "musae/types/menu";
 /**
  * @description
  * use menu context

package/dist/components/menu/item.d.ts

@@ -5,13 +5,12 @@ import React from "react";
  * @description
  * menu item
  */
-declare const Item: React.ForwardRefExoticComponent<Omit<import("musae/types/menu").MenuItem, "children" | "key"> & {
-    level: number;
-} & import("../../types/element").ComponentProps & {
+declare const Item: React.ForwardRefExoticComponent<Omit<import("musae/types/menu").MenuItem, "children" | "key"> & import("../../types/element").ComponentProps & {
     value: React.Key;
     suffix?: React.ReactNode;
     onClick?: import("musae/types/menu").ContextValue["click"];
     children?: React.ReactNode;
     mode: import("musae/types/menu").Mode;
+    level: number;
 } & React.RefAttributes<HTMLLIElement>>;
 export default Item;

package/dist/components/pagination/pagination.cjs

@@ -55,7 +55,7 @@ var Pagination = function Pagination(_ref) {
     }
   };
   var sizeOptions = React.useMemo(function () {
-    return Array.from(new Set(pageSizes)).map(function (size) {
+    return relax.unique(pageSizes).map(function (size) {
       return {
         value: size,
         label: relax.toFunction(locale.size)(size)