@easy-editor/setters 0.1.0 → 0.1.2

package/dist/index.esm.js

@@ -1,6 +1,72 @@
-import React$1, { forwardRef, createElement, useCallback, useRef, useEffect, useState, useMemo, Fragment } from 'react';
+import React$1, { useRef, useState, useEffect, forwardRef, createElement, useCallback, useMemo, Fragment } from 'react';
+import { createPortal } from 'react-dom';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
+/**
+ * Popover - 共享弹窗组件
+ * - 使用 Portal 渲染到 document.body，避免被父容器遮挡
+ * - 自动匹配触发器宽度
+ */
+const Popover = props => {
+  const {
+    open,
+    onClose,
+    trigger,
+    children,
+    width = 'trigger'
+  } = props;
+  const triggerRef = useRef(null);
+  const [position, setPosition] = useState({
+    top: 0,
+    left: 0
+  });
+  const [popoverWidth, setPopoverWidth] = useState(0);
+
+  // 计算弹窗位置
+  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]);
+
+  // 点击外部关闭
+  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__*/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}
 
 function cn(...inputs) {
@@ -103,19 +169,7 @@ const createLucideIcon = (iconName, iconNode) => {
  * 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",
@@ -133,7 +187,7 @@ const __iconNode$1N = [["rect", {
   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
@@ -141,7 +195,7 @@ const AlignEndHorizontal = createLucideIcon("align-end-horizontal", __iconNode$1
  * 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",
@@ -159,7 +213,7 @@ const __iconNode$1M = [["rect", {
   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
@@ -167,7 +221,7 @@ const AlignEndVertical = createLucideIcon("align-end-vertical", __iconNode$1M);
  * 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",
@@ -194,7 +248,7 @@ const __iconNode$1L = [["rect", {
   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
@@ -202,7 +256,7 @@ const AlignHorizontalDistributeCenter = createLucideIcon("align-horizontal-distr
  * 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",
@@ -220,7 +274,7 @@ const __iconNode$1K = [["rect", {
   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
@@ -228,7 +282,7 @@ const AlignStartHorizontal = createLucideIcon("align-start-horizontal", __iconNo
  * 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",
@@ -246,7 +300,7 @@ const __iconNode$1J = [["rect", {
   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
@@ -254,7 +308,7 @@ const AlignStartVertical = createLucideIcon("align-start-vertical", __iconNode$1
  * 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", {
@@ -281,37 +335,7 @@ const __iconNode$1I = [["path", {
   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
@@ -319,120 +343,14 @@ const ArrowLeft = createLucideIcon("arrow-left", __iconNode$1G);
  * 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
@@ -440,11 +358,11 @@ const ChartPie = createLucideIcon("chart-pie", __iconNode$1z);
  * 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
@@ -452,47 +370,11 @@ const Check = createLucideIcon("check", __iconNode$1y);
  * 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
@@ -500,40 +382,14 @@ const ChevronUp = createLucideIcon("chevron-up", __iconNode$1u);
  * 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
@@ -541,14 +397,14 @@ const CircleAlert = createLucideIcon("circle-alert", __iconNode$1s);
  * 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
@@ -556,19 +412,20 @@ const CircleCheckBig = createLucideIcon("circle-check-big", __iconNode$1r);
  * 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
@@ -576,13 +433,20 @@ const CircleX = createLucideIcon("circle-x", __iconNode$1q);
  * 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
@@ -590,16 +454,38 @@ const Circle = createLucideIcon("circle", __iconNode$1p);
  * 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
@@ -607,11 +493,20 @@ const Clock = createLucideIcon("clock", __iconNode$1o);
  * 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
@@ -619,14 +514,14 @@ const Cloud = createLucideIcon("cloud", __iconNode$1n);
  * 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
@@ -634,19 +529,20 @@ const Code = createLucideIcon("code", __iconNode$1m);
  * 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
@@ -654,1432 +550,14 @@ const Copy = createLucideIcon("copy", __iconNode$1l);
  * 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
@@ -2087,46 +565,24 @@ const Triangle = createLucideIcon("triangle", __iconNode$d);
  * 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
@@ -2134,17 +590,23 @@ const Tv = createLucideIcon("tv", __iconNode$b);
  * 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
@@ -2152,7 +614,7 @@ const Type = createLucideIcon("type", __iconNode$a);
  * 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", {
@@ -2183,7 +645,7 @@ const __iconNode$9 = [["path", {
   y2: "16",
   key: "ox905f"
 }]];
-const Unlink = createLucideIcon("unlink", __iconNode$9);
+const Unlink = createLucideIcon("unlink", __iconNode$2);
 
 /**
  * @license lucide-react v0.561.0 - ISC
@@ -2191,7 +653,7 @@ const Unlink = createLucideIcon("unlink", __iconNode$9);
  * 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", {
@@ -2201,87 +663,7 @@ const __iconNode$8 = [["path", {
   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
@@ -2289,88 +671,18 @@ const Wifi = createLucideIcon("wifi", __iconNode$4);
  * 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'
 };
@@ -2488,7 +800,7 @@ const AlignSetter = props => {
     showHorizontal = true,
     showVertical = true
   } = props;
-  const currentValue = value ?? initialValue ?? defaultValue$4;
+  const currentValue = value ?? initialValue ?? defaultValue$3;
   const updateAlign = useCallback(updates => {
     onChange({
       ...currentValue,
@@ -2503,34 +815,34 @@ const AlignSetter = props => {
   }, [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
@@ -2538,19 +850,19 @@ const AlignSetter = props => {
       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
@@ -2558,12 +870,12 @@ const AlignSetter = props => {
       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 {
@@ -2599,14 +911,14 @@ const ArraySetter = props => {
   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);
@@ -2615,19 +927,19 @@ const ArraySetter = props => {
     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));
 };
 
@@ -3827,7 +2139,7 @@ var Sketch = /*#__PURE__*/React$1.forwardRef((props, ref) => {
 });
 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 {
@@ -3837,40 +2149,25 @@ const ColorSetter = props => {
     disableAlpha = false
   } = props;
   const [open, setOpen] = useState(false);
-  const containerRef = useRef(null);
-  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,
@@ -3879,9 +2176,9 @@ const ColorSetter = props => {
   })));
 };
 
-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: ''
 };
@@ -3894,23 +2191,9 @@ const DataBindingSetter = props => {
     showPreview = true,
     dataSources = []
   } = props;
-  const currentValue = value ?? initialValue ?? defaultValue$3;
+  const currentValue = value ?? initialValue ?? defaultValue$2;
   const [open, setOpen] = useState(false);
   const [activeTab, setActiveTab] = useState(currentValue.type);
-  const containerRef = useRef(null);
-  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 = useCallback(updates => {
     onChange({
       ...currentValue,
@@ -3945,7 +2228,7 @@ const DataBindingSetter = props => {
     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",
@@ -3953,20 +2236,20 @@ const DataBindingSetter = props => {
         });
       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);
@@ -3980,7 +2263,7 @@ const DataBindingSetter = props => {
         });
       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",
@@ -3995,94 +2278,96 @@ const DataBindingSetter = props => {
       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 => {
@@ -4093,22 +2378,8 @@ const DataMappingSetter = props => {
     targetFields,
     sourceFields = []
   } = props;
-  const currentValue = value ?? initialValue ?? defaultValue$2;
+  const currentValue = value ?? initialValue ?? defaultValue$1;
   const [open, setOpen] = useState(false);
-  const containerRef = useRef(null);
-  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 = useCallback(targetField => currentValue.mappings.find(m => m.targetField === targetField), [currentValue.mappings]);
@@ -4144,47 +2415,47 @@ const DataMappingSetter = props => {
 
   // 统计已映射字段数
   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
       }),
@@ -4195,7 +2466,7 @@ const DataMappingSetter = props => {
       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
       }),
@@ -4203,15 +2474,15 @@ const DataMappingSetter = props => {
       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
       }),
@@ -4219,236 +2490,13 @@ const DataMappingSetter = props => {
       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] = useState(false);
-  const [searchQuery, setSearchQuery] = useState('');
-  const [recentIcons, setRecentIcons] = useState([]);
-  const containerRef = useRef(null);
-  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 = useCallback(iconName => iconMap[iconName] || Circle, []);
-
-  // 过滤图标
-  const filteredIcons = useMemo(() => {
-    if (!searchQuery) {
-      return commonIcons;
-    }
-    const query = searchQuery.toLowerCase();
-    return commonIcons.filter(icon => icon.toLowerCase().includes(query));
-  }, [searchQuery]);
-
-  // 选择图标
-  const handleSelectIcon = 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"};
@@ -4731,7 +2779,7 @@ const SegmentedSetter = props => {
   }, 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 {
@@ -4742,22 +2790,8 @@ const SelectSetter = props => {
     onChange
   } = props;
   const [open, setOpen] = useState(false);
-  const containerRef = useRef(null);
   const currentValue = value ?? initialValue ?? '';
   const selectedOption = options.find(opt => opt.value === currentValue);
-  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;
@@ -4765,21 +2799,22 @@ const SelectSetter = props => {
     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,
@@ -5272,7 +3307,6 @@ const setterMap = {
   TabSetter,
   SpacingSetter,
   AlignSetter,
-  IconSetter,
   DataBindingSetter,
   DataMappingSetter,
   SelectSetter,
@@ -5283,5 +3317,5 @@ const setterMap = {
   ObjectSetter
 };
 
-export { AlignSetter, ArraySetter, CollapseSetter, ColorSetter, DataBindingSetter, DataMappingSetter, IconSetter, JsonSetter, NodeIdSetter, NumberSetter, ObjectSetter, RectSetter, SegmentedSetter, SelectSetter, SliderSetter, SpacingSetter, StringSetter, SwitchSetter, TabSetter, TextAreaSetter, UploadSetter, setterMap as default, setterMap };
+export { AlignSetter, ArraySetter, CollapseSetter, ColorSetter, DataBindingSetter, DataMappingSetter, JsonSetter, NodeIdSetter, NumberSetter, ObjectSetter, Popover, RectSetter, SegmentedSetter, SelectSetter, SliderSetter, SpacingSetter, StringSetter, SwitchSetter, TabSetter, TextAreaSetter, UploadSetter, setterMap as default, setterMap };
 //# sourceMappingURL=index.esm.js.map