musae 0.3.1 → 0.3.2

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

@@ -1,3 +1,5 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
 var visibility = require('./visibility.cjs');
 var visibilityOff = require('./visibility-off.cjs');
 var checkCircleOutline = require('./check-circle-outline.cjs');
@@ -12,7 +14,21 @@ var translate = require('./translate.cjs');
 var code = require('./code.cjs');
 var openInNew = require('./open-in-new.cjs');
 
-
+var _ = {
+  Visibility: visibility.default,
+  VisibilityOff: visibilityOff.default,
+  CheckCircleOutline: checkCircleOutline.default,
+  Done: done.default,
+  CheckCircle: checkCircle.default,
+  SwapHoriz: swapHoriz.default,
+  SwapVert: swapVert.default,
+  ZoomOut: zoomOut.default,
+  ZoomIn: zoomIn.default,
+  DoneOutline: doneOutline.default,
+  Translate: translate.default,
+  Code: code.default,
+  OpenInNew: openInNew.default
+};
 
 exports.Visibility = visibility.default;
 exports.VisibilityOff = visibilityOff.default;
@@ -27,3 +43,4 @@ exports.DoneOutline = doneOutline.default;
 exports.Translate = translate.default;
 exports.Code = code.default;
 exports.OpenInNew = openInNew.default;
+exports.default = _;

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

@@ -11,4 +11,20 @@ import DoneOutline from "./done-outline";
 import Translate from "./translate";
 import Code from "./code";
 import OpenInNew from "./open-in-new";
+declare const _: {
+    Visibility: (props: Omit<import("../..").IconProps, "as">) => import("react").FunctionComponentElement<import("../..").IconProps>;
+    VisibilityOff: (props: Omit<import("../..").IconProps, "as">) => import("react").FunctionComponentElement<import("../..").IconProps>;
+    CheckCircleOutline: (props: Omit<import("../..").IconProps, "as">) => import("react").FunctionComponentElement<import("../..").IconProps>;
+    Done: (props: Omit<import("../..").IconProps, "as">) => import("react").FunctionComponentElement<import("../..").IconProps>;
+    CheckCircle: (props: Omit<import("../..").IconProps, "as">) => import("react").FunctionComponentElement<import("../..").IconProps>;
+    SwapHoriz: (props: Omit<import("../..").IconProps, "as">) => import("react").FunctionComponentElement<import("../..").IconProps>;
+    SwapVert: (props: Omit<import("../..").IconProps, "as">) => import("react").FunctionComponentElement<import("../..").IconProps>;
+    ZoomOut: (props: Omit<import("../..").IconProps, "as">) => import("react").FunctionComponentElement<import("../..").IconProps>;
+    ZoomIn: (props: Omit<import("../..").IconProps, "as">) => import("react").FunctionComponentElement<import("../..").IconProps>;
+    DoneOutline: (props: Omit<import("../..").IconProps, "as">) => import("react").FunctionComponentElement<import("../..").IconProps>;
+    Translate: (props: Omit<import("../..").IconProps, "as">) => import("react").FunctionComponentElement<import("../..").IconProps>;
+    Code: (props: Omit<import("../..").IconProps, "as">) => import("react").FunctionComponentElement<import("../..").IconProps>;
+    OpenInNew: (props: Omit<import("../..").IconProps, "as">) => import("react").FunctionComponentElement<import("../..").IconProps>;
+};
+export default _;
 export { Visibility, VisibilityOff, CheckCircleOutline, Done, CheckCircle, SwapHoriz, SwapVert, ZoomOut, ZoomIn, DoneOutline, Translate, Code, OpenInNew, };

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

@@ -1,13 +1,31 @@
-export { default as Visibility } from './visibility.mjs';
-export { default as VisibilityOff } from './visibility-off.mjs';
-export { default as CheckCircleOutline } from './check-circle-outline.mjs';
-export { default as Done } from './done.mjs';
-export { default as CheckCircle } from './check-circle.mjs';
-export { default as SwapHoriz } from './swap-horiz.mjs';
-export { default as SwapVert } from './swap-vert.mjs';
-export { default as ZoomOut } from './zoom-out.mjs';
-export { default as ZoomIn } from './zoom-in.mjs';
-export { default as DoneOutline } from './done-outline.mjs';
-export { default as Translate } from './translate.mjs';
-export { default as Code } from './code.mjs';
-export { default as OpenInNew } from './open-in-new.mjs';
+import Visibility from './visibility.mjs';
+import VisibilityOff from './visibility-off.mjs';
+import CheckCircleOutline from './check-circle-outline.mjs';
+import Done from './done.mjs';
+import CheckCircle from './check-circle.mjs';
+import SwapHoriz from './swap-horiz.mjs';
+import SwapVert from './swap-vert.mjs';
+import ZoomOut from './zoom-out.mjs';
+import ZoomIn from './zoom-in.mjs';
+import DoneOutline from './done-outline.mjs';
+import Translate from './translate.mjs';
+import Code from './code.mjs';
+import OpenInNew from './open-in-new.mjs';
+
+var _ = {
+  Visibility: Visibility,
+  VisibilityOff: VisibilityOff,
+  CheckCircleOutline: CheckCircleOutline,
+  Done: Done,
+  CheckCircle: CheckCircle,
+  SwapHoriz: SwapHoriz,
+  SwapVert: SwapVert,
+  ZoomOut: ZoomOut,
+  ZoomIn: ZoomIn,
+  DoneOutline: DoneOutline,
+  Translate: Translate,
+  Code: Code,
+  OpenInNew: OpenInNew
+};
+
+export { CheckCircle, CheckCircleOutline, Code, Done, DoneOutline, OpenInNew, SwapHoriz, SwapVert, Translate, Visibility, VisibilityOff, ZoomIn, ZoomOut, _ as default };

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

@@ -1,3 +1,5 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
 var errorOutline = require('./error-outline.cjs');
 var addAlert = require('./add-alert.cjs');
 var autoDelete = require('./auto-delete.cjs');
@@ -6,7 +8,15 @@ var notificationImportant = require('./notification-important.cjs');
 var warning = require('./warning.cjs');
 var warningAmber = require('./warning-amber.cjs');
 
-
+var _ = {
+  ErrorOutline: errorOutline.default,
+  AddAlert: addAlert.default,
+  AutoDelete: autoDelete.default,
+  Error: error.default,
+  NotificationImportant: notificationImportant.default,
+  Warning: warning.default,
+  WarningAmber: warningAmber.default
+};
 
 exports.ErrorOutline = errorOutline.default;
 exports.AddAlert = addAlert.default;
@@ -15,3 +25,4 @@ exports.Error = error.default;
 exports.NotificationImportant = notificationImportant.default;
 exports.Warning = warning.default;
 exports.WarningAmber = warningAmber.default;
+exports.default = _;

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

@@ -5,4 +5,14 @@ import Error from "./error";
 import NotificationImportant from "./notification-important";
 import Warning from "./warning";
 import WarningAmber from "./warning-amber";
+declare const _: {
+    ErrorOutline: (props: Omit<import("../..").IconProps, "as">) => import("react").FunctionComponentElement<import("../..").IconProps>;
+    AddAlert: (props: Omit<import("../..").IconProps, "as">) => import("react").FunctionComponentElement<import("../..").IconProps>;
+    AutoDelete: (props: Omit<import("../..").IconProps, "as">) => import("react").FunctionComponentElement<import("../..").IconProps>;
+    Error: (props: Omit<import("../..").IconProps, "as">) => import("react").FunctionComponentElement<import("../..").IconProps>;
+    NotificationImportant: (props: Omit<import("../..").IconProps, "as">) => import("react").FunctionComponentElement<import("../..").IconProps>;
+    Warning: (props: Omit<import("../..").IconProps, "as">) => import("react").FunctionComponentElement<import("../..").IconProps>;
+    WarningAmber: (props: Omit<import("../..").IconProps, "as">) => import("react").FunctionComponentElement<import("../..").IconProps>;
+};
+export default _;
 export { ErrorOutline, AddAlert, AutoDelete, Error, NotificationImportant, Warning, WarningAmber };

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

@@ -1,7 +1,19 @@
-export { default as ErrorOutline } from './error-outline.mjs';
-export { default as AddAlert } from './add-alert.mjs';
-export { default as AutoDelete } from './auto-delete.mjs';
-export { default as Error } from './error.mjs';
-export { default as NotificationImportant } from './notification-important.mjs';
-export { default as Warning } from './warning.mjs';
-export { default as WarningAmber } from './warning-amber.mjs';
+import ErrorOutline from './error-outline.mjs';
+import AddAlert from './add-alert.mjs';
+import AutoDelete from './auto-delete.mjs';
+import Error from './error.mjs';
+import NotificationImportant from './notification-important.mjs';
+import Warning from './warning.mjs';
+import WarningAmber from './warning-amber.mjs';
+
+var _ = {
+  ErrorOutline: ErrorOutline,
+  AddAlert: AddAlert,
+  AutoDelete: AutoDelete,
+  Error: Error,
+  NotificationImportant: NotificationImportant,
+  Warning: Warning,
+  WarningAmber: WarningAmber
+};
+
+export { AddAlert, AutoDelete, Error, ErrorOutline, NotificationImportant, Warning, WarningAmber, _ as default };

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

@@ -1,13 +1,22 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
 var clear = require('./clear.cjs');
 var redo = require('./redo.cjs');
 var undo = require('./undo.cjs');
 var linkOff = require('./link-off.cjs');
 var fontDownload = require('./font-download.cjs');
 
-
+var _ = {
+  Clear: clear.default,
+  Redo: redo.default,
+  Undo: undo.default,
+  LinkOff: linkOff.default,
+  FontDownload: fontDownload.default
+};
 
 exports.Clear = clear.default;
 exports.Redo = redo.default;
 exports.Undo = undo.default;
 exports.LinkOff = linkOff.default;
 exports.FontDownload = fontDownload.default;
+exports.default = _;

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

@@ -3,4 +3,12 @@ import Redo from "./redo";
 import Undo from "./undo";
 import LinkOff from "./link-off";
 import FontDownload from "./font-download";
+declare const _: {
+    Clear: (props: Omit<import("../..").IconProps, "as">) => import("react").FunctionComponentElement<import("../..").IconProps>;
+    Redo: (props: Omit<import("../..").IconProps, "as">) => import("react").FunctionComponentElement<import("../..").IconProps>;
+    Undo: (props: Omit<import("../..").IconProps, "as">) => import("react").FunctionComponentElement<import("../..").IconProps>;
+    LinkOff: (props: Omit<import("../..").IconProps, "as">) => import("react").FunctionComponentElement<import("../..").IconProps>;
+    FontDownload: (props: Omit<import("../..").IconProps, "as">) => import("react").FunctionComponentElement<import("../..").IconProps>;
+};
+export default _;
 export { Clear, Redo, Undo, LinkOff, FontDownload };

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

@@ -1,5 +1,15 @@
-export { default as Clear } from './clear.mjs';
-export { default as Redo } from './redo.mjs';
-export { default as Undo } from './undo.mjs';
-export { default as LinkOff } from './link-off.mjs';
-export { default as FontDownload } from './font-download.mjs';
+import Redo from './clear.mjs';
+import Clear from './redo.mjs';
+import Undo from './undo.mjs';
+import LinkOff from './link-off.mjs';
+import FontDownload from './font-download.mjs';
+
+var _ = {
+  Clear: Redo,
+  Redo: Clear,
+  Undo: Undo,
+  LinkOff: LinkOff,
+  FontDownload: FontDownload
+};
+
+export { Redo as Clear, FontDownload, LinkOff, Clear as Redo, Undo, _ as default };

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

@@ -1,3 +1,5 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
 var formatBold = require('./format-bold.cjs');
 var formatItalic = require('./format-italic.cjs');
 var formatUnderlined = require('./format-underlined.cjs');
@@ -8,7 +10,17 @@ var superscript = require('./superscript.cjs');
 var notes = require('./notes.cjs');
 var checklist = require('./checklist.cjs');
 
-
+var _ = {
+  FormatBold: formatBold.default,
+  FormatItalic: formatItalic.default,
+  FormatUnderlined: formatUnderlined.default,
+  InsertLink: insertLink.default,
+  FormatStrikethrough: formatStrikethrough.default,
+  Subscript: subscript.default,
+  Superscript: superscript.default,
+  Notes: notes.default,
+  Checklist: checklist.default
+};
 
 exports.FormatBold = formatBold.default;
 exports.FormatItalic = formatItalic.default;
@@ -19,3 +31,4 @@ exports.Subscript = subscript.default;
 exports.Superscript = superscript.default;
 exports.Notes = notes.default;
 exports.Checklist = checklist.default;
+exports.default = _;

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

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

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

@@ -1,9 +1,23 @@
-export { default as FormatBold } from './format-bold.mjs';
-export { default as FormatItalic } from './format-italic.mjs';
-export { default as FormatUnderlined } from './format-underlined.mjs';
-export { default as InsertLink } from './insert-link.mjs';
-export { default as FormatStrikethrough } from './format-strikethrough.mjs';
-export { default as Subscript } from './subscript.mjs';
-export { default as Superscript } from './superscript.mjs';
-export { default as Notes } from './notes.mjs';
-export { default as Checklist } from './checklist.mjs';
+import FormatBold from './format-bold.mjs';
+import FormatItalic from './format-italic.mjs';
+import FormatUnderlined from './format-underlined.mjs';
+import InsertLink from './insert-link.mjs';
+import FormatStrikethrough from './format-strikethrough.mjs';
+import Subscript from './subscript.mjs';
+import Superscript from './superscript.mjs';
+import Notes from './notes.mjs';
+import Checklist from './checklist.mjs';
+
+var _ = {
+  FormatBold: FormatBold,
+  FormatItalic: FormatItalic,
+  FormatUnderlined: FormatUnderlined,
+  InsertLink: InsertLink,
+  FormatStrikethrough: FormatStrikethrough,
+  Subscript: Subscript,
+  Superscript: Superscript,
+  Notes: Notes,
+  Checklist: Checklist
+};
+
+export { Checklist, FormatBold, FormatItalic, FormatStrikethrough, FormatUnderlined, InsertLink, Notes, Subscript, Superscript, _ as default };

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

@@ -1,3 +1,5 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
 var keyboardDoubleArrowLeft = require('./keyboard-double-arrow-left.cjs');
 var keyboardDoubleArrowRight = require('./keyboard-double-arrow-right.cjs');
 var keyboardArrowLeft = require('./keyboard-arrow-left.cjs');
@@ -5,7 +7,14 @@ var keyboardArrowRight = require('./keyboard-arrow-right.cjs');
 var keyboardArrowUp = require('./keyboard-arrow-up.cjs');
 var keyboardArrowDown = require('./keyboard-arrow-down.cjs');
 
-
+var _ = {
+  KeyboardDoubleArrowLeft: keyboardDoubleArrowLeft.default,
+  KeyboardArrowDown: keyboardArrowDown.default,
+  KeyboardArrowLeft: keyboardArrowLeft.default,
+  KeyboardArrowRight: keyboardArrowRight.default,
+  KeyboardArrowUp: keyboardArrowUp.default,
+  KeyboardDoubleArrowRight: keyboardDoubleArrowRight.default
+};
 
 exports.KeyboardDoubleArrowLeft = keyboardDoubleArrowLeft.default;
 exports.KeyboardDoubleArrowRight = keyboardDoubleArrowRight.default;
@@ -13,3 +22,4 @@ exports.KeyboardArrowLeft = keyboardArrowLeft.default;
 exports.KeyboardArrowRight = keyboardArrowRight.default;
 exports.KeyboardArrowUp = keyboardArrowUp.default;
 exports.KeyboardArrowDown = keyboardArrowDown.default;
+exports.default = _;

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

@@ -4,4 +4,13 @@ import KeyboardArrowLeft from "./keyboard-arrow-left";
 import KeyboardArrowRight from "./keyboard-arrow-right";
 import KeyboardArrowUp from "./keyboard-arrow-up";
 import KeyboardArrowDown from "./keyboard-arrow-down";
+declare const _: {
+    KeyboardDoubleArrowLeft: (props: Omit<import("../..").IconProps, "as">) => import("react").FunctionComponentElement<import("../..").IconProps>;
+    KeyboardArrowDown: (props: Omit<import("../..").IconProps, "as">) => import("react").FunctionComponentElement<import("../..").IconProps>;
+    KeyboardArrowLeft: (props: Omit<import("../..").IconProps, "as">) => import("react").FunctionComponentElement<import("../..").IconProps>;
+    KeyboardArrowRight: (props: Omit<import("../..").IconProps, "as">) => import("react").FunctionComponentElement<import("../..").IconProps>;
+    KeyboardArrowUp: (props: Omit<import("../..").IconProps, "as">) => import("react").FunctionComponentElement<import("../..").IconProps>;
+    KeyboardDoubleArrowRight: (props: Omit<import("../..").IconProps, "as">) => import("react").FunctionComponentElement<import("../..").IconProps>;
+};
+export default _;
 export { KeyboardDoubleArrowLeft, KeyboardArrowDown, KeyboardArrowLeft, KeyboardArrowRight, KeyboardArrowUp, KeyboardDoubleArrowRight, };

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

@@ -1,6 +1,17 @@
-export { default as KeyboardDoubleArrowLeft } from './keyboard-double-arrow-left.mjs';
-export { default as KeyboardDoubleArrowRight } from './keyboard-double-arrow-right.mjs';
-export { default as KeyboardArrowLeft } from './keyboard-arrow-left.mjs';
-export { default as KeyboardArrowRight } from './keyboard-arrow-right.mjs';
-export { default as KeyboardArrowUp } from './keyboard-arrow-up.mjs';
-export { default as KeyboardArrowDown } from './keyboard-arrow-down.mjs';
+import KeyboardDoubleArrowLeft from './keyboard-double-arrow-left.mjs';
+import KeyboardDoubleArrowRight from './keyboard-double-arrow-right.mjs';
+import KeyboardArrowLeft from './keyboard-arrow-left.mjs';
+import KeyboardArrowRight from './keyboard-arrow-right.mjs';
+import KeyboardArrowUp from './keyboard-arrow-up.mjs';
+import KeyboardArrowDown from './keyboard-arrow-down.mjs';
+
+var _ = {
+  KeyboardDoubleArrowLeft: KeyboardDoubleArrowLeft,
+  KeyboardArrowDown: KeyboardArrowDown,
+  KeyboardArrowLeft: KeyboardArrowLeft,
+  KeyboardArrowRight: KeyboardArrowRight,
+  KeyboardArrowUp: KeyboardArrowUp,
+  KeyboardDoubleArrowRight: KeyboardDoubleArrowRight
+};
+
+export { KeyboardArrowDown, KeyboardArrowLeft, KeyboardArrowRight, KeyboardArrowUp, KeyboardDoubleArrowLeft, KeyboardDoubleArrowRight, _ as default };

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

@@ -1,3 +1,5 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
 var bedtime = require('./bedtime.cjs');
 var wbSunny = require('./wb-sunny.cjs');
 var rotateLeft = require('./rotate-left.cjs');
@@ -10,7 +12,19 @@ var looksFive = require('./looks-five.cjs');
 var looksSix = require('./looks-six.cjs');
 var edit = require('./edit.cjs');
 
-
+var _ = {
+  Bedtime: bedtime.default,
+  RotateLeft: rotateLeft.default,
+  RotateRight: rotateRight.default,
+  WbSunny: wbSunny.default,
+  LooksOne: looksOne.default,
+  LooksTwo: looksTwo.default,
+  LooksThree: looksThree.default,
+  LooksFour: looksFour.default,
+  LooksFive: looksFive.default,
+  LooksSix: looksSix.default,
+  Edit: edit.default
+};
 
 exports.Bedtime = bedtime.default;
 exports.WbSunny = wbSunny.default;
@@ -23,3 +37,4 @@ exports.LooksFour = looksFour.default;
 exports.LooksFive = looksFive.default;
 exports.LooksSix = looksSix.default;
 exports.Edit = edit.default;
+exports.default = _;

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

@@ -9,4 +9,18 @@ import LooksFour from "./looks-four";
 import LooksFive from "./looks-five";
 import LooksSix from "./looks-six";
 import Edit from "./edit";
+declare const _: {
+    Bedtime: (props: Omit<import("../..").IconProps, "as">) => import("react").FunctionComponentElement<import("../..").IconProps>;
+    RotateLeft: (props: Omit<import("../..").IconProps, "as">) => import("react").FunctionComponentElement<import("../..").IconProps>;
+    RotateRight: (props: Omit<import("../..").IconProps, "as">) => import("react").FunctionComponentElement<import("../..").IconProps>;
+    WbSunny: (props: Omit<import("../..").IconProps, "as">) => import("react").FunctionComponentElement<import("../..").IconProps>;
+    LooksOne: (props: Omit<import("../..").IconProps, "as">) => import("react").FunctionComponentElement<import("../..").IconProps>;
+    LooksTwo: (props: Omit<import("../..").IconProps, "as">) => import("react").FunctionComponentElement<import("../..").IconProps>;
+    LooksThree: (props: Omit<import("../..").IconProps, "as">) => import("react").FunctionComponentElement<import("../..").IconProps>;
+    LooksFour: (props: Omit<import("../..").IconProps, "as">) => import("react").FunctionComponentElement<import("../..").IconProps>;
+    LooksFive: (props: Omit<import("../..").IconProps, "as">) => import("react").FunctionComponentElement<import("../..").IconProps>;
+    LooksSix: (props: Omit<import("../..").IconProps, "as">) => import("react").FunctionComponentElement<import("../..").IconProps>;
+    Edit: (props: Omit<import("../..").IconProps, "as">) => import("react").FunctionComponentElement<import("../..").IconProps>;
+};
+export default _;
 export { Bedtime, RotateLeft, RotateRight, WbSunny, LooksOne, LooksTwo, LooksThree, LooksFour, LooksFive, LooksSix, Edit, };

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

@@ -1,11 +1,27 @@
-export { default as Bedtime } from './bedtime.mjs';
-export { default as WbSunny } from './wb-sunny.mjs';
-export { default as RotateLeft } from './rotate-left.mjs';
-export { default as RotateRight } from './rotate-right.mjs';
-export { default as LooksOne } from './looks-one.mjs';
-export { default as LooksTwo } from './looks-two.mjs';
-export { default as LooksThree } from './looks-three.mjs';
-export { default as LooksFour } from './looks-four.mjs';
-export { default as LooksFive } from './looks-five.mjs';
-export { default as LooksSix } from './looks-six.mjs';
-export { default as Edit } from './edit.mjs';
+import Bedtime from './bedtime.mjs';
+import Bedtime$1 from './wb-sunny.mjs';
+import RotateLeft from './rotate-left.mjs';
+import RotateRight from './rotate-right.mjs';
+import LooksOne from './looks-one.mjs';
+import LooksTwo from './looks-two.mjs';
+import LooksThree from './looks-three.mjs';
+import LooksFour from './looks-four.mjs';
+import LooksFive from './looks-five.mjs';
+import LooksSix from './looks-six.mjs';
+import Edit from './edit.mjs';
+
+var _ = {
+  Bedtime: Bedtime,
+  RotateLeft: RotateLeft,
+  RotateRight: RotateRight,
+  WbSunny: Bedtime$1,
+  LooksOne: LooksOne,
+  LooksTwo: LooksTwo,
+  LooksThree: LooksThree,
+  LooksFour: LooksFour,
+  LooksFive: LooksFive,
+  LooksSix: LooksSix,
+  Edit: Edit
+};
+
+export { Bedtime, Edit, LooksFive, LooksFour, LooksOne, LooksSix, LooksThree, LooksTwo, RotateLeft, RotateRight, Bedtime$1 as WbSunny, _ as default };

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

@@ -1,7 +1,13 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
 var github = require('./github.cjs');
 var loading = require('./loading.cjs');
 
-
+var _ = {
+  Github: github.default,
+  Loading: loading.default
+};
 
 exports.Github = github.default;
 exports.Loading = loading.default;
+exports.default = _;

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

@@ -1,3 +1,8 @@
 import Github from "./github";
 import Loading from "./loading";
+declare const _: {
+    Github: (props: Omit<import("../..").IconProps, "as">) => import("react").FunctionComponentElement<import("../..").IconProps>;
+    Loading: (props: Omit<import("../..").IconProps, "as">) => import("react").FunctionComponentElement<import("../..").IconProps>;
+};
+export default _;
 export { Github, Loading };

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

@@ -1,2 +1,9 @@
-export { default as Github } from './github.mjs';
-export { default as Loading } from './loading.mjs';
+import Github from './github.mjs';
+import Loading from './loading.mjs';
+
+var _ = {
+  Github: Github,
+  Loading: Loading
+};
+
+export { Github, Loading, _ as default };

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

@@ -1,13 +1,22 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
 var cancel = require('./cancel.cjs');
 var moreHoriz = require('./more-horiz.cjs');
 var close = require('./close.cjs');
 var check = require('./check.cjs');
 var unfoldMore = require('./unfold-more.cjs');
 
-
+var _ = {
+  Cancel: cancel.default,
+  Close: close.default,
+  MoreHoriz: moreHoriz.default,
+  Check: check.default,
+  UnfoldMore: unfoldMore.default
+};
 
 exports.Cancel = cancel.default;
 exports.MoreHoriz = moreHoriz.default;
 exports.Close = close.default;
 exports.Check = check.default;
 exports.UnfoldMore = unfoldMore.default;
+exports.default = _;

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

@@ -3,4 +3,12 @@ import MoreHoriz from "./more-horiz";
 import Close from "./close";
 import Check from "./check";
 import UnfoldMore from "./unfold-more";
+declare const _: {
+    Cancel: (props: Omit<import("../..").IconProps, "as">) => import("react").FunctionComponentElement<import("../..").IconProps>;
+    Close: (props: Omit<import("../..").IconProps, "as">) => import("react").FunctionComponentElement<import("../..").IconProps>;
+    MoreHoriz: (props: Omit<import("../..").IconProps, "as">) => import("react").FunctionComponentElement<import("../..").IconProps>;
+    Check: (props: Omit<import("../..").IconProps, "as">) => import("react").FunctionComponentElement<import("../..").IconProps>;
+    UnfoldMore: (props: Omit<import("../..").IconProps, "as">) => import("react").FunctionComponentElement<import("../..").IconProps>;
+};
+export default _;
 export { Cancel, Close, MoreHoriz, Check, UnfoldMore };

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

@@ -1,5 +1,15 @@
-export { default as Cancel } from './cancel.mjs';
-export { default as MoreHoriz } from './more-horiz.mjs';
-export { default as Close } from './close.mjs';
-export { default as Check } from './check.mjs';
-export { default as UnfoldMore } from './unfold-more.mjs';
+import Cancel from './cancel.mjs';
+import MoreHoriz from './more-horiz.mjs';
+import Close from './close.mjs';
+import Check from './check.mjs';
+import UnfoldMore from './unfold-more.mjs';
+
+var _ = {
+  Cancel: Cancel,
+  Close: Close,
+  MoreHoriz: MoreHoriz,
+  Check: Check,
+  UnfoldMore: UnfoldMore
+};
+
+export { Cancel, Check, Close, MoreHoriz, UnfoldMore, _ as default };

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

@@ -1,9 +1,16 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
 var star = require('./star.cjs');
 var starHalf = require('./star-half.cjs');
 var starOutline = require('./star-outline.cjs');
 
-
+var _ = {
+  Star: star.default,
+  StarHalf: starHalf.default,
+  StarOutline: starOutline.default
+};
 
 exports.Star = star.default;
 exports.StarHalf = starHalf.default;
 exports.StarOutline = starOutline.default;
+exports.default = _;

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

@@ -1,4 +1,10 @@
 import Star from "./star";
 import StarHalf from "./star-half";
 import StarOutline from "./star-outline";
+declare const _: {
+    Star: (props: Omit<import("../..").IconProps, "as">) => import("react").FunctionComponentElement<import("../..").IconProps>;
+    StarHalf: (props: Omit<import("../..").IconProps, "as">) => import("react").FunctionComponentElement<import("../..").IconProps>;
+    StarOutline: (props: Omit<import("../..").IconProps, "as">) => import("react").FunctionComponentElement<import("../..").IconProps>;
+};
+export default _;
 export { Star, StarHalf, StarOutline };

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

@@ -1,3 +1,11 @@
-export { default as Star } from './star.mjs';
-export { default as StarHalf } from './star-half.mjs';
-export { default as StarOutline } from './star-outline.mjs';
+import Star from './star.mjs';
+import StarHalf from './star-half.mjs';
+import StarOutline from './star-outline.mjs';
+
+var _ = {
+  Star: Star,
+  StarHalf: StarHalf,
+  StarOutline: StarOutline
+};
+
+export { Star, StarHalf, StarOutline, _ as default };

package/dist/components/pagination/hooks.cjs

@@ -2,7 +2,6 @@ var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
 var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 var relax = require('@aiszlab/relax');
 var React = require('react');
-var types = require('./types.cjs');
 
 /**
  * @author murukal
@@ -14,22 +13,27 @@ var usePagiantion = function usePagiantion(_ref) {
   var total = _ref.total,
     siblings = _ref.siblings,
     boundaries = _ref.boundaries,
-    _pageSize = _ref.pageSize;
+    _pageSize = _ref.pageSize,
+    _at = _ref.at,
+    _onChange = _ref.onChange,
+    _onPageSizeChange = _ref.onPageSizeChange;
   var _useControlledState = relax.useControlledState(_pageSize, {
       defaultState: 10
     }),
     _useControlledState2 = _slicedToArray(_useControlledState, 2),
     pageSize = _useControlledState2[0],
     setPageSize = _useControlledState2[1];
+  // convert total into page count
+  // at least 1 page
   var pages = React.useMemo(function () {
-    return Math.ceil(total / Math.max(1, pageSize));
+    return Math.max(1, Math.ceil(total / Math.max(1, pageSize)));
   }, [total, pageSize]);
-  var _useCounter = relax.useCounter(1, {
+  var _useCounter = relax.useCounter(_at, {
       min: 1,
       max: pages
     }),
     _useCounter2 = _slicedToArray(_useCounter, 2),
-    page = _useCounter2[0],
+    at = _useCounter2[0],
     _useCounter2$ = _useCounter2[1],
     add = _useCounter2$.add,
     subtract = _useCounter2$.subtract,
@@ -38,28 +42,33 @@ var usePagiantion = function usePagiantion(_ref) {
     // max renderable pages
     var renderable = siblings * 2 + 3 + boundaries * 2;
     if (renderable > pages) {
-      return [types.PaginationItemType.Prev].concat(_toConsumableArray(relax.range(1, pages)), [types.PaginationItemType.Next]);
+      return ["prev"].concat(_toConsumableArray(relax.range(1, pages)), ["next"]);
     }
-    var focusedAt = relax.clamp(page, boundaries + 3, pages - (boundaries + 2));
+    var focusedAt = relax.clamp(at, boundaries + 3, pages - (boundaries + 2));
     var from = Math.max(focusedAt - siblings, boundaries);
     var to = Math.min(focusedAt + siblings, pages - (boundaries - 1));
     var hasPrevMore = from > boundaries + 2;
     var hasNextMore = to < pages - (boundaries + 1);
-    return [types.PaginationItemType.Prev].concat(_toConsumableArray(relax.range(1, boundaries)), _toConsumableArray(hasPrevMore ? [types.PaginationItemType.MorePrev] : [boundaries + 1]), _toConsumableArray(relax.range(from, to)), _toConsumableArray(hasNextMore ? [types.PaginationItemType.MoreNext] : [pages - boundaries]), _toConsumableArray(relax.range(pages - (boundaries - 1), pages)), [types.PaginationItemType.Next]);
-  }, [boundaries, page, pages, siblings]);
+    return ["prev"].concat(_toConsumableArray(relax.range(1, boundaries)), _toConsumableArray(hasPrevMore ? ["more-prev"] : [boundaries + 1]), _toConsumableArray(relax.range(from, to)), _toConsumableArray(hasNextMore ? ["more-next"] : [pages - boundaries]), _toConsumableArray(relax.range(pages - (boundaries - 1), pages)), ["next"]);
+  }, [boundaries, at, pages, siblings]);
   // whether prev button is usable
-  var hasPrev = page > 1;
+  var hasPrev = at > 1;
   // whether next button is usable
-  var hasNext = page < pages;
-  var onPageSizeChange = function onPageSizeChange(pageSize) {
+  var hasNext = at < pages;
+  var onChange = relax.useEvent(function (at) {
+    _onChange === null || _onChange === void 0 || _onChange(at);
+    setCount(at);
+  });
+  var onPageSizeChange = relax.useEvent(function (pageSize) {
+    _onPageSizeChange === null || _onPageSizeChange === void 0 || _onPageSizeChange(pageSize);
     setPageSize(pageSize);
-  };
+  });
   return {
     paginationItems: paginationItems,
     add: add,
     subtract: subtract,
-    changePage: setCount,
-    page: page,
+    onChange: onChange,
+    at: at,
     hasPrev: hasPrev,
     hasNext: hasNext,
     pageSize: pageSize,

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

@@ -1,21 +1,24 @@
-import { type PaginationItems } from "./types";
+import type { PaginationItems } from "musae/types/pagination";
 /**
  * @author murukal
  *
  * @description
  * use pagination
  */
-export declare const usePagiantion: ({ total, siblings, boundaries, pageSize: _pageSize, }: {
+export declare const usePagiantion: ({ total, siblings, boundaries, pageSize: _pageSize, at: _at, onChange: _onChange, onPageSizeChange: _onPageSizeChange, }: {
     total: number;
     siblings: number;
     boundaries: number;
     pageSize?: number;
+    at?: number;
+    onChange?: (at: number) => void;
+    onPageSizeChange?: (pageSize: number) => void;
 }) => {
     paginationItems: PaginationItems;
     add: (step?: number) => void;
     subtract: (step?: number) => void;
-    changePage: import("react").Dispatch<import("react").SetStateAction<number>>;
-    page: number;
+    onChange: (at: number) => void;
+    at: number;
     hasPrev: boolean;
     hasNext: boolean;
     pageSize: number;

package/dist/components/pagination/hooks.mjs

@@ -1,8 +1,7 @@
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { useControlledState, useCounter, range, clamp } from '@aiszlab/relax';
+import { useControlledState, useCounter, range, clamp, useEvent } from '@aiszlab/relax';
 import { useMemo } from 'react';
-import { PaginationItemType } from './types.mjs';
 
 /**
  * @author murukal
@@ -14,22 +13,27 @@ var usePagiantion = function usePagiantion(_ref) {
   var total = _ref.total,
     siblings = _ref.siblings,
     boundaries = _ref.boundaries,
-    _pageSize = _ref.pageSize;
+    _pageSize = _ref.pageSize,
+    _at = _ref.at,
+    _onChange = _ref.onChange,
+    _onPageSizeChange = _ref.onPageSizeChange;
   var _useControlledState = useControlledState(_pageSize, {
       defaultState: 10
     }),
     _useControlledState2 = _slicedToArray(_useControlledState, 2),
     pageSize = _useControlledState2[0],
     setPageSize = _useControlledState2[1];
+  // convert total into page count
+  // at least 1 page
   var pages = useMemo(function () {
-    return Math.ceil(total / Math.max(1, pageSize));
+    return Math.max(1, Math.ceil(total / Math.max(1, pageSize)));
   }, [total, pageSize]);
-  var _useCounter = useCounter(1, {
+  var _useCounter = useCounter(_at, {
       min: 1,
       max: pages
     }),
     _useCounter2 = _slicedToArray(_useCounter, 2),
-    page = _useCounter2[0],
+    at = _useCounter2[0],
     _useCounter2$ = _useCounter2[1],
     add = _useCounter2$.add,
     subtract = _useCounter2$.subtract,
@@ -38,28 +42,33 @@ var usePagiantion = function usePagiantion(_ref) {
     // max renderable pages
     var renderable = siblings * 2 + 3 + boundaries * 2;
     if (renderable > pages) {
-      return [PaginationItemType.Prev].concat(_toConsumableArray(range(1, pages)), [PaginationItemType.Next]);
+      return ["prev"].concat(_toConsumableArray(range(1, pages)), ["next"]);
     }
-    var focusedAt = clamp(page, boundaries + 3, pages - (boundaries + 2));
+    var focusedAt = clamp(at, boundaries + 3, pages - (boundaries + 2));
     var from = Math.max(focusedAt - siblings, boundaries);
     var to = Math.min(focusedAt + siblings, pages - (boundaries - 1));
     var hasPrevMore = from > boundaries + 2;
     var hasNextMore = to < pages - (boundaries + 1);
-    return [PaginationItemType.Prev].concat(_toConsumableArray(range(1, boundaries)), _toConsumableArray(hasPrevMore ? [PaginationItemType.MorePrev] : [boundaries + 1]), _toConsumableArray(range(from, to)), _toConsumableArray(hasNextMore ? [PaginationItemType.MoreNext] : [pages - boundaries]), _toConsumableArray(range(pages - (boundaries - 1), pages)), [PaginationItemType.Next]);
-  }, [boundaries, page, pages, siblings]);
+    return ["prev"].concat(_toConsumableArray(range(1, boundaries)), _toConsumableArray(hasPrevMore ? ["more-prev"] : [boundaries + 1]), _toConsumableArray(range(from, to)), _toConsumableArray(hasNextMore ? ["more-next"] : [pages - boundaries]), _toConsumableArray(range(pages - (boundaries - 1), pages)), ["next"]);
+  }, [boundaries, at, pages, siblings]);
   // whether prev button is usable
-  var hasPrev = page > 1;
+  var hasPrev = at > 1;
   // whether next button is usable
-  var hasNext = page < pages;
-  var onPageSizeChange = function onPageSizeChange(pageSize) {
+  var hasNext = at < pages;
+  var onChange = useEvent(function (at) {
+    _onChange === null || _onChange === void 0 || _onChange(at);
+    setCount(at);
+  });
+  var onPageSizeChange = useEvent(function (pageSize) {
+    _onPageSizeChange === null || _onPageSizeChange === void 0 || _onPageSizeChange(pageSize);
     setPageSize(pageSize);
-  };
+  });
   return {
     paginationItems: paginationItems,
     add: add,
     subtract: subtract,
-    changePage: setCount,
-    page: page,
+    onChange: onChange,
+    at: at,
     hasPrev: hasPrev,
     hasNext: hasNext,
     pageSize: pageSize,

package/dist/components/pagination/item.cjs

@@ -1,7 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var types = require('./types.cjs');
 var button = require('../button/button.cjs');
 var keyboardArrowLeft = require('../icon/icons/hardware/keyboard-arrow-left.cjs');
 var keyboardArrowRight = require('../icon/icons/hardware/keyboard-arrow-right.cjs');
@@ -11,13 +10,13 @@ var keyboardDoubleArrowRight = require('../icon/icons/hardware/keyboard-double-a
 
 var Item = function Item(_ref) {
   var value = _ref.value,
-    onPageChange = _ref.onPageChange,
+    _onClick = _ref.onClick,
     add = _ref.add,
     subtract = _ref.subtract,
     checked = _ref.checked,
     hasNext = _ref.hasNext,
     hasPrev = _ref.hasPrev;
-  if (value === types.PaginationItemType.Prev) {
+  if (value === "prev") {
     return /*#__PURE__*/React.createElement(button.Button, {
       onClick: function onClick() {
         return subtract();
@@ -28,7 +27,7 @@ var Item = function Item(_ref) {
       disabled: !hasPrev
     }, /*#__PURE__*/React.createElement(keyboardArrowLeft.default, null));
   }
-  if (value === types.PaginationItemType.Next) {
+  if (value === "next") {
     return /*#__PURE__*/React.createElement(button.Button, {
       onClick: function onClick() {
         return add();
@@ -39,13 +38,14 @@ var Item = function Item(_ref) {
       disabled: !hasNext
     }, /*#__PURE__*/React.createElement(keyboardArrowRight.default, null));
   }
-  if (value === types.PaginationItemType.MorePrev || value === types.PaginationItemType.MoreNext) {
+  var isMorePrev = value === "more-prev";
+  var isMoreNext = value === "more-next";
+  if (isMorePrev || isMoreNext) {
     var styled = {
       more: {
         className: "musaex-1aldg33 musaex-1oew0n0"
       }
     };
-    var isNegative = value === types.PaginationItemType.MorePrev;
     return /*#__PURE__*/React.createElement(button.Button, {
       shape: "circular",
       variant: "text",
@@ -53,11 +53,11 @@ var Item = function Item(_ref) {
       className: styled.more.className,
       style: styled.more.style,
       onClick: function onClick() {
-        isNegative ? subtract(5) : add(5);
+        isMorePrev ? subtract(5) : add(5);
       }
     }, /*#__PURE__*/React.createElement(moreHoriz.default, {
       role: "separator"
-    }), /*#__PURE__*/React.createElement(isNegative ? keyboardDoubleArrowLeft.default : keyboardDoubleArrowRight.default, {
+    }), /*#__PURE__*/React.createElement(isMorePrev ? keyboardDoubleArrowLeft.default : keyboardDoubleArrowRight.default, {
       role: "button"
     }));
   }
@@ -66,7 +66,7 @@ var Item = function Item(_ref) {
     color: checked ? "primary" : "secondary",
     variant: checked ? "filled" : "text",
     onClick: function onClick() {
-      onPageChange(value);
+      _onClick(value);
     }
   }, value);
 };

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

@@ -1,4 +1,4 @@
 import React from "react";
-import { type PaginationItemProps } from "./types";
-declare const Item: ({ value, onPageChange, add, subtract, checked, hasNext, hasPrev }: PaginationItemProps) => React.JSX.Element;
+import type { PaginationItemProps } from "musae/types/pagination";
+declare const Item: ({ value, onClick, add, subtract, checked, hasNext, hasPrev, }: PaginationItemProps) => React.JSX.Element;
 export default Item;

package/dist/components/pagination/item.mjs

@@ -1,5 +1,4 @@
 import React, { createElement } from 'react';
-import { PaginationItemType } from './types.mjs';
 import { Button } from '../button/button.mjs';
 import KeyboardArrowLeft from '../icon/icons/hardware/keyboard-arrow-left.mjs';
 import KeyboardArrowRight from '../icon/icons/hardware/keyboard-arrow-right.mjs';
@@ -9,13 +8,13 @@ import KeyboardDoubleArrowRight from '../icon/icons/hardware/keyboard-double-arr
 
 var Item = function Item(_ref) {
   var value = _ref.value,
-    onPageChange = _ref.onPageChange,
+    _onClick = _ref.onClick,
     add = _ref.add,
     subtract = _ref.subtract,
     checked = _ref.checked,
     hasNext = _ref.hasNext,
     hasPrev = _ref.hasPrev;
-  if (value === PaginationItemType.Prev) {
+  if (value === "prev") {
     return /*#__PURE__*/React.createElement(Button, {
       onClick: function onClick() {
         return subtract();
@@ -26,7 +25,7 @@ var Item = function Item(_ref) {
       disabled: !hasPrev
     }, /*#__PURE__*/React.createElement(KeyboardArrowLeft, null));
   }
-  if (value === PaginationItemType.Next) {
+  if (value === "next") {
     return /*#__PURE__*/React.createElement(Button, {
       onClick: function onClick() {
         return add();
@@ -37,13 +36,14 @@ var Item = function Item(_ref) {
       disabled: !hasNext
     }, /*#__PURE__*/React.createElement(KeyboardArrowRight, null));
   }
-  if (value === PaginationItemType.MorePrev || value === PaginationItemType.MoreNext) {
+  var isMorePrev = value === "more-prev";
+  var isMoreNext = value === "more-next";
+  if (isMorePrev || isMoreNext) {
     var styled = {
       more: {
         className: "musaex-1aldg33 musaex-1oew0n0"
       }
     };
-    var isNegative = value === PaginationItemType.MorePrev;
     return /*#__PURE__*/React.createElement(Button, {
       shape: "circular",
       variant: "text",
@@ -51,11 +51,11 @@ var Item = function Item(_ref) {
       className: styled.more.className,
       style: styled.more.style,
       onClick: function onClick() {
-        isNegative ? subtract(5) : add(5);
+        isMorePrev ? subtract(5) : add(5);
       }
     }, /*#__PURE__*/React.createElement(MoreHoriz, {
       role: "separator"
-    }), /*#__PURE__*/createElement(isNegative ? KeyboardDoubleArrowLeft : KeyboardDoubleArrowRight, {
+    }), /*#__PURE__*/createElement(isMorePrev ? KeyboardDoubleArrowLeft : KeyboardDoubleArrowRight, {
       role: "button"
     }));
   }
@@ -64,7 +64,7 @@ var Item = function Item(_ref) {
     color: checked ? "primary" : "secondary",
     variant: checked ? "filled" : "text",
     onClick: function onClick() {
-      onPageChange(value);
+      _onClick(value);
     }
   }, value);
 };

package/dist/components/pagination/pagination.cjs

@@ -20,18 +20,28 @@ var Pagination = function Pagination(_ref) {
     boundaries = _ref$boundaries === void 0 ? 1 : _ref$boundaries,
     _pageSize = _ref.pageSize,
     _ref$pageSizes = _ref.pageSizes,
-    pageSizes = _ref$pageSizes === void 0 ? [10, 20, 50, 100] : _ref$pageSizes;
+    pageSizes = _ref$pageSizes === void 0 ? [10, 20, 50, 100] : _ref$pageSizes,
+    _at = _ref.at,
+    _onChange = _ref.onChange,
+    _onPageSizeChange = _ref.onPageSizeChange;
+  var classNames = useClassNames.useClassNames(componentToken.ComponentToken.Pagination);
+  var _useLocale = useLocale.useLocale(componentToken.ComponentToken.Pagination),
+    _useLocale2 = _slicedToArray(_useLocale, 1),
+    locale = _useLocale2[0];
   var _usePagiantion = hooks.usePagiantion({
       boundaries: boundaries,
       pageSize: _pageSize,
       siblings: siblings,
-      total: total
+      total: total,
+      at: _at,
+      onChange: _onChange,
+      onPageSizeChange: _onPageSizeChange
     }),
     paginationItems = _usePagiantion.paginationItems,
     add = _usePagiantion.add,
     subtract = _usePagiantion.subtract,
-    changePage = _usePagiantion.changePage,
-    page = _usePagiantion.page,
+    onChange = _usePagiantion.onChange,
+    at = _usePagiantion.at,
     hasNext = _usePagiantion.hasNext,
     hasPrev = _usePagiantion.hasPrev,
     pageSize = _usePagiantion.pageSize,
@@ -44,10 +54,6 @@ var Pagination = function Pagination(_ref) {
       className: "musaex-78zum5 musaex-6s0dn4"
     }
   };
-  var classNames = useClassNames.useClassNames(componentToken.ComponentToken.Pagination);
-  var _useLocale = useLocale.useLocale(componentToken.ComponentToken.Pagination),
-    _useLocale2 = _slicedToArray(_useLocale, 1),
-    locale = _useLocale2[0];
   var sizeOptions = React.useMemo(function () {
     return Array.from(new Set(pageSizes)).map(function (size) {
       return {
@@ -69,8 +75,8 @@ var Pagination = function Pagination(_ref) {
       value: item$1,
       add: add,
       subtract: subtract,
-      onPageChange: changePage,
-      checked: page === item$1,
+      onClick: onChange,
+      checked: at === item$1,
       hasNext: hasNext,
       hasPrev: hasPrev
     }));

package/dist/components/pagination/pagination.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
-import type { PagiantionProps } from "./types";
-declare const Pagination: ({ total, siblings, boundaries, pageSize: _pageSize, pageSizes, }: PagiantionProps) => React.JSX.Element;
+import type { PagiantionProps } from "musae/types/pagination";
+declare const Pagination: ({ total, siblings, boundaries, pageSize: _pageSize, pageSizes, at: _at, onChange: _onChange, onPageSizeChange: _onPageSizeChange, }: PagiantionProps) => React.JSX.Element;
 export default Pagination;

package/dist/components/pagination/pagination.mjs

@@ -18,18 +18,28 @@ var Pagination = function Pagination(_ref) {
     boundaries = _ref$boundaries === void 0 ? 1 : _ref$boundaries,
     _pageSize = _ref.pageSize,
     _ref$pageSizes = _ref.pageSizes,
-    pageSizes = _ref$pageSizes === void 0 ? [10, 20, 50, 100] : _ref$pageSizes;
+    pageSizes = _ref$pageSizes === void 0 ? [10, 20, 50, 100] : _ref$pageSizes,
+    _at = _ref.at,
+    _onChange = _ref.onChange,
+    _onPageSizeChange = _ref.onPageSizeChange;
+  var classNames = useClassNames(ComponentToken.Pagination);
+  var _useLocale = useLocale(ComponentToken.Pagination),
+    _useLocale2 = _slicedToArray(_useLocale, 1),
+    locale = _useLocale2[0];
   var _usePagiantion = usePagiantion({
       boundaries: boundaries,
       pageSize: _pageSize,
       siblings: siblings,
-      total: total
+      total: total,
+      at: _at,
+      onChange: _onChange,
+      onPageSizeChange: _onPageSizeChange
     }),
     paginationItems = _usePagiantion.paginationItems,
     add = _usePagiantion.add,
     subtract = _usePagiantion.subtract,
-    changePage = _usePagiantion.changePage,
-    page = _usePagiantion.page,
+    onChange = _usePagiantion.onChange,
+    at = _usePagiantion.at,
     hasNext = _usePagiantion.hasNext,
     hasPrev = _usePagiantion.hasPrev,
     pageSize = _usePagiantion.pageSize,
@@ -42,10 +52,6 @@ var Pagination = function Pagination(_ref) {
       className: "musaex-78zum5 musaex-6s0dn4"
     }
   };
-  var classNames = useClassNames(ComponentToken.Pagination);
-  var _useLocale = useLocale(ComponentToken.Pagination),
-    _useLocale2 = _slicedToArray(_useLocale, 1),
-    locale = _useLocale2[0];
   var sizeOptions = useMemo(function () {
     return Array.from(new Set(pageSizes)).map(function (size) {
       return {
@@ -67,8 +73,8 @@ var Pagination = function Pagination(_ref) {
       value: item,
       add: add,
       subtract: subtract,
-      onPageChange: changePage,
-      checked: page === item,
+      onClick: onChange,
+      checked: at === item,
       hasNext: hasNext,
       hasPrev: hasPrev
     }));

package/dist/index.cjs

@@ -1,4 +1,4 @@
-import "musae/styles.css";
+require("musae/styles")
 var index = require('./components/avatar/index.cjs');
 var index$1 = require('./components/radio/index.cjs');
 var index$2 = require('./components/checkbox/index.cjs');

package/dist/index.mjs

@@ -1,4 +1,4 @@
-import "musae/styles.css";
+import "musae/styles";
 export { Avatar } from './components/avatar/index.mjs';
 export { Radio } from './components/radio/index.mjs';
 export { Checkbox } from './components/checkbox/index.mjs';

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

@@ -4,12 +4,7 @@ type UsedCounter = ReturnType<typeof useCounter>;
  * @description
  * pagiantion item type
  */
-export declare enum PaginationItemType {
-    Prev = "prev",
-    Next = "next",
-    MorePrev = "more-prev",
-    MoreNext = "more-next"
-}
+export type PaginationItemType = "prev" | "next" | "more-prev" | "more-next";
 /**
  * @author murukal
  *
@@ -47,8 +42,24 @@ export type PagiantionProps = {
      * @default [10, 20, 50, 100]
      */
     pageSizes?: number[];
+    /**
+     * @description
+     * current page at
+     * @default 1
+     */
+    at?: number;
+    /**
+     * @description
+     * change handler when current page `at` changed
+     */
+    onChange?: (at: number) => void;
+    /**
+     * @description
+     * change handler when `pageSize` changed
+     */
+    onPageSizeChange?: (pageSize: number) => void;
 };
-export type PaginationItems = [PaginationItemType.Prev, ...(PaginationItemType | number)[], PaginationItemType.Next];
+export type PaginationItems = (PaginationItemType | number)[];
 /**
  * @description
  * pagination item props
@@ -71,9 +82,9 @@ export type PaginationItemProps = {
     subtract: UsedCounter[1]["subtract"];
     /**
      * @description
-     * change
+     * click handler
      */
-    onPageChange: (page: number) => void;
+    onClick: (page: number) => void;
     /**
      * @description
      * checked

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "musae",
-  "version": "0.3.1",
+  "version": "0.3.2",
   "description": "musae-ui",
   "author": "tutu@fantufantu.com",
   "license": "MIT",
@@ -24,7 +24,7 @@
       "import": "./dist/index.mjs",
       "default": "./dist/index.mjs"
     },
-    "./styles.css": "./dist/styles.css",
+    "./styles": "./dist/styles.css",
     "./locales": {
       "types": "./dist/locale/locales/index.d.ts",
       "require": "./dist/locale/locales/index.cjs",

package/dist/components/pagination/types.cjs

@@ -1,11 +0,0 @@
-/**
- * @description
- * pagiantion item type
- */
-exports.PaginationItemType = void 0;
-(function (PaginationItemType) {
-  PaginationItemType["Prev"] = "prev";
-  PaginationItemType["Next"] = "next";
-  PaginationItemType["MorePrev"] = "more-prev";
-  PaginationItemType["MoreNext"] = "more-next";
-})(exports.PaginationItemType || (exports.PaginationItemType = {}));

package/dist/components/pagination/types.mjs

@@ -1,13 +0,0 @@
-/**
- * @description
- * pagiantion item type
- */
-var PaginationItemType;
-(function (PaginationItemType) {
-  PaginationItemType["Prev"] = "prev";
-  PaginationItemType["Next"] = "next";
-  PaginationItemType["MorePrev"] = "more-prev";
-  PaginationItemType["MoreNext"] = "more-next";
-})(PaginationItemType || (PaginationItemType = {}));
-
-export { PaginationItemType };