@lobehub/ui 3.3.1 → 3.3.3

package/es/A/index.d.ts

@@ -1,6 +1,6 @@
-import { type Ref } from 'react';
+import { type FC, type Ref } from 'react';
 import type { AProps } from "../types";
-declare const A: import("react").NamedExoticComponent<AProps & {
-    ref?: Ref<HTMLAnchorElement> | undefined;
+declare const A: FC<AProps & {
+    ref?: Ref<HTMLAnchorElement>;
 }>;
 export default A;

package/es/A/index.js

@@ -14,13 +14,13 @@ var createContainer = function createContainer(as) {
     return /*#__PURE__*/createElement(as, props);
   });
 };
-var A = /*#__PURE__*/memo(function (props) {
+var A = function A(props) {
   var config = use(ConfigContext);
   var render = (config === null || config === void 0 ? void 0 : config.aAs) || 'a';
   var AContainer = useMemo(function () {
     return createContainer(render);
   }, [render]);
   return /*#__PURE__*/_jsx(AContainer, _objectSpread({}, props));
-});
+};
 A.displayName = 'A';
 export default A;

package/es/Accordion/AccordionItem.js

@@ -7,8 +7,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, useCallback, useMemo } from 'react';
-import { Flexbox } from 'react-layout-kit';
 import Block from "../Block";
+import { Flexbox } from "../Flex";
 import Text from "../Text";
 import { LazyMotion, m } from "../motion";
 import ArrowIcon from "./ArrowIcon";

package/es/ActionIcon/ActionIcon.js

@@ -12,7 +12,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 import { cva } from 'class-variance-authority';
 import { Loader2 } from 'lucide-react';
 import { memo, useCallback, useMemo } from 'react';
-import { Center } from 'react-layout-kit';
+import { Center } from "../Flex";
 import Icon from "../Icon";
 import Tooltip from "../Tooltip";
 import { calcSize } from "./components/utils";

package/es/ActionIcon/type.d.ts

@@ -1,5 +1,5 @@
 import type { ReactNode, Ref } from 'react';
-import type { CenterProps } from 'react-layout-kit';
+import type { CenterProps } from "../Flex";
 import type { IconProps, IconSizeConfig, IconSizeType, LucideIconProps } from "../Icon";
 import type { TooltipProps } from "../Tooltip";
 interface ActionIconSizeConfig extends IconSizeConfig {

package/es/ActionIconGroup/ActionIconGroup.d.ts

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

package/es/ActionIconGroup/ActionIconGroup.js

@@ -12,14 +12,14 @@ 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 { cva } from 'class-variance-authority';
 import { MoreHorizontal } from 'lucide-react';
-import { memo, useMemo } from 'react';
-import { Center } from 'react-layout-kit';
+import { useMemo } from 'react';
 import ActionIcon from "../ActionIcon";
 import Dropdown from "../Dropdown";
+import { Center } from "../Flex";
 import { useStyles } from "./style";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-var ActionIconGroup = /*#__PURE__*/memo(function (_ref) {
+var ActionIconGroup = function ActionIconGroup(_ref) {
   var _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'filled' : _ref$variant,
     disabled = _ref.disabled,
@@ -132,6 +132,6 @@ var ActionIconGroup = /*#__PURE__*/memo(function (_ref) {
       }), "more")
     })]
   }));
-});
+};
 ActionIconGroup.displayName = 'ActionIconGroup';
 export default ActionIconGroup;

package/es/ActionIconGroup/type.d.ts

@@ -1,7 +1,7 @@
 import type { Ref } from 'react';
-import type { CenterProps } from 'react-layout-kit';
 import type { ActionIconProps } from "../ActionIcon";
 import type { DropdownProps } from "../Dropdown";
+import type { CenterProps } from "../Flex";
 import type { MenuInfo, MenuItemType } from "../Menu";
 export type ActionIconGroupEvent = Pick<MenuInfo, 'key' | 'keyPath' | 'domEvent'>;
 export interface ActionIconGroupProps extends Omit<CenterProps, 'children'> {

package/es/Alert/Alert.js

@@ -14,9 +14,9 @@ import { cva } from 'class-variance-authority';
 import { camelCase } from 'lodash-es';
 import { AlertTriangle, CheckCircle, Info, X, XCircle } from 'lucide-react';
 import { memo, useMemo } from 'react';
-import { Flexbox } from 'react-layout-kit';
 import { Accordion, AccordionItem } from "../Accordion";
 import ActionIcon from "../ActionIcon";
+import { Flexbox } from "../Flex";
 import Icon from "../Icon";
 import { useStyles } from "./style";
 import { jsx as _jsx } from "react/jsx-runtime";

package/es/Avatar/Avatar.js

@@ -15,7 +15,7 @@ import { cva } from 'class-variance-authority';
 import { Loader2 } from 'lucide-react';
 import { readableColor } from 'polished';
 import { isValidElement, memo, useMemo } from 'react';
-import { Center } from 'react-layout-kit';
+import { Center } from "../Flex";
 import FluentEmoji from "../FluentEmoji";
 import Icon from "../Icon";
 import Img from "../Img";
@@ -32,8 +32,7 @@ var Avatar = /*#__PURE__*/memo(function (_ref) {
     borderedColor = _ref.borderedColor,
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? 48 : _ref$size,
-    _ref$shape = _ref.shape,
-    shape = _ref$shape === void 0 ? 'circle' : _ref$shape,
+    shape = _ref.shape,
     background = _ref.background,
     style = _ref.style,
     unoptimized = _ref.unoptimized,
@@ -110,7 +109,7 @@ var Avatar = /*#__PURE__*/memo(function (_ref) {
     size: size,
     src: isDefaultAntAvatar ? defualtAvatar : undefined,
     style: _objectSpread({
-      background: background,
+      background: isDefaultAntAvatar ? background : background || theme.colorBorder,
       boxShadow: bordered ? "".concat(theme.colorBgLayout, " 0 0 0 2px, ").concat(borderedColor || theme.colorTextTertiary, " 0 0 0 4px") : undefined,
       color: readableColor(background || theme.colorBorder),
       cursor: rest !== null && rest !== void 0 && rest.onClick ? 'pointer' : undefined,

package/es/Avatar/AvatarGroup/index.js

@@ -11,7 +11,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 { memo } from 'react';
-import { Flexbox } from 'react-layout-kit';
+import { Flexbox } from "../../Flex";
 import Avatar from "../Avatar";
 import { useStyles } from "./style";
 import { jsx as _jsx } from "react/jsx-runtime";

package/es/Avatar/type.d.ts

@@ -1,6 +1,6 @@
 import type { AvatarProps as AntAvatarProps } from 'antd';
 import type { CSSProperties, ReactNode, Ref } from 'react';
-import type { FlexboxProps } from 'react-layout-kit';
+import type { FlexboxProps } from "../Flex";
 import type { TooltipProps } from "../Tooltip";
 export interface AvatarProps extends AntAvatarProps {
     animation?: boolean;

package/es/Block/Block.d.ts

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

package/es/Block/Block.js

@@ -10,11 +10,11 @@ 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 { cva } from 'class-variance-authority';
-import { memo, useMemo } from 'react';
-import { Flexbox } from 'react-layout-kit';
+import { useMemo } from 'react';
+import { Flexbox } from "../Flex";
 import { useStyles } from "./style";
 import { jsx as _jsx } from "react/jsx-runtime";
-var Block = /*#__PURE__*/memo(function (_ref) {
+var Block = function Block(_ref) {
   var className = _ref.className,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'filled' : _ref$variant,
@@ -82,6 +82,6 @@ var Block = /*#__PURE__*/memo(function (_ref) {
   }, rest), {}, {
     children: children
   }));
-});
+};
 Block.displayName = 'Block';
 export default Block;

package/es/Block/type.d.ts

@@ -1,5 +1,5 @@
 import type { Ref } from 'react';
-import type { FlexboxProps } from 'react-layout-kit';
+import type { FlexboxProps } from "../Flex";
 export interface BlockProps extends FlexboxProps {
     clickable?: boolean;
     glass?: boolean;

package/es/Burger/Burger.js

@@ -12,8 +12,8 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 import { Drawer, Menu } from 'antd';
 import { MenuIcon, X } from 'lucide-react';
 import { memo } from 'react';
-import { Center } from 'react-layout-kit';
 import ActionIcon from "../ActionIcon";
+import { Center } from "../Flex";
 import { useStyles } from "./style";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";

package/es/Button/Button.d.ts

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

package/es/Button/Button.js

@@ -12,11 +12,11 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 import { Button as AntdButton } from 'antd';
 import { cva } from 'class-variance-authority';
 import { Loader2Icon } from 'lucide-react';
-import { isValidElement, memo, useMemo } from 'react';
+import { isValidElement, useMemo } from 'react';
 import Icon from "../Icon";
 import { useStyles } from "./style";
 import { jsx as _jsx } from "react/jsx-runtime";
-var Button = /*#__PURE__*/memo(function (_ref) {
+var Button = function Button(_ref) {
   var icon = _ref.icon,
     variant = _ref.variant,
     glass = _ref.glass,
@@ -85,5 +85,5 @@ var Button = /*#__PURE__*/memo(function (_ref) {
   }, rest), {}, {
     children: children
   }));
-});
+};
 export default Button;

package/es/CodeEditor/CodeEditor.js

@@ -17,9 +17,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; }
 import { cva } from 'class-variance-authority';
 import { memo, useMemo } from 'react';
-import { Flexbox } from 'react-layout-kit';
 import useMergeState from 'use-merge-value';
 import { useStyles } from "./style";
+import { Flexbox } from "../Flex";
 import SyntaxHighlighter from "../Highlighter/SyntaxHighlighter";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";

package/es/CodeEditor/type.d.ts

@@ -1,5 +1,5 @@
 import type { CSSProperties, Ref } from 'react';
-import type { FlexboxProps } from 'react-layout-kit';
+import type { FlexboxProps } from "../Flex";
 import type { TextAreaProps } from "../types";
 export interface CodeEditorProps extends TextAreaProps, Pick<FlexboxProps, 'width' | 'height' | 'flex'> {
     classNames?: {

package/es/Collapse/Collapse.js

@@ -14,7 +14,7 @@ import { Collapse as AntdCollapse, ConfigProvider } from 'antd';
 import { cva } from 'class-variance-authority';
 import { ChevronDown } from 'lucide-react';
 import { isValidElement, memo, useMemo } from 'react';
-import { Flexbox } from 'react-layout-kit';
+import { Flexbox } from "../Flex";
 import Icon from "../Icon";
 import { DEFAULT_PADDING, getPadding, useStyles } from "./style";
 import { jsx as _jsx } from "react/jsx-runtime";

package/es/ColorSwatches/ColorSwatches.d.ts

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

package/es/ColorSwatches/ColorSwatches.js

@@ -19,15 +19,15 @@ import { ColorPicker } from 'antd';
 import chroma from 'chroma-js';
 import { CheckIcon } from 'lucide-react';
 import { readableColor, rgba } from 'polished';
-import { memo, useMemo } from 'react';
-import { Center, Flexbox } from 'react-layout-kit';
+import { useMemo } from 'react';
 import useMergeState from 'use-merge-value';
+import { Center, Flexbox } from "../Flex";
 import Icon from "../Icon";
 import Tooltip from "../Tooltip";
 import { useStyles } from "./style";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-var ColorSwatches = /*#__PURE__*/memo(function (_ref) {
+var ColorSwatches = function ColorSwatches(_ref) {
   var enableColorPicker = _ref.enableColorPicker,
     _ref$enableColorSwatc = _ref.enableColorSwatches,
     enableColorSwatches = _ref$enableColorSwatc === void 0 ? true : _ref$enableColorSwatc,
@@ -124,6 +124,6 @@ var ColorSwatches = /*#__PURE__*/memo(function (_ref) {
       })
     })]
   }));
-});
+};
 ColorSwatches.displayName = 'ColorSwatches';
 export default ColorSwatches;

package/es/ColorSwatches/type.d.ts

@@ -1,5 +1,5 @@
 import type { Key, ReactNode, Ref } from 'react';
-import type { FlexboxProps } from 'react-layout-kit';
+import type { FlexboxProps } from "../Flex";
 interface ColorSwatchesItemType {
     color: string;
     key?: Key;

package/es/DraggablePanel/DraggablePanel.js

@@ -18,8 +18,8 @@ import { cva } from 'class-variance-authority';
 import { ChevronDown, ChevronLeft, ChevronRight, ChevronUp } from 'lucide-react';
 import { Resizable } from 're-resizable';
 import { memo, use, useCallback, useEffect, useMemo, useReducer, useRef, useTransition } from 'react';
-import { Center } from 'react-layout-kit';
 import useControlledState from 'use-merge-value';
+import { Center } from "../Flex";
 import Icon from "../Icon";
 import { useStyles } from "./style";
 import { reversePlacement } from "./utils";

package/es/DraggablePanel/components/DraggablePanelBody.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 { 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 DraggablePanelBody = /*#__PURE__*/memo(function (_ref) {

package/es/DraggablePanel/components/DraggablePanelContainer.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 { 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 DraggablePanelContainer = /*#__PURE__*/memo(function (_ref) {

package/es/DraggablePanel/components/DraggablePanelFooter.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 { 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 DraggablePanelFooter = /*#__PURE__*/memo(function (_ref) {

package/es/DraggablePanel/components/DraggablePanelHeader.js

@@ -17,9 +17,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; }
 import { PanelLeft, Pin, PinOff } from 'lucide-react';
 import { memo } from 'react';
-import { Flexbox } from 'react-layout-kit';
 import useControlledState from 'use-merge-value';
 import ActionIcon from "../../ActionIcon";
+import { Flexbox } from "../../Flex";
 import { useStyles } from "./style";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";

package/es/DraggableSideNav/DraggableSideNav.js

@@ -19,8 +19,8 @@ import { useHover } from 'ahooks';
 import { ChevronLeft, ChevronRight } from 'lucide-react';
 import { Resizable } from 're-resizable';
 import { memo, useCallback, useEffect, useMemo, useReducer, useRef } from 'react';
-import { Center, Flexbox } from 'react-layout-kit';
 import useControlledState from 'use-merge-value';
+import { Center, Flexbox } from "../Flex";
 import Icon from "../Icon";
 import { useStyles } from "./style";
 import { jsx as _jsx } from "react/jsx-runtime";

package/es/Drawer/Drawer.js

@@ -13,8 +13,8 @@ import { Drawer as AntdDrawer } from 'antd';
 import { useTheme } from 'antd-style';
 import { XIcon } from 'lucide-react';
 import { memo, useMemo } from 'react';
-import { Flexbox } from 'react-layout-kit';
 import ActionIcon from "../ActionIcon";
+import { Flexbox } from "../Flex";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";

package/es/EditableText/ControlInput.js

@@ -17,8 +17,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 { RotateCcw, Save } from 'lucide-react';
 import { memo, useEffect, useRef, useState } from 'react';
-import { Flexbox } from 'react-layout-kit';
 import ActionIcon from "../ActionIcon";
+import { Flexbox } from "../Flex";
 import Input from "../Input";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";

package/es/EditableText/EditableText.js

@@ -19,9 +19,9 @@ import { cx } from 'antd-style';
 import { Edit3 } from 'lucide-react';
 import { memo, useMemo } from 'react';
 import { useHotkeys } from 'react-hotkeys-hook';
-import { Flexbox } from 'react-layout-kit';
 import useControlledState from 'use-merge-value';
 import ActionIcon from "../ActionIcon";
+import { Flexbox } from "../Flex";
 import ControlInput from "./ControlInput";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";

package/es/EditableText/type.d.ts

@@ -1,6 +1,6 @@
 import { CSSProperties } from 'react';
-import type { FlexboxProps } from 'react-layout-kit';
 import type { ControlInputProps } from "./ControlInput";
+import type { FlexboxProps } from "../Flex";
 export interface EditableTextProps extends Omit<FlexboxProps, 'onChange' | 'onBlur' | 'onFocus'>, Pick<ControlInputProps, 'onChange' | 'value' | 'onChangeEnd' | 'onValueChanging' | 'texts' | 'variant' | 'onBlur' | 'onFocus' | 'size'> {
     className?: string;
     classNames?: {

package/es/EmojiPicker/AvatarUploader.js

@@ -11,8 +11,8 @@ import { useTheme } from 'antd-style';
 import { ChevronLeftIcon, ImageUpIcon } from 'lucide-react';
 import { memo, useCallback, useRef, useState } from 'react';
 import AvatarEditor from 'react-avatar-editor';
-import { Center, Flexbox } from 'react-layout-kit';
 import Button from "../Button";
+import { Center, Flexbox } from "../Flex";
 import Icon from "../Icon";
 import Tag from "../Tag";
 import Text from "../Text";

package/es/EmojiPicker/EmojiPicker.js

@@ -27,11 +27,11 @@ import Picker from '@emoji-mart/react';
 import { Popover } from 'antd';
 import { SmileIcon, TrashIcon, UploadIcon } from 'lucide-react';
 import { memo, useRef, useState } from 'react';
-import { Flexbox } from 'react-layout-kit';
 import useSWR from 'swr';
 import useMergeState from 'use-merge-value';
 import ActionIcon from "../ActionIcon";
 import Avatar from "../Avatar";
+import { Flexbox } from "../Flex";
 import Icon from "../Icon";
 import Tabs from "../Tabs";
 import Tooltip from "../Tooltip";

package/es/Empty/Empty.d.ts

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

package/es/Empty/Empty.js

@@ -11,15 +11,14 @@ 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 { Empty as AntEmpty } from 'antd';
 import { useTheme } from 'antd-style';
-import { memo } from 'react';
-import { Flexbox } from 'react-layout-kit';
 import Block from "../Block";
+import { Flexbox } from "../Flex";
 import FluentEmoji from "../FluentEmoji";
 import Icon from "../Icon";
 import Text from "../Text";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-var Empty = /*#__PURE__*/memo(function (_ref) {
+var Empty = function Empty(_ref) {
   var title = _ref.title,
     description = _ref.description,
     icon = _ref.icon,
@@ -92,6 +91,6 @@ var Empty = /*#__PURE__*/memo(function (_ref) {
       children: action
     }))]
   }));
-});
+};
 Empty.displayName = 'Empty';
 export default Empty;

package/es/Empty/type.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
-import { FlexboxProps } from 'react-layout-kit';
 import { BlockProps } from "../Block";
+import { FlexboxProps } from "../Flex";
 import { IconProps } from "../Icon";
 import { TextProps } from "../Text";
 export interface EmptyProps extends Omit<FlexboxProps, 'title'> {

package/es/FileTypeIcon/FileTypeIcon.d.ts

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

package/es/FileTypeIcon/FileTypeIcon.js

@@ -9,14 +9,14 @@ 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, useMemo } from 'react';
-import { Center } from 'react-layout-kit';
+import { useMemo } from 'react';
+import { Center } from "../Flex";
 import FileIcon from "./components/FileIcon";
 import FolderIcon from "./components/FolderIcon";
 import { useStyles } from "./style";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-var FileTypeIcon = /*#__PURE__*/memo(function (_ref) {
+var FileTypeIcon = function FileTypeIcon(_ref) {
   var icon = _ref.icon,
     color = _ref.color,
     filetype = _ref.filetype,
@@ -79,6 +79,6 @@ var FileTypeIcon = /*#__PURE__*/memo(function (_ref) {
       children: icon
     }), content]
   }));
-});
+};
 FileTypeIcon.displayName = 'FileTypeIcon';
 export default FileTypeIcon;

package/es/FileTypeIcon/components/FileIcon.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import { type FC } from 'react';
 import { SvgProps } from "../../types";
 interface FileIconProps extends SvgProps {
     filetypeShort?: string;
@@ -8,5 +8,5 @@ interface FileIconProps extends SvgProps {
     isMono?: boolean;
     size?: number;
 }
-declare const FileIcon: import("react").NamedExoticComponent<FileIconProps>;
+declare const FileIcon: FC<FileIconProps>;
 export default FileIcon;

package/es/FileTypeIcon/components/FileIcon.js

@@ -7,11 +7,10 @@ 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";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-var FileIcon = /*#__PURE__*/memo(function (_ref) {
+var FileIcon = function FileIcon(_ref) {
   var size = _ref.size,
     isMono = _ref.isMono,
     hasIcon = _ref.hasIcon,
@@ -55,5 +54,5 @@ var FileIcon = /*#__PURE__*/memo(function (_ref) {
       strokeWidth: 0.5
     })]
   }));
-});
+};
 export default FileIcon;

package/es/FileTypeIcon/components/FolderIcon.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import { type FC } from 'react';
 import { SvgProps } from "../../types";
 interface FolderIconProps extends SvgProps {
     filetype?: string;
@@ -8,5 +8,5 @@ interface FolderIconProps extends SvgProps {
     isMono?: boolean;
     size?: number;
 }
-declare const FolderIcon: import("react").NamedExoticComponent<FolderIconProps>;
+declare const FolderIcon: FC<FolderIconProps>;
 export default FolderIcon;

package/es/FileTypeIcon/components/FolderIcon.js

@@ -7,11 +7,10 @@ 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";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-var FolderIcon = /*#__PURE__*/memo(function (_ref) {
+var FolderIcon = function FolderIcon(_ref) {
   var size = _ref.size,
     isMono = _ref.isMono,
     hasIcon = _ref.hasIcon,
@@ -48,5 +47,5 @@ var FolderIcon = /*#__PURE__*/memo(function (_ref) {
       children: filetype.toUpperCase()
     })]
   }));
-});
+};
 export default FolderIcon;