@lobehub/ui 5.6.2 → 5.6.4

package/es/awesome/Features/style.mjs

@@ -1,27 +1,26 @@
 import { createStaticStyles } from "antd-style";
-
 //#region src/awesome/Features/style.ts
 const prefixCls = "ant";
-const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => {
+const styles = createStaticStyles(({ css, cssVar }) => {
 	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`
+	const genSize = (size) => css`
     width: ${size}px;
     height: ${size}px;
     font-size: ${size * (22 / 24)}px;
   `;
-	const withTransition = css$1`
-    transition: all ${cssVar$1.motionDurationSlow} ${cssVar$1.motionEaseInOutCirc};
+	const withTransition = css`
+    transition: all ${cssVar.motionDurationSlow} ${cssVar.motionEaseInOutCirc};
   `;
 	return {
-		cell: css$1`
+		cell: css`
       overflow: hidden;
     `,
-		container: css$1`
+		container: css`
       ${withTransition}
       position: relative;
       z-index: 1;
@@ -44,7 +43,7 @@ const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => {
           width: 100%;
           height: calc(var(--features-row-num, 7) * ${scaleUnit}px);
           padding: 0;
-          background: ${cssVar$1.colorFillContent};
+          background: ${cssVar.colorFillContent};
         }
 
         .${imgCls} {
@@ -62,7 +61,7 @@ const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => {
         }
       }
     `,
-		containerHasLink: css$1`
+		containerHasLink: css`
       ${withTransition}
       position: relative;
       z-index: 1;
@@ -85,7 +84,7 @@ const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => {
           width: 100%;
           height: calc(var(--features-row-num, 7) * ${scaleUnit}px);
           padding: 0;
-          background: ${cssVar$1.colorFillContent};
+          background: ${cssVar.colorFillContent};
         }
 
         .${imgCls} {
@@ -103,11 +102,11 @@ const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => {
         }
       }
     `,
-		desc: css$1`
+		desc: css`
       ${descCls}
       ${withTransition}
       pointer-events: none;
-      color: ${cssVar$1.colorTextSecondary};
+      color: ${cssVar.colorTextSecondary};
 
       quotient {
         position: relative;
@@ -118,28 +117,28 @@ const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => {
         margin-inline: 0;
         padding-inline-start: 12px;
 
-        color: ${cssVar$1.colorTextDescription};
+        color: ${cssVar.colorTextDescription};
       }
     `,
-		img: css$1`
+		img: css`
       ${imgCls}
       ${withTransition}
       ${genSize(20)};
-      color: ${cssVar$1.colorText};
+      color: ${cssVar.colorText};
     `,
-		imgContainer: css$1`
+		imgContainer: css`
       ${coverCls}
       ${withTransition}
       ${genSize(24)};
       padding: 4px;
       opacity: 0.8;
-      border-radius: ${cssVar$1.borderRadius};
+      border-radius: ${cssVar.borderRadius};
     `,
-		link: css$1`
+		link: css`
       ${withTransition};
       margin-block-start: 24px;
     `,
-		title: css$1`
+		title: css`
       ${titleCls}
       ${withTransition}
       pointer-events: none;
@@ -148,12 +147,12 @@ const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => {
       margin-inline: 0;
 
       font-size: 20px;
-      line-height: ${cssVar$1.lineHeightHeading3};
-      color: ${cssVar$1.colorText};
+      line-height: ${cssVar.lineHeightHeading3};
+      color: ${cssVar.colorText};
     `
 	};
 });
-
 //#endregion
 export { styles };
+
 //# sourceMappingURL=style.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","names":["cssVar"],"sources":["../../../src/awesome/Features/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nconst prefixCls = 'ant';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => {\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 ${cssVar.motionDurationSlow} ${cssVar.motionEaseInOutCirc};\n  `;\n\n  return {\n    cell: css`\n      overflow: hidden;\n    `,\n\n    container: css`\n      ${withTransition}\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: calc(var(--features-row-num, 7) * ${scaleUnit}px);\n          padding: 0;\n          background: ${cssVar.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: var(--features-title-hover-size, 20px);\n        }\n      }\n    `,\n\n    containerHasLink: css`\n      ${withTransition}\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: calc(var(--features-row-num, 7) * ${scaleUnit}px);\n          padding: 0;\n          background: ${cssVar.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: 14px;\n        }\n      }\n    `,\n    desc: css`\n      ${descCls}\n      ${withTransition}\n      pointer-events: none;\n      color: ${cssVar.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: ${cssVar.colorTextDescription};\n      }\n    `,\n    img: css`\n      ${imgCls}\n      ${withTransition}\n      ${genSize(20)};\n      color: ${cssVar.colorText};\n    `,\n\n    imgContainer: css`\n      ${coverCls}\n      ${withTransition}\n      ${genSize(24)};\n      padding: 4px;\n      opacity: 0.8;\n      border-radius: ${cssVar.borderRadius};\n    `,\n\n    link: css`\n      ${withTransition};\n      margin-block-start: 24px;\n    `,\n\n    title: css`\n      ${titleCls}\n      ${withTransition}\n      pointer-events: none;\n\n      margin-block: 16px;\n      margin-inline: 0;\n\n      font-size: 20px;\n      line-height: ${cssVar.lineHeightHeading3};\n      color: ${cssVar.colorText};\n    `,\n  };\n});\n"],"mappings":";;;AAEA,MAAM,YAAY;AAElB,MAAa,SAAS,oBAAoB,EAAE,YAAK,uBAAa;CAC5D,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;aAC1B,KAAK;cACJ,KAAK;iBACF,QAAQ,KAAK,IAAI;;CAGhC,MAAM,iBAAiB,KAAG;sBACNA,SAAO,mBAAmB,GAAGA,SAAO,oBAAoB;;AAG5E,QAAO;EACL,MAAM,KAAG;;;EAIT,WAAW,KAAG;QACV,eAAe;;;;;;;;;;;;;;;;;;WAkBZ,SAAS;;sDAEkC,UAAU;;wBAExCA,SAAO,iBAAiB;;;WAGrC,OAAO;YACN,QAAQ,IAAI,CAAC;;;WAGd,QAAQ;;;;;;WAMR,SAAS;;;;;EAMhB,kBAAkB,KAAG;QACjB,eAAe;;;;;;;;;;;;;;;;;;WAkBZ,SAAS;;sDAEkC,UAAU;;wBAExCA,SAAO,iBAAiB;;;WAGrC,OAAO;YACN,QAAQ,IAAI,CAAC;;;WAGd,QAAQ;;;;;;WAMR,SAAS;;;;;EAKhB,MAAM,KAAG;QACL,QAAQ;QACR,eAAe;;eAERA,SAAO,mBAAmB;;;;;;;;;;;iBAWxBA,SAAO,qBAAqB;;;EAGzC,KAAK,KAAG;QACJ,OAAO;QACP,eAAe;QACf,QAAQ,GAAG,CAAC;eACLA,SAAO,UAAU;;EAG5B,cAAc,KAAG;QACb,SAAS;QACT,eAAe;QACf,QAAQ,GAAG,CAAC;;;uBAGGA,SAAO,aAAa;;EAGvC,MAAM,KAAG;QACL,eAAe;;;EAInB,OAAO,KAAG;QACN,SAAS;QACT,eAAe;;;;;;;qBAOFA,SAAO,mBAAmB;eAChCA,SAAO,UAAU;;EAE7B;EACD"}
+{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/awesome/Features/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nconst prefixCls = 'ant';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => {\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 ${cssVar.motionDurationSlow} ${cssVar.motionEaseInOutCirc};\n  `;\n\n  return {\n    cell: css`\n      overflow: hidden;\n    `,\n\n    container: css`\n      ${withTransition}\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: calc(var(--features-row-num, 7) * ${scaleUnit}px);\n          padding: 0;\n          background: ${cssVar.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: var(--features-title-hover-size, 20px);\n        }\n      }\n    `,\n\n    containerHasLink: css`\n      ${withTransition}\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: calc(var(--features-row-num, 7) * ${scaleUnit}px);\n          padding: 0;\n          background: ${cssVar.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: 14px;\n        }\n      }\n    `,\n    desc: css`\n      ${descCls}\n      ${withTransition}\n      pointer-events: none;\n      color: ${cssVar.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: ${cssVar.colorTextDescription};\n      }\n    `,\n    img: css`\n      ${imgCls}\n      ${withTransition}\n      ${genSize(20)};\n      color: ${cssVar.colorText};\n    `,\n\n    imgContainer: css`\n      ${coverCls}\n      ${withTransition}\n      ${genSize(24)};\n      padding: 4px;\n      opacity: 0.8;\n      border-radius: ${cssVar.borderRadius};\n    `,\n\n    link: css`\n      ${withTransition};\n      margin-block-start: 24px;\n    `,\n\n    title: css`\n      ${titleCls}\n      ${withTransition}\n      pointer-events: none;\n\n      margin-block: 16px;\n      margin-inline: 0;\n\n      font-size: 20px;\n      line-height: ${cssVar.lineHeightHeading3};\n      color: ${cssVar.colorText};\n    `,\n  };\n});\n"],"mappings":";;AAEA,MAAM,YAAY;AAElB,MAAa,SAAS,oBAAoB,EAAE,KAAK,aAAa;CAC5D,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,GAAG;aAC1B,KAAK;cACJ,KAAK;iBACF,QAAQ,KAAK,IAAI;;CAGhC,MAAM,iBAAiB,GAAG;sBACN,OAAO,mBAAmB,GAAG,OAAO,oBAAoB;;AAG5E,QAAO;EACL,MAAM,GAAG;;;EAIT,WAAW,GAAG;QACV,eAAe;;;;;;;;;;;;;;;;;;WAkBZ,SAAS;;sDAEkC,UAAU;;wBAExC,OAAO,iBAAiB;;;WAGrC,OAAO;YACN,QAAQ,IAAI,CAAC;;;WAGd,QAAQ;;;;;;WAMR,SAAS;;;;;EAMhB,kBAAkB,GAAG;QACjB,eAAe;;;;;;;;;;;;;;;;;;WAkBZ,SAAS;;sDAEkC,UAAU;;wBAExC,OAAO,iBAAiB;;;WAGrC,OAAO;YACN,QAAQ,IAAI,CAAC;;;WAGd,QAAQ;;;;;;WAMR,SAAS;;;;;EAKhB,MAAM,GAAG;QACL,QAAQ;QACR,eAAe;;eAER,OAAO,mBAAmB;;;;;;;;;;;iBAWxB,OAAO,qBAAqB;;;EAGzC,KAAK,GAAG;QACJ,OAAO;QACP,eAAe;QACf,QAAQ,GAAG,CAAC;eACL,OAAO,UAAU;;EAG5B,cAAc,GAAG;QACb,SAAS;QACT,eAAe;QACf,QAAQ,GAAG,CAAC;;;uBAGG,OAAO,aAAa;;EAGvC,MAAM,GAAG;QACL,eAAe;;;EAInB,OAAO,GAAG;QACN,SAAS;QACT,eAAe;;;;;;;qBAOF,OAAO,mBAAmB;eAChC,OAAO,UAAU;;EAE7B;EACD"}

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

@@ -1,8 +1,6 @@
 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

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

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

package/es/awesome/Giscus/Giscus.mjs

@@ -1,10 +1,8 @@
-'use client';
-
+"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();
@@ -25,8 +23,7 @@ const Giscus = memo(({ style, className, reactionsEnabled = "1", mapping = "titl
 	});
 });
 Giscus.displayName = "Giscus";
-var Giscus_default = Giscus;
-
 //#endregion
-export { Giscus_default as default };
+export { Giscus as default };
+
 //# sourceMappingURL=Giscus.mjs.map

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

@@ -1 +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"}
+{"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,OAAD;EAAgB;EAAkB;YAChC,oBAAC,iBAAD;GACgB;GACV;GACW;GACf,MAAM,WAAW,KAAK;GACb;GACA;GACS;GACX;GACP,GAAI;GACJ,CAAA;EACE,CAAA;EAGX;AAED,OAAO,cAAc"}

package/es/awesome/Giscus/style.mjs

@@ -2,7 +2,6 @@ import { safeReadableColor } from "../../utils/safeReadableColor.mjs";
 import { useMemo } from "react";
 import { css, useTheme } from "antd-style";
 import { rgba } from "polished";
-
 //#region src/awesome/Giscus/style.ts
 const useStyles = () => {
 	const theme = useTheme();
@@ -140,7 +139,7 @@ const formatLang = (lang) => {
 	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

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/awesome/Giscus/style.ts"],"sourcesContent":["import { css, useTheme } from 'antd-style';\nimport { rgba } from 'polished';\nimport { useMemo } from 'react';\n\nimport { safeReadableColor } from '@/utils/safeReadableColor';\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: ${safeReadableColor(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(safeReadableColor(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":";;;;;;AAMA,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,kBAAkB,MAAM,aAAa,CAAC;gCACxC,MAAM,aAAa;oCACf,MAAM,mBAAmB;;;sCAGvB,MAAM,kBAAkB;0CACpB,MAAM,wBAAwB;yCAC/B,MAAM,mBAAmB;;2CAEvB,KAAK,kBAAkB,MAAM,aAAa,EAAE,GAAI,CAAC;yCACnD,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"}
+{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/awesome/Giscus/style.ts"],"sourcesContent":["import { css, useTheme } from 'antd-style';\nimport { rgba } from 'polished';\nimport { useMemo } from 'react';\n\nimport { safeReadableColor } from '@/utils/safeReadableColor';\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: ${safeReadableColor(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(safeReadableColor(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":";;;;;AAMA,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,kBAAkB,MAAM,aAAa,CAAC;gCACxC,MAAM,aAAa;oCACf,MAAM,mBAAmB;;;sCAGvB,MAAM,kBAAkB;0CACpB,MAAM,wBAAwB;yCAC/B,MAAM,mBAAmB;;2CAEvB,KAAK,kBAAkB,MAAM,aAAa,EAAE,GAAI,CAAC;yCACnD,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/GradientButton/GradientButton.d.mts

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

package/es/awesome/GradientButton/GradientButton.mjs

@@ -1,11 +1,9 @@
-'use client';
-
-import Button_default from "../../Button/Button.mjs";
+"use client";
+import Button from "../../Button/Button.mjs";
 import { styles } from "./style.mjs";
 import { memo, useMemo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cssVar, cx, useThemeMode } from "antd-style";
-
 //#region src/awesome/GradientButton/GradientButton.tsx
 const GradientButton = memo(({ glow = true, children, className, size, disabled, style, ...rest }) => {
 	const { isDarkMode } = useThemeMode();
@@ -25,7 +23,7 @@ const GradientButton = memo(({ glow = true, children, className, size, disabled,
 		}
 		return { "--gradient-button-border-radius": borderRadius };
 	}, [size, disabled]);
-	return /* @__PURE__ */ jsxs(Button_default, {
+	return /* @__PURE__ */ jsxs(Button, {
 		disabled,
 		size,
 		variant: disabled ? void 0 : "text",
@@ -39,8 +37,7 @@ const GradientButton = memo(({ glow = true, children, className, size, disabled,
 	});
 });
 GradientButton.displayName = "GradientButton";
-var GradientButton_default = GradientButton;
-
 //#endregion
-export { GradientButton_default as default };
+export { GradientButton as default };
+
 //# sourceMappingURL=GradientButton.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"GradientButton.mjs","names":["borderRadius: string","Button"],"sources":["../../../src/awesome/GradientButton/GradientButton.tsx"],"sourcesContent":["'use client';\n\nimport { cssVar, cx, useThemeMode } from 'antd-style';\nimport { memo, useMemo } from 'react';\n\nimport Button from '@/Button';\n\nimport { styles } from './style';\nimport type { GradientButtonProps } from './type';\n\nconst GradientButton = memo<GradientButtonProps>(\n  ({ glow = true, children, className, size, disabled, style, ...rest }) => {\n    const { isDarkMode } = useThemeMode();\n\n    // Convert size prop to CSS variable for borderRadius\n    const cssVariables = useMemo<Record<string, string>>(() => {\n      if (!size || disabled) return {} as Record<string, string>;\n      let borderRadius: string;\n      switch (size) {\n        case 'large': {\n          borderRadius = cssVar.borderRadiusLG;\n          break;\n        }\n        case 'small': {\n          borderRadius = cssVar.borderRadiusSM;\n          break;\n        }\n        default: {\n          borderRadius = cssVar.borderRadius;\n          break;\n        }\n      }\n      return {\n        '--gradient-button-border-radius': borderRadius,\n      };\n    }, [size, disabled]);\n\n    return (\n      <Button\n        disabled={disabled}\n        size={size}\n        variant={disabled ? undefined : 'text'}\n        className={cx(\n          !disabled && (isDarkMode ? styles.buttonDark : styles.buttonLight),\n          className,\n        )}\n        style={{\n          ...cssVariables,\n          ...style,\n        }}\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":";;;;;;;;;AAUA,MAAM,iBAAiB,MACpB,EAAE,OAAO,MAAM,UAAU,WAAW,MAAM,UAAU,OAAO,GAAG,WAAW;CACxE,MAAM,EAAE,eAAe,cAAc;CAGrC,MAAM,eAAe,cAAsC;AACzD,MAAI,CAAC,QAAQ,SAAU,QAAO,EAAE;EAChC,IAAIA;AACJ,UAAQ,MAAR;GACE,KAAK;AACH,mBAAe,OAAO;AACtB;GAEF,KAAK;AACH,mBAAe,OAAO;AACtB;GAEF;AACE,mBAAe,OAAO;AACtB;;AAGJ,SAAO,EACL,mCAAmC,cACpC;IACA,CAAC,MAAM,SAAS,CAAC;AAEpB,QACE,qBAACC;EACW;EACJ;EACN,SAAS,WAAW,SAAY;EAChC,WAAW,GACT,CAAC,aAAa,aAAa,OAAO,aAAa,OAAO,cACtD,UACD;EACD,OAAO;GACL,GAAG;GACH,GAAG;GACJ;EACD,GAAI;aAEH,QAAQ,oBAAC,SAAI,WAAW,OAAO,OAAQ,EACvC;GACM;EAGd;AAED,eAAe,cAAc;AAE7B,6BAAe"}
+{"version":3,"file":"GradientButton.mjs","names":[],"sources":["../../../src/awesome/GradientButton/GradientButton.tsx"],"sourcesContent":["'use client';\n\nimport { cssVar, cx, useThemeMode } from 'antd-style';\nimport { memo, useMemo } from 'react';\n\nimport Button from '@/Button';\n\nimport { styles } from './style';\nimport type { GradientButtonProps } from './type';\n\nconst GradientButton = memo<GradientButtonProps>(\n  ({ glow = true, children, className, size, disabled, style, ...rest }) => {\n    const { isDarkMode } = useThemeMode();\n\n    // Convert size prop to CSS variable for borderRadius\n    const cssVariables = useMemo<Record<string, string>>(() => {\n      if (!size || disabled) return {} as Record<string, string>;\n      let borderRadius: string;\n      switch (size) {\n        case 'large': {\n          borderRadius = cssVar.borderRadiusLG;\n          break;\n        }\n        case 'small': {\n          borderRadius = cssVar.borderRadiusSM;\n          break;\n        }\n        default: {\n          borderRadius = cssVar.borderRadius;\n          break;\n        }\n      }\n      return {\n        '--gradient-button-border-radius': borderRadius,\n      };\n    }, [size, disabled]);\n\n    return (\n      <Button\n        disabled={disabled}\n        size={size}\n        variant={disabled ? undefined : 'text'}\n        className={cx(\n          !disabled && (isDarkMode ? styles.buttonDark : styles.buttonLight),\n          className,\n        )}\n        style={{\n          ...cssVariables,\n          ...style,\n        }}\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":";;;;;;;AAUA,MAAM,iBAAiB,MACpB,EAAE,OAAO,MAAM,UAAU,WAAW,MAAM,UAAU,OAAO,GAAG,WAAW;CACxE,MAAM,EAAE,eAAe,cAAc;CAGrC,MAAM,eAAe,cAAsC;AACzD,MAAI,CAAC,QAAQ,SAAU,QAAO,EAAE;EAChC,IAAI;AACJ,UAAQ,MAAR;GACE,KAAK;AACH,mBAAe,OAAO;AACtB;GAEF,KAAK;AACH,mBAAe,OAAO;AACtB;GAEF;AACE,mBAAe,OAAO;AACtB;;AAGJ,SAAO,EACL,mCAAmC,cACpC;IACA,CAAC,MAAM,SAAS,CAAC;AAEpB,QACE,qBAAC,QAAD;EACY;EACJ;EACN,SAAS,WAAW,KAAA,IAAY;EAChC,WAAW,GACT,CAAC,aAAa,aAAa,OAAO,aAAa,OAAO,cACtD,UACD;EACD,OAAO;GACL,GAAG;GACH,GAAG;GACJ;EACD,GAAI;YAZN,CAcG,QAAQ,oBAAC,OAAD,EAAK,WAAW,OAAO,MAAQ,CAAA,EACvC,SACM;;EAGd;AAED,eAAe,cAAc"}

package/es/awesome/GradientButton/style.mjs

@@ -1,11 +1,10 @@
 import { staticStylish } from "../../styles/theme/customStylishStatic.mjs";
 import { createStaticStyles, cx } from "antd-style";
-
 //#region src/awesome/GradientButton/style.ts
-const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => {
+const styles = createStaticStyles(({ css, cssVar }) => {
 	const borderRadius = "var(--gradient-button-border-radius, var(--ant-border-radius))";
 	return {
-		buttonDark: css$1`
+		buttonDark: css`
       position: relative;
       z-index: 1;
       border: none;
@@ -34,22 +33,22 @@ const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => {
         height: calc(100% - 2px);
         border-radius: calc(${borderRadius} - 1px);
 
-        background: ${cssVar$1.colorBgLayout};
+        background: ${cssVar.colorBgLayout};
       }
 
       &:hover {
         &::after {
-          background: color-mix(in srgb, ${cssVar$1.colorBgLayout} 90%, transparent);
+          background: color-mix(in srgb, ${cssVar.colorBgLayout} 90%, transparent);
         }
       }
 
       &:active {
         &::after {
-          background: color-mix(in srgb, ${cssVar$1.colorBgLayout} 85%, transparent);
+          background: color-mix(in srgb, ${cssVar.colorBgLayout} 85%, transparent);
         }
       }
     `,
-		buttonLight: css$1`
+		buttonLight: css`
       position: relative;
       z-index: 1;
       border: none;
@@ -78,22 +77,22 @@ const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => {
         height: calc(100% - 2px);
         border-radius: calc(${borderRadius} - 1px);
 
-        background: ${cssVar$1.colorBgContainer};
+        background: ${cssVar.colorBgContainer};
       }
 
       &:hover {
         &::after {
-          background: color-mix(in srgb, ${cssVar$1.colorBgContainer} 95%, transparent);
+          background: color-mix(in srgb, ${cssVar.colorBgContainer} 95%, transparent);
         }
       }
 
       &:active {
         &::after {
-          background: color-mix(in srgb, ${cssVar$1.colorBgContainer} 90%, transparent);
+          background: color-mix(in srgb, ${cssVar.colorBgContainer} 90%, transparent);
         }
       }
     `,
-		glow: cx(staticStylish.gradientAnimation, css$1`
+		glow: cx(staticStylish.gradientAnimation, css`
         position: absolute;
         z-index: -2;
         inset-block-start: 0;
@@ -108,7 +107,7 @@ const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => {
       `)
 	};
 });
-
 //#endregion
 export { styles };
+
 //# sourceMappingURL=style.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","names":["lobeStaticStylish","cssVar"],"sources":["../../../src/awesome/GradientButton/style.ts"],"sourcesContent":["import { createStaticStyles, cx } from 'antd-style';\n\nimport { lobeStaticStylish } from '@/styles';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => {\n  const borderRadius = 'var(--gradient-button-border-radius, var(--ant-border-radius))';\n\n  return {\n    buttonDark: css`\n      position: relative;\n      z-index: 1;\n      border: none;\n      border-radius: ${borderRadius} !important;\n\n      &::before {\n        ${lobeStaticStylish.gradientAnimation}\n        content: '';\n\n        position: absolute;\n        z-index: -2;\n        inset: 0;\n\n        border-radius: ${borderRadius};\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        border-radius: calc(${borderRadius} - 1px);\n\n        background: ${cssVar.colorBgLayout};\n      }\n\n      &:hover {\n        &::after {\n          background: color-mix(in srgb, ${cssVar.colorBgLayout} 90%, transparent);\n        }\n      }\n\n      &:active {\n        &::after {\n          background: color-mix(in srgb, ${cssVar.colorBgLayout} 85%, transparent);\n        }\n      }\n    `,\n    buttonLight: css`\n      position: relative;\n      z-index: 1;\n      border: none;\n      border-radius: ${borderRadius} !important;\n\n      &::before {\n        ${lobeStaticStylish.gradientAnimation}\n        content: '';\n\n        position: absolute;\n        z-index: -2;\n        inset: 0;\n\n        border-radius: ${borderRadius};\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        border-radius: calc(${borderRadius} - 1px);\n\n        background: ${cssVar.colorBgContainer};\n      }\n\n      &:hover {\n        &::after {\n          background: color-mix(in srgb, ${cssVar.colorBgContainer} 95%, transparent);\n        }\n      }\n\n      &:active {\n        &::after {\n          background: color-mix(in srgb, ${cssVar.colorBgContainer} 90%, transparent);\n        }\n      }\n    `,\n    glow: cx(\n      lobeStaticStylish.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        border-radius: inherit;\n\n        opacity: 0.5;\n        filter: blur(0.5em);\n      `,\n    ),\n  };\n});\n"],"mappings":";;;;AAIA,MAAa,SAAS,oBAAoB,EAAE,YAAK,uBAAa;CAC5D,MAAM,eAAe;AAErB,QAAO;EACL,YAAY,KAAG;;;;uBAII,aAAa;;;UAG1BA,cAAkB,kBAAkB;;;;;;;yBAOrB,aAAa;;;;;;;;;;;;;8BAaR,aAAa;;sBAErBC,SAAO,cAAc;;;;;2CAKAA,SAAO,cAAc;;;;;;2CAMrBA,SAAO,cAAc;;;;EAI5D,aAAa,KAAG;;;;uBAIG,aAAa;;;UAG1BD,cAAkB,kBAAkB;;;;;;;yBAOrB,aAAa;;;;;;;;;;;;;8BAaR,aAAa;;sBAErBC,SAAO,iBAAiB;;;;;2CAKHA,SAAO,iBAAiB;;;;;;2CAMxBA,SAAO,iBAAiB;;;;EAI/D,MAAM,GACJD,cAAkB,mBAClB,KAAG;;;;;;;;;;;;QAaJ;EACF;EACD"}
+{"version":3,"file":"style.mjs","names":["lobeStaticStylish"],"sources":["../../../src/awesome/GradientButton/style.ts"],"sourcesContent":["import { createStaticStyles, cx } from 'antd-style';\n\nimport { lobeStaticStylish } from '@/styles';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => {\n  const borderRadius = 'var(--gradient-button-border-radius, var(--ant-border-radius))';\n\n  return {\n    buttonDark: css`\n      position: relative;\n      z-index: 1;\n      border: none;\n      border-radius: ${borderRadius} !important;\n\n      &::before {\n        ${lobeStaticStylish.gradientAnimation}\n        content: '';\n\n        position: absolute;\n        z-index: -2;\n        inset: 0;\n\n        border-radius: ${borderRadius};\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        border-radius: calc(${borderRadius} - 1px);\n\n        background: ${cssVar.colorBgLayout};\n      }\n\n      &:hover {\n        &::after {\n          background: color-mix(in srgb, ${cssVar.colorBgLayout} 90%, transparent);\n        }\n      }\n\n      &:active {\n        &::after {\n          background: color-mix(in srgb, ${cssVar.colorBgLayout} 85%, transparent);\n        }\n      }\n    `,\n    buttonLight: css`\n      position: relative;\n      z-index: 1;\n      border: none;\n      border-radius: ${borderRadius} !important;\n\n      &::before {\n        ${lobeStaticStylish.gradientAnimation}\n        content: '';\n\n        position: absolute;\n        z-index: -2;\n        inset: 0;\n\n        border-radius: ${borderRadius};\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        border-radius: calc(${borderRadius} - 1px);\n\n        background: ${cssVar.colorBgContainer};\n      }\n\n      &:hover {\n        &::after {\n          background: color-mix(in srgb, ${cssVar.colorBgContainer} 95%, transparent);\n        }\n      }\n\n      &:active {\n        &::after {\n          background: color-mix(in srgb, ${cssVar.colorBgContainer} 90%, transparent);\n        }\n      }\n    `,\n    glow: cx(\n      lobeStaticStylish.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        border-radius: inherit;\n\n        opacity: 0.5;\n        filter: blur(0.5em);\n      `,\n    ),\n  };\n});\n"],"mappings":";;;AAIA,MAAa,SAAS,oBAAoB,EAAE,KAAK,aAAa;CAC5D,MAAM,eAAe;AAErB,QAAO;EACL,YAAY,GAAG;;;;uBAII,aAAa;;;UAG1BA,cAAkB,kBAAkB;;;;;;;yBAOrB,aAAa;;;;;;;;;;;;;8BAaR,aAAa;;sBAErB,OAAO,cAAc;;;;;2CAKA,OAAO,cAAc;;;;;;2CAMrB,OAAO,cAAc;;;;EAI5D,aAAa,GAAG;;;;uBAIG,aAAa;;;UAG1BA,cAAkB,kBAAkB;;;;;;;yBAOrB,aAAa;;;;;;;;;;;;;8BAaR,aAAa;;sBAErB,OAAO,iBAAiB;;;;;2CAKH,OAAO,iBAAiB;;;;;;2CAMxB,OAAO,iBAAiB;;;;EAI/D,MAAM,GACJA,cAAkB,mBAClB,GAAG;;;;;;;;;;;;QAaJ;EACF;EACD"}

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

@@ -1,6 +1,4 @@
 import { ButtonProps } from "../../Button/type.mjs";
-import "../../Button/index.mjs";
-
 //#region src/awesome/GradientButton/type.d.ts
 interface GradientButtonProps extends ButtonProps {
   glow?: boolean;

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

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

package/es/awesome/GridBackground/GridBackground.mjs

@@ -1,6 +1,5 @@
-'use client';
-
-import Grid_default from "./components/Grid.mjs";
+"use client";
+import Grid from "./components/Grid.mjs";
 import { styles } from "./style.mjs";
 import { memo, useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
@@ -8,7 +7,6 @@ import { cssVar, cx, useTheme } from "antd-style";
 import { shuffle } from "es-toolkit/compat";
 import chroma from "chroma-js";
 import { useSize } from "ahooks";
-
 //#region src/awesome/GridBackground/GridBackground.tsx
 const initialGroup = [
 	0,
@@ -64,12 +62,12 @@ const GridBackground = memo(({ flip, reverse, showBackground, backgroundColor, r
 		setGroup(random ? shuffle(initialGroup) : void 0);
 	}, [random]);
 	const HighlightGrid = useCallback(() => {
-		if (!group) return /* @__PURE__ */ jsx(Grid_default, {
+		if (!group) return /* @__PURE__ */ jsx(Grid, {
 			style: { "--duration": `${animationDuration}s` },
 			...gridProps
 		});
 		return /* @__PURE__ */ jsx(Fragment$1, { children: group.map((item, index) => {
-			return /* @__PURE__ */ jsx(Grid_default, {
+			return /* @__PURE__ */ jsx(Grid, {
 				linePick: item,
 				style: {
 					"--delay": `${index + Math.random()}s`,
@@ -92,7 +90,7 @@ const GridBackground = memo(({ flip, reverse, showBackground, backgroundColor, r
 		} : style,
 		...rest,
 		children: [
-			/* @__PURE__ */ jsx(Grid_default, {
+			/* @__PURE__ */ jsx(Grid, {
 				color: colorBack || cssVar.colorBorder,
 				strokeWidth,
 				style: { zIndex: 2 }
@@ -110,8 +108,7 @@ const GridBackground = memo(({ flip, reverse, showBackground, backgroundColor, r
 	});
 });
 GridBackground.displayName = "GridBackground";
-var GridBackground_default = GridBackground;
-
 //#endregion
-export { GridBackground_default as default };
+export { GridBackground as default };
+
 //# sourceMappingURL=GridBackground.mjs.map

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

@@ -1 +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 { cssVar, cx, useTheme } from 'antd-style';\nimport chroma from 'chroma-js';\nimport { shuffle } from 'es-toolkit/compat';\nimport { memo, useCallback, useEffect, useMemo, useRef, useState } from 'react';\n\nimport Grid, { type GridProps } from './components/Grid';\nimport { styles } 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 theme = useTheme();\n\n    const backgroundCssVariables = useMemo<Record<string, string>>(() => {\n      if (!showBackground) return {} as Record<string, string>;\n\n      const scale = chroma\n        .bezier([theme.colorText, backgroundColor || 'blue', theme.colorBgLayout])\n        .scale()\n        .mode('lch')\n        .correctLightness()\n        .colors(6);\n\n      return {\n        '--grid-background-color-1': scale[1],\n        '--grid-background-color-2': scale[2],\n        '--grid-background-color-3': scale[3],\n        '--grid-background-color-4': scale[4],\n      };\n    }, [showBackground, backgroundColor, theme.colorText, theme.colorBgLayout]);\n\n    const gridProps: GridProps = useMemo(\n      () => ({\n        className: reverse ? styles.highlightReverse : styles.highlight,\n        color: colorFront || cssVar.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 || cssVar.colorBorder}\n          strokeWidth={strokeWidth}\n          style={{ zIndex: 2 }}\n        />\n        {animation && <HighlightGrid />}\n        {showBackground && (\n          <div\n            className={styles.backgroundContainer}\n            style={{\n              ...(size ? { fontSize: size.width / 80 } : {}),\n              ...backgroundCssVariables,\n            }}\n          >\n            <div className={styles.background} />\n          </div>\n        )}\n      </div>\n    );\n  },\n);\n\nGridBackground.displayName = 'GridBackground';\n\nexport default GridBackground;\n"],"mappings":";;;;;;;;;;;;AAYA,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,QAAQ,UAAU;CAExB,MAAM,yBAAyB,cAAsC;AACnE,MAAI,CAAC,eAAgB,QAAO,EAAE;EAE9B,MAAM,QAAQ,OACX,OAAO;GAAC,MAAM;GAAW,mBAAmB;GAAQ,MAAM;GAAc,CAAC,CACzE,OAAO,CACP,KAAK,MAAM,CACX,kBAAkB,CAClB,OAAO,EAAE;AAEZ,SAAO;GACL,6BAA6B,MAAM;GACnC,6BAA6B,MAAM;GACnC,6BAA6B,MAAM;GACnC,6BAA6B,MAAM;GACpC;IACA;EAAC;EAAgB;EAAiB,MAAM;EAAW,MAAM;EAAc,CAAC;CAE3E,MAAMA,YAAuB,eACpB;EACL,WAAW,UAAU,OAAO,mBAAmB,OAAO;EACtD,OAAO,cAAc,OAAO;EAC5B;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,OAAO;IACd;IACb,OAAO,EAAE,QAAQ,GAAG;KACpB;GACD,aAAa,oBAAC,kBAAgB;GAC9B,kBACC,oBAAC;IACC,WAAW,OAAO;IAClB,OAAO;KACL,GAAI,OAAO,EAAE,UAAU,KAAK,QAAQ,IAAI,GAAG,EAAE;KAC7C,GAAG;KACJ;cAED,oBAAC,SAAI,WAAW,OAAO,aAAc;KACjC;;GAEJ;EAGX;AAED,eAAe,cAAc;AAE7B,6BAAe"}
+{"version":3,"file":"GridBackground.mjs","names":[],"sources":["../../../src/awesome/GridBackground/GridBackground.tsx"],"sourcesContent":["'use client';\n\nimport { useSize } from 'ahooks';\nimport { cssVar, cx, useTheme } from 'antd-style';\nimport chroma from 'chroma-js';\nimport { shuffle } from 'es-toolkit/compat';\nimport { memo, useCallback, useEffect, useMemo, useRef, useState } from 'react';\n\nimport Grid, { type GridProps } from './components/Grid';\nimport { styles } 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 theme = useTheme();\n\n    const backgroundCssVariables = useMemo<Record<string, string>>(() => {\n      if (!showBackground) return {} as Record<string, string>;\n\n      const scale = chroma\n        .bezier([theme.colorText, backgroundColor || 'blue', theme.colorBgLayout])\n        .scale()\n        .mode('lch')\n        .correctLightness()\n        .colors(6);\n\n      return {\n        '--grid-background-color-1': scale[1],\n        '--grid-background-color-2': scale[2],\n        '--grid-background-color-3': scale[3],\n        '--grid-background-color-4': scale[4],\n      };\n    }, [showBackground, backgroundColor, theme.colorText, theme.colorBgLayout]);\n\n    const gridProps: GridProps = useMemo(\n      () => ({\n        className: reverse ? styles.highlightReverse : styles.highlight,\n        color: colorFront || cssVar.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 || cssVar.colorBorder}\n          strokeWidth={strokeWidth}\n          style={{ zIndex: 2 }}\n        />\n        {animation && <HighlightGrid />}\n        {showBackground && (\n          <div\n            className={styles.backgroundContainer}\n            style={{\n              ...(size ? { fontSize: size.width / 80 } : {}),\n              ...backgroundCssVariables,\n            }}\n          >\n            <div className={styles.background} />\n          </div>\n        )}\n      </div>\n    );\n  },\n);\n\nGridBackground.displayName = 'GridBackground';\n\nexport default GridBackground;\n"],"mappings":";;;;;;;;;;AAYA,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,QAAQ,UAAU;CAExB,MAAM,yBAAyB,cAAsC;AACnE,MAAI,CAAC,eAAgB,QAAO,EAAE;EAE9B,MAAM,QAAQ,OACX,OAAO;GAAC,MAAM;GAAW,mBAAmB;GAAQ,MAAM;GAAc,CAAC,CACzE,OAAO,CACP,KAAK,MAAM,CACX,kBAAkB,CAClB,OAAO,EAAE;AAEZ,SAAO;GACL,6BAA6B,MAAM;GACnC,6BAA6B,MAAM;GACnC,6BAA6B,MAAM;GACnC,6BAA6B,MAAM;GACpC;IACA;EAAC;EAAgB;EAAiB,MAAM;EAAW,MAAM;EAAc,CAAC;CAE3E,MAAM,YAAuB,eACpB;EACL,WAAW,UAAU,OAAO,mBAAmB,OAAO;EACtD,OAAO,cAAc,OAAO;EAC5B;EACD,GACD;EAAC;EAAS;EAAY;EAAY,CACnC;CAED,MAAM,CAAC,OAAO,YAAY,SAAS,SAAS,eAAe,KAAA,EAAU;AACrE,iBAAgB;AACd,WAAS,SAAS,QAAQ,aAAa,GAAG,KAAA,EAAU;IACnD,CAAC,OAAO,CAAC;CAEZ,MAAM,gBAAgB,kBAAkB;AACtC,MAAI,CAAC,MACH,QAAO,oBAAC,MAAD;GAAM,OAAO,EAAE,cAAc,GAAG,kBAAkB,IAAI;GAAS,GAAI;GAAa,CAAA;AAEzF,SACE,oBAAA,YAAA,EAAA,UACG,MAAM,KAAK,MAAM,UAAU;AAC1B,UACE,oBAAC,MAAD;IAEE,UAAU;IACV,OACE;KACE,WAAW,GAAG,QAAQ,KAAK,QAAQ,CAAC;KACpC,cAAc,GAAG,kBAAkB;KACpC;IAEH,GAAI;IACJ,EATK,KASL;IAEJ,EACD,CAAA;IAEJ;EAAC;EAAO;EAAmB;EAAU,CAAC;AAEzC,QACE,qBAAC,OAAD;EACE,WAAW,GAAG,OAAO,WAAW,UAAU;EACrC;EACL,OAAO,OAAO;GAAE,WAAW;GAAc,GAAG;GAAO,GAAG;EACtD,GAAI;YAJN;GAME,oBAAC,MAAD;IACE,OAAO,aAAa,OAAO;IACd;IACb,OAAO,EAAE,QAAQ,GAAG;IACpB,CAAA;GACD,aAAa,oBAAC,eAAD,EAAiB,CAAA;GAC9B,kBACC,oBAAC,OAAD;IACE,WAAW,OAAO;IAClB,OAAO;KACL,GAAI,OAAO,EAAE,UAAU,KAAK,QAAQ,IAAI,GAAG,EAAE;KAC7C,GAAG;KACJ;cAED,oBAAC,OAAD,EAAK,WAAW,OAAO,YAAc,CAAA;IACjC,CAAA;GAEJ;;EAGX;AAED,eAAe,cAAc"}

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

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

package/es/awesome/GridBackground/GridShowcase.mjs

@@ -1,12 +1,10 @@
-'use client';
-
+"use client";
 import FlexBasic_default from "../../Flex/FlexBasic.mjs";
-import GridBackground_default from "./GridBackground.mjs";
+import GridBackground from "./GridBackground.mjs";
 import { memo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useTheme } from "antd-style";
 import { rgba } from "polished";
-
 //#region src/awesome/GridBackground/GridShowcase.tsx
 const GridShowcase = memo(({ style, children, backgroundColor = "#001dff", innerProps, ...rest }) => {
 	const theme = useTheme();
@@ -17,7 +15,7 @@ const GridShowcase = memo(({ style, children, backgroundColor = "#001dff", inner
 		},
 		...rest,
 		children: [
-			/* @__PURE__ */ jsx(GridBackground_default, {
+			/* @__PURE__ */ jsx(GridBackground, {
 				animation: true,
 				flip: true,
 				colorBack: rgba(theme.colorText, .12),
@@ -32,7 +30,7 @@ const GridShowcase = memo(({ style, children, backgroundColor = "#001dff", inner
 				},
 				children
 			}),
-			/* @__PURE__ */ jsx(GridBackground_default, {
+			/* @__PURE__ */ jsx(GridBackground, {
 				animation: true,
 				random: true,
 				reverse: true,
@@ -46,8 +44,7 @@ const GridShowcase = memo(({ style, children, backgroundColor = "#001dff", inner
 	});
 });
 GridShowcase.displayName = "GridShowcase";
-var GridShowcase_default = GridShowcase;
-
 //#endregion
-export { GridShowcase_default as default };
+export { GridShowcase as default };
+
 //# sourceMappingURL=GridShowcase.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"GridShowcase.mjs","names":["Flexbox","GridBackground"],"sources":["../../../src/awesome/GridBackground/GridShowcase.tsx"],"sourcesContent":["'use client';\n\nimport { useTheme } from 'antd-style';\nimport { rgba } from 'polished';\nimport { memo } from 'react';\n\nimport { Flexbox } from '@/Flex';\n\nimport GridBackground from './GridBackground';\nimport type { GridShowcaseProps } from './type';\n\nconst GridShowcase = memo<GridShowcaseProps>(\n  ({ style, children, backgroundColor = '#001dff', innerProps, ...rest }) => {\n    const theme = useTheme();\n\n    return (\n      <Flexbox style={{ position: 'relative', ...style }} {...rest}>\n        <GridBackground\n          animation\n          flip\n          colorBack={rgba(theme.colorText, 0.12)}\n          colorFront={rgba(theme.colorText, 0.6)}\n        />\n        <Flexbox align={'center'} {...innerProps} style={{ zIndex: 4, ...innerProps?.style }}>\n          {children}\n        </Flexbox>\n        <GridBackground\n          animation\n          random\n          reverse\n          showBackground\n          backgroundColor={backgroundColor}\n          colorBack={rgba(theme.colorText, 0.24)}\n          colorFront={theme.colorText}\n          style={{ zIndex: 0 }}\n        />\n      </Flexbox>\n    );\n  },\n);\n\nGridShowcase.displayName = 'GridShowcase';\n\nexport default GridShowcase;\n"],"mappings":";;;;;;;;;;AAWA,MAAM,eAAe,MAClB,EAAE,OAAO,UAAU,kBAAkB,WAAW,YAAY,GAAG,WAAW;CACzE,MAAM,QAAQ,UAAU;AAExB,QACE,qBAACA;EAAQ,OAAO;GAAE,UAAU;GAAY,GAAG;GAAO;EAAE,GAAI;;GACtD,oBAACC;IACC;IACA;IACA,WAAW,KAAK,MAAM,WAAW,IAAK;IACtC,YAAY,KAAK,MAAM,WAAW,GAAI;KACtC;GACF,oBAACD;IAAQ,OAAO;IAAU,GAAI;IAAY,OAAO;KAAE,QAAQ;KAAG,GAAG,YAAY;KAAO;IACjF;KACO;GACV,oBAACC;IACC;IACA;IACA;IACA;IACiB;IACjB,WAAW,KAAK,MAAM,WAAW,IAAK;IACtC,YAAY,MAAM;IAClB,OAAO,EAAE,QAAQ,GAAG;KACpB;;GACM;EAGf;AAED,aAAa,cAAc;AAE3B,2BAAe"}
+{"version":3,"file":"GridShowcase.mjs","names":["Flexbox"],"sources":["../../../src/awesome/GridBackground/GridShowcase.tsx"],"sourcesContent":["'use client';\n\nimport { useTheme } from 'antd-style';\nimport { rgba } from 'polished';\nimport { memo } from 'react';\n\nimport { Flexbox } from '@/Flex';\n\nimport GridBackground from './GridBackground';\nimport type { GridShowcaseProps } from './type';\n\nconst GridShowcase = memo<GridShowcaseProps>(\n  ({ style, children, backgroundColor = '#001dff', innerProps, ...rest }) => {\n    const theme = useTheme();\n\n    return (\n      <Flexbox style={{ position: 'relative', ...style }} {...rest}>\n        <GridBackground\n          animation\n          flip\n          colorBack={rgba(theme.colorText, 0.12)}\n          colorFront={rgba(theme.colorText, 0.6)}\n        />\n        <Flexbox align={'center'} {...innerProps} style={{ zIndex: 4, ...innerProps?.style }}>\n          {children}\n        </Flexbox>\n        <GridBackground\n          animation\n          random\n          reverse\n          showBackground\n          backgroundColor={backgroundColor}\n          colorBack={rgba(theme.colorText, 0.24)}\n          colorFront={theme.colorText}\n          style={{ zIndex: 0 }}\n        />\n      </Flexbox>\n    );\n  },\n);\n\nGridShowcase.displayName = 'GridShowcase';\n\nexport default GridShowcase;\n"],"mappings":";;;;;;;;AAWA,MAAM,eAAe,MAClB,EAAE,OAAO,UAAU,kBAAkB,WAAW,YAAY,GAAG,WAAW;CACzE,MAAM,QAAQ,UAAU;AAExB,QACE,qBAACA,mBAAD;EAAS,OAAO;GAAE,UAAU;GAAY,GAAG;GAAO;EAAE,GAAI;YAAxD;GACE,oBAAC,gBAAD;IACE,WAAA;IACA,MAAA;IACA,WAAW,KAAK,MAAM,WAAW,IAAK;IACtC,YAAY,KAAK,MAAM,WAAW,GAAI;IACtC,CAAA;GACF,oBAACA,mBAAD;IAAS,OAAO;IAAU,GAAI;IAAY,OAAO;KAAE,QAAQ;KAAG,GAAG,YAAY;KAAO;IACjF;IACO,CAAA;GACV,oBAAC,gBAAD;IACE,WAAA;IACA,QAAA;IACA,SAAA;IACA,gBAAA;IACiB;IACjB,WAAW,KAAK,MAAM,WAAW,IAAK;IACtC,YAAY,MAAM;IAClB,OAAO,EAAE,QAAQ,GAAG;IACpB,CAAA;GACM;;EAGf;AAED,aAAa,cAAc"}