musae 0.3.2 → 0.3.5

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');
@@ -46,7 +47,7 @@ var progress = require('./components/progress/progress.cjs');
 var popover = require('./components/popover/popover.cjs');
 var watermark = require('./components/watermark/watermark.cjs');
 var collapse = require('./components/collapse/collapse.cjs');
-var floatingActionButton = require('./components/floating-action-button/floating-action-button.cjs');
+var fab = require('./components/fab/fab.cjs');
 var transfer = require('./components/transfer/transfer.cjs');
 var badge = require('./components/badge/badge.cjs');
 var skeleton = require('./components/skeleton/skeleton.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;
@@ -112,7 +114,7 @@ exports.Progress = progress.default;
 exports.Popover = popover.default;
 exports.Watermark = watermark.default;
 exports.Collapse = collapse.default;
-exports.FloatingActionButton = floatingActionButton.default;
+exports.Fab = fab.default;
 exports.Transfer = transfer.default;
 exports.Badge = badge.default;
 exports.Skeleton = skeleton.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";
@@ -48,7 +48,7 @@ export { Progress } from "./components/progress";
 export { Popover } from "./components/popover";
 export { Watermark } from "./components/watermark";
 export { Collapse } from "./components/collapse";
-export { FloatingActionButton } from "./components/floating-action-button";
+export { Fab } from "./components/fab";
 export { Transfer } from "./components/transfer";
 export { Badge } from "./components/badge";
 export { Skeleton } from "./components/skeleton";

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';
@@ -46,7 +47,7 @@ export { default as Progress } from './components/progress/progress.mjs';
 export { default as Popover } from './components/popover/popover.mjs';
 export { default as Watermark } from './components/watermark/watermark.mjs';
 export { default as Collapse } from './components/collapse/collapse.mjs';
-export { default as FloatingActionButton } from './components/floating-action-button/floating-action-button.mjs';
+export { default as Fab } from './components/fab/fab.mjs';
 export { default as Transfer } from './components/transfer/transfer.mjs';
 export { default as Badge } from './components/badge/badge.mjs';
 export { default as Skeleton } from './components/skeleton/skeleton.mjs';

package/dist/locale/context.d.ts

@@ -1,2 +1,2 @@
-import { type Locale } from "../types/locale";
+import { type Locale } from "musae/types/locale";
 export declare const LocaleContext: import("react").Context<Locale>;

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/locale/use-locale.d.ts

@@ -1,4 +1,4 @@
-import type { Locale, LocaleCode } from "../types/locale";
+import type { Locale, LocaleCode } from "musae/types/locale";
 export type LocaleComponentToken = Exclude<keyof Locale, "locale">;
 type UsedLocale<C extends LocaleComponentToken> = [Locale[C], LocaleCode];
 export declare const useLocale: <C extends LocaleComponentToken = LocaleComponentToken>(componentName: C) => UsedLocale<C>;

package/dist/styles.css

@@ -1,13 +1,17 @@
 :root{--musaex-127010g:-1;--musaex-1vh8wei:1;--musaex-11upij1:50;--musaex-oqacdq:60;--musaex-if0yew:990;--musaex-9gpkaf:1080;--musaex-80rspi:1080;--musaex-ah5ngi:1080;--musaex-ymrixl:1080;--musaex-1tyqau6:1090;--musaex-7fr0d6:1200;--musaex-dlxqgz:9999;}
 :root{--musaex-1aj7t22:0px;--musaex-1ax7z96:1px;--musaex-jdzqnm:2px;--musaex-1hydgie:4px;--musaex-fwu7zn:8px;--musaex-1l9c3uf:16px;--musaex-cx2xv5:20px;--musaex-rlgvtq:24px;--musaex-1qsoxbc:28px;--musaex-16n5srz:32px;--musaex-wll1cf:36px;--musaex-cftog7:40px;--musaex-laggmb:48px;--musaex-xrqq76:64px;--musaex-1spnrok:96px;--musaex-11uhodo:120px;--musaex-2h23ia:190px;--musaex-1rrllem:calc(Infinity * 1px);--musaex-1qj6wod:100%;--musaex-70uu0v:50%;--musaex-1yg5bqe:auto;}
-:root{--musaex-1hpqja9:0.08;--musaex-1my6c2f:0.12;--musaex-a796q7:0.16;--musaex-abm5yj:0.38;}
+:root{--musaex-1f2azoo:0.08;--musaex-1wowidf:0.12;--musaex-1ap209q:0.16;--musaex-1itczwt:0.38;}
 :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)}
 .musaex-1x71zss{--outline-color:var(----outline-color,revert)}
 .musaex-1w3qx2l{--primary-color:var(----primary-color,revert)}
+.musaex-36wvql{--shadow:var(----shadow,revert)}
 @keyframes musaex-1928g5l-B{from{background-position:100% 50%;}100%{background-position:0 50%;}}
 @keyframes musaex-r5zuwi-B{from{stroke-dasharray:0 220;stroke-width:20px;stroke-dashoffset:-110;}12%{stroke-dasharray:0 220;stroke-width:20px;stroke-dashoffset:-110;}20%{stroke-dasharray:20 200;stroke-width:30px;stroke-dashoffset:-115;}40%{stroke-dasharray:20 200;stroke-width:30px;stroke-dashoffset:-195;}48%{stroke-dasharray:0 220;stroke-width:20px;stroke-dashoffset:-220;}62%{stroke-dasharray:0 220;stroke-width:20px;stroke-dashoffset:-220;}70%{stroke-dasharray:20 200;stroke-width:30px;stroke-dashoffset:-225;}90%{stroke-dasharray:20 200;stroke-width:30px;stroke-dashoffset:-305;}98%{stroke-dasharray:0 220;stroke-width:20px;stroke-dashoffset:-330;}to{stroke-dasharray:0 220;stroke-width:20px;stroke-dashoffset:-330;}}
 @keyframes musaex-f6d5zf-B{from{stroke-dasharray:0 440;stroke-width:20px;stroke-dashoffset:0;}8%{stroke-dasharray:40 400;stroke-width:30px;stroke-dashoffset:-5;}28%{stroke-dasharray:40 400;stroke-width:30px;stroke-dashoffset:-175;}36%{stroke-dasharray:0 440;stroke-width:20px;stroke-dashoffset:-220;}58%{stroke-dasharray:0 440;stroke-width:20px;stroke-dashoffset:-220;}66%{stroke-dasharray:40 400;stroke-width:30px;stroke-dashoffset:-225;}86%{stroke-dasharray:40 400;stroke-width:30px;stroke-dashoffset:-395;}94%{stroke-dasharray:0 440;stroke-width:20px;stroke-dashoffset:-440;}to{stroke-dasharray:0 440;stroke-width:20px;stroke-dashoffset:-440;}}
@@ -15,8 +19,8 @@
 @keyframes musaex-rw80zm-B{from{stroke-dasharray:0 660;stroke-width:20px;stroke-dashoffset:-330;}4%{stroke-dasharray:0 660;stroke-width:20px;stroke-dashoffset:-330;}12%{stroke-dasharray:60 600;stroke-width:30px;stroke-dashoffset:-335;}32%{stroke-dasharray:60 600;stroke-width:30px;stroke-dashoffset:-595;}40%{stroke-dasharray:0 660;stroke-width:20px;stroke-dashoffset:-660;}54%{stroke-dasharray:0 660;stroke-width:20px;stroke-dashoffset:-660;}62%{stroke-dasharray:60 600;stroke-width:30px;stroke-dashoffset:-665;}82%{stroke-dasharray:60 600;stroke-width:30px;stroke-dashoffset:-925;}90%{stroke-dasharray:0 660;stroke-width:20px;stroke-dashoffset:-990;}to{stroke-dasharray:0 660;stroke-width:20px;stroke-dashoffset:-990;}}
 @keyframes musaex-1fy8ia8-B{to{transform:rotate(360deg);}}
 .musaex-1bu15qu:not(#\#){animation:musaex-1fy8ia8-B 1s infinite linear}
-.musaex-1jvh8g2:not(#\#){background:linear-gradient(90deg,rgba(0,0,0,.06) 25%,rgba(0,0,0,.15) 37%,rgba(0,0,0,.06) 63%)}
-.musaex-1csrv2e:not(#\#){background:rgba(0,0,0,.06)}
+.musaex-1br516c:not(#\#){background:linear-gradient(90deg,var(--shadow) 25%,var(--lighter-shadow) 37%,var(--shadow) 63%)}
+.musaex-uwpeme:not(#\#){background:var(--shadow)}
 .musaex-1om8rk0:not(#\#){border-inline:var(--musaex-1ax7z96)}
 .musaex-1gs6z28:not(#\#){border:none}
 .musaex-firn0k:not(#\#){border:var(--musaex-1aj7t22)}
@@ -35,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)}
@@ -52,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}
@@ -80,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)}
@@ -123,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)}
@@ -214,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)}
@@ -224,7 +234,7 @@
 .musaex-byyjgo:not(#\#):not(#\#):not(#\#){opacity:.5}
 .musaex-g01cxk:not(#\#):not(#\#):not(#\#){opacity:0}
 .musaex-1hc1fzr:not(#\#):not(#\#):not(#\#){opacity:1}
-.musaex-niy1rt:not(#\#):not(#\#):not(#\#){opacity:var(--musaex-abm5yj)}
+.musaex-1n1gcw9:not(#\#):not(#\#):not(#\#){opacity:var(--musaex-1itczwt)}
 .musaex-3x427e:not(#\#):not(#\#):not(#\#){order:var(--order,revert)}
 .musaex-1jw8hb:not(#\#):not(#\#):not(#\#){padding-inline-end:calc(var(--musaex-15cw4i4) / 2 - var(--musaex-jdzqnm))}
 .musaex-naytfa:not(#\#):not(#\#):not(#\#){padding-inline-end:calc(var(--musaex-rlgvtq) + var(--musaex-jdzqnm) * 4)}
@@ -264,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}
@@ -274,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}
@@ -283,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)}
@@ -330,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)}
@@ -340,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)}
@@ -362,16 +374,19 @@ 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-1y06zzy:not(#\#):not(#\#):not(#\#):not(#\#){min-height:var(--musaex-11uhodo)}
+.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)}
 .musaex-1p0x9m9:not(#\#):not(#\#):not(#\#):not(#\#){min-height:var(--musaex-cftog7)}
 .musaex-1fdzm4i:not(#\#):not(#\#):not(#\#):not(#\#){min-height:var(--musaex-laggmb)}
 .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)}
@@ -395,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%}
@@ -408,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)}
@@ -417,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/{components/clock/types.d.ts → types/clock.d.ts}

@@ -1,9 +1,5 @@
 import { ComponentProps } from "musae/types/element";
-export declare enum TimeUnit {
-    Hour = "hour",
-    Minute = "minute",
-    Second = "second"
-}
+export type TimeUnit = "hour" | "minute" | "second";
 type Value = [number, number, number];
 /**
  * @description

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

@@ -1,6 +1,6 @@
 import type { ReactNode, RefObject } from "react";
-import type { CLASS_NAMES } from "../../utils/class-name";
-import type { HolderRef } from "../notification/types";
+import type { CLASS_NAMES } from "../utils/class-name";
+import type { HolderRef } from "./notification";
 import type { Locale } from "musae/types/locale";
 export type ClassNames = typeof CLASS_NAMES;
 /**

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

@@ -1,10 +1,10 @@
 import { ComponentProps } from "musae/types/element";
-import { ButtonProps } from "../button/types";
+import { ButtonProps } from "./button";
 /**
  * @description
- * countable props
+ * countdown props
  */
-export type CountableProps = Pick<ButtonProps, "children" | "disabled" | "variant" | "color" | "size" | "shape" | "ripple"> & ComponentProps & {
+export type CountdownProps = Pick<ButtonProps, "children" | "disabled" | "variant" | "color" | "size" | "shape" | "ripple"> & ComponentProps & {
     /**
      * @description
      * count total after every trigger

package/dist/{components/date-picker/types.d.ts → types/date-picker.d.ts}

@@ -1,4 +1,4 @@
-import { Dayjs } from "dayjs";
+import type { Dayjs } from "dayjs";
 /**
  * @description
  * date picker props

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

@@ -1,7 +1,7 @@
 import type { CSSProperties, ReactNode } from "react";
-import type { Closable } from "../../hooks/use-closable";
+import type { Closable } from "../hooks/use-closable";
 import type { RequiredIn } from "@aiszlab/relax/types";
-import type { PortalProps } from "../portal/types";
+import type { PortalProps } from "./portal";
 import type { ComponentProps } from "musae/types/element";
 /**
  * @description

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

@@ -1,6 +1,6 @@
 import type { ReactNode } from "react";
 import type { ComponentProps } from "musae/types/element";
-import type { Gutter } from "../../hooks/use-gutters";
+import type { Gutter } from "../hooks/use-gutters";
 export type Align = "center" | "left" | "right";
 export type Orientation = "horizontal" | "vertical";
 /**

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

@@ -1,5 +1,5 @@
 import type { ReactNode } from "react";
-import type { Closable } from "../../hooks/use-closable";
+import type { Closable } from "../hooks/use-closable";
 import type { ComponentProps } from "musae/types/element";
 export type Placement = "right" | "left" | "top" | "bottom";
 /**
@@ -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/{components/floating-action-button/types.d.ts → types/fab.d.ts}

@@ -1,5 +1,5 @@
 import type { ReactNode } from "react";
-import type { PortalProps } from "../portal/types";
+import type { PortalProps } from "./portal";
 /**
  * @description
  * floatable ref
@@ -15,7 +15,7 @@ export type FloatableRef = {
  * @description
  * props
  */
-export type FloatingActionButtonProps = {
+export type FabProps = {
     /**
      * @description
      * container
@@ -35,7 +35,7 @@ export type FloatableProps = {
     /**
      * @link {FloatingActionButtonProps.container}
      */
-    container?: FloatingActionButtonProps["container"];
+    container?: FabProps["container"];
     /**
      * @description
      * children

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/{components/grid/types.d.ts → types/grid.d.ts}

@@ -1,6 +1,6 @@
 import type { CSSProperties, ReactNode } from "react";
 import type { ComponentProps } from "musae/types/element";
-import type { Gutter } from "../../hooks/use-gutters";
+import type { Gutter } from "../hooks/use-gutters";
 export interface RowProps extends ComponentProps {
     /**
      * @description

package/dist/{components/i18n-button/types.d.ts → types/i18n-button.d.ts}

@@ -1,10 +1,11 @@
 import type { Locale } from "musae/types/locale";
-import type { ButtonProps } from "../button/types";
+import type { ButtonProps } from "./button";
+import { ComponentProps } from "musae/types/element";
 /**
  * @description
  * i18n button props
  */
-export type I18nButtonProps = {
+export type I18nButtonProps = ComponentProps & {
     /**
      * @description
      * change handler

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
@@ -65,7 +65,7 @@ export interface MenuProps extends ComponentProps {
      * selected keys
      * @default void 0
      */
-    selectedKeys?: Key[];
+    selectedKeys?: Key[] | Key;
     /**
      * @description
      * default selected keys
@@ -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/{components/message/types.d.ts → types/message.d.ts}

@@ -1,4 +1,4 @@
-import type { NotificationConfig, Type } from "../notification";
+import type { NotificationConfig, Type } from "../components/notification";
 export type MessageConfig = Omit<NotificationConfig, "title" | "placement" | "closable">;
 export type OpenHandler = (config: Omit<MessageConfig, "type">) => Promise<void>;
 /**