@lobehub/ui 1.23.1 → 1.25.2

package/es/Chat/store/index.d.ts

@@ -8,7 +8,7 @@ export declare const createChatStore: (showDevtools?: boolean) => import("zustan
 }>;
 export declare const Provider: ({ createStore, children }: {
     createStore: () => StoreApi<ChatStore>;
-    children: any;
+    children: import("react").ReactNode;
 }) => import("react").FunctionComponentElement<import("react").ProviderProps<StoreApi<ChatStore> | undefined>>, useStore: import("zustand-utils").UseContextStore<StoreApi<ChatStore>>, useStoreApi: () => {
     setState: (partial: ChatStore | Partial<ChatStore> | ((state: ChatStore) => ChatStore | Partial<ChatStore>), replace?: boolean | undefined) => void;
     getState: () => ChatStore;

package/es/DraggablePanel/index.js

@@ -8,7 +8,7 @@ import { Resizable } from 're-resizable';
 import { memo, useEffect, useMemo, useRef, useState } from 'react';
 import { Center } from 'react-layout-kit';
 import useControlledState from 'use-merge-value';
-import { useStyle } from "./style";
+import { useStyles } from "./style";
 import { revesePlacement } from "./utils";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
@@ -46,9 +46,9 @@ var DraggablePanel = /*#__PURE__*/memo(function (_ref) {
   var ref = useRef(null);
   var isHovering = useHover(ref);
   var isVertical = placement === 'top' || placement === 'bottom';
-  var _useStyle = useStyle('draggable-panel'),
-    styles = _useStyle.styles,
-    cx = _useStyle.cx;
+  var _useStyles = useStyles('draggable-panel'),
+    styles = _useStyles.styles,
+    cx = _useStyles.cx;
   var _useControlledState = useControlledState(defaultExpand, {
       value: expand,
       onChange: onExpandChange

package/es/DraggablePanel/style.d.ts

@@ -1,4 +1,4 @@
-export declare const useStyle: (props?: string | undefined) => import("antd-style").ReturnStyles<{
+export declare const useStyles: (props?: string | undefined) => import("antd-style").ReturnStyles<{
     container: string;
     fixed: import("antd-style").SerializedStyles;
     leftFloat: string;

package/es/DraggablePanel/style.js

@@ -4,7 +4,7 @@ import { createStyles, css, cx } from 'antd-style';
 var offset = 16;
 var toggleLength = 40;
 var toggleShort = 16;
-export var useStyle = createStyles(function (_ref, prefix) {
+export var useStyles = createStyles(function (_ref, prefix) {
   var token = _ref.token;
   var commonHandle = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    position: relative;\n\n    &::before {\n      content: '';\n      position: absolute;\n      z-index: 50;\n      transition: all 0.2s ", ";\n    }\n\n    &:hover,\n    &:active {\n      &::before {\n        background: ", " !important;\n      }\n    }\n  "])), token.motionEaseOut, token.colorPrimary);
   var commonToggle = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    position: absolute;\n    z-index: 1001;\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);

package/es/Features/Item.d.ts

@@ -0,0 +1,20 @@
+import { ImageContainerType } from 'dumi-theme-lobehub/src';
+import { CSSProperties } from 'react';
+import type { DivProps } from "../types";
+export interface FeatureItem {
+    column?: number;
+    description?: string;
+    hero?: boolean;
+    icon?: string;
+    image?: string;
+    imageStyle?: CSSProperties;
+    imageType?: ImageContainerType;
+    link?: string;
+    openExternal?: boolean;
+    row?: number;
+    title: string;
+}
+export interface FeatureItemProps extends FeatureItem, DivProps {
+}
+declare const Item: import("react").NamedExoticComponent<FeatureItemProps>;
+export default Item;

package/es/Features/Item.js

@@ -0,0 +1,105 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["style", "className", "row", "column", "description", "image", "title", "link", "icon", "imageStyle", "openExternal"];
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+import { Icon } from "./..";
+import { Link, history } from 'dumi';
+import * as LucideIcon from 'lucide-react';
+import { memo } from 'react';
+import { Center, Flexbox } from 'react-layout-kit';
+import { useStyles } from "./Item.style";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var Image = /*#__PURE__*/memo(function (_ref) {
+  var image = _ref.image,
+    className = _ref.className,
+    title = _ref.title;
+  return image.startsWith('http') ? /*#__PURE__*/_jsx("img", {
+    alt: title,
+    className: className,
+    src: image
+  }) : /*#__PURE__*/_jsx(Center, {
+    className: className,
+    children: image
+  });
+});
+var Item = /*#__PURE__*/memo(function (_ref2) {
+  var style = _ref2.style,
+    className = _ref2.className,
+    row = _ref2.row,
+    column = _ref2.column,
+    description = _ref2.description,
+    image = _ref2.image,
+    title = _ref2.title,
+    link = _ref2.link,
+    icon = _ref2.icon,
+    imageStyle = _ref2.imageStyle,
+    openExternal = _ref2.openExternal,
+    props = _objectWithoutProperties(_ref2, _excluded);
+  var rowNum = row || 7;
+  var _useStyles = useStyles({
+      rowNum: rowNum,
+      hasLink: Boolean(link)
+    }),
+    styles = _useStyles.styles,
+    cx = _useStyles.cx;
+
+  // @ts-ignore
+  var FeatureIcon = icon && LucideIcon[icon];
+  return /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({
+    className: cx(styles.container, className),
+    onClick: function onClick() {
+      if (!link) return;
+      if (openExternal) {
+        window.open(link);
+      } else {
+        history.push(link);
+      }
+    },
+    style: _objectSpread({
+      gridRow: "span ".concat(rowNum),
+      gridColumn: "span ".concat(column || 1),
+      cursor: link ? 'pointer' : 'default'
+    }, style)
+  }, props), {}, {
+    children: /*#__PURE__*/_jsxs("div", {
+      className: styles.cell,
+      children: [image && /*#__PURE__*/_jsx(Center, {
+        className: styles.imgContainer,
+        style: imageStyle,
+        children: /*#__PURE__*/_jsx(Image, {
+          className: styles.img,
+          image: image,
+          title: title
+        })
+      }), FeatureIcon && /*#__PURE__*/_jsx(Center, {
+        className: styles.imgContainer,
+        style: imageStyle,
+        children: /*#__PURE__*/_jsx(Icon, {
+          className: styles.img,
+          icon: FeatureIcon
+        })
+      }), title && /*#__PURE__*/_jsx(Flexbox, {
+        align: 'center',
+        as: 'h3',
+        className: styles.title,
+        gap: 8,
+        horizontal: true,
+        children: title
+      }), description && /*#__PURE__*/_jsx("p", {
+        className: styles.desc,
+        dangerouslySetInnerHTML: {
+          __html: description
+        }
+      }), link && /*#__PURE__*/_jsx("div", {
+        className: styles.link,
+        children: /*#__PURE__*/_jsx(Link, {
+          to: link,
+          children: "Read More"
+        })
+      })]
+    })
+  }));
+});
+export default Item;

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

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

package/es/Features/Item.style.js

@@ -0,0 +1,34 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9;
+import { createStyles } from 'antd-style';
+export var useStyles = createStyles(function (_ref, _ref2) {
+  var token = _ref.token,
+    prefixCls = _ref.prefixCls,
+    css = _ref.css,
+    cx = _ref.cx;
+  var rowNum = _ref2.rowNum,
+    hasLink = _ref2.hasLink;
+  var prefix = "".concat(prefixCls, "-features");
+  var coverCls = "".concat(prefix, "-cover");
+  var descCls = "".concat(prefix, "-description");
+  var titleCls = "".concat(prefix, "-title");
+  var imgCls = "".concat(prefix, "-img");
+
+  // 通过简单估计，缩放值乘以 rowNum 就可以得到合适的尺寸
+  var scaleUnit = 20;
+
+  // 尺寸工具
+  var genSize = function genSize(size) {
+    return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      width: ", "px;\n      height: ", "px;\n      font-size: ", "px;\n    "])), size, size, size * (22 / 24));
+  };
+  var withTransition = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      transition: all ", " ", ";\n    "])), token.motionDurationSlow, token.motionEaseInOutCirc);
+  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)),
+    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.colorWhite)),
+    link: css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n        ", ";\n        margin-top: 24px;\n      "])), withTransition)
+  };
+});

package/es/Features/index.d.ts

@@ -0,0 +1,12 @@
+import { CSSProperties } from 'react';
+import { DivProps } from "../types";
+import { type FeatureItem } from './Item';
+export type { FeatureItem } from './Item';
+export interface FeaturesProps extends DivProps {
+    contentMaxWidth?: number;
+    itemClassName?: string;
+    itemStyle?: CSSProperties;
+    items: FeatureItem[];
+}
+declare const Features: import("react").NamedExoticComponent<FeaturesProps>;
+export default Features;

package/es/Features/index.js

@@ -0,0 +1,33 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["items", "contentMaxWidth", "className", "itemClassName", "itemStyle"];
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+import { memo } from 'react';
+import { default as Item } from "./Item";
+import { useStyles } from "./style";
+import { jsx as _jsx } from "react/jsx-runtime";
+var Features = /*#__PURE__*/memo(function (_ref) {
+  var items = _ref.items,
+    _ref$contentMaxWidth = _ref.contentMaxWidth,
+    contentMaxWidth = _ref$contentMaxWidth === void 0 ? 960 : _ref$contentMaxWidth,
+    className = _ref.className,
+    itemClassName = _ref.itemClassName,
+    itemStyle = _ref.itemStyle,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var _useStyles = useStyles(contentMaxWidth),
+    cx = _useStyles.cx,
+    styles = _useStyles.styles;
+  if (!(items !== null && items !== void 0 && items.length)) return null;
+  return /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({
+    className: cx(styles.container, className)
+  }, props), {}, {
+    children: items.map(function (item) {
+      return /*#__PURE__*/_jsx(Item, _objectSpread({
+        className: itemClassName,
+        style: itemStyle
+      }, item), item.title);
+    })
+  }));
+});
+export default Features;

package/es/Features/style.d.ts

@@ -0,0 +1,3 @@
+export declare const useStyles: (props?: number | undefined) => import("antd-style").ReturnStyles<{
+    container: string;
+}>;

package/es/Features/style.js

@@ -0,0 +1,18 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+var _templateObject, _templateObject2;
+import { createStyles } from 'antd-style';
+export var useStyles = createStyles(function (_ref, contentMaxWidth) {
+  var prefixCls = _ref.prefixCls,
+    responsive = _ref.responsive,
+    css = _ref.css,
+    cx = _ref.cx;
+  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)'
+      }
+    })))
+  };
+});

package/es/Footer/index.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { FooterProps as RcProps } from 'rc-footer';
+export interface FooterProps {
+    bottom?: RcProps['bottom'];
+    columns: RcProps['columns'];
+    contentMaxWidth?: number;
+    theme?: RcProps['theme'];
+}
+declare const Footer: import("react").NamedExoticComponent<FooterProps>;
+export default Footer;

package/es/Footer/index.js

@@ -0,0 +1,27 @@
+import RcFooter from 'rc-footer';
+import { memo } from 'react';
+import { useStyles } from "./style";
+import { jsx as _jsx } from "react/jsx-runtime";
+var Footer = /*#__PURE__*/memo(function (_ref) {
+  var columns = _ref.columns,
+    bottom = _ref.bottom,
+    theme = _ref.theme,
+    _ref$contentMaxWidth = _ref.contentMaxWidth,
+    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
+    }),
+    styles = _useStyles.styles;
+  return /*#__PURE__*/_jsx("section", {
+    className: styles.container,
+    children: /*#__PURE__*/_jsx(RcFooter, {
+      bottom: bottom,
+      className: styles.footer,
+      columns: columns,
+      theme: theme
+    })
+  });
+});
+export default Footer;

package/es/Footer/style.d.ts

@@ -0,0 +1,7 @@
+export declare const useStyles: (props?: {
+    contentMaxWidth: number;
+    isEmpty: boolean;
+} | undefined) => import("antd-style").ReturnStyles<{
+    container: import("antd-style").SerializedStyles;
+    footer: import("antd-style").SerializedStyles;
+}>;

package/es/Footer/style.js

@@ -0,0 +1,15 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+var _templateObject, _templateObject2;
+import { createStyles } from 'antd-style';
+export var useStyles = createStyles(function (_ref, _ref2) {
+  var css = _ref.css,
+    responsive = _ref.responsive,
+    token = _ref.token;
+  var isEmpty = _ref2.isEmpty,
+    contentMaxWidth = _ref2.contentMaxWidth;
+  var prefix = "rc-footer";
+  return {
+    container: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        grid-area: footer;\n        align-self: stretch;\n\n        color: ", ";\n        text-align: center;\n\n        border-top: 1px solid ", ";\n\n        ", " {\n          flex-direction: column;\n          border: none;\n        }\n      "])), token.colorTextDescription, token.colorSplit, responsive.mobile),
+    footer: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n        font-size: 14px;\n        line-height: 1.5;\n        color: ", ";\n        background-color: ", ";\n\n        &.", " {\n          a {\n            color: ", ";\n            text-decoration: none;\n            transition: all 0.3s;\n\n            &:hover {\n              color: ", ";\n            }\n          }\n        }\n\n        .", " {\n          &-container {\n            width: 100%;\n            max-width: ", "px;\n            margin: auto;\n            padding: ", ";\n          }\n\n          &-columns {\n            display: flex;\n            justify-content: space-around;\n          }\n\n          &-column {\n            text-align: left;\n\n            h2 {\n              position: relative;\n\n              margin: 0 auto;\n\n              font-size: 16px;\n              font-weight: 500;\n              color: ", ";\n            }\n\n            &-icon {\n              position: relative;\n              top: -1px;\n\n              display: inline-block;\n\n              width: 22px;\n              margin-inline-end: 0.5em;\n\n              text-align: center;\n              vertical-align: middle;\n\n              > span,\n              > svg,\n              img {\n                display: block;\n                width: 100%;\n              }\n            }\n          }\n\n          &-item {\n            margin: 12px 0;\n\n            &-icon {\n              position: relative;\n              top: -1px;\n\n              display: inline-block;\n\n              width: 16px;\n              margin-inline-end: 0.4em;\n\n              text-align: center;\n              vertical-align: middle;\n\n              > span,\n              > svg,\n              img {\n                display: block;\n                width: 100%;\n              }\n            }\n\n            &-separator {\n              margin: 0 0.3em;\n            }\n          }\n\n          &-bottom {\n            color: ", ";\n\n            &-container {\n              width: 100%;\n              max-width: ", "px;\n              margin: 0 auto;\n              padding: 16px 0;\n\n              line-height: 32px;\n              text-align: center;\n            }\n          }\n\n          &-light {\n            color: rgba(0, 0, 0, 85%);\n            background-color: transparent;\n\n            h2,\n            a {\n              color: rgba(0, 0, 0, 85%);\n            }\n          }\n\n          &-light &-bottom-container {\n            border-top-color: #e8e8e8;\n          }\n\n          &-light &-item-separator,\n          &-light &-item-description {\n            color: rgba(0, 0, 0, 45%);\n          }\n        }\n\n        ", " {\n          .", " {\n            &-container {\n              padding: 40px 0;\n            }\n\n            &-columns {\n              display: block;\n            }\n\n            &-column {\n              display: block;\n              margin-bottom: 40px;\n              text-align: center;\n\n              &:last-child {\n                margin-bottom: 0;\n              }\n            }\n          }\n        }\n      "])), token.colorTextSecondary, token.colorBgLayout, prefix, token.colorTextTertiary, token.colorLinkHover, prefix, contentMaxWidth, isEmpty ? '0' : '60px 0 20px', token.colorText, token.colorTextDescription, contentMaxWidth, responsive.mobile, prefix)
+  };
+});

package/es/GradientButton/index.d.ts

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

package/es/GradientButton/index.js

@@ -0,0 +1,28 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["children", "className"];
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(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 children = _ref.children,
+    className = _ref.className,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var _useStyles = useStyles(),
+    styles = _useStyles.styles,
+    cx = _useStyles.cx;
+  return /*#__PURE__*/_jsxs(Button, _objectSpread(_objectSpread({
+    className: cx(styles.button, className)
+  }, props), {}, {
+    children: [/*#__PURE__*/_jsx("div", {
+      className: styles.glow
+    }), /*#__PURE__*/_jsx("div", {
+      className: styles.bg
+    }), children]
+  }));
+});
+export default GradientButton;

package/es/GradientButton/style.d.ts

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

package/es/GradientButton/style.js

@@ -0,0 +1,14 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+var _templateObject, _templateObject2, _templateObject3;
+import { createStyles } from 'antd-style';
+export var useStyles = createStyles(function (_ref) {
+  var css = _ref.css,
+    token = _ref.token,
+    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),
+    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.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+import { DivProps } from "../types";
+export interface HeaderProps extends DivProps {
+    actions?: ReactNode;
+    logo?: ReactNode;
+    nav?: ReactNode;
+}
+declare const Header: import("react").NamedExoticComponent<HeaderProps>;
+export default Header;

package/es/Header/index.js

@@ -0,0 +1,58 @@
+import { useResponsive } from 'antd-style';
+import { memo } from 'react';
+import { Flexbox } from 'react-layout-kit';
+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 Header = /*#__PURE__*/memo(function (_ref) {
+  var nav = _ref.nav,
+    logo = _ref.logo,
+    actions = _ref.actions;
+  var _useResponsive = useResponsive(),
+    mobile = _useResponsive.mobile;
+  var _useStyles = useStyles(),
+    styles = _useStyles.styles;
+  return /*#__PURE__*/_jsx("section", {
+    className: styles.header,
+    children: /*#__PURE__*/_jsx(Flexbox, {
+      align: 'center',
+      className: styles.content,
+      distribution: 'space-between',
+      horizontal: true,
+      width: 'auto',
+      children: mobile ? /*#__PURE__*/_jsxs(_Fragment, {
+        children: [/*#__PURE__*/_jsx(Flexbox, {
+          children: nav
+        }), /*#__PURE__*/_jsx(Flexbox, {
+          className: styles.left,
+          horizontal: true,
+          children: logo
+        }), /*#__PURE__*/_jsx(Flexbox, {
+          children: actions
+        })]
+      }) : /*#__PURE__*/_jsxs(_Fragment, {
+        children: [/*#__PURE__*/_jsx(Flexbox, {
+          className: styles.left,
+          horizontal: true,
+          children: logo
+        }), /*#__PURE__*/_jsx(Flexbox, {
+          style: {
+            marginLeft: 48,
+            alignSelf: 'end'
+          },
+          children: nav
+        }), /*#__PURE__*/_jsxs("section", {
+          className: styles.right,
+          children: [/*#__PURE__*/_jsx("div", {}), /*#__PURE__*/_jsx(Flexbox, {
+            align: 'center',
+            gap: 8,
+            horizontal: true,
+            children: actions
+          })]
+        })]
+      })
+    })
+  });
+});
+export default Header;

package/es/Header/style.d.ts

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

package/es/Header/style.js

@@ -0,0 +1,16 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+import { createStyles } from 'antd-style';
+import { rgba } from 'polished';
+export var useStyles = createStyles(function (_ref) {
+  var css = _ref.css,
+    responsive = _ref.responsive,
+    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),
+    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/index.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+export interface HeroAction {
+    icon?: string;
+    link: string;
+    openExternal?: boolean;
+    text: string;
+    type?: 'primary' | 'default';
+}
+export interface HeroProps {
+    actions?: HeroAction[];
+    description?: string;
+    title?: string;
+}
+declare const Hero: import("react").NamedExoticComponent<HeroProps>;
+export default Hero;

package/es/Hero/index.js

@@ -0,0 +1,85 @@
+import { GradientButton, Icon } from "./..";
+import { Button, ConfigProvider, Space } from 'antd';
+import { useResponsive } from 'antd-style';
+import { Link } from 'dumi';
+import * as LucideIcon from 'lucide-react';
+import { memo, useCallback } from 'react';
+import { Center, Flexbox } from 'react-layout-kit';
+import { useStyles } from "./style";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var Hero = /*#__PURE__*/memo(function (_ref) {
+  var title = _ref.title,
+    description = _ref.description,
+    actions = _ref.actions;
+  var _useStyles = useStyles(),
+    styles = _useStyles.styles;
+  var _useResponsive = useResponsive(),
+    mobile = _useResponsive.mobile;
+  var ButtonGroups = useCallback(function () {
+    return Boolean(actions === null || actions === void 0 ? void 0 : actions.length) && /*#__PURE__*/_jsx(Space, {
+      className: styles.actions,
+      direction: mobile ? 'vertical' : 'horizontal',
+      size: 24,
+      children: actions.map(function (_ref2, index) {
+        var text = _ref2.text,
+          link = _ref2.link,
+          openExternal = _ref2.openExternal,
+          icon = _ref2.icon,
+          type = _ref2.type;
+        // @ts-ignore
+        var ButtonIcon = icon && LucideIcon[icon];
+        return /*#__PURE__*/_jsx(Link, {
+          rel: "noreferrer",
+          target: openExternal ? '_blank' : undefined,
+          to: link,
+          children: type === 'primary' ? /*#__PURE__*/_jsx(GradientButton, {
+            size: "large",
+            children: text
+          }, index) : /*#__PURE__*/_jsx(Button, {
+            size: "large",
+            type: "primary",
+            children: /*#__PURE__*/_jsxs(Space, {
+              align: "center",
+              children: [ButtonIcon && /*#__PURE__*/_jsx(Icon, {
+                icon: ButtonIcon,
+                size: {
+                  fontSize: 18,
+                  strokeWidth: 2
+                }
+              }), text]
+            })
+          }, index)
+        }, text);
+      })
+    });
+  }, [actions]);
+  return /*#__PURE__*/_jsx(ConfigProvider, {
+    theme: {
+      token: {
+        fontSize: 16
+      }
+    },
+    children: /*#__PURE__*/_jsxs(Flexbox, {
+      className: styles.container,
+      distribution: 'center',
+      horizontal: true,
+      children: [/*#__PURE__*/_jsx("div", {
+        className: styles.canvas
+      }), /*#__PURE__*/_jsxs(Center, {
+        children: [title && /*#__PURE__*/_jsx("h1", {
+          className: styles.title,
+          dangerouslySetInnerHTML: {
+            __html: title
+          }
+        }), description && /*#__PURE__*/_jsx("p", {
+          className: styles.desc,
+          dangerouslySetInnerHTML: {
+            __html: description
+          }
+        }), /*#__PURE__*/_jsx(ButtonGroups, {})]
+      })]
+    })
+  });
+});
+export default Hero;

package/es/Hero/style.d.ts

@@ -0,0 +1,7 @@
+export declare const useStyles: (props?: unknown) => import("antd-style").ReturnStyles<{
+    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;
+}>;