musae 0.3.3 → 0.3.5

package/dist/hooks/use-closable.mjs

@@ -1,4 +1,3 @@
-import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import { isUndefined, useEvent } from '@aiszlab/relax';
 import React, { useMemo } from 'react';
 import { Button } from '../components/button/button.mjs';
@@ -26,18 +25,11 @@ var useClosable = function useClosable(_ref) {
   // closer react element for dialog
   var closer = useMemo(function () {
     if (!triggers.has("close")) return null;
-    var styled = {
-      className: "musaex-167ikqz musaex-134unf5"
-    };
     return /*#__PURE__*/React.createElement(Button, {
       shape: "circular",
       variant: "text",
       prefix: /*#__PURE__*/React.createElement(Close, null),
       onClick: onClose,
-      className: styled.className,
-      style: _objectSpread(_objectSpread({}, styled.style), {}, {
-        position: "absolute"
-      }),
       size: "small"
     });
   }, [triggers, onClose]);

package/dist/hooks/use-container.d.ts

@@ -1,4 +1,4 @@
-import type { PortalProps } from "../types/portal";
+import type { PortalProps } from "musae/types/portal";
 /**
  * @description
  * container

package/dist/hooks/use-lazy-boolean.cjs

@@ -5,7 +5,7 @@ var React = require('react');
 var useLazyBoolean = function useLazyBoolean() {
   var _useBoolean = relax.useBoolean(),
     _useBoolean2 = _slicedToArray(_useBoolean, 2),
-    isTrue = _useBoolean2[0],
+    isTruthy = _useBoolean2[0],
     _useBoolean2$ = _useBoolean2[1],
     _turnOn = _useBoolean2$.turnOn,
     _turnOff = _useBoolean2$.turnOff,
@@ -52,7 +52,7 @@ var useLazyBoolean = function useLazyBoolean() {
     });
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
-  return [isTrue, {
+  return [isTruthy, {
     turnOn: turnOn,
     turnOff: turnOff,
     toggle: toggle,

package/dist/hooks/use-lazy-boolean.mjs

@@ -5,7 +5,7 @@ import { useCallback } from 'react';
 var useLazyBoolean = function useLazyBoolean() {
   var _useBoolean = useBoolean(),
     _useBoolean2 = _slicedToArray(_useBoolean, 2),
-    isTrue = _useBoolean2[0],
+    isTruthy = _useBoolean2[0],
     _useBoolean2$ = _useBoolean2[1],
     _turnOn = _useBoolean2$.turnOn,
     _turnOff = _useBoolean2$.turnOff,
@@ -52,7 +52,7 @@ var useLazyBoolean = function useLazyBoolean() {
     });
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
-  return [isTrue, {
+  return [isTruthy, {
     turnOn: turnOn,
     turnOff: turnOff,
     toggle: toggle,

package/dist/index.cjs

@@ -24,6 +24,7 @@ var drawer = require('./components/drawer/drawer.cjs');
 var dialog = require('./components/dialog/dialog.cjs');
 var tag = require('./components/tag/tag.cjs');
 var calendar = require('./components/calendar/calendar.cjs');
+var contribution = require('./components/calendar/contribution.cjs');
 var datePicker = require('./components/date-picker/date-picker.cjs');
 var timePicker = require('./components/time-picker/time-picker.cjs');
 var dateRangePicker = require('./components/date-range-picker/date-range-picker.cjs');
@@ -90,6 +91,7 @@ exports.Drawer = drawer.default;
 exports.Dialog = dialog.default;
 exports.Tag = tag.default;
 exports.Calendar = calendar.default;
+exports.ContributionCalendar = contribution.default;
 exports.DatePicker = datePicker.default;
 exports.TimePicker = timePicker.default;
 exports.DateRangePicker = dateRangePicker.default;

package/dist/index.d.ts

@@ -23,7 +23,7 @@ export { Empty } from "./components/empty";
 export { Drawer } from "./components/drawer";
 export { Dialog } from "./components/dialog";
 export { Tag } from "./components/tag";
-export { Calendar } from "./components/calendar";
+export { Calendar, ContributionCalendar } from "./components/calendar";
 export { DatePicker } from "./components/date-picker";
 export { TimePicker } from "./components/time-picker";
 export { DateRangePicker } from "./components/date-range-picker";

package/dist/index.mjs

@@ -24,6 +24,7 @@ export { default as Drawer } from './components/drawer/drawer.mjs';
 export { default as Dialog } from './components/dialog/dialog.mjs';
 export { default as Tag } from './components/tag/tag.mjs';
 export { default as Calendar } from './components/calendar/calendar.mjs';
+export { default as ContributionCalendar } from './components/calendar/contribution.mjs';
 export { default as DatePicker } from './components/date-picker/date-picker.mjs';
 export { default as TimePicker } from './components/time-picker/time-picker.mjs';
 export { default as DateRangePicker } from './components/date-range-picker/date-range-picker.mjs';

package/dist/locale/locales/en_US.cjs

@@ -3,7 +3,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var componentToken = require('../../utils/component-token.cjs');
 
-var en_US = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
+var en_US = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
   locale: "en_US"
 }, componentToken.ComponentToken.Dialog, {
   confirm: "Confirm",
@@ -29,6 +29,10 @@ var en_US = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_def
 }), componentToken.ComponentToken.I18nButton, {
   zh_CN: "Chinese",
   en_US: "English"
+}), componentToken.ComponentToken.Drawer, {
+  confirm: "Confirm"
+}), componentToken.ComponentToken.Upload, {
+  upload: "Upload"
 });
 
 exports.default = en_US;

package/dist/locale/locales/en_US.mjs

@@ -1,7 +1,7 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import { ComponentToken } from '../../utils/component-token.mjs';
 
-var en_US = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
+var en_US = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
   locale: "en_US"
 }, ComponentToken.Dialog, {
   confirm: "Confirm",
@@ -27,6 +27,10 @@ var en_US = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_def
 }), ComponentToken.I18nButton, {
   zh_CN: "Chinese",
   en_US: "English"
+}), ComponentToken.Drawer, {
+  confirm: "Confirm"
+}), ComponentToken.Upload, {
+  upload: "Upload"
 });
 
 export { en_US as default };

package/dist/locale/locales/zh_CN.cjs

@@ -3,7 +3,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var componentToken = require('../../utils/component-token.cjs');
 
-var zh_CN = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
+var zh_CN = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
   locale: "zh_CN"
 }, componentToken.ComponentToken.Dialog, {
   confirm: "确认",
@@ -29,6 +29,10 @@ var zh_CN = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_def
 }), componentToken.ComponentToken.I18nButton, {
   zh_CN: "中文",
   en_US: "英文"
+}), componentToken.ComponentToken.Drawer, {
+  confirm: "确认"
+}), componentToken.ComponentToken.Upload, {
+  upload: "上传"
 });
 
 exports.default = zh_CN;

package/dist/locale/locales/zh_CN.mjs

@@ -1,7 +1,7 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import { ComponentToken } from '../../utils/component-token.mjs';
 
-var zh_CN = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
+var zh_CN = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
   locale: "zh_CN"
 }, ComponentToken.Dialog, {
   confirm: "确认",
@@ -27,6 +27,10 @@ var zh_CN = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_def
 }), ComponentToken.I18nButton, {
   zh_CN: "中文",
   en_US: "英文"
+}), ComponentToken.Drawer, {
+  confirm: "确认"
+}), ComponentToken.Upload, {
+  upload: "上传"
 });
 
 export { zh_CN as default };

package/dist/styles.css

@@ -4,6 +4,8 @@
 :root{--musaex-1odcd6w:0px;--musaex-bbiwro:0.1px;--musaex-1x9q6du:0.15px;--musaex-1fsxyg9:0.25px;--musaex-2s74kj:0.4px;--musaex-1ry795:0.5px;}
 :root{--musaex-1wblvyz:0px;--musaex-dojqt2:1px;--musaex-1h5s2h0:2px;--musaex-qk2ac7:4px;--musaex-h30iw9:6px;--musaex-vk5id6:8px;--musaex-1ncxh3n:12px;--musaex-oohzsl:16px;--musaex-1tzp6vk:24px;--musaex-15cw4i4:32px;--musaex-1n7xs5j:48px;--musaex-68a8pz:auto;}
 :root{--musaex-gmufu8:none;--musaex-15zostt:rgba(0, 0, 0, 0.2) 0px 2px 1px -1px, rgba(0, 0, 0, 0.14) 0px 1px 1px 0px, rgba(0, 0, 0, 0.12) 0px 1px 3px 0px;--musaex-1trg6py:rgba(0, 0, 0, 0.2) 0px 3px 3px -2px, rgba(0, 0, 0, 0.14) 0px 3px 4px 0px, rgba(0, 0, 0, 0.12) 0px 1px 8px 0px;--musaex-4poz8g:rgba(0, 0, 0, 0.2) 0px 3px 5px -1px, rgba(0, 0, 0, 0.14) 0px 6px 10px 0px, rgba(0, 0, 0, 0.12) 0px 1px 18px 0px;--musaex-1vq77kn:rgba(0, 0, 0, 0.2) 0px 5px 5px -3px, rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 2px;--musaex-1yt3x0a:rgba(0, 0, 0, 0.2) 0px 7px 8px -4px, rgba(0, 0, 0, 0.14) 0px 12px 17px 2px, rgba(0, 0, 0, 0.12) 0px 5px 22px 4px;}
+.musaex-1utc1yc{--cell-color:var(----cell-color,revert)}
+.musaex-1erll0c{--cell-size:calc(var(--musaex-cx2xv5) / 2)}
 .musaex-1gm2eyx{--code-background-color:var(----code-background-color,revert)}
 .musaex-p8ugqh{--lighter-shadow:var(----lighter-shadow,revert)}
 .musaex-1i66ttz{--on-primary-color:var(----on-primary-color,revert)}
@@ -37,6 +39,7 @@
 .musaex-p8vts:not(#\#){margin:var(--musaex-1wblvyz)}
 .musaex-gnae0u:not(#\#){margin:var(--musaex-68a8pz)}
 .musaex-9qdtsz:not(#\#){margin:var(--musaex-dojqt2)}
+.musaex-1717udv:not(#\#){padding:0}
 .musaex-2wmp0v:not(#\#){padding:var(--musaex-1ncxh3n)}
 .musaex-ox8tdy:not(#\#){padding:var(--musaex-1tzp6vk)}
 .musaex-j8pfrn:not(#\#){padding:var(--musaex-1wblvyz)}
@@ -54,6 +57,7 @@
 .musaex-z7qqyb:not(#\#):not(#\#){border-radius:var(--musaex-1rrllem)}
 .musaex-qwu505:not(#\#):not(#\#){border-radius:var(--musaex-fwu7zn)}
 .musaex-18pg0zq:not(#\#):not(#\#){border-radius:var(--musaex-h30iw9)}
+.musaex-llun4g:not(#\#):not(#\#){border-radius:var(--musaex-jdzqnm)}
 .musaex-1fioaya:not(#\#):not(#\#){border-radius:var(--musaex-qk2ac7)}
 .musaex-1u07kge:not(#\#):not(#\#){border-radius:var(--musaex-vk5id6)}
 .musaex-1y0btm7:not(#\#):not(#\#){border-style:solid}
@@ -82,8 +86,8 @@
 .musaex-3hncxx:not(#\#):not(#\#){outline:var(--musaex-1aj7t22)}
 .musaex-ysyzu8:not(#\#):not(#\#){overflow:auto}
 .musaex-b3r6kr:not(#\#):not(#\#){overflow:hidden}
+.musaex-1rea2x4:not(#\#):not(#\#){overflow:visible}
 .musaex-qhkzqn:not(#\#):not(#\#){padding-block:var(--musaex-1ncxh3n)}
-.musaex-1daajqp:not(#\#):not(#\#){padding-block:var(--musaex-1tzp6vk)}
 .musaex-133qg4p:not(#\#):not(#\#){padding-block:var(--musaex-1wblvyz)}
 .musaex-4bkepr:not(#\#):not(#\#){padding-block:var(--musaex-h30iw9)}
 .musaex-4g05pm:not(#\#):not(#\#){padding-block:var(--musaex-oohzsl)}
@@ -125,8 +129,11 @@
 .musaex-jbqb8w:not(#\#):not(#\#):not(#\#){background-color:transparent}
 .musaex-q1mx2j:not(#\#):not(#\#):not(#\#){background-color:var(--backgroundColor,revert)}
 .musaex-8hsaj5:not(#\#):not(#\#):not(#\#){background-color:var(--bcbnzo,revert)}
+.musaex-1204rnj:not(#\#):not(#\#):not(#\#){background-color:var(--cell-color)}
 .musaex-1x8l0va:not(#\#):not(#\#):not(#\#){background-color:var(--code-background-color)}
 .musaex-1db4oza:not(#\#):not(#\#):not(#\#){background-size:400% 100%}
+.musaex-1vathgz:not(#\#):not(#\#):not(#\#){border-collapse:separate}
+.musaex-g5hwcv:not(#\#):not(#\#):not(#\#){border-spacing:var(--musaex-qk2ac7)}
 .musaex-igitpm:not(#\#):not(#\#):not(#\#){box-shadow:var(--boxShadow,revert)}
 .musaex-sgc7hx:not(#\#):not(#\#):not(#\#){box-shadow:var(--musaex-15zostt)}
 .musaex-1bhjvst:not(#\#):not(#\#):not(#\#){box-shadow:var(--musaex-1trg6py)}
@@ -216,6 +223,7 @@
 .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-vc5jky:not(#\#):not(#\#):not(#\#){margin-inline-start:auto}
 .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)}
@@ -266,6 +274,7 @@ html[dir='rtl'] .musaex-p4054r:not(#\#):not(#\#):not(#\#){text-align:left}
 .musaex-rycbv3:not(#\#):not(#\#):not(#\#){transform:translateX(50%) translateY(-50%)}
 .musaex-1vfo23u:not(#\#):not(#\#):not(#\#){transform:translateX(50%) translateY(50%)}
 .musaex-1v0jg1i:not(#\#):not(#\#):not(#\#){transform:var(--transform,revert)}
+.musaex-1g2r6go:not(#\#):not(#\#):not(#\#){transition-duration:.1s}
 .musaex-13dflua:not(#\#):not(#\#):not(#\#){transition-duration:.2s}
 .musaex-1d8287x:not(#\#):not(#\#):not(#\#){transition-duration:.3s}
 .musaex-fagghw:not(#\#):not(#\#):not(#\#){transition-property:all}
@@ -276,6 +285,7 @@ html[dir='rtl'] .musaex-p4054r:not(#\#):not(#\#):not(#\#){text-align:left}
 .musaex-19991ni:not(#\#):not(#\#):not(#\#){transition-property:opacity}
 .musaex-bjh9w0:not(#\#):not(#\#):not(#\#){transition-property:padding-inline-start,padding-inline-end}
 .musaex-11xpdln:not(#\#):not(#\#):not(#\#){transition-property:transform}
+.musaex-qzan4j:not(#\#):not(#\#):not(#\#){transition-property:translate,opacity}
 .musaex-87ps6o:not(#\#):not(#\#):not(#\#){user-select:none}
 .musaex-3ajldb:not(#\#):not(#\#):not(#\#){vertical-align:bottom}
 .musaex-xymvpz:not(#\#):not(#\#):not(#\#){vertical-align:middle}
@@ -285,7 +295,7 @@ html[dir='rtl'] .musaex-p4054r:not(#\#):not(#\#):not(#\#){text-align:left}
 .musaex-19v51jg:not(#\#):not(#\#):not(#\#){will-change:background-color,color,box-shadow}
 .musaex-1o9dqaq:not(#\#):not(#\#):not(#\#){will-change:box-shadow,transform}
 .musaex-1so62im:not(#\#):not(#\#):not(#\#){will-change:transform}
-.musaex-19wnzia:not(#\#):not(#\#):not(#\#){will-change:translate}
+.musaex-1enemt:not(#\#):not(#\#):not(#\#){will-change:translate,opacity}
 .musaex-13faqbe:not(#\#):not(#\#):not(#\#){word-break:break-word}
 .musaex-cjiq3g:not(#\#):not(#\#):not(#\#){z-index:var(--musaex-11upij1)}
 .musaex-18enb72:not(#\#):not(#\#):not(#\#){z-index:var(--musaex-127010g)}
@@ -332,6 +342,7 @@ html[dir='rtl'] .musaex-p4054r:not(#\#):not(#\#):not(#\#){text-align:left}
 .musaex-t7dq6l:not(#\#):not(#\#):not(#\#):not(#\#){height:auto}
 .musaex-bmf846:not(#\#):not(#\#):not(#\#):not(#\#){height:calc(100vh - var(--musaex-xrqq76) - var(--musaex-15cw4i4))}
 .musaex-g7h5cd:not(#\#):not(#\#):not(#\#):not(#\#){height:fit-content}
+.musaex-sahybl:not(#\#):not(#\#):not(#\#):not(#\#){height:var(--cell-size)}
 .musaex-1jwls1v:not(#\#):not(#\#):not(#\#):not(#\#){height:var(--height,revert)}
 .musaex-1dql3xx:not(#\#):not(#\#):not(#\#):not(#\#){height:var(--musaex-16n5srz)}
 .musaex-18eqiv3:not(#\#):not(#\#):not(#\#):not(#\#){height:var(--musaex-1ax7z96)}
@@ -342,7 +353,6 @@ html[dir='rtl'] .musaex-p4054r:not(#\#):not(#\#):not(#\#){text-align:left}
 .musaex-h22aca:not(#\#):not(#\#):not(#\#):not(#\#){height:var(--musaex-2h23ia)}
 .musaex-r8va6l:not(#\#):not(#\#):not(#\#):not(#\#){height:var(--musaex-70uu0v)}
 .musaex-19ak84k:not(#\#):not(#\#):not(#\#):not(#\#){height:var(--musaex-cftog7)}
-.musaex-1bti5vo:not(#\#):not(#\#):not(#\#):not(#\#){height:var(--musaex-cx2xv5)}
 .musaex-drj9st:not(#\#):not(#\#):not(#\#):not(#\#){height:var(--musaex-fwu7zn)}
 .musaex-26n3vf:not(#\#):not(#\#):not(#\#):not(#\#){height:var(--musaex-jdzqnm)}
 .musaex-1q1utna:not(#\#):not(#\#):not(#\#):not(#\#){height:var(--musaex-laggmb)}
@@ -364,8 +374,10 @@ html[dir='rtl'] .musaex-p4054r:not(#\#):not(#\#):not(#\#){text-align:left}
 .musaex-19h4m1:not(#\#):not(#\#):not(#\#):not(#\#){margin-top:var(--musaex-qk2ac7)}
 .musaex-11m1c1s:not(#\#):not(#\#):not(#\#):not(#\#){margin-top:var(--musaex-vk5id6)}
 .musaex-fi9ciw:not(#\#):not(#\#):not(#\#):not(#\#){max-height:calc(100% - var(--musaex-15cw4i4) * 2)}
+.musaex-193iq5w:not(#\#):not(#\#):not(#\#):not(#\#){max-width:100%}
 .musaex-16xn7b0:not(#\#):not(#\#):not(#\#):not(#\#){max-width:100vw}
 .musaex-77asx0:not(#\#):not(#\#):not(#\#):not(#\#){max-width:var(--musaex-1qj6wod)}
+.musaex-189dakb:not(#\#):not(#\#):not(#\#):not(#\#){min-height:var(--cell-size)}
 .musaex-tynr54:not(#\#):not(#\#):not(#\#):not(#\#){min-height:var(--musaex-16n5srz)}
 .musaex-1mjul0d:not(#\#):not(#\#):not(#\#):not(#\#){min-height:var(--musaex-1spnrok)}
 .musaex-ktxt4i:not(#\#):not(#\#):not(#\#):not(#\#){min-height:var(--musaex-2h23ia)}
@@ -374,6 +386,7 @@ html[dir='rtl'] .musaex-p4054r:not(#\#):not(#\#):not(#\#){text-align:left}
 .musaex-1ite1z3:not(#\#):not(#\#):not(#\#):not(#\#){min-height:var(--musaex-rlgvtq)}
 .musaex-1jzhcrs:not(#\#):not(#\#):not(#\#):not(#\#){min-width:200px}
 .musaex-15cq3s0:not(#\#):not(#\#):not(#\#):not(#\#){min-width:480px}
+.musaex-1q6qbx2:not(#\#):not(#\#):not(#\#):not(#\#){min-width:var(--cell-size)}
 .musaex-13to73x:not(#\#):not(#\#):not(#\#):not(#\#){min-width:var(--minWidth,revert)}
 .musaex-1kc4xvm:not(#\#):not(#\#):not(#\#):not(#\#){min-width:var(--musaex-16n5srz)}
 .musaex-1n0e6fi:not(#\#):not(#\#):not(#\#):not(#\#){min-width:var(--musaex-1aj7t22)}
@@ -397,12 +410,10 @@ html[dir='rtl'] .musaex-p4054r:not(#\#):not(#\#):not(#\#){text-align:left}
 .musaex-3m8u43:not(#\#):not(#\#):not(#\#):not(#\#){right:0}
 .musaex-k6ci0l:not(#\#):not(#\#):not(#\#):not(#\#){right:20px}
 .musaex-l9l3z8:not(#\#):not(#\#):not(#\#):not(#\#){right:var(--musaex-15cw4i4)}
-.musaex-134unf5:not(#\#):not(#\#):not(#\#):not(#\#){right:var(--musaex-oohzsl)}
 .musaex-13vifvy:not(#\#):not(#\#):not(#\#):not(#\#){top:0}
 .musaex-wa60dl:not(#\#):not(#\#):not(#\#):not(#\#){top:50%}
 .musaex-98oeat:not(#\#):not(#\#):not(#\#):not(#\#){top:calc(var(--musaex-xrqq76) + var(--musaex-15cw4i4))}
 .musaex-1mjgxse:not(#\#):not(#\#):not(#\#):not(#\#){top:var(--musaex-15cw4i4)}
-.musaex-167ikqz:not(#\#):not(#\#):not(#\#):not(#\#){top:var(--musaex-oohzsl)}
 .musaex-13op6mf:not(#\#):not(#\#):not(#\#):not(#\#){top:var(--musaex-qk2ac7)}
 .musaex-rzbxsz:not(#\#):not(#\#):not(#\#):not(#\#){top:var(--top,revert)}
 .musaex-h8yej3:not(#\#):not(#\#):not(#\#):not(#\#){width:100%}
@@ -410,7 +421,6 @@ html[dir='rtl'] .musaex-p4054r:not(#\#):not(#\#):not(#\#){text-align:left}
 .musaex-vy4d1p:not(#\#):not(#\#):not(#\#):not(#\#){width:24px}
 .musaex-16b21pk:not(#\#):not(#\#):not(#\#):not(#\#){width:calc(1ch + var(--musaex-1ncxh3n) * 2)}
 .musaex-eq5yr9:not(#\#):not(#\#):not(#\#):not(#\#){width:fit-content}
-.musaex-1fvqbsf:not(#\#):not(#\#):not(#\#):not(#\#){width:var(--musaex-11uhodo)}
 .musaex-zx3e9c:not(#\#):not(#\#):not(#\#):not(#\#){width:var(--musaex-16n5srz)}
 .musaex-1k7lhcj:not(#\#):not(#\#):not(#\#):not(#\#){width:var(--musaex-1ax7z96)}
 .musaex-ohro5l:not(#\#):not(#\#):not(#\#):not(#\#){width:var(--musaex-1hydgie)}
@@ -419,7 +429,6 @@ html[dir='rtl'] .musaex-p4054r:not(#\#):not(#\#):not(#\#){text-align:left}
 .musaex-1doc0eo:not(#\#):not(#\#):not(#\#):not(#\#){width:var(--musaex-2h23ia)}
 .musaex-1um6o8b:not(#\#):not(#\#):not(#\#):not(#\#){width:var(--musaex-70uu0v)}
 .musaex-1opwmbq:not(#\#):not(#\#):not(#\#):not(#\#){width:var(--musaex-cftog7)}
-.musaex-rdd3y:not(#\#):not(#\#):not(#\#):not(#\#){width:var(--musaex-cx2xv5)}
 .musaex-1ankuk0:not(#\#):not(#\#):not(#\#):not(#\#){width:var(--musaex-fwu7zn)}
 .musaex-yueg9c:not(#\#):not(#\#):not(#\#):not(#\#){width:var(--musaex-laggmb)}
 .musaex-v4a0uj:not(#\#):not(#\#):not(#\#):not(#\#){width:var(--musaex-oohzsl)}

package/dist/types/drawer.d.ts

@@ -52,6 +52,11 @@ export type DrawerProps = Pick<ComponentProps, "className"> & {
      * @default void 0
      */
     onClose?: VoidFunction;
+    /**
+     * @description
+     * on confirm handler
+     */
+    onConfirm?: VoidFunction;
 };
 /**
  * @description

package/dist/types/element.d.ts

@@ -1,4 +1,4 @@
-import type { CSSProperties, RefCallback } from "react";
+import type { CSSProperties } from "react";
 /**
  * @author
  * @description
@@ -17,58 +17,3 @@ export interface ComponentProps {
      */
     style?: CSSProperties;
 }
-/**
- * @author murukal
- * @description
- * field need pass some props
- * use this props as common
- */
-export interface FieldRenderProps<T = unknown> {
-    /**
-     * @description
-     * name
-     */
-    name: string;
-    /**
-     * @description
-     * value
-     */
-    value: unknown;
-    /**
-     * @description
-     * invalid
-     */
-    invalid?: boolean;
-    /**
-     * @description
-     * ref
-     */
-    ref?: RefCallback<T>;
-    /**
-     * @description
-     * change handler
-     */
-    onChange: (...args: unknown[]) => void;
-    /**
-     * @description
-     * blur handler
-     */
-    onBlur: (...args: unknown[]) => void;
-}
-/**
- * @description
- * with level
- */
-export type WithLevel<T extends Object> = T & {
-    /**
-     * @description
-     * level
-     */
-    level: number;
-};
-/**
- * @description
- * size
- * in musae, we always use three size
- */
-export type Size = "small" | "medium" | "large";

package/dist/types/form.d.ts

@@ -1,6 +1,44 @@
-import type { PropsWithoutRef, ReactNode, RefAttributes } from "react";
+import type { PropsWithoutRef, ReactNode, RefAttributes, RefCallback } from "react";
 import type { DeepPartial, FieldValues, UseFormReturn } from "react-hook-form";
 import type { ComponentProps } from "./element";
+/**
+ * @author murukal
+ * @description
+ * field need pass some props
+ * use this props as common
+ */
+export interface FieldRenderProps<T = unknown> {
+    /**
+     * @description
+     * name
+     */
+    name: string;
+    /**
+     * @description
+     * value
+     */
+    value: unknown;
+    /**
+     * @description
+     * invalid
+     */
+    invalid?: boolean;
+    /**
+     * @description
+     * ref
+     */
+    ref?: RefCallback<T>;
+    /**
+     * @description
+     * change handler
+     */
+    onChange: (...args: unknown[]) => void;
+    /**
+     * @description
+     * blur handler
+     */
+    onBlur: (...args: unknown[]) => void;
+}
 /**
  * @author murukal
  * @description

package/dist/types/locale.d.ts

@@ -29,4 +29,10 @@ export interface Locale {
         unit: string;
     };
     [ComponentToken.I18nButton]: Record<LocaleCode, string>;
+    [ComponentToken.Drawer]: {
+        confirm: string;
+    };
+    [ComponentToken.Upload]: {
+        upload: string;
+    };
 }

package/dist/types/menu.d.ts

@@ -1,6 +1,6 @@
 import type { Key, ReactNode } from "react";
-import type { ComponentProps, Size } from "./element";
-import type { WithLevel } from "./element";
+import type { ComponentProps } from "./element";
+export type Size = "small" | "medium" | "large";
 export type Mode = "vertical" | "horizontal" | "inline";
 /**
  * @author murukal
@@ -129,7 +129,7 @@ export type MenuItem = ComponentProps & {
  * @description
  * menu item render props
  */
-export type MenuItemProps = WithLevel<Omit<MenuItem, "key" | "children">> & ComponentProps & {
+export type MenuItemProps = Omit<MenuItem, "key" | "children"> & ComponentProps & {
     /**
      * @description
      * value
@@ -156,6 +156,11 @@ export type MenuItemProps = WithLevel<Omit<MenuItem, "key" | "children">> & Comp
      * mode
      */
     mode: Mode;
+    /**
+     * @description
+     * level
+     */
+    level: number;
 };
 /**
  * @author murukal

package/dist/types/popper.d.ts

@@ -66,7 +66,7 @@ export interface PopperProps extends Pick<DOMAttributes<HTMLDivElement>, "onMous
      *
      * @default true
      *
-     * default case, popper will auto disappear after open change
+     * default case, popper will auto disappear after private `open` state change to `false`
      * but sometimes, you want to control popper disappear animation
      * set `disappearable` to false, and use popper.ref to disappear
      */

package/dist/types/skeleton.d.ts

@@ -1,5 +1,4 @@
 import type { ComponentProps } from "musae/types/element";
-type Variant = "button" | "avatar" | "title";
 /**
  * @description
  * skeleton props
@@ -10,10 +9,4 @@ export type SkeletonProps = ComponentProps & {
      * animation
      */
     animation?: boolean;
-    /**
-     * @description
-     * variant
-     */
-    variant?: Variant;
 };
-export {};

package/dist/{components/theme/types.d.ts → types/theme.d.ts}

@@ -1,5 +1,5 @@
 import type { MouseEvent, ReactNode } from "react";
-import type { toColors } from "../../utils/colors";
+import type { toColors } from "../utils/colors";
 export type Theme = {
     palette: Palette;
 };

package/dist/types/tree.d.ts

@@ -1,5 +1,5 @@
 import type { Key, ReactNode } from "react";
-import type { ComponentProps, WithLevel } from "./element";
+import type { ComponentProps } from "./element";
 /**
  * @description
  * tree node
@@ -97,7 +97,7 @@ export type TreeProps = ComponentProps & {
  * @description
  * tree node props
  */
-export type TreeNodeProps = WithLevel<Omit<TreeNode, "children" | "key">> & {
+export type TreeNodeProps = Omit<TreeNode, "children" | "key"> & {
     /**
      * @description
      * value
@@ -113,6 +113,11 @@ export type TreeNodeProps = WithLevel<Omit<TreeNode, "children" | "key">> & {
      * expand handler
      */
     onExpand?: (key: Key) => void;
+    /**
+     * @description
+     * level
+     */
+    level: number;
 };
 /**
  * @description

package/dist/{components/upload/types.d.ts → types/upload.d.ts}

@@ -1,4 +1,44 @@
-import type { ReactNode } from "react";
+import type { Key, ReactNode } from "react";
+/**
+ * @description
+ * status
+ */
+export type UploadStatus = "success" | "error" | "loading";
+export type ControlledValue = {
+    url: string;
+    key?: Key;
+};
+/**
+ * @description
+ * uploaded item
+ */
+export type UploadedItem = {
+    /**
+     * @description
+     * unique key
+     */
+    key: Key;
+    /**
+     * @description
+     * file
+     */
+    file?: File;
+    /**
+     * {@link UploadStatus}
+     */
+    status: UploadStatus;
+    /**
+     * @description
+     * url
+     */
+    url?: string;
+    /**
+     * @description
+     * error
+     */
+    error?: Error;
+};
+export type Value = UploadedItem | ControlledValue;
 /**
  * @description
  * `Upload` props
@@ -40,6 +80,23 @@ export type UploadProps = {
      * @default void 0
      */
     onError?: (error: unknown) => void;
+    /**
+     * @description
+     * value
+     */
+    value?: Value[];
+    /**
+     * @description
+     * value change handler
+     */
+    onChange?: (value: Value[]) => void;
+    /**
+     * @description
+     * limit
+     * @default
+     * Infinity
+     */
+    limit?: number;
 };
 /**
  * @description
@@ -56,24 +113,4 @@ export type UploadedsRef = {
  * @description
  * uploaded list props
  */
-export type UploadedsProps = Pick<UploadProps, "uploader" | "onError">;
-/**
- * @description
- * status
- */
-export type UploadStatus = "success" | "error" | "loading";
-/**
- * @description
- * uploaded item
- */
-export type UploadedItem = {
-    /**
-     * @description
-     * file
-     */
-    file: File;
-    /**
-     * {@link UploadStatus}
-     */
-    status: UploadStatus;
-};
+export type UploadedsProps = Pick<UploadProps, "uploader" | "onError" | "value" | "onChange" | "limit">;

package/dist/{components/waterfall/types.d.ts → types/waterfall.d.ts}

@@ -1,6 +1,6 @@
-import { ReactNode } from "react";
-import { ComponentProps } from "musae/types/element";
-import { type Gutter } from "../../hooks/use-gutters";
+import type { ReactNode } from "react";
+import type { ComponentProps } from "musae/types/element";
+import type { Gutter } from "../hooks/use-gutters";
 /**
  * @description
  * waterfall props