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

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.5",
   "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",