@lifesg/react-design-system 1.0.0-alpha.2 → 1.0.0-alpha.21
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +2 -0
- package/accordion/accordion-item.style.d.ts +5 -2
- package/accordion/accordion.style.d.ts +1 -1
- package/accordion/index.js +165 -172
- package/accordion/index.js.map +1 -1
- package/alert/alert.style.d.ts +4 -1
- package/alert/index.js +107 -119
- package/alert/index.js.map +1 -1
- package/animations/index.d.ts +1 -0
- package/animations/index.js +6 -3
- package/animations/index.js.map +1 -1
- package/animations/loading-dots-spinner/loading-dots-spinner.d.ts +2 -0
- package/animations/loading-dots-spinner/lottie-animation.d.ts +2 -0
- package/box-container/box-container.styles.d.ts +8 -1
- package/box-container/index.js +69 -74
- package/box-container/index.js.map +1 -1
- package/breadcrumb/breadcrumb.style.d.ts +4 -4
- package/breadcrumb/index.js +102 -106
- package/breadcrumb/index.js.map +1 -1
- package/breadcrumb/types.d.ts +5 -1
- package/button/button.d.ts +2 -2
- package/button/index.js +140 -143
- package/button/index.js.map +1 -1
- package/calendar/calendar-day.d.ts +11 -0
- package/calendar/calendar-day.style.d.ts +23 -0
- package/calendar/calendar-month.d.ts +12 -0
- package/calendar/calendar-month.style.d.ts +12 -0
- package/calendar/calendar-year.d.ts +12 -0
- package/calendar/calendar-year.style.d.ts +12 -0
- package/calendar/calendar.d.ts +4 -0
- package/calendar/calendar.style.d.ts +35 -0
- package/calendar/index.d.ts +2 -0
- package/calendar/index.js +381 -0
- package/calendar/index.js.map +1 -0
- package/calendar/package.json +7 -0
- package/calendar/types.d.ts +15 -0
- package/card/card.d.ts +3 -0
- package/card/card.style.d.ts +1 -0
- package/card/index.d.ts +1 -0
- package/card/index.js +132 -0
- package/card/index.js.map +1 -0
- package/{icon → card}/package.json +1 -1
- package/card/types.d.ts +4 -0
- package/checkbox/checkbox.d.ts +1 -1
- package/checkbox/checkbox.style.d.ts +4 -1
- package/checkbox/index.js +11 -21
- package/checkbox/index.js.map +1 -1
- package/cjs/index.js +2240 -1057
- package/cjs/index.js.map +1 -1
- package/color/color.d.ts +4 -59
- package/color/index.js +1 -1
- package/color/index.js.map +1 -1
- package/color/types.d.ts +5 -1
- package/date-input/date-input.d.ts +1 -1
- package/date-input/date-input.style.d.ts +2 -6
- package/date-input/index.js +132 -147
- package/date-input/index.js.map +1 -1
- package/date-input/types.d.ts +14 -16
- package/design-token/design-token.d.ts +4 -0
- package/design-token/index.d.ts +2 -0
- package/design-token/index.js +6 -0
- package/design-token/index.js.map +1 -0
- package/design-token/package.json +7 -0
- package/design-token/types.d.ts +7 -0
- package/error-display/error-display-data.d.ts +11 -0
- package/error-display/error-display.d.ts +3 -0
- package/error-display/error-display.style.d.ts +7 -0
- package/error-display/index.d.ts +2 -0
- package/error-display/index.js +323 -0
- package/error-display/index.js.map +1 -0
- package/error-display/package.json +7 -0
- package/error-display/types.d.ts +20 -0
- package/feedback-rating/feedback-rating-data.d.ts +5 -0
- package/feedback-rating/feedback-rating-stars-container-data.d.ts +3 -0
- package/feedback-rating/feedback-rating-stars-container.d.ts +3 -0
- package/feedback-rating/feedback-rating-stars-container.styles.d.ts +12 -0
- package/feedback-rating/feedback-rating.d.ts +3 -0
- package/feedback-rating/feedback-rating.styles.d.ts +5 -0
- package/feedback-rating/index.d.ts +2 -0
- package/feedback-rating/index.js +329 -0
- package/feedback-rating/index.js.map +1 -0
- package/feedback-rating/package.json +7 -0
- package/feedback-rating/types.d.ts +14 -0
- package/footer/footer-download-app.d.ts +2 -0
- package/footer/footer-download-app.style.d.ts +6 -0
- package/footer/footer-helper.d.ts +12 -0
- package/footer/footer.d.ts +3 -0
- package/footer/footer.style.d.ts +12 -0
- package/footer/index.d.ts +2 -0
- package/footer/index.js +373 -0
- package/footer/index.js.map +1 -0
- package/footer/package.json +7 -0
- package/footer/types.d.ts +31 -0
- package/form/form-custom-field.d.ts +3 -0
- package/form/form-input-group.d.ts +1 -1
- package/form/form-input.d.ts +1 -1
- package/form/form-label-addon.d.ts +1 -2
- package/form/form-label.d.ts +1 -1
- package/form/form-label.style.d.ts +1 -0
- package/form/form-phone-number-input.d.ts +3 -0
- package/form/form-textarea.d.ts +1 -1
- package/form/form-unit-number-input.d.ts +3 -0
- package/form/index.d.ts +9 -6
- package/form/index.js +771 -657
- package/form/index.js.map +1 -1
- package/form/types.d.ts +14 -5
- package/icon-button/icon-button.d.ts +1 -1
- package/icon-button/icon-button.style.d.ts +6 -1
- package/icon-button/index.js +9 -15
- package/icon-button/index.js.map +1 -1
- package/icon-button/types.d.ts +2 -3
- package/index.d.ts +12 -1
- package/index.js +2217 -1034
- package/index.js.map +1 -1
- package/input/index.js +93 -49
- package/input/index.js.map +1 -1
- package/input/input.d.ts +1 -1
- package/input/input.style.d.ts +9 -4
- package/input/types.d.ts +2 -0
- package/input-group/index.js +435 -343
- package/input-group/index.js.map +1 -1
- package/input-group/input-group-list-addon.d.ts +1 -1
- package/input-group/input-group-list-addon.style.d.ts +13 -2
- package/input-group/input-group.d.ts +1 -1
- package/input-group/input-group.style.d.ts +4 -8
- package/input-group/types.d.ts +11 -10
- package/input-select/index.js +286 -244
- package/input-select/index.js.map +1 -1
- package/input-select/input-select-wrapper.d.ts +1 -1
- package/input-select/input-select.d.ts +1 -1
- package/input-select/input-select.styles.d.ts +5 -1
- package/input-select/types.d.ts +15 -11
- package/input-textarea/index.js +132 -121
- package/input-textarea/index.js.map +1 -1
- package/input-textarea/textarea-counter.d.ts +2 -1
- package/input-textarea/textarea.d.ts +2 -2
- package/input-textarea/types.d.ts +1 -0
- package/layout/container.d.ts +3 -0
- package/layout/content.d.ts +3 -0
- package/layout/index.d.ts +7 -0
- package/layout/index.js +55 -0
- package/layout/index.js.map +1 -0
- package/layout/package.json +7 -0
- package/layout/section.d.ts +3 -0
- package/layout/types.d.ts +15 -0
- package/link-list/index.js +130 -130
- package/link-list/index.js.map +1 -1
- package/link-list/link-list.styles.d.ts +12 -2
- package/link-list/types.d.ts +1 -1
- package/masonry/index.js.map +1 -1
- package/masonry/masonry.d.ts +2 -2
- package/masthead/index.d.ts +1 -0
- package/masthead/index.js +9 -0
- package/masthead/index.js.map +1 -0
- package/masthead/masthead.d.ts +2 -0
- package/masthead/masthead.style.d.ts +1 -0
- package/masthead/package.json +7 -0
- package/media/index.js +1 -1
- package/media/index.js.map +1 -1
- package/media/media.d.ts +2 -1
- package/modal/index.d.ts +1 -1
- package/modal/index.js +30 -43
- package/modal/index.js.map +1 -1
- package/modal/modal-box.styles.d.ts +5 -2
- package/modal/modal.d.ts +1 -1
- package/modal/modal.styles.d.ts +1 -0
- package/modal/types.d.ts +4 -2
- package/navbar/brand.d.ts +10 -0
- package/navbar/brand.styles.d.ts +5 -0
- package/navbar/drawer.d.ts +3 -0
- package/navbar/drawer.styles.d.ts +15 -0
- package/navbar/index.d.ts +7 -0
- package/navbar/index.js +651 -0
- package/navbar/index.js.map +1 -0
- package/navbar/navbar-action-buttons.d.ts +10 -0
- package/navbar/navbar-action-buttons.styles.d.ts +9 -0
- package/navbar/navbar-items.d.ts +11 -0
- package/navbar/navbar-items.styles.d.ts +10 -0
- package/navbar/navbar.d.ts +3 -0
- package/navbar/navbar.styles.d.ts +19 -0
- package/navbar/package.json +7 -0
- package/navbar/types.d.ts +56 -0
- package/notification-banner/index.d.ts +3 -0
- package/notification-banner/index.js +266 -0
- package/notification-banner/index.js.map +1 -0
- package/notification-banner/notification-banner-hoc.d.ts +3 -0
- package/notification-banner/notification-banner.d.ts +6 -0
- package/notification-banner/notification-banner.styles.d.ts +15 -0
- package/notification-banner/package.json +7 -0
- package/notification-banner/types.d.ts +22 -0
- package/otp-input/index.d.ts +2 -0
- package/otp-input/index.js +600 -0
- package/otp-input/index.js.map +1 -0
- package/otp-input/otp-input.d.ts +3 -0
- package/otp-input/otp-input.styles.d.ts +5 -0
- package/otp-input/package.json +7 -0
- package/otp-input/types.d.ts +22 -0
- package/overlay/index.js +1 -1
- package/overlay/index.js.map +1 -1
- package/overlay/types.d.ts +1 -1
- package/package.json +4 -1
- package/phone-number-input/data/country-code.d.ts +1 -0
- package/phone-number-input/index.d.ts +2 -0
- package/phone-number-input/index.js +860 -0
- package/phone-number-input/index.js.map +1 -0
- package/phone-number-input/package.json +7 -0
- package/phone-number-input/phone-number-input-helper.d.ts +5 -0
- package/phone-number-input/phone-number-input.d.ts +3 -0
- package/phone-number-input/types.d.ts +51 -0
- package/popover/index.js +148 -153
- package/popover/index.js.map +1 -1
- package/popover/popover.styles.d.ts +1 -1
- package/popover/types.d.ts +3 -3
- package/progress-indicator/index.d.ts +2 -0
- package/progress-indicator/index.js +240 -0
- package/progress-indicator/index.js.map +1 -0
- package/progress-indicator/package.json +7 -0
- package/progress-indicator/progress-indicator.d.ts +3 -0
- package/progress-indicator/progress-indicator.style.d.ts +19 -0
- package/progress-indicator/types.d.ts +9 -0
- package/radio-button/index.js +7 -7
- package/radio-button/index.js.map +1 -1
- package/shared/dropdown-list/dropdown-list.d.ts +1 -1
- package/shared/dropdown-list/dropdown-list.styles.d.ts +6 -2
- package/shared/dropdown-list/dropdown-search.d.ts +2 -1
- package/shared/dropdown-list/dropdown-search.styles.d.ts +9 -1
- package/shared/dropdown-list/types.d.ts +22 -12
- package/shared/input-wrapper/input-wrapper.d.ts +8 -0
- package/smart-app-banner/index.d.ts +2 -0
- package/smart-app-banner/index.js +373 -0
- package/smart-app-banner/index.js.map +1 -0
- package/smart-app-banner/package.json +7 -0
- package/smart-app-banner/smart-app-banner.d.ts +3 -0
- package/smart-app-banner/smart-app-banner.styles.d.ts +31 -0
- package/smart-app-banner/types.d.ts +18 -0
- package/spec/design-token-spec/base-design-token-set.d.ts +2 -0
- package/text/index.js +62 -65
- package/text/index.js.map +1 -1
- package/text/text-style.d.ts +4 -100
- package/text-list/index.js +7 -7
- package/text-list/index.js.map +1 -1
- package/theme/design-token-helper.d.ts +2 -0
- package/theme/index.js +1 -1
- package/theme/index.js.map +1 -1
- package/theme/types.d.ts +12 -3
- package/timeline/index.js +95 -98
- package/timeline/index.js.map +1 -1
- package/timepicker/index.js +213 -207
- package/timepicker/index.js.map +1 -1
- package/timepicker/timepicker-dropdown.styles.d.ts +2 -2
- package/timepicker/types.d.ts +3 -3
- package/toggle-button/index.js +118 -121
- package/toggle-button/index.js.map +1 -1
- package/tooltip/index.js +127 -125
- package/tooltip/index.js.map +1 -1
- package/tooltip/tooltip.styles.d.ts +3 -1
- package/unit-number/index.d.ts +2 -0
- package/unit-number/index.js +357 -0
- package/unit-number/index.js.map +1 -0
- package/unit-number/package.json +7 -0
- package/unit-number/types.d.ts +27 -0
- package/unit-number/unit-number-input.d.ts +3 -0
- package/unit-number/unit-number-input.style.d.ts +11 -0
- package/util/calendar-helper.d.ts +10 -0
- package/util/date-helper.d.ts +19 -0
- package/util/index.d.ts +3 -0
- package/util/utility-types.d.ts +3 -0
- package/icon/arrow-right-icon.d.ts +0 -3
- package/icon/icon.d.ts +0 -3
- package/icon/index.d.ts +0 -2
- package/icon/index.js +0 -12
- package/icon/index.js.map +0 -1
- package/icon/info-icon.d.ts +0 -3
- package/icon/play-alt-icon.d.ts +0 -3
- package/icon/search-icon.d.ts +0 -3
- package/icon/shared.style.d.ts +0 -1
- package/icon/types.d.ts +0 -9
|
@@ -0,0 +1,860 @@
|
|
|
1
|
+
import e,{jsxs as t,jsx as r,Fragment as n}from"react/jsx-runtime";import*as a from"react";import i,{useRef as o,useImperativeHandle as s,useEffect as l,useLayoutEffect as c,useState as u,forwardRef as d,useCallback as h,useContext as p,useMemo as f}from"react";import g,{css as m,keyframes as b}from"styled-components";import{unstable_batchedUpdates as y}from"react-dom";var v="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},w=Array.isArray,x="object"==typeof v&&v&&v.Object===Object&&v,$=x,_="object"==typeof self&&self&&self.Object===Object&&self,S=$||_||Function("return this")(),C=S.Symbol,k=C,O=Object.prototype,j=O.hasOwnProperty,F=O.toString,B=k?k.toStringTag:void 0;var A=function(e){var t=j.call(e,B),r=e[B];try{e[B]=void 0;var n=!0}catch(e){}var a=F.call(e);return n&&(t?e[B]=r:delete e[B]),a},z=Object.prototype.toString;var P=A,N=function(e){return z.call(e)},I=C?C.toStringTag:void 0;var M=function(e){return null==e?void 0===e?"[object Undefined]":"[object Null]":I&&I in Object(e)?P(e):N(e)};var E=function(e){return null!=e&&"object"==typeof e},D=M,H=E;var T=function(e){return"symbol"==typeof e||H(e)&&"[object Symbol]"==D(e)},L=w,V=T,R=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,W=/^\w*$/;var q=function(e,t){if(L(e))return!1;var r=typeof e;return!("number"!=r&&"symbol"!=r&&"boolean"!=r&&null!=e&&!V(e))||(W.test(e)||!R.test(e)||null!=t&&e in Object(t))};var U=function(e){var t=typeof e;return null!=e&&("object"==t||"function"==t)},G=M,Q=U;var Z,K=function(e){if(!Q(e))return!1;var t=G(e);return"[object Function]"==t||"[object GeneratorFunction]"==t||"[object AsyncFunction]"==t||"[object Proxy]"==t},X=S["__core-js_shared__"],J=(Z=/[^.]+$/.exec(X&&X.keys&&X.keys.IE_PROTO||""))?"Symbol(src)_1."+Z:"";var Y=function(e){return!!J&&J in e},ee=Function.prototype.toString;var te=function(e){if(null!=e){try{return ee.call(e)}catch(e){}try{return e+""}catch(e){}}return""},re=K,ne=Y,ae=U,ie=te,oe=/^\[object .+?Constructor\]$/,se=Function.prototype,le=Object.prototype,ce=se.toString,ue=le.hasOwnProperty,de=RegExp("^"+ce.call(ue).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");var he=function(e){return!(!ae(e)||ne(e))&&(re(e)?de:oe).test(ie(e))},pe=function(e,t){return null==e?void 0:e[t]};var fe=function(e,t){var r=pe(e,t);return he(r)?r:void 0},ge=fe(Object,"create"),me=ge;var be=function(){this.__data__=me?me(null):{},this.size=0};var ye=function(e){var t=this.has(e)&&delete this.__data__[e];return this.size-=t?1:0,t},ve=ge,we=Object.prototype.hasOwnProperty;var xe=function(e){var t=this.__data__;if(ve){var r=t[e];return"__lodash_hash_undefined__"===r?void 0:r}return we.call(t,e)?t[e]:void 0},$e=ge,_e=Object.prototype.hasOwnProperty;var Se=ge;var Ce=be,ke=ye,Oe=xe,je=function(e){var t=this.__data__;return $e?void 0!==t[e]:_e.call(t,e)},Fe=function(e,t){var r=this.__data__;return this.size+=this.has(e)?0:1,r[e]=Se&&void 0===t?"__lodash_hash_undefined__":t,this};function Be(e){var t=-1,r=null==e?0:e.length;for(this.clear();++t<r;){var n=e[t];this.set(n[0],n[1])}}Be.prototype.clear=Ce,Be.prototype.delete=ke,Be.prototype.get=Oe,Be.prototype.has=je,Be.prototype.set=Fe;var Ae=Be;var ze=function(){this.__data__=[],this.size=0};var Pe=function(e,t){return e===t||e!=e&&t!=t},Ne=Pe;var Ie=function(e,t){for(var r=e.length;r--;)if(Ne(e[r][0],t))return r;return-1},Me=Ie,Ee=Array.prototype.splice;var De=Ie;var He=Ie;var Te=Ie;var Le=ze,Ve=function(e){var t=this.__data__,r=Me(t,e);return!(r<0)&&(r==t.length-1?t.pop():Ee.call(t,r,1),--this.size,!0)},Re=function(e){var t=this.__data__,r=De(t,e);return r<0?void 0:t[r][1]},We=function(e){return He(this.__data__,e)>-1},qe=function(e,t){var r=this.__data__,n=Te(r,e);return n<0?(++this.size,r.push([e,t])):r[n][1]=t,this};function Ue(e){var t=-1,r=null==e?0:e.length;for(this.clear();++t<r;){var n=e[t];this.set(n[0],n[1])}}Ue.prototype.clear=Le,Ue.prototype.delete=Ve,Ue.prototype.get=Re,Ue.prototype.has=We,Ue.prototype.set=qe;var Ge=Ue,Qe=fe(S,"Map"),Ze=Ae,Ke=Ge,Xe=Qe;var Je=function(e){var t=typeof e;return"string"==t||"number"==t||"symbol"==t||"boolean"==t?"__proto__"!==e:null===e};var Ye=function(e,t){var r=e.__data__;return Je(t)?r["string"==typeof t?"string":"hash"]:r.map},et=Ye;var tt=Ye;var rt=Ye;var nt=Ye;var at=function(){this.size=0,this.__data__={hash:new Ze,map:new(Xe||Ke),string:new Ze}},it=function(e){var t=et(this,e).delete(e);return this.size-=t?1:0,t},ot=function(e){return tt(this,e).get(e)},st=function(e){return rt(this,e).has(e)},lt=function(e,t){var r=nt(this,e),n=r.size;return r.set(e,t),this.size+=r.size==n?0:1,this};function ct(e){var t=-1,r=null==e?0:e.length;for(this.clear();++t<r;){var n=e[t];this.set(n[0],n[1])}}ct.prototype.clear=at,ct.prototype.delete=it,ct.prototype.get=ot,ct.prototype.has=st,ct.prototype.set=lt;var ut=ct,dt=ut;function ht(e,t){if("function"!=typeof e||null!=t&&"function"!=typeof t)throw new TypeError("Expected a function");var r=function(){var n=arguments,a=t?t.apply(this,n):n[0],i=r.cache;if(i.has(a))return i.get(a);var o=e.apply(this,n);return r.cache=i.set(a,o)||i,o};return r.cache=new(ht.Cache||dt),r}ht.Cache=dt;var pt=ht;var ft=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,gt=/\\(\\)?/g,mt=function(e){var t=pt(e,(function(e){return 500===r.size&&r.clear(),e})),r=t.cache;return t}((function(e){var t=[];return 46===e.charCodeAt(0)&&t.push(""),e.replace(ft,(function(e,r,n,a){t.push(n?a.replace(gt,"$1"):r||e)})),t}));var bt=function(e,t){for(var r=-1,n=null==e?0:e.length,a=Array(n);++r<n;)a[r]=t(e[r],r,e);return a},yt=w,vt=T,wt=C?C.prototype:void 0,xt=wt?wt.toString:void 0;var $t=function e(t){if("string"==typeof t)return t;if(yt(t))return bt(t,e)+"";if(vt(t))return xt?xt.call(t):"";var r=t+"";return"0"==r&&1/t==-Infinity?"-0":r},_t=$t;var St=w,Ct=q,kt=mt,Ot=function(e){return null==e?"":_t(e)};var jt=function(e,t){return St(e)?e:Ct(e,t)?[e]:kt(Ot(e))},Ft=T;var Bt=function(e){if("string"==typeof e||Ft(e))return e;var t=e+"";return"0"==t&&1/e==-Infinity?"-0":t},At=jt,zt=Bt;var Pt=function(e,t){for(var r=0,n=(t=At(t,e)).length;null!=e&&r<n;)e=e[zt(t[r++])];return r&&r==n?e:void 0},Nt=Pt;var It=function(e,t,r){var n=null==e?void 0:Nt(e,t);return void 0===n?r:n};const Mt=(e,t,r)=>t?It(r,t)||It(e,t):r||e,Et=(e,t)=>{const r=t||e.defaultValue;return It(e.collections,r)};var Dt;!function(e){e.colorScheme="colorScheme",e.layout="layout",e.textStyleScheme="textStyleScheme",e.designTokenScheme="designTokenScheme"}(Dt||(Dt={}));const Ht={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"},Tt=e=>t=>{const r=t.theme,n=Et(Ht,r[Dt.colorScheme]);return r.options&&r.options.color?Mt(n,e,r.options.color):Mt(n,e)},Lt={Brand:{1:Tt("Brand.1"),2:Tt("Brand.2"),3:Tt("Brand.3"),4:Tt("Brand.4"),5:Tt("Brand.5"),6:Tt("Brand.6")},Primary:Tt("Primary"),PrimaryDark:Tt("PrimaryDark"),Secondary:Tt("Secondary"),Accent:{Light:{1:Tt("Accent.Light.1"),2:Tt("Accent.Light.2"),3:Tt("Accent.Light.3"),4:Tt("Accent.Light.4"),5:Tt("Accent.Light.5"),6:Tt("Accent.Light.6")},Dark:{1:Tt("Accent.Dark.1"),2:Tt("Accent.Dark.2"),3:Tt("Accent.Dark.3")}},Neutral:{1:Tt("Neutral.1"),2:Tt("Neutral.2"),3:Tt("Neutral.3"),4:Tt("Neutral.4"),5:Tt("Neutral.5"),6:Tt("Neutral.6"),7:Tt("Neutral.7"),8:Tt("Neutral.8")},Validation:{Green:{Text:Tt("Validation.Green.Text"),Icon:Tt("Validation.Green.Icon"),Border:Tt("Validation.Green.Border"),Background:Tt("Validation.Green.Background")},Orange:{Text:Tt("Validation.Orange.Text"),Icon:Tt("Validation.Orange.Icon"),Border:Tt("Validation.Orange.Border"),Background:Tt("Validation.Orange.Background"),Badge:Tt("Validation.Orange.Badge")},Red:{Text:Tt("Validation.Red.Text"),Icon:Tt("Validation.Red.Icon"),Border:Tt("Validation.Red.Border"),Background:Tt("Validation.Red.Background")}},Shadow:{Accent:Tt("Shadow.Accent"),Red:Tt("Shadow.Red")}},Vt={collections:{base:{InputBoxShadow:m`
|
|
2
|
+
inset 0 0 6px 1px ${Lt.Shadow.Accent}
|
|
3
|
+
`,InputErrorBoxShadow:m`
|
|
4
|
+
inset 0 0 6px 1px ${Lt.Shadow.Red}
|
|
5
|
+
`}},defaultValue:"base"},Rt=e=>t=>{const r=t.theme,n=Et(Vt,r[Dt.designTokenScheme]);return r.options?.designToken?Mt(n,e,r.options.designToken):Mt(n,e)},Wt=Rt("InputBoxShadow"),qt=Rt("InputErrorBoxShadow"),Ut=g.div`
|
|
6
|
+
display: flex;
|
|
7
|
+
align-items: center;
|
|
8
|
+
position: relative;
|
|
9
|
+
border: 1px solid ${Lt.Neutral[5]};
|
|
10
|
+
border-radius: 4px;
|
|
11
|
+
background: ${Lt.Neutral[8]};
|
|
12
|
+
height: max-content;
|
|
13
|
+
width: 100%;
|
|
14
|
+
padding: 0 1rem;
|
|
15
|
+
flex-direction: ${e=>"right"===e.$position?"row-reverse":"row"};
|
|
16
|
+
|
|
17
|
+
:focus-within {
|
|
18
|
+
border: 1px solid ${Lt.Accent.Light[1]};
|
|
19
|
+
box-shadow: ${Wt};
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
${e=>e.$readOnly?m`
|
|
23
|
+
border: none;
|
|
24
|
+
padding: 0;
|
|
25
|
+
background: transparent !important;
|
|
26
|
+
|
|
27
|
+
:focus-within {
|
|
28
|
+
border: none;
|
|
29
|
+
box-shadow: none;
|
|
30
|
+
}
|
|
31
|
+
`:e.disabled?m`
|
|
32
|
+
background: ${Lt.Neutral[6](e)};
|
|
33
|
+
cursor: not-allowed;
|
|
34
|
+
|
|
35
|
+
:focus-within {
|
|
36
|
+
border: 1px solid ${Lt.Neutral[5](e)};
|
|
37
|
+
box-shadow: none;
|
|
38
|
+
}
|
|
39
|
+
`:e.$error?m`
|
|
40
|
+
border: 1px solid ${Lt.Validation.Red.Border(e)};
|
|
41
|
+
|
|
42
|
+
:focus-within {
|
|
43
|
+
border: 1px solid ${Lt.Validation.Red.Border(e)};
|
|
44
|
+
box-shadow: ${qt};
|
|
45
|
+
}
|
|
46
|
+
`:void 0}
|
|
47
|
+
`;var Gt;!function(e){e.transformWithSpaces=(e,t)=>{const r="(.{"+t+"})";return e.replace(/[^\dA-Z]/gi,"").replace(new RegExp(r,"g"),"$1 ").trim()},e.padValue=(e,t)=>{if("0"===e)return t?e:e.padStart(2,"0");if(""===e)return e;return parseInt(e).toString().padStart(2,"0")},e.shouldTruncateToTwoLines=(e,t)=>{const r=Math.floor(t/9);return e.length>=2*r||1===e.split(" ").length&&e.length>r},e.truncateOneLine=(e,t,r,n)=>{let a=0;t>r&&(a=Math.floor((t-r)/8));const i=n+a;if(i<e.length){const t=Math.floor(i/2);return e.substring(0,t)+" ... "+e.substring(e.length-t,e.length)}return e}}(Gt||(Gt={}));var Qt,Zt={};Object.defineProperty(Zt,"__esModule",{value:!0});var Kt=e;const Xt=e=>Kt.jsx("svg",{width:"1em",height:"1em",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e,children:Kt.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"})});Xt.displayName="CrossIcon",Qt=Zt.CrossIcon=Xt;const Jt={Regular:"Open Sans",Semibold:"Open Sans Semibold",Bold:"Open Sans Bold",Light:"Open Sans Light"},Yt={collections:{base:{D1:{fontFamily:Jt.Bold,fontSize:3,fontWeight:700,lineHeight:4,letterSpacing:-.056},D2:{fontFamily:Jt.Bold,fontSize:2.5,fontWeight:700,lineHeight:3.5,letterSpacing:-.032},D3:{fontFamily:Jt.Bold,fontSize:1.625,fontWeight:700,lineHeight:2.25},D4:{fontFamily:Jt.Bold,fontSize:1.375,fontWeight:700,lineHeight:1.75},DBody:{fontFamily:Jt.Regular,fontSize:1.375,lineHeight:1.75},H1:{fontFamily:Jt.Bold,fontSize:2,fontWeight:700,lineHeight:2.5},H2:{fontFamily:Jt.Bold,fontSize:1.625,fontWeight:700,lineHeight:2.25},H3:{fontFamily:Jt.Bold,fontSize:1.375,fontWeight:700,lineHeight:1.75},H4:{fontFamily:Jt.Bold,fontSize:1.125,fontWeight:700,lineHeight:1.625},H5:{fontFamily:Jt.Bold,fontSize:1,fontWeight:700,lineHeight:1.5,letterSpacing:.014},H6:{fontFamily:Jt.Bold,fontSize:.875,fontWeight:700,lineHeight:1.6,letterSpacing:.012},Body:{fontFamily:Jt.Regular,fontSize:1.125,lineHeight:1.625},BodySmall:{fontFamily:Jt.Regular,fontSize:1,lineHeight:1.5,letterSpacing:.014},XSmall:{fontFamily:Jt.Regular,fontSize:.75,lineHeight:1.2,letterSpacing:.012}}},defaultValue:"base"},er=e=>t=>{const r=t.theme,n=Et(Yt,r[Dt.textStyleScheme]);return r.options&&r.options.textStyle?Mt(n,e,r.options.textStyle):Mt(n,e)},tr={D1:{fontFamily:er("D1.fontFamily"),fontSize:er("D1.fontSize"),fontWeight:er("D1.fontWeight"),lineHeight:er("D1.lineHeight"),letterSpacing:er("D1.letterSpacing")},D2:{fontFamily:er("D2.fontFamily"),fontSize:er("D2.fontSize"),fontWeight:er("D2.fontWeight"),lineHeight:er("D2.lineHeight"),letterSpacing:er("D2.letterSpacing")},D3:{fontFamily:er("D3.fontFamily"),fontSize:er("D3.fontSize"),fontWeight:er("D3.fontWeight"),lineHeight:er("D3.lineHeight"),letterSpacing:er("D3.letterSpacing")},D4:{fontFamily:er("D4.fontFamily"),fontSize:er("D4.fontSize"),fontWeight:er("D4.fontWeight"),lineHeight:er("D4.lineHeight"),letterSpacing:er("D4.letterSpacing")},DBody:{fontFamily:er("DBody.fontFamily"),fontSize:er("DBody.fontSize"),fontWeight:er("DBody.fontWeight"),lineHeight:er("DBody.lineHeight"),letterSpacing:er("DBody.letterSpacing")},H1:{fontFamily:er("H1.fontFamily"),fontSize:er("H1.fontSize"),fontWeight:er("H1.fontWeight"),lineHeight:er("H1.lineHeight"),letterSpacing:er("H1.letterSpacing")},H2:{fontFamily:er("H2.fontFamily"),fontSize:er("H2.fontSize"),fontWeight:er("H2.fontWeight"),lineHeight:er("H2.lineHeight"),letterSpacing:er("H2.letterSpacing")},H3:{fontFamily:er("H3.fontFamily"),fontSize:er("H3.fontSize"),fontWeight:er("H3.fontWeight"),lineHeight:er("H3.lineHeight"),letterSpacing:er("H3.letterSpacing")},H4:{fontFamily:er("H4.fontFamily"),fontSize:er("H4.fontSize"),fontWeight:er("H4.fontWeight"),lineHeight:er("H4.lineHeight"),letterSpacing:er("H4.letterSpacing")},H5:{fontFamily:er("H5.fontFamily"),fontSize:er("H5.fontSize"),fontWeight:er("H5.fontWeight"),lineHeight:er("H5.lineHeight"),letterSpacing:er("H5.letterSpacing")},H6:{fontFamily:er("H6.fontFamily"),fontSize:er("H6.fontSize"),fontWeight:er("H6.fontWeight"),lineHeight:er("H6.lineHeight"),letterSpacing:er("H6.letterSpacing")},Body:{fontFamily:er("Body.fontFamily"),fontSize:er("Body.fontSize"),fontWeight:er("Body.fontWeight"),lineHeight:er("Body.lineHeight"),letterSpacing:er("Body.letterSpacing")},BodySmall:{fontFamily:er("BodySmall.fontFamily"),fontSize:er("BodySmall.fontSize"),fontWeight:er("BodySmall.fontWeight"),lineHeight:er("BodySmall.lineHeight"),letterSpacing:er("BodySmall.letterSpacing")},XSmall:{fontFamily:er("XSmall.fontFamily"),fontSize:er("XSmall.fontSize"),fontWeight:er("XSmall.fontWeight"),lineHeight:er("XSmall.lineHeight"),letterSpacing:er("XSmall.letterSpacing")}},rr=e=>{switch(e){case 700:case"bold":return Jt.Bold;case 600:case"semibold":return Jt.Semibold;case 300:case"light":return Jt.Light;case 400:case"regular":return Jt.Regular;default:return""}},nr=(e,t)=>r=>{const n=tr[e].fontFamily(r),a=tr[e].fontWeight(r);return Object.values(Jt).includes(n)?m`
|
|
48
|
+
font-family: ${rr(t)||rr(a)||n};
|
|
49
|
+
font-weight: normal !important;
|
|
50
|
+
`:m`
|
|
51
|
+
font-family: ${n};
|
|
52
|
+
font-weight: ${(ar(t)||a)??"normal"};
|
|
53
|
+
`},ar=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""}},ir=(e,t,r=!1)=>n=>{const a=tr[e],i=a.fontSize(n);return m`
|
|
54
|
+
${nr(e,t)}
|
|
55
|
+
font-size: ${i}rem !important;
|
|
56
|
+
line-height: ${a.lineHeight}rem !important;
|
|
57
|
+
letter-spacing: ${a.letterSpacing(n)||0}rem !important;
|
|
58
|
+
${m`
|
|
59
|
+
margin-bottom: ${i*(r?1.05:0)}rem;
|
|
60
|
+
`}
|
|
61
|
+
`},or=(e=!1,t=!1)=>t?m`
|
|
62
|
+
display: block;
|
|
63
|
+
`:e?m`
|
|
64
|
+
display: inline;
|
|
65
|
+
`:m`
|
|
66
|
+
display: block;
|
|
67
|
+
`,sr=g.input`
|
|
68
|
+
${ir("Body","regular")}
|
|
69
|
+
color: ${Lt.Neutral[1]};
|
|
70
|
+
|
|
71
|
+
// overwrite default styles
|
|
72
|
+
background: transparent;
|
|
73
|
+
border: none;
|
|
74
|
+
height: 3rem;
|
|
75
|
+
width: 100%;
|
|
76
|
+
padding: 0;
|
|
77
|
+
|
|
78
|
+
:focus,
|
|
79
|
+
:active {
|
|
80
|
+
outline: none;
|
|
81
|
+
border: none;
|
|
82
|
+
box-shadow: none;
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
::placeholder,
|
|
86
|
+
::-webkit-input-placeholder {
|
|
87
|
+
color: ${Lt.Neutral[3]};
|
|
88
|
+
}
|
|
89
|
+
|
|
90
|
+
${e=>"number"===e.type?m`
|
|
91
|
+
// Chrome, Safari, Edge, Opera
|
|
92
|
+
::-webkit-outer-spin-button,
|
|
93
|
+
::-webkit-inner-spin-button {
|
|
94
|
+
-webkit-appearance: none;
|
|
95
|
+
margin: 0;
|
|
96
|
+
}
|
|
97
|
+
|
|
98
|
+
// Firefox
|
|
99
|
+
-moz-appearance: textfield;
|
|
100
|
+
`:e.disabled?m`
|
|
101
|
+
cursor: not-allowed;
|
|
102
|
+
`:void 0}
|
|
103
|
+
`,lr=g.button`
|
|
104
|
+
position: relative;
|
|
105
|
+
height: auto;
|
|
106
|
+
padding: 0 1rem;
|
|
107
|
+
|
|
108
|
+
margin-right: -1rem; // offset the padding
|
|
109
|
+
cursor: pointer;
|
|
110
|
+
|
|
111
|
+
color: ${Lt.Neutral[3]};
|
|
112
|
+
background-color: transparent;
|
|
113
|
+
border: none;
|
|
114
|
+
`,cr=g(Qt)`
|
|
115
|
+
height: 1.25rem;
|
|
116
|
+
width: 1.25rem;
|
|
117
|
+
`,ur=i.forwardRef((({value:e,spacing:n,type:a,error:i,disabled:l,readOnly:c,onChange:u,onClear:d,allowClear:h=!1,className:p,...f},g)=>{const m=o();s(g,(()=>m.current),[]);const b=()=>"tel"===a&&n,y=e=>{const t=e.target,r=t.value,n=t.value.replace(/\s/g,"");t.value=n,u(e),t.value=r},v=e?(e=>e?b()?Gt.transformWithSpaces(e,n):e:"")(e):e;return t(Ut,{disabled:l,$error:i,$readOnly:c,className:p,children:[r(sr,{"data-testid":"input",ref:m,disabled:l,value:v,onChange:e=>{u&&(b()?y(e):u(e))},type:a,readOnly:c,...f}),h&&!l&&!c&&!!e&&r(lr,{onClick:()=>{d&&d(),m&&m.current&&m.current.focus()},children:r(cr,{})})]})}));var dr,hr={};Object.defineProperty(hr,"__esModule",{value:!0});var pr=e;const fr=e=>pr.jsx("svg",{width:"1em",height:"1em",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e,children:pr.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"})});var gr;fr.displayName="ExternalIcon",dr=hr.ExternalIcon=fr,function(e){e.D1=g.h1`
|
|
118
|
+
${e=>m`
|
|
119
|
+
${ir("D1",e.weight,e.paragraph)}
|
|
120
|
+
color: ${Lt.Neutral[1]};
|
|
121
|
+
${or(e.inline,e.paragraph)}
|
|
122
|
+
`}
|
|
123
|
+
`,e.D2=g.h1`
|
|
124
|
+
${e=>m`
|
|
125
|
+
${ir("D2",e.weight,e.paragraph)}
|
|
126
|
+
color: ${Lt.Neutral[1]};
|
|
127
|
+
${or(e.inline,e.paragraph)}
|
|
128
|
+
`}
|
|
129
|
+
`,e.D3=g.h1`
|
|
130
|
+
${e=>m`
|
|
131
|
+
${ir("D3",e.weight,e.paragraph)}
|
|
132
|
+
color: ${Lt.Neutral[1]};
|
|
133
|
+
${or(e.inline,e.paragraph)}
|
|
134
|
+
`}
|
|
135
|
+
`,e.D4=g.h1`
|
|
136
|
+
${e=>m`
|
|
137
|
+
${ir("D4",e.weight,e.paragraph)}
|
|
138
|
+
color: ${Lt.Neutral[1]};
|
|
139
|
+
${or(e.inline,e.paragraph)}
|
|
140
|
+
`}
|
|
141
|
+
`,e.DBody=g.h1`
|
|
142
|
+
${e=>m`
|
|
143
|
+
${ir("DBody",e.weight,e.paragraph)}
|
|
144
|
+
color: ${Lt.Neutral[1]};
|
|
145
|
+
${or(e.inline,e.paragraph)}
|
|
146
|
+
`}
|
|
147
|
+
`,e.H1=g.h1`
|
|
148
|
+
${e=>m`
|
|
149
|
+
${ir("H1",e.weight,e.paragraph)}
|
|
150
|
+
color: ${Lt.Neutral[1]};
|
|
151
|
+
${or(e.inline,e.paragraph)}
|
|
152
|
+
`}
|
|
153
|
+
`,e.H2=g.h2`
|
|
154
|
+
${e=>m`
|
|
155
|
+
${ir("H2",e.weight,e.paragraph)}
|
|
156
|
+
color: ${Lt.Neutral[1]};
|
|
157
|
+
${or(e.inline,e.paragraph)}
|
|
158
|
+
`}
|
|
159
|
+
`,e.H3=g.h3`
|
|
160
|
+
${e=>m`
|
|
161
|
+
${ir("H3",e.weight,e.paragraph)}
|
|
162
|
+
color: ${Lt.Neutral[1]};
|
|
163
|
+
${or(e.inline,e.paragraph)}
|
|
164
|
+
`}
|
|
165
|
+
`,e.H4=g.h4`
|
|
166
|
+
${e=>m`
|
|
167
|
+
${ir("H4",e.weight,e.paragraph)}
|
|
168
|
+
color: ${Lt.Neutral[1]};
|
|
169
|
+
${or(e.inline,e.paragraph)}
|
|
170
|
+
`}
|
|
171
|
+
`,e.H5=g.h5`
|
|
172
|
+
${e=>m`
|
|
173
|
+
${ir("H5",e.weight,e.paragraph)}
|
|
174
|
+
color: ${Lt.Neutral[1]};
|
|
175
|
+
${or(e.inline,e.paragraph)}
|
|
176
|
+
`}
|
|
177
|
+
`,e.H6=g.h6`
|
|
178
|
+
${e=>m`
|
|
179
|
+
${ir("H6",e.weight,e.paragraph)}
|
|
180
|
+
color: ${Lt.Neutral[1]};
|
|
181
|
+
${or(e.inline,e.paragraph)}
|
|
182
|
+
`}
|
|
183
|
+
`,e.Body=g.p`
|
|
184
|
+
${e=>m`
|
|
185
|
+
${ir("Body",e.weight,e.paragraph)}
|
|
186
|
+
color: ${Lt.Neutral[1]};
|
|
187
|
+
${or(e.inline,e.paragraph)}
|
|
188
|
+
`}
|
|
189
|
+
`,e.BodySmall=g.p`
|
|
190
|
+
${e=>m`
|
|
191
|
+
${ir("BodySmall",e.weight,e.paragraph)}
|
|
192
|
+
color: ${Lt.Neutral[1]};
|
|
193
|
+
${or(e.inline,e.paragraph)}
|
|
194
|
+
`}
|
|
195
|
+
`,e.XSmall=g.span`
|
|
196
|
+
${e=>m`
|
|
197
|
+
${ir("XSmall",e.weight,e.paragraph)}
|
|
198
|
+
color: ${Lt.Neutral[1]};
|
|
199
|
+
${or(e.inline,e.paragraph)}
|
|
200
|
+
`}
|
|
201
|
+
`,e.Hyperlink={Default:e=>yr({...e,textStyle:"Body"}),Small:e=>yr({...e,textStyle:"BodySmall"})}}(gr||(gr={}));const mr=g.a`
|
|
202
|
+
${e=>m`
|
|
203
|
+
${ir(e.textStyle,e.weight)}
|
|
204
|
+
color: ${Lt.Primary};
|
|
205
|
+
text-decoration: none;
|
|
206
|
+
|
|
207
|
+
:hover,
|
|
208
|
+
:active,
|
|
209
|
+
:focus {
|
|
210
|
+
color: ${Lt.Secondary};
|
|
211
|
+
|
|
212
|
+
svg {
|
|
213
|
+
color: ${Lt.Secondary};
|
|
214
|
+
}
|
|
215
|
+
}
|
|
216
|
+
`}
|
|
217
|
+
`,br=g(dr)`
|
|
218
|
+
height: 1rem;
|
|
219
|
+
width: 1rem;
|
|
220
|
+
margin-left: 0.4rem;
|
|
221
|
+
vertical-align: middle;
|
|
222
|
+
`,yr=({external:e=!1,children:n,...a})=>t(mr,{...a,children:[n,e&&r(br,{})]});var vr;!function(e){e[e.Subpage=0]="Subpage",e[e.Domain=1]="Domain"}(vr||(vr={}));const wr=g.div`
|
|
223
|
+
display: flex;
|
|
224
|
+
position: relative;
|
|
225
|
+
border: 1px solid ${Lt.Neutral[5]};
|
|
226
|
+
border-radius: 4px;
|
|
227
|
+
background: ${Lt.Neutral[8]};
|
|
228
|
+
height: max-content;
|
|
229
|
+
width: 100%;
|
|
230
|
+
padding: 0 1rem;
|
|
231
|
+
flex-direction: ${e=>"right"===e.$position?"row-reverse":"row"};
|
|
232
|
+
|
|
233
|
+
:focus-within {
|
|
234
|
+
border: 1px solid ${Lt.Accent.Light[1]};
|
|
235
|
+
box-shadow: ${Wt};
|
|
236
|
+
}
|
|
237
|
+
|
|
238
|
+
${e=>e.$readOnly?m`
|
|
239
|
+
border: none;
|
|
240
|
+
padding: 0;
|
|
241
|
+
background: transparent !important;
|
|
242
|
+
|
|
243
|
+
:focus-within {
|
|
244
|
+
border: none;
|
|
245
|
+
box-shadow: none;
|
|
246
|
+
}
|
|
247
|
+
`:e.disabled?m`
|
|
248
|
+
background: ${Lt.Neutral[6](e)};
|
|
249
|
+
:hover {
|
|
250
|
+
cursor: not-allowed;
|
|
251
|
+
}
|
|
252
|
+
|
|
253
|
+
:focus-within {
|
|
254
|
+
border: 1px solid ${Lt.Neutral[5](e)};
|
|
255
|
+
box-shadow: none;
|
|
256
|
+
}
|
|
257
|
+
`:e.$error?m`
|
|
258
|
+
border: 1px solid ${Lt.Validation.Red.Border(e)};
|
|
259
|
+
|
|
260
|
+
:focus-within {
|
|
261
|
+
border: 1px solid ${Lt.Validation.Red.Border(e)};
|
|
262
|
+
box-shadow: ${qt};
|
|
263
|
+
}
|
|
264
|
+
`:void 0}
|
|
265
|
+
`,xr=g(ur)`
|
|
266
|
+
// overwrite default styles
|
|
267
|
+
&&& {
|
|
268
|
+
background: transparent;
|
|
269
|
+
border: none;
|
|
270
|
+
padding: 0 0 1px 0;
|
|
271
|
+
|
|
272
|
+
:focus-within {
|
|
273
|
+
outline: none;
|
|
274
|
+
border: none;
|
|
275
|
+
box-shadow: none;
|
|
276
|
+
}
|
|
277
|
+
}
|
|
278
|
+
`,$r=g.div`
|
|
279
|
+
position: relative;
|
|
280
|
+
display: flex;
|
|
281
|
+
align-items: center;
|
|
282
|
+
|
|
283
|
+
${ir("Body","regular")}
|
|
284
|
+
color: ${Lt.Neutral[1]};
|
|
285
|
+
|
|
286
|
+
/* SVG Icon */
|
|
287
|
+
svg {
|
|
288
|
+
height: 1.5rem;
|
|
289
|
+
width: 1.5rem;
|
|
290
|
+
#path {
|
|
291
|
+
fill: ${Lt.Neutral[1]};
|
|
292
|
+
}
|
|
293
|
+
}
|
|
294
|
+
|
|
295
|
+
${e=>{if(e.disabled)return m`
|
|
296
|
+
color: ${Lt.Neutral[4](e)};
|
|
297
|
+
svg {
|
|
298
|
+
#path {
|
|
299
|
+
fill: ${Lt.Neutral[4](e)};
|
|
300
|
+
}
|
|
301
|
+
}
|
|
302
|
+
`}}
|
|
303
|
+
|
|
304
|
+
${e=>"right"===e.$position?m`
|
|
305
|
+
margin-left: ${e.$readOnly?"0.25rem":"0.75rem"};
|
|
306
|
+
`:m`
|
|
307
|
+
margin-right: ${e.$readOnly?"0.25rem":"0.75rem"};
|
|
308
|
+
`};
|
|
309
|
+
`;var _r=function(e,t,r,n){for(var a=e.length,i=r+(n?1:-1);n?i--:++i<a;)if(t(e[i],i,e))return i;return-1},Sr=Ge;var Cr=Ge,kr=Qe,Or=ut;var jr=Ge,Fr=function(){this.__data__=new Sr,this.size=0},Br=function(e){var t=this.__data__,r=t.delete(e);return this.size=t.size,r},Ar=function(e){return this.__data__.get(e)},zr=function(e){return this.__data__.has(e)},Pr=function(e,t){var r=this.__data__;if(r instanceof Cr){var n=r.__data__;if(!kr||n.length<199)return n.push([e,t]),this.size=++r.size,this;r=this.__data__=new Or(n)}return r.set(e,t),this.size=r.size,this};function Nr(e){var t=this.__data__=new jr(e);this.size=t.size}Nr.prototype.clear=Fr,Nr.prototype.delete=Br,Nr.prototype.get=Ar,Nr.prototype.has=zr,Nr.prototype.set=Pr;var Ir=Nr;var Mr=ut,Er=function(e){return this.__data__.set(e,"__lodash_hash_undefined__"),this},Dr=function(e){return this.__data__.has(e)};function Hr(e){var t=-1,r=null==e?0:e.length;for(this.__data__=new Mr;++t<r;)this.add(e[t])}Hr.prototype.add=Hr.prototype.push=Er,Hr.prototype.has=Dr;var Tr=Hr,Lr=function(e,t){for(var r=-1,n=null==e?0:e.length;++r<n;)if(t(e[r],r,e))return!0;return!1},Vr=function(e,t){return e.has(t)};var Rr=function(e,t,r,n,a,i){var o=1&r,s=e.length,l=t.length;if(s!=l&&!(o&&l>s))return!1;var c=i.get(e),u=i.get(t);if(c&&u)return c==t&&u==e;var d=-1,h=!0,p=2&r?new Tr:void 0;for(i.set(e,t),i.set(t,e);++d<s;){var f=e[d],g=t[d];if(n)var m=o?n(g,f,d,t,e,i):n(f,g,d,e,t,i);if(void 0!==m){if(m)continue;h=!1;break}if(p){if(!Lr(t,(function(e,t){if(!Vr(p,t)&&(f===e||a(f,e,r,n,i)))return p.push(t)}))){h=!1;break}}else if(f!==g&&!a(f,g,r,n,i)){h=!1;break}}return i.delete(e),i.delete(t),h};var Wr=S.Uint8Array,qr=Pe,Ur=Rr,Gr=function(e){var t=-1,r=Array(e.size);return e.forEach((function(e,n){r[++t]=[n,e]})),r},Qr=function(e){var t=-1,r=Array(e.size);return e.forEach((function(e){r[++t]=e})),r},Zr=C?C.prototype:void 0,Kr=Zr?Zr.valueOf:void 0;var Xr=function(e,t,r,n,a,i,o){switch(r){case"[object DataView]":if(e.byteLength!=t.byteLength||e.byteOffset!=t.byteOffset)return!1;e=e.buffer,t=t.buffer;case"[object ArrayBuffer]":return!(e.byteLength!=t.byteLength||!i(new Wr(e),new Wr(t)));case"[object Boolean]":case"[object Date]":case"[object Number]":return qr(+e,+t);case"[object Error]":return e.name==t.name&&e.message==t.message;case"[object RegExp]":case"[object String]":return e==t+"";case"[object Map]":var s=Gr;case"[object Set]":var l=1&n;if(s||(s=Qr),e.size!=t.size&&!l)return!1;var c=o.get(e);if(c)return c==t;n|=2,o.set(e,t);var u=Ur(s(e),s(t),n,a,i,o);return o.delete(e),u;case"[object Symbol]":if(Kr)return Kr.call(e)==Kr.call(t)}return!1};var Jr=function(e,t){for(var r=-1,n=t.length,a=e.length;++r<n;)e[a+r]=t[r];return e},Yr=w;var en=function(e,t,r){var n=t(e);return Yr(e)?n:Jr(n,r(e))};var tn=function(e,t){for(var r=-1,n=null==e?0:e.length,a=0,i=[];++r<n;){var o=e[r];t(o,r,e)&&(i[a++]=o)}return i},rn=function(){return[]},nn=Object.prototype.propertyIsEnumerable,an=Object.getOwnPropertySymbols,on=an?function(e){return null==e?[]:(e=Object(e),tn(an(e),(function(t){return nn.call(e,t)})))}:rn;var sn=function(e,t){for(var r=-1,n=Array(e);++r<e;)n[r]=t(r);return n},ln=M,cn=E;var un=function(e){return cn(e)&&"[object Arguments]"==ln(e)},dn=E,hn=Object.prototype,pn=hn.hasOwnProperty,fn=hn.propertyIsEnumerable,gn=un(function(){return arguments}())?un:function(e){return dn(e)&&pn.call(e,"callee")&&!fn.call(e,"callee")},mn={exports:{}};var bn=function(){return!1};!function(e,t){var r=S,n=bn,a=t&&!t.nodeType&&t,i=a&&e&&!e.nodeType&&e,o=i&&i.exports===a?r.Buffer:void 0,s=(o?o.isBuffer:void 0)||n;e.exports=s}(mn,mn.exports);var yn=/^(?:0|[1-9]\d*)$/;var vn=function(e,t){var r=typeof e;return!!(t=null==t?9007199254740991:t)&&("number"==r||"symbol"!=r&&yn.test(e))&&e>-1&&e%1==0&&e<t};var wn=function(e){return"number"==typeof e&&e>-1&&e%1==0&&e<=9007199254740991},xn=M,$n=wn,_n=E,Sn={};Sn["[object Float32Array]"]=Sn["[object Float64Array]"]=Sn["[object Int8Array]"]=Sn["[object Int16Array]"]=Sn["[object Int32Array]"]=Sn["[object Uint8Array]"]=Sn["[object Uint8ClampedArray]"]=Sn["[object Uint16Array]"]=Sn["[object Uint32Array]"]=!0,Sn["[object Arguments]"]=Sn["[object Array]"]=Sn["[object ArrayBuffer]"]=Sn["[object Boolean]"]=Sn["[object DataView]"]=Sn["[object Date]"]=Sn["[object Error]"]=Sn["[object Function]"]=Sn["[object Map]"]=Sn["[object Number]"]=Sn["[object Object]"]=Sn["[object RegExp]"]=Sn["[object Set]"]=Sn["[object String]"]=Sn["[object WeakMap]"]=!1;var Cn=function(e){return _n(e)&&$n(e.length)&&!!Sn[xn(e)]};var kn=function(e){return function(t){return e(t)}},On={exports:{}};!function(e,t){var r=x,n=t&&!t.nodeType&&t,a=n&&e&&!e.nodeType&&e,i=a&&a.exports===n&&r.process,o=function(){try{var e=a&&a.require&&a.require("util").types;return e||i&&i.binding&&i.binding("util")}catch(e){}}();e.exports=o}(On,On.exports);var jn=Cn,Fn=kn,Bn=On.exports,An=Bn&&Bn.isTypedArray,zn=An?Fn(An):jn,Pn=sn,Nn=gn,In=w,Mn=mn.exports,En=vn,Dn=zn,Hn=Object.prototype.hasOwnProperty;var Tn=function(e,t){var r=In(e),n=!r&&Nn(e),a=!r&&!n&&Mn(e),i=!r&&!n&&!a&&Dn(e),o=r||n||a||i,s=o?Pn(e.length,String):[],l=s.length;for(var c in e)!t&&!Hn.call(e,c)||o&&("length"==c||a&&("offset"==c||"parent"==c)||i&&("buffer"==c||"byteLength"==c||"byteOffset"==c)||En(c,l))||s.push(c);return s},Ln=Object.prototype;var Vn=function(e){var t=e&&e.constructor;return e===("function"==typeof t&&t.prototype||Ln)};var Rn=function(e,t){return function(r){return e(t(r))}}(Object.keys,Object),Wn=Vn,qn=Rn,Un=Object.prototype.hasOwnProperty;var Gn=K,Qn=wn;var Zn=function(e){return null!=e&&Qn(e.length)&&!Gn(e)},Kn=Tn,Xn=function(e){if(!Wn(e))return qn(e);var t=[];for(var r in Object(e))Un.call(e,r)&&"constructor"!=r&&t.push(r);return t},Jn=Zn;var Yn=function(e){return Jn(e)?Kn(e):Xn(e)},ea=en,ta=on,ra=Yn;var na=function(e){return ea(e,ra,ta)},aa=Object.prototype.hasOwnProperty;var ia=function(e,t,r,n,a,i){var o=1&r,s=na(e),l=s.length;if(l!=na(t).length&&!o)return!1;for(var c=l;c--;){var u=s[c];if(!(o?u in t:aa.call(t,u)))return!1}var d=i.get(e),h=i.get(t);if(d&&h)return d==t&&h==e;var p=!0;i.set(e,t),i.set(t,e);for(var f=o;++c<l;){var g=e[u=s[c]],m=t[u];if(n)var b=o?n(m,g,u,t,e,i):n(g,m,u,e,t,i);if(!(void 0===b?g===m||a(g,m,r,n,i):b)){p=!1;break}f||(f="constructor"==u)}if(p&&!f){var y=e.constructor,v=t.constructor;y==v||!("constructor"in e)||!("constructor"in t)||"function"==typeof y&&y instanceof y&&"function"==typeof v&&v instanceof v||(p=!1)}return i.delete(e),i.delete(t),p},oa=fe(S,"DataView"),sa=Qe,la=fe(S,"Promise"),ca=fe(S,"Set"),ua=fe(S,"WeakMap"),da=M,ha=te,pa=ha(oa),fa=ha(sa),ga=ha(la),ma=ha(ca),ba=ha(ua),ya=da;(oa&&"[object DataView]"!=ya(new oa(new ArrayBuffer(1)))||sa&&"[object Map]"!=ya(new sa)||la&&"[object Promise]"!=ya(la.resolve())||ca&&"[object Set]"!=ya(new ca)||ua&&"[object WeakMap]"!=ya(new ua))&&(ya=function(e){var t=da(e),r="[object Object]"==t?e.constructor:void 0,n=r?ha(r):"";if(n)switch(n){case pa:return"[object DataView]";case fa:return"[object Map]";case ga:return"[object Promise]";case ma:return"[object Set]";case ba:return"[object WeakMap]"}return t});var va=Ir,wa=Rr,xa=Xr,$a=ia,_a=ya,Sa=w,Ca=mn.exports,ka=zn,Oa="[object Object]",ja=Object.prototype.hasOwnProperty;var Fa=function(e,t,r,n,a,i){var o=Sa(e),s=Sa(t),l=o?"[object Array]":_a(e),c=s?"[object Array]":_a(t),u=(l="[object Arguments]"==l?Oa:l)==Oa,d=(c="[object Arguments]"==c?Oa:c)==Oa,h=l==c;if(h&&Ca(e)){if(!Ca(t))return!1;o=!0,u=!1}if(h&&!u)return i||(i=new va),o||ka(e)?wa(e,t,r,n,a,i):xa(e,t,l,r,n,a,i);if(!(1&r)){var p=u&&ja.call(e,"__wrapped__"),f=d&&ja.call(t,"__wrapped__");if(p||f){var g=p?e.value():e,m=f?t.value():t;return i||(i=new va),a(g,m,r,n,i)}}return!!h&&(i||(i=new va),$a(e,t,r,n,a,i))},Ba=E;var Aa=function e(t,r,n,a,i){return t===r||(null==t||null==r||!Ba(t)&&!Ba(r)?t!=t&&r!=r:Fa(t,r,n,a,e,i))},za=Ir,Pa=Aa;var Na=U;var Ia=function(e){return e==e&&!Na(e)},Ma=Ia,Ea=Yn;var Da=function(e,t){return function(r){return null!=r&&(r[e]===t&&(void 0!==t||e in Object(r)))}},Ha=function(e,t,r,n){var a=r.length,i=a,o=!n;if(null==e)return!i;for(e=Object(e);a--;){var s=r[a];if(o&&s[2]?s[1]!==e[s[0]]:!(s[0]in e))return!1}for(;++a<i;){var l=(s=r[a])[0],c=e[l],u=s[1];if(o&&s[2]){if(void 0===c&&!(l in e))return!1}else{var d=new za;if(n)var h=n(c,u,l,e,t,d);if(!(void 0===h?Pa(u,c,3,n,d):h))return!1}}return!0},Ta=function(e){for(var t=Ea(e),r=t.length;r--;){var n=t[r],a=e[n];t[r]=[n,a,Ma(a)]}return t},La=Da;var Va=jt,Ra=gn,Wa=w,qa=vn,Ua=wn,Ga=Bt;var Qa=function(e,t){return null!=e&&t in Object(e)},Za=function(e,t,r){for(var n=-1,a=(t=Va(t,e)).length,i=!1;++n<a;){var o=Ga(t[n]);if(!(i=null!=e&&r(e,o)))break;e=e[o]}return i||++n!=a?i:!!(a=null==e?0:e.length)&&Ua(a)&&qa(o,a)&&(Wa(e)||Ra(e))};var Ka=Aa,Xa=It,Ja=function(e,t){return null!=e&&Za(e,t,Qa)},Ya=q,ei=Ia,ti=Da,ri=Bt;var ni=Pt;var ai=function(e){return function(t){return null==t?void 0:t[e]}},ii=function(e){return function(t){return ni(t,e)}},oi=q,si=Bt;var li=function(e){var t=Ta(e);return 1==t.length&&t[0][2]?La(t[0][0],t[0][1]):function(r){return r===e||Ha(r,e,t)}},ci=function(e,t){return Ya(e)&&ei(t)?ti(ri(e),t):function(r){var n=Xa(r,e);return void 0===n&&n===t?Ja(r,e):Ka(t,n,3)}},ui=function(e){return e},di=w,hi=function(e){return oi(e)?ai(si(e)):ii(e)};var pi=function(e){return"function"==typeof e?e:null==e?ui:"object"==typeof e?di(e)?ci(e[0],e[1]):li(e):hi(e)},fi=/\s/;var gi=function(e){for(var t=e.length;t--&&fi.test(e.charAt(t)););return t},mi=/^\s+/;var bi=function(e){return e?e.slice(0,gi(e)+1).replace(mi,""):e},yi=U,vi=T,wi=/^[-+]0x[0-9a-f]+$/i,xi=/^0b[01]+$/i,$i=/^0o[0-7]+$/i,_i=parseInt;var Si=function(e){if("number"==typeof e)return e;if(vi(e))return NaN;if(yi(e)){var t="function"==typeof e.valueOf?e.valueOf():e;e=yi(t)?t+"":t}if("string"!=typeof e)return 0===e?e:+e;e=bi(e);var r=xi.test(e);return r||$i.test(e)?_i(e.slice(2),r?2:8):wi.test(e)?NaN:+e};var Ci=function(e){return e?Infinity===(e=Si(e))||-Infinity===e?17976931348623157e292*(e<0?-1:1):e==e?e:0:0===e?e:0};var ki=_r,Oi=pi,ji=function(e){var t=Ci(e),r=t%1;return t==t?r?t-r:t:0},Fi=Math.max;var Bi=function(e,t,r){var n=null==e?0:e.length;if(!n)return-1;var a=null==r?0:ji(r);return a<0&&(a=Fi(n+a,0)),ki(e,Oi(t),a)};let Ai=Gi();const zi=e=>Ri(e,Ai);let Pi=Gi();zi.write=e=>Ri(e,Pi);let Ni=Gi();zi.onStart=e=>Ri(e,Ni);let Ii=Gi();zi.onFrame=e=>Ri(e,Ii);let Mi=Gi();zi.onFinish=e=>Ri(e,Mi);let Ei=[];zi.setTimeout=(e,t)=>{let r=zi.now()+t,n=()=>{let e=Ei.findIndex((e=>e.cancel==n));~e&&Ei.splice(e,1),Li-=~e?1:0},a={time:r,handler:e,cancel:n};return Ei.splice(Di(r),0,a),Li+=1,Wi(),a};let Di=e=>~(~Ei.findIndex((t=>t.time>e))||~Ei.length);zi.cancel=e=>{Ni.delete(e),Ii.delete(e),Mi.delete(e),Ai.delete(e),Pi.delete(e)},zi.sync=e=>{Vi=!0,zi.batchedUpdates(e),Vi=!1},zi.throttle=e=>{let t;function r(){try{e(...t)}finally{t=null}}function n(...e){t=e,zi.onStart(r)}return n.handler=e,n.cancel=()=>{Ni.delete(r),t=null},n};let Hi="undefined"!=typeof window?window.requestAnimationFrame:()=>{};zi.use=e=>Hi=e,zi.now="undefined"!=typeof performance?()=>performance.now():Date.now,zi.batchedUpdates=e=>e(),zi.catch=console.error,zi.frameLoop="always",zi.advance=()=>{"demand"!==zi.frameLoop?console.warn("Cannot call the manual advancement of rafz whilst frameLoop is not set as demand"):Ui()};let Ti=-1,Li=0,Vi=!1;function Ri(e,t){Vi?(t.delete(e),e(0)):(t.add(e),Wi())}function Wi(){Ti<0&&(Ti=0,"demand"!==zi.frameLoop&&Hi(qi))}function qi(){~Ti&&(Hi(qi),zi.batchedUpdates(Ui))}function Ui(){let e=Ti;Ti=zi.now();let t=Di(Ti);t&&(Qi(Ei.splice(0,t),(e=>e.handler())),Li-=t),Li?(Ni.flush(),Ai.flush(e?Math.min(64,Ti-e):16.667),Ii.flush(),Pi.flush(),Mi.flush()):Ti=-1}function Gi(){let e=new Set,t=e;return{add(r){Li+=t!=e||e.has(r)?0:1,e.add(r)},delete:r=>(Li-=t==e&&e.has(r)?1:0,e.delete(r)),flush(r){t.size&&(e=new Set,Li-=t.size,Qi(t,(t=>t(r)&&e.add(t))),Li+=e.size,t=e)}}}function Qi(e,t){e.forEach((e=>{try{t(e)}catch(e){zi.catch(e)}}))}function Zi(){}const Ki={arr:Array.isArray,obj:e=>!!e&&"Object"===e.constructor.name,fun:e=>"function"==typeof e,str:e=>"string"==typeof e,num:e=>"number"==typeof e,und:e=>void 0===e};function Xi(e,t){if(Ki.arr(e)){if(!Ki.arr(t)||e.length!==t.length)return!1;for(let r=0;r<e.length;r++)if(e[r]!==t[r])return!1;return!0}return e===t}const Ji=(e,t)=>e.forEach(t);function Yi(e,t,r){if(Ki.arr(e))for(let n=0;n<e.length;n++)t.call(r,e[n],`${n}`);else for(const n in e)e.hasOwnProperty(n)&&t.call(r,e[n],n)}const eo=e=>Ki.und(e)?[]:Ki.arr(e)?e:[e];function to(e,t){if(e.size){const r=Array.from(e);e.clear(),Ji(r,t)}}const ro=(e,...t)=>to(e,(e=>e(...t))),no=()=>"undefined"==typeof window||!window.navigator||/ServerSideRendering|^Deno\//.test(window.navigator.userAgent);let ao,io,oo=null,so=!1,lo=Zi;var co=Object.freeze({__proto__:null,get createStringInterpolator(){return ao},get to(){return io},get colors(){return oo},get skipAnimation(){return so},get willAdvance(){return lo},assign:e=>{e.to&&(io=e.to),e.now&&(zi.now=e.now),void 0!==e.colors&&(oo=e.colors),null!=e.skipAnimation&&(so=e.skipAnimation),e.createStringInterpolator&&(ao=e.createStringInterpolator),e.requestAnimationFrame&&zi.use(e.requestAnimationFrame),e.batchedUpdates&&(zi.batchedUpdates=e.batchedUpdates),e.willAdvance&&(lo=e.willAdvance),e.frameLoop&&(zi.frameLoop=e.frameLoop)}});const uo=new Set;let ho=[],po=[],fo=0;const go={get idle(){return!uo.size&&!ho.length},start(e){fo>e.priority?(uo.add(e),zi.onStart(mo)):(bo(e),zi(vo))},advance:vo,sort(e){if(fo)zi.onFrame((()=>go.sort(e)));else{const t=ho.indexOf(e);~t&&(ho.splice(t,1),yo(e))}},clear(){ho=[],uo.clear()}};function mo(){uo.forEach(bo),uo.clear(),zi(vo)}function bo(e){ho.includes(e)||yo(e)}function yo(e){ho.splice(function(e,t){const r=e.findIndex(t);return r<0?e.length:r}(ho,(t=>t.priority>e.priority)),0,e)}function vo(e){const t=po;for(let r=0;r<ho.length;r++){const n=ho[r];fo=n.priority,n.idle||(lo(n),n.advance(e),n.idle||t.push(n))}return fo=0,po=ho,po.length=0,ho=t,ho.length>0}const wo="[-+]?\\d*\\.?\\d+";function xo(...e){return"\\(\\s*("+e.join(")\\s*,\\s*(")+")\\s*\\)"}const $o=new RegExp("rgb"+xo(wo,wo,wo)),_o=new RegExp("rgba"+xo(wo,wo,wo,wo)),So=new RegExp("hsl"+xo(wo,"[-+]?\\d*\\.?\\d+%","[-+]?\\d*\\.?\\d+%")),Co=new RegExp("hsla"+xo(wo,"[-+]?\\d*\\.?\\d+%","[-+]?\\d*\\.?\\d+%",wo)),ko=/^#([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,Oo=/^#([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,jo=/^#([0-9a-fA-F]{6})$/,Fo=/^#([0-9a-fA-F]{8})$/;function Bo(e,t,r){return r<0&&(r+=1),r>1&&(r-=1),r<1/6?e+6*(t-e)*r:r<.5?t:r<2/3?e+(t-e)*(2/3-r)*6:e}function Ao(e,t,r){const n=r<.5?r*(1+t):r+t-r*t,a=2*r-n,i=Bo(a,n,e+1/3),o=Bo(a,n,e),s=Bo(a,n,e-1/3);return Math.round(255*i)<<24|Math.round(255*o)<<16|Math.round(255*s)<<8}function zo(e){const t=parseInt(e,10);return t<0?0:t>255?255:t}function Po(e){return(parseFloat(e)%360+360)%360/360}function No(e){const t=parseFloat(e);return t<0?0:t>1?255:Math.round(255*t)}function Io(e){const t=parseFloat(e);return t<0?0:t>100?1:t/100}function Mo(e){let t=function(e){let t;return"number"==typeof e?e>>>0===e&&e>=0&&e<=4294967295?e:null:(t=jo.exec(e))?parseInt(t[1]+"ff",16)>>>0:oo&&void 0!==oo[e]?oo[e]:(t=$o.exec(e))?(zo(t[1])<<24|zo(t[2])<<16|zo(t[3])<<8|255)>>>0:(t=_o.exec(e))?(zo(t[1])<<24|zo(t[2])<<16|zo(t[3])<<8|No(t[4]))>>>0:(t=ko.exec(e))?parseInt(t[1]+t[1]+t[2]+t[2]+t[3]+t[3]+"ff",16)>>>0:(t=Fo.exec(e))?parseInt(t[1],16)>>>0:(t=Oo.exec(e))?parseInt(t[1]+t[1]+t[2]+t[2]+t[3]+t[3]+t[4]+t[4],16)>>>0:(t=So.exec(e))?(255|Ao(Po(t[1]),Io(t[2]),Io(t[3])))>>>0:(t=Co.exec(e))?(Ao(Po(t[1]),Io(t[2]),Io(t[3]))|No(t[4]))>>>0:null}(e);return null===t?e:(t=t||0,`rgba(${(4278190080&t)>>>24}, ${(16711680&t)>>>16}, ${(65280&t)>>>8}, ${(255&t)/255})`)}const Eo=(e,t,r)=>{if(Ki.fun(e))return e;if(Ki.arr(e))return Eo({range:e,output:t,extrapolate:r});if(Ki.str(e.output[0]))return ao(e);const n=e,a=n.output,i=n.range||[0,1],o=n.extrapolateLeft||n.extrapolate||"extend",s=n.extrapolateRight||n.extrapolate||"extend",l=n.easing||(e=>e);return e=>{const t=function(e,t){for(var r=1;r<t.length-1&&!(t[r]>=e);++r);return r-1}(e,i);return function(e,t,r,n,a,i,o,s,l){let c=l?l(e):e;if(c<t){if("identity"===o)return c;"clamp"===o&&(c=t)}if(c>r){if("identity"===s)return c;"clamp"===s&&(c=r)}if(n===a)return n;if(t===r)return e<=t?n:a;t===-1/0?c=-c:r===1/0?c-=t:c=(c-t)/(r-t);c=i(c),n===-1/0?c=-c:a===1/0?c+=n:c=c*(a-n)+n;return c}(e,i[t],i[t+1],a[t],a[t+1],l,o,s,n.map)}};function Do(){return Do=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},Do.apply(this,arguments)}const Ho=Symbol.for("FluidValue.get"),To=Symbol.for("FluidValue.observers"),Lo=e=>Boolean(e&&e[Ho]),Vo=e=>e&&e[Ho]?e[Ho]():e,Ro=e=>e[To]||null;function Wo(e,t){let r=e[To];r&&r.forEach((e=>{!function(e,t){e.eventObserved?e.eventObserved(t):e(t)}(e,t)}))}class qo{constructor(e){if(this[Ho]=void 0,this[To]=void 0,!e&&!(e=this.get))throw Error("Unknown getter");Uo(this,e)}}const Uo=(e,t)=>Zo(e,Ho,t);function Go(e,t){if(e[Ho]){let r=e[To];r||Zo(e,To,r=new Set),r.has(t)||(r.add(t),e.observerAdded&&e.observerAdded(r.size,t))}return t}function Qo(e,t){let r=e[To];if(r&&r.has(t)){const n=r.size-1;n?r.delete(t):e[To]=null,e.observerRemoved&&e.observerRemoved(n,t)}}const Zo=(e,t,r)=>Object.defineProperty(e,t,{value:r,writable:!0,configurable:!0}),Ko=/[+\-]?(?:0|[1-9]\d*)(?:\.\d*)?(?:[eE][+\-]?\d+)?/g,Xo=/(#(?:[0-9a-f]{2}){2,4}|(#[0-9a-f]{3})|(rgb|hsl)a?\((-?\d+%?[,\s]+){2,3}\s*[\d\.]+%?\))/gi,Jo=new RegExp(`(${Ko.source})(%|[a-z]+)`,"i"),Yo=/rgba\(([0-9\.-]+), ([0-9\.-]+), ([0-9\.-]+), ([0-9\.-]+)\)/gi,es=/var\((--[a-zA-Z0-9-_]+),? ?([a-zA-Z0-9 ()%#.,-]+)?\)/,ts=e=>{const[t,r]=rs(e);if(!t||no())return e;const n=window.getComputedStyle(document.documentElement).getPropertyValue(t);if(n)return n.trim();if(r&&r.startsWith("--")){const t=window.getComputedStyle(document.documentElement).getPropertyValue(r);return t||e}return r&&es.test(r)?ts(r):r||e},rs=e=>{const t=es.exec(e);if(!t)return[,];const[,r,n]=t;return[r,n]};let ns;const as=(e,t,r,n,a)=>`rgba(${Math.round(t)}, ${Math.round(r)}, ${Math.round(n)}, ${a})`,is=e=>{ns||(ns=oo?new RegExp(`(${Object.keys(oo).join("|")})(?!\\w)`,"g"):/^\b$/);const t=e.output.map((e=>Vo(e).replace(es,ts).replace(Xo,Mo).replace(ns,Mo))),r=t.map((e=>e.match(Ko).map(Number))),n=r[0].map(((e,t)=>r.map((e=>{if(!(t in e))throw Error('The arity of each "output" value must be equal');return e[t]})))).map((t=>Eo(Do({},e,{output:t}))));return e=>{var r;const a=!Jo.test(t[0])&&(null==(r=t.find((e=>Jo.test(e))))?void 0:r.replace(Ko,""));let i=0;return t[0].replace(Ko,(()=>`${n[i++](e)}${a||""}`)).replace(Yo,as)}},os=e=>{const t=e;let r=!1;if("function"!=typeof t)throw new TypeError("react-spring: once requires a function parameter");return(...e)=>{r||(t(...e),r=!0)}},ss=os(console.warn);const ls=os(console.warn);function cs(e){return Ki.str(e)&&("#"==e[0]||/\d/.test(e)||!no()&&es.test(e)||e in(oo||{}))}const us=no()?l:c;function ds(){const e=u()[1],t=(()=>{const e=o(!1);return us((()=>(e.current=!0,()=>{e.current=!1})),[]),e})();return()=>{t.current&&e(Math.random())}}const hs=e=>l(e,ps),ps=[];function fs(e){const t=o();return l((()=>{t.current=e})),t.current}const gs=Symbol.for("Animated:node"),ms=e=>e&&e[gs],bs=(e,t)=>{return r=e,n=gs,a=t,Object.defineProperty(r,n,{value:a,writable:!0,configurable:!0});var r,n,a},ys=e=>e&&e[gs]&&e[gs].getPayload();class vs{constructor(){this.payload=void 0,bs(this,this)}getPayload(){return this.payload||[]}}class ws extends vs{constructor(e){super(),this.done=!0,this.elapsedTime=void 0,this.lastPosition=void 0,this.lastVelocity=void 0,this.v0=void 0,this.durationProgress=0,this._value=e,Ki.num(this._value)&&(this.lastPosition=this._value)}static create(e){return new ws(e)}getPayload(){return[this]}getValue(){return this._value}setValue(e,t){return Ki.num(e)&&(this.lastPosition=e,t&&(e=Math.round(e/t)*t,this.done&&(this.lastPosition=e))),this._value!==e&&(this._value=e,!0)}reset(){const{done:e}=this;this.done=!1,Ki.num(this._value)&&(this.elapsedTime=0,this.durationProgress=0,this.lastPosition=this._value,e&&(this.lastVelocity=null),this.v0=null)}}class xs extends ws{constructor(e){super(0),this._string=null,this._toString=void 0,this._toString=Eo({output:[e,e]})}static create(e){return new xs(e)}getValue(){let e=this._string;return null==e?this._string=this._toString(this._value):e}setValue(e){if(Ki.str(e)){if(e==this._string)return!1;this._string=e,this._value=1}else{if(!super.setValue(e))return!1;this._string=null}return!0}reset(e){e&&(this._toString=Eo({output:[this.getValue(),e]})),this._value=0,super.reset()}}const $s={dependencies:null};class _s extends vs{constructor(e){super(),this.source=e,this.setValue(e)}getValue(e){const t={};return Yi(this.source,((r,n)=>{var a;(a=r)&&a[gs]===a?t[n]=r.getValue(e):Lo(r)?t[n]=Vo(r):e||(t[n]=r)})),t}setValue(e){this.source=e,this.payload=this._makePayload(e)}reset(){this.payload&&Ji(this.payload,(e=>e.reset()))}_makePayload(e){if(e){const t=new Set;return Yi(e,this._addToPayload,t),Array.from(t)}}_addToPayload(e){$s.dependencies&&Lo(e)&&$s.dependencies.add(e);const t=ys(e);t&&Ji(t,(e=>this.add(e)))}}class Ss extends _s{constructor(e){super(e)}static create(e){return new Ss(e)}getValue(){return this.source.map((e=>e.getValue()))}setValue(e){const t=this.getPayload();return e.length==t.length?t.map(((t,r)=>t.setValue(e[r]))).some(Boolean):(super.setValue(e.map(Cs)),!0)}}function Cs(e){return(cs(e)?xs:ws).create(e)}function ks(e){const t=ms(e);return t?t.constructor:Ki.arr(e)?Ss:cs(e)?xs:ws}function Os(){return Os=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},Os.apply(this,arguments)}const js=(e,t)=>{const r=!Ki.fun(e)||e.prototype&&e.prototype.isReactComponent;return d(((n,i)=>{const s=o(null),c=r&&h((e=>{s.current=function(e,t){e&&(Ki.fun(e)?e(t):e.current=t);return t}(i,e)}),[i]),[u,d]=function(e,t){const r=new Set;$s.dependencies=r,e.style&&(e=Os({},e,{style:t.createAnimatedStyle(e.style)}));return e=new _s(e),$s.dependencies=null,[e,r]}(n,t),p=ds(),f=()=>{const e=s.current;if(r&&!e)return;!1===(!!e&&t.applyAnimatedValues(e,u.getValue(!0)))&&p()},g=new Fs(f,d),m=o();us((()=>(m.current=g,Ji(d,(e=>Go(e,g))),()=>{m.current&&(Ji(m.current.deps,(e=>Qo(e,m.current))),zi.cancel(m.current.update))}))),l(f,[]),hs((()=>()=>{const e=m.current;Ji(e.deps,(t=>Qo(t,e)))}));const b=t.getComponentProps(u.getValue());return a.createElement(e,Os({},b,{ref:c}))}))};class Fs{constructor(e,t){this.update=e,this.deps=t}eventObserved(e){"change"==e.type&&zi.write(this.update)}}const Bs=Symbol.for("AnimatedComponent"),As=e=>Ki.str(e)?e:e&&Ki.str(e.displayName)?e.displayName:Ki.fun(e)&&e.name||null;function zs(){return zs=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},zs.apply(this,arguments)}function Ps(e,...t){return Ki.fun(e)?e(...t):e}const Ns=(e,t)=>!0===e||!!(t&&e&&(Ki.fun(e)?e(t):eo(e).includes(t))),Is=(e,t)=>Ki.obj(e)?t&&e[t]:e,Ms=(e,t)=>!0===e.default?e[t]:e.default?e.default[t]:void 0,Es=e=>e,Ds=(e,t=Es)=>{let r=Hs;e.default&&!0!==e.default&&(e=e.default,r=Object.keys(e));const n={};for(const a of r){const r=t(e[a],a);Ki.und(r)||(n[a]=r)}return n},Hs=["config","onProps","onStart","onChange","onPause","onResume","onRest"],Ts={config:1,from:1,to:1,ref:1,loop:1,reset:1,pause:1,cancel:1,reverse:1,immediate:1,default:1,delay:1,onProps:1,onStart:1,onChange:1,onPause:1,onResume:1,onRest:1,onResolve:1,items:1,trail:1,sort:1,expires:1,initial:1,enter:1,update:1,leave:1,children:1,onDestroyed:1,keys:1,callId:1,parentId:1};function Ls(e){const t=function(e){const t={};let r=0;if(Yi(e,((e,n)=>{Ts[n]||(t[n]=e,r++)})),r)return t}(e);if(t){const r={to:t};return Yi(e,((e,n)=>n in t||(r[n]=e))),r}return zs({},e)}function Vs(e){return e=Vo(e),Ki.arr(e)?e.map(Vs):cs(e)?co.createStringInterpolator({range:[0,1],output:[e,e]})(1):e}function Rs(e){for(const t in e)return!0;return!1}function Ws(e){return Ki.fun(e)||Ki.arr(e)&&Ki.obj(e[0])}function qs(e,t){var r;null==(r=e.ref)||r.delete(e),null==t||t.delete(e)}function Us(e,t){var r;t&&e.ref!==t&&(null==(r=e.ref)||r.delete(e),t.add(e),e.ref=t)}const Gs=1.70158,Qs=1.525*Gs,Zs=2*Math.PI/3,Ks=2*Math.PI/4.5,Xs=e=>{const t=7.5625,r=2.75;return e<1/r?t*e*e:e<2/r?t*(e-=1.5/r)*e+.75:e<2.5/r?t*(e-=2.25/r)*e+.9375:t*(e-=2.625/r)*e+.984375},Js=zs({},{tension:170,friction:26},{mass:1,damping:1,easing:{linear:e=>e,easeInQuad:e=>e*e,easeOutQuad:e=>1-(1-e)*(1-e),easeInOutQuad:e=>e<.5?2*e*e:1-Math.pow(-2*e+2,2)/2,easeInCubic:e=>e*e*e,easeOutCubic:e=>1-Math.pow(1-e,3),easeInOutCubic:e=>e<.5?4*e*e*e:1-Math.pow(-2*e+2,3)/2,easeInQuart:e=>e*e*e*e,easeOutQuart:e=>1-Math.pow(1-e,4),easeInOutQuart:e=>e<.5?8*e*e*e*e:1-Math.pow(-2*e+2,4)/2,easeInQuint:e=>e*e*e*e*e,easeOutQuint:e=>1-Math.pow(1-e,5),easeInOutQuint:e=>e<.5?16*e*e*e*e*e:1-Math.pow(-2*e+2,5)/2,easeInSine:e=>1-Math.cos(e*Math.PI/2),easeOutSine:e=>Math.sin(e*Math.PI/2),easeInOutSine:e=>-(Math.cos(Math.PI*e)-1)/2,easeInExpo:e=>0===e?0:Math.pow(2,10*e-10),easeOutExpo:e=>1===e?1:1-Math.pow(2,-10*e),easeInOutExpo:e=>0===e?0:1===e?1:e<.5?Math.pow(2,20*e-10)/2:(2-Math.pow(2,-20*e+10))/2,easeInCirc:e=>1-Math.sqrt(1-Math.pow(e,2)),easeOutCirc:e=>Math.sqrt(1-Math.pow(e-1,2)),easeInOutCirc:e=>e<.5?(1-Math.sqrt(1-Math.pow(2*e,2)))/2:(Math.sqrt(1-Math.pow(-2*e+2,2))+1)/2,easeInBack:e=>2.70158*e*e*e-Gs*e*e,easeOutBack:e=>1+2.70158*Math.pow(e-1,3)+Gs*Math.pow(e-1,2),easeInOutBack:e=>e<.5?Math.pow(2*e,2)*(7.189819*e-Qs)/2:(Math.pow(2*e-2,2)*((Qs+1)*(2*e-2)+Qs)+2)/2,easeInElastic:e=>0===e?0:1===e?1:-Math.pow(2,10*e-10)*Math.sin((10*e-10.75)*Zs),easeOutElastic:e=>0===e?0:1===e?1:Math.pow(2,-10*e)*Math.sin((10*e-.75)*Zs)+1,easeInOutElastic:e=>0===e?0:1===e?1:e<.5?-Math.pow(2,20*e-10)*Math.sin((20*e-11.125)*Ks)/2:Math.pow(2,-20*e+10)*Math.sin((20*e-11.125)*Ks)/2+1,easeInBounce:e=>1-Xs(1-e),easeOutBounce:Xs,easeInOutBounce:e=>e<.5?(1-Xs(1-2*e))/2:(1+Xs(2*e-1))/2}.linear,clamp:!1});class Ys{constructor(){this.tension=void 0,this.friction=void 0,this.frequency=void 0,this.damping=void 0,this.mass=void 0,this.velocity=0,this.restVelocity=void 0,this.precision=void 0,this.progress=void 0,this.duration=void 0,this.easing=void 0,this.clamp=void 0,this.bounce=void 0,this.decay=void 0,this.round=void 0,Object.assign(this,Js)}}function el(e,t){if(Ki.und(t.decay)){const r=!Ki.und(t.tension)||!Ki.und(t.friction);!r&&Ki.und(t.frequency)&&Ki.und(t.damping)&&Ki.und(t.mass)||(e.duration=void 0,e.decay=void 0),r&&(e.frequency=void 0)}else e.duration=void 0}const tl=[];class rl{constructor(){this.changed=!1,this.values=tl,this.toValues=null,this.fromValues=tl,this.to=void 0,this.from=void 0,this.config=new Ys,this.immediate=!1}}function nl(e,{key:t,props:r,defaultProps:n,state:a,actions:i}){return new Promise(((o,s)=>{var l;let c,u,d=Ns(null!=(l=r.cancel)?l:null==n?void 0:n.cancel,t);if(d)f();else{Ki.und(r.pause)||(a.paused=Ns(r.pause,t));let e=null==n?void 0:n.pause;!0!==e&&(e=a.paused||Ns(e,t)),c=Ps(r.delay||0,t),e?(a.resumeQueue.add(p),i.pause()):(i.resume(),p())}function h(){a.resumeQueue.add(p),a.timeouts.delete(u),u.cancel(),c=u.time-zi.now()}function p(){c>0&&!co.skipAnimation?(a.delayed=!0,u=zi.setTimeout(f,c),a.pauseQueue.add(h),a.timeouts.add(u)):f()}function f(){a.delayed&&(a.delayed=!1),a.pauseQueue.delete(h),a.timeouts.delete(u),e<=(a.cancelId||0)&&(d=!0);try{i.start(zs({},r,{callId:e,cancel:d}),o)}catch(e){s(e)}}}))}const al=(e,t)=>1==t.length?t[0]:t.some((e=>e.cancelled))?sl(e.get()):t.every((e=>e.noop))?il(e.get()):ol(e.get(),t.every((e=>e.finished))),il=e=>({value:e,noop:!0,finished:!0,cancelled:!1}),ol=(e,t,r=!1)=>({value:e,finished:t,cancelled:r}),sl=e=>({value:e,cancelled:!0,finished:!1});function ll(e,t,r,n){const{callId:a,parentId:i,onRest:o}=t,{asyncTo:s,promise:l}=r;return i||e!==s||t.reset?r.promise=(async()=>{r.asyncId=a,r.asyncTo=e;const c=Ds(t,((e,t)=>"onRest"===t?void 0:e));let u,d;const h=new Promise(((e,t)=>(u=e,d=t))),p=e=>{const t=a<=(r.cancelId||0)&&sl(n)||a!==r.asyncId&&ol(n,!1);if(t)throw e.result=t,d(e),e},f=(e,t)=>{const i=new ul,o=new dl;return(async()=>{if(co.skipAnimation)throw cl(r),o.result=ol(n,!1),d(o),o;p(i);const s=Ki.obj(e)?zs({},e):zs({},t,{to:e});s.parentId=a,Yi(c,((e,t)=>{Ki.und(s[t])&&(s[t]=e)}));const l=await n.start(s);return p(i),r.paused&&await new Promise((e=>{r.resumeQueue.add(e)})),l})()};let g;if(co.skipAnimation)return cl(r),ol(n,!1);try{let t;t=Ki.arr(e)?(async e=>{for(const t of e)await f(t)})(e):Promise.resolve(e(f,n.stop.bind(n))),await Promise.all([t.then(u),h]),g=ol(n.get(),!0,!1)}catch(e){if(e instanceof ul)g=e.result;else{if(!(e instanceof dl))throw e;g=e.result}}finally{a==r.asyncId&&(r.asyncId=i,r.asyncTo=i?s:void 0,r.promise=i?l:void 0)}return Ki.fun(o)&&zi.batchedUpdates((()=>{o(g,n,n.item)})),g})():l}function cl(e,t){to(e.timeouts,(e=>e.cancel())),e.pauseQueue.clear(),e.resumeQueue.clear(),e.asyncId=e.asyncTo=e.promise=void 0,t&&(e.cancelId=t)}class ul extends Error{constructor(){super("An async animation has been interrupted. You see this error because you forgot to use `await` or `.catch(...)` on its returned promise."),this.result=void 0}}class dl extends Error{constructor(){super("SkipAnimationSignal"),this.result=void 0}}const hl=e=>e instanceof fl;let pl=1;class fl extends qo{constructor(...e){super(...e),this.id=pl++,this.key=void 0,this._priority=0}get priority(){return this._priority}set priority(e){this._priority!=e&&(this._priority=e,this._onPriorityChange(e))}get(){const e=ms(this);return e&&e.getValue()}to(...e){return co.to(this,e)}interpolate(...e){return ss('react-spring: The "interpolate" function is deprecated in v9 (use "to" instead)'),co.to(this,e)}toJSON(){return this.get()}observerAdded(e){1==e&&this._attach()}observerRemoved(e){0==e&&this._detach()}_attach(){}_detach(){}_onChange(e,t=!1){Wo(this,{type:"change",parent:this,value:e,idle:t})}_onPriorityChange(e){this.idle||go.sort(this),Wo(this,{type:"priority",parent:this,priority:e})}}const gl=Symbol.for("SpringPhase"),ml=e=>(1&e[gl])>0,bl=e=>(2&e[gl])>0,yl=e=>(4&e[gl])>0,vl=(e,t)=>t?e[gl]|=3:e[gl]&=-3,wl=(e,t)=>t?e[gl]|=4:e[gl]&=-5;class xl extends fl{constructor(e,t){if(super(),this.key=void 0,this.animation=new rl,this.queue=void 0,this.defaultProps={},this._state={paused:!1,delayed:!1,pauseQueue:new Set,resumeQueue:new Set,timeouts:new Set},this._pendingCalls=new Set,this._lastCallId=0,this._lastToId=0,this._memoizedDuration=0,!Ki.und(e)||!Ki.und(t)){const r=Ki.obj(e)?zs({},e):zs({},t,{from:e});Ki.und(r.default)&&(r.default=!0),this.start(r)}}get idle(){return!(bl(this)||this._state.asyncTo)||yl(this)}get goal(){return Vo(this.animation.to)}get velocity(){const e=ms(this);return e instanceof ws?e.lastVelocity||0:e.getPayload().map((e=>e.lastVelocity||0))}get hasAnimated(){return ml(this)}get isAnimating(){return bl(this)}get isPaused(){return yl(this)}get isDelayed(){return this._state.delayed}advance(e){let t=!0,r=!1;const n=this.animation;let{config:a,toValues:i}=n;const o=ys(n.to);!o&&Lo(n.to)&&(i=eo(Vo(n.to))),n.values.forEach(((s,l)=>{if(s.done)return;const c=s.constructor==xs?1:o?o[l].lastPosition:i[l];let u=n.immediate,d=c;if(!u){if(d=s.lastPosition,a.tension<=0)return void(s.done=!0);let t=s.elapsedTime+=e;const r=n.fromValues[l],i=null!=s.v0?s.v0:s.v0=Ki.arr(a.velocity)?a.velocity[l]:a.velocity;let o;const h=a.precision||(r==c?.005:Math.min(1,.001*Math.abs(c-r)));if(Ki.und(a.duration))if(a.decay){const e=!0===a.decay?.998:a.decay,n=Math.exp(-(1-e)*t);d=r+i/(1-e)*(1-n),u=Math.abs(s.lastPosition-d)<=h,o=i*n}else{o=null==s.lastVelocity?i:s.lastVelocity;const t=a.restVelocity||h/10,n=a.clamp?0:a.bounce,l=!Ki.und(n),p=r==c?s.v0>0:r<c;let f,g=!1;const m=1,b=Math.ceil(e/m);for(let e=0;e<b&&(f=Math.abs(o)>t,f||(u=Math.abs(c-d)<=h,!u));++e){l&&(g=d==c||d>c==p,g&&(o=-o*n,d=c));o+=(1e-6*-a.tension*(d-c)+.001*-a.friction*o)/a.mass*m,d+=o*m}}else{let n=1;a.duration>0&&(this._memoizedDuration!==a.duration&&(this._memoizedDuration=a.duration,s.durationProgress>0&&(s.elapsedTime=a.duration*s.durationProgress,t=s.elapsedTime+=e)),n=(a.progress||0)+t/this._memoizedDuration,n=n>1?1:n<0?0:n,s.durationProgress=n),d=r+a.easing(n)*(c-r),o=(d-s.lastPosition)/e,u=1==n}s.lastVelocity=o,Number.isNaN(d)&&(console.warn("Got NaN while animating:",this),u=!0)}o&&!o[l].done&&(u=!1),u?s.done=!0:t=!1,s.setValue(d,a.round)&&(r=!0)}));const s=ms(this),l=s.getValue();if(t){const e=Vo(n.to);l===e&&!r||a.decay?r&&a.decay&&this._onChange(l):(s.setValue(e),this._onChange(e)),this._stop()}else r&&this._onChange(l)}set(e){return zi.batchedUpdates((()=>{this._stop(),this._focus(e),this._set(e)})),this}pause(){this._update({pause:!0})}resume(){this._update({pause:!1})}finish(){if(bl(this)){const{to:e,config:t}=this.animation;zi.batchedUpdates((()=>{this._onStart(),t.decay||this._set(e,!1),this._stop()}))}return this}update(e){return(this.queue||(this.queue=[])).push(e),this}start(e,t){let r;return Ki.und(e)?(r=this.queue||[],this.queue=[]):r=[Ki.obj(e)?e:zs({},t,{to:e})],Promise.all(r.map((e=>this._update(e)))).then((e=>al(this,e)))}stop(e){const{to:t}=this.animation;return this._focus(this.get()),cl(this._state,e&&this._lastCallId),zi.batchedUpdates((()=>this._stop(t,e))),this}reset(){this._update({reset:!0})}eventObserved(e){"change"==e.type?this._start():"priority"==e.type&&(this.priority=e.priority+1)}_prepareNode(e){const t=this.key||"";let{to:r,from:n}=e;r=Ki.obj(r)?r[t]:r,(null==r||Ws(r))&&(r=void 0),n=Ki.obj(n)?n[t]:n,null==n&&(n=void 0);const a={to:r,from:n};return ml(this)||(e.reverse&&([r,n]=[n,r]),n=Vo(n),Ki.und(n)?ms(this)||this._set(r):this._set(n)),a}_update(e,t){let r=zs({},e);const{key:n,defaultProps:a}=this;r.default&&Object.assign(a,Ds(r,((e,t)=>/^on/.test(t)?Is(e,n):e))),jl(this,r,"onProps"),Fl(this,"onProps",r,this);const i=this._prepareNode(r);if(Object.isFrozen(this))throw Error("Cannot animate a `SpringValue` object that is frozen. Did you forget to pass your component to `animated(...)` before animating its props?");const o=this._state;return nl(++this._lastCallId,{key:n,props:r,defaultProps:a,state:o,actions:{pause:()=>{yl(this)||(wl(this,!0),ro(o.pauseQueue),Fl(this,"onPause",ol(this,$l(this,this.animation.to)),this))},resume:()=>{yl(this)&&(wl(this,!1),bl(this)&&this._resume(),ro(o.resumeQueue),Fl(this,"onResume",ol(this,$l(this,this.animation.to)),this))},start:this._merge.bind(this,i)}}).then((e=>{if(r.loop&&e.finished&&(!t||!e.noop)){const e=_l(r);if(e)return this._update(e,!0)}return e}))}_merge(e,t,r){if(t.cancel)return this.stop(!0),r(sl(this));const n=!Ki.und(e.to),a=!Ki.und(e.from);if(n||a){if(!(t.callId>this._lastToId))return r(sl(this));this._lastToId=t.callId}const{key:i,defaultProps:o,animation:s}=this,{to:l,from:c}=s;let{to:u=l,from:d=c}=e;!a||n||t.default&&!Ki.und(u)||(u=d),t.reverse&&([u,d]=[d,u]);const h=!Xi(d,c);h&&(s.from=d),d=Vo(d);const p=!Xi(u,l);p&&this._focus(u);const f=Ws(t.to),{config:g}=s,{decay:m,velocity:b}=g;(n||a)&&(g.velocity=0),t.config&&!f&&function(e,t,r){r&&(el(r=zs({},r),t),t=zs({},r,t)),el(e,t),Object.assign(e,t);for(const t in Js)null==e[t]&&(e[t]=Js[t]);let{mass:n,frequency:a,damping:i}=e;Ki.und(a)||(a<.01&&(a=.01),i<0&&(i=0),e.tension=Math.pow(2*Math.PI/a,2)*n,e.friction=4*Math.PI*i*n/a)}(g,Ps(t.config,i),t.config!==o.config?Ps(o.config,i):void 0);let y=ms(this);if(!y||Ki.und(u))return r(ol(this,!0));const v=Ki.und(t.reset)?a&&!t.default:!Ki.und(d)&&Ns(t.reset,i),w=v?d:this.get(),x=Vs(u),$=Ki.num(x)||Ki.arr(x)||cs(x),_=!f&&(!$||Ns(o.immediate||t.immediate,i));if(p){const e=ks(u);if(e!==y.constructor){if(!_)throw Error(`Cannot animate between ${y.constructor.name} and ${e.name}, as the "to" prop suggests`);y=this._set(x)}}const S=y.constructor;let C=Lo(u),k=!1;if(!C){const e=v||!ml(this)&&h;(p||e)&&(k=Xi(Vs(w),x),C=!k),(Xi(s.immediate,_)||_)&&Xi(g.decay,m)&&Xi(g.velocity,b)||(C=!0)}if(k&&bl(this)&&(s.changed&&!v?C=!0:C||this._stop(l)),!f&&((C||Lo(l))&&(s.values=y.getPayload(),s.toValues=Lo(u)?null:S==xs?[1]:eo(x)),s.immediate!=_&&(s.immediate=_,_||v||this._set(l)),C)){const{onRest:e}=s;Ji(Ol,(e=>jl(this,t,e)));const n=ol(this,$l(this,l));ro(this._pendingCalls,n),this._pendingCalls.add(r),s.changed&&zi.batchedUpdates((()=>{s.changed=!v,null==e||e(n,this),v?Ps(o.onRest,n):null==s.onStart||s.onStart(n,this)}))}v&&this._set(w),f?r(ll(t.to,t,this._state,this)):C?this._start():bl(this)&&!p?this._pendingCalls.add(r):r(il(w))}_focus(e){const t=this.animation;e!==t.to&&(Ro(this)&&this._detach(),t.to=e,Ro(this)&&this._attach())}_attach(){let e=0;const{to:t}=this.animation;Lo(t)&&(Go(t,this),hl(t)&&(e=t.priority+1)),this.priority=e}_detach(){const{to:e}=this.animation;Lo(e)&&Qo(e,this)}_set(e,t=!0){const r=Vo(e);if(!Ki.und(r)){const e=ms(this);if(!e||!Xi(r,e.getValue())){const n=ks(r);e&&e.constructor==n?e.setValue(r):bs(this,n.create(r)),e&&zi.batchedUpdates((()=>{this._onChange(r,t)}))}}return ms(this)}_onStart(){const e=this.animation;e.changed||(e.changed=!0,Fl(this,"onStart",ol(this,$l(this,e.to)),this))}_onChange(e,t){t||(this._onStart(),Ps(this.animation.onChange,e,this)),Ps(this.defaultProps.onChange,e,this),super._onChange(e,t)}_start(){const e=this.animation;ms(this).reset(Vo(e.to)),e.immediate||(e.fromValues=e.values.map((e=>e.lastPosition))),bl(this)||(vl(this,!0),yl(this)||this._resume())}_resume(){co.skipAnimation?this.finish():go.start(this)}_stop(e,t){if(bl(this)){vl(this,!1);const r=this.animation;Ji(r.values,(e=>{e.done=!0})),r.toValues&&(r.onChange=r.onPause=r.onResume=void 0),Wo(this,{type:"idle",parent:this});const n=t?sl(this.get()):ol(this.get(),$l(this,null!=e?e:r.to));ro(this._pendingCalls,n),r.changed&&(r.changed=!1,Fl(this,"onRest",n,this))}}}function $l(e,t){const r=Vs(t);return Xi(Vs(e.get()),r)}function _l(e,t=e.loop,r=e.to){let n=Ps(t);if(n){const a=!0!==n&&Ls(n),i=(a||e).reverse,o=!a||a.reset;return Sl(zs({},e,{loop:t,default:!1,pause:void 0,to:!i||Ws(r)?r:void 0,from:o?e.from:void 0,reset:o},a))}}function Sl(e){const{to:t,from:r}=e=Ls(e),n=new Set;return Ki.obj(t)&&kl(t,n),Ki.obj(r)&&kl(r,n),e.keys=n.size?Array.from(n):null,e}function Cl(e){const t=Sl(e);return Ki.und(t.default)&&(t.default=Ds(t)),t}function kl(e,t){Yi(e,((e,r)=>null!=e&&t.add(r)))}const Ol=["onStart","onRest","onChange","onPause","onResume"];function jl(e,t,r){e.animation[r]=t[r]!==Ms(t,r)?Is(t[r],e.key):void 0}function Fl(e,t,...r){var n,a,i,o;null==(n=(a=e.animation)[t])||n.call(a,...r),null==(i=(o=e.defaultProps)[t])||i.call(o,...r)}const Bl=["onStart","onChange","onRest"];let Al=1;class zl{constructor(e,t){this.id=Al++,this.springs={},this.queue=[],this.ref=void 0,this._flush=void 0,this._initialProps=void 0,this._lastAsyncId=0,this._active=new Set,this._changed=new Set,this._started=!1,this._item=void 0,this._state={paused:!1,pauseQueue:new Set,resumeQueue:new Set,timeouts:new Set},this._events={onStart:new Map,onChange:new Map,onRest:new Map},this._onFrame=this._onFrame.bind(this),t&&(this._flush=t),e&&this.start(zs({default:!0},e))}get idle(){return!this._state.asyncTo&&Object.values(this.springs).every((e=>e.idle&&!e.isDelayed&&!e.isPaused))}get item(){return this._item}set item(e){this._item=e}get(){const e={};return this.each(((t,r)=>e[r]=t.get())),e}set(e){for(const t in e){const r=e[t];Ki.und(r)||this.springs[t].set(r)}}update(e){return e&&this.queue.push(Sl(e)),this}start(e){let{queue:t}=this;return e?t=eo(e).map(Sl):this.queue=[],this._flush?this._flush(this,t):(Hl(this,t),Pl(this,t))}stop(e,t){if(e!==!!e&&(t=e),t){const r=this.springs;Ji(eo(t),(t=>r[t].stop(!!e)))}else cl(this._state,this._lastAsyncId),this.each((t=>t.stop(!!e)));return this}pause(e){if(Ki.und(e))this.start({pause:!0});else{const t=this.springs;Ji(eo(e),(e=>t[e].pause()))}return this}resume(e){if(Ki.und(e))this.start({pause:!1});else{const t=this.springs;Ji(eo(e),(e=>t[e].resume()))}return this}each(e){Yi(this.springs,e)}_onFrame(){const{onStart:e,onChange:t,onRest:r}=this._events,n=this._active.size>0,a=this._changed.size>0;(n&&!this._started||a&&!this._started)&&(this._started=!0,to(e,(([e,t])=>{t.value=this.get(),e(t,this,this._item)})));const i=!n&&this._started,o=a||i&&r.size?this.get():null;a&&t.size&&to(t,(([e,t])=>{t.value=o,e(t,this,this._item)})),i&&(this._started=!1,to(r,(([e,t])=>{t.value=o,e(t,this,this._item)})))}eventObserved(e){if("change"==e.type)this._changed.add(e.parent),e.idle||this._active.add(e.parent);else{if("idle"!=e.type)return;this._active.delete(e.parent)}zi.onFrame(this._onFrame)}}function Pl(e,t){return Promise.all(t.map((t=>Nl(e,t)))).then((t=>al(e,t)))}async function Nl(e,t,r){const{keys:n,to:a,from:i,loop:o,onRest:s,onResolve:l}=t,c=Ki.obj(t.default)&&t.default;o&&(t.loop=!1),!1===a&&(t.to=null),!1===i&&(t.from=null);const u=Ki.arr(a)||Ki.fun(a)?a:void 0;u?(t.to=void 0,t.onRest=void 0,c&&(c.onRest=void 0)):Ji(Bl,(r=>{const n=t[r];if(Ki.fun(n)){const a=e._events[r];t[r]=({finished:e,cancelled:t})=>{const r=a.get(n);r?(e||(r.finished=!1),t&&(r.cancelled=!0)):a.set(n,{value:null,finished:e||!1,cancelled:t||!1})},c&&(c[r]=t[r])}}));const d=e._state;t.pause===!d.paused?(d.paused=t.pause,ro(t.pause?d.pauseQueue:d.resumeQueue)):d.paused&&(t.pause=!0);const h=(n||Object.keys(e.springs)).map((r=>e.springs[r].start(t))),p=!0===t.cancel||!0===Ms(t,"cancel");(u||p&&d.asyncId)&&h.push(nl(++e._lastAsyncId,{props:t,state:d,actions:{pause:Zi,resume:Zi,start(t,r){p?(cl(d,e._lastAsyncId),r(sl(e))):(t.onRest=s,r(ll(u,t,d,e)))}}})),d.paused&&await new Promise((e=>{d.resumeQueue.add(e)}));const f=al(e,await Promise.all(h));if(o&&f.finished&&(!r||!f.noop)){const r=_l(t,o,a);if(r)return Hl(e,[r]),Nl(e,r,!0)}return l&&zi.batchedUpdates((()=>l(f,e,e.item))),f}function Il(e,t){const r=zs({},e.springs);return t&&Ji(eo(t),(e=>{Ki.und(e.keys)&&(e=Sl(e)),Ki.obj(e.to)||(e=zs({},e,{to:void 0})),Dl(r,e,(e=>El(e)))})),Ml(e,r),r}function Ml(e,t){Yi(t,((t,r)=>{e.springs[r]||(e.springs[r]=t,Go(t,e))}))}function El(e,t){const r=new xl;return r.key=e,t&&Go(r,t),r}function Dl(e,t,r){t.keys&&Ji(t.keys,(n=>{(e[n]||(e[n]=r(n)))._prepareNode(t)}))}function Hl(e,t){Ji(t,(t=>{Dl(e.springs,t,(t=>El(t,e)))}))}const Tl=["children"],Ll=e=>{let{children:t}=e,r=function(e,t){if(null==e)return{};var r,n,a={},i=Object.keys(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||(a[r]=e[r]);return a}(e,Tl);const n=p(Vl),i=r.pause||!!n.pause,s=r.immediate||!!n.immediate;r=function(e,t){const[r]=u((()=>({inputs:t,result:e()}))),n=o(),a=n.current;let i=a;i?Boolean(t&&i.inputs&&function(e,t){if(e.length!==t.length)return!1;for(let r=0;r<e.length;r++)if(e[r]!==t[r])return!1;return!0}(t,i.inputs))||(i={inputs:t,result:e()}):i=r;return l((()=>{n.current=i,a==r&&(r.inputs=r.result=void 0)}),[i]),i.result}((()=>({pause:i,immediate:s})),[i,s]);const{Provider:c}=Vl;return a.createElement(c,{value:r},t)},Vl=(Rl=Ll,Wl={},Object.assign(Rl,a.createContext(Wl)),Rl.Provider._context=Rl,Rl.Consumer._context=Rl,Rl);var Rl,Wl;Ll.Provider=Vl.Provider,Ll.Consumer=Vl.Consumer;const ql=()=>{const e=[],t=function(t){ls('react-spring: Directly calling start instead of using the api object is deprecated in v9 (use ".start" instead), this will be removed in later 0.X.0 versions');const n=[];return Ji(e,((e,a)=>{if(Ki.und(t))n.push(e.start());else{const i=r(t,e,a);i&&n.push(e.start(i))}})),n};t.current=e,t.add=function(t){e.includes(t)||e.push(t)},t.delete=function(t){const r=e.indexOf(t);~r&&e.splice(r,1)},t.pause=function(){return Ji(e,(e=>e.pause(...arguments))),this},t.resume=function(){return Ji(e,(e=>e.resume(...arguments))),this},t.set=function(t){Ji(e,(e=>e.set(t)))},t.start=function(t){const r=[];return Ji(e,((e,n)=>{if(Ki.und(t))r.push(e.start());else{const a=this._getProps(t,e,n);a&&r.push(e.start(a))}})),r},t.stop=function(){return Ji(e,(e=>e.stop(...arguments))),this},t.update=function(t){return Ji(e,((e,r)=>e.update(this._getProps(t,e,r)))),this};const r=function(e,t,r){return Ki.fun(e)?e(r,t):e};return t._getProps=r,t};function Ul(e,t,r){const n=Ki.fun(t)&&t;n&&!r&&(r=[]);const a=f((()=>n||3==arguments.length?ql():void 0),[]),i=o(0),s=ds(),l=f((()=>({ctrls:[],queue:[],flush(e,t){const r=Il(e,t);return i.current>0&&!l.queue.length&&!Object.keys(r).some((t=>!e.springs[t]))?Pl(e,t):new Promise((n=>{Ml(e,r),l.queue.push((()=>{n(Pl(e,t))})),s()}))}})),[]),c=o([...l.ctrls]),u=[],d=fs(e)||0;function h(e,r){for(let a=e;a<r;a++){const e=c.current[a]||(c.current[a]=new zl(null,l.flush)),r=n?n(a,e):t[a];r&&(u[a]=Cl(r))}}f((()=>{Ji(c.current.slice(e,d),(e=>{qs(e,a),e.stop(!0)})),c.current.length=e,h(d,e)}),[e]),f((()=>{h(0,Math.min(d,e))}),r);const g=c.current.map(((e,t)=>Il(e,u[t]))),m=p(Ll),b=fs(m),y=m!==b&&Rs(m);us((()=>{i.current++,l.ctrls=c.current;const{queue:e}=l;e.length&&(l.queue=[],Ji(e,(e=>e()))),Ji(c.current,((e,t)=>{null==a||a.add(e),y&&e.start({default:m});const r=u[t];r&&(Us(e,r.ref),e.ref?e.queue.push(r):e.start(r))}))})),hs((()=>()=>{Ji(l.ctrls,(e=>e.stop(!0)))}));const v=g.map((e=>zs({},e)));return a?[v,a]:v}let Gl;!function(e){e.MOUNT="mount",e.ENTER="enter",e.UPDATE="update",e.LEAVE="leave"}(Gl||(Gl={}));class Ql extends fl{constructor(e,t){super(),this.key=void 0,this.idle=!0,this.calc=void 0,this._active=new Set,this.source=e,this.calc=Eo(...t);const r=this._get(),n=ks(r);bs(this,n.create(r))}advance(e){const t=this._get();Xi(t,this.get())||(ms(this).setValue(t),this._onChange(t,this.idle)),!this.idle&&Kl(this._active)&&Xl(this)}_get(){const e=Ki.arr(this.source)?this.source.map(Vo):eo(Vo(this.source));return this.calc(...e)}_start(){this.idle&&!Kl(this._active)&&(this.idle=!1,Ji(ys(this),(e=>{e.done=!1})),co.skipAnimation?(zi.batchedUpdates((()=>this.advance())),Xl(this)):go.start(this))}_attach(){let e=1;Ji(eo(this.source),(t=>{Lo(t)&&Go(t,this),hl(t)&&(t.idle||this._active.add(t),e=Math.max(e,t.priority+1))})),this.priority=e,this._start()}_detach(){Ji(eo(this.source),(e=>{Lo(e)&&Qo(e,this)})),this._active.clear(),Xl(this)}eventObserved(e){"change"==e.type?e.idle?this.advance():(this._active.add(e.parent),this._start()):"idle"==e.type?this._active.delete(e.parent):"priority"==e.type&&(this.priority=eo(this.source).reduce(((e,t)=>Math.max(e,(hl(t)?t.priority:0)+1)),0))}}function Zl(e){return!1!==e.idle}function Kl(e){return!e.size||Array.from(e).every(Zl)}function Xl(e){e.idle||(e.idle=!0,Ji(ys(e),(e=>{e.done=!0})),Wo(e,{type:"idle",parent:e}))}function Jl(e,t){if(null==e)return{};var r,n,a={},i=Object.keys(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||(a[r]=e[r]);return a}co.assign({createStringInterpolator:is,to:(e,t)=>new Ql(e,t)});const Yl=["style","children","scrollTop","scrollLeft"],ec=/^--/;function tc(e,t){return null==t||"boolean"==typeof t||""===t?"":"number"!=typeof t||0===t||ec.test(e)||nc.hasOwnProperty(e)&&nc[e]?(""+t).trim():t+"px"}const rc={};let nc={animationIterationCount:!0,borderImageOutset:!0,borderImageSlice:!0,borderImageWidth:!0,boxFlex:!0,boxFlexGroup:!0,boxOrdinalGroup:!0,columnCount:!0,columns:!0,flex:!0,flexGrow:!0,flexPositive:!0,flexShrink:!0,flexNegative:!0,flexOrder:!0,gridRow:!0,gridRowEnd:!0,gridRowSpan:!0,gridRowStart:!0,gridColumn:!0,gridColumnEnd:!0,gridColumnSpan:!0,gridColumnStart:!0,fontWeight:!0,lineClamp:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,tabSize:!0,widows:!0,zIndex:!0,zoom:!0,fillOpacity:!0,floodOpacity:!0,stopOpacity:!0,strokeDasharray:!0,strokeDashoffset:!0,strokeMiterlimit:!0,strokeOpacity:!0,strokeWidth:!0};const ac=["Webkit","Ms","Moz","O"];nc=Object.keys(nc).reduce(((e,t)=>(ac.forEach((r=>e[((e,t)=>e+t.charAt(0).toUpperCase()+t.substring(1))(r,t)]=e[t])),e)),nc);const ic=["x","y","z"],oc=/^(matrix|translate|scale|rotate|skew)/,sc=/^(translate)/,lc=/^(rotate|skew)/,cc=(e,t)=>Ki.num(e)&&0!==e?e+t:e,uc=(e,t)=>Ki.arr(e)?e.every((e=>uc(e,t))):Ki.num(e)?e===t:parseFloat(e)===t;class dc extends _s{constructor(e){let{x:t,y:r,z:n}=e,a=Jl(e,ic);const i=[],o=[];(t||r||n)&&(i.push([t||0,r||0,n||0]),o.push((e=>[`translate3d(${e.map((e=>cc(e,"px"))).join(",")})`,uc(e,0)]))),Yi(a,((e,t)=>{if("transform"===t)i.push([e||""]),o.push((e=>[e,""===e]));else if(oc.test(t)){if(delete a[t],Ki.und(e))return;const r=sc.test(t)?"px":lc.test(t)?"deg":"";i.push(eo(e)),o.push("rotate3d"===t?([e,t,n,a])=>[`rotate3d(${e},${t},${n},${cc(a,r)})`,uc(a,0)]:e=>[`${t}(${e.map((e=>cc(e,r))).join(",")})`,uc(e,t.startsWith("scale")?1:0)])}})),i.length&&(a.transform=new hc(i,o)),super(a)}}class hc extends qo{constructor(e,t){super(),this._value=null,this.inputs=e,this.transforms=t}get(){return this._value||(this._value=this._get())}_get(){let e="",t=!0;return Ji(this.inputs,((r,n)=>{const a=Vo(r[0]),[i,o]=this.transforms[n](Ki.arr(a)?a:r.map(Vo));e+=" "+i,t=t&&o})),t?"none":e}observerAdded(e){1==e&&Ji(this.inputs,(e=>Ji(e,(e=>Lo(e)&&Go(e,this)))))}observerRemoved(e){0==e&&Ji(this.inputs,(e=>Ji(e,(e=>Lo(e)&&Qo(e,this)))))}eventObserved(e){"change"==e.type&&(this._value=null),Wo(this,e)}}const pc=["scrollTop","scrollLeft"];co.assign({batchedUpdates:y,createStringInterpolator:is,colors:{transparent:0,aliceblue:4042850303,antiquewhite:4209760255,aqua:16777215,aquamarine:2147472639,azure:4043309055,beige:4126530815,bisque:4293182719,black:255,blanchedalmond:4293643775,blue:65535,blueviolet:2318131967,brown:2771004159,burlywood:3736635391,burntsienna:3934150143,cadetblue:1604231423,chartreuse:2147418367,chocolate:3530104575,coral:4286533887,cornflowerblue:1687547391,cornsilk:4294499583,crimson:3692313855,cyan:16777215,darkblue:35839,darkcyan:9145343,darkgoldenrod:3095792639,darkgray:2846468607,darkgreen:6553855,darkgrey:2846468607,darkkhaki:3182914559,darkmagenta:2332068863,darkolivegreen:1433087999,darkorange:4287365375,darkorchid:2570243327,darkred:2332033279,darksalmon:3918953215,darkseagreen:2411499519,darkslateblue:1211993087,darkslategray:793726975,darkslategrey:793726975,darkturquoise:13554175,darkviolet:2483082239,deeppink:4279538687,deepskyblue:12582911,dimgray:1768516095,dimgrey:1768516095,dodgerblue:512819199,firebrick:2988581631,floralwhite:4294635775,forestgreen:579543807,fuchsia:4278255615,gainsboro:3705462015,ghostwhite:4177068031,gold:4292280575,goldenrod:3668254975,gray:2155905279,green:8388863,greenyellow:2919182335,grey:2155905279,honeydew:4043305215,hotpink:4285117695,indianred:3445382399,indigo:1258324735,ivory:4294963455,khaki:4041641215,lavender:3873897215,lavenderblush:4293981695,lawngreen:2096890111,lemonchiffon:4294626815,lightblue:2916673279,lightcoral:4034953471,lightcyan:3774873599,lightgoldenrodyellow:4210742015,lightgray:3553874943,lightgreen:2431553791,lightgrey:3553874943,lightpink:4290167295,lightsalmon:4288707327,lightseagreen:548580095,lightskyblue:2278488831,lightslategray:2005441023,lightslategrey:2005441023,lightsteelblue:2965692159,lightyellow:4294959359,lime:16711935,limegreen:852308735,linen:4210091775,magenta:4278255615,maroon:2147483903,mediumaquamarine:1724754687,mediumblue:52735,mediumorchid:3126187007,mediumpurple:2473647103,mediumseagreen:1018393087,mediumslateblue:2070474495,mediumspringgreen:16423679,mediumturquoise:1221709055,mediumvioletred:3340076543,midnightblue:421097727,mintcream:4127193855,mistyrose:4293190143,moccasin:4293178879,navajowhite:4292783615,navy:33023,oldlace:4260751103,olive:2155872511,olivedrab:1804477439,orange:4289003775,orangered:4282712319,orchid:3664828159,palegoldenrod:4008225535,palegreen:2566625535,paleturquoise:2951671551,palevioletred:3681588223,papayawhip:4293907967,peachpuff:4292524543,peru:3448061951,pink:4290825215,plum:3718307327,powderblue:2967529215,purple:2147516671,rebeccapurple:1714657791,red:4278190335,rosybrown:3163525119,royalblue:1097458175,saddlebrown:2336560127,salmon:4202722047,sandybrown:4104413439,seagreen:780883967,seashell:4294307583,sienna:2689740287,silver:3233857791,skyblue:2278484991,slateblue:1784335871,slategray:1887473919,slategrey:1887473919,snow:4294638335,springgreen:16744447,steelblue:1182971135,tan:3535047935,teal:8421631,thistle:3636451583,tomato:4284696575,turquoise:1088475391,violet:4001558271,wheat:4125012991,white:4294967295,whitesmoke:4126537215,yellow:4294902015,yellowgreen:2597139199}});const fc=((e,{applyAnimatedValues:t=(()=>!1),createAnimatedStyle:r=(e=>new _s(e)),getComponentProps:n=(e=>e)}={})=>{const a={applyAnimatedValues:t,createAnimatedStyle:r,getComponentProps:n},i=e=>{const t=As(e)||"Anonymous";return(e=Ki.str(e)?i[e]||(i[e]=js(e,a)):e[Bs]||(e[Bs]=js(e,a))).displayName=`Animated(${t})`,e};return Yi(e,((t,r)=>{Ki.arr(e)&&(r=As(t)),i[r]=i(t)})),{animated:i}})(["a","abbr","address","area","article","aside","audio","b","base","bdi","bdo","big","blockquote","body","br","button","canvas","caption","cite","code","col","colgroup","data","datalist","dd","del","details","dfn","dialog","div","dl","dt","em","embed","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","iframe","img","input","ins","kbd","keygen","label","legend","li","link","main","map","mark","menu","menuitem","meta","meter","nav","noscript","object","ol","optgroup","option","output","p","param","picture","pre","progress","q","rp","rt","ruby","s","samp","script","section","select","small","source","span","strong","style","sub","summary","sup","table","tbody","td","textarea","tfoot","th","thead","time","title","tr","track","u","ul","var","video","wbr","circle","clipPath","defs","ellipse","foreignObject","g","image","line","linearGradient","mask","path","pattern","polygon","polyline","radialGradient","rect","stop","svg","text","tspan"],{applyAnimatedValues:function(e,t){if(!e.nodeType||!e.setAttribute)return!1;const r="filter"===e.nodeName||e.parentNode&&"filter"===e.parentNode.nodeName,n=t,{style:a,children:i,scrollTop:o,scrollLeft:s}=n,l=Jl(n,Yl),c=Object.values(l),u=Object.keys(l).map((t=>r||e.hasAttribute(t)?t:rc[t]||(rc[t]=t.replace(/([A-Z])/g,(e=>"-"+e.toLowerCase())))));void 0!==i&&(e.textContent=i);for(let t in a)if(a.hasOwnProperty(t)){const r=tc(t,a[t]);ec.test(t)?e.style.setProperty(t,r):e.style[t]=r}u.forEach(((t,r)=>{e.setAttribute(t,c[r])})),void 0!==o&&(e.scrollTop=o),void 0!==s&&(e.scrollLeft=s)},createAnimatedStyle:e=>new dc(e),getComponentProps:e=>Jl(e,pc)}),gc=fc.animated,mc={mobileS:320,mobileM:375,mobileL:480,tablet:1199,desktopM:1399,desktopL:1999,desktop4k:3840},bc=e=>Object.keys(mc).reduce(((t,r)=>{const n=mc[r];return t[r]=`@media screen and (${e}: ${n}px)`,t}),{}),yc=bc("max-width"),vc=(bc("min-width"),g.div`
|
|
310
|
+
display: inline-block;
|
|
311
|
+
position: relative;
|
|
312
|
+
width: ${e=>e.$size}px;
|
|
313
|
+
height: ${e=>e.$size}px;
|
|
314
|
+
`),wc=b`
|
|
315
|
+
0% {
|
|
316
|
+
transform: rotate(0deg);
|
|
317
|
+
}
|
|
318
|
+
100% {
|
|
319
|
+
transform: rotate(360deg);
|
|
320
|
+
}
|
|
321
|
+
`,xc=g.div`
|
|
322
|
+
box-sizing: border-box;
|
|
323
|
+
display: block;
|
|
324
|
+
position: absolute;
|
|
325
|
+
width: ${e=>e.$size}px;
|
|
326
|
+
height: ${e=>e.$size}px;
|
|
327
|
+
margin: ${e=>e.$borderWidth}px;
|
|
328
|
+
border-width: ${e=>e.$borderWidth}px;
|
|
329
|
+
border-style: solid;
|
|
330
|
+
border-radius: 50%;
|
|
331
|
+
border-color: ${e=>e.$color||Lt.Neutral[8](e)}
|
|
332
|
+
transparent transparent transparent;
|
|
333
|
+
animation: ${wc} 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
|
|
334
|
+
`,$c=g(xc)`
|
|
335
|
+
animation-delay: -0.45s;
|
|
336
|
+
`,_c=g(xc)`
|
|
337
|
+
animation-delay: -0.3s;
|
|
338
|
+
`,Sc=g(xc)`
|
|
339
|
+
animation-delay: -0.15s;
|
|
340
|
+
`;g.button`
|
|
341
|
+
padding: 0.5rem 1rem;
|
|
342
|
+
min-width: 4rem;
|
|
343
|
+
border-radius: 4px;
|
|
344
|
+
transition: all 200ms ease;
|
|
345
|
+
cursor: pointer;
|
|
346
|
+
display: flex;
|
|
347
|
+
align-items: center;
|
|
348
|
+
justify-content: center;
|
|
349
|
+
|
|
350
|
+
@media (hover: hover) {
|
|
351
|
+
&:hover {
|
|
352
|
+
box-shadow: 1px 1px 4px 2px rgba(0, 0, 0, 0.2);
|
|
353
|
+
}
|
|
354
|
+
}
|
|
355
|
+
|
|
356
|
+
// -----------------------------------------------------------------------------
|
|
357
|
+
// BUTTON STYLE + TEXT COLOR
|
|
358
|
+
// -----------------------------------------------------------------------------
|
|
359
|
+
${e=>{switch(e.$buttonStyle){case"secondary":return m`
|
|
360
|
+
background-color: ${Lt.Neutral[8](e)};
|
|
361
|
+
border: 1px solid ${Lt.Primary(e)};
|
|
362
|
+
|
|
363
|
+
span {
|
|
364
|
+
color: ${Lt.Primary(e)};
|
|
365
|
+
}
|
|
366
|
+
`;case"light":return m`
|
|
367
|
+
background-color: ${Lt.Neutral[8](e)};
|
|
368
|
+
border: 1px solid ${Lt.Neutral[5](e)};
|
|
369
|
+
|
|
370
|
+
span {
|
|
371
|
+
color: ${Lt.Primary(e)};
|
|
372
|
+
}
|
|
373
|
+
`;case"disabled":return m`
|
|
374
|
+
background-color: ${Lt.Neutral[6](e)};
|
|
375
|
+
border: 1px solid transparent;
|
|
376
|
+
cursor: not-allowed;
|
|
377
|
+
|
|
378
|
+
&:hover {
|
|
379
|
+
box-shadow: none;
|
|
380
|
+
}
|
|
381
|
+
|
|
382
|
+
span {
|
|
383
|
+
color: ${Lt.Neutral[3](e)};
|
|
384
|
+
}
|
|
385
|
+
`;case"link":return m`
|
|
386
|
+
background-color: transparent;
|
|
387
|
+
border: none;
|
|
388
|
+
border-radius: unset;
|
|
389
|
+
|
|
390
|
+
&:hover {
|
|
391
|
+
box-shadow: none;
|
|
392
|
+
}
|
|
393
|
+
|
|
394
|
+
color: ${Lt.Primary};
|
|
395
|
+
:hover,
|
|
396
|
+
:active,
|
|
397
|
+
:focus {
|
|
398
|
+
span {
|
|
399
|
+
color: ${Lt.Secondary};
|
|
400
|
+
}
|
|
401
|
+
}
|
|
402
|
+
`;default:return m`
|
|
403
|
+
background-color: ${Lt.Primary(e)};
|
|
404
|
+
border: 1px solid transparent;
|
|
405
|
+
|
|
406
|
+
${yc.mobileL} {
|
|
407
|
+
width: 100%;
|
|
408
|
+
}
|
|
409
|
+
|
|
410
|
+
span {
|
|
411
|
+
color: ${Lt.Neutral[8](e)};
|
|
412
|
+
}
|
|
413
|
+
`}}}
|
|
414
|
+
|
|
415
|
+
// -----------------------------------------------------------------------------
|
|
416
|
+
// BUTTON SIZE + TEXT SIZE
|
|
417
|
+
// -----------------------------------------------------------------------------
|
|
418
|
+
${e=>"small"===e.$buttonSizeStyle?m`
|
|
419
|
+
height: 2.5rem;
|
|
420
|
+
span {
|
|
421
|
+
${ir("H5","semibold")}
|
|
422
|
+
}
|
|
423
|
+
|
|
424
|
+
${yc.mobileS} {
|
|
425
|
+
height: auto;
|
|
426
|
+
}
|
|
427
|
+
`:m`
|
|
428
|
+
height: 3rem;
|
|
429
|
+
span {
|
|
430
|
+
${ir("H4","semibold")}
|
|
431
|
+
}
|
|
432
|
+
|
|
433
|
+
${yc.mobileS} {
|
|
434
|
+
height: auto;
|
|
435
|
+
}
|
|
436
|
+
`}
|
|
437
|
+
`;const Cc=g((({color:e,className:n,size:a=18})=>t(vc,{className:n,$size:a,$color:e,children:[r(xc,{id:"inner1",$size:a-2,$borderWidth:2}),r($c,{id:"inner2",$size:a-2,$borderWidth:2}),r(_c,{id:"inner3",$size:a-2,$borderWidth:2}),r(Sc,{id:"inner4",$size:a-2,$borderWidth:2})]})))`
|
|
438
|
+
margin-right: 0.5rem;
|
|
439
|
+
${e=>{let t;switch(e.$buttonStyle){case"secondary":case"light":case"link":t=Lt.Primary(e);break;case"disabled":t=Lt.Neutral[3](e);break;default:t=Lt.Neutral[8](e)}return m`
|
|
440
|
+
#inner1,
|
|
441
|
+
#inner2,
|
|
442
|
+
#inner3,
|
|
443
|
+
#inner4 {
|
|
444
|
+
border-color: ${t} transparent transparent transparent;
|
|
445
|
+
}
|
|
446
|
+
`}}
|
|
447
|
+
`;var kc,Oc={};Object.defineProperty(Oc,"__esModule",{value:!0});var jc=e;const Fc=e=>jc.jsx("svg",{width:"1em",height:"1em",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e,children:jc.jsx("path",{d:"M9.99999 10.792C10.236 10.792 10.441 10.705 10.615 10.531C10.7883 10.3577 10.875 10.153 10.875 9.91701V6.70801C10.875 6.47201 10.7883 6.27067 10.615 6.10401C10.441 5.93734 10.236 5.85401 9.99999 5.85401C9.76399 5.85401 9.55899 5.94101 9.38499 6.11501C9.21166 6.28834 9.12499 6.49301 9.12499 6.72901V9.93801C9.12499 10.174 9.21166 10.3753 9.38499 10.542C9.55899 10.7087 9.76399 10.792 9.99999 10.792ZM9.99999 14.188C10.236 14.188 10.441 14.108 10.615 13.948C10.7883 13.788 10.875 13.576 10.875 13.312C10.875 13.076 10.7883 12.8713 10.615 12.698C10.441 12.5247 10.236 12.438 9.99999 12.438C9.76399 12.438 9.55899 12.5247 9.38499 12.698C9.21166 12.8713 9.12499 13.076 9.12499 13.312C9.12499 13.576 9.21166 13.788 9.38499 13.948C9.55899 14.108 9.76399 14.188 9.99999 14.188ZM9.99999 18.333C8.84733 18.333 7.76399 18.1143 6.74999 17.677C5.73599 17.2397 4.85399 16.646 4.10399 15.896C3.35399 15.146 2.76033 14.264 2.32299 13.25C1.88566 12.236 1.66699 11.1527 1.66699 10C1.66699 8.84734 1.88566 7.76401 2.32299 6.75001C2.76033 5.73601 3.35399 4.85401 4.10399 4.10401C4.85399 3.35401 5.73599 2.76034 6.74999 2.32301C7.76399 1.88567 8.84733 1.66701 9.99999 1.66701C11.1527 1.66701 12.236 1.88567 13.25 2.32301C14.264 2.76034 15.146 3.35401 15.896 4.10401C16.646 4.85401 17.2397 5.73601 17.677 6.75001C18.1143 7.76401 18.333 8.84734 18.333 10C18.333 11.1527 18.1143 12.236 17.677 13.25C17.2397 14.264 16.646 15.146 15.896 15.896C15.146 16.646 14.264 17.2397 13.25 17.677C12.236 18.1143 11.1527 18.333 9.99999 18.333Z",fill:"currentColor"})});Fc.displayName="ExclamationCircleFillIcon",kc=Oc.ExclamationCircleFillIcon=Fc;var Bc,Ac={};Object.defineProperty(Ac,"__esModule",{value:!0});var zc=e;const Pc=e=>zc.jsx("svg",{width:"1em",height:"1em",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e,children:zc.jsx("path",{d:"M7.97897 14.646C7.86764 14.646 7.75997 14.625 7.65597 14.583C7.55197 14.5417 7.4513 14.4723 7.35397 14.375L3.83297 10.854C3.6663 10.6873 3.58664 10.4757 3.59397 10.219C3.60064 9.96167 3.6873 9.74967 3.85397 9.583C4.02064 9.41634 4.22897 9.333 4.47897 9.333C4.72897 9.333 4.9373 9.41634 5.10397 9.583L8.02097 12.5L14.917 5.604C15.0836 5.43734 15.2883 5.354 15.531 5.354C15.7743 5.354 15.9793 5.43734 16.146 5.604C16.3126 5.77067 16.396 5.97567 16.396 6.219C16.396 6.46167 16.3126 6.66634 16.146 6.833L8.60397 14.375C8.50664 14.4723 8.40597 14.5417 8.30197 14.583C8.19797 14.625 8.0903 14.646 7.97897 14.646Z",fill:"currentColor"})});Pc.displayName="TickIcon",Bc=Ac.TickIcon=Pc;const Nc=g.div`
|
|
448
|
+
display: flex;
|
|
449
|
+
justify-content: center;
|
|
450
|
+
align-items: center;
|
|
451
|
+
|
|
452
|
+
${e=>{let t,r;if("small"===e.$displaySize)t="1.5rem",r="1.5rem";else t="2rem",r="2rem";return m`
|
|
453
|
+
height: ${t};
|
|
454
|
+
width: ${r};
|
|
455
|
+
`}}
|
|
456
|
+
|
|
457
|
+
position: relative;
|
|
458
|
+
border-radius: 4px;
|
|
459
|
+
transition: all 200ms ease-in-out;
|
|
460
|
+
border: 1px solid ${Lt.Accent.Light[2]};
|
|
461
|
+
background: transparent;
|
|
462
|
+
|
|
463
|
+
${e=>{let t,r;return e.selected&&(t=Lt.Primary(e),r=Lt.Primary(e)),e.disabled&&(t=Lt.Neutral[6](e),r=Lt.Neutral[6](e)),`\n\t\t\tborder: 1px solid ${t};\n\t\t\tbackground: ${r};\n\t\t`}}
|
|
464
|
+
`,Ic=g.input`
|
|
465
|
+
position: absolute;
|
|
466
|
+
opacity: 0;
|
|
467
|
+
height: 100%;
|
|
468
|
+
width: 100%;
|
|
469
|
+
cursor: ${e=>e.disabled?"not-allowed":"pointer"};
|
|
470
|
+
`,Mc=g(Bc)`
|
|
471
|
+
${e=>{let t;if("small"===e.$displaySize)t="1.5rem";else t="1.75rem";return m`
|
|
472
|
+
height: ${t};
|
|
473
|
+
width: ${t};
|
|
474
|
+
`}}
|
|
475
|
+
color: ${e=>e.disabled?Lt.Neutral[4]:Lt.Neutral[8]};
|
|
476
|
+
`,Ec=g(gc.div)`
|
|
477
|
+
overflow: hidden;
|
|
478
|
+
box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.2);
|
|
479
|
+
`,Dc=g.ul`
|
|
480
|
+
border-bottom-left-radius: 4px;
|
|
481
|
+
border-bottom-right-radius: 4px;
|
|
482
|
+
background: transparent;
|
|
483
|
+
max-height: 20rem;
|
|
484
|
+
width: ${e=>e.width||"100%"};
|
|
485
|
+
overflow-y: auto;
|
|
486
|
+
padding: 0.5rem;
|
|
487
|
+
|
|
488
|
+
::-webkit-scrollbar {
|
|
489
|
+
width: 9px;
|
|
490
|
+
}
|
|
491
|
+
|
|
492
|
+
::-webkit-scrollbar-track {
|
|
493
|
+
background: transparent;
|
|
494
|
+
}
|
|
495
|
+
|
|
496
|
+
::-webkit-scrollbar-thumb {
|
|
497
|
+
background: ${Lt.Neutral[4]};
|
|
498
|
+
border-right: 5px solid ${Lt.Neutral[8]};
|
|
499
|
+
border-top-right-radius: 4px;
|
|
500
|
+
border-bottom-right-radius: 4px;
|
|
501
|
+
}
|
|
502
|
+
|
|
503
|
+
${yc.mobileL} {
|
|
504
|
+
max-height: 15rem;
|
|
505
|
+
}
|
|
506
|
+
`,Hc=g.li`
|
|
507
|
+
:hover,
|
|
508
|
+
:focus,
|
|
509
|
+
:active {
|
|
510
|
+
background: ${Lt.Accent.Light[5]};
|
|
511
|
+
}
|
|
512
|
+
${e=>{if(e.checked)return m`
|
|
513
|
+
background: ${Lt.Accent.Light[5]};
|
|
514
|
+
`}}
|
|
515
|
+
`,Tc=g.button`
|
|
516
|
+
display: flex;
|
|
517
|
+
${e=>e.multiSelect?m`
|
|
518
|
+
padding: 0.5rem 1rem;
|
|
519
|
+
`:m`
|
|
520
|
+
padding: 0 1rem;
|
|
521
|
+
min-height: 3.5rem;
|
|
522
|
+
align-items: center;
|
|
523
|
+
`}
|
|
524
|
+
margin: 0 -0.5rem;
|
|
525
|
+
border: none;
|
|
526
|
+
background: transparent;
|
|
527
|
+
width: 100%;
|
|
528
|
+
cursor: pointer;
|
|
529
|
+
|
|
530
|
+
:hover,
|
|
531
|
+
:visited,
|
|
532
|
+
:focus,
|
|
533
|
+
:active {
|
|
534
|
+
outline-color: ${Lt.Accent.Light[3]};
|
|
535
|
+
}
|
|
536
|
+
|
|
537
|
+
span {
|
|
538
|
+
margin-bottom: 0;
|
|
539
|
+
}
|
|
540
|
+
`;g.div`
|
|
541
|
+
position: relative;
|
|
542
|
+
border-radius: 4px;
|
|
543
|
+
display: flex;
|
|
544
|
+
justify-content: center;
|
|
545
|
+
align-items: center;
|
|
546
|
+
background: ${Lt.Neutral[8]};
|
|
547
|
+
`;const Lc=g.div`
|
|
548
|
+
${ir("Body","regular")}
|
|
549
|
+
color: ${Lt.Neutral[1]};
|
|
550
|
+
text-align: left;
|
|
551
|
+
line-height: 1.375rem;
|
|
552
|
+
overflow: hidden;
|
|
553
|
+
${e=>{if("middle"!==e.truncateType)return m`
|
|
554
|
+
display: -webkit-box;
|
|
555
|
+
text-overflow: ellipsis;
|
|
556
|
+
-webkit-line-clamp: 2;
|
|
557
|
+
-webkit-box-orient: vertical;
|
|
558
|
+
`}}
|
|
559
|
+
`,Vc=g.span`
|
|
560
|
+
color: ${Lt.Neutral[4]};
|
|
561
|
+
display: inline;
|
|
562
|
+
padding-left: 0.4rem;
|
|
563
|
+
`,Rc=g.div`
|
|
564
|
+
display: flex;
|
|
565
|
+
flex-direction: column;
|
|
566
|
+
`,Wc=g.div`
|
|
567
|
+
width: 100%;
|
|
568
|
+
height: 1.5rem;
|
|
569
|
+
word-break: break-all;
|
|
570
|
+
overflow: hidden;
|
|
571
|
+
`,qc=g.div`
|
|
572
|
+
width: 100%;
|
|
573
|
+
text-overflow: ellipsis;
|
|
574
|
+
white-space: nowrap;
|
|
575
|
+
overflow: hidden;
|
|
576
|
+
direction: rtl;
|
|
577
|
+
text-align: right;
|
|
578
|
+
`;g(gr.Hyperlink.Default)`
|
|
579
|
+
color: ${Lt.Neutral[1]} !important;
|
|
580
|
+
padding: 1.25rem 1rem;
|
|
581
|
+
margin-bottom: 0;
|
|
582
|
+
|
|
583
|
+
:hover,
|
|
584
|
+
:visited,
|
|
585
|
+
:focus,
|
|
586
|
+
:active {
|
|
587
|
+
outline-color: ${Lt.Accent.Light[3]};
|
|
588
|
+
color: ${Lt.Neutral[1]};
|
|
589
|
+
}
|
|
590
|
+
`;const Uc=g((({className:e,checked:n,disabled:a,onChange:i,onKeyPress:o,displaySize:s="default",...c})=>{const[d,h]=u(n);l((()=>{h(n)}),[n]);const p=e=>{if(!a){const t=e;if(!(" "===t.key||"change"===e.type))return;i&&i(e),o&&o(t)}};return t(Nc,{selected:d,disabled:a,className:e,"data-testid":"checkbox",$displaySize:s,role:"checkbox","aria-checked":d,"aria-labelledby":"checkbox-input",tabIndex:a?-1:0,onKeyDown:p,children:[r(Ic,{id:"checkbox-input","data-testid":"checkbox-input","aria-hidden":"true",type:"checkbox",tabIndex:-1,onChange:p,disabled:a,checked:d,...c}),d&&r(Mc,{id:"checkmark","data-testid":"checkmark",disabled:a,$displaySize:s})]})}))`
|
|
591
|
+
flex: 0 0 1.5rem;
|
|
592
|
+
margin-right: 1rem;
|
|
593
|
+
`,Gc=g.div`
|
|
594
|
+
width: 100%;
|
|
595
|
+
display: flex;
|
|
596
|
+
justify-content: flex-end;
|
|
597
|
+
padding: 1rem 0 0.5rem 0;
|
|
598
|
+
`,Qc=g.button`
|
|
599
|
+
${ir("Body","semibold")}
|
|
600
|
+
background-color: transparent;
|
|
601
|
+
background-repeat: no-repeat;
|
|
602
|
+
border: none;
|
|
603
|
+
cursor: pointer;
|
|
604
|
+
overflow: hidden;
|
|
605
|
+
outline: none;
|
|
606
|
+
${e=>`\n\t\t\tcolor: ${Lt.Primary(e)};\n\t\t`}
|
|
607
|
+
`,Zc=g.div`
|
|
608
|
+
width: 100%;
|
|
609
|
+
display: flex;
|
|
610
|
+
padding: 1rem 0.5rem;
|
|
611
|
+
align-items: center;
|
|
612
|
+
`,Kc=g(gr.Body)``,Xc=g(kc)`
|
|
613
|
+
margin-right: 0.625rem;
|
|
614
|
+
height: 1.5rem;
|
|
615
|
+
width: 1.5rem;
|
|
616
|
+
color: ${Lt.Validation.Red.Icon};
|
|
617
|
+
`;var Jc,Yc={};Object.defineProperty(Yc,"__esModule",{value:!0});var eu=e;const tu=e=>eu.jsx("svg",{width:"1em",height:"1em",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e,children:eu.jsx("path",{d:"M15.688 16.896L11.125 12.333C10.667 12.6803 10.1703 12.941 9.635 13.115C9.10033 13.2883 8.54133 13.375 7.958 13.375C6.44467 13.375 5.15667 12.8507 4.094 11.802C3.03133 10.7533 2.5 9.472 2.5 7.958C2.5 6.44467 3.03133 5.15667 4.094 4.094C5.15667 3.03133 6.44467 2.5 7.958 2.5C9.472 2.5 10.7533 3.03133 11.802 4.094C12.8507 5.15667 13.375 6.44467 13.375 7.958C13.375 8.54133 13.2917 9.10033 13.125 9.635C12.9583 10.1703 12.6943 10.66 12.333 11.104L16.917 15.708C17.0837 15.8747 17.1633 16.0727 17.156 16.302C17.1493 16.5313 17.0627 16.7293 16.896 16.896C16.7293 17.0627 16.528 17.146 16.292 17.146C16.056 17.146 15.8547 17.0627 15.688 16.896ZM7.958 11.625C8.972 11.625 9.83667 11.2673 10.552 10.552C11.2673 9.83667 11.625 8.972 11.625 7.958C11.625 6.93067 11.2707 6.05567 10.562 5.333C9.854 4.611 8.986 4.25 7.958 4.25C6.93067 4.25 6.05567 4.611 5.333 5.333C4.611 6.05567 4.25 6.93067 4.25 7.958C4.25 8.986 4.611 9.854 5.333 10.562C6.05567 11.2707 6.93067 11.625 7.958 11.625Z",fill:"currentColor"})});tu.displayName="MagnifierIcon",Jc=Yc.MagnifierIcon=tu;const ru=g.button`
|
|
618
|
+
display: flex;
|
|
619
|
+
justify-content: center;
|
|
620
|
+
align-items: center;
|
|
621
|
+
padding: 1.5rem;
|
|
622
|
+
background-color: transparent;
|
|
623
|
+
border: none;
|
|
624
|
+
cursor: pointer;
|
|
625
|
+
|
|
626
|
+
img {
|
|
627
|
+
height: 1rem;
|
|
628
|
+
width: 1rem;
|
|
629
|
+
}
|
|
630
|
+
|
|
631
|
+
&:active,
|
|
632
|
+
&:focus {
|
|
633
|
+
${({$outline:e})=>"none"===e&&"outline: none;"}
|
|
634
|
+
|
|
635
|
+
${({$highlight:e})=>e&&m`
|
|
636
|
+
background-color: ${Lt.Neutral[7]};
|
|
637
|
+
`}
|
|
638
|
+
}
|
|
639
|
+
`,nu=i.forwardRef((({children:e,focusHighlight:t=!0,focusOutline:n="none",...a},i)=>r(ru,{ref:i,$outline:n,$highlight:t,...a,children:e}))),au=g.li`
|
|
640
|
+
background: ${Lt.Neutral[7]};
|
|
641
|
+
display: flex;
|
|
642
|
+
border-radius: 4px;
|
|
643
|
+
align-items: center;
|
|
644
|
+
`,iu=g.input`
|
|
645
|
+
${ir("Body","regular")}
|
|
646
|
+
height: 3rem;
|
|
647
|
+
border: none;
|
|
648
|
+
background: transparent;
|
|
649
|
+
flex: 1;
|
|
650
|
+
padding: 0 0.5rem 0 0;
|
|
651
|
+
width: 100%;
|
|
652
|
+
|
|
653
|
+
:focus,
|
|
654
|
+
:active {
|
|
655
|
+
outline: none;
|
|
656
|
+
}
|
|
657
|
+
|
|
658
|
+
::placeholder,
|
|
659
|
+
::-webkit-input-placeholder {
|
|
660
|
+
color: ${Lt.Neutral[3]};
|
|
661
|
+
}
|
|
662
|
+
`,ou=g(Jc)`
|
|
663
|
+
height: 1.375rem;
|
|
664
|
+
width: 1.375rem;
|
|
665
|
+
margin: 0 0.5rem;
|
|
666
|
+
color: ${Lt.Neutral[3]};
|
|
667
|
+
`,su=g(nu)`
|
|
668
|
+
padding: 0;
|
|
669
|
+
margin: 0 0.5rem;
|
|
670
|
+
color: ${Lt.Neutral[3]};
|
|
671
|
+
cursor: pointer;
|
|
672
|
+
`,lu=g(Qt)`
|
|
673
|
+
height: 1.375rem;
|
|
674
|
+
width: 1.375rem;
|
|
675
|
+
color: ${Lt.Neutral[3]};
|
|
676
|
+
`,cu=d(((e,n)=>{const{onClear:a,...i}=e;return t(au,{children:[r(ou,{}),r(iu,{ref:n,...i}),i.value&&r(su,{"aria-label":"Clear search",focusOutline:"browser",onClick:a,children:r(lu,{})})]},"search")})),uu=({listItems:e,listExtractor:a,valueExtractor:i,onSelectItem:s,listStyleWidth:c,visible:d,enableSearch:h,searchPlaceholder:p="Search",onSearch:f,searchFunction:g,onDismiss:m,multiSelect:b,selectedItems:y,onSelectAll:v,onRetry:w,itemsLoadState:x="success",itemTruncationType:$="end",renderListItem:_,onBlur:S,...C})=>{const[k,O]=u(0),[j,F]=u(""),[B,A]=u(e),[z,P]=u(0),N=function(e,t){const r=Ki.fun(e),[[n],a]=Ul(1,r?e:[e],r?t||[]:t);return r||2==arguments.length?[n,a]:n}({height:z}),I=o(),M=o(),E=o([]),D=o(),H=o(k),T=o(B),L=e=>{H.current=e,O(e)},V=e=>{T.current=e,A(e)};l((()=>(document.addEventListener("keydown",Q),()=>{document.removeEventListener("keydown",Q)})),[]),l((()=>{U(j)}),[j]),l((()=>{F(""),d?(P(G()),D&&D.current?(D.current.focus(),L(-1)):E.current[k]&&E.current[k].focus()):P(0)}),[d]),l((()=>{if(d){const e=G();P(e)}}),[B]),l((()=>{V(e),F(""),L(0)}),[e]);const R=e=>a?a(e):e.toString(),W=e=>{const t=a?a(e):e.toString();let r=0;return M&&M.current&&(r=M.current.getBoundingClientRect().width-100),Gt.shouldTruncateToTwoLines("string"==typeof t?t:t.title,r)},q=e=>Bi(y,e)>-1,U=t=>{if(""===t)V(e);else if(g){const e=g(t);V(e)}else{const r=e.filter((e=>{const r=R(e),n="object"==typeof r?r.title.toLowerCase():r.toLowerCase();return"object"==typeof r&&r.secondaryLabel?n.includes(t.trim().toLowerCase())||r.secondaryLabel.includes(t.trim().toLowerCase()):n.includes(t.trim().toLowerCase())}));V(r)}},G=()=>M&&M.current?M.current.getBoundingClientRect().height:0,Q=e=>{if(I&&I.current.contains(e.target))switch(e.code){case"ArrowDown":if(H.current<T.current.length-1){const e=H.current+1;E.current[e].focus(),L(e)}break;case"ArrowUp":if(H.current>0){const e=H.current-1;E.current[e].focus(),L(H.current-1)}break;case"Escape":m&&m()}},Z=(e,t)=>{e.preventDefault(),s&&s(t,(e=>i?i(e):e)(t))},K=e=>{const t=e.target.value;F(t),f&&f()},X=()=>{F(""),f&&f()},J=()=>{w&&w()},Y=()=>{S&&S()},ee=e=>{const n=R(e),a="string"==typeof n?n:n.title;return t(Rc,{"data-testid":"truncate-middle-container",children:[r(Wc,{children:a}),t(qc,{children:[" ",a]})]})},te=e=>{const a=R(e);return"string"==typeof a?r(n,{children:a}):t(n,{children:[a.title,a.secondaryLabel&&r(Vc,{children:a.secondaryLabel})]})},re=()=>{if(!w||w&&"success"===x)return B.map(((e,n)=>r(Hc,{checked:q(e)&&!b,children:t(Tc,{onClick:t=>{Z(t,e)},ref:e=>E.current[n]=e,"data-testid":"list-item",type:"button",tabIndex:d?0:-1,multiSelect:b,onBlur:Y,children:[b&&r(Uc,{checked:q(e),displaySize:"small"}),_?_(e,{selected:q(e)}):r(Lc,{truncateType:$,children:"middle"===$&&W(e)?ee(e):te(e)})]})},((e,t)=>`item_${t}__${i?i(e):e}`)(e,n))))},ne=()=>{if(b&&B.length>0&&!j&&"success"===x)return r(Gc,{children:r(Qc,{onClick:v,children:0===y.length?"Select all":"Unselect all"})},"selectAll")},ae=()=>{if(j&&0===B.length)return t(Zc,{"data-testid":"list-no-results",children:[r(Xc,{"data-testid":"no-result-icon"}),r(Kc,{children:"No results found."})]},"noResults")},ie=()=>{if(w&&"loading"===x)return t(Zc,{"data-testid":"list-loading",children:[r(Cc,{$buttonStyle:"secondary",size:24}),r(Kc,{children:"Loading..."})]},"loading")},oe=()=>{if(w&&"fail"===x)return t(Zc,{"data-testid":"list-fail",children:[r(Xc,{"data-testid":"load-error-icon"}),r(Kc,{children:"Failed to load."}),r(Qc,{onClick:J,children:"Try again."})]},"noResults")};return r(Ec,{style:N,"data-testid":d?"dropdown-container":"dropdown-container-hidden",ref:I,children:(()=>{if(d)return t(Dc,{ref:M,"data-testid":"dropdown-list",width:c,role:"list",...C,children:[(h||g)&&"success"===x?r(cu,{ref:D,onChange:K,value:j,placeholder:p,"data-testid":"search-input","aria-label":"search-input",tabIndex:d?0:-1,onClear:X}):null,ne(),ae(),ie(),oe(),re()]})})()})};var du,hu={};Object.defineProperty(hu,"__esModule",{value:!0});var pu=e;const fu=e=>pu.jsx("svg",{width:"1em",height:"1em",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e,children:pu.jsx("path",{d:"M2.62611 5.81312C2.84811 5.59112 3.10478 5.48012 3.39611 5.48012C3.68811 5.48012 3.94511 5.59112 4.16711 5.81312L10.1881 11.8341L16.2301 5.79212C16.4381 5.58412 16.6881 5.48012 16.9801 5.48012C17.2714 5.48012 17.5281 5.59112 17.7501 5.81312C17.9588 6.02179 18.0631 6.27545 18.0631 6.57412C18.0631 6.87279 17.9588 7.12612 17.7501 7.33412L10.8131 14.2721C10.7158 14.3688 10.6151 14.4381 10.5111 14.4801C10.4071 14.5215 10.2994 14.5421 10.1881 14.5421C10.0768 14.5421 9.96911 14.5215 9.86511 14.4801C9.76111 14.4381 9.66044 14.3688 9.56311 14.2721L2.60511 7.31312C2.38244 7.09112 2.27811 6.83779 2.29211 6.55312C2.30611 6.26845 2.41744 6.02179 2.62611 5.81312Z",fill:"currentColor"})});fu.displayName="ChevronDownIcon",du=hu.ChevronDownIcon=fu;const gu="all 300ms cubic-bezier(0.21, 0.79, 0.53, 1)",mu=g.div`
|
|
677
|
+
position: relative;
|
|
678
|
+
min-height: 3rem;
|
|
679
|
+
height: 3rem; // Need this to persist the height when expanding or collapsing list
|
|
680
|
+
width: 100%;
|
|
681
|
+
|
|
682
|
+
${yc.tablet} {
|
|
683
|
+
height: auto;
|
|
684
|
+
}
|
|
685
|
+
`,bu=g.button`
|
|
686
|
+
display: flex;
|
|
687
|
+
position: relative;
|
|
688
|
+
align-items: center;
|
|
689
|
+
justify-content: space-between;
|
|
690
|
+
padding: 0 1rem;
|
|
691
|
+
height: 3rem;
|
|
692
|
+
width: 100%;
|
|
693
|
+
border-radius: ${"4px"};
|
|
694
|
+
cursor: pointer;
|
|
695
|
+
border: none;
|
|
696
|
+
background: transparent;
|
|
697
|
+
|
|
698
|
+
:focus,
|
|
699
|
+
:active {
|
|
700
|
+
outline: none;
|
|
701
|
+
}
|
|
702
|
+
|
|
703
|
+
:focus-visible {
|
|
704
|
+
outline: 2px solid ${Lt.Accent.Light[3]};
|
|
705
|
+
}
|
|
706
|
+
`,yu=b`
|
|
707
|
+
from {
|
|
708
|
+
position: absolute;
|
|
709
|
+
top: 0;
|
|
710
|
+
left: 0;
|
|
711
|
+
width: 100%;
|
|
712
|
+
z-index: 2;
|
|
713
|
+
}
|
|
714
|
+
|
|
715
|
+
to {
|
|
716
|
+
position: relative;
|
|
717
|
+
}
|
|
718
|
+
`,vu=g.div`
|
|
719
|
+
position: relative;
|
|
720
|
+
border: 1px solid ${Lt.Neutral[5]};
|
|
721
|
+
border-radius: ${"4px"};
|
|
722
|
+
background: ${Lt.Neutral[8]};
|
|
723
|
+
|
|
724
|
+
:focus-within {
|
|
725
|
+
border: 1px solid ${Lt.Accent.Light[1]};
|
|
726
|
+
box-shadow: ${Wt};
|
|
727
|
+
}
|
|
728
|
+
|
|
729
|
+
${e=>e.expanded?m`
|
|
730
|
+
position: absolute;
|
|
731
|
+
top: 0;
|
|
732
|
+
left: 0;
|
|
733
|
+
width: 100%;
|
|
734
|
+
z-index: 2;
|
|
735
|
+
`:m`
|
|
736
|
+
animation: ${yu} 0.5s ease-in-out;
|
|
737
|
+
`}
|
|
738
|
+
|
|
739
|
+
${e=>e.disabled?m`
|
|
740
|
+
background: ${Lt.Neutral[6](e)};
|
|
741
|
+
|
|
742
|
+
${bu} {
|
|
743
|
+
cursor: not-allowed;
|
|
744
|
+
}
|
|
745
|
+
|
|
746
|
+
:focus-within {
|
|
747
|
+
border: 1px solid ${Lt.Neutral[5](e)};
|
|
748
|
+
box-shadow: none;
|
|
749
|
+
}
|
|
750
|
+
`:e.$readOnly?m`
|
|
751
|
+
border: none;
|
|
752
|
+
background: transparent !important;
|
|
753
|
+
|
|
754
|
+
${bu} {
|
|
755
|
+
padding-left: 0rem;
|
|
756
|
+
}
|
|
757
|
+
|
|
758
|
+
:focus-within {
|
|
759
|
+
border: none;
|
|
760
|
+
box-shadow: none;
|
|
761
|
+
}
|
|
762
|
+
`:e.error?m`
|
|
763
|
+
border: 1px solid ${Lt.Validation.Red.Border(e)};
|
|
764
|
+
|
|
765
|
+
:focus-within {
|
|
766
|
+
border: 1px solid ${Lt.Validation.Red.Border(e)};
|
|
767
|
+
box-shadow: ${qt};
|
|
768
|
+
}
|
|
769
|
+
`:void 0}
|
|
770
|
+
`;g.div`
|
|
771
|
+
transform: rotate(${e=>e.expanded?180:0}deg);
|
|
772
|
+
transition: ${gu};
|
|
773
|
+
margin-left: 1rem;
|
|
774
|
+
`,g(du)`
|
|
775
|
+
color: ${Lt.Neutral[3]};
|
|
776
|
+
height: ${tr.Body.fontSize}rem;
|
|
777
|
+
width: ${tr.Body.fontSize}rem;
|
|
778
|
+
`,g.div`
|
|
779
|
+
height: 1px;
|
|
780
|
+
background: ${Lt.Neutral[5]};
|
|
781
|
+
margin: 0 0.5rem;
|
|
782
|
+
`,g.div`
|
|
783
|
+
display: flex;
|
|
784
|
+
flex: 1;
|
|
785
|
+
`;const wu=g(gr.Body)`
|
|
786
|
+
text-align: left;
|
|
787
|
+
line-height: 1.375rem;
|
|
788
|
+
${e=>{if("middle"!==e.truncateType)return m`
|
|
789
|
+
display: -webkit-box;
|
|
790
|
+
-webkit-line-clamp: 1;
|
|
791
|
+
-webkit-box-orient: vertical;
|
|
792
|
+
text-overflow: ellipsis;
|
|
793
|
+
`}}
|
|
794
|
+
overflow: hidden;
|
|
795
|
+
`;g(wu)`
|
|
796
|
+
color: ${Lt.Neutral[3]};
|
|
797
|
+
`;const xu=mu,$u=g(vu)``,_u=g.div`
|
|
798
|
+
position: relative;
|
|
799
|
+
display: flex;
|
|
800
|
+
margin: 0 1rem;
|
|
801
|
+
${e=>{if(e.$expanded)return m`
|
|
802
|
+
border-bottom: 1px solid ${Lt.Neutral[5](e)};
|
|
803
|
+
`}}
|
|
804
|
+
|
|
805
|
+
${e=>e.$readOnly?m`
|
|
806
|
+
border: 0;
|
|
807
|
+
margin: 0;
|
|
808
|
+
`:"right"===e.$position?m`
|
|
809
|
+
flex-direction: row-reverse;
|
|
810
|
+
margin: 0 0 0 1rem;
|
|
811
|
+
`:m`
|
|
812
|
+
flex-direction: row;
|
|
813
|
+
`}
|
|
814
|
+
`,Su=g(bu)`
|
|
815
|
+
padding: 0;
|
|
816
|
+
width: auto;
|
|
817
|
+
`,Cu=g.div`
|
|
818
|
+
height: 3rem;
|
|
819
|
+
display: flex;
|
|
820
|
+
align-items: center;
|
|
821
|
+
padding: 0;
|
|
822
|
+
background: transparent;
|
|
823
|
+
margin-right: 0.75rem;
|
|
824
|
+
`,ku=g.div`
|
|
825
|
+
transform: rotate(${e=>e.$expanded?180:0}deg);
|
|
826
|
+
transition: ${gu};
|
|
827
|
+
margin: 0 0.75rem;
|
|
828
|
+
`,Ou=g(du)`
|
|
829
|
+
color: ${Lt.Neutral[3]};
|
|
830
|
+
height: ${tr.Body.fontSize}rem;
|
|
831
|
+
width: ${tr.Body.fontSize}rem;
|
|
832
|
+
vertical-align: bottom;
|
|
833
|
+
`,ju=g.div`
|
|
834
|
+
display: flex;
|
|
835
|
+
flex: 1 1 auto;
|
|
836
|
+
`,Fu=g(gr.Body)`
|
|
837
|
+
text-align: left;
|
|
838
|
+
display: -webkit-box;
|
|
839
|
+
-webkit-line-clamp: 2;
|
|
840
|
+
-webkit-box-orient: vertical;
|
|
841
|
+
overflow: hidden;
|
|
842
|
+
text-overflow: ellipsis;
|
|
843
|
+
margin-top: 1px; // align with input
|
|
844
|
+
`,Bu=g(Fu)`
|
|
845
|
+
color: ${Lt.Neutral[3]};
|
|
846
|
+
`,Au=g.div`
|
|
847
|
+
width: 1px;
|
|
848
|
+
background: ${Lt.Neutral[5]};
|
|
849
|
+
|
|
850
|
+
${e=>{if(e.$readOnly)return m`
|
|
851
|
+
display: none;
|
|
852
|
+
`}}
|
|
853
|
+
|
|
854
|
+
${e=>"right"===e.$position?m`
|
|
855
|
+
margin: 1rem 0.75rem;
|
|
856
|
+
`:m`
|
|
857
|
+
margin: 1rem 0.75rem 1rem 0;
|
|
858
|
+
`}
|
|
859
|
+
`,zu=({addon:e,error:a,onChange:i,readOnly:s,className:c,onBlur:d,...h})=>{const{placeholder:p,options:f,enableSearch:g,searchFunction:m,searchPlaceholder:b,valueExtractor:y,listExtractor:v,displayValueExtractor:w,selectedOption:x,onSelectOption:$,onHideOptions:_,onShowOptions:S,"data-selector-testid":C}=e.attributes,{position:k}=e,[O,j]=u(x),[F,B]=u(!1),A=o(),z=o();l((()=>{j(x)}),[x]),l((()=>(document.addEventListener("mousedown",I),()=>{document.removeEventListener("mousedown",I)})),[]);const P=()=>w?w(O):y?y(O):O.toString(),N=e=>{!e&&_&&_(),e&&S&&S()},I=e=>{if(!h.disabled){if(A&&A.current.contains(e.target))return;B(!1),N(!1),H()}},M=e=>{e.preventDefault(),h.disabled||(B(!F),N(!F))},E=(e,t)=>{j(e),B(!1),N(!1),z&&z.current.focus(),$&&$(e,t)},D=e=>{i&&i(e)},H=()=>{d&&d()},T=()=>{B(!1),N(!1),z&&z.current.focus()};return r(xu,{className:c,children:t($u,{ref:A,disabled:h.disabled,error:a&&!F,expanded:F,$readOnly:s,children:[t(_u,{$expanded:F,$readOnly:s,$position:k,children:[s?O?r(Cu,{children:r(Fu,{"data-testid":"selector-label",children:P()})}):null:r(Su,{ref:z,type:"button",disabled:h.disabled,"data-testid":C||"addon-selector",onClick:M,children:t(n,{children:[t(ju,{children:[p&&!O&&r(Bu,{children:p}),O&&r(Fu,{"data-testid":"selector-label",children:P()})]}),r(ku,{$expanded:F,children:r(Ou,{})})]})}),r(Au,{$readOnly:s,$position:k}),r(xr,{...h,readOnly:s,error:a,onChange:D,"data-testid":h["data-testid"]||"input",onBlur:H})]}),f&&f.length>0?r(uu,{listItems:f,selectedItems:x?[x]:[],onSelectItem:E,valueExtractor:y,listExtractor:v,visible:F,enableSearch:g,searchFunction:m,searchPlaceholder:b,"data-testid":"dropdown-list",onBlur:H,onDismiss:T}):null]})})},Pu=i.forwardRef((({addon:e,error:n,className:a,...i},o)=>{const s=()=>r(wr,{disabled:i.disabled,$error:n,$readOnly:i.readOnly,"data-testid":i["data-testid"],className:a,children:r(xr,{ref:o,...i,"data-testid":"input"})});if(!e)return s();{const{type:o="label",position:l="left"}=e,{allowClear:c}=i;switch(o){case"list":{const t=e.attributes;return t.options&&t.options.length>0?r(zu,{addon:e,error:n,className:a,...i}):s()}case"custom":{const o=e.attributes;return o.children?t(Ut,{$error:n,disabled:i.disabled,$readOnly:i.readOnly,"data-testid":i["data-testid"],$position:l,className:a,children:[r($r,{"data-testid":"addon",disabled:i.disabled,$readOnly:i.readOnly,$position:l,children:o.children}),r(xr,{...i,allowClear:c&&"right"!==l,error:n,"data-testid":"input"})]}):s()}default:{const o=e.attributes;return o.value?t(Ut,{disabled:i.disabled,$error:n,$readOnly:i.readOnly,"data-testid":i["data-testid"],$position:l,className:a,children:[r($r,{"data-testid":"addon",disabled:i.disabled,$readOnly:i.readOnly,$position:l,children:o.value}),r(xr,{...i,allowClear:c&&"right"!==l,error:n,"data-testid":"input"})]}):s()}}}}));var Nu=function(e,t,r,n){var a=-1,i=null==e?0:e.length;for(n&&i&&(r=e[++a]);++a<i;)r=t(r,e[a],a,e);return r};var Iu=function(e){return function(t,r,n){for(var a=-1,i=Object(t),o=n(t),s=o.length;s--;){var l=o[e?s:++a];if(!1===r(i[l],l,i))break}return t}}(),Mu=Yn;var Eu=Zn;var Du=function(e,t){return function(r,n){if(null==r)return r;if(!Eu(r))return e(r,n);for(var a=r.length,i=t?a:-1,o=Object(r);(t?i--:++i<a)&&!1!==n(o[i],i,o););return r}}((function(e,t){return e&&Iu(e,t,Mu)}));var Hu=Nu,Tu=Du,Lu=pi,Vu=function(e,t,r,n,a){return a(e,(function(e,a,i){r=n?(n=!1,e):t(r,e,a,i)})),r},Ru=w;var Wu=function(e,t,r){var n=Ru(e)?Hu:Vu,a=arguments.length<3;return n(e,Lu(t),r,a,Tu)};const qu=[["Afghanistan",["asia"],"af","93"],["Albania",["europe"],"al","355"],["Algeria",["africa","north-africa"],"dz","213"],["Andorra",["europe"],"ad","376"],["Angola",["africa"],"ao","244"],["Antigua and Barbuda",["america","carribean"],"ag","1268"],["Argentina",["america","south-america"],"ar","54","(..) ........"],["Armenia",["asia","ex-ussr"],"am","374",".. ......"],["Aruba",["america","carribean"],"aw","297"],["Australia",["oceania"],"au","61","(..) .... ...."],["Austria",["europe","eu-union"],"at","43"],["Azerbaijan",["asia","ex-ussr"],"az","994","(..) ... .. .."],["Bahamas",["america","carribean"],"bs","1242"],["Bahrain",["middle-east"],"bh","973"],["Bangladesh",["asia"],"bd","880"],["Barbados",["america","carribean"],"bb","1246"],["Belarus",["europe","ex-ussr"],"by","375","(..) ... .. .."],["Belgium",["europe","eu-union"],"be","32","... .. .. .."],["Belize",["america","central-america"],"bz","501"],["Benin",["africa"],"bj","229"],["Bhutan",["asia"],"bt","975"],["Bolivia",["america","south-america"],"bo","591"],["Bosnia and Herzegovina",["europe","ex-yugos"],"ba","387"],["Botswana",["africa"],"bw","267"],["Brazil",["america","south-america"],"br","55","(..) ........."],["British Indian Ocean Territory",["asia"],"io","246"],["Brunei",["asia"],"bn","673"],["Bulgaria",["europe","eu-union"],"bg","359"],["Burkina Faso",["africa"],"bf","226"],["Burundi",["africa"],"bi","257"],["Cambodia",["asia"],"kh","855"],["Cameroon",["africa"],"cm","237"],["Canada",["america","north-america"],"ca","1","(...) ... ...."],["Cape Verde",["africa"],"cv","238"],["Caribbean Netherlands",["america","carribean"],"bq","599",""],["Central African Republic",["africa"],"cf","236"],["Chad",["africa"],"td","235"],["Chile",["america","south-america"],"cl","56"],["China",["asia"],"cn","86",".. ........."],["Colombia",["america","south-america"],"co","57","... ... ...."],["Comoros",["africa"],"km","269"],["Congo",["africa"],"cd","243"],["Congo",["africa"],"cg","242"],["Costa Rica",["america","central-america"],"cr","506",".... ...."],["Côte d’Ivoire",["africa"],"ci","225",".. .. .. .."],["Croatia",["europe","eu-union","ex-yugos"],"hr","385"],["Cuba",["america","carribean"],"cu","53"],["Curaçao",["america","carribean"],"cw","599",""],["Cyprus",["europe","eu-union"],"cy","357",".. ......"],["Czech Republic",["europe","eu-union"],"cz","420","... ... ..."],["Denmark",["europe","eu-union","baltic"],"dk","45",".. .. .. .."],["Djibouti",["africa"],"dj","253"],["Dominica",["america","carribean"],"dm","1767"],["Dominican Republic",["america","carribean"],"do","1",""],["Ecuador",["america","south-america"],"ec","593"],["Egypt",["africa","north-africa"],"eg","20"],["El Salvador",["america","central-america"],"sv","503",".... ...."],["Equatorial Guinea",["africa"],"gq","240"],["Eritrea",["africa"],"er","291"],["Estonia",["europe","eu-union","ex-ussr","baltic"],"ee","372",".... ......"],["Ethiopia",["africa"],"et","251"],["Fiji",["oceania"],"fj","679"],["Finland",["europe","eu-union","baltic"],"fi","358",".. ... .. .."],["France",["europe","eu-union"],"fr","33",". .. .. .. .."],["French Guiana",["america","south-america"],"gf","594"],["French Polynesia",["oceania"],"pf","689"],["Gabon",["africa"],"ga","241"],["Gambia",["africa"],"gm","220"],["Georgia",["asia","ex-ussr"],"ge","995"],["Germany",["europe","eu-union","baltic"],"de","49",".... ........"],["Ghana",["africa"],"gh","233"],["Greece",["europe","eu-union"],"gr","30"],["Grenada",["america","carribean"],"gd","1473"],["Guadeloupe",["america","carribean"],"gp","590","",0],["Guam",["oceania"],"gu","1671"],["Guatemala",["america","central-america"],"gt","502",".... ...."],["Guinea",["africa"],"gn","224"],["Guinea-Bissau",["africa"],"gw","245"],["Guyana",["america","south-america"],"gy","592"],["Haiti",["america","carribean"],"ht","509",".... ...."],["Honduras",["america","central-america"],"hn","504"],["Hong Kong",["asia"],"hk","852",".... ...."],["Hungary",["europe","eu-union"],"hu","36"],["Iceland",["europe"],"is","354","... ...."],["India",["asia"],"in","91","..... ....."],["Indonesia",["asia"],"id","62"],["Iran",["middle-east"],"ir","98","... ... ...."],["Iraq",["middle-east"],"iq","964"],["Ireland",["europe","eu-union"],"ie","353",".. ......."],["Israel",["middle-east"],"il","972","... ... ...."],["Italy",["europe","eu-union"],"it","39","... ......."],["Jamaica",["america","carribean"],"jm","1876"],["Japan",["asia"],"jp","81",".. .... ...."],["Jordan",["middle-east"],"jo","962"],["Kazakhstan",["asia","ex-ussr"],"kz","7","... ... .. .."],["Kenya",["africa"],"ke","254"],["Kiribati",["oceania"],"ki","686"],["Kosovo",["europe","ex-yugos"],"xk","383"],["Kuwait",["middle-east"],"kw","965"],["Kyrgyzstan",["asia","ex-ussr"],"kg","996","... ... ..."],["Laos",["asia"],"la","856"],["Latvia",["europe","eu-union","ex-ussr","baltic"],"lv","371",".. ... ..."],["Lebanon",["middle-east"],"lb","961"],["Lesotho",["africa"],"ls","266"],["Liberia",["africa"],"lr","231"],["Libya",["africa","north-africa"],"ly","218"],["Liechtenstein",["europe"],"li","423"],["Lithuania",["europe","eu-union","ex-ussr","baltic"],"lt","370"],["Luxembourg",["europe","eu-union"],"lu","352"],["Macau",["asia"],"mo","853"],["Macedonia",["europe","ex-yugos"],"mk","389"],["Madagascar",["africa"],"mg","261"],["Malawi",["africa"],"mw","265"],["Malaysia",["asia"],"my","60",".. .... ...."],["Maldives",["asia"],"mv","960"],["Mali",["africa"],"ml","223"],["Malta",["europe","eu-union"],"mt","356"],["Marshall Islands",["oceania"],"mh","692"],["Martinique",["america","carribean"],"mq","596"],["Mauritania",["africa"],"mr","222"],["Mauritius",["africa"],"mu","230"],["Mexico",["america","central-america"],"mx","52","... ... ...."],["Micronesia",["oceania"],"fm","691"],["Moldova",["europe"],"md","373","(..) .. .. .."],["Monaco",["europe"],"mc","377"],["Mongolia",["asia"],"mn","976"],["Montenegro",["europe","ex-yugos"],"me","382"],["Morocco",["africa","north-africa"],"ma","212"],["Mozambique",["africa"],"mz","258"],["Myanmar",["asia"],"mm","95"],["Namibia",["africa"],"na","264"],["Nauru",["africa"],"nr","674"],["Nepal",["asia"],"np","977"],["Netherlands",["europe","eu-union"],"nl","31",".. ........"],["New Caledonia",["oceania"],"nc","687"],["New Zealand",["oceania"],"nz","64","... ... ...."],["Nicaragua",["america","central-america"],"ni","505"],["Niger",["africa"],"ne","227"],["Nigeria",["africa"],"ng","234"],["North Korea",["asia"],"kp","850"],["Norway",["europe","baltic"],"no","47","... .. ..."],["Oman",["middle-east"],"om","968"],["Pakistan",["asia"],"pk","92","... ......."],["Palau",["oceania"],"pw","680"],["Palestine",["middle-east"],"ps","970"],["Panama",["america","central-america"],"pa","507"],["Papua New Guinea",["oceania"],"pg","675"],["Paraguay",["america","south-america"],"py","595"],["Peru",["america","south-america"],"pe","51"],["Philippines",["asia"],"ph","63",".... ......."],["Poland",["europe","eu-union","baltic"],"pl","48","... ... ..."],["Portugal",["europe","eu-union"],"pt","351"],["Puerto Rico",["america","carribean"],"pr","1",""],["Qatar",["middle-east"],"qa","974"],["Réunion",["africa"],"re","262"],["Romania",["europe","eu-union"],"ro","40"],["Russia",["europe","asia","ex-ussr","baltic"],"ru","7","(...) ... .. .."],["Rwanda",["africa"],"rw","250"],["Saint Kitts and Nevis",["america","carribean"],"kn","1869"],["Saint Lucia",["america","carribean"],"lc","1758"],["Saint Vincent and the Grenadines",["america","carribean"],"vc","1784"],["Samoa",["oceania"],"ws","685"],["San Marino",["europe"],"sm","378"],["São Tomé and Príncipe",["africa"],"st","239"],["Saudi Arabia",["middle-east"],"sa","966"],["Senegal",["africa"],"sn","221"],["Serbia",["europe","ex-yugos"],"rs","381"],["Seychelles",["africa"],"sc","248"],["Sierra Leone",["africa"],"sl","232"],["Singapore",["asia"],"sg","65",".... ...."],["Slovakia",["europe","eu-union"],"sk","421"],["Slovenia",["europe","eu-union","ex-yugos"],"si","386"],["Solomon Islands",["oceania"],"sb","677"],["Somalia",["africa"],"so","252"],["South Africa",["africa"],"za","27"],["South Korea",["asia"],"kr","82","... .... ...."],["South Sudan",["africa","north-africa"],"ss","211"],["Spain",["europe","eu-union"],"es","34","... ... ..."],["Sri Lanka",["asia"],"lk","94"],["Sudan",["africa"],"sd","249"],["Suriname",["america","south-america"],"sr","597"],["Swaziland",["africa"],"sz","268"],["Sweden",["europe","eu-union","baltic"],"se","46","(...) ... ..."],["Switzerland",["europe"],"ch","41",".. ... .. .."],["Syria",["middle-east"],"sy","963"],["Taiwan",["asia"],"tw","886"],["Tajikistan",["asia","ex-ussr"],"tj","992"],["Tanzania",["africa"],"tz","255"],["Thailand",["asia"],"th","66"],["Timor-Leste",["asia"],"tl","670"],["Togo",["africa"],"tg","228"],["Tonga",["oceania"],"to","676"],["Trinidad and Tobago",["america","carribean"],"tt","1868"],["Tunisia",["africa","north-africa"],"tn","216"],["Turkey",["europe"],"tr","90","... ... .. .."],["Turkmenistan",["asia","ex-ussr"],"tm","993"],["Tuvalu",["asia"],"tv","688"],["Uganda",["africa"],"ug","256"],["Ukraine",["europe","ex-ussr"],"ua","380","(..) ... .. .."],["United Arab Emirates",["middle-east"],"ae","971"],["United Kingdom",["europe","eu-union"],"gb","44",".... ......"],["United States",["america","north-america"],"us","1","(...) ... ...."],["Uruguay",["america","south-america"],"uy","598"],["Uzbekistan",["asia","ex-ussr"],"uz","998",".. ... .. .."],["Vanuatu",["oceania"],"vu","678"],["Vatican City",["europe"],"va","39",".. .... ...."],["Venezuela",["america","south-america"],"ve","58"],["Vietnam",["asia"],"vn","84"],["Yemen",["middle-east"],"ye","967"],["Zambia",["africa"],"zm","260"],["Zimbabwe",["africa"],"zw","263"]],Uu=(e,t,r,n)=>r?e+"".padEnd(t.length,".")+" "+r:e+"".padEnd(t.length,".")+" "+n;var Gu;!function(e){e.getCountries=()=>[].concat(...qu.map((e=>({name:e[0],regions:e[1],iso2:e[2],countryCode:e[3],format:Uu("+",e[3],e[4],"... ... ... ... ..")})))),e.formatNumber=(e="",t)=>{if(!t)return e;const r=e.replace(/[\s()]+/g,""),{format:n}=t,a=n.split(" ");a.shift();const i=a.join(" ");return Wu(i,((e,t)=>{if(0===e.remainingText.length)return e;if("."!==t)return{formattedText:e.formattedText+t,remainingText:e.remainingText};const[r,...n]=e.remainingText;return{formattedText:e.formattedText+r,remainingText:n}}),{formattedText:"",remainingText:r}).formattedText}}(Gu||(Gu={}));const Qu=({onChange:e,value:t,allowClear:n,onClear:a,onBlur:i,error:s,fixedCountry:c=!1,optionPlaceholder:d="Select",optionSearchPlaceholder:h,enableSearch:p,onHideOptions:f,onShowOptions:g,placeholder:m,...b})=>{const[y]=u(Gu.getCountries()),[v,w]=u(void 0),[x,$]=u(""),_=o();l((()=>{const e=y.filter((e=>e.countryCode===Zu(t?.countryCode)))[0];w(e),$(Gu.formatNumber(t?.number,e))}),[t]);const S=t=>{e?C(x,t):k(x,t)},C=(t,r)=>{const n=Gu.formatNumber(t,r);e({number:n.replace(/[\s()]+/g,""),countryCode:r&&Ku(r.countryCode)})},k=(e,t)=>{$(Gu.formatNumber(e,t)),w(t)};return r(Pu,{ref:_,value:x,onChange:t=>{const r=t.target.value.replace(/[^0-9]/g,"");e?C(r,v):k(r,v)},allowClear:n&&!!x,onClear:()=>{a?a():$("")},onBlur:i,error:s,placeholder:m,addon:c?{type:"label",attributes:{value:Ku(v?.countryCode)}}:{type:"list",attributes:{placeholder:d,options:y,selectedOption:v,enableSearch:p,searchPlaceholder:h,valueExtractor:e=>`+${e.countryCode}`,listExtractor:e=>({title:e.name,secondaryLabel:Ku(e.countryCode)}),onSelectOption:S,onHideOptions:f,onShowOptions:g}},inputMode:"numeric",...b})},Zu=e=>e?e.replace("+",""):"",Ku=e=>e?e.includes("+")?e:`+${e}`:"";export{Qu as PhoneNumberInput};
|
|
860
|
+
//# sourceMappingURL=index.js.map
|