@lobehub/ui 1.26.0 → 1.26.2

package/es/DraggablePanel/index.js

@@ -45,15 +45,15 @@ var DraggablePanel = /*#__PURE__*/memo(function (_ref) {
     hanlderStyle = _ref.hanlderStyle,
     _ref$classNames = _ref.classNames,
     classNames = _ref$classNames === void 0 ? {} : _ref$classNames;
-  var ref = useRef(null);
-  var isHovering = useHover(ref);
+  var reference = useRef();
+  var isHovering = useHover(reference);
   var isVertical = placement === 'top' || placement === 'bottom';
   var _useStyles = useStyles(),
     styles = _useStyles.styles,
     cx = _useStyles.cx;
   var _useControlledState = useControlledState(defaultExpand, {
-      value: expand,
-      onChange: onExpandChange
+      onChange: onExpandChange,
+      value: expand
     }),
     _useControlledState2 = _slicedToArray(_useControlledState, 2),
     isExpand = _useControlledState2[0],
@@ -76,31 +76,31 @@ var DraggablePanel = /*#__PURE__*/memo(function (_ref) {
     return _defineProperty({}, revesePlacement(placement), styles["".concat(revesePlacement(placement), "Handle")]);
   }, [canResizing, placement]);
   var resizing = _objectSpread(_defineProperty({
-    top: false,
     bottom: false,
-    right: false,
-    left: false,
-    topRight: false,
-    bottomRight: false,
     bottomLeft: false,
-    topLeft: false
+    bottomRight: false,
+    left: false,
+    right: false,
+    top: false,
+    topLeft: false,
+    topRight: false
   }, revesePlacement(placement), true), resize);
   var defaultSize = useMemo(function () {
     if (isVertical) return _objectSpread({
-      width: '100%',
-      height: DEFAULT_HEIGHT
+      height: DEFAULT_HEIGHT,
+      width: '100%'
     }, customizeDefaultSize);
     return _objectSpread({
-      width: DEFAULT_WIDTH,
-      height: '100%'
+      height: '100%',
+      width: DEFAULT_WIDTH
     }, customizeDefaultSize);
   }, [isVertical]);
   var sizeProps = isExpand ? {
-    minWidth: typeof minWidth === 'number' ? Math.max(minWidth, 0) : minWidth,
-    minHeight: typeof minHeight === 'number' ? Math.max(minHeight, 0) : minHeight,
-    maxWidth: typeof maxWidth === 'number' ? Math.max(maxWidth, 0) : maxWidth,
-    maxHeight: typeof maxHeight === 'number' ? Math.max(maxHeight, 0) : maxHeight,
     defaultSize: defaultSize,
+    maxHeight: typeof maxHeight === 'number' ? Math.max(maxHeight, 0) : maxHeight,
+    maxWidth: typeof maxWidth === 'number' ? Math.max(maxWidth, 0) : maxWidth,
+    minHeight: typeof minHeight === 'number' ? Math.max(minHeight, 0) : minHeight,
+    minWidth: typeof minWidth === 'number' ? Math.max(minWidth, 0) : minWidth,
     size: size
   } : isVertical ? {
     minHeight: 0,
@@ -116,25 +116,33 @@ var DraggablePanel = /*#__PURE__*/memo(function (_ref) {
   var _useMemo = useMemo(function () {
       switch (placement) {
         case 'top':
-          return {
-            className: 'Bottom',
-            Arrow: ChevronDown
-          };
+          {
+            return {
+              Arrow: ChevronDown,
+              className: 'Bottom'
+            };
+          }
         case 'bottom':
-          return {
-            className: 'Top',
-            Arrow: ChevronUp
-          };
+          {
+            return {
+              Arrow: ChevronUp,
+              className: 'Top'
+            };
+          }
         case 'right':
-          return {
-            className: 'Left',
-            Arrow: ChevronLeft
-          };
+          {
+            return {
+              Arrow: ChevronLeft,
+              className: 'Left'
+            };
+          }
         case 'left':
-          return {
-            className: 'Right',
-            Arrow: ChevronRight
-          };
+          {
+            return {
+              Arrow: ChevronRight,
+              className: 'Right'
+            };
+          }
       }
     }, [styles, placement]),
     Arrow = _useMemo.Arrow,
@@ -144,7 +152,7 @@ var DraggablePanel = /*#__PURE__*/memo(function (_ref) {
   , {
     className: cx(styles["toggle".concat(arrowPlacement)], classNames.handle),
     style: {
-      opacity: isExpand ? !pin ? 0 : undefined : showHandlerWhenUnexpand ? 1 : 0
+      opacity: isExpand ? pin ? undefined : 0 : showHandlerWhenUnexpand ? 1 : 0
     },
     children: /*#__PURE__*/_jsx(Center, {
       onClick: function onClick() {
@@ -170,20 +178,20 @@ var DraggablePanel = /*#__PURE__*/memo(function (_ref) {
     className: cx(styles.panel, classNames.content),
     enable: canResizing ? resizing : undefined,
     handleClasses: resizeHandleClassNames,
-    onResize: function onResize(_, direction, ref, delta) {
+    onResize: function onResize(_, direction, reference_, delta) {
       onSizeDragging === null || onSizeDragging === void 0 ? void 0 : onSizeDragging(delta, {
-        width: ref.style.width,
-        height: ref.style.height
+        height: reference_.style.height,
+        width: reference_.style.width
       });
     },
     onResizeStart: function onResizeStart() {
       setShowExpand(false);
     },
-    onResizeStop: function onResizeStop(e, direction, ref, delta) {
+    onResizeStop: function onResizeStop(e, direction, reference_, delta) {
       setShowExpand(true);
       onSizeChange === null || onSizeChange === void 0 ? void 0 : onSizeChange(delta, {
-        width: ref.style.width,
-        height: ref.style.height
+        height: reference_.style.height,
+        width: reference_.style.width
       });
     },
     style: style,
@@ -197,7 +205,7 @@ var DraggablePanel = /*#__PURE__*/memo(function (_ref) {
     className: cx(styles.container,
     // @ts-ignore
     styles[mode === 'fixed' ? 'fixed' : "".concat(placement, "Float")], className),
-    ref: ref,
+    ref: reference,
     style: _defineProperty({}, "border".concat(arrowPlacement, "Width"), 1),
     children: [expandable && showExpand && handler, destroyOnClose ? isExpand && inner : inner]
   });

package/es/DraggablePanel/style.d.ts

@@ -1,19 +1,19 @@
 export declare const useStyles: (props?: unknown) => import("antd-style").ReturnStyles<{
+    bottomFloat: string;
+    bottomHandle: string;
     container: string;
     fixed: import("antd-style").SerializedStyles;
+    fullscreen: import("antd-style").SerializedStyles;
+    handlerIcon: import("antd-style").SerializedStyles;
     leftFloat: string;
+    leftHandle: string;
+    panel: string;
     rightFloat: string;
-    topFloat: string;
-    bottomFloat: string;
+    rightHandle: string;
+    toggleBottom: string;
     toggleLeft: string;
     toggleRight: string;
     toggleTop: string;
-    toggleBottom: string;
-    panel: string;
-    handlerIcon: import("antd-style").SerializedStyles;
-    leftHandle: string;
-    rightHandle: string;
+    topFloat: string;
     topHandle: string;
-    bottomHandle: string;
-    fullscreen: import("antd-style").SerializedStyles;
 }>;

package/es/DraggablePanel/style.js

@@ -11,22 +11,22 @@ export var useStyles = createStyles(function (_ref) {
   var commonToggle = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    position: absolute;\n    z-index: 101;\n    opacity: 0;\n    transition: all 0.2s ", ";\n\n    &:hover {\n      opacity: 1 !important;\n    }\n\n    &:active {\n      opacity: 1 !important;\n    }\n\n    > div {\n      cursor: pointer;\n\n      position: absolute;\n\n      color: ", ";\n\n      background: ", ";\n      border-color: ", ";\n      border-style: solid;\n      border-width: 1px;\n      border-radius: 4px;\n\n      transition: all 0.2s ", ";\n\n      &:hover {\n        color: ", ";\n        background: ", ";\n      }\n\n      &:active {\n        color: ", ";\n        background: ", ";\n      }\n    }\n  "])), token.motionEaseOut, token.colorTextTertiary, token.colorFillTertiary, token.colorBorderSecondary, token.motionEaseOut, token.colorTextSecondary, token.colorFillSecondary, token.colorText, token.colorFill);
   var float = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    position: absolute;\n    z-index: 200;\n  "])));
   return {
-    container: cx(prefix, css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n        flex-shrink: 0;\n        border: 0 solid ", ";\n\n        &:hover {\n          .", "-toggle {\n            opacity: 1;\n          }\n        }\n      "])), token.colorBorderSecondary, prefix)),
-    fixed: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n      position: relative;\n    "]))),
-    leftFloat: cx(float, css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n        top: 0;\n        bottom: 0;\n        left: 0;\n        height: 100%;\n      "])))),
-    rightFloat: cx(float, css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n        top: 0;\n        right: 0;\n        bottom: 0;\n        height: 100%;\n      "])))),
-    topFloat: cx(float, css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n        top: 0;\n        right: 0;\n        left: 0;\n        width: 100%;\n      "])))),
-    bottomFloat: cx(float, css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n        right: 0;\n        bottom: 0;\n        left: 0;\n        width: 100%;\n      "])))),
-    toggleLeft: cx("".concat(prefix, "-toggle"), "".concat(prefix, "-toggle-left"), commonToggle, css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n        left: -", "px;\n        width: ", "px;\n        height: 100%;\n\n        > div {\n          top: 50%;\n\n          width: ", "px;\n          height: ", "px;\n          margin-top: -20px;\n\n          border-radius: 4px 0 0 4px;\n        }\n      "])), offset, toggleShort, toggleShort, toggleLength)),
-    toggleRight: cx("".concat(prefix, "-toggle"), "".concat(prefix, "-toggle-right"), commonToggle, css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n        right: -", "px;\n        width: ", "px;\n        height: 100%;\n\n        > div {\n          top: 50%;\n\n          width: ", "px;\n          height: ", "px;\n          margin-top: -20px;\n\n          border-radius: 0 4px 4px 0;\n        }\n      "])), offset, toggleShort, toggleShort, toggleLength)),
-    toggleTop: cx("".concat(prefix, "-toggle"), "".concat(prefix, "-toggle-top"), commonToggle, css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n        top: -", "px;\n        width: 100%;\n        height: ", "px;\n\n        > div {\n          left: 50%;\n\n          width: ", "px;\n          height: ", "px;\n          margin-left: -20px;\n\n          border-radius: 4px 4px 0 0;\n        }\n      "])), offset, toggleShort, toggleLength, toggleShort)),
-    toggleBottom: cx("".concat(prefix, "-toggle"), "".concat(prefix, "-toggle-bottom"), commonToggle, css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n        bottom: -", "px;\n        width: 100%;\n        height: ", "px;\n\n        > div {\n          left: 50%;\n\n          width: ", "px;\n          height: 16px;\n          margin-left: -20px;\n\n          border-radius: 0 0 4px 4px;\n        }\n      "])), offset, toggleShort, toggleLength)),
-    panel: cx("".concat(prefix, "-fixed"), css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n        overflow: hidden;\n        transition: all 0.2s ", ";\n      "])), token.motionEaseOut)),
-    handlerIcon: css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      transition: all 0.2s ", ";\n    "])), token.motionEaseOut),
-    leftHandle: cx(css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n        ", ";\n\n        &::before {\n          left: 50%;\n          width: 2px;\n          height: 100%;\n        }\n      "])), commonHandle), "".concat(prefix, "-left-handle")),
-    rightHandle: cx(css(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n        ", ";\n        &::before {\n          right: 50%;\n          width: 2px;\n          height: 100%;\n        }\n      "])), commonHandle), "".concat(prefix, "-right-handle")),
-    topHandle: cx("".concat(prefix, "-top-handle"), css(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n        ", ";\n\n        &::before {\n          top: 50%;\n          width: 100%;\n          height: 2px;\n        }\n      "])), commonHandle)),
-    bottomHandle: cx("".concat(prefix, "-bottom-handle"), css(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["\n        ", ";\n\n        &::before {\n          bottom: 50%;\n          width: 100%;\n          height: 2px;\n        }\n      "])), commonHandle)),
-    fullscreen: css(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["\n      position: absolute;\n      inset: 0;\n      width: 100%;\n      height: 100%;\n    "])))
+    bottomFloat: cx(float, css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n        right: 0;\n        bottom: 0;\n        left: 0;\n        width: 100%;\n      "])))),
+    bottomHandle: cx("".concat(prefix, "-bottom-handle"), css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n        ", ";\n\n        &::before {\n          bottom: 50%;\n          width: 100%;\n          height: 2px;\n        }\n      "])), commonHandle)),
+    container: cx(prefix, css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n        flex-shrink: 0;\n        border: 0 solid ", ";\n\n        &:hover {\n          .", "-toggle {\n            opacity: 1;\n          }\n        }\n      "])), token.colorBorderSecondary, prefix)),
+    fixed: css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n      position: relative;\n    "]))),
+    fullscreen: css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n      position: absolute;\n      inset: 0;\n      width: 100%;\n      height: 100%;\n    "]))),
+    handlerIcon: css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      transition: all 0.2s ", ";\n    "])), token.motionEaseOut),
+    leftFloat: cx(float, css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n        top: 0;\n        bottom: 0;\n        left: 0;\n        height: 100%;\n      "])))),
+    leftHandle: cx(css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n        ", ";\n\n        &::before {\n          left: 50%;\n          width: 2px;\n          height: 100%;\n        }\n      "])), commonHandle), "".concat(prefix, "-left-handle")),
+    panel: cx("".concat(prefix, "-fixed"), css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n        overflow: hidden;\n        transition: all 0.2s ", ";\n      "])), token.motionEaseOut)),
+    rightFloat: cx(float, css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n        top: 0;\n        right: 0;\n        bottom: 0;\n        height: 100%;\n      "])))),
+    rightHandle: cx(css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n        ", ";\n        &::before {\n          right: 50%;\n          width: 2px;\n          height: 100%;\n        }\n      "])), commonHandle), "".concat(prefix, "-right-handle")),
+    toggleBottom: cx("".concat(prefix, "-toggle"), "".concat(prefix, "-toggle-bottom"), commonToggle, css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n        bottom: -", "px;\n        width: 100%;\n        height: ", "px;\n\n        > div {\n          left: 50%;\n\n          width: ", "px;\n          height: 16px;\n          margin-left: -20px;\n\n          border-radius: 0 0 4px 4px;\n        }\n      "])), offset, toggleShort, toggleLength)),
+    toggleLeft: cx("".concat(prefix, "-toggle"), "".concat(prefix, "-toggle-left"), commonToggle, css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n        left: -", "px;\n        width: ", "px;\n        height: 100%;\n\n        > div {\n          top: 50%;\n\n          width: ", "px;\n          height: ", "px;\n          margin-top: -20px;\n\n          border-radius: 4px 0 0 4px;\n        }\n      "])), offset, toggleShort, toggleShort, toggleLength)),
+    toggleRight: cx("".concat(prefix, "-toggle"), "".concat(prefix, "-toggle-right"), commonToggle, css(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n        right: -", "px;\n        width: ", "px;\n        height: 100%;\n\n        > div {\n          top: 50%;\n\n          width: ", "px;\n          height: ", "px;\n          margin-top: -20px;\n\n          border-radius: 0 4px 4px 0;\n        }\n      "])), offset, toggleShort, toggleShort, toggleLength)),
+    toggleTop: cx("".concat(prefix, "-toggle"), "".concat(prefix, "-toggle-top"), commonToggle, css(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n        top: -", "px;\n        width: 100%;\n        height: ", "px;\n\n        > div {\n          left: 50%;\n\n          width: ", "px;\n          height: ", "px;\n          margin-left: -20px;\n\n          border-radius: 4px 4px 0 0;\n        }\n      "])), offset, toggleShort, toggleLength, toggleShort)),
+    topFloat: cx(float, css(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["\n        top: 0;\n        right: 0;\n        left: 0;\n        width: 100%;\n      "])))),
+    topHandle: cx("".concat(prefix, "-top-handle"), css(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["\n        ", ";\n\n        &::before {\n          top: 50%;\n          width: 100%;\n          height: 2px;\n        }\n      "])), commonHandle))
   };
 });

package/es/DraggablePanel/utils.js

@@ -1,12 +1,20 @@
 export var revesePlacement = function revesePlacement(placement) {
   switch (placement) {
     case 'bottom':
-      return 'top';
+      {
+        return 'top';
+      }
     case 'top':
-      return 'bottom';
+      {
+        return 'bottom';
+      }
     case 'right':
-      return 'left';
+      {
+        return 'left';
+      }
     case 'left':
-      return 'right';
+      {
+        return 'right';
+      }
   }
 };

package/es/EditableMessage/index.js

@@ -19,15 +19,15 @@ var EditableMessage = /*#__PURE__*/memo(function (_ref) {
     _ref$showEditWhenEmpt = _ref.showEditWhenEmpty,
     showEditWhenEmpty = _ref$showEditWhenEmpt === void 0 ? false : _ref$showEditWhenEmpt;
   var _useControlledState = useControlledState(false, {
-      value: editing,
-      onChange: onEditingChange
+      onChange: onEditingChange,
+      value: editing
     }),
     _useControlledState2 = _slicedToArray(_useControlledState, 2),
     isEdit = _useControlledState2[0],
     setTyping = _useControlledState2[1];
   var _useControlledState3 = useControlledState(false, {
-      value: openModal,
-      onChange: onOpenChange
+      onChange: onOpenChange,
+      value: openModal
     }),
     _useControlledState4 = _slicedToArray(_useControlledState3, 2),
     expand = _useControlledState4[0],

package/es/EditableMessageList/index.js

@@ -4,9 +4,10 @@ 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 { messagesReducer } from "../Chat";
+import Icon from "../Icon";
 import { ControlInput } from "../components/ControlInput";
-import { ActionIcon, Icon } from "./..";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export var EditableMessageList = /*#__PURE__*/memo(function (_ref) {
@@ -22,7 +23,7 @@ export var EditableMessageList = /*#__PURE__*/memo(function (_ref) {
       onChange === null || onChange === void 0 ? void 0 : onChange(chatMessages);
     }
   }, [chatMessages]);
-  return !dataSources ? null : /*#__PURE__*/_jsxs(Flexbox, {
+  return dataSources ? /*#__PURE__*/_jsxs(Flexbox, {
     gap: 12,
     children: [chatMessages.map(function (item, index) {
       return /*#__PURE__*/_jsxs(Flexbox, {
@@ -37,20 +38,20 @@ export var EditableMessageList = /*#__PURE__*/memo(function (_ref) {
           },
           onChange: function onChange(value) {
             dispatch({
-              type: 'updateMessageRole',
               index: index,
-              role: value
+              role: value,
+              type: 'updateMessageRole'
             });
           },
           options: [{
-            value: 'system',
-            label: 'System'
+            label: 'System',
+            value: 'system'
           }, {
-            value: 'user',
-            label: 'Input'
+            label: 'Input',
+            value: 'user'
           }, {
-            value: 'assistant',
-            label: 'Output'
+            label: 'Output',
+            value: 'assistant'
           }],
           style: {
             width: 120
@@ -60,9 +61,9 @@ export var EditableMessageList = /*#__PURE__*/memo(function (_ref) {
           disabled: disabled,
           onChange: function onChange(e) {
             dispatch({
-              type: 'updateMessage',
               index: index,
-              message: e
+              message: e,
+              type: 'updateMessage'
             });
           },
           placeholder: item.role === 'user' ? '请填入输入的样例内容' : '请填入输出的样例',
@@ -71,8 +72,8 @@ export var EditableMessageList = /*#__PURE__*/memo(function (_ref) {
           icon: Trash,
           onClick: function onClick() {
             dispatch({
-              type: 'deleteMessage',
-              index: index
+              index: index,
+              type: 'deleteMessage'
             });
           },
           placement: "right",
@@ -91,15 +92,15 @@ export var EditableMessageList = /*#__PURE__*/memo(function (_ref) {
       onClick: function onClick() {
         var lastMeg = chatMessages.at(-1);
         dispatch({
-          type: 'addMessage',
           message: {
-            role: (lastMeg === null || lastMeg === void 0 ? void 0 : lastMeg.role) === 'user' ? 'assistant' : 'user',
-            content: ''
-          }
+            content: '',
+            role: (lastMeg === null || lastMeg === void 0 ? void 0 : lastMeg.role) === 'user' ? 'assistant' : 'user'
+          },
+          type: 'addMessage'
         });
       },
       children: "Add Props"
     })]
-  });
+  }) : undefined;
 }, isEqual);
 export default EditableMessageList;

package/es/EditableText/index.js

@@ -2,8 +2,8 @@ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import { Edit3 } from 'lucide-react';
 import { memo, useState } from 'react';
 import { Flexbox } from 'react-layout-kit';
+import ActionIcon from "../ActionIcon";
 import { ControlInput } from "../components/ControlInput";
-import { ActionIcon } from "./..";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 var EditableText = /*#__PURE__*/memo(function (_ref) {

package/es/Features/Item.js

@@ -36,10 +36,10 @@ var Item = /*#__PURE__*/memo(function (_ref2) {
     imageStyle = _ref2.imageStyle,
     openExternal = _ref2.openExternal,
     props = _objectWithoutProperties(_ref2, _excluded);
-  var rowNum = row || 7;
+  var rowNumber = row || 7;
   var _useStyles = useStyles({
-      rowNum: rowNum,
-      hasLink: Boolean(link)
+      hasLink: Boolean(link),
+      rowNum: rowNumber
     }),
     styles = _useStyles.styles,
     cx = _useStyles.cx;
@@ -49,8 +49,8 @@ var Item = /*#__PURE__*/memo(function (_ref2) {
   return /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({
     className: cx(styles.container, className),
     style: _objectSpread({
-      gridRow: "span ".concat(rowNum),
-      gridColumn: "span ".concat(column || 1)
+      gridColumn: "span ".concat(column || 1),
+      gridRow: "span ".concat(rowNumber)
     }, style)
   }, props), {}, {
     children: /*#__PURE__*/_jsxs("div", {

package/es/Features/Item.style.d.ts

@@ -4,9 +4,9 @@ export declare const useStyles: (props?: {
 } | undefined) => import("antd-style").ReturnStyles<{
     cell: import("antd-style").SerializedStyles;
     container: import("antd-style").SerializedStyles;
-    title: string;
     desc: string;
-    imgContainer: string;
     img: string;
+    imgContainer: string;
     link: import("antd-style").SerializedStyles;
+    title: string;
 }>;

package/es/Features/Item.style.js

@@ -21,10 +21,10 @@ export var useStyles = createStyles(function (_ref, _ref2) {
   return {
     cell: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n        overflow: hidden;\n      "]))),
     container: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n        ", ";\n        position: relative;\n        z-index: 1;\n\n        padding: 24px;\n\n        background: ", ";\n        border-radius: ", "px;\n\n        p {\n          font-size: 16px;\n          line-height: 1.2;\n          text-align: justify;\n          word-wrap: break-word;\n        }\n\n        &:hover {\n          .", " {\n            width: 100%;\n            height: ", "px;\n            padding: 0;\n            background: ", ";\n          }\n\n          .", " {\n            ", ";\n          }\n\n          .", " {\n            position: absolute;\n            visibility: hidden;\n            opacity: 0;\n          }\n\n          .", " {\n            font-size: ", "px;\n          }\n        }\n      "])), withTransition, token.colorBgContainer, token.borderRadiusLG, coverCls, scaleUnit * rowNum, token.colorFillContent, imgCls, genSize(100), descCls, titleCls, hasLink ? 14 : 20),
-    title: cx(titleCls, withTransition, css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n          pointer-events: none;\n\n          margin: 16px 0;\n\n          font-size: 20px;\n          line-height: ", ";\n          color: ", ";\n        "])), token.lineHeightHeading3, token.colorText)),
-    desc: cx(descCls, withTransition, css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n          pointer-events: none;\n          color: ", ";\n\n          quotient {\n            position: relative;\n\n            display: block;\n\n            margin: 12px 0;\n            padding-left: 12px;\n\n            color: ", ";\n          }\n        "])), token.colorTextSecondary, token.colorTextDescription)),
+    desc: cx(descCls, withTransition, css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n          pointer-events: none;\n          color: ", ";\n\n          quotient {\n            position: relative;\n\n            display: block;\n\n            margin: 12px 0;\n            padding-left: 12px;\n\n            color: ", ";\n          }\n        "])), token.colorTextSecondary, token.colorTextDescription)),
+    img: cx(imgCls, withTransition, css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n          ", ";\n          color: ", ";\n        "])), genSize(20), token.colorText)),
     imgContainer: cx(coverCls, withTransition, css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n          ", ";\n          padding: 4px;\n          opacity: 0.8;\n          border-radius: ", "px;\n        "])), genSize(24), token.borderRadius)),
-    img: cx(imgCls, withTransition, css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n          ", ";\n          color: ", ";\n        "])), genSize(20), token.colorText)),
-    link: css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n        ", ";\n        margin-top: 24px;\n      "])), withTransition)
+    link: css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n        ", ";\n        margin-top: 24px;\n      "])), withTransition),
+    title: cx(titleCls, withTransition, css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n          pointer-events: none;\n\n          margin: 16px 0;\n\n          font-size: 20px;\n          line-height: ", ";\n          color: ", ";\n        "])), token.lineHeightHeading3, token.colorText))
   };
 });

package/es/Features/index.js

@@ -14,14 +14,14 @@ var Features = /*#__PURE__*/memo(function (_ref) {
     className = _ref.className,
     itemClassName = _ref.itemClassName,
     itemStyle = _ref.itemStyle,
-    props = _objectWithoutProperties(_ref, _excluded);
+    properties = _objectWithoutProperties(_ref, _excluded);
   var _useStyles = useStyles(contentMaxWidth),
     cx = _useStyles.cx,
     styles = _useStyles.styles;
-  if (!(items !== null && items !== void 0 && items.length)) return null;
+  if (!(items !== null && items !== void 0 && items.length)) return;
   return /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({
     className: cx(styles.container, className)
-  }, props), {}, {
+  }, properties), {}, {
     children: items.map(function (item) {
       return /*#__PURE__*/_jsx(Item, _objectSpread({
         className: itemClassName,

package/es/Features/style.js

@@ -9,10 +9,10 @@ export var useStyles = createStyles(function (_ref, contentMaxWidth) {
   var prefix = "".concat(prefixCls, "-features");
   return {
     container: cx(prefix, css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n          display: grid;\n          grid-auto-flow: row dense;\n          grid-auto-rows: 18px;\n          grid-template-columns: repeat(3, 1fr);\n          gap: 16px;\n\n          max-width: ", "px;\n\n          ", "\n        "])), contentMaxWidth, responsive({
-      mobile: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n              display: flex;\n              flex-direction: column;\n            "]))),
       laptop: {
         gridTemplateColumns: 'repeat(2, 1fr)'
-      }
+      },
+      mobile: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n              display: flex;\n              flex-direction: column;\n            "])))
     })))
   };
 });

package/es/FontLoader/index.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export interface FontLoaderProps {
+    url: string;
+}
+declare const FontLoader: import("react").NamedExoticComponent<FontLoaderProps>;
+export default FontLoader;

package/es/FontLoader/index.js

@@ -0,0 +1,16 @@
+import { memo, useEffect } from 'react';
+var createElement = function createElement(url) {
+  var element = document.createElement('link');
+  element.rel = 'stylesheet';
+  element.href = url;
+  return element;
+};
+var FontLoader = /*#__PURE__*/memo(function (_ref) {
+  var url = _ref.url;
+  useEffect(function () {
+    var element = createElement(url);
+    document.head.append(element);
+  }, []);
+  return false;
+});
+export default FontLoader;

package/es/Footer/index.js

@@ -10,8 +10,8 @@ var Footer = /*#__PURE__*/memo(function (_ref) {
     contentMaxWidth = _ref$contentMaxWidth === void 0 ? 960 : _ref$contentMaxWidth;
   var isEmpty = !columns || (columns === null || columns === void 0 ? void 0 : columns.length) === 0;
   var _useStyles = useStyles({
-      isEmpty: isEmpty,
-      contentMaxWidth: contentMaxWidth
+      contentMaxWidth: contentMaxWidth,
+      isEmpty: isEmpty
     }),
     styles = _useStyles.styles;
   return /*#__PURE__*/_jsx("section", {

package/es/GradientButton/style.d.ts

@@ -1,5 +1,5 @@
 export declare const useStyles: (props?: unknown) => import("antd-style").ReturnStyles<{
-    button: import("antd-style").SerializedStyles;
     bg: import("antd-style").SerializedStyles;
+    button: import("antd-style").SerializedStyles;
     glow: import("antd-style").SerializedStyles;
 }>;

package/es/GradientButton/style.js

@@ -7,8 +7,8 @@ export var useStyles = createStyles(function (_ref) {
     isDarkMode = _ref.isDarkMode,
     stylish = _ref.stylish;
   return {
-    button: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      position: relative;\n      z-index: 1;\n      background: ", ";\n      border: none;\n\n      &::before {\n        ", "\n        content: '';\n\n        position: absolute;\n        z-index: 0;\n        inset: 0;\n\n        overflow: hidden;\n\n        padding: 1px;\n\n        mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);\n\n        mask-composite: xor;\n      }\n\n      > span {\n        position: relative;\n        z-index: 10;\n      }\n\n      &:hover {\n        &::before {\n          mask: unset;\n        }\n      }\n    "])), token.colorBgLayout, stylish.gradientAnimation),
-    bg: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      position: absolute;\n      z-index: -1;\n      top: 0;\n      left: 0;\n\n      width: 100%;\n      height: 100%;\n\n      background: ", ";\n      border-radius: inherit;\n    "])), token.colorBgLayout),
+    bg: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      position: absolute;\n      z-index: -1;\n      top: 0;\n      left: 0;\n\n      width: 100%;\n      height: 100%;\n\n      background: ", ";\n      border-radius: inherit;\n    "])), token.colorBgLayout),
+    button: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      position: relative;\n      z-index: 1;\n      background: ", ";\n      border: none;\n\n      &::before {\n        ", "\n        content: '';\n\n        position: absolute;\n        z-index: 0;\n        inset: 0;\n\n        overflow: hidden;\n\n        padding: 1px;\n\n        mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);\n\n        mask-composite: xor;\n      }\n\n      > span {\n        position: relative;\n        z-index: 10;\n      }\n\n      &:hover {\n        &::before {\n          mask: unset;\n        }\n      }\n    "])), token.colorBgLayout, stylish.gradientAnimation),
     glow: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      ", "\n      position: absolute;\n      z-index: -1;\n      top: 0;\n      left: 0;\n\n      width: 100%;\n      height: 100%;\n\n      opacity: ", ";\n      filter: blur(", "em);\n      border-radius: inherit;\n    "])), stylish.gradientAnimation, isDarkMode ? 0.5 : 0.3, isDarkMode ? 1.5 : 1)
   };
 });

package/es/Header/index.js

@@ -38,8 +38,8 @@ var Header = /*#__PURE__*/memo(function (_ref) {
           children: logo
         }), /*#__PURE__*/_jsx(Flexbox, {
           style: {
-            marginLeft: 48,
-            alignSelf: 'end'
+            alignSelf: 'end',
+            marginLeft: 48
           },
           children: nav
         }), /*#__PURE__*/_jsxs("section", {

package/es/Header/style.d.ts

@@ -1,6 +1,6 @@
 export declare const useStyles: (props?: unknown) => import("antd-style").ReturnStyles<{
-    header: string;
     content: import("antd-style").SerializedStyles;
+    header: string;
     left: import("antd-style").SerializedStyles;
     right: import("antd-style").SerializedStyles;
 }>;

package/es/Header/style.js

@@ -8,8 +8,8 @@ export var useStyles = createStyles(function (_ref) {
     token = _ref.token,
     cx = _ref.cx;
   return {
-    header: cx(css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      grid-area: head;\n      align-self: stretch;\n      width: 100%;\n    "])))),
-    content: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    height: 64px;\n    padding: 0 24px;\n    background-color: ", ";\n    border-bottom: 1px solid ", ";\n\n    ", " {\n      padding: 0 12px;\n    }\n  "])), rgba(token.colorBgLayout, 0.4), token.colorSplit, responsive.mobile),
+    content: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    height: 64px;\n    padding: 0 24px;\n    background-color: ", ";\n    border-bottom: 1px solid ", ";\n\n    ", " {\n      padding: 0 12px;\n    }\n  "])), rgba(token.colorBgLayout, 0.4), token.colorSplit, responsive.mobile),
+    header: cx(css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      grid-area: head;\n      align-self: stretch;\n      width: 100%;\n    "])))),
     left: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    z-index: 10;\n  "]))),
     right: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    z-index: 10;\n    display: flex;\n    flex: 1;\n    justify-content: space-between;\n\n    &-aside {\n      display: flex;\n      align-items: center;\n\n      ", " {\n        justify-content: center;\n        margin: 8px 16px;\n        padding-top: 24px;\n        border-top: 1px solid ", ";\n      }\n    }\n  "])), responsive.mobile, token.colorBorder)
   };

package/es/Hero/style.d.ts

@@ -1,7 +1,7 @@
 export declare const useStyles: (props?: unknown) => import("antd-style").ReturnStyles<{
+    actions: import("antd-style").SerializedStyles;
+    canvas: string;
     container: import("antd-style").SerializedStyles;
-    title: import("antd-style").SerializedStyles;
     desc: import("antd-style").SerializedStyles;
-    actions: import("antd-style").SerializedStyles;
-    canvas: import("antd-style").SerializedStyles;
+    title: import("antd-style").SerializedStyles;
 }>;