@jinmi/ui 6.0.1 → 6.1.0

package/es/static-css/vite/index.mjs

@@ -1,4 +1,4 @@
-//#region src/static-css/vite/index.ts
+// src/static-css/vite/index.ts
 const ANTD_STATIC_CSS_MODULE_ID = "virtual:lobehub/antd-static-css";
 const THEME_VARS_CSS_MODULE_ID = "virtual:lobehub/theme-vars-css";
 const moduleSource = (payload) => [...Object.entries(payload).map(([key, value]) => `export const ${key} = ${JSON.stringify(value)};`), `export default ${JSON.stringify(payload)};`].join("\n");
@@ -42,7 +42,6 @@ const lobeStaticCssPlugin = (options = {}) => {
 		}
 	};
 };
-//#endregion
 export { ANTD_STATIC_CSS_MODULE_ID, THEME_VARS_CSS_MODULE_ID, lobeStaticCssPlugin };
 
 //# sourceMappingURL=index.mjs.map

package/es/storybook/StoryBook/index.d.mts

@@ -2,13 +2,11 @@ import { FlexboxProps } from "../../Flex/type.mjs";
 import "../../Flex/index.mjs";
 import { Ref } from "react";
 import { useControls, useCreateStore } from "leva";
-//#region src/storybook/StoryBook/index.d.ts
 interface StoryBookProps extends FlexboxProps {
   levaStore: any;
   noPadding?: boolean;
   ref?: Ref<HTMLDivElement>;
 }
 declare const StoryBook: import("react").NamedExoticComponent<StoryBookProps>;
-//#endregion
 export { StoryBook, StoryBook as default, StoryBookProps, useControls, useCreateStore };
 //# sourceMappingURL=index.d.mts.map

package/es/storybook/StoryBook/index.mjs

@@ -7,7 +7,7 @@ import { memo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cx, useResponsive } from "antd-style";
 import { LevaPanel, useControls, useCreateStore } from "leva";
-//#region src/storybook/StoryBook/index.tsx
+// src/storybook/StoryBook/index.tsx
 const StoryBook = memo(({ ref, levaStore, noPadding, className, children, ...rest }) => {
 	const { mobile } = useResponsive();
 	return /* @__PURE__ */ jsxs(FlexBasic_default, {
@@ -42,7 +42,6 @@ const StoryBook = memo(({ ref, levaStore, noPadding, className, children, ...res
 	});
 });
 StoryBook.displayName = "StoryBook";
-//#endregion
 export { StoryBook, StoryBook as default, useControls, useCreateStore };
 
 //# sourceMappingURL=index.mjs.map

package/es/storybook/StoryBook/style.mjs

@@ -1,5 +1,5 @@
 import { createStaticStyles } from "antd-style";
-//#region src/storybook/StoryBook/style.ts
+// src/storybook/StoryBook/style.ts
 const styles = createStaticStyles(({ css, cssVar, responsive }) => {
 	return {
 		editor: css`
@@ -71,7 +71,6 @@ const styles = createStaticStyles(({ css, cssVar, responsive }) => {
     `
 	};
 });
-//#endregion
 export { styles };
 
 //# sourceMappingURL=style.mjs.map

package/es/storybook/index.mjs

@@ -1,2 +1 @@
-import { StoryBook, useControls, useCreateStore } from "./StoryBook/index.mjs";
-export { StoryBook, useControls, useCreateStore };
+export { StoryBook, useControls, useCreateStore } from "./StoryBook/index.mjs";

package/es/styles/animations.mjs

@@ -1,5 +1,5 @@
 import { keyframes } from "antd-style";
-//#region src/styles/animations.ts
+// src/styles/animations.ts
 const fadeIn = keyframes`
     0% {
       opacity: 0;
@@ -8,7 +8,6 @@ const fadeIn = keyframes`
       opacity: 1;
     }
 `;
-//#endregion
 export { fadeIn };
 
 //# sourceMappingURL=animations.mjs.map

package/es/styles/brandCssVar.d.mts

@@ -1,4 +1,3 @@
-//#region src/styles/brandCssVar.d.ts
 /**
  * CSS variables for the Jinmi brand tokens. antd-style's `cssVar` only maps antd's
  * own design tokens, so the brand tokens are emitted by `EssentialStyle` and read
@@ -11,6 +10,5 @@ declare const brandCssVar: {
   readonly colorBrandGlow: "var(--jinmi-color-brand-glow)";
   readonly colorBrandText: "var(--jinmi-color-brand-text)";
 };
-//#endregion
 export { brandCssVar };
 //# sourceMappingURL=brandCssVar.d.mts.map

package/es/styles/brandCssVar.mjs

@@ -1,4 +1,4 @@
-//#region src/styles/brandCssVar.ts
+// src/styles/brandCssVar.ts
 /**
 * CSS variables for the Jinmi brand tokens. antd-style's `cssVar` only maps antd's
 * own design tokens, so the brand tokens are emitted by `EssentialStyle` and read
@@ -11,7 +11,6 @@ const brandCssVar = {
 	colorBrandGlow: "var(--jinmi-color-brand-glow)",
 	colorBrandText: "var(--jinmi-color-brand-text)"
 };
-//#endregion
 export { brandCssVar };
 
 //# sourceMappingURL=brandCssVar.mjs.map

package/es/styles/classNames.d.mts

@@ -1,8 +1,6 @@
-//#region src/styles/classNames.d.ts
 declare const CLASSNAMES: {
   ContextTrigger: string;
   DropdownMenuTrigger: string;
 };
-//#endregion
 export { CLASSNAMES };
 //# sourceMappingURL=classNames.d.mts.map

package/es/styles/classNames.mjs

@@ -1,9 +1,8 @@
-//#region src/styles/classNames.ts
+// src/styles/classNames.ts
 const CLASSNAMES = {
 	ContextTrigger: "jinmi-context-trigger",
 	DropdownMenuTrigger: "jinmi-dropdown-menu-trigger"
 };
-//#endregion
 export { CLASSNAMES };
 
 //# sourceMappingURL=classNames.mjs.map

package/es/styles/customTheme.d.mts

@@ -1,4 +1,3 @@
-//#region src/styles/customTheme.d.ts
 declare const primaryColors: {
   blue: string;
   cyan: string;
@@ -27,6 +26,5 @@ declare const neutralColorsSwatches: string[];
 type NeutralColorsObj = typeof neutralColors;
 type NeutralColors = keyof NeutralColorsObj;
 declare const findCustomThemeName: (type: "primary" | "neutral", value: string) => string | undefined;
-//#endregion
 export { NeutralColors, NeutralColorsObj, PrimaryColors, PrimaryColorsObj, findCustomThemeName, neutralColors, neutralColorsSwatches, primaryColors, primaryColorsSwatches };
 //# sourceMappingURL=customTheme.d.mts.map

package/es/styles/customTheme.mjs

@@ -15,7 +15,7 @@ import olive from "../color/neutrals/olive.mjs";
 import sage from "../color/neutrals/sage.mjs";
 import sand from "../color/neutrals/sand.mjs";
 import slate from "../color/neutrals/slate.mjs";
-//#region src/styles/customTheme.ts
+// src/styles/customTheme.ts
 const primaryColors = {
 	blue: blueGeekblueMix.dark[9],
 	cyan: cyan.dark[9],
@@ -61,7 +61,6 @@ const neutralColorsSwatches = [
 const findCustomThemeName = (type, value) => {
 	return Object.entries(type === "primary" ? primaryColors : neutralColors).find((item) => item[1] === value)?.[0];
 };
-//#endregion
 export { findCustomThemeName, neutralColors, neutralColorsSwatches, primaryColors, primaryColorsSwatches };
 
 //# sourceMappingURL=customTheme.mjs.map

package/es/styles/index.d.mts

@@ -1,7 +1,8 @@
 import { brandCssVar } from "./brandCssVar.mjs";
 import { NeutralColors, NeutralColorsObj, PrimaryColors, PrimaryColorsObj, findCustomThemeName, neutralColors, neutralColorsSwatches, primaryColors, primaryColorsSwatches } from "./customTheme.mjs";
-import { brandToken, generateCustomToken } from "./theme/customToken.mjs";
+import { inkCssVar } from "./inkCssVar.mjs";
 import { generateCustomStylish } from "./theme/customStylish.mjs";
 import { staticStylish } from "./theme/customStylishStatic.mjs";
+import { brandToken, generateCustomToken, inkToken } from "./theme/customToken.mjs";
 import { generateColorNeutralPalette, generateColorPalette } from "./theme/generateColorPalette.mjs";
-export { NeutralColors, NeutralColorsObj, PrimaryColors, PrimaryColorsObj, brandCssVar, brandToken, findCustomThemeName, generateColorNeutralPalette, generateColorPalette, generateCustomStylish as lobeCustomStylish, generateCustomToken as lobeCustomToken, staticStylish as lobeStaticStylish, neutralColors, neutralColorsSwatches, primaryColors, primaryColorsSwatches };
+export { NeutralColors, NeutralColorsObj, PrimaryColors, PrimaryColorsObj, brandCssVar, brandToken, findCustomThemeName, generateColorNeutralPalette, generateColorPalette, inkCssVar, inkToken, generateCustomStylish as lobeCustomStylish, generateCustomToken as lobeCustomToken, staticStylish as lobeStaticStylish, neutralColors, neutralColorsSwatches, primaryColors, primaryColorsSwatches };

package/es/styles/index.mjs

@@ -1,7 +1,8 @@
 import { brandCssVar } from "./brandCssVar.mjs";
 import { findCustomThemeName, neutralColors, neutralColorsSwatches, primaryColors, primaryColorsSwatches } from "./customTheme.mjs";
-import { brandToken, generateCustomToken } from "./theme/customToken.mjs";
+import { inkCssVar } from "./inkCssVar.mjs";
 import { generateCustomStylish } from "./theme/customStylish.mjs";
 import { staticStylish } from "./theme/customStylishStatic.mjs";
+import { brandToken, generateCustomToken, inkToken } from "./theme/customToken.mjs";
 import { generateColorNeutralPalette, generateColorPalette } from "./theme/generateColorPalette.mjs";
-export { brandCssVar, brandToken, findCustomThemeName, generateColorNeutralPalette, generateColorPalette, generateCustomStylish as lobeCustomStylish, generateCustomToken as lobeCustomToken, staticStylish as lobeStaticStylish, neutralColors, neutralColorsSwatches, primaryColors, primaryColorsSwatches };
+export { brandCssVar, brandToken, findCustomThemeName, generateColorNeutralPalette, generateColorPalette, inkCssVar, inkToken, generateCustomStylish as lobeCustomStylish, generateCustomToken as lobeCustomToken, staticStylish as lobeStaticStylish, neutralColors, neutralColorsSwatches, primaryColors, primaryColorsSwatches };

package/es/styles/inkCssVar.d.mts

@@ -0,0 +1,13 @@
+/**
+ * CSS variables for the Jinmi ink tokens: the fill of primary buttons, switches,
+ * checkboxes, radios, progress and sliders. Emitted by `EssentialStyle`; read
+ * through this map inside `createStaticStyles`.
+ */
+declare const inkCssVar: {
+  readonly colorInk: "var(--jinmi-color-ink)";
+  readonly colorInkActive: "var(--jinmi-color-ink-active)";
+  readonly colorInkHover: "var(--jinmi-color-ink-hover)";
+  readonly colorInkText: "var(--jinmi-color-ink-text)";
+};
+export { inkCssVar };
+//# sourceMappingURL=inkCssVar.d.mts.map

package/es/styles/inkCssVar.mjs

@@ -0,0 +1,15 @@
+// src/styles/inkCssVar.ts
+/**
+* CSS variables for the Jinmi ink tokens: the fill of primary buttons, switches,
+* checkboxes, radios, progress and sliders. Emitted by `EssentialStyle`; read
+* through this map inside `createStaticStyles`.
+*/
+const inkCssVar = {
+	colorInk: "var(--jinmi-color-ink)",
+	colorInkActive: "var(--jinmi-color-ink-active)",
+	colorInkHover: "var(--jinmi-color-ink-hover)",
+	colorInkText: "var(--jinmi-color-ink-text)"
+};
+export { inkCssVar };
+
+//# sourceMappingURL=inkCssVar.mjs.map

package/es/styles/inkCssVar.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"inkCssVar.mjs","names":[],"sources":["../../src/styles/inkCssVar.ts"],"sourcesContent":["/**\n * CSS variables for the Jinmi ink tokens: the fill of primary buttons, switches,\n * checkboxes, radios, progress and sliders. Emitted by `EssentialStyle`; read\n * through this map inside `createStaticStyles`.\n */\nexport const inkCssVar = {\n  colorInk: 'var(--jinmi-color-ink)',\n  colorInkActive: 'var(--jinmi-color-ink-active)',\n  colorInkHover: 'var(--jinmi-color-ink-hover)',\n  colorInkText: 'var(--jinmi-color-ink-text)',\n} as const;\n"],"mappings":";;;;;;AAKA,MAAa,YAAY;CACvB,UAAU;CACV,gBAAgB;CAChB,eAAe;CACf,cAAc;AAChB"}

package/es/styles/theme/algorithms/darkAlgorithm.mjs

@@ -3,7 +3,7 @@ import { neutralColorScales } from "../../../color/neutrals/index.mjs";
 import { generateCustomColorToken } from "../customToken.mjs";
 import { generateColorNeutralPalette, generateColorPalette } from "../generateColorPalette.mjs";
 import darkBaseToken from "../token/dark.mjs";
-//#region src/styles/theme/algorithms/darkAlgorithm.ts
+// src/styles/theme/algorithms/darkAlgorithm.ts
 const darkAlgorithm = (seedToken, mapToken) => {
 	const primaryColor = seedToken.primaryColor;
 	const neutralColor = seedToken.neutralColor;
@@ -28,7 +28,6 @@ const darkAlgorithm = (seedToken, mapToken) => {
 		...generateCustomColorToken(true)
 	};
 };
-//#endregion
 export { darkAlgorithm };
 
 //# sourceMappingURL=darkAlgorithm.mjs.map

package/es/styles/theme/algorithms/lightAlgorithm.mjs

@@ -3,7 +3,7 @@ import { neutralColorScales } from "../../../color/neutrals/index.mjs";
 import { generateCustomColorToken } from "../customToken.mjs";
 import { generateColorNeutralPalette, generateColorPalette } from "../generateColorPalette.mjs";
 import lightBaseToken from "../token/light.mjs";
-//#region src/styles/theme/algorithms/lightAlgorithm.ts
+// src/styles/theme/algorithms/lightAlgorithm.ts
 const lightAlgorithm = (seedToken, mapToken) => {
 	const primaryColor = seedToken.primaryColor;
 	const neutralColor = seedToken.neutralColor;
@@ -28,7 +28,6 @@ const lightAlgorithm = (seedToken, mapToken) => {
 		...generateCustomColorToken(false)
 	};
 };
-//#endregion
 export { lightAlgorithm };
 
 //# sourceMappingURL=lightAlgorithm.mjs.map

package/es/styles/theme/antdTheme.mjs

@@ -1,8 +1,9 @@
+import { inkToken } from "./customToken.mjs";
 import { darkAlgorithm } from "./algorithms/darkAlgorithm.mjs";
 import { lightAlgorithm } from "./algorithms/lightAlgorithm.mjs";
 import { baseToken } from "./token/base.mjs";
 import { shadowToken } from "./token/shadow.mjs";
-//#region src/styles/theme/antdTheme.ts
+// src/styles/theme/antdTheme.ts
 /**
 * create A LobeHub Style Antd Theme Object
 * @param neutralColor
@@ -11,10 +12,21 @@ import { shadowToken } from "./token/shadow.mjs";
 */
 const createLobeAntdTheme = ({ neutralColor, appearance, primaryColor }) => {
 	const isDark = appearance === "dark";
+	const ink = inkToken[isDark ? "dark" : "light"];
+	const inkFill = {
+		colorPrimary: ink.colorInk,
+		colorPrimaryActive: ink.colorInkActive,
+		colorPrimaryHover: ink.colorInkHover
+	};
 	return {
 		algorithm: isDark ? darkAlgorithm : lightAlgorithm,
 		components: {
-			Button: { contentFontSizeSM: 12 },
+			Button: {
+				...inkFill,
+				contentFontSizeSM: 12,
+				primaryColor: ink.colorInkText
+			},
+			Checkbox: inkFill,
 			DatePicker: {
 				activeBorderColor: baseToken.colorBorder,
 				hoverBorderColor: baseToken.colorBorder
@@ -31,10 +43,14 @@ const createLobeAntdTheme = ({ neutralColor, appearance, primaryColor }) => {
 				activeBorderColor: baseToken.colorBorder,
 				hoverBorderColor: baseToken.colorBorder
 			},
+			Progress: { defaultColor: ink.colorInk },
+			Radio: inkFill,
 			Select: {
 				activeBorderColor: baseToken.colorBorder,
 				hoverBorderColor: baseToken.colorBorder
-			}
+			},
+			Slider: inkFill,
+			Switch: inkFill
 		},
 		token: {
 			...baseToken,
@@ -44,7 +60,6 @@ const createLobeAntdTheme = ({ neutralColor, appearance, primaryColor }) => {
 		}
 	};
 };
-//#endregion
 export { createLobeAntdTheme };
 
 //# sourceMappingURL=antdTheme.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"antdTheme.mjs","names":[],"sources":["../../../src/styles/theme/antdTheme.ts"],"sourcesContent":["import type { ThemeConfig } from 'antd';\r\nimport type { ThemeAppearance } from 'antd-style';\r\n\r\nimport type { NeutralColors, PrimaryColors } from '../customTheme';\r\nimport { darkAlgorithm } from './algorithms/darkAlgorithm';\r\nimport { lightAlgorithm } from './algorithms/lightAlgorithm';\r\nimport { baseToken } from './token/base';\r\nimport { shadowToken } from './token/shadow';\r\n\r\nexport interface LobeAntdThemeParams {\r\n  appearance: ThemeAppearance;\r\n  neutralColor?: NeutralColors;\r\n  primaryColor?: PrimaryColors;\r\n}\r\n\r\n/**\r\n * create A LobeHub Style Antd Theme Object\r\n * @param neutralColor\r\n * @param appearance\r\n * @param primaryColor\r\n */\r\nexport const createLobeAntdTheme = ({\r\n  neutralColor,\r\n  appearance,\r\n  primaryColor,\r\n}: LobeAntdThemeParams): ThemeConfig => {\r\n  const isDark = appearance === 'dark';\r\n\r\n  return {\r\n    algorithm: isDark ? darkAlgorithm : lightAlgorithm,\r\n    components: {\r\n      Button: {\r\n        contentFontSizeSM: 12,\r\n      },\r\n      DatePicker: {\r\n        activeBorderColor: baseToken.colorBorder,\r\n        hoverBorderColor: baseToken.colorBorder,\r\n      },\r\n      Input: {\r\n        activeBorderColor: baseToken.colorBorder,\r\n        hoverBorderColor: baseToken.colorBorder,\r\n      },\r\n      InputNumber: {\r\n        activeBorderColor: baseToken.colorBorder,\r\n        hoverBorderColor: baseToken.colorBorder,\r\n      },\r\n      Mentions: {\r\n        activeBorderColor: baseToken.colorBorder,\r\n        hoverBorderColor: baseToken.colorBorder,\r\n      },\r\n      Select: {\r\n        activeBorderColor: baseToken.colorBorder,\r\n        hoverBorderColor: baseToken.colorBorder,\r\n      },\r\n    },\r\n    token: {\r\n      ...baseToken,\r\n      ...shadowToken[isDark ? 'dark' : 'light'],\r\n      // @ts-ignore\r\n      neutralColor,\r\n      primaryColor,\r\n    },\r\n  };\r\n};\r\n"],"mappings":";;;;;;;;;;;AAqBA,MAAa,uBAAuB,EAClC,cACA,YACA,mBACsC;CACtC,MAAM,SAAS,eAAe;CAE9B,OAAO;EACL,WAAW,SAAS,gBAAgB;EACpC,YAAY;GACV,QAAQ,EACN,mBAAmB,GACrB;GACA,YAAY;IACV,mBAAmB,UAAU;IAC7B,kBAAkB,UAAU;GAC9B;GACA,OAAO;IACL,mBAAmB,UAAU;IAC7B,kBAAkB,UAAU;GAC9B;GACA,aAAa;IACX,mBAAmB,UAAU;IAC7B,kBAAkB,UAAU;GAC9B;GACA,UAAU;IACR,mBAAmB,UAAU;IAC7B,kBAAkB,UAAU;GAC9B;GACA,QAAQ;IACN,mBAAmB,UAAU;IAC7B,kBAAkB,UAAU;GAC9B;EACF;EACA,OAAO;GACL,GAAG;GACH,GAAG,YAAY,SAAS,SAAS;GAEjC;GACA;EACF;CACF;AACF"}
+{"version":3,"file":"antdTheme.mjs","names":[],"sources":["../../../src/styles/theme/antdTheme.ts"],"sourcesContent":["import type { ThemeConfig } from 'antd';\nimport type { ThemeAppearance } from 'antd-style';\n\nimport type { NeutralColors, PrimaryColors } from '../customTheme';\nimport { darkAlgorithm } from './algorithms/darkAlgorithm';\nimport { lightAlgorithm } from './algorithms/lightAlgorithm';\nimport { inkToken } from './customToken';\nimport { baseToken } from './token/base';\nimport { shadowToken } from './token/shadow';\n\nexport interface LobeAntdThemeParams {\n  appearance: ThemeAppearance;\n  neutralColor?: NeutralColors;\n  primaryColor?: PrimaryColors;\n}\n\n/**\n * create A LobeHub Style Antd Theme Object\n * @param neutralColor\n * @param appearance\n * @param primaryColor\n */\nexport const createLobeAntdTheme = ({\n  neutralColor,\n  appearance,\n  primaryColor,\n}: LobeAntdThemeParams): ThemeConfig => {\n  const isDark = appearance === 'dark';\n  const ink = inkToken[isDark ? 'dark' : 'light'];\n  // colorPrimary is the accent (board 06); filled controls stay ink.\n  const inkFill = {\n    colorPrimary: ink.colorInk,\n    colorPrimaryActive: ink.colorInkActive,\n    colorPrimaryHover: ink.colorInkHover,\n  };\n\n  return {\n    algorithm: isDark ? darkAlgorithm : lightAlgorithm,\n    components: {\n      Button: {\n        ...inkFill,\n        contentFontSizeSM: 12,\n        primaryColor: ink.colorInkText,\n      },\n      Checkbox: inkFill,\n      DatePicker: {\n        activeBorderColor: baseToken.colorBorder,\n        hoverBorderColor: baseToken.colorBorder,\n      },\n      Input: {\n        activeBorderColor: baseToken.colorBorder,\n        hoverBorderColor: baseToken.colorBorder,\n      },\n      InputNumber: {\n        activeBorderColor: baseToken.colorBorder,\n        hoverBorderColor: baseToken.colorBorder,\n      },\n      Mentions: {\n        activeBorderColor: baseToken.colorBorder,\n        hoverBorderColor: baseToken.colorBorder,\n      },\n      Progress: { defaultColor: ink.colorInk },\n      Radio: inkFill,\n      Select: {\n        activeBorderColor: baseToken.colorBorder,\n        hoverBorderColor: baseToken.colorBorder,\n      },\n      Slider: inkFill,\n      Switch: inkFill,\n    },\n    token: {\n      ...baseToken,\n      ...shadowToken[isDark ? 'dark' : 'light'],\n      // @ts-ignore\n      neutralColor,\n      primaryColor,\n    },\n  };\n};\n"],"mappings":";;;;;;;;;;;;AAsBA,MAAa,uBAAuB,EAClC,cACA,YACA,mBACsC;CACtC,MAAM,SAAS,eAAe;CAC9B,MAAM,MAAM,SAAS,SAAS,SAAS;CAEvC,MAAM,UAAU;EACd,cAAc,IAAI;EAClB,oBAAoB,IAAI;EACxB,mBAAmB,IAAI;CACzB;CAEA,OAAO;EACL,WAAW,SAAS,gBAAgB;EACpC,YAAY;GACV,QAAQ;IACN,GAAG;IACH,mBAAmB;IACnB,cAAc,IAAI;GACpB;GACA,UAAU;GACV,YAAY;IACV,mBAAmB,UAAU;IAC7B,kBAAkB,UAAU;GAC9B;GACA,OAAO;IACL,mBAAmB,UAAU;IAC7B,kBAAkB,UAAU;GAC9B;GACA,aAAa;IACX,mBAAmB,UAAU;IAC7B,kBAAkB,UAAU;GAC9B;GACA,UAAU;IACR,mBAAmB,UAAU;IAC7B,kBAAkB,UAAU;GAC9B;GACA,UAAU,EAAE,cAAc,IAAI,SAAS;GACvC,OAAO;GACP,QAAQ;IACN,mBAAmB,UAAU;IAC7B,kBAAkB,UAAU;GAC9B;GACA,QAAQ;GACR,QAAQ;EACV;EACA,OAAO;GACL,GAAG;GACH,GAAG,YAAY,SAAS,SAAS;GAEjC;GACA;EACF;CACF;AACF"}

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

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

@@ -1,5 +1,5 @@
 import { keyframes } from "antd-style";
-//#region src/styles/theme/customStylish.ts
+// src/styles/theme/customStylish.ts
 const generateCustomStylish = ({ css, token, isDarkMode }) => {
 	const gradient = keyframes`
     0% {
@@ -149,7 +149,6 @@ const generateCustomStylish = ({ css, token, isDarkMode }) => {
     `
 	};
 };
-//#endregion
 export { generateCustomStylish };
 
 //# sourceMappingURL=customStylish.mjs.map

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

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

@@ -1,5 +1,5 @@
 import { createStaticStyles, keyframes } from "antd-style";
-//#region src/styles/theme/customStylishStatic.ts
+// src/styles/theme/customStylishStatic.ts
 /**
 * Static version of custom stylish utilities.
 * This can be used with createStaticStyles for better performance.
@@ -169,7 +169,6 @@ const staticStylish = createStaticStyles(({ css, cssVar }) => ({
     background: ${cssVar.colorBgContainer};
   `
 }));
-//#endregion
 export { staticStylish };
 
 //# sourceMappingURL=customStylishStatic.mjs.map

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

@@ -1,6 +1,5 @@
 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.
@@ -21,7 +20,25 @@ declare const brandToken: {
     readonly colorBrandText: "#06759a";
   };
 };
+/**
+ * Jinmi ink: the fill of primary buttons, switches, checkboxes, radios, progress
+ * and sliders (board 06: colorText is "chữ chính, nút chính"). colorPrimary is
+ * the accent, so filled controls read ink from here instead.
+ */
+declare const inkToken: {
+  readonly dark: {
+    readonly colorInk: "#f3f5f7";
+    readonly colorInkActive: "#d5dadf";
+    readonly colorInkHover: "#ffffff";
+    readonly colorInkText: "#0b0d10";
+  };
+  readonly light: {
+    readonly colorInk: "#0b0f12";
+    readonly colorInkActive: "#000000";
+    readonly colorInkHover: "#2a3138";
+    readonly colorInkText: "#ffffff";
+  };
+};
 declare const generateCustomToken: GetCustomToken<LobeCustomToken>;
-//#endregion
-export { brandToken, generateCustomToken };
+export { brandToken, generateCustomToken, inkToken };
 //# sourceMappingURL=customToken.d.mts.map

package/es/styles/theme/customToken.mjs

@@ -1,7 +1,7 @@
 import { colorScales } from "../../color/colors/index.mjs";
 import { camelCase } from "es-toolkit/compat";
 import { mix } from "polished";
-//#region src/styles/theme/customToken.ts
+// src/styles/theme/customToken.ts
 const generateColorPalette = ({ name, scale, appearance }) => {
 	const isDarkMode = appearance === "dark";
 	return {
@@ -73,14 +73,33 @@ const brandToken = {
 		colorBrandText: "#06759a"
 	}
 };
+/**
+* Jinmi ink: the fill of primary buttons, switches, checkboxes, radios, progress
+* and sliders (board 06: colorText is "chữ chính, nút chính"). colorPrimary is
+* the accent, so filled controls read ink from here instead.
+*/
+const inkToken = {
+	dark: {
+		colorInk: "#f3f5f7",
+		colorInkActive: "#d5dadf",
+		colorInkHover: "#ffffff",
+		colorInkText: "#0b0d10"
+	},
+	light: {
+		colorInk: "#0b0f12",
+		colorInkActive: "#000000",
+		colorInkHover: "#2a3138",
+		colorInkText: "#ffffff"
+	}
+};
 const generateCustomToken = ({ isDarkMode, token }) => {
 	return {
 		...generateCustomColorToken(isDarkMode),
 		...brandToken[isDarkMode ? "dark" : "light"],
+		...inkToken[isDarkMode ? "dark" : "light"],
 		colorBgContainerSecondary: mix(.5, token.colorBgLayout, token.colorBgContainer)
 	};
 };
-//#endregion
-export { brandToken, generateCustomColorToken, generateCustomToken };
+export { brandToken, generateCustomColorToken, generateCustomToken, inkToken };
 
 //# sourceMappingURL=customToken.mjs.map

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

@@ -1 +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"}
+{"version":3,"file":"customToken.mjs","names":[],"sources":["../../../src/styles/theme/customToken.ts"],"sourcesContent":["import { type AliasToken } from 'antd/es/theme/interface';\nimport { type GetCustomToken } from 'antd-style';\nimport { camelCase } from 'es-toolkit/compat';\nimport { mix } from 'polished';\n\nimport { colorScales } from '@/color/colors';\nimport { type ColorScaleItem } from '@/color/types';\nimport { type LobeCustomToken } from '@/types/customToken';\n\nconst generateColorPalette = ({\n  name,\n  scale,\n  appearance,\n}: {\n  appearance: 'light' | 'dark';\n  name: string;\n  scale: ColorScaleItem;\n}) => {\n  const isDarkMode = appearance === 'dark';\n  return {\n    [`${name}Fill`]: scale[`${appearance}A`][isDarkMode ? 3 : 4],\n    [`${name}FillSecondary`]: scale[`${appearance}A`][isDarkMode ? 2 : 3],\n    [`${name}FillTertiary`]: scale[`${appearance}A`][isDarkMode ? 1 : 2],\n    [`${name}FillQuaternary`]: scale[`${appearance}A`][isDarkMode ? 0 : 1],\n    [`${name}Bg`]: scale[`${appearance}A`][1],\n    [`${name}BgHover`]: scale[`${appearance}A`][2],\n    [`${name}Border`]: scale[appearance][4],\n    [`${name}BorderSecondary`]: scale[appearance][3],\n    [`${name}BorderHover`]: scale[appearance][isDarkMode ? 5 : 3],\n    [`${name}Hover`]: scale[appearance][isDarkMode ? 10 : 8],\n    [`${name}`]: scale[appearance][9],\n    [`${name}Active`]: scale[appearance][isDarkMode ? 7 : 10],\n    [`${name}TextHover`]: scale[`${appearance}A`][isDarkMode ? 10 : 8],\n    [`${name}Text`]: scale[`${appearance}A`][9],\n    [`${name}TextActive`]: scale[`${appearance}A`][isDarkMode ? 7 : 10],\n  };\n};\n\nconst generateCustomColorPalette = ({\n  name,\n  scale,\n  appearance,\n}: {\n  appearance: 'light' | 'dark';\n  name: string;\n  scale: ColorScaleItem;\n}): Partial<AliasToken> => {\n  const colorStepPalette: { [key: string]: string } = {};\n\n  for (const [index, color] of scale[appearance].entries()) {\n    if (index === 0 || index === 12) continue;\n\n    colorStepPalette[`${name}${index}`] = color;\n  }\n  for (const [index, color] of scale[`${appearance}A`].entries()) {\n    if (index === 0 || index === 12) continue;\n\n    colorStepPalette[`${name}${index}A`] = color;\n  }\n\n  return {\n    ...colorStepPalette,\n    ...generateColorPalette({ appearance, name, scale }),\n  };\n};\n\nexport const generateCustomColorToken = (isDarkMode: boolean) => {\n  let colorCustomToken: any = {};\n\n  for (const [type, scale] of Object.entries(colorScales)) {\n    colorCustomToken = {\n      ...colorCustomToken,\n      ...generateCustomColorPalette({\n        appearance: isDarkMode ? 'dark' : 'light',\n        name: camelCase(type),\n        scale,\n      }),\n    };\n  }\n\n  return colorCustomToken;\n};\n\n/**\n * Jinmi brand accent (Sky Cyan). Kept to a few moments: the home aura, the\n * \"running\" dot, focus rings, and readable accent text/links.\n */\nexport const brandToken = {\n  dark: {\n    colorBrand: '#2ccff2',\n    colorBrandBg: 'rgba(44, 207, 242, 0.12)',\n    colorBrandBorder: 'rgba(92, 214, 242, 0.5)',\n    colorBrandGlow: 'rgba(44, 207, 242, 0.6)',\n    colorBrandText: '#5cd6f2',\n  },\n  light: {\n    colorBrand: '#0bc2eb',\n    colorBrandBg: '#e6f9fd',\n    colorBrandBorder: '#9be3f3',\n    colorBrandGlow: 'rgba(11, 194, 235, 0.6)',\n    colorBrandText: '#06759a',\n  },\n} as const;\n\n/**\n * Jinmi ink: the fill of primary buttons, switches, checkboxes, radios, progress\n * and sliders (board 06: colorText is \"chữ chính, nút chính\"). colorPrimary is\n * the accent, so filled controls read ink from here instead.\n */\nexport const inkToken = {\n  dark: {\n    colorInk: '#f3f5f7',\n    colorInkActive: '#d5dadf',\n    colorInkHover: '#ffffff',\n    colorInkText: '#0b0d10',\n  },\n  light: {\n    colorInk: '#0b0f12',\n    colorInkActive: '#000000',\n    colorInkHover: '#2a3138',\n    colorInkText: '#ffffff',\n  },\n} as const;\n\nexport const generateCustomToken: GetCustomToken<LobeCustomToken> = ({ isDarkMode, token }) => {\n  return {\n    ...generateCustomColorToken(isDarkMode),\n    ...brandToken[isDarkMode ? 'dark' : 'light'],\n    ...inkToken[isDarkMode ? 'dark' : 'light'],\n    colorBgContainerSecondary: mix(0.5, token.colorBgLayout, token.colorBgContainer),\n  };\n};\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;;;;;;AAOA,MAAa,WAAW;CACtB,MAAM;EACJ,UAAU;EACV,gBAAgB;EAChB,eAAe;EACf,cAAc;CAChB;CACA,OAAO;EACL,UAAU;EACV,gBAAgB;EAChB,eAAe;EACf,cAAc;CAChB;AACF;AAEA,MAAa,uBAAwD,EAAE,YAAY,YAAY;CAC7F,OAAO;EACL,GAAG,yBAAyB,UAAU;EACtC,GAAG,WAAW,aAAa,SAAS;EACpC,GAAG,SAAS,aAAa,SAAS;EAClC,2BAA2B,IAAI,IAAK,MAAM,eAAe,MAAM,gBAAgB;CACjF;AACF"}

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

@@ -1,6 +1,5 @@
 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;
@@ -10,6 +9,5 @@ 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

@@ -1,5 +1,5 @@
 import { capitalize } from "es-toolkit/compat";
-//#region src/styles/theme/generateColorPalette.ts
+// src/styles/theme/generateColorPalette.ts
 const generateColorPalette = ({ type, scale, appearance }) => {
 	const name = capitalize(type);
 	const isDarkMode = appearance === "dark";
@@ -39,7 +39,6 @@ const generateColorNeutralPalette = ({ scale, appearance }) => {
 		colorTextTertiary: scale[appearance][8]
 	};
 };
-//#endregion
 export { generateColorNeutralPalette, generateColorPalette };
 
 //# sourceMappingURL=generateColorPalette.mjs.map

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

@@ -1,4 +1,4 @@
-//#region src/styles/theme/token/base.ts
+// src/styles/theme/token/base.ts
 const joinFontFamily = (fonts) => fonts.map((font) => font.includes(" ") ? `"${font}"` : font).join(",");
 const FONT_EMOJI = [
 	"/* EMOJI */",
@@ -61,7 +61,6 @@ const baseToken = {
 		FONT_EMOJI
 	].flat())
 };
-//#endregion
 export { baseToken };
 
 //# sourceMappingURL=base.mjs.map

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

@@ -5,7 +5,7 @@ import lime from "../../../color/colors/lime.mjs";
 import primary from "../../../color/colors/primary.mjs";
 import red from "../../../color/colors/red.mjs";
 import { generateColorNeutralPalette, generateColorPalette } from "../generateColorPalette.mjs";
-//#region src/styles/theme/token/dark.ts
+// src/styles/theme/token/dark.ts
 const primaryToken = generateColorPalette({
 	appearance: "dark",
 	scale: primary,
@@ -47,7 +47,6 @@ const darkBaseToken = {
 	colorLinkHover: "#8be4f6",
 	colorTextLightSolid: neutralToken.colorBgLayout
 };
-//#endregion
 export { darkBaseToken as default };
 
 //# sourceMappingURL=dark.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"dark.mjs","names":["blue"],"sources":["../../../../src/styles/theme/token/dark.ts"],"sourcesContent":["import type { AliasToken } from 'antd/es/theme/interface';\r\n\r\nimport { blue, gold, gray, lime, primary, red } from '@/color/colors';\r\n\r\nimport { generateColorNeutralPalette, generateColorPalette } from '../generateColorPalette';\r\n\r\nconst primaryToken = generateColorPalette({\r\n  appearance: 'dark',\r\n  scale: primary,\r\n  type: 'Primary',\r\n});\r\n\r\nconst neutralToken = generateColorNeutralPalette({\r\n  appearance: 'dark',\r\n  scale: gray,\r\n});\r\n\r\nconst successToken = generateColorPalette({\r\n  appearance: 'dark',\r\n  scale: lime,\r\n  type: 'Success',\r\n});\r\n\r\nconst warningToken = generateColorPalette({\r\n  appearance: 'dark',\r\n  scale: gold,\r\n  type: 'Warning',\r\n});\r\n\r\nconst errorToken = generateColorPalette({\r\n  appearance: 'dark',\r\n  scale: red,\r\n  type: 'Error',\r\n});\r\n\r\nconst infoToken = generateColorPalette({\r\n  appearance: 'dark',\r\n  scale: blue,\r\n  type: 'Info',\r\n});\r\n\r\nconst darkBaseToken: Partial<AliasToken> = {\r\n  ...primaryToken,\r\n  ...neutralToken,\r\n  ...successToken,\r\n  ...warningToken,\r\n  ...errorToken,\r\n  ...infoToken,\r\n\r\n  colorLink: '#5cd6f2',\r\n  colorLinkActive: '#3fc9e8',\r\n\r\n  colorLinkHover: '#8be4f6',\r\n  colorTextLightSolid: neutralToken.colorBgLayout,\r\n};\r\n\r\nexport default darkBaseToken;\r\n"],"mappings":";;;;;;;;AAMA,MAAM,eAAe,qBAAqB;CACxC,YAAY;CACZ,OAAO;CACP,MAAM;AACR,CAAC;AAED,MAAM,eAAe,4BAA4B;CAC/C,YAAY;CACZ,OAAO;AACT,CAAC;AAED,MAAM,eAAe,qBAAqB;CACxC,YAAY;CACZ,OAAO;CACP,MAAM;AACR,CAAC;AAED,MAAM,eAAe,qBAAqB;CACxC,YAAY;CACZ,OAAO;CACP,MAAM;AACR,CAAC;AAED,MAAM,aAAa,qBAAqB;CACtC,YAAY;CACZ,OAAO;CACP,MAAM;AACR,CAAC;AAED,MAAM,YAAY,qBAAqB;CACrC,YAAY;CACZ,OAAOA;CACP,MAAM;AACR,CAAC;AAED,MAAM,gBAAqC;CACzC,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CAEH,WAAW;CACX,iBAAiB;CAEjB,gBAAgB;CAChB,qBAAqB,aAAa;AACpC"}
+{"version":3,"file":"dark.mjs","names":["blue"],"sources":["../../../../src/styles/theme/token/dark.ts"],"sourcesContent":["import type { AliasToken } from 'antd/es/theme/interface';\n\nimport { blue, gold, gray, lime, primary, red } from '@/color/colors';\n\nimport { generateColorNeutralPalette, generateColorPalette } from '../generateColorPalette';\n\nconst primaryToken = generateColorPalette({\n  appearance: 'dark',\n  scale: primary,\n  type: 'Primary',\n});\n\nconst neutralToken = generateColorNeutralPalette({\n  appearance: 'dark',\n  scale: gray,\n});\n\nconst successToken = generateColorPalette({\n  appearance: 'dark',\n  scale: lime,\n  type: 'Success',\n});\n\nconst warningToken = generateColorPalette({\n  appearance: 'dark',\n  scale: gold,\n  type: 'Warning',\n});\n\nconst errorToken = generateColorPalette({\n  appearance: 'dark',\n  scale: red,\n  type: 'Error',\n});\n\nconst infoToken = generateColorPalette({\n  appearance: 'dark',\n  scale: blue,\n  type: 'Info',\n});\n\nconst darkBaseToken: Partial<AliasToken> = {\n  ...primaryToken,\n  ...neutralToken,\n  ...successToken,\n  ...warningToken,\n  ...errorToken,\n  ...infoToken,\n\n  colorLink: '#5cd6f2',\n  colorLinkActive: '#3fc9e8',\n\n  colorLinkHover: '#8be4f6',\n  colorTextLightSolid: neutralToken.colorBgLayout,\n};\n\nexport default darkBaseToken;\n"],"mappings":";;;;;;;;AAMA,MAAM,eAAe,qBAAqB;CACxC,YAAY;CACZ,OAAO;CACP,MAAM;AACR,CAAC;AAED,MAAM,eAAe,4BAA4B;CAC/C,YAAY;CACZ,OAAO;AACT,CAAC;AAED,MAAM,eAAe,qBAAqB;CACxC,YAAY;CACZ,OAAO;CACP,MAAM;AACR,CAAC;AAED,MAAM,eAAe,qBAAqB;CACxC,YAAY;CACZ,OAAO;CACP,MAAM;AACR,CAAC;AAED,MAAM,aAAa,qBAAqB;CACtC,YAAY;CACZ,OAAO;CACP,MAAM;AACR,CAAC;AAED,MAAM,YAAY,qBAAqB;CACrC,YAAY;CACZ,OAAOA;CACP,MAAM;AACR,CAAC;AAED,MAAM,gBAAqC;CACzC,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CAEH,WAAW;CACX,iBAAiB;CAEjB,gBAAgB;CAChB,qBAAqB,aAAa;AACpC"}

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

@@ -5,7 +5,7 @@ import green from "../../../color/colors/green.mjs";
 import primary from "../../../color/colors/primary.mjs";
 import volcano from "../../../color/colors/volcano.mjs";
 import { generateColorNeutralPalette, generateColorPalette } from "../generateColorPalette.mjs";
-//#region src/styles/theme/token/light.ts
+// src/styles/theme/token/light.ts
 const primaryToken = generateColorPalette({
 	appearance: "light",
 	scale: primary,
@@ -47,7 +47,6 @@ const lightBaseToken = {
 	colorLinkHover: "#055a77",
 	colorTextLightSolid: neutralToken.colorBgLayout
 };
-//#endregion
 export { lightBaseToken as default };
 
 //# sourceMappingURL=light.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"light.mjs","names":[],"sources":["../../../../src/styles/theme/token/light.ts"],"sourcesContent":["import type { AliasToken } from 'antd/es/theme/interface';\r\n\r\nimport { geekblue, gold, gray, green, primary, volcano } from '@/color/colors';\r\n\r\nimport { generateColorNeutralPalette, generateColorPalette } from '../generateColorPalette';\r\n\r\nconst primaryToken = generateColorPalette({\r\n  appearance: 'light',\r\n  scale: primary,\r\n  type: 'Primary',\r\n});\r\n\r\nconst neutralToken = generateColorNeutralPalette({\r\n  appearance: 'light',\r\n  scale: gray,\r\n});\r\n\r\nconst successToken = generateColorPalette({\r\n  appearance: 'light',\r\n  scale: green,\r\n  type: 'Success',\r\n});\r\n\r\nconst warningToken = generateColorPalette({\r\n  appearance: 'light',\r\n  scale: gold,\r\n  type: 'Warning',\r\n});\r\n\r\nconst errorToken = generateColorPalette({\r\n  appearance: 'light',\r\n  scale: volcano,\r\n  type: 'Error',\r\n});\r\n\r\nconst infoToken = generateColorPalette({\r\n  appearance: 'light',\r\n  scale: geekblue,\r\n  type: 'Info',\r\n});\r\n\r\nconst lightBaseToken: Partial<AliasToken> = {\r\n  ...primaryToken,\r\n  ...neutralToken,\r\n  ...successToken,\r\n  ...warningToken,\r\n  ...errorToken,\r\n  ...infoToken,\r\n\r\n  colorLink: '#06759a',\r\n  colorLinkActive: '#044a62',\r\n\r\n  colorLinkHover: '#055a77',\r\n  colorTextLightSolid: neutralToken.colorBgLayout,\r\n};\r\n\r\nexport default lightBaseToken;\r\n"],"mappings":";;;;;;;;AAMA,MAAM,eAAe,qBAAqB;CACxC,YAAY;CACZ,OAAO;CACP,MAAM;AACR,CAAC;AAED,MAAM,eAAe,4BAA4B;CAC/C,YAAY;CACZ,OAAO;AACT,CAAC;AAED,MAAM,eAAe,qBAAqB;CACxC,YAAY;CACZ,OAAO;CACP,MAAM;AACR,CAAC;AAED,MAAM,eAAe,qBAAqB;CACxC,YAAY;CACZ,OAAO;CACP,MAAM;AACR,CAAC;AAED,MAAM,aAAa,qBAAqB;CACtC,YAAY;CACZ,OAAO;CACP,MAAM;AACR,CAAC;AAED,MAAM,YAAY,qBAAqB;CACrC,YAAY;CACZ,OAAO;CACP,MAAM;AACR,CAAC;AAED,MAAM,iBAAsC;CAC1C,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CAEH,WAAW;CACX,iBAAiB;CAEjB,gBAAgB;CAChB,qBAAqB,aAAa;AACpC"}
+{"version":3,"file":"light.mjs","names":[],"sources":["../../../../src/styles/theme/token/light.ts"],"sourcesContent":["import type { AliasToken } from 'antd/es/theme/interface';\n\nimport { geekblue, gold, gray, green, primary, volcano } from '@/color/colors';\n\nimport { generateColorNeutralPalette, generateColorPalette } from '../generateColorPalette';\n\nconst primaryToken = generateColorPalette({\n  appearance: 'light',\n  scale: primary,\n  type: 'Primary',\n});\n\nconst neutralToken = generateColorNeutralPalette({\n  appearance: 'light',\n  scale: gray,\n});\n\nconst successToken = generateColorPalette({\n  appearance: 'light',\n  scale: green,\n  type: 'Success',\n});\n\nconst warningToken = generateColorPalette({\n  appearance: 'light',\n  scale: gold,\n  type: 'Warning',\n});\n\nconst errorToken = generateColorPalette({\n  appearance: 'light',\n  scale: volcano,\n  type: 'Error',\n});\n\nconst infoToken = generateColorPalette({\n  appearance: 'light',\n  scale: geekblue,\n  type: 'Info',\n});\n\nconst lightBaseToken: Partial<AliasToken> = {\n  ...primaryToken,\n  ...neutralToken,\n  ...successToken,\n  ...warningToken,\n  ...errorToken,\n  ...infoToken,\n\n  colorLink: '#06759a',\n  colorLinkActive: '#044a62',\n\n  colorLinkHover: '#055a77',\n  colorTextLightSolid: neutralToken.colorBgLayout,\n};\n\nexport default lightBaseToken;\n"],"mappings":";;;;;;;;AAMA,MAAM,eAAe,qBAAqB;CACxC,YAAY;CACZ,OAAO;CACP,MAAM;AACR,CAAC;AAED,MAAM,eAAe,4BAA4B;CAC/C,YAAY;CACZ,OAAO;AACT,CAAC;AAED,MAAM,eAAe,qBAAqB;CACxC,YAAY;CACZ,OAAO;CACP,MAAM;AACR,CAAC;AAED,MAAM,eAAe,qBAAqB;CACxC,YAAY;CACZ,OAAO;CACP,MAAM;AACR,CAAC;AAED,MAAM,aAAa,qBAAqB;CACtC,YAAY;CACZ,OAAO;CACP,MAAM;AACR,CAAC;AAED,MAAM,YAAY,qBAAqB;CACrC,YAAY;CACZ,OAAO;CACP,MAAM;AACR,CAAC;AAED,MAAM,iBAAsC;CAC1C,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CAEH,WAAW;CACX,iBAAiB;CAEjB,gBAAgB;CAChB,qBAAqB,aAAa;AACpC"}

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

@@ -1,4 +1,4 @@
-//#region src/styles/theme/token/shadow.ts
+// src/styles/theme/token/shadow.ts
 const shadowToken = {
 	dark: {
 		boxShadow: "0 0 0 1px rgba(255, 255, 255, 0.06), 0 30px 70px -28px rgba(0, 0, 0, 0.8)",
@@ -11,7 +11,6 @@ const shadowToken = {
 		boxShadowTertiary: "0 1px 2px rgba(11, 15, 18, 0.04), 0 16px 40px -18px rgba(6, 117, 154, 0.35)"
 	}
 };
-//#endregion
 export { shadowToken };
 
 //# sourceMappingURL=shadow.mjs.map