@lifesg/react-design-system 1.0.0-alpha.2 → 1.0.0-alpha.20

package/tooltip/index.js

@@ -1,139 +1,139 @@
-import{jsx as t,jsxs as e}from"react/jsx-runtime";import{useState as n,useRef as r,useEffect as i}from"react";import o,{css as a}from"styled-components";var l="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};var c=function(t){var e=typeof t;return null!=t&&("object"==e||"function"==e)},h="object"==typeof l&&l&&l.Object===Object&&l,p="object"==typeof self&&self&&self.Object===Object&&self,s=h||p||Function("return this")(),f=s,g=function(){return f.Date.now()},d=/\s/;var u=function(t){for(var e=t.length;e--&&d.test(t.charAt(e)););return e},m=/^\s+/;var y=function(t){return t?t.slice(0,u(t)+1).replace(m,""):t},v=s.Symbol,F=v,S=Object.prototype,b=S.hasOwnProperty,x=S.toString,w=F?F.toStringTag:void 0;var $=function(t){var e=b.call(t,w),n=t[w];try{t[w]=void 0;var r=!0}catch(t){}var i=x.call(t);return r&&(e?t[w]=n:delete t[w]),i},B=Object.prototype.toString;var H=$,D=function(t){return B.call(t)},z=v?v.toStringTag:void 0;var _=function(t){return null==t?void 0===t?"[object Undefined]":"[object Null]":z&&z in Object(t)?H(t):D(t)};var C=_,E=function(t){return null!=t&&"object"==typeof t};var W=function(t){return"symbol"==typeof t||E(t)&&"[object Symbol]"==C(t)},k=y,A=c,O=W,j=/^[-+]0x[0-9a-f]+$/i,L=/^0b[01]+$/i,T=/^0o[0-7]+$/i,R=parseInt;var V=c,N=g,X=function(t){if("number"==typeof t)return t;if(O(t))return NaN;if(A(t)){var e="function"==typeof t.valueOf?t.valueOf():t;t=A(e)?e+"":e}if("string"!=typeof t)return 0===t?t:+t;t=k(t);var n=L.test(t);return n||T.test(t)?R(t.slice(2),n?2:8):j.test(t)?NaN:+t},I=Math.max,P=Math.min;var M=function(t,e,n){var r,i,o,a,l,c,h=0,p=!1,s=!1,f=!0;if("function"!=typeof t)throw new TypeError("Expected a function");function g(e){var n=r,o=i;return r=i=void 0,h=e,a=t.apply(o,n)}function d(t){return h=t,l=setTimeout(m,e),p?g(t):a}function u(t){var n=t-c;return void 0===c||n>=e||n<0||s&&t-h>=o}function m(){var t=N();if(u(t))return y(t);l=setTimeout(m,function(t){var n=e-(t-c);return s?P(n,o-(t-h)):n}(t))}function y(t){return l=void 0,f&&r?g(t):(r=i=void 0,a)}function v(){var t=N(),n=u(t);if(r=arguments,i=this,c=t,n){if(void 0===l)return d(c);if(s)return clearTimeout(l),l=setTimeout(m,e),g(c)}return void 0===l&&(l=setTimeout(m,e)),a}return e=X(e)||0,V(n)&&(p=!!n.leading,o=(s="maxWait"in n)?I(X(n.maxWait)||0,e):o,f="trailing"in n?!!n.trailing:f),v.cancel=function(){void 0!==l&&clearTimeout(l),h=0,r=c=i=l=void 0},v.flush=function(){return void 0===l?a:y(N())},v};var G=Array.isArray,Y=G,Z=W,U=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,q=/^\w*$/;var J=function(t,e){if(Y(t))return!1;var n=typeof t;return!("number"!=n&&"symbol"!=n&&"boolean"!=n&&null!=t&&!Z(t))||(q.test(t)||!U.test(t)||null!=e&&t in Object(e))},K=_,Q=c;var tt,et=function(t){if(!Q(t))return!1;var e=K(t);return"[object Function]"==e||"[object GeneratorFunction]"==e||"[object AsyncFunction]"==e||"[object Proxy]"==e},nt=s["__core-js_shared__"],rt=(tt=/[^.]+$/.exec(nt&&nt.keys&&nt.keys.IE_PROTO||""))?"Symbol(src)_1."+tt:"";var it=function(t){return!!rt&&rt in t},ot=Function.prototype.toString;var at=et,lt=it,ct=c,ht=function(t){if(null!=t){try{return ot.call(t)}catch(t){}try{return t+""}catch(t){}}return""},pt=/^\[object .+?Constructor\]$/,st=Function.prototype,ft=Object.prototype,gt=st.toString,dt=ft.hasOwnProperty,ut=RegExp("^"+gt.call(dt).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");var mt=function(t){return!(!ct(t)||lt(t))&&(at(t)?ut:pt).test(ht(t))},yt=function(t,e){return null==t?void 0:t[e]};var vt=function(t,e){var n=yt(t,e);return mt(n)?n:void 0},Ft=vt(Object,"create"),St=Ft;var bt=function(){this.__data__=St?St(null):{},this.size=0};var xt=function(t){var e=this.has(t)&&delete this.__data__[t];return this.size-=e?1:0,e},wt=Ft,$t=Object.prototype.hasOwnProperty;var Bt=function(t){var e=this.__data__;if(wt){var n=e[t];return"__lodash_hash_undefined__"===n?void 0:n}return $t.call(e,t)?e[t]:void 0},Ht=Ft,Dt=Object.prototype.hasOwnProperty;var zt=Ft;var _t=bt,Ct=xt,Et=Bt,Wt=function(t){var e=this.__data__;return Ht?void 0!==e[t]:Dt.call(e,t)},kt=function(t,e){var n=this.__data__;return this.size+=this.has(t)?0:1,n[t]=zt&&void 0===e?"__lodash_hash_undefined__":e,this};function At(t){var e=-1,n=null==t?0:t.length;for(this.clear();++e<n;){var r=t[e];this.set(r[0],r[1])}}At.prototype.clear=_t,At.prototype.delete=Ct,At.prototype.get=Et,At.prototype.has=Wt,At.prototype.set=kt;var Ot=At;var jt=function(){this.__data__=[],this.size=0};var Lt=function(t,e){return t===e||t!=t&&e!=e};var Tt=function(t,e){for(var n=t.length;n--;)if(Lt(t[n][0],e))return n;return-1},Rt=Tt,Vt=Array.prototype.splice;var Nt=Tt;var Xt=Tt;var It=Tt;var Pt=jt,Mt=function(t){var e=this.__data__,n=Rt(e,t);return!(n<0)&&(n==e.length-1?e.pop():Vt.call(e,n,1),--this.size,!0)},Gt=function(t){var e=this.__data__,n=Nt(e,t);return n<0?void 0:e[n][1]},Yt=function(t){return Xt(this.__data__,t)>-1},Zt=function(t,e){var n=this.__data__,r=It(n,t);return r<0?(++this.size,n.push([t,e])):n[r][1]=e,this};function Ut(t){var e=-1,n=null==t?0:t.length;for(this.clear();++e<n;){var r=t[e];this.set(r[0],r[1])}}Ut.prototype.clear=Pt,Ut.prototype.delete=Mt,Ut.prototype.get=Gt,Ut.prototype.has=Yt,Ut.prototype.set=Zt;var qt=Ut,Jt=vt(s,"Map"),Kt=Ot,Qt=qt,te=Jt;var ee=function(t){var e=typeof t;return"string"==e||"number"==e||"symbol"==e||"boolean"==e?"__proto__"!==t:null===t};var ne=function(t,e){var n=t.__data__;return ee(e)?n["string"==typeof e?"string":"hash"]:n.map},re=ne;var ie=ne;var oe=ne;var ae=ne;var le=function(){this.size=0,this.__data__={hash:new Kt,map:new(te||Qt),string:new Kt}},ce=function(t){var e=re(this,t).delete(t);return this.size-=e?1:0,e},he=function(t){return ie(this,t).get(t)},pe=function(t){return oe(this,t).has(t)},se=function(t,e){var n=ae(this,t),r=n.size;return n.set(t,e),this.size+=n.size==r?0:1,this};function fe(t){var e=-1,n=null==t?0:t.length;for(this.clear();++e<n;){var r=t[e];this.set(r[0],r[1])}}fe.prototype.clear=le,fe.prototype.delete=ce,fe.prototype.get=he,fe.prototype.has=pe,fe.prototype.set=se;var ge=fe;function de(t,e){if("function"!=typeof t||null!=e&&"function"!=typeof e)throw new TypeError("Expected a function");var n=function(){var r=arguments,i=e?e.apply(this,r):r[0],o=n.cache;if(o.has(i))return o.get(i);var a=t.apply(this,r);return n.cache=o.set(i,a)||o,a};return n.cache=new(de.Cache||ge),n}de.Cache=ge;var ue=de;var me=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,ye=/\\(\\)?/g,ve=function(t){var e=ue(t,(function(t){return 500===n.size&&n.clear(),t})),n=e.cache;return e}((function(t){var e=[];return 46===t.charCodeAt(0)&&e.push(""),t.replace(me,(function(t,n,r,i){e.push(r?i.replace(ye,"$1"):n||t)})),e}));var Fe=function(t,e){for(var n=-1,r=null==t?0:t.length,i=Array(r);++n<r;)i[n]=e(t[n],n,t);return i},Se=G,be=W,xe=v?v.prototype:void 0,we=xe?xe.toString:void 0;var $e=function t(e){if("string"==typeof e)return e;if(Se(e))return Fe(e,t)+"";if(be(e))return we?we.call(e):"";var n=e+"";return"0"==n&&1/e==-Infinity?"-0":n},Be=$e;var He=G,De=J,ze=ve,_e=function(t){return null==t?"":Be(t)};var Ce=W;var Ee=function(t,e){return He(t)?t:De(t,e)?[t]:ze(_e(t))},We=function(t){if("string"==typeof t||Ce(t))return t;var e=t+"";return"0"==e&&1/t==-Infinity?"-0":e};var ke=function(t,e){for(var n=0,r=(e=Ee(e,t)).length;null!=t&&n<r;)t=t[We(e[n++])];return n&&n==r?t:void 0};var Ae=function(t,e,n){var r=null==t?void 0:ke(t,e);return void 0===r?n:r};const Oe=(t,e,n)=>e?Ae(n,e)||Ae(t,e):n||t,je=(t,e)=>{const n=e||t.defaultValue;return Ae(t.collections,n)};var Le;!function(t){t.colorScheme="colorScheme",t.layout="layout",t.textStyleScheme="textStyleScheme"}(Le||(Le={}));const Te={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"},Re=t=>e=>{const n=e.theme,r=je(Te,n[Le.colorScheme]);return n.options&&n.options.color?Oe(r,t,n.options.color):Oe(r,t)},Ve=(Re("Brand.1"),Re("Brand.2"),Re("Brand.3"),Re("Brand.4"),Re("Brand.5"),Re("Brand.6"),Re("Primary")),Ne=(Re("PrimaryDark"),Re("Secondary")),Xe=(Re("Accent.Light.1"),Re("Accent.Light.2"),Re("Accent.Light.3"),Re("Accent.Light.4"),Re("Accent.Light.5"),Re("Accent.Light.6"),Re("Accent.Dark.1"),Re("Accent.Dark.2"),Re("Accent.Dark.3"),{1:Re("Neutral.1"),2:Re("Neutral.2"),3:Re("Neutral.3"),4:Re("Neutral.4"),5:Re("Neutral.5"),6:Re("Neutral.6"),7:Re("Neutral.7"),8:Re("Neutral.8")}),Ie=(Re("Validation.Green.Text"),Re("Validation.Green.Icon"),Re("Validation.Green.Border"),Re("Validation.Green.Background"),Re("Validation.Orange.Text"),Re("Validation.Orange.Icon"),Re("Validation.Orange.Border"),Re("Validation.Orange.Background"),Re("Validation.Orange.Badge"),Re("Validation.Red.Text"),Re("Validation.Red.Icon"),Re("Validation.Red.Border"),Re("Validation.Red.Background"),o.svg`
-    height: 1rem;
-    width: 1rem;
-    vertical-align: text-top;
-
-    #path {
-        fill: ${Xe[8]};
-    }
-`),Pe=e=>t(Ie,{xmlns:"http://www.w3.org/2000/svg",width:"1rem",height:"1rem",viewBox:"0 0 16 16",...e,children:t("g",{fill:"none",fillRule:"evenodd",children:t("g",{id:"path",fillRule:"nonzero",children:t("g",{children:t("g",{children:t("g",{children:t("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)"})})})})})})}),Me=e=>t(Ie,{width:"1rem",height:"1rem",viewBox:"0 0 40 40",xmlns:"http://www.w3.org/2000/svg",...e,children:t("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"})}),Ge=e=>t(Ie,{xmlns:"http://www.w3.org/2000/svg",width:"2rem",height:"2rem",viewBox:"0 0 64 64",id:"play-icon",...e,children:t("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"})}),Ye=e=>t(Ie,{xmlns:"http://www.w3.org/2000/svg",width:"2rem",height:"2rem",viewBox:"0 0 32 32",fill:"none",...e,children:t("g",{id:"search",children:t("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"})})}),Ze=o.span`
-    font-size: 1rem;
-`,Ue={Regular:"Open Sans",Semibold:"Open Sans Semibold",Bold:"Open Sans Bold",Light:"Open Sans Light"},qe={collections:{base:{D1:{fontFamily:Ue.Bold,fontSize:3,fontWeight:700,lineHeight:4,letterSpacing:-.056},D2:{fontFamily:Ue.Bold,fontSize:2.5,fontWeight:700,lineHeight:3.5,letterSpacing:-.032},D3:{fontFamily:Ue.Bold,fontSize:1.625,fontWeight:700,lineHeight:2.25},D4:{fontFamily:Ue.Bold,fontSize:1.375,fontWeight:700,lineHeight:1.75},DBody:{fontFamily:Ue.Regular,fontSize:1.375,lineHeight:1.75},H1:{fontFamily:Ue.Bold,fontSize:2,fontWeight:700,lineHeight:2.5},H2:{fontFamily:Ue.Bold,fontSize:1.625,fontWeight:700,lineHeight:2.25},H3:{fontFamily:Ue.Bold,fontSize:1.375,fontWeight:700,lineHeight:1.75},H4:{fontFamily:Ue.Bold,fontSize:1.125,fontWeight:700,lineHeight:1.625},H5:{fontFamily:Ue.Bold,fontSize:1,fontWeight:700,lineHeight:1.5,letterSpacing:.014},H6:{fontFamily:Ue.Bold,fontSize:.875,fontWeight:700,lineHeight:1.6,letterSpacing:.012},Body:{fontFamily:Ue.Regular,fontSize:1.125,lineHeight:1.625},BodySmall:{fontFamily:Ue.Regular,fontSize:1,lineHeight:1.5,letterSpacing:.014},XSmall:{fontFamily:Ue.Regular,fontSize:.75,lineHeight:1.2,letterSpacing:.012}}},defaultValue:"base"},Je=t=>e=>{const n=e.theme,r=je(qe,n[Le.textStyleScheme]);return n.options&&n.options.textStyle?Oe(r,t,n.options.textStyle):Oe(r,t)},Ke={D1:{fontFamily:Je("D1.fontFamily"),fontSize:Je("D1.fontSize"),fontWeight:Je("D1.fontWeight"),lineHeight:Je("D1.lineHeight"),letterSpacing:Je("D1.letterSpacing")},D2:{fontFamily:Je("D2.fontFamily"),fontSize:Je("D2.fontSize"),fontWeight:Je("D2.fontWeight"),lineHeight:Je("D2.lineHeight"),letterSpacing:Je("D2.letterSpacing")},D3:{fontFamily:Je("D3.fontFamily"),fontSize:Je("D3.fontSize"),fontWeight:Je("D3.fontWeight"),lineHeight:Je("D3.lineHeight"),letterSpacing:Je("D3.letterSpacing")},D4:{fontFamily:Je("D4.fontFamily"),fontSize:Je("D4.fontSize"),fontWeight:Je("D4.fontWeight"),lineHeight:Je("D4.lineHeight"),letterSpacing:Je("D4.letterSpacing")},DBody:{fontFamily:Je("DBody.fontFamily"),fontSize:Je("DBody.fontSize"),fontWeight:Je("DBody.fontWeight"),lineHeight:Je("DBody.lineHeight"),letterSpacing:Je("DBody.letterSpacing")},H1:{fontFamily:Je("H1.fontFamily"),fontSize:Je("H1.fontSize"),fontWeight:Je("H1.fontWeight"),lineHeight:Je("H1.lineHeight"),letterSpacing:Je("H1.letterSpacing")},H2:{fontFamily:Je("H2.fontFamily"),fontSize:Je("H2.fontSize"),fontWeight:Je("H2.fontWeight"),lineHeight:Je("H2.lineHeight"),letterSpacing:Je("H2.letterSpacing")},H3:{fontFamily:Je("H3.fontFamily"),fontSize:Je("H3.fontSize"),fontWeight:Je("H3.fontWeight"),lineHeight:Je("H3.lineHeight"),letterSpacing:Je("H3.letterSpacing")},H4:{fontFamily:Je("H4.fontFamily"),fontSize:Je("H4.fontSize"),fontWeight:Je("H4.fontWeight"),lineHeight:Je("H4.lineHeight"),letterSpacing:Je("H4.letterSpacing")},H5:{fontFamily:Je("H5.fontFamily"),fontSize:Je("H5.fontSize"),fontWeight:Je("H5.fontWeight"),lineHeight:Je("H5.lineHeight"),letterSpacing:Je("H5.letterSpacing")},H6:{fontFamily:Je("H6.fontFamily"),fontSize:Je("H6.fontSize"),fontWeight:Je("H6.fontWeight"),lineHeight:Je("H6.lineHeight"),letterSpacing:Je("H6.letterSpacing")},Body:{fontFamily:Je("Body.fontFamily"),fontSize:Je("Body.fontSize"),fontWeight:Je("Body.fontWeight"),lineHeight:Je("Body.lineHeight"),letterSpacing:Je("Body.letterSpacing")},BodySmall:{fontFamily:Je("BodySmall.fontFamily"),fontSize:Je("BodySmall.fontSize"),fontWeight:Je("BodySmall.fontWeight"),lineHeight:Je("BodySmall.lineHeight"),letterSpacing:Je("BodySmall.letterSpacing")},XSmall:{fontFamily:Je("XSmall.fontFamily"),fontSize:Je("XSmall.fontSize"),fontWeight:Je("XSmall.fontWeight"),lineHeight:Je("XSmall.lineHeight"),letterSpacing:Je("XSmall.letterSpacing")}},Qe=t=>{switch(t){case 700:case"bold":return Ue.Bold;case 600:case"semibold":return Ue.Semibold;case 300:case"light":return Ue.Light;case 400:case"regular":return Ue.Regular;default:return""}},tn=(t,e)=>n=>{const r=Ke[t].fontFamily(n),i=Ke[t].fontWeight(n);return Object.values(Ue).includes(r)?a`
-                font-family: ${Qe(e)||Qe(i)||r};
+import t,{jsxs as e,jsx as n}from"react/jsx-runtime";import{useState as r,useRef as i,useEffect as o}from"react";import a,{css as l}from"styled-components";var c="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};var h=function(t){var e=typeof t;return null!=t&&("object"==e||"function"==e)},p="object"==typeof c&&c&&c.Object===Object&&c,f="object"==typeof self&&self&&self.Object===Object&&self,s=p||f||Function("return this")(),d=s,g=function(){return d.Date.now()},u=/\s/;var m=function(t){for(var e=t.length;e--&&u.test(t.charAt(e)););return e},y=/^\s+/;var v=function(t){return t?t.slice(0,m(t)+1).replace(y,""):t},F=s.Symbol,b=F,S=Object.prototype,x=S.hasOwnProperty,H=S.toString,w=b?b.toStringTag:void 0;var B=function(t){var e=x.call(t,w),n=t[w];try{t[w]=void 0;var r=!0}catch(t){}var i=H.call(t);return r&&(e?t[w]=n:delete t[w]),i},$=Object.prototype.toString;var D=B,_=function(t){return $.call(t)},z=F?F.toStringTag:void 0;var C=function(t){return null==t?void 0===t?"[object Undefined]":"[object Null]":z&&z in Object(t)?D(t):_(t)};var E=C,k=function(t){return null!=t&&"object"==typeof t};var W=function(t){return"symbol"==typeof t||k(t)&&"[object Symbol]"==E(t)},A=v,O=h,j=W,V=/^[-+]0x[0-9a-f]+$/i,T=/^0b[01]+$/i,L=/^0o[0-7]+$/i,R=parseInt;var N=h,I=g,X=function(t){if("number"==typeof t)return t;if(j(t))return NaN;if(O(t)){var e="function"==typeof t.valueOf?t.valueOf():t;t=O(e)?e+"":e}if("string"!=typeof t)return 0===t?t:+t;t=A(t);var n=T.test(t);return n||L.test(t)?R(t.slice(2),n?2:8):V.test(t)?NaN:+t},P=Math.max,M=Math.min;var G,Y=function(t,e,n){var r,i,o,a,l,c,h=0,p=!1,f=!1,s=!0;if("function"!=typeof t)throw new TypeError("Expected a function");function d(e){var n=r,o=i;return r=i=void 0,h=e,a=t.apply(o,n)}function g(t){return h=t,l=setTimeout(m,e),p?d(t):a}function u(t){var n=t-c;return void 0===c||n>=e||n<0||f&&t-h>=o}function m(){var t=I();if(u(t))return y(t);l=setTimeout(m,function(t){var n=e-(t-c);return f?M(n,o-(t-h)):n}(t))}function y(t){return l=void 0,s&&r?d(t):(r=i=void 0,a)}function v(){var t=I(),n=u(t);if(r=arguments,i=this,c=t,n){if(void 0===l)return g(c);if(f)return clearTimeout(l),l=setTimeout(m,e),d(c)}return void 0===l&&(l=setTimeout(m,e)),a}return e=X(e)||0,N(n)&&(p=!!n.leading,o=(f="maxWait"in n)?P(X(n.maxWait)||0,e):o,s="trailing"in n?!!n.trailing:s),v.cancel=function(){void 0!==l&&clearTimeout(l),h=0,r=c=i=l=void 0},v.flush=function(){return void 0===l?a:y(I())},v},Z={};Object.defineProperty(Z,"__esModule",{value:!0});var U=t;const q=t=>U.jsx("svg",{width:"1em",height:"1em",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",...t,children:U.jsx("path",{d:"M4.25 17.5C3.764 17.5 3.35067 17.33 3.01 16.99C2.67 16.6493 2.5 16.236 2.5 15.75V4.25C2.5 3.764 2.67 3.35067 3.01 3.01C3.35067 2.67 3.764 2.5 4.25 2.5H9.208C9.444 2.5 9.649 2.58667 9.823 2.76C9.99633 2.934 10.083 3.139 10.083 3.375C10.083 3.611 9.99633 3.816 9.823 3.99C9.649 4.16333 9.444 4.25 9.208 4.25H4.25V15.75H15.75V10.792C15.75 10.556 15.8367 10.351 16.01 10.177C16.184 10.0037 16.389 9.917 16.625 9.917C16.861 9.917 17.066 10.0037 17.24 10.177C17.4133 10.351 17.5 10.556 17.5 10.792V15.75C17.5 16.236 17.33 16.6493 16.99 16.99C16.6493 17.33 16.236 17.5 15.75 17.5H4.25ZM7.5 12.5C7.33333 12.3333 7.25 12.1283 7.25 11.885C7.25 11.6423 7.33333 11.4377 7.5 11.271L14.521 4.25H12.708C12.472 4.25 12.2673 4.16333 12.094 3.99C11.92 3.816 11.833 3.611 11.833 3.375C11.833 3.139 11.92 2.934 12.094 2.76C12.2673 2.58667 12.472 2.5 12.708 2.5H16.625C16.861 2.5 17.066 2.58667 17.24 2.76C17.4133 2.934 17.5 3.139 17.5 3.375V7.292C17.5 7.528 17.4133 7.73267 17.24 7.906C17.066 8.08 16.861 8.167 16.625 8.167C16.389 8.167 16.184 8.08 16.01 7.906C15.8367 7.73267 15.75 7.528 15.75 7.292V5.479L8.708 12.521C8.54133 12.6877 8.34367 12.771 8.115 12.771C7.88567 12.771 7.68067 12.6807 7.5 12.5Z",fill:"currentColor"})});q.displayName="ExternalIcon",G=Z.ExternalIcon=q;var J=Array.isArray,K=J,Q=W,tt=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,et=/^\w*$/;var nt=function(t,e){if(K(t))return!1;var n=typeof t;return!("number"!=n&&"symbol"!=n&&"boolean"!=n&&null!=t&&!Q(t))||(et.test(t)||!tt.test(t)||null!=e&&t in Object(e))},rt=C,it=h;var ot,at=function(t){if(!it(t))return!1;var e=rt(t);return"[object Function]"==e||"[object GeneratorFunction]"==e||"[object AsyncFunction]"==e||"[object Proxy]"==e},lt=s["__core-js_shared__"],ct=(ot=/[^.]+$/.exec(lt&&lt.keys&&lt.keys.IE_PROTO||""))?"Symbol(src)_1."+ot:"";var ht=function(t){return!!ct&&ct in t},pt=Function.prototype.toString;var ft=at,st=ht,dt=h,gt=function(t){if(null!=t){try{return pt.call(t)}catch(t){}try{return t+""}catch(t){}}return""},ut=/^\[object .+?Constructor\]$/,mt=Function.prototype,yt=Object.prototype,vt=mt.toString,Ft=yt.hasOwnProperty,bt=RegExp("^"+vt.call(Ft).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");var St=function(t){return!(!dt(t)||st(t))&&(ft(t)?bt:ut).test(gt(t))},xt=function(t,e){return null==t?void 0:t[e]};var Ht=function(t,e){var n=xt(t,e);return St(n)?n:void 0},wt=Ht(Object,"create"),Bt=wt;var $t=function(){this.__data__=Bt?Bt(null):{},this.size=0};var Dt=function(t){var e=this.has(t)&&delete this.__data__[t];return this.size-=e?1:0,e},_t=wt,zt=Object.prototype.hasOwnProperty;var Ct=function(t){var e=this.__data__;if(_t){var n=e[t];return"__lodash_hash_undefined__"===n?void 0:n}return zt.call(e,t)?e[t]:void 0},Et=wt,kt=Object.prototype.hasOwnProperty;var Wt=wt;var At=$t,Ot=Dt,jt=Ct,Vt=function(t){var e=this.__data__;return Et?void 0!==e[t]:kt.call(e,t)},Tt=function(t,e){var n=this.__data__;return this.size+=this.has(t)?0:1,n[t]=Wt&&void 0===e?"__lodash_hash_undefined__":e,this};function Lt(t){var e=-1,n=null==t?0:t.length;for(this.clear();++e<n;){var r=t[e];this.set(r[0],r[1])}}Lt.prototype.clear=At,Lt.prototype.delete=Ot,Lt.prototype.get=jt,Lt.prototype.has=Vt,Lt.prototype.set=Tt;var Rt=Lt;var Nt=function(){this.__data__=[],this.size=0};var It=function(t,e){return t===e||t!=t&&e!=e};var Xt=function(t,e){for(var n=t.length;n--;)if(It(t[n][0],e))return n;return-1},Pt=Xt,Mt=Array.prototype.splice;var Gt=Xt;var Yt=Xt;var Zt=Xt;var Ut=Nt,qt=function(t){var e=this.__data__,n=Pt(e,t);return!(n<0)&&(n==e.length-1?e.pop():Mt.call(e,n,1),--this.size,!0)},Jt=function(t){var e=this.__data__,n=Gt(e,t);return n<0?void 0:e[n][1]},Kt=function(t){return Yt(this.__data__,t)>-1},Qt=function(t,e){var n=this.__data__,r=Zt(n,t);return r<0?(++this.size,n.push([t,e])):n[r][1]=e,this};function te(t){var e=-1,n=null==t?0:t.length;for(this.clear();++e<n;){var r=t[e];this.set(r[0],r[1])}}te.prototype.clear=Ut,te.prototype.delete=qt,te.prototype.get=Jt,te.prototype.has=Kt,te.prototype.set=Qt;var ee=te,ne=Ht(s,"Map"),re=Rt,ie=ee,oe=ne;var ae=function(t){var e=typeof t;return"string"==e||"number"==e||"symbol"==e||"boolean"==e?"__proto__"!==t:null===t};var le=function(t,e){var n=t.__data__;return ae(e)?n["string"==typeof e?"string":"hash"]:n.map},ce=le;var he=le;var pe=le;var fe=le;var se=function(){this.size=0,this.__data__={hash:new re,map:new(oe||ie),string:new re}},de=function(t){var e=ce(this,t).delete(t);return this.size-=e?1:0,e},ge=function(t){return he(this,t).get(t)},ue=function(t){return pe(this,t).has(t)},me=function(t,e){var n=fe(this,t),r=n.size;return n.set(t,e),this.size+=n.size==r?0:1,this};function ye(t){var e=-1,n=null==t?0:t.length;for(this.clear();++e<n;){var r=t[e];this.set(r[0],r[1])}}ye.prototype.clear=se,ye.prototype.delete=de,ye.prototype.get=ge,ye.prototype.has=ue,ye.prototype.set=me;var ve=ye;function Fe(t,e){if("function"!=typeof t||null!=e&&"function"!=typeof e)throw new TypeError("Expected a function");var n=function(){var r=arguments,i=e?e.apply(this,r):r[0],o=n.cache;if(o.has(i))return o.get(i);var a=t.apply(this,r);return n.cache=o.set(i,a)||o,a};return n.cache=new(Fe.Cache||ve),n}Fe.Cache=ve;var be=Fe;var Se=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,xe=/\\(\\)?/g,He=function(t){var e=be(t,(function(t){return 500===n.size&&n.clear(),t})),n=e.cache;return e}((function(t){var e=[];return 46===t.charCodeAt(0)&&e.push(""),t.replace(Se,(function(t,n,r,i){e.push(r?i.replace(xe,"$1"):n||t)})),e}));var we=function(t,e){for(var n=-1,r=null==t?0:t.length,i=Array(r);++n<r;)i[n]=e(t[n],n,t);return i},Be=J,$e=W,De=F?F.prototype:void 0,_e=De?De.toString:void 0;var ze=function t(e){if("string"==typeof e)return e;if(Be(e))return we(e,t)+"";if($e(e))return _e?_e.call(e):"";var n=e+"";return"0"==n&&1/e==-Infinity?"-0":n},Ce=ze;var Ee=J,ke=nt,We=He,Ae=function(t){return null==t?"":Ce(t)};var Oe=W;var je=function(t,e){return Ee(t)?t:ke(t,e)?[t]:We(Ae(t))},Ve=function(t){if("string"==typeof t||Oe(t))return t;var e=t+"";return"0"==e&&1/t==-Infinity?"-0":e};var Te=function(t,e){for(var n=0,r=(e=je(e,t)).length;null!=t&&n<r;)t=t[Ve(e[n++])];return n&&n==r?t:void 0};var Le=function(t,e,n){var r=null==t?void 0:Te(t,e);return void 0===r?n:r};const Re=(t,e,n)=>e?Le(n,e)||Le(t,e):n||t,Ne=(t,e)=>{const n=e||t.defaultValue;return Le(t.collections,n)};var Ie;!function(t){t.colorScheme="colorScheme",t.layout="layout",t.textStyleScheme="textStyleScheme",t.designTokenScheme="designTokenScheme"}(Ie||(Ie={}));const Xe={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"}},Shadow:{Accent:"rgba(87, 169, 255, 0.5)",Red:"rgba(221, 102, 102, 0.8)"}},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"}},Shadow:{Accent:"rgba(161, 87, 255, 0.5)",Red:"rgba(221, 102, 102, 0.8)"}}},defaultValue:"base"},Pe=t=>e=>{const n=e.theme,r=Ne(Xe,n[Ie.colorScheme]);return n.options&&n.options.color?Re(r,t,n.options.color):Re(r,t)},Me=(Pe("Brand.1"),Pe("Brand.2"),Pe("Brand.3"),Pe("Brand.4"),Pe("Brand.5"),Pe("Brand.6"),Pe("Primary")),Ge=(Pe("PrimaryDark"),Pe("Secondary")),Ye=(Pe("Accent.Light.1"),Pe("Accent.Light.2"),Pe("Accent.Light.3"),Pe("Accent.Light.4"),Pe("Accent.Light.5"),Pe("Accent.Light.6"),Pe("Accent.Dark.1"),Pe("Accent.Dark.2"),Pe("Accent.Dark.3"),{1:Pe("Neutral.1"),2:Pe("Neutral.2"),3:Pe("Neutral.3"),4:Pe("Neutral.4"),5:Pe("Neutral.5"),6:Pe("Neutral.6"),7:Pe("Neutral.7"),8:Pe("Neutral.8")}),Ze=(Pe("Validation.Green.Text"),Pe("Validation.Green.Icon"),Pe("Validation.Green.Border"),Pe("Validation.Green.Background"),Pe("Validation.Orange.Text"),Pe("Validation.Orange.Icon"),Pe("Validation.Orange.Border"),Pe("Validation.Orange.Background"),Pe("Validation.Orange.Badge"),Pe("Validation.Red.Text"),Pe("Validation.Red.Icon"),Pe("Validation.Red.Border"),Pe("Validation.Red.Background"),Pe("Shadow.Accent"),Pe("Shadow.Red"),{Regular:"Open Sans",Semibold:"Open Sans Semibold",Bold:"Open Sans Bold",Light:"Open Sans Light"}),Ue={collections:{base:{D1:{fontFamily:Ze.Bold,fontSize:3,fontWeight:700,lineHeight:4,letterSpacing:-.056},D2:{fontFamily:Ze.Bold,fontSize:2.5,fontWeight:700,lineHeight:3.5,letterSpacing:-.032},D3:{fontFamily:Ze.Bold,fontSize:1.625,fontWeight:700,lineHeight:2.25},D4:{fontFamily:Ze.Bold,fontSize:1.375,fontWeight:700,lineHeight:1.75},DBody:{fontFamily:Ze.Regular,fontSize:1.375,lineHeight:1.75},H1:{fontFamily:Ze.Bold,fontSize:2,fontWeight:700,lineHeight:2.5},H2:{fontFamily:Ze.Bold,fontSize:1.625,fontWeight:700,lineHeight:2.25},H3:{fontFamily:Ze.Bold,fontSize:1.375,fontWeight:700,lineHeight:1.75},H4:{fontFamily:Ze.Bold,fontSize:1.125,fontWeight:700,lineHeight:1.625},H5:{fontFamily:Ze.Bold,fontSize:1,fontWeight:700,lineHeight:1.5,letterSpacing:.014},H6:{fontFamily:Ze.Bold,fontSize:.875,fontWeight:700,lineHeight:1.6,letterSpacing:.012},Body:{fontFamily:Ze.Regular,fontSize:1.125,lineHeight:1.625},BodySmall:{fontFamily:Ze.Regular,fontSize:1,lineHeight:1.5,letterSpacing:.014},XSmall:{fontFamily:Ze.Regular,fontSize:.75,lineHeight:1.2,letterSpacing:.012}}},defaultValue:"base"},qe=t=>e=>{const n=e.theme,r=Ne(Ue,n[Ie.textStyleScheme]);return n.options&&n.options.textStyle?Re(r,t,n.options.textStyle):Re(r,t)},Je={D1:{fontFamily:qe("D1.fontFamily"),fontSize:qe("D1.fontSize"),fontWeight:qe("D1.fontWeight"),lineHeight:qe("D1.lineHeight"),letterSpacing:qe("D1.letterSpacing")},D2:{fontFamily:qe("D2.fontFamily"),fontSize:qe("D2.fontSize"),fontWeight:qe("D2.fontWeight"),lineHeight:qe("D2.lineHeight"),letterSpacing:qe("D2.letterSpacing")},D3:{fontFamily:qe("D3.fontFamily"),fontSize:qe("D3.fontSize"),fontWeight:qe("D3.fontWeight"),lineHeight:qe("D3.lineHeight"),letterSpacing:qe("D3.letterSpacing")},D4:{fontFamily:qe("D4.fontFamily"),fontSize:qe("D4.fontSize"),fontWeight:qe("D4.fontWeight"),lineHeight:qe("D4.lineHeight"),letterSpacing:qe("D4.letterSpacing")},DBody:{fontFamily:qe("DBody.fontFamily"),fontSize:qe("DBody.fontSize"),fontWeight:qe("DBody.fontWeight"),lineHeight:qe("DBody.lineHeight"),letterSpacing:qe("DBody.letterSpacing")},H1:{fontFamily:qe("H1.fontFamily"),fontSize:qe("H1.fontSize"),fontWeight:qe("H1.fontWeight"),lineHeight:qe("H1.lineHeight"),letterSpacing:qe("H1.letterSpacing")},H2:{fontFamily:qe("H2.fontFamily"),fontSize:qe("H2.fontSize"),fontWeight:qe("H2.fontWeight"),lineHeight:qe("H2.lineHeight"),letterSpacing:qe("H2.letterSpacing")},H3:{fontFamily:qe("H3.fontFamily"),fontSize:qe("H3.fontSize"),fontWeight:qe("H3.fontWeight"),lineHeight:qe("H3.lineHeight"),letterSpacing:qe("H3.letterSpacing")},H4:{fontFamily:qe("H4.fontFamily"),fontSize:qe("H4.fontSize"),fontWeight:qe("H4.fontWeight"),lineHeight:qe("H4.lineHeight"),letterSpacing:qe("H4.letterSpacing")},H5:{fontFamily:qe("H5.fontFamily"),fontSize:qe("H5.fontSize"),fontWeight:qe("H5.fontWeight"),lineHeight:qe("H5.lineHeight"),letterSpacing:qe("H5.letterSpacing")},H6:{fontFamily:qe("H6.fontFamily"),fontSize:qe("H6.fontSize"),fontWeight:qe("H6.fontWeight"),lineHeight:qe("H6.lineHeight"),letterSpacing:qe("H6.letterSpacing")},Body:{fontFamily:qe("Body.fontFamily"),fontSize:qe("Body.fontSize"),fontWeight:qe("Body.fontWeight"),lineHeight:qe("Body.lineHeight"),letterSpacing:qe("Body.letterSpacing")},BodySmall:{fontFamily:qe("BodySmall.fontFamily"),fontSize:qe("BodySmall.fontSize"),fontWeight:qe("BodySmall.fontWeight"),lineHeight:qe("BodySmall.lineHeight"),letterSpacing:qe("BodySmall.letterSpacing")},XSmall:{fontFamily:qe("XSmall.fontFamily"),fontSize:qe("XSmall.fontSize"),fontWeight:qe("XSmall.fontWeight"),lineHeight:qe("XSmall.lineHeight"),letterSpacing:qe("XSmall.letterSpacing")}},Ke=t=>{switch(t){case 700:case"bold":return Ze.Bold;case 600:case"semibold":return Ze.Semibold;case 300:case"light":return Ze.Light;case 400:case"regular":return Ze.Regular;default:return""}},Qe=(t,e)=>n=>{const r=Je[t].fontFamily(n),i=Je[t].fontWeight(n);return Object.values(Ze).includes(r)?l`
+                font-family: ${Ke(e)||Ke(i)||r};
                 font-weight: normal !important;
-            `:a`
+            `:l`
             font-family: ${r};
-            font-weight: ${(en(e)||i)??"normal"};
-        `},en=t=>{switch(t){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""}},nn=(t,e,n=!1)=>r=>{const i=Ke[t],o=i.fontSize(r);return a`
-            ${tn(t,e)}
+            font-weight: ${(tn(e)||i)??"normal"};
+        `},tn=t=>{switch(t){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""}},en=(t,e,n=!1)=>r=>{const i=Je[t],o=i.fontSize(r);return l`
+            ${Qe(t,e)}
             font-size: ${o}rem !important;
             line-height: ${i.lineHeight}rem !important;
             letter-spacing: ${i.letterSpacing(r)||0}rem !important;
-            ${a`
+            ${l`
                 margin-bottom: ${o*(n?1.05:0)}rem;
             `}
-        `},rn=(t=!1,e=!1)=>e?a`
+        `},nn=(t=!1,e=!1)=>e?l`
             display: block;
-        `:t?a`
+        `:t?l`
             display: inline;
-        `:a`
+        `:l`
             display: block;
-        `;var on;!function(t){t.D1=o.h1`
-        ${t=>a`
-                ${nn("D1",t.weight,t.paragraph)}
-                color: ${Xe[1]};
-                ${rn(t.inline,t.paragraph)}
+        `;var rn;!function(t){t.D1=a.h1`
+        ${t=>l`
+                ${en("D1",t.weight,t.paragraph)}
+                color: ${Ye[1]};
+                ${nn(t.inline,t.paragraph)}
             `}
-    `,t.D2=o.h1`
-        ${t=>a`
-                ${nn("D2",t.weight,t.paragraph)}
-                color: ${Xe[1]};
-                ${rn(t.inline,t.paragraph)}
+    `,t.D2=a.h1`
+        ${t=>l`
+                ${en("D2",t.weight,t.paragraph)}
+                color: ${Ye[1]};
+                ${nn(t.inline,t.paragraph)}
             `}
-    `,t.D3=o.h1`
-        ${t=>a`
-                ${nn("D3",t.weight,t.paragraph)}
-                color: ${Xe[1]};
-                ${rn(t.inline,t.paragraph)}
+    `,t.D3=a.h1`
+        ${t=>l`
+                ${en("D3",t.weight,t.paragraph)}
+                color: ${Ye[1]};
+                ${nn(t.inline,t.paragraph)}
             `}
-    `,t.D4=o.h1`
-        ${t=>a`
-                ${nn("D4",t.weight,t.paragraph)}
-                color: ${Xe[1]};
-                ${rn(t.inline,t.paragraph)}
+    `,t.D4=a.h1`
+        ${t=>l`
+                ${en("D4",t.weight,t.paragraph)}
+                color: ${Ye[1]};
+                ${nn(t.inline,t.paragraph)}
             `}
-    `,t.DBody=o.h1`
-        ${t=>a`
-                ${nn("DBody",t.weight,t.paragraph)}
-                color: ${Xe[1]};
-                ${rn(t.inline,t.paragraph)}
+    `,t.DBody=a.h1`
+        ${t=>l`
+                ${en("DBody",t.weight,t.paragraph)}
+                color: ${Ye[1]};
+                ${nn(t.inline,t.paragraph)}
             `}
-    `,t.H1=o.h1`
-        ${t=>a`
-                ${nn("H1",t.weight,t.paragraph)}
-                color: ${Xe[1]};
-                ${rn(t.inline,t.paragraph)}
+    `,t.H1=a.h1`
+        ${t=>l`
+                ${en("H1",t.weight,t.paragraph)}
+                color: ${Ye[1]};
+                ${nn(t.inline,t.paragraph)}
             `}
-    `,t.H2=o.h2`
-        ${t=>a`
-                ${nn("H2",t.weight,t.paragraph)}
-                color: ${Xe[1]};
-                ${rn(t.inline,t.paragraph)}
+    `,t.H2=a.h2`
+        ${t=>l`
+                ${en("H2",t.weight,t.paragraph)}
+                color: ${Ye[1]};
+                ${nn(t.inline,t.paragraph)}
             `}
-    `,t.H3=o.h3`
-        ${t=>a`
-                ${nn("H3",t.weight,t.paragraph)}
-                color: ${Xe[1]};
-                ${rn(t.inline,t.paragraph)}
+    `,t.H3=a.h3`
+        ${t=>l`
+                ${en("H3",t.weight,t.paragraph)}
+                color: ${Ye[1]};
+                ${nn(t.inline,t.paragraph)}
             `}
-    `,t.H4=o.h4`
-        ${t=>a`
-                ${nn("H4",t.weight,t.paragraph)}
-                color: ${Xe[1]};
-                ${rn(t.inline,t.paragraph)}
+    `,t.H4=a.h4`
+        ${t=>l`
+                ${en("H4",t.weight,t.paragraph)}
+                color: ${Ye[1]};
+                ${nn(t.inline,t.paragraph)}
             `}
-    `,t.H5=o.h5`
-        ${t=>a`
-                ${nn("H5",t.weight,t.paragraph)}
-                color: ${Xe[1]};
-                ${rn(t.inline,t.paragraph)}
+    `,t.H5=a.h5`
+        ${t=>l`
+                ${en("H5",t.weight,t.paragraph)}
+                color: ${Ye[1]};
+                ${nn(t.inline,t.paragraph)}
             `}
-    `,t.H6=o.h6`
-        ${t=>a`
-                ${nn("H6",t.weight,t.paragraph)}
-                color: ${Xe[1]};
-                ${rn(t.inline,t.paragraph)}
+    `,t.H6=a.h6`
+        ${t=>l`
+                ${en("H6",t.weight,t.paragraph)}
+                color: ${Ye[1]};
+                ${nn(t.inline,t.paragraph)}
             `}
-    `,t.Body=o.p`
-        ${t=>a`
-                ${nn("Body",t.weight,t.paragraph)}
-                color: ${Xe[1]};
-                ${rn(t.inline,t.paragraph)}
+    `,t.Body=a.p`
+        ${t=>l`
+                ${en("Body",t.weight,t.paragraph)}
+                color: ${Ye[1]};
+                ${nn(t.inline,t.paragraph)}
             `}
-    `,t.BodySmall=o.p`
-        ${t=>a`
-                ${nn("BodySmall",t.weight,t.paragraph)}
-                color: ${Xe[1]};
-                ${rn(t.inline,t.paragraph)}
+    `,t.BodySmall=a.p`
+        ${t=>l`
+                ${en("BodySmall",t.weight,t.paragraph)}
+                color: ${Ye[1]};
+                ${nn(t.inline,t.paragraph)}
             `}
-    `,t.XSmall=o.span`
-        ${t=>a`
-                ${nn("XSmall",t.weight,t.paragraph)}
-                color: ${Xe[1]};
-                ${rn(t.inline,t.paragraph)}
+    `,t.XSmall=a.span`
+        ${t=>l`
+                ${en("XSmall",t.weight,t.paragraph)}
+                color: ${Ye[1]};
+                ${nn(t.inline,t.paragraph)}
             `}
-    `,t.Hyperlink={Default:t=>cn({...t,textStyle:"Body"}),Small:t=>cn({...t,textStyle:"BodySmall"})}}(on||(on={}));const an=o.a`
-    ${t=>a`
-            ${nn(t.textStyle,t.weight)}
-            color: ${Ve};
+    `,t.Hyperlink={Default:t=>ln({...t,textStyle:"Body"}),Small:t=>ln({...t,textStyle:"BodySmall"})}}(rn||(rn={}));const on=a.a`
+    ${t=>l`
+            ${en(t.textStyle,t.weight)}
+            color: ${Me};
             text-decoration: none;
 
             :hover,
             :active,
             :focus {
-                color: ${Ne};
+                color: ${Ge};
+
+                svg {
+                    color: ${Ge};
+                }
             }
         `}
-`,ln=o((({type:e,...n})=>{switch(e){case"arrow-right":return t(Pe,{...n});case"info":return t(Me,{...n});case"search":return t(Ye,{...n});case"play-alt":return t(Ge,{...n});default:{const r=`sgds-icon sgds-icon-${e}`,i=n.className?`${r} ${n.className}`:r;return t(Ze,{...n,className:i})}}}))`
+`,an=a(G)`
+    height: 1rem;
+    width: 1rem;
     margin-left: 0.4rem;
-`,cn=({external:n=!1,children:r,...i})=>e(an,{...i,children:[r,n&&t(ln,{type:"external"})]}),hn={mobileS:320,mobileM:375,mobileL:480,tablet:1199,desktopM:1399,desktopL:1999,desktop4k:3840},pn=t=>Object.keys(hn).reduce(((e,n)=>{const r=hn[n];return e[n]=`@media screen and (${t}: ${r}px)`,e}),{}),sn=pn("max-width"),fn=(pn("min-width"),"all 300ms cubic-bezier(0.21, 0.79, 0.53, 1)"),gn=o.div`
-    position: absolute;
+    vertical-align: middle;
+`,ln=({external:t=!1,children:r,...i})=>e(on,{...i,children:[r,t&&n(an,{})]}),cn=a.div`
+    border-radius: 0.5rem;
+    background: ${Ye[8]};
     padding: 1rem 2rem;
-    border-radius: 4px;
-    background: ${Xe[8]};
-    box-shadow: 3px 2px 10px 1px rgba(91, 91, 91, 0.2);
+    box-shadow: 0 0.125rem 0.5rem rgba(104, 104, 104, 0.25);
+`,hn={mobileS:320,mobileM:375,mobileL:480,tablet:1199,desktopM:1399,desktopL:1999,desktop4k:3840},pn=t=>Object.keys(hn).reduce(((e,n)=>{const r=hn[n];return e[n]=`@media screen and (${t}: ${r}px)`,e}),{}),fn=pn("max-width"),sn=(pn("min-width"),"all 300ms cubic-bezier(0.21, 0.79, 0.53, 1)"),dn=a.div`
+    position: absolute;
     max-width: 30rem;
-    ${t=>(t=>{switch(t){case"left":return a`
+    pointer-events: auto;
+
+    ${t=>(t=>{switch(t){case"left":return l`
                 right: calc(100% + 16px);
                 width: max-content;
                 margin: auto;
@@ -142,10 +142,10 @@ import{jsx as t,jsxs as e}from"react/jsx-runtime";import{useState as n,useRef as
                 -webkit-transform: translateY(-50%);
                 transform: translateY(-50%);
 
-                ${sn.mobileL} {
+                ${fn.mobileL} {
                     width: auto;
                 }
-            `;case"right":return a`
+            `;case"right":return l`
                 left: calc(100% + 16px);
                 width: max-content;
                 margin: auto;
@@ -154,10 +154,10 @@ import{jsx as t,jsxs as e}from"react/jsx-runtime";import{useState as n,useRef as
                 -webkit-transform: translateY(-50%);
                 transform: translateY(-50%);
 
-                ${sn.mobileL} {
+                ${fn.mobileL} {
                     width: auto;
                 }
-            `;case"bottom":return a`
+            `;case"bottom":return l`
                 top: calc(100% + 16px);
                 width: max-content;
                 margin: auto;
@@ -166,10 +166,10 @@ import{jsx as t,jsxs as e}from"react/jsx-runtime";import{useState as n,useRef as
                 -webkit-transform: translateX(-50%);
                 transform: translateX(-50%);
 
-                ${sn.mobileL} {
+                ${fn.mobileL} {
                     max-width: 80vw;
                 }
-            `;default:return a`
+            `;default:return l`
                 bottom: calc(100% + 16px);
                 width: max-content;
                 margin: auto;
@@ -178,27 +178,29 @@ import{jsx as t,jsxs as e}from"react/jsx-runtime";import{useState as n,useRef as
                 -webkit-transform: translateX(-50%);
                 transform: translateX(-50%);
 
-                ${sn.mobileL} {
+                ${fn.mobileL} {
                     max-width: 80vw;
                 }
             `}})(t.position)}
-    ${t=>t.visible?a`
+    ${t=>t.visible?l`
             visibility: "visible";
             opacity: 1;
-            transition: ${fn};
+            transition: ${sn};
             z-index: 2;
-        `:a`
+        `:l`
             visibility: "hidden";
             opacity: 0;
-            transition: ${fn};
+            transition: ${sn};
             z-index: -1;
         `}
-	pointer-events: auto;
-`,dn=o.div`
+`,gn=a((({children:t,...e})=>{const r=e["data-testid"]||"card";return n(cn,{...e,"data-testid":r,children:"string"==typeof t?n(rn.Body,{children:t}):t})}))`
+    border-radius: 4px;
+    box-shadow: 3px 2px 10px 1px rgba(91, 91, 91, 0.2);
+`,un=a.div`
     position: absolute;
     overflow: hidden;
 
-    ${t=>{switch(t.position){case"top":default:return a`
+    ${t=>{switch(t.position){case"top":default:return l`
                     width: 50%;
                     height: 30px;
                     top: 100%;
@@ -223,10 +225,10 @@ import{jsx as t,jsxs as e}from"react/jsx-runtime";import{useState as n,useRef as
                         left: calc(50% - 10px);
                         border-style: solid;
                         border-width: 16px 8px 0 8px;
-                        border-color: ${Xe[8]} transparent
+                        border-color: ${Ye[8]} transparent
                             transparent transparent;
                     }
-                `;case"right":return a`
+                `;case"right":return l`
                     width: 30px;
                     height: 100%;
                     top: 0;
@@ -252,10 +254,10 @@ import{jsx as t,jsxs as e}from"react/jsx-runtime";import{useState as n,useRef as
                         right: -10%;
                         border-style: solid;
                         border-width: 8px 16px 8px 0;
-                        border-color: transparent ${Xe[8]}
+                        border-color: transparent ${Ye[8]}
                             transparent transparent;
                     }
-                `;case"left":return a`
+                `;case"left":return l`
                     width: 30px;
                     height: 100%;
                     top: 0;
@@ -282,9 +284,9 @@ import{jsx as t,jsxs as e}from"react/jsx-runtime";import{useState as n,useRef as
                         border-style: solid;
                         border-width: 8px 0 8px 16px;
                         border-color: transparent transparent transparent
-                            ${Xe[8]};
+                            ${Ye[8]};
                     }
-                `;case"bottom":return a`
+                `;case"bottom":return l`
                     width: 50%;
                     height: 30px;
                     bottom: 100%;
@@ -311,10 +313,10 @@ import{jsx as t,jsxs as e}from"react/jsx-runtime";import{useState as n,useRef as
                         border-style: solid;
                         border-width: 0 8px 16px 8px;
                         border-color: transparent transparent
-                            ${Xe[8]} transparent;
+                            ${Ye[8]} transparent;
                     }
                 `}}}
-`,un=o.div`
+`,mn=a.div`
     position: relative;
-`,mn=({visible:o,position:a="top",children:l,...c})=>{const h=c["data-testid"]||"tooltip",[p,s]=n(a),f=r(null);i((()=>(d(),window.addEventListener("resize",M(g,300)),()=>{window.removeEventListener("resize",M(g,300))})),[]);const g=()=>{d()},d=()=>{if(f.current){const t=f.current.getBoundingClientRect();if(t.x<0)switch(a){case"left":case"top":case"bottom":s("right");break;case"right":s("top")}else if(t.x+t.width>window.outerWidth)switch(a){case"right":case"top":case"bottom":s("left");break;case"left":s("top")}else s(a)}};return e(gn,{position:p,"data-testid":h,visible:o,ref:f,...c,children:["string"==typeof l?t(on.BodySmall,{children:l}):l,t(dn,{position:p})]})},yn=(n,r)=>i=>{const{tooltipVisible:o,position:a,...l}=i;return e(un,{children:[t(n,{...l}),t(mn,{visible:o,position:a,children:r.content})]})};export{mn as Tooltip,yn as withTooltip};
+`,yn=({visible:t,position:a="top",children:l,...c})=>{const h=c["data-testid"]||"tooltip",[p,f]=r(a),s=i(null);o((()=>(g(),window.addEventListener("resize",Y(d,300)),()=>{window.removeEventListener("resize",Y(d,300))})),[]);const d=()=>{g()},g=()=>{if(s.current){const t=s.current.getBoundingClientRect();if(t.x<0)switch(a){case"left":case"top":case"bottom":f("right");break;case"right":f("top")}else if(t.x+t.width>window.outerWidth)switch(a){case"right":case"top":case"bottom":f("left");break;case"left":f("top")}else f(a)}};return e(dn,{position:p,"data-testid":h,visible:t,ref:s,...c,children:[n(gn,{children:"string"==typeof l?n(rn.BodySmall,{children:l}):l}),n(un,{position:p})]})},vn=(t,r)=>i=>{const{tooltipVisible:o,position:a,...l}=i;return e(mn,{children:[n(t,{...l}),n(yn,{visible:o,position:a,children:r.content})]})};export{yn as Tooltip,vn as withTooltip};
 //# sourceMappingURL=index.js.map