@blocklet/pages-kit-inner-components 0.5.36 → 0.5.38

package/lib/es/setting.js

@@ -1,5 +1,5 @@
 import { jsx as t, jsxs as O, Fragment as Z } from "react/jsx-runtime";
-import { t as ve, g as Te, b as ce, E as ot, n as Ke, h as xe } from "./chunks/state-Br2xp7Mf.js";
+import { t as ve, g as Te, b as ce, E as ot, n as Ke, h as xe } from "./chunks/state-BzwEX9VC.js";
 import de from "@arcblock/ux/lib/Empty";
 import { useLocaleContext as D } from "@arcblock/ux/lib/Locale/context";
 import { CodeEditor as ge } from "@blocklet/code-editor";
@@ -7,12 +7,12 @@ import nt from "@mui/icons-material/AddRounded";
 import st from "@mui/icons-material/ArrowDownward";
 import ct from "@mui/icons-material/ArrowUpward";
 import dt from "@mui/icons-material/DeleteOutline";
-import { Typography as B, TextField as V, Stack as R, FormLabel as le, Box as j, TableContainer as at, Paper as ee, Table as Be, TableHead as Fe, TableRow as oe, TableCell as ne, TableBody as Je, Button as E, IconButton as ae, InputAdornment as we, alpha as pe, Tooltip as G, buttonClasses as ut, Dialog as Me, Autocomplete as $e, FormControlLabel as pt, Switch as mt, MenuItem as me, DialogTitle as ft, DialogContent as ht, DialogActions as bt, Collapse as yt, Divider as vt, Popper as xt } from "@mui/material";
+import { Typography as B, TextField as N, Stack as R, FormLabel as le, Box as j, TableContainer as at, Paper as ee, Table as Be, TableHead as Fe, TableRow as oe, TableCell as ne, TableBody as Je, Button as E, IconButton as ae, InputAdornment as we, alpha as pe, Tooltip as G, buttonClasses as ut, Dialog as Me, Autocomplete as $e, FormControlLabel as pt, Switch as mt, MenuItem as me, DialogTitle as ft, DialogContent as ht, DialogActions as bt, Collapse as yt, Divider as vt, Popper as xt } from "@mui/material";
 import A from "lodash/sortBy";
 import { useCallback as C, useMemo as Q, useRef as J, useId as gt, useEffect as M, useState as X } from "react";
 import { useUpdate as _e } from "react-use";
 import { ColorItem as wt, ConfigColorDialog as Pt } from "@blocklet/pages-kit/builtin/color-picker";
-import { C as kt } from "./chunks/config-string-17RNX8vu.js";
+import { C as kt } from "./chunks/config-string-DgK7ETCs.js";
 import Pe from "lodash/isEmpty";
 import He from "lodash/set";
 import * as fe from "yaml";
@@ -20,8 +20,8 @@ import { UploaderButton as Ye, UploaderProvider as ue, useUploader as St, getIma
 import jt from "lodash/cloneDeep";
 import he from "@arcblock/ux/lib/Toast";
 import { CustomComponentRenderer as qe, transpileAndLoadScript as Rt, getPropertiesFromCode as zt } from "@blocklet/pages-kit/components";
-import { parsePropertyValue as Nt } from "@blocklet/pages-kit/utils/property";
-import { unstable_useNumberInput as Vt, ClickAwayListener as Dt } from "@mui/base";
+import { parsePropertyValue as Vt } from "@blocklet/pages-kit/utils/property";
+import { unstable_useNumberInput as Nt, ClickAwayListener as Dt } from "@mui/base";
 import { VisibilityOffRounded as Ct, VisibilityRounded as Et, DeleteOutlineRounded as At, DragIndicatorRounded as Tt, TranslateRounded as Le, AddRounded as Ge, InfoRounded as Qe, StarRounded as Ut, SettingsRounded as Xe } from "@mui/icons-material";
 import { getYjsValue as te } from "@syncedstore/core";
 import { useUpdate as Wt, useReactive as Kt } from "ahooks";
@@ -69,12 +69,12 @@ function rr({
   onChange: i,
   disabled: l = !1,
   itemLabel: p = "",
-  emptyHeight: y = 40,
+  emptyHeight: b = 40,
   property: a,
   renderItem: g,
   ...P
 }) {
-  const { t: b, locale: v } = D(), x = _e(), o = C(
+  const { t: y, locale: v } = D(), x = _e(), o = C(
     (f) => {
       i(ve(f, a.type));
     },
@@ -86,11 +86,11 @@ function rr({
     if (!a || !a.subProperties)
       return n();
     const f = {};
-    A(Object.values(a.subProperties), "index").forEach(({ data: N }) => {
+    A(Object.values(a.subProperties), "index").forEach(({ data: V }) => {
       var U, W;
-      if (!N.key) return;
-      const T = ((W = (U = N.locales) == null ? void 0 : U[v]) == null ? void 0 : W.defaultValue) ?? "";
-      f[N.key] = T;
+      if (!V.key) return;
+      const T = ((W = (U = V.locales) == null ? void 0 : U[v]) == null ? void 0 : W.defaultValue) ?? "";
+      f[V.key] = T;
     });
     const z = [...s, f];
     o(z), x();
@@ -106,7 +106,7 @@ function rr({
     [o]
   ), w = C(
     (f) => {
-      const S = s.filter((z, N) => N !== f);
+      const S = s.filter((z, V) => V !== f);
       o(S), x();
     },
     [s, o, x]
@@ -163,13 +163,13 @@ function rr({
         property: a,
         onChange: (z) => u(S, z)
       }) : /* @__PURE__ */ t(
-        V,
+        N,
         {
           fullWidth: !0,
           size: "small",
           disabled: l,
           value: f,
-          placeholder: p || `${b("item")} ${S + 1}`,
+          placeholder: p || `${y("item")} ${S + 1}`,
           onChange: (z) => u(S, z.target.value),
           ...P
         }
@@ -199,7 +199,7 @@ function rr({
     a,
     u,
     p,
-    b,
+    y,
     l,
     P,
     w,
@@ -247,28 +247,28 @@ function rr({
                   backgroundColor: "action.hover"
                 }
               },
-              children: I.map((N) => /* @__PURE__ */ t(
+              children: I.map((V) => /* @__PURE__ */ t(
                 ne,
                 {
-                  width: N.width,
-                  align: N.align || "left",
+                  width: V.width,
+                  align: V.align || "left",
                   sx: {
                     borderBottom: "none"
                   },
-                  children: N.renderCell({
+                  children: V.renderCell({
                     row: f,
                     index: S,
                     onChange: (T) => u(S, T)
                   })
                 },
-                `${S}-${N.field}`
+                `${S}-${V.field}`
               ))
             },
             S
           )) })
         ]
       }
-    ) }) : /* @__PURE__ */ t(de, { style: { fontSize: 12, height: y }, children: b("maker.properties.arrayEmpty") }),
+    ) }) : /* @__PURE__ */ t(de, { style: { fontSize: 12, height: b }, children: y("maker.properties.arrayEmpty") }),
     /* @__PURE__ */ t(
       E,
       {
@@ -278,7 +278,7 @@ function rr({
         disabled: l,
         startIcon: /* @__PURE__ */ t(nt, {}),
         onClick: d,
-        children: b("maker.properties.addArrayItem")
+        children: y("maker.properties.addArrayItem")
       }
     )
   ] }) : /* @__PURE__ */ O(R, { width: "100%", gap: 1, children: [
@@ -332,8 +332,8 @@ function ir({
       Pt,
       {
         ref: l,
-        onSave: ({ value: p }, y) => {
-          r(p), y();
+        onSave: ({ value: p }, b) => {
+          r(p), b();
         }
       }
     )
@@ -345,12 +345,12 @@ function lr({
   onChange: i,
   property: l,
   component: p,
-  defaultLocale: y,
+  defaultLocale: b,
   allComponents: a,
   PropertyValueField: g,
   onUpload: P
 }) {
-  const { locale: b } = D(), v = J(null);
+  const { locale: y } = D(), v = J(null);
   if (!Pe(l.subProperties)) {
     const o = A(Object.values(l.subProperties || {}), "index").filter(
       (s) => s.data.visible !== !1 && s.data.key
@@ -364,7 +364,7 @@ function lr({
           r && typeof r == "object" ? c = r[h] : typeof r == "string" && (c = (l.type === "yaml" ? fe.parse(r || "") : JSON.parse(r || "{}"))[h]);
         } catch {
         }
-        c == null && (d.locales && b && d.locales[b] ? c = d.locales[b].defaultValue : d.locales && y && d.locales[y] && (c = d.locales[y].defaultValue));
+        c == null && (d.locales && y && d.locales[y] ? c = d.locales[y].defaultValue : d.locales && b && d.locales[b] && (c = d.locales[b].defaultValue));
         const m = (k) => {
           try {
             let I = {};
@@ -458,7 +458,7 @@ function lr({
                   onChange: m,
                   size: "small",
                   fullWidth: !0,
-                  defaultLocale: y,
+                  defaultLocale: b,
                   allComponents: a
                 }
               ) })
@@ -498,7 +498,7 @@ function lr({
           ge,
           {
             keyId: l.id,
-            locale: b,
+            locale: y,
             language: l.type === "yaml" ? "yaml" : "json",
             value: typeof r == "string" ? r : "",
             onChange: (o) => {
@@ -548,7 +548,7 @@ function tt({
   renderItem: i,
   ...l
 }) {
-  const p = J(null), y = gt(), a = Wt(), g = A(Object.entries(r), (s) => s[1].index).map((s) => s[0]), P = J(g), b = C(
+  const p = J(null), b = gt(), a = Wt(), g = A(Object.entries(r), (s) => s[1].index).map((s) => s[0]), P = J(g), y = C(
     (s) => {
       P.current = s, a();
     },
@@ -556,15 +556,15 @@ function tt({
   ), v = C(
     ({ index: s }, { index: n }) => {
       const d = [...P.current];
-      d.splice(n, 0, ...d.splice(s, 1)), b(d);
+      d.splice(n, 0, ...d.splice(s, 1)), y(d);
     },
-    [b]
+    [y]
   );
   M(() => {
-    b(g);
+    y(g);
   }, [g.join("-")]);
   const [{ isOver: x }, o] = et({
-    accept: y,
+    accept: b,
     collect: (s) => ({
       isOver: s.isOver()
     }),
@@ -583,11 +583,11 @@ function tt({
     }
   });
   return M(() => {
-    x || b(g);
+    x || y(g);
   }, [x]), o(p), /* @__PURE__ */ t(j, { ...l, ref: p, className: Qt(x && "isDragging"), children: P.current.map((s, n) => /* @__PURE__ */ t(
     nr,
     {
-      type: y,
+      type: b,
       disabled: e,
       id: s,
       index: n,
@@ -607,10 +607,10 @@ function nr({
   index: i,
   type: l,
   children: p,
-  itemIndex: y,
+  itemIndex: b,
   move: a
 }) {
-  const g = J(), [{ isDragging: P }, b, v] = Xt({
+  const g = J(), [{ isDragging: P }, y, v] = Xt({
     type: l,
     item: () => ({ id: r }),
     canDrag: () => !e,
@@ -622,7 +622,7 @@ function nr({
       var u;
       if (!g.current)
         return;
-      const n = y(o.id), d = i;
+      const n = b(o.id), d = i;
       if (n === d)
         return;
       const h = (u = g.current) == null ? void 0 : u.getBoundingClientRect(), w = (h.bottom - h.top) / 2, m = s.getClientOffset().y - h.top;
@@ -631,10 +631,10 @@ function nr({
   });
   return typeof p == "function" ? p({
     isDragging: P,
-    drag: b,
+    drag: y,
     drop: (o) => (g.current = o, x(o)),
     preview: v
-  }) : (b(x(v(g))), /* @__PURE__ */ t(j, { ref: g, children: p }));
+  }) : (y(x(v(g))), /* @__PURE__ */ t(j, { ref: g, children: p }));
 }
 function sr({
   drop: e,
@@ -642,11 +642,11 @@ function sr({
   drag: i,
   disabled: l,
   isDragging: p,
-  children: y,
+  children: b,
   onDelete: a,
   onVisibilityChange: g,
   visible: P = !0,
-  actions: b,
+  actions: y,
   alwaysShowActions: v = !1
 }) {
   const { t: x } = D();
@@ -670,7 +670,7 @@ function sr({
               opacity: 0.9999
               // NOTE: make preview effective
             },
-            children: y
+            children: b
           }
         ),
         !l && /* @__PURE__ */ t(
@@ -701,7 +701,7 @@ function sr({
                   }
                 },
                 children: [
-                  b,
+                  y,
                   g && /* @__PURE__ */ t(G, { title: x(P ? "hideParameter" : "showParameter"), disableInteractive: !0, placement: "top", children: /* @__PURE__ */ t(E, { onClick: () => g(!P), children: P ? /* @__PURE__ */ t(Ct, { sx: { fontSize: "1.25rem", color: "grey.500" } }) : /* @__PURE__ */ t(Et, { sx: { fontSize: "1.25rem", color: "grey.500" } }) }) }),
                   a && /* @__PURE__ */ t(G, { title: x("delete"), disableInteractive: !0, placement: "top", children: /* @__PURE__ */ t(E, { onClick: a, children: /* @__PURE__ */ t(At, { sx: { fontSize: "1.25rem", color: "grey.500" } }) }) }),
                   /* @__PURE__ */ t(G, { title: x("dragSort"), disableInteractive: !0, placement: "top", children: /* @__PURE__ */ t(E, { ref: i, children: /* @__PURE__ */ t(Tt, { sx: { color: "grey.500" } }) }) })
@@ -722,19 +722,19 @@ function cr({
   const [l, p] = X(!1);
   return /* @__PURE__ */ O(R, { gap: 1, children: [
     /* @__PURE__ */ t(
-      V,
+      N,
       {
         label: e,
         size: "small",
         value: r,
-        onChange: (y) => i == null ? void 0 : i(y.target.value),
+        onChange: (b) => i == null ? void 0 : i(b.target.value),
         InputProps: {
           endAdornment: /* @__PURE__ */ t(
             Ye,
             {
-              onChange: ({ response: y }) => {
+              onChange: ({ response: b }) => {
                 var g;
-                const a = (g = y == null ? void 0 : y.data) == null ? void 0 : g.filename;
+                const a = (g = b == null ? void 0 : b.data) == null ? void 0 : g.filename;
                 a && (i == null || i(a));
               }
             }
@@ -760,8 +760,8 @@ function cr({
 }
 function be(e, r = "") {
   return qt(e, (i, l, p) => {
-    const y = r ? `${r}.${p}` : p;
-    return $t(l) ? Bt(i, be(l, y)) : i[y] = l, i;
+    const b = r ? `${r}.${p}` : p;
+    return $t(l) ? Bt(i, be(l, b)) : i[b] = l, i;
   }, {});
 }
 const dr = [
@@ -791,17 +791,17 @@ function ci({ componentId: e }) {
 }
 function ar({ value: e, componentId: r }) {
   var x, o, s;
-  const { t: i } = D(), { localState: { currentLocale: l, customComponentPreviewerProperties: p }, state: { config: { defaultLocale: y } }, localActions: { setCustomComponentPreviewerProperties: a } } = ce(), g = te(e).doc, P = xe(), b = Q(() => (p == null ? void 0 : p[r]) ?? {}, [r, p]), v = Kt({
+  const { t: i } = D(), { localState: { currentLocale: l, customComponentPreviewerProperties: p }, state: { config: { defaultLocale: b } }, localActions: { setCustomComponentPreviewerProperties: a } } = ce(), g = te(e).doc, P = xe(), y = Q(() => (p == null ? void 0 : p[r]) ?? {}, [r, p]), v = Kt({
     componentId: r,
     propertiesValue: {
-      ...b
+      ...y
     }
   });
   return M(() => {
     v.componentId !== r && (v.componentId = r, v.propertiesValue = {
-      ...b
+      ...y
     });
-  }, [r, b, v]), M(() => {
+  }, [r, y, v]), M(() => {
     if (v.componentId !== r)
       return;
     const n = Object.fromEntries(Object.values(e.properties ?? {}).map(({ data: d }) => {
@@ -809,9 +809,9 @@ function ar({ value: e, componentId: r }) {
       return [
         d.id,
         {
-          value: ((h = v.propertiesValue[d.id]) == null ? void 0 : h.value) ?? Nt(d, ((c = (w = d.locales) == null ? void 0 : w[l]) == null ? void 0 : c.defaultValue) ?? ((u = (m = d.locales) == null ? void 0 : m[y]) == null ? void 0 : u.defaultValue), {
+          value: ((h = v.propertiesValue[d.id]) == null ? void 0 : h.value) ?? Vt(d, ((c = (w = d.locales) == null ? void 0 : w[l]) == null ? void 0 : c.defaultValue) ?? ((u = (m = d.locales) == null ? void 0 : m[b]) == null ? void 0 : u.defaultValue), {
             locale: l,
-            defaultLocale: y
+            defaultLocale: b
           })
         }
       ];
@@ -822,7 +822,7 @@ function ar({ value: e, componentId: r }) {
     /* @__PURE__ */ t(mr, {
       config: e,
       currentLocale: l,
-      defaultLocale: y,
+      defaultLocale: b,
       allComponents: P,
       onUpdateConfig: (n) => {
         g.transact(() => {
@@ -832,7 +832,7 @@ function ar({ value: e, componentId: r }) {
     }),
     /* @__PURE__ */ O(R, { gap: 2, direction: "row", justifyContent: "space-between", alignItems: "center", children: [
       /* @__PURE__ */ t(B, { variant: "subtitle1", children: i("renderer") }),
-      /* @__PURE__ */ O(V, {
+      /* @__PURE__ */ O(N, {
         hiddenLabel: !0,
         size: "small",
         select: !0,
@@ -855,9 +855,9 @@ function ar({ value: e, componentId: r }) {
     /* @__PURE__ */ t(lt, {
       config: e,
       currentLocale: l,
-      defaultLocale: y,
+      defaultLocale: b,
       allComponents: P,
-      propertiesValue: b,
+      propertiesValue: v.propertiesValue,
       onChange: ({ value: n, id: d, path: h }) => {
         const w = [...h, "data"];
         if (!Ft(e, w)) {
@@ -877,13 +877,13 @@ function ur({ config: e }) {
   const { t: r } = D();
   return /* @__PURE__ */ t(ue, { children: /* @__PURE__ */ O(R, { gap: 2, children: [
     /* @__PURE__ */ t(B, { variant: "subtitle1", children: r("basicInfo") }),
-    /* @__PURE__ */ t(V, {
+    /* @__PURE__ */ t(N, {
       label: r("name"),
       size: "small",
       value: e.name || "",
       onChange: (i) => e.name = i.target.value
     }),
-    /* @__PURE__ */ t(V, {
+    /* @__PURE__ */ t(N, {
       label: r("description"),
       size: "small",
       multiline: !0,
@@ -900,7 +900,7 @@ function ur({ config: e }) {
       freeSolo: !0,
       value: e.tags ?? [],
       onChange: (i, l) => e.tags = l,
-      renderInput: (i) => /* @__PURE__ */ t(V, { label: r("tags"), ...i })
+      renderInput: (i) => /* @__PURE__ */ t(N, { label: r("tags"), ...i })
     }),
     /* @__PURE__ */ t(cr, {
       label: r("previewImage"),
@@ -909,9 +909,9 @@ function ur({ config: e }) {
     })
   ] }) });
 }
-function rt({ data: e, params: r, visible: i, config: l, currentLocale: p, defaultLocale: y, allComponents: a, onUpdateConfig: g }) {
+function rt({ data: e, params: r, visible: i, config: l, currentLocale: p, defaultLocale: b, allComponents: a, onUpdateConfig: g }) {
   var v, x, o, s, n, d;
-  const { t: P } = D(), b = Q(() => e.type === "json" || e.type === "yaml" || e.type === "array" ? br : $, [e.type]);
+  const { t: P } = D(), y = Q(() => e.type === "json" || e.type === "yaml" || e.type === "array" ? br : $, [e.type]);
   return /* @__PURE__ */ t(sr, {
     preview: r.preview,
     drop: r.drop,
@@ -936,7 +936,7 @@ function rt({ data: e, params: r, visible: i, config: l, currentLocale: p, defau
     },
     alwaysShowActions: !0,
     children: /* @__PURE__ */ O(R, { direction: "column", gap: 2, children: [
-      /* @__PURE__ */ t(V, {
+      /* @__PURE__ */ t(N, {
         label: P("key"),
         size: "small",
         required: !0,
@@ -977,11 +977,11 @@ function rt({ data: e, params: r, visible: i, config: l, currentLocale: p, defau
         }
       }),
       /* @__PURE__ */ O(R, { direction: "row", gap: 1, children: [
-        /* @__PURE__ */ t(V, {
+        /* @__PURE__ */ t(N, {
           label: P("label"),
           size: "small",
           sx: { flex: 1 },
-          value: (((x = (v = e.locales) == null ? void 0 : v[p]) == null ? void 0 : x.name) ?? ((s = (o = e.locales) == null ? void 0 : o[y]) == null ? void 0 : s.name)) || "",
+          value: (((x = (v = e.locales) == null ? void 0 : v[p]) == null ? void 0 : x.name) ?? ((s = (o = e.locales) == null ? void 0 : o[b]) == null ? void 0 : s.name)) || "",
           onChange: (h) => {
             g((w) => {
               var m;
@@ -990,7 +990,7 @@ function rt({ data: e, params: r, visible: i, config: l, currentLocale: p, defau
             });
           }
         }),
-        /* @__PURE__ */ t(V, {
+        /* @__PURE__ */ t(N, {
           label: P("type"),
           size: "small",
           select: !0,
@@ -1010,9 +1010,9 @@ function rt({ data: e, params: r, visible: i, config: l, currentLocale: p, defau
         })
       ] }),
       /* @__PURE__ */ O(R, { direction: "row", gap: 1, children: [
-        /* @__PURE__ */ t(b, {
+        /* @__PURE__ */ t(y, {
           allComponents: a,
-          defaultLocale: y,
+          defaultLocale: b,
           component: l,
           property: e,
           label: P("defaultValue"),
@@ -1041,7 +1041,7 @@ function rt({ data: e, params: r, visible: i, config: l, currentLocale: p, defau
 function pr(e, r) {
   const [i, l] = X(0);
   return M(() => {
-    const y = setTimeout(() => {
+    const b = setTimeout(() => {
       if (e.current) {
         let a = e.current.parentElement, g = 0;
         for (; a; )
@@ -1049,23 +1049,23 @@ function pr(e, r) {
         l(g);
       }
     }, 100);
-    return () => clearTimeout(y);
+    return () => clearTimeout(b);
   }, [e, r]), i;
 }
-function mr({ config: e, currentLocale: r, defaultLocale: i, allComponents: l, onUpdateConfig: p, useI18nEditor: y = !0 }) {
+function mr({ config: e, currentLocale: r, defaultLocale: i, allComponents: l, onUpdateConfig: p, useI18nEditor: b = !0 }) {
   const { t: a } = D(), g = ke({ variant: "dialog" }), P = e.properties && A(Object.values(e.properties), "index");
   return /* @__PURE__ */ t(ue, { children: /* @__PURE__ */ O(R, { gap: 2, children: [
     /* @__PURE__ */ O(R, { direction: "row", gap: 1, alignItems: "center", justifyContent: "space-between", children: [
       /* @__PURE__ */ t(B, { variant: "subtitle1", children: a("properties") }),
       /* @__PURE__ */ t(j, { flex: 1 }),
-      y && /* @__PURE__ */ t(E, { sx: { minWidth: 32, minHeight: 32, p: 0 }, ...Se(g), children: /* @__PURE__ */ t(Le, { fontSize: "small" }) })
+      b && /* @__PURE__ */ t(E, { sx: { minWidth: 32, minHeight: 32, p: 0 }, ...Se(g), children: /* @__PURE__ */ t(Le, { fontSize: "small" }) })
     ] }),
     e.properties && Object.keys(e.properties).length > 0 ? /* @__PURE__ */ t(tt, {
       component: R,
       gap: 2,
       list: e.properties,
-      renderItem: (b, v, x) => {
-        const o = ye(e.properties, b.id);
+      renderItem: (y, v, x) => {
+        const o = ye(e.properties, y.id);
         return /* @__PURE__ */ t(ee, {
           elevation: 0,
           className: "property-container",
@@ -1076,7 +1076,7 @@ function mr({ config: e, currentLocale: r, defaultLocale: i, allComponents: l, o
             borderColor: "divider"
           },
           children: /* @__PURE__ */ t(R, { gap: 2, children: /* @__PURE__ */ t(rt, {
-            data: b,
+            data: y,
             params: x,
             visible: o,
             config: e,
@@ -1085,7 +1085,7 @@ function mr({ config: e, currentLocale: r, defaultLocale: i, allComponents: l, o
             allComponents: l,
             onUpdateConfig: p
           }) })
-        }, b.id);
+        }, y.id);
       }
     }) : /* @__PURE__ */ t(de, { style: { fontSize: 12 }, children: a("maker.properties.noProperties") }),
     /* @__PURE__ */ t(E, {
@@ -1093,16 +1093,16 @@ function mr({ config: e, currentLocale: r, defaultLocale: i, allComponents: l, o
       variant: "outlined",
       className: "ignore-style-override",
       onClick: () => {
-        p((b) => {
+        p((y) => {
           var x;
           const v = Ke();
-          b.properties ?? (b.properties = {}), (x = b.properties)[v] ?? (x[v] = { index: (P == null ? void 0 : P.length) || 0, data: { id: v } });
+          y.properties ?? (y.properties = {}), (x = y.properties)[v] ?? (x[v] = { index: (P == null ? void 0 : P.length) || 0, data: { id: v } });
         });
       },
       startIcon: /* @__PURE__ */ t(Ge, {}),
       children: a("addObject", { object: a("property") })
     }),
-    y && /* @__PURE__ */ t(it, { ...Ze(g), component: e })
+    b && /* @__PURE__ */ t(it, { ...Ze(g), component: e })
   ] }) });
 }
 function fr({ property: e, allComponents: r }) {
@@ -1118,17 +1118,17 @@ function fr({ property: e, allComponents: r }) {
 }
 function hr({ value: e, valueImmutable: r, onChange: i, defaultLocale: l, allComponents: p }) {
   var v;
-  const [y, a] = X(!1), { t: g, locale: P } = D(), b = typeof (e == null ? void 0 : e.componentId) == "string" ? (v = p[e.componentId]) == null ? void 0 : v.data : void 0;
-  return b ? /* @__PURE__ */ O(j, { sx: { width: "100%", position: "relative" }, children: [
+  const [b, a] = X(!1), { t: g, locale: P } = D(), y = typeof (e == null ? void 0 : e.componentId) == "string" ? (v = p[e.componentId]) == null ? void 0 : v.data : void 0;
+  return y ? /* @__PURE__ */ O(j, { sx: { width: "100%", position: "relative" }, children: [
     /* @__PURE__ */ t(ae, {
       sx: { minWidth: 0 },
-      disabled: !b,
+      disabled: !y,
       size: "small",
-      onClick: () => a(!y),
-      color: y ? "primary" : "default",
+      onClick: () => a(!b),
+      color: b ? "primary" : "default",
       children: /* @__PURE__ */ t(Xe, { fontSize: "small" })
     }),
-    y && /* @__PURE__ */ t(yt, { in: y, timeout: "auto", unmountOnExit: !0, sx: { width: "100%", zIndex: 10 }, children: /* @__PURE__ */ O(ee, {
+    b && /* @__PURE__ */ t(yt, { in: b, timeout: "auto", unmountOnExit: !0, sx: { width: "100%", zIndex: 10 }, children: /* @__PURE__ */ O(ee, {
       elevation: 1,
       sx: {
         mt: 1,
@@ -1140,7 +1140,7 @@ function hr({ value: e, valueImmutable: r, onChange: i, defaultLocale: l, allCom
       },
       children: [
         /* @__PURE__ */ t(j, { width: "100%", mb: 2, children: /* @__PURE__ */ t(lt, {
-          config: b,
+          config: y,
           currentLocale: P,
           defaultLocale: l,
           allComponents: p,
@@ -1157,18 +1157,18 @@ function hr({ value: e, valueImmutable: r, onChange: i, defaultLocale: l, allCom
 }
 function it({ type: e = "properties", component: r, ...i }) {
   var x, o, s;
-  const { t: l } = D(), { state: { components: p, supportedLocales: y, config: { defaultLocale: a } } } = ce(), g = xe(), P = te(r).doc, b = e === "properties" ? r.properties : e === "parameters" && ((x = r.renderer) == null ? void 0 : x.type) === "component" ? (o = p[r.renderer.componentId]) == null ? void 0 : o.data.properties : void 0, v = ((s = r.renderer) == null ? void 0 : s.type) === "component" ? r : void 0;
+  const { t: l } = D(), { state: { components: p, supportedLocales: b, config: { defaultLocale: a } } } = ce(), g = xe(), P = te(r).doc, y = e === "properties" ? r.properties : e === "parameters" && ((x = r.renderer) == null ? void 0 : x.type) === "component" ? (o = p[r.renderer.componentId]) == null ? void 0 : o.data.properties : void 0, v = ((s = r.renderer) == null ? void 0 : s.type) === "component" ? r : void 0;
   return /* @__PURE__ */ O(Me, { ...i, fullWidth: !0, maxWidth: "lg", children: [
     /* @__PURE__ */ t(ft, { children: l("i18nEditorTitle") }),
-    /* @__PURE__ */ t(ht, { children: b && /* @__PURE__ */ t(R, { children: /* @__PURE__ */ O(Be, { stickyHeader: !0, sx: { td: { verticalAlign: "top" } }, children: [
-      /* @__PURE__ */ t(Fe, { children: /* @__PURE__ */ t(oe, { children: y.map(({ locale: n, name: d }) => /* @__PURE__ */ t(ne, { children: /* @__PURE__ */ O(B, { color: "text.primary", children: [
+    /* @__PURE__ */ t(ht, { children: y && /* @__PURE__ */ t(R, { children: /* @__PURE__ */ O(Be, { stickyHeader: !0, sx: { td: { verticalAlign: "top" } }, children: [
+      /* @__PURE__ */ t(Fe, { children: /* @__PURE__ */ t(oe, { children: b.map(({ locale: n, name: d }) => /* @__PURE__ */ t(ne, { children: /* @__PURE__ */ O(B, { color: "text.primary", children: [
         d,
         a === n && /* @__PURE__ */ t(Ut, { sx: { fontSize: 12 } })
       ] }) }, n)) }) }),
-      /* @__PURE__ */ t(Je, { children: A(Object.values(b), "index").map(({ data: n }) => /* @__PURE__ */ t(oe, { children: y.map(({ locale: d }) => {
-        var h, w, c, m, u, k, I, f, S, z, N, T, U, W, re, _, H, Y, q, L, Oe, je, Re, ze, Ne, Ve;
+      /* @__PURE__ */ t(Je, { children: A(Object.values(y), "index").map(({ data: n }) => /* @__PURE__ */ t(oe, { children: b.map(({ locale: d }) => {
+        var h, w, c, m, u, k, I, f, S, z, V, T, U, W, re, _, H, Y, q, L, Oe, je, Re, ze, Ve, Ne;
         return /* @__PURE__ */ t(ne, { children: /* @__PURE__ */ t(R, { gap: 1, children: e === "properties" ? /* @__PURE__ */ O(Z, { children: [
-          /* @__PURE__ */ t(V, {
+          /* @__PURE__ */ t(N, {
             size: "small",
             label: "Key",
             value: n.key || "",
@@ -1178,7 +1178,7 @@ function it({ type: e = "properties", component: r, ...i }) {
               });
             }
           }),
-          /* @__PURE__ */ t(V, {
+          /* @__PURE__ */ t(N, {
             size: "small",
             label: l("label"),
             value: (((w = (h = n.locales) == null ? void 0 : h[d]) == null ? void 0 : w.name) ?? ((m = (c = n.locales) == null ? void 0 : c[a]) == null ? void 0 : m.name)) || "",
@@ -1213,8 +1213,8 @@ function it({ type: e = "properties", component: r, ...i }) {
           property: n,
           size: "small",
           fullWidth: !0,
-          valueImmutable: se((W = (U = (T = (N = v.renderer.properties) == null ? void 0 : N[n.id]) == null ? void 0 : T.locales) == null ? void 0 : U[d]) == null ? void 0 : W.value),
-          value: ((Y = (H = (_ = (re = v.renderer.properties) == null ? void 0 : re[n.id]) == null ? void 0 : _.locales) == null ? void 0 : H[d]) == null ? void 0 : Y.value) ?? ((je = (Oe = (L = (q = v.renderer.properties) == null ? void 0 : q[n.id]) == null ? void 0 : L.locales) == null ? void 0 : Oe[a]) == null ? void 0 : je.value) ?? ((ze = (Re = n.locales) == null ? void 0 : Re[d]) == null ? void 0 : ze.defaultValue) ?? ((Ve = (Ne = n.locales) == null ? void 0 : Ne[a]) == null ? void 0 : Ve.defaultValue),
+          valueImmutable: se((W = (U = (T = (V = v.renderer.properties) == null ? void 0 : V[n.id]) == null ? void 0 : T.locales) == null ? void 0 : U[d]) == null ? void 0 : W.value),
+          value: ((Y = (H = (_ = (re = v.renderer.properties) == null ? void 0 : re[n.id]) == null ? void 0 : _.locales) == null ? void 0 : H[d]) == null ? void 0 : Y.value) ?? ((je = (Oe = (L = (q = v.renderer.properties) == null ? void 0 : q[n.id]) == null ? void 0 : L.locales) == null ? void 0 : Oe[a]) == null ? void 0 : je.value) ?? ((ze = (Re = n.locales) == null ? void 0 : Re[d]) == null ? void 0 : ze.defaultValue) ?? ((Ne = (Ve = n.locales) == null ? void 0 : Ve[a]) == null ? void 0 : Ne.defaultValue),
           onChange: (F) => {
             P.transact(() => {
               var K, De, Ce, Ee, Ae;
@@ -1237,7 +1237,7 @@ const We = (e, r) => (i) => {
     i.palette.secondary.main,
     i.palette.success.main,
     i.palette.warning.main
-  ], p = Math.min(l.length - 1, e), y = l[p], a = pe(y, 0.5), g = pe(y, 1);
+  ], p = Math.min(l.length - 1, e), b = l[p], a = pe(b, 0.5), g = pe(b, 1);
   return {
     // 保留原有的边框样式
     borderColor: `${a} !important`,
@@ -1250,15 +1250,15 @@ const We = (e, r) => (i) => {
   };
 };
 function br({ property: e, onChange: r, defaultLocale: i, allComponents: l }) {
-  const { t: p, locale: y } = D(), a = J(null), g = pr(a, e), P = C(() => {
+  const { t: p, locale: b } = D(), a = J(null), g = pr(a, e), P = C(() => {
     if (!(e.type !== "json" && e.type !== "yaml" && e.type !== "array") && e.subProperties)
       try {
-        let b = {};
+        let y = {};
         A(Object.values(e.subProperties), "index").filter((o) => o.data.visible !== !1 && o.data.key).forEach(({ data: o }) => {
           var n, d, h, w;
           if (!o.key)
             return;
-          let s = ((d = (n = o.locales) == null ? void 0 : n[y]) == null ? void 0 : d.defaultValue) ?? ((w = (h = o.locales) == null ? void 0 : h[i]) == null ? void 0 : w.defaultValue);
+          let s = ((d = (n = o.locales) == null ? void 0 : n[b]) == null ? void 0 : d.defaultValue) ?? ((w = (h = o.locales) == null ? void 0 : h[i]) == null ? void 0 : w.defaultValue);
           if (o.type === "number")
             s = Number(s);
           else if (o.type === "boolean")
@@ -1269,22 +1269,22 @@ function br({ property: e, onChange: r, defaultLocale: i, allComponents: l }) {
             } catch (c) {
               console.error("Error parsing nested value", s, c), s = {};
             }
-          b[o.key] = s;
-        }), e.type === "array" && !Array.isArray(b) && (b = Pe(b) ? [] : [b]);
-        const x = ve(b, e.type);
+          y[o.key] = s;
+        }), e.type === "array" && !Array.isArray(y) && (y = Pe(y) ? [] : [y]);
+        const x = ve(y, e.type);
         r == null || r(x);
-      } catch (b) {
-        console.error("Error converting structure to text:", b);
+      } catch (y) {
+        console.error("Error converting structure to text:", y);
       }
-  }, [e, y, i, r]);
+  }, [e, b, i, r]);
   return e.type !== "json" && e.type !== "yaml" && e.type !== "array" ? null : /* @__PURE__ */ O(R, { direction: "column", gap: 1.5, sx: { width: "100%" }, ref: a, children: [
     /* @__PURE__ */ t(vt, { sx: { mt: -1 }, children: /* @__PURE__ */ t(B, { variant: "caption", color: "text.secondary", children: p("maker.properties.subProperties") }) }),
     e.subProperties && Object.keys(e.subProperties).length > 0 ? /* @__PURE__ */ t(tt, {
       component: R,
       gap: 2,
       list: e.subProperties,
-      renderItem: (b, v, x) => {
-        const o = b.visible !== !1;
+      renderItem: (y, v, x) => {
+        const o = y.visible !== !1;
         return /* @__PURE__ */ t(ee, {
           elevation: 0,
           className: "property-container",
@@ -1295,13 +1295,13 @@ function br({ property: e, onChange: r, defaultLocale: i, allComponents: l }) {
             "&": We(g)
           },
           children: /* @__PURE__ */ t(R, { gap: 2, children: /* @__PURE__ */ t(rt, {
-            data: b,
+            data: y,
             params: x,
             visible: o,
             config: {
               properties: e.subProperties
             },
-            currentLocale: y,
+            currentLocale: b,
             defaultLocale: i,
             allComponents: l,
             onUpdateConfig: (s) => {
@@ -1318,7 +1318,7 @@ function br({ property: e, onChange: r, defaultLocale: i, allComponents: l }) {
               }
             }
           }) })
-        }, b.id);
+        }, y.id);
       }
     }) : /* @__PURE__ */ t(de, { style: { fontSize: 12, height: 100 }, children: p("maker.properties.noSubProperties") }),
     /* @__PURE__ */ t(E, {
@@ -1329,15 +1329,15 @@ function br({ property: e, onChange: r, defaultLocale: i, allComponents: l }) {
       startIcon: /* @__PURE__ */ t(Ge, {}),
       onClick: () => {
         try {
-          const b = e.subProperties || {}, v = Ke(), o = {
-            index: Object.values(b).length,
+          const y = e.subProperties || {}, v = Ke(), o = {
+            index: Object.values(y).length,
             data: {
               id: v,
               key: "",
               type: "string",
               visible: !0,
               locales: {
-                [y]: {
+                [b]: {
                   name: "",
                   defaultValue: ""
                 }
@@ -1348,13 +1348,13 @@ function br({ property: e, onChange: r, defaultLocale: i, allComponents: l }) {
           }, s = {
             ...e,
             subProperties: {
-              ...b,
+              ...y,
               [v]: o
             }
           };
           r == null || r(s, { forceUpdateProperty: !0 }), P();
-        } catch (b) {
-          console.error("Error adding property:", b);
+        } catch (y) {
+          console.error("Error adding property:", y);
         }
       },
       sx: {
@@ -1366,17 +1366,17 @@ function br({ property: e, onChange: r, defaultLocale: i, allComponents: l }) {
     })
   ] });
 }
-function $({ component: e, property: r, value: i, onChange: l, valueImmutable: p, defaultLocale: y, allComponents: a, ...g }) {
+function $({ component: e, property: r, value: i, onChange: l, valueImmutable: p, defaultLocale: b, allComponents: a, ...g }) {
   var s, n, d, h, w;
-  const { locale: P } = D(), b = St(), v = J(null), x = () => {
+  const { locale: P } = D(), y = St(), v = J(null), x = () => {
     var m;
-    const c = (m = b == null ? void 0 : b.current) == null ? void 0 : m.getUploader();
+    const c = (m = y == null ? void 0 : y.current) == null ? void 0 : m.getUploader();
     c == null || c.open(), v.current && c.onceUploadSuccess(({ response: u }) => {
       var I, f;
       let k = ((I = u == null ? void 0 : u.data) == null ? void 0 : I.filename) || "";
       k && (k = `mediakit://${k}`, i && !i.includes("mediakit://") && (k += " # please use < import { getMediaKitAbsoluteUrl } from '@blocklet/pages-kit/builtin/utils' > to get the full address")), (f = v.current) == null || f.call(v, k);
     });
-  }, o = g.label ?? (((n = (s = r.locales) == null ? void 0 : s[P]) == null ? void 0 : n.name) || ((h = (d = r.locales) == null ? void 0 : d[y]) == null ? void 0 : h.name) || r.key || r.id);
+  }, o = g.label ?? (((n = (s = r.locales) == null ? void 0 : s[P]) == null ? void 0 : n.name) || ((h = (d = r.locales) == null ? void 0 : d[b]) == null ? void 0 : h.name) || r.key || r.id);
   if (r.type === "number")
     return /* @__PURE__ */ t(yr, {
       ...g,
@@ -1387,7 +1387,7 @@ function $({ component: e, property: r, value: i, onChange: l, valueImmutable: p
       }
     });
   if (r.type === "decimal")
-    return /* @__PURE__ */ t(V, {
+    return /* @__PURE__ */ t(N, {
       ...g,
       label: o,
       type: "text",
@@ -1427,7 +1427,7 @@ function $({ component: e, property: r, value: i, onChange: l, valueImmutable: p
       },
       property: r,
       component: e,
-      defaultLocale: y,
+      defaultLocale: b,
       allComponents: a,
       PropertyValueField: $,
       onUpload: (c) => {
@@ -1443,9 +1443,9 @@ function $({ component: e, property: r, value: i, onChange: l, valueImmutable: p
       dev: {
         mode: "draft",
         components: a,
-        defaultLocale: y
+        defaultLocale: b
       }
-    }) }) : /* @__PURE__ */ t(V, { ...g, label: o, disabled: !0, placeholder: "Click right button select a component" });
+    }) }) : /* @__PURE__ */ t(N, { ...g, label: o, disabled: !0, placeholder: "Click right button select a component" });
   }
   if (r.type === "component")
     return /* @__PURE__ */ O(R, { width: "100%", direction: "column", gap: 1, children: [
@@ -1461,7 +1461,7 @@ function $({ component: e, property: r, value: i, onChange: l, valueImmutable: p
         value: i,
         valueImmutable: p,
         onChange: l,
-        defaultLocale: y,
+        defaultLocale: b,
         allComponents: a
       })
     ] });
@@ -1469,7 +1469,7 @@ function $({ component: e, property: r, value: i, onChange: l, valueImmutable: p
     let c = r.type === "string" ? r.multiline : void 0;
     r.type === "multiline" && (c = !0);
     const m = r.type === "url" ? i == null ? void 0 : i.url : i;
-    return /* @__PURE__ */ t(V, {
+    return /* @__PURE__ */ t(N, {
       ...g,
       label: o,
       value: typeof m == "string" ? m : "",
@@ -1484,12 +1484,12 @@ function $({ component: e, property: r, value: i, onChange: l, valueImmutable: p
         endAdornment: /* @__PURE__ */ O(we, { position: "end", children: [
           /* @__PURE__ */ t(Ye, {
             onChange: async ({ response: u }) => {
-              var S, z, N;
+              var S, z, V;
               const k = ((S = u == null ? void 0 : u.data) == null ? void 0 : S.url) || ((z = u == null ? void 0 : u.data) == null ? void 0 : z.fileUrl);
               let I;
               k && (I = await It(k).catch(() => Ot(k)).catch(() => {
               }));
-              let f = ((N = u == null ? void 0 : u.data) == null ? void 0 : N.filename) || "";
+              let f = ((V = u == null ? void 0 : u.data) == null ? void 0 : V.filename) || "";
               f && (f = `mediakit://${f}`), l == null || l({
                 url: k,
                 mediaKitUrl: f,
@@ -1518,14 +1518,14 @@ function $({ component: e, property: r, value: i, onChange: l, valueImmutable: p
       },
       size: "small",
       fullWidth: !0,
-      defaultLocale: y,
+      defaultLocale: b,
       allComponents: a
-    }, k.id) : null) }, m) : /* @__PURE__ */ t(V, { size: g.size, fullWidth: !0, value: c, onChange: (k) => u(k.target.value) })
+    }, k.id) : null) }, m) : /* @__PURE__ */ t(N, { size: g.size, fullWidth: !0, value: c, onChange: (k) => u(k.target.value) })
   }) : (console.error("Unsupported property type", r.type), null);
 }
 function yr({ NumberProps: e, ...r }) {
-  const { getInputProps: i } = Vt(e), l = i();
-  return /* @__PURE__ */ t(V, { ...r, inputProps: l });
+  const { getInputProps: i } = Nt(e), l = i();
+  return /* @__PURE__ */ t(N, { ...r, inputProps: l });
 }
 const vr = `import React from '@blocklet/pages-kit/builtin/react'
 import { Box } from '@blocklet/pages-kit/builtin/mui/material'
@@ -1559,7 +1559,7 @@ function gr({ value: e }) {
 }
 function wr({ value: e }) {
   var v, x, o;
-  const { t: r } = D(), i = te(e).doc, { state: { components: l, config: { defaultLocale: p }, resources: y }, localState: { currentLocale: a } } = ce(), g = xe(), P = ((v = l[e.renderer.componentId]) == null ? void 0 : v.data) ?? ((o = (x = y.components) == null ? void 0 : x[e.renderer.componentId]) == null ? void 0 : o.component), b = ke({ variant: "dialog" });
+  const { t: r } = D(), i = te(e).doc, { state: { components: l, config: { defaultLocale: p }, resources: b }, localState: { currentLocale: a } } = ce(), g = xe(), P = ((v = l[e.renderer.componentId]) == null ? void 0 : v.data) ?? ((o = (x = b.components) == null ? void 0 : x[e.renderer.componentId]) == null ? void 0 : o.component), y = ke({ variant: "dialog" });
   return /* @__PURE__ */ t(ue, { children: /* @__PURE__ */ O(R, { gap: 1, children: [
     /* @__PURE__ */ t(Ie, {
       allComponents: g,
@@ -1570,10 +1570,10 @@ function wr({ value: e }) {
     P && /* @__PURE__ */ O(Z, { children: [
       /* @__PURE__ */ O(R, { direction: "row", justifyContent: "space-between", alignItems: "center", children: [
         /* @__PURE__ */ t(B, { variant: "subtitle2", children: r("parameters") }),
-        /* @__PURE__ */ t(E, { sx: { minWidth: 32, minHeight: 32, p: 0 }, ...Se(b), children: /* @__PURE__ */ t(Le, { fontSize: "small" }) })
+        /* @__PURE__ */ t(E, { sx: { minWidth: 32, minHeight: 32, p: 0 }, ...Se(y), children: /* @__PURE__ */ t(Le, { fontSize: "small" }) })
       ] }),
       P.properties && A(Object.values(P.properties), "index").map(({ data: s }) => {
-        var n, d, h, w, c, m, u, k, I, f, S, z, N, T, U, W;
+        var n, d, h, w, c, m, u, k, I, f, S, z, V, T, U, W;
         return /* @__PURE__ */ t(j, { children: /* @__PURE__ */ t($, {
           allComponents: g,
           defaultLocale: p,
@@ -1582,7 +1582,7 @@ function wr({ value: e }) {
           fullWidth: !0,
           size: "small",
           valueImmutable: se((w = (h = (d = (n = e.renderer.properties) == null ? void 0 : n[s.id]) == null ? void 0 : d.locales) == null ? void 0 : h[a]) == null ? void 0 : w.value),
-          value: ((k = (u = (m = (c = e.renderer.properties) == null ? void 0 : c[s.id]) == null ? void 0 : m.locales) == null ? void 0 : u[a]) == null ? void 0 : k.value) ?? ((z = (S = (f = (I = e.renderer.properties) == null ? void 0 : I[s.id]) == null ? void 0 : f.locales) == null ? void 0 : S[p]) == null ? void 0 : z.value) ?? ((T = (N = s.locales) == null ? void 0 : N[a]) == null ? void 0 : T.defaultValue) ?? ((W = (U = s.locales) == null ? void 0 : U[p]) == null ? void 0 : W.defaultValue),
+          value: ((k = (u = (m = (c = e.renderer.properties) == null ? void 0 : c[s.id]) == null ? void 0 : m.locales) == null ? void 0 : u[a]) == null ? void 0 : k.value) ?? ((z = (S = (f = (I = e.renderer.properties) == null ? void 0 : I[s.id]) == null ? void 0 : f.locales) == null ? void 0 : S[p]) == null ? void 0 : z.value) ?? ((T = (V = s.locales) == null ? void 0 : V[a]) == null ? void 0 : T.defaultValue) ?? ((W = (U = s.locales) == null ? void 0 : U[p]) == null ? void 0 : W.defaultValue),
           onChange: (re) => {
             i.transact(() => {
               var _, H, Y, q, L;
@@ -1591,13 +1591,13 @@ function wr({ value: e }) {
           }
         }) }, s.id);
       }),
-      /* @__PURE__ */ t(it, { ...Ze(b), component: e, type: "parameters" })
+      /* @__PURE__ */ t(it, { ...Ze(y), component: e, type: "parameters" })
     ] })
   ] }) });
 }
-function Ie({ label: e, options: r, excludes: i, value: l, onChange: p, allComponents: y, ...a }) {
+function Ie({ label: e, options: r, excludes: i, value: l, onChange: p, allComponents: b, ...a }) {
   var v;
-  const { t: g } = D(), P = r ?? A(Object.values(Ht(y, ...i ?? [])), "index").map((x) => x.data), b = (typeof l == "string" ? (v = y[l]) == null ? void 0 : v.data : void 0) ?? null;
+  const { t: g } = D(), P = r ?? A(Object.values(Ht(b, ...i ?? [])), "index").map((x) => x.data), y = (typeof l == "string" ? (v = b[l]) == null ? void 0 : v.data : void 0) ?? null;
   return /* @__PURE__ */ t($e, {
     ...a,
     size: "small",
@@ -1606,28 +1606,28 @@ function Ie({ label: e, options: r, excludes: i, value: l, onChange: p, allCompo
     isOptionEqualToValue: (x, o) => x.id === o.id,
     getOptionKey: (x) => x.id,
     getOptionLabel: (x) => x.name || x.id,
-    renderInput: (x) => /* @__PURE__ */ t(V, { label: e || g("component"), ...x }),
-    value: b,
+    renderInput: (x) => /* @__PURE__ */ t(N, { label: e || g("component"), ...x }),
+    value: y,
     onChange: (x, o) => {
       var n, d, h, w, c, m;
       let s = {};
       o && (s = {
-        blockletId: (n = y[o == null ? void 0 : o.id]) == null ? void 0 : n.blockletId,
-        blockletTitle: (d = y[o == null ? void 0 : o.id]) == null ? void 0 : d.blockletTitle,
-        componentName: ((w = (h = y[o == null ? void 0 : o.id]) == null ? void 0 : h.data) == null ? void 0 : w.name) || ((m = (c = y[o == null ? void 0 : o.id]) == null ? void 0 : c.data) == null ? void 0 : m.id)
+        blockletId: (n = b[o == null ? void 0 : o.id]) == null ? void 0 : n.blockletId,
+        blockletTitle: (d = b[o == null ? void 0 : o.id]) == null ? void 0 : d.blockletTitle,
+        componentName: ((w = (h = b[o == null ? void 0 : o.id]) == null ? void 0 : h.data) == null ? void 0 : w.name) || ((m = (c = b[o == null ? void 0 : o.id]) == null ? void 0 : c.data) == null ? void 0 : m.id)
       }), p == null || p(x, o == null ? void 0 : o.id, s);
     }
   });
 }
-function lt({ config: e, allComponents: r, defaultLocale: i, propertiesValue: l, currentLocale: p, onChange: y, props: a }) {
-  const { t: g } = D(), [P, b] = X(e == null ? void 0 : e.properties), [v, x] = X(null);
+function lt({ config: e, allComponents: r, defaultLocale: i, propertiesValue: l, currentLocale: p, onChange: b, props: a }) {
+  const { t: g } = D(), [P, y] = X(e == null ? void 0 : e.properties), [v, x] = X(null);
   M(() => {
     (() => {
       var w, c;
       ((w = e == null ? void 0 : e.renderer) == null ? void 0 : w.type) === "react-component" && Pe(e == null ? void 0 : e.properties) ? Rt((c = e == null ? void 0 : e.renderer) == null ? void 0 : c.script).then((m) => {
         const u = zt(m);
-        b(u);
-      }) : b(e == null ? void 0 : e.properties);
+        y(u);
+      }) : y(e == null ? void 0 : e.properties);
     })();
   }, [JSON.stringify(e)]);
   const o = C(() => !e || !P ? {} : Object.values(P).reduce((h, { data: w }) => {
@@ -1668,7 +1668,7 @@ function lt({ config: e, allComponents: r, defaultLocale: i, propertiesValue: l,
           valueImmutable: se((w = l == null ? void 0 : l[h.id]) == null ? void 0 : w.value),
           value: (a == null ? void 0 : a[h.key || h.id]) ?? ((c = n[h.id]) == null ? void 0 : c.value),
           onChange: (m) => {
-            y({
+            b({
               path: ["properties", h.id],
               id: h.id,
               value: { value: m },
@@ -1698,7 +1698,7 @@ function lt({ config: e, allComponents: r, defaultLocale: i, propertiesValue: l,
             }).reduce((m, u) => m.then(() => {
               const k = d[u], I = w.includes(u);
               if (k != null && k.id && I)
-                return y({
+                return b({
                   path: ["properties", k.id],
                   id: k.id,
                   value: { value: h[u] },