@lobehub/ui 3.4.2 → 3.4.3

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 react104 from "react";
+
+//#region src/awesome/Giscus/Giscus.d.ts
+declare const Giscus: react104.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";

package/es/awesome/Giscus/style.mjs

@@ -0,0 +1,145 @@
+import { useMemo } from "react";
+import { css, useTheme } from "antd-style";
+import { readableColor, rgba } from "polished";
+
+//#region src/awesome/Giscus/style.ts
+const useStyles = () => {
+	const theme = useTheme();
+	const colorText = theme.colorText;
+	const colorTextSecondary = theme.colorTextSecondary;
+	const colorTextTertiary = theme.colorTextTertiary;
+	const colorRed = theme.colorError;
+	const colorOrange = theme.colorWarning;
+	const colorGreen = theme.colorSuccess;
+	const colorBlue = theme.colorInfo;
+	const loaderContainer = theme.isDarkMode ? "https://github.com/images/modules/pulls/progressive-disclosure-line-dark.svg" : "https://github.com/images/modules/pulls/progressive-disclosure-line.svg";
+	const loadingImage = theme.isDarkMode ? "https://github.githubassets.com/images/mona-loading-dark.gif" : "https://github.githubassets.com/images/mona-loading-default.gif";
+	const { styles } = css`
+    main {
+      --color-prettylights-syntax-comment: ${colorTextTertiary};
+      --color-prettylights-syntax-constant: ${colorGreen};
+      --color-prettylights-syntax-entity: ${colorOrange};
+      --color-prettylights-syntax-storage-modifier-import: ${colorRed};
+      --color-prettylights-syntax-entity-tag: ${colorBlue};
+      --color-prettylights-syntax-keyword: ${colorBlue};
+      --color-prettylights-syntax-string: ${colorGreen};
+      --color-prettylights-syntax-variable: ${colorRed};
+      --color-prettylights-syntax-brackethighlighter-unmatched: ${colorRed};
+      --color-prettylights-syntax-invalid-illegal-text: ${colorTextSecondary};
+      --color-prettylights-syntax-invalid-illegal-bg: ${rgba(colorRed, .4)};
+      --color-prettylights-syntax-carriage-return-text: ${colorTextSecondary};
+      --color-prettylights-syntax-carriage-return-bg: ${rgba(colorRed, .6)};
+      --color-prettylights-syntax-string-regexp: ${colorGreen};
+      --color-prettylights-syntax-markup-list: ${colorOrange};
+      --color-prettylights-syntax-markup-heading: ${colorBlue};
+      --color-prettylights-syntax-markup-italic: ${colorTextSecondary};
+      --color-prettylights-syntax-markup-bold: ${colorTextSecondary};
+      --color-prettylights-syntax-markup-deleted-text: ${colorTextSecondary};
+      --color-prettylights-syntax-markup-deleted-bg: ${rgba(colorRed, .2)};
+      --color-prettylights-syntax-markup-inserted-text: ${colorGreen};
+      --color-prettylights-syntax-markup-inserted-bg: ${rgba(colorGreen, .2)};
+      --color-prettylights-syntax-markup-changed-text: ${colorOrange};
+      --color-prettylights-syntax-markup-changed-bg: ${rgba(colorRed, .2)};
+      --color-prettylights-syntax-markup-ignored-text: ${colorTextSecondary};
+      --color-prettylights-syntax-markup-ignored-bg: ${rgba(colorBlue, .2)};
+      --color-prettylights-syntax-meta-diff-range: ${colorOrange};
+      --color-prettylights-syntax-brackethighlighter-angle: ${colorTextSecondary};
+      --color-prettylights-syntax-sublimelinter-gutter-mark: ${colorTextTertiary};
+      --color-prettylights-syntax-constant-other-reference-link: ${colorBlue};
+      --color-btn-text: ${theme.colorText};
+      --color-btn-bg: ${theme.colorFillTertiary};
+      --color-btn-border: ${theme.colorBorderSecondary};
+      --color-btn-shadow: 0 0 transparent;
+      --color-btn-inset-shadow: 0 0 transparent;
+      --color-btn-hover-bg: ${theme.colorFillSecondary};
+      --color-btn-hover-border: ${theme.colorBorder};
+      --color-btn-active-bg: ${theme.colorFillSecondary};
+      --color-btn-active-border: ${theme.colorBorder};
+      --color-btn-selected-bg: ${theme.colorFillSecondary};
+      --color-btn-primary-text: ${readableColor(theme.colorPrimary)};
+      --color-btn-primary-bg: ${theme.colorPrimary};
+      --color-btn-primary-border: ${theme.colorPrimaryBorder};
+      --color-btn-primary-shadow: 0 0 transparent;
+      --color-btn-primary-inset-shadow: 0 0 transparent;
+      --color-btn-primary-hover-bg: ${theme.colorPrimaryHover};
+      --color-btn-primary-hover-border: ${theme.colorPrimaryBorderHover};
+      --color-btn-primary-selected-bg: ${theme.colorPrimaryActive};
+      --color-btn-primary-selected-shadow: 0 0 transparent;
+      --color-btn-primary-disabled-text: ${rgba(readableColor(theme.colorPrimary), .5)};
+      --color-btn-primary-disabled-bg: ${rgba(theme.colorPrimary, .5)};
+      --color-btn-primary-disabled-border: ${rgba(theme.colorPrimaryBorder, .5)};
+      --color-action-list-item-default-hover-bg: ${theme.colorFillQuaternary};
+      --color-segmented-control-bg: ${theme.colorFillTertiary};
+      --color-segmented-control-button-bg: transparent;
+      --color-segmented-control-button-selected-border: ${theme.colorBorder};
+      --color-fg-default: ${theme.colorText};
+      --color-fg-muted: ${theme.colorTextSecondary};
+      --color-fg-subtle: ${theme.colorTextQuaternary};
+      --color-canvas-default: transparent;
+      --color-canvas-overlay: ${theme.colorBgElevated};
+      --color-canvas-inset: transparent;
+      --color-canvas-subtle: ${theme.colorFillQuaternary};
+      --color-border-default: ${theme.colorBorder};
+      --color-border-muted: ${theme.colorBorderSecondary};
+      --color-neutral-muted: ${theme.colorFillQuaternary};
+      --color-neutral-subtle: ${theme.colorFillTertiary};
+      --color-accent-fg: ${theme.colorInfo};
+      --color-accent-emphasis: ${theme.colorInfoBorderHover};
+      --color-accent-muted: ${theme.colorInfoBorder};
+      --color-accent-subtle: ${theme.colorInfoBg};
+      --color-success-fg: ${theme.colorSuccess};
+      --color-attention-fg: ${theme.colorWarning};
+      --color-attention-muted: ${theme.colorWarningBorder};
+      --color-attention-subtle: ${theme.colorWarningBg};
+      --color-danger-fg: ${theme.colorError};
+      --color-danger-muted: ${theme.colorErrorBorder};
+      --color-danger-subtle: ${theme.colorErrorBg};
+      --color-primer-shadow-inset: 0 0 transparent;
+      --color-scale-gray-7: ${theme.colorBgContainer};
+      --color-scale-blue-8: ${theme.colorInfoBg};
+      --color-social-reaction-bg-hover: ${theme.colorFillSecondary};
+      --color-social-reaction-bg-reacted-hover: ${theme.colorInfoBgHover};
+
+      .markdown pre {
+        color: ${colorText};
+      }
+
+      .pagination-loader-container {
+        background-image: url(${loaderContainer});
+      }
+
+      .gsc-pagination-button {
+        background-color: var(--color-btn-bg);
+      }
+
+      .gsc-reactions-popover {
+        width: 170px;
+
+        > .m-2 {
+          display: flex;
+          flex-wrap: wrap;
+          gap: 8px;
+        }
+      }
+
+      .gsc-emoji-button.has-reacted {
+        border-color: ${theme.colorInfoBorderHover};
+        border-radius: ${theme.borderRadius}px;
+      }
+
+      .gsc-loading-image {
+        background-image: url(${loadingImage});
+      }
+    }
+  `;
+	return useMemo(() => `data:text/css;base64,${btoa(styles)}`, [styles]);
+};
+const formatLang = (lang) => {
+	if (["zh_CN", "zh_TW"].includes(lang)) return lang.replace("_", "-");
+	else if (lang === "zh_HK") return "zh-TW";
+	else return lang.split("_")[0];
+};
+
+//#endregion
+export { formatLang, useStyles };
+//# sourceMappingURL=style.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/awesome/Giscus/style.ts"],"sourcesContent":["import { css, useTheme } from 'antd-style';\nimport { readableColor, rgba } from 'polished';\nimport { useMemo } from 'react';\n\nexport const useStyles = () => {\n  const theme = useTheme();\n  const colorText = theme.colorText;\n  const colorTextSecondary = theme.colorTextSecondary;\n  const colorTextTertiary = theme.colorTextTertiary;\n  const colorRed = theme.colorError;\n  const colorOrange = theme.colorWarning;\n  const colorGreen = theme.colorSuccess;\n  const colorBlue = theme.colorInfo;\n  const loaderContainer = theme.isDarkMode\n    ? 'https://github.com/images/modules/pulls/progressive-disclosure-line-dark.svg'\n    : 'https://github.com/images/modules/pulls/progressive-disclosure-line.svg';\n  const loadingImage = theme.isDarkMode\n    ? 'https://github.githubassets.com/images/mona-loading-dark.gif'\n    : 'https://github.githubassets.com/images/mona-loading-default.gif';\n  const { styles } = css`\n    main {\n      --color-prettylights-syntax-comment: ${colorTextTertiary};\n      --color-prettylights-syntax-constant: ${colorGreen};\n      --color-prettylights-syntax-entity: ${colorOrange};\n      --color-prettylights-syntax-storage-modifier-import: ${colorRed};\n      --color-prettylights-syntax-entity-tag: ${colorBlue};\n      --color-prettylights-syntax-keyword: ${colorBlue};\n      --color-prettylights-syntax-string: ${colorGreen};\n      --color-prettylights-syntax-variable: ${colorRed};\n      --color-prettylights-syntax-brackethighlighter-unmatched: ${colorRed};\n      --color-prettylights-syntax-invalid-illegal-text: ${colorTextSecondary};\n      --color-prettylights-syntax-invalid-illegal-bg: ${rgba(colorRed, 0.4)};\n      --color-prettylights-syntax-carriage-return-text: ${colorTextSecondary};\n      --color-prettylights-syntax-carriage-return-bg: ${rgba(colorRed, 0.6)};\n      --color-prettylights-syntax-string-regexp: ${colorGreen};\n      --color-prettylights-syntax-markup-list: ${colorOrange};\n      --color-prettylights-syntax-markup-heading: ${colorBlue};\n      --color-prettylights-syntax-markup-italic: ${colorTextSecondary};\n      --color-prettylights-syntax-markup-bold: ${colorTextSecondary};\n      --color-prettylights-syntax-markup-deleted-text: ${colorTextSecondary};\n      --color-prettylights-syntax-markup-deleted-bg: ${rgba(colorRed, 0.2)};\n      --color-prettylights-syntax-markup-inserted-text: ${colorGreen};\n      --color-prettylights-syntax-markup-inserted-bg: ${rgba(colorGreen, 0.2)};\n      --color-prettylights-syntax-markup-changed-text: ${colorOrange};\n      --color-prettylights-syntax-markup-changed-bg: ${rgba(colorRed, 0.2)};\n      --color-prettylights-syntax-markup-ignored-text: ${colorTextSecondary};\n      --color-prettylights-syntax-markup-ignored-bg: ${rgba(colorBlue, 0.2)};\n      --color-prettylights-syntax-meta-diff-range: ${colorOrange};\n      --color-prettylights-syntax-brackethighlighter-angle: ${colorTextSecondary};\n      --color-prettylights-syntax-sublimelinter-gutter-mark: ${colorTextTertiary};\n      --color-prettylights-syntax-constant-other-reference-link: ${colorBlue};\n      --color-btn-text: ${theme.colorText};\n      --color-btn-bg: ${theme.colorFillTertiary};\n      --color-btn-border: ${theme.colorBorderSecondary};\n      --color-btn-shadow: 0 0 transparent;\n      --color-btn-inset-shadow: 0 0 transparent;\n      --color-btn-hover-bg: ${theme.colorFillSecondary};\n      --color-btn-hover-border: ${theme.colorBorder};\n      --color-btn-active-bg: ${theme.colorFillSecondary};\n      --color-btn-active-border: ${theme.colorBorder};\n      --color-btn-selected-bg: ${theme.colorFillSecondary};\n      --color-btn-primary-text: ${readableColor(theme.colorPrimary)};\n      --color-btn-primary-bg: ${theme.colorPrimary};\n      --color-btn-primary-border: ${theme.colorPrimaryBorder};\n      --color-btn-primary-shadow: 0 0 transparent;\n      --color-btn-primary-inset-shadow: 0 0 transparent;\n      --color-btn-primary-hover-bg: ${theme.colorPrimaryHover};\n      --color-btn-primary-hover-border: ${theme.colorPrimaryBorderHover};\n      --color-btn-primary-selected-bg: ${theme.colorPrimaryActive};\n      --color-btn-primary-selected-shadow: 0 0 transparent;\n      --color-btn-primary-disabled-text: ${rgba(readableColor(theme.colorPrimary), 0.5)};\n      --color-btn-primary-disabled-bg: ${rgba(theme.colorPrimary, 0.5)};\n      --color-btn-primary-disabled-border: ${rgba(theme.colorPrimaryBorder, 0.5)};\n      --color-action-list-item-default-hover-bg: ${theme.colorFillQuaternary};\n      --color-segmented-control-bg: ${theme.colorFillTertiary};\n      --color-segmented-control-button-bg: transparent;\n      --color-segmented-control-button-selected-border: ${theme.colorBorder};\n      --color-fg-default: ${theme.colorText};\n      --color-fg-muted: ${theme.colorTextSecondary};\n      --color-fg-subtle: ${theme.colorTextQuaternary};\n      --color-canvas-default: transparent;\n      --color-canvas-overlay: ${theme.colorBgElevated};\n      --color-canvas-inset: transparent;\n      --color-canvas-subtle: ${theme.colorFillQuaternary};\n      --color-border-default: ${theme.colorBorder};\n      --color-border-muted: ${theme.colorBorderSecondary};\n      --color-neutral-muted: ${theme.colorFillQuaternary};\n      --color-neutral-subtle: ${theme.colorFillTertiary};\n      --color-accent-fg: ${theme.colorInfo};\n      --color-accent-emphasis: ${theme.colorInfoBorderHover};\n      --color-accent-muted: ${theme.colorInfoBorder};\n      --color-accent-subtle: ${theme.colorInfoBg};\n      --color-success-fg: ${theme.colorSuccess};\n      --color-attention-fg: ${theme.colorWarning};\n      --color-attention-muted: ${theme.colorWarningBorder};\n      --color-attention-subtle: ${theme.colorWarningBg};\n      --color-danger-fg: ${theme.colorError};\n      --color-danger-muted: ${theme.colorErrorBorder};\n      --color-danger-subtle: ${theme.colorErrorBg};\n      --color-primer-shadow-inset: 0 0 transparent;\n      --color-scale-gray-7: ${theme.colorBgContainer};\n      --color-scale-blue-8: ${theme.colorInfoBg};\n      --color-social-reaction-bg-hover: ${theme.colorFillSecondary};\n      --color-social-reaction-bg-reacted-hover: ${theme.colorInfoBgHover};\n\n      .markdown pre {\n        color: ${colorText};\n      }\n\n      .pagination-loader-container {\n        background-image: url(${loaderContainer});\n      }\n\n      .gsc-pagination-button {\n        background-color: var(--color-btn-bg);\n      }\n\n      .gsc-reactions-popover {\n        width: 170px;\n\n        > .m-2 {\n          display: flex;\n          flex-wrap: wrap;\n          gap: 8px;\n        }\n      }\n\n      .gsc-emoji-button.has-reacted {\n        border-color: ${theme.colorInfoBorderHover};\n        border-radius: ${theme.borderRadius}px;\n      }\n\n      .gsc-loading-image {\n        background-image: url(${loadingImage});\n      }\n    }\n  `;\n\n  return useMemo(() => `data:text/css;base64,${btoa(styles)}`, [styles]);\n};\n\nexport const formatLang = (lang: string) => {\n  if (['zh_CN', 'zh_TW'].includes(lang)) {\n    return lang.replace('_', '-');\n  } else if (lang === 'zh_HK') {\n    return 'zh-TW';\n  } else {\n    return lang.split('_')[0];\n  }\n};\n"],"mappings":";;;;;AAIA,MAAa,kBAAkB;CAC7B,MAAM,QAAQ,UAAU;CACxB,MAAM,YAAY,MAAM;CACxB,MAAM,qBAAqB,MAAM;CACjC,MAAM,oBAAoB,MAAM;CAChC,MAAM,WAAW,MAAM;CACvB,MAAM,cAAc,MAAM;CAC1B,MAAM,aAAa,MAAM;CACzB,MAAM,YAAY,MAAM;CACxB,MAAM,kBAAkB,MAAM,aAC1B,iFACA;CACJ,MAAM,eAAe,MAAM,aACvB,iEACA;CACJ,MAAM,EAAE,WAAW,GAAG;;6CAEqB,kBAAkB;8CACjB,WAAW;4CACb,YAAY;6DACK,SAAS;gDACtB,UAAU;6CACb,UAAU;4CACX,WAAW;8CACT,SAAS;kEACW,SAAS;0DACjB,mBAAmB;wDACrB,KAAK,UAAU,GAAI,CAAC;0DAClB,mBAAmB;wDACrB,KAAK,UAAU,GAAI,CAAC;mDACzB,WAAW;iDACb,YAAY;oDACT,UAAU;mDACX,mBAAmB;iDACrB,mBAAmB;yDACX,mBAAmB;uDACrB,KAAK,UAAU,GAAI,CAAC;0DACjB,WAAW;wDACb,KAAK,YAAY,GAAI,CAAC;yDACrB,YAAY;uDACd,KAAK,UAAU,GAAI,CAAC;yDAClB,mBAAmB;uDACrB,KAAK,WAAW,GAAI,CAAC;qDACvB,YAAY;8DACH,mBAAmB;+DAClB,kBAAkB;mEACd,UAAU;0BACnD,MAAM,UAAU;wBAClB,MAAM,kBAAkB;4BACpB,MAAM,qBAAqB;;;8BAGzB,MAAM,mBAAmB;kCACrB,MAAM,YAAY;+BACrB,MAAM,mBAAmB;mCACrB,MAAM,YAAY;iCACpB,MAAM,mBAAmB;kCACxB,cAAc,MAAM,aAAa,CAAC;gCACpC,MAAM,aAAa;oCACf,MAAM,mBAAmB;;;sCAGvB,MAAM,kBAAkB;0CACpB,MAAM,wBAAwB;yCAC/B,MAAM,mBAAmB;;2CAEvB,KAAK,cAAc,MAAM,aAAa,EAAE,GAAI,CAAC;yCAC/C,KAAK,MAAM,cAAc,GAAI,CAAC;6CAC1B,KAAK,MAAM,oBAAoB,GAAI,CAAC;mDAC9B,MAAM,oBAAoB;sCACvC,MAAM,kBAAkB;;0DAEJ,MAAM,YAAY;4BAChD,MAAM,UAAU;0BAClB,MAAM,mBAAmB;2BACxB,MAAM,oBAAoB;;gCAErB,MAAM,gBAAgB;;+BAEvB,MAAM,oBAAoB;gCACzB,MAAM,YAAY;8BACpB,MAAM,qBAAqB;+BAC1B,MAAM,oBAAoB;gCACzB,MAAM,kBAAkB;2BAC7B,MAAM,UAAU;iCACV,MAAM,qBAAqB;8BAC9B,MAAM,gBAAgB;+BACrB,MAAM,YAAY;4BACrB,MAAM,aAAa;8BACjB,MAAM,aAAa;iCAChB,MAAM,mBAAmB;kCACxB,MAAM,eAAe;2BAC5B,MAAM,WAAW;8BACd,MAAM,iBAAiB;+BACtB,MAAM,aAAa;;8BAEpB,MAAM,iBAAiB;8BACvB,MAAM,YAAY;0CACN,MAAM,mBAAmB;kDACjB,MAAM,iBAAiB;;;iBAGxD,UAAU;;;;gCAIK,gBAAgB;;;;;;;;;;;;;;;;;;wBAkBxB,MAAM,qBAAqB;yBAC1B,MAAM,aAAa;;;;gCAIZ,aAAa;;;;AAK3C,QAAO,cAAc,wBAAwB,KAAK,OAAO,IAAI,CAAC,OAAO,CAAC;;AAGxE,MAAa,cAAc,SAAiB;AAC1C,KAAI,CAAC,SAAS,QAAQ,CAAC,SAAS,KAAK,CACnC,QAAO,KAAK,QAAQ,KAAK,IAAI;UACpB,SAAS,QAClB,QAAO;KAEP,QAAO,KAAK,MAAM,IAAI,CAAC"}

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

@@ -0,0 +1,11 @@
+import { CSSProperties } from "react";
+import { GiscusProps } from "@giscus/react/dist/types";
+
+//#region src/awesome/Giscus/type.d.ts
+interface GiscusProps$1 extends GiscusProps {
+  className?: string;
+  style?: CSSProperties;
+}
+//#endregion
+export { GiscusProps$1 as GiscusProps };
+//# sourceMappingURL=type.d.mts.map

package/es/awesome/GradientButton/GradientButton.d.mts

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

package/es/awesome/GradientButton/GradientButton.mjs

@@ -0,0 +1,25 @@
+'use client';
+
+import Button_default from "../../Button/Button.mjs";
+import { useStyles } from "./style.mjs";
+import { memo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/awesome/GradientButton/GradientButton.tsx
+const GradientButton = memo(({ glow = true, children, className, size, disabled, ...rest }) => {
+	const { styles, cx } = useStyles(size);
+	return /* @__PURE__ */ jsxs(Button_default, {
+		className: cx(!disabled && styles.button, className),
+		disabled,
+		size,
+		variant: disabled ? void 0 : "text",
+		...rest,
+		children: [glow && /* @__PURE__ */ jsx("div", { className: styles.glow }), children]
+	});
+});
+GradientButton.displayName = "GradientButton";
+var GradientButton_default = GradientButton;
+
+//#endregion
+export { GradientButton_default as default };
+//# sourceMappingURL=GradientButton.mjs.map

package/es/awesome/GradientButton/GradientButton.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"GradientButton.mjs","names":["Button"],"sources":["../../../src/awesome/GradientButton/GradientButton.tsx"],"sourcesContent":["'use client';\n\nimport { memo } from 'react';\n\nimport Button from '@/Button';\n\nimport { useStyles } from './style';\nimport type { GradientButtonProps } from './type';\n\nconst GradientButton = memo<GradientButtonProps>(\n  ({ glow = true, children, className, size, disabled, ...rest }) => {\n    const { styles, cx } = useStyles(size);\n\n    return (\n      <Button\n        className={cx(!disabled && styles.button, className)}\n        disabled={disabled}\n        size={size}\n        variant={disabled ? undefined : 'text'}\n        {...rest}\n      >\n        {glow && <div className={styles.glow} />}\n        {children}\n      </Button>\n    );\n  },\n);\n\nGradientButton.displayName = 'GradientButton';\n\nexport default GradientButton;\n"],"mappings":";;;;;;;;AASA,MAAM,iBAAiB,MACpB,EAAE,OAAO,MAAM,UAAU,WAAW,MAAM,UAAU,GAAG,WAAW;CACjE,MAAM,EAAE,QAAQ,OAAO,UAAU,KAAK;AAEtC,QACE,qBAACA;EACC,WAAW,GAAG,CAAC,YAAY,OAAO,QAAQ,UAAU;EAC1C;EACJ;EACN,SAAS,WAAW,SAAY;EAChC,GAAI;aAEH,QAAQ,oBAAC,SAAI,WAAW,OAAO,OAAQ,EACvC;GACM;EAGd;AAED,eAAe,cAAc;AAE7B,6BAAe"}

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

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

package/es/awesome/GradientButton/style.mjs

@@ -0,0 +1,84 @@
+import { createStyles } from "antd-style";
+import { rgba } from "polished";
+
+//#region src/awesome/GradientButton/style.ts
+const useStyles = createStyles(({ isDarkMode, cx: cx$1, css: css$1, token, stylish }, size) => {
+	let radius;
+	switch (size) {
+		case "large":
+			radius = token.borderRadiusLG;
+			break;
+		case "middle":
+			radius = token.borderRadius;
+			break;
+		case "small":
+			radius = token.borderRadiusSM;
+			break;
+		default:
+			radius = token.borderRadius;
+			break;
+	}
+	return {
+		button: css$1`
+        position: relative;
+        z-index: 1;
+        border: none;
+        border-radius: ${radius}px !important;
+
+        &::before {
+          ${stylish.gradientAnimation}
+          content: '';
+
+          position: absolute;
+          z-index: -2;
+          inset: 0;
+
+          border-radius: ${radius}px;
+        }
+
+        &::after {
+          content: '';
+
+          position: absolute;
+          z-index: -1;
+          inset-block-start: 1px;
+          inset-inline-start: 1px;
+
+          width: calc(100% - 2px);
+          height: calc(100% - 2px);
+
+          background: ${isDarkMode ? token.colorBgLayout : token.colorBgContainer};
+          border-radius: ${radius - 1}px;
+        }
+
+        &:hover {
+          &::after {
+            background: ${rgba(isDarkMode ? token.colorBgLayout : token.colorBgContainer, isDarkMode ? .9 : .95)};
+          }
+        }
+
+        &:active {
+          &::after {
+            background: ${rgba(isDarkMode ? token.colorBgLayout : token.colorBgContainer, isDarkMode ? .85 : .9)};
+          }
+        }
+      `,
+		glow: cx$1(stylish.gradientAnimation, css$1`
+          position: absolute;
+          z-index: -2;
+          inset-block-start: 0;
+          inset-inline-start: 0;
+
+          width: 100%;
+          height: 100%;
+
+          opacity: 0.5;
+          filter: blur(0.5em);
+          border-radius: inherit;
+        `)
+	};
+});
+
+//#endregion
+export { useStyles };
+//# sourceMappingURL=style.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","names":["radius: number","cx"],"sources":["../../../src/awesome/GradientButton/style.ts"],"sourcesContent":["import type { ButtonProps } from 'antd';\nimport { createStyles } from 'antd-style';\nimport { rgba } from 'polished';\n\nexport const useStyles = createStyles(\n  ({ isDarkMode, cx, css, token, stylish }, size: ButtonProps['size']) => {\n    let radius: number;\n    switch (size) {\n      case 'large': {\n        radius = token.borderRadiusLG;\n        break;\n      }\n      case 'middle': {\n        radius = token.borderRadius;\n        break;\n      }\n      case 'small': {\n        radius = token.borderRadiusSM;\n        break;\n      }\n      default: {\n        radius = token.borderRadius;\n        break;\n      }\n    }\n\n    return {\n      button: css`\n        position: relative;\n        z-index: 1;\n        border: none;\n        border-radius: ${radius}px !important;\n\n        &::before {\n          ${stylish.gradientAnimation}\n          content: '';\n\n          position: absolute;\n          z-index: -2;\n          inset: 0;\n\n          border-radius: ${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: ${isDarkMode ? token.colorBgLayout : token.colorBgContainer};\n          border-radius: ${radius - 1}px;\n        }\n\n        &:hover {\n          &::after {\n            background: ${rgba(\n              isDarkMode ? token.colorBgLayout : token.colorBgContainer,\n              isDarkMode ? 0.9 : 0.95,\n            )};\n          }\n        }\n\n        &:active {\n          &::after {\n            background: ${rgba(\n              isDarkMode ? token.colorBgLayout : token.colorBgContainer,\n              isDarkMode ? 0.85 : 0.9,\n            )};\n          }\n        }\n      `,\n      glow: cx(\n        stylish.gradientAnimation,\n        css`\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        `,\n      ),\n    };\n  },\n);\n"],"mappings":";;;;AAIA,MAAa,YAAY,cACtB,EAAE,YAAY,UAAI,YAAK,OAAO,WAAW,SAA8B;CACtE,IAAIA;AACJ,SAAQ,MAAR;EACE,KAAK;AACH,YAAS,MAAM;AACf;EAEF,KAAK;AACH,YAAS,MAAM;AACf;EAEF,KAAK;AACH,YAAS,MAAM;AACf;EAEF;AACE,YAAS,MAAM;AACf;;AAIJ,QAAO;EACL,QAAQ,KAAG;;;;yBAIQ,OAAO;;;YAGpB,QAAQ,kBAAkB;;;;;;;2BAOX,OAAO;;;;;;;;;;;;;;wBAcV,aAAa,MAAM,gBAAgB,MAAM,iBAAiB;2BACvD,SAAS,EAAE;;;;;0BAKZ,KACZ,aAAa,MAAM,gBAAgB,MAAM,kBACzC,aAAa,KAAM,IACpB,CAAC;;;;;;0BAMY,KACZ,aAAa,MAAM,gBAAgB,MAAM,kBACzC,aAAa,MAAO,GACrB,CAAC;;;;EAIR,MAAMC,KACJ,QAAQ,mBACR,KAAG;;;;;;;;;;;;UAaJ;EACF;EAEJ"}

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

@@ -0,0 +1,10 @@
+import { ButtonProps } from "../../Button/type.mjs";
+import "../../Button/index.mjs";
+
+//#region src/awesome/GradientButton/type.d.ts
+interface GradientButtonProps extends ButtonProps {
+  glow?: boolean;
+}
+//#endregion
+export { GradientButtonProps };
+//# sourceMappingURL=type.d.mts.map

package/es/awesome/GridBackground/GridBackground.d.mts

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

package/es/awesome/GridBackground/GridBackground.mjs

@@ -0,0 +1,96 @@
+'use client';
+
+import Grid_default from "./components/Grid.mjs";
+import { useStyles } from "./style.mjs";
+import { memo, useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { useSize } from "ahooks";
+import { shuffle } from "lodash-es";
+
+//#region src/awesome/GridBackground/GridBackground.tsx
+const initialGroup = [
+	0,
+	1,
+	2,
+	3,
+	4,
+	5,
+	6,
+	7,
+	8,
+	9,
+	10,
+	11,
+	12,
+	13,
+	14
+];
+const GridBackground = memo(({ flip, reverse, showBackground, backgroundColor, random, animationDuration = 8, className, colorFront, colorBack, strokeWidth, style, animation, ...rest }) => {
+	const ref = useRef(null);
+	const size = useSize(ref);
+	const { styles, cx, theme } = useStyles({
+		backgroundColor,
+		reverse
+	});
+	const gridProps = useMemo(() => ({
+		className: styles.highlight,
+		color: colorFront || theme.colorText,
+		strokeWidth
+	}), [
+		reverse,
+		colorFront,
+		strokeWidth
+	]);
+	const [group, setGroup] = useState(random ? initialGroup : void 0);
+	useEffect(() => {
+		setGroup(random ? shuffle(initialGroup) : void 0);
+	}, [random]);
+	const HighlightGrid = useCallback(() => {
+		if (!group) return /* @__PURE__ */ jsx(Grid_default, {
+			style: { "--duration": `${animationDuration}s` },
+			...gridProps
+		});
+		return /* @__PURE__ */ jsx(Fragment$1, { children: group.map((item, index) => {
+			return /* @__PURE__ */ jsx(Grid_default, {
+				linePick: item,
+				style: {
+					"--delay": `${index + Math.random()}s`,
+					"--duration": `${animationDuration}s`
+				},
+				...gridProps
+			}, item);
+		}) });
+	}, [
+		group,
+		animationDuration,
+		gridProps
+	]);
+	return /* @__PURE__ */ jsxs("div", {
+		className: cx(styles.container, className),
+		ref,
+		style: flip ? {
+			transform: "scaleY(-1)",
+			...style
+		} : style,
+		...rest,
+		children: [
+			/* @__PURE__ */ jsx(Grid_default, {
+				color: colorBack || theme.colorBorder,
+				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";
+var GridBackground_default = GridBackground;
+
+//#endregion
+export { GridBackground_default as default };
+//# sourceMappingURL=GridBackground.mjs.map

package/es/awesome/GridBackground/GridBackground.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridBackground.mjs","names":["gridProps: GridProps","Grid"],"sources":["../../../src/awesome/GridBackground/GridBackground.tsx"],"sourcesContent":["'use client';\n\nimport { useSize } from 'ahooks';\nimport { shuffle } from 'lodash-es';\nimport { memo, useCallback, useEffect, useMemo, useRef, useState } from 'react';\n\nimport Grid, { type GridProps } from './components/Grid';\nimport { useStyles } from './style';\nimport type { GridBackgroundProps } from './type';\n\nconst initialGroup = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14];\n\nconst GridBackground = memo<GridBackgroundProps>(\n  ({\n    flip,\n    reverse,\n    showBackground,\n    backgroundColor,\n    random,\n    animationDuration = 8,\n    className,\n    colorFront,\n    colorBack,\n    strokeWidth,\n    style,\n    animation,\n    ...rest\n  }) => {\n    const ref = useRef(null);\n    const size = useSize(ref);\n    const { styles, cx, theme } = useStyles({ backgroundColor, reverse });\n\n    const gridProps: GridProps = useMemo(\n      () => ({\n        className: styles.highlight,\n        color: colorFront || theme.colorText,\n        strokeWidth,\n      }),\n      [reverse, colorFront, strokeWidth],\n    );\n\n    const [group, setGroup] = useState(random ? initialGroup : undefined);\n    useEffect(() => {\n      setGroup(random ? shuffle(initialGroup) : undefined);\n    }, [random]);\n\n    const HighlightGrid = useCallback(() => {\n      if (!group)\n        return <Grid style={{ '--duration': `${animationDuration}s` } as any} {...gridProps} />;\n\n      return (\n        <>\n          {group.map((item, index) => {\n            return (\n              <Grid\n                key={item}\n                linePick={item}\n                style={\n                  {\n                    '--delay': `${index + Math.random()}s`,\n                    '--duration': `${animationDuration}s`,\n                  } as any\n                }\n                {...gridProps}\n              />\n            );\n          })}\n        </>\n      );\n    }, [group, animationDuration, gridProps]);\n\n    return (\n      <div\n        className={cx(styles.container, className)}\n        ref={ref}\n        style={flip ? { transform: 'scaleY(-1)', ...style } : style}\n        {...rest}\n      >\n        <Grid\n          color={colorBack || theme.colorBorder}\n          strokeWidth={strokeWidth}\n          style={{ zIndex: 2 }}\n        />\n        {animation && <HighlightGrid />}\n        {showBackground && (\n          <div\n            className={styles.backgroundContainer}\n            style={size ? { fontSize: size.width / 80 } : {}}\n          >\n            <div className={styles.background} />\n          </div>\n        )}\n      </div>\n    );\n  },\n);\n\nGridBackground.displayName = 'GridBackground';\n\nexport default GridBackground;\n"],"mappings":";;;;;;;;;;AAUA,MAAM,eAAe;CAAC;CAAG;CAAG;CAAG;CAAG;CAAG;CAAG;CAAG;CAAG;CAAG;CAAG;CAAI;CAAI;CAAI;CAAI;CAAG;AAEvE,MAAM,iBAAiB,MACpB,EACC,MACA,SACA,gBACA,iBACA,QACA,oBAAoB,GACpB,WACA,YACA,WACA,aACA,OACA,WACA,GAAG,WACC;CACJ,MAAM,MAAM,OAAO,KAAK;CACxB,MAAM,OAAO,QAAQ,IAAI;CACzB,MAAM,EAAE,QAAQ,IAAI,UAAU,UAAU;EAAE;EAAiB;EAAS,CAAC;CAErE,MAAMA,YAAuB,eACpB;EACL,WAAW,OAAO;EAClB,OAAO,cAAc,MAAM;EAC3B;EACD,GACD;EAAC;EAAS;EAAY;EAAY,CACnC;CAED,MAAM,CAAC,OAAO,YAAY,SAAS,SAAS,eAAe,OAAU;AACrE,iBAAgB;AACd,WAAS,SAAS,QAAQ,aAAa,GAAG,OAAU;IACnD,CAAC,OAAO,CAAC;CAEZ,MAAM,gBAAgB,kBAAkB;AACtC,MAAI,CAAC,MACH,QAAO,oBAACC;GAAK,OAAO,EAAE,cAAc,GAAG,kBAAkB,IAAI;GAAS,GAAI;IAAa;AAEzF,SACE,4CACG,MAAM,KAAK,MAAM,UAAU;AAC1B,UACE,oBAACA;IAEC,UAAU;IACV,OACE;KACE,WAAW,GAAG,QAAQ,KAAK,QAAQ,CAAC;KACpC,cAAc,GAAG,kBAAkB;KACpC;IAEH,GAAI;MARC,KASL;IAEJ,GACD;IAEJ;EAAC;EAAO;EAAmB;EAAU,CAAC;AAEzC,QACE,qBAAC;EACC,WAAW,GAAG,OAAO,WAAW,UAAU;EACrC;EACL,OAAO,OAAO;GAAE,WAAW;GAAc,GAAG;GAAO,GAAG;EACtD,GAAI;;GAEJ,oBAACA;IACC,OAAO,aAAa,MAAM;IACb;IACb,OAAO,EAAE,QAAQ,GAAG;KACpB;GACD,aAAa,oBAAC,kBAAgB;GAC9B,kBACC,oBAAC;IACC,WAAW,OAAO;IAClB,OAAO,OAAO,EAAE,UAAU,KAAK,QAAQ,IAAI,GAAG,EAAE;cAEhD,oBAAC,SAAI,WAAW,OAAO,aAAc;KACjC;;GAEJ;EAGX;AAED,eAAe,cAAc;AAE7B,6BAAe"}

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

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