@web-site-utilities/feedback 0.0.9 → 0.0.10

package/dist/index.iife.js

@@ -1,5 +1,1224 @@
-var SiteUtilsFeedback=(function(pe,s,lo){"use strict";var ut={},Tr;function co(){if(Tr)return ut;Tr=1;var e=lo;return ut.createRoot=e.createRoot,ut.hydrateRoot=e.hydrateRoot,ut}var uo=co(),W=function(){return W=Object.assign||function(t){for(var r,n=1,o=arguments.length;n<o;n++){r=arguments[n];for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&(t[a]=r[a])}return t},W.apply(this,arguments)};function dt(e,t,r){if(r||arguments.length===2)for(var n=0,o=t.length,a;n<o;n++)(a||!(n in t))&&(a||(a=Array.prototype.slice.call(t,0,n)),a[n]=t[n]);return e.concat(a||Array.prototype.slice.call(t))}typeof SuppressedError=="function"&&SuppressedError;var k="-ms-",qe="-moz-",C="-webkit-",wr="comm",mt="rule",Bt="decl",mo="@import",xr="@keyframes",fo="@layer",Cr=Math.abs,Ut=String.fromCharCode,Vt=Object.assign;function ho(e,t){return z(e,0)^45?(((t<<2^z(e,0))<<2^z(e,1))<<2^z(e,2))<<2^z(e,3):0}function Ar(e){return e.trim()}function ue(e,t){return(e=t.exec(e))?e[0]:e}function g(e,t,r){return e.replace(t,r)}function ft(e,t,r){return e.indexOf(t,r)}function z(e,t){return e.charCodeAt(t)|0}function Pe(e,t,r){return e.slice(t,r)}function ae(e){return e.length}function _r(e){return e.length}function Ke(e,t){return t.push(e),e}function po(e,t){return e.map(t).join("")}function Ir(e,t){return e.filter(function(r){return!ue(r,t)})}var ht=1,Oe=1,kr=0,Z=0,L=0,Ne="";function pt(e,t,r,n,o,a,l,d){return{value:e,root:t,parent:r,type:n,props:o,children:a,line:ht,column:Oe,length:l,return:"",siblings:d}}function ge(e,t){return Vt(pt("",null,null,"",null,null,0,e.siblings),e,{length:-e.length},t)}function $e(e){for(;e.root;)e=ge(e.root,{children:[e]});Ke(e,e.siblings)}function go(){return L}function bo(){return L=Z>0?z(Ne,--Z):0,Oe--,L===10&&(Oe=1,ht--),L}function J(){return L=Z<kr?z(Ne,Z++):0,Oe++,L===10&&(Oe=1,ht++),L}function Ee(){return z(Ne,Z)}function gt(){return Z}function bt(e,t){return Pe(Ne,e,t)}function Wt(e){switch(e){case 0:case 9:case 10:case 13:case 32:return 5;case 33:case 43:case 44:case 47:case 62:case 64:case 126:case 59:case 123:case 125:return 4;case 58:return 3;case 34:case 39:case 40:case 91:return 2;case 41:case 93:return 1}return 0}function yo(e){return ht=Oe=1,kr=ae(Ne=e),Z=0,[]}function vo(e){return Ne="",e}function Ht(e){return Ar(bt(Z-1,Gt(e===91?e+2:e===40?e+1:e)))}function Eo(e){for(;(L=Ee())&&L<33;)J();return Wt(e)>2||Wt(L)>3?"":" "}function So(e,t){for(;--t&&J()&&!(L<48||L>102||L>57&&L<65||L>70&&L<97););return bt(e,gt()+(t<6&&Ee()==32&&J()==32))}function Gt(e){for(;J();)switch(L){case e:return Z;case 34:case 39:e!==34&&e!==39&&Gt(L);break;case 40:e===41&&Gt(e);break;case 92:J();break}return Z}function To(e,t){for(;J()&&e+L!==57;)if(e+L===84&&Ee()===47)break;return"/*"+bt(t,Z-1)+"*"+Ut(e===47?e:J())}function wo(e){for(;!Wt(Ee());)J();return bt(e,Z)}function xo(e){return vo(yt("",null,null,null,[""],e=yo(e),0,[0],e))}function yt(e,t,r,n,o,a,l,d,u){for(var f=0,p=0,T=l,w=0,S=0,A=0,D=1,q=1,M=1,O=0,_="",y=o,P=a,x=n,v=_;q;)switch(A=O,O=J()){case 40:if(A!=108&&z(v,T-1)==58){ft(v+=g(Ht(O),"&","&\f"),"&\f",Cr(f?d[f-1]:0))!=-1&&(M=-1);break}case 34:case 39:case 91:v+=Ht(O);break;case 9:case 10:case 13:case 32:v+=Eo(A);break;case 92:v+=So(gt()-1,7);continue;case 47:switch(Ee()){case 42:case 47:Ke(Co(To(J(),gt()),t,r,u),u);break;default:v+="/"}break;case 123*D:d[f++]=ae(v)*M;case 125*D:case 59:case 0:switch(O){case 0:case 125:q=0;case 59+p:M==-1&&(v=g(v,/\f/g,"")),S>0&&ae(v)-T&&Ke(S>32?Or(v+";",n,r,T-1,u):Or(g(v," ","")+";",n,r,T-2,u),u);break;case 59:v+=";";default:if(Ke(x=Pr(v,t,r,f,p,o,d,_,y=[],P=[],T,a),a),O===123)if(p===0)yt(v,t,x,x,y,a,T,d,P);else switch(w===99&&z(v,3)===110?100:w){case 100:case 108:case 109:case 115:yt(e,x,x,n&&Ke(Pr(e,x,x,0,0,o,d,_,o,y=[],T,P),P),o,P,T,d,n?y:P);break;default:yt(v,x,x,x,[""],P,0,d,P)}}f=p=S=0,D=M=1,_=v="",T=l;break;case 58:T=1+ae(v),S=A;default:if(D<1){if(O==123)--D;else if(O==125&&D++==0&&bo()==125)continue}switch(v+=Ut(O),O*D){case 38:M=p>0?1:(v+="\f",-1);break;case 44:d[f++]=(ae(v)-1)*M,M=1;break;case 64:Ee()===45&&(v+=Ht(J())),w=Ee(),p=T=ae(_=v+=wo(gt())),O++;break;case 45:A===45&&ae(v)==2&&(D=0)}}return a}function Pr(e,t,r,n,o,a,l,d,u,f,p,T){for(var w=o-1,S=o===0?a:[""],A=_r(S),D=0,q=0,M=0;D<n;++D)for(var O=0,_=Pe(e,w+1,w=Cr(q=l[D])),y=e;O<A;++O)(y=Ar(q>0?S[O]+" "+_:g(_,/&\f/g,S[O])))&&(u[M++]=y);return pt(e,t,r,o===0?mt:d,u,f,p,T)}function Co(e,t,r,n){return pt(e,t,r,wr,Ut(go()),Pe(e,2,-2),0,n)}function Or(e,t,r,n,o){return pt(e,t,r,Bt,Pe(e,0,n),Pe(e,n+1,-1),n,o)}function Nr(e,t,r){switch(ho(e,t)){case 5103:return C+"print-"+e+e;case 5737:case 4201:case 3177:case 3433:case 1641:case 4457:case 2921:case 5572:case 6356:case 5844:case 3191:case 6645:case 3005:case 6391:case 5879:case 5623:case 6135:case 4599:case 4855:case 4215:case 6389:case 5109:case 5365:case 5621:case 3829:return C+e+e;case 4789:return qe+e+e;case 5349:case 4246:case 4810:case 6968:case 2756:return C+e+qe+e+k+e+e;case 5936:switch(z(e,t+11)){case 114:return C+e+k+g(e,/[svh]\w+-[tblr]{2}/,"tb")+e;case 108:return C+e+k+g(e,/[svh]\w+-[tblr]{2}/,"tb-rl")+e;case 45:return C+e+k+g(e,/[svh]\w+-[tblr]{2}/,"lr")+e}case 6828:case 4268:case 2903:return C+e+k+e+e;case 6165:return C+e+k+"flex-"+e+e;case 5187:return C+e+g(e,/(\w+).+(:[^]+)/,C+"box-$1$2"+k+"flex-$1$2")+e;case 5443:return C+e+k+"flex-item-"+g(e,/flex-|-self/g,"")+(ue(e,/flex-|baseline/)?"":k+"grid-row-"+g(e,/flex-|-self/g,""))+e;case 4675:return C+e+k+"flex-line-pack"+g(e,/align-content|flex-|-self/g,"")+e;case 5548:return C+e+k+g(e,"shrink","negative")+e;case 5292:return C+e+k+g(e,"basis","preferred-size")+e;case 6060:return C+"box-"+g(e,"-grow","")+C+e+k+g(e,"grow","positive")+e;case 4554:return C+g(e,/([^-])(transform)/g,"$1"+C+"$2")+e;case 6187:return g(g(g(e,/(zoom-|grab)/,C+"$1"),/(image-set)/,C+"$1"),e,"")+e;case 5495:case 3959:return g(e,/(image-set\([^]*)/,C+"$1$`$1");case 4968:return g(g(e,/(.+:)(flex-)?(.*)/,C+"box-pack:$3"+k+"flex-pack:$3"),/s.+-b[^;]+/,"justify")+C+e+e;case 4200:if(!ue(e,/flex-|baseline/))return k+"grid-column-align"+Pe(e,t)+e;break;case 2592:case 3360:return k+g(e,"template-","")+e;case 4384:case 3616:return r&&r.some(function(n,o){return t=o,ue(n.props,/grid-\w+-end/)})?~ft(e+(r=r[t].value),"span",0)?e:k+g(e,"-start","")+e+k+"grid-row-span:"+(~ft(r,"span",0)?ue(r,/\d+/):+ue(r,/\d+/)-+ue(e,/\d+/))+";":k+g(e,"-start","")+e;case 4896:case 4128:return r&&r.some(function(n){return ue(n.props,/grid-\w+-start/)})?e:k+g(g(e,"-end","-span"),"span ","")+e;case 4095:case 3583:case 4068:case 2532:return g(e,/(.+)-inline(.+)/,C+"$1$2")+e;case 8116:case 7059:case 5753:case 5535:case 5445:case 5701:case 4933:case 4677:case 5533:case 5789:case 5021:case 4765:if(ae(e)-1-t>6)switch(z(e,t+1)){case 109:if(z(e,t+4)!==45)break;case 102:return g(e,/(.+:)(.+)-([^]+)/,"$1"+C+"$2-$3$1"+qe+(z(e,t+3)==108?"$3":"$2-$3"))+e;case 115:return~ft(e,"stretch",0)?Nr(g(e,"stretch","fill-available"),t,r)+e:e}break;case 5152:case 5920:return g(e,/(.+?):(\d+)(\s*\/\s*(span)?\s*(\d+))?(.*)/,function(n,o,a,l,d,u,f){return k+o+":"+a+f+(l?k+o+"-span:"+(d?u:+u-+a)+f:"")+e});case 4949:if(z(e,t+6)===121)return g(e,":",":"+C)+e;break;case 6444:switch(z(e,z(e,14)===45?18:11)){case 120:return g(e,/(.+:)([^;\s!]+)(;|(\s+)?!.+)?/,"$1"+C+(z(e,14)===45?"inline-":"")+"box$3$1"+C+"$2$3$1"+k+"$2box$3")+e;case 100:return g(e,":",":"+k)+e}break;case 5719:case 2647:case 2135:case 3927:case 2391:return g(e,"scroll-","scroll-snap-")+e}return e}function vt(e,t){for(var r="",n=0;n<e.length;n++)r+=t(e[n],n,e,t)||"";return r}function Ao(e,t,r,n){switch(e.type){case fo:if(e.children.length)break;case mo:case Bt:return e.return=e.return||e.value;case wr:return"";case xr:return e.return=e.value+"{"+vt(e.children,n)+"}";case mt:if(!ae(e.value=e.props.join(",")))return""}return ae(r=vt(e.children,n))?e.return=e.value+"{"+r+"}":""}function _o(e){var t=_r(e);return function(r,n,o,a){for(var l="",d=0;d<t;d++)l+=e[d](r,n,o,a)||"";return l}}function Io(e){return function(t){t.root||(t=t.return)&&e(t)}}function ko(e,t,r,n){if(e.length>-1&&!e.return)switch(e.type){case Bt:e.return=Nr(e.value,e.length,r);return;case xr:return vt([ge(e,{value:g(e.value,"@","@"+C)})],n);case mt:if(e.length)return po(r=e.props,function(o){switch(ue(o,n=/(::plac\w+|:read-\w+)/)){case":read-only":case":read-write":$e(ge(e,{props:[g(o,/:(read-\w+)/,":"+qe+"$1")]})),$e(ge(e,{props:[o]})),Vt(e,{props:Ir(r,n)});break;case"::placeholder":$e(ge(e,{props:[g(o,/:(plac\w+)/,":"+C+"input-$1")]})),$e(ge(e,{props:[g(o,/:(plac\w+)/,":"+qe+"$1")]})),$e(ge(e,{props:[g(o,/:(plac\w+)/,k+"input-$1")]})),$e(ge(e,{props:[o]})),Vt(e,{props:Ir(r,n)});break}return""})}}var Po={animationIterationCount:1,aspectRatio:1,borderImageOutset:1,borderImageSlice:1,borderImageWidth:1,boxFlex:1,boxFlexGroup:1,boxOrdinalGroup:1,columnCount:1,columns:1,flex:1,flexGrow:1,flexPositive:1,flexShrink:1,flexNegative:1,flexOrder:1,gridRow:1,gridRowEnd:1,gridRowSpan:1,gridRowStart:1,gridColumn:1,gridColumnEnd:1,gridColumnSpan:1,gridColumnStart:1,msGridRow:1,msGridRowSpan:1,msGridColumn:1,msGridColumnSpan:1,fontWeight:1,lineHeight:1,opacity:1,order:1,orphans:1,tabSize:1,widows:1,zIndex:1,zoom:1,WebkitLineClamp:1,fillOpacity:1,floodOpacity:1,stopOpacity:1,strokeDasharray:1,strokeDashoffset:1,strokeMiterlimit:1,strokeOpacity:1,strokeWidth:1},De=typeof process<"u"&&process.env!==void 0&&(process.env.REACT_APP_SC_ATTR||process.env.SC_ATTR)||"data-styled",$r="active",Dr="data-styled-version",Et="6.1.19",jt=`/*!sc*/
-`,St=typeof window<"u"&&typeof document<"u",Oo=!!(typeof SC_DISABLE_SPEEDY=="boolean"?SC_DISABLE_SPEEDY:typeof process<"u"&&process.env!==void 0&&process.env.REACT_APP_SC_DISABLE_SPEEDY!==void 0&&process.env.REACT_APP_SC_DISABLE_SPEEDY!==""?process.env.REACT_APP_SC_DISABLE_SPEEDY!=="false"&&process.env.REACT_APP_SC_DISABLE_SPEEDY:typeof process<"u"&&process.env!==void 0&&process.env.SC_DISABLE_SPEEDY!==void 0&&process.env.SC_DISABLE_SPEEDY!==""&&process.env.SC_DISABLE_SPEEDY!=="false"&&process.env.SC_DISABLE_SPEEDY),Tt=Object.freeze([]),Me=Object.freeze({});function No(e,t,r){return r===void 0&&(r=Me),e.theme!==r.theme&&e.theme||t||r.theme}var Mr=new Set(["a","abbr","address","area","article","aside","audio","b","base","bdi","bdo","big","blockquote","body","br","button","canvas","caption","cite","code","col","colgroup","data","datalist","dd","del","details","dfn","dialog","div","dl","dt","em","embed","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","header","hgroup","hr","html","i","iframe","img","input","ins","kbd","keygen","label","legend","li","link","main","map","mark","menu","menuitem","meta","meter","nav","noscript","object","ol","optgroup","option","output","p","param","picture","pre","progress","q","rp","rt","ruby","s","samp","script","section","select","small","source","span","strong","style","sub","summary","sup","table","tbody","td","textarea","tfoot","th","thead","time","tr","track","u","ul","use","var","video","wbr","circle","clipPath","defs","ellipse","foreignObject","g","image","line","linearGradient","marker","mask","path","pattern","polygon","polyline","radialGradient","rect","stop","svg","text","tspan"]),$o=/[!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~-]+/g,Do=/(^-|-$)/g;function Lr(e){return e.replace($o,"-").replace(Do,"")}var Mo=/(a)(d)/gi,wt=52,Fr=function(e){return String.fromCharCode(e+(e>25?39:97))};function Yt(e){var t,r="";for(t=Math.abs(e);t>wt;t=t/wt|0)r=Fr(t%wt)+r;return(Fr(t%wt)+r).replace(Mo,"$1-$2")}var qt,Rr=5381,Le=function(e,t){for(var r=t.length;r;)e=33*e^t.charCodeAt(--r);return e},zr=function(e){return Le(Rr,e)};function Lo(e){return Yt(zr(e)>>>0)}function Fo(e){return e.displayName||e.name||"Component"}function Kt(e){return typeof e=="string"&&!0}var Br=typeof Symbol=="function"&&Symbol.for,Ur=Br?Symbol.for("react.memo"):60115,Ro=Br?Symbol.for("react.forward_ref"):60112,zo={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},Bo={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},Vr={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},Uo=((qt={})[Ro]={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},qt[Ur]=Vr,qt);function Wr(e){return("type"in(t=e)&&t.type.$$typeof)===Ur?Vr:"$$typeof"in e?Uo[e.$$typeof]:zo;var t}var Vo=Object.defineProperty,Wo=Object.getOwnPropertyNames,Hr=Object.getOwnPropertySymbols,Ho=Object.getOwnPropertyDescriptor,Go=Object.getPrototypeOf,Gr=Object.prototype;function jr(e,t,r){if(typeof t!="string"){if(Gr){var n=Go(t);n&&n!==Gr&&jr(e,n,r)}var o=Wo(t);Hr&&(o=o.concat(Hr(t)));for(var a=Wr(e),l=Wr(t),d=0;d<o.length;++d){var u=o[d];if(!(u in Bo||r&&r[u]||l&&u in l||a&&u in a)){var f=Ho(t,u);try{Vo(e,u,f)}catch{}}}}return e}function Se(e){return typeof e=="function"}function Xt(e){return typeof e=="object"&&"styledComponentId"in e}function Te(e,t){return e&&t?"".concat(e," ").concat(t):e||t||""}function Yr(e,t){if(e.length===0)return"";for(var r=e[0],n=1;n<e.length;n++)r+=e[n];return r}function Xe(e){return e!==null&&typeof e=="object"&&e.constructor.name===Object.name&&!("props"in e&&e.$$typeof)}function Zt(e,t,r){if(r===void 0&&(r=!1),!r&&!Xe(e)&&!Array.isArray(e))return t;if(Array.isArray(t))for(var n=0;n<t.length;n++)e[n]=Zt(e[n],t[n]);else if(Xe(t))for(var n in t)e[n]=Zt(e[n],t[n]);return e}function Qt(e,t){Object.defineProperty(e,"toString",{value:t})}function we(e){for(var t=[],r=1;r<arguments.length;r++)t[r-1]=arguments[r];return new Error("An error occurred. See https://github.com/styled-components/styled-components/blob/main/packages/styled-components/src/utils/errors.md#".concat(e," for more information.").concat(t.length>0?" Args: ".concat(t.join(", ")):""))}var jo=(function(){function e(t){this.groupSizes=new Uint32Array(512),this.length=512,this.tag=t}return e.prototype.indexOfGroup=function(t){for(var r=0,n=0;n<t;n++)r+=this.groupSizes[n];return r},e.prototype.insertRules=function(t,r){if(t>=this.groupSizes.length){for(var n=this.groupSizes,o=n.length,a=o;t>=a;)if((a<<=1)<0)throw we(16,"".concat(t));this.groupSizes=new Uint32Array(a),this.groupSizes.set(n),this.length=a;for(var l=o;l<a;l++)this.groupSizes[l]=0}for(var d=this.indexOfGroup(t+1),u=(l=0,r.length);l<u;l++)this.tag.insertRule(d,r[l])&&(this.groupSizes[t]++,d++)},e.prototype.clearGroup=function(t){if(t<this.length){var r=this.groupSizes[t],n=this.indexOfGroup(t),o=n+r;this.groupSizes[t]=0;for(var a=n;a<o;a++)this.tag.deleteRule(n)}},e.prototype.getGroup=function(t){var r="";if(t>=this.length||this.groupSizes[t]===0)return r;for(var n=this.groupSizes[t],o=this.indexOfGroup(t),a=o+n,l=o;l<a;l++)r+="".concat(this.tag.getRule(l)).concat(jt);return r},e})(),xt=new Map,Ct=new Map,At=1,_t=function(e){if(xt.has(e))return xt.get(e);for(;Ct.has(At);)At++;var t=At++;return xt.set(e,t),Ct.set(t,e),t},Yo=function(e,t){At=t+1,xt.set(e,t),Ct.set(t,e)},qo="style[".concat(De,"][").concat(Dr,'="').concat(Et,'"]'),Ko=new RegExp("^".concat(De,'\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)')),Xo=function(e,t,r){for(var n,o=r.split(","),a=0,l=o.length;a<l;a++)(n=o[a])&&e.registerName(t,n)},Zo=function(e,t){for(var r,n=((r=t.textContent)!==null&&r!==void 0?r:"").split(jt),o=[],a=0,l=n.length;a<l;a++){var d=n[a].trim();if(d){var u=d.match(Ko);if(u){var f=0|parseInt(u[1],10),p=u[2];f!==0&&(Yo(p,f),Xo(e,p,u[3]),e.getTag().insertRules(f,o)),o.length=0}else o.push(d)}}},qr=function(e){for(var t=document.querySelectorAll(qo),r=0,n=t.length;r<n;r++){var o=t[r];o&&o.getAttribute(De)!==$r&&(Zo(e,o),o.parentNode&&o.parentNode.removeChild(o))}};function Qo(){return typeof __webpack_nonce__<"u"?__webpack_nonce__:null}var Kr=function(e){var t=document.head,r=e||t,n=document.createElement("style"),o=(function(d){var u=Array.from(d.querySelectorAll("style[".concat(De,"]")));return u[u.length-1]})(r),a=o!==void 0?o.nextSibling:null;n.setAttribute(De,$r),n.setAttribute(Dr,Et);var l=Qo();return l&&n.setAttribute("nonce",l),r.insertBefore(n,a),n},Jo=(function(){function e(t){this.element=Kr(t),this.element.appendChild(document.createTextNode("")),this.sheet=(function(r){if(r.sheet)return r.sheet;for(var n=document.styleSheets,o=0,a=n.length;o<a;o++){var l=n[o];if(l.ownerNode===r)return l}throw we(17)})(this.element),this.length=0}return e.prototype.insertRule=function(t,r){try{return this.sheet.insertRule(r,t),this.length++,!0}catch{return!1}},e.prototype.deleteRule=function(t){this.sheet.deleteRule(t),this.length--},e.prototype.getRule=function(t){var r=this.sheet.cssRules[t];return r&&r.cssText?r.cssText:""},e})(),ei=(function(){function e(t){this.element=Kr(t),this.nodes=this.element.childNodes,this.length=0}return e.prototype.insertRule=function(t,r){if(t<=this.length&&t>=0){var n=document.createTextNode(r);return this.element.insertBefore(n,this.nodes[t]||null),this.length++,!0}return!1},e.prototype.deleteRule=function(t){this.element.removeChild(this.nodes[t]),this.length--},e.prototype.getRule=function(t){return t<this.length?this.nodes[t].textContent:""},e})(),ti=(function(){function e(t){this.rules=[],this.length=0}return e.prototype.insertRule=function(t,r){return t<=this.length&&(this.rules.splice(t,0,r),this.length++,!0)},e.prototype.deleteRule=function(t){this.rules.splice(t,1),this.length--},e.prototype.getRule=function(t){return t<this.length?this.rules[t]:""},e})(),Xr=St,ri={isServer:!St,useCSSOMInjection:!Oo},Zr=(function(){function e(t,r,n){t===void 0&&(t=Me),r===void 0&&(r={});var o=this;this.options=W(W({},ri),t),this.gs=r,this.names=new Map(n),this.server=!!t.isServer,!this.server&&St&&Xr&&(Xr=!1,qr(this)),Qt(this,function(){return(function(a){for(var l=a.getTag(),d=l.length,u="",f=function(T){var w=(function(M){return Ct.get(M)})(T);if(w===void 0)return"continue";var S=a.names.get(w),A=l.getGroup(T);if(S===void 0||!S.size||A.length===0)return"continue";var D="".concat(De,".g").concat(T,'[id="').concat(w,'"]'),q="";S!==void 0&&S.forEach(function(M){M.length>0&&(q+="".concat(M,","))}),u+="".concat(A).concat(D,'{content:"').concat(q,'"}').concat(jt)},p=0;p<d;p++)f(p);return u})(o)})}return e.registerId=function(t){return _t(t)},e.prototype.rehydrate=function(){!this.server&&St&&qr(this)},e.prototype.reconstructWithOptions=function(t,r){return r===void 0&&(r=!0),new e(W(W({},this.options),t),this.gs,r&&this.names||void 0)},e.prototype.allocateGSInstance=function(t){return this.gs[t]=(this.gs[t]||0)+1},e.prototype.getTag=function(){return this.tag||(this.tag=(t=(function(r){var n=r.useCSSOMInjection,o=r.target;return r.isServer?new ti(o):n?new Jo(o):new ei(o)})(this.options),new jo(t)));var t},e.prototype.hasNameForId=function(t,r){return this.names.has(t)&&this.names.get(t).has(r)},e.prototype.registerName=function(t,r){if(_t(t),this.names.has(t))this.names.get(t).add(r);else{var n=new Set;n.add(r),this.names.set(t,n)}},e.prototype.insertRules=function(t,r,n){this.registerName(t,r),this.getTag().insertRules(_t(t),n)},e.prototype.clearNames=function(t){this.names.has(t)&&this.names.get(t).clear()},e.prototype.clearRules=function(t){this.getTag().clearGroup(_t(t)),this.clearNames(t)},e.prototype.clearTag=function(){this.tag=void 0},e})(),ni=/&/g,oi=/^\s*\/\/.*$/gm;function Qr(e,t){return e.map(function(r){return r.type==="rule"&&(r.value="".concat(t," ").concat(r.value),r.value=r.value.replaceAll(",",",".concat(t," ")),r.props=r.props.map(function(n){return"".concat(t," ").concat(n)})),Array.isArray(r.children)&&r.type!=="@keyframes"&&(r.children=Qr(r.children,t)),r})}function ii(e){var t,r,n,o=Me,a=o.options,l=a===void 0?Me:a,d=o.plugins,u=d===void 0?Tt:d,f=function(w,S,A){return A.startsWith(r)&&A.endsWith(r)&&A.replaceAll(r,"").length>0?".".concat(t):w},p=u.slice();p.push(function(w){w.type===mt&&w.value.includes("&")&&(w.props[0]=w.props[0].replace(ni,r).replace(n,f))}),l.prefix&&p.push(ko),p.push(Ao);var T=function(w,S,A,D){S===void 0&&(S=""),A===void 0&&(A=""),D===void 0&&(D="&"),t=D,r=S,n=new RegExp("\\".concat(r,"\\b"),"g");var q=w.replace(oi,""),M=xo(A||S?"".concat(A," ").concat(S," { ").concat(q," }"):q);l.namespace&&(M=Qr(M,l.namespace));var O=[];return vt(M,_o(p.concat(Io(function(_){return O.push(_)})))),O};return T.hash=u.length?u.reduce(function(w,S){return S.name||we(15),Le(w,S.name)},Rr).toString():"",T}var ai=new Zr,Jt=ii(),Jr=s.createContext({shouldForwardProp:void 0,styleSheet:ai,stylis:Jt});Jr.Consumer,s.createContext(void 0);function en(){return s.useContext(Jr)}var si=(function(){function e(t,r){var n=this;this.inject=function(o,a){a===void 0&&(a=Jt);var l=n.name+a.hash;o.hasNameForId(n.id,l)||o.insertRules(n.id,l,a(n.rules,l,"@keyframes"))},this.name=t,this.id="sc-keyframes-".concat(t),this.rules=r,Qt(this,function(){throw we(12,String(n.name))})}return e.prototype.getName=function(t){return t===void 0&&(t=Jt),this.name+t.hash},e})(),li=function(e){return e>="A"&&e<="Z"};function tn(e){for(var t="",r=0;r<e.length;r++){var n=e[r];if(r===1&&n==="-"&&e[0]==="-")return e;li(n)?t+="-"+n.toLowerCase():t+=n}return t.startsWith("ms-")?"-"+t:t}var rn=function(e){return e==null||e===!1||e===""},nn=function(e){var t,r,n=[];for(var o in e){var a=e[o];e.hasOwnProperty(o)&&!rn(a)&&(Array.isArray(a)&&a.isCss||Se(a)?n.push("".concat(tn(o),":"),a,";"):Xe(a)?n.push.apply(n,dt(dt(["".concat(o," {")],nn(a),!1),["}"],!1)):n.push("".concat(tn(o),": ").concat((t=o,(r=a)==null||typeof r=="boolean"||r===""?"":typeof r!="number"||r===0||t in Po||t.startsWith("--")?String(r).trim():"".concat(r,"px")),";")))}return n};function xe(e,t,r,n){if(rn(e))return[];if(Xt(e))return[".".concat(e.styledComponentId)];if(Se(e)){if(!Se(a=e)||a.prototype&&a.prototype.isReactComponent||!t)return[e];var o=e(t);return xe(o,t,r,n)}var a;return e instanceof si?r?(e.inject(r,n),[e.getName(n)]):[e]:Xe(e)?nn(e):Array.isArray(e)?Array.prototype.concat.apply(Tt,e.map(function(l){return xe(l,t,r,n)})):[e.toString()]}function ci(e){for(var t=0;t<e.length;t+=1){var r=e[t];if(Se(r)&&!Xt(r))return!1}return!0}var ui=zr(Et),di=(function(){function e(t,r,n){this.rules=t,this.staticRulesId="",this.isStatic=(n===void 0||n.isStatic)&&ci(t),this.componentId=r,this.baseHash=Le(ui,r),this.baseStyle=n,Zr.registerId(r)}return e.prototype.generateAndInjectStyles=function(t,r,n){var o=this.baseStyle?this.baseStyle.generateAndInjectStyles(t,r,n):"";if(this.isStatic&&!n.hash)if(this.staticRulesId&&r.hasNameForId(this.componentId,this.staticRulesId))o=Te(o,this.staticRulesId);else{var a=Yr(xe(this.rules,t,r,n)),l=Yt(Le(this.baseHash,a)>>>0);if(!r.hasNameForId(this.componentId,l)){var d=n(a,".".concat(l),void 0,this.componentId);r.insertRules(this.componentId,l,d)}o=Te(o,l),this.staticRulesId=l}else{for(var u=Le(this.baseHash,n.hash),f="",p=0;p<this.rules.length;p++){var T=this.rules[p];if(typeof T=="string")f+=T;else if(T){var w=Yr(xe(T,t,r,n));u=Le(u,w+p),f+=w}}if(f){var S=Yt(u>>>0);r.hasNameForId(this.componentId,S)||r.insertRules(this.componentId,S,n(f,".".concat(S),void 0,this.componentId)),o=Te(o,S)}}return o},e})(),It=s.createContext(void 0);It.Consumer;function mi(e){var t=s.useContext(It),r=s.useMemo(function(){return(function(n,o){if(!n)throw we(14);if(Se(n)){var a=n(o);return a}if(Array.isArray(n)||typeof n!="object")throw we(8);return o?W(W({},o),n):n})(e.theme,t)},[e.theme,t]);return e.children?s.createElement(It.Provider,{value:r},e.children):null}var er={};function fi(e,t,r){var n=Xt(e),o=e,a=!Kt(e),l=t.attrs,d=l===void 0?Tt:l,u=t.componentId,f=u===void 0?(function(y,P){var x=typeof y!="string"?"sc":Lr(y);er[x]=(er[x]||0)+1;var v="".concat(x,"-").concat(Lo(Et+x+er[x]));return P?"".concat(P,"-").concat(v):v})(t.displayName,t.parentComponentId):u,p=t.displayName,T=p===void 0?(function(y){return Kt(y)?"styled.".concat(y):"Styled(".concat(Fo(y),")")})(e):p,w=t.displayName&&t.componentId?"".concat(Lr(t.displayName),"-").concat(t.componentId):t.componentId||f,S=n&&o.attrs?o.attrs.concat(d).filter(Boolean):d,A=t.shouldForwardProp;if(n&&o.shouldForwardProp){var D=o.shouldForwardProp;if(t.shouldForwardProp){var q=t.shouldForwardProp;A=function(y,P){return D(y,P)&&q(y,P)}}else A=D}var M=new di(r,w,n?o.componentStyle:void 0);function O(y,P){return(function(x,v,be){var ze=x.attrs,ur=x.componentStyle,U=x.defaultProps,nt=x.foldedComponentIds,ot=x.styledComponentId,it=x.target,dr=s.useContext(It),mr=en(),at=x.shouldForwardProp||mr.shouldForwardProp,st=No(v,dr,U)||Me,re=(function(I,oe,ye){for(var ve,ie=W(W({},oe),{className:void 0,theme:ye}),Ue=0;Ue<I.length;Ue+=1){var _e=Se(ve=I[Ue])?ve(ie):ve;for(var K in _e)ie[K]=K==="className"?Te(ie[K],_e[K]):K==="style"?W(W({},ie[K]),_e[K]):_e[K]}return oe.className&&(ie.className=Te(ie.className,oe.className)),ie})(ze,v,st),Ae=re.as||it,N={};for(var ne in re)re[ne]===void 0||ne[0]==="$"||ne==="as"||ne==="theme"&&re.theme===st||(ne==="forwardedAs"?N.as=re.forwardedAs:at&&!at(ne,Ae)||(N[ne]=re[ne]));var F=(function(I,oe){var ye=en(),ve=I.generateAndInjectStyles(oe,ye.styleSheet,ye.stylis);return ve})(ur,re),Be=Te(nt,ot);return F&&(Be+=" "+F),re.className&&(Be+=" "+re.className),N[Kt(Ae)&&!Mr.has(Ae)?"class":"className"]=Be,be&&(N.ref=be),s.createElement(Ae,N)})(_,y,P)}O.displayName=T;var _=s.forwardRef(O);return _.attrs=S,_.componentStyle=M,_.displayName=T,_.shouldForwardProp=A,_.foldedComponentIds=n?Te(o.foldedComponentIds,o.styledComponentId):"",_.styledComponentId=w,_.target=n?o.target:e,Object.defineProperty(_,"defaultProps",{get:function(){return this._foldedDefaultProps},set:function(y){this._foldedDefaultProps=n?(function(P){for(var x=[],v=1;v<arguments.length;v++)x[v-1]=arguments[v];for(var be=0,ze=x;be<ze.length;be++)Zt(P,ze[be],!0);return P})({},o.defaultProps,y):y}}),Qt(_,function(){return".".concat(_.styledComponentId)}),a&&jr(_,e,{attrs:!0,componentStyle:!0,displayName:!0,foldedComponentIds:!0,shouldForwardProp:!0,styledComponentId:!0,target:!0}),_}function on(e,t){for(var r=[e[0]],n=0,o=t.length;n<o;n+=1)r.push(t[n],e[n+1]);return r}var an=function(e){return Object.assign(e,{isCss:!0})};function hi(e){for(var t=[],r=1;r<arguments.length;r++)t[r-1]=arguments[r];if(Se(e)||Xe(e))return an(xe(on(Tt,dt([e],t,!0))));var n=e;return t.length===0&&n.length===1&&typeof n[0]=="string"?xe(n):an(xe(on(n,t)))}function tr(e,t,r){if(r===void 0&&(r=Me),!t)throw we(1,t);var n=function(o){for(var a=[],l=1;l<arguments.length;l++)a[l-1]=arguments[l];return e(t,r,hi.apply(void 0,dt([o],a,!1)))};return n.attrs=function(o){return tr(e,t,W(W({},r),{attrs:Array.prototype.concat(r.attrs,o).filter(Boolean)}))},n.withConfig=function(o){return tr(e,t,W(W({},r),o))},n}var sn=function(e){return tr(fi,e)},b=sn;Mr.forEach(function(e){b[e]=sn(e)});const Fe={primary:"#422ad5",primaryContent:"#e0e7ff",secondary:"#f43098",secondaryContent:"#f9e4f0",accent:"#00d3bb",accentContent:"#084d49",neutral:"#09090b",neutralContent:"#e4e4e7",base100:"#ffffff",base200:"#f8f8f8",base300:"#eeeeee",baseContent:"#18181b",info:"#00bafe",infoContent:"#042e49",success:"#00d390",successContent:"#004c39",warning:"#fcb700",warningContent:"#793205",error:"#ff627d",errorContent:"#4d0218",radiusSelectors:"0.25rem",radiusField:"0.25rem",radiusBox:"0.25rem",borderWidth:"1px",fontSize:"1rem",sizeField:".3rem",sizeSelector:".3rem",allFieldsSize:"20rem",spacing:".3rem",depth:1},pi={selectedVariant:"primary",getDefaultVariantOrSelected:()=>"primary",...Fe},ln=s.createContext({...Fe,...pi}),gi=b.div`
+var SiteUtilsFeedback = (function(exports, React2, require$$02) {
+  "use strict";
+  var client = {};
+  var hasRequiredClient;
+  function requireClient() {
+    if (hasRequiredClient) return client;
+    hasRequiredClient = 1;
+    var m2 = require$$02;
+    {
+      client.createRoot = m2.createRoot;
+      client.hydrateRoot = m2.hydrateRoot;
+    }
+    return client;
+  }
+  var clientExports = requireClient();
+  var __assign = function() {
+    __assign = Object.assign || function __assign2(t) {
+      for (var s, i = 1, n = arguments.length; i < n; i++) {
+        s = arguments[i];
+        for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+      }
+      return t;
+    };
+    return __assign.apply(this, arguments);
+  };
+  function __spreadArray(to, from2, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from2.length, ar; i < l; i++) {
+      if (ar || !(i in from2)) {
+        if (!ar) ar = Array.prototype.slice.call(from2, 0, i);
+        ar[i] = from2[i];
+      }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from2));
+  }
+  typeof SuppressedError === "function" ? SuppressedError : function(error, suppressed, message) {
+    var e = new Error(message);
+    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+  };
+  var MS = "-ms-";
+  var MOZ = "-moz-";
+  var WEBKIT = "-webkit-";
+  var COMMENT = "comm";
+  var RULESET = "rule";
+  var DECLARATION = "decl";
+  var IMPORT = "@import";
+  var KEYFRAMES = "@keyframes";
+  var LAYER = "@layer";
+  var abs = Math.abs;
+  var from = String.fromCharCode;
+  var assign = Object.assign;
+  function hash(value, length2) {
+    return charat(value, 0) ^ 45 ? (((length2 << 2 ^ charat(value, 0)) << 2 ^ charat(value, 1)) << 2 ^ charat(value, 2)) << 2 ^ charat(value, 3) : 0;
+  }
+  function trim(value) {
+    return value.trim();
+  }
+  function match(value, pattern) {
+    return (value = pattern.exec(value)) ? value[0] : value;
+  }
+  function replace(value, pattern, replacement) {
+    return value.replace(pattern, replacement);
+  }
+  function indexof(value, search, position2) {
+    return value.indexOf(search, position2);
+  }
+  function charat(value, index) {
+    return value.charCodeAt(index) | 0;
+  }
+  function substr(value, begin, end) {
+    return value.slice(begin, end);
+  }
+  function strlen(value) {
+    return value.length;
+  }
+  function sizeof(value) {
+    return value.length;
+  }
+  function append(value, array) {
+    return array.push(value), value;
+  }
+  function combine(array, callback) {
+    return array.map(callback).join("");
+  }
+  function filter(array, pattern) {
+    return array.filter(function(value) {
+      return !match(value, pattern);
+    });
+  }
+  var line = 1;
+  var column = 1;
+  var length = 0;
+  var position = 0;
+  var character = 0;
+  var characters = "";
+  function node(value, root, parent, type, props, children, length2, siblings) {
+    return { value, root, parent, type, props, children, line, column, length: length2, return: "", siblings };
+  }
+  function copy(root, props) {
+    return assign(node("", null, null, "", null, null, 0, root.siblings), root, { length: -root.length }, props);
+  }
+  function lift(root) {
+    while (root.root)
+      root = copy(root.root, { children: [root] });
+    append(root, root.siblings);
+  }
+  function char() {
+    return character;
+  }
+  function prev() {
+    character = position > 0 ? charat(characters, --position) : 0;
+    if (column--, character === 10)
+      column = 1, line--;
+    return character;
+  }
+  function next() {
+    character = position < length ? charat(characters, position++) : 0;
+    if (column++, character === 10)
+      column = 1, line++;
+    return character;
+  }
+  function peek() {
+    return charat(characters, position);
+  }
+  function caret() {
+    return position;
+  }
+  function slice(begin, end) {
+    return substr(characters, begin, end);
+  }
+  function token(type) {
+    switch (type) {
+      // \0 \t \n \r \s whitespace token
+      case 0:
+      case 9:
+      case 10:
+      case 13:
+      case 32:
+        return 5;
+      // ! + , / > @ ~ isolate token
+      case 33:
+      case 43:
+      case 44:
+      case 47:
+      case 62:
+      case 64:
+      case 126:
+      // ; { } breakpoint token
+      case 59:
+      case 123:
+      case 125:
+        return 4;
+      // : accompanied token
+      case 58:
+        return 3;
+      // " ' ( [ opening delimit token
+      case 34:
+      case 39:
+      case 40:
+      case 91:
+        return 2;
+      // ) ] closing delimit token
+      case 41:
+      case 93:
+        return 1;
+    }
+    return 0;
+  }
+  function alloc(value) {
+    return line = column = 1, length = strlen(characters = value), position = 0, [];
+  }
+  function dealloc(value) {
+    return characters = "", value;
+  }
+  function delimit(type) {
+    return trim(slice(position - 1, delimiter(type === 91 ? type + 2 : type === 40 ? type + 1 : type)));
+  }
+  function whitespace(type) {
+    while (character = peek())
+      if (character < 33)
+        next();
+      else
+        break;
+    return token(type) > 2 || token(character) > 3 ? "" : " ";
+  }
+  function escaping(index, count) {
+    while (--count && next())
+      if (character < 48 || character > 102 || character > 57 && character < 65 || character > 70 && character < 97)
+        break;
+    return slice(index, caret() + (count < 6 && peek() == 32 && next() == 32));
+  }
+  function delimiter(type) {
+    while (next())
+      switch (character) {
+        // ] ) " '
+        case type:
+          return position;
+        // " '
+        case 34:
+        case 39:
+          if (type !== 34 && type !== 39)
+            delimiter(character);
+          break;
+        // (
+        case 40:
+          if (type === 41)
+            delimiter(type);
+          break;
+        // \
+        case 92:
+          next();
+          break;
+      }
+    return position;
+  }
+  function commenter(type, index) {
+    while (next())
+      if (type + character === 47 + 10)
+        break;
+      else if (type + character === 42 + 42 && peek() === 47)
+        break;
+    return "/*" + slice(index, position - 1) + "*" + from(type === 47 ? type : next());
+  }
+  function identifier(index) {
+    while (!token(peek()))
+      next();
+    return slice(index, position);
+  }
+  function compile(value) {
+    return dealloc(parse("", null, null, null, [""], value = alloc(value), 0, [0], value));
+  }
+  function parse(value, root, parent, rule, rules, rulesets, pseudo, points, declarations) {
+    var index = 0;
+    var offset = 0;
+    var length2 = pseudo;
+    var atrule = 0;
+    var property = 0;
+    var previous = 0;
+    var variable = 1;
+    var scanning = 1;
+    var ampersand = 1;
+    var character2 = 0;
+    var type = "";
+    var props = rules;
+    var children = rulesets;
+    var reference = rule;
+    var characters2 = type;
+    while (scanning)
+      switch (previous = character2, character2 = next()) {
+        // (
+        case 40:
+          if (previous != 108 && charat(characters2, length2 - 1) == 58) {
+            if (indexof(characters2 += replace(delimit(character2), "&", "&\f"), "&\f", abs(index ? points[index - 1] : 0)) != -1)
+              ampersand = -1;
+            break;
+          }
+        // " ' [
+        case 34:
+        case 39:
+        case 91:
+          characters2 += delimit(character2);
+          break;
+        // \t \n \r \s
+        case 9:
+        case 10:
+        case 13:
+        case 32:
+          characters2 += whitespace(previous);
+          break;
+        // \
+        case 92:
+          characters2 += escaping(caret() - 1, 7);
+          continue;
+        // /
+        case 47:
+          switch (peek()) {
+            case 42:
+            case 47:
+              append(comment(commenter(next(), caret()), root, parent, declarations), declarations);
+              break;
+            default:
+              characters2 += "/";
+          }
+          break;
+        // {
+        case 123 * variable:
+          points[index++] = strlen(characters2) * ampersand;
+        // } ; \0
+        case 125 * variable:
+        case 59:
+        case 0:
+          switch (character2) {
+            // \0 }
+            case 0:
+            case 125:
+              scanning = 0;
+            // ;
+            case 59 + offset:
+              if (ampersand == -1) characters2 = replace(characters2, /\f/g, "");
+              if (property > 0 && strlen(characters2) - length2)
+                append(property > 32 ? declaration(characters2 + ";", rule, parent, length2 - 1, declarations) : declaration(replace(characters2, " ", "") + ";", rule, parent, length2 - 2, declarations), declarations);
+              break;
+            // @ ;
+            case 59:
+              characters2 += ";";
+            // { rule/at-rule
+            default:
+              append(reference = ruleset(characters2, root, parent, index, offset, rules, points, type, props = [], children = [], length2, rulesets), rulesets);
+              if (character2 === 123)
+                if (offset === 0)
+                  parse(characters2, root, reference, reference, props, rulesets, length2, points, children);
+                else
+                  switch (atrule === 99 && charat(characters2, 3) === 110 ? 100 : atrule) {
+                    // d l m s
+                    case 100:
+                    case 108:
+                    case 109:
+                    case 115:
+                      parse(value, reference, reference, rule && append(ruleset(value, reference, reference, 0, 0, rules, points, type, rules, props = [], length2, children), children), rules, children, length2, points, rule ? props : children);
+                      break;
+                    default:
+                      parse(characters2, reference, reference, reference, [""], children, 0, points, children);
+                  }
+          }
+          index = offset = property = 0, variable = ampersand = 1, type = characters2 = "", length2 = pseudo;
+          break;
+        // :
+        case 58:
+          length2 = 1 + strlen(characters2), property = previous;
+        default:
+          if (variable < 1) {
+            if (character2 == 123)
+              --variable;
+            else if (character2 == 125 && variable++ == 0 && prev() == 125)
+              continue;
+          }
+          switch (characters2 += from(character2), character2 * variable) {
+            // &
+            case 38:
+              ampersand = offset > 0 ? 1 : (characters2 += "\f", -1);
+              break;
+            // ,
+            case 44:
+              points[index++] = (strlen(characters2) - 1) * ampersand, ampersand = 1;
+              break;
+            // @
+            case 64:
+              if (peek() === 45)
+                characters2 += delimit(next());
+              atrule = peek(), offset = length2 = strlen(type = characters2 += identifier(caret())), character2++;
+              break;
+            // -
+            case 45:
+              if (previous === 45 && strlen(characters2) == 2)
+                variable = 0;
+          }
+      }
+    return rulesets;
+  }
+  function ruleset(value, root, parent, index, offset, rules, points, type, props, children, length2, siblings) {
+    var post = offset - 1;
+    var rule = offset === 0 ? rules : [""];
+    var size = sizeof(rule);
+    for (var i = 0, j2 = 0, k2 = 0; i < index; ++i)
+      for (var x2 = 0, y2 = substr(value, post + 1, post = abs(j2 = points[i])), z2 = value; x2 < size; ++x2)
+        if (z2 = trim(j2 > 0 ? rule[x2] + " " + y2 : replace(y2, /&\f/g, rule[x2])))
+          props[k2++] = z2;
+    return node(value, root, parent, offset === 0 ? RULESET : type, props, children, length2, siblings);
+  }
+  function comment(value, root, parent, siblings) {
+    return node(value, root, parent, COMMENT, from(char()), substr(value, 2, -2), 0, siblings);
+  }
+  function declaration(value, root, parent, length2, siblings) {
+    return node(value, root, parent, DECLARATION, substr(value, 0, length2), substr(value, length2 + 1, -1), length2, siblings);
+  }
+  function prefix(value, length2, children) {
+    switch (hash(value, length2)) {
+      // color-adjust
+      case 5103:
+        return WEBKIT + "print-" + value + value;
+      // animation, animation-(delay|direction|duration|fill-mode|iteration-count|name|play-state|timing-function)
+      case 5737:
+      case 4201:
+      case 3177:
+      case 3433:
+      case 1641:
+      case 4457:
+      case 2921:
+      // text-decoration, filter, clip-path, backface-visibility, column, box-decoration-break
+      case 5572:
+      case 6356:
+      case 5844:
+      case 3191:
+      case 6645:
+      case 3005:
+      // mask, mask-image, mask-(mode|clip|size), mask-(repeat|origin), mask-position, mask-composite,
+      case 6391:
+      case 5879:
+      case 5623:
+      case 6135:
+      case 4599:
+      case 4855:
+      // background-clip, columns, column-(count|fill|gap|rule|rule-color|rule-style|rule-width|span|width)
+      case 4215:
+      case 6389:
+      case 5109:
+      case 5365:
+      case 5621:
+      case 3829:
+        return WEBKIT + value + value;
+      // tab-size
+      case 4789:
+        return MOZ + value + value;
+      // appearance, user-select, transform, hyphens, text-size-adjust
+      case 5349:
+      case 4246:
+      case 4810:
+      case 6968:
+      case 2756:
+        return WEBKIT + value + MOZ + value + MS + value + value;
+      // writing-mode
+      case 5936:
+        switch (charat(value, length2 + 11)) {
+          // vertical-l(r)
+          case 114:
+            return WEBKIT + value + MS + replace(value, /[svh]\w+-[tblr]{2}/, "tb") + value;
+          // vertical-r(l)
+          case 108:
+            return WEBKIT + value + MS + replace(value, /[svh]\w+-[tblr]{2}/, "tb-rl") + value;
+          // horizontal(-)tb
+          case 45:
+            return WEBKIT + value + MS + replace(value, /[svh]\w+-[tblr]{2}/, "lr") + value;
+        }
+      // flex, flex-direction, scroll-snap-type, writing-mode
+      case 6828:
+      case 4268:
+      case 2903:
+        return WEBKIT + value + MS + value + value;
+      // order
+      case 6165:
+        return WEBKIT + value + MS + "flex-" + value + value;
+      // align-items
+      case 5187:
+        return WEBKIT + value + replace(value, /(\w+).+(:[^]+)/, WEBKIT + "box-$1$2" + MS + "flex-$1$2") + value;
+      // align-self
+      case 5443:
+        return WEBKIT + value + MS + "flex-item-" + replace(value, /flex-|-self/g, "") + (!match(value, /flex-|baseline/) ? MS + "grid-row-" + replace(value, /flex-|-self/g, "") : "") + value;
+      // align-content
+      case 4675:
+        return WEBKIT + value + MS + "flex-line-pack" + replace(value, /align-content|flex-|-self/g, "") + value;
+      // flex-shrink
+      case 5548:
+        return WEBKIT + value + MS + replace(value, "shrink", "negative") + value;
+      // flex-basis
+      case 5292:
+        return WEBKIT + value + MS + replace(value, "basis", "preferred-size") + value;
+      // flex-grow
+      case 6060:
+        return WEBKIT + "box-" + replace(value, "-grow", "") + WEBKIT + value + MS + replace(value, "grow", "positive") + value;
+      // transition
+      case 4554:
+        return WEBKIT + replace(value, /([^-])(transform)/g, "$1" + WEBKIT + "$2") + value;
+      // cursor
+      case 6187:
+        return replace(replace(replace(value, /(zoom-|grab)/, WEBKIT + "$1"), /(image-set)/, WEBKIT + "$1"), value, "") + value;
+      // background, background-image
+      case 5495:
+      case 3959:
+        return replace(value, /(image-set\([^]*)/, WEBKIT + "$1$`$1");
+      // justify-content
+      case 4968:
+        return replace(replace(value, /(.+:)(flex-)?(.*)/, WEBKIT + "box-pack:$3" + MS + "flex-pack:$3"), /s.+-b[^;]+/, "justify") + WEBKIT + value + value;
+      // justify-self
+      case 4200:
+        if (!match(value, /flex-|baseline/)) return MS + "grid-column-align" + substr(value, length2) + value;
+        break;
+      // grid-template-(columns|rows)
+      case 2592:
+      case 3360:
+        return MS + replace(value, "template-", "") + value;
+      // grid-(row|column)-start
+      case 4384:
+      case 3616:
+        if (children && children.some(function(element, index) {
+          return length2 = index, match(element.props, /grid-\w+-end/);
+        })) {
+          return ~indexof(value + (children = children[length2].value), "span", 0) ? value : MS + replace(value, "-start", "") + value + MS + "grid-row-span:" + (~indexof(children, "span", 0) ? match(children, /\d+/) : +match(children, /\d+/) - +match(value, /\d+/)) + ";";
+        }
+        return MS + replace(value, "-start", "") + value;
+      // grid-(row|column)-end
+      case 4896:
+      case 4128:
+        return children && children.some(function(element) {
+          return match(element.props, /grid-\w+-start/);
+        }) ? value : MS + replace(replace(value, "-end", "-span"), "span ", "") + value;
+      // (margin|padding)-inline-(start|end)
+      case 4095:
+      case 3583:
+      case 4068:
+      case 2532:
+        return replace(value, /(.+)-inline(.+)/, WEBKIT + "$1$2") + value;
+      // (min|max)?(width|height|inline-size|block-size)
+      case 8116:
+      case 7059:
+      case 5753:
+      case 5535:
+      case 5445:
+      case 5701:
+      case 4933:
+      case 4677:
+      case 5533:
+      case 5789:
+      case 5021:
+      case 4765:
+        if (strlen(value) - 1 - length2 > 6)
+          switch (charat(value, length2 + 1)) {
+            // (m)ax-content, (m)in-content
+            case 109:
+              if (charat(value, length2 + 4) !== 45)
+                break;
+            // (f)ill-available, (f)it-content
+            case 102:
+              return replace(value, /(.+:)(.+)-([^]+)/, "$1" + WEBKIT + "$2-$3$1" + MOZ + (charat(value, length2 + 3) == 108 ? "$3" : "$2-$3")) + value;
+            // (s)tretch
+            case 115:
+              return ~indexof(value, "stretch", 0) ? prefix(replace(value, "stretch", "fill-available"), length2, children) + value : value;
+          }
+        break;
+      // grid-(column|row)
+      case 5152:
+      case 5920:
+        return replace(value, /(.+?):(\d+)(\s*\/\s*(span)?\s*(\d+))?(.*)/, function(_2, a, b, c, d, e, f2) {
+          return MS + a + ":" + b + f2 + (c ? MS + a + "-span:" + (d ? e : +e - +b) + f2 : "") + value;
+        });
+      // position: sticky
+      case 4949:
+        if (charat(value, length2 + 6) === 121)
+          return replace(value, ":", ":" + WEBKIT) + value;
+        break;
+      // display: (flex|inline-flex|grid|inline-grid)
+      case 6444:
+        switch (charat(value, charat(value, 14) === 45 ? 18 : 11)) {
+          // (inline-)?fle(x)
+          case 120:
+            return replace(value, /(.+:)([^;\s!]+)(;|(\s+)?!.+)?/, "$1" + WEBKIT + (charat(value, 14) === 45 ? "inline-" : "") + "box$3$1" + WEBKIT + "$2$3$1" + MS + "$2box$3") + value;
+          // (inline-)?gri(d)
+          case 100:
+            return replace(value, ":", ":" + MS) + value;
+        }
+        break;
+      // scroll-margin, scroll-margin-(top|right|bottom|left)
+      case 5719:
+      case 2647:
+      case 2135:
+      case 3927:
+      case 2391:
+        return replace(value, "scroll-", "scroll-snap-") + value;
+    }
+    return value;
+  }
+  function serialize(children, callback) {
+    var output = "";
+    for (var i = 0; i < children.length; i++)
+      output += callback(children[i], i, children, callback) || "";
+    return output;
+  }
+  function stringify(element, index, children, callback) {
+    switch (element.type) {
+      case LAYER:
+        if (element.children.length) break;
+      case IMPORT:
+      case DECLARATION:
+        return element.return = element.return || element.value;
+      case COMMENT:
+        return "";
+      case KEYFRAMES:
+        return element.return = element.value + "{" + serialize(element.children, callback) + "}";
+      case RULESET:
+        if (!strlen(element.value = element.props.join(","))) return "";
+    }
+    return strlen(children = serialize(element.children, callback)) ? element.return = element.value + "{" + children + "}" : "";
+  }
+  function middleware(collection) {
+    var length2 = sizeof(collection);
+    return function(element, index, children, callback) {
+      var output = "";
+      for (var i = 0; i < length2; i++)
+        output += collection[i](element, index, children, callback) || "";
+      return output;
+    };
+  }
+  function rulesheet(callback) {
+    return function(element) {
+      if (!element.root) {
+        if (element = element.return)
+          callback(element);
+      }
+    };
+  }
+  function prefixer(element, index, children, callback) {
+    if (element.length > -1) {
+      if (!element.return)
+        switch (element.type) {
+          case DECLARATION:
+            element.return = prefix(element.value, element.length, children);
+            return;
+          case KEYFRAMES:
+            return serialize([copy(element, { value: replace(element.value, "@", "@" + WEBKIT) })], callback);
+          case RULESET:
+            if (element.length)
+              return combine(children = element.props, function(value) {
+                switch (match(value, callback = /(::plac\w+|:read-\w+)/)) {
+                  // :read-(only|write)
+                  case ":read-only":
+                  case ":read-write":
+                    lift(copy(element, { props: [replace(value, /:(read-\w+)/, ":" + MOZ + "$1")] }));
+                    lift(copy(element, { props: [value] }));
+                    assign(element, { props: filter(children, callback) });
+                    break;
+                  // :placeholder
+                  case "::placeholder":
+                    lift(copy(element, { props: [replace(value, /:(plac\w+)/, ":" + WEBKIT + "input-$1")] }));
+                    lift(copy(element, { props: [replace(value, /:(plac\w+)/, ":" + MOZ + "$1")] }));
+                    lift(copy(element, { props: [replace(value, /:(plac\w+)/, MS + "input-$1")] }));
+                    lift(copy(element, { props: [value] }));
+                    assign(element, { props: filter(children, callback) });
+                    break;
+                }
+                return "";
+              });
+        }
+    }
+  }
+  var unitlessKeys = {
+    animationIterationCount: 1,
+    aspectRatio: 1,
+    borderImageOutset: 1,
+    borderImageSlice: 1,
+    borderImageWidth: 1,
+    boxFlex: 1,
+    boxFlexGroup: 1,
+    boxOrdinalGroup: 1,
+    columnCount: 1,
+    columns: 1,
+    flex: 1,
+    flexGrow: 1,
+    flexPositive: 1,
+    flexShrink: 1,
+    flexNegative: 1,
+    flexOrder: 1,
+    gridRow: 1,
+    gridRowEnd: 1,
+    gridRowSpan: 1,
+    gridRowStart: 1,
+    gridColumn: 1,
+    gridColumnEnd: 1,
+    gridColumnSpan: 1,
+    gridColumnStart: 1,
+    msGridRow: 1,
+    msGridRowSpan: 1,
+    msGridColumn: 1,
+    msGridColumnSpan: 1,
+    fontWeight: 1,
+    lineHeight: 1,
+    opacity: 1,
+    order: 1,
+    orphans: 1,
+    tabSize: 1,
+    widows: 1,
+    zIndex: 1,
+    zoom: 1,
+    WebkitLineClamp: 1,
+    // SVG-related properties
+    fillOpacity: 1,
+    floodOpacity: 1,
+    stopOpacity: 1,
+    strokeDasharray: 1,
+    strokeDashoffset: 1,
+    strokeMiterlimit: 1,
+    strokeOpacity: 1,
+    strokeWidth: 1
+  };
+  var f = "undefined" != typeof process && void 0 !== process.env && (process.env.REACT_APP_SC_ATTR || process.env.SC_ATTR) || "data-styled", m = "active", y = "data-styled-version", v = "6.1.19", g = "/*!sc*/\n", S = "undefined" != typeof window && "undefined" != typeof document, w = Boolean("boolean" == typeof SC_DISABLE_SPEEDY ? SC_DISABLE_SPEEDY : "undefined" != typeof process && void 0 !== process.env && void 0 !== process.env.REACT_APP_SC_DISABLE_SPEEDY && "" !== process.env.REACT_APP_SC_DISABLE_SPEEDY ? "false" !== process.env.REACT_APP_SC_DISABLE_SPEEDY && process.env.REACT_APP_SC_DISABLE_SPEEDY : "undefined" != typeof process && void 0 !== process.env && void 0 !== process.env.SC_DISABLE_SPEEDY && "" !== process.env.SC_DISABLE_SPEEDY ? "false" !== process.env.SC_DISABLE_SPEEDY && process.env.SC_DISABLE_SPEEDY : false), _ = Object.freeze([]), C = Object.freeze({});
+  function I(e2, t2, n2) {
+    return void 0 === n2 && (n2 = C), e2.theme !== n2.theme && e2.theme || t2 || n2.theme;
+  }
+  var A = /* @__PURE__ */ new Set(["a", "abbr", "address", "area", "article", "aside", "audio", "b", "base", "bdi", "bdo", "big", "blockquote", "body", "br", "button", "canvas", "caption", "cite", "code", "col", "colgroup", "data", "datalist", "dd", "del", "details", "dfn", "dialog", "div", "dl", "dt", "em", "embed", "fieldset", "figcaption", "figure", "footer", "form", "h1", "h2", "h3", "h4", "h5", "h6", "header", "hgroup", "hr", "html", "i", "iframe", "img", "input", "ins", "kbd", "keygen", "label", "legend", "li", "link", "main", "map", "mark", "menu", "menuitem", "meta", "meter", "nav", "noscript", "object", "ol", "optgroup", "option", "output", "p", "param", "picture", "pre", "progress", "q", "rp", "rt", "ruby", "s", "samp", "script", "section", "select", "small", "source", "span", "strong", "style", "sub", "summary", "sup", "table", "tbody", "td", "textarea", "tfoot", "th", "thead", "time", "tr", "track", "u", "ul", "use", "var", "video", "wbr", "circle", "clipPath", "defs", "ellipse", "foreignObject", "g", "image", "line", "linearGradient", "marker", "mask", "path", "pattern", "polygon", "polyline", "radialGradient", "rect", "stop", "svg", "text", "tspan"]), O = /[!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~-]+/g, D = /(^-|-$)/g;
+  function R(e2) {
+    return e2.replace(O, "-").replace(D, "");
+  }
+  var T = /(a)(d)/gi, k = 52, j = function(e2) {
+    return String.fromCharCode(e2 + (e2 > 25 ? 39 : 97));
+  };
+  function x(e2) {
+    var t2, n2 = "";
+    for (t2 = Math.abs(e2); t2 > k; t2 = t2 / k | 0) n2 = j(t2 % k) + n2;
+    return (j(t2 % k) + n2).replace(T, "$1-$2");
+  }
+  var V, F = 5381, M = function(e2, t2) {
+    for (var n2 = t2.length; n2; ) e2 = 33 * e2 ^ t2.charCodeAt(--n2);
+    return e2;
+  }, z = function(e2) {
+    return M(F, e2);
+  };
+  function $(e2) {
+    return x(z(e2) >>> 0);
+  }
+  function B(e2) {
+    return e2.displayName || e2.name || "Component";
+  }
+  function L(e2) {
+    return "string" == typeof e2 && true;
+  }
+  var G = "function" == typeof Symbol && Symbol.for, Y = G ? Symbol.for("react.memo") : 60115, W = G ? Symbol.for("react.forward_ref") : 60112, q = { childContextTypes: true, contextType: true, contextTypes: true, defaultProps: true, displayName: true, getDefaultProps: true, getDerivedStateFromError: true, getDerivedStateFromProps: true, mixins: true, propTypes: true, type: true }, H = { name: true, length: true, prototype: true, caller: true, callee: true, arguments: true, arity: true }, U = { $$typeof: true, compare: true, defaultProps: true, displayName: true, propTypes: true, type: true }, J = ((V = {})[W] = { $$typeof: true, render: true, defaultProps: true, displayName: true, propTypes: true }, V[Y] = U, V);
+  function X(e2) {
+    return ("type" in (t2 = e2) && t2.type.$$typeof) === Y ? U : "$$typeof" in e2 ? J[e2.$$typeof] : q;
+    var t2;
+  }
+  var Z = Object.defineProperty, K = Object.getOwnPropertyNames, Q = Object.getOwnPropertySymbols, ee = Object.getOwnPropertyDescriptor, te = Object.getPrototypeOf, ne = Object.prototype;
+  function oe(e2, t2, n2) {
+    if ("string" != typeof t2) {
+      if (ne) {
+        var o2 = te(t2);
+        o2 && o2 !== ne && oe(e2, o2, n2);
+      }
+      var r2 = K(t2);
+      Q && (r2 = r2.concat(Q(t2)));
+      for (var s2 = X(e2), i2 = X(t2), a2 = 0; a2 < r2.length; ++a2) {
+        var c2 = r2[a2];
+        if (!(c2 in H || n2 && n2[c2] || i2 && c2 in i2 || s2 && c2 in s2)) {
+          var l2 = ee(t2, c2);
+          try {
+            Z(e2, c2, l2);
+          } catch (e3) {
+          }
+        }
+      }
+    }
+    return e2;
+  }
+  function re(e2) {
+    return "function" == typeof e2;
+  }
+  function se(e2) {
+    return "object" == typeof e2 && "styledComponentId" in e2;
+  }
+  function ie(e2, t2) {
+    return e2 && t2 ? "".concat(e2, " ").concat(t2) : e2 || t2 || "";
+  }
+  function ae(e2, t2) {
+    if (0 === e2.length) return "";
+    for (var n2 = e2[0], o2 = 1; o2 < e2.length; o2++) n2 += e2[o2];
+    return n2;
+  }
+  function ce(e2) {
+    return null !== e2 && "object" == typeof e2 && e2.constructor.name === Object.name && !("props" in e2 && e2.$$typeof);
+  }
+  function le(e2, t2, n2) {
+    if (void 0 === n2 && (n2 = false), !n2 && !ce(e2) && !Array.isArray(e2)) return t2;
+    if (Array.isArray(t2)) for (var o2 = 0; o2 < t2.length; o2++) e2[o2] = le(e2[o2], t2[o2]);
+    else if (ce(t2)) for (var o2 in t2) e2[o2] = le(e2[o2], t2[o2]);
+    return e2;
+  }
+  function ue(e2, t2) {
+    Object.defineProperty(e2, "toString", { value: t2 });
+  }
+  function he(t2) {
+    for (var n2 = [], o2 = 1; o2 < arguments.length; o2++) n2[o2 - 1] = arguments[o2];
+    return new Error("An error occurred. See https://github.com/styled-components/styled-components/blob/main/packages/styled-components/src/utils/errors.md#".concat(t2, " for more information.").concat(n2.length > 0 ? " Args: ".concat(n2.join(", ")) : ""));
+  }
+  var fe = (function() {
+    function e2(e3) {
+      this.groupSizes = new Uint32Array(512), this.length = 512, this.tag = e3;
+    }
+    return e2.prototype.indexOfGroup = function(e3) {
+      for (var t2 = 0, n2 = 0; n2 < e3; n2++) t2 += this.groupSizes[n2];
+      return t2;
+    }, e2.prototype.insertRules = function(e3, t2) {
+      if (e3 >= this.groupSizes.length) {
+        for (var n2 = this.groupSizes, o2 = n2.length, r2 = o2; e3 >= r2; ) if ((r2 <<= 1) < 0) throw he(16, "".concat(e3));
+        this.groupSizes = new Uint32Array(r2), this.groupSizes.set(n2), this.length = r2;
+        for (var s2 = o2; s2 < r2; s2++) this.groupSizes[s2] = 0;
+      }
+      for (var i2 = this.indexOfGroup(e3 + 1), a2 = (s2 = 0, t2.length); s2 < a2; s2++) this.tag.insertRule(i2, t2[s2]) && (this.groupSizes[e3]++, i2++);
+    }, e2.prototype.clearGroup = function(e3) {
+      if (e3 < this.length) {
+        var t2 = this.groupSizes[e3], n2 = this.indexOfGroup(e3), o2 = n2 + t2;
+        this.groupSizes[e3] = 0;
+        for (var r2 = n2; r2 < o2; r2++) this.tag.deleteRule(n2);
+      }
+    }, e2.prototype.getGroup = function(e3) {
+      var t2 = "";
+      if (e3 >= this.length || 0 === this.groupSizes[e3]) return t2;
+      for (var n2 = this.groupSizes[e3], o2 = this.indexOfGroup(e3), r2 = o2 + n2, s2 = o2; s2 < r2; s2++) t2 += "".concat(this.tag.getRule(s2)).concat(g);
+      return t2;
+    }, e2;
+  })(), ye = /* @__PURE__ */ new Map(), ve = /* @__PURE__ */ new Map(), ge = 1, Se = function(e2) {
+    if (ye.has(e2)) return ye.get(e2);
+    for (; ve.has(ge); ) ge++;
+    var t2 = ge++;
+    return ye.set(e2, t2), ve.set(t2, e2), t2;
+  }, we = function(e2, t2) {
+    ge = t2 + 1, ye.set(e2, t2), ve.set(t2, e2);
+  }, be = "style[".concat(f, "][").concat(y, '="').concat(v, '"]'), Ee = new RegExp("^".concat(f, '\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)')), Ne = function(e2, t2, n2) {
+    for (var o2, r2 = n2.split(","), s2 = 0, i2 = r2.length; s2 < i2; s2++) (o2 = r2[s2]) && e2.registerName(t2, o2);
+  }, Pe = function(e2, t2) {
+    for (var n2, o2 = (null !== (n2 = t2.textContent) && void 0 !== n2 ? n2 : "").split(g), r2 = [], s2 = 0, i2 = o2.length; s2 < i2; s2++) {
+      var a2 = o2[s2].trim();
+      if (a2) {
+        var c2 = a2.match(Ee);
+        if (c2) {
+          var l2 = 0 | parseInt(c2[1], 10), u2 = c2[2];
+          0 !== l2 && (we(u2, l2), Ne(e2, u2, c2[3]), e2.getTag().insertRules(l2, r2)), r2.length = 0;
+        } else r2.push(a2);
+      }
+    }
+  }, _e = function(e2) {
+    for (var t2 = document.querySelectorAll(be), n2 = 0, o2 = t2.length; n2 < o2; n2++) {
+      var r2 = t2[n2];
+      r2 && r2.getAttribute(f) !== m && (Pe(e2, r2), r2.parentNode && r2.parentNode.removeChild(r2));
+    }
+  };
+  function Ce() {
+    return "undefined" != typeof __webpack_nonce__ ? __webpack_nonce__ : null;
+  }
+  var Ie = function(e2) {
+    var t2 = document.head, n2 = e2 || t2, o2 = document.createElement("style"), r2 = (function(e3) {
+      var t3 = Array.from(e3.querySelectorAll("style[".concat(f, "]")));
+      return t3[t3.length - 1];
+    })(n2), s2 = void 0 !== r2 ? r2.nextSibling : null;
+    o2.setAttribute(f, m), o2.setAttribute(y, v);
+    var i2 = Ce();
+    return i2 && o2.setAttribute("nonce", i2), n2.insertBefore(o2, s2), o2;
+  }, Ae = (function() {
+    function e2(e3) {
+      this.element = Ie(e3), this.element.appendChild(document.createTextNode("")), this.sheet = (function(e4) {
+        if (e4.sheet) return e4.sheet;
+        for (var t2 = document.styleSheets, n2 = 0, o2 = t2.length; n2 < o2; n2++) {
+          var r2 = t2[n2];
+          if (r2.ownerNode === e4) return r2;
+        }
+        throw he(17);
+      })(this.element), this.length = 0;
+    }
+    return e2.prototype.insertRule = function(e3, t2) {
+      try {
+        return this.sheet.insertRule(t2, e3), this.length++, true;
+      } catch (e4) {
+        return false;
+      }
+    }, e2.prototype.deleteRule = function(e3) {
+      this.sheet.deleteRule(e3), this.length--;
+    }, e2.prototype.getRule = function(e3) {
+      var t2 = this.sheet.cssRules[e3];
+      return t2 && t2.cssText ? t2.cssText : "";
+    }, e2;
+  })(), Oe = (function() {
+    function e2(e3) {
+      this.element = Ie(e3), this.nodes = this.element.childNodes, this.length = 0;
+    }
+    return e2.prototype.insertRule = function(e3, t2) {
+      if (e3 <= this.length && e3 >= 0) {
+        var n2 = document.createTextNode(t2);
+        return this.element.insertBefore(n2, this.nodes[e3] || null), this.length++, true;
+      }
+      return false;
+    }, e2.prototype.deleteRule = function(e3) {
+      this.element.removeChild(this.nodes[e3]), this.length--;
+    }, e2.prototype.getRule = function(e3) {
+      return e3 < this.length ? this.nodes[e3].textContent : "";
+    }, e2;
+  })(), De = (function() {
+    function e2(e3) {
+      this.rules = [], this.length = 0;
+    }
+    return e2.prototype.insertRule = function(e3, t2) {
+      return e3 <= this.length && (this.rules.splice(e3, 0, t2), this.length++, true);
+    }, e2.prototype.deleteRule = function(e3) {
+      this.rules.splice(e3, 1), this.length--;
+    }, e2.prototype.getRule = function(e3) {
+      return e3 < this.length ? this.rules[e3] : "";
+    }, e2;
+  })(), Re = S, Te = { isServer: !S, useCSSOMInjection: !w }, ke = (function() {
+    function e2(e3, n2, o2) {
+      void 0 === e3 && (e3 = C), void 0 === n2 && (n2 = {});
+      var r2 = this;
+      this.options = __assign(__assign({}, Te), e3), this.gs = n2, this.names = new Map(o2), this.server = !!e3.isServer, !this.server && S && Re && (Re = false, _e(this)), ue(this, function() {
+        return (function(e4) {
+          for (var t2 = e4.getTag(), n3 = t2.length, o3 = "", r3 = function(n4) {
+            var r4 = (function(e5) {
+              return ve.get(e5);
+            })(n4);
+            if (void 0 === r4) return "continue";
+            var s3 = e4.names.get(r4), i2 = t2.getGroup(n4);
+            if (void 0 === s3 || !s3.size || 0 === i2.length) return "continue";
+            var a2 = "".concat(f, ".g").concat(n4, '[id="').concat(r4, '"]'), c2 = "";
+            void 0 !== s3 && s3.forEach(function(e5) {
+              e5.length > 0 && (c2 += "".concat(e5, ","));
+            }), o3 += "".concat(i2).concat(a2, '{content:"').concat(c2, '"}').concat(g);
+          }, s2 = 0; s2 < n3; s2++) r3(s2);
+          return o3;
+        })(r2);
+      });
+    }
+    return e2.registerId = function(e3) {
+      return Se(e3);
+    }, e2.prototype.rehydrate = function() {
+      !this.server && S && _e(this);
+    }, e2.prototype.reconstructWithOptions = function(n2, o2) {
+      return void 0 === o2 && (o2 = true), new e2(__assign(__assign({}, this.options), n2), this.gs, o2 && this.names || void 0);
+    }, e2.prototype.allocateGSInstance = function(e3) {
+      return this.gs[e3] = (this.gs[e3] || 0) + 1;
+    }, e2.prototype.getTag = function() {
+      return this.tag || (this.tag = (e3 = (function(e4) {
+        var t2 = e4.useCSSOMInjection, n2 = e4.target;
+        return e4.isServer ? new De(n2) : t2 ? new Ae(n2) : new Oe(n2);
+      })(this.options), new fe(e3)));
+      var e3;
+    }, e2.prototype.hasNameForId = function(e3, t2) {
+      return this.names.has(e3) && this.names.get(e3).has(t2);
+    }, e2.prototype.registerName = function(e3, t2) {
+      if (Se(e3), this.names.has(e3)) this.names.get(e3).add(t2);
+      else {
+        var n2 = /* @__PURE__ */ new Set();
+        n2.add(t2), this.names.set(e3, n2);
+      }
+    }, e2.prototype.insertRules = function(e3, t2, n2) {
+      this.registerName(e3, t2), this.getTag().insertRules(Se(e3), n2);
+    }, e2.prototype.clearNames = function(e3) {
+      this.names.has(e3) && this.names.get(e3).clear();
+    }, e2.prototype.clearRules = function(e3) {
+      this.getTag().clearGroup(Se(e3)), this.clearNames(e3);
+    }, e2.prototype.clearTag = function() {
+      this.tag = void 0;
+    }, e2;
+  })(), je = /&/g, xe = /^\s*\/\/.*$/gm;
+  function Ve(e2, t2) {
+    return e2.map(function(e3) {
+      return "rule" === e3.type && (e3.value = "".concat(t2, " ").concat(e3.value), e3.value = e3.value.replaceAll(",", ",".concat(t2, " ")), e3.props = e3.props.map(function(e4) {
+        return "".concat(t2, " ").concat(e4);
+      })), Array.isArray(e3.children) && "@keyframes" !== e3.type && (e3.children = Ve(e3.children, t2)), e3;
+    });
+  }
+  function Fe(e2) {
+    var t2, n2, o2, r2 = C, s2 = r2.options, i2 = void 0 === s2 ? C : s2, a2 = r2.plugins, c2 = void 0 === a2 ? _ : a2, l2 = function(e3, o3, r3) {
+      return r3.startsWith(n2) && r3.endsWith(n2) && r3.replaceAll(n2, "").length > 0 ? ".".concat(t2) : e3;
+    }, u2 = c2.slice();
+    u2.push(function(e3) {
+      e3.type === RULESET && e3.value.includes("&") && (e3.props[0] = e3.props[0].replace(je, n2).replace(o2, l2));
+    }), i2.prefix && u2.push(prefixer), u2.push(stringify);
+    var p2 = function(e3, r3, s3, a3) {
+      void 0 === r3 && (r3 = ""), void 0 === s3 && (s3 = ""), void 0 === a3 && (a3 = "&"), t2 = a3, n2 = r3, o2 = new RegExp("\\".concat(n2, "\\b"), "g");
+      var c3 = e3.replace(xe, ""), l3 = compile(s3 || r3 ? "".concat(s3, " ").concat(r3, " { ").concat(c3, " }") : c3);
+      i2.namespace && (l3 = Ve(l3, i2.namespace));
+      var p3 = [];
+      return serialize(l3, middleware(u2.concat(rulesheet(function(e4) {
+        return p3.push(e4);
+      })))), p3;
+    };
+    return p2.hash = c2.length ? c2.reduce(function(e3, t3) {
+      return t3.name || he(15), M(e3, t3.name);
+    }, F).toString() : "", p2;
+  }
+  var Me = new ke(), ze = Fe(), $e = React2.createContext({ shouldForwardProp: void 0, styleSheet: Me, stylis: ze });
+  $e.Consumer;
+  React2.createContext(void 0);
+  function Ge() {
+    return React2.useContext($e);
+  }
+  var We = (function() {
+    function e2(e3, t2) {
+      var n2 = this;
+      this.inject = function(e4, t3) {
+        void 0 === t3 && (t3 = ze);
+        var o2 = n2.name + t3.hash;
+        e4.hasNameForId(n2.id, o2) || e4.insertRules(n2.id, o2, t3(n2.rules, o2, "@keyframes"));
+      }, this.name = e3, this.id = "sc-keyframes-".concat(e3), this.rules = t2, ue(this, function() {
+        throw he(12, String(n2.name));
+      });
+    }
+    return e2.prototype.getName = function(e3) {
+      return void 0 === e3 && (e3 = ze), this.name + e3.hash;
+    }, e2;
+  })(), qe = function(e2) {
+    return e2 >= "A" && e2 <= "Z";
+  };
+  function He(e2) {
+    for (var t2 = "", n2 = 0; n2 < e2.length; n2++) {
+      var o2 = e2[n2];
+      if (1 === n2 && "-" === o2 && "-" === e2[0]) return e2;
+      qe(o2) ? t2 += "-" + o2.toLowerCase() : t2 += o2;
+    }
+    return t2.startsWith("ms-") ? "-" + t2 : t2;
+  }
+  var Ue = function(e2) {
+    return null == e2 || false === e2 || "" === e2;
+  }, Je = function(t2) {
+    var n2, o2, r2 = [];
+    for (var s2 in t2) {
+      var i2 = t2[s2];
+      t2.hasOwnProperty(s2) && !Ue(i2) && (Array.isArray(i2) && i2.isCss || re(i2) ? r2.push("".concat(He(s2), ":"), i2, ";") : ce(i2) ? r2.push.apply(r2, __spreadArray(__spreadArray(["".concat(s2, " {")], Je(i2), false), ["}"], false)) : r2.push("".concat(He(s2), ": ").concat((n2 = s2, null == (o2 = i2) || "boolean" == typeof o2 || "" === o2 ? "" : "number" != typeof o2 || 0 === o2 || n2 in unitlessKeys || n2.startsWith("--") ? String(o2).trim() : "".concat(o2, "px")), ";")));
+    }
+    return r2;
+  };
+  function Xe(e2, t2, n2, o2) {
+    if (Ue(e2)) return [];
+    if (se(e2)) return [".".concat(e2.styledComponentId)];
+    if (re(e2)) {
+      if (!re(s2 = e2) || s2.prototype && s2.prototype.isReactComponent || !t2) return [e2];
+      var r2 = e2(t2);
+      return Xe(r2, t2, n2, o2);
+    }
+    var s2;
+    return e2 instanceof We ? n2 ? (e2.inject(n2, o2), [e2.getName(o2)]) : [e2] : ce(e2) ? Je(e2) : Array.isArray(e2) ? Array.prototype.concat.apply(_, e2.map(function(e3) {
+      return Xe(e3, t2, n2, o2);
+    })) : [e2.toString()];
+  }
+  function Ze(e2) {
+    for (var t2 = 0; t2 < e2.length; t2 += 1) {
+      var n2 = e2[t2];
+      if (re(n2) && !se(n2)) return false;
+    }
+    return true;
+  }
+  var Ke = z(v), Qe = (function() {
+    function e2(e3, t2, n2) {
+      this.rules = e3, this.staticRulesId = "", this.isStatic = (void 0 === n2 || n2.isStatic) && Ze(e3), this.componentId = t2, this.baseHash = M(Ke, t2), this.baseStyle = n2, ke.registerId(t2);
+    }
+    return e2.prototype.generateAndInjectStyles = function(e3, t2, n2) {
+      var o2 = this.baseStyle ? this.baseStyle.generateAndInjectStyles(e3, t2, n2) : "";
+      if (this.isStatic && !n2.hash) if (this.staticRulesId && t2.hasNameForId(this.componentId, this.staticRulesId)) o2 = ie(o2, this.staticRulesId);
+      else {
+        var r2 = ae(Xe(this.rules, e3, t2, n2)), s2 = x(M(this.baseHash, r2) >>> 0);
+        if (!t2.hasNameForId(this.componentId, s2)) {
+          var i2 = n2(r2, ".".concat(s2), void 0, this.componentId);
+          t2.insertRules(this.componentId, s2, i2);
+        }
+        o2 = ie(o2, s2), this.staticRulesId = s2;
+      }
+      else {
+        for (var a2 = M(this.baseHash, n2.hash), c2 = "", l2 = 0; l2 < this.rules.length; l2++) {
+          var u2 = this.rules[l2];
+          if ("string" == typeof u2) c2 += u2;
+          else if (u2) {
+            var p2 = ae(Xe(u2, e3, t2, n2));
+            a2 = M(a2, p2 + l2), c2 += p2;
+          }
+        }
+        if (c2) {
+          var d2 = x(a2 >>> 0);
+          t2.hasNameForId(this.componentId, d2) || t2.insertRules(this.componentId, d2, n2(c2, ".".concat(d2), void 0, this.componentId)), o2 = ie(o2, d2);
+        }
+      }
+      return o2;
+    }, e2;
+  })(), et = React2.createContext(void 0);
+  et.Consumer;
+  function ot(e2) {
+    var n2 = React2.useContext(et), r2 = React2.useMemo(function() {
+      return (function(e3, n3) {
+        if (!e3) throw he(14);
+        if (re(e3)) {
+          var o2 = e3(n3);
+          return o2;
+        }
+        if (Array.isArray(e3) || "object" != typeof e3) throw he(8);
+        return n3 ? __assign(__assign({}, n3), e3) : e3;
+      })(e2.theme, n2);
+    }, [e2.theme, n2]);
+    return e2.children ? React2.createElement(et.Provider, { value: r2 }, e2.children) : null;
+  }
+  var rt = {};
+  function it(e2, r2, s2) {
+    var i2 = se(e2), a2 = e2, c2 = !L(e2), p2 = r2.attrs, d2 = void 0 === p2 ? _ : p2, h2 = r2.componentId, f2 = void 0 === h2 ? (function(e3, t2) {
+      var n2 = "string" != typeof e3 ? "sc" : R(e3);
+      rt[n2] = (rt[n2] || 0) + 1;
+      var o2 = "".concat(n2, "-").concat($(v + n2 + rt[n2]));
+      return t2 ? "".concat(t2, "-").concat(o2) : o2;
+    })(r2.displayName, r2.parentComponentId) : h2, m2 = r2.displayName, y2 = void 0 === m2 ? (function(e3) {
+      return L(e3) ? "styled.".concat(e3) : "Styled(".concat(B(e3), ")");
+    })(e2) : m2, g2 = r2.displayName && r2.componentId ? "".concat(R(r2.displayName), "-").concat(r2.componentId) : r2.componentId || f2, S2 = i2 && a2.attrs ? a2.attrs.concat(d2).filter(Boolean) : d2, w2 = r2.shouldForwardProp;
+    if (i2 && a2.shouldForwardProp) {
+      var b2 = a2.shouldForwardProp;
+      if (r2.shouldForwardProp) {
+        var E2 = r2.shouldForwardProp;
+        w2 = function(e3, t2) {
+          return b2(e3, t2) && E2(e3, t2);
+        };
+      } else w2 = b2;
+    }
+    var N2 = new Qe(s2, g2, i2 ? a2.componentStyle : void 0);
+    function O2(e3, r3) {
+      return (function(e4, r4, s3) {
+        var i3 = e4.attrs, a3 = e4.componentStyle, c3 = e4.defaultProps, p3 = e4.foldedComponentIds, d3 = e4.styledComponentId, h3 = e4.target, f3 = React2.useContext(et), m3 = Ge(), y3 = e4.shouldForwardProp || m3.shouldForwardProp;
+        var v2 = I(r4, f3, c3) || C, g3 = (function(e5, n2, o2) {
+          for (var r5, s4 = __assign(__assign({}, n2), { className: void 0, theme: o2 }), i4 = 0; i4 < e5.length; i4 += 1) {
+            var a4 = re(r5 = e5[i4]) ? r5(s4) : r5;
+            for (var c4 in a4) s4[c4] = "className" === c4 ? ie(s4[c4], a4[c4]) : "style" === c4 ? __assign(__assign({}, s4[c4]), a4[c4]) : a4[c4];
+          }
+          return n2.className && (s4.className = ie(s4.className, n2.className)), s4;
+        })(i3, r4, v2), S3 = g3.as || h3, w3 = {};
+        for (var b3 in g3) void 0 === g3[b3] || "$" === b3[0] || "as" === b3 || "theme" === b3 && g3.theme === v2 || ("forwardedAs" === b3 ? w3.as = g3.forwardedAs : y3 && !y3(b3, S3) || (w3[b3] = g3[b3], y3 || true));
+        var E3 = (function(e5, t2) {
+          var n2 = Ge(), o2 = e5.generateAndInjectStyles(t2, n2.styleSheet, n2.stylis);
+          return o2;
+        })(a3, g3);
+        var N3 = ie(p3, d3);
+        return E3 && (N3 += " " + E3), g3.className && (N3 += " " + g3.className), w3[L(S3) && !A.has(S3) ? "class" : "className"] = N3, s3 && (w3.ref = s3), React2.createElement(S3, w3);
+      })(D2, e3, r3);
+    }
+    O2.displayName = y2;
+    var D2 = React2.forwardRef(O2);
+    return D2.attrs = S2, D2.componentStyle = N2, D2.displayName = y2, D2.shouldForwardProp = w2, D2.foldedComponentIds = i2 ? ie(a2.foldedComponentIds, a2.styledComponentId) : "", D2.styledComponentId = g2, D2.target = i2 ? a2.target : e2, Object.defineProperty(D2, "defaultProps", { get: function() {
+      return this._foldedDefaultProps;
+    }, set: function(e3) {
+      this._foldedDefaultProps = i2 ? (function(e4) {
+        for (var t2 = [], n2 = 1; n2 < arguments.length; n2++) t2[n2 - 1] = arguments[n2];
+        for (var o2 = 0, r3 = t2; o2 < r3.length; o2++) le(e4, r3[o2], true);
+        return e4;
+      })({}, a2.defaultProps, e3) : e3;
+    } }), ue(D2, function() {
+      return ".".concat(D2.styledComponentId);
+    }), c2 && oe(D2, e2, { attrs: true, componentStyle: true, displayName: true, foldedComponentIds: true, shouldForwardProp: true, styledComponentId: true, target: true }), D2;
+  }
+  function at(e2, t2) {
+    for (var n2 = [e2[0]], o2 = 0, r2 = t2.length; o2 < r2; o2 += 1) n2.push(t2[o2], e2[o2 + 1]);
+    return n2;
+  }
+  var ct = function(e2) {
+    return Object.assign(e2, { isCss: true });
+  };
+  function lt(t2) {
+    for (var n2 = [], o2 = 1; o2 < arguments.length; o2++) n2[o2 - 1] = arguments[o2];
+    if (re(t2) || ce(t2)) return ct(Xe(at(_, __spreadArray([t2], n2, true))));
+    var r2 = t2;
+    return 0 === n2.length && 1 === r2.length && "string" == typeof r2[0] ? Xe(r2) : ct(Xe(at(r2, n2)));
+  }
+  function ut(n2, o2, r2) {
+    if (void 0 === r2 && (r2 = C), !o2) throw he(1, o2);
+    var s2 = function(t2) {
+      for (var s3 = [], i2 = 1; i2 < arguments.length; i2++) s3[i2 - 1] = arguments[i2];
+      return n2(o2, r2, lt.apply(void 0, __spreadArray([t2], s3, false)));
+    };
+    return s2.attrs = function(e2) {
+      return ut(n2, o2, __assign(__assign({}, r2), { attrs: Array.prototype.concat(r2.attrs, e2).filter(Boolean) }));
+    }, s2.withConfig = function(e2) {
+      return ut(n2, o2, __assign(__assign({}, r2), e2));
+    }, s2;
+  }
+  var pt = function(e2) {
+    return ut(it, e2);
+  }, dt = pt;
+  A.forEach(function(e2) {
+    dt[e2] = pt(e2);
+  });
+  const theme = {
+    // Main colors usually to be modified by the user
+    primary: "#422ad5",
+    //	Primary brand color, The main color of your brand
+    primaryContent: "#e0e7ff",
+    //	--color-primary-content	Foreground content color to use on primary color
+    secondary: "#f43098",
+    //	--color-secondary	Secondary brand color, The optional, secondary color of your brand
+    secondaryContent: "#f9e4f0",
+    //	--color-secondary-content	Foreground content color to use on secondary color
+    accent: "#00d3bb",
+    //	--color-accent	Accent brand color, The optional, accent color of your brand
+    accentContent: "#084d49",
+    //	--color-accent-content	Foreground content color to use on accent color
+    neutral: "#09090b",
+    //	--color-neutral	Neutral dark color, For not-saturated parts of UI
+    neutralContent: "#e4e4e7",
+    //	--color-neutral-content	Foreground content color to use on neutral color
+    base100: "#ffffff",
+    //	--color-base-100	Base surface color of page, used for blank backgrounds
+    base200: "#f8f8f8",
+    //	--color-base-200	Base color, darker shade, to create elevations
+    base300: "#eeeeee",
+    //	--color-base-300	Base color, even more darker shade, to create elevations
+    baseContent: "#18181b",
+    //	--color-base-content	Foreground content color to use on base color
+    info: "#00bafe",
+    //	--color-info	Info color, For informative/helpful messages
+    infoContent: "#042e49",
+    //	--color-info-content	Foreground content color to use on info color
+    success: "#00d390",
+    //	--color-success	Success color, For success/safe messages
+    successContent: "#004c39",
+    //	--color-success-content	Foreground content color to use on success color
+    warning: "#fcb700",
+    //	--color-warning	Warning color, For warning/caution messages
+    warningContent: "#793205",
+    //	--color-warning-content	Foreground content color to use on warning color
+    error: "#ff627d",
+    //	--color-error	Error color, For error/danger/destructive messages
+    errorContent: "#4d0218",
+    //	--color-error-content	Foreground content color to use on error color
+    radiusSelectors: "0.25rem",
+    // checkbox, toggle, badge
+    radiusField: "0.25rem",
+    // button, input, select, tab
+    radiusBox: "0.25rem",
+    // card, modal, alert
+    borderWidth: "1px",
+    fontSize: "1rem",
+    sizeField: `.3rem`,
+    sizeSelector: `.3rem`,
+    allFieldsSize: `20rem`,
+    // radio/checkbox item element width
+    spacing: ".3rem",
+    depth: 1
+  };
+  const themeContextInitialValues = {
+    selectedVariant: "primary",
+    getDefaultVariantOrSelected: () => "primary",
+    ...theme
+  };
+  const ThemeContext = React2.createContext({
+    ...theme,
+    ...themeContextInitialValues
+  });
+  const CssVariables = dt.div`
   font-family:
     ui-sans-serif,
     system-ui,
@@ -17,48 +1236,393 @@ var SiteUtilsFeedback=(function(pe,s,lo){"use strict";var ut={},Tr;function co()
     Segoe UI Symbol,
     Noto Color Emoji;
   color-scheme: light;
-  --color-base-100: ${e=>e.$theme.base100};
-  --color-base-200: ${e=>e.$theme.base200};
-  --color-base-300: ${e=>e.$theme.base300};
-  --color-base-content: ${e=>e.$theme.baseContent};
-  --color-primary: ${e=>e.$theme.primary};
-  --color-primary-content: ${e=>e.$theme.primaryContent};
-  --color-secondary: ${e=>e.$theme.secondary};
-  --color-secondary-content: ${e=>e.$theme.secondaryContent};
-  --color-accent: ${e=>e.$theme.accent};
-  --color-accent-content: ${e=>e.$theme.accentContent};
-  --color-neutral: ${e=>e.$theme.neutral};
-  --color-neutral-content: ${e=>e.$theme.neutralContent};
-  --color-info: ${e=>e.$theme.info};
-  --color-info-content: ${e=>e.$theme.infoContent};
-  --color-success: ${e=>e.$theme.success};
-  --color-success-content: ${e=>e.$theme.successContent};
-  --color-warning: ${e=>e.$theme.warning};
-  --color-warning-content: ${e=>e.$theme.warningContent};
-  --color-error: ${e=>e.$theme.error};
-  --color-error-content: ${e=>e.$theme.errorContent};
+  --color-base-100: ${(props) => props.$theme["base100"]};
+  --color-base-200: ${(props) => props.$theme["base200"]};
+  --color-base-300: ${(props) => props.$theme["base300"]};
+  --color-base-content: ${(props) => props.$theme["baseContent"]};
+  --color-primary: ${(props) => props.$theme["primary"]};
+  --color-primary-content: ${(props) => props.$theme["primaryContent"]};
+  --color-secondary: ${(props) => props.$theme["secondary"]};
+  --color-secondary-content: ${(props) => props.$theme["secondaryContent"]};
+  --color-accent: ${(props) => props.$theme["accent"]};
+  --color-accent-content: ${(props) => props.$theme["accentContent"]};
+  --color-neutral: ${(props) => props.$theme["neutral"]};
+  --color-neutral-content: ${(props) => props.$theme["neutralContent"]};
+  --color-info: ${(props) => props.$theme["info"]};
+  --color-info-content: ${(props) => props.$theme["infoContent"]};
+  --color-success: ${(props) => props.$theme["success"]};
+  --color-success-content: ${(props) => props.$theme["successContent"]};
+  --color-warning: ${(props) => props.$theme["warning"]};
+  --color-warning-content: ${(props) => props.$theme["warningContent"]};
+  --color-error: ${(props) => props.$theme["error"]};
+  --color-error-content: ${(props) => props.$theme["errorContent"]};
 
-  --radius-selector: ${e=>e.$theme.radiusSelectors};
-  --radius-field: ${e=>e.$theme.radiusField};
-  --radius-box: ${e=>e.$theme.radiusBox};
+  --radius-selector: ${(props) => props.$theme["radiusSelectors"]};
+  --radius-field: ${(props) => props.$theme["radiusField"]};
+  --radius-box: ${(props) => props.$theme["radiusBox"]};
 
-  --border-width: ${e=>e.$theme.borderWidth};
+  --border-width: ${(props) => props.$theme["borderWidth"]};
 
-  --font-size: ${e=>e.$theme.fontSize};
-  --size-field: ${e=>e.$theme.sizeField};
-  --size-selector: ${e=>e.$theme.sizeSelector};
-  --depth: ${e=>e.$theme.depth};
-  --spacing: ${e=>e.$theme.spacing};
-  --all-fields-size: ${e=>e.$theme.allFieldsSize};
-`,se=e=>{const t=e.selectedVariant??"primary";return console.log("ThemeProvider_theme",e.theme??Fe),s.createElement(mi,{theme:e.theme??Fe,children:s.createElement(gi,{$theme:e.theme??Fe,children:s.createElement(ln.Provider,{value:{selectedVariant:t,getDefaultVariantOrSelected:()=>t,...e.theme??Fe},children:e.children})})})},cn=()=>s.useContext(ln),le=e=>{const{getDefaultVariantOrSelected:t,...r}=cn(),n=t();return r[e??n]},un=e=>{const{getDefaultVariantOrSelected:t,...r}=cn(),n=t(),o=e?`${e}Content`:`${n}Content`;return r[o]},bi=()=>{const e="http://localhost:4000/external",t=async r=>{const n=await r;if(!n.ok)switch(n.status){case 404:throw new Error("Not found");case 400:throw new Error("Bad request");default:throw new Error("Unknown error")}return(await r).json()};return{post:async(r,n,o)=>{var a;try{return t(fetch(`${e}${r}`,{method:"POST",body:JSON.stringify(n),signal:((a=o==null?void 0:o.abortController)==null?void 0:a.signal)??null,headers:{"Content-Type":"application/json",...(o==null?void 0:o.headers)??{}}}))}catch(l){throw console.log(l),l}},get:async(r,n)=>{var o;try{return t(fetch(`${e}${r}`,{method:"GET",signal:((o=n==null?void 0:n.abortController)==null?void 0:o.signal)??null,headers:{"Content-Type":"application/json",...(n==null?void 0:n.headers)??{}}}))}catch(a){throw console.log(a),a}}}},dn={meta:{name:"asd"},steps:[{title:"Overall altitude",meta:{name:"overall"},fields:[{type:"matrix",meta:{name:"asd",fieldKey:"recommendationChance"},validations:{required:!0},label:{default:"How likely are you to recommend this company to a friend or colleague?"},max:10},{type:"radio-group",meta:{name:"asd",fieldKey:"satisfactionLevel"},label:{default:"Overall, how satisfied or dissatisfied are you with our company?"},validations:{required:!0},options:[{label:"Very satisfied",id:"1"},{label:"Somewhat satisfied",id:"2"},{label:"Neither satisfied nor dissatisfied",id:"3"},{label:"Somewhat dissatisfied",id:"4"},{label:"Very dissatisfied",id:"5"}]},{type:"rating",icon:"star2",max:5,meta:{name:"asd",fieldKey:"satisfactionRating"},label:{default:"What is your general satisfaction?"},validations:{required:!0}}]},{meta:{name:"products"},title:"Product questions",fields:[{type:"checkbox-group",meta:{name:"asd",fieldKey:"productDescribeWords"},label:{default:"Which of the following words best describes your experience with our products?"},validations:{required:!0},options:[{label:"Reliable",id:"1"},{label:"High quality",id:"2"},{label:"Useful",id:"3"},{label:"Unique",id:"4"},{label:"Value for money",id:"5"},{label:"Overpriced",id:"6"},{label:"Ineffective",id:"7"},{label:"Poor quality",id:"8"},{label:"Unreliable",id:"9"}]},{type:"radio-group",meta:{name:"asd",fieldKey:"productExpectations"},label:{default:"How well products meet your expectations?"},validations:{required:!0},options:[{label:"Extremely well",id:"1"},{label:"Well",id:"2"},{label:"Somewhat well",id:"3"},{label:"Not well",id:"4"},{label:"Not at all well",id:"5"}]},{type:"matrix",meta:{name:"asd",fieldKey:"productQuality"},label:{default:"How would you rate the quality of our products?"},validations:{required:!0},max:10,minText:"Poor quality",maxText:"Good quality"}]},{meta:{name:"final-questions"},title:"Final questions",fields:[{type:"range-slide",defaultValue:77,meta:{name:"asd",fieldKey:"productsImpressionLevel"},label:{default:"What is your overall impression level of our products?"}},{type:"rating",icon:"heart",max:5,meta:{name:"asd",fieldKey:"productExpectations"},label:{default:"Do you like our service and products?"},validations:{required:!0}},{type:"select",meta:{name:"asd",fieldKey:"fromWhereDidYouHearAboutUs"},label:{default:"From where did you hear about us?"},validations:{required:!0},options:[{label:"Facebook",id:"1"},{label:"Instagram",id:"2"},{label:"Google search",id:"3"},{label:"AD",id:"4"},{label:"Other",id:"5"}]},{type:"textarea",meta:{name:"asd",fieldKey:"lastComments"},validations:{required:!1},label:{values:[{conditions:[{fieldName:"satisfactionRating",lessThan:4}],value:"How can we improve our service? (optional)"}],default:"What you would like to tell us about your experience with this company? (optional)?"}}]}]},yi=(e,t)=>new Promise(r=>{r({id:"",domainId:"",attributes:{theme:{},useSystemTheme:!0,variant:"primary"},popupForm:{meta:{name:"popupForm"},config:{canReturnToPreviousStep:!0,nextButtonText:"Next",previousButtonText:"Previous",submitButtonText:"Submit",formTitle:"We are looking forward to hear from you!",buttonText:"Feedback"},styles:{left:null,top:0,bottom:-20,right:0},form:dn},inlineForm:{meta:{name:"asd"},config:{canReturnToPreviousStep:!0,nextButtonText:"Next",previousButtonText:"Previous",submitButtonText:"Submit",formTitle:"We are looking forward to hear from you!"},form:dn}})}),vi=e=>{const[t,r]=s.useState(),[n,o]=s.useState(!0),[a,l]=s.useState(null);return s.useEffect(()=>{const d=new AbortController;return o(!0),e(d).then(r).catch(l).finally(()=>o(!1)),()=>{d.abort()}},[]),{data:t,loading:n,error:a}},Re=b.button(e=>{const t=le(),r=un(),o=!e.$outlined?t:"#fff",a=e.$outlined?t:r,l=e.$outlined?a:o,d=`calc(${e.theme.sizeField} * 10)`;return{borderRadius:e.theme.radiusField,borderColor:e.disabled?"#cfcfcf":l,borderStyle:e.$dashed?"dashed":"solid",cursor:"pointer",boxShadow:"inset 0 0 20px 20px transparent",height:d,fontWeight:"600",opacity:e.disabled?.5:1,paddingInline:"1.2rem",transition:"all 0.2s ease-in-out",background:e.disabled?"#cfcfcf":o,borderWidth:e.theme.borderWidth,userSelect:e.disabled?"none":void 0,color:e.disabled?"#888888":a,"&:active":{transform:e.disabled?void 0:"scale(0.97)"},"&:hover":{opacity:e.disabled?void 0:.8,cursor:e.disabled?"auto":"pointer",boxShadow:e.disabled?void 0:"inset 0 0 20px 20px #00000017"},"@media (max-width: 900px)":{paddingInline:"0.5rem"},"@media (max-width: 700px)":{paddingInline:"0.7rem"},"@media (max-width: 400px)":{paddingInline:"0.7rem"}}}),Ei=b.div`
-  visibility: ${e=>e.$isVisible&&e.$height?"visible":"hidden"};
-  opacity: ${e=>e.$isVisible?1:0};
+  --font-size: ${(props) => props.$theme["fontSize"]};
+  --size-field: ${(props) => props.$theme["sizeField"]};
+  --size-selector: ${(props) => props.$theme["sizeSelector"]};
+  --depth: ${(props) => props.$theme["depth"]};
+  --spacing: ${(props) => props.$theme["spacing"]};
+  --all-fields-size: ${(props) => props.$theme["allFieldsSize"]};
+`;
+  const ThemeProvider = (props) => {
+    const selectedVariant = props.selectedVariant ?? "primary";
+    console.log("ThemeProvider_theme", props.theme ?? theme);
+    return React2.createElement(ot, {
+      theme: props.theme ?? theme,
+      children: React2.createElement(CssVariables, {
+        $theme: props.theme ?? theme,
+        children: React2.createElement(ThemeContext.Provider, {
+          value: {
+            selectedVariant,
+            getDefaultVariantOrSelected: () => {
+              return selectedVariant;
+            },
+            ...props.theme ?? theme
+          },
+          children: props.children
+        })
+      })
+    });
+  };
+  const useThemeContext = () => React2.useContext(ThemeContext);
+  const useDefaultVariantColor = (override) => {
+    const { getDefaultVariantOrSelected, ...theme2 } = useThemeContext();
+    const defaultVariant = getDefaultVariantOrSelected();
+    return theme2[override ?? defaultVariant];
+  };
+  const useDefaultVariantContentColor = (override) => {
+    const { getDefaultVariantOrSelected, ...theme2 } = useThemeContext();
+    const defaultVariant = getDefaultVariantOrSelected();
+    const colorVariantKey = override ? `${override}Content` : `${defaultVariant}Content`;
+    return theme2[colorVariantKey];
+  };
+  const createBaseApi = () => {
+    const apiUrl = "http://localhost:4000/external";
+    const unwrap = async (req) => {
+      const unwrapped = await req;
+      if (!unwrapped.ok) {
+        switch (unwrapped.status) {
+          case 404:
+            throw new Error("Not found");
+          case 400:
+            throw new Error("Bad request");
+          default:
+            throw new Error("Unknown error");
+        }
+      }
+      return (await req).json();
+    };
+    return {
+      post: async (path, body, options) => {
+        var _a;
+        try {
+          return unwrap(
+            fetch(`${apiUrl}${path}`, {
+              method: "POST",
+              body: JSON.stringify(body),
+              signal: ((_a = options == null ? void 0 : options.abortController) == null ? void 0 : _a.signal) ?? null,
+              headers: {
+                "Content-Type": "application/json",
+                ...(options == null ? void 0 : options.headers) ?? {}
+              }
+            })
+          );
+        } catch (e) {
+          console.log(e);
+          throw e;
+        }
+      },
+      get: async (path, options) => {
+        var _a;
+        try {
+          return unwrap(
+            fetch(`${apiUrl}${path}`, {
+              method: "GET",
+              signal: ((_a = options == null ? void 0 : options.abortController) == null ? void 0 : _a.signal) ?? null,
+              headers: {
+                "Content-Type": "application/json",
+                ...(options == null ? void 0 : options.headers) ?? {}
+              }
+            })
+          );
+        } catch (e) {
+          console.log(e);
+          throw e;
+        }
+      }
+    };
+  };
+  const formMock = {
+    meta: { name: "asd" },
+    steps: [
+      {
+        title: "Overall altitude",
+        meta: { name: "overall" },
+        fields: [
+          {
+            type: "matrix",
+            meta: { name: "asd", fieldKey: "recommendationChance" },
+            validations: {
+              required: true
+            },
+            label: {
+              default: "How likely are you to recommend this company to a friend or colleague?"
+            },
+            max: 10
+          },
+          {
+            type: "radio-group",
+            meta: { name: "asd", fieldKey: "satisfactionLevel" },
+            label: {
+              default: "Overall, how satisfied or dissatisfied are you with our company?"
+            },
+            validations: { required: true },
+            options: [
+              { label: "Very satisfied", id: "1" },
+              { label: "Somewhat satisfied", id: "2" },
+              { label: "Neither satisfied nor dissatisfied", id: "3" },
+              { label: "Somewhat dissatisfied", id: "4" },
+              { label: "Very dissatisfied", id: "5" }
+            ]
+          },
+          {
+            type: "rating",
+            icon: "star2",
+            max: 5,
+            meta: { name: "asd", fieldKey: "satisfactionRating" },
+            label: { default: "What is your general satisfaction?" },
+            validations: { required: true }
+          }
+        ]
+      },
+      {
+        meta: { name: "products" },
+        title: "Product questions",
+        fields: [
+          {
+            type: "checkbox-group",
+            meta: { name: "asd", fieldKey: "productDescribeWords" },
+            label: {
+              default: "Which of the following words best describes your experience with our products?"
+            },
+            validations: { required: true },
+            options: [
+              { label: "Reliable", id: "1" },
+              { label: "High quality", id: "2" },
+              { label: "Useful", id: "3" },
+              { label: "Unique", id: "4" },
+              { label: "Value for money", id: "5" },
+              { label: "Overpriced", id: "6" },
+              { label: "Ineffective", id: "7" },
+              { label: "Poor quality", id: "8" },
+              { label: "Unreliable", id: "9" }
+            ]
+          },
+          {
+            type: "radio-group",
+            meta: { name: "asd", fieldKey: "productExpectations" },
+            label: {
+              default: "How well products meet your expectations?"
+            },
+            validations: { required: true },
+            options: [
+              { label: "Extremely well", id: "1" },
+              { label: "Well", id: "2" },
+              { label: "Somewhat well", id: "3" },
+              { label: "Not well", id: "4" },
+              { label: "Not at all well", id: "5" }
+            ]
+          },
+          {
+            type: "matrix",
+            meta: { name: "asd", fieldKey: "productQuality" },
+            label: {
+              default: "How would you rate the quality of our products?"
+            },
+            validations: { required: true },
+            max: 10,
+            minText: "Poor quality",
+            maxText: "Good quality"
+          }
+        ]
+      },
+      {
+        meta: { name: "final-questions" },
+        title: "Final questions",
+        fields: [
+          {
+            type: "range-slide",
+            defaultValue: 77,
+            meta: { name: "asd", fieldKey: "productsImpressionLevel" },
+            label: {
+              default: "What is your overall impression level of our products?"
+            }
+          },
+          {
+            type: "rating",
+            icon: "heart",
+            max: 5,
+            meta: { name: "asd", fieldKey: "productExpectations" },
+            label: {
+              default: "Do you like our service and products?"
+            },
+            validations: { required: true }
+          },
+          {
+            type: "select",
+            meta: { name: "asd", fieldKey: "fromWhereDidYouHearAboutUs" },
+            label: {
+              default: "From where did you hear about us?"
+            },
+            validations: { required: true },
+            options: [
+              { label: "Facebook", id: "1" },
+              { label: "Instagram", id: "2" },
+              { label: "Google search", id: "3" },
+              { label: "AD", id: "4" },
+              { label: "Other", id: "5" }
+            ]
+          },
+          {
+            type: "textarea",
+            meta: { name: "asd", fieldKey: "lastComments" },
+            validations: { required: false },
+            label: {
+              values: [
+                {
+                  conditions: [
+                    {
+                      fieldName: "satisfactionRating",
+                      lessThan: 4
+                    }
+                  ],
+                  value: "How can we improve our service? (optional)"
+                }
+              ],
+              default: "What you would like to tell us about your experience with this company? (optional)?"
+            }
+          }
+        ]
+      }
+    ]
+  };
+  const getFormConfigMock = (_payload, _options) => {
+    return new Promise((resolve) => {
+      resolve({
+        id: "",
+        domainId: "",
+        attributes: {
+          theme: {},
+          useSystemTheme: true,
+          variant: "primary"
+        },
+        popupForm: {
+          meta: {
+            name: "popupForm"
+          },
+          config: {
+            canReturnToPreviousStep: true,
+            nextButtonText: "Next",
+            previousButtonText: "Previous",
+            submitButtonText: "Submit",
+            formTitle: "We are looking forward to hear from you!",
+            buttonText: "Feedback"
+          },
+          styles: {
+            left: null,
+            top: 0,
+            bottom: -20,
+            right: 0
+          },
+          form: formMock
+        },
+        inlineForm: {
+          meta: {
+            name: "asd"
+          },
+          config: {
+            canReturnToPreviousStep: true,
+            nextButtonText: "Next",
+            previousButtonText: "Previous",
+            submitButtonText: "Submit",
+            formTitle: "We are looking forward to hear from you!"
+          },
+          form: formMock
+        }
+      });
+    });
+  };
+  const useRequest = (request) => {
+    const [data, setData] = React2.useState();
+    const [loading, setLoading] = React2.useState(true);
+    const [error, setError] = React2.useState(null);
+    React2.useEffect(() => {
+      const abortController = new AbortController();
+      setLoading(true);
+      request(abortController).then(setData).catch(setError).finally(() => setLoading(false));
+      return () => {
+        abortController.abort();
+      };
+    }, []);
+    return { data, loading, error };
+  };
+  const Button = dt.button((props) => {
+    const variantColor = useDefaultVariantColor();
+    const variantContentColor = useDefaultVariantContentColor();
+    const withBackground = !props.$outlined;
+    const background = withBackground ? variantColor : "#fff";
+    const color = props.$outlined ? variantColor : variantContentColor;
+    const borderColor = props.$outlined ? color : background;
+    const height = `calc(${props.theme.sizeField} * 10)`;
+    return {
+      borderRadius: props.theme.radiusField,
+      borderColor: props.disabled ? "#cfcfcf" : borderColor,
+      borderStyle: props.$dashed ? "dashed" : "solid",
+      cursor: "pointer",
+      boxShadow: `inset 0 0 20px 20px transparent`,
+      height,
+      fontWeight: "600",
+      opacity: props.disabled ? 0.5 : 1,
+      paddingInline: "1.2rem",
+      transition: "all 0.2s ease-in-out",
+      background: props.disabled ? "#cfcfcf" : background,
+      borderWidth: props.theme.borderWidth,
+      userSelect: props.disabled ? "none" : void 0,
+      color: props.disabled ? "#888888" : color,
+      "&:active": {
+        transform: props.disabled ? void 0 : "scale(0.97)"
+      },
+      "&:hover": {
+        opacity: !props.disabled ? 0.8 : void 0,
+        cursor: props.disabled ? "auto" : "pointer",
+        boxShadow: !props.disabled ? `inset 0 0 20px 20px #00000017` : void 0
+      },
+      "@media (max-width: 900px)": {
+        paddingInline: "0.5rem"
+      },
+      "@media (max-width: 700px)": {
+        paddingInline: "0.7rem"
+      },
+      "@media (max-width: 400px)": {
+        paddingInline: "0.7rem"
+      }
+    };
+  });
+  const Div$3 = dt.div`
+  visibility: ${(props) => props.$isVisible && props.$height ? "visible" : "hidden"};
+  opacity: ${(props) => props.$isVisible ? 1 : 0};
   display: flex;
-  min-height: ${e=>e.$height?`${e.$height}px`:"auto"};
+  min-height: ${(props) => props.$height ? `${props.$height}px` : "auto"};
   gap: calc(var(--spacing) * 7);
   top: 0;
   left: 0;
-  position: ${e=>e.$isVisible?"relative":"absolute"};
+  position: ${(props) => props.$isVisible ? "relative" : "absolute"};
   flex-direction: column;
   justify-content: flex-start;
   flex-wrap: wrap;
@@ -66,10 +1630,25 @@ var SiteUtilsFeedback=(function(pe,s,lo){"use strict";var ut={},Tr;function co()
   max-width: 100%;
   @media (max-width: 900px) {
     min-height: auto;
-    height: ${e=>e.$isVisible?"auto":"0"};
-    width: ${e=>e.$isVisible?"auto":"0"};
+    height: ${(props) => props.$isVisible ? "auto" : "0"};
+    width: ${(props) => props.$isVisible ? "auto" : "0"};
   }
-`,mn=e=>{const t=s.useRef(null);return s.useEffect(()=>{t.current&&e.onSetMaxHeight(t.current.clientHeight)},[t]),s.createElement(Ei,{ref:t,$height:e.height,$isVisible:e.isVisible,children:e.children})},Si=b.ul`
+`;
+  const Step = (props) => {
+    const ref = React2.useRef(null);
+    React2.useEffect(() => {
+      if (ref.current) {
+        props.onSetMaxHeight(ref.current.clientHeight);
+      }
+    }, [ref, props.onSetMaxHeight]);
+    return React2.createElement(Div$3, {
+      ref,
+      $height: props.height,
+      $isVisible: props.isVisible,
+      children: props.children
+    });
+  };
+  const StepsContainer = dt.ul`
   counter-reset: step;
   grid-auto-columns: 1fr;
   grid-auto-flow: column;
@@ -78,8 +1657,1371 @@ var SiteUtilsFeedback=(function(pe,s,lo){"use strict";var ut={},Tr;function co()
   @media (max-width: 900px) {
     display: none;
   }
-`,Ti=b.li(e=>{const t=le(e.colorVariant),r=un(e.colorVariant),n=e.shouldBeFilled?t:"var(--color-base-300)",o=e.shouldBeFilled?r:"var(--color-base-content)";return{textAlign:"center","--step-bg":n,"--step-fg":o,gridTemplateRows:"40px 1fr",gridTemplateColumns:"auto",gap:".5rem",placeItems:"center",minWidth:"4rem",display:"grid","&:not(:first-of-type):before":{width:"100%",height:"0.5rem",color:"var(--step-bg)",backgroundColor:"var(--step-bg)","--tw-content":"''",content:"var(--tw-content)",border:"1px solid",gridRowStart:"1",gridColumnStart:"1",marginInlineStart:"-100%"},"&:after":{content:"counter(step)",counterIncrement:"step",zIndex:"1",color:"var(--step-fg)",backgroundColor:"var(--step-bg)",border:"1px solid var(--step-bg)",borderRadius:"3.40282e38px",gridRowStart:"1",gridColumnStart:"1",placeSelf:"center",placeItems:"center",width:"2rem",height:"2rem",display:"grid",position:"relative"}}}),fn=e=>(console.log("props.currentStepIndex",e.currentStepIndex),s.createElement(Si,{children:[e.steps.map((t,r)=>s.createElement(Ti,{key:t.title,colorVariant:e.colorVariant,shouldBeFilled:e.currentStepIndex>=r,children:t.title}))]})),wi={title:{marginTop:"0",marginBottom:".888889em",fontWeight:"700",fontSize:"2.25em",lineHeight:"1.11111"},subtitle:{marginTop:"2em",fontWeight:"700",marginBottom:"1em",fontSize:"1.5em",lineHeight:"1.33333"},section:{marginBottom:"1em",fontWeight:"600",fontSize:"1.25em",lineHeight:"1.6"},subsection:{marginTop:"1.5em",marginBottom:".5em",fontWeight:"600",fontSize:"1rem"},paragraph:{marginTop:"0",marginBottom:"1.25em",fontSize:"1rem"}},xi=b.div(e=>({...wi[e.$variant??"paragraph"],color:e.theme.baseContent,...e.$linear?{margin:"0"}:{}})),ee=e=>s.createElement(xi,{$variant:e.variant,$linear:e.linear,children:e.children}),Ci=e=>{switch(e){case"textarea":return"";case"select":return"";case"checkbox-group":return[];case"radio-group":return"";case"matrix":return null;case"range-slide":return null;case"rating":return null;default:return null}},hn=e=>{const t=s.useMemo(()=>e.form.steps.reduce((l,d,u)=>(l.validationsPerStep[u]={},l.steps=[...l.steps,{...d,fields:d.fields.map(f=>{const p=f.meta.fieldKey;return p?(l.validationsPerStep[u][p]={fieldType:f.type,validations:f.validations},l.state={...l.state,[p]:Ci(f.type)},{dataField:p,...f}):{...f,dataField:null}})}],l),{validationsPerStep:{},state:{},steps:[]}),[e.form]),[r,n]=s.useState(t.state),o=s.useCallback((l,d)=>{l!==null&&n(u=>({...u,[l]:d}))},[n]),a=s.useCallback(l=>l?r[l]:null,[r]);return{steps:t.steps,validationsPerStep:t.validationsPerStep,state:r,setStateByKey:o,getStateByKey:a}},Ai=bi(),_i=(e,t)=>Ai.post("/feedback-receiver",e,t);/*! @license DOMPurify 3.2.7 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/3.2.7/LICENSE */const{entries:pn,setPrototypeOf:gn,isFrozen:Ii,getPrototypeOf:ki,getOwnPropertyDescriptor:Pi}=Object;let{freeze:G,seal:Q,create:bn}=Object,{apply:rr,construct:nr}=typeof Reflect<"u"&&Reflect;G||(G=function(t){return t}),Q||(Q=function(t){return t}),rr||(rr=function(t,r){for(var n=arguments.length,o=new Array(n>2?n-2:0),a=2;a<n;a++)o[a-2]=arguments[a];return t.apply(r,o)}),nr||(nr=function(t){for(var r=arguments.length,n=new Array(r>1?r-1:0),o=1;o<r;o++)n[o-1]=arguments[o];return new t(...n)});const kt=Y(Array.prototype.forEach),Oi=Y(Array.prototype.lastIndexOf),yn=Y(Array.prototype.pop),Ze=Y(Array.prototype.push),Ni=Y(Array.prototype.splice),Pt=Y(String.prototype.toLowerCase),or=Y(String.prototype.toString),ir=Y(String.prototype.match),Qe=Y(String.prototype.replace),$i=Y(String.prototype.indexOf),Di=Y(String.prototype.trim),te=Y(Object.prototype.hasOwnProperty),j=Y(RegExp.prototype.test),Je=Mi(TypeError);function Y(e){return function(t){t instanceof RegExp&&(t.lastIndex=0);for(var r=arguments.length,n=new Array(r>1?r-1:0),o=1;o<r;o++)n[o-1]=arguments[o];return rr(e,t,n)}}function Mi(e){return function(){for(var t=arguments.length,r=new Array(t),n=0;n<t;n++)r[n]=arguments[n];return nr(e,r)}}function E(e,t){let r=arguments.length>2&&arguments[2]!==void 0?arguments[2]:Pt;gn&&gn(e,null);let n=t.length;for(;n--;){let o=t[n];if(typeof o=="string"){const a=r(o);a!==o&&(Ii(t)||(t[n]=a),o=a)}e[o]=!0}return e}function Li(e){for(let t=0;t<e.length;t++)te(e,t)||(e[t]=null);return e}function de(e){const t=bn(null);for(const[r,n]of pn(e))te(e,r)&&(Array.isArray(n)?t[r]=Li(n):n&&typeof n=="object"&&n.constructor===Object?t[r]=de(n):t[r]=n);return t}function et(e,t){for(;e!==null;){const n=Pi(e,t);if(n){if(n.get)return Y(n.get);if(typeof n.value=="function")return Y(n.value)}e=ki(e)}function r(){return null}return r}const vn=G(["a","abbr","acronym","address","area","article","aside","audio","b","bdi","bdo","big","blink","blockquote","body","br","button","canvas","caption","center","cite","code","col","colgroup","content","data","datalist","dd","decorator","del","details","dfn","dialog","dir","div","dl","dt","element","em","fieldset","figcaption","figure","font","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","img","input","ins","kbd","label","legend","li","main","map","mark","marquee","menu","menuitem","meter","nav","nobr","ol","optgroup","option","output","p","picture","pre","progress","q","rp","rt","ruby","s","samp","search","section","select","shadow","slot","small","source","spacer","span","strike","strong","style","sub","summary","sup","table","tbody","td","template","textarea","tfoot","th","thead","time","tr","track","tt","u","ul","var","video","wbr"]),ar=G(["svg","a","altglyph","altglyphdef","altglyphitem","animatecolor","animatemotion","animatetransform","circle","clippath","defs","desc","ellipse","enterkeyhint","exportparts","filter","font","g","glyph","glyphref","hkern","image","inputmode","line","lineargradient","marker","mask","metadata","mpath","part","path","pattern","polygon","polyline","radialgradient","rect","slot","stop","style","switch","symbol","text","textpath","title","tref","tspan","view","vkern"]),sr=G(["feBlend","feColorMatrix","feComponentTransfer","feComposite","feConvolveMatrix","feDiffuseLighting","feDisplacementMap","feDistantLight","feDropShadow","feFlood","feFuncA","feFuncB","feFuncG","feFuncR","feGaussianBlur","feImage","feMerge","feMergeNode","feMorphology","feOffset","fePointLight","feSpecularLighting","feSpotLight","feTile","feTurbulence"]),Fi=G(["animate","color-profile","cursor","discard","font-face","font-face-format","font-face-name","font-face-src","font-face-uri","foreignobject","hatch","hatchpath","mesh","meshgradient","meshpatch","meshrow","missing-glyph","script","set","solidcolor","unknown","use"]),lr=G(["math","menclose","merror","mfenced","mfrac","mglyph","mi","mlabeledtr","mmultiscripts","mn","mo","mover","mpadded","mphantom","mroot","mrow","ms","mspace","msqrt","mstyle","msub","msup","msubsup","mtable","mtd","mtext","mtr","munder","munderover","mprescripts"]),Ri=G(["maction","maligngroup","malignmark","mlongdiv","mscarries","mscarry","msgroup","mstack","msline","msrow","semantics","annotation","annotation-xml","mprescripts","none"]),En=G(["#text"]),Sn=G(["accept","action","align","alt","autocapitalize","autocomplete","autopictureinpicture","autoplay","background","bgcolor","border","capture","cellpadding","cellspacing","checked","cite","class","clear","color","cols","colspan","controls","controlslist","coords","crossorigin","datetime","decoding","default","dir","disabled","disablepictureinpicture","disableremoteplayback","download","draggable","enctype","enterkeyhint","exportparts","face","for","headers","height","hidden","high","href","hreflang","id","inert","inputmode","integrity","ismap","kind","label","lang","list","loading","loop","low","max","maxlength","media","method","min","minlength","multiple","muted","name","nonce","noshade","novalidate","nowrap","open","optimum","part","pattern","placeholder","playsinline","popover","popovertarget","popovertargetaction","poster","preload","pubdate","radiogroup","readonly","rel","required","rev","reversed","role","rows","rowspan","spellcheck","scope","selected","shape","size","sizes","slot","span","srclang","start","src","srcset","step","style","summary","tabindex","title","translate","type","usemap","valign","value","width","wrap","xmlns","slot"]),cr=G(["accent-height","accumulate","additive","alignment-baseline","amplitude","ascent","attributename","attributetype","azimuth","basefrequency","baseline-shift","begin","bias","by","class","clip","clippathunits","clip-path","clip-rule","color","color-interpolation","color-interpolation-filters","color-profile","color-rendering","cx","cy","d","dx","dy","diffuseconstant","direction","display","divisor","dur","edgemode","elevation","end","exponent","fill","fill-opacity","fill-rule","filter","filterunits","flood-color","flood-opacity","font-family","font-size","font-size-adjust","font-stretch","font-style","font-variant","font-weight","fx","fy","g1","g2","glyph-name","glyphref","gradientunits","gradienttransform","height","href","id","image-rendering","in","in2","intercept","k","k1","k2","k3","k4","kerning","keypoints","keysplines","keytimes","lang","lengthadjust","letter-spacing","kernelmatrix","kernelunitlength","lighting-color","local","marker-end","marker-mid","marker-start","markerheight","markerunits","markerwidth","maskcontentunits","maskunits","max","mask","media","method","mode","min","name","numoctaves","offset","operator","opacity","order","orient","orientation","origin","overflow","paint-order","path","pathlength","patterncontentunits","patterntransform","patternunits","points","preservealpha","preserveaspectratio","primitiveunits","r","rx","ry","radius","refx","refy","repeatcount","repeatdur","restart","result","rotate","scale","seed","shape-rendering","slope","specularconstant","specularexponent","spreadmethod","startoffset","stddeviation","stitchtiles","stop-color","stop-opacity","stroke-dasharray","stroke-dashoffset","stroke-linecap","stroke-linejoin","stroke-miterlimit","stroke-opacity","stroke","stroke-width","style","surfacescale","systemlanguage","tabindex","tablevalues","targetx","targety","transform","transform-origin","text-anchor","text-decoration","text-rendering","textlength","type","u1","u2","unicode","values","viewbox","visibility","version","vert-adv-y","vert-origin-x","vert-origin-y","width","word-spacing","wrap","writing-mode","xchannelselector","ychannelselector","x","x1","x2","xmlns","y","y1","y2","z","zoomandpan"]),Tn=G(["accent","accentunder","align","bevelled","close","columnsalign","columnlines","columnspan","denomalign","depth","dir","display","displaystyle","encoding","fence","frame","height","href","id","largeop","length","linethickness","lspace","lquote","mathbackground","mathcolor","mathsize","mathvariant","maxsize","minsize","movablelimits","notation","numalign","open","rowalign","rowlines","rowspacing","rowspan","rspace","rquote","scriptlevel","scriptminsize","scriptsizemultiplier","selection","separator","separators","stretchy","subscriptshift","supscriptshift","symmetric","voffset","width","xmlns"]),Ot=G(["xlink:href","xml:id","xlink:title","xml:space","xmlns:xlink"]),zi=Q(/\{\{[\w\W]*|[\w\W]*\}\}/gm),Bi=Q(/<%[\w\W]*|[\w\W]*%>/gm),Ui=Q(/\$\{[\w\W]*/gm),Vi=Q(/^data-[\-\w.\u00B7-\uFFFF]+$/),Wi=Q(/^aria-[\-\w]+$/),wn=Q(/^(?:(?:(?:f|ht)tps?|mailto|tel|callto|sms|cid|xmpp|matrix):|[^a-z]|[a-z+.\-]+(?:[^a-z+.\-:]|$))/i),Hi=Q(/^(?:\w+script|data):/i),Gi=Q(/[\u0000-\u0020\u00A0\u1680\u180E\u2000-\u2029\u205F\u3000]/g),xn=Q(/^html$/i),ji=Q(/^[a-z][.\w]*(-[.\w]+)+$/i);var Cn=Object.freeze({__proto__:null,ARIA_ATTR:Wi,ATTR_WHITESPACE:Gi,CUSTOM_ELEMENT:ji,DATA_ATTR:Vi,DOCTYPE_NAME:xn,ERB_EXPR:Bi,IS_ALLOWED_URI:wn,IS_SCRIPT_OR_DATA:Hi,MUSTACHE_EXPR:zi,TMPLIT_EXPR:Ui});const tt={element:1,text:3,progressingInstruction:7,comment:8,document:9},Yi=function(){return typeof window>"u"?null:window},qi=function(t,r){if(typeof t!="object"||typeof t.createPolicy!="function")return null;let n=null;const o="data-tt-policy-suffix";r&&r.hasAttribute(o)&&(n=r.getAttribute(o));const a="dompurify"+(n?"#"+n:"");try{return t.createPolicy(a,{createHTML(l){return l},createScriptURL(l){return l}})}catch{return console.warn("TrustedTypes policy "+a+" could not be created."),null}},An=function(){return{afterSanitizeAttributes:[],afterSanitizeElements:[],afterSanitizeShadowDOM:[],beforeSanitizeAttributes:[],beforeSanitizeElements:[],beforeSanitizeShadowDOM:[],uponSanitizeAttribute:[],uponSanitizeElement:[],uponSanitizeShadowNode:[]}};function _n(){let e=arguments.length>0&&arguments[0]!==void 0?arguments[0]:Yi();const t=h=>_n(h);if(t.version="3.2.7",t.removed=[],!e||!e.document||e.document.nodeType!==tt.document||!e.Element)return t.isSupported=!1,t;let{document:r}=e;const n=r,o=n.currentScript,{DocumentFragment:a,HTMLTemplateElement:l,Node:d,Element:u,NodeFilter:f,NamedNodeMap:p=e.NamedNodeMap||e.MozNamedAttrMap,HTMLFormElement:T,DOMParser:w,trustedTypes:S}=e,A=u.prototype,D=et(A,"cloneNode"),q=et(A,"remove"),M=et(A,"nextSibling"),O=et(A,"childNodes"),_=et(A,"parentNode");if(typeof l=="function"){const h=r.createElement("template");h.content&&h.content.ownerDocument&&(r=h.content.ownerDocument)}let y,P="";const{implementation:x,createNodeIterator:v,createDocumentFragment:be,getElementsByTagName:ze}=r,{importNode:ur}=n;let U=An();t.isSupported=typeof pn=="function"&&typeof _=="function"&&x&&x.createHTMLDocument!==void 0;const{MUSTACHE_EXPR:nt,ERB_EXPR:ot,TMPLIT_EXPR:it,DATA_ATTR:dr,ARIA_ATTR:mr,IS_SCRIPT_OR_DATA:at,ATTR_WHITESPACE:st,CUSTOM_ELEMENT:re}=Cn;let{IS_ALLOWED_URI:Ae}=Cn,N=null;const ne=E({},[...vn,...ar,...sr,...lr,...En]);let F=null;const Be=E({},[...Sn,...cr,...Tn,...Ot]);let I=Object.seal(bn(null,{tagNameCheck:{writable:!0,configurable:!1,enumerable:!0,value:null},attributeNameCheck:{writable:!0,configurable:!1,enumerable:!0,value:null},allowCustomizedBuiltInElements:{writable:!0,configurable:!1,enumerable:!0,value:!1}})),oe=null,ye=null,ve=!0,ie=!0,Ue=!1,_e=!0,K=!1,$t=!0,Ie=!1,fr=!1,hr=!1,Ve=!1,Dt=!1,Mt=!1,Hn=!0,Gn=!1;const za="user-content-";let pr=!0,lt=!1,We={},He=null;const jn=E({},["annotation-xml","audio","colgroup","desc","foreignobject","head","iframe","math","mi","mn","mo","ms","mtext","noembed","noframes","noscript","plaintext","script","style","svg","template","thead","title","video","xmp"]);let Yn=null;const qn=E({},["audio","video","img","source","image","track"]);let gr=null;const Kn=E({},["alt","class","for","id","label","name","pattern","placeholder","role","summary","title","value","style","xmlns"]),Lt="http://www.w3.org/1998/Math/MathML",Ft="http://www.w3.org/2000/svg",me="http://www.w3.org/1999/xhtml";let Ge=me,br=!1,yr=null;const Ba=E({},[Lt,Ft,me],or);let Rt=E({},["mi","mo","mn","ms","mtext"]),zt=E({},["annotation-xml"]);const Ua=E({},["title","style","font","a","script"]);let ct=null;const Va=["application/xhtml+xml","text/html"],Wa="text/html";let B=null,je=null;const Ha=r.createElement("form"),Xn=function(i){return i instanceof RegExp||i instanceof Function},vr=function(){let i=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{};if(!(je&&je===i)){if((!i||typeof i!="object")&&(i={}),i=de(i),ct=Va.indexOf(i.PARSER_MEDIA_TYPE)===-1?Wa:i.PARSER_MEDIA_TYPE,B=ct==="application/xhtml+xml"?or:Pt,N=te(i,"ALLOWED_TAGS")?E({},i.ALLOWED_TAGS,B):ne,F=te(i,"ALLOWED_ATTR")?E({},i.ALLOWED_ATTR,B):Be,yr=te(i,"ALLOWED_NAMESPACES")?E({},i.ALLOWED_NAMESPACES,or):Ba,gr=te(i,"ADD_URI_SAFE_ATTR")?E(de(Kn),i.ADD_URI_SAFE_ATTR,B):Kn,Yn=te(i,"ADD_DATA_URI_TAGS")?E(de(qn),i.ADD_DATA_URI_TAGS,B):qn,He=te(i,"FORBID_CONTENTS")?E({},i.FORBID_CONTENTS,B):jn,oe=te(i,"FORBID_TAGS")?E({},i.FORBID_TAGS,B):de({}),ye=te(i,"FORBID_ATTR")?E({},i.FORBID_ATTR,B):de({}),We=te(i,"USE_PROFILES")?i.USE_PROFILES:!1,ve=i.ALLOW_ARIA_ATTR!==!1,ie=i.ALLOW_DATA_ATTR!==!1,Ue=i.ALLOW_UNKNOWN_PROTOCOLS||!1,_e=i.ALLOW_SELF_CLOSE_IN_ATTR!==!1,K=i.SAFE_FOR_TEMPLATES||!1,$t=i.SAFE_FOR_XML!==!1,Ie=i.WHOLE_DOCUMENT||!1,Ve=i.RETURN_DOM||!1,Dt=i.RETURN_DOM_FRAGMENT||!1,Mt=i.RETURN_TRUSTED_TYPE||!1,hr=i.FORCE_BODY||!1,Hn=i.SANITIZE_DOM!==!1,Gn=i.SANITIZE_NAMED_PROPS||!1,pr=i.KEEP_CONTENT!==!1,lt=i.IN_PLACE||!1,Ae=i.ALLOWED_URI_REGEXP||wn,Ge=i.NAMESPACE||me,Rt=i.MATHML_TEXT_INTEGRATION_POINTS||Rt,zt=i.HTML_INTEGRATION_POINTS||zt,I=i.CUSTOM_ELEMENT_HANDLING||{},i.CUSTOM_ELEMENT_HANDLING&&Xn(i.CUSTOM_ELEMENT_HANDLING.tagNameCheck)&&(I.tagNameCheck=i.CUSTOM_ELEMENT_HANDLING.tagNameCheck),i.CUSTOM_ELEMENT_HANDLING&&Xn(i.CUSTOM_ELEMENT_HANDLING.attributeNameCheck)&&(I.attributeNameCheck=i.CUSTOM_ELEMENT_HANDLING.attributeNameCheck),i.CUSTOM_ELEMENT_HANDLING&&typeof i.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements=="boolean"&&(I.allowCustomizedBuiltInElements=i.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements),K&&(ie=!1),Dt&&(Ve=!0),We&&(N=E({},En),F=[],We.html===!0&&(E(N,vn),E(F,Sn)),We.svg===!0&&(E(N,ar),E(F,cr),E(F,Ot)),We.svgFilters===!0&&(E(N,sr),E(F,cr),E(F,Ot)),We.mathMl===!0&&(E(N,lr),E(F,Tn),E(F,Ot))),i.ADD_TAGS&&(N===ne&&(N=de(N)),E(N,i.ADD_TAGS,B)),i.ADD_ATTR&&(F===Be&&(F=de(F)),E(F,i.ADD_ATTR,B)),i.ADD_URI_SAFE_ATTR&&E(gr,i.ADD_URI_SAFE_ATTR,B),i.FORBID_CONTENTS&&(He===jn&&(He=de(He)),E(He,i.FORBID_CONTENTS,B)),pr&&(N["#text"]=!0),Ie&&E(N,["html","head","body"]),N.table&&(E(N,["tbody"]),delete oe.tbody),i.TRUSTED_TYPES_POLICY){if(typeof i.TRUSTED_TYPES_POLICY.createHTML!="function")throw Je('TRUSTED_TYPES_POLICY configuration option must provide a "createHTML" hook.');if(typeof i.TRUSTED_TYPES_POLICY.createScriptURL!="function")throw Je('TRUSTED_TYPES_POLICY configuration option must provide a "createScriptURL" hook.');y=i.TRUSTED_TYPES_POLICY,P=y.createHTML("")}else y===void 0&&(y=qi(S,o)),y!==null&&typeof P=="string"&&(P=y.createHTML(""));G&&G(i),je=i}},Zn=E({},[...ar,...sr,...Fi]),Qn=E({},[...lr,...Ri]),Ga=function(i){let c=_(i);(!c||!c.tagName)&&(c={namespaceURI:Ge,tagName:"template"});const m=Pt(i.tagName),$=Pt(c.tagName);return yr[i.namespaceURI]?i.namespaceURI===Ft?c.namespaceURI===me?m==="svg":c.namespaceURI===Lt?m==="svg"&&($==="annotation-xml"||Rt[$]):!!Zn[m]:i.namespaceURI===Lt?c.namespaceURI===me?m==="math":c.namespaceURI===Ft?m==="math"&&zt[$]:!!Qn[m]:i.namespaceURI===me?c.namespaceURI===Ft&&!zt[$]||c.namespaceURI===Lt&&!Rt[$]?!1:!Qn[m]&&(Ua[m]||!Zn[m]):!!(ct==="application/xhtml+xml"&&yr[i.namespaceURI]):!1},ce=function(i){Ze(t.removed,{element:i});try{_(i).removeChild(i)}catch{q(i)}},ke=function(i,c){try{Ze(t.removed,{attribute:c.getAttributeNode(i),from:c})}catch{Ze(t.removed,{attribute:null,from:c})}if(c.removeAttribute(i),i==="is")if(Ve||Dt)try{ce(c)}catch{}else try{c.setAttribute(i,"")}catch{}},Jn=function(i){let c=null,m=null;if(hr)i="<remove></remove>"+i;else{const R=ir(i,/^[\r\n\t ]+/);m=R&&R[0]}ct==="application/xhtml+xml"&&Ge===me&&(i='<html xmlns="http://www.w3.org/1999/xhtml"><head></head><body>'+i+"</body></html>");const $=y?y.createHTML(i):i;if(Ge===me)try{c=new w().parseFromString($,ct)}catch{}if(!c||!c.documentElement){c=x.createDocument(Ge,"template",null);try{c.documentElement.innerHTML=br?P:$}catch{}}const H=c.body||c.documentElement;return i&&m&&H.insertBefore(r.createTextNode(m),H.childNodes[0]||null),Ge===me?ze.call(c,Ie?"html":"body")[0]:Ie?c.documentElement:H},eo=function(i){return v.call(i.ownerDocument||i,i,f.SHOW_ELEMENT|f.SHOW_COMMENT|f.SHOW_TEXT|f.SHOW_PROCESSING_INSTRUCTION|f.SHOW_CDATA_SECTION,null)},Er=function(i){return i instanceof T&&(typeof i.nodeName!="string"||typeof i.textContent!="string"||typeof i.removeChild!="function"||!(i.attributes instanceof p)||typeof i.removeAttribute!="function"||typeof i.setAttribute!="function"||typeof i.namespaceURI!="string"||typeof i.insertBefore!="function"||typeof i.hasChildNodes!="function")},to=function(i){return typeof d=="function"&&i instanceof d};function fe(h,i,c){kt(h,m=>{m.call(t,i,c,je)})}const ro=function(i){let c=null;if(fe(U.beforeSanitizeElements,i,null),Er(i))return ce(i),!0;const m=B(i.nodeName);if(fe(U.uponSanitizeElement,i,{tagName:m,allowedTags:N}),$t&&i.hasChildNodes()&&!to(i.firstElementChild)&&j(/<[/\w!]/g,i.innerHTML)&&j(/<[/\w!]/g,i.textContent)||i.nodeType===tt.progressingInstruction||$t&&i.nodeType===tt.comment&&j(/<[/\w]/g,i.data))return ce(i),!0;if(!N[m]||oe[m]){if(!oe[m]&&oo(m)&&(I.tagNameCheck instanceof RegExp&&j(I.tagNameCheck,m)||I.tagNameCheck instanceof Function&&I.tagNameCheck(m)))return!1;if(pr&&!He[m]){const $=_(i)||i.parentNode,H=O(i)||i.childNodes;if(H&&$){const R=H.length;for(let X=R-1;X>=0;--X){const he=D(H[X],!0);he.__removalCount=(i.__removalCount||0)+1,$.insertBefore(he,M(i))}}}return ce(i),!0}return i instanceof u&&!Ga(i)||(m==="noscript"||m==="noembed"||m==="noframes")&&j(/<\/no(script|embed|frames)/i,i.innerHTML)?(ce(i),!0):(K&&i.nodeType===tt.text&&(c=i.textContent,kt([nt,ot,it],$=>{c=Qe(c,$," ")}),i.textContent!==c&&(Ze(t.removed,{element:i.cloneNode()}),i.textContent=c)),fe(U.afterSanitizeElements,i,null),!1)},no=function(i,c,m){if(Hn&&(c==="id"||c==="name")&&(m in r||m in Ha))return!1;if(!(ie&&!ye[c]&&j(dr,c))){if(!(ve&&j(mr,c))){if(!F[c]||ye[c]){if(!(oo(i)&&(I.tagNameCheck instanceof RegExp&&j(I.tagNameCheck,i)||I.tagNameCheck instanceof Function&&I.tagNameCheck(i))&&(I.attributeNameCheck instanceof RegExp&&j(I.attributeNameCheck,c)||I.attributeNameCheck instanceof Function&&I.attributeNameCheck(c,i))||c==="is"&&I.allowCustomizedBuiltInElements&&(I.tagNameCheck instanceof RegExp&&j(I.tagNameCheck,m)||I.tagNameCheck instanceof Function&&I.tagNameCheck(m))))return!1}else if(!gr[c]){if(!j(Ae,Qe(m,st,""))){if(!((c==="src"||c==="xlink:href"||c==="href")&&i!=="script"&&$i(m,"data:")===0&&Yn[i])){if(!(Ue&&!j(at,Qe(m,st,"")))){if(m)return!1}}}}}}return!0},oo=function(i){return i!=="annotation-xml"&&ir(i,re)},io=function(i){fe(U.beforeSanitizeAttributes,i,null);const{attributes:c}=i;if(!c||Er(i))return;const m={attrName:"",attrValue:"",keepAttr:!0,allowedAttributes:F,forceKeepAttr:void 0};let $=c.length;for(;$--;){const H=c[$],{name:R,namespaceURI:X,value:he}=H,Ye=B(R),Sr=he;let V=R==="value"?Sr:Di(Sr);if(m.attrName=Ye,m.attrValue=V,m.keepAttr=!0,m.forceKeepAttr=void 0,fe(U.uponSanitizeAttribute,i,m),V=m.attrValue,Gn&&(Ye==="id"||Ye==="name")&&(ke(R,i),V=za+V),$t&&j(/((--!?|])>)|<\/(style|title|textarea)/i,V)){ke(R,i);continue}if(Ye==="attributename"&&ir(V,"href")){ke(R,i);continue}if(m.forceKeepAttr)continue;if(!m.keepAttr){ke(R,i);continue}if(!_e&&j(/\/>/i,V)){ke(R,i);continue}K&&kt([nt,ot,it],so=>{V=Qe(V,so," ")});const ao=B(i.nodeName);if(!no(ao,Ye,V)){ke(R,i);continue}if(y&&typeof S=="object"&&typeof S.getAttributeType=="function"&&!X)switch(S.getAttributeType(ao,Ye)){case"TrustedHTML":{V=y.createHTML(V);break}case"TrustedScriptURL":{V=y.createScriptURL(V);break}}if(V!==Sr)try{X?i.setAttributeNS(X,R,V):i.setAttribute(R,V),Er(i)?ce(i):yn(t.removed)}catch{ke(R,i)}}fe(U.afterSanitizeAttributes,i,null)},ja=function h(i){let c=null;const m=eo(i);for(fe(U.beforeSanitizeShadowDOM,i,null);c=m.nextNode();)fe(U.uponSanitizeShadowNode,c,null),ro(c),io(c),c.content instanceof a&&h(c.content);fe(U.afterSanitizeShadowDOM,i,null)};return t.sanitize=function(h){let i=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{},c=null,m=null,$=null,H=null;if(br=!h,br&&(h="<!-->"),typeof h!="string"&&!to(h))if(typeof h.toString=="function"){if(h=h.toString(),typeof h!="string")throw Je("dirty is not a string, aborting")}else throw Je("toString is not a function");if(!t.isSupported)return h;if(fr||vr(i),t.removed=[],typeof h=="string"&&(lt=!1),lt){if(h.nodeName){const he=B(h.nodeName);if(!N[he]||oe[he])throw Je("root node is forbidden and cannot be sanitized in-place")}}else if(h instanceof d)c=Jn("<!---->"),m=c.ownerDocument.importNode(h,!0),m.nodeType===tt.element&&m.nodeName==="BODY"||m.nodeName==="HTML"?c=m:c.appendChild(m);else{if(!Ve&&!K&&!Ie&&h.indexOf("<")===-1)return y&&Mt?y.createHTML(h):h;if(c=Jn(h),!c)return Ve?null:Mt?P:""}c&&hr&&ce(c.firstChild);const R=eo(lt?h:c);for(;$=R.nextNode();)ro($),io($),$.content instanceof a&&ja($.content);if(lt)return h;if(Ve){if(Dt)for(H=be.call(c.ownerDocument);c.firstChild;)H.appendChild(c.firstChild);else H=c;return(F.shadowroot||F.shadowrootmode)&&(H=ur.call(n,H,!0)),H}let X=Ie?c.outerHTML:c.innerHTML;return Ie&&N["!doctype"]&&c.ownerDocument&&c.ownerDocument.doctype&&c.ownerDocument.doctype.name&&j(xn,c.ownerDocument.doctype.name)&&(X="<!DOCTYPE "+c.ownerDocument.doctype.name+`>
-`+X),K&&kt([nt,ot,it],he=>{X=Qe(X,he," ")}),y&&Mt?y.createHTML(X):X},t.setConfig=function(){let h=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{};vr(h),fr=!0},t.clearConfig=function(){je=null,fr=!1},t.isValidAttribute=function(h,i,c){je||vr({});const m=B(h),$=B(i);return no(m,$,c)},t.addHook=function(h,i){typeof i=="function"&&Ze(U[h],i)},t.removeHook=function(h,i){if(i!==void 0){const c=Oi(U[h],i);return c===-1?void 0:Ni(U[h],c,1)[0]}return yn(U[h])},t.removeHooks=function(h){U[h]=[]},t.removeAllHooks=function(){U=An()},t}var Ki=_n();const Xi=e=>e==null,rt=e=>!Xi(e),Zi=(e,t)=>t?t.required&&(e==null||e==="")?"Field is required":t.basicEmailValidation&&(e==null||e==="")?"Field should be email":null:null,In=(e,t)=>t?Object.keys(t).map(o=>{const a=Zi(e[o],t[o].validations);return a?{field:o,error:a}:null},{}).filter(rt):[],kn=e=>{const[t,r]=s.useState(0),[n,o]=s.useState([]),a=s.useCallback(async()=>{try{await _i({feedbackFormId:e.formId,link:window.location.pathname,rawHtml:Ki.sanitize(document.getElementsByTagName("html")[0]??""),domainId:e.domainId,data:e.state,formType:e.formType,viewport:{first:document.body.clientWidth,second:document.body.clientHeight},browser:{productSub:navigator.productSub,vendor:navigator.vendor,pdfViewerEnabled:navigator.pdfViewerEnabled,maxTouchPoints:navigator.maxTouchPoints,hardwareConcurrency:navigator.hardwareConcurrency,cookieEnabled:navigator.cookieEnabled,appVersion:navigator.appVersion,platform:navigator.platform,userAgent:navigator.userAgent,language:navigator.language,onLine:navigator.onLine,webdriver:navigator.webdriver,deviceMemory:navigator.deviceMemory}})}catch(u){console.log(u)}},[e.state,e.formType]),l=s.useCallback(()=>{const u=In(e.state,e.validationsPerStep[t]);o(u),u.length||(t<e.stepsCount-1?r(f=>f+1):a())},[e.state,e.validationsPerStep,t,a]),d=s.useCallback(()=>{t!==0&&(o([]),r(u=>u-1))},[t]);return s.useEffect(()=>{o(u=>{if(u.length){const f=In(e.state,e.validationsPerStep[t]);if(f.length!==u.length)return f}return u})},[n,e.state,t]),{step:t,errors:n,onContinue:l,onBack:d}},Qi=b.div({marginTop:"1rem",color:"var(--color-error)",height:"20px"}),Ce=({errors:e})=>{var t;return s.createElement(Qi,{children:((t=(e||[])[0])==null?void 0:t.error)??null})},Ji=b.input(({theme:e,colorVariant:t,selected:r})=>{const n=`calc(${e.sizeSelector} * 6);`,o=le(t);return{cursor:"pointer",appearance:"none",borderRadius:"var(--radius-selector)",verticalAlign:"middle",color:"var(--color-base-content)",width:n,border:`1px solid ${o}`,height:n,flexShrink:"0",padding:".25rem",transition:"background-color .2s,box-shadow .2s",display:"inline-block",position:"relative","&::before":{content:'""',opacity:"0",clipPath:"polygon(20% 100%,20% 80%,50% 80%,50% 80%,70% 80%,70% 100%)",width:"100%",height:"100%",boxShadow:"0 3px oklch(100% 0 0/calc(var(--depth)*.1)) inset",backgroundColor:`${o}`,fontSize:"1rem",lineHeight:".75",transition:"clip-path .3s .1s,opacity .1s .1s,rotate .3s .1s,translate .3s .1s",display:"block",rotate:"45deg",...r?{clipPath:"polygon(20% 100%,20% 80%,50% 80%,50% 0%,70% 0%,70% 100%)",opacity:"1"}:{}}}}),ea=b.label(e=>({display:"flex",fontWeight:e.selected?"500":"normal",transition:".2s ease-in-out",alignItems:"center",cursor:"pointer",gap:"calc(var(--spacing) * 2)"})),ta=e=>{const t=s.useMemo(()=>`${e.id}-${e.label.replace(/\s/g,"-").toLowerCase()}`,[]),r=o=>{e.onSelect(e.value.includes(o)?e.value.filter(a=>a!==o):[...e.value,o])},n=e.value.includes(t);return s.createElement(ea,{selected:n,children:[s.createElement(Ji,{id:t,type:"checkbox",selected:n,colorVariant:e.colorVariant,onChange:()=>r(t),name:e.name}),s.createElement(ee,{children:e.label,linear:!0})]})},ra=b.div`
+`;
+  const StepEl = dt.li((props) => {
+    const defaultColor = useDefaultVariantColor(props.colorVariant);
+    const defaultColorContent = useDefaultVariantContentColor(props.colorVariant);
+    const backgroundColor = props.shouldBeFilled ? defaultColor : "var(--color-base-300)";
+    const contentColor = props.shouldBeFilled ? defaultColorContent : "var(--color-base-content)";
+    return {
+      textAlign: "center",
+      "--step-bg": backgroundColor,
+      "--step-fg": contentColor,
+      gridTemplateRows: "40px 1fr",
+      gridTemplateColumns: "auto",
+      gap: ".5rem",
+      placeItems: "center",
+      minWidth: "4rem",
+      display: "grid",
+      "&:not(:first-of-type):before": {
+        width: "100%",
+        height: "0.5rem",
+        color: "var(--step-bg)",
+        backgroundColor: "var(--step-bg)",
+        "--tw-content": "''",
+        content: "var(--tw-content)",
+        border: "1px solid",
+        gridRowStart: "1",
+        gridColumnStart: "1",
+        marginInlineStart: "-100%"
+      },
+      "&:after": {
+        content: "counter(step)",
+        counterIncrement: "step",
+        zIndex: "1",
+        color: "var(--step-fg)",
+        backgroundColor: "var(--step-bg)",
+        border: "1px solid var(--step-bg)",
+        borderRadius: "3.40282e38px",
+        gridRowStart: "1",
+        gridColumnStart: "1",
+        placeSelf: "center",
+        placeItems: "center",
+        width: "2rem",
+        height: "2rem",
+        display: "grid",
+        position: "relative"
+      }
+    };
+  });
+  const StepsProgress = (props) => {
+    console.log("props.currentStepIndex", props.currentStepIndex);
+    return React2.createElement(StepsContainer, {
+      children: [
+        props.steps.map(
+          (step, index) => React2.createElement(StepEl, {
+            key: step.title,
+            colorVariant: props.colorVariant,
+            shouldBeFilled: props.currentStepIndex >= index,
+            children: step.title
+          })
+        )
+      ]
+    });
+  };
+  const styles = {
+    title: {
+      marginTop: "0",
+      marginBottom: ".888889em",
+      fontWeight: "700",
+      fontSize: "2.25em",
+      lineHeight: "1.11111"
+    },
+    subtitle: {
+      marginTop: "2em",
+      fontWeight: "700",
+      marginBottom: "1em",
+      fontSize: "1.5em",
+      lineHeight: "1.33333"
+    },
+    section: {
+      marginBottom: "1em",
+      fontWeight: "600",
+      fontSize: "1.25em",
+      lineHeight: "1.6"
+    },
+    subsection: {
+      marginTop: "1.5em",
+      marginBottom: ".5em",
+      fontWeight: "600",
+      fontSize: "1rem"
+    },
+    paragraph: {
+      marginTop: "0",
+      marginBottom: "1.25em",
+      fontSize: "1rem"
+    }
+  };
+  const TypographyMain = dt.div((props) => ({
+    ...styles[props.$variant ?? "paragraph"],
+    color: props.theme.baseContent,
+    ...props.$linear ? { margin: "0" } : {}
+  }));
+  const Typography = (props) => {
+    return React2.createElement(TypographyMain, {
+      $variant: props.variant,
+      $linear: props.linear,
+      children: props.children
+    });
+  };
+  const initialStateByType = (type) => {
+    switch (type) {
+      case "textarea":
+        return "";
+      case "select":
+        return "";
+      case "checkbox-group":
+        return [];
+      case "radio-group":
+        return "";
+      case "matrix":
+        return null;
+      case "range-slide":
+        return null;
+      case "rating":
+        return null;
+      default:
+        return null;
+    }
+  };
+  const useForm = (props) => {
+    const formData = React2.useMemo(
+      () => props.form.steps.reduce(
+        (acc, step, index) => {
+          acc.validationsPerStep[index] = {};
+          acc.steps = [
+            ...acc.steps,
+            {
+              ...step,
+              fields: step.fields.map((field) => {
+                const dataField = field.meta.fieldKey;
+                if (dataField) {
+                  acc.validationsPerStep[index][dataField] = {
+                    fieldType: field.type,
+                    validations: field.validations
+                  };
+                  acc.state = {
+                    ...acc.state,
+                    [dataField]: initialStateByType(field.type)
+                  };
+                  return {
+                    dataField,
+                    ...field
+                  };
+                }
+                return {
+                  ...field,
+                  dataField: null
+                };
+              })
+            }
+          ];
+          return acc;
+        },
+        {
+          validationsPerStep: {},
+          state: {},
+          steps: []
+        }
+      ),
+      [props.form]
+    );
+    const [state, setState] = React2.useState(formData.state);
+    const setStateByKey = React2.useCallback(
+      (key, value) => {
+        if (key === null) return;
+        setState((prevState) => ({
+          ...prevState,
+          [key]: value
+        }));
+      },
+      [setState]
+    );
+    const getStateByKey = React2.useCallback(
+      (key) => {
+        return key ? state[key] : null;
+      },
+      [state]
+    );
+    return {
+      steps: formData.steps,
+      validationsPerStep: formData.validationsPerStep,
+      state,
+      setStateByKey,
+      getStateByKey
+    };
+  };
+  const baseApi = createBaseApi();
+  const saveForm = (body, options) => baseApi.post(`/feedback-receiver`, body, options);
+  /*! @license DOMPurify 3.2.7 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/3.2.7/LICENSE */
+  const {
+    entries,
+    setPrototypeOf,
+    isFrozen,
+    getPrototypeOf,
+    getOwnPropertyDescriptor
+  } = Object;
+  let {
+    freeze,
+    seal,
+    create
+  } = Object;
+  let {
+    apply,
+    construct
+  } = typeof Reflect !== "undefined" && Reflect;
+  if (!freeze) {
+    freeze = function freeze2(x2) {
+      return x2;
+    };
+  }
+  if (!seal) {
+    seal = function seal2(x2) {
+      return x2;
+    };
+  }
+  if (!apply) {
+    apply = function apply2(func, thisArg) {
+      for (var _len = arguments.length, args = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
+        args[_key - 2] = arguments[_key];
+      }
+      return func.apply(thisArg, args);
+    };
+  }
+  if (!construct) {
+    construct = function construct2(Func) {
+      for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
+        args[_key2 - 1] = arguments[_key2];
+      }
+      return new Func(...args);
+    };
+  }
+  const arrayForEach = unapply(Array.prototype.forEach);
+  const arrayLastIndexOf = unapply(Array.prototype.lastIndexOf);
+  const arrayPop = unapply(Array.prototype.pop);
+  const arrayPush = unapply(Array.prototype.push);
+  const arraySplice = unapply(Array.prototype.splice);
+  const stringToLowerCase = unapply(String.prototype.toLowerCase);
+  const stringToString = unapply(String.prototype.toString);
+  const stringMatch = unapply(String.prototype.match);
+  const stringReplace = unapply(String.prototype.replace);
+  const stringIndexOf = unapply(String.prototype.indexOf);
+  const stringTrim = unapply(String.prototype.trim);
+  const objectHasOwnProperty = unapply(Object.prototype.hasOwnProperty);
+  const regExpTest = unapply(RegExp.prototype.test);
+  const typeErrorCreate = unconstruct(TypeError);
+  function unapply(func) {
+    return function(thisArg) {
+      if (thisArg instanceof RegExp) {
+        thisArg.lastIndex = 0;
+      }
+      for (var _len3 = arguments.length, args = new Array(_len3 > 1 ? _len3 - 1 : 0), _key3 = 1; _key3 < _len3; _key3++) {
+        args[_key3 - 1] = arguments[_key3];
+      }
+      return apply(func, thisArg, args);
+    };
+  }
+  function unconstruct(Func) {
+    return function() {
+      for (var _len4 = arguments.length, args = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
+        args[_key4] = arguments[_key4];
+      }
+      return construct(Func, args);
+    };
+  }
+  function addToSet(set, array) {
+    let transformCaseFunc = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : stringToLowerCase;
+    if (setPrototypeOf) {
+      setPrototypeOf(set, null);
+    }
+    let l = array.length;
+    while (l--) {
+      let element = array[l];
+      if (typeof element === "string") {
+        const lcElement = transformCaseFunc(element);
+        if (lcElement !== element) {
+          if (!isFrozen(array)) {
+            array[l] = lcElement;
+          }
+          element = lcElement;
+        }
+      }
+      set[element] = true;
+    }
+    return set;
+  }
+  function cleanArray(array) {
+    for (let index = 0; index < array.length; index++) {
+      const isPropertyExist = objectHasOwnProperty(array, index);
+      if (!isPropertyExist) {
+        array[index] = null;
+      }
+    }
+    return array;
+  }
+  function clone(object) {
+    const newObject = create(null);
+    for (const [property, value] of entries(object)) {
+      const isPropertyExist = objectHasOwnProperty(object, property);
+      if (isPropertyExist) {
+        if (Array.isArray(value)) {
+          newObject[property] = cleanArray(value);
+        } else if (value && typeof value === "object" && value.constructor === Object) {
+          newObject[property] = clone(value);
+        } else {
+          newObject[property] = value;
+        }
+      }
+    }
+    return newObject;
+  }
+  function lookupGetter(object, prop) {
+    while (object !== null) {
+      const desc = getOwnPropertyDescriptor(object, prop);
+      if (desc) {
+        if (desc.get) {
+          return unapply(desc.get);
+        }
+        if (typeof desc.value === "function") {
+          return unapply(desc.value);
+        }
+      }
+      object = getPrototypeOf(object);
+    }
+    function fallbackValue() {
+      return null;
+    }
+    return fallbackValue;
+  }
+  const html$1 = freeze(["a", "abbr", "acronym", "address", "area", "article", "aside", "audio", "b", "bdi", "bdo", "big", "blink", "blockquote", "body", "br", "button", "canvas", "caption", "center", "cite", "code", "col", "colgroup", "content", "data", "datalist", "dd", "decorator", "del", "details", "dfn", "dialog", "dir", "div", "dl", "dt", "element", "em", "fieldset", "figcaption", "figure", "font", "footer", "form", "h1", "h2", "h3", "h4", "h5", "h6", "head", "header", "hgroup", "hr", "html", "i", "img", "input", "ins", "kbd", "label", "legend", "li", "main", "map", "mark", "marquee", "menu", "menuitem", "meter", "nav", "nobr", "ol", "optgroup", "option", "output", "p", "picture", "pre", "progress", "q", "rp", "rt", "ruby", "s", "samp", "search", "section", "select", "shadow", "slot", "small", "source", "spacer", "span", "strike", "strong", "style", "sub", "summary", "sup", "table", "tbody", "td", "template", "textarea", "tfoot", "th", "thead", "time", "tr", "track", "tt", "u", "ul", "var", "video", "wbr"]);
+  const svg$1 = freeze(["svg", "a", "altglyph", "altglyphdef", "altglyphitem", "animatecolor", "animatemotion", "animatetransform", "circle", "clippath", "defs", "desc", "ellipse", "enterkeyhint", "exportparts", "filter", "font", "g", "glyph", "glyphref", "hkern", "image", "inputmode", "line", "lineargradient", "marker", "mask", "metadata", "mpath", "part", "path", "pattern", "polygon", "polyline", "radialgradient", "rect", "slot", "stop", "style", "switch", "symbol", "text", "textpath", "title", "tref", "tspan", "view", "vkern"]);
+  const svgFilters = freeze(["feBlend", "feColorMatrix", "feComponentTransfer", "feComposite", "feConvolveMatrix", "feDiffuseLighting", "feDisplacementMap", "feDistantLight", "feDropShadow", "feFlood", "feFuncA", "feFuncB", "feFuncG", "feFuncR", "feGaussianBlur", "feImage", "feMerge", "feMergeNode", "feMorphology", "feOffset", "fePointLight", "feSpecularLighting", "feSpotLight", "feTile", "feTurbulence"]);
+  const svgDisallowed = freeze(["animate", "color-profile", "cursor", "discard", "font-face", "font-face-format", "font-face-name", "font-face-src", "font-face-uri", "foreignobject", "hatch", "hatchpath", "mesh", "meshgradient", "meshpatch", "meshrow", "missing-glyph", "script", "set", "solidcolor", "unknown", "use"]);
+  const mathMl$1 = freeze(["math", "menclose", "merror", "mfenced", "mfrac", "mglyph", "mi", "mlabeledtr", "mmultiscripts", "mn", "mo", "mover", "mpadded", "mphantom", "mroot", "mrow", "ms", "mspace", "msqrt", "mstyle", "msub", "msup", "msubsup", "mtable", "mtd", "mtext", "mtr", "munder", "munderover", "mprescripts"]);
+  const mathMlDisallowed = freeze(["maction", "maligngroup", "malignmark", "mlongdiv", "mscarries", "mscarry", "msgroup", "mstack", "msline", "msrow", "semantics", "annotation", "annotation-xml", "mprescripts", "none"]);
+  const text = freeze(["#text"]);
+  const html = freeze(["accept", "action", "align", "alt", "autocapitalize", "autocomplete", "autopictureinpicture", "autoplay", "background", "bgcolor", "border", "capture", "cellpadding", "cellspacing", "checked", "cite", "class", "clear", "color", "cols", "colspan", "controls", "controlslist", "coords", "crossorigin", "datetime", "decoding", "default", "dir", "disabled", "disablepictureinpicture", "disableremoteplayback", "download", "draggable", "enctype", "enterkeyhint", "exportparts", "face", "for", "headers", "height", "hidden", "high", "href", "hreflang", "id", "inert", "inputmode", "integrity", "ismap", "kind", "label", "lang", "list", "loading", "loop", "low", "max", "maxlength", "media", "method", "min", "minlength", "multiple", "muted", "name", "nonce", "noshade", "novalidate", "nowrap", "open", "optimum", "part", "pattern", "placeholder", "playsinline", "popover", "popovertarget", "popovertargetaction", "poster", "preload", "pubdate", "radiogroup", "readonly", "rel", "required", "rev", "reversed", "role", "rows", "rowspan", "spellcheck", "scope", "selected", "shape", "size", "sizes", "slot", "span", "srclang", "start", "src", "srcset", "step", "style", "summary", "tabindex", "title", "translate", "type", "usemap", "valign", "value", "width", "wrap", "xmlns", "slot"]);
+  const svg = freeze(["accent-height", "accumulate", "additive", "alignment-baseline", "amplitude", "ascent", "attributename", "attributetype", "azimuth", "basefrequency", "baseline-shift", "begin", "bias", "by", "class", "clip", "clippathunits", "clip-path", "clip-rule", "color", "color-interpolation", "color-interpolation-filters", "color-profile", "color-rendering", "cx", "cy", "d", "dx", "dy", "diffuseconstant", "direction", "display", "divisor", "dur", "edgemode", "elevation", "end", "exponent", "fill", "fill-opacity", "fill-rule", "filter", "filterunits", "flood-color", "flood-opacity", "font-family", "font-size", "font-size-adjust", "font-stretch", "font-style", "font-variant", "font-weight", "fx", "fy", "g1", "g2", "glyph-name", "glyphref", "gradientunits", "gradienttransform", "height", "href", "id", "image-rendering", "in", "in2", "intercept", "k", "k1", "k2", "k3", "k4", "kerning", "keypoints", "keysplines", "keytimes", "lang", "lengthadjust", "letter-spacing", "kernelmatrix", "kernelunitlength", "lighting-color", "local", "marker-end", "marker-mid", "marker-start", "markerheight", "markerunits", "markerwidth", "maskcontentunits", "maskunits", "max", "mask", "media", "method", "mode", "min", "name", "numoctaves", "offset", "operator", "opacity", "order", "orient", "orientation", "origin", "overflow", "paint-order", "path", "pathlength", "patterncontentunits", "patterntransform", "patternunits", "points", "preservealpha", "preserveaspectratio", "primitiveunits", "r", "rx", "ry", "radius", "refx", "refy", "repeatcount", "repeatdur", "restart", "result", "rotate", "scale", "seed", "shape-rendering", "slope", "specularconstant", "specularexponent", "spreadmethod", "startoffset", "stddeviation", "stitchtiles", "stop-color", "stop-opacity", "stroke-dasharray", "stroke-dashoffset", "stroke-linecap", "stroke-linejoin", "stroke-miterlimit", "stroke-opacity", "stroke", "stroke-width", "style", "surfacescale", "systemlanguage", "tabindex", "tablevalues", "targetx", "targety", "transform", "transform-origin", "text-anchor", "text-decoration", "text-rendering", "textlength", "type", "u1", "u2", "unicode", "values", "viewbox", "visibility", "version", "vert-adv-y", "vert-origin-x", "vert-origin-y", "width", "word-spacing", "wrap", "writing-mode", "xchannelselector", "ychannelselector", "x", "x1", "x2", "xmlns", "y", "y1", "y2", "z", "zoomandpan"]);
+  const mathMl = freeze(["accent", "accentunder", "align", "bevelled", "close", "columnsalign", "columnlines", "columnspan", "denomalign", "depth", "dir", "display", "displaystyle", "encoding", "fence", "frame", "height", "href", "id", "largeop", "length", "linethickness", "lspace", "lquote", "mathbackground", "mathcolor", "mathsize", "mathvariant", "maxsize", "minsize", "movablelimits", "notation", "numalign", "open", "rowalign", "rowlines", "rowspacing", "rowspan", "rspace", "rquote", "scriptlevel", "scriptminsize", "scriptsizemultiplier", "selection", "separator", "separators", "stretchy", "subscriptshift", "supscriptshift", "symmetric", "voffset", "width", "xmlns"]);
+  const xml = freeze(["xlink:href", "xml:id", "xlink:title", "xml:space", "xmlns:xlink"]);
+  const MUSTACHE_EXPR = seal(/\{\{[\w\W]*|[\w\W]*\}\}/gm);
+  const ERB_EXPR = seal(/<%[\w\W]*|[\w\W]*%>/gm);
+  const TMPLIT_EXPR = seal(/\$\{[\w\W]*/gm);
+  const DATA_ATTR = seal(/^data-[\-\w.\u00B7-\uFFFF]+$/);
+  const ARIA_ATTR = seal(/^aria-[\-\w]+$/);
+  const IS_ALLOWED_URI = seal(
+    /^(?:(?:(?:f|ht)tps?|mailto|tel|callto|sms|cid|xmpp|matrix):|[^a-z]|[a-z+.\-]+(?:[^a-z+.\-:]|$))/i
+    // eslint-disable-line no-useless-escape
+  );
+  const IS_SCRIPT_OR_DATA = seal(/^(?:\w+script|data):/i);
+  const ATTR_WHITESPACE = seal(
+    /[\u0000-\u0020\u00A0\u1680\u180E\u2000-\u2029\u205F\u3000]/g
+    // eslint-disable-line no-control-regex
+  );
+  const DOCTYPE_NAME = seal(/^html$/i);
+  const CUSTOM_ELEMENT = seal(/^[a-z][.\w]*(-[.\w]+)+$/i);
+  var EXPRESSIONS = /* @__PURE__ */ Object.freeze({
+    __proto__: null,
+    ARIA_ATTR,
+    ATTR_WHITESPACE,
+    CUSTOM_ELEMENT,
+    DATA_ATTR,
+    DOCTYPE_NAME,
+    ERB_EXPR,
+    IS_ALLOWED_URI,
+    IS_SCRIPT_OR_DATA,
+    MUSTACHE_EXPR,
+    TMPLIT_EXPR
+  });
+  const NODE_TYPE = {
+    element: 1,
+    text: 3,
+    // Deprecated
+    progressingInstruction: 7,
+    comment: 8,
+    document: 9
+  };
+  const getGlobal = function getGlobal2() {
+    return typeof window === "undefined" ? null : window;
+  };
+  const _createTrustedTypesPolicy = function _createTrustedTypesPolicy2(trustedTypes, purifyHostElement) {
+    if (typeof trustedTypes !== "object" || typeof trustedTypes.createPolicy !== "function") {
+      return null;
+    }
+    let suffix = null;
+    const ATTR_NAME = "data-tt-policy-suffix";
+    if (purifyHostElement && purifyHostElement.hasAttribute(ATTR_NAME)) {
+      suffix = purifyHostElement.getAttribute(ATTR_NAME);
+    }
+    const policyName = "dompurify" + (suffix ? "#" + suffix : "");
+    try {
+      return trustedTypes.createPolicy(policyName, {
+        createHTML(html2) {
+          return html2;
+        },
+        createScriptURL(scriptUrl) {
+          return scriptUrl;
+        }
+      });
+    } catch (_2) {
+      console.warn("TrustedTypes policy " + policyName + " could not be created.");
+      return null;
+    }
+  };
+  const _createHooksMap = function _createHooksMap2() {
+    return {
+      afterSanitizeAttributes: [],
+      afterSanitizeElements: [],
+      afterSanitizeShadowDOM: [],
+      beforeSanitizeAttributes: [],
+      beforeSanitizeElements: [],
+      beforeSanitizeShadowDOM: [],
+      uponSanitizeAttribute: [],
+      uponSanitizeElement: [],
+      uponSanitizeShadowNode: []
+    };
+  };
+  function createDOMPurify() {
+    let window2 = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : getGlobal();
+    const DOMPurify = (root) => createDOMPurify(root);
+    DOMPurify.version = "3.2.7";
+    DOMPurify.removed = [];
+    if (!window2 || !window2.document || window2.document.nodeType !== NODE_TYPE.document || !window2.Element) {
+      DOMPurify.isSupported = false;
+      return DOMPurify;
+    }
+    let {
+      document: document2
+    } = window2;
+    const originalDocument = document2;
+    const currentScript = originalDocument.currentScript;
+    const {
+      DocumentFragment,
+      HTMLTemplateElement,
+      Node,
+      Element,
+      NodeFilter,
+      NamedNodeMap = window2.NamedNodeMap || window2.MozNamedAttrMap,
+      HTMLFormElement,
+      DOMParser,
+      trustedTypes
+    } = window2;
+    const ElementPrototype = Element.prototype;
+    const cloneNode = lookupGetter(ElementPrototype, "cloneNode");
+    const remove = lookupGetter(ElementPrototype, "remove");
+    const getNextSibling = lookupGetter(ElementPrototype, "nextSibling");
+    const getChildNodes = lookupGetter(ElementPrototype, "childNodes");
+    const getParentNode = lookupGetter(ElementPrototype, "parentNode");
+    if (typeof HTMLTemplateElement === "function") {
+      const template = document2.createElement("template");
+      if (template.content && template.content.ownerDocument) {
+        document2 = template.content.ownerDocument;
+      }
+    }
+    let trustedTypesPolicy;
+    let emptyHTML = "";
+    const {
+      implementation,
+      createNodeIterator,
+      createDocumentFragment,
+      getElementsByTagName
+    } = document2;
+    const {
+      importNode
+    } = originalDocument;
+    let hooks = _createHooksMap();
+    DOMPurify.isSupported = typeof entries === "function" && typeof getParentNode === "function" && implementation && implementation.createHTMLDocument !== void 0;
+    const {
+      MUSTACHE_EXPR: MUSTACHE_EXPR2,
+      ERB_EXPR: ERB_EXPR2,
+      TMPLIT_EXPR: TMPLIT_EXPR2,
+      DATA_ATTR: DATA_ATTR2,
+      ARIA_ATTR: ARIA_ATTR2,
+      IS_SCRIPT_OR_DATA: IS_SCRIPT_OR_DATA2,
+      ATTR_WHITESPACE: ATTR_WHITESPACE2,
+      CUSTOM_ELEMENT: CUSTOM_ELEMENT2
+    } = EXPRESSIONS;
+    let {
+      IS_ALLOWED_URI: IS_ALLOWED_URI$1
+    } = EXPRESSIONS;
+    let ALLOWED_TAGS = null;
+    const DEFAULT_ALLOWED_TAGS = addToSet({}, [...html$1, ...svg$1, ...svgFilters, ...mathMl$1, ...text]);
+    let ALLOWED_ATTR = null;
+    const DEFAULT_ALLOWED_ATTR = addToSet({}, [...html, ...svg, ...mathMl, ...xml]);
+    let CUSTOM_ELEMENT_HANDLING = Object.seal(create(null, {
+      tagNameCheck: {
+        writable: true,
+        configurable: false,
+        enumerable: true,
+        value: null
+      },
+      attributeNameCheck: {
+        writable: true,
+        configurable: false,
+        enumerable: true,
+        value: null
+      },
+      allowCustomizedBuiltInElements: {
+        writable: true,
+        configurable: false,
+        enumerable: true,
+        value: false
+      }
+    }));
+    let FORBID_TAGS = null;
+    let FORBID_ATTR = null;
+    let ALLOW_ARIA_ATTR = true;
+    let ALLOW_DATA_ATTR = true;
+    let ALLOW_UNKNOWN_PROTOCOLS = false;
+    let ALLOW_SELF_CLOSE_IN_ATTR = true;
+    let SAFE_FOR_TEMPLATES = false;
+    let SAFE_FOR_XML = true;
+    let WHOLE_DOCUMENT = false;
+    let SET_CONFIG = false;
+    let FORCE_BODY = false;
+    let RETURN_DOM = false;
+    let RETURN_DOM_FRAGMENT = false;
+    let RETURN_TRUSTED_TYPE = false;
+    let SANITIZE_DOM = true;
+    let SANITIZE_NAMED_PROPS = false;
+    const SANITIZE_NAMED_PROPS_PREFIX = "user-content-";
+    let KEEP_CONTENT = true;
+    let IN_PLACE = false;
+    let USE_PROFILES = {};
+    let FORBID_CONTENTS = null;
+    const DEFAULT_FORBID_CONTENTS = addToSet({}, ["annotation-xml", "audio", "colgroup", "desc", "foreignobject", "head", "iframe", "math", "mi", "mn", "mo", "ms", "mtext", "noembed", "noframes", "noscript", "plaintext", "script", "style", "svg", "template", "thead", "title", "video", "xmp"]);
+    let DATA_URI_TAGS = null;
+    const DEFAULT_DATA_URI_TAGS = addToSet({}, ["audio", "video", "img", "source", "image", "track"]);
+    let URI_SAFE_ATTRIBUTES = null;
+    const DEFAULT_URI_SAFE_ATTRIBUTES = addToSet({}, ["alt", "class", "for", "id", "label", "name", "pattern", "placeholder", "role", "summary", "title", "value", "style", "xmlns"]);
+    const MATHML_NAMESPACE = "http://www.w3.org/1998/Math/MathML";
+    const SVG_NAMESPACE = "http://www.w3.org/2000/svg";
+    const HTML_NAMESPACE = "http://www.w3.org/1999/xhtml";
+    let NAMESPACE = HTML_NAMESPACE;
+    let IS_EMPTY_INPUT = false;
+    let ALLOWED_NAMESPACES = null;
+    const DEFAULT_ALLOWED_NAMESPACES = addToSet({}, [MATHML_NAMESPACE, SVG_NAMESPACE, HTML_NAMESPACE], stringToString);
+    let MATHML_TEXT_INTEGRATION_POINTS = addToSet({}, ["mi", "mo", "mn", "ms", "mtext"]);
+    let HTML_INTEGRATION_POINTS = addToSet({}, ["annotation-xml"]);
+    const COMMON_SVG_AND_HTML_ELEMENTS = addToSet({}, ["title", "style", "font", "a", "script"]);
+    let PARSER_MEDIA_TYPE = null;
+    const SUPPORTED_PARSER_MEDIA_TYPES = ["application/xhtml+xml", "text/html"];
+    const DEFAULT_PARSER_MEDIA_TYPE = "text/html";
+    let transformCaseFunc = null;
+    let CONFIG = null;
+    const formElement = document2.createElement("form");
+    const isRegexOrFunction = function isRegexOrFunction2(testValue) {
+      return testValue instanceof RegExp || testValue instanceof Function;
+    };
+    const _parseConfig = function _parseConfig2() {
+      let cfg = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
+      if (CONFIG && CONFIG === cfg) {
+        return;
+      }
+      if (!cfg || typeof cfg !== "object") {
+        cfg = {};
+      }
+      cfg = clone(cfg);
+      PARSER_MEDIA_TYPE = // eslint-disable-next-line unicorn/prefer-includes
+      SUPPORTED_PARSER_MEDIA_TYPES.indexOf(cfg.PARSER_MEDIA_TYPE) === -1 ? DEFAULT_PARSER_MEDIA_TYPE : cfg.PARSER_MEDIA_TYPE;
+      transformCaseFunc = PARSER_MEDIA_TYPE === "application/xhtml+xml" ? stringToString : stringToLowerCase;
+      ALLOWED_TAGS = objectHasOwnProperty(cfg, "ALLOWED_TAGS") ? addToSet({}, cfg.ALLOWED_TAGS, transformCaseFunc) : DEFAULT_ALLOWED_TAGS;
+      ALLOWED_ATTR = objectHasOwnProperty(cfg, "ALLOWED_ATTR") ? addToSet({}, cfg.ALLOWED_ATTR, transformCaseFunc) : DEFAULT_ALLOWED_ATTR;
+      ALLOWED_NAMESPACES = objectHasOwnProperty(cfg, "ALLOWED_NAMESPACES") ? addToSet({}, cfg.ALLOWED_NAMESPACES, stringToString) : DEFAULT_ALLOWED_NAMESPACES;
+      URI_SAFE_ATTRIBUTES = objectHasOwnProperty(cfg, "ADD_URI_SAFE_ATTR") ? addToSet(clone(DEFAULT_URI_SAFE_ATTRIBUTES), cfg.ADD_URI_SAFE_ATTR, transformCaseFunc) : DEFAULT_URI_SAFE_ATTRIBUTES;
+      DATA_URI_TAGS = objectHasOwnProperty(cfg, "ADD_DATA_URI_TAGS") ? addToSet(clone(DEFAULT_DATA_URI_TAGS), cfg.ADD_DATA_URI_TAGS, transformCaseFunc) : DEFAULT_DATA_URI_TAGS;
+      FORBID_CONTENTS = objectHasOwnProperty(cfg, "FORBID_CONTENTS") ? addToSet({}, cfg.FORBID_CONTENTS, transformCaseFunc) : DEFAULT_FORBID_CONTENTS;
+      FORBID_TAGS = objectHasOwnProperty(cfg, "FORBID_TAGS") ? addToSet({}, cfg.FORBID_TAGS, transformCaseFunc) : clone({});
+      FORBID_ATTR = objectHasOwnProperty(cfg, "FORBID_ATTR") ? addToSet({}, cfg.FORBID_ATTR, transformCaseFunc) : clone({});
+      USE_PROFILES = objectHasOwnProperty(cfg, "USE_PROFILES") ? cfg.USE_PROFILES : false;
+      ALLOW_ARIA_ATTR = cfg.ALLOW_ARIA_ATTR !== false;
+      ALLOW_DATA_ATTR = cfg.ALLOW_DATA_ATTR !== false;
+      ALLOW_UNKNOWN_PROTOCOLS = cfg.ALLOW_UNKNOWN_PROTOCOLS || false;
+      ALLOW_SELF_CLOSE_IN_ATTR = cfg.ALLOW_SELF_CLOSE_IN_ATTR !== false;
+      SAFE_FOR_TEMPLATES = cfg.SAFE_FOR_TEMPLATES || false;
+      SAFE_FOR_XML = cfg.SAFE_FOR_XML !== false;
+      WHOLE_DOCUMENT = cfg.WHOLE_DOCUMENT || false;
+      RETURN_DOM = cfg.RETURN_DOM || false;
+      RETURN_DOM_FRAGMENT = cfg.RETURN_DOM_FRAGMENT || false;
+      RETURN_TRUSTED_TYPE = cfg.RETURN_TRUSTED_TYPE || false;
+      FORCE_BODY = cfg.FORCE_BODY || false;
+      SANITIZE_DOM = cfg.SANITIZE_DOM !== false;
+      SANITIZE_NAMED_PROPS = cfg.SANITIZE_NAMED_PROPS || false;
+      KEEP_CONTENT = cfg.KEEP_CONTENT !== false;
+      IN_PLACE = cfg.IN_PLACE || false;
+      IS_ALLOWED_URI$1 = cfg.ALLOWED_URI_REGEXP || IS_ALLOWED_URI;
+      NAMESPACE = cfg.NAMESPACE || HTML_NAMESPACE;
+      MATHML_TEXT_INTEGRATION_POINTS = cfg.MATHML_TEXT_INTEGRATION_POINTS || MATHML_TEXT_INTEGRATION_POINTS;
+      HTML_INTEGRATION_POINTS = cfg.HTML_INTEGRATION_POINTS || HTML_INTEGRATION_POINTS;
+      CUSTOM_ELEMENT_HANDLING = cfg.CUSTOM_ELEMENT_HANDLING || {};
+      if (cfg.CUSTOM_ELEMENT_HANDLING && isRegexOrFunction(cfg.CUSTOM_ELEMENT_HANDLING.tagNameCheck)) {
+        CUSTOM_ELEMENT_HANDLING.tagNameCheck = cfg.CUSTOM_ELEMENT_HANDLING.tagNameCheck;
+      }
+      if (cfg.CUSTOM_ELEMENT_HANDLING && isRegexOrFunction(cfg.CUSTOM_ELEMENT_HANDLING.attributeNameCheck)) {
+        CUSTOM_ELEMENT_HANDLING.attributeNameCheck = cfg.CUSTOM_ELEMENT_HANDLING.attributeNameCheck;
+      }
+      if (cfg.CUSTOM_ELEMENT_HANDLING && typeof cfg.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements === "boolean") {
+        CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements = cfg.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements;
+      }
+      if (SAFE_FOR_TEMPLATES) {
+        ALLOW_DATA_ATTR = false;
+      }
+      if (RETURN_DOM_FRAGMENT) {
+        RETURN_DOM = true;
+      }
+      if (USE_PROFILES) {
+        ALLOWED_TAGS = addToSet({}, text);
+        ALLOWED_ATTR = [];
+        if (USE_PROFILES.html === true) {
+          addToSet(ALLOWED_TAGS, html$1);
+          addToSet(ALLOWED_ATTR, html);
+        }
+        if (USE_PROFILES.svg === true) {
+          addToSet(ALLOWED_TAGS, svg$1);
+          addToSet(ALLOWED_ATTR, svg);
+          addToSet(ALLOWED_ATTR, xml);
+        }
+        if (USE_PROFILES.svgFilters === true) {
+          addToSet(ALLOWED_TAGS, svgFilters);
+          addToSet(ALLOWED_ATTR, svg);
+          addToSet(ALLOWED_ATTR, xml);
+        }
+        if (USE_PROFILES.mathMl === true) {
+          addToSet(ALLOWED_TAGS, mathMl$1);
+          addToSet(ALLOWED_ATTR, mathMl);
+          addToSet(ALLOWED_ATTR, xml);
+        }
+      }
+      if (cfg.ADD_TAGS) {
+        if (ALLOWED_TAGS === DEFAULT_ALLOWED_TAGS) {
+          ALLOWED_TAGS = clone(ALLOWED_TAGS);
+        }
+        addToSet(ALLOWED_TAGS, cfg.ADD_TAGS, transformCaseFunc);
+      }
+      if (cfg.ADD_ATTR) {
+        if (ALLOWED_ATTR === DEFAULT_ALLOWED_ATTR) {
+          ALLOWED_ATTR = clone(ALLOWED_ATTR);
+        }
+        addToSet(ALLOWED_ATTR, cfg.ADD_ATTR, transformCaseFunc);
+      }
+      if (cfg.ADD_URI_SAFE_ATTR) {
+        addToSet(URI_SAFE_ATTRIBUTES, cfg.ADD_URI_SAFE_ATTR, transformCaseFunc);
+      }
+      if (cfg.FORBID_CONTENTS) {
+        if (FORBID_CONTENTS === DEFAULT_FORBID_CONTENTS) {
+          FORBID_CONTENTS = clone(FORBID_CONTENTS);
+        }
+        addToSet(FORBID_CONTENTS, cfg.FORBID_CONTENTS, transformCaseFunc);
+      }
+      if (KEEP_CONTENT) {
+        ALLOWED_TAGS["#text"] = true;
+      }
+      if (WHOLE_DOCUMENT) {
+        addToSet(ALLOWED_TAGS, ["html", "head", "body"]);
+      }
+      if (ALLOWED_TAGS.table) {
+        addToSet(ALLOWED_TAGS, ["tbody"]);
+        delete FORBID_TAGS.tbody;
+      }
+      if (cfg.TRUSTED_TYPES_POLICY) {
+        if (typeof cfg.TRUSTED_TYPES_POLICY.createHTML !== "function") {
+          throw typeErrorCreate('TRUSTED_TYPES_POLICY configuration option must provide a "createHTML" hook.');
+        }
+        if (typeof cfg.TRUSTED_TYPES_POLICY.createScriptURL !== "function") {
+          throw typeErrorCreate('TRUSTED_TYPES_POLICY configuration option must provide a "createScriptURL" hook.');
+        }
+        trustedTypesPolicy = cfg.TRUSTED_TYPES_POLICY;
+        emptyHTML = trustedTypesPolicy.createHTML("");
+      } else {
+        if (trustedTypesPolicy === void 0) {
+          trustedTypesPolicy = _createTrustedTypesPolicy(trustedTypes, currentScript);
+        }
+        if (trustedTypesPolicy !== null && typeof emptyHTML === "string") {
+          emptyHTML = trustedTypesPolicy.createHTML("");
+        }
+      }
+      if (freeze) {
+        freeze(cfg);
+      }
+      CONFIG = cfg;
+    };
+    const ALL_SVG_TAGS = addToSet({}, [...svg$1, ...svgFilters, ...svgDisallowed]);
+    const ALL_MATHML_TAGS = addToSet({}, [...mathMl$1, ...mathMlDisallowed]);
+    const _checkValidNamespace = function _checkValidNamespace2(element) {
+      let parent = getParentNode(element);
+      if (!parent || !parent.tagName) {
+        parent = {
+          namespaceURI: NAMESPACE,
+          tagName: "template"
+        };
+      }
+      const tagName = stringToLowerCase(element.tagName);
+      const parentTagName = stringToLowerCase(parent.tagName);
+      if (!ALLOWED_NAMESPACES[element.namespaceURI]) {
+        return false;
+      }
+      if (element.namespaceURI === SVG_NAMESPACE) {
+        if (parent.namespaceURI === HTML_NAMESPACE) {
+          return tagName === "svg";
+        }
+        if (parent.namespaceURI === MATHML_NAMESPACE) {
+          return tagName === "svg" && (parentTagName === "annotation-xml" || MATHML_TEXT_INTEGRATION_POINTS[parentTagName]);
+        }
+        return Boolean(ALL_SVG_TAGS[tagName]);
+      }
+      if (element.namespaceURI === MATHML_NAMESPACE) {
+        if (parent.namespaceURI === HTML_NAMESPACE) {
+          return tagName === "math";
+        }
+        if (parent.namespaceURI === SVG_NAMESPACE) {
+          return tagName === "math" && HTML_INTEGRATION_POINTS[parentTagName];
+        }
+        return Boolean(ALL_MATHML_TAGS[tagName]);
+      }
+      if (element.namespaceURI === HTML_NAMESPACE) {
+        if (parent.namespaceURI === SVG_NAMESPACE && !HTML_INTEGRATION_POINTS[parentTagName]) {
+          return false;
+        }
+        if (parent.namespaceURI === MATHML_NAMESPACE && !MATHML_TEXT_INTEGRATION_POINTS[parentTagName]) {
+          return false;
+        }
+        return !ALL_MATHML_TAGS[tagName] && (COMMON_SVG_AND_HTML_ELEMENTS[tagName] || !ALL_SVG_TAGS[tagName]);
+      }
+      if (PARSER_MEDIA_TYPE === "application/xhtml+xml" && ALLOWED_NAMESPACES[element.namespaceURI]) {
+        return true;
+      }
+      return false;
+    };
+    const _forceRemove = function _forceRemove2(node2) {
+      arrayPush(DOMPurify.removed, {
+        element: node2
+      });
+      try {
+        getParentNode(node2).removeChild(node2);
+      } catch (_2) {
+        remove(node2);
+      }
+    };
+    const _removeAttribute = function _removeAttribute2(name, element) {
+      try {
+        arrayPush(DOMPurify.removed, {
+          attribute: element.getAttributeNode(name),
+          from: element
+        });
+      } catch (_2) {
+        arrayPush(DOMPurify.removed, {
+          attribute: null,
+          from: element
+        });
+      }
+      element.removeAttribute(name);
+      if (name === "is") {
+        if (RETURN_DOM || RETURN_DOM_FRAGMENT) {
+          try {
+            _forceRemove(element);
+          } catch (_2) {
+          }
+        } else {
+          try {
+            element.setAttribute(name, "");
+          } catch (_2) {
+          }
+        }
+      }
+    };
+    const _initDocument = function _initDocument2(dirty) {
+      let doc = null;
+      let leadingWhitespace = null;
+      if (FORCE_BODY) {
+        dirty = "<remove></remove>" + dirty;
+      } else {
+        const matches = stringMatch(dirty, /^[\r\n\t ]+/);
+        leadingWhitespace = matches && matches[0];
+      }
+      if (PARSER_MEDIA_TYPE === "application/xhtml+xml" && NAMESPACE === HTML_NAMESPACE) {
+        dirty = '<html xmlns="http://www.w3.org/1999/xhtml"><head></head><body>' + dirty + "</body></html>";
+      }
+      const dirtyPayload = trustedTypesPolicy ? trustedTypesPolicy.createHTML(dirty) : dirty;
+      if (NAMESPACE === HTML_NAMESPACE) {
+        try {
+          doc = new DOMParser().parseFromString(dirtyPayload, PARSER_MEDIA_TYPE);
+        } catch (_2) {
+        }
+      }
+      if (!doc || !doc.documentElement) {
+        doc = implementation.createDocument(NAMESPACE, "template", null);
+        try {
+          doc.documentElement.innerHTML = IS_EMPTY_INPUT ? emptyHTML : dirtyPayload;
+        } catch (_2) {
+        }
+      }
+      const body = doc.body || doc.documentElement;
+      if (dirty && leadingWhitespace) {
+        body.insertBefore(document2.createTextNode(leadingWhitespace), body.childNodes[0] || null);
+      }
+      if (NAMESPACE === HTML_NAMESPACE) {
+        return getElementsByTagName.call(doc, WHOLE_DOCUMENT ? "html" : "body")[0];
+      }
+      return WHOLE_DOCUMENT ? doc.documentElement : body;
+    };
+    const _createNodeIterator = function _createNodeIterator2(root) {
+      return createNodeIterator.call(
+        root.ownerDocument || root,
+        root,
+        // eslint-disable-next-line no-bitwise
+        NodeFilter.SHOW_ELEMENT | NodeFilter.SHOW_COMMENT | NodeFilter.SHOW_TEXT | NodeFilter.SHOW_PROCESSING_INSTRUCTION | NodeFilter.SHOW_CDATA_SECTION,
+        null
+      );
+    };
+    const _isClobbered = function _isClobbered2(element) {
+      return element instanceof HTMLFormElement && (typeof element.nodeName !== "string" || typeof element.textContent !== "string" || typeof element.removeChild !== "function" || !(element.attributes instanceof NamedNodeMap) || typeof element.removeAttribute !== "function" || typeof element.setAttribute !== "function" || typeof element.namespaceURI !== "string" || typeof element.insertBefore !== "function" || typeof element.hasChildNodes !== "function");
+    };
+    const _isNode = function _isNode2(value) {
+      return typeof Node === "function" && value instanceof Node;
+    };
+    function _executeHooks(hooks2, currentNode, data) {
+      arrayForEach(hooks2, (hook) => {
+        hook.call(DOMPurify, currentNode, data, CONFIG);
+      });
+    }
+    const _sanitizeElements = function _sanitizeElements2(currentNode) {
+      let content = null;
+      _executeHooks(hooks.beforeSanitizeElements, currentNode, null);
+      if (_isClobbered(currentNode)) {
+        _forceRemove(currentNode);
+        return true;
+      }
+      const tagName = transformCaseFunc(currentNode.nodeName);
+      _executeHooks(hooks.uponSanitizeElement, currentNode, {
+        tagName,
+        allowedTags: ALLOWED_TAGS
+      });
+      if (SAFE_FOR_XML && currentNode.hasChildNodes() && !_isNode(currentNode.firstElementChild) && regExpTest(/<[/\w!]/g, currentNode.innerHTML) && regExpTest(/<[/\w!]/g, currentNode.textContent)) {
+        _forceRemove(currentNode);
+        return true;
+      }
+      if (currentNode.nodeType === NODE_TYPE.progressingInstruction) {
+        _forceRemove(currentNode);
+        return true;
+      }
+      if (SAFE_FOR_XML && currentNode.nodeType === NODE_TYPE.comment && regExpTest(/<[/\w]/g, currentNode.data)) {
+        _forceRemove(currentNode);
+        return true;
+      }
+      if (!ALLOWED_TAGS[tagName] || FORBID_TAGS[tagName]) {
+        if (!FORBID_TAGS[tagName] && _isBasicCustomElement(tagName)) {
+          if (CUSTOM_ELEMENT_HANDLING.tagNameCheck instanceof RegExp && regExpTest(CUSTOM_ELEMENT_HANDLING.tagNameCheck, tagName)) {
+            return false;
+          }
+          if (CUSTOM_ELEMENT_HANDLING.tagNameCheck instanceof Function && CUSTOM_ELEMENT_HANDLING.tagNameCheck(tagName)) {
+            return false;
+          }
+        }
+        if (KEEP_CONTENT && !FORBID_CONTENTS[tagName]) {
+          const parentNode = getParentNode(currentNode) || currentNode.parentNode;
+          const childNodes = getChildNodes(currentNode) || currentNode.childNodes;
+          if (childNodes && parentNode) {
+            const childCount = childNodes.length;
+            for (let i = childCount - 1; i >= 0; --i) {
+              const childClone = cloneNode(childNodes[i], true);
+              childClone.__removalCount = (currentNode.__removalCount || 0) + 1;
+              parentNode.insertBefore(childClone, getNextSibling(currentNode));
+            }
+          }
+        }
+        _forceRemove(currentNode);
+        return true;
+      }
+      if (currentNode instanceof Element && !_checkValidNamespace(currentNode)) {
+        _forceRemove(currentNode);
+        return true;
+      }
+      if ((tagName === "noscript" || tagName === "noembed" || tagName === "noframes") && regExpTest(/<\/no(script|embed|frames)/i, currentNode.innerHTML)) {
+        _forceRemove(currentNode);
+        return true;
+      }
+      if (SAFE_FOR_TEMPLATES && currentNode.nodeType === NODE_TYPE.text) {
+        content = currentNode.textContent;
+        arrayForEach([MUSTACHE_EXPR2, ERB_EXPR2, TMPLIT_EXPR2], (expr) => {
+          content = stringReplace(content, expr, " ");
+        });
+        if (currentNode.textContent !== content) {
+          arrayPush(DOMPurify.removed, {
+            element: currentNode.cloneNode()
+          });
+          currentNode.textContent = content;
+        }
+      }
+      _executeHooks(hooks.afterSanitizeElements, currentNode, null);
+      return false;
+    };
+    const _isValidAttribute = function _isValidAttribute2(lcTag, lcName, value) {
+      if (SANITIZE_DOM && (lcName === "id" || lcName === "name") && (value in document2 || value in formElement)) {
+        return false;
+      }
+      if (ALLOW_DATA_ATTR && !FORBID_ATTR[lcName] && regExpTest(DATA_ATTR2, lcName)) ;
+      else if (ALLOW_ARIA_ATTR && regExpTest(ARIA_ATTR2, lcName)) ;
+      else if (!ALLOWED_ATTR[lcName] || FORBID_ATTR[lcName]) {
+        if (
+          // First condition does a very basic check if a) it's basically a valid custom element tagname AND
+          // b) if the tagName passes whatever the user has configured for CUSTOM_ELEMENT_HANDLING.tagNameCheck
+          // and c) if the attribute name passes whatever the user has configured for CUSTOM_ELEMENT_HANDLING.attributeNameCheck
+          _isBasicCustomElement(lcTag) && (CUSTOM_ELEMENT_HANDLING.tagNameCheck instanceof RegExp && regExpTest(CUSTOM_ELEMENT_HANDLING.tagNameCheck, lcTag) || CUSTOM_ELEMENT_HANDLING.tagNameCheck instanceof Function && CUSTOM_ELEMENT_HANDLING.tagNameCheck(lcTag)) && (CUSTOM_ELEMENT_HANDLING.attributeNameCheck instanceof RegExp && regExpTest(CUSTOM_ELEMENT_HANDLING.attributeNameCheck, lcName) || CUSTOM_ELEMENT_HANDLING.attributeNameCheck instanceof Function && CUSTOM_ELEMENT_HANDLING.attributeNameCheck(lcName, lcTag)) || // Alternative, second condition checks if it's an `is`-attribute, AND
+          // the value passes whatever the user has configured for CUSTOM_ELEMENT_HANDLING.tagNameCheck
+          lcName === "is" && CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements && (CUSTOM_ELEMENT_HANDLING.tagNameCheck instanceof RegExp && regExpTest(CUSTOM_ELEMENT_HANDLING.tagNameCheck, value) || CUSTOM_ELEMENT_HANDLING.tagNameCheck instanceof Function && CUSTOM_ELEMENT_HANDLING.tagNameCheck(value))
+        ) ;
+        else {
+          return false;
+        }
+      } else if (URI_SAFE_ATTRIBUTES[lcName]) ;
+      else if (regExpTest(IS_ALLOWED_URI$1, stringReplace(value, ATTR_WHITESPACE2, ""))) ;
+      else if ((lcName === "src" || lcName === "xlink:href" || lcName === "href") && lcTag !== "script" && stringIndexOf(value, "data:") === 0 && DATA_URI_TAGS[lcTag]) ;
+      else if (ALLOW_UNKNOWN_PROTOCOLS && !regExpTest(IS_SCRIPT_OR_DATA2, stringReplace(value, ATTR_WHITESPACE2, ""))) ;
+      else if (value) {
+        return false;
+      } else ;
+      return true;
+    };
+    const _isBasicCustomElement = function _isBasicCustomElement2(tagName) {
+      return tagName !== "annotation-xml" && stringMatch(tagName, CUSTOM_ELEMENT2);
+    };
+    const _sanitizeAttributes = function _sanitizeAttributes2(currentNode) {
+      _executeHooks(hooks.beforeSanitizeAttributes, currentNode, null);
+      const {
+        attributes
+      } = currentNode;
+      if (!attributes || _isClobbered(currentNode)) {
+        return;
+      }
+      const hookEvent = {
+        attrName: "",
+        attrValue: "",
+        keepAttr: true,
+        allowedAttributes: ALLOWED_ATTR,
+        forceKeepAttr: void 0
+      };
+      let l = attributes.length;
+      while (l--) {
+        const attr = attributes[l];
+        const {
+          name,
+          namespaceURI,
+          value: attrValue
+        } = attr;
+        const lcName = transformCaseFunc(name);
+        const initValue = attrValue;
+        let value = name === "value" ? initValue : stringTrim(initValue);
+        hookEvent.attrName = lcName;
+        hookEvent.attrValue = value;
+        hookEvent.keepAttr = true;
+        hookEvent.forceKeepAttr = void 0;
+        _executeHooks(hooks.uponSanitizeAttribute, currentNode, hookEvent);
+        value = hookEvent.attrValue;
+        if (SANITIZE_NAMED_PROPS && (lcName === "id" || lcName === "name")) {
+          _removeAttribute(name, currentNode);
+          value = SANITIZE_NAMED_PROPS_PREFIX + value;
+        }
+        if (SAFE_FOR_XML && regExpTest(/((--!?|])>)|<\/(style|title|textarea)/i, value)) {
+          _removeAttribute(name, currentNode);
+          continue;
+        }
+        if (lcName === "attributename" && stringMatch(value, "href")) {
+          _removeAttribute(name, currentNode);
+          continue;
+        }
+        if (hookEvent.forceKeepAttr) {
+          continue;
+        }
+        if (!hookEvent.keepAttr) {
+          _removeAttribute(name, currentNode);
+          continue;
+        }
+        if (!ALLOW_SELF_CLOSE_IN_ATTR && regExpTest(/\/>/i, value)) {
+          _removeAttribute(name, currentNode);
+          continue;
+        }
+        if (SAFE_FOR_TEMPLATES) {
+          arrayForEach([MUSTACHE_EXPR2, ERB_EXPR2, TMPLIT_EXPR2], (expr) => {
+            value = stringReplace(value, expr, " ");
+          });
+        }
+        const lcTag = transformCaseFunc(currentNode.nodeName);
+        if (!_isValidAttribute(lcTag, lcName, value)) {
+          _removeAttribute(name, currentNode);
+          continue;
+        }
+        if (trustedTypesPolicy && typeof trustedTypes === "object" && typeof trustedTypes.getAttributeType === "function") {
+          if (namespaceURI) ;
+          else {
+            switch (trustedTypes.getAttributeType(lcTag, lcName)) {
+              case "TrustedHTML": {
+                value = trustedTypesPolicy.createHTML(value);
+                break;
+              }
+              case "TrustedScriptURL": {
+                value = trustedTypesPolicy.createScriptURL(value);
+                break;
+              }
+            }
+          }
+        }
+        if (value !== initValue) {
+          try {
+            if (namespaceURI) {
+              currentNode.setAttributeNS(namespaceURI, name, value);
+            } else {
+              currentNode.setAttribute(name, value);
+            }
+            if (_isClobbered(currentNode)) {
+              _forceRemove(currentNode);
+            } else {
+              arrayPop(DOMPurify.removed);
+            }
+          } catch (_2) {
+            _removeAttribute(name, currentNode);
+          }
+        }
+      }
+      _executeHooks(hooks.afterSanitizeAttributes, currentNode, null);
+    };
+    const _sanitizeShadowDOM = function _sanitizeShadowDOM2(fragment) {
+      let shadowNode = null;
+      const shadowIterator = _createNodeIterator(fragment);
+      _executeHooks(hooks.beforeSanitizeShadowDOM, fragment, null);
+      while (shadowNode = shadowIterator.nextNode()) {
+        _executeHooks(hooks.uponSanitizeShadowNode, shadowNode, null);
+        _sanitizeElements(shadowNode);
+        _sanitizeAttributes(shadowNode);
+        if (shadowNode.content instanceof DocumentFragment) {
+          _sanitizeShadowDOM2(shadowNode.content);
+        }
+      }
+      _executeHooks(hooks.afterSanitizeShadowDOM, fragment, null);
+    };
+    DOMPurify.sanitize = function(dirty) {
+      let cfg = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
+      let body = null;
+      let importedNode = null;
+      let currentNode = null;
+      let returnNode = null;
+      IS_EMPTY_INPUT = !dirty;
+      if (IS_EMPTY_INPUT) {
+        dirty = "<!-->";
+      }
+      if (typeof dirty !== "string" && !_isNode(dirty)) {
+        if (typeof dirty.toString === "function") {
+          dirty = dirty.toString();
+          if (typeof dirty !== "string") {
+            throw typeErrorCreate("dirty is not a string, aborting");
+          }
+        } else {
+          throw typeErrorCreate("toString is not a function");
+        }
+      }
+      if (!DOMPurify.isSupported) {
+        return dirty;
+      }
+      if (!SET_CONFIG) {
+        _parseConfig(cfg);
+      }
+      DOMPurify.removed = [];
+      if (typeof dirty === "string") {
+        IN_PLACE = false;
+      }
+      if (IN_PLACE) {
+        if (dirty.nodeName) {
+          const tagName = transformCaseFunc(dirty.nodeName);
+          if (!ALLOWED_TAGS[tagName] || FORBID_TAGS[tagName]) {
+            throw typeErrorCreate("root node is forbidden and cannot be sanitized in-place");
+          }
+        }
+      } else if (dirty instanceof Node) {
+        body = _initDocument("<!---->");
+        importedNode = body.ownerDocument.importNode(dirty, true);
+        if (importedNode.nodeType === NODE_TYPE.element && importedNode.nodeName === "BODY") {
+          body = importedNode;
+        } else if (importedNode.nodeName === "HTML") {
+          body = importedNode;
+        } else {
+          body.appendChild(importedNode);
+        }
+      } else {
+        if (!RETURN_DOM && !SAFE_FOR_TEMPLATES && !WHOLE_DOCUMENT && // eslint-disable-next-line unicorn/prefer-includes
+        dirty.indexOf("<") === -1) {
+          return trustedTypesPolicy && RETURN_TRUSTED_TYPE ? trustedTypesPolicy.createHTML(dirty) : dirty;
+        }
+        body = _initDocument(dirty);
+        if (!body) {
+          return RETURN_DOM ? null : RETURN_TRUSTED_TYPE ? emptyHTML : "";
+        }
+      }
+      if (body && FORCE_BODY) {
+        _forceRemove(body.firstChild);
+      }
+      const nodeIterator = _createNodeIterator(IN_PLACE ? dirty : body);
+      while (currentNode = nodeIterator.nextNode()) {
+        _sanitizeElements(currentNode);
+        _sanitizeAttributes(currentNode);
+        if (currentNode.content instanceof DocumentFragment) {
+          _sanitizeShadowDOM(currentNode.content);
+        }
+      }
+      if (IN_PLACE) {
+        return dirty;
+      }
+      if (RETURN_DOM) {
+        if (RETURN_DOM_FRAGMENT) {
+          returnNode = createDocumentFragment.call(body.ownerDocument);
+          while (body.firstChild) {
+            returnNode.appendChild(body.firstChild);
+          }
+        } else {
+          returnNode = body;
+        }
+        if (ALLOWED_ATTR.shadowroot || ALLOWED_ATTR.shadowrootmode) {
+          returnNode = importNode.call(originalDocument, returnNode, true);
+        }
+        return returnNode;
+      }
+      let serializedHTML = WHOLE_DOCUMENT ? body.outerHTML : body.innerHTML;
+      if (WHOLE_DOCUMENT && ALLOWED_TAGS["!doctype"] && body.ownerDocument && body.ownerDocument.doctype && body.ownerDocument.doctype.name && regExpTest(DOCTYPE_NAME, body.ownerDocument.doctype.name)) {
+        serializedHTML = "<!DOCTYPE " + body.ownerDocument.doctype.name + ">\n" + serializedHTML;
+      }
+      if (SAFE_FOR_TEMPLATES) {
+        arrayForEach([MUSTACHE_EXPR2, ERB_EXPR2, TMPLIT_EXPR2], (expr) => {
+          serializedHTML = stringReplace(serializedHTML, expr, " ");
+        });
+      }
+      return trustedTypesPolicy && RETURN_TRUSTED_TYPE ? trustedTypesPolicy.createHTML(serializedHTML) : serializedHTML;
+    };
+    DOMPurify.setConfig = function() {
+      let cfg = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
+      _parseConfig(cfg);
+      SET_CONFIG = true;
+    };
+    DOMPurify.clearConfig = function() {
+      CONFIG = null;
+      SET_CONFIG = false;
+    };
+    DOMPurify.isValidAttribute = function(tag, attr, value) {
+      if (!CONFIG) {
+        _parseConfig({});
+      }
+      const lcTag = transformCaseFunc(tag);
+      const lcName = transformCaseFunc(attr);
+      return _isValidAttribute(lcTag, lcName, value);
+    };
+    DOMPurify.addHook = function(entryPoint, hookFunction) {
+      if (typeof hookFunction !== "function") {
+        return;
+      }
+      arrayPush(hooks[entryPoint], hookFunction);
+    };
+    DOMPurify.removeHook = function(entryPoint, hookFunction) {
+      if (hookFunction !== void 0) {
+        const index = arrayLastIndexOf(hooks[entryPoint], hookFunction);
+        return index === -1 ? void 0 : arraySplice(hooks[entryPoint], index, 1)[0];
+      }
+      return arrayPop(hooks[entryPoint]);
+    };
+    DOMPurify.removeHooks = function(entryPoint) {
+      hooks[entryPoint] = [];
+    };
+    DOMPurify.removeAllHooks = function() {
+      hooks = _createHooksMap();
+    };
+    return DOMPurify;
+  }
+  var purify = createDOMPurify();
+  const isNil = (value) => value === void 0 || value === null;
+  const isNotNil = (value) => !isNil(value);
+  const validate = (value, validations) => {
+    if (!validations) return null;
+    if (validations.required) {
+      if (value === null || value === void 0 || value === "") {
+        return "Field is required";
+      }
+    }
+    if (validations.basicEmailValidation) {
+      if (value === null || value === void 0 || value === "") {
+        return "Field should be email";
+      }
+    }
+    return null;
+  };
+  const validateAll = (state, validations) => {
+    if (validations) {
+      const fieldsToBeValid = Object.keys(validations);
+      const foundErrors = fieldsToBeValid.map(
+        (f2) => {
+          const error = validate(state[f2], validations[f2].validations);
+          return error ? {
+            field: f2,
+            error
+          } : null;
+        },
+        {}
+      ).filter(isNotNil);
+      return foundErrors;
+    }
+    return [];
+  };
+  const useStepper = (props) => {
+    const [step, setStep] = React2.useState(0);
+    const [errors, setErrors] = React2.useState([]);
+    const saveData = React2.useCallback(async () => {
+      try {
+        await saveForm({
+          feedbackFormId: props.formId,
+          link: window.location.pathname,
+          rawHtml: purify.sanitize(document.getElementsByTagName("html")[0] ?? ""),
+          domainId: props.domainId,
+          data: props.state,
+          formType: props.formType,
+          viewport: {
+            first: document.body.clientWidth,
+            second: document.body.clientHeight
+          },
+          browser: {
+            productSub: navigator.productSub,
+            vendor: navigator.vendor,
+            pdfViewerEnabled: navigator.pdfViewerEnabled,
+            maxTouchPoints: navigator.maxTouchPoints,
+            hardwareConcurrency: navigator.hardwareConcurrency,
+            cookieEnabled: navigator.cookieEnabled,
+            appVersion: navigator.appVersion,
+            platform: navigator.platform,
+            userAgent: navigator.userAgent,
+            language: navigator.language,
+            onLine: navigator.onLine,
+            webdriver: navigator.webdriver,
+            // @ts-ignore
+            deviceMemory: navigator.deviceMemory
+          }
+        });
+      } catch (e) {
+        console.log(e);
+      }
+    }, [props.state, props.formType]);
+    const onContinue = React2.useCallback(() => {
+      const foundErrors = validateAll(props.state, props.validationsPerStep[step]);
+      setErrors(foundErrors);
+      if (!foundErrors.length) {
+        if (step < props.stepsCount - 1) {
+          setStep((prevStep) => prevStep + 1);
+        } else {
+          saveData();
+        }
+      }
+    }, [props.state, props.validationsPerStep, step, saveData]);
+    const onBack = React2.useCallback(() => {
+      if (step !== 0) {
+        setErrors([]);
+        setStep((prevStep) => prevStep - 1);
+      }
+    }, [step]);
+    React2.useEffect(() => {
+      setErrors((errorsState) => {
+        if (errorsState.length) {
+          const validated = validateAll(props.state, props.validationsPerStep[step]);
+          if (validated.length !== errorsState.length) return validated;
+        }
+        return errorsState;
+      });
+    }, [errors, props.state, step]);
+    return {
+      step,
+      errors,
+      onContinue,
+      onBack
+    };
+  };
+  const Div$2 = dt.div({
+    marginTop: "1rem",
+    color: "var(--color-error)",
+    height: "20px"
+  });
+  const ErrorMessage = ({ errors }) => {
+    var _a;
+    return React2.createElement(Div$2, { children: ((_a = (errors || [])[0]) == null ? void 0 : _a.error) ?? null });
+  };
+  const CheckboxCmp = dt.input(
+    ({ theme: theme2, colorVariant, selected }) => {
+      const size = `calc(${theme2.sizeSelector} * 6);`;
+      const defaultVariantColor = useDefaultVariantColor(colorVariant);
+      return {
+        cursor: "pointer",
+        appearance: "none",
+        borderRadius: "var(--radius-selector)",
+        verticalAlign: "middle",
+        color: "var(--color-base-content)",
+        width: size,
+        border: `1px solid ${defaultVariantColor}`,
+        height: size,
+        flexShrink: "0",
+        padding: ".25rem",
+        transition: "background-color .2s,box-shadow .2s",
+        display: "inline-block",
+        position: "relative",
+        "&::before": {
+          content: '""',
+          opacity: "0",
+          clipPath: "polygon(20% 100%,20% 80%,50% 80%,50% 80%,70% 80%,70% 100%)",
+          width: "100%",
+          height: "100%",
+          boxShadow: "0 3px oklch(100% 0 0/calc(var(--depth)*.1)) inset",
+          backgroundColor: `${defaultVariantColor}`,
+          fontSize: "1rem",
+          lineHeight: ".75",
+          transition: "clip-path .3s .1s,opacity .1s .1s,rotate .3s .1s,translate .3s .1s",
+          display: "block",
+          rotate: "45deg",
+          ...selected ? {
+            clipPath: "polygon(20% 100%,20% 80%,50% 80%,50% 0%,70% 0%,70% 100%)",
+            opacity: "1"
+          } : {}
+        }
+      };
+    }
+  );
+  const CheckboxRow = dt.label((props) => ({
+    display: "flex",
+    fontWeight: props.selected ? "500" : "normal",
+    transition: ".2s ease-in-out",
+    alignItems: "center",
+    cursor: "pointer",
+    gap: "calc(var(--spacing) * 2)"
+  }));
+  const Checkbox = (props) => {
+    const id = React2.useMemo(
+      () => `${props.id}-${props.label.replace(/\s/g, "-").toLowerCase()}`,
+      []
+    );
+    const onSelect = (value) => {
+      props.onSelect(
+        props.value.includes(value) ? props.value.filter((v2) => v2 !== value) : [...props.value, value]
+      );
+    };
+    const isSelected = props.value.includes(id);
+    return React2.createElement(CheckboxRow, {
+      selected: isSelected,
+      children: [
+        React2.createElement(CheckboxCmp, {
+          id,
+          type: "checkbox",
+          selected: isSelected,
+          colorVariant: props.colorVariant,
+          onChange: () => onSelect(id),
+          name: props.name
+        }),
+        React2.createElement(Typography, {
+          children: props.label,
+          linear: true
+        })
+      ]
+    });
+  };
+  const checkboxList = dt.div`
   display: flex;
   flex-direction: column;
   width: var(--all-fields-size);
@@ -87,14 +3029,213 @@ var SiteUtilsFeedback=(function(pe,s,lo){"use strict";var ut={},Tr;function co()
   @media (max-width: 900px) {
     width: 100%;
   }
-`,na=b.div`
+`;
+  const columnGroup$1 = dt.div`
   display: flex;
   gap: calc(var(--spacing) * 10);
   @media (max-width: 900px) {
     gap: var(--spacing);
     flex-direction: column;
   }
-`,Pn=e=>{const t=e.label.replace(/\s/g,"-").toLowerCase(),r=e.elementsPerCol||4,n=s.useMemo(()=>e.options.reduce((o,a,l)=>{var u;return(l%r===0||l===0)&&o.push([]),(u=o[o.length-1])==null||u.push(a),o},[]),[r,e.options]);return s.createElement("div",{children:[s.createElement(ee,{children:e.label,variant:"section"}),s.createElement(na,{children:n.map((o,a)=>s.createElement(ra,{key:a,children:o.map(l=>s.createElement(ta,{onSelect:e.onChange,colorVariant:e.colorVariant,value:e.value,id:e.formClientId,name:t,label:l.label}))}))}),s.createElement(Ce,{errors:e.errors})]})},oa=b(Re)(()=>({"&:not(:last-of-type):not(:first-of-type)":{borderRadius:"0",marginRight:"-1px",marginLeft:"-1px"},"&:first-of-type":{borderTopRightRadius:"0",borderBottomRightRadius:"0"},"&:last-of-type":{borderTopLeftRadius:"0",borderBottomLeftRadius:"0"},"@media (max-width: 900px)":{}})),ia=e=>s.createElement(oa,{onClick:e.onChange,$outlined:!e.selected,children:e.label}),On=b("span")(({min:e,variant:t})=>{const r=t||le();return{position:"absolute",left:e?"0":void 0,right:e?void 0:"0",bottom:"-2px",opacity:"0.5",fontWeight:"300",transform:"translateY(100%)",textTransform:"uppercase",color:r}}),aa=b.div(e=>({verticalAlign:"middle",display:"inline-flex",position:"relative",marginBottom:e.withText?"calc(var(--spacing) * 6)":"0"})),Nn=e=>s.createElement("div",{children:[s.createElement(ee,{children:e.label,variant:"section"}),s.createElement(aa,{withText:e.maxText||e.minText,children:[e.maxText?s.createElement(On,{min:!1,children:e.maxText}):null,e.minText?s.createElement(On,{min:!0,children:e.minText}):null,Array(e.max).fill(1).map((t,r)=>s.createElement(ia,{onChange:()=>e.onChange(r+1),selected:r+1===e.value,key:`${r}`,label:`${r+1}`}))]}),s.createElement(Ce,{errors:e.errors})]}),sa=b.input(({theme:e,selected:t,colorVariant:r})=>{const n=`calc(${e.sizeSelector} * 6);`,o=le(r);return{width:n,height:n,color:e.neutral,margin:"0",cursor:"pointer",appearance:"none",verticalAlign:"middle",borderRadius:"3.40282e38px",border:`1px solid ${o}`,flexShrink:"0",padding:t?".25rem":"0.4rem",transition:".2s ease-in-out",display:"inline-block",position:"relative",boxSizing:"border-box","&::before":{content:'""',borderRadius:"3.40282e38px",background:t?o:"transparent",width:"100%",height:"100%",display:"block"}}}),la=b.label(e=>({display:"flex",fontWeight:e.selected?"500":"normal",transition:".2s ease-in-out",alignItems:"center",cursor:"pointer",gap:"calc(var(--spacing) * 2)"})),ca=e=>{const t=s.useMemo(()=>`${e.id}-${e.label.replace(/\s/g,"-").toLowerCase()}`,[e.id]),r=o=>{e.onSelect(o)},n=e.value===t;return s.createElement(la,{selected:n,htmlFor:t,children:[s.createElement(sa,{id:t,type:"radio",variant:e.colorVariant,selected:n,onChange:()=>r(t),name:e.name}),s.createElement(ee,{children:e.label,linear:!0})]})},ua=b.div`
+`;
+  const CheckboxGroup = (props) => {
+    const name = props.label.replace(/\s/g, "-").toLowerCase();
+    const elementsPerCol = props.elementsPerCol || 4;
+    const columns = React2.useMemo(() => {
+      return props.options.reduce(
+        (acc, o, i) => {
+          var _a;
+          const shouldCreateNewCol = i % elementsPerCol === 0 || i === 0;
+          if (shouldCreateNewCol) {
+            acc.push([]);
+          }
+          (_a = acc[acc.length - 1]) == null ? void 0 : _a.push(o);
+          return acc;
+        },
+        []
+      );
+    }, [elementsPerCol, props.options]);
+    return React2.createElement("div", {
+      children: [
+        React2.createElement(Typography, {
+          children: props.label,
+          variant: "section"
+        }),
+        React2.createElement(columnGroup$1, {
+          children: columns.map(
+            (col, i) => React2.createElement(checkboxList, {
+              key: i,
+              children: col.map(
+                (o) => React2.createElement(Checkbox, {
+                  onSelect: props.onChange,
+                  colorVariant: props.colorVariant,
+                  value: props.value,
+                  id: props.formClientId,
+                  name,
+                  label: o.label
+                })
+              )
+            })
+          )
+        }),
+        React2.createElement(ErrorMessage, {
+          errors: props.errors
+        })
+      ]
+    });
+  };
+  const MatrixEl = dt(Button)(() => {
+    return {
+      "&:not(:last-of-type):not(:first-of-type)": {
+        borderRadius: "0",
+        marginRight: "-1px",
+        marginLeft: "-1px"
+      },
+      "&:first-of-type": {
+        borderTopRightRadius: "0",
+        borderBottomRightRadius: "0"
+      },
+      "&:last-of-type": {
+        borderTopLeftRadius: "0",
+        borderBottomLeftRadius: "0"
+      },
+      "@media (max-width: 900px)": {
+        // display: 'none',
+      }
+    };
+  });
+  const QuestionMatrixItem = (props) => {
+    return React2.createElement(MatrixEl, {
+      onClick: props.onChange,
+      $outlined: !props.selected,
+      children: props.label
+    });
+  };
+  const TextIndicator = dt("span")(({
+    min,
+    variant
+  }) => {
+    const color = variant || useDefaultVariantColor();
+    return {
+      position: "absolute",
+      left: min ? "0" : void 0,
+      right: min ? void 0 : "0",
+      bottom: "-2px",
+      opacity: "0.5",
+      fontWeight: "300",
+      transform: "translateY(100%)",
+      textTransform: "uppercase",
+      color
+    };
+  });
+  const QuestionMatrixContainer = dt.div((props) => {
+    return {
+      verticalAlign: "middle",
+      display: "inline-flex",
+      position: "relative",
+      marginBottom: props.withText ? "calc(var(--spacing) * 6)" : "0"
+    };
+  });
+  const QuestionMatrix = (props) => {
+    return React2.createElement("div", {
+      children: [
+        React2.createElement(Typography, {
+          children: props.label,
+          variant: "section"
+        }),
+        React2.createElement(QuestionMatrixContainer, {
+          withText: props.maxText || props.minText,
+          children: [
+            props.maxText ? React2.createElement(TextIndicator, {
+              min: false,
+              children: props.maxText
+            }) : null,
+            props.minText ? React2.createElement(TextIndicator, {
+              min: true,
+              children: props.minText
+            }) : null,
+            Array(props.max).fill(1).map((_2, i) => {
+              return React2.createElement(QuestionMatrixItem, {
+                onChange: () => props.onChange(i + 1),
+                selected: i + 1 === props.value,
+                key: `${i}`,
+                label: `${i + 1}`
+              });
+            })
+          ]
+        }),
+        React2.createElement(ErrorMessage, {
+          errors: props.errors
+        })
+      ]
+    });
+  };
+  const RadioCmp = dt.input(({ theme: theme2, selected, colorVariant }) => {
+    const size = `calc(${theme2.sizeSelector} * 6);`;
+    const defaultVariantColor = useDefaultVariantColor(colorVariant);
+    return {
+      width: size,
+      height: size,
+      color: theme2.neutral,
+      margin: "0",
+      cursor: "pointer",
+      appearance: "none",
+      verticalAlign: "middle",
+      borderRadius: "3.40282e38px",
+      border: `1px solid ${defaultVariantColor}`,
+      flexShrink: "0",
+      padding: selected ? ".25rem" : "0.4rem",
+      transition: ".2s ease-in-out",
+      display: "inline-block",
+      position: "relative",
+      boxSizing: "border-box",
+      "&::before": {
+        content: '""',
+        borderRadius: "3.40282e38px",
+        background: selected ? defaultVariantColor : "transparent",
+        width: "100%",
+        height: "100%",
+        display: "block"
+      }
+    };
+  });
+  const RadioRow = dt.label((props) => ({
+    display: "flex",
+    fontWeight: props.selected ? "500" : "normal",
+    transition: ".2s ease-in-out",
+    alignItems: "center",
+    cursor: "pointer",
+    gap: "calc(var(--spacing) * 2)"
+  }));
+  const Radio = (props) => {
+    const id = React2.useMemo(
+      () => `${props.id}-${props.label.replace(/\s/g, "-").toLowerCase()}`,
+      [props.id]
+    );
+    const onSelect = (value) => {
+      props.onSelect(value);
+    };
+    const isSelected = props.value === id;
+    return React2.createElement(RadioRow, {
+      selected: isSelected,
+      htmlFor: id,
+      children: [
+        React2.createElement(RadioCmp, {
+          id,
+          type: "radio",
+          variant: props.colorVariant,
+          selected: isSelected,
+          onChange: () => onSelect(id),
+          name: props.name
+        }),
+        React2.createElement(Typography, {
+          children: props.label,
+          linear: true
+        })
+      ]
+    });
+  };
+  const radioList = dt.div`
   display: flex;
   flex-direction: column;
   width: var(--all-fields-size);
@@ -102,47 +3243,931 @@ var SiteUtilsFeedback=(function(pe,s,lo){"use strict";var ut={},Tr;function co()
   @media (max-width: 900px) {
     width: 100%;
   }
-`,da=b.div`
+`;
+  const columnGroup = dt.div`
   display: flex;
   gap: calc(var(--spacing) * 10);
   @media (max-width: 900px) {
     gap: var(--spacing);
     flex-direction: column;
   }
-`,$n=e=>{const t=e.elementsPerCol||4,r=s.useMemo(()=>e.options.reduce((n,o,a)=>{var d;return(a%t===0||a===0)&&n.push([]),(d=n[n.length-1])==null||d.push(o),n},[]),[t,e.options]);return s.createElement("div",{children:[s.createElement(ee,{children:e.label,variant:"section"}),s.createElement(da,{children:r.map(n=>s.createElement(ua,{children:n.map(o=>s.createElement(ca,{colorVariant:e.colorVariant,onSelect:e.onChange,value:e.value,id:e.formClientId,name:`${o.id}-${e.formClientId}`,label:o.label}))}))}),s.createElement(Ce,{errors:e.errors})]})},ma=b.input(e=>{const t=le(e.colorVariant);return{cursor:"text",border:`var(--border-width)solid ${t}`,appearance:"none",backgroundColor:"var(--color-base-100)",verticalAlign:"middle",whiteSpace:"nowrap",width:"clamp(3rem,30rem,100%)",height:"calc(var(--size-field, .25rem) * 10)",fontSize:"max(var(--font-size,.875rem),.875rem)",touchAction:"manipulation",borderColor:t,borderStartStartRadius:"var(--join-ss,var(--radius-field))",borderStartEndRadius:"var(--join-se,var(--radius-field))",borderEndEndRadius:"var(--join-ee,var(--radius-field))",borderEndStartRadius:"var(--join-es,var(--radius-field))",alignItems:"center",boxSizing:"border-box",paddingInline:".75rem","&:focus":{outline:`2px solid ${t}`,outlineOffset:"3px",isolation:"isolate"}}}),fa=b.input(e=>{const r=le(e.colorVariant);return{cursor:"pointer",flex:"1",verticalAlign:"middle","--radius-selector-max":"calc(var(--radius-selector) + var(--radius-selector) + var(--radius-selector))",borderRadius:"calc(var(--radius-selector) + min(var(--range-p),var(--radius-selector-max)))",height:"var(--range-thumb-size)",backgroundColor:"#0000",border:"none",overflow:"hidden",appearance:"none",webkitAppearance:"none",margin:"0","--range-thumb":"var(--color-base-100)","--range-thumb-size":"calc(var(--size-selector,.25rem)*6)","--range-progress":r,"--range-fill":"1","--range-p":".25rem","--range-bg":r,font:"inherit",fontFeatureSettings:"inherit",fontVariationSettings:"inherit",letterSpacing:"inherit",color:"inherit",opacity:"1","&::-webkit-slider-runnable-track":{backgroundColor:"var(--range-bg)",borderRadius:"var(--radius-selector)",width:"100%",height:"calc(var(--range-thumb-size)*.5)","--range-bg":"color-mix(in oklab,currentColor 10%,#0000)"},"&::-webkit-slider-thumb":{boxSizing:"border-box",borderRadius:"calc(var(--radius-selector) + min(var(--range-p),var(--radius-selector-max)))",height:"var(--range-thumb-size)",width:"var(--range-thumb-size)",border:"var(--range-p)solid",appearance:"none",webkitAppearance:"none",color:"var(--range-progress)",boxShadow:"0 -1px oklch(0% 0 0 / calc(var(--depth) * .1)) inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * .1)) inset, 0 0 1px 1px currentColor, 0 0 0 2rem var(--range-thumb) inset, calc((var(--range-dir, 1) * -100rem) - (var(--range-dir, 1) * var(--range-thumb-size) / 2)) 0 0 calc(100rem * var(--range-fill))",backgroundColor:r,position:"relative",top:"50%",transform:"translateY(-50%)"}}}),ha=b.div`
+`;
+  const RadioGroup = (props) => {
+    const elementsPerCol = props.elementsPerCol || 4;
+    const columns = React2.useMemo(() => {
+      return props.options.reduce(
+        (acc, o, i) => {
+          var _a;
+          const shouldCreateNewCol = i % elementsPerCol === 0 || i === 0;
+          if (shouldCreateNewCol) {
+            acc.push([]);
+          }
+          (_a = acc[acc.length - 1]) == null ? void 0 : _a.push(o);
+          return acc;
+        },
+        []
+      );
+    }, [elementsPerCol, props.options]);
+    return React2.createElement("div", {
+      children: [
+        React2.createElement(Typography, {
+          children: props.label,
+          variant: "section"
+        }),
+        React2.createElement(columnGroup, {
+          children: columns.map(
+            (col) => React2.createElement(radioList, {
+              children: col.map(
+                (o) => React2.createElement(Radio, {
+                  colorVariant: props.colorVariant,
+                  onSelect: props.onChange,
+                  value: props.value,
+                  id: props.formClientId,
+                  name: `${o.id}-${props.formClientId}`,
+                  label: o.label
+                })
+              )
+            })
+          )
+        }),
+        React2.createElement(ErrorMessage, {
+          errors: props.errors
+        })
+      ]
+    });
+  };
+  const TextInputStyled = dt.input((props) => {
+    const color = useDefaultVariantColor(props.colorVariant);
+    return {
+      cursor: "text",
+      border: `var(--border-width)solid ${color}`,
+      appearance: "none",
+      backgroundColor: "var(--color-base-100)",
+      verticalAlign: "middle",
+      whiteSpace: "nowrap",
+      width: "clamp(3rem,30rem,100%)",
+      height: "calc(var(--size-field, .25rem) * 10)",
+      fontSize: "max(var(--font-size,.875rem),.875rem)",
+      touchAction: "manipulation",
+      borderColor: color,
+      borderStartStartRadius: "var(--join-ss,var(--radius-field))",
+      borderStartEndRadius: "var(--join-se,var(--radius-field))",
+      borderEndEndRadius: "var(--join-ee,var(--radius-field))",
+      borderEndStartRadius: "var(--join-es,var(--radius-field))",
+      alignItems: "center",
+      boxSizing: "border-box",
+      paddingInline: ".75rem",
+      "&:focus": {
+        outline: `2px solid ${color}`,
+        outlineOffset: "3px",
+        isolation: "isolate"
+      }
+    };
+  });
+  const RangeInput = dt.input((props) => {
+    const defaultVariant = useDefaultVariantColor(props.colorVariant);
+    const color = defaultVariant;
+    return {
+      cursor: "pointer",
+      flex: "1",
+      verticalAlign: "middle",
+      "--radius-selector-max": "calc(var(--radius-selector) + var(--radius-selector) + var(--radius-selector))",
+      borderRadius: "calc(var(--radius-selector) + min(var(--range-p),var(--radius-selector-max)))",
+      height: "var(--range-thumb-size)",
+      backgroundColor: "#0000",
+      border: "none",
+      overflow: "hidden",
+      appearance: "none",
+      webkitAppearance: "none",
+      margin: "0",
+      "--range-thumb": "var(--color-base-100)",
+      "--range-thumb-size": "calc(var(--size-selector,.25rem)*6)",
+      "--range-progress": color,
+      "--range-fill": "1",
+      "--range-p": ".25rem",
+      "--range-bg": color,
+      font: "inherit",
+      fontFeatureSettings: "inherit",
+      fontVariationSettings: "inherit",
+      letterSpacing: "inherit",
+      color: "inherit",
+      opacity: "1",
+      "&::-webkit-slider-runnable-track": {
+        backgroundColor: "var(--range-bg)",
+        borderRadius: "var(--radius-selector)",
+        width: "100%",
+        height: "calc(var(--range-thumb-size)*.5)",
+        "--range-bg": "color-mix(in oklab,currentColor 10%,#0000)"
+      },
+      "&::-webkit-slider-thumb": {
+        boxSizing: "border-box",
+        borderRadius: "calc(var(--radius-selector) + min(var(--range-p),var(--radius-selector-max)))",
+        height: "var(--range-thumb-size)",
+        width: "var(--range-thumb-size)",
+        border: "var(--range-p)solid",
+        appearance: "none",
+        webkitAppearance: "none",
+        color: "var(--range-progress)",
+        boxShadow: "0 -1px oklch(0% 0 0 / calc(var(--depth) * .1)) inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * .1)) inset, 0 0 1px 1px currentColor, 0 0 0 2rem var(--range-thumb) inset, calc((var(--range-dir, 1) * -100rem) - (var(--range-dir, 1) * var(--range-thumb-size) / 2)) 0 0 calc(100rem * var(--range-fill))",
+        backgroundColor: color,
+        position: "relative",
+        top: "50%",
+        transform: "translateY(-50%)"
+      }
+    };
+  });
+  const RangeSliderContainer = dt.div`
   width: clamp(3rem, 30rem, 100%);
-`,pa=b(ma)`
+`;
+  const RangeTextInput = dt(TextInputStyled)`
   width: calc(var(--size-field) * 15);
-`,ga=b.div`
+`;
+  const RangeSlideContainer = dt.div`
   display: flex;
   align-items: center;
   gap: calc(var(--spacing) * 2);
-`,Dn=e=>{var o;const t=e.min||0,r=e.max||100,n=a=>{const l=Number.parseInt(a.target.value);Number.isNaN(l)?console.error("RangeSlide must be a number"):e.onChange(l)};return s.useEffect(()=>{e.onChange(e.value||e.initialValue||0)},[]),s.createElement(ha,{children:[s.createElement(ee,{children:e.label,variant:"section"}),s.createElement(ga,{children:[s.createElement(fa,{type:"range",min:t,max:r,useThemeColors:e.colorVariant,value:e.value,onChange:n}),s.createElement(pa,{type:"number",value:((o=e.value)==null?void 0:o.toString())??"",max:r,min:t,colorVariant:e.colorVariant,onChange:a=>e.onChange(+a.target.value)})]}),s.createElement(Ce,{errors:e.errors})]})},ba={heart:encodeURIComponent('<svg xmlns="http://www.w3.org/2000/svg" width="200" height="185"><path d="M100 184.606a15.384 15.384 0 0 1-8.653-2.678C53.565 156.28 37.205 138.695 28.182 127.7 8.952 104.264-.254 80.202.005 54.146.308 24.287 24.264 0 53.406 0c21.192 0 35.869 11.937 44.416 21.879a2.884 2.884 0 0 0 4.356 0C110.725 11.927 125.402 0 146.594 0c29.142 0 53.098 24.287 53.4 54.151.26 26.061-8.956 50.122-28.176 73.554-9.023 10.994-25.383 28.58-63.165 54.228a15.384 15.384 0 0 1-8.653 2.673Z" fill="black" fill-rule="nonzero"/></svg>'),star:encodeURIComponent('<svg xmlns="http://www.w3.org/2000/svg" width="192" height="180"><path fill="black" d="m96 137.263-58.779 42.024 22.163-68.389L.894 68.481l72.476-.243L96 0l22.63 68.238 72.476.243-58.49 42.417 22.163 68.389z" fill-rule="evenodd"/></svg>'),star2:encodeURIComponent('<svg xmlns="http://www.w3.org/2000/svg" width="192" height="180"><path fill="black" d="m96 153.044-58.779 26.243 7.02-63.513L.894 68.481l63.117-13.01L96 0l31.989 55.472 63.117 13.01-43.347 47.292 7.02 63.513z" fill-rule="evenodd"/></svg>')},Mn={small:"1rem",medium:"1.5rem",large:"2rem"},ya=b.input(e=>{const t=ba[e.icon??"star2"],r=le(e.colorVariant);return{maskImage:`url(data:image/svg+xml,${t})`,backgroundColor:r,appearance:"none",transform:e.selected?"scale(1.1)":"scale(1)",transition:"transform 0.3s",border:"none",opacity:e.selected?"1":.2,verticalAlign:"middle",display:"inline-block",WebkitMaskPosition:"50%",maskPosition:"50%",cursor:"pointer",WebkitMaskSize:"contain",maskSize:"contain",WebkitMaskRepeat:"no-repeat",maskRepeat:"no-repeat",borderRadius:"0",width:Mn[e.size??"medium"],height:Mn[e.size??"medium"]}}),va=b.div(()=>({verticalAlign:"middle",position:"relative"})),Ln=({value:e,max:t,errors:r,label:n,onChange:o})=>s.createElement(va,{value:1,max:5,children:[s.createElement(ee,{variant:"section",children:n}),Array(t).fill(1).map((a,l)=>s.createElement(ya,{selected:l<e,name:`rating-${l+1}`,key:`${l}`,onChange:()=>{o(l+1)},type:"radio"})),s.createElement(Ce,{errors:r})]}),Ea=b.div`
+`;
+  const RangeSlide = (props) => {
+    var _a;
+    const min = props.min || 0;
+    const max = props.max || 100;
+    const onChange = (event) => {
+      const value = Number.parseInt(event.target.value);
+      if (Number.isNaN(value)) {
+        console.error("RangeSlide must be a number");
+      } else {
+        props.onChange(value);
+      }
+    };
+    React2.useEffect(() => {
+      props.onChange(props.value || props.initialValue || 0);
+    }, []);
+    return React2.createElement(RangeSliderContainer, {
+      children: [
+        React2.createElement(Typography, {
+          children: props.label,
+          variant: "section"
+        }),
+        React2.createElement(RangeSlideContainer, {
+          children: [
+            React2.createElement(RangeInput, {
+              type: "range",
+              min,
+              max,
+              useThemeColors: props.colorVariant,
+              value: props.value,
+              onChange
+            }),
+            React2.createElement(RangeTextInput, {
+              type: "number",
+              value: ((_a = props.value) == null ? void 0 : _a.toString()) ?? "",
+              max,
+              min,
+              colorVariant: props.colorVariant,
+              onChange: (e) => props.onChange(+e.target.value)
+            })
+          ]
+        }),
+        React2.createElement(ErrorMessage, {
+          errors: props.errors
+        })
+      ]
+    });
+  };
+  const heartSvg = `<svg xmlns="http://www.w3.org/2000/svg" width="200" height="185"><path d="M100 184.606a15.384 15.384 0 0 1-8.653-2.678C53.565 156.28 37.205 138.695 28.182 127.7 8.952 104.264-.254 80.202.005 54.146.308 24.287 24.264 0 53.406 0c21.192 0 35.869 11.937 44.416 21.879a2.884 2.884 0 0 0 4.356 0C110.725 11.927 125.402 0 146.594 0c29.142 0 53.098 24.287 53.4 54.151.26 26.061-8.956 50.122-28.176 73.554-9.023 10.994-25.383 28.58-63.165 54.228a15.384 15.384 0 0 1-8.653 2.673Z" fill="black" fill-rule="nonzero"/></svg>`;
+  const starSvg = `<svg xmlns="http://www.w3.org/2000/svg" width="192" height="180"><path fill="black" d="m96 137.263-58.779 42.024 22.163-68.389L.894 68.481l72.476-.243L96 0l22.63 68.238 72.476.243-58.49 42.417 22.163 68.389z" fill-rule="evenodd"/></svg>`;
+  const star2Svg = `<svg xmlns="http://www.w3.org/2000/svg" width="192" height="180"><path fill="black" d="m96 153.044-58.779 26.243 7.02-63.513L.894 68.481l63.117-13.01L96 0l31.989 55.472 63.117 13.01-43.347 47.292 7.02 63.513z" fill-rule="evenodd"/></svg>`;
+  const allIcons = {
+    heart: encodeURIComponent(heartSvg),
+    star: encodeURIComponent(starSvg),
+    star2: encodeURIComponent(star2Svg)
+  };
+  const sizes = {
+    small: "1rem",
+    medium: "1.5rem",
+    large: "2rem"
+  };
+  const RatingItem = dt.input((props) => {
+    const icon = allIcons[props.icon ?? "star2"];
+    const defaultColorVariant = useDefaultVariantColor(props.colorVariant);
+    return {
+      maskImage: `url(data:image/svg+xml,${icon})`,
+      backgroundColor: defaultColorVariant,
+      appearance: "none",
+      transform: props.selected ? "scale(1.1)" : "scale(1)",
+      transition: "transform 0.3s",
+      border: "none",
+      opacity: props.selected ? "1" : 0.2,
+      verticalAlign: "middle",
+      display: "inline-block",
+      WebkitMaskPosition: "50%",
+      maskPosition: "50%",
+      cursor: "pointer",
+      WebkitMaskSize: "contain",
+      maskSize: "contain",
+      WebkitMaskRepeat: "no-repeat",
+      maskRepeat: "no-repeat",
+      borderRadius: "0",
+      width: sizes[props.size ?? "medium"],
+      height: sizes[props.size ?? "medium"]
+    };
+  });
+  const RatingContainer = dt.div(() => {
+    return {
+      verticalAlign: "middle",
+      position: "relative"
+    };
+  });
+  const Rating = ({ value, max, errors, label, onChange }) => {
+    return React2.createElement(RatingContainer, {
+      value: 1,
+      max: 5,
+      children: [
+        React2.createElement(Typography, {
+          variant: "section",
+          children: label
+        }),
+        Array(max).fill(1).map(
+          (_2, i) => React2.createElement(RatingItem, {
+            selected: i < value,
+            name: `rating-${i + 1}`,
+            key: `${i}`,
+            onChange: () => {
+              onChange(i + 1);
+            },
+            type: "radio"
+          })
+        ),
+        React2.createElement(ErrorMessage, {
+          errors
+        })
+      ]
+    });
+  };
+  const TextareaContainer = dt.div`
   width: 100%;
-`,Sa=b.textarea(e=>{const t=le(e.colorVariant);return{border:"var(--border-width)solid #0000",appearance:"none",borderRadius:"var(--radius-field)",backgroundColor:"var(--color-base-100)",verticalAlign:"middle",width:"clamp(3rem,30rem,100%)",maxWidth:"100%",minWidth:"3rem",minHeight:"5rem",fontSize:"max(var(--font-size,.875rem),.875rem)",touchAction:"manipulation",borderColor:t,flexShrink:"1",paddingBlock:".5rem",boxSizing:"border-box",paddingInline:".75rem","&:focus":{outline:`2px solid ${t}`,outlineOffset:"3px",isolation:"isolate"}}}),Fn=e=>{const t=r=>e.onChange(r.target.value);return s.createElement(Ea,{children:[s.createElement(ee,{variant:"section",children:e.label}),s.createElement(Sa,{value:e.value??"",useThemeColors:e.colorVariant,rows:e.rows??3,onChange:t}),s.createElement(Ce,{errors:e.errors})]})},Ta=b.div`
+`;
+  const TextareaStyled = dt.textarea((props) => {
+    const color = useDefaultVariantColor(props.colorVariant);
+    return {
+      border: "var(--border-width)solid #0000",
+      appearance: "none",
+      borderRadius: "var(--radius-field)",
+      backgroundColor: "var(--color-base-100)",
+      verticalAlign: "middle",
+      width: "clamp(3rem,30rem,100%)",
+      maxWidth: "100%",
+      minWidth: "3rem",
+      minHeight: "5rem",
+      fontSize: "max(var(--font-size,.875rem),.875rem)",
+      touchAction: "manipulation",
+      borderColor: color,
+      flexShrink: "1",
+      paddingBlock: ".5rem",
+      boxSizing: "border-box",
+      paddingInline: ".75rem",
+      "&:focus": {
+        outline: `2px solid ${color}`,
+        outlineOffset: "3px",
+        isolation: "isolate"
+      }
+    };
+  });
+  const Textarea = (props) => {
+    const onChange = (e) => props.onChange(e.target.value);
+    return React2.createElement(TextareaContainer, {
+      children: [
+        React2.createElement(Typography, {
+          variant: "section",
+          children: props.label
+        }),
+        React2.createElement(TextareaStyled, {
+          value: props.value ?? "",
+          useThemeColors: props.colorVariant,
+          rows: props.rows ?? 3,
+          onChange
+        }),
+        React2.createElement(ErrorMessage, {
+          errors: props.errors
+        })
+      ]
+    });
+  };
+  const Div$1 = dt.div`
   width: 100%;
-`,Nt=e=>e!=null,wa=(e,t)=>(n=>{if(!n)return e.default;const o=n.find(a=>a.conditions.every(l=>{const d=t(l.fieldName);if(!Nt(d))return!1;const u=[];return Nt(l.eq)?l.eq===d?u.push(!0):u.push(!1):Nt(l.lessThan)?l.lessThan>d?u.push(!0):u.push(!1):Nt(l.moreThan)&&(l.moreThan<d?u.push(!0):u.push(!1)),u.every(Boolean)}));return(o==null?void 0:o.value)??e.default})(e.values),Rn=e=>{const t=()=>{const r=a=>e.setStateByKey(e.dataField,a),n=wa(e.fieldProps.label,e.getStateByKey),o={formClientId:e.formClientId,label:n,errors:e.errors,onChange:r,value:e.getStateByKey(e.dataField),key:`${e.type}-${e.fieldProps.label}-${e.fieldProps.meta.name}`};switch(e.type){case"matrix":{const a=e.fieldProps;return s.createElement(Nn,{...a,...o,max:10})}case"radio-group":{const a=e.fieldProps;return s.createElement($n,{...a,...o})}case"checkbox-group":{const a=e.fieldProps;return s.createElement(Pn,{...a,...o})}case"range-slide":{const a=e.fieldProps;return s.createElement(Dn,{...a,...o})}case"rating":{const a=e.fieldProps;return s.createElement(Ln,{...a,...o})}case"textarea":{const a=e.fieldProps;return s.createElement(Fn,{...a,...o})}default:return null}};return s.createElement(Ta,{children:t()})},xa=b.div({position:"relative",fontSize:"var(--font-size)"}),Ca=b.div`
+`;
+  const isPresent = (v2) => v2 !== void 0 && v2 !== null;
+  const getDynamicValue = (conditions, getStateByKey) => {
+    const byCondition = (values) => {
+      if (!values) return conditions.default;
+      const foundValue = values.find((val) => {
+        return val.conditions.every((c) => {
+          const state = getStateByKey(c.fieldName);
+          if (!isPresent(state)) return false;
+          const results = [];
+          if (isPresent(c.eq)) {
+            if (c.eq === state) {
+              results.push(true);
+            } else {
+              results.push(false);
+            }
+          } else if (isPresent(c.lessThan)) {
+            if (c.lessThan > state) {
+              results.push(true);
+            } else {
+              results.push(false);
+            }
+          } else if (isPresent(c.moreThan)) {
+            if (c.moreThan < state) {
+              results.push(true);
+            } else {
+              results.push(false);
+            }
+          }
+          return results.every(Boolean);
+        });
+      });
+      return (foundValue == null ? void 0 : foundValue.value) ?? conditions.default;
+    };
+    return byCondition(conditions.values);
+  };
+  const Field = (props) => {
+    const getElement = () => {
+      const onChange = (value) => props.setStateByKey(props.dataField, value);
+      const label = getDynamicValue(props.fieldProps.label, props.getStateByKey);
+      const commonFields = {
+        formClientId: props.formClientId,
+        label,
+        errors: props.errors,
+        onChange,
+        value: props.getStateByKey(props.dataField),
+        key: `${props.type}-${props.fieldProps.label}-${props.fieldProps.meta.name}`
+      };
+      switch (props.type) {
+        case "matrix": {
+          const fieldProps = props.fieldProps;
+          return React2.createElement(QuestionMatrix, {
+            ...fieldProps,
+            ...commonFields,
+            max: 10
+          });
+        }
+        case "radio-group": {
+          const fieldProps = props.fieldProps;
+          return React2.createElement(RadioGroup, {
+            ...fieldProps,
+            ...commonFields
+          });
+        }
+        case "checkbox-group": {
+          const fieldProps = props.fieldProps;
+          return React2.createElement(CheckboxGroup, {
+            ...fieldProps,
+            ...commonFields
+          });
+        }
+        case "range-slide": {
+          const fieldProps = props.fieldProps;
+          return React2.createElement(RangeSlide, {
+            ...fieldProps,
+            ...commonFields
+          });
+        }
+        case "rating": {
+          const fieldProps = props.fieldProps;
+          return React2.createElement(Rating, {
+            ...fieldProps,
+            ...commonFields
+          });
+        }
+        case "textarea": {
+          const fieldProps = props.fieldProps;
+          return React2.createElement(Textarea, {
+            ...fieldProps,
+            ...commonFields
+          });
+        }
+        default:
+          return null;
+      }
+    };
+    return React2.createElement(Div$1, {
+      children: getElement()
+    });
+  };
+  const Div = dt.div({
+    position: "relative",
+    fontSize: "var(--font-size)"
+  });
+  const Footer$1 = dt.div`
   display: flex;
   align-items: center;
   justify-content: space-between;
   margin-top: calc(var(--spacing) * 10);
-`,zn=e=>{const t=s.useMemo(()=>Math.random().toString(36).substring(2,10),[]),[r,n]=s.useState(null),o=d=>{n(u=>!u||u<d?d:u)},a=hn({form:e.inlineForm.form,formId:e.formId,domainId:e.domainId}),l=kn({domainId:e.domainId,formType:"inlineForm",stepsCount:a.steps.length,validationsPerStep:a.validationsPerStep,formId:e.formId,state:a.state});return s.createElement(xa,{children:[e.inlineForm.config.formTitle&&s.createElement(ee,{variant:"title",children:e.inlineForm.config.formTitle}),a.steps.map((d,u)=>{var f;return s.createElement(mn,{key:u+`${(f=d.meta)==null?void 0:f.name}`,height:r,onSetMaxHeight:o,isVisible:u===l.step,children:d.fields.map(p=>s.createElement(Rn,{type:p.type,fieldProps:p,dataField:p.dataField,formClientId:t,onContinue:l.onContinue,errors:l.errors.filter(T=>T.field===p.dataField),getStateByKey:a.getStateByKey,setStateByKey:a.setStateByKey}))})}),s.createElement(Ca,{children:[s.createElement(Re,{children:"Back",disabled:l.step===0,onClick:l.onBack}),s.createElement(fn,{steps:a.steps,currentStepIndex:l.step}),s.createElement(Re,{children:"Continue",onClick:l.onContinue})]})]})},Aa=b.div(e=>({backgroundColor:"var(--color-base-100)",borderTopLeftRadius:"var(--modal-tl,var(--radius-box))",borderTopRightRadius:"var(--modal-tr,var(--radius-box))",borderBottomLeftRadius:"var(--modal-bl,var(--radius-box))",borderBottomRightRadius:"var(--modal-br,var(--radius-box))",opacity:e.$visible?"1":"0",overscrollBehavior:"contain",gridRowStart:"1",gridColumnStart:"1",width:"91.6667%",maxWidth:"1080px",margin:"auto",maxHeight:"100vh",padding:"1.5rem",transition:"translate .3s ease-out,scale .3s ease-out,opacity .2s ease-out 50ms,box-shadow .3s ease-out",overflowY:"auto",scale:"95%",boxShadow:"0 25px 50px -12px #00000040","@media (max-width: 900px)":{maxWidth:"initial",width:"auto"}})),_a=b.div(()=>({})),Ia=b.dialog(({$visible:e})=>({pointerEvents:e?"auto":"none",visibility:e?"visible":"hidden",width:"100%",maxWidth:"none",height:"100%",maxHeight:"none",color:"inherit",transition:"visibility .3s allow-discrete,background-color .3s ease-out,opacity .1s ease-out",overscrollBehavior:"contain",zIndex:"99",scrollbarGutter:"auto",backgroundColor:e?"#0006":"#0000",placeItems:"center",margin:"0",padding:"0",display:"grid",position:"fixed",overflow:"clip",top:0,border:0,outline:0})),ka=e=>{const t=s.useRef(null),r=Math.random().toString(36).substring(2,16),n=s.useCallback(a=>{a.target===t.current&&e.onClose(),a.preventDefault(),a.stopPropagation()},[e]),o=s.useCallback(a=>{a.key==="Escape"&&e.onClose(),a.preventDefault()},[]);return s.useEffect(()=>{t.current&&e.isOpen?t.current.show():t.current&&!e.isOpen&&t.current.close()},[t,e.isOpen]),s.useEffect(()=>(document.addEventListener("keyup",o),()=>{document.removeEventListener("keyup",o)}),[]),s.createElement(Ia,{$visible:e.isOpen,onClick:n,ref:t,id:r,children:s.createElement(Aa,{$visible:e.isOpen,children:[s.createElement(ee,{children:e.heading,variant:"title"}),e.children,s.createElement(_a,{children:e.footer})]})})},Pa=b.div`
+`;
+  const InPlaceForm = (props) => {
+    const formClientRandomId = React2.useMemo(
+      () => Math.random().toString(36).substring(2, 10),
+      []
+    );
+    const [maxHeight, setMaxHeight] = React2.useState(null);
+    const onSetMaxHeight = React2.useCallback((h) => {
+      setMaxHeight((stateHeight) => {
+        if (!stateHeight || stateHeight < h) return h;
+        return stateHeight;
+      });
+    }, [setMaxHeight]);
+    const populatedForm = useForm({
+      form: props.inlineForm.form,
+      formId: props.formId,
+      domainId: props.domainId
+    });
+    const stepper = useStepper({
+      domainId: props.domainId,
+      formType: "inlineForm",
+      stepsCount: populatedForm.steps.length,
+      validationsPerStep: populatedForm.validationsPerStep,
+      formId: props.formId,
+      state: populatedForm.state
+    });
+    return React2.createElement(Div, {
+      children: [
+        props.inlineForm.config.formTitle && React2.createElement(Typography, {
+          variant: "title",
+          children: props.inlineForm.config.formTitle
+        }),
+        populatedForm.steps.map(
+          (step, index) => {
+            var _a;
+            return React2.createElement(Step, {
+              key: index + `${(_a = step.meta) == null ? void 0 : _a.name}`,
+              height: maxHeight,
+              onSetMaxHeight,
+              isVisible: index === stepper.step,
+              children: step.fields.map(
+                (field) => React2.createElement(Field, {
+                  type: field.type,
+                  fieldProps: field,
+                  dataField: field.dataField,
+                  formClientId: formClientRandomId,
+                  onContinue: stepper.onContinue,
+                  errors: stepper.errors.filter((e) => e.field === field.dataField),
+                  getStateByKey: populatedForm.getStateByKey,
+                  setStateByKey: populatedForm.setStateByKey
+                })
+              )
+            });
+          }
+        ),
+        React2.createElement(Footer$1, {
+          children: [
+            React2.createElement(Button, {
+              children: "Back",
+              disabled: stepper.step === 0,
+              onClick: stepper.onBack
+            }),
+            React2.createElement(StepsProgress, {
+              steps: populatedForm.steps,
+              currentStepIndex: stepper.step
+            }),
+            React2.createElement(Button, {
+              children: "Continue",
+              onClick: stepper.onContinue
+            })
+          ]
+        })
+      ]
+    });
+  };
+  const ModalBox = dt.div((props) => {
+    return {
+      backgroundColor: "var(--color-base-100)",
+      borderTopLeftRadius: "var(--modal-tl,var(--radius-box))",
+      borderTopRightRadius: "var(--modal-tr,var(--radius-box))",
+      borderBottomLeftRadius: "var(--modal-bl,var(--radius-box))",
+      borderBottomRightRadius: "var(--modal-br,var(--radius-box))",
+      opacity: props.$visible ? "1" : "0",
+      overscrollBehavior: "contain",
+      gridRowStart: "1",
+      gridColumnStart: "1",
+      width: "91.6667%",
+      maxWidth: "1080px",
+      margin: "auto",
+      maxHeight: "100vh",
+      padding: "1.5rem",
+      transition: "translate .3s ease-out,scale .3s ease-out,opacity .2s ease-out 50ms,box-shadow .3s ease-out",
+      overflowY: "auto",
+      scale: "95%",
+      boxShadow: "0 25px 50px -12px #00000040",
+      "@media (max-width: 900px)": {
+        maxWidth: "initial",
+        width: "auto"
+      }
+    };
+  });
+  const ModalFooter = dt.div(() => {
+    return {};
+  });
+  const ModalStyled = dt.dialog(({ $visible }) => {
+    return {
+      pointerEvents: $visible ? "auto" : "none",
+      visibility: $visible ? "visible" : "hidden",
+      width: "100%",
+      maxWidth: "none",
+      height: "100%",
+      maxHeight: "none",
+      color: "inherit",
+      transition: "visibility .3s allow-discrete,background-color .3s ease-out,opacity .1s ease-out",
+      overscrollBehavior: "contain",
+      zIndex: "99",
+      scrollbarGutter: "auto",
+      backgroundColor: $visible ? "#0006" : "#0000",
+      placeItems: "center",
+      margin: "0",
+      padding: "0",
+      display: "grid",
+      position: "fixed",
+      overflow: "clip",
+      top: 0,
+      border: 0,
+      outline: 0
+    };
+  });
+  const Modal = (props) => {
+    const modalRef = React2.useRef(null);
+    const randomId = Math.random().toString(36).substring(2, 16);
+    const onClick = React2.useCallback(
+      (e) => {
+        if (e.target === modalRef.current) {
+          props.onClose();
+        }
+        e.preventDefault();
+        e.stopPropagation();
+      },
+      [props]
+    );
+    const onEscClick = React2.useCallback((e) => {
+      if (e.key === "Escape") {
+        props.onClose();
+      }
+      e.preventDefault();
+    }, []);
+    React2.useEffect(() => {
+      if (modalRef.current && props.isOpen) {
+        modalRef.current.show();
+      } else if (modalRef.current && !props.isOpen) {
+        modalRef.current.close();
+      }
+    }, [modalRef, props.isOpen]);
+    React2.useEffect(() => {
+      document.addEventListener("keyup", onEscClick);
+      return () => {
+        document.removeEventListener("keyup", onEscClick);
+      };
+    }, []);
+    return React2.createElement(ModalStyled, {
+      $visible: props.isOpen,
+      onClick,
+      ref: modalRef,
+      id: randomId,
+      children: React2.createElement(ModalBox, {
+        $visible: props.isOpen,
+        children: [
+          React2.createElement(Typography, {
+            children: props.heading,
+            variant: "title"
+          }),
+          props.children,
+          React2.createElement(ModalFooter, {
+            children: props.footer
+          })
+        ]
+      })
+    });
+  };
+  const Footer = dt.div`
   display: flex;
   align-items: center;
   justify-content: space-between;
   margin-top: calc(var(--spacing) * 10);
-`,Oa=b(Re)`
+`;
+  const ShowPopupButton = dt(Button)`
   position: fixed;
   width: fit-content;
   height: fit-content;
   transform: rotate(-90deg) translateY(calc(100% - 15px));
   padding: 10px 20px 30px 20px;
   margin: auto;
-  left: ${e=>rt(e.$left)?`${e.$left}px`:null};
-  right: ${e=>rt(e.$right)?`${e.$right}px`:null};
-  top: ${e=>rt(e.$top)?`${e.$top}px`:null};
-  bottom: ${e=>rt(e.$bottom)?`${e.$bottom}px`:null};
+  left: ${(props) => isNotNil(props.$left) ? `${props.$left}px` : null};
+  right: ${(props) => isNotNil(props.$right) ? `${props.$right}px` : null};
+  top: ${(props) => isNotNil(props.$top) ? `${props.$top}px` : null};
+  bottom: ${(props) => isNotNil(props.$bottom) ? `${props.$bottom}px` : null};
   &:active {
     transform: rotate(-90deg) translateY(calc(100% - 18px));
   }
-`,Bn=e=>{const[t,r]=s.useState(!1),[n,o]=s.useState(null),a=s.useMemo(()=>Math.random().toString(36).substring(2,10),[]),l=f=>{o(p=>!p||p<f?f:p)},d=hn({form:e.popupForm.form,formId:e.formId,domainId:e.domainId}),u=kn({domainId:e.domainId,formType:"inlineForm",stepsCount:d.steps.length,validationsPerStep:d.validationsPerStep,formId:e.formId,state:d.state});return s.createElement(s.Fragment,{children:[s.createElement(Oa,{children:e.popupForm.config.buttonText,onClick:()=>r(!0),$left:e.popupForm.styles.left??null,$right:e.popupForm.styles.right??null,$top:e.popupForm.styles.top??null,$bottom:e.popupForm.styles.bottom??null}),s.createElement(ka,{onClose:()=>r(!1),heading:e.popupForm.config.formTitle,isOpen:t,footer:s.createElement(Pa,{children:[s.createElement(Re,{children:"Back",disabled:u.step===0,onClick:u.onBack}),s.createElement(fn,{steps:d.steps,currentStepIndex:u.step}),s.createElement(Re,{children:"Continue",onClick:u.onContinue})]}),children:d.steps.map((f,p)=>{var T;return s.createElement(mn,{key:p+`${(T=f.meta)==null?void 0:T.name}`,height:n,onSetMaxHeight:l,isVisible:p===u.step,children:f.fields.map(w=>s.createElement(Rn,{type:w.type,fieldProps:w,formClientId:a,dataField:w.dataField,onContinue:u.onContinue,errors:u.errors.filter(S=>S.field===w.dataField),getStateByKey:d.getStateByKey,setStateByKey:d.setStateByKey}))})})})]})},Un=e=>{e.locale;let{data:t,loading:r,error:n}=vi(()=>yi({formId:e.formId}));const o=s.useMemo(()=>t!=null&&t.inlineForm?s.createElement(zn,{key:`inline-form-${e.formId}`,formId:e.formId,domainId:t.domainId,formTheme:t.attributes.theme,inlineForm:t.inlineForm}):null,[t==null?void 0:t.attributes.theme,t==null?void 0:t.domainId,t==null?void 0:t.inlineForm,e.formId]),a=s.useMemo(()=>t!=null&&t.popupForm?s.createElement(Bn,{key:`popup-form-${e.formId}`,formId:e.formId,domainId:t.domainId,formTheme:t.attributes.theme,popupForm:t.popupForm}):null,[t==null?void 0:t.attributes.theme,t==null?void 0:t.domainId,t==null?void 0:t.inlineForm,e.formId]);return!t&&r?"Loading...":!t||n?n?n.message:"Unknown error":s.createElement(se,{theme:t.attributes.theme,selectedVariant:t.attributes.variant,children:[o,a]})},Vn=b.option(()=>({borderRadius:"var(--radius-field)",whiteSpace:"normal",paddingBlock:".375rem",paddingInline:".75rem",transitionProperty:"color,background-color",transitionDuration:".2s",transitionTimingFunction:"cubic-bezier(0,0,.2,1)"})),Na=b.select(e=>({border:`var(--border-width)solid ${le(e.colorVariant)}`,backgroundColor:"var(--color-base-100)",verticalAlign:"middle",width:"clamp(3rem,30rem,100%)",height:"calc(var(--size-field,.25rem)*10)",touchAction:"manipulation",whiteSpace:"nowrap",textOverflow:"ellipsis",borderStartStartRadius:"var(--radius-field)",borderStartEndRadius:"var(--radius-field)",borderEndEndRadius:"var(--radius-field)",borderEndStartRadius:"var(--radius-field)",flexShrink:"1",alignItems:"center",gap:".375rem",paddingInline:".75rem 1.75rem",fontSize:".875rem",display:"inline-flex",position:"relative",overflow:"hidden"})),$a=e=>{const t=r=>e.onChange(r.target.value);return s.createElement("div",{children:[s.createElement(ee,{children:e.label,variant:"section"}),s.createElement(Na,{colorVariant:e.colorVariant,value:e.value??null,defaultChecked:!1,defaultValue:null,onChange:t,children:[s.createElement(Vn,{value:"",selected:!e.value,children:"Select an option",key:""}),e.options.map(r=>s.createElement(Vn,{value:r.id,selected:r.id===e.value,children:r.label,key:r.id}))]}),s.createElement(Ce,{errors:e.errors})]})},Da=e=>{if(!e){console.error("options must be provided. Feedback module deactivated");return}if(!e.formId){console.error("formId must be provided. Feedback module deactivated");return}const t=uo.createRoot(e.container||document);typeof window<"u"&&t.render(s.createElement(Un,{formId:e.formId}))},Wn=e=>e?e.formId?typeof window>"u"?null:s.createElement(Un,{formId:e.formId}):(console.error("formId must be provided. Feedback module deactivated"),null):(console.error("options must be provided. Feedback module deactivated"),null),Ma=e=>Wn(e),La=e=>s.createElement(se,{theme:e.formTheme,selectedVariant:e.variant,children:[s.createElement(zn,e)]}),Fa=e=>s.createElement(se,{theme:e.formTheme,selectedVariant:e.variant,children:[s.createElement(Bn,e)]}),Ra={Checkbox:e=>s.createElement(se,{theme:e.formTheme,selectedVariant:e.formVariant,children:[s.createElement(Pn,e.cmpProps)]}),QuestionMatrix:e=>s.createElement(se,{theme:e.formTheme,selectedVariant:e.formVariant,children:[s.createElement(Nn,e.cmpProps)]}),Radio:e=>s.createElement(se,{theme:e.formTheme,selectedVariant:e.formVariant,children:[s.createElement($n,e.cmpProps)]}),Rating:e=>s.createElement(se,{theme:e.formTheme,selectedVariant:e.formVariant,children:[s.createElement(Ln,e.cmpProps)]}),Select:e=>s.createElement(se,{theme:e.formTheme,selectedVariant:e.formVariant,children:[s.createElement($a,e.cmpProps)]}),Textarea:e=>s.createElement(se,{theme:e.formTheme,selectedVariant:e.formVariant,children:[s.createElement(Fn,e.cmpProps)]}),RangeSlide:e=>s.createElement(se,{theme:e.formTheme,selectedVariant:e.formVariant,children:[s.createElement(Dn,e.cmpProps)]})};return pe.FeedbackModule=Ma,pe.PreviewInPlaceForm=La,pe.PreviewPopupForm=Fa,pe.SurveyFormComponents=Ra,pe.initiateFeedbackModule=Da,pe.renderFeedbackModule=Wn,Object.defineProperty(pe,Symbol.toStringTag,{value:"Module"}),pe})({},React,require$$0);
+`;
+  const PopupForm = (props) => {
+    const [isVisible, setIsVisible] = React2.useState(false);
+    const [maxHeight, setMaxHeight] = React2.useState(null);
+    const formClientRandomId = React2.useMemo(
+      () => Math.random().toString(36).substring(2, 10),
+      []
+    );
+    const onSetMaxHeight = React2.useCallback((h) => {
+      setMaxHeight((stateHeight) => {
+        if (!stateHeight || stateHeight < h) return h;
+        return stateHeight;
+      });
+    }, [setMaxHeight]);
+    const populatedForm = useForm({
+      form: props.popupForm.form,
+      formId: props.formId,
+      domainId: props.domainId
+    });
+    const stepper = useStepper({
+      domainId: props.domainId,
+      formType: "inlineForm",
+      stepsCount: populatedForm.steps.length,
+      validationsPerStep: populatedForm.validationsPerStep,
+      formId: props.formId,
+      state: populatedForm.state
+    });
+    return React2.createElement(React2.Fragment, {
+      children: [
+        React2.createElement(ShowPopupButton, {
+          children: props.popupForm.config.buttonText,
+          onClick: () => setIsVisible(true),
+          $left: props.popupForm.styles.left ?? null,
+          $right: props.popupForm.styles.right ?? null,
+          $top: props.popupForm.styles.top ?? null,
+          $bottom: props.popupForm.styles.bottom ?? null
+        }),
+        React2.createElement(Modal, {
+          onClose: () => setIsVisible(false),
+          heading: props.popupForm.config.formTitle,
+          isOpen: isVisible,
+          footer: React2.createElement(Footer, {
+            children: [
+              React2.createElement(Button, {
+                children: "Back",
+                disabled: stepper.step === 0,
+                onClick: stepper.onBack
+              }),
+              React2.createElement(StepsProgress, {
+                steps: populatedForm.steps,
+                currentStepIndex: stepper.step
+              }),
+              React2.createElement(Button, {
+                children: "Continue",
+                onClick: stepper.onContinue
+              })
+            ]
+          }),
+          children: populatedForm.steps.map(
+            (step, index) => {
+              var _a;
+              return React2.createElement(Step, {
+                key: index + `${(_a = step.meta) == null ? void 0 : _a.name}`,
+                height: maxHeight,
+                onSetMaxHeight,
+                isVisible: index === stepper.step,
+                children: step.fields.map(
+                  (field) => React2.createElement(Field, {
+                    type: field.type,
+                    fieldProps: field,
+                    formClientId: formClientRandomId,
+                    dataField: field.dataField,
+                    onContinue: stepper.onContinue,
+                    errors: stepper.errors.filter((e) => e.field === field.dataField),
+                    getStateByKey: populatedForm.getStateByKey,
+                    setStateByKey: populatedForm.setStateByKey
+                  })
+                )
+              });
+            }
+          )
+        })
+        // populatedForm.steps.map((step, index) =>
+        //   React.createElement(Step, {
+        //     key: index + `${step.meta?.name}`,
+        //     isVisible: index === stepper.step,
+        //     children: [
+        //       // step.fields.map((field) =>
+        //       // React.createElement(Field, {
+        //       //   type: field.type,
+        //       //   dataField: field.dataField,
+        //       //   onContinue: stepper.onContinue,
+        //       //   errors: stepper.errors.filter((e) => e.field === field.dataField),
+        //       //   getStateByKey: populatedForm.getStateByKey,
+        //       //   setStateByKey: populatedForm.setStateByKey,
+        //       // })
+        //       // )
+        //     ],
+        //   })
+        // ),
+      ]
+    });
+  };
+  const App = (props) => {
+    props.locale ?? "en-US";
+    let { data, loading, error } = useRequest(
+      () => getFormConfigMock({
+        formId: props.formId
+      })
+    );
+    const inPlaceForm = React2.useMemo(() => {
+      if (!(data == null ? void 0 : data.inlineForm)) return null;
+      return React2.createElement(InPlaceForm, {
+        key: `inline-form-${props.formId}`,
+        formId: props.formId,
+        domainId: data.domainId,
+        formTheme: data.attributes.theme,
+        inlineForm: data.inlineForm
+      });
+    }, [data == null ? void 0 : data.attributes.theme, data == null ? void 0 : data.domainId, data == null ? void 0 : data.inlineForm, props.formId]);
+    const popupForm = React2.useMemo(() => {
+      if (!(data == null ? void 0 : data.popupForm)) return null;
+      return React2.createElement(PopupForm, {
+        key: `popup-form-${props.formId}`,
+        formId: props.formId,
+        domainId: data.domainId,
+        formTheme: data.attributes.theme,
+        popupForm: data.popupForm
+      });
+    }, [data == null ? void 0 : data.attributes.theme, data == null ? void 0 : data.domainId, data == null ? void 0 : data.inlineForm, props.formId]);
+    if (!data && loading) return "Loading...";
+    if (!data || error) return error ? error.message : "Unknown error";
+    return React2.createElement(ThemeProvider, {
+      theme: data.attributes.theme,
+      selectedVariant: data.attributes.variant,
+      children: [inPlaceForm, popupForm]
+    });
+  };
+  const StyledOption = dt.option(() => {
+    return {
+      borderRadius: "var(--radius-field)",
+      whiteSpace: "normal",
+      paddingBlock: ".375rem",
+      paddingInline: ".75rem",
+      transitionProperty: "color,background-color",
+      transitionDuration: ".2s",
+      transitionTimingFunction: "cubic-bezier(0,0,.2,1)"
+    };
+  });
+  const SelectStyled = dt.select((props) => {
+    const color = useDefaultVariantColor(props.colorVariant);
+    return {
+      border: `var(--border-width)solid ${color}`,
+      backgroundColor: "var(--color-base-100)",
+      verticalAlign: "middle",
+      width: "clamp(3rem,30rem,100%)",
+      height: "calc(var(--size-field,.25rem)*10)",
+      touchAction: "manipulation",
+      whiteSpace: "nowrap",
+      textOverflow: "ellipsis",
+      borderStartStartRadius: "var(--radius-field)",
+      borderStartEndRadius: "var(--radius-field)",
+      borderEndEndRadius: "var(--radius-field)",
+      borderEndStartRadius: "var(--radius-field)",
+      flexShrink: "1",
+      alignItems: "center",
+      gap: ".375rem",
+      paddingInline: ".75rem 1.75rem",
+      fontSize: ".875rem",
+      display: "inline-flex",
+      position: "relative",
+      overflow: "hidden"
+    };
+  });
+  const Select = (props) => {
+    const onChange = (e) => props.onChange(e.target.value);
+    return React2.createElement("div", {
+      children: [
+        React2.createElement(Typography, {
+          children: props.label,
+          variant: "section"
+        }),
+        React2.createElement(SelectStyled, {
+          colorVariant: props.colorVariant,
+          value: props.value ?? null,
+          defaultChecked: false,
+          defaultValue: null,
+          onChange,
+          children: [
+            React2.createElement(StyledOption, {
+              value: "",
+              selected: !props.value,
+              children: "Select an option",
+              key: ""
+            }),
+            props.options.map(
+              (o) => React2.createElement(StyledOption, {
+                value: o.id,
+                selected: o.id === props.value,
+                children: o.label,
+                key: o.id
+              })
+            )
+          ]
+        }),
+        React2.createElement(ErrorMessage, {
+          errors: props.errors
+        })
+      ]
+    });
+  };
+  const initiateFeedbackModule = (options) => {
+    if (!options) {
+      console.error("options must be provided. Feedback module deactivated");
+      return;
+    }
+    if (!options.formId) {
+      console.error("formId must be provided. Feedback module deactivated");
+      return;
+    }
+    const root = clientExports.createRoot(options.container || document);
+    if (typeof window !== "undefined") {
+      root.render(
+        React2.createElement(App, {
+          formId: options.formId
+        })
+      );
+    }
+  };
+  const renderFeedbackModule = (options) => {
+    if (!options) {
+      console.error("options must be provided. Feedback module deactivated");
+      return null;
+    }
+    if (!options.formId) {
+      console.error("formId must be provided. Feedback module deactivated");
+      return null;
+    }
+    if (typeof window === "undefined") return null;
+    return React2.createElement(App, {
+      formId: options.formId
+    });
+  };
+  const FeedbackModule = (options) => {
+    return renderFeedbackModule(options);
+  };
+  const PreviewInPlaceForm = (props) => {
+    return React2.createElement(ThemeProvider, {
+      theme: props.formTheme,
+      selectedVariant: props.variant,
+      children: [React2.createElement(InPlaceForm, props)]
+    });
+  };
+  const PreviewPopupForm = (props) => {
+    return React2.createElement(ThemeProvider, {
+      theme: props.formTheme,
+      selectedVariant: props.variant,
+      children: [React2.createElement(PopupForm, props)]
+    });
+  };
+  const SurveyFormComponents = {
+    Checkbox: (props) => React2.createElement(ThemeProvider, {
+      theme: props.formTheme,
+      selectedVariant: props.formVariant,
+      children: [React2.createElement(CheckboxGroup, props.cmpProps)]
+    }),
+    QuestionMatrix: (props) => React2.createElement(ThemeProvider, {
+      theme: props.formTheme,
+      selectedVariant: props.formVariant,
+      children: [React2.createElement(QuestionMatrix, props.cmpProps)]
+    }),
+    Radio: (props) => React2.createElement(ThemeProvider, {
+      theme: props.formTheme,
+      selectedVariant: props.formVariant,
+      children: [React2.createElement(RadioGroup, props.cmpProps)]
+    }),
+    Rating: (props) => React2.createElement(ThemeProvider, {
+      theme: props.formTheme,
+      selectedVariant: props.formVariant,
+      children: [React2.createElement(Rating, props.cmpProps)]
+    }),
+    Select: (props) => React2.createElement(ThemeProvider, {
+      theme: props.formTheme,
+      selectedVariant: props.formVariant,
+      children: [React2.createElement(Select, props.cmpProps)]
+    }),
+    Textarea: (props) => React2.createElement(ThemeProvider, {
+      theme: props.formTheme,
+      selectedVariant: props.formVariant,
+      children: [React2.createElement(Textarea, props.cmpProps)]
+    }),
+    RangeSlide: (props) => React2.createElement(ThemeProvider, {
+      theme: props.formTheme,
+      selectedVariant: props.formVariant,
+      children: [React2.createElement(RangeSlide, props.cmpProps)]
+    })
+  };
+  exports.FeedbackModule = FeedbackModule;
+  exports.PreviewInPlaceForm = PreviewInPlaceForm;
+  exports.PreviewPopupForm = PreviewPopupForm;
+  exports.SurveyFormComponents = SurveyFormComponents;
+  exports.initiateFeedbackModule = initiateFeedbackModule;
+  exports.renderFeedbackModule = renderFeedbackModule;
+  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+  return exports;
+})({}, React, require$$0);