@lobehub/ui 3.3.0 → 3.3.2

package/es/Mermaid/FullFeatured.js

@@ -1,7 +1,7 @@
 'use client';
 
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["showLanguage", "content", "children", "className", "copyable", "actionsRender", "style", "variant", "shadow", "language", "fileName", "defaultExpand"];
+var _excluded = ["showLanguage", "styles", "classNames", "content", "children", "className", "copyable", "actionsRender", "style", "variant", "shadow", "language", "fileName", "defaultExpand"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
@@ -18,9 +18,9 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 import { cva } from 'class-variance-authority';
 import { ChevronDown, ChevronRight } from 'lucide-react';
 import { memo, useCallback, useEffect, useMemo, useRef, useState } from 'react';
-import { Flexbox } from 'react-layout-kit';
 import ActionIcon from "../ActionIcon";
 import CopyButton from "../CopyButton";
+import { Flexbox } from "../Flex";
 import { useStyles } from "../Highlighter/style";
 import MaterialFileTypeIcon from "../MaterialFileTypeIcon";
 import Text from "../Text";
@@ -37,7 +37,8 @@ var MermaidHeaderLanguage = /*#__PURE__*/memo(function (_ref) {
     flex: 1,
     gap: 4,
     horizontal: true,
-    justify: 'center',
+    justify: 'flex-start',
+    paddingInline: 8,
     children: [/*#__PURE__*/_jsx(MaterialFileTypeIcon, {
       fallbackUnknownType: false,
       filename: fileName || language,
@@ -55,6 +56,8 @@ var MermaidHeaderLanguage = /*#__PURE__*/memo(function (_ref) {
 });
 export var MermaidFullFeatured = /*#__PURE__*/memo(function (_ref2) {
   var showLanguage = _ref2.showLanguage,
+    customStyles = _ref2.styles,
+    classNames = _ref2.classNames,
     content = _ref2.content,
     children = _ref2.children,
     className = _ref2.className,
@@ -164,30 +167,43 @@ export var MermaidFullFeatured = /*#__PURE__*/memo(function (_ref2) {
   }, rest), {}, {
     children: [/*#__PURE__*/_jsxs(Flexbox, {
       align: 'center',
-      className: headerVariants({
+      className: cx(headerVariants({
         variant: variant
-      }),
+      }), classNames === null || classNames === void 0 ? void 0 : classNames.header),
       horizontal: true,
       justify: 'space-between',
-      children: [/*#__PURE__*/_jsx(ActionIcon, {
-        icon: expand ? ChevronDown : ChevronRight,
-        onClick: handleToggleExpand,
-        size: 'small'
-      }), /*#__PURE__*/_jsx(MermaidHeaderLanguage, {
+      onClick: handleToggleExpand,
+      style: customStyles === null || customStyles === void 0 ? void 0 : customStyles.header,
+      children: [/*#__PURE__*/_jsx(MermaidHeaderLanguage, {
         fileName: fileName,
         language: language,
         showLanguage: showLanguage
-      }), /*#__PURE__*/_jsx(Flexbox, {
+      }), /*#__PURE__*/_jsxs(Flexbox, {
         align: 'center',
         flex: 'none',
         gap: 4,
         horizontal: true,
-        children: actions
+        onClick: function onClick(e) {
+          return e.stopPropagation();
+        },
+        children: [/*#__PURE__*/_jsx(Flexbox, {
+          align: 'center',
+          className: 'panel-actions',
+          flex: 'none',
+          gap: 4,
+          horizontal: true,
+          children: actions
+        }), /*#__PURE__*/_jsx(ActionIcon, {
+          icon: expand ? ChevronDown : ChevronRight,
+          onClick: handleToggleExpand,
+          size: 'small'
+        })]
       })]
     }), /*#__PURE__*/_jsx(Flexbox, {
-      className: bodyVariants({
+      className: cx(bodyVariants({
         expand: expand
-      }),
+      }), classNames === null || classNames === void 0 ? void 0 : classNames.body),
+      style: customStyles === null || customStyles === void 0 ? void 0 : customStyles.body,
       children: children
     })]
   }));

package/es/Mermaid/Mermaid.js

@@ -1,7 +1,7 @@
 'use client';
 
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["children", "actionIconSize", "fullFeatured", "copyable", "showLanguage", "language", "style", "variant", "shadow", "enablePanZoom", "defaultExpand", "className", "bodyRender", "fileName", "actionsRender", "theme"];
+var _excluded = ["children", "actionIconSize", "fullFeatured", "copyable", "showLanguage", "language", "style", "styles", "classNames", "variant", "shadow", "enablePanZoom", "defaultExpand", "className", "bodyRender", "fileName", "actionsRender", "theme"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
@@ -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 { cva } from 'class-variance-authority';
 import { memo, useCallback, useEffect, useMemo, useRef } from 'react';
-import { Flexbox } from 'react-layout-kit';
 import CopyButton from "../CopyButton";
+import { Flexbox } from "../Flex";
 import { useStyles } from "../Highlighter/style";
 import Tag from "../Tag";
 import FullFeatured from "./FullFeatured";
@@ -30,6 +30,8 @@ var Mermaid = /*#__PURE__*/memo(function (_ref) {
     _ref$language = _ref.language,
     language = _ref$language === void 0 ? 'mermaid' : _ref$language,
     style = _ref.style,
+    customStyles = _ref.styles,
+    classNames = _ref.classNames,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'filled' : _ref$variant,
     shadow = _ref.shadow,
@@ -84,7 +86,10 @@ var Mermaid = /*#__PURE__*/memo(function (_ref) {
     if (!copyable) return null;
     return /*#__PURE__*/_jsx(CopyButton, {
       content: getCopyContent,
-      size: actionIconSize
+      size: actionIconSize || {
+        blockSize: 28,
+        size: 16
+      }
     });
   }, [actionIconSize, copyable, getCopyContent]);
   var actions = useMemo(function () {
@@ -98,12 +103,14 @@ var Mermaid = /*#__PURE__*/memo(function (_ref) {
   }, [actionIconSize, actionsRender, getCopyContent, originalActions, tirmedChildren]);
   var defaultBody = useMemo(function () {
     return /*#__PURE__*/_jsx(SyntaxMermaid, {
+      className: classNames === null || classNames === void 0 ? void 0 : classNames.content,
       enablePanZoom: enablePanZoom,
+      style: customStyles === null || customStyles === void 0 ? void 0 : customStyles.content,
       theme: theme,
       variant: variant,
       children: tirmedChildren
     });
-  }, [enablePanZoom, theme, tirmedChildren, variant]);
+  }, [enablePanZoom, theme, tirmedChildren, variant, classNames === null || classNames === void 0 ? void 0 : classNames.content, customStyles === null || customStyles === void 0 ? void 0 : customStyles.content]);
   var body = useMemo(function () {
     if (!bodyRender) return defaultBody;
     return bodyRender({
@@ -114,6 +121,7 @@ var Mermaid = /*#__PURE__*/memo(function (_ref) {
   if (fullFeatured) return /*#__PURE__*/_jsx(FullFeatured, _objectSpread(_objectSpread({
     actionsRender: actionsRender,
     className: className,
+    classNames: classNames,
     content: tirmedChildren,
     copyable: copyable,
     defaultExpand: defaultExpand,
@@ -122,6 +130,7 @@ var Mermaid = /*#__PURE__*/memo(function (_ref) {
     shadow: shadow,
     showLanguage: showLanguage,
     style: style,
+    styles: customStyles,
     variant: variant
   }, rest), {}, {
     children: body

package/es/Mermaid/SyntaxMermaid/index.js

@@ -1,5 +1,11 @@
 'use client';
 
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+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); }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
@@ -17,7 +23,8 @@ var SyntaxMermaid = /*#__PURE__*/memo(function (_ref) {
     children = _ref.children,
     customTheme = _ref.theme,
     variant = _ref.variant,
-    enablePanZoom = _ref.enablePanZoom;
+    className = _ref.className,
+    style = _ref.style;
   var isDefaultTheme = customTheme === 'lobe-theme' || !customTheme;
   var background = useMemo(function () {
     var _mermaidThemes$find;
@@ -76,15 +83,13 @@ var SyntaxMermaid = /*#__PURE__*/memo(function (_ref) {
   if (!blobUrl) return null;
   return /*#__PURE__*/_jsx(Image, {
     alt: 'mermaid',
+    className: className,
     maxHeight: 480,
     minWidth: 300,
     objectFit: 'contain',
-    preview: enablePanZoom ? {
-      mask: false
-    } : false,
     ref: ref,
     src: blobUrl,
-    style: {
+    style: _objectSpread({
       background: variant === 'filled' ? background : undefined,
       borderRadius: 0,
       margin: 0,
@@ -92,7 +97,7 @@ var SyntaxMermaid = /*#__PURE__*/memo(function (_ref) {
       padding: variant === 'borderless' ? 0 : 16,
       position: 'relative',
       width: '100%'
-    },
+    }, style),
     variant: 'borderless',
     width: '100%'
   });

package/es/Mermaid/type.d.ts

@@ -1,11 +1,13 @@
 import type { MermaidConfig } from 'mermaid/dist/config.type';
-import type { ReactNode, Ref } from 'react';
+import { CSSProperties, ReactNode, Ref } from 'react';
 import type { ActionIconProps } from "../ActionIcon";
 import type { DivProps } from "../types";
 export interface SyntaxMermaidProps {
     children: string;
+    className?: string;
     enablePanZoom?: MermaidProps['enablePanZoom'];
     ref?: Ref<HTMLDivElement>;
+    style?: CSSProperties;
     theme?: MermaidProps['theme'];
     variant?: MermaidProps['variant'];
 }
@@ -22,6 +24,11 @@ export interface MermaidProps extends DivProps {
         originalNode: ReactNode;
     }) => ReactNode;
     children: string;
+    classNames?: {
+        body?: string;
+        content?: string;
+        header?: string;
+    };
     copyable?: boolean;
     defaultExpand?: boolean;
     enablePanZoom?: boolean;
@@ -30,6 +37,11 @@ export interface MermaidProps extends DivProps {
     language?: string;
     shadow?: boolean;
     showLanguage?: boolean;
+    styles?: {
+        body?: CSSProperties;
+        content?: CSSProperties;
+        header?: CSSProperties;
+    };
     theme?: 'lobe-theme' | MermaidConfig['theme'];
     variant?: 'filled' | 'outlined' | 'borderless';
 }

package/es/ScrollShadow/ScrollShadow.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 { cva } from 'class-variance-authority';
 import { memo, useMemo, useRef } from 'react';
-import { Flexbox } from 'react-layout-kit';
 import { mergeRefs } from 'react-merge-refs';
+import { Flexbox } from "../Flex";
 import { useStyles } from "./style";
 import { useScrollOverflow } from "./useScrollOverflow";
 import { jsx as _jsx } from "react/jsx-runtime";

package/es/ScrollShadow/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 ScrollShadowProps extends FlexboxProps {
     hideScrollBar?: boolean;
     isEnabled?: boolean;

package/es/SideNav/SideNav.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";
 import { jsxs as _jsxs } from "react/jsx-runtime";

package/es/SideNav/type.d.ts

@@ -1,5 +1,5 @@
 import type { ReactNode } from 'react';
-import type { FlexboxProps } from 'react-layout-kit';
+import type { FlexboxProps } from "../Flex";
 export interface SideNavProps extends FlexboxProps {
     avatar?: ReactNode;
     bottomActions: ReactNode;

package/es/Skeleton/Skeleton.js

@@ -10,7 +10,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
 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 SkeletonAvatar from "./SkeletonAvatar";
 import SkeletonParagraph from "./SkeletonParagraph";
 import SkeletonTitle from "./SkeletonTitle";

package/es/Skeleton/SkeletonParagraph.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 SkeletonBlock from "./SkeletonBlock";
 import { jsx as _jsx } from "react/jsx-runtime";
 var DEFAULT_ROWS = 3;

package/es/Skeleton/SkeletonTags.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 SkeletonBlock from "./SkeletonBlock";
 import { useStyles } from "./style";
 import { jsx as _jsx } from "react/jsx-runtime";

package/es/SliderWithInput/SliderWithInput.js

@@ -14,7 +14,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 import { Slider } from 'antd';
 import { isNull } from 'lodash-es';
 import { memo } from 'react';
-import { Flexbox } from 'react-layout-kit';
+import { Flexbox } from "../Flex";
 import InputNumber from "../Input/InputNumber";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";

package/es/SliderWithInput/type.d.ts

@@ -1,6 +1,6 @@
 import type { SliderSingleProps } from 'antd';
 import type { CSSProperties } from 'react';
-import type { FlexboxProps } from 'react-layout-kit';
+import type { FlexboxProps } from "../Flex";
 import type { InputNumberProps } from "../Input";
 export interface SliderWithInputProps extends Omit<SliderSingleProps, 'classNames' | 'styles'> {
     changeOnWheel?: boolean;

package/es/Snippet/Snippet.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 { cva } from 'class-variance-authority';
 import { memo, useMemo } from 'react';
-import { Flexbox } from 'react-layout-kit';
 import CopyButton from "../CopyButton";
+import { Flexbox } from "../Flex";
 import SyntaxHighlighter from "../Highlighter/SyntaxHighlighter";
 import Spotlight from "../awesome/Spotlight";
 import { useStyles } from "./style";

package/es/Snippet/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 SnippetProps extends FlexboxProps {
     children: string;
     copyable?: boolean;

package/es/SortableList/SortableList.js

@@ -19,7 +19,7 @@ import { DndContext, KeyboardSensor, PointerSensor, useSensor, useSensors } from
 import { restrictToVerticalAxis, restrictToWindowEdges } from '@dnd-kit/modifiers';
 import { SortableContext, arrayMove, sortableKeyboardCoordinates, verticalListSortingStrategy } from '@dnd-kit/sortable';
 import { Fragment, memo, useMemo, useState } from 'react';
-import { Flexbox } from 'react-layout-kit';
+import { Flexbox } from "../Flex";
 import DragHandle from "./components/DragHandle";
 import SortableItem from "./components/SortableItem";
 import SortableOverlay from "./components/SortableOverlay";

package/es/SortableList/components/SortableItem.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import type { DraggableSyntheticListeners } from '@dnd-kit/core';
-import { type FlexboxProps } from 'react-layout-kit';
+import { type FlexboxProps } from "../../Flex";
 interface Context {
     attributes: Record<string, any>;
     listeners: DraggableSyntheticListeners;

package/es/SortableList/components/SortableItem.js

@@ -13,7 +13,7 @@ import { useSortable } from '@dnd-kit/sortable';
 import { CSS } from '@dnd-kit/utilities';
 import { cva } from 'class-variance-authority';
 import { createContext, memo, useMemo } from 'react';
-import { Flexbox } from 'react-layout-kit';
+import { Flexbox } from "../../Flex";
 import { useStyles } from "../style";
 import { jsx as _jsx } from "react/jsx-runtime";
 export var SortableItemContext = /*#__PURE__*/createContext({

package/es/SortableList/type.d.ts

@@ -1,5 +1,5 @@
 import { type ReactNode, Ref } from 'react';
-import type { FlexboxProps } from 'react-layout-kit';
+import type { FlexboxProps } from "../Flex";
 export interface SortableListItem {
     [key: string]: any;
     id: string | number;

package/es/ThemeSwitch/ThemeSwitch.js

@@ -3,9 +3,9 @@
 import { Select } from 'antd';
 import { Monitor, Moon, Sun } from 'lucide-react';
 import { memo, useMemo } from 'react';
-import { Flexbox } from 'react-layout-kit';
 import ActionIcon from "../ActionIcon";
 import Dropdown from "../Dropdown";
+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/Tooltip/TooltipFloating.js

@@ -14,7 +14,7 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import { FloatingArrow } from '@floating-ui/react';
 import React, { useLayoutEffect, useMemo, useState } from 'react';
-import { Flexbox } from 'react-layout-kit';
+import { Flexbox } from "../Flex";
 import Hotkey from "../Hotkey";
 import { AnimatePresence, LazyMotion, m } from "../motion";
 import { useStyles } from "./style";

package/es/Video/index.d.ts

@@ -1,5 +1,5 @@
 import { type CSSProperties, type Ref } from 'react';
-import { FlexboxProps } from 'react-layout-kit';
+import { FlexboxProps } from "../Flex";
 import type { VideoProps as VProps } from "../types";
 export interface VideoProps extends VProps, Pick<FlexboxProps, 'width' | 'height'> {
     autoPlay?: boolean;

package/es/Video/index.js

@@ -19,8 +19,8 @@ import { Skeleton } from 'antd';
 import { cva } from 'class-variance-authority';
 import { PlayIcon } from 'lucide-react';
 import { memo, useMemo, useState } from 'react';
-import { Flexbox } from 'react-layout-kit';
 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/awesome/AuroraBackground/AuroraBackground.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";
 import { jsxs as _jsxs } from "react/jsx-runtime";

package/es/awesome/AuroraBackground/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";
 export interface AuroraBackgroundProps extends FlexboxProps {
     classNames?: {
         content?: string;

package/es/awesome/Features/FeatureItem.js

@@ -10,8 +10,8 @@ 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 { Center, Flexbox } from 'react-layout-kit';
 import A from "../../A";
+import { Center, Flexbox } from "../../Flex";
 import Icon from "../../Icon";
 import Img from "../../Img";
 import Text from "../../Text";

package/es/awesome/GridBackground/GridShowcase.js

@@ -12,7 +12,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 import { useTheme } from 'antd-style';
 import { rgba } from 'polished';
 import { memo } from 'react';
-import { Flexbox } from 'react-layout-kit';
+import { Flexbox } from "../../Flex";
 import GridBackground from "./GridBackground";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";

package/es/awesome/GridBackground/type.d.ts

@@ -1,4 +1,4 @@
-import { FlexboxProps } from 'react-layout-kit';
+import { FlexboxProps } from "../../Flex";
 import type { DivProps } from "../../types";
 export interface GridBackgroundProps extends DivProps {
     animation?: boolean;

package/es/awesome/Hero/Hero.js

@@ -4,9 +4,9 @@ import { ConfigProvider } from 'antd';
 import { useResponsive } from 'antd-style';
 import { Github } from 'lucide-react';
 import { memo, useCallback } from 'react';
-import { Center, Flexbox } from 'react-layout-kit';
 import A from "../../A";
 import Button from "../../Button";
+import { Center, Flexbox } from "../../Flex";
 import AuroraBackground from "../AuroraBackground";
 import GradientButton from "../GradientButton";
 import { useStyles } from "./style";

package/es/awesome/SpotlightCard/SpotlightCardItem.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 SpotlightCardItem = /*#__PURE__*/memo(function (_ref) {

package/es/brand/LobeChat/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 { useTheme } from 'antd-style';
 import { memo } from 'react';
-import { Flexbox } from 'react-layout-kit';
+import { Flexbox } from "../../Flex";
 import LogoText from "../LobeChatText";
 import { useStyles } from "../LobeHub/style";
 import Logo3d from "../Logo3d";

package/es/brand/LobeHub/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 { useTheme } from 'antd-style';
 import { memo } from 'react';
-import { Flexbox } from 'react-layout-kit';
+import { Flexbox } from "../../Flex";
 import LogoText from "../LobeHubText";
 import Logo3d from "../Logo3d";
 import LogoFlat from "../LogoFlat";

package/es/brand/LogoThree/Loading.js

@@ -1,6 +1,6 @@
 import { Loader2 } from 'lucide-react';
 import { memo } from 'react';
-import { Center } from 'react-layout-kit';
+import { Center } from "../../Flex";
 import Icon from "../../Icon";
 import { jsx as _jsx } from "react/jsx-runtime";
 var Loading = /*#__PURE__*/memo(function (_ref) {

package/es/brand/LogoThree/index.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, useState } from 'react';
-import { Flexbox } from 'react-layout-kit';
 import { useCdnFn } from "../../ConfigProvider";
+import { Flexbox } from "../../Flex";
 import Img from "../../Img";
 import Spline from "../../awesome/Spline";
 import { jsx as _jsx } from "react/jsx-runtime";

package/es/chat/Bubble/Bubble.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 { cva } from 'class-variance-authority';
 import { memo, useMemo } 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 Bubble = /*#__PURE__*/memo(function (_ref) {

package/es/chat/Bubble/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 BubbleProps extends FlexboxProps {
     ref?: Ref<HTMLDivElement>;
     shadow?: boolean;

package/es/chat/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 { useStyles } from "./style";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";

package/es/chat/ChatHeader/ChatHeaderTitle.js

@@ -1,5 +1,5 @@
 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/chat/ChatHeader/type.d.ts

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

package/es/chat/ChatInputArea/components/ChatInputActionBar.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 { useResponsive } from 'antd-style';
 import { memo } from 'react';
-import { Flexbox } from 'react-layout-kit';
+import { Flexbox } from "../../../Flex";
 import { useActionBarStyles as useStyles } from "../style";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";