cosmic-ai-input 1.0.14 → 1.0.15

package/dist/index.cjs.js

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

package/dist/index.es.js

@@ -1,18 +1,18 @@
-// Generated at: 2026-03-19T09:31:10.851Z
-import { jsx as u, jsxs as Y } from "react/jsx-runtime";
+// 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), $ = O(null), N = O(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 (N.current)
@@ -32,7 +32,7 @@ const $e = j(
     }, A = (p) => {
       p.stopPropagation();
     };
-    return w ? /* @__PURE__ */ u(
+    return C ? /* @__PURE__ */ u(
       "div",
       {
         ref: $,
@@ -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(() => {
@@ -73,7 +73,7 @@ function V(r) {
 function Se(r) {
   r && r.getAttribute("data-set-type") === "input" && r.children[0].setAttribute("contenteditable", "false");
 }
-function v(r) {
+function _(r) {
   return r && (r != null && r.getAttribute) ? r.getAttribute("data-set-type") === "input" : !1;
 }
 const Be = j(({
@@ -82,16 +82,16 @@ const Be = j(({
   position: o,
   id: f,
   height: k = 37,
-  onChange: w
-}, g) => {
+  onChange: C
+}, E) => {
   const [$, N] = L(s || ""), T = O(null);
   M(() => {
-    typeof g == "function" ? g(T.current) : g && (g.current = T.current);
-  }, [g]);
+    typeof E == "function" ? E(T.current) : E && (E.current = T.current);
+  }, [E]);
   const S = (p) => {
-    const y = $.split(",").filter((E) => E) || [];
+    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, N(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: () => S(p),
           children: p
         },
-        y
+        g
       ))
     }
   );
@@ -125,14 +125,14 @@ const Me = j(({
   position: o,
   id: f,
   height: k = 120,
-  onChange: w
-}, g) => {
+  onChange: C
+}, E) => {
   const [$, N] = L(s || ""), T = O(null);
   M(() => {
-    typeof g == "function" ? g(T.current) : g && (g.current = T.current);
-  }, [g]);
+    typeof E == "function" ? E(T.current) : E && (E.current = T.current);
+  }, [E]);
   const S = (A) => {
-    N(A), w == null || w(A, h.SELECT);
+    N(A), C == null || C(A, h.SELECT);
   };
   return /* @__PURE__ */ u(
     "div",
@@ -168,15 +168,15 @@ 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;
@@ -227,28 +227,28 @@ const He = j(({
   position: o,
   id: f,
   height: k = 120,
-  onChange: w
-}, g) => {
-  const [$, N] = L(s || ""), [T, S] = L(0), A = O(null), p = O(T), y = Pe((b) => {
-    N(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(() => {
     S(0);
   }, [r]), M(() => {
-    const b = (E) => {
-      r.length !== 0 && (E.key === "ArrowDown" ? (E.preventDefault(), S((m) => m < r.length - 1 ? m + 1 : m)) : E.key === "ArrowUp" ? (E.preventDefault(), S((m) => m > 0 ? m - 1 : m)) : E.key === "Enter" && (E.preventDefault(), setTimeout(() => {
+    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] && y(r[m]);
+        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,15 +261,15 @@ 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: () => S(E),
+          className: `selectOption ${$ === b ? "selected" : ""} ${T === y ? "highlighted" : ""}`,
+          onClick: () => g(b),
+          onMouseEnter: () => S(y),
           children: b
         },
-        E
+        y
       ))
     }
   );
@@ -280,26 +280,26 @@ const gt = j((r, s) => {
     value: o = "",
     varList: f,
     placeholder: k = "",
-    maxLength: w,
-    defaultRows: g = 3,
+    maxLength: C,
+    defaultRows: E = 3,
     disabled: $ = !1,
     defaultFocus: N = !1,
     textIndex: T = 0,
     mentions: S = [],
     onFocus: A,
     onBlur: p,
-    onChange: y,
+    onChange: g,
     onClick: b,
-    onSend: E,
+    onSend: y,
     onKeyDown: m,
-    onKeyUp: _,
-    onMaxLengthExceeded: te
-  } = r, [Et, yt] = L(o || ""), [ne, ie] = L(""), [bt, he] = L(""), [U, F] = 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(N), be = 240, Ce = 240, we = 240, Ae = 276, x = O(null), R = O(null), B = O(null), ce = O(!1), K = () => {
+    onKeyUp: K,
+    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;
-  }, me = () => {
+  }, de = () => {
     var i;
     let e = ((i = x.current) == null ? void 0 : i.innerHTML) || "";
     return e === "<br>" && (e = ""), e;
@@ -324,10 +324,10 @@ const gt = j((r, s) => {
       if (c.index > t) {
         const H = e.substring(t, c.index).split(`
 `);
-        H.forEach((I, lt) => {
-          I && i.push({
+        H.forEach((ee, lt) => {
+          ee && i.push({
             type: "text",
-            content: I,
+            content: ee,
             id: `text-${d++}-${a}`
           }), lt < H.length - 1 && i.push({
             type: "newline",
@@ -381,44 +381,44 @@ const gt = j((r, s) => {
     if (t < e.length) {
       const n = e.substring(t).split(`
 `);
-      n.forEach((H, I) => {
+      n.forEach((H, ee) => {
         H && i.push({
           type: "text",
           content: H,
           id: `text-${d++}`
-        }), I < n.length - 1 && i.push({
+        }), ee < n.length - 1 && i.push({
           type: "newline",
           id: `newline-${d++}`
         });
       });
     }
     return i;
-  }, ae = () => {
+  }, ue = () => {
     var e;
-    (e = x.current) == null || e.setAttribute("contenteditable", "true"), R.current && (v(R.current) && R.current.children[0].setAttribute(
+    (e = x.current) == null || e.setAttribute("contenteditable", "true"), R.current && (_(R.current) && R.current.children[0].setAttribute(
       "contenteditable",
       "false"
-    ), R.current = null), q(x.current);
+    ), R.current = null), v(x.current);
   }, Fe = (e) => {
     b == null || b(e);
   }, Ve = (e) => {
-    ae();
+    ue();
   }, z = (e) => {
-    ie(K()), he(me()), y == null || y(K()), tt(e);
+    Z.current || (X(V()), le(de()), g == null || g(V()), tt(e));
   }, qe = (e) => {
     var i;
-    if (!ce.current && e.code === "Enter" && !e.shiftKey) {
+    if (!Z.current && e.code === "Enter" && !e.shiftKey) {
       e.preventDefault();
-      const t = K();
+      const t = V();
       if (t.length === 0 || (i = x.current) != null && i.innerHTML.match(
         /^<span>[\s\u200B]*(<br\s*\/?>[\s\u200B]*)+<\/span>$/
       ))
         return;
-      w ? t.length <= w ? E == null || E(t) : te == null || te(t, w) : E == null || E(t);
+      C ? t.length <= C ? y == null || y(t) : ie == null || ie(t, C) : y == null || y(t);
     }
   }, ve = (e) => {
     var t;
-    if (U && (C == null ? void 0 : C.type) === h.LABEL && (e.code === "ArrowUp" || e.code === "ArrowDown" || e.code === "Enter")) {
+    if (U && (w == null ? void 0 : w.type) === h.LABEL && (e.code === "ArrowUp" || e.code === "ArrowDown" || e.code === "Enter")) {
       e.preventDefault();
       return;
     }
@@ -426,15 +426,15 @@ const gt = j((r, s) => {
     const i = at();
     if (i && ht(i)) {
       if (e.code === "ArrowLeft") {
-        const l = i == null ? void 0 : i.previousElementSibling, c = pe(i);
-        l && c === 0 && v(l) && l.children[0] && (R.current = l, V(l), requestAnimationFrame(() => {
-          q(l.children[0]);
+        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 (e.code === "ArrowRight") {
-        const l = i == null ? void 0 : i.nextElementSibling, c = pe(i);
-        l && c === ((t = i.textContent) == null ? void 0 : t.length) && v(l) && l.children[0] && (R.current = l, V(l), requestAnimationFrame(() => {
-          ee(l.children[0]);
+        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]);
         }));
       }
       e.code === "Backspace" && (i.innerHTML === "​" && e.preventDefault(), i.innerHTML === "<br>" && (e.preventDefault(), i.innerHTML = "​"));
@@ -449,24 +449,24 @@ const gt = j((r, s) => {
     if (i && i.getAttribute("data-set-type") === "container") {
       if (e.code === "ArrowLeft") {
         const l = ft();
-        v(l) && l.children[0] && (R.current = l, V(l), requestAnimationFrame(() => {
-          q(l.children[0]);
+        _(l) && l.children[0] && (R.current = l, q(l), requestAnimationFrame(() => {
+          v(l.children[0]);
         }));
       }
       if (e.code === "ArrowRight") {
         const l = pt();
-        v(l) && l.children[0] && (R.current = l, V(l), requestAnimationFrame(() => {
-          ee(l.children[0]);
+        _(l) && l.children[0] && (R.current = l, q(l), requestAnimationFrame(() => {
+          ne(l.children[0]);
         }));
       }
     }
     qe(e);
   }, _e = (e) => {
-    if (U && (C == null ? void 0 : C.type) === h.LABEL && (e.code === "ArrowUp" || e.code === "ArrowDown" || e.code === "Enter")) {
+    if (U && (w == null ? void 0 : w.type) === h.LABEL && (e.code === "ArrowUp" || e.code === "ArrowDown" || e.code === "Enter")) {
       e.preventDefault();
       return;
     }
-    _ == null || _(e);
+    K == null || K(e);
   }, Ke = (e) => {
     const t = e.clipboardData.items;
     for (let l = 0; l < t.length; l++)
@@ -483,9 +483,11 @@ const gt = j((r, s) => {
   }, We = (e) => {
     A == null || A(e);
   }, ze = () => {
-    ce.current = !0;
+    Z.current = !0;
   }, je = () => {
-    ce.current = !1;
+    setTimeout(() => {
+      Z.current = !1, X(V()), le(de()), g == null || g(V());
+    }, 0);
   }, Xe = (e, i) => {
     i.stopPropagation();
   }, Ge = (e, i) => {
@@ -493,38 +495,38 @@ const gt = j((r, s) => {
     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(() => {
-      V(t);
+      q(t);
     });
   }, Je = (e, i) => {
     var c, a, d, P, D;
     m == null || m(i), i.stopPropagation();
-    const t = i.target, l = pe(t);
+    const t = i.target, l = ge(t);
     if (i.code === "Backspace" && l === 0) {
       const n = (c = t.parentElement) == null ? void 0 : c.previousElementSibling;
-      n && (v(n) && n.children[0] && ((a = n.children[0].textContent) != null && a.length) ? (R.current = n, V(n), q(n.children[0]), requestAnimationFrame(() => {
-        fe(n.children[0]);
-      })) : (ae(), q(n)));
+      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 = t.textContent) == null ? void 0 : d.length)) {
       const n = (P = t.parentElement) == null ? void 0 : P.nextElementSibling;
-      n && (v(n) && n.children[0] && ((D = n.children[0].textContent) != null && D.length) ? (R.current = n, V(n), ee(n.children[0]), requestAnimationFrame(() => {
-        fe(n.children[0]);
-      })) : (ae(), ee(n)));
+      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();
   }, Qe = (e, i) => {
-    _ == null || _(i);
+    K == null || K(i);
     const t = i.target;
-    fe(t);
+    he(t);
   }, Ze = (e, i) => {
     var l;
     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(() => {
-      V(t);
+      q(t);
     });
   }, Ie = (e, i) => {
-    ie(K()), he(me()), y == null || y(K());
+    X(V()), le(de()), g == null || g(V());
   }, Ye = (e, i) => {
   };
   M(() => {
@@ -540,23 +542,23 @@ const gt = j((r, s) => {
       document.removeEventListener("mousedown", e), document.removeEventListener("scroll", i, !0), window.removeEventListener("resize", t);
     };
   }, [U]);
-  const Q = (e, i) => {
-    if (C && i !== h.LABEL && ct(C.id, e), i === h.SELECT && (F(!1), z({})), i === h.LABEL && (ue(), F(!1), requestAnimationFrame(() => {
+  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 && Z.current && (t.removeAllRanges(), t.addRange(Z.current), setTimeout(() => {
+      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 = 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 === "​[")
           x.current.innerHTML = "", x.current.appendChild(l), setTimeout(() => {
-            z({}), ue();
+            z({}), pe();
           }, 0);
         else {
           document.execCommand("delete", !1, void 0);
-          const P = Z.current;
+          const P = Y.current;
           P.insertNode(l), P.setStartAfter(l), P.setEndAfter(l), t.removeAllRanges(), t.addRange(P), setTimeout(() => {
             z({});
           }, 0);
@@ -564,16 +566,16 @@ const gt = j((r, s) => {
       }, 0));
     })), i === h.MULTIPLE_SELECT || i === h.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({});
     }
-  }, Z = O(null), et = (S == null ? void 0 : S.map((e) => e.prefix)) || [], tt = (e) => {
+  }, 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)), nt({
+      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,
@@ -581,27 +583,27 @@ const gt = j((r, s) => {
       }, l);
     });
   }, nt = (e, i) => {
-    le(e.options), W({ top: -999999, left: -999999999 }), oe(e), J(Ce), F(!0), requestAnimationFrame(() => {
+    se(e.options), W({ top: -999999, left: -999999999 }), ce(e), Q(Ce), F(!0), requestAnimationFrame(() => {
       if (B.current) {
         const t = B.current.getBoundingClientRect();
         let l = i.left, c = i.top + i.height;
-        window.innerWidth - i.right < be && i.width < t.width && (l = i.right - t.width), i.top < t.height && (c = i.top + i.height), W({ top: c, left: l }), J(t.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);
       }
     });
   }, xe = (e, i) => {
     const l = i.target.getBoundingClientRect();
-    le(e.options), ge(e.value || Ne(e.id)), W({ top: -999999, left: -999999999 }), oe(e), J(Ce), F(!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);
       }
     });
   }, 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(e.options), ge(e.value || Ne(e.id)), W({ top: a, left: c }), oe(e), F(!0);
-  }, [rt, 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 e = Oe(o), i = [];
     return e.forEach((t) => {
@@ -633,7 +635,7 @@ const gt = j((r, s) => {
         );
       else if (t.type === "input")
         i.push(
-          /* @__PURE__ */ Y(
+          /* @__PURE__ */ te(
             "span",
             {
               id: t.id,
@@ -693,7 +695,7 @@ const gt = j((r, s) => {
       } 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: t.id,
@@ -726,7 +728,7 @@ const gt = j((r, s) => {
           )
         );
       } else t.type === h.DATE_PICKER && i.push(
-        /* @__PURE__ */ Y(
+        /* @__PURE__ */ te(
           "span",
           {
             id: t.id,
@@ -763,40 +765,40 @@ const gt = j((r, s) => {
     }, 0), i;
   }, [o]);
   M(() => {
-    de && setTimeout(() => {
-      q(x.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 (!N && !Ee) return;
+  }, [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(() => {
-        q(x.current), ye(!1);
+        v(x.current), be(!1);
       }), e.disconnect());
     });
     return x.current && e.observe(document.body, { childList: !0, subtree: !0 }), () => e.disconnect();
-  }, [N, Ee]);
-  const ue = () => {
+  }, [N, ye]);
+  const pe = () => {
     x.current && requestAnimationFrame(() => {
-      q(x.current);
+      v(x.current);
     });
   };
   return ot(s, () => ({
-    getCurrentValue: K,
-    focus: ue
+    getCurrentValue: V,
+    focus: pe
   })), // 最外层的防止renderContainer为false的时候样式坍塌
-  /* @__PURE__ */ Y("div", { className: De(`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: 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: x,
         contentEditable: !0,
@@ -820,46 +822,46 @@ const gt = j((r, s) => {
       }
     ),
     U && st(
-      (C == null ? void 0 : C.type) === h.MULTIPLE_SELECT ? /* @__PURE__ */ u(
+      (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
       ),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cosmic-ai-input",
-  "version": "1.0.14",
+  "version": "1.0.15",
   "description": "A powerful AI conversation input component for React with TypeScript support",
   "main": "./dist/index.cjs.js",
   "module": "./dist/index.es.js",
@@ -81,4 +81,4 @@
   },
   "bundledDependencies": [],
   "bundleDependencies": []
-}
+}