@lobehub/ui 5.15.8 → 5.15.9

package/es/color/colors/index.mjs

@@ -1,4 +1,4 @@
-import blue from "./blue.mjs";
+import blueGeekblueMix from "./blue.mjs";
 import cyan from "./cyan.mjs";
 import geekblue from "./geekblue.mjs";
 import gold from "./gold.mjs";
@@ -14,7 +14,7 @@ import volcano from "./volcano.mjs";
 import yellow from "./yellow.mjs";
 //#region src/color/colors/index.ts
 const colorScales = {
-	blue,
+	blue: blueGeekblueMix,
 	cyan,
 	geekblue,
 	gold,

package/es/color/colors/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":[],"sources":["../../../src/color/colors/index.ts"],"sourcesContent":["import type { ColorScaleItem } from '../types';\nimport blue from './blue';\nimport cyan from './cyan';\nimport geekblue from './geekblue';\nimport gold from './gold';\nimport gray from './gray';\nimport green from './green';\nimport lime from './lime';\nimport magenta from './magenta';\nimport orange from './orange';\nimport primary from './primary';\nimport purple from './purple';\nimport red from './red';\nimport volcano from './volcano';\nimport yellow from './yellow';\n\nexport interface ColorScales {\n  blue: ColorScaleItem;\n  cyan: ColorScaleItem;\n  geekblue: ColorScaleItem;\n  gold: ColorScaleItem;\n  gray: ColorScaleItem;\n  green: ColorScaleItem;\n  lime: ColorScaleItem;\n  magenta: ColorScaleItem;\n  orange: ColorScaleItem;\n  primary: ColorScaleItem;\n  purple: ColorScaleItem;\n  red: ColorScaleItem;\n  volcano: ColorScaleItem;\n  yellow: ColorScaleItem;\n}\n\nexport const colorScales: ColorScales = {\n  blue,\n  cyan,\n  geekblue,\n  gold,\n  gray,\n  green,\n  lime,\n  magenta,\n  orange,\n  primary,\n  purple,\n  red,\n  volcano,\n  yellow,\n};\n\nexport { colorScales as colors };\n\nexport { default as blue } from './blue';\nexport { default as cyan } from './cyan';\nexport { default as geekblue } from './geekblue';\nexport { default as gold } from './gold';\nexport { default as gray } from './gray';\nexport { default as green } from './green';\nexport { default as lime } from './lime';\nexport { default as magenta } from './magenta';\nexport { default as orange } from './orange';\nexport { default as primary } from './primary';\nexport { default as purple } from './purple';\nexport { default as red } from './red';\nexport { default as volcano } from './volcano';\nexport { default as yellow } from './yellow';\n"],"mappings":";;;;;;;;;;;;;;;AAiCA,MAAa,cAA2B;CACtC;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD"}
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../src/color/colors/index.ts"],"sourcesContent":["import type { ColorScaleItem } from '../types';\nimport blue from './blue';\nimport cyan from './cyan';\nimport geekblue from './geekblue';\nimport gold from './gold';\nimport gray from './gray';\nimport green from './green';\nimport lime from './lime';\nimport magenta from './magenta';\nimport orange from './orange';\nimport primary from './primary';\nimport purple from './purple';\nimport red from './red';\nimport volcano from './volcano';\nimport yellow from './yellow';\n\nexport interface ColorScales {\n  blue: ColorScaleItem;\n  cyan: ColorScaleItem;\n  geekblue: ColorScaleItem;\n  gold: ColorScaleItem;\n  gray: ColorScaleItem;\n  green: ColorScaleItem;\n  lime: ColorScaleItem;\n  magenta: ColorScaleItem;\n  orange: ColorScaleItem;\n  primary: ColorScaleItem;\n  purple: ColorScaleItem;\n  red: ColorScaleItem;\n  volcano: ColorScaleItem;\n  yellow: ColorScaleItem;\n}\n\nexport const colorScales: ColorScales = {\n  blue,\n  cyan,\n  geekblue,\n  gold,\n  gray,\n  green,\n  lime,\n  magenta,\n  orange,\n  primary,\n  purple,\n  red,\n  volcano,\n  yellow,\n};\n\nexport { colorScales as colors };\n\nexport { default as blue } from './blue';\nexport { default as cyan } from './cyan';\nexport { default as geekblue } from './geekblue';\nexport { default as gold } from './gold';\nexport { default as gray } from './gray';\nexport { default as green } from './green';\nexport { default as lime } from './lime';\nexport { default as magenta } from './magenta';\nexport { default as orange } from './orange';\nexport { default as primary } from './primary';\nexport { default as purple } from './purple';\nexport { default as red } from './red';\nexport { default as volcano } from './volcano';\nexport { default as yellow } from './yellow';\n"],"mappings":";;;;;;;;;;;;;;;AAiCA,MAAa,cAA2B;CACtC,MAAA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD"}

package/es/color/index.d.mts

@@ -1,5 +1,5 @@
 import { ColorScaleItem } from "./types.mjs";
-import { blue } from "./colors/blue.mjs";
+import { blueGeekblueMix } from "./colors/blue.mjs";
 import { cyan } from "./colors/cyan.mjs";
 import { geekblue } from "./colors/geekblue.mjs";
 import { gold } from "./colors/gold.mjs";
@@ -22,4 +22,4 @@ import { sage } from "./neutrals/sage.mjs";
 import { sand } from "./neutrals/sand.mjs";
 import { slate } from "./neutrals/slate.mjs";
 import { NeutralColorScales, neutralColorScales } from "./neutrals/index.mjs";
-export { type ColorScaleItem, ColorScales, type ColorScalesProps, ColorScales$1 as CssVar, NeutralColorScales, blue, colorScales, colorScales as colors, cyan, geekblue, gold, gray, green, lime, magenta, mauve, neutralColorScales, neutralColorScales as neutrals, olive, orange, primary, purple, red, sage, sand, slate, volcano, yellow };
+export { type ColorScaleItem, ColorScales, type ColorScalesProps, ColorScales$1 as CssVar, NeutralColorScales, blueGeekblueMix as blue, colorScales, colorScales as colors, cyan, geekblue, gold, gray, green, lime, magenta, mauve, neutralColorScales, neutralColorScales as neutrals, olive, orange, primary, purple, red, sage, sand, slate, volcano, yellow };

package/es/color/index.mjs

@@ -1,4 +1,4 @@
-import blue from "./colors/blue.mjs";
+import blueGeekblueMix from "./colors/blue.mjs";
 import cyan from "./colors/cyan.mjs";
 import geekblue from "./colors/geekblue.mjs";
 import gold from "./colors/gold.mjs";
@@ -21,4 +21,4 @@ import slate from "./neutrals/slate.mjs";
 import { neutralColorScales } from "./neutrals/index.mjs";
 import ColorScales from "./ColorScales/index.mjs";
 import ColorScales$1 from "./CssVar/index.mjs";
-export { ColorScales, ColorScales$1 as CssVar, blue, colorScales, colorScales as colors, cyan, geekblue, gold, gray, green, lime, magenta, mauve, neutralColorScales, neutralColorScales as neutrals, olive, orange, primary, purple, red, sage, sand, slate, volcano, yellow };
+export { ColorScales, ColorScales$1 as CssVar, blueGeekblueMix as blue, colorScales, colorScales as colors, cyan, geekblue, gold, gray, green, lime, magenta, mauve, neutralColorScales, neutralColorScales as neutrals, olive, orange, primary, purple, red, sage, sand, slate, volcano, yellow };

package/es/hooks/useHighlight.mjs

@@ -1,6 +1,6 @@
 "use client";
-import { getCodeLanguageByInput } from "../Highlighter/const.mjs";
 import lobe_theme_default from "../Highlighter/theme/lobe-theme.mjs";
+import { getCodeLanguageByInput } from "../Highlighter/const.mjs";
 import { useEffect, useMemo, useState } from "react";
 import { transformerNotationDiff, transformerNotationErrorLevel, transformerNotationFocus, transformerNotationHighlight, transformerNotationWordHighlight } from "@shikijs/transformers";
 import { Md5 } from "ts-md5";

package/es/hooks/useStreamHighlight.mjs

@@ -1,6 +1,6 @@
 "use client";
-import { getCodeLanguageByInput } from "../Highlighter/const.mjs";
 import lobe_theme_default from "../Highlighter/theme/lobe-theme.mjs";
+import { getCodeLanguageByInput } from "../Highlighter/const.mjs";
 import { shikiModulePromise } from "./useHighlight.mjs";
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { ShikiStreamTokenizer } from "shiki-stream";

package/es/index.mjs

@@ -46,10 +46,11 @@ import CheckboxGroup from "./Checkbox/CheckboxGroup.mjs";
 import Checkbox from "./Checkbox/index.mjs";
 import FileTypeIcon from "./FileTypeIcon/FileTypeIcon.mjs";
 import MaterialFileTypeIcon from "./MaterialFileTypeIcon/MaterialFileTypeIcon.mjs";
+import Tag from "./Tag/Tag.mjs";
+import lobe_theme_default from "./Highlighter/theme/lobe-theme.mjs";
 import CodeDiff from "./CodeDiff/CodeDiff.mjs";
 import PatchDiff from "./CodeDiff/PatchDiff.mjs";
 import { highlighterThemes } from "./Highlighter/const.mjs";
-import lobe_theme_default from "./Highlighter/theme/lobe-theme.mjs";
 import SyntaxHighlighter from "./Highlighter/SyntaxHighlighter/index.mjs";
 import CodeEditor from "./CodeEditor/CodeEditor.mjs";
 import Collapse from "./Collapse/Collapse.mjs";
@@ -85,7 +86,6 @@ import { PopoverProvider, usePopoverContext } from "./base-ui/Popover/context.mj
 import Popover from "./base-ui/Popover/Popover.mjs";
 import PopoverGroup from "./base-ui/Popover/PopoverGroup.mjs";
 import Tabs from "./Tabs/Tabs.mjs";
-import Tag from "./Tag/Tag.mjs";
 import EmojiPicker from "./EmojiPicker/EmojiPicker.mjs";
 import Empty from "./Empty/Empty.mjs";
 import Footer from "./Footer/Footer.mjs";

package/es/styles/customTheme.mjs

@@ -1,4 +1,4 @@
-import blue from "../color/colors/blue.mjs";
+import blueGeekblueMix from "../color/colors/blue.mjs";
 import cyan from "../color/colors/cyan.mjs";
 import geekblue from "../color/colors/geekblue.mjs";
 import gold from "../color/colors/gold.mjs";
@@ -17,7 +17,7 @@ import sand from "../color/neutrals/sand.mjs";
 import slate from "../color/neutrals/slate.mjs";
 //#region src/styles/customTheme.ts
 const primaryColors = {
-	blue: blue.dark[9],
+	blue: blueGeekblueMix.dark[9],
 	cyan: cyan.dark[9],
 	geekblue: geekblue.dark[9],
 	gold: gold.dark[9],

package/es/styles/customTheme.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"customTheme.mjs","names":[],"sources":["../../src/styles/customTheme.ts"],"sourcesContent":["import {\n  blue,\n  cyan,\n  geekblue,\n  gold,\n  green,\n  lime,\n  magenta,\n  orange,\n  purple,\n  red,\n  volcano,\n  yellow,\n} from '@/color/colors';\nimport { mauve, olive, sage, sand, slate } from '@/color/neutrals';\n\nexport const primaryColors = {\n  blue: blue.dark[9],\n  cyan: cyan.dark[9],\n  geekblue: geekblue.dark[9],\n  gold: gold.dark[9],\n  green: green.dark[9],\n  lime: lime.dark[9],\n  magenta: magenta.dark[9],\n  orange: orange.dark[9],\n  purple: purple.dark[9],\n  red: red.dark[9],\n  volcano: volcano.dark[9],\n  yellow: yellow.dark[9],\n};\n\nexport type PrimaryColorsObj = typeof primaryColors;\nexport type PrimaryColors = keyof PrimaryColorsObj;\nexport const primaryColorsSwatches = [\n  primaryColors.red,\n  primaryColors.orange,\n  primaryColors.gold,\n  primaryColors.yellow,\n  primaryColors.lime,\n  primaryColors.green,\n  primaryColors.cyan,\n  primaryColors.blue,\n  primaryColors.geekblue,\n  primaryColors.purple,\n  primaryColors.magenta,\n  primaryColors.volcano,\n];\nexport const neutralColors = {\n  mauve: mauve.dark[9],\n  olive: olive.dark[9],\n  sage: sage.dark[9],\n  sand: sand.dark[9],\n  slate: slate.dark[9],\n};\nexport const neutralColorsSwatches = [\n  neutralColors.mauve,\n  neutralColors.slate,\n  neutralColors.sage,\n  neutralColors.olive,\n  neutralColors.sand,\n];\n\nexport type NeutralColorsObj = typeof neutralColors;\nexport type NeutralColors = keyof NeutralColorsObj;\n\nexport const findCustomThemeName = (type: 'primary' | 'neutral', value: string) => {\n  const res = type === 'primary' ? primaryColors : neutralColors;\n  const result = Object.entries(res).find((item) => item[1] === value);\n  return result?.[0];\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;AAgBA,MAAa,gBAAgB;CAC3B,MAAM,KAAK,KAAK;CAChB,MAAM,KAAK,KAAK;CAChB,UAAU,SAAS,KAAK;CACxB,MAAM,KAAK,KAAK;CAChB,OAAO,MAAM,KAAK;CAClB,MAAM,KAAK,KAAK;CAChB,SAAS,QAAQ,KAAK;CACtB,QAAQ,OAAO,KAAK;CACpB,QAAQ,OAAO,KAAK;CACpB,KAAK,IAAI,KAAK;CACd,SAAS,QAAQ,KAAK;CACtB,QAAQ,OAAO,KAAK;CACrB;AAID,MAAa,wBAAwB;CACnC,cAAc;CACd,cAAc;CACd,cAAc;CACd,cAAc;CACd,cAAc;CACd,cAAc;CACd,cAAc;CACd,cAAc;CACd,cAAc;CACd,cAAc;CACd,cAAc;CACd,cAAc;CACf;AACD,MAAa,gBAAgB;CAC3B,OAAO,MAAM,KAAK;CAClB,OAAO,MAAM,KAAK;CAClB,MAAM,KAAK,KAAK;CAChB,MAAM,KAAK,KAAK;CAChB,OAAO,MAAM,KAAK;CACnB;AACD,MAAa,wBAAwB;CACnC,cAAc;CACd,cAAc;CACd,cAAc;CACd,cAAc;CACd,cAAc;CACf;AAKD,MAAa,uBAAuB,MAA6B,UAAkB;AAGjF,QADe,OAAO,QADV,SAAS,YAAY,gBAAgB,cACf,CAAC,MAAM,SAAS,KAAK,OAAO,MACjD,GAAG"}
+{"version":3,"file":"customTheme.mjs","names":["blue"],"sources":["../../src/styles/customTheme.ts"],"sourcesContent":["import {\n  blue,\n  cyan,\n  geekblue,\n  gold,\n  green,\n  lime,\n  magenta,\n  orange,\n  purple,\n  red,\n  volcano,\n  yellow,\n} from '@/color/colors';\nimport { mauve, olive, sage, sand, slate } from '@/color/neutrals';\n\nexport const primaryColors = {\n  blue: blue.dark[9],\n  cyan: cyan.dark[9],\n  geekblue: geekblue.dark[9],\n  gold: gold.dark[9],\n  green: green.dark[9],\n  lime: lime.dark[9],\n  magenta: magenta.dark[9],\n  orange: orange.dark[9],\n  purple: purple.dark[9],\n  red: red.dark[9],\n  volcano: volcano.dark[9],\n  yellow: yellow.dark[9],\n};\n\nexport type PrimaryColorsObj = typeof primaryColors;\nexport type PrimaryColors = keyof PrimaryColorsObj;\nexport const primaryColorsSwatches = [\n  primaryColors.red,\n  primaryColors.orange,\n  primaryColors.gold,\n  primaryColors.yellow,\n  primaryColors.lime,\n  primaryColors.green,\n  primaryColors.cyan,\n  primaryColors.blue,\n  primaryColors.geekblue,\n  primaryColors.purple,\n  primaryColors.magenta,\n  primaryColors.volcano,\n];\nexport const neutralColors = {\n  mauve: mauve.dark[9],\n  olive: olive.dark[9],\n  sage: sage.dark[9],\n  sand: sand.dark[9],\n  slate: slate.dark[9],\n};\nexport const neutralColorsSwatches = [\n  neutralColors.mauve,\n  neutralColors.slate,\n  neutralColors.sage,\n  neutralColors.olive,\n  neutralColors.sand,\n];\n\nexport type NeutralColorsObj = typeof neutralColors;\nexport type NeutralColors = keyof NeutralColorsObj;\n\nexport const findCustomThemeName = (type: 'primary' | 'neutral', value: string) => {\n  const res = type === 'primary' ? primaryColors : neutralColors;\n  const result = Object.entries(res).find((item) => item[1] === value);\n  return result?.[0];\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;AAgBA,MAAa,gBAAgB;CAC3B,MAAMA,gBAAK,KAAK;CAChB,MAAM,KAAK,KAAK;CAChB,UAAU,SAAS,KAAK;CACxB,MAAM,KAAK,KAAK;CAChB,OAAO,MAAM,KAAK;CAClB,MAAM,KAAK,KAAK;CAChB,SAAS,QAAQ,KAAK;CACtB,QAAQ,OAAO,KAAK;CACpB,QAAQ,OAAO,KAAK;CACpB,KAAK,IAAI,KAAK;CACd,SAAS,QAAQ,KAAK;CACtB,QAAQ,OAAO,KAAK;CACrB;AAID,MAAa,wBAAwB;CACnC,cAAc;CACd,cAAc;CACd,cAAc;CACd,cAAc;CACd,cAAc;CACd,cAAc;CACd,cAAc;CACd,cAAc;CACd,cAAc;CACd,cAAc;CACd,cAAc;CACd,cAAc;CACf;AACD,MAAa,gBAAgB;CAC3B,OAAO,MAAM,KAAK;CAClB,OAAO,MAAM,KAAK;CAClB,MAAM,KAAK,KAAK;CAChB,MAAM,KAAK,KAAK;CAChB,OAAO,MAAM,KAAK;CACnB;AACD,MAAa,wBAAwB;CACnC,cAAc;CACd,cAAc;CACd,cAAc;CACd,cAAc;CACd,cAAc;CACf;AAKD,MAAa,uBAAuB,MAA6B,UAAkB;AAGjF,QADe,OAAO,QADV,SAAS,YAAY,gBAAgB,cACf,CAAC,MAAM,SAAS,KAAK,OAAO,MACjD,GAAG"}

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

@@ -1,4 +1,4 @@
-import blue from "../../../color/colors/blue.mjs";
+import blueGeekblueMix from "../../../color/colors/blue.mjs";
 import gold from "../../../color/colors/gold.mjs";
 import gray from "../../../color/colors/gray.mjs";
 import lime from "../../../color/colors/lime.mjs";
@@ -32,7 +32,7 @@ const errorToken = generateColorPalette({
 });
 const infoToken = generateColorPalette({
 	appearance: "dark",
-	scale: blue,
+	scale: blueGeekblueMix,
 	type: "Info"
 });
 const darkBaseToken = {

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

@@ -1 +1 @@
-{"version":3,"file":"dark.mjs","names":[],"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  boxShadow: '0 20px 20px -8px rgba(0, 0, 0, 0.24)',\n  boxShadowSecondary: '0 8px 16px -4px rgba(0, 0, 0, 0.2)',\n  boxShadowTertiary: '0 3px 1px -1px rgba(26, 26, 26, 0.06)',\n  colorLink: infoToken.colorInfoText,\n  colorLinkActive: infoToken.colorInfoTextActive,\n\n  colorLinkHover: infoToken.colorInfoTextHover,\n  colorTextLightSolid: neutralToken.colorBgLayout,\n};\n\nexport default darkBaseToken;\n"],"mappings":";;;;;;;;AAMA,MAAM,eAAe,qBAAqB;CACxC,YAAY;CACZ,OAAO;CACP,MAAM;CACP,CAAC;AAEF,MAAM,eAAe,4BAA4B;CAC/C,YAAY;CACZ,OAAO;CACR,CAAC;AAEF,MAAM,eAAe,qBAAqB;CACxC,YAAY;CACZ,OAAO;CACP,MAAM;CACP,CAAC;AAEF,MAAM,eAAe,qBAAqB;CACxC,YAAY;CACZ,OAAO;CACP,MAAM;CACP,CAAC;AAEF,MAAM,aAAa,qBAAqB;CACtC,YAAY;CACZ,OAAO;CACP,MAAM;CACP,CAAC;AAEF,MAAM,YAAY,qBAAqB;CACrC,YAAY;CACZ,OAAO;CACP,MAAM;CACP,CAAC;AAEF,MAAM,gBAAqC;CACzC,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CAEH,WAAW;CACX,oBAAoB;CACpB,mBAAmB;CACnB,WAAW,UAAU;CACrB,iBAAiB,UAAU;CAE3B,gBAAgB,UAAU;CAC1B,qBAAqB,aAAa;CACnC"}
+{"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  boxShadow: '0 20px 20px -8px rgba(0, 0, 0, 0.24)',\n  boxShadowSecondary: '0 8px 16px -4px rgba(0, 0, 0, 0.2)',\n  boxShadowTertiary: '0 3px 1px -1px rgba(26, 26, 26, 0.06)',\n  colorLink: infoToken.colorInfoText,\n  colorLinkActive: infoToken.colorInfoTextActive,\n\n  colorLinkHover: infoToken.colorInfoTextHover,\n  colorTextLightSolid: neutralToken.colorBgLayout,\n};\n\nexport default darkBaseToken;\n"],"mappings":";;;;;;;;AAMA,MAAM,eAAe,qBAAqB;CACxC,YAAY;CACZ,OAAO;CACP,MAAM;CACP,CAAC;AAEF,MAAM,eAAe,4BAA4B;CAC/C,YAAY;CACZ,OAAO;CACR,CAAC;AAEF,MAAM,eAAe,qBAAqB;CACxC,YAAY;CACZ,OAAO;CACP,MAAM;CACP,CAAC;AAEF,MAAM,eAAe,qBAAqB;CACxC,YAAY;CACZ,OAAO;CACP,MAAM;CACP,CAAC;AAEF,MAAM,aAAa,qBAAqB;CACtC,YAAY;CACZ,OAAO;CACP,MAAM;CACP,CAAC;AAEF,MAAM,YAAY,qBAAqB;CACrC,YAAY;CACZ,OAAOA;CACP,MAAM;CACP,CAAC;AAEF,MAAM,gBAAqC;CACzC,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CAEH,WAAW;CACX,oBAAoB;CACpB,mBAAmB;CACnB,WAAW,UAAU;CACrB,iBAAiB,UAAU;CAE3B,gBAAgB,UAAU;CAC1B,qBAAqB,aAAa;CACnC"}

package/es/utils/safeReadableColor.mjs

@@ -5,6 +5,7 @@ const safeReadableColor = (bgColor, fallbackColor) => {
 	try {
 		return readableColor(bgColor);
 	} catch {
+		if (bgColor.startsWith("var(")) return `contrast-color(${bgColor})`;
 		return fallbackColor || cssVar.colorText;
 	}
 };

package/es/utils/safeReadableColor.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"safeReadableColor.mjs","names":[],"sources":["../../src/utils/safeReadableColor.ts"],"sourcesContent":["import { cssVar } from 'antd-style';\nimport { readableColor } from 'polished';\n\nexport const safeReadableColor = (bgColor: string, fallbackColor?: string): string => {\n  try {\n    return readableColor(bgColor);\n  } catch {\n    return fallbackColor || cssVar.colorText;\n  }\n};\n"],"mappings":";;;AAGA,MAAa,qBAAqB,SAAiB,kBAAmC;AACpF,KAAI;AACF,SAAO,cAAc,QAAQ;SACvB;AACN,SAAO,iBAAiB,OAAO"}
+{"version":3,"file":"safeReadableColor.mjs","names":[],"sources":["../../src/utils/safeReadableColor.ts"],"sourcesContent":["import { cssVar } from 'antd-style';\nimport { readableColor } from 'polished';\n\nexport const safeReadableColor = (bgColor: string, fallbackColor?: string): string => {\n  try {\n    return readableColor(bgColor);\n  } catch {\n    if (bgColor.startsWith('var(')) return `contrast-color(${bgColor})`;\n    return fallbackColor || cssVar.colorText;\n  }\n};\n"],"mappings":";;;AAGA,MAAa,qBAAqB,SAAiB,kBAAmC;AACpF,KAAI;AACF,SAAO,cAAc,QAAQ;SACvB;AACN,MAAI,QAAQ,WAAW,OAAO,CAAE,QAAO,kBAAkB,QAAQ;AACjE,SAAO,iBAAiB,OAAO"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/ui",
-  "version": "5.15.8",
+  "version": "5.15.9",
   "description": "Lobe UI is an open-source UI component library for building AIGC web apps",
   "keywords": [
     "lobehub",