@lobehub/ui 3.3.1 → 3.3.3

package/es/icons/Casdoor/components/Avatar.js

@@ -10,11 +10,10 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import { IconAvatar } from '@lobehub/icons';
-import { memo } from 'react';
 import { COLOR_PRIMARY, TITLE } from "../style";
 import Mono from "./Mono";
 import { jsx as _jsx } from "react/jsx-runtime";
-var Avatar = /*#__PURE__*/memo(function (_ref) {
+var Avatar = function Avatar(_ref) {
   var background = _ref.background,
     rest = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_jsx(IconAvatar, _objectSpread({
@@ -23,5 +22,5 @@ var Avatar = /*#__PURE__*/memo(function (_ref) {
     background: background || COLOR_PRIMARY,
     color: '#fff'
   }, rest));
-});
+};
 export default Avatar;

package/es/icons/Clerk/components/Avatar.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
 import { type IconAvatarProps } from '@lobehub/icons';
+import { type FC } from 'react';
 export type AvatarProps = Omit<IconAvatarProps, 'Icon'>;
-declare const Avatar: import("react").NamedExoticComponent<AvatarProps>;
+declare const Avatar: FC<AvatarProps>;
 export default Avatar;

package/es/icons/Clerk/components/Avatar.js

@@ -10,11 +10,10 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import { IconAvatar } from '@lobehub/icons';
-import { memo } from 'react';
 import { COLOR_PRIMARY, TITLE } from "../style";
 import Mono from "./Mono";
 import { jsx as _jsx } from "react/jsx-runtime";
-var Avatar = /*#__PURE__*/memo(function (_ref) {
+var Avatar = function Avatar(_ref) {
   var background = _ref.background,
     rest = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_jsx(IconAvatar, _objectSpread({
@@ -23,5 +22,5 @@ var Avatar = /*#__PURE__*/memo(function (_ref) {
     background: background || COLOR_PRIMARY,
     color: '#fff'
   }, rest));
-});
+};
 export default Avatar;

package/es/icons/Logto/components/Avatar.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
 import { type IconAvatarProps } from '@lobehub/icons';
+import { type FC } from 'react';
 export type AvatarProps = Omit<IconAvatarProps, 'Icon'>;
-declare const Avatar: import("react").NamedExoticComponent<AvatarProps>;
+declare const Avatar: FC<AvatarProps>;
 export default Avatar;

package/es/icons/Logto/components/Avatar.js

@@ -10,11 +10,10 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import { IconAvatar } from '@lobehub/icons';
-import { memo } from 'react';
 import { COLOR_PRIMARY, TITLE } from "../style";
 import Mono from "./Mono";
 import { jsx as _jsx } from "react/jsx-runtime";
-var Avatar = /*#__PURE__*/memo(function (_ref) {
+var Avatar = function Avatar(_ref) {
   var background = _ref.background,
     rest = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_jsx(IconAvatar, _objectSpread({
@@ -23,5 +22,5 @@ var Avatar = /*#__PURE__*/memo(function (_ref) {
     background: background || COLOR_PRIMARY,
     color: '#fff'
   }, rest));
-});
+};
 export default Avatar;

package/es/icons/MicrosoftEntra/components/Avatar.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
 import { type IconAvatarProps } from '@lobehub/icons';
+import { type FC } from 'react';
 export type AvatarProps = Omit<IconAvatarProps, 'Icon'>;
-declare const Avatar: import("react").NamedExoticComponent<AvatarProps>;
+declare const Avatar: FC<AvatarProps>;
 export default Avatar;

package/es/icons/MicrosoftEntra/components/Avatar.js

@@ -10,11 +10,10 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import { IconAvatar } from '@lobehub/icons';
-import { memo } from 'react';
 import { COLOR_PRIMARY, TITLE } from "../style";
 import Color from "./Color";
 import { jsx as _jsx } from "react/jsx-runtime";
-var Avatar = /*#__PURE__*/memo(function (_ref) {
+var Avatar = function Avatar(_ref) {
   var background = _ref.background,
     rest = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_jsx(IconAvatar, _objectSpread({
@@ -22,5 +21,5 @@ var Avatar = /*#__PURE__*/memo(function (_ref) {
     "aria-label": TITLE,
     background: background || COLOR_PRIMARY
   }, rest));
-});
+};
 export default Avatar;

package/es/icons/NextAuth/components/Avatar.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
 import { type IconAvatarProps } from '@lobehub/icons';
+import { type FC } from 'react';
 export type AvatarProps = Omit<IconAvatarProps, 'Icon'>;
-declare const Avatar: import("react").NamedExoticComponent<AvatarProps>;
+declare const Avatar: FC<AvatarProps>;
 export default Avatar;

package/es/icons/NextAuth/components/Avatar.js

@@ -10,11 +10,10 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import { IconAvatar } from '@lobehub/icons';
-import { memo } from 'react';
 import { COLOR_PRIMARY, TITLE } from "../style";
 import Color from "./Color";
 import { jsx as _jsx } from "react/jsx-runtime";
-var Avatar = /*#__PURE__*/memo(function (_ref) {
+var Avatar = function Avatar(_ref) {
   var background = _ref.background,
     rest = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_jsx(IconAvatar, _objectSpread({
@@ -23,5 +22,5 @@ var Avatar = /*#__PURE__*/memo(function (_ref) {
     background: background || COLOR_PRIMARY,
     iconMultiple: 0.7
   }, rest));
-});
+};
 export default Avatar;

package/es/icons/Zitadel/components/Avatar.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
 import { type IconAvatarProps } from '@lobehub/icons';
+import { type FC } from 'react';
 export type AvatarProps = Omit<IconAvatarProps, 'Icon'>;
-declare const Avatar: import("react").NamedExoticComponent<AvatarProps>;
+declare const Avatar: FC<AvatarProps>;
 export default Avatar;

package/es/icons/Zitadel/components/Avatar.js

@@ -10,11 +10,10 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import { IconAvatar } from '@lobehub/icons';
-import { memo } from 'react';
 import { COLOR_PRIMARY, TITLE } from "../style";
 import Mono from "./Mono";
 import { jsx as _jsx } from "react/jsx-runtime";
-var Avatar = /*#__PURE__*/memo(function (_ref) {
+var Avatar = function Avatar(_ref) {
   var background = _ref.background,
     rest = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_jsx(IconAvatar, _objectSpread({
@@ -23,5 +22,5 @@ var Avatar = /*#__PURE__*/memo(function (_ref) {
     background: background || COLOR_PRIMARY,
     color: '#fff'
   }, rest));
-});
+};
 export default Avatar;

package/es/mdx/Callout/index.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { FlexboxProps } from 'react-layout-kit';
+import { FlexboxProps } from "../../Flex";
 export interface CalloutProps extends FlexboxProps {
     type?: 'tip' | 'error' | 'important' | 'info' | 'warning';
 }

package/es/mdx/Callout/index.js

@@ -11,7 +11,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import { AlertOctagon, AlertTriangle, Info, Lightbulb, MessageSquareWarning } from 'lucide-react';
 import { useMemo } from 'react';
-import { Flexbox } from 'react-layout-kit';
+import { Flexbox } from "../../Flex";
 import Icon from "../../Icon";
 import { useStyles } from "./style";
 import { jsx as _jsx } from "react/jsx-runtime";

package/es/mdx/Cards/Card.js

@@ -12,9 +12,9 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 import { createStyles } from 'antd-style';
-import { Flexbox } from 'react-layout-kit';
 import A from "../../A";
 import Block from "../../Block";
+import { Flexbox } from "../../Flex";
 import Icon from "../../Icon";
 import Img from "../../Img";
 import Tag from "../../Tag";

package/es/mdx/FileTree/File.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { FlexboxProps } from 'react-layout-kit';
+import { FlexboxProps } from "../../Flex";
 import { type IconProps } from "../../Icon";
 export interface FileProps extends Omit<FlexboxProps, 'children'> {
     icon?: IconProps['icon'];

package/es/mdx/FileTree/File.js

@@ -10,7 +10,7 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import { FileIcon } from 'lucide-react';
-import { Flexbox } from 'react-layout-kit';
+import { Flexbox } from "../../Flex";
 import Icon from "../../Icon";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";

package/es/mdx/FileTree/Folder.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { FlexboxProps } from 'react-layout-kit';
+import { FlexboxProps } from "../../Flex";
 import { type IconProps } from "../../Icon";
 export interface FolderProps extends FlexboxProps {
     defaultOpen?: boolean;

package/es/mdx/FileTree/Folder.js

@@ -20,7 +20,7 @@ function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(
 import { createStyles } from 'antd-style';
 import { FolderIcon, FolderOpen } from 'lucide-react';
 import { useState } from 'react';
-import { Flexbox } from 'react-layout-kit';
+import { Flexbox } from "../../Flex";
 import Icon from "../../Icon";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";

package/es/mdx/Tabs/index.d.ts

@@ -1,5 +1,5 @@
 import { FC, ReactNode } from 'react';
-import { FlexboxProps } from 'react-layout-kit';
+import { FlexboxProps } from "../../Flex";
 import { type TabsProps as LobeTabsProps } from "../../Tabs";
 export interface TabsProps extends Omit<FlexboxProps, 'children'> {
     children: ReactNode[];

package/es/mdx/Tabs/index.js

@@ -17,7 +17,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import { useState } from 'react';
-import { Flexbox } from 'react-layout-kit';
+import { Flexbox } from "../../Flex";
 import { default as LobeTabs } from "../../Tabs";
 import { useStyles } from "./style";
 import { jsx as _jsx } from "react/jsx-runtime";

package/es/mdx/mdxComponents/Citation/PopoverPanel.js

@@ -12,7 +12,7 @@ import { Popover } from 'antd';
 import { createStyles } from 'antd-style';
 import { ArrowRightIcon } from 'lucide-react';
 import { useMemo } from 'react';
-import { Flexbox } from 'react-layout-kit';
+import { Flexbox } from "../../../Flex";
 import Icon from "../../../Icon";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";

package/es/mobile/ChatHeader/ChatHeader.js

@@ -11,8 +11,8 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import { ChevronLeft } from 'lucide-react';
 import { memo } from 'react';
-import { Flexbox } from 'react-layout-kit';
 import ActionIcon from "../../ActionIcon";
+import { Flexbox } from "../../Flex";
 import MobileSafeArea from "../SafeArea";
 import { useStyles } from "./style";
 import { jsx as _jsx } from "react/jsx-runtime";

package/es/mobile/ChatHeader/ChatHeaderTitle.js

@@ -1,7 +1,7 @@
 'use client';
 
 import { memo } from 'react';
-import { Flexbox } from 'react-layout-kit';
+import { Flexbox } from "../../Flex";
 import { useTitleStyles as useStyles } from "./style";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";

package/es/mobile/ChatHeader/type.d.ts

@@ -1,5 +1,5 @@
 import { CSSProperties, ReactNode, Ref } from 'react';
-import { FlexboxProps } from 'react-layout-kit';
+import { FlexboxProps } from "../../Flex";
 export interface ChatHeaderProps extends FlexboxProps {
     center?: ReactNode;
     classNames?: {

package/es/mobile/ChatInputArea/ChatInputArea.js

@@ -12,8 +12,8 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import { useSize } from 'ahooks';
 import { ChevronDown, ChevronUp } from 'lucide-react';
 import { memo, useCallback, useEffect, useRef, useState } from 'react';
-import { Flexbox } from 'react-layout-kit';
 import ActionIcon from "../../ActionIcon";
+import { Flexbox } from "../../Flex";
 import ChatInputAreaInner from "../../chat/ChatInputArea/components/ChatInputAreaInner";
 import SafeArea from "../SafeArea";
 import { useStyles } from "./style";

package/es/mobile/SafeArea/SafeArea.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import { type FC } from 'react';
 import { SafeAreaProps } from './type';
-declare const SafeArea: import("react").NamedExoticComponent<SafeAreaProps>;
+declare const SafeArea: FC<SafeAreaProps>;
 export default SafeArea;

package/es/mobile/SafeArea/SafeArea.js

@@ -9,10 +9,9 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-import { memo } from 'react';
 import { useStyles } from "./style";
 import { jsx as _jsx } from "react/jsx-runtime";
-var SafeArea = /*#__PURE__*/memo(function (_ref) {
+var SafeArea = function SafeArea(_ref) {
   var position = _ref.position,
     className = _ref.className,
     rest = _objectWithoutProperties(_ref, _excluded);
@@ -22,6 +21,6 @@ var SafeArea = /*#__PURE__*/memo(function (_ref) {
   return /*#__PURE__*/_jsx("div", _objectSpread({
     className: cx(styles.container, styles[position], className)
   }, rest));
-});
+};
 SafeArea.displayName = 'SafeArea';
 export default SafeArea;

package/es/mobile/TabBar/TabBar.js

@@ -16,8 +16,8 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import { memo } from 'react';
-import { Flexbox } from 'react-layout-kit';
 import useMergeState from 'use-merge-value';
+import { Flexbox } from "../../Flex";
 import SafeArea from "../SafeArea";
 import { useStyles } from "./style";
 import { jsx as _jsx } from "react/jsx-runtime";

package/es/mobile/TabBar/type.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode, Ref } from 'react';
-import { FlexboxProps } from 'react-layout-kit';
+import { FlexboxProps } from "../../Flex";
 export interface TabBarItemType {
     icon: ReactNode | ((active: boolean) => ReactNode);
     key: string;

package/es/storybook/StoryBook/index.d.ts

@@ -1,5 +1,5 @@
 import { Ref } from 'react';
-import { FlexboxProps } from 'react-layout-kit';
+import { FlexboxProps } from "../../Flex";
 export interface StoryBookProps extends FlexboxProps {
     levaStore: any;
     noPadding?: boolean;

package/es/storybook/StoryBook/index.js

@@ -12,8 +12,8 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 import { useResponsive } from 'antd-style';
 import { LevaPanel } from 'leva';
 import { memo } from 'react';
-import { Center, Flexbox } from 'react-layout-kit';
 import DraggablePanel from "../../DraggablePanel";
+import { Center, Flexbox } from "../../Flex";
 import { useStyles } from "./style";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/ui",
-  "version": "3.3.1",
+  "version": "3.3.3",
   "description": "Lobe UI is an open-source UI component library for building AIGC web apps",
   "keywords": [
     "lobehub",
@@ -89,7 +89,6 @@
     "react-avatar-editor": "^14.0.0",
     "react-error-boundary": "^6.0.0",
     "react-hotkeys-hook": "^5.2.1",
-    "react-layout-kit": "^2.0.1",
     "react-markdown": "^10.1.0",
     "react-merge-refs": "^3.0.2",
     "react-rnd": "^10.5.2",