@lobehub/ui 3.3.0 → 3.3.2

package/es/chat/ChatInputArea/components/ChatSendButton.js

@@ -10,8 +10,8 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 import { useTheme } from 'antd-style';
 import { ArrowBigUp, CornerDownLeft, Loader2 } from 'lucide-react';
 import { memo } from 'react';
-import { Flexbox } from 'react-layout-kit';
 import Button from "../../../Button";
+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/chat/ChatInputArea/type.d.ts

@@ -1,7 +1,7 @@
 import type { TextAreaRef } from 'antd/es/input/TextArea';
 import { CSSProperties, ReactNode, Ref } from 'react';
-import { FlexboxProps } from 'react-layout-kit';
 import type { DraggablePanelProps } from "../../DraggablePanel";
+import { FlexboxProps } from "../../Flex";
 import type { TextAreaProps } from "../../Input";
 export interface ChatInputAreaProps extends Omit<ChatInputAreaInnerProps, 'classNames'> {
     bottomAddons?: ReactNode;

package/es/chat/ChatItem/ChatItem.js

@@ -17,7 +17,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 { useResponsive } from 'antd-style';
 import { memo, useEffect, useRef, useState } from 'react';
-import { Flexbox } from 'react-layout-kit';
+import { Flexbox } from "../../Flex";
 import Actions from "./components/Actions";
 import Avatar from "./components/Avatar";
 import BorderSpacing from "./components/BorderSpacing";

package/es/chat/ChatItem/components/Actions.js

@@ -1,5 +1,5 @@
 import { memo } from 'react';
-import { Flexbox } from 'react-layout-kit';
+import { Flexbox } from "../../../Flex";
 import { useStyles } from "../style";
 import { jsx as _jsx } from "react/jsx-runtime";
 var Actions = /*#__PURE__*/memo(function (_ref) {

package/es/chat/ChatItem/components/Avatar.js

@@ -1,6 +1,6 @@
 import { memo } from 'react';
-import { Flexbox } from 'react-layout-kit';
 import A from "../../../Avatar";
+import { Flexbox } from "../../../Flex";
 import { useStyles } from "../style";
 import Loading from "./Loading";
 import { jsx as _jsx } from "react/jsx-runtime";

package/es/chat/ChatItem/components/ErrorContent.js

@@ -5,8 +5,8 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 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); }
 import { memo } from 'react';
-import { Flexbox } from 'react-layout-kit';
 import Alert from "../../../Alert";
+import { Flexbox } from "../../../Flex";
 import { useStyles } from "../style";
 import { jsx as _jsx } from "react/jsx-runtime";
 var ErrorContent = /*#__PURE__*/memo(function (_ref) {

package/es/chat/ChatItem/components/Loading.js

@@ -1,6 +1,6 @@
 import { Loader2 } from 'lucide-react';
 import { memo } 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/chat/ChatItem/components/MessageContent.js

@@ -1,6 +1,6 @@
 import { useResponsive } from 'antd-style';
 import { memo } from 'react';
-import { Flexbox } from 'react-layout-kit';
+import { Flexbox } from "../../../Flex";
 import EditableMessage from "../../EditableMessage";
 import { useStyles } from "../style";
 import { jsx as _jsx } from "react/jsx-runtime";

package/es/chat/ChatItem/components/Title.js

@@ -1,5 +1,5 @@
 import { memo } from 'react';
-import { Flexbox } from 'react-layout-kit';
+import { Flexbox } from "../../../Flex";
 import { formatTime } from "../../../utils/formatTime";
 import { useStyles } from "../style";
 import { jsx as _jsx } from "react/jsx-runtime";

package/es/chat/ChatItem/type.d.ts

@@ -1,7 +1,7 @@
 import { ReactNode } from 'react';
-import { FlexboxProps } from 'react-layout-kit';
 import { AlertProps } from "../../Alert";
 import { AvatarProps } from "../../Avatar";
+import { FlexboxProps } from "../../Flex";
 import type { MarkdownProps } from "../../Markdown";
 import type { EditableMessageProps } from "../EditableMessage";
 import type { MetaData } from "../types";

package/es/chat/EditableMessageList/EditableMessageList.js

@@ -9,10 +9,10 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import isEqual from 'fast-deep-equal';
 import { Plus, Trash } from 'lucide-react';
 import { memo, useEffect, useReducer } from 'react';
-import { Flexbox } from 'react-layout-kit';
 import ActionIcon from "../../ActionIcon";
 import Button from "../../Button";
 import ControlInput from "../../EditableText/ControlInput";
+import { Flexbox } from "../../Flex";
 import Select from "../../Select";
 import { messagesReducer } from "./messageReducer";
 import { jsx as _jsx } from "react/jsx-runtime";

package/es/chat/MessageInput/MessageInput.js

@@ -18,9 +18,9 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 import { useResponsive } from 'antd-style';
 import { memo, useState } from 'react';
 import { useHotkeys } from 'react-hotkeys-hook';
-import { Flexbox } from 'react-layout-kit';
 import Button from "../../Button";
 import CodeEditor from "../../CodeEditor";
+import { Flexbox } from "../../Flex";
 import { KeyMapEnum } from "../../Hotkey/const";
 import { combineKeys } from "../../Hotkey/utils";
 import TextArea from "../../Input/TextArea";

package/es/chat/MessageInput/type.d.ts

@@ -1,7 +1,7 @@
 import { CSSProperties } from 'react';
-import { FlexboxProps } from 'react-layout-kit';
 import type { ButtonProps } from "../../Button";
 import type { CodeEditorProps } from "../../CodeEditor";
+import { FlexboxProps } from "../../Flex";
 export interface MessageInputProps extends FlexboxProps {
     classNames?: CodeEditorProps['classNames'] & {
         editor?: string;

package/es/chat/MessageModal/MessageModal.js

@@ -8,10 +8,10 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import { useResponsive } from 'antd-style';
 import { memo, useState } from 'react';
-import { Flexbox } from 'react-layout-kit';
 import useControlledState from 'use-merge-value';
 import Button from "../../Button";
 import CodeEditor from "../../CodeEditor";
+import { Flexbox } from "../../Flex";
 import TextArea from "../../Input/TextArea";
 import Markdown from "../../Markdown";
 import Modal from "../../Modal";

package/es/color/ColorScales/ScaleRow.js

@@ -4,7 +4,7 @@ function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try
 function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
 import { Space, message } from 'antd';
 import { memo } from 'react';
-import { Flexbox } from 'react-layout-kit';
+import { Flexbox } from "../../Flex";
 import { copyToClipboard } from "../../utils/copyToClipboard";
 import { alphaBg, useStyles } from "./style";
 import { jsx as _jsx } from "react/jsx-runtime";

package/es/color/ColorScales/index.js

@@ -2,7 +2,7 @@
 
 import { Space } from 'antd';
 import { memo } from 'react';
-import { Flexbox } from 'react-layout-kit';
+import { Flexbox } from "../../Flex";
 import ScaleRow from "./ScaleRow";
 import { useStyles } from "./style";
 import { jsx as _jsx } from "react/jsx-runtime";

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/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.0",
+  "version": "3.3.2",
   "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",