musae 0.3.0 → 0.3.2

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/components/picker/context.d.ts

@@ -1,2 +1,2 @@
-import { ContextValue } from "./types";
+import { ContextValue } from "../../types/picker";
 export declare const Context: import("react").Context<ContextValue>;

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

@@ -1,4 +1,3 @@
 import Picker from "./picker";
-import type { PickerRef, PickerProps } from "./types";
 import { Context } from "./context";
-export { Picker, Context, type PickerRef, type PickerProps };
+export { Picker, Context };

package/dist/components/picker/picker.cjs

@@ -40,7 +40,8 @@ var Picker = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     pickableStyle = _ref.pickableStyle,
     onPopperEntered = _ref.onPopperEntered,
     onPopperExited = _ref.onPopperExited,
-    onPopperExite = _ref.onPopperExite;
+    onPopperExite = _ref.onPopperExite,
+    _onBlur = _ref.onBlur;
   var trigger = React.useRef(null);
   var _useBoolean = relax.useBoolean(),
     _useBoolean2 = _slicedToArray(_useBoolean, 2),
@@ -64,11 +65,12 @@ var Picker = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   });
   var click = relax.useEvent(function (event) {
     event.stopPropagation();
-    toggle();
     onClick === null || onClick === void 0 || onClick(event);
+    toggle();
   });
   var onBlur = relax.useEvent(function (e) {
     e.stopPropagation();
+    _onBlur === null || _onBlur === void 0 || _onBlur(e);
     close();
   });
   var _useFocus = relax.useFocus({

package/dist/components/picker/picker.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
-import type { PickerProps, PickerRef } from "./types";
+import type { PickerProps, PickerRef } from "../../types/picker";
 declare const Picker: React.ForwardRefExoticComponent<PickerProps & React.RefAttributes<PickerRef>>;
 export default Picker;

package/dist/components/picker/picker.mjs

@@ -38,7 +38,8 @@ var Picker = /*#__PURE__*/forwardRef(function (_ref, ref) {
     pickableStyle = _ref.pickableStyle,
     onPopperEntered = _ref.onPopperEntered,
     onPopperExited = _ref.onPopperExited,
-    onPopperExite = _ref.onPopperExite;
+    onPopperExite = _ref.onPopperExite,
+    _onBlur = _ref.onBlur;
   var trigger = useRef(null);
   var _useBoolean = useBoolean(),
     _useBoolean2 = _slicedToArray(_useBoolean, 2),
@@ -62,11 +63,12 @@ var Picker = /*#__PURE__*/forwardRef(function (_ref, ref) {
   });
   var click = useEvent(function (event) {
     event.stopPropagation();
-    toggle();
     onClick === null || onClick === void 0 || onClick(event);
+    toggle();
   });
   var onBlur = useEvent(function (e) {
     e.stopPropagation();
+    _onBlur === null || _onBlur === void 0 || _onBlur(e);
     close();
   });
   var _useFocus = useFocus({

package/dist/components/rich-text-editor/dropdown.d.ts

@@ -1,4 +1,4 @@
 import React, { type Key } from "react";
-import { DropdownProps } from "./types";
+import { DropdownProps } from "../../types/rich-text-editor";
 declare const Dropdown: <T extends Key = React.Key>({ items: _items, value: _value, onChange, children, }: DropdownProps<T>) => React.JSX.Element;
 export default Dropdown;

package/dist/components/rich-text-editor/index.cjs

@@ -1,12 +1,15 @@
+var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
 var React = require('react');
 
 var _RichTextEditor = /*#__PURE__*/React.lazy(function () {
   return Promise.resolve().then(function () { return require('./rich-text-editor.cjs'); });
 });
-var RichTextEditor = function RichTextEditor(props) {
+var RichTextEditor = /*#__PURE__*/React.forwardRef(function (props, ref) {
   return /*#__PURE__*/React.createElement(React.Suspense, {
     fallback: /*#__PURE__*/React.createElement("div", null, "Loading...")
-  }, /*#__PURE__*/React.createElement(_RichTextEditor, props));
-};
+  }, /*#__PURE__*/React.createElement(_RichTextEditor, _objectSpread(_objectSpread({}, props), {}, {
+    ref: ref
+  })));
+});
 
 exports.RichTextEditor = RichTextEditor;

package/dist/components/rich-text-editor/index.d.ts

@@ -1,4 +1,11 @@
 import React from "react";
-import type { RichTextEditorProps } from "./types";
-declare const RichTextEditor: (props: RichTextEditorProps) => React.JSX.Element;
+import type { RichTextEditorRef } from "musae/types/rich-text-editor";
+declare const RichTextEditor: React.ForwardRefExoticComponent<Pick<React.HTMLAttributes<HTMLDivElement>, "aria-placeholder"> & {
+    placeholder?: import("@lexical/react/LexicalContentEditable").Props["placeholder"];
+    disabled?: boolean;
+    defaultValue?: string;
+    use?: import("musae/types/rich-text-editor").Use;
+    onChange?: (value: string) => void;
+    value?: string;
+} & React.RefAttributes<RichTextEditorRef>>;
 export { RichTextEditor };

package/dist/components/rich-text-editor/index.mjs

@@ -1,12 +1,15 @@
-import React, { Suspense, createElement, lazy } from 'react';
+import _objectSpread from '@babel/runtime/helpers/objectSpread2';
+import React, { forwardRef, Suspense, createElement, lazy } from 'react';
 
 var _RichTextEditor = /*#__PURE__*/lazy(function () {
   return import('./rich-text-editor.mjs');
 });
-var RichTextEditor = function RichTextEditor(props) {
+var RichTextEditor = /*#__PURE__*/forwardRef(function (props, ref) {
   return /*#__PURE__*/React.createElement(Suspense, {
     fallback: /*#__PURE__*/React.createElement("div", null, "Loading...")
-  }, /*#__PURE__*/createElement(_RichTextEditor, props));
-};
+  }, /*#__PURE__*/createElement(_RichTextEditor, _objectSpread(_objectSpread({}, props), {}, {
+    ref: ref
+  })));
+});
 
 export { RichTextEditor };