@jinmi/ui 0.0.0-stage → 6.0.1

package/es/styles/theme/customStylish.d.mts

@@ -0,0 +1,7 @@
+import { LobeCustomStylish } from "../../types/customStylish.mjs";
+import { GetCustomStylish } from "antd-style";
+//#region src/styles/theme/customStylish.d.ts
+declare const generateCustomStylish: GetCustomStylish<LobeCustomStylish>;
+//#endregion
+export { generateCustomStylish };
+//# sourceMappingURL=customStylish.d.mts.map

package/es/styles/theme/customStylish.mjs

@@ -0,0 +1,155 @@
+import { keyframes } from "antd-style";
+//#region src/styles/theme/customStylish.ts
+const generateCustomStylish = ({ css, token, isDarkMode }) => {
+	const gradient = keyframes`
+    0% {
+      background-position: 0% 50%;
+    }
+    50% {
+      background-position: 100% 50%;
+    }
+    100% {
+      background-position: 0% 50%;
+    }
+  `;
+	return {
+		active: css`
+      color: ${token.colorText};
+      background: ${token.colorFillSecondary};
+
+      &:hover {
+        color: ${token.colorText};
+        background: ${token.colorFill};
+      }
+    `,
+		blur: css`
+      backdrop-filter: saturate(150%) blur(10px);
+    `,
+		blurStrong: css`
+      backdrop-filter: saturate(150%) blur(36px);
+    `,
+		bottomScrollbar: css`
+      ::-webkit-scrollbar {
+        width: 0;
+        height: 4px;
+        background-color: transparent;
+
+        &-thumb {
+          border-radius: 4px;
+          background-color: ${token.colorFill};
+          transition: background-color 500ms ${token.motionEaseOut};
+        }
+
+        &-corner {
+          display: none;
+          width: 0;
+          height: 0;
+        }
+      }
+    `,
+		disabled: css`
+      cursor: not-allowed;
+      opacity: 0.5;
+    `,
+		gradientAnimation: css`
+      border-radius: inherit;
+      background-image: linear-gradient(
+        -45deg,
+        ${token.gold},
+        ${token.magenta},
+        ${token.geekblue},
+        ${token.cyan}
+      );
+      background-size: 400% 400%;
+      animation: 5s ${gradient} 5s ease infinite;
+    `,
+		noScrollbar: css`
+      ::-webkit-scrollbar {
+        display: none;
+        width: 0;
+        height: 0;
+        background-color: transparent;
+      }
+    `,
+		resetLinkColor: css`
+      cursor: pointer;
+      color: ${token.colorTextSecondary};
+
+      &:hover {
+        color: ${token.colorText};
+      }
+    `,
+		shadow: css`
+      box-shadow:
+        0 1px 0 -1px ${isDarkMode ? token.colorBgLayout : token.colorBorder},
+        0 1px 2px -0.5px ${isDarkMode ? token.colorBgLayout : token.colorBorder},
+        0 2px 2px -1px ${isDarkMode ? token.colorBgLayout : token.colorBorderSecondary},
+        0 3px 6px -4px ${isDarkMode ? token.colorBgLayout : token.colorBorderSecondary};
+    `,
+		variantBorderless: css`
+      border: none;
+      background: none;
+      box-shadow: none;
+
+      &:hover {
+        background: ${token.colorFillTertiary};
+      }
+    `,
+		variantBorderlessDanger: css`
+      border: none;
+      background: none;
+      box-shadow: none;
+
+      &:hover {
+        background: ${token.colorErrorFillTertiary};
+        box-shadow: inset 0 0 0 1px ${token.colorErrorFillTertiary};
+      }
+    `,
+		variantBorderlessWithoutHover: css`
+      border: none;
+      background: none;
+      box-shadow: none;
+    `,
+		variantFilled: css`
+      background: ${token.colorFillTertiary};
+
+      &:hover {
+        background: ${token.colorFillSecondary};
+      }
+    `,
+		variantFilledDanger: css`
+      background: ${token.colorErrorFillTertiary};
+
+      &:hover {
+        background: ${token.colorErrorFillSecondary};
+      }
+    `,
+		variantFilledWithoutHover: css`
+      background: ${token.colorFillTertiary};
+    `,
+		variantOutlined: css`
+      border: 1px solid ${token.colorBorderSecondary};
+      background: ${token.colorBgContainer};
+
+      &:hover {
+        border: 1px solid ${token.colorBorder};
+        background: ${token.colorBgContainer};
+      }
+    `,
+		variantOutlinedDanger: css`
+      border: 1px solid ${token.colorErrorBorder};
+
+      &:hover {
+        border: 1px solid ${token.colorErrorBorder};
+      }
+    `,
+		variantOutlinedWithoutHover: css`
+      border: 1px solid ${token.colorBorderSecondary};
+      background: ${token.colorBgContainer};
+    `
+	};
+};
+//#endregion
+export { generateCustomStylish };
+
+//# sourceMappingURL=customStylish.mjs.map

package/es/styles/theme/customStylish.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"customStylish.mjs","names":[],"sources":["../../../src/styles/theme/customStylish.ts"],"sourcesContent":["import { type GetCustomStylish, keyframes } from 'antd-style';\r\n\r\nimport type { LobeCustomStylish } from '@/types/customStylish';\r\n\r\nexport const generateCustomStylish: GetCustomStylish<LobeCustomStylish> = ({\r\n  css,\r\n  token,\r\n  isDarkMode,\r\n}) => {\r\n  const gradient = keyframes`\r\n    0% {\r\n      background-position: 0% 50%;\r\n    }\r\n    50% {\r\n      background-position: 100% 50%;\r\n    }\r\n    100% {\r\n      background-position: 0% 50%;\r\n    }\r\n  `;\r\n\r\n  return {\r\n    active: css`\r\n      color: ${token.colorText};\r\n      background: ${token.colorFillSecondary};\r\n\r\n      &:hover {\r\n        color: ${token.colorText};\r\n        background: ${token.colorFill};\r\n      }\r\n    `,\r\n    blur: css`\r\n      backdrop-filter: saturate(150%) blur(10px);\r\n    `,\r\n    blurStrong: css`\r\n      backdrop-filter: saturate(150%) blur(36px);\r\n    `,\r\n    bottomScrollbar: css`\r\n      ::-webkit-scrollbar {\r\n        width: 0;\r\n        height: 4px;\r\n        background-color: transparent;\r\n\r\n        &-thumb {\r\n          border-radius: 4px;\r\n          background-color: ${token.colorFill};\r\n          transition: background-color 500ms ${token.motionEaseOut};\r\n        }\r\n\r\n        &-corner {\r\n          display: none;\r\n          width: 0;\r\n          height: 0;\r\n        }\r\n      }\r\n    `,\r\n    disabled: css`\r\n      cursor: not-allowed;\r\n      opacity: 0.5;\r\n    `,\r\n    gradientAnimation: css`\r\n      border-radius: inherit;\r\n      background-image: linear-gradient(\r\n        -45deg,\r\n        ${token.gold},\r\n        ${token.magenta},\r\n        ${token.geekblue},\r\n        ${token.cyan}\r\n      );\r\n      background-size: 400% 400%;\r\n      animation: 5s ${gradient} 5s ease infinite;\r\n    `,\r\n    noScrollbar: css`\r\n      ::-webkit-scrollbar {\r\n        display: none;\r\n        width: 0;\r\n        height: 0;\r\n        background-color: transparent;\r\n      }\r\n    `,\r\n    resetLinkColor: css`\r\n      cursor: pointer;\r\n      color: ${token.colorTextSecondary};\r\n\r\n      &:hover {\r\n        color: ${token.colorText};\r\n      }\r\n    `,\r\n    shadow: css`\r\n      box-shadow:\r\n        0 1px 0 -1px ${isDarkMode ? token.colorBgLayout : token.colorBorder},\r\n        0 1px 2px -0.5px ${isDarkMode ? token.colorBgLayout : token.colorBorder},\r\n        0 2px 2px -1px ${isDarkMode ? token.colorBgLayout : token.colorBorderSecondary},\r\n        0 3px 6px -4px ${isDarkMode ? token.colorBgLayout : token.colorBorderSecondary};\r\n    `,\r\n    variantBorderless: css`\r\n      border: none;\r\n      background: none;\r\n      box-shadow: none;\r\n\r\n      &:hover {\r\n        background: ${token.colorFillTertiary};\r\n      }\r\n    `,\r\n    variantBorderlessDanger: css`\r\n      border: none;\r\n      background: none;\r\n      box-shadow: none;\r\n\r\n      &:hover {\r\n        background: ${token.colorErrorFillTertiary};\r\n        box-shadow: inset 0 0 0 1px ${token.colorErrorFillTertiary};\r\n      }\r\n    `,\r\n    variantBorderlessWithoutHover: css`\r\n      border: none;\r\n      background: none;\r\n      box-shadow: none;\r\n    `,\r\n    variantFilled: css`\r\n      background: ${token.colorFillTertiary};\r\n\r\n      &:hover {\r\n        background: ${token.colorFillSecondary};\r\n      }\r\n    `,\r\n    variantFilledDanger: css`\r\n      background: ${token.colorErrorFillTertiary};\r\n\r\n      &:hover {\r\n        background: ${token.colorErrorFillSecondary};\r\n      }\r\n    `,\r\n    variantFilledWithoutHover: css`\r\n      background: ${token.colorFillTertiary};\r\n    `,\r\n    variantOutlined: css`\r\n      border: 1px solid ${token.colorBorderSecondary};\r\n      background: ${token.colorBgContainer};\r\n\r\n      &:hover {\r\n        border: 1px solid ${token.colorBorder};\r\n        background: ${token.colorBgContainer};\r\n      }\r\n    `,\r\n\r\n    variantOutlinedDanger: css`\r\n      border: 1px solid ${token.colorErrorBorder};\r\n\r\n      &:hover {\r\n        border: 1px solid ${token.colorErrorBorder};\r\n      }\r\n    `,\r\n    variantOutlinedWithoutHover: css`\r\n      border: 1px solid ${token.colorBorderSecondary};\r\n      background: ${token.colorBgContainer};\r\n    `,\r\n  };\r\n};\r\n"],"mappings":";;AAIA,MAAa,yBAA8D,EACzE,KACA,OACA,iBACI;CACJ,MAAM,WAAW,SAAS;;;;;;;;;;;CAY1B,OAAO;EACL,QAAQ,GAAG;eACA,MAAM,UAAU;oBACX,MAAM,mBAAmB;;;iBAG5B,MAAM,UAAU;sBACX,MAAM,UAAU;;;EAGlC,MAAM,GAAG;;;EAGT,YAAY,GAAG;;;EAGf,iBAAiB,GAAG;;;;;;;;8BAQM,MAAM,UAAU;+CACC,MAAM,cAAc;;;;;;;;;;EAU/D,UAAU,GAAG;;;;EAIb,mBAAmB,GAAG;;;;UAIhB,MAAM,KAAK;UACX,MAAM,QAAQ;UACd,MAAM,SAAS;UACf,MAAM,KAAK;;;sBAGC,SAAS;;EAE3B,aAAa,GAAG;;;;;;;;EAQhB,gBAAgB,GAAG;;eAER,MAAM,mBAAmB;;;iBAGvB,MAAM,UAAU;;;EAG7B,QAAQ,GAAG;;uBAEQ,aAAa,MAAM,gBAAgB,MAAM,YAAY;2BACjD,aAAa,MAAM,gBAAgB,MAAM,YAAY;yBACvD,aAAa,MAAM,gBAAgB,MAAM,qBAAqB;yBAC9D,aAAa,MAAM,gBAAgB,MAAM,qBAAqB;;EAEnF,mBAAmB,GAAG;;;;;;sBAMJ,MAAM,kBAAkB;;;EAG1C,yBAAyB,GAAG;;;;;;sBAMV,MAAM,uBAAuB;sCACb,MAAM,uBAAuB;;;EAG/D,+BAA+B,GAAG;;;;;EAKlC,eAAe,GAAG;oBACF,MAAM,kBAAkB;;;sBAGtB,MAAM,mBAAmB;;;EAG3C,qBAAqB,GAAG;oBACR,MAAM,uBAAuB;;;sBAG3B,MAAM,wBAAwB;;;EAGhD,2BAA2B,GAAG;oBACd,MAAM,kBAAkB;;EAExC,iBAAiB,GAAG;0BACE,MAAM,qBAAqB;oBACjC,MAAM,iBAAiB;;;4BAGf,MAAM,YAAY;sBACxB,MAAM,iBAAiB;;;EAIzC,uBAAuB,GAAG;0BACJ,MAAM,iBAAiB;;;4BAGrB,MAAM,iBAAiB;;;EAG/C,6BAA6B,GAAG;0BACV,MAAM,qBAAqB;oBACjC,MAAM,iBAAiB;;CAEzC;AACF"}

package/es/styles/theme/customStylishStatic.d.mts

@@ -0,0 +1,6 @@
+import { LobeCustomStylish } from "../../types/customStylish.mjs";
+//#region src/styles/theme/customStylishStatic.d.ts
+declare const staticStylish: LobeCustomStylish;
+//#endregion
+export { staticStylish };
+//# sourceMappingURL=customStylishStatic.d.mts.map

package/es/styles/theme/customStylishStatic.mjs

@@ -0,0 +1,175 @@
+import { createStaticStyles, keyframes } from "antd-style";
+//#region src/styles/theme/customStylishStatic.ts
+/**
+* Static version of custom stylish utilities.
+* This can be used with createStaticStyles for better performance.
+*
+* Note: Some styles that depend on isDarkMode or custom tokens may have limitations.
+* For full dynamic support, use the regular customStylish from './customStylish'.
+*/
+const gradient = keyframes`
+  0% {
+    background-position: 0% 50%;
+  }
+  50% {
+    background-position: 100% 50%;
+  }
+  100% {
+    background-position: 0% 50%;
+  }
+`;
+const staticStylish = createStaticStyles(({ css, cssVar }) => ({
+	active: css`
+    color: ${cssVar.colorText};
+    background: ${cssVar.colorFillSecondary};
+
+    &:hover {
+      color: ${cssVar.colorText};
+      background: ${cssVar.colorFill};
+    }
+  `,
+	blur: css`
+    backdrop-filter: saturate(150%) blur(10px);
+  `,
+	blurStrong: css`
+    backdrop-filter: saturate(150%) blur(36px);
+  `,
+	bottomScrollbar: css`
+    ::-webkit-scrollbar {
+      width: 0;
+      height: 4px;
+      background-color: transparent;
+
+      &-thumb {
+        border-radius: 4px;
+        background-color: ${cssVar.colorFill};
+        transition: background-color 500ms ${cssVar.motionEaseOut};
+      }
+
+      &-corner {
+        display: none;
+        width: 0;
+        height: 0;
+      }
+    }
+  `,
+	disabled: css`
+    cursor: not-allowed;
+    opacity: 0.5;
+  `,
+	gradientAnimation: css`
+    border-radius: inherit;
+    background-image: linear-gradient(
+      -45deg,
+      ${cssVar.gold},
+      ${cssVar.magenta},
+      ${cssVar.geekblue},
+      ${cssVar.cyan}
+    );
+    background-size: 400% 400%;
+    animation: 5s ${gradient} 5s ease infinite;
+  `,
+	noScrollbar: css`
+    ::-webkit-scrollbar {
+      display: none;
+      width: 0;
+      height: 0;
+      background-color: transparent;
+    }
+  `,
+	resetLinkColor: css`
+    cursor: pointer;
+    color: ${cssVar.colorTextSecondary};
+
+    &:hover {
+      color: ${cssVar.colorText};
+    }
+  `,
+	/**
+	* Shadow style using CSS variables.
+	* Note: This uses CSS variables which automatically adapt to light/dark mode.
+	* For more control, use the dynamic version from customStylish.
+	*/
+	shadow: css`
+    box-shadow:
+      0 1px 0 -1px ${cssVar.colorBorder},
+      0 1px 2px -0.5px ${cssVar.colorBorder},
+      0 2px 2px -1px ${cssVar.colorBorderSecondary},
+      0 3px 6px -4px ${cssVar.colorBorderSecondary};
+  `,
+	variantBorderless: css`
+    border: none;
+    background: none;
+    box-shadow: none;
+
+    &:hover {
+      background: ${cssVar.colorFillTertiary};
+    }
+  `,
+	/**
+	* Variant borderless danger style.
+	* Note: Uses colorErrorBg as fallback since colorErrorFillTertiary is not in cssVar.
+	* For exact match, use the dynamic version from customStylish.
+	*/
+	variantBorderlessDanger: css`
+    border: none;
+    background: none;
+    box-shadow: none;
+
+    &:hover {
+      background: ${cssVar.colorErrorBg};
+      box-shadow: inset 0 0 0 1px ${cssVar.colorErrorBg};
+    }
+  `,
+	variantBorderlessWithoutHover: css`
+    border: none;
+    background: none;
+    box-shadow: none;
+  `,
+	variantFilled: css`
+    background: ${cssVar.colorFillTertiary};
+
+    &:hover {
+      background: ${cssVar.colorFillSecondary};
+    }
+  `,
+	/**
+	* Variant filled danger style.
+	* Note: Uses colorErrorBg as fallback since colorErrorFillTertiary/Secondary are not in cssVar.
+	* For exact match, use the dynamic version from customStylish.
+	*/
+	variantFilledDanger: css`
+    background: ${cssVar.colorErrorBg};
+
+    &:hover {
+      background: ${cssVar.colorErrorBgHover};
+    }
+  `,
+	variantFilledWithoutHover: css`
+    background: ${cssVar.colorFillTertiary};
+  `,
+	variantOutlined: css`
+    border: 1px solid ${cssVar.colorBorderSecondary};
+    background: ${cssVar.colorBgContainer};
+
+    &:hover {
+      border: 1px solid ${cssVar.colorBorder};
+      background: ${cssVar.colorBgContainer};
+    }
+  `,
+	variantOutlinedDanger: css`
+    border: 1px solid ${cssVar.colorErrorBorder};
+
+    &:hover {
+      border: 1px solid ${cssVar.colorErrorBorder};
+    }
+  `,
+	variantOutlinedWithoutHover: css`
+    border: 1px solid ${cssVar.colorBorderSecondary};
+    background: ${cssVar.colorBgContainer};
+  `
+}));
+//#endregion
+export { staticStylish };
+
+//# sourceMappingURL=customStylishStatic.mjs.map

package/es/styles/theme/customStylishStatic.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"customStylishStatic.mjs","names":[],"sources":["../../../src/styles/theme/customStylishStatic.ts"],"sourcesContent":["import { createStaticStyles, keyframes } from 'antd-style';\r\n\r\nimport type { LobeCustomStylish } from '@/types/customStylish';\r\n\r\n/**\r\n * Static version of custom stylish utilities.\r\n * This can be used with createStaticStyles for better performance.\r\n *\r\n * Note: Some styles that depend on isDarkMode or custom tokens may have limitations.\r\n * For full dynamic support, use the regular customStylish from './customStylish'.\r\n */\r\nconst gradient = keyframes`\r\n  0% {\r\n    background-position: 0% 50%;\r\n  }\r\n  50% {\r\n    background-position: 100% 50%;\r\n  }\r\n  100% {\r\n    background-position: 0% 50%;\r\n  }\r\n`;\r\n\r\nexport const staticStylish = createStaticStyles(({ css, cssVar }) => ({\r\n  active: css`\r\n    color: ${cssVar.colorText};\r\n    background: ${cssVar.colorFillSecondary};\r\n\r\n    &:hover {\r\n      color: ${cssVar.colorText};\r\n      background: ${cssVar.colorFill};\r\n    }\r\n  `,\r\n\r\n  blur: css`\r\n    backdrop-filter: saturate(150%) blur(10px);\r\n  `,\r\n\r\n  blurStrong: css`\r\n    backdrop-filter: saturate(150%) blur(36px);\r\n  `,\r\n\r\n  bottomScrollbar: css`\r\n    ::-webkit-scrollbar {\r\n      width: 0;\r\n      height: 4px;\r\n      background-color: transparent;\r\n\r\n      &-thumb {\r\n        border-radius: 4px;\r\n        background-color: ${cssVar.colorFill};\r\n        transition: background-color 500ms ${cssVar.motionEaseOut};\r\n      }\r\n\r\n      &-corner {\r\n        display: none;\r\n        width: 0;\r\n        height: 0;\r\n      }\r\n    }\r\n  `,\r\n\r\n  disabled: css`\r\n    cursor: not-allowed;\r\n    opacity: 0.5;\r\n  `,\r\n\r\n  gradientAnimation: css`\r\n    border-radius: inherit;\r\n    background-image: linear-gradient(\r\n      -45deg,\r\n      ${cssVar.gold},\r\n      ${cssVar.magenta},\r\n      ${cssVar.geekblue},\r\n      ${cssVar.cyan}\r\n    );\r\n    background-size: 400% 400%;\r\n    animation: 5s ${gradient} 5s ease infinite;\r\n  `,\r\n\r\n  noScrollbar: css`\r\n    ::-webkit-scrollbar {\r\n      display: none;\r\n      width: 0;\r\n      height: 0;\r\n      background-color: transparent;\r\n    }\r\n  `,\r\n\r\n  resetLinkColor: css`\r\n    cursor: pointer;\r\n    color: ${cssVar.colorTextSecondary};\r\n\r\n    &:hover {\r\n      color: ${cssVar.colorText};\r\n    }\r\n  `,\r\n\r\n  /**\r\n   * Shadow style using CSS variables.\r\n   * Note: This uses CSS variables which automatically adapt to light/dark mode.\r\n   * For more control, use the dynamic version from customStylish.\r\n   */\r\n  shadow: css`\r\n    box-shadow:\r\n      0 1px 0 -1px ${cssVar.colorBorder},\r\n      0 1px 2px -0.5px ${cssVar.colorBorder},\r\n      0 2px 2px -1px ${cssVar.colorBorderSecondary},\r\n      0 3px 6px -4px ${cssVar.colorBorderSecondary};\r\n  `,\r\n\r\n  variantBorderless: css`\r\n    border: none;\r\n    background: none;\r\n    box-shadow: none;\r\n\r\n    &:hover {\r\n      background: ${cssVar.colorFillTertiary};\r\n    }\r\n  `,\r\n\r\n  /**\r\n   * Variant borderless danger style.\r\n   * Note: Uses colorErrorBg as fallback since colorErrorFillTertiary is not in cssVar.\r\n   * For exact match, use the dynamic version from customStylish.\r\n   */\r\n  variantBorderlessDanger: css`\r\n    border: none;\r\n    background: none;\r\n    box-shadow: none;\r\n\r\n    &:hover {\r\n      background: ${cssVar.colorErrorBg};\r\n      box-shadow: inset 0 0 0 1px ${cssVar.colorErrorBg};\r\n    }\r\n  `,\r\n\r\n  variantBorderlessWithoutHover: css`\r\n    border: none;\r\n    background: none;\r\n    box-shadow: none;\r\n  `,\r\n\r\n  variantFilled: css`\r\n    background: ${cssVar.colorFillTertiary};\r\n\r\n    &:hover {\r\n      background: ${cssVar.colorFillSecondary};\r\n    }\r\n  `,\r\n\r\n  /**\r\n   * Variant filled danger style.\r\n   * Note: Uses colorErrorBg as fallback since colorErrorFillTertiary/Secondary are not in cssVar.\r\n   * For exact match, use the dynamic version from customStylish.\r\n   */\r\n  variantFilledDanger: css`\r\n    background: ${cssVar.colorErrorBg};\r\n\r\n    &:hover {\r\n      background: ${cssVar.colorErrorBgHover};\r\n    }\r\n  `,\r\n\r\n  variantFilledWithoutHover: css`\r\n    background: ${cssVar.colorFillTertiary};\r\n  `,\r\n\r\n  variantOutlined: css`\r\n    border: 1px solid ${cssVar.colorBorderSecondary};\r\n    background: ${cssVar.colorBgContainer};\r\n\r\n    &:hover {\r\n      border: 1px solid ${cssVar.colorBorder};\r\n      background: ${cssVar.colorBgContainer};\r\n    }\r\n  `,\r\n\r\n  variantOutlinedDanger: css`\r\n    border: 1px solid ${cssVar.colorErrorBorder};\r\n\r\n    &:hover {\r\n      border: 1px solid ${cssVar.colorErrorBorder};\r\n    }\r\n  `,\r\n\r\n  variantOutlinedWithoutHover: css`\r\n    border: 1px solid ${cssVar.colorBorderSecondary};\r\n    background: ${cssVar.colorBgContainer};\r\n  `,\r\n})) as LobeCustomStylish;\r\n"],"mappings":";;;;;;;;;AAWA,MAAM,WAAW,SAAS;;;;;;;;;;;AAY1B,MAAa,gBAAgB,oBAAoB,EAAE,KAAK,cAAc;CACpE,QAAQ,GAAG;aACA,OAAO,UAAU;kBACZ,OAAO,mBAAmB;;;eAG7B,OAAO,UAAU;oBACZ,OAAO,UAAU;;;CAInC,MAAM,GAAG;;;CAIT,YAAY,GAAG;;;CAIf,iBAAiB,GAAG;;;;;;;;4BAQM,OAAO,UAAU;6CACA,OAAO,cAAc;;;;;;;;;;CAWhE,UAAU,GAAG;;;;CAKb,mBAAmB,GAAG;;;;QAIhB,OAAO,KAAK;QACZ,OAAO,QAAQ;QACf,OAAO,SAAS;QAChB,OAAO,KAAK;;;oBAGA,SAAS;;CAG3B,aAAa,GAAG;;;;;;;;CAShB,gBAAgB,GAAG;;aAER,OAAO,mBAAmB;;;eAGxB,OAAO,UAAU;;;;;;;;CAS9B,QAAQ,GAAG;;qBAEQ,OAAO,YAAY;yBACf,OAAO,YAAY;uBACrB,OAAO,qBAAqB;uBAC5B,OAAO,qBAAqB;;CAGjD,mBAAmB,GAAG;;;;;;oBAMJ,OAAO,kBAAkB;;;;;;;;CAS3C,yBAAyB,GAAG;;;;;;oBAMV,OAAO,aAAa;oCACJ,OAAO,aAAa;;;CAItD,+BAA+B,GAAG;;;;;CAMlC,eAAe,GAAG;kBACF,OAAO,kBAAkB;;;oBAGvB,OAAO,mBAAmB;;;;;;;;CAS5C,qBAAqB,GAAG;kBACR,OAAO,aAAa;;;oBAGlB,OAAO,kBAAkB;;;CAI3C,2BAA2B,GAAG;kBACd,OAAO,kBAAkB;;CAGzC,iBAAiB,GAAG;wBACE,OAAO,qBAAqB;kBAClC,OAAO,iBAAiB;;;0BAGhB,OAAO,YAAY;oBACzB,OAAO,iBAAiB;;;CAI1C,uBAAuB,GAAG;wBACJ,OAAO,iBAAiB;;;0BAGtB,OAAO,iBAAiB;;;CAIhD,6BAA6B,GAAG;wBACV,OAAO,qBAAqB;kBAClC,OAAO,iBAAiB;;AAE1C,EAAE"}

package/es/styles/theme/customToken.d.mts

@@ -0,0 +1,27 @@
+import { LobeCustomToken } from "../../types/customToken.mjs";
+import { GetCustomToken } from "antd-style";
+//#region src/styles/theme/customToken.d.ts
+/**
+ * Jinmi brand accent (Sky Cyan). Kept to a few moments: the home aura, the
+ * "running" dot, focus rings, and readable accent text/links.
+ */
+declare const brandToken: {
+  readonly dark: {
+    readonly colorBrand: "#2ccff2";
+    readonly colorBrandBg: "rgba(44, 207, 242, 0.12)";
+    readonly colorBrandBorder: "rgba(92, 214, 242, 0.5)";
+    readonly colorBrandGlow: "rgba(44, 207, 242, 0.6)";
+    readonly colorBrandText: "#5cd6f2";
+  };
+  readonly light: {
+    readonly colorBrand: "#0bc2eb";
+    readonly colorBrandBg: "#e6f9fd";
+    readonly colorBrandBorder: "#9be3f3";
+    readonly colorBrandGlow: "rgba(11, 194, 235, 0.6)";
+    readonly colorBrandText: "#06759a";
+  };
+};
+declare const generateCustomToken: GetCustomToken<LobeCustomToken>;
+//#endregion
+export { brandToken, generateCustomToken };
+//# sourceMappingURL=customToken.d.mts.map

package/es/styles/theme/customToken.mjs

@@ -0,0 +1,86 @@
+import { colorScales } from "../../color/colors/index.mjs";
+import { camelCase } from "es-toolkit/compat";
+import { mix } from "polished";
+//#region src/styles/theme/customToken.ts
+const generateColorPalette = ({ name, scale, appearance }) => {
+	const isDarkMode = appearance === "dark";
+	return {
+		[`${name}Fill`]: scale[`${appearance}A`][isDarkMode ? 3 : 4],
+		[`${name}FillSecondary`]: scale[`${appearance}A`][isDarkMode ? 2 : 3],
+		[`${name}FillTertiary`]: scale[`${appearance}A`][isDarkMode ? 1 : 2],
+		[`${name}FillQuaternary`]: scale[`${appearance}A`][isDarkMode ? 0 : 1],
+		[`${name}Bg`]: scale[`${appearance}A`][1],
+		[`${name}BgHover`]: scale[`${appearance}A`][2],
+		[`${name}Border`]: scale[appearance][4],
+		[`${name}BorderSecondary`]: scale[appearance][3],
+		[`${name}BorderHover`]: scale[appearance][isDarkMode ? 5 : 3],
+		[`${name}Hover`]: scale[appearance][isDarkMode ? 10 : 8],
+		[`${name}`]: scale[appearance][9],
+		[`${name}Active`]: scale[appearance][isDarkMode ? 7 : 10],
+		[`${name}TextHover`]: scale[`${appearance}A`][isDarkMode ? 10 : 8],
+		[`${name}Text`]: scale[`${appearance}A`][9],
+		[`${name}TextActive`]: scale[`${appearance}A`][isDarkMode ? 7 : 10]
+	};
+};
+const generateCustomColorPalette = ({ name, scale, appearance }) => {
+	const colorStepPalette = {};
+	for (const [index, color] of scale[appearance].entries()) {
+		if (index === 0 || index === 12) continue;
+		colorStepPalette[`${name}${index}`] = color;
+	}
+	for (const [index, color] of scale[`${appearance}A`].entries()) {
+		if (index === 0 || index === 12) continue;
+		colorStepPalette[`${name}${index}A`] = color;
+	}
+	return {
+		...colorStepPalette,
+		...generateColorPalette({
+			appearance,
+			name,
+			scale
+		})
+	};
+};
+const generateCustomColorToken = (isDarkMode) => {
+	let colorCustomToken = {};
+	for (const [type, scale] of Object.entries(colorScales)) colorCustomToken = {
+		...colorCustomToken,
+		...generateCustomColorPalette({
+			appearance: isDarkMode ? "dark" : "light",
+			name: camelCase(type),
+			scale
+		})
+	};
+	return colorCustomToken;
+};
+/**
+* Jinmi brand accent (Sky Cyan). Kept to a few moments: the home aura, the
+* "running" dot, focus rings, and readable accent text/links.
+*/
+const brandToken = {
+	dark: {
+		colorBrand: "#2ccff2",
+		colorBrandBg: "rgba(44, 207, 242, 0.12)",
+		colorBrandBorder: "rgba(92, 214, 242, 0.5)",
+		colorBrandGlow: "rgba(44, 207, 242, 0.6)",
+		colorBrandText: "#5cd6f2"
+	},
+	light: {
+		colorBrand: "#0bc2eb",
+		colorBrandBg: "#e6f9fd",
+		colorBrandBorder: "#9be3f3",
+		colorBrandGlow: "rgba(11, 194, 235, 0.6)",
+		colorBrandText: "#06759a"
+	}
+};
+const generateCustomToken = ({ isDarkMode, token }) => {
+	return {
+		...generateCustomColorToken(isDarkMode),
+		...brandToken[isDarkMode ? "dark" : "light"],
+		colorBgContainerSecondary: mix(.5, token.colorBgLayout, token.colorBgContainer)
+	};
+};
+//#endregion
+export { brandToken, generateCustomColorToken, generateCustomToken };
+
+//# sourceMappingURL=customToken.mjs.map

package/es/styles/theme/customToken.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"customToken.mjs","names":[],"sources":["../../../src/styles/theme/customToken.ts"],"sourcesContent":["import { type AliasToken } from 'antd/es/theme/interface';\r\nimport { type GetCustomToken } from 'antd-style';\r\nimport { camelCase } from 'es-toolkit/compat';\r\nimport { mix } from 'polished';\r\n\r\nimport { colorScales } from '@/color/colors';\r\nimport { type ColorScaleItem } from '@/color/types';\r\nimport { type LobeCustomToken } from '@/types/customToken';\r\n\r\nconst generateColorPalette = ({\r\n  name,\r\n  scale,\r\n  appearance,\r\n}: {\r\n  appearance: 'light' | 'dark';\r\n  name: string;\r\n  scale: ColorScaleItem;\r\n}) => {\r\n  const isDarkMode = appearance === 'dark';\r\n  return {\r\n    [`${name}Fill`]: scale[`${appearance}A`][isDarkMode ? 3 : 4],\r\n    [`${name}FillSecondary`]: scale[`${appearance}A`][isDarkMode ? 2 : 3],\r\n    [`${name}FillTertiary`]: scale[`${appearance}A`][isDarkMode ? 1 : 2],\r\n    [`${name}FillQuaternary`]: scale[`${appearance}A`][isDarkMode ? 0 : 1],\r\n    [`${name}Bg`]: scale[`${appearance}A`][1],\r\n    [`${name}BgHover`]: scale[`${appearance}A`][2],\r\n    [`${name}Border`]: scale[appearance][4],\r\n    [`${name}BorderSecondary`]: scale[appearance][3],\r\n    [`${name}BorderHover`]: scale[appearance][isDarkMode ? 5 : 3],\r\n    [`${name}Hover`]: scale[appearance][isDarkMode ? 10 : 8],\r\n    [`${name}`]: scale[appearance][9],\r\n    [`${name}Active`]: scale[appearance][isDarkMode ? 7 : 10],\r\n    [`${name}TextHover`]: scale[`${appearance}A`][isDarkMode ? 10 : 8],\r\n    [`${name}Text`]: scale[`${appearance}A`][9],\r\n    [`${name}TextActive`]: scale[`${appearance}A`][isDarkMode ? 7 : 10],\r\n  };\r\n};\r\n\r\nconst generateCustomColorPalette = ({\r\n  name,\r\n  scale,\r\n  appearance,\r\n}: {\r\n  appearance: 'light' | 'dark';\r\n  name: string;\r\n  scale: ColorScaleItem;\r\n}): Partial<AliasToken> => {\r\n  const colorStepPalette: { [key: string]: string } = {};\r\n\r\n  for (const [index, color] of scale[appearance].entries()) {\r\n    if (index === 0 || index === 12) continue;\r\n\r\n    colorStepPalette[`${name}${index}`] = color;\r\n  }\r\n  for (const [index, color] of scale[`${appearance}A`].entries()) {\r\n    if (index === 0 || index === 12) continue;\r\n\r\n    colorStepPalette[`${name}${index}A`] = color;\r\n  }\r\n\r\n  return {\r\n    ...colorStepPalette,\r\n    ...generateColorPalette({ appearance, name, scale }),\r\n  };\r\n};\r\n\r\nexport const generateCustomColorToken = (isDarkMode: boolean) => {\r\n  let colorCustomToken: any = {};\r\n\r\n  for (const [type, scale] of Object.entries(colorScales)) {\r\n    colorCustomToken = {\r\n      ...colorCustomToken,\r\n      ...generateCustomColorPalette({\r\n        appearance: isDarkMode ? 'dark' : 'light',\r\n        name: camelCase(type),\r\n        scale,\r\n      }),\r\n    };\r\n  }\r\n\r\n  return colorCustomToken;\r\n};\r\n\r\n/**\r\n * Jinmi brand accent (Sky Cyan). Kept to a few moments: the home aura, the\r\n * \"running\" dot, focus rings, and readable accent text/links.\r\n */\r\nexport const brandToken = {\r\n  dark: {\r\n    colorBrand: '#2ccff2',\r\n    colorBrandBg: 'rgba(44, 207, 242, 0.12)',\r\n    colorBrandBorder: 'rgba(92, 214, 242, 0.5)',\r\n    colorBrandGlow: 'rgba(44, 207, 242, 0.6)',\r\n    colorBrandText: '#5cd6f2',\r\n  },\r\n  light: {\r\n    colorBrand: '#0bc2eb',\r\n    colorBrandBg: '#e6f9fd',\r\n    colorBrandBorder: '#9be3f3',\r\n    colorBrandGlow: 'rgba(11, 194, 235, 0.6)',\r\n    colorBrandText: '#06759a',\r\n  },\r\n} as const;\r\n\r\nexport const generateCustomToken: GetCustomToken<LobeCustomToken> = ({ isDarkMode, token }) => {\r\n  return {\r\n    ...generateCustomColorToken(isDarkMode),\r\n    ...brandToken[isDarkMode ? 'dark' : 'light'],\r\n    colorBgContainerSecondary: mix(0.5, token.colorBgLayout, token.colorBgContainer),\r\n  };\r\n};\r\n"],"mappings":";;;;AASA,MAAM,wBAAwB,EAC5B,MACA,OACA,iBAKI;CACJ,MAAM,aAAa,eAAe;CAClC,OAAO;GACJ,GAAG,KAAK,QAAQ,MAAM,GAAG,WAAW,GAAG,CAAC,aAAa,IAAI;GACzD,GAAG,KAAK,iBAAiB,MAAM,GAAG,WAAW,GAAG,CAAC,aAAa,IAAI;GAClE,GAAG,KAAK,gBAAgB,MAAM,GAAG,WAAW,GAAG,CAAC,aAAa,IAAI;GACjE,GAAG,KAAK,kBAAkB,MAAM,GAAG,WAAW,GAAG,CAAC,aAAa,IAAI;GACnE,GAAG,KAAK,MAAM,MAAM,GAAG,WAAW,GAAG,CAAC;GACtC,GAAG,KAAK,WAAW,MAAM,GAAG,WAAW,GAAG,CAAC;GAC3C,GAAG,KAAK,UAAU,MAAM,WAAW,CAAC;GACpC,GAAG,KAAK,mBAAmB,MAAM,WAAW,CAAC;GAC7C,GAAG,KAAK,eAAe,MAAM,WAAW,CAAC,aAAa,IAAI;GAC1D,GAAG,KAAK,SAAS,MAAM,WAAW,CAAC,aAAa,KAAK;GACrD,GAAG,SAAS,MAAM,WAAW,CAAC;GAC9B,GAAG,KAAK,UAAU,MAAM,WAAW,CAAC,aAAa,IAAI;GACrD,GAAG,KAAK,aAAa,MAAM,GAAG,WAAW,GAAG,CAAC,aAAa,KAAK;GAC/D,GAAG,KAAK,QAAQ,MAAM,GAAG,WAAW,GAAG,CAAC;GACxC,GAAG,KAAK,cAAc,MAAM,GAAG,WAAW,GAAG,CAAC,aAAa,IAAI;CAClE;AACF;AAEA,MAAM,8BAA8B,EAClC,MACA,OACA,iBAKyB;CACzB,MAAM,mBAA8C,CAAC;CAErD,KAAK,MAAM,CAAC,OAAO,UAAU,MAAM,WAAW,CAAC,QAAQ,GAAG;EACxD,IAAI,UAAU,KAAK,UAAU,IAAI;EAEjC,iBAAiB,GAAG,OAAO,WAAW;CACxC;CACA,KAAK,MAAM,CAAC,OAAO,UAAU,MAAM,GAAG,WAAW,GAAG,CAAC,QAAQ,GAAG;EAC9D,IAAI,UAAU,KAAK,UAAU,IAAI;EAEjC,iBAAiB,GAAG,OAAO,MAAM,MAAM;CACzC;CAEA,OAAO;EACL,GAAG;EACH,GAAG,qBAAqB;GAAE;GAAY;GAAM;EAAM,CAAC;CACrD;AACF;AAEA,MAAa,4BAA4B,eAAwB;CAC/D,IAAI,mBAAwB,CAAC;CAE7B,KAAK,MAAM,CAAC,MAAM,UAAU,OAAO,QAAQ,WAAW,GACpD,mBAAmB;EACjB,GAAG;EACH,GAAG,2BAA2B;GAC5B,YAAY,aAAa,SAAS;GAClC,MAAM,UAAU,IAAI;GACpB;EACF,CAAC;CACH;CAGF,OAAO;AACT;;;;;AAMA,MAAa,aAAa;CACxB,MAAM;EACJ,YAAY;EACZ,cAAc;EACd,kBAAkB;EAClB,gBAAgB;EAChB,gBAAgB;CAClB;CACA,OAAO;EACL,YAAY;EACZ,cAAc;EACd,kBAAkB;EAClB,gBAAgB;EAChB,gBAAgB;CAClB;AACF;AAEA,MAAa,uBAAwD,EAAE,YAAY,YAAY;CAC7F,OAAO;EACL,GAAG,yBAAyB,UAAU;EACtC,GAAG,WAAW,aAAa,SAAS;EACpC,2BAA2B,IAAI,IAAK,MAAM,eAAe,MAAM,gBAAgB;CACjF;AACF"}

package/es/styles/theme/generateColorPalette.d.mts

@@ -0,0 +1,15 @@
+import { ColorScaleItem } from "../../color/types.mjs";
+import { AliasToken } from "antd/es/theme/interface/index.js";
+//#region src/styles/theme/generateColorPalette.d.ts
+declare const generateColorPalette: ({ type, scale, appearance }: {
+  appearance: "light" | "dark";
+  scale: ColorScaleItem;
+  type: "Primary" | "Success" | "Warning" | "Error" | "Info" | string;
+}) => Partial<AliasToken>;
+declare const generateColorNeutralPalette: ({ scale, appearance }: {
+  appearance: "light" | "dark";
+  scale: ColorScaleItem;
+}) => Partial<AliasToken>;
+//#endregion
+export { generateColorNeutralPalette, generateColorPalette };
+//# sourceMappingURL=generateColorPalette.d.mts.map

package/es/styles/theme/generateColorPalette.mjs

@@ -0,0 +1,45 @@
+import { capitalize } from "es-toolkit/compat";
+//#region src/styles/theme/generateColorPalette.ts
+const generateColorPalette = ({ type, scale, appearance }) => {
+	const name = capitalize(type);
+	const isDarkMode = appearance === "dark";
+	return {
+		[`color${name}Fill`]: scale[`${appearance}A`][isDarkMode ? 3 : 4],
+		[`color${name}FillSecondary`]: scale[`${appearance}A`][isDarkMode ? 2 : 3],
+		[`color${name}FillTertiary`]: scale[`${appearance}A`][isDarkMode ? 1 : 2],
+		[`color${name}FillQuaternary`]: scale[`${appearance}A`][isDarkMode ? 0 : 1],
+		[`color${name}Bg`]: scale[appearance][1],
+		[`color${name}BgHover`]: scale[appearance][2],
+		[`color${name}Border`]: scale[appearance][4],
+		[`color${name}BorderHover`]: scale[appearance][isDarkMode ? 5 : 3],
+		[`color${name}Hover`]: scale[appearance][isDarkMode ? 10 : 8],
+		[`color${name}`]: scale[appearance][9],
+		[`color${name}Active`]: scale[appearance][isDarkMode ? 7 : 10],
+		[`color${name}TextHover`]: scale[appearance][isDarkMode ? 10 : 8],
+		[`color${name}Text`]: scale[appearance][9],
+		[`color${name}TextActive`]: scale[appearance][isDarkMode ? 7 : 10]
+	};
+};
+const generateColorNeutralPalette = ({ scale, appearance }) => {
+	return {
+		colorBgContainer: appearance === "dark" ? scale[appearance][1] : scale[appearance][0],
+		colorBgElevated: appearance === "dark" ? scale[appearance][2] : scale[appearance][0],
+		colorBgLayout: appearance === "dark" ? scale[appearance][0] : scale[appearance][1],
+		colorBgMask: scale.lightA[8],
+		colorBgSpotlight: scale[appearance][4],
+		colorBorder: scale[appearance][3],
+		colorBorderSecondary: scale[appearance][2],
+		colorFill: scale[`${appearance}A`][3],
+		colorFillQuaternary: scale[`${appearance}A`][0],
+		colorFillSecondary: scale[`${appearance}A`][2],
+		colorFillTertiary: scale[`${appearance}A`][1],
+		colorText: scale[appearance][12],
+		colorTextQuaternary: scale[appearance][6],
+		colorTextSecondary: scale[appearance][10],
+		colorTextTertiary: scale[appearance][8]
+	};
+};
+//#endregion
+export { generateColorNeutralPalette, generateColorPalette };
+
+//# sourceMappingURL=generateColorPalette.mjs.map

package/es/styles/theme/generateColorPalette.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"generateColorPalette.mjs","names":[],"sources":["../../../src/styles/theme/generateColorPalette.ts"],"sourcesContent":["import type { AliasToken } from 'antd/es/theme/interface';\r\nimport { capitalize } from 'es-toolkit/compat';\r\n\r\nimport type { ColorScaleItem } from '@/color/types';\r\n\r\nexport const generateColorPalette = ({\r\n  type,\r\n  scale,\r\n  appearance,\r\n}: {\r\n  appearance: 'light' | 'dark';\r\n  scale: ColorScaleItem;\r\n  type: 'Primary' | 'Success' | 'Warning' | 'Error' | 'Info' | string;\r\n}): Partial<AliasToken> => {\r\n  const name = capitalize(type);\r\n  const isDarkMode = appearance === 'dark';\r\n  return {\r\n    [`color${name}Fill`]: scale[`${appearance}A`][isDarkMode ? 3 : 4],\r\n    [`color${name}FillSecondary`]: scale[`${appearance}A`][isDarkMode ? 2 : 3],\r\n    [`color${name}FillTertiary`]: scale[`${appearance}A`][isDarkMode ? 1 : 2],\r\n    [`color${name}FillQuaternary`]: scale[`${appearance}A`][isDarkMode ? 0 : 1],\r\n    [`color${name}Bg`]: scale[appearance][1],\r\n    [`color${name}BgHover`]: scale[appearance][2],\r\n    [`color${name}Border`]: scale[appearance][4],\r\n    [`color${name}BorderHover`]: scale[appearance][isDarkMode ? 5 : 3],\r\n    [`color${name}Hover`]: scale[appearance][isDarkMode ? 10 : 8],\r\n    [`color${name}`]: scale[appearance][9],\r\n    [`color${name}Active`]: scale[appearance][isDarkMode ? 7 : 10],\r\n    [`color${name}TextHover`]: scale[appearance][isDarkMode ? 10 : 8],\r\n    [`color${name}Text`]: scale[appearance][9],\r\n    [`color${name}TextActive`]: scale[appearance][isDarkMode ? 7 : 10],\r\n  };\r\n};\r\n\r\nexport const generateColorNeutralPalette = ({\r\n  scale,\r\n  appearance,\r\n}: {\r\n  appearance: 'light' | 'dark';\r\n  scale: ColorScaleItem;\r\n}): Partial<AliasToken> => {\r\n  return {\r\n    colorBgContainer: appearance === 'dark' ? scale[appearance][1] : scale[appearance][0],\r\n    colorBgElevated: appearance === 'dark' ? scale[appearance][2] : scale[appearance][0],\r\n    colorBgLayout: appearance === 'dark' ? scale[appearance][0] : scale[appearance][1],\r\n    colorBgMask: scale.lightA[8],\r\n    colorBgSpotlight: scale[appearance][4],\r\n    colorBorder: scale[appearance][3],\r\n    colorBorderSecondary: scale[appearance][2],\r\n    colorFill: scale[`${appearance}A`][3],\r\n    colorFillQuaternary: scale[`${appearance}A`][0],\r\n    colorFillSecondary: scale[`${appearance}A`][2],\r\n    colorFillTertiary: scale[`${appearance}A`][1],\r\n    colorText: scale[appearance][12],\r\n    colorTextQuaternary: scale[appearance][6],\r\n    colorTextSecondary: scale[appearance][10],\r\n    colorTextTertiary: scale[appearance][8],\r\n  };\r\n};\r\n"],"mappings":";;AAKA,MAAa,wBAAwB,EACnC,MACA,OACA,iBAKyB;CACzB,MAAM,OAAO,WAAW,IAAI;CAC5B,MAAM,aAAa,eAAe;CAClC,OAAO;GACJ,QAAQ,KAAK,QAAQ,MAAM,GAAG,WAAW,GAAG,CAAC,aAAa,IAAI;GAC9D,QAAQ,KAAK,iBAAiB,MAAM,GAAG,WAAW,GAAG,CAAC,aAAa,IAAI;GACvE,QAAQ,KAAK,gBAAgB,MAAM,GAAG,WAAW,GAAG,CAAC,aAAa,IAAI;GACtE,QAAQ,KAAK,kBAAkB,MAAM,GAAG,WAAW,GAAG,CAAC,aAAa,IAAI;GACxE,QAAQ,KAAK,MAAM,MAAM,WAAW,CAAC;GACrC,QAAQ,KAAK,WAAW,MAAM,WAAW,CAAC;GAC1C,QAAQ,KAAK,UAAU,MAAM,WAAW,CAAC;GACzC,QAAQ,KAAK,eAAe,MAAM,WAAW,CAAC,aAAa,IAAI;GAC/D,QAAQ,KAAK,SAAS,MAAM,WAAW,CAAC,aAAa,KAAK;GAC1D,QAAQ,SAAS,MAAM,WAAW,CAAC;GACnC,QAAQ,KAAK,UAAU,MAAM,WAAW,CAAC,aAAa,IAAI;GAC1D,QAAQ,KAAK,aAAa,MAAM,WAAW,CAAC,aAAa,KAAK;GAC9D,QAAQ,KAAK,QAAQ,MAAM,WAAW,CAAC;GACvC,QAAQ,KAAK,cAAc,MAAM,WAAW,CAAC,aAAa,IAAI;CACjE;AACF;AAEA,MAAa,+BAA+B,EAC1C,OACA,iBAIyB;CACzB,OAAO;EACL,kBAAkB,eAAe,SAAS,MAAM,WAAW,CAAC,KAAK,MAAM,WAAW,CAAC;EACnF,iBAAiB,eAAe,SAAS,MAAM,WAAW,CAAC,KAAK,MAAM,WAAW,CAAC;EAClF,eAAe,eAAe,SAAS,MAAM,WAAW,CAAC,KAAK,MAAM,WAAW,CAAC;EAChF,aAAa,MAAM,OAAO;EAC1B,kBAAkB,MAAM,WAAW,CAAC;EACpC,aAAa,MAAM,WAAW,CAAC;EAC/B,sBAAsB,MAAM,WAAW,CAAC;EACxC,WAAW,MAAM,GAAG,WAAW,GAAG,CAAC;EACnC,qBAAqB,MAAM,GAAG,WAAW,GAAG,CAAC;EAC7C,oBAAoB,MAAM,GAAG,WAAW,GAAG,CAAC;EAC5C,mBAAmB,MAAM,GAAG,WAAW,GAAG,CAAC;EAC3C,WAAW,MAAM,WAAW,CAAC;EAC7B,qBAAqB,MAAM,WAAW,CAAC;EACvC,oBAAoB,MAAM,WAAW,CAAC;EACtC,mBAAmB,MAAM,WAAW,CAAC;CACvC;AACF"}

package/es/styles/theme/token/base.mjs

@@ -0,0 +1,67 @@
+//#region src/styles/theme/token/base.ts
+const joinFontFamily = (fonts) => fonts.map((font) => font.includes(" ") ? `"${font}"` : font).join(",");
+const FONT_EMOJI = [
+	"/* EMOJI */",
+	"Apple Color Emoji",
+	"Segoe UI Emoji",
+	"Segoe UI Symbol",
+	"Noto Color Emoji"
+];
+const FONT_EN = [
+	"Inter",
+	"HarmonyOS Sans",
+	"-apple-system",
+	"BlinkMacSystemFont",
+	"Segoe UI Variable Display",
+	"Segoe UI",
+	"Roboto",
+	"Helvetica Neue",
+	"Arial"
+];
+const FONT_CN = [
+	"/* SC */",
+	"HarmonyOS Sans SC",
+	"PingFang SC",
+	"Hiragino Sans GB",
+	"Microsoft YaHei UI",
+	"Microsoft YaHei",
+	"Source Han Sans SC",
+	"Noto Sans CJK SC"
+];
+const baseToken = {
+	borderRadius: 8,
+	borderRadiusLG: 14,
+	borderRadiusSM: 6,
+	borderRadiusXS: 4,
+	controlHeight: 36,
+	fontFamily: joinFontFamily([
+		FONT_EN,
+		FONT_CN,
+		[
+			"/* FALLBACK */",
+			"ui-sans-serif",
+			"system-ui",
+			"sans-serif"
+		],
+		FONT_EMOJI
+	].flat()),
+	fontFamilyCode: joinFontFamily([
+		[
+			"Hack",
+			"ui-monospace",
+			"SFMono-Regular",
+			"SF Mono",
+			"Menlo",
+			"Cascadia Code",
+			"Consolas",
+			"Liberation Mono"
+		],
+		FONT_CN,
+		["/* FALLBACK */", "monospace"],
+		FONT_EMOJI
+	].flat())
+};
+//#endregion
+export { baseToken };
+
+//# sourceMappingURL=base.mjs.map

package/es/styles/theme/token/base.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.mjs","names":[],"sources":["../../../../src/styles/theme/token/base.ts"],"sourcesContent":["import type { AliasToken } from 'antd/es/theme/interface';\n\nconst joinFontFamily = (fonts: string[]) =>\n  fonts.map((font) => (font.includes(' ') ? `\"${font}\"` : font)).join(',');\n\nconst FONT_EMOJI = [\n  '/* EMOJI */',\n  'Apple Color Emoji',\n  'Segoe UI Emoji',\n  'Segoe UI Symbol',\n  'Noto Color Emoji',\n];\n\nconst FONT_EN = [\n  'Inter',\n  'HarmonyOS Sans',\n  '-apple-system',\n  'BlinkMacSystemFont',\n  'Segoe UI Variable Display',\n  'Segoe UI',\n  'Roboto',\n  'Helvetica Neue',\n  'Arial',\n];\n\nconst FONT_CN = [\n  '/* SC */',\n  'HarmonyOS Sans SC',\n  'PingFang SC',\n  'Hiragino Sans GB',\n  'Microsoft YaHei UI',\n  'Microsoft YaHei',\n  'Source Han Sans SC',\n  'Noto Sans CJK SC',\n];\n\nconst FONT_CODE = [\n  'Hack',\n  'ui-monospace',\n  'SFMono-Regular',\n  'SF Mono',\n  'Menlo',\n  'Cascadia Code',\n  'Consolas',\n  'Liberation Mono',\n];\n\nconst FALLBACK = ['/* FALLBACK */', 'ui-sans-serif', 'system-ui', 'sans-serif'];\n\nconst FALLBACK_CODE = ['/* FALLBACK */', 'monospace'];\n\nexport const baseToken: Partial<AliasToken> = {\n  borderRadius: 8,\n  borderRadiusLG: 14,\n  borderRadiusSM: 6,\n  borderRadiusXS: 4,\n  controlHeight: 36,\n  fontFamily: joinFontFamily([FONT_EN, FONT_CN, FALLBACK, FONT_EMOJI].flat()),\n  fontFamilyCode: joinFontFamily([FONT_CODE, FONT_CN, FALLBACK_CODE, FONT_EMOJI].flat()),\n};\n"],"mappings":";AAEA,MAAM,kBAAkB,UACtB,MAAM,KAAK,SAAU,KAAK,SAAS,GAAG,IAAI,IAAI,KAAK,KAAK,IAAK,CAAC,CAAC,KAAK,GAAG;AAEzE,MAAM,aAAa;CACjB;CACA;CACA;CACA;CACA;AACF;AAEA,MAAM,UAAU;CACd;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF;AAEA,MAAM,UAAU;CACd;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF;AAiBA,MAAa,YAAiC;CAC5C,cAAc;CACd,gBAAgB;CAChB,gBAAgB;CAChB,gBAAgB;CAChB,eAAe;CACf,YAAY,eAAe;EAAC;EAAS;EAAS;GAV9B;GAAkB;GAAiB;GAAa;EAUlB;EAAU;CAAU,CAAC,CAAC,KAAK,CAAC;CAC1E,gBAAgB,eAAe;EAAC;GArBhC;GACA;GACA;GACA;GACA;GACA;GACA;GACA;EAcgC;EAAW;EAAS,CAT/B,kBAAkB,WASa;EAAe;CAAU,CAAC,CAAC,KAAK,CAAC;AACvF"}