@lobehub/ui 3.4.2 → 3.4.4

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

@@ -0,0 +1 @@
+{"version":3,"file":"light.mjs","names":["primary","gray","green","gold","volcano","geekblue","lightBaseToken: Partial<AliasToken>"],"sources":["../../../../src/styles/theme/token/light.ts"],"sourcesContent":["import { AliasToken } from 'antd/es/theme/interface';\n\nimport { geekblue, gold, gray, green, primary, volcano } from '@/color/colors';\n\nimport { generateColorNeutralPalette, generateColorPalette } from '../generateColorPalette';\n\nconst primaryToken = generateColorPalette({\n  appearance: 'light',\n  scale: primary,\n  type: 'Primary',\n});\n\nconst neutralToken = generateColorNeutralPalette({\n  appearance: 'light',\n  scale: gray,\n});\n\nconst successToken = generateColorPalette({\n  appearance: 'light',\n  scale: green,\n  type: 'Success',\n});\n\nconst warningToken = generateColorPalette({\n  appearance: 'light',\n  scale: gold,\n  type: 'Warning',\n});\n\nconst errorToken = generateColorPalette({\n  appearance: 'light',\n  scale: volcano,\n  type: 'Error',\n});\n\nconst infoToken = generateColorPalette({\n  appearance: 'light',\n  scale: geekblue,\n  type: 'Info',\n});\n\nconst lightBaseToken: Partial<AliasToken> = {\n  ...primaryToken,\n  ...neutralToken,\n  ...successToken,\n  ...warningToken,\n  ...errorToken,\n  ...infoToken,\n\n  boxShadow: '0 20px 20px -8px rgba(0, 0, 0, 0.24)',\n  boxShadowSecondary: '0 8px 16px -4px rgba(0, 0, 0, 0.2)',\n  boxShadowTertiary: '0 3px 1px -1px rgba(26, 26, 26, 0.06)',\n  colorLink: infoToken.colorInfoText,\n  colorLinkActive: infoToken.colorInfoTextActive,\n\n  colorLinkHover: infoToken.colorInfoTextHover,\n  colorTextLightSolid: neutralToken.colorBgLayout,\n};\n\nexport default lightBaseToken;\n"],"mappings":";;;;;;;;;AAMA,MAAM,eAAe,qBAAqB;CACxC,YAAY;CACZ,OAAOA;CACP,MAAM;CACP,CAAC;AAEF,MAAM,eAAe,4BAA4B;CAC/C,YAAY;CACZ,OAAOC;CACR,CAAC;AAEF,MAAM,eAAe,qBAAqB;CACxC,YAAY;CACZ,OAAOC;CACP,MAAM;CACP,CAAC;AAEF,MAAM,eAAe,qBAAqB;CACxC,YAAY;CACZ,OAAOC;CACP,MAAM;CACP,CAAC;AAEF,MAAM,aAAa,qBAAqB;CACtC,YAAY;CACZ,OAAOC;CACP,MAAM;CACP,CAAC;AAEF,MAAM,YAAY,qBAAqB;CACrC,YAAY;CACZ,OAAOC;CACP,MAAM;CACP,CAAC;AAEF,MAAMC,iBAAsC;CAC1C,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CAEH,WAAW;CACX,oBAAoB;CACpB,mBAAmB;CACnB,WAAW,UAAU;CACrB,iBAAiB,UAAU;CAE3B,gBAAgB,UAAU;CAC1B,qBAAqB,aAAa;CACnC;AAED,oBAAe"}

package/es/types/citation.d.mts

@@ -0,0 +1,10 @@
+//#region src/types/citation.d.ts
+interface CitationItem {
+  alt?: string;
+  summary?: string;
+  title?: string;
+  url: string;
+}
+//#endregion
+export { CitationItem };
+//# sourceMappingURL=citation.d.mts.map

package/es/types/customStylish.d.mts

@@ -0,0 +1,24 @@
+//#region src/types/customStylish.d.ts
+interface LobeCustomStylish {
+  active: string;
+  blur: string;
+  blurStrong: string;
+  bottomScrollbar: string;
+  disabled: string;
+  gradientAnimation: string;
+  noScrollbar: string;
+  resetLinkColor: string;
+  shadow: string;
+  variantBorderless: string;
+  variantBorderlessDanger: string;
+  variantBorderlessWithoutHover: string;
+  variantFilled: string;
+  variantFilledDanger: string;
+  variantFilledWithoutHover: string;
+  variantOutlined: string;
+  variantOutlinedDanger: string;
+  variantOutlinedWithoutHover: string;
+}
+//#endregion
+export { LobeCustomStylish };
+//# sourceMappingURL=customStylish.d.mts.map

package/es/types/customToken.d.mts

@@ -0,0 +1,20 @@
+//#region src/types/customToken.d.ts
+declare const PresetColors: readonly ["red", "volcano", "orange", "gold", "yellow", "lime", "green", "cyan", "blue", "geekblue", "purple", "magenta", "gray"];
+declare const PresetSystemColors: readonly ["Error", "Warning", "Success", "Info"];
+type PresetColorKey = (typeof PresetColors)[number];
+type PresetSystemColorKey = (typeof PresetSystemColors)[number];
+type PresetColorType = Record<PresetColorKey, string>;
+type PresetSystemColorType = Record<PresetSystemColorKey, string>;
+type ColorPaletteKeyIndex = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11;
+type ColorTokenKey = 'Fill' | 'FillSecondary' | 'FillTertiary' | 'FillQuaternary' | 'Bg' | 'BgHover' | 'Border' | 'BorderSecondary' | 'BorderHover' | 'Hover' | '' | 'Active' | 'TextHover' | 'Text' | 'TextActive';
+type SystemColorTokenKey = 'Fill' | 'FillSecondary' | 'FillTertiary' | 'FillQuaternary';
+type ColorToken = { [key in `${keyof PresetColorType}${ColorTokenKey}`]: string };
+type SystemColorToken = { [key in `color${keyof PresetSystemColorType}${SystemColorTokenKey}`]: string };
+type ColorPalettes = { [key in `${keyof PresetColorType}${ColorPaletteKeyIndex}`]: string };
+type ColorPalettesAlpha = { [key in `${keyof PresetColorType}${ColorPaletteKeyIndex}A`]: string };
+interface LobeCustomToken extends ColorPalettes, ColorPalettesAlpha, ColorToken, SystemColorToken {
+  colorBgContainerSecondary: string;
+}
+//#endregion
+export { ColorPalettes, ColorPalettesAlpha, ColorToken, LobeCustomToken, PresetColorKey, PresetColorType, PresetSystemColorKey, PresetSystemColorType, SystemColorToken };
+//# sourceMappingURL=customToken.d.mts.map

package/es/types/index.d.mts

@@ -0,0 +1,16 @@
+import { LobeCustomStylish } from "./customStylish.mjs";
+import { ColorPalettes, ColorPalettesAlpha, ColorToken, LobeCustomToken, PresetColorKey, PresetColorType, PresetSystemColorKey, PresetSystemColorType, SystemColorToken } from "./customToken.mjs";
+import { AnchorHTMLAttributes, HTMLAttributes } from "react";
+
+//#region src/types/index.d.ts
+type DivProps = HTMLAttributes<HTMLDivElement>;
+type VideoProps = HTMLAttributes<HTMLVideoElement>;
+type SvgProps = HTMLAttributes<SVGSVGElement>;
+type ImgProps = HTMLAttributes<HTMLImageElement>;
+type AProps = AnchorHTMLAttributes<HTMLAnchorElement>;
+type InputProps = HTMLAttributes<HTMLInputElement>;
+type TextAreaProps = HTMLAttributes<HTMLTextAreaElement>;
+type SpanProps = HTMLAttributes<HTMLSpanElement>;
+//#endregion
+export { AProps, ColorPalettes, ColorPalettesAlpha, ColorToken, DivProps, ImgProps, InputProps, LobeCustomStylish, LobeCustomToken, PresetColorKey, PresetColorType, PresetSystemColorKey, PresetSystemColorType, SpanProps, SvgProps, SystemColorToken, TextAreaProps, VideoProps };
+//# sourceMappingURL=index.d.mts.map

package/es/types/index.d.ts

@@ -1,11 +1 @@
-import { AnchorHTMLAttributes, type HTMLAttributes } from 'react';
-export * from './customStylish';
-export * from './customToken';
-export type DivProps = HTMLAttributes<HTMLDivElement>;
-export type VideoProps = HTMLAttributes<HTMLVideoElement>;
-export type SvgProps = HTMLAttributes<SVGSVGElement>;
-export type ImgProps = HTMLAttributes<HTMLImageElement>;
-export type AProps = AnchorHTMLAttributes<HTMLAnchorElement>;
-export type InputProps = HTMLAttributes<HTMLInputElement>;
-export type TextAreaProps = HTMLAttributes<HTMLTextAreaElement>;
-export type SpanProps = HTMLAttributes<HTMLSpanElement>;
+export * from './index.d.mts';

package/es/types/index.js

@@ -1,3 +1 @@
-export * from "./customStylish";
-export * from "./customToken";
-export {};
+export * from './index.mjs';

package/es/types/index.mjs

@@ -0,0 +1 @@
+export {  };

package/es/utils/composeEventHandlers.mjs

@@ -0,0 +1,28 @@
+//#region src/utils/composeEventHandlers.ts
+/**
+* Composes two event handlers together, calling the external handler first,
+* then the internal handler if the event hasn't been prevented.
+*
+* @template E - The event type
+* @param theirHandler - The external event handler (may be undefined)
+* @param ourHandler - The internal event handler
+* @returns A composed event handler that calls both handlers in sequence
+*
+* @example
+* ```tsx
+* <button
+*   onClick={composeEventHandlers(externalOnClick, (e) => {
+*     // Internal handler logic
+*   })}
+* />
+* ```
+*/
+const composeEventHandlers = (theirHandler, ourHandler) => (event) => {
+	theirHandler?.(event);
+	if (event?.defaultPrevented) return;
+	ourHandler(event);
+};
+
+//#endregion
+export { composeEventHandlers };
+//# sourceMappingURL=composeEventHandlers.mjs.map

package/es/utils/composeEventHandlers.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"composeEventHandlers.mjs","names":[],"sources":["../../src/utils/composeEventHandlers.ts"],"sourcesContent":["/**\n * Composes two event handlers together, calling the external handler first,\n * then the internal handler if the event hasn't been prevented.\n *\n * @template E - The event type\n * @param theirHandler - The external event handler (may be undefined)\n * @param ourHandler - The internal event handler\n * @returns A composed event handler that calls both handlers in sequence\n *\n * @example\n * ```tsx\n * <button\n *   onClick={composeEventHandlers(externalOnClick, (e) => {\n *     // Internal handler logic\n *   })}\n * />\n * ```\n */\nexport const composeEventHandlers =\n  <E>(\n    theirHandler: ((event: E) => void) | undefined,\n    ourHandler: (event: E) => void,\n  ): ((event: E) => void) =>\n  (event) => {\n    theirHandler?.(event);\n    // @ts-ignore - compatible with React SyntheticEvent shape\n    if (event?.defaultPrevented) return;\n    ourHandler(event);\n  };\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAkBA,MAAa,wBAET,cACA,gBAED,UAAU;AACT,gBAAe,MAAM;AAErB,KAAI,OAAO,iBAAkB;AAC7B,YAAW,MAAM"}

package/es/utils/copyToClipboard.d.mts

@@ -0,0 +1,5 @@
+//#region src/utils/copyToClipboard.d.ts
+declare const copyToClipboard: (text: string) => Promise<void>;
+//#endregion
+export { copyToClipboard };
+//# sourceMappingURL=copyToClipboard.d.mts.map

package/es/utils/copyToClipboard.mjs

@@ -0,0 +1,18 @@
+//#region src/utils/copyToClipboard.ts
+const copyToClipboard = async (text) => {
+	try {
+		await navigator.clipboard.writeText(text);
+	} catch {
+		const textArea = document.createElement("textarea");
+		textArea.value = text;
+		document.body.append(textArea);
+		textArea.focus();
+		textArea.select();
+		document.execCommand("copy");
+		textArea.remove();
+	}
+};
+
+//#endregion
+export { copyToClipboard };
+//# sourceMappingURL=copyToClipboard.mjs.map

package/es/utils/copyToClipboard.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"copyToClipboard.mjs","names":[],"sources":["../../src/utils/copyToClipboard.ts"],"sourcesContent":["export const copyToClipboard = async (text: string) => {\n  try {\n    await navigator.clipboard.writeText(text);\n  } catch {\n    const textArea = document.createElement('textarea');\n    textArea.value = text;\n    document.body.append(textArea);\n    textArea.focus();\n    textArea.select();\n    document.execCommand('copy');\n    textArea.remove();\n  }\n};\n"],"mappings":";AAAA,MAAa,kBAAkB,OAAO,SAAiB;AACrD,KAAI;AACF,QAAM,UAAU,UAAU,UAAU,KAAK;SACnC;EACN,MAAM,WAAW,SAAS,cAAc,WAAW;AACnD,WAAS,QAAQ;AACjB,WAAS,KAAK,OAAO,SAAS;AAC9B,WAAS,OAAO;AAChB,WAAS,QAAQ;AACjB,WAAS,YAAY,OAAO;AAC5B,WAAS,QAAQ"}

package/es/utils/downloadBlob.mjs

@@ -0,0 +1,21 @@
+//#region src/utils/downloadBlob.ts
+const downloadBlob = async (blobUrl, fileName) => {
+	return new Promise((resolve, reject) => {
+		try {
+			const link = document.createElement("a");
+			link.href = blobUrl;
+			link.download = fileName;
+			link.style.display = "none";
+			document.body.append(link);
+			link.click();
+			link.remove();
+			resolve();
+		} catch (error) {
+			reject(error);
+		}
+	});
+};
+
+//#endregion
+export { downloadBlob };
+//# sourceMappingURL=downloadBlob.mjs.map

package/es/utils/downloadBlob.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"downloadBlob.mjs","names":[],"sources":["../../src/utils/downloadBlob.ts"],"sourcesContent":["export const downloadBlob = async (blobUrl: string, fileName: string): Promise<void> => {\n  return new Promise((resolve, reject) => {\n    try {\n      const link = document.createElement('a');\n      link.href = blobUrl;\n      link.download = fileName;\n      link.style.display = 'none';\n\n      document.body.append(link);\n      link.click();\n      link.remove();\n\n      resolve();\n    } catch (error) {\n      reject(error);\n    }\n  });\n};\n"],"mappings":";AAAA,MAAa,eAAe,OAAO,SAAiB,aAAoC;AACtF,QAAO,IAAI,SAAS,SAAS,WAAW;AACtC,MAAI;GACF,MAAM,OAAO,SAAS,cAAc,IAAI;AACxC,QAAK,OAAO;AACZ,QAAK,WAAW;AAChB,QAAK,MAAM,UAAU;AAErB,YAAS,KAAK,OAAO,KAAK;AAC1B,QAAK,OAAO;AACZ,QAAK,QAAQ;AAEb,YAAS;WACF,OAAO;AACd,UAAO,MAAM;;GAEf"}

package/es/utils/formatTime.mjs

@@ -0,0 +1,14 @@
+import dayjs from "dayjs";
+
+//#region src/utils/formatTime.ts
+const formatTime = (time) => {
+	const now = dayjs();
+	const target = dayjs(time);
+	if (target.isSame(now, "day")) return target.format("HH:mm:ss");
+	else if (target.isSame(now, "year")) return target.format("MM-DD HH:mm:ss");
+	else return target.format("YYYY-MM-DD HH:mm:ss");
+};
+
+//#endregion
+export { formatTime };
+//# sourceMappingURL=formatTime.mjs.map

package/es/utils/formatTime.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"formatTime.mjs","names":[],"sources":["../../src/utils/formatTime.ts"],"sourcesContent":["import dayjs from 'dayjs';\n\nexport const formatTime = (time: number): string => {\n  const now = dayjs();\n  const target = dayjs(time);\n\n  if (target.isSame(now, 'day')) {\n    return target.format('HH:mm:ss');\n  } else if (target.isSame(now, 'year')) {\n    return target.format('MM-DD HH:mm:ss');\n  } else {\n    return target.format('YYYY-MM-DD HH:mm:ss');\n  }\n};\n"],"mappings":";;;AAEA,MAAa,cAAc,SAAyB;CAClD,MAAM,MAAM,OAAO;CACnB,MAAM,SAAS,MAAM,KAAK;AAE1B,KAAI,OAAO,OAAO,KAAK,MAAM,CAC3B,QAAO,OAAO,OAAO,WAAW;UACvB,OAAO,OAAO,KAAK,OAAO,CACnC,QAAO,OAAO,OAAO,iBAAiB;KAEtC,QAAO,OAAO,OAAO,sBAAsB"}

package/es/utils/genCdnUrl.d.mts

@@ -0,0 +1,18 @@
+//#region src/utils/genCdnUrl.d.ts
+
+type CDN = 'aliyun' | 'unpkg';
+interface CdnApi {
+  path: string;
+  pkg: string;
+  proxy?: CDN;
+  version?: string;
+}
+declare const genCdnUrl: ({
+  pkg,
+  version,
+  path,
+  proxy
+}: CdnApi) => string;
+//#endregion
+export { CDN, CdnApi, genCdnUrl };
+//# sourceMappingURL=genCdnUrl.d.mts.map

package/es/utils/genCdnUrl.mjs

@@ -0,0 +1,15 @@
+import urlJoin from "url-join";
+
+//#region src/utils/genCdnUrl.ts
+const UNPKG_API = "https://unpkg.com";
+const ALIYUN_API = "https://registry.npmmirror.com";
+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);
+	}
+};
+
+//#endregion
+export { genCdnUrl };
+//# sourceMappingURL=genCdnUrl.mjs.map

package/es/utils/genCdnUrl.mjs.map

@@ -0,0 +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;AACrF,SAAQ,OAAR;EACE,KAAK,QACH,QAAO,QAAQ,WAAW,GAAG,IAAI,GAAG,WAAW,KAAK;EAEtD,QACE,QAAO,QAAQ,YAAY,KAAK,SAAS,SAAS,KAAK"}

package/es/utils/safeParseJSON.mjs

@@ -0,0 +1,15 @@
+//#region src/utils/safeParseJSON.ts
+const safeParseJSON = (text) => {
+	if (typeof text !== "string") return;
+	let json;
+	try {
+		json = JSON.parse(text);
+	} catch {
+		return;
+	}
+	return json;
+};
+
+//#endregion
+export { safeParseJSON };
+//# sourceMappingURL=safeParseJSON.mjs.map

package/es/utils/safeParseJSON.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"safeParseJSON.mjs","names":["json: T"],"sources":["../../src/utils/safeParseJSON.ts"],"sourcesContent":["export const safeParseJSON = <T = Record<string, any>>(text?: string) => {\n  if (typeof text !== 'string') return;\n\n  let json: T;\n  try {\n    json = JSON.parse(text);\n  } catch {\n    return;\n  }\n\n  return json;\n};\n"],"mappings":";AAAA,MAAa,iBAA0C,SAAkB;AACvE,KAAI,OAAO,SAAS,SAAU;CAE9B,IAAIA;AACJ,KAAI;AACF,SAAO,KAAK,MAAM,KAAK;SACjB;AACN;;AAGF,QAAO"}

package/es/utils/smoothCorners.d.mts

@@ -0,0 +1,18 @@
+import { CSSProperties } from "react";
+
+//#region src/utils/smoothCorners.d.ts
+
+/**
+ * Predefined smooth corners masks for common corner values
+ */
+declare const SMOOTH_CORNER_MASKS: {
+  readonly circle: string;
+  readonly ios: string;
+  readonly sharp: string;
+  readonly smooth: string;
+  readonly square: string;
+  readonly squircle: string;
+};
+//#endregion
+export { SMOOTH_CORNER_MASKS };
+//# sourceMappingURL=smoothCorners.d.mts.map

package/es/utils/smoothCorners.mjs

@@ -0,0 +1,78 @@
+//#region src/utils/smoothCorners.ts
+/**
+* Smooth Corners utility using Base64 SVG mask
+* A simpler alternative to CSS Houdini Paint API
+*/
+/**
+* Generate a smooth corners SVG path using superellipse formula
+* @param size - The size of the shape
+* @param n - The superellipse exponent (4 = squircle, 5 = iOS style)
+*/
+const generateSuperellipsePath = (size, n = 4) => {
+	const r = size / 2;
+	const points = [];
+	for (let i = 0; i <= 360; i += 2) {
+		const angle = i * Math.PI / 180;
+		const cosAngle = Math.cos(angle);
+		const sinAngle = Math.sin(angle);
+		const x = r * Math.sign(cosAngle) * Math.pow(Math.abs(cosAngle), 2 / n);
+		const y = r * Math.sign(sinAngle) * Math.pow(Math.abs(sinAngle), 2 / n);
+		points.push(`${r + x},${r + y}`);
+	}
+	return `M${points[0]}L${points.slice(1).join("L")}Z`;
+};
+/**
+* Create a Base64 encoded SVG mask for smooth corners
+* @param options - Configuration options
+*/
+const createSmoothCornersMask = (options = {}) => {
+	const { size = 100, cornerValue = 4 } = options;
+	const svg = `
+    <svg width="${size}" height="${size}" viewBox="0 0 ${size} ${size}" xmlns="http://www.w3.org/2000/svg">
+      <path d="${generateSuperellipsePath(size, cornerValue)}" fill="white"/>
+    </svg>
+  `.trim().replaceAll(/\s+/g, " ");
+	return `data:image/svg+xml;base64,${btoa(svg)}`;
+};
+/**
+* Create a Base64 encoded SVG mask for circle shape
+* @param options - Configuration options
+*/
+const createCircleMask = (options = {}) => {
+	const { size = 100 } = options;
+	const r = size / 2;
+	const svg = `
+    <svg width="${size}" height="${size}" viewBox="0 0 ${size} ${size}" xmlns="http://www.w3.org/2000/svg">
+      <circle cx="${r}" cy="${r}" r="${r}" fill="white"/>
+    </svg>
+  `.trim().replaceAll(/\s+/g, " ");
+	return `data:image/svg+xml;base64,${btoa(svg)}`;
+};
+/**
+* Create a Base64 encoded SVG mask for rounded rectangle
+* @param options - Configuration options
+*/
+const createRoundedRectMask = (options = {}) => {
+	const { size = 100, borderRadius = 15 } = options;
+	const svg = `
+    <svg width="${size}" height="${size}" viewBox="0 0 ${size} ${size}" xmlns="http://www.w3.org/2000/svg">
+      <rect x="0" y="0" width="${size}" height="${size}" rx="${borderRadius}" ry="${borderRadius}" fill="white"/>
+    </svg>
+  `.trim().replaceAll(/\s+/g, " ");
+	return `data:image/svg+xml;base64,${btoa(svg)}`;
+};
+/**
+* Predefined smooth corners masks for common corner values
+*/
+const SMOOTH_CORNER_MASKS = {
+	circle: createCircleMask(),
+	ios: createSmoothCornersMask({ cornerValue: 5 }),
+	sharp: createSmoothCornersMask({ cornerValue: 6 }),
+	smooth: createSmoothCornersMask({ cornerValue: 3 }),
+	square: createRoundedRectMask({ borderRadius: 15 }),
+	squircle: createSmoothCornersMask({ cornerValue: 4 })
+};
+
+//#endregion
+export { SMOOTH_CORNER_MASKS };
+//# sourceMappingURL=smoothCorners.mjs.map

package/es/utils/smoothCorners.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"smoothCorners.mjs","names":["points: string[]"],"sources":["../../src/utils/smoothCorners.ts"],"sourcesContent":["import type { CSSProperties } from 'react';\n\n/**\n * Smooth Corners utility using Base64 SVG mask\n * A simpler alternative to CSS Houdini Paint API\n */\n\n/**\n * Generate a smooth corners SVG path using superellipse formula\n * @param size - The size of the shape\n * @param n - The superellipse exponent (4 = squircle, 5 = iOS style)\n */\nconst generateSuperellipsePath = (size: number, n: number = 4): string => {\n  const r = size / 2;\n  const points: string[] = [];\n\n  // Generate points for the superellipse\n  for (let i = 0; i <= 360; i += 2) {\n    const angle = (i * Math.PI) / 180;\n    const cosAngle = Math.cos(angle);\n    const sinAngle = Math.sin(angle);\n\n    // Superellipse formula\n    const x = r * Math.sign(cosAngle) * Math.pow(Math.abs(cosAngle), 2 / n);\n    const y = r * Math.sign(sinAngle) * Math.pow(Math.abs(sinAngle), 2 / n);\n\n    points.push(`${r + x},${r + y}`);\n  }\n\n  return `M${points[0]}L${points.slice(1).join('L')}Z`;\n};\n\n/**\n * Create a Base64 encoded SVG mask for smooth corners\n * @param options - Configuration options\n */\nexport const createSmoothCornersMask = (\n  options: {\n    cornerValue?: number;\n    size?: number;\n  } = {},\n): string => {\n  const { size = 100, cornerValue = 4 } = options;\n\n  const path = generateSuperellipsePath(size, cornerValue);\n\n  const svg = `\n    <svg width=\"${size}\" height=\"${size}\" viewBox=\"0 0 ${size} ${size}\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path d=\"${path}\" fill=\"white\"/>\n    </svg>\n  `\n    .trim()\n    .replaceAll(/\\s+/g, ' ');\n\n  return `data:image/svg+xml;base64,${btoa(svg)}`;\n};\n\n/**\n * Create a Base64 encoded SVG mask for circle shape\n * @param options - Configuration options\n */\nexport const createCircleMask = (\n  options: {\n    size?: number;\n  } = {},\n): string => {\n  const { size = 100 } = options;\n  const r = size / 2;\n\n  const svg = `\n    <svg width=\"${size}\" height=\"${size}\" viewBox=\"0 0 ${size} ${size}\" xmlns=\"http://www.w3.org/2000/svg\">\n      <circle cx=\"${r}\" cy=\"${r}\" r=\"${r}\" fill=\"white\"/>\n    </svg>\n  `\n    .trim()\n    .replaceAll(/\\s+/g, ' ');\n\n  return `data:image/svg+xml;base64,${btoa(svg)}`;\n};\n\n/**\n * Create a Base64 encoded SVG mask for rounded rectangle\n * @param options - Configuration options\n */\nexport const createRoundedRectMask = (\n  options: {\n    borderRadius?: number;\n    size?: number;\n  } = {},\n): string => {\n  const { size = 100, borderRadius = 15 } = options;\n\n  const svg = `\n    <svg width=\"${size}\" height=\"${size}\" viewBox=\"0 0 ${size} ${size}\" xmlns=\"http://www.w3.org/2000/svg\">\n      <rect x=\"0\" y=\"0\" width=\"${size}\" height=\"${size}\" rx=\"${borderRadius}\" ry=\"${borderRadius}\" fill=\"white\"/>\n    </svg>\n  `\n    .trim()\n    .replaceAll(/\\s+/g, ' ');\n\n  return `data:image/svg+xml;base64,${btoa(svg)}`;\n};\n\n/**\n * Predefined smooth corners masks for common corner values\n */\nexport const SMOOTH_CORNER_MASKS = {\n  // Basic shapes\n  circle: createCircleMask(),\n  // Superellipse shapes\n  ios: createSmoothCornersMask({ cornerValue: 5 }),\n\n  sharp: createSmoothCornersMask({ cornerValue: 6 }),\n  smooth: createSmoothCornersMask({ cornerValue: 3 }),\n  square: createRoundedRectMask({ borderRadius: 15 }),\n  squircle: createSmoothCornersMask({ cornerValue: 4 }),\n} as const;\n\n/**\n * CSS helper to apply smooth corners mask\n */\nexport const getSmoothCornersMaskStyle = (\n  cornerType: keyof typeof SMOOTH_CORNER_MASKS = 'squircle',\n): CSSProperties => {\n  return {\n    // WebKit prefix for better browser support\n    WebkitMaskImage: `url(\"${SMOOTH_CORNER_MASKS[cornerType]}\")`,\n\n    WebkitMaskPosition: 'center',\n\n    WebkitMaskRepeat: 'no-repeat',\n\n    WebkitMaskSize: '100% 100%',\n\n    maskImage: `url(\"${SMOOTH_CORNER_MASKS[cornerType]}\")`,\n    maskPosition: 'center',\n    maskRepeat: 'no-repeat',\n    maskSize: '100% 100%',\n  } as CSSProperties;\n};\n"],"mappings":";;;;;;;;;;AAYA,MAAM,4BAA4B,MAAc,IAAY,MAAc;CACxE,MAAM,IAAI,OAAO;CACjB,MAAMA,SAAmB,EAAE;AAG3B,MAAK,IAAI,IAAI,GAAG,KAAK,KAAK,KAAK,GAAG;EAChC,MAAM,QAAS,IAAI,KAAK,KAAM;EAC9B,MAAM,WAAW,KAAK,IAAI,MAAM;EAChC,MAAM,WAAW,KAAK,IAAI,MAAM;EAGhC,MAAM,IAAI,IAAI,KAAK,KAAK,SAAS,GAAG,KAAK,IAAI,KAAK,IAAI,SAAS,EAAE,IAAI,EAAE;EACvE,MAAM,IAAI,IAAI,KAAK,KAAK,SAAS,GAAG,KAAK,IAAI,KAAK,IAAI,SAAS,EAAE,IAAI,EAAE;AAEvE,SAAO,KAAK,GAAG,IAAI,EAAE,GAAG,IAAI,IAAI;;AAGlC,QAAO,IAAI,OAAO,GAAG,GAAG,OAAO,MAAM,EAAE,CAAC,KAAK,IAAI,CAAC;;;;;;AAOpD,MAAa,2BACX,UAGI,EAAE,KACK;CACX,MAAM,EAAE,OAAO,KAAK,cAAc,MAAM;CAIxC,MAAM,MAAM;kBACI,KAAK,YAAY,KAAK,iBAAiB,KAAK,GAAG,KAAK;iBAHvD,yBAAyB,MAAM,YAAY,CAIpC;;IAGjB,MAAM,CACN,WAAW,QAAQ,IAAI;AAE1B,QAAO,6BAA6B,KAAK,IAAI;;;;;;AAO/C,MAAa,oBACX,UAEI,EAAE,KACK;CACX,MAAM,EAAE,OAAO,QAAQ;CACvB,MAAM,IAAI,OAAO;CAEjB,MAAM,MAAM;kBACI,KAAK,YAAY,KAAK,iBAAiB,KAAK,GAAG,KAAK;oBAClD,EAAE,QAAQ,EAAE,OAAO,EAAE;;IAGpC,MAAM,CACN,WAAW,QAAQ,IAAI;AAE1B,QAAO,6BAA6B,KAAK,IAAI;;;;;;AAO/C,MAAa,yBACX,UAGI,EAAE,KACK;CACX,MAAM,EAAE,OAAO,KAAK,eAAe,OAAO;CAE1C,MAAM,MAAM;kBACI,KAAK,YAAY,KAAK,iBAAiB,KAAK,GAAG,KAAK;iCACrC,KAAK,YAAY,KAAK,QAAQ,aAAa,QAAQ,aAAa;;IAG5F,MAAM,CACN,WAAW,QAAQ,IAAI;AAE1B,QAAO,6BAA6B,KAAK,IAAI;;;;;AAM/C,MAAa,sBAAsB;CAEjC,QAAQ,kBAAkB;CAE1B,KAAK,wBAAwB,EAAE,aAAa,GAAG,CAAC;CAEhD,OAAO,wBAAwB,EAAE,aAAa,GAAG,CAAC;CAClD,QAAQ,wBAAwB,EAAE,aAAa,GAAG,CAAC;CACnD,QAAQ,sBAAsB,EAAE,cAAc,IAAI,CAAC;CACnD,UAAU,wBAAwB,EAAE,aAAa,GAAG,CAAC;CACtD"}

package/icons.d.ts

@@ -1 +1 @@
-export * from './es/icons';
+export * from './es/icons/index.mjs';

package/icons.js

@@ -1 +1 @@
-export * from './es/icons';
+export * from './es/icons/index.mjs';

package/mdx.d.ts

@@ -1 +1 @@
-export * from './es/mdx';
+export * from './es/mdx/index.mjs';

package/mdx.js

@@ -1 +1 @@
-export * from './es/mdx';
+export * from './es/mdx/index.mjs';

package/mobile.d.ts

@@ -1 +1 @@
-export * from './es/mobile';
+export * from './es/mobile/index.mjs';

package/mobile.js

@@ -1 +1 @@
-export * from './es/mobile';
+export * from './es/mobile/index.mjs';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/ui",
-  "version": "3.4.2",
+  "version": "3.4.4",
   "description": "Lobe UI is an open-source UI component library for building AIGC web apps",
   "keywords": [
     "lobehub",
@@ -22,9 +22,9 @@
   "sideEffects": [
     "**/*.css"
   ],
-  "main": "es/index.js",
-  "module": "es/index.js",
-  "types": "es/index.d.ts",
+  "main": "es/index.mjs",
+  "module": "es/index.mjs",
+  "types": "es/index.d.mts",
   "files": [
     "es",
     "awesome.d.ts",
@@ -44,6 +44,34 @@
     "icons.d.ts",
     "icons.js"
   ],
+  "scripts": {
+    "build": "tsdown && npm run build:packages",
+    "build:packages": "tsx ./scripts/build.ts",
+    "build:watch": "tsdown --watch",
+    "ci": "npm run lint:circular && npm run lint && npm run type-check",
+    "clean": "rm -r es lib dist coverage .dumi/tmp .eslintcache node_modules/.cache",
+    "dev": "dumi dev",
+    "docs:build": "dumi build",
+    "docs:build-analyze": "ANALYZE=1 dumi build",
+    "docs:dev": "dumi dev",
+    "gen:icons": "tsx ./scripts/icons/index.ts",
+    "lint": "eslint \"{src,tests}/**/*.{js,jsx,ts,tsx}\" --fix",
+    "lint:circular": "dpdm src/**/*.{ts,tsx}  --warning false  --tree false  --exit-code circular:1  -T true",
+    "lint:md": "remark . --quiet --frail --output",
+    "lint:style": "stylelint \"{src,tests}/**/*.{js,jsx,ts,tsx}\" --fix",
+    "prepack": "clean-package",
+    "postpack": "clean-package restore",
+    "prepare": "husky && npm run setup",
+    "prettier": "prettier -c --write --no-error-on-unmatched-pattern \"**/**\"",
+    "pull": "git pull",
+    "release": "semantic-release",
+    "setup": "dumi setup",
+    "start": "npm run docs:dev",
+    "test": "vitest --passWithNoTests",
+    "test:coverage": "vitest run --coverage  --passWithNoTests",
+    "test:update": "vitest -u",
+    "type-check": "tsc --noEmit"
+  },
   "dependencies": {
     "@ant-design/cssinjs": "^2.0.1",
     "@dnd-kit/core": "^6.3.1",

package/storybook.d.ts

@@ -1 +1 @@
-export * from './es/storybook';
+export * from './es/storybook/index.mjs';

package/storybook.js

@@ -1 +1 @@
-export * from './es/storybook';
+export * from './es/storybook/index.mjs';

package/es/Accordion/Accordion.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-import type { AccordionProps } from './type';
-declare const Accordion: import("react").NamedExoticComponent<AccordionProps & import("react").RefAttributes<HTMLDivElement>>;
-export default Accordion;

package/es/Accordion/Accordion.js

@@ -1,132 +0,0 @@
-'use client';
-
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["children", "className", "style", "accordion", "defaultExpandedKeys", "expandedKeys", "onExpandedChange", "variant", "gap", "showDivider", "disableAnimation", "hideIndicator", "indicatorPlacement", "keepContentMounted", "classNames", "styles", "motionProps"];
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-import { Divider } from 'antd';
-import { LayoutGroup } from 'motion/react';
-import { Children, Fragment, forwardRef, isValidElement, memo, useCallback } from 'react';
-import useMergeState from 'use-merge-value';
-import { AccordionContext } from "./context";
-import { useStyles } from "./style";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
-var Accordion = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var children = _ref.children,
-    userClassName = _ref.className,
-    userStyle = _ref.style,
-    _ref$accordion = _ref.accordion,
-    accordion = _ref$accordion === void 0 ? false : _ref$accordion,
-    defaultExpandedKeys = _ref.defaultExpandedKeys,
-    expandedKeysProp = _ref.expandedKeys,
-    onExpandedChange = _ref.onExpandedChange,
-    _ref$variant = _ref.variant,
-    variant = _ref$variant === void 0 ? 'borderless' : _ref$variant,
-    gap = _ref.gap,
-    _ref$showDivider = _ref.showDivider,
-    showDivider = _ref$showDivider === void 0 ? false : _ref$showDivider,
-    _ref$disableAnimation = _ref.disableAnimation,
-    disableAnimation = _ref$disableAnimation === void 0 ? false : _ref$disableAnimation,
-    _ref$hideIndicator = _ref.hideIndicator,
-    hideIndicator = _ref$hideIndicator === void 0 ? false : _ref$hideIndicator,
-    _ref$indicatorPlaceme = _ref.indicatorPlacement,
-    indicatorPlacement = _ref$indicatorPlaceme === void 0 ? 'start' : _ref$indicatorPlaceme,
-    _ref$keepContentMount = _ref.keepContentMounted,
-    keepContentMounted = _ref$keepContentMount === void 0 ? true : _ref$keepContentMount,
-    classNames = _ref.classNames,
-    customStyles = _ref.styles,
-    motionProps = _ref.motionProps,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  var _useStyles = useStyles(),
-    cx = _useStyles.cx,
-    styles = _useStyles.styles;
-
-  // Convert children to array and filter valid elements
-  var validChildren = Children.toArray(children).filter(isValidElement);
-
-  // Collect all item keys
-  var allItemKeys = validChildren.map(function (child, index) {
-    return child.props.itemKey || index;
-  });
-
-  // If defaultExpandedKeys or expandedKeys is undefined, expand all items by default
-  var initialExpandedKeys = defaultExpandedKeys !== null && defaultExpandedKeys !== void 0 ? defaultExpandedKeys : allItemKeys;
-  var _useMergeState = useMergeState(initialExpandedKeys, {
-      onChange: onExpandedChange,
-      value: expandedKeysProp
-    }),
-    _useMergeState2 = _slicedToArray(_useMergeState, 2),
-    expandedKeys = _useMergeState2[0],
-    setExpandedKeys = _useMergeState2[1];
-  var toggleExpand = useCallback(function (key) {
-    var prev = expandedKeys;
-    var newKeys;
-    if (accordion) {
-      newKeys = prev.includes(key) ? [] : [key];
-    } else {
-      newKeys = prev.includes(key) ? prev.filter(function (k) {
-        return k !== key;
-      }) : [].concat(_toConsumableArray(prev), [key]);
-    }
-    setExpandedKeys(newKeys);
-  }, [accordion, expandedKeys, setExpandedKeys]);
-  var isExpanded = useCallback(function (key) {
-    return expandedKeys.includes(key);
-  }, [expandedKeys]);
-  var contextValue = {
-    disableAnimation: disableAnimation,
-    expandedKeys: expandedKeys,
-    hideIndicator: hideIndicator,
-    indicatorPlacement: indicatorPlacement,
-    isExpanded: isExpanded,
-    keepContentMounted: keepContentMounted,
-    motionProps: motionProps,
-    onToggle: toggleExpand,
-    showDivider: showDivider,
-    variant: variant
-  };
-  var content = /*#__PURE__*/_jsx(_Fragment, {
-    children: validChildren.map(function (child, index) {
-      // Extract itemKey from child props to use as React key
-      var childKey = child.props.itemKey || index;
-      return /*#__PURE__*/_jsxs(Fragment, {
-        children: [child, showDivider && index < validChildren.length - 1 && /*#__PURE__*/_jsx(Divider, {
-          className: styles.divider
-        })]
-      }, childKey);
-    })
-  });
-  return /*#__PURE__*/_jsx(AccordionContext.Provider, {
-    value: contextValue,
-    children: /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({
-      className: cx(styles.base, classNames === null || classNames === void 0 ? void 0 : classNames.base, userClassName),
-      ref: ref,
-      style: _objectSpread(_objectSpread({
-        gap: gap
-      }, customStyles === null || customStyles === void 0 ? void 0 : customStyles.base), userStyle)
-    }, rest), {}, {
-      children: disableAnimation ? content : /*#__PURE__*/_jsx(LayoutGroup, {
-        children: content
-      })
-    }))
-  });
-}));
-Accordion.displayName = 'Accordion';
-export default Accordion;

package/es/Accordion/AccordionItem.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-import type { AccordionItemProps } from './type';
-declare const AccordionItem: import("react").NamedExoticComponent<AccordionItemProps>;
-export default AccordionItem;