@lobehub/ui 6.0.0-beta.1 → 6.0.0-beta.11

package/es/types/customToken.d.mts

@@ -16,4 +16,5 @@ export interface LobeCustomToken extends ColorPalettes, ColorPalettesAlpha, Colo
   colorBgContainerSecondary: string;
 }
 //#endregion
+export {};
 //# sourceMappingURL=customToken.d.mts.map

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.1",
+  "version": "6.0.0-beta.11",
   "description": "Lobe UI is an open-source UI component library for building AIGC web apps",
   "keywords": [
     "lobehub",
@@ -85,6 +85,10 @@
       "types": "./es/FormKit/index.d.mts",
       "import": "./es/FormKit/index.mjs"
     },
+    "./pro-table": {
+      "types": "./es/ProTable/index.d.mts",
+      "import": "./es/ProTable/index.mjs"
+    },
     "./global.css": "./es/global.css",
     "./theme.css": "./es/theme.css",
     "./style.css": "./es/style.css",
@@ -129,7 +133,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,79 +141,54 @@
     "@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",
+    "@tanstack/react-virtual": "^3.14.18",
     "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",
-    "motion": "^13.0.0",
-    "numeral": "^2.0.6",
-    "polished": "^4.3.1",
-    "query-string": "^9.4.1",
+    "lucide-react": "^1.55.0",
+    "motion": "^13.0.0 || ^14.0.0",
     "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": "^4.0.0",
-    "@lobehub/icons": "^5.0.0",
-    "motion": "^13.0.0",
+    "@lobehub/fluent-emoji": "^5.0.0-beta.1",
+    "@lobehub/icons": "^6.0.0-beta.1",
+    "motion": "^13.0.0 || ^14.0.0",
     "react": "^19.0.0",
     "react-dom": "^19.0.0"
   },

package/es/DatePicker/CalendarPanel.mjs

@@ -1,189 +0,0 @@
-"use client";
-import { focusRing } from "../styles/stylex/focusRing.mjs";
-import Icon from "../Icon/Icon.mjs";
-import { useTranslation } from "../i18n/useTranslation.mjs";
-import { panelStyles } from "../internal/panelStyles.mjs";
-import datePicker_default from "../i18n/resources/en/datePicker.mjs";
-import { buildMonthGrid, getWeekStart, getWeekdayLabels, isDayDisabled, isMonthDisabled, isSameDay, isYearDisabled, moveDayFocus, orderRange } from "./calendar.mjs";
-import { styles } from "./style.mjs";
-import { createElement, memo, useEffect, useRef, useState } from "react";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-import * as stylex from "@stylexjs/stylex";
-import { ChevronLeft, ChevronRight } from "lucide-react";
-import dayjs from "dayjs";
-//#region src/DatePicker/CalendarPanel.tsx
-const MONTHS = Array.from({ length: 12 }, (_, index) => index);
-const CalendarPanel = memo(({ bounds, hovered, mode, month, onHover, onMonthChange, onSelect, range, selected, showNav = true }) => {
-	const { t } = useTranslation(datePicker_default);
-	const [view, setView] = useState(mode);
-	const [focused, setFocused] = useState(selected ?? month);
-	const gridRef = useRef(null);
-	const weekStart = getWeekStart();
-	const today = /* @__PURE__ */ new Date();
-	const current = dayjs(month);
-	const decadeStart = Math.floor(current.year() / 12) * 12;
-	const days = buildMonthGrid(month, weekStart);
-	const focusDay = dayjs(focused).isSame(month, "month") && !isDayDisabled(focused, bounds) ? focused : days.find((day) => dayjs(day).isSame(month, "month") && !isDayDisabled(day, bounds)) ?? current.startOf("month").toDate();
-	const keyboardMoveRef = useRef(false);
-	useEffect(() => {
-		if (!keyboardMoveRef.current) return;
-		keyboardMoveRef.current = false;
-		gridRef.current?.querySelector("[data-focus-target]")?.focus();
-	}, [focused, month]);
-	const step = (direction) => {
-		const unit = view === "date" ? "month" : "year";
-		const amount = view === "year" ? 12 * direction : direction;
-		onMonthChange(current.add(amount, unit).toDate());
-	};
-	const drillUp = () => setView(view === "date" ? "month" : "year");
-	const handleDayKey = (event) => {
-		let next = moveDayFocus(focusDay, event.key, weekStart);
-		if (!next) return;
-		event.preventDefault();
-		for (let step = 0; next && isDayDisabled(next, bounds) && step < 366; step++) next = moveDayFocus(next, event.key, weekStart);
-		if (!next || isDayDisabled(next, bounds)) return;
-		keyboardMoveRef.current = true;
-		setFocused(next);
-		if (!dayjs(next).isSame(month, "month")) onMonthChange(next);
-	};
-	const band = (() => {
-		if (!range?.[0]) return null;
-		const end = range[1] ?? hovered;
-		return end ? orderRange(range[0], end) : null;
-	})();
-	const renderDays = () => {
-		return /* @__PURE__ */ jsxs("div", {
-			"aria-label": current.format("MMMM YYYY"),
-			...stylex.props(styles.grid),
-			ref: gridRef,
-			role: "grid",
-			onMouseLeave: () => onHover?.(null),
-			children: [getWeekdayLabels(weekStart).map((label) => /* @__PURE__ */ jsx("span", {
-				role: "columnheader",
-				...stylex.props(styles.weekday, panelStyles.label),
-				children: label
-			}, label)), days.map((date) => {
-				const outside = !dayjs(date).isSame(month, "month");
-				const isStart = !outside && !!band && isSameDay(date, band[0]);
-				const isEnd = !outside && !!band && isSameDay(date, band[1]);
-				const inBand = !outside && !!band && dayjs(date).isAfter(band[0], "day") && dayjs(date).isBefore(band[1], "day");
-				const pressed = !outside && (isSameDay(date, selected) || isStart || isEnd);
-				const focusTarget = isSameDay(date, focusDay) && !outside;
-				return /* @__PURE__ */ jsx("span", {
-					"aria-selected": pressed,
-					role: "gridcell",
-					...stylex.props(styles.cell, inBand && styles.band, isStart && !isEnd && styles.bandStart, isEnd && !isStart && styles.bandEnd),
-					children: /* @__PURE__ */ jsx("button", {
-						"aria-label": dayjs(date).format("MMMM D, YYYY"),
-						"aria-pressed": pressed,
-						...stylex.props(focusRing.info, styles.day),
-						"data-focus-target": focusTarget ? "" : void 0,
-						"data-outside": outside ? "" : void 0,
-						"data-today": isSameDay(date, today) ? "" : void 0,
-						disabled: isDayDisabled(date, bounds),
-						tabIndex: focusTarget ? 0 : -1,
-						type: "button",
-						onClick: () => onSelect(dayjs(date).startOf("day").toDate()),
-						onKeyDown: handleDayKey,
-						onMouseEnter: () => onHover?.(date),
-						children: date.getDate()
-					})
-				}, date.toISOString());
-			})]
-		});
-	};
-	const renderMonths = () => /* @__PURE__ */ jsx("div", {
-		...stylex.props(styles.tiles),
-		children: MONTHS.map((index) => {
-			const date = current.month(index).startOf("month").toDate();
-			return /* @__PURE__ */ createElement("button", {
-				"aria-pressed": !!selected && dayjs(selected).isSame(date, "month"),
-				...stylex.props(focusRing.info, styles.tile),
-				"data-today": dayjs(today).isSame(date, "month") ? "" : void 0,
-				disabled: isMonthDisabled(date, bounds),
-				key: index,
-				type: "button",
-				onClick: () => {
-					if (mode === "month") return onSelect(date);
-					onMonthChange(date);
-					setView("date");
-				}
-			}, dayjs(date).format("MMM"));
-		})
-	});
-	const renderYears = () => /* @__PURE__ */ jsx("div", {
-		...stylex.props(styles.tiles),
-		children: MONTHS.map((index) => {
-			const date = dayjs(new Date(decadeStart + index, 0, 1)).toDate();
-			return /* @__PURE__ */ createElement("button", {
-				"aria-pressed": !!selected && dayjs(selected).isSame(date, "year"),
-				...stylex.props(focusRing.info, styles.tile),
-				"data-today": dayjs(today).isSame(date, "year") ? "" : void 0,
-				disabled: isYearDisabled(date, bounds),
-				key: index,
-				type: "button",
-				onClick: () => {
-					if (mode === "year") return onSelect(date);
-					onMonthChange(current.year(decadeStart + index).toDate());
-					setView("month");
-				}
-			}, decadeStart + index);
-		})
-	});
-	const title = (() => {
-		if (view === "date") return /* @__PURE__ */ jsxs(Fragment$1, { children: [
-			current.format("MMMM"),
-			" ",
-			/* @__PURE__ */ jsx("span", {
-				...stylex.props(panelStyles.titleMuted),
-				children: current.format("YYYY")
-			})
-		] });
-		if (view === "month") return current.format("YYYY");
-		return `${decadeStart} – ${decadeStart + 11}`;
-	})();
-	return /* @__PURE__ */ jsxs("div", {
-		...stylex.props(styles.calendar),
-		children: [
-			/* @__PURE__ */ jsxs("div", {
-				...stylex.props(styles.header),
-				children: [/* @__PURE__ */ jsx("button", {
-					...stylex.props(panelStyles.title),
-					disabled: view === "year",
-					type: "button",
-					onClick: drillUp,
-					children: title
-				}), showNav && /* @__PURE__ */ jsxs("div", {
-					...stylex.props(styles.navGroup),
-					children: [/* @__PURE__ */ jsx("button", {
-						"aria-label": t("datePicker.previous"),
-						...stylex.props(panelStyles.nav),
-						type: "button",
-						onClick: () => step(-1),
-						children: /* @__PURE__ */ jsx(Icon, {
-							icon: ChevronLeft,
-							size: 14
-						})
-					}), /* @__PURE__ */ jsx("button", {
-						"aria-label": t("datePicker.next"),
-						...stylex.props(panelStyles.nav),
-						type: "button",
-						onClick: () => step(1),
-						children: /* @__PURE__ */ jsx(Icon, {
-							icon: ChevronRight,
-							size: 14
-						})
-					})]
-				})]
-			}),
-			view === "date" && renderDays(),
-			view === "month" && renderMonths(),
-			view === "year" && renderYears()
-		]
-	});
-});
-CalendarPanel.displayName = "CalendarPanel";
-//#endregion
-export { CalendarPanel as default };
-
-//# sourceMappingURL=CalendarPanel.mjs.map

package/es/DatePicker/CalendarPanel.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"CalendarPanel.mjs","names":["datePickerMessages"],"sources":["../../src/DatePicker/CalendarPanel.tsx"],"sourcesContent":["'use client';\n\nimport * as stylex from '@stylexjs/stylex';\nimport dayjs from 'dayjs';\nimport { ChevronLeft, ChevronRight } from 'lucide-react';\nimport { type KeyboardEvent, memo, useEffect, useRef, useState } from 'react';\n\nimport datePickerMessages from '@/i18n/resources/en/datePicker';\nimport { useTranslation } from '@/i18n/useTranslation';\nimport Icon from '@/Icon';\nimport { panelStyles } from '@/internal/panelStyles';\nimport { focusRing } from '@/styles/stylex/focusRing';\n\nimport {\n  buildMonthGrid,\n  type CalendarMode,\n  type DateBounds,\n  getWeekdayLabels,\n  getWeekStart,\n  isDayDisabled,\n  isMonthDisabled,\n  isSameDay,\n  isYearDisabled,\n  moveDayFocus,\n  orderRange,\n} from './calendar';\nimport { styles } from './style';\n\nexport interface CalendarPanelProps {\n  bounds: DateBounds;\n  hovered?: Date | null;\n  mode: CalendarMode;\n  month: Date;\n  onHover?: (date: Date | null) => void;\n  onMonthChange: (month: Date) => void;\n  onSelect: (date: Date) => void;\n  range?: [Date | null, Date | null];\n  selected?: Date | null;\n  showNav?: boolean;\n}\n\nconst MONTHS = Array.from({ length: 12 }, (_, index) => index);\n\nconst CalendarPanel = memo<CalendarPanelProps>(\n  ({\n    bounds,\n    hovered,\n    mode,\n    month,\n    onHover,\n    onMonthChange,\n    onSelect,\n    range,\n    selected,\n    showNav = true,\n  }) => {\n    const { t } = useTranslation(datePickerMessages);\n    const [view, setView] = useState<CalendarMode>(mode);\n    const [focused, setFocused] = useState<Date>(selected ?? month);\n    const gridRef = useRef<HTMLDivElement>(null);\n    const weekStart = getWeekStart();\n    const today = new Date();\n    const current = dayjs(month);\n    const decadeStart = Math.floor(current.year() / 12) * 12;\n    const days = buildMonthGrid(month, weekStart);\n    const focusDay =\n      dayjs(focused).isSame(month, 'month') && !isDayDisabled(focused, bounds)\n        ? focused\n        : (days.find((day) => dayjs(day).isSame(month, 'month') && !isDayDisabled(day, bounds)) ??\n          current.startOf('month').toDate());\n    const keyboardMoveRef = useRef(false);\n\n    useEffect(() => {\n      if (!keyboardMoveRef.current) return;\n      keyboardMoveRef.current = false;\n      gridRef.current?.querySelector<HTMLButtonElement>('[data-focus-target]')?.focus();\n    }, [focused, month]);\n\n    const step = (direction: 1 | -1) => {\n      const unit = view === 'date' ? 'month' : 'year';\n      const amount = view === 'year' ? 12 * direction : direction;\n      onMonthChange(current.add(amount, unit).toDate());\n    };\n\n    const drillUp = () => setView(view === 'date' ? 'month' : 'year');\n\n    const handleDayKey = (event: KeyboardEvent<HTMLButtonElement>) => {\n      let next = moveDayFocus(focusDay, event.key, weekStart);\n      if (!next) return;\n      event.preventDefault();\n      for (let step = 0; next && isDayDisabled(next, bounds) && step < 366; step++) {\n        next = moveDayFocus(next, event.key, weekStart);\n      }\n      if (!next || isDayDisabled(next, bounds)) return;\n      keyboardMoveRef.current = true;\n      setFocused(next);\n      if (!dayjs(next).isSame(month, 'month')) onMonthChange(next);\n    };\n\n    const band = (() => {\n      if (!range?.[0]) return null;\n      const end = range[1] ?? hovered;\n      return end ? orderRange(range[0], end) : null;\n    })();\n\n    const renderDays = () => {\n      return (\n        <div\n          aria-label={current.format('MMMM YYYY')}\n          {...stylex.props(styles.grid)}\n          ref={gridRef}\n          role=\"grid\"\n          onMouseLeave={() => onHover?.(null)}\n        >\n          {getWeekdayLabels(weekStart).map((label) => (\n            <span\n              key={label}\n              role=\"columnheader\"\n              {...stylex.props(styles.weekday, panelStyles.label)}\n            >\n              {label}\n            </span>\n          ))}\n          {days.map((date) => {\n            const outside = !dayjs(date).isSame(month, 'month');\n            const isStart = !outside && !!band && isSameDay(date, band[0]);\n            const isEnd = !outside && !!band && isSameDay(date, band[1]);\n            const inBand =\n              !outside &&\n              !!band &&\n              dayjs(date).isAfter(band[0], 'day') &&\n              dayjs(date).isBefore(band[1], 'day');\n            const pressed = !outside && (isSameDay(date, selected) || isStart || isEnd);\n            const focusTarget = isSameDay(date, focusDay) && !outside;\n\n            return (\n              <span\n                aria-selected={pressed}\n                key={date.toISOString()}\n                role=\"gridcell\"\n                {...stylex.props(\n                  styles.cell,\n                  inBand && styles.band,\n                  isStart && !isEnd && styles.bandStart,\n                  isEnd && !isStart && styles.bandEnd,\n                )}\n              >\n                <button\n                  aria-label={dayjs(date).format('MMMM D, YYYY')}\n                  aria-pressed={pressed}\n                  {...stylex.props(focusRing.info, styles.day)}\n                  data-focus-target={focusTarget ? '' : undefined}\n                  data-outside={outside ? '' : undefined}\n                  data-today={isSameDay(date, today) ? '' : undefined}\n                  disabled={isDayDisabled(date, bounds)}\n                  tabIndex={focusTarget ? 0 : -1}\n                  type=\"button\"\n                  onClick={() => onSelect(dayjs(date).startOf('day').toDate())}\n                  onKeyDown={handleDayKey}\n                  onMouseEnter={() => onHover?.(date)}\n                >\n                  {date.getDate()}\n                </button>\n              </span>\n            );\n          })}\n        </div>\n      );\n    };\n\n    const renderMonths = () => (\n      <div {...stylex.props(styles.tiles)}>\n        {MONTHS.map((index) => {\n          const date = current.month(index).startOf('month').toDate();\n          return (\n            <button\n              aria-pressed={!!selected && dayjs(selected).isSame(date, 'month')}\n              {...stylex.props(focusRing.info, styles.tile)}\n              data-today={dayjs(today).isSame(date, 'month') ? '' : undefined}\n              disabled={isMonthDisabled(date, bounds)}\n              key={index}\n              type=\"button\"\n              onClick={() => {\n                if (mode === 'month') return onSelect(date);\n                onMonthChange(date);\n                setView('date');\n              }}\n            >\n              {dayjs(date).format('MMM')}\n            </button>\n          );\n        })}\n      </div>\n    );\n\n    const renderYears = () => (\n      <div {...stylex.props(styles.tiles)}>\n        {MONTHS.map((index) => {\n          const date = dayjs(new Date(decadeStart + index, 0, 1)).toDate();\n          return (\n            <button\n              aria-pressed={!!selected && dayjs(selected).isSame(date, 'year')}\n              {...stylex.props(focusRing.info, styles.tile)}\n              data-today={dayjs(today).isSame(date, 'year') ? '' : undefined}\n              disabled={isYearDisabled(date, bounds)}\n              key={index}\n              type=\"button\"\n              onClick={() => {\n                if (mode === 'year') return onSelect(date);\n                onMonthChange(current.year(decadeStart + index).toDate());\n                setView('month');\n              }}\n            >\n              {decadeStart + index}\n            </button>\n          );\n        })}\n      </div>\n    );\n\n    const title = (() => {\n      if (view === 'date')\n        return (\n          <>\n            {current.format('MMMM')}{' '}\n            <span {...stylex.props(panelStyles.titleMuted)}>{current.format('YYYY')}</span>\n          </>\n        );\n      if (view === 'month') return current.format('YYYY');\n      return `${decadeStart} – ${decadeStart + 11}`;\n    })();\n\n    return (\n      <div {...stylex.props(styles.calendar)}>\n        <div {...stylex.props(styles.header)}>\n          <button\n            {...stylex.props(panelStyles.title)}\n            disabled={view === 'year'}\n            type=\"button\"\n            onClick={drillUp}\n          >\n            {title}\n          </button>\n          {showNav && (\n            <div {...stylex.props(styles.navGroup)}>\n              <button\n                aria-label={t('datePicker.previous')}\n                {...stylex.props(panelStyles.nav)}\n                type=\"button\"\n                onClick={() => step(-1)}\n              >\n                <Icon icon={ChevronLeft} size={14} />\n              </button>\n              <button\n                aria-label={t('datePicker.next')}\n                {...stylex.props(panelStyles.nav)}\n                type=\"button\"\n                onClick={() => step(1)}\n              >\n                <Icon icon={ChevronRight} size={14} />\n              </button>\n            </div>\n          )}\n        </div>\n        {view === 'date' && renderDays()}\n        {view === 'month' && renderMonths()}\n        {view === 'year' && renderYears()}\n      </div>\n    );\n  },\n);\n\nCalendarPanel.displayName = 'CalendarPanel';\n\nexport default CalendarPanel;\n"],"mappings":"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"}

package/es/DatePicker/PickerShell.mjs

@@ -1,43 +0,0 @@
-"use client";
-import { styleProps } from "../styles/stylex/props.mjs";
-import { useThemeMode } from "../styles/theme/scope.mjs";
-import { inputRootStyles } from "../Input/style.mjs";
-import ClearButton from "../Input/ClearButton.mjs";
-import { panelStyles } from "../internal/panelStyles.mjs";
-import { PopoverPopup, PopoverPortal, PopoverPositioner, PopoverRoot, PopoverTriggerElement } from "../Popover/atoms.mjs";
-import { memo, useRef } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/DatePicker/PickerShell.tsx
-const PickerShell = memo(({ children, className, disabled, icon, onClear, onOpenChange, open, shadow, showClear, size = "middle", style, trigger, variant }) => {
-	const { isDarkMode } = useThemeMode();
-	const anchorRef = useRef(null);
-	const popupRef = useRef(null);
-	return /* @__PURE__ */ jsxs("div", {
-		"data-disabled": disabled ? "" : void 0,
-		ref: anchorRef,
-		...styleProps(inputRootStyles({
-			shadow,
-			size,
-			variant: variant || (isDarkMode ? "filled" : "outlined")
-		}), className, style),
-		children: [/* @__PURE__ */ jsxs(PopoverRoot, {
-			open,
-			onOpenChange: (next) => !disabled && onOpenChange(next),
-			children: [/* @__PURE__ */ jsx(PopoverTriggerElement, { children: trigger }), /* @__PURE__ */ jsx(PopoverPortal, { children: /* @__PURE__ */ jsx(PopoverPositioner, {
-				anchor: anchorRef,
-				placement: "bottomLeft",
-				children: /* @__PURE__ */ jsx(PopoverPopup, {
-					ref: popupRef,
-					xstyle: panelStyles.popup,
-					initialFocus: () => popupRef.current?.querySelector("[data-focus-target]") ?? true,
-					children
-				})
-			}) })]
-		}), showClear && !disabled ? /* @__PURE__ */ jsx(ClearButton, { onClear }) : icon]
-	});
-});
-PickerShell.displayName = "PickerShell";
-//#endregion
-export { PickerShell as default };
-
-//# sourceMappingURL=PickerShell.mjs.map

package/es/DatePicker/PickerShell.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"PickerShell.mjs","names":[],"sources":["../../src/DatePicker/PickerShell.tsx"],"sourcesContent":["'use client';\n\nimport { type CSSProperties, memo, type ReactElement, type ReactNode, useRef } from 'react';\n\nimport ClearButton from '@/Input/ClearButton';\nimport { inputRootStyles } from '@/Input/style';\nimport type { InputSize, InputVariant } from '@/Input/type';\nimport { panelStyles } from '@/internal/panelStyles';\nimport {\n  PopoverPopup,\n  PopoverPortal,\n  PopoverPositioner,\n  PopoverRoot,\n  PopoverTriggerElement,\n} from '@/Popover';\nimport { styleProps } from '@/styles/stylex/props';\nimport { useThemeMode } from '@/styles/theme/scope';\n\nexport interface PickerShellProps {\n  children: ReactNode;\n  className?: string;\n  disabled?: boolean;\n  icon: ReactNode;\n  onClear: () => void;\n  onOpenChange: (open: boolean) => void;\n  open: boolean;\n  shadow?: boolean;\n  showClear: boolean;\n  size?: InputSize;\n  style?: CSSProperties;\n  trigger: ReactElement;\n  variant?: InputVariant;\n}\n\nconst PickerShell = memo<PickerShellProps>(\n  ({\n    children,\n    className,\n    disabled,\n    icon,\n    onClear,\n    onOpenChange,\n    open,\n    shadow,\n    showClear,\n    size = 'middle',\n    style,\n    trigger,\n    variant,\n  }) => {\n    const { isDarkMode } = useThemeMode();\n    const anchorRef = useRef<HTMLDivElement>(null);\n    const popupRef = useRef<HTMLDivElement>(null);\n\n    return (\n      <div\n        data-disabled={disabled ? '' : undefined}\n        ref={anchorRef}\n        {...styleProps(\n          inputRootStyles({\n            shadow,\n            size,\n            variant: variant || (isDarkMode ? 'filled' : 'outlined'),\n          }),\n          className,\n          style,\n        )}\n      >\n        <PopoverRoot open={open} onOpenChange={(next) => !disabled && onOpenChange(next)}>\n          <PopoverTriggerElement>{trigger}</PopoverTriggerElement>\n          <PopoverPortal>\n            <PopoverPositioner anchor={anchorRef} placement=\"bottomLeft\">\n              <PopoverPopup\n                ref={popupRef}\n                xstyle={panelStyles.popup}\n                initialFocus={() =>\n                  popupRef.current?.querySelector<HTMLElement>('[data-focus-target]') ?? true\n                }\n              >\n                {children}\n              </PopoverPopup>\n            </PopoverPositioner>\n          </PopoverPortal>\n        </PopoverRoot>\n        {showClear && !disabled ? <ClearButton onClear={onClear} /> : icon}\n      </div>\n    );\n  },\n);\n\nPickerShell.displayName = 'PickerShell';\n\nexport default PickerShell;\n"],"mappings":";;;;;;;;;;AAkCA,MAAM,cAAc,MACjB,EACC,UACA,WACA,UACA,MACA,SACA,cACA,MACA,QACA,WACA,OAAO,UACP,OACA,SACA,cACI;CACJ,MAAM,EAAE,eAAe,aAAa;CACpC,MAAM,YAAY,OAAuB,IAAI;CAC7C,MAAM,WAAW,OAAuB,IAAI;CAE5C,OACE,qBAAC,OAAD;EACE,iBAAe,WAAW,KAAK,KAAA;EAC/B,KAAK;EACL,GAAI,WACF,gBAAgB;GACd;GACA;GACA,SAAS,YAAY,aAAa,WAAW;EAC/C,CAAC,GACD,WACA,KACF;EAXF,UAAA,CAaE,qBAAC,aAAD;GAAmB;GAAM,eAAe,SAAS,CAAC,YAAY,aAAa,IAAI;GAA/E,UAAA,CACE,oBAAC,uBAAD,EAAA,UAAwB,QAA+B,CAAA,GACvD,oBAAC,eAAD,EAAA,UACE,oBAAC,mBAAD;IAAmB,QAAQ;IAAW,WAAU;IAC9C,UAAA,oBAAC,cAAD;KACE,KAAK;KACL,QAAQ,YAAY;KACpB,oBACE,SAAS,SAAS,cAA2B,qBAAqB,KAAK;KAGxE;IACW,CAAA;GACG,CAAA,EACN,CAAA,CACJ;EACZ,CAAA,GAAA,aAAa,CAAC,WAAW,oBAAC,aAAD,EAAsB,QAAU,CAAA,IAAI,IAC3D;;AAET,CACF;AAEA,YAAY,cAAc"}

package/es/DatePicker/calendar.d.mts

@@ -1,4 +0,0 @@
-//#region src/DatePicker/calendar.d.ts
-export type CalendarMode = 'date' | 'month' | 'year';
-//#endregion
-//# sourceMappingURL=calendar.d.mts.map