useblocks 1.1.60 → 1.1.64

package/ui-kit/index.js

@@ -4376,33 +4376,38 @@ var Of = "list__item-borderless", kf = (e) => /* @__PURE__ */ F(ae, { ...e });
 kf.Item = ae.Item;
 //#endregion
 //#region packages/ui-kit/src/components/DataDisplay/Result/index.tsx
-function Af(e) {
+var Af = [
+	"success",
+	"error",
+	"info",
+	"warning",
+	"404",
+	"403",
+	"500"
+];
+function jf(e) {
 	if (e == null) return;
-	let t = Number(e);
-	return !Number.isNaN(t) && [
-		403,
-		404,
-		500
-	].includes(t) ? String(t) : e;
+	let t = String(e);
+	return Af.includes(t) ? t : "error";
 }
-var jf = ({ status: e, centered: t, className: n, ...r }) => {
-	let i = Af(e), a = [n, t ? "result--centered" : null].filter(Boolean).join(" ");
+var Mf = ({ status: e, centered: t, className: n, ...r }) => {
+	let i = jf(e), a = [n, t ? "result--centered" : null].filter(Boolean).join(" ");
 	return /* @__PURE__ */ F(fe, {
 		...r,
 		status: i,
 		className: a || void 0
 	});
 };
-jf.displayName = "Result";
+Mf.displayName = "Result";
 //#endregion
 //#region packages/ui-kit/src/components/DataDisplay/Skeleton/index.tsx
-var Mf = (e) => /* @__PURE__ */ F(ge, { ...e });
-Mf.Button = ge.Button, Mf.Avatar = ge.Avatar, Mf.Input = ge.Input, Mf.Image = ge.Image, Mf.Node = ge.Node;
+var Nf = (e) => /* @__PURE__ */ F(ge, { ...e });
+Nf.Button = ge.Button, Nf.Avatar = ge.Avatar, Nf.Input = ge.Input, Nf.Image = ge.Image, Nf.Node = ge.Node;
 //#endregion
 //#region packages/ui-kit/src/components/DataDisplay/Table/index.tsx
-var Nf = "table__selectedRow", Z = {
+var Pf = "table__selectedRow", Z = {
 	container: "table__container",
-	selectedRow: Nf,
+	selectedRow: Pf,
 	columnHeader: "table__columnHeader",
 	columnHeaderSortActive: "table__columnHeader--sortActive",
 	columnHeaderLabel: "table__columnHeaderLabel",
@@ -4418,7 +4423,7 @@ var Nf = "table__selectedRow", Z = {
 	tableMenu: "table__tableMenu",
 	avatarActions: "table__avatarActions",
 	paginationWrapper: "table__paginationWrapper"
-}, Pf = ({ label: e, isActive: t = !1, isAsc: n = !1, onClick: r, icon: i }) => /* @__PURE__ */ I("div", {
+}, Ff = ({ label: e, isActive: t = !1, isAsc: n = !1, onClick: r, icon: i }) => /* @__PURE__ */ I("div", {
 	className: R(Z.columnHeader, { [Z.columnHeaderSortActive]: t }),
 	onClick: r,
 	style: { cursor: r ? "pointer" : "inherit" },
@@ -4442,94 +4447,94 @@ var Nf = "table__selectedRow", Z = {
 			strokeWidth: 2
 		})
 	})]
-}), Ff = ({ className: e, children: t, ...n }) => /* @__PURE__ */ F("div", {
+}), If = ({ className: e, children: t, ...n }) => /* @__PURE__ */ F("div", {
 	className: R(Z.container, e),
 	...n,
 	children: t
-}), If = ({ className: e, children: t, ...n }) => /* @__PURE__ */ F("div", {
+}), Lf = ({ className: e, children: t, ...n }) => /* @__PURE__ */ F("div", {
 	className: R(Z.paginationWrapper, e),
 	...n,
 	children: t
-}), Lf = (e) => /* @__PURE__ */ F(be, { ...e });
-Lf.Container = Ff, Lf.PaginationWrapper = If, Lf.ColumnHeader = Pf, Lf.CLASS_NAMES = Z;
+}), Rf = (e) => /* @__PURE__ */ F(be, { ...e });
+Rf.Container = If, Rf.PaginationWrapper = Lf, Rf.ColumnHeader = Ff, Rf.CLASS_NAMES = Z;
 //#endregion
 //#region packages/ui-kit/src/components/DataDisplay/Tag/CheckableTag.tsx
-var Rf = ({ text: e, children: t, ...n }) => /* @__PURE__ */ F(Se.CheckableTag, {
+var zf = ({ text: e, children: t, ...n }) => /* @__PURE__ */ F(Se.CheckableTag, {
 	...n,
 	children: t || e || ""
-}), zf = ({ text: e, children: t, ...n }) => /* @__PURE__ */ F(Se, {
+}), Bf = ({ text: e, children: t, ...n }) => /* @__PURE__ */ F(Se, {
 	...n,
 	children: t || e || ""
-}), Bf = (e) => /* @__PURE__ */ F(v, { ...e });
-Bf.Item = v.Item, Bf.displayName = "Breadcrumb";
+}), Vf = (e) => /* @__PURE__ */ F(v, { ...e });
+Vf.Item = v.Item, Vf.displayName = "Breadcrumb";
 //#endregion
 //#region packages/ui-kit/src/components/Navigation/Dropdown/index.tsx
-var Vf = ({ className: e, children: n, ...r }) => {
+var Hf = ({ className: e, children: n, ...r }) => {
 	let i = t.Children.only(n), a = t.cloneElement(i, { className: R("em-dropdown", e, i.props.className) });
 	return /* @__PURE__ */ F(k, {
 		...r,
 		children: a
 	});
 };
-Vf.displayName = "Dropdown";
-var Hf = Vf;
-Hf.Button = k.Button;
-var Uf = (e) => /* @__PURE__ */ F(M, { ...e });
-Uf.Group = M.Group, Uf.BackTop = M.BackTop;
+Hf.displayName = "Dropdown";
+var Uf = Hf;
+Uf.Button = k.Button;
+var Wf = (e) => /* @__PURE__ */ F(M, { ...e });
+Wf.Group = M.Group, Wf.BackTop = M.BackTop;
 //#endregion
 //#region packages/ui-kit/src/components/Navigation/Menu/index.tsx
-var Wf = ({ className: e, ...t }) => /* @__PURE__ */ F(oe, {
+var Gf = ({ className: e, ...t }) => /* @__PURE__ */ F(oe, {
 	className: R("em-menu", e),
 	...t
 });
-Wf.displayName = "Menu";
+Gf.displayName = "Menu";
 //#endregion
 //#region packages/ui-kit/src/components/Navigation/Segmented/index.tsx
-var Gf = ({ variant: e = "default", className: t, ...n }) => /* @__PURE__ */ F(me, {
+var Kf = ({ variant: e = "default", className: t, ...n }) => /* @__PURE__ */ F(me, {
 	...n,
 	className: R(t, e === "view-switcher" && "segmented_view-switcher")
-}), Kf = {
+}), qf = {
 	inkBar: !1,
 	tabPane: !1
-}, qf = t.forwardRef(({ animated: e = Kf, ...t }, n) => /* @__PURE__ */ F(xe, {
+}, Jf = t.forwardRef(({ animated: e = qf, ...t }, n) => /* @__PURE__ */ F(xe, {
 	ref: n,
 	animated: e,
 	...t
-})), Jf = (e) => /* @__PURE__ */ F(p, { ...e });
-Jf.displayName = "Alert";
+})), Yf = (e) => /* @__PURE__ */ F(p, { ...e });
+Yf.displayName = "Alert";
 //#endregion
 //#region packages/ui-kit/src/components/Feedback/Modal/index.tsx
-var Yf = ({ className: e, centered: t = !0, rootClassName: n, ...r }) => /* @__PURE__ */ F(se, {
+var Xf = ({ className: e, centered: t = !0, rootClassName: n, ...r }) => /* @__PURE__ */ F(se, {
 	className: R("em-modal", e),
 	centered: t,
 	rootClassName: R("blocks-app", n),
 	...r
 });
-Yf.displayName = "Modal";
+Xf.displayName = "Modal";
 //#endregion
 //#region packages/ui-kit/src/components/Feedback/Popconfirm/index.tsx
-var Xf = ({ classNames: e, ...t }) => /* @__PURE__ */ F(le, {
+var Zf = ({ classNames: e, ...t }) => /* @__PURE__ */ F(le, {
 	classNames: typeof e == "object" && e ? {
 		...e,
 		root: R("em-popconfirm", e.root)
 	} : { root: "em-popconfirm" },
 	...t
 });
-Xf.displayName = "Popconfirm";
+Zf.displayName = "Popconfirm";
 //#endregion
 //#region packages/ui-kit/src/components/Feedback/Progress/index.tsx
-var Zf = (e) => /* @__PURE__ */ F(ue, { ...e });
-Zf.displayName = "Progress";
+var Qf = (e) => /* @__PURE__ */ F(ue, { ...e });
+Qf.displayName = "Progress";
 //#endregion
 //#region packages/ui-kit/src/components/Feedback/Spin/index.tsx
-var Qf = {
+var $f = {
 	small: 16,
 	default: 24,
 	large: 48
-}, $f = ({ indicator: e, size: t = "default", ...n }) => {
+}, ep = ({ indicator: e, size: t = "default", ...n }) => {
 	let r = /* @__PURE__ */ F(H, {
 		icon: "LoadingOutlined",
-		style: { fontSize: Qf[t] || 24 },
+		style: { fontSize: $f[t] || 24 },
 		spin: !0
 	});
 	return /* @__PURE__ */ F(ve, {
@@ -4537,14 +4542,14 @@ var Qf = {
 		size: t,
 		...n
 	});
-}, ep = i((e, t) => /* @__PURE__ */ F(j, {
+}, tp = i((e, t) => /* @__PURE__ */ F(j, {
 	ref: t,
 	...e
 }));
-ep.displayName = "Flex";
+tp.displayName = "Flex";
 //#endregion
 //#region packages/ui-kit/src/components/Feedback/PageLoader/index.tsx
-var tp = ({ small: e = !1, style: t = {} }) => /* @__PURE__ */ F(ep, {
+var np = ({ small: e = !1, style: t = {} }) => /* @__PURE__ */ F(tp, {
 	justify: "center",
 	align: "center",
 	style: {
@@ -4552,19 +4557,19 @@ var tp = ({ small: e = !1, style: t = {} }) => /* @__PURE__ */ F(ep, {
 		height: "80vh",
 		...t
 	},
-	children: /* @__PURE__ */ F($f, { size: "large" })
-}), np = Symbol.for("react.forward_ref"), rp = Symbol.for("react.memo");
-function ip(e) {
+	children: /* @__PURE__ */ F(ep, { size: "large" })
+}), rp = Symbol.for("react.forward_ref"), ip = Symbol.for("react.memo");
+function ap(e) {
 	if (!a(e)) return !1;
 	let t = e.type;
-	return typeof t == "string" || t?.$$typeof === np ? !0 : t?.$$typeof === rp ? ip({
+	return typeof t == "string" || t?.$$typeof === rp ? !0 : t?.$$typeof === ip ? ap({
 		...e,
 		type: t.type
 	}) : !!t?.prototype?.isReactComponent;
 }
 var Q = t.forwardRef(({ children: e, ...t }, r) => {
 	let i = n.count(e), a = i === 1 ? n.only(e) : null;
-	return i > 1 || a !== null && !ip(a) ? /* @__PURE__ */ F(Ce, {
+	return i > 1 || a !== null && !ap(a) ? /* @__PURE__ */ F(Ce, {
 		ref: r,
 		...t,
 		children: /* @__PURE__ */ F("span", { children: e })
@@ -4577,11 +4582,11 @@ var Q = t.forwardRef(({ children: e, ...t }, r) => {
 Q.displayName = "Tooltip";
 //#endregion
 //#region packages/ui-kit/src/components/Layout/index.tsx
-var ap = ie;
-ap.Header = ie.Header, ap.Content = ie.Content, ap.Sider = ie.Sider, ap.Footer = ie.Footer;
+var op = ie;
+op.Header = ie.Header, op.Content = ie.Content, op.Sider = ie.Sider, op.Footer = ie.Footer;
 //#endregion
 //#region packages/ui-kit/src/constants/index.ts
-var op = "dark", sp = "light", cp = {
+var sp = "dark", cp = "light", lp = {
 	em_color_scheme: "em_color_scheme",
 	em_code_mode_pane_sizes: "em_code_mode_pane_sizes",
 	em_preview_pane_sizes: "em_preview_pane_sizes",
@@ -4594,7 +4599,7 @@ var op = "dark", sp = "light", cp = {
 	em_active_tab: "em_active_tab",
 	em_ai_settings: "em_ai_settings",
 	em_last_active_page: "em_last_active_page"
-}, lp = 2 * Math.PI * 24, up = "rgba(0, 0, 0, 0.06)", dp = "rgb(255, 77, 79)", fp = "100%", pp = [
+}, up = 2 * Math.PI * 24, dp = "rgba(0, 0, 0, 0.06)", fp = "rgb(255, 77, 79)", pp = "100%", mp = [
 	"Backspace",
 	"Delete",
 	"ArrowLeft",
@@ -4605,7 +4610,7 @@ var op = "dark", sp = "light", cp = {
 	"Enter",
 	"Home",
 	"End"
-], mp = [
+], hp = [
 	{
 		label: "Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif",
 		value: "-apple-system, 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif",
@@ -4676,7 +4681,7 @@ var op = "dark", sp = "light", cp = {
 		value: "Verdana, Geneva, sans-serif",
 		className: "Verdana"
 	}
-], hp = {
+], gp = {
 	100: "Thin",
 	"100i": "Thin Italic",
 	200: "ExtraLight",
@@ -4695,15 +4700,15 @@ var op = "dark", sp = "light", cp = {
 	"800i": "ExtraBold Italic",
 	900: "Black",
 	"900i": "Black Italic"
-}, gp = {
+}, _p = {
 	safeFonts: "Safe Fonts",
 	googleFonts: "Google Fonts",
 	sansSerif: "Sans Serif",
 	serif: "Serif"
-}, _p = {
+}, vp = {
 	subsets: ["cyrillic"],
 	maxPopularity: 100
-}, vp = "Safe Fonts", yp = "Google Fonts", bp = "Sans Serif", xp = "Serif", Sp = t.forwardRef(({ data: e = [], coruselStyle: t, customDots: n = !1, carouselRef: r, effect: i = "fade", header: a = !1, className: o, style: s, children: c, ...l }, u) => {
+}, yp = "Safe Fonts", bp = "Google Fonts", xp = "Sans Serif", Sp = "Serif", Cp = t.forwardRef(({ data: e = [], coruselStyle: t, customDots: n = !1, carouselRef: r, effect: i = "fade", header: a = !1, className: o, style: s, children: c, ...l }, u) => {
 	let { token: d } = gn(), f = u ?? r, p = c ?? e.map((e) => /* @__PURE__ */ I("div", {
 		className: "slide",
 		children: [a && /* @__PURE__ */ F("div", {
@@ -4724,48 +4729,48 @@ var op = "dark", sp = "light", cp = {
 		children: p
 	})] });
 });
-Sp.displayName = "Carousel";
+Cp.displayName = "Carousel";
 //#endregion
 //#region packages/ui-kit/src/components/Typography/Link/index.tsx
-var Cp = t.forwardRef((e, t) => /* @__PURE__ */ F(we.Link, {
+var wp = t.forwardRef((e, t) => /* @__PURE__ */ F(we.Link, {
 	ref: t,
 	...e
 }));
-Cp.displayName = "Link";
+wp.displayName = "Link";
 //#endregion
 //#region packages/ui-kit/src/components/Typography/Paragraph/index.tsx
-var wp = t.forwardRef((e, t) => /* @__PURE__ */ F(we.Paragraph, {
+var Tp = t.forwardRef((e, t) => /* @__PURE__ */ F(we.Paragraph, {
 	ref: t,
 	...e
 }));
-wp.displayName = "Paragraph";
+Tp.displayName = "Paragraph";
 //#endregion
 //#region packages/ui-kit/src/components/Typography/Text/index.tsx
-var Tp = t.forwardRef((e, t) => /* @__PURE__ */ F(we.Text, {
+var Ep = t.forwardRef((e, t) => /* @__PURE__ */ F(we.Text, {
 	ref: t,
 	...e
 }));
-Tp.displayName = "Text";
+Ep.displayName = "Text";
 //#endregion
 //#region packages/ui-kit/src/components/Typography/Title/index.tsx
-var Ep = t.forwardRef((e, t) => /* @__PURE__ */ F(we.Title, {
+var Dp = t.forwardRef((e, t) => /* @__PURE__ */ F(we.Title, {
 	ref: t,
 	...e
 }));
-Ep.displayName = "Title";
+Dp.displayName = "Title";
 //#endregion
 //#region packages/ui-kit/src/components/Typography/index.tsx
-var Dp = t.forwardRef((e, t) => /* @__PURE__ */ F(we, {
+var Op = t.forwardRef((e, t) => /* @__PURE__ */ F(we, {
 	ref: t,
 	...e
 }));
-Dp.displayName = "Typography";
-var Op = Dp;
-Op.Title = Ep, Op.Text = Tp, Op.Paragraph = wp, Op.Link = Cp;
+Op.displayName = "Typography";
+var kp = Op;
+kp.Title = Dp, kp.Text = Ep, kp.Paragraph = Tp, kp.Link = wp;
 //#endregion
 //#region packages/ui-kit/src/components/Media/CustomCarousel/CustomDots/IconWithProgress.tsx
-var kp = ({ icon: e, isActive: t, onClick: n, duration: r, onComplete: i }) => {
-	let a = globalThis.localStorage.getItem(cp.em_color_scheme), o = matchMedia("(prefers-color-scheme: dark)").matches ? op : sp;
+var Ap = ({ icon: e, isActive: t, onClick: n, duration: r, onComplete: i }) => {
+	let a = globalThis.localStorage.getItem(lp.em_color_scheme), o = matchMedia("(prefers-color-scheme: dark)").matches ? sp : cp;
 	return /* @__PURE__ */ I("div", {
 		className: `carousel-custom-dots-item carousel-custom-dots-item--${(a || o) === "dark" ? "dark" : "light"}`,
 		onClick: n,
@@ -4776,8 +4781,8 @@ var kp = ({ icon: e, isActive: t, onClick: n, duration: r, onComplete: i }) => {
 				cx: "25",
 				cy: "25",
 				r: 24,
-				strokeDasharray: lp,
-				strokeDashoffset: lp,
+				strokeDasharray: up,
+				strokeDashoffset: up,
 				style: { animationDuration: `${r}ms` },
 				onAnimationEnd: i
 			})
@@ -4786,7 +4791,7 @@ var kp = ({ icon: e, isActive: t, onClick: n, duration: r, onComplete: i }) => {
 			className: "carousel-custom-dots-item__icon"
 		})]
 	});
-}, Ap = 8e3, jp = ({ items: e, duration: t = Ap, autoplay: n = !0, activeIndex: r, defaultActiveIndex: i = 0, onChange: a, className: s, style: l }) => {
+}, jp = 8e3, Mp = ({ items: e, duration: t = jp, autoplay: n = !0, activeIndex: r, defaultActiveIndex: i = 0, onChange: a, className: s, style: l }) => {
 	let u = r !== void 0, [p, m] = f(i), h = u ? r : p, [g, _] = f(n), v = d(null), y = o((e) => {
 		u || m(e), a?.(e);
 	}, [u, a]), b = o((e) => {
@@ -4815,7 +4820,7 @@ var kp = ({ icon: e, isActive: t, onClick: n, duration: r, onComplete: i }) => {
 	}, [n]), /* @__PURE__ */ F("div", {
 		className: ["carousel-custom-dots", s].filter(Boolean).join(" "),
 		style: l,
-		children: e.map((e, n) => /* @__PURE__ */ F(kp, {
+		children: e.map((e, n) => /* @__PURE__ */ F(Ap, {
 			icon: e,
 			isActive: h === n,
 			onClick: () => b(n),
@@ -4823,18 +4828,18 @@ var kp = ({ icon: e, isActive: t, onClick: n, duration: r, onComplete: i }) => {
 			onComplete: x
 		}, e))
 	});
-}, Mp = [
+}, Np = [
 	"SliderGroup",
 	"SliderTemplates",
 	"SliderBlocks",
 	"SliderAdaptive",
 	"SliderMagic"
-], Np = i(({ data: e = [], sliderStyle: t, customDots: n = !1, ...r }, i) => {
+], Pp = i(({ data: e = [], sliderStyle: t, customDots: n = !1, ...r }, i) => {
 	let a = d(null);
-	return /* @__PURE__ */ I(P, { children: [/* @__PURE__ */ F(jp, {
-		items: Mp,
+	return /* @__PURE__ */ I(P, { children: [/* @__PURE__ */ F(Mp, {
+		items: Np,
 		onChange: (e) => a.current?.goTo(e)
-	}), /* @__PURE__ */ F(Sp, {
+	}), /* @__PURE__ */ F(Cp, {
 		data: e,
 		carouselRef: a,
 		dots: !1,
@@ -4842,16 +4847,16 @@ var kp = ({ icon: e, isActive: t, onClick: n, duration: r, onComplete: i }) => {
 		...r
 	})] });
 });
-Np.displayName = "CustomCarousel";
+Pp.displayName = "CustomCarousel";
 //#endregion
 //#region packages/ui-kit/src/components/Custom/Inputs/InputSelect/index.tsx
-var { Option: Pp } = of, Fp = ({ options: e, position: t, setPosition: n, unit: r, setUnit: i, placeholder: a = "", prefix: s = "", dropdownStyle: c, tooltipTitle: l, tooltipPlacement: u = "bottom", getTooltipPopupContainer: d }) => {
+var { Option: Fp } = of, Ip = ({ options: e, position: t, setPosition: n, unit: r, setUnit: i, placeholder: a = "", prefix: s = "", dropdownStyle: c, tooltipTitle: l, tooltipPlacement: u = "bottom", getTooltipPopupContainer: d }) => {
 	let f = o((t) => t ? h(t) ? parseFloat(t) >= 0 : e && e.length > 0 ? e.map((e) => typeof e == "string" ? e : e.value).some((e) => String(e).toLowerCase().includes(t.toLowerCase())) : !0 : !0, [e]), p = o((e) => {
 		f(e) && n(e);
 	}, [n, f]), m = o((e) => {
 		i(e);
 	}, [i]), h = (e) => e ? !isNaN(parseFloat(e)) && isFinite(parseFloat(e)) : !1, g = {
-		width: h(t) ? "66%" : fp,
+		width: h(t) ? "66%" : pp,
 		height: 34
 	}, _ = { width: "34%" }, v = o((e, t) => {
 		if (h(e)) {
@@ -4872,7 +4877,7 @@ var { Option: Pp } = of, Fp = ({ options: e, position: t, setPosition: n, unit:
 			placeholder: a,
 			prefix: s,
 			onKeyDown: (t) => {
-				pp.includes(t.key) || /[\d.]/.test(t.key) || e && e.length > 0 && e.some((e) => {
+				mp.includes(t.key) || /[\d.]/.test(t.key) || e && e.length > 0 && e.some((e) => {
 					let n = typeof e == "string" ? e : e.value;
 					return String(n).toLowerCase().includes(t.key.toLowerCase());
 				}) || t.preventDefault();
@@ -4883,10 +4888,10 @@ var { Option: Pp } = of, Fp = ({ options: e, position: t, setPosition: n, unit:
 		style: _,
 		value: r,
 		onChange: m,
-		children: [/* @__PURE__ */ F(Pp, {
+		children: [/* @__PURE__ */ F(Fp, {
 			value: "px",
 			children: "px"
-		}), /* @__PURE__ */ F(Pp, {
+		}), /* @__PURE__ */ F(Fp, {
 			value: "%",
 			children: "%"
 		})]
@@ -4898,10 +4903,10 @@ var { Option: Pp } = of, Fp = ({ options: e, position: t, setPosition: n, unit:
 		getPopupContainer: d,
 		children: /* @__PURE__ */ F("div", { children: b })
 	}) : b;
-}, Ip = ({ text: e, exceeded: t = !1, color: n = up, exceededColor: r = dp, className: i, style: a, extra: o }) => /* @__PURE__ */ I("div", {
+}, Lp = ({ text: e, exceeded: t = !1, color: n = dp, exceededColor: r = fp, className: i, style: a, extra: o }) => /* @__PURE__ */ I("div", {
 	className: ["limits-counter-wrapper", i].filter(Boolean).join(" "),
 	style: a,
-	children: [/* @__PURE__ */ F(zf, {
+	children: [/* @__PURE__ */ F(Bf, {
 		variant: "filled",
 		text: e,
 		className: `limits-counter${t ? " limits-counter--exceeded" : ""}`,
@@ -4910,13 +4915,13 @@ var { Option: Pp } = of, Fp = ({ options: e, position: t, setPosition: n, unit:
 		className: "limits-counter-extra",
 		children: o
 	})]
-}), Lp = "draggable-input-number__handle", $ = t.forwardRef(({ dragspeed: e = 1, prefix: t, onChange: n, ...r }, i) => {
+}), Rp = "draggable-input-number__handle", $ = t.forwardRef(({ dragspeed: e = 1, prefix: t, onChange: n, ...r }, i) => {
 	let [a, s] = f(!1), [l, u] = f(0), [d, p] = f(null), m = r.value !== void 0, [h, g] = f(!1), [_, v] = f(null), [y, b] = f(null), x = h ? _ : r.defaultValue ?? null, S = a && y !== null ? y : m ? r.value ?? null : x, C = o((e) => {
 		m || (g(!0), v(e));
 	}, [m]), w = o((e) => {
 		C(e), n?.(e);
 	}, [C, n]), T = (e) => {
-		e.target.closest?.(`.${Lp}`) && (e.preventDefault(), s(!0), u(e.clientX), p(S));
+		e.target.closest?.(`.${Rp}`) && (e.preventDefault(), s(!0), u(e.clientX), p(S));
 	}, E = o(() => {
 		s(!1), b(null);
 	}, []), D = o((t) => {
@@ -4939,7 +4944,7 @@ var { Option: Pp } = of, Fp = ({ options: e, position: t, setPosition: n, unit:
 	}), [E, D]);
 	let ee = t == null ? t : /* @__PURE__ */ F("span", {
 		role: "none",
-		className: Lp,
+		className: Rp,
 		children: t
 	});
 	return /* @__PURE__ */ I("div", {
@@ -4958,27 +4963,27 @@ var { Option: Pp } = of, Fp = ({ options: e, position: t, setPosition: n, unit:
 			onMouseUp: E
 		})]
 	});
-}), Rp = (e) => e?.closest(".blocks-app") || (e?.ownerDocument?.body ?? document.body);
-function zp(e, t, n, r) {
+}), zp = (e) => e?.closest(".blocks-app") || (e?.ownerDocument?.body ?? document.body);
+function Bp(e, t, n, r) {
 	return e.filter((e) => e.subsets.some((e) => n.includes(e)) && e.category === t && e.popularity < r);
 }
-function Bp(e) {
+function Vp(e) {
 	return e.map((e) => ({
 		label: e.family,
 		value: e.family,
-		children: Object.keys(e.fonts).filter((e) => hp[e]).map((e) => ({
-			label: hp[e],
-			value: hp[e]
+		children: Object.keys(e.fonts).filter((e) => gp[e]).map((e) => ({
+			label: gp[e],
+			value: gp[e]
 		}))
 	}));
 }
-var Vp = ({ value: e, onChange: t, textEditor: n = !1, safeFonts: r, googleFontsData: i, loadGoogleFonts: a, loading: s, getPopupContainer: l = Rp, style: p, placement: m = "bottomRight", labels: h, filterOptions: g }) => {
+var Hp = ({ value: e, onChange: t, textEditor: n = !1, safeFonts: r, googleFontsData: i, loadGoogleFonts: a, loading: s, getPopupContainer: l = zp, style: p, placement: m = "bottomRight", labels: h, filterOptions: g }) => {
 	let [_, v] = f(), y = d(e), [b, x] = f(null), [S, C] = f(!!a), { __: w } = G(), T = u(() => ({
 		safeFonts: h?.safeFonts ?? w("Safe Fonts"),
 		googleFonts: h?.googleFonts ?? w("Google Fonts"),
 		sansSerif: h?.sansSerif ?? w("Sans Serif"),
 		serif: h?.serif ?? w("Serif")
-	}), [h, w]), E = g?.subsets ?? _p.subsets, D = g?.maxPopularity ?? _p.maxPopularity, ee = r ?? mp, O = i ?? b, k = s ?? S;
+	}), [h, w]), E = g?.subsets ?? vp.subsets, D = g?.maxPopularity ?? vp.maxPopularity, ee = r ?? hp, O = i ?? b, k = s ?? S;
 	c(() => {
 		if (!a || i) return;
 		let e = !1;
@@ -4991,8 +4996,8 @@ var Vp = ({ value: e, onChange: t, textEditor: n = !1, safeFonts: r, googleFonts
 		};
 	}, [a, i]);
 	let { filteredSansSerif: A, filteredSerif: j } = u(() => O ? {
-		filteredSansSerif: zp(O.familyMetadataList, bp, E, D),
-		filteredSerif: zp(O.familyMetadataList, xp, E, D)
+		filteredSansSerif: Bp(O.familyMetadataList, xp, E, D),
+		filteredSerif: Bp(O.familyMetadataList, Sp, E, D)
 	} : {
 		filteredSansSerif: [],
 		filteredSerif: []
@@ -5005,13 +5010,13 @@ var Vp = ({ value: e, onChange: t, textEditor: n = !1, safeFonts: r, googleFonts
 		if (!O) return;
 		let t = e !== y.current;
 		y.current = e, n && t ? e ? e[1] === "Sans Serif" ? v([
-			yp,
 			bp,
+			xp,
 			A.find((t) => t?.family.replace(/\s/g, "") === String(e[2]).replace(/\s/g, ""))?.family ?? "",
 			String(e[3]).replace(/Italic/g, " Italic")
 		]) : e[1] === "Serif" ? v([
-			yp,
-			xp,
+			bp,
+			Sp,
 			j.find((t) => t?.family.replace(/\s/g, "") === String(e[2]).replace(/\s/g, ""))?.family ?? "",
 			String(e[3]).replace(/Italic/g, " Italic")
 		]) : (e[0] === "Safe Fonts" || _ === void 0) && v(e) : v([""]) : !t && _ === void 0 && v(e), !n && (t || _ === void 0) && v(e);
@@ -5023,9 +5028,9 @@ var Vp = ({ value: e, onChange: t, textEditor: n = !1, safeFonts: r, googleFonts
 		A,
 		j
 	]);
-	let M = u(() => Bp(A), [A]), te = u(() => Bp(j), [j]), ne = u(() => {
+	let M = u(() => Vp(A), [A]), te = u(() => Vp(j), [j]), ne = u(() => {
 		if (k) return [{
-			label: /* @__PURE__ */ F($f, {
+			label: /* @__PURE__ */ F(ep, {
 				size: "small",
 				style: { marginLeft: 8 }
 			}),
@@ -5034,19 +5039,19 @@ var Vp = ({ value: e, onChange: t, textEditor: n = !1, safeFonts: r, googleFonts
 		}];
 		let e = [{
 			label: T.safeFonts,
-			value: vp,
+			value: yp,
 			children: ee
 		}];
 		return O && e.push({
 			label: T.googleFonts,
-			value: yp,
+			value: bp,
 			children: [{
 				label: T.sansSerif,
-				value: bp,
+				value: xp,
 				children: M
 			}, {
 				label: T.serif,
-				value: xp,
+				value: Sp,
 				children: te
 			}]
 		}), e;
@@ -5069,25 +5074,25 @@ var Vp = ({ value: e, onChange: t, textEditor: n = !1, safeFonts: r, googleFonts
 		popupClassName: "control-font-family-dropdown",
 		options: ne,
 		getPopupContainer: o((e) => {
-			let t = Rp(e), n = l?.(e) ?? t, r = e.ownerDocument?.defaultView?.getComputedStyle(n);
+			let t = zp(e), n = l?.(e) ?? t, r = e.ownerDocument?.defaultView?.getComputedStyle(n);
 			return r != null && (r.overflowX === "hidden" || r.overflowX === "clip" || r.overflow === "hidden" || r.overflow === "clip") ? t : n;
 		}, [l]),
 		onChange: N,
 		style: p
 	});
 };
-Vp.displayName = "ControlFontFamily";
+Hp.displayName = "ControlFontFamily";
 //#endregion
 //#region packages/ui-kit/src/components/Custom/PanelForm/index.tsx
-var Hp = r(null), Up = i(({ children: e, className: t, style: n }, r) => /* @__PURE__ */ F("span", {
+var Up = r(null), Wp = i(({ children: e, className: t, style: n }, r) => /* @__PURE__ */ F("span", {
 	ref: r,
 	className: R("panel-form__header-title", t),
 	style: n,
 	children: e
 }));
-Up.displayName = "PanelForm.HeaderTitle";
-var Wp = i(({ children: e, title: t, extra: n, onClose: r, closeIcon: i, labels: a = {}, className: o, style: u }, d) => {
-	let f = l(), p = s(Hp), { __: m } = G();
+Wp.displayName = "PanelForm.HeaderTitle";
+var Gp = i(({ children: e, title: t, extra: n, onClose: r, closeIcon: i, labels: a = {}, className: o, style: u }, d) => {
+	let f = l(), p = s(Up), { __: m } = G();
 	return c(() => {
 		if (t != null && p) return p(f), () => p("");
 	}, [
@@ -5122,8 +5127,8 @@ var Wp = i(({ children: e, title: t, extra: n, onClose: r, closeIcon: i, labels:
 		]
 	});
 });
-Wp.displayName = "PanelForm.Header";
-function Gp(e) {
+Gp.displayName = "PanelForm.Header";
+function Kp(e) {
 	if (e === void 0) return;
 	if (typeof e == "number") return e === 0 ? { padding: 0 } : { padding: `0 ${e}px` };
 	let t = e.horizontal, n = e.vertical;
@@ -5131,30 +5136,30 @@ function Gp(e) {
 	let r = {};
 	return t !== void 0 && (r.paddingLeft = `${t}px`, r.paddingRight = `${t}px`), n !== void 0 && (r.paddingTop = `${n}px`, r.paddingBottom = `${n}px`), Object.keys(r).length ? r : void 0;
 }
-var Kp = i(({ children: e, padding: t, disableScroll: n = !1, className: r, style: i }, a) => /* @__PURE__ */ F("div", {
+var qp = i(({ children: e, padding: t, disableScroll: n = !1, className: r, style: i }, a) => /* @__PURE__ */ F("div", {
 	ref: a,
 	className: R("panel-form__body", { "panel-form__body--no-scroll": n }, r),
 	style: i,
 	children: /* @__PURE__ */ F("div", {
 		className: "panel-form__body-content",
-		style: Gp(t) ?? void 0,
+		style: Kp(t) ?? void 0,
 		children: e
 	})
 }));
-Kp.displayName = "PanelForm.Body";
-var qp = i(({ children: e, className: t, style: n }, r) => /* @__PURE__ */ F("div", {
+qp.displayName = "PanelForm.Body";
+var Jp = i(({ children: e, className: t, style: n }, r) => /* @__PURE__ */ F("div", {
 	ref: r,
 	className: R("panel-form__footer", t),
 	style: n,
 	children: e
 }));
-qp.displayName = "PanelForm.Footer";
-var Jp = i(({ width: e, children: t, className: n, style: r, "aria-labelledby": i }, a) => {
+Jp.displayName = "PanelForm.Footer";
+var Yp = i(({ width: e, children: t, className: n, style: r, "aria-labelledby": i }, a) => {
 	let [o, s] = f(""), c = e === "small" || e === "medium" || e === "large", l = !c && e != null ? {
 		width: typeof e == "number" ? `${e}px` : e,
 		maxWidth: "100%"
 	} : void 0, u = i ?? (o || void 0);
-	return /* @__PURE__ */ F(Hp.Provider, {
+	return /* @__PURE__ */ F(Up.Provider, {
 		value: s,
 		children: /* @__PURE__ */ F("div", {
 			ref: a,
@@ -5169,13 +5174,13 @@ var Jp = i(({ width: e, children: t, className: n, style: r, "aria-labelledby":
 		})
 	});
 });
-Jp.displayName = "PanelForm";
-var Yp = Object.assign(Jp, {
-	Header: Wp,
-	HeaderTitle: Up,
-	Body: Kp,
-	Footer: qp
-}), Xp = ({ value: e, defaultValue: t = "", onChange: n, options: r, tooltipPlacement: i = "top", className: a }) => /* @__PURE__ */ F(X.Group, {
+Yp.displayName = "PanelForm";
+var Xp = Object.assign(Yp, {
+	Header: Gp,
+	HeaderTitle: Wp,
+	Body: qp,
+	Footer: Jp
+}), Zp = ({ value: e, defaultValue: t = "", onChange: n, options: r, tooltipPlacement: i = "top", className: a }) => /* @__PURE__ */ F(X.Group, {
 	value: e,
 	defaultValue: t,
 	onChange: n,
@@ -5190,10 +5195,10 @@ var Yp = Object.assign(Jp, {
 		})
 	}, e.value))
 });
-Xp.displayName = "RadioColorFilter";
+Zp.displayName = "RadioColorFilter";
 //#endregion
 //#region packages/ui-kit/src/components/Custom/FormPanel/FormSection/index.tsx
-var Zp = ({ title: e, collapsible: t = !1, defaultOpen: n = !0, open: r, onToggle: i, dividerTop: a = "auto", dividerBottom: s = !1, compact: c = !1, titleStyle: l, children: u, className: d, style: p, bodyStyle: m, labels: h = {} }) => {
+var Qp = ({ title: e, collapsible: t = !1, defaultOpen: n = !0, open: r, onToggle: i, dividerTop: a = "auto", dividerBottom: s = !1, compact: c = !1, titleStyle: l, children: u, className: d, style: p, bodyStyle: m, labels: h = {} }) => {
 	let { __: g } = G(), _ = r !== void 0, [v, y] = f(n), b = _ ? r : v, x = o(() => {
 		let e = !b;
 		_ || y(e), i?.(e);
@@ -5242,10 +5247,10 @@ var Zp = ({ title: e, collapsible: t = !1, defaultOpen: n = !0, open: r, onToggl
 		]
 	});
 };
-Zp.displayName = "FormSection";
+Qp.displayName = "FormSection";
 //#endregion
 //#region packages/ui-kit/src/components/Custom/FormPanel/FormPaddingInputs/index.tsx
-var Qp = ({ namePrefix: e = "", typeOfForm: t = "desktop", extended: n, onToggleExtended: r, showHorizontal: i = !0, max: a = 300, gutter: o = 10, rowStyle: s, buttonClassName: c = "selected-td-form__button", formItemClassName: l = "form-item-margin-xs", fieldNames: u, labels: d = {} }) => {
+var $p = ({ namePrefix: e = "", typeOfForm: t = "desktop", extended: n, onToggleExtended: r, showHorizontal: i = !0, max: a = 300, gutter: o = 10, rowStyle: s, buttonClassName: c = "selected-td-form__button", formItemClassName: l = "form-item-margin-xs", fieldNames: u, labels: d = {} }) => {
 	let { __: f } = G(), p = {
 		horizontal: d.horizontal ?? f("Horizontal"),
 		vertical: d.vertical ?? f("Vertical"),
@@ -5400,10 +5405,10 @@ var Qp = ({ namePrefix: e = "", typeOfForm: t = "desktop", extended: n, onToggle
 		] })
 	});
 };
-Qp.displayName = "FormPaddingInputs";
+$p.displayName = "FormPaddingInputs";
 //#endregion
 //#region packages/ui-kit/src/components/Custom/FormPanel/FormSizeInputs/index.tsx
-var $p = ({ namePrefix: e = "", typeOfForm: t = "desktop", showWidth: n = !0, showHeight: r = !0, showMinMax: i = !1, maxWidth: a, dimensionSelect: o, minWidthDimensionSelect: s, maxWidthDimensionSelect: c, gutter: l = 10, columnsPerRow: u, rowStyle: d, formItemClassName: f = "form-size-inputs__form-item", fieldNames: p, labels: m = {} }) => {
+var em = ({ namePrefix: e = "", typeOfForm: t = "desktop", showWidth: n = !0, showHeight: r = !0, showMinMax: i = !1, maxWidth: a, dimensionSelect: o, minWidthDimensionSelect: s, maxWidthDimensionSelect: c, gutter: l = 10, columnsPerRow: u, rowStyle: d, formItemClassName: f = "form-size-inputs__form-item", fieldNames: p, labels: m = {} }) => {
 	let { __: h } = G(), g = {
 		width: m.width ?? h("Width"),
 		height: m.height ?? h("Height"),
@@ -5502,10 +5507,10 @@ var $p = ({ namePrefix: e = "", typeOfForm: t = "desktop", showWidth: n = !0, sh
 		]
 	});
 };
-$p.displayName = "FormSizeInputs";
+em.displayName = "FormSizeInputs";
 //#endregion
 //#region packages/ui-kit/src/components/Custom/FormPanel/FormDirectionControl/index.tsx
-var em = ({ value: e, onChange: t, labels: n = {}, disabled: r = !1, size: i, strokeWidth: a, tooltipPlacement: o = "top", className: s }) => {
+var tm = ({ value: e, onChange: t, labels: n = {}, disabled: r = !1, size: i, strokeWidth: a, tooltipPlacement: o = "top", className: s }) => {
 	let { __: l } = G(), u = {
 		rtlLabel: n.rtlLabel ?? l("Right to left"),
 		ltrLabel: n.ltrLabel ?? l("Left to right")
@@ -5558,10 +5563,10 @@ var em = ({ value: e, onChange: t, labels: n = {}, disabled: r = !1, size: i, st
 		children: h
 	}) : h });
 };
-em.displayName = "FormDirectionControl";
+tm.displayName = "FormDirectionControl";
 //#endregion
 //#region packages/ui-kit/src/components/Custom/FormDisplayControl/index.tsx
-var tm = ({ children: e, directionControl: t, gutter: n = 20, span: r = 12, secondaryColumnAlign: i = "right", className: a }) => {
+var nm = ({ children: e, directionControl: t, gutter: n = 20, span: r = 12, secondaryColumnAlign: i = "right", className: a }) => {
 	let o = `em-form-display-control__secondary--align-${i}`;
 	return /* @__PURE__ */ I(q, {
 		gutter: n,
@@ -5577,10 +5582,10 @@ var tm = ({ children: e, directionControl: t, gutter: n = 20, span: r = 12, seco
 		})]
 	});
 };
-tm.displayName = "FormDisplayControl";
+nm.displayName = "FormDisplayControl";
 //#endregion
 //#region packages/ui-kit/src/components/Custom/FormBorderInputs/index.tsx
-var nm = ({ form: e, namePrefix: t = "", typeOfForm: n = "desktop", fieldStructure: r = "nested", borderValues: i, fieldNames: a, usedColors: o, labels: s = {} }) => {
+var rm = ({ form: e, namePrefix: t = "", typeOfForm: n = "desktop", fieldStructure: r = "nested", borderValues: i, fieldNames: a, usedColors: o, labels: s = {} }) => {
 	let { __: c, _x: l } = G(), u = {
 		color: s.color ?? c("Color"),
 		width: s.width ?? l("Width", "border"),
@@ -5809,10 +5814,10 @@ var nm = ({ form: e, namePrefix: t = "", typeOfForm: n = "desktop", fieldStructu
 		})]
 	});
 };
-nm.displayName = "FormBorderInputs";
+rm.displayName = "FormBorderInputs";
 //#endregion
 //#region packages/ui-kit/src/components/Custom/FormBorderRadiusInputs/index.tsx
-var rm = ({ namePrefix: e = "", typeOfForm: t = "desktop", oneBorderRadiusValue: n, onToggle: r, borderRadiusIcon: i, labels: a = {}, buttonClassName: o = "selected-td-form__button", formItemClassName: s = "form-item-margin-xs", fieldNames: c }) => {
+var im = ({ namePrefix: e = "", typeOfForm: t = "desktop", oneBorderRadiusValue: n, onToggle: r, borderRadiusIcon: i, labels: a = {}, buttonClassName: o = "selected-td-form__button", formItemClassName: s = "form-item-margin-xs", fieldNames: c }) => {
 	let { __: l } = G(), u = {
 		borderRadius: a.borderRadius ?? l("Border radius"),
 		topLeft: a.topLeft ?? l("Top left corner"),
@@ -5925,10 +5930,10 @@ var rm = ({ namePrefix: e = "", typeOfForm: t = "desktop", oneBorderRadiusValue:
 		]
 	});
 };
-rm.displayName = "FormBorderRadiusInputs";
+im.displayName = "FormBorderRadiusInputs";
 //#endregion
 //#region packages/ui-kit/src/components/Custom/FormBoxShadowInputs/index.tsx
-var im = ({ namePrefix: e = "", typeOfForm: t = "desktop", usedColors: n, labels: r = {}, formItemClassName: i = "form-item-margin-xs", fieldNames: a }) => {
+var am = ({ namePrefix: e = "", typeOfForm: t = "desktop", usedColors: n, labels: r = {}, formItemClassName: i = "form-item-margin-xs", fieldNames: a }) => {
 	let { __: o } = G(), s = {
 		hOffset: r.hOffset ?? o("Horizontal offset"),
 		vOffset: r.vOffset ?? o("Vertical offset"),
@@ -6038,7 +6043,7 @@ var im = ({ namePrefix: e = "", typeOfForm: t = "desktop", usedColors: n, labels
 						name: b,
 						valuePropName: "value",
 						className: i,
-						children: /* @__PURE__ */ F(Gf, {
+						children: /* @__PURE__ */ F(Kf, {
 							style: { width: "100%" },
 							options: [{
 								label: s.outside,
@@ -6054,10 +6059,10 @@ var im = ({ namePrefix: e = "", typeOfForm: t = "desktop", usedColors: n, labels
 		]
 	});
 };
-im.displayName = "FormBoxShadowInputs";
+am.displayName = "FormBoxShadowInputs";
 //#endregion
 //#region packages/ui-kit/src/components/Custom/FormPanel/FormStyleToggleButton/index.tsx
-var am = ({ name: e, tooltipTitle: t, icon: n, className: r }) => {
+var om = ({ name: e, tooltipTitle: t, icon: n, className: r }) => {
 	let i = U.useFormInstance(), a = U.useWatch(e, i) ?? !1;
 	return /* @__PURE__ */ I(P, { children: [/* @__PURE__ */ F(U.Item, {
 		name: e,
@@ -6075,10 +6080,10 @@ var am = ({ name: e, tooltipTitle: t, icon: n, className: r }) => {
 		})
 	})] });
 };
-am.displayName = "FormStyleToggleButton";
+om.displayName = "FormStyleToggleButton";
 //#endregion
 //#region packages/ui-kit/src/components/Custom/FormPanel/FormSwitchRow/index.tsx
-var om = ({ name: e, label: t, className: n }) => /* @__PURE__ */ F(U.Item, {
+var sm = ({ name: e, label: t, className: n }) => /* @__PURE__ */ F(U.Item, {
 	className: R("form-switch-row__item", n),
 	children: /* @__PURE__ */ I("div", {
 		className: "form-switch-row",
@@ -6087,18 +6092,18 @@ var om = ({ name: e, label: t, className: n }) => /* @__PURE__ */ F(U.Item, {
 			valuePropName: "checked",
 			noStyle: !0,
 			children: /* @__PURE__ */ F(lf, {})
-		}), /* @__PURE__ */ F(Op.Text, {
+		}), /* @__PURE__ */ F(kp.Text, {
 			className: "form-switch-row__label",
 			children: t
 		})]
 	})
 });
-om.displayName = "FormSwitchRow";
+sm.displayName = "FormSwitchRow";
 //#endregion
 //#region packages/ui-kit/src/components/Custom/FormPanel/FormColorField/index.tsx
-var sm = ({ name: e, label: t, usedColors: n, usedLabel: r, recommendedLabel: i, allowClear: a = !1, className: o }) => /* @__PURE__ */ I("div", {
+var cm = ({ name: e, label: t, usedColors: n, usedLabel: r, recommendedLabel: i, allowClear: a = !1, className: o }) => /* @__PURE__ */ I("div", {
 	className: R("form-color-field", o),
-	children: [/* @__PURE__ */ F(Op.Text, {
+	children: [/* @__PURE__ */ F(kp.Text, {
 		type: "secondary",
 		className: "form-color-field__label",
 		children: t
@@ -6114,10 +6119,10 @@ var sm = ({ name: e, label: t, usedColors: n, usedLabel: r, recommendedLabel: i,
 		})
 	})]
 });
-sm.displayName = "FormColorField";
+cm.displayName = "FormColorField";
 //#endregion
 //#region packages/ui-kit/src/components/Custom/FormPanel/FormTypographyFields/index.tsx
-var cm = (e) => e.parentNode ?? document.body, lm = ({ namePrefix: e, microLabel: t, usedColors: n, usedLabel: r, recommendedLabel: i, loadGoogleFonts: a, getPopupContainer: o = cm, formatLabels: s = {}, inputLabels: c = {}, className: l }) => {
+var lm = (e) => e.parentNode ?? document.body, um = ({ namePrefix: e, microLabel: t, usedColors: n, usedLabel: r, recommendedLabel: i, loadGoogleFonts: a, getPopupContainer: o = lm, formatLabels: s = {}, inputLabels: c = {}, className: l }) => {
 	let { __: u } = G(), d = {
 		bold: s.bold ?? u("Strong  ( Ctrl+B )"),
 		italic: s.italic ?? u("Italic  ( Ctrl+I )"),
@@ -6133,7 +6138,7 @@ var cm = (e) => e.parentNode ?? document.body, lm = ({ namePrefix: e, microLabel
 		children: [/* @__PURE__ */ I("div", {
 			className: "form-typography-fields__stack",
 			children: [
-				/* @__PURE__ */ F(Op.Text, {
+				/* @__PURE__ */ F(kp.Text, {
 					type: "secondary",
 					className: "form-typography-fields__micro-label",
 					children: t
@@ -6147,7 +6152,7 @@ var cm = (e) => e.parentNode ?? document.body, lm = ({ namePrefix: e, microLabel
 					children: /* @__PURE__ */ F(U.Item, {
 						name: `${e}FontFamily`,
 						className: "form-item-margin-xs",
-						children: /* @__PURE__ */ F(Vp, {
+						children: /* @__PURE__ */ F(Hp, {
 							textEditor: !0,
 							loadGoogleFonts: a,
 							getPopupContainer: o
@@ -6220,7 +6225,7 @@ var cm = (e) => e.parentNode ?? document.body, lm = ({ namePrefix: e, microLabel
 			}), /* @__PURE__ */ I("div", {
 				className: "form-typography-fields__fmt-btns",
 				children: [
-					/* @__PURE__ */ F(am, {
+					/* @__PURE__ */ F(om, {
 						name: `${e}TextStrong`,
 						tooltipTitle: d.bold,
 						icon: /* @__PURE__ */ F(H, {
@@ -6228,7 +6233,7 @@ var cm = (e) => e.parentNode ?? document.body, lm = ({ namePrefix: e, microLabel
 							className: "selected-td-form__icon-radius"
 						})
 					}),
-					/* @__PURE__ */ F(am, {
+					/* @__PURE__ */ F(om, {
 						name: `${e}TextItalic`,
 						tooltipTitle: d.italic,
 						icon: /* @__PURE__ */ F(H, {
@@ -6236,7 +6241,7 @@ var cm = (e) => e.parentNode ?? document.body, lm = ({ namePrefix: e, microLabel
 							className: "selected-td-form__icon-radius"
 						})
 					}),
-					/* @__PURE__ */ F(am, {
+					/* @__PURE__ */ F(om, {
 						name: `${e}TextStrikethrough`,
 						tooltipTitle: d.strikethrough,
 						icon: /* @__PURE__ */ F(H, {
@@ -6244,7 +6249,7 @@ var cm = (e) => e.parentNode ?? document.body, lm = ({ namePrefix: e, microLabel
 							className: "selected-td-form__icon-radius"
 						})
 					}),
-					/* @__PURE__ */ F(am, {
+					/* @__PURE__ */ F(om, {
 						name: `${e}TextUnderline`,
 						tooltipTitle: d.underline,
 						icon: /* @__PURE__ */ F(H, {
@@ -6257,13 +6262,13 @@ var cm = (e) => e.parentNode ?? document.body, lm = ({ namePrefix: e, microLabel
 		})]
 	});
 };
-lm.displayName = "FormTypographyFields";
+um.displayName = "FormTypographyFields";
 //#endregion
 //#region packages/ui-kit/src/components/Custom/FormPanel/FormOptionsList/index.tsx
-function um(e, t) {
+function dm(e, t) {
 	return e === t ? Math.max(0, t - 1) : e > t ? e - 1 : e;
 }
-function dm({ field: e, index: t, isOpen: n, onToggle: r, onRemove: i, canRemove: a, boundValueOptions: o, labels: s, getPopupContainer: c }) {
+function fm({ field: e, index: t, isOpen: n, onToggle: r, onRemove: i, canRemove: a, boundValueOptions: o, labels: s, getPopupContainer: c }) {
 	return /* @__PURE__ */ I("div", {
 		className: R("form-options-list__option-block", n && "form-options-list__option-block--open"),
 		children: [/* @__PURE__ */ I("div", {
@@ -6334,7 +6339,7 @@ function dm({ field: e, index: t, isOpen: n, onToggle: r, onRemove: i, canRemove
 		})]
 	});
 }
-var fm = ({ name: e, boundValueOptions: t, minItems: n = 1, labels: r = {}, getPopupContainer: i, className: a }) => {
+var pm = ({ name: e, boundValueOptions: t, minItems: n = 1, labels: r = {}, getPopupContainer: i, className: a }) => {
 	let { __: o, _x: s, sprintf: c } = G(), [l, u] = f(0), d = {
 		itemTitle: r.itemTitle ?? ((e) => c(o("Value %d"), e)),
 		headingLabel: r.headingLabel ?? o("Heading"),
@@ -6349,13 +6354,13 @@ var fm = ({ name: e, boundValueOptions: t, minItems: n = 1, labels: r = {}, getP
 		className: R("form-options-list", a),
 		children: /* @__PURE__ */ F(U.List, {
 			name: e,
-			children: (e, { add: r, remove: a }) => /* @__PURE__ */ I(P, { children: [e.map((r, o) => /* @__PURE__ */ F(dm, {
+			children: (e, { add: r, remove: a }) => /* @__PURE__ */ I(P, { children: [e.map((r, o) => /* @__PURE__ */ F(fm, {
 				field: r,
 				index: o,
 				isOpen: l === o,
 				onToggle: () => u((e) => e === o ? -1 : o),
 				onRemove: () => {
-					a(r.name), u((e) => um(e, o));
+					a(r.name), u((e) => dm(e, o));
 				},
 				canRemove: e.length > n,
 				boundValueOptions: t,
@@ -6383,10 +6388,10 @@ var fm = ({ name: e, boundValueOptions: t, minItems: n = 1, labels: r = {}, getP
 		})
 	});
 };
-fm.displayName = "FormOptionsList";
+pm.displayName = "FormOptionsList";
 //#endregion
 //#region packages/ui-kit/src/components/Custom/FormVerticalAlignControl/index.tsx
-var pm = ({ value: e, onChange: t, disabled: n = !1, isNewIconType: r = !1, strokeWidth: i, labels: a = {}, tooltipTitle: o, size: s = 18, tooltipPlacement: l = "bottom", className: u }) => {
+var mm = ({ value: e, onChange: t, disabled: n = !1, isNewIconType: r = !1, strokeWidth: i, labels: a = {}, tooltipTitle: o, size: s = 18, tooltipPlacement: l = "bottom", className: u }) => {
 	let { __: d } = G(), p = {
 		alignTop: a.alignTop ?? d("Align top"),
 		alignMiddle: a.alignMiddle ?? d("Center vertically"),
@@ -6465,10 +6470,10 @@ var pm = ({ value: e, onChange: t, disabled: n = !1, isNewIconType: r = !1, stro
 		children: v
 	})), /* @__PURE__ */ F(P, { children: v });
 };
-pm.displayName = "FormVerticalAlignControl";
+mm.displayName = "FormVerticalAlignControl";
 //#endregion
 //#region packages/ui-kit/src/components/Custom/FormAlignControl/index.tsx
-var mm = ({ value: e, onChange: t, disabled: n = !1, strokeWidth: r, labels: i = {}, tooltipTitle: a, size: o = 18, tooltipPlacement: s = "bottom", className: l }) => {
+var hm = ({ value: e, onChange: t, disabled: n = !1, strokeWidth: r, labels: i = {}, tooltipTitle: a, size: o = 18, tooltipPlacement: s = "bottom", className: l }) => {
 	let { __: u } = G(), d = {
 		alignLeft: i.alignLeft ?? u("Align left"),
 		alignCenter: i.alignCenter ?? u("Center horizontally"),
@@ -6547,10 +6552,10 @@ var mm = ({ value: e, onChange: t, disabled: n = !1, strokeWidth: r, labels: i =
 		children: _
 	})), /* @__PURE__ */ F(P, { children: _ });
 };
-mm.displayName = "FormAlignControl";
+hm.displayName = "FormAlignControl";
 //#endregion
 //#region packages/ui-kit/src/components/Custom/FormAlignTextControl/index.tsx
-var hm = ({ value: e, onChange: t, disabled: n = !1, strokeWidth: r, labels: i = {}, tooltipTitle: a, size: o = 18, tooltipPlacement: s = "bottom", className: l }) => {
+var gm = ({ value: e, onChange: t, disabled: n = !1, strokeWidth: r, labels: i = {}, tooltipTitle: a, size: o = 18, tooltipPlacement: s = "bottom", className: l }) => {
 	let { __: u } = G(), d = {
 		alignLeft: i.alignLeft ?? u("Text align left"),
 		alignCenter: i.alignCenter ?? u("Text align center"),
@@ -6645,10 +6650,10 @@ var hm = ({ value: e, onChange: t, disabled: n = !1, strokeWidth: r, labels: i =
 		children: _
 	})), /* @__PURE__ */ F(P, { children: _ });
 };
-hm.displayName = "FormAlignTextControl";
+gm.displayName = "FormAlignTextControl";
 //#endregion
 //#region packages/ui-kit/src/components/Custom/FormBackgroundSettings/index.tsx
-var gm = [], _m = [], vm = ({ colorFieldName: e = "backgroundColor", imageEnabled: t = !1, backgroundImageEmpty: n = !0, usedColors: r, backgroundRepeatOptions: i = gm, backgroundSizeOptions: a = _m, colorPlaceholder: o, usedLabel: s, recommendedLabel: c, imageUploadSlot: l, rowStyle: u, getPopupContainer: d, horizontalPositionPlaceholder: f, verticalPositionPlaceholder: p, backgroundRepeatTooltip: m, backgroundSizeTooltip: h, selectPlaceholder: g, namePrefix: _ = "" }) => {
+var _m = [], vm = [], ym = ({ colorFieldName: e = "backgroundColor", imageEnabled: t = !1, backgroundImageEmpty: n = !0, usedColors: r, backgroundRepeatOptions: i = _m, backgroundSizeOptions: a = vm, colorPlaceholder: o, usedLabel: s, recommendedLabel: c, imageUploadSlot: l, rowStyle: u, getPopupContainer: d, horizontalPositionPlaceholder: f, verticalPositionPlaceholder: p, backgroundRepeatTooltip: m, backgroundSizeTooltip: h, selectPlaceholder: g, namePrefix: _ = "" }) => {
 	let { __: v } = G(), y = o ?? v("Background color"), b = s ?? v("Used"), x = c ?? v("Recommended"), S = f ?? v("Horizontal position"), C = p ?? v("Vertical position"), w = m ?? v("Background image repeat"), T = h ?? v("Background image size"), E = g ?? v("Please choose"), D = `${_}backgroundPositionX`, ee = `${_}backgroundPositionY`, O = `${_}backgroundRepeat`, k = `${_}backgroundSize`;
 	return /* @__PURE__ */ I(q, {
 		gutter: 10,
@@ -6761,6 +6766,6 @@ var gm = [], _m = [], vm = ({ colorFieldName: e = "backgroundColor", imageEnable
 		})]
 	});
 };
-vm.displayName = "FormBackgroundSettings";
+ym.displayName = "FormBackgroundSettings";
 //#endregion
-export { Jf as Alert, Hd as AntColorPicker, dn as App, Rd as AutoComplete, mf as Avatar, ff as AvatarActions, hf as Badge, Bf as Breadcrumb, V as Button, _f as Calendar, gf as Card, Sp as Carousel, Bd as Cascader, Rf as CheckableTag, Vd as Checkbox, J as Col, Zd as ColorPicker, Zd as ColorPickerInput, Yd as ColorPickerClearGlyph, Sf as Comment, Vp as ControlFontFamily, Np as CustomCarousel, jp as CustomDots, gp as DEFAULT_FONT_FAMILY_LABELS, _p as DEFAULT_FONT_FILTER_OPTIONS, mp as DEFAULT_SAFE_FONTS, Qd as DatePicker, Kd as Divider, $ as DraggableInputNumber, Hf as Dropdown, H as EmIcons, wf as Empty, hp as FONT_WEIGHT_LABELS, ep as Flex, Uf as FloatButton, U as Form, mm as FormAlignControl, hm as FormAlignTextControl, vm as FormBackgroundSettings, nm as FormBorderInputs, rm as FormBorderRadiusInputs, im as FormBoxShadowInputs, sm as FormColorField, em as FormDirectionControl, tm as FormDisplayControl, fm as FormOptionsList, Qp as FormPaddingInputs, Zp as FormSection, $p as FormSizeInputs, am as FormStyleToggleButton, om as FormSwitchRow, lm as FormTypographyFields, pm as FormVerticalAlignControl, yp as GOOGLE_FONTS_VALUE, Df as Image, K as Input, $d as InputNumber, nf as InputOTP, Fp as InputSelect, Of as LIST_ITEM_BORDERLESS_CLASS, ap as Layout, Ip as LimitsCounter, Cp as Link, kf as List, Wf as Menu, Yf as Modal, Tf as PRESENTED_IMAGE_DEFAULT, Ef as PRESENTED_IMAGE_SIMPLE, tp as PageLoader, ce as Pagination, Yp as PanelForm, wp as Paragraph, qd as Password, Xf as Popconfirm, Zf as Progress, X as Radio, Xp as RadioColorFilter, jf as Result, q as Row, vp as SAFE_FONTS_VALUE, bp as SANS_SERIF_VALUE, xp as SERIF_VALUE, ef as SearchInput, Gf as Segmented, of as Select, Mf as Skeleton, Y as Space, $f as Spin, De as StyleProvider, lf as Switch, Z as TABLE_CLASS_NAMES, Nf as TABLE_SELECTED_ROW_CLASS, Lf as Table, qf as Tabs, zf as Tag, Tp as Text, rf as TextArea, bn as ThemeProvider, Ep as Title, Q as Tooltip, Op as Typography, Gd as UiKitI18nProvider, df as Upload, Ea as XCircleClearIcon, qn as antLocaleEn, Fn as antLocaleRu, yn as compactAlgorithm, Sn as createTransformer, Ud as createUiKitI18n, vn as darkAlgorithm, hn as darkThemePreset, _n as defaultAlgorithm, W as defaultUiKitI18n, Id as iconColors, mn as lightThemePreset, gn as useToken, G as useUiKitI18n };
+export { Yf as Alert, Hd as AntColorPicker, dn as App, Rd as AutoComplete, mf as Avatar, ff as AvatarActions, hf as Badge, Vf as Breadcrumb, V as Button, _f as Calendar, gf as Card, Cp as Carousel, Bd as Cascader, zf as CheckableTag, Vd as Checkbox, J as Col, Zd as ColorPicker, Zd as ColorPickerInput, Yd as ColorPickerClearGlyph, Sf as Comment, Hp as ControlFontFamily, Pp as CustomCarousel, Mp as CustomDots, _p as DEFAULT_FONT_FAMILY_LABELS, vp as DEFAULT_FONT_FILTER_OPTIONS, hp as DEFAULT_SAFE_FONTS, Qd as DatePicker, Kd as Divider, $ as DraggableInputNumber, Uf as Dropdown, H as EmIcons, wf as Empty, gp as FONT_WEIGHT_LABELS, tp as Flex, Wf as FloatButton, U as Form, hm as FormAlignControl, gm as FormAlignTextControl, ym as FormBackgroundSettings, rm as FormBorderInputs, im as FormBorderRadiusInputs, am as FormBoxShadowInputs, cm as FormColorField, tm as FormDirectionControl, nm as FormDisplayControl, pm as FormOptionsList, $p as FormPaddingInputs, Qp as FormSection, em as FormSizeInputs, om as FormStyleToggleButton, sm as FormSwitchRow, um as FormTypographyFields, mm as FormVerticalAlignControl, bp as GOOGLE_FONTS_VALUE, Df as Image, K as Input, $d as InputNumber, nf as InputOTP, Ip as InputSelect, Of as LIST_ITEM_BORDERLESS_CLASS, op as Layout, Lp as LimitsCounter, wp as Link, kf as List, Gf as Menu, Xf as Modal, Tf as PRESENTED_IMAGE_DEFAULT, Ef as PRESENTED_IMAGE_SIMPLE, np as PageLoader, ce as Pagination, Xp as PanelForm, Tp as Paragraph, qd as Password, Zf as Popconfirm, Qf as Progress, X as Radio, Zp as RadioColorFilter, Mf as Result, q as Row, yp as SAFE_FONTS_VALUE, xp as SANS_SERIF_VALUE, Sp as SERIF_VALUE, ef as SearchInput, Kf as Segmented, of as Select, Nf as Skeleton, Y as Space, ep as Spin, De as StyleProvider, lf as Switch, Z as TABLE_CLASS_NAMES, Pf as TABLE_SELECTED_ROW_CLASS, Rf as Table, Jf as Tabs, Bf as Tag, Ep as Text, rf as TextArea, bn as ThemeProvider, Dp as Title, Q as Tooltip, kp as Typography, Gd as UiKitI18nProvider, df as Upload, Ea as XCircleClearIcon, qn as antLocaleEn, Fn as antLocaleRu, yn as compactAlgorithm, Sn as createTransformer, Ud as createUiKitI18n, vn as darkAlgorithm, hn as darkThemePreset, _n as defaultAlgorithm, W as defaultUiKitI18n, Id as iconColors, mn as lightThemePreset, gn as useToken, G as useUiKitI18n };