@blocklet/pages-kit-inner-components 0.0.8 → 0.0.9

package/lib/es/setting.js

@@ -1,206 +1,138 @@
-import { jsx as e, jsxs as I, Fragment as J } from "react/jsx-runtime";
-import { g as Z, i as Re, b as Pe, h as re, E as Ze, j as ce, n as Le } from "../state-C6rI6VKx.mjs";
-import { IconButton as et, TextField as z, Stack as R, FormControlLabel as ze, Box as S, Switch as Ce, InputAdornment as de, Dialog as ae, DialogTitle as Oe, DialogContent as Ve, DialogActions as je, Button as W, alpha as tt, buttonClasses as rt, Tooltip as ne, Typography as Q, MenuItem as A, Autocomplete as Te, Popper as Ae, Paper as Be, Table as it, TableHead as lt, TableRow as Se, TableCell as ke, TableBody as nt, FormLabel as ot } from "@mui/material";
-import { lazy as Ue, createContext as st, useRef as $, Suspense as We, useContext as ct, forwardRef as Ne, useState as Ee, useEffect as L, useImperativeHandle as He, useCallback as ee, useId as dt } from "react";
-import at from "@arcblock/ux/lib/Empty";
-import { useLocaleContext as U } from "@arcblock/ux/lib/Locale/context";
-import { styled as ut } from "@arcblock/ux/lib/Theme";
-import { cx as pt } from "@emotion/css";
-import { useReactive as mt, useBoolean as ht, useUpdate as ft } from "ahooks";
+import { jsx as e, jsxs as I, Fragment as $ } from "react/jsx-runtime";
+import { g as Z, i as Re, b as ze, h as re, E as qe, n as Qe, j as ce } from "../state-CETtldI3.mjs";
+import { TextField as V, Stack as R, FormControlLabel as Ve, Switch as Pe, Box as S, InputAdornment as de, Dialog as ae, DialogTitle as Oe, DialogContent as je, DialogActions as Ce, Button as N, alpha as Xe, Tooltip as ne, buttonClasses as Ze, Typography as Q, Autocomplete as Ae, MenuItem as T, FormLabel as Le, Popper as Te, Paper as Be, Table as et, TableHead as tt, TableRow as Se, TableCell as ke, TableBody as rt } from "@mui/material";
+import { forwardRef as We, useState as Ne, useEffect as L, useImperativeHandle as Ee, lazy as it, useCallback as ee, Suspense as lt, useRef as M, useId as nt } from "react";
+import ot from "@arcblock/ux/lib/Empty";
+import { useLocaleContext as W } from "@arcblock/ux/lib/Locale/context";
+import { styled as st } from "@arcblock/ux/lib/Theme";
+import { cx as ct } from "@emotion/css";
+import { useReactive as dt, useBoolean as at, useUpdate as ut } from "ahooks";
 import De from "gradient-parser";
 import "lodash/without";
-import gt from "tinycolor2";
-import { red as bt, pink as vt, purple as xt, indigo as yt, blue as It, cyan as wt, teal as St, green as kt, lime as Dt, yellow as Rt, amber as Pt, orange as zt, brown as Ct, grey as Ot, blueGrey as Vt } from "@mui/material/colors";
-import jt from "@mui/icons-material/Upload";
-import { Icon as Tt } from "@iconify-icon/react";
-import { useDebounce as At, useUpdate as Bt } from "react-use";
-import { CodeEditor as Fe } from "@blocklet/code-editor";
-import { CustomComponentRenderer as _e } from "@blocklet/pages-kit/components";
-import { ClickAwayListener as Ke, unstable_useNumberInput as Ut } from "@mui/base";
-import { DeleteOutlineRounded as Wt, DragIndicatorRounded as Nt, AddRounded as Et, TranslateRounded as $e, SettingsRounded as Je, StarRounded as Ht, InfoRounded as Ft } from "@mui/icons-material";
-import { getYjsValue as Y } from "@syncedstore/core";
-import { sortBy as X, isNil as te, omit as _t } from "lodash";
-import { usePopupState as ie, bindTrigger as le, bindDialog as Ye, bindPopper as Ge } from "material-ui-popup-state/hooks";
-import { ErrorBoundary as Kt } from "react-error-boundary";
-import $t from "lodash/sortBy";
-import { useDrop as Me, useDrag as Jt } from "react-dnd";
-bt[300], vt[300], xt[300], // deepPurple['300'],
-yt[300], It[300], // lightBlue['300'],
-wt[300], St[300], kt[300], // lightGreen['300'],
-Dt[300], Rt[300], Pt[300], zt[300], // deepOrange['300'],
-Ct[300], Ot[300], Vt[300];
-const Yt = Ue(() => import("@blocklet/uploader/react").then((t) => ({ default: t.Uploader }))), qe = st(null);
-function Gt() {
-  const t = ct(qe);
-  if (!t)
-    throw new Error("useUploader must be used within an UploaderProvider");
-  return t;
-}
-function ue({ onChange: t }) {
-  const r = Gt();
-  return /* @__PURE__ */ e(et, { size: "small", onClick: () => {
-    var o;
-    const i = (o = r == null ? void 0 : r.current) == null ? void 0 : o.getUploader();
-    i == null || i.open(), t && i.onceUploadSuccess((...d) => {
-      t(...d);
-    });
-  }, children: /* @__PURE__ */ e(jt, {}) }, "uploader-trigger");
-}
-function Qe({ children: t }) {
-  const r = $(null), l = () => {
-    var o;
-    ((o = r == null ? void 0 : r.current) == null ? void 0 : o.getUploader()).close();
-  };
-  return /* @__PURE__ */ I(qe.Provider, { value: r, children: [
-    t,
-    /* @__PURE__ */ e(We, { children: /* @__PURE__ */ e(
-      Yt,
-      {
-        ref: r,
-        popup: !0,
-        onUploadFinish: l,
-        coreProps: {
-          restrictions: {
-            allowedFileTypes: [
-              "image/png",
-              "image/jpeg",
-              "image/gif",
-              "image/webp",
-              "image/svg+xml",
-              "video/mp4",
-              "video/webm",
-              "audio/mpeg"
-            ],
-            maxNumberOfFiles: 1
-          }
-        }
-      },
-      "uploader"
-    ) })
-  ] });
-}
-function oe(t) {
-  return new Promise((r, l) => {
-    const i = document.createElement("video");
-    i.src = t, i.onloadedmetadata = () => {
-      const { videoWidth: o, videoHeight: d } = i;
-      r({ naturalWidth: o, naturalHeight: d });
-    }, i.onerror = (o) => l(o);
-  });
-}
-function se(t) {
-  return new Promise((r, l) => {
-    const i = new Image();
-    i.src = t, i.onload = () => {
-      const { naturalWidth: o, naturalHeight: d } = i;
-      r({ naturalWidth: o, naturalHeight: d });
-    }, i.onerror = (o) => l(o);
-  });
-}
-const Mt = Ne(function({ showMarkdown: r, markdown: l, onMarkdownChange: i, showUploader: o, value: d, meta: a, onChange: c, ...g }, v) {
-  const [u, b] = Ee("");
+import pt from "tinycolor2";
+import { red as mt, pink as ht, purple as ft, indigo as bt, blue as gt, cyan as vt, teal as xt, green as yt, lime as It, yellow as wt, amber as St, orange as kt, brown as Dt, grey as Rt, blueGrey as zt } from "@mui/material/colors";
+import { getImageSize as oe, getVideoSize as se, UploaderButton as ue, UploaderProvider as He } from "./uploader.js";
+import { Icon as Vt } from "@iconify-icon/react";
+import { useDebounce as Pt, useUpdate as Ot } from "react-use";
+import { CodeEditor as _e } from "@blocklet/code-editor";
+import { CustomComponentRenderer as Fe } from "@blocklet/pages-kit/components";
+import { ClickAwayListener as Ue, unstable_useNumberInput as jt } from "@mui/base";
+import { DeleteOutlineRounded as Ct, DragIndicatorRounded as At, AddRounded as Tt, TranslateRounded as Ke, InfoRounded as Bt, SettingsRounded as $e, StarRounded as Wt } from "@mui/icons-material";
+import { getYjsValue as J } from "@syncedstore/core";
+import { sortBy as X, omit as Nt, isNil as te } from "lodash";
+import { usePopupState as ie, bindTrigger as le, bindDialog as Je, bindPopper as Ye } from "material-ui-popup-state/hooks";
+import { ErrorBoundary as Et } from "react-error-boundary";
+import Ht from "lodash/sortBy";
+import { useDrop as Ge, useDrag as _t } from "react-dnd";
+mt[300], ht[300], ft[300], // deepPurple['300'],
+bt[300], gt[300], // lightBlue['300'],
+vt[300], xt[300], yt[300], // lightGreen['300'],
+It[300], wt[300], St[300], kt[300], // deepOrange['300'],
+Dt[300], Rt[300], zt[300];
+const Ft = We(function({ showMarkdown: r, markdown: l, onMarkdownChange: i, showUploader: s, value: a, meta: d, onChange: c, ...b }, v) {
+  const [u, g] = Ne("");
   L(() => {
-    b(d || "");
-  }, [d, b]);
+    g(a || "");
+  }, [a, g]);
   const h = async () => {
-    if (u !== d) {
+    if (u !== a) {
       const n = Z(u);
       if (!n) {
         c(u, void 0);
         return;
       }
-      const s = await se(n).catch(() => oe(n)).catch(() => {
+      const o = await oe(n).catch(() => se(n)).catch(() => {
       });
-      c(u, { ...s, filename: u });
+      c(u, { ...o, filename: u });
     }
   };
-  At(
+  Pt(
     () => {
-      u !== d && c(u);
+      u !== a && c(u);
     },
     300,
     [u]
-  ), He(v, () => ({
+  ), Ee(v, () => ({
     submit: h
   }));
   const m = {};
-  return o && (m.InputProps = {
+  return s && (m.InputProps = {
     sx: { pr: 0 },
     endAdornment: /* @__PURE__ */ e(de, { position: "end", sx: { mx: 0.5 }, children: /* @__PURE__ */ e(
       ue,
       {
         onChange: async ({ response: n }) => {
           var y;
-          const s = (y = n == null ? void 0 : n.data) == null ? void 0 : y.filename, f = Z(s) || "";
+          const o = (y = n == null ? void 0 : n.data) == null ? void 0 : y.filename, f = Z(o) || "";
           let x = {};
-          f && (x = await se(f).catch(() => oe(f)).catch(() => {
-          })), c(s, {
+          f && (x = await oe(f).catch(() => se(f)).catch(() => {
+          })), c(o, {
             ...x,
-            filename: s
+            filename: o
           });
         }
       }
     ) })
   }), /* @__PURE__ */ e(
-    z,
+    V,
     {
       size: "small",
       fullWidth: !0,
-      ...g,
+      ...b,
       label: /* @__PURE__ */ I(R, { direction: "row", spacing: 1, alignItems: "center", children: [
-        g.label,
-        r && /* @__PURE__ */ I(J, { children: [
+        b.label,
+        r && /* @__PURE__ */ I($, { children: [
           " (",
           /* @__PURE__ */ e(
-            ze,
+            Ve,
             {
               checked: l,
-              label: /* @__PURE__ */ e(S, { component: Tt, icon: "tabler:markdown", sx: { verticalAlign: "middle" } }),
+              label: /* @__PURE__ */ e(S, { component: Vt, icon: "tabler:markdown", sx: { verticalAlign: "middle" } }),
               labelPlacement: "start",
-              control: /* @__PURE__ */ e(Ce, { size: "small" }),
+              control: /* @__PURE__ */ e(Pe, { size: "small" }),
               sx: { ml: 0.25, pr: 1 },
-              onChange: (n, s) => i == null ? void 0 : i(s)
+              onChange: (n, o) => i == null ? void 0 : i(o)
             }
           ),
           ")"
         ] })
       ] }),
-      InputLabelProps: { shrink: !0, ...g.InputLabelProps },
+      InputLabelProps: { shrink: !0, ...b.InputLabelProps },
       value: u,
-      onChange: (n) => b(n.target.value),
+      onChange: (n) => g(n.target.value),
       ...m,
       onKeyDown: (n) => {
         n.keyCode !== 229 && n.key === "Enter" && h();
       }
     }
   );
-}), qt = Ue(() => import("react-best-gradient-color-picker"));
-function Qt(t) {
+}), Ut = it(() => import("react-best-gradient-color-picker"));
+function Kt(t) {
   try {
-    const l = De.parse(t).map((o) => {
-      const d = o.colorStops.map((a) => {
-        if (a.type !== "rgba") {
-          const c = gt(a.value).toRgb();
+    const l = De.parse(t).map((s) => {
+      const a = s.colorStops.map((d) => {
+        if (d.type !== "rgba") {
+          const c = pt(d.value).toRgb();
           return {
-            ...a,
+            ...d,
             value: [c.r, c.g, c.b, c.a],
             type: "rgba"
           };
         }
-        return a;
+        return d;
       });
       return {
-        ...o,
-        colorStops: d
+        ...s,
+        colorStops: a
       };
     });
     return De.stringify(l);
   } catch {
-    return Pe(t) ? t : "";
+    return ze(t) ? t : "";
   }
 }
-function Xt({ color: t, sx: r = {}, ...l }) {
-  Pe(t);
+function $t({ color: t, sx: r = {}, ...l }) {
+  ze(t);
   const i = {};
   return Re(t) ? i.backgroundImage = t : i.backgroundColor = t, /* @__PURE__ */ e(
     S,
@@ -222,35 +154,35 @@ function Xt({ color: t, sx: r = {}, ...l }) {
     }
   );
 }
-const Zt = Ne(function({ onSave: r }, l) {
-  const i = mt({
+const Jt = We(function({ onSave: r }, l) {
+  const i = dt({
     value: ""
-  }), { t: o } = U(), d = {};
-  i.value ? Re(i.value) ? d.backgroundImage = i.value : d.backgroundColor = i.value : d.border = "1px solid #ccc";
-  const [a, { setFalse: c, setTrue: g }] = ht(!1), v = ee(() => {
+  }), { t: s } = W(), a = {};
+  i.value ? Re(i.value) ? a.backgroundImage = i.value : a.backgroundColor = i.value : a.border = "1px solid #ccc";
+  const [d, { setFalse: c, setTrue: b }] = at(!1), v = ee(() => {
     c();
   }, [c]), u = () => {
     r({ value: i.value }, v);
   };
-  return He(l, () => ({
-    open({ value: b } = { value: "" }) {
-      i.value = b, g();
+  return Ee(l, () => ({
+    open({ value: g } = { value: "" }) {
+      i.value = g, b();
     },
     close() {
       v();
     }
-  })), /* @__PURE__ */ I(ae, { open: a, onClose: v, hideBackdrop: !0, children: [
-    /* @__PURE__ */ e(Oe, { children: o("maker.configBackground") }),
-    /* @__PURE__ */ e(Ve, { sx: { width: 600 }, children: /* @__PURE__ */ I(S, { width: "100%", display: "flex", children: [
-      /* @__PURE__ */ e(S, { flex: 1, mr: 1, sx: d, children: !i.value && /* @__PURE__ */ e(at, { children: o("error.notConfig") }) }),
-      /* @__PURE__ */ e(We, { children: /* @__PURE__ */ e(
-        qt,
+  })), /* @__PURE__ */ I(ae, { open: d, onClose: v, hideBackdrop: !0, children: [
+    /* @__PURE__ */ e(Oe, { children: s("maker.configBackground") }),
+    /* @__PURE__ */ e(je, { sx: { width: 600 }, children: /* @__PURE__ */ I(S, { width: "100%", display: "flex", children: [
+      /* @__PURE__ */ e(S, { flex: 1, mr: 1, sx: a, children: !i.value && /* @__PURE__ */ e(ot, { children: s("error.notConfig") }) }),
+      /* @__PURE__ */ e(lt, { children: /* @__PURE__ */ e(
+        Ut,
         {
           width: 200,
           height: 200,
-          value: Qt(i.value),
-          onChange: (b) => {
-            i.value = b;
+          value: Kt(i.value),
+          onChange: (g) => {
+            i.value = g;
           },
           hidePresets: !0,
           hideAdvancedSliders: !0,
@@ -259,13 +191,13 @@ const Zt = Ne(function({ onSave: r }, l) {
         }
       ) })
     ] }) }),
-    /* @__PURE__ */ I(je, { children: [
-      /* @__PURE__ */ e(W, { variant: "outlined", size: "small", onClick: v, children: o("common.cancel") }),
-      /* @__PURE__ */ e(W, { variant: "contained", size: "small", onClick: u, children: o("maker.save") })
+    /* @__PURE__ */ I(Ce, { children: [
+      /* @__PURE__ */ e(N, { variant: "outlined", size: "small", onClick: v, children: s("common.cancel") }),
+      /* @__PURE__ */ e(N, { variant: "contained", size: "small", onClick: u, children: s("maker.save") })
     ] })
   ] });
 });
-ut(S)`
+st(S)`
   .color-item {
     position: relative;
   }
@@ -286,28 +218,28 @@ ut(S)`
     right: 0;
   }
 `;
-function Lt({
+function Yt({
   value: t,
   onChange: r,
   ...l
 }) {
-  const i = $(null);
-  return /* @__PURE__ */ I(J, { children: [
+  const i = M(null);
+  return /* @__PURE__ */ I($, { children: [
     /* @__PURE__ */ e(
-      Mt,
+      Ft,
       {
         ...l,
         value: t,
         onChange: r,
         InputProps: {
           endAdornment: /* @__PURE__ */ e(de, { position: "end", children: /* @__PURE__ */ e(
-            Xt,
+            $t,
             {
               color: t ?? "",
               style: { width: "1.5rem", height: "1.5rem", padding: 0 },
               onClick: () => {
-                var o;
-                (o = i.current) == null || o.open({ value: t ?? "" });
+                var s;
+                (s = i.current) == null || s.open({ value: t ?? "" });
               }
             }
           ) })
@@ -315,121 +247,121 @@ function Lt({
       }
     ),
     /* @__PURE__ */ e(
-      Zt,
+      Jt,
       {
         ref: i,
-        onSave: ({ value: o }, d) => {
-          r(o), d();
+        onSave: ({ value: s }, a) => {
+          r(s), a();
         }
       }
     )
   ] });
 }
-function er({
+function Gt({
   disabled: t,
   list: r,
   renderItem: l,
   ...i
 }) {
-  const o = $(null), d = dt(), a = ft(), c = $t(Object.entries(r), (m) => m[1].index).map((m) => m[0]), g = $(c), v = ee(
+  const s = M(null), a = nt(), d = ut(), c = Ht(Object.entries(r), (m) => m[1].index).map((m) => m[0]), b = M(c), v = ee(
     (m) => {
-      g.current = m, a();
+      b.current = m, d();
     },
-    [a]
+    [d]
   ), u = ee(
     ({ index: m }, { index: n }) => {
-      const s = [...g.current];
-      s.splice(n, 0, ...s.splice(m, 1)), v(s);
+      const o = [...b.current];
+      o.splice(n, 0, ...o.splice(m, 1)), v(o);
     },
     [v]
   );
   L(() => {
     v(c);
   }, [c.join("-")]);
-  const [{ isOver: b }, h] = Me({
-    accept: d,
+  const [{ isOver: g }, h] = Ge({
+    accept: a,
     collect: (m) => ({
       isOver: m.isOver()
     }),
     canDrop: () => !t,
     drop: () => {
-      var s;
+      var o;
       const m = () => {
-        g.current.forEach((f, x) => {
+        b.current.forEach((f, x) => {
           const y = r[f];
           y && (y.index = x);
         });
-      }, n = (s = Y(r)) == null ? void 0 : s.doc;
+      }, n = (o = J(r)) == null ? void 0 : o.doc;
       n ? n.transact(() => {
         m();
       }) : m();
     }
   });
   return L(() => {
-    b || v(c);
-  }, [b]), h(o), /* @__PURE__ */ e(S, { ...i, ref: o, className: pt(b && "isDragging"), children: g.current.map((m, n) => /* @__PURE__ */ e(
-    tr,
+    g || v(c);
+  }, [g]), h(s), /* @__PURE__ */ e(S, { ...i, ref: s, className: ct(g && "isDragging"), children: b.current.map((m, n) => /* @__PURE__ */ e(
+    Mt,
     {
-      type: d,
+      type: a,
       disabled: t,
       id: m,
       index: n,
-      itemIndex: (s) => g.current.indexOf(s),
+      itemIndex: (o) => b.current.indexOf(o),
       move: u,
-      children: (s) => {
+      children: (o) => {
         const f = r[m];
-        return f ? l(f.data, n, s) : null;
+        return f ? l(f.data, n, o) : null;
       }
     },
     m
   )) });
 }
-function tr({
+function Mt({
   disabled: t,
   id: r,
   index: l,
   type: i,
-  children: o,
-  itemIndex: d,
-  move: a
+  children: s,
+  itemIndex: a,
+  move: d
 }) {
-  const c = $(), [{ isDragging: g }, v, u] = Jt({
+  const c = M(), [{ isDragging: b }, v, u] = _t({
     type: i,
     item: () => ({ id: r }),
     canDrag: () => !t,
     collect: (h) => ({ isDragging: h.isDragging() })
-  }), [, b] = Me({
+  }), [, g] = Ge({
     accept: i,
     canDrop: () => !t,
     hover(h, m) {
       var w;
       if (!c.current)
         return;
-      const n = d(h.id), s = l;
-      if (n === s)
+      const n = a(h.id), o = l;
+      if (n === o)
         return;
       const f = (w = c.current) == null ? void 0 : w.getBoundingClientRect(), x = (f.bottom - f.top) / 2, p = m.getClientOffset().y - f.top;
-      n < s && p < x || n > s && p > x || a({ id: h.id, index: n }, { id: r, index: l });
+      n < o && p < x || n > o && p > x || d({ id: h.id, index: n }, { id: r, index: l });
     }
   });
-  return typeof o == "function" ? o({
-    isDragging: g,
+  return typeof s == "function" ? s({
+    isDragging: b,
     drag: v,
-    drop: (h) => (c.current = h, b(h)),
+    drop: (h) => (c.current = h, g(h)),
     preview: u
-  }) : (v(b(u(c))), /* @__PURE__ */ e(S, { ref: c, children: o }));
+  }) : (v(g(u(c))), /* @__PURE__ */ e(S, { ref: c, children: s }));
 }
-function rr({
+function qt({
   drop: t,
   preview: r,
   drag: l,
   disabled: i,
-  isDragging: o,
-  children: d,
-  onDelete: a,
+  isDragging: s,
+  children: a,
+  onDelete: d,
   actions: c
 }) {
-  const { t: g } = U();
+  const { t: b } = W();
   return /* @__PURE__ */ e(S, { ref: t, sx: { ":hover .hover-visible": { maxHeight: "100%" } }, children: /* @__PURE__ */ I(S, { sx: { position: "relative" }, children: [
     /* @__PURE__ */ e(
       S,
@@ -438,11 +370,11 @@ function rr({
         sx: {
           flex: 1,
           borderRadius: 1,
-          bgcolor: o ? "action.hover" : "background.paper",
+          bgcolor: s ? "action.hover" : "background.paper",
           opacity: 0.9999
           // NOTE: make preview effective
         },
-        children: d
+        children: a
       }
     ),
     !i && /* @__PURE__ */ e(
@@ -455,10 +387,10 @@ function rr({
           {
             direction: "row",
             sx: {
-              bgcolor: (v) => tt(v.palette.grey[300], 0.9),
+              bgcolor: (v) => Xe(v.palette.grey[300], 0.9),
               borderRadius: 1,
               p: 0.5,
-              [`.${rt.root}`]: {
+              [`.${Ze.root}`]: {
                 minWidth: 24,
                 width: 24,
                 height: 24,
@@ -467,8 +399,8 @@ function rr({
             },
             children: [
               c,
-              a && /* @__PURE__ */ e(ne, { title: g("delete"), disableInteractive: !0, placement: "top", children: /* @__PURE__ */ e(W, { onClick: a, children: /* @__PURE__ */ e(Wt, { sx: { fontSize: "1.25rem", color: "grey.500" } }) }) }),
-              /* @__PURE__ */ e(ne, { title: g("dragSort"), disableInteractive: !0, placement: "top", children: /* @__PURE__ */ e(W, { ref: l, children: /* @__PURE__ */ e(Nt, { sx: { color: "grey.500" } }) }) })
+              d && /* @__PURE__ */ e(ne, { title: b("delete"), disableInteractive: !0, placement: "top", children: /* @__PURE__ */ e(N, { onClick: d, children: /* @__PURE__ */ e(Ct, { sx: { fontSize: "1.25rem", color: "grey.500" } }) }) }),
+              /* @__PURE__ */ e(ne, { title: b("dragSort"), disableInteractive: !0, placement: "top", children: /* @__PURE__ */ e(N, { ref: l, children: /* @__PURE__ */ e(At, { sx: { color: "grey.500" } }) }) })
             ]
           }
         )
@@ -476,28 +408,28 @@ function rr({
     )
   ] }) });
 }
-function ir({
+function Qt({
   label: t,
   value: r,
   onChange: l
 }) {
-  const [i, o] = Ee(!1);
+  const [i, s] = Ne(!1);
   return /* @__PURE__ */ I(R, { gap: 1, children: [
     /* @__PURE__ */ e(
-      z,
+      V,
       {
         label: t,
         size: "small",
         value: r,
-        onChange: (d) => l == null ? void 0 : l(d.target.value),
+        onChange: (a) => l == null ? void 0 : l(a.target.value),
         InputProps: {
           endAdornment: /* @__PURE__ */ e(
             ue,
             {
-              onChange: ({ response: d }) => {
+              onChange: ({ response: a }) => {
                 var c;
-                const a = (c = d == null ? void 0 : d.data) == null ? void 0 : c.filename;
-                a && (l == null || l(a));
+                const d = (c = a == null ? void 0 : a.data) == null ? void 0 : c.filename;
+                d && (l == null || l(d));
               }
             }
           )
@@ -514,37 +446,37 @@ function ir({
         maxWidth: 100,
         maxHeight: 100,
         width: "100%",
-        onClick: () => o(!0)
+        onClick: () => s(!0)
       }
     ),
-    /* @__PURE__ */ e(ae, { open: i, onClose: () => o(!1), children: /* @__PURE__ */ e(S, { component: "img", sx: { objectFit: "contain" }, src: Z(r), alt: t }) })
+    /* @__PURE__ */ e(ae, { open: i, onClose: () => s(!1), children: /* @__PURE__ */ e(S, { component: "img", sx: { objectFit: "contain" }, src: Z(r), alt: t }) })
   ] });
 }
-function Hr({ componentId: t }) {
+function Ar({ componentId: t }) {
   const {
     state: { components: r }
   } = re(), l = r[t], i = l == null ? void 0 : l.data;
-  return i ? /* @__PURE__ */ e(R, { maxHeight: "100%", overflow: "auto", children: /* @__PURE__ */ e(S, { p: 2, children: /* @__PURE__ */ e(Kt, { FallbackComponent: Ze, resetKeys: [t], children: /* @__PURE__ */ e(lr, { value: i }) }) }) }) : null;
+  return i ? /* @__PURE__ */ e(R, { maxHeight: "100%", overflow: "auto", children: /* @__PURE__ */ e(S, { p: 2, children: /* @__PURE__ */ e(Et, { FallbackComponent: qe, resetKeys: [t], children: /* @__PURE__ */ e(Xt, { value: i }) }) }) }) : null;
 }
-function lr({ value: t }) {
-  var a, c, g;
-  const { t: r } = U(), {
+function Xt({ value: t }) {
+  var d, c, b;
+  const { t: r } = W(), {
     localState: { currentLocale: l },
     state: {
       config: { defaultLocale: i }
     }
-  } = re(), o = Y(t).doc, d = ce();
+  } = re(), s = J(t).doc, a = ce();
   return /* @__PURE__ */ e(R, { height: "100%", children: /* @__PURE__ */ I(R, { gap: 2, children: [
-    /* @__PURE__ */ e(nr, { config: t }),
+    /* @__PURE__ */ e(Zt, { config: t }),
     /* @__PURE__ */ e(
-      or,
+      Lt,
       {
         config: t,
         currentLocale: l,
         defaultLocale: i,
-        allComponents: d,
+        allComponents: a,
         onUpdateConfig: (v) => {
-          o.transact(() => {
+          s.transact(() => {
             v(t);
           });
         }
@@ -553,35 +485,35 @@ function lr({ value: t }) {
     /* @__PURE__ */ I(R, { gap: 2, direction: "row", justifyContent: "space-between", alignItems: "center", children: [
       /* @__PURE__ */ e(Q, { variant: "subtitle1", children: r("renderer") }),
       /* @__PURE__ */ I(
-        z,
+        V,
         {
           hiddenLabel: !0,
           size: "small",
           select: !0,
           SelectProps: { autoWidth: !0 },
-          value: ((a = t.renderer) == null ? void 0 : a.type) || "react-component",
+          value: ((d = t.renderer) == null ? void 0 : d.type) || "react-component",
           onChange: (v) => {
-            o.transact(() => {
+            s.transact(() => {
               const u = v.target.value;
               t.renderer ?? (t.renderer = { type: u }), t.renderer.type = u;
             });
           },
           children: [
-            /* @__PURE__ */ e(A, { value: "react-component", children: "React Component" }),
-            /* @__PURE__ */ e(A, { value: "component", children: "Custom Component" })
+            /* @__PURE__ */ e(T, { value: "react-component", children: "React Component" }),
+            /* @__PURE__ */ e(T, { value: "component", children: "Custom Component" })
           ]
         }
       )
     ] }),
-    ((c = t.renderer) == null ? void 0 : c.type) === "component" ? /* @__PURE__ */ e(mr, { value: t }) : ((g = t.renderer) == null ? void 0 : g.type) === "react-component" ? /* @__PURE__ */ e(pr, { value: t }) : null
+    ((c = t.renderer) == null ? void 0 : c.type) === "component" ? /* @__PURE__ */ e(or, { value: t }) : ((b = t.renderer) == null ? void 0 : b.type) === "react-component" ? /* @__PURE__ */ e(nr, { value: t }) : null
   ] }) });
 }
-function nr({ config: t }) {
-  const { t: r } = U();
-  return /* @__PURE__ */ e(Qe, { children: /* @__PURE__ */ I(R, { gap: 2, children: [
+function Zt({ config: t }) {
+  const { t: r } = W();
+  return /* @__PURE__ */ e(He, { children: /* @__PURE__ */ I(R, { gap: 2, children: [
     /* @__PURE__ */ e(Q, { variant: "subtitle1", children: r("basicInfo") }),
     /* @__PURE__ */ e(
-      z,
+      V,
       {
         label: r("name"),
         size: "small",
@@ -590,7 +522,7 @@ function nr({ config: t }) {
       }
     ),
     /* @__PURE__ */ e(
-      z,
+      V,
       {
         label: r("description"),
         size: "small",
@@ -603,7 +535,7 @@ function nr({ config: t }) {
       }
     ),
     /* @__PURE__ */ e(
-      Te,
+      Ae,
       {
         size: "small",
         options: [],
@@ -611,11 +543,11 @@ function nr({ config: t }) {
         freeSolo: !0,
         value: t.tags ?? [],
         onChange: (l, i) => t.tags = i,
-        renderInput: (l) => /* @__PURE__ */ e(z, { label: r("tags"), ...l })
+        renderInput: (l) => /* @__PURE__ */ e(V, { label: r("tags"), ...l })
       }
     ),
     /* @__PURE__ */ e(
-      ir,
+      Qt,
       {
         label: r("previewImage"),
         value: t.previewImage || "",
@@ -624,19 +556,19 @@ function nr({ config: t }) {
     )
   ] }) });
 }
-function or({
+function Lt({
   config: t,
   currentLocale: r,
   defaultLocale: l,
   allComponents: i,
-  onUpdateConfig: o,
-  useI18nEditor: d = !0
+  onUpdateConfig: s,
+  useI18nEditor: a = !0
 }) {
-  var u, b, h, m, n, s, f, x, y;
-  const { t: a } = U(), c = ie({ variant: "dialog" }), g = t.properties && X(Object.values(t.properties), "index"), v = ee(
+  var u, g, h, m, n, o, f, x, y;
+  const { t: d } = W(), c = ie({ variant: "dialog" }), b = t.properties && X(Object.values(t.properties), "index"), v = ee(
     (p) => {
-      o((w) => {
-        var D, O, V;
+      s((w) => {
+        var D, O, j;
         w.properties ?? (w.properties = {}), (D = w.properties).customSettings ?? (D.customSettings = {
           index: 0,
           data: {
@@ -649,119 +581,119 @@ function or({
               }
             }
           }
-        }), (O = w.properties.customSettings.data).locales ?? (O.locales = {}), (V = w.properties.customSettings.data.locales)[r] ?? (V[r] = {}), w.properties.customSettings.data.locales[r].defaultValue = p;
+        }), (O = w.properties.customSettings.data).locales ?? (O.locales = {}), (j = w.properties.customSettings.data.locales)[r] ?? (j[r] = {}), w.properties.customSettings.data.locales[r].defaultValue = p;
       });
     },
-    [r, o]
+    [r, s]
   );
-  return /* @__PURE__ */ e(Qe, { children: /* @__PURE__ */ I(R, { gap: 2, children: [
+  return /* @__PURE__ */ e(He, { children: /* @__PURE__ */ I(R, { gap: 2, children: [
     /* @__PURE__ */ I(R, { direction: "row", gap: 1, alignItems: "center", justifyContent: "space-between", children: [
-      /* @__PURE__ */ e(Q, { variant: "subtitle1", children: a("properties") }),
+      /* @__PURE__ */ e(Q, { variant: "subtitle1", children: d("properties") }),
       /* @__PURE__ */ e(S, { flex: 1 }),
       /* @__PURE__ */ e(
-        W,
+        N,
         {
           onClick: () => {
-            o((p) => {
+            s((p) => {
               var D;
-              const w = Le();
-              p.properties ?? (p.properties = {}), (D = p.properties)[w] ?? (D[w] = { index: (g == null ? void 0 : g.length) || 0, data: { id: w } });
+              const w = Qe();
+              p.properties ?? (p.properties = {}), (D = p.properties)[w] ?? (D[w] = { index: (b == null ? void 0 : b.length) || 0, data: { id: w } });
             });
           },
-          startIcon: /* @__PURE__ */ e(Et, {}),
-          children: a("addObject", { object: a("property") })
+          startIcon: /* @__PURE__ */ e(Tt, {}),
+          children: d("addObject", { object: d("property") })
         }
       ),
-      d && /* @__PURE__ */ e(W, { sx: { minWidth: 32, minHeight: 32, p: 0 }, ...le(c), children: /* @__PURE__ */ e($e, { fontSize: "small" }) })
+      a && /* @__PURE__ */ e(N, { sx: { minWidth: 32, minHeight: 32, p: 0 }, ...le(c), children: /* @__PURE__ */ e(Ke, { fontSize: "small" }) })
     ] }),
     t.properties && /* @__PURE__ */ e(
-      er,
+      Gt,
       {
         component: R,
         gap: 2,
         list: t.properties,
         renderItem: (p, w, D) => {
-          var O, V, B, E, H, F;
+          var O, j, B, H, _, F;
           return p.type === "custom-settings" ? null : /* @__PURE__ */ I(R, { gap: 1, bgcolor: "background.paper", children: [
             /* @__PURE__ */ e(
-              rr,
+              qt,
               {
                 preview: D.preview,
                 drop: D.drop,
                 drag: D.drag,
                 isDragging: D.isDragging,
                 onDelete: () => {
-                  o((P) => {
-                    if (P.properties) {
-                      const k = Object.entries(P.properties).sort(([, T], [, N]) => T.index - N.index);
-                      delete P.properties[p.id], k.filter(([T]) => T !== p.id).forEach(([, T], N) => {
-                        T.index = N;
+                  s((z) => {
+                    if (z.properties) {
+                      const k = Object.entries(z.properties).sort(([, A], [, E]) => A.index - E.index);
+                      delete z.properties[p.id], k.filter(([A]) => A !== p.id).forEach(([, A], E) => {
+                        A.index = E;
                       });
                     }
                   });
                 },
                 children: /* @__PURE__ */ I(R, { direction: "row", gap: 1, children: [
                   /* @__PURE__ */ e(
-                    z,
+                    V,
                     {
-                      label: a("key"),
+                      label: d("key"),
                       size: "small",
                       sx: { flex: 1 },
                       value: p.key || "",
-                      onChange: (P) => {
-                        o((j) => {
-                          const k = j.properties[p.id].data;
-                          k.key = P.target.value.trim();
+                      onChange: (z) => {
+                        s((C) => {
+                          const k = C.properties[p.id].data;
+                          k.key = z.target.value.trim();
                         });
                       }
                     }
                   ),
                   /* @__PURE__ */ e(
-                    z,
+                    V,
                     {
-                      label: a("label"),
+                      label: d("label"),
                       size: "small",
                       sx: { flex: 1 },
-                      value: (((V = (O = p.locales) == null ? void 0 : O[r]) == null ? void 0 : V.name) ?? ((E = (B = p.locales) == null ? void 0 : B[l]) == null ? void 0 : E.name)) || "",
-                      onChange: (P) => {
-                        o((j) => {
-                          var C;
-                          const k = j.properties[p.id].data;
-                          k.locales ?? (k.locales = {}), (C = k.locales)[r] ?? (C[r] = {}), k.locales[r].name = P.target.value;
+                      value: (((j = (O = p.locales) == null ? void 0 : O[r]) == null ? void 0 : j.name) ?? ((H = (B = p.locales) == null ? void 0 : B[l]) == null ? void 0 : H.name)) || "",
+                      onChange: (z) => {
+                        s((C) => {
+                          var P;
+                          const k = C.properties[p.id].data;
+                          k.locales ?? (k.locales = {}), (P = k.locales)[r] ?? (P[r] = {}), k.locales[r].name = z.target.value;
                         });
                       }
                     }
                   ),
                   /* @__PURE__ */ I(
-                    z,
+                    V,
                     {
-                      label: a("type"),
+                      label: d("type"),
                       size: "small",
                       select: !0,
                       sx: { flex: 1 },
                       value: p.type === "string" && p.multiline ? "multiline" : p.type || "string",
-                      onChange: (P) => {
-                        o((j) => {
-                          const k = j.properties[p.id].data;
+                      onChange: (z) => {
+                        s((C) => {
+                          const k = C.properties[p.id].data;
                           if (k.locales)
-                            for (const T of Object.keys(k.locales))
-                              k.locales[T].defaultValue = void 0;
-                          const C = P.target.value;
-                          C === "multiline" ? (k.type = "string", k.multiline = !0) : (typeof k.multiline < "u" && delete k.multiline, k.type = C);
+                            for (const A of Object.keys(k.locales))
+                              k.locales[A].defaultValue = void 0;
+                          const P = z.target.value;
+                          P === "multiline" ? (k.type = "string", k.multiline = !0) : (typeof k.multiline < "u" && delete k.multiline, k.type = P);
                         });
                       },
                       children: [
-                        /* @__PURE__ */ e(A, { value: "string", children: "Text" }),
-                        /* @__PURE__ */ e(A, { value: "multiline", children: "Text (Multiline)" }),
-                        /* @__PURE__ */ e(A, { value: "number", children: "Number" }),
-                        /* @__PURE__ */ e(A, { value: "decimal", children: "Decimal" }),
-                        /* @__PURE__ */ e(A, { value: "boolean", children: "Boolean" }),
-                        /* @__PURE__ */ e(A, { value: "color", children: "Color" }),
-                        /* @__PURE__ */ e(A, { value: "url", children: "URL (Upload)" }),
-                        /* @__PURE__ */ e(A, { value: "json", children: "JSON" }),
-                        /* @__PURE__ */ e(A, { value: "yaml", children: "YAML" }),
-                        /* @__PURE__ */ e(A, { value: "component", children: "Component" }),
-                        /* @__PURE__ */ e(A, { value: "custom", children: "Custom (Render by a Component)" })
+                        /* @__PURE__ */ e(T, { value: "string", children: "Text" }),
+                        /* @__PURE__ */ e(T, { value: "multiline", children: "Text (Multiline)" }),
+                        /* @__PURE__ */ e(T, { value: "number", children: "Number" }),
+                        /* @__PURE__ */ e(T, { value: "decimal", children: "Decimal" }),
+                        /* @__PURE__ */ e(T, { value: "boolean", children: "Boolean" }),
+                        /* @__PURE__ */ e(T, { value: "color", children: "Color" }),
+                        /* @__PURE__ */ e(T, { value: "url", children: "URL (Upload)" }),
+                        /* @__PURE__ */ e(T, { value: "json", children: "JSON" }),
+                        /* @__PURE__ */ e(T, { value: "yaml", children: "YAML" }),
+                        /* @__PURE__ */ e(T, { value: "component", children: "Component" }),
+                        /* @__PURE__ */ e(T, { value: "custom", children: "Custom (Render by a Component)" })
                       ]
                     }
                   )
@@ -776,27 +708,27 @@ function or({
                   defaultLocale: l,
                   component: t,
                   property: p,
-                  label: a("defaultValue"),
+                  label: d("defaultValue"),
                   size: "small",
                   fullWidth: !0,
-                  value: (F = (H = p.locales) == null ? void 0 : H[r]) == null ? void 0 : F.defaultValue,
-                  onChange: (P) => {
-                    o((j) => {
-                      var C;
-                      const k = j.properties[p.id].data;
-                      k.locales ?? (k.locales = {}), (C = k.locales)[r] ?? (C[r] = {}), k.locales[r].defaultValue = P;
+                  value: (F = (_ = p.locales) == null ? void 0 : _[r]) == null ? void 0 : F.defaultValue,
+                  onChange: (z) => {
+                    s((C) => {
+                      var P;
+                      const k = C.properties[p.id].data;
+                      k.locales ?? (k.locales = {}), (P = k.locales)[r] ?? (P[r] = {}), k.locales[r].defaultValue = z;
                     });
                   }
                 }
               ),
-              p.type === "custom" ? /* @__PURE__ */ e(S, { children: /* @__PURE__ */ e(sr, { property: p, allComponents: i }) }) : null
+              p.type === "custom" ? /* @__PURE__ */ e(S, { children: /* @__PURE__ */ e(er, { property: p, allComponents: i }) }) : null
             ] })
           ] }, p.id);
         }
       }
     ),
     ((u = i == null ? void 0 : i[t.id]) == null ? void 0 : u.data) && /* @__PURE__ */ e(S, { sx: { width: "100%" }, children: /* @__PURE__ */ e(
-      _e,
+      Fe,
       {
         componentId: t.id,
         renderType: "setting",
@@ -804,70 +736,70 @@ function or({
         properties: {},
         dev: { mode: "draft", components: i, defaultLocale: l },
         props: {
-          value: ((n = (m = (h = (b = t.properties) == null ? void 0 : b.customSettings) == null ? void 0 : h.data.locales) == null ? void 0 : m[r]) == null ? void 0 : n.defaultValue) ?? ((y = (x = (f = (s = t.properties) == null ? void 0 : s.customSettings) == null ? void 0 : f.data.locales) == null ? void 0 : x[l]) == null ? void 0 : y.defaultValue) ?? null,
+          value: ((n = (m = (h = (g = t.properties) == null ? void 0 : g.customSettings) == null ? void 0 : h.data.locales) == null ? void 0 : m[r]) == null ? void 0 : n.defaultValue) ?? ((y = (x = (f = (o = t.properties) == null ? void 0 : o.customSettings) == null ? void 0 : f.data.locales) == null ? void 0 : x[l]) == null ? void 0 : y.defaultValue) ?? null,
           onChange: v
         }
       }
     ) }),
-    d && /* @__PURE__ */ e(Xe, { ...Ye(c), component: t })
+    a && /* @__PURE__ */ e(Me, { ...Je(c), component: t })
   ] }) });
 }
-function sr({
+function er({
   property: t,
   allComponents: r
 }) {
   const l = ie({ variant: "popper" });
-  return /* @__PURE__ */ I(J, { children: [
-    /* @__PURE__ */ e(W, { sx: { minWidth: 0 }, ...le(l), children: /* @__PURE__ */ e(Je, { fontSize: "small" }) }),
-    /* @__PURE__ */ e(Ae, { ...Ge(l), children: /* @__PURE__ */ e(Ke, { onClickAway: l.close, children: /* @__PURE__ */ e(Be, { children: /* @__PURE__ */ e(S, { width: 500, p: 2, children: /* @__PURE__ */ e(
+  return /* @__PURE__ */ I($, { children: [
+    /* @__PURE__ */ e(N, { sx: { minWidth: 0 }, ...le(l), children: /* @__PURE__ */ e($e, { fontSize: "small" }) }),
+    /* @__PURE__ */ e(Te, { ...Ye(l), children: /* @__PURE__ */ e(Ue, { onClickAway: l.close, children: /* @__PURE__ */ e(Be, { children: /* @__PURE__ */ e(S, { width: 500, p: 2, children: /* @__PURE__ */ e(
       pe,
       {
         value: t.componentId,
-        onChange: (i, o) => t.componentId = o,
+        onChange: (i, s) => t.componentId = s,
         allComponents: r
       }
     ) }) }) }) })
   ] });
 }
-function cr({
+function tr({
   value: t,
   valueImmutable: r,
   onChange: l,
   defaultLocale: i,
-  allComponents: o
+  allComponents: s
 }) {
-  var g;
-  const d = ie({ variant: "popper" }), { locale: a } = U(), c = typeof (t == null ? void 0 : t.componentId) == "string" ? (g = o[t.componentId]) == null ? void 0 : g.data : void 0;
-  return c ? /* @__PURE__ */ I(J, { children: [
-    /* @__PURE__ */ e(W, { sx: { minWidth: 0 }, disabled: !c, ...le(d), children: /* @__PURE__ */ e(Je, { fontSize: "small" }) }),
+  var b;
+  const a = ie({ variant: "popper" }), { locale: d } = W(), c = typeof (t == null ? void 0 : t.componentId) == "string" ? (b = s[t.componentId]) == null ? void 0 : b.data : void 0;
+  return c ? /* @__PURE__ */ I($, { children: [
+    /* @__PURE__ */ e(N, { sx: { minWidth: 0 }, disabled: !c, ...le(a), children: /* @__PURE__ */ e($e, { fontSize: "small" }) }),
     /* @__PURE__ */ e(
-      Ae,
+      Te,
       {
-        ...Ge(d),
+        ...Ye(a),
         sx: {
           zIndex: 1e3
         },
-        children: /* @__PURE__ */ e(Ke, { onClickAway: d.close, children: /* @__PURE__ */ e(Be, { children: /* @__PURE__ */ I(S, { width: 500, p: 2, children: [
+        children: /* @__PURE__ */ e(Ue, { onClickAway: a.close, children: /* @__PURE__ */ e(Be, { children: /* @__PURE__ */ I(S, { width: 500, p: 2, children: [
           /* @__PURE__ */ e(Q, { variant: "subtitle1", children: "Parameters" }),
           /* @__PURE__ */ e(R, { gap: 1, children: (c == null ? void 0 : c.properties) && X(Object.values(c.properties), "index").map(({ data: v }) => {
-            var u, b, h, m, n, s, f, x;
+            var u, g, h, m, n, o, f, x;
             return /* @__PURE__ */ e(S, { children: /* @__PURE__ */ e(
               q,
               {
-                allComponents: o,
+                allComponents: s,
                 defaultLocale: i,
                 size: "small",
                 fullWidth: !0,
                 component: c,
                 property: v,
-                valueImmutable: te((b = (u = t.properties) == null ? void 0 : u[v.id]) == null ? void 0 : b.value),
-                value: ((m = (h = t.properties) == null ? void 0 : h[v.id]) == null ? void 0 : m.value) ?? ((s = (n = v.locales) == null ? void 0 : n[a]) == null ? void 0 : s.defaultValue) ?? ((x = (f = v.locales) == null ? void 0 : f[i]) == null ? void 0 : x.defaultValue),
+                valueImmutable: te((g = (u = t.properties) == null ? void 0 : u[v.id]) == null ? void 0 : g.value),
+                value: ((m = (h = t.properties) == null ? void 0 : h[v.id]) == null ? void 0 : m.value) ?? ((o = (n = v.locales) == null ? void 0 : n[d]) == null ? void 0 : o.defaultValue) ?? ((x = (f = v.locales) == null ? void 0 : f[i]) == null ? void 0 : x.defaultValue),
                 onChange: (y) => {
                   if (r) {
                     const p = JSON.parse(JSON.stringify(t));
                     l == null || l({ ...p, properties: { ...p.properties, [v.id]: { value: y } } });
                   } else
-                    Y(c).doc.transact(() => {
+                    J(c).doc.transact(() => {
                       t.properties ?? (t.properties = {}), t.properties[v.id] = { value: y };
                     });
                 }
@@ -879,52 +811,52 @@ function cr({
     )
   ] }) : null;
 }
-function Xe({
+function Me({
   type: t = "properties",
   component: r,
   ...l
 }) {
-  var b, h, m;
-  const { t: i } = U(), {
+  var g, h, m;
+  const { t: i } = W(), {
     state: {
-      components: o,
-      supportedLocales: d,
-      config: { defaultLocale: a }
+      components: s,
+      supportedLocales: a,
+      config: { defaultLocale: d }
     }
-  } = re(), c = ce(), g = Y(r).doc, v = t === "properties" ? r.properties : t === "parameters" && ((b = r.renderer) == null ? void 0 : b.type) === "component" ? (h = o[r.renderer.componentId]) == null ? void 0 : h.data.properties : void 0, u = ((m = r.renderer) == null ? void 0 : m.type) === "component" ? r : void 0;
+  } = re(), c = ce(), b = J(r).doc, v = t === "properties" ? r.properties : t === "parameters" && ((g = r.renderer) == null ? void 0 : g.type) === "component" ? (h = s[r.renderer.componentId]) == null ? void 0 : h.data.properties : void 0, u = ((m = r.renderer) == null ? void 0 : m.type) === "component" ? r : void 0;
   return /* @__PURE__ */ I(ae, { ...l, fullWidth: !0, maxWidth: "lg", children: [
     /* @__PURE__ */ e(Oe, { children: i("i18nEditorTitle") }),
-    /* @__PURE__ */ e(Ve, { children: v && /* @__PURE__ */ e(R, { children: /* @__PURE__ */ I(it, { stickyHeader: !0, sx: { td: { verticalAlign: "top" } }, children: [
-      /* @__PURE__ */ e(lt, { children: /* @__PURE__ */ e(Se, { children: d.map(({ locale: n, name: s }) => /* @__PURE__ */ I(ke, { children: [
-        s,
-        a === n && /* @__PURE__ */ e(Ht, { sx: { fontSize: 12, color: "text.secondary" } })
+    /* @__PURE__ */ e(je, { children: v && /* @__PURE__ */ e(R, { children: /* @__PURE__ */ I(et, { stickyHeader: !0, sx: { td: { verticalAlign: "top" } }, children: [
+      /* @__PURE__ */ e(tt, { children: /* @__PURE__ */ e(Se, { children: a.map(({ locale: n, name: o }) => /* @__PURE__ */ I(ke, { children: [
+        o,
+        d === n && /* @__PURE__ */ e(Wt, { sx: { fontSize: 12, color: "text.secondary" } })
       ] }, n)) }) }),
-      /* @__PURE__ */ e(nt, { children: X(Object.values(v), "index").map(({ data: n }) => /* @__PURE__ */ e(Se, { children: d.map(({ locale: s }) => {
-        var f, x, y, p, w, D, O, V, B, E, H, F, P, j, k, C, T, N, G, M, me, he, fe, ge, be, ve;
-        return /* @__PURE__ */ e(ke, { children: /* @__PURE__ */ e(R, { gap: 1, children: t === "properties" ? /* @__PURE__ */ I(J, { children: [
+      /* @__PURE__ */ e(rt, { children: X(Object.values(v), "index").map(({ data: n }) => /* @__PURE__ */ e(Se, { children: a.map(({ locale: o }) => {
+        var f, x, y, p, w, D, O, j, B, H, _, F, z, C, k, P, A, E, Y, G, me, he, fe, be, ge, ve;
+        return /* @__PURE__ */ e(ke, { children: /* @__PURE__ */ e(R, { gap: 1, children: t === "properties" ? /* @__PURE__ */ I($, { children: [
           /* @__PURE__ */ e(
-            z,
+            V,
             {
               size: "small",
               label: "Key",
               value: n.key || "",
               onChange: (K) => {
-                g.transact(() => {
+                b.transact(() => {
                   n.key = K.target.value.trim();
                 });
               }
             }
           ),
           /* @__PURE__ */ e(
-            z,
+            V,
             {
               size: "small",
               label: i("label"),
-              value: (((x = (f = n.locales) == null ? void 0 : f[s]) == null ? void 0 : x.name) ?? ((p = (y = n.locales) == null ? void 0 : y[a]) == null ? void 0 : p.name)) || "",
+              value: (((x = (f = n.locales) == null ? void 0 : f[o]) == null ? void 0 : x.name) ?? ((p = (y = n.locales) == null ? void 0 : y[d]) == null ? void 0 : p.name)) || "",
               onChange: (K) => {
-                g.transact(() => {
-                  var _;
-                  n.locales ?? (n.locales = {}), (_ = n.locales)[s] ?? (_[s] = {}), n.locales[s].name = K.target.value;
+                b.transact(() => {
+                  var U;
+                  n.locales ?? (n.locales = {}), (U = n.locales)[o] ?? (U[o] = {}), n.locales[o].name = K.target.value;
                 });
               }
             }
@@ -933,18 +865,18 @@ function Xe({
             q,
             {
               allComponents: c,
-              defaultLocale: a,
+              defaultLocale: d,
               component: r,
               property: n,
               size: "small",
               fullWidth: !0,
               label: "Default Value",
-              valueImmutable: te((D = (w = n.locales) == null ? void 0 : w[s]) == null ? void 0 : D.defaultValue),
-              value: ((V = (O = n.locales) == null ? void 0 : O[s]) == null ? void 0 : V.defaultValue) ?? ((E = (B = n.locales) == null ? void 0 : B[a]) == null ? void 0 : E.defaultValue),
+              valueImmutable: te((D = (w = n.locales) == null ? void 0 : w[o]) == null ? void 0 : D.defaultValue),
+              value: ((j = (O = n.locales) == null ? void 0 : O[o]) == null ? void 0 : j.defaultValue) ?? ((H = (B = n.locales) == null ? void 0 : B[d]) == null ? void 0 : H.defaultValue),
               onChange: (K) => {
-                g.transact(() => {
-                  var _;
-                  n.locales ?? (n.locales = {}), (_ = n.locales)[s] ?? (_[s] = {}), n.locales[s].defaultValue = K;
+                b.transact(() => {
+                  var U;
+                  n.locales ?? (n.locales = {}), (U = n.locales)[o] ?? (U[o] = {}), n.locales[o].defaultValue = K;
                 });
               }
             }
@@ -953,28 +885,28 @@ function Xe({
           q,
           {
             allComponents: c,
-            defaultLocale: a,
+            defaultLocale: d,
             component: r,
             property: n,
             size: "small",
             fullWidth: !0,
             valueImmutable: te(
-              (j = (P = (F = (H = u.renderer.properties) == null ? void 0 : H[n.id]) == null ? void 0 : F.locales) == null ? void 0 : P[s]) == null ? void 0 : j.value
+              (C = (z = (F = (_ = u.renderer.properties) == null ? void 0 : _[n.id]) == null ? void 0 : F.locales) == null ? void 0 : z[o]) == null ? void 0 : C.value
             ),
-            value: ((N = (T = (C = (k = u.renderer.properties) == null ? void 0 : k[n.id]) == null ? void 0 : C.locales) == null ? void 0 : T[s]) == null ? void 0 : N.value) ?? ((he = (me = (M = (G = u.renderer.properties) == null ? void 0 : G[n.id]) == null ? void 0 : M.locales) == null ? void 0 : me[a]) == null ? void 0 : he.value) ?? ((ge = (fe = n.locales) == null ? void 0 : fe[s]) == null ? void 0 : ge.defaultValue) ?? ((ve = (be = n.locales) == null ? void 0 : be[a]) == null ? void 0 : ve.defaultValue),
+            value: ((E = (A = (P = (k = u.renderer.properties) == null ? void 0 : k[n.id]) == null ? void 0 : P.locales) == null ? void 0 : A[o]) == null ? void 0 : E.value) ?? ((he = (me = (G = (Y = u.renderer.properties) == null ? void 0 : Y[n.id]) == null ? void 0 : G.locales) == null ? void 0 : me[d]) == null ? void 0 : he.value) ?? ((be = (fe = n.locales) == null ? void 0 : fe[o]) == null ? void 0 : be.defaultValue) ?? ((ve = (ge = n.locales) == null ? void 0 : ge[d]) == null ? void 0 : ve.defaultValue),
             onChange: (K) => {
-              g.transact(() => {
-                var _, xe, ye, Ie, we;
-                (_ = u.renderer).properties ?? (_.properties = {}), (xe = u.renderer.properties)[ye = n.id] ?? (xe[ye] = {}), (Ie = u.renderer.properties[n.id]).locales ?? (Ie.locales = {}), (we = u.renderer.properties[n.id].locales)[s] ?? (we[s] = {}), u.renderer.properties[n.id].locales[s].value = K;
+              b.transact(() => {
+                var U, xe, ye, Ie, we;
+                (U = u.renderer).properties ?? (U.properties = {}), (xe = u.renderer.properties)[ye = n.id] ?? (xe[ye] = {}), (Ie = u.renderer.properties[n.id]).locales ?? (Ie.locales = {}), (we = u.renderer.properties[n.id].locales)[o] ?? (we[o] = {}), u.renderer.properties[n.id].locales[o].value = K;
               });
             }
           }
-        ) }) : null }, n.id) }, s);
+        ) }) : null }, n.id) }, o);
       }) }, n.id)) })
     ] }) }) }),
-    /* @__PURE__ */ e(je, { children: /* @__PURE__ */ e(W, { onClick: (n) => {
-      var s;
-      return (s = l.onClose) == null ? void 0 : s.call(l, n, "escapeKeyDown");
+    /* @__PURE__ */ e(Ce, { children: /* @__PURE__ */ e(N, { onClick: (n) => {
+      var o;
+      return (o = l.onClose) == null ? void 0 : o.call(l, n, "escapeKeyDown");
     }, children: i("close") }) })
   ] });
 }
@@ -983,16 +915,16 @@ function q({
   property: r,
   value: l,
   onChange: i,
-  valueImmutable: o,
-  defaultLocale: d,
-  allComponents: a,
+  valueImmutable: s,
+  defaultLocale: a,
+  allComponents: d,
   ...c
 }) {
-  var b, h, m, n, s;
-  const { locale: g } = U(), v = $(null), u = c.label || ((h = (b = r.locales) == null ? void 0 : b[g]) == null ? void 0 : h.name) || ((n = (m = r.locales) == null ? void 0 : m[d]) == null ? void 0 : n.name) || r.key || r.id;
+  var g, h, m, n, o;
+  const { locale: b } = W(), v = M(null), u = c.label || ((h = (g = r.locales) == null ? void 0 : g[b]) == null ? void 0 : h.name) || ((n = (m = r.locales) == null ? void 0 : m[a]) == null ? void 0 : n.name) || r.key || r.id;
   if (r.type === "number")
     return /* @__PURE__ */ e(
-      dr,
+      rr,
       {
         ...c,
         label: u,
@@ -1006,7 +938,7 @@ function q({
     return null;
   if (r.type === "decimal")
     return /* @__PURE__ */ e(
-      z,
+      V,
       {
         ...c,
         label: u,
@@ -1027,16 +959,16 @@ function q({
     );
   if (r.type === "boolean")
     return /* @__PURE__ */ e(
-      ze,
+      Ve,
       {
         label: u,
         labelPlacement: "start",
-        control: /* @__PURE__ */ e(Ce, { checked: l === !0, onChange: (f, x) => i == null ? void 0 : i(x) })
+        control: /* @__PURE__ */ e(Pe, { checked: l === !0, onChange: (f, x) => i == null ? void 0 : i(x) })
       }
     );
   if (r.type === "color")
     return /* @__PURE__ */ e(
-      Lt,
+      Yt,
       {
         label: u,
         value: l,
@@ -1060,7 +992,7 @@ function q({
         },
         children: [
           /* @__PURE__ */ e(
-            ot,
+            Le,
             {
               sx: {
                 position: "absolute",
@@ -1072,10 +1004,10 @@ function q({
             }
           ),
           /* @__PURE__ */ e(
-            Fe,
+            _e,
             {
               keyId: r.id,
-              locale: g,
+              locale: b,
               language: r.type === "yaml" ? "yaml" : "json",
               value: typeof l == "string" ? l : "",
               onChange: (f) => i == null ? void 0 : i(f),
@@ -1109,49 +1041,49 @@ function q({
       }
     );
   if (r.type === "custom") {
-    const f = (s = a[r.componentId]) == null ? void 0 : s.data;
+    const f = (o = d[r.componentId]) == null ? void 0 : o.data;
     return f ? /* @__PURE__ */ e(S, { width: "100%", children: /* @__PURE__ */ e(
-      _e,
+      Fe,
       {
         componentId: f.id,
         props: { label: u, value: l, onChange: i },
-        locale: g,
+        locale: b,
         dev: {
           mode: "draft",
-          components: a,
-          defaultLocale: d
+          components: d,
+          defaultLocale: a
         }
       }
-    ) }) : /* @__PURE__ */ e(z, { ...c, label: u, disabled: !0, placeholder: "Click right button select a component" });
+    ) }) : /* @__PURE__ */ e(V, { ...c, label: u, disabled: !0, placeholder: "Click right button select a component" });
   }
   if (r.type === "component")
     return /* @__PURE__ */ I(R, { width: "100%", direction: "row", gap: 1, children: [
       /* @__PURE__ */ e(S, { flex: 1, children: /* @__PURE__ */ e(
         pe,
         {
-          allComponents: a,
+          allComponents: d,
           label: u,
           value: l == null ? void 0 : l.componentId,
           onChange: (f, x) => {
-            o || !l ? i == null || i({ ...l && JSON.parse(JSON.stringify(l)), componentId: x }) : typeof l == "object" && (l.componentId = x);
+            s || !l ? i == null || i({ ...l && JSON.parse(JSON.stringify(l)), componentId: x }) : typeof l == "object" && (l.componentId = x);
           }
         }
       ) }),
       /* @__PURE__ */ e(S, { children: /* @__PURE__ */ e(
-        cr,
+        tr,
         {
           value: l,
-          valueImmutable: o,
+          valueImmutable: s,
           onChange: i,
-          defaultLocale: d,
-          allComponents: a
+          defaultLocale: a,
+          allComponents: d
         }
       ) })
     ] });
   if (!r.type || ["string", "url"].includes(r.type)) {
     const f = r.type === "string" ? r.multiline : void 0, x = r.type === "url" ? l == null ? void 0 : l.url : l;
     return /* @__PURE__ */ e(
-      z,
+      V,
       {
         ...c,
         label: u,
@@ -1169,10 +1101,10 @@ function q({
               ue,
               {
                 onChange: async ({ response: y }) => {
-                  var O, V, B;
-                  const p = ((O = y == null ? void 0 : y.data) == null ? void 0 : O.url) || ((V = y == null ? void 0 : y.data) == null ? void 0 : V.fileUrl);
+                  var O, j, B;
+                  const p = ((O = y == null ? void 0 : y.data) == null ? void 0 : O.url) || ((j = y == null ? void 0 : y.data) == null ? void 0 : j.fileUrl);
                   let w;
-                  p && (w = await se(p).catch(() => oe(p)).catch(() => {
+                  p && (w = await oe(p).catch(() => se(p)).catch(() => {
                   }));
                   let D = ((B = y == null ? void 0 : y.data) == null ? void 0 : B.filename) || "";
                   D && (D = `mediakit://${D}`), i == null || i({
@@ -1184,7 +1116,7 @@ function q({
                 }
               }
             ),
-            /* @__PURE__ */ e(ne, { title: "If you are using the 'mediaKitUrl' property, please use < import { getMediaKitAbsoluteUrl } from '@blocklet/pages-kit/builtin/utils' > to get the full address.", children: /* @__PURE__ */ e(Ft, { sx: { cursor: "default" }, fontSize: "small" }) })
+            /* @__PURE__ */ e(ne, { title: "If you are using the 'mediaKitUrl' property, please use < import { getMediaKitAbsoluteUrl } from '@blocklet/pages-kit/builtin/utils' > to get the full address.", children: /* @__PURE__ */ e(Bt, { sx: { cursor: "default" }, fontSize: "small" }) })
           ] })
         } : void 0
       }
@@ -1192,14 +1124,14 @@ function q({
   }
   return console.error("Unsupported property type", r.type), null;
 }
-function dr({
+function rr({
   NumberProps: t,
   ...r
 }) {
-  const { getInputProps: l } = Ut(t), i = l();
-  return /* @__PURE__ */ e(z, { ...r, inputProps: i });
+  const { getInputProps: l } = jt(t), i = l();
+  return /* @__PURE__ */ e(V, { ...r, inputProps: i });
 }
-const ar = `import React from '@blocklet/pages-kit/builtin/react'
+const ir = `import React from '@blocklet/pages-kit/builtin/react'
 import { Box } from '@blocklet/pages-kit/builtin/mui/material'
 
 export default function () {
@@ -1208,40 +1140,40 @@ export default function () {
       Hello World
     </Box>
   )
-}`, ur = `console.log('hello')
+}`, lr = `console.log('hello')
 `;
-function pr({
+function nr({
   value: t
 }) {
-  const { locale: r } = U(), l = Bt(), i = Y(t).doc;
+  const { locale: r } = W(), l = Ot(), i = J(t).doc;
   return L(() => {
-    var o;
-    (o = t.renderer) != null && o.script || (i.transact(() => {
-      t.renderer.script = t.renderer.type === "react-component" ? ar : ur;
+    var s;
+    (s = t.renderer) != null && s.script || (i.transact(() => {
+      t.renderer.script = t.renderer.type === "react-component" ? ir : lr;
     }), l());
   }, [t]), /* @__PURE__ */ e(S, { sx: { border: 1, borderColor: "divider", borderRadius: 1, overflow: "hidden" }, children: /* @__PURE__ */ e(
-    Fe,
+    _e,
     {
       keyId: t.id,
       locale: r,
       language: "typescript",
       value: t.renderer.script || "",
-      onChange: (o) => t.renderer.script = o,
+      onChange: (s) => t.renderer.script = s,
       typeScriptNoValidation: !1
     },
     t.id
   ) });
 }
-function mr({ value: t }) {
-  var u, b, h;
-  const { t: r } = U(), l = Y(t).doc, {
+function or({ value: t }) {
+  var u, g, h;
+  const { t: r } = W(), l = J(t).doc, {
     state: {
       components: i,
-      config: { defaultLocale: o },
-      resources: d
+      config: { defaultLocale: s },
+      resources: a
     },
-    localState: { currentLocale: a }
-  } = re(), c = ce(), g = ((u = i[t.renderer.componentId]) == null ? void 0 : u.data) ?? ((h = (b = d.components) == null ? void 0 : b[t.renderer.componentId]) == null ? void 0 : h.component), v = ie({ variant: "dialog" });
+    localState: { currentLocale: d }
+  } = re(), c = ce(), b = ((u = i[t.renderer.componentId]) == null ? void 0 : u.data) ?? ((h = (g = a.components) == null ? void 0 : g[t.renderer.componentId]) == null ? void 0 : h.component), v = ie({ variant: "dialog" });
   return /* @__PURE__ */ I(R, { gap: 1, children: [
     /* @__PURE__ */ e(
       pe,
@@ -1252,34 +1184,34 @@ function mr({ value: t }) {
         onChange: (m, n) => t.renderer.componentId = n
       }
     ),
-    g && /* @__PURE__ */ I(J, { children: [
+    b && /* @__PURE__ */ I($, { children: [
       /* @__PURE__ */ I(R, { direction: "row", justifyContent: "space-between", alignItems: "center", children: [
         /* @__PURE__ */ e(Q, { variant: "subtitle2", children: r("parameters") }),
-        /* @__PURE__ */ e(W, { sx: { minWidth: 32, minHeight: 32, p: 0 }, ...le(v), children: /* @__PURE__ */ e($e, { fontSize: "small" }) })
+        /* @__PURE__ */ e(N, { sx: { minWidth: 32, minHeight: 32, p: 0 }, ...le(v), children: /* @__PURE__ */ e(Ke, { fontSize: "small" }) })
       ] }),
-      g.properties && X(Object.values(g.properties), "index").map(({ data: m }) => {
-        var n, s, f, x, y, p, w, D, O, V, B, E, H, F, P, j;
+      b.properties && X(Object.values(b.properties), "index").map(({ data: m }) => {
+        var n, o, f, x, y, p, w, D, O, j, B, H, _, F, z, C;
         return /* @__PURE__ */ e(S, { children: /* @__PURE__ */ e(
           q,
           {
             allComponents: c,
-            defaultLocale: o,
-            component: g,
+            defaultLocale: s,
+            component: b,
             property: m,
             fullWidth: !0,
             size: "small",
-            valueImmutable: te((x = (f = (s = (n = t.renderer.properties) == null ? void 0 : n[m.id]) == null ? void 0 : s.locales) == null ? void 0 : f[a]) == null ? void 0 : x.value),
-            value: ((D = (w = (p = (y = t.renderer.properties) == null ? void 0 : y[m.id]) == null ? void 0 : p.locales) == null ? void 0 : w[a]) == null ? void 0 : D.value) ?? ((E = (B = (V = (O = t.renderer.properties) == null ? void 0 : O[m.id]) == null ? void 0 : V.locales) == null ? void 0 : B[o]) == null ? void 0 : E.value) ?? ((F = (H = m.locales) == null ? void 0 : H[a]) == null ? void 0 : F.defaultValue) ?? ((j = (P = m.locales) == null ? void 0 : P[o]) == null ? void 0 : j.defaultValue),
+            valueImmutable: te((x = (f = (o = (n = t.renderer.properties) == null ? void 0 : n[m.id]) == null ? void 0 : o.locales) == null ? void 0 : f[d]) == null ? void 0 : x.value),
+            value: ((D = (w = (p = (y = t.renderer.properties) == null ? void 0 : y[m.id]) == null ? void 0 : p.locales) == null ? void 0 : w[d]) == null ? void 0 : D.value) ?? ((H = (B = (j = (O = t.renderer.properties) == null ? void 0 : O[m.id]) == null ? void 0 : j.locales) == null ? void 0 : B[s]) == null ? void 0 : H.value) ?? ((F = (_ = m.locales) == null ? void 0 : _[d]) == null ? void 0 : F.defaultValue) ?? ((C = (z = m.locales) == null ? void 0 : z[s]) == null ? void 0 : C.defaultValue),
             onChange: (k) => {
               l.transact(() => {
-                var C, T, N, G, M;
-                (C = t.renderer).properties ?? (C.properties = {}), (T = t.renderer.properties)[N = m.id] ?? (T[N] = {}), (G = t.renderer.properties[m.id]).locales ?? (G.locales = {}), (M = t.renderer.properties[m.id].locales)[a] ?? (M[a] = {}), t.renderer.properties[m.id].locales[a].value = k;
+                var P, A, E, Y, G;
+                (P = t.renderer).properties ?? (P.properties = {}), (A = t.renderer.properties)[E = m.id] ?? (A[E] = {}), (Y = t.renderer.properties[m.id]).locales ?? (Y.locales = {}), (G = t.renderer.properties[m.id].locales)[d] ?? (G[d] = {}), t.renderer.properties[m.id].locales[d].value = k;
               });
             }
           }
         ) }, m.id);
       }),
-      /* @__PURE__ */ e(Xe, { ...Ye(v), component: t, type: "parameters" })
+      /* @__PURE__ */ e(Me, { ...Je(v), component: t, type: "parameters" })
     ] })
   ] });
 }
@@ -1288,42 +1220,42 @@ function pe({
   options: r,
   excludes: l,
   value: i,
-  onChange: o,
-  allComponents: d,
-  ...a
+  onChange: s,
+  allComponents: a,
+  ...d
 }) {
   var u;
-  const { t: c } = U(), g = r ?? X(Object.values(_t(d, ...l ?? [])), "index").map((b) => b.data), v = (typeof i == "string" ? (u = d[i]) == null ? void 0 : u.data : void 0) ?? null;
+  const { t: c } = W(), b = r ?? X(Object.values(Nt(a, ...l ?? [])), "index").map((g) => g.data), v = (typeof i == "string" ? (u = a[i]) == null ? void 0 : u.data : void 0) ?? null;
   return /* @__PURE__ */ e(
-    Te,
+    Ae,
     {
-      ...a,
+      ...d,
       size: "small",
-      options: g,
+      options: b,
       autoHighlight: !0,
-      isOptionEqualToValue: (b, h) => b.id === h.id,
-      getOptionKey: (b) => b.id,
-      getOptionLabel: (b) => b.name || b.id,
-      renderInput: (b) => /* @__PURE__ */ e(z, { label: t || c("component"), ...b }),
+      isOptionEqualToValue: (g, h) => g.id === h.id,
+      getOptionKey: (g) => g.id,
+      getOptionLabel: (g) => g.name || g.id,
+      renderInput: (g) => /* @__PURE__ */ e(V, { label: t || c("component"), ...g }),
       value: v,
-      onChange: (b, h) => {
-        var n, s, f, x, y, p;
+      onChange: (g, h) => {
+        var n, o, f, x, y, p;
         let m = {};
         h && (m = {
-          blockletId: (n = d[h == null ? void 0 : h.id]) == null ? void 0 : n.blockletId,
-          blockletTitle: (s = d[h == null ? void 0 : h.id]) == null ? void 0 : s.blockletTitle,
-          componentName: ((x = (f = d[h == null ? void 0 : h.id]) == null ? void 0 : f.data) == null ? void 0 : x.name) || ((p = (y = d[h == null ? void 0 : h.id]) == null ? void 0 : y.data) == null ? void 0 : p.id)
-        }), o == null || o(b, h == null ? void 0 : h.id, m);
+          blockletId: (n = a[h == null ? void 0 : h.id]) == null ? void 0 : n.blockletId,
+          blockletTitle: (o = a[h == null ? void 0 : h.id]) == null ? void 0 : o.blockletTitle,
+          componentName: ((x = (f = a[h == null ? void 0 : h.id]) == null ? void 0 : f.data) == null ? void 0 : x.name) || ((p = (y = a[h == null ? void 0 : h.id]) == null ? void 0 : y.data) == null ? void 0 : p.id)
+        }), s == null || s(g, h == null ? void 0 : h.id, m);
       }
     }
   );
 }
 export {
-  nr as BasicInfo,
+  Zt as BasicInfo,
   pe as CustomComponentAutocomplete,
-  Hr as CustomComponentSettings,
-  ar as DefaultReactComponentScriptTemplate,
-  ur as DefaultWebComponentScriptTemplate,
-  or as PropertiesConfig,
+  Ar as CustomComponentSettings,
+  ir as DefaultReactComponentScriptTemplate,
+  lr as DefaultWebComponentScriptTemplate,
+  Lt as PropertiesConfig,
   q as PropertyValueField
 };