cosmic-ai-input 1.0.13 → 1.0.15

package/dist/index.es.js

@@ -1,38 +1,38 @@
-// Generated at: 2026-03-10T07:58:48.343Z
-import { jsx as u, jsxs as Y } from "react/jsx-runtime";
-import { forwardRef as j, useState as L, useRef as F, useEffect as M, useCallback as Pe, useImperativeHandle as lt } from "react";
-import Se from "classnames";
-import { createPortal as ot } from "react-dom";
+// Generated at: 2026-04-03T02:03:21.169Z
+import { jsx as u, jsxs as te } from "react/jsx-runtime";
+import { forwardRef as j, useState as L, useRef as O, useEffect as M, useCallback as Pe, useImperativeHandle as ot } from "react";
+import De from "classnames";
+import { createPortal as st } from "react-dom";
 var h = /* @__PURE__ */ ((r) => (r.INPUT = "input", r.SELECT = "select", r.MULTIPLE_SELECT = "multiple-select", r.DATE_PICKER = "date-picker", r.LABEL = "label", r))(h || {});
 const $e = j(
   ({ value: r, position: s, id: o, onChange: f }, k) => {
-    const [w, g] = L(!0), $ = F(null), D = F(null);
+    const [C, E] = L(!0), $ = O(null), N = O(null);
     M(() => {
       typeof k == "function" ? k($.current) : k && (k.current = $.current);
     }, [k]);
     const T = (p) => {
-      const y = p.target.value;
-      f == null || f(y, h.DATE_PICKER);
+      const g = p.target.value;
+      f == null || f(g, h.DATE_PICKER);
     };
     M(() => {
-      if (D.current)
+      if (N.current)
         try {
           setTimeout(() => {
-            N();
+            S();
           }, 100);
         } catch {
         }
     }, []);
-    const N = () => {
-      if (D.current)
+    const S = () => {
+      if (N.current)
         try {
-          D.current.showPicker();
+          N.current.showPicker();
         } catch {
         }
     }, A = (p) => {
       p.stopPropagation();
     };
-    return w ? /* @__PURE__ */ u(
+    return C ? /* @__PURE__ */ u(
       "div",
       {
         ref: $,
@@ -46,7 +46,7 @@ const $e = j(
         children: /* @__PURE__ */ u(
           "input",
           {
-            ref: D,
+            ref: N,
             type: "date",
             value: r || "",
             onChange: T,
@@ -58,11 +58,11 @@ const $e = j(
   }
 );
 $e.displayName = "DatePicker";
-function fe(r) {
+function he(r) {
   const s = r.textContent || "", o = r.nextSibling;
   s.length ? (o == null || o.setAttribute("style", "display: none"), r.style.padding = "2px 4px", r.style.borderTopLeftRadius = "2px", r.style.borderBottomLeftRadius = "2px", r.style.borderTopRightRadius = "2px", r.style.borderBottomRightRadius = "2px") : (o == null || o.setAttribute("style", "display: inline"), r.style.padding = "2px 0 2px 4px", r.style.borderTopLeftRadius = "2px", r.style.borderBottomLeftRadius = "2px", r.style.borderTopRightRadius = "0", r.style.borderBottomRightRadius = "0");
 }
-function V(r) {
+function q(r) {
   if (r && r.getAttribute("data-set-type") === "input") {
     const s = r.children[0];
     s.setAttribute("contenteditable", "true"), requestAnimationFrame(() => {
@@ -70,7 +70,7 @@ function V(r) {
     });
   }
 }
-function Ne(r) {
+function Se(r) {
   r && r.getAttribute("data-set-type") === "input" && r.children[0].setAttribute("contenteditable", "false");
 }
 function _(r) {
@@ -82,16 +82,16 @@ const Be = j(({
   position: o,
   id: f,
   height: k = 37,
-  onChange: w
-}, g) => {
-  const [$, D] = L(s || ""), T = F(null);
+  onChange: C
+}, E) => {
+  const [$, N] = L(s || ""), T = O(null);
   M(() => {
-    typeof g == "function" ? g(T.current) : g && (g.current = T.current);
-  }, [g]);
-  const N = (p) => {
-    const y = $.split(",").filter((E) => E) || [];
+    typeof E == "function" ? E(T.current) : E && (E.current = T.current);
+  }, [E]);
+  const S = (p) => {
+    const g = $.split(",").filter((y) => y) || [];
     let b = "";
-    y.includes(p) ? b = y.filter((E) => E !== p).join(",") : y.length ? b = `${y.join(",")},${p}` : b = p, D(b), w == null || w(b, h.MULTIPLE_SELECT);
+    g.includes(p) ? b = g.filter((y) => y !== p).join(",") : g.length ? b = `${g.join(",")},${p}` : b = p, N(b), C == null || C(b, h.MULTIPLE_SELECT);
   }, A = $.split(",") || [];
   return /* @__PURE__ */ u(
     "div",
@@ -106,14 +106,14 @@ const Be = j(({
         zIndex: 5e3,
         maxHeight: `${k}px`
       },
-      children: r.map((p, y) => /* @__PURE__ */ u(
+      children: r.map((p, g) => /* @__PURE__ */ u(
         "div",
         {
           className: `selectOption ${A.includes(p) ? "selected" : ""}`,
-          onClick: () => N(p),
+          onClick: () => S(p),
           children: p
         },
-        y
+        g
       ))
     }
   );
@@ -125,14 +125,14 @@ const Me = j(({
   position: o,
   id: f,
   height: k = 120,
-  onChange: w
-}, g) => {
-  const [$, D] = L(s || ""), T = F(null);
+  onChange: C
+}, E) => {
+  const [$, N] = L(s || ""), T = O(null);
   M(() => {
-    typeof g == "function" ? g(T.current) : g && (g.current = T.current);
-  }, [g]);
-  const N = (A) => {
-    D(A), w == null || w(A, h.SELECT);
+    typeof E == "function" ? E(T.current) : E && (E.current = T.current);
+  }, [E]);
+  const S = (A) => {
+    N(A), C == null || C(A, h.SELECT);
   };
   return /* @__PURE__ */ u(
     "div",
@@ -151,7 +151,7 @@ const Me = j(({
         "div",
         {
           className: `selectOption ${$ === A ? "selected" : ""}`,
-          onClick: () => N(A),
+          onClick: () => S(A),
           children: A
         },
         p
@@ -160,23 +160,23 @@ const Me = j(({
   );
 });
 Me.displayName = "Select";
-function De(r) {
+function Ne(r) {
   const s = r instanceof Element ? r : document.getElementById(r);
   return s && s.children[0].textContent || "";
 }
-function st(r, s) {
+function ct(r, s) {
   const o = r instanceof Element ? r : document.getElementById(r);
   o && (o.children[0].textContent = s);
 }
-function ee(r) {
+function ne(r) {
   const s = document.createRange(), o = window.getSelection();
   o && (!r || !(r instanceof Node) || (s.selectNodeContents(r), s.collapse(!0), o.removeAllRanges(), o.addRange(s)));
 }
-function q(r) {
+function v(r) {
   const s = document.createRange(), o = window.getSelection();
   o && (!r || !(r instanceof Node) || (s.selectNodeContents(r), s.collapse(!1), o.removeAllRanges(), o.addRange(s)));
 }
-function pe(r) {
+function ge(r) {
   const s = window.getSelection();
   if (!s || s.rangeCount === 0)
     return 0;
@@ -185,37 +185,37 @@ function pe(r) {
   const o = s.getRangeAt(0), f = o.cloneRange();
   return f.selectNodeContents(r), f.setEnd(o.startContainer, o.startOffset), f.toString().length;
 }
-function ct() {
+function at() {
   const r = window.getSelection();
   if (!r || r.rangeCount === 0)
     return null;
   const o = r.getRangeAt(0).startContainer;
   return o.nodeType === Node.TEXT_NODE ? o.parentElement : o.nodeType === Node.ELEMENT_NODE ? o : null;
 }
-function at() {
+function dt() {
   const r = window.getSelection();
   return !r || r.rangeCount === 0 ? null : r.getRangeAt(0).getBoundingClientRect();
 }
-function dt() {
+function ut() {
   return new Promise((r) => {
     requestAnimationFrame(() => {
-      r(at());
+      r(dt());
     });
   });
 }
-function ut() {
+function ft() {
   const r = window.getSelection();
   if (!r || r.rangeCount === 0) return null;
   const s = r.getRangeAt(0), o = s.startContainer, f = s.startOffset;
   return o.nodeType === Node.TEXT_NODE ? f > 0 ? o : o.previousSibling : o.nodeType === Node.ELEMENT_NODE ? f > 0 ? o.childNodes[f - 1] : o.previousSibling : null;
 }
-function ft() {
+function pt() {
   const r = window.getSelection();
   if (!r || r.rangeCount === 0) return null;
   const s = r.getRangeAt(0), o = s.startContainer, f = s.startOffset;
   return o.nodeType === Node.TEXT_NODE ? f < o.length ? o : o.nextSibling : o.nodeType === Node.ELEMENT_NODE ? f < o.childNodes.length ? o.childNodes[f] : o.nextSibling : null;
 }
-function pt(r) {
+function ht(r) {
   return r && !r.getAttribute("data-set-type");
 }
 function ke() {
@@ -227,28 +227,28 @@ const He = j(({
   position: o,
   id: f,
   height: k = 120,
-  onChange: w
-}, g) => {
-  const [$, D] = L(s || ""), [T, N] = L(0), A = F(null), p = F(T), y = Pe((b) => {
-    D(b), w == null || w(b, h.LABEL);
-  }, [w]);
+  onChange: C
+}, E) => {
+  const [$, N] = L(s || ""), [T, S] = L(0), A = O(null), p = O(T), g = Pe((b) => {
+    N(b), C == null || C(b, h.LABEL);
+  }, [C]);
   return M(() => {
-    typeof g == "function" ? g(A.current) : g && (g.current = A.current);
-  }, [g]), M(() => {
+    typeof E == "function" ? E(A.current) : E && (E.current = A.current);
+  }, [E]), M(() => {
     p.current = T;
   }, [T]), M(() => {
-    N(0);
+    S(0);
   }, [r]), M(() => {
-    const b = (E) => {
-      r.length !== 0 && (E.key === "ArrowDown" ? (E.preventDefault(), N((x) => x < r.length - 1 ? x + 1 : x)) : E.key === "ArrowUp" ? (E.preventDefault(), N((x) => x > 0 ? x - 1 : x)) : E.key === "Enter" && (E.preventDefault(), setTimeout(() => {
-        const x = p.current;
-        x >= 0 && r[x] && y(r[x]);
+    const b = (y) => {
+      r.length !== 0 && (y.key === "ArrowDown" ? (y.preventDefault(), S((m) => m < r.length - 1 ? m + 1 : m)) : y.key === "ArrowUp" ? (y.preventDefault(), S((m) => m > 0 ? m - 1 : m)) : y.key === "Enter" && (y.preventDefault(), setTimeout(() => {
+        const m = p.current;
+        m >= 0 && r[m] && g(r[m]);
       }, 0)));
     };
     return document.addEventListener("keydown", b), () => {
       document.removeEventListener("keydown", b);
     };
-  }, [r, y]), /* @__PURE__ */ u(
+  }, [r, g]), /* @__PURE__ */ u(
     "div",
     {
       ref: A,
@@ -261,56 +261,56 @@ const He = j(({
         zIndex: 5e3,
         maxHeight: `${k}px`
       },
-      children: r.length > 0 && r.map((b, E) => /* @__PURE__ */ u(
+      children: r.length > 0 && r.map((b, y) => /* @__PURE__ */ u(
         "div",
         {
-          className: `selectOption ${$ === b ? "selected" : ""} ${T === E ? "highlighted" : ""}`,
-          onClick: () => y(b),
-          onMouseEnter: () => N(E),
+          className: `selectOption ${$ === b ? "selected" : ""} ${T === y ? "highlighted" : ""}`,
+          onClick: () => g(b),
+          onMouseEnter: () => S(y),
           children: b
         },
-        E
+        y
       ))
     }
   );
 });
 He.displayName = "Mention";
-const ht = j((r, s) => {
+const gt = j((r, s) => {
   const {
     value: o = "",
     varList: f,
     placeholder: k = "",
-    maxLength: w,
-    defaultRows: g = 3,
+    maxLength: C,
+    defaultRows: E = 3,
     disabled: $ = !1,
-    defaultFocus: D = !1,
+    defaultFocus: N = !1,
     textIndex: T = 0,
-    mentions: N = [],
+    mentions: S = [],
     onFocus: A,
     onBlur: p,
-    onChange: y,
+    onChange: g,
     onClick: b,
-    onSend: E,
-    onKeyDown: x,
+    onSend: y,
+    onKeyDown: m,
     onKeyUp: K,
-    onMaxLengthExceeded: te
-  } = r, [gt, Et] = L(o || ""), [ne, ie] = L(""), [yt, he] = L(""), [U, O] = L(!1), [X, W] = L({ top: 0, left: 0 }), [re, le] = L([]), [G, ge] = L(""), [C, oe] = L(null), [se, J] = L(120), [Ee, ye] = L(D), be = 240, Ce = 240, we = 240, Ae = 276, m = F(null), R = F(null), B = F(null), ce = F(!1), v = () => {
-    var i, e;
-    let n = ((e = (i = m.current) == null ? void 0 : i.innerText) == null ? void 0 : e.replace(/\u200B/g, "")) || "";
-    return n === `
-` && (n = ""), n;
-  }, xe = () => {
+    onMaxLengthExceeded: ie
+  } = r, [Et, yt] = L(o || ""), [re, X] = L(""), [bt, le] = L(""), [U, F] = L(!1), [G, W] = L({ top: 0, left: 0 }), [oe, se] = L([]), [J, Ee] = L(""), [w, ce] = L(null), [ae, Q] = L(120), [ye, be] = L(N), we = 240, Ce = 240, Ae = 240, me = 276, x = O(null), R = O(null), B = O(null), Z = O(!1), V = () => {
+    var i, t;
+    let e = ((t = (i = x.current) == null ? void 0 : i.innerText) == null ? void 0 : t.replace(/\u200B/g, "")) || "";
+    return e === `
+` && (e = ""), e;
+  }, de = () => {
     var i;
-    let n = ((i = m.current) == null ? void 0 : i.innerHTML) || "";
-    return n === "<br>" && (n = ""), n;
-  }, Fe = (n) => {
+    let e = ((i = x.current) == null ? void 0 : i.innerHTML) || "";
+    return e === "<br>" && (e = ""), e;
+  }, Oe = (e) => {
     const i = [];
-    let e = 0;
+    let t = 0;
     const l = /\[([^\]]+)\]/g;
     let c;
     const a = ke();
     let d = 0;
-    if (n === "" || !n || n === `
+    if (e === "" || !e || e === `
 `)
       return [
         {
@@ -319,429 +319,445 @@ const ht = j((r, s) => {
           id: `text-${d++}-${a}`
         }
       ];
-    const P = new Set((f || []).map((S) => S.name));
-    for (; (c = l.exec(n)) !== null; ) {
-      if (c.index > e) {
-        const H = n.substring(e, c.index).split(`
+    const P = new Set((f || []).map((D) => D.name));
+    for (; (c = l.exec(e)) !== null; ) {
+      if (c.index > t) {
+        const H = e.substring(t, c.index).split(`
 `);
-        H.forEach((I, rt) => {
-          I && i.push({
+        H.forEach((ee, lt) => {
+          ee && i.push({
             type: "text",
-            content: I,
+            content: ee,
             id: `text-${d++}-${a}`
-          }), rt < H.length - 1 && i.push({
+          }), lt < H.length - 1 && i.push({
             type: "newline",
             id: `newline-${d++}-${a}`
           });
         });
       }
-      const S = c[1];
-      if (P.has(S)) {
-        const t = f.find((H) => H.name === S);
-        (t == null ? void 0 : t.type) === "input" ? i.push({
+      const D = c[1];
+      if (P.has(D)) {
+        const n = f.find((H) => H.name === D);
+        (n == null ? void 0 : n.type) === "input" ? i.push({
           type: "input",
-          name: t == null ? void 0 : t.name,
-          content: (t == null ? void 0 : t.content) || "",
-          placeholder: (t == null ? void 0 : t.placeholder) || S,
+          name: n == null ? void 0 : n.name,
+          content: (n == null ? void 0 : n.content) || "",
+          placeholder: (n == null ? void 0 : n.placeholder) || D,
           id: `input-${d++}-${a}`
-        }) : (t == null ? void 0 : t.type) === "label" ? i.push({
+        }) : (n == null ? void 0 : n.type) === "label" ? i.push({
           type: "label",
-          name: t == null ? void 0 : t.name,
-          content: (t == null ? void 0 : t.content) || "",
+          name: n == null ? void 0 : n.name,
+          content: (n == null ? void 0 : n.content) || "",
           id: `label-${d++}-${a}`
-        }) : (t == null ? void 0 : t.type) === "select" ? i.push({
+        }) : (n == null ? void 0 : n.type) === "select" ? i.push({
           type: "select",
-          name: t == null ? void 0 : t.name,
-          content: (t == null ? void 0 : t.content) || "",
-          placeholder: (t == null ? void 0 : t.placeholder) || S,
-          options: (t == null ? void 0 : t.options) || [],
+          name: n == null ? void 0 : n.name,
+          content: (n == null ? void 0 : n.content) || "",
+          placeholder: (n == null ? void 0 : n.placeholder) || D,
+          options: (n == null ? void 0 : n.options) || [],
           id: `select-${d++}-${a}`
-        }) : (t == null ? void 0 : t.type) === "multiple-select" ? i.push({
+        }) : (n == null ? void 0 : n.type) === "multiple-select" ? i.push({
           type: "multiple-select",
-          name: t == null ? void 0 : t.name,
-          content: (t == null ? void 0 : t.content) || "",
-          placeholder: (t == null ? void 0 : t.placeholder) || S,
-          options: (t == null ? void 0 : t.options) || [],
+          name: n == null ? void 0 : n.name,
+          content: (n == null ? void 0 : n.content) || "",
+          placeholder: (n == null ? void 0 : n.placeholder) || D,
+          options: (n == null ? void 0 : n.options) || [],
           id: `multiple-select-${d++}-${a}`
-        }) : (t == null ? void 0 : t.type) === "date-picker" && i.push({
+        }) : (n == null ? void 0 : n.type) === "date-picker" && i.push({
           type: "date-picker",
-          name: t == null ? void 0 : t.name,
-          content: (t == null ? void 0 : t.content) || "",
-          placeholder: (t == null ? void 0 : t.placeholder) || S,
+          name: n == null ? void 0 : n.name,
+          content: (n == null ? void 0 : n.content) || "",
+          placeholder: (n == null ? void 0 : n.placeholder) || D,
           id: `date-picker-${d++}-${a}`
         });
       } else
         i.push({
           type: "text",
-          content: `[${S}]`,
+          content: `[${D}]`,
           id: `text-${d++}-${a}`
         });
-      e = l.lastIndex;
+      t = l.lastIndex;
     }
-    if (e < n.length) {
-      const t = n.substring(e).split(`
+    if (t < e.length) {
+      const n = e.substring(t).split(`
 `);
-      t.forEach((H, I) => {
+      n.forEach((H, ee) => {
         H && i.push({
           type: "text",
           content: H,
           id: `text-${d++}`
-        }), I < t.length - 1 && i.push({
+        }), ee < n.length - 1 && i.push({
           type: "newline",
           id: `newline-${d++}`
         });
       });
     }
     return i;
-  }, ae = () => {
-    var n;
-    (n = m.current) == null || n.setAttribute("contenteditable", "true"), R.current && (_(R.current) && R.current.children[0].setAttribute(
+  }, ue = () => {
+    var e;
+    (e = x.current) == null || e.setAttribute("contenteditable", "true"), R.current && (_(R.current) && R.current.children[0].setAttribute(
       "contenteditable",
       "false"
-    ), R.current = null), q(m.current);
-  }, Oe = (n) => {
-    b == null || b(n);
-  }, Ve = (n) => {
-    ae();
-  }, z = (n) => {
-    ie(v()), he(xe()), y == null || y(v()), et(n);
-  }, qe = (n) => {
+    ), R.current = null), v(x.current);
+  }, Fe = (e) => {
+    b == null || b(e);
+  }, Ve = (e) => {
+    ue();
+  }, z = (e) => {
+    Z.current || (X(V()), le(de()), g == null || g(V()), tt(e));
+  }, qe = (e) => {
     var i;
-    if (!ce.current && n.code === "Enter" && !n.shiftKey) {
-      n.preventDefault();
-      const e = v();
-      if (e.length === 0 || (i = m.current) != null && i.innerHTML.match(
+    if (!Z.current && e.code === "Enter" && !e.shiftKey) {
+      e.preventDefault();
+      const t = V();
+      if (t.length === 0 || (i = x.current) != null && i.innerHTML.match(
         /^<span>[\s\u200B]*(<br\s*\/?>[\s\u200B]*)+<\/span>$/
       ))
         return;
-      w ? e.length <= w ? E == null || E(e) : te == null || te(e, w) : E == null || E(e);
+      C ? t.length <= C ? y == null || y(t) : ie == null || ie(t, C) : y == null || y(t);
     }
-  }, _e = (n) => {
-    var e;
-    if (U && (C == null ? void 0 : C.type) === h.LABEL && (n.code === "ArrowUp" || n.code === "ArrowDown" || n.code === "Enter")) {
-      n.preventDefault();
+  }, ve = (e) => {
+    var t;
+    if (U && (w == null ? void 0 : w.type) === h.LABEL && (e.code === "ArrowUp" || e.code === "ArrowDown" || e.code === "Enter")) {
+      e.preventDefault();
       return;
     }
-    O(!1), x == null || x(n);
-    const i = ct();
-    if (i && pt(i)) {
-      if (n.code === "ArrowLeft") {
-        const l = i == null ? void 0 : i.previousElementSibling, c = pe(i);
-        l && c === 0 && _(l) && l.children[0] && (R.current = l, V(l), requestAnimationFrame(() => {
-          q(l.children[0]);
+    F(!1), m == null || m(e);
+    const i = at();
+    if (i && ht(i)) {
+      if (e.code === "ArrowLeft") {
+        const l = i == null ? void 0 : i.previousElementSibling, c = ge(i);
+        l && c === 0 && _(l) && l.children[0] && (R.current = l, q(l), requestAnimationFrame(() => {
+          v(l.children[0]);
         }));
       }
-      if (n.code === "ArrowRight") {
-        const l = i == null ? void 0 : i.nextElementSibling, c = pe(i);
-        l && c === ((e = i.textContent) == null ? void 0 : e.length) && _(l) && l.children[0] && (R.current = l, V(l), requestAnimationFrame(() => {
-          ee(l.children[0]);
+      if (e.code === "ArrowRight") {
+        const l = i == null ? void 0 : i.nextElementSibling, c = ge(i);
+        l && c === ((t = i.textContent) == null ? void 0 : t.length) && _(l) && l.children[0] && (R.current = l, q(l), requestAnimationFrame(() => {
+          ne(l.children[0]);
         }));
       }
-      n.code === "Backspace" && (i.innerHTML === "​" && n.preventDefault(), i.innerHTML === "<br>" && (n.preventDefault(), i.innerHTML = "​"));
+      e.code === "Backspace" && (i.innerHTML === "​" && e.preventDefault(), i.innerHTML === "<br>" && (e.preventDefault(), i.innerHTML = "​"));
+    }
+    if (e.code === "Backspace" && e.target) {
+      const l = e.target;
+      if (l.childElementCount === 1 && l.children[0].tagName === "SPAN") {
+        const c = l.children[0];
+        l.childNodes.length === 1 && (c.innerHTML === "​" && e.preventDefault(), c.innerHTML === "<br>" && (e.preventDefault(), c.innerHTML = "​"));
+      }
     }
     if (i && i.getAttribute("data-set-type") === "container") {
-      if (n.code === "ArrowLeft") {
-        const l = ut();
-        _(l) && l.children[0] && (R.current = l, V(l), requestAnimationFrame(() => {
-          q(l.children[0]);
+      if (e.code === "ArrowLeft") {
+        const l = ft();
+        _(l) && l.children[0] && (R.current = l, q(l), requestAnimationFrame(() => {
+          v(l.children[0]);
         }));
       }
-      if (n.code === "ArrowRight") {
-        const l = ft();
-        _(l) && l.children[0] && (R.current = l, V(l), requestAnimationFrame(() => {
-          ee(l.children[0]);
+      if (e.code === "ArrowRight") {
+        const l = pt();
+        _(l) && l.children[0] && (R.current = l, q(l), requestAnimationFrame(() => {
+          ne(l.children[0]);
         }));
       }
     }
-    qe(n);
-  }, Ke = (n) => {
-    if (U && (C == null ? void 0 : C.type) === h.LABEL && (n.code === "ArrowUp" || n.code === "ArrowDown" || n.code === "Enter")) {
-      n.preventDefault();
+    qe(e);
+  }, _e = (e) => {
+    if (U && (w == null ? void 0 : w.type) === h.LABEL && (e.code === "ArrowUp" || e.code === "ArrowDown" || e.code === "Enter")) {
+      e.preventDefault();
       return;
     }
-    K == null || K(n);
-  }, ve = (n) => {
-    n.preventDefault();
-    const e = window.getSelection().toString();
-    if (!e) return;
-    const l = e, c = e;
-    n.clipboardData.setData("text/plain", l), n.clipboardData.setData("text/html", c);
-  }, Ue = (n) => {
-    A == null || A(n);
-  }, We = () => {
-    ce.current = !0;
+    K == null || K(e);
+  }, Ke = (e) => {
+    const t = e.clipboardData.items;
+    for (let l = 0; l < t.length; l++)
+      if (t[l].type.indexOf("image") !== -1) {
+        e.preventDefault();
+        return;
+      }
+  }, Ue = (e) => {
+    e.preventDefault();
+    const t = window.getSelection().toString();
+    if (!t) return;
+    const l = t.replace(/\u200B/g, "") || "", c = t.replace(/\u200B/g, "") || "";
+    e.clipboardData.setData("text/plain", l), e.clipboardData.setData("text/html", c);
+  }, We = (e) => {
+    A == null || A(e);
   }, ze = () => {
-    ce.current = !1;
-  }, je = (n, i) => {
+    Z.current = !0;
+  }, je = () => {
+    setTimeout(() => {
+      Z.current = !1, X(V()), le(de()), g == null || g(V());
+    }, 0);
+  }, Xe = (e, i) => {
     i.stopPropagation();
-  }, Xe = (n, i) => {
+  }, Ge = (e, i) => {
     var l;
-    i.stopPropagation(), R.current && Ne(R.current), (l = m.current) == null || l.setAttribute("contenteditable", "false");
-    const e = document.getElementById(n.id);
-    R.current = e, requestAnimationFrame(() => {
-      V(e);
+    i.stopPropagation(), R.current && Se(R.current), (l = x.current) == null || l.setAttribute("contenteditable", "false");
+    const t = document.getElementById(e.id);
+    R.current = t, requestAnimationFrame(() => {
+      q(t);
     });
-  }, Ge = (n, i) => {
-    var c, a, d, P, S;
-    x == null || x(i), i.stopPropagation();
-    const e = i.target, l = pe(e);
+  }, Je = (e, i) => {
+    var c, a, d, P, D;
+    m == null || m(i), i.stopPropagation();
+    const t = i.target, l = ge(t);
     if (i.code === "Backspace" && l === 0) {
-      const t = (c = e.parentElement) == null ? void 0 : c.previousElementSibling;
-      t && (_(t) && t.children[0] && ((a = t.children[0].textContent) != null && a.length) ? (R.current = t, V(t), q(t.children[0]), requestAnimationFrame(() => {
-        fe(t.children[0]);
-      })) : (ae(), q(t)));
+      const n = (c = t.parentElement) == null ? void 0 : c.previousElementSibling;
+      n && (_(n) && n.children[0] && ((a = n.children[0].textContent) != null && a.length) ? (R.current = n, q(n), v(n.children[0]), requestAnimationFrame(() => {
+        he(n.children[0]);
+      })) : (ue(), v(n)));
     }
-    if (i.code === "ArrowRight" && l === ((d = e.textContent) == null ? void 0 : d.length)) {
-      const t = (P = e.parentElement) == null ? void 0 : P.nextElementSibling;
-      t && (_(t) && t.children[0] && ((S = t.children[0].textContent) != null && S.length) ? (R.current = t, V(t), ee(t.children[0]), requestAnimationFrame(() => {
-        fe(t.children[0]);
-      })) : (ae(), ee(t)));
+    if (i.code === "ArrowRight" && l === ((d = t.textContent) == null ? void 0 : d.length)) {
+      const n = (P = t.parentElement) == null ? void 0 : P.nextElementSibling;
+      n && (_(n) && n.children[0] && ((D = n.children[0].textContent) != null && D.length) ? (R.current = n, q(n), ne(n.children[0]), requestAnimationFrame(() => {
+        he(n.children[0]);
+      })) : (ue(), ne(n)));
     }
     i.code === "Enter" && i.shiftKey && i.preventDefault();
-  }, Je = (n, i) => {
+  }, Qe = (e, i) => {
     K == null || K(i);
-    const e = i.target;
-    fe(e);
-  }, Qe = (n, i) => {
+    const t = i.target;
+    he(t);
+  }, Ze = (e, i) => {
     var l;
-    i.stopPropagation(), R.current && Ne(R.current), (l = m.current) == null || l.setAttribute("contenteditable", "false");
-    const e = document.getElementById(n.id);
-    R.current = e, requestAnimationFrame(() => {
-      V(e);
+    i.stopPropagation(), R.current && Se(R.current), (l = x.current) == null || l.setAttribute("contenteditable", "false");
+    const t = document.getElementById(e.id);
+    R.current = t, requestAnimationFrame(() => {
+      q(t);
     });
-  }, Ze = (n, i) => {
-    ie(v()), he(xe()), y == null || y(v());
-  }, Ie = (n, i) => {
+  }, Ie = (e, i) => {
+    X(V()), le(de()), g == null || g(V());
+  }, Ye = (e, i) => {
   };
   M(() => {
     if (!U) return;
-    const n = (l) => {
-      B.current && !B.current.contains(l.target) && O(!1);
+    const e = (l) => {
+      B.current && !B.current.contains(l.target) && F(!1);
     }, i = (l) => {
-      B.current && !B.current.contains(l.target) && O(!1);
-    }, e = () => {
-      O(!1);
+      B.current && !B.current.contains(l.target) && F(!1);
+    }, t = () => {
+      F(!1);
     };
-    return document.addEventListener("mousedown", n), document.addEventListener("scroll", i, !0), window.addEventListener("resize", e), () => {
-      document.removeEventListener("mousedown", n), document.removeEventListener("scroll", i, !0), window.removeEventListener("resize", e);
+    return document.addEventListener("mousedown", e), document.addEventListener("scroll", i, !0), window.addEventListener("resize", t), () => {
+      document.removeEventListener("mousedown", e), document.removeEventListener("scroll", i, !0), window.removeEventListener("resize", t);
     };
   }, [U]);
-  const Q = (n, i) => {
-    if (C && i !== h.LABEL && st(C.id, n), i === h.SELECT && (O(!1), z({})), i === h.LABEL && (ue(), O(!1), requestAnimationFrame(() => {
-      const e = window.getSelection();
-      e && Z.current && (e.removeAllRanges(), e.addRange(Z.current), setTimeout(() => {
+  const I = (e, i) => {
+    if (w && i !== h.LABEL && ct(w.id, e), i === h.SELECT && (F(!1), z({})), i === h.LABEL && (pe(), F(!1), requestAnimationFrame(() => {
+      const t = window.getSelection();
+      t && Y.current && (t.removeAllRanges(), t.addRange(Y.current), setTimeout(() => {
         var d;
         const l = document.createElement("span");
-        l.contentEditable = "false", l.setAttribute("data-set-type", "label"), l.id = C.id;
+        l.contentEditable = "false", l.setAttribute("data-set-type", "label"), l.id = w.id;
         const c = document.createElement("span");
-        c.contentEditable = "false", c.textContent = n, l.appendChild(c);
-        const a = (d = m.current) == null ? void 0 : d.children;
+        c.contentEditable = "false", c.textContent = e, l.appendChild(c);
+        const a = (d = x.current) == null ? void 0 : d.children;
         if ((a == null ? void 0 : a.length) === 1 && a[0].tagName === "SPAN" && a[0].innerHTML === "​[")
-          m.current.innerHTML = "", m.current.appendChild(l), setTimeout(() => {
-            z({}), ue();
+          x.current.innerHTML = "", x.current.appendChild(l), setTimeout(() => {
+            z({}), pe();
           }, 0);
         else {
           document.execCommand("delete", !1, void 0);
-          const P = Z.current;
-          P.insertNode(l), P.setStartAfter(l), P.setEndAfter(l), e.removeAllRanges(), e.addRange(P), setTimeout(() => {
+          const P = Y.current;
+          P.insertNode(l), P.setStartAfter(l), P.setEndAfter(l), t.removeAllRanges(), t.addRange(P), setTimeout(() => {
             z({});
           }, 0);
         }
       }, 0));
     })), i === h.MULTIPLE_SELECT || i === h.DATE_PICKER) {
-      const e = document.getElementById(
-        C.id
+      const t = document.getElementById(
+        w.id
       );
-      e && e.children[0] && e.children[1] && (n.length > 0 ? (e.children[0].setAttribute("style", "display: inline"), e.children[0].setAttribute("contenteditable", "false"), e.children[1].setAttribute("style", "display: none"), e.children[1].setAttribute("contenteditable", "true")) : (e.children[0].setAttribute("style", "display: none"), e.children[0].setAttribute("contenteditable", "true"), e.children[1].setAttribute("style", "display: inline"), e.children[1].setAttribute("contenteditable", "true"))), z({});
+      t && t.children[0] && t.children[1] && (e.length > 0 ? (t.children[0].setAttribute("style", "display: inline"), t.children[0].setAttribute("contenteditable", "false"), t.children[1].setAttribute("style", "display: none"), t.children[1].setAttribute("contenteditable", "true")) : (t.children[0].setAttribute("style", "display: none"), t.children[0].setAttribute("contenteditable", "true"), t.children[1].setAttribute("style", "display: inline"), t.children[1].setAttribute("contenteditable", "true"))), z({});
     }
-  }, Z = F(null), Ye = (N == null ? void 0 : N.map((n) => n.prefix)) || [], et = (n) => {
-    const i = n == null ? void 0 : n.nativeEvent, e = i == null ? void 0 : i.data;
-    Ye.includes(e) && dt().then((l) => {
+  }, Y = O(null), et = (S == null ? void 0 : S.map((e) => e.prefix)) || [], tt = (e) => {
+    const i = e == null ? void 0 : e.nativeEvent, t = i == null ? void 0 : i.data;
+    et.includes(t) && ut().then((l) => {
       var a;
       const c = window.getSelection();
-      c && c.rangeCount > 0 && (Z.current = c.getRangeAt(0)), tt({
-        options: ((a = N.find((d) => d.prefix === e)) == null ? void 0 : a.options) || [],
+      c && c.rangeCount > 0 && (Y.current = c.getRangeAt(0)), nt({
+        options: ((a = S.find((d) => d.prefix === t)) == null ? void 0 : a.options) || [],
         value: "",
         type: h.LABEL,
         id: "label-" + ke()
       }, l);
     });
-  }, tt = (n, i) => {
-    le(n.options), W({ top: -999999, left: -999999999 }), oe(n), J(Ce), O(!0), requestAnimationFrame(() => {
+  }, nt = (e, i) => {
+    se(e.options), W({ top: -999999, left: -999999999 }), ce(e), Q(Ce), F(!0), requestAnimationFrame(() => {
       if (B.current) {
-        const e = B.current.getBoundingClientRect();
+        const t = B.current.getBoundingClientRect();
         let l = i.left, c = i.top + i.height;
-        window.innerWidth - i.right < be && i.width < e.width && (l = i.right - e.width), i.top < e.height && (c = i.top + i.height), W({ top: c, left: l }), J(e.height);
+        window.innerWidth - i.right < we && i.width < t.width && (l = i.right - t.width), i.top < t.height && (c = i.top + i.height), W({ top: c, left: l }), Q(t.height);
       }
     });
-  }, me = (n, i) => {
+  }, xe = (e, i) => {
     const l = i.target.getBoundingClientRect();
-    le(n.options), ge(n.value || De(n.id)), W({ top: -999999, left: -999999999 }), oe(n), J(Ce), O(!0), requestAnimationFrame(() => {
+    se(e.options), Ee(e.value || Ne(e.id)), W({ top: -999999, left: -999999999 }), ce(e), Q(Ce), F(!0), requestAnimationFrame(() => {
       if (B.current) {
         const c = B.current.getBoundingClientRect();
         let a = l.left, d = l.top + l.height;
-        window.innerWidth - l.right < be && l.width < c.width && (a = l.right - c.width), l.top < c.height && (d = l.top + l.height), W({ top: d, left: a }), J(c.height);
+        window.innerWidth - l.right < we && l.width < c.width && (a = l.right - c.width), l.top < c.height && (d = l.top + l.height), W({ top: d, left: a }), Q(c.height);
       }
     });
-  }, nt = (n, i) => {
+  }, it = (e, i) => {
     const l = i.target.getBoundingClientRect();
-    let c = l.left, a = l.top - Ae;
-    window.innerWidth - l.right < we && (c = c - we + l.width), l.top < Ae && (a = l.top + l.height), le(n.options), ge(n.value || De(n.id)), W({ top: a, left: c }), oe(n), O(!0);
-  }, [it, Le] = L([]), [de, Te] = L(!0), Re = Pe(() => {
+    let c = l.left, a = l.top - me;
+    window.innerWidth - l.right < Ae && (c = c - Ae + l.width), l.top < me && (a = l.top + l.height), se(e.options), Ee(e.value || Ne(e.id)), W({ top: a, left: c }), ce(e), F(!0);
+  }, [rt, Le] = L([]), [fe, Te] = L(!0), Re = Pe(() => {
     Te(!1);
-    const n = Fe(o), i = [];
-    return n.forEach((e) => {
-      var l, c, a, d, P, S;
-      if (e.type === "text")
+    const e = Oe(o), i = [];
+    return e.forEach((t) => {
+      var l, c, a, d, P, D;
+      if (t.type === "text")
         i.push(
-          /* @__PURE__ */ u("span", { onKeyDown: (t) => Ie(), children: e.content }, e.id)
+          /* @__PURE__ */ u("span", { onKeyDown: (n) => Ye(), children: t.content }, t.id)
         );
-      else if (e.type === "newline")
-        i.push(/* @__PURE__ */ u("br", {}, e.id));
-      else if (e.type === "label")
+      else if (t.type === "newline")
+        i.push(/* @__PURE__ */ u("br", {}, t.id));
+      else if (t.type === "label")
         i.push(
           /* @__PURE__ */ u(
             "span",
             {
-              id: e.id,
+              id: t.id,
               "data-set-type": "label",
               contentEditable: !1,
               children: /* @__PURE__ */ u(
                 "span",
                 {
                   contentEditable: !1,
-                  children: e.name
+                  children: t.name
                 }
               )
             },
-            e.id
+            t.id
           )
         );
-      else if (e.type === "input")
+      else if (t.type === "input")
         i.push(
-          /* @__PURE__ */ Y(
+          /* @__PURE__ */ te(
             "span",
             {
-              id: e.id,
+              id: t.id,
               "data-set-type": "input",
               contentEditable: !1,
               suppressContentEditableWarning: !0,
-              onInput: (t) => Ze(),
-              onClick: (t) => je(e, t),
-              onMouseDown: (t) => Xe(e, t),
-              "data-cosmic-ai-input-placeholder": e.placeholder,
+              onInput: (n) => Ie(),
+              onClick: (n) => Xe(t, n),
+              onMouseDown: (n) => Ge(t, n),
+              "data-cosmic-ai-input-placeholder": t.placeholder,
               children: [
                 /* @__PURE__ */ u(
                   "span",
                   {
                     className: "cosmic-ai-input-inputContent",
                     style: {
-                      padding: (l = e.content) != null && l.length ? "2px 4px" : "2px 0 2px 4px"
+                      padding: (l = t.content) != null && l.length ? "2px 4px" : "2px 0 2px 4px"
                     },
                     contentEditable: !1,
-                    onKeyDown: (t) => Ge(e, t),
-                    onKeyUp: (t) => Je(e, t),
-                    children: e.content
+                    onKeyDown: (n) => Je(t, n),
+                    onKeyUp: (n) => Qe(t, n),
+                    children: t.content
                   }
                 ),
                 /* @__PURE__ */ u(
                   "span",
                   {
                     contentEditable: !1,
-                    style: { display: (c = e.content) != null && c.length ? "none" : "inline" },
+                    style: { display: (c = t.content) != null && c.length ? "none" : "inline" },
                     className: "cosmic-ai-input-placeholder",
-                    onMouseDown: (t) => Qe(e, t),
-                    children: e.placeholder
+                    onMouseDown: (n) => Ze(t, n),
+                    children: t.placeholder
                   }
                 )
               ]
             },
-            e.id
+            t.id
           )
         );
-      else if (e.type === h.SELECT) {
-        const t = e.content || ((a = e.options) == null ? void 0 : a[0]) || e.placeholder;
+      else if (t.type === h.SELECT) {
+        const n = t.content || ((a = t.options) == null ? void 0 : a[0]) || t.placeholder;
         i.push(
           /* @__PURE__ */ u(
             "span",
             {
-              id: e.id,
+              id: t.id,
               "data-set-type": "select",
               contentEditable: !1,
               suppressContentEditableWarning: !0,
-              onClick: (H) => me(e, H),
-              "data-cosmic-ai-input-placeholder": e.placeholder,
-              children: /* @__PURE__ */ u("span", { contentEditable: !1, children: t })
+              onClick: (H) => xe(t, H),
+              "data-cosmic-ai-input-placeholder": t.placeholder,
+              children: /* @__PURE__ */ u("span", { contentEditable: !1, children: n })
             },
-            e.id
+            t.id
           )
         );
-      } else if (e.type === h.MULTIPLE_SELECT) {
-        const t = e.content || ((d = e.options) == null ? void 0 : d[0]);
+      } else if (t.type === h.MULTIPLE_SELECT) {
+        const n = t.content || ((d = t.options) == null ? void 0 : d[0]);
         i.push(
-          /* @__PURE__ */ Y(
+          /* @__PURE__ */ te(
             "span",
             {
-              id: e.id,
+              id: t.id,
               "data-set-type": "multiple-select",
               contentEditable: !1,
               suppressContentEditableWarning: !0,
-              onClick: (H) => me(e, H),
-              "data-cosmic-ai-input-placeholder": e.placeholder,
+              onClick: (H) => xe(t, H),
+              "data-cosmic-ai-input-placeholder": t.placeholder,
               children: [
                 /* @__PURE__ */ u(
                   "span",
                   {
-                    style: { display: t != null && t.length ? "inline" : "none" },
+                    style: { display: n != null && n.length ? "inline" : "none" },
                     contentEditable: !1,
-                    children: t
+                    children: n
                   }
                 ),
                 /* @__PURE__ */ u(
                   "span",
                   {
-                    style: { display: t != null && t.length ? "none" : "inline" },
+                    style: { display: n != null && n.length ? "none" : "inline" },
                     className: "cosmic-ai-input-selectPlaceholder",
                     contentEditable: !1,
-                    children: e.placeholder
+                    children: t.placeholder
                   }
                 )
               ]
             },
-            e.id
+            t.id
           )
         );
-      } else e.type === h.DATE_PICKER && i.push(
-        /* @__PURE__ */ Y(
+      } else t.type === h.DATE_PICKER && i.push(
+        /* @__PURE__ */ te(
           "span",
           {
-            id: e.id,
+            id: t.id,
             "data-set-type": "date-picker",
             contentEditable: !1,
             suppressContentEditableWarning: !0,
-            onClick: (t) => nt(e, t),
-            "data-cosmic-ai-input-placeholder": e.placeholder,
+            onClick: (n) => it(t, n),
+            "data-cosmic-ai-input-placeholder": t.placeholder,
             children: [
               /* @__PURE__ */ u(
                 "span",
                 {
-                  style: { display: (P = e.content) != null && P.length ? "inline" : "none" },
+                  style: { display: (P = t.content) != null && P.length ? "inline" : "none" },
                   contentEditable: !1,
-                  children: e.content
+                  children: t.content
                 }
               ),
               /* @__PURE__ */ u(
                 "span",
                 {
-                  style: { display: (S = e.content) != null && S.length ? "none" : "inline" },
+                  style: { display: (D = t.content) != null && D.length ? "none" : "inline" },
                   className: "cosmic-ai-input-datePickerPlaceholder",
                   contentEditable: !1,
-                  children: e.placeholder
+                  children: t.placeholder
                 }
               )
             ]
           },
-          e.id
+          t.id
         )
       );
     }), setTimeout(() => {
@@ -749,102 +765,103 @@ const ht = j((r, s) => {
     }, 0), i;
   }, [o]);
   M(() => {
-    de && setTimeout(() => {
-      q(m.current);
+    fe && setTimeout(() => {
+      v(x.current);
     }, 0);
-  }, [de]), M(() => {
-    o !== ne ? (Le(Re()), ie(o), ye(!0)) : (o === "" || !o) && Le(Re());
-  }, [o, ne]), M(() => {
-    if (!D && !Ee) return;
-    const n = new MutationObserver(() => {
-      m.current && document.contains(m.current) && (requestAnimationFrame(() => {
-        q(m.current), ye(!1);
-      }), n.disconnect());
+  }, [fe]), M(() => {
+    o !== re ? (Le(Re()), X(o), be(!0)) : (o === "" || !o) && Le(Re());
+  }, [o, re]), M(() => {
+    if (!N && !ye) return;
+    const e = new MutationObserver(() => {
+      x.current && document.contains(x.current) && (requestAnimationFrame(() => {
+        v(x.current), be(!1);
+      }), e.disconnect());
     });
-    return m.current && n.observe(document.body, { childList: !0, subtree: !0 }), () => n.disconnect();
-  }, [D, Ee]);
-  const ue = () => {
-    m.current && requestAnimationFrame(() => {
-      q(m.current);
+    return x.current && e.observe(document.body, { childList: !0, subtree: !0 }), () => e.disconnect();
+  }, [N, ye]);
+  const pe = () => {
+    x.current && requestAnimationFrame(() => {
+      v(x.current);
     });
   };
-  return lt(s, () => ({
-    getCurrentValue: v,
-    focus: ue
+  return ot(s, () => ({
+    getCurrentValue: V,
+    focus: pe
   })), // 最外层的防止renderContainer为false的时候样式坍塌
-  /* @__PURE__ */ Y("div", { className: Se(`cosmic-ai-input-rows${g}`), style: { textIndent: T + "px" }, children: [
-    de && /* @__PURE__ */ u(
+  /* @__PURE__ */ te("div", { className: De(`cosmic-ai-input-rows${E}`), style: { textIndent: T + "px" }, children: [
+    fe && /* @__PURE__ */ u(
       "div",
       {
         "data-set-type": "container",
         "data-cosmic-ai-input-placeholder": k,
-        className: Se(
+        className: De(
           "cosmic-ai-input",
-          `cosmic-ai-input-rows${g}`,
+          `cosmic-ai-input-rows${E}`,
           { "is-disabled": $ },
-          { "is-empty": ne.length === 0 }
+          { "is-empty": re.length === 0 }
         ),
-        ref: m,
+        ref: x,
         contentEditable: !0,
         suppressContentEditableWarning: !0,
-        onClick: (n) => Oe(n),
-        onFocus: (n) => {
-          Ue(n);
+        onClick: (e) => Fe(e),
+        onFocus: (e) => {
+          We(e);
         },
-        onBlur: (n) => {
-          p == null || p(n);
+        onBlur: (e) => {
+          p == null || p(e);
         },
-        onMouseDown: (n) => Ve(),
-        onKeyDown: (n) => _e(n),
-        onKeyUp: (n) => Ke(n),
-        onInput: (n) => z(n),
-        onCopy: (n) => ve(n),
-        onCompositionStart: We,
-        onCompositionEnd: ze,
-        children: it
+        onMouseDown: (e) => Ve(),
+        onKeyDown: (e) => ve(e),
+        onKeyUp: (e) => _e(e),
+        onInput: (e) => z(e),
+        onCopy: (e) => Ue(e),
+        onPaste: (e) => Ke(e),
+        onCompositionStart: ze,
+        onCompositionEnd: je,
+        children: rt
       }
     ),
-    U && ot(
-      (C == null ? void 0 : C.type) === h.MULTIPLE_SELECT ? /* @__PURE__ */ u(
+    U && st(
+      (w == null ? void 0 : w.type) === h.MULTIPLE_SELECT ? /* @__PURE__ */ u(
         Be,
         {
           ref: B,
-          options: re,
-          value: G,
-          position: X,
-          height: se,
-          onChange: Q
+          options: oe,
+          value: J,
+          position: G,
+          height: ae,
+          onChange: I
         },
         h.MULTIPLE_SELECT
-      ) : (C == null ? void 0 : C.type) === h.DATE_PICKER ? /* @__PURE__ */ u(
+      ) : (w == null ? void 0 : w.type) === h.DATE_PICKER ? /* @__PURE__ */ u(
         $e,
         {
           ref: B,
-          value: G,
-          position: X,
-          onChange: Q
+          value: J,
+          position: G,
+          onChange: I
         },
         h.DATE_PICKER
-      ) : (C == null ? void 0 : C.type) === h.LABEL ? /* @__PURE__ */ u(
+      ) : (w == null ? void 0 : w.type) === h.LABEL ? /* @__PURE__ */ u(
         He,
         {
           ref: B,
-          options: re,
-          value: G,
-          position: X,
-          height: se,
-          onChange: Q
+          options: oe,
+          value: J,
+          position: G,
+          height: ae,
+          onChange: I
         },
         h.LABEL
       ) : /* @__PURE__ */ u(
         Me,
         {
           ref: B,
-          options: re,
-          value: G,
-          position: X,
-          height: se,
-          onChange: Q
+          options: oe,
+          value: J,
+          position: G,
+          height: ae,
+          onChange: I
         },
         h.SELECT
       ),
@@ -852,7 +869,7 @@ const ht = j((r, s) => {
     )
   ] });
 });
-ht.displayName = "AiInput";
+gt.displayName = "AiInput";
 export {
-  ht as default
+  gt as default
 };