musae 0.2.24 → 0.2.26

package/dist/components/bench/bench.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
 import type { BenchProps } from "./types";
-declare const Bench: ({ children, title, logo, navigations, className, style, trailing, onNavigate, location, defaultExpandedKeys, classNames: { main: mainClassName }, elevation, }: BenchProps) => React.JSX.Element;
+declare const Bench: ({ children, title, logo, navigations, className, style, trailing, onNavigate, location, defaultExpandedKeys, classNames: { main: mainClassName }, elevation, guidance, }: BenchProps) => React.JSX.Element;
 export default Bench;

package/dist/components/bench/bench.js

@@ -91,13 +91,16 @@ var Bench = function Bench(_ref) {
     _ref$classNames2 = _ref$classNames === void 0 ? {} : _ref$classNames,
     mainClassName = _ref$classNames2.main,
     _ref$elevation = _ref.elevation,
-    elevation = _ref$elevation === void 0 ? "xsmall" : _ref$elevation;
+    elevation = _ref$elevation === void 0 ? "xsmall" : _ref$elevation,
+    _ref$guidance = _ref.guidance,
+    guidance = _ref$guidance === void 0 ? "top-side" : _ref$guidance;
   var theme = useTheme();
   var _logo = useLogo(logo);
   var _useNavigations = useNavigations({
       navigations: navigations,
       onNavigate: onNavigate,
-      location: location
+      location: location,
+      guidance: guidance
     }),
     navigate = _useNavigations.navigate,
     topMenuItems = _useNavigations.topMenuItems,

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

@@ -1,6 +1,6 @@
 import { type Key } from "react";
-import type { BenchProps, Logo, NavigationItem } from "./types";
-import { MenuItem } from "../menu";
+import type { BenchProps, Guidance, Logo, NavigationItem } from "./types";
+import type { MenuItem } from "../menu";
 /**
  * @description
  * logo
@@ -10,10 +10,11 @@ export declare const useLogo: (logo?: string | Logo) => Logo | null;
  * @description
  * menu
  */
-export declare const useNavigations: ({ navigations, onNavigate, location, }: {
+export declare const useNavigations: ({ navigations, onNavigate, location, guidance, }: {
     navigations: NavigationItem[];
     onNavigate: BenchProps["onNavigate"];
     location?: string;
+    guidance: Guidance;
 }) => {
     selectedKeys: [(Key | undefined)?, (Key | undefined)?];
     topMenuItems: MenuItem[];

package/dist/components/bench/hooks.js

@@ -22,7 +22,7 @@ var useLogo = function useLogo(logo) {
     return logo;
   }, [logo]);
 };
-var _toMenuItem3 = function toMenuItem(_ref, parentKeys, paths) {
+var _toMenuItem3 = function toMenuItem(_ref, parentKeys) {
   var path = _ref.path,
     children = _ref.children,
     item = _objectWithoutProperties(_ref, _excluded);
@@ -31,13 +31,13 @@ var _toMenuItem3 = function toMenuItem(_ref, parentKeys, paths) {
       var _ref3 = _slicedToArray(_ref2, 2),
         _menuItems = _ref3[0],
         _paths = _ref3[1];
-      var _toMenuItem = _toMenuItem3(child, [].concat(_toConsumableArray(parentKeys), [path]), _paths),
+      var _toMenuItem = _toMenuItem3(child, [].concat(_toConsumableArray(parentKeys), [path])),
         _toMenuItem2 = _slicedToArray(_toMenuItem, 2),
         menuItem = _toMenuItem2[0],
         paths = _toMenuItem2[1];
       _menuItems.push(menuItem);
-      return [_menuItems, paths];
-    }, [[], new Map(paths.set(path, parentKeys))]),
+      return [_menuItems, new Map([].concat(_toConsumableArray(_paths), _toConsumableArray(paths)))];
+    }, [[], new Map([[path, parentKeys]])]),
     _reduce2 = _slicedToArray(_reduce, 2),
     _menuItems = _reduce2[0],
     _paths = _reduce2[1];
@@ -54,7 +54,8 @@ var _toMenuItem3 = function toMenuItem(_ref, parentKeys, paths) {
 var useNavigations = function useNavigations(_ref4) {
   var navigations = _ref4.navigations,
     onNavigate = _ref4.onNavigate,
-    location = _ref4.location;
+    location = _ref4.location,
+    guidance = _ref4.guidance;
   // menu click handler => jump link
   var navigate = useEvent(function (path) {
     if (onNavigate) {
@@ -67,22 +68,29 @@ var useNavigations = function useNavigations(_ref4) {
   var _useMemo = useMemo(function () {
       return navigations.reduce(function (_ref5, item) {
         var _ref6 = _slicedToArray(_ref5, 3),
-          topMenuItems = _ref6[0],
-          sideNavigations = _ref6[1],
-          paths = _ref6[2];
-        var _toMenuItem4 = _toMenuItem3(item, [], paths),
+          _topNavigations = _ref6[0],
+          _sideNavigations = _ref6[1],
+          _paths = _ref6[2];
+        var _toMenuItem4 = _toMenuItem3(item, []),
           _toMenuItem5 = _slicedToArray(_toMenuItem4, 2),
           _toMenuItem5$ = _toMenuItem5[0],
           children = _toMenuItem5$.children,
           _menuItem = _objectWithoutProperties(_toMenuItem5$, _excluded2),
-          _paths = _toMenuItem5[1];
-        topMenuItems.set(item.path, _menuItem);
-        sideNavigations.set(item.path, children);
-        return [topMenuItems, sideNavigations, _paths];
+          ___paths = _toMenuItem5[1];
+        var __paths = new Map([].concat(_toConsumableArray(___paths), _toConsumableArray(_paths)));
+        if (guidance === "side") {
+          _sideNavigations.set(item.path, [_objectSpread(_objectSpread({}, _menuItem), {}, {
+            children: children
+          })]);
+          return [_topNavigations, _sideNavigations, __paths];
+        }
+        _topNavigations.set(item.path, _menuItem);
+        _sideNavigations.set(item.path, children);
+        return [_topNavigations, _sideNavigations, __paths];
       }, [new Map(), new Map(), new Map()]);
-    }, [navigations]),
+    }, [guidance, navigations]),
     _useMemo2 = _slicedToArray(_useMemo, 3),
-    topMenuItems = _useMemo2[0],
+    topNavigations = _useMemo2[0],
     sideNavigations = _useMemo2[1],
     paths = _useMemo2[2];
   // menu selected keys
@@ -91,18 +99,27 @@ var useNavigations = function useNavigations(_ref4) {
     if (isUndefined(location)) return [];
     return [(_paths$get$at = (_paths$get = paths.get(location)) === null || _paths$get === void 0 ? void 0 : _paths$get.at(0)) !== null && _paths$get$at !== void 0 ? _paths$get$at : location, location];
   }, [location, paths]);
+  // side menu
   var sideMenuItems = useMemo(function () {
     var _sideNavigations$get;
-    if (!selectedKeys[0]) {
-      return [];
+    // top menu items is empty, show all in side menu
+    if (topNavigations.size === 0) {
+      return Array.from(sideNavigations.values()).flatMap(function () {
+        var items = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+        return items;
+      }, []);
     }
+    // top-side relation
+    if (!selectedKeys[0]) return [];
     return (_sideNavigations$get = sideNavigations.get(selectedKeys[0])) !== null && _sideNavigations$get !== void 0 ? _sideNavigations$get : [];
-  }, [sideNavigations, selectedKeys]);
+  }, [selectedKeys, sideNavigations, topNavigations]);
+  // top menu items
+  var topMenuItems = useMemo(function () {
+    return Array.from(topNavigations.values());
+  }, [topNavigations]);
   return {
     selectedKeys: selectedKeys,
-    topMenuItems: useMemo(function () {
-      return Array.from(topMenuItems.values());
-    }, [topMenuItems]),
+    topMenuItems: topMenuItems,
     sideMenuItems: sideMenuItems,
     navigate: navigate
   };

package/dist/components/bench/types.d.ts

@@ -1,6 +1,7 @@
 import type { Key, ReactNode } from "react";
 import type { ComponentProps } from "../../types/element";
 import type { ElevationToken } from "../theme/tokens.stylex";
+export type Guidance = "top-side" | "side";
 export type Logo = {
     /**
      * @description
@@ -81,4 +82,10 @@ export type BenchProps = ComponentProps & {
      * elevation
      */
     elevation?: ElevationToken;
+    /**
+     * @description
+     * guidance
+     * @default "top-side"
+     */
+    guidance?: Guidance;
 };

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

@@ -1,6 +1,9 @@
 import { type ReactNode } from "react";
+import type { Use } from "../../types";
 interface Props {
     value?: string;
+    onChange?: (value: string) => void;
+    use: Use;
 }
-declare const ControlledStatePlugin: ({ value }: Props) => ReactNode;
+declare const ControlledStatePlugin: ({ value, use: _use, onChange }: Props) => ReactNode;
 export default ControlledStatePlugin;

package/dist/components/rich-text-editor/plugins/controlled-state/index.js

@@ -1,14 +1,19 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { useEffect } from 'react';
-import { isUndefined } from '@aiszlab/relax';
+import React from 'react';
+import { useUpdateEffect, isUndefined, useEvent } from '@aiszlab/relax';
 import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
+import { OnChangePlugin } from '@lexical/react/LexicalOnChangePlugin';
+import { $convertToMarkdownString } from '@lexical/markdown';
+import { TRANSFORMERS } from '../markdown-shortcut/index.js';
 
 var ControlledStatePlugin = function ControlledStatePlugin(_ref) {
-  var value = _ref.value;
+  var value = _ref.value,
+    _use = _ref.use,
+    onChange = _ref.onChange;
   var _useLexicalComposerCo = useLexicalComposerContext(),
     _useLexicalComposerCo2 = _slicedToArray(_useLexicalComposerCo, 1),
     editor = _useLexicalComposerCo2[0];
-  useEffect(function () {
+  useUpdateEffect(function () {
     if (isUndefined(value)) return;
     try {
       var editorState = editor.parseEditorState(value);
@@ -17,7 +22,22 @@ var ControlledStatePlugin = function ControlledStatePlugin(_ref) {
       console.error(error);
     }
   }, [value, editor]);
-  return null;
+  var change = useEvent(function (state, editor) {
+    var _value = JSON.stringify(state.toJSON());
+    onChange === null || onChange === void 0 || onChange(_value);
+    editor.read(function () {
+      var _value = JSON.stringify(state.toJSON());
+      if (_use === "serialized") {
+        onChange === null || onChange === void 0 || onChange(_value);
+        return;
+      }
+      var markdown = $convertToMarkdownString(TRANSFORMERS, state._nodeMap.get("root"));
+      onChange === null || onChange === void 0 || onChange(markdown);
+    });
+  });
+  return /*#__PURE__*/React.createElement(OnChangePlugin, {
+    onChange: change
+  });
 };
 
 export { ControlledStatePlugin as default };

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

@@ -1,4 +1,6 @@
+import { type Transformer } from "@lexical/markdown";
+export declare const TRANSFORMERS: Transformer[];
 declare const MarkdownShortcutPlugin: () => import("react").FunctionComponentElement<Readonly<{
-    transformers?: Array<import("@lexical/markdown").Transformer>;
+    transformers?: Array<Transformer>;
 }>>;
 export default MarkdownShortcutPlugin;

package/dist/components/rich-text-editor/plugins/markdown-shortcut/index.js

@@ -1,12 +1,14 @@
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
-import { MarkdownShortcutPlugin as MarkdownShortcutPlugin$1 } from '@lexical/react/LexicalMarkdownShortcutPlugin';
+import { MarkdownShortcutPlugin as MarkdownShortcutPlugin$2 } from '@lexical/react/LexicalMarkdownShortcutPlugin';
 import { createElement } from 'react';
 import { ELEMENT_TRANSFORMERS, TEXT_FORMAT_TRANSFORMERS, TEXT_MATCH_TRANSFORMERS } from '@lexical/markdown';
 
+var TRANSFORMERS = [].concat(_toConsumableArray(ELEMENT_TRANSFORMERS), _toConsumableArray(TEXT_FORMAT_TRANSFORMERS), _toConsumableArray(TEXT_MATCH_TRANSFORMERS));
 var MarkdownShortcutPlugin = function MarkdownShortcutPlugin() {
-  return /*#__PURE__*/createElement(MarkdownShortcutPlugin$1, {
-    transformers: [].concat(_toConsumableArray(ELEMENT_TRANSFORMERS), _toConsumableArray(TEXT_FORMAT_TRANSFORMERS), _toConsumableArray(TEXT_MATCH_TRANSFORMERS))
+  return /*#__PURE__*/createElement(MarkdownShortcutPlugin$2, {
+    transformers: TRANSFORMERS
   });
 };
+var MarkdownShortcutPlugin$1 = MarkdownShortcutPlugin;
 
-export { MarkdownShortcutPlugin as default };
+export { TRANSFORMERS, MarkdownShortcutPlugin$1 as default };

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

@@ -1,4 +1,4 @@
 import React from "react";
 import type { RichTextEditorProps } from "./types";
-declare const RichTextEditor: ({ placeholder, disabled, value, onChange, }: RichTextEditorProps) => React.JSX.Element;
+declare const RichTextEditor: ({ placeholder, disabled, defaultValue, value, onChange, ...props }: RichTextEditorProps) => React.JSX.Element;
 export default RichTextEditor;

package/dist/components/rich-text-editor/rich-text-editor.js

@@ -1,4 +1,5 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import React from 'react';
 import { LexicalComposer } from '@lexical/react/LexicalComposer';
 import { ContentEditable } from '@lexical/react/LexicalContentEditable';
@@ -8,10 +9,9 @@ import { RichTextPlugin } from '@lexical/react/LexicalRichTextPlugin';
 import { LinkPlugin } from '@lexical/react/LexicalLinkPlugin';
 import { ClickableLinkPlugin } from '@lexical/react/LexicalClickableLinkPlugin';
 import { ListPlugin } from '@lexical/react/LexicalListPlugin';
-import { OnChangePlugin } from '@lexical/react/LexicalOnChangePlugin';
 import CheckListPlugin from './plugins/check-list/index.js';
 import ControlledStatePlugin from './plugins/controlled-state/index.js';
-import { useIdentity, useDefault, useEvent } from '@aiszlab/relax';
+import { useIdentity, useDefault } from '@aiszlab/relax';
 import { useMessage } from '../message/hooks.js';
 import _stylex from '../../node_modules/.pnpm/@stylexjs_stylex@0.7.5/node_modules/@stylexjs/stylex/lib/es/stylex.js';
 import { useTheme } from '../theme/hooks.js';
@@ -23,11 +23,13 @@ import { HorizontalRuleNode } from '@lexical/react/LexicalHorizontalRuleNode';
 import { CodeNode } from '@lexical/code';
 import { CheckableListItemNode, replacement } from './nodes/checkable-list-item.js';
 import ToolbarPlugin from './plugins/toolbar/index.js';
-import MarkdownShortcutPlugin from './plugins/markdown-shortcut/index.js';
+import MarkdownShortcutPlugin, { TRANSFORMERS } from './plugins/markdown-shortcut/index.js';
 import { typography } from '../theme/theme.js';
 import '../checkbox/index.js';
+import { $convertFromMarkdownString } from '@lexical/markdown';
 import styles$1 from '../checkbox/styles.js';
 
+var _excluded = ["placeholder", "disabled", "defaultValue", "value", "onChange"];
 var styles = {
   shell: function shell(props) {
     return [{
@@ -70,11 +72,14 @@ var styles = {
   }
 };
 var RichTextEditor = function RichTextEditor(_ref) {
+  var _props$ariaPlacehold;
   var placeholder = _ref.placeholder,
     _ref$disabled = _ref.disabled,
     disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    defaultValue = _ref.defaultValue,
     value = _ref.value,
-    onChange = _ref.onChange;
+    onChange = _ref.onChange,
+    props = _objectWithoutProperties(_ref, _excluded);
   var _useIdentity = useIdentity(),
     _useIdentity2 = _slicedToArray(_useIdentity, 1),
     id = _useIdentity2[0];
@@ -83,6 +88,10 @@ var RichTextEditor = function RichTextEditor(_ref) {
     messager = _useMessage2[0],
     holder = _useMessage2[1];
   var theme = useTheme();
+  var _use = useDefault(function () {
+    var _props$use;
+    return (_props$use = props.use) !== null && _props$use !== void 0 ? _props$use : "serialized";
+  });
   var styled = {
     shell: _stylex.props(styles.shell({
       backgroundColor: theme.colors[ColorToken.SurfaceContainer]
@@ -158,13 +167,22 @@ var RichTextEditor = function RichTextEditor(_ref) {
       },
       nodes: [HeadingNode, QuoteNode, CodeNode, LinkNode, ListNode, CheckableListItemNode, replacement, HorizontalRuleNode],
       theme: theme,
-      editable: !disabled
+      editable: !disabled,
+      editorState: function editorState(editor) {
+        var _value = value !== null && value !== void 0 ? value : defaultValue;
+        if (!_value) return;
+        // different value usage, use different serialization
+        switch (_use) {
+          case "markdown":
+            $convertFromMarkdownString(_value, TRANSFORMERS);
+            break;
+          default:
+            editor.setEditorState(editor.parseEditorState(_value));
+            break;
+        }
+      }
     };
   });
-  var change = useEvent(function (state) {
-    var _value = JSON.stringify(state.toJSON());
-    onChange === null || onChange === void 0 || onChange(_value);
-  });
   return /*#__PURE__*/React.createElement(LexicalComposer, {
     initialConfig: initialConfig
   }, /*#__PURE__*/React.createElement("div", {
@@ -177,16 +195,16 @@ var RichTextEditor = function RichTextEditor(_ref) {
       placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : function () {
         return null;
       },
-      "aria-placeholder": "Enter text..."
+      "aria-placeholder": (_props$ariaPlacehold = props["aria-placeholder"]) !== null && _props$ariaPlacehold !== void 0 ? _props$ariaPlacehold : ""
     }),
     ErrorBoundary: LexicalErrorBoundary
   }), /*#__PURE__*/React.createElement(HistoryPlugin, null), /*#__PURE__*/React.createElement(MarkdownShortcutPlugin, null), /*#__PURE__*/React.createElement(LinkPlugin, null), /*#__PURE__*/React.createElement(ClickableLinkPlugin, {
     disabled: !disabled,
     newTab: true
   }), /*#__PURE__*/React.createElement(ListPlugin, null), /*#__PURE__*/React.createElement(CheckListPlugin, null), /*#__PURE__*/React.createElement(ControlledStatePlugin, {
-    value: value
-  }), /*#__PURE__*/React.createElement(OnChangePlugin, {
-    onChange: change
+    value: value,
+    use: _use,
+    onChange: onChange
   }), holder));
 };
 

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

@@ -1,12 +1,13 @@
 import { type Props as ContentEditableProps } from "@lexical/react/LexicalContentEditable";
 import { type EditorThemeClasses as _EditorThemeClasses } from "lexical";
 import type { MenuItem } from "../menu";
-import type { ReactNode } from "react";
+import type { HTMLAttributes, ReactNode } from "react";
+export type Use = "markdown" | "serialized";
 /**
  * @description
  * rich text editor props
  */
-export type RichTextEditorProps = {
+export type RichTextEditorProps = Pick<HTMLAttributes<HTMLDivElement>, "aria-placeholder"> & {
     /**
      * @description
      * placeholder
@@ -17,11 +18,22 @@ export type RichTextEditorProps = {
      * disabled
      */
     disabled?: boolean;
+    /**
+     * @description
+     * default value
+     */
+    defaultValue?: string;
     /**
      * @description
      * value
      */
     value?: string;
+    /**
+     * @description
+     * use value type
+     * @default "serialized"
+     */
+    use?: Use;
     /**
      * @description
      * change handler

package/dist/components/table/body.d.ts

@@ -1,4 +1,3 @@
 import React from "react";
-import type { BodyProps } from "./types";
-declare const Body: <T>(props: BodyProps) => React.JSX.Element | null;
+declare const Body: <T>() => React.JSX.Element | null;
 export default Body;

package/dist/components/table/body.js

@@ -2,10 +2,11 @@ import React from 'react';
 import { useTable } from './context.js';
 import { flexRender } from '@tanstack/react-table';
 import { props } from '../../node_modules/.pnpm/@stylexjs_stylex@0.7.5/node_modules/@stylexjs/stylex/lib/es/stylex.js';
-import { clsx } from '@aiszlab/relax';
+import { isEmpty, clsx } from '@aiszlab/relax';
 import { typography } from '../theme/theme.js';
 import { useTheme } from '../theme/hooks.js';
 import { ColorToken } from '../../utils/colors.js';
+import Empty from '../empty/empty.js';
 
 var styles = {
   cell: function cell(props) {
@@ -62,7 +63,7 @@ var styles = {
     $$css: true
   }
 };
-var Body = function Body(props$1) {
+var Body = function Body() {
   var _useTable = useTable(),
     table = _useTable.table,
     bordered = _useTable.bordered;
@@ -71,7 +72,9 @@ var Body = function Body(props$1) {
   var styled = props(bordered && styles.bordered, typography.body.small, styles.cell({
     borderColor: theme.colors[ColorToken.OutlineVariant]
   }));
-  return /*#__PURE__*/React.createElement("tbody", null, table.getRowModel().rows.map(function (row) {
+  var rows = table.getRowModel().rows;
+  var _isEmpty = isEmpty(rows);
+  return /*#__PURE__*/React.createElement("tbody", null, _isEmpty && (/*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", null, /*#__PURE__*/React.createElement(Empty, null)))), !_isEmpty && table.getRowModel().rows.map(function (row) {
     return /*#__PURE__*/React.createElement("tr", {
       key: row.id
     }, row.getVisibleCells().map(function (cell) {

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

@@ -1,2 +1,4 @@
 import Table from "./table";
+import type { TableProps } from "./types";
 export { Table };
+export type { TableProps };

package/dist/components/table/types.d.ts

@@ -106,11 +106,6 @@ export type ContextValue<T> = {
  * header props
  */
 export type HeaderProps = ComponentProps;
-/**
- * @description
- * body props
- */
-export type BodyProps = ComponentProps;
 /**
  * @description
  * header cell props

package/dist/index.d.ts

@@ -77,3 +77,4 @@ export type { TreeProps } from "./components/tree";
 export type { TourStep } from "./components/tour";
 export type { NavigationItem } from "./components/bench";
 export type { Locale } from "./locale";
+export type { TableProps } from "./components/table";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "musae",
-  "version": "0.2.24",
+  "version": "0.2.26",
   "description": "musae-ui",
   "author": "tutu@fantufantu.com",
   "license": "MIT",
@@ -13,6 +13,7 @@
     "prepublishOnly": "rm -rf dist && npm run build",
     "preinstall": "npx @aiszlab/watchdog preinstall",
     "authors": "zx scripts/contributors.mjs",
+    "changesets": "z cs",
     "version": "z cs version"
   },
   "exports": {
@@ -71,7 +72,7 @@
     "pnpm": ">=9"
   },
   "dependencies": {
-    "@aiszlab/relax": "^1.3.8",
+    "@aiszlab/relax": "^1.3.13",
     "@babel/runtime": "^7.25.6",
     "@dnd-kit/core": "^6.1.0",
     "@dnd-kit/modifiers": "^7.0.0",
@@ -110,7 +111,7 @@
     "@testing-library/react": "^16.0.1",
     "@testing-library/user-event": "^14.5.2",
     "@types/dom-view-transitions": "^1.0.5",
-    "@types/jest": "^29.5.12",
+    "@types/jest": "^29.5.13",
     "@types/node": "^22.5.4",
     "@types/react": "^18.3.5",
     "@types/react-dom": "^18.3.0",
@@ -122,9 +123,9 @@
     "jest-environment-jsdom": "^29.7.0",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
-    "rollup": "^4.21.2",
-    "typescript": "^5.5.4",
-    "zx": "^8.1.5"
+    "rollup": "^4.21.3",
+    "typescript": "^5.6.2",
+    "zx": "^8.1.6"
   },
   "peerDependencies": {
     "react": "^18",