@lobehub/ui 6.0.0-beta.4 → 6.0.0-beta.6

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

@@ -1,13 +1,13 @@
 import gray from "../../../color/colors/gray.mjs";
 import { neutralColorScales } from "../../../color/neutrals/index.mjs";
+import { mixColors, parseRgb } from "../../../utils/colorMath.mjs";
 import { generateColorNeutralPalette } from "../generateColorPalette.mjs";
-import { mix, parseToRgb } from "polished";
 //#region src/styles/theme/token/neutral.ts
 const isChannel = (value) => value >= 0 && value <= 255;
 const getAlphaColor = (front, back) => {
-	const f = parseToRgb(front);
-	if ("alpha" in f && f.alpha < 1) return front;
-	const b = parseToRgb(back);
+	const f = parseRgb(front);
+	if (f.alpha !== void 0) return front;
+	const b = parseRgb(back);
 	for (let alpha = .01; alpha <= 1; alpha += .01) {
 		const r = Math.round((f.red - b.red * (1 - alpha)) / alpha);
 		const g = Math.round((f.green - b.green * (1 - alpha)) / alpha);
@@ -28,7 +28,7 @@ const createNeutralToken = (appearance, neutralColor, status) => {
 	return {
 		...token,
 		colorBgContainerDisabled: token.colorFillTertiary,
-		colorBgContainerSecondary: mix(.5, token.colorBgLayout, token.colorBgContainer),
+		colorBgContainerSecondary: mixColors(.5, token.colorBgLayout, token.colorBgContainer),
 		colorBgTextActive: token.colorFill,
 		colorBgTextHover: token.colorFillSecondary,
 		colorBorderBg: token.colorBgContainer,

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

@@ -1 +1 @@
-{"version":3,"file":"neutral.mjs","names":[],"sources":["../../../../src/styles/theme/token/neutral.ts"],"sourcesContent":["import { mix, parseToRgb } from 'polished';\n\nimport { gray } from '@/color/colors';\nimport { neutralColorScales } from '@/color/neutrals';\n\nimport type { NeutralColors } from '../../customTheme';\nimport { generateColorNeutralPalette } from '../generateColorPalette';\n\nconst isChannel = (value: number) => value >= 0 && value <= 255;\n\n// port of antd's getAlphaColor: the most transparent rgba that renders `front` over `back`\nconst getAlphaColor = (front: string, back: string) => {\n  const f = parseToRgb(front);\n  if ('alpha' in f && f.alpha < 1) return front;\n  const b = parseToRgb(back);\n\n  for (let alpha = 0.01; alpha <= 1; alpha += 0.01) {\n    const r = Math.round((f.red - b.red * (1 - alpha)) / alpha);\n    const g = Math.round((f.green - b.green * (1 - alpha)) / alpha);\n    const bl = Math.round((f.blue - b.blue * (1 - alpha)) / alpha);\n    if (isChannel(r) && isChannel(g) && isChannel(bl)) {\n      const a = Math.round(alpha * 100) / 100;\n      return a === 1 ? `rgb(${r},${g},${bl})` : `rgba(${r},${g},${bl},${a})`;\n    }\n  }\n\n  return `rgb(${f.red},${f.green},${f.blue})`;\n};\n\nexport const createNeutralToken = (\n  appearance: 'light' | 'dark',\n  neutralColor: NeutralColors | undefined,\n  status: { colorErrorBg: string; colorWarningBg: string },\n) => {\n  const scale = (neutralColor && neutralColorScales[neutralColor]) || gray;\n  const token = generateColorNeutralPalette({ appearance, scale });\n\n  return {\n    ...token,\n    colorBgContainerDisabled: token.colorFillTertiary,\n    colorBgContainerSecondary: mix(0.5, token.colorBgLayout, token.colorBgContainer),\n    colorBgTextActive: token.colorFill,\n    colorBgTextHover: token.colorFillSecondary,\n    colorBorderBg: token.colorBgContainer,\n    colorErrorOutline: getAlphaColor(status.colorErrorBg, token.colorBgContainer),\n    colorFillAlter: token.colorFillQuaternary,\n    colorFillContent: token.colorFillSecondary,\n    colorFillContentHover: token.colorFill,\n    colorIcon: token.colorTextTertiary,\n    colorIconHover: token.colorText,\n    colorSplit: getAlphaColor(token.colorBorderSecondary, token.colorBgContainer),\n    colorTextDescription: token.colorTextTertiary,\n    colorTextDisabled: token.colorTextQuaternary,\n    colorTextHeading: token.colorText,\n    colorTextLabel: token.colorTextSecondary,\n    colorTextPlaceholder: token.colorTextQuaternary,\n    colorWarningOutline: getAlphaColor(status.colorWarningBg, token.colorBgContainer),\n    controlItemBgActiveDisabled: token.colorFill,\n    controlItemBgHover: token.colorFillTertiary,\n    controlTmpOutline: token.colorFillQuaternary,\n  };\n};\n"],"mappings":";;;;;AAQA,MAAM,aAAa,UAAkB,SAAS,KAAK,SAAS;AAG5D,MAAM,iBAAiB,OAAe,SAAiB;CACrD,MAAM,IAAI,WAAW,KAAK;CAC1B,IAAI,WAAW,KAAK,EAAE,QAAQ,GAAG,OAAO;CACxC,MAAM,IAAI,WAAW,IAAI;CAEzB,KAAK,IAAI,QAAQ,KAAM,SAAS,GAAG,SAAS,KAAM;EAChD,MAAM,IAAI,KAAK,OAAO,EAAE,MAAM,EAAE,OAAO,IAAI,UAAU,KAAK;EAC1D,MAAM,IAAI,KAAK,OAAO,EAAE,QAAQ,EAAE,SAAS,IAAI,UAAU,KAAK;EAC9D,MAAM,KAAK,KAAK,OAAO,EAAE,OAAO,EAAE,QAAQ,IAAI,UAAU,KAAK;EAC7D,IAAI,UAAU,CAAC,KAAK,UAAU,CAAC,KAAK,UAAU,EAAE,GAAG;GACjD,MAAM,IAAI,KAAK,MAAM,QAAQ,GAAG,IAAI;GACpC,OAAO,MAAM,IAAI,OAAO,EAAE,GAAG,EAAE,GAAG,GAAG,KAAK,QAAQ,EAAE,GAAG,EAAE,GAAG,GAAG,GAAG,EAAE;EACtE;CACF;CAEA,OAAO,OAAO,EAAE,IAAI,GAAG,EAAE,MAAM,GAAG,EAAE,KAAK;AAC3C;AAEA,MAAa,sBACX,YACA,cACA,WACG;CACH,MAAM,QAAS,gBAAgB,mBAAmB,iBAAkB;CACpE,MAAM,QAAQ,4BAA4B;EAAE;EAAY;CAAM,CAAC;CAE/D,OAAO;EACL,GAAG;EACH,0BAA0B,MAAM;EAChC,2BAA2B,IAAI,IAAK,MAAM,eAAe,MAAM,gBAAgB;EAC/E,mBAAmB,MAAM;EACzB,kBAAkB,MAAM;EACxB,eAAe,MAAM;EACrB,mBAAmB,cAAc,OAAO,cAAc,MAAM,gBAAgB;EAC5E,gBAAgB,MAAM;EACtB,kBAAkB,MAAM;EACxB,uBAAuB,MAAM;EAC7B,WAAW,MAAM;EACjB,gBAAgB,MAAM;EACtB,YAAY,cAAc,MAAM,sBAAsB,MAAM,gBAAgB;EAC5E,sBAAsB,MAAM;EAC5B,mBAAmB,MAAM;EACzB,kBAAkB,MAAM;EACxB,gBAAgB,MAAM;EACtB,sBAAsB,MAAM;EAC5B,qBAAqB,cAAc,OAAO,gBAAgB,MAAM,gBAAgB;EAChF,6BAA6B,MAAM;EACnC,oBAAoB,MAAM;EAC1B,mBAAmB,MAAM;CAC3B;AACF"}
+{"version":3,"file":"neutral.mjs","names":[],"sources":["../../../../src/styles/theme/token/neutral.ts"],"sourcesContent":["import { gray } from '@/color/colors';\nimport { neutralColorScales } from '@/color/neutrals';\nimport { mixColors, parseRgb } from '@/utils/colorMath';\n\nimport type { NeutralColors } from '../../customTheme';\nimport { generateColorNeutralPalette } from '../generateColorPalette';\n\nconst isChannel = (value: number) => value >= 0 && value <= 255;\n\n// port of antd's getAlphaColor: the most transparent rgba that renders `front` over `back`\nconst getAlphaColor = (front: string, back: string) => {\n  const f = parseRgb(front);\n  if (f.alpha !== undefined) return front;\n  const b = parseRgb(back);\n\n  for (let alpha = 0.01; alpha <= 1; alpha += 0.01) {\n    const r = Math.round((f.red - b.red * (1 - alpha)) / alpha);\n    const g = Math.round((f.green - b.green * (1 - alpha)) / alpha);\n    const bl = Math.round((f.blue - b.blue * (1 - alpha)) / alpha);\n    if (isChannel(r) && isChannel(g) && isChannel(bl)) {\n      const a = Math.round(alpha * 100) / 100;\n      return a === 1 ? `rgb(${r},${g},${bl})` : `rgba(${r},${g},${bl},${a})`;\n    }\n  }\n\n  return `rgb(${f.red},${f.green},${f.blue})`;\n};\n\nexport const createNeutralToken = (\n  appearance: 'light' | 'dark',\n  neutralColor: NeutralColors | undefined,\n  status: { colorErrorBg: string; colorWarningBg: string },\n) => {\n  const scale = (neutralColor && neutralColorScales[neutralColor]) || gray;\n  const token = generateColorNeutralPalette({ appearance, scale });\n\n  return {\n    ...token,\n    colorBgContainerDisabled: token.colorFillTertiary,\n    colorBgContainerSecondary: mixColors(0.5, token.colorBgLayout, token.colorBgContainer),\n    colorBgTextActive: token.colorFill,\n    colorBgTextHover: token.colorFillSecondary,\n    colorBorderBg: token.colorBgContainer,\n    colorErrorOutline: getAlphaColor(status.colorErrorBg, token.colorBgContainer),\n    colorFillAlter: token.colorFillQuaternary,\n    colorFillContent: token.colorFillSecondary,\n    colorFillContentHover: token.colorFill,\n    colorIcon: token.colorTextTertiary,\n    colorIconHover: token.colorText,\n    colorSplit: getAlphaColor(token.colorBorderSecondary, token.colorBgContainer),\n    colorTextDescription: token.colorTextTertiary,\n    colorTextDisabled: token.colorTextQuaternary,\n    colorTextHeading: token.colorText,\n    colorTextLabel: token.colorTextSecondary,\n    colorTextPlaceholder: token.colorTextQuaternary,\n    colorWarningOutline: getAlphaColor(status.colorWarningBg, token.colorBgContainer),\n    controlItemBgActiveDisabled: token.colorFill,\n    controlItemBgHover: token.colorFillTertiary,\n    controlTmpOutline: token.colorFillQuaternary,\n  };\n};\n"],"mappings":";;;;;AAOA,MAAM,aAAa,UAAkB,SAAS,KAAK,SAAS;AAG5D,MAAM,iBAAiB,OAAe,SAAiB;CACrD,MAAM,IAAI,SAAS,KAAK;CACxB,IAAI,EAAE,UAAU,KAAA,GAAW,OAAO;CAClC,MAAM,IAAI,SAAS,IAAI;CAEvB,KAAK,IAAI,QAAQ,KAAM,SAAS,GAAG,SAAS,KAAM;EAChD,MAAM,IAAI,KAAK,OAAO,EAAE,MAAM,EAAE,OAAO,IAAI,UAAU,KAAK;EAC1D,MAAM,IAAI,KAAK,OAAO,EAAE,QAAQ,EAAE,SAAS,IAAI,UAAU,KAAK;EAC9D,MAAM,KAAK,KAAK,OAAO,EAAE,OAAO,EAAE,QAAQ,IAAI,UAAU,KAAK;EAC7D,IAAI,UAAU,CAAC,KAAK,UAAU,CAAC,KAAK,UAAU,EAAE,GAAG;GACjD,MAAM,IAAI,KAAK,MAAM,QAAQ,GAAG,IAAI;GACpC,OAAO,MAAM,IAAI,OAAO,EAAE,GAAG,EAAE,GAAG,GAAG,KAAK,QAAQ,EAAE,GAAG,EAAE,GAAG,GAAG,GAAG,EAAE;EACtE;CACF;CAEA,OAAO,OAAO,EAAE,IAAI,GAAG,EAAE,MAAM,GAAG,EAAE,KAAK;AAC3C;AAEA,MAAa,sBACX,YACA,cACA,WACG;CACH,MAAM,QAAS,gBAAgB,mBAAmB,iBAAkB;CACpE,MAAM,QAAQ,4BAA4B;EAAE;EAAY;CAAM,CAAC;CAE/D,OAAO;EACL,GAAG;EACH,0BAA0B,MAAM;EAChC,2BAA2B,UAAU,IAAK,MAAM,eAAe,MAAM,gBAAgB;EACrF,mBAAmB,MAAM;EACzB,kBAAkB,MAAM;EACxB,eAAe,MAAM;EACrB,mBAAmB,cAAc,OAAO,cAAc,MAAM,gBAAgB;EAC5E,gBAAgB,MAAM;EACtB,kBAAkB,MAAM;EACxB,uBAAuB,MAAM;EAC7B,WAAW,MAAM;EACjB,gBAAgB,MAAM;EACtB,YAAY,cAAc,MAAM,sBAAsB,MAAM,gBAAgB;EAC5E,sBAAsB,MAAM;EAC5B,mBAAmB,MAAM;EACzB,kBAAkB,MAAM;EACxB,gBAAgB,MAAM;EACtB,sBAAsB,MAAM;EAC5B,qBAAqB,cAAc,OAAO,gBAAgB,MAAM,gBAAgB;EAChF,6BAA6B,MAAM;EACnC,oBAAoB,MAAM;EAC1B,mBAAmB,MAAM;CAC3B;AACF"}

package/es/utils/colorMath.mjs

@@ -0,0 +1,52 @@
+import chroma from "chroma-js";
+//#region src/utils/colorMath.ts
+const parseRgb = (color) => {
+	const [red, green, blue, alpha] = chroma(color).rgba();
+	return alpha < 1 ? {
+		alpha,
+		blue,
+		green,
+		red
+	} : {
+		blue,
+		green,
+		red
+	};
+};
+const toHex = (channel) => channel.toString(16).padStart(2, "0");
+const toHexColor = ({ red, green, blue }) => {
+	const hex = `#${toHex(red)}${toHex(green)}${toHex(blue)}`;
+	return hex[1] === hex[2] && hex[3] === hex[4] && hex[5] === hex[6] ? `#${hex[1]}${hex[3]}${hex[5]}` : hex;
+};
+const mixColors = (weight, color, otherColor) => {
+	if (color === "transparent") return otherColor;
+	if (otherColor === "transparent") return color;
+	if (weight === 0) return otherColor;
+	const first = {
+		alpha: 1,
+		...parseRgb(color)
+	};
+	const second = {
+		alpha: 1,
+		...parseRgb(otherColor)
+	};
+	const alphaDelta = first.alpha - second.alpha;
+	const x = weight * 2 - 1;
+	const weight1 = ((x * alphaDelta === -1 ? x : x + alphaDelta) / (1 + x * alphaDelta) + 1) / 2;
+	const weight2 = 1 - weight1;
+	const mixed = {
+		alpha: first.alpha * weight + second.alpha * (1 - weight),
+		blue: Math.floor(first.blue * weight1 + second.blue * weight2),
+		green: Math.floor(first.green * weight1 + second.green * weight2),
+		red: Math.floor(first.red * weight1 + second.red * weight2)
+	};
+	return mixed.alpha >= 1 ? toHexColor(mixed) : `rgba(${mixed.red},${mixed.green},${mixed.blue},${mixed.alpha})`;
+};
+const withAlpha = (color, alpha) => {
+	const { red, green, blue } = parseRgb(color);
+	return `rgba(${red},${green},${blue},${alpha})`;
+};
+//#endregion
+export { mixColors, parseRgb, withAlpha };
+
+//# sourceMappingURL=colorMath.mjs.map

package/es/utils/colorMath.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"colorMath.mjs","names":[],"sources":["../../src/utils/colorMath.ts"],"sourcesContent":["import chroma from 'chroma-js';\n\nexport interface RgbColor {\n  alpha?: number;\n  blue: number;\n  green: number;\n  red: number;\n}\n\nexport const parseRgb = (color: string): RgbColor => {\n  const [red, green, blue, alpha] = chroma(color).rgba();\n  return alpha < 1 ? { alpha, blue, green, red } : { blue, green, red };\n};\n\nconst toHex = (channel: number) => channel.toString(16).padStart(2, '0');\n\nconst toHexColor = ({ red, green, blue }: RgbColor) => {\n  const hex = `#${toHex(red)}${toHex(green)}${toHex(blue)}`;\n  return hex[1] === hex[2] && hex[3] === hex[4] && hex[5] === hex[6]\n    ? `#${hex[1]}${hex[3]}${hex[5]}`\n    : hex;\n};\n\n// Byte-compatible with polished's mix (Sass formula, floored channels) so generated tokens stay stable.\nexport const mixColors = (weight: number, color: string, otherColor: string): string => {\n  if (color === 'transparent') return otherColor;\n  if (otherColor === 'transparent') return color;\n  if (weight === 0) return otherColor;\n\n  const first = { alpha: 1, ...parseRgb(color) };\n  const second = { alpha: 1, ...parseRgb(otherColor) };\n\n  const alphaDelta = first.alpha - second.alpha;\n  const x = weight * 2 - 1;\n  const y = x * alphaDelta === -1 ? x : x + alphaDelta;\n  const z = 1 + x * alphaDelta;\n  const weight1 = (y / z + 1) / 2;\n  const weight2 = 1 - weight1;\n\n  const mixed = {\n    alpha: first.alpha * weight + second.alpha * (1 - weight),\n    blue: Math.floor(first.blue * weight1 + second.blue * weight2),\n    green: Math.floor(first.green * weight1 + second.green * weight2),\n    red: Math.floor(first.red * weight1 + second.red * weight2),\n  };\n\n  return mixed.alpha >= 1\n    ? toHexColor(mixed)\n    : `rgba(${mixed.red},${mixed.green},${mixed.blue},${mixed.alpha})`;\n};\n\nexport const withAlpha = (color: string, alpha: number): string => {\n  const { red, green, blue } = parseRgb(color);\n  return `rgba(${red},${green},${blue},${alpha})`;\n};\n"],"mappings":";;AASA,MAAa,YAAY,UAA4B;CACnD,MAAM,CAAC,KAAK,OAAO,MAAM,SAAS,OAAO,KAAK,CAAC,CAAC,KAAK;CACrD,OAAO,QAAQ,IAAI;EAAE;EAAO;EAAM;EAAO;CAAI,IAAI;EAAE;EAAM;EAAO;CAAI;AACtE;AAEA,MAAM,SAAS,YAAoB,QAAQ,SAAS,EAAE,CAAC,CAAC,SAAS,GAAG,GAAG;AAEvE,MAAM,cAAc,EAAE,KAAK,OAAO,WAAqB;CACrD,MAAM,MAAM,IAAI,MAAM,GAAG,IAAI,MAAM,KAAK,IAAI,MAAM,IAAI;CACtD,OAAO,IAAI,OAAO,IAAI,MAAM,IAAI,OAAO,IAAI,MAAM,IAAI,OAAO,IAAI,KAC5D,IAAI,IAAI,KAAK,IAAI,KAAK,IAAI,OAC1B;AACN;AAGA,MAAa,aAAa,QAAgB,OAAe,eAA+B;CACtF,IAAI,UAAU,eAAe,OAAO;CACpC,IAAI,eAAe,eAAe,OAAO;CACzC,IAAI,WAAW,GAAG,OAAO;CAEzB,MAAM,QAAQ;EAAE,OAAO;EAAG,GAAG,SAAS,KAAK;CAAE;CAC7C,MAAM,SAAS;EAAE,OAAO;EAAG,GAAG,SAAS,UAAU;CAAE;CAEnD,MAAM,aAAa,MAAM,QAAQ,OAAO;CACxC,MAAM,IAAI,SAAS,IAAI;CAGvB,MAAM,YAFI,IAAI,eAAe,KAAK,IAAI,IAAI,eAChC,IAAI,IAAI,cACO,KAAK;CAC9B,MAAM,UAAU,IAAI;CAEpB,MAAM,QAAQ;EACZ,OAAO,MAAM,QAAQ,SAAS,OAAO,SAAS,IAAI;EAClD,MAAM,KAAK,MAAM,MAAM,OAAO,UAAU,OAAO,OAAO,OAAO;EAC7D,OAAO,KAAK,MAAM,MAAM,QAAQ,UAAU,OAAO,QAAQ,OAAO;EAChE,KAAK,KAAK,MAAM,MAAM,MAAM,UAAU,OAAO,MAAM,OAAO;CAC5D;CAEA,OAAO,MAAM,SAAS,IAClB,WAAW,KAAK,IAChB,QAAQ,MAAM,IAAI,GAAG,MAAM,MAAM,GAAG,MAAM,KAAK,GAAG,MAAM,MAAM;AACpE;AAEA,MAAa,aAAa,OAAe,UAA0B;CACjE,MAAM,EAAE,KAAK,OAAO,SAAS,SAAS,KAAK;CAC3C,OAAO,QAAQ,IAAI,GAAG,MAAM,GAAG,KAAK,GAAG,MAAM;AAC/C"}

package/es/utils/formatNumber.mjs

@@ -0,0 +1,7 @@
+//#region src/utils/formatNumber.ts
+const integerFormat = new Intl.NumberFormat("en-US", { maximumFractionDigits: 0 });
+const formatNumber = (value) => integerFormat.format(value);
+//#endregion
+export { formatNumber };
+
+//# sourceMappingURL=formatNumber.mjs.map

package/es/utils/formatNumber.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"formatNumber.mjs","names":[],"sources":["../../src/utils/formatNumber.ts"],"sourcesContent":["const integerFormat = new Intl.NumberFormat('en-US', { maximumFractionDigits: 0 });\n\nexport const formatNumber = (value: number): string => integerFormat.format(value);\n"],"mappings":";AAAA,MAAM,gBAAgB,IAAI,KAAK,aAAa,SAAS,EAAE,uBAAuB,EAAE,CAAC;AAEjF,MAAa,gBAAgB,UAA0B,cAAc,OAAO,KAAK"}

package/es/utils/genCdnUrl.mjs

@@ -1,11 +1,14 @@
-import urlJoin from "url-join";
 //#region src/utils/genCdnUrl.ts
 const UNPKG_API = "https://unpkg.com";
 const ALIYUN_API = "https://registry.npmmirror.com";
+const joinUrl = (base, ...segments) => {
+	const joined = [base.replace(/\/+$/, ""), ...segments.map((segment) => segment.replaceAll(/^\/+|\/+$/g, ""))].filter(Boolean).join("/");
+	return segments.at(-1)?.endsWith("/") ? `${joined}/` : joined;
+};
 const genCdnUrl = ({ pkg, version = "latest", path, proxy }) => {
 	switch (proxy) {
-		case "unpkg": return urlJoin(UNPKG_API, `${pkg}@${version}`, path);
-		default: return urlJoin(ALIYUN_API, pkg, version, "files", path);
+		case "unpkg": return joinUrl(UNPKG_API, `${pkg}@${version}`, path);
+		default: return joinUrl(ALIYUN_API, pkg, version, "files", path);
 	}
 };
 //#endregion

package/es/utils/genCdnUrl.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"genCdnUrl.mjs","names":[],"sources":["../../src/utils/genCdnUrl.ts"],"sourcesContent":["import urlJoin from 'url-join';\n\nconst UNPKG_API = 'https://unpkg.com';\nconst ALIYUN_API = 'https://registry.npmmirror.com';\n\nexport type CDN = 'aliyun' | 'unpkg';\nexport interface CdnApi {\n  path: string;\n  pkg: string;\n  proxy?: CDN;\n  version?: string;\n}\n\nexport const genCdnUrl = ({ pkg, version = 'latest', path, proxy }: CdnApi): string => {\n  switch (proxy) {\n    case 'unpkg': {\n      return urlJoin(UNPKG_API, `${pkg}@${version}`, path);\n    }\n    default: {\n      return urlJoin(ALIYUN_API, pkg, version, 'files', path);\n    }\n  }\n};\n\nexport { ALIYUN_API, UNPKG_API };\n"],"mappings":";;AAEA,MAAM,YAAY;AAClB,MAAM,aAAa;AAUnB,MAAa,aAAa,EAAE,KAAK,UAAU,UAAU,MAAM,YAA4B;CACrF,QAAQ,OAAR;EACE,KAAK,SACH,OAAO,QAAQ,WAAW,GAAG,IAAI,GAAG,WAAW,IAAI;EAErD,SACE,OAAO,QAAQ,YAAY,KAAK,SAAS,SAAS,IAAI;CAE1D;AACF"}
+{"version":3,"file":"genCdnUrl.mjs","names":[],"sources":["../../src/utils/genCdnUrl.ts"],"sourcesContent":["const UNPKG_API = 'https://unpkg.com';\nconst ALIYUN_API = 'https://registry.npmmirror.com';\n\nconst joinUrl = (base: string, ...segments: string[]): string => {\n  const joined = [\n    base.replace(/\\/+$/, ''),\n    ...segments.map((segment) => segment.replaceAll(/^\\/+|\\/+$/g, '')),\n  ]\n    .filter(Boolean)\n    .join('/');\n  return segments.at(-1)?.endsWith('/') ? `${joined}/` : joined;\n};\n\nexport type CDN = 'aliyun' | 'unpkg';\nexport interface CdnApi {\n  path: string;\n  pkg: string;\n  proxy?: CDN;\n  version?: string;\n}\n\nexport const genCdnUrl = ({ pkg, version = 'latest', path, proxy }: CdnApi): string => {\n  switch (proxy) {\n    case 'unpkg': {\n      return joinUrl(UNPKG_API, `${pkg}@${version}`, path);\n    }\n    default: {\n      return joinUrl(ALIYUN_API, pkg, version, 'files', path);\n    }\n  }\n};\n\nexport { ALIYUN_API, UNPKG_API };\n"],"mappings":";AAAA,MAAM,YAAY;AAClB,MAAM,aAAa;AAEnB,MAAM,WAAW,MAAc,GAAG,aAA+B;CAC/D,MAAM,SAAS,CACb,KAAK,QAAQ,QAAQ,EAAE,GACvB,GAAG,SAAS,KAAK,YAAY,QAAQ,WAAW,cAAc,EAAE,CAAC,CACnE,CAAC,CACE,OAAO,OAAO,CAAC,CACf,KAAK,GAAG;CACX,OAAO,SAAS,GAAG,EAAE,CAAC,EAAE,SAAS,GAAG,IAAI,GAAG,OAAO,KAAK;AACzD;AAUA,MAAa,aAAa,EAAE,KAAK,UAAU,UAAU,MAAM,YAA4B;CACrF,QAAQ,OAAR;EACE,KAAK,SACH,OAAO,QAAQ,WAAW,GAAG,IAAI,GAAG,WAAW,IAAI;EAErD,SACE,OAAO,QAAQ,YAAY,KAAK,SAAS,SAAS,IAAI;CAE1D;AACF"}

package/es/utils/hashString.mjs

@@ -0,0 +1,19 @@
+//#region src/utils/hashString.ts
+const hashString = (input) => {
+	let h1 = 3735928559;
+	let h2 = 1103547991;
+	for (let index = 0; index < input.length; index++) {
+		const code = input.charCodeAt(index);
+		h1 = Math.imul(h1 ^ code, 2654435761);
+		h2 = Math.imul(h2 ^ code, 1597334677);
+	}
+	h1 = Math.imul(h1 ^ h1 >>> 16, 2246822507);
+	h1 ^= Math.imul(h2 ^ h2 >>> 13, 3266489909);
+	h2 = Math.imul(h2 ^ h2 >>> 16, 2246822507);
+	h2 ^= Math.imul(h1 ^ h1 >>> 13, 3266489909);
+	return (4294967296 * (2097151 & h2) + (h1 >>> 0)).toString(36);
+};
+//#endregion
+export { hashString };
+
+//# sourceMappingURL=hashString.mjs.map

package/es/utils/hashString.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"hashString.mjs","names":[],"sources":["../../src/utils/hashString.ts"],"sourcesContent":["// cyrb53: a fast non-cryptographic 53-bit string hash, enough for in-memory cache keys.\nexport const hashString = (input: string): string => {\n  let h1 = 0xDE_AD_BE_EF;\n  let h2 = 0x41_C6_CE_57;\n  for (let index = 0; index < input.length; index++) {\n    const code = input.charCodeAt(index);\n    h1 = Math.imul(h1 ^ code, 2_654_435_761);\n    h2 = Math.imul(h2 ^ code, 1_597_334_677);\n  }\n  h1 = Math.imul(h1 ^ (h1 >>> 16), 2_246_822_507);\n  h1 ^= Math.imul(h2 ^ (h2 >>> 13), 3_266_489_909);\n  h2 = Math.imul(h2 ^ (h2 >>> 16), 2_246_822_507);\n  h2 ^= Math.imul(h1 ^ (h1 >>> 13), 3_266_489_909);\n  return (4_294_967_296 * (2_097_151 & h2) + (h1 >>> 0)).toString(36);\n};\n"],"mappings":";AACA,MAAa,cAAc,UAA0B;CACnD,IAAI,KAAK;CACT,IAAI,KAAK;CACT,KAAK,IAAI,QAAQ,GAAG,QAAQ,MAAM,QAAQ,SAAS;EACjD,MAAM,OAAO,MAAM,WAAW,KAAK;EACnC,KAAK,KAAK,KAAK,KAAK,MAAM,UAAa;EACvC,KAAK,KAAK,KAAK,KAAK,MAAM,UAAa;CACzC;CACA,KAAK,KAAK,KAAK,KAAM,OAAO,IAAK,UAAa;CAC9C,MAAM,KAAK,KAAK,KAAM,OAAO,IAAK,UAAa;CAC/C,KAAK,KAAK,KAAK,KAAM,OAAO,IAAK,UAAa;CAC9C,MAAM,KAAK,KAAK,KAAM,OAAO,IAAK,UAAa;CAC/C,QAAQ,cAAiB,UAAY,OAAO,OAAO,GAAA,CAAI,SAAS,EAAE;AACpE"}

package/es/utils/mergeRefs.mjs

@@ -0,0 +1,20 @@
+import { useMemo } from "react";
+//#region src/utils/mergeRefs.ts
+const assignRef = (ref, value) => {
+	if (typeof ref === "function") return ref(value);
+	if (ref) ref.current = value;
+};
+const mergeRefs = (refs) => (value) => {
+	const cleanups = refs.map((ref) => {
+		const cleanup = assignRef(ref, value);
+		return typeof cleanup === "function" ? cleanup : () => assignRef(ref, null);
+	});
+	return () => {
+		for (const cleanup of cleanups) cleanup();
+	};
+};
+const useMergeRefs = (refs) => useMemo(() => mergeRefs(refs), refs);
+//#endregion
+export { mergeRefs, useMergeRefs };
+
+//# sourceMappingURL=mergeRefs.mjs.map

package/es/utils/mergeRefs.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"mergeRefs.mjs","names":[],"sources":["../../src/utils/mergeRefs.ts"],"sourcesContent":["import { type Ref, type RefCallback, useMemo } from 'react';\n\ntype MaybeRef<T> = Ref<T> | undefined;\n\nconst assignRef = <T>(ref: MaybeRef<T>, value: T | null): ReturnType<RefCallback<T>> => {\n  if (typeof ref === 'function') return ref(value);\n  if (ref) ref.current = value;\n};\n\nexport const mergeRefs =\n  <T>(refs: MaybeRef<T>[]): RefCallback<T> =>\n  (value) => {\n    const cleanups = refs.map((ref) => {\n      const cleanup = assignRef(ref, value);\n      return typeof cleanup === 'function' ? cleanup : () => assignRef(ref, null);\n    });\n    return () => {\n      for (const cleanup of cleanups) cleanup();\n    };\n  };\n\nexport const useMergeRefs = <T>(refs: MaybeRef<T>[]): RefCallback<T> =>\n  useMemo(() => mergeRefs(refs), refs);\n"],"mappings":";;AAIA,MAAM,aAAgB,KAAkB,UAAgD;CACtF,IAAI,OAAO,QAAQ,YAAY,OAAO,IAAI,KAAK;CAC/C,IAAI,KAAK,IAAI,UAAU;AACzB;AAEA,MAAa,aACP,UACH,UAAU;CACT,MAAM,WAAW,KAAK,KAAK,QAAQ;EACjC,MAAM,UAAU,UAAU,KAAK,KAAK;EACpC,OAAO,OAAO,YAAY,aAAa,gBAAgB,UAAU,KAAK,IAAI;CAC5E,CAAC;CACD,aAAa;EACX,KAAK,MAAM,WAAW,UAAU,QAAQ;CAC1C;AACF;AAEF,MAAa,gBAAmB,SAC9B,cAAc,UAAU,IAAI,GAAG,IAAI"}

package/es/utils/placement.d.mts

@@ -1,5 +1,5 @@
-import { Placement } from "@floating-ui/react";
 //#region src/utils/placement.d.ts
+type FloatingUIPlacement = 'top' | 'top-start' | 'top-end' | 'right' | 'right-start' | 'right-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end';
 /**
  * Base UI uses a small set of string literal unions for alignment and side.
  * We re-declare them here to avoid importing internal/non-exported Base UI paths.
@@ -16,12 +16,12 @@ export type PlacementConfig = {
  * - Ant Design style: topLeft, topCenter, topRight, etc.
  * - Additional aliases: top (same as topCenter), bottom (same as bottomCenter)
  */
-type Placement$1 = 'top' | 'topLeft' | 'topCenter' | 'topRight' | 'bottom' | 'bottomLeft' | 'bottomCenter' | 'bottomRight' | 'left' | 'leftTop' | 'leftBottom' | 'right' | 'rightTop' | 'rightBottom';
+export type Placement = 'top' | 'topLeft' | 'topCenter' | 'topRight' | 'bottom' | 'bottomLeft' | 'bottomCenter' | 'bottomRight' | 'left' | 'leftTop' | 'leftBottom' | 'right' | 'rightTop' | 'rightBottom';
 /**
  * Map of placement values to Base UI placement config
  * Used by Popover and DropdownMenu components
  */
-export declare const placementMap: Record<Placement$1, PlacementConfig>;
+export declare const placementMap: Record<Placement, PlacementConfig>;
 /**
  * Convert unified Placement to Floating UI placement format
  * Used by Tooltip component which uses @floating-ui/react
@@ -29,7 +29,7 @@ export declare const placementMap: Record<Placement$1, PlacementConfig>;
  * @param placement - Unified placement value
  * @returns Floating UI placement (e.g., 'top-start', 'bottom-end')
  */
-export declare const toFloatingUIPlacement: (placement?: Placement$1) => Placement;
+export declare const toFloatingUIPlacement: (placement?: Placement) => FloatingUIPlacement;
 //#endregion
-export { Placement$1 as Placement };
+export {};
 //# sourceMappingURL=placement.d.mts.map

package/es/utils/placement.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"placement.mjs","names":[],"sources":["../../src/utils/placement.ts"],"sourcesContent":["import type { Placement as FloatingUIPlacement } from '@floating-ui/react';\n\n/**\n * Base UI uses a small set of string literal unions for alignment and side.\n * We re-declare them here to avoid importing internal/non-exported Base UI paths.\n */\nexport type Side = 'top' | 'bottom' | 'left' | 'right' | 'inline-end' | 'inline-start';\nexport type Align = 'start' | 'center' | 'end';\n\nexport type PlacementConfig = {\n  align: Align;\n  side: Side;\n};\n\n/**\n * All supported placement values\n * - Unified placement names for Tooltip, Popover, and DropdownMenu\n * - Ant Design style: topLeft, topCenter, topRight, etc.\n * - Additional aliases: top (same as topCenter), bottom (same as bottomCenter)\n */\nexport type Placement =\n  | 'top'\n  | 'topLeft'\n  | 'topCenter'\n  | 'topRight'\n  | 'bottom'\n  | 'bottomLeft'\n  | 'bottomCenter'\n  | 'bottomRight'\n  | 'left'\n  | 'leftTop'\n  | 'leftBottom'\n  | 'right'\n  | 'rightTop'\n  | 'rightBottom';\n\nconst top: PlacementConfig = { align: 'center', side: 'top' };\nconst topLeft: PlacementConfig = { align: 'start', side: 'top' };\nconst topRight: PlacementConfig = { align: 'end', side: 'top' };\nconst bottom: PlacementConfig = { align: 'center', side: 'bottom' };\nconst bottomLeft: PlacementConfig = { align: 'start', side: 'bottom' };\nconst bottomRight: PlacementConfig = { align: 'end', side: 'bottom' };\nconst left: PlacementConfig = { align: 'center', side: 'left' };\nconst leftTop: PlacementConfig = { align: 'start', side: 'left' };\nconst leftBottom: PlacementConfig = { align: 'end', side: 'left' };\nconst right: PlacementConfig = { align: 'center', side: 'right' };\nconst rightTop: PlacementConfig = { align: 'start', side: 'right' };\nconst rightBottom: PlacementConfig = { align: 'end', side: 'right' };\n\n/**\n * Map of placement values to Base UI placement config\n * Used by Popover and DropdownMenu components\n */\nexport const placementMap: Record<Placement, PlacementConfig> = {\n  bottom,\n  bottomCenter: bottom,\n  bottomLeft,\n  bottomRight,\n  left,\n  leftBottom,\n  leftTop,\n  right,\n  rightBottom,\n  rightTop,\n  top,\n  topCenter: top,\n  topLeft,\n  topRight,\n};\n\n/**\n * Convert unified Placement to Floating UI placement format\n * Used by Tooltip component which uses @floating-ui/react\n *\n * @param placement - Unified placement value\n * @returns Floating UI placement (e.g., 'top-start', 'bottom-end')\n */\nexport const toFloatingUIPlacement = (placement?: Placement): FloatingUIPlacement => {\n  if (!placement) return 'top';\n\n  switch (placement) {\n    case 'topLeft': {\n      return 'top-start';\n    }\n    case 'top':\n    case 'topCenter': {\n      return 'top';\n    }\n    case 'topRight': {\n      return 'top-end';\n    }\n    case 'bottomLeft': {\n      return 'bottom-start';\n    }\n    case 'bottom':\n    case 'bottomCenter': {\n      return 'bottom';\n    }\n    case 'bottomRight': {\n      return 'bottom-end';\n    }\n    case 'leftTop': {\n      return 'left-start';\n    }\n    case 'left': {\n      return 'left';\n    }\n    case 'leftBottom': {\n      return 'left-end';\n    }\n    case 'rightTop': {\n      return 'right-start';\n    }\n    case 'right': {\n      return 'right';\n    }\n    case 'rightBottom': {\n      return 'right-end';\n    }\n    default: {\n      return 'top';\n    }\n  }\n};\n"],"mappings":";AAoCA,MAAM,MAAuB;CAAE,OAAO;CAAU,MAAM;AAAM;AAC5D,MAAM,UAA2B;CAAE,OAAO;CAAS,MAAM;AAAM;AAC/D,MAAM,WAA4B;CAAE,OAAO;CAAO,MAAM;AAAM;AAC9D,MAAM,SAA0B;CAAE,OAAO;CAAU,MAAM;AAAS;;;;;AAclE,MAAa,eAAmD;CAC9D;CACA,cAAc;CACd;EAhBoC,OAAO;EAAS,MAAM;CAgB1D;CACA;EAhBqC,OAAO;EAAO,MAAM;CAgBzD;CACA;EAhB8B,OAAO;EAAU,MAAM;CAgBrD;CACA;EAfoC,OAAO;EAAO,MAAM;CAexD;CACA;EAjBiC,OAAO;EAAS,MAAM;CAiBvD;CACA;EAhB+B,OAAO;EAAU,MAAM;CAgBtD;CACA;EAfqC,OAAO;EAAO,MAAM;CAezD;CACA;EAjBkC,OAAO;EAAS,MAAM;CAiBxD;CACA;CACA,WAAW;CACX;CACA;AACF;;;;;;;;AASA,MAAa,yBAAyB,cAA+C;CACnF,IAAI,CAAC,WAAW,OAAO;CAEvB,QAAQ,WAAR;EACE,KAAK,WACH,OAAO;EAET,KAAK;EACL,KAAK,aACH,OAAO;EAET,KAAK,YACH,OAAO;EAET,KAAK,cACH,OAAO;EAET,KAAK;EACL,KAAK,gBACH,OAAO;EAET,KAAK,eACH,OAAO;EAET,KAAK,WACH,OAAO;EAET,KAAK,QACH,OAAO;EAET,KAAK,cACH,OAAO;EAET,KAAK,YACH,OAAO;EAET,KAAK,SACH,OAAO;EAET,KAAK,eACH,OAAO;EAET,SACE,OAAO;CAEX;AACF"}
+{"version":3,"file":"placement.mjs","names":[],"sources":["../../src/utils/placement.ts"],"sourcesContent":["type FloatingUIPlacement =\n  | 'top'\n  | 'top-start'\n  | 'top-end'\n  | 'right'\n  | 'right-start'\n  | 'right-end'\n  | 'bottom'\n  | 'bottom-start'\n  | 'bottom-end'\n  | 'left'\n  | 'left-start'\n  | 'left-end';\n\n/**\n * Base UI uses a small set of string literal unions for alignment and side.\n * We re-declare them here to avoid importing internal/non-exported Base UI paths.\n */\nexport type Side = 'top' | 'bottom' | 'left' | 'right' | 'inline-end' | 'inline-start';\nexport type Align = 'start' | 'center' | 'end';\n\nexport type PlacementConfig = {\n  align: Align;\n  side: Side;\n};\n\n/**\n * All supported placement values\n * - Unified placement names for Tooltip, Popover, and DropdownMenu\n * - Ant Design style: topLeft, topCenter, topRight, etc.\n * - Additional aliases: top (same as topCenter), bottom (same as bottomCenter)\n */\nexport type Placement =\n  | 'top'\n  | 'topLeft'\n  | 'topCenter'\n  | 'topRight'\n  | 'bottom'\n  | 'bottomLeft'\n  | 'bottomCenter'\n  | 'bottomRight'\n  | 'left'\n  | 'leftTop'\n  | 'leftBottom'\n  | 'right'\n  | 'rightTop'\n  | 'rightBottom';\n\nconst top: PlacementConfig = { align: 'center', side: 'top' };\nconst topLeft: PlacementConfig = { align: 'start', side: 'top' };\nconst topRight: PlacementConfig = { align: 'end', side: 'top' };\nconst bottom: PlacementConfig = { align: 'center', side: 'bottom' };\nconst bottomLeft: PlacementConfig = { align: 'start', side: 'bottom' };\nconst bottomRight: PlacementConfig = { align: 'end', side: 'bottom' };\nconst left: PlacementConfig = { align: 'center', side: 'left' };\nconst leftTop: PlacementConfig = { align: 'start', side: 'left' };\nconst leftBottom: PlacementConfig = { align: 'end', side: 'left' };\nconst right: PlacementConfig = { align: 'center', side: 'right' };\nconst rightTop: PlacementConfig = { align: 'start', side: 'right' };\nconst rightBottom: PlacementConfig = { align: 'end', side: 'right' };\n\n/**\n * Map of placement values to Base UI placement config\n * Used by Popover and DropdownMenu components\n */\nexport const placementMap: Record<Placement, PlacementConfig> = {\n  bottom,\n  bottomCenter: bottom,\n  bottomLeft,\n  bottomRight,\n  left,\n  leftBottom,\n  leftTop,\n  right,\n  rightBottom,\n  rightTop,\n  top,\n  topCenter: top,\n  topLeft,\n  topRight,\n};\n\n/**\n * Convert unified Placement to Floating UI placement format\n * Used by Tooltip component which uses @floating-ui/react\n *\n * @param placement - Unified placement value\n * @returns Floating UI placement (e.g., 'top-start', 'bottom-end')\n */\nexport const toFloatingUIPlacement = (placement?: Placement): FloatingUIPlacement => {\n  if (!placement) return 'top';\n\n  switch (placement) {\n    case 'topLeft': {\n      return 'top-start';\n    }\n    case 'top':\n    case 'topCenter': {\n      return 'top';\n    }\n    case 'topRight': {\n      return 'top-end';\n    }\n    case 'bottomLeft': {\n      return 'bottom-start';\n    }\n    case 'bottom':\n    case 'bottomCenter': {\n      return 'bottom';\n    }\n    case 'bottomRight': {\n      return 'bottom-end';\n    }\n    case 'leftTop': {\n      return 'left-start';\n    }\n    case 'left': {\n      return 'left';\n    }\n    case 'leftBottom': {\n      return 'left-end';\n    }\n    case 'rightTop': {\n      return 'right-start';\n    }\n    case 'right': {\n      return 'right';\n    }\n    case 'rightBottom': {\n      return 'right-end';\n    }\n    default: {\n      return 'top';\n    }\n  }\n};\n"],"mappings":";AAgDA,MAAM,MAAuB;CAAE,OAAO;CAAU,MAAM;AAAM;AAC5D,MAAM,UAA2B;CAAE,OAAO;CAAS,MAAM;AAAM;AAC/D,MAAM,WAA4B;CAAE,OAAO;CAAO,MAAM;AAAM;AAC9D,MAAM,SAA0B;CAAE,OAAO;CAAU,MAAM;AAAS;;;;;AAclE,MAAa,eAAmD;CAC9D;CACA,cAAc;CACd;EAhBoC,OAAO;EAAS,MAAM;CAgB1D;CACA;EAhBqC,OAAO;EAAO,MAAM;CAgBzD;CACA;EAhB8B,OAAO;EAAU,MAAM;CAgBrD;CACA;EAfoC,OAAO;EAAO,MAAM;CAexD;CACA;EAjBiC,OAAO;EAAS,MAAM;CAiBvD;CACA;EAhB+B,OAAO;EAAU,MAAM;CAgBtD;CACA;EAfqC,OAAO;EAAO,MAAM;CAezD;CACA;EAjBkC,OAAO;EAAS,MAAM;CAiBxD;CACA;CACA,WAAW;CACX;CACA;AACF;;;;;;;;AASA,MAAa,yBAAyB,cAA+C;CACnF,IAAI,CAAC,WAAW,OAAO;CAEvB,QAAQ,WAAR;EACE,KAAK,WACH,OAAO;EAET,KAAK;EACL,KAAK,aACH,OAAO;EAET,KAAK,YACH,OAAO;EAET,KAAK,cACH,OAAO;EAET,KAAK;EACL,KAAK,gBACH,OAAO;EAET,KAAK,eACH,OAAO;EAET,KAAK,WACH,OAAO;EAET,KAAK,QACH,OAAO;EAET,KAAK,cACH,OAAO;EAET,KAAK,YACH,OAAO;EAET,KAAK,SACH,OAAO;EAET,KAAK,eACH,OAAO;EAET,SACE,OAAO;CAEX;AACF"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/ui",
-  "version": "6.0.0-beta.4",
+  "version": "6.0.0-beta.6",
   "description": "Lobe UI is an open-source UI component library for building AIGC web apps",
   "keywords": [
     "lobehub",
@@ -129,7 +129,7 @@
     "type-check": "lobedocs typegen && tsc --noEmit && tsc --noEmit -p tsconfig.site.json"
   },
   "dependencies": {
-    "@base-ui/react": "1.8.0",
+    "@base-ui/react": "1.9.0",
     "@dnd-kit/core": "^6.3.1",
     "@dnd-kit/modifiers": "^9.0.0",
     "@dnd-kit/sortable": "^10.0.0",
@@ -137,74 +137,48 @@
     "@emoji-mart/data": "^1.2.1",
     "@emoji-mart/react": "^1.1.1",
     "@emotion/css": "^11.13.5",
-    "@emotion/is-prop-valid": "^1.4.0",
     "@emotion/serialize": "^1.3.3",
-    "@floating-ui/react": "^0.27.19",
     "@giscus/react": "^3.1.0",
-    "@lobehub/streamdown": "^1.3.0",
+    "@lobehub/streamdown": "^1.4.0",
     "@mdx-js/mdx": "^3.1.1",
-    "@mdx-js/react": "^3.1.1",
-    "@pierre/diffs": "1.2.12",
-    "@radix-ui/react-slot": "^1.3.0",
-    "@shikijs/core": "^4.3.1",
-    "@shikijs/stream": "^4.3.1",
-    "@shikijs/transformers": "^4.3.1",
+    "@pierre/diffs": "1.5.2",
+    "@shikijs/core": "^4.5.0",
+    "@shikijs/stream": "^4.5.0",
+    "@shikijs/transformers": "^4.5.0",
     "@splinetool/runtime": "1.12.98",
     "@stylexjs/stylex": "0.19.1",
     "@tanstack/form-core": "^1.33.5",
-    "@tanstack/react-table": "^9.2.4",
-    "ahooks": "^3.9.7",
+    "@tanstack/react-table": "^9.2.8",
     "beautiful-mermaid": "^1.1.3",
     "chroma-js": "^3.2.0",
-    "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "dayjs": "^1.11.21",
     "emoji-mart": "^5.6.0",
-    "es-toolkit": "^1.49.0",
-    "fast-deep-equal": "^3.1.3",
+    "es-toolkit": "^1.52.0",
     "hast-util-from-html-isomorphic": "^2.0.0",
-    "hast-util-to-jsx-runtime": "^2.3.6",
     "hast-util-to-text": "^4.0.2",
-    "html-url-attributes": "^3.0.1",
-    "immer": "^11.1.11",
-    "katex": "^0.18.1",
+    "katex": "^0.18.1 || ^0.19.0",
     "leva": "^0.10.1",
-    "lucide-react": "^1.24.0",
-    "marked": "^18.0.6",
+    "lucide-react": "^1.55.0",
     "motion": "^13.0.0 || ^14.0.0",
-    "numeral": "^2.0.6",
-    "polished": "^4.3.1",
-    "query-string": "^9.4.1",
     "re-resizable": "^6.11.2",
-    "react-avatar-editor": "^15.1.0",
-    "react-error-boundary": "^6.1.2",
+    "react-avatar-editor": "^16.0.0",
+    "react-error-boundary": "^6.1.6",
     "react-hotkeys-hook": "^5.3.3",
     "react-markdown": "^10.1.0",
-    "react-merge-refs": "^3.0.2",
-    "react-rnd": "^10.5.3",
-    "react-zoom-pan-pinch": "^4.0.3",
     "rehype-github-alerts": "^4.2.0",
     "rehype-raw": "^7.0.0",
     "rehype-sanitize": "^6.0.0",
     "remark-breaks": "^4.0.0",
-    "remark-cjk-friendly": "^2.3.1",
+    "remark-cjk-friendly": "^2.3.2",
     "remark-gfm": "^4.0.1",
-    "remark-github": "^12.0.0",
     "remark-math": "^6.0.0",
-    "remark-parse": "^11.0.0",
-    "remark-rehype": "^11.1.2",
-    "remend": "^1.3.0",
-    "shiki": "^4.3.1",
-    "swr": "^2.4.2",
-    "ts-md5": "^2.0.1",
+    "shiki": "^4.5.0",
     "unified": "^11.0.5",
     "unist-util-visit-parents": "^6.0.2",
     "uqr": "^0.1.3",
-    "url-join": "^5.0.0",
-    "use-merge-value": "^1.2.0",
-    "uuid": "^14.0.1",
     "vfile": "^6.0.3",
-    "virtua": "^0.52.0"
+    "virtua": "^0.53.5"
   },
   "peerDependencies": {
     "@lobehub/fluent-emoji": "^5.0.0-beta.1",

package/es/dashboard/StatCard/style.mjs

@@ -1,105 +0,0 @@
-//#region src/dashboard/StatCard/style.ts
-const styles = {
-	badge: {
-		kVAM5u: "lb6d5vuu",
-		kaIpWk: "lb1vihcfj",
-		ksu8eU: "lb1y0btm7",
-		kMzoRj: "lbmkeg23",
-		kUk6DE: "lb1okw0bk",
-		kGNEyG: "lb6s0dn4",
-		kWkggS: "lbaljia1",
-		kZKoxP: "lbxk0z11",
-		kMwMTN: "lb53gy9q",
-		k1xSpc: "lb3nfvp2",
-		kzqmXN: "lbvy4d1p",
-		kjj79g: "lbl56j7k",
-		$$css: true
-	},
-	body: {
-		kVAEAm: "lb1n2onr6",
-		kY2c9j: "lb1vjfegm",
-		$$css: true
-	},
-	copy: {
-		kwnvtZ: "lbozqiw3",
-		k7Eaqz: "lbeuugli",
-		$$css: true
-	},
-	delta: {
-		kOIVth: "lb195vfkc",
-		kGNEyG: "lb6s0dn4",
-		k1xSpc: "lb3nfvp2",
-		kGuDYH: "lbxobqjj",
-		kcqcaj: "lbss6m8b",
-		$$css: true
-	},
-	deltaDown: {
-		kMwMTN: "lb12ap7uz",
-		$$css: true
-	},
-	deltaFlat: {
-		kMwMTN: "lb53gy9q",
-		$$css: true
-	},
-	deltaUp: {
-		kMwMTN: "lbs9y9h1",
-		$$css: true
-	},
-	frame: {
-		kVAM5u: "lb10cypdb",
-		$$css: true
-	},
-	gray: {
-		k3DiCg: "lbskafm8",
-		$$css: true
-	},
-	lift: {
-		kaIpWk: "lb1ndkxwp",
-		kGVxlE: "lb1c4gvbl",
-		k1xSpc: "lb78zum5",
-		k7Eaqz: "lbeuugli",
-		$$css: true
-	},
-	metricFoot: {
-		keoZOQ: "lb1hmvnq2",
-		$$css: true
-	},
-	metricValue: {
-		kMwMTN: "lb66ogz0",
-		kGuDYH: "lb1j9mzhl",
-		kcqcaj: "lbss6m8b",
-		k63SB2: "lb1xlr1w8",
-		kLWn49: "lb1f41ap9",
-		keoZOQ: "lb1k70j0n",
-		$$css: true
-	},
-	root: {
-		kmVPX3: "lb1tamke2",
-		kUk6DE: "lb98rzlu",
-		kVQacm: "lbb3r6kr",
-		k7Eaqz: "lbeuugli",
-		kVAEAm: "lb1n2onr6",
-		$$css: true
-	},
-	value: {
-		kMwMTN: "lb66ogz0",
-		kGuDYH: "lb1j9mzhl lb1nfhhgm",
-		kcqcaj: "lbss6m8b",
-		k63SB2: "lb1s688f",
-		kLWn49: "lb1u7k74",
-		$$css: true
-	},
-	wash: {
-		kHBbk8: "lbc8icb0",
-		kFcpXp: "lbxx281p",
-		kgeoSG: "lb1cpjm7i",
-		km8f2m: "lbkk1bqk",
-		kEoFBp: "lb1hmns74",
-		kxmVGU: "lb2hztxu",
-		$$css: true
-	}
-};
-//#endregion
-export { styles };
-
-//# sourceMappingURL=style.mjs.map

package/es/dashboard/StatCard/style.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/dashboard/StatCard/style.ts"],"sourcesContent":["import * as stylex from '@stylexjs/stylex';\n\nimport { cssVar } from '@/styles/stylex/cssVar.stylex';\nimport { media } from '@/styles/stylex/media.stylex';\n\nexport const styles = stylex.create({\n  badge: {\n    borderColor: cssVar.colorFillSecondary,\n    borderRadius: cssVar.borderRadiusSM,\n    borderStyle: 'solid',\n    borderWidth: 1,\n    flex: 'none',\n    alignItems: 'center',\n    backgroundColor: cssVar.colorFillTertiary,\n    blockSize: 24,\n    color: cssVar.colorTextTertiary,\n    display: 'inline-flex',\n    inlineSize: 24,\n    justifyContent: 'center',\n  },\n  body: {\n    position: 'relative',\n    zIndex: 1,\n  },\n  copy: {\n    flexWrap: 'nowrap',\n    minInlineSize: 0,\n  },\n  delta: {\n    gap: 2,\n    alignItems: 'center',\n    display: 'inline-flex',\n    fontSize: cssVar.fontSizeSM,\n    fontVariantNumeric: 'tabular-nums',\n  },\n  deltaDown: {\n    color: cssVar.colorError,\n  },\n  deltaFlat: {\n    color: cssVar.colorTextTertiary,\n  },\n  deltaUp: {\n    color: cssVar.colorSuccess,\n  },\n  frame: {\n    borderColor: cssVar.colorBorderSecondary,\n  },\n  gray: {\n    '::before': {\n      backgroundImage: `linear-gradient(to bottom, ${cssVar.colorBgElevated} 0%, color-mix(in srgb, ${cssVar.colorText} 4%, ${cssVar.colorBgElevated}) 100%)`,\n    },\n  },\n  lift: {\n    borderRadius: cssVar.borderRadiusLG,\n    boxShadow: cssVar.boxShadowTertiary,\n    display: 'flex',\n    minInlineSize: 0,\n  },\n  metricFoot: {\n    marginBlockStart: 14,\n  },\n  metricValue: {\n    color: cssVar.colorText,\n    fontSize: cssVar.fontSizeHeading2,\n    fontVariantNumeric: 'tabular-nums',\n    fontWeight: 700,\n    lineHeight: 1.05,\n    marginBlockStart: 6,\n  },\n  root: {\n    padding: 16,\n    flex: '1',\n    overflow: 'hidden',\n    minInlineSize: 0,\n    position: 'relative',\n  },\n  value: {\n    color: cssVar.colorText,\n    fontSize: { default: cssVar.fontSizeHeading2, [media.mobile]: cssVar.fontSizeHeading3 },\n    fontVariantNumeric: 'tabular-nums',\n    fontWeight: 600,\n    lineHeight: 1.2,\n  },\n  wash: {\n    'isolation': 'isolate',\n    '::before': {\n      inset: 0,\n      content: '\"\"',\n      pointerEvents: 'none',\n      position: 'absolute',\n      zIndex: 0,\n    },\n  },\n});\n"],"mappings":";AAKA,MAAa,SAAS;CACpB,OAAO;EACL,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,MAAM;EACJ,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,MAAM;EACJ,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,OAAO;EACL,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,WAAW;EACT,QAAQ;EACR,OAAO;CACT;CACA,WAAW;EACT,QAAQ;EACR,OAAO;CACT;CACA,SAAS;EACP,QAAQ;EACR,OAAO;CACT;CACA,OAAO;EACL,QAAQ;EACR,OAAO;CACT;CACA,MAAM;EACJ,QAAQ;EACR,OAAO;CACT;CACA,MAAM;EACJ,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,YAAY;EACV,QAAQ;EACR,OAAO;CACT;CACA,aAAa;EACX,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,MAAM;EACJ,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,OAAO;EACL,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,MAAM;EACJ,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;AACF"}