@lifesg/react-design-system 1.0.0-alpha.1

package/dist/form/index.js

@@ -0,0 +1,1452 @@
+import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import*as n from"react";import o,{useState as i,useRef as a,useEffect as s,forwardRef as l,useCallback as c,useContext as d,useMemo as u,cloneElement as h,isValidElement as p,createRef as f,PureComponent as m,useLayoutEffect as g}from"react";import y,{css as b,keyframes as v}from"styled-components";import w,{unstable_batchedUpdates as x,findDOMNode as $}from"react-dom";var _;!function(e){e.transformWithSpaces=(e,t)=>{const r="(.{"+t+"})";return e.replace(/[^\dA-Z]/gi,"").replace(new RegExp(r,"g"),"$1 ").trim()},e.padValue=(e,t)=>{if("0"===e)return t?e:e.padStart(2,"0");if(""===e)return e;return parseInt(e).toString().padStart(2,"0")},e.shouldTruncateToTwoLines=(e,t)=>{const r=Math.floor(t/9);return e.length>=2*r||1===e.split(" ").length&&e.length>r},e.truncateOneLine=(e,t,r,n)=>{let o=0;t>r&&(o=Math.floor((t-r)/8));const i=n+o;if(i<e.length){const t=Math.floor(i/2);return e.substring(0,t)+" ... "+e.substring(e.length-t,e.length)}return e}}(_||(_={}));var S="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},k=Array.isArray,O="object"==typeof S&&S&&S.Object===Object&&S,j=O,E="object"==typeof self&&self&&self.Object===Object&&self,C=j||E||Function("return this")(),F=C.Symbol,P=F,I=Object.prototype,T=I.hasOwnProperty,N=I.toString,M=P?P.toStringTag:void 0;var z=function(e){var t=T.call(e,M),r=e[M];try{e[M]=void 0;var n=!0}catch(e){}var o=N.call(e);return n&&(t?e[M]=r:delete e[M]),o},A=Object.prototype.toString;var B=z,D=function(e){return A.call(e)},R=F?F.toStringTag:void 0;var H=function(e){return null==e?void 0===e?"[object Undefined]":"[object Null]":R&&R in Object(e)?B(e):D(e)};var L=function(e){return null!=e&&"object"==typeof e},V=H,W=L;var U=function(e){return"symbol"==typeof e||W(e)&&"[object Symbol]"==V(e)},q=k,Q=U,X=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,G=/^\w*$/;var Y=function(e,t){if(q(e))return!1;var r=typeof e;return!("number"!=r&&"symbol"!=r&&"boolean"!=r&&null!=e&&!Q(e))||(G.test(e)||!X.test(e)||null!=t&&e in Object(t))};var Z=function(e){var t=typeof e;return null!=e&&("object"==t||"function"==t)},J=H,K=Z;var ee,te=function(e){if(!K(e))return!1;var t=J(e);return"[object Function]"==t||"[object GeneratorFunction]"==t||"[object AsyncFunction]"==t||"[object Proxy]"==t},re=C["__core-js_shared__"],ne=(ee=/[^.]+$/.exec(re&&re.keys&&re.keys.IE_PROTO||""))?"Symbol(src)_1."+ee:"";var oe=function(e){return!!ne&&ne in e},ie=Function.prototype.toString;var ae=function(e){if(null!=e){try{return ie.call(e)}catch(e){}try{return e+""}catch(e){}}return""},se=te,le=oe,ce=Z,de=ae,ue=/^\[object .+?Constructor\]$/,he=Function.prototype,pe=Object.prototype,fe=he.toString,me=pe.hasOwnProperty,ge=RegExp("^"+fe.call(me).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");var ye=function(e){return!(!ce(e)||le(e))&&(se(e)?ge:ue).test(de(e))},be=function(e,t){return null==e?void 0:e[t]};var ve=function(e,t){var r=be(e,t);return ye(r)?r:void 0},we=ve(Object,"create"),xe=we;var $e=function(){this.__data__=xe?xe(null):{},this.size=0};var _e=function(e){var t=this.has(e)&&delete this.__data__[e];return this.size-=t?1:0,t},Se=we,ke=Object.prototype.hasOwnProperty;var Oe=function(e){var t=this.__data__;if(Se){var r=t[e];return"__lodash_hash_undefined__"===r?void 0:r}return ke.call(t,e)?t[e]:void 0},je=we,Ee=Object.prototype.hasOwnProperty;var Ce=we;var Fe=$e,Pe=_e,Ie=Oe,Te=function(e){var t=this.__data__;return je?void 0!==t[e]:Ee.call(t,e)},Ne=function(e,t){var r=this.__data__;return this.size+=this.has(e)?0:1,r[e]=Ce&&void 0===t?"__lodash_hash_undefined__":t,this};function Me(e){var t=-1,r=null==e?0:e.length;for(this.clear();++t<r;){var n=e[t];this.set(n[0],n[1])}}Me.prototype.clear=Fe,Me.prototype.delete=Pe,Me.prototype.get=Ie,Me.prototype.has=Te,Me.prototype.set=Ne;var ze=Me;var Ae=function(){this.__data__=[],this.size=0};var Be=function(e,t){return e===t||e!=e&&t!=t},De=Be;var Re=function(e,t){for(var r=e.length;r--;)if(De(e[r][0],t))return r;return-1},He=Re,Le=Array.prototype.splice;var Ve=Re;var We=Re;var Ue=Re;var qe=Ae,Qe=function(e){var t=this.__data__,r=He(t,e);return!(r<0)&&(r==t.length-1?t.pop():Le.call(t,r,1),--this.size,!0)},Xe=function(e){var t=this.__data__,r=Ve(t,e);return r<0?void 0:t[r][1]},Ge=function(e){return We(this.__data__,e)>-1},Ye=function(e,t){var r=this.__data__,n=Ue(r,e);return n<0?(++this.size,r.push([e,t])):r[n][1]=t,this};function Ze(e){var t=-1,r=null==e?0:e.length;for(this.clear();++t<r;){var n=e[t];this.set(n[0],n[1])}}Ze.prototype.clear=qe,Ze.prototype.delete=Qe,Ze.prototype.get=Xe,Ze.prototype.has=Ge,Ze.prototype.set=Ye;var Je=Ze,Ke=ve(C,"Map"),et=ze,tt=Je,rt=Ke;var nt=function(e){var t=typeof e;return"string"==t||"number"==t||"symbol"==t||"boolean"==t?"__proto__"!==e:null===e};var ot=function(e,t){var r=e.__data__;return nt(t)?r["string"==typeof t?"string":"hash"]:r.map},it=ot;var at=ot;var st=ot;var lt=ot;var ct=function(){this.size=0,this.__data__={hash:new et,map:new(rt||tt),string:new et}},dt=function(e){var t=it(this,e).delete(e);return this.size-=t?1:0,t},ut=function(e){return at(this,e).get(e)},ht=function(e){return st(this,e).has(e)},pt=function(e,t){var r=lt(this,e),n=r.size;return r.set(e,t),this.size+=r.size==n?0:1,this};function ft(e){var t=-1,r=null==e?0:e.length;for(this.clear();++t<r;){var n=e[t];this.set(n[0],n[1])}}ft.prototype.clear=ct,ft.prototype.delete=dt,ft.prototype.get=ut,ft.prototype.has=ht,ft.prototype.set=pt;var mt=ft,gt=mt;function yt(e,t){if("function"!=typeof e||null!=t&&"function"!=typeof t)throw new TypeError("Expected a function");var r=function(){var n=arguments,o=t?t.apply(this,n):n[0],i=r.cache;if(i.has(o))return i.get(o);var a=e.apply(this,n);return r.cache=i.set(o,a)||i,a};return r.cache=new(yt.Cache||gt),r}yt.Cache=gt;var bt=yt;var vt=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,wt=/\\(\\)?/g,xt=function(e){var t=bt(e,(function(e){return 500===r.size&&r.clear(),e})),r=t.cache;return t}((function(e){var t=[];return 46===e.charCodeAt(0)&&t.push(""),e.replace(vt,(function(e,r,n,o){t.push(n?o.replace(wt,"$1"):r||e)})),t}));var $t=function(e,t){for(var r=-1,n=null==e?0:e.length,o=Array(n);++r<n;)o[r]=t(e[r],r,e);return o},_t=k,St=U,kt=F?F.prototype:void 0,Ot=kt?kt.toString:void 0;var jt=function e(t){if("string"==typeof t)return t;if(_t(t))return $t(t,e)+"";if(St(t))return Ot?Ot.call(t):"";var r=t+"";return"0"==r&&1/t==-Infinity?"-0":r},Et=jt;var Ct=k,Ft=Y,Pt=xt,It=function(e){return null==e?"":Et(e)};var Tt=function(e,t){return Ct(e)?e:Ft(e,t)?[e]:Pt(It(e))},Nt=U;var Mt=function(e){if("string"==typeof e||Nt(e))return e;var t=e+"";return"0"==t&&1/e==-Infinity?"-0":t},zt=Tt,At=Mt;var Bt=function(e,t){for(var r=0,n=(t=zt(t,e)).length;null!=e&&r<n;)e=e[At(t[r++])];return r&&r==n?e:void 0},Dt=Bt;var Rt=function(e,t,r){var n=null==e?void 0:Dt(e,t);return void 0===n?r:n};const Ht=(e,t,r)=>t?Rt(r,t)||Rt(e,t):r||e,Lt=(e,t)=>{const r=t||e.defaultValue;return Rt(e.collections,r)};var Vt;!function(e){e.colorScheme="colorScheme",e.layout="layout",e.textStyleScheme="textStyleScheme"}(Vt||(Vt={}));const Wt={collections:{base:{Brand:{1:"#EF413D",2:"#F26664",3:"#F58E8B",4:"#F9B5B2",5:"#FDDDD7",6:"#FFEEEA"},Primary:"#1C76D5",PrimaryDark:"#1869BF",Secondary:"#0056b3",Accent:{Dark:{1:"#465A88",2:"#556D99",3:"#8D8DBF"},Light:{1:"#57A9FF",2:"#81BFFF",3:"#BED7FF",4:"#E2ECFD",5:"#F6F8FF",6:"#FBFCFE"}},Neutral:{1:"#282828",2:"#424242",3:"#686868",4:"#A4A4A4",5:"#E0E4E5",6:"#ECEFEF",7:"#F8F8F8",8:"#FFFFFF"},Validation:{Green:{Text:"#097123",Icon:"#4FC029",Border:"#95D97F",Background:"#F9FDF8"},Orange:{Text:"#B34E00",Icon:"#FEAB10",Border:"#F9CB77",Background:"#FFFCF7",Badge:"#F57F17"},Red:{Text:"#C60000",Icon:"#C60000",Border:"#DD6666",Background:"#FDF7F7"}}},bookingsg:{Brand:{1:"#EF413D",2:"#F26664",3:"#F58E8B",4:"#F9B5B2",5:"#FDDDD7",6:"#FFEEEA"},Primary:"#6F4AB8",PrimaryDark:"#6443A6",Secondary:"#6443A6",Accent:{Dark:{1:"#355985",2:"#68819D",3:"#9AABBE"},Light:{1:"#9F82D9",2:"#B5A5D7",3:"#CEC3E4 ",4:"#E2DBEF",5:"#F2EFF8",6:"#F7F6FB"}},Neutral:{1:"#282828",2:"#424242",3:"#686868",4:"#A4A4A4",5:"#E0E4E5",6:"#ECEFEF",7:"#F8F8F8",8:"#FFFFFF"},Validation:{Green:{Text:"#097123",Icon:"#4FC029",Border:"#95D97F",Background:"#F9FDF8"},Orange:{Text:"#B34E00",Icon:"#FEAB10",Border:"#F9CB77",Background:"#FFFCF7",Badge:"#F57F17"},Red:{Text:"#C60000",Icon:"#C60000",Border:"#DD6666",Background:"#FDF7F7"}}}},defaultValue:"base"},Ut=e=>t=>{const r=t.theme,n=Lt(Wt,r[Vt.colorScheme]);return r.options&&r.options.color?Ht(n,e,r.options.color):Ht(n,e)},qt={Brand:{1:Ut("Brand.1"),2:Ut("Brand.2"),3:Ut("Brand.3"),4:Ut("Brand.4"),5:Ut("Brand.5"),6:Ut("Brand.6")},Primary:Ut("Primary"),PrimaryDark:Ut("PrimaryDark"),Secondary:Ut("Secondary"),Accent:{Light:{1:Ut("Accent.Light.1"),2:Ut("Accent.Light.2"),3:Ut("Accent.Light.3"),4:Ut("Accent.Light.4"),5:Ut("Accent.Light.5"),6:Ut("Accent.Light.6")},Dark:{1:Ut("Accent.Dark.1"),2:Ut("Accent.Dark.2"),3:Ut("Accent.Dark.3")}},Neutral:{1:Ut("Neutral.1"),2:Ut("Neutral.2"),3:Ut("Neutral.3"),4:Ut("Neutral.4"),5:Ut("Neutral.5"),6:Ut("Neutral.6"),7:Ut("Neutral.7"),8:Ut("Neutral.8")},Validation:{Green:{Text:Ut("Validation.Green.Text"),Icon:Ut("Validation.Green.Icon"),Border:Ut("Validation.Green.Border"),Background:Ut("Validation.Green.Background")},Orange:{Text:Ut("Validation.Orange.Text"),Icon:Ut("Validation.Orange.Icon"),Border:Ut("Validation.Orange.Border"),Background:Ut("Validation.Orange.Background"),Badge:Ut("Validation.Orange.Badge")},Red:{Text:Ut("Validation.Red.Text"),Icon:Ut("Validation.Red.Icon"),Border:Ut("Validation.Red.Border"),Background:Ut("Validation.Red.Background")}}},Qt={Regular:"Open Sans",Semibold:"Open Sans Semibold",Bold:"Open Sans Bold",Light:"Open Sans Light"},Xt={collections:{base:{D1:{fontFamily:Qt.Bold,fontSize:3,fontWeight:700,lineHeight:4,letterSpacing:-.056},D2:{fontFamily:Qt.Bold,fontSize:2.5,fontWeight:700,lineHeight:3.5,letterSpacing:-.032},D3:{fontFamily:Qt.Bold,fontSize:1.625,fontWeight:700,lineHeight:2.25},D4:{fontFamily:Qt.Bold,fontSize:1.375,fontWeight:700,lineHeight:1.75},DBody:{fontFamily:Qt.Regular,fontSize:1.375,lineHeight:1.75},H1:{fontFamily:Qt.Bold,fontSize:2,fontWeight:700,lineHeight:2.5},H2:{fontFamily:Qt.Bold,fontSize:1.625,fontWeight:700,lineHeight:2.25},H3:{fontFamily:Qt.Bold,fontSize:1.375,fontWeight:700,lineHeight:1.75},H4:{fontFamily:Qt.Bold,fontSize:1.125,fontWeight:700,lineHeight:1.625},H5:{fontFamily:Qt.Bold,fontSize:1,fontWeight:700,lineHeight:1.5,letterSpacing:.014},H6:{fontFamily:Qt.Bold,fontSize:.875,fontWeight:700,lineHeight:1.6,letterSpacing:.012},Body:{fontFamily:Qt.Regular,fontSize:1.125,lineHeight:1.625},BodySmall:{fontFamily:Qt.Regular,fontSize:1,lineHeight:1.5,letterSpacing:.014},XSmall:{fontFamily:Qt.Regular,fontSize:.75,lineHeight:1.2,letterSpacing:.012}}},defaultValue:"base"},Gt=e=>t=>{const r=t.theme,n=Lt(Xt,r[Vt.textStyleScheme]);return r.options&&r.options.textStyle?Ht(n,e,r.options.textStyle):Ht(n,e)},Yt={D1:{fontFamily:Gt("D1.fontFamily"),fontSize:Gt("D1.fontSize"),fontWeight:Gt("D1.fontWeight"),lineHeight:Gt("D1.lineHeight"),letterSpacing:Gt("D1.letterSpacing")},D2:{fontFamily:Gt("D2.fontFamily"),fontSize:Gt("D2.fontSize"),fontWeight:Gt("D2.fontWeight"),lineHeight:Gt("D2.lineHeight"),letterSpacing:Gt("D2.letterSpacing")},D3:{fontFamily:Gt("D3.fontFamily"),fontSize:Gt("D3.fontSize"),fontWeight:Gt("D3.fontWeight"),lineHeight:Gt("D3.lineHeight"),letterSpacing:Gt("D3.letterSpacing")},D4:{fontFamily:Gt("D4.fontFamily"),fontSize:Gt("D4.fontSize"),fontWeight:Gt("D4.fontWeight"),lineHeight:Gt("D4.lineHeight"),letterSpacing:Gt("D4.letterSpacing")},DBody:{fontFamily:Gt("DBody.fontFamily"),fontSize:Gt("DBody.fontSize"),fontWeight:Gt("DBody.fontWeight"),lineHeight:Gt("DBody.lineHeight"),letterSpacing:Gt("DBody.letterSpacing")},H1:{fontFamily:Gt("H1.fontFamily"),fontSize:Gt("H1.fontSize"),fontWeight:Gt("H1.fontWeight"),lineHeight:Gt("H1.lineHeight"),letterSpacing:Gt("H1.letterSpacing")},H2:{fontFamily:Gt("H2.fontFamily"),fontSize:Gt("H2.fontSize"),fontWeight:Gt("H2.fontWeight"),lineHeight:Gt("H2.lineHeight"),letterSpacing:Gt("H2.letterSpacing")},H3:{fontFamily:Gt("H3.fontFamily"),fontSize:Gt("H3.fontSize"),fontWeight:Gt("H3.fontWeight"),lineHeight:Gt("H3.lineHeight"),letterSpacing:Gt("H3.letterSpacing")},H4:{fontFamily:Gt("H4.fontFamily"),fontSize:Gt("H4.fontSize"),fontWeight:Gt("H4.fontWeight"),lineHeight:Gt("H4.lineHeight"),letterSpacing:Gt("H4.letterSpacing")},H5:{fontFamily:Gt("H5.fontFamily"),fontSize:Gt("H5.fontSize"),fontWeight:Gt("H5.fontWeight"),lineHeight:Gt("H5.lineHeight"),letterSpacing:Gt("H5.letterSpacing")},H6:{fontFamily:Gt("H6.fontFamily"),fontSize:Gt("H6.fontSize"),fontWeight:Gt("H6.fontWeight"),lineHeight:Gt("H6.lineHeight"),letterSpacing:Gt("H6.letterSpacing")},Body:{fontFamily:Gt("Body.fontFamily"),fontSize:Gt("Body.fontSize"),fontWeight:Gt("Body.fontWeight"),lineHeight:Gt("Body.lineHeight"),letterSpacing:Gt("Body.letterSpacing")},BodySmall:{fontFamily:Gt("BodySmall.fontFamily"),fontSize:Gt("BodySmall.fontSize"),fontWeight:Gt("BodySmall.fontWeight"),lineHeight:Gt("BodySmall.lineHeight"),letterSpacing:Gt("BodySmall.letterSpacing")},XSmall:{fontFamily:Gt("XSmall.fontFamily"),fontSize:Gt("XSmall.fontSize"),fontWeight:Gt("XSmall.fontWeight"),lineHeight:Gt("XSmall.lineHeight"),letterSpacing:Gt("XSmall.letterSpacing")}},Zt=e=>{switch(e){case 700:case"bold":return Qt.Bold;case 600:case"semibold":return Qt.Semibold;case 300:case"light":return Qt.Light;case 400:case"regular":return Qt.Regular;default:return""}},Jt=(e,t)=>r=>{const n=Yt[e].fontFamily(r),o=Yt[e].fontWeight(r);return Object.values(Qt).includes(n)?b`
+                font-family: ${Zt(t)||Zt(o)||n};
+                font-weight: normal !important;
+            `:b`
+            font-family: ${n};
+            font-weight: ${(Kt(t)||o)??"normal"};
+        `},Kt=e=>{switch(e){case 300:case"light":return 300;case 400:case"regular":return 400;case 600:case"semibold":return 600;case 700:case"bold":return 700;case 900:case"black":return 900;default:return""}},er=(e,t,r=!1)=>n=>{const o=Yt[e],i=o.fontSize(n);return b`
+            ${Jt(e,t)}
+            font-size: ${i}rem !important;
+            line-height: ${o.lineHeight}rem !important;
+            letter-spacing: ${o.letterSpacing(n)||0}rem !important;
+            ${b`
+                margin-bottom: ${i*(r?1.05:0)}rem;
+            `}
+        `},tr=(e=!1,t=!1)=>t?b`
+            display: block;
+        `:e?b`
+            display: inline;
+        `:b`
+            display: block;
+        `,rr=y.svg`
+    height: 1rem;
+    width: 1rem;
+    vertical-align: text-top;
+
+    #path {
+        fill: ${qt.Neutral[8]};
+    }
+`,nr=t=>e(rr,{xmlns:"http://www.w3.org/2000/svg",width:"1rem",height:"1rem",viewBox:"0 0 16 16",...t,children:e("g",{fill:"none",fillRule:"evenodd",children:e("g",{id:"path",fillRule:"nonzero",children:e("g",{children:e("g",{children:e("g",{children:e("path",{d:"M8.706 14.603l6.075-6.075c.294-.29.294-.765 0-1.06L8.706 1.398c-.29-.294-.765-.294-1.06 0l-.693.694c-.3.297-.294.78.013 1.072L10.73 6.75H1.75c-.416 0-.75.334-.75.75v1c0 .416.334.75.75.75h8.981l-3.765 3.587c-.304.291-.31.775-.013 1.072l.694.694c.29.294.765.294 1.06 0z",transform:"translate(-2384.000000, -760.000000) translate(2253.000000, 692.000000) translate(16.000000, 64.000000) translate(115.000000, 4.000000) translate(0.000000, 0.000000)"})})})})})})}),or=t=>e(rr,{width:"1rem",height:"1rem",viewBox:"0 0 40 40",xmlns:"http://www.w3.org/2000/svg",...t,children:e("path",{id:"path",d:"M20\n\t\t8.639c-.934\n\t\t0-1.742.342-2.43 1.03-.684.684-1.03 1.495-1.03 2.429 0 .931.346 1.742 1.03 2.426.688.688 1.496 1.03 2.43 1.03.931 0 1.742-.342 2.43-1.03.684-.684 1.026-1.495 1.026-2.426 0-.934-.342-1.745-1.026-2.43-.688-.687-1.499-1.03-2.43-1.03m4.61 20.91v-1.976a.959.959 0 0 0-.287-.7.959.959 0 0 0-.7-.286h-.99v-8.232a.954.954 0 0 0-.287-.7.945.945 0 0 0-.7-.29h-5.269a.95.95 0 0 0-.7.29.954.954 0 0 0-.286.7v1.976c0 .271.095.506.286.7a.959.959 0 0 0 .7.287h.99v5.269h-.99a.959.959 0 0 0-.7.286.959.959 0 0 0-.286.7v1.977c0 .274.095.505.286.7a.959.959 0 0 0 .7.286h7.246a.959.959 0 0 0 .7-.287.959.959 0 0 0 .286-.7M20 2.5c3.15 0 6.068.788 8.75 2.365a17.67 17.67 0 0 1 6.385 6.386C36.71 13.933 37.5 16.848 37.5 20c0 3.15-.79 6.068-2.365 8.751a17.71 17.71 0 0 1-6.385 6.385C26.068 36.712 23.15 37.5 20 37.5c-3.153 0-6.068-.788-8.75-2.363a17.71 17.71 0 0 1-6.385-6.385c-1.575-2.683-2.365-5.6-2.365-8.75 0-3.154.79-6.069 2.365-8.751a17.67 17.67 0 0 1 6.385-6.386C13.932 3.288 16.847 2.5 20 2.5",fillRule:"nonzero"})}),ir=t=>e(rr,{xmlns:"http://www.w3.org/2000/svg",width:"2rem",height:"2rem",viewBox:"0 0 64 64",id:"play-icon",...t,children:e("path",{id:"path",d:"M52.762 37.237 20.474 53.38A5.856 5.856 0 0 1 12 48.143V15.856a5.856 5.856 0 0 1 8.474-5.238l32.288 16.144a5.856 5.856 0 0 1 0 10.475z",fillRule:"nonzero"})}),ar=t=>e(rr,{xmlns:"http://www.w3.org/2000/svg",width:"2rem",height:"2rem",viewBox:"0 0 32 32",fill:"none",...t,children:e("g",{id:"search",children:e("path",{id:"path",fillRule:"evenodd",clipRule:"evenodd",d:"M7.60986 7.60986C5.86994 9.34977 5 11.445 5 13.8956C5 16.3462 5.86994 18.4414 7.60986 20.1813C9.34977 21.9212 11.445 22.7911 13.8956 22.7911C15.6355 22.7911 17.2345 22.3133 18.6926 21.3576L24.2063 26.8713C24.3044 26.9571 24.4146 27 24.5372 27C24.6597 27 24.77 26.9571 24.868 26.8713L26.8713 24.868C26.9571 24.77 27 24.6597 27 24.5372C27 24.4146 26.9571 24.3044 26.8713 24.2063L21.3576 18.6926C22.3133 17.2345 22.7911 15.6355 22.7911 13.8956C22.7911 11.445 21.9212 9.34977 20.1813 7.60986C18.4414 5.86994 16.3462 5 13.8956 5C11.445 5 9.34977 5.86994 7.60986 7.60986ZM9.59484 18.178C8.4063 16.9894 7.81205 15.562 7.81205 13.8956C7.81205 12.2292 8.4063 10.8017 9.59484 9.61321C10.7834 8.42468 12.2169 7.83042 13.8956 7.83042C15.5742 7.83042 17.0047 8.42162 18.1872 9.60403C19.3696 10.7864 19.9608 12.2169 19.9608 13.8956C19.9608 15.5742 19.3696 17.0047 18.1872 18.1872C17.0047 19.3696 15.5742 19.9608 13.8956 19.9608C12.2169 19.9608 10.7834 19.3665 9.59484 18.178Z"})})}),sr=({type:t,...r})=>{switch(t){case"arrow-right":return e(nr,{...r});case"info":return e(or,{...r});case"search":return e(ar,{...r});case"play-alt":return e(ir,{...r});default:{const n=`sgds-icon sgds-icon-${t}`,o=r.className?`${n} ${r.className}`:n;return e(lr,{...r,className:o})}}},lr=y.span`
+    font-size: 1rem;
+`;var cr;!function(e){e.D1=y.h1`
+        ${e=>b`
+                ${er("D1",e.weight,e.paragraph)}
+                color: ${qt.Neutral[1]};
+                ${tr(e.inline,e.paragraph)}
+            `}
+    `,e.D2=y.h1`
+        ${e=>b`
+                ${er("D2",e.weight,e.paragraph)}
+                color: ${qt.Neutral[1]};
+                ${tr(e.inline,e.paragraph)}
+            `}
+    `,e.D3=y.h1`
+        ${e=>b`
+                ${er("D3",e.weight,e.paragraph)}
+                color: ${qt.Neutral[1]};
+                ${tr(e.inline,e.paragraph)}
+            `}
+    `,e.D4=y.h1`
+        ${e=>b`
+                ${er("D4",e.weight,e.paragraph)}
+                color: ${qt.Neutral[1]};
+                ${tr(e.inline,e.paragraph)}
+            `}
+    `,e.DBody=y.h1`
+        ${e=>b`
+                ${er("DBody",e.weight,e.paragraph)}
+                color: ${qt.Neutral[1]};
+                ${tr(e.inline,e.paragraph)}
+            `}
+    `,e.H1=y.h1`
+        ${e=>b`
+                ${er("H1",e.weight,e.paragraph)}
+                color: ${qt.Neutral[1]};
+                ${tr(e.inline,e.paragraph)}
+            `}
+    `,e.H2=y.h2`
+        ${e=>b`
+                ${er("H2",e.weight,e.paragraph)}
+                color: ${qt.Neutral[1]};
+                ${tr(e.inline,e.paragraph)}
+            `}
+    `,e.H3=y.h3`
+        ${e=>b`
+                ${er("H3",e.weight,e.paragraph)}
+                color: ${qt.Neutral[1]};
+                ${tr(e.inline,e.paragraph)}
+            `}
+    `,e.H4=y.h4`
+        ${e=>b`
+                ${er("H4",e.weight,e.paragraph)}
+                color: ${qt.Neutral[1]};
+                ${tr(e.inline,e.paragraph)}
+            `}
+    `,e.H5=y.h5`
+        ${e=>b`
+                ${er("H5",e.weight,e.paragraph)}
+                color: ${qt.Neutral[1]};
+                ${tr(e.inline,e.paragraph)}
+            `}
+    `,e.H6=y.h6`
+        ${e=>b`
+                ${er("H6",e.weight,e.paragraph)}
+                color: ${qt.Neutral[1]};
+                ${tr(e.inline,e.paragraph)}
+            `}
+    `,e.Body=y.p`
+        ${e=>b`
+                ${er("Body",e.weight,e.paragraph)}
+                color: ${qt.Neutral[1]};
+                ${tr(e.inline,e.paragraph)}
+            `}
+    `,e.BodySmall=y.p`
+        ${e=>b`
+                ${er("BodySmall",e.weight,e.paragraph)}
+                color: ${qt.Neutral[1]};
+                ${tr(e.inline,e.paragraph)}
+            `}
+    `,e.XSmall=y.span`
+        ${e=>b`
+                ${er("XSmall",e.weight,e.paragraph)}
+                color: ${qt.Neutral[1]};
+                ${tr(e.inline,e.paragraph)}
+            `}
+    `,e.Hyperlink={Default:e=>hr({...e,textStyle:"Body"}),Small:e=>hr({...e,textStyle:"BodySmall"})}}(cr||(cr={}));const dr=y.a`
+    ${e=>b`
+            ${er(e.textStyle,e.weight)}
+            color: ${qt.Primary};
+            text-decoration: none;
+
+            :hover,
+            :active,
+            :focus {
+                color: ${qt.Secondary};
+            }
+        `}
+`,ur=y(sr)`
+    margin-left: 0.4rem;
+`,hr=({external:r=!1,children:n,...o})=>t(dr,{...o,children:[n,r&&e(ur,{type:"external"})]}),pr=y.div`
+    display: flex;
+    position: relative;
+    align-items: center;
+    border: 1px solid ${qt.Neutral[5]};
+    border-radius: 4px;
+    background: ${qt.Neutral[8]};
+    height: 3rem;
+    width: 100%;
+    padding: 0.1rem 1rem 0;
+
+    :focus,
+    :focus-within {
+        border: 1px solid ${qt.Accent.Light[1]};
+        box-shadow: inset 0 0 5px 1px rgba(87, 169, 255, 0.5);
+    }
+
+    ${e=>e.disabled?b`
+                background: ${qt.Neutral[6](e)};
+                :hover {
+                    cursor: not-allowed;
+                }
+
+                :focus-within {
+                    border: 1px solid ${qt.Neutral[5](e)};
+                    box-shadow: none;
+                }
+            `:e.$error?b`
+                border: 1px solid ${qt.Validation.Red.Border(e)};
+
+                :focus-within {
+                    border: 1px solid ${qt.Validation.Red.Border(e)};
+                    box-shadow: inset 0 0 4px 1px rgba(221, 102, 102, 0.8);
+                }
+            `:void 0}
+`,fr=y.div`
+    position: absolute;
+    top: 0;
+    left: 1rem; // input value appears slightly right
+    height: 100%;
+    display: flex;
+    align-items: center;
+
+    // Removal of arrow buttons for Mozilla Firefox
+    input[type="number"]::-webkit-outer-spin-button,
+    input[type="number"]::-webkit-inner-spin-button {
+        -webkit-appearance: none;
+        margin: 0;
+    }
+
+    input[type="number"] {
+        -moz-appearance: textfield;
+    }
+`,mr=y.input`
+    ${er("Body","regular")}
+    background: transparent;
+    height: 100%;
+    width: 2.5rem;
+    border: none;
+    text-align: center;
+    padding: 0;
+
+    // Chrome, Safari, Edge, Opera
+    ::-webkit-outer-spin-button,
+    ::-webkit-inner-spin-button {
+        -webkit-appearance: none;
+        margin: 0;
+    }
+
+    // Safari (remove top shadow)
+    --webkit-appearance: none;
+
+    // Firefox
+    --moz-appearance: textfield;
+
+    :focus,
+    :active {
+        outline: none;
+    }
+
+    ${e=>{if(e.disabled)return b`
+                cursor: not-allowed;
+            `}}
+`,gr=y(mr)`
+    width: 2.6rem;
+`,yr=y(mr)`
+    width: 3.5rem;
+`,br=y(cr.Body)`
+    opacity: ${e=>e.$hide?0:1};
+    margin: 0.1rem 0.2rem 0 0.2rem;
+`;y(br)`
+    /* margin: 0.1rem 0.2rem 0 0.4rem; */
+    ${e=>{if(e.$compress)return b`
+                margin: 0.1rem 0.1rem 0 0.1rem;
+            `}}
+`;const vr=y.div`
+    display: flex;
+    align-items: center;
+`,wr=y(cr.Body)`
+    opacity: ${e=>e.$hide?0:1};
+    color: ${qt.Neutral[3]};
+    display: inline;
+    width: 2.5rem;
+    text-align: center;
+`,xr=y(br)`
+    color: ${qt.Neutral[3]};
+`,$r=y(wr)`
+    width: 2.6rem;
+`,_r=y(wr)`
+    width: 3.5rem;
+`,Sr=({disabled:r,error:n,value:o,onChange:l,onBlur:c,...d})=>{const[u,h]=i(""),[p,f]=i(""),[m,g]=i(""),[y,b]=i("none"),v=a(null),w=a(null),x=a(null),$=a(null),S=a(u),k=a(p),O=a(m),j=a(y),E=e=>{S.current=e,h(e)},C=e=>{k.current=e,f(e)},F=e=>{O.current=e,g(e)},P=e=>{j.current=e,b(e)};s((()=>(document.addEventListener("mousedown",T),v.current&&v.current.addEventListener("keydown",N),w.current&&w.current.addEventListener("keydown",I),x.current&&x.current.addEventListener("keydown",I),$.current&&$.current.addEventListener("keydown",I),()=>{document.removeEventListener("mousedown",T),v.current&&v.current.removeEventListener("keydown",N),w.current&&w.current.removeEventListener("keydown",I),x.current&&x.current.removeEventListener("keydown",I),$.current&&$.current.removeEventListener("keydown",I)})),[y]),s((()=>{"day"===y&&2===u.length&&x.current&&x.current.focus()}),[u]),s((()=>{"month"===y&&2===p.length&&$.current&&$.current.focus()}),[p]),s((()=>{B(o)}),[o]);const I=e=>{const t=["Backspace","0","1","2","3","4","5","6","7","8","9"],r=e.code&&e.code.startsWith("Digit")&&!t.includes(e.key);(!["Digit0","Digit1","Digit2","Digit3","Digit4","Digit5","Digit6","Digit7","Digit8","Digit9","Tab","Backspace","Delete","ArrowLeft","ArrowRight"].includes(e.code)&&!t.includes(e.key)||r)&&e.preventDefault()},T=e=>{r||v&&v.current.contains(e.target)||"none"!==j.current&&(P("none"),R())},N=e=>{"year"===e.target.name&&"Tab"===e.code&&(P("none"),R())},M=e=>{P(e.target.name),e.target.select()},z=e=>{switch(e.target.name){case"day":E(_.padValue(e.target.value,!0));break;case"month":C(_.padValue(e.target.value,!0))}},A=e=>{const t=e.target.name;switch(t){case"day":e.target.value.length<=2&&(E(e.target.value),D(e.target.value,t));break;case"month":e.target.value.length<=2&&(C(e.target.value),D(e.target.value,t));break;case"year":e.target.value.length<=4&&(F(e.target.value),D(e.target.value,t))}},B=e=>{if(void 0===e||""===e)E(""),C(""),F("");else{const t=new Date(e);if(!isNaN(t.getTime())){const e=t.getDate(),r=t.getMonth()+1,n=t.getFullYear();E(_.padValue(e.toString())),C(_.padValue(r.toString())),F(n.toString())}}},D=(e,t)=>{if(l){const r={day:u,month:p,year:m};r[t]=e;const n=H(r);l(n)}},R=()=>{if(c){const e={day:S.current,month:k.current,year:O.current},t=H(e);c(t)}},H=e=>{const t=[e.year,e.month,e.day];return e.day.length>=1&&e.month.length>=1&&4===e.year.length?t.join("-"):t.every((e=>""===e))?"":kr};return t(pr,{ref:v,onClick:()=>{"none"===y&&w.current&&w.current.focus()},disabled:r,$error:n,"data-testid":d["data-testid"],children:[t(vr,{children:[e(wr,{$hide:"day"===y||u.length>0,"data-testid":"day-placeholder",children:"DD"}),e(xr,{$hide:u.length>0,children:"/"}),e($r,{$hide:"month"===y||p.length>0,"data-testid":"month-placeholder",children:"MM"}),e(xr,{$hide:p.length>0,children:"/"}),e(_r,{$hide:"year"===y||m.length>0,"data-testid":"year-placeholder",$addGap:0===u.length&&0===m.length,children:"YYYY"})]}),t(fr,{children:[e(mr,{name:"day",maxLength:2,value:u,ref:w,onFocus:M,onBlur:z,onChange:A,disabled:r,type:"number",pattern:"[0-9]{2}","data-testid":"day-input","aria-label":"day-input"}),e(br,{$hide:0===u.length,children:"/"}),e(gr,{name:"month",maxLength:2,value:p,ref:x,onFocus:M,onBlur:z,onChange:A,disabled:r,type:"number",pattern:"[0-9]{2}","data-testid":"month-input","aria-label":"month-input"}),e(br,{$hide:0===p.length,children:"/"}),e(yr,{name:"year",maxLength:4,value:m,ref:$,onFocus:M,onBlur:z,onChange:A,disabled:r,type:"number",pattern:"[0-9]{4}","data-testid":"year-input","aria-label":"year-input"})]})]})},kr="Invalid date";var Or,jr={exports:{}};Or=e=>(()=>{var t={"./node_modules/css-mediaquery/index.js":
+/*!**********************************************!*\
+  !*** ./node_modules/css-mediaquery/index.js ***!
+  \**********************************************/(e,t)=>{t.match=function(e,t){return s(e).some((function(e){var r=e.inverse,n="all"===e.type||t.type===e.type;if(n&&r||!n&&!r)return!1;var o=e.expressions.every((function(e){var r=e.feature,n=e.modifier,o=e.value,i=t[r];if(!i)return!1;switch(r){case"orientation":case"scan":return i.toLowerCase()===o.toLowerCase();case"width":case"height":case"device-width":case"device-height":o=d(o),i=d(i);break;case"resolution":o=c(o),i=c(i);break;case"aspect-ratio":case"device-aspect-ratio":case"device-pixel-ratio":o=l(o),i=l(i);break;case"grid":case"color":case"color-index":case"monochrome":o=parseInt(o,10)||1,i=parseInt(i,10)||0}switch(n){case"min":return i>=o;case"max":return i<=o;default:return i===o}}));return o&&!r||!o&&r}))},t.parse=s;var r=/(?:(only|not)?\s*([^\s\(\)]+)(?:\s*and)?\s*)?(.+)?/i,n=/\(\s*([^\s\:\)]+)\s*(?:\:\s*([^\s\)]+))?\s*\)/,o=/^(?:(min|max)-)?(.+)/,i=/(em|rem|px|cm|mm|in|pt|pc)?$/,a=/(dpi|dpcm|dppx)?$/;function s(e){return e.split(",").map((function(e){var t=(e=e.trim()).match(r),i=t[1],a=t[2],s=t[3]||"",l={};return l.inverse=!!i&&"not"===i.toLowerCase(),l.type=a?a.toLowerCase():"all",s=s.match(/\([^\)]+\)/g)||[],l.expressions=s.map((function(e){var t=e.match(n),r=t[1].toLowerCase().match(o);return{modifier:r[1],feature:r[2],value:t[2]}})),l}))}function l(e){var t,r=Number(e);return r||(r=(t=e.match(/^(\d+)\s*\/\s*(\d+)$/))[1]/t[2]),r}function c(e){var t=parseFloat(e);switch(String(e).match(a)[1]){case"dpcm":return t/2.54;case"dppx":return 96*t;default:return t}}function d(e){var t=parseFloat(e);switch(String(e).match(i)[1]){case"em":case"rem":return 16*t;case"cm":return 96*t/2.54;case"mm":return 96*t/2.54/10;case"in":return 96*t;case"pt":return 72*t;case"pc":return 72*t/12;default:return t}}},"./node_modules/hyphenate-style-name/index.js":
+/*!****************************************************!*\
+  !*** ./node_modules/hyphenate-style-name/index.js ***!
+  \****************************************************/(e,t,r)=>{r.r(t),r.d(t,{default:()=>s});var n=/[A-Z]/g,o=/^ms-/,i={};function a(e){return"-"+e.toLowerCase()}const s=function(e){if(i.hasOwnProperty(e))return i[e];var t=e.replace(n,a);return i[e]=o.test(t)?"-"+t:t}},"./node_modules/matchmediaquery/index.js":
+/*!***********************************************!*\
+  !*** ./node_modules/matchmediaquery/index.js ***!
+  \***********************************************/(e,t,r)=>{var n=r(/*! css-mediaquery */"./node_modules/css-mediaquery/index.js").match,o="undefined"!=typeof window?window.matchMedia:null;function i(e,t,r){var i=this;if(o&&!r){var a=o.call(window,e);this.matches=a.matches,this.media=a.media,a.addListener(s)}else this.matches=n(e,t),this.media=e;function s(e){i.matches=e.matches,i.media=e.media}this.addListener=function(e){a&&a.addListener(e)},this.removeListener=function(e){a&&a.removeListener(e)},this.dispose=function(){a&&a.removeListener(s)}}e.exports=function(e,t,r){return new i(e,t,r)}},"./node_modules/object-assign/index.js":
+/*!*********************************************!*\
+  !*** ./node_modules/object-assign/index.js ***!
+  \*********************************************/e=>{
+/*
+object-assign
+(c) Sindre Sorhus
+@license MIT
+*/
+var t=Object.getOwnPropertySymbols,r=Object.prototype.hasOwnProperty,n=Object.prototype.propertyIsEnumerable;function o(e){if(null==e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}e.exports=function(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return!1;for(var t={},r=0;r<10;r++)t["_"+String.fromCharCode(r)]=r;if("0123456789"!==Object.getOwnPropertyNames(t).map((function(e){return t[e]})).join(""))return!1;var n={};return"abcdefghijklmnopqrst".split("").forEach((function(e){n[e]=e})),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},n)).join("")}catch(e){return!1}}()?Object.assign:function(e,i){for(var a,s,l=o(e),c=1;c<arguments.length;c++){for(var d in a=Object(arguments[c]))r.call(a,d)&&(l[d]=a[d]);if(t){s=t(a);for(var u=0;u<s.length;u++)n.call(a,s[u])&&(l[s[u]]=a[s[u]])}}return l}},"./node_modules/prop-types/checkPropTypes.js":
+/*!***************************************************!*\
+  !*** ./node_modules/prop-types/checkPropTypes.js ***!
+  \***************************************************/(e,t,r)=>{var n,o=r(/*! ./lib/ReactPropTypesSecret */"./node_modules/prop-types/lib/ReactPropTypesSecret.js"),i={},a=r(/*! ./lib/has */"./node_modules/prop-types/lib/has.js");function s(e,t,r,s,l){for(var c in e)if(a(e,c)){var d;try{if("function"!=typeof e[c]){var u=Error((s||"React class")+": "+r+" type `"+c+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof e[c]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw u.name="Invariant Violation",u}d=e[c](t,c,s,r,null,o)}catch(e){d=e}if(!d||d instanceof Error||n((s||"React class")+": type specification of "+r+" `"+c+"` is invalid; the type checker function must return `null` or an `Error` but returned a "+typeof d+". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."),d instanceof Error&&!(d.message in i)){i[d.message]=!0;var h=l?l():"";n("Failed "+r+" type: "+d.message+(null!=h?h:""))}}}n=function(e){var t="Warning: "+e;"undefined"!=typeof console&&console.error(t);try{throw new Error(t)}catch(e){}},s.resetWarningCache=function(){i={}},e.exports=s},"./node_modules/prop-types/factoryWithTypeCheckers.js":
+/*!************************************************************!*\
+  !*** ./node_modules/prop-types/factoryWithTypeCheckers.js ***!
+  \************************************************************/(e,t,r)=>{var n,o=r(/*! react-is */"./node_modules/react-is/index.js"),i=r(/*! object-assign */"./node_modules/object-assign/index.js"),a=r(/*! ./lib/ReactPropTypesSecret */"./node_modules/prop-types/lib/ReactPropTypesSecret.js"),s=r(/*! ./lib/has */"./node_modules/prop-types/lib/has.js"),l=r(/*! ./checkPropTypes */"./node_modules/prop-types/checkPropTypes.js");function c(){return null}n=function(e){var t="Warning: "+e;"undefined"!=typeof console&&console.error(t);try{throw new Error(t)}catch(e){}},e.exports=function(e,t){var r="function"==typeof Symbol&&Symbol.iterator,d="<<anonymous>>",u={array:m("array"),bigint:m("bigint"),bool:m("boolean"),func:m("function"),number:m("number"),object:m("object"),string:m("string"),symbol:m("symbol"),any:f(c),arrayOf:function(e){return f((function(t,r,n,o,i){if("function"!=typeof e)return new p("Property `"+i+"` of component `"+n+"` has invalid PropType notation inside arrayOf.");var s=t[r];if(!Array.isArray(s))return new p("Invalid "+o+" `"+i+"` of type `"+b(s)+"` supplied to `"+n+"`, expected an array.");for(var l=0;l<s.length;l++){var c=e(s,l,n,o,i+"["+l+"]",a);if(c instanceof Error)return c}return null}))},element:f((function(t,r,n,o,i){var a=t[r];return e(a)?null:new p("Invalid "+o+" `"+i+"` of type `"+b(a)+"` supplied to `"+n+"`, expected a single ReactElement.")})),elementType:f((function(e,t,r,n,i){var a=e[t];return o.isValidElementType(a)?null:new p("Invalid "+n+" `"+i+"` of type `"+b(a)+"` supplied to `"+r+"`, expected a single ReactElement type.")})),instanceOf:function(e){return f((function(t,r,n,o,i){if(!(t[r]instanceof e)){var a=e.name||d;return new p("Invalid "+o+" `"+i+"` of type `"+((s=t[r]).constructor&&s.constructor.name?s.constructor.name:d)+"` supplied to `"+n+"`, expected instance of `"+a+"`.")}var s;return null}))},node:f((function(e,t,r,n,o){return y(e[t])?null:new p("Invalid "+n+" `"+o+"` supplied to `"+r+"`, expected a ReactNode.")})),objectOf:function(e){return f((function(t,r,n,o,i){if("function"!=typeof e)return new p("Property `"+i+"` of component `"+n+"` has invalid PropType notation inside objectOf.");var l=t[r],c=b(l);if("object"!==c)return new p("Invalid "+o+" `"+i+"` of type `"+c+"` supplied to `"+n+"`, expected an object.");for(var d in l)if(s(l,d)){var u=e(l,d,n,o,i+"."+d,a);if(u instanceof Error)return u}return null}))},oneOf:function(e){if(!Array.isArray(e))return n(arguments.length>1?"Invalid arguments supplied to oneOf, expected an array, got "+arguments.length+" arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z]).":"Invalid argument supplied to oneOf, expected an array."),c;function t(t,r,n,o,i){for(var a=t[r],s=0;s<e.length;s++)if(h(a,e[s]))return null;var l=JSON.stringify(e,(function(e,t){return"symbol"===v(t)?String(t):t}));return new p("Invalid "+o+" `"+i+"` of value `"+String(a)+"` supplied to `"+n+"`, expected one of "+l+".")}return f(t)},oneOfType:function(e){if(!Array.isArray(e))return n("Invalid argument supplied to oneOfType, expected an instance of array."),c;for(var t=0;t<e.length;t++){var r=e[t];if("function"!=typeof r)return n("Invalid argument supplied to oneOfType. Expected an array of check functions, but received "+w(r)+" at index "+t+"."),c}return f((function(t,r,n,o,i){for(var l=[],c=0;c<e.length;c++){var d=(0,e[c])(t,r,n,o,i,a);if(null==d)return null;d.data&&s(d.data,"expectedType")&&l.push(d.data.expectedType)}return new p("Invalid "+o+" `"+i+"` supplied to `"+n+"`"+(l.length>0?", expected one of type ["+l.join(", ")+"]":"")+".")}))},shape:function(e){return f((function(t,r,n,o,i){var s=t[r],l=b(s);if("object"!==l)return new p("Invalid "+o+" `"+i+"` of type `"+l+"` supplied to `"+n+"`, expected `object`.");for(var c in e){var d=e[c];if("function"!=typeof d)return g(n,o,i,c,v(d));var u=d(s,c,n,o,i+"."+c,a);if(u)return u}return null}))},exact:function(e){return f((function(t,r,n,o,l){var c=t[r],d=b(c);if("object"!==d)return new p("Invalid "+o+" `"+l+"` of type `"+d+"` supplied to `"+n+"`, expected `object`.");var u=i({},t[r],e);for(var h in u){var f=e[h];if(s(e,h)&&"function"!=typeof f)return g(n,o,l,h,v(f));if(!f)return new p("Invalid "+o+" `"+l+"` key `"+h+"` supplied to `"+n+"`.\nBad object: "+JSON.stringify(t[r],null,"  ")+"\nValid keys: "+JSON.stringify(Object.keys(e),null,"  "));var m=f(c,h,n,o,l+"."+h,a);if(m)return m}return null}))}};function h(e,t){return e===t?0!==e||1/e==1/t:e!=e&&t!=t}function p(e,t){this.message=e,this.data=t&&"object"==typeof t?t:{},this.stack=""}function f(e){var r={},o=0;function i(i,s,l,c,u,h,f){if(c=c||d,h=h||l,f!==a){if(t){var m=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types");throw m.name="Invariant Violation",m}if("undefined"!=typeof console){var g=c+":"+l;!r[g]&&o<3&&(n("You are manually calling a React.PropTypes validation function for the `"+h+"` prop on `"+c+"`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."),r[g]=!0,o++)}}return null==s[l]?i?null===s[l]?new p("The "+u+" `"+h+"` is marked as required in `"+c+"`, but its value is `null`."):new p("The "+u+" `"+h+"` is marked as required in `"+c+"`, but its value is `undefined`."):null:e(s,l,c,u,h)}var s=i.bind(null,!1);return s.isRequired=i.bind(null,!0),s}function m(e){return f((function(t,r,n,o,i,a){var s=t[r];return b(s)!==e?new p("Invalid "+o+" `"+i+"` of type `"+v(s)+"` supplied to `"+n+"`, expected `"+e+"`.",{expectedType:e}):null}))}function g(e,t,r,n,o){return new p((e||"React class")+": "+t+" type `"+r+"."+n+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+o+"`.")}function y(t){switch(typeof t){case"number":case"string":case"undefined":return!0;case"boolean":return!t;case"object":if(Array.isArray(t))return t.every(y);if(null===t||e(t))return!0;var n=function(e){var t=e&&(r&&e[r]||e["@@iterator"]);if("function"==typeof t)return t}(t);if(!n)return!1;var o,i=n.call(t);if(n!==t.entries){for(;!(o=i.next()).done;)if(!y(o.value))return!1}else for(;!(o=i.next()).done;){var a=o.value;if(a&&!y(a[1]))return!1}return!0;default:return!1}}function b(e){var t=typeof e;return Array.isArray(e)?"array":e instanceof RegExp?"object":function(e,t){return"symbol"===e||!!t&&("Symbol"===t["@@toStringTag"]||"function"==typeof Symbol&&t instanceof Symbol)}(t,e)?"symbol":t}function v(e){if(null==e)return""+e;var t=b(e);if("object"===t){if(e instanceof Date)return"date";if(e instanceof RegExp)return"regexp"}return t}function w(e){var t=v(e);switch(t){case"array":case"object":return"an "+t;case"boolean":case"date":case"regexp":return"a "+t;default:return t}}return p.prototype=Error.prototype,u.checkPropTypes=l,u.resetWarningCache=l.resetWarningCache,u.PropTypes=u,u}},"./node_modules/prop-types/index.js":
+/*!******************************************!*\
+  !*** ./node_modules/prop-types/index.js ***!
+  \******************************************/(e,t,r)=>{var n=r(/*! react-is */"./node_modules/react-is/index.js");e.exports=r(/*! ./factoryWithTypeCheckers */"./node_modules/prop-types/factoryWithTypeCheckers.js")(n.isElement,!0)},"./node_modules/prop-types/lib/ReactPropTypesSecret.js":
+/*!*************************************************************!*\
+  !*** ./node_modules/prop-types/lib/ReactPropTypesSecret.js ***!
+  \*************************************************************/e=>{e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},"./node_modules/prop-types/lib/has.js":
+/*!********************************************!*\
+  !*** ./node_modules/prop-types/lib/has.js ***!
+  \********************************************/e=>{e.exports=Function.call.bind(Object.prototype.hasOwnProperty)},"./node_modules/react-is/cjs/react-is.development.js":
+/*!***********************************************************!*\
+  !*** ./node_modules/react-is/cjs/react-is.development.js ***!
+  \***********************************************************/(e,t)=>{!function(){var e="function"==typeof Symbol&&Symbol.for,r=e?Symbol.for("react.element"):60103,n=e?Symbol.for("react.portal"):60106,o=e?Symbol.for("react.fragment"):60107,i=e?Symbol.for("react.strict_mode"):60108,a=e?Symbol.for("react.profiler"):60114,s=e?Symbol.for("react.provider"):60109,l=e?Symbol.for("react.context"):60110,c=e?Symbol.for("react.async_mode"):60111,d=e?Symbol.for("react.concurrent_mode"):60111,u=e?Symbol.for("react.forward_ref"):60112,h=e?Symbol.for("react.suspense"):60113,p=e?Symbol.for("react.suspense_list"):60120,f=e?Symbol.for("react.memo"):60115,m=e?Symbol.for("react.lazy"):60116,g=e?Symbol.for("react.block"):60121,y=e?Symbol.for("react.fundamental"):60117,b=e?Symbol.for("react.responder"):60118,v=e?Symbol.for("react.scope"):60119;function w(e){if("object"==typeof e&&null!==e){var t=e.$$typeof;switch(t){case r:var p=e.type;switch(p){case c:case d:case o:case a:case i:case h:return p;default:var g=p&&p.$$typeof;switch(g){case l:case u:case m:case f:case s:return g;default:return t}}case n:return t}}}var x=c,$=d,_=l,S=s,k=r,O=u,j=o,E=m,C=f,F=n,P=a,I=i,T=h,N=!1;function M(e){return w(e)===d}t.AsyncMode=x,t.ConcurrentMode=$,t.ContextConsumer=_,t.ContextProvider=S,t.Element=k,t.ForwardRef=O,t.Fragment=j,t.Lazy=E,t.Memo=C,t.Portal=F,t.Profiler=P,t.StrictMode=I,t.Suspense=T,t.isAsyncMode=function(e){return N||(N=!0,console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")),M(e)||w(e)===c},t.isConcurrentMode=M,t.isContextConsumer=function(e){return w(e)===l},t.isContextProvider=function(e){return w(e)===s},t.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===r},t.isForwardRef=function(e){return w(e)===u},t.isFragment=function(e){return w(e)===o},t.isLazy=function(e){return w(e)===m},t.isMemo=function(e){return w(e)===f},t.isPortal=function(e){return w(e)===n},t.isProfiler=function(e){return w(e)===a},t.isStrictMode=function(e){return w(e)===i},t.isSuspense=function(e){return w(e)===h},t.isValidElementType=function(e){return"string"==typeof e||"function"==typeof e||e===o||e===d||e===a||e===i||e===h||e===p||"object"==typeof e&&null!==e&&(e.$$typeof===m||e.$$typeof===f||e.$$typeof===s||e.$$typeof===l||e.$$typeof===u||e.$$typeof===y||e.$$typeof===b||e.$$typeof===v||e.$$typeof===g)},t.typeOf=w}()},"./node_modules/react-is/index.js":
+/*!****************************************!*\
+  !*** ./node_modules/react-is/index.js ***!
+  \****************************************/(e,t,r)=>{e.exports=r(/*! ./cjs/react-is.development.js */"./node_modules/react-is/cjs/react-is.development.js")},"./node_modules/shallow-equal/dist/index.esm.js":
+/*!******************************************************!*\
+  !*** ./node_modules/shallow-equal/dist/index.esm.js ***!
+  \******************************************************/(e,t,r)=>{function n(e,t){if(e===t)return!0;if(!e||!t)return!1;var r=Object.keys(e),n=Object.keys(t),o=r.length;if(n.length!==o)return!1;for(var i=0;i<o;i++){var a=r[i];if(e[a]!==t[a]||!Object.prototype.hasOwnProperty.call(t,a))return!1}return!0}function o(e,t){if(e===t)return!0;if(!e||!t)return!1;var r=e.length;if(t.length!==r)return!1;for(var n=0;n<r;n++)if(e[n]!==t[n])return!1;return!0}r.r(t),r.d(t,{shallowEqualArrays:()=>o,shallowEqualObjects:()=>n})},"./src/Component.ts":
+/*!**************************!*\
+  !*** ./src/Component.ts ***!
+  \**************************/function(e,t,r){var n=this&&this.__rest||function(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(n=Object.getOwnPropertySymbols(e);o<n.length;o++)t.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(e,n[o])&&(r[n[o]]=e[n[o]])}return r},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var i=o(r(/*! ./useMediaQuery */"./src/useMediaQuery.ts"));t.default=function(e){var t=e.children,r=e.device,o=e.onChange,a=n(e,["children","device","onChange"]),s=(0,i.default)(a,r,o);return"function"==typeof t?t(s):s?t:null}},"./src/Context.ts":
+/*!************************!*\
+  !*** ./src/Context.ts ***!
+  \************************/(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0});var n=(0,r(/*! react */"react").createContext)(void 0);t.default=n},"./src/index.ts":
+/*!**********************!*\
+  !*** ./src/index.ts ***!
+  \**********************/function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.Context=t.toQuery=t.useMediaQuery=t.default=void 0;var o=n(r(/*! ./useMediaQuery */"./src/useMediaQuery.ts"));t.useMediaQuery=o.default;var i=n(r(/*! ./Component */"./src/Component.ts"));t.default=i.default;var a=n(r(/*! ./toQuery */"./src/toQuery.ts"));t.toQuery=a.default;var s=n(r(/*! ./Context */"./src/Context.ts"));t.Context=s.default},"./src/mediaQuery.ts":
+/*!***************************!*\
+  !*** ./src/mediaQuery.ts ***!
+  \***************************/function(e,t,r){var n=this&&this.__assign||function(){return n=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},n.apply(this,arguments)},o=this&&this.__rest||function(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(n=Object.getOwnPropertySymbols(e);o<n.length;o++)t.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(e,n[o])&&(r[n[o]]=e[n[o]])}return r},i=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var a=i(r(/*! prop-types */"./node_modules/prop-types/index.js")),s=a.default.oneOfType([a.default.string,a.default.number]),l={all:a.default.bool,grid:a.default.bool,aural:a.default.bool,braille:a.default.bool,handheld:a.default.bool,print:a.default.bool,projection:a.default.bool,screen:a.default.bool,tty:a.default.bool,tv:a.default.bool,embossed:a.default.bool},c={orientation:a.default.oneOf(["portrait","landscape"]),scan:a.default.oneOf(["progressive","interlace"]),aspectRatio:a.default.string,deviceAspectRatio:a.default.string,height:s,deviceHeight:s,width:s,deviceWidth:s,color:a.default.bool,colorIndex:a.default.bool,monochrome:a.default.bool,resolution:s,type:Object.keys(l)},d=o(c,["type"]),u=n({minAspectRatio:a.default.string,maxAspectRatio:a.default.string,minDeviceAspectRatio:a.default.string,maxDeviceAspectRatio:a.default.string,minHeight:s,maxHeight:s,minDeviceHeight:s,maxDeviceHeight:s,minWidth:s,maxWidth:s,minDeviceWidth:s,maxDeviceWidth:s,minColor:a.default.number,maxColor:a.default.number,minColorIndex:a.default.number,maxColorIndex:a.default.number,minMonochrome:a.default.number,maxMonochrome:a.default.number,minResolution:s,maxResolution:s},d),h=n(n({},l),u);t.default={all:h,types:l,matchers:c,features:u}},"./src/toQuery.ts":
+/*!************************!*\
+  !*** ./src/toQuery.ts ***!
+  \************************/function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var o=n(r(/*! hyphenate-style-name */"./node_modules/hyphenate-style-name/index.js")),i=n(r(/*! ./mediaQuery */"./src/mediaQuery.ts"));t.default=function(e){var t=[];return Object.keys(i.default.all).forEach((function(r){var n=e[r];null!=n&&t.push(function(e,t){var r=(0,o.default)(e);return"number"==typeof t&&(t="".concat(t,"px")),!0===t?r:!1===t?"not ".concat(r):"(".concat(r,": ").concat(t,")")}(r,n))})),t.join(" and ")}},"./src/useMediaQuery.ts":
+/*!******************************!*\
+  !*** ./src/useMediaQuery.ts ***!
+  \******************************/function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var o=r(/*! react */"react"),i=n(r(/*! matchmediaquery */"./node_modules/matchmediaquery/index.js")),a=n(r(/*! hyphenate-style-name */"./node_modules/hyphenate-style-name/index.js")),s=r(/*! shallow-equal */"./node_modules/shallow-equal/dist/index.esm.js"),l=n(r(/*! ./toQuery */"./src/toQuery.ts")),c=n(r(/*! ./Context */"./src/Context.ts")),d=function(e){if(e)return Object.keys(e).reduce((function(t,r){return t[(0,a.default)(r)]=e[r],t}),{})},u=function(){var e=(0,o.useRef)(!1);return(0,o.useEffect)((function(){e.current=!0}),[]),e.current},h=function(e){var t=function(){return function(e){return e.query||(0,l.default)(e)}(e)},r=(0,o.useState)(t),n=r[0],i=r[1];return(0,o.useEffect)((function(){var e=t();n!==e&&i(e)}),[e]),n};t.default=function(e,t,r){var n=function(e){var t=(0,o.useContext)(c.default),r=function(){return d(e)||d(t)},n=(0,o.useState)(r),i=n[0],a=n[1];return(0,o.useEffect)((function(){var e=r();(0,s.shallowEqualObjects)(i,e)||a(e)}),[e,t]),i}(t),a=h(e);if(!a)throw new Error("Invalid or missing MediaQuery!");var l=function(e,t){var r=function(){return(0,i.default)(e,t||{},!!t)},n=(0,o.useState)(r),a=n[0],s=n[1],l=u();return(0,o.useEffect)((function(){if(l){var e=r();return s(e),function(){e&&e.dispose()}}}),[e,t]),a}(a,n),p=function(e){var t=(0,o.useState)(e.matches),r=t[0],n=t[1];return(0,o.useEffect)((function(){var t=function(e){n(e.matches)};return e.addListener(t),n(e.matches),function(){e.removeListener(t)}}),[e]),r}(l),f=u();return(0,o.useEffect)((function(){f&&r&&r(p)}),[p]),(0,o.useEffect)((function(){return function(){l&&l.dispose()}}),[]),p}},react:
+/*!**************************************************************************************!*\
+  !*** external {"commonjs":"react","commonjs2":"react","amd":"react","root":"React"} ***!
+  \**************************************************************************************/t=>{t.exports=e}},r={};function n(e){var o=r[e];if(void 0!==o)return o.exports;var i=r[e]={exports:{}};return t[e].call(i.exports,i,i.exports,n),i.exports}return n.d=(e,t)=>{for(var r in t)n.o(t,r)&&!n.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),n.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n("./src/index.ts")})(),jr.exports=Or(o);const Er={mobileS:320,mobileM:375,mobileL:480,tablet:1199,desktopM:1399,desktopL:1999,desktop4k:3840};var Cr=C,Fr=/\s/;var Pr=function(e){for(var t=e.length;t--&&Fr.test(e.charAt(t)););return t},Ir=/^\s+/;var Tr=function(e){return e?e.slice(0,Pr(e)+1).replace(Ir,""):e},Nr=Z,Mr=U,zr=/^[-+]0x[0-9a-f]+$/i,Ar=/^0b[01]+$/i,Br=/^0o[0-7]+$/i,Dr=parseInt;var Rr=function(e){if("number"==typeof e)return e;if(Mr(e))return NaN;if(Nr(e)){var t="function"==typeof e.valueOf?e.valueOf():e;e=Nr(t)?t+"":t}if("string"!=typeof e)return 0===e?e:+e;e=Tr(e);var r=Ar.test(e);return r||Br.test(e)?Dr(e.slice(2),r?2:8):zr.test(e)?NaN:+e},Hr=Z,Lr=function(){return Cr.Date.now()},Vr=Rr,Wr=Math.max,Ur=Math.min;var qr=function(e,t,r){var n,o,i,a,s,l,c=0,d=!1,u=!1,h=!0;if("function"!=typeof e)throw new TypeError("Expected a function");function p(t){var r=n,i=o;return n=o=void 0,c=t,a=e.apply(i,r)}function f(e){return c=e,s=setTimeout(g,t),d?p(e):a}function m(e){var r=e-l;return void 0===l||r>=t||r<0||u&&e-c>=i}function g(){var e=Lr();if(m(e))return y(e);s=setTimeout(g,function(e){var r=t-(e-l);return u?Ur(r,i-(e-c)):r}(e))}function y(e){return s=void 0,h&&n?p(e):(n=o=void 0,a)}function b(){var e=Lr(),r=m(e);if(n=arguments,o=this,l=e,r){if(void 0===s)return f(l);if(u)return clearTimeout(s),s=setTimeout(g,t),p(l)}return void 0===s&&(s=setTimeout(g,t)),a}return t=Vr(t)||0,Hr(r)&&(d=!!r.leading,i=(u="maxWait"in r)?Wr(Vr(r.maxWait)||0,t):i,h="trailing"in r?!!r.trailing:h),b.cancel=function(){void 0!==s&&clearTimeout(s),c=0,n=l=o=s=void 0},b.flush=function(){return void 0===s?a:y(Lr())},b};const Qr=y.div`
+    position: fixed;
+    left: 0;
+    top: 0;
+    height: 0;
+    width: 0;
+    visibility: hidden;
+    z-index: ${e=>e.zIndex||(e.$stacked?99999:99998)};
+
+    ${e=>{if(e.$show)return b`
+                height: 100%;
+                width: 100vw;
+                visibility: visible;
+            `}}
+`,Xr=y.div`
+    position: absolute;
+    left: 0;
+    top: 0;
+    background-color: rgba(5, 1, 1, ${e=>e.$backgroundOpacity});
+    backdrop-filter: ${e=>(e=>{let t="";return e&&(t+="blur(10px)"),t.length>0?t:"none"})(e.$backgroundBlur)};
+    transition: opacity 200ms ease;
+
+    ${e=>{let t="";return e.$show?t+=b`
+                visibility: visible;
+                opacity: 1;
+                pointer-events: auto;
+                height: 100%;
+                width: 100vw;
+            `:t+=b`
+                visibility: hidden;
+                opacity: 0;
+                transition-delay: ${e.$disableTransition?"0ms":"400ms"};
+                pointer-events: none;
+                height: 0;
+                width: 0;
+            `,e.$disableTransition&&(t+=b`
+                transition: none;
+            `),t}}
+`,Gr=({show:t=!1,rootId:r,onOverlayClick:n,children:l,backgroundOpacity:c,backgroundBlur:d=!0,disableTransition:u=!1,enableOverlayClick:h=!1,zIndex:p,id:f})=>{const[m,g]=i(null),[y,b]=i(),v=a(),x=a(null),$=l&&o.cloneElement(l,{ref:x}),_=f?`lifesg-ds-overlay-root-${f}`:"lifesg-ds-overlay-root";s((()=>{if(t){const e=O();if(S(e),!e){const e=setTimeout((()=>{E("add")}),200);return()=>clearTimeout(e)}}else if(!v.current){const e=setTimeout((()=>{E("add")}),200);return()=>clearTimeout(e)}}),[t]),s((()=>{g(k());const e=O();return S(e),e||j(),()=>{E("remove")}}),[]);const S=e=>{v.current=e,b(e)},k=()=>document&&r?document.getElementById(r):document?document.body:null,O=()=>document.body.classList.contains(Zr),j=()=>{if(!document.getElementById(Yr)){const e=document.createElement("style");e.id=Yr;const t=document.documentElement.clientWidth,r=window.innerWidth-t;e.innerHTML=`\n\t\t\t\t.${Zr} {\n\t\t\t\t\toverflow: hidden;\n\t\t\t\t\tpadding-right: ${r}px !important;\n\t\t\t\t\t-ms-overflow-style: none;\n\t\t\t\t\tscrollbar-width: none;\n\t\t\t\t}\n\n\t\t\t\t.${Zr}::-webkit-scrollbar {\n\t\t\t\t\tdisplay: none;\n\t\t\t\t}\n\t\t\t`,document.body.appendChild(e)}},E=e=>{const t=document.body.classList.contains(Zr);"add"!==e||t?"remove"===e&&t&&document.body.classList.remove(Zr):document.body.classList.add(Zr)},C=e=>{e.preventDefault();const t=x.current?.firstChild;t&&t.contains(e.target)||n&&h&&n()};return m?w.createPortal(e(Qr,{id:_,"data-testid":_,$show:t,zIndex:p,$stacked:y,children:l&&e(Xr,{"data-testid":"overlay-wrapper",$show:t,$backgroundOpacity:c||(y?.5:.8),$backgroundBlur:d,$disableTransition:u,$enableOverlayClick:h,onClick:C,children:$})}),m):null},Yr="lifesg-ds-overlay-stylesheet",Zr="lifesg-ds-overlay-open",Jr=e=>Object.keys(Er).reduce(((t,r)=>{const n=Er[r];return t[r]=`@media screen and (${e}: ${n}px)`,t}),{}),Kr=Jr("max-width"),en=(Jr("min-width"),y.div`
+    position: relative;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    height: 100%;
+    width: 100%;
+    overflow: hidden;
+    ${e=>{return t=e.show,r=e.animationFrom||"bottom",t?`\n\t\t\t${r}: 0;\n\t\t\topacity: 1;\n\t\t\ttransition: all 300ms cubic-bezier(0.21, 0.79, 0.53, 1);\n\t\t\ttransition-delay: 200ms;\n\t\t`:`\n\t\t${r}: -3%;\n\t\topacity: 0;\n\t\ttransition: all 300ms cubic-bezier(0.4, 0.34, 0.38, 1);\n\t`;var t,r}}
+
+    ${e=>e.verticalHeight?b`
+                ${Kr.mobileL} {
+                    height: calc(${e.verticalHeight}px * 100);
+                }
+            `:b`
+                ${Kr.mobileL} {
+                    height: calc(1vh * 100);
+                }
+            `}
+`),tn=({id:t="modal",show:r,animationFrom:n="bottom",children:o,enableOverlayClick:a=!0,rootComponentId:l,zIndex:c,onOverlayClick:d,...u})=>{const[h,p]=i();s((()=>(p(.01*window.innerHeight),window.addEventListener("resize",f),()=>{window.removeEventListener("resize",f)})),[]);const f=()=>{const e=.01*window.innerHeight;p(e)};return e(Gr,{"data-testid":`${t}-overlay`,show:r,enableOverlayClick:a,onOverlayClick:d,id:t,rootId:l,zIndex:c,children:e(en,{show:r,animationFrom:n,"data-testid":t,verticalHeight:h,...u,children:o})})},rn=y.button`
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    padding: 1.5rem;
+    background-color: ${qt.Neutral[8]};
+    border: none;
+    cursor: pointer;
+
+    img {
+        height: 1rem;
+        width: 1rem;
+    }
+
+    &:focus {
+        outline: none;
+        background-color: ${qt.Neutral[7]};
+    }
+`,nn=o.forwardRef((({children:t,iconType:r,...n},o)=>{let i;if(t)i=t;else{if(!r)return console.error("IconButton - Did not specify a valid children or iconType prop"),null;i=e(sr,{type:r})}return e(rn,{ref:o,...n,children:i})})),on=y.div`
+    position: relative;
+    display: flex;
+    flex-direction: column;
+    width: 40rem;
+    max-height: 70%;
+    background: ${qt.Neutral[8]};
+    box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.45);
+    border-radius: 0.75rem;
+    overflow: hidden;
+
+    ${Kr.mobileL} {
+        width: 90%;
+        max-height: 70%;
+    }
+`,an=y(nn)`
+    position: absolute;
+    top: 0;
+    right: 0;
+    padding: 1rem 0.75rem;
+    border-top-right-radius: 0.75rem;
+    background: transparent;
+    :focus-visible,
+    :focus,
+    :active {
+        background: transparent;
+    }
+    :focus-visible {
+        outline: 4px solid ${qt.Accent.Light[1]};
+    }
+`,sn=y(sr)`
+    font-size: 2rem;
+    color: ${qt.Neutral[4]};
+`,ln="all 300ms cubic-bezier(0.21, 0.79, 0.53, 1)",cn=y.div`
+    border-radius: 8px;
+    background: ${qt.Neutral[8]};
+    padding: 1rem 2rem;
+    box-shadow: 0 2px 8px 0 rgba(104, 104, 104, 0.24);
+    max-width: 30rem;
+    pointer-events: auto;
+    position: absolute;
+
+    ${e=>e.$visible?b`
+            visibility: visible;
+            opacity: 1;
+            transition: ${ln};
+            z-index: 2;
+        `:b`
+            visibility: hidden;
+            opacity: 0;
+            transition: ${ln};
+            z-index: -1;
+        `}
+    ${e=>(e=>{switch(e){case"top-center":return b`
+                top: calc(100% + 12px);
+                width: max-content;
+                margin: auto;
+                left: 50%;
+                -moz-transform: translateX(-50%);
+                -webkit-transform: translateX(-50%);
+                transform: translateX(-50%);
+            `;case"top-left":return b`
+                top: calc(100% + 12px);
+                width: max-content;
+                margin: auto;
+                left: 0;
+            `;case"top-right":return b`
+                top: calc(100% + 12px);
+                width: max-content;
+                margin: auto;
+                right: 0;
+            `;case"left":return b`
+                bottom: calc(100% + 12px);
+                width: max-content;
+                margin: auto;
+                left: 0;
+            `;case"right":return b`
+                bottom: calc(100% + 12px);
+                width: max-content;
+                margin: auto;
+                right: 0;
+            `;default:return b`
+                bottom: calc(100% + 12px);
+                width: max-content;
+                margin: auto;
+                left: 50%;
+                -moz-transform: translateX(-50%);
+                -webkit-transform: translateX(-50%);
+                transform: translateX(-50%);
+            `}})(e.$offset)}
+
+	${Kr.mobileL} {
+        display: none;
+    }
+`,dn=y((({id:r="modal-box",children:n,onClose:o,showCloseButton:i=!0,...a})=>t(on,{"data-testid":r,...a,onClick:e=>{e.stopPropagation()},children:[i&&e(an,{type:"button",onClick:o,"data-testid":"close-button",children:e(sn,{type:"cross"})}),n]})))`
+    padding: 3.5rem 1.25rem 2.5rem;
+`;y.div`
+    position: relative;
+    width: fit-content;
+`,y.button`
+    cursor: pointer;
+    background: none;
+    border: none;
+    padding: 0;
+`;const un=({children:n,visible:o,onMobileClose:l,...c})=>{const d=c["data-testid"]||"popover",[u,h]=i("none"),p=a(null),f=jr.exports.useMediaQuery({maxWidth:Er.mobileL}),m=a(u);s((()=>(b(),window.addEventListener("resize",qr(g,300)),()=>{window.removeEventListener("resize",qr(g,300))})),[]);const g=()=>{b()},y=()=>{l&&l()},b=()=>{const e=v();var t;e&&(t=e,m.current=t,h(t))},v=()=>{if(p.current){const e=p.current.getBoundingClientRect(),t=24,r=e.y<t,n=window.innerWidth-t;return e.x<t?r?"top-left":"left":e.x+e.width>n?r?"top-right":"right":("top-left"===m.current||"left"===m.current)&&e.x-e.width/2>t||("top-right"===m.current||"right"===m.current)&&e.x+2*e.width<n?r?"top-center":"none":void 0}},w=()=>"string"==typeof n?e(cr.BodySmall,{children:n}):n;return t(r,{children:[e(cn,{ref:p,"data-testid":d,$visible:o,$offset:u,...c,children:w()}),f&&e(tn,{show:o,onOverlayClick:y,children:e(dn,{onClose:y,children:w()})})]})},hn=y.button`
+    padding: 0.25rem 0.5rem 0.25rem 0.25rem;
+    border: none;
+    background: none;
+    cursor: pointer;
+
+    svg {
+        #path {
+            fill: ${qt.Primary};
+        }
+    }
+`,pn=y.div`
+    display: inline;
+    position: relative;
+    width: fit-content;
+`,fn=({addonType:t="popover",icon:r,"data-testid":n,...o})=>e(hn,{"data-testid":n,...o,children:"string"==typeof r?e(sr,{type:r,id:`${t}-icon`}):r||e(sr,{type:"info",id:`${t}-icon`})}),mn=({addon:r})=>{const[n,o]=i(!1),l=a(),c=a(!1),d=jr.exports.useMediaQuery({maxWidth:Er.mobileL}),u=e=>{c.current=e,o(e)};s((()=>{if(!d)return document.addEventListener("mousedown",h),()=>{document.removeEventListener("mousedown",h)}}),[]);const h=e=>{l&&!l.current.contains(e.target)&&c.current&&u(!1)};return t(pn,{ref:l,id:"addon-popover-wrapper",children:[e(un,{visible:n,id:r.id,"data-testid":r["data-testid"],onMobileClose:()=>{n&&u(!1)},children:r.content}),e(fn,{addonType:r.type,icon:r.icon,id:`popover-hoc-trigger${r["data-testid"]&&`-${r["data-testid"]}`}`,onClick:()=>u(!n),"aria-label":"popover-button",type:"button"})]})};var gn;!function(e){e[e.Subpage=0]="Subpage",e[e.Domain=1]="Domain"}(gn||(gn={}));const yn=y.label`
+    ${er("H5","semibold")}
+
+    color: ${e=>e.disabled?qt.Neutral[4](e):qt.Neutral[3](e)};
+    margin-bottom: 0.5rem;
+    display: inline-block;
+
+    #popover-hoc-wrapper {
+        display: inline;
+    }
+
+    #popover-hoc-button {
+        vertical-align: bottom;
+    }
+`,bn=y(cr.H6)`
+    color: ${qt.Validation.Red.Text};
+    margin-top: 0.5rem;
+    margin-bottom: 0;
+`,vn=({children:r,addon:n,...o})=>t(yn,{...o,children:[r,n&&n.type&&("popover"===n.type?n&&e(mn,{addon:n}):null)]}),wn=y.div`
+    display: flex;
+    flex-direction: column;
+
+    &:not(:last-child) {
+        margin-bottom: 1rem;
+    }
+`,xn=({label:r,errorMessage:n,id:o,disabled:i,children:a,"data-error-testid":s})=>t(wn,{children:[r&&e(vn,"string"==typeof r?{htmlFor:`${o}-base`,"data-testid":o?`${o}-label`:"form-label",disabled:i,children:r}:{htmlFor:`${o}-base`,"data-testid":o?`${o}-label`:"form-label",disabled:i,...r}),a,n&&e(bn,{weight:"semibold","data-testid":s||(o?`${o}-error-message`:"error-message"),children:n})]}),$n=y.input`
+    ${er("Body","regular")}
+    border: 1px solid ${qt.Neutral[5]};
+    border-radius: 4px;
+    display: block;
+    padding: 0.2rem 1rem 0.3rem 1rem; // Somehow the input text appears lower
+    height: 3rem;
+    width: 100%;
+    background: ${qt.Neutral[8]};
+    color: ${qt.Neutral[1]};
+
+    :focus,
+    :active {
+        outline: none;
+        border: 1px solid ${qt.Accent.Light[1]};
+        box-shadow: inset 0 0 5px 1px rgba(87, 169, 255, 0.5);
+    }
+
+    ::placeholder,
+    ::-webkit-input-placeholder {
+        color: ${qt.Neutral[3]};
+    }
+
+    ${e=>e.readOnly?b`
+                border: none;
+                padding-left: 0rem;
+                background: transparent !important;
+
+                :focus,
+                :active {
+                    border: none;
+                    box-shadow: none;
+                }
+            `:e.disabled?b`
+                background: ${qt.Neutral[6](e)};
+                cursor: not-allowed;
+
+                :focus,
+                :active {
+                    outline: none;
+                    border: 1px solid ${qt.Neutral[5](e)};
+                    box-shadow: none;
+                }
+            `:e.error?b`
+                border: 1px solid ${qt.Validation.Red.Border(e)};
+
+                :focus,
+                :active {
+                    border: 1px solid ${qt.Validation.Red.Border(e)};
+                    box-shadow: inset 0 0 4px 1px rgba(221, 102, 102, 0.8);
+                }
+            `:void 0}
+`,_n=o.forwardRef((({value:t,spacing:r,type:n,error:o,disabled:i,onChange:a,...s},l)=>{const c=()=>"tel"===n&&r,d=e=>{const t=e.target,r=t.value,n=t.value.replace(/\s/g,"");t.value=n,a(e),t.value=r},u=t?(e=>e?c()?_.transformWithSpaces(e,r):e:"")(t):t;return e($n,{"data-testid":"input",ref:l,disabled:i,value:u,error:o,onChange:a?e=>{c()?d(e):a(e)}:void 0,type:n,readOnly:"readonly"===n,...s})})),Sn=o.forwardRef(((t,r)=>{const{label:n,errorMessage:o,id:i="form-field","data-error-testid":a,"data-testid":s,...l}=t;return e(xn,{id:i,label:n,errorMessage:o,disabled:l.disabled,"data-error-testid":a,children:e(_n,{id:`${i}-base`,"data-testid":s||i,ref:r,error:!!o,...l})})})),kn=y.div`
+    display: flex;
+    position: relative;
+    border: 1px solid ${qt.Neutral[5]};
+    border-radius: 4px;
+    background: ${qt.Neutral[8]};
+    height: 3rem;
+    width: 100%;
+
+    :focus-within {
+        border: 1px solid ${qt.Accent.Light[1]};
+        box-shadow: inset 0 0 5px 1px rgba(87, 169, 255, 0.5);
+    }
+
+    ${e=>"right"===e.$position?b`
+                flex-direction: row-reverse;
+            `:e.$readOnly?b`
+                border: none;
+                padding-left: 0rem;
+                background: transparent !important;
+
+                :focus-within {
+                    border: none;
+                    box-shadow: none;
+                }
+            `:e.disabled?b`
+                background: ${qt.Neutral[6](e)};
+                :hover {
+                    cursor: not-allowed;
+                }
+
+                :focus-within {
+                    border: 1px solid ${qt.Neutral[5](e)};
+                    box-shadow: none;
+                }
+            `:e.$error?b`
+                border: 1px solid ${qt.Validation.Red.Border(e)};
+
+                :focus-within {
+                    border: 1px solid ${qt.Validation.Red.Border(e)};
+                    box-shadow: inset 0 0 4px 1px rgba(221, 102, 102, 0.8);
+                }
+            `:void 0}
+`,On=y(_n)`
+    // overwrite default styles
+    background: transparent;
+    border: none;
+    :focus,
+    :active {
+        outline: none;
+        border: none;
+        box-shadow: none;
+    }
+
+    ${e=>"right"===e.$position?b`
+                    padding: 0.2rem 0 0.3rem 1rem; // Input text appears lower hence the higher lower padding
+                `:b`
+                    padding: 0.2rem 1rem 0.3rem 0; // Input text appears lower hence the higher lower padding
+                `}
+`,jn=y.div`
+    position: relative;
+    display: flex;
+    align-items: center;
+    border-top-left-radius: 4px;
+    border-bottom-left-radius: 4px;
+    padding: 0 0.6875rem 0 1rem;
+
+    ${er("Body","regular")}
+    color: ${qt.Neutral[1]};
+
+    /* SVG Icon */
+    svg {
+        height: 1.5rem;
+        width: 1.5rem;
+        #path {
+            fill: ${qt.Neutral[1]};
+        }
+    }
+
+    ${e=>{if(e.disabled)return b`
+                color: ${qt.Neutral[4](e)};
+                svg {
+                    #path {
+                        fill: ${qt.Neutral[4](e)};
+                    }
+                }
+            `}}
+`;y(sr)`
+    padding-left: 0.5rem;
+    color: ${qt.Neutral[4]};
+`;var En=function(e,t,r,n){for(var o=e.length,i=r+(n?1:-1);n?i--:++i<o;)if(t(e[i],i,e))return i;return-1},Cn=Je;var Fn=Je,Pn=Ke,In=mt;var Tn=Je,Nn=function(){this.__data__=new Cn,this.size=0},Mn=function(e){var t=this.__data__,r=t.delete(e);return this.size=t.size,r},zn=function(e){return this.__data__.get(e)},An=function(e){return this.__data__.has(e)},Bn=function(e,t){var r=this.__data__;if(r instanceof Fn){var n=r.__data__;if(!Pn||n.length<199)return n.push([e,t]),this.size=++r.size,this;r=this.__data__=new In(n)}return r.set(e,t),this.size=r.size,this};function Dn(e){var t=this.__data__=new Tn(e);this.size=t.size}Dn.prototype.clear=Nn,Dn.prototype.delete=Mn,Dn.prototype.get=zn,Dn.prototype.has=An,Dn.prototype.set=Bn;var Rn=Dn;var Hn=mt,Ln=function(e){return this.__data__.set(e,"__lodash_hash_undefined__"),this},Vn=function(e){return this.__data__.has(e)};function Wn(e){var t=-1,r=null==e?0:e.length;for(this.__data__=new Hn;++t<r;)this.add(e[t])}Wn.prototype.add=Wn.prototype.push=Ln,Wn.prototype.has=Vn;var Un=Wn,qn=function(e,t){for(var r=-1,n=null==e?0:e.length;++r<n;)if(t(e[r],r,e))return!0;return!1},Qn=function(e,t){return e.has(t)};var Xn=function(e,t,r,n,o,i){var a=1&r,s=e.length,l=t.length;if(s!=l&&!(a&&l>s))return!1;var c=i.get(e),d=i.get(t);if(c&&d)return c==t&&d==e;var u=-1,h=!0,p=2&r?new Un:void 0;for(i.set(e,t),i.set(t,e);++u<s;){var f=e[u],m=t[u];if(n)var g=a?n(m,f,u,t,e,i):n(f,m,u,e,t,i);if(void 0!==g){if(g)continue;h=!1;break}if(p){if(!qn(t,(function(e,t){if(!Qn(p,t)&&(f===e||o(f,e,r,n,i)))return p.push(t)}))){h=!1;break}}else if(f!==m&&!o(f,m,r,n,i)){h=!1;break}}return i.delete(e),i.delete(t),h};var Gn=C.Uint8Array,Yn=Be,Zn=Xn,Jn=function(e){var t=-1,r=Array(e.size);return e.forEach((function(e,n){r[++t]=[n,e]})),r},Kn=function(e){var t=-1,r=Array(e.size);return e.forEach((function(e){r[++t]=e})),r},eo=F?F.prototype:void 0,to=eo?eo.valueOf:void 0;var ro=function(e,t,r,n,o,i,a){switch(r){case"[object DataView]":if(e.byteLength!=t.byteLength||e.byteOffset!=t.byteOffset)return!1;e=e.buffer,t=t.buffer;case"[object ArrayBuffer]":return!(e.byteLength!=t.byteLength||!i(new Gn(e),new Gn(t)));case"[object Boolean]":case"[object Date]":case"[object Number]":return Yn(+e,+t);case"[object Error]":return e.name==t.name&&e.message==t.message;case"[object RegExp]":case"[object String]":return e==t+"";case"[object Map]":var s=Jn;case"[object Set]":var l=1&n;if(s||(s=Kn),e.size!=t.size&&!l)return!1;var c=a.get(e);if(c)return c==t;n|=2,a.set(e,t);var d=Zn(s(e),s(t),n,o,i,a);return a.delete(e),d;case"[object Symbol]":if(to)return to.call(e)==to.call(t)}return!1};var no=function(e,t){for(var r=-1,n=t.length,o=e.length;++r<n;)e[o+r]=t[r];return e},oo=k;var io=function(e,t,r){var n=t(e);return oo(e)?n:no(n,r(e))};var ao=function(e,t){for(var r=-1,n=null==e?0:e.length,o=0,i=[];++r<n;){var a=e[r];t(a,r,e)&&(i[o++]=a)}return i},so=function(){return[]},lo=Object.prototype.propertyIsEnumerable,co=Object.getOwnPropertySymbols,uo=co?function(e){return null==e?[]:(e=Object(e),ao(co(e),(function(t){return lo.call(e,t)})))}:so;var ho=function(e,t){for(var r=-1,n=Array(e);++r<e;)n[r]=t(r);return n},po=H,fo=L;var mo=function(e){return fo(e)&&"[object Arguments]"==po(e)},go=L,yo=Object.prototype,bo=yo.hasOwnProperty,vo=yo.propertyIsEnumerable,wo=mo(function(){return arguments}())?mo:function(e){return go(e)&&bo.call(e,"callee")&&!vo.call(e,"callee")},xo={exports:{}};var $o=function(){return!1};!function(e,t){var r=C,n=$o,o=t&&!t.nodeType&&t,i=o&&e&&!e.nodeType&&e,a=i&&i.exports===o?r.Buffer:void 0,s=(a?a.isBuffer:void 0)||n;e.exports=s}(xo,xo.exports);var _o=/^(?:0|[1-9]\d*)$/;var So=function(e,t){var r=typeof e;return!!(t=null==t?9007199254740991:t)&&("number"==r||"symbol"!=r&&_o.test(e))&&e>-1&&e%1==0&&e<t};var ko=function(e){return"number"==typeof e&&e>-1&&e%1==0&&e<=9007199254740991},Oo=H,jo=ko,Eo=L,Co={};Co["[object Float32Array]"]=Co["[object Float64Array]"]=Co["[object Int8Array]"]=Co["[object Int16Array]"]=Co["[object Int32Array]"]=Co["[object Uint8Array]"]=Co["[object Uint8ClampedArray]"]=Co["[object Uint16Array]"]=Co["[object Uint32Array]"]=!0,Co["[object Arguments]"]=Co["[object Array]"]=Co["[object ArrayBuffer]"]=Co["[object Boolean]"]=Co["[object DataView]"]=Co["[object Date]"]=Co["[object Error]"]=Co["[object Function]"]=Co["[object Map]"]=Co["[object Number]"]=Co["[object Object]"]=Co["[object RegExp]"]=Co["[object Set]"]=Co["[object String]"]=Co["[object WeakMap]"]=!1;var Fo=function(e){return Eo(e)&&jo(e.length)&&!!Co[Oo(e)]};var Po=function(e){return function(t){return e(t)}},Io={exports:{}};!function(e,t){var r=O,n=t&&!t.nodeType&&t,o=n&&e&&!e.nodeType&&e,i=o&&o.exports===n&&r.process,a=function(){try{var e=o&&o.require&&o.require("util").types;return e||i&&i.binding&&i.binding("util")}catch(e){}}();e.exports=a}(Io,Io.exports);var To=Fo,No=Po,Mo=Io.exports,zo=Mo&&Mo.isTypedArray,Ao=zo?No(zo):To,Bo=ho,Do=wo,Ro=k,Ho=xo.exports,Lo=So,Vo=Ao,Wo=Object.prototype.hasOwnProperty;var Uo=function(e,t){var r=Ro(e),n=!r&&Do(e),o=!r&&!n&&Ho(e),i=!r&&!n&&!o&&Vo(e),a=r||n||o||i,s=a?Bo(e.length,String):[],l=s.length;for(var c in e)!t&&!Wo.call(e,c)||a&&("length"==c||o&&("offset"==c||"parent"==c)||i&&("buffer"==c||"byteLength"==c||"byteOffset"==c)||Lo(c,l))||s.push(c);return s},qo=Object.prototype;var Qo=function(e){var t=e&&e.constructor;return e===("function"==typeof t&&t.prototype||qo)};var Xo=function(e,t){return function(r){return e(t(r))}}(Object.keys,Object),Go=Qo,Yo=Xo,Zo=Object.prototype.hasOwnProperty;var Jo=te,Ko=ko;var ei=Uo,ti=function(e){if(!Go(e))return Yo(e);var t=[];for(var r in Object(e))Zo.call(e,r)&&"constructor"!=r&&t.push(r);return t},ri=function(e){return null!=e&&Ko(e.length)&&!Jo(e)};var ni=function(e){return ri(e)?ei(e):ti(e)},oi=io,ii=uo,ai=ni;var si=function(e){return oi(e,ai,ii)},li=Object.prototype.hasOwnProperty;var ci=function(e,t,r,n,o,i){var a=1&r,s=si(e),l=s.length;if(l!=si(t).length&&!a)return!1;for(var c=l;c--;){var d=s[c];if(!(a?d in t:li.call(t,d)))return!1}var u=i.get(e),h=i.get(t);if(u&&h)return u==t&&h==e;var p=!0;i.set(e,t),i.set(t,e);for(var f=a;++c<l;){var m=e[d=s[c]],g=t[d];if(n)var y=a?n(g,m,d,t,e,i):n(m,g,d,e,t,i);if(!(void 0===y?m===g||o(m,g,r,n,i):y)){p=!1;break}f||(f="constructor"==d)}if(p&&!f){var b=e.constructor,v=t.constructor;b==v||!("constructor"in e)||!("constructor"in t)||"function"==typeof b&&b instanceof b&&"function"==typeof v&&v instanceof v||(p=!1)}return i.delete(e),i.delete(t),p},di=ve(C,"DataView"),ui=Ke,hi=ve(C,"Promise"),pi=ve(C,"Set"),fi=ve(C,"WeakMap"),mi=H,gi=ae,yi=gi(di),bi=gi(ui),vi=gi(hi),wi=gi(pi),xi=gi(fi),$i=mi;(di&&"[object DataView]"!=$i(new di(new ArrayBuffer(1)))||ui&&"[object Map]"!=$i(new ui)||hi&&"[object Promise]"!=$i(hi.resolve())||pi&&"[object Set]"!=$i(new pi)||fi&&"[object WeakMap]"!=$i(new fi))&&($i=function(e){var t=mi(e),r="[object Object]"==t?e.constructor:void 0,n=r?gi(r):"";if(n)switch(n){case yi:return"[object DataView]";case bi:return"[object Map]";case vi:return"[object Promise]";case wi:return"[object Set]";case xi:return"[object WeakMap]"}return t});var _i=Rn,Si=Xn,ki=ro,Oi=ci,ji=$i,Ei=k,Ci=xo.exports,Fi=Ao,Pi="[object Object]",Ii=Object.prototype.hasOwnProperty;var Ti=function(e,t,r,n,o,i){var a=Ei(e),s=Ei(t),l=a?"[object Array]":ji(e),c=s?"[object Array]":ji(t),d=(l="[object Arguments]"==l?Pi:l)==Pi,u=(c="[object Arguments]"==c?Pi:c)==Pi,h=l==c;if(h&&Ci(e)){if(!Ci(t))return!1;a=!0,d=!1}if(h&&!d)return i||(i=new _i),a||Fi(e)?Si(e,t,r,n,o,i):ki(e,t,l,r,n,o,i);if(!(1&r)){var p=d&&Ii.call(e,"__wrapped__"),f=u&&Ii.call(t,"__wrapped__");if(p||f){var m=p?e.value():e,g=f?t.value():t;return i||(i=new _i),o(m,g,r,n,i)}}return!!h&&(i||(i=new _i),Oi(e,t,r,n,o,i))},Ni=L;var Mi=function e(t,r,n,o,i){return t===r||(null==t||null==r||!Ni(t)&&!Ni(r)?t!=t&&r!=r:Ti(t,r,n,o,e,i))},zi=Rn,Ai=Mi;var Bi=Z;var Di=function(e){return e==e&&!Bi(e)},Ri=Di,Hi=ni;var Li=function(e,t){return function(r){return null!=r&&(r[e]===t&&(void 0!==t||e in Object(r)))}},Vi=function(e,t,r,n){var o=r.length,i=o,a=!n;if(null==e)return!i;for(e=Object(e);o--;){var s=r[o];if(a&&s[2]?s[1]!==e[s[0]]:!(s[0]in e))return!1}for(;++o<i;){var l=(s=r[o])[0],c=e[l],d=s[1];if(a&&s[2]){if(void 0===c&&!(l in e))return!1}else{var u=new zi;if(n)var h=n(c,d,l,e,t,u);if(!(void 0===h?Ai(d,c,3,n,u):h))return!1}}return!0},Wi=function(e){for(var t=Hi(e),r=t.length;r--;){var n=t[r],o=e[n];t[r]=[n,o,Ri(o)]}return t},Ui=Li;var qi=Tt,Qi=wo,Xi=k,Gi=So,Yi=ko,Zi=Mt;var Ji=function(e,t){return null!=e&&t in Object(e)},Ki=function(e,t,r){for(var n=-1,o=(t=qi(t,e)).length,i=!1;++n<o;){var a=Zi(t[n]);if(!(i=null!=e&&r(e,a)))break;e=e[a]}return i||++n!=o?i:!!(o=null==e?0:e.length)&&Yi(o)&&Gi(a,o)&&(Xi(e)||Qi(e))};var ea=Mi,ta=Rt,ra=function(e,t){return null!=e&&Ki(e,t,Ji)},na=Y,oa=Di,ia=Li,aa=Mt;var sa=Bt;var la=function(e){return function(t){return null==t?void 0:t[e]}},ca=function(e){return function(t){return sa(t,e)}},da=Y,ua=Mt;var ha=function(e){var t=Wi(e);return 1==t.length&&t[0][2]?Ui(t[0][0],t[0][1]):function(r){return r===e||Vi(r,e,t)}},pa=function(e,t){return na(e)&&oa(t)?ia(aa(e),t):function(r){var n=ta(r,e);return void 0===n&&n===t?ra(r,e):ea(t,n,3)}},fa=function(e){return e},ma=k,ga=function(e){return da(e)?la(ua(e)):ca(e)};var ya=Rr;var ba=function(e){return e?Infinity===(e=ya(e))||-Infinity===e?17976931348623157e292*(e<0?-1:1):e==e?e:0:0===e?e:0};var va=En,wa=function(e){return"function"==typeof e?e:null==e?fa:"object"==typeof e?ma(e)?pa(e[0],e[1]):ha(e):ga(e)},xa=function(e){var t=ba(e),r=t%1;return t==t?r?t-r:t:0},$a=Math.max;var _a=function(e,t,r){var n=null==e?0:e.length;if(!n)return-1;var o=null==r?0:xa(r);return o<0&&(o=$a(n+o,0)),va(e,wa(t),o)},Sa={color:void 0,size:void 0,className:void 0,style:void 0,attr:void 0},ka=o.createContext&&o.createContext(Sa),Oa=function(){return Oa=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},Oa.apply(this,arguments)},ja=function(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(n=Object.getOwnPropertySymbols(e);o<n.length;o++)t.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(e,n[o])&&(r[n[o]]=e[n[o]])}return r};function Ea(e){return e&&e.map((function(e,t){return o.createElement(e.tag,Oa({key:t},e.attr),Ea(e.child))}))}function Ca(e){return function(t){return o.createElement(Fa,Oa({attr:Oa({},e.attr)},t),Ea(e.child))}}function Fa(e){var t=function(t){var r,n=e.attr,i=e.size,a=e.title,s=ja(e,["attr","size","title"]),l=i||t.size||"1em";return t.className&&(r=t.className),e.className&&(r=(r?r+" ":"")+e.className),o.createElement("svg",Oa({stroke:"currentColor",fill:"currentColor",strokeWidth:"0"},t.attr,n,s,{className:r,style:Oa(Oa({color:e.color||t.color},t.style),e.style),height:l,width:l,xmlns:"http://www.w3.org/2000/svg"}),a&&o.createElement("title",null,a),e.children)};return void 0!==ka?o.createElement(ka.Consumer,null,(function(e){return t(e)})):t(Sa)}function Pa(e){return Ca({tag:"svg",attr:{viewBox:"0 0 512 512"},child:[{tag:"path",attr:{d:"M256 48C141.6 48 48 141.601 48 256s93.6 208 208 208 208-93.601 208-208S370.4 48 256 48zm24 312h-48v-40h48v40zm0-88h-48V144h48v128z"}}]})(e)}let Ia=Xa();const Ta=e=>Wa(e,Ia);let Na=Xa();Ta.write=e=>Wa(e,Na);let Ma=Xa();Ta.onStart=e=>Wa(e,Ma);let za=Xa();Ta.onFrame=e=>Wa(e,za);let Aa=Xa();Ta.onFinish=e=>Wa(e,Aa);let Ba=[];Ta.setTimeout=(e,t)=>{let r=Ta.now()+t,n=()=>{let e=Ba.findIndex((e=>e.cancel==n));~e&&Ba.splice(e,1),La-=~e?1:0},o={time:r,handler:e,cancel:n};return Ba.splice(Da(r),0,o),La+=1,Ua(),o};let Da=e=>~(~Ba.findIndex((t=>t.time>e))||~Ba.length);Ta.cancel=e=>{Ma.delete(e),za.delete(e),Ia.delete(e),Na.delete(e),Aa.delete(e)},Ta.sync=e=>{Va=!0,Ta.batchedUpdates(e),Va=!1},Ta.throttle=e=>{let t;function r(){try{e(...t)}finally{t=null}}function n(...e){t=e,Ta.onStart(r)}return n.handler=e,n.cancel=()=>{Ma.delete(r),t=null},n};let Ra="undefined"!=typeof window?window.requestAnimationFrame:()=>{};Ta.use=e=>Ra=e,Ta.now="undefined"!=typeof performance?()=>performance.now():Date.now,Ta.batchedUpdates=e=>e(),Ta.catch=console.error,Ta.frameLoop="always",Ta.advance=()=>{"demand"!==Ta.frameLoop?console.warn("Cannot call the manual advancement of rafz whilst frameLoop is not set as demand"):Qa()};let Ha=-1,La=0,Va=!1;function Wa(e,t){Va?(t.delete(e),e(0)):(t.add(e),Ua())}function Ua(){Ha<0&&(Ha=0,"demand"!==Ta.frameLoop&&Ra(qa))}function qa(){~Ha&&(Ra(qa),Ta.batchedUpdates(Qa))}function Qa(){let e=Ha;Ha=Ta.now();let t=Da(Ha);t&&(Ga(Ba.splice(0,t),(e=>e.handler())),La-=t),Ma.flush(),Ia.flush(e?Math.min(64,Ha-e):16.667),za.flush(),Na.flush(),Aa.flush(),La||(Ha=-1)}function Xa(){let e=new Set,t=e;return{add(r){La+=t!=e||e.has(r)?0:1,e.add(r)},delete:r=>(La-=t==e&&e.has(r)?1:0,e.delete(r)),flush(r){t.size&&(e=new Set,La-=t.size,Ga(t,(t=>t(r)&&e.add(t))),La+=e.size,t=e)}}}function Ga(e,t){e.forEach((e=>{try{t(e)}catch(e){Ta.catch(e)}}))}function Ya(){}const Za={arr:Array.isArray,obj:e=>!!e&&"Object"===e.constructor.name,fun:e=>"function"==typeof e,str:e=>"string"==typeof e,num:e=>"number"==typeof e,und:e=>void 0===e};function Ja(e,t){if(Za.arr(e)){if(!Za.arr(t)||e.length!==t.length)return!1;for(let r=0;r<e.length;r++)if(e[r]!==t[r])return!1;return!0}return e===t}const Ka=(e,t)=>e.forEach(t);function es(e,t,r){if(Za.arr(e))for(let n=0;n<e.length;n++)t.call(r,e[n],`${n}`);else for(const n in e)e.hasOwnProperty(n)&&t.call(r,e[n],n)}const ts=e=>Za.und(e)?[]:Za.arr(e)?e:[e];function rs(e,t){if(e.size){const r=Array.from(e);e.clear(),Ka(r,t)}}const ns=(e,...t)=>rs(e,(e=>e(...t))),os=()=>"undefined"==typeof window||!window.navigator||/ServerSideRendering|^Deno\//.test(window.navigator.userAgent);let is,as,ss=null,ls=!1,cs=Ya;var ds=Object.freeze({__proto__:null,get createStringInterpolator(){return is},get to(){return as},get colors(){return ss},get skipAnimation(){return ls},get willAdvance(){return cs},assign:e=>{e.to&&(as=e.to),e.now&&(Ta.now=e.now),void 0!==e.colors&&(ss=e.colors),null!=e.skipAnimation&&(ls=e.skipAnimation),e.createStringInterpolator&&(is=e.createStringInterpolator),e.requestAnimationFrame&&Ta.use(e.requestAnimationFrame),e.batchedUpdates&&(Ta.batchedUpdates=e.batchedUpdates),e.willAdvance&&(cs=e.willAdvance),e.frameLoop&&(Ta.frameLoop=e.frameLoop)}});const us=new Set;let hs=[],ps=[],fs=0;const ms={get idle(){return!us.size&&!hs.length},start(e){fs>e.priority?(us.add(e),Ta.onStart(gs)):(ys(e),Ta(vs))},advance:vs,sort(e){if(fs)Ta.onFrame((()=>ms.sort(e)));else{const t=hs.indexOf(e);~t&&(hs.splice(t,1),bs(e))}},clear(){hs=[],us.clear()}};function gs(){us.forEach(ys),us.clear(),Ta(vs)}function ys(e){hs.includes(e)||bs(e)}function bs(e){hs.splice(function(e,t){const r=e.findIndex(t);return r<0?e.length:r}(hs,(t=>t.priority>e.priority)),0,e)}function vs(e){const t=ps;for(let r=0;r<hs.length;r++){const n=hs[r];fs=n.priority,n.idle||(cs(n),n.advance(e),n.idle||t.push(n))}return fs=0,ps=hs,ps.length=0,hs=t,hs.length>0}const ws="[-+]?\\d*\\.?\\d+";function xs(...e){return"\\(\\s*("+e.join(")\\s*,\\s*(")+")\\s*\\)"}const $s=new RegExp("rgb"+xs(ws,ws,ws)),_s=new RegExp("rgba"+xs(ws,ws,ws,ws)),Ss=new RegExp("hsl"+xs(ws,"[-+]?\\d*\\.?\\d+%","[-+]?\\d*\\.?\\d+%")),ks=new RegExp("hsla"+xs(ws,"[-+]?\\d*\\.?\\d+%","[-+]?\\d*\\.?\\d+%",ws)),Os=/^#([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,js=/^#([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,Es=/^#([0-9a-fA-F]{6})$/,Cs=/^#([0-9a-fA-F]{8})$/;function Fs(e,t,r){return r<0&&(r+=1),r>1&&(r-=1),r<1/6?e+6*(t-e)*r:r<.5?t:r<2/3?e+(t-e)*(2/3-r)*6:e}function Ps(e,t,r){const n=r<.5?r*(1+t):r+t-r*t,o=2*r-n,i=Fs(o,n,e+1/3),a=Fs(o,n,e),s=Fs(o,n,e-1/3);return Math.round(255*i)<<24|Math.round(255*a)<<16|Math.round(255*s)<<8}function Is(e){const t=parseInt(e,10);return t<0?0:t>255?255:t}function Ts(e){return(parseFloat(e)%360+360)%360/360}function Ns(e){const t=parseFloat(e);return t<0?0:t>1?255:Math.round(255*t)}function Ms(e){const t=parseFloat(e);return t<0?0:t>100?1:t/100}function zs(e){let t=function(e){let t;return"number"==typeof e?e>>>0===e&&e>=0&&e<=4294967295?e:null:(t=Es.exec(e))?parseInt(t[1]+"ff",16)>>>0:ss&&void 0!==ss[e]?ss[e]:(t=$s.exec(e))?(Is(t[1])<<24|Is(t[2])<<16|Is(t[3])<<8|255)>>>0:(t=_s.exec(e))?(Is(t[1])<<24|Is(t[2])<<16|Is(t[3])<<8|Ns(t[4]))>>>0:(t=Os.exec(e))?parseInt(t[1]+t[1]+t[2]+t[2]+t[3]+t[3]+"ff",16)>>>0:(t=Cs.exec(e))?parseInt(t[1],16)>>>0:(t=js.exec(e))?parseInt(t[1]+t[1]+t[2]+t[2]+t[3]+t[3]+t[4]+t[4],16)>>>0:(t=Ss.exec(e))?(255|Ps(Ts(t[1]),Ms(t[2]),Ms(t[3])))>>>0:(t=ks.exec(e))?(Ps(Ts(t[1]),Ms(t[2]),Ms(t[3]))|Ns(t[4]))>>>0:null}(e);return null===t?e:(t=t||0,`rgba(${(4278190080&t)>>>24}, ${(16711680&t)>>>16}, ${(65280&t)>>>8}, ${(255&t)/255})`)}const As=(e,t,r)=>{if(Za.fun(e))return e;if(Za.arr(e))return As({range:e,output:t,extrapolate:r});if(Za.str(e.output[0]))return is(e);const n=e,o=n.output,i=n.range||[0,1],a=n.extrapolateLeft||n.extrapolate||"extend",s=n.extrapolateRight||n.extrapolate||"extend",l=n.easing||(e=>e);return e=>{const t=function(e,t){for(var r=1;r<t.length-1&&!(t[r]>=e);++r);return r-1}(e,i);return function(e,t,r,n,o,i,a,s,l){let c=l?l(e):e;if(c<t){if("identity"===a)return c;"clamp"===a&&(c=t)}if(c>r){if("identity"===s)return c;"clamp"===s&&(c=r)}if(n===o)return n;if(t===r)return e<=t?n:o;t===-1/0?c=-c:r===1/0?c-=t:c=(c-t)/(r-t);c=i(c),n===-1/0?c=-c:o===1/0?c+=n:c=c*(o-n)+n;return c}(e,i[t],i[t+1],o[t],o[t+1],l,a,s,n.map)}};function Bs(){return Bs=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},Bs.apply(this,arguments)}const Ds=Symbol.for("FluidValue.get"),Rs=Symbol.for("FluidValue.observers"),Hs=e=>Boolean(e&&e[Ds]),Ls=e=>e&&e[Ds]?e[Ds]():e,Vs=e=>e[Rs]||null;function Ws(e,t){let r=e[Rs];r&&r.forEach((e=>{!function(e,t){e.eventObserved?e.eventObserved(t):e(t)}(e,t)}))}class Us{constructor(e){if(this[Ds]=void 0,this[Rs]=void 0,!e&&!(e=this.get))throw Error("Unknown getter");qs(this,e)}}const qs=(e,t)=>Gs(e,Ds,t);function Qs(e,t){if(e[Ds]){let r=e[Rs];r||Gs(e,Rs,r=new Set),r.has(t)||(r.add(t),e.observerAdded&&e.observerAdded(r.size,t))}return t}function Xs(e,t){let r=e[Rs];if(r&&r.has(t)){const n=r.size-1;n?r.delete(t):e[Rs]=null,e.observerRemoved&&e.observerRemoved(n,t)}}const Gs=(e,t,r)=>Object.defineProperty(e,t,{value:r,writable:!0,configurable:!0}),Ys=/[+\-]?(?:0|[1-9]\d*)(?:\.\d*)?(?:[eE][+\-]?\d+)?/g,Zs=/(#(?:[0-9a-f]{2}){2,4}|(#[0-9a-f]{3})|(rgb|hsl)a?\((-?\d+%?[,\s]+){2,3}\s*[\d\.]+%?\))/gi,Js=new RegExp(`(${Ys.source})(%|[a-z]+)`,"i"),Ks=/rgba\(([0-9\.-]+), ([0-9\.-]+), ([0-9\.-]+), ([0-9\.-]+)\)/gi,el=/var\((--[a-zA-Z0-9-_]+),? ?([a-zA-Z0-9 ()%#.,-]+)?\)/,tl=e=>{const[t,r]=rl(e);if(!t||os())return e;const n=window.getComputedStyle(document.documentElement).getPropertyValue(t);if(n)return n.trim();if(r&&r.startsWith("--")){const t=window.getComputedStyle(document.documentElement).getPropertyValue(r);return t||e}return r&&el.test(r)?tl(r):r||e},rl=e=>{const t=el.exec(e);if(!t)return[,];const[,r,n]=t;return[r,n]};let nl;const ol=(e,t,r,n,o)=>`rgba(${Math.round(t)}, ${Math.round(r)}, ${Math.round(n)}, ${o})`,il=e=>{nl||(nl=ss?new RegExp(`(${Object.keys(ss).join("|")})(?!\\w)`,"g"):/^\b$/);const t=e.output.map((e=>Ls(e).replace(el,tl).replace(Zs,zs).replace(nl,zs))),r=t.map((e=>e.match(Ys).map(Number))),n=r[0].map(((e,t)=>r.map((e=>{if(!(t in e))throw Error('The arity of each "output" value must be equal');return e[t]})))).map((t=>As(Bs({},e,{output:t}))));return e=>{var r;const o=!Js.test(t[0])&&(null==(r=t.find((e=>Js.test(e))))?void 0:r.replace(Ys,""));let i=0;return t[0].replace(Ys,(()=>`${n[i++](e)}${o||""}`)).replace(Ks,ol)}},al="react-spring: ",sl=e=>{const t=e;let r=!1;if("function"!=typeof t)throw new TypeError(`${al}once requires a function parameter`);return(...e)=>{r||(t(...e),r=!0)}},ll=sl(console.warn);const cl=sl(console.warn);function dl(e){return Za.str(e)&&("#"==e[0]||/\d/.test(e)||!os()&&el.test(e)||e in(ss||{}))}const ul="undefined"!=typeof window&&window.document&&window.document.createElement?n.useLayoutEffect:n.useEffect;function hl(){const e=i()[1],t=(()=>{const e=a(!1);return ul((()=>(e.current=!0,()=>{e.current=!1})),[]),e})();return()=>{t.current&&e(Math.random())}}const pl=e=>s(e,fl),fl=[];function ml(e){const t=a();return s((()=>{t.current=e})),t.current}const gl=Symbol.for("Animated:node"),yl=e=>e&&e[gl],bl=(e,t)=>{return r=e,n=gl,o=t,Object.defineProperty(r,n,{value:o,writable:!0,configurable:!0});var r,n,o},vl=e=>e&&e[gl]&&e[gl].getPayload();class wl{constructor(){this.payload=void 0,bl(this,this)}getPayload(){return this.payload||[]}}class xl extends wl{constructor(e){super(),this.done=!0,this.elapsedTime=void 0,this.lastPosition=void 0,this.lastVelocity=void 0,this.v0=void 0,this.durationProgress=0,this._value=e,Za.num(this._value)&&(this.lastPosition=this._value)}static create(e){return new xl(e)}getPayload(){return[this]}getValue(){return this._value}setValue(e,t){return Za.num(e)&&(this.lastPosition=e,t&&(e=Math.round(e/t)*t,this.done&&(this.lastPosition=e))),this._value!==e&&(this._value=e,!0)}reset(){const{done:e}=this;this.done=!1,Za.num(this._value)&&(this.elapsedTime=0,this.durationProgress=0,this.lastPosition=this._value,e&&(this.lastVelocity=null),this.v0=null)}}class $l extends xl{constructor(e){super(0),this._string=null,this._toString=void 0,this._toString=As({output:[e,e]})}static create(e){return new $l(e)}getValue(){let e=this._string;return null==e?this._string=this._toString(this._value):e}setValue(e){if(Za.str(e)){if(e==this._string)return!1;this._string=e,this._value=1}else{if(!super.setValue(e))return!1;this._string=null}return!0}reset(e){e&&(this._toString=As({output:[this.getValue(),e]})),this._value=0,super.reset()}}const _l={dependencies:null};class Sl extends wl{constructor(e){super(),this.source=e,this.setValue(e)}getValue(e){const t={};return es(this.source,((r,n)=>{var o;(o=r)&&o[gl]===o?t[n]=r.getValue(e):Hs(r)?t[n]=Ls(r):e||(t[n]=r)})),t}setValue(e){this.source=e,this.payload=this._makePayload(e)}reset(){this.payload&&Ka(this.payload,(e=>e.reset()))}_makePayload(e){if(e){const t=new Set;return es(e,this._addToPayload,t),Array.from(t)}}_addToPayload(e){_l.dependencies&&Hs(e)&&_l.dependencies.add(e);const t=vl(e);t&&Ka(t,(e=>this.add(e)))}}class kl extends Sl{constructor(e){super(e)}static create(e){return new kl(e)}getValue(){return this.source.map((e=>e.getValue()))}setValue(e){const t=this.getPayload();return e.length==t.length?t.map(((t,r)=>t.setValue(e[r]))).some(Boolean):(super.setValue(e.map(Ol)),!0)}}function Ol(e){return(dl(e)?$l:xl).create(e)}function jl(e){const t=yl(e);return t?t.constructor:Za.arr(e)?kl:dl(e)?$l:xl}function El(){return El=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},El.apply(this,arguments)}const Cl=(e,t)=>{const r=!Za.fun(e)||e.prototype&&e.prototype.isReactComponent;return l(((o,i)=>{const l=a(null),d=r&&c((e=>{l.current=function(e,t){e&&(Za.fun(e)?e(t):e.current=t);return t}(i,e)}),[i]),[u,h]=function(e,t){const r=new Set;_l.dependencies=r,e.style&&(e=El({},e,{style:t.createAnimatedStyle(e.style)}));return e=new Sl(e),_l.dependencies=null,[e,r]}(o,t),p=hl(),f=()=>{const e=l.current;if(r&&!e)return;!1===(!!e&&t.applyAnimatedValues(e,u.getValue(!0)))&&p()},m=new Fl(f,h),g=a();ul((()=>(g.current=m,Ka(h,(e=>Qs(e,m))),()=>{g.current&&(Ka(g.current.deps,(e=>Xs(e,g.current))),Ta.cancel(g.current.update))}))),s(f,[]),pl((()=>()=>{const e=g.current;Ka(e.deps,(t=>Xs(t,e)))}));const y=t.getComponentProps(u.getValue());return n.createElement(e,El({},y,{ref:d}))}))};class Fl{constructor(e,t){this.update=e,this.deps=t}eventObserved(e){"change"==e.type&&Ta.write(this.update)}}const Pl=Symbol.for("AnimatedComponent"),Il=e=>Za.str(e)?e:e&&Za.str(e.displayName)?e.displayName:Za.fun(e)&&e.name||null;function Tl(){return Tl=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},Tl.apply(this,arguments)}function Nl(e,...t){return Za.fun(e)?e(...t):e}const Ml=(e,t)=>!0===e||!!(t&&e&&(Za.fun(e)?e(t):ts(e).includes(t))),zl=(e,t)=>Za.obj(e)?t&&e[t]:e,Al=(e,t)=>!0===e.default?e[t]:e.default?e.default[t]:void 0,Bl=e=>e,Dl=(e,t=Bl)=>{let r=Rl;e.default&&!0!==e.default&&(e=e.default,r=Object.keys(e));const n={};for(const o of r){const r=t(e[o],o);Za.und(r)||(n[o]=r)}return n},Rl=["config","onProps","onStart","onChange","onPause","onResume","onRest"],Hl={config:1,from:1,to:1,ref:1,loop:1,reset:1,pause:1,cancel:1,reverse:1,immediate:1,default:1,delay:1,onProps:1,onStart:1,onChange:1,onPause:1,onResume:1,onRest:1,onResolve:1,items:1,trail:1,sort:1,expires:1,initial:1,enter:1,update:1,leave:1,children:1,onDestroyed:1,keys:1,callId:1,parentId:1};function Ll(e){const t=function(e){const t={};let r=0;if(es(e,((e,n)=>{Hl[n]||(t[n]=e,r++)})),r)return t}(e);if(t){const r={to:t};return es(e,((e,n)=>n in t||(r[n]=e))),r}return Tl({},e)}function Vl(e){return e=Ls(e),Za.arr(e)?e.map(Vl):dl(e)?ds.createStringInterpolator({range:[0,1],output:[e,e]})(1):e}function Wl(e){for(const t in e)return!0;return!1}function Ul(e){return Za.fun(e)||Za.arr(e)&&Za.obj(e[0])}function ql(e,t){var r;null==(r=e.ref)||r.delete(e),null==t||t.delete(e)}function Ql(e,t){var r;t&&e.ref!==t&&(null==(r=e.ref)||r.delete(e),t.add(e),e.ref=t)}const Xl=1.70158,Gl=1.525*Xl,Yl=2*Math.PI/3,Zl=2*Math.PI/4.5,Jl=e=>{const t=7.5625,r=2.75;return e<1/r?t*e*e:e<2/r?t*(e-=1.5/r)*e+.75:e<2.5/r?t*(e-=2.25/r)*e+.9375:t*(e-=2.625/r)*e+.984375},Kl=Tl({},{tension:170,friction:26},{mass:1,damping:1,easing:{linear:e=>e,easeInQuad:e=>e*e,easeOutQuad:e=>1-(1-e)*(1-e),easeInOutQuad:e=>e<.5?2*e*e:1-Math.pow(-2*e+2,2)/2,easeInCubic:e=>e*e*e,easeOutCubic:e=>1-Math.pow(1-e,3),easeInOutCubic:e=>e<.5?4*e*e*e:1-Math.pow(-2*e+2,3)/2,easeInQuart:e=>e*e*e*e,easeOutQuart:e=>1-Math.pow(1-e,4),easeInOutQuart:e=>e<.5?8*e*e*e*e:1-Math.pow(-2*e+2,4)/2,easeInQuint:e=>e*e*e*e*e,easeOutQuint:e=>1-Math.pow(1-e,5),easeInOutQuint:e=>e<.5?16*e*e*e*e*e:1-Math.pow(-2*e+2,5)/2,easeInSine:e=>1-Math.cos(e*Math.PI/2),easeOutSine:e=>Math.sin(e*Math.PI/2),easeInOutSine:e=>-(Math.cos(Math.PI*e)-1)/2,easeInExpo:e=>0===e?0:Math.pow(2,10*e-10),easeOutExpo:e=>1===e?1:1-Math.pow(2,-10*e),easeInOutExpo:e=>0===e?0:1===e?1:e<.5?Math.pow(2,20*e-10)/2:(2-Math.pow(2,-20*e+10))/2,easeInCirc:e=>1-Math.sqrt(1-Math.pow(e,2)),easeOutCirc:e=>Math.sqrt(1-Math.pow(e-1,2)),easeInOutCirc:e=>e<.5?(1-Math.sqrt(1-Math.pow(2*e,2)))/2:(Math.sqrt(1-Math.pow(-2*e+2,2))+1)/2,easeInBack:e=>2.70158*e*e*e-Xl*e*e,easeOutBack:e=>1+2.70158*Math.pow(e-1,3)+Xl*Math.pow(e-1,2),easeInOutBack:e=>e<.5?Math.pow(2*e,2)*(7.189819*e-Gl)/2:(Math.pow(2*e-2,2)*((Gl+1)*(2*e-2)+Gl)+2)/2,easeInElastic:e=>0===e?0:1===e?1:-Math.pow(2,10*e-10)*Math.sin((10*e-10.75)*Yl),easeOutElastic:e=>0===e?0:1===e?1:Math.pow(2,-10*e)*Math.sin((10*e-.75)*Yl)+1,easeInOutElastic:e=>0===e?0:1===e?1:e<.5?-Math.pow(2,20*e-10)*Math.sin((20*e-11.125)*Zl)/2:Math.pow(2,-20*e+10)*Math.sin((20*e-11.125)*Zl)/2+1,easeInBounce:e=>1-Jl(1-e),easeOutBounce:Jl,easeInOutBounce:e=>e<.5?(1-Jl(1-2*e))/2:(1+Jl(2*e-1))/2}.linear,clamp:!1});class ec{constructor(){this.tension=void 0,this.friction=void 0,this.frequency=void 0,this.damping=void 0,this.mass=void 0,this.velocity=0,this.restVelocity=void 0,this.precision=void 0,this.progress=void 0,this.duration=void 0,this.easing=void 0,this.clamp=void 0,this.bounce=void 0,this.decay=void 0,this.round=void 0,Object.assign(this,Kl)}}function tc(e,t){if(Za.und(t.decay)){const r=!Za.und(t.tension)||!Za.und(t.friction);!r&&Za.und(t.frequency)&&Za.und(t.damping)&&Za.und(t.mass)||(e.duration=void 0,e.decay=void 0),r&&(e.frequency=void 0)}else e.duration=void 0}const rc=[];class nc{constructor(){this.changed=!1,this.values=rc,this.toValues=null,this.fromValues=rc,this.to=void 0,this.from=void 0,this.config=new ec,this.immediate=!1}}function oc(e,{key:t,props:r,defaultProps:n,state:o,actions:i}){return new Promise(((a,s)=>{var l;let c,d,u=Ml(null!=(l=r.cancel)?l:null==n?void 0:n.cancel,t);if(u)f();else{Za.und(r.pause)||(o.paused=Ml(r.pause,t));let e=null==n?void 0:n.pause;!0!==e&&(e=o.paused||Ml(e,t)),c=Nl(r.delay||0,t),e?(o.resumeQueue.add(p),i.pause()):(i.resume(),p())}function h(){o.resumeQueue.add(p),o.timeouts.delete(d),d.cancel(),c=d.time-Ta.now()}function p(){c>0&&!ds.skipAnimation?(o.delayed=!0,d=Ta.setTimeout(f,c),o.pauseQueue.add(h),o.timeouts.add(d)):f()}function f(){o.delayed&&(o.delayed=!1),o.pauseQueue.delete(h),o.timeouts.delete(d),e<=(o.cancelId||0)&&(u=!0);try{i.start(Tl({},r,{callId:e,cancel:u}),a)}catch(e){s(e)}}}))}const ic=(e,t)=>1==t.length?t[0]:t.some((e=>e.cancelled))?lc(e.get()):t.every((e=>e.noop))?ac(e.get()):sc(e.get(),t.every((e=>e.finished))),ac=e=>({value:e,noop:!0,finished:!0,cancelled:!1}),sc=(e,t,r=!1)=>({value:e,finished:t,cancelled:r}),lc=e=>({value:e,cancelled:!0,finished:!1});function cc(e,t,r,n){const{callId:o,parentId:i,onRest:a}=t,{asyncTo:s,promise:l}=r;return i||e!==s||t.reset?r.promise=(async()=>{r.asyncId=o,r.asyncTo=e;const c=Dl(t,((e,t)=>"onRest"===t?void 0:e));let d,u;const h=new Promise(((e,t)=>(d=e,u=t))),p=e=>{const t=o<=(r.cancelId||0)&&lc(n)||o!==r.asyncId&&sc(n,!1);if(t)throw e.result=t,u(e),e},f=(e,t)=>{const i=new uc,a=new hc;return(async()=>{if(ds.skipAnimation)throw dc(r),a.result=sc(n,!1),u(a),a;p(i);const s=Za.obj(e)?Tl({},e):Tl({},t,{to:e});s.parentId=o,es(c,((e,t)=>{Za.und(s[t])&&(s[t]=e)}));const l=await n.start(s);return p(i),r.paused&&await new Promise((e=>{r.resumeQueue.add(e)})),l})()};let m;if(ds.skipAnimation)return dc(r),sc(n,!1);try{let t;t=Za.arr(e)?(async e=>{for(const t of e)await f(t)})(e):Promise.resolve(e(f,n.stop.bind(n))),await Promise.all([t.then(d),h]),m=sc(n.get(),!0,!1)}catch(e){if(e instanceof uc)m=e.result;else{if(!(e instanceof hc))throw e;m=e.result}}finally{o==r.asyncId&&(r.asyncId=i,r.asyncTo=i?s:void 0,r.promise=i?l:void 0)}return Za.fun(a)&&Ta.batchedUpdates((()=>{a(m,n,n.item)})),m})():l}function dc(e,t){rs(e.timeouts,(e=>e.cancel())),e.pauseQueue.clear(),e.resumeQueue.clear(),e.asyncId=e.asyncTo=e.promise=void 0,t&&(e.cancelId=t)}class uc extends Error{constructor(){super("An async animation has been interrupted. You see this error because you forgot to use `await` or `.catch(...)` on its returned promise."),this.result=void 0}}class hc extends Error{constructor(){super("SkipAnimationSignal"),this.result=void 0}}const pc=e=>e instanceof mc;let fc=1;class mc extends Us{constructor(...e){super(...e),this.id=fc++,this.key=void 0,this._priority=0}get priority(){return this._priority}set priority(e){this._priority!=e&&(this._priority=e,this._onPriorityChange(e))}get(){const e=yl(this);return e&&e.getValue()}to(...e){return ds.to(this,e)}interpolate(...e){return ll(`${al}The "interpolate" function is deprecated in v9 (use "to" instead)`),ds.to(this,e)}toJSON(){return this.get()}observerAdded(e){1==e&&this._attach()}observerRemoved(e){0==e&&this._detach()}_attach(){}_detach(){}_onChange(e,t=!1){Ws(this,{type:"change",parent:this,value:e,idle:t})}_onPriorityChange(e){this.idle||ms.sort(this),Ws(this,{type:"priority",parent:this,priority:e})}}const gc=Symbol.for("SpringPhase"),yc=e=>(1&e[gc])>0,bc=e=>(2&e[gc])>0,vc=e=>(4&e[gc])>0,wc=(e,t)=>t?e[gc]|=3:e[gc]&=-3,xc=(e,t)=>t?e[gc]|=4:e[gc]&=-5;class $c extends mc{constructor(e,t){if(super(),this.key=void 0,this.animation=new nc,this.queue=void 0,this.defaultProps={},this._state={paused:!1,delayed:!1,pauseQueue:new Set,resumeQueue:new Set,timeouts:new Set},this._pendingCalls=new Set,this._lastCallId=0,this._lastToId=0,this._memoizedDuration=0,!Za.und(e)||!Za.und(t)){const r=Za.obj(e)?Tl({},e):Tl({},t,{from:e});Za.und(r.default)&&(r.default=!0),this.start(r)}}get idle(){return!(bc(this)||this._state.asyncTo)||vc(this)}get goal(){return Ls(this.animation.to)}get velocity(){const e=yl(this);return e instanceof xl?e.lastVelocity||0:e.getPayload().map((e=>e.lastVelocity||0))}get hasAnimated(){return yc(this)}get isAnimating(){return bc(this)}get isPaused(){return vc(this)}get isDelayed(){return this._state.delayed}advance(e){let t=!0,r=!1;const n=this.animation;let{config:o,toValues:i}=n;const a=vl(n.to);!a&&Hs(n.to)&&(i=ts(Ls(n.to))),n.values.forEach(((s,l)=>{if(s.done)return;const c=s.constructor==$l?1:a?a[l].lastPosition:i[l];let d=n.immediate,u=c;if(!d){if(u=s.lastPosition,o.tension<=0)return void(s.done=!0);let t=s.elapsedTime+=e;const r=n.fromValues[l],i=null!=s.v0?s.v0:s.v0=Za.arr(o.velocity)?o.velocity[l]:o.velocity;let a;if(Za.und(o.duration))if(o.decay){const e=!0===o.decay?.998:o.decay,n=Math.exp(-(1-e)*t);u=r+i/(1-e)*(1-n),d=Math.abs(s.lastPosition-u)<.1,a=i*n}else{a=null==s.lastVelocity?i:s.lastVelocity;const t=o.precision||(r==c?.005:Math.min(1,.001*Math.abs(c-r))),n=o.restVelocity||t/10,l=o.clamp?0:o.bounce,h=!Za.und(l),p=r==c?s.v0>0:r<c;let f,m=!1;const g=1,y=Math.ceil(e/g);for(let e=0;e<y&&(f=Math.abs(a)>n,f||(d=Math.abs(c-u)<=t,!d));++e){h&&(m=u==c||u>c==p,m&&(a=-a*l,u=c));a+=(1e-6*-o.tension*(u-c)+.001*-o.friction*a)/o.mass*g,u+=a*g}}else{let n=1;o.duration>0&&(this._memoizedDuration!==o.duration&&(this._memoizedDuration=o.duration,s.durationProgress>0&&(s.elapsedTime=o.duration*s.durationProgress,t=s.elapsedTime+=e)),n=(o.progress||0)+t/this._memoizedDuration,n=n>1?1:n<0?0:n,s.durationProgress=n),u=r+o.easing(n)*(c-r),a=(u-s.lastPosition)/e,d=1==n}s.lastVelocity=a,Number.isNaN(u)&&(console.warn("Got NaN while animating:",this),d=!0)}a&&!a[l].done&&(d=!1),d?s.done=!0:t=!1,s.setValue(u,o.round)&&(r=!0)}));const s=yl(this),l=s.getValue();if(t){const e=Ls(n.to);l===e&&!r||o.decay?r&&o.decay&&this._onChange(l):(s.setValue(e),this._onChange(e)),this._stop()}else r&&this._onChange(l)}set(e){return Ta.batchedUpdates((()=>{this._stop(),this._focus(e),this._set(e)})),this}pause(){this._update({pause:!0})}resume(){this._update({pause:!1})}finish(){if(bc(this)){const{to:e,config:t}=this.animation;Ta.batchedUpdates((()=>{this._onStart(),t.decay||this._set(e,!1),this._stop()}))}return this}update(e){return(this.queue||(this.queue=[])).push(e),this}start(e,t){let r;return Za.und(e)?(r=this.queue||[],this.queue=[]):r=[Za.obj(e)?e:Tl({},t,{to:e})],Promise.all(r.map((e=>this._update(e)))).then((e=>ic(this,e)))}stop(e){const{to:t}=this.animation;return this._focus(this.get()),dc(this._state,e&&this._lastCallId),Ta.batchedUpdates((()=>this._stop(t,e))),this}reset(){this._update({reset:!0})}eventObserved(e){"change"==e.type?this._start():"priority"==e.type&&(this.priority=e.priority+1)}_prepareNode(e){const t=this.key||"";let{to:r,from:n}=e;r=Za.obj(r)?r[t]:r,(null==r||Ul(r))&&(r=void 0),n=Za.obj(n)?n[t]:n,null==n&&(n=void 0);const o={to:r,from:n};return yc(this)||(e.reverse&&([r,n]=[n,r]),n=Ls(n),Za.und(n)?yl(this)||this._set(r):this._set(n)),o}_update(e,t){let r=Tl({},e);const{key:n,defaultProps:o}=this;r.default&&Object.assign(o,Dl(r,((e,t)=>/^on/.test(t)?zl(e,n):e))),Cc(this,r,"onProps"),Fc(this,"onProps",r,this);const i=this._prepareNode(r);if(Object.isFrozen(this))throw Error("Cannot animate a `SpringValue` object that is frozen. Did you forget to pass your component to `animated(...)` before animating its props?");const a=this._state;return oc(++this._lastCallId,{key:n,props:r,defaultProps:o,state:a,actions:{pause:()=>{vc(this)||(xc(this,!0),ns(a.pauseQueue),Fc(this,"onPause",sc(this,_c(this,this.animation.to)),this))},resume:()=>{vc(this)&&(xc(this,!1),bc(this)&&this._resume(),ns(a.resumeQueue),Fc(this,"onResume",sc(this,_c(this,this.animation.to)),this))},start:this._merge.bind(this,i)}}).then((e=>{if(r.loop&&e.finished&&(!t||!e.noop)){const e=Sc(r);if(e)return this._update(e,!0)}return e}))}_merge(e,t,r){if(t.cancel)return this.stop(!0),r(lc(this));const n=!Za.und(e.to),o=!Za.und(e.from);if(n||o){if(!(t.callId>this._lastToId))return r(lc(this));this._lastToId=t.callId}const{key:i,defaultProps:a,animation:s}=this,{to:l,from:c}=s;let{to:d=l,from:u=c}=e;!o||n||t.default&&!Za.und(d)||(d=u),t.reverse&&([d,u]=[u,d]);const h=!Ja(u,c);h&&(s.from=u),u=Ls(u);const p=!Ja(d,l);p&&this._focus(d);const f=Ul(t.to),{config:m}=s,{decay:g,velocity:y}=m;(n||o)&&(m.velocity=0),t.config&&!f&&function(e,t,r){r&&(tc(r=Tl({},r),t),t=Tl({},r,t)),tc(e,t),Object.assign(e,t);for(const t in Kl)null==e[t]&&(e[t]=Kl[t]);let{mass:n,frequency:o,damping:i}=e;Za.und(o)||(o<.01&&(o=.01),i<0&&(i=0),e.tension=Math.pow(2*Math.PI/o,2)*n,e.friction=4*Math.PI*i*n/o)}(m,Nl(t.config,i),t.config!==a.config?Nl(a.config,i):void 0);let b=yl(this);if(!b||Za.und(d))return r(sc(this,!0));const v=Za.und(t.reset)?o&&!t.default:!Za.und(u)&&Ml(t.reset,i),w=v?u:this.get(),x=Vl(d),$=Za.num(x)||Za.arr(x)||dl(x),_=!f&&(!$||Ml(a.immediate||t.immediate,i));if(p){const e=jl(d);if(e!==b.constructor){if(!_)throw Error(`Cannot animate between ${b.constructor.name} and ${e.name}, as the "to" prop suggests`);b=this._set(x)}}const S=b.constructor;let k=Hs(d),O=!1;if(!k){const e=v||!yc(this)&&h;(p||e)&&(O=Ja(Vl(w),x),k=!O),(Ja(s.immediate,_)||_)&&Ja(m.decay,g)&&Ja(m.velocity,y)||(k=!0)}if(O&&bc(this)&&(s.changed&&!v?k=!0:k||this._stop(l)),!f&&((k||Hs(l))&&(s.values=b.getPayload(),s.toValues=Hs(d)?null:S==$l?[1]:ts(x)),s.immediate!=_&&(s.immediate=_,_||v||this._set(l)),k)){const{onRest:e}=s;Ka(Ec,(e=>Cc(this,t,e)));const n=sc(this,_c(this,l));ns(this._pendingCalls,n),this._pendingCalls.add(r),s.changed&&Ta.batchedUpdates((()=>{s.changed=!v,null==e||e(n,this),v?Nl(a.onRest,n):null==s.onStart||s.onStart(n,this)}))}v&&this._set(w),f?r(cc(t.to,t,this._state,this)):k?this._start():bc(this)&&!p?this._pendingCalls.add(r):r(ac(w))}_focus(e){const t=this.animation;e!==t.to&&(Vs(this)&&this._detach(),t.to=e,Vs(this)&&this._attach())}_attach(){let e=0;const{to:t}=this.animation;Hs(t)&&(Qs(t,this),pc(t)&&(e=t.priority+1)),this.priority=e}_detach(){const{to:e}=this.animation;Hs(e)&&Xs(e,this)}_set(e,t=!0){const r=Ls(e);if(!Za.und(r)){const e=yl(this);if(!e||!Ja(r,e.getValue())){const n=jl(r);e&&e.constructor==n?e.setValue(r):bl(this,n.create(r)),e&&Ta.batchedUpdates((()=>{this._onChange(r,t)}))}}return yl(this)}_onStart(){const e=this.animation;e.changed||(e.changed=!0,Fc(this,"onStart",sc(this,_c(this,e.to)),this))}_onChange(e,t){t||(this._onStart(),Nl(this.animation.onChange,e,this)),Nl(this.defaultProps.onChange,e,this),super._onChange(e,t)}_start(){const e=this.animation;yl(this).reset(Ls(e.to)),e.immediate||(e.fromValues=e.values.map((e=>e.lastPosition))),bc(this)||(wc(this,!0),vc(this)||this._resume())}_resume(){ds.skipAnimation?this.finish():ms.start(this)}_stop(e,t){if(bc(this)){wc(this,!1);const r=this.animation;Ka(r.values,(e=>{e.done=!0})),r.toValues&&(r.onChange=r.onPause=r.onResume=void 0),Ws(this,{type:"idle",parent:this});const n=t?lc(this.get()):sc(this.get(),_c(this,null!=e?e:r.to));ns(this._pendingCalls,n),r.changed&&(r.changed=!1,Fc(this,"onRest",n,this))}}}function _c(e,t){const r=Vl(t);return Ja(Vl(e.get()),r)}function Sc(e,t=e.loop,r=e.to){let n=Nl(t);if(n){const o=!0!==n&&Ll(n),i=(o||e).reverse,a=!o||o.reset;return kc(Tl({},e,{loop:t,default:!1,pause:void 0,to:!i||Ul(r)?r:void 0,from:a?e.from:void 0,reset:a},o))}}function kc(e){const{to:t,from:r}=e=Ll(e),n=new Set;return Za.obj(t)&&jc(t,n),Za.obj(r)&&jc(r,n),e.keys=n.size?Array.from(n):null,e}function Oc(e){const t=kc(e);return Za.und(t.default)&&(t.default=Dl(t)),t}function jc(e,t){es(e,((e,r)=>null!=e&&t.add(r)))}const Ec=["onStart","onRest","onChange","onPause","onResume"];function Cc(e,t,r){e.animation[r]=t[r]!==Al(t,r)?zl(t[r],e.key):void 0}function Fc(e,t,...r){var n,o,i,a;null==(n=(o=e.animation)[t])||n.call(o,...r),null==(i=(a=e.defaultProps)[t])||i.call(a,...r)}const Pc=["onStart","onChange","onRest"];let Ic=1;class Tc{constructor(e,t){this.id=Ic++,this.springs={},this.queue=[],this.ref=void 0,this._flush=void 0,this._initialProps=void 0,this._lastAsyncId=0,this._active=new Set,this._changed=new Set,this._started=!1,this._item=void 0,this._state={paused:!1,pauseQueue:new Set,resumeQueue:new Set,timeouts:new Set},this._events={onStart:new Map,onChange:new Map,onRest:new Map},this._onFrame=this._onFrame.bind(this),t&&(this._flush=t),e&&this.start(Tl({default:!0},e))}get idle(){return!this._state.asyncTo&&Object.values(this.springs).every((e=>e.idle&&!e.isDelayed&&!e.isPaused))}get item(){return this._item}set item(e){this._item=e}get(){const e={};return this.each(((t,r)=>e[r]=t.get())),e}set(e){for(const t in e){const r=e[t];Za.und(r)||this.springs[t].set(r)}}update(e){return e&&this.queue.push(kc(e)),this}start(e){let{queue:t}=this;return e?t=ts(e).map(kc):this.queue=[],this._flush?this._flush(this,t):(Rc(this,t),Nc(this,t))}stop(e,t){if(e!==!!e&&(t=e),t){const r=this.springs;Ka(ts(t),(t=>r[t].stop(!!e)))}else dc(this._state,this._lastAsyncId),this.each((t=>t.stop(!!e)));return this}pause(e){if(Za.und(e))this.start({pause:!0});else{const t=this.springs;Ka(ts(e),(e=>t[e].pause()))}return this}resume(e){if(Za.und(e))this.start({pause:!1});else{const t=this.springs;Ka(ts(e),(e=>t[e].resume()))}return this}each(e){es(this.springs,e)}_onFrame(){const{onStart:e,onChange:t,onRest:r}=this._events,n=this._active.size>0,o=this._changed.size>0;(n&&!this._started||o&&!this._started)&&(this._started=!0,rs(e,(([e,t])=>{t.value=this.get(),e(t,this,this._item)})));const i=!n&&this._started,a=o||i&&r.size?this.get():null;o&&t.size&&rs(t,(([e,t])=>{t.value=a,e(t,this,this._item)})),i&&(this._started=!1,rs(r,(([e,t])=>{t.value=a,e(t,this,this._item)})))}eventObserved(e){if("change"==e.type)this._changed.add(e.parent),e.idle||this._active.add(e.parent);else{if("idle"!=e.type)return;this._active.delete(e.parent)}Ta.onFrame(this._onFrame)}}function Nc(e,t){return Promise.all(t.map((t=>Mc(e,t)))).then((t=>ic(e,t)))}async function Mc(e,t,r){const{keys:n,to:o,from:i,loop:a,onRest:s,onResolve:l}=t,c=Za.obj(t.default)&&t.default;a&&(t.loop=!1),!1===o&&(t.to=null),!1===i&&(t.from=null);const d=Za.arr(o)||Za.fun(o)?o:void 0;d?(t.to=void 0,t.onRest=void 0,c&&(c.onRest=void 0)):Ka(Pc,(r=>{const n=t[r];if(Za.fun(n)){const o=e._events[r];t[r]=({finished:e,cancelled:t})=>{const r=o.get(n);r?(e||(r.finished=!1),t&&(r.cancelled=!0)):o.set(n,{value:null,finished:e||!1,cancelled:t||!1})},c&&(c[r]=t[r])}}));const u=e._state;t.pause===!u.paused?(u.paused=t.pause,ns(t.pause?u.pauseQueue:u.resumeQueue)):u.paused&&(t.pause=!0);const h=(n||Object.keys(e.springs)).map((r=>e.springs[r].start(t))),p=!0===t.cancel||!0===Al(t,"cancel");(d||p&&u.asyncId)&&h.push(oc(++e._lastAsyncId,{props:t,state:u,actions:{pause:Ya,resume:Ya,start(t,r){p?(dc(u,e._lastAsyncId),r(lc(e))):(t.onRest=s,r(cc(d,t,u,e)))}}})),u.paused&&await new Promise((e=>{u.resumeQueue.add(e)}));const f=ic(e,await Promise.all(h));if(a&&f.finished&&(!r||!f.noop)){const r=Sc(t,a,o);if(r)return Rc(e,[r]),Mc(e,r,!0)}return l&&Ta.batchedUpdates((()=>l(f,e,e.item))),f}function zc(e,t){const r=Tl({},e.springs);return t&&Ka(ts(t),(e=>{Za.und(e.keys)&&(e=kc(e)),Za.obj(e.to)||(e=Tl({},e,{to:void 0})),Dc(r,e,(e=>Bc(e)))})),Ac(e,r),r}function Ac(e,t){es(t,((t,r)=>{e.springs[r]||(e.springs[r]=t,Qs(t,e))}))}function Bc(e,t){const r=new $c;return r.key=e,t&&Qs(r,t),r}function Dc(e,t,r){t.keys&&Ka(t.keys,(n=>{(e[n]||(e[n]=r(n)))._prepareNode(t)}))}function Rc(e,t){Ka(t,(t=>{Dc(e.springs,t,(t=>Bc(t,e)))}))}const Hc=["children"],Lc=e=>{let{children:t}=e,r=function(e,t){if(null==e)return{};var r,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,Hc);const o=d(Vc),l=r.pause||!!o.pause,c=r.immediate||!!o.immediate;r=function(e,t){const[r]=i((()=>({inputs:t,result:e()}))),n=a(),o=n.current;let l=o;l?Boolean(t&&l.inputs&&function(e,t){if(e.length!==t.length)return!1;for(let r=0;r<e.length;r++)if(e[r]!==t[r])return!1;return!0}(t,l.inputs))||(l={inputs:t,result:e()}):l=r;return s((()=>{n.current=l,o==r&&(r.inputs=r.result=void 0)}),[l]),l.result}((()=>({pause:l,immediate:c})),[l,c]);const{Provider:u}=Vc;return n.createElement(u,{value:r},t)},Vc=(Wc=Lc,Uc={},Object.assign(Wc,n.createContext(Uc)),Wc.Provider._context=Wc,Wc.Consumer._context=Wc,Wc);var Wc,Uc;Lc.Provider=Vc.Provider,Lc.Consumer=Vc.Consumer;const qc=()=>{const e=[],t=function(t){cl(`${al}Directly calling start instead of using the api object is deprecated in v9 (use ".start" instead), this will be removed in later 0.X.0 versions`);const n=[];return Ka(e,((e,o)=>{if(Za.und(t))n.push(e.start());else{const i=r(t,e,o);i&&n.push(e.start(i))}})),n};t.current=e,t.add=function(t){e.includes(t)||e.push(t)},t.delete=function(t){const r=e.indexOf(t);~r&&e.splice(r,1)},t.pause=function(){return Ka(e,(e=>e.pause(...arguments))),this},t.resume=function(){return Ka(e,(e=>e.resume(...arguments))),this},t.set=function(t){Ka(e,(e=>e.set(t)))},t.start=function(t){const r=[];return Ka(e,((e,n)=>{if(Za.und(t))r.push(e.start());else{const o=this._getProps(t,e,n);o&&r.push(e.start(o))}})),r},t.stop=function(){return Ka(e,(e=>e.stop(...arguments))),this},t.update=function(t){return Ka(e,((e,r)=>e.update(this._getProps(t,e,r)))),this};const r=function(e,t,r){return Za.fun(e)?e(r,t):e};return t._getProps=r,t};function Qc(e,t,r){const n=Za.fun(t)&&t;n&&!r&&(r=[]);const o=u((()=>n||3==arguments.length?qc():void 0),[]),i=a(0),s=hl(),l=u((()=>({ctrls:[],queue:[],flush(e,t){const r=zc(e,t);return i.current>0&&!l.queue.length&&!Object.keys(r).some((t=>!e.springs[t]))?Nc(e,t):new Promise((n=>{Ac(e,r),l.queue.push((()=>{n(Nc(e,t))})),s()}))}})),[]),c=a([...l.ctrls]),h=[],p=ml(e)||0;function f(e,r){for(let o=e;o<r;o++){const e=c.current[o]||(c.current[o]=new Tc(null,l.flush)),r=n?n(o,e):t[o];r&&(h[o]=Oc(r))}}u((()=>{Ka(c.current.slice(e,p),(e=>{ql(e,o),e.stop(!0)})),c.current.length=e,f(p,e)}),[e]),u((()=>{f(0,Math.min(p,e))}),r);const m=c.current.map(((e,t)=>zc(e,h[t]))),g=d(Lc),y=ml(g),b=g!==y&&Wl(g);ul((()=>{i.current++,l.ctrls=c.current;const{queue:e}=l;e.length&&(l.queue=[],Ka(e,(e=>e()))),Ka(c.current,((e,t)=>{null==o||o.add(e),b&&e.start({default:g});const r=h[t];r&&(Ql(e,r.ref),e.ref?e.queue.push(r):e.start(r))}))})),pl((()=>()=>{Ka(l.ctrls,(e=>e.stop(!0)))}));const v=m.map((e=>Tl({},e)));return o?[v,o]:v}function Xc(e,t){const r=Za.fun(e),[[n],o]=Qc(1,r?e:[e],r?t||[]:t);return r||2==arguments.length?[n,o]:n}let Gc;!function(e){e.MOUNT="mount",e.ENTER="enter",e.UPDATE="update",e.LEAVE="leave"}(Gc||(Gc={}));class Yc extends mc{constructor(e,t){super(),this.key=void 0,this.idle=!0,this.calc=void 0,this._active=new Set,this.source=e,this.calc=As(...t);const r=this._get(),n=jl(r);bl(this,n.create(r))}advance(e){const t=this._get();Ja(t,this.get())||(yl(this).setValue(t),this._onChange(t,this.idle)),!this.idle&&Jc(this._active)&&Kc(this)}_get(){const e=Za.arr(this.source)?this.source.map(Ls):ts(Ls(this.source));return this.calc(...e)}_start(){this.idle&&!Jc(this._active)&&(this.idle=!1,Ka(vl(this),(e=>{e.done=!1})),ds.skipAnimation?(Ta.batchedUpdates((()=>this.advance())),Kc(this)):ms.start(this))}_attach(){let e=1;Ka(ts(this.source),(t=>{Hs(t)&&Qs(t,this),pc(t)&&(t.idle||this._active.add(t),e=Math.max(e,t.priority+1))})),this.priority=e,this._start()}_detach(){Ka(ts(this.source),(e=>{Hs(e)&&Xs(e,this)})),this._active.clear(),Kc(this)}eventObserved(e){"change"==e.type?e.idle?this.advance():(this._active.add(e.parent),this._start()):"idle"==e.type?this._active.delete(e.parent):"priority"==e.type&&(this.priority=ts(this.source).reduce(((e,t)=>Math.max(e,(pc(t)?t.priority:0)+1)),0))}}function Zc(e){return!1!==e.idle}function Jc(e){return!e.size||Array.from(e).every(Zc)}function Kc(e){e.idle||(e.idle=!0,Ka(vl(e),(e=>{e.done=!0})),Ws(e,{type:"idle",parent:e}))}function ed(e,t){if(null==e)return{};var r,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}ds.assign({createStringInterpolator:il,to:(e,t)=>new Yc(e,t)});const td=["style","children","scrollTop","scrollLeft"],rd=/^--/;function nd(e,t){return null==t||"boolean"==typeof t||""===t?"":"number"!=typeof t||0===t||rd.test(e)||id.hasOwnProperty(e)&&id[e]?(""+t).trim():t+"px"}const od={};let id={animationIterationCount:!0,borderImageOutset:!0,borderImageSlice:!0,borderImageWidth:!0,boxFlex:!0,boxFlexGroup:!0,boxOrdinalGroup:!0,columnCount:!0,columns:!0,flex:!0,flexGrow:!0,flexPositive:!0,flexShrink:!0,flexNegative:!0,flexOrder:!0,gridRow:!0,gridRowEnd:!0,gridRowSpan:!0,gridRowStart:!0,gridColumn:!0,gridColumnEnd:!0,gridColumnSpan:!0,gridColumnStart:!0,fontWeight:!0,lineClamp:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,tabSize:!0,widows:!0,zIndex:!0,zoom:!0,fillOpacity:!0,floodOpacity:!0,stopOpacity:!0,strokeDasharray:!0,strokeDashoffset:!0,strokeMiterlimit:!0,strokeOpacity:!0,strokeWidth:!0};const ad=["Webkit","Ms","Moz","O"];id=Object.keys(id).reduce(((e,t)=>(ad.forEach((r=>e[((e,t)=>e+t.charAt(0).toUpperCase()+t.substring(1))(r,t)]=e[t])),e)),id);const sd=["x","y","z"],ld=/^(matrix|translate|scale|rotate|skew)/,cd=/^(translate)/,dd=/^(rotate|skew)/,ud=(e,t)=>Za.num(e)&&0!==e?e+t:e,hd=(e,t)=>Za.arr(e)?e.every((e=>hd(e,t))):Za.num(e)?e===t:parseFloat(e)===t;class pd extends Sl{constructor(e){let{x:t,y:r,z:n}=e,o=ed(e,sd);const i=[],a=[];(t||r||n)&&(i.push([t||0,r||0,n||0]),a.push((e=>[`translate3d(${e.map((e=>ud(e,"px"))).join(",")})`,hd(e,0)]))),es(o,((e,t)=>{if("transform"===t)i.push([e||""]),a.push((e=>[e,""===e]));else if(ld.test(t)){if(delete o[t],Za.und(e))return;const r=cd.test(t)?"px":dd.test(t)?"deg":"";i.push(ts(e)),a.push("rotate3d"===t?([e,t,n,o])=>[`rotate3d(${e},${t},${n},${ud(o,r)})`,hd(o,0)]:e=>[`${t}(${e.map((e=>ud(e,r))).join(",")})`,hd(e,t.startsWith("scale")?1:0)])}})),i.length&&(o.transform=new fd(i,a)),super(o)}}class fd extends Us{constructor(e,t){super(),this._value=null,this.inputs=e,this.transforms=t}get(){return this._value||(this._value=this._get())}_get(){let e="",t=!0;return Ka(this.inputs,((r,n)=>{const o=Ls(r[0]),[i,a]=this.transforms[n](Za.arr(o)?o:r.map(Ls));e+=" "+i,t=t&&a})),t?"none":e}observerAdded(e){1==e&&Ka(this.inputs,(e=>Ka(e,(e=>Hs(e)&&Qs(e,this)))))}observerRemoved(e){0==e&&Ka(this.inputs,(e=>Ka(e,(e=>Hs(e)&&Xs(e,this)))))}eventObserved(e){"change"==e.type&&(this._value=null),Ws(this,e)}}const md=["scrollTop","scrollLeft"];ds.assign({batchedUpdates:x,createStringInterpolator:il,colors:{transparent:0,aliceblue:4042850303,antiquewhite:4209760255,aqua:16777215,aquamarine:2147472639,azure:4043309055,beige:4126530815,bisque:4293182719,black:255,blanchedalmond:4293643775,blue:65535,blueviolet:2318131967,brown:2771004159,burlywood:3736635391,burntsienna:3934150143,cadetblue:1604231423,chartreuse:2147418367,chocolate:3530104575,coral:4286533887,cornflowerblue:1687547391,cornsilk:4294499583,crimson:3692313855,cyan:16777215,darkblue:35839,darkcyan:9145343,darkgoldenrod:3095792639,darkgray:2846468607,darkgreen:6553855,darkgrey:2846468607,darkkhaki:3182914559,darkmagenta:2332068863,darkolivegreen:1433087999,darkorange:4287365375,darkorchid:2570243327,darkred:2332033279,darksalmon:3918953215,darkseagreen:2411499519,darkslateblue:1211993087,darkslategray:793726975,darkslategrey:793726975,darkturquoise:13554175,darkviolet:2483082239,deeppink:4279538687,deepskyblue:12582911,dimgray:1768516095,dimgrey:1768516095,dodgerblue:512819199,firebrick:2988581631,floralwhite:4294635775,forestgreen:579543807,fuchsia:4278255615,gainsboro:3705462015,ghostwhite:4177068031,gold:4292280575,goldenrod:3668254975,gray:2155905279,green:8388863,greenyellow:2919182335,grey:2155905279,honeydew:4043305215,hotpink:4285117695,indianred:3445382399,indigo:1258324735,ivory:4294963455,khaki:4041641215,lavender:3873897215,lavenderblush:4293981695,lawngreen:2096890111,lemonchiffon:4294626815,lightblue:2916673279,lightcoral:4034953471,lightcyan:3774873599,lightgoldenrodyellow:4210742015,lightgray:3553874943,lightgreen:2431553791,lightgrey:3553874943,lightpink:4290167295,lightsalmon:4288707327,lightseagreen:548580095,lightskyblue:2278488831,lightslategray:2005441023,lightslategrey:2005441023,lightsteelblue:2965692159,lightyellow:4294959359,lime:16711935,limegreen:852308735,linen:4210091775,magenta:4278255615,maroon:2147483903,mediumaquamarine:1724754687,mediumblue:52735,mediumorchid:3126187007,mediumpurple:2473647103,mediumseagreen:1018393087,mediumslateblue:2070474495,mediumspringgreen:16423679,mediumturquoise:1221709055,mediumvioletred:3340076543,midnightblue:421097727,mintcream:4127193855,mistyrose:4293190143,moccasin:4293178879,navajowhite:4292783615,navy:33023,oldlace:4260751103,olive:2155872511,olivedrab:1804477439,orange:4289003775,orangered:4282712319,orchid:3664828159,palegoldenrod:4008225535,palegreen:2566625535,paleturquoise:2951671551,palevioletred:3681588223,papayawhip:4293907967,peachpuff:4292524543,peru:3448061951,pink:4290825215,plum:3718307327,powderblue:2967529215,purple:2147516671,rebeccapurple:1714657791,red:4278190335,rosybrown:3163525119,royalblue:1097458175,saddlebrown:2336560127,salmon:4202722047,sandybrown:4104413439,seagreen:780883967,seashell:4294307583,sienna:2689740287,silver:3233857791,skyblue:2278484991,slateblue:1784335871,slategray:1887473919,slategrey:1887473919,snow:4294638335,springgreen:16744447,steelblue:1182971135,tan:3535047935,teal:8421631,thistle:3636451583,tomato:4284696575,turquoise:1088475391,violet:4001558271,wheat:4125012991,white:4294967295,whitesmoke:4126537215,yellow:4294902015,yellowgreen:2597139199}});const gd=((e,{applyAnimatedValues:t=(()=>!1),createAnimatedStyle:r=(e=>new Sl(e)),getComponentProps:n=(e=>e)}={})=>{const o={applyAnimatedValues:t,createAnimatedStyle:r,getComponentProps:n},i=e=>{const t=Il(e)||"Anonymous";return(e=Za.str(e)?i[e]||(i[e]=Cl(e,o)):e[Pl]||(e[Pl]=Cl(e,o))).displayName=`Animated(${t})`,e};return es(e,((t,r)=>{Za.arr(e)&&(r=Il(t)),i[r]=i(t)})),{animated:i}})(["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","head","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","title","tr","track","u","ul","var","video","wbr","circle","clipPath","defs","ellipse","foreignObject","g","image","line","linearGradient","mask","path","pattern","polygon","polyline","radialGradient","rect","stop","svg","text","tspan"],{applyAnimatedValues:function(e,t){if(!e.nodeType||!e.setAttribute)return!1;const r="filter"===e.nodeName||e.parentNode&&"filter"===e.parentNode.nodeName,n=t,{style:o,children:i,scrollTop:a,scrollLeft:s}=n,l=ed(n,td),c=Object.values(l),d=Object.keys(l).map((t=>r||e.hasAttribute(t)?t:od[t]||(od[t]=t.replace(/([A-Z])/g,(e=>"-"+e.toLowerCase())))));void 0!==i&&(e.textContent=i);for(let t in o)if(o.hasOwnProperty(t)){const r=nd(t,o[t]);rd.test(t)?e.style.setProperty(t,r):e.style[t]=r}d.forEach(((t,r)=>{e.setAttribute(t,c[r])})),void 0!==a&&(e.scrollTop=a),void 0!==s&&(e.scrollLeft=s)},createAnimatedStyle:e=>new pd(e),getComponentProps:e=>ed(e,md)}),yd=gd.animated,bd=y.div`
+    display: inline-block;
+    position: relative;
+    width: ${e=>e.$size}px;
+    height: ${e=>e.$size}px;
+`,vd=v`
+	0% {
+	  transform: rotate(0deg);
+	}
+	100% {
+	  transform: rotate(360deg);
+	}
+`,wd=y.div`
+    box-sizing: border-box;
+    display: block;
+    position: absolute;
+    width: ${e=>e.$size}px;
+    height: ${e=>e.$size}px;
+    margin: ${e=>e.$borderWidth}px;
+    border-width: ${e=>e.$borderWidth}px;
+    border-style: solid;
+    border-radius: 50%;
+    border-color: ${e=>e.$color||qt.Neutral[8](e)}
+        transparent transparent transparent;
+    animation: ${vd} 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
+`,xd=y(wd)`
+    animation-delay: -0.45s;
+`,$d=y(wd)`
+    animation-delay: -0.3s;
+`,_d=y(wd)`
+    animation-delay: -0.15s;
+`,Sd=y.button`
+    padding: 0.5rem 1rem;
+    min-width: 4rem;
+    border-radius: 4px;
+    transition: all 200ms ease;
+    cursor: pointer;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+
+    @media (hover: hover) {
+        &:hover {
+            box-shadow: 1px 1px 4px 2px rgba(0, 0, 0, 0.2);
+        }
+    }
+
+    // -----------------------------------------------------------------------------
+    // BUTTON STYLE + TEXT COLOR
+    // -----------------------------------------------------------------------------
+    ${e=>{switch(e.$buttonStyle){case"secondary":return b`
+                    background-color: ${qt.Neutral[8](e)};
+                    border: 1px solid ${qt.Primary(e)};
+
+                    span {
+                        color: ${qt.Primary(e)};
+                    }
+                `;case"light":return b`
+                    background-color: ${qt.Neutral[8](e)};
+                    border: 1px solid ${qt.Neutral[5](e)};
+
+                    span {
+                        color: ${qt.Primary(e)};
+                    }
+                `;case"disabled":return b`
+                    background-color: ${qt.Neutral[6](e)};
+                    border: 1px solid transparent;
+                    cursor: not-allowed;
+
+                    &:hover {
+                        box-shadow: none;
+                    }
+
+                    span {
+                        color: ${qt.Neutral[3](e)};
+                    }
+                `;case"link":return b`
+                    background-color: transparent;
+                    border: none;
+                    border-radius: unset;
+
+                    &:hover {
+                        box-shadow: none;
+                    }
+
+                    color: ${qt.Primary};
+                    :hover,
+                    :active,
+                    :focus {
+                        span {
+                            color: ${qt.Secondary};
+                        }
+                    }
+                `;default:return b`
+                    background-color: ${qt.Primary(e)};
+                    border: 1px solid transparent;
+
+                    ${Kr.mobileL} {
+                        width: 100%;
+                    }
+
+                    span {
+                        color: ${qt.Neutral[8](e)};
+                    }
+                `}}}
+
+    // -----------------------------------------------------------------------------
+	// BUTTON SIZE + TEXT SIZE
+	// -----------------------------------------------------------------------------
+	${e=>"small"===e.$buttonSizeStyle?b`
+                    height: 2.5rem;
+                    span {
+                        ${er("H5","semibold")}
+                    }
+
+                    ${Kr.mobileS} {
+                        height: auto;
+                    }
+                `:b`
+                    height: 3rem;
+                    span {
+                        ${er("H4","semibold")}
+                    }
+
+                    ${Kr.mobileS} {
+                        height: auto;
+                    }
+                `}
+`,kd=y((({color:r,className:n,size:o=18})=>t(bd,{className:n,$size:o,$color:r,children:[e(wd,{id:"inner1",$size:o-2,$borderWidth:2}),e(xd,{id:"inner2",$size:o-2,$borderWidth:2}),e($d,{id:"inner3",$size:o-2,$borderWidth:2}),e(_d,{id:"inner4",$size:o-2,$borderWidth:2})]})))`
+    margin-right: 0.5rem;
+    ${e=>{let t;switch(e.$buttonStyle){case"secondary":case"light":case"link":t=qt.Primary(e);break;case"disabled":t=qt.Neutral[3](e);break;default:t=qt.Neutral[8](e)}return b`
+            #inner1,
+            #inner2,
+            #inner3,
+            #inner4 {
+                border-color: ${t} transparent transparent transparent;
+            }
+        `}}
+`,Od=y.div`
+    display: flex;
+    justify-content: center;
+    align-items: center;
+
+    ${e=>{let t,r;if("small"===e.$displaySize)t="1.5rem",r="1.5rem";else t="2rem",r="2rem";return b`
+            height: ${t};
+            width: ${r};
+        `}}
+
+    position: relative;
+    border-radius: 4px;
+    transition: all 200ms ease-in-out;
+    border: 1px solid ${qt.Accent.Light[2]};
+    background: transparent;
+
+    ${e=>{let t,r;return e.selected&&(t=qt.Primary(e),r=qt.Primary(e)),e.disabled&&(t=qt.Neutral[6](e),r=qt.Neutral[6](e)),`\n\t\t\tborder: 1px solid ${t};\n\t\t\tbackground: ${r};\n\t\t`}}
+`,jd=y.input`
+    position: absolute;
+    opacity: 0;
+    height: 100%;
+    width: 100%;
+    cursor: ${e=>e.disabled?"not-allowed":"pointer"};
+`,Ed=y(sr)`
+    ${e=>{let t;if("small"===e.$displaySize)t="1.3rem";else t="1.5rem";return b`
+            font-size: ${t};
+        `}}
+    font-weight: bold;
+    color: ${e=>e.disabled?qt.Neutral[4]:qt.Neutral[8]};
+`,Cd=y(yd.div)`
+    overflow: hidden;
+    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.2);
+`,Fd=y.ul`
+    border-bottom-left-radius: 4px;
+    border-bottom-right-radius: 4px;
+    background: transparent;
+    max-height: 20rem;
+    width: ${e=>e.width||"100%"};
+    overflow-y: auto;
+    padding: 0.5rem;
+
+    ::-webkit-scrollbar {
+        width: 9px;
+    }
+
+    ::-webkit-scrollbar-track {
+        background: transparent;
+    }
+
+    ::-webkit-scrollbar-thumb {
+        background: ${qt.Neutral[4]};
+        border-right: 5px solid ${qt.Neutral[8]};
+        border-top-right-radius: 4px;
+        border-bottom-right-radius: 4px;
+    }
+
+    ${Kr.mobileL} {
+        max-height: 15rem;
+    }
+`,Pd=y.li`
+    :hover,
+    :focus,
+    :active {
+        background: ${qt.Accent.Light[5]};
+    }
+    ${e=>{if(e.checked)return b`
+                background: ${qt.Accent.Light[5]};
+            `}}
+`,Id=y.button`
+    display: flex;
+    ${e=>e.multiSelect?b`
+                padding: 0.5rem 1rem;
+            `:b`
+                padding: 0 1rem;
+                height: 3.5rem;
+                align-items: center;
+            `}
+    margin: 0 -0.5rem;
+    border: none;
+    background: transparent;
+    width: 100%;
+    cursor: pointer;
+
+    :hover,
+    :visited,
+    :focus,
+    :active {
+        outline-color: ${qt.Accent.Light[3]};
+    }
+
+    span {
+        margin-bottom: 0;
+    }
+`;y.div`
+    position: relative;
+    border-radius: 4px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    background: ${qt.Neutral[8]};
+`;const Td=y.div`
+    ${er("Body","regular")}
+    color: ${qt.Neutral[1]};
+    text-align: left;
+    line-height: 1.375rem;
+    overflow: hidden;
+    ${e=>{if("middle"!==e.truncateType)return b`
+                    display: -webkit-box;
+                    text-overflow: ellipsis;
+                    -webkit-line-clamp: 2;
+                    -webkit-box-orient: vertical;
+                `}}
+`,Nd=y.div`
+    display: flex;
+    flex-direction: column;
+`,Md=y.div`
+    width: 100%;
+    height: 1.5rem;
+    word-break: break-all;
+    overflow: hidden;
+`,zd=y.div`
+    width: 100%;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    overflow: hidden;
+    direction: rtl;
+    text-align: right;
+`;y(cr.Hyperlink.Default)`
+    color: ${qt.Neutral[1]} !important;
+    padding: 1.25rem 1rem;
+    margin-bottom: 0;
+
+    :hover,
+    :visited,
+    :focus,
+    :active {
+        outline-color: ${qt.Accent.Light[3]};
+        color: ${qt.Neutral[1]};
+    }
+`;const Ad=y((({className:r,checked:n,disabled:o,onClick:a,onKeyPress:l,displaySize:c="default",...d})=>{const[u,h]=i(n);s((()=>{h(n)}),[n]);const p=e=>{o||(a&&a(e),l&&l(e))};return t(Od,{selected:u,disabled:o,className:r,"data-testid":"checkbox",onKeyPress:p,tabIndex:o?-1:0,role:"checkbox",$displaySize:c,children:[e(jd,{type:"checkbox","data-testid":"checkbox-input",onClick:p,disabled:o,tabIndex:-1,...d}),u&&e(Ed,{type:"check",id:"checkmark","data-testid":"checkmark",disabled:o,$displaySize:c})]})}))`
+    flex: 0 0 1.5rem;
+    margin-right: 1rem;
+`,Bd=y.div`
+    width: 100%;
+    display: flex;
+    justify-content: flex-end;
+    padding: 1rem 0 0.5rem 0;
+`,Dd=y.button`
+    ${er("Body","semibold")}
+    background-color: transparent;
+    background-repeat: no-repeat;
+    border: none;
+    cursor: pointer;
+    overflow: hidden;
+    outline: none;
+    ${e=>`\n\t\t\tcolor: ${qt.Primary(e)};\n\t\t`}
+`,Rd=y.div`
+    width: 100%;
+    display: flex;
+    padding: 1rem 0.5rem;
+    align-items: center;
+`,Hd=y(cr.Body)``,Ld=y.div`
+    display: flex;
+    align-items: center;
+    margin-right: 0.625rem;
+    font-size: 1.5rem;
+
+    svg {
+        height: 1.5rem;
+        width: 1.5rem;
+    }
+
+    ${e=>b`
+            color: ${qt.Validation.Red.Icon(e)};
+        `}
+`,Vd=y.li`
+    background: ${qt.Neutral[7]};
+    display: flex;
+    border-radius: 4px;
+    align-items: center;
+`,Wd=y.input`
+    ${er("Body","regular")}
+    height: 3.5rem;
+    border: none;
+    background: transparent;
+    width: 100%;
+    padding: 0 0.5rem 0 0;
+
+    :focus,
+    :active {
+        outline: none;
+    }
+
+    ::placeholder,
+    ::-webkit-input-placeholder {
+        color: ${qt.Neutral[3]};
+    }
+`,Ud=y(sr)`
+    height: 1.5rem;
+    width: 1.5rem;
+    margin: 0 0.5rem;
+
+    #path {
+        fill: ${qt.Neutral[3]};
+    }
+`,qd=l(((r,n)=>t(Vd,{children:[e(Ud,{type:"search"}),e(Wd,{ref:n,...r})]},"search"))),Qd=({listItems:r,listExtractor:n,valueExtractor:o,onSelectItem:l,listStyleWidth:c,visible:d,enableSearch:u,searchPlaceholder:h="Search",onSearch:p,searchFunction:f,onDismiss:m,multiSelect:g,selectedItems:y,onSelectAll:b,onRetry:v,itemsLoadState:w="success",itemTruncationType:x="end",...$})=>{const[S,k]=i(0),[O,j]=i(""),[E,C]=i(r),[F,P]=i(0),I=Xc({height:F}),T=a(),N=a(),M=a([]),z=a(),A=a(S),B=a(E),D=e=>{A.current=e,k(e)},R=e=>{B.current=e,C(e)};s((()=>(document.addEventListener("keydown",q),()=>{document.removeEventListener("keydown",q)})),[]),s((()=>{W(O)}),[O]),s((()=>{j(""),d?(P(U()),z&&z.current?(z.current.focus(),D(-1)):M.current[S]&&M.current[S].focus()):P(0)}),[d]),s((()=>{if(d){const e=U();P(e)}}),[E]),s((()=>{R(r),j(""),D(0)}),[r]);const H=e=>n?n(e):e.toString(),L=e=>{const t=n?n(e):e.toString();let r=0;return N&&N.current&&(r=N.current.getBoundingClientRect().width-100),_.shouldTruncateToTwoLines(t,r)},V=e=>_a(y,e)>-1,W=e=>{if(""===e)R(r);else if(f){const t=f(e);R(t)}else{const t=r.filter((t=>H(t).toLowerCase().includes(e.trim().toLowerCase())));R(t)}},U=()=>N&&N.current?N.current.getBoundingClientRect().height:0,q=e=>{if(T&&T.current.contains(e.target))switch(e.code){case"ArrowDown":if(A.current<B.current.length-1){const e=A.current+1;M.current[e].focus(),D(e)}break;case"ArrowUp":if(A.current>0){const e=A.current-1;M.current[e].focus(),D(A.current-1)}break;case"Escape":m&&m()}},Q=(e,t)=>{e.preventDefault(),l&&l(t,(e=>o?o(e):e)(t))},X=()=>{v&&v()},G=r=>{const o=n?n(r):r.toString();return t(Nd,{"data-testid":"truncate-middle-container",children:[e(Md,{children:o}),t(zd,{children:[" ",o]})]})};return e(Cd,{style:I,"data-testid":d?"dropdown-container":"dropdown-container-hidden",ref:T,children:t(Fd,{ref:N,"data-testid":"dropdown-list",width:c,role:"list",...$,children:[(u||f)&&"success"===w?e(qd,{ref:z,onChange:e=>{const t=e.target.value;j(t),p&&p()},value:O,placeholder:h,"data-testid":"search-input","aria-label":"search-input",tabIndex:d?0:-1}):null,(()=>{if(g&&E.length>0&&!O&&"success"===w)return e(Bd,{children:e(Dd,{onClick:b,children:0===y.length?"Select all":"Unselect all"})},"selectAll")})(),(()=>{if(O&&0===E.length)return t(Rd,{"data-testid":"list-no-results",children:[e(Ld,{"data-testid":"no-result-icon",children:e(Pa,{})}),e(Hd,{children:"No results found."})]},"noResults")})(),(()=>{if(v&&"loading"===w)return t(Rd,{"data-testid":"list-loading",children:[e(kd,{$buttonStyle:"secondary",size:24}),e(Hd,{children:"Loading..."})]},"loading")})(),(()=>{if(v&&"fail"===w)return t(Rd,{"data-testid":"list-fail",children:[e(Ld,{"data-testid":"load-error-icon",children:e(Pa,{})}),e(Hd,{children:"Failed to load."}),e(Dd,{onClick:X,children:"Try again."})]},"noResults")})(),(()=>{if(!v||v&&"success"===w)return E.map(((r,n)=>e(Pd,{checked:V(r)&&!g,children:t(Id,{onClick:e=>{Q(e,r)},ref:e=>M.current[n]=e,"data-testid":"list-item",type:"button",tabIndex:d?0:-1,multiSelect:g,children:[g&&e(Ad,{checked:V(r),displaySize:"small"}),e(Td,{truncateType:x,children:"middle"===x&&L(r)?G(r):H(r)})]})},((e,t)=>`item_${t}__${o?o(e):e}`)(r,n))))})()]})})},Xd=y.div`
+    position: relative;
+    min-height: 3rem;
+    height: 3rem;
+    width: 100%;
+
+    ${Kr.tablet} {
+        height: auto;
+    }
+`,Gd=y.button`
+    display: flex;
+    position: relative;
+    align-items: center;
+    justify-content: space-between;
+    padding: 0.702rem 1rem; // To make it exactly 3rem height
+    width: 100%;
+    border-radius: ${"4px"};
+    cursor: pointer;
+    border: none;
+    background: transparent;
+
+    :focus,
+    :active {
+        outline: none;
+    }
+`,Yd=v`
+	from {
+		position: absolute;
+		top: 0;
+		left: 0;
+		width: 100%;
+		z-index: 2;
+	}
+
+	to {
+		position: relative;
+	}
+`,Zd=y.div`
+    position: relative;
+    border: 1px solid ${qt.Neutral[5]};
+    border-radius: ${"4px"};
+    background: ${qt.Neutral[8]};
+
+    :focus-within {
+        border: 1px solid ${qt.Accent.Light[1]};
+        box-shadow: inset 0 0 5px 1px rgba(87, 169, 255, 0.5);
+    }
+
+    ${e=>e.expanded?b`
+                position: absolute;
+                top: 0;
+                left: 0;
+                width: 100%;
+                z-index: 2;
+            `:b`
+                animation: ${Yd} 0.5s ease-in-out;
+            `}
+
+    ${e=>e.disabled?b`
+                background: ${qt.Neutral[6](e)};
+
+                ${Gd} {
+                    cursor: not-allowed;
+                }
+
+                :focus-within {
+                    border: 1px solid ${qt.Neutral[5](e)};
+                    box-shadow: none;
+                }
+            `:e.error?b`
+                border: 1px solid ${qt.Validation.Red.Border(e)};
+
+                :focus-within {
+                    border: 1px solid ${qt.Validation.Red.Border(e)};
+                    box-shadow: inset 0 0 4px 1px rgba(221, 102, 102, 0.8);
+                }
+            `:void 0}
+`,Jd=y.div`
+    transform: rotate(${e=>e.expanded?180:0}deg);
+    transition: ${ln};
+    margin-left: 1rem;
+`,Kd=y(sr)`
+    color: ${qt.Neutral[3]};
+    font-size: ${Yt.Body.fontSize}rem;
+    font-weight: bold;
+`,eu=y.div`
+    height: 1px;
+    background: ${qt.Neutral[5]};
+    margin: 0 0.5rem;
+`,tu=y.div`
+    display: flex;
+    flex: 1;
+`,ru=y(cr.Body)`
+    text-align: left;
+    line-height: 1.375rem;
+    ${e=>{if("middle"!==e.truncateType)return b`
+                    display: -webkit-box;
+                    -webkit-line-clamp: 1;
+                    -webkit-box-orient: vertical;
+                    text-overflow: ellipsis;
+                `}}
+    overflow: hidden;
+`,nu=y(ru)`
+    color: ${qt.Neutral[3]};
+`,ou=Xd,iu=y(Zd)``,au=y.div`
+    position: relative;
+    display: flex;
+    height: 3rem;
+    margin: 0 0.5rem;
+    ${e=>{if(e.$expanded)return b`
+                border-bottom: 1px solid ${qt.Neutral[5](e)};
+            `}}
+`,su=y.button`
+    display: flex;
+    position: relative;
+    align-items: center;
+    justify-content: space-between;
+    padding: 0 1rem 0 0.5rem;
+    height: 3rem;
+    border-radius: ${"4px"};
+    cursor: pointer;
+    border: none;
+    background: transparent;
+
+    :focus,
+    :active {
+        outline-color: ${qt.Accent.Light[3]};
+    }
+`,lu=y.div`
+    transform: rotate(${e=>e.$expanded?180:0}deg);
+    transition: ${ln};
+    margin-left: 1rem;
+`,cu=y(sr)`
+    color: ${qt.Neutral[3]};
+    font-size: ${Yt.Body.fontSize}rem;
+    font-weight: bold;
+`,du=y.div`
+    display: flex;
+    flex: 1 1 auto;
+`,uu=y(cr.Body)`
+    text-align: left;
+    line-height: 1.375rem;
+    display: -webkit-box;
+    -webkit-line-clamp: 2;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+    text-overflow: ellipsis;
+`,hu=y(uu)`
+    color: ${qt.Neutral[3]};
+`,pu=y.div`
+    margin: 1rem 1rem 1rem 0;
+    width: 1px;
+    background: ${qt.Neutral[5]};
+`,fu=({addon:n,error:o,...l})=>{const{value:c,placeholder:d,options:u,enableSearch:h,searchFunction:p,searchPlaceholder:f,valueExtractor:m,listExtractor:g,displayValueExtractor:y,onSelectOption:b,onHideOptions:v,onShowOptions:w,"data-selector-testid":x}=n.attributes,[$,_]=i(c),[S,k]=i(!1),O=a(),j=a();s((()=>{_(c)}),[c]),s((()=>(document.addEventListener("mousedown",C),()=>{document.removeEventListener("mousedown",C)})),[]);const E=e=>{!e&&v&&v(),e&&w&&w()},C=e=>{if(!l.disabled){if(O&&O.current.contains(e.target))return;k(!1),E(!1)}},F=e=>{e.preventDefault(),l.disabled||(k(!S),E(!S))},P=(e,t)=>{_(e),k(!1),E(!1),j&&j.current.focus(),b&&b(e,t)};return e(ou,{children:t(iu,{ref:O,disabled:l.disabled,error:o&&!S,expanded:S,children:[t(au,{$expanded:S,children:[e(su,{ref:j,type:"button","data-testid":x||"addon-selector",onClick:F,children:t(r,{children:[t(du,{children:[d&&!$&&e(hu,{children:d}),$&&e(uu,{"data-testid":"selector-label",children:y?y($):m?m($):$.toString()})]}),e(lu,{$expanded:S,children:e(cu,{type:"chevron-down"})})]})}),e(pu,{}),e(On,{...l,"data-testid":l["data-testid"]||"input"})]}),u&&u.length>0?e(Qd,{listItems:u,onSelectItem:P,valueExtractor:m,listExtractor:g,visible:S,enableSearch:h,searchFunction:p,searchPlaceholder:f,"data-testid":"dropdown-list"}):null]})})},mu=o.forwardRef((({addon:r,error:n,...o},i)=>{const a=()=>e(kn,{disabled:o.disabled,$error:n,$readOnly:"readonly"===o.type,"data-testid":o["data-testid"],children:e(On,{ref:i,"data-testid":"input",...o})});if(!r)return a();{const{type:i="label",position:s="left"}=r;switch(i){case"list":{const t=r.attributes;return t.options&&t.options.length>0?e(fu,{addon:r,error:n,...o}):a()}case"custom":{const i=r.attributes;return i.children?t(kn,{$error:n,disabled:o.disabled,$readOnly:"readonly"===o.type,"data-testid":o["data-testid"],$position:s,children:[e(jn,{"data-testid":"addon",disabled:o.disabled,children:i.children}),e(On,{...o,$position:s,"data-testid":"input"})]}):a()}default:{const i=r.attributes;return i.value?t(kn,{disabled:o.disabled,$error:n,$readOnly:"readonly"===o.type,"data-testid":o["data-testid"],$position:s,children:[e(jn,{"data-testid":"addon",disabled:o.disabled,children:i.value}),e(On,{...o,$position:s,"data-testid":"input"})]}):a()}}}})),gu=o.forwardRef(((t,r)=>{const{label:n,errorMessage:o,id:i="form-field-group","data-error-testid":a,"data-testid":s,...l}=t;return e(xn,{id:i,label:n,errorMessage:o,disabled:l.disabled,"data-error-testid":a,children:e(mu,{ref:r,id:`${i}-base`,"data-testid":s||i,error:!!o,...l})})})),yu=({children:t,show:r,error:n,disabled:o,testId:i,onBlur:l})=>{const c=a(),d=a(r);s((()=>(document.addEventListener("mousedown",u),()=>{document.removeEventListener("mousedown",u)})),[]),s((()=>{d.current=r}),[r]);const u=e=>{if(!o){if(c&&c.current.contains(e.target))return;d.current&&l()}};return e(Xd,{children:e(Zd,{ref:c,error:n&&!r,disabled:o,expanded:r,"data-testid":i,children:t})})},bu=({selectedOptions:n,placeholder:o="Select",options:l,disabled:c,error:d,"data-testid":u,enableSearch:h=!1,searchFunction:p,searchPlaceholder:f,valueExtractor:m,listExtractor:g,onSelectOptions:y,listStyleWidth:b,onShowOptions:v,onHideOptions:w,onRetry:x,optionsLoadState:$="success",optionTruncationType:_="end",...S})=>{const[k,O]=i(n||[]),[j,E]=i(!1),C=a();s((()=>{O(n||[])}),[n]);const F=(e,t)=>{const r=[...k],n=_a(k,(e=>(m?m(e):e)===t));n>-1?r.splice(n,1):r.push(e),O(r),T(!1),C&&C.current.focus(),y&&y(r)},P=()=>{j&&(E(!1),T(!1)),C&&C.current.focus()},I=()=>{k&&k.length>0?(O([]),y([])):(O(l),y(l))},T=e=>{!e&&w&&w(),e&&v&&v()};return t(yu,{show:j,error:d&&!j,disabled:c,testId:u,onBlur:()=>{E(!1),T(!1)},children:[e(Gd,{ref:C,type:"button","data-testid":"selector",onClick:e=>{e.preventDefault(),c||(E(!j),T(!j))},...S,children:t(r,{children:[e(tu,{children:k&&0!==k.length?e(ru,{children:k&&0!=k.length?`${k.length} selected`:o}):e(nu,{truncateType:_,children:o})}),e(Jd,{expanded:j,children:e(Kd,{type:"chevron-down"})})]})}),j&&e(eu,{}),l&&l.length>0||x?e(Qd,{listItems:l,onSelectItem:F,onDismiss:P,valueExtractor:m,listExtractor:g,listStyleWidth:b,visible:j,enableSearch:h,searchFunction:p,searchPlaceholder:f,"data-testid":"dropdown-list",multiSelect:!0,selectedItems:k,onSelectAll:I,onRetry:x,itemsLoadState:$,itemTruncationType:_}):null]})},vu=({selectedOption:n,placeholder:o="Select",options:l,disabled:c,error:d,"data-testid":u,id:h,enableSearch:p=!1,searchFunction:f,searchPlaceholder:m,valueExtractor:g,valueToStringFunction:y,listExtractor:b,displayValueExtractor:v,onSelectOption:w,listStyleWidth:x,onShowOptions:$,onHideOptions:S,onRetry:k,optionsLoadState:O="success",optionTruncationType:j="end",...E})=>{const[C,F]=i(n),[P,I]=i(!1),T=a(),N=a();s((()=>{F(n)}),[n]);const M=(e,t)=>{F(e),I(!1),B(!1),T&&T.current.focus(),w&&w(e,t)},z=()=>{P&&(I(!1),B(!1)),T&&T.current.focus()},A=e=>{if("middle"===j){let t=0;return N&&N.current&&(t=N.current.getBoundingClientRect().width),_.truncateOneLine((e=>"string"==typeof e?e:y(e)||e.toString())(e),t,120,8)}return e},B=e=>{!e&&S&&S(),e&&$&&$()};return t(yu,{show:P,error:d&&!P,disabled:c,testId:u,onBlur:()=>{I(!1),B(!1)},children:[e(Gd,{ref:T,type:"button","data-testid":h||"selector",onClick:e=>{e.preventDefault(),c||(I(!P),B(!P))},...E,children:t(r,{children:[e(tu,{ref:N,children:C?e(ru,{truncateType:j,children:A(v?v(C):g?g(C):C.toString())}):e(nu,{truncateType:j,children:o})}),e(Jd,{expanded:P,children:e(Kd,{type:"chevron-down"})})]})}),P&&e(eu,{}),l&&l.length>0?e(Qd,{listItems:l,onSelectItem:M,onDismiss:z,valueExtractor:g,listExtractor:b,listStyleWidth:x,visible:P,enableSearch:p,searchPlaceholder:m,searchFunction:f,"data-testid":"dropdown-list",selectedItems:C?[C]:[],onRetry:k,itemsLoadState:O,itemTruncationType:j}):null]})},wu=y(cr.H6)`
+    text-align: right;
+
+    ${e=>{if(e.disabled)return b`
+                color: ${qt.Neutral[4](e)};
+            `}}
+`,xu=({value:t,maxLength:r,disabled:n})=>{const[o,a]=i("");s((()=>{a(l(`${t||""}`))}),[t,r]);const l=e=>{const t=r-e.toString().length;return t<=1?`${t} character left`:`${t.toLocaleString()} characters left`};return e(wu,{"data-testid":"counter-label",weight:"semibold",disabled:n,children:o})},$u=y.div`
+    display: flex;
+    flex-direction: column;
+`,_u=y.textarea`
+    border: 1px solid ${qt.Neutral[5]};
+    border-radius: 4px;
+    display: block;
+    padding: 0.75rem 1rem;
+    width: 100%;
+    transition: ${ln};
+
+    ${er("Body","regular")}
+    color: ${qt.Neutral[1]};
+    background: ${qt.Neutral[8]};
+
+    :focus,
+    :active {
+        outline: none;
+        border: 1px solid ${qt.Accent.Light[1]};
+        box-shadow: inset 0 0 5px 1px rgba(87, 169, 255, 0.5);
+    }
+
+    ::placeholder,
+    ::-webkit-input-placeholder {
+        color: ${qt.Neutral[34]};
+    }
+
+    ${e=>e.disabled?b`
+                background: ${qt.Neutral[6](e)};
+                cursor: not-allowed;
+
+                :focus,
+                :active {
+                    outline: none;
+                    border: 1px solid ${qt.Neutral[5](e)};
+                    box-shadow: none;
+                }
+            `:e.error?b`
+                border: 1px solid ${qt.Validation.Red.Border(e)};
+
+                :focus,
+                :active {
+                    border: 1px solid ${qt.Validation.Red.Border(e)};
+                    box-shadow: inset 0 0 4px 1px rgba(221, 102, 102, 0.8);
+                }
+            `:void 0}
+`,Su=o.forwardRef((({value:t,disabled:r,error:n,rows:o=5,...i},a)=>e(_u,{ref:a,disabled:r,value:t,error:n,rows:o,...i})));o.forwardRef((({value:r,disabled:n,rows:o=5,onChange:a,...l},c)=>{const[d,u]=i(r);s((()=>{u(r)}),[r]);return t($u,{children:[e(_u,{ref:c,disabled:n,value:d,rows:o||5,onChange:e=>{const t=e.target.value;l.maxLength&&t.length>l.maxLength||(u(t),e.target.value=t,a&&a(e))},...l}),l.maxLength&&e(xu,{disabled:n,value:d,maxLength:l.maxLength})]})}));const ku=y.div`
+    display: flex;
+    justify-content: flex-end;
+    margin-top: 0.25rem;
+`,Ou=y.div`
+    display: flex;
+    flex: 1;
+    margin-right: 0.75rem;
+`,ju=y(bn)`
+    margin-top: 0;
+`,Eu=o.forwardRef(((r,n)=>{const{label:o,value:a,errorMessage:l,id:c="form-textarea","data-error-testid":d,"data-testid":u,onChange:h,...p}=r,[f,m]=i(a);s((()=>{m(a)}),[a]);return t(xn,{id:c,label:o,disabled:p.disabled,children:[e(Su,{id:`${c}-base`,"data-testid":u||c,value:f,error:!!l,onChange:e=>{const t=e.target.value;p.maxLength&&t.length>p.maxLength||(m(t),e.target.value=t,h&&h(e))},ref:n,...p}),t(ku,{children:[l&&e(Ou,{children:e(ju,{weight:"semibold","data-testid":d||(c?`${c}-error-message`:"error-message"),children:l})}),p.maxLength&&e(xu,{disabled:p.disabled,value:f,maxLength:p.maxLength})]})]})}));var Cu;!function(e){e.getTimeValues=(e,t)=>{const r={hour:"",minute:"",period:"am"};if(!t)return r;try{if("24hr"===e){const n=Iu(t,e);r.minute=_.padValue(n.minute);const o=parseInt(n.hour);0===Math.floor(o/12)?(r.period="am",r.hour=0===o?"12":_.padValue(o.toString())):(r.period="pm",r.hour=12===o?o.toString():_.padValue((o-12).toString()))}else{const n=Iu(t,e);r.hour=_.padValue(n.hour),r.minute=_.padValue(n.minute),r.period="am"===n.period.toLowerCase()?"am":"pm"}return r}catch(e){return r}},e.updateMinutes=(e,t)=>{const r=parseInt(e);if(isNaN(r))return"add"===t?_.padValue("0"):"55";const n=Math.floor(r/5),o=(("add"===t?n+1:r%5==0?n-1:n)%12+12)%12;return _.padValue((5*o).toString())},e.updateHours=(e,t)=>{const r=parseInt(e);if(isNaN(r))return"add"===t?_.padValue("1"):"12";const n="add"===t?r+1:r-1;return n<=12&&n>0?_.padValue(n.toString()):13===n?_.padValue("1"):"12"},e.convertTo24HourFormat=e=>{const t=parseInt(e.hour);let r;return r="pm"===e.period?12===t?t.toString():(t+12).toString():12===t?"00":e.hour,`${r}:${e.minute}`},e.convertHourTo12HourFormat=e=>{const t=parseInt(e),r=t%12==0?12..toString():(t%12).toString();return _.padValue(r)},e.formatValue=(e,t)=>{try{const r=Iu(e,t),n=_.padValue(r.hour);let o=`${n}:${_.padValue(r.minute)}`;return"12hr"===t?(o+=r.period.toLowerCase(),o):o}catch(e){return""}}}(Cu||(Cu={}));const Fu=(e,t)=>{const r=parseInt(e);return"24hr"===t?r>=0&&r<=23:r>=1&&r<=12},Pu=e=>{const t=parseInt(e);return t>=0&&t<=59},Iu=(e,t)=>{const r=e.split(":"),n=new Error("Invalid format");if("12hr"===t){if(2!==r.length||4!==r[1].length)throw n;const e=r[1].substring(0,2),i=r[1].substring(2);if(!Fu(r[0],t)||!Pu(e)||"am"!==(o=i).toLowerCase()&&"pm"!==o.toLowerCase())throw n;return{hour:r[0],minute:e,period:r[1].substring(2)}}if(2!==r.length)throw n;if(!Fu(r[0],t)||!Pu(r[1]))throw n;return{hour:r[0],minute:r[1]};var o};var Tu=function(e,t){return Tu=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])},Tu(e,t)};var Nu=function(){return Nu=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},Nu.apply(this,arguments)};var Mu="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};var zu=function(e){var t=typeof e;return null!=e&&("object"==t||"function"==t)},Au="object"==typeof Mu&&Mu&&Mu.Object===Object&&Mu,Bu="object"==typeof self&&self&&self.Object===Object&&self,Du=Au||Bu||Function("return this")(),Ru=Du,Hu=function(){return Ru.Date.now()},Lu=/\s/;var Vu=function(e){for(var t=e.length;t--&&Lu.test(e.charAt(t)););return t},Wu=/^\s+/;var Uu=function(e){return e?e.slice(0,Vu(e)+1).replace(Wu,""):e},qu=Du.Symbol,Qu=qu,Xu=Object.prototype,Gu=Xu.hasOwnProperty,Yu=Xu.toString,Zu=Qu?Qu.toStringTag:void 0;var Ju=function(e){var t=Gu.call(e,Zu),r=e[Zu];try{e[Zu]=void 0;var n=!0}catch(e){}var o=Yu.call(e);return n&&(t?e[Zu]=r:delete e[Zu]),o},Ku=Object.prototype.toString;var eh=Ju,th=function(e){return Ku.call(e)},rh=qu?qu.toStringTag:void 0;var nh=function(e){return null==e?void 0===e?"[object Undefined]":"[object Null]":rh&&rh in Object(e)?eh(e):th(e)},oh=function(e){return null!=e&&"object"==typeof e};var ih=Uu,ah=zu,sh=function(e){return"symbol"==typeof e||oh(e)&&"[object Symbol]"==nh(e)},lh=/^[-+]0x[0-9a-f]+$/i,ch=/^0b[01]+$/i,dh=/^0o[0-7]+$/i,uh=parseInt;var hh=zu,ph=Hu,fh=function(e){if("number"==typeof e)return e;if(sh(e))return NaN;if(ah(e)){var t="function"==typeof e.valueOf?e.valueOf():e;e=ah(t)?t+"":t}if("string"!=typeof e)return 0===e?e:+e;e=ih(e);var r=ch.test(e);return r||dh.test(e)?uh(e.slice(2),r?2:8):lh.test(e)?NaN:+e},mh=Math.max,gh=Math.min;var yh=function(e,t,r){var n,o,i,a,s,l,c=0,d=!1,u=!1,h=!0;if("function"!=typeof e)throw new TypeError("Expected a function");function p(t){var r=n,i=o;return n=o=void 0,c=t,a=e.apply(i,r)}function f(e){return c=e,s=setTimeout(g,t),d?p(e):a}function m(e){var r=e-l;return void 0===l||r>=t||r<0||u&&e-c>=i}function g(){var e=ph();if(m(e))return y(e);s=setTimeout(g,function(e){var r=t-(e-l);return u?gh(r,i-(e-c)):r}(e))}function y(e){return s=void 0,h&&n?p(e):(n=o=void 0,a)}function b(){var e=ph(),r=m(e);if(n=arguments,o=this,l=e,r){if(void 0===s)return f(l);if(u)return clearTimeout(s),s=setTimeout(g,t),p(l)}return void 0===s&&(s=setTimeout(g,t)),a}return t=fh(t)||0,hh(r)&&(d=!!r.leading,i=(u="maxWait"in r)?mh(fh(r.maxWait)||0,t):i,h="trailing"in r?!!r.trailing:h),b.cancel=function(){void 0!==s&&clearTimeout(s),c=0,n=l=o=s=void 0},b.flush=function(){return void 0===s?a:y(ph())},b},bh=yh,vh=zu;var wh=function(e,t,r){var n=!0,o=!0;if("function"!=typeof e)throw new TypeError("Expected a function");return vh(r)&&(n="leading"in r?!!r.leading:n,o="trailing"in r?!!r.trailing:o),bh(e,t,{leading:n,maxWait:t,trailing:o})},xh=function(e,t,r,n){switch(t){case"debounce":return yh(e,r,n);case"throttle":return wh(e,r,n);default:return e}},$h=function(e){return"function"==typeof e},_h=function(){return"undefined"==typeof window},Sh=function(e){return e instanceof Element||e instanceof HTMLDocument},kh=function(e,t,r,n){return function(o){var i=o.width,a=o.height;t((function(t){return t.width===i&&t.height===a||t.width===i&&!n||t.height===a&&!r?t:(e&&$h(e)&&e(i,a),{width:i,height:a})}))}};!function(e){function t(t){var r=e.call(this,t)||this;r.cancelHandler=function(){r.resizeHandler&&r.resizeHandler.cancel&&(r.resizeHandler.cancel(),r.resizeHandler=null)},r.attachObserver=function(){var e=r.props,t=e.targetRef,n=e.observerOptions;if(!_h()){t&&t.current&&(r.targetRef.current=t.current);var o=r.getElement();o&&(r.observableElement&&r.observableElement===o||(r.observableElement=o,r.resizeObserver.observe(o,n)))}},r.getElement=function(){var e=r.props,t=e.querySelector,n=e.targetDomEl;if(_h())return null;if(t)return document.querySelector(t);if(n&&Sh(n))return n;if(r.targetRef&&Sh(r.targetRef.current))return r.targetRef.current;var o=$(r);if(!o)return null;switch(r.getRenderType()){case"renderProp":case"childFunction":case"child":case"childArray":return o;default:return o.parentElement}},r.createResizeHandler=function(e){var t=r.props,n=t.handleWidth,o=void 0===n||n,i=t.handleHeight,a=void 0===i||i,s=t.onResize;if(o||a){var l=kh(s,r.setState.bind(r),o,a);e.forEach((function(e){var t=e&&e.contentRect||{},n=t.width,o=t.height;!r.skipOnMount&&!_h()&&l({width:n,height:o}),r.skipOnMount=!1}))}},r.getRenderType=function(){var e=r.props,t=e.render,n=e.children;return $h(t)?"renderProp":$h(n)?"childFunction":p(n)?"child":Array.isArray(n)?"childArray":"parent"};var n=t.skipOnMount,o=t.refreshMode,i=t.refreshRate,a=void 0===i?1e3:i,s=t.refreshOptions;return r.state={width:void 0,height:void 0},r.skipOnMount=n,r.targetRef=f(),r.observableElement=null,_h()||(r.resizeHandler=xh(r.createResizeHandler,o,a,s),r.resizeObserver=new window.ResizeObserver(r.resizeHandler)),r}(function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function r(){this.constructor=e}Tu(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)})(t,e),t.prototype.componentDidMount=function(){this.attachObserver()},t.prototype.componentDidUpdate=function(){this.attachObserver()},t.prototype.componentWillUnmount=function(){_h()||(this.observableElement=null,this.resizeObserver.disconnect(),this.cancelHandler())},t.prototype.render=function(){var e,t=this.props,r=t.render,o=t.children,i=t.nodeType,a=void 0===i?"div":i,s=this.state,l={width:s.width,height:s.height,targetRef:this.targetRef};switch(this.getRenderType()){case"renderProp":return r&&r(l);case"childFunction":return(e=o)(l);case"child":if((e=o).type&&"string"==typeof e.type){var c=function(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(n=Object.getOwnPropertySymbols(e);o<n.length;o++)t.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(e,n[o])&&(r[n[o]]=e[n[o]])}return r}(l,["targetRef"]);return h(e,c)}return h(e,l);case"childArray":return(e=o).map((function(e){return!!e&&h(e,l)}));default:return n.createElement(a,null)}}}(m);var Oh=_h()?s:g;const jh={Default:o.forwardRef(((r,n)=>{const{children:o,disabled:i=!1,loading:a=!1,styleType:s="default",...l}=r,c={$buttonStyle:i?"disabled":s,$buttonSizeStyle:"default"};return t(Sd,{ref:n,"data-testid":l["data-testid"]||"button",disabled:i,...c,...l,children:[a&&e(kd,{...c}),e("span",{children:o})]})})),Small:o.forwardRef(((r,n)=>{const{children:o,disabled:i=!1,loading:a=!1,styleType:s="default",...l}=r,c={$buttonStyle:i?"disabled":s,$buttonSizeStyle:"small"};return t(Sd,{ref:n,"data-testid":l["data-testid"]||"button",disabled:i,...c,...l,children:[a&&e(kd,{...c,size:16}),e("span",{children:o})]})}))},Eh=y.div`
+    position: relative;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    padding: 0.6875rem 1rem;
+    height: 3rem;
+    min-width: 5rem;
+    border-radius: 4px;
+    border: 1px solid ${qt.Primary};
+    background: ${qt.Neutral[8]};
+    cursor: pointer;
+
+    :hover {
+        box-shadow: 0 0 4px 1px rgba(87, 169, 255, 0.5);
+    }
+
+    ${e=>e.disabled&&!e.$selected?b`
+                background: ${qt.Neutral[6](e)};
+                border: 1px solid ${qt.Neutral[6](e)};
+                cursor: not-allowed;
+
+                :hover {
+                    box-shadow: none;
+                }
+            `:e.disabled&&e.$selected?b`
+                background: ${qt.Neutral[6](e)};
+                border: 1px solid ${qt.Neutral[4](e)};
+                cursor: not-allowed;
+
+                :hover {
+                    box-shadow: none;
+                }
+            `:e.$selected?b`
+                background: ${qt.Accent.Light[5](e)};
+                padding: 0.6875rem 0.912rem; // Bold font takes bigger width
+            `:0==e.$selected?b`
+                border: 1px solid ${qt.Neutral[5](e)};
+            `:void 0}
+`,Ch=y.input`
+    position: absolute;
+    height: 100%;
+    width: 100%;
+    cursor: ${e=>e.disabled?"not-allowed":"pointer"};
+
+    /* Hide appearance but keep it focusable using keyboard interactions */
+    appearance: none;
+    background: transparent;
+`,Fh=y.span`
+    ${e=>b`
+            ${er("H4",e.$weight)}
+        `}
+    color: ${qt.Neutral[1]};
+    text-align: center;
+
+    ${e=>e.disabled?b`
+                color: ${qt.Neutral[3](e)};
+            `:e.$selected?b`
+                color: ${qt.Primary(e)};
+            `:void 0}
+`,Ph=y(yd.div)`
+    position: absolute;
+    top: 3.5rem;
+    left: 0;
+    width: 27rem;
+    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
+    background: ${qt.Neutral[8]};
+    border-radius: ${"4px"};
+    overflow: hidden;
+    z-index: 1;
+
+    ${Kr.tablet} {
+        width: 100%;
+    }
+`,Ih=y.div`
+    position: relative;
+    width: 100%;
+    padding: 0.5rem 1.25rem 1.5rem 1.25rem;
+    display: flex;
+    flex-direction: column;
+`,Th=y.div`
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+
+    ${Kr.mobileS} {
+        flex-direction: column;
+    }
+`,Nh=y.div`
+    display: flex;
+    justify-content: flex-end;
+    margin-top: 1rem;
+
+    ${Kr.mobileS} {
+        border-top: 1px solid ${qt.Neutral[5]};
+        margin-top: 2rem;
+        padding-top: 1.5rem;
+    }
+`,Mh=y.div`
+    display: flex;
+    align-items: center;
+    margin-right: 2rem;
+
+    ${Kr.mobileM} {
+        margin-right: 0;
+    }
+`,zh=y.div`
+    display: flex;
+
+    ${Kr.tablet} {
+        flex-direction: column;
+    }
+
+    ${Kr.mobileS} {
+        flex-direction: row;
+        width: 100%;
+    }
+`,Ah=y.div`
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+`,Bh=y(nn)`
+    width: 5rem;
+    padding: 1rem 0;
+`,Dh=y(cr.Body)`
+    margin: 0 0.75rem;
+
+    ${Kr.tablet} {
+        margin: 0 0.5rem;
+    }
+
+    ${Kr.mobileS} {
+        margin: 0 0.75rem;
+    }
+`,Rh=y.input`
+    ${er("Body","regular")}
+    border-radius: ${"4px"};
+    height: 3rem;
+    width: 5rem;
+    text-align: center;
+    border: 1px solid ${qt.Neutral[5]};
+    background: ${qt.Neutral[8]};
+    color: ${qt.Neutral[1]};
+
+    :focus,
+    :active {
+        outline: none;
+        border: 1px solid ${qt.Accent.Light[1]};
+        box-shadow: inset 0 0 5px 1px rgba(87, 169, 255, 0.5);
+    }
+
+    :focus::placeholder {
+        color: transparent;
+    }
+
+    // Chrome, Safari, Edge, Opera
+    ::-webkit-outer-spin-button,
+    ::-webkit-inner-spin-button {
+        -webkit-appearance: none;
+        margin: 0;
+    }
+
+    // Safari (remove top shadow)
+    --webkit-appearance: none;
+
+    // Firefox
+    --moz-appearance: textfield;
+
+    ${Kr.mobileS} {
+        width: 6rem;
+    }
+`,Hh=y((({disabled:r,checked:n,onChange:o,type:l="checkbox",children:d,className:u,...h})=>{const[p,f]=i(n),m=a();s((()=>{f(n)}),[n]);const g=c((e=>{r||("radio"!==l||p||f(!0),"checkbox"===l&&f((e=>!e)),o&&o(e))}),[]);return t(Eh,{$selected:p,disabled:r,role:"checkbox","aria-checked":p,className:u,children:[e(Ch,{ref:m,type:"checkbox","data-testid":"toggle-button-input",disabled:r,onChange:g,checked:p,...h}),e(Fh,{$weight:p?"bold":"regular",$selected:p,disabled:r,"data-testid":"toggle-button-label",children:d})]})}))`
+    :not(:last-of-type) {
+        margin-right: 0.5rem;
+    }
+
+    ${Kr.tablet} {
+        :not(:last-of-type) {
+            margin-right: 0;
+            margin-bottom: 0.5rem;
+        }
+    }
+
+    ${Kr.mobileS} {
+        width: 50%;
+        :not(:last-of-type) {
+            margin-right: 0.5rem;
+            margin-bottom: 0;
+        }
+    }
+`,Lh=y(jh.Small)`
+    width: 7rem;
+
+    :not(:last-of-type) {
+        margin-right: 0.5rem;
+    }
+
+    ${Kr.tablet} {
+        width: 50%;
+    }
+`;var Vh,Wh,Uh;!function(e){e.HOUR_UP="hour-up",e.HOUR_DOWN="hour-down",e.MINUTE_UP="minute-up",e.MINUTE_DOWN="minute-down"}(Vh||(Vh={})),function(e){e.HOUR="hour",e.MINUTE="minute"}(Wh||(Wh={})),function(e){e.AM="am",e.PM="pm"}(Uh||(Uh={}));const qh=({id:r,value:n,show:o,format:l,onChange:d,onCancel:u})=>{const h=Cu.getTimeValues(l,n),[p,f]=i(h.hour),[m,g]=i(h.minute),[y,b]=i(h.period),v=a(),w=a(),x=function(e){void 0===e&&(e={});var t=e.skipOnMount,r=void 0!==t&&t,n=e.refreshMode,o=e.refreshRate,s=void 0===o?1e3:o,l=e.refreshOptions,c=e.handleWidth,d=void 0===c||c,u=e.handleHeight,h=void 0===u||u,p=e.targetRef,f=e.observerOptions,m=e.onResize,g=a(r),y=a(null),b=null!=p?p:y,v=a(),w=i({width:void 0,height:void 0}),x=w[0],$=w[1];return Oh((function(){if(!_h()){var e=kh(m,$,d,h);v.current=xh((function(t){(d||h)&&t.forEach((function(t){var r=t&&t.contentRect||{},n=r.width,o=r.height;!g.current&&!_h()&&e({width:n,height:o}),g.current=!1}))}),n,s,l);var t=new window.ResizeObserver(v.current);return b.current&&t.observe(b.current,f),function(){t.disconnect();var e=v.current;e&&e.cancel&&e.cancel()}}}),[n,s,l,d,h,m,f,b.current]),Nu({ref:b},x)}();s((()=>{if(o&&v.current&&v.current.focus(),o){const{hour:e,minute:t,period:r}=Cu.getTimeValues(l,n);f(e),g(t),b(r)}}),[o,n,l]),s((()=>{const e=v.current,t=w.current;return e&&e.addEventListener("keydown",$),t&&t.addEventListener("keydown",$),()=>{e&&e.removeEventListener("keydown",$),t&&t.removeEventListener("keydown",$)}}),[]);const $=e=>{["Digit0","Digit1","Digit2","Digit3","Digit4","Digit5","Digit6","Digit7","Digit8","Digit9","Tab","Backspace","Delete","ArrowLeft","ArrowRight","ArrowUp","ArrowDown"].includes(e.code)||["Backspace","0","1","2","3","4","5","6","7","8","9"].includes(e.key)||e.preventDefault()},S=c((e=>{switch(e.currentTarget.name){case Vh.MINUTE_UP:g(Cu.updateMinutes(m,"add"));break;case Vh.MINUTE_DOWN:g(Cu.updateMinutes(m,"minus"));break;case Vh.HOUR_UP:f(Cu.updateHours(p,"add"));break;case Vh.HOUR_DOWN:f(Cu.updateHours(p,"minus"))}}),[p,m]),k=e=>{e.target.select()},O=e=>{const t=e.target.value;switch(e.target.name){case Wh.HOUR:t.length<=2&&f(t);break;case Wh.MINUTE:t.length<=2&&g(t)}},j=e=>{const t=parseInt(e.target.value);if(!isNaN(t))switch(e.target.name){case Wh.HOUR:{const r=t>23||t<0?h.hour:Cu.convertHourTo12HourFormat(e.target.value);f(r);break}case Wh.MINUTE:{const r=t>59||t<0?h.minute:e.target.value;g(_.padValue(r));break}}},E=e=>{switch(e.target.name){case Uh.AM:b("am");break;case Uh.PM:b("pm")}},C=e=>r?`${r}-${e}`:e,F=Xc({height:o?x.height+32:0});return e(Ph,{"data-testid":"animated-dropdown-wrapper",style:F,children:t(Ih,{ref:x.ref,"data-testid":C("timepicker-dropdown"),children:[t(Th,{children:[t(Mh,{children:[t(Ah,{children:[e(Bh,{name:Vh.HOUR_UP,type:"button",tabIndex:-1,onClick:S,"data-testid":C("hour-increment-button"),children:e(sr,{type:"chevron-up"})}),e(Rh,{type:"number",name:Wh.HOUR,id:"hour",maxLength:2,pattern:"[0-9]{2}",ref:v,value:p,onFocus:k,onChange:O,onBlur:j,min:1,max:12,placeholder:"HH","data-testid":C("hour-input")}),e(Bh,{name:Vh.HOUR_DOWN,type:"button",tabIndex:-1,onClick:S,"data-testid":C("hour-decrement-button"),children:e(sr,{type:"chevron-down"})})]}),e(Dh,{children:":"}),t(Ah,{children:[e(Bh,{name:Vh.MINUTE_UP,type:"button",tabIndex:-1,onClick:S,"data-testid":C("minute-increment-button"),children:e(sr,{type:"chevron-up"})}),e(Rh,{type:"number",name:Wh.MINUTE,id:"minute",maxLength:2,pattern:"[0-9]{2}",ref:w,value:m,onChange:O,onBlur:j,onFocus:k,min:0,max:59,placeholder:"MM","data-testid":C("minute-input")}),e(Bh,{name:Vh.MINUTE_DOWN,type:"button",tabIndex:-1,onClick:S,"data-testid":C("minute-decrement-button"),children:e(sr,{type:"chevron-down"})})]})]}),t(zh,{children:[e(Hh,{checked:"am"===y,name:Uh.AM,type:"radio",onChange:E,"data-testid":C("am-toggle"),children:"AM"}),e(Hh,{checked:"pm"===y,name:Uh.PM,type:"radio",onChange:E,"data-testid":C("pm-toggle"),children:"PM"})]})]}),t(Nh,{children:[e(Lh,{type:"button",styleType:"secondary",onClick:u,"data-testid":C("cancel-button"),children:"Cancel"}),e(Lh,{type:"button",onClick:()=>{let e;e="24hr"===l?Cu.convertTo24HourFormat({hour:p,minute:m,period:y}):`${p}:${m}${y}`,d(e)},disabled:""===p||""===m,"data-testid":C("confirm-button"),children:"Confirm"})]})]})})},Qh=y.div`
+    position: relative;
+`,Xh=y.input`
+    ${er("Body","regular")}
+    border: 1px solid ${qt.Neutral[5]};
+    border-radius: 4px;
+    display: block;
+    padding: 0.2rem 1rem 0.3rem 1rem; // Somehow the input text appears lower
+    height: 3rem;
+    width: 100%;
+    background: ${qt.Neutral[8]};
+    color: ${qt.Neutral[1]};
+
+    :focus,
+    :active {
+        outline: none;
+    }
+
+    ${e=>e.disabled?b`
+                background: ${qt.Neutral[6](e)};
+                cursor: not-allowed;
+            `:e.error&&!e.focused?b`
+                border: 1px solid ${qt.Validation.Red.Border(e)};
+            `:e.error&&e.focused?b`
+                border: 1px solid ${qt.Validation.Red.Border(e)};
+                box-shadow: inset 0 0 4px 1px rgba(221, 102, 102, 0.8);
+            `:e.focused?b`
+                border: 1px solid ${qt.Accent.Light[1]};
+                box-shadow: inset 0 0 5px 1px rgba(87, 169, 255, 0.5);
+            `:void 0}
+`,Gh=({id:r,disabled:n=!1,error:o,value:l,defaultValue:d,placeholder:u,format:h="24hr",onChange:p,onBlur:f,onSelectionCancel:m,...g})=>{const[y,b]=i(!1),v=a();s((()=>(document.addEventListener("mousedown",x),document.addEventListener("keyup",$),()=>{document.removeEventListener("mousedown",x),document.removeEventListener("keyup",$)})),[y]);const w=c((()=>{n||y||b(!0)}),[y]),x=e=>{n||_(e)},$=e=>{if("Tab"===e.code)_(e)},_=e=>{v&&!v.current.contains(e.target)&&y&&(b(!1),f&&f())},S=c((()=>"12hr"===h?"HH:MMam":"HH:MM"),[h,u]);return t(Qh,{ref:v,id:r,...g,children:[e(Xh,{onFocus:w,focused:y,readOnly:!0,placeholder:u||S(),value:Cu.formatValue(l,h),defaultValue:d,disabled:n,error:o,"data-testid":r?`${r}-timepicker-selector`:"timepicker-selector"}),e(qh,{id:r,show:y,value:l||d,format:h,onCancel:()=>{b(!1),m&&m()},onChange:e=>{b(!1),p&&p(e)}})]})},Yh={DateInput:({label:t,errorMessage:r,id:n="form-date-input","data-error-testid":o,"data-testid":i,...a})=>e(xn,{id:n,label:t,errorMessage:r,"data-error-testid":o,disabled:a.disabled,children:e(Sr,{id:`${n}-base`,"data-testid":i||n,error:!!r,...a})}),Input:Sn,InputGroup:gu,Label:vn,MultiSelect:({label:t,errorMessage:r,id:n="form-multi-select","data-error-testid":o,"data-testid":i,enableSearch:a=!1,...s})=>e(xn,{id:n,label:t,errorMessage:r,"data-error-testid":o,disabled:s.disabled,children:e(bu,{id:`${n}-base`,"data-testid":i||n,error:!!r,enableSearch:a,...s})}),Select:({label:t,errorMessage:r,id:n="form-select","data-error-testid":o,"data-testid":i,enableSearch:a=!1,...s})=>e(xn,{id:n,label:t,errorMessage:r,"data-error-testid":o,disabled:s.disabled,children:e(vu,{id:`${n}-base`,"data-testid":i||n,error:!!r,enableSearch:a,...s})}),Textarea:Eu,Timepicker:({label:t,errorMessage:r,id:n="form-timepicker","data-error-testid":o,"data-testid":i,...a})=>e(xn,{id:n,label:t,errorMessage:r,disabled:a.disabled,"data-error-testid":o,children:e(Gh,{id:`${n}-base`,"data-testid":i||n,error:!!r,...a})})};export{Yh as Form};
+//# sourceMappingURL=index.js.map