@lobehub/ui 4.17.1 → 4.18.1

package/es/Accordion/Accordion.d.mts

@@ -1,8 +1,8 @@
 import { AccordionProps } from "./type.mjs";
-import * as react33 from "react";
+import * as react41 from "react";
 
 //#region src/Accordion/Accordion.d.ts
-declare const Accordion: react33.NamedExoticComponent<AccordionProps>;
+declare const Accordion: react41.NamedExoticComponent<AccordionProps>;
 //#endregion
 export { Accordion };
 //# sourceMappingURL=Accordion.d.mts.map

package/es/Accordion/AccordionItem.d.mts

@@ -1,8 +1,8 @@
 import { AccordionItemProps } from "./type.mjs";
-import * as react34 from "react";
+import * as react42 from "react";
 
 //#region src/Accordion/AccordionItem.d.ts
-declare const AccordionItem: react34.NamedExoticComponent<AccordionItemProps>;
+declare const AccordionItem: react42.NamedExoticComponent<AccordionItemProps>;
 //#endregion
 export { AccordionItem };
 //# sourceMappingURL=AccordionItem.d.mts.map

package/es/ActionIcon/ActionIcon.d.mts

@@ -1,8 +1,8 @@
 import { ActionIconProps } from "./type.mjs";
-import * as react32 from "react";
+import * as react40 from "react";
 
 //#region src/ActionIcon/ActionIcon.d.ts
-declare const ActionIcon: react32.NamedExoticComponent<ActionIconProps>;
+declare const ActionIcon: react40.NamedExoticComponent<ActionIconProps>;
 //#endregion
 export { ActionIcon };
 //# sourceMappingURL=ActionIcon.d.mts.map

package/es/Alert/Alert.d.mts

@@ -1,8 +1,8 @@
 import { AlertProps } from "./type.mjs";
-import * as react38 from "react";
+import * as react18 from "react";
 
 //#region src/Alert/Alert.d.ts
-declare const Alert: react38.NamedExoticComponent<AlertProps>;
+declare const Alert: react18.NamedExoticComponent<AlertProps>;
 //#endregion
 export { Alert };
 //# sourceMappingURL=Alert.d.mts.map

package/es/AutoComplete/Select.d.mts

@@ -1,8 +1,8 @@
 import { AutoCompleteProps } from "./type.mjs";
-import * as react31 from "react";
+import * as react55 from "react";
 
 //#region src/AutoComplete/Select.d.ts
-declare const AutoComplete: react31.NamedExoticComponent<AutoCompleteProps>;
+declare const AutoComplete: react55.NamedExoticComponent<AutoCompleteProps>;
 //#endregion
 export { AutoComplete };
 //# sourceMappingURL=Select.d.mts.map

package/es/Avatar/AvatarGroup/index.d.mts

@@ -1,8 +1,8 @@
 import { AvatarGroupProps } from "../type.mjs";
-import * as react30 from "react";
+import * as react54 from "react";
 
 //#region src/Avatar/AvatarGroup/index.d.ts
-declare const AvatarGroup: react30.NamedExoticComponent<AvatarGroupProps>;
+declare const AvatarGroup: react54.NamedExoticComponent<AvatarGroupProps>;
 //#endregion
 export { AvatarGroup };
 //# sourceMappingURL=index.d.mts.map

package/es/Burger/Burger.d.mts

@@ -1,8 +1,8 @@
 import { BurgerProps } from "./type.mjs";
-import * as react29 from "react";
+import * as react31 from "react";
 
 //#region src/Burger/Burger.d.ts
-declare const Burger: react29.NamedExoticComponent<BurgerProps>;
+declare const Burger: react31.NamedExoticComponent<BurgerProps>;
 //#endregion
 export { Burger };
 //# sourceMappingURL=Burger.d.mts.map

package/es/CodeDiff/CodeDiff.d.mts

@@ -0,0 +1,8 @@
+import { CodeDiffProps } from "./type.mjs";
+import * as react29 from "react";
+
+//#region src/CodeDiff/CodeDiff.d.ts
+declare const CodeDiff: react29.NamedExoticComponent<CodeDiffProps>;
+//#endregion
+export { CodeDiff };
+//# sourceMappingURL=CodeDiff.d.mts.map

package/es/CodeDiff/CodeDiff.mjs

@@ -0,0 +1,122 @@
+'use client';
+
+import FlexBasic_default from "../Flex/FlexBasic.mjs";
+import MaterialFileTypeIcon_default from "../MaterialFileTypeIcon/MaterialFileTypeIcon.mjs";
+import { headerVariants, prefix, styles, variants } from "./style.mjs";
+import { memo, useMemo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cx } from "antd-style";
+import { MultiFileDiff } from "@pierre/diffs/react";
+
+//#region src/CodeDiff/CodeDiff.tsx
+const countContentChanges = (oldContent, newContent) => {
+	const oldLines = oldContent.split("\n");
+	const newLines = newContent.split("\n");
+	const oldSet = new Set(oldLines);
+	const newSet = new Set(newLines);
+	let deletions = 0;
+	let additions = 0;
+	for (const line of oldLines) if (!newSet.has(line)) deletions++;
+	for (const line of newLines) if (!oldSet.has(line)) additions++;
+	return {
+		additions,
+		deletions
+	};
+};
+const CodeDiff = memo(({ oldContent, newContent, language, fileName, viewMode = "split", showHeader = true, variant = "filled", className, classNames, styles: customStyles, actionsRender, diffOptions, ...rest }) => {
+	const displayName = useMemo(() => {
+		if (fileName) return fileName;
+		if (language) return language;
+		return "diff";
+	}, [fileName, language]);
+	const { additions, deletions } = useMemo(() => countContentChanges(oldContent, newContent), [oldContent, newContent]);
+	const actions = useMemo(() => {
+		if (!actionsRender) return null;
+		return actionsRender({
+			newContent,
+			oldContent,
+			originalNode: null
+		});
+	}, [
+		actionsRender,
+		oldContent,
+		newContent
+	]);
+	const oldFile = useMemo(() => ({
+		contents: oldContent,
+		lang: language,
+		name: fileName || "file"
+	}), [
+		oldContent,
+		language,
+		fileName
+	]);
+	const newFile = useMemo(() => ({
+		contents: newContent,
+		lang: language,
+		name: fileName || "file"
+	}), [
+		newContent,
+		language,
+		fileName
+	]);
+	const options = useMemo(() => ({
+		diffStyle: viewMode,
+		disableFileHeader: true,
+		...diffOptions
+	}), [viewMode, diffOptions]);
+	return /* @__PURE__ */ jsxs(FlexBasic_default, {
+		className: cx(variants({ variant }), className),
+		"data-code-type": "code-diff",
+		...rest,
+		children: [showHeader && /* @__PURE__ */ jsxs("div", {
+			className: cx(headerVariants({ variant }), classNames?.header),
+			style: customStyles?.header,
+			children: [/* @__PURE__ */ jsxs(FlexBasic_default, {
+				align: "center",
+				gap: 8,
+				horizontal: true,
+				children: [/* @__PURE__ */ jsx(MaterialFileTypeIcon_default, {
+					filename: fileName || displayName,
+					size: 18,
+					type: "file"
+				}), /* @__PURE__ */ jsx("span", { children: displayName })]
+			}), /* @__PURE__ */ jsxs(FlexBasic_default, {
+				align: "center",
+				gap: 8,
+				horizontal: true,
+				children: [(deletions > 0 || additions > 0) && /* @__PURE__ */ jsxs(FlexBasic_default, {
+					className: styles.stats,
+					gap: 8,
+					horizontal: true,
+					children: [deletions > 0 && /* @__PURE__ */ jsxs("span", {
+						className: styles.deletions,
+						children: ["-", deletions]
+					}), additions > 0 && /* @__PURE__ */ jsxs("span", {
+						className: styles.additions,
+						children: ["+", additions]
+					})]
+				}), actions && /* @__PURE__ */ jsx(FlexBasic_default, {
+					align: "center",
+					className: cx(`${prefix}-actions`, styles.actions),
+					gap: 4,
+					children: actions
+				})]
+			})]
+		}), /* @__PURE__ */ jsx("div", {
+			className: cx(styles.body, classNames?.body),
+			style: customStyles?.body,
+			children: /* @__PURE__ */ jsx(MultiFileDiff, {
+				newFile,
+				oldFile,
+				options
+			})
+		})]
+	});
+});
+CodeDiff.displayName = "CodeDiff";
+var CodeDiff_default = CodeDiff;
+
+//#endregion
+export { CodeDiff_default as default };
+//# sourceMappingURL=CodeDiff.mjs.map

package/es/CodeDiff/CodeDiff.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodeDiff.mjs","names":["Flexbox","MaterialFileTypeIcon"],"sources":["../../src/CodeDiff/CodeDiff.tsx"],"sourcesContent":["'use client';\n\nimport type { FileDiffOptions } from '@pierre/diffs';\nimport { MultiFileDiff } from '@pierre/diffs/react';\nimport { cx } from 'antd-style';\nimport { memo, useMemo } from 'react';\n\nimport { Flexbox } from '@/Flex';\nimport MaterialFileTypeIcon from '@/MaterialFileTypeIcon';\n\nimport { headerVariants, prefix, styles, variants } from './style';\nimport type { CodeDiffProps } from './type';\n\nconst countContentChanges = (\n  oldContent: string,\n  newContent: string,\n): { additions: number; deletions: number } => {\n  const oldLines = oldContent.split('\\n');\n  const newLines = newContent.split('\\n');\n\n  const oldSet = new Set(oldLines);\n  const newSet = new Set(newLines);\n\n  let deletions = 0;\n  let additions = 0;\n\n  for (const line of oldLines) {\n    if (!newSet.has(line)) {\n      deletions++;\n    }\n  }\n\n  for (const line of newLines) {\n    if (!oldSet.has(line)) {\n      additions++;\n    }\n  }\n\n  return { additions, deletions };\n};\n\nexport const CodeDiff = memo<CodeDiffProps>(\n  ({\n    oldContent,\n    newContent,\n    language,\n    fileName,\n    viewMode = 'split',\n    showHeader = true,\n    variant = 'filled',\n    className,\n    classNames,\n    styles: customStyles,\n    actionsRender,\n    diffOptions,\n    ...rest\n  }) => {\n    const displayName = useMemo(() => {\n      if (fileName) return fileName;\n      if (language) return language;\n      return 'diff';\n    }, [fileName, language]);\n\n    const { additions, deletions } = useMemo(\n      () => countContentChanges(oldContent, newContent),\n      [oldContent, newContent],\n    );\n\n    const actions = useMemo(() => {\n      if (!actionsRender) return null;\n      return actionsRender({\n        newContent,\n        oldContent,\n        originalNode: null,\n      });\n    }, [actionsRender, oldContent, newContent]);\n\n    const oldFile = useMemo(\n      () => ({\n        contents: oldContent,\n        lang: language as any,\n        name: fileName || 'file',\n      }),\n      [oldContent, language, fileName],\n    );\n\n    const newFile = useMemo(\n      () => ({\n        contents: newContent,\n        lang: language as any,\n        name: fileName || 'file',\n      }),\n      [newContent, language, fileName],\n    );\n\n    const options = useMemo<FileDiffOptions<string>>(\n      () => ({\n        diffStyle: viewMode,\n        disableFileHeader: true,\n        ...diffOptions,\n      }),\n      [viewMode, diffOptions],\n    );\n\n    return (\n      <Flexbox\n        className={cx(variants({ variant }), className)}\n        data-code-type=\"code-diff\"\n        {...rest}\n      >\n        {showHeader && (\n          <div\n            className={cx(headerVariants({ variant }), classNames?.header)}\n            style={customStyles?.header}\n          >\n            <Flexbox align=\"center\" gap={8} horizontal>\n              <MaterialFileTypeIcon filename={fileName || displayName} size={18} type=\"file\" />\n              <span>{displayName}</span>\n            </Flexbox>\n            <Flexbox align=\"center\" gap={8} horizontal>\n              {(deletions > 0 || additions > 0) && (\n                <Flexbox className={styles.stats} gap={8} horizontal>\n                  {deletions > 0 && <span className={styles.deletions}>-{deletions}</span>}\n                  {additions > 0 && <span className={styles.additions}>+{additions}</span>}\n                </Flexbox>\n              )}\n              {actions && (\n                <Flexbox align=\"center\" className={cx(`${prefix}-actions`, styles.actions)} gap={4}>\n                  {actions}\n                </Flexbox>\n              )}\n            </Flexbox>\n          </div>\n        )}\n        <div className={cx(styles.body, classNames?.body)} style={customStyles?.body}>\n          <MultiFileDiff newFile={newFile} oldFile={oldFile} options={options} />\n        </div>\n      </Flexbox>\n    );\n  },\n);\n\nCodeDiff.displayName = 'CodeDiff';\n\nexport default CodeDiff;\n"],"mappings":";;;;;;;;;;;AAaA,MAAM,uBACJ,YACA,eAC6C;CAC7C,MAAM,WAAW,WAAW,MAAM,KAAK;CACvC,MAAM,WAAW,WAAW,MAAM,KAAK;CAEvC,MAAM,SAAS,IAAI,IAAI,SAAS;CAChC,MAAM,SAAS,IAAI,IAAI,SAAS;CAEhC,IAAI,YAAY;CAChB,IAAI,YAAY;AAEhB,MAAK,MAAM,QAAQ,SACjB,KAAI,CAAC,OAAO,IAAI,KAAK,CACnB;AAIJ,MAAK,MAAM,QAAQ,SACjB,KAAI,CAAC,OAAO,IAAI,KAAK,CACnB;AAIJ,QAAO;EAAE;EAAW;EAAW;;AAGjC,MAAa,WAAW,MACrB,EACC,YACA,YACA,UACA,UACA,WAAW,SACX,aAAa,MACb,UAAU,UACV,WACA,YACA,QAAQ,cACR,eACA,aACA,GAAG,WACC;CACJ,MAAM,cAAc,cAAc;AAChC,MAAI,SAAU,QAAO;AACrB,MAAI,SAAU,QAAO;AACrB,SAAO;IACN,CAAC,UAAU,SAAS,CAAC;CAExB,MAAM,EAAE,WAAW,cAAc,cACzB,oBAAoB,YAAY,WAAW,EACjD,CAAC,YAAY,WAAW,CACzB;CAED,MAAM,UAAU,cAAc;AAC5B,MAAI,CAAC,cAAe,QAAO;AAC3B,SAAO,cAAc;GACnB;GACA;GACA,cAAc;GACf,CAAC;IACD;EAAC;EAAe;EAAY;EAAW,CAAC;CAE3C,MAAM,UAAU,eACP;EACL,UAAU;EACV,MAAM;EACN,MAAM,YAAY;EACnB,GACD;EAAC;EAAY;EAAU;EAAS,CACjC;CAED,MAAM,UAAU,eACP;EACL,UAAU;EACV,MAAM;EACN,MAAM,YAAY;EACnB,GACD;EAAC;EAAY;EAAU;EAAS,CACjC;CAED,MAAM,UAAU,eACP;EACL,WAAW;EACX,mBAAmB;EACnB,GAAG;EACJ,GACD,CAAC,UAAU,YAAY,CACxB;AAED,QACE,qBAACA;EACC,WAAW,GAAG,SAAS,EAAE,SAAS,CAAC,EAAE,UAAU;EAC/C,kBAAe;EACf,GAAI;aAEH,cACC,qBAAC;GACC,WAAW,GAAG,eAAe,EAAE,SAAS,CAAC,EAAE,YAAY,OAAO;GAC9D,OAAO,cAAc;cAErB,qBAACA;IAAQ,OAAM;IAAS,KAAK;IAAG;eAC9B,oBAACC;KAAqB,UAAU,YAAY;KAAa,MAAM;KAAI,MAAK;MAAS,EACjF,oBAAC,oBAAM,cAAmB;KAClB,EACV,qBAACD;IAAQ,OAAM;IAAS,KAAK;IAAG;gBAC5B,YAAY,KAAK,YAAY,MAC7B,qBAACA;KAAQ,WAAW,OAAO;KAAO,KAAK;KAAG;gBACvC,YAAY,KAAK,qBAAC;MAAK,WAAW,OAAO;iBAAW,KAAE;OAAiB,EACvE,YAAY,KAAK,qBAAC;MAAK,WAAW,OAAO;iBAAW,KAAE;OAAiB;MAChE,EAEX,WACC,oBAACA;KAAQ,OAAM;KAAS,WAAW,GAAG,GAAG,OAAO,WAAW,OAAO,QAAQ;KAAE,KAAK;eAC9E;MACO;KAEJ;IACN,EAER,oBAAC;GAAI,WAAW,GAAG,OAAO,MAAM,YAAY,KAAK;GAAE,OAAO,cAAc;aACtE,oBAAC;IAAuB;IAAkB;IAAkB;KAAW;IACnE;GACE;EAGf;AAED,SAAS,cAAc;AAEvB,uBAAe"}

package/es/CodeDiff/PatchDiff.d.mts

@@ -0,0 +1,8 @@
+import { PatchDiffProps } from "./type.mjs";
+import * as react30 from "react";
+
+//#region src/CodeDiff/PatchDiff.d.ts
+declare const PatchDiff: react30.NamedExoticComponent<PatchDiffProps>;
+//#endregion
+export { PatchDiff };
+//# sourceMappingURL=PatchDiff.d.mts.map

package/es/CodeDiff/PatchDiff.mjs

@@ -0,0 +1,101 @@
+'use client';
+
+import FlexBasic_default from "../Flex/FlexBasic.mjs";
+import MaterialFileTypeIcon_default from "../MaterialFileTypeIcon/MaterialFileTypeIcon.mjs";
+import { headerVariants, prefix, styles, variants } from "./style.mjs";
+import { memo, useMemo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cx } from "antd-style";
+import { PatchDiff } from "@pierre/diffs/react";
+
+//#region src/CodeDiff/PatchDiff.tsx
+const countPatchChanges = (patch) => {
+	const lines = patch.split("\n");
+	let additions = 0;
+	let deletions = 0;
+	for (const line of lines) if (line.startsWith("+") && !line.startsWith("+++")) additions++;
+	else if (line.startsWith("-") && !line.startsWith("---")) deletions++;
+	return {
+		additions,
+		deletions
+	};
+};
+const PatchDiff$1 = memo(({ patch, language, fileName, viewMode = "split", showHeader = true, variant = "filled", className, classNames, styles: customStyles, actionsRender, diffOptions, ...rest }) => {
+	const displayName = useMemo(() => {
+		if (fileName) return fileName;
+		const match = patch.match(/^(?:-{3}|\+{3})\s+(?:a\/|b\/)?(.+?)(?:\t|$)/m);
+		if (match?.[1]) return match[1];
+		if (language) return language;
+		return "patch";
+	}, [
+		fileName,
+		patch,
+		language
+	]);
+	const { additions, deletions } = useMemo(() => countPatchChanges(patch), [patch]);
+	const actions = useMemo(() => {
+		if (!actionsRender) return null;
+		return actionsRender({
+			originalNode: null,
+			patch
+		});
+	}, [actionsRender, patch]);
+	const options = useMemo(() => ({
+		diffStyle: viewMode,
+		disableFileHeader: true,
+		...diffOptions
+	}), [viewMode, diffOptions]);
+	return /* @__PURE__ */ jsxs(FlexBasic_default, {
+		className: cx(variants({ variant }), className),
+		"data-code-type": "patch-diff",
+		...rest,
+		children: [showHeader && /* @__PURE__ */ jsxs("div", {
+			className: cx(headerVariants({ variant }), classNames?.header),
+			style: customStyles?.header,
+			children: [/* @__PURE__ */ jsxs(FlexBasic_default, {
+				align: "center",
+				gap: 8,
+				horizontal: true,
+				children: [/* @__PURE__ */ jsx(MaterialFileTypeIcon_default, {
+					filename: fileName || displayName,
+					size: 18,
+					type: "file"
+				}), /* @__PURE__ */ jsx("span", { children: displayName })]
+			}), /* @__PURE__ */ jsxs(FlexBasic_default, {
+				align: "center",
+				gap: 8,
+				horizontal: true,
+				children: [(deletions > 0 || additions > 0) && /* @__PURE__ */ jsxs(FlexBasic_default, {
+					className: styles.stats,
+					gap: 8,
+					horizontal: true,
+					children: [deletions > 0 && /* @__PURE__ */ jsxs("span", {
+						className: styles.deletions,
+						children: ["-", deletions]
+					}), additions > 0 && /* @__PURE__ */ jsxs("span", {
+						className: styles.additions,
+						children: ["+", additions]
+					})]
+				}), actions && /* @__PURE__ */ jsx(FlexBasic_default, {
+					align: "center",
+					className: cx(`${prefix}-actions`, styles.actions),
+					gap: 4,
+					children: actions
+				})]
+			})]
+		}), /* @__PURE__ */ jsx("div", {
+			className: cx(styles.body, classNames?.body),
+			style: customStyles?.body,
+			children: /* @__PURE__ */ jsx(PatchDiff, {
+				options,
+				patch
+			})
+		})]
+	});
+});
+PatchDiff$1.displayName = "PatchDiff";
+var PatchDiff_default = PatchDiff$1;
+
+//#endregion
+export { PatchDiff_default as default };
+//# sourceMappingURL=PatchDiff.mjs.map

package/es/CodeDiff/PatchDiff.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PatchDiff.mjs","names":["PatchDiff","Flexbox","MaterialFileTypeIcon","PierrePatchDiff"],"sources":["../../src/CodeDiff/PatchDiff.tsx"],"sourcesContent":["'use client';\n\nimport type { FileDiffOptions } from '@pierre/diffs';\nimport { PatchDiff as PierrePatchDiff } from '@pierre/diffs/react';\nimport { cx } from 'antd-style';\nimport { memo, useMemo } from 'react';\n\nimport { Flexbox } from '@/Flex';\nimport MaterialFileTypeIcon from '@/MaterialFileTypeIcon';\n\nimport { headerVariants, prefix, styles, variants } from './style';\nimport type { PatchDiffProps } from './type';\n\nconst countPatchChanges = (patch: string): { additions: number; deletions: number } => {\n  const lines = patch.split('\\n');\n  let additions = 0;\n  let deletions = 0;\n\n  for (const line of lines) {\n    if (line.startsWith('+') && !line.startsWith('+++')) {\n      additions++;\n    } else if (line.startsWith('-') && !line.startsWith('---')) {\n      deletions++;\n    }\n  }\n\n  return { additions, deletions };\n};\n\nexport const PatchDiff = memo<PatchDiffProps>(\n  ({\n    patch,\n    language,\n    fileName,\n    viewMode = 'split',\n    showHeader = true,\n    variant = 'filled',\n    className,\n    classNames,\n    styles: customStyles,\n    actionsRender,\n    diffOptions,\n    ...rest\n  }) => {\n    const displayName = useMemo(() => {\n      if (fileName) return fileName;\n      // Try to extract filename from patch header\n      const match = patch.match(/^(?:-{3}|\\+{3})\\s+(?:a\\/|b\\/)?(.+?)(?:\\t|$)/m);\n      if (match?.[1]) return match[1];\n      if (language) return language;\n      return 'patch';\n    }, [fileName, patch, language]);\n\n    const { additions, deletions } = useMemo(() => countPatchChanges(patch), [patch]);\n\n    const actions = useMemo(() => {\n      if (!actionsRender) return null;\n      return actionsRender({\n        originalNode: null,\n        patch,\n      });\n    }, [actionsRender, patch]);\n\n    const options = useMemo<FileDiffOptions<string>>(\n      () => ({\n        diffStyle: viewMode,\n        disableFileHeader: true,\n        ...diffOptions,\n      }),\n      [viewMode, diffOptions],\n    );\n\n    return (\n      <Flexbox\n        className={cx(variants({ variant }), className)}\n        data-code-type=\"patch-diff\"\n        {...rest}\n      >\n        {showHeader && (\n          <div\n            className={cx(headerVariants({ variant }), classNames?.header)}\n            style={customStyles?.header}\n          >\n            <Flexbox align=\"center\" gap={8} horizontal>\n              <MaterialFileTypeIcon filename={fileName || displayName} size={18} type=\"file\" />\n              <span>{displayName}</span>\n            </Flexbox>\n            <Flexbox align=\"center\" gap={8} horizontal>\n              {(deletions > 0 || additions > 0) && (\n                <Flexbox className={styles.stats} gap={8} horizontal>\n                  {deletions > 0 && <span className={styles.deletions}>-{deletions}</span>}\n                  {additions > 0 && <span className={styles.additions}>+{additions}</span>}\n                </Flexbox>\n              )}\n              {actions && (\n                <Flexbox align=\"center\" className={cx(`${prefix}-actions`, styles.actions)} gap={4}>\n                  {actions}\n                </Flexbox>\n              )}\n            </Flexbox>\n          </div>\n        )}\n        <div className={cx(styles.body, classNames?.body)} style={customStyles?.body}>\n          <PierrePatchDiff options={options} patch={patch} />\n        </div>\n      </Flexbox>\n    );\n  },\n);\n\nPatchDiff.displayName = 'PatchDiff';\n\nexport default PatchDiff;\n"],"mappings":";;;;;;;;;;;AAaA,MAAM,qBAAqB,UAA4D;CACrF,MAAM,QAAQ,MAAM,MAAM,KAAK;CAC/B,IAAI,YAAY;CAChB,IAAI,YAAY;AAEhB,MAAK,MAAM,QAAQ,MACjB,KAAI,KAAK,WAAW,IAAI,IAAI,CAAC,KAAK,WAAW,MAAM,CACjD;UACS,KAAK,WAAW,IAAI,IAAI,CAAC,KAAK,WAAW,MAAM,CACxD;AAIJ,QAAO;EAAE;EAAW;EAAW;;AAGjC,MAAaA,cAAY,MACtB,EACC,OACA,UACA,UACA,WAAW,SACX,aAAa,MACb,UAAU,UACV,WACA,YACA,QAAQ,cACR,eACA,aACA,GAAG,WACC;CACJ,MAAM,cAAc,cAAc;AAChC,MAAI,SAAU,QAAO;EAErB,MAAM,QAAQ,MAAM,MAAM,+CAA+C;AACzE,MAAI,QAAQ,GAAI,QAAO,MAAM;AAC7B,MAAI,SAAU,QAAO;AACrB,SAAO;IACN;EAAC;EAAU;EAAO;EAAS,CAAC;CAE/B,MAAM,EAAE,WAAW,cAAc,cAAc,kBAAkB,MAAM,EAAE,CAAC,MAAM,CAAC;CAEjF,MAAM,UAAU,cAAc;AAC5B,MAAI,CAAC,cAAe,QAAO;AAC3B,SAAO,cAAc;GACnB,cAAc;GACd;GACD,CAAC;IACD,CAAC,eAAe,MAAM,CAAC;CAE1B,MAAM,UAAU,eACP;EACL,WAAW;EACX,mBAAmB;EACnB,GAAG;EACJ,GACD,CAAC,UAAU,YAAY,CACxB;AAED,QACE,qBAACC;EACC,WAAW,GAAG,SAAS,EAAE,SAAS,CAAC,EAAE,UAAU;EAC/C,kBAAe;EACf,GAAI;aAEH,cACC,qBAAC;GACC,WAAW,GAAG,eAAe,EAAE,SAAS,CAAC,EAAE,YAAY,OAAO;GAC9D,OAAO,cAAc;cAErB,qBAACA;IAAQ,OAAM;IAAS,KAAK;IAAG;eAC9B,oBAACC;KAAqB,UAAU,YAAY;KAAa,MAAM;KAAI,MAAK;MAAS,EACjF,oBAAC,oBAAM,cAAmB;KAClB,EACV,qBAACD;IAAQ,OAAM;IAAS,KAAK;IAAG;gBAC5B,YAAY,KAAK,YAAY,MAC7B,qBAACA;KAAQ,WAAW,OAAO;KAAO,KAAK;KAAG;gBACvC,YAAY,KAAK,qBAAC;MAAK,WAAW,OAAO;iBAAW,KAAE;OAAiB,EACvE,YAAY,KAAK,qBAAC;MAAK,WAAW,OAAO;iBAAW,KAAE;OAAiB;MAChE,EAEX,WACC,oBAACA;KAAQ,OAAM;KAAS,WAAW,GAAG,GAAG,OAAO,WAAW,OAAO,QAAQ;KAAE,KAAK;eAC9E;MACO;KAEJ;IACN,EAER,oBAAC;GAAI,WAAW,GAAG,OAAO,MAAM,YAAY,KAAK;GAAE,OAAO,cAAc;aACtE,oBAACE;IAAyB;IAAgB;KAAS;IAC/C;GACE;EAGf;AAED,YAAU,cAAc;AAExB,wBAAeH"}

package/es/CodeDiff/index.d.mts

@@ -0,0 +1,4 @@
+import { CodeDiffProps, DiffViewMode, PatchDiffProps } from "./type.mjs";
+import { CodeDiff } from "./CodeDiff.mjs";
+import { PatchDiff } from "./PatchDiff.mjs";
+export { CodeDiff, CodeDiffProps, DiffViewMode, PatchDiff, PatchDiffProps, CodeDiff as default };

package/es/CodeDiff/index.d.ts

@@ -0,0 +1 @@
+export * from './index.d.mts';

package/es/CodeDiff/index.js

@@ -0,0 +1 @@
+export * from './index.mjs';

package/es/CodeDiff/index.mjs

@@ -0,0 +1,4 @@
+import CodeDiff_default from "./CodeDiff.mjs";
+import PatchDiff_default from "./PatchDiff.mjs";
+
+export { CodeDiff_default as CodeDiff, PatchDiff_default as PatchDiff, CodeDiff_default as default };

package/es/CodeDiff/style.mjs

@@ -0,0 +1,122 @@
+import { staticStylish } from "../styles/theme/customStylishStatic.mjs";
+import { createStaticStyles, cx } from "antd-style";
+import { cva } from "class-variance-authority";
+
+//#region src/CodeDiff/style.ts
+const prefix = "lobe-code-diff";
+const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => {
+	return {
+		actions: css$1`
+      position: absolute;
+      z-index: 2;
+      inset-block-start: 8px;
+      inset-inline-end: 8px;
+
+      opacity: 0;
+      transition: opacity 0.2s ${cssVar$1.motionEaseInOut};
+    `,
+		additions: css$1`
+      color: ${cssVar$1.colorSuccess};
+      font-family: ${cssVar$1.fontFamilyCode};
+      font-size: 12px;
+    `,
+		body: css$1`
+      overflow: auto;
+
+      width: 100%;
+
+      font-family: ${cssVar$1.fontFamilyCode};
+      font-size: 13px;
+      line-height: 1.6;
+
+      /* Override @pierre/diffs shadow DOM CSS variables */
+      --pdiff-font-family: ${cssVar$1.fontFamilyCode};
+      --pdiff-font-size: 13px;
+      --pdiff-line-height: 1.6;
+      --pdiff-bg-color: transparent;
+      --pdiff-border-color: ${cssVar$1.colorBorderSecondary};
+      --pdiff-gutter-bg: ${cssVar$1.colorFillQuaternary};
+      --pdiff-gutter-color: ${cssVar$1.colorTextQuaternary};
+      --pdiff-added-bg: ${cssVar$1.colorSuccessBgHover};
+      --pdiff-added-highlight-bg: ${cssVar$1.colorSuccessBg};
+      --pdiff-removed-bg: ${cssVar$1.colorErrorBgHover};
+      --pdiff-removed-highlight-bg: ${cssVar$1.colorErrorBg};
+      --pdiff-info-bg: ${cssVar$1.colorInfoBg};
+    `,
+		borderless: staticStylish.variantBorderlessWithoutHover,
+		deletions: css$1`
+      color: ${cssVar$1.colorError};
+      font-family: ${cssVar$1.fontFamilyCode};
+      font-size: 12px;
+    `,
+		filled: cx(staticStylish.variantFilledWithoutHover, css$1`
+        background: ${cssVar$1.colorFillQuaternary};
+      `),
+		header: css$1`
+      display: flex;
+      gap: 8px;
+      align-items: center;
+      justify-content: space-between;
+
+      padding: 8px 12px;
+
+      font-family: ${cssVar$1.fontFamilyCode};
+      font-size: 13px;
+      color: ${cssVar$1.colorTextSecondary};
+
+      border-block-end: 1px solid ${cssVar$1.colorBorderSecondary};
+    `,
+		headerBorderless: css$1`
+      padding-inline: 0;
+      border-block-end: none;
+    `,
+		headerFilled: css$1`
+      background: transparent;
+    `,
+		headerOutlined: css$1`
+      background: ${cssVar$1.colorFillQuaternary};
+    `,
+		outlined: staticStylish.variantOutlinedWithoutHover,
+		root: cx(prefix, css$1`
+        position: relative;
+
+        overflow: hidden;
+
+        width: 100%;
+        border-radius: ${cssVar$1.borderRadius};
+
+        transition: background-color 100ms ${cssVar$1.motionEaseOut};
+
+        &:hover {
+          .${prefix}-actions {
+            opacity: 1;
+          }
+        }
+      `),
+		stats: css$1`
+      display: flex;
+      gap: 8px;
+      align-items: center;
+    `
+	};
+});
+const variants = cva(styles.root, {
+	defaultVariants: { variant: "filled" },
+	variants: { variant: {
+		filled: styles.filled,
+		outlined: styles.outlined,
+		borderless: styles.borderless
+	} }
+});
+const headerVariants = cva(styles.header, {
+	defaultVariants: { variant: "filled" },
+	variants: { variant: {
+		filled: styles.headerFilled,
+		outlined: styles.headerOutlined,
+		borderless: styles.headerBorderless
+	} }
+});
+
+//#endregion
+export { headerVariants, prefix, styles, variants };
+//# sourceMappingURL=style.mjs.map

package/es/CodeDiff/style.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","names":["cssVar","lobeStaticStylish"],"sources":["../../src/CodeDiff/style.ts"],"sourcesContent":["import { createStaticStyles, cx } from 'antd-style';\nimport { cva } from 'class-variance-authority';\n\nimport { lobeStaticStylish } from '@/styles';\n\nexport const prefix = 'lobe-code-diff';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => {\n  return {\n    actions: css`\n      position: absolute;\n      z-index: 2;\n      inset-block-start: 8px;\n      inset-inline-end: 8px;\n\n      opacity: 0;\n      transition: opacity 0.2s ${cssVar.motionEaseInOut};\n    `,\n    additions: css`\n      color: ${cssVar.colorSuccess};\n      font-family: ${cssVar.fontFamilyCode};\n      font-size: 12px;\n    `,\n    body: css`\n      overflow: auto;\n\n      width: 100%;\n\n      font-family: ${cssVar.fontFamilyCode};\n      font-size: 13px;\n      line-height: 1.6;\n\n      /* Override @pierre/diffs shadow DOM CSS variables */\n      --pdiff-font-family: ${cssVar.fontFamilyCode};\n      --pdiff-font-size: 13px;\n      --pdiff-line-height: 1.6;\n      --pdiff-bg-color: transparent;\n      --pdiff-border-color: ${cssVar.colorBorderSecondary};\n      --pdiff-gutter-bg: ${cssVar.colorFillQuaternary};\n      --pdiff-gutter-color: ${cssVar.colorTextQuaternary};\n      --pdiff-added-bg: ${cssVar.colorSuccessBgHover};\n      --pdiff-added-highlight-bg: ${cssVar.colorSuccessBg};\n      --pdiff-removed-bg: ${cssVar.colorErrorBgHover};\n      --pdiff-removed-highlight-bg: ${cssVar.colorErrorBg};\n      --pdiff-info-bg: ${cssVar.colorInfoBg};\n    `,\n    borderless: lobeStaticStylish.variantBorderlessWithoutHover,\n    deletions: css`\n      color: ${cssVar.colorError};\n      font-family: ${cssVar.fontFamilyCode};\n      font-size: 12px;\n    `,\n    filled: cx(\n      lobeStaticStylish.variantFilledWithoutHover,\n      css`\n        background: ${cssVar.colorFillQuaternary};\n      `,\n    ),\n    header: css`\n      display: flex;\n      gap: 8px;\n      align-items: center;\n      justify-content: space-between;\n\n      padding: 8px 12px;\n\n      font-family: ${cssVar.fontFamilyCode};\n      font-size: 13px;\n      color: ${cssVar.colorTextSecondary};\n\n      border-block-end: 1px solid ${cssVar.colorBorderSecondary};\n    `,\n    headerBorderless: css`\n      padding-inline: 0;\n      border-block-end: none;\n    `,\n    headerFilled: css`\n      background: transparent;\n    `,\n    headerOutlined: css`\n      background: ${cssVar.colorFillQuaternary};\n    `,\n    outlined: lobeStaticStylish.variantOutlinedWithoutHover,\n    root: cx(\n      prefix,\n      css`\n        position: relative;\n\n        overflow: hidden;\n\n        width: 100%;\n        border-radius: ${cssVar.borderRadius};\n\n        transition: background-color 100ms ${cssVar.motionEaseOut};\n\n        &:hover {\n          .${prefix}-actions {\n            opacity: 1;\n          }\n        }\n      `,\n    ),\n    stats: css`\n      display: flex;\n      gap: 8px;\n      align-items: center;\n    `,\n  };\n});\n\nexport const variants = cva(styles.root, {\n  defaultVariants: {\n    variant: 'filled',\n  },\n  /* eslint-disable sort-keys-fix/sort-keys-fix */\n  variants: {\n    variant: {\n      filled: styles.filled,\n      outlined: styles.outlined,\n      borderless: styles.borderless,\n    },\n  },\n  /* eslint-enable sort-keys-fix/sort-keys-fix */\n});\n\nexport const headerVariants = cva(styles.header, {\n  defaultVariants: {\n    variant: 'filled',\n  },\n  /* eslint-disable sort-keys-fix/sort-keys-fix */\n  variants: {\n    variant: {\n      filled: styles.headerFilled,\n      outlined: styles.headerOutlined,\n      borderless: styles.headerBorderless,\n    },\n  },\n  /* eslint-enable sort-keys-fix/sort-keys-fix */\n});\n"],"mappings":";;;;;AAKA,MAAa,SAAS;AAEtB,MAAa,SAAS,oBAAoB,EAAE,YAAK,uBAAa;AAC5D,QAAO;EACL,SAAS,KAAG;;;;;;;iCAOiBA,SAAO,gBAAgB;;EAEpD,WAAW,KAAG;eACHA,SAAO,aAAa;qBACdA,SAAO,eAAe;;;EAGvC,MAAM,KAAG;;;;;qBAKQA,SAAO,eAAe;;;;;6BAKdA,SAAO,eAAe;;;;8BAIrBA,SAAO,qBAAqB;2BAC/BA,SAAO,oBAAoB;8BACxBA,SAAO,oBAAoB;0BAC/BA,SAAO,oBAAoB;oCACjBA,SAAO,eAAe;4BAC9BA,SAAO,kBAAkB;sCACfA,SAAO,aAAa;yBACjCA,SAAO,YAAY;;EAExC,YAAYC,cAAkB;EAC9B,WAAW,KAAG;eACHD,SAAO,WAAW;qBACZA,SAAO,eAAe;;;EAGvC,QAAQ,GACNC,cAAkB,2BAClB,KAAG;sBACaD,SAAO,oBAAoB;QAE5C;EACD,QAAQ,KAAG;;;;;;;;qBAQMA,SAAO,eAAe;;eAE5BA,SAAO,mBAAmB;;oCAELA,SAAO,qBAAqB;;EAE5D,kBAAkB,KAAG;;;;EAIrB,cAAc,KAAG;;;EAGjB,gBAAgB,KAAG;oBACHA,SAAO,oBAAoB;;EAE3C,UAAUC,cAAkB;EAC5B,MAAM,GACJ,QACA,KAAG;;;;;;yBAMgBD,SAAO,aAAa;;6CAEAA,SAAO,cAAc;;;aAGrD,OAAO;;;;QAKf;EACD,OAAO,KAAG;;;;;EAKX;EACD;AAEF,MAAa,WAAW,IAAI,OAAO,MAAM;CACvC,iBAAiB,EACf,SAAS,UACV;CAED,UAAU,EACR,SAAS;EACP,QAAQ,OAAO;EACf,UAAU,OAAO;EACjB,YAAY,OAAO;EACpB,EACF;CAEF,CAAC;AAEF,MAAa,iBAAiB,IAAI,OAAO,QAAQ;CAC/C,iBAAiB,EACf,SAAS,UACV;CAED,UAAU,EACR,SAAS;EACP,QAAQ,OAAO;EACf,UAAU,OAAO;EACjB,YAAY,OAAO;EACpB,EACF;CAEF,CAAC"}

package/es/CodeDiff/type.d.mts

@@ -0,0 +1,123 @@
+import { FlexboxProps } from "../Flex/type.mjs";
+import "../Flex/index.mjs";
+import { CSSProperties, ReactNode } from "react";
+import { FileDiffOptions } from "@pierre/diffs";
+
+//#region src/CodeDiff/type.d.ts
+type DiffViewMode = 'split' | 'unified';
+interface CodeDiffProps extends Omit<FlexboxProps, 'children'> {
+  /**
+   * Actions to render in the header
+   */
+  actionsRender?: (props: {
+    newContent: string;
+    oldContent: string;
+    originalNode: ReactNode;
+  }) => ReactNode;
+  /**
+   * Custom class names for different parts
+   */
+  classNames?: {
+    body?: string;
+    header?: string;
+  };
+  /**
+   * Options for the diff component
+   */
+  diffOptions?: FileDiffOptions<string>;
+  /**
+   * File name to display
+   */
+  fileName?: string;
+  /**
+   * Programming language for syntax highlighting
+   */
+  language?: string;
+  /**
+   * New content (after changes)
+   */
+  newContent: string;
+  /**
+   * Old content (before changes)
+   */
+  oldContent: string;
+  /**
+   * Whether to show file header
+   * @default true
+   */
+  showHeader?: boolean;
+  /**
+   * Custom styles for different parts
+   */
+  styles?: {
+    body?: CSSProperties;
+    header?: CSSProperties;
+  };
+  /**
+   * Visual variant
+   * @default 'filled'
+   */
+  variant?: 'filled' | 'outlined' | 'borderless';
+  /**
+   * View mode for diff display
+   * @default 'split'
+   */
+  viewMode?: DiffViewMode;
+}
+interface PatchDiffProps extends Omit<FlexboxProps, 'children'> {
+  /**
+   * Actions to render in the header
+   */
+  actionsRender?: (props: {
+    originalNode: ReactNode;
+    patch: string;
+  }) => ReactNode;
+  /**
+   * Custom class names for different parts
+   */
+  classNames?: {
+    body?: string;
+    header?: string;
+  };
+  /**
+   * Options for the diff component
+   */
+  diffOptions?: FileDiffOptions<string>;
+  /**
+   * File name to display (optional, extracted from patch if not provided)
+   */
+  fileName?: string;
+  /**
+   * Programming language for syntax highlighting
+   */
+  language?: string;
+  /**
+   * Unified diff patch string
+   */
+  patch: string;
+  /**
+   * Whether to show file header
+   * @default true
+   */
+  showHeader?: boolean;
+  /**
+   * Custom styles for different parts
+   */
+  styles?: {
+    body?: CSSProperties;
+    header?: CSSProperties;
+  };
+  /**
+   * Visual variant
+   * @default 'filled'
+   */
+  variant?: 'filled' | 'outlined' | 'borderless';
+  /**
+   * View mode for diff display
+   * @default 'split'
+   */
+  viewMode?: DiffViewMode;
+}
+//#endregion
+export { CodeDiffProps, DiffViewMode, PatchDiffProps };
+//# sourceMappingURL=type.d.mts.map

package/es/CodeEditor/CodeEditor.d.mts

@@ -1,8 +1,8 @@
 import { CodeEditorProps } from "./type.mjs";
-import * as react26 from "react";
+import * as react27 from "react";
 
 //#region src/CodeEditor/CodeEditor.d.ts
-declare const CodeEditor: react26.NamedExoticComponent<CodeEditorProps>;
+declare const CodeEditor: react27.NamedExoticComponent<CodeEditorProps>;
 //#endregion
 export { CodeEditor };
 //# sourceMappingURL=CodeEditor.d.mts.map

package/es/Collapse/Collapse.d.mts

@@ -1,8 +1,8 @@
 import { CollapseProps } from "./type.mjs";
-import * as react27 from "react";
+import * as react28 from "react";
 
 //#region src/Collapse/Collapse.d.ts
-declare const Collapse: react27.NamedExoticComponent<CollapseProps>;
+declare const Collapse: react28.NamedExoticComponent<CollapseProps>;
 //#endregion
 export { Collapse };
 //# sourceMappingURL=Collapse.d.mts.map