@easy-editor/setters 0.1.0 → 0.1.2

package/dist/index.js

@@ -1,9 +1,74 @@
-/* @easy-editor/setters v0.1.0 */
+/* @easy-editor/setters v0.1.1 */
 (function (global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react'), require('react/jsx-runtime')) :
-  typeof define === 'function' && define.amd ? define(['exports', 'react', 'react/jsx-runtime'], factory) :
-  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.EasyEditorSetters = {}, global.React, global.jsxRuntime));
-})(this, (function (exports, React$1, jsxRuntime) { 'use strict';
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react'), require('react-dom'), require('react/jsx-runtime')) :
+  typeof define === 'function' && define.amd ? define(['exports', 'react', 'react-dom', 'react/jsx-runtime'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.EasyEditorSetters = {}, global.React, global.ReactDOM, global.jsxRuntime));
+})(this, (function (exports, React$1, reactDom, jsxRuntime) { 'use strict';
+
+  /**
+   * Popover - 共享弹窗组件
+   * - 使用 Portal 渲染到 document.body，避免被父容器遮挡
+   * - 自动匹配触发器宽度
+   */
+  const Popover = props => {
+    const {
+      open,
+      onClose,
+      trigger,
+      children,
+      width = 'trigger'
+    } = props;
+    const triggerRef = React$1.useRef(null);
+    const [position, setPosition] = React$1.useState({
+      top: 0,
+      left: 0
+    });
+    const [popoverWidth, setPopoverWidth] = React$1.useState(0);
+
+    // 计算弹窗位置
+    React$1.useEffect(() => {
+      if (open && triggerRef.current) {
+        const triggerRect = triggerRef.current.getBoundingClientRect();
+        const triggerWidth = triggerRect.width;
+
+        // 设置弹窗宽度
+        if (width === 'trigger') {
+          setPopoverWidth(triggerWidth);
+        }
+        setPosition({
+          top: triggerRect.bottom + 4,
+          left: triggerRect.left
+        });
+      }
+    }, [open, width]);
+
+    // 点击外部关闭
+    React$1.useEffect(() => {
+      const handleClickOutside = event => {
+        const target = event.target;
+        const popoverEl = document.querySelector('.es-popover-portal');
+        if (popoverEl && !popoverEl.contains(target) && triggerRef.current && !triggerRef.current.contains(target)) {
+          onClose();
+        }
+      };
+      if (open) {
+        document.addEventListener('mousedown', handleClickOutside);
+        return () => document.removeEventListener('mousedown', handleClickOutside);
+      }
+    }, [open, onClose]);
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+      ref: triggerRef
+    }, trigger), open ? /*#__PURE__*/reactDom.createPortal(/*#__PURE__*/React.createElement("div", {
+      className: "es-popover-portal",
+      style: {
+        position: 'fixed',
+        top: position.top,
+        left: position.left,
+        width: popoverWidth || 'auto',
+        zIndex: 1000
+      }
+    }, children), document.body) : '');
+  };
 
   function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f);}else for(f in e)e[f]&&(n&&(n+=" "),n+=f);return n}function clsx(){for(var e,t,f=0,n="",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n}
 
@@ -107,19 +172,7 @@
    * This source code is licensed under the ISC license.
    * See the LICENSE file in the root directory of this source tree.
    */
-  const __iconNode$1O = [["path", {
-    d: "M22 12h-2.48a2 2 0 0 0-1.93 1.46l-2.35 8.36a.25.25 0 0 1-.48 0L9.24 2.18a.25.25 0 0 0-.48 0l-2.35 8.36A2 2 0 0 1 4.49 12H2",
-    key: "169zse"
-  }]];
-  const Activity = createLucideIcon("activity", __iconNode$1O);
-
-  /**
-   * @license lucide-react v0.561.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   */
-  const __iconNode$1N = [["rect", {
+  const __iconNode$m = [["rect", {
     width: "6",
     height: "16",
     x: "4",
@@ -137,7 +190,7 @@
     d: "M22 22H2",
     key: "19qnx5"
   }]];
-  const AlignEndHorizontal = createLucideIcon("align-end-horizontal", __iconNode$1N);
+  const AlignEndHorizontal = createLucideIcon("align-end-horizontal", __iconNode$m);
 
   /**
    * @license lucide-react v0.561.0 - ISC
@@ -145,7 +198,7 @@
    * This source code is licensed under the ISC license.
    * See the LICENSE file in the root directory of this source tree.
    */
-  const __iconNode$1M = [["rect", {
+  const __iconNode$l = [["rect", {
     width: "16",
     height: "6",
     x: "2",
@@ -163,7 +216,7 @@
     d: "M22 22V2",
     key: "12ipfv"
   }]];
-  const AlignEndVertical = createLucideIcon("align-end-vertical", __iconNode$1M);
+  const AlignEndVertical = createLucideIcon("align-end-vertical", __iconNode$l);
 
   /**
    * @license lucide-react v0.561.0 - ISC
@@ -171,7 +224,7 @@
    * This source code is licensed under the ISC license.
    * See the LICENSE file in the root directory of this source tree.
    */
-  const __iconNode$1L = [["rect", {
+  const __iconNode$k = [["rect", {
     width: "6",
     height: "14",
     x: "4",
@@ -198,7 +251,7 @@
     d: "M7 5V2",
     key: "liy1u9"
   }]];
-  const AlignHorizontalDistributeCenter = createLucideIcon("align-horizontal-distribute-center", __iconNode$1L);
+  const AlignHorizontalDistributeCenter = createLucideIcon("align-horizontal-distribute-center", __iconNode$k);
 
   /**
    * @license lucide-react v0.561.0 - ISC
@@ -206,7 +259,7 @@
    * This source code is licensed under the ISC license.
    * See the LICENSE file in the root directory of this source tree.
    */
-  const __iconNode$1K = [["rect", {
+  const __iconNode$j = [["rect", {
     width: "6",
     height: "16",
     x: "4",
@@ -224,7 +277,7 @@
     d: "M22 2H2",
     key: "fhrpnj"
   }]];
-  const AlignStartHorizontal = createLucideIcon("align-start-horizontal", __iconNode$1K);
+  const AlignStartHorizontal = createLucideIcon("align-start-horizontal", __iconNode$j);
 
   /**
    * @license lucide-react v0.561.0 - ISC
@@ -232,7 +285,7 @@
    * This source code is licensed under the ISC license.
    * See the LICENSE file in the root directory of this source tree.
    */
-  const __iconNode$1J = [["rect", {
+  const __iconNode$i = [["rect", {
     width: "9",
     height: "6",
     x: "6",
@@ -250,7 +303,7 @@
     d: "M2 2v20",
     key: "1ivd8o"
   }]];
-  const AlignStartVertical = createLucideIcon("align-start-vertical", __iconNode$1J);
+  const AlignStartVertical = createLucideIcon("align-start-vertical", __iconNode$i);
 
   /**
    * @license lucide-react v0.561.0 - ISC
@@ -258,7 +311,7 @@
    * This source code is licensed under the ISC license.
    * See the LICENSE file in the root directory of this source tree.
    */
-  const __iconNode$1I = [["path", {
+  const __iconNode$h = [["path", {
     d: "M22 17h-3",
     key: "1lwga1"
   }], ["path", {
@@ -285,37 +338,7 @@
     rx: "2",
     key: "we8e9z"
   }]];
-  const AlignVerticalDistributeCenter = createLucideIcon("align-vertical-distribute-center", __iconNode$1I);
-
-  /**
-   * @license lucide-react v0.561.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   */
-  const __iconNode$1H = [["path", {
-    d: "M12 5v14",
-    key: "s699le"
-  }], ["path", {
-    d: "m19 12-7 7-7-7",
-    key: "1idqje"
-  }]];
-  const ArrowDown = createLucideIcon("arrow-down", __iconNode$1H);
-
-  /**
-   * @license lucide-react v0.561.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   */
-  const __iconNode$1G = [["path", {
-    d: "m12 19-7-7 7-7",
-    key: "1l729n"
-  }], ["path", {
-    d: "M19 12H5",
-    key: "x3x0zl"
-  }]];
-  const ArrowLeft = createLucideIcon("arrow-left", __iconNode$1G);
+  const AlignVerticalDistributeCenter = createLucideIcon("align-vertical-distribute-center", __iconNode$h);
 
   /**
    * @license lucide-react v0.561.0 - ISC
@@ -323,120 +346,14 @@
    * This source code is licensed under the ISC license.
    * See the LICENSE file in the root directory of this source tree.
    */
-  const __iconNode$1F = [["path", {
+  const __iconNode$g = [["path", {
     d: "M5 12h14",
     key: "1ays0h"
   }], ["path", {
     d: "m12 5 7 7-7 7",
     key: "xquz4c"
   }]];
-  const ArrowRight = createLucideIcon("arrow-right", __iconNode$1F);
-
-  /**
-   * @license lucide-react v0.561.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   */
-  const __iconNode$1E = [["path", {
-    d: "m5 12 7-7 7 7",
-    key: "hav0vg"
-  }], ["path", {
-    d: "M12 19V5",
-    key: "x0mq9r"
-  }]];
-  const ArrowUp = createLucideIcon("arrow-up", __iconNode$1E);
-
-  /**
-   * @license lucide-react v0.561.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   */
-  const __iconNode$1D = [["path", {
-    d: "M10.268 21a2 2 0 0 0 3.464 0",
-    key: "vwvbt9"
-  }], ["path", {
-    d: "M3.262 15.326A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673C19.41 13.956 18 12.499 18 8A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326",
-    key: "11g9vi"
-  }]];
-  const Bell = createLucideIcon("bell", __iconNode$1D);
-
-  /**
-   * @license lucide-react v0.561.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   */
-  const __iconNode$1C = [["path", {
-    d: "M8 2v4",
-    key: "1cmpym"
-  }], ["path", {
-    d: "M16 2v4",
-    key: "4m81vk"
-  }], ["rect", {
-    width: "18",
-    height: "18",
-    x: "3",
-    y: "4",
-    rx: "2",
-    key: "1hopcy"
-  }], ["path", {
-    d: "M3 10h18",
-    key: "8toen8"
-  }]];
-  const Calendar = createLucideIcon("calendar", __iconNode$1C);
-
-  /**
-   * @license lucide-react v0.561.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   */
-  const __iconNode$1B = [["path", {
-    d: "M5 21v-6",
-    key: "1hz6c0"
-  }], ["path", {
-    d: "M12 21V9",
-    key: "uvy0l4"
-  }], ["path", {
-    d: "M19 21V3",
-    key: "11j9sm"
-  }]];
-  const ChartNoAxesColumnIncreasing = createLucideIcon("chart-no-axes-column-increasing", __iconNode$1B);
-
-  /**
-   * @license lucide-react v0.561.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   */
-  const __iconNode$1A = [["path", {
-    d: "M5 21v-6",
-    key: "1hz6c0"
-  }], ["path", {
-    d: "M12 21V3",
-    key: "1lcnhd"
-  }], ["path", {
-    d: "M19 21V9",
-    key: "unv183"
-  }]];
-  const ChartNoAxesColumn = createLucideIcon("chart-no-axes-column", __iconNode$1A);
-
-  /**
-   * @license lucide-react v0.561.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   */
-  const __iconNode$1z = [["path", {
-    d: "M21 12c.552 0 1.005-.449.95-.998a10 10 0 0 0-8.953-8.951c-.55-.055-.998.398-.998.95v8a1 1 0 0 0 1 1z",
-    key: "pzmjnu"
-  }], ["path", {
-    d: "M21.21 15.89A10 10 0 1 1 8 2.83",
-    key: "k2fpak"
-  }]];
-  const ChartPie = createLucideIcon("chart-pie", __iconNode$1z);
+  const ArrowRight = createLucideIcon("arrow-right", __iconNode$g);
 
   /**
    * @license lucide-react v0.561.0 - ISC
@@ -444,11 +361,11 @@
    * This source code is licensed under the ISC license.
    * See the LICENSE file in the root directory of this source tree.
    */
-  const __iconNode$1y = [["path", {
+  const __iconNode$f = [["path", {
     d: "M20 6 9 17l-5-5",
     key: "1gmf2c"
   }]];
-  const Check = createLucideIcon("check", __iconNode$1y);
+  const Check = createLucideIcon("check", __iconNode$f);
 
   /**
    * @license lucide-react v0.561.0 - ISC
@@ -456,47 +373,11 @@
    * This source code is licensed under the ISC license.
    * See the LICENSE file in the root directory of this source tree.
    */
-  const __iconNode$1x = [["path", {
+  const __iconNode$e = [["path", {
     d: "m6 9 6 6 6-6",
     key: "qrunsl"
   }]];
-  const ChevronDown = createLucideIcon("chevron-down", __iconNode$1x);
-
-  /**
-   * @license lucide-react v0.561.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   */
-  const __iconNode$1w = [["path", {
-    d: "m15 18-6-6 6-6",
-    key: "1wnfg3"
-  }]];
-  const ChevronLeft = createLucideIcon("chevron-left", __iconNode$1w);
-
-  /**
-   * @license lucide-react v0.561.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   */
-  const __iconNode$1v = [["path", {
-    d: "m9 18 6-6-6-6",
-    key: "mthhwq"
-  }]];
-  const ChevronRight = createLucideIcon("chevron-right", __iconNode$1v);
-
-  /**
-   * @license lucide-react v0.561.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   */
-  const __iconNode$1u = [["path", {
-    d: "m18 15-6-6-6 6",
-    key: "153udz"
-  }]];
-  const ChevronUp = createLucideIcon("chevron-up", __iconNode$1u);
+  const ChevronDown = createLucideIcon("chevron-down", __iconNode$e);
 
   /**
    * @license lucide-react v0.561.0 - ISC
@@ -504,40 +385,14 @@
    * This source code is licensed under the ISC license.
    * See the LICENSE file in the root directory of this source tree.
    */
-  const __iconNode$1t = [["path", {
+  const __iconNode$d = [["path", {
     d: "m7 15 5 5 5-5",
     key: "1hf1tw"
   }], ["path", {
     d: "m7 9 5-5 5 5",
     key: "sgt6xg"
   }]];
-  const ChevronsUpDown = createLucideIcon("chevrons-up-down", __iconNode$1t);
-
-  /**
-   * @license lucide-react v0.561.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   */
-  const __iconNode$1s = [["circle", {
-    cx: "12",
-    cy: "12",
-    r: "10",
-    key: "1mglay"
-  }], ["line", {
-    x1: "12",
-    x2: "12",
-    y1: "8",
-    y2: "12",
-    key: "1pkeuh"
-  }], ["line", {
-    x1: "12",
-    x2: "12.01",
-    y1: "16",
-    y2: "16",
-    key: "4dfq90"
-  }]];
-  const CircleAlert = createLucideIcon("circle-alert", __iconNode$1s);
+  const ChevronsUpDown = createLucideIcon("chevrons-up-down", __iconNode$d);
 
   /**
    * @license lucide-react v0.561.0 - ISC
@@ -545,14 +400,14 @@
    * This source code is licensed under the ISC license.
    * See the LICENSE file in the root directory of this source tree.
    */
-  const __iconNode$1r = [["path", {
-    d: "M21.801 10A10 10 0 1 1 17 3.335",
-    key: "yps3ct"
+  const __iconNode$c = [["path", {
+    d: "m16 18 6-6-6-6",
+    key: "eg8j8"
   }], ["path", {
-    d: "m9 11 3 3L22 4",
-    key: "1pflzl"
+    d: "m8 6-6 6 6 6",
+    key: "ppft3o"
   }]];
-  const CircleCheckBig = createLucideIcon("circle-check-big", __iconNode$1r);
+  const Code = createLucideIcon("code", __iconNode$c);
 
   /**
    * @license lucide-react v0.561.0 - ISC
@@ -560,19 +415,20 @@
    * This source code is licensed under the ISC license.
    * See the LICENSE file in the root directory of this source tree.
    */
-  const __iconNode$1q = [["circle", {
+  const __iconNode$b = [["ellipse", {
     cx: "12",
-    cy: "12",
-    r: "10",
-    key: "1mglay"
+    cy: "5",
+    rx: "9",
+    ry: "3",
+    key: "msslwz"
   }], ["path", {
-    d: "m15 9-6 6",
-    key: "1uzhvr"
+    d: "M3 5V19A9 3 0 0 0 21 19V5",
+    key: "1wlel7"
   }], ["path", {
-    d: "m9 9 6 6",
-    key: "z0biqf"
+    d: "M3 12A9 3 0 0 0 21 12",
+    key: "mv7ke4"
   }]];
-  const CircleX = createLucideIcon("circle-x", __iconNode$1q);
+  const Database = createLucideIcon("database", __iconNode$b);
 
   /**
    * @license lucide-react v0.561.0 - ISC
@@ -580,13 +436,20 @@
    * This source code is licensed under the ISC license.
    * See the LICENSE file in the root directory of this source tree.
    */
-  const __iconNode$1p = [["circle", {
-    cx: "12",
-    cy: "12",
-    r: "10",
-    key: "1mglay"
+  const __iconNode$a = [["path", {
+    d: "M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z",
+    key: "1oefj6"
+  }], ["path", {
+    d: "M14 2v5a1 1 0 0 0 1 1h5",
+    key: "wfsgrz"
+  }], ["path", {
+    d: "M10 12a1 1 0 0 0-1 1v1a1 1 0 0 1-1 1 1 1 0 0 1 1 1v1a1 1 0 0 0 1 1",
+    key: "1oajmo"
+  }], ["path", {
+    d: "M14 18a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1 1 1 0 0 1-1-1v-1a1 1 0 0 0-1-1",
+    key: "mpwhp6"
   }]];
-  const Circle = createLucideIcon("circle", __iconNode$1p);
+  const FileBraces = createLucideIcon("file-braces", __iconNode$a);
 
   /**
    * @license lucide-react v0.561.0 - ISC
@@ -594,16 +457,38 @@
    * This source code is licensed under the ISC license.
    * See the LICENSE file in the root directory of this source tree.
    */
-  const __iconNode$1o = [["path", {
-    d: "M12 6v6l4 2",
-    key: "mmk7yg"
+  const __iconNode$9 = [["circle", {
+    cx: "9",
+    cy: "12",
+    r: "1",
+    key: "1vctgf"
   }], ["circle", {
-    cx: "12",
+    cx: "9",
+    cy: "5",
+    r: "1",
+    key: "hp0tcf"
+  }], ["circle", {
+    cx: "9",
+    cy: "19",
+    r: "1",
+    key: "fkjjf6"
+  }], ["circle", {
+    cx: "15",
     cy: "12",
-    r: "10",
-    key: "1mglay"
+    r: "1",
+    key: "1tmaij"
+  }], ["circle", {
+    cx: "15",
+    cy: "5",
+    r: "1",
+    key: "19l28e"
+  }], ["circle", {
+    cx: "15",
+    cy: "19",
+    r: "1",
+    key: "f4zoj3"
   }]];
-  const Clock = createLucideIcon("clock", __iconNode$1o);
+  const GripVertical = createLucideIcon("grip-vertical", __iconNode$9);
 
   /**
    * @license lucide-react v0.561.0 - ISC
@@ -611,11 +496,20 @@
    * This source code is licensed under the ISC license.
    * See the LICENSE file in the root directory of this source tree.
    */
-  const __iconNode$1n = [["path", {
-    d: "M17.5 19H9a7 7 0 1 1 6.71-9h1.79a4.5 4.5 0 1 1 0 9Z",
-    key: "p7xjir"
+  const __iconNode$8 = [["path", {
+    d: "M9 17H7A5 5 0 0 1 7 7h2",
+    key: "8i5ue5"
+  }], ["path", {
+    d: "M15 7h2a5 5 0 1 1 0 10h-2",
+    key: "1b9ql8"
+  }], ["line", {
+    x1: "8",
+    x2: "16",
+    y1: "12",
+    y2: "12",
+    key: "1jonct"
   }]];
-  const Cloud = createLucideIcon("cloud", __iconNode$1n);
+  const Link2 = createLucideIcon("link-2", __iconNode$8);
 
   /**
    * @license lucide-react v0.561.0 - ISC
@@ -623,14 +517,14 @@
    * This source code is licensed under the ISC license.
    * See the LICENSE file in the root directory of this source tree.
    */
-  const __iconNode$1m = [["path", {
-    d: "m16 18 6-6-6-6",
-    key: "eg8j8"
+  const __iconNode$7 = [["path", {
+    d: "M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71",
+    key: "1cjeqo"
   }], ["path", {
-    d: "m8 6-6 6 6 6",
-    key: "ppft3o"
+    d: "M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71",
+    key: "19qd67"
   }]];
-  const Code = createLucideIcon("code", __iconNode$1m);
+  const Link = createLucideIcon("link", __iconNode$7);
 
   /**
    * @license lucide-react v0.561.0 - ISC
@@ -638,19 +532,20 @@
    * This source code is licensed under the ISC license.
    * See the LICENSE file in the root directory of this source tree.
    */
-  const __iconNode$1l = [["rect", {
-    width: "14",
-    height: "14",
-    x: "8",
-    y: "8",
-    rx: "2",
-    ry: "2",
-    key: "17jyea"
+  const __iconNode$6 = [["path", {
+    d: "M15 3h6v6",
+    key: "1q9fwt"
   }], ["path", {
-    d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2",
-    key: "zix9uf"
+    d: "m21 3-7 7",
+    key: "1l2asr"
+  }], ["path", {
+    d: "m3 21 7-7",
+    key: "tjx5ai"
+  }], ["path", {
+    d: "M9 21H3v-6",
+    key: "wtvkvv"
   }]];
-  const Copy = createLucideIcon("copy", __iconNode$1l);
+  const Maximize2 = createLucideIcon("maximize-2", __iconNode$6);
 
   /**
    * @license lucide-react v0.561.0 - ISC
@@ -658,1432 +553,14 @@
    * This source code is licensed under the ISC license.
    * See the LICENSE file in the root directory of this source tree.
    */
-  const __iconNode$1k = [["ellipse", {
-    cx: "12",
-    cy: "5",
-    rx: "9",
-    ry: "3",
-    key: "msslwz"
+  const __iconNode$5 = [["path", {
+    d: "M5 12h14",
+    key: "1ays0h"
   }], ["path", {
-    d: "M3 5V19A9 3 0 0 0 21 19V5",
-    key: "1wlel7"
-  }], ["path", {
-    d: "M3 12A9 3 0 0 0 21 12",
-    key: "mv7ke4"
-  }]];
-  const Database = createLucideIcon("database", __iconNode$1k);
-
-  /**
-   * @license lucide-react v0.561.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   */
-  const __iconNode$1j = [["path", {
-    d: "M12 15V3",
-    key: "m9g1x1"
-  }], ["path", {
-    d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4",
-    key: "ih7n3h"
-  }], ["path", {
-    d: "m7 10 5 5 5-5",
-    key: "brsn70"
-  }]];
-  const Download = createLucideIcon("download", __iconNode$1j);
-
-  /**
-   * @license lucide-react v0.561.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   */
-  const __iconNode$1i = [["circle", {
-    cx: "12",
-    cy: "12",
-    r: "1",
-    key: "41hilf"
-  }], ["circle", {
-    cx: "12",
-    cy: "5",
-    r: "1",
-    key: "gxeob9"
-  }], ["circle", {
-    cx: "12",
-    cy: "19",
-    r: "1",
-    key: "lyex9k"
-  }]];
-  const EllipsisVertical = createLucideIcon("ellipsis-vertical", __iconNode$1i);
-
-  /**
-   * @license lucide-react v0.561.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   */
-  const __iconNode$1h = [["circle", {
-    cx: "12",
-    cy: "12",
-    r: "1",
-    key: "41hilf"
-  }], ["circle", {
-    cx: "19",
-    cy: "12",
-    r: "1",
-    key: "1wjl8i"
-  }], ["circle", {
-    cx: "5",
-    cy: "12",
-    r: "1",
-    key: "1pcz8c"
-  }]];
-  const Ellipsis = createLucideIcon("ellipsis", __iconNode$1h);
-
-  /**
-   * @license lucide-react v0.561.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   */
-  const __iconNode$1g = [["path", {
-    d: "M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49",
-    key: "ct8e1f"
-  }], ["path", {
-    d: "M14.084 14.158a3 3 0 0 1-4.242-4.242",
-    key: "151rxh"
-  }], ["path", {
-    d: "M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143",
-    key: "13bj9a"
-  }], ["path", {
-    d: "m2 2 20 20",
-    key: "1ooewy"
-  }]];
-  const EyeOff = createLucideIcon("eye-off", __iconNode$1g);
-
-  /**
-   * @license lucide-react v0.561.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   */
-  const __iconNode$1f = [["path", {
-    d: "M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0",
-    key: "1nclc0"
-  }], ["circle", {
-    cx: "12",
-    cy: "12",
-    r: "3",
-    key: "1v7zrd"
-  }]];
-  const Eye = createLucideIcon("eye", __iconNode$1f);
-
-  /**
-   * @license lucide-react v0.561.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   */
-  const __iconNode$1e = [["path", {
-    d: "M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z",
-    key: "1oefj6"
-  }], ["path", {
-    d: "M14 2v5a1 1 0 0 0 1 1h5",
-    key: "wfsgrz"
-  }], ["path", {
-    d: "M10 12a1 1 0 0 0-1 1v1a1 1 0 0 1-1 1 1 1 0 0 1 1 1v1a1 1 0 0 0 1 1",
-    key: "1oajmo"
-  }], ["path", {
-    d: "M14 18a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1 1 1 0 0 1-1-1v-1a1 1 0 0 0-1-1",
-    key: "mpwhp6"
-  }]];
-  const FileBraces = createLucideIcon("file-braces", __iconNode$1e);
-
-  /**
-   * @license lucide-react v0.561.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   */
-  const __iconNode$1d = [["path", {
-    d: "M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z",
-    key: "1oefj6"
-  }], ["path", {
-    d: "M14 2v5a1 1 0 0 0 1 1h5",
-    key: "wfsgrz"
-  }], ["path", {
-    d: "M10 9H8",
-    key: "b1mrlr"
-  }], ["path", {
-    d: "M16 13H8",
-    key: "t4e002"
-  }], ["path", {
-    d: "M16 17H8",
-    key: "z1uh3a"
-  }]];
-  const FileText = createLucideIcon("file-text", __iconNode$1d);
-
-  /**
-   * @license lucide-react v0.561.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   */
-  const __iconNode$1c = [["path", {
-    d: "M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z",
-    key: "1oefj6"
-  }], ["path", {
-    d: "M14 2v5a1 1 0 0 0 1 1h5",
-    key: "wfsgrz"
-  }]];
-  const File = createLucideIcon("file", __iconNode$1c);
-
-  /**
-   * @license lucide-react v0.561.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   */
-  const __iconNode$1b = [["path", {
-    d: "M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z",
-    key: "1kt360"
-  }]];
-  const Folder = createLucideIcon("folder", __iconNode$1b);
-
-  /**
-   * @license lucide-react v0.561.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   */
-  const __iconNode$1a = [["path", {
-    d: "M10 20a1 1 0 0 0 .553.895l2 1A1 1 0 0 0 14 21v-7a2 2 0 0 1 .517-1.341L21.74 4.67A1 1 0 0 0 21 3H3a1 1 0 0 0-.742 1.67l7.225 7.989A2 2 0 0 1 10 14z",
-    key: "sc7q7i"
-  }]];
-  const Funnel = createLucideIcon("funnel", __iconNode$1a);
-
-  /**
-   * @license lucide-react v0.561.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   */
-  const __iconNode$19 = [["circle", {
-    cx: "12",
-    cy: "12",
-    r: "10",
-    key: "1mglay"
-  }], ["path", {
-    d: "M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20",
-    key: "13o1zl"
-  }], ["path", {
-    d: "M2 12h20",
-    key: "9i4pu4"
-  }]];
-  const Globe = createLucideIcon("globe", __iconNode$19);
-
-  /**
-   * @license lucide-react v0.561.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   */
-  const __iconNode$18 = [["rect", {
-    width: "18",
-    height: "18",
-    x: "3",
-    y: "3",
-    rx: "2",
-    key: "afitv7"
-  }], ["path", {
-    d: "M3 9h18",
-    key: "1pudct"
-  }], ["path", {
-    d: "M3 15h18",
-    key: "5xshup"
-  }], ["path", {
-    d: "M9 3v18",
-    key: "fh3hqa"
-  }], ["path", {
-    d: "M15 3v18",
-    key: "14nvp0"
-  }]];
-  const Grid3x3 = createLucideIcon("grid-3x3", __iconNode$18);
-
-  /**
-   * @license lucide-react v0.561.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   */
-  const __iconNode$17 = [["circle", {
-    cx: "9",
-    cy: "12",
-    r: "1",
-    key: "1vctgf"
-  }], ["circle", {
-    cx: "9",
-    cy: "5",
-    r: "1",
-    key: "hp0tcf"
-  }], ["circle", {
-    cx: "9",
-    cy: "19",
-    r: "1",
-    key: "fkjjf6"
-  }], ["circle", {
-    cx: "15",
-    cy: "12",
-    r: "1",
-    key: "1tmaij"
-  }], ["circle", {
-    cx: "15",
-    cy: "5",
-    r: "1",
-    key: "19l28e"
-  }], ["circle", {
-    cx: "15",
-    cy: "19",
-    r: "1",
-    key: "f4zoj3"
-  }]];
-  const GripVertical = createLucideIcon("grip-vertical", __iconNode$17);
-
-  /**
-   * @license lucide-react v0.561.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   */
-  const __iconNode$16 = [["path", {
-    d: "M2 9.5a5.5 5.5 0 0 1 9.591-3.676.56.56 0 0 0 .818 0A5.49 5.49 0 0 1 22 9.5c0 2.29-1.5 4-3 5.5l-5.492 5.313a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5",
-    key: "mvr1a0"
-  }]];
-  const Heart = createLucideIcon("heart", __iconNode$16);
-
-  /**
-   * @license lucide-react v0.561.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   */
-  const __iconNode$15 = [["path", {
-    d: "M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8",
-    key: "5wwlr5"
-  }], ["path", {
-    d: "M3 10a2 2 0 0 1 .709-1.528l7-6a2 2 0 0 1 2.582 0l7 6A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z",
-    key: "r6nss1"
-  }]];
-  const House = createLucideIcon("house", __iconNode$15);
-
-  /**
-   * @license lucide-react v0.561.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   */
-  const __iconNode$14 = [["rect", {
-    width: "18",
-    height: "18",
-    x: "3",
-    y: "3",
-    rx: "2",
-    ry: "2",
-    key: "1m3agn"
-  }], ["circle", {
-    cx: "9",
-    cy: "9",
-    r: "2",
-    key: "af1f0g"
-  }], ["path", {
-    d: "m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21",
-    key: "1xmnt7"
-  }]];
-  const Image$1 = createLucideIcon("image", __iconNode$14);
-
-  /**
-   * @license lucide-react v0.561.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   */
-  const __iconNode$13 = [["circle", {
-    cx: "12",
-    cy: "12",
-    r: "10",
-    key: "1mglay"
-  }], ["path", {
-    d: "M12 16v-4",
-    key: "1dtifu"
-  }], ["path", {
-    d: "M12 8h.01",
-    key: "e9boi3"
-  }]];
-  const Info = createLucideIcon("info", __iconNode$13);
-
-  /**
-   * @license lucide-react v0.561.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   */
-  const __iconNode$12 = [["path", {
-    d: "M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z",
-    key: "zw3jo"
-  }], ["path", {
-    d: "M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12",
-    key: "1wduqc"
-  }], ["path", {
-    d: "M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17",
-    key: "kqbvx6"
-  }]];
-  const Layers = createLucideIcon("layers", __iconNode$12);
-
-  /**
-   * @license lucide-react v0.561.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   */
-  const __iconNode$11 = [["path", {
-    d: "M9 17H7A5 5 0 0 1 7 7h2",
-    key: "8i5ue5"
-  }], ["path", {
-    d: "M15 7h2a5 5 0 1 1 0 10h-2",
-    key: "1b9ql8"
-  }], ["line", {
-    x1: "8",
-    x2: "16",
-    y1: "12",
-    y2: "12",
-    key: "1jonct"
-  }]];
-  const Link2 = createLucideIcon("link-2", __iconNode$11);
-
-  /**
-   * @license lucide-react v0.561.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   */
-  const __iconNode$10 = [["path", {
-    d: "M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71",
-    key: "1cjeqo"
-  }], ["path", {
-    d: "M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71",
-    key: "19qd67"
-  }]];
-  const Link = createLucideIcon("link", __iconNode$10);
-
-  /**
-   * @license lucide-react v0.561.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   */
-  const __iconNode$$ = [["path", {
-    d: "M3 5h.01",
-    key: "18ugdj"
-  }], ["path", {
-    d: "M3 12h.01",
-    key: "nlz23k"
-  }], ["path", {
-    d: "M3 19h.01",
-    key: "noohij"
-  }], ["path", {
-    d: "M8 5h13",
-    key: "1pao27"
-  }], ["path", {
-    d: "M8 12h13",
-    key: "1za7za"
-  }], ["path", {
-    d: "M8 19h13",
-    key: "m83p4d"
-  }]];
-  const List = createLucideIcon("list", __iconNode$$);
-
-  /**
-   * @license lucide-react v0.561.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   */
-  const __iconNode$_ = [["path", {
-    d: "M12 2v4",
-    key: "3427ic"
-  }], ["path", {
-    d: "m16.2 7.8 2.9-2.9",
-    key: "r700ao"
-  }], ["path", {
-    d: "M18 12h4",
-    key: "wj9ykh"
-  }], ["path", {
-    d: "m16.2 16.2 2.9 2.9",
-    key: "1bxg5t"
-  }], ["path", {
-    d: "M12 18v4",
-    key: "jadmvz"
-  }], ["path", {
-    d: "m4.9 19.1 2.9-2.9",
-    key: "bwix9q"
-  }], ["path", {
-    d: "M2 12h4",
-    key: "j09sii"
-  }], ["path", {
-    d: "m4.9 4.9 2.9 2.9",
-    key: "giyufr"
-  }]];
-  const Loader = createLucideIcon("loader", __iconNode$_);
-
-  /**
-   * @license lucide-react v0.561.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   */
-  const __iconNode$Z = [["rect", {
-    width: "18",
-    height: "11",
-    x: "3",
-    y: "11",
-    rx: "2",
-    ry: "2",
-    key: "1w4ew1"
-  }], ["path", {
-    d: "M7 11V7a5 5 0 0 1 9.9-1",
-    key: "1mm8w8"
-  }]];
-  const LockOpen = createLucideIcon("lock-open", __iconNode$Z);
-
-  /**
-   * @license lucide-react v0.561.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   */
-  const __iconNode$Y = [["rect", {
-    width: "18",
-    height: "11",
-    x: "3",
-    y: "11",
-    rx: "2",
-    ry: "2",
-    key: "1w4ew1"
-  }], ["path", {
-    d: "M7 11V7a5 5 0 0 1 10 0v4",
-    key: "fwvmzm"
-  }]];
-  const Lock = createLucideIcon("lock", __iconNode$Y);
-
-  /**
-   * @license lucide-react v0.561.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   */
-  const __iconNode$X = [["path", {
-    d: "m16 17 5-5-5-5",
-    key: "1bji2h"
-  }], ["path", {
-    d: "M21 12H9",
-    key: "dn1m92"
-  }], ["path", {
-    d: "M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4",
-    key: "1uf3rs"
-  }]];
-  const LogOut = createLucideIcon("log-out", __iconNode$X);
-
-  /**
-   * @license lucide-react v0.561.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   */
-  const __iconNode$W = [["path", {
-    d: "m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7",
-    key: "132q7q"
-  }], ["rect", {
-    x: "2",
-    y: "4",
-    width: "20",
-    height: "16",
-    rx: "2",
-    key: "izxlao"
-  }]];
-  const Mail = createLucideIcon("mail", __iconNode$W);
-
-  /**
-   * @license lucide-react v0.561.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   */
-  const __iconNode$V = [["path", {
-    d: "M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0",
-    key: "1r0f0z"
-  }], ["circle", {
-    cx: "12",
-    cy: "10",
-    r: "3",
-    key: "ilqhr7"
-  }]];
-  const MapPin = createLucideIcon("map-pin", __iconNode$V);
-
-  /**
-   * @license lucide-react v0.561.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   */
-  const __iconNode$U = [["path", {
-    d: "M14.106 5.553a2 2 0 0 0 1.788 0l3.659-1.83A1 1 0 0 1 21 4.619v12.764a1 1 0 0 1-.553.894l-4.553 2.277a2 2 0 0 1-1.788 0l-4.212-2.106a2 2 0 0 0-1.788 0l-3.659 1.83A1 1 0 0 1 3 19.381V6.618a1 1 0 0 1 .553-.894l4.553-2.277a2 2 0 0 1 1.788 0z",
-    key: "169xi5"
-  }], ["path", {
-    d: "M15 5.764v15",
-    key: "1pn4in"
-  }], ["path", {
-    d: "M9 3.236v15",
-    key: "1uimfh"
-  }]];
-  const Map = createLucideIcon("map", __iconNode$U);
-
-  /**
-   * @license lucide-react v0.561.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   */
-  const __iconNode$T = [["path", {
-    d: "M15 3h6v6",
-    key: "1q9fwt"
-  }], ["path", {
-    d: "m21 3-7 7",
-    key: "1l2asr"
-  }], ["path", {
-    d: "m3 21 7-7",
-    key: "tjx5ai"
-  }], ["path", {
-    d: "M9 21H3v-6",
-    key: "wtvkvv"
-  }]];
-  const Maximize2 = createLucideIcon("maximize-2", __iconNode$T);
-
-  /**
-   * @license lucide-react v0.561.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   */
-  const __iconNode$S = [["path", {
-    d: "M4 5h16",
-    key: "1tepv9"
-  }], ["path", {
-    d: "M4 12h16",
-    key: "1lakjw"
-  }], ["path", {
-    d: "M4 19h16",
-    key: "1djgab"
-  }]];
-  const Menu = createLucideIcon("menu", __iconNode$S);
-
-  /**
-   * @license lucide-react v0.561.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   */
-  const __iconNode$R = [["path", {
-    d: "M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719",
-    key: "1sd12s"
-  }]];
-  const MessageCircle = createLucideIcon("message-circle", __iconNode$R);
-
-  /**
-   * @license lucide-react v0.561.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   */
-  const __iconNode$Q = [["path", {
-    d: "M5 12h14",
-    key: "1ays0h"
-  }]];
-  const Minus = createLucideIcon("minus", __iconNode$Q);
-
-  /**
-   * @license lucide-react v0.561.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   */
-  const __iconNode$P = [["rect", {
-    width: "20",
-    height: "14",
-    x: "2",
-    y: "3",
-    rx: "2",
-    key: "48i651"
-  }], ["line", {
-    x1: "8",
-    x2: "16",
-    y1: "21",
-    y2: "21",
-    key: "1svkeh"
-  }], ["line", {
-    x1: "12",
-    x2: "12",
-    y1: "17",
-    y2: "21",
-    key: "vw1qmm"
-  }]];
-  const Monitor = createLucideIcon("monitor", __iconNode$P);
-
-  /**
-   * @license lucide-react v0.561.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   */
-  const __iconNode$O = [["path", {
-    d: "M20.985 12.486a9 9 0 1 1-9.473-9.472c.405-.022.617.46.402.803a6 6 0 0 0 8.268 8.268c.344-.215.825-.004.803.401",
-    key: "kfwtm"
-  }]];
-  const Moon = createLucideIcon("moon", __iconNode$O);
-
-  /**
-   * @license lucide-react v0.561.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   */
-  const __iconNode$N = [["path", {
-    d: "M12 2v20",
-    key: "t6zp3m"
-  }], ["path", {
-    d: "m15 19-3 3-3-3",
-    key: "11eu04"
-  }], ["path", {
-    d: "m19 9 3 3-3 3",
-    key: "1mg7y2"
-  }], ["path", {
-    d: "M2 12h20",
-    key: "9i4pu4"
-  }], ["path", {
-    d: "m5 9-3 3 3 3",
-    key: "j64kie"
-  }], ["path", {
-    d: "m9 5 3-3 3 3",
-    key: "l8vdw6"
-  }]];
-  const Move = createLucideIcon("move", __iconNode$N);
-
-  /**
-   * @license lucide-react v0.561.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   */
-  const __iconNode$M = [["path", {
-    d: "M9 18V5l12-2v13",
-    key: "1jmyc2"
-  }], ["circle", {
-    cx: "6",
-    cy: "18",
-    r: "3",
-    key: "fqmcym"
-  }], ["circle", {
-    cx: "18",
-    cy: "16",
-    r: "3",
-    key: "1hluhg"
-  }]];
-  const Music = createLucideIcon("music", __iconNode$M);
-
-  /**
-   * @license lucide-react v0.561.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   */
-  const __iconNode$L = [["path", {
-    d: "M11 21.73a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73z",
-    key: "1a0edw"
-  }], ["path", {
-    d: "M12 22V12",
-    key: "d0xqtd"
-  }], ["polyline", {
-    points: "3.29 7 12 12 20.71 7",
-    key: "ousv84"
-  }], ["path", {
-    d: "m7.5 4.27 9 5.15",
-    key: "1c824w"
-  }]];
-  const Package = createLucideIcon("package", __iconNode$L);
-
-  /**
-   * @license lucide-react v0.561.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   */
-  const __iconNode$K = [["rect", {
-    width: "18",
-    height: "18",
-    x: "3",
-    y: "3",
-    rx: "2",
-    key: "afitv7"
-  }], ["path", {
-    d: "M9 3v18",
-    key: "fh3hqa"
-  }]];
-  const PanelLeft = createLucideIcon("panel-left", __iconNode$K);
-
-  /**
-   * @license lucide-react v0.561.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   */
-  const __iconNode$J = [["rect", {
-    width: "18",
-    height: "18",
-    x: "3",
-    y: "3",
-    rx: "2",
-    key: "afitv7"
-  }], ["path", {
-    d: "M3 9h18",
-    key: "1pudct"
-  }], ["path", {
-    d: "M9 21V9",
-    key: "1oto5p"
-  }]];
-  const PanelsTopLeft = createLucideIcon("panels-top-left", __iconNode$J);
-
-  /**
-   * @license lucide-react v0.561.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   */
-  const __iconNode$I = [["rect", {
-    x: "14",
-    y: "3",
-    width: "5",
-    height: "18",
-    rx: "1",
-    key: "kaeet6"
-  }], ["rect", {
-    x: "5",
-    y: "3",
-    width: "5",
-    height: "18",
-    rx: "1",
-    key: "1wsw3u"
-  }]];
-  const Pause = createLucideIcon("pause", __iconNode$I);
-
-  /**
-   * @license lucide-react v0.561.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   */
-  const __iconNode$H = [["path", {
-    d: "M5 5a2 2 0 0 1 3.008-1.728l11.997 6.998a2 2 0 0 1 .003 3.458l-12 7A2 2 0 0 1 5 19z",
-    key: "10ikf1"
-  }]];
-  const Play = createLucideIcon("play", __iconNode$H);
-
-  /**
-   * @license lucide-react v0.561.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   */
-  const __iconNode$G = [["path", {
-    d: "M5 12h14",
-    key: "1ays0h"
-  }], ["path", {
-    d: "M12 5v14",
-    key: "s699le"
-  }]];
-  const Plus = createLucideIcon("plus", __iconNode$G);
-
-  /**
-   * @license lucide-react v0.561.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   */
-  const __iconNode$F = [["path", {
-    d: "M12 2v10",
-    key: "mnfbl"
-  }], ["path", {
-    d: "M18.4 6.6a9 9 0 1 1-12.77.04",
-    key: "obofu9"
-  }]];
-  const Power = createLucideIcon("power", __iconNode$F);
-
-  /**
-   * @license lucide-react v0.561.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   */
-  const __iconNode$E = [["path", {
-    d: "M6 18H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2",
-    key: "143wyd"
-  }], ["path", {
-    d: "M6 9V3a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v6",
-    key: "1itne7"
-  }], ["rect", {
-    x: "6",
-    y: "14",
-    width: "12",
-    height: "8",
-    rx: "1",
-    key: "1ue0tg"
-  }]];
-  const Printer = createLucideIcon("printer", __iconNode$E);
-
-  /**
-   * @license lucide-react v0.561.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   */
-  const __iconNode$D = [["path", {
-    d: "M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8",
-    key: "v9h5vc"
-  }], ["path", {
-    d: "M21 3v5h-5",
-    key: "1q7to0"
-  }], ["path", {
-    d: "M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16",
-    key: "3uifl3"
-  }], ["path", {
-    d: "M8 16H3v5",
-    key: "1cv678"
-  }]];
-  const RefreshCw = createLucideIcon("refresh-cw", __iconNode$D);
-
-  /**
-   * @license lucide-react v0.561.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   */
-  const __iconNode$C = [["path", {
-    d: "M15.2 3a2 2 0 0 1 1.4.6l3.8 3.8a2 2 0 0 1 .6 1.4V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2z",
-    key: "1c8476"
-  }], ["path", {
-    d: "M17 21v-7a1 1 0 0 0-1-1H8a1 1 0 0 0-1 1v7",
-    key: "1ydtos"
-  }], ["path", {
-    d: "M7 3v4a1 1 0 0 0 1 1h7",
-    key: "t51u73"
-  }]];
-  const Save = createLucideIcon("save", __iconNode$C);
-
-  /**
-   * @license lucide-react v0.561.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   */
-  const __iconNode$B = [["path", {
-    d: "m21 21-4.34-4.34",
-    key: "14j7rj"
-  }], ["circle", {
-    cx: "11",
-    cy: "11",
-    r: "8",
-    key: "4ej97u"
-  }]];
-  const Search = createLucideIcon("search", __iconNode$B);
-
-  /**
-   * @license lucide-react v0.561.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   */
-  const __iconNode$A = [["path", {
-    d: "M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z",
-    key: "1ffxy3"
-  }], ["path", {
-    d: "m21.854 2.147-10.94 10.939",
-    key: "12cjpa"
-  }]];
-  const Send = createLucideIcon("send", __iconNode$A);
-
-  /**
-   * @license lucide-react v0.561.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   */
-  const __iconNode$z = [["rect", {
-    width: "20",
-    height: "8",
-    x: "2",
-    y: "2",
-    rx: "2",
-    ry: "2",
-    key: "ngkwjq"
-  }], ["rect", {
-    width: "20",
-    height: "8",
-    x: "2",
-    y: "14",
-    rx: "2",
-    ry: "2",
-    key: "iecqi9"
-  }], ["line", {
-    x1: "6",
-    x2: "6.01",
-    y1: "6",
-    y2: "6",
-    key: "16zg32"
-  }], ["line", {
-    x1: "6",
-    x2: "6.01",
-    y1: "18",
-    y2: "18",
-    key: "nzw8ys"
-  }]];
-  const Server = createLucideIcon("server", __iconNode$z);
-
-  /**
-   * @license lucide-react v0.561.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   */
-  const __iconNode$y = [["path", {
-    d: "M14 17H5",
-    key: "gfn3mx"
-  }], ["path", {
-    d: "M19 7h-9",
-    key: "6i9tg"
-  }], ["circle", {
-    cx: "17",
-    cy: "17",
-    r: "3",
-    key: "18b49y"
-  }], ["circle", {
-    cx: "7",
-    cy: "7",
-    r: "3",
-    key: "dfmy0x"
-  }]];
-  const Settings2 = createLucideIcon("settings-2", __iconNode$y);
-
-  /**
-   * @license lucide-react v0.561.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   */
-  const __iconNode$x = [["path", {
-    d: "M9.671 4.136a2.34 2.34 0 0 1 4.659 0 2.34 2.34 0 0 0 3.319 1.915 2.34 2.34 0 0 1 2.33 4.033 2.34 2.34 0 0 0 0 3.831 2.34 2.34 0 0 1-2.33 4.033 2.34 2.34 0 0 0-3.319 1.915 2.34 2.34 0 0 1-4.659 0 2.34 2.34 0 0 0-3.32-1.915 2.34 2.34 0 0 1-2.33-4.033 2.34 2.34 0 0 0 0-3.831A2.34 2.34 0 0 1 6.35 6.051a2.34 2.34 0 0 0 3.319-1.915",
-    key: "1i5ecw"
-  }], ["circle", {
-    cx: "12",
-    cy: "12",
-    r: "3",
-    key: "1v7zrd"
-  }]];
-  const Settings = createLucideIcon("settings", __iconNode$x);
-
-  /**
-   * @license lucide-react v0.561.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   */
-  const __iconNode$w = [["path", {
-    d: "M12 2v13",
-    key: "1km8f5"
-  }], ["path", {
-    d: "m16 6-4-4-4 4",
-    key: "13yo43"
-  }], ["path", {
-    d: "M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8",
-    key: "1b2hhj"
-  }]];
-  const Share = createLucideIcon("share", __iconNode$w);
-
-  /**
-   * @license lucide-react v0.561.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   */
-  const __iconNode$v = [["path", {
-    d: "M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z",
-    key: "oel41y"
-  }]];
-  const Shield = createLucideIcon("shield", __iconNode$v);
-
-  /**
-   * @license lucide-react v0.561.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   */
-  const __iconNode$u = [["circle", {
-    cx: "8",
-    cy: "21",
-    r: "1",
-    key: "jimo8o"
-  }], ["circle", {
-    cx: "19",
-    cy: "21",
-    r: "1",
-    key: "13723u"
-  }], ["path", {
-    d: "M2.05 2.05h2l2.66 12.42a2 2 0 0 0 2 1.58h9.78a2 2 0 0 0 1.95-1.57l1.65-7.43H5.12",
-    key: "9zh506"
-  }]];
-  const ShoppingCart = createLucideIcon("shopping-cart", __iconNode$u);
-
-  /**
-   * @license lucide-react v0.561.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   */
-  const __iconNode$t = [["path", {
-    d: "M10 8h4",
-    key: "1sr2af"
-  }], ["path", {
-    d: "M12 21v-9",
-    key: "17s77i"
-  }], ["path", {
-    d: "M12 8V3",
-    key: "13r4qs"
-  }], ["path", {
-    d: "M17 16h4",
-    key: "h1uq16"
-  }], ["path", {
-    d: "M19 12V3",
-    key: "o1uvq1"
-  }], ["path", {
-    d: "M19 21v-5",
-    key: "qua636"
-  }], ["path", {
-    d: "M3 14h4",
-    key: "bcjad9"
-  }], ["path", {
-    d: "M5 10V3",
-    key: "cb8scm"
-  }], ["path", {
-    d: "M5 21v-7",
-    key: "1w1uti"
-  }]];
-  const SlidersVertical = createLucideIcon("sliders-vertical", __iconNode$t);
-
-  /**
-   * @license lucide-react v0.561.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   */
-  const __iconNode$s = [["rect", {
-    width: "14",
-    height: "20",
-    x: "5",
-    y: "2",
-    rx: "2",
-    ry: "2",
-    key: "1yt0o3"
-  }], ["path", {
-    d: "M12 18h.01",
-    key: "mhygvu"
-  }]];
-  const Smartphone = createLucideIcon("smartphone", __iconNode$s);
-
-  /**
-   * @license lucide-react v0.561.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   */
-  const __iconNode$r = [["path", {
-    d: "M12 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7",
-    key: "1m0v6g"
-  }], ["path", {
-    d: "M18.375 2.625a1 1 0 0 1 3 3l-9.013 9.014a2 2 0 0 1-.853.505l-2.873.84a.5.5 0 0 1-.62-.62l.84-2.873a2 2 0 0 1 .506-.852z",
-    key: "ohrbg2"
-  }]];
-  const SquarePen = createLucideIcon("square-pen", __iconNode$r);
-
-  /**
-   * @license lucide-react v0.561.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   */
-  const __iconNode$q = [["rect", {
-    width: "18",
-    height: "18",
-    x: "3",
-    y: "3",
-    rx: "2",
-    key: "afitv7"
-  }]];
-  const Square = createLucideIcon("square", __iconNode$q);
-
-  /**
-   * @license lucide-react v0.561.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   */
-  const __iconNode$p = [["path", {
-    d: "M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z",
-    key: "r04s7s"
-  }]];
-  const Star = createLucideIcon("star", __iconNode$p);
-
-  /**
-   * @license lucide-react v0.561.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   */
-  const __iconNode$o = [["circle", {
-    cx: "12",
-    cy: "12",
-    r: "4",
-    key: "4exip2"
-  }], ["path", {
-    d: "M12 2v2",
-    key: "tus03m"
-  }], ["path", {
-    d: "M12 20v2",
-    key: "1lh1kg"
-  }], ["path", {
-    d: "m4.93 4.93 1.41 1.41",
-    key: "149t6j"
-  }], ["path", {
-    d: "m17.66 17.66 1.41 1.41",
-    key: "ptbguv"
-  }], ["path", {
-    d: "M2 12h2",
-    key: "1t8f8n"
-  }], ["path", {
-    d: "M20 12h2",
-    key: "1q8mjw"
-  }], ["path", {
-    d: "m6.34 17.66-1.41 1.41",
-    key: "1m8zz5"
-  }], ["path", {
-    d: "m19.07 4.93-1.41 1.41",
-    key: "1shlcs"
-  }]];
-  const Sun = createLucideIcon("sun", __iconNode$o);
-
-  /**
-   * @license lucide-react v0.561.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   */
-  const __iconNode$n = [["path", {
-    d: "M12 3v18",
-    key: "108xh3"
-  }], ["rect", {
-    width: "18",
-    height: "18",
-    x: "3",
-    y: "3",
-    rx: "2",
-    key: "afitv7"
-  }], ["path", {
-    d: "M3 9h18",
-    key: "1pudct"
-  }], ["path", {
-    d: "M3 15h18",
-    key: "5xshup"
-  }]];
-  const Table = createLucideIcon("table", __iconNode$n);
-
-  /**
-   * @license lucide-react v0.561.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   */
-  const __iconNode$m = [["path", {
-    d: "M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z",
-    key: "vktsd0"
-  }], ["circle", {
-    cx: "7.5",
-    cy: "7.5",
-    r: ".5",
-    fill: "currentColor",
-    key: "kqv944"
-  }]];
-  const Tag = createLucideIcon("tag", __iconNode$m);
-
-  /**
-   * @license lucide-react v0.561.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   */
-  const __iconNode$l = [["circle", {
-    cx: "12",
-    cy: "12",
-    r: "10",
-    key: "1mglay"
-  }], ["circle", {
-    cx: "12",
-    cy: "12",
-    r: "6",
-    key: "1vlfrh"
-  }], ["circle", {
-    cx: "12",
-    cy: "12",
-    r: "2",
-    key: "1c9p78"
-  }]];
-  const Target = createLucideIcon("target", __iconNode$l);
-
-  /**
-   * @license lucide-react v0.561.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   */
-  const __iconNode$k = [["path", {
-    d: "M12 19h8",
-    key: "baeox8"
-  }], ["path", {
-    d: "m4 17 6-6-6-6",
-    key: "1yngyt"
-  }]];
-  const Terminal = createLucideIcon("terminal", __iconNode$k);
-
-  /**
-   * @license lucide-react v0.561.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   */
-  const __iconNode$j = [["path", {
-    d: "M15 5.88 14 10h5.83a2 2 0 0 1 1.92 2.56l-2.33 8A2 2 0 0 1 17.5 22H4a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2h2.76a2 2 0 0 0 1.79-1.11L12 2a3.13 3.13 0 0 1 3 3.88Z",
-    key: "emmmcr"
-  }], ["path", {
-    d: "M7 10v12",
-    key: "1qc93n"
-  }]];
-  const ThumbsUp = createLucideIcon("thumbs-up", __iconNode$j);
-
-  /**
-   * @license lucide-react v0.561.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   */
-  const __iconNode$i = [["path", {
-    d: "M10 11v6",
-    key: "nco0om"
-  }], ["path", {
-    d: "M14 11v6",
-    key: "outv1u"
-  }], ["path", {
-    d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6",
-    key: "miytrc"
-  }], ["path", {
-    d: "M3 6h18",
-    key: "d0wm0j"
-  }], ["path", {
-    d: "M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2",
-    key: "e791ji"
-  }]];
-  const Trash2 = createLucideIcon("trash-2", __iconNode$i);
-
-  /**
-   * @license lucide-react v0.561.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   */
-  const __iconNode$h = [["path", {
-    d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6",
-    key: "miytrc"
-  }], ["path", {
-    d: "M3 6h18",
-    key: "d0wm0j"
-  }], ["path", {
-    d: "M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2",
-    key: "e791ji"
-  }]];
-  const Trash = createLucideIcon("trash", __iconNode$h);
-
-  /**
-   * @license lucide-react v0.561.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   */
-  const __iconNode$g = [["path", {
-    d: "M16 17h6v-6",
-    key: "t6n2it"
-  }], ["path", {
-    d: "m22 17-8.5-8.5-5 5L2 7",
-    key: "x473p"
-  }]];
-  const TrendingDown = createLucideIcon("trending-down", __iconNode$g);
-
-  /**
-   * @license lucide-react v0.561.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   */
-  const __iconNode$f = [["path", {
-    d: "M16 7h6v6",
-    key: "box55l"
-  }], ["path", {
-    d: "m22 7-8.5 8.5-5-5L2 17",
-    key: "1t1m79"
-  }]];
-  const TrendingUp = createLucideIcon("trending-up", __iconNode$f);
-
-  /**
-   * @license lucide-react v0.561.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   */
-  const __iconNode$e = [["path", {
-    d: "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3",
-    key: "wmoenq"
-  }], ["path", {
-    d: "M12 9v4",
-    key: "juzpu7"
-  }], ["path", {
-    d: "M12 17h.01",
-    key: "p32p05"
-  }]];
-  const TriangleAlert = createLucideIcon("triangle-alert", __iconNode$e);
-
-  /**
-   * @license lucide-react v0.561.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   */
-  const __iconNode$d = [["path", {
-    d: "M13.73 4a2 2 0 0 0-3.46 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z",
-    key: "14u9p9"
+    d: "M12 5v14",
+    key: "s699le"
   }]];
-  const Triangle = createLucideIcon("triangle", __iconNode$d);
+  const Plus = createLucideIcon("plus", __iconNode$5);
 
   /**
    * @license lucide-react v0.561.0 - ISC
@@ -2091,46 +568,24 @@
    * This source code is licensed under the ISC license.
    * See the LICENSE file in the root directory of this source tree.
    */
-  const __iconNode$c = [["path", {
-    d: "M14 18V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v11a1 1 0 0 0 1 1h2",
-    key: "wrbu53"
-  }], ["path", {
-    d: "M15 18H9",
-    key: "1lyqi6"
+  const __iconNode$4 = [["path", {
+    d: "M14 17H5",
+    key: "gfn3mx"
   }], ["path", {
-    d: "M19 18h2a1 1 0 0 0 1-1v-3.65a1 1 0 0 0-.22-.624l-3.48-4.35A1 1 0 0 0 17.52 8H14",
-    key: "lysw3i"
+    d: "M19 7h-9",
+    key: "6i9tg"
   }], ["circle", {
     cx: "17",
-    cy: "18",
-    r: "2",
-    key: "332jqn"
+    cy: "17",
+    r: "3",
+    key: "18b49y"
   }], ["circle", {
     cx: "7",
-    cy: "18",
-    r: "2",
-    key: "19iecd"
-  }]];
-  const Truck = createLucideIcon("truck", __iconNode$c);
-
-  /**
-   * @license lucide-react v0.561.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   */
-  const __iconNode$b = [["path", {
-    d: "m17 2-5 5-5-5",
-    key: "16satq"
-  }], ["rect", {
-    width: "20",
-    height: "15",
-    x: "2",
-    y: "7",
-    rx: "2",
-    key: "1e6viu"
+    cy: "7",
+    r: "3",
+    key: "dfmy0x"
   }]];
-  const Tv = createLucideIcon("tv", __iconNode$b);
+  const Settings2 = createLucideIcon("settings-2", __iconNode$4);
 
   /**
    * @license lucide-react v0.561.0 - ISC
@@ -2138,17 +593,23 @@
    * This source code is licensed under the ISC license.
    * See the LICENSE file in the root directory of this source tree.
    */
-  const __iconNode$a = [["path", {
-    d: "M12 4v16",
-    key: "1654pz"
+  const __iconNode$3 = [["path", {
+    d: "M10 11v6",
+    key: "nco0om"
+  }], ["path", {
+    d: "M14 11v6",
+    key: "outv1u"
+  }], ["path", {
+    d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6",
+    key: "miytrc"
   }], ["path", {
-    d: "M4 7V5a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v2",
-    key: "e0r10z"
+    d: "M3 6h18",
+    key: "d0wm0j"
   }], ["path", {
-    d: "M9 20h6",
-    key: "s66wpe"
+    d: "M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2",
+    key: "e791ji"
   }]];
-  const Type = createLucideIcon("type", __iconNode$a);
+  const Trash2 = createLucideIcon("trash-2", __iconNode$3);
 
   /**
    * @license lucide-react v0.561.0 - ISC
@@ -2156,7 +617,7 @@
    * This source code is licensed under the ISC license.
    * See the LICENSE file in the root directory of this source tree.
    */
-  const __iconNode$9 = [["path", {
+  const __iconNode$2 = [["path", {
     d: "m18.84 12.25 1.72-1.71h-.02a5.004 5.004 0 0 0-.12-7.07 5.006 5.006 0 0 0-6.95 0l-1.72 1.71",
     key: "yqzxt4"
   }], ["path", {
@@ -2187,7 +648,7 @@
     y2: "16",
     key: "ox905f"
   }]];
-  const Unlink = createLucideIcon("unlink", __iconNode$9);
+  const Unlink = createLucideIcon("unlink", __iconNode$2);
 
   /**
    * @license lucide-react v0.561.0 - ISC
@@ -2195,7 +656,7 @@
    * This source code is licensed under the ISC license.
    * See the LICENSE file in the root directory of this source tree.
    */
-  const __iconNode$8 = [["path", {
+  const __iconNode$1 = [["path", {
     d: "M12 3v12",
     key: "1x0j5s"
   }], ["path", {
@@ -2205,87 +666,7 @@
     d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4",
     key: "ih7n3h"
   }]];
-  const Upload = createLucideIcon("upload", __iconNode$8);
-
-  /**
-   * @license lucide-react v0.561.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   */
-  const __iconNode$7 = [["path", {
-    d: "M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2",
-    key: "975kel"
-  }], ["circle", {
-    cx: "12",
-    cy: "7",
-    r: "4",
-    key: "17ys0d"
-  }]];
-  const User = createLucideIcon("user", __iconNode$7);
-
-  /**
-   * @license lucide-react v0.561.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   */
-  const __iconNode$6 = [["path", {
-    d: "M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2",
-    key: "1yyitq"
-  }], ["path", {
-    d: "M16 3.128a4 4 0 0 1 0 7.744",
-    key: "16gr8j"
-  }], ["path", {
-    d: "M22 21v-2a4 4 0 0 0-3-3.87",
-    key: "kshegd"
-  }], ["circle", {
-    cx: "9",
-    cy: "7",
-    r: "4",
-    key: "nufk8"
-  }]];
-  const Users = createLucideIcon("users", __iconNode$6);
-
-  /**
-   * @license lucide-react v0.561.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   */
-  const __iconNode$5 = [["path", {
-    d: "m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5",
-    key: "ftymec"
-  }], ["rect", {
-    x: "2",
-    y: "6",
-    width: "14",
-    height: "12",
-    rx: "2",
-    key: "158x01"
-  }]];
-  const Video = createLucideIcon("video", __iconNode$5);
-
-  /**
-   * @license lucide-react v0.561.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   */
-  const __iconNode$4 = [["path", {
-    d: "M12 20h.01",
-    key: "zekei9"
-  }], ["path", {
-    d: "M2 8.82a15 15 0 0 1 20 0",
-    key: "dnpr2z"
-  }], ["path", {
-    d: "M5 12.859a10 10 0 0 1 14 0",
-    key: "1x1e6c"
-  }], ["path", {
-    d: "M8.5 16.429a5 5 0 0 1 7 0",
-    key: "1bycff"
-  }]];
-  const Wifi = createLucideIcon("wifi", __iconNode$4);
+  const Upload = createLucideIcon("upload", __iconNode$1);
 
   /**
    * @license lucide-react v0.561.0 - ISC
@@ -2293,88 +674,18 @@
    * This source code is licensed under the ISC license.
    * See the LICENSE file in the root directory of this source tree.
    */
-  const __iconNode$3 = [["path", {
+  const __iconNode = [["path", {
     d: "M18 6 6 18",
     key: "1bl5f8"
   }], ["path", {
     d: "m6 6 12 12",
     key: "d8bk6v"
   }]];
-  const X = createLucideIcon("x", __iconNode$3);
-
-  /**
-   * @license lucide-react v0.561.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   */
-  const __iconNode$2 = [["path", {
-    d: "M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z",
-    key: "1xq2db"
-  }]];
-  const Zap = createLucideIcon("zap", __iconNode$2);
-
-  /**
-   * @license lucide-react v0.561.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   */
-  const __iconNode$1 = [["circle", {
-    cx: "11",
-    cy: "11",
-    r: "8",
-    key: "4ej97u"
-  }], ["line", {
-    x1: "21",
-    x2: "16.65",
-    y1: "21",
-    y2: "16.65",
-    key: "13gj7c"
-  }], ["line", {
-    x1: "11",
-    x2: "11",
-    y1: "8",
-    y2: "14",
-    key: "1vmskp"
-  }], ["line", {
-    x1: "8",
-    x2: "14",
-    y1: "11",
-    y2: "11",
-    key: "durymu"
-  }]];
-  const ZoomIn = createLucideIcon("zoom-in", __iconNode$1);
-
-  /**
-   * @license lucide-react v0.561.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   */
-  const __iconNode = [["circle", {
-    cx: "11",
-    cy: "11",
-    r: "8",
-    key: "4ej97u"
-  }], ["line", {
-    x1: "21",
-    x2: "16.65",
-    y1: "21",
-    y2: "16.65",
-    key: "13gj7c"
-  }], ["line", {
-    x1: "8",
-    x2: "14",
-    y1: "11",
-    y2: "11",
-    key: "durymu"
-  }]];
-  const ZoomOut = createLucideIcon("zoom-out", __iconNode);
+  const X = createLucideIcon("x", __iconNode);
 
-  var styles$k = {"container":"es-container-K2hFq","visualWrapper":"es-visualWrapper-4dHVX","previewBox":"es-previewBox-LDujZ","previewElement":"es-previewElement-Bu8GM","grid":"es-grid-BmRRU","gridButton":"es-gridButton-6Vtr7","gridButtonSelected":"es-gridButtonSelected-fOpOm","section":"es-section-SaHDo","sectionLabel":"es-sectionLabel-hDWO0","buttonGroup":"es-buttonGroup-Nj258","alignButton":"es-alignButton-zAvz2","alignButtonSelected":"es-alignButtonSelected-kGGHJ","alignIcon":"es-alignIcon-mFjSX","alignIconRotated":"es-alignIconRotated-z4AwW"};
+  var styles$j = {"container":"es-container-K2hFq","visualWrapper":"es-visualWrapper-4dHVX","previewBox":"es-previewBox-LDujZ","previewElement":"es-previewElement-Bu8GM","grid":"es-grid-BmRRU","gridButton":"es-gridButton-6Vtr7","gridButtonSelected":"es-gridButtonSelected-fOpOm","section":"es-section-SaHDo","sectionLabel":"es-sectionLabel-hDWO0","buttonGroup":"es-buttonGroup-Nj258","alignButton":"es-alignButton-zAvz2","alignButtonSelected":"es-alignButtonSelected-kGGHJ","alignIcon":"es-alignIcon-mFjSX","alignIconRotated":"es-alignIconRotated-z4AwW"};
 
-  const defaultValue$4 = {
+  const defaultValue$3 = {
     horizontal: 'left',
     vertical: 'top'
   };
@@ -2492,7 +803,7 @@
       showHorizontal = true,
       showVertical = true
     } = props;
-    const currentValue = value ?? initialValue ?? defaultValue$4;
+    const currentValue = value ?? initialValue ?? defaultValue$3;
     const updateAlign = React$1.useCallback(updates => {
       onChange({
         ...currentValue,
@@ -2507,34 +818,34 @@
     }, [onChange]);
     const isGridSelected = (h, v) => currentValue.horizontal === h && currentValue.vertical === v;
     return /*#__PURE__*/React.createElement("div", {
-      className: styles$k.container
+      className: styles$j.container
     }, showHorizontal === true && showVertical === true ? /*#__PURE__*/React.createElement("div", {
-      className: styles$k.visualWrapper
+      className: styles$j.visualWrapper
     }, /*#__PURE__*/React.createElement("div", {
-      className: styles$k.previewBox
+      className: styles$j.previewBox
     }, /*#__PURE__*/React.createElement("div", {
-      className: styles$k.previewElement,
+      className: styles$j.previewElement,
       style: getElementPosition(currentValue.horizontal, currentValue.vertical)
     })), /*#__PURE__*/React.createElement("div", {
-      className: styles$k.grid
+      className: styles$j.grid
     }, gridPositions.map(pos => /*#__PURE__*/React.createElement("button", {
       "aria-label": `Align ${pos.h} ${pos.v}`,
-      className: cn(styles$k.gridButton, isGridSelected(pos.h, pos.v) ? styles$k.gridButtonSelected : ''),
+      className: cn(styles$j.gridButton, isGridSelected(pos.h, pos.v) ? styles$j.gridButtonSelected : ''),
       key: `${pos.h}-${pos.v}`,
       onClick: () => handleGridClick(pos.h, pos.v),
       type: "button"
     })))) : null, showHorizontal === true ? /*#__PURE__*/React.createElement("div", {
-      className: styles$k.section
+      className: styles$j.section
     }, /*#__PURE__*/React.createElement("span", {
-      className: styles$k.sectionLabel
+      className: styles$j.sectionLabel
     }, "\u6C34\u5E73\u5BF9\u9F50"), /*#__PURE__*/React.createElement("div", {
-      className: styles$k.buttonGroup
+      className: styles$j.buttonGroup
     }, horizontalOptions.map(option => {
       const Icon = option.icon;
       const isRotated = option.value === 'stretch';
       return /*#__PURE__*/React.createElement("button", {
         "aria-label": option.label,
-        className: cn(styles$k.alignButton, currentValue.horizontal === option.value ? styles$k.alignButtonSelected : ''),
+        className: cn(styles$j.alignButton, currentValue.horizontal === option.value ? styles$j.alignButtonSelected : ''),
         key: option.value,
         onClick: () => updateAlign({
           horizontal: option.value
@@ -2542,19 +853,19 @@
         title: option.label,
         type: "button"
       }, /*#__PURE__*/React.createElement(Icon, {
-        className: cn(styles$k.alignIcon, isRotated ? styles$k.alignIconRotated : '')
+        className: cn(styles$j.alignIcon, isRotated ? styles$j.alignIconRotated : '')
       }));
     }))) : null, showVertical === true ? /*#__PURE__*/React.createElement("div", {
-      className: styles$k.section
+      className: styles$j.section
     }, /*#__PURE__*/React.createElement("span", {
-      className: styles$k.sectionLabel
+      className: styles$j.sectionLabel
     }, "\u5782\u76F4\u5BF9\u9F50"), /*#__PURE__*/React.createElement("div", {
-      className: styles$k.buttonGroup
+      className: styles$j.buttonGroup
     }, verticalOptions.map(option => {
       const Icon = option.icon;
       return /*#__PURE__*/React.createElement("button", {
         "aria-label": option.label,
-        className: cn(styles$k.alignButton, currentValue.vertical === option.value ? styles$k.alignButtonSelected : ''),
+        className: cn(styles$j.alignButton, currentValue.vertical === option.value ? styles$j.alignButtonSelected : ''),
         key: option.value,
         onClick: () => updateAlign({
           vertical: option.value
@@ -2562,12 +873,12 @@
         title: option.label,
         type: "button"
       }, /*#__PURE__*/React.createElement(Icon, {
-        className: styles$k.alignIcon
+        className: styles$j.alignIcon
       }));
     }))) : null);
   };
 
-  var styles$j = {"container":"es-container-KSlB-","item":"es-item-xDCpZ","dragHandle":"es-dragHandle-lOaFv","input":"es-input-ItzPT","removeButton":"es-removeButton-ymAlo","removeIcon":"es-removeIcon-ld51f","addButton":"es-addButton-U1VQX","addIcon":"es-addIcon-6qJub"};
+  var styles$i = {"container":"es-container-KSlB-","item":"es-item-xDCpZ","dragHandle":"es-dragHandle-lOaFv","input":"es-input-ItzPT","removeButton":"es-removeButton-ymAlo","removeIcon":"es-removeIcon-ld51f","addButton":"es-addButton-U1VQX","addIcon":"es-addIcon-6qJub"};
 
   const ArraySetter = props => {
     const {
@@ -2603,14 +914,14 @@
     const canAdd = !maxItems || items.length < maxItems;
     const canRemove = items.length > minItems;
     return /*#__PURE__*/React.createElement("div", {
-      className: styles$j.container
+      className: styles$i.container
     }, items.map((item, index) => /*#__PURE__*/React.createElement("div", {
-      className: styles$j.item,
+      className: styles$i.item,
       key: `item-${String(item)}-${index}`
     }, /*#__PURE__*/React.createElement(GripVertical, {
-      className: styles$j.dragHandle
+      className: styles$i.dragHandle
     }), /*#__PURE__*/React.createElement("input", {
-      className: styles$j.input,
+      className: styles$i.input,
       onChange: e => {
         const val = itemSetter === 'number' ? +e.target.value : e.target.value;
         handleChange(index, val);
@@ -2619,19 +930,19 @@
       type: itemSetter === 'number' ? 'number' : 'text',
       value: item
     }), /*#__PURE__*/React.createElement("button", {
-      className: styles$j.removeButton,
+      className: styles$i.removeButton,
       disabled: !canRemove,
       onClick: () => handleRemove(index),
       type: "button"
     }, /*#__PURE__*/React.createElement(Trash2, {
-      className: styles$j.removeIcon
+      className: styles$i.removeIcon
     })))), /*#__PURE__*/React.createElement("button", {
-      className: styles$j.addButton,
+      className: styles$i.addButton,
       disabled: !canAdd,
       onClick: handleAdd,
       type: "button"
     }, /*#__PURE__*/React.createElement(Plus, {
-      className: styles$j.addIcon
+      className: styles$i.addIcon
     }), addButtonText));
   };
 
@@ -3831,7 +2142,7 @@
   });
   Sketch.displayName = 'Sketch';
 
-  var styles$i = {"trigger":"es-trigger-w-aUi","colorPreview":"es-colorPreview-SUgiJ","colorValue":"es-colorValue-cYdRP","popover":"es-popover-SfIUB","popoverHidden":"es-popoverHidden-GCAC8"};
+  var styles$h = {"trigger":"es-trigger-w-aUi","colorPreview":"es-colorPreview-SUgiJ","colorValue":"es-colorValue-cYdRP","popover":"es-popover-SfIUB"};
 
   const ColorSetter = props => {
     const {
@@ -3841,40 +2152,25 @@
       disableAlpha = false
     } = props;
     const [open, setOpen] = React$1.useState(false);
-    const containerRef = React$1.useRef(null);
-    React$1.useEffect(() => {
-      const handleClickOutside = event => {
-        if (containerRef.current && !containerRef.current.contains(event.target)) {
-          setOpen(false);
+    return /*#__PURE__*/React.createElement(Popover, {
+      onClose: () => setOpen(false),
+      open: open,
+      trigger: /*#__PURE__*/React.createElement("button", {
+        "aria-label": "Select color",
+        className: styles$h.trigger,
+        onClick: () => setOpen(true),
+        type: "button"
+      }, /*#__PURE__*/React.createElement("div", {
+        "aria-label": "Current color",
+        className: styles$h.colorPreview,
+        style: {
+          backgroundColor: value ?? initialValue
         }
-      };
-      if (open) {
-        document.addEventListener('mousedown', handleClickOutside);
-      }
-      return () => {
-        document.removeEventListener('mousedown', handleClickOutside);
-      };
-    }, [open]);
-    return /*#__PURE__*/React.createElement("div", {
-      ref: containerRef,
-      style: {
-        position: 'relative'
-      }
-    }, /*#__PURE__*/React.createElement("button", {
-      "aria-label": "Select color",
-      className: styles$i.trigger,
-      onClick: () => setOpen(!open),
-      type: "button"
+      }), /*#__PURE__*/React.createElement("span", {
+        className: styles$h.colorValue
+      }, value ?? initialValue))
     }, /*#__PURE__*/React.createElement("div", {
-      "aria-label": "Current color",
-      className: styles$i.colorPreview,
-      style: {
-        backgroundColor: value ?? initialValue
-      }
-    }), /*#__PURE__*/React.createElement("span", {
-      className: styles$i.colorValue
-    }, value ?? initialValue)), /*#__PURE__*/React.createElement("div", {
-      className: cn(styles$i.popover, !open && styles$i.popoverHidden)
+      className: styles$h.popover
     }, /*#__PURE__*/React.createElement(Sketch, {
       color: value,
       disableAlpha: disableAlpha,
@@ -3883,9 +2179,9 @@
     })));
   };
 
-  var styles$h = {"container":"es-container-df9wM","trigger":"es-trigger-fTNvQ","triggerIcon":"es-triggerIcon-1mdQ0","triggerIconPrimary":"es-triggerIconPrimary-opifh","triggerIconMuted":"es-triggerIconMuted-CWgDl","triggerText":"es-triggerText-WeQRu","popover":"es-popover-z8oiW","popoverHidden":"es-popoverHidden-kLhMd","tabsList":"es-tabsList-liSeY","tabTrigger":"es-tabTrigger-6j7K-","tabTriggerActive":"es-tabTriggerActive-g6hcl","tabTriggerIcon":"es-tabTriggerIcon-dRSAp","tabContent":"es-tabContent--H166","tabContentActive":"es-tabContentActive-Fjdu5","section":"es-section-eDYxd","sectionLabel":"es-sectionLabel--LHE8","input":"es-input--OymK","inputMono":"es-inputMono-pCJz3","textarea":"es-textarea-iurkc","booleanButtons":"es-booleanButtons-0bM8P","booleanButton":"es-booleanButton-3fXcB","booleanButtonActive":"es-booleanButtonActive-zGWrZ","datasourceList":"es-datasourceList-VIRXb","datasourceButton":"es-datasourceButton-giz6D","datasourceButtonActive":"es-datasourceButtonActive-m5WPP","datasourceIcon":"es-datasourceIcon-q9Omt","emptyState":"es-emptyState-rI2si","hint":"es-hint-zfWLZ","preview":"es-preview-tUInw"};
+  var styles$g = {"trigger":"es-trigger-fTNvQ","triggerIcon":"es-triggerIcon-1mdQ0","triggerIconPrimary":"es-triggerIconPrimary-opifh","triggerIconMuted":"es-triggerIconMuted-CWgDl","triggerText":"es-triggerText-WeQRu","popoverContent":"es-popoverContent-6qE--","tabsList":"es-tabsList-liSeY","tabTrigger":"es-tabTrigger-6j7K-","tabTriggerActive":"es-tabTriggerActive-g6hcl","tabTriggerIcon":"es-tabTriggerIcon-dRSAp","tabContent":"es-tabContent--H166","tabContentActive":"es-tabContentActive-Fjdu5","section":"es-section-eDYxd","sectionLabel":"es-sectionLabel--LHE8","input":"es-input--OymK","inputMono":"es-inputMono-pCJz3","textarea":"es-textarea-iurkc","booleanButtons":"es-booleanButtons-0bM8P","booleanButton":"es-booleanButton-3fXcB","booleanButtonActive":"es-booleanButtonActive-zGWrZ","datasourceList":"es-datasourceList-VIRXb","datasourceButton":"es-datasourceButton-giz6D","datasourceButtonActive":"es-datasourceButtonActive-m5WPP","datasourceIcon":"es-datasourceIcon-q9Omt","emptyState":"es-emptyState-rI2si","hint":"es-hint-zfWLZ","preview":"es-preview-tUInw"};
 
-  const defaultValue$3 = {
+  const defaultValue$2 = {
     type: 'static',
     staticValue: ''
   };
@@ -3898,23 +2194,9 @@
       showPreview = true,
       dataSources = []
     } = props;
-    const currentValue = value ?? initialValue ?? defaultValue$3;
+    const currentValue = value ?? initialValue ?? defaultValue$2;
     const [open, setOpen] = React$1.useState(false);
     const [activeTab, setActiveTab] = React$1.useState(currentValue.type);
-    const containerRef = React$1.useRef(null);
-    React$1.useEffect(() => {
-      const handleClickOutside = event => {
-        if (containerRef.current && !containerRef.current.contains(event.target)) {
-          setOpen(false);
-        }
-      };
-      if (open) {
-        document.addEventListener('mousedown', handleClickOutside);
-      }
-      return () => {
-        document.removeEventListener('mousedown', handleClickOutside);
-      };
-    }, [open]);
     const updateBinding = React$1.useCallback(updates => {
       onChange({
         ...currentValue,
@@ -3949,7 +2231,7 @@
       switch (dataType) {
         case 'number':
           return /*#__PURE__*/React.createElement("input", {
-            className: styles$h.input,
+            className: styles$g.input,
             onChange: e => handleStaticValueChange(Number(e.target.value)),
             placeholder: "\u8F93\u5165\u6570\u503C",
             type: "number",
@@ -3957,20 +2239,20 @@
           });
         case 'boolean':
           return /*#__PURE__*/React.createElement("div", {
-            className: styles$h.booleanButtons
+            className: styles$g.booleanButtons
           }, /*#__PURE__*/React.createElement("button", {
-            className: cn(styles$h.booleanButton, currentValue.staticValue === true ? styles$h.booleanButtonActive : ''),
+            className: cn(styles$g.booleanButton, currentValue.staticValue === true ? styles$g.booleanButtonActive : ''),
             onClick: () => handleStaticValueChange(true),
             type: "button"
           }, "True"), /*#__PURE__*/React.createElement("button", {
-            className: cn(styles$h.booleanButton, currentValue.staticValue === false ? styles$h.booleanButtonActive : ''),
+            className: cn(styles$g.booleanButton, currentValue.staticValue === false ? styles$g.booleanButtonActive : ''),
             onClick: () => handleStaticValueChange(false),
             type: "button"
           }, "False"));
         case 'array':
         case 'object':
           return /*#__PURE__*/React.createElement("textarea", {
-            className: styles$h.textarea,
+            className: styles$g.textarea,
             onChange: e => {
               try {
                 const parsed = JSON.parse(e.target.value);
@@ -3984,7 +2266,7 @@
           });
         default:
           return /*#__PURE__*/React.createElement("input", {
-            className: styles$h.input,
+            className: styles$g.input,
             onChange: e => handleStaticValueChange(e.target.value),
             placeholder: "\u8F93\u5165\u503C",
             type: "text",
@@ -3999,94 +2281,96 @@
         const ds = dataSources.find(d => d.id === currentValue.datasourceId);
         return {
           icon: /*#__PURE__*/React.createElement(Link2, {
-            className: cn(styles$h.triggerIcon, styles$h.triggerIconPrimary)
+            className: cn(styles$g.triggerIcon, styles$g.triggerIconPrimary)
           }),
           text: `${ds?.name ?? currentValue.datasourceId}${currentValue.datasourcePath ? `.${currentValue.datasourcePath}` : ''}`
         };
       }
       return {
         icon: /*#__PURE__*/React.createElement(FileBraces, {
-          className: cn(styles$h.triggerIcon, styles$h.triggerIconMuted)
+          className: cn(styles$g.triggerIcon, styles$g.triggerIconMuted)
         }),
         text: '静态数据'
       };
     }, [currentValue, dataSources]);
-    return /*#__PURE__*/React.createElement("div", {
-      className: styles$h.container,
-      ref: containerRef
-    }, /*#__PURE__*/React.createElement("button", {
-      "aria-label": "Data binding",
-      className: styles$h.trigger,
-      onClick: () => setOpen(!open),
-      type: "button"
-    }, bindingStatus.icon, /*#__PURE__*/React.createElement("span", {
-      className: styles$h.triggerText
-    }, bindingStatus.text)), /*#__PURE__*/React.createElement("div", {
-      className: cn(styles$h.popover, open === false ? styles$h.popoverHidden : '')
+    return /*#__PURE__*/React.createElement(Popover, {
+      onClose: () => setOpen(false),
+      open: open,
+      trigger: /*#__PURE__*/React.createElement("button", {
+        "aria-label": "Data binding",
+        className: styles$g.trigger,
+        onClick: () => setOpen(true),
+        type: "button"
+      }, bindingStatus.icon, /*#__PURE__*/React.createElement("span", {
+        className: styles$g.triggerText
+      }, bindingStatus.text)),
+      width: 300
     }, /*#__PURE__*/React.createElement("div", {
-      className: styles$h.tabsList,
+      className: styles$g.popoverContent
+    }, /*#__PURE__*/React.createElement("div", {
+      className: styles$g.tabsList,
       role: "tablist"
     }, /*#__PURE__*/React.createElement("button", {
       "aria-selected": activeTab === 'static',
-      className: cn(styles$h.tabTrigger, activeTab === 'static' ? styles$h.tabTriggerActive : ''),
+      className: cn(styles$g.tabTrigger, activeTab === 'static' ? styles$g.tabTriggerActive : ''),
       onClick: () => handleTypeChange('static'),
       role: "tab",
       type: "button"
     }, /*#__PURE__*/React.createElement(FileBraces, {
-      className: styles$h.tabTriggerIcon
+      className: styles$g.tabTriggerIcon
     }), "\u9759\u6001\u6570\u636E"), /*#__PURE__*/React.createElement("button", {
       "aria-selected": activeTab === 'datasource',
-      className: cn(styles$h.tabTrigger, activeTab === 'datasource' ? styles$h.tabTriggerActive : ''),
+      className: cn(styles$g.tabTrigger, activeTab === 'datasource' ? styles$g.tabTriggerActive : ''),
       onClick: () => handleTypeChange('datasource'),
       role: "tab",
       type: "button"
     }, /*#__PURE__*/React.createElement(Database, {
-      className: styles$h.tabTriggerIcon
+      className: styles$g.tabTriggerIcon
     }), "\u6570\u636E\u6E90")), /*#__PURE__*/React.createElement("div", {
-      className: cn(styles$h.tabContent, activeTab === 'static' ? styles$h.tabContentActive : ''),
+      className: cn(styles$g.tabContent, activeTab === 'static' ? styles$g.tabContentActive : ''),
       role: "tabpanel"
     }, /*#__PURE__*/React.createElement("div", {
-      className: styles$h.section
+      className: styles$g.section
     }, /*#__PURE__*/React.createElement("span", {
-      className: styles$h.sectionLabel
+      className: styles$g.sectionLabel
     }, "\u503C (", dataType, ")"), renderStaticInput)), /*#__PURE__*/React.createElement("div", {
-      className: cn(styles$h.tabContent, activeTab === 'datasource' ? styles$h.tabContentActive : ''),
+      className: cn(styles$g.tabContent, activeTab === 'datasource' ? styles$g.tabContentActive : ''),
       role: "tabpanel"
     }, /*#__PURE__*/React.createElement("div", {
-      className: styles$h.section
+      className: styles$g.section
     }, /*#__PURE__*/React.createElement("span", {
-      className: styles$h.sectionLabel
+      className: styles$g.sectionLabel
     }, "\u6570\u636E\u6E90"), dataSources.length > 0 ? /*#__PURE__*/React.createElement("div", {
-      className: styles$h.datasourceList
+      className: styles$g.datasourceList
     }, dataSources.map(ds => /*#__PURE__*/React.createElement("button", {
-      className: cn(styles$h.datasourceButton, currentValue.datasourceId === ds.id ? styles$h.datasourceButtonActive : ''),
+      className: cn(styles$g.datasourceButton, currentValue.datasourceId === ds.id ? styles$g.datasourceButtonActive : ''),
       key: ds.id,
       onClick: () => handleDatasourceChange(ds.id),
       type: "button"
     }, /*#__PURE__*/React.createElement(Database, {
-      className: styles$h.datasourceIcon
+      className: styles$g.datasourceIcon
     }), ds.name))) : /*#__PURE__*/React.createElement("div", {
-      className: styles$h.emptyState
+      className: styles$g.emptyState
     }, "\u6682\u65E0\u53EF\u7528\u6570\u636E\u6E90"), currentValue.datasourceId ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
-      className: styles$h.sectionLabel
+      className: styles$g.sectionLabel
     }, "\u6570\u636E\u8DEF\u5F84"), /*#__PURE__*/React.createElement("input", {
-      className: cn(styles$h.input, styles$h.inputMono),
+      className: cn(styles$g.input, styles$g.inputMono),
       onChange: e => handlePathChange(e.target.value),
       placeholder: "data.list[0].name",
       type: "text",
       value: currentValue.datasourcePath ?? ''
     }), /*#__PURE__*/React.createElement("span", {
-      className: styles$h.hint
+      className: styles$g.hint
     }, "\u4F7F\u7528\u70B9\u53F7\u8BBF\u95EE\u5D4C\u5957\u5C5E\u6027\uFF0C\u5982: data.items[0].value")) : null, showPreview === true && currentValue.datasourceId ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
-      className: styles$h.sectionLabel
+      className: styles$g.sectionLabel
     }, "\u6570\u636E\u9884\u89C8"), /*#__PURE__*/React.createElement("div", {
-      className: styles$h.preview
+      className: styles$g.preview
     }, "\u7ED1\u5B9A\u540E\u53EF\u5728\u9884\u89C8\u6A21\u5F0F\u67E5\u770B\u6570\u636E")) : null))));
   };
 
-  var styles$g = {"container":"es-container-4VZqD","trigger":"es-trigger-rmYLl","triggerIcon":"es-triggerIcon-ktlTS","triggerText":"es-triggerText-B63By","popover":"es-popover-d9HQQ","popoverHidden":"es-popoverHidden-fDKLq","content":"es-content-3MmL0","header":"es-header-VoKF3","headerTitle":"es-headerTitle-vDZR8","headerCount":"es-headerCount-stTlN","mappingList":"es-mappingList-SLqhN","mappingItem":"es-mappingItem-xtRLl","mappingHeader":"es-mappingHeader-LwKiY","mappingTitle":"es-mappingTitle-IMhzw","mappingRequired":"es-mappingRequired-tP6L-","mappingType":"es-mappingType-nyqrh","mappingRow":"es-mappingRow-lFfhT","select":"es-select-R4pIl","input":"es-input--LohJ","arrowIcon":"es-arrowIcon-QqWMM","targetField":"es-targetField-gSvGk","transformRow":"es-transformRow-O6MAG","transformIcon":"es-transformIcon-beXzy","transformInput":"es-transformInput-SyN2q","clearButton":"es-clearButton-Pm-uP","helpText":"es-helpText-IHqjo"};
+  var styles$f = {"trigger":"es-trigger-rmYLl","triggerIcon":"es-triggerIcon-ktlTS","triggerText":"es-triggerText-B63By","popoverContent":"es-popoverContent-IIcFY","header":"es-header-VoKF3","headerTitle":"es-headerTitle-vDZR8","headerCount":"es-headerCount-stTlN","mappingList":"es-mappingList-SLqhN","mappingItem":"es-mappingItem-xtRLl","mappingHeader":"es-mappingHeader-LwKiY","mappingTitle":"es-mappingTitle-IMhzw","mappingRequired":"es-mappingRequired-tP6L-","mappingType":"es-mappingType-nyqrh","mappingRow":"es-mappingRow-lFfhT","select":"es-select-R4pIl","input":"es-input--LohJ","arrowIcon":"es-arrowIcon-QqWMM","targetField":"es-targetField-gSvGk","transformRow":"es-transformRow-O6MAG","transformIcon":"es-transformIcon-beXzy","transformInput":"es-transformInput-SyN2q","clearButton":"es-clearButton-Pm-uP","helpText":"es-helpText-IHqjo"};
 
-  const defaultValue$2 = {
+  const defaultValue$1 = {
     mappings: []
   };
   const DataMappingSetter = props => {
@@ -4097,22 +2381,8 @@
       targetFields,
       sourceFields = []
     } = props;
-    const currentValue = value ?? initialValue ?? defaultValue$2;
+    const currentValue = value ?? initialValue ?? defaultValue$1;
     const [open, setOpen] = React$1.useState(false);
-    const containerRef = React$1.useRef(null);
-    React$1.useEffect(() => {
-      const handleClickOutside = event => {
-        if (containerRef.current && !containerRef.current.contains(event.target)) {
-          setOpen(false);
-        }
-      };
-      if (open) {
-        document.addEventListener('mousedown', handleClickOutside);
-      }
-      return () => {
-        document.removeEventListener('mousedown', handleClickOutside);
-      };
-    }, [open]);
 
     // 获取字段的映射
     const getMapping = React$1.useCallback(targetField => currentValue.mappings.find(m => m.targetField === targetField), [currentValue.mappings]);
@@ -4148,47 +2418,47 @@
 
     // 统计已映射字段数
     const mappedCount = currentValue.mappings.filter(m => m.sourceField).length;
-    return /*#__PURE__*/React.createElement("div", {
-      className: styles$g.container,
-      ref: containerRef
-    }, /*#__PURE__*/React.createElement("button", {
-      "aria-label": "Data mapping",
-      className: styles$g.trigger,
-      onClick: () => setOpen(!open),
-      type: "button"
-    }, /*#__PURE__*/React.createElement(Settings2, {
-      className: styles$g.triggerIcon
-    }), /*#__PURE__*/React.createElement("span", {
-      className: styles$g.triggerText
-    }, "\u5B57\u6BB5\u6620\u5C04 (", mappedCount, "/", targetFields.length, ")")), /*#__PURE__*/React.createElement("div", {
-      className: cn(styles$g.popover, open === false ? styles$g.popoverHidden : '')
+    return /*#__PURE__*/React.createElement(Popover, {
+      onClose: () => setOpen(false),
+      open: open,
+      trigger: /*#__PURE__*/React.createElement("button", {
+        "aria-label": "Data mapping",
+        className: styles$f.trigger,
+        onClick: () => setOpen(true),
+        type: "button"
+      }, /*#__PURE__*/React.createElement(Settings2, {
+        className: styles$f.triggerIcon
+      }), /*#__PURE__*/React.createElement("span", {
+        className: styles$f.triggerText
+      }, "\u5B57\u6BB5\u6620\u5C04 (", mappedCount, "/", targetFields.length, ")")),
+      width: 320
     }, /*#__PURE__*/React.createElement("div", {
-      className: styles$g.content
+      className: styles$f.popoverContent
     }, /*#__PURE__*/React.createElement("div", {
-      className: styles$g.header
+      className: styles$f.header
     }, /*#__PURE__*/React.createElement("span", {
-      className: styles$g.headerTitle
+      className: styles$f.headerTitle
     }, "\u5B57\u6BB5\u6620\u5C04\u914D\u7F6E"), /*#__PURE__*/React.createElement("span", {
-      className: styles$g.headerCount
+      className: styles$f.headerCount
     }, mappedCount, "/", targetFields.length, " \u5DF2\u6620\u5C04")), /*#__PURE__*/React.createElement("div", {
-      className: styles$g.mappingList
+      className: styles$f.mappingList
     }, targetFields.map(field => {
       const mapping = getMapping(field.name);
       return /*#__PURE__*/React.createElement("div", {
-        className: styles$g.mappingItem,
+        className: styles$f.mappingItem,
         key: field.name
       }, /*#__PURE__*/React.createElement("div", {
-        className: styles$g.mappingHeader
+        className: styles$f.mappingHeader
       }, /*#__PURE__*/React.createElement("span", {
-        className: styles$g.mappingTitle
+        className: styles$f.mappingTitle
       }, field.label, field.required ? /*#__PURE__*/React.createElement("span", {
-        className: styles$g.mappingRequired
+        className: styles$f.mappingRequired
       }, "*") : null), /*#__PURE__*/React.createElement("span", {
-        className: styles$g.mappingType
+        className: styles$f.mappingType
       }, field.type)), /*#__PURE__*/React.createElement("div", {
-        className: styles$g.mappingRow
+        className: styles$f.mappingRow
       }, sourceFields.length > 0 ? /*#__PURE__*/React.createElement("select", {
-        className: styles$g.select,
+        className: styles$f.select,
         onChange: e => updateMapping(field.name, {
           sourceField: e.target.value
         }),
@@ -4199,7 +2469,7 @@
         key: sf,
         value: sf
       }, sf))) : /*#__PURE__*/React.createElement("input", {
-        className: styles$g.input,
+        className: styles$f.input,
         onChange: e => updateMapping(field.name, {
           sourceField: e.target.value
         }),
@@ -4207,15 +2477,15 @@
         type: "text",
         value: mapping?.sourceField ?? ''
       }), /*#__PURE__*/React.createElement(ArrowRight, {
-        className: styles$g.arrowIcon
+        className: styles$f.arrowIcon
       }), /*#__PURE__*/React.createElement("div", {
-        className: styles$g.targetField
+        className: styles$f.targetField
       }, field.name)), mapping?.sourceField ? /*#__PURE__*/React.createElement("div", {
-        className: styles$g.transformRow
+        className: styles$f.transformRow
       }, /*#__PURE__*/React.createElement(Code, {
-        className: styles$g.transformIcon
+        className: styles$f.transformIcon
       }), /*#__PURE__*/React.createElement("input", {
-        className: styles$g.transformInput,
+        className: styles$f.transformInput,
         onChange: e => updateMapping(field.name, {
           transform: e.target.value
         }),
@@ -4223,236 +2493,13 @@
         type: "text",
         value: mapping?.transform ?? ''
       })) : null, mapping?.sourceField ? /*#__PURE__*/React.createElement("button", {
-        className: styles$g.clearButton,
+        className: styles$f.clearButton,
         onClick: () => clearMapping(field.name),
         type: "button"
       }, "\u6E05\u9664\u6620\u5C04") : null);
     })), /*#__PURE__*/React.createElement("div", {
-      className: styles$g.helpText
-    }, /*#__PURE__*/React.createElement("p", null, "\u2022 \u6E90\u5B57\u6BB5: \u6570\u636E\u6E90\u4E2D\u7684\u5B57\u6BB5\u8DEF\u5F84"), /*#__PURE__*/React.createElement("p", null, "\u2022 \u8F6C\u6362\u8868\u8FBE\u5F0F: \u5982 value * 100, value.toFixed(2)")))));
-  };
-
-  var styles$f = {"container":"es-container-pcCYY","trigger":"es-trigger-IjziC","triggerIcon":"es-triggerIcon-t21hp","triggerText":"es-triggerText-WQ-5H","popover":"es-popover-h2Vn-","popoverHidden":"es-popoverHidden-EiA3W","searchWrapper":"es-searchWrapper-jUGP6","searchIcon":"es-searchIcon-Qu4Cl","searchInput":"es-searchInput-YUlsM","section":"es-section-mWvKy","sectionTitle":"es-sectionTitle-4m6ZV","iconGrid":"es-iconGrid-hvHqv","iconButton":"es-iconButton-3y2jO","iconButtonSelected":"es-iconButtonSelected-01Ozi","iconButtonIcon":"es-iconButtonIcon-ur-nS","emptyMessage":"es-emptyMessage-dWKQh"};
-
-  // 图标映射表
-  const iconMap = {
-    Activity,
-    AlertCircle: CircleAlert,
-    AlertTriangle: TriangleAlert,
-    ArrowDown,
-    ArrowLeft,
-    ArrowRight,
-    ArrowUp,
-    BarChart: ChartNoAxesColumnIncreasing,
-    BarChart2: ChartNoAxesColumn,
-    Bell,
-    Calendar,
-    Check,
-    CheckCircle: CircleCheckBig,
-    ChevronDown,
-    ChevronLeft,
-    ChevronRight,
-    ChevronUp,
-    Circle,
-    Clock,
-    Cloud,
-    Code,
-    Copy,
-    Database,
-    Download,
-    Edit: SquarePen,
-    Eye,
-    EyeOff,
-    File,
-    FileText,
-    Filter: Funnel,
-    Folder,
-    Globe,
-    Grid: Grid3x3,
-    Heart,
-    Home: House,
-    Image: Image$1,
-    Info,
-    Layers,
-    Layout: PanelsTopLeft,
-    Link,
-    List,
-    Loader,
-    Lock,
-    LogOut,
-    Mail,
-    Map: Map,
-    MapPin,
-    Menu,
-    MessageCircle,
-    Minus,
-    Monitor,
-    Moon,
-    MoreHorizontal: Ellipsis,
-    MoreVertical: EllipsisVertical,
-    Move,
-    Music,
-    Package,
-    Pause,
-    PieChart: ChartPie,
-    Play,
-    Plus,
-    Power,
-    Printer,
-    RefreshCw,
-    Save,
-    Search,
-    Send,
-    Server,
-    Settings,
-    Share,
-    Shield,
-    ShoppingCart,
-    Sidebar: PanelLeft,
-    Sliders: SlidersVertical,
-    Smartphone,
-    Square,
-    Star,
-    Sun,
-    Table,
-    Tag,
-    Target,
-    Terminal,
-    ThumbsUp,
-    Trash,
-    TrendingDown,
-    TrendingUp,
-    Triangle,
-    Truck,
-    Tv,
-    Type,
-    Unlock: LockOpen,
-    Upload,
-    User,
-    Users,
-    Video,
-    Wifi,
-    X,
-    XCircle: CircleX,
-    Zap,
-    ZoomIn,
-    ZoomOut
-  };
-
-  // 常用图标列表
-  const commonIcons = Object.keys(iconMap);
-  const defaultValue$1 = {
-    name: 'Circle'
-  };
-  const IconSetter = props => {
-    const {
-      value,
-      initialValue,
-      onChange,
-      recent = true
-    } = props;
-    const currentValue = value ?? initialValue ?? defaultValue$1;
-    const [open, setOpen] = React$1.useState(false);
-    const [searchQuery, setSearchQuery] = React$1.useState('');
-    const [recentIcons, setRecentIcons] = React$1.useState([]);
-    const containerRef = React$1.useRef(null);
-    React$1.useEffect(() => {
-      const handleClickOutside = event => {
-        if (containerRef.current && !containerRef.current.contains(event.target)) {
-          setOpen(false);
-        }
-      };
-      if (open) {
-        document.addEventListener('mousedown', handleClickOutside);
-      }
-      return () => {
-        document.removeEventListener('mousedown', handleClickOutside);
-      };
-    }, [open]);
-
-    // 获取图标组件
-    const getIconComponent = React$1.useCallback(iconName => iconMap[iconName] || Circle, []);
-
-    // 过滤图标
-    const filteredIcons = React$1.useMemo(() => {
-      if (!searchQuery) {
-        return commonIcons;
-      }
-      const query = searchQuery.toLowerCase();
-      return commonIcons.filter(icon => icon.toLowerCase().includes(query));
-    }, [searchQuery]);
-
-    // 选择图标
-    const handleSelectIcon = React$1.useCallback(iconName => {
-      onChange({
-        name: iconName
-      });
-      setRecentIcons(prev => {
-        const newRecent = [iconName, ...prev.filter(i => i !== iconName)].slice(0, 8);
-        return newRecent;
-      });
-      setOpen(false);
-    }, [onChange]);
-    const CurrentIcon = getIconComponent(currentValue.name);
-    return /*#__PURE__*/React.createElement("div", {
-      className: styles$f.container,
-      ref: containerRef
-    }, /*#__PURE__*/React.createElement("button", {
-      "aria-label": "Select icon",
-      className: styles$f.trigger,
-      onClick: () => setOpen(!open),
-      type: "button"
-    }, /*#__PURE__*/React.createElement(CurrentIcon, {
-      className: styles$f.triggerIcon
-    }), /*#__PURE__*/React.createElement("span", {
-      className: styles$f.triggerText
-    }, currentValue.name)), /*#__PURE__*/React.createElement("div", {
-      className: cn(styles$f.popover, open === false ? styles$f.popoverHidden : '')
-    }, /*#__PURE__*/React.createElement("div", {
-      className: styles$f.searchWrapper
-    }, /*#__PURE__*/React.createElement(Search, {
-      className: styles$f.searchIcon
-    }), /*#__PURE__*/React.createElement("input", {
-      className: styles$f.searchInput,
-      onChange: e => setSearchQuery(e.target.value),
-      placeholder: "\u641C\u7D22\u56FE\u6807...",
-      type: "text",
-      value: searchQuery
-    })), recent === true && recentIcons.length > 0 && searchQuery === '' ? /*#__PURE__*/React.createElement("div", {
-      className: styles$f.section
-    }, /*#__PURE__*/React.createElement("div", {
-      className: styles$f.sectionTitle
-    }, "\u6700\u8FD1\u4F7F\u7528"), /*#__PURE__*/React.createElement("div", {
-      className: styles$f.iconGrid
-    }, recentIcons.map(iconName => {
-      const Icon = getIconComponent(iconName);
-      return /*#__PURE__*/React.createElement("button", {
-        "aria-label": iconName,
-        className: cn(styles$f.iconButton, currentValue.name === iconName ? styles$f.iconButtonSelected : ''),
-        key: iconName,
-        onClick: () => handleSelectIcon(iconName),
-        title: iconName,
-        type: "button"
-      }, /*#__PURE__*/React.createElement(Icon, {
-        className: styles$f.iconButtonIcon
-      }));
-    }))) : null, /*#__PURE__*/React.createElement("div", {
-      className: styles$f.iconGrid
-    }, filteredIcons.map(iconName => {
-      const Icon = getIconComponent(iconName);
-      return /*#__PURE__*/React.createElement("button", {
-        "aria-label": iconName,
-        className: cn(styles$f.iconButton, currentValue.name === iconName ? styles$f.iconButtonSelected : ''),
-        key: iconName,
-        onClick: () => handleSelectIcon(iconName),
-        title: iconName,
-        type: "button"
-      }, /*#__PURE__*/React.createElement(Icon, {
-        className: styles$f.iconButtonIcon
-      }));
-    })), filteredIcons.length === 0 ? /*#__PURE__*/React.createElement("div", {
-      className: styles$f.emptyMessage
-    }, "\u672A\u627E\u5230\u5339\u914D\u7684\u56FE\u6807") : null));
+      className: styles$f.helpText
+    }, /*#__PURE__*/React.createElement("p", null, "\u2022 \u6E90\u5B57\u6BB5: \u6570\u636E\u6E90\u4E2D\u7684\u5B57\u6BB5\u8DEF\u5F84"), /*#__PURE__*/React.createElement("p", null, "\u2022 \u8F6C\u6362\u8868\u8FBE\u5F0F: \u5982 value * 100, value.toFixed(2)"))));
   };
 
   var styles$e = {"container":"es-container-CUmyq","textarea":"es-textarea-hn1hD","textareaError":"es-textareaError-O2GWs","error":"es-error-wjKcS"};
@@ -4735,7 +2782,7 @@
     }, option.label)));
   };
 
-  var styles$8 = {"container":"es-container-HI7-c","trigger":"es-trigger-YRz9p","triggerValue":"es-triggerValue-k-g2-","placeholder":"es-placeholder-F8-XP","chevron":"es-chevron-UbZv-","chevronOpen":"es-chevronOpen-Yui-r","dropdown":"es-dropdown-l2sra","dropdownHidden":"es-dropdownHidden-S8Y4U","option":"es-option-cv-7C","optionSelected":"es-optionSelected-K4e5h","optionDisabled":"es-optionDisabled-72jrC"};
+  var styles$8 = {"trigger":"es-trigger-YRz9p","triggerValue":"es-triggerValue-k-g2-","placeholder":"es-placeholder-F8-XP","chevron":"es-chevron-UbZv-","chevronOpen":"es-chevronOpen-Yui-r","dropdown":"es-dropdown-l2sra","option":"es-option-cv-7C","optionSelected":"es-optionSelected-K4e5h","optionDisabled":"es-optionDisabled-72jrC"};
 
   const SelectSetter = props => {
     const {
@@ -4746,22 +2793,8 @@
       onChange
     } = props;
     const [open, setOpen] = React$1.useState(false);
-    const containerRef = React$1.useRef(null);
     const currentValue = value ?? initialValue ?? '';
     const selectedOption = options.find(opt => opt.value === currentValue);
-    React$1.useEffect(() => {
-      const handleClickOutside = event => {
-        if (containerRef.current && !containerRef.current.contains(event.target)) {
-          setOpen(false);
-        }
-      };
-      if (open) {
-        document.addEventListener('mousedown', handleClickOutside);
-      }
-      return () => {
-        document.removeEventListener('mousedown', handleClickOutside);
-      };
-    }, [open]);
     const handleSelect = (optionValue, disabled) => {
       if (disabled) {
         return;
@@ -4769,21 +2802,22 @@
       onChange(optionValue);
       setOpen(false);
     };
-    return /*#__PURE__*/React.createElement("div", {
-      className: styles$8.container,
-      ref: containerRef
-    }, /*#__PURE__*/React.createElement("button", {
-      "aria-expanded": open,
-      "aria-haspopup": "listbox",
-      className: styles$8.trigger,
-      onClick: () => setOpen(!open),
-      type: "button"
-    }, /*#__PURE__*/React.createElement("span", {
-      className: cn(styles$8.triggerValue, selectedOption ? '' : styles$8.placeholder)
-    }, selectedOption?.label || placeholder || '请选择'), /*#__PURE__*/React.createElement(ChevronDown, {
-      className: cn(styles$8.chevron, open ? styles$8.chevronOpen : '')
-    })), /*#__PURE__*/React.createElement("div", {
-      className: cn(styles$8.dropdown, open === false ? styles$8.dropdownHidden : ''),
+    return /*#__PURE__*/React.createElement(Popover, {
+      onClose: () => setOpen(false),
+      open: open,
+      trigger: /*#__PURE__*/React.createElement("button", {
+        "aria-expanded": open,
+        "aria-haspopup": "listbox",
+        className: styles$8.trigger,
+        onClick: () => setOpen(true),
+        type: "button"
+      }, /*#__PURE__*/React.createElement("span", {
+        className: cn(styles$8.triggerValue, selectedOption ? '' : styles$8.placeholder)
+      }, selectedOption?.label || placeholder || '请选择'), /*#__PURE__*/React.createElement(ChevronDown, {
+        className: cn(styles$8.chevron, open ? styles$8.chevronOpen : '')
+      }))
+    }, /*#__PURE__*/React.createElement("div", {
+      className: styles$8.dropdown,
       role: "listbox"
     }, options.map(option => /*#__PURE__*/React.createElement("button", {
       "aria-selected": option.value === currentValue,
@@ -5276,7 +3310,6 @@
     TabSetter,
     SpacingSetter,
     AlignSetter,
-    IconSetter,
     DataBindingSetter,
     DataMappingSetter,
     SelectSetter,
@@ -5293,11 +3326,11 @@
   exports.ColorSetter = ColorSetter;
   exports.DataBindingSetter = DataBindingSetter;
   exports.DataMappingSetter = DataMappingSetter;
-  exports.IconSetter = IconSetter;
   exports.JsonSetter = JsonSetter;
   exports.NodeIdSetter = NodeIdSetter;
   exports.NumberSetter = NumberSetter;
   exports.ObjectSetter = ObjectSetter;
+  exports.Popover = Popover;
   exports.RectSetter = RectSetter;
   exports.SegmentedSetter = SegmentedSetter;
   exports.SelectSetter = SelectSetter;