@talkjs/react-components/default.cjs

Provides chat UI components for TalkJS.

"use client";"use strict";var Iu=n=>{throw TypeError(n)};var Ru=(n,t,e)=>t.has(n)||Iu("Cannot "+e);var kt=(n,t,e)=>(Ru(n,t,"read from private field"),e?e.call(n):t.get(n)),Br=(n,t,e)=>t.has(n)?Iu("Cannot add the same private member more than once"):t instanceof WeakSet?t.add(n):t.set(n,e),ks=(n,t,e,r)=>(Ru(n,t,"write to private field"),r?r.call(n,e):t.set(n,e),e);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const I=require("react/jsx-runtime"),S=require("react"),iE=require("@talkjs/core"),uo=require("react-dom");function Ah(n){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const e in n)if(e!=="default"){const r=Object.getOwnPropertyDescriptor(n,e);Object.defineProperty(t,e,r.get?r:{enumerable:!0,get:()=>n[e]})}}return t.default=n,Object.freeze(t)}const lt=Ah(S),oE=Ah(uo);var Cl=Object.prototype.hasOwnProperty;function Ot(n){return Array.isArray(n)}function ye(n){return!(!n||typeof n!="object"||n instanceof Date||Ot(n))}function q(n){return typeof n=="function"}function zt(n){const t=typeof n;return n!==void 0&&(Ia(n)||t!=="object"&&t!=="function")}function Ia(n){return n instanceof Date}function Oh(n){return typeof n=="boolean"}function Re(n){return n instanceof Promise}function Nt(n){return n instanceof Map||n instanceof WeakMap}function We(n){return n instanceof Set||n instanceof WeakSet}function Io(n){if(!n)return!1;if(Ot(n))return n.length===0;if(Nt(n)||We(n))return n.size===0;for(const t in n)if(Cl.call(n,t))return!1;return!0}var sE=new Set(["boolean","string","number"]);function is(n){return!!n.parent}var aE=Symbol.toPrimitive,lE=Symbol.iterator,mr=Symbol("getNode"),ss=Symbol("delete"),Th=Symbol("opaque"),uE=Symbol("plain"),Il=Symbol("optimized"),Di=Symbol("linked"),Dt={pendingNodes:new Map,dirtyNodes:new Set};function Ai(n){return n&&(n[Th]||n.$$typeof)}function Sh(n){return n&&n[uE]}function _h(n){return Ot(n)?"array":Nt(n)?"map":n instanceof Set?"set":"object"}function cE(n,t){return Nt(t)?{__LSType:"Map",value:Array.from(t.entries())}:t instanceof Set?{__LSType:"Set",value:Array.from(t)}:(Dt.replacer&&(t=Dt.replacer(n,t)),t)}var dE=/^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}.\d{3}Z$/;function hE(n,t){if(t){if(typeof t=="string"&&dE.test(t))return new Date(t);if(typeof t=="object"){if(t.__LSType==="Map")return new Map(t.value);if(t.__LSType==="Set")return new Set(t.value)}Dt.reviver&&(t=Dt.reviver(n,t))}return t}function vh(n){return n&&JSON.stringify(n,cE)}function Nh(n){return n&&JSON.parse(n,hE)}function Ch(n){return Nh(vh(n))}function mt(n){return!!n&&!!n[mr]}function Mi(n){return n&&n[mr]}function Ih(n,t,e,r,i){return r?n.add(e):i?n.set(t,e):n[t]=e,e}function Ve(n,t){var e;const r=(e=n.parent)!=null?e:n,i=n.parent?n.key:"_",o=t===ss;o&&(t=void 0);const s=n.parent?Rl(r):r.root,a=We(s),l=Nt(s),u=a?i:l?s.get(i):s[i],c=q(t);if((t=r.isAssigning||!c||q(u)?t:t(u))!==u)try{r.isSetting=(r.isSetting||0)+1,o?l||a?s.delete(i):delete s[i]:Ih(s,i,t,a,l)}finally{r.isSetting--}return{prevValue:u,newValue:t,parentValue:s}}var yu=[];function ot(n){let t=0,e=n;for(;is(e);)yu[t++]=e.key,e=e.parent;let r=n.root._;for(let i=t-1;r&&i>=0;i--){const o=yu[i];r=o!=="size"&&Nt(r)?r.get(o):r[o]}return r}function De(n,t,e){var r,i;let o=(r=n.children)==null?void 0:r.get(t);return o||(o={root:n.root,parent:n,key:t,lazy:!0,numListenersRecursive:0},((i=n.lazyFn)==null?void 0:i.length)===1&&(e=n.lazyFn.bind(n,t)),q(e)&&(o=Object.assign(()=>{},o),o.lazyFn=e),n.children||(n.children=new Map),n.children.set(t,o)),o}function Rl(n){let t=ot(n);if(!t||q(t))if(is(n)){const e=Rl(n.parent),r=We(e),i=Nt(e);t=Ih(e,n.key,{},r,i)}else t=n.root._={};return t}function Rh(n,t){var e,r;let i=mt(n)?void 0:ye(n)?"id"in n?"id":"key"in n?"key":"_id"in n?"_id":"__id"in n?"__id":void 0:void 0;if(!i&&t.parent){const o=t.key+"_keyExtractor",s=(r=(e=t.functions)==null?void 0:e.get(o))!=null?r:ot(t.parent)[t.key+"_keyExtractor"];s&&q(s)&&(i=s)}return i}function Lu(n,t,e){n.functions||(n.functions=new Map),n.functions.set(t,e)}function yh(n,t){return n===t||Ia(n)&&Ia(t)&&+n==+t}function Ra(n,t,e,r){return t?void 0:n?r?Array.from(n):e?Array.from(n.keys()):Object.keys(n):[]}function pE(n,t){return n&&Object.defineProperty(n,t,{value:!0,enumerable:!1,writable:!0,configurable:!0}),n}var bu=function(n){return pE(n,Th)};function Lh(n,t){var e;n.isPlain||!((e=n.parent)!=null&&e.isPlain)&&!Sh(t)||(n.isPlain=!0)}function Ge(n,t,e,r){let i=n;return!mt(i)&&q(i)&&(i=e?i(e):i()),mt(i)&&!r?i.get(t):i}var li,fE=(n,t)=>n&&n[t];function bh(n,t,e,r,i,o,s){let a,l=n;if(t.length>0){let u=o;for(let c=0;c<t.length;c++){a=t[c];const d=Nt(l);let h=l?d?l.get(a):l[a]:void 0;const p=u?d?u.get(a):u[a]:void 0;if(h===ss)return u&&(d?l.set(a,p):l[a]=p,s==null||s(t.slice(0,c+1),p)),n;if(h===void 0&&r===void 0&&c===t.length-1)return n;c<t.length-1&&h==null&&(h=yl(e[c]),Nt(l)?l.set(a,h):l[a]=h),c<t.length-1&&(l=h,u&&(u=p))}}return a===void 0?n=i==="merge"?Ro(n,r):r:i==="merge"?l[a]=Ro(l[a],r):Nt(l)?l.set(a,r):l[a]=r,n}function ku(n,t,e){let r=e;for(let i=0;i<n.length;i++){const o=n[i];r=r?r[o]:yl(t[i])}return r}function wu(n){return!(!n||(ye(n)||Ot(n))&&Io(n))}function yl(n){switch(n){case"array":return[];case"map":return new Map;case"set":return new Set;default:return{}}}function mE(n,t,e){const{path:r,valueAtPath:i,prevAtPath:o,pathTypes:s}=t;return bh(n,r,s,o)}function Ro(n,...t){if(zt(n))return t[t.length-1];let e=Ot(n)?[...n]:{...n};for(let i=0;i<t.length;i++){const o=t[i];if(ye(r=o)&&r.constructor===Object||Ot(o)){const s=o;for(const a in s)Cl.call(s,a)&&(s[a]instanceof Object&&!mt(s[a])&&Object.keys(s[a]).length>0?e[a]=Ro(e[a]||(Ot(s[a])?[]:{}),s[a]):e[a]=s[a])}else e=o}var r;return e}var yo=0,ws=!1,Fs=!1,sr=new Map;function EE(){sr.size>0&&Rr(!0)}function kh(n,t){for(let e=0;e<n.length;e++)if(n[e]!==t[e])return!1;return!0}function gE(n,t){try{return function(e,r){for(let i=0;i<r.length;i++)e=mE(e,r[i]);return e}(n?Ch(n):{},t)}catch(e){return}}function Ll(n,t){return function(){return gE(n,t)}}function Oi(n,t,e,r,i){const o=new Map;Lo(o,n,!!Dt.isLoadingLocal,!!Dt.isLoadingRemote,t,[],[],t,e,!0,r,i);const s=sr.get(n);s?s.prev===t?sr.delete(n):s.value=t:sr.set(n,{value:t,prev:e,level:r,whenOptimizedOnlyIf:i,isFromSync:!!Dt.isLoadingRemote,isFromPersist:!!Dt.isLoadingLocal}),o.size&&wh(o,!0),yo<=0&&Fh()}function Lo(n,t,e,r,i,o,s,a,l,u,c,d){if(t.numListenersRecursive>0&&(function(h,p,f,m,E,g,A,O,_,v,C,y){if(v?p.listenersImmediate:p.listeners){const k={path:g,pathTypes:A,valueAtPath:O,prevAtPath:_},D=h.get(p);if(D&&g.length>0){const{changes:T}=D;kh(T[0].path,k.path)||(T.push(k),D.level=Math.min(D.level,C),D.whenOptimizedOnlyIf||(D.whenOptimizedOnlyIf=y))}else h.set(p,{level:C,value:E,isFromSync:m,isFromPersist:f,whenOptimizedOnlyIf:y,changes:[k]})}}(n,t,e,r,i,o,s,a,l,u,c,d),t.linkedFromNodes))for(const h of t.linkedFromNodes)Lo(n,DE(h,o),e,r,a,[],[],a,l,u,0,d);if(t.parent){const h=t.parent;h&&Lo(n,h,e,r,ot(h),[t.key].concat(o),[_h(i)].concat(s),a,l,u,c+1,d)}}function wh(n,t){const e=new Set;n.forEach(({changes:r,level:i,value:o,isFromPersist:s,isFromSync:a,whenOptimizedOnlyIf:l},u)=>{const c=t?u.listenersImmediate:u.listeners;if(c){let d;const h=Array.from(c);for(let p=0;p<h.length;p++){const f=h[p],{track:m,noArgs:E,listener:g}=f;e.has(g)||(m===!0?i<=0:m!==Il||l&&i<=0)&&(E||d||(d={value:o,isFromPersist:s,isFromSync:a,getPrevious:Ll(o,r),changes:r}),m||e.add(g),g(d))}}})}function Fh(){const n=Array.from(Dt.dirtyNodes);Dt.dirtyNodes.clear(),n.forEach(r=>{const i=r.dirtyFn;i&&(r.dirtyFn=void 0,i())});const t=sr;sr=new Map;const e=new Map;t.forEach(({value:r,prev:i,level:o,isFromPersist:s,isFromSync:a,whenOptimizedOnlyIf:l},u)=>{Lo(e,u,s,a,r,[],[],r,i,!1,o,l)}),e.size&&wh(e,!1)}function Er(n){as();try{n()}finally{Rr()}}function as(){yo++,li||(li=setTimeout(EE,0))}function Rr(n){(--yo<=0||n)&&(ws?Fs=!0:(li&&(clearTimeout(li),li=void 0),yo=0,ws=!0,Fh(),ws=!1,Fs&&(Fs=!1,Rr(!0))))}function DE(n,t){let e=n;for(let r=0;r<t.length;r++)e=De(e,t[r]);return e}function bl(n,t,e,r,i){if(mt(n))return n;const o=Re(n);let s={root:{_:n},lazy:!0,numListenersRecursive:0};q(n)&&(s=Object.assign(()=>{},s),s.lazyFn=n);var a;const l=(a=n,sE.has(typeof a)?new i(s):r(s));return o&&(Ve(s,void 0),e(s,n)),l}var Qn=new WeakMap,xh=[],Mh=[],Bh=[],tr=0,ya=!1;function xs(n,t,e){const r=Qn.get(n);if(!r||!r.has(e))return;const i=r.get(e);i&&i.size!==0&&(xh[tr]=n,Mh[tr]=t,Bh[tr]=e,tr++,ya||(ya=!0,queueMicrotask(AE)))}var Pr={type:"listener-added",node:null,listener:void 0,timestamp:0};function AE(){ya=!1;const n=typeof performance!="undefined"?performance.now():Date.now();Pr.timestamp=n;for(let t=0;t<tr;t++){const e=xh[t],r=Mh[t],i=Bh[t],o=Qn.get(e);if(!o)continue;const s=o.get(i);if(!s||s.size===0)continue;const a=e.listeners,l=e.listenersImmediate;if(!a&&!l)continue;let u=!1;if(u=i==="listener-added"?!!(a!=null&&a.has(r))||!!(l!=null&&l.has(r)):i==="listener-removed"?!(a!=null&&a.has(r))&&!(l!=null&&l.has(r)):!(a!=null&&a.size)&&!(l!=null&&l.size),u){Pr.type=i,Pr.node=e,Pr.listener=r;const c=Array.from(s);for(let d=0;d<c.length;d++)try{c[d](Pr)}catch(h){console.error(`Error in middleware handler for ${i}:`,h)}}}tr=0}function dn(n,t,e={},r){var i;const{initial:o,immediate:s,noArgs:a}=e,{trackingType:l}=e;let u=s?n.listenersImmediate:n.listeners;u||(u=new Set,s?n.listenersImmediate=u:n.listeners=u);const c={listener:t,track:l,noArgs:a};if(u.add(c),o){const m=ot(n);t({value:m,isFromPersist:!0,isFromSync:!1,changes:[{path:[],pathTypes:[],prevAtPath:m,valueAtPath:m}],getPrevious:()=>{}})}let d;function h(m,E=t,g){if(!(r!=null&&r.has(m))){r||(r=new Set),r.add(g||n),E||(E=t);const A={trackingType:!0,...e};d=[...d||[],dn(m,E,A,r)]}}n.linkedToNode&&h(n.linkedToNode),(i=n.linkedFromNodes)==null||i.forEach(m=>h(m)),n.numListenersRecursive++;let p=n.parent,f=[n.key];for(;p;){if(p.linkedFromNodes)for(const m of p.linkedFromNodes)r!=null&&r.has(m)||h(m,OE(m,f,t),p);p.numListenersRecursive++,f=[p.key,...f],p=p.parent}return xs(n,c,"listener-added"),()=>{u.delete(c),d==null||d.forEach(E=>E());let m=n;for(;m;)m.numListenersRecursive--,m=m.parent;xs(n,c,"listener-removed"),u.size===0&&xs(n,void 0,"listeners-cleared")}}function OE(n,t,e){let r=ku(t,[],ot(n));return function({value:i,isFromPersist:o,isFromSync:s}){const a=ku(t,[],i);a!==r&&e({value:a,isFromPersist:o,isFromSync:s,changes:[{path:[],pathTypes:[],prevAtPath:r,valueAtPath:a}],getPrevious:()=>r}),r=a}}var co=0,Fu=[],er={current:void 0};function ho(n,t){if(co){const e=er.current;if(e){e.nodes||(e.nodes=new Map);const r=e.nodes.get(n);r?(r.track=r.track||t,r.num++):e.nodes.set(n,{node:n,track:t,num:1})}}}function Ph(n,t,e,r,i,o){let s,a=t;Fu.push(er.current),co++,er.current={};const l=n&&Ge(n,e,r,i==null?void 0:i.fromComputed),u=er.current.nodes;return--co<0&&(co=0),er.current=Fu.pop(),r!=null&&r.cancel||(s=function(c,d,h,p){let f=[];return c==null||c.forEach(m=>{const{node:E,track:g}=m;f.push(dn(E,d,{trackingType:g,immediate:p,noArgs:h}))}),()=>{if(f){for(let m=0;m<f.length;m++)f[m]();f=void 0}}}(u,a,!1,i==null?void 0:i.immediate)),{nodes:u,value:l,dispose:s,resubscribe:void 0}}function Ti(n,t,e){let r,i;q(t)?r=t:e=t;let o=!1;const s={num:0},a=function(){if(o)return;s.onCleanup&&(s.onCleanup(),s.onCleanup=void 0),o=!0,as(),delete s.value,i==null||i();const{dispose:l,value:u,nodes:c}=Ph(n,a,void 0,s,e);var d,h;i=l,s.value=u,s.nodes=c,s.refresh=a,s.onCleanupReaction&&(s.onCleanupReaction(),s.onCleanupReaction=void 0),Rr(),o=!1,!r||!(e!=null&&e.fromComputed)&&(!(s.num>0)&&(d=n)&&((h=d[mr])!=null&&h.isEvent)||s.previous===s.value&&typeof s.value!="object")||r(s),s.previous=s.value,s.num++};return a(),()=>{var l,u;(l=s.onCleanup)==null||l.call(s),s.onCleanup=void 0,(u=s.onCleanupReaction)==null||u.call(s),s.onCleanupReaction=void 0,i==null||i()}}function Hh(n,t,e){if(Re(n))return t?n.then(t):n;const r=Ot(n);let i,o;return Ti(function(s){const a=r?n.map(l=>Ge(l)):Ge(n);if(!Re(a)){{let l=!0;if(Ot(a))for(let u=0;u<a.length;u++){let c=a[u];mt(c)?c=Ge(c):q(c)&&(c=c()),l=l&&!!(e?wu(c):c)}else l=e?wu(a):a;l&&(i=a,s.cancel=!0)}return i}i=a},function(){o=t==null?void 0:t(i)}),Re(i)?t?i.then(t):i:i!==void 0?t?o:Promise.resolve(i):new Promise(s=>{if(t){const a=t;t=l=>{const u=a(l);s(Re(u)?u.then(c=>c):u)}}else t=s})}function Uh(n,t){return Hh(n,t,!1)}var Ms=new Set(["copyWithin","fill","from","pop","push","reverse","shift","sort","splice","unshift"]),xu=new Set(["every","filter","find","findIndex","flatMap","forEach","join","map","reduce","some"]),TE=new Set(["filter","find"]),La=new Map,ba=new Map([["get",ls],["set",ce],["peek",yr],["onChange",dn],["assign",function(n,t){const e=Zt(n);if(as(),zt(n.root._)&&(n.root._={}),Nt(t)){const r=ot(n);Nt(r)?t.forEach((i,o)=>r.set(o,i)):ce(n,t)}else{n.isAssigning=(n.isAssigning||0)+1;try{Object.assign(e,t)}finally{n.isAssigning--}}return Rr(),e}],["delete",Yh],["toggle",function(n){const t=ot(n);(t==null||Oh(t))&&ce(n,!t)}]]);function jh(n,t,e,...r){var i;if(e!=="push"||r.length!==1){const o=t.slice(),s=t[e].apply(t,r);if(n){const a=is(n),l=a?n.key:"_";(a?ot(n.parent):n.root)[l]=o,gr((i=n.parent)!=null?i:n,l,t)}return s}gr(n,t.length+"",r[0])}function kl(n,t,e){var r,i,o;if(ye(t)&&Ai(t)||ye(e)&&Ai(e)){const v=t!==e;return v&&(n.listeners||n.listenersImmediate)&&Oi(n,t,e,0),v}const s=Ot(t);let a,l;const u=Nt(t),c=We(t),d=Nt(e),h=We(e),p=Ra(t,s,u,c),f=Ra(e,s,d,h),m=((r=p||t)==null?void 0:r.length)||0,E=((i=f||e)==null?void 0:i.length)||0;let g,A,O,_=!1;if(s&&Ot(e)){if(e.length>0){const v=e[0];if(v!==void 0&&(g=Rh(v,n),g&&(A=q(g),a=new Map,l=[]),n.children))for(let C=0;C<e.length;C++){const y=e[C];if(y){const k=n.children.get(C+"");if(k&&(t[C]||Mu(k,y),g)){const D=A?g(y):y[g];a.set(D,k)}}}}}else if(e&&(!t||ye(t))){const v=f.length;for(let C=0;C<v;C++){const y=f[C];if(!p.includes(y)){_=!0;const k=De(n,y),D=d?e.get(y):e[y];D!==void 0&&Mu(k,D)}}}if(t&&!zt(t)){_=_||m!==E;const v=_;let C=!1;for(let y=0;y<m;y++){const k=s?y+"":p[y];let D=u?t.get(k):t[k];const T=d?e==null?void 0:e.get(k):e==null?void 0:e[k];let w=!yh(D,T);if(w){const F=g&&D?A?g(D):D[g]:void 0,j=(o=n.children)==null?void 0:o.get(k);if(mt(D)){const x=Mi(D);if((j==null?void 0:j.linkedToNode)===x){const $=ot(x);u?t.set(k,$):t[k]=$;continue}const Y=D;D=()=>Y}let R=De(n,k,D);if(R.lazy||!q(D)&&!mt(D)||(Gh(R,D),Mn(R)),s&&F!==void 0){const x=F!==void 0?a==null?void 0:a.get(F):void 0;if(x){if(x!==void 0&&x.key!==k){const Y=e[x.key];v&&(R=x,n.children.delete(R.key),R.key=k,l.push([k,R])),C=!0,w=Y!==D}}else _=!0}if(w)if(q(D)||mt(D))Ar(n,k,D);else if(zt(D))_=!0;else{const x=kl(R,D,T);_=_||x,w=x}(w||s&&!v)&&(R.listeners||R.listenersImmediate)&&Oi(R,D,T,0,!v)}}if(l)for(let y=0;y<l.length;y++){const[k,D]=l[y];n.children.set(k,D)}O=_||C}else e!==void 0&&(O=!0);return O!=null&&O}function Mu(n,t){var e,r;(e=n.linkedToNodeDispose)==null||e.call(n),(r=n.activatedObserveDispose)==null||r.call(n),zt(t)||kl(n,void 0,t),(n.listeners||n.listenersImmediate)&&Oi(n,void 0,t,0)}function Zt(n,t,e){return t!==void 0&&(n=De(n,t,e)),n.proxy||(n.proxy=new Proxy(n,$h))}function ka(){if(Dt.pendingNodes.size>0){const n=Array.from(Dt.pendingNodes.values());Dt.pendingNodes.clear(),n.forEach(t=>t())}}var $h={get(n,t,e){var r,i;if(t===aE)throw new Error("[legend-state] observable is not a primitive.");if(t===mr)return n;if(t==="apply"||t==="call"){const d=ot(n);if(q(d))return d[t]}let o=Mn(n,t==="get"||t==="peek");if(t===lE)return!o||zt(o)?void 0:o[t];const s=n.linkedToNode||(o==null?void 0:o[mr]);if(s&&t!=="onChange")return $h.get(s,t,e);if(Nt(o)||We(o)){const d=function(h,p,f){const m=f==null?void 0:f[p];if(p==="size")return ho(h,!0),f[p];if(q(m))return function(E,g,A){const O=arguments.length,_=f;if(p==="get"){if(O>0&&typeof E!="boolean"&&E!==Il)return Zt(h,E)}else{if(p==="set")return O===2?ce(De(h,E),g):O===1&&Nt(f)&&ce(h,E),Zt(h);if(p==="delete"){if(O>0){const C=f.get?_.get(E):E;return Yh(h,E),C!==void 0}}else{if(p==="clear"){const C=We(_)?new Set(_):new Map(_),y=_.size;return _.clear(),void(y&&zh(h,f,C))}if(p==="add"){const C=new Set(f),y=f.add(E);return f.has(p)||Oi(h,y,C,0),Zt(h)}}}const v=ba.get(p);if(!v)return f[p](E,g);switch(O){case 0:return v(h);case 1:return v(h,E);case 2:return v(h,E,g);default:return v(h,E,g,A)}}}(n,t,o);if(d!==void 0)return d}const a=ba.get(t);if(a)return t!=="get"&&t!=="peek"||ka(),function(d,h,p){switch(arguments.length){case 0:return a(n);case 1:return a(n,d);case 2:return a(n,d,h);default:return a(n,d,h,p)}};const l=La.get(t);if(l)return l.get(n);let u=o==null?void 0:o[t];if(ye(o)&&Ai(o))return u;const c=(r=n.functions)==null?void 0:r.get(t);if(c)return mt(c)?c:Zt(n,t,c);if(u=function(d,h){if(d){const p=Object.getOwnPropertyDescriptor(d,h);return p!=null&&p.get&&(delete d[h],d[h]=p.set?function(f){q(f)&&(f={get:f});const m=function(){return{[Di]:f}};return m.prototype[Di]=f,m}({get:p.get,set:({value:f})=>p.set(f)}):p.get),d[h]}}(o,t),function(d){return d==null}(o)&&u===void 0&&(Ms.has(t)||xu.has(t))&&(o=[],Ms.has(t)&&Ve(n,o),u=o[t]),q(u)){if(Ot(o)){if(Ms.has(t))return(...h)=>jh(n,o,t,...h);if(xu.has(t))return ho(n,!0),function(h,p){const f=t==="reduce",m=f?(A,O,_,v)=>h(A,Zt(n,_+"",O),_,v):(A,O,_)=>h(Zt(n,O+"",A),O,_);if(f||!TE.has(t))return o[t](m,p);const E=t==="find",g=[];for(let A=0;A<o.length;A++)if(m(o[A],A,o)){const O=Zt(n,A+"");if(E)return O;g.push(O)}return E?void 0:g}}Ar(n,t,u);const d=(i=n.functions)==null?void 0:i.get(t);return d?Zt(n,t,d):u.bind(o)}return zt(u)&&t==="length"&&Ot(o)?(ho(n,!0),u):Zt(n,t)},getPrototypeOf(n){const t=ot(n);return t!==null&&typeof t=="object"?Reflect.getPrototypeOf(t):null},ownKeys(n){Mn(n);const t=ls(n,!0);if(zt(t))return[];const e=t?Reflect.ownKeys(t):[];if(Ot(t)&&e[e.length-1]==="length"&&e.splice(e.length-1,1),q(n)){const r=Reflect.ownKeys(n);["caller","arguments","prototype"].forEach(i=>r.includes(i)&&e.push(i))}return e},getOwnPropertyDescriptor(n,t){if(t==="caller"||t==="arguments"||t==="prototype")return{configurable:!1,enumerable:!1};const e=ot(n);if(zt(e))return;const r=Reflect.getOwnPropertyDescriptor(e,t);return r?{...r,configurable:!0}:void 0},set(n,t,e){if(n.isSetting)return Reflect.set(n,t,e);if(n.isAssigning)return gr(n,t,e),!0;const r=La.get(t);return!!r&&(r.set(n,e),!0)},deleteProperty:(n,t)=>!!n.isSetting&&Reflect.deleteProperty(n,t),has(n,t){const e=ot(n);return Reflect.has(e,t)},apply(n,t,e){mt(t)&&(t=t.peek());const r=ot(n),i=q(r)?r:n.lazyFn||n;return Reflect.apply(i,t,e)}};function ce(n,t){n.parent?gr(n.parent,n.key,t):gr(n,"_",t)}function gr(n,t,e,r){const i=!n.parent&&t==="_";Lh(n,e),!n.parent||ot(n)||q(e)||ce(n,{[t]:e});const o=i?n:De(n,t,e);if(mt(e))bo(o,e);else{const{newValue:s,prevValue:a,parentValue:l}=Ve(o,e),u=zt(a)||a instanceof Date||zt(s)||s instanceof Date;if(!u){let h=o;do h.needsExtract=!0,h.recursivelyAutoActivated=!1;while(h=h.parent)}const c=!yh(s,a),d=!c&&o.isComputing&&!u&&!o.isPlain;!c&&!d||o.isComputing&&o.isPlain&&n.numListenersRecursive===0||zh(n,s,a,o,l,u,i,r,d),Ar(n,t,s)}}function Yh(n,t){t===void 0&&is(n)&&(t=n.key,n=n.parent);const e=ot(n);Ot(e)?jh(n,e,"splice",t,1):gr(n,t!=null?t:"_",ss,-1)}function zh(n,t,e,r,i,o,s,a,l){r||(r=n),as(),o===void 0&&(o=zt(t));let u,c,d=l||o,h=!1;(!o||e&&!zt(e))&&(d=d||kl(r,t,e),Ot(t)?u=t:(Nt(t)||We(t))&&(c=t)),Ot(i)?u=i:(Nt(i)||We(i))&&(c=i),u?h=(u==null?void 0:u.length)!==(e==null?void 0:e.length):c&&(h=(c==null?void 0:c.size)!==(e==null?void 0:e.size)),(o||!t||Io(t)&&!Io(e)?t!==e:d)&&Oi(o&&s?n:r,t,e,(a!=null?a:e===void 0)?-1:d?0:1,h),Rr()}function Dr(n,t,e){const r=n.numGets=(n.numGets||0)+1;n.state||(n.state=bl({isLoaded:!1},0,Dr,Zt)),t.then(i=>{r>=(n.getNumResolved||0)&&(n.getNumResolved=n.numGets,e?e({value:i}):ce(n,i),n.state.assign({isLoaded:!0,error:void 0}))}).catch(i=>{n.state.error.set(i)})}function Ar(n,t,e){if(Re(e)){const r=De(n,t);return Dr(r,e),void Ve(r,void 0)}if(mt(e)){const r=()=>e;Lu(n,t,r);const i=De(n,t,r),o=yr(Mi(e));return bo(i,e),Ve(i,o),ot(i)}if(typeof e=="function")return Lu(n,t,e),t}function ls(n,t){return ho(n,t?ye(t)?t.shallow:t:void 0),yr(n)}function yr(n){return Mn(n,!0)}var Ki=!1;function Mn(n,t){var e;if(Ki=!0,t&&((e=n.dirtyChildren)==null?void 0:e.size)){const i=Array.from(n.dirtyChildren);n.dirtyChildren.clear(),i.forEach(o=>o.dirtyFn&&Mn(o))}if(n.dirtyFn){const i=n.dirtyFn;n.dirtyFn=void 0,Dt.dirtyNodes.delete(n),i()}Ki=!1;let r=ot(n);return n.root.isLoadingLocal||n.isPlain||(r=function(i,o,s){const a=o,l=i.lazy;if(l){const u=i.lazyFn;if(delete i.lazy,q(u))if(u.length===1)o={};else{if(i.parent){const c=ot(i.parent);q(o)&&(c?delete c[i.key]:i.root._=void 0)}o=function(c,d){let h,p,f,m=!0;const E=d;let g,A,O=[];function _(){c.dirtyFn=A,Dt.dirtyNodes.add(c)}const v=Ti(()=>{var C,y,k,D;if(m)m=!1,q(ot(c))&&Ve(c,void 0);else if(!Ki&&A&&function(R,x){if(!Ki&&!function($){var X,V;let G=$,K=$.numListenersRecursive>0;for(;G&&!K;)((X=G.listeners)!=null&&X.size||(V=G.listenersImmediate)!=null&&V.size)&&(K=!0),G=G.parent;return K}(R)){x&&(R.dirtyFn=x);let $=R;for(;$;)$.dirtyChildren||($.dirtyChildren=new Set),$.dirtyChildren.add(R),$=$.parent;return!0}}(c,A))return void(f=!0);let T=E(),w=!1;const F=mt(T);(F||c.linkedToNode)&&(w=F,T=bo(c,T)),q(T)&&T.length===0&&(T=T());const j=F||T==null?void 0:T[Di];if(j&&(c.activationState=j,T=void 0),f=!1,p=Re(T),c.activated){if(c.activationState){const R=c.activationState;(y=(C=c.state)==null?void 0:C.peek())!=null&&y.sync?(c.state.sync(),f=!0):T=(D=(k=R.get)==null?void 0:k.call(R))!=null?D:R.initial}}else{c.activated=!0;let R=SE;j!=null&&j.synced&&(R=Dt.activateSyncedNode,f=!0);const x=R(c,T);h=x.update;let Y=x.value;!w&&mt(Y)&&(Y=bo(c,Y)),T=Y!=null?Y:j==null?void 0:j.initial}return f&&(g=T),p=p||Re(T),T},C=>{const{value:y,nodes:k,refresh:D}=C;if(A=D,!f){if(!p||!Dt.isLoadingRemote)if(p)if(c.activationState){const{initial:T}=c.activationState;y&&Re(y)&&Dr(c,y,h),q(ot(c))&&Ve(c,T!=null?T:void 0)}else c.activated&&(Dr(c,y,h),q(ot(c))&&Ve(c,void 0));else{g=y;const T=c.state.isLoaded.peek();!T&&q(y)||(c.isComputing=!0,ce(c,y),c.isComputing=!1),T||c.state.assign({isLoaded:!0,error:void 0})}O.forEach(T=>T()),O=[],k==null||k.forEach(({node:T,track:w})=>{O.push(dn(T,_,{immediate:!0,trackingType:w}))})}C.cancel=!0},{fromComputed:!0});return c.activatedObserveDispose=()=>{v==null||v(),O.forEach(C=>C())},g}(i,u)}else mt(o)&&(o=Ar(i.parent,i.key,o))}return Lh(i,o),!l&&!i.needsExtract||i.isPlain||mt(o)||zt(o)||(s&&function(u,c){if(!c.recursivelyAutoActivated&&(ye(u)||Ot(u))&&!Ai(u)){c.recursivelyAutoActivated=!0;const d=[];Xh(u,d,()=>{var p;let f=c;for(let m=0;m<d.length;m++){const E=d[m],g=(p=ot(f))==null?void 0:p[E];f=De(f,E,q(g)?g:void 0),Mn(f)}return f})}}(o,i),i.parent&&Ar(i.parent,i.key,a)),o}(n,r,!!t)),r}function Vh(n){var t,e;(t=n.activatedObserveDispose)==null||t.call(n),(e=n.linkedToNodeDispose)==null||e.call(n),n.activatedObserveDispose=n.linkedToNodeDispose=n.linkedToNode=void 0}function Gh(n,t){Vh(n),n.lazyFn=t,n.lazy=!0}function SE(n,t){if(n.state||(n.state=bl({isLoaded:!1},0,Dr,Zt)),n.activationState){const{set:e,get:r,initial:i}=n.activationState;if((t=r==null?void 0:r())!=null&&t!==null||(t=i),e){let o,s=[],a=0;const l=u=>{if(s.length>0){let c,d,h,p=!1,f=!1;u?(c=u.changes,d=u.value,p=u.isFromPersist,f=u.isFromSync,h=u.getPrevious):(c=s,d=o,h=Ll(d,c)),s=[],o=void 0,Dt.pendingNodes.delete(n),a++;const m=a,E=()=>{m===a&&(n.isComputing=!0,e({value:d,changes:c,isFromPersist:p,isFromSync:f,getPrevious:h}),n.isComputing=!1)};Hh(n.state.isLoaded,E,!0)}};dn(n,({value:u,changes:c})=>{n.isComputing||(c.length>1||!q(c[0].prevAtPath))&&(o=u,s.length>0&&(c=c.filter(d=>!kh(s[0].path,d.path))),s.push(...c),Dt.pendingNodes.set(n,l))},{immediate:!0}),dn(n,l)}}return{update:({value:e})=>{n.isComputing||(n.isComputing=!0,ce(n,e),n.isComputing=!1)},value:t}}function bo(n,t){var e;const r=t?Mi(t):void 0;return r!==n&&(r==null?void 0:r.linkedToNode)!==n&&(n.linkedToNode=r,(e=n.linkedToNodeDispose)==null||e.call(n),r&&(r.linkedFromNodes||(r.linkedFromNodes=new Set),r.linkedFromNodes.add(n),n.linkedToNodeDispose=dn(r,()=>{q(t=Mn(r))||ce(n,t)},{initial:!0},new Set([n])))),t}function Xh(n,t,e){var r;if((ye(n)||Ot(n))&&!Ai(n)&&!Sh(n)){for(const i in n)if(Cl.call(n,i)){const o=n[i];if(mt(o)){const s=e();Ar(s,i,o),delete s.lazy}else{const s=q(o)&&((r=o.prototype)==null?void 0:r[Di]);if(s){const a=s.activate;(!a||a==="auto")&&yr(De(e(),i,o))}}typeof o=="object"&&(t.push(i),Xh(o,t,e),t.pop())}}}var Bu=["get","set","peek","onChange","toggle"];function ar(n){this._node=n;for(let t=0;t<Bu.length;t++){const e=Bu[t];this[e]=this[e].bind(this)}}function Ji(n,t){ar.prototype[n]=function(...e){return t.call(this,this._node,...e)}}function ft(n){return bl(n,0,Dr,Zt,ar)}Ji("peek",n=>(ka(),yr(n))),Ji("get",(n,t)=>(ka(),ls(n,t))),Ji("set",ce),Ji("onChange",dn),Object.defineProperty(ar.prototype,mr,{configurable:!0,get(){return this._node}}),ar.prototype.toggle=function(){const n=this.peek();(n==null||Oh(n))&&this.set(!n)},ar.prototype.delete=function(){return this.set(void 0),this};var us={createPreviousHandler:Ll,clone:Ch,deactivateNode:Vh,deepMerge:Ro,ensureNodeValue:Rl,findIDKey:Rh,get:ls,getChildNode:De,getKeys:Ra,getNode:Mi,getNodeValue:ot,getPathType:_h,getProxy:Zt,getValueAtPath:function(n,t){return t.reduce(fE,n)},globalState:Dt,initializePathType:yl,ObservablePrimitiveClass:ar,observableProperties:La,observableFns:ba,optimized:Il,peek:yr,reactivateNode:Gh,registerMiddleware:function(n,t,e){let r=Qn.get(n);r||(r=new Map,Qn.set(n,r));let i=r.get(t);return i||(i=new Set,r.set(t,i)),i.add(e),()=>{const o=Qn.get(n);if(!o)return;const s=o.get(t);s&&(s.delete(e),s.size===0&&(o.delete(t),o.size===0&&Qn.delete(n)))}},safeParse:Nh,safeStringify:vh,set:ce,setAtPath:bh,setNodeValue:Ve,symbolLinked:Di,symbolDelete:ss,tracking:er},{globalState:Pu,observableProperties:_E,observableFns:vE,ObservablePrimitiveClass:Hu}=us;class Wh extends Error{}function Uu(n,t){if(!n)throw new Wh(t!=null?t:"Assertion failed")}const ut=Object.assign(Uu,{is:function(n,t,e){return Uu(t,e)},unreachable:function(){throw new Error("Unreachable code")},never:function(n){throw new Error("Unreachable")},defined:function(n){if(n==null)throw new Wh("Value is not defined")}});class cs{constructor(t={}){this._handlers=new Set,this._meta=t}meta(t){return new cs(t)}_emit(t,e){for(const r of this._handlers)r({level:t,data:e,timestamp:Date.now(),meta:this._meta})}error(...t){return this._emit("error",t)}warn(...t){return this._emit("warn",t)}info(...t){return this._emit("info",t)}log(...t){return this._emit("log",t)}trace(...t){return this._emit("trace",t)}registerHandler(t){return this._handlers.add(t),()=>this._handlers.delete(t)}}const ko=new cs,rn=new cs,NE="https://cdn.jsdelivr.net/npm/emoji-picker-element@1.26.3/+esm",wl=function(n){let t;return()=>(t===void 0&&(t={value:n()}),t.value)}(async function(){if(typeof window=="undefined"||window.document===void 0)return new Promise(()=>{});try{const n=await import(NE);return await new n.Database().ready(),n}catch(n){return ko.error("Failed to load emoji picker:",n),new Promise(()=>{})}});function ju(n,t,e){return n.clearRect(0,0,100,100),n.fillStyle=e,n.fillText(t,0,0),n.getImageData(0,0,1,1).data.join(",")}function $u(n){const t=function(){const i=document.createElement("canvas");i.width=i.height=1;const o=i.getContext("2d",{willReadFrequently:!0});return o.textBaseline="top",o.font='100px "Twemoji Mozilla","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji","EmojiOne Color","Android Emoji",sans-serif',o.scale(.01,.01),o}(),e=ju(t,n,"#fff"),r=ju(t,n,"#000");return r===e&&!r.startsWith("0,0,0,")}function CE(n){const{common:t}=n;return t.conversation.subject?B`
      <div className="t-title">${t.conversation.subject}</div>
      <div className="t-subtitle">
        <${Yu} ...${n} />
      </div>
    `:B`<div className="t-title">
      <${Yu} ...${n} />
    </div>`}function Yu({common:n,isUserConnected:t,permissions:e}){const{participants:r}=n,i=r.filter(({user:s})=>s.id!==n.currentUser.id),o=i.length===0?r:i;return e.showOnlineStatus?B`
      <span className="t-participants">
        ${o.map(({user:s})=>B`
            <span className="t-participant" key=${s.id}>
              <span>${s.name}</span>
              <span
                className="t-online-indicator"
                t-status=${t[s.id]?"online":"offline"}
              ></span>
            </span>
          `)}
      </span>
    `:B`<span className="t-participants">${o.map(({user:s})=>s.name).join(", ")}</span>`}function IE({messageStatus:n,common:t}){const{Icon:e}=t.theme;return n==="sending"?B`
      <span className="t-status-icon">
        <${e}
          type="spinner"
          className="t-message-loading-spinner"
          common=${t}
        />
      </span>
    `:n==="sent"?B`<span className="t-status-icon">✓</span>`:n==="everyoneRead"?B`<span className="t-status-icon">✓✓</span>`:null}const RE={attach:function({className:n}){return B`
    <svg
      className=${n}
      xmlns="http://www.w3.org/2000/svg"
      fill="none"
      stroke="currentColor"
      strokeWidth="2"
      strokeLinecap="round"
      strokeLinejoin="round"
      viewBox="0 0 24 24"
      height="24px"
      width="24px"
    >
      <path
        fill="none"
        d="M21.44 11.05l-9.19 9.19a6 6 0 0 1-8.49-8.49l9.19-9.19a4 4 0 0 1 5.66 5.66l-9.2 9.19a2 2 0 0 1-2.83-2.83l8.49-8.48"
      ></path>
    </svg>
  `},chevronLeft:zu,left:zu,chevronRight:Vu,right:Vu,chevronUp:Gu,up:Gu,chevronDown:Xu,down:Xu,close:function({className:n}){return B`
    <svg
      className=${n}
      xmlns="http://www.w3.org/2000/svg"
      fill="none"
      stroke="currentColor"
      strokeWidth="2"
      strokeLinecap="round"
      strokeLinejoin="round"
      viewBox="0 0 24 24"
      height="24px"
      width="24px"
    >
      <line x1="18" y1="6" x2="6" y2="18" fill="none"></line>
      <line fill="none" x1="6" y1="6" x2="18" y2="18"></line>
    </svg>
  `},emoji:function({className:n}){return B`
    <svg
      className=${n}
      xmlns="http://www.w3.org/2000/svg"
      fill="none"
      stroke="currentColor"
      strokeWidth="2"
      strokeLinecap="round"
      strokeLinejoin="round"
      viewBox="0 0 24 24"
      height="24px"
      width="24px"
    >
      <circle fill="none" cx="12" cy="12" r="10"></circle>
      <path fill="none" d="M8 14s1.5 2 4 2 4-2 4-2M9 9h.01M15 9h.01"></path>
    </svg>
  `},locationPin:function({className:n}){return B`
    <svg
      className=${n}
      xmlns="http://www.w3.org/2000/svg"
      fill="none"
      stroke="currentColor"
      strokeWidth="2"
      strokeLinecap="round"
      strokeLinejoin="round"
      viewBox="0 0 24 24"
      height="24px"
      width="24px"
    >
      <path
        fill="none"
        d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"
      ></path>
      <circle fill="none" cx="12" cy="10" r="3"></circle>
    </svg>
  `},more:function({className:n}){return B`
    <svg
      className=${n}
      xmlns="http://www.w3.org/2000/svg"
      fill="none"
      stroke="currentColor"
      strokeWidth="2"
      strokeLinecap="round"
      strokeLinejoin="round"
      viewBox="0 0 24 24"
      height="24px"
      width="24px"
    >
      <path
        d="M32 20C30.9391 20 29.9217 19.5786 29.1716 18.8284C28.4214 18.0783 28 17.0609 28 16C28 14.9391 28.4214 13.9217 29.1716 13.1716C29.9217 12.4214 30.9391 12 32 12C33.0609 12 34.0783 12.4214 34.8284 13.1716C35.5786 13.9217 36 14.9391 36 16C36 17.0609 35.5786 18.0783 34.8284 18.8284C34.0783 19.5786 33.0609 20 32 20ZM32 36C30.9391 36 29.9217 35.5786 29.1716 34.8284C28.4214 34.0783 28 33.0609 28 32C28 30.9391 28.4214 29.9217 29.1716 29.1716C29.9217 28.4214 30.9391 28 32 28C33.0609 28 34.0783 28.4214 34.8284 29.1716C35.5786 29.9217 36 30.9391 36 32C36 33.0609 35.5786 34.0783 34.8284 34.8284C34.0783 35.5786 33.0609 36 32 36ZM28 48C28 49.0609 28.4214 50.0783 29.1716 50.8284C29.9217 51.5786 30.9391 52 32 52C33.0609 52 34.0783 51.5786 34.8284 50.8284C35.5786 50.0783 36 49.0609 36 48C36 46.9391 35.5786 45.9217 34.8284 45.1716C34.0783 44.4214 33.0609 44 32 44C30.9391 44 29.9217 44.4214 29.1716 45.1716C28.4214 45.9217 28 46.9391 28 48Z"
        fill="currentColor"
      ></path>
    </svg>
  `},plus:function({className:n}){return B`
    <svg
      className=${n}
      xmlns="http://www.w3.org/2000/svg"
      fill="none"
      stroke="currentColor"
      strokeWidth="2"
      strokeLinecap="round"
      strokeLinejoin="round"
      viewBox="0 0 24 24"
      height="24px"
      width="24px"
    >
      <line x1="12" y1="5" x2="12" y2="19" fill="none"></line>
      <line fill="none" x1="5" y1="12" x2="19" y2="12"></line>
    </svg>
  `},search:function({className:n}){return B`
    <svg
      className=${n}
      xmlns="http://www.w3.org/2000/svg"
      fill="none"
      stroke="currentColor"
      strokeWidth="2"
      strokeLinecap="round"
      strokeLinejoin="round"
      viewBox="0 0 24 24"
      height="24px"
      width="24px"
    >
      <path
        fill="none"
        d="M11 19a8 8 0 1 0 0-16 8 8 0 0 0 0 16ZM21.35 21.35 17 17"
      ></path>
    </svg>
  `},send:function({className:n}){return B`
    <svg
      className=${n}
      xmlns="http://www.w3.org/2000/svg"
      fill="none"
      stroke="currentColor"
      strokeWidth="2"
      strokeLinecap="round"
      strokeLinejoin="round"
      viewBox="0 0 64 64"
      height="24px"
      width="24px"
    >
      <path
        d="M14.4812 8.18108C14.1942 8.03755 13.8727 7.97744 13.5533 8.00758C13.2338 8.03773 12.9292 8.15693 12.6742 8.35162C12.4191 8.54631 12.2238 8.80867 12.1105 9.10886C11.9972 9.40906 11.9704 9.73503 12.0331 10.0497L16.8435 26.6787C16.9332 26.9886 17.1086 27.2669 17.3493 27.4816C17.5901 27.6963 17.8866 27.8387 18.2047 27.8925L37.7138 31.16C38.6327 31.3417 38.6327 32.6583 37.7138 32.84L18.2047 36.1075C17.8866 36.1613 17.5901 36.3037 17.3493 36.5184C17.1086 36.7331 16.9332 37.0114 16.8435 37.3213L12.0331 53.9503C11.9704 54.265 11.9972 54.5909 12.1105 54.8911C12.2238 55.1913 12.4191 55.4537 12.6742 55.6484C12.9292 55.8431 13.2338 55.9623 13.5533 55.9924C13.8727 56.0226 14.1942 55.9625 14.4812 55.8189L59.0538 33.5326C59.3382 33.3901 59.5773 33.1712 59.7444 32.9006C59.9115 32.6299 60 32.3181 60 32C60 31.6819 59.9115 31.3701 59.7444 31.0994C59.5773 30.8288 59.3382 30.6099 59.0538 30.4674L14.4812 8.18108Z"
        fill="currentColor"
      ></path>
    </svg>
  `},spinner:function({className:n}){return B`
    <svg
      className=${n}
      xmlns="http://www.w3.org/2000/svg"
      fill="none"
      stroke="currentColor"
      strokeWidth="2"
      strokeLinecap="round"
      strokeLinejoin="round"
      viewBox="0 0 64 64"
      height="24px"
      width="24px"
    >
      <path
        d="M31.9999 11.1999C26.4834 11.1999 21.1928 13.3913 17.2921 17.2921C13.3913 21.1928 11.1999 26.4834 11.1999 31.9999C11.1999 32.6364 10.947 33.2469 10.497 33.697C10.0469 34.1471 9.43642 34.3999 8.7999 34.3999C8.16338 34.3999 7.55293 34.1471 7.10285 33.697C6.65276 33.2469 6.3999 32.6364 6.3999 31.9999C6.3999 26.9367 7.90132 21.9872 10.7143 17.7773C13.5272 13.5674 17.5254 10.2862 22.2032 8.3486C26.881 6.41099 32.0283 5.90403 36.9942 6.89181C41.9601 7.87959 46.5216 10.3178 50.1018 13.898C53.6821 17.4782 56.1202 22.0397 57.108 27.0056C58.0958 31.9715 57.5888 37.1188 55.6512 41.7966C53.7136 46.4744 50.4324 50.4726 46.2225 53.2855C42.0126 56.0985 37.0631 57.5999 31.9999 57.5999C31.3634 57.5999 30.7529 57.3471 30.3028 56.897C29.8528 56.4469 29.5999 55.8364 29.5999 55.1999C29.5999 54.5634 29.8528 53.9529 30.3028 53.5029C30.7529 53.0528 31.3634 52.7999 31.9999 52.7999C37.5164 52.7999 42.807 50.6085 46.7077 46.7077C50.6085 42.807 52.7999 37.5164 52.7999 31.9999C52.7999 26.4834 50.6085 21.1928 46.7077 17.2921C42.807 13.3913 37.5164 11.1999 31.9999 11.1999V11.1999Z"
        fill="currentColor"
      ></path>
    </svg>
  `},play:function({className:n}){return B`
    <svg
      className=${n}
      xmlns="http://www.w3.org/2000/svg"
      fill="none"
      stroke="currentColor"
      strokeWidth="2"
      strokeLinecap="round"
      strokeLinejoin="round"
      viewBox="0 0 24 24"
      height="24px"
      width="24px"
    >
      <polygon points="5 3 19 12 5 21 5 3"></polygon>
    </svg>
  `},pause:function({className:n}){return B`
    <svg
      className=${n}
      xmlns="http://www.w3.org/2000/svg"
      fill="none"
      stroke="currentColor"
      strokeWidth="2"
      strokeLinecap="round"
      strokeLinejoin="round"
      viewBox="0 0 24 24"
      height="24px"
      width="24px"
    >
      <rect x="6" y="4" width="4" height="16"></rect>
      <rect x="14" y="4" width="4" height="16"></rect>
    </svg>
  `},updown:function({className:n}){return B`
    <svg
      className=${n}
      xmlns="http://www.w3.org/2000/svg"
      fill="none"
      stroke="currentColor"
      strokeWidth="2"
      strokeLinecap="round"
      strokeLinejoin="round"
      viewBox="0 0 64 64"
      height="24px"
      width="24px"
    >
      <path
        d="M 16 25.75 L 19.769531 29.523438 L 31.085938 18.210938 L 42.398438 29.523438 L 46.167969 25.75 L 31.085938 10.667969 Z M 16 25.75 "
        fill="currentColor"
      ></path>
      <path
        d="M 16 38.515625 L 19.769531 34.746094 L 31.085938 46.058594 L 42.398438 34.746094 L 46.167969 38.515625 L 31.085938 53.601562 Z M 16 38.515625 "
        fill="currentColor"
      ></path>
    </svg>
  `},addEmoji:function({className:n}){return B`
    <svg
      className=${n}
      xmlns="http://www.w3.org/2000/svg"
      fill="none"
      stroke="currentColor"
      strokeWidth="2"
      strokeLinecap="round"
      strokeLinejoin="round"
      viewBox="-2 -2 28 28"
      height="26"
      width="26"
      style=${{overflow:"visible"}}
    >
      <circle fill="none" cx="12" cy="12" r="10"></circle>
      <path fill="none" d="M8 14s1.5 2 4 2 4-2 4-2M9 9h.01M15 9h.01"></path>
      <line
        x1="25"
        y1="-1"
        x2="25"
        y2="5"
        stroke="currentColor"
        strokeWidth="2"
        strokeLinecap="round"
      ></line>
      <line
        x1="28"
        y1="2"
        x2="22"
        y2="2"
        stroke="currentColor"
        strokeWidth="2"
        strokeLinecap="round"
      ></line>
    </svg>
  `},microphone:function({className:n}){return B`
    <svg
      className=${n}
      xmlns="http://www.w3.org/2000/svg"
      fill="none"
      stroke="currentColor"
      strokeWidth="2"
      strokeLinecap="round"
      strokeLinejoin="round"
      viewBox="0 0 64 64"
      height="24px"
      width="24px"
    >
      <path
        fillRule="nonzero"
        fill="currentColor"
        fillOpacity="1"
        strokeWidth="2"
        strokeLinecap="round"
        strokeLinejoin="round"
        stroke="currentColor"
        strokeOpacity="1"
        strokeMiterlimit="4"
        d="M 15 1.25061 C 14.005737 1.25061 13.051758 1.644287 12.348633 2.349243 C 11.645508 3.052368 11.25 4.006348 11.25 5.00061 L 11.25 15 C 11.25 15.994263 11.645508 16.948242 12.348633 17.651367 C 13.051758 18.354492 14.005737 18.75 15 18.75 C 15.994263 18.75 16.948242 18.354492 17.651367 17.651367 C 18.354492 16.948242 18.75 15.994263 18.75 15 L 18.75 5.00061 C 18.75 4.006348 18.354492 3.052368 17.651367 2.349243 C 16.948242 1.644287 15.994263 1.25061 15 1.25061 Z M 15 1.25061 "
        transform="matrix(2.133333, 0, 0, 2.133333, 0, 0)"
      ></path>
      <path
        fill="none"
        strokeWidth="2"
        strokeLinecap="round"
        strokeLinejoin="round"
        stroke="currentColor"
        strokeOpacity="1"
        strokeMiterlimit="4"
        d="M 23.75061 12.50061 L 23.75061 15 C 23.75061 17.319946 22.827759 19.546509 21.187134 21.187134 C 19.546509 22.827759 17.319946 23.75061 15 23.75061 C 12.680054 23.75061 10.453491 22.827759 8.812866 21.187134 C 7.172241 19.546509 6.24939 17.319946 6.24939 15 L 6.24939 12.50061 "
        transform="matrix(2.133333, 0, 0, 2.133333, 0, 0)"
      ></path>
      <path
        fill="none"
        strokeWidth="2"
        strokeLinecap="round"
        strokeLinejoin="round"
        stroke="currentColor"
        strokeOpacity="1"
        strokeMiterlimit="4"
        d="M 15 23.75061 L 15 28.74939 "
        transform="matrix(2.133333, 0, 0, 2.133333, 0, 0)"
      ></path>
      <path
        fill="none"
        strokeWidth="2"
        strokeLinecap="round"
        strokeLinejoin="round"
        stroke="currentColor"
        strokeOpacity="1"
        strokeMiterlimit="4"
        d="M 9.99939 28.74939 L 20.00061 28.74939 "
        transform="matrix(2.133333, 0, 0, 2.133333, 0, 0)"
      ></path>
    </svg>
  `},mic:function({className:n}){return B`
    <svg
      className=${n}
      xmlns="http://www.w3.org/2000/svg"
      fill="none"
      stroke="currentColor"
      strokeWidth="2"
      strokeLinecap="round"
      strokeLinejoin="round"
      viewBox="0 0 64 64"
      height="24px"
      width="24px"
    >
      <path
        fillRule="nonzero"
        fill="currentColor"
        fillOpacity="1"
        strokeWidth="2"
        strokeLinecap="round"
        strokeLinejoin="round"
        stroke="currentColor"
        strokeOpacity="1"
        strokeMiterlimit="4"
        d="M 15 1.25061 C 14.005737 1.25061 13.051758 1.644287 12.348633 2.349243 C 11.645508 3.052368 11.25 4.006348 11.25 5.00061 L 11.25 15 C 11.25 15.994263 11.645508 16.948242 12.348633 17.651367 C 13.051758 18.354492 14.005737 18.75 15 18.75 C 15.994263 18.75 16.948242 18.354492 17.651367 17.651367 C 18.354492 16.948242 18.75 15.994263 18.75 15 L 18.75 5.00061 C 18.75 4.006348 18.354492 3.052368 17.651367 2.349243 C 16.948242 1.644287 15.994263 1.25061 15 1.25061 Z M 15 1.25061 "
        transform="matrix(2.133333, 0, 0, 2.133333, 0, 0)"
      ></path>
      <path
        fill="none"
        strokeWidth="2"
        strokeLinecap="round"
        strokeLinejoin="round"
        stroke="currentColor"
        strokeOpacity="1"
        strokeMiterlimit="4"
        d="M 23.75061 12.50061 L 23.75061 15 C 23.75061 17.319946 22.827759 19.546509 21.187134 21.187134 C 19.546509 22.827759 17.319946 23.75061 15 23.75061 C 12.680054 23.75061 10.453491 22.827759 8.812866 21.187134 C 7.172241 19.546509 6.24939 17.319946 6.24939 15 L 6.24939 12.50061 "
        transform="matrix(2.133333, 0, 0, 2.133333, 0, 0)"
      ></path>
      <path
        fill="none"
        strokeWidth="2"
        strokeLinecap="round"
        strokeLinejoin="round"
        stroke="currentColor"
        strokeOpacity="1"
        strokeMiterlimit="4"
        d="M 15 23.75061 L 15 28.74939 "
        transform="matrix(2.133333, 0, 0, 2.133333, 0, 0)"
      ></path>
      <path
        fill="none"
        strokeWidth="2"
        strokeLinecap="round"
        strokeLinejoin="round"
        stroke="currentColor"
        strokeOpacity="1"
        strokeMiterlimit="4"
        d="M 9.99939 28.74939 L 20.00061 28.74939 "
        transform="matrix(2.133333, 0, 0, 2.133333, 0, 0)"
      ></path>
    </svg>
  `},stop:function({className:n}){return B`
    <svg
      className=${n}
      xmlns="http://www.w3.org/2000/svg"
      fill="none"
      stroke="currentColor"
      strokeWidth="2"
      strokeLinecap="round"
      strokeLinejoin="round"
      viewBox="0 0 64 64"
      height="24px"
      width="24px"
    >
      <path
        d="M 54.628906 9.371094 C 48.582031 3.328125 40.546875 0 32 0 C 23.453125 0 15.417969 3.328125 9.371094 9.371094 C 3.328125 15.417969 0 23.453125 0 32 C 0 40.546875 3.328125 48.582031 9.371094 54.628906 C 15.417969 60.671875 23.453125 64 32 64 C 40.546875 64 48.582031 60.671875 54.628906 54.628906 C 60.671875 48.582031 64 40.546875 64 32 C 64 23.453125 60.671875 15.417969 54.628906 9.371094 Z M 32 60.042969 C 16.539062 60.042969 3.957031 47.460938 3.957031 32 C 3.957031 16.539062 16.539062 3.957031 32 3.957031 C 47.460938 3.957031 60.042969 16.539062 60.042969 32 C 60.042969 47.460938 47.460938 60.042969 32 60.042969 Z M 32 60.042969 "
        fill="currentColor"
      ></path>
      <path
        d="M 18.472656 18.472656 L 45.527344 18.472656 L 45.527344 45.527344 L 18.472656 45.527344 Z M 18.472656 18.472656 "
        fill="currentColor"
      ></path>
    </svg>
  `},download:function({className:n}){return B`
    <svg
      className=${n}
      xmlns="http://www.w3.org/2000/svg"
      fill="none"
      stroke="currentColor"
      strokeWidth="1"
      strokeLinecap="round"
      strokeLinejoin="round"
      viewBox="0 0 34 34"
      height="24px"
      width="24px"
    >
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M17 9C17.6443 9 18.1667 9.52672 18.1667 10.1765V19.9988L22.0116 16.1516C22.469 15.694 23.2077 15.6969 23.6615 16.1581C24.1153 16.6193 24.1125 17.3642 23.6551 17.8219L17.8217 23.6586C17.3669 24.1138 16.6331 24.1138 16.1783 23.6586L10.3449 17.8219C9.88754 17.3642 9.88467 16.6193 10.3385 16.1581C10.7923 15.6969 11.531 15.694 11.9884 16.1516L15.8333 19.9988V10.1765C15.8333 9.52672 16.3557 9 17 9Z"
        fill="currentColor"
      ></path>
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M2 16C2 7.71852 8.71852 1 17 1C25.2815 1 32 7.71852 32 16C32 24.2815 25.2815 31 17 31C8.71852 31 2 24.2815 2 16ZM17 3.30769C9.99302 3.30769 4.30769 8.99302 4.30769 16C4.30769 23.007 9.99302 28.6923 17 28.6923C24.007 28.6923 29.6923 23.007 29.6923 16C29.6923 8.99302 24.007 3.30769 17 3.30769Z"
        fill="currentColor"
      ></path>
    </svg>
  `},location:function({className:n}){return B`
    <svg
      className=${n}
      xmlns="http://www.w3.org/2000/svg"
      fill="none"
      stroke="currentColor"
      strokeWidth="2"
      strokeLinecap="round"
      strokeLinejoin="round"
      viewBox="0 0 24 24"
      height="24px"
      width="24px"
    >
      <path
        fill="none"
        d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"
      ></path>
      <circle fill="none" cx="12" cy="10" r="3"></circle>
    </svg>
  `},email:function({className:n}){return B`
    <svg
      className=${n}
      xmlns="http://www.w3.org/2000/svg"
      fill="none"
      strokeWidth="2"
      strokeLinecap="round"
      strokeLinejoin="round"
      viewBox="0 0 16 16"
      height="24px"
      width="24px"
    >
      <path
        d="M4 3C3.46957 3 2.96086 3.21071 2.58579 3.58579C2.21071 3.96086 2 4.46957 2 5V5.201L8 8.432L14 5.202V5C14 4.46957 13.7893 3.96086 13.4142 3.58579C13.0391 3.21071 12.5304 3 12 3H4Z"
        fill="currentColor"
      ></path>
      <path
        d="M14 6.33704L8.237 9.44004C8.16416 9.47925 8.08273 9.49977 8 9.49977C7.91727 9.49977 7.83584 9.47925 7.763 9.44004L2 6.33704V11C2 11.5305 2.21071 12.0392 2.58579 12.4142C2.96086 12.7893 3.46957 13 4 13H12C12.5304 13 13.0391 12.7893 13.4142 12.4142C13.7893 12.0392 14 11.5305 14 11V6.33704Z"
        fill="currentColor"
      ></path>
    </svg>
  `},movie:function({className:n}){return B`
    <svg
      className=${n}
      xmlns="http://www.w3.org/2000/svg"
      fill="none"
      stroke="currentColor"
      strokeWidth="2"
      strokeLinecap="round"
      strokeLinejoin="round"
      viewBox="0 0 24 24"
      height="24px"
      width="24px"
    >
      <polygon points="23 7 16 12 23 17 23 7" fill="none"></polygon>
      <rect x="1" y="5" width="15" height="14" rx="2" ry="2" fill="none"></rect>
    </svg>
  `},image:function({className:n}){return B`
    <svg
      className=${n}
      xmlns="http://www.w3.org/2000/svg"
      fill="none"
      stroke="currentColor"
      strokeWidth="2"
      strokeLinecap="round"
      strokeLinejoin="round"
      viewBox="0 0 24 24"
      height="24px"
      width="24px"
    >
      <rect x="3" y="3" fill="none" width="18" height="18" rx="2" ry="2"></rect>
      <circle cx="8.5" cy="8.5" r="1.5"></circle>
      <polyline points="21 15 16 10 5 21" fill="none"></polyline>
    </svg>
  `},attachment:function({className:n}){return B`
    <svg
      className=${n}
      xmlns="http://www.w3.org/2000/svg"
      fill="none"
      stroke="currentColor"
      strokeWidth="2"
      strokeLinecap="round"
      strokeLinejoin="round"
      viewBox="0 0 24 24"
      height="24px"
      width="24px"
    >
      <path
        fill="none"
        d="M21.44 11.05l-9.19 9.19a6 6 0 0 1-8.49-8.49l9.19-9.19a4 4 0 0 1 5.66 5.66l-9.2 9.19a2 2 0 0 1-2.83-2.83l8.49-8.48"
      ></path>
    </svg>
  `},horizontalDots:function({className:n}){return B`
    <svg
      className=${n}
      xmlns="http://www.w3.org/2000/svg"
      fill="none"
      stroke="currentColor"
      strokeWidth="1"
      strokeLinecap="round"
      strokeLinejoin="round"
      viewBox="0 0 16 16"
      height="24px"
      width="24px"
    >
      <circle fill="currentColor" cx="2" cy="8" r="1"></circle>
      <circle fill="currentColor" cx="8" cy="8" r="1"></circle>
      <circle fill="currentColor" cx="14" cy="8" r="1"></circle>
    </svg>
  `},verticalDots:function({className:n}){return B`
    <svg
      className=${n}
      xmlns="http://www.w3.org/2000/svg"
      fill="none"
      stroke="currentColor"
      strokeWidth="1"
      strokeLinecap="round"
      strokeLinejoin="round"
      viewBox="0 0 16 16"
      height="24px"
      width="24px"
    >
      <circle fill="currentColor" cx="8" cy="4" r="1"></circle>
      <circle fill="currentColor" cx="8" cy="8" r="1"></circle>
      <circle fill="currentColor" cx="8" cy="12" r="1"></circle>
    </svg>
  `},reply:function({className:n}){return B`
    <svg
      className=${n}
      xmlns="http://www.w3.org/2000/svg"
      fill="none"
      stroke="currentColor"
      strokeWidth="2"
      strokeLinecap="round"
      strokeLinejoin="round"
      viewBox="0 0 365.61 285.686"
      height="24px"
      width="24px"
    >
      <path
        opacity="1"
        fill="currentColor"
        fillOpacity="1"
        stroke="currentColor"
        strokeWidth="20.00000191"
        strokeLinecap="round"
        strokeLinejoin="round"
        strokeMiterlimit="4"
        strokeDasharray="none"
        strokeOpacity="1"
        d="M38.6 202.285v-30.656c-41.89-4.634-128.643-3.207-207.204 76.436C-137.337 132.47-100.573 84.491 38.6 43.487v-61.112l69.262 62.334c38.094 34.283 69.342 62.556 69.44 62.829.098.272-30.4