@lobehub/ui 1.170.8 → 2.0.0

package/es/awesome/Giscus/index.js

@@ -1,50 +1 @@
-'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 = ["style", "className", "reactionsEnabled", "mapping", "lang", "inputPosition", "id", "loading", "emitMetadata"];
-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 _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 GiscusComponent from '@giscus/react';
-import { memo } from 'react';
-import { formatLang, useStyles } from "./style";
-import { jsx as _jsx } from "react/jsx-runtime";
-var Giscus = /*#__PURE__*/memo(function (_ref) {
-  var style = _ref.style,
-    className = _ref.className,
-    _ref$reactionsEnabled = _ref.reactionsEnabled,
-    reactionsEnabled = _ref$reactionsEnabled === void 0 ? '1' : _ref$reactionsEnabled,
-    _ref$mapping = _ref.mapping,
-    mapping = _ref$mapping === void 0 ? 'title' : _ref$mapping,
-    _ref$lang = _ref.lang,
-    lang = _ref$lang === void 0 ? 'en_US' : _ref$lang,
-    _ref$inputPosition = _ref.inputPosition,
-    inputPosition = _ref$inputPosition === void 0 ? 'top' : _ref$inputPosition,
-    _ref$id = _ref.id,
-    id = _ref$id === void 0 ? 'giscus' : _ref$id,
-    _ref$loading = _ref.loading,
-    loading = _ref$loading === void 0 ? 'lazy' : _ref$loading,
-    _ref$emitMetadata = _ref.emitMetadata,
-    emitMetadata = _ref$emitMetadata === void 0 ? '0' : _ref$emitMetadata,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  var theme = useStyles();
-  return /*#__PURE__*/_jsx("div", {
-    className: className,
-    style: style,
-    children: /*#__PURE__*/_jsx(GiscusComponent, _objectSpread({
-      emitMetadata: emitMetadata,
-      id: id,
-      inputPosition: inputPosition,
-      lang: formatLang(lang),
-      loading: loading,
-      mapping: mapping,
-      reactionsEnabled: reactionsEnabled,
-      theme: theme
-    }, rest))
-  });
-});
-export default Giscus;
+export { default } from "./Giscus";

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

@@ -0,0 +1,6 @@
+import type { GiscusProps as GiscusComponentProps } from '@giscus/react/dist/types';
+import type { CSSProperties } from 'react';
+export interface GiscusProps extends GiscusComponentProps {
+    className?: string;
+    style?: CSSProperties;
+}

package/es/awesome/Giscus/type.js

@@ -0,0 +1 @@
+export {};

package/es/awesome/GradientButton/GradientButton.d.ts

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

package/es/awesome/GradientButton/GradientButton.js

@@ -0,0 +1,40 @@
+'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 = ["glow", "children", "className", "size", "disabled"];
+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 _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 Button from "../../Button";
+import { useStyles } from "./style";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var GradientButton = /*#__PURE__*/memo(function (_ref) {
+  var _ref$glow = _ref.glow,
+    glow = _ref$glow === void 0 ? true : _ref$glow,
+    children = _ref.children,
+    className = _ref.className,
+    size = _ref.size,
+    disabled = _ref.disabled,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var _useStyles = useStyles(size),
+    styles = _useStyles.styles,
+    cx = _useStyles.cx;
+  return /*#__PURE__*/_jsxs(Button, _objectSpread(_objectSpread({
+    className: cx(!disabled && styles.button, className),
+    disabled: disabled,
+    size: size,
+    variant: disabled ? undefined : 'text'
+  }, rest), {}, {
+    children: [glow && /*#__PURE__*/_jsx("div", {
+      className: styles.glow
+    }), children]
+  }));
+});
+GradientButton.displayName = 'GradientButton';
+export default GradientButton;

package/es/awesome/GradientButton/index.d.ts

@@ -1,7 +1,2 @@
-/// <reference types="react" />
-import { type ButtonProps } from 'antd';
-export interface GradientButtonProps extends ButtonProps {
-    glow?: boolean;
-}
-declare const GradientButton: import("react").NamedExoticComponent<GradientButtonProps>;
-export default GradientButton;
+export { default } from './GradientButton';
+export type * from './type';

package/es/awesome/GradientButton/index.js

@@ -1,37 +1 @@
-'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 = ["glow", "children", "className", "size"];
-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 _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 { Button } from 'antd';
-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 GradientButton = /*#__PURE__*/memo(function (_ref) {
-  var _ref$glow = _ref.glow,
-    glow = _ref$glow === void 0 ? true : _ref$glow,
-    children = _ref.children,
-    className = _ref.className,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? 'large' : _ref$size,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  var _useStyles = useStyles(size),
-    styles = _useStyles.styles,
-    cx = _useStyles.cx;
-  return /*#__PURE__*/_jsxs(Button, _objectSpread(_objectSpread({
-    className: cx(styles.button, className),
-    size: size
-  }, rest), {}, {
-    children: [glow && /*#__PURE__*/_jsx("div", {
-      className: styles.glow
-    }), children]
-  }));
-});
-export default GradientButton;
+export { default } from "./GradientButton";

package/es/awesome/GradientButton/style.d.ts

@@ -1,4 +1,4 @@
 export declare const useStyles: (props?: import("antd/es/button").ButtonSize) => import("antd-style").ReturnStyles<{
-    button: string;
-    glow: import("antd-style").SerializedStyles;
+    button: import("antd-style").SerializedStyles;
+    glow: string;
 }>;

package/es/awesome/GradientButton/style.js

@@ -1,11 +1,12 @@
 var _templateObject, _templateObject2;
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 import { createStyles } from 'antd-style';
+import { rgba } from 'polished';
 export var useStyles = createStyles(function (_ref, size) {
-  var cx = _ref.cx,
+  var isDarkMode = _ref.isDarkMode,
+    cx = _ref.cx,
     css = _ref.css,
     token = _ref.token,
-    isDarkMode = _ref.isDarkMode,
     stylish = _ref.stylish;
   var radius;
   switch (size) {
@@ -31,7 +32,7 @@ export var useStyles = createStyles(function (_ref, size) {
       }
   }
   return {
-    button: cx(stylish.gradientAnimation, css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n          position: relative;\n          z-index: 1;\n          border: none;\n          border-radius: ", "px !important;\n\n          &::before {\n            content: '';\n\n            position: absolute;\n            z-index: -1;\n            inset-block-start: 1px;\n            inset-inline-start: 1px;\n\n            width: calc(100% - 2px);\n            height: calc(100% - 2px);\n\n            background: ", ";\n            border-radius: ", "px;\n          }\n\n          &:hover {\n            background: ", " !important;\n          }\n        "])), radius, token.colorBgLayout, radius - 1, token.colorPrimary)),
-    glow: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n        ", "\n        position: absolute;\n        z-index: -2;\n        inset-block-start: 0;\n        inset-inline-start: 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)
+    button: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        position: relative;\n        z-index: 1;\n        border: none;\n        border-radius: ", "px !important;\n\n        &::before {\n          ", "\n          content: '';\n\n          position: absolute;\n          z-index: -2;\n          inset: 0;\n\n          border-radius: ", "px;\n        }\n\n        &::after {\n          content: '';\n\n          position: absolute;\n          z-index: -1;\n          inset-block-start: 1px;\n          inset-inline-start: 1px;\n\n          width: calc(100% - 2px);\n          height: calc(100% - 2px);\n\n          background: ", ";\n          border-radius: ", "px;\n        }\n\n        &:hover {\n          &::after {\n            background: ", ";\n          }\n        }\n\n        &:active {\n          &::after {\n            background: ", ";\n          }\n        }\n      "])), radius, stylish.gradientAnimation, radius, isDarkMode ? token.colorBgLayout : token.colorBgContainer, radius - 1, rgba(isDarkMode ? token.colorBgLayout : token.colorBgContainer, isDarkMode ? 0.9 : 0.95), rgba(isDarkMode ? token.colorBgLayout : token.colorBgContainer, isDarkMode ? 0.85 : 0.9)),
+    glow: cx(stylish.gradientAnimation, css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n          position: absolute;\n          z-index: -2;\n          inset-block-start: 0;\n          inset-inline-start: 0;\n\n          width: 100%;\n          height: 100%;\n\n          opacity: 0.5;\n          filter: blur(0.5em);\n          border-radius: inherit;\n        "]))))
   };
 });

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

@@ -0,0 +1,4 @@
+import type { ButtonProps } from "../../Button";
+export interface GradientButtonProps extends ButtonProps {
+    glow?: boolean;
+}

package/es/awesome/GradientButton/type.js

@@ -0,0 +1 @@
+export {};

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

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

package/es/awesome/GridBackground/GridBackground.js

@@ -0,0 +1,108 @@
+'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 = ["flip", "reverse", "showBackground", "backgroundColor", "random", "animationDuration", "className", "colorFront", "colorBack", "strokeWidth", "style", "animation"];
+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); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+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 { useSize } from 'ahooks';
+import { shuffle } from 'lodash-es';
+import { memo, useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import Grid from "./components/Grid";
+import { useStyles } from "./style";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var initialGroup = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14];
+var GridBackground = /*#__PURE__*/memo(function (_ref) {
+  var flip = _ref.flip,
+    reverse = _ref.reverse,
+    showBackground = _ref.showBackground,
+    backgroundColor = _ref.backgroundColor,
+    random = _ref.random,
+    _ref$animationDuratio = _ref.animationDuration,
+    animationDuration = _ref$animationDuratio === void 0 ? 8 : _ref$animationDuratio,
+    className = _ref.className,
+    colorFront = _ref.colorFront,
+    colorBack = _ref.colorBack,
+    strokeWidth = _ref.strokeWidth,
+    style = _ref.style,
+    animation = _ref.animation,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var ref = useRef(null);
+  var size = useSize(ref);
+  var _useStyles = useStyles({
+      backgroundColor: backgroundColor,
+      reverse: reverse
+    }),
+    styles = _useStyles.styles,
+    cx = _useStyles.cx,
+    theme = _useStyles.theme;
+  var gridProps = useMemo(function () {
+    return {
+      className: styles.highlight,
+      color: colorFront || theme.colorText,
+      strokeWidth: strokeWidth
+    };
+  }, [reverse, colorFront, strokeWidth]);
+  var _useState = useState(random ? initialGroup : undefined),
+    _useState2 = _slicedToArray(_useState, 2),
+    group = _useState2[0],
+    setGroup = _useState2[1];
+  useEffect(function () {
+    setGroup(random ? shuffle(initialGroup) : undefined);
+  }, [random]);
+  var HighlightGrid = useCallback(function () {
+    if (!group) return /*#__PURE__*/_jsx(Grid, _objectSpread({
+      style: {
+        '--duration': "".concat(animationDuration, "s")
+      }
+    }, gridProps));
+    return /*#__PURE__*/_jsx(_Fragment, {
+      children: group.map(function (item, index) {
+        return /*#__PURE__*/_jsx(Grid, _objectSpread({
+          linePick: item,
+          style: {
+            '--delay': "".concat(index + Math.random(), "s"),
+            '--duration': "".concat(animationDuration, "s")
+          }
+        }, gridProps), item);
+      })
+    });
+  }, [group, animationDuration, gridProps]);
+  return /*#__PURE__*/_jsxs("div", _objectSpread(_objectSpread({
+    className: cx(styles.container, className),
+    ref: ref,
+    style: flip ? _objectSpread({
+      transform: 'scaleY(-1)'
+    }, style) : style
+  }, rest), {}, {
+    children: [/*#__PURE__*/_jsx(Grid, {
+      color: colorBack || theme.colorBorder,
+      strokeWidth: strokeWidth,
+      style: {
+        zIndex: 2
+      }
+    }), animation && /*#__PURE__*/_jsx(HighlightGrid, {}), showBackground && /*#__PURE__*/_jsx("div", {
+      className: styles.backgroundContainer,
+      style: size ? {
+        fontSize: size.width / 80
+      } : {},
+      children: /*#__PURE__*/_jsx("div", {
+        className: styles.background
+      })
+    })]
+  }));
+});
+GridBackground.displayName = 'GridBackground';
+export default GridBackground;

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

@@ -1,9 +1,4 @@
 /// <reference types="react" />
-import { FlexboxProps } from 'react-layout-kit';
-import { type GridBackgroundProps } from './index';
-export interface GridShowcaseProps extends FlexboxProps {
-    backgroundColor?: GridBackgroundProps['backgroundColor'];
-    innerProps?: FlexboxProps;
-}
+import type { GridShowcaseProps } from './type';
 declare const GridShowcase: import("react").NamedExoticComponent<GridShowcaseProps>;
 export default GridShowcase;

package/es/awesome/GridBackground/GridShowcase.js

@@ -13,7 +13,7 @@ import { useTheme } from 'antd-style';
 import { rgba } from 'polished';
 import { memo } from 'react';
 import { Flexbox } from 'react-layout-kit';
-import GridBackground from "./index";
+import GridBackground from "./GridBackground";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 var GridShowcase = /*#__PURE__*/memo(function (_ref) {
@@ -55,4 +55,5 @@ var GridShowcase = /*#__PURE__*/memo(function (_ref) {
     })]
   }));
 });
+GridShowcase.displayName = 'GridShowcase';
 export default GridShowcase;

package/es/awesome/GridBackground/{Grid.d.ts → components/Grid.d.ts}

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { DivProps } from "../../types";
+import { SvgProps } from "../../../types";
 declare enum Line {
     l7 = 0,
     l6 = 1,
@@ -17,7 +17,7 @@ declare enum Line {
     r6 = 13,
     r7 = 14
 }
-export interface GridProps extends DivProps {
+export interface GridProps extends SvgProps {
     color?: string;
     linePick?: Line;
     strokeWidth?: number;

package/es/awesome/GridBackground/{Grid.js → components/Grid.js}

@@ -83,21 +83,21 @@ var Grid = /*#__PURE__*/memo(function (_ref) {
       d: "M237 249h3254"
     })]
   });
-  return /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({}, rest), {}, {
-    children: /*#__PURE__*/_jsx("svg", {
-      style: {
-        width: '100%'
-      },
-      viewBox: "0 0 3728 422",
-      xmlns: "http://www.w3.org/2000/svg",
-      children: /*#__PURE__*/_jsxs("g", {
-        fill: "none",
-        fillRule: "evenodd",
-        stroke: color,
-        strokeWidth: strokeWidth,
-        children: [vLine, hLine]
-      })
+  return /*#__PURE__*/_jsx("svg", _objectSpread(_objectSpread({
+    style: {
+      width: '100%'
+    },
+    viewBox: "0 0 3728 422",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, rest), {}, {
+    children: /*#__PURE__*/_jsxs("g", {
+      fill: "none",
+      fillRule: "evenodd",
+      stroke: color,
+      strokeWidth: strokeWidth,
+      children: [vLine, hLine]
     })
   }));
 });
+Grid.displayName = 'Grid';
 export default Grid;

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

@@ -1,16 +1,3 @@
-/// <reference types="react" />
-import { DivProps } from "../../types";
-export interface GridBackgroundProps extends DivProps {
-    animation?: boolean;
-    animationDuration?: number;
-    backgroundColor?: string;
-    colorBack?: string;
-    colorFront?: string;
-    flip?: boolean;
-    random?: boolean;
-    reverse?: boolean;
-    showBackground?: boolean;
-    strokeWidth?: number;
-}
-declare const GridBackground: import("react").NamedExoticComponent<GridBackgroundProps>;
-export default GridBackground;
+export { default } from './GridBackground';
+export { default as GridShowcase } from './GridShowcase';
+export type * from './type';

package/es/awesome/GridBackground/index.js

@@ -1,107 +1,2 @@
-'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 = ["flip", "reverse", "showBackground", "backgroundColor", "random", "animationDuration", "className", "colorFront", "colorBack", "strokeWidth", "style", "animation"];
-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); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-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 { useSize } from 'ahooks';
-import { shuffle } from 'lodash-es';
-import { memo, useCallback, useEffect, useMemo, useRef, useState } from 'react';
-import Grid from "./Grid";
-import { useStyles } from "./style";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-var initialGroup = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14];
-var GridBackground = /*#__PURE__*/memo(function (_ref) {
-  var flip = _ref.flip,
-    reverse = _ref.reverse,
-    showBackground = _ref.showBackground,
-    backgroundColor = _ref.backgroundColor,
-    random = _ref.random,
-    _ref$animationDuratio = _ref.animationDuration,
-    animationDuration = _ref$animationDuratio === void 0 ? 8 : _ref$animationDuratio,
-    className = _ref.className,
-    colorFront = _ref.colorFront,
-    colorBack = _ref.colorBack,
-    strokeWidth = _ref.strokeWidth,
-    style = _ref.style,
-    animation = _ref.animation,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  var ref = useRef(null);
-  var size = useSize(ref);
-  var _useStyles = useStyles({
-      backgroundColor: backgroundColor,
-      reverse: reverse
-    }),
-    styles = _useStyles.styles,
-    cx = _useStyles.cx,
-    theme = _useStyles.theme;
-  var gridProps = useMemo(function () {
-    return {
-      className: styles.highlight,
-      color: colorFront || theme.colorText,
-      strokeWidth: strokeWidth
-    };
-  }, [reverse, colorFront, strokeWidth]);
-  var _useState = useState(random ? initialGroup : undefined),
-    _useState2 = _slicedToArray(_useState, 2),
-    group = _useState2[0],
-    setGroup = _useState2[1];
-  useEffect(function () {
-    setGroup(random ? shuffle(initialGroup) : undefined);
-  }, [random]);
-  var HighlightGrid = useCallback(function () {
-    if (!group) return /*#__PURE__*/_jsx(Grid, _objectSpread({
-      style: {
-        '--duration': "".concat(animationDuration, "s")
-      }
-    }, gridProps));
-    return /*#__PURE__*/_jsx(_Fragment, {
-      children: group.map(function (item, index) {
-        return /*#__PURE__*/_jsx(Grid, _objectSpread({
-          linePick: item,
-          style: {
-            '--delay': "".concat(index + Math.random(), "s"),
-            '--duration': "".concat(animationDuration, "s")
-          }
-        }, gridProps), item);
-      })
-    });
-  }, [group, animationDuration, gridProps]);
-  return /*#__PURE__*/_jsxs("div", _objectSpread(_objectSpread({
-    className: cx(styles.container, className),
-    ref: ref,
-    style: flip ? _objectSpread({
-      transform: 'scaleY(-1)'
-    }, style) : style
-  }, rest), {}, {
-    children: [/*#__PURE__*/_jsx(Grid, {
-      color: colorBack || theme.colorBorder,
-      strokeWidth: strokeWidth,
-      style: {
-        zIndex: 2
-      }
-    }), animation && /*#__PURE__*/_jsx(HighlightGrid, {}), showBackground && /*#__PURE__*/_jsx("div", {
-      className: styles.backgroundContainer,
-      style: size ? {
-        fontSize: size.width / 80
-      } : {},
-      children: /*#__PURE__*/_jsx("div", {
-        className: styles.background
-      })
-    })]
-  }));
-});
-export default GridBackground;
+export { default } from "./GridBackground";
+export { default as GridShowcase } from "./GridShowcase";

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

@@ -0,0 +1,18 @@
+import { FlexboxProps } from 'react-layout-kit';
+import type { DivProps } from "../../types";
+export interface GridBackgroundProps extends DivProps {
+    animation?: boolean;
+    animationDuration?: number;
+    backgroundColor?: string;
+    colorBack?: string;
+    colorFront?: string;
+    flip?: boolean;
+    random?: boolean;
+    reverse?: boolean;
+    showBackground?: boolean;
+    strokeWidth?: number;
+}
+export interface GridShowcaseProps extends FlexboxProps {
+    backgroundColor?: GridBackgroundProps['backgroundColor'];
+    innerProps?: FlexboxProps;
+}

package/es/awesome/GridBackground/type.js

@@ -0,0 +1 @@
+export {};

package/es/awesome/Hero/Hero.d.ts

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