operp-print-designer 1.1.5 → 1.1.7

package/dist/operp-print-designer.es.js

@@ -1,15 +1,15 @@
-import Ne, { useRef as Cr, useCallback as Ie, useMemo as Ue, useState as mt, useContext as ho, useEffect as Xt } from "react";
-import { Typography as bt, App as mr, Space as Ve, Input as Ke, Button as Ae, Card as Mt, Select as Ye, InputNumber as qe, Radio as or, List as ar, Tag as yr, Dropdown as go, Popconfirm as An, message as gt, Modal as Pr, Divider as Xe, Collapse as mo, QRCode as yo, Empty as Yr, ColorPicker as ot, Table as vo, Form as st, Switch as ir, ConfigProvider as bo, Splitter as At } from "antd";
-import { PlusOutlined as Or, SaveOutlined as $n, DownloadOutlined as xo, UploadOutlined as So, SettingOutlined as wo, DeleteOutlined as Rr, PrinterOutlined as _r, EyeOutlined as jo, FontSizeOutlined as Co, PictureOutlined as Po, TableOutlined as Oo, BarcodeOutlined as Ro, QrcodeOutlined as _o, MinusOutlined as Eo, DatabaseOutlined as In, MoreOutlined as Do, EditOutlined as To, CaretRightOutlined as zo } from "@ant-design/icons";
-import { useTranslation as Ge, I18nContext as ko, getI18n as Mo, I18nextProvider as Lo } from "react-i18next";
-import { useReactToPrint as Fn } from "react-to-print";
-import { create as No } from "zustand";
-import Ao, { createInstance as $o } from "i18next";
-import vr from "react-dom";
-function Io(e) {
+import Ne, { useRef as Pr, useCallback as Ie, useMemo as Ue, useState as at, useContext as mo, useEffect as At } from "react";
+import { Typography as bt, App as yr, Space as Ve, Input as Ke, Button as Ae, Card as Mt, Select as Ye, InputNumber as qe, Radio as or, List as ar, Tag as vr, Dropdown as yo, Popconfirm as In, message as mt, Modal as Or, Divider as Xe, Collapse as vo, QRCode as bo, Empty as Vr, ColorPicker as ot, Table as xo, Form as lt, Switch as ir, ConfigProvider as So, theme as Ur, Splitter as $t } from "antd";
+import { PlusOutlined as Rr, SaveOutlined as Fn, DownloadOutlined as wo, UploadOutlined as jo, SettingOutlined as Co, DeleteOutlined as _r, PrinterOutlined as Er, EyeOutlined as Po, FontSizeOutlined as Oo, PictureOutlined as Ro, TableOutlined as _o, BarcodeOutlined as Eo, QrcodeOutlined as Do, MinusOutlined as To, DatabaseOutlined as qn, MoreOutlined as zo, EditOutlined as ko, CaretRightOutlined as Mo } from "@ant-design/icons";
+import { useTranslation as Ge, I18nContext as Lo, getI18n as No, I18nextProvider as Ao } from "react-i18next";
+import { useReactToPrint as Hn } from "react-to-print";
+import { create as $o } from "zustand";
+import Io, { createInstance as Fo } from "i18next";
+import br from "react-dom";
+function qo(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-function Fo(e) {
+function Ho(e) {
   if (Object.prototype.hasOwnProperty.call(e, "__esModule")) return e;
   var n = e.default;
   if (typeof n == "function") {
@@ -28,7 +28,7 @@ function Fo(e) {
     });
   }), r;
 }
-var $t = { exports: {} }, wt = {};
+var It = { exports: {} }, wt = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -38,24 +38,24 @@ var $t = { exports: {} }, wt = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Vr;
-function qo() {
-  if (Vr) return wt;
-  Vr = 1;
+var Gr;
+function Wo() {
+  if (Gr) return wt;
+  Gr = 1;
   var e = Ne, n = Symbol.for("react.element"), r = Symbol.for("react.fragment"), a = Object.prototype.hasOwnProperty, h = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, c = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function d(E, j, O) {
-    var x, _ = {}, L = null, R = null;
-    O !== void 0 && (L = "" + O), j.key !== void 0 && (L = "" + j.key), j.ref !== void 0 && (R = j.ref);
-    for (x in j) a.call(j, x) && !c.hasOwnProperty(x) && (_[x] = j[x]);
-    if (E && E.defaultProps) for (x in j = E.defaultProps, j) _[x] === void 0 && (_[x] = j[x]);
-    return { $$typeof: n, type: E, key: L, ref: R, props: _, _owner: h.current };
+  function d(_, w, O) {
+    var x, E = {}, L = null, R = null;
+    O !== void 0 && (L = "" + O), w.key !== void 0 && (L = "" + w.key), w.ref !== void 0 && (R = w.ref);
+    for (x in w) a.call(w, x) && !c.hasOwnProperty(x) && (E[x] = w[x]);
+    if (_ && _.defaultProps) for (x in w = _.defaultProps, w) E[x] === void 0 && (E[x] = w[x]);
+    return { $$typeof: n, type: _, key: L, ref: R, props: E, _owner: h.current };
   }
   return wt.Fragment = r, wt.jsx = d, wt.jsxs = d, wt;
 }
-var jt = {}, Ur;
-function Ho() {
-  if (Ur) return jt;
-  Ur = 1;
+var jt = {}, Jr;
+function Bo() {
+  if (Jr) return jt;
+  Jr = 1;
   var e = {};
   /**
    * @license React
@@ -67,7 +67,7 @@ function Ho() {
    * LICENSE file in the root directory of this source tree.
    */
   return e.NODE_ENV !== "production" && (function() {
-    var n = Ne, r = Symbol.for("react.element"), a = Symbol.for("react.portal"), h = Symbol.for("react.fragment"), c = Symbol.for("react.strict_mode"), d = Symbol.for("react.profiler"), E = Symbol.for("react.provider"), j = Symbol.for("react.context"), O = Symbol.for("react.forward_ref"), x = Symbol.for("react.suspense"), _ = Symbol.for("react.suspense_list"), L = Symbol.for("react.memo"), R = Symbol.for("react.lazy"), T = Symbol.for("react.offscreen"), m = Symbol.iterator, u = "@@iterator";
+    var n = Ne, r = Symbol.for("react.element"), a = Symbol.for("react.portal"), h = Symbol.for("react.fragment"), c = Symbol.for("react.strict_mode"), d = Symbol.for("react.profiler"), _ = Symbol.for("react.provider"), w = Symbol.for("react.context"), O = Symbol.for("react.forward_ref"), x = Symbol.for("react.suspense"), E = Symbol.for("react.suspense_list"), L = Symbol.for("react.memo"), R = Symbol.for("react.lazy"), T = Symbol.for("react.offscreen"), m = Symbol.iterator, u = "@@iterator";
     function p(g) {
       if (g === null || typeof g != "object")
         return null;
@@ -95,7 +95,7 @@ function Ho() {
     var s = !1, b = !1, P = !1, S = !1, D = !1, M;
     M = Symbol.for("react.module.reference");
     function H(g) {
-      return !!(typeof g == "string" || typeof g == "function" || g === h || g === d || D || g === c || g === x || g === _ || S || g === T || s || b || P || typeof g == "object" && g !== null && (g.$$typeof === R || g.$$typeof === L || g.$$typeof === E || g.$$typeof === j || g.$$typeof === O || // This needs to include all possible module reference object
+      return !!(typeof g == "string" || typeof g == "function" || g === h || g === d || D || g === c || g === x || g === E || S || g === T || s || b || P || typeof g == "object" && g !== null && (g.$$typeof === R || g.$$typeof === L || g.$$typeof === _ || g.$$typeof === w || g.$$typeof === O || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
@@ -129,15 +129,15 @@ function Ho() {
           return "StrictMode";
         case x:
           return "Suspense";
-        case _:
+        case E:
           return "SuspenseList";
       }
       if (typeof g == "object")
         switch (g.$$typeof) {
-          case j:
+          case w:
             var F = g;
             return Y(F) + ".Consumer";
-          case E:
+          case _:
             var Z = g;
             return Y(Z._context) + ".Provider";
           case O:
@@ -305,8 +305,8 @@ function Ho() {
       } finally {
         Q = !1, le.current = Ee, fe(), Error.prepareStackTrace = Ce;
       }
-      var ht = g ? g.displayName || g.name : "", it = ht ? B(ht) : "";
-      return typeof g == "function" && K.set(g, it), it;
+      var gt = g ? g.displayName || g.name : "", st = gt ? B(gt) : "";
+      return typeof g == "function" && K.set(g, st), st;
     }
     function he(g, F, Z) {
       return $(g, !1);
@@ -325,7 +325,7 @@ function Ho() {
       switch (g) {
         case x:
           return B("Suspense");
-        case _:
+        case E:
           return B("SuspenseList");
       }
       if (typeof g == "object")
@@ -395,7 +395,7 @@ function Ho() {
       if (ge(g))
         return i("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", ae(g)), Se(g);
     }
-    var w = t.ReactCurrentOwner, z = {
+    var j = t.ReactCurrentOwner, z = {
       key: !0,
       ref: !0,
       __self: !0,
@@ -418,7 +418,7 @@ function Ho() {
       return g.key !== void 0;
     }
     function _e(g, F) {
-      typeof g.ref == "string" && w.current;
+      typeof g.ref == "string" && j.current;
     }
     function Te(g, F) {
       {
@@ -486,10 +486,10 @@ function Ho() {
           var Me = typeof g == "function" ? g.displayName || g.name || "Unknown" : g;
           ye && Te(be, Me), $e && Qe(be, Me);
         }
-        return nt(g, ye, $e, Ce, ue, w.current, be);
+        return nt(g, ye, $e, Ce, ue, j.current, be);
       }
     }
-    var ut = t.ReactCurrentOwner, tr = t.ReactDebugCurrentFrame;
+    var dt = t.ReactCurrentOwner, tr = t.ReactDebugCurrentFrame;
     function Ze(g) {
       if (g) {
         var F = g._owner, Z = ve(g.type, g._source, F ? F.type : null);
@@ -497,15 +497,15 @@ function Ho() {
       } else
         tr.setExtraStackFrame(null);
     }
-    var dt;
-    dt = !1;
-    function pt(g) {
+    var pt;
+    pt = !1;
+    function ft(g) {
       return typeof g == "object" && g !== null && g.$$typeof === r;
     }
-    function ft() {
+    function ht() {
       {
-        if (ut.current) {
-          var g = J(ut.current.type);
+        if (dt.current) {
+          var g = J(dt.current.type);
           if (g)
             return `
 
@@ -517,10 +517,10 @@ Check the render method of \`` + g + "`.";
     function rr(g) {
       return "";
     }
-    var Fr = {};
-    function oo(g) {
+    var qr = {};
+    function io(g) {
       {
-        var F = ft();
+        var F = ht();
         if (!F) {
           var Z = typeof g == "string" ? g : g.displayName || g.name;
           Z && (F = `
@@ -530,39 +530,39 @@ Check the top-level render call using <` + Z + ">.");
         return F;
       }
     }
-    function qr(g, F) {
+    function Hr(g, F) {
       {
         if (!g._store || g._store.validated || g.key != null)
           return;
         g._store.validated = !0;
-        var Z = oo(F);
-        if (Fr[Z])
+        var Z = io(F);
+        if (qr[Z])
           return;
-        Fr[Z] = !0;
+        qr[Z] = !0;
         var ue = "";
-        g && g._owner && g._owner !== ut.current && (ue = " It was passed a child from " + J(g._owner.type) + "."), Ze(g), i('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', Z, ue), Ze(null);
+        g && g._owner && g._owner !== dt.current && (ue = " It was passed a child from " + J(g._owner.type) + "."), Ze(g), i('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', Z, ue), Ze(null);
       }
     }
-    function Hr(g, F) {
+    function Wr(g, F) {
       {
         if (typeof g != "object")
           return;
         if (X(g))
           for (var Z = 0; Z < g.length; Z++) {
             var ue = g[Z];
-            pt(ue) && qr(ue, F);
+            ft(ue) && Hr(ue, F);
           }
-        else if (pt(g))
+        else if (ft(g))
           g._store && (g._store.validated = !0);
         else if (g) {
           var Ce = p(g);
           if (typeof Ce == "function" && Ce !== g.entries)
             for (var Ee = Ce.call(g), be; !(be = Ee.next()).done; )
-              pt(be.value) && qr(be.value, F);
+              ft(be.value) && Hr(be.value, F);
         }
       }
     }
-    function ao(g) {
+    function so(g) {
       {
         var F = g.type;
         if (F == null || typeof F == "string")
@@ -579,15 +579,15 @@ Check the top-level render call using <` + Z + ">.");
         if (Z) {
           var ue = J(F);
           I(Z, g.props, "prop", ue, g);
-        } else if (F.PropTypes !== void 0 && !dt) {
-          dt = !0;
+        } else if (F.PropTypes !== void 0 && !pt) {
+          pt = !0;
           var Ce = J(F);
           i("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", Ce || "Unknown");
         }
         typeof F.getDefaultProps == "function" && !F.getDefaultProps.isReactClassApproved && i("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
-    function io(g) {
+    function lo(g) {
       {
         for (var F = Object.keys(g.props), Z = 0; Z < F.length; Z++) {
           var ue = F[Z];
@@ -599,15 +599,15 @@ Check the top-level render call using <` + Z + ">.");
         g.ref !== null && (Ze(g), i("Invalid attribute `ref` supplied to `React.Fragment`."), Ze(null));
       }
     }
-    var Wr = {};
-    function Br(g, F, Z, ue, Ce, Ee) {
+    var Br = {};
+    function Yr(g, F, Z, ue, Ce, Ee) {
       {
         var be = H(g);
         if (!be) {
           var ye = "";
           (g === void 0 || typeof g == "object" && g !== null && Object.keys(g).length === 0) && (ye += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
           var $e = rr();
-          $e ? ye += $e : ye += ft();
+          $e ? ye += $e : ye += ht();
           var ze;
           g === null ? ze = "null" : X(g) ? ze = "array" : g !== void 0 && g.$$typeof === r ? (ze = "<" + (J(g.type) || "Unknown") + " />", ye = " Did you accidentally export a JSX literal instead of a component?") : ze = typeof g, i("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", ze, ye);
         }
@@ -619,50 +619,50 @@ Check the top-level render call using <` + Z + ">.");
           if (Je !== void 0)
             if (ue)
               if (X(Je)) {
-                for (var ht = 0; ht < Je.length; ht++)
-                  Hr(Je[ht], g);
+                for (var gt = 0; gt < Je.length; gt++)
+                  Wr(Je[gt], g);
                 Object.freeze && Object.freeze(Je);
               } else
                 i("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
             else
-              Hr(Je, g);
+              Wr(Je, g);
         }
         if (ke.call(F, "key")) {
-          var it = J(g), Fe = Object.keys(F).filter(function(fo) {
-            return fo !== "key";
+          var st = J(g), Fe = Object.keys(F).filter(function(go) {
+            return go !== "key";
           }), nr = Fe.length > 0 ? "{key: someKey, " + Fe.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!Wr[it + nr]) {
-            var po = Fe.length > 0 ? "{" + Fe.join(": ..., ") + ": ...}" : "{}";
+          if (!Br[st + nr]) {
+            var ho = Fe.length > 0 ? "{" + Fe.join(": ..., ") + ": ...}" : "{}";
             i(`A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
-  <%s key={someKey} {...props} />`, nr, it, po, it), Wr[it + nr] = !0;
+  <%s key={someKey} {...props} />`, nr, st, ho, st), Br[st + nr] = !0;
           }
         }
-        return g === h ? io(Me) : ao(Me), Me;
+        return g === h ? lo(Me) : so(Me), Me;
       }
     }
-    function so(g, F, Z) {
-      return Br(g, F, Z, !0);
+    function co(g, F, Z) {
+      return Yr(g, F, Z, !0);
     }
-    function lo(g, F, Z) {
-      return Br(g, F, Z, !1);
+    function uo(g, F, Z) {
+      return Yr(g, F, Z, !1);
     }
-    var co = lo, uo = so;
-    jt.Fragment = h, jt.jsx = co, jt.jsxs = uo;
+    var po = uo, fo = co;
+    jt.Fragment = h, jt.jsx = po, jt.jsxs = fo;
   })(), jt;
 }
-var Gr;
-function Wo() {
-  if (Gr) return $t.exports;
-  Gr = 1;
+var Xr;
+function Yo() {
+  if (Xr) return It.exports;
+  Xr = 1;
   var e = {};
-  return e.NODE_ENV === "production" ? $t.exports = qo() : $t.exports = Ho(), $t.exports;
+  return e.NODE_ENV === "production" ? It.exports = Wo() : It.exports = Bo(), It.exports;
 }
-var o = Wo();
-const Bo = {
+var o = Yo();
+const Vo = {
   // ===== 通用 =====
   "common.confirm": "确定",
   "common.cancel": "取消",
@@ -838,7 +838,7 @@ const Bo = {
   "seed.pageNumberFormat": "第 {page} 页",
   "seed.templateName": "未命名模板",
   "seed.importedTemplateName": "导入的模板"
-}, Yo = {
+}, Uo = {
   // ===== Common =====
   "common.confirm": "OK",
   "common.cancel": "Cancel",
@@ -1014,7 +1014,7 @@ const Bo = {
   "seed.pageNumberFormat": "Page {page}",
   "seed.templateName": "Untitled Template",
   "seed.importedTemplateName": "Imported Template"
-}, Vo = {
+}, Go = {
   // ===== 共通 =====
   "common.confirm": "OK",
   "common.cancel": "キャンセル",
@@ -1190,51 +1190,51 @@ const Bo = {
   "seed.pageNumberFormat": "{page}ページ",
   "seed.templateName": "無題のテンプレート",
   "seed.importedTemplateName": "インポートしたテンプレート"
-}, Lt = "zh-CN", Er = ["zh-CN", "en-US", "ja-JP"], ji = {
+}, Lt = "zh-CN", Dr = ["zh-CN", "en-US", "ja-JP"], Ri = {
   "zh-CN": "简体中文",
   "en-US": "English",
   "ja-JP": "日本語"
 };
-function Vt(e) {
+function Ut(e) {
   if (!e) return null;
   const n = e.toLowerCase().replace(/_/g, "-"), r = n.split("-")[0];
-  return Er.find(
+  return Dr.find(
     (a) => a.toLowerCase() === n || a.toLowerCase().split("-")[0] === r
   ) || null;
 }
-function qn(e) {
-  return Vt(e) || Lt;
+function Wn(e) {
+  return Ut(e) || Lt;
 }
-function Jr() {
+function Kr() {
   var e;
   if (typeof document < "u") {
-    const n = Vt((e = document.documentElement) == null ? void 0 : e.lang);
+    const n = Ut((e = document.documentElement) == null ? void 0 : e.lang);
     if (n) return n;
   }
   if (typeof navigator < "u") {
     const n = [navigator.language, ...navigator.languages || []];
     for (const r of n) {
-      const a = Vt(r);
+      const a = Ut(r);
       if (a) return a;
     }
   }
   return null;
 }
-const Uo = {
-  "zh-CN": { translation: Bo },
-  "en-US": { translation: Yo },
-  "ja-JP": { translation: Vo }
-}, Go = {
+const Jo = {
+  "zh-CN": { translation: Vo },
+  "en-US": { translation: Uo },
+  "ja-JP": { translation: Go }
+}, Xo = {
   initAsync: !1,
   initImmediate: !1
-}, ct = $o();
-ct.init({
+}, ut = Fo();
+ut.init({
   // 内联资源同步初始化，确保首帧渲染即可拿到文案
-  ...Go,
-  resources: Uo,
+  ...Xo,
+  resources: Jo,
   lng: Lt,
   fallbackLng: Lt,
-  supportedLngs: Er,
+  supportedLngs: Dr,
   // 语言包使用平铺键值对（如 'toolbar.new'），因此关闭层级分隔符
   keySeparator: !1,
   nsSeparator: !1,
@@ -1247,14 +1247,14 @@ ct.init({
     useSuspense: !1
   }
 });
-const Le = ct.t.bind(ct), Kt = {
+const Le = ut.t.bind(ut), Kt = {
   A4: { width: 210, height: 297 },
   A3: { width: 297, height: 420 },
   A5: { width: 148, height: 210 },
   Letter: { width: 215.9, height: 279.4 },
   Legal: { width: 215.9, height: 355.6 }
 };
-function Xr() {
+function Qr() {
   return {
     paperSize: "A4",
     customWidth: 210,
@@ -1272,15 +1272,15 @@ function Xr() {
     pageNumberFormat: Le("seed.pageNumberFormat")
   };
 }
-const Re = 3, Ut = {
+const Re = 3, Gt = {
   cellSize: 1,
   cols: 100
 };
-function Jo(e) {
+function Ko(e) {
   const n = `component.${e}`, r = Le(n);
   return r === n ? e : r;
 }
-function Xo(e) {
+function Qo(e) {
   return { ...{
     text: {
       content: Le("component.defaultText"),
@@ -1327,32 +1327,32 @@ function Xo(e) {
     }
   }[e] };
 }
-let br = 0, xr = 0;
-function Kr() {
-  return `comp_${++br}`;
+let xr = 0, Sr = 0;
+function Zr() {
+  return `comp_${++xr}`;
 }
-function Qr() {
-  return `ds_${++xr}`;
+function en() {
+  return `ds_${++Sr}`;
 }
-function It(e, n) {
-  return e ? Er.some((r) => {
-    const a = ct.getResourceBundle(r, "translation");
+function Ft(e, n) {
+  return e ? Dr.some((r) => {
+    const a = ut.getResourceBundle(r, "translation");
     return (a == null ? void 0 : a[n]) === e;
   }) : !0;
 }
-const pe = No((e, n) => ({
+const pe = $o((e, n) => ({
   components: [],
   selectedId: null,
-  pageSettings: Xr(),
-  gridSettings: { ...Ut },
+  pageSettings: Qr(),
+  gridSettings: { ...Gt },
   previewVisible: !1,
   templateName: Le("seed.templateName"),
   headerFooterVisible: !1,
   dataSources: [],
   activeDataSourceId: null,
   addComponent: (r, a, h, c) => {
-    const d = Kr(), E = c ?? Jo(r), j = Xo(r);
-    r === "text" && (j.content = E);
+    const d = Zr(), _ = c ?? Ko(r), w = Qo(r);
+    r === "text" && (w.content = _);
     const O = {
       id: d,
       type: r,
@@ -1360,7 +1360,7 @@ const pe = No((e, n) => ({
       y: h ?? 0,
       w: r === "line" ? 20 : r === "qrcode" ? 12 : 15,
       h: r === "line" ? 1 : r === "qrcode" ? 12 : 8,
-      props: j,
+      props: w,
       ...r === "table" ? {
         tableColumns: [
           { title: Le("property.columnDefault", { index: 1 }) },
@@ -1410,14 +1410,14 @@ const pe = No((e, n) => ({
   // ========== 数据源管理 ==========
   addDataSource: (r, a, h) => {
     const d = {
-      id: Qr(),
+      id: en(),
       name: r,
       type: a,
       data: h,
       createdAt: Date.now()
     };
-    e((E) => ({
-      dataSources: [...E.dataSources, d]
+    e((_) => ({
+      dataSources: [..._.dataSources, d]
     }));
   },
   updateDataSource: (r, a) => {
@@ -1459,13 +1459,13 @@ const pe = No((e, n) => ({
       const a = JSON.parse(r);
       if (!a.version || !a.pageSettings || !Array.isArray(a.components))
         return "error.invalidTemplate";
-      br = 0, xr = 0;
+      xr = 0, Sr = 0;
       const h = a.components.map((d) => ({
         ...d,
-        id: Kr()
+        id: Zr()
       })), c = (a.dataSources || []).map((d) => ({
         ...d,
-        id: Qr()
+        id: en()
       }));
       return e({
         components: h,
@@ -1480,11 +1480,11 @@ const pe = No((e, n) => ({
     }
   },
   reset: () => {
-    br = 0, xr = 0, e({
+    xr = 0, Sr = 0, e({
       components: [],
       selectedId: null,
-      pageSettings: Xr(),
-      gridSettings: { ...Ut },
+      pageSettings: Qr(),
+      gridSettings: { ...Gt },
       templateName: Le("seed.templateName"),
       headerFooterVisible: !1,
       previewVisible: !1,
@@ -1494,19 +1494,19 @@ const pe = No((e, n) => ({
   },
   reseedLocalizedDefaults: () => {
     const r = n(), a = {};
-    It(r.templateName, "seed.templateName") && (a.templateName = Le("seed.templateName"));
+    Ft(r.templateName, "seed.templateName") && (a.templateName = Le("seed.templateName"));
     const h = {};
-    It(r.pageSettings.headerContent, "seed.headerContent") && (h.headerContent = Le("seed.headerContent")), It(r.pageSettings.footerContent, "seed.footerContent") && (h.footerContent = Le("seed.footerContent")), It(r.pageSettings.pageNumberFormat, "seed.pageNumberFormat") && (h.pageNumberFormat = Le("seed.pageNumberFormat")), Object.keys(h).length > 0 && (a.pageSettings = { ...r.pageSettings, ...h }), Object.keys(a).length > 0 && e(a);
+    Ft(r.pageSettings.headerContent, "seed.headerContent") && (h.headerContent = Le("seed.headerContent")), Ft(r.pageSettings.footerContent, "seed.footerContent") && (h.footerContent = Le("seed.footerContent")), Ft(r.pageSettings.pageNumberFormat, "seed.pageNumberFormat") && (h.pageNumberFormat = Le("seed.pageNumberFormat")), Object.keys(h).length > 0 && (a.pageSettings = { ...r.pageSettings, ...h }), Object.keys(a).length > 0 && e(a);
   }
-})), { Text: Ci } = bt, Ko = ({ onCustomSave: e, onCustomPrint: n }) => {
-  const r = pe((i) => i.templateName), a = pe((i) => i.setTemplateName), h = pe((i) => i.setPreviewVisible), c = pe((i) => i.setHeaderFooterVisible), d = pe((i) => i.selectedId), E = pe((i) => i.removeComponent), j = pe((i) => i.exportJSON), O = pe((i) => i.importJSON), x = pe((i) => i.reset), _ = Cr(null), { message: L } = mr.useApp(), { t: R } = Ge(), T = Ie(() => {
-    d && E(d);
-  }, [d, E]), m = Ie(() => {
-    const i = j(), l = new Blob([i], { type: "application/json" }), s = URL.createObjectURL(l), b = document.createElement("a");
+})), { Text: _i } = bt, Zo = ({ onCustomSave: e, onCustomPrint: n }) => {
+  const r = pe((i) => i.templateName), a = pe((i) => i.setTemplateName), h = pe((i) => i.setPreviewVisible), c = pe((i) => i.setHeaderFooterVisible), d = pe((i) => i.selectedId), _ = pe((i) => i.removeComponent), w = pe((i) => i.exportJSON), O = pe((i) => i.importJSON), x = pe((i) => i.reset), E = Pr(null), { message: L } = yr.useApp(), { t: R } = Ge(), T = Ie(() => {
+    d && _(d);
+  }, [d, _]), m = Ie(() => {
+    const i = w(), l = new Blob([i], { type: "application/json" }), s = URL.createObjectURL(l), b = document.createElement("a");
     b.href = s, b.download = `${r || R("toolbar.untitled")}.json`, b.click(), URL.revokeObjectURL(s), L.success(R("toolbar.exported"));
-  }, [j, r, L, R]), u = Ie(() => {
+  }, [w, r, L, R]), u = Ie(() => {
     var i;
-    (i = _.current) == null || i.click();
+    (i = E.current) == null || i.click();
   }, []), p = Ie(
     (i) => {
       var b;
@@ -1531,8 +1531,8 @@ const pe = No((e, n) => ({
         alignItems: "center",
         justifyContent: "space-between",
         padding: "0 16px",
-        borderBottom: "1px solid #e8e8e8",
-        background: "#fff"
+        borderBottom: "1px solid var(--pd-chrome-border, #e8e8e8)",
+        background: "var(--pd-chrome-bg, #fff)"
       },
       children: [
         /* @__PURE__ */ o.jsx(Ve, { children: /* @__PURE__ */ o.jsx(
@@ -1546,23 +1546,23 @@ const pe = No((e, n) => ({
           }
         ) }),
         /* @__PURE__ */ o.jsxs(Ve, { children: [
-          /* @__PURE__ */ o.jsx(Ae, { icon: /* @__PURE__ */ o.jsx(Or, {}), onClick: t, children: R("toolbar.new") }),
+          /* @__PURE__ */ o.jsx(Ae, { icon: /* @__PURE__ */ o.jsx(Rr, {}), onClick: t, children: R("toolbar.new") }),
           /* @__PURE__ */ o.jsx(
             "input",
             {
-              ref: _,
+              ref: E,
               type: "file",
               accept: ".json",
               style: { display: "none" },
               onChange: p
             }
           ),
-          e ? /* @__PURE__ */ o.jsx(Ae, { icon: /* @__PURE__ */ o.jsx($n, {}), onClick: e, type: "primary", children: R("toolbar.save") }) : /* @__PURE__ */ o.jsx(Ae, { icon: /* @__PURE__ */ o.jsx(xo, {}), onClick: m, children: R("toolbar.export") }),
-          /* @__PURE__ */ o.jsx(Ae, { icon: /* @__PURE__ */ o.jsx(So, {}), onClick: u, children: R("toolbar.import") }),
+          e ? /* @__PURE__ */ o.jsx(Ae, { icon: /* @__PURE__ */ o.jsx(Fn, {}), onClick: e, type: "primary", children: R("toolbar.save") }) : /* @__PURE__ */ o.jsx(Ae, { icon: /* @__PURE__ */ o.jsx(wo, {}), onClick: m, children: R("toolbar.export") }),
+          /* @__PURE__ */ o.jsx(Ae, { icon: /* @__PURE__ */ o.jsx(jo, {}), onClick: u, children: R("toolbar.import") }),
           /* @__PURE__ */ o.jsx(
             Ae,
             {
-              icon: /* @__PURE__ */ o.jsx(wo, {}),
+              icon: /* @__PURE__ */ o.jsx(Co, {}),
               onClick: () => c(!0),
               children: R("toolbar.headerFooter")
             }
@@ -1571,7 +1571,7 @@ const pe = No((e, n) => ({
             Ae,
             {
               danger: !0,
-              icon: /* @__PURE__ */ o.jsx(Rr, {}),
+              icon: /* @__PURE__ */ o.jsx(_r, {}),
               disabled: !d,
               onClick: T,
               children: R("common.delete")
@@ -1581,7 +1581,7 @@ const pe = No((e, n) => ({
             Ae,
             {
               type: "primary",
-              icon: /* @__PURE__ */ o.jsx(_r, {}),
+              icon: /* @__PURE__ */ o.jsx(Er, {}),
               onClick: n,
               children: R("toolbar.print")
             }
@@ -1589,7 +1589,7 @@ const pe = No((e, n) => ({
             Ae,
             {
               type: "primary",
-              icon: /* @__PURE__ */ o.jsx(jo, {}),
+              icon: /* @__PURE__ */ o.jsx(Po, {}),
               onClick: () => h(!0),
               children: R("toolbar.preview")
             }
@@ -1598,7 +1598,7 @@ const pe = No((e, n) => ({
       ]
     }
   );
-}, { Text: et } = bt, Qo = () => {
+}, { Text: et } = bt, ea = () => {
   const { t: e } = Ge(), n = pe((d) => d.pageSettings), r = pe((d) => d.setPageSettings), a = n.paperSize === "custom", h = Ie(
     (d) => {
       r({ paperSize: d });
@@ -1742,15 +1742,15 @@ const pe = No((e, n) => ({
       ] })
     }
   );
-}, { Text: Zo } = bt, ea = () => {
+}, { Text: ta } = bt, ra = () => {
   const { t: e } = Ge(), n = pe((c) => c.addComponent), r = Ue(
     () => [
-      { type: "text", icon: /* @__PURE__ */ o.jsx(Co, {}), label: e("component.text") },
-      { type: "image", icon: /* @__PURE__ */ o.jsx(Po, {}), label: e("component.image") },
-      { type: "table", icon: /* @__PURE__ */ o.jsx(Oo, {}), label: e("component.table") },
-      { type: "barcode", icon: /* @__PURE__ */ o.jsx(Ro, {}), label: e("component.barcode") },
-      { type: "qrcode", icon: /* @__PURE__ */ o.jsx(_o, {}), label: e("component.qrcode") },
-      { type: "line", icon: /* @__PURE__ */ o.jsx(Eo, {}), label: e("component.line") }
+      { type: "text", icon: /* @__PURE__ */ o.jsx(Oo, {}), label: e("component.text") },
+      { type: "image", icon: /* @__PURE__ */ o.jsx(Ro, {}), label: e("component.image") },
+      { type: "table", icon: /* @__PURE__ */ o.jsx(_o, {}), label: e("component.table") },
+      { type: "barcode", icon: /* @__PURE__ */ o.jsx(Eo, {}), label: e("component.barcode") },
+      { type: "qrcode", icon: /* @__PURE__ */ o.jsx(Do, {}), label: e("component.qrcode") },
+      { type: "line", icon: /* @__PURE__ */ o.jsx(To, {}), label: e("component.line") }
     ],
     [e]
   ), a = Ie(
@@ -1778,24 +1778,24 @@ const pe = No((e, n) => ({
           style: {
             cursor: "grab",
             padding: "8px 12px",
-            border: "1px solid #d9d9d9",
+            border: "1px solid var(--pd-item-border, #d9d9d9)",
             borderRadius: 6,
             display: "flex",
             alignItems: "center",
             gap: 8,
-            background: "#fafafa",
+            background: "var(--pd-item-bg, #fafafa)",
             userSelect: "none",
             transition: "all 0.2s"
           },
           onMouseEnter: (d) => {
-            d.currentTarget.style.background = "#e6f4ff", d.currentTarget.style.borderColor = "#1677ff";
+            d.currentTarget.style.background = "var(--pd-item-hover-bg, #e6f4ff)", d.currentTarget.style.borderColor = "var(--pd-item-hover-border, #1677ff)";
           },
           onMouseLeave: (d) => {
-            d.currentTarget.style.background = "#fafafa", d.currentTarget.style.borderColor = "#d9d9d9";
+            d.currentTarget.style.background = "var(--pd-item-bg, #fafafa)", d.currentTarget.style.borderColor = "var(--pd-item-border, #d9d9d9)";
           },
           children: [
             c.icon,
-            /* @__PURE__ */ o.jsx(Zo, { children: c.label })
+            /* @__PURE__ */ o.jsx(ta, { children: c.label })
           ]
         },
         c.type
@@ -1813,21 +1813,21 @@ function Qt(e) {
 function zt(e, n, r) {
   const a = `${n}Binding`, h = e.props[a];
   if (h && h.dataSourceId && h.fieldPath) {
-    const d = r.find((E) => E.id === h.dataSourceId);
+    const d = r.find((_) => _.id === h.dataSourceId);
     if (d) {
-      const E = Tr(d);
-      if (E) {
-        const j = Sr(E, h.fieldPath);
-        if (j)
-          return j;
+      const _ = zr(d);
+      if (_) {
+        const w = wr(_, h.fieldPath);
+        if (w)
+          return w;
       }
     }
   }
   return e.props[n] || (h == null ? void 0 : h.staticValue) || "";
 }
-function Dr(e, n) {
+function Tr(e, n) {
   if (!n || !e) return e;
-  const r = ta(e);
+  const r = na(e);
   if (!r) return e;
   const a = (c, d = 2) => String(c).padStart(d, "0"), h = {
     yyyy: String(r.getFullYear()),
@@ -1845,21 +1845,21 @@ function Dr(e, n) {
   };
   return n.replace(/yyyy|yy|MM|M|dd|d|HH|H|mm|m|ss|s/g, (c) => h[c]);
 }
-function ta(e) {
+function na(e) {
   const n = e.trim();
   if (!n) return null;
   if (/^\d{8}$/.test(n)) {
     const a = Number(n.slice(0, 4)), h = Number(n.slice(4, 6)), c = Number(n.slice(6, 8));
-    return ra(a, h, c);
+    return oa(a, h, c);
   }
   const r = new Date(n);
   return Number.isNaN(r.getTime()) ? null : r;
 }
-function ra(e, n, r) {
+function oa(e, n, r) {
   const a = new Date(e, n - 1, r);
   return a.getFullYear() !== e || a.getMonth() !== n - 1 || a.getDate() !== r ? null : a;
 }
-function Sr(e, n) {
+function wr(e, n) {
   if (!e || !n) return "";
   try {
     const r = n.split(".");
@@ -1874,40 +1874,40 @@ function Sr(e, n) {
     return "";
   }
 }
-function Tr(e) {
+function zr(e) {
   const n = Qt(e.data);
   return e.type === "object" && n && typeof n == "object" && !Array.isArray(n) ? n : null;
 }
-function zr(e) {
+function kr(e) {
   const n = Qt(e.data);
   return e.type === "array" && Array.isArray(n) ? n : null;
 }
-const { TextArea: na } = Ke, { Text: Ft, Title: Pi } = bt, Zr = () => JSON.stringify(Le("dataSource.sampleObject", { returnObjects: !0 }), null, 2), oa = () => JSON.stringify(Le("dataSource.sampleArray", { returnObjects: !0 }), null, 2), aa = () => {
-  const { t: e } = Ge(), n = pe((R) => R.dataSources), r = pe((R) => R.addDataSource), a = pe((R) => R.updateDataSource), h = pe((R) => R.removeDataSource), [c, d] = mt(!1), [E, j] = mt(null), [O, x] = mt({
+const { TextArea: aa } = Ke, { Text: qt, Title: Ei } = bt, tn = () => JSON.stringify(Le("dataSource.sampleObject", { returnObjects: !0 }), null, 2), ia = () => JSON.stringify(Le("dataSource.sampleArray", { returnObjects: !0 }), null, 2), sa = () => {
+  const { t: e } = Ge(), n = pe((R) => R.dataSources), r = pe((R) => R.addDataSource), a = pe((R) => R.updateDataSource), h = pe((R) => R.removeDataSource), [c, d] = at(!1), [_, w] = at(null), [O, x] = at({
     name: "",
     type: "object",
     data: ""
-  }), _ = (R) => {
-    R ? (j(R.id), x({ name: R.name, type: R.type, data: R.data })) : (j(null), x({
+  }), E = (R) => {
+    R ? (w(R.id), x({ name: R.name, type: R.type, data: R.data })) : (w(null), x({
       name: e("dataSource.newName"),
       type: "object",
-      data: Zr()
+      data: tn()
     })), d(!0);
   }, L = () => {
     const R = Qt(O.data);
     if (R === null) {
-      gt.error(e("dataSource.invalidJson"));
+      mt.error(e("dataSource.invalidJson"));
       return;
     }
     if (O.type === "object" && (Array.isArray(R) || typeof R != "object")) {
-      gt.error(e("dataSource.objectFormatError"));
+      mt.error(e("dataSource.objectFormatError"));
       return;
     }
     if (O.type === "array" && !Array.isArray(R)) {
-      gt.error(e("dataSource.arrayFormatError"));
+      mt.error(e("dataSource.arrayFormatError"));
       return;
     }
-    E ? (a(E, O), gt.success(e("dataSource.updated"))) : (r(O.name, O.type, O.data), gt.success(e("dataSource.added"))), d(!1);
+    _ ? (a(_, O), mt.success(e("dataSource.updated"))) : (r(O.name, O.type, O.data), mt.success(e("dataSource.added"))), d(!1);
   };
   return /* @__PURE__ */ o.jsxs(
     Mt,
@@ -1919,8 +1919,8 @@ const { TextArea: na } = Ke, { Text: Ft, Title: Pi } = bt, Zr = () => JSON.strin
         {
           type: "link",
           size: "small",
-          icon: /* @__PURE__ */ o.jsx(Or, {}),
-          onClick: () => _(),
+          icon: /* @__PURE__ */ o.jsx(Rr, {}),
+          onClick: () => E(),
           children: e("dataSource.add")
         }
       ),
@@ -1936,15 +1936,15 @@ const { TextArea: na } = Ke, { Text: Ft, Title: Pi } = bt, Zr = () => JSON.strin
               {
                 actions: [
                   /* @__PURE__ */ o.jsx(
-                    go,
+                    yo,
                     {
                       menu: {
                         items: [
                           {
                             key: "edit",
                             label: e("common.edit"),
-                            icon: /* @__PURE__ */ o.jsx(To, {}),
-                            onClick: () => _(R)
+                            icon: /* @__PURE__ */ o.jsx(ko, {}),
+                            onClick: () => E(R)
                           },
                           {
                             type: "divider"
@@ -1952,11 +1952,11 @@ const { TextArea: na } = Ke, { Text: Ft, Title: Pi } = bt, Zr = () => JSON.strin
                           {
                             key: "delete",
                             label: /* @__PURE__ */ o.jsx(
-                              An,
+                              In,
                               {
                                 title: e("dataSource.deleteConfirm"),
                                 onConfirm: (T) => {
-                                  T == null || T.stopPropagation(), h(R.id), gt.success(e("dataSource.deleted"));
+                                  T == null || T.stopPropagation(), h(R.id), mt.success(e("dataSource.deleted"));
                                 },
                                 okText: e("common.confirm"),
                                 cancelText: e("common.cancel"),
@@ -1964,21 +1964,21 @@ const { TextArea: na } = Ke, { Text: Ft, Title: Pi } = bt, Zr = () => JSON.strin
                                 children: /* @__PURE__ */ o.jsx("span", { style: { color: "#ff4d4f", cursor: "pointer" }, children: e("common.delete") })
                               }
                             ),
-                            icon: /* @__PURE__ */ o.jsx(Rr, { style: { color: "#ff4d4f" } })
+                            icon: /* @__PURE__ */ o.jsx(_r, { style: { color: "#ff4d4f" } })
                           }
                         ]
                       },
                       placement: "bottomRight",
-                      children: /* @__PURE__ */ o.jsx(Ae, { type: "text", size: "small", icon: /* @__PURE__ */ o.jsx(Do, {}) })
+                      children: /* @__PURE__ */ o.jsx(Ae, { type: "text", size: "small", icon: /* @__PURE__ */ o.jsx(zo, {}) })
                     }
                   )
                 ],
                 children: /* @__PURE__ */ o.jsx(
                   ar.Item.Meta,
                   {
-                    avatar: /* @__PURE__ */ o.jsx(In, {}),
-                    title: /* @__PURE__ */ o.jsx(Ft, { ellipsis: !0, strong: !0, children: R.name }),
-                    description: /* @__PURE__ */ o.jsx(Ve, { size: 4, children: /* @__PURE__ */ o.jsx(yr, { color: R.type === "object" ? "blue" : "green", children: R.type === "object" ? e("dataSource.typeObject") : e("dataSource.typeArray") }) })
+                    avatar: /* @__PURE__ */ o.jsx(qn, {}),
+                    title: /* @__PURE__ */ o.jsx(qt, { ellipsis: !0, strong: !0, children: R.name }),
+                    description: /* @__PURE__ */ o.jsx(Ve, { size: 4, children: /* @__PURE__ */ o.jsx(vr, { color: R.type === "object" ? "blue" : "green", children: R.type === "object" ? e("dataSource.typeObject") : e("dataSource.typeArray") }) })
                   }
                 )
               }
@@ -1986,9 +1986,9 @@ const { TextArea: na } = Ke, { Text: Ft, Title: Pi } = bt, Zr = () => JSON.strin
           }
         ),
         /* @__PURE__ */ o.jsx(
-          Pr,
+          Or,
           {
-            title: e(E ? "dataSource.editTitle" : "dataSource.addTitle"),
+            title: e(_ ? "dataSource.editTitle" : "dataSource.addTitle"),
             open: c,
             onOk: L,
             onCancel: () => d(!1),
@@ -1996,7 +1996,7 @@ const { TextArea: na } = Ke, { Text: Ft, Title: Pi } = bt, Zr = () => JSON.strin
             cancelText: e("common.cancel"),
             children: /* @__PURE__ */ o.jsxs(Ve, { direction: "vertical", style: { width: "100%" }, size: "middle", children: [
               /* @__PURE__ */ o.jsxs("div", { children: [
-                /* @__PURE__ */ o.jsx(Ft, { strong: !0, style: { display: "block", marginBottom: 4 }, children: e("dataSource.name") }),
+                /* @__PURE__ */ o.jsx(qt, { strong: !0, style: { display: "block", marginBottom: 4 }, children: e("dataSource.name") }),
                 /* @__PURE__ */ o.jsx(
                   Ke,
                   {
@@ -2007,7 +2007,7 @@ const { TextArea: na } = Ke, { Text: Ft, Title: Pi } = bt, Zr = () => JSON.strin
                 )
               ] }),
               /* @__PURE__ */ o.jsxs("div", { children: [
-                /* @__PURE__ */ o.jsx(Ft, { strong: !0, style: { display: "block", marginBottom: 4 }, children: e("dataSource.type") }),
+                /* @__PURE__ */ o.jsx(qt, { strong: !0, style: { display: "block", marginBottom: 4 }, children: e("dataSource.type") }),
                 /* @__PURE__ */ o.jsx(
                   Ye,
                   {
@@ -2021,7 +2021,7 @@ const { TextArea: na } = Ke, { Text: Ft, Title: Pi } = bt, Zr = () => JSON.strin
                       x({
                         ...O,
                         type: R,
-                        data: R === "object" ? Zr() : oa()
+                        data: R === "object" ? tn() : ia()
                       });
                     }
                   }
@@ -2029,9 +2029,9 @@ const { TextArea: na } = Ke, { Text: Ft, Title: Pi } = bt, Zr = () => JSON.strin
               ] }),
               /* @__PURE__ */ o.jsx(Xe, { style: { margin: "8px 0" } }),
               /* @__PURE__ */ o.jsxs("div", { children: [
-                /* @__PURE__ */ o.jsx(Ft, { strong: !0, style: { display: "block", marginBottom: 4 }, children: e("dataSource.jsonData") }),
+                /* @__PURE__ */ o.jsx(qt, { strong: !0, style: { display: "block", marginBottom: 4 }, children: e("dataSource.jsonData") }),
                 /* @__PURE__ */ o.jsx(
-                  na,
+                  aa,
                   {
                     rows: 12,
                     placeholder: e("dataSource.jsonPlaceholder"),
@@ -2046,42 +2046,42 @@ const { TextArea: na } = Ke, { Text: Ft, Title: Pi } = bt, Zr = () => JSON.strin
       ]
     }
   );
-}, ia = () => {
+}, la = () => {
   const { t: e } = Ge();
   return /* @__PURE__ */ o.jsx(
-    mo,
+    vo,
     {
       bordered: !1,
       accordion: !0,
       defaultActiveKey: ["1"],
-      expandIcon: ({ isActive: n }) => /* @__PURE__ */ o.jsx(zo, { rotate: n ? 90 : 0 }),
+      expandIcon: ({ isActive: n }) => /* @__PURE__ */ o.jsx(Mo, { rotate: n ? 90 : 0 }),
       style: { height: "100%", overflowY: "auto" },
       items: [
         {
           key: "1",
           label: e("panel.pageSettings"),
-          children: /* @__PURE__ */ o.jsx(Qo, {})
+          children: /* @__PURE__ */ o.jsx(ea, {})
         },
         {
           key: "2",
           label: e("panel.components"),
-          children: /* @__PURE__ */ o.jsx(ea, {})
+          children: /* @__PURE__ */ o.jsx(ra, {})
         },
         {
           key: "3",
           label: e("panel.dataSource"),
-          children: /* @__PURE__ */ o.jsx(aa, {})
+          children: /* @__PURE__ */ o.jsx(sa, {})
         }
       ]
     }
   );
 };
-var sr = { exports: {} }, Ct = {}, kt = { exports: {} }, sa = kt.exports, en;
-function kr() {
-  return en || (en = 1, (function(e, n) {
+var sr = { exports: {} }, Ct = {}, kt = { exports: {} }, ca = kt.exports, rn;
+function Mr() {
+  return rn || (rn = 1, (function(e, n) {
     (function(r, a) {
       a(n);
-    })(sa, (function(r) {
+    })(ca, (function(r) {
       function a(N) {
         return function(Q, K, ie, $, he, De, ve) {
           return N(Q, K, ve);
@@ -2110,13 +2110,13 @@ function kr() {
       function d(N) {
         return N.constructor === Object || N.constructor == null;
       }
-      function E(N) {
+      function _(N) {
         return typeof N.then == "function";
       }
-      function j(N, B) {
+      function w(N, B) {
         return N === B || N !== N && B !== B;
       }
-      var O = "[object Arguments]", x = "[object Boolean]", _ = "[object Date]", L = "[object RegExp]", R = "[object Map]", T = "[object Number]", m = "[object Object]", u = "[object Set]", p = "[object String]", t = Object.prototype.toString;
+      var O = "[object Arguments]", x = "[object Boolean]", E = "[object Date]", L = "[object RegExp]", R = "[object Map]", T = "[object Number]", m = "[object Object]", u = "[object Set]", p = "[object String]", t = Object.prototype.toString;
       function i(N) {
         var B = N.areArraysEqual, Q = N.areDatesEqual, K = N.areMapsEqual, ie = N.areObjectsEqual, $ = N.areRegExpsEqual, he = N.areSetsEqual, De = N.createIsNestedEqual, ve = De(ke);
         function ke(y, v, C) {
@@ -2130,7 +2130,7 @@ function kr() {
           if (I || te)
             return I === te && B(y, v, ve, C);
           var X = t.call(y);
-          return X !== t.call(v) ? !1 : X === _ ? Q(y, v, ve, C) : X === L ? $(y, v, ve, C) : X === R ? K(y, v, ve, C) : X === u ? he(y, v, ve, C) : X === m || X === O ? E(y) || E(v) ? !1 : ie(y, v, ve, C) : X === x || X === T || X === p ? j(y.valueOf(), v.valueOf()) : !1;
+          return X !== t.call(v) ? !1 : X === E ? Q(y, v, ve, C) : X === L ? $(y, v, ve, C) : X === R ? K(y, v, ve, C) : X === u ? he(y, v, ve, C) : X === m || X === O ? _(y) || _(v) ? !1 : ie(y, v, ve, C) : X === x || X === T || X === p ? w(y.valueOf(), v.valueOf()) : !1;
         }
         return ke;
       }
@@ -2145,7 +2145,7 @@ function kr() {
       }
       var s = h(l);
       function b(N, B) {
-        return j(N.valueOf(), B.valueOf());
+        return w(N.valueOf(), B.valueOf());
       }
       function P(N, B, Q, K) {
         var ie = N.size === B.size;
@@ -2220,7 +2220,7 @@ function kr() {
         return re(N, B, void 0);
       }
       var de = i(c(G, { createIsNestedEqual: function() {
-        return j;
+        return w;
       } }));
       function k(N, B) {
         return de(N, B, void 0);
@@ -2231,7 +2231,7 @@ function kr() {
       }
       var oe = i(c(U, {
         createIsNestedEqual: function() {
-          return j;
+          return w;
         }
       }));
       function se(N, B) {
@@ -2246,14 +2246,14 @@ function kr() {
           return ie === void 0 && (ie = /* @__PURE__ */ new WeakMap()), B(Q, K, ie);
         });
       }
-      r.circularDeepEqual = ne, r.circularShallowEqual = se, r.createCustomCircularEqual = le, r.createCustomEqual = fe, r.deepEqual = ce, r.sameValueZeroEqual = j, r.shallowEqual = k, Object.defineProperty(r, "__esModule", { value: !0 });
+      r.circularDeepEqual = ne, r.circularShallowEqual = se, r.createCustomCircularEqual = le, r.createCustomEqual = fe, r.deepEqual = ce, r.sameValueZeroEqual = w, r.shallowEqual = k, Object.defineProperty(r, "__esModule", { value: !0 });
     }));
   })(kt, kt.exports)), kt.exports;
 }
-var qt = { exports: {} }, tn;
+var Ht = { exports: {} }, nn;
 function Zt() {
-  if (tn) return qt.exports;
-  tn = 1;
+  if (nn) return Ht.exports;
+  nn = 1;
   function e(r) {
     var a, h, c = "";
     if (typeof r == "string" || typeof r == "number") c += r;
@@ -2267,23 +2267,23 @@ function Zt() {
     for (var r, a, h = 0, c = "", d = arguments.length; h < d; h++) (r = arguments[h]) && (a = e(r)) && (c && (c += " "), c += a);
     return c;
   }
-  return qt.exports = n, qt.exports.clsx = n, qt.exports;
+  return Ht.exports = n, Ht.exports.clsx = n, Ht.exports;
 }
-var xe = {}, lr, rn;
-function la() {
-  return rn || (rn = 1, lr = function(n, r, a) {
+var xe = {}, lr, on;
+function ua() {
+  return on || (on = 1, lr = function(n, r, a) {
     return n === r ? !0 : n.className === r.className && a(n.style, r.style) && n.width === r.width && n.autoSize === r.autoSize && n.cols === r.cols && n.draggableCancel === r.draggableCancel && n.draggableHandle === r.draggableHandle && a(n.verticalCompact, r.verticalCompact) && a(n.compactType, r.compactType) && a(n.layout, r.layout) && a(n.margin, r.margin) && a(n.containerPadding, r.containerPadding) && n.rowHeight === r.rowHeight && n.maxRows === r.maxRows && n.isBounded === r.isBounded && n.isDraggable === r.isDraggable && n.isResizable === r.isResizable && n.allowOverlap === r.allowOverlap && n.preventCollision === r.preventCollision && n.useCSSTransforms === r.useCSSTransforms && n.transformScale === r.transformScale && n.isDroppable === r.isDroppable && a(n.resizeHandles, r.resizeHandles) && a(n.resizeHandle, r.resizeHandle) && n.onLayoutChange === r.onLayoutChange && n.onDragStart === r.onDragStart && n.onDrag === r.onDrag && n.onDragStop === r.onDragStop && n.onResizeStart === r.onResizeStart && n.onResize === r.onResize && n.onResizeStop === r.onResizeStop && n.onDrop === r.onDrop && a(n.droppingItem, r.droppingItem) && a(n.innerRef, r.innerRef);
   }), lr;
 }
-var nn;
+var an;
 function xt() {
-  if (nn) return xe;
-  nn = 1;
+  if (an) return xe;
+  an = 1;
   var e = {};
   Object.defineProperty(xe, "__esModule", {
     value: !0
-  }), xe.bottom = x, xe.childrenEqual = m, xe.cloneLayout = _, xe.cloneLayoutItem = T, xe.collides = p, xe.compact = t, xe.compactItem = s, xe.compactType = De, xe.correctBounds = b, xe.fastPositionEqual = u, xe.fastRGLPropsEqual = void 0, xe.getAllCollisions = D, xe.getFirstCollision = S, xe.getLayoutItem = P, xe.getStatics = M, xe.modifyLayout = L, xe.moveElement = H, xe.moveElementAwayFromCollision = q, xe.noop = void 0, xe.perc = Y, xe.resizeItemInDirection = le, xe.setTopLeft = B, xe.setTransform = N, xe.sortLayoutItems = Q, xe.sortLayoutItemsByColRow = ie, xe.sortLayoutItemsByRowCol = K, xe.synchronizeLayoutWithChildren = $, xe.validateLayout = he, xe.withLayoutItem = R;
-  var n = /* @__PURE__ */ kr(), r = a(Ne);
+  }), xe.bottom = x, xe.childrenEqual = m, xe.cloneLayout = E, xe.cloneLayoutItem = T, xe.collides = p, xe.compact = t, xe.compactItem = s, xe.compactType = De, xe.correctBounds = b, xe.fastPositionEqual = u, xe.fastRGLPropsEqual = void 0, xe.getAllCollisions = D, xe.getFirstCollision = S, xe.getLayoutItem = P, xe.getStatics = M, xe.modifyLayout = L, xe.moveElement = H, xe.moveElementAwayFromCollision = q, xe.noop = void 0, xe.perc = Y, xe.resizeItemInDirection = le, xe.setTopLeft = B, xe.setTransform = N, xe.sortLayoutItems = Q, xe.sortLayoutItemsByColRow = ie, xe.sortLayoutItemsByRowCol = K, xe.synchronizeLayoutWithChildren = $, xe.validateLayout = he, xe.withLayoutItem = R;
+  var n = /* @__PURE__ */ Mr(), r = a(Ne);
   function a(y) {
     return y && y.__esModule ? y : { default: y };
   }
@@ -2309,13 +2309,13 @@ function xt() {
     return y;
   }
   function d(y, v, C) {
-    return (v = E(v)) in y ? Object.defineProperty(y, v, { value: C, enumerable: !0, configurable: !0, writable: !0 }) : y[v] = C, y;
+    return (v = _(v)) in y ? Object.defineProperty(y, v, { value: C, enumerable: !0, configurable: !0, writable: !0 }) : y[v] = C, y;
   }
-  function E(y) {
-    var v = j(y, "string");
+  function _(y) {
+    var v = w(y, "string");
     return typeof v == "symbol" ? v : v + "";
   }
-  function j(y, v) {
+  function w(y, v) {
     if (typeof y != "object" || !y) return y;
     var C = y[Symbol.toPrimitive];
     if (C !== void 0) {
@@ -2332,7 +2332,7 @@ function xt() {
       C = y[I].y + y[I].h, C > v && (v = C);
     return v;
   }
-  function _(y) {
+  function E(y) {
     const v = Array(y.length);
     for (let C = 0, I = y.length; C < I; C++)
       v[C] = T(y[C]);
@@ -2371,7 +2371,7 @@ function xt() {
   function m(y, v) {
     return (0, n.deepEqual)(r.default.Children.map(y, (C) => C == null ? void 0 : C.key), r.default.Children.map(v, (C) => C == null ? void 0 : C.key)) && (0, n.deepEqual)(r.default.Children.map(y, (C) => C == null ? void 0 : C.props["data-grid"]), r.default.Children.map(v, (C) => C == null ? void 0 : C.props["data-grid"]));
   }
-  xe.fastRGLPropsEqual = la();
+  xe.fastRGLPropsEqual = ua();
   function u(y, v) {
     return y.left === v.left && y.top === v.top && y.width === v.width && y.height === v.height;
   }
@@ -2383,8 +2383,8 @@ function xt() {
     let X = x(te);
     const ae = Q(y, v), ge = Array(y.length);
     for (let Se = 0, f = ae.length; Se < f; Se++) {
-      let w = T(ae[Se]);
-      w.static || (w = s(te, w, v, C, ae, I, X), X = Math.max(X, w.y + w.h), te.push(w)), ge[y.indexOf(ae[Se])] = w, w.moved = !1;
+      let j = T(ae[Se]);
+      j.static || (j = s(te, j, v, C, ae, I, X), X = Math.max(X, j.y + j.h), te.push(j)), ge[y.indexOf(ae[Se])] = j, j.moved = !1;
     }
     return ge;
   }
@@ -2448,15 +2448,15 @@ function xt() {
   function H(y, v, C, I, te, X, ae, ge, Se) {
     if (v.static && v.isDraggable !== !0 || v.y === I && v.x === C) return y;
     "Moving element ".concat(v.i, " to [").concat(String(C), ",").concat(String(I), "] from [").concat(v.x, ",").concat(v.y, "]");
-    const f = v.x, w = v.y;
+    const f = v.x, j = v.y;
     typeof C == "number" && (v.x = C), typeof I == "number" && (v.y = I), v.moved = !0;
     let z = Q(y, ae);
-    (ae === "vertical" && typeof I == "number" ? w >= I : ae === "horizontal" && typeof C == "number" ? f >= C : !1) && (z = z.reverse());
+    (ae === "vertical" && typeof I == "number" ? j >= I : ae === "horizontal" && typeof C == "number" ? f >= C : !1) && (z = z.reverse());
     const V = D(z, v), je = V.length > 0;
     if (je && Se)
-      return _(y);
+      return E(y);
     if (je && X)
-      return "Collision prevented on ".concat(v.i, ", reverting."), v.x = f, v.y = w, v.moved = !1, y;
+      return "Collision prevented on ".concat(v.i, ", reverting."), v.x = f, v.y = j, v.moved = !1, y;
     for (let me = 0, _e = V.length; me < _e; me++) {
       const Te = V[me];
       "Resolving collision between ".concat(v.i, " at [").concat(v.x, ",").concat(v.y, "] and ").concat(Te.i, " at [").concat(Te.x, ",").concat(Te.y, "]"), !Te.moved && (Te.static ? y = q(y, Te, v, te, ae) : y = q(y, v, Te, te, ae));
@@ -2483,8 +2483,8 @@ function xt() {
           return H(y, v, C.x, void 0, I, Se, te);
       } else return "Doing reverse collision on ".concat(C.i, " up to [").concat(z.x, ",").concat(z.y, "]."), H(y, C, ae ? z.x : void 0, ge ? z.y : void 0, I, Se, te);
     }
-    const f = ae ? C.x + 1 : void 0, w = ge ? C.y + 1 : void 0;
-    return f == null && w == null ? y : H(y, C, ae ? C.x + 1 : void 0, ge ? C.y + 1 : void 0, I, Se, te);
+    const f = ae ? C.x + 1 : void 0, j = ge ? C.y + 1 : void 0;
+    return f == null && j == null ? y : H(y, C, ae ? C.x + 1 : void 0, ge ? C.y + 1 : void 0, I, Se, te);
   }
   function Y(y) {
     return y * 100 + "%";
@@ -2659,65 +2659,65 @@ function xt() {
   };
   return xe.noop = ke, xe;
 }
-var tt = {}, on;
-function Mr() {
-  if (on) return tt;
-  on = 1, Object.defineProperty(tt, "__esModule", {
+var tt = {}, sn;
+function Lr() {
+  if (sn) return tt;
+  sn = 1, Object.defineProperty(tt, "__esModule", {
     value: !0
   }), tt.calcGridColWidth = e, tt.calcGridItemPosition = r, tt.calcGridItemWHPx = n, tt.calcWH = h, tt.calcXY = a, tt.clamp = c;
   function e(d) {
     const {
-      margin: E,
-      containerPadding: j,
+      margin: _,
+      containerPadding: w,
       containerWidth: O,
       cols: x
     } = d;
-    return (O - E[0] * (x - 1) - j[0] * 2) / x;
+    return (O - _[0] * (x - 1) - w[0] * 2) / x;
   }
-  function n(d, E, j) {
-    return Number.isFinite(d) ? Math.round(E * d + Math.max(0, d - 1) * j) : d;
+  function n(d, _, w) {
+    return Number.isFinite(d) ? Math.round(_ * d + Math.max(0, d - 1) * w) : d;
   }
-  function r(d, E, j, O, x, _) {
+  function r(d, _, w, O, x, E) {
     const {
       margin: L,
       containerPadding: R,
       rowHeight: T
     } = d, m = e(d), u = {};
-    return _ && _.resizing ? (u.width = Math.round(_.resizing.width), u.height = Math.round(_.resizing.height)) : (u.width = n(O, m, L[0]), u.height = n(x, T, L[1])), _ && _.dragging ? (u.top = Math.round(_.dragging.top), u.left = Math.round(_.dragging.left)) : _ && _.resizing && typeof _.resizing.top == "number" && typeof _.resizing.left == "number" ? (u.top = Math.round(_.resizing.top), u.left = Math.round(_.resizing.left)) : (u.top = Math.round((T + L[1]) * j + R[1]), u.left = Math.round((m + L[0]) * E + R[0])), u;
+    return E && E.resizing ? (u.width = Math.round(E.resizing.width), u.height = Math.round(E.resizing.height)) : (u.width = n(O, m, L[0]), u.height = n(x, T, L[1])), E && E.dragging ? (u.top = Math.round(E.dragging.top), u.left = Math.round(E.dragging.left)) : E && E.resizing && typeof E.resizing.top == "number" && typeof E.resizing.left == "number" ? (u.top = Math.round(E.resizing.top), u.left = Math.round(E.resizing.left)) : (u.top = Math.round((T + L[1]) * w + R[1]), u.left = Math.round((m + L[0]) * _ + R[0])), u;
   }
-  function a(d, E, j, O, x) {
+  function a(d, _, w, O, x) {
     const {
-      margin: _,
+      margin: E,
       containerPadding: L,
       cols: R,
       rowHeight: T,
       maxRows: m
     } = d, u = e(d);
-    let p = Math.round((j - L[0]) / (u + _[0])), t = Math.round((E - L[1]) / (T + _[1]));
+    let p = Math.round((w - L[0]) / (u + E[0])), t = Math.round((_ - L[1]) / (T + E[1]));
     return p = c(p, 0, R - O), t = c(t, 0, m - x), {
       x: p,
       y: t
     };
   }
-  function h(d, E, j, O, x, _) {
+  function h(d, _, w, O, x, E) {
     const {
       margin: L,
       maxRows: R,
       cols: T,
       rowHeight: m
     } = d, u = e(d);
-    let p = Math.round((E + L[0]) / (u + L[0])), t = Math.round((j + L[1]) / (m + L[1])), i = c(p, 0, T - O), l = c(t, 0, R - x);
-    return ["sw", "w", "nw"].indexOf(_) !== -1 && (i = c(p, 0, T)), ["nw", "n", "ne"].indexOf(_) !== -1 && (l = c(t, 0, R)), {
+    let p = Math.round((_ + L[0]) / (u + L[0])), t = Math.round((w + L[1]) / (m + L[1])), i = c(p, 0, T - O), l = c(t, 0, R - x);
+    return ["sw", "w", "nw"].indexOf(E) !== -1 && (i = c(p, 0, T)), ["nw", "n", "ne"].indexOf(E) !== -1 && (l = c(t, 0, R)), {
       w: i,
       h: l
     };
   }
-  function c(d, E, j) {
-    return Math.max(Math.min(d, j), E);
+  function c(d, _, w) {
+    return Math.max(Math.min(d, w), _);
   }
   return tt;
 }
-var Pt = {}, Ht = { exports: {} }, Wt = { exports: {} }, Pe = {};
+var Pt = {}, Wt = { exports: {} }, Bt = { exports: {} }, Pe = {};
 /** @license React v16.13.1
  * react-is.production.min.js
  *
@@ -2726,27 +2726,27 @@ var Pt = {}, Ht = { exports: {} }, Wt = { exports: {} }, Pe = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var an;
-function ca() {
-  if (an) return Pe;
-  an = 1;
-  var e = typeof Symbol == "function" && Symbol.for, n = e ? Symbol.for("react.element") : 60103, r = e ? Symbol.for("react.portal") : 60106, a = e ? Symbol.for("react.fragment") : 60107, h = e ? Symbol.for("react.strict_mode") : 60108, c = e ? Symbol.for("react.profiler") : 60114, d = e ? Symbol.for("react.provider") : 60109, E = e ? Symbol.for("react.context") : 60110, j = e ? Symbol.for("react.async_mode") : 60111, O = e ? Symbol.for("react.concurrent_mode") : 60111, x = e ? Symbol.for("react.forward_ref") : 60112, _ = e ? Symbol.for("react.suspense") : 60113, L = e ? Symbol.for("react.suspense_list") : 60120, R = e ? Symbol.for("react.memo") : 60115, T = e ? Symbol.for("react.lazy") : 60116, m = e ? Symbol.for("react.block") : 60121, u = e ? Symbol.for("react.fundamental") : 60117, p = e ? Symbol.for("react.responder") : 60118, t = e ? Symbol.for("react.scope") : 60119;
+var ln;
+function da() {
+  if (ln) return Pe;
+  ln = 1;
+  var e = typeof Symbol == "function" && Symbol.for, n = e ? Symbol.for("react.element") : 60103, r = e ? Symbol.for("react.portal") : 60106, a = e ? Symbol.for("react.fragment") : 60107, h = e ? Symbol.for("react.strict_mode") : 60108, c = e ? Symbol.for("react.profiler") : 60114, d = e ? Symbol.for("react.provider") : 60109, _ = e ? Symbol.for("react.context") : 60110, w = e ? Symbol.for("react.async_mode") : 60111, O = e ? Symbol.for("react.concurrent_mode") : 60111, x = e ? Symbol.for("react.forward_ref") : 60112, E = e ? Symbol.for("react.suspense") : 60113, L = e ? Symbol.for("react.suspense_list") : 60120, R = e ? Symbol.for("react.memo") : 60115, T = e ? Symbol.for("react.lazy") : 60116, m = e ? Symbol.for("react.block") : 60121, u = e ? Symbol.for("react.fundamental") : 60117, p = e ? Symbol.for("react.responder") : 60118, t = e ? Symbol.for("react.scope") : 60119;
   function i(s) {
     if (typeof s == "object" && s !== null) {
       var b = s.$$typeof;
       switch (b) {
         case n:
           switch (s = s.type, s) {
-            case j:
+            case w:
             case O:
             case a:
             case c:
             case h:
-            case _:
+            case E:
               return s;
             default:
               switch (s = s && s.$$typeof, s) {
-                case E:
+                case _:
                 case x:
                 case T:
                 case R:
@@ -2764,10 +2764,10 @@ function ca() {
   function l(s) {
     return i(s) === O;
   }
-  return Pe.AsyncMode = j, Pe.ConcurrentMode = O, Pe.ContextConsumer = E, Pe.ContextProvider = d, Pe.Element = n, Pe.ForwardRef = x, Pe.Fragment = a, Pe.Lazy = T, Pe.Memo = R, Pe.Portal = r, Pe.Profiler = c, Pe.StrictMode = h, Pe.Suspense = _, Pe.isAsyncMode = function(s) {
-    return l(s) || i(s) === j;
+  return Pe.AsyncMode = w, Pe.ConcurrentMode = O, Pe.ContextConsumer = _, Pe.ContextProvider = d, Pe.Element = n, Pe.ForwardRef = x, Pe.Fragment = a, Pe.Lazy = T, Pe.Memo = R, Pe.Portal = r, Pe.Profiler = c, Pe.StrictMode = h, Pe.Suspense = E, Pe.isAsyncMode = function(s) {
+    return l(s) || i(s) === w;
   }, Pe.isConcurrentMode = l, Pe.isContextConsumer = function(s) {
-    return i(s) === E;
+    return i(s) === _;
   }, Pe.isContextProvider = function(s) {
     return i(s) === d;
   }, Pe.isElement = function(s) {
@@ -2787,15 +2787,15 @@ function ca() {
   }, Pe.isStrictMode = function(s) {
     return i(s) === h;
   }, Pe.isSuspense = function(s) {
-    return i(s) === _;
+    return i(s) === E;
   }, Pe.isValidElementType = function(s) {
-    return typeof s == "string" || typeof s == "function" || s === a || s === O || s === c || s === h || s === _ || s === L || typeof s == "object" && s !== null && (s.$$typeof === T || s.$$typeof === R || s.$$typeof === d || s.$$typeof === E || s.$$typeof === x || s.$$typeof === u || s.$$typeof === p || s.$$typeof === t || s.$$typeof === m);
+    return typeof s == "string" || typeof s == "function" || s === a || s === O || s === c || s === h || s === E || s === L || typeof s == "object" && s !== null && (s.$$typeof === T || s.$$typeof === R || s.$$typeof === d || s.$$typeof === _ || s.$$typeof === x || s.$$typeof === u || s.$$typeof === p || s.$$typeof === t || s.$$typeof === m);
   }, Pe.typeOf = i, Pe;
 }
-var Oe = {}, sn;
-function ua() {
-  if (sn) return Oe;
-  sn = 1;
+var Oe = {}, cn;
+function pa() {
+  if (cn) return Oe;
+  cn = 1;
   var e = {};
   /** @license React v16.13.1
    * react-is.development.js
@@ -2806,10 +2806,10 @@ function ua() {
    * LICENSE file in the root directory of this source tree.
    */
   return e.NODE_ENV !== "production" && (function() {
-    var n = typeof Symbol == "function" && Symbol.for, r = n ? Symbol.for("react.element") : 60103, a = n ? Symbol.for("react.portal") : 60106, h = n ? Symbol.for("react.fragment") : 60107, c = n ? Symbol.for("react.strict_mode") : 60108, d = n ? Symbol.for("react.profiler") : 60114, E = n ? Symbol.for("react.provider") : 60109, j = n ? Symbol.for("react.context") : 60110, O = n ? Symbol.for("react.async_mode") : 60111, x = n ? Symbol.for("react.concurrent_mode") : 60111, _ = n ? Symbol.for("react.forward_ref") : 60112, L = n ? Symbol.for("react.suspense") : 60113, R = n ? Symbol.for("react.suspense_list") : 60120, T = n ? Symbol.for("react.memo") : 60115, m = n ? Symbol.for("react.lazy") : 60116, u = n ? Symbol.for("react.block") : 60121, p = n ? Symbol.for("react.fundamental") : 60117, t = n ? Symbol.for("react.responder") : 60118, i = n ? Symbol.for("react.scope") : 60119;
+    var n = typeof Symbol == "function" && Symbol.for, r = n ? Symbol.for("react.element") : 60103, a = n ? Symbol.for("react.portal") : 60106, h = n ? Symbol.for("react.fragment") : 60107, c = n ? Symbol.for("react.strict_mode") : 60108, d = n ? Symbol.for("react.profiler") : 60114, _ = n ? Symbol.for("react.provider") : 60109, w = n ? Symbol.for("react.context") : 60110, O = n ? Symbol.for("react.async_mode") : 60111, x = n ? Symbol.for("react.concurrent_mode") : 60111, E = n ? Symbol.for("react.forward_ref") : 60112, L = n ? Symbol.for("react.suspense") : 60113, R = n ? Symbol.for("react.suspense_list") : 60120, T = n ? Symbol.for("react.memo") : 60115, m = n ? Symbol.for("react.lazy") : 60116, u = n ? Symbol.for("react.block") : 60121, p = n ? Symbol.for("react.fundamental") : 60117, t = n ? Symbol.for("react.responder") : 60118, i = n ? Symbol.for("react.scope") : 60119;
     function l($) {
       return typeof $ == "string" || typeof $ == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
-      $ === h || $ === x || $ === d || $ === c || $ === L || $ === R || typeof $ == "object" && $ !== null && ($.$$typeof === m || $.$$typeof === T || $.$$typeof === E || $.$$typeof === j || $.$$typeof === _ || $.$$typeof === p || $.$$typeof === t || $.$$typeof === i || $.$$typeof === u);
+      $ === h || $ === x || $ === d || $ === c || $ === L || $ === R || typeof $ == "object" && $ !== null && ($.$$typeof === m || $.$$typeof === T || $.$$typeof === _ || $.$$typeof === w || $.$$typeof === E || $.$$typeof === p || $.$$typeof === t || $.$$typeof === i || $.$$typeof === u);
     }
     function s($) {
       if (typeof $ == "object" && $ !== null) {
@@ -2828,11 +2828,11 @@ function ua() {
               default:
                 var ve = De && De.$$typeof;
                 switch (ve) {
-                  case j:
-                  case _:
+                  case w:
+                  case E:
                   case m:
                   case T:
-                  case E:
+                  case _:
                     return ve;
                   default:
                     return he;
@@ -2843,7 +2843,7 @@ function ua() {
         }
       }
     }
-    var b = O, P = x, S = j, D = E, M = r, H = _, q = h, Y = m, J = T, ee = a, G = d, U = c, re = L, ce = !1;
+    var b = O, P = x, S = w, D = _, M = r, H = E, q = h, Y = m, J = T, ee = a, G = d, U = c, re = L, ce = !1;
     function de($) {
       return ce || (ce = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), k($) || s($) === O;
     }
@@ -2851,16 +2851,16 @@ function ua() {
       return s($) === x;
     }
     function A($) {
-      return s($) === j;
+      return s($) === w;
     }
     function ne($) {
-      return s($) === E;
+      return s($) === _;
     }
     function oe($) {
       return typeof $ == "object" && $ !== null && $.$$typeof === r;
     }
     function se($) {
-      return s($) === _;
+      return s($) === E;
     }
     function fe($) {
       return s($) === h;
@@ -2886,22 +2886,22 @@ function ua() {
     Oe.AsyncMode = b, Oe.ConcurrentMode = P, Oe.ContextConsumer = S, Oe.ContextProvider = D, Oe.Element = M, Oe.ForwardRef = H, Oe.Fragment = q, Oe.Lazy = Y, Oe.Memo = J, Oe.Portal = ee, Oe.Profiler = G, Oe.StrictMode = U, Oe.Suspense = re, Oe.isAsyncMode = de, Oe.isConcurrentMode = k, Oe.isContextConsumer = A, Oe.isContextProvider = ne, Oe.isElement = oe, Oe.isForwardRef = se, Oe.isFragment = fe, Oe.isLazy = le, Oe.isMemo = N, Oe.isPortal = B, Oe.isProfiler = Q, Oe.isStrictMode = K, Oe.isSuspense = ie, Oe.isValidElementType = l, Oe.typeOf = s;
   })(), Oe;
 }
-var ln;
-function Hn() {
-  if (ln) return Wt.exports;
-  ln = 1;
+var un;
+function Bn() {
+  if (un) return Bt.exports;
+  un = 1;
   var e = {};
-  return e.NODE_ENV === "production" ? Wt.exports = ca() : Wt.exports = ua(), Wt.exports;
+  return e.NODE_ENV === "production" ? Bt.exports = da() : Bt.exports = pa(), Bt.exports;
 }
 /*
 object-assign
 (c) Sindre Sorhus
 @license MIT
 */
-var cr, cn;
-function da() {
-  if (cn) return cr;
-  cn = 1;
+var cr, dn;
+function fa() {
+  if (dn) return cr;
+  dn = 1;
   var e = Object.getOwnPropertySymbols, n = Object.prototype.hasOwnProperty, r = Object.prototype.propertyIsEnumerable;
   function a(c) {
     if (c == null)
@@ -2915,12 +2915,12 @@ function da() {
       var c = new String("abc");
       if (c[5] = "de", Object.getOwnPropertyNames(c)[0] === "5")
         return !1;
-      for (var d = {}, E = 0; E < 10; E++)
-        d["_" + String.fromCharCode(E)] = E;
-      var j = Object.getOwnPropertyNames(d).map(function(x) {
+      for (var d = {}, _ = 0; _ < 10; _++)
+        d["_" + String.fromCharCode(_)] = _;
+      var w = Object.getOwnPropertyNames(d).map(function(x) {
         return d[x];
       });
-      if (j.join("") !== "0123456789")
+      if (w.join("") !== "0123456789")
         return !1;
       var O = {};
       return "abcdefghijklmnopqrst".split("").forEach(function(x) {
@@ -2931,70 +2931,70 @@ function da() {
     }
   }
   return cr = h() ? Object.assign : function(c, d) {
-    for (var E, j = a(c), O, x = 1; x < arguments.length; x++) {
-      E = Object(arguments[x]);
-      for (var _ in E)
-        n.call(E, _) && (j[_] = E[_]);
+    for (var _, w = a(c), O, x = 1; x < arguments.length; x++) {
+      _ = Object(arguments[x]);
+      for (var E in _)
+        n.call(_, E) && (w[E] = _[E]);
       if (e) {
-        O = e(E);
+        O = e(_);
         for (var L = 0; L < O.length; L++)
-          r.call(E, O[L]) && (j[O[L]] = E[O[L]]);
+          r.call(_, O[L]) && (w[O[L]] = _[O[L]]);
       }
     }
-    return j;
+    return w;
   }, cr;
 }
-var ur, un;
-function Lr() {
-  if (un) return ur;
-  un = 1;
+var ur, pn;
+function Nr() {
+  if (pn) return ur;
+  pn = 1;
   var e = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
   return ur = e, ur;
 }
-var dr, dn;
-function Wn() {
-  return dn || (dn = 1, dr = Function.call.bind(Object.prototype.hasOwnProperty)), dr;
+var dr, fn;
+function Yn() {
+  return fn || (fn = 1, dr = Function.call.bind(Object.prototype.hasOwnProperty)), dr;
 }
-var pr, pn;
-function pa() {
-  if (pn) return pr;
-  pn = 1;
+var pr, hn;
+function ha() {
+  if (hn) return pr;
+  hn = 1;
   var e = {}, n = function() {
   };
   if (e.NODE_ENV !== "production") {
-    var r = /* @__PURE__ */ Lr(), a = {}, h = /* @__PURE__ */ Wn();
+    var r = /* @__PURE__ */ Nr(), a = {}, h = /* @__PURE__ */ Yn();
     n = function(d) {
-      var E = "Warning: " + d;
-      typeof console < "u" && console.error(E);
+      var _ = "Warning: " + d;
+      typeof console < "u" && console.error(_);
       try {
-        throw new Error(E);
+        throw new Error(_);
       } catch {
       }
     };
   }
-  function c(d, E, j, O, x) {
+  function c(d, _, w, O, x) {
     if (e.NODE_ENV !== "production") {
-      for (var _ in d)
-        if (h(d, _)) {
+      for (var E in d)
+        if (h(d, E)) {
           var L;
           try {
-            if (typeof d[_] != "function") {
+            if (typeof d[E] != "function") {
               var R = Error(
-                (O || "React class") + ": " + j + " type `" + _ + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof d[_] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
+                (O || "React class") + ": " + w + " type `" + E + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof d[E] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
               );
               throw R.name = "Invariant Violation", R;
             }
-            L = d[_](E, _, O, j, null, r);
+            L = d[E](_, E, O, w, null, r);
           } catch (m) {
             L = m;
           }
           if (L && !(L instanceof Error) && n(
-            (O || "React class") + ": type specification of " + j + " `" + _ + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof L + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."
+            (O || "React class") + ": type specification of " + w + " `" + E + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof L + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."
           ), L instanceof Error && !(L.message in a)) {
             a[L.message] = !0;
             var T = x ? x() : "";
             n(
-              "Failed " + j + " type: " + L.message + (T ?? "")
+              "Failed " + w + " type: " + L.message + (T ?? "")
             );
           }
         }
@@ -3004,27 +3004,27 @@ function pa() {
     e.NODE_ENV !== "production" && (a = {});
   }, pr = c, pr;
 }
-var fr, fn;
-function fa() {
-  if (fn) return fr;
-  fn = 1;
-  var e = {}, n = Hn(), r = da(), a = /* @__PURE__ */ Lr(), h = /* @__PURE__ */ Wn(), c = /* @__PURE__ */ pa(), d = function() {
+var fr, gn;
+function ga() {
+  if (gn) return fr;
+  gn = 1;
+  var e = {}, n = Bn(), r = fa(), a = /* @__PURE__ */ Nr(), h = /* @__PURE__ */ Yn(), c = /* @__PURE__ */ ha(), d = function() {
   };
-  e.NODE_ENV !== "production" && (d = function(j) {
-    var O = "Warning: " + j;
+  e.NODE_ENV !== "production" && (d = function(w) {
+    var O = "Warning: " + w;
     typeof console < "u" && console.error(O);
     try {
       throw new Error(O);
     } catch {
     }
   });
-  function E() {
+  function _() {
     return null;
   }
-  return fr = function(j, O) {
-    var x = typeof Symbol == "function" && Symbol.iterator, _ = "@@iterator";
+  return fr = function(w, O) {
+    var x = typeof Symbol == "function" && Symbol.iterator, E = "@@iterator";
     function L(k) {
-      var A = k && (x && k[x] || k[_]);
+      var A = k && (x && k[x] || k[E]);
       if (typeof A == "function")
         return A;
     }
@@ -3094,7 +3094,7 @@ function fa() {
       return p(A);
     }
     function i() {
-      return p(E);
+      return p(_);
     }
     function l(k) {
       function A(ne, oe, se, fe, le) {
@@ -3117,7 +3117,7 @@ function fa() {
     function s() {
       function k(A, ne, oe, se, fe) {
         var le = A[ne];
-        if (!j(le)) {
+        if (!w(le)) {
           var N = U(le);
           return new u("Invalid " + se + " `" + fe + "` of type " + ("`" + N + "` supplied to `" + oe + "`, expected a single ReactElement."));
         }
@@ -3150,7 +3150,7 @@ function fa() {
       if (!Array.isArray(k))
         return e.NODE_ENV !== "production" && (arguments.length > 1 ? d(
           "Invalid arguments supplied to oneOf, expected an array, got " + arguments.length + " arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z])."
-        ) : d("Invalid argument supplied to oneOf, expected an array.")), E;
+        ) : d("Invalid argument supplied to oneOf, expected an array.")), _;
       function A(ne, oe, se, fe, le) {
         for (var N = ne[oe], B = 0; B < k.length; B++)
           if (m(N, k[B]))
@@ -3182,13 +3182,13 @@ function fa() {
     }
     function M(k) {
       if (!Array.isArray(k))
-        return e.NODE_ENV !== "production" && d("Invalid argument supplied to oneOfType, expected an instance of array."), E;
+        return e.NODE_ENV !== "production" && d("Invalid argument supplied to oneOfType, expected an instance of array."), _;
       for (var A = 0; A < k.length; A++) {
         var ne = k[A];
         if (typeof ne != "function")
           return d(
             "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + ce(ne) + " at index " + A + "."
-          ), E;
+          ), _;
       }
       function oe(se, fe, le, N, B) {
         for (var Q = [], K = 0; K < k.length; K++) {
@@ -3264,7 +3264,7 @@ Valid keys: ` + JSON.stringify(Object.keys(k), null, "  ")
         case "object":
           if (Array.isArray(k))
             return k.every(ee);
-          if (k === null || j(k))
+          if (k === null || w(k))
             return !0;
           var A = L(k);
           if (A) {
@@ -3325,18 +3325,18 @@ Valid keys: ` + JSON.stringify(Object.keys(k), null, "  ")
     return T.checkPropTypes = c, T.resetWarningCache = c.resetWarningCache, T.PropTypes = T, T;
   }, fr;
 }
-var hr, hn;
-function ha() {
-  if (hn) return hr;
-  hn = 1;
-  var e = /* @__PURE__ */ Lr();
+var hr, mn;
+function ma() {
+  if (mn) return hr;
+  mn = 1;
+  var e = /* @__PURE__ */ Nr();
   function n() {
   }
   function r() {
   }
   return r.resetWarningCache = n, hr = function() {
-    function a(d, E, j, O, x, _) {
-      if (_ !== e) {
+    function a(d, _, w, O, x, E) {
+      if (E !== e) {
         var L = new Error(
           "Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types"
         );
@@ -3373,46 +3373,46 @@ function ha() {
     return c.PropTypes = c, c;
   }, hr;
 }
-var gn;
-function at() {
-  if (gn) return Ht.exports;
-  gn = 1;
+var yn;
+function it() {
+  if (yn) return Wt.exports;
+  yn = 1;
   var e = {};
   if (e.NODE_ENV !== "production") {
-    var n = Hn(), r = !0;
-    Ht.exports = /* @__PURE__ */ fa()(n.isElement, r);
+    var n = Bn(), r = !0;
+    Wt.exports = /* @__PURE__ */ ga()(n.isElement, r);
   } else
-    Ht.exports = /* @__PURE__ */ ha()();
-  return Ht.exports;
+    Wt.exports = /* @__PURE__ */ ma()();
+  return Wt.exports;
 }
-var Ot = { exports: {} }, gr, mn;
-function ga() {
-  if (mn) return gr;
-  mn = 1;
-  var e = {}, n = Object.create, r = Object.defineProperty, a = Object.getOwnPropertyDescriptor, h = Object.getOwnPropertyNames, c = Object.getPrototypeOf, d = Object.prototype.hasOwnProperty, E = (f, w) => {
-    for (var z in w)
-      r(f, z, { get: w[z], enumerable: !0 });
-  }, j = (f, w, z, W) => {
-    if (w && typeof w == "object" || typeof w == "function")
-      for (let V of h(w))
-        !d.call(f, V) && V !== z && r(f, V, { get: () => w[V], enumerable: !(W = a(w, V)) || W.enumerable });
+var Ot = { exports: {} }, gr, vn;
+function ya() {
+  if (vn) return gr;
+  vn = 1;
+  var e = {}, n = Object.create, r = Object.defineProperty, a = Object.getOwnPropertyDescriptor, h = Object.getOwnPropertyNames, c = Object.getPrototypeOf, d = Object.prototype.hasOwnProperty, _ = (f, j) => {
+    for (var z in j)
+      r(f, z, { get: j[z], enumerable: !0 });
+  }, w = (f, j, z, W) => {
+    if (j && typeof j == "object" || typeof j == "function")
+      for (let V of h(j))
+        !d.call(f, V) && V !== z && r(f, V, { get: () => j[V], enumerable: !(W = a(j, V)) || W.enumerable });
     return f;
-  }, O = (f, w, z) => (z = f != null ? n(c(f)) : {}, j(
+  }, O = (f, j, z) => (z = f != null ? n(c(f)) : {}, w(
     // If the importer is in node compatibility mode or this is not an ESM
     // file that has been converted to a CommonJS file using a Babel-
     // compatible transform (i.e. "__esModule" has not been set), then set
     // "default" to the CommonJS "module.exports" for node compatibility.
     !f || !f.__esModule ? r(z, "default", { value: f, enumerable: !0 }) : z,
     f
-  )), x = (f) => j(r({}, "__esModule", { value: !0 }), f), _ = {};
-  E(_, {
+  )), x = (f) => w(r({}, "__esModule", { value: !0 }), f), E = {};
+  _(E, {
     DraggableCore: () => ge,
     default: () => Se
-  }), gr = x(_);
-  var L = O(Ne), R = O(/* @__PURE__ */ at()), T = O(vr), m = Zt();
-  function u(f, w) {
+  }), gr = x(E);
+  var L = O(Ne), R = O(/* @__PURE__ */ it()), T = O(br), m = Zt();
+  function u(f, j) {
     for (let z = 0, W = f.length; z < W; z++)
-      if (w.apply(w, [f[z], z, f])) return f[z];
+      if (j.apply(j, [f[z], z, f])) return f[z];
   }
   function p(f) {
     return typeof f == "function" || Object.prototype.toString.call(f) === "[object Function]";
@@ -3423,31 +3423,31 @@ function ga() {
   function i(f) {
     return parseInt(f, 10);
   }
-  function l(f, w, z) {
-    if (f[w])
-      return new Error(`Invalid prop ${w} passed to ${z} - do not set this, set it on the child.`);
+  function l(f, j, z) {
+    if (f[j])
+      return new Error(`Invalid prop ${j} passed to ${z} - do not set this, set it on the child.`);
   }
   var s = ["Moz", "Webkit", "O", "ms"];
   function b(f = "transform") {
-    var w, z;
+    var j, z;
     if (typeof window > "u") return "";
-    const W = (z = (w = window.document) == null ? void 0 : w.documentElement) == null ? void 0 : z.style;
+    const W = (z = (j = window.document) == null ? void 0 : j.documentElement) == null ? void 0 : z.style;
     if (!W || f in W) return "";
     for (let V = 0; V < s.length; V++)
       if (P(f, s[V]) in W) return s[V];
     return "";
   }
-  function P(f, w) {
-    return w ? `${w}${S(f)}` : f;
+  function P(f, j) {
+    return j ? `${j}${S(f)}` : f;
   }
   function S(f) {
-    let w = "", z = !0;
+    let j = "", z = !0;
     for (let W = 0; W < f.length; W++)
-      z ? (w += f[W].toUpperCase(), z = !1) : f[W] === "-" ? z = !0 : w += f[W];
-    return w;
+      z ? (j += f[W].toUpperCase(), z = !1) : f[W] === "-" ? z = !0 : j += f[W];
+    return j;
   }
   var D = b(), M = "";
-  function H(f, w) {
+  function H(f, j) {
     var z;
     M || (M = (z = u([
       "matches",
@@ -3459,68 +3459,68 @@ function ga() {
       return p(f[V]);
     })) != null ? z : "");
     const W = f[M];
-    return p(W) ? !!W.call(f, w) : !1;
+    return p(W) ? !!W.call(f, j) : !1;
   }
-  function q(f, w, z) {
+  function q(f, j, z) {
     let W = f;
     do {
-      if (H(W, w)) return !0;
+      if (H(W, j)) return !0;
       if (W === z) return !1;
       W = W.parentNode;
     } while (W);
     return !1;
   }
-  function Y(f, w, z, W) {
+  function Y(f, j, z, W) {
     if (!f) return;
     const V = { capture: !0, ...W }, je = z;
-    f.addEventListener ? f.addEventListener(w, je, V) : f.attachEvent ? f.attachEvent("on" + w, je) : f["on" + w] = je;
+    f.addEventListener ? f.addEventListener(j, je, V) : f.attachEvent ? f.attachEvent("on" + j, je) : f["on" + j] = je;
   }
-  function J(f, w, z, W) {
+  function J(f, j, z, W) {
     if (!f) return;
     const V = { capture: !0, ...W }, je = z;
-    f.removeEventListener ? f.removeEventListener(w, je, V) : f.detachEvent ? f.detachEvent("on" + w, je) : f["on" + w] = null;
+    f.removeEventListener ? f.removeEventListener(j, je, V) : f.detachEvent ? f.detachEvent("on" + j, je) : f["on" + j] = null;
   }
   function ee(f) {
-    let w = f.clientHeight;
+    let j = f.clientHeight;
     const z = f.ownerDocument.defaultView.getComputedStyle(f);
-    return w += i(z.borderTopWidth), w += i(z.borderBottomWidth), w;
+    return j += i(z.borderTopWidth), j += i(z.borderBottomWidth), j;
   }
   function G(f) {
-    let w = f.clientWidth;
+    let j = f.clientWidth;
     const z = f.ownerDocument.defaultView.getComputedStyle(f);
-    return w += i(z.borderLeftWidth), w += i(z.borderRightWidth), w;
+    return j += i(z.borderLeftWidth), j += i(z.borderRightWidth), j;
   }
   function U(f) {
-    let w = f.clientHeight;
+    let j = f.clientHeight;
     const z = f.ownerDocument.defaultView.getComputedStyle(f);
-    return w -= i(z.paddingTop), w -= i(z.paddingBottom), w;
+    return j -= i(z.paddingTop), j -= i(z.paddingBottom), j;
   }
   function re(f) {
-    let w = f.clientWidth;
+    let j = f.clientWidth;
     const z = f.ownerDocument.defaultView.getComputedStyle(f);
-    return w -= i(z.paddingLeft), w -= i(z.paddingRight), w;
+    return j -= i(z.paddingLeft), j -= i(z.paddingRight), j;
   }
-  function ce(f, w, z) {
-    const V = w === w.ownerDocument.body ? { left: 0, top: 0 } : w.getBoundingClientRect(), je = (f.clientX + w.scrollLeft - V.left) / z, me = (f.clientY + w.scrollTop - V.top) / z;
+  function ce(f, j, z) {
+    const V = j === j.ownerDocument.body ? { left: 0, top: 0 } : j.getBoundingClientRect(), je = (f.clientX + j.scrollLeft - V.left) / z, me = (f.clientY + j.scrollTop - V.top) / z;
     return { x: je, y: me };
   }
-  function de(f, w) {
-    const z = A(f, w, "px");
+  function de(f, j) {
+    const z = A(f, j, "px");
     return { [P("transform", D)]: z };
   }
-  function k(f, w) {
-    return A(f, w, "");
+  function k(f, j) {
+    return A(f, j, "");
   }
-  function A({ x: f, y: w }, z, W) {
-    let V = `translate(${f}${W},${w}${W})`;
+  function A({ x: f, y: j }, z, W) {
+    let V = `translate(${f}${W},${j}${W})`;
     if (z) {
       const je = `${typeof z.x == "string" ? z.x : z.x + W}`, me = `${typeof z.y == "string" ? z.y : z.y + W}`;
       V = `translate(${je}, ${me})` + V;
     }
     return V;
   }
-  function ne(f, w) {
-    return f.targetTouches && u(f.targetTouches, (z) => w === z.identifier) || f.changedTouches && u(f.changedTouches, (z) => w === z.identifier);
+  function ne(f, j) {
+    return f.targetTouches && u(f.targetTouches, (z) => j === z.identifier) || f.changedTouches && u(f.changedTouches, (z) => j === z.identifier);
   }
   function oe(f) {
     if (f.targetTouches && f.targetTouches[0]) return f.targetTouches[0].identifier;
@@ -3528,10 +3528,10 @@ function ga() {
   }
   function se(f) {
     if (!f) return;
-    let w = f.getElementById("react-draggable-style-el");
-    w || (w = f.createElement("style"), w.type = "text/css", w.id = "react-draggable-style-el", w.innerHTML = `.react-draggable-transparent-selection *::-moz-selection {all: inherit;}
-`, w.innerHTML += `.react-draggable-transparent-selection *::selection {all: inherit;}
-`, f.getElementsByTagName("head")[0].appendChild(w)), f.body && N(f.body, "react-draggable-transparent-selection");
+    let j = f.getElementById("react-draggable-style-el");
+    j || (j = f.createElement("style"), j.type = "text/css", j.id = "react-draggable-style-el", j.innerHTML = `.react-draggable-transparent-selection *::-moz-selection {all: inherit;}
+`, j.innerHTML += `.react-draggable-transparent-selection *::selection {all: inherit;}
+`, f.getElementsByTagName("head")[0].appendChild(j)), f.body && N(f.body, "react-draggable-transparent-selection");
   }
   function fe(f) {
     window.requestAnimationFrame ? window.requestAnimationFrame(() => {
@@ -3542,9 +3542,9 @@ function ga() {
     if (f)
       try {
         f.body && B(f.body, "react-draggable-transparent-selection");
-        const w = f.selection;
-        if (w)
-          w.empty();
+        const j = f.selection;
+        if (j)
+          j.empty();
         else {
           const z = (f.defaultView || window).getSelection();
           z && z.type !== "Caret" && z.removeAllRanges();
@@ -3552,14 +3552,14 @@ function ga() {
       } catch {
       }
   }
-  function N(f, w) {
-    f.classList ? f.classList.add(w) : f.className.match(new RegExp(`(?:^|\\s)${w}(?!\\S)`)) || (f.className += ` ${w}`);
+  function N(f, j) {
+    f.classList ? f.classList.add(j) : f.className.match(new RegExp(`(?:^|\\s)${j}(?!\\S)`)) || (f.className += ` ${j}`);
   }
-  function B(f, w) {
-    f.classList ? f.classList.remove(w) : f.className = f.className.replace(new RegExp(`(?:^|\\s)${w}(?!\\S)`, "g"), "");
+  function B(f, j) {
+    f.classList ? f.classList.remove(j) : f.className = f.className.replace(new RegExp(`(?:^|\\s)${j}(?!\\S)`, "g"), "");
   }
-  function Q(f, w, z) {
-    if (!f.props.bounds) return [w, z];
+  function Q(f, j, z) {
+    if (!f.props.bounds) return [j, z];
     let { bounds: W } = f.props;
     W = typeof W == "string" ? W : ke(W);
     const V = y(f);
@@ -3578,10 +3578,10 @@ function ga() {
         bottom: U(Te) - ee(V) - V.offsetTop + i(nt.paddingBottom) - i(Qe.marginBottom)
       };
     }
-    return t(W.right) && (w = Math.min(w, W.right)), t(W.bottom) && (z = Math.min(z, W.bottom)), t(W.left) && (w = Math.max(w, W.left)), t(W.top) && (z = Math.max(z, W.top)), [w, z];
+    return t(W.right) && (j = Math.min(j, W.right)), t(W.bottom) && (z = Math.min(z, W.bottom)), t(W.left) && (j = Math.max(j, W.left)), t(W.top) && (z = Math.max(z, W.top)), [j, z];
   }
-  function K(f, w, z) {
-    const W = Math.round(w / f[0]) * f[0], V = Math.round(z / f[1]) * f[1];
+  function K(f, j, z) {
+    const W = Math.round(j / f[0]) * f[0], V = Math.round(z / f[1]) * f[1];
     return [W, V];
   }
   function ie(f) {
@@ -3590,40 +3590,40 @@ function ga() {
   function $(f) {
     return f.props.axis === "both" || f.props.axis === "y";
   }
-  function he(f, w, z) {
-    const W = typeof w == "number" ? ne(f, w) : null;
-    if (typeof w == "number" && !W) return null;
+  function he(f, j, z) {
+    const W = typeof j == "number" ? ne(f, j) : null;
+    if (typeof j == "number" && !W) return null;
     const V = y(z), je = z.props.offsetParent || V.offsetParent || V.ownerDocument.body;
     return ce(W || f, je, z.props.scale);
   }
-  function De(f, w, z) {
+  function De(f, j, z) {
     const W = !t(f.lastX), V = y(f);
     return W ? {
       node: V,
       deltaX: 0,
       deltaY: 0,
-      lastX: w,
+      lastX: j,
       lastY: z,
-      x: w,
+      x: j,
       y: z
     } : {
       node: V,
-      deltaX: w - f.lastX,
+      deltaX: j - f.lastX,
       deltaY: z - f.lastY,
       lastX: f.lastX,
       lastY: f.lastY,
-      x: w,
+      x: j,
       y: z
     };
   }
-  function ve(f, w) {
+  function ve(f, j) {
     const z = f.props.scale;
     return {
-      node: w.node,
-      x: f.state.x + w.deltaX / z,
-      y: f.state.y + w.deltaY / z,
-      deltaX: w.deltaX / z,
-      deltaY: w.deltaY / z,
+      node: j.node,
+      x: f.state.x + j.deltaX / z,
+      y: f.state.y + j.deltaY / z,
+      deltaX: j.deltaX / z,
+      deltaY: j.deltaY / z,
       lastX: f.state.x,
       lastY: f.state.y
     };
@@ -3637,12 +3637,12 @@ function ga() {
     };
   }
   function y(f) {
-    const w = f.findDOMNode();
-    if (!w)
+    const j = f.findDOMNode();
+    if (!j)
       throw new Error("<DraggableCore>: Unmounted during event!");
-    return w;
+    return j;
   }
-  var v = O(Ne), C = O(/* @__PURE__ */ at()), I = O(vr);
+  var v = O(Ne), C = O(/* @__PURE__ */ it()), I = O(br);
   function te(...f) {
     e.DRAGGABLE_DEBUG && console.log(...f);
   }
@@ -3661,11 +3661,11 @@ function ga() {
     constructor() {
       super(...arguments), this.dragging = !1, this.lastX = NaN, this.lastY = NaN, this.touchIdentifier = null, this.mounted = !1, this.handleDragStart = (f) => {
         if (this.props.onMouseDown(f), !this.props.allowAnyClick && (typeof f.button == "number" && f.button !== 0 || f.ctrlKey)) return !1;
-        const w = this.findDOMNode();
-        if (!w || !w.ownerDocument || !w.ownerDocument.body)
+        const j = this.findDOMNode();
+        if (!j || !j.ownerDocument || !j.ownerDocument.body)
           throw new Error("<DraggableCore> not mounted on DragStart!");
-        const { ownerDocument: z } = w;
-        if (this.props.disabled || !(f.target instanceof z.defaultView.Node) || this.props.handle && !q(f.target, this.props.handle, w) || this.props.cancel && q(f.target, this.props.cancel, w))
+        const { ownerDocument: z } = j;
+        if (this.props.disabled || !(f.target instanceof z.defaultView.Node) || this.props.handle && !q(f.target, this.props.handle, j) || this.props.cancel && q(f.target, this.props.cancel, j))
           return;
         f.type === "touchstart" && !this.props.allowMobileScroll && f.preventDefault();
         const W = oe(f);
@@ -3675,9 +3675,9 @@ function ga() {
         const { x: je, y: me } = V, _e = De(this, je, me);
         te("DraggableCore: handleDragStart: %j", _e), te("calling", this.props.onStart), !(this.props.onStart(f, _e) === !1 || this.mounted === !1) && (this.props.enableUserSelectHack && se(z), this.dragging = !0, this.lastX = je, this.lastY = me, Y(z, ae.move, this.handleDrag), Y(z, ae.stop, this.handleDragStop));
       }, this.handleDrag = (f) => {
-        const w = he(f, this.touchIdentifier, this);
-        if (w == null) return;
-        let { x: z, y: W } = w;
+        const j = he(f, this.touchIdentifier, this);
+        if (j == null) return;
+        let { x: z, y: W } = j;
         if (Array.isArray(this.props.grid)) {
           let me = z - this.lastX, _e = W - this.lastY;
           if ([me, _e] = K(this.props.grid, me, _e), !me && !_e) return;
@@ -3696,9 +3696,9 @@ function ga() {
         this.lastX = z, this.lastY = W;
       }, this.handleDragStop = (f) => {
         if (!this.dragging) return;
-        const w = he(f, this.touchIdentifier, this);
-        if (w == null) return;
-        let { x: z, y: W } = w;
+        const j = he(f, this.touchIdentifier, this);
+        if (j == null) return;
+        let { x: z, y: W } = j;
         if (Array.isArray(this.props.grid)) {
           let _e = z - this.lastX || 0, Te = W - this.lastY || 0;
           [_e, Te] = K(this.props.grid, _e, Te), z = this.lastX + _e, W = this.lastY + Te;
@@ -3718,8 +3718,8 @@ function ga() {
       this.mounted = !1;
       const f = this.findDOMNode();
       if (f) {
-        const { ownerDocument: w } = f;
-        J(w, X.mouse.move, this.handleDrag), J(w, X.touch.move, this.handleDrag), J(w, X.mouse.stop, this.handleDragStop), J(w, X.touch.stop, this.handleDragStop), J(f, X.touch.start, this.onTouchStart, { passive: !1 }), this.props.enableUserSelectHack && fe(w);
+        const { ownerDocument: j } = f;
+        J(j, X.mouse.move, this.handleDrag), J(j, X.touch.move, this.handleDrag), J(j, X.mouse.stop, this.handleDragStop), J(j, X.touch.stop, this.handleDragStop), J(f, X.touch.start, this.onTouchStart, { passive: !1 }), this.props.enableUserSelectHack && fe(j);
       }
     }
     // React 19 removed ReactDOM.findDOMNode, so nodeRef is now required.
@@ -3728,8 +3728,8 @@ function ga() {
       var f;
       if ((f = this.props) != null && f.nodeRef)
         return this.props.nodeRef.current;
-      const w = I.default;
-      return typeof w.findDOMNode == "function" ? w.findDOMNode(this) : (te(
+      const j = I.default;
+      return typeof j.findDOMNode == "function" ? j.findDOMNode(this) : (te(
         "react-draggable: ReactDOM.findDOMNode is not available in React 19+. You must provide a nodeRef prop. See: https://github.com/react-grid-layout/react-draggable#noderef"
       ), null);
     }
@@ -3778,8 +3778,8 @@ function ga() {
      * `offsetParent`, if set, uses the passed DOM node to compute drag offsets
      * instead of using the parent node.
      */
-    offsetParent: function(f, w) {
-      if (f[w] && f[w].nodeType !== 1)
+    offsetParent: function(f, j) {
+      if (f[j] && f[j].nodeType !== 1)
         throw new Error("Draggable's offsetParent must be a DOM Node.");
     },
     /**
@@ -3894,10 +3894,10 @@ function ga() {
   };
   var Se = class extends L.Component {
     constructor(f) {
-      super(f), this.onDragStart = (w, z) => {
-        if (te("Draggable: onDragStart: %j", z), this.props.onStart(w, ve(this, z)) === !1) return !1;
+      super(f), this.onDragStart = (j, z) => {
+        if (te("Draggable: onDragStart: %j", z), this.props.onStart(j, ve(this, z)) === !1) return !1;
         this.setState({ dragging: !0, dragged: !0 });
-      }, this.onDrag = (w, z) => {
+      }, this.onDrag = (j, z) => {
         if (!this.state.dragging) return !1;
         te("Draggable: onDrag: %j", z);
         const W = ve(this, z), V = {
@@ -3912,10 +3912,10 @@ function ga() {
           const [Te, Qe] = Q(this, V.x, V.y);
           V.x = Te, V.y = Qe, V.slackX = this.state.slackX + (me - V.x), V.slackY = this.state.slackY + (_e - V.y), W.x = V.x, W.y = V.y, W.deltaX = V.x - this.state.x, W.deltaY = V.y - this.state.y;
         }
-        if (this.props.onDrag(w, W) === !1) return !1;
+        if (this.props.onDrag(j, W) === !1) return !1;
         this.setState(V);
-      }, this.onDragStop = (w, z) => {
-        if (!this.state.dragging || this.props.onStop(w, ve(this, z)) === !1) return !1;
+      }, this.onDragStop = (j, z) => {
+        if (!this.state.dragging || this.props.onStop(j, ve(this, z)) === !1) return !1;
         te("Draggable: onDragStop: %j", z);
         const V = {
           dragging: !1,
@@ -3945,8 +3945,8 @@ function ga() {
     }
     // React 16.3+
     // Arity (props, state)
-    static getDerivedStateFromProps({ position: f }, { prevPropsPosition: w }) {
-      return f && (!w || f.x !== w.x || f.y !== w.y) ? (te("Draggable: getDerivedStateFromProps %j", { position: f, prevPropsPosition: w }), {
+    static getDerivedStateFromProps({ position: f }, { prevPropsPosition: j }) {
+      return f && (!j || f.x !== j.x || f.y !== j.y) ? (te("Draggable: getDerivedStateFromProps %j", { position: f, prevPropsPosition: j }), {
         x: f.x,
         y: f.y,
         prevPropsPosition: { ...f }
@@ -3964,13 +3964,13 @@ function ga() {
       var f;
       if ((f = this.props) != null && f.nodeRef)
         return this.props.nodeRef.current;
-      const w = T.default;
-      return typeof w.findDOMNode == "function" ? w.findDOMNode(this) : null;
+      const j = T.default;
+      return typeof j.findDOMNode == "function" ? j.findDOMNode(this) : null;
     }
     render() {
       const {
         axis: f,
-        bounds: w,
+        bounds: j,
         children: z,
         defaultPosition: W,
         defaultClassName: V,
@@ -3981,22 +3981,22 @@ function ga() {
         scale: Qe,
         ...nt
       } = this.props;
-      let St = {}, ut = null;
-      const Ze = !!!_e || this.state.dragging, dt = _e || W, pt = {
+      let St = {}, dt = null;
+      const Ze = !!!_e || this.state.dragging, pt = _e || W, ft = {
         // Set left if horizontal drag is enabled
-        x: ie(this) && Ze ? this.state.x : dt.x,
+        x: ie(this) && Ze ? this.state.x : pt.x,
         // Set top if vertical drag is enabled
-        y: $(this) && Ze ? this.state.y : dt.y
+        y: $(this) && Ze ? this.state.y : pt.y
       };
-      this.state.isElementSVG ? ut = k(pt, Te) : St = de(pt, Te);
-      const ft = L.Children.only(z), rr = (0, m.clsx)(ft.props.className || "", V, {
+      this.state.isElementSVG ? dt = k(ft, Te) : St = de(ft, Te);
+      const ht = L.Children.only(z), rr = (0, m.clsx)(ht.props.className || "", V, {
         [je]: this.state.dragging,
         [me]: this.state.dragged
       });
-      return /* @__PURE__ */ L.createElement(ge, { ...nt, onStart: this.onDragStart, onDrag: this.onDrag, onStop: this.onDragStop }, L.cloneElement(ft, {
+      return /* @__PURE__ */ L.createElement(ge, { ...nt, onStart: this.onDragStart, onDrag: this.onDrag, onStop: this.onDragStop }, L.cloneElement(ht, {
         className: rr,
-        style: { ...ft.props.style, ...St },
-        transform: ut
+        style: { ...ht.props.style, ...St },
+        transform: dt
       }));
     }
   };
@@ -4122,70 +4122,70 @@ function ga() {
     scale: 1
   }, gr;
 }
-var yn;
-function Nr() {
-  if (yn) return Ot.exports;
-  yn = 1;
-  const e = ga(), n = e.DraggableCore, r = e.default || e;
+var bn;
+function Ar() {
+  if (bn) return Ot.exports;
+  bn = 1;
+  const e = ya(), n = e.DraggableCore, r = e.default || e;
   return Ot.exports = r, Ot.exports.default = r, Ot.exports.DraggableCore = n, Ot.exports;
 }
-var Rt = { exports: {} }, _t = {}, Bt = {}, vn;
-function ma() {
-  if (vn) return Bt;
-  vn = 1, Bt.__esModule = !0, Bt.cloneElement = E;
+var Rt = { exports: {} }, _t = {}, Yt = {}, xn;
+function va() {
+  if (xn) return Yt;
+  xn = 1, Yt.__esModule = !0, Yt.cloneElement = _;
   var e = n(Ne);
-  function n(j) {
-    return j && j.__esModule ? j : { default: j };
+  function n(w) {
+    return w && w.__esModule ? w : { default: w };
   }
-  function r(j, O) {
-    var x = Object.keys(j);
+  function r(w, O) {
+    var x = Object.keys(w);
     if (Object.getOwnPropertySymbols) {
-      var _ = Object.getOwnPropertySymbols(j);
-      O && (_ = _.filter(function(L) {
-        return Object.getOwnPropertyDescriptor(j, L).enumerable;
-      })), x.push.apply(x, _);
+      var E = Object.getOwnPropertySymbols(w);
+      O && (E = E.filter(function(L) {
+        return Object.getOwnPropertyDescriptor(w, L).enumerable;
+      })), x.push.apply(x, E);
     }
     return x;
   }
-  function a(j) {
+  function a(w) {
     for (var O = 1; O < arguments.length; O++) {
       var x = arguments[O] != null ? arguments[O] : {};
-      O % 2 ? r(Object(x), !0).forEach(function(_) {
-        h(j, _, x[_]);
-      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(j, Object.getOwnPropertyDescriptors(x)) : r(Object(x)).forEach(function(_) {
-        Object.defineProperty(j, _, Object.getOwnPropertyDescriptor(x, _));
+      O % 2 ? r(Object(x), !0).forEach(function(E) {
+        h(w, E, x[E]);
+      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(w, Object.getOwnPropertyDescriptors(x)) : r(Object(x)).forEach(function(E) {
+        Object.defineProperty(w, E, Object.getOwnPropertyDescriptor(x, E));
       });
     }
-    return j;
+    return w;
   }
-  function h(j, O, x) {
-    return (O = c(O)) in j ? Object.defineProperty(j, O, { value: x, enumerable: !0, configurable: !0, writable: !0 }) : j[O] = x, j;
+  function h(w, O, x) {
+    return (O = c(O)) in w ? Object.defineProperty(w, O, { value: x, enumerable: !0, configurable: !0, writable: !0 }) : w[O] = x, w;
   }
-  function c(j) {
-    var O = d(j, "string");
+  function c(w) {
+    var O = d(w, "string");
     return typeof O == "symbol" ? O : O + "";
   }
-  function d(j, O) {
-    if (typeof j != "object" || !j) return j;
-    var x = j[Symbol.toPrimitive];
+  function d(w, O) {
+    if (typeof w != "object" || !w) return w;
+    var x = w[Symbol.toPrimitive];
     if (x !== void 0) {
-      var _ = x.call(j, O);
-      if (typeof _ != "object") return _;
+      var E = x.call(w, O);
+      if (typeof E != "object") return E;
       throw new TypeError("@@toPrimitive must return a primitive value.");
     }
-    return (O === "string" ? String : Number)(j);
+    return (O === "string" ? String : Number)(w);
   }
-  function E(j, O) {
-    return O.style && j.props.style && (O.style = a(a({}, j.props.style), O.style)), O.className && j.props.className && (O.className = j.props.className + " " + O.className), /* @__PURE__ */ e.default.cloneElement(j, O);
+  function _(w, O) {
+    return O.style && w.props.style && (O.style = a(a({}, w.props.style), O.style)), O.className && w.props.className && (O.className = w.props.className + " " + O.className), /* @__PURE__ */ e.default.cloneElement(w, O);
   }
-  return Bt;
+  return Yt;
 }
-var Et = {}, bn;
-function Bn() {
-  if (bn) return Et;
-  bn = 1, Et.__esModule = !0, Et.resizableProps = void 0;
-  var e = n(/* @__PURE__ */ at());
-  Nr();
+var Et = {}, Sn;
+function Vn() {
+  if (Sn) return Et;
+  Sn = 1, Et.__esModule = !0, Et.resizableProps = void 0;
+  var e = n(/* @__PURE__ */ it());
+  Ar();
   function n(r) {
     return r && r.__esModule ? r : { default: r };
   }
@@ -4288,11 +4288,11 @@ function Bn() {
     }
   }, Et;
 }
-var xn;
-function Yn() {
-  if (xn) return _t;
-  xn = 1, _t.__esModule = !0, _t.default = void 0;
-  var e = c(Ne), n = Nr(), r = ma(), a = Bn();
+var wn;
+function Un() {
+  if (wn) return _t;
+  wn = 1, _t.__esModule = !0, _t.default = void 0;
+  var e = c(Ne), n = Ar(), r = va(), a = Vn();
   const h = ["children", "className", "draggableOpts", "width", "height", "handle", "handleSize", "lockAspectRatio", "axis", "minConstraints", "maxConstraints", "onResize", "onResizeStop", "onResizeStart", "resizeHandles", "transformScale"];
   function c(T, m) {
     if (typeof WeakMap == "function") var u = /* @__PURE__ */ new WeakMap(), p = /* @__PURE__ */ new WeakMap();
@@ -4317,7 +4317,7 @@ function Yn() {
       return T;
     }, d.apply(null, arguments);
   }
-  function E(T, m) {
+  function _(T, m) {
     if (T == null) return {};
     var u = {};
     for (var p in T) if ({}.hasOwnProperty.call(T, p)) {
@@ -4326,7 +4326,7 @@ function Yn() {
     }
     return u;
   }
-  function j(T, m) {
+  function w(T, m) {
     var u = Object.keys(T);
     if (Object.getOwnPropertySymbols) {
       var p = Object.getOwnPropertySymbols(T);
@@ -4339,18 +4339,18 @@ function Yn() {
   function O(T) {
     for (var m = 1; m < arguments.length; m++) {
       var u = arguments[m] != null ? arguments[m] : {};
-      m % 2 ? j(Object(u), !0).forEach(function(p) {
+      m % 2 ? w(Object(u), !0).forEach(function(p) {
         x(T, p, u[p]);
-      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(T, Object.getOwnPropertyDescriptors(u)) : j(Object(u)).forEach(function(p) {
+      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(T, Object.getOwnPropertyDescriptors(u)) : w(Object(u)).forEach(function(p) {
         Object.defineProperty(T, p, Object.getOwnPropertyDescriptor(u, p));
       });
     }
     return T;
   }
   function x(T, m, u) {
-    return (m = _(m)) in T ? Object.defineProperty(T, m, { value: u, enumerable: !0, configurable: !0, writable: !0 }) : T[m] = u, T;
+    return (m = E(m)) in T ? Object.defineProperty(T, m, { value: u, enumerable: !0, configurable: !0, writable: !0 }) : T[m] = u, T;
   }
-  function _(T) {
+  function E(T) {
     var m = L(T, "string");
     return typeof m == "symbol" ? m : m + "";
   }
@@ -4457,7 +4457,7 @@ function Yn() {
       m.width, m.height, m.handle, m.handleSize, m.lockAspectRatio, m.axis, m.minConstraints, m.maxConstraints, m.onResize, m.onResizeStop, m.onResizeStart;
       const i = m.resizeHandles;
       m.transformScale;
-      const l = E(m, h);
+      const l = _(m, h);
       return (0, r.cloneElement)(u, O(O({}, l), {}, {
         className: (p ? p + " " : "") + "react-resizable",
         children: [...e.Children.toArray(u.props.children), ...i.map((s) => {
@@ -4484,11 +4484,11 @@ function Yn() {
     transformScale: 1
   }, _t;
 }
-var Dt = {}, Sn;
-function ya() {
-  if (Sn) return Dt;
-  Sn = 1, Dt.__esModule = !0, Dt.default = void 0;
-  var e = d(Ne), n = c(/* @__PURE__ */ at()), r = c(Yn()), a = Bn();
+var Dt = {}, jn;
+function ba() {
+  if (jn) return Dt;
+  jn = 1, Dt.__esModule = !0, Dt.default = void 0;
+  var e = d(Ne), n = c(/* @__PURE__ */ it()), r = c(Un()), a = Vn();
   const h = ["handle", "handleSize", "onResize", "onResizeStart", "onResizeStop", "draggableOpts", "minConstraints", "maxConstraints", "lockAspectRatio", "axis", "width", "height", "resizeHandles", "style", "transformScale"];
   function c(m) {
     return m && m.__esModule ? m : { default: m };
@@ -4507,16 +4507,16 @@ function ya() {
       return P;
     })(m, u);
   }
-  function E() {
-    return E = Object.assign ? Object.assign.bind() : function(m) {
+  function _() {
+    return _ = Object.assign ? Object.assign.bind() : function(m) {
       for (var u = 1; u < arguments.length; u++) {
         var p = arguments[u];
         for (var t in p) ({}).hasOwnProperty.call(p, t) && (m[t] = p[t]);
       }
       return m;
-    }, E.apply(null, arguments);
+    }, _.apply(null, arguments);
   }
-  function j(m, u) {
+  function w(m, u) {
     var p = Object.keys(m);
     if (Object.getOwnPropertySymbols) {
       var t = Object.getOwnPropertySymbols(m);
@@ -4529,18 +4529,18 @@ function ya() {
   function O(m) {
     for (var u = 1; u < arguments.length; u++) {
       var p = arguments[u] != null ? arguments[u] : {};
-      u % 2 ? j(Object(p), !0).forEach(function(t) {
+      u % 2 ? w(Object(p), !0).forEach(function(t) {
         x(m, t, p[t]);
-      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(m, Object.getOwnPropertyDescriptors(p)) : j(Object(p)).forEach(function(t) {
+      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(m, Object.getOwnPropertyDescriptors(p)) : w(Object(p)).forEach(function(t) {
         Object.defineProperty(m, t, Object.getOwnPropertyDescriptor(p, t));
       });
     }
     return m;
   }
   function x(m, u, p) {
-    return (u = _(u)) in m ? Object.defineProperty(m, u, { value: p, enumerable: !0, configurable: !0, writable: !0 }) : m[u] = p, m;
+    return (u = E(u)) in m ? Object.defineProperty(m, u, { value: p, enumerable: !0, configurable: !0, writable: !0 }) : m[u] = p, m;
   }
-  function _(m) {
+  function E(m) {
     var u = L(m, "string");
     return typeof u == "symbol" ? u : u + "";
   }
@@ -4604,7 +4604,7 @@ function ya() {
         resizeHandles: M,
         transformScale: q,
         width: this.state.width
-      }, /* @__PURE__ */ e.createElement("div", E({}, Y, {
+      }, /* @__PURE__ */ e.createElement("div", _({}, Y, {
         style: O(O({}, H), {}, {
           width: this.state.width + "px",
           height: this.state.height + "px"
@@ -4616,21 +4616,21 @@ function ya() {
     children: n.default.element
   }), Dt;
 }
-var wn;
-function va() {
-  return wn || (wn = 1, Rt.exports = function() {
+var Cn;
+function xa() {
+  return Cn || (Cn = 1, Rt.exports = function() {
     throw new Error("Don't instantiate Resizable directly! Use require('react-resizable').Resizable");
-  }, Rt.exports.Resizable = Yn().default, Rt.exports.ResizableBox = ya().default), Rt.exports;
+  }, Rt.exports.Resizable = Un().default, Rt.exports.ResizableBox = ba().default), Rt.exports;
 }
-var rt = {}, jn;
-function Vn() {
-  if (jn) return rt;
-  jn = 1;
+var rt = {}, Pn;
+function Gn() {
+  if (Pn) return rt;
+  Pn = 1;
   var e = {};
   Object.defineProperty(rt, "__esModule", {
     value: !0
   }), rt.resizeHandleType = rt.resizeHandleAxesType = rt.default = void 0;
-  var n = a(/* @__PURE__ */ at()), r = a(Ne);
+  var n = a(/* @__PURE__ */ it()), r = a(Ne);
   function a(d) {
     return d && d.__esModule ? d : { default: d };
   }
@@ -4665,8 +4665,8 @@ function Vn() {
     // layout is an array of object with the format:
     // {x: Number, y: Number, w: Number, h: Number, i: String}
     layout: function(d) {
-      var E = d.layout;
-      E !== void 0 && xt().validateLayout(E, "layout");
+      var _ = d.layout;
+      _ !== void 0 && xt().validateLayout(_, "layout");
     },
     //
     // Grid Dimensions
@@ -4731,9 +4731,9 @@ function Vn() {
       h: n.default.number.isRequired
     }),
     // Children must not have duplicate keys.
-    children: function(d, E) {
-      const j = d[E], O = {};
-      r.default.Children.forEach(j, function(x) {
+    children: function(d, _) {
+      const w = d[_], O = {};
+      r.default.Children.forEach(w, function(x) {
         if ((x == null ? void 0 : x.key) != null) {
           if (O[x.key])
             throw new Error('Duplicate child key "' + x.key + '" found! This will cause problems in ReactGridLayout.');
@@ -4745,13 +4745,13 @@ function Vn() {
     innerRef: n.default.any
   }, rt;
 }
-var Cn;
-function ba() {
-  if (Cn) return Pt;
-  Cn = 1, Object.defineProperty(Pt, "__esModule", {
+var On;
+function Sa() {
+  if (On) return Pt;
+  On = 1, Object.defineProperty(Pt, "__esModule", {
     value: !0
   }), Pt.default = void 0;
-  var e = O(Ne), n = vr, r = O(/* @__PURE__ */ at()), a = Nr(), h = va(), c = xt(), d = Mr(), E = Vn(), j = O(Zt());
+  var e = O(Ne), n = br, r = O(/* @__PURE__ */ it()), a = Ar(), h = xa(), c = xt(), d = Lr(), _ = Gn(), w = O(Zt());
   function O(u) {
     return u && u.__esModule ? u : { default: u };
   }
@@ -4765,7 +4765,7 @@ function ba() {
     }
     return t;
   }
-  function _(u) {
+  function E(u) {
     for (var p = 1; p < arguments.length; p++) {
       var t = arguments[p] != null ? arguments[p] : {};
       p % 2 ? x(Object(t), !0).forEach(function(i) {
@@ -5110,7 +5110,7 @@ function ba() {
       } = this.props, D = (0, d.calcGridItemPosition)(this.getPositionParams(), p, t, i, l, this.state), M = e.default.Children.only(this.props.children);
       let H = /* @__PURE__ */ e.default.cloneElement(M, {
         ref: this.elementRef,
-        className: (0, j.default)("react-grid-item", M.props.className, this.props.className, {
+        className: (0, w.default)("react-grid-item", M.props.className, this.props.className, {
           static: this.props.static,
           resizing: !!this.state.resizing,
           "react-draggable": s,
@@ -5119,7 +5119,7 @@ function ba() {
           cssTransforms: S
         }),
         // We can set the width and height on the child, but unfortunately we can't set the position.
-        style: _(_(_({}, this.props.style), M.props.style), this.createStyle(D))
+        style: E(E(E({}, this.props.style), M.props.style), this.createStyle(D))
       });
       return H = this.mixinResizable(H, D, b), H = this.mixinDraggable(H, s), H;
     }
@@ -5163,8 +5163,8 @@ function ba() {
     // ID is nice to have for callbacks
     i: r.default.string.isRequired,
     // Resize handle options
-    resizeHandles: E.resizeHandleAxesType,
-    resizeHandle: E.resizeHandleType,
+    resizeHandles: _.resizeHandleAxesType,
+    resizeHandle: _.resizeHandleType,
     // Functions
     onDragStop: r.default.func,
     onDragStart: r.default.func,
@@ -5203,19 +5203,19 @@ function ba() {
     transformScale: 1
   }), Pt;
 }
-var Pn;
-function Un() {
-  if (Pn) return Ct;
-  Pn = 1, Object.defineProperty(Ct, "__esModule", {
+var Rn;
+function Jn() {
+  if (Rn) return Ct;
+  Rn = 1, Object.defineProperty(Ct, "__esModule", {
     value: !0
   }), Ct.default = void 0;
-  var e = j(Ne), n = /* @__PURE__ */ kr(), r = E(Zt()), a = xt(), h = Mr(), c = E(ba()), d = E(Vn());
-  function E(p) {
+  var e = w(Ne), n = /* @__PURE__ */ Mr(), r = _(Zt()), a = xt(), h = Lr(), c = _(Sa()), d = _(Gn());
+  function _(p) {
     return p && p.__esModule ? p : { default: p };
   }
-  function j(p, t) {
+  function w(p, t) {
     if (typeof WeakMap == "function") var i = /* @__PURE__ */ new WeakMap(), l = /* @__PURE__ */ new WeakMap();
-    return (j = function(s, b) {
+    return (w = function(s, b) {
       if (!b && s && s.__esModule) return s;
       var P, S, D = { __proto__: null, default: s };
       if (s === null || typeof s != "object" && typeof s != "function") return D;
@@ -5241,14 +5241,14 @@ function Un() {
     for (var t = 1; t < arguments.length; t++) {
       var i = arguments[t] != null ? arguments[t] : {};
       t % 2 ? O(Object(i), !0).forEach(function(l) {
-        _(p, l, i[l]);
+        E(p, l, i[l]);
       }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(p, Object.getOwnPropertyDescriptors(i)) : O(Object(i)).forEach(function(l) {
         Object.defineProperty(p, l, Object.getOwnPropertyDescriptor(i, l));
       });
     }
     return p;
   }
-  function _(p, t, i) {
+  function E(p, t, i) {
     return (t = L(t)) in p ? Object.defineProperty(p, t, { value: i, enumerable: !0, configurable: !0, writable: !0 }) : p[t] = i, p;
   }
   function L(p) {
@@ -5273,7 +5273,7 @@ function Un() {
   }
   let u = class extends e.Component {
     constructor() {
-      super(...arguments), _(this, "state", {
+      super(...arguments), E(this, "state", {
         activeDrag: null,
         layout: (0, a.synchronizeLayoutWithChildren)(
           this.props.layout,
@@ -5290,7 +5290,7 @@ function Un() {
         resizing: !1,
         droppingDOMNode: null,
         children: []
-      }), _(this, "dragEnterCounter", 0), _(this, "onDragStart", (t, i, l, s) => {
+      }), E(this, "dragEnterCounter", 0), E(this, "onDragStart", (t, i, l, s) => {
         let {
           e: b,
           node: P
@@ -5312,7 +5312,7 @@ function Un() {
           oldLayout: S,
           activeDrag: M
         }), this.props.onDragStart(S, D, D, null, b, P);
-      }), _(this, "onDrag", (t, i, l, s) => {
+      }), E(this, "onDrag", (t, i, l, s) => {
         let {
           e: b,
           node: P
@@ -5341,7 +5341,7 @@ function Un() {
           layout: H ? D : (0, a.compact)(D, (0, a.compactType)(this.props), M),
           activeDrag: J
         });
-      }), _(this, "onDragStop", (t, i, l, s) => {
+      }), E(this, "onDragStop", (t, i, l, s) => {
         let {
           e: b,
           node: P
@@ -5371,7 +5371,7 @@ function Un() {
           oldDragItem: null,
           oldLayout: null
         }), this.onLayoutMaybeChanged(ee, G);
-      }), _(this, "onResizeStart", (t, i, l, s) => {
+      }), E(this, "onResizeStart", (t, i, l, s) => {
         let {
           e: b,
           node: P
@@ -5384,7 +5384,7 @@ function Un() {
           oldLayout: this.state.layout,
           resizing: !0
         }), this.props.onResizeStart(S, D, D, null, b, P));
-      }), _(this, "onResize", (t, i, l, s) => {
+      }), E(this, "onResize", (t, i, l, s) => {
         let {
           e: b,
           node: P,
@@ -5424,7 +5424,7 @@ function Un() {
           layout: J ? G : (0, a.compact)(G, (0, a.compactType)(this.props), q),
           activeDrag: k
         });
-      }), _(this, "onResizeStop", (t, i, l, s) => {
+      }), E(this, "onResizeStop", (t, i, l, s) => {
         let {
           e: b,
           node: P
@@ -5447,7 +5447,7 @@ function Un() {
           oldLayout: null,
           resizing: !1
         }), this.onLayoutMaybeChanged(Y, J);
-      }), _(this, "onDragOver", (t) => {
+      }), E(this, "onDragOver", (t) => {
         var i;
         if (t.preventDefault(), t.stopPropagation(), m && // $FlowIgnore can't figure this out
         !((i = t.nativeEvent.target) !== null && i !== void 0 && i.classList.contains(T)))
@@ -5504,7 +5504,7 @@ function Un() {
             })]
           });
         }
-      }), _(this, "removeDroppingPlaceholder", () => {
+      }), E(this, "removeDroppingPlaceholder", () => {
         const {
           droppingItem: t,
           cols: i
@@ -5517,11 +5517,11 @@ function Un() {
           activeDrag: null,
           droppingPosition: void 0
         });
-      }), _(this, "onDragLeave", (t) => {
+      }), E(this, "onDragLeave", (t) => {
         t.preventDefault(), t.stopPropagation(), this.dragEnterCounter--, this.dragEnterCounter === 0 && this.removeDroppingPlaceholder();
-      }), _(this, "onDragEnter", (t) => {
+      }), E(this, "onDragEnter", (t) => {
         t.preventDefault(), t.stopPropagation(), this.dragEnterCounter++;
-      }), _(this, "onDrop", (t) => {
+      }), E(this, "onDrop", (t) => {
         t.preventDefault(), t.stopPropagation();
         const {
           droppingItem: i
@@ -5697,7 +5697,7 @@ function Un() {
       }, e.Children.map(this.props.children, (S) => this.processGridItem(S)), l && this.state.droppingDOMNode && this.processGridItem(this.state.droppingDOMNode, !0), this.placeholder());
     }
   };
-  return Ct.default = u, _(u, "displayName", "ReactGridLayout"), _(u, "propTypes", d.default), _(u, "defaultProps", {
+  return Ct.default = u, E(u, "displayName", "ReactGridLayout"), E(u, "propTypes", d.default), E(u, "defaultProps", {
     autoSize: !0,
     cols: 12,
     className: "",
@@ -5737,63 +5737,63 @@ function Un() {
     onDropDragOver: a.noop
   }), Ct;
 }
-var Tt = {}, lt = {}, On;
-function Gn() {
-  if (On) return lt;
-  On = 1, Object.defineProperty(lt, "__esModule", {
+var Tt = {}, ct = {}, _n;
+function Xn() {
+  if (_n) return ct;
+  _n = 1, Object.defineProperty(ct, "__esModule", {
     value: !0
-  }), lt.findOrGenerateResponsiveLayout = a, lt.getBreakpointFromWidth = n, lt.getColsFromBreakpoint = r, lt.sortBreakpoints = h;
+  }), ct.findOrGenerateResponsiveLayout = a, ct.getBreakpointFromWidth = n, ct.getColsFromBreakpoint = r, ct.sortBreakpoints = h;
   var e = xt();
   function n(c, d) {
-    const E = h(c);
-    let j = E[0];
-    for (let O = 1, x = E.length; O < x; O++) {
-      const _ = E[O];
-      d > c[_] && (j = _);
+    const _ = h(c);
+    let w = _[0];
+    for (let O = 1, x = _.length; O < x; O++) {
+      const E = _[O];
+      d > c[E] && (w = E);
     }
-    return j;
+    return w;
   }
   function r(c, d) {
     if (!d[c])
       throw new Error("ResponsiveReactGridLayout: `cols` entry for breakpoint " + c + " is missing!");
     return d[c];
   }
-  function a(c, d, E, j, O, x) {
-    if (c[E]) return (0, e.cloneLayout)(c[E]);
-    let _ = c[j];
-    const L = h(d), R = L.slice(L.indexOf(E));
+  function a(c, d, _, w, O, x) {
+    if (c[_]) return (0, e.cloneLayout)(c[_]);
+    let E = c[w];
+    const L = h(d), R = L.slice(L.indexOf(_));
     for (let T = 0, m = R.length; T < m; T++) {
       const u = R[T];
       if (c[u]) {
-        _ = c[u];
+        E = c[u];
         break;
       }
     }
-    return _ = (0, e.cloneLayout)(_ || []), (0, e.compact)((0, e.correctBounds)(_, {
+    return E = (0, e.cloneLayout)(E || []), (0, e.compact)((0, e.correctBounds)(E, {
       cols: O
     }), x, O);
   }
   function h(c) {
-    return Object.keys(c).sort(function(E, j) {
-      return c[E] - c[j];
+    return Object.keys(c).sort(function(_, w) {
+      return c[_] - c[w];
     });
   }
-  return lt;
+  return ct;
 }
-var Rn;
-function xa() {
-  if (Rn) return Tt;
-  Rn = 1, Object.defineProperty(Tt, "__esModule", {
+var En;
+function wa() {
+  if (En) return Tt;
+  En = 1, Object.defineProperty(Tt, "__esModule", {
     value: !0
   }), Tt.default = void 0;
-  var e = j(Ne), n = E(/* @__PURE__ */ at()), r = /* @__PURE__ */ kr(), a = xt(), h = Gn(), c = E(Un());
+  var e = w(Ne), n = _(/* @__PURE__ */ it()), r = /* @__PURE__ */ Mr(), a = xt(), h = Xn(), c = _(Jn());
   const d = ["breakpoint", "breakpoints", "cols", "layouts", "margin", "containerPadding", "onBreakpointChange", "onLayoutChange", "onWidthChange"];
-  function E(l) {
+  function _(l) {
     return l && l.__esModule ? l : { default: l };
   }
-  function j(l, s) {
+  function w(l, s) {
     if (typeof WeakMap == "function") var b = /* @__PURE__ */ new WeakMap(), P = /* @__PURE__ */ new WeakMap();
-    return (j = function(S, D) {
+    return (w = function(S, D) {
       if (!D && S && S.__esModule) return S;
       var M, H, q = { __proto__: null, default: S };
       if (S === null || typeof S != "object" && typeof S != "function") return q;
@@ -5816,14 +5816,14 @@ function xa() {
   }
   function x(l, s) {
     if (l == null) return {};
-    var b, P, S = _(l, s);
+    var b, P, S = E(l, s);
     if (Object.getOwnPropertySymbols) {
       var D = Object.getOwnPropertySymbols(l);
       for (P = 0; P < D.length; P++) b = D[P], s.indexOf(b) === -1 && {}.propertyIsEnumerable.call(l, b) && (S[b] = l[b]);
     }
     return S;
   }
-  function _(l, s) {
+  function E(l, s) {
     if (l == null) return {};
     var b = {};
     for (var P in l) if ({}.hasOwnProperty.call(l, P)) {
@@ -6032,7 +6032,7 @@ function xa() {
     onWidthChange: a.noop
   }), Tt;
 }
-var Yt = {}, Jn = (function() {
+var Vt = {}, Kn = (function() {
   if (typeof Map < "u")
     return Map;
   function e(n, r) {
@@ -6078,40 +6078,40 @@ var Yt = {}, Jn = (function() {
       }, n;
     })()
   );
-})(), wr = typeof window < "u" && typeof document < "u" && window.document === document, Gt = (function() {
+})(), jr = typeof window < "u" && typeof document < "u" && window.document === document, Jt = (function() {
   return typeof global < "u" && global.Math === Math ? global : typeof self < "u" && self.Math === Math ? self : typeof window < "u" && window.Math === Math ? window : Function("return this")();
-})(), Sa = (function() {
-  return typeof requestAnimationFrame == "function" ? requestAnimationFrame.bind(Gt) : function(e) {
+})(), ja = (function() {
+  return typeof requestAnimationFrame == "function" ? requestAnimationFrame.bind(Jt) : function(e) {
     return setTimeout(function() {
       return e(Date.now());
     }, 1e3 / 60);
   };
-})(), wa = 2;
-function ja(e, n) {
+})(), Ca = 2;
+function Pa(e, n) {
   var r = !1, a = !1, h = 0;
   function c() {
-    r && (r = !1, e()), a && E();
+    r && (r = !1, e()), a && _();
   }
   function d() {
-    Sa(c);
+    ja(c);
   }
-  function E() {
-    var j = Date.now();
+  function _() {
+    var w = Date.now();
     if (r) {
-      if (j - h < wa)
+      if (w - h < Ca)
         return;
       a = !0;
     } else
       r = !0, a = !1, setTimeout(d, n);
-    h = j;
+    h = w;
   }
-  return E;
+  return _;
 }
-var Ca = 20, Pa = ["top", "right", "bottom", "left", "width", "height", "size", "weight"], Oa = typeof MutationObserver < "u", Ra = (
+var Oa = 20, Ra = ["top", "right", "bottom", "left", "width", "height", "size", "weight"], _a = typeof MutationObserver < "u", Ea = (
   /** @class */
   (function() {
     function e() {
-      this.connected_ = !1, this.mutationEventsAdded_ = !1, this.mutationsObserver_ = null, this.observers_ = [], this.onTransitionEnd_ = this.onTransitionEnd_.bind(this), this.refresh = ja(this.refresh.bind(this), Ca);
+      this.connected_ = !1, this.mutationEventsAdded_ = !1, this.mutationsObserver_ = null, this.observers_ = [], this.onTransitionEnd_ = this.onTransitionEnd_.bind(this), this.refresh = Pa(this.refresh.bind(this), Oa);
     }
     return e.prototype.addObserver = function(n) {
       ~this.observers_.indexOf(n) || this.observers_.push(n), this.connected_ || this.connect_();
@@ -6129,16 +6129,16 @@ var Ca = 20, Pa = ["top", "right", "bottom", "left", "width", "height", "size",
         return r.broadcastActive();
       }), n.length > 0;
     }, e.prototype.connect_ = function() {
-      !wr || this.connected_ || (document.addEventListener("transitionend", this.onTransitionEnd_), window.addEventListener("resize", this.refresh), Oa ? (this.mutationsObserver_ = new MutationObserver(this.refresh), this.mutationsObserver_.observe(document, {
+      !jr || this.connected_ || (document.addEventListener("transitionend", this.onTransitionEnd_), window.addEventListener("resize", this.refresh), _a ? (this.mutationsObserver_ = new MutationObserver(this.refresh), this.mutationsObserver_.observe(document, {
         attributes: !0,
         childList: !0,
         characterData: !0,
         subtree: !0
       })) : (document.addEventListener("DOMSubtreeModified", this.refresh), this.mutationEventsAdded_ = !0), this.connected_ = !0);
     }, e.prototype.disconnect_ = function() {
-      !wr || !this.connected_ || (document.removeEventListener("transitionend", this.onTransitionEnd_), window.removeEventListener("resize", this.refresh), this.mutationsObserver_ && this.mutationsObserver_.disconnect(), this.mutationEventsAdded_ && document.removeEventListener("DOMSubtreeModified", this.refresh), this.mutationsObserver_ = null, this.mutationEventsAdded_ = !1, this.connected_ = !1);
+      !jr || !this.connected_ || (document.removeEventListener("transitionend", this.onTransitionEnd_), window.removeEventListener("resize", this.refresh), this.mutationsObserver_ && this.mutationsObserver_.disconnect(), this.mutationEventsAdded_ && document.removeEventListener("DOMSubtreeModified", this.refresh), this.mutationsObserver_ = null, this.mutationEventsAdded_ = !1, this.connected_ = !1);
     }, e.prototype.onTransitionEnd_ = function(n) {
-      var r = n.propertyName, a = r === void 0 ? "" : r, h = Pa.some(function(c) {
+      var r = n.propertyName, a = r === void 0 ? "" : r, h = Ra.some(function(c) {
         return !!~a.indexOf(c);
       });
       h && this.refresh();
@@ -6146,7 +6146,7 @@ var Ca = 20, Pa = ["top", "right", "bottom", "left", "width", "height", "size",
       return this.instance_ || (this.instance_ = new e()), this.instance_;
     }, e.instance_ = null, e;
   })()
-), Xn = (function(e, n) {
+), Qn = (function(e, n) {
   for (var r = 0, a = Object.keys(n); r < a.length; r++) {
     var h = a[r];
     Object.defineProperty(e, h, {
@@ -6159,57 +6159,57 @@ var Ca = 20, Pa = ["top", "right", "bottom", "left", "width", "height", "size",
   return e;
 }), yt = (function(e) {
   var n = e && e.ownerDocument && e.ownerDocument.defaultView;
-  return n || Gt;
-}), Kn = er(0, 0, 0, 0);
-function Jt(e) {
+  return n || Jt;
+}), Zn = er(0, 0, 0, 0);
+function Xt(e) {
   return parseFloat(e) || 0;
 }
-function _n(e) {
+function Dn(e) {
   for (var n = [], r = 1; r < arguments.length; r++)
     n[r - 1] = arguments[r];
   return n.reduce(function(a, h) {
     var c = e["border-" + h + "-width"];
-    return a + Jt(c);
+    return a + Xt(c);
   }, 0);
 }
-function _a(e) {
+function Da(e) {
   for (var n = ["top", "right", "bottom", "left"], r = {}, a = 0, h = n; a < h.length; a++) {
     var c = h[a], d = e["padding-" + c];
-    r[c] = Jt(d);
+    r[c] = Xt(d);
   }
   return r;
 }
-function Ea(e) {
+function Ta(e) {
   var n = e.getBBox();
   return er(0, 0, n.width, n.height);
 }
-function Da(e) {
+function za(e) {
   var n = e.clientWidth, r = e.clientHeight;
   if (!n && !r)
-    return Kn;
-  var a = yt(e).getComputedStyle(e), h = _a(a), c = h.left + h.right, d = h.top + h.bottom, E = Jt(a.width), j = Jt(a.height);
-  if (a.boxSizing === "border-box" && (Math.round(E + c) !== n && (E -= _n(a, "left", "right") + c), Math.round(j + d) !== r && (j -= _n(a, "top", "bottom") + d)), !za(e)) {
-    var O = Math.round(E + c) - n, x = Math.round(j + d) - r;
-    Math.abs(O) !== 1 && (E -= O), Math.abs(x) !== 1 && (j -= x);
+    return Zn;
+  var a = yt(e).getComputedStyle(e), h = Da(a), c = h.left + h.right, d = h.top + h.bottom, _ = Xt(a.width), w = Xt(a.height);
+  if (a.boxSizing === "border-box" && (Math.round(_ + c) !== n && (_ -= Dn(a, "left", "right") + c), Math.round(w + d) !== r && (w -= Dn(a, "top", "bottom") + d)), !Ma(e)) {
+    var O = Math.round(_ + c) - n, x = Math.round(w + d) - r;
+    Math.abs(O) !== 1 && (_ -= O), Math.abs(x) !== 1 && (w -= x);
   }
-  return er(h.left, h.top, E, j);
+  return er(h.left, h.top, _, w);
 }
-var Ta = /* @__PURE__ */ (function() {
+var ka = /* @__PURE__ */ (function() {
   return typeof SVGGraphicsElement < "u" ? function(e) {
     return e instanceof yt(e).SVGGraphicsElement;
   } : function(e) {
     return e instanceof yt(e).SVGElement && typeof e.getBBox == "function";
   };
 })();
-function za(e) {
+function Ma(e) {
   return e === yt(e).document.documentElement;
 }
-function ka(e) {
-  return wr ? Ta(e) ? Ea(e) : Da(e) : Kn;
+function La(e) {
+  return jr ? ka(e) ? Ta(e) : za(e) : Zn;
 }
-function Ma(e) {
+function Na(e) {
   var n = e.x, r = e.y, a = e.width, h = e.height, c = typeof DOMRectReadOnly < "u" ? DOMRectReadOnly : Object, d = Object.create(c.prototype);
-  return Xn(d, {
+  return Qn(d, {
     x: n,
     y: r,
     width: a,
@@ -6223,34 +6223,34 @@ function Ma(e) {
 function er(e, n, r, a) {
   return { x: e, y: n, width: r, height: a };
 }
-var La = (
+var Aa = (
   /** @class */
   (function() {
     function e(n) {
       this.broadcastWidth = 0, this.broadcastHeight = 0, this.contentRect_ = er(0, 0, 0, 0), this.target = n;
     }
     return e.prototype.isActive = function() {
-      var n = ka(this.target);
+      var n = La(this.target);
       return this.contentRect_ = n, n.width !== this.broadcastWidth || n.height !== this.broadcastHeight;
     }, e.prototype.broadcastRect = function() {
       var n = this.contentRect_;
       return this.broadcastWidth = n.width, this.broadcastHeight = n.height, n;
     }, e;
   })()
-), Na = (
+), $a = (
   /** @class */
   /* @__PURE__ */ (function() {
     function e(n, r) {
-      var a = Ma(r);
-      Xn(this, { target: n, contentRect: a });
+      var a = Na(r);
+      Qn(this, { target: n, contentRect: a });
     }
     return e;
   })()
-), Aa = (
+), Ia = (
   /** @class */
   (function() {
     function e(n, r, a) {
-      if (this.activeObservations_ = [], this.observations_ = new Jn(), typeof n != "function")
+      if (this.activeObservations_ = [], this.observations_ = new Kn(), typeof n != "function")
         throw new TypeError("The callback provided as parameter 1 is not a function.");
       this.callback_ = n, this.controller_ = r, this.callbackCtx_ = a;
     }
@@ -6261,7 +6261,7 @@ var La = (
         if (!(n instanceof yt(n).Element))
           throw new TypeError('parameter 1 is not of type "Element".');
         var r = this.observations_;
-        r.has(n) || (r.set(n, new La(n)), this.controller_.addObserver(this), this.controller_.refresh());
+        r.has(n) || (r.set(n, new Aa(n)), this.controller_.addObserver(this), this.controller_.refresh());
       }
     }, e.prototype.unobserve = function(n) {
       if (!arguments.length)
@@ -6282,7 +6282,7 @@ var La = (
     }, e.prototype.broadcastActive = function() {
       if (this.hasActive()) {
         var n = this.callbackCtx_, r = this.activeObservations_.map(function(a) {
-          return new Na(a.target, a.broadcastRect());
+          return new $a(a.target, a.broadcastRect());
         });
         this.callback_.call(n, r, n), this.clearActive();
       }
@@ -6292,7 +6292,7 @@ var La = (
       return this.activeObservations_.length > 0;
     }, e;
   })()
-), Qn = typeof WeakMap < "u" ? /* @__PURE__ */ new WeakMap() : new Jn(), Zn = (
+), eo = typeof WeakMap < "u" ? /* @__PURE__ */ new WeakMap() : new Kn(), to = (
   /** @class */
   /* @__PURE__ */ (function() {
     function e(n) {
@@ -6300,8 +6300,8 @@ var La = (
         throw new TypeError("Cannot call a class as a function.");
       if (!arguments.length)
         throw new TypeError("1 argument required, but only 0 present.");
-      var r = Ra.getInstance(), a = new Aa(n, r, this);
-      Qn.set(this, a);
+      var r = Ea.getInstance(), a = new Ia(n, r, this);
+      eo.set(this, a);
     }
     return e;
   })()
@@ -6311,25 +6311,25 @@ var La = (
   "unobserve",
   "disconnect"
 ].forEach(function(e) {
-  Zn.prototype[e] = function() {
+  to.prototype[e] = function() {
     var n;
-    return (n = Qn.get(this))[e].apply(n, arguments);
+    return (n = eo.get(this))[e].apply(n, arguments);
   };
 });
-var $a = (function() {
-  return typeof Gt.ResizeObserver < "u" ? Gt.ResizeObserver : Zn;
+var Fa = (function() {
+  return typeof Jt.ResizeObserver < "u" ? Jt.ResizeObserver : to;
 })();
-const Ia = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const qa = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: $a
-}, Symbol.toStringTag, { value: "Module" })), Fa = /* @__PURE__ */ Fo(Ia);
-var En;
-function qa() {
-  if (En) return Yt;
-  En = 1, Object.defineProperty(Yt, "__esModule", {
+  default: Fa
+}, Symbol.toStringTag, { value: "Module" })), Ha = /* @__PURE__ */ Ho(qa);
+var Tn;
+function Wa() {
+  if (Tn) return Vt;
+  Tn = 1, Object.defineProperty(Vt, "__esModule", {
     value: !0
-  }), Yt.default = T;
-  var e = d(Ne), n = c(/* @__PURE__ */ at()), r = c(Fa), a = c(Zt());
+  }), Vt.default = T;
+  var e = d(Ne), n = c(/* @__PURE__ */ it()), r = c(Ha), a = c(Zt());
   const h = ["measureBeforeMount"];
   function c(m) {
     return m && m.__esModule ? m : { default: m };
@@ -6348,16 +6348,16 @@ function qa() {
       return P;
     })(m, u);
   }
-  function E() {
-    return E = Object.assign ? Object.assign.bind() : function(m) {
+  function _() {
+    return _ = Object.assign ? Object.assign.bind() : function(m) {
       for (var u = 1; u < arguments.length; u++) {
         var p = arguments[u];
         for (var t in p) ({}).hasOwnProperty.call(p, t) && (m[t] = p[t]);
       }
       return m;
-    }, E.apply(null, arguments);
+    }, _.apply(null, arguments);
   }
-  function j(m, u) {
+  function w(m, u) {
     if (m == null) return {};
     var p, t, i = O(m, u);
     if (Object.getOwnPropertySymbols) {
@@ -6376,9 +6376,9 @@ function qa() {
     return p;
   }
   function x(m, u, p) {
-    return (u = _(u)) in m ? Object.defineProperty(m, u, { value: p, enumerable: !0, configurable: !0, writable: !0 }) : m[u] = p, m;
+    return (u = E(u)) in m ? Object.defineProperty(m, u, { value: p, enumerable: !0, configurable: !0, writable: !0 }) : m[u] = p, m;
   }
-  function _(m) {
+  function E(m) {
     var u = L(m, "string");
     return typeof u == "symbol" ? u : u + "";
   }
@@ -6421,12 +6421,12 @@ function qa() {
       render() {
         const t = this.props, {
           measureBeforeMount: i
-        } = t, l = j(t, h);
+        } = t, l = w(t, h);
         return i && !this.mounted ? /* @__PURE__ */ e.createElement("div", {
           className: (0, a.default)(this.props.className, R),
           style: this.props.style,
           ref: this.elementRef
-        }) : /* @__PURE__ */ e.createElement(m, E({
+        }) : /* @__PURE__ */ e.createElement(m, _({
           innerRef: this.elementRef
         }, l, this.state));
       }
@@ -6438,17 +6438,17 @@ function qa() {
       measureBeforeMount: n.default.bool
     }), u;
   }
-  return Yt;
+  return Vt;
 }
-var Dn;
-function Ha() {
-  return Dn || (Dn = 1, (function(e) {
-    e.exports = Un().default, e.exports.utils = xt(), e.exports.calculateUtils = Mr(), e.exports.Responsive = xa().default, e.exports.Responsive.utils = Gn(), e.exports.WidthProvider = qa().default;
+var zn;
+function Ba() {
+  return zn || (zn = 1, (function(e) {
+    e.exports = Jn().default, e.exports.utils = xt(), e.exports.calculateUtils = Lr(), e.exports.Responsive = wa().default, e.exports.Responsive.utils = Xn(), e.exports.WidthProvider = Wa().default;
   })(sr)), sr.exports;
 }
-var Wa = Ha();
-const Ba = /* @__PURE__ */ Io(Wa);
-function Tn(e) {
+var Ya = Ba();
+const Va = /* @__PURE__ */ qo(Ya);
+function kn(e) {
   const n = [];
   n.push(1, 1, 0, 1, 1, 0, 1, 1);
   for (let r = 0; r < e.length; r++) {
@@ -6458,20 +6458,20 @@ function Tn(e) {
   }
   return n.push(1, 1, 0, 0, 0, 1, 1, 0, 0, 0, 1, 1), n;
 }
-const Ar = ({ value: e, format: n }) => {
-  const { t: r } = Ge(), a = Ue(() => Tn(e), [e, n]);
+const $r = ({ value: e, format: n }) => {
+  const { t: r } = Ge(), a = Ue(() => kn(e), [e, n]);
   if (!e)
-    return /* @__PURE__ */ o.jsx("div", { style: { fontSize: 11, color: "#999" }, children: r("component.barcodeHint") });
+    return /* @__PURE__ */ o.jsx("div", { style: { fontSize: 11, color: "var(--pd-muted-text, #999)" }, children: r("component.barcodeHint") });
   const h = 2, c = 44, d = a.length * h;
   return /* @__PURE__ */ o.jsxs("div", { style: { textAlign: "center", overflow: "hidden", maxWidth: "100%" }, children: [
     /* @__PURE__ */ o.jsx(
       "canvas",
       {
-        ref: (E) => {
-          if (!E) return;
-          const j = E.getContext("2d");
-          j && (E.width = d, E.height = c, j.clearRect(0, 0, d, c), a.forEach((O, x) => {
-            j.fillStyle = O === 1 ? "#000" : "#fff", j.fillRect(x * h, 0, h, c);
+        ref: (_) => {
+          if (!_) return;
+          const w = _.getContext("2d");
+          w && (_.width = d, _.height = c, w.clearRect(0, 0, d, c), a.forEach((O, x) => {
+            w.fillStyle = O === 1 ? "#000" : "#fff", w.fillRect(x * h, 0, h, c);
           }));
         },
         style: { width: "100%", maxWidth: d, height: c }
@@ -6479,7 +6479,7 @@ const Ar = ({ value: e, format: n }) => {
     ),
     /* @__PURE__ */ o.jsx("div", { style: { fontSize: 10, marginTop: 1, letterSpacing: 1 }, children: e })
   ] });
-}, $r = ({
+}, Ir = ({
   value: e,
   errorLevel: n = "M",
   color: r = "#000000",
@@ -6487,7 +6487,7 @@ const Ar = ({ value: e, format: n }) => {
 }) => {
   const { t: h } = Ge();
   return e ? /* @__PURE__ */ o.jsx(
-    yo,
+    bo,
     {
       value: e,
       type: "svg",
@@ -6502,8 +6502,8 @@ const Ar = ({ value: e, format: n }) => {
         maxHeight: "100%"
       }
     }
-  ) : /* @__PURE__ */ o.jsx("div", { style: { fontSize: 11, color: "#999" }, children: h("component.qrcodeHint") });
-}, Ya = Ba, zn = Ne.memo(
+  ) : /* @__PURE__ */ o.jsx("div", { style: { fontSize: 11, color: "var(--pd-muted-text, #999)" }, children: h("component.qrcodeHint") });
+}, Ua = Va, Mn = Ne.memo(
   ({ comp: e, selected: n, isPreview: r = !1, dataSources: a = [] }) => {
     const { t: h } = Ge(), c = {
       width: "100%",
@@ -6512,7 +6512,7 @@ const Ar = ({ value: e, format: n }) => {
       boxSizing: "border-box",
       outline: r ? "none" : n ? "2px solid #1677ff" : "1px dashed #d9d9d9",
       outlineOffset: -1
-    }, d = (E) => zt(e, E, a);
+    }, d = (_) => zt(e, _, a);
     switch (e.type) {
       case "text":
         return /* @__PURE__ */ o.jsx(
@@ -6530,15 +6530,15 @@ const Ar = ({ value: e, format: n }) => {
               whiteSpace: "pre-wrap",
               wordBreak: "break-word"
             },
-            children: Dr(d("content") || "", e.props.format)
+            children: Tr(d("content") || "", e.props.format)
           }
         );
       case "image":
-        const E = d("src") || e.props.src;
-        return /* @__PURE__ */ o.jsx("div", { style: c, children: E ? /* @__PURE__ */ o.jsx(
+        const _ = d("src") || e.props.src;
+        return /* @__PURE__ */ o.jsx("div", { style: c, children: _ ? /* @__PURE__ */ o.jsx(
           "img",
           {
-            src: E,
+            src: _,
             style: {
               width: "100%",
               height: "100%",
@@ -6562,9 +6562,9 @@ const Ar = ({ value: e, format: n }) => {
           }
         ) });
       case "table":
-        return /* @__PURE__ */ o.jsx(Va, { comp: e, style: c, dataSources: a });
+        return /* @__PURE__ */ o.jsx(Ga, { comp: e, style: c, dataSources: a });
       case "barcode":
-        const j = d("value") || e.props.value || "123456";
+        const w = d("value") || e.props.value || "123456";
         return /* @__PURE__ */ o.jsx(
           "div",
           {
@@ -6576,9 +6576,9 @@ const Ar = ({ value: e, format: n }) => {
               padding: 4
             },
             children: /* @__PURE__ */ o.jsx(
-              Ar,
+              $r,
               {
-                value: j,
+                value: w,
                 format: e.props.format || "CODE128"
               }
             )
@@ -6597,7 +6597,7 @@ const Ar = ({ value: e, format: n }) => {
               padding: 4
             },
             children: /* @__PURE__ */ o.jsx(
-              $r,
+              Ir,
               {
                 value: O,
                 errorLevel: e.props.errorLevel || "M",
@@ -6635,9 +6635,9 @@ const Ar = ({ value: e, format: n }) => {
         return /* @__PURE__ */ o.jsx("div", { style: c, children: e.type });
     }
   }
-), Va = ({ comp: e, style: n, dataSources: r = [] }) => {
-  const a = e.props.borderWidth || 1, h = e.props.borderColor || "#000", c = e.props.headerBackgroundColor || "#f5f5f5", d = e.props.headerColor || "#000000", E = e.props.headerFontSize || 12, j = e.tableColumns || [], O = e.props.tableDataSourceId, x = O ? r.find((T) => T.id === O) : null, _ = x ? zr(x) : null;
-  if (_ && _.length > 0)
+), Ga = ({ comp: e, style: n, dataSources: r = [] }) => {
+  const a = e.props.borderWidth || 1, h = e.props.borderColor || "#000", c = e.props.headerBackgroundColor || "#f5f5f5", d = e.props.headerColor || "#000000", _ = e.props.headerFontSize || 12, w = e.tableColumns || [], O = e.props.tableDataSourceId, x = O ? r.find((T) => T.id === O) : null, E = x ? kr(x) : null;
+  if (E && E.length > 0)
     return /* @__PURE__ */ o.jsxs(
       "table",
       {
@@ -6648,13 +6648,13 @@ const Ar = ({ value: e, format: n }) => {
           height: "100%"
         },
         children: [
-          j.length > 0 && /* @__PURE__ */ o.jsx("thead", { children: /* @__PURE__ */ o.jsx("tr", { style: { backgroundColor: c }, children: j.map((T, m) => /* @__PURE__ */ o.jsx(
+          w.length > 0 && /* @__PURE__ */ o.jsx("thead", { children: /* @__PURE__ */ o.jsx("tr", { style: { backgroundColor: c }, children: w.map((T, m) => /* @__PURE__ */ o.jsx(
             "th",
             {
               style: {
                 border: `${a}px solid ${h}`,
                 padding: 4,
-                fontSize: E,
+                fontSize: _,
                 fontWeight: "bold",
                 textAlign: "center",
                 color: d
@@ -6663,7 +6663,7 @@ const Ar = ({ value: e, format: n }) => {
             },
             m
           )) }) }),
-          /* @__PURE__ */ o.jsx("tbody", { children: _.map((T, m) => /* @__PURE__ */ o.jsx("tr", { children: j.map((u, p) => /* @__PURE__ */ o.jsx(
+          /* @__PURE__ */ o.jsx("tbody", { children: E.map((T, m) => /* @__PURE__ */ o.jsx("tr", { children: w.map((u, p) => /* @__PURE__ */ o.jsx(
             "td",
             {
               style: {
@@ -6679,7 +6679,7 @@ const Ar = ({ value: e, format: n }) => {
         ]
       }
     );
-  const L = e.props.rows || 3, R = Math.max(e.props.cols || 3, j.length || 3);
+  const L = e.props.rows || 3, R = Math.max(e.props.cols || 3, w.length || 3);
   return /* @__PURE__ */ o.jsx(
     "table",
     {
@@ -6704,10 +6704,10 @@ const Ar = ({ value: e, format: n }) => {
       )) }, m)) })
     }
   );
-}, kn = ({ isPreview: e = !1, dataSources: n }) => {
+}, Ln = ({ isPreview: e = !1, dataSources: n }) => {
   const { t: r } = Ge(), a = pe((l) => l.components), h = pe((l) => l.selectedId), c = pe((l) => l.pageSettings), d = pe((l) => l.selectComponent);
   pe((l) => l.updateComponent);
-  const E = pe((l) => l.setComponents), j = pe((l) => l.addComponent), O = pe((l) => l.gridSettings), x = pe((l) => l.dataSources), _ = n || x, L = Ue(() => {
+  const _ = pe((l) => l.setComponents), w = pe((l) => l.addComponent), O = pe((l) => l.gridSettings), x = pe((l) => l.dataSources), E = n || x, L = Ue(() => {
     const l = Kt[c.paperSize];
     if (!l)
       return {
@@ -6739,9 +6739,9 @@ const Ar = ({ value: e, format: n }) => {
         const S = l[P];
         return S ? { ...b, x: S.x, y: S.y, w: S.w, h: S.h } : b;
       });
-      E(s);
+      _(s);
     },
-    [a, E]
+    [a, _]
   ), t = Ie(
     (l, s, b) => {
       var H, q;
@@ -6750,11 +6750,11 @@ const Ar = ({ value: e, format: n }) => {
       const D = (q = b.target.closest(".react-grid-layout")) == null ? void 0 : q.getBoundingClientRect(), M = r(`component.${S}`);
       if (D) {
         const Y = Math.floor((P.clientX - D.left) / (T / O.cols)), J = Math.floor((P.clientY - D.top) / (T / O.cols));
-        j(S, Math.max(0, Y), Math.max(0, J), M);
+        w(S, Math.max(0, Y), Math.max(0, J), M);
       } else
-        j(S, void 0, void 0, M);
+        w(S, void 0, void 0, M);
     },
-    [j, T, O.cols, r]
+    [w, T, O.cols, r]
   ), i = Ie(
     (l) => {
       d(l === h ? null : l);
@@ -6767,7 +6767,7 @@ const Ar = ({ value: e, format: n }) => {
       style: {
         flex: 1,
         overflow: "auto",
-        background: "#e8e8e8",
+        background: "var(--pd-canvas-bg, #e8e8e8)",
         display: "flex",
         justifyContent: "center",
         padding: "24px 0"
@@ -6847,9 +6847,9 @@ const Ar = ({ value: e, format: n }) => {
                     width: l.w * s,
                     height: l.h * b
                   };
-                  return /* @__PURE__ */ o.jsx("div", { style: P, children: /* @__PURE__ */ o.jsx(zn, { comp: l, selected: !1, isPreview: !0, dataSources: _ }) }, l.id);
+                  return /* @__PURE__ */ o.jsx("div", { style: P, children: /* @__PURE__ */ o.jsx(Mn, { comp: l, selected: !1, isPreview: !0, dataSources: E }) }, l.id);
                 }) }) : /* @__PURE__ */ o.jsx(
-                  Ya,
+                  Ua,
                   {
                     className: "canvas-grid",
                     layout: u,
@@ -6873,7 +6873,7 @@ const Ar = ({ value: e, format: n }) => {
                         className: "grid-item-drag-handle",
                         onClick: () => i(l.id),
                         style: { cursor: "move" },
-                        children: /* @__PURE__ */ o.jsx(zn, { comp: l, selected: l.id === h, dataSources: _ })
+                        children: /* @__PURE__ */ o.jsx(Mn, { comp: l, selected: l.id === h, dataSources: E })
                       },
                       l.id
                     ))
@@ -6886,11 +6886,11 @@ const Ar = ({ value: e, format: n }) => {
       )
     }
   );
-}, { Text: we, Title: zi } = bt, { TextArea: Ua } = Ke, Ga = () => {
+}, { Text: we, Title: Ni } = bt, { TextArea: Ja } = Ke, Xa = () => {
   const { t: e } = Ge(), n = pe((t) => t.components), r = pe((t) => t.selectedId), a = pe((t) => t.dataSources), h = pe((t) => t.updateComponent), c = pe((t) => t.updateComponentTableColumns), d = Ue(
     () => n.find((t) => t.id === r) || null,
     [n, r]
-  ), [E, j] = mt([]), O = Ue(
+  ), [_, w] = at([]), O = Ue(
     () => [
       { label: e("property.noneStaticValue"), value: "" },
       ...a.map((t) => ({
@@ -6907,7 +6907,7 @@ const Ar = ({ value: e, format: n }) => {
       });
     },
     [r, d, h]
-  ), _ = Ie(
+  ), E = Ie(
     (t, i, l, s) => {
       if (!r) return;
       let b = s;
@@ -6943,7 +6943,7 @@ const Ar = ({ value: e, format: n }) => {
         size: "small",
         style: { height: "100%", borderRadius: 0, borderLeft: 0 },
         styles: { body: { padding: 16 } },
-        children: /* @__PURE__ */ o.jsx(Yr, { description: e("property.emptyHint"), image: Yr.PRESENTED_IMAGE_SIMPLE })
+        children: /* @__PURE__ */ o.jsx(Vr, { description: e("property.emptyHint"), image: Vr.PRESENTED_IMAGE_SIMPLE })
       }
     );
   const R = e(`component.${d.type}`), T = /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
@@ -7006,7 +7006,7 @@ const Ar = ({ value: e, format: n }) => {
     placeholder: l,
     isTextarea: s = !1
   }) => {
-    const b = L(t), P = a.find((q) => q.id === b.dataSourceId), S = P ? Tr(P) : null, D = S ? Object.keys(S) : [], [M, H] = Ne.useState(b.staticValue);
+    const b = L(t), P = a.find((q) => q.id === b.dataSourceId), S = P ? zr(P) : null, D = S ? Object.keys(S) : [], [M, H] = Ne.useState(b.staticValue);
     return Ne.useEffect(() => {
       H(b.staticValue);
     }, [b.staticValue, b.dataSourceId]), /* @__PURE__ */ o.jsxs("div", { children: [
@@ -7019,7 +7019,7 @@ const Ar = ({ value: e, format: n }) => {
           placeholder: e("property.selectDataSource"),
           value: b.dataSourceId || "",
           onChange: (q) => {
-            _(
+            E(
               t,
               q || null,
               q && b.fieldPath || "",
@@ -7037,7 +7037,7 @@ const Ar = ({ value: e, format: n }) => {
           placeholder: e("property.selectField"),
           value: b.fieldPath,
           onChange: (q) => {
-            _(t, b.dataSourceId, q || "", b.staticValue);
+            E(t, b.dataSourceId, q || "", b.staticValue);
           },
           options: [
             { label: e("property.selectField"), value: "" },
@@ -7047,26 +7047,26 @@ const Ar = ({ value: e, format: n }) => {
       ) }),
       b.dataSourceId ? /* @__PURE__ */ o.jsxs("div", { style: {
         padding: 6,
-        background: "#f0f5ff",
-        border: "1px solid #adc6ff",
+        background: "var(--pd-binding-bg, #f0f5ff)",
+        border: "1px solid var(--pd-binding-border, #adc6ff)",
         borderRadius: 4,
         fontSize: 12
       }, children: [
-        /* @__PURE__ */ o.jsx(In, { style: { marginRight: 4, color: "#1890ff" } }),
+        /* @__PURE__ */ o.jsx(qn, { style: { marginRight: 4, color: "#1890ff" } }),
         /* @__PURE__ */ o.jsx("span", { style: { fontWeight: 500 }, children: e("property.bindingEnabled") }),
         P && b.fieldPath && /* @__PURE__ */ o.jsxs("span", { style: { marginLeft: 8 }, children: [
-          /* @__PURE__ */ o.jsx(yr, { color: "blue", children: P.name }),
-          /* @__PURE__ */ o.jsx(yr, { color: "green", children: b.fieldPath })
+          /* @__PURE__ */ o.jsx(vr, { color: "blue", children: P.name }),
+          /* @__PURE__ */ o.jsx(vr, { color: "green", children: b.fieldPath })
         ] })
       ] }) : s ? /* @__PURE__ */ o.jsx(
-        Ua,
+        Ja,
         {
           rows: 3,
           placeholder: l,
           value: M,
           onChange: (q) => H(q.target.value),
           onBlur: () => {
-            _(t, null, "", M);
+            E(t, null, "", M);
           }
         }
       ) : /* @__PURE__ */ o.jsx(
@@ -7076,26 +7076,26 @@ const Ar = ({ value: e, format: n }) => {
           value: M,
           onChange: (q) => H(q.target.value),
           onBlur: () => {
-            _(t, null, "", M);
+            E(t, null, "", M);
           }
         }
       )
     ] });
   }, u = () => {
-    const t = d.tableColumns || [], i = a.filter((G) => G.type === "array"), l = d.props.tableDataSourceId || "", s = i.find((G) => G.id === l), b = E.length > 0 ? E : t, [P, S] = Ne.useState({}), D = () => {
+    const t = d.tableColumns || [], i = a.filter((G) => G.type === "array"), l = d.props.tableDataSourceId || "", s = i.find((G) => G.id === l), b = _.length > 0 ? _ : t, [P, S] = Ne.useState({}), D = () => {
       c(r, b);
     }, M = () => {
       const G = [
         ...b,
         { title: e("property.columnDefault", { index: b.length + 1 }) }
       ];
-      j(G);
+      w(G);
     }, H = (G) => {
       const U = b.filter((re, ce) => ce !== G);
-      j(U);
+      w(U);
     }, q = (G, U, re) => {
       const ce = [...b];
-      ce[G] = { ...ce[G], [U]: re }, j(ce);
+      ce[G] = { ...ce[G], [U]: re }, w(ce);
     };
     let Y = [];
     if (s) {
@@ -7158,7 +7158,7 @@ const Ar = ({ value: e, format: n }) => {
         title: e("property.action"),
         width: 50,
         render: (G, U) => /* @__PURE__ */ o.jsx(
-          An,
+          In,
           {
             title: e("property.deleteConfirm"),
             onConfirm: () => {
@@ -7166,7 +7166,7 @@ const Ar = ({ value: e, format: n }) => {
             },
             okText: e("common.confirm"),
             cancelText: e("common.cancel"),
-            children: /* @__PURE__ */ o.jsx(Ae, { type: "text", danger: !0, size: "small", icon: /* @__PURE__ */ o.jsx(Rr, {}) })
+            children: /* @__PURE__ */ o.jsx(Ae, { type: "text", danger: !0, size: "small", icon: /* @__PURE__ */ o.jsx(_r, {}) })
           }
         )
       }
@@ -7193,11 +7193,11 @@ const Ar = ({ value: e, format: n }) => {
       /* @__PURE__ */ o.jsx(Xe, {}),
       /* @__PURE__ */ o.jsxs(Ve, { style: { marginBottom: 8 }, children: [
         /* @__PURE__ */ o.jsx(we, { style: { fontSize: 12 }, children: e("property.columnConfig") }),
-        /* @__PURE__ */ o.jsx(Ae, { size: "small", type: "dashed", icon: /* @__PURE__ */ o.jsx(Or, {}), onClick: M }),
-        /* @__PURE__ */ o.jsx(Ae, { size: "small", type: "primary", onClick: D, icon: /* @__PURE__ */ o.jsx($n, {}) })
+        /* @__PURE__ */ o.jsx(Ae, { size: "small", type: "dashed", icon: /* @__PURE__ */ o.jsx(Rr, {}), onClick: M }),
+        /* @__PURE__ */ o.jsx(Ae, { size: "small", type: "primary", onClick: D, icon: /* @__PURE__ */ o.jsx(Fn, {}) })
       ] }),
       /* @__PURE__ */ o.jsx(
-        vo,
+        xo,
         {
           dataSource: ee,
           columns: J,
@@ -7533,8 +7533,8 @@ const Ar = ({ value: e, format: n }) => {
       ] })
     }
   );
-}, { Text: ki } = bt, Ja = ({ dataSources: e }) => {
-  const { t: n } = Ge(), r = pe((t) => t.previewVisible), a = pe((t) => t.setPreviewVisible), h = pe((t) => t.components), c = pe((t) => t.pageSettings), d = pe((t) => t.gridSettings) || Ut, E = pe((t) => t.dataSources), j = e || E, O = Cr(null), x = Ue(() => {
+}, { Text: Ai } = bt, Ka = ({ dataSources: e }) => {
+  const { t: n } = Ge(), r = pe((t) => t.previewVisible), a = pe((t) => t.setPreviewVisible), h = pe((t) => t.components), c = pe((t) => t.pageSettings), d = pe((t) => t.gridSettings) || Gt, _ = pe((t) => t.dataSources), w = e || _, O = Pr(null), x = Ue(() => {
     const t = Kt[c.paperSize];
     if (!t)
       return {
@@ -7543,7 +7543,7 @@ const Ar = ({ value: e, format: n }) => {
       };
     const i = t.width * Re, l = t.height * Re;
     return c.orientation === "landscape" ? { width: l, height: i } : { width: i, height: l };
-  }, [c]), _ = Ue(
+  }, [c]), E = Ue(
     () => ({
       top: c.marginTop * Re,
       right: c.marginRight * Re,
@@ -7551,7 +7551,7 @@ const Ar = ({ value: e, format: n }) => {
       left: c.marginLeft * Re
     }),
     [c]
-  ), L = x.width - _.left - _.right, R = L / d.cols, T = Fn({
+  ), L = x.width - E.left - E.right, R = L / d.cols, T = Hn({
     contentRef: O,
     documentTitle: n("printPreview.documentTitle"),
     pageStyle: `
@@ -7566,11 +7566,11 @@ const Ar = ({ value: e, format: n }) => {
   }), m = (t, i) => {
     const l = t.props[`${i}Binding`];
     if (l && l.dataSourceId && l.fieldPath) {
-      const s = j.find((b) => b.id === l.dataSourceId);
+      const s = w.find((b) => b.id === l.dataSourceId);
       if (s && s.type === "object") {
-        const b = Tr(s);
+        const b = zr(s);
         if (b) {
-          const P = Sr(b, l.fieldPath);
+          const P = wr(b, l.fieldPath);
           if (P !== "")
             return P;
         }
@@ -7578,7 +7578,7 @@ const Ar = ({ value: e, format: n }) => {
     }
     return (l == null ? void 0 : l.staticValue) ?? String(t.props[i] || "");
   }, u = (t) => {
-    const i = t.props.tableDataSourceId, l = i ? j.find((Y) => Y.id === i) : null, s = l ? zr(l) : null, b = t.tableColumns || [], P = t.props.borderWidth || 1, S = t.props.borderColor || "#000000", D = t.props.headerBackgroundColor || "#f5f5f5", M = t.props.headerColor || "#000000", H = t.props.headerFontSize || 12, q = s || Array.from({ length: t.props.rows || 3 }).map(() => ({}));
+    const i = t.props.tableDataSourceId, l = i ? w.find((Y) => Y.id === i) : null, s = l ? kr(l) : null, b = t.tableColumns || [], P = t.props.borderWidth || 1, S = t.props.borderColor || "#000000", D = t.props.headerBackgroundColor || "#f5f5f5", M = t.props.headerColor || "#000000", H = t.props.headerFontSize || 12, q = s || Array.from({ length: t.props.rows || 3 }).map(() => ({}));
     return /* @__PURE__ */ o.jsxs(
       "table",
       {
@@ -7613,7 +7613,7 @@ const Ar = ({ value: e, format: n }) => {
                 textAlign: "center",
                 fontSize: 12
               },
-              children: ee.fieldPath ? Sr(Y, ee.fieldPath) : ""
+              children: ee.fieldPath ? wr(Y, ee.fieldPath) : ""
             },
             G
           )) }, J)) })
@@ -7651,7 +7651,7 @@ const Ar = ({ value: e, format: n }) => {
               whiteSpace: "pre-wrap",
               wordBreak: "break-word"
             },
-            children: Dr(m(t, "content"), i.format)
+            children: Tr(m(t, "content"), i.format)
           }
         ) }, t.id);
       case "image":
@@ -7681,7 +7681,7 @@ const Ar = ({ value: e, format: n }) => {
               padding: 4
             },
             children: /* @__PURE__ */ o.jsx(
-              Ar,
+              $r,
               {
                 value: m(t, "value"),
                 format: i.format || "CODE128"
@@ -7701,7 +7701,7 @@ const Ar = ({ value: e, format: n }) => {
               padding: 4
             },
             children: /* @__PURE__ */ o.jsx(
-              $r,
+              Ir,
               {
                 value: m(t, "value"),
                 errorLevel: i.errorLevel || "M",
@@ -7739,7 +7739,7 @@ const Ar = ({ value: e, format: n }) => {
     }
   };
   return /* @__PURE__ */ o.jsxs(
-    Pr,
+    Or,
     {
       title: n("printPreview.title"),
       open: r,
@@ -7747,7 +7747,7 @@ const Ar = ({ value: e, format: n }) => {
       width: x.width + 80,
       footer: /* @__PURE__ */ o.jsxs(Ve, { children: [
         /* @__PURE__ */ o.jsx(Ae, { onClick: () => a(!1), children: n("printPreview.close") }),
-        /* @__PURE__ */ o.jsx(Ae, { type: "primary", icon: /* @__PURE__ */ o.jsx(_r, {}), onClick: () => T(), children: n("printPreview.print") })
+        /* @__PURE__ */ o.jsx(Ae, { type: "primary", icon: /* @__PURE__ */ o.jsx(Er, {}), onClick: () => T(), children: n("printPreview.print") })
       ] }),
       styles: { body: { padding: 16, display: "flex", flexDirection: "column", alignItems: "center" } },
       children: [
@@ -7772,9 +7772,9 @@ const Ar = ({ value: e, format: n }) => {
                   style: {
                     position: "absolute",
                     top: 0,
-                    left: _.left,
-                    right: _.right,
-                    height: _.top,
+                    left: E.left,
+                    right: E.right,
+                    height: E.top,
                     display: "flex",
                     alignItems: "center",
                     justifyContent: "center",
@@ -7790,9 +7790,9 @@ const Ar = ({ value: e, format: n }) => {
                   style: {
                     position: "absolute",
                     bottom: 0,
-                    left: _.left,
-                    right: _.right,
-                    height: _.bottom,
+                    left: E.left,
+                    right: E.right,
+                    height: E.bottom,
                     display: "flex",
                     alignItems: "center",
                     justifyContent: c.showPageNumber ? "space-between" : "center",
@@ -7811,10 +7811,10 @@ const Ar = ({ value: e, format: n }) => {
                 {
                   style: {
                     position: "absolute",
-                    top: _.top,
-                    left: _.left,
+                    top: E.top,
+                    left: E.left,
                     width: L,
-                    height: x.height - _.top - _.bottom
+                    height: x.height - E.top - E.bottom
                   },
                   children: h.map(p)
                 }
@@ -7825,10 +7825,10 @@ const Ar = ({ value: e, format: n }) => {
       ]
     }
   );
-}, Xa = () => {
+}, Qa = () => {
   const { t: e } = Ge(), n = pe((c) => c.headerFooterVisible), r = pe((c) => c.pageSettings), a = pe((c) => c.setPageSettings), h = pe((c) => c.setHeaderFooterVisible);
   return /* @__PURE__ */ o.jsx(
-    Pr,
+    Or,
     {
       title: e("headerFooter.title"),
       open: n,
@@ -7837,22 +7837,22 @@ const Ar = ({ value: e, format: n }) => {
       okText: e("common.confirm"),
       cancelText: e("common.cancel"),
       width: 480,
-      children: /* @__PURE__ */ o.jsxs(st, { layout: "vertical", style: { marginTop: 8 }, children: [
-        /* @__PURE__ */ o.jsx(st.Item, { label: e("headerFooter.showHeader"), children: /* @__PURE__ */ o.jsx(
+      children: /* @__PURE__ */ o.jsxs(lt, { layout: "vertical", style: { marginTop: 8 }, children: [
+        /* @__PURE__ */ o.jsx(lt.Item, { label: e("headerFooter.showHeader"), children: /* @__PURE__ */ o.jsx(
           ir,
           {
             checked: r.showHeader,
             onChange: (c) => a({ showHeader: c })
           }
         ) }),
-        r.showHeader && /* @__PURE__ */ o.jsx(st.Item, { label: e("headerFooter.headerContent"), children: /* @__PURE__ */ o.jsx(
+        r.showHeader && /* @__PURE__ */ o.jsx(lt.Item, { label: e("headerFooter.headerContent"), children: /* @__PURE__ */ o.jsx(
           Ke,
           {
             value: r.headerContent,
             onChange: (c) => a({ headerContent: c.target.value })
           }
         ) }),
-        /* @__PURE__ */ o.jsx(st.Item, { label: e("headerFooter.showFooter"), children: /* @__PURE__ */ o.jsx(
+        /* @__PURE__ */ o.jsx(lt.Item, { label: e("headerFooter.showFooter"), children: /* @__PURE__ */ o.jsx(
           ir,
           {
             checked: r.showFooter,
@@ -7860,21 +7860,21 @@ const Ar = ({ value: e, format: n }) => {
           }
         ) }),
         r.showFooter && /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
-          /* @__PURE__ */ o.jsx(st.Item, { label: e("headerFooter.footerContent"), children: /* @__PURE__ */ o.jsx(
+          /* @__PURE__ */ o.jsx(lt.Item, { label: e("headerFooter.footerContent"), children: /* @__PURE__ */ o.jsx(
             Ke,
             {
               value: r.footerContent,
               onChange: (c) => a({ footerContent: c.target.value })
             }
           ) }),
-          /* @__PURE__ */ o.jsx(st.Item, { label: e("headerFooter.showPageNumber"), children: /* @__PURE__ */ o.jsx(
+          /* @__PURE__ */ o.jsx(lt.Item, { label: e("headerFooter.showPageNumber"), children: /* @__PURE__ */ o.jsx(
             ir,
             {
               checked: r.showPageNumber,
               onChange: (c) => a({ showPageNumber: c })
             }
           ) }),
-          r.showPageNumber && /* @__PURE__ */ o.jsx(st.Item, { label: e("headerFooter.pageNumberFormat"), children: /* @__PURE__ */ o.jsx(
+          r.showPageNumber && /* @__PURE__ */ o.jsx(lt.Item, { label: e("headerFooter.pageNumberFormat"), children: /* @__PURE__ */ o.jsx(
             Ke,
             {
               value: r.pageNumberFormat,
@@ -7887,15 +7887,15 @@ const Ar = ({ value: e, format: n }) => {
     }
   );
 };
-function Ka() {
-  const e = Mo();
+function Za() {
+  const e = No();
   if (e != null && e.on) return e;
-  const n = Ao;
+  const n = Io;
   return n != null && n.isInitialized ? n : null;
 }
-function Qa() {
-  const e = ho(ko), n = (e == null ? void 0 : e.i18n) || Ka(), [, r] = mt(0);
-  return Xt(() => {
+function ei() {
+  const e = mo(Lo), n = (e == null ? void 0 : e.i18n) || Za(), [, r] = at(0);
+  return At(() => {
     if (!(n != null && n.on)) return;
     const a = () => r((h) => h + 1);
     return n.on("languageChanged", a), n.on("initialized", a), () => {
@@ -7903,17 +7903,17 @@ function Qa() {
     };
   }, [n]), n;
 }
-function Za(e) {
-  const n = e === "auto", r = Qa(), a = n ? Vt(r == null ? void 0 : r.language) : null, [h, c] = mt(Jr);
-  return Xt(() => {
+function ti(e) {
+  const n = e === "auto", r = ei(), a = n ? Ut(r == null ? void 0 : r.language) : null, [h, c] = at(Kr);
+  return At(() => {
     if (!n || a) return;
-    const d = () => c(Jr()), E = new MutationObserver(d);
-    return E.observe(document.documentElement, { attributes: !0, attributeFilter: ["lang"] }), window.addEventListener("languagechange", d), () => {
-      E.disconnect(), window.removeEventListener("languagechange", d);
+    const d = () => c(Kr()), _ = new MutationObserver(d);
+    return _.observe(document.documentElement, { attributes: !0, attributeFilter: ["lang"] }), window.addEventListener("languagechange", d), () => {
+      _.disconnect(), window.removeEventListener("languagechange", d);
     };
-  }, [n, a]), n ? a || h || Lt : qn(e);
+  }, [n, a]), n ? a || h || Lt : Wn(e);
 }
-var ei = {
+var ri = {
   // Options
   items_per_page: "条/页",
   jump_to: "跳至",
@@ -7936,7 +7936,7 @@ function Nt(e) {
     return n && typeof Symbol == "function" && n.constructor === Symbol && n !== Symbol.prototype ? "symbol" : typeof n;
   }, Nt(e);
 }
-function ti(e, n) {
+function ni(e, n) {
   if (Nt(e) != "object" || !e) return e;
   var r = e[Symbol.toPrimitive];
   if (r !== void 0) {
@@ -7946,19 +7946,19 @@ function ti(e, n) {
   }
   return (n === "string" ? String : Number)(e);
 }
-function ri(e) {
-  var n = ti(e, "string");
+function oi(e) {
+  var n = ni(e, "string");
   return Nt(n) == "symbol" ? n : n + "";
 }
-function ni(e, n, r) {
-  return (n = ri(n)) in e ? Object.defineProperty(e, n, {
+function ai(e, n, r) {
+  return (n = oi(n)) in e ? Object.defineProperty(e, n, {
     value: r,
     enumerable: !0,
     configurable: !0,
     writable: !0
   }) : e[n] = r, e;
 }
-function Mn(e, n) {
+function Nn(e, n) {
   var r = Object.keys(e);
   if (Object.getOwnPropertySymbols) {
     var a = Object.getOwnPropertySymbols(e);
@@ -7971,20 +7971,20 @@ function Mn(e, n) {
 function vt(e) {
   for (var n = 1; n < arguments.length; n++) {
     var r = arguments[n] != null ? arguments[n] : {};
-    n % 2 ? Mn(Object(r), !0).forEach(function(a) {
-      ni(e, a, r[a]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : Mn(Object(r)).forEach(function(a) {
+    n % 2 ? Nn(Object(r), !0).forEach(function(a) {
+      ai(e, a, r[a]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : Nn(Object(r)).forEach(function(a) {
       Object.defineProperty(e, a, Object.getOwnPropertyDescriptor(r, a));
     });
   }
   return e;
 }
-var Ir = {
+var Fr = {
   yearFormat: "YYYY",
   dayFormat: "D",
   cellMeridiemFormat: "A",
   monthBeforeYear: !0
-}, oi = vt(vt({}, Ir), {}, {
+}, ii = vt(vt({}, Fr), {}, {
   locale: "zh_CN",
   today: "今天",
   now: "此刻",
@@ -8012,10 +8012,10 @@ var Ir = {
   cellDateFormat: "D",
   monthBeforeYear: !1
 });
-const eo = {
+const ro = {
   placeholder: "请选择时间",
   rangePlaceholder: ["开始时间", "结束时间"]
-}, jr = {
+}, Cr = {
   lang: Object.assign({
     placeholder: "请选择日期",
     yearPlaceholder: "请选择年份",
@@ -8027,16 +8027,16 @@ const eo = {
     rangeMonthPlaceholder: ["开始月份", "结束月份"],
     rangeQuarterPlaceholder: ["开始季度", "结束季度"],
     rangeWeekPlaceholder: ["开始周", "结束周"]
-  }, oi),
-  timePickerLocale: Object.assign({}, eo)
+  }, ii),
+  timePickerLocale: Object.assign({}, ro)
 };
-jr.lang.ok = "确定";
-const He = "${label}不是一个有效的${type}", ai = {
+Cr.lang.ok = "确定";
+const He = "${label}不是一个有效的${type}", si = {
   locale: "zh-cn",
-  Pagination: ei,
-  DatePicker: jr,
-  TimePicker: eo,
-  Calendar: jr,
+  Pagination: ri,
+  DatePicker: Cr,
+  TimePicker: ro,
+  Calendar: Cr,
   // locales for all components
   global: {
     placeholder: "请选择",
@@ -8173,7 +8173,7 @@ const He = "${label}不是一个有效的${type}", ai = {
     gradientColor: "渐变色"
   }
 };
-var ii = {
+var li = {
   // Options
   items_per_page: "/ page",
   jump_to: "Go to",
@@ -8187,7 +8187,7 @@ var ii = {
   prev_3: "Previous 3 Pages",
   next_3: "Next 3 Pages",
   page_size: "Page Size"
-}, si = vt(vt({}, Ir), {}, {
+}, ci = vt(vt({}, Fr), {}, {
   locale: "en_US",
   today: "Today",
   now: "Now",
@@ -8214,10 +8214,10 @@ var ii = {
   previousCentury: "Last century",
   nextCentury: "Next century"
 });
-const to = {
+const no = {
   placeholder: "Select time",
   rangePlaceholder: ["Start time", "End time"]
-}, Ln = {
+}, An = {
   lang: Object.assign({
     placeholder: "Select date",
     yearPlaceholder: "Select year",
@@ -8229,14 +8229,14 @@ const to = {
     rangeQuarterPlaceholder: ["Start quarter", "End quarter"],
     rangeMonthPlaceholder: ["Start month", "End month"],
     rangeWeekPlaceholder: ["Start week", "End week"]
-  }, si),
-  timePickerLocale: Object.assign({}, to)
-}, We = "${label} is not a valid ${type}", li = {
+  }, ci),
+  timePickerLocale: Object.assign({}, no)
+}, We = "${label} is not a valid ${type}", ui = {
   locale: "en",
-  Pagination: ii,
-  DatePicker: Ln,
-  TimePicker: to,
-  Calendar: Ln,
+  Pagination: li,
+  DatePicker: An,
+  TimePicker: no,
+  Calendar: An,
   global: {
     placeholder: "Please select",
     close: "Close"
@@ -8372,7 +8372,7 @@ const to = {
     gradientColor: "Gradient"
   }
 };
-var ci = {
+var di = {
   // Options
   items_per_page: "件 / ページ",
   jump_to: "移動",
@@ -8386,7 +8386,7 @@ var ci = {
   prev_3: "前 3ページ",
   next_3: "次 3ページ",
   page_size: "ページサイズ"
-}, ui = vt(vt({}, Ir), {}, {
+}, pi = vt(vt({}, Fr), {}, {
   locale: "ja_JP",
   today: "今日",
   now: "現在時刻",
@@ -8415,10 +8415,10 @@ var ci = {
   nextCentury: "次の世紀",
   monthBeforeYear: !1
 });
-const ro = {
+const oo = {
   placeholder: "時間を選択",
   rangePlaceholder: ["開始時間", "終了時間"]
-}, Nn = {
+}, $n = {
   lang: Object.assign({
     placeholder: "日付を選択",
     yearPlaceholder: "年を選択",
@@ -8432,14 +8432,14 @@ const ro = {
     rangeWeekPlaceholder: ["開始週", "終了週"],
     shortWeekDays: ["日", "月", "火", "水", "木", "金", "土"],
     shortMonths: ["1月", "2月", "3月", "4月", "5月", "6月", "7月", "8月", "9月", "10月", "11月", "12月"]
-  }, ui),
-  timePickerLocale: Object.assign({}, ro)
-}, Be = "${label}は有効な${type}ではありません", di = {
+  }, pi),
+  timePickerLocale: Object.assign({}, oo)
+}, Be = "${label}は有効な${type}ではありません", fi = {
   locale: "ja",
-  Pagination: ci,
-  DatePicker: Nn,
-  TimePicker: ro,
-  Calendar: Nn,
+  Pagination: di,
+  DatePicker: $n,
+  TimePicker: oo,
+  Calendar: $n,
   global: {
     placeholder: "選んでください",
     close: "閉じる"
@@ -8574,28 +8574,51 @@ const ro = {
     singleColor: "単色",
     gradientColor: "グラデーション"
   }
-}, pi = {
-  "zh-CN": ai,
-  "en-US": li,
-  "ja-JP": di
-}, fi = ({
+}, hi = {
+  "zh-CN": si,
+  "en-US": ui,
+  "ja-JP": fi
+}, mr = () => {
+  if (typeof document > "u") return null;
+  const e = document.documentElement.getAttribute("data-erp-dark");
+  return e === "true" ? !0 : e === "false" ? !1 : null;
+}, gi = () => typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-color-scheme: dark)").matches;
+function mi(e) {
+  const [n, r] = at(mr), [a, h] = at(gi);
+  return At(() => {
+    if (e !== "auto") return;
+    r(mr());
+    const c = new MutationObserver(() => r(mr()));
+    if (c.observe(document.documentElement, {
+      attributes: !0,
+      attributeFilter: ["data-erp-dark"]
+    }), typeof window.matchMedia == "function") {
+      const d = window.matchMedia("(prefers-color-scheme: dark)"), _ = (w) => h(w.matches);
+      return d.addEventListener("change", _), () => {
+        c.disconnect(), d.removeEventListener("change", _);
+      };
+    }
+    return () => c.disconnect();
+  }, [e]), e === "dark" ? !0 : e === "light" ? !1 : n ?? a;
+}
+const yi = ({
   isPreview: e = !1,
   initialTemplateData: n,
   dataSource: r,
   onSave: a,
   onPrint: h
 }) => {
-  const { t: c } = Ge(), { importJSON: d, exportJSON: E, reset: j, components: O, pageSettings: x, gridSettings: _, dataSources: L } = pe(), R = Cr(null);
-  Xt(() => {
+  const { t: c } = Ge(), { importJSON: d, exportJSON: _, reset: w, components: O, pageSettings: x, gridSettings: E, dataSources: L } = pe(), R = Pr(null);
+  At(() => {
     if (n) {
       const S = JSON.stringify(n), D = d(S);
-      D && (console.error("Import failed:", c(D)), j());
+      D && (console.error("Import failed:", c(D)), w());
     }
-  }, [n, d, j, c]);
+  }, [n, d, w, c]);
   const T = () => {
     if (a)
       try {
-        const S = E();
+        const S = _();
         a(JSON.parse(S));
       } catch (S) {
         console.error("Export failed:", S);
@@ -8617,7 +8640,7 @@ const ro = {
       left: x.marginLeft * Re
     }),
     [x]
-  ), p = m.width - u.left - u.right, t = p / ((_ == null ? void 0 : _.cols) || Ut.cols), i = Ue(() => {
+  ), p = m.width - u.left - u.right, t = p / ((E == null ? void 0 : E.cols) || Gt.cols), i = Ue(() => {
     if (!r)
       return L;
     const S = r.data && typeof r.data == "object", D = Array.isArray(r.list), M = S ? JSON.stringify(r.data) : null, H = D ? JSON.stringify(r.list) : null;
@@ -8636,7 +8659,7 @@ const ro = {
       data: H,
       createdAt: 0
     }), J;
-  }, [r, L, c]), l = Fn({
+  }, [r, L, c]), l = Hn({
     contentRef: R,
     documentTitle: c("printPreview.documentTitle"),
     pageStyle: `
@@ -8681,7 +8704,7 @@ const ro = {
               whiteSpace: "pre-wrap",
               wordBreak: "break-word"
             },
-            children: Dr(zt(S, "content", i), D.format)
+            children: Tr(zt(S, "content", i), D.format)
           }
         ) }, S.id);
       case "image":
@@ -8711,7 +8734,7 @@ const ro = {
               padding: 4
             },
             children: /* @__PURE__ */ o.jsx(
-              Ar,
+              $r,
               {
                 value: zt(S, "value", i),
                 format: D.format || "CODE128"
@@ -8731,7 +8754,7 @@ const ro = {
               padding: 4
             },
             children: /* @__PURE__ */ o.jsx(
-              $r,
+              Ir,
               {
                 value: zt(S, "value", i),
                 errorLevel: D.errorLevel || "M",
@@ -8768,7 +8791,7 @@ const ro = {
         return null;
     }
   }, P = (S) => {
-    const D = S.props.tableDataSourceId, M = D ? i.find((de) => de.id === D) : null, H = M ? zr(M) : null, q = S.tableColumns || [], Y = S.props.borderWidth || 1, J = S.props.borderColor || "#000000", ee = S.props.headerBackgroundColor || "#f5f5f5", G = S.props.headerColor || "#000000", U = S.props.headerFontSize || 12;
+    const D = S.props.tableDataSourceId, M = D ? i.find((de) => de.id === D) : null, H = M ? kr(M) : null, q = S.tableColumns || [], Y = S.props.borderWidth || 1, J = S.props.borderColor || "#000000", ee = S.props.headerBackgroundColor || "#f5f5f5", G = S.props.headerColor || "#000000", U = S.props.headerFontSize || 12;
     if (H && H.length > 0)
       return /* @__PURE__ */ o.jsxs(
         "table",
@@ -8835,9 +8858,9 @@ const ro = {
       }
     );
   };
-  return e ? /* @__PURE__ */ o.jsx(mr, { children: /* @__PURE__ */ o.jsxs("div", { style: { width: "100%", height: "100%", display: "flex", flexDirection: "column" }, children: [
-    /* @__PURE__ */ o.jsx("div", { style: { padding: "6px 8px", borderBottom: "1px solid #e8e8e8", background: "#fff", textAlign: "right" }, children: /* @__PURE__ */ o.jsx(Ve, { children: /* @__PURE__ */ o.jsx(Ae, { type: "text", ghost: !0, icon: /* @__PURE__ */ o.jsx(_r, {}), onClick: s }) }) }),
-    /* @__PURE__ */ o.jsx("div", { style: { flex: 1, display: "flex", justifyContent: "center", alignItems: "flex-start", padding: "16px", boxSizing: "border-box", overflowY: "auto", background: "#e8e8e8" }, children: /* @__PURE__ */ o.jsx("div", { style: { flexShrink: 0 }, children: /* @__PURE__ */ o.jsx(kn, { isPreview: !0, dataSources: i }) }) }),
+  return e ? /* @__PURE__ */ o.jsx(yr, { children: /* @__PURE__ */ o.jsxs("div", { style: { width: "100%", height: "100%", display: "flex", flexDirection: "column" }, children: [
+    /* @__PURE__ */ o.jsx("div", { style: { padding: "6px 8px", borderBottom: "1px solid var(--pd-chrome-border, #e8e8e8)", background: "var(--pd-chrome-bg, #fff)", textAlign: "right" }, children: /* @__PURE__ */ o.jsx(Ve, { children: /* @__PURE__ */ o.jsx(Ae, { type: "text", ghost: !0, icon: /* @__PURE__ */ o.jsx(Er, {}), onClick: s }) }) }),
+    /* @__PURE__ */ o.jsx("div", { style: { flex: 1, display: "flex", justifyContent: "center", alignItems: "flex-start", padding: "16px", boxSizing: "border-box", overflowY: "auto", background: "var(--pd-canvas-bg, #e8e8e8)" }, children: /* @__PURE__ */ o.jsx("div", { style: { flexShrink: 0 }, children: /* @__PURE__ */ o.jsx(Ln, { isPreview: !0, dataSources: i }) }) }),
     /* @__PURE__ */ o.jsx("div", { style: { position: "absolute", left: "-9999px", top: "-9999px" }, children: /* @__PURE__ */ o.jsxs(
       "div",
       {
@@ -8906,41 +8929,69 @@ const ro = {
         ]
       }
     ) })
-  ] }) }) : /* @__PURE__ */ o.jsx(mr, { children: /* @__PURE__ */ o.jsxs("div", { className: "app-container", children: [
-    /* @__PURE__ */ o.jsx(Ko, { onCustomSave: a ? T : void 0, onCustomPrint: h }),
-    /* @__PURE__ */ o.jsxs(At, { className: "app-body", children: [
-      /* @__PURE__ */ o.jsx(At.Panel, { defaultSize: "30%", min: 80, max: "50%", collapsible: !0, children: /* @__PURE__ */ o.jsx("div", { className: "app-left-panel", children: /* @__PURE__ */ o.jsx(ia, {}) }) }),
-      /* @__PURE__ */ o.jsx(At.Panel, { min: 400, children: /* @__PURE__ */ o.jsx(kn, { dataSources: i }) }),
-      /* @__PURE__ */ o.jsx(At.Panel, { defaultSize: "30%", min: 80, max: "50%", collapsible: !0, children: /* @__PURE__ */ o.jsx("div", { className: "app-right-panel", children: /* @__PURE__ */ o.jsx(Ga, {}) }) })
+  ] }) }) : /* @__PURE__ */ o.jsx(yr, { children: /* @__PURE__ */ o.jsxs("div", { className: "app-container", children: [
+    /* @__PURE__ */ o.jsx(Zo, { onCustomSave: a ? T : void 0, onCustomPrint: h }),
+    /* @__PURE__ */ o.jsxs($t, { className: "app-body", children: [
+      /* @__PURE__ */ o.jsx($t.Panel, { defaultSize: "20%", min: 80, max: "50%", collapsible: !0, children: /* @__PURE__ */ o.jsx("div", { className: "app-left-panel", children: /* @__PURE__ */ o.jsx(la, {}) }) }),
+      /* @__PURE__ */ o.jsx($t.Panel, { min: 400, children: /* @__PURE__ */ o.jsx(Ln, { dataSources: i }) }),
+      /* @__PURE__ */ o.jsx($t.Panel, { defaultSize: "20%", min: 80, max: "50%", collapsible: !0, children: /* @__PURE__ */ o.jsx("div", { className: "app-right-panel", children: /* @__PURE__ */ o.jsx(Xa, {}) }) })
     ] }),
-    /* @__PURE__ */ o.jsx(Ja, { dataSources: i }),
-    /* @__PURE__ */ o.jsx(Xa, {})
+    /* @__PURE__ */ o.jsx(Ka, { dataSources: i }),
+    /* @__PURE__ */ o.jsx(Qa, {})
   ] }) });
-}, no = ({ locale: e, ...n }) => (Ue(() => {
-  ct.language !== e && ct.changeLanguage(e);
-}, [e]), Xt(() => {
-  pe.getState().reseedLocalizedDefaults();
-}, [e]), /* @__PURE__ */ o.jsx(Lo, { i18n: ct, children: /* @__PURE__ */ o.jsx(bo, { locale: pi[e], children: /* @__PURE__ */ o.jsx(fi, { ...n }) }) })), hi = (e) => {
-  const n = Za("auto");
-  return /* @__PURE__ */ o.jsx(no, { locale: n, ...e });
-}, Mi = ({ locale: e = Lt, ...n }) => e === "auto" ? /* @__PURE__ */ o.jsx(hi, { ...n }) : /* @__PURE__ */ o.jsx(no, { locale: qn(e), ...n });
+}, ao = ({ locale: e, theme: n, ...r }) => {
+  Ue(() => {
+    ut.language !== e && ut.changeLanguage(e);
+  }, [e]);
+  const a = mi(n);
+  return At(() => {
+    pe.getState().reseedLocalizedDefaults();
+  }, [e]), /* @__PURE__ */ o.jsx(
+    "div",
+    {
+      className: "pd-theme-root",
+      "data-pd-dark": a ? "true" : "false",
+      style: { width: "100%", height: "100%" },
+      children: /* @__PURE__ */ o.jsx(Ao, { i18n: ut, children: /* @__PURE__ */ o.jsx(
+        So,
+        {
+          locale: hi[e],
+          theme: {
+            algorithm: a ? Ur.darkAlgorithm : Ur.defaultAlgorithm
+          },
+          children: /* @__PURE__ */ o.jsx(yi, { ...r })
+        }
+      ) })
+    }
+  );
+}, vi = ({
+  theme: e = "auto",
+  ...n
+}) => {
+  const r = ti("auto");
+  return /* @__PURE__ */ o.jsx(ao, { locale: r, theme: e, ...n });
+}, $i = ({
+  locale: e = Lt,
+  theme: n = "auto",
+  ...r
+}) => e === "auto" ? /* @__PURE__ */ o.jsx(vi, { theme: n, ...r }) : /* @__PURE__ */ o.jsx(ao, { locale: Wn(e), theme: n, ...r });
 export {
   Lt as DEFAULT_LOCALE,
-  ji as LOCALE_NAMES,
-  Mi as PrintDesigner,
-  Er as SUPPORTED_LOCALES,
-  Mi as default,
-  Jr as detectEnvironmentLocale,
-  Dr as formatRenderValue,
-  zr as getArrayFromDataSource,
-  Tr as getObjectFromDataSource,
+  Ri as LOCALE_NAMES,
+  $i as PrintDesigner,
+  Dr as SUPPORTED_LOCALES,
+  $i as default,
+  Kr as detectEnvironmentLocale,
+  Tr as formatRenderValue,
+  kr as getArrayFromDataSource,
+  zr as getObjectFromDataSource,
   zt as getRenderValue,
-  Sr as getValueByPath,
-  Vt as matchLocale,
-  qn as normalizeLocale,
-  ct as printDesignerI18n,
+  wr as getValueByPath,
+  Ut as matchLocale,
+  Wn as normalizeLocale,
+  ut as printDesignerI18n,
   Qt as safeParseJSON,
   pe as useDesignerStore,
-  Qa as useHostI18nInstance,
-  Za as useResolvedLocale
+  ei as useHostI18nInstance,
+  ti as useResolvedLocale
 };