cosmic-ai-input 1.0.17 → 1.0.19

package/dist/index.cjs.js

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

package/dist/index.es.js

@@ -1,4 +1,4 @@
-// Generated at: 2026-04-03T06:58:28.222Z
+// Generated at: 2026-04-03T07:18:56.876Z
 import { jsx as f, jsxs as te } from "react/jsx-runtime";
 import { forwardRef as j, useState as T, useRef as O, useEffect as H, useCallback as Pe, useImperativeHandle as st } from "react";
 import De from "classnames";
@@ -6,7 +6,7 @@ import { createPortal as ct } from "react-dom";
 var g = /* @__PURE__ */ ((r) => (r.INPUT = "input", r.SELECT = "select", r.MULTIPLE_SELECT = "multiple-select", r.DATE_PICKER = "date-picker", r.LABEL = "label", r))(g || {});
 const Be = j(
   ({ value: r, position: o, id: l, onChange: p }, B) => {
-    const [A, y] = T(!0), $ = O(null), k = O(null);
+    const [C, y] = T(!0), $ = O(null), k = O(null);
     H(() => {
       typeof B == "function" ? B($.current) : B && (B.current = $.current);
     }, [B]);
@@ -29,10 +29,10 @@ const Be = j(
           k.current.showPicker();
         } catch {
         }
-    }, x = (h) => {
+    }, A = (h) => {
       h.stopPropagation();
     };
-    return A ? /* @__PURE__ */ f(
+    return C ? /* @__PURE__ */ f(
       "div",
       {
         ref: $,
@@ -50,7 +50,7 @@ const Be = j(
             type: "date",
             value: r || "",
             onChange: R,
-            onClick: x
+            onClick: A
           }
         )
       }
@@ -73,7 +73,7 @@ function V(r) {
 function Se(r) {
   r && r.getAttribute("data-set-type") === "input" && r.children[0].setAttribute("contenteditable", "false");
 }
-function _(r) {
+function q(r) {
   return r && (r != null && r.getAttribute) ? r.getAttribute("data-set-type") === "input" : !1;
 }
 const $e = j(({
@@ -82,7 +82,7 @@ const $e = j(({
   position: l,
   id: p,
   height: B = 37,
-  onChange: A
+  onChange: C
 }, y) => {
   const [$, k] = T(o || ""), R = O(null);
   H(() => {
@@ -90,9 +90,9 @@ const $e = j(({
   }, [y]);
   const N = (h) => {
     const E = $.split(",").filter((b) => b) || [];
-    let w = "";
-    E.includes(h) ? w = E.filter((b) => b !== h).join(",") : E.length ? w = `${E.join(",")},${h}` : w = h, k(w), A == null || A(w, g.MULTIPLE_SELECT);
-  }, x = $.split(",") || [];
+    let m = "";
+    E.includes(h) ? m = E.filter((b) => b !== h).join(",") : E.length ? m = `${E.join(",")},${h}` : m = h, k(m), C == null || C(m, g.MULTIPLE_SELECT);
+  }, A = $.split(",") || [];
   return /* @__PURE__ */ f(
     "div",
     {
@@ -109,7 +109,7 @@ const $e = j(({
       children: r.map((h, E) => /* @__PURE__ */ f(
         "div",
         {
-          className: `selectOption ${x.includes(h) ? "selected" : ""}`,
+          className: `selectOption ${A.includes(h) ? "selected" : ""}`,
           onClick: () => N(h),
           children: h
         },
@@ -125,14 +125,14 @@ const Me = j(({
   position: l,
   id: p,
   height: B = 120,
-  onChange: A
+  onChange: C
 }, y) => {
   const [$, k] = T(o || ""), R = O(null);
   H(() => {
     typeof y == "function" ? y(R.current) : y && (y.current = R.current);
   }, [y]);
-  const N = (x) => {
-    k(x), A == null || A(x, g.SELECT);
+  const N = (A) => {
+    k(A), C == null || C(A, g.SELECT);
   };
   return /* @__PURE__ */ f(
     "div",
@@ -147,12 +147,12 @@ const Me = j(({
         zIndex: 5e3,
         maxHeight: `${B}px`
       },
-      children: r.length > 0 && r.map((x, h) => /* @__PURE__ */ f(
+      children: r.length > 0 && r.map((A, h) => /* @__PURE__ */ f(
         "div",
         {
-          className: `selectOption ${$ === x ? "selected" : ""}`,
-          onClick: () => N(x),
-          children: x
+          className: `selectOption ${$ === A ? "selected" : ""}`,
+          onClick: () => N(A),
+          children: A
         },
         h
       ))
@@ -172,7 +172,7 @@ function ne(r) {
   const o = document.createRange(), l = window.getSelection();
   l && (!r || !(r instanceof Node) || (o.selectNodeContents(r), o.collapse(!0), l.removeAllRanges(), l.addRange(o)));
 }
-function q(r) {
+function z(r) {
   const o = document.createRange(), l = window.getSelection();
   l && (!r || !(r instanceof Node) || (o.selectNodeContents(r), o.collapse(!1), l.removeAllRanges(), l.addRange(o)));
 }
@@ -227,31 +227,31 @@ const He = j(({
   position: l,
   id: p,
   height: B = 120,
-  onChange: A
+  onChange: C
 }, y) => {
-  const [$, k] = T(o || ""), [R, N] = T(0), x = O(null), h = O(R), E = Pe((w) => {
-    k(w), A == null || A(w, g.LABEL);
-  }, [A]);
+  const [$, k] = T(o || ""), [R, N] = T(0), A = O(null), h = O(R), E = Pe((m) => {
+    k(m), C == null || C(m, g.LABEL);
+  }, [C]);
   return H(() => {
-    typeof y == "function" ? y(x.current) : y && (y.current = x.current);
+    typeof y == "function" ? y(A.current) : y && (y.current = A.current);
   }, [y]), H(() => {
     h.current = R;
   }, [R]), H(() => {
     N(0);
   }, [r]), H(() => {
-    const w = (b) => {
-      r.length !== 0 && (b.key === "ArrowDown" ? (b.preventDefault(), N((L) => L < r.length - 1 ? L + 1 : L)) : b.key === "ArrowUp" ? (b.preventDefault(), N((L) => L > 0 ? L - 1 : L)) : b.key === "Enter" && (b.preventDefault(), setTimeout(() => {
-        const L = h.current;
-        L >= 0 && r[L] && E(r[L]);
+    const m = (b) => {
+      r.length !== 0 && (b.key === "ArrowDown" ? (b.preventDefault(), N((x) => x < r.length - 1 ? x + 1 : x)) : b.key === "ArrowUp" ? (b.preventDefault(), N((x) => x > 0 ? x - 1 : x)) : b.key === "Enter" && (b.preventDefault(), setTimeout(() => {
+        const x = h.current;
+        x >= 0 && r[x] && E(r[x]);
       }, 0)));
     };
-    return document.addEventListener("keydown", w), () => {
-      document.removeEventListener("keydown", w);
+    return document.addEventListener("keydown", m), () => {
+      document.removeEventListener("keydown", m);
     };
   }, [r, E]), /* @__PURE__ */ f(
     "div",
     {
-      ref: x,
+      ref: A,
       className: "cosmic-ai-input-selectFloatElement",
       id: p,
       style: {
@@ -261,13 +261,13 @@ const He = j(({
         zIndex: 5e3,
         maxHeight: `${B}px`
       },
-      children: r.length > 0 && r.map((w, b) => /* @__PURE__ */ f(
+      children: r.length > 0 && r.map((m, b) => /* @__PURE__ */ f(
         "div",
         {
-          className: `selectOption ${$ === w ? "selected" : ""} ${R === b ? "highlighted" : ""}`,
-          onClick: () => E(w),
+          className: `selectOption ${$ === m ? "selected" : ""} ${R === b ? "highlighted" : ""}`,
+          onClick: () => E(m),
           onMouseEnter: () => N(b),
-          children: w
+          children: m
         },
         b
       ))
@@ -280,28 +280,28 @@ const gt = j((r, o) => {
     value: l = "",
     varList: p,
     placeholder: B = "",
-    maxLength: A,
+    maxLength: C,
     defaultRows: y = 3,
     disabled: $ = !1,
     defaultFocus: k = !1,
     textIndex: R = 0,
     mentions: N = [],
-    onFocus: x,
+    onFocus: A,
     onBlur: h,
     onChange: E,
-    onClick: w,
+    onClick: m,
     onSend: b,
-    onKeyDown: L,
-    onKeyUp: K,
+    onKeyDown: x,
+    onKeyUp: _,
     onMaxLengthExceeded: ie
-  } = r, [Et, yt] = T(l || ""), [re, X] = T(""), [bt, le] = T(""), [U, F] = T(!1), [G, W] = T({ top: 0, left: 0 }), [se, ce] = T([]), [J, Ee] = T(""), [C, oe] = T(null), [ae, Q] = T(120), [ye, be] = T(k), me = 240, we = 240, Ce = 240, Ae = 276, m = O(null), D = O(null), M = O(null), Z = O(!1), v = () => {
+  } = r, [Et, yt] = T(l || ""), [re, X] = T(""), [bt, le] = T(""), [K, F] = T(!1), [G, U] = T({ top: 0, left: 0 }), [se, ce] = T([]), [J, Ee] = T(""), [w, oe] = T(null), [ae, Q] = T(120), [ye, be] = T(k), me = 240, we = 240, Ce = 240, Ae = 276, L = O(null), D = O(null), M = O(null), Z = O(!1), v = () => {
     var n, t;
-    let e = ((t = (n = m.current) == null ? void 0 : n.innerText) == null ? void 0 : t.replace(/\u200B/g, "")) || "";
+    let e = ((t = (n = L.current) == null ? void 0 : n.innerText) == null ? void 0 : t.replace(/\u200B/g, "")) || "";
     return e === `
 ` && (e = ""), e;
   }, de = () => {
     var n;
-    let e = ((n = m.current) == null ? void 0 : n.innerHTML) || "";
+    let e = ((n = L.current) == null ? void 0 : n.innerHTML) || "";
     return e === "<br>" && (e = ""), e;
   }, Oe = (e) => {
     const n = [];
@@ -395,18 +395,18 @@ const gt = j((r, o) => {
     return n;
   }, ue = () => {
     var e;
-    (e = m.current) == null || e.setAttribute("contenteditable", "true"), D.current && (_(D.current) && D.current.children[0].setAttribute(
+    (e = L.current) == null || e.setAttribute("contenteditable", "true"), D.current && (q(D.current) && D.current.children[0].setAttribute(
       "contenteditable",
       "false"
-    ), D.current = null), q(m.current);
+    ), D.current = null), z(L.current);
   }, Fe = (e) => {
-    w == null || w(e);
+    m == null || m(e);
   }, ve = (e) => {
     ue();
-  }, z = (e) => {
+  }, W = (e) => {
     var n, t;
     if (Z.current) {
-      v().length > 0 ? (n = m.current) == null || n.classList.remove("is-empty") : (t = m.current) == null || t.classList.add("is-empty");
+      v().length > 0 ? (n = L.current) == null || n.classList.remove("is-empty") : (t = L.current) == null || t.classList.add("is-empty");
       return;
     }
     X(v()), le(de()), E == null || E(v()), tt(e);
@@ -415,30 +415,30 @@ const gt = j((r, o) => {
     if (!Z.current && e.code === "Enter" && !e.shiftKey) {
       e.preventDefault();
       const t = v();
-      if (t.length === 0 || (n = m.current) != null && n.innerHTML.match(
+      if (t.length === 0 || (n = L.current) != null && n.innerHTML.match(
         /^<span>[\s\u200B]*(<br\s*\/?>[\s\u200B]*)+<\/span>$/
       ))
         return;
-      A ? t.length <= A ? b == null || b(t) : ie == null || ie(t, A) : b == null || b(t);
+      C ? t.length <= C ? b == null || b(t) : ie == null || ie(t, C) : b == null || b(t);
     }
   }, qe = (e) => {
     var t, c, a;
-    if (U && (C == null ? void 0 : C.type) === g.LABEL && (e.code === "ArrowUp" || e.code === "ArrowDown" || e.code === "Enter")) {
+    if (K && (w == null ? void 0 : w.type) === g.LABEL && (e.code === "ArrowUp" || e.code === "ArrowDown" || e.code === "Enter")) {
       e.preventDefault();
       return;
     }
-    F(!1), L == null || L(e);
+    F(!1), x == null || x(e);
     const n = at();
     if (n && ht(n)) {
       if (e.code === "ArrowLeft") {
         const s = n == null ? void 0 : n.previousElementSibling, d = ge(n);
-        s && d === 0 && _(s) && s.children[0] && (D.current = s, V(s), requestAnimationFrame(() => {
-          q(s.children[0]);
+        s && d === 0 && q(s) && s.children[0] && (D.current = s, V(s), requestAnimationFrame(() => {
+          z(s.children[0]);
         }));
       }
       if (e.code === "ArrowRight") {
         const s = n == null ? void 0 : n.nextElementSibling, d = ge(n);
-        s && d === ((t = n.textContent) == null ? void 0 : t.length) && _(s) && s.children[0] && (D.current = s, V(s), requestAnimationFrame(() => {
+        s && d === ((t = n.textContent) == null ? void 0 : t.length) && q(s) && s.children[0] && (D.current = s, V(s), requestAnimationFrame(() => {
           ne(s.children[0]);
         }));
       }
@@ -454,24 +454,24 @@ const gt = j((r, o) => {
     if (n && n.getAttribute("data-set-type") === "container") {
       if (e.code === "ArrowLeft") {
         const s = ft();
-        _(s) && s.children[0] && (D.current = s, V(s), requestAnimationFrame(() => {
-          q(s.children[0]);
+        q(s) && s.children[0] && (D.current = s, V(s), requestAnimationFrame(() => {
+          z(s.children[0]);
         }));
       }
       if (e.code === "ArrowRight") {
         const s = pt();
-        _(s) && s.children[0] && (D.current = s, V(s), requestAnimationFrame(() => {
+        q(s) && s.children[0] && (D.current = s, V(s), requestAnimationFrame(() => {
           ne(s.children[0]);
         }));
       }
     }
     Ve(e);
   }, _e = (e) => {
-    if (U && (C == null ? void 0 : C.type) === g.LABEL && (e.code === "ArrowUp" || e.code === "ArrowDown" || e.code === "Enter")) {
+    if (K && (w == null ? void 0 : w.type) === g.LABEL && (e.code === "ArrowUp" || e.code === "ArrowDown" || e.code === "Enter")) {
       e.preventDefault();
       return;
     }
-    K == null || K(e);
+    _ == null || _(e);
   }, Ke = (e) => {
     const t = e.clipboardData.items;
     for (let c = 0; c < t.length; c++)
@@ -486,7 +486,7 @@ const gt = j((r, o) => {
     const c = t.replace(/\u200B/g, "") || "", a = t.replace(/\u200B/g, "") || "";
     e.clipboardData.setData("text/plain", c), e.clipboardData.setData("text/html", a);
   }, We = (e) => {
-    x == null || x(e);
+    A == null || A(e);
   }, ze = () => {
     Z.current = !0;
   }, je = () => {
@@ -497,35 +497,35 @@ const gt = j((r, o) => {
     n.stopPropagation();
   }, Ge = (e, n) => {
     var c;
-    n.stopPropagation(), D.current && Se(D.current), (c = m.current) == null || c.setAttribute("contenteditable", "false");
+    n.stopPropagation(), D.current && Se(D.current), (c = L.current) == null || c.setAttribute("contenteditable", "false");
     const t = document.getElementById(e.id);
     D.current = t, requestAnimationFrame(() => {
       V(t);
     });
   }, Je = (e, n) => {
     var a, s, d, P, S, i;
-    L == null || L(n), n.stopPropagation();
+    x == null || x(n), n.stopPropagation();
     const t = n.target, c = ge(t);
     if ((n.code === "Backspace" || ((a = n == null ? void 0 : n.nativeEvent) == null ? void 0 : a.key) === "Backspace") && c === 0) {
       const u = (s = t.parentElement) == null ? void 0 : s.previousElementSibling;
-      u && (_(u) && u.children[0] && ((d = u.children[0].textContent) != null && d.length) ? (D.current = u, V(u), q(u.children[0]), requestAnimationFrame(() => {
+      u && (q(u) && u.children[0] && ((d = u.children[0].textContent) != null && d.length) ? (D.current = u, V(u), z(u.children[0]), requestAnimationFrame(() => {
         he(u.children[0]);
-      })) : (ue(), q(u)));
+      })) : (ue(), z(u)));
     }
     if (n.code === "ArrowRight" && c === ((P = t.textContent) == null ? void 0 : P.length)) {
       const u = (S = t.parentElement) == null ? void 0 : S.nextElementSibling;
-      u && (_(u) && u.children[0] && ((i = u.children[0].textContent) != null && i.length) ? (D.current = u, V(u), ne(u.children[0]), requestAnimationFrame(() => {
+      u && (q(u) && u.children[0] && ((i = u.children[0].textContent) != null && i.length) ? (D.current = u, V(u), ne(u.children[0]), requestAnimationFrame(() => {
         he(u.children[0]);
       })) : (ue(), ne(u)));
     }
     n.code === "Enter" && n.shiftKey && n.preventDefault();
   }, Qe = (e, n) => {
-    K == null || K(n);
+    _ == null || _(n);
     const t = n.target;
     he(t);
   }, Ze = (e, n) => {
     var c;
-    n.stopPropagation(), D.current && Se(D.current), (c = m.current) == null || c.setAttribute("contenteditable", "false");
+    n.stopPropagation(), D.current && Se(D.current), (c = L.current) == null || c.setAttribute("contenteditable", "false");
     const t = document.getElementById(e.id);
     D.current = t, requestAnimationFrame(() => {
       V(t);
@@ -535,7 +535,7 @@ const gt = j((r, o) => {
   }, Ye = (e, n) => {
   };
   H(() => {
-    if (!U) return;
+    if (!K) return;
     const e = (c) => {
       M.current && !M.current.contains(c.target) && F(!1);
     }, n = (c) => {
@@ -546,34 +546,34 @@ const gt = j((r, o) => {
     return document.addEventListener("mousedown", e), document.addEventListener("scroll", n, !0), window.addEventListener("resize", t), () => {
       document.removeEventListener("mousedown", e), document.removeEventListener("scroll", n, !0), window.removeEventListener("resize", t);
     };
-  }, [U]);
+  }, [K]);
   const I = (e, n) => {
-    if (C && n !== g.LABEL && ot(C.id, e), n === g.SELECT && (F(!1), z({})), n === g.LABEL && (pe(), F(!1), requestAnimationFrame(() => {
+    if (w && n !== g.LABEL && ot(w.id, e), n === g.SELECT && (F(!1), W({})), n === g.LABEL && (pe(), F(!1), requestAnimationFrame(() => {
       const t = window.getSelection();
       t && Y.current && (t.removeAllRanges(), t.addRange(Y.current), setTimeout(() => {
         var d;
         const c = document.createElement("span");
-        c.contentEditable = "false", c.setAttribute("data-set-type", "label"), c.id = C.id;
+        c.contentEditable = "false", c.setAttribute("data-set-type", "label"), c.id = w.id;
         const a = document.createElement("span");
         a.contentEditable = "false", a.textContent = e, c.appendChild(a);
-        const s = (d = m.current) == null ? void 0 : d.children;
+        const s = (d = L.current) == null ? void 0 : d.children;
         if ((s == null ? void 0 : s.length) === 1 && s[0].tagName === "SPAN" && s[0].innerHTML === "​[")
-          m.current.innerHTML = "", m.current.appendChild(c), setTimeout(() => {
-            z({}), pe();
+          L.current.innerHTML = "", L.current.appendChild(c), setTimeout(() => {
+            W({}), pe();
           }, 0);
         else {
           document.execCommand("delete", !1, void 0);
           const P = Y.current;
           P.insertNode(c), P.setStartAfter(c), P.setEndAfter(c), t.removeAllRanges(), t.addRange(P), setTimeout(() => {
-            z({});
+            W({});
           }, 0);
         }
       }, 0));
     })), n === g.MULTIPLE_SELECT || n === g.DATE_PICKER) {
       const t = document.getElementById(
-        C.id
+        w.id
       );
-      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({});
+      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"))), W({});
     }
   }, Y = O(null), et = (N == null ? void 0 : N.map((e) => e.prefix)) || [], tt = (e) => {
     const n = e == null ? void 0 : e.nativeEvent, t = n == null ? void 0 : n.data;
@@ -588,26 +588,26 @@ const gt = j((r, o) => {
       }, c);
     });
   }, nt = (e, n) => {
-    ce(e.options), W({ top: -999999, left: -999999999 }), oe(e), Q(we), F(!0), requestAnimationFrame(() => {
+    ce(e.options), U({ top: -999999, left: -999999999 }), oe(e), Q(we), F(!0), requestAnimationFrame(() => {
       if (M.current) {
         const t = M.current.getBoundingClientRect();
         let c = n.left, a = n.top + n.height;
-        window.innerWidth - n.right < me && n.width < t.width && (c = n.right - t.width), n.top < t.height && (a = n.top + n.height), W({ top: a, left: c }), Q(t.height);
+        window.innerWidth - n.right < me && n.width < t.width && (c = n.right - t.width), n.top < t.height && (a = n.top + n.height), U({ top: a, left: c }), Q(t.height);
       }
     });
   }, xe = (e, n) => {
     const c = n.target.getBoundingClientRect();
-    ce(e.options), Ee(e.value || Ne(e.id)), W({ top: -999999, left: -999999999 }), oe(e), Q(we), F(!0), requestAnimationFrame(() => {
+    ce(e.options), Ee(e.value || Ne(e.id)), U({ top: -999999, left: -999999999 }), oe(e), Q(we), F(!0), requestAnimationFrame(() => {
       if (M.current) {
         const a = M.current.getBoundingClientRect();
         let s = c.left, d = c.top + c.height;
-        window.innerWidth - c.right < me && c.width < a.width && (s = c.right - a.width), c.top < a.height && (d = c.top + c.height), W({ top: d, left: s }), Q(a.height);
+        window.innerWidth - c.right < me && c.width < a.width && (s = c.right - a.width), c.top < a.height && (d = c.top + c.height), U({ top: d, left: s }), Q(a.height);
       }
     });
   }, it = (e, n) => {
     const c = n.target.getBoundingClientRect();
     let a = c.left, s = c.top - Ae;
-    window.innerWidth - c.right < Ce && (a = a - Ce + c.width), c.top < Ae && (s = c.top + c.height), ce(e.options), Ee(e.value || Ne(e.id)), W({ top: s, left: a }), oe(e), F(!0);
+    window.innerWidth - c.right < Ce && (a = a - Ce + c.width), c.top < Ae && (s = c.top + c.height), ce(e.options), Ee(e.value || Ne(e.id)), U({ top: s, left: a }), oe(e), F(!0);
   }, [rt, Le] = T([]), [fe, Te] = T(!0), Re = Pe(() => {
     Te(!1);
     const e = Oe(l), n = [];
@@ -771,22 +771,20 @@ const gt = j((r, o) => {
   }, [l]);
   H(() => {
     fe && setTimeout(() => {
-      q(m.current);
     }, 0);
   }, [fe]), H(() => {
     l !== re ? (Le(Re()), X(l), be(!0)) : (l === "" || !l) && Le(Re());
   }, [l, re]), H(() => {
     if (!k && !ye) return;
     const e = new MutationObserver(() => {
-      m.current && document.contains(m.current) && (requestAnimationFrame(() => {
-        q(m.current), be(!1);
+      L.current && document.contains(L.current) && (requestAnimationFrame(() => {
+        be(!1);
       }), e.disconnect());
     });
-    return m.current && e.observe(document.body, { childList: !0, subtree: !0 }), () => e.disconnect();
+    return L.current && e.observe(document.body, { childList: !0, subtree: !0 }), () => e.disconnect();
   }, [k, ye]);
   const pe = () => {
-    m.current && requestAnimationFrame(() => {
-      q(m.current);
+    L.current && requestAnimationFrame(() => {
     });
   };
   return st(o, () => ({
@@ -805,7 +803,7 @@ const gt = j((r, o) => {
           { "is-disabled": $ },
           { "is-empty": re.length === 0 }
         ),
-        ref: m,
+        ref: L,
         contentEditable: !0,
         suppressContentEditableWarning: !0,
         onClick: (e) => Fe(e),
@@ -818,7 +816,7 @@ const gt = j((r, o) => {
         onMouseDown: (e) => ve(),
         onKeyDown: (e) => qe(e),
         onKeyUp: (e) => _e(e),
-        onInput: (e) => z(e),
+        onInput: (e) => W(e),
         onCopy: (e) => Ue(e),
         onPaste: (e) => Ke(e),
         onCompositionStart: ze,
@@ -826,8 +824,8 @@ const gt = j((r, o) => {
         children: rt
       }
     ),
-    U && ct(
-      (C == null ? void 0 : C.type) === g.MULTIPLE_SELECT ? /* @__PURE__ */ f(
+    K && ct(
+      (w == null ? void 0 : w.type) === g.MULTIPLE_SELECT ? /* @__PURE__ */ f(
         $e,
         {
           ref: M,
@@ -838,7 +836,7 @@ const gt = j((r, o) => {
           onChange: I
         },
         g.MULTIPLE_SELECT
-      ) : (C == null ? void 0 : C.type) === g.DATE_PICKER ? /* @__PURE__ */ f(
+      ) : (w == null ? void 0 : w.type) === g.DATE_PICKER ? /* @__PURE__ */ f(
         Be,
         {
           ref: M,
@@ -847,7 +845,7 @@ const gt = j((r, o) => {
           onChange: I
         },
         g.DATE_PICKER
-      ) : (C == null ? void 0 : C.type) === g.LABEL ? /* @__PURE__ */ f(
+      ) : (w == null ? void 0 : w.type) === g.LABEL ? /* @__PURE__ */ f(
         He,
         {
           ref: M,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cosmic-ai-input",
-  "version": "1.0.17",
+  "version": "1.0.19",
   "description": "A powerful AI conversation input component for React with TypeScript support",
   "main": "./dist/index.cjs.js",
   "module": "./dist/index.es.js",