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

package/phone-number-input/package.json

@@ -0,0 +1,7 @@
+{
+  "name": "@lifesg/react-design-system/phone-number-input",
+  "private": true,
+  "main": "../cjs/index.js",
+  "module": "./index.js",
+  "types": "./index.d.ts"
+}

package/phone-number-input/phone-number-input-helper.d.ts

@@ -0,0 +1,5 @@
+import { CountryValue } from "./types";
+export declare namespace PhoneNumberInputHelper {
+    const getCountries: CountryValue[];
+    const formatNumber: (text: string, country: CountryValue | undefined) => string;
+}

package/phone-number-input/phone-number-input.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { PhoneNumberInputProps } from "./types";
+export declare const PhoneNumberInput: ({ onChange, value, allowClear, onClear, error, optionPlaceholder, optionSearchPlaceholder, enableSearch, onHideOptions, onShowOptions, placeholder, ...otherProps }: PhoneNumberInputProps) => JSX.Element;

package/phone-number-input/phone-number-input.styles.d.ts

@@ -0,0 +1 @@
+export declare const Wrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

package/phone-number-input/types.d.ts

@@ -0,0 +1,42 @@
+import React from "react";
+export interface CountryValue {
+    name: string;
+    regions: string[];
+    iso2: string;
+    countryCode: string;
+    format: string;
+}
+export interface PhoneNumberInputValue {
+    /**
+     * You may choose to specify with or without the +. The return value
+     * will always contain the +
+     */
+    countryCode?: string | undefined;
+    number?: string | undefined;
+}
+export interface PhoneNumberInputProps extends React.AriaAttributes {
+    value?: PhoneNumberInputValue | undefined;
+    error?: boolean | undefined;
+    /** Specifies if the clear button should be present in the input */
+    allowClear?: boolean | undefined;
+    "data-testid"?: string | undefined;
+    onChange?: ((value: PhoneNumberInputValue) => void) | undefined;
+    /** Called when the clear button in the input field is clicked */
+    onClear?: () => void | undefined;
+    /** The placeholder value for the dropdown selector */
+    optionPlaceholder?: string | undefined;
+    /** The placeholder value for the dropdown search */
+    optionSearchPlaceholder?: string | undefined;
+    /** Specifies if search is enabled in the dropdown */
+    enableSearch?: boolean | undefined;
+    /** Called when the dropdown is dismissed */
+    onHideOptions?: (() => void) | undefined;
+    /** Called when the dropdown is visible */
+    onShowOptions?: (() => void) | undefined;
+    disabled?: boolean | undefined;
+    name?: string | undefined;
+    pattern?: string | undefined;
+    placeholder?: string | undefined;
+    readOnly?: boolean | undefined;
+    id?: string | undefined;
+}

package/popover/index.js

@@ -1,4 +1,4 @@
-import{jsx as e,jsxs as t,Fragment as n}from"react/jsx-runtime";import r,{useState as o,useRef as i,useEffect as a}from"react";import l from"react-dom";import c,{css as s}from"styled-components";var u,d="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},f={exports:{}};u=e=>(()=>{var t={"./node_modules/css-mediaquery/index.js":
+import e,{jsxs as t,jsx as n,Fragment as r}from"react/jsx-runtime";import o,{useState as i,useRef as a,useEffect as l}from"react";import c,{css as s}from"styled-components";import u from"react-dom";var d,f="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},p={exports:{}};d=e=>(()=>{var t={"./node_modules/css-mediaquery/index.js":
 /*!**********************************************!*\
   !*** ./node_modules/css-mediaquery/index.js ***!
   \**********************************************/(e,t)=>{t.match=function(e,t){return l(e).some((function(e){var n=e.inverse,r="all"===e.type||t.type===e.type;if(r&&n||!r&&!n)return!1;var o=e.expressions.every((function(e){var n=e.feature,r=e.modifier,o=e.value,i=t[n];if(!i)return!1;switch(n){case"orientation":case"scan":return i.toLowerCase()===o.toLowerCase();case"width":case"height":case"device-width":case"device-height":o=u(o),i=u(i);break;case"resolution":o=s(o),i=s(i);break;case"aspect-ratio":case"device-aspect-ratio":case"device-pixel-ratio":o=c(o),i=c(i);break;case"grid":case"color":case"color-index":case"monochrome":o=parseInt(o,10)||1,i=parseInt(i,10)||0}switch(r){case"min":return i>=o;case"max":return i<=o;default:return i===o}}));return o&&!n||!o&&n}))},t.parse=l;var n=/(?:(only|not)?\s*([^\s\(\)]+)(?:\s*and)?\s*)?(.+)?/i,r=/\(\s*([^\s\:\)]+)\s*(?:\:\s*([^\s\)]+))?\s*\)/,o=/^(?:(min|max)-)?(.+)/,i=/(em|rem|px|cm|mm|in|pt|pc)?$/,a=/(dpi|dpcm|dppx)?$/;function l(e){return e.split(",").map((function(e){var t=(e=e.trim()).match(n),i=t[1],a=t[2],l=t[3]||"",c={};return c.inverse=!!i&&"not"===i.toLowerCase(),c.type=a?a.toLowerCase():"all",l=l.match(/\([^\)]+\)/g)||[],c.expressions=l.map((function(e){var t=e.match(r),n=t[1].toLowerCase().match(o);return{modifier:n[1],feature:n[2],value:t[2]}})),c}))}function c(e){var t,n=Number(e);return n||(n=(t=e.match(/^(\d+)\s*\/\s*(\d+)$/))[1]/t[2]),n}function s(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 u(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":
@@ -34,7 +34,7 @@ var t=Object.getOwnPropertySymbols,n=Object.prototype.hasOwnProperty,r=Object.pr
   \********************************************/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,n=e?Symbol.for("react.element"):60103,r=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,l=e?Symbol.for("react.provider"):60109,c=e?Symbol.for("react.context"):60110,s=e?Symbol.for("react.async_mode"):60111,u=e?Symbol.for("react.concurrent_mode"):60111,d=e?Symbol.for("react.forward_ref"):60112,f=e?Symbol.for("react.suspense"):60113,p=e?Symbol.for("react.suspense_list"):60120,h=e?Symbol.for("react.memo"):60115,y=e?Symbol.for("react.lazy"):60116,m=e?Symbol.for("react.block"):60121,g=e?Symbol.for("react.fundamental"):60117,v=e?Symbol.for("react.responder"):60118,b=e?Symbol.for("react.scope"):60119;function w(e){if("object"==typeof e&&null!==e){var t=e.$$typeof;switch(t){case n:var p=e.type;switch(p){case s:case u:case o:case a:case i:case f:return p;default:var m=p&&p.$$typeof;switch(m){case c:case d:case y:case h:case l:return m;default:return t}}case r:return t}}}var S=s,x=u,$=c,F=l,_=n,O=d,j=o,H=y,B=h,C=r,D=a,k=i,E=f,z=!1;function T(e){return w(e)===u}t.AsyncMode=S,t.ConcurrentMode=x,t.ContextConsumer=$,t.ContextProvider=F,t.Element=_,t.ForwardRef=O,t.Fragment=j,t.Lazy=H,t.Memo=B,t.Portal=C,t.Profiler=D,t.StrictMode=k,t.Suspense=E,t.isAsyncMode=function(e){return z||(z=!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.")),T(e)||w(e)===s},t.isConcurrentMode=T,t.isContextConsumer=function(e){return w(e)===c},t.isContextProvider=function(e){return w(e)===l},t.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===n},t.isForwardRef=function(e){return w(e)===d},t.isFragment=function(e){return w(e)===o},t.isLazy=function(e){return w(e)===y},t.isMemo=function(e){return w(e)===h},t.isPortal=function(e){return w(e)===r},t.isProfiler=function(e){return w(e)===a},t.isStrictMode=function(e){return w(e)===i},t.isSuspense=function(e){return w(e)===f},t.isValidElementType=function(e){return"string"==typeof e||"function"==typeof e||e===o||e===u||e===a||e===i||e===f||e===p||"object"==typeof e&&null!==e&&(e.$$typeof===y||e.$$typeof===h||e.$$typeof===l||e.$$typeof===c||e.$$typeof===d||e.$$typeof===g||e.$$typeof===v||e.$$typeof===b||e.$$typeof===m)},t.typeOf=w}()},"./node_modules/react-is/index.js":
+  \***********************************************************/(e,t)=>{!function(){var e="function"==typeof Symbol&&Symbol.for,n=e?Symbol.for("react.element"):60103,r=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,l=e?Symbol.for("react.provider"):60109,c=e?Symbol.for("react.context"):60110,s=e?Symbol.for("react.async_mode"):60111,u=e?Symbol.for("react.concurrent_mode"):60111,d=e?Symbol.for("react.forward_ref"):60112,f=e?Symbol.for("react.suspense"):60113,p=e?Symbol.for("react.suspense_list"):60120,h=e?Symbol.for("react.memo"):60115,y=e?Symbol.for("react.lazy"):60116,m=e?Symbol.for("react.block"):60121,g=e?Symbol.for("react.fundamental"):60117,v=e?Symbol.for("react.responder"):60118,b=e?Symbol.for("react.scope"):60119;function w(e){if("object"==typeof e&&null!==e){var t=e.$$typeof;switch(t){case n:var p=e.type;switch(p){case s:case u:case o:case a:case i:case f:return p;default:var m=p&&p.$$typeof;switch(m){case c:case d:case y:case h:case l:return m;default:return t}}case r:return t}}}var S=s,x=u,$=c,_=l,F=n,O=d,j=o,C=y,H=h,B=r,D=a,E=i,k=f,z=!1;function T(e){return w(e)===u}t.AsyncMode=S,t.ConcurrentMode=x,t.ContextConsumer=$,t.ContextProvider=_,t.Element=F,t.ForwardRef=O,t.Fragment=j,t.Lazy=C,t.Memo=H,t.Portal=B,t.Profiler=D,t.StrictMode=E,t.Suspense=k,t.isAsyncMode=function(e){return z||(z=!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.")),T(e)||w(e)===s},t.isConcurrentMode=T,t.isContextConsumer=function(e){return w(e)===c},t.isContextProvider=function(e){return w(e)===l},t.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===n},t.isForwardRef=function(e){return w(e)===d},t.isFragment=function(e){return w(e)===o},t.isLazy=function(e){return w(e)===y},t.isMemo=function(e){return w(e)===h},t.isPortal=function(e){return w(e)===r},t.isProfiler=function(e){return w(e)===a},t.isStrictMode=function(e){return w(e)===i},t.isSuspense=function(e){return w(e)===f},t.isValidElementType=function(e){return"string"==typeof e||"function"==typeof e||e===o||e===u||e===a||e===i||e===f||e===p||"object"==typeof e&&null!==e&&(e.$$typeof===y||e.$$typeof===h||e.$$typeof===l||e.$$typeof===c||e.$$typeof===d||e.$$typeof===g||e.$$typeof===v||e.$$typeof===b||e.$$typeof===m)},t.typeOf=w}()},"./node_modules/react-is/index.js":
 /*!****************************************!*\
   !*** ./node_modules/react-is/index.js ***!
   \****************************************/(e,t,n)=>{e.exports=n(/*! ./cjs/react-is.development.js */"./node_modules/react-is/cjs/react-is.development.js")},"./node_modules/shallow-equal/dist/index.esm.js":
@@ -61,197 +61,197 @@ var t=Object.getOwnPropertySymbols,n=Object.prototype.hasOwnProperty,r=Object.pr
   \******************************/function(e,t,n){var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var o=n(/*! react */"react"),i=r(n(/*! matchmediaquery */"./node_modules/matchmediaquery/index.js")),a=r(n(/*! hyphenate-style-name */"./node_modules/hyphenate-style-name/index.js")),l=n(/*! shallow-equal */"./node_modules/shallow-equal/dist/index.esm.js"),c=r(n(/*! ./toQuery */"./src/toQuery.ts")),s=r(n(/*! ./Context */"./src/Context.ts")),u=function(e){if(e)return Object.keys(e).reduce((function(t,n){return t[(0,a.default)(n)]=e[n],t}),{})},d=function(){var e=(0,o.useRef)(!1);return(0,o.useEffect)((function(){e.current=!0}),[]),e.current},f=function(e){var t=function(){return function(e){return e.query||(0,c.default)(e)}(e)},n=(0,o.useState)(t),r=n[0],i=n[1];return(0,o.useEffect)((function(){var e=t();r!==e&&i(e)}),[e]),r};t.default=function(e,t,n){var r=function(e){var t=(0,o.useContext)(s.default),n=function(){return u(e)||u(t)},r=(0,o.useState)(n),i=r[0],a=r[1];return(0,o.useEffect)((function(){var e=n();(0,l.shallowEqualObjects)(i,e)||a(e)}),[e,t]),i}(t),a=f(e);if(!a)throw new Error("Invalid or missing MediaQuery!");var c=function(e,t){var n=function(){return(0,i.default)(e,t||{},!!t)},r=(0,o.useState)(n),a=r[0],l=r[1],c=d();return(0,o.useEffect)((function(){if(c){var e=n();return l(e),function(){e&&e.dispose()}}}),[e,t]),a}(a,r),p=function(e){var t=(0,o.useState)(e.matches),n=t[0],r=t[1];return(0,o.useEffect)((function(){var t=function(e){r(e.matches)};return e.addListener(t),r(e.matches),function(){e.removeListener(t)}}),[e]),n}(c),h=d();return(0,o.useEffect)((function(){h&&n&&n(p)}),[p]),(0,o.useEffect)((function(){return function(){c&&c.dispose()}}),[]),p}},react:
 /*!**************************************************************************************!*\
   !*** external {"commonjs":"react","commonjs2":"react","amd":"react","root":"React"} ***!
-  \**************************************************************************************/t=>{t.exports=e}},n={};function r(e){var o=n[e];if(void 0!==o)return o.exports;var i=n[e]={exports:{}};return t[e].call(i.exports,i,i.exports,r),i.exports}return r.d=(e,t)=>{for(var n in t)r.o(t,n)&&!r.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r("./src/index.ts")})(),f.exports=u(r);const p={mobileS:320,mobileM:375,mobileL:480,tablet:1199,desktopM:1399,desktopL:1999,desktop4k:3840};var h=function(e){var t=typeof e;return null!=e&&("object"==t||"function"==t)},y="object"==typeof d&&d&&d.Object===Object&&d,m="object"==typeof self&&self&&self.Object===Object&&self,g=y||m||Function("return this")(),v=g,b=function(){return v.Date.now()},w=/\s/;var S=function(e){for(var t=e.length;t--&&w.test(e.charAt(t)););return t},x=/^\s+/;var $=function(e){return e?e.slice(0,S(e)+1).replace(x,""):e},F=g.Symbol,_=F,O=Object.prototype,j=O.hasOwnProperty,H=O.toString,B=_?_.toStringTag:void 0;var C=function(e){var t=j.call(e,B),n=e[B];try{e[B]=void 0;var r=!0}catch(e){}var o=H.call(e);return r&&(t?e[B]=n:delete e[B]),o},D=Object.prototype.toString;var k=C,E=function(e){return D.call(e)},z=F?F.toStringTag:void 0;var T=function(e){return null==e?void 0===e?"[object Undefined]":"[object Null]":z&&z in Object(e)?k(e):E(e)};var P=T,A=function(e){return null!=e&&"object"==typeof e};var W=function(e){return"symbol"==typeof e||A(e)&&"[object Symbol]"==P(e)},I=$,L=h,R=W,M=/^[-+]0x[0-9a-f]+$/i,N=/^0b[01]+$/i,V=/^0o[0-7]+$/i,q=parseInt;var Q=h,X=b,G=function(e){if("number"==typeof e)return e;if(R(e))return NaN;if(L(e)){var t="function"==typeof e.valueOf?e.valueOf():e;e=L(t)?t+"":t}if("string"!=typeof e)return 0===e?e:+e;e=I(e);var n=N.test(e);return n||V.test(e)?q(e.slice(2),n?2:8):M.test(e)?NaN:+e},U=Math.max,Y=Math.min;var J=function(e,t,n){var r,o,i,a,l,c,s=0,u=!1,d=!1,f=!0;if("function"!=typeof e)throw new TypeError("Expected a function");function p(t){var n=r,i=o;return r=o=void 0,s=t,a=e.apply(i,n)}function h(e){return s=e,l=setTimeout(m,t),u?p(e):a}function y(e){var n=e-c;return void 0===c||n>=t||n<0||d&&e-s>=i}function m(){var e=X();if(y(e))return g(e);l=setTimeout(m,function(e){var n=t-(e-c);return d?Y(n,i-(e-s)):n}(e))}function g(e){return l=void 0,f&&r?p(e):(r=o=void 0,a)}function v(){var e=X(),n=y(e);if(r=arguments,o=this,c=e,n){if(void 0===l)return h(c);if(d)return clearTimeout(l),l=setTimeout(m,t),p(c)}return void 0===l&&(l=setTimeout(m,t)),a}return t=G(t)||0,Q(n)&&(u=!!n.leading,i=(d="maxWait"in n)?U(G(n.maxWait)||0,t):i,f="trailing"in n?!!n.trailing:f),v.cancel=function(){void 0!==l&&clearTimeout(l),s=0,r=c=o=l=void 0},v.flush=function(){return void 0===l?a:g(X())},v};const Z=c.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 s`
-                height: 100%;
-                width: 100vw;
-                visibility: visible;
-            `}}
-`,K=c.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+=s`
-                visibility: visible;
-                opacity: 1;
-                pointer-events: auto;
-                height: 100%;
-                width: 100vw;
-            `:t+=s`
-                visibility: hidden;
-                opacity: 0;
-                transition-delay: ${e.$disableTransition?"0ms":"400ms"};
-                pointer-events: none;
-                height: 0;
-                width: 0;
-            `,e.$disableTransition&&(t+=s`
-                transition: none;
-            `),t}}
-`,ee=({show:t=!1,rootId:n,onOverlayClick:c,children:s,backgroundOpacity:u,backgroundBlur:d=!0,disableTransition:f=!1,enableOverlayClick:p=!1,zIndex:h,id:y})=>{const[m,g]=o(null),[v,b]=o(),w=i(),S=i(null),x=s&&r.cloneElement(s,{ref:S}),$=y?`lifesg-ds-overlay-root-${y}`:"lifesg-ds-overlay-root";a((()=>{if(t){const e=O();if(F(e),!e){const e=setTimeout((()=>{H("add")}),200);return()=>clearTimeout(e)}}else if(!w.current){const e=setTimeout((()=>{H("add")}),200);return()=>clearTimeout(e)}}),[t]),a((()=>{g(_());const e=O();return F(e),e||j(),()=>{H("remove")}}),[]);const F=e=>{w.current=e,b(e)},_=()=>document&&n?document.getElementById(n):document?document.body:null,O=()=>document.body.classList.contains(ne),j=()=>{if(!document.getElementById(te)){const e=document.createElement("style");e.id=te;const t=document.documentElement.clientWidth,n=window.innerWidth-t;e.innerHTML=`\n\t\t\t\t.${ne} {\n\t\t\t\t\toverflow: hidden;\n\t\t\t\t\tpadding-right: ${n}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.${ne}::-webkit-scrollbar {\n\t\t\t\t\tdisplay: none;\n\t\t\t\t}\n\t\t\t`,document.body.appendChild(e)}},H=e=>{const t=document.body.classList.contains(ne);"add"!==e||t?"remove"===e&&t&&document.body.classList.remove(ne):document.body.classList.add(ne)},B=e=>{e.preventDefault();const t=S.current?.firstChild;t&&t.contains(e.target)||c&&p&&c()};return m?l.createPortal(e(Z,{id:$,"data-testid":$,$show:t,zIndex:h,$stacked:v,children:s&&e(K,{"data-testid":"overlay-wrapper",$show:t,$backgroundOpacity:u||(v?.5:.8),$backgroundBlur:d,$disableTransition:f,$enableOverlayClick:p,onClick:B,children:x})}),m):null},te="lifesg-ds-overlay-stylesheet",ne="lifesg-ds-overlay-open",re=e=>Object.keys(p).reduce(((t,n)=>{const r=p[n];return t[n]=`@media screen and (${e}: ${r}px)`,t}),{}),oe=re("max-width"),ie=(re("min-width"),c.div`
-    position: relative;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    height: 100%;
-    width: 100%;
-    overflow: hidden;
-    ${e=>{return t=e.show,n=e.animationFrom||"bottom",t?`\n\t\t\t${n}: 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${n}: -3%;\n\t\topacity: 0;\n\t\ttransition: all 300ms cubic-bezier(0.4, 0.34, 0.38, 1);\n\t`;var t,n}}
-
-    ${e=>e.verticalHeight?s`
-                ${oe.mobileL} {
-                    height: calc(${e.verticalHeight}px * 100);
-                }
-            `:s`
-                ${oe.mobileL} {
-                    height: calc(1vh * 100);
-                }
-            `}
-`),ae=({id:t="modal",show:n,animationFrom:r="bottom",children:i,enableOverlayClick:l=!0,rootComponentId:c,zIndex:s,onOverlayClick:u,...d})=>{const[f,p]=o();a((()=>(p(.01*window.innerHeight),window.addEventListener("resize",h),()=>{window.removeEventListener("resize",h)})),[]);const h=()=>{const e=.01*window.innerHeight;p(e)};return e(ee,{"data-testid":`${t}-overlay`,show:n,enableOverlayClick:l,onOverlayClick:u,id:t,rootId:c,zIndex:s,children:e(ie,{show:n,animationFrom:r,"data-testid":t,verticalHeight:f,...d,children:i})})};var le=Array.isArray,ce=le,se=W,ue=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,de=/^\w*$/;var fe=function(e,t){if(ce(e))return!1;var n=typeof e;return!("number"!=n&&"symbol"!=n&&"boolean"!=n&&null!=e&&!se(e))||(de.test(e)||!ue.test(e)||null!=t&&e in Object(t))},pe=T,he=h;var ye,me=function(e){if(!he(e))return!1;var t=pe(e);return"[object Function]"==t||"[object GeneratorFunction]"==t||"[object AsyncFunction]"==t||"[object Proxy]"==t},ge=g["__core-js_shared__"],ve=(ye=/[^.]+$/.exec(ge&&ge.keys&&ge.keys.IE_PROTO||""))?"Symbol(src)_1."+ye:"";var be=function(e){return!!ve&&ve in e},we=Function.prototype.toString;var Se=me,xe=be,$e=h,Fe=function(e){if(null!=e){try{return we.call(e)}catch(e){}try{return e+""}catch(e){}}return""},_e=/^\[object .+?Constructor\]$/,Oe=Function.prototype,je=Object.prototype,He=Oe.toString,Be=je.hasOwnProperty,Ce=RegExp("^"+He.call(Be).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");var De=function(e){return!(!$e(e)||xe(e))&&(Se(e)?Ce:_e).test(Fe(e))},ke=function(e,t){return null==e?void 0:e[t]};var Ee=function(e,t){var n=ke(e,t);return De(n)?n:void 0},ze=Ee(Object,"create"),Te=ze;var Pe=function(){this.__data__=Te?Te(null):{},this.size=0};var Ae=function(e){var t=this.has(e)&&delete this.__data__[e];return this.size-=t?1:0,t},We=ze,Ie=Object.prototype.hasOwnProperty;var Le=function(e){var t=this.__data__;if(We){var n=t[e];return"__lodash_hash_undefined__"===n?void 0:n}return Ie.call(t,e)?t[e]:void 0},Re=ze,Me=Object.prototype.hasOwnProperty;var Ne=ze;var Ve=Pe,qe=Ae,Qe=Le,Xe=function(e){var t=this.__data__;return Re?void 0!==t[e]:Me.call(t,e)},Ge=function(e,t){var n=this.__data__;return this.size+=this.has(e)?0:1,n[e]=Ne&&void 0===t?"__lodash_hash_undefined__":t,this};function Ue(e){var t=-1,n=null==e?0:e.length;for(this.clear();++t<n;){var r=e[t];this.set(r[0],r[1])}}Ue.prototype.clear=Ve,Ue.prototype.delete=qe,Ue.prototype.get=Qe,Ue.prototype.has=Xe,Ue.prototype.set=Ge;var Ye=Ue;var Je=function(){this.__data__=[],this.size=0};var Ze=function(e,t){return e===t||e!=e&&t!=t};var Ke=function(e,t){for(var n=e.length;n--;)if(Ze(e[n][0],t))return n;return-1},et=Ke,tt=Array.prototype.splice;var nt=Ke;var rt=Ke;var ot=Ke;var it=Je,at=function(e){var t=this.__data__,n=et(t,e);return!(n<0)&&(n==t.length-1?t.pop():tt.call(t,n,1),--this.size,!0)},lt=function(e){var t=this.__data__,n=nt(t,e);return n<0?void 0:t[n][1]},ct=function(e){return rt(this.__data__,e)>-1},st=function(e,t){var n=this.__data__,r=ot(n,e);return r<0?(++this.size,n.push([e,t])):n[r][1]=t,this};function ut(e){var t=-1,n=null==e?0:e.length;for(this.clear();++t<n;){var r=e[t];this.set(r[0],r[1])}}ut.prototype.clear=it,ut.prototype.delete=at,ut.prototype.get=lt,ut.prototype.has=ct,ut.prototype.set=st;var dt=ut,ft=Ee(g,"Map"),pt=Ye,ht=dt,yt=ft;var mt=function(e){var t=typeof e;return"string"==t||"number"==t||"symbol"==t||"boolean"==t?"__proto__"!==e:null===e};var gt=function(e,t){var n=e.__data__;return mt(t)?n["string"==typeof t?"string":"hash"]:n.map},vt=gt;var bt=gt;var wt=gt;var St=gt;var xt=function(){this.size=0,this.__data__={hash:new pt,map:new(yt||ht),string:new pt}},$t=function(e){var t=vt(this,e).delete(e);return this.size-=t?1:0,t},Ft=function(e){return bt(this,e).get(e)},_t=function(e){return wt(this,e).has(e)},Ot=function(e,t){var n=St(this,e),r=n.size;return n.set(e,t),this.size+=n.size==r?0:1,this};function jt(e){var t=-1,n=null==e?0:e.length;for(this.clear();++t<n;){var r=e[t];this.set(r[0],r[1])}}jt.prototype.clear=xt,jt.prototype.delete=$t,jt.prototype.get=Ft,jt.prototype.has=_t,jt.prototype.set=Ot;var Ht=jt;function Bt(e,t){if("function"!=typeof e||null!=t&&"function"!=typeof t)throw new TypeError("Expected a function");var n=function(){var r=arguments,o=t?t.apply(this,r):r[0],i=n.cache;if(i.has(o))return i.get(o);var a=e.apply(this,r);return n.cache=i.set(o,a)||i,a};return n.cache=new(Bt.Cache||Ht),n}Bt.Cache=Ht;var Ct=Bt;var Dt=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,kt=/\\(\\)?/g,Et=function(e){var t=Ct(e,(function(e){return 500===n.size&&n.clear(),e})),n=t.cache;return t}((function(e){var t=[];return 46===e.charCodeAt(0)&&t.push(""),e.replace(Dt,(function(e,n,r,o){t.push(r?o.replace(kt,"$1"):n||e)})),t}));var zt=function(e,t){for(var n=-1,r=null==e?0:e.length,o=Array(r);++n<r;)o[n]=t(e[n],n,e);return o},Tt=le,Pt=W,At=F?F.prototype:void 0,Wt=At?At.toString:void 0;var It=function e(t){if("string"==typeof t)return t;if(Tt(t))return zt(t,e)+"";if(Pt(t))return Wt?Wt.call(t):"";var n=t+"";return"0"==n&&1/t==-Infinity?"-0":n},Lt=It;var Rt=le,Mt=fe,Nt=Et,Vt=function(e){return null==e?"":Lt(e)};var qt=W;var Qt=function(e,t){return Rt(e)?e:Mt(e,t)?[e]:Nt(Vt(e))},Xt=function(e){if("string"==typeof e||qt(e))return e;var t=e+"";return"0"==t&&1/e==-Infinity?"-0":t};var Gt=function(e,t){for(var n=0,r=(t=Qt(t,e)).length;null!=e&&n<r;)e=e[Xt(t[n++])];return n&&n==r?e:void 0};var Ut=function(e,t,n){var r=null==e?void 0:Gt(e,t);return void 0===r?n:r};const Yt=(e,t,n)=>t?Ut(n,t)||Ut(e,t):n||e,Jt=(e,t)=>{const n=t||e.defaultValue;return Ut(e.collections,n)};var Zt;!function(e){e.colorScheme="colorScheme",e.layout="layout",e.textStyleScheme="textStyleScheme"}(Zt||(Zt={}));const Kt={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"},en=e=>t=>{const n=t.theme,r=Jt(Kt,n[Zt.colorScheme]);return n.options&&n.options.color?Yt(r,e,n.options.color):Yt(r,e)},tn=(en("Brand.1"),en("Brand.2"),en("Brand.3"),en("Brand.4"),en("Brand.5"),en("Brand.6"),en("Primary")),nn=(en("PrimaryDark"),en("Secondary")),rn={Light:{1:en("Accent.Light.1"),2:en("Accent.Light.2"),3:en("Accent.Light.3"),4:en("Accent.Light.4"),5:en("Accent.Light.5"),6:en("Accent.Light.6")},Dark:{1:en("Accent.Dark.1"),2:en("Accent.Dark.2"),3:en("Accent.Dark.3")}},on={1:en("Neutral.1"),2:en("Neutral.2"),3:en("Neutral.3"),4:en("Neutral.4"),5:en("Neutral.5"),6:en("Neutral.6"),7:en("Neutral.7"),8:en("Neutral.8")},an=(en("Validation.Green.Text"),en("Validation.Green.Icon"),en("Validation.Green.Border"),en("Validation.Green.Background"),en("Validation.Orange.Text"),en("Validation.Orange.Icon"),en("Validation.Orange.Border"),en("Validation.Orange.Background"),en("Validation.Orange.Badge"),en("Validation.Red.Text"),en("Validation.Red.Icon"),en("Validation.Red.Border"),en("Validation.Red.Background"),c.svg`
-    height: 1rem;
-    width: 1rem;
-    vertical-align: text-top;
-
-    #path {
-        fill: ${on[8]};
-    }
-`),ln=t=>e(an,{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)"})})})})})})}),cn=t=>e(an,{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"})}),sn=t=>e(an,{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"})}),un=t=>e(an,{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"})})}),dn=({type:t,...n})=>{switch(t){case"arrow-right":return e(ln,{...n});case"info":return e(cn,{...n});case"search":return e(un,{...n});case"play-alt":return e(sn,{...n});default:{const r=`sgds-icon sgds-icon-${t}`,o=n.className?`${r} ${n.className}`:r;return e(fn,{...n,className:o})}}},fn=c.span`
-    font-size: 1rem;
-`,pn={Regular:"Open Sans",Semibold:"Open Sans Semibold",Bold:"Open Sans Bold",Light:"Open Sans Light"},hn={collections:{base:{D1:{fontFamily:pn.Bold,fontSize:3,fontWeight:700,lineHeight:4,letterSpacing:-.056},D2:{fontFamily:pn.Bold,fontSize:2.5,fontWeight:700,lineHeight:3.5,letterSpacing:-.032},D3:{fontFamily:pn.Bold,fontSize:1.625,fontWeight:700,lineHeight:2.25},D4:{fontFamily:pn.Bold,fontSize:1.375,fontWeight:700,lineHeight:1.75},DBody:{fontFamily:pn.Regular,fontSize:1.375,lineHeight:1.75},H1:{fontFamily:pn.Bold,fontSize:2,fontWeight:700,lineHeight:2.5},H2:{fontFamily:pn.Bold,fontSize:1.625,fontWeight:700,lineHeight:2.25},H3:{fontFamily:pn.Bold,fontSize:1.375,fontWeight:700,lineHeight:1.75},H4:{fontFamily:pn.Bold,fontSize:1.125,fontWeight:700,lineHeight:1.625},H5:{fontFamily:pn.Bold,fontSize:1,fontWeight:700,lineHeight:1.5,letterSpacing:.014},H6:{fontFamily:pn.Bold,fontSize:.875,fontWeight:700,lineHeight:1.6,letterSpacing:.012},Body:{fontFamily:pn.Regular,fontSize:1.125,lineHeight:1.625},BodySmall:{fontFamily:pn.Regular,fontSize:1,lineHeight:1.5,letterSpacing:.014},XSmall:{fontFamily:pn.Regular,fontSize:.75,lineHeight:1.2,letterSpacing:.012}}},defaultValue:"base"},yn=e=>t=>{const n=t.theme,r=Jt(hn,n[Zt.textStyleScheme]);return n.options&&n.options.textStyle?Yt(r,e,n.options.textStyle):Yt(r,e)},mn={D1:{fontFamily:yn("D1.fontFamily"),fontSize:yn("D1.fontSize"),fontWeight:yn("D1.fontWeight"),lineHeight:yn("D1.lineHeight"),letterSpacing:yn("D1.letterSpacing")},D2:{fontFamily:yn("D2.fontFamily"),fontSize:yn("D2.fontSize"),fontWeight:yn("D2.fontWeight"),lineHeight:yn("D2.lineHeight"),letterSpacing:yn("D2.letterSpacing")},D3:{fontFamily:yn("D3.fontFamily"),fontSize:yn("D3.fontSize"),fontWeight:yn("D3.fontWeight"),lineHeight:yn("D3.lineHeight"),letterSpacing:yn("D3.letterSpacing")},D4:{fontFamily:yn("D4.fontFamily"),fontSize:yn("D4.fontSize"),fontWeight:yn("D4.fontWeight"),lineHeight:yn("D4.lineHeight"),letterSpacing:yn("D4.letterSpacing")},DBody:{fontFamily:yn("DBody.fontFamily"),fontSize:yn("DBody.fontSize"),fontWeight:yn("DBody.fontWeight"),lineHeight:yn("DBody.lineHeight"),letterSpacing:yn("DBody.letterSpacing")},H1:{fontFamily:yn("H1.fontFamily"),fontSize:yn("H1.fontSize"),fontWeight:yn("H1.fontWeight"),lineHeight:yn("H1.lineHeight"),letterSpacing:yn("H1.letterSpacing")},H2:{fontFamily:yn("H2.fontFamily"),fontSize:yn("H2.fontSize"),fontWeight:yn("H2.fontWeight"),lineHeight:yn("H2.lineHeight"),letterSpacing:yn("H2.letterSpacing")},H3:{fontFamily:yn("H3.fontFamily"),fontSize:yn("H3.fontSize"),fontWeight:yn("H3.fontWeight"),lineHeight:yn("H3.lineHeight"),letterSpacing:yn("H3.letterSpacing")},H4:{fontFamily:yn("H4.fontFamily"),fontSize:yn("H4.fontSize"),fontWeight:yn("H4.fontWeight"),lineHeight:yn("H4.lineHeight"),letterSpacing:yn("H4.letterSpacing")},H5:{fontFamily:yn("H5.fontFamily"),fontSize:yn("H5.fontSize"),fontWeight:yn("H5.fontWeight"),lineHeight:yn("H5.lineHeight"),letterSpacing:yn("H5.letterSpacing")},H6:{fontFamily:yn("H6.fontFamily"),fontSize:yn("H6.fontSize"),fontWeight:yn("H6.fontWeight"),lineHeight:yn("H6.lineHeight"),letterSpacing:yn("H6.letterSpacing")},Body:{fontFamily:yn("Body.fontFamily"),fontSize:yn("Body.fontSize"),fontWeight:yn("Body.fontWeight"),lineHeight:yn("Body.lineHeight"),letterSpacing:yn("Body.letterSpacing")},BodySmall:{fontFamily:yn("BodySmall.fontFamily"),fontSize:yn("BodySmall.fontSize"),fontWeight:yn("BodySmall.fontWeight"),lineHeight:yn("BodySmall.lineHeight"),letterSpacing:yn("BodySmall.letterSpacing")},XSmall:{fontFamily:yn("XSmall.fontFamily"),fontSize:yn("XSmall.fontSize"),fontWeight:yn("XSmall.fontWeight"),lineHeight:yn("XSmall.lineHeight"),letterSpacing:yn("XSmall.letterSpacing")}},gn=e=>{switch(e){case 700:case"bold":return pn.Bold;case 600:case"semibold":return pn.Semibold;case 300:case"light":return pn.Light;case 400:case"regular":return pn.Regular;default:return""}},vn=(e,t)=>n=>{const r=mn[e].fontFamily(n),o=mn[e].fontWeight(n);return Object.values(pn).includes(r)?s`
-                font-family: ${gn(t)||gn(o)||r};
+  \**************************************************************************************/t=>{t.exports=e}},n={};function r(e){var o=n[e];if(void 0!==o)return o.exports;var i=n[e]={exports:{}};return t[e].call(i.exports,i,i.exports,r),i.exports}return r.d=(e,t)=>{for(var n in t)r.o(t,n)&&!r.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r("./src/index.ts")})(),p.exports=d(o);const h={mobileS:320,mobileM:375,mobileL:480,tablet:1199,desktopM:1399,desktopL:1999,desktop4k:3840};var y=function(e){var t=typeof e;return null!=e&&("object"==t||"function"==t)},m="object"==typeof f&&f&&f.Object===Object&&f,g="object"==typeof self&&self&&self.Object===Object&&self,v=m||g||Function("return this")(),b=v,w=function(){return b.Date.now()},S=/\s/;var x=function(e){for(var t=e.length;t--&&S.test(e.charAt(t)););return t},$=/^\s+/;var _=function(e){return e?e.slice(0,x(e)+1).replace($,""):e},F=v.Symbol,O=F,j=Object.prototype,C=j.hasOwnProperty,H=j.toString,B=O?O.toStringTag:void 0;var D=function(e){var t=C.call(e,B),n=e[B];try{e[B]=void 0;var r=!0}catch(e){}var o=H.call(e);return r&&(t?e[B]=n:delete e[B]),o},E=Object.prototype.toString;var k=D,z=function(e){return E.call(e)},T=F?F.toStringTag:void 0;var P=function(e){return null==e?void 0===e?"[object Undefined]":"[object Null]":T&&T in Object(e)?k(e):z(e)};var A=P,L=function(e){return null!=e&&"object"==typeof e};var I=function(e){return"symbol"==typeof e||L(e)&&"[object Symbol]"==A(e)},W=_,R=y,M=I,V=/^[-+]0x[0-9a-f]+$/i,N=/^0b[01]+$/i,q=/^0o[0-7]+$/i,Q=parseInt;var X=y,G=w,U=function(e){if("number"==typeof e)return e;if(M(e))return NaN;if(R(e)){var t="function"==typeof e.valueOf?e.valueOf():e;e=R(t)?t+"":t}if("string"!=typeof e)return 0===e?e:+e;e=W(e);var n=N.test(e);return n||q.test(e)?Q(e.slice(2),n?2:8):V.test(e)?NaN:+e},Y=Math.max,Z=Math.min;var J,K=function(e,t,n){var r,o,i,a,l,c,s=0,u=!1,d=!1,f=!0;if("function"!=typeof e)throw new TypeError("Expected a function");function p(t){var n=r,i=o;return r=o=void 0,s=t,a=e.apply(i,n)}function h(e){return s=e,l=setTimeout(m,t),u?p(e):a}function y(e){var n=e-c;return void 0===c||n>=t||n<0||d&&e-s>=i}function m(){var e=G();if(y(e))return g(e);l=setTimeout(m,function(e){var n=t-(e-c);return d?Z(n,i-(e-s)):n}(e))}function g(e){return l=void 0,f&&r?p(e):(r=o=void 0,a)}function v(){var e=G(),n=y(e);if(r=arguments,o=this,c=e,n){if(void 0===l)return h(c);if(d)return clearTimeout(l),l=setTimeout(m,t),p(c)}return void 0===l&&(l=setTimeout(m,t)),a}return t=U(t)||0,X(n)&&(u=!!n.leading,i=(d="maxWait"in n)?Y(U(n.maxWait)||0,t):i,f="trailing"in n?!!n.trailing:f),v.cancel=function(){void 0!==l&&clearTimeout(l),s=0,r=c=o=l=void 0},v.flush=function(){return void 0===l?a:g(G())},v},ee={};Object.defineProperty(ee,"__esModule",{value:!0});var te=e;const ne=e=>te.jsx("svg",{width:"1em",height:"1em",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e,children:te.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"})});ne.displayName="ExternalIcon",J=ee.ExternalIcon=ne;var re=Array.isArray,oe=re,ie=I,ae=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,le=/^\w*$/;var ce=function(e,t){if(oe(e))return!1;var n=typeof e;return!("number"!=n&&"symbol"!=n&&"boolean"!=n&&null!=e&&!ie(e))||(le.test(e)||!ae.test(e)||null!=t&&e in Object(t))},se=P,ue=y;var de,fe=function(e){if(!ue(e))return!1;var t=se(e);return"[object Function]"==t||"[object GeneratorFunction]"==t||"[object AsyncFunction]"==t||"[object Proxy]"==t},pe=v["__core-js_shared__"],he=(de=/[^.]+$/.exec(pe&&pe.keys&&pe.keys.IE_PROTO||""))?"Symbol(src)_1."+de:"";var ye=function(e){return!!he&&he in e},me=Function.prototype.toString;var ge=fe,ve=ye,be=y,we=function(e){if(null!=e){try{return me.call(e)}catch(e){}try{return e+""}catch(e){}}return""},Se=/^\[object .+?Constructor\]$/,xe=Function.prototype,$e=Object.prototype,_e=xe.toString,Fe=$e.hasOwnProperty,Oe=RegExp("^"+_e.call(Fe).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");var je=function(e){return!(!be(e)||ve(e))&&(ge(e)?Oe:Se).test(we(e))},Ce=function(e,t){return null==e?void 0:e[t]};var He=function(e,t){var n=Ce(e,t);return je(n)?n:void 0},Be=He(Object,"create"),De=Be;var Ee=function(){this.__data__=De?De(null):{},this.size=0};var ke=function(e){var t=this.has(e)&&delete this.__data__[e];return this.size-=t?1:0,t},ze=Be,Te=Object.prototype.hasOwnProperty;var Pe=function(e){var t=this.__data__;if(ze){var n=t[e];return"__lodash_hash_undefined__"===n?void 0:n}return Te.call(t,e)?t[e]:void 0},Ae=Be,Le=Object.prototype.hasOwnProperty;var Ie=Be;var We=Ee,Re=ke,Me=Pe,Ve=function(e){var t=this.__data__;return Ae?void 0!==t[e]:Le.call(t,e)},Ne=function(e,t){var n=this.__data__;return this.size+=this.has(e)?0:1,n[e]=Ie&&void 0===t?"__lodash_hash_undefined__":t,this};function qe(e){var t=-1,n=null==e?0:e.length;for(this.clear();++t<n;){var r=e[t];this.set(r[0],r[1])}}qe.prototype.clear=We,qe.prototype.delete=Re,qe.prototype.get=Me,qe.prototype.has=Ve,qe.prototype.set=Ne;var Qe=qe;var Xe=function(){this.__data__=[],this.size=0};var Ge=function(e,t){return e===t||e!=e&&t!=t};var Ue=function(e,t){for(var n=e.length;n--;)if(Ge(e[n][0],t))return n;return-1},Ye=Ue,Ze=Array.prototype.splice;var Je=Ue;var Ke=Ue;var et=Ue;var tt=Xe,nt=function(e){var t=this.__data__,n=Ye(t,e);return!(n<0)&&(n==t.length-1?t.pop():Ze.call(t,n,1),--this.size,!0)},rt=function(e){var t=this.__data__,n=Je(t,e);return n<0?void 0:t[n][1]},ot=function(e){return Ke(this.__data__,e)>-1},it=function(e,t){var n=this.__data__,r=et(n,e);return r<0?(++this.size,n.push([e,t])):n[r][1]=t,this};function at(e){var t=-1,n=null==e?0:e.length;for(this.clear();++t<n;){var r=e[t];this.set(r[0],r[1])}}at.prototype.clear=tt,at.prototype.delete=nt,at.prototype.get=rt,at.prototype.has=ot,at.prototype.set=it;var lt=at,ct=He(v,"Map"),st=Qe,ut=lt,dt=ct;var ft=function(e){var t=typeof e;return"string"==t||"number"==t||"symbol"==t||"boolean"==t?"__proto__"!==e:null===e};var pt=function(e,t){var n=e.__data__;return ft(t)?n["string"==typeof t?"string":"hash"]:n.map},ht=pt;var yt=pt;var mt=pt;var gt=pt;var vt=function(){this.size=0,this.__data__={hash:new st,map:new(dt||ut),string:new st}},bt=function(e){var t=ht(this,e).delete(e);return this.size-=t?1:0,t},wt=function(e){return yt(this,e).get(e)},St=function(e){return mt(this,e).has(e)},xt=function(e,t){var n=gt(this,e),r=n.size;return n.set(e,t),this.size+=n.size==r?0:1,this};function $t(e){var t=-1,n=null==e?0:e.length;for(this.clear();++t<n;){var r=e[t];this.set(r[0],r[1])}}$t.prototype.clear=vt,$t.prototype.delete=bt,$t.prototype.get=wt,$t.prototype.has=St,$t.prototype.set=xt;var _t=$t;function Ft(e,t){if("function"!=typeof e||null!=t&&"function"!=typeof t)throw new TypeError("Expected a function");var n=function(){var r=arguments,o=t?t.apply(this,r):r[0],i=n.cache;if(i.has(o))return i.get(o);var a=e.apply(this,r);return n.cache=i.set(o,a)||i,a};return n.cache=new(Ft.Cache||_t),n}Ft.Cache=_t;var Ot=Ft;var jt=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,Ct=/\\(\\)?/g,Ht=function(e){var t=Ot(e,(function(e){return 500===n.size&&n.clear(),e})),n=t.cache;return t}((function(e){var t=[];return 46===e.charCodeAt(0)&&t.push(""),e.replace(jt,(function(e,n,r,o){t.push(r?o.replace(Ct,"$1"):n||e)})),t}));var Bt=function(e,t){for(var n=-1,r=null==e?0:e.length,o=Array(r);++n<r;)o[n]=t(e[n],n,e);return o},Dt=re,Et=I,kt=F?F.prototype:void 0,zt=kt?kt.toString:void 0;var Tt=function e(t){if("string"==typeof t)return t;if(Dt(t))return Bt(t,e)+"";if(Et(t))return zt?zt.call(t):"";var n=t+"";return"0"==n&&1/t==-Infinity?"-0":n},Pt=Tt;var At=re,Lt=ce,It=Ht,Wt=function(e){return null==e?"":Pt(e)};var Rt=I;var Mt=function(e,t){return At(e)?e:Lt(e,t)?[e]:It(Wt(e))},Vt=function(e){if("string"==typeof e||Rt(e))return e;var t=e+"";return"0"==t&&1/e==-Infinity?"-0":t};var Nt=function(e,t){for(var n=0,r=(t=Mt(t,e)).length;null!=e&&n<r;)e=e[Vt(t[n++])];return n&&n==r?e:void 0};var qt=function(e,t,n){var r=null==e?void 0:Nt(e,t);return void 0===r?n:r};const Qt=(e,t,n)=>t?qt(n,t)||qt(e,t):n||e,Xt=(e,t)=>{const n=t||e.defaultValue;return qt(e.collections,n)};var Gt;!function(e){e.colorScheme="colorScheme",e.layout="layout",e.textStyleScheme="textStyleScheme",e.designTokenScheme="designTokenScheme"}(Gt||(Gt={}));const Ut={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"},Yt=e=>t=>{const n=t.theme,r=Xt(Ut,n[Gt.colorScheme]);return n.options&&n.options.color?Qt(r,e,n.options.color):Qt(r,e)},Zt=(Yt("Brand.1"),Yt("Brand.2"),Yt("Brand.3"),Yt("Brand.4"),Yt("Brand.5"),Yt("Brand.6"),Yt("Primary")),Jt=(Yt("PrimaryDark"),Yt("Secondary")),Kt={Light:{1:Yt("Accent.Light.1"),2:Yt("Accent.Light.2"),3:Yt("Accent.Light.3"),4:Yt("Accent.Light.4"),5:Yt("Accent.Light.5"),6:Yt("Accent.Light.6")},Dark:{1:Yt("Accent.Dark.1"),2:Yt("Accent.Dark.2"),3:Yt("Accent.Dark.3")}},en={1:Yt("Neutral.1"),2:Yt("Neutral.2"),3:Yt("Neutral.3"),4:Yt("Neutral.4"),5:Yt("Neutral.5"),6:Yt("Neutral.6"),7:Yt("Neutral.7"),8:Yt("Neutral.8")},tn=(Yt("Validation.Green.Text"),Yt("Validation.Green.Icon"),Yt("Validation.Green.Border"),Yt("Validation.Green.Background"),Yt("Validation.Orange.Text"),Yt("Validation.Orange.Icon"),Yt("Validation.Orange.Border"),Yt("Validation.Orange.Background"),Yt("Validation.Orange.Badge"),Yt("Validation.Red.Text"),Yt("Validation.Red.Icon"),Yt("Validation.Red.Border"),Yt("Validation.Red.Background"),Yt("Shadow.Accent"),Yt("Shadow.Red"),{Regular:"Open Sans",Semibold:"Open Sans Semibold",Bold:"Open Sans Bold",Light:"Open Sans Light"}),nn={collections:{base:{D1:{fontFamily:tn.Bold,fontSize:3,fontWeight:700,lineHeight:4,letterSpacing:-.056},D2:{fontFamily:tn.Bold,fontSize:2.5,fontWeight:700,lineHeight:3.5,letterSpacing:-.032},D3:{fontFamily:tn.Bold,fontSize:1.625,fontWeight:700,lineHeight:2.25},D4:{fontFamily:tn.Bold,fontSize:1.375,fontWeight:700,lineHeight:1.75},DBody:{fontFamily:tn.Regular,fontSize:1.375,lineHeight:1.75},H1:{fontFamily:tn.Bold,fontSize:2,fontWeight:700,lineHeight:2.5},H2:{fontFamily:tn.Bold,fontSize:1.625,fontWeight:700,lineHeight:2.25},H3:{fontFamily:tn.Bold,fontSize:1.375,fontWeight:700,lineHeight:1.75},H4:{fontFamily:tn.Bold,fontSize:1.125,fontWeight:700,lineHeight:1.625},H5:{fontFamily:tn.Bold,fontSize:1,fontWeight:700,lineHeight:1.5,letterSpacing:.014},H6:{fontFamily:tn.Bold,fontSize:.875,fontWeight:700,lineHeight:1.6,letterSpacing:.012},Body:{fontFamily:tn.Regular,fontSize:1.125,lineHeight:1.625},BodySmall:{fontFamily:tn.Regular,fontSize:1,lineHeight:1.5,letterSpacing:.014},XSmall:{fontFamily:tn.Regular,fontSize:.75,lineHeight:1.2,letterSpacing:.012}}},defaultValue:"base"},rn=e=>t=>{const n=t.theme,r=Xt(nn,n[Gt.textStyleScheme]);return n.options&&n.options.textStyle?Qt(r,e,n.options.textStyle):Qt(r,e)},on={D1:{fontFamily:rn("D1.fontFamily"),fontSize:rn("D1.fontSize"),fontWeight:rn("D1.fontWeight"),lineHeight:rn("D1.lineHeight"),letterSpacing:rn("D1.letterSpacing")},D2:{fontFamily:rn("D2.fontFamily"),fontSize:rn("D2.fontSize"),fontWeight:rn("D2.fontWeight"),lineHeight:rn("D2.lineHeight"),letterSpacing:rn("D2.letterSpacing")},D3:{fontFamily:rn("D3.fontFamily"),fontSize:rn("D3.fontSize"),fontWeight:rn("D3.fontWeight"),lineHeight:rn("D3.lineHeight"),letterSpacing:rn("D3.letterSpacing")},D4:{fontFamily:rn("D4.fontFamily"),fontSize:rn("D4.fontSize"),fontWeight:rn("D4.fontWeight"),lineHeight:rn("D4.lineHeight"),letterSpacing:rn("D4.letterSpacing")},DBody:{fontFamily:rn("DBody.fontFamily"),fontSize:rn("DBody.fontSize"),fontWeight:rn("DBody.fontWeight"),lineHeight:rn("DBody.lineHeight"),letterSpacing:rn("DBody.letterSpacing")},H1:{fontFamily:rn("H1.fontFamily"),fontSize:rn("H1.fontSize"),fontWeight:rn("H1.fontWeight"),lineHeight:rn("H1.lineHeight"),letterSpacing:rn("H1.letterSpacing")},H2:{fontFamily:rn("H2.fontFamily"),fontSize:rn("H2.fontSize"),fontWeight:rn("H2.fontWeight"),lineHeight:rn("H2.lineHeight"),letterSpacing:rn("H2.letterSpacing")},H3:{fontFamily:rn("H3.fontFamily"),fontSize:rn("H3.fontSize"),fontWeight:rn("H3.fontWeight"),lineHeight:rn("H3.lineHeight"),letterSpacing:rn("H3.letterSpacing")},H4:{fontFamily:rn("H4.fontFamily"),fontSize:rn("H4.fontSize"),fontWeight:rn("H4.fontWeight"),lineHeight:rn("H4.lineHeight"),letterSpacing:rn("H4.letterSpacing")},H5:{fontFamily:rn("H5.fontFamily"),fontSize:rn("H5.fontSize"),fontWeight:rn("H5.fontWeight"),lineHeight:rn("H5.lineHeight"),letterSpacing:rn("H5.letterSpacing")},H6:{fontFamily:rn("H6.fontFamily"),fontSize:rn("H6.fontSize"),fontWeight:rn("H6.fontWeight"),lineHeight:rn("H6.lineHeight"),letterSpacing:rn("H6.letterSpacing")},Body:{fontFamily:rn("Body.fontFamily"),fontSize:rn("Body.fontSize"),fontWeight:rn("Body.fontWeight"),lineHeight:rn("Body.lineHeight"),letterSpacing:rn("Body.letterSpacing")},BodySmall:{fontFamily:rn("BodySmall.fontFamily"),fontSize:rn("BodySmall.fontSize"),fontWeight:rn("BodySmall.fontWeight"),lineHeight:rn("BodySmall.lineHeight"),letterSpacing:rn("BodySmall.letterSpacing")},XSmall:{fontFamily:rn("XSmall.fontFamily"),fontSize:rn("XSmall.fontSize"),fontWeight:rn("XSmall.fontWeight"),lineHeight:rn("XSmall.lineHeight"),letterSpacing:rn("XSmall.letterSpacing")}},an=e=>{switch(e){case 700:case"bold":return tn.Bold;case 600:case"semibold":return tn.Semibold;case 300:case"light":return tn.Light;case 400:case"regular":return tn.Regular;default:return""}},ln=(e,t)=>n=>{const r=on[e].fontFamily(n),o=on[e].fontWeight(n);return Object.values(tn).includes(r)?s`
+                font-family: ${an(t)||an(o)||r};
                 font-weight: normal !important;
             `:s`
             font-family: ${r};
-            font-weight: ${(bn(t)||o)??"normal"};
-        `},bn=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""}},wn=(e,t,n=!1)=>r=>{const o=mn[e],i=o.fontSize(r);return s`
-            ${vn(e,t)}
+            font-weight: ${(cn(t)||o)??"normal"};
+        `},cn=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""}},sn=(e,t,n=!1)=>r=>{const o=on[e],i=o.fontSize(r);return s`
+            ${ln(e,t)}
             font-size: ${i}rem !important;
             line-height: ${o.lineHeight}rem !important;
             letter-spacing: ${o.letterSpacing(r)||0}rem !important;
             ${s`
                 margin-bottom: ${i*(n?1.05:0)}rem;
             `}
-        `},Sn=(e=!1,t=!1)=>t?s`
+        `},un=(e=!1,t=!1)=>t?s`
             display: block;
         `:e?s`
             display: inline;
         `:s`
             display: block;
-        `;var xn;!function(e){e.D1=c.h1`
+        `;var dn;!function(e){e.D1=c.h1`
         ${e=>s`
-                ${wn("D1",e.weight,e.paragraph)}
-                color: ${on[1]};
-                ${Sn(e.inline,e.paragraph)}
+                ${sn("D1",e.weight,e.paragraph)}
+                color: ${en[1]};
+                ${un(e.inline,e.paragraph)}
             `}
     `,e.D2=c.h1`
         ${e=>s`
-                ${wn("D2",e.weight,e.paragraph)}
-                color: ${on[1]};
-                ${Sn(e.inline,e.paragraph)}
+                ${sn("D2",e.weight,e.paragraph)}
+                color: ${en[1]};
+                ${un(e.inline,e.paragraph)}
             `}
     `,e.D3=c.h1`
         ${e=>s`
-                ${wn("D3",e.weight,e.paragraph)}
-                color: ${on[1]};
-                ${Sn(e.inline,e.paragraph)}
+                ${sn("D3",e.weight,e.paragraph)}
+                color: ${en[1]};
+                ${un(e.inline,e.paragraph)}
             `}
     `,e.D4=c.h1`
         ${e=>s`
-                ${wn("D4",e.weight,e.paragraph)}
-                color: ${on[1]};
-                ${Sn(e.inline,e.paragraph)}
+                ${sn("D4",e.weight,e.paragraph)}
+                color: ${en[1]};
+                ${un(e.inline,e.paragraph)}
             `}
     `,e.DBody=c.h1`
         ${e=>s`
-                ${wn("DBody",e.weight,e.paragraph)}
-                color: ${on[1]};
-                ${Sn(e.inline,e.paragraph)}
+                ${sn("DBody",e.weight,e.paragraph)}
+                color: ${en[1]};
+                ${un(e.inline,e.paragraph)}
             `}
     `,e.H1=c.h1`
         ${e=>s`
-                ${wn("H1",e.weight,e.paragraph)}
-                color: ${on[1]};
-                ${Sn(e.inline,e.paragraph)}
+                ${sn("H1",e.weight,e.paragraph)}
+                color: ${en[1]};
+                ${un(e.inline,e.paragraph)}
             `}
     `,e.H2=c.h2`
         ${e=>s`
-                ${wn("H2",e.weight,e.paragraph)}
-                color: ${on[1]};
-                ${Sn(e.inline,e.paragraph)}
+                ${sn("H2",e.weight,e.paragraph)}
+                color: ${en[1]};
+                ${un(e.inline,e.paragraph)}
             `}
     `,e.H3=c.h3`
         ${e=>s`
-                ${wn("H3",e.weight,e.paragraph)}
-                color: ${on[1]};
-                ${Sn(e.inline,e.paragraph)}
+                ${sn("H3",e.weight,e.paragraph)}
+                color: ${en[1]};
+                ${un(e.inline,e.paragraph)}
             `}
     `,e.H4=c.h4`
         ${e=>s`
-                ${wn("H4",e.weight,e.paragraph)}
-                color: ${on[1]};
-                ${Sn(e.inline,e.paragraph)}
+                ${sn("H4",e.weight,e.paragraph)}
+                color: ${en[1]};
+                ${un(e.inline,e.paragraph)}
             `}
     `,e.H5=c.h5`
         ${e=>s`
-                ${wn("H5",e.weight,e.paragraph)}
-                color: ${on[1]};
-                ${Sn(e.inline,e.paragraph)}
+                ${sn("H5",e.weight,e.paragraph)}
+                color: ${en[1]};
+                ${un(e.inline,e.paragraph)}
             `}
     `,e.H6=c.h6`
         ${e=>s`
-                ${wn("H6",e.weight,e.paragraph)}
-                color: ${on[1]};
-                ${Sn(e.inline,e.paragraph)}
+                ${sn("H6",e.weight,e.paragraph)}
+                color: ${en[1]};
+                ${un(e.inline,e.paragraph)}
             `}
     `,e.Body=c.p`
         ${e=>s`
-                ${wn("Body",e.weight,e.paragraph)}
-                color: ${on[1]};
-                ${Sn(e.inline,e.paragraph)}
+                ${sn("Body",e.weight,e.paragraph)}
+                color: ${en[1]};
+                ${un(e.inline,e.paragraph)}
             `}
     `,e.BodySmall=c.p`
         ${e=>s`
-                ${wn("BodySmall",e.weight,e.paragraph)}
-                color: ${on[1]};
-                ${Sn(e.inline,e.paragraph)}
+                ${sn("BodySmall",e.weight,e.paragraph)}
+                color: ${en[1]};
+                ${un(e.inline,e.paragraph)}
             `}
     `,e.XSmall=c.span`
         ${e=>s`
-                ${wn("XSmall",e.weight,e.paragraph)}
-                color: ${on[1]};
-                ${Sn(e.inline,e.paragraph)}
+                ${sn("XSmall",e.weight,e.paragraph)}
+                color: ${en[1]};
+                ${un(e.inline,e.paragraph)}
             `}
-    `,e.Hyperlink={Default:e=>_n({...e,textStyle:"Body"}),Small:e=>_n({...e,textStyle:"BodySmall"})}}(xn||(xn={}));const $n=c.a`
+    `,e.Hyperlink={Default:e=>hn({...e,textStyle:"Body"}),Small:e=>hn({...e,textStyle:"BodySmall"})}}(dn||(dn={}));const fn=c.a`
     ${e=>s`
-            ${wn(e.textStyle,e.weight)}
-            color: ${tn};
+            ${sn(e.textStyle,e.weight)}
+            color: ${Zt};
             text-decoration: none;
 
             :hover,
             :active,
             :focus {
-                color: ${nn};
+                color: ${Jt};
+
+                svg {
+                    color: ${Jt};
+                }
             }
         `}
-`,Fn=c(dn)`
+`,pn=c(J)`
+    height: 1rem;
+    width: 1rem;
     margin-left: 0.4rem;
-`,_n=({external:n=!1,children:r,...o})=>t($n,{...o,children:[r,n&&e(Fn,{type:"external"})]}),On=c.button`
+    vertical-align: middle;
+`,hn=({external:e=!1,children:r,...o})=>t(fn,{...o,children:[r,e&&n(pn,{})]}),yn=c.div`
+    border-radius: 0.5rem;
+    background: ${en[8]};
+    padding: 1rem 2rem;
+    box-shadow: 0 0.125rem 0.5rem rgba(104, 104, 104, 0.25);
+`,mn=({children:e,...t})=>{const r=t["data-testid"]||"card";return n(yn,{...t,"data-testid":r,children:"string"==typeof e?n(dn.Body,{children:e}):e})},gn=c.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 s`
+                height: 100%;
+                width: 100vw;
+                visibility: visible;
+            `}}
+`,vn=c.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+=s`
+                visibility: visible;
+                opacity: 1;
+                pointer-events: auto;
+                height: 100%;
+                width: 100vw;
+            `:t+=s`
+                visibility: hidden;
+                opacity: 0;
+                transition-delay: ${e.$disableTransition?"0ms":"400ms"};
+                pointer-events: none;
+                height: 0;
+                width: 0;
+            `,e.$disableTransition&&(t+=s`
+                transition: none;
+            `),t}}
+`,bn=({show:e=!1,rootId:t,onOverlayClick:r,children:c,backgroundOpacity:s,backgroundBlur:d=!0,disableTransition:f=!1,enableOverlayClick:p=!1,zIndex:h,id:y})=>{const[m,g]=i(null),[v,b]=i(),w=a(),S=a(null),x=c&&o.cloneElement(c,{ref:S}),$=y?`lifesg-ds-overlay-root-${y}`:"lifesg-ds-overlay-root";l((()=>{if(e){const e=O();if(_(e),!e){const e=setTimeout((()=>{C("add")}),200);return()=>clearTimeout(e)}}else if(!w.current){const e=setTimeout((()=>{C("remove")}),200);return()=>clearTimeout(e)}}),[e]),l((()=>{g(F());const e=O();return _(e),e||j(),()=>{C("remove")}}),[]);const _=e=>{w.current=e,b(e)},F=()=>document&&t?document.getElementById(t):document?document.body:null,O=()=>document.body.classList.contains(Sn),j=()=>{if(!document.getElementById(wn)){const e=document.createElement("style");e.id=wn;const t=document.documentElement.clientWidth,n=window.innerWidth-t;e.innerHTML=`\n\t\t\t\t.${Sn} {\n\t\t\t\t\toverflow: hidden;\n\t\t\t\t\tpadding-right: ${n}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.${Sn}::-webkit-scrollbar {\n\t\t\t\t\tdisplay: none;\n\t\t\t\t}\n\t\t\t`,document.body.appendChild(e)}},C=e=>{const t=document.body.classList.contains(Sn);"add"!==e||t?"remove"===e&&t&&document.body.classList.remove(Sn):document.body.classList.add(Sn)},H=e=>{e.preventDefault();const t=S.current?.firstChild;t&&t.contains(e.target)||r&&p&&r()};return m?u.createPortal(n(gn,{id:$,"data-testid":$,$show:e,zIndex:h,$stacked:v,children:c&&n(vn,{"data-testid":"overlay-wrapper",$show:e,$backgroundOpacity:s||(v?.5:.8),$backgroundBlur:d,$disableTransition:f,$enableOverlayClick:p,onClick:H,children:x})}),m):null},wn="lifesg-ds-overlay-stylesheet",Sn="lifesg-ds-overlay-open",xn=e=>Object.keys(h).reduce(((t,n)=>{const r=h[n];return t[n]=`@media screen and (${e}: ${r}px)`,t}),{}),$n=xn("max-width"),_n=(xn("min-width"),c.div`
+    position: relative;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    height: 100%;
+    width: 100%;
+    overflow: hidden;
+    ${e=>{return t=e.show,n=e.animationFrom||"bottom",t?`\n\t\t\t${n}: 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${n}: -3%;\n\t\topacity: 0;\n\t\ttransition: all 300ms cubic-bezier(0.4, 0.34, 0.38, 1);\n\t`;var t,n}}
+
+    ${$n.mobileL} {
+        height: calc(
+            ${e=>e.verticalHeight?`${e.verticalHeight}px`:"1vh"} * 100
+        );
+
+        top: ${e=>e.offsetTop||0}px;
+    }
+`),Fn=({id:e="modal",show:t,animationFrom:r="bottom",children:o,enableOverlayClick:a=!0,rootComponentId:c,zIndex:s,onOverlayClick:u,dismissKeyboardOnShow:d=!0,...f})=>{const[p,h]=i(),[y,m]=i();l((()=>window.visualViewport?(v(),window.visualViewport.addEventListener("resize",v),()=>{window.visualViewport.removeEventListener("resize",v)}):(g(),window.addEventListener("resize",g),()=>{window.removeEventListener("resize",g)})),[]),l((()=>{t&&d&&document.activeElement?.blur?.()}),[t]);const g=()=>{const e=.01*window.innerHeight;h(e)},v=()=>{const e=.01*window.visualViewport.height;h(e),m(window.visualViewport.offsetTop)};return n(bn,{"data-testid":`${e}-overlay`,show:t,enableOverlayClick:a,onOverlayClick:u,id:e,rootId:c,zIndex:s,children:n(_n,{show:t,animationFrom:r,"data-testid":e,verticalHeight:p,offsetTop:y,...f,children:o})})};var On,jn={};Object.defineProperty(jn,"__esModule",{value:!0});var Cn=e;const Hn=e=>Cn.jsx("svg",{width:"1em",height:"1em",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e,children:Cn.jsx("path",{d:"M9.99991 11.229L5.97891 15.25C5.81224 15.4167 5.61091 15.4967 5.37491 15.49C5.13891 15.4827 4.93757 15.3957 4.77091 15.229C4.60424 15.0623 4.52091 14.8577 4.52091 14.615C4.52091 14.3717 4.60424 14.1667 4.77091 14L8.77091 10L4.74991 5.979C4.58324 5.81233 4.50324 5.60767 4.50991 5.365C4.51724 5.12167 4.60424 4.91667 4.77091 4.75C4.93757 4.58333 5.14224 4.5 5.38491 4.5C5.62824 4.5 5.83324 4.58333 5.99991 4.75L9.99991 8.771L14.0209 4.75C14.1876 4.58333 14.3922 4.5 14.6349 4.5C14.8782 4.5 15.0832 4.58333 15.2499 4.75C15.4166 4.91667 15.4999 5.12167 15.4999 5.365C15.4999 5.60767 15.4166 5.81233 15.2499 5.979L11.2289 10L15.2499 14.021C15.4166 14.1877 15.4999 14.389 15.4999 14.625C15.4999 14.861 15.4166 15.0623 15.2499 15.229C15.0832 15.3957 14.8782 15.479 14.6349 15.479C14.3922 15.479 14.1876 15.3957 14.0209 15.229L9.99991 11.229Z",fill:"currentColor"})});Hn.displayName="CrossIcon",On=jn.CrossIcon=Hn;const Bn=c.button`
     display: flex;
     justify-content: center;
     align-items: center;
     padding: 1.5rem;
-    background-color: ${on[8]};
+    background-color: transparent;
     border: none;
     cursor: pointer;
 
@@ -260,48 +260,43 @@ var t=Object.getOwnPropertySymbols,n=Object.prototype.hasOwnProperty,r=Object.pr
         width: 1rem;
     }
 
+    &:active,
     &:focus {
-        outline: none;
-        background-color: ${on[7]};
+        ${({$outline:e})=>"none"===e&&"outline: none;"}
+
+        ${({$highlight:e})=>e&&s`
+                background-color: ${en[7]};
+            `}
     }
-`,jn=r.forwardRef((({children:t,iconType:n,...r},o)=>{let i;if(t)i=t;else{if(!n)return console.error("IconButton - Did not specify a valid children or iconType prop"),null;i=e(dn,{type:n})}return e(On,{ref:o,...r,children:i})})),Hn=c.div`
+`,Dn=o.forwardRef((({children:e,focusHighlight:t=!0,focusOutline:r="none",...o},i)=>n(Bn,{ref:i,$outline:r,$highlight:t,...o,children:e}))),En=c.div`
     position: relative;
     display: flex;
     flex-direction: column;
     width: 40rem;
     max-height: 70%;
-    background: ${on[8]};
+    background: ${en[8]};
     box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.45);
     border-radius: 0.75rem;
     overflow: hidden;
 
-    ${oe.mobileL} {
+    ${$n.mobileL} {
         width: 90%;
         max-height: 70%;
     }
-`,Bn=c(jn)`
+`,kn=c(Dn)`
     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 ${rn.Light[1]};
+        outline: 4px solid ${Kt.Light[1]};
     }
-`,Cn=c(dn)`
-    font-size: 2rem;
-    color: ${on[4]};
-`,Dn="all 300ms cubic-bezier(0.21, 0.79, 0.53, 1)",kn=c.div`
-    border-radius: 8px;
-    background: ${on[8]};
-    padding: 1rem 2rem;
-    box-shadow: 0 2px 8px 0 rgba(104, 104, 104, 0.24);
+`,zn=c(On)`
+    height: 1.5rem;
+    width: 1.5rem;
+    color: ${en[4]};
+`,Tn="all 300ms cubic-bezier(0.21, 0.79, 0.53, 1)",Pn=c.div`
     max-width: 30rem;
     pointer-events: auto;
     position: absolute;
@@ -309,12 +304,12 @@ var t=Object.getOwnPropertySymbols,n=Object.prototype.hasOwnProperty,r=Object.pr
     ${e=>e.$visible?s`
             visibility: visible;
             opacity: 1;
-            transition: ${Dn};
+            transition: ${Tn};
             z-index: 2;
         `:s`
             visibility: hidden;
             opacity: 0;
-            transition: ${Dn};
+            transition: ${Tn};
             z-index: -1;
         `}
     ${e=>(e=>{switch(e){case"top-center":return s`
@@ -355,18 +350,18 @@ var t=Object.getOwnPropertySymbols,n=Object.prototype.hasOwnProperty,r=Object.pr
                 transform: translateX(-50%);
             `}})(e.$offset)}
 
-	${oe.mobileL} {
+	${$n.mobileL} {
         display: none;
     }
-`,En=c((({id:n="modal-box",children:r,onClose:o,showCloseButton:i=!0,...a})=>t(Hn,{"data-testid":n,...a,onClick:e=>{e.stopPropagation()},children:[i&&e(Bn,{type:"button",onClick:o,"data-testid":"close-button",children:e(Cn,{type:"cross"})}),r]})))`
+`,An=c((({id:e="modal-box",children:r,onClose:o,showCloseButton:i=!0,...a})=>t(En,{"data-testid":e,...a,onClick:e=>{e.stopPropagation()},children:[i&&n(kn,{type:"button",onClick:o,"data-testid":"close-button",focusHighlight:!1,children:n(zn,{})}),r]})))`
     padding: 3.5rem 1.25rem 2.5rem;
-`,zn=c.div`
+`,Ln=c.div`
     position: relative;
     width: fit-content;
-`,Tn=c.button`
+`,In=c.button`
     cursor: pointer;
     background: none;
     border: none;
     padding: 0;
-`,Pn=({children:r,visible:l,onMobileClose:c,...s})=>{const u=s["data-testid"]||"popover",[d,h]=o("none"),y=i(null),m=f.exports.useMediaQuery({maxWidth:p.mobileL}),g=i(d);a((()=>(w(),window.addEventListener("resize",J(v,300)),()=>{window.removeEventListener("resize",J(v,300))})),[]);const v=()=>{w()},b=()=>{c&&c()},w=()=>{const e=S();var t;e&&(t=e,g.current=t,h(t))},S=()=>{if(y.current){const e=y.current.getBoundingClientRect(),t=24,n=e.y<t,r=window.innerWidth-t;return e.x<t?n?"top-left":"left":e.x+e.width>r?n?"top-right":"right":("top-left"===g.current||"left"===g.current)&&e.x-e.width/2>t||("top-right"===g.current||"right"===g.current)&&e.x+2*e.width<r?n?"top-center":"none":void 0}},x=()=>"string"==typeof r?e(xn.BodySmall,{children:r}):r;return t(n,{children:[e(kn,{ref:y,"data-testid":u,$visible:l,$offset:d,...s,children:x()}),m&&e(ae,{show:l,onOverlayClick:b,children:e(En,{onClose:b,children:x()})})]})},An=(n,r)=>l=>{const{onPopoverAppear:c,onPopoverDismiss:s,...u}=l,d=r.trigger||"click",h=u,[y,m]=o(!1),g=i(),v=f.exports.useMediaQuery({maxWidth:p.mobileL});a((()=>{if(!v)return document.addEventListener("mousedown",b),()=>{document.removeEventListener("mousedown",b)}}),[y]);const b=e=>{g&&!g.current.contains(e.target)&&(y&&m(!1),s&&s())};return t(zn,{id:"popover-hoc-wrapper",ref:g,children:[e(Tn,{id:`popover-hoc-trigger${r["data-testid"]&&`-${r["data-testid"]}`}`,type:"button",onClick:e=>{e.preventDefault(),("click"===d||v)&&(m(!y),!y&&c&&c(),y&&s&&s())},onMouseEnter:()=>{"hover"!==d||v||m(!0)},onMouseLeave:()=>{"hover"===d&&y&&!v&&m(!1)},"aria-label":"popover-button",children:e(n,{...h})}),e(Pn,{visible:y,id:r.id,"data-testid":r["data-testid"],onMobileClose:()=>{m(!1)},children:r.content})]})};export{Pn as Popover,An as withPopover};
+`,Wn=({children:e,visible:o,onMobileClose:c,...s})=>{const u=s["data-testid"]||"popover",[d,f]=i("none"),y=a(null),m=p.exports.useMediaQuery({maxWidth:h.mobileL}),g=a(d);l((()=>(w(),window.addEventListener("resize",K(v,300)),()=>{window.removeEventListener("resize",K(v,300))})),[]);const v=()=>{w()},b=()=>{c&&c()},w=()=>{const e=S();var t;e&&(t=e,g.current=t,f(t))},S=()=>{if(y.current){const e=y.current.getBoundingClientRect(),t=24,n=e.y<t,r=window.innerWidth-t;return e.x<t?n?"top-left":"left":e.x+e.width>r?n?"top-right":"right":("top-left"===g.current||"left"===g.current)&&e.x-e.width/2>t||("top-right"===g.current||"right"===g.current)&&e.x+2*e.width<r?n?"top-center":"none":void 0}},x=()=>"string"==typeof e?n(dn.BodySmall,{children:e}):e;return t(r,{children:[n(Pn,{ref:y,"data-testid":u,$visible:o,$offset:d,...s,children:n(mn,{children:x()})}),m&&n(Fn,{show:o,onOverlayClick:b,children:n(An,{onClose:b,children:x()})})]})},Rn=(e,r)=>o=>{const{onPopoverAppear:c,onPopoverDismiss:s,...u}=o,d=r.trigger||"click",f=u,[y,m]=i(!1),g=a(),v=p.exports.useMediaQuery({maxWidth:h.mobileL});l((()=>{if(!v)return document.addEventListener("mousedown",b),()=>{document.removeEventListener("mousedown",b)}}),[y]);const b=e=>{g&&!g.current.contains(e.target)&&(y&&m(!1),s&&s())};return t(Ln,{id:"popover-hoc-wrapper",ref:g,children:[n(In,{id:`popover-hoc-trigger${r["data-testid"]&&`-${r["data-testid"]}`}`,type:"button",onClick:e=>{e.preventDefault(),("click"===d||v)&&(m(!y),!y&&c&&c(),y&&s&&s())},onMouseEnter:()=>{"hover"!==d||v||m(!0)},onMouseLeave:()=>{"hover"===d&&y&&!v&&m(!1)},"aria-label":"popover-button",children:n(e,{...f})}),n(Wn,{visible:y,id:r.id,"data-testid":r["data-testid"],onMobileClose:()=>{m(!1)},children:r.content})]})};export{Wn as Popover,Rn as withPopover};
 //# sourceMappingURL=index.js.map