@blocklet/pages-kit-inner-components 0.0.16 → 0.0.17

package/lib/es/setting.js

@@ -1,71 +1,71 @@
-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 { jsx as e, jsxs as S, Fragment as $ } from "react/jsx-runtime";
+import { g as ye, i as we, b as De, h as te, E as Ge, n as Me, j as se } from "../state-CETtldI3.mjs";
+import { TextField as V, Stack as R, FormControlLabel as Re, Switch as ze, Box as w, InputAdornment as ce, Dialog as Ce, DialogTitle as Ve, DialogContent as Pe, DialogActions as Oe, Button as N, alpha as qe, Tooltip as le, buttonClasses as Qe, Typography as Q, Autocomplete as je, MenuItem as A, FormLabel as Xe, Popper as Te, Paper as Ae, Table as Ze, TableHead as Le, TableRow as Ie, TableCell as Se, TableBody as et } from "@mui/material";
+import { forwardRef as Be, useState as tt, useEffect as Z, useImperativeHandle as We, lazy as rt, useCallback as L, Suspense as it, useRef as M, useId as lt } from "react";
+import nt 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 { styled as ot } from "@arcblock/ux/lib/Theme";
+import { cx as st } from "@emotion/css";
+import { useReactive as ct, useBoolean as dt, useUpdate as at } from "ahooks";
+import ke from "gradient-parser";
 import "lodash/without";
-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 ut from "tinycolor2";
+import { red as pt, pink as mt, purple as ht, indigo as ft, blue as bt, cyan as gt, teal as vt, green as xt, lime as yt, yellow as It, amber as St, orange as kt, brown as wt, grey as Dt, blueGrey as Rt } from "@mui/material/colors";
+import { getImageSize as ne, getVideoSize as oe, UploaderButton as Ne, UploaderProvider as zt } from "./uploader.js";
+import { Icon as Ct } from "@iconify-icon/react";
+import { useDebounce as Vt, useUpdate as Pt } from "react-use";
+import { CodeEditor as Ee } from "@blocklet/code-editor";
+import { CustomComponentRenderer as _e } from "@blocklet/pages-kit/components";
+import { ClickAwayListener as He, unstable_useNumberInput as Ot } from "@mui/base";
+import { DeleteOutlineRounded as jt, DragIndicatorRounded as Tt, AddRounded as At, TranslateRounded as Ue, InfoRounded as Bt, SettingsRounded as Fe, 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 { sortBy as X, omit as Nt, isNil as ee } from "lodash";
+import { usePopupState as re, bindTrigger as ie, bindDialog as Ke, bindPopper as $e } 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(() => {
-    g(a || "");
-  }, [a, g]);
-  const h = async () => {
-    if (u !== a) {
-      const n = Z(u);
-      if (!n) {
-        c(u, void 0);
+import _t from "lodash/sortBy";
+import { useDrop as Je, useDrag as Ht } from "react-dnd";
+pt[300], mt[300], ht[300], // deepPurple['300'],
+ft[300], bt[300], // lightBlue['300'],
+gt[300], vt[300], xt[300], // lightGreen['300'],
+yt[300], It[300], St[300], kt[300], // deepOrange['300'],
+wt[300], Dt[300], Rt[300];
+const Ut = Be(function({ showMarkdown: r, markdown: n, onMarkdownChange: i, showUploader: s, value: h, meta: d, onChange: c, ...b }, v) {
+  const [a, g] = tt("");
+  Z(() => {
+    g(h || "");
+  }, [h, g]);
+  const m = async () => {
+    if (a !== h) {
+      const l = ye(a);
+      if (!l) {
+        c(a, void 0);
         return;
       }
-      const o = await oe(n).catch(() => se(n)).catch(() => {
+      const o = await ne(l).catch(() => oe(l)).catch(() => {
       });
-      c(u, { ...o, filename: u });
+      c(a, { ...o, filename: a });
     }
   };
-  Pt(
+  Vt(
     () => {
-      u !== a && c(u);
+      a !== h && c(a);
     },
     300,
-    [u]
-  ), Ee(v, () => ({
-    submit: h
+    [a]
+  ), We(v, () => ({
+    submit: m
   }));
-  const m = {};
-  return s && (m.InputProps = {
+  const p = {};
+  return s && (p.InputProps = {
     sx: { pr: 0 },
-    endAdornment: /* @__PURE__ */ e(de, { position: "end", sx: { mx: 0.5 }, children: /* @__PURE__ */ e(
-      ue,
+    endAdornment: /* @__PURE__ */ e(ce, { position: "end", sx: { mx: 0.5 }, children: /* @__PURE__ */ e(
+      Ne,
       {
-        onChange: async ({ response: n }) => {
+        onChange: async ({ response: l }) => {
           var y;
-          const o = (y = n == null ? void 0 : n.data) == null ? void 0 : y.filename, f = Z(o) || "";
+          const o = (y = l == null ? void 0 : l.data) == null ? void 0 : y.filename, f = ye(o) || "";
           let x = {};
-          f && (x = await oe(f).catch(() => se(f)).catch(() => {
+          f && (x = await ne(f).catch(() => oe(f)).catch(() => {
           })), c(o, {
             ...x,
             filename: o
@@ -79,40 +79,40 @@ const Ft = We(function({ showMarkdown: r, markdown: l, onMarkdownChange: i, show
       size: "small",
       fullWidth: !0,
       ...b,
-      label: /* @__PURE__ */ I(R, { direction: "row", spacing: 1, alignItems: "center", children: [
+      label: /* @__PURE__ */ S(R, { direction: "row", spacing: 1, alignItems: "center", children: [
         b.label,
-        r && /* @__PURE__ */ I($, { children: [
+        r && /* @__PURE__ */ S($, { children: [
           " (",
           /* @__PURE__ */ e(
-            Ve,
+            Re,
             {
-              checked: l,
-              label: /* @__PURE__ */ e(S, { component: Vt, icon: "tabler:markdown", sx: { verticalAlign: "middle" } }),
+              checked: n,
+              label: /* @__PURE__ */ e(w, { component: Ct, icon: "tabler:markdown", sx: { verticalAlign: "middle" } }),
               labelPlacement: "start",
-              control: /* @__PURE__ */ e(Pe, { size: "small" }),
+              control: /* @__PURE__ */ e(ze, { size: "small" }),
               sx: { ml: 0.25, pr: 1 },
-              onChange: (n, o) => i == null ? void 0 : i(o)
+              onChange: (l, o) => i == null ? void 0 : i(o)
             }
           ),
           ")"
         ] })
       ] }),
       InputLabelProps: { shrink: !0, ...b.InputLabelProps },
-      value: u,
-      onChange: (n) => g(n.target.value),
-      ...m,
-      onKeyDown: (n) => {
-        n.keyCode !== 229 && n.key === "Enter" && h();
+      value: a,
+      onChange: (l) => g(l.target.value),
+      ...p,
+      onKeyDown: (l) => {
+        l.keyCode !== 229 && l.key === "Enter" && m();
       }
     }
   );
-}), Ut = it(() => import("react-best-gradient-color-picker"));
+}), Ft = rt(() => import("react-best-gradient-color-picker"));
 function Kt(t) {
   try {
-    const l = De.parse(t).map((s) => {
-      const a = s.colorStops.map((d) => {
+    const n = ke.parse(t).map((s) => {
+      const h = s.colorStops.map((d) => {
         if (d.type !== "rgba") {
-          const c = pt(d.value).toRgb();
+          const c = ut(d.value).toRgb();
           return {
             ...d,
             value: [c.r, c.g, c.b, c.a],
@@ -123,19 +123,19 @@ function Kt(t) {
       });
       return {
         ...s,
-        colorStops: a
+        colorStops: h
       };
     });
-    return De.stringify(l);
+    return ke.stringify(n);
   } catch {
-    return ze(t) ? t : "";
+    return De(t) ? t : "";
   }
 }
-function $t({ color: t, sx: r = {}, ...l }) {
-  ze(t);
+function $t({ color: t, sx: r = {}, ...n }) {
+  De(t);
   const i = {};
-  return Re(t) ? i.backgroundImage = t : i.backgroundColor = t, /* @__PURE__ */ e(
-    S,
+  return we(t) ? i.backgroundImage = t : i.backgroundColor = t, /* @__PURE__ */ e(
+    w,
     {
       sx: {
         ...r,
@@ -150,33 +150,33 @@ function $t({ color: t, sx: r = {}, ...l }) {
         },
         ...i
       },
-      ...l
+      ...n
     }
   );
 }
-const Jt = We(function({ onSave: r }, l) {
-  const i = dt({
+const Jt = Be(function({ onSave: r }, n) {
+  const i = ct({
     value: ""
-  }), { 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(() => {
+  }), { t: s } = W(), h = {};
+  i.value ? we(i.value) ? h.backgroundImage = i.value : h.backgroundColor = i.value : h.border = "1px solid #ccc";
+  const [d, { setFalse: c, setTrue: b }] = dt(!1), v = L(() => {
     c();
-  }, [c]), u = () => {
+  }, [c]), a = () => {
     r({ value: i.value }, v);
   };
-  return Ee(l, () => ({
+  return We(n, () => ({
     open({ value: g } = { value: "" }) {
       i.value = g, b();
     },
     close() {
       v();
     }
-  })), /* @__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,
+  })), /* @__PURE__ */ S(Ce, { open: d, onClose: v, hideBackdrop: !0, children: [
+    /* @__PURE__ */ e(Ve, { children: s("maker.configBackground") }),
+    /* @__PURE__ */ e(Pe, { sx: { width: 600 }, children: /* @__PURE__ */ S(w, { width: "100%", display: "flex", children: [
+      /* @__PURE__ */ e(w, { flex: 1, mr: 1, sx: h, children: !i.value && /* @__PURE__ */ e(nt, { children: s("error.notConfig") }) }),
+      /* @__PURE__ */ e(it, { children: /* @__PURE__ */ e(
+        Ft,
         {
           width: 200,
           height: 200,
@@ -191,13 +191,13 @@ const Jt = We(function({ onSave: r }, l) {
         }
       ) })
     ] }) }),
-    /* @__PURE__ */ I(Ce, { children: [
+    /* @__PURE__ */ S(Oe, { 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") })
+      /* @__PURE__ */ e(N, { variant: "contained", size: "small", onClick: a, children: s("maker.save") })
     ] })
   ] });
 });
-st(S)`
+ot(w)`
   .color-item {
     position: relative;
   }
@@ -221,18 +221,18 @@ st(S)`
 function Yt({
   value: t,
   onChange: r,
-  ...l
+  ...n
 }) {
   const i = M(null);
-  return /* @__PURE__ */ I($, { children: [
+  return /* @__PURE__ */ S($, { children: [
     /* @__PURE__ */ e(
-      Ft,
+      Ut,
       {
-        ...l,
+        ...n,
         value: t,
         onChange: r,
         InputProps: {
-          endAdornment: /* @__PURE__ */ e(de, { position: "end", children: /* @__PURE__ */ e(
+          endAdornment: /* @__PURE__ */ e(ce, { position: "end", children: /* @__PURE__ */ e(
             $t,
             {
               color: t ?? "",
@@ -250,8 +250,8 @@ function Yt({
       Jt,
       {
         ref: i,
-        onSave: ({ value: s }, a) => {
-          r(s), a();
+        onSave: ({ value: s }, h) => {
+          r(s), h();
         }
       }
     )
@@ -260,111 +260,111 @@ function Yt({
 function Gt({
   disabled: t,
   list: r,
-  renderItem: l,
+  renderItem: n,
   ...i
 }) {
-  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) => {
-      b.current = m, d();
+  const s = M(null), h = lt(), d = at(), c = _t(Object.entries(r), (p) => p[1].index).map((p) => p[0]), b = M(c), v = L(
+    (p) => {
+      b.current = p, d();
     },
     [d]
-  ), u = ee(
-    ({ index: m }, { index: n }) => {
+  ), a = L(
+    ({ index: p }, { index: l }) => {
       const o = [...b.current];
-      o.splice(n, 0, ...o.splice(m, 1)), v(o);
+      o.splice(l, 0, ...o.splice(p, 1)), v(o);
     },
     [v]
   );
-  L(() => {
+  Z(() => {
     v(c);
   }, [c.join("-")]);
-  const [{ isOver: g }, h] = Ge({
-    accept: a,
-    collect: (m) => ({
-      isOver: m.isOver()
+  const [{ isOver: g }, m] = Je({
+    accept: h,
+    collect: (p) => ({
+      isOver: p.isOver()
     }),
     canDrop: () => !t,
     drop: () => {
       var o;
-      const m = () => {
+      const p = () => {
         b.current.forEach((f, x) => {
           const y = r[f];
           y && (y.index = x);
         });
-      }, n = (o = J(r)) == null ? void 0 : o.doc;
-      n ? n.transact(() => {
-        m();
-      }) : m();
+      }, l = (o = J(r)) == null ? void 0 : o.doc;
+      l ? l.transact(() => {
+        p();
+      }) : p();
     }
   });
-  return L(() => {
+  return Z(() => {
     g || v(c);
-  }, [g]), h(s), /* @__PURE__ */ e(S, { ...i, ref: s, className: ct(g && "isDragging"), children: b.current.map((m, n) => /* @__PURE__ */ e(
+  }, [g]), m(s), /* @__PURE__ */ e(w, { ...i, ref: s, className: st(g && "isDragging"), children: b.current.map((p, l) => /* @__PURE__ */ e(
     Mt,
     {
-      type: a,
+      type: h,
       disabled: t,
-      id: m,
-      index: n,
+      id: p,
+      index: l,
       itemIndex: (o) => b.current.indexOf(o),
-      move: u,
+      move: a,
       children: (o) => {
-        const f = r[m];
-        return f ? l(f.data, n, o) : null;
+        const f = r[p];
+        return f ? n(f.data, l, o) : null;
       }
     },
-    m
+    p
   )) });
 }
 function Mt({
   disabled: t,
   id: r,
-  index: l,
+  index: n,
   type: i,
   children: s,
-  itemIndex: a,
+  itemIndex: h,
   move: d
 }) {
-  const c = M(), [{ isDragging: b }, v, u] = _t({
+  const c = M(), [{ isDragging: b }, v, a] = Ht({
     type: i,
     item: () => ({ id: r }),
     canDrag: () => !t,
-    collect: (h) => ({ isDragging: h.isDragging() })
-  }), [, g] = Ge({
+    collect: (m) => ({ isDragging: m.isDragging() })
+  }), [, g] = Je({
     accept: i,
     canDrop: () => !t,
-    hover(h, m) {
-      var w;
+    hover(m, p) {
+      var I;
       if (!c.current)
         return;
-      const n = a(h.id), o = l;
-      if (n === o)
+      const l = h(m.id), o = n;
+      if (l === 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 < o && p < x || n > o && p > x || d({ id: h.id, index: n }, { id: r, index: l });
+      const f = (I = c.current) == null ? void 0 : I.getBoundingClientRect(), x = (f.bottom - f.top) / 2, u = p.getClientOffset().y - f.top;
+      l < o && u < x || l > o && u > x || d({ id: m.id, index: l }, { id: r, index: n });
     }
   });
   return typeof s == "function" ? s({
     isDragging: b,
     drag: v,
-    drop: (h) => (c.current = h, g(h)),
-    preview: u
-  }) : (v(g(u(c))), /* @__PURE__ */ e(S, { ref: c, children: s }));
+    drop: (m) => (c.current = m, g(m)),
+    preview: a
+  }) : (v(g(a(c))), /* @__PURE__ */ e(w, { ref: c, children: s }));
 }
 function qt({
   drop: t,
   preview: r,
-  drag: l,
+  drag: n,
   disabled: i,
   isDragging: s,
-  children: a,
+  children: h,
   onDelete: d,
   actions: c
 }) {
   const { t: b } = W();
-  return /* @__PURE__ */ e(S, { ref: t, sx: { ":hover .hover-visible": { maxHeight: "100%" } }, children: /* @__PURE__ */ I(S, { sx: { position: "relative" }, children: [
+  return /* @__PURE__ */ e(w, { ref: t, sx: { ":hover .hover-visible": { maxHeight: "100%" } }, children: /* @__PURE__ */ S(w, { sx: { position: "relative" }, children: [
     /* @__PURE__ */ e(
-      S,
+      w,
       {
         ref: r,
         sx: {
@@ -374,23 +374,23 @@ function qt({
           opacity: 0.9999
           // NOTE: make preview effective
         },
-        children: a
+        children: h
       }
     ),
     !i && /* @__PURE__ */ e(
-      S,
+      w,
       {
         className: "hover-visible",
         sx: { maxHeight: 0, overflow: "hidden", position: "absolute", right: 2, top: 2 },
-        children: /* @__PURE__ */ I(
+        children: /* @__PURE__ */ S(
           R,
           {
             direction: "row",
             sx: {
-              bgcolor: (v) => Xe(v.palette.grey[300], 0.9),
+              bgcolor: (v) => qe(v.palette.grey[300], 0.9),
               borderRadius: 1,
               p: 0.5,
-              [`.${Ze.root}`]: {
+              [`.${Qe.root}`]: {
                 minWidth: 24,
                 width: 24,
                 height: 24,
@@ -399,8 +399,8 @@ function qt({
             },
             children: [
               c,
-              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" } }) }) })
+              d && /* @__PURE__ */ e(le, { title: b("delete"), disableInteractive: !0, placement: "top", children: /* @__PURE__ */ e(N, { onClick: d, children: /* @__PURE__ */ e(jt, { sx: { fontSize: "1.25rem", color: "grey.500" } }) }) }),
+              /* @__PURE__ */ e(le, { title: b("dragSort"), disableInteractive: !0, placement: "top", children: /* @__PURE__ */ e(N, { ref: n, children: /* @__PURE__ */ e(Tt, { sx: { color: "grey.500" } }) }) })
             ]
           }
         )
@@ -408,73 +408,29 @@ function qt({
     )
   ] }) });
 }
-function Qt({
-  label: t,
-  value: r,
-  onChange: l
-}) {
-  const [i, s] = Ne(!1);
-  return /* @__PURE__ */ I(R, { gap: 1, children: [
-    /* @__PURE__ */ e(
-      V,
-      {
-        label: t,
-        size: "small",
-        value: r,
-        onChange: (a) => l == null ? void 0 : l(a.target.value),
-        InputProps: {
-          endAdornment: /* @__PURE__ */ e(
-            ue,
-            {
-              onChange: ({ response: a }) => {
-                var c;
-                const d = (c = a == null ? void 0 : a.data) == null ? void 0 : c.filename;
-                d && (l == null || l(d));
-              }
-            }
-          )
-        }
-      }
-    ),
-    r && /* @__PURE__ */ e(
-      S,
-      {
-        component: "img",
-        sx: { objectFit: "contain", borderRadius: 1, cursor: "pointer" },
-        src: Z(r),
-        alt: t,
-        maxWidth: 100,
-        maxHeight: 100,
-        width: "100%",
-        onClick: () => s(!0)
-      }
-    ),
-    /* @__PURE__ */ e(ae, { open: i, onClose: () => s(!1), children: /* @__PURE__ */ e(S, { component: "img", sx: { objectFit: "contain" }, src: Z(r), alt: t }) })
-  ] });
-}
-function Ar({ componentId: t }) {
+function jr({ 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(Et, { FallbackComponent: qe, resetKeys: [t], children: /* @__PURE__ */ e(Xt, { value: i }) }) }) }) : null;
+  } = te(), n = r[t], i = n == null ? void 0 : n.data;
+  return i ? /* @__PURE__ */ e(R, { maxHeight: "100%", overflow: "auto", children: /* @__PURE__ */ e(w, { p: 2, children: /* @__PURE__ */ e(zt, { children: /* @__PURE__ */ e(Et, { FallbackComponent: Ge, resetKeys: [t], children: /* @__PURE__ */ e(Qt, { value: i }) }) }) }) }) : null;
 }
-function Xt({ value: t }) {
+function Qt({ value: t }) {
   var d, c, b;
   const { t: r } = W(), {
-    localState: { currentLocale: l },
+    localState: { currentLocale: n },
     state: {
       config: { defaultLocale: i }
     }
-  } = re(), s = J(t).doc, a = ce();
-  return /* @__PURE__ */ e(R, { height: "100%", children: /* @__PURE__ */ I(R, { gap: 2, children: [
-    /* @__PURE__ */ e(Zt, { config: t }),
+  } = te(), s = J(t).doc, h = se();
+  return /* @__PURE__ */ e(R, { height: "100%", children: /* @__PURE__ */ S(R, { gap: 2, children: [
+    /* @__PURE__ */ e(Xt, { config: t }),
     /* @__PURE__ */ e(
-      Lt,
+      Zt,
       {
         config: t,
-        currentLocale: l,
+        currentLocale: n,
         defaultLocale: i,
-        allComponents: a,
+        allComponents: h,
         onUpdateConfig: (v) => {
           s.transact(() => {
             v(t);
@@ -482,9 +438,9 @@ function Xt({ value: t }) {
         }
       }
     ),
-    /* @__PURE__ */ I(R, { gap: 2, direction: "row", justifyContent: "space-between", alignItems: "center", children: [
+    /* @__PURE__ */ S(R, { gap: 2, direction: "row", justifyContent: "space-between", alignItems: "center", children: [
       /* @__PURE__ */ e(Q, { variant: "subtitle1", children: r("renderer") }),
-      /* @__PURE__ */ I(
+      /* @__PURE__ */ S(
         V,
         {
           hiddenLabel: !0,
@@ -494,82 +450,77 @@ function Xt({ value: t }) {
           value: ((d = t.renderer) == null ? void 0 : d.type) || "react-component",
           onChange: (v) => {
             s.transact(() => {
-              const u = v.target.value;
-              t.renderer ?? (t.renderer = { type: u }), t.renderer.type = u;
+              const a = v.target.value;
+              t.renderer ?? (t.renderer = { type: a }), t.renderer.type = a;
             });
           },
           children: [
-            /* @__PURE__ */ e(T, { value: "react-component", children: "React Component" }),
-            /* @__PURE__ */ e(T, { value: "component", children: "Custom Component" })
+            /* @__PURE__ */ e(A, { value: "react-component", children: "React Component" }),
+            /* @__PURE__ */ e(A, { value: "component", children: "Custom Component" })
           ]
         }
       )
     ] }),
-    ((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
+    ((c = t.renderer) == null ? void 0 : c.type) === "component" ? /* @__PURE__ */ e(nr, { value: t }) : ((b = t.renderer) == null ? void 0 : b.type) === "react-component" ? /* @__PURE__ */ e(lr, { value: t }) : null
   ] }) });
 }
-function Zt({ config: t }) {
+function Xt({ 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(
-      V,
-      {
-        label: r("name"),
-        size: "small",
-        value: t.name || "",
-        onChange: (l) => t.name = l.target.value
-      }
-    ),
-    /* @__PURE__ */ e(
-      V,
-      {
-        label: r("description"),
-        size: "small",
-        multiline: !0,
-        minRows: 2,
-        maxRows: 10,
-        inputProps: { maxLength: 200 },
-        value: t.description || "",
-        onChange: (l) => t.description = l.target.value
-      }
-    ),
-    /* @__PURE__ */ e(
-      Ae,
-      {
-        size: "small",
-        options: [],
-        multiple: !0,
-        freeSolo: !0,
-        value: t.tags ?? [],
-        onChange: (l, i) => t.tags = i,
-        renderInput: (l) => /* @__PURE__ */ e(V, { label: r("tags"), ...l })
-      }
-    ),
-    /* @__PURE__ */ e(
-      Qt,
-      {
-        label: r("previewImage"),
-        value: t.previewImage || "",
-        onChange: (l) => t.previewImage = l
-      }
-    )
-  ] }) });
+  return (
+    // <UploaderProvider>
+    /* @__PURE__ */ S(R, { gap: 2, children: [
+      /* @__PURE__ */ e(Q, { variant: "subtitle1", children: r("basicInfo") }),
+      /* @__PURE__ */ e(
+        V,
+        {
+          label: r("name"),
+          size: "small",
+          value: t.name || "",
+          onChange: (n) => t.name = n.target.value
+        }
+      ),
+      /* @__PURE__ */ e(
+        V,
+        {
+          label: r("description"),
+          size: "small",
+          multiline: !0,
+          minRows: 2,
+          maxRows: 10,
+          inputProps: { maxLength: 200 },
+          value: t.description || "",
+          onChange: (n) => t.description = n.target.value
+        }
+      ),
+      /* @__PURE__ */ e(
+        je,
+        {
+          size: "small",
+          options: [],
+          multiple: !0,
+          freeSolo: !0,
+          value: t.tags ?? [],
+          onChange: (n, i) => t.tags = i,
+          renderInput: (n) => /* @__PURE__ */ e(V, { label: r("tags"), ...n })
+        }
+      )
+    ] })
+  );
 }
-function Lt({
+function Zt({
   config: t,
   currentLocale: r,
-  defaultLocale: l,
+  defaultLocale: n,
   allComponents: i,
   onUpdateConfig: s,
-  useI18nEditor: a = !0
+  useI18nEditor: h = !0
 }) {
-  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) => {
-      s((w) => {
-        var D, O, j;
-        w.properties ?? (w.properties = {}), (D = w.properties).customSettings ?? (D.customSettings = {
+  var a, g, m, p, l, o, f, x, y;
+  const { t: d } = W(), c = re({ variant: "dialog" }), b = t.properties && X(Object.values(t.properties), "index"), v = L(
+    (u) => {
+      s((I) => {
+        var D, P, O;
+        I.properties ?? (I.properties = {}), (D = I.properties).customSettings ?? (D.customSettings = {
           index: 0,
           data: {
             id: "customSettings",
@@ -581,178 +532,181 @@ function Lt({
               }
             }
           }
-        }), (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;
+        }), (P = I.properties.customSettings.data).locales ?? (P.locales = {}), (O = I.properties.customSettings.data.locales)[r] ?? (O[r] = {}), I.properties.customSettings.data.locales[r].defaultValue = u;
       });
     },
     [r, s]
   );
-  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: d("properties") }),
-      /* @__PURE__ */ e(S, { flex: 1 }),
-      /* @__PURE__ */ e(
-        N,
+  return (
+    // <UploaderProvider>
+    /* @__PURE__ */ S(R, { gap: 2, children: [
+      /* @__PURE__ */ S(R, { direction: "row", gap: 1, alignItems: "center", justifyContent: "space-between", children: [
+        /* @__PURE__ */ e(Q, { variant: "subtitle1", children: d("properties") }),
+        /* @__PURE__ */ e(w, { flex: 1 }),
+        /* @__PURE__ */ e(
+          N,
+          {
+            onClick: () => {
+              s((u) => {
+                var D;
+                const I = Me();
+                u.properties ?? (u.properties = {}), (D = u.properties)[I] ?? (D[I] = { index: (b == null ? void 0 : b.length) || 0, data: { id: I } });
+              });
+            },
+            startIcon: /* @__PURE__ */ e(At, {}),
+            children: d("addObject", { object: d("property") })
+          }
+        ),
+        h && /* @__PURE__ */ e(N, { sx: { minWidth: 32, minHeight: 32, p: 0 }, ...ie(c), children: /* @__PURE__ */ e(Ue, { fontSize: "small" }) })
+      ] }),
+      t.properties && /* @__PURE__ */ e(
+        Gt,
         {
-          onClick: () => {
-            s((p) => {
-              var D;
-              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(Tt, {}),
-          children: d("addObject", { object: d("property") })
-        }
-      ),
-      a && /* @__PURE__ */ e(N, { sx: { minWidth: 32, minHeight: 32, p: 0 }, ...le(c), children: /* @__PURE__ */ e(Ke, { fontSize: "small" }) })
-    ] }),
-    t.properties && /* @__PURE__ */ e(
-      Gt,
-      {
-        component: R,
-        gap: 2,
-        list: t.properties,
-        renderItem: (p, w, D) => {
-          var O, j, B, H, _, F;
-          return p.type === "custom-settings" ? null : /* @__PURE__ */ I(R, { gap: 1, bgcolor: "background.paper", children: [
-            /* @__PURE__ */ e(
-              qt,
-              {
-                preview: D.preview,
-                drop: D.drop,
-                drag: D.drag,
-                isDragging: D.isDragging,
-                onDelete: () => {
-                  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(
-                    V,
-                    {
-                      label: d("key"),
-                      size: "small",
-                      sx: { flex: 1 },
-                      value: p.key || "",
-                      onChange: (z) => {
-                        s((C) => {
-                          const k = C.properties[p.id].data;
-                          k.key = z.target.value.trim();
-                        });
-                      }
-                    }
-                  ),
-                  /* @__PURE__ */ e(
-                    V,
-                    {
-                      label: d("label"),
-                      size: "small",
-                      sx: { flex: 1 },
-                      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(
-                    V,
-                    {
-                      label: d("type"),
-                      size: "small",
-                      select: !0,
-                      sx: { flex: 1 },
-                      value: p.type === "string" && p.multiline ? "multiline" : p.type || "string",
-                      onChange: (z) => {
-                        s((C) => {
-                          const k = C.properties[p.id].data;
-                          if (k.locales)
-                            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(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)" })
-                      ]
-                    }
-                  )
-                ] })
-              }
-            ),
-            /* @__PURE__ */ I(R, { direction: "row", gap: 1, children: [
+          component: R,
+          gap: 2,
+          list: t.properties,
+          renderItem: (u, I, D) => {
+            var P, O, B, _, H, U;
+            return u.type === "custom-settings" ? null : /* @__PURE__ */ S(R, { gap: 1, bgcolor: "background.paper", children: [
               /* @__PURE__ */ e(
-                q,
+                qt,
                 {
-                  allComponents: i,
-                  defaultLocale: l,
-                  component: t,
-                  property: p,
-                  label: d("defaultValue"),
-                  size: "small",
-                  fullWidth: !0,
-                  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;
+                  preview: D.preview,
+                  drop: D.drop,
+                  drag: D.drag,
+                  isDragging: D.isDragging,
+                  onDelete: () => {
+                    s((z) => {
+                      if (z.properties) {
+                        const k = Object.entries(z.properties).sort(([, T], [, E]) => T.index - E.index);
+                        delete z.properties[u.id], k.filter(([T]) => T !== u.id).forEach(([, T], E) => {
+                          T.index = E;
+                        });
+                      }
                     });
-                  }
+                  },
+                  children: /* @__PURE__ */ S(R, { direction: "row", gap: 1, children: [
+                    /* @__PURE__ */ e(
+                      V,
+                      {
+                        label: d("key"),
+                        size: "small",
+                        sx: { flex: 1 },
+                        value: u.key || "",
+                        onChange: (z) => {
+                          s((j) => {
+                            const k = j.properties[u.id].data;
+                            k.key = z.target.value.trim();
+                          });
+                        }
+                      }
+                    ),
+                    /* @__PURE__ */ e(
+                      V,
+                      {
+                        label: d("label"),
+                        size: "small",
+                        sx: { flex: 1 },
+                        value: (((O = (P = u.locales) == null ? void 0 : P[r]) == null ? void 0 : O.name) ?? ((_ = (B = u.locales) == null ? void 0 : B[n]) == null ? void 0 : _.name)) || "",
+                        onChange: (z) => {
+                          s((j) => {
+                            var C;
+                            const k = j.properties[u.id].data;
+                            k.locales ?? (k.locales = {}), (C = k.locales)[r] ?? (C[r] = {}), k.locales[r].name = z.target.value;
+                          });
+                        }
+                      }
+                    ),
+                    /* @__PURE__ */ S(
+                      V,
+                      {
+                        label: d("type"),
+                        size: "small",
+                        select: !0,
+                        sx: { flex: 1 },
+                        value: u.type === "string" && u.multiline ? "multiline" : u.type || "string",
+                        onChange: (z) => {
+                          s((j) => {
+                            const k = j.properties[u.id].data;
+                            if (k.locales)
+                              for (const T of Object.keys(k.locales))
+                                k.locales[T].defaultValue = void 0;
+                            const C = z.target.value;
+                            C === "multiline" ? (k.type = "string", k.multiline = !0) : (typeof k.multiline < "u" && delete k.multiline, k.type = C);
+                          });
+                        },
+                        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)" })
+                        ]
+                      }
+                    )
+                  ] })
                 }
               ),
-              p.type === "custom" ? /* @__PURE__ */ e(S, { children: /* @__PURE__ */ e(er, { property: p, allComponents: i }) }) : null
-            ] })
-          ] }, p.id);
+              /* @__PURE__ */ S(R, { direction: "row", gap: 1, children: [
+                /* @__PURE__ */ e(
+                  q,
+                  {
+                    allComponents: i,
+                    defaultLocale: n,
+                    component: t,
+                    property: u,
+                    label: d("defaultValue"),
+                    size: "small",
+                    fullWidth: !0,
+                    value: (U = (H = u.locales) == null ? void 0 : H[r]) == null ? void 0 : U.defaultValue,
+                    onChange: (z) => {
+                      s((j) => {
+                        var C;
+                        const k = j.properties[u.id].data;
+                        k.locales ?? (k.locales = {}), (C = k.locales)[r] ?? (C[r] = {}), k.locales[r].defaultValue = z;
+                      });
+                    }
+                  }
+                ),
+                u.type === "custom" ? /* @__PURE__ */ e(w, { children: /* @__PURE__ */ e(Lt, { property: u, allComponents: i }) }) : null
+              ] })
+            ] }, u.id);
+          }
         }
-      }
-    ),
-    ((u = i == null ? void 0 : i[t.id]) == null ? void 0 : u.data) && /* @__PURE__ */ e(S, { sx: { width: "100%" }, children: /* @__PURE__ */ e(
-      Fe,
-      {
-        componentId: t.id,
-        renderType: "setting",
-        locale: r,
-        properties: {},
-        dev: { mode: "draft", components: i, defaultLocale: l },
-        props: {
-          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
+      ),
+      ((a = i == null ? void 0 : i[t.id]) == null ? void 0 : a.data) && /* @__PURE__ */ e(w, { sx: { width: "100%" }, children: /* @__PURE__ */ e(
+        _e,
+        {
+          componentId: t.id,
+          renderType: "setting",
+          locale: r,
+          properties: {},
+          dev: { mode: "draft", components: i, defaultLocale: n },
+          props: {
+            value: ((l = (p = (m = (g = t.properties) == null ? void 0 : g.customSettings) == null ? void 0 : m.data.locales) == null ? void 0 : p[r]) == null ? void 0 : l.defaultValue) ?? ((y = (x = (f = (o = t.properties) == null ? void 0 : o.customSettings) == null ? void 0 : f.data.locales) == null ? void 0 : x[n]) == null ? void 0 : y.defaultValue) ?? null,
+            onChange: v
+          }
         }
-      }
-    ) }),
-    a && /* @__PURE__ */ e(Me, { ...Je(c), component: t })
-  ] }) });
+      ) }),
+      h && /* @__PURE__ */ e(Ye, { ...Ke(c), component: t })
+    ] })
+  );
 }
-function er({
+function Lt({
   property: t,
   allComponents: r
 }) {
-  const l = ie({ variant: "popper" });
-  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,
+  const n = re({ variant: "popper" });
+  return /* @__PURE__ */ S($, { children: [
+    /* @__PURE__ */ e(N, { sx: { minWidth: 0 }, ...ie(n), children: /* @__PURE__ */ e(Fe, { fontSize: "small" }) }),
+    /* @__PURE__ */ e(Te, { ...$e(n), children: /* @__PURE__ */ e(He, { onClickAway: n.close, children: /* @__PURE__ */ e(Ae, { children: /* @__PURE__ */ e(w, { width: 500, p: 2, children: /* @__PURE__ */ e(
+      de,
       {
         value: t.componentId,
         onChange: (i, s) => t.componentId = s,
@@ -761,29 +715,29 @@ function er({
     ) }) }) }) })
   ] });
 }
-function tr({
+function er({
   value: t,
   valueImmutable: r,
-  onChange: l,
+  onChange: n,
   defaultLocale: i,
   allComponents: s
 }) {
   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" }) }),
+  const h = re({ 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__ */ S($, { children: [
+    /* @__PURE__ */ e(N, { sx: { minWidth: 0 }, disabled: !c, ...ie(h), children: /* @__PURE__ */ e(Fe, { fontSize: "small" }) }),
     /* @__PURE__ */ e(
       Te,
       {
-        ...Ye(a),
+        ...$e(h),
         sx: {
           zIndex: 1e3
         },
-        children: /* @__PURE__ */ e(Ue, { onClickAway: a.close, children: /* @__PURE__ */ e(Be, { children: /* @__PURE__ */ I(S, { width: 500, p: 2, children: [
+        children: /* @__PURE__ */ e(He, { onClickAway: h.close, children: /* @__PURE__ */ e(Ae, { children: /* @__PURE__ */ S(w, { 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, g, h, m, n, o, f, x;
-            return /* @__PURE__ */ e(S, { children: /* @__PURE__ */ e(
+            var a, g, m, p, l, o, f, x;
+            return /* @__PURE__ */ e(w, { children: /* @__PURE__ */ e(
               q,
               {
                 allComponents: s,
@@ -792,12 +746,12 @@ function tr({
                 fullWidth: !0,
                 component: c,
                 property: v,
-                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),
+                valueImmutable: ee((g = (a = t.properties) == null ? void 0 : a[v.id]) == null ? void 0 : g.value),
+                value: ((p = (m = t.properties) == null ? void 0 : m[v.id]) == null ? void 0 : p.value) ?? ((o = (l = v.locales) == null ? void 0 : l[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 } } });
+                    const u = JSON.parse(JSON.stringify(t));
+                    n == null || n({ ...u, properties: { ...u.properties, [v.id]: { value: y } } });
                   } else
                     J(c).doc.transact(() => {
                       t.properties ?? (t.properties = {}), t.properties[v.id] = { value: y };
@@ -811,38 +765,38 @@ function tr({
     )
   ] }) : null;
 }
-function Me({
+function Ye({
   type: t = "properties",
   component: r,
-  ...l
+  ...n
 }) {
-  var g, h, m;
+  var g, m, p;
   const { t: i } = W(), {
     state: {
       components: s,
-      supportedLocales: a,
+      supportedLocales: h,
       config: { defaultLocale: d }
     }
-  } = 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(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: [
+  } = te(), c = se(), b = J(r).doc, v = t === "properties" ? r.properties : t === "parameters" && ((g = r.renderer) == null ? void 0 : g.type) === "component" ? (m = s[r.renderer.componentId]) == null ? void 0 : m.data.properties : void 0, a = ((p = r.renderer) == null ? void 0 : p.type) === "component" ? r : void 0;
+  return /* @__PURE__ */ S(Ce, { ...n, fullWidth: !0, maxWidth: "lg", children: [
+    /* @__PURE__ */ e(Ve, { children: i("i18nEditorTitle") }),
+    /* @__PURE__ */ e(Pe, { children: v && /* @__PURE__ */ e(R, { children: /* @__PURE__ */ S(Ze, { stickyHeader: !0, sx: { td: { verticalAlign: "top" } }, children: [
+      /* @__PURE__ */ e(Le, { children: /* @__PURE__ */ e(Ie, { children: h.map(({ locale: l, name: o }) => /* @__PURE__ */ S(Se, { children: [
         o,
-        d === n && /* @__PURE__ */ e(Wt, { sx: { fontSize: 12, color: "text.secondary" } })
-      ] }, n)) }) }),
-      /* @__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: [
+        d === l && /* @__PURE__ */ e(Wt, { sx: { fontSize: 12, color: "text.secondary" } })
+      ] }, l)) }) }),
+      /* @__PURE__ */ e(et, { children: X(Object.values(v), "index").map(({ data: l }) => /* @__PURE__ */ e(Ie, { children: h.map(({ locale: o }) => {
+        var f, x, y, u, I, D, P, O, B, _, H, U, z, j, k, C, T, E, Y, G, ae, ue, pe, me, he, fe;
+        return /* @__PURE__ */ e(Se, { children: /* @__PURE__ */ e(R, { gap: 1, children: t === "properties" ? /* @__PURE__ */ S($, { children: [
           /* @__PURE__ */ e(
             V,
             {
               size: "small",
               label: "Key",
-              value: n.key || "",
+              value: l.key || "",
               onChange: (K) => {
                 b.transact(() => {
-                  n.key = K.target.value.trim();
+                  l.key = K.target.value.trim();
                 });
               }
             }
@@ -852,84 +806,84 @@ function Me({
             {
               size: "small",
               label: i("label"),
-              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)) || "",
+              value: (((x = (f = l.locales) == null ? void 0 : f[o]) == null ? void 0 : x.name) ?? ((u = (y = l.locales) == null ? void 0 : y[d]) == null ? void 0 : u.name)) || "",
               onChange: (K) => {
                 b.transact(() => {
-                  var U;
-                  n.locales ?? (n.locales = {}), (U = n.locales)[o] ?? (U[o] = {}), n.locales[o].name = K.target.value;
+                  var F;
+                  l.locales ?? (l.locales = {}), (F = l.locales)[o] ?? (F[o] = {}), l.locales[o].name = K.target.value;
                 });
               }
             }
           ),
-          /* @__PURE__ */ e(S, { children: /* @__PURE__ */ e(
+          /* @__PURE__ */ e(w, { children: /* @__PURE__ */ e(
             q,
             {
               allComponents: c,
               defaultLocale: d,
               component: r,
-              property: n,
+              property: l,
               size: "small",
               fullWidth: !0,
               label: "Default Value",
-              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),
+              valueImmutable: ee((D = (I = l.locales) == null ? void 0 : I[o]) == null ? void 0 : D.defaultValue),
+              value: ((O = (P = l.locales) == null ? void 0 : P[o]) == null ? void 0 : O.defaultValue) ?? ((_ = (B = l.locales) == null ? void 0 : B[d]) == null ? void 0 : _.defaultValue),
               onChange: (K) => {
                 b.transact(() => {
-                  var U;
-                  n.locales ?? (n.locales = {}), (U = n.locales)[o] ?? (U[o] = {}), n.locales[o].defaultValue = K;
+                  var F;
+                  l.locales ?? (l.locales = {}), (F = l.locales)[o] ?? (F[o] = {}), l.locales[o].defaultValue = K;
                 });
               }
             }
           ) })
-        ] }) : t === "parameters" && u ? /* @__PURE__ */ e(S, { children: /* @__PURE__ */ e(
+        ] }) : t === "parameters" && a ? /* @__PURE__ */ e(w, { children: /* @__PURE__ */ e(
           q,
           {
             allComponents: c,
             defaultLocale: d,
             component: r,
-            property: n,
+            property: l,
             size: "small",
             fullWidth: !0,
-            valueImmutable: te(
-              (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
+            valueImmutable: ee(
+              (j = (z = (U = (H = a.renderer.properties) == null ? void 0 : H[l.id]) == null ? void 0 : U.locales) == null ? void 0 : z[o]) == null ? void 0 : j.value
             ),
-            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),
+            value: ((E = (T = (C = (k = a.renderer.properties) == null ? void 0 : k[l.id]) == null ? void 0 : C.locales) == null ? void 0 : T[o]) == null ? void 0 : E.value) ?? ((ue = (ae = (G = (Y = a.renderer.properties) == null ? void 0 : Y[l.id]) == null ? void 0 : G.locales) == null ? void 0 : ae[d]) == null ? void 0 : ue.value) ?? ((me = (pe = l.locales) == null ? void 0 : pe[o]) == null ? void 0 : me.defaultValue) ?? ((fe = (he = l.locales) == null ? void 0 : he[d]) == null ? void 0 : fe.defaultValue),
             onChange: (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;
+                var F, be, ge, ve, xe;
+                (F = a.renderer).properties ?? (F.properties = {}), (be = a.renderer.properties)[ge = l.id] ?? (be[ge] = {}), (ve = a.renderer.properties[l.id]).locales ?? (ve.locales = {}), (xe = a.renderer.properties[l.id].locales)[o] ?? (xe[o] = {}), a.renderer.properties[l.id].locales[o].value = K;
               });
             }
           }
-        ) }) : null }, n.id) }, o);
-      }) }, n.id)) })
+        ) }) : null }, l.id) }, o);
+      }) }, l.id)) })
     ] }) }) }),
-    /* @__PURE__ */ e(Ce, { children: /* @__PURE__ */ e(N, { onClick: (n) => {
+    /* @__PURE__ */ e(Oe, { children: /* @__PURE__ */ e(N, { onClick: (l) => {
       var o;
-      return (o = l.onClose) == null ? void 0 : o.call(l, n, "escapeKeyDown");
+      return (o = n.onClose) == null ? void 0 : o.call(n, l, "escapeKeyDown");
     }, children: i("close") }) })
   ] });
 }
 function q({
   component: t,
   property: r,
-  value: l,
+  value: n,
   onChange: i,
   valueImmutable: s,
-  defaultLocale: a,
+  defaultLocale: h,
   allComponents: d,
   ...c
 }) {
-  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;
+  var g, m, p, l, o;
+  const { locale: b } = W(), v = M(null), a = c.label || ((m = (g = r.locales) == null ? void 0 : g[b]) == null ? void 0 : m.name) || ((l = (p = r.locales) == null ? void 0 : p[h]) == null ? void 0 : l.name) || r.key || r.id;
   if (r.type === "number")
     return /* @__PURE__ */ e(
-      rr,
+      tr,
       {
         ...c,
-        label: u,
+        label: a,
         NumberProps: {
-          value: ["number", "string"].includes(typeof l) ? l : null,
+          value: ["number", "string"].includes(typeof n) ? n : null,
           onChange: (f, x) => i == null ? void 0 : i(x)
         }
       }
@@ -941,9 +895,9 @@ function q({
       V,
       {
         ...c,
-        label: u,
+        label: a,
         type: "text",
-        value: l ?? "",
+        value: n ?? "",
         onChange: (f) => {
           const x = f.target.value;
           if (x === "" || x === "-") {
@@ -951,34 +905,34 @@ function q({
             return;
           }
           if (/^-?(?!.*\..*\.)[0-9]*(\.[0-9]{0,9})?$/.test(x)) {
-            let p = x;
-            /^-?[1-9]+[0-9]*(\.[0-9]{1,9})?$/.test(p) && (p = Number(p)), i == null || i(p);
+            let u = x;
+            /^-?[1-9]+[0-9]*(\.[0-9]{1,9})?$/.test(u) && (u = Number(u)), i == null || i(u);
           }
         }
       }
     );
   if (r.type === "boolean")
     return /* @__PURE__ */ e(
-      Ve,
+      Re,
       {
-        label: u,
+        label: a,
         labelPlacement: "start",
-        control: /* @__PURE__ */ e(Pe, { checked: l === !0, onChange: (f, x) => i == null ? void 0 : i(x) })
+        control: /* @__PURE__ */ e(ze, { checked: n === !0, onChange: (f, x) => i == null ? void 0 : i(x) })
       }
     );
   if (r.type === "color")
     return /* @__PURE__ */ e(
       Yt,
       {
-        label: u,
-        value: l,
+        label: a,
+        value: n,
         onChange: (f) => {
           i == null || i(f);
         }
       }
     );
   if (r.type === "json" || r.type === "yaml")
-    return /* @__PURE__ */ I(
+    return /* @__PURE__ */ S(
       R,
       {
         sx: {
@@ -992,7 +946,7 @@ function q({
         },
         children: [
           /* @__PURE__ */ e(
-            Le,
+            Xe,
             {
               sx: {
                 position: "absolute",
@@ -1000,16 +954,16 @@ function q({
                 top: 0,
                 transform: "translate(0px, -7px) scale(0.75)"
               },
-              children: u
+              children: a
             }
           ),
           /* @__PURE__ */ e(
-            _e,
+            Ee,
             {
               keyId: r.id,
               locale: b,
               language: r.type === "yaml" ? "yaml" : "json",
-              value: typeof l == "string" ? l : "",
+              value: typeof n == "string" ? n : "",
               onChange: (f) => i == null ? void 0 : i(f),
               onUpload: (f) => {
                 v.current = f;
@@ -1018,7 +972,7 @@ function q({
             r.id
           ),
           /* @__PURE__ */ e(
-            S,
+            w,
             {
               component: "fieldset",
               sx: {
@@ -1034,7 +988,7 @@ function q({
                 px: 1,
                 py: 0
               },
-              children: /* @__PURE__ */ e(S, { component: "legend", sx: { fontSize: "0.75em" }, children: /* @__PURE__ */ e(S, { component: "span", sx: { opacity: 0 }, children: c.label }) })
+              children: /* @__PURE__ */ e(w, { component: "legend", sx: { fontSize: "0.75em" }, children: /* @__PURE__ */ e(w, { component: "span", sx: { opacity: 0 }, children: c.label }) })
             }
           )
         ]
@@ -1042,81 +996,81 @@ function q({
     );
   if (r.type === "custom") {
     const f = (o = d[r.componentId]) == null ? void 0 : o.data;
-    return f ? /* @__PURE__ */ e(S, { width: "100%", children: /* @__PURE__ */ e(
-      Fe,
+    return f ? /* @__PURE__ */ e(w, { width: "100%", children: /* @__PURE__ */ e(
+      _e,
       {
         componentId: f.id,
-        props: { label: u, value: l, onChange: i },
+        props: { label: a, value: n, onChange: i },
         locale: b,
         dev: {
           mode: "draft",
           components: d,
-          defaultLocale: a
+          defaultLocale: h
         }
       }
-    ) }) : /* @__PURE__ */ e(V, { ...c, label: u, disabled: !0, placeholder: "Click right button select a component" });
+    ) }) : /* @__PURE__ */ e(V, { ...c, label: a, 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,
+    return /* @__PURE__ */ S(R, { width: "100%", direction: "row", gap: 1, children: [
+      /* @__PURE__ */ e(w, { flex: 1, children: /* @__PURE__ */ e(
+        de,
         {
           allComponents: d,
-          label: u,
-          value: l == null ? void 0 : l.componentId,
+          label: a,
+          value: n == null ? void 0 : n.componentId,
           onChange: (f, x) => {
-            s || !l ? i == null || i({ ...l && JSON.parse(JSON.stringify(l)), componentId: x }) : typeof l == "object" && (l.componentId = x);
+            s || !n ? i == null || i({ ...n && JSON.parse(JSON.stringify(n)), componentId: x }) : typeof n == "object" && (n.componentId = x);
           }
         }
       ) }),
-      /* @__PURE__ */ e(S, { children: /* @__PURE__ */ e(
-        tr,
+      /* @__PURE__ */ e(w, { children: /* @__PURE__ */ e(
+        er,
         {
-          value: l,
+          value: n,
           valueImmutable: s,
           onChange: i,
-          defaultLocale: a,
+          defaultLocale: h,
           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;
+    const f = r.type === "string" ? r.multiline : void 0, x = r.type === "url" ? n == null ? void 0 : n.url : n;
     return /* @__PURE__ */ e(
       V,
       {
         ...c,
-        label: u,
+        label: a,
         value: typeof x == "string" ? x : "",
         multiline: f,
         minRows: f ? 2 : void 0,
         maxRows: f ? 10 : void 0,
         onChange: (y) => i == null ? void 0 : i(
-          r.type === "url" ? { ...l, url: y.target.value, mediaKitUrl: y.target.value } : y.target.value
+          r.type === "url" ? { ...n, url: y.target.value, mediaKitUrl: y.target.value } : y.target.value
         ),
         InputProps: r.type === "url" ? {
           sx: { pr: 0 },
-          endAdornment: /* @__PURE__ */ I(de, { position: "end", children: [
+          endAdornment: /* @__PURE__ */ S(ce, { position: "end", children: [
             /* @__PURE__ */ e(
-              ue,
+              Ne,
               {
                 onChange: async ({ response: y }) => {
-                  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 oe(p).catch(() => se(p)).catch(() => {
+                  var P, O, B;
+                  const u = ((P = y == null ? void 0 : y.data) == null ? void 0 : P.url) || ((O = y == null ? void 0 : y.data) == null ? void 0 : O.fileUrl);
+                  let I;
+                  u && (I = await ne(u).catch(() => oe(u)).catch(() => {
                   }));
                   let D = ((B = y == null ? void 0 : y.data) == null ? void 0 : B.filename) || "";
                   D && (D = `mediakit://${D}`), i == null || i({
-                    url: p,
+                    url: u,
                     mediaKitUrl: D,
-                    width: w == null ? void 0 : w.naturalWidth,
-                    height: w == null ? void 0 : w.naturalHeight
+                    width: I == null ? void 0 : I.naturalWidth,
+                    height: I == null ? void 0 : I.naturalHeight
                   });
                 }
               }
             ),
-            /* @__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" }) })
+            /* @__PURE__ */ e(le, { 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
       }
@@ -1124,14 +1078,14 @@ function q({
   }
   return console.error("Unsupported property type", r.type), null;
 }
-function rr({
+function tr({
   NumberProps: t,
   ...r
 }) {
-  const { getInputProps: l } = jt(t), i = l();
+  const { getInputProps: n } = Ot(t), i = n();
   return /* @__PURE__ */ e(V, { ...r, inputProps: i });
 }
-const ir = `import React from '@blocklet/pages-kit/builtin/react'
+const rr = `import React from '@blocklet/pages-kit/builtin/react'
 import { Box } from '@blocklet/pages-kit/builtin/mui/material'
 
 export default function () {
@@ -1140,19 +1094,19 @@ export default function () {
       Hello World
     </Box>
   )
-}`, lr = `console.log('hello')
+}`, ir = `console.log('hello')
 `;
-function nr({
+function lr({
   value: t
 }) {
-  const { locale: r } = W(), l = Ot(), i = J(t).doc;
-  return L(() => {
+  const { locale: r } = W(), n = Pt(), i = J(t).doc;
+  return Z(() => {
     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(
-    _e,
+      t.renderer.script = t.renderer.type === "react-component" ? rr : ir;
+    }), n());
+  }, [t]), /* @__PURE__ */ e(w, { sx: { border: 1, borderColor: "divider", borderRadius: 1, overflow: "hidden" }, children: /* @__PURE__ */ e(
+    Ee,
     {
       keyId: t.id,
       locale: r,
@@ -1164,98 +1118,98 @@ function nr({
     t.id
   ) });
 }
-function or({ value: t }) {
-  var u, g, h;
-  const { t: r } = W(), l = J(t).doc, {
+function nr({ value: t }) {
+  var a, g, m;
+  const { t: r } = W(), n = J(t).doc, {
     state: {
       components: i,
       config: { defaultLocale: s },
-      resources: a
+      resources: h
     },
     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: [
+  } = te(), c = se(), b = ((a = i[t.renderer.componentId]) == null ? void 0 : a.data) ?? ((m = (g = h.components) == null ? void 0 : g[t.renderer.componentId]) == null ? void 0 : m.component), v = re({ variant: "dialog" });
+  return /* @__PURE__ */ S(R, { gap: 1, children: [
     /* @__PURE__ */ e(
-      pe,
+      de,
       {
         allComponents: c,
         excludes: [t.id],
         value: t.renderer.componentId,
-        onChange: (m, n) => t.renderer.componentId = n
+        onChange: (p, l) => t.renderer.componentId = l
       }
     ),
-    b && /* @__PURE__ */ I($, { children: [
-      /* @__PURE__ */ I(R, { direction: "row", justifyContent: "space-between", alignItems: "center", children: [
+    b && /* @__PURE__ */ S($, { children: [
+      /* @__PURE__ */ S(R, { direction: "row", justifyContent: "space-between", alignItems: "center", children: [
         /* @__PURE__ */ e(Q, { variant: "subtitle2", children: r("parameters") }),
-        /* @__PURE__ */ e(N, { sx: { minWidth: 32, minHeight: 32, p: 0 }, ...le(v), children: /* @__PURE__ */ e(Ke, { fontSize: "small" }) })
+        /* @__PURE__ */ e(N, { sx: { minWidth: 32, minHeight: 32, p: 0 }, ...ie(v), children: /* @__PURE__ */ e(Ue, { fontSize: "small" }) })
       ] }),
-      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(
+      b.properties && X(Object.values(b.properties), "index").map(({ data: p }) => {
+        var l, o, f, x, y, u, I, D, P, O, B, _, H, U, z, j;
+        return /* @__PURE__ */ e(w, { children: /* @__PURE__ */ e(
           q,
           {
             allComponents: c,
             defaultLocale: s,
             component: b,
-            property: m,
+            property: p,
             fullWidth: !0,
             size: "small",
-            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),
+            valueImmutable: ee((x = (f = (o = (l = t.renderer.properties) == null ? void 0 : l[p.id]) == null ? void 0 : o.locales) == null ? void 0 : f[d]) == null ? void 0 : x.value),
+            value: ((D = (I = (u = (y = t.renderer.properties) == null ? void 0 : y[p.id]) == null ? void 0 : u.locales) == null ? void 0 : I[d]) == null ? void 0 : D.value) ?? ((_ = (B = (O = (P = t.renderer.properties) == null ? void 0 : P[p.id]) == null ? void 0 : O.locales) == null ? void 0 : B[s]) == null ? void 0 : _.value) ?? ((U = (H = p.locales) == null ? void 0 : H[d]) == null ? void 0 : U.defaultValue) ?? ((j = (z = p.locales) == null ? void 0 : z[s]) == null ? void 0 : j.defaultValue),
             onChange: (k) => {
-              l.transact(() => {
-                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;
+              n.transact(() => {
+                var C, T, E, Y, G;
+                (C = t.renderer).properties ?? (C.properties = {}), (T = t.renderer.properties)[E = p.id] ?? (T[E] = {}), (Y = t.renderer.properties[p.id]).locales ?? (Y.locales = {}), (G = t.renderer.properties[p.id].locales)[d] ?? (G[d] = {}), t.renderer.properties[p.id].locales[d].value = k;
               });
             }
           }
-        ) }, m.id);
+        ) }, p.id);
       }),
-      /* @__PURE__ */ e(Me, { ...Je(v), component: t, type: "parameters" })
+      /* @__PURE__ */ e(Ye, { ...Ke(v), component: t, type: "parameters" })
     ] })
   ] });
 }
-function pe({
+function de({
   label: t,
   options: r,
-  excludes: l,
+  excludes: n,
   value: i,
   onChange: s,
-  allComponents: a,
+  allComponents: h,
   ...d
 }) {
-  var u;
-  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;
+  var a;
+  const { t: c } = W(), b = r ?? X(Object.values(Nt(h, ...n ?? [])), "index").map((g) => g.data), v = (typeof i == "string" ? (a = h[i]) == null ? void 0 : a.data : void 0) ?? null;
   return /* @__PURE__ */ e(
-    Ae,
+    je,
     {
       ...d,
       size: "small",
       options: b,
       autoHighlight: !0,
-      isOptionEqualToValue: (g, h) => g.id === h.id,
+      isOptionEqualToValue: (g, m) => g.id === m.id,
       getOptionKey: (g) => g.id,
       getOptionLabel: (g) => g.name || g.id,
       renderInput: (g) => /* @__PURE__ */ e(V, { label: t || c("component"), ...g }),
       value: v,
-      onChange: (g, h) => {
-        var n, o, f, x, y, p;
-        let m = {};
-        h && (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);
+      onChange: (g, m) => {
+        var l, o, f, x, y, u;
+        let p = {};
+        m && (p = {
+          blockletId: (l = h[m == null ? void 0 : m.id]) == null ? void 0 : l.blockletId,
+          blockletTitle: (o = h[m == null ? void 0 : m.id]) == null ? void 0 : o.blockletTitle,
+          componentName: ((x = (f = h[m == null ? void 0 : m.id]) == null ? void 0 : f.data) == null ? void 0 : x.name) || ((u = (y = h[m == null ? void 0 : m.id]) == null ? void 0 : y.data) == null ? void 0 : u.id)
+        }), s == null || s(g, m == null ? void 0 : m.id, p);
       }
     }
   );
 }
 export {
-  Zt as BasicInfo,
-  pe as CustomComponentAutocomplete,
-  Ar as CustomComponentSettings,
-  ir as DefaultReactComponentScriptTemplate,
-  lr as DefaultWebComponentScriptTemplate,
-  Lt as PropertiesConfig,
+  Xt as BasicInfo,
+  de as CustomComponentAutocomplete,
+  jr as CustomComponentSettings,
+  rr as DefaultReactComponentScriptTemplate,
+  ir as DefaultWebComponentScriptTemplate,
+  Zt as PropertiesConfig,
   q as PropertyValueField
 };