musae 0.3.2 → 0.3.5

package/dist/components/icon/icons/image/looks-one.d.ts

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

package/dist/components/icon/icons/image/looks-six.d.ts

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

package/dist/components/icon/icons/image/looks-three.d.ts

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

package/dist/components/icon/icons/image/looks-two.d.ts

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

package/dist/components/icon/icons/image/rotate-left.d.ts

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

package/dist/components/icon/icons/image/rotate-right.d.ts

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

package/dist/components/icon/icons/image/wb-sunny.d.ts

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

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

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

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

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

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

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

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

@@ -1,8 +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>;
+    Github: (props: Omit<import("../../../../types/icon").IconProps, "as">) => import("react").FunctionComponentElement<import("../../../../types/icon").IconProps>;
+    Loading: (props: Omit<import("../../../../types/icon").IconProps, "as">) => import("react").FunctionComponentElement<import("../../../../types/icon").IconProps>;
 };
 export default _;
 export { Github, Loading };

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

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

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

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

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

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

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

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

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

@@ -4,11 +4,11 @@ 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>;
+    Cancel: (props: Omit<import("../../../../types/icon").IconProps, "as">) => import("react").FunctionComponentElement<import("../../../../types/icon").IconProps>;
+    Close: (props: Omit<import("../../../../types/icon").IconProps, "as">) => import("react").FunctionComponentElement<import("../../../../types/icon").IconProps>;
+    MoreHoriz: (props: Omit<import("../../../../types/icon").IconProps, "as">) => import("react").FunctionComponentElement<import("../../../../types/icon").IconProps>;
+    Check: (props: Omit<import("../../../../types/icon").IconProps, "as">) => import("react").FunctionComponentElement<import("../../../../types/icon").IconProps>;
+    UnfoldMore: (props: Omit<import("../../../../types/icon").IconProps, "as">) => import("react").FunctionComponentElement<import("../../../../types/icon").IconProps>;
 };
 export default _;
 export { Cancel, Close, MoreHoriz, Check, UnfoldMore };

package/dist/components/icon/icons/navigation/more-horiz.d.ts

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

package/dist/components/icon/icons/navigation/unfold-more.d.ts

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

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

@@ -2,9 +2,9 @@ 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>;
+    Star: (props: Omit<import("../../../../types/icon").IconProps, "as">) => import("react").FunctionComponentElement<import("../../../../types/icon").IconProps>;
+    StarHalf: (props: Omit<import("../../../../types/icon").IconProps, "as">) => import("react").FunctionComponentElement<import("../../../../types/icon").IconProps>;
+    StarOutline: (props: Omit<import("../../../../types/icon").IconProps, "as">) => import("react").FunctionComponentElement<import("../../../../types/icon").IconProps>;
 };
 export default _;
 export { Star, StarHalf, StarOutline };

package/dist/components/icon/icons/toggle/star-half.d.ts

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

package/dist/components/icon/icons/toggle/star-outline.d.ts

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

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

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

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

@@ -1,7 +1,2 @@
 import Icon from "./icon";
-/**
- * @description
- * icon component
- */
 export { Icon };
-export type { IconProps } from "./types";

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

@@ -1,5 +1,5 @@
 import React from "react";
-import type { OperationsProps } from "./types";
+import type { OperationsProps } from "musae/types/image";
 /**
  * @description
  * handlers

package/dist/components/image/image.cjs

@@ -31,13 +31,13 @@ var Image = function Image(_ref) {
     // not in preview group, render self
     turnOn();
   });
-  return /*#__PURE__*/React.createElement(React.Fragment, null, status === "loaded" && /*#__PURE__*/React.createElement("img", {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, status === "loaded" && (/*#__PURE__*/React.createElement("img", {
     src: src,
     alt: alt,
     onClick: click,
     width: width,
     height: height
-  }), isOpen && !contextValue && /*#__PURE__*/React.createElement(preview.default, {
+  })), isOpen && !contextValue && /*#__PURE__*/React.createElement(preview.default, {
     src: src,
     onClose: turnOff,
     alt: alt

package/dist/components/image/image.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
-import type { ImageProps } from "./types";
+import type { ImageProps } from "musae/types/image";
 declare const Image: ({ src, alt, width, height }: ImageProps) => React.JSX.Element;
 export default Image;

package/dist/components/image/image.mjs

@@ -29,13 +29,13 @@ var Image = function Image(_ref) {
     // not in preview group, render self
     turnOn();
   });
-  return /*#__PURE__*/React.createElement(React.Fragment, null, status === "loaded" && /*#__PURE__*/React.createElement("img", {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, status === "loaded" && (/*#__PURE__*/React.createElement("img", {
     src: src,
     alt: alt,
     onClick: click,
     width: width,
     height: height
-  }), isOpen && !contextValue && /*#__PURE__*/React.createElement(Preview, {
+  })), isOpen && !contextValue && /*#__PURE__*/React.createElement(Preview, {
     src: src,
     onClose: turnOff,
     alt: alt

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

@@ -1,4 +1,4 @@
-declare const Image: (({ src, alt, width, height }: import("./types").ImageProps) => import("react").JSX.Element) & {
-    Group: ({ children, items }: import("./types").PreviewGroupProps) => import("react").JSX.Element;
+declare const Image: (({ src, alt, width, height }: import("musae/types/image").ImageProps) => import("react").JSX.Element) & {
+    Group: ({ children, items }: import("musae/types/image").PreviewGroupProps) => import("react").JSX.Element;
 };
 export { Image };

package/dist/components/image/preview/context.d.ts

@@ -1,3 +1,3 @@
-import type { PreviewGroupContextValue } from "../types";
+import type { PreviewGroupContextValue } from "musae/types/image";
 declare const PreviewGroupContext: import("react").Context<PreviewGroupContextValue | null>;
 export default PreviewGroupContext;

package/dist/components/image/preview/group.d.ts

@@ -1,4 +1,4 @@
-import type { PreviewGroupProps } from "../types";
+import type { PreviewGroupProps } from "musae/types/image";
 import React from "react";
 declare const Group: ({ children, items }: PreviewGroupProps) => React.JSX.Element;
 export default Group;

package/dist/components/image/preview/operations.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
-import type { OperationsProps } from "../types";
+import type { OperationsProps } from "musae/types/image";
 declare const Operations: ({ onClose, onZoomIn, onZoomOut, onRotateRight, onRotateLeft, onFlipX, onFlipY, }: OperationsProps) => React.JSX.Element;
 export default Operations;

package/dist/components/image/preview/preview.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import type { PreviewRef } from "../types";
+import type { PreviewRef } from "musae/types/image";
 declare const Preview: React.ForwardRefExoticComponent<Pick<React.ImgHTMLAttributes<HTMLImageElement>, "alt"> & {
     src: string;
     onClose: () => void;

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

@@ -1,5 +1,5 @@
 import { type ChangeEventHandler, type Dispatch, type FocusEventHandler, type MouseEventHandler, type SetStateAction, type RefObject } from "react";
-import type { InputProps } from "./types";
+import type { InputProps } from "musae/types/input";
 /**
  * @description
  * use events for input

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

@@ -1,3 +1,2 @@
 import Input, { styles } from "./input";
-import type { InputRef } from "./types";
-export { Input, styles, type InputRef };
+export { Input, styles };

package/dist/components/input/input.d.ts

@@ -1,5 +1,5 @@
 import React, { type CSSProperties } from "react";
-import type { InputProps, InputRef } from "./types";
+import type { InputProps, InputRef } from "musae/types/input";
 export declare const styles: Readonly<{
     readonly wrapper: (props: {
         outlineColor: CSSProperties["borderColor"];

package/dist/components/kbd/kbd.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
-import type { KbdProps } from "./types";
+import type { KbdProps } from "musae/types/kbd";
 declare const Kbd: React.ForwardRefExoticComponent<KbdProps & React.RefAttributes<HTMLElement>>;
 export default Kbd;

package/dist/components/kbd/utils.d.ts

@@ -1,3 +1,3 @@
-import type { KbdKey } from "./types";
+import type { KbdKey } from "musae/types/kbd";
 export declare const KBD_KEYS: Record<KbdKey, string>;
 export declare const KBD_LABELS: Record<KbdKey, string>;

package/dist/components/layout/footer.d.ts

@@ -1,3 +1,3 @@
-import { MainProps } from "./types";
+import type { MainProps } from "musae/types/layout";
 declare const Footer: (props: MainProps) => null;
 export default Footer;

package/dist/components/layout/header.d.ts

@@ -1,4 +1,4 @@
-import { HeaderProps } from "./types";
+import type { HeaderProps } from "musae/types/layout";
 import React from "react";
 declare const Header: ({ className, style, children }: HeaderProps) => React.JSX.Element;
 export default Header;

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

@@ -1,2 +1,2 @@
-import { TypedLayout } from "./types";
+import type { TypedLayout } from "musae/types/layout";
 export declare const Layout: TypedLayout;

package/dist/components/layout/layout.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
-import { LayoutProps } from "./types";
+import type { LayoutProps } from "musae/types/layout";
 declare const Layout: ({ className, style, ...props }: LayoutProps) => React.JSX.Element;
 export default Layout;

package/dist/components/layout/main.d.ts

@@ -1,3 +1,3 @@
-import { MainProps } from "./types";
+import type { MainProps } from "musae/types/layout";
 declare const Main: ({ children }: MainProps) => import("react").ReactNode;
 export default Main;

package/dist/components/layout/sider.d.ts

@@ -1,4 +1,4 @@
-import type { SiderProps } from "./types";
+import type { SiderProps } from "musae/types/layout";
 import React from "react";
 declare const Sider: ({ style, children, className }: SiderProps) => React.JSX.Element;
 export default Sider;

package/dist/components/loading/loading.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
-import type { LoadingProps } from "./types";
+import type { LoadingProps } from "musae/types/loading";
 declare const Loading: ({ size, overlay, children, className, style, loading, }: LoadingProps) => React.JSX.Element;
 export default Loading;

package/dist/components/menu/hooks.cjs

@@ -47,17 +47,17 @@ var useItemChildren = function useItemChildren(_ref) {
     hasChildren = _ref.hasChildren,
     isExpanded = _ref.isExpanded,
     isInline = _ref.isInline;
-  /// prefix
+  // prefix
   var _prefix = React.useMemo(function () {
     return prefix && /*#__PURE__*/React.createElement("span", _objectSpread({}, {
       className: "musaex-78zum5 musaex-l56j7k musaex-6s0dn4 musaex-1a1twg2"
     }), prefix);
   }, [prefix]);
-  /// child
+  // child
   var _label = React.useMemo(function () {
     return label && /*#__PURE__*/React.createElement("span", null, label);
   }, [label]);
-  /// suffix
+  // suffix
   var _suffix = React.useMemo(function () {
     if (!suffix && !hasChildren) return null;
     var styled = stylex.default.props(styles.collapser({
@@ -98,12 +98,12 @@ var useContextValue = function useContextValue(_ref2) {
     _expandedKeys = _useControlledState4[0],
     _setExpandedKeys = _useControlledState4[1];
   var selectedKeys = React.useMemo(function () {
-    return new Set(_selectedKeys);
+    return new Set(relax.toArray(_selectedKeys));
   }, [_selectedKeys]);
   var expandedKeys = React.useMemo(function () {
     return new Set(_expandedKeys);
   }, [_expandedKeys]);
-  /// click handler
+  // click handler
   var click = React.useCallback(/*#__PURE__*/function () {
     var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(key) {
       return _regeneratorRuntime().wrap(function _callee$(_context) {
@@ -122,7 +122,7 @@ var useContextValue = function useContextValue(_ref2) {
       return _ref3.apply(this, arguments);
     };
   }(), [onClick, _setSelectedKeys]);
-  /// toggle expand
+  // toggle expand
   var toggle = React.useCallback(function (key) {
     var isExpanded = expandedKeys.has(key);
     _setExpandedKeys(function (prev) {
@@ -131,7 +131,7 @@ var useContextValue = function useContextValue(_ref2) {
       return Array.from(expanded);
     });
   }, [expandedKeys, _setExpandedKeys]);
-  /// collect item
+  // collect item
   var collect = React.useCallback(function (key, item) {
     if (!item) return;
     setTrigger(key, item);

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

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

package/dist/components/menu/hooks.mjs

@@ -5,7 +5,7 @@ import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProper
 import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import React, { useMemo, useCallback, useContext } from 'react';
 import Context from './context.mjs';
-import { useControlledState } from '@aiszlab/relax';
+import { useControlledState, toArray } from '@aiszlab/relax';
 import _stylex from '../../node_modules/.pnpm/@stylexjs_stylex@0.7.5/node_modules/@stylexjs/stylex/lib/es/stylex.mjs';
 import KeyboardArrowUp from '../icon/icons/hardware/keyboard-arrow-up.mjs';
 
@@ -47,17 +47,17 @@ var useItemChildren = function useItemChildren(_ref) {
     hasChildren = _ref.hasChildren,
     isExpanded = _ref.isExpanded,
     isInline = _ref.isInline;
-  /// prefix
+  // prefix
   var _prefix = useMemo(function () {
     return prefix && /*#__PURE__*/React.createElement("span", _objectSpread({}, {
       className: "musaex-78zum5 musaex-l56j7k musaex-6s0dn4 musaex-1a1twg2"
     }), prefix);
   }, [prefix]);
-  /// child
+  // child
   var _label = useMemo(function () {
     return label && /*#__PURE__*/React.createElement("span", null, label);
   }, [label]);
-  /// suffix
+  // suffix
   var _suffix = useMemo(function () {
     if (!suffix && !hasChildren) return null;
     var styled = _stylex.props(styles.collapser({
@@ -98,12 +98,12 @@ var useContextValue = function useContextValue(_ref2) {
     _expandedKeys = _useControlledState4[0],
     _setExpandedKeys = _useControlledState4[1];
   var selectedKeys = useMemo(function () {
-    return new Set(_selectedKeys);
+    return new Set(toArray(_selectedKeys));
   }, [_selectedKeys]);
   var expandedKeys = useMemo(function () {
     return new Set(_expandedKeys);
   }, [_expandedKeys]);
-  /// click handler
+  // click handler
   var click = useCallback(/*#__PURE__*/function () {
     var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(key) {
       return _regeneratorRuntime().wrap(function _callee$(_context) {
@@ -122,7 +122,7 @@ var useContextValue = function useContextValue(_ref2) {
       return _ref3.apply(this, arguments);
     };
   }(), [onClick, _setSelectedKeys]);
-  /// toggle expand
+  // toggle expand
   var toggle = useCallback(function (key) {
     var isExpanded = expandedKeys.has(key);
     _setExpandedKeys(function (prev) {
@@ -131,7 +131,7 @@ var useContextValue = function useContextValue(_ref2) {
       return Array.from(expanded);
     });
   }, [expandedKeys, _setExpandedKeys]);
-  /// collect item
+  // collect item
   var collect = useCallback(function (key, item) {
     if (!item) return;
     setTrigger(key, item);

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

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

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

@@ -1,5 +1,5 @@
 import { type ReactNode } from "react";
-import type { Messager } from "./types";
+import type { Messager } from "musae/types/message";
 /**
  * @author murukal
  *

package/dist/components/message/messager.d.ts

@@ -1,3 +1,3 @@
-import type { TypedMessage } from "./types";
+import type { TypedMessage } from "musae/types/message";
 declare const Message: TypedMessage;
 export default Message;

package/dist/components/notification/holder.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
-import type { HolderProps, HolderRef } from "./types";
+import type { HolderProps, HolderRef } from "musae/types/notification";
 declare const Holder: React.ForwardRefExoticComponent<HolderProps & React.RefAttributes<HolderRef>>;
 export default Holder;

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

@@ -1,5 +1,5 @@
 import { type ReactNode } from "react";
-import type { Notifier, UseNotificationProps } from "./types";
+import type { Notifier, UseNotificationProps } from "musae/types/notification";
 /**
  * @author murukal
  *

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

@@ -1,4 +1,4 @@
-import type { HolderRef, Notifier, Type, NotificationConfig } from "./types";
+import type { HolderRef, Notifier, Type, NotificationConfig } from "musae/types/notification";
 import Holder from "./holder";
 import { useNotification } from "./hooks";
 import Notification from "./notifier";

package/dist/components/notification/notification.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import type { NotificationProps, Axis } from "./types";
+import type { NotificationProps, Axis } from "musae/types/notification";
 export declare const PLACEMENTS: Record<Axis, [hidden: string, appeared: string]>;
 declare const Notification: React.ForwardRefExoticComponent<NotificationProps & React.RefAttributes<HTMLDivElement>>;
 export default Notification;

package/dist/components/notification/notifier.d.ts

@@ -1,4 +1,4 @@
-import type { NotificationConfig, TypedNotification } from "./types";
+import type { NotificationConfig, TypedNotification } from "musae/types/notification";
 export declare class Notifier {
     #private;
     constructor();

package/dist/components/number-input/number-input.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
-import { NumberInputProps } from "./types";
+import type { NumberInputProps } from "musae/types/number-input";
 declare const NumberInput: ({ value: __value, formatter: _formatter }: NumberInputProps) => React.JSX.Element;
 export default NumberInput;

package/dist/components/otp-input/otp-input.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
-import type { OtpInputProps } from "./types";
+import type { OtpInputProps } from "musae/types/otp-input";
 declare const OtpInput: ({ length, onChange, value: _value }: OtpInputProps) => React.JSX.Element;
 export default OtpInput;