@lifesg/react-design-system 2.0.0-canary.7 → 2.0.0

package/otp-input/index.js

@@ -1,4 +1,4 @@
-import{jsxs as t,jsx as e,Fragment as n}from"react/jsx-runtime";import r,{useRef as i,useImperativeHandle as o,useState as a,useEffect as l}from"react";import s,{keyframes as c,css as d}from"styled-components";import{ExternalIcon as u}from"@lifesg/react-icons/external";import{CrossIcon as h}from"@lifesg/react-icons/cross";import"@lifesg/react-icons/i-circle-fill";import"react-dom";var f="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},p=Array.isArray,g="object"==typeof f&&f&&f.Object===Object&&f,m="object"==typeof self&&self&&self.Object===Object&&self,y=g||m||Function("return this")(),$=y.Symbol,v=$,b=Object.prototype,S=b.hasOwnProperty,F=b.toString,x=v?v.toStringTag:void 0;var w=function(t){var e=S.call(t,x),n=t[x];try{t[x]=void 0;var r=!0}catch(t){}var i=F.call(t);return r&&(e?t[x]=n:delete t[x]),i},D=Object.prototype.toString;var B=w,H=function(t){return D.call(t)},k=$?$.toStringTag:void 0;var M=function(t){return null==t?void 0===t?"[object Undefined]":"[object Null]":k&&k in Object(t)?B(t):H(t)};var z=M,E=function(t){return null!=t&&"object"==typeof t};var O=function(t){return"symbol"==typeof t||E(t)&&"[object Symbol]"==z(t)},_=p,T=O,A=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,C=/^\w*$/;var N=function(t,e){if(_(t))return!1;var n=typeof t;return!("number"!=n&&"symbol"!=n&&"boolean"!=n&&null!=t&&!T(t))||(C.test(t)||!A.test(t)||null!=e&&t in Object(e))};var W=function(t){var e=typeof t;return null!=t&&("object"==e||"function"==e)},Y=M,L=W;var I,R=function(t){if(!L(t))return!1;var e=Y(t);return"[object Function]"==e||"[object GeneratorFunction]"==e||"[object AsyncFunction]"==e||"[object Proxy]"==e},P=y["__core-js_shared__"],V=(I=/[^.]+$/.exec(P&&P.keys&&P.keys.IE_PROTO||""))?"Symbol(src)_1."+I:"";var j=function(t){return!!V&&V in t},Z=Function.prototype.toString;var X=R,U=j,G=W,J=function(t){if(null!=t){try{return Z.call(t)}catch(t){}try{return t+""}catch(t){}}return""},q=/^\[object .+?Constructor\]$/,K=Function.prototype,Q=Object.prototype,tt=K.toString,et=Q.hasOwnProperty,nt=RegExp("^"+tt.call(et).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");var rt=function(t){return!(!G(t)||U(t))&&(X(t)?nt:q).test(J(t))},it=function(t,e){return null==t?void 0:t[e]};var ot=function(t,e){var n=it(t,e);return rt(n)?n:void 0},at=ot(Object,"create"),lt=at;var st=function(){this.__data__=lt?lt(null):{},this.size=0};var ct=function(t){var e=this.has(t)&&delete this.__data__[t];return this.size-=e?1:0,e},dt=at,ut=Object.prototype.hasOwnProperty;var ht=function(t){var e=this.__data__;if(dt){var n=e[t];return"__lodash_hash_undefined__"===n?void 0:n}return ut.call(e,t)?e[t]:void 0},ft=at,pt=Object.prototype.hasOwnProperty;var gt=at;var mt=st,yt=ct,$t=ht,vt=function(t){var e=this.__data__;return ft?void 0!==e[t]:pt.call(e,t)},bt=function(t,e){var n=this.__data__;return this.size+=this.has(t)?0:1,n[t]=gt&&void 0===e?"__lodash_hash_undefined__":e,this};function St(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])}}St.prototype.clear=mt,St.prototype.delete=yt,St.prototype.get=$t,St.prototype.has=vt,St.prototype.set=bt;var Ft=St;var xt=function(){this.__data__=[],this.size=0};var wt=function(t,e){return t===e||t!=t&&e!=e};var Dt=function(t,e){for(var n=t.length;n--;)if(wt(t[n][0],e))return n;return-1},Bt=Dt,Ht=Array.prototype.splice;var kt=Dt;var Mt=Dt;var zt=Dt;var Et=xt,Ot=function(t){var e=this.__data__,n=Bt(e,t);return!(n<0)&&(n==e.length-1?e.pop():Ht.call(e,n,1),--this.size,!0)},_t=function(t){var e=this.__data__,n=kt(e,t);return n<0?void 0:e[n][1]},Tt=function(t){return Mt(this.__data__,t)>-1},At=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 Ct(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])}}Ct.prototype.clear=Et,Ct.prototype.delete=Ot,Ct.prototype.get=_t,Ct.prototype.has=Tt,Ct.prototype.set=At;var Nt=Ct,Wt=ot(y,"Map"),Yt=Ft,Lt=Nt,It=Wt;var Rt=function(t){var e=typeof t;return"string"==e||"number"==e||"symbol"==e||"boolean"==e?"__proto__"!==t:null===t};var Pt=function(t,e){var n=t.__data__;return Rt(e)?n["string"==typeof e?"string":"hash"]:n.map},Vt=Pt;var jt=Pt;var Zt=Pt;var Xt=Pt;var Ut=function(){this.size=0,this.__data__={hash:new Yt,map:new(It||Lt),string:new Yt}},Gt=function(t){var e=Vt(this,t).delete(t);return this.size-=e?1:0,e},Jt=function(t){return jt(this,t).get(t)},qt=function(t){return Zt(this,t).has(t)},Kt=function(t,e){var n=Xt(this,t),r=n.size;return n.set(t,e),this.size+=n.size==r?0:1,this};function Qt(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])}}Qt.prototype.clear=Ut,Qt.prototype.delete=Gt,Qt.prototype.get=Jt,Qt.prototype.has=qt,Qt.prototype.set=Kt;var te=Qt;function ee(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(ee.Cache||te),n}ee.Cache=te;var ne=ee;var re=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,ie=/\\(\\)?/g,oe=function(t){var e=ne(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(re,(function(t,n,r,i){e.push(r?i.replace(ie,"$1"):n||t)})),e}));var ae=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},le=p,se=O,ce=$?$.prototype:void 0,de=ce?ce.toString:void 0;var ue=function t(e){if("string"==typeof e)return e;if(le(e))return ae(e,t)+"";if(se(e))return de?de.call(e):"";var n=e+"";return"0"==n&&1/e==-Infinity?"-0":n},he=ue;var fe=p,pe=N,ge=oe,me=function(t){return null==t?"":he(t)};var ye=O;var $e=function(t,e){return fe(t)?t:pe(t,e)?[t]:ge(me(t))},ve=function(t){if("string"==typeof t||ye(t))return t;var e=t+"";return"0"==e&&1/t==-Infinity?"-0":e};var be=function(t,e){for(var n=0,r=(e=$e(e,t)).length;null!=t&&n<r;)t=t[ve(e[n++])];return n&&n==r?t:void 0};var Se=function(t,e,n){var r=null==t?void 0:be(t,e);return void 0===r?n:r};const Fe=(t,e,n)=>e?Se(n,e)||Se(t,e):n||t,xe=(t,e)=>{const n=e||t.defaultValue;return Se(t.collections,n)};var we;!function(t){t.colorScheme="colorScheme",t.layout="layout",t.textStyleScheme="textStyleScheme",t.designTokenScheme="designTokenScheme",t.resourceScheme="resourceScheme"}(we||(we={}));const De={collections:{base:{Brand:{1:"#EF413D",2:"#F26664",3:"#F58E8B",4:"#F9B5B2",5:"#FDDDD7",6:"#FFEEEA"},Primary:"#1C76D5",PrimaryDark:"#1869BF",Secondary:"#0056b3",Accent:{Dark:{1:"#4B539F",2:"#6D74B1",3:"#959BC5"},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"},Blue:{Text:"#064D70",Icon:" #066391",Border:"#84B7DB",Background:"#E8F4FA"}},Shadow:{Accent:"rgba(87, 169, 255, 0.5)",Red:"rgba(221, 102, 102, 0.8)",Elevation:"rgba(75, 83, 159, 0.24)"}},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:"#977ECC",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"},Blue:{Text:"#064D70",Icon:" #066391",Border:"#84B7DB",Background:"#E8F4FA"}},Shadow:{Accent:"rgba(161, 87, 255, 0.5)",Red:"rgba(221, 102, 102, 0.8)",Elevation:"rgba(75, 83, 159, 0.24)"}},rbs:{Brand:{1:"#3E4DFF",2:"#AEACFF",3:"#AD44FF",4:"#F9B5B2",5:"#FDDDD7",6:"#FFEEEA"},Primary:"#4855D4",PrimaryDark:"#3E49B2",Secondary:"#364891",Accent:{Dark:{1:"#5E516E",2:"#7A6F87",3:"#C5C0CC"},Light:{1:"#8397FC",2:"#ABB8FC",3:"#CED6FD ",4:"#E1E4FA",5:"#F0F2FF",6:"#FAFBFF"}},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"},Blue:{Text:"#064D70",Icon:" #066391",Border:"#84B7DB",Background:"#E8F4FA"}},Shadow:{Accent:"rgba(90, 87, 255, 0.5)",Red:"rgba(221, 102, 102, 0.8)",Elevation:"rgba(75, 83, 159, 0.24)"}}},defaultValue:"base"},Be=t=>e=>{const n=e.theme,r=xe(De,n[we.colorScheme]);return n.options&&n.options.color?Fe(r,t,n.options.color):Fe(r,t)},He={Brand:{1:Be("Brand.1"),2:Be("Brand.2"),3:Be("Brand.3"),4:Be("Brand.4"),5:Be("Brand.5"),6:Be("Brand.6")},Primary:Be("Primary"),PrimaryDark:Be("PrimaryDark"),Secondary:Be("Secondary"),Accent:{Light:{1:Be("Accent.Light.1"),2:Be("Accent.Light.2"),3:Be("Accent.Light.3"),4:Be("Accent.Light.4"),5:Be("Accent.Light.5"),6:Be("Accent.Light.6")},Dark:{1:Be("Accent.Dark.1"),2:Be("Accent.Dark.2"),3:Be("Accent.Dark.3")}},Neutral:{1:Be("Neutral.1"),2:Be("Neutral.2"),3:Be("Neutral.3"),4:Be("Neutral.4"),5:Be("Neutral.5"),6:Be("Neutral.6"),7:Be("Neutral.7"),8:Be("Neutral.8")},Validation:{Green:{Text:Be("Validation.Green.Text"),Icon:Be("Validation.Green.Icon"),Border:Be("Validation.Green.Border"),Background:Be("Validation.Green.Background")},Orange:{Text:Be("Validation.Orange.Text"),Icon:Be("Validation.Orange.Icon"),Border:Be("Validation.Orange.Border"),Background:Be("Validation.Orange.Background"),Badge:Be("Validation.Orange.Badge")},Red:{Text:Be("Validation.Red.Text"),Icon:Be("Validation.Red.Icon"),Border:Be("Validation.Red.Border"),Background:Be("Validation.Red.Background")},Blue:{Text:Be("Validation.Blue.Text"),Icon:Be("Validation.Blue.Icon"),Border:Be("Validation.Blue.Border"),Background:Be("Validation.Blue.Background")}},Shadow:{Accent:Be("Shadow.Accent"),Red:Be("Shadow.Red"),Elevation:Be("Shadow.Elevation")}},ke={mobileS:320,mobileM:375,mobileL:480,tablet:1199,desktopM:1399,desktopL:1999,desktop4k:3840},Me=t=>Object.keys(ke).reduce(((e,n)=>{const r=ke[n];return e[n]=`@media screen and (${t}: ${r}px)`,e}),{}),ze=Me("max-width"),Ee=(Me("min-width"),s.div`
+import{jsxs as t,jsx as e,Fragment as n}from"react/jsx-runtime";import r,{useRef as i,useImperativeHandle as o,useState as a,useEffect as l}from"react";import s,{keyframes as c,css as d}from"styled-components";import{ExternalIcon as u}from"@lifesg/react-icons/external";import{CrossIcon as h}from"@lifesg/react-icons/cross";import"@lifesg/react-icons/i-circle-fill";import"react-dom";var f="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},p=Array.isArray,g="object"==typeof f&&f&&f.Object===Object&&f,m="object"==typeof self&&self&&self.Object===Object&&self,y=g||m||Function("return this")(),$=y.Symbol,v=$,b=Object.prototype,S=b.hasOwnProperty,F=b.toString,x=v?v.toStringTag:void 0;var w=function(t){var e=S.call(t,x),n=t[x];try{t[x]=void 0;var r=!0}catch(t){}var i=F.call(t);return r&&(e?t[x]=n:delete t[x]),i},D=Object.prototype.toString;var B=w,H=function(t){return D.call(t)},k=$?$.toStringTag:void 0;var M=function(t){return null==t?void 0===t?"[object Undefined]":"[object Null]":k&&k in Object(t)?B(t):H(t)};var z=M,E=function(t){return null!=t&&"object"==typeof t};var O=function(t){return"symbol"==typeof t||E(t)&&"[object Symbol]"==z(t)},_=p,T=O,A=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,C=/^\w*$/;var W=function(t,e){if(_(t))return!1;var n=typeof t;return!("number"!=n&&"symbol"!=n&&"boolean"!=n&&null!=t&&!T(t))||(C.test(t)||!A.test(t)||null!=e&&t in Object(e))};var N=function(t){var e=typeof t;return null!=t&&("object"==e||"function"==e)},Y=M,L=N;var I,R=function(t){if(!L(t))return!1;var e=Y(t);return"[object Function]"==e||"[object GeneratorFunction]"==e||"[object AsyncFunction]"==e||"[object Proxy]"==e},P=y["__core-js_shared__"],V=(I=/[^.]+$/.exec(P&&P.keys&&P.keys.IE_PROTO||""))?"Symbol(src)_1."+I:"";var j=function(t){return!!V&&V in t},Z=Function.prototype.toString;var X=R,U=j,G=N,J=function(t){if(null!=t){try{return Z.call(t)}catch(t){}try{return t+""}catch(t){}}return""},q=/^\[object .+?Constructor\]$/,K=Function.prototype,Q=Object.prototype,tt=K.toString,et=Q.hasOwnProperty,nt=RegExp("^"+tt.call(et).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");var rt=function(t){return!(!G(t)||U(t))&&(X(t)?nt:q).test(J(t))},it=function(t,e){return null==t?void 0:t[e]};var ot=function(t,e){var n=it(t,e);return rt(n)?n:void 0},at=ot(Object,"create"),lt=at;var st=function(){this.__data__=lt?lt(null):{},this.size=0};var ct=function(t){var e=this.has(t)&&delete this.__data__[t];return this.size-=e?1:0,e},dt=at,ut=Object.prototype.hasOwnProperty;var ht=function(t){var e=this.__data__;if(dt){var n=e[t];return"__lodash_hash_undefined__"===n?void 0:n}return ut.call(e,t)?e[t]:void 0},ft=at,pt=Object.prototype.hasOwnProperty;var gt=at;var mt=st,yt=ct,$t=ht,vt=function(t){var e=this.__data__;return ft?void 0!==e[t]:pt.call(e,t)},bt=function(t,e){var n=this.__data__;return this.size+=this.has(t)?0:1,n[t]=gt&&void 0===e?"__lodash_hash_undefined__":e,this};function St(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])}}St.prototype.clear=mt,St.prototype.delete=yt,St.prototype.get=$t,St.prototype.has=vt,St.prototype.set=bt;var Ft=St;var xt=function(){this.__data__=[],this.size=0};var wt=function(t,e){return t===e||t!=t&&e!=e};var Dt=function(t,e){for(var n=t.length;n--;)if(wt(t[n][0],e))return n;return-1},Bt=Dt,Ht=Array.prototype.splice;var kt=Dt;var Mt=Dt;var zt=Dt;var Et=xt,Ot=function(t){var e=this.__data__,n=Bt(e,t);return!(n<0)&&(n==e.length-1?e.pop():Ht.call(e,n,1),--this.size,!0)},_t=function(t){var e=this.__data__,n=kt(e,t);return n<0?void 0:e[n][1]},Tt=function(t){return Mt(this.__data__,t)>-1},At=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 Ct(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])}}Ct.prototype.clear=Et,Ct.prototype.delete=Ot,Ct.prototype.get=_t,Ct.prototype.has=Tt,Ct.prototype.set=At;var Wt=Ct,Nt=ot(y,"Map"),Yt=Ft,Lt=Wt,It=Nt;var Rt=function(t){var e=typeof t;return"string"==e||"number"==e||"symbol"==e||"boolean"==e?"__proto__"!==t:null===t};var Pt=function(t,e){var n=t.__data__;return Rt(e)?n["string"==typeof e?"string":"hash"]:n.map},Vt=Pt;var jt=Pt;var Zt=Pt;var Xt=Pt;var Ut=function(){this.size=0,this.__data__={hash:new Yt,map:new(It||Lt),string:new Yt}},Gt=function(t){var e=Vt(this,t).delete(t);return this.size-=e?1:0,e},Jt=function(t){return jt(this,t).get(t)},qt=function(t){return Zt(this,t).has(t)},Kt=function(t,e){var n=Xt(this,t),r=n.size;return n.set(t,e),this.size+=n.size==r?0:1,this};function Qt(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])}}Qt.prototype.clear=Ut,Qt.prototype.delete=Gt,Qt.prototype.get=Jt,Qt.prototype.has=qt,Qt.prototype.set=Kt;var te=Qt;function ee(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(ee.Cache||te),n}ee.Cache=te;var ne=ee;var re=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,ie=/\\(\\)?/g,oe=function(t){var e=ne(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(re,(function(t,n,r,i){e.push(r?i.replace(ie,"$1"):n||t)})),e}));var ae=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},le=p,se=O,ce=$?$.prototype:void 0,de=ce?ce.toString:void 0;var ue=function t(e){if("string"==typeof e)return e;if(le(e))return ae(e,t)+"";if(se(e))return de?de.call(e):"";var n=e+"";return"0"==n&&1/e==-Infinity?"-0":n},he=ue;var fe=p,pe=W,ge=oe,me=function(t){return null==t?"":he(t)};var ye=O;var $e=function(t,e){return fe(t)?t:pe(t,e)?[t]:ge(me(t))},ve=function(t){if("string"==typeof t||ye(t))return t;var e=t+"";return"0"==e&&1/t==-Infinity?"-0":e};var be=function(t,e){for(var n=0,r=(e=$e(e,t)).length;null!=t&&n<r;)t=t[ve(e[n++])];return n&&n==r?t:void 0};var Se=function(t,e,n){var r=null==t?void 0:be(t,e);return void 0===r?n:r};const Fe=(t,e,n)=>e?Se(n,e)||Se(t,e):n||t,xe=(t,e)=>{const n=e||t.defaultValue;return Se(t.collections,n)};var we;!function(t){t.colorScheme="colorScheme",t.layout="layout",t.textStyleScheme="textStyleScheme",t.designTokenScheme="designTokenScheme",t.resourceScheme="resourceScheme"}(we||(we={}));const De={collections:{base:{Brand:{1:"#EF413D",2:"#F26664",3:"#F58E8B",4:"#F9B5B2",5:"#FDDDD7",6:"#FFEEEA"},Primary:"#1C76D5",PrimaryDark:"#1869BF",Secondary:"#0056b3",Accent:{Dark:{1:"#4B539F",2:"#6D74B1",3:"#959BC5"},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"},Blue:{Text:"#064D70",Icon:" #066391",Border:"#84B7DB",Background:"#E8F4FA"}},Shadow:{Accent:"rgba(87, 169, 255, 0.5)",Red:"rgba(221, 102, 102, 0.8)",Elevation:"rgba(75, 83, 159, 0.24)"}},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:"#977ECC",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"},Blue:{Text:"#064D70",Icon:" #066391",Border:"#84B7DB",Background:"#E8F4FA"}},Shadow:{Accent:"rgba(161, 87, 255, 0.5)",Red:"rgba(221, 102, 102, 0.8)",Elevation:"rgba(75, 83, 159, 0.24)"}},rbs:{Brand:{1:"#3E4DFF",2:"#AEACFF",3:"#AD44FF",4:"#F9B5B2",5:"#FDDDD7",6:"#FFEEEA"},Primary:"#4855D4",PrimaryDark:"#3E49B2",Secondary:"#364891",Accent:{Dark:{1:"#5E516E",2:"#7A6F87",3:"#C5C0CC"},Light:{1:"#8397FC",2:"#ABB8FC",3:"#CED6FD ",4:"#E1E4FA",5:"#F0F2FF",6:"#FAFBFF"}},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"},Blue:{Text:"#064D70",Icon:" #066391",Border:"#84B7DB",Background:"#E8F4FA"}},Shadow:{Accent:"rgba(90, 87, 255, 0.5)",Red:"rgba(221, 102, 102, 0.8)",Elevation:"rgba(75, 83, 159, 0.24)"}}},defaultValue:"base"},Be=t=>e=>{const n=e.theme,r=xe(De,n[we.colorScheme]);return n.options&&n.options.color?Fe(r,t,n.options.color):Fe(r,t)},He={Brand:{1:Be("Brand.1"),2:Be("Brand.2"),3:Be("Brand.3"),4:Be("Brand.4"),5:Be("Brand.5"),6:Be("Brand.6")},Primary:Be("Primary"),PrimaryDark:Be("PrimaryDark"),Secondary:Be("Secondary"),Accent:{Light:{1:Be("Accent.Light.1"),2:Be("Accent.Light.2"),3:Be("Accent.Light.3"),4:Be("Accent.Light.4"),5:Be("Accent.Light.5"),6:Be("Accent.Light.6")},Dark:{1:Be("Accent.Dark.1"),2:Be("Accent.Dark.2"),3:Be("Accent.Dark.3")}},Neutral:{1:Be("Neutral.1"),2:Be("Neutral.2"),3:Be("Neutral.3"),4:Be("Neutral.4"),5:Be("Neutral.5"),6:Be("Neutral.6"),7:Be("Neutral.7"),8:Be("Neutral.8")},Validation:{Green:{Text:Be("Validation.Green.Text"),Icon:Be("Validation.Green.Icon"),Border:Be("Validation.Green.Border"),Background:Be("Validation.Green.Background")},Orange:{Text:Be("Validation.Orange.Text"),Icon:Be("Validation.Orange.Icon"),Border:Be("Validation.Orange.Border"),Background:Be("Validation.Orange.Background"),Badge:Be("Validation.Orange.Badge")},Red:{Text:Be("Validation.Red.Text"),Icon:Be("Validation.Red.Icon"),Border:Be("Validation.Red.Border"),Background:Be("Validation.Red.Background")},Blue:{Text:Be("Validation.Blue.Text"),Icon:Be("Validation.Blue.Icon"),Border:Be("Validation.Blue.Border"),Background:Be("Validation.Blue.Background")}},Shadow:{Accent:Be("Shadow.Accent"),Red:Be("Shadow.Red"),Elevation:Be("Shadow.Elevation")}},ke={mobileS:320,mobileM:375,mobileL:480,tablet:1199,desktopM:1399,desktopL:1999,desktop4k:3840},Me=t=>Object.keys(ke).reduce(((e,n)=>{const r=ke[n];return e[n]=`@media screen and (${t}: ${r}px)`,e}),{}),ze=Me("max-width"),Ee=(Me("min-width"),s.div`
     display: inline-block;
     position: relative;
     width: ${t=>t.$size}px;
@@ -29,7 +29,7 @@ import{jsxs as t,jsx as e,Fragment as n}from"react/jsx-runtime";import r,{useRef
     animation-delay: -0.3s;
 `,Ce=s(_e)`
     animation-delay: -0.15s;
-`,Ne={Regular:"Open Sans",Semibold:"Open Sans Semibold",Bold:"Open Sans Bold",Light:"Open Sans Light"},We={collections:{base:{D1:{fontFamily:Ne.Bold,fontSize:3,fontWeight:700,lineHeight:4,letterSpacing:-.056},D2:{fontFamily:Ne.Bold,fontSize:2.5,fontWeight:700,lineHeight:3.5,letterSpacing:-.032},D3:{fontFamily:Ne.Bold,fontSize:1.625,fontWeight:700,lineHeight:2.25},D4:{fontFamily:Ne.Bold,fontSize:1.375,fontWeight:700,lineHeight:1.75},DBody:{fontFamily:Ne.Regular,fontSize:1.375,lineHeight:1.75},H1:{fontFamily:Ne.Bold,fontSize:2,fontWeight:700,lineHeight:2.5},H2:{fontFamily:Ne.Bold,fontSize:1.625,fontWeight:700,lineHeight:2.25},H3:{fontFamily:Ne.Bold,fontSize:1.375,fontWeight:700,lineHeight:1.75},H4:{fontFamily:Ne.Bold,fontSize:1.125,fontWeight:700,lineHeight:1.625},H5:{fontFamily:Ne.Bold,fontSize:1,fontWeight:700,lineHeight:1.5,letterSpacing:.014},H6:{fontFamily:Ne.Bold,fontSize:.875,fontWeight:700,lineHeight:1.6,letterSpacing:.012},Body:{fontFamily:Ne.Regular,fontSize:1.125,lineHeight:1.625},BodySmall:{fontFamily:Ne.Regular,fontSize:1,lineHeight:1.5,letterSpacing:.014},XSmall:{fontFamily:Ne.Regular,fontSize:.75,lineHeight:1.2,letterSpacing:.012}}},defaultValue:"base"},Ye=t=>e=>{const n=e.theme,r=xe(We,n[we.textStyleScheme]);return n.options&&n.options.textStyle?Fe(r,t,n.options.textStyle):Fe(r,t)},Le={D1:{fontFamily:Ye("D1.fontFamily"),fontSize:Ye("D1.fontSize"),fontWeight:Ye("D1.fontWeight"),lineHeight:Ye("D1.lineHeight"),letterSpacing:Ye("D1.letterSpacing")},D2:{fontFamily:Ye("D2.fontFamily"),fontSize:Ye("D2.fontSize"),fontWeight:Ye("D2.fontWeight"),lineHeight:Ye("D2.lineHeight"),letterSpacing:Ye("D2.letterSpacing")},D3:{fontFamily:Ye("D3.fontFamily"),fontSize:Ye("D3.fontSize"),fontWeight:Ye("D3.fontWeight"),lineHeight:Ye("D3.lineHeight"),letterSpacing:Ye("D3.letterSpacing")},D4:{fontFamily:Ye("D4.fontFamily"),fontSize:Ye("D4.fontSize"),fontWeight:Ye("D4.fontWeight"),lineHeight:Ye("D4.lineHeight"),letterSpacing:Ye("D4.letterSpacing")},DBody:{fontFamily:Ye("DBody.fontFamily"),fontSize:Ye("DBody.fontSize"),fontWeight:Ye("DBody.fontWeight"),lineHeight:Ye("DBody.lineHeight"),letterSpacing:Ye("DBody.letterSpacing")},H1:{fontFamily:Ye("H1.fontFamily"),fontSize:Ye("H1.fontSize"),fontWeight:Ye("H1.fontWeight"),lineHeight:Ye("H1.lineHeight"),letterSpacing:Ye("H1.letterSpacing")},H2:{fontFamily:Ye("H2.fontFamily"),fontSize:Ye("H2.fontSize"),fontWeight:Ye("H2.fontWeight"),lineHeight:Ye("H2.lineHeight"),letterSpacing:Ye("H2.letterSpacing")},H3:{fontFamily:Ye("H3.fontFamily"),fontSize:Ye("H3.fontSize"),fontWeight:Ye("H3.fontWeight"),lineHeight:Ye("H3.lineHeight"),letterSpacing:Ye("H3.letterSpacing")},H4:{fontFamily:Ye("H4.fontFamily"),fontSize:Ye("H4.fontSize"),fontWeight:Ye("H4.fontWeight"),lineHeight:Ye("H4.lineHeight"),letterSpacing:Ye("H4.letterSpacing")},H5:{fontFamily:Ye("H5.fontFamily"),fontSize:Ye("H5.fontSize"),fontWeight:Ye("H5.fontWeight"),lineHeight:Ye("H5.lineHeight"),letterSpacing:Ye("H5.letterSpacing")},H6:{fontFamily:Ye("H6.fontFamily"),fontSize:Ye("H6.fontSize"),fontWeight:Ye("H6.fontWeight"),lineHeight:Ye("H6.lineHeight"),letterSpacing:Ye("H6.letterSpacing")},Body:{fontFamily:Ye("Body.fontFamily"),fontSize:Ye("Body.fontSize"),fontWeight:Ye("Body.fontWeight"),lineHeight:Ye("Body.lineHeight"),letterSpacing:Ye("Body.letterSpacing")},BodySmall:{fontFamily:Ye("BodySmall.fontFamily"),fontSize:Ye("BodySmall.fontSize"),fontWeight:Ye("BodySmall.fontWeight"),lineHeight:Ye("BodySmall.lineHeight"),letterSpacing:Ye("BodySmall.letterSpacing")},XSmall:{fontFamily:Ye("XSmall.fontFamily"),fontSize:Ye("XSmall.fontSize"),fontWeight:Ye("XSmall.fontWeight"),lineHeight:Ye("XSmall.lineHeight"),letterSpacing:Ye("XSmall.letterSpacing")}},Ie=t=>{switch(t){case 700:case"bold":return Ne.Bold;case 600:case"semibold":return Ne.Semibold;case 300:case"light":return Ne.Light;case 400:case"regular":return Ne.Regular;default:return""}},Re=(t,e)=>n=>{const r=Le[t].fontFamily(n),i=Le[t].fontWeight(n);return Object.values(Ne).includes(r)?d`
+`,We={Regular:"Open Sans",Semibold:"Open Sans Semibold",Bold:"Open Sans Bold",Light:"Open Sans Light"},Ne={collections:{base:{D1:{fontFamily:We.Bold,fontSize:3,fontWeight:700,lineHeight:4,letterSpacing:-.056},D2:{fontFamily:We.Bold,fontSize:2.5,fontWeight:700,lineHeight:3.5,letterSpacing:-.032},D3:{fontFamily:We.Bold,fontSize:1.625,fontWeight:700,lineHeight:2.25},D4:{fontFamily:We.Bold,fontSize:1.375,fontWeight:700,lineHeight:1.75},DBody:{fontFamily:We.Regular,fontSize:1.375,lineHeight:1.75},H1:{fontFamily:We.Bold,fontSize:2,fontWeight:700,lineHeight:2.5},H2:{fontFamily:We.Bold,fontSize:1.625,fontWeight:700,lineHeight:2.25},H3:{fontFamily:We.Bold,fontSize:1.375,fontWeight:700,lineHeight:1.75},H4:{fontFamily:We.Bold,fontSize:1.125,fontWeight:700,lineHeight:1.625},H5:{fontFamily:We.Bold,fontSize:1,fontWeight:700,lineHeight:1.5,letterSpacing:.014},H6:{fontFamily:We.Bold,fontSize:.875,fontWeight:700,lineHeight:1.6,letterSpacing:.012},Body:{fontFamily:We.Regular,fontSize:1.125,lineHeight:1.625},BodySmall:{fontFamily:We.Regular,fontSize:1,lineHeight:1.5,letterSpacing:.014},XSmall:{fontFamily:We.Regular,fontSize:.75,lineHeight:1.2,letterSpacing:.012}}},defaultValue:"base"},Ye=t=>e=>{const n=e.theme,r=xe(Ne,n[we.textStyleScheme]);return n.options&&n.options.textStyle?Fe(r,t,n.options.textStyle):Fe(r,t)},Le={D1:{fontFamily:Ye("D1.fontFamily"),fontSize:Ye("D1.fontSize"),fontWeight:Ye("D1.fontWeight"),lineHeight:Ye("D1.lineHeight"),letterSpacing:Ye("D1.letterSpacing")},D2:{fontFamily:Ye("D2.fontFamily"),fontSize:Ye("D2.fontSize"),fontWeight:Ye("D2.fontWeight"),lineHeight:Ye("D2.lineHeight"),letterSpacing:Ye("D2.letterSpacing")},D3:{fontFamily:Ye("D3.fontFamily"),fontSize:Ye("D3.fontSize"),fontWeight:Ye("D3.fontWeight"),lineHeight:Ye("D3.lineHeight"),letterSpacing:Ye("D3.letterSpacing")},D4:{fontFamily:Ye("D4.fontFamily"),fontSize:Ye("D4.fontSize"),fontWeight:Ye("D4.fontWeight"),lineHeight:Ye("D4.lineHeight"),letterSpacing:Ye("D4.letterSpacing")},DBody:{fontFamily:Ye("DBody.fontFamily"),fontSize:Ye("DBody.fontSize"),fontWeight:Ye("DBody.fontWeight"),lineHeight:Ye("DBody.lineHeight"),letterSpacing:Ye("DBody.letterSpacing")},H1:{fontFamily:Ye("H1.fontFamily"),fontSize:Ye("H1.fontSize"),fontWeight:Ye("H1.fontWeight"),lineHeight:Ye("H1.lineHeight"),letterSpacing:Ye("H1.letterSpacing")},H2:{fontFamily:Ye("H2.fontFamily"),fontSize:Ye("H2.fontSize"),fontWeight:Ye("H2.fontWeight"),lineHeight:Ye("H2.lineHeight"),letterSpacing:Ye("H2.letterSpacing")},H3:{fontFamily:Ye("H3.fontFamily"),fontSize:Ye("H3.fontSize"),fontWeight:Ye("H3.fontWeight"),lineHeight:Ye("H3.lineHeight"),letterSpacing:Ye("H3.letterSpacing")},H4:{fontFamily:Ye("H4.fontFamily"),fontSize:Ye("H4.fontSize"),fontWeight:Ye("H4.fontWeight"),lineHeight:Ye("H4.lineHeight"),letterSpacing:Ye("H4.letterSpacing")},H5:{fontFamily:Ye("H5.fontFamily"),fontSize:Ye("H5.fontSize"),fontWeight:Ye("H5.fontWeight"),lineHeight:Ye("H5.lineHeight"),letterSpacing:Ye("H5.letterSpacing")},H6:{fontFamily:Ye("H6.fontFamily"),fontSize:Ye("H6.fontSize"),fontWeight:Ye("H6.fontWeight"),lineHeight:Ye("H6.lineHeight"),letterSpacing:Ye("H6.letterSpacing")},Body:{fontFamily:Ye("Body.fontFamily"),fontSize:Ye("Body.fontSize"),fontWeight:Ye("Body.fontWeight"),lineHeight:Ye("Body.lineHeight"),letterSpacing:Ye("Body.letterSpacing")},BodySmall:{fontFamily:Ye("BodySmall.fontFamily"),fontSize:Ye("BodySmall.fontSize"),fontWeight:Ye("BodySmall.fontWeight"),lineHeight:Ye("BodySmall.lineHeight"),letterSpacing:Ye("BodySmall.letterSpacing")},XSmall:{fontFamily:Ye("XSmall.fontFamily"),fontSize:Ye("XSmall.fontSize"),fontWeight:Ye("XSmall.fontWeight"),lineHeight:Ye("XSmall.lineHeight"),letterSpacing:Ye("XSmall.letterSpacing")}},Ie=t=>{switch(t){case 700:case"bold":return We.Bold;case 600:case"semibold":return We.Semibold;case 300:case"light":return We.Light;case 400:case"regular":return We.Regular;default:return""}},Re=(t,e)=>n=>{const r=Le[t].fontFamily(n),i=Le[t].fontWeight(n);return Object.values(We).includes(r)?d`
                 font-family: ${Ie(e)||Ie(i)||r};
                 font-weight: normal !important;
             `:d`
@@ -492,7 +492,7 @@ import{jsxs as t,jsx as e,Fragment as n}from"react/jsx-runtime";import r,{useRef
 
         top: ${t=>t.offsetTop||0}px;
     }
-`;const Nn=s.button`
+`;const Wn=s.button`
     display: flex;
     justify-content: center;
     align-items: center;
@@ -514,7 +514,7 @@ import{jsxs as t,jsx as e,Fragment as n}from"react/jsx-runtime";import r,{useRef
                 background-color: ${He.Neutral[7]};
             `}
     }
-`,Wn=r.forwardRef((({children:t,focusHighlight:n=!0,focusOutline:r="none",type:i="button",...o},a)=>e(Nn,{ref:a,$outline:r,$highlight:n,type:i,...o,children:t}))),Yn=s.div`
+`,Nn=r.forwardRef((({children:t,focusHighlight:n=!0,focusOutline:r="none",type:i="button",...o},a)=>e(Wn,{ref:a,$outline:r,$highlight:n,type:i,...o,children:t}))),Yn=s.div`
     position: relative;
     display: flex;
     flex-direction: column;
@@ -529,7 +529,7 @@ import{jsxs as t,jsx as e,Fragment as n}from"react/jsx-runtime";import r,{useRef
         width: 90%;
         max-height: 70%;
     }
-`,Ln=s(Wn)`
+`,Ln=s(Nn)`
     position: absolute;
     top: 0;
     right: 0;
@@ -609,6 +609,12 @@ import{jsxs as t,jsx as e,Fragment as n}from"react/jsx-runtime";import r,{useRef
     background: none;
     border: none;
     padding: 0;
+`,s.div`
+    overflow-y: scroll;
+
+    ::-webkit-scrollbar {
+        display: none; /* Chrome/Safari/Webkit */
+    }
 `,s.button`
     padding: 0.25rem 0.5rem 0.25rem 0.25rem;
     border: none;