@lobehub/ui 3.4.2 → 3.4.4

package/es/awesome/AuroraBackground/AuroraBackground.d.mts

@@ -0,0 +1,8 @@
+import { AuroraBackgroundProps } from "./type.mjs";
+import * as react114 from "react";
+
+//#region src/awesome/AuroraBackground/AuroraBackground.d.ts
+declare const AuroraBackground: react114.NamedExoticComponent<AuroraBackgroundProps>;
+//#endregion
+export { AuroraBackground };
+//# sourceMappingURL=AuroraBackground.d.mts.map

package/es/awesome/AuroraBackground/AuroraBackground.mjs

@@ -0,0 +1,35 @@
+'use client';
+
+import FlexBasic_default from "../../Flex/FlexBasic.mjs";
+import { useStyles } from "./style.mjs";
+import { memo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/awesome/AuroraBackground/AuroraBackground.tsx
+const AuroraBackground = memo(({ ref, classNames, styles: customStyles, children, ...rest }) => {
+	const { cx, styles } = useStyles();
+	return /* @__PURE__ */ jsxs(FlexBasic_default, {
+		ref,
+		...rest,
+		children: [/* @__PURE__ */ jsx(FlexBasic_default, {
+			className: cx(styles.wrapper, classNames?.wrapper),
+			style: customStyles?.wrapper,
+			children: /* @__PURE__ */ jsx("div", { className: styles.bg })
+		}), /* @__PURE__ */ jsx(FlexBasic_default, {
+			className: classNames?.content,
+			flex: 1,
+			style: {
+				zIndex: 1,
+				...customStyles?.content
+			},
+			width: "100%",
+			children
+		})]
+	});
+});
+AuroraBackground.displayName = "AuroraBackground";
+var AuroraBackground_default = AuroraBackground;
+
+//#endregion
+export { AuroraBackground_default as default };
+//# sourceMappingURL=AuroraBackground.mjs.map

package/es/awesome/AuroraBackground/AuroraBackground.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AuroraBackground.mjs","names":["Flexbox"],"sources":["../../../src/awesome/AuroraBackground/AuroraBackground.tsx"],"sourcesContent":["'use client';\n\nimport { memo } from 'react';\n\nimport { Flexbox } from '@/Flex';\n\nimport { useStyles } from './style';\nimport type { AuroraBackgroundProps } from './type';\n\nconst AuroraBackground = memo<AuroraBackgroundProps>(\n  ({ ref, classNames, styles: customStyles, children, ...rest }) => {\n    const { cx, styles } = useStyles();\n    return (\n      <Flexbox ref={ref} {...rest}>\n        <Flexbox className={cx(styles.wrapper, classNames?.wrapper)} style={customStyles?.wrapper}>\n          <div className={styles.bg} />\n        </Flexbox>\n        <Flexbox\n          className={classNames?.content}\n          flex={1}\n          style={{ zIndex: 1, ...customStyles?.content }}\n          width={'100%'}\n        >\n          {children}\n        </Flexbox>\n      </Flexbox>\n    );\n  },\n);\n\nAuroraBackground.displayName = 'AuroraBackground';\n\nexport default AuroraBackground;\n"],"mappings":";;;;;;;;AASA,MAAM,mBAAmB,MACtB,EAAE,KAAK,YAAY,QAAQ,cAAc,UAAU,GAAG,WAAW;CAChE,MAAM,EAAE,IAAI,WAAW,WAAW;AAClC,QACE,qBAACA;EAAa;EAAK,GAAI;aACrB,oBAACA;GAAQ,WAAW,GAAG,OAAO,SAAS,YAAY,QAAQ;GAAE,OAAO,cAAc;aAChF,oBAAC,SAAI,WAAW,OAAO,KAAM;IACrB,EACV,oBAACA;GACC,WAAW,YAAY;GACvB,MAAM;GACN,OAAO;IAAE,QAAQ;IAAG,GAAG,cAAc;IAAS;GAC9C,OAAO;GAEN;IACO;GACF;EAGf;AAED,iBAAiB,cAAc;AAE/B,+BAAe"}

package/es/awesome/AuroraBackground/index.d.mts

@@ -0,0 +1,2 @@
+import { AuroraBackgroundProps } from "./type.mjs";
+import { AuroraBackground } from "./AuroraBackground.mjs";

package/es/awesome/AuroraBackground/style.mjs

@@ -0,0 +1,104 @@
+import { createStyles, keyframes } from "antd-style";
+
+//#region src/awesome/AuroraBackground/style.ts
+const useStyles = createStyles(({ cx: cx$1, isDarkMode, css: css$1, responsive }) => {
+	const aurora = keyframes`
+  0% {
+    background-position: 50% 50%, 50% 50%;
+  }
+  100% {
+    background-position: 350% 50%, 350% 50%;
+  }
+`;
+	const dark = css$1`
+    background-image:
+      repeating-linear-gradient(
+        100deg,
+        rgb(0, 0, 0) 0%,
+        rgb(0, 0, 0) 7%,
+        rgba(0, 0, 0, 0%) 10%,
+        rgba(0, 0, 0, 0%) 12%,
+        rgb(0, 0, 0) 16%
+      ),
+      repeating-linear-gradient(
+        100deg,
+        rgb(59, 130, 246) 10%,
+        rgb(165, 180, 252) 15%,
+        rgb(147, 197, 253) 20%,
+        rgb(221, 214, 254) 25%,
+        rgb(96, 165, 250) 30%
+      );
+  `;
+	const light = css$1`
+    background-image:
+      repeating-linear-gradient(
+        100deg,
+        rgb(255, 255, 255) 0%,
+        rgb(255, 255, 255) 7%,
+        rgba(0, 0, 0, 0%) 10%,
+        rgba(0, 0, 0, 0%) 12%,
+        rgb(255, 255, 255) 16%
+      ),
+      repeating-linear-gradient(
+        100deg,
+        rgb(59, 130, 246) 10%,
+        rgb(165, 180, 252) 15%,
+        rgb(147, 197, 253) 20%,
+        rgb(221, 214, 254) 25%,
+        rgb(96, 165, 250) 30%
+      );
+  `;
+	const background = isDarkMode ? dark : light;
+	return {
+		bg: cx$1(background, css$1`
+        pointer-events: none;
+        will-change: transform;
+
+        position: absolute;
+        inset: -10px;
+
+        max-height: 100vh;
+
+        opacity: ${isDarkMode ? .3 : .6};
+        background-position:
+          50% 50%,
+          50% 50%;
+        background-size: 300%, 200%;
+        filter: blur(10px) invert(${isDarkMode ? 0 : 1});
+
+        animation: ${aurora} 100s linear infinite;
+
+        mask-image: radial-gradient(at 100% 0, rgb(0, 0, 0) 10%, rgba(0, 0, 0, 0%) 70%);
+
+        &::after {
+          ${background};
+          position: absolute;
+
+          content: '';
+
+          inset: 0;
+
+          animation: ${aurora} 100s linear infinite;
+
+          mix-blend-mode: difference;
+          background-attachment: fixed;
+          background-size: 200%, 100%;
+        }
+
+        ${responsive.mobile} {
+          transform: scale(2);
+          max-height: 25vh;
+        }
+      `),
+		wrapper: css$1`
+      position: absolute;
+      z-index: 0;
+      inset: 0;
+      overflow: hidden;
+    `
+	};
+});
+
+//#endregion
+export { useStyles };
+//# sourceMappingURL=style.mjs.map

package/es/awesome/AuroraBackground/style.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","names":["cx"],"sources":["../../../src/awesome/AuroraBackground/style.ts"],"sourcesContent":["import { createStyles, keyframes } from 'antd-style';\n\nexport const useStyles = createStyles(({ cx, isDarkMode, css, responsive }) => {\n  const aurora = keyframes`\n  0% {\n    background-position: 50% 50%, 50% 50%;\n  }\n  100% {\n    background-position: 350% 50%, 350% 50%;\n  }\n`;\n\n  const dark = css`\n    background-image:\n      repeating-linear-gradient(\n        100deg,\n        rgb(0, 0, 0) 0%,\n        rgb(0, 0, 0) 7%,\n        rgba(0, 0, 0, 0%) 10%,\n        rgba(0, 0, 0, 0%) 12%,\n        rgb(0, 0, 0) 16%\n      ),\n      repeating-linear-gradient(\n        100deg,\n        rgb(59, 130, 246) 10%,\n        rgb(165, 180, 252) 15%,\n        rgb(147, 197, 253) 20%,\n        rgb(221, 214, 254) 25%,\n        rgb(96, 165, 250) 30%\n      );\n  `;\n\n  const light = css`\n    background-image:\n      repeating-linear-gradient(\n        100deg,\n        rgb(255, 255, 255) 0%,\n        rgb(255, 255, 255) 7%,\n        rgba(0, 0, 0, 0%) 10%,\n        rgba(0, 0, 0, 0%) 12%,\n        rgb(255, 255, 255) 16%\n      ),\n      repeating-linear-gradient(\n        100deg,\n        rgb(59, 130, 246) 10%,\n        rgb(165, 180, 252) 15%,\n        rgb(147, 197, 253) 20%,\n        rgb(221, 214, 254) 25%,\n        rgb(96, 165, 250) 30%\n      );\n  `;\n\n  const background = isDarkMode ? dark : light;\n\n  return {\n    bg: cx(\n      background,\n      css`\n        pointer-events: none;\n        will-change: transform;\n\n        position: absolute;\n        inset: -10px;\n\n        max-height: 100vh;\n\n        opacity: ${isDarkMode ? 0.3 : 0.6};\n        background-position:\n          50% 50%,\n          50% 50%;\n        background-size: 300%, 200%;\n        filter: blur(10px) invert(${isDarkMode ? 0 : 1});\n\n        animation: ${aurora} 100s linear infinite;\n\n        mask-image: radial-gradient(at 100% 0, rgb(0, 0, 0) 10%, rgba(0, 0, 0, 0%) 70%);\n\n        &::after {\n          ${background};\n          position: absolute;\n\n          content: '';\n\n          inset: 0;\n\n          animation: ${aurora} 100s linear infinite;\n\n          mix-blend-mode: difference;\n          background-attachment: fixed;\n          background-size: 200%, 100%;\n        }\n\n        ${responsive.mobile} {\n          transform: scale(2);\n          max-height: 25vh;\n        }\n      `,\n    ),\n    wrapper: css`\n      position: absolute;\n      z-index: 0;\n      inset: 0;\n      overflow: hidden;\n    `,\n  };\n});\n"],"mappings":";;;AAEA,MAAa,YAAY,cAAc,EAAE,UAAI,YAAY,YAAK,iBAAiB;CAC7E,MAAM,SAAS,SAAS;;;;;;;;CASxB,MAAM,OAAO,KAAG;;;;;;;;;;;;;;;;;;;CAoBhB,MAAM,QAAQ,KAAG;;;;;;;;;;;;;;;;;;;CAoBjB,MAAM,aAAa,aAAa,OAAO;AAEvC,QAAO;EACL,IAAIA,KACF,YACA,KAAG;;;;;;;;;mBASU,aAAa,KAAM,GAAI;;;;;oCAKN,aAAa,IAAI,EAAE;;qBAElC,OAAO;;;;;YAKhB,WAAW;;;;;;;uBAOA,OAAO;;;;;;;UAOpB,WAAW,OAAO;;;;QAKvB;EACD,SAAS,KAAG;;;;;;EAMb;EACD"}

package/es/awesome/AuroraBackground/type.d.mts

@@ -0,0 +1,19 @@
+import { FlexboxProps } from "../../Flex/type.mjs";
+import "../../Flex/index.mjs";
+import { CSSProperties, Ref } from "react";
+
+//#region src/awesome/AuroraBackground/type.d.ts
+interface AuroraBackgroundProps extends FlexboxProps {
+  classNames?: {
+    content?: string;
+    wrapper?: string;
+  };
+  ref?: Ref<HTMLDivElement>;
+  styles?: {
+    content?: CSSProperties;
+    wrapper?: CSSProperties;
+  };
+}
+//#endregion
+export { AuroraBackgroundProps };
+//# sourceMappingURL=type.d.mts.map

package/es/awesome/BottomGradientButton/BottomGradientButton.d.mts

@@ -0,0 +1,9 @@
+import { ButtonProps } from "../../Button/type.mjs";
+import "../../Button/index.mjs";
+import * as react115 from "react";
+
+//#region src/awesome/BottomGradientButton/BottomGradientButton.d.ts
+declare const BottomGradientButton: react115.NamedExoticComponent<ButtonProps>;
+//#endregion
+export { BottomGradientButton };
+//# sourceMappingURL=BottomGradientButton.d.mts.map

package/es/awesome/BottomGradientButton/BottomGradientButton.mjs

@@ -0,0 +1,30 @@
+'use client';
+
+import Button_default from "../../Button/Button.mjs";
+import { useStyles } from "./style.mjs";
+import { memo } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/awesome/BottomGradientButton/BottomGradientButton.tsx
+const BottomGradientButton = memo(({ className, children, style, ref, ...rest }) => {
+	const { cx, styles } = useStyles();
+	return /* @__PURE__ */ jsx(Button_default, {
+		className: cx(styles, className),
+		ref,
+		shape: "round",
+		style: {
+			paddingInline: 16,
+			width: "unset",
+			...style
+		},
+		variant: "filled",
+		...rest,
+		children
+	});
+});
+BottomGradientButton.displayName = "BottomGradientButton";
+var BottomGradientButton_default = BottomGradientButton;
+
+//#endregion
+export { BottomGradientButton_default as default };
+//# sourceMappingURL=BottomGradientButton.mjs.map

package/es/awesome/BottomGradientButton/BottomGradientButton.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomGradientButton.mjs","names":["Button"],"sources":["../../../src/awesome/BottomGradientButton/BottomGradientButton.tsx"],"sourcesContent":["'use client';\n\nimport { memo } from 'react';\n\nimport Button from '@/Button';\n\nimport { useStyles } from './style';\nimport type { BottomGradientButtonProps } from './type';\n\nconst BottomGradientButton = memo<BottomGradientButtonProps>(\n  ({ className, children, style, ref, ...rest }) => {\n    const { cx, styles } = useStyles();\n\n    return (\n      <Button\n        className={cx(styles, className)}\n        ref={ref}\n        shape={'round'}\n        style={{\n          paddingInline: 16,\n          width: 'unset',\n          ...style,\n        }}\n        variant={'filled'}\n        {...rest}\n      >\n        {children}\n      </Button>\n    );\n  },\n);\n\nBottomGradientButton.displayName = 'BottomGradientButton';\n\nexport default BottomGradientButton;\n"],"mappings":";;;;;;;;AASA,MAAM,uBAAuB,MAC1B,EAAE,WAAW,UAAU,OAAO,KAAK,GAAG,WAAW;CAChD,MAAM,EAAE,IAAI,WAAW,WAAW;AAElC,QACE,oBAACA;EACC,WAAW,GAAG,QAAQ,UAAU;EAC3B;EACL,OAAO;EACP,OAAO;GACL,eAAe;GACf,OAAO;GACP,GAAG;GACJ;EACD,SAAS;EACT,GAAI;EAEH;GACM;EAGd;AAED,qBAAqB,cAAc;AAEnC,mCAAe"}

package/es/awesome/BottomGradientButton/index.d.mts

@@ -0,0 +1,2 @@
+import { BottomGradientButton } from "./BottomGradientButton.mjs";
+import { BottomGradientButtonProps } from "./type.mjs";

package/es/awesome/BottomGradientButton/style.mjs

@@ -0,0 +1,36 @@
+import { createStyles } from "antd-style";
+
+//#region src/awesome/BottomGradientButton/style.ts
+const useStyles = createStyles(({ cx: cx$1, stylish, css: css$1, token }) => cx$1(stylish.resetLinkColor, css$1`
+      overflow: hidden;
+      font-weight: bold;
+      color: ${token.colorTextSecondary};
+      transition: all 0.2s ease-in-out;
+
+      &::before {
+        content: '';
+
+        position: absolute;
+        inset-block-end: 0;
+
+        display: block;
+
+        width: 50%;
+        height: 1px;
+
+        opacity: 0;
+        background-image: linear-gradient(to right, transparent, ${token.gold}, transparent);
+
+        transition: all 0.2s ease-in-out;
+      }
+
+      &:hover {
+        &::before {
+          opacity: 1;
+        }
+      }
+    `));
+
+//#endregion
+export { useStyles };
+//# sourceMappingURL=style.mjs.map

package/es/awesome/BottomGradientButton/style.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","names":["cx"],"sources":["../../../src/awesome/BottomGradientButton/style.ts"],"sourcesContent":["import { createStyles } from 'antd-style';\n\nexport const useStyles = createStyles(({ cx, stylish, css, token }) =>\n  cx(\n    stylish.resetLinkColor,\n    css`\n      overflow: hidden;\n      font-weight: bold;\n      color: ${token.colorTextSecondary};\n      transition: all 0.2s ease-in-out;\n\n      &::before {\n        content: '';\n\n        position: absolute;\n        inset-block-end: 0;\n\n        display: block;\n\n        width: 50%;\n        height: 1px;\n\n        opacity: 0;\n        background-image: linear-gradient(to right, transparent, ${token.gold}, transparent);\n\n        transition: all 0.2s ease-in-out;\n      }\n\n      &:hover {\n        &::before {\n          opacity: 1;\n        }\n      }\n    `,\n  ),\n);\n"],"mappings":";;;AAEA,MAAa,YAAY,cAAc,EAAE,UAAI,SAAS,YAAK,YACzDA,KACE,QAAQ,gBACR,KAAG;;;eAGQ,MAAM,mBAAmB;;;;;;;;;;;;;;;mEAe2B,MAAM,KAAK;;;;;;;;;;MAW3E,CACF"}

package/es/awesome/BottomGradientButton/type.d.mts

@@ -0,0 +1,8 @@
+import { ButtonProps } from "../../Button/type.mjs";
+import "../../Button/index.mjs";
+
+//#region src/awesome/BottomGradientButton/type.d.ts
+type BottomGradientButtonProps = ButtonProps;
+//#endregion
+export { BottomGradientButtonProps };
+//# sourceMappingURL=type.d.mts.map

package/es/awesome/Features/FeatureItem.mjs

@@ -0,0 +1,86 @@
+'use client';
+
+import A_default from "../../A/index.mjs";
+import FlexBasic_default from "../../Flex/FlexBasic.mjs";
+import Center_default from "../../Flex/Center.mjs";
+import Icon_default from "../../Icon/Icon.mjs";
+import Text_default from "../../Text/Text.mjs";
+import Img_default from "../../Img/index.mjs";
+import { useStyles } from "./style.mjs";
+import { memo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/awesome/Features/FeatureItem.tsx
+const Image = memo(({ image, className, title, style }) => {
+	return image.startsWith("http") ? /* @__PURE__ */ jsx(Img_default, {
+		alt: title,
+		className,
+		src: image,
+		style
+	}) : /* @__PURE__ */ jsx(Center_default, {
+		className,
+		style,
+		children: image
+	});
+});
+const Item = memo(({ style, className, row, column, description, image, title, link, icon, imageStyle, openExternal, ...rest }) => {
+	const rowNumber = row || 7;
+	const { styles, cx } = useStyles({
+		hasLink: Boolean(link),
+		rowNum: rowNumber
+	});
+	return /* @__PURE__ */ jsx("div", {
+		className: cx(styles.container, className),
+		style: {
+			gridColumn: `span ${column || 1}`,
+			gridRow: `span ${rowNumber}`,
+			...style
+		},
+		...rest,
+		children: /* @__PURE__ */ jsxs("div", {
+			className: styles.cell,
+			children: [
+				image || icon && /* @__PURE__ */ jsxs(Center_default, {
+					className: styles.imgContainer,
+					style: imageStyle,
+					children: [icon && /* @__PURE__ */ jsx(Icon_default, {
+						className: styles.img,
+						icon
+					}), image && /* @__PURE__ */ jsx(Image, {
+						className: styles.img,
+						image,
+						title
+					})]
+				}),
+				title && /* @__PURE__ */ jsx(FlexBasic_default, {
+					align: "center",
+					as: "h3",
+					className: styles.title,
+					gap: 8,
+					horizontal: true,
+					children: title
+				}),
+				description && /* @__PURE__ */ jsx(Text_default, {
+					className: styles.desc,
+					ellipsis: { rows: 4 },
+					children: description
+				}),
+				link && /* @__PURE__ */ jsx("div", {
+					className: styles.link,
+					children: /* @__PURE__ */ jsx(A_default, {
+						href: link,
+						rel: "noreferrer",
+						target: openExternal ? "_blank" : void 0,
+						children: "Read More"
+					})
+				})
+			]
+		})
+	});
+});
+Item.displayName = "FeatureItem";
+var FeatureItem_default = Item;
+
+//#endregion
+export { FeatureItem_default as default };
+//# sourceMappingURL=FeatureItem.mjs.map

package/es/awesome/Features/FeatureItem.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FeatureItem.mjs","names":["Img","Center","Icon","Flexbox","Text","A"],"sources":["../../../src/awesome/Features/FeatureItem.tsx"],"sourcesContent":["'use client';\n\nimport { CSSProperties, memo } from 'react';\n\nimport A from '@/A';\nimport { Center, Flexbox } from '@/Flex';\nimport Icon from '@/Icon';\nimport Img from '@/Img';\nimport Text from '@/Text';\n\nimport { useStyles } from './style';\nimport type { FeatureItemProps } from './type';\n\nconst Image = memo<{ className?: string; image: string; style?: CSSProperties; title: string }>(\n  ({ image, className, title, style }) => {\n    return image.startsWith('http') ? (\n      <Img alt={title} className={className} src={image} style={style} />\n    ) : (\n      <Center className={className} style={style}>\n        {image}\n      </Center>\n    );\n  },\n);\n\nconst Item = memo<FeatureItemProps>(\n  ({\n    style,\n    className,\n    row,\n    column,\n    description,\n    image,\n    title,\n    link,\n    icon,\n    imageStyle,\n    openExternal,\n    ...rest\n  }) => {\n    const rowNumber = row || 7;\n    const { styles, cx } = useStyles({ hasLink: Boolean(link), rowNum: rowNumber });\n\n    return (\n      <div\n        className={cx(styles.container, className)}\n        style={{\n          gridColumn: `span ${column || 1}`,\n          gridRow: `span ${rowNumber}`,\n          ...style,\n        }}\n        {...rest}\n      >\n        <div className={styles.cell}>\n          {image ||\n            (icon && (\n              <Center className={styles.imgContainer} style={imageStyle}>\n                {icon && <Icon className={styles.img} icon={icon} />}\n                {image && <Image className={styles.img} image={image} title={title} />}\n              </Center>\n            ))}\n          {title && (\n            <Flexbox align={'center'} as={'h3'} className={styles.title} gap={8} horizontal>\n              {title}\n            </Flexbox>\n          )}\n          {description && (\n            <Text\n              className={styles.desc}\n              ellipsis={{\n                rows: 4,\n              }}\n            >\n              {description}\n            </Text>\n          )}\n          {link && (\n            <div className={styles.link}>\n              <A href={link} rel=\"noreferrer\" target={openExternal ? '_blank' : undefined}>\n                Read More\n              </A>\n            </div>\n          )}\n        </div>\n      </div>\n    );\n  },\n);\n\nItem.displayName = 'FeatureItem';\n\nexport default Item;\n"],"mappings":";;;;;;;;;;;;;AAaA,MAAM,QAAQ,MACX,EAAE,OAAO,WAAW,OAAO,YAAY;AACtC,QAAO,MAAM,WAAW,OAAO,GAC7B,oBAACA;EAAI,KAAK;EAAkB;EAAW,KAAK;EAAc;GAAS,GAEnE,oBAACC;EAAkB;EAAkB;YAClC;GACM;EAGd;AAED,MAAM,OAAO,MACV,EACC,OACA,WACA,KACA,QACA,aACA,OACA,OACA,MACA,MACA,YACA,cACA,GAAG,WACC;CACJ,MAAM,YAAY,OAAO;CACzB,MAAM,EAAE,QAAQ,OAAO,UAAU;EAAE,SAAS,QAAQ,KAAK;EAAE,QAAQ;EAAW,CAAC;AAE/E,QACE,oBAAC;EACC,WAAW,GAAG,OAAO,WAAW,UAAU;EAC1C,OAAO;GACL,YAAY,QAAQ,UAAU;GAC9B,SAAS,QAAQ;GACjB,GAAG;GACJ;EACD,GAAI;YAEJ,qBAAC;GAAI,WAAW,OAAO;;IACpB,SACE,QACC,qBAACA;KAAO,WAAW,OAAO;KAAc,OAAO;gBAC5C,QAAQ,oBAACC;MAAK,WAAW,OAAO;MAAW;OAAQ,EACnD,SAAS,oBAAC;MAAM,WAAW,OAAO;MAAY;MAAc;OAAS;MAC/D;IAEZ,SACC,oBAACC;KAAQ,OAAO;KAAU,IAAI;KAAM,WAAW,OAAO;KAAO,KAAK;KAAG;eAClE;MACO;IAEX,eACC,oBAACC;KACC,WAAW,OAAO;KAClB,UAAU,EACR,MAAM,GACP;eAEA;MACI;IAER,QACC,oBAAC;KAAI,WAAW,OAAO;eACrB,oBAACC;MAAE,MAAM;MAAM,KAAI;MAAa,QAAQ,eAAe,WAAW;gBAAW;OAEzE;MACA;;IAEJ;GACF;EAGX;AAED,KAAK,cAAc;AAEnB,0BAAe"}

package/es/awesome/Features/Features.d.mts

@@ -0,0 +1,8 @@
+import { FeaturesProps } from "./type.mjs";
+import * as react119 from "react";
+
+//#region src/awesome/Features/Features.d.ts
+declare const Features: react119.NamedExoticComponent<FeaturesProps>;
+//#endregion
+export { Features };
+//# sourceMappingURL=Features.d.mts.map

package/es/awesome/Features/Features.mjs

@@ -0,0 +1,31 @@
+'use client';
+
+import SpotlightCard_default from "../SpotlightCard/SpotlightCard.mjs";
+import FeatureItem_default from "./FeatureItem.mjs";
+import { memo } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/awesome/Features/Features.tsx
+const Features = memo(({ items, className, itemClassName, itemStyle, maxWidth = 960, style, ...rest }) => {
+	if (!items?.length) return;
+	return /* @__PURE__ */ jsx(SpotlightCard_default, {
+		className,
+		items,
+		renderItem: (item) => /* @__PURE__ */ jsx(FeatureItem_default, {
+			className: itemClassName,
+			style: itemStyle,
+			...item
+		}, item.title),
+		style: {
+			maxWidth,
+			...style
+		},
+		...rest
+	});
+});
+Features.displayName = "Features";
+var Features_default = Features;
+
+//#endregion
+export { Features_default as default };
+//# sourceMappingURL=Features.mjs.map

package/es/awesome/Features/Features.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Features.mjs","names":["SpotlightCard","FeatureItem"],"sources":["../../../src/awesome/Features/Features.tsx"],"sourcesContent":["'use client';\n\nimport { memo } from 'react';\n\nimport SpotlightCard from '@/awesome/SpotlightCard';\n\nimport FeatureItem from './FeatureItem';\nimport type { FeaturesProps } from './type';\n\nconst Features = memo<FeaturesProps>(\n  ({ items, className, itemClassName, itemStyle, maxWidth = 960, style, ...rest }) => {\n    if (!items?.length) return;\n\n    return (\n      <SpotlightCard\n        className={className}\n        items={items}\n        renderItem={(item: any) => (\n          <FeatureItem className={itemClassName} key={item.title} style={itemStyle} {...item} />\n        )}\n        style={{ maxWidth, ...style }}\n        {...rest}\n      />\n    );\n  },\n);\n\nFeatures.displayName = 'Features';\n\nexport default Features;\n"],"mappings":";;;;;;;;AASA,MAAM,WAAW,MACd,EAAE,OAAO,WAAW,eAAe,WAAW,WAAW,KAAK,OAAO,GAAG,WAAW;AAClF,KAAI,CAAC,OAAO,OAAQ;AAEpB,QACE,oBAACA;EACY;EACJ;EACP,aAAa,SACX,oBAACC;GAAY,WAAW;GAAgC,OAAO;GAAW,GAAI;KAAlC,KAAK,MAAqC;EAExF,OAAO;GAAE;GAAU,GAAG;GAAO;EAC7B,GAAI;GACJ;EAGP;AAED,SAAS,cAAc;AAEvB,uBAAe"}

package/es/awesome/Features/index.d.mts

@@ -0,0 +1,2 @@
+import { FeatureItemType, FeaturesProps } from "./type.mjs";
+import { Features } from "./Features.mjs";

package/es/awesome/Features/style.mjs

@@ -0,0 +1,108 @@
+import { createStyles } from "antd-style";
+
+//#region src/awesome/Features/style.ts
+const useStyles = createStyles(({ token, prefixCls, css: css$1, cx: cx$1 }, { rowNum, hasLink }) => {
+	const prefix = `${prefixCls}-features`;
+	const coverCls = `${prefix}-cover`;
+	const descCls = `${prefix}-description`;
+	const titleCls = `${prefix}-title`;
+	const imgCls = `${prefix}-img`;
+	const scaleUnit = 20;
+	const genSize = (size) => css$1`
+      width: ${size}px;
+      height: ${size}px;
+      font-size: ${size * (22 / 24)}px;
+    `;
+	const withTransition = css$1`
+      transition: all ${token.motionDurationSlow} ${token.motionEaseInOutCirc};
+    `;
+	return {
+		cell: css$1`
+        overflow: hidden;
+      `,
+		container: cx$1(withTransition, css$1`
+          position: relative;
+          z-index: 1;
+
+          overflow: hidden;
+
+          height: 228px;
+          max-height: 228px;
+          padding: 24px;
+
+          p {
+            font-size: 16px;
+            line-height: 1.2;
+            text-align: start;
+            word-break: break-word;
+          }
+
+          &:hover {
+            .${coverCls} {
+              width: 100%;
+              height: ${scaleUnit * rowNum}px;
+              padding: 0;
+              background: ${token.colorFillContent};
+            }
+
+            .${imgCls} {
+              ${genSize(100)};
+            }
+
+            .${descCls} {
+              position: absolute;
+              visibility: hidden;
+              opacity: 0;
+            }
+
+            .${titleCls} {
+              font-size: ${hasLink ? 14 : 20}px;
+            }
+          }
+        `),
+		desc: cx$1(descCls, withTransition, css$1`
+          pointer-events: none;
+          color: ${token.colorTextSecondary};
+
+          quotient {
+            position: relative;
+
+            display: block;
+
+            margin-block: 12px;
+            margin-inline: 0;
+            padding-inline-start: 12px;
+
+            color: ${token.colorTextDescription};
+          }
+        `),
+		img: cx$1(imgCls, withTransition, css$1`
+          ${genSize(20)};
+          color: ${token.colorText};
+        `),
+		imgContainer: cx$1(coverCls, withTransition, css$1`
+          ${genSize(24)};
+          padding: 4px;
+          opacity: 0.8;
+          border-radius: ${token.borderRadius}px;
+        `),
+		link: css$1`
+        ${withTransition};
+        margin-block-start: 24px;
+      `,
+		title: cx$1(titleCls, withTransition, css$1`
+          pointer-events: none;
+
+          margin-block: 16px;
+          margin-inline: 0;
+
+          font-size: 20px;
+          line-height: ${token.lineHeightHeading3};
+          color: ${token.colorText};
+        `)
+	};
+});
+
+//#endregion
+export { useStyles };
+//# sourceMappingURL=style.mjs.map

package/es/awesome/Features/style.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","names":["cx"],"sources":["../../../src/awesome/Features/style.ts"],"sourcesContent":["import { createStyles } from 'antd-style';\n\nexport const useStyles = createStyles(\n  ({ token, prefixCls, css, cx }, { rowNum, hasLink }: { hasLink?: boolean; rowNum: number }) => {\n    const prefix = `${prefixCls}-features`;\n    const coverCls = `${prefix}-cover`;\n    const descCls = `${prefix}-description`;\n    const titleCls = `${prefix}-title`;\n    const imgCls = `${prefix}-img`;\n\n    const scaleUnit = 20;\n\n    const genSize = (size: number) => css`\n      width: ${size}px;\n      height: ${size}px;\n      font-size: ${size * (22 / 24)}px;\n    `;\n\n    const withTransition = css`\n      transition: all ${token.motionDurationSlow} ${token.motionEaseInOutCirc};\n    `;\n\n    return {\n      cell: css`\n        overflow: hidden;\n      `,\n\n      container: cx(\n        withTransition,\n        css`\n          position: relative;\n          z-index: 1;\n\n          overflow: hidden;\n\n          height: 228px;\n          max-height: 228px;\n          padding: 24px;\n\n          p {\n            font-size: 16px;\n            line-height: 1.2;\n            text-align: start;\n            word-break: break-word;\n          }\n\n          &:hover {\n            .${coverCls} {\n              width: 100%;\n              height: ${scaleUnit * rowNum}px;\n              padding: 0;\n              background: ${token.colorFillContent};\n            }\n\n            .${imgCls} {\n              ${genSize(100)};\n            }\n\n            .${descCls} {\n              position: absolute;\n              visibility: hidden;\n              opacity: 0;\n            }\n\n            .${titleCls} {\n              font-size: ${hasLink ? 14 : 20}px;\n            }\n          }\n        `,\n      ),\n      desc: cx(\n        descCls,\n        withTransition,\n        css`\n          pointer-events: none;\n          color: ${token.colorTextSecondary};\n\n          quotient {\n            position: relative;\n\n            display: block;\n\n            margin-block: 12px;\n            margin-inline: 0;\n            padding-inline-start: 12px;\n\n            color: ${token.colorTextDescription};\n          }\n        `,\n      ),\n      img: cx(\n        imgCls,\n        withTransition,\n        css`\n          ${genSize(20)};\n          color: ${token.colorText};\n        `,\n      ),\n\n      imgContainer: cx(\n        coverCls,\n        withTransition,\n        css`\n          ${genSize(24)};\n          padding: 4px;\n          opacity: 0.8;\n          border-radius: ${token.borderRadius}px;\n        `,\n      ),\n\n      link: css`\n        ${withTransition};\n        margin-block-start: 24px;\n      `,\n\n      title: cx(\n        titleCls,\n        withTransition,\n        css`\n          pointer-events: none;\n\n          margin-block: 16px;\n          margin-inline: 0;\n\n          font-size: 20px;\n          line-height: ${token.lineHeightHeading3};\n          color: ${token.colorText};\n        `,\n      ),\n    };\n  },\n);\n"],"mappings":";;;AAEA,MAAa,YAAY,cACtB,EAAE,OAAO,WAAW,YAAK,YAAM,EAAE,QAAQ,cAAqD;CAC7F,MAAM,SAAS,GAAG,UAAU;CAC5B,MAAM,WAAW,GAAG,OAAO;CAC3B,MAAM,UAAU,GAAG,OAAO;CAC1B,MAAM,WAAW,GAAG,OAAO;CAC3B,MAAM,SAAS,GAAG,OAAO;CAEzB,MAAM,YAAY;CAElB,MAAM,WAAW,SAAiB,KAAG;eAC1B,KAAK;gBACJ,KAAK;mBACF,QAAQ,KAAK,IAAI;;CAGhC,MAAM,iBAAiB,KAAG;wBACN,MAAM,mBAAmB,GAAG,MAAM,oBAAoB;;AAG1E,QAAO;EACL,MAAM,KAAG;;;EAIT,WAAWA,KACT,gBACA,KAAG;;;;;;;;;;;;;;;;;;eAkBI,SAAS;;wBAEA,YAAY,OAAO;;4BAEf,MAAM,iBAAiB;;;eAGpC,OAAO;gBACN,QAAQ,IAAI,CAAC;;;eAGd,QAAQ;;;;;;eAMR,SAAS;2BACG,UAAU,KAAK,GAAG;;;UAItC;EACD,MAAMA,KACJ,SACA,gBACA,KAAG;;mBAEQ,MAAM,mBAAmB;;;;;;;;;;;qBAWvB,MAAM,qBAAqB;;UAGzC;EACD,KAAKA,KACH,QACA,gBACA,KAAG;YACC,QAAQ,GAAG,CAAC;mBACL,MAAM,UAAU;UAE5B;EAED,cAAcA,KACZ,UACA,gBACA,KAAG;YACC,QAAQ,GAAG,CAAC;;;2BAGG,MAAM,aAAa;UAEvC;EAED,MAAM,KAAG;UACL,eAAe;;;EAInB,OAAOA,KACL,UACA,gBACA,KAAG;;;;;;;yBAOc,MAAM,mBAAmB;mBAC/B,MAAM,UAAU;UAE5B;EACF;EAEJ"}

package/es/awesome/Features/type.d.mts

@@ -0,0 +1,32 @@
+import { DivProps } from "../../types/index.mjs";
+import { IconProps } from "../../Icon/type.mjs";
+import "../../Icon/index.mjs";
+import { SpotlightCardProps } from "../SpotlightCard/type.mjs";
+import "../SpotlightCard/index.mjs";
+import { CSSProperties } from "react";
+
+//#region src/awesome/Features/type.d.ts
+interface FeatureItemType {
+  column?: number;
+  description?: string;
+  hero?: boolean;
+  icon?: IconProps['icon'];
+  image?: string;
+  imageStyle?: CSSProperties;
+  imageType?: 'light' | 'primary' | 'soon';
+  link?: string;
+  openExternal?: boolean;
+  row?: number;
+  title: string;
+}
+interface FeaturesProps extends DivProps {
+  columns?: SpotlightCardProps['columns'];
+  gap?: SpotlightCardProps['gap'];
+  itemClassName?: string;
+  itemStyle?: CSSProperties;
+  items: FeatureItemType[];
+  maxWidth?: number;
+}
+//#endregion
+export { FeatureItemType, FeaturesProps };
+//# sourceMappingURL=type.d.mts.map

package/es/awesome/Giscus/Giscus.d.mts

@@ -0,0 +1,8 @@
+import { GiscusProps } from "./type.mjs";
+import * as react123 from "react";
+
+//#region src/awesome/Giscus/Giscus.d.ts
+declare const Giscus: react123.NamedExoticComponent<GiscusProps>;
+//#endregion
+export { Giscus };
+//# sourceMappingURL=Giscus.d.mts.map

package/es/awesome/Giscus/Giscus.mjs

@@ -0,0 +1,32 @@
+'use client';
+
+import { formatLang, useStyles } from "./style.mjs";
+import { memo } from "react";
+import { jsx } from "react/jsx-runtime";
+import GiscusComponent from "@giscus/react";
+
+//#region src/awesome/Giscus/Giscus.tsx
+const Giscus = memo(({ style, className, reactionsEnabled = "1", mapping = "title", lang = "en_US", inputPosition = "top", id = "giscus", loading = "lazy", emitMetadata = "0", ...rest }) => {
+	const theme = useStyles();
+	return /* @__PURE__ */ jsx("div", {
+		className,
+		style,
+		children: /* @__PURE__ */ jsx(GiscusComponent, {
+			emitMetadata,
+			id,
+			inputPosition,
+			lang: formatLang(lang),
+			loading,
+			mapping,
+			reactionsEnabled,
+			theme,
+			...rest
+		})
+	});
+});
+Giscus.displayName = "Giscus";
+var Giscus_default = Giscus;
+
+//#endregion
+export { Giscus_default as default };
+//# sourceMappingURL=Giscus.mjs.map

package/es/awesome/Giscus/Giscus.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Giscus.mjs","names":[],"sources":["../../../src/awesome/Giscus/Giscus.tsx"],"sourcesContent":["'use client';\n\nimport GiscusComponent from '@giscus/react';\nimport { memo } from 'react';\n\nimport { formatLang, useStyles } from './style';\nimport type { GiscusProps } from './type';\n\nconst Giscus = memo<GiscusProps>(\n  ({\n    style,\n    className,\n    reactionsEnabled = '1',\n    mapping = 'title',\n    lang = 'en_US',\n    inputPosition = 'top',\n    id = 'giscus',\n    loading = 'lazy',\n    emitMetadata = '0',\n    ...rest\n  }) => {\n    const theme = useStyles();\n\n    return (\n      <div className={className} style={style}>\n        <GiscusComponent\n          emitMetadata={emitMetadata}\n          id={id}\n          inputPosition={inputPosition}\n          lang={formatLang(lang)}\n          loading={loading}\n          mapping={mapping}\n          reactionsEnabled={reactionsEnabled}\n          theme={theme}\n          {...rest}\n        />\n      </div>\n    );\n  },\n);\n\nGiscus.displayName = 'Giscus';\n\nexport default Giscus;\n"],"mappings":";;;;;;;;AAQA,MAAM,SAAS,MACZ,EACC,OACA,WACA,mBAAmB,KACnB,UAAU,SACV,OAAO,SACP,gBAAgB,OAChB,KAAK,UACL,UAAU,QACV,eAAe,KACf,GAAG,WACC;CACJ,MAAM,QAAQ,WAAW;AAEzB,QACE,oBAAC;EAAe;EAAkB;YAChC,oBAAC;GACe;GACV;GACW;GACf,MAAM,WAAW,KAAK;GACb;GACA;GACS;GACX;GACP,GAAI;IACJ;GACE;EAGX;AAED,OAAO,cAAc;AAErB,qBAAe"}

package/es/awesome/Giscus/index.d.mts

@@ -0,0 +1,2 @@
+import { GiscusProps } from "./type.mjs";
+import { Giscus } from "./Giscus.mjs";