@unicom-cloud/ui 0.8.162 → 0.8.163

package/rich-text/Toolbar.js

@@ -1,23 +1,23 @@
-/* 潘启宝 2026-05-26 15:50:14 星期二 山东省济南市 */
+/* 潘启宝 2026-06-02 15:43:25 星期二 山东省济南市 */
 import e from "../utils/className.js";
 import { RICH_TEXT_COMPONENT_INFO as t } from "../utils/names.js";
 import n from "../hooks/use-merge-props/index.js";
-import ee from "../config-provider/context.js";
-import { FormContext as te, FormItemContext as ne } from "../form/context.js";
+import { ConfigContext as ee } from "../config-provider/context.js";
+import te from "../hooks/use-set-state/index.js";
+import { FormContext as ne, FormItemContext as re } from "../form/context.js";
 import r from "../button/index.js";
-import i from "../hooks/use-set-state/index.js";
-import a from "../flex/index.js";
-import re from "../popover/index.js";
-import o from "../select/index.js";
-import s from "../color-picker/index.js";
-import { attrName as c } from "./lib/formats/align.js";
-import { attrName as l } from "./lib/formats/color.js";
-import { attrName as u } from "./lib/formats/background.js";
-import d from "./lib/formats/blockquote.js";
-import f from "./lib/formats/bold.js";
-import { Code as p, CodeBlock as m } from "./lib/formats/code.js";
-import { attrName as ie } from "./lib/formats/direction.js";
-import ae from "./lib/formats/emoji.js";
+import i from "../flex/index.js";
+import ie from "../popover/index.js";
+import a from "../select/index.js";
+import o from "../color-picker/index.js";
+import { attrName as s } from "./lib/formats/align.js";
+import { attrName as c } from "./lib/formats/color.js";
+import { attrName as l } from "./lib/formats/background.js";
+import u from "./lib/formats/blockquote.js";
+import d from "./lib/formats/bold.js";
+import { Code as f, CodeBlock as p } from "./lib/formats/code.js";
+import { attrName as ae } from "./lib/formats/direction.js";
+import m from "./lib/formats/emoji.js";
 import { attrName as h, whitelist as oe } from "./lib/formats/font.js";
 import "./lib/formats/formula.js";
 import g, { whitelist as se } from "./lib/formats/header.js";
@@ -26,26 +26,26 @@ import { Link as _ } from "./lib/formats/link.js";
 import v from "./lib/formats/image.js";
 import { attrName as y } from "./lib/formats/indent.js";
 import b from "./lib/formats/italic.js";
-import x, { whitelist as S } from "./lib/formats/lineHeight.js";
-import { List as C } from "./lib/formats/list.js";
-import w from "./lib/formats/script.js";
-import { attrName as T, whitelist as ue } from "./lib/formats/size.js";
-import E from "./lib/formats/strike.js";
-import D from "./lib/formats/underline.js";
-import O from "./lib/formats/video.js";
+import x, { whitelist as ue } from "./lib/formats/lineHeight.js";
+import { List as S } from "./lib/formats/list.js";
+import C from "./lib/formats/script.js";
+import { attrName as w, whitelist as de } from "./lib/formats/size.js";
+import T from "./lib/formats/strike.js";
+import E from "./lib/formats/underline.js";
+import D from "./lib/formats/video.js";
 import "./lib/formats/table.js";
 import "./lib/index.js";
-import { forwardRef as k, useContext as A, useEffect as de, useImperativeHandle as fe, useRef as pe } from "react";
-import { Fragment as j, jsx as M, jsxs as N } from "react/jsx-runtime";
-import P from "@unicom-cloud/icons/IconUiMinus";
-import F from "@unicom-cloud/icons/IconUiMenuFold";
-import I from "@unicom-cloud/icons/IconUiMenuUnfold";
-import L from "@unicom-cloud/icons/IconUiLink";
-import R from "@unicom-cloud/icons/IconUiFullscreen";
-import z from "@unicom-cloud/icons/IconUiFaceSmileFill";
-import B from "@unicom-cloud/icons/IconUiAlignCenter";
-import me from "@unicom-cloud/icons/IconUiAlignJustify";
-import he from "@unicom-cloud/icons/IconUiAlignLeft";
+import { forwardRef as O, useContext as k, useEffect as fe, useImperativeHandle as pe, useRef as me } from "react";
+import { Fragment as A, jsx as j, jsxs as M } from "react/jsx-runtime";
+import N from "@unicom-cloud/icons/IconUiMinus";
+import P from "@unicom-cloud/icons/IconUiMenuFold";
+import F from "@unicom-cloud/icons/IconUiMenuUnfold";
+import I from "@unicom-cloud/icons/IconUiLink";
+import L from "@unicom-cloud/icons/IconUiFullscreen";
+import R from "@unicom-cloud/icons/IconUiFaceSmileFill";
+import z from "@unicom-cloud/icons/IconUiAlignCenter";
+import he from "@unicom-cloud/icons/IconUiAlignJustify";
+import B from "@unicom-cloud/icons/IconUiAlignLeft";
 import ge from "@unicom-cloud/icons/IconUiAlignRight";
 import _e from "@unicom-cloud/icons/IconUiBgColors";
 import ve from "@unicom-cloud/icons/IconUiBold";
@@ -72,14 +72,14 @@ import Ie from "@unicom-cloud/icons/IconUiYoutube";
 import { isEmoji as Le } from "@unicom-cloud/utils/emoji";
 import Re from "@unicom-cloud/utils/emoji/emojis";
 //#region components/pc/rich-text/Toolbar.tsx
-function V(t, k) {
-	let V = {}, { getPrefixCls: H, renderEmpty: ze, componentConfig: Be, rtl: Ve } = A(ee), He = A(te), Ue = A(ne), U = n(t, V, Be?.RichText), W = H?.("rich-text-toolbar"), { style: We, className: Ge, defaultValue: Ke, value: qe, readOnly: Je = Ue?.readOnly ?? He?.readOnly, options: Ye, ...Xe } = U;
+function V(t, O) {
+	let V = {}, { getPrefixCls: H, renderEmpty: ze, componentConfig: Be, rtl: Ve } = k(ee), He = k(ne), Ue = k(re), U = n(t, V, Be?.RichText), W = H?.("rich-text-toolbar"), { style: We, className: Ge, defaultValue: Ke, value: qe, readOnly: Je = Ue?.readOnly ?? He?.readOnly, options: Ye, ...Xe } = U;
 	"defaultValue" in U, "value" in U;
-	let [G, K] = i({
+	let [G, K] = te({
 		disabled: !0,
 		isFullscreen: !1,
 		formats: {}
-	}), q = pe(null);
+	}), q = me(null);
 	console.log("toolbarState", G);
 	let { disabled: J, isFullscreen: Y, formats: X } = G, Z = { allowClear: !0 }, Q = "mini";
 	function $(e) {
@@ -97,7 +97,7 @@ function V(t, k) {
 	function et(e) {
 		K({ history: e });
 	}
-	return de(() => () => {}, []), fe(k, () => ({
+	return fe(() => () => {}, []), pe(O, () => ({
 		setFormats: $e,
 		setSelection: Ze,
 		setIsFullscreen: Qe,
@@ -105,16 +105,16 @@ function V(t, k) {
 		getRootElement() {
 			return q.current;
 		}
-	})), /* @__PURE__ */ M("div", {
+	})), /* @__PURE__ */ j("div", {
 		ref: q,
 		style: { ...We },
 		className: e(W, Ge),
-		children: /* @__PURE__ */ N(a, {
+		children: /* @__PURE__ */ M(i, {
 			inline: !0,
 			wrap: !0,
 			children: [
-				/* @__PURE__ */ N(j, { children: [
-					/* @__PURE__ */ M(o, {
+				/* @__PURE__ */ M(A, { children: [
+					/* @__PURE__ */ j(a, {
 						style: { width: 120 },
 						...Z,
 						size: Q,
@@ -129,28 +129,28 @@ function V(t, k) {
 							});
 						}
 					}),
-					/* @__PURE__ */ M(o, {
+					/* @__PURE__ */ j(a, {
 						style: { width: 120 },
 						...Z,
 						size: Q,
-						value: X[T],
+						value: X[w],
 						placeholder: "默认字号",
-						options: [...ue],
+						options: [...de],
 						disabled: J,
 						onChange: (e) => {
 							U.onChange({
-								format: T,
+								format: w,
 								value: e
 							});
 						}
 					}),
-					/* @__PURE__ */ M(o, {
+					/* @__PURE__ */ j(a, {
 						style: { width: 120 },
 						...Z,
 						size: Q,
 						value: X[x.attrName],
 						placeholder: "默认行高",
-						options: [...S],
+						options: [...ue],
 						disabled: J,
 						onChange: (e) => {
 							U.onChange({
@@ -159,7 +159,7 @@ function V(t, k) {
 							});
 						}
 					}),
-					/* @__PURE__ */ M(o, {
+					/* @__PURE__ */ j(a, {
 						style: { width: 120 },
 						...Z,
 						size: Q,
@@ -174,23 +174,23 @@ function V(t, k) {
 						}
 					})
 				] }),
-				/* @__PURE__ */ N(j, { children: [
-					/* @__PURE__ */ M(r, {
+				/* @__PURE__ */ M(A, { children: [
+					/* @__PURE__ */ j(r, {
 						size: Q,
-						type: $(X[f.blotName]),
-						icon: /* @__PURE__ */ M(ve, {}),
+						type: $(X[d.blotName]),
+						icon: /* @__PURE__ */ j(ve, {}),
 						disabled: J,
 						onClick: (e) => {
 							U.onChange({
-								format: f.blotName,
-								value: !X[f.blotName]
+								format: d.blotName,
+								value: !X[d.blotName]
 							});
 						}
 					}),
-					/* @__PURE__ */ M(r, {
+					/* @__PURE__ */ j(r, {
 						size: Q,
 						type: $(X[b.blotName]),
-						icon: /* @__PURE__ */ M(Te, {}),
+						icon: /* @__PURE__ */ j(Te, {}),
 						disabled: J,
 						onClick: (e) => {
 							U.onChange({
@@ -199,206 +199,206 @@ function V(t, k) {
 							});
 						}
 					}),
-					/* @__PURE__ */ M(r, {
+					/* @__PURE__ */ j(r, {
 						size: Q,
-						type: $(X[D.blotName]),
-						icon: /* @__PURE__ */ M(Ne, {}),
+						type: $(X[E.blotName]),
+						icon: /* @__PURE__ */ j(Ne, {}),
 						disabled: J,
 						onClick: (e) => {
 							U.onChange({
-								format: D.blotName,
-								value: !X[D.blotName]
+								format: E.blotName,
+								value: !X[E.blotName]
 							});
 						}
 					}),
-					/* @__PURE__ */ M(r, {
+					/* @__PURE__ */ j(r, {
 						size: Q,
-						type: $(X[E.blotName]),
-						icon: /* @__PURE__ */ M(ke, {}),
+						type: $(X[T.blotName]),
+						icon: /* @__PURE__ */ j(ke, {}),
 						disabled: J,
 						onClick: (e) => {
 							U.onChange({
-								format: E.blotName,
-								value: !X[E.blotName]
+								format: T.blotName,
+								value: !X[T.blotName]
 							});
 						}
 					})
 				] }),
-				/* @__PURE__ */ N(j, { children: [/* @__PURE__ */ M(s, {
+				/* @__PURE__ */ M(A, { children: [/* @__PURE__ */ j(o, {
 					defaultValue: "#fff",
-					value: X[l],
+					value: X[c],
 					disabled: J,
-					triggerElement: ({ value: e }) => /* @__PURE__ */ M(r, {
-						style: { color: X[l] },
+					triggerElement: ({ value: e }) => /* @__PURE__ */ j(r, {
+						style: { color: X[c] },
 						size: Q,
 						type: $(!1),
-						icon: /* @__PURE__ */ M(Se, {}),
+						icon: /* @__PURE__ */ j(Se, {}),
 						disabled: J
 					}),
 					onChange: (e) => {
 						U.onChange({
-							format: l,
+							format: c,
 							value: e
 						});
 					}
-				}), /* @__PURE__ */ M(s, {
+				}), /* @__PURE__ */ j(o, {
 					defaultValue: "#fff",
-					value: X[u],
+					value: X[l],
 					disabled: J,
-					triggerElement: ({ value: e }) => /* @__PURE__ */ M(r, {
-						style: { backgroundColor: X[u] },
+					triggerElement: ({ value: e }) => /* @__PURE__ */ j(r, {
+						style: { backgroundColor: X[l] },
 						size: Q,
 						type: $(!1),
-						icon: /* @__PURE__ */ M(_e, {}),
+						icon: /* @__PURE__ */ j(_e, {}),
 						disabled: J
 					}),
 					onChange: (e) => {
 						U.onChange({
-							format: u,
+							format: l,
 							value: e
 						});
 					}
 				})] }),
-				/* @__PURE__ */ N(j, { children: [/* @__PURE__ */ M(r, {
+				/* @__PURE__ */ M(A, { children: [/* @__PURE__ */ j(r, {
 					size: Q,
-					type: $(X[w.blotName] === "sub"),
-					icon: /* @__PURE__ */ N("div", { children: [/* @__PURE__ */ M("span", { children: "X" }), /* @__PURE__ */ M("sub", { children: "2" })] }),
+					type: $(X[C.blotName] === "sub"),
+					icon: /* @__PURE__ */ M("div", { children: [/* @__PURE__ */ j("span", { children: "X" }), /* @__PURE__ */ j("sub", { children: "2" })] }),
 					disabled: J,
 					onClick: (e) => {
 						U.onChange({
-							format: w.blotName,
-							value: X[w.blotName] === "sub" ? !1 : "sub"
+							format: C.blotName,
+							value: X[C.blotName] === "sub" ? !1 : "sub"
 						});
 					}
-				}), /* @__PURE__ */ M(r, {
+				}), /* @__PURE__ */ j(r, {
 					size: Q,
-					type: $(X[w.blotName] === "super"),
-					icon: /* @__PURE__ */ N("div", { children: [/* @__PURE__ */ M("span", { children: "X" }), /* @__PURE__ */ M("sup", { children: "2" })] }),
+					type: $(X[C.blotName] === "super"),
+					icon: /* @__PURE__ */ M("div", { children: [/* @__PURE__ */ j("span", { children: "X" }), /* @__PURE__ */ j("sup", { children: "2" })] }),
 					disabled: J,
 					onClick: (e) => {
 						U.onChange({
-							format: w.blotName,
-							value: X[w.blotName] === "super" ? !1 : "super"
+							format: C.blotName,
+							value: X[C.blotName] === "super" ? !1 : "super"
 						});
 					}
 				})] }),
-				/* @__PURE__ */ N(j, { children: [
-					/* @__PURE__ */ M(r, {
+				/* @__PURE__ */ M(A, { children: [
+					/* @__PURE__ */ j(r, {
 						size: Q,
-						type: $(!X[c]),
-						icon: /* @__PURE__ */ M(he, {}),
+						type: $(!X[s]),
+						icon: /* @__PURE__ */ j(B, {}),
 						onClick: (e) => {
 							U.onChange({
-								format: c,
+								format: s,
 								value: !1
 							});
 						}
 					}),
-					/* @__PURE__ */ M(r, {
+					/* @__PURE__ */ j(r, {
 						size: Q,
-						type: $(X[c] === "center"),
-						icon: /* @__PURE__ */ M(B, {}),
+						type: $(X[s] === "center"),
+						icon: /* @__PURE__ */ j(z, {}),
 						onClick: (e) => {
 							U.onChange({
-								format: c,
+								format: s,
 								value: X.align === "center" ? !1 : "center"
 							});
 						}
 					}),
-					/* @__PURE__ */ M(r, {
+					/* @__PURE__ */ j(r, {
 						size: Q,
-						type: $(X[c] === "right"),
-						icon: /* @__PURE__ */ M(ge, {}),
+						type: $(X[s] === "right"),
+						icon: /* @__PURE__ */ j(ge, {}),
 						onClick: (e) => {
 							U.onChange({
-								format: c,
+								format: s,
 								value: X.align === "right" ? !1 : "right"
 							});
 						}
 					}),
-					/* @__PURE__ */ M(r, {
+					/* @__PURE__ */ j(r, {
 						size: Q,
-						type: $(X[c] === "justify"),
-						icon: /* @__PURE__ */ M(me, {}),
+						type: $(X[s] === "justify"),
+						icon: /* @__PURE__ */ j(he, {}),
 						onClick: (e) => {
 							U.onChange({
-								format: c,
+								format: s,
 								value: X.align === "justify" ? !1 : "justify"
 							});
 						}
 					})
 				] }),
-				/* @__PURE__ */ N(j, { children: [
-					/* @__PURE__ */ M(r, {
+				/* @__PURE__ */ M(A, { children: [
+					/* @__PURE__ */ j(r, {
 						size: Q,
-						type: $(X[d.blotName]),
-						icon: /* @__PURE__ */ M(De, {}),
+						type: $(X[u.blotName]),
+						icon: /* @__PURE__ */ j(De, {}),
 						onClick: (e) => {
 							U.onChange({
-								format: d.blotName,
-								value: !X[d.blotName]
+								format: u.blotName,
+								value: !X[u.blotName]
 							});
 						}
 					}),
-					/* @__PURE__ */ M(r, {
+					/* @__PURE__ */ j(r, {
 						size: Q,
-						type: $(X[p.blotName]),
-						icon: /* @__PURE__ */ M(ye, {}),
+						type: $(X[f.blotName]),
+						icon: /* @__PURE__ */ j(ye, {}),
 						disabled: J,
 						onClick: (e) => {
 							U.onChange({
-								format: p.blotName,
-								value: !X[p.blotName]
+								format: f.blotName,
+								value: !X[f.blotName]
 							});
 						}
 					}),
-					/* @__PURE__ */ M(r, {
+					/* @__PURE__ */ j(r, {
 						size: Q,
-						type: $(X[m.blotName]),
-						icon: /* @__PURE__ */ M(be, {}),
+						type: $(X[p.blotName]),
+						icon: /* @__PURE__ */ j(be, {}),
 						onClick: (e) => {
 							U.onChange({
-								format: m.blotName,
-								value: !X[m.blotName]
+								format: p.blotName,
+								value: !X[p.blotName]
 							});
 						}
 					})
 				] }),
-				/* @__PURE__ */ N(j, { children: [/* @__PURE__ */ M(r, {
+				/* @__PURE__ */ M(A, { children: [/* @__PURE__ */ j(r, {
 					size: Q,
-					type: $(X[C.blotName] === "ordered"),
-					icon: /* @__PURE__ */ M(Ee, {}),
+					type: $(X[S.blotName] === "ordered"),
+					icon: /* @__PURE__ */ j(Ee, {}),
 					onClick: (e) => {
 						U.onChange({
-							format: C.blotName,
-							value: X[C.blotName] === "ordered" ? !1 : "ordered"
+							format: S.blotName,
+							value: X[S.blotName] === "ordered" ? !1 : "ordered"
 						});
 					}
-				}), /* @__PURE__ */ M(r, {
+				}), /* @__PURE__ */ j(r, {
 					size: Q,
-					type: $(X[C.blotName] === "bullet"),
-					icon: /* @__PURE__ */ M(Fe, {}),
+					type: $(X[S.blotName] === "bullet"),
+					icon: /* @__PURE__ */ j(Fe, {}),
 					onClick: (e) => {
 						U.onChange({
-							format: C.blotName,
-							value: X[C.blotName] === "bullet" ? !1 : "bullet"
+							format: S.blotName,
+							value: X[S.blotName] === "bullet" ? !1 : "bullet"
 						});
 					}
 				})] }),
-				/* @__PURE__ */ N(j, { children: [/* @__PURE__ */ M(r, {
+				/* @__PURE__ */ M(A, { children: [/* @__PURE__ */ j(r, {
 					size: Q,
 					type: $(!1),
-					icon: /* @__PURE__ */ M(I, {}),
+					icon: /* @__PURE__ */ j(F, {}),
 					onClick: (e) => {
 						U.onChange({
 							format: y,
 							value: "+1"
 						});
 					}
-				}), /* @__PURE__ */ M(r, {
+				}), /* @__PURE__ */ j(r, {
 					size: Q,
 					type: $(!1),
-					icon: /* @__PURE__ */ M(F, {}),
+					icon: /* @__PURE__ */ j(P, {}),
 					onClick: (e) => {
 						U.onChange({
 							format: y,
@@ -406,22 +406,22 @@ function V(t, k) {
 						});
 					}
 				})] }),
-				/* @__PURE__ */ M(j, { children: /* @__PURE__ */ M(r, {
+				/* @__PURE__ */ j(A, { children: /* @__PURE__ */ j(r, {
 					size: Q,
 					type: $(!1),
-					icon: X.direction === "rtl" ? /* @__PURE__ */ M(je, {}) : /* @__PURE__ */ M(Me, {}),
+					icon: X.direction === "rtl" ? /* @__PURE__ */ j(je, {}) : /* @__PURE__ */ j(Me, {}),
 					onClick: (e) => {
 						U.onChange({
-							format: ie,
+							format: ae,
 							value: X.direction === "rtl" ? !1 : "rtl"
 						});
 					}
 				}) }),
-				/* @__PURE__ */ N(j, { children: [
-					/* @__PURE__ */ M(r, {
+				/* @__PURE__ */ M(A, { children: [
+					/* @__PURE__ */ j(r, {
 						size: Q,
 						type: $(X[_.blotName]),
-						icon: /* @__PURE__ */ M(L, {}),
+						icon: /* @__PURE__ */ j(I, {}),
 						disabled: J,
 						onClick: (e) => {
 							U.onChange({
@@ -430,10 +430,10 @@ function V(t, k) {
 							});
 						}
 					}),
-					/* @__PURE__ */ M(r, {
+					/* @__PURE__ */ j(r, {
 						size: Q,
 						type: $(X[v.blotName]),
-						icon: /* @__PURE__ */ M(we, {}),
+						icon: /* @__PURE__ */ j(we, {}),
 						onClick: (e) => {
 							U.onChange({
 								format: v.blotName,
@@ -441,23 +441,23 @@ function V(t, k) {
 							});
 						}
 					}),
-					/* @__PURE__ */ M(r, {
+					/* @__PURE__ */ j(r, {
 						size: Q,
-						type: $(X[O.blotName]),
-						icon: /* @__PURE__ */ M(Ie, {}),
+						type: $(X[D.blotName]),
+						icon: /* @__PURE__ */ j(Ie, {}),
 						onClick: (e) => {
 							U.onChange({
-								format: O.blotName,
+								format: D.blotName,
 								value: !0
 							});
 						}
 					}),
 					!1,
 					!1,
-					/* @__PURE__ */ M(r, {
+					/* @__PURE__ */ j(r, {
 						size: Q,
 						type: $(!1),
-						icon: /* @__PURE__ */ M(P, {}),
+						icon: /* @__PURE__ */ j(N, {}),
 						onClick: (e) => {
 							U.onChange({
 								format: ce.blotName,
@@ -465,10 +465,10 @@ function V(t, k) {
 							});
 						}
 					}),
-					/* @__PURE__ */ M(r, {
+					/* @__PURE__ */ j(r, {
 						size: Q,
 						type: $(!1),
-						icon: /* @__PURE__ */ M(Ae, {}),
+						icon: /* @__PURE__ */ j(Ae, {}),
 						onClick: (e) => {
 							U.onChange({
 								format: le.blotName,
@@ -476,10 +476,10 @@ function V(t, k) {
 							});
 						}
 					}),
-					/* @__PURE__ */ M(re, {
+					/* @__PURE__ */ j(ie, {
 						trigger: "click",
 						triggerProps: { className: `${W}-emoji` },
-						content: /* @__PURE__ */ M(a, {
+						content: /* @__PURE__ */ j(i, {
 							wrap: !0,
 							inline: !0,
 							justifyContent: "flex-start",
@@ -487,26 +487,26 @@ function V(t, k) {
 							onClick: (e) => {
 								let t = e.target, n = t.innerText;
 								t.tagName === "SPAN" && Le(n) && U.onChange({
-									format: ae.blotName,
+									format: m.blotName,
 									value: n
 								});
 							},
-							children: Re.map((e, t, n) => /* @__PURE__ */ M("span", {
+							children: Re.map((e, t, n) => /* @__PURE__ */ j("span", {
 								className: `${W}-emoji-item`,
 								children: e
 							}, t))
 						}),
-						children: /* @__PURE__ */ M(r, {
+						children: /* @__PURE__ */ j(r, {
 							size: Q,
 							type: $(!1),
-							icon: /* @__PURE__ */ M(z, {})
+							icon: /* @__PURE__ */ j(R, {})
 						})
 					})
 				] }),
-				/* @__PURE__ */ N(j, { children: [/* @__PURE__ */ M(r, {
+				/* @__PURE__ */ M(A, { children: [/* @__PURE__ */ j(r, {
 					size: Q,
 					type: $(!1),
-					icon: /* @__PURE__ */ M(Pe, {}),
+					icon: /* @__PURE__ */ j(Pe, {}),
 					disabled: !G.history?.stack?.undo?.length,
 					onClick: (e) => {
 						U.onChange({
@@ -514,10 +514,10 @@ function V(t, k) {
 							value: !0
 						});
 					}
-				}), /* @__PURE__ */ M(r, {
+				}), /* @__PURE__ */ j(r, {
 					size: Q,
 					type: $(!1),
-					icon: /* @__PURE__ */ M(Oe, {}),
+					icon: /* @__PURE__ */ j(Oe, {}),
 					disabled: !G.history?.stack?.redo?.length,
 					onClick: (e) => {
 						U.onChange({
@@ -526,10 +526,10 @@ function V(t, k) {
 						});
 					}
 				})] }),
-				/* @__PURE__ */ N(j, { children: [/* @__PURE__ */ M(r, {
+				/* @__PURE__ */ M(A, { children: [/* @__PURE__ */ j(r, {
 					size: Q,
 					type: $(!1),
-					icon: /* @__PURE__ */ M(xe, {}),
+					icon: /* @__PURE__ */ j(xe, {}),
 					disabled: J,
 					onClick: (e) => {
 						U.onChange({
@@ -537,10 +537,10 @@ function V(t, k) {
 							value: !0
 						});
 					}
-				}), /* @__PURE__ */ M(r, {
+				}), /* @__PURE__ */ j(r, {
 					size: Q,
 					type: $(Y),
-					icon: M(Y ? Ce : R, {}),
+					icon: j(Y ? Ce : L, {}),
 					onClick: (e) => {
 						U.onChange({
 							format: "fullscreen",
@@ -552,7 +552,7 @@ function V(t, k) {
 		})
 	});
 }
-var H = k(V);
+var H = O(V);
 H.displayName = t.displayName + "Toolbar";
 //#endregion
 export { H as default };