@web-site-utilities/feedback 0.0.8 → 0.0.10

package/dist/index.cjs.js

@@ -1,5 +1,1226 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),ha=require("react-dom");var gt={},zr;function pa(){if(zr)return gt;zr=1;var e=ha;return gt.createRoot=e.createRoot,gt.hydrateRoot=e.hydrateRoot,gt}var ga=pa(),H=function(){return H=Object.assign||function(t){for(var r,n=1,a=arguments.length;n<a;n++){r=arguments[n];for(var i in r)Object.prototype.hasOwnProperty.call(r,i)&&(t[i]=r[i])}return t},H.apply(this,arguments)};function It(e,t,r){if(r||arguments.length===2)for(var n=0,a=t.length,i;n<a;n++)(i||!(n in t))&&(i||(i=Array.prototype.slice.call(t,0,n)),i[n]=t[n]);return e.concat(i||Array.prototype.slice.call(t))}var k="-ms-",st="-moz-",C="-webkit-",pn="comm",Nt="rule",gr="decl",ba="@import",gn="@keyframes",ya="@layer",bn=Math.abs,br=String.fromCharCode,sr=Object.assign;function va(e,t){return B(e,0)^45?(((t<<2^B(e,0))<<2^B(e,1))<<2^B(e,2))<<2^B(e,3):0}function yn(e){return e.trim()}function fe(e,t){return(e=t.exec(e))?e[0]:e}function g(e,t,r){return e.replace(t,r)}function Tt(e,t,r){return e.indexOf(t,r)}function B(e,t){return e.charCodeAt(t)|0}function Ue(e,t,r){return e.slice(t,r)}function se(e){return e.length}function vn(e){return e.length}function ot(e,t){return t.push(e),e}function Ea(e,t){return e.map(t).join("")}function Br(e,t){return e.filter(function(r){return!fe(r,t)})}var $t=1,Ve=1,En=0,Z=0,F=0,je="";function Dt(e,t,r,n,a,i,l,d){return{value:e,root:t,parent:r,type:n,props:a,children:i,line:$t,column:Ve,length:l,return:"",siblings:d}}function ye(e,t){return sr(Dt("",null,null,"",null,null,0,e.siblings),e,{length:-e.length},t)}function Fe(e){for(;e.root;)e=ye(e.root,{children:[e]});ot(e,e.siblings)}function Sa(){return F}function Ta(){return F=Z>0?B(je,--Z):0,Ve--,F===10&&(Ve=1,$t--),F}function ae(){return F=Z<En?B(je,Z++):0,Ve++,F===10&&(Ve=1,$t++),F}function xe(){return B(je,Z)}function wt(){return Z}function Mt(e,t){return Ue(je,e,t)}function lr(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 wa(e){return $t=Ve=1,En=se(je=e),Z=0,[]}function xa(e){return je="",e}function Zt(e){return yn(Mt(Z-1,cr(e===91?e+2:e===40?e+1:e)))}function Ca(e){for(;(F=xe())&&F<33;)ae();return lr(e)>2||lr(F)>3?"":" "}function Aa(e,t){for(;--t&&ae()&&!(F<48||F>102||F>57&&F<65||F>70&&F<97););return Mt(e,wt()+(t<6&&xe()==32&&ae()==32))}function cr(e){for(;ae();)switch(F){case e:return Z;case 34:case 39:e!==34&&e!==39&&cr(F);break;case 40:e===41&&cr(e);break;case 92:ae();break}return Z}function _a(e,t){for(;ae()&&e+F!==57;)if(e+F===84&&xe()===47)break;return"/*"+Mt(t,Z-1)+"*"+br(e===47?e:ae())}function Ia(e){for(;!lr(xe());)ae();return Mt(e,Z)}function Ra(e){return xa(xt("",null,null,null,[""],e=wa(e),0,[0],e))}function xt(e,t,r,n,a,i,l,d,u){for(var f=0,p=0,T=l,w=0,E=0,A=0,$=1,G=1,D=1,P=0,_="",b=a,R=i,x=n,y=_;G;)switch(A=P,P=ae()){case 40:if(A!=108&&B(y,T-1)==58){Tt(y+=g(Zt(P),"&","&\f"),"&\f",bn(f?d[f-1]:0))!=-1&&(D=-1);break}case 34:case 39:case 91:y+=Zt(P);break;case 9:case 10:case 13:case 32:y+=Ca(A);break;case 92:y+=Aa(wt()-1,7);continue;case 47:switch(xe()){case 42:case 47:ot(ka(_a(ae(),wt()),t,r,u),u);break;default:y+="/"}break;case 123*$:d[f++]=se(y)*D;case 125*$:case 59:case 0:switch(P){case 0:case 125:G=0;case 59+p:D==-1&&(y=g(y,/\f/g,"")),E>0&&se(y)-T&&ot(E>32?Vr(y+";",n,r,T-1,u):Vr(g(y," ","")+";",n,r,T-2,u),u);break;case 59:y+=";";default:if(ot(x=Ur(y,t,r,f,p,a,d,_,b=[],R=[],T,i),i),P===123)if(p===0)xt(y,t,x,x,b,i,T,d,R);else switch(w===99&&B(y,3)===110?100:w){case 100:case 108:case 109:case 115:xt(e,x,x,n&&ot(Ur(e,x,x,0,0,a,d,_,a,b=[],T,R),R),a,R,T,d,n?b:R);break;default:xt(y,x,x,x,[""],R,0,d,R)}}f=p=E=0,$=D=1,_=y="",T=l;break;case 58:T=1+se(y),E=A;default:if($<1){if(P==123)--$;else if(P==125&&$++==0&&Ta()==125)continue}switch(y+=br(P),P*$){case 38:D=p>0?1:(y+="\f",-1);break;case 44:d[f++]=(se(y)-1)*D,D=1;break;case 64:xe()===45&&(y+=Zt(ae())),w=xe(),p=T=se(_=y+=Ia(wt())),P++;break;case 45:A===45&&se(y)==2&&($=0)}}return i}function Ur(e,t,r,n,a,i,l,d,u,f,p,T){for(var w=a-1,E=a===0?i:[""],A=vn(E),$=0,G=0,D=0;$<n;++$)for(var P=0,_=Ue(e,w+1,w=bn(G=l[$])),b=e;P<A;++P)(b=yn(G>0?E[P]+" "+_:g(_,/&\f/g,E[P])))&&(u[D++]=b);return Dt(e,t,r,a===0?Nt:d,u,f,p,T)}function ka(e,t,r,n){return Dt(e,t,r,pn,br(Sa()),Ue(e,2,-2),0,n)}function Vr(e,t,r,n,a){return Dt(e,t,r,gr,Ue(e,0,n),Ue(e,n+1,-1),n,a)}function Sn(e,t,r){switch(va(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 st+e+e;case 5349:case 4246:case 4810:case 6968:case 2756:return C+e+st+e+k+e+e;case 5936:switch(B(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,"")+(fe(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(!fe(e,/flex-|baseline/))return k+"grid-column-align"+Ue(e,t)+e;break;case 2592:case 3360:return k+g(e,"template-","")+e;case 4384:case 3616:return r&&r.some(function(n,a){return t=a,fe(n.props,/grid-\w+-end/)})?~Tt(e+(r=r[t].value),"span",0)?e:k+g(e,"-start","")+e+k+"grid-row-span:"+(~Tt(r,"span",0)?fe(r,/\d+/):+fe(r,/\d+/)-+fe(e,/\d+/))+";":k+g(e,"-start","")+e;case 4896:case 4128:return r&&r.some(function(n){return fe(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(se(e)-1-t>6)switch(B(e,t+1)){case 109:if(B(e,t+4)!==45)break;case 102:return g(e,/(.+:)(.+)-([^]+)/,"$1"+C+"$2-$3$1"+st+(B(e,t+3)==108?"$3":"$2-$3"))+e;case 115:return~Tt(e,"stretch",0)?Sn(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,a,i,l,d,u,f){return k+a+":"+i+f+(l?k+a+"-span:"+(d?u:+u-+i)+f:"")+e});case 4949:if(B(e,t+6)===121)return g(e,":",":"+C)+e;break;case 6444:switch(B(e,B(e,14)===45?18:11)){case 120:return g(e,/(.+:)([^;\s!]+)(;|(\s+)?!.+)?/,"$1"+C+(B(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 Rt(e,t){for(var r="",n=0;n<e.length;n++)r+=t(e[n],n,e,t)||"";return r}function Pa(e,t,r,n){switch(e.type){case ya:if(e.children.length)break;case ba:case gr:return e.return=e.return||e.value;case pn:return"";case gn:return e.return=e.value+"{"+Rt(e.children,n)+"}";case Nt:if(!se(e.value=e.props.join(",")))return""}return se(r=Rt(e.children,n))?e.return=e.value+"{"+r+"}":""}function Oa(e){var t=vn(e);return function(r,n,a,i){for(var l="",d=0;d<t;d++)l+=e[d](r,n,a,i)||"";return l}}function Na(e){return function(t){t.root||(t=t.return)&&e(t)}}function $a(e,t,r,n){if(e.length>-1&&!e.return)switch(e.type){case gr:e.return=Sn(e.value,e.length,r);return;case gn:return Rt([ye(e,{value:g(e.value,"@","@"+C)})],n);case Nt:if(e.length)return Ea(r=e.props,function(a){switch(fe(a,n=/(::plac\w+|:read-\w+)/)){case":read-only":case":read-write":Fe(ye(e,{props:[g(a,/:(read-\w+)/,":"+st+"$1")]})),Fe(ye(e,{props:[a]})),sr(e,{props:Br(r,n)});break;case"::placeholder":Fe(ye(e,{props:[g(a,/:(plac\w+)/,":"+C+"input-$1")]})),Fe(ye(e,{props:[g(a,/:(plac\w+)/,":"+st+"$1")]})),Fe(ye(e,{props:[g(a,/:(plac\w+)/,k+"input-$1")]})),Fe(ye(e,{props:[a]})),sr(e,{props:Br(r,n)});break}return""})}}var Da={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},We=typeof process<"u"&&process.env!==void 0&&(process.env.REACT_APP_SC_ATTR||process.env.SC_ATTR)||"data-styled",Tn="active",wn="data-styled-version",Lt="6.1.19",yr=`/*!sc*/
-`,kt=typeof window<"u"&&typeof document<"u",Ma=!!(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),Ft=Object.freeze([]),He=Object.freeze({});function La(e,t,r){return r===void 0&&(r=He),e.theme!==r.theme&&e.theme||t||r.theme}var xn=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"]),Fa=/[!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~-]+/g,za=/(^-|-$)/g;function Wr(e){return e.replace(Fa,"-").replace(za,"")}var Ba=/(a)(d)/gi,bt=52,Hr=function(e){return String.fromCharCode(e+(e>25?39:97))};function ur(e){var t,r="";for(t=Math.abs(e);t>bt;t=t/bt|0)r=Hr(t%bt)+r;return(Hr(t%bt)+r).replace(Ba,"$1-$2")}var Qt,Cn=5381,ze=function(e,t){for(var r=t.length;r;)e=33*e^t.charCodeAt(--r);return e},An=function(e){return ze(Cn,e)};function Ua(e){return ur(An(e)>>>0)}function Va(e){return e.displayName||e.name||"Component"}function Jt(e){return typeof e=="string"&&!0}var _n=typeof Symbol=="function"&&Symbol.for,In=_n?Symbol.for("react.memo"):60115,Wa=_n?Symbol.for("react.forward_ref"):60112,Ha={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},Ga={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},Rn={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},ja=((Qt={})[Wa]={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},Qt[In]=Rn,Qt);function Gr(e){return("type"in(t=e)&&t.type.$$typeof)===In?Rn:"$$typeof"in e?ja[e.$$typeof]:Ha;var t}var Ya=Object.defineProperty,qa=Object.getOwnPropertyNames,jr=Object.getOwnPropertySymbols,Ka=Object.getOwnPropertyDescriptor,Xa=Object.getPrototypeOf,Yr=Object.prototype;function kn(e,t,r){if(typeof t!="string"){if(Yr){var n=Xa(t);n&&n!==Yr&&kn(e,n,r)}var a=qa(t);jr&&(a=a.concat(jr(t)));for(var i=Gr(e),l=Gr(t),d=0;d<a.length;++d){var u=a[d];if(!(u in Ga||r&&r[u]||l&&u in l||i&&u in i)){var f=Ka(t,u);try{Ya(e,u,f)}catch{}}}}return e}function Ae(e){return typeof e=="function"}function vr(e){return typeof e=="object"&&"styledComponentId"in e}function we(e,t){return e&&t?"".concat(e," ").concat(t):e||t||""}function qr(e,t){if(e.length===0)return"";for(var r=e[0],n=1;n<e.length;n++)r+=e[n];return r}function lt(e){return e!==null&&typeof e=="object"&&e.constructor.name===Object.name&&!("props"in e&&e.$$typeof)}function dr(e,t,r){if(r===void 0&&(r=!1),!r&&!lt(e)&&!Array.isArray(e))return t;if(Array.isArray(t))for(var n=0;n<t.length;n++)e[n]=dr(e[n],t[n]);else if(lt(t))for(var n in t)e[n]=dr(e[n],t[n]);return e}function Er(e,t){Object.defineProperty(e,"toString",{value:t})}function _e(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 Za=(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,a=n.length,i=a;t>=i;)if((i<<=1)<0)throw _e(16,"".concat(t));this.groupSizes=new Uint32Array(i),this.groupSizes.set(n),this.length=i;for(var l=a;l<i;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),a=n+r;this.groupSizes[t]=0;for(var i=n;i<a;i++)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],a=this.indexOfGroup(t),i=a+n,l=a;l<i;l++)r+="".concat(this.tag.getRule(l)).concat(yr);return r},e})(),Ct=new Map,Pt=new Map,At=1,yt=function(e){if(Ct.has(e))return Ct.get(e);for(;Pt.has(At);)At++;var t=At++;return Ct.set(e,t),Pt.set(t,e),t},Qa=function(e,t){At=t+1,Ct.set(e,t),Pt.set(t,e)},Ja="style[".concat(We,"][").concat(wn,'="').concat(Lt,'"]'),eo=new RegExp("^".concat(We,'\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)')),to=function(e,t,r){for(var n,a=r.split(","),i=0,l=a.length;i<l;i++)(n=a[i])&&e.registerName(t,n)},ro=function(e,t){for(var r,n=((r=t.textContent)!==null&&r!==void 0?r:"").split(yr),a=[],i=0,l=n.length;i<l;i++){var d=n[i].trim();if(d){var u=d.match(eo);if(u){var f=0|parseInt(u[1],10),p=u[2];f!==0&&(Qa(p,f),to(e,p,u[3]),e.getTag().insertRules(f,a)),a.length=0}else a.push(d)}}},Kr=function(e){for(var t=document.querySelectorAll(Ja),r=0,n=t.length;r<n;r++){var a=t[r];a&&a.getAttribute(We)!==Tn&&(ro(e,a),a.parentNode&&a.parentNode.removeChild(a))}};function no(){return typeof __webpack_nonce__<"u"?__webpack_nonce__:null}var Pn=function(e){var t=document.head,r=e||t,n=document.createElement("style"),a=(function(d){var u=Array.from(d.querySelectorAll("style[".concat(We,"]")));return u[u.length-1]})(r),i=a!==void 0?a.nextSibling:null;n.setAttribute(We,Tn),n.setAttribute(wn,Lt);var l=no();return l&&n.setAttribute("nonce",l),r.insertBefore(n,i),n},ao=(function(){function e(t){this.element=Pn(t),this.element.appendChild(document.createTextNode("")),this.sheet=(function(r){if(r.sheet)return r.sheet;for(var n=document.styleSheets,a=0,i=n.length;a<i;a++){var l=n[a];if(l.ownerNode===r)return l}throw _e(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})(),oo=(function(){function e(t){this.element=Pn(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})(),io=(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=kt,so={isServer:!kt,useCSSOMInjection:!Ma},On=(function(){function e(t,r,n){t===void 0&&(t=He),r===void 0&&(r={});var a=this;this.options=H(H({},so),t),this.gs=r,this.names=new Map(n),this.server=!!t.isServer,!this.server&&kt&&Xr&&(Xr=!1,Kr(this)),Er(this,function(){return(function(i){for(var l=i.getTag(),d=l.length,u="",f=function(T){var w=(function(D){return Pt.get(D)})(T);if(w===void 0)return"continue";var E=i.names.get(w),A=l.getGroup(T);if(E===void 0||!E.size||A.length===0)return"continue";var $="".concat(We,".g").concat(T,'[id="').concat(w,'"]'),G="";E!==void 0&&E.forEach(function(D){D.length>0&&(G+="".concat(D,","))}),u+="".concat(A).concat($,'{content:"').concat(G,'"}').concat(yr)},p=0;p<d;p++)f(p);return u})(a)})}return e.registerId=function(t){return yt(t)},e.prototype.rehydrate=function(){!this.server&&kt&&Kr(this)},e.prototype.reconstructWithOptions=function(t,r){return r===void 0&&(r=!0),new e(H(H({},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,a=r.target;return r.isServer?new io(a):n?new ao(a):new oo(a)})(this.options),new Za(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(yt(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(yt(t),n)},e.prototype.clearNames=function(t){this.names.has(t)&&this.names.get(t).clear()},e.prototype.clearRules=function(t){this.getTag().clearGroup(yt(t)),this.clearNames(t)},e.prototype.clearTag=function(){this.tag=void 0},e})(),lo=/&/g,co=/^\s*\/\/.*$/gm;function Nn(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=Nn(r.children,t)),r})}function uo(e){var t,r,n,a=He,i=a.options,l=i===void 0?He:i,d=a.plugins,u=d===void 0?Ft:d,f=function(w,E,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===Nt&&w.value.includes("&")&&(w.props[0]=w.props[0].replace(lo,r).replace(n,f))}),l.prefix&&p.push($a),p.push(Pa);var T=function(w,E,A,$){E===void 0&&(E=""),A===void 0&&(A=""),$===void 0&&($="&"),t=$,r=E,n=new RegExp("\\".concat(r,"\\b"),"g");var G=w.replace(co,""),D=Ra(A||E?"".concat(A," ").concat(E," { ").concat(G," }"):G);l.namespace&&(D=Nn(D,l.namespace));var P=[];return Rt(D,Oa(p.concat(Na(function(_){return P.push(_)})))),P};return T.hash=u.length?u.reduce(function(w,E){return E.name||_e(15),ze(w,E.name)},Cn).toString():"",T}var mo=new On,mr=uo(),$n=s.createContext({shouldForwardProp:void 0,styleSheet:mo,stylis:mr});$n.Consumer;s.createContext(void 0);function Zr(){return s.useContext($n)}var fo=(function(){function e(t,r){var n=this;this.inject=function(a,i){i===void 0&&(i=mr);var l=n.name+i.hash;a.hasNameForId(n.id,l)||a.insertRules(n.id,l,i(n.rules,l,"@keyframes"))},this.name=t,this.id="sc-keyframes-".concat(t),this.rules=r,Er(this,function(){throw _e(12,String(n.name))})}return e.prototype.getName=function(t){return t===void 0&&(t=mr),this.name+t.hash},e})(),ho=function(e){return e>="A"&&e<="Z"};function Qr(e){for(var t="",r=0;r<e.length;r++){var n=e[r];if(r===1&&n==="-"&&e[0]==="-")return e;ho(n)?t+="-"+n.toLowerCase():t+=n}return t.startsWith("ms-")?"-"+t:t}var Dn=function(e){return e==null||e===!1||e===""},Mn=function(e){var t,r,n=[];for(var a in e){var i=e[a];e.hasOwnProperty(a)&&!Dn(i)&&(Array.isArray(i)&&i.isCss||Ae(i)?n.push("".concat(Qr(a),":"),i,";"):lt(i)?n.push.apply(n,It(It(["".concat(a," {")],Mn(i),!1),["}"],!1)):n.push("".concat(Qr(a),": ").concat((t=a,(r=i)==null||typeof r=="boolean"||r===""?"":typeof r!="number"||r===0||t in Da||t.startsWith("--")?String(r).trim():"".concat(r,"px")),";")))}return n};function Ce(e,t,r,n){if(Dn(e))return[];if(vr(e))return[".".concat(e.styledComponentId)];if(Ae(e)){if(!Ae(i=e)||i.prototype&&i.prototype.isReactComponent||!t)return[e];var a=e(t);return Ce(a,t,r,n)}var i;return e instanceof fo?r?(e.inject(r,n),[e.getName(n)]):[e]:lt(e)?Mn(e):Array.isArray(e)?Array.prototype.concat.apply(Ft,e.map(function(l){return Ce(l,t,r,n)})):[e.toString()]}function po(e){for(var t=0;t<e.length;t+=1){var r=e[t];if(Ae(r)&&!vr(r))return!1}return!0}var go=An(Lt),bo=(function(){function e(t,r,n){this.rules=t,this.staticRulesId="",this.isStatic=(n===void 0||n.isStatic)&&po(t),this.componentId=r,this.baseHash=ze(go,r),this.baseStyle=n,On.registerId(r)}return e.prototype.generateAndInjectStyles=function(t,r,n){var a=this.baseStyle?this.baseStyle.generateAndInjectStyles(t,r,n):"";if(this.isStatic&&!n.hash)if(this.staticRulesId&&r.hasNameForId(this.componentId,this.staticRulesId))a=we(a,this.staticRulesId);else{var i=qr(Ce(this.rules,t,r,n)),l=ur(ze(this.baseHash,i)>>>0);if(!r.hasNameForId(this.componentId,l)){var d=n(i,".".concat(l),void 0,this.componentId);r.insertRules(this.componentId,l,d)}a=we(a,l),this.staticRulesId=l}else{for(var u=ze(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=qr(Ce(T,t,r,n));u=ze(u,w+p),f+=w}}if(f){var E=ur(u>>>0);r.hasNameForId(this.componentId,E)||r.insertRules(this.componentId,E,n(f,".".concat(E),void 0,this.componentId)),a=we(a,E)}}return a},e})(),Ot=s.createContext(void 0);Ot.Consumer;function yo(e){var t=s.useContext(Ot),r=s.useMemo(function(){return(function(n,a){if(!n)throw _e(14);if(Ae(n)){var i=n(a);return i}if(Array.isArray(n)||typeof n!="object")throw _e(8);return a?H(H({},a),n):n})(e.theme,t)},[e.theme,t]);return e.children?s.createElement(Ot.Provider,{value:r},e.children):null}var er={};function vo(e,t,r){var n=vr(e),a=e,i=!Jt(e),l=t.attrs,d=l===void 0?Ft:l,u=t.componentId,f=u===void 0?(function(b,R){var x=typeof b!="string"?"sc":Wr(b);er[x]=(er[x]||0)+1;var y="".concat(x,"-").concat(Ua(Lt+x+er[x]));return R?"".concat(R,"-").concat(y):y})(t.displayName,t.parentComponentId):u,p=t.displayName,T=p===void 0?(function(b){return Jt(b)?"styled.".concat(b):"Styled(".concat(Va(b),")")})(e):p,w=t.displayName&&t.componentId?"".concat(Wr(t.displayName),"-").concat(t.componentId):t.componentId||f,E=n&&a.attrs?a.attrs.concat(d).filter(Boolean):d,A=t.shouldForwardProp;if(n&&a.shouldForwardProp){var $=a.shouldForwardProp;if(t.shouldForwardProp){var G=t.shouldForwardProp;A=function(b,R){return $(b,R)&&G(b,R)}}else A=$}var D=new bo(r,w,n?a.componentStyle:void 0);function P(b,R){return(function(x,y,pe){var Re=x.attrs,zt=x.componentStyle,U=x.defaultProps,Ye=x.foldedComponentIds,qe=x.styledComponentId,Ke=x.target,Bt=s.useContext(Ot),Ut=Zr(),Xe=x.shouldForwardProp||Ut.shouldForwardProp,Ze=La(y,Bt,U)||He,J=(function(I,te,ge){for(var be,re=H(H({},te),{className:void 0,theme:ge}),Pe=0;Pe<I.length;Pe+=1){var Ee=Ae(be=I[Pe])?be(re):be;for(var j in Ee)re[j]=j==="className"?we(re[j],Ee[j]):j==="style"?H(H({},re[j]),Ee[j]):Ee[j]}return te.className&&(re.className=we(re.className,te.className)),re})(Re,y,Ze),ve=J.as||Ke,O={};for(var ee in J)J[ee]===void 0||ee[0]==="$"||ee==="as"||ee==="theme"&&J.theme===Ze||(ee==="forwardedAs"?O.as=J.forwardedAs:Xe&&!Xe(ee,ve)||(O[ee]=J[ee]));var M=(function(I,te){var ge=Zr(),be=I.generateAndInjectStyles(te,ge.styleSheet,ge.stylis);return be})(zt,J),ke=we(Ye,qe);return M&&(ke+=" "+M),J.className&&(ke+=" "+J.className),O[Jt(ve)&&!xn.has(ve)?"class":"className"]=ke,pe&&(O.ref=pe),s.createElement(ve,O)})(_,b,R)}P.displayName=T;var _=s.forwardRef(P);return _.attrs=E,_.componentStyle=D,_.displayName=T,_.shouldForwardProp=A,_.foldedComponentIds=n?we(a.foldedComponentIds,a.styledComponentId):"",_.styledComponentId=w,_.target=n?a.target:e,Object.defineProperty(_,"defaultProps",{get:function(){return this._foldedDefaultProps},set:function(b){this._foldedDefaultProps=n?(function(R){for(var x=[],y=1;y<arguments.length;y++)x[y-1]=arguments[y];for(var pe=0,Re=x;pe<Re.length;pe++)dr(R,Re[pe],!0);return R})({},a.defaultProps,b):b}}),Er(_,function(){return".".concat(_.styledComponentId)}),i&&kn(_,e,{attrs:!0,componentStyle:!0,displayName:!0,foldedComponentIds:!0,shouldForwardProp:!0,styledComponentId:!0,target:!0}),_}function Jr(e,t){for(var r=[e[0]],n=0,a=t.length;n<a;n+=1)r.push(t[n],e[n+1]);return r}var en=function(e){return Object.assign(e,{isCss:!0})};function Eo(e){for(var t=[],r=1;r<arguments.length;r++)t[r-1]=arguments[r];if(Ae(e)||lt(e))return en(Ce(Jr(Ft,It([e],t,!0))));var n=e;return t.length===0&&n.length===1&&typeof n[0]=="string"?Ce(n):en(Ce(Jr(n,t)))}function fr(e,t,r){if(r===void 0&&(r=He),!t)throw _e(1,t);var n=function(a){for(var i=[],l=1;l<arguments.length;l++)i[l-1]=arguments[l];return e(t,r,Eo.apply(void 0,It([a],i,!1)))};return n.attrs=function(a){return fr(e,t,H(H({},r),{attrs:Array.prototype.concat(r.attrs,a).filter(Boolean)}))},n.withConfig=function(a){return fr(e,t,H(H({},r),a))},n}var Ln=function(e){return fr(vo,e)},v=Ln;xn.forEach(function(e){v[e]=Ln(e)});const Be={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},So={selectedVariant:"primary",getDefaultVariantOrSelected:()=>"primary",...Be},Fn=s.createContext({...Be,...So}),To=v.div`
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const React = require("react");
+const require$$0 = require("react-dom");
+var client = {};
+var hasRequiredClient;
+function requireClient() {
+  if (hasRequiredClient) return client;
+  hasRequiredClient = 1;
+  var m2 = require$$0;
+  {
+    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 = React.createContext({ shouldForwardProp: void 0, styleSheet: Me, stylis: ze });
+$e.Consumer;
+React.createContext(void 0);
+function Ge() {
+  return React.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 = React.createContext(void 0);
+et.Consumer;
+function ot(e2) {
+  var n2 = React.useContext(et), r2 = React.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 ? React.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 = React.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), React.createElement(S3, w3);
+    })(D2, e3, r3);
+  }
+  O2.displayName = y2;
+  var D2 = React.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 = React.createContext({
+  ...theme,
+  ...themeContextInitialValues
+});
+const CssVariables = dt.div`
   font-family:
     ui-sans-serif,
     system-ui,
@@ -17,48 +1238,393 @@
     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};
-`,he=e=>{const t=e.selectedVariant??"primary";return console.log("ThemeProvider_theme",e.theme??Be),s.createElement(yo,{theme:e.theme??Be,children:s.createElement(To,{$theme:e.theme??Be,children:s.createElement(Fn.Provider,{value:{selectedVariant:t,getDefaultVariantOrSelected:()=>t,...e.theme??Be},children:e.children})})})},zn=()=>s.useContext(Fn),le=e=>{const{getDefaultVariantOrSelected:t,...r}=zn(),n=t();return r[e??n]},Bn=e=>{const{getDefaultVariantOrSelected:t,...r}=zn(),n=t(),a=e?`${e}Content`:`${n}Content`;return r[a]},wo=()=>{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,a)=>{var i;try{return t(fetch(`${e}${r}`,{method:"POST",body:JSON.stringify(n),signal:((i=a==null?void 0:a.abortController)==null?void 0:i.signal)??null,headers:{"Content-Type":"application/json",...(a==null?void 0:a.headers)??{}}}))}catch(l){throw console.log(l),l}},get:async(r,n)=>{var a;try{return t(fetch(`${e}${r}`,{method:"GET",signal:((a=n==null?void 0:n.abortController)==null?void 0:a.signal)??null,headers:{"Content-Type":"application/json",...(n==null?void 0:n.headers)??{}}}))}catch(i){throw console.log(i),i}}}},tn={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)?"}}]}]},xo=(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:tn},inlineForm:{meta:{name:"asd"},config:{canReturnToPreviousStep:!0,nextButtonText:"Next",previousButtonText:"Previous",submitButtonText:"Submit",formTitle:"We are looking forward to hear from you!"},form:tn}})}),Co=e=>{const[t,r]=s.useState(),[n,a]=s.useState(!0),[i,l]=s.useState(null);return s.useEffect(()=>{const d=new AbortController;return a(!0),e(d).then(r).catch(l).finally(()=>a(!1)),()=>{d.abort()}},[]),{data:t,loading:n,error:i}},Ge=v.button(e=>{const t=le(),r=Bn(),a=!e.$outlined?t:"#fff",i=e.$outlined?t:r,l=e.$outlined?i:a,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":a,borderWidth:e.theme.borderWidth,userSelect:e.disabled?"none":void 0,color:e.disabled?"#888888":i,"&: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"}}}),Ao=v.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 React.createElement(ot, {
+    theme: props.theme ?? theme,
+    children: React.createElement(CssVariables, {
+      $theme: props.theme ?? theme,
+      children: React.createElement(ThemeContext.Provider, {
+        value: {
+          selectedVariant,
+          getDefaultVariantOrSelected: () => {
+            return selectedVariant;
+          },
+          ...props.theme ?? theme
+        },
+        children: props.children
+      })
+    })
+  });
+};
+const useThemeContext = () => React.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] = React.useState();
+  const [loading, setLoading] = React.useState(true);
+  const [error, setError] = React.useState(null);
+  React.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 +1632,25 @@
   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"};
   }
-`,Un=e=>{const t=s.useRef(null);return s.useEffect(()=>{t.current&&e.onSetMaxHeight(t.current.clientHeight)},[t]),s.createElement(Ao,{ref:t,$height:e.height,$isVisible:e.isVisible,children:e.children})},_o=v.ul`
+`;
+const Step = (props) => {
+  const ref = React.useRef(null);
+  React.useEffect(() => {
+    if (ref.current) {
+      props.onSetMaxHeight(ref.current.clientHeight);
+    }
+  }, [ref, props.onSetMaxHeight]);
+  return React.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 +1659,1371 @@
   @media (max-width: 900px) {
     display: none;
   }
-`,Io=v.li(e=>{const t=le(e.colorVariant),r=Bn(e.colorVariant),n=e.shouldBeFilled?t:"var(--color-base-300)",a=e.shouldBeFilled?r:"var(--color-base-content)";return{textAlign:"center","--step-bg":n,"--step-fg":a,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"}}}),Vn=e=>(console.log("props.currentStepIndex",e.currentStepIndex),s.createElement(_o,{children:[e.steps.map((t,r)=>s.createElement(Io,{key:t.title,colorVariant:e.colorVariant,shouldBeFilled:e.currentStepIndex>=r,children:t.title}))]})),Ro={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"}},ko=v.div(e=>({...Ro[e.$variant??"paragraph"],color:e.theme.baseContent,...e.$linear?{margin:"0"}:{}})),oe=e=>s.createElement(ko,{$variant:e.variant,$linear:e.linear,children:e.children}),Po=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}},Wn=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]:Po(f.type)},{dataField:p,...f}):{...f,dataField:null}})}],l),{validationsPerStep:{},state:{},steps:[]}),[e.form]),[r,n]=s.useState(t.state),a=s.useCallback((l,d)=>{l!==null&&n(u=>({...u,[l]:d}))},[n]),i=s.useCallback(l=>l?r[l]:null,[r]);return{steps:t.steps,validationsPerStep:t.validationsPerStep,state:r,setStateByKey:a,getStateByKey:i}},Oo=wo(),No=(e,t)=>Oo.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:Hn,setPrototypeOf:rn,isFrozen:$o,getPrototypeOf:Do,getOwnPropertyDescriptor:Mo}=Object;let{freeze:q,seal:Q,create:Gn}=Object,{apply:hr,construct:pr}=typeof Reflect<"u"&&Reflect;q||(q=function(t){return t});Q||(Q=function(t){return t});hr||(hr=function(t,r){for(var n=arguments.length,a=new Array(n>2?n-2:0),i=2;i<n;i++)a[i-2]=arguments[i];return t.apply(r,a)});pr||(pr=function(t){for(var r=arguments.length,n=new Array(r>1?r-1:0),a=1;a<r;a++)n[a-1]=arguments[a];return new t(...n)});const vt=K(Array.prototype.forEach),Lo=K(Array.prototype.lastIndexOf),nn=K(Array.prototype.pop),et=K(Array.prototype.push),Fo=K(Array.prototype.splice),_t=K(String.prototype.toLowerCase),tr=K(String.prototype.toString),rr=K(String.prototype.match),tt=K(String.prototype.replace),zo=K(String.prototype.indexOf),Bo=K(String.prototype.trim),ne=K(Object.prototype.hasOwnProperty),Y=K(RegExp.prototype.test),rt=Uo(TypeError);function K(e){return function(t){t instanceof RegExp&&(t.lastIndex=0);for(var r=arguments.length,n=new Array(r>1?r-1:0),a=1;a<r;a++)n[a-1]=arguments[a];return hr(e,t,n)}}function Uo(e){return function(){for(var t=arguments.length,r=new Array(t),n=0;n<t;n++)r[n]=arguments[n];return pr(e,r)}}function S(e,t){let r=arguments.length>2&&arguments[2]!==void 0?arguments[2]:_t;rn&&rn(e,null);let n=t.length;for(;n--;){let a=t[n];if(typeof a=="string"){const i=r(a);i!==a&&($o(t)||(t[n]=i),a=i)}e[a]=!0}return e}function Vo(e){for(let t=0;t<e.length;t++)ne(e,t)||(e[t]=null);return e}function me(e){const t=Gn(null);for(const[r,n]of Hn(e))ne(e,r)&&(Array.isArray(n)?t[r]=Vo(n):n&&typeof n=="object"&&n.constructor===Object?t[r]=me(n):t[r]=n);return t}function nt(e,t){for(;e!==null;){const n=Mo(e,t);if(n){if(n.get)return K(n.get);if(typeof n.value=="function")return K(n.value)}e=Do(e)}function r(){return null}return r}const an=q(["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"]),nr=q(["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"]),ar=q(["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"]),Wo=q(["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"]),or=q(["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"]),Ho=q(["maction","maligngroup","malignmark","mlongdiv","mscarries","mscarry","msgroup","mstack","msline","msrow","semantics","annotation","annotation-xml","mprescripts","none"]),on=q(["#text"]),sn=q(["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"]),ir=q(["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"]),ln=q(["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"]),Et=q(["xlink:href","xml:id","xlink:title","xml:space","xmlns:xlink"]),Go=Q(/\{\{[\w\W]*|[\w\W]*\}\}/gm),jo=Q(/<%[\w\W]*|[\w\W]*%>/gm),Yo=Q(/\$\{[\w\W]*/gm),qo=Q(/^data-[\-\w.\u00B7-\uFFFF]+$/),Ko=Q(/^aria-[\-\w]+$/),jn=Q(/^(?:(?:(?:f|ht)tps?|mailto|tel|callto|sms|cid|xmpp|matrix):|[^a-z]|[a-z+.\-]+(?:[^a-z+.\-:]|$))/i),Xo=Q(/^(?:\w+script|data):/i),Zo=Q(/[\u0000-\u0020\u00A0\u1680\u180E\u2000-\u2029\u205F\u3000]/g),Yn=Q(/^html$/i),Qo=Q(/^[a-z][.\w]*(-[.\w]+)+$/i);var cn=Object.freeze({__proto__:null,ARIA_ATTR:Ko,ATTR_WHITESPACE:Zo,CUSTOM_ELEMENT:Qo,DATA_ATTR:qo,DOCTYPE_NAME:Yn,ERB_EXPR:jo,IS_ALLOWED_URI:jn,IS_SCRIPT_OR_DATA:Xo,MUSTACHE_EXPR:Go,TMPLIT_EXPR:Yo});const at={element:1,text:3,progressingInstruction:7,comment:8,document:9},Jo=function(){return typeof window>"u"?null:window},ei=function(t,r){if(typeof t!="object"||typeof t.createPolicy!="function")return null;let n=null;const a="data-tt-policy-suffix";r&&r.hasAttribute(a)&&(n=r.getAttribute(a));const i="dompurify"+(n?"#"+n:"");try{return t.createPolicy(i,{createHTML(l){return l},createScriptURL(l){return l}})}catch{return console.warn("TrustedTypes policy "+i+" could not be created."),null}},un=function(){return{afterSanitizeAttributes:[],afterSanitizeElements:[],afterSanitizeShadowDOM:[],beforeSanitizeAttributes:[],beforeSanitizeElements:[],beforeSanitizeShadowDOM:[],uponSanitizeAttribute:[],uponSanitizeElement:[],uponSanitizeShadowNode:[]}};function qn(){let e=arguments.length>0&&arguments[0]!==void 0?arguments[0]:Jo();const t=h=>qn(h);if(t.version="3.2.7",t.removed=[],!e||!e.document||e.document.nodeType!==at.document||!e.Element)return t.isSupported=!1,t;let{document:r}=e;const n=r,a=n.currentScript,{DocumentFragment:i,HTMLTemplateElement:l,Node:d,Element:u,NodeFilter:f,NamedNodeMap:p=e.NamedNodeMap||e.MozNamedAttrMap,HTMLFormElement:T,DOMParser:w,trustedTypes:E}=e,A=u.prototype,$=nt(A,"cloneNode"),G=nt(A,"remove"),D=nt(A,"nextSibling"),P=nt(A,"childNodes"),_=nt(A,"parentNode");if(typeof l=="function"){const h=r.createElement("template");h.content&&h.content.ownerDocument&&(r=h.content.ownerDocument)}let b,R="";const{implementation:x,createNodeIterator:y,createDocumentFragment:pe,getElementsByTagName:Re}=r,{importNode:zt}=n;let U=un();t.isSupported=typeof Hn=="function"&&typeof _=="function"&&x&&x.createHTMLDocument!==void 0;const{MUSTACHE_EXPR:Ye,ERB_EXPR:qe,TMPLIT_EXPR:Ke,DATA_ATTR:Bt,ARIA_ATTR:Ut,IS_SCRIPT_OR_DATA:Xe,ATTR_WHITESPACE:Ze,CUSTOM_ELEMENT:J}=cn;let{IS_ALLOWED_URI:ve}=cn,O=null;const ee=S({},[...an,...nr,...ar,...or,...on]);let M=null;const ke=S({},[...sn,...ir,...ln,...Et]);let I=Object.seal(Gn(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}})),te=null,ge=null,be=!0,re=!0,Pe=!1,Ee=!0,j=!1,ct=!0,Se=!1,Vt=!1,Wt=!1,Oe=!1,ut=!1,dt=!1,Sr=!0,Tr=!1;const ia="user-content-";let Ht=!0,Qe=!1,Ne={},$e=null;const wr=S({},["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 xr=null;const Cr=S({},["audio","video","img","source","image","track"]);let Gt=null;const Ar=S({},["alt","class","for","id","label","name","pattern","placeholder","role","summary","title","value","style","xmlns"]),mt="http://www.w3.org/1998/Math/MathML",ft="http://www.w3.org/2000/svg",ce="http://www.w3.org/1999/xhtml";let De=ce,jt=!1,Yt=null;const sa=S({},[mt,ft,ce],tr);let ht=S({},["mi","mo","mn","ms","mtext"]),pt=S({},["annotation-xml"]);const la=S({},["title","style","font","a","script"]);let Je=null;const ca=["application/xhtml+xml","text/html"],ua="text/html";let z=null,Me=null;const da=r.createElement("form"),_r=function(o){return o instanceof RegExp||o instanceof Function},qt=function(){let o=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{};if(!(Me&&Me===o)){if((!o||typeof o!="object")&&(o={}),o=me(o),Je=ca.indexOf(o.PARSER_MEDIA_TYPE)===-1?ua:o.PARSER_MEDIA_TYPE,z=Je==="application/xhtml+xml"?tr:_t,O=ne(o,"ALLOWED_TAGS")?S({},o.ALLOWED_TAGS,z):ee,M=ne(o,"ALLOWED_ATTR")?S({},o.ALLOWED_ATTR,z):ke,Yt=ne(o,"ALLOWED_NAMESPACES")?S({},o.ALLOWED_NAMESPACES,tr):sa,Gt=ne(o,"ADD_URI_SAFE_ATTR")?S(me(Ar),o.ADD_URI_SAFE_ATTR,z):Ar,xr=ne(o,"ADD_DATA_URI_TAGS")?S(me(Cr),o.ADD_DATA_URI_TAGS,z):Cr,$e=ne(o,"FORBID_CONTENTS")?S({},o.FORBID_CONTENTS,z):wr,te=ne(o,"FORBID_TAGS")?S({},o.FORBID_TAGS,z):me({}),ge=ne(o,"FORBID_ATTR")?S({},o.FORBID_ATTR,z):me({}),Ne=ne(o,"USE_PROFILES")?o.USE_PROFILES:!1,be=o.ALLOW_ARIA_ATTR!==!1,re=o.ALLOW_DATA_ATTR!==!1,Pe=o.ALLOW_UNKNOWN_PROTOCOLS||!1,Ee=o.ALLOW_SELF_CLOSE_IN_ATTR!==!1,j=o.SAFE_FOR_TEMPLATES||!1,ct=o.SAFE_FOR_XML!==!1,Se=o.WHOLE_DOCUMENT||!1,Oe=o.RETURN_DOM||!1,ut=o.RETURN_DOM_FRAGMENT||!1,dt=o.RETURN_TRUSTED_TYPE||!1,Wt=o.FORCE_BODY||!1,Sr=o.SANITIZE_DOM!==!1,Tr=o.SANITIZE_NAMED_PROPS||!1,Ht=o.KEEP_CONTENT!==!1,Qe=o.IN_PLACE||!1,ve=o.ALLOWED_URI_REGEXP||jn,De=o.NAMESPACE||ce,ht=o.MATHML_TEXT_INTEGRATION_POINTS||ht,pt=o.HTML_INTEGRATION_POINTS||pt,I=o.CUSTOM_ELEMENT_HANDLING||{},o.CUSTOM_ELEMENT_HANDLING&&_r(o.CUSTOM_ELEMENT_HANDLING.tagNameCheck)&&(I.tagNameCheck=o.CUSTOM_ELEMENT_HANDLING.tagNameCheck),o.CUSTOM_ELEMENT_HANDLING&&_r(o.CUSTOM_ELEMENT_HANDLING.attributeNameCheck)&&(I.attributeNameCheck=o.CUSTOM_ELEMENT_HANDLING.attributeNameCheck),o.CUSTOM_ELEMENT_HANDLING&&typeof o.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements=="boolean"&&(I.allowCustomizedBuiltInElements=o.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements),j&&(re=!1),ut&&(Oe=!0),Ne&&(O=S({},on),M=[],Ne.html===!0&&(S(O,an),S(M,sn)),Ne.svg===!0&&(S(O,nr),S(M,ir),S(M,Et)),Ne.svgFilters===!0&&(S(O,ar),S(M,ir),S(M,Et)),Ne.mathMl===!0&&(S(O,or),S(M,ln),S(M,Et))),o.ADD_TAGS&&(O===ee&&(O=me(O)),S(O,o.ADD_TAGS,z)),o.ADD_ATTR&&(M===ke&&(M=me(M)),S(M,o.ADD_ATTR,z)),o.ADD_URI_SAFE_ATTR&&S(Gt,o.ADD_URI_SAFE_ATTR,z),o.FORBID_CONTENTS&&($e===wr&&($e=me($e)),S($e,o.FORBID_CONTENTS,z)),Ht&&(O["#text"]=!0),Se&&S(O,["html","head","body"]),O.table&&(S(O,["tbody"]),delete te.tbody),o.TRUSTED_TYPES_POLICY){if(typeof o.TRUSTED_TYPES_POLICY.createHTML!="function")throw rt('TRUSTED_TYPES_POLICY configuration option must provide a "createHTML" hook.');if(typeof o.TRUSTED_TYPES_POLICY.createScriptURL!="function")throw rt('TRUSTED_TYPES_POLICY configuration option must provide a "createScriptURL" hook.');b=o.TRUSTED_TYPES_POLICY,R=b.createHTML("")}else b===void 0&&(b=ei(E,a)),b!==null&&typeof R=="string"&&(R=b.createHTML(""));q&&q(o),Me=o}},Ir=S({},[...nr,...ar,...Wo]),Rr=S({},[...or,...Ho]),ma=function(o){let c=_(o);(!c||!c.tagName)&&(c={namespaceURI:De,tagName:"template"});const m=_t(o.tagName),N=_t(c.tagName);return Yt[o.namespaceURI]?o.namespaceURI===ft?c.namespaceURI===ce?m==="svg":c.namespaceURI===mt?m==="svg"&&(N==="annotation-xml"||ht[N]):!!Ir[m]:o.namespaceURI===mt?c.namespaceURI===ce?m==="math":c.namespaceURI===ft?m==="math"&&pt[N]:!!Rr[m]:o.namespaceURI===ce?c.namespaceURI===ft&&!pt[N]||c.namespaceURI===mt&&!ht[N]?!1:!Rr[m]&&(la[m]||!Ir[m]):!!(Je==="application/xhtml+xml"&&Yt[o.namespaceURI]):!1},ie=function(o){et(t.removed,{element:o});try{_(o).removeChild(o)}catch{G(o)}},Te=function(o,c){try{et(t.removed,{attribute:c.getAttributeNode(o),from:c})}catch{et(t.removed,{attribute:null,from:c})}if(c.removeAttribute(o),o==="is")if(Oe||ut)try{ie(c)}catch{}else try{c.setAttribute(o,"")}catch{}},kr=function(o){let c=null,m=null;if(Wt)o="<remove></remove>"+o;else{const L=rr(o,/^[\r\n\t ]+/);m=L&&L[0]}Je==="application/xhtml+xml"&&De===ce&&(o='<html xmlns="http://www.w3.org/1999/xhtml"><head></head><body>'+o+"</body></html>");const N=b?b.createHTML(o):o;if(De===ce)try{c=new w().parseFromString(N,Je)}catch{}if(!c||!c.documentElement){c=x.createDocument(De,"template",null);try{c.documentElement.innerHTML=jt?R:N}catch{}}const W=c.body||c.documentElement;return o&&m&&W.insertBefore(r.createTextNode(m),W.childNodes[0]||null),De===ce?Re.call(c,Se?"html":"body")[0]:Se?c.documentElement:W},Pr=function(o){return y.call(o.ownerDocument||o,o,f.SHOW_ELEMENT|f.SHOW_COMMENT|f.SHOW_TEXT|f.SHOW_PROCESSING_INSTRUCTION|f.SHOW_CDATA_SECTION,null)},Kt=function(o){return o instanceof T&&(typeof o.nodeName!="string"||typeof o.textContent!="string"||typeof o.removeChild!="function"||!(o.attributes instanceof p)||typeof o.removeAttribute!="function"||typeof o.setAttribute!="function"||typeof o.namespaceURI!="string"||typeof o.insertBefore!="function"||typeof o.hasChildNodes!="function")},Or=function(o){return typeof d=="function"&&o instanceof d};function ue(h,o,c){vt(h,m=>{m.call(t,o,c,Me)})}const Nr=function(o){let c=null;if(ue(U.beforeSanitizeElements,o,null),Kt(o))return ie(o),!0;const m=z(o.nodeName);if(ue(U.uponSanitizeElement,o,{tagName:m,allowedTags:O}),ct&&o.hasChildNodes()&&!Or(o.firstElementChild)&&Y(/<[/\w!]/g,o.innerHTML)&&Y(/<[/\w!]/g,o.textContent)||o.nodeType===at.progressingInstruction||ct&&o.nodeType===at.comment&&Y(/<[/\w]/g,o.data))return ie(o),!0;if(!O[m]||te[m]){if(!te[m]&&Dr(m)&&(I.tagNameCheck instanceof RegExp&&Y(I.tagNameCheck,m)||I.tagNameCheck instanceof Function&&I.tagNameCheck(m)))return!1;if(Ht&&!$e[m]){const N=_(o)||o.parentNode,W=P(o)||o.childNodes;if(W&&N){const L=W.length;for(let X=L-1;X>=0;--X){const de=$(W[X],!0);de.__removalCount=(o.__removalCount||0)+1,N.insertBefore(de,D(o))}}}return ie(o),!0}return o instanceof u&&!ma(o)||(m==="noscript"||m==="noembed"||m==="noframes")&&Y(/<\/no(script|embed|frames)/i,o.innerHTML)?(ie(o),!0):(j&&o.nodeType===at.text&&(c=o.textContent,vt([Ye,qe,Ke],N=>{c=tt(c,N," ")}),o.textContent!==c&&(et(t.removed,{element:o.cloneNode()}),o.textContent=c)),ue(U.afterSanitizeElements,o,null),!1)},$r=function(o,c,m){if(Sr&&(c==="id"||c==="name")&&(m in r||m in da))return!1;if(!(re&&!ge[c]&&Y(Bt,c))){if(!(be&&Y(Ut,c))){if(!M[c]||ge[c]){if(!(Dr(o)&&(I.tagNameCheck instanceof RegExp&&Y(I.tagNameCheck,o)||I.tagNameCheck instanceof Function&&I.tagNameCheck(o))&&(I.attributeNameCheck instanceof RegExp&&Y(I.attributeNameCheck,c)||I.attributeNameCheck instanceof Function&&I.attributeNameCheck(c,o))||c==="is"&&I.allowCustomizedBuiltInElements&&(I.tagNameCheck instanceof RegExp&&Y(I.tagNameCheck,m)||I.tagNameCheck instanceof Function&&I.tagNameCheck(m))))return!1}else if(!Gt[c]){if(!Y(ve,tt(m,Ze,""))){if(!((c==="src"||c==="xlink:href"||c==="href")&&o!=="script"&&zo(m,"data:")===0&&xr[o])){if(!(Pe&&!Y(Xe,tt(m,Ze,"")))){if(m)return!1}}}}}}return!0},Dr=function(o){return o!=="annotation-xml"&&rr(o,J)},Mr=function(o){ue(U.beforeSanitizeAttributes,o,null);const{attributes:c}=o;if(!c||Kt(o))return;const m={attrName:"",attrValue:"",keepAttr:!0,allowedAttributes:M,forceKeepAttr:void 0};let N=c.length;for(;N--;){const W=c[N],{name:L,namespaceURI:X,value:de}=W,Le=z(L),Xt=de;let V=L==="value"?Xt:Bo(Xt);if(m.attrName=Le,m.attrValue=V,m.keepAttr=!0,m.forceKeepAttr=void 0,ue(U.uponSanitizeAttribute,o,m),V=m.attrValue,Tr&&(Le==="id"||Le==="name")&&(Te(L,o),V=ia+V),ct&&Y(/((--!?|])>)|<\/(style|title|textarea)/i,V)){Te(L,o);continue}if(Le==="attributename"&&rr(V,"href")){Te(L,o);continue}if(m.forceKeepAttr)continue;if(!m.keepAttr){Te(L,o);continue}if(!Ee&&Y(/\/>/i,V)){Te(L,o);continue}j&&vt([Ye,qe,Ke],Fr=>{V=tt(V,Fr," ")});const Lr=z(o.nodeName);if(!$r(Lr,Le,V)){Te(L,o);continue}if(b&&typeof E=="object"&&typeof E.getAttributeType=="function"&&!X)switch(E.getAttributeType(Lr,Le)){case"TrustedHTML":{V=b.createHTML(V);break}case"TrustedScriptURL":{V=b.createScriptURL(V);break}}if(V!==Xt)try{X?o.setAttributeNS(X,L,V):o.setAttribute(L,V),Kt(o)?ie(o):nn(t.removed)}catch{Te(L,o)}}ue(U.afterSanitizeAttributes,o,null)},fa=function h(o){let c=null;const m=Pr(o);for(ue(U.beforeSanitizeShadowDOM,o,null);c=m.nextNode();)ue(U.uponSanitizeShadowNode,c,null),Nr(c),Mr(c),c.content instanceof i&&h(c.content);ue(U.afterSanitizeShadowDOM,o,null)};return t.sanitize=function(h){let o=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{},c=null,m=null,N=null,W=null;if(jt=!h,jt&&(h="<!-->"),typeof h!="string"&&!Or(h))if(typeof h.toString=="function"){if(h=h.toString(),typeof h!="string")throw rt("dirty is not a string, aborting")}else throw rt("toString is not a function");if(!t.isSupported)return h;if(Vt||qt(o),t.removed=[],typeof h=="string"&&(Qe=!1),Qe){if(h.nodeName){const de=z(h.nodeName);if(!O[de]||te[de])throw rt("root node is forbidden and cannot be sanitized in-place")}}else if(h instanceof d)c=kr("<!---->"),m=c.ownerDocument.importNode(h,!0),m.nodeType===at.element&&m.nodeName==="BODY"||m.nodeName==="HTML"?c=m:c.appendChild(m);else{if(!Oe&&!j&&!Se&&h.indexOf("<")===-1)return b&&dt?b.createHTML(h):h;if(c=kr(h),!c)return Oe?null:dt?R:""}c&&Wt&&ie(c.firstChild);const L=Pr(Qe?h:c);for(;N=L.nextNode();)Nr(N),Mr(N),N.content instanceof i&&fa(N.content);if(Qe)return h;if(Oe){if(ut)for(W=pe.call(c.ownerDocument);c.firstChild;)W.appendChild(c.firstChild);else W=c;return(M.shadowroot||M.shadowrootmode)&&(W=zt.call(n,W,!0)),W}let X=Se?c.outerHTML:c.innerHTML;return Se&&O["!doctype"]&&c.ownerDocument&&c.ownerDocument.doctype&&c.ownerDocument.doctype.name&&Y(Yn,c.ownerDocument.doctype.name)&&(X="<!DOCTYPE "+c.ownerDocument.doctype.name+`>
-`+X),j&&vt([Ye,qe,Ke],de=>{X=tt(X,de," ")}),b&&dt?b.createHTML(X):X},t.setConfig=function(){let h=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{};qt(h),Vt=!0},t.clearConfig=function(){Me=null,Vt=!1},t.isValidAttribute=function(h,o,c){Me||qt({});const m=z(h),N=z(o);return $r(m,N,c)},t.addHook=function(h,o){typeof o=="function"&&et(U[h],o)},t.removeHook=function(h,o){if(o!==void 0){const c=Lo(U[h],o);return c===-1?void 0:Fo(U[h],c,1)[0]}return nn(U[h])},t.removeHooks=function(h){U[h]=[]},t.removeAllHooks=function(){U=un()},t}var ti=qn();const ri=e=>e==null,it=e=>!ri(e),ni=(e,t)=>t?t.required&&(e==null||e==="")?"Field is required":t.basicEmailValidation&&(e==null||e==="")?"Field should be email":null:null,dn=(e,t)=>t?Object.keys(t).map(a=>{const i=ni(e[a],t[a].validations);return i?{field:a,error:i}:null},{}).filter(it):[],Kn=e=>{const[t,r]=s.useState(0),[n,a]=s.useState([]),i=s.useCallback(async()=>{try{await No({feedbackFormId:e.formId,link:window.location.pathname,rawHtml:ti.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=dn(e.state,e.validationsPerStep[t]);a(u),u.length||(t<e.stepsCount-1?r(f=>f+1):i())},[e.state,e.validationsPerStep,t,i]),d=s.useCallback(()=>{t!==0&&(a([]),r(u=>u-1))},[t]);return s.useEffect(()=>{a(u=>{if(u.length){const f=dn(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}},ai=v.div({marginTop:"1rem",color:"var(--color-error)",height:"20px"}),Ie=({errors:e})=>{var t;return s.createElement(ai,{children:((t=(e||[])[0])==null?void 0:t.error)??null})},oi=v.input(({theme:e,colorVariant:t,selected:r})=>{const n=`calc(${e.sizeSelector} * 6);`,a=le(t);return{cursor:"pointer",appearance:"none",borderRadius:"var(--radius-selector)",verticalAlign:"middle",color:"var(--color-base-content)",width:n,border:`1px solid ${a}`,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:`${a}`,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"}:{}}}}),ii=v.label(e=>({display:"flex",fontWeight:e.selected?"500":"normal",transition:".2s ease-in-out",alignItems:"center",cursor:"pointer",gap:"calc(var(--spacing) * 2)"})),si=e=>{const t=s.useMemo(()=>`${e.id}-${e.label.replace(/\s/g,"-").toLowerCase()}`,[]),r=a=>{e.onSelect(e.value.includes(a)?e.value.filter(i=>i!==a):[...e.value,a])},n=e.value.includes(t);return s.createElement(ii,{selected:n,children:[s.createElement(oi,{id:t,type:"checkbox",selected:n,colorVariant:e.colorVariant,onChange:()=>r(t),name:e.name}),s.createElement(oe,{children:e.label,linear:!0})]})},li=v.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 React.createElement(StepsContainer, {
+    children: [
+      props.steps.map(
+        (step, index) => React.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 React.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 = React.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] = React.useState(formData.state);
+  const setStateByKey = React.useCallback(
+    (key, value) => {
+      if (key === null) return;
+      setState((prevState) => ({
+        ...prevState,
+        [key]: value
+      }));
+    },
+    [setState]
+  );
+  const getStateByKey = React.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] = React.useState(0);
+  const [errors, setErrors] = React.useState([]);
+  const saveData = React.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 = React.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 = React.useCallback(() => {
+    if (step !== 0) {
+      setErrors([]);
+      setStep((prevStep) => prevStep - 1);
+    }
+  }, [step]);
+  React.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 React.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 = React.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 React.createElement(CheckboxRow, {
+    selected: isSelected,
+    children: [
+      React.createElement(CheckboxCmp, {
+        id,
+        type: "checkbox",
+        selected: isSelected,
+        colorVariant: props.colorVariant,
+        onChange: () => onSelect(id),
+        name: props.name
+      }),
+      React.createElement(Typography, {
+        children: props.label,
+        linear: true
+      })
+    ]
+  });
+};
+const checkboxList = dt.div`
   display: flex;
   flex-direction: column;
   width: var(--all-fields-size);
@@ -87,14 +3031,213 @@
   @media (max-width: 900px) {
     width: 100%;
   }
-`,ci=v.div`
+`;
+const columnGroup$1 = dt.div`
   display: flex;
   gap: calc(var(--spacing) * 10);
   @media (max-width: 900px) {
     gap: var(--spacing);
     flex-direction: column;
   }
-`,Xn=e=>{const t=e.label.replace(/\s/g,"-").toLowerCase(),r=e.elementsPerCol||4,n=s.useMemo(()=>e.options.reduce((a,i,l)=>{var u;return(l%r===0||l===0)&&a.push([]),(u=a[a.length-1])==null||u.push(i),a},[]),[r,e.options]);return s.createElement("div",{children:[s.createElement(oe,{children:e.label,variant:"section"}),s.createElement(ci,{children:n.map((a,i)=>s.createElement(li,{key:i,children:a.map(l=>s.createElement(si,{onSelect:e.onChange,colorVariant:e.colorVariant,value:e.value,id:e.formClientId,name:t,label:l.label}))}))}),s.createElement(Ie,{errors:e.errors})]})},ui=v(Ge)(()=>({"&: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)":{}})),di=e=>s.createElement(ui,{onClick:e.onChange,$outlined:!e.selected,children:e.label}),mn=v("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}}),mi=v.div(e=>({verticalAlign:"middle",display:"inline-flex",position:"relative",marginBottom:e.withText?"calc(var(--spacing) * 6)":"0"})),Zn=e=>s.createElement("div",{children:[s.createElement(oe,{children:e.label,variant:"section"}),s.createElement(mi,{withText:e.maxText||e.minText,children:[e.maxText?s.createElement(mn,{min:!1,children:e.maxText}):null,e.minText?s.createElement(mn,{min:!0,children:e.minText}):null,Array(e.max).fill(1).map((t,r)=>s.createElement(di,{onChange:()=>e.onChange(r+1),selected:r+1===e.value,key:`${r}`,label:`${r+1}`}))]}),s.createElement(Ie,{errors:e.errors})]}),fi=v.input(({theme:e,selected:t,colorVariant:r})=>{const n=`calc(${e.sizeSelector} * 6);`,a=le(r);return{width:n,height:n,color:e.neutral,margin:"0",cursor:"pointer",appearance:"none",verticalAlign:"middle",borderRadius:"3.40282e38px",border:`1px solid ${a}`,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?a:"transparent",width:"100%",height:"100%",display:"block"}}}),hi=v.label(e=>({display:"flex",fontWeight:e.selected?"500":"normal",transition:".2s ease-in-out",alignItems:"center",cursor:"pointer",gap:"calc(var(--spacing) * 2)"})),pi=e=>{const t=s.useMemo(()=>`${e.id}-${e.label.replace(/\s/g,"-").toLowerCase()}`,[e.id]),r=a=>{e.onSelect(a)},n=e.value===t;return s.createElement(hi,{selected:n,htmlFor:t,children:[s.createElement(fi,{id:t,type:"radio",variant:e.colorVariant,selected:n,onChange:()=>r(t),name:e.name}),s.createElement(oe,{children:e.label,linear:!0})]})},gi=v.div`
+`;
+const CheckboxGroup = (props) => {
+  const name = props.label.replace(/\s/g, "-").toLowerCase();
+  const elementsPerCol = props.elementsPerCol || 4;
+  const columns = React.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 React.createElement("div", {
+    children: [
+      React.createElement(Typography, {
+        children: props.label,
+        variant: "section"
+      }),
+      React.createElement(columnGroup$1, {
+        children: columns.map(
+          (col, i) => React.createElement(checkboxList, {
+            key: i,
+            children: col.map(
+              (o) => React.createElement(Checkbox, {
+                onSelect: props.onChange,
+                colorVariant: props.colorVariant,
+                value: props.value,
+                id: props.formClientId,
+                name,
+                label: o.label
+              })
+            )
+          })
+        )
+      }),
+      React.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 React.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 React.createElement("div", {
+    children: [
+      React.createElement(Typography, {
+        children: props.label,
+        variant: "section"
+      }),
+      React.createElement(QuestionMatrixContainer, {
+        withText: props.maxText || props.minText,
+        children: [
+          props.maxText ? React.createElement(TextIndicator, {
+            min: false,
+            children: props.maxText
+          }) : null,
+          props.minText ? React.createElement(TextIndicator, {
+            min: true,
+            children: props.minText
+          }) : null,
+          Array(props.max).fill(1).map((_2, i) => {
+            return React.createElement(QuestionMatrixItem, {
+              onChange: () => props.onChange(i + 1),
+              selected: i + 1 === props.value,
+              key: `${i}`,
+              label: `${i + 1}`
+            });
+          })
+        ]
+      }),
+      React.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 = React.useMemo(
+    () => `${props.id}-${props.label.replace(/\s/g, "-").toLowerCase()}`,
+    [props.id]
+  );
+  const onSelect = (value) => {
+    props.onSelect(value);
+  };
+  const isSelected = props.value === id;
+  return React.createElement(RadioRow, {
+    selected: isSelected,
+    htmlFor: id,
+    children: [
+      React.createElement(RadioCmp, {
+        id,
+        type: "radio",
+        variant: props.colorVariant,
+        selected: isSelected,
+        onChange: () => onSelect(id),
+        name: props.name
+      }),
+      React.createElement(Typography, {
+        children: props.label,
+        linear: true
+      })
+    ]
+  });
+};
+const radioList = dt.div`
   display: flex;
   flex-direction: column;
   width: var(--all-fields-size);
@@ -102,47 +3245,928 @@
   @media (max-width: 900px) {
     width: 100%;
   }
-`,bi=v.div`
+`;
+const columnGroup = dt.div`
   display: flex;
   gap: calc(var(--spacing) * 10);
   @media (max-width: 900px) {
     gap: var(--spacing);
     flex-direction: column;
   }
-`,Qn=e=>{const t=e.elementsPerCol||4,r=s.useMemo(()=>e.options.reduce((n,a,i)=>{var d;return(i%t===0||i===0)&&n.push([]),(d=n[n.length-1])==null||d.push(a),n},[]),[t,e.options]);return s.createElement("div",{children:[s.createElement(oe,{children:e.label,variant:"section"}),s.createElement(bi,{children:r.map(n=>s.createElement(gi,{children:n.map(a=>s.createElement(pi,{colorVariant:e.colorVariant,onSelect:e.onChange,value:e.value,id:e.formClientId,name:`${a.id}-${e.formClientId}`,label:a.label}))}))}),s.createElement(Ie,{errors:e.errors})]})},yi=v.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"}}}),vi=v.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%)"}}}),Ei=v.div`
+`;
+const RadioGroup = (props) => {
+  const elementsPerCol = props.elementsPerCol || 4;
+  const columns = React.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 React.createElement("div", {
+    children: [
+      React.createElement(Typography, {
+        children: props.label,
+        variant: "section"
+      }),
+      React.createElement(columnGroup, {
+        children: columns.map(
+          (col) => React.createElement(radioList, {
+            children: col.map(
+              (o) => React.createElement(Radio, {
+                colorVariant: props.colorVariant,
+                onSelect: props.onChange,
+                value: props.value,
+                id: props.formClientId,
+                name: `${o.id}-${props.formClientId}`,
+                label: o.label
+              })
+            )
+          })
+        )
+      }),
+      React.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%);
-`,Si=v(yi)`
+`;
+const RangeTextInput = dt(TextInputStyled)`
   width: calc(var(--size-field) * 15);
-`,Ti=v.div`
+`;
+const RangeSlideContainer = dt.div`
   display: flex;
   align-items: center;
   gap: calc(var(--spacing) * 2);
-`,wi=e=>{var a;const t=e.min||0,r=e.max||100,n=i=>{const l=Number.parseInt(i.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(Ei,{children:[s.createElement(oe,{children:e.label,variant:"section"}),s.createElement(Ti,{children:[s.createElement(vi,{type:"range",min:t,max:r,useThemeColors:e.colorVariant,value:e.value,onChange:n}),s.createElement(Si,{type:"number",value:((a=e.value)==null?void 0:a.toString())??"",max:r,min:t,colorVariant:e.colorVariant,onChange:i=>e.onChange(+i.target.value)})]}),s.createElement(Ie,{errors:e.errors})]})},xi='<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>',Ci='<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>',Ai='<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>',_i={heart:encodeURIComponent(xi),star:encodeURIComponent(Ci),star2:encodeURIComponent(Ai)},fn={small:"1rem",medium:"1.5rem",large:"2rem"},Ii=v.input(e=>{const t=_i[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:fn[e.size??"medium"],height:fn[e.size??"medium"]}}),Ri=v.div(()=>({verticalAlign:"middle",position:"relative"})),Jn=({value:e,max:t,errors:r,label:n,onChange:a})=>s.createElement(Ri,{value:1,max:5,children:[s.createElement(oe,{variant:"section",children:n}),Array(t).fill(1).map((i,l)=>s.createElement(Ii,{selected:l<e,name:`rating-${l+1}`,key:`${l}`,onChange:()=>{a(l+1)},type:"radio"})),s.createElement(Ie,{errors:r})]}),ki=v.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);
+    }
+  };
+  React.useEffect(() => {
+    props.onChange(props.value || props.initialValue || 0);
+  }, []);
+  return React.createElement(RangeSliderContainer, {
+    children: [
+      React.createElement(Typography, {
+        children: props.label,
+        variant: "section"
+      }),
+      React.createElement(RangeSlideContainer, {
+        children: [
+          React.createElement(RangeInput, {
+            type: "range",
+            min,
+            max,
+            useThemeColors: props.colorVariant,
+            value: props.value,
+            onChange
+          }),
+          React.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)
+          })
+        ]
+      }),
+      React.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 React.createElement(RatingContainer, {
+    value: 1,
+    max: 5,
+    children: [
+      React.createElement(Typography, {
+        variant: "section",
+        children: label
+      }),
+      Array(max).fill(1).map(
+        (_2, i) => React.createElement(RatingItem, {
+          selected: i < value,
+          name: `rating-${i + 1}`,
+          key: `${i}`,
+          onChange: () => {
+            onChange(i + 1);
+          },
+          type: "radio"
+        })
+      ),
+      React.createElement(ErrorMessage, {
+        errors
+      })
+    ]
+  });
+};
+const TextareaContainer = dt.div`
   width: 100%;
-`,Pi=v.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"}}}),ea=e=>{const t=r=>e.onChange(r.target.value);return s.createElement(ki,{children:[s.createElement(oe,{variant:"section",children:e.label}),s.createElement(Pi,{value:e.value??"",useThemeColors:e.colorVariant,rows:e.rows??3,onChange:t}),s.createElement(Ie,{errors:e.errors})]})},Oi=v.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 React.createElement(TextareaContainer, {
+    children: [
+      React.createElement(Typography, {
+        variant: "section",
+        children: props.label
+      }),
+      React.createElement(TextareaStyled, {
+        value: props.value ?? "",
+        useThemeColors: props.colorVariant,
+        rows: props.rows ?? 3,
+        onChange
+      }),
+      React.createElement(ErrorMessage, {
+        errors: props.errors
+      })
+    ]
+  });
+};
+const Div$1 = dt.div`
   width: 100%;
-`,St=e=>e!=null,Ni=(e,t)=>(n=>{if(!n)return e.default;const a=n.find(i=>i.conditions.every(l=>{const d=t(l.fieldName);if(!St(d))return!1;const u=[];return St(l.eq)?l.eq===d?u.push(!0):u.push(!1):St(l.lessThan)?l.lessThan>d?u.push(!0):u.push(!1):St(l.moreThan)&&(l.moreThan<d?u.push(!0):u.push(!1)),u.every(Boolean)}));return(a==null?void 0:a.value)??e.default})(e.values),ta=e=>{const t=()=>{const r=i=>e.setStateByKey(e.dataField,i),n=Ni(e.fieldProps.label,e.getStateByKey),a={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 i=e.fieldProps;return s.createElement(Zn,{...i,...a,max:10})}case"radio-group":{const i=e.fieldProps;return s.createElement(Qn,{...i,...a})}case"checkbox-group":{const i=e.fieldProps;return s.createElement(Xn,{...i,...a})}case"range-slide":{const i=e.fieldProps;return s.createElement(wi,{...i,...a})}case"rating":{const i=e.fieldProps;return s.createElement(Jn,{...i,...a})}case"textarea":{const i=e.fieldProps;return s.createElement(ea,{...i,...a})}default:return null}};return s.createElement(Oi,{children:t()})},$i=v.div({position:"relative",fontSize:"var(--font-size)"}),Di=v.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 React.createElement(QuestionMatrix, {
+          ...fieldProps,
+          ...commonFields,
+          max: 10
+        });
+      }
+      case "radio-group": {
+        const fieldProps = props.fieldProps;
+        return React.createElement(RadioGroup, {
+          ...fieldProps,
+          ...commonFields
+        });
+      }
+      case "checkbox-group": {
+        const fieldProps = props.fieldProps;
+        return React.createElement(CheckboxGroup, {
+          ...fieldProps,
+          ...commonFields
+        });
+      }
+      case "range-slide": {
+        const fieldProps = props.fieldProps;
+        return React.createElement(RangeSlide, {
+          ...fieldProps,
+          ...commonFields
+        });
+      }
+      case "rating": {
+        const fieldProps = props.fieldProps;
+        return React.createElement(Rating, {
+          ...fieldProps,
+          ...commonFields
+        });
+      }
+      case "textarea": {
+        const fieldProps = props.fieldProps;
+        return React.createElement(Textarea, {
+          ...fieldProps,
+          ...commonFields
+        });
+      }
+      default:
+        return null;
+    }
+  };
+  return React.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);
-`,ra=e=>{const t=s.useMemo(()=>Math.random().toString(36).substring(2,10),[]),[r,n]=s.useState(null),a=d=>{n(u=>!u||u<d?d:u)},i=Wn({form:e.inlineForm.form,formId:e.formId,domainId:e.domainId}),l=Kn({domainId:e.domainId,formType:"inlineForm",stepsCount:i.steps.length,validationsPerStep:i.validationsPerStep,formId:e.formId,state:i.state});return s.createElement($i,{children:[e.inlineForm.config.formTitle&&s.createElement(oe,{variant:"title",children:e.inlineForm.config.formTitle}),i.steps.map((d,u)=>{var f;return s.createElement(Un,{key:u+`${(f=d.meta)==null?void 0:f.name}`,height:r,onSetMaxHeight:a,isVisible:u===l.step,children:d.fields.map(p=>s.createElement(ta,{type:p.type,fieldProps:p,dataField:p.dataField,formClientId:t,onContinue:l.onContinue,errors:l.errors.filter(T=>T.field===p.dataField),getStateByKey:i.getStateByKey,setStateByKey:i.setStateByKey}))})}),s.createElement(Di,{children:[s.createElement(Ge,{children:"Back",disabled:l.step===0,onClick:l.onBack}),s.createElement(Vn,{steps:i.steps,currentStepIndex:l.step}),s.createElement(Ge,{children:"Continue",onClick:l.onContinue})]})]})},Mi=v.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"}})),Li=v.div(()=>({})),Fi=v.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})),zi=e=>{const t=s.useRef(null),r=Math.random().toString(36).substring(2,16),n=s.useCallback(i=>{i.target===t.current&&e.onClose(),i.preventDefault(),i.stopPropagation()},[e]),a=s.useCallback(i=>{i.key==="Escape"&&e.onClose(),i.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",a),()=>{document.removeEventListener("keyup",a)}),[]),s.createElement(Fi,{$visible:e.isOpen,onClick:n,ref:t,id:r,children:s.createElement(Mi,{$visible:e.isOpen,children:[s.createElement(oe,{children:e.heading,variant:"title"}),e.children,s.createElement(Li,{children:e.footer})]})})},Bi=v.div`
+`;
+const InPlaceForm = (props) => {
+  const formClientRandomId = React.useMemo(
+    () => Math.random().toString(36).substring(2, 10),
+    []
+  );
+  const [maxHeight, setMaxHeight] = React.useState(null);
+  const onSetMaxHeight = React.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 React.createElement(Div, {
+    children: [
+      props.inlineForm.config.formTitle && React.createElement(Typography, {
+        variant: "title",
+        children: props.inlineForm.config.formTitle
+      }),
+      populatedForm.steps.map(
+        (step, index) => {
+          var _a;
+          return React.createElement(Step, {
+            key: index + `${(_a = step.meta) == null ? void 0 : _a.name}`,
+            height: maxHeight,
+            onSetMaxHeight,
+            isVisible: index === stepper.step,
+            children: step.fields.map(
+              (field) => React.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
+              })
+            )
+          });
+        }
+      ),
+      React.createElement(Footer$1, {
+        children: [
+          React.createElement(Button, {
+            children: "Back",
+            disabled: stepper.step === 0,
+            onClick: stepper.onBack
+          }),
+          React.createElement(StepsProgress, {
+            steps: populatedForm.steps,
+            currentStepIndex: stepper.step
+          }),
+          React.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 = React.useRef(null);
+  const randomId = Math.random().toString(36).substring(2, 16);
+  const onClick = React.useCallback(
+    (e) => {
+      if (e.target === modalRef.current) {
+        props.onClose();
+      }
+      e.preventDefault();
+      e.stopPropagation();
+    },
+    [props]
+  );
+  const onEscClick = React.useCallback((e) => {
+    if (e.key === "Escape") {
+      props.onClose();
+    }
+    e.preventDefault();
+  }, []);
+  React.useEffect(() => {
+    if (modalRef.current && props.isOpen) {
+      modalRef.current.show();
+    } else if (modalRef.current && !props.isOpen) {
+      modalRef.current.close();
+    }
+  }, [modalRef, props.isOpen]);
+  React.useEffect(() => {
+    document.addEventListener("keyup", onEscClick);
+    return () => {
+      document.removeEventListener("keyup", onEscClick);
+    };
+  }, []);
+  return React.createElement(ModalStyled, {
+    $visible: props.isOpen,
+    onClick,
+    ref: modalRef,
+    id: randomId,
+    children: React.createElement(ModalBox, {
+      $visible: props.isOpen,
+      children: [
+        React.createElement(Typography, {
+          children: props.heading,
+          variant: "title"
+        }),
+        props.children,
+        React.createElement(ModalFooter, {
+          children: props.footer
+        })
+      ]
+    })
+  });
+};
+const Footer = dt.div`
   display: flex;
   align-items: center;
   justify-content: space-between;
   margin-top: calc(var(--spacing) * 10);
-`,Ui=v(Ge)`
+`;
+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=>it(e.$left)?`${e.$left}px`:null};
-  right: ${e=>it(e.$right)?`${e.$right}px`:null};
-  top: ${e=>it(e.$top)?`${e.$top}px`:null};
-  bottom: ${e=>it(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));
   }
-`,na=e=>{const[t,r]=s.useState(!1),[n,a]=s.useState(null),i=s.useMemo(()=>Math.random().toString(36).substring(2,10),[]),l=f=>{a(p=>!p||p<f?f:p)},d=Wn({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(Ui,{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(zi,{onClose:()=>r(!1),heading:e.popupForm.config.formTitle,isOpen:t,footer:s.createElement(Bi,{children:[s.createElement(Ge,{children:"Back",disabled:u.step===0,onClick:u.onBack}),s.createElement(Vn,{steps:d.steps,currentStepIndex:u.step}),s.createElement(Ge,{children:"Continue",onClick:u.onContinue})]}),children:d.steps.map((f,p)=>{var T;return s.createElement(Un,{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(ta,{type:w.type,fieldProps:w,formClientId:i,dataField:w.dataField,onContinue:u.onContinue,errors:u.errors.filter(E=>E.field===w.dataField),getStateByKey:d.getStateByKey,setStateByKey:d.setStateByKey}))})})})]})},aa=e=>{e.locale;let{data:t,loading:r,error:n}=Co(()=>xo({formId:e.formId}));const a=s.useMemo(()=>t!=null&&t.inlineForm?s.createElement(ra,{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]),i=s.useMemo(()=>t!=null&&t.popupForm?s.createElement(na,{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(he,{theme:t.attributes.theme,selectedVariant:t.attributes.variant,children:[a,i]})},hn=v.option(()=>({borderRadius:"var(--radius-field)",whiteSpace:"normal",paddingBlock:".375rem",paddingInline:".75rem",transitionProperty:"color,background-color",transitionDuration:".2s",transitionTimingFunction:"cubic-bezier(0,0,.2,1)"})),Vi=v.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"})),Wi=e=>{const t=r=>e.onChange(r.target.value);return s.createElement("div",{children:[s.createElement(oe,{children:e.label,variant:"section"}),s.createElement(Vi,{colorVariant:e.colorVariant,value:e.value??null,defaultChecked:!1,defaultValue:null,onChange:t,children:[s.createElement(hn,{value:"",selected:!e.value,children:"Select an option",key:""}),e.options.map(r=>s.createElement(hn,{value:r.id,selected:r.id===e.value,children:r.label,key:r.id}))]}),s.createElement(Ie,{errors:e.errors})]})},Hi=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=ga.createRoot(e.container||document);typeof window<"u"&&t.render(s.createElement(aa,{formId:e.formId}))},oa=e=>e?e.formId?typeof window>"u"?null:s.createElement(aa,{formId:e.formId}):(console.error("formId must be provided. Feedback module deactivated"),null):(console.error("options must be provided. Feedback module deactivated"),null),Gi=e=>oa(e),ji=e=>s.createElement(he,{theme:e.formTheme,selectedVariant:e.variant,children:[s.createElement(ra,e)]}),Yi=e=>s.createElement(he,{theme:e.formTheme,selectedVariant:e.variant,children:[s.createElement(na,e)]}),qi={Checkbox:e=>s.createElement(he,{theme:e.formTheme,selectedVariant:e.formVariant,children:[s.createElement(Xn,e.cmpProps)]}),QuestionMatrix:e=>s.createElement(he,{theme:e.formTheme,selectedVariant:e.formVariant,children:[s.createElement(Zn,e.cmpProps)]}),Radio:e=>s.createElement(he,{theme:e.formTheme,selectedVariant:e.formVariant,children:[s.createElement(Qn,e.cmpProps)]}),Rating:e=>s.createElement(he,{theme:e.formTheme,selectedVariant:e.formVariant,children:[s.createElement(Jn,e.cmpProps)]}),Select:e=>s.createElement(he,{theme:e.formTheme,selectedVariant:e.formVariant,children:[s.createElement(Wi,e.cmpProps)]}),Textarea:e=>s.createElement(he,{theme:e.formTheme,selectedVariant:e.formVariant,children:[s.createElement(ea,e.cmpProps)]})};exports.FeedbackModule=Gi;exports.PreviewInPlaceForm=ji;exports.PreviewPopupForm=Yi;exports.SurveyFormComponents=qi;exports.initiateFeedbackModule=Hi;exports.renderFeedbackModule=oa;
+`;
+const PopupForm = (props) => {
+  const [isVisible, setIsVisible] = React.useState(false);
+  const [maxHeight, setMaxHeight] = React.useState(null);
+  const formClientRandomId = React.useMemo(
+    () => Math.random().toString(36).substring(2, 10),
+    []
+  );
+  const onSetMaxHeight = React.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 React.createElement(React.Fragment, {
+    children: [
+      React.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
+      }),
+      React.createElement(Modal, {
+        onClose: () => setIsVisible(false),
+        heading: props.popupForm.config.formTitle,
+        isOpen: isVisible,
+        footer: React.createElement(Footer, {
+          children: [
+            React.createElement(Button, {
+              children: "Back",
+              disabled: stepper.step === 0,
+              onClick: stepper.onBack
+            }),
+            React.createElement(StepsProgress, {
+              steps: populatedForm.steps,
+              currentStepIndex: stepper.step
+            }),
+            React.createElement(Button, {
+              children: "Continue",
+              onClick: stepper.onContinue
+            })
+          ]
+        }),
+        children: populatedForm.steps.map(
+          (step, index) => {
+            var _a;
+            return React.createElement(Step, {
+              key: index + `${(_a = step.meta) == null ? void 0 : _a.name}`,
+              height: maxHeight,
+              onSetMaxHeight,
+              isVisible: index === stepper.step,
+              children: step.fields.map(
+                (field) => React.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 = React.useMemo(() => {
+    if (!(data == null ? void 0 : data.inlineForm)) return null;
+    return React.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 = React.useMemo(() => {
+    if (!(data == null ? void 0 : data.popupForm)) return null;
+    return React.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 React.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 React.createElement("div", {
+    children: [
+      React.createElement(Typography, {
+        children: props.label,
+        variant: "section"
+      }),
+      React.createElement(SelectStyled, {
+        colorVariant: props.colorVariant,
+        value: props.value ?? null,
+        defaultChecked: false,
+        defaultValue: null,
+        onChange,
+        children: [
+          React.createElement(StyledOption, {
+            value: "",
+            selected: !props.value,
+            children: "Select an option",
+            key: ""
+          }),
+          props.options.map(
+            (o) => React.createElement(StyledOption, {
+              value: o.id,
+              selected: o.id === props.value,
+              children: o.label,
+              key: o.id
+            })
+          )
+        ]
+      }),
+      React.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(
+      React.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 React.createElement(App, {
+    formId: options.formId
+  });
+};
+const FeedbackModule = (options) => {
+  return renderFeedbackModule(options);
+};
+const PreviewInPlaceForm = (props) => {
+  return React.createElement(ThemeProvider, {
+    theme: props.formTheme,
+    selectedVariant: props.variant,
+    children: [React.createElement(InPlaceForm, props)]
+  });
+};
+const PreviewPopupForm = (props) => {
+  return React.createElement(ThemeProvider, {
+    theme: props.formTheme,
+    selectedVariant: props.variant,
+    children: [React.createElement(PopupForm, props)]
+  });
+};
+const SurveyFormComponents = {
+  Checkbox: (props) => React.createElement(ThemeProvider, {
+    theme: props.formTheme,
+    selectedVariant: props.formVariant,
+    children: [React.createElement(CheckboxGroup, props.cmpProps)]
+  }),
+  QuestionMatrix: (props) => React.createElement(ThemeProvider, {
+    theme: props.formTheme,
+    selectedVariant: props.formVariant,
+    children: [React.createElement(QuestionMatrix, props.cmpProps)]
+  }),
+  Radio: (props) => React.createElement(ThemeProvider, {
+    theme: props.formTheme,
+    selectedVariant: props.formVariant,
+    children: [React.createElement(RadioGroup, props.cmpProps)]
+  }),
+  Rating: (props) => React.createElement(ThemeProvider, {
+    theme: props.formTheme,
+    selectedVariant: props.formVariant,
+    children: [React.createElement(Rating, props.cmpProps)]
+  }),
+  Select: (props) => React.createElement(ThemeProvider, {
+    theme: props.formTheme,
+    selectedVariant: props.formVariant,
+    children: [React.createElement(Select, props.cmpProps)]
+  }),
+  Textarea: (props) => React.createElement(ThemeProvider, {
+    theme: props.formTheme,
+    selectedVariant: props.formVariant,
+    children: [React.createElement(Textarea, props.cmpProps)]
+  }),
+  RangeSlide: (props) => React.createElement(ThemeProvider, {
+    theme: props.formTheme,
+    selectedVariant: props.formVariant,
+    children: [React.createElement(RangeSlide, props.cmpProps)]
+  })
+};
+exports.FeedbackModule = FeedbackModule;
+exports.PreviewInPlaceForm = PreviewInPlaceForm;
+exports.PreviewPopupForm = PreviewPopupForm;
+exports.SurveyFormComponents = SurveyFormComponents;
+exports.initiateFeedbackModule = initiateFeedbackModule;
+exports.renderFeedbackModule = renderFeedbackModule;