@lifesg/react-design-system 1.0.0-alpha.2 → 1.0.0-alpha.20
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.js +1 -1
- package/animations/index.js.map +1 -1
- 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/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 +1999 -1021
- 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 +121 -136
- 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 +322 -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 +774 -629
- 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 +11 -1
- package/index.js +1997 -1019
- package/index.js.map +1 -1
- package/input/index.js +84 -41
- package/input/index.js.map +1 -1
- package/input/input.d.ts +1 -1
- package/input/input.style.d.ts +9 -0
- package/input/types.d.ts +2 -0
- package/input-group/index.js +392 -312
- 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 +4 -1
- package/input-group/input-group.d.ts +1 -1
- package/input-group/input-group.style.d.ts +1 -2
- package/input-group/types.d.ts +8 -8
- package/input-select/index.js +278 -242
- 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/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 +1 -0
- package/phone-number-input/index.js +850 -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/phone-number-input.styles.d.ts +1 -0
- package/phone-number-input/types.d.ts +42 -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 +21 -12
- 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 +403 -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 +16 -0
- package/util/date-helper.d.ts +19 -0
- package/util/index.d.ts +2 -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,850 @@
|
|
|
1
|
+
import e,{jsxs as t,jsx as r,Fragment as n}from"react/jsx-runtime";import*as a from"react";import i,{useEffect as o,useLayoutEffect as s,useState as l,useRef as c,forwardRef as u,useCallback as d,useContext as h,useMemo as p}from"react";import f,{css as g,keyframes as m}from"styled-components";import{unstable_batchedUpdates as b}from"react-dom";var y="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},v=Array.isArray,w="object"==typeof y&&y&&y.Object===Object&&y,x=w,_="object"==typeof self&&self&&self.Object===Object&&self,S=x||_||Function("return this")(),$=S.Symbol,C=$,k=Object.prototype,j=k.hasOwnProperty,F=k.toString,O=C?C.toStringTag:void 0;var B=function(e){var t=j.call(e,O),r=e[O];try{e[O]=void 0;var n=!0}catch(e){}var a=F.call(e);return n&&(t?e[O]=r:delete e[O]),a},A=Object.prototype.toString;var z=B,P=function(e){return A.call(e)},I=$?$.toStringTag:void 0;var N=function(e){return null==e?void 0===e?"[object Undefined]":"[object Null]":I&&I in Object(e)?z(e):P(e)};var M=function(e){return null!=e&&"object"==typeof e},D=N,E=M;var H=function(e){return"symbol"==typeof e||E(e)&&"[object Symbol]"==D(e)},T=v,L=H,V=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,R=/^\w*$/;var W=function(e,t){if(T(e))return!1;var r=typeof e;return!("number"!=r&&"symbol"!=r&&"boolean"!=r&&null!=e&&!L(e))||(R.test(e)||!V.test(e)||null!=t&&e in Object(t))};var q=function(e){var t=typeof e;return null!=e&&("object"==t||"function"==t)},U=N,G=q;var Q,Z=function(e){if(!G(e))return!1;var t=U(e);return"[object Function]"==t||"[object GeneratorFunction]"==t||"[object AsyncFunction]"==t||"[object Proxy]"==t},K=S["__core-js_shared__"],X=(Q=/[^.]+$/.exec(K&&K.keys&&K.keys.IE_PROTO||""))?"Symbol(src)_1."+Q:"";var J=function(e){return!!X&&X in e},Y=Function.prototype.toString;var ee=function(e){if(null!=e){try{return Y.call(e)}catch(e){}try{return e+""}catch(e){}}return""},te=Z,re=J,ne=q,ae=ee,ie=/^\[object .+?Constructor\]$/,oe=Function.prototype,se=Object.prototype,le=oe.toString,ce=se.hasOwnProperty,ue=RegExp("^"+le.call(ce).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");var de=function(e){return!(!ne(e)||re(e))&&(te(e)?ue:ie).test(ae(e))},he=function(e,t){return null==e?void 0:e[t]};var pe=function(e,t){var r=he(e,t);return de(r)?r:void 0},fe=pe(Object,"create"),ge=fe;var me=function(){this.__data__=ge?ge(null):{},this.size=0};var be=function(e){var t=this.has(e)&&delete this.__data__[e];return this.size-=t?1:0,t},ye=fe,ve=Object.prototype.hasOwnProperty;var we=function(e){var t=this.__data__;if(ye){var r=t[e];return"__lodash_hash_undefined__"===r?void 0:r}return ve.call(t,e)?t[e]:void 0},xe=fe,_e=Object.prototype.hasOwnProperty;var Se=fe;var $e=me,Ce=be,ke=we,je=function(e){var t=this.__data__;return xe?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 Oe(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])}}Oe.prototype.clear=$e,Oe.prototype.delete=Ce,Oe.prototype.get=ke,Oe.prototype.has=je,Oe.prototype.set=Fe;var Be=Oe;var Ae=function(){this.__data__=[],this.size=0};var ze=function(e,t){return e===t||e!=e&&t!=t},Pe=ze;var Ie=function(e,t){for(var r=e.length;r--;)if(Pe(e[r][0],t))return r;return-1},Ne=Ie,Me=Array.prototype.splice;var De=Ie;var Ee=Ie;var He=Ie;var Te=Ae,Le=function(e){var t=this.__data__,r=Ne(t,e);return!(r<0)&&(r==t.length-1?t.pop():Me.call(t,r,1),--this.size,!0)},Ve=function(e){var t=this.__data__,r=De(t,e);return r<0?void 0:t[r][1]},Re=function(e){return Ee(this.__data__,e)>-1},We=function(e,t){var r=this.__data__,n=He(r,e);return n<0?(++this.size,r.push([e,t])):r[n][1]=t,this};function qe(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])}}qe.prototype.clear=Te,qe.prototype.delete=Le,qe.prototype.get=Ve,qe.prototype.has=Re,qe.prototype.set=We;var Ue=qe,Ge=pe(S,"Map"),Qe=Be,Ze=Ue,Ke=Ge;var Xe=function(e){var t=typeof e;return"string"==t||"number"==t||"symbol"==t||"boolean"==t?"__proto__"!==e:null===e};var Je=function(e,t){var r=e.__data__;return Xe(t)?r["string"==typeof t?"string":"hash"]:r.map},Ye=Je;var et=Je;var tt=Je;var rt=Je;var nt=function(){this.size=0,this.__data__={hash:new Qe,map:new(Ke||Ze),string:new Qe}},at=function(e){var t=Ye(this,e).delete(e);return this.size-=t?1:0,t},it=function(e){return et(this,e).get(e)},ot=function(e){return tt(this,e).has(e)},st=function(e,t){var r=rt(this,e),n=r.size;return r.set(e,t),this.size+=r.size==n?0:1,this};function lt(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])}}lt.prototype.clear=nt,lt.prototype.delete=at,lt.prototype.get=it,lt.prototype.has=ot,lt.prototype.set=st;var ct=lt,ut=ct;function dt(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(dt.Cache||ut),r}dt.Cache=ut;var ht=dt;var pt=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,ft=/\\(\\)?/g,gt=function(e){var t=ht(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(pt,(function(e,r,n,a){t.push(n?a.replace(ft,"$1"):r||e)})),t}));var mt=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},bt=v,yt=H,vt=$?$.prototype:void 0,wt=vt?vt.toString:void 0;var xt=function e(t){if("string"==typeof t)return t;if(bt(t))return mt(t,e)+"";if(yt(t))return wt?wt.call(t):"";var r=t+"";return"0"==r&&1/t==-Infinity?"-0":r},_t=xt;var St=v,$t=W,Ct=gt,kt=function(e){return null==e?"":_t(e)};var jt=function(e,t){return St(e)?e:$t(e,t)?[e]:Ct(kt(e))},Ft=H;var Ot=function(e){if("string"==typeof e||Ft(e))return e;var t=e+"";return"0"==t&&1/e==-Infinity?"-0":t},Bt=jt,At=Ot;var zt=function(e,t){for(var r=0,n=(t=Bt(t,e)).length;null!=e&&r<n;)e=e[At(t[r++])];return r&&r==n?e:void 0},Pt=zt;var It=function(e,t,r){var n=null==e?void 0:Pt(e,t);return void 0===n?r:n};const Nt=(e,t,r)=>t?It(r,t)||It(e,t):r||e,Mt=(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 Et={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"},Ht=e=>t=>{const r=t.theme,n=Mt(Et,r[Dt.colorScheme]);return r.options&&r.options.color?Nt(n,e,r.options.color):Nt(n,e)},Tt={Brand:{1:Ht("Brand.1"),2:Ht("Brand.2"),3:Ht("Brand.3"),4:Ht("Brand.4"),5:Ht("Brand.5"),6:Ht("Brand.6")},Primary:Ht("Primary"),PrimaryDark:Ht("PrimaryDark"),Secondary:Ht("Secondary"),Accent:{Light:{1:Ht("Accent.Light.1"),2:Ht("Accent.Light.2"),3:Ht("Accent.Light.3"),4:Ht("Accent.Light.4"),5:Ht("Accent.Light.5"),6:Ht("Accent.Light.6")},Dark:{1:Ht("Accent.Dark.1"),2:Ht("Accent.Dark.2"),3:Ht("Accent.Dark.3")}},Neutral:{1:Ht("Neutral.1"),2:Ht("Neutral.2"),3:Ht("Neutral.3"),4:Ht("Neutral.4"),5:Ht("Neutral.5"),6:Ht("Neutral.6"),7:Ht("Neutral.7"),8:Ht("Neutral.8")},Validation:{Green:{Text:Ht("Validation.Green.Text"),Icon:Ht("Validation.Green.Icon"),Border:Ht("Validation.Green.Border"),Background:Ht("Validation.Green.Background")},Orange:{Text:Ht("Validation.Orange.Text"),Icon:Ht("Validation.Orange.Icon"),Border:Ht("Validation.Orange.Border"),Background:Ht("Validation.Orange.Background"),Badge:Ht("Validation.Orange.Badge")},Red:{Text:Ht("Validation.Red.Text"),Icon:Ht("Validation.Red.Icon"),Border:Ht("Validation.Red.Border"),Background:Ht("Validation.Red.Background")}},Shadow:{Accent:Ht("Shadow.Accent"),Red:Ht("Shadow.Red")}},Lt={collections:{base:{InputBoxShadow:g`
|
|
2
|
+
inset 0 0 6px 1px ${Tt.Shadow.Accent}
|
|
3
|
+
`,InputErrorBoxShadow:g`
|
|
4
|
+
inset 0 0 6px 1px ${Tt.Shadow.Red}
|
|
5
|
+
`}},defaultValue:"base"},Vt=e=>t=>{const r=t.theme,n=Mt(Lt,r[Dt.designTokenScheme]);return r.options?.designToken?Nt(n,e,r.options.designToken):Nt(n,e)},Rt=Vt("InputBoxShadow"),Wt=Vt("InputErrorBoxShadow");var qt;!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}}(qt||(qt={}));var Ut,Gt={};Object.defineProperty(Gt,"__esModule",{value:!0});var Qt=e;const Zt=e=>Qt.jsx("svg",{width:"1em",height:"1em",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e,children:Qt.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"})});Zt.displayName="CrossIcon",Ut=Gt.CrossIcon=Zt;const Kt={Regular:"Open Sans",Semibold:"Open Sans Semibold",Bold:"Open Sans Bold",Light:"Open Sans Light"},Xt={collections:{base:{D1:{fontFamily:Kt.Bold,fontSize:3,fontWeight:700,lineHeight:4,letterSpacing:-.056},D2:{fontFamily:Kt.Bold,fontSize:2.5,fontWeight:700,lineHeight:3.5,letterSpacing:-.032},D3:{fontFamily:Kt.Bold,fontSize:1.625,fontWeight:700,lineHeight:2.25},D4:{fontFamily:Kt.Bold,fontSize:1.375,fontWeight:700,lineHeight:1.75},DBody:{fontFamily:Kt.Regular,fontSize:1.375,lineHeight:1.75},H1:{fontFamily:Kt.Bold,fontSize:2,fontWeight:700,lineHeight:2.5},H2:{fontFamily:Kt.Bold,fontSize:1.625,fontWeight:700,lineHeight:2.25},H3:{fontFamily:Kt.Bold,fontSize:1.375,fontWeight:700,lineHeight:1.75},H4:{fontFamily:Kt.Bold,fontSize:1.125,fontWeight:700,lineHeight:1.625},H5:{fontFamily:Kt.Bold,fontSize:1,fontWeight:700,lineHeight:1.5,letterSpacing:.014},H6:{fontFamily:Kt.Bold,fontSize:.875,fontWeight:700,lineHeight:1.6,letterSpacing:.012},Body:{fontFamily:Kt.Regular,fontSize:1.125,lineHeight:1.625},BodySmall:{fontFamily:Kt.Regular,fontSize:1,lineHeight:1.5,letterSpacing:.014},XSmall:{fontFamily:Kt.Regular,fontSize:.75,lineHeight:1.2,letterSpacing:.012}}},defaultValue:"base"},Jt=e=>t=>{const r=t.theme,n=Mt(Xt,r[Dt.textStyleScheme]);return r.options&&r.options.textStyle?Nt(n,e,r.options.textStyle):Nt(n,e)},Yt={D1:{fontFamily:Jt("D1.fontFamily"),fontSize:Jt("D1.fontSize"),fontWeight:Jt("D1.fontWeight"),lineHeight:Jt("D1.lineHeight"),letterSpacing:Jt("D1.letterSpacing")},D2:{fontFamily:Jt("D2.fontFamily"),fontSize:Jt("D2.fontSize"),fontWeight:Jt("D2.fontWeight"),lineHeight:Jt("D2.lineHeight"),letterSpacing:Jt("D2.letterSpacing")},D3:{fontFamily:Jt("D3.fontFamily"),fontSize:Jt("D3.fontSize"),fontWeight:Jt("D3.fontWeight"),lineHeight:Jt("D3.lineHeight"),letterSpacing:Jt("D3.letterSpacing")},D4:{fontFamily:Jt("D4.fontFamily"),fontSize:Jt("D4.fontSize"),fontWeight:Jt("D4.fontWeight"),lineHeight:Jt("D4.lineHeight"),letterSpacing:Jt("D4.letterSpacing")},DBody:{fontFamily:Jt("DBody.fontFamily"),fontSize:Jt("DBody.fontSize"),fontWeight:Jt("DBody.fontWeight"),lineHeight:Jt("DBody.lineHeight"),letterSpacing:Jt("DBody.letterSpacing")},H1:{fontFamily:Jt("H1.fontFamily"),fontSize:Jt("H1.fontSize"),fontWeight:Jt("H1.fontWeight"),lineHeight:Jt("H1.lineHeight"),letterSpacing:Jt("H1.letterSpacing")},H2:{fontFamily:Jt("H2.fontFamily"),fontSize:Jt("H2.fontSize"),fontWeight:Jt("H2.fontWeight"),lineHeight:Jt("H2.lineHeight"),letterSpacing:Jt("H2.letterSpacing")},H3:{fontFamily:Jt("H3.fontFamily"),fontSize:Jt("H3.fontSize"),fontWeight:Jt("H3.fontWeight"),lineHeight:Jt("H3.lineHeight"),letterSpacing:Jt("H3.letterSpacing")},H4:{fontFamily:Jt("H4.fontFamily"),fontSize:Jt("H4.fontSize"),fontWeight:Jt("H4.fontWeight"),lineHeight:Jt("H4.lineHeight"),letterSpacing:Jt("H4.letterSpacing")},H5:{fontFamily:Jt("H5.fontFamily"),fontSize:Jt("H5.fontSize"),fontWeight:Jt("H5.fontWeight"),lineHeight:Jt("H5.lineHeight"),letterSpacing:Jt("H5.letterSpacing")},H6:{fontFamily:Jt("H6.fontFamily"),fontSize:Jt("H6.fontSize"),fontWeight:Jt("H6.fontWeight"),lineHeight:Jt("H6.lineHeight"),letterSpacing:Jt("H6.letterSpacing")},Body:{fontFamily:Jt("Body.fontFamily"),fontSize:Jt("Body.fontSize"),fontWeight:Jt("Body.fontWeight"),lineHeight:Jt("Body.lineHeight"),letterSpacing:Jt("Body.letterSpacing")},BodySmall:{fontFamily:Jt("BodySmall.fontFamily"),fontSize:Jt("BodySmall.fontSize"),fontWeight:Jt("BodySmall.fontWeight"),lineHeight:Jt("BodySmall.lineHeight"),letterSpacing:Jt("BodySmall.letterSpacing")},XSmall:{fontFamily:Jt("XSmall.fontFamily"),fontSize:Jt("XSmall.fontSize"),fontWeight:Jt("XSmall.fontWeight"),lineHeight:Jt("XSmall.lineHeight"),letterSpacing:Jt("XSmall.letterSpacing")}},er=e=>{switch(e){case 700:case"bold":return Kt.Bold;case 600:case"semibold":return Kt.Semibold;case 300:case"light":return Kt.Light;case 400:case"regular":return Kt.Regular;default:return""}},tr=(e,t)=>r=>{const n=Yt[e].fontFamily(r),a=Yt[e].fontWeight(r);return Object.values(Kt).includes(n)?g`
|
|
6
|
+
font-family: ${er(t)||er(a)||n};
|
|
7
|
+
font-weight: normal !important;
|
|
8
|
+
`:g`
|
|
9
|
+
font-family: ${n};
|
|
10
|
+
font-weight: ${(rr(t)||a)??"normal"};
|
|
11
|
+
`},rr=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""}},nr=(e,t,r=!1)=>n=>{const a=Yt[e],i=a.fontSize(n);return g`
|
|
12
|
+
${tr(e,t)}
|
|
13
|
+
font-size: ${i}rem !important;
|
|
14
|
+
line-height: ${a.lineHeight}rem !important;
|
|
15
|
+
letter-spacing: ${a.letterSpacing(n)||0}rem !important;
|
|
16
|
+
${g`
|
|
17
|
+
margin-bottom: ${i*(r?1.05:0)}rem;
|
|
18
|
+
`}
|
|
19
|
+
`},ar=(e=!1,t=!1)=>t?g`
|
|
20
|
+
display: block;
|
|
21
|
+
`:e?g`
|
|
22
|
+
display: inline;
|
|
23
|
+
`:g`
|
|
24
|
+
display: block;
|
|
25
|
+
`,ir=f.div`
|
|
26
|
+
${nr("Body","regular")}
|
|
27
|
+
border: 1px solid ${Tt.Neutral[5]};
|
|
28
|
+
border-radius: 4px;
|
|
29
|
+
display: flex;
|
|
30
|
+
position: relative;
|
|
31
|
+
flex-direction: row;
|
|
32
|
+
height: 100%;
|
|
33
|
+
width: 100%;
|
|
34
|
+
background: ${Tt.Neutral[8]};
|
|
35
|
+
color: ${Tt.Neutral[1]};
|
|
36
|
+
|
|
37
|
+
:focus-within {
|
|
38
|
+
outline: none;
|
|
39
|
+
border: 1px solid ${Tt.Accent.Light[1]};
|
|
40
|
+
box-shadow: ${Rt};
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
::placeholder,
|
|
44
|
+
::-webkit-input-placeholder {
|
|
45
|
+
color: ${Tt.Neutral[3]};
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
${e=>{if("number"===e.type)return g`
|
|
49
|
+
// Chrome, Safari, Edge, Opera
|
|
50
|
+
::-webkit-outer-spin-button,
|
|
51
|
+
::-webkit-inner-spin-button {
|
|
52
|
+
-webkit-appearance: none;
|
|
53
|
+
margin: 0;
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
// Firefox
|
|
57
|
+
-moz-appearance: textfield;
|
|
58
|
+
`}}
|
|
59
|
+
|
|
60
|
+
${e=>e.readOnly?g`
|
|
61
|
+
border: none;
|
|
62
|
+
padding: 0.2rem 0 0.3rem;
|
|
63
|
+
background: transparent !important;
|
|
64
|
+
:focus-within {
|
|
65
|
+
border: none;
|
|
66
|
+
box-shadow: none;
|
|
67
|
+
}
|
|
68
|
+
`:e.disabled?g`
|
|
69
|
+
background: ${Tt.Neutral[6](e)};
|
|
70
|
+
:hover {
|
|
71
|
+
cursor: not-allowed;
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
:focus-within {
|
|
75
|
+
outline: none;
|
|
76
|
+
border: 1px solid ${Tt.Neutral[5](e)};
|
|
77
|
+
box-shadow: none;
|
|
78
|
+
}
|
|
79
|
+
`:e.error?g`
|
|
80
|
+
border: 1px solid ${Tt.Validation.Red.Border(e)};
|
|
81
|
+
|
|
82
|
+
:focus-within {
|
|
83
|
+
border: 1px solid ${Tt.Validation.Red.Border(e)};
|
|
84
|
+
box-shadow: ${Wt};
|
|
85
|
+
}
|
|
86
|
+
`:void 0}
|
|
87
|
+
`,or=f.input`
|
|
88
|
+
// overwrite default styles
|
|
89
|
+
background: transparent;
|
|
90
|
+
border: none;
|
|
91
|
+
height: 3rem;
|
|
92
|
+
width: 100%;
|
|
93
|
+
|
|
94
|
+
${nr("Body","regular")}
|
|
95
|
+
padding: 0.2rem 1rem 0.3rem; // Somehow the input text appears lower
|
|
96
|
+
|
|
97
|
+
:focus,
|
|
98
|
+
:active {
|
|
99
|
+
outline: none;
|
|
100
|
+
border: none;
|
|
101
|
+
box-shadow: none;
|
|
102
|
+
}
|
|
103
|
+
`,sr=f.button`
|
|
104
|
+
position: relative;
|
|
105
|
+
display: flex;
|
|
106
|
+
align-items: center;
|
|
107
|
+
padding: 0.875rem 1rem;
|
|
108
|
+
cursor: pointer;
|
|
109
|
+
|
|
110
|
+
color: ${Tt.Neutral[3]};
|
|
111
|
+
background-color: transparent;
|
|
112
|
+
border: none;
|
|
113
|
+
`,lr=f(Ut)`
|
|
114
|
+
height: 1.25rem;
|
|
115
|
+
width: 1.25rem;
|
|
116
|
+
`,cr=i.forwardRef((({value:e,spacing:n,type:a,error:i,disabled:o,readOnly:s,onChange:l,onClear:c,allowClear:u=!1,...d},h)=>{const p=()=>"tel"===a&&n,f=e=>{const t=e.target,r=t.value,n=t.value.replace(/\s/g,"");t.value=n,l(e),t.value=r},g=e?(e=>e?p()?qt.transformWithSpaces(e,n):e:"")(e):e,m=l?e=>{p()?f(e):l(e)}:void 0,b=u&&!o&&!s&&!i;return t(ir,{error:i,disabled:o,readOnly:s,className:d.className,children:[r(or,{"data-testid":"input",ref:h,disabled:o,value:g,error:i,onChange:m,type:a,readOnly:s,...d}),b&&r(sr,{onClick:()=>{c&&c()},children:r(lr,{})})]})}));var ur,dr={};Object.defineProperty(dr,"__esModule",{value:!0});var hr=e;const pr=e=>hr.jsx("svg",{width:"1em",height:"1em",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e,children:hr.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 fr;pr.displayName="ExternalIcon",ur=dr.ExternalIcon=pr,function(e){e.D1=f.h1`
|
|
117
|
+
${e=>g`
|
|
118
|
+
${nr("D1",e.weight,e.paragraph)}
|
|
119
|
+
color: ${Tt.Neutral[1]};
|
|
120
|
+
${ar(e.inline,e.paragraph)}
|
|
121
|
+
`}
|
|
122
|
+
`,e.D2=f.h1`
|
|
123
|
+
${e=>g`
|
|
124
|
+
${nr("D2",e.weight,e.paragraph)}
|
|
125
|
+
color: ${Tt.Neutral[1]};
|
|
126
|
+
${ar(e.inline,e.paragraph)}
|
|
127
|
+
`}
|
|
128
|
+
`,e.D3=f.h1`
|
|
129
|
+
${e=>g`
|
|
130
|
+
${nr("D3",e.weight,e.paragraph)}
|
|
131
|
+
color: ${Tt.Neutral[1]};
|
|
132
|
+
${ar(e.inline,e.paragraph)}
|
|
133
|
+
`}
|
|
134
|
+
`,e.D4=f.h1`
|
|
135
|
+
${e=>g`
|
|
136
|
+
${nr("D4",e.weight,e.paragraph)}
|
|
137
|
+
color: ${Tt.Neutral[1]};
|
|
138
|
+
${ar(e.inline,e.paragraph)}
|
|
139
|
+
`}
|
|
140
|
+
`,e.DBody=f.h1`
|
|
141
|
+
${e=>g`
|
|
142
|
+
${nr("DBody",e.weight,e.paragraph)}
|
|
143
|
+
color: ${Tt.Neutral[1]};
|
|
144
|
+
${ar(e.inline,e.paragraph)}
|
|
145
|
+
`}
|
|
146
|
+
`,e.H1=f.h1`
|
|
147
|
+
${e=>g`
|
|
148
|
+
${nr("H1",e.weight,e.paragraph)}
|
|
149
|
+
color: ${Tt.Neutral[1]};
|
|
150
|
+
${ar(e.inline,e.paragraph)}
|
|
151
|
+
`}
|
|
152
|
+
`,e.H2=f.h2`
|
|
153
|
+
${e=>g`
|
|
154
|
+
${nr("H2",e.weight,e.paragraph)}
|
|
155
|
+
color: ${Tt.Neutral[1]};
|
|
156
|
+
${ar(e.inline,e.paragraph)}
|
|
157
|
+
`}
|
|
158
|
+
`,e.H3=f.h3`
|
|
159
|
+
${e=>g`
|
|
160
|
+
${nr("H3",e.weight,e.paragraph)}
|
|
161
|
+
color: ${Tt.Neutral[1]};
|
|
162
|
+
${ar(e.inline,e.paragraph)}
|
|
163
|
+
`}
|
|
164
|
+
`,e.H4=f.h4`
|
|
165
|
+
${e=>g`
|
|
166
|
+
${nr("H4",e.weight,e.paragraph)}
|
|
167
|
+
color: ${Tt.Neutral[1]};
|
|
168
|
+
${ar(e.inline,e.paragraph)}
|
|
169
|
+
`}
|
|
170
|
+
`,e.H5=f.h5`
|
|
171
|
+
${e=>g`
|
|
172
|
+
${nr("H5",e.weight,e.paragraph)}
|
|
173
|
+
color: ${Tt.Neutral[1]};
|
|
174
|
+
${ar(e.inline,e.paragraph)}
|
|
175
|
+
`}
|
|
176
|
+
`,e.H6=f.h6`
|
|
177
|
+
${e=>g`
|
|
178
|
+
${nr("H6",e.weight,e.paragraph)}
|
|
179
|
+
color: ${Tt.Neutral[1]};
|
|
180
|
+
${ar(e.inline,e.paragraph)}
|
|
181
|
+
`}
|
|
182
|
+
`,e.Body=f.p`
|
|
183
|
+
${e=>g`
|
|
184
|
+
${nr("Body",e.weight,e.paragraph)}
|
|
185
|
+
color: ${Tt.Neutral[1]};
|
|
186
|
+
${ar(e.inline,e.paragraph)}
|
|
187
|
+
`}
|
|
188
|
+
`,e.BodySmall=f.p`
|
|
189
|
+
${e=>g`
|
|
190
|
+
${nr("BodySmall",e.weight,e.paragraph)}
|
|
191
|
+
color: ${Tt.Neutral[1]};
|
|
192
|
+
${ar(e.inline,e.paragraph)}
|
|
193
|
+
`}
|
|
194
|
+
`,e.XSmall=f.span`
|
|
195
|
+
${e=>g`
|
|
196
|
+
${nr("XSmall",e.weight,e.paragraph)}
|
|
197
|
+
color: ${Tt.Neutral[1]};
|
|
198
|
+
${ar(e.inline,e.paragraph)}
|
|
199
|
+
`}
|
|
200
|
+
`,e.Hyperlink={Default:e=>br({...e,textStyle:"Body"}),Small:e=>br({...e,textStyle:"BodySmall"})}}(fr||(fr={}));const gr=f.a`
|
|
201
|
+
${e=>g`
|
|
202
|
+
${nr(e.textStyle,e.weight)}
|
|
203
|
+
color: ${Tt.Primary};
|
|
204
|
+
text-decoration: none;
|
|
205
|
+
|
|
206
|
+
:hover,
|
|
207
|
+
:active,
|
|
208
|
+
:focus {
|
|
209
|
+
color: ${Tt.Secondary};
|
|
210
|
+
|
|
211
|
+
svg {
|
|
212
|
+
color: ${Tt.Secondary};
|
|
213
|
+
}
|
|
214
|
+
}
|
|
215
|
+
`}
|
|
216
|
+
`,mr=f(ur)`
|
|
217
|
+
height: 1rem;
|
|
218
|
+
width: 1rem;
|
|
219
|
+
margin-left: 0.4rem;
|
|
220
|
+
vertical-align: middle;
|
|
221
|
+
`,br=({external:e=!1,children:n,...a})=>t(gr,{...a,children:[n,e&&r(mr,{})]});var yr;!function(e){e[e.Subpage=0]="Subpage",e[e.Domain=1]="Domain"}(yr||(yr={}));const vr=f.div`
|
|
222
|
+
display: flex;
|
|
223
|
+
position: relative;
|
|
224
|
+
border: 1px solid ${Tt.Neutral[5]};
|
|
225
|
+
border-radius: 4px;
|
|
226
|
+
background: ${Tt.Neutral[8]};
|
|
227
|
+
height: 3rem;
|
|
228
|
+
width: 100%;
|
|
229
|
+
flex-direction: ${e=>"right"===e.$position?"row-reverse":"row"};
|
|
230
|
+
|
|
231
|
+
:focus-within {
|
|
232
|
+
border: 1px solid ${Tt.Accent.Light[1]};
|
|
233
|
+
box-shadow: ${Rt};
|
|
234
|
+
}
|
|
235
|
+
|
|
236
|
+
${e=>e.$readOnly?g`
|
|
237
|
+
border: none;
|
|
238
|
+
padding-left: 0rem;
|
|
239
|
+
background: transparent !important;
|
|
240
|
+
|
|
241
|
+
:focus-within {
|
|
242
|
+
border: none;
|
|
243
|
+
box-shadow: none;
|
|
244
|
+
}
|
|
245
|
+
`:e.disabled?g`
|
|
246
|
+
background: ${Tt.Neutral[6](e)};
|
|
247
|
+
:hover {
|
|
248
|
+
cursor: not-allowed;
|
|
249
|
+
}
|
|
250
|
+
|
|
251
|
+
:focus-within {
|
|
252
|
+
border: 1px solid ${Tt.Neutral[5](e)};
|
|
253
|
+
box-shadow: none;
|
|
254
|
+
}
|
|
255
|
+
`:e.$error?g`
|
|
256
|
+
border: 1px solid ${Tt.Validation.Red.Border(e)};
|
|
257
|
+
|
|
258
|
+
:focus-within {
|
|
259
|
+
border: 1px solid ${Tt.Validation.Red.Border(e)};
|
|
260
|
+
box-shadow: ${Wt};
|
|
261
|
+
}
|
|
262
|
+
`:void 0}
|
|
263
|
+
`,wr=f(cr)`
|
|
264
|
+
// overwrite default styles
|
|
265
|
+
background: transparent;
|
|
266
|
+
border: none;
|
|
267
|
+
|
|
268
|
+
:focus-within {
|
|
269
|
+
outline: none;
|
|
270
|
+
border: none;
|
|
271
|
+
box-shadow: none;
|
|
272
|
+
}
|
|
273
|
+
|
|
274
|
+
${e=>"right"===e.$position?g`
|
|
275
|
+
:not(:only-child) {
|
|
276
|
+
padding-right: 0;
|
|
277
|
+
}
|
|
278
|
+
`:g`
|
|
279
|
+
padding: unset;
|
|
280
|
+
:not(:only-child) {
|
|
281
|
+
padding-left: 0;
|
|
282
|
+
}
|
|
283
|
+
`}
|
|
284
|
+
`,xr=f.div`
|
|
285
|
+
position: relative;
|
|
286
|
+
display: flex;
|
|
287
|
+
align-items: center;
|
|
288
|
+
border-top-left-radius: 4px;
|
|
289
|
+
border-bottom-left-radius: 4px;
|
|
290
|
+
padding: 0 0.6875rem 0 1rem;
|
|
291
|
+
|
|
292
|
+
${nr("Body","regular")}
|
|
293
|
+
color: ${Tt.Neutral[1]};
|
|
294
|
+
|
|
295
|
+
/* SVG Icon */
|
|
296
|
+
svg {
|
|
297
|
+
height: 1.5rem;
|
|
298
|
+
width: 1.5rem;
|
|
299
|
+
#path {
|
|
300
|
+
fill: ${Tt.Neutral[1]};
|
|
301
|
+
}
|
|
302
|
+
}
|
|
303
|
+
|
|
304
|
+
${e=>e.$readOnly?g`
|
|
305
|
+
padding-left: 0rem;
|
|
306
|
+
`:e.disabled?g`
|
|
307
|
+
color: ${Tt.Neutral[4](e)};
|
|
308
|
+
svg {
|
|
309
|
+
#path {
|
|
310
|
+
fill: ${Tt.Neutral[4](e)};
|
|
311
|
+
}
|
|
312
|
+
}
|
|
313
|
+
`:void 0}
|
|
314
|
+
`;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=Ue;var $r=Ue,Cr=Ge,kr=ct;var jr=Ue,Fr=function(){this.__data__=new Sr,this.size=0},Or=function(e){var t=this.__data__,r=t.delete(e);return this.size=t.size,r},Br=function(e){return this.__data__.get(e)},Ar=function(e){return this.__data__.has(e)},zr=function(e,t){var r=this.__data__;if(r instanceof $r){var n=r.__data__;if(!Cr||n.length<199)return n.push([e,t]),this.size=++r.size,this;r=this.__data__=new kr(n)}return r.set(e,t),this.size=r.size,this};function Pr(e){var t=this.__data__=new jr(e);this.size=t.size}Pr.prototype.clear=Fr,Pr.prototype.delete=Or,Pr.prototype.get=Br,Pr.prototype.has=Ar,Pr.prototype.set=zr;var Ir=Pr;var Nr=ct,Mr=function(e){return this.__data__.set(e,"__lodash_hash_undefined__"),this},Dr=function(e){return this.__data__.has(e)};function Er(e){var t=-1,r=null==e?0:e.length;for(this.__data__=new Nr;++t<r;)this.add(e[t])}Er.prototype.add=Er.prototype.push=Mr,Er.prototype.has=Dr;var Hr=Er,Tr=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},Lr=function(e,t){return e.has(t)};var Vr=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 Hr: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(!Tr(t,(function(e,t){if(!Lr(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 Rr=S.Uint8Array,Wr=ze,qr=Vr,Ur=function(e){var t=-1,r=Array(e.size);return e.forEach((function(e,n){r[++t]=[n,e]})),r},Gr=function(e){var t=-1,r=Array(e.size);return e.forEach((function(e){r[++t]=e})),r},Qr=$?$.prototype:void 0,Zr=Qr?Qr.valueOf:void 0;var Kr=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 Rr(e),new Rr(t)));case"[object Boolean]":case"[object Date]":case"[object Number]":return Wr(+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=Ur;case"[object Set]":var l=1&n;if(s||(s=Gr),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=qr(s(e),s(t),n,a,i,o);return o.delete(e),u;case"[object Symbol]":if(Zr)return Zr.call(e)==Zr.call(t)}return!1};var Xr=function(e,t){for(var r=-1,n=t.length,a=e.length;++r<n;)e[a+r]=t[r];return e},Jr=v;var Yr=function(e,t,r){var n=t(e);return Jr(e)?n:Xr(n,r(e))};var en=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},tn=function(){return[]},rn=Object.prototype.propertyIsEnumerable,nn=Object.getOwnPropertySymbols,an=nn?function(e){return null==e?[]:(e=Object(e),en(nn(e),(function(t){return rn.call(e,t)})))}:tn;var on=function(e,t){for(var r=-1,n=Array(e);++r<e;)n[r]=t(r);return n},sn=N,ln=M;var cn=function(e){return ln(e)&&"[object Arguments]"==sn(e)},un=M,dn=Object.prototype,hn=dn.hasOwnProperty,pn=dn.propertyIsEnumerable,fn=cn(function(){return arguments}())?cn:function(e){return un(e)&&hn.call(e,"callee")&&!pn.call(e,"callee")},gn={exports:{}};var mn=function(){return!1};!function(e,t){var r=S,n=mn,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}(gn,gn.exports);var bn=/^(?:0|[1-9]\d*)$/;var yn=function(e,t){var r=typeof e;return!!(t=null==t?9007199254740991:t)&&("number"==r||"symbol"!=r&&bn.test(e))&&e>-1&&e%1==0&&e<t};var vn=function(e){return"number"==typeof e&&e>-1&&e%1==0&&e<=9007199254740991},wn=N,xn=vn,_n=M,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 $n=function(e){return _n(e)&&xn(e.length)&&!!Sn[wn(e)]};var Cn=function(e){return function(t){return e(t)}},kn={exports:{}};!function(e,t){var r=w,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}(kn,kn.exports);var jn=$n,Fn=Cn,On=kn.exports,Bn=On&&On.isTypedArray,An=Bn?Fn(Bn):jn,zn=on,Pn=fn,In=v,Nn=gn.exports,Mn=yn,Dn=An,En=Object.prototype.hasOwnProperty;var Hn=function(e,t){var r=In(e),n=!r&&Pn(e),a=!r&&!n&&Nn(e),i=!r&&!n&&!a&&Dn(e),o=r||n||a||i,s=o?zn(e.length,String):[],l=s.length;for(var c in e)!t&&!En.call(e,c)||o&&("length"==c||a&&("offset"==c||"parent"==c)||i&&("buffer"==c||"byteLength"==c||"byteOffset"==c)||Mn(c,l))||s.push(c);return s},Tn=Object.prototype;var Ln=function(e){var t=e&&e.constructor;return e===("function"==typeof t&&t.prototype||Tn)};var Vn=function(e,t){return function(r){return e(t(r))}}(Object.keys,Object),Rn=Ln,Wn=Vn,qn=Object.prototype.hasOwnProperty;var Un=Z,Gn=vn;var Qn=function(e){return null!=e&&Gn(e.length)&&!Un(e)},Zn=Hn,Kn=function(e){if(!Rn(e))return Wn(e);var t=[];for(var r in Object(e))qn.call(e,r)&&"constructor"!=r&&t.push(r);return t},Xn=Qn;var Jn=function(e){return Xn(e)?Zn(e):Kn(e)},Yn=Yr,ea=an,ta=Jn;var ra=function(e){return Yn(e,ta,ea)},na=Object.prototype.hasOwnProperty;var aa=function(e,t,r,n,a,i){var o=1&r,s=ra(e),l=s.length;if(l!=ra(t).length&&!o)return!1;for(var c=l;c--;){var u=s[c];if(!(o?u in t:na.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},ia=pe(S,"DataView"),oa=Ge,sa=pe(S,"Promise"),la=pe(S,"Set"),ca=pe(S,"WeakMap"),ua=N,da=ee,ha=da(ia),pa=da(oa),fa=da(sa),ga=da(la),ma=da(ca),ba=ua;(ia&&"[object DataView]"!=ba(new ia(new ArrayBuffer(1)))||oa&&"[object Map]"!=ba(new oa)||sa&&"[object Promise]"!=ba(sa.resolve())||la&&"[object Set]"!=ba(new la)||ca&&"[object WeakMap]"!=ba(new ca))&&(ba=function(e){var t=ua(e),r="[object Object]"==t?e.constructor:void 0,n=r?da(r):"";if(n)switch(n){case ha:return"[object DataView]";case pa:return"[object Map]";case fa:return"[object Promise]";case ga:return"[object Set]";case ma:return"[object WeakMap]"}return t});var ya=Ir,va=Vr,wa=Kr,xa=aa,_a=ba,Sa=v,$a=gn.exports,Ca=An,ka="[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?ka:l)==ka,d=(c="[object Arguments]"==c?ka:c)==ka,h=l==c;if(h&&$a(e)){if(!$a(t))return!1;o=!0,u=!1}if(h&&!u)return i||(i=new ya),o||Ca(e)?va(e,t,r,n,a,i):wa(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 ya),a(g,m,r,n,i)}}return!!h&&(i||(i=new ya),xa(e,t,r,n,a,i))},Oa=M;var Ba=function e(t,r,n,a,i){return t===r||(null==t||null==r||!Oa(t)&&!Oa(r)?t!=t&&r!=r:Fa(t,r,n,a,e,i))},Aa=Ir,za=Ba;var Pa=q;var Ia=function(e){return e==e&&!Pa(e)},Na=Ia,Ma=Jn;var Da=function(e,t){return function(r){return null!=r&&(r[e]===t&&(void 0!==t||e in Object(r)))}},Ea=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 Aa;if(n)var h=n(c,u,l,e,t,d);if(!(void 0===h?za(u,c,3,n,d):h))return!1}}return!0},Ha=function(e){for(var t=Ma(e),r=t.length;r--;){var n=t[r],a=e[n];t[r]=[n,a,Na(a)]}return t},Ta=Da;var La=jt,Va=fn,Ra=v,Wa=yn,qa=vn,Ua=Ot;var Ga=function(e,t){return null!=e&&t in Object(e)},Qa=function(e,t,r){for(var n=-1,a=(t=La(t,e)).length,i=!1;++n<a;){var o=Ua(t[n]);if(!(i=null!=e&&r(e,o)))break;e=e[o]}return i||++n!=a?i:!!(a=null==e?0:e.length)&&qa(a)&&Wa(o,a)&&(Ra(e)||Va(e))};var Za=Ba,Ka=It,Xa=function(e,t){return null!=e&&Qa(e,t,Ga)},Ja=W,Ya=Ia,ei=Da,ti=Ot;var ri=zt;var ni=function(e){return function(t){return null==t?void 0:t[e]}},ai=function(e){return function(t){return ri(t,e)}},ii=W,oi=Ot;var si=function(e){var t=Ha(e);return 1==t.length&&t[0][2]?Ta(t[0][0],t[0][1]):function(r){return r===e||Ea(r,e,t)}},li=function(e,t){return Ja(e)&&Ya(t)?ei(ti(e),t):function(r){var n=Ka(r,e);return void 0===n&&n===t?Xa(r,e):Za(t,n,3)}},ci=function(e){return e},ui=v,di=function(e){return ii(e)?ni(oi(e)):ai(e)};var hi=function(e){return"function"==typeof e?e:null==e?ci:"object"==typeof e?ui(e)?li(e[0],e[1]):si(e):di(e)},pi=/\s/;var fi=function(e){for(var t=e.length;t--&&pi.test(e.charAt(t)););return t},gi=/^\s+/;var mi=function(e){return e?e.slice(0,fi(e)+1).replace(gi,""):e},bi=q,yi=H,vi=/^[-+]0x[0-9a-f]+$/i,wi=/^0b[01]+$/i,xi=/^0o[0-7]+$/i,_i=parseInt;var Si=function(e){if("number"==typeof e)return e;if(yi(e))return NaN;if(bi(e)){var t="function"==typeof e.valueOf?e.valueOf():e;e=bi(t)?t+"":t}if("string"!=typeof e)return 0===e?e:+e;e=mi(e);var r=wi.test(e);return r||xi.test(e)?_i(e.slice(2),r?2:8):vi.test(e)?NaN:+e};var $i=function(e){return e?Infinity===(e=Si(e))||-Infinity===e?17976931348623157e292*(e<0?-1:1):e==e?e:0:0===e?e:0};var Ci=_r,ki=hi,ji=function(e){var t=$i(e),r=t%1;return t==t?r?t-r:t:0},Fi=Math.max;var Oi=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)),Ci(e,ki(t),a)};let Bi=Ui();const Ai=e=>Vi(e,Bi);let zi=Ui();Ai.write=e=>Vi(e,zi);let Pi=Ui();Ai.onStart=e=>Vi(e,Pi);let Ii=Ui();Ai.onFrame=e=>Vi(e,Ii);let Ni=Ui();Ai.onFinish=e=>Vi(e,Ni);let Mi=[];Ai.setTimeout=(e,t)=>{let r=Ai.now()+t,n=()=>{let e=Mi.findIndex((e=>e.cancel==n));~e&&Mi.splice(e,1),Ti-=~e?1:0},a={time:r,handler:e,cancel:n};return Mi.splice(Di(r),0,a),Ti+=1,Ri(),a};let Di=e=>~(~Mi.findIndex((t=>t.time>e))||~Mi.length);Ai.cancel=e=>{Pi.delete(e),Ii.delete(e),Ni.delete(e),Bi.delete(e),zi.delete(e)},Ai.sync=e=>{Li=!0,Ai.batchedUpdates(e),Li=!1},Ai.throttle=e=>{let t;function r(){try{e(...t)}finally{t=null}}function n(...e){t=e,Ai.onStart(r)}return n.handler=e,n.cancel=()=>{Pi.delete(r),t=null},n};let Ei="undefined"!=typeof window?window.requestAnimationFrame:()=>{};Ai.use=e=>Ei=e,Ai.now="undefined"!=typeof performance?()=>performance.now():Date.now,Ai.batchedUpdates=e=>e(),Ai.catch=console.error,Ai.frameLoop="always",Ai.advance=()=>{"demand"!==Ai.frameLoop?console.warn("Cannot call the manual advancement of rafz whilst frameLoop is not set as demand"):qi()};let Hi=-1,Ti=0,Li=!1;function Vi(e,t){Li?(t.delete(e),e(0)):(t.add(e),Ri())}function Ri(){Hi<0&&(Hi=0,"demand"!==Ai.frameLoop&&Ei(Wi))}function Wi(){~Hi&&(Ei(Wi),Ai.batchedUpdates(qi))}function qi(){let e=Hi;Hi=Ai.now();let t=Di(Hi);t&&(Gi(Mi.splice(0,t),(e=>e.handler())),Ti-=t),Ti?(Pi.flush(),Bi.flush(e?Math.min(64,Hi-e):16.667),Ii.flush(),zi.flush(),Ni.flush()):Hi=-1}function Ui(){let e=new Set,t=e;return{add(r){Ti+=t!=e||e.has(r)?0:1,e.add(r)},delete:r=>(Ti-=t==e&&e.has(r)?1:0,e.delete(r)),flush(r){t.size&&(e=new Set,Ti-=t.size,Gi(t,(t=>t(r)&&e.add(t))),Ti+=e.size,t=e)}}}function Gi(e,t){e.forEach((e=>{try{t(e)}catch(e){Ai.catch(e)}}))}function Qi(){}const Zi={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 Ki(e,t){if(Zi.arr(e)){if(!Zi.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 Xi=(e,t)=>e.forEach(t);function Ji(e,t,r){if(Zi.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 Yi=e=>Zi.und(e)?[]:Zi.arr(e)?e:[e];function eo(e,t){if(e.size){const r=Array.from(e);e.clear(),Xi(r,t)}}const to=(e,...t)=>eo(e,(e=>e(...t))),ro=()=>"undefined"==typeof window||!window.navigator||/ServerSideRendering|^Deno\//.test(window.navigator.userAgent);let no,ao,io=null,oo=!1,so=Qi;var lo=Object.freeze({__proto__:null,get createStringInterpolator(){return no},get to(){return ao},get colors(){return io},get skipAnimation(){return oo},get willAdvance(){return so},assign:e=>{e.to&&(ao=e.to),e.now&&(Ai.now=e.now),void 0!==e.colors&&(io=e.colors),null!=e.skipAnimation&&(oo=e.skipAnimation),e.createStringInterpolator&&(no=e.createStringInterpolator),e.requestAnimationFrame&&Ai.use(e.requestAnimationFrame),e.batchedUpdates&&(Ai.batchedUpdates=e.batchedUpdates),e.willAdvance&&(so=e.willAdvance),e.frameLoop&&(Ai.frameLoop=e.frameLoop)}});const co=new Set;let uo=[],ho=[],po=0;const fo={get idle(){return!co.size&&!uo.length},start(e){po>e.priority?(co.add(e),Ai.onStart(go)):(mo(e),Ai(yo))},advance:yo,sort(e){if(po)Ai.onFrame((()=>fo.sort(e)));else{const t=uo.indexOf(e);~t&&(uo.splice(t,1),bo(e))}},clear(){uo=[],co.clear()}};function go(){co.forEach(mo),co.clear(),Ai(yo)}function mo(e){uo.includes(e)||bo(e)}function bo(e){uo.splice(function(e,t){const r=e.findIndex(t);return r<0?e.length:r}(uo,(t=>t.priority>e.priority)),0,e)}function yo(e){const t=ho;for(let r=0;r<uo.length;r++){const n=uo[r];po=n.priority,n.idle||(so(n),n.advance(e),n.idle||t.push(n))}return po=0,ho=uo,ho.length=0,uo=t,uo.length>0}const vo="[-+]?\\d*\\.?\\d+";function wo(...e){return"\\(\\s*("+e.join(")\\s*,\\s*(")+")\\s*\\)"}const xo=new RegExp("rgb"+wo(vo,vo,vo)),_o=new RegExp("rgba"+wo(vo,vo,vo,vo)),So=new RegExp("hsl"+wo(vo,"[-+]?\\d*\\.?\\d+%","[-+]?\\d*\\.?\\d+%")),$o=new RegExp("hsla"+wo(vo,"[-+]?\\d*\\.?\\d+%","[-+]?\\d*\\.?\\d+%",vo)),Co=/^#([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,ko=/^#([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 Oo(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 Bo(e,t,r){const n=r<.5?r*(1+t):r+t-r*t,a=2*r-n,i=Oo(a,n,e+1/3),o=Oo(a,n,e),s=Oo(a,n,e-1/3);return Math.round(255*i)<<24|Math.round(255*o)<<16|Math.round(255*s)<<8}function Ao(e){const t=parseInt(e,10);return t<0?0:t>255?255:t}function zo(e){return(parseFloat(e)%360+360)%360/360}function Po(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 No(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:io&&void 0!==io[e]?io[e]:(t=xo.exec(e))?(Ao(t[1])<<24|Ao(t[2])<<16|Ao(t[3])<<8|255)>>>0:(t=_o.exec(e))?(Ao(t[1])<<24|Ao(t[2])<<16|Ao(t[3])<<8|Po(t[4]))>>>0:(t=Co.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=ko.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|Bo(zo(t[1]),Io(t[2]),Io(t[3])))>>>0:(t=$o.exec(e))?(Bo(zo(t[1]),Io(t[2]),Io(t[3]))|Po(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 Mo=(e,t,r)=>{if(Zi.fun(e))return e;if(Zi.arr(e))return Mo({range:e,output:t,extrapolate:r});if(Zi.str(e.output[0]))return no(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 Eo=Symbol.for("FluidValue.get"),Ho=Symbol.for("FluidValue.observers"),To=e=>Boolean(e&&e[Eo]),Lo=e=>e&&e[Eo]?e[Eo]():e,Vo=e=>e[Ho]||null;function Ro(e,t){let r=e[Ho];r&&r.forEach((e=>{!function(e,t){e.eventObserved?e.eventObserved(t):e(t)}(e,t)}))}class Wo{constructor(e){if(this[Eo]=void 0,this[Ho]=void 0,!e&&!(e=this.get))throw Error("Unknown getter");qo(this,e)}}const qo=(e,t)=>Qo(e,Eo,t);function Uo(e,t){if(e[Eo]){let r=e[Ho];r||Qo(e,Ho,r=new Set),r.has(t)||(r.add(t),e.observerAdded&&e.observerAdded(r.size,t))}return t}function Go(e,t){let r=e[Ho];if(r&&r.has(t)){const n=r.size-1;n?r.delete(t):e[Ho]=null,e.observerRemoved&&e.observerRemoved(n,t)}}const Qo=(e,t,r)=>Object.defineProperty(e,t,{value:r,writable:!0,configurable:!0}),Zo=/[+\-]?(?:0|[1-9]\d*)(?:\.\d*)?(?:[eE][+\-]?\d+)?/g,Ko=/(#(?:[0-9a-f]{2}){2,4}|(#[0-9a-f]{3})|(rgb|hsl)a?\((-?\d+%?[,\s]+){2,3}\s*[\d\.]+%?\))/gi,Xo=new RegExp(`(${Zo.source})(%|[a-z]+)`,"i"),Jo=/rgba\(([0-9\.-]+), ([0-9\.-]+), ([0-9\.-]+), ([0-9\.-]+)\)/gi,Yo=/var\((--[a-zA-Z0-9-_]+),? ?([a-zA-Z0-9 ()%#.,-]+)?\)/,es=e=>{const[t,r]=ts(e);if(!t||ro())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&&Yo.test(r)?es(r):r||e},ts=e=>{const t=Yo.exec(e);if(!t)return[,];const[,r,n]=t;return[r,n]};let rs;const ns=(e,t,r,n,a)=>`rgba(${Math.round(t)}, ${Math.round(r)}, ${Math.round(n)}, ${a})`,as=e=>{rs||(rs=io?new RegExp(`(${Object.keys(io).join("|")})(?!\\w)`,"g"):/^\b$/);const t=e.output.map((e=>Lo(e).replace(Yo,es).replace(Ko,No).replace(rs,No))),r=t.map((e=>e.match(Zo).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=>Mo(Do({},e,{output:t}))));return e=>{var r;const a=!Xo.test(t[0])&&(null==(r=t.find((e=>Xo.test(e))))?void 0:r.replace(Zo,""));let i=0;return t[0].replace(Zo,(()=>`${n[i++](e)}${a||""}`)).replace(Jo,ns)}},is=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)}},os=is(console.warn);const ss=is(console.warn);function ls(e){return Zi.str(e)&&("#"==e[0]||/\d/.test(e)||!ro()&&Yo.test(e)||e in(io||{}))}const cs=ro()?o:s;function us(){const e=l()[1],t=(()=>{const e=c(!1);return cs((()=>(e.current=!0,()=>{e.current=!1})),[]),e})();return()=>{t.current&&e(Math.random())}}const ds=e=>o(e,hs),hs=[];function ps(e){const t=c();return o((()=>{t.current=e})),t.current}const fs=Symbol.for("Animated:node"),gs=e=>e&&e[fs],ms=(e,t)=>{return r=e,n=fs,a=t,Object.defineProperty(r,n,{value:a,writable:!0,configurable:!0});var r,n,a},bs=e=>e&&e[fs]&&e[fs].getPayload();class ys{constructor(){this.payload=void 0,ms(this,this)}getPayload(){return this.payload||[]}}class vs extends ys{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,Zi.num(this._value)&&(this.lastPosition=this._value)}static create(e){return new vs(e)}getPayload(){return[this]}getValue(){return this._value}setValue(e,t){return Zi.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,Zi.num(this._value)&&(this.elapsedTime=0,this.durationProgress=0,this.lastPosition=this._value,e&&(this.lastVelocity=null),this.v0=null)}}class ws extends vs{constructor(e){super(0),this._string=null,this._toString=void 0,this._toString=Mo({output:[e,e]})}static create(e){return new ws(e)}getValue(){let e=this._string;return null==e?this._string=this._toString(this._value):e}setValue(e){if(Zi.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=Mo({output:[this.getValue(),e]})),this._value=0,super.reset()}}const xs={dependencies:null};class _s extends ys{constructor(e){super(),this.source=e,this.setValue(e)}getValue(e){const t={};return Ji(this.source,((r,n)=>{var a;(a=r)&&a[fs]===a?t[n]=r.getValue(e):To(r)?t[n]=Lo(r):e||(t[n]=r)})),t}setValue(e){this.source=e,this.payload=this._makePayload(e)}reset(){this.payload&&Xi(this.payload,(e=>e.reset()))}_makePayload(e){if(e){const t=new Set;return Ji(e,this._addToPayload,t),Array.from(t)}}_addToPayload(e){xs.dependencies&&To(e)&&xs.dependencies.add(e);const t=bs(e);t&&Xi(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($s)),!0)}}function $s(e){return(ls(e)?ws:vs).create(e)}function Cs(e){const t=gs(e);return t?t.constructor:Zi.arr(e)?Ss:ls(e)?ws:vs}function ks(){return ks=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},ks.apply(this,arguments)}const js=(e,t)=>{const r=!Zi.fun(e)||e.prototype&&e.prototype.isReactComponent;return u(((n,i)=>{const s=c(null),l=r&&d((e=>{s.current=function(e,t){e&&(Zi.fun(e)?e(t):e.current=t);return t}(i,e)}),[i]),[u,h]=function(e,t){const r=new Set;xs.dependencies=r,e.style&&(e=ks({},e,{style:t.createAnimatedStyle(e.style)}));return e=new _s(e),xs.dependencies=null,[e,r]}(n,t),p=us(),f=()=>{const e=s.current;if(r&&!e)return;!1===(!!e&&t.applyAnimatedValues(e,u.getValue(!0)))&&p()},g=new Fs(f,h),m=c();cs((()=>(m.current=g,Xi(h,(e=>Uo(e,g))),()=>{m.current&&(Xi(m.current.deps,(e=>Go(e,m.current))),Ai.cancel(m.current.update))}))),o(f,[]),ds((()=>()=>{const e=m.current;Xi(e.deps,(t=>Go(t,e)))}));const b=t.getComponentProps(u.getValue());return a.createElement(e,ks({},b,{ref:l}))}))};class Fs{constructor(e,t){this.update=e,this.deps=t}eventObserved(e){"change"==e.type&&Ai.write(this.update)}}const Os=Symbol.for("AnimatedComponent"),Bs=e=>Zi.str(e)?e:e&&Zi.str(e.displayName)?e.displayName:Zi.fun(e)&&e.name||null;function As(){return As=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},As.apply(this,arguments)}function zs(e,...t){return Zi.fun(e)?e(...t):e}const Ps=(e,t)=>!0===e||!!(t&&e&&(Zi.fun(e)?e(t):Yi(e).includes(t))),Is=(e,t)=>Zi.obj(e)?t&&e[t]:e,Ns=(e,t)=>!0===e.default?e[t]:e.default?e.default[t]:void 0,Ms=e=>e,Ds=(e,t=Ms)=>{let r=Es;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);Zi.und(r)||(n[a]=r)}return n},Es=["config","onProps","onStart","onChange","onPause","onResume","onRest"],Hs={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 Ts(e){const t=function(e){const t={};let r=0;if(Ji(e,((e,n)=>{Hs[n]||(t[n]=e,r++)})),r)return t}(e);if(t){const r={to:t};return Ji(e,((e,n)=>n in t||(r[n]=e))),r}return As({},e)}function Ls(e){return e=Lo(e),Zi.arr(e)?e.map(Ls):ls(e)?lo.createStringInterpolator({range:[0,1],output:[e,e]})(1):e}function Vs(e){for(const t in e)return!0;return!1}function Rs(e){return Zi.fun(e)||Zi.arr(e)&&Zi.obj(e[0])}function Ws(e,t){var r;null==(r=e.ref)||r.delete(e),null==t||t.delete(e)}function qs(e,t){var r;t&&e.ref!==t&&(null==(r=e.ref)||r.delete(e),t.add(e),e.ref=t)}const Us=1.70158,Gs=1.525*Us,Qs=2*Math.PI/3,Zs=2*Math.PI/4.5,Ks=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},Xs=As({},{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-Us*e*e,easeOutBack:e=>1+2.70158*Math.pow(e-1,3)+Us*Math.pow(e-1,2),easeInOutBack:e=>e<.5?Math.pow(2*e,2)*(7.189819*e-Gs)/2:(Math.pow(2*e-2,2)*((Gs+1)*(2*e-2)+Gs)+2)/2,easeInElastic:e=>0===e?0:1===e?1:-Math.pow(2,10*e-10)*Math.sin((10*e-10.75)*Qs),easeOutElastic:e=>0===e?0:1===e?1:Math.pow(2,-10*e)*Math.sin((10*e-.75)*Qs)+1,easeInOutElastic:e=>0===e?0:1===e?1:e<.5?-Math.pow(2,20*e-10)*Math.sin((20*e-11.125)*Zs)/2:Math.pow(2,-20*e+10)*Math.sin((20*e-11.125)*Zs)/2+1,easeInBounce:e=>1-Ks(1-e),easeOutBounce:Ks,easeInOutBounce:e=>e<.5?(1-Ks(1-2*e))/2:(1+Ks(2*e-1))/2}.linear,clamp:!1});class Js{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,Xs)}}function Ys(e,t){if(Zi.und(t.decay)){const r=!Zi.und(t.tension)||!Zi.und(t.friction);!r&&Zi.und(t.frequency)&&Zi.und(t.damping)&&Zi.und(t.mass)||(e.duration=void 0,e.decay=void 0),r&&(e.frequency=void 0)}else e.duration=void 0}const el=[];class tl{constructor(){this.changed=!1,this.values=el,this.toValues=null,this.fromValues=el,this.to=void 0,this.from=void 0,this.config=new Js,this.immediate=!1}}function rl(e,{key:t,props:r,defaultProps:n,state:a,actions:i}){return new Promise(((o,s)=>{var l;let c,u,d=Ps(null!=(l=r.cancel)?l:null==n?void 0:n.cancel,t);if(d)f();else{Zi.und(r.pause)||(a.paused=Ps(r.pause,t));let e=null==n?void 0:n.pause;!0!==e&&(e=a.paused||Ps(e,t)),c=zs(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-Ai.now()}function p(){c>0&&!lo.skipAnimation?(a.delayed=!0,u=Ai.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(As({},r,{callId:e,cancel:d}),o)}catch(e){s(e)}}}))}const nl=(e,t)=>1==t.length?t[0]:t.some((e=>e.cancelled))?ol(e.get()):t.every((e=>e.noop))?al(e.get()):il(e.get(),t.every((e=>e.finished))),al=e=>({value:e,noop:!0,finished:!0,cancelled:!1}),il=(e,t,r=!1)=>({value:e,finished:t,cancelled:r}),ol=e=>({value:e,cancelled:!0,finished:!1});function sl(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)&&ol(n)||a!==r.asyncId&&il(n,!1);if(t)throw e.result=t,d(e),e},f=(e,t)=>{const i=new cl,o=new ul;return(async()=>{if(lo.skipAnimation)throw ll(r),o.result=il(n,!1),d(o),o;p(i);const s=Zi.obj(e)?As({},e):As({},t,{to:e});s.parentId=a,Ji(c,((e,t)=>{Zi.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(lo.skipAnimation)return ll(r),il(n,!1);try{let t;t=Zi.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=il(n.get(),!0,!1)}catch(e){if(e instanceof cl)g=e.result;else{if(!(e instanceof ul))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 Zi.fun(o)&&Ai.batchedUpdates((()=>{o(g,n,n.item)})),g})():l}function ll(e,t){eo(e.timeouts,(e=>e.cancel())),e.pauseQueue.clear(),e.resumeQueue.clear(),e.asyncId=e.asyncTo=e.promise=void 0,t&&(e.cancelId=t)}class cl 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 ul extends Error{constructor(){super("SkipAnimationSignal"),this.result=void 0}}const dl=e=>e instanceof pl;let hl=1;class pl extends Wo{constructor(...e){super(...e),this.id=hl++,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=gs(this);return e&&e.getValue()}to(...e){return lo.to(this,e)}interpolate(...e){return os('react-spring: The "interpolate" function is deprecated in v9 (use "to" instead)'),lo.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){Ro(this,{type:"change",parent:this,value:e,idle:t})}_onPriorityChange(e){this.idle||fo.sort(this),Ro(this,{type:"priority",parent:this,priority:e})}}const fl=Symbol.for("SpringPhase"),gl=e=>(1&e[fl])>0,ml=e=>(2&e[fl])>0,bl=e=>(4&e[fl])>0,yl=(e,t)=>t?e[fl]|=3:e[fl]&=-3,vl=(e,t)=>t?e[fl]|=4:e[fl]&=-5;class wl extends pl{constructor(e,t){if(super(),this.key=void 0,this.animation=new tl,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,!Zi.und(e)||!Zi.und(t)){const r=Zi.obj(e)?As({},e):As({},t,{from:e});Zi.und(r.default)&&(r.default=!0),this.start(r)}}get idle(){return!(ml(this)||this._state.asyncTo)||bl(this)}get goal(){return Lo(this.animation.to)}get velocity(){const e=gs(this);return e instanceof vs?e.lastVelocity||0:e.getPayload().map((e=>e.lastVelocity||0))}get hasAnimated(){return gl(this)}get isAnimating(){return ml(this)}get isPaused(){return bl(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=bs(n.to);!o&&To(n.to)&&(i=Yi(Lo(n.to))),n.values.forEach(((s,l)=>{if(s.done)return;const c=s.constructor==ws?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=Zi.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(Zi.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=!Zi.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=gs(this),l=s.getValue();if(t){const e=Lo(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 Ai.batchedUpdates((()=>{this._stop(),this._focus(e),this._set(e)})),this}pause(){this._update({pause:!0})}resume(){this._update({pause:!1})}finish(){if(ml(this)){const{to:e,config:t}=this.animation;Ai.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 Zi.und(e)?(r=this.queue||[],this.queue=[]):r=[Zi.obj(e)?e:As({},t,{to:e})],Promise.all(r.map((e=>this._update(e)))).then((e=>nl(this,e)))}stop(e){const{to:t}=this.animation;return this._focus(this.get()),ll(this._state,e&&this._lastCallId),Ai.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=Zi.obj(r)?r[t]:r,(null==r||Rs(r))&&(r=void 0),n=Zi.obj(n)?n[t]:n,null==n&&(n=void 0);const a={to:r,from:n};return gl(this)||(e.reverse&&([r,n]=[n,r]),n=Lo(n),Zi.und(n)?gs(this)||this._set(r):this._set(n)),a}_update(e,t){let r=As({},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 rl(++this._lastCallId,{key:n,props:r,defaultProps:a,state:o,actions:{pause:()=>{bl(this)||(vl(this,!0),to(o.pauseQueue),Fl(this,"onPause",il(this,xl(this,this.animation.to)),this))},resume:()=>{bl(this)&&(vl(this,!1),ml(this)&&this._resume(),to(o.resumeQueue),Fl(this,"onResume",il(this,xl(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(ol(this));const n=!Zi.und(e.to),a=!Zi.und(e.from);if(n||a){if(!(t.callId>this._lastToId))return r(ol(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&&!Zi.und(u)||(u=d),t.reverse&&([u,d]=[d,u]);const h=!Ki(d,c);h&&(s.from=d),d=Lo(d);const p=!Ki(u,l);p&&this._focus(u);const f=Rs(t.to),{config:g}=s,{decay:m,velocity:b}=g;(n||a)&&(g.velocity=0),t.config&&!f&&function(e,t,r){r&&(Ys(r=As({},r),t),t=As({},r,t)),Ys(e,t),Object.assign(e,t);for(const t in Xs)null==e[t]&&(e[t]=Xs[t]);let{mass:n,frequency:a,damping:i}=e;Zi.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,zs(t.config,i),t.config!==o.config?zs(o.config,i):void 0);let y=gs(this);if(!y||Zi.und(u))return r(il(this,!0));const v=Zi.und(t.reset)?a&&!t.default:!Zi.und(d)&&Ps(t.reset,i),w=v?d:this.get(),x=Ls(u),_=Zi.num(x)||Zi.arr(x)||ls(x),S=!f&&(!_||Ps(o.immediate||t.immediate,i));if(p){const e=Cs(u);if(e!==y.constructor){if(!S)throw Error(`Cannot animate between ${y.constructor.name} and ${e.name}, as the "to" prop suggests`);y=this._set(x)}}const $=y.constructor;let C=To(u),k=!1;if(!C){const e=v||!gl(this)&&h;(p||e)&&(k=Ki(Ls(w),x),C=!k),(Ki(s.immediate,S)||S)&&Ki(g.decay,m)&&Ki(g.velocity,b)||(C=!0)}if(k&&ml(this)&&(s.changed&&!v?C=!0:C||this._stop(l)),!f&&((C||To(l))&&(s.values=y.getPayload(),s.toValues=To(u)?null:$==ws?[1]:Yi(x)),s.immediate!=S&&(s.immediate=S,S||v||this._set(l)),C)){const{onRest:e}=s;Xi(kl,(e=>jl(this,t,e)));const n=il(this,xl(this,l));to(this._pendingCalls,n),this._pendingCalls.add(r),s.changed&&Ai.batchedUpdates((()=>{s.changed=!v,null==e||e(n,this),v?zs(o.onRest,n):null==s.onStart||s.onStart(n,this)}))}v&&this._set(w),f?r(sl(t.to,t,this._state,this)):C?this._start():ml(this)&&!p?this._pendingCalls.add(r):r(al(w))}_focus(e){const t=this.animation;e!==t.to&&(Vo(this)&&this._detach(),t.to=e,Vo(this)&&this._attach())}_attach(){let e=0;const{to:t}=this.animation;To(t)&&(Uo(t,this),dl(t)&&(e=t.priority+1)),this.priority=e}_detach(){const{to:e}=this.animation;To(e)&&Go(e,this)}_set(e,t=!0){const r=Lo(e);if(!Zi.und(r)){const e=gs(this);if(!e||!Ki(r,e.getValue())){const n=Cs(r);e&&e.constructor==n?e.setValue(r):ms(this,n.create(r)),e&&Ai.batchedUpdates((()=>{this._onChange(r,t)}))}}return gs(this)}_onStart(){const e=this.animation;e.changed||(e.changed=!0,Fl(this,"onStart",il(this,xl(this,e.to)),this))}_onChange(e,t){t||(this._onStart(),zs(this.animation.onChange,e,this)),zs(this.defaultProps.onChange,e,this),super._onChange(e,t)}_start(){const e=this.animation;gs(this).reset(Lo(e.to)),e.immediate||(e.fromValues=e.values.map((e=>e.lastPosition))),ml(this)||(yl(this,!0),bl(this)||this._resume())}_resume(){lo.skipAnimation?this.finish():fo.start(this)}_stop(e,t){if(ml(this)){yl(this,!1);const r=this.animation;Xi(r.values,(e=>{e.done=!0})),r.toValues&&(r.onChange=r.onPause=r.onResume=void 0),Ro(this,{type:"idle",parent:this});const n=t?ol(this.get()):il(this.get(),xl(this,null!=e?e:r.to));to(this._pendingCalls,n),r.changed&&(r.changed=!1,Fl(this,"onRest",n,this))}}}function xl(e,t){const r=Ls(t);return Ki(Ls(e.get()),r)}function _l(e,t=e.loop,r=e.to){let n=zs(t);if(n){const a=!0!==n&&Ts(n),i=(a||e).reverse,o=!a||a.reset;return Sl(As({},e,{loop:t,default:!1,pause:void 0,to:!i||Rs(r)?r:void 0,from:o?e.from:void 0,reset:o},a))}}function Sl(e){const{to:t,from:r}=e=Ts(e),n=new Set;return Zi.obj(t)&&Cl(t,n),Zi.obj(r)&&Cl(r,n),e.keys=n.size?Array.from(n):null,e}function $l(e){const t=Sl(e);return Zi.und(t.default)&&(t.default=Ds(t)),t}function Cl(e,t){Ji(e,((e,r)=>null!=e&&t.add(r)))}const kl=["onStart","onRest","onChange","onPause","onResume"];function jl(e,t,r){e.animation[r]=t[r]!==Ns(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 Ol=["onStart","onChange","onRest"];let Bl=1;class Al{constructor(e,t){this.id=Bl++,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(As({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];Zi.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=Yi(e).map(Sl):this.queue=[],this._flush?this._flush(this,t):(El(this,t),zl(this,t))}stop(e,t){if(e!==!!e&&(t=e),t){const r=this.springs;Xi(Yi(t),(t=>r[t].stop(!!e)))}else ll(this._state,this._lastAsyncId),this.each((t=>t.stop(!!e)));return this}pause(e){if(Zi.und(e))this.start({pause:!0});else{const t=this.springs;Xi(Yi(e),(e=>t[e].pause()))}return this}resume(e){if(Zi.und(e))this.start({pause:!1});else{const t=this.springs;Xi(Yi(e),(e=>t[e].resume()))}return this}each(e){Ji(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,eo(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&&eo(t,(([e,t])=>{t.value=o,e(t,this,this._item)})),i&&(this._started=!1,eo(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)}Ai.onFrame(this._onFrame)}}function zl(e,t){return Promise.all(t.map((t=>Pl(e,t)))).then((t=>nl(e,t)))}async function Pl(e,t,r){const{keys:n,to:a,from:i,loop:o,onRest:s,onResolve:l}=t,c=Zi.obj(t.default)&&t.default;o&&(t.loop=!1),!1===a&&(t.to=null),!1===i&&(t.from=null);const u=Zi.arr(a)||Zi.fun(a)?a:void 0;u?(t.to=void 0,t.onRest=void 0,c&&(c.onRest=void 0)):Xi(Ol,(r=>{const n=t[r];if(Zi.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,to(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===Ns(t,"cancel");(u||p&&d.asyncId)&&h.push(rl(++e._lastAsyncId,{props:t,state:d,actions:{pause:Qi,resume:Qi,start(t,r){p?(ll(d,e._lastAsyncId),r(ol(e))):(t.onRest=s,r(sl(u,t,d,e)))}}})),d.paused&&await new Promise((e=>{d.resumeQueue.add(e)}));const f=nl(e,await Promise.all(h));if(o&&f.finished&&(!r||!f.noop)){const r=_l(t,o,a);if(r)return El(e,[r]),Pl(e,r,!0)}return l&&Ai.batchedUpdates((()=>l(f,e,e.item))),f}function Il(e,t){const r=As({},e.springs);return t&&Xi(Yi(t),(e=>{Zi.und(e.keys)&&(e=Sl(e)),Zi.obj(e.to)||(e=As({},e,{to:void 0})),Dl(r,e,(e=>Ml(e)))})),Nl(e,r),r}function Nl(e,t){Ji(t,((t,r)=>{e.springs[r]||(e.springs[r]=t,Uo(t,e))}))}function Ml(e,t){const r=new wl;return r.key=e,t&&Uo(r,t),r}function Dl(e,t,r){t.keys&&Xi(t.keys,(n=>{(e[n]||(e[n]=r(n)))._prepareNode(t)}))}function El(e,t){Xi(t,(t=>{Dl(e.springs,t,(t=>Ml(t,e)))}))}const Hl=["children"],Tl=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,Hl);const n=h(Ll),i=r.pause||!!n.pause,s=r.immediate||!!n.immediate;r=function(e,t){const[r]=l((()=>({inputs:t,result:e()}))),n=c(),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 o((()=>{n.current=i,a==r&&(r.inputs=r.result=void 0)}),[i]),i.result}((()=>({pause:i,immediate:s})),[i,s]);const{Provider:u}=Ll;return a.createElement(u,{value:r},t)},Ll=(Vl=Tl,Rl={},Object.assign(Vl,a.createContext(Rl)),Vl.Provider._context=Vl,Vl.Consumer._context=Vl,Vl);var Vl,Rl;Tl.Provider=Ll.Provider,Tl.Consumer=Ll.Consumer;const Wl=()=>{const e=[],t=function(t){ss('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 Xi(e,((e,a)=>{if(Zi.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 Xi(e,(e=>e.pause(...arguments))),this},t.resume=function(){return Xi(e,(e=>e.resume(...arguments))),this},t.set=function(t){Xi(e,(e=>e.set(t)))},t.start=function(t){const r=[];return Xi(e,((e,n)=>{if(Zi.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 Xi(e,(e=>e.stop(...arguments))),this},t.update=function(t){return Xi(e,((e,r)=>e.update(this._getProps(t,e,r)))),this};const r=function(e,t,r){return Zi.fun(e)?e(r,t):e};return t._getProps=r,t};function ql(e,t,r){const n=Zi.fun(t)&&t;n&&!r&&(r=[]);const a=p((()=>n||3==arguments.length?Wl():void 0),[]),i=c(0),o=us(),s=p((()=>({ctrls:[],queue:[],flush(e,t){const r=Il(e,t);return i.current>0&&!s.queue.length&&!Object.keys(r).some((t=>!e.springs[t]))?zl(e,t):new Promise((n=>{Nl(e,r),s.queue.push((()=>{n(zl(e,t))})),o()}))}})),[]),l=c([...s.ctrls]),u=[],d=ps(e)||0;function f(e,r){for(let a=e;a<r;a++){const e=l.current[a]||(l.current[a]=new Al(null,s.flush)),r=n?n(a,e):t[a];r&&(u[a]=$l(r))}}p((()=>{Xi(l.current.slice(e,d),(e=>{Ws(e,a),e.stop(!0)})),l.current.length=e,f(d,e)}),[e]),p((()=>{f(0,Math.min(d,e))}),r);const g=l.current.map(((e,t)=>Il(e,u[t]))),m=h(Tl),b=ps(m),y=m!==b&&Vs(m);cs((()=>{i.current++,s.ctrls=l.current;const{queue:e}=s;e.length&&(s.queue=[],Xi(e,(e=>e()))),Xi(l.current,((e,t)=>{null==a||a.add(e),y&&e.start({default:m});const r=u[t];r&&(qs(e,r.ref),e.ref?e.queue.push(r):e.start(r))}))})),ds((()=>()=>{Xi(s.ctrls,(e=>e.stop(!0)))}));const v=g.map((e=>As({},e)));return a?[v,a]:v}let Ul;!function(e){e.MOUNT="mount",e.ENTER="enter",e.UPDATE="update",e.LEAVE="leave"}(Ul||(Ul={}));class Gl extends pl{constructor(e,t){super(),this.key=void 0,this.idle=!0,this.calc=void 0,this._active=new Set,this.source=e,this.calc=Mo(...t);const r=this._get(),n=Cs(r);ms(this,n.create(r))}advance(e){const t=this._get();Ki(t,this.get())||(gs(this).setValue(t),this._onChange(t,this.idle)),!this.idle&&Zl(this._active)&&Kl(this)}_get(){const e=Zi.arr(this.source)?this.source.map(Lo):Yi(Lo(this.source));return this.calc(...e)}_start(){this.idle&&!Zl(this._active)&&(this.idle=!1,Xi(bs(this),(e=>{e.done=!1})),lo.skipAnimation?(Ai.batchedUpdates((()=>this.advance())),Kl(this)):fo.start(this))}_attach(){let e=1;Xi(Yi(this.source),(t=>{To(t)&&Uo(t,this),dl(t)&&(t.idle||this._active.add(t),e=Math.max(e,t.priority+1))})),this.priority=e,this._start()}_detach(){Xi(Yi(this.source),(e=>{To(e)&&Go(e,this)})),this._active.clear(),Kl(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=Yi(this.source).reduce(((e,t)=>Math.max(e,(dl(t)?t.priority:0)+1)),0))}}function Ql(e){return!1!==e.idle}function Zl(e){return!e.size||Array.from(e).every(Ql)}function Kl(e){e.idle||(e.idle=!0,Xi(bs(e),(e=>{e.done=!0})),Ro(e,{type:"idle",parent:e}))}function Xl(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}lo.assign({createStringInterpolator:as,to:(e,t)=>new Gl(e,t)});const Jl=["style","children","scrollTop","scrollLeft"],Yl=/^--/;function ec(e,t){return null==t||"boolean"==typeof t||""===t?"":"number"!=typeof t||0===t||Yl.test(e)||rc.hasOwnProperty(e)&&rc[e]?(""+t).trim():t+"px"}const tc={};let rc={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 nc=["Webkit","Ms","Moz","O"];rc=Object.keys(rc).reduce(((e,t)=>(nc.forEach((r=>e[((e,t)=>e+t.charAt(0).toUpperCase()+t.substring(1))(r,t)]=e[t])),e)),rc);const ac=["x","y","z"],ic=/^(matrix|translate|scale|rotate|skew)/,oc=/^(translate)/,sc=/^(rotate|skew)/,lc=(e,t)=>Zi.num(e)&&0!==e?e+t:e,cc=(e,t)=>Zi.arr(e)?e.every((e=>cc(e,t))):Zi.num(e)?e===t:parseFloat(e)===t;class uc extends _s{constructor(e){let{x:t,y:r,z:n}=e,a=Xl(e,ac);const i=[],o=[];(t||r||n)&&(i.push([t||0,r||0,n||0]),o.push((e=>[`translate3d(${e.map((e=>lc(e,"px"))).join(",")})`,cc(e,0)]))),Ji(a,((e,t)=>{if("transform"===t)i.push([e||""]),o.push((e=>[e,""===e]));else if(ic.test(t)){if(delete a[t],Zi.und(e))return;const r=oc.test(t)?"px":sc.test(t)?"deg":"";i.push(Yi(e)),o.push("rotate3d"===t?([e,t,n,a])=>[`rotate3d(${e},${t},${n},${lc(a,r)})`,cc(a,0)]:e=>[`${t}(${e.map((e=>lc(e,r))).join(",")})`,cc(e,t.startsWith("scale")?1:0)])}})),i.length&&(a.transform=new dc(i,o)),super(a)}}class dc extends Wo{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 Xi(this.inputs,((r,n)=>{const a=Lo(r[0]),[i,o]=this.transforms[n](Zi.arr(a)?a:r.map(Lo));e+=" "+i,t=t&&o})),t?"none":e}observerAdded(e){1==e&&Xi(this.inputs,(e=>Xi(e,(e=>To(e)&&Uo(e,this)))))}observerRemoved(e){0==e&&Xi(this.inputs,(e=>Xi(e,(e=>To(e)&&Go(e,this)))))}eventObserved(e){"change"==e.type&&(this._value=null),Ro(this,e)}}const hc=["scrollTop","scrollLeft"];lo.assign({batchedUpdates:b,createStringInterpolator:as,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 pc=((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=Bs(e)||"Anonymous";return(e=Zi.str(e)?i[e]||(i[e]=js(e,a)):e[Os]||(e[Os]=js(e,a))).displayName=`Animated(${t})`,e};return Ji(e,((t,r)=>{Zi.arr(e)&&(r=Bs(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=Xl(n,Jl),c=Object.values(l),u=Object.keys(l).map((t=>r||e.hasAttribute(t)?t:tc[t]||(tc[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=ec(t,a[t]);Yl.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 uc(e),getComponentProps:e=>Xl(e,hc)}),fc=pc.animated,gc={mobileS:320,mobileM:375,mobileL:480,tablet:1199,desktopM:1399,desktopL:1999,desktop4k:3840},mc=e=>Object.keys(gc).reduce(((t,r)=>{const n=gc[r];return t[r]=`@media screen and (${e}: ${n}px)`,t}),{}),bc=mc("max-width"),yc=(mc("min-width"),f.div`
|
|
315
|
+
display: inline-block;
|
|
316
|
+
position: relative;
|
|
317
|
+
width: ${e=>e.$size}px;
|
|
318
|
+
height: ${e=>e.$size}px;
|
|
319
|
+
`),vc=m`
|
|
320
|
+
0% {
|
|
321
|
+
transform: rotate(0deg);
|
|
322
|
+
}
|
|
323
|
+
100% {
|
|
324
|
+
transform: rotate(360deg);
|
|
325
|
+
}
|
|
326
|
+
`,wc=f.div`
|
|
327
|
+
box-sizing: border-box;
|
|
328
|
+
display: block;
|
|
329
|
+
position: absolute;
|
|
330
|
+
width: ${e=>e.$size}px;
|
|
331
|
+
height: ${e=>e.$size}px;
|
|
332
|
+
margin: ${e=>e.$borderWidth}px;
|
|
333
|
+
border-width: ${e=>e.$borderWidth}px;
|
|
334
|
+
border-style: solid;
|
|
335
|
+
border-radius: 50%;
|
|
336
|
+
border-color: ${e=>e.$color||Tt.Neutral[8](e)}
|
|
337
|
+
transparent transparent transparent;
|
|
338
|
+
animation: ${vc} 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
|
|
339
|
+
`,xc=f(wc)`
|
|
340
|
+
animation-delay: -0.45s;
|
|
341
|
+
`,_c=f(wc)`
|
|
342
|
+
animation-delay: -0.3s;
|
|
343
|
+
`,Sc=f(wc)`
|
|
344
|
+
animation-delay: -0.15s;
|
|
345
|
+
`;f.button`
|
|
346
|
+
padding: 0.5rem 1rem;
|
|
347
|
+
min-width: 4rem;
|
|
348
|
+
border-radius: 4px;
|
|
349
|
+
transition: all 200ms ease;
|
|
350
|
+
cursor: pointer;
|
|
351
|
+
display: flex;
|
|
352
|
+
align-items: center;
|
|
353
|
+
justify-content: center;
|
|
354
|
+
|
|
355
|
+
@media (hover: hover) {
|
|
356
|
+
&:hover {
|
|
357
|
+
box-shadow: 1px 1px 4px 2px rgba(0, 0, 0, 0.2);
|
|
358
|
+
}
|
|
359
|
+
}
|
|
360
|
+
|
|
361
|
+
// -----------------------------------------------------------------------------
|
|
362
|
+
// BUTTON STYLE + TEXT COLOR
|
|
363
|
+
// -----------------------------------------------------------------------------
|
|
364
|
+
${e=>{switch(e.$buttonStyle){case"secondary":return g`
|
|
365
|
+
background-color: ${Tt.Neutral[8](e)};
|
|
366
|
+
border: 1px solid ${Tt.Primary(e)};
|
|
367
|
+
|
|
368
|
+
span {
|
|
369
|
+
color: ${Tt.Primary(e)};
|
|
370
|
+
}
|
|
371
|
+
`;case"light":return g`
|
|
372
|
+
background-color: ${Tt.Neutral[8](e)};
|
|
373
|
+
border: 1px solid ${Tt.Neutral[5](e)};
|
|
374
|
+
|
|
375
|
+
span {
|
|
376
|
+
color: ${Tt.Primary(e)};
|
|
377
|
+
}
|
|
378
|
+
`;case"disabled":return g`
|
|
379
|
+
background-color: ${Tt.Neutral[6](e)};
|
|
380
|
+
border: 1px solid transparent;
|
|
381
|
+
cursor: not-allowed;
|
|
382
|
+
|
|
383
|
+
&:hover {
|
|
384
|
+
box-shadow: none;
|
|
385
|
+
}
|
|
386
|
+
|
|
387
|
+
span {
|
|
388
|
+
color: ${Tt.Neutral[3](e)};
|
|
389
|
+
}
|
|
390
|
+
`;case"link":return g`
|
|
391
|
+
background-color: transparent;
|
|
392
|
+
border: none;
|
|
393
|
+
border-radius: unset;
|
|
394
|
+
|
|
395
|
+
&:hover {
|
|
396
|
+
box-shadow: none;
|
|
397
|
+
}
|
|
398
|
+
|
|
399
|
+
color: ${Tt.Primary};
|
|
400
|
+
:hover,
|
|
401
|
+
:active,
|
|
402
|
+
:focus {
|
|
403
|
+
span {
|
|
404
|
+
color: ${Tt.Secondary};
|
|
405
|
+
}
|
|
406
|
+
}
|
|
407
|
+
`;default:return g`
|
|
408
|
+
background-color: ${Tt.Primary(e)};
|
|
409
|
+
border: 1px solid transparent;
|
|
410
|
+
|
|
411
|
+
${bc.mobileL} {
|
|
412
|
+
width: 100%;
|
|
413
|
+
}
|
|
414
|
+
|
|
415
|
+
span {
|
|
416
|
+
color: ${Tt.Neutral[8](e)};
|
|
417
|
+
}
|
|
418
|
+
`}}}
|
|
419
|
+
|
|
420
|
+
// -----------------------------------------------------------------------------
|
|
421
|
+
// BUTTON SIZE + TEXT SIZE
|
|
422
|
+
// -----------------------------------------------------------------------------
|
|
423
|
+
${e=>"small"===e.$buttonSizeStyle?g`
|
|
424
|
+
height: 2.5rem;
|
|
425
|
+
span {
|
|
426
|
+
${nr("H5","semibold")}
|
|
427
|
+
}
|
|
428
|
+
|
|
429
|
+
${bc.mobileS} {
|
|
430
|
+
height: auto;
|
|
431
|
+
}
|
|
432
|
+
`:g`
|
|
433
|
+
height: 3rem;
|
|
434
|
+
span {
|
|
435
|
+
${nr("H4","semibold")}
|
|
436
|
+
}
|
|
437
|
+
|
|
438
|
+
${bc.mobileS} {
|
|
439
|
+
height: auto;
|
|
440
|
+
}
|
|
441
|
+
`}
|
|
442
|
+
`;const $c=f((({color:e,className:n,size:a=18})=>t(yc,{className:n,$size:a,$color:e,children:[r(wc,{id:"inner1",$size:a-2,$borderWidth:2}),r(xc,{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})]})))`
|
|
443
|
+
margin-right: 0.5rem;
|
|
444
|
+
${e=>{let t;switch(e.$buttonStyle){case"secondary":case"light":case"link":t=Tt.Primary(e);break;case"disabled":t=Tt.Neutral[3](e);break;default:t=Tt.Neutral[8](e)}return g`
|
|
445
|
+
#inner1,
|
|
446
|
+
#inner2,
|
|
447
|
+
#inner3,
|
|
448
|
+
#inner4 {
|
|
449
|
+
border-color: ${t} transparent transparent transparent;
|
|
450
|
+
}
|
|
451
|
+
`}}
|
|
452
|
+
`;var Cc,kc={};Object.defineProperty(kc,"__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",Cc=kc.ExclamationCircleFillIcon=Fc;var Oc,Bc={};Object.defineProperty(Bc,"__esModule",{value:!0});var Ac=e;const zc=e=>Ac.jsx("svg",{width:"1em",height:"1em",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e,children:Ac.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"})});zc.displayName="TickIcon",Oc=Bc.TickIcon=zc;const Pc=f.div`
|
|
453
|
+
display: flex;
|
|
454
|
+
justify-content: center;
|
|
455
|
+
align-items: center;
|
|
456
|
+
|
|
457
|
+
${e=>{let t,r;if("small"===e.$displaySize)t="1.5rem",r="1.5rem";else t="2rem",r="2rem";return g`
|
|
458
|
+
height: ${t};
|
|
459
|
+
width: ${r};
|
|
460
|
+
`}}
|
|
461
|
+
|
|
462
|
+
position: relative;
|
|
463
|
+
border-radius: 4px;
|
|
464
|
+
transition: all 200ms ease-in-out;
|
|
465
|
+
border: 1px solid ${Tt.Accent.Light[2]};
|
|
466
|
+
background: transparent;
|
|
467
|
+
|
|
468
|
+
${e=>{let t,r;return e.selected&&(t=Tt.Primary(e),r=Tt.Primary(e)),e.disabled&&(t=Tt.Neutral[6](e),r=Tt.Neutral[6](e)),`\n\t\t\tborder: 1px solid ${t};\n\t\t\tbackground: ${r};\n\t\t`}}
|
|
469
|
+
`,Ic=f.input`
|
|
470
|
+
position: absolute;
|
|
471
|
+
opacity: 0;
|
|
472
|
+
height: 100%;
|
|
473
|
+
width: 100%;
|
|
474
|
+
cursor: ${e=>e.disabled?"not-allowed":"pointer"};
|
|
475
|
+
`,Nc=f(Oc)`
|
|
476
|
+
${e=>{let t;if("small"===e.$displaySize)t="1.5rem";else t="1.75rem";return g`
|
|
477
|
+
height: ${t};
|
|
478
|
+
width: ${t};
|
|
479
|
+
`}}
|
|
480
|
+
color: ${e=>e.disabled?Tt.Neutral[4]:Tt.Neutral[8]};
|
|
481
|
+
`,Mc=f(fc.div)`
|
|
482
|
+
overflow: hidden;
|
|
483
|
+
box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.2);
|
|
484
|
+
`,Dc=f.ul`
|
|
485
|
+
border-bottom-left-radius: 4px;
|
|
486
|
+
border-bottom-right-radius: 4px;
|
|
487
|
+
background: transparent;
|
|
488
|
+
max-height: 20rem;
|
|
489
|
+
width: ${e=>e.width||"100%"};
|
|
490
|
+
overflow-y: auto;
|
|
491
|
+
padding: 0.5rem;
|
|
492
|
+
|
|
493
|
+
::-webkit-scrollbar {
|
|
494
|
+
width: 9px;
|
|
495
|
+
}
|
|
496
|
+
|
|
497
|
+
::-webkit-scrollbar-track {
|
|
498
|
+
background: transparent;
|
|
499
|
+
}
|
|
500
|
+
|
|
501
|
+
::-webkit-scrollbar-thumb {
|
|
502
|
+
background: ${Tt.Neutral[4]};
|
|
503
|
+
border-right: 5px solid ${Tt.Neutral[8]};
|
|
504
|
+
border-top-right-radius: 4px;
|
|
505
|
+
border-bottom-right-radius: 4px;
|
|
506
|
+
}
|
|
507
|
+
|
|
508
|
+
${bc.mobileL} {
|
|
509
|
+
max-height: 15rem;
|
|
510
|
+
}
|
|
511
|
+
`,Ec=f.li`
|
|
512
|
+
:hover,
|
|
513
|
+
:focus,
|
|
514
|
+
:active {
|
|
515
|
+
background: ${Tt.Accent.Light[5]};
|
|
516
|
+
}
|
|
517
|
+
${e=>{if(e.checked)return g`
|
|
518
|
+
background: ${Tt.Accent.Light[5]};
|
|
519
|
+
`}}
|
|
520
|
+
`,Hc=f.button`
|
|
521
|
+
display: flex;
|
|
522
|
+
${e=>e.multiSelect?g`
|
|
523
|
+
padding: 0.5rem 1rem;
|
|
524
|
+
`:g`
|
|
525
|
+
padding: 0 1rem;
|
|
526
|
+
min-height: 3.5rem;
|
|
527
|
+
align-items: center;
|
|
528
|
+
`}
|
|
529
|
+
margin: 0 -0.5rem;
|
|
530
|
+
border: none;
|
|
531
|
+
background: transparent;
|
|
532
|
+
width: 100%;
|
|
533
|
+
cursor: pointer;
|
|
534
|
+
|
|
535
|
+
:hover,
|
|
536
|
+
:visited,
|
|
537
|
+
:focus,
|
|
538
|
+
:active {
|
|
539
|
+
outline-color: ${Tt.Accent.Light[3]};
|
|
540
|
+
}
|
|
541
|
+
|
|
542
|
+
span {
|
|
543
|
+
margin-bottom: 0;
|
|
544
|
+
}
|
|
545
|
+
`;f.div`
|
|
546
|
+
position: relative;
|
|
547
|
+
border-radius: 4px;
|
|
548
|
+
display: flex;
|
|
549
|
+
justify-content: center;
|
|
550
|
+
align-items: center;
|
|
551
|
+
background: ${Tt.Neutral[8]};
|
|
552
|
+
`;const Tc=f.div`
|
|
553
|
+
${nr("Body","regular")}
|
|
554
|
+
color: ${Tt.Neutral[1]};
|
|
555
|
+
text-align: left;
|
|
556
|
+
line-height: 1.375rem;
|
|
557
|
+
overflow: hidden;
|
|
558
|
+
${e=>{if("middle"!==e.truncateType)return g`
|
|
559
|
+
display: -webkit-box;
|
|
560
|
+
text-overflow: ellipsis;
|
|
561
|
+
-webkit-line-clamp: 2;
|
|
562
|
+
-webkit-box-orient: vertical;
|
|
563
|
+
`}}
|
|
564
|
+
`,Lc=f.span`
|
|
565
|
+
color: ${Tt.Neutral[4]};
|
|
566
|
+
display: inline;
|
|
567
|
+
padding-left: 0.4rem;
|
|
568
|
+
`,Vc=f.div`
|
|
569
|
+
display: flex;
|
|
570
|
+
flex-direction: column;
|
|
571
|
+
`,Rc=f.div`
|
|
572
|
+
width: 100%;
|
|
573
|
+
height: 1.5rem;
|
|
574
|
+
word-break: break-all;
|
|
575
|
+
overflow: hidden;
|
|
576
|
+
`,Wc=f.div`
|
|
577
|
+
width: 100%;
|
|
578
|
+
text-overflow: ellipsis;
|
|
579
|
+
white-space: nowrap;
|
|
580
|
+
overflow: hidden;
|
|
581
|
+
direction: rtl;
|
|
582
|
+
text-align: right;
|
|
583
|
+
`;f(fr.Hyperlink.Default)`
|
|
584
|
+
color: ${Tt.Neutral[1]} !important;
|
|
585
|
+
padding: 1.25rem 1rem;
|
|
586
|
+
margin-bottom: 0;
|
|
587
|
+
|
|
588
|
+
:hover,
|
|
589
|
+
:visited,
|
|
590
|
+
:focus,
|
|
591
|
+
:active {
|
|
592
|
+
outline-color: ${Tt.Accent.Light[3]};
|
|
593
|
+
color: ${Tt.Neutral[1]};
|
|
594
|
+
}
|
|
595
|
+
`;const qc=f((({className:e,checked:n,disabled:a,onChange:i,onKeyPress:s,displaySize:c="default",...u})=>{const[d,h]=l(n);o((()=>{h(n)}),[n]);const p=e=>{if(!a){const t=e;if(!(" "===t.key||"change"===e.type))return;i&&i(e),s&&s(t)}};return t(Pc,{selected:d,disabled:a,className:e,"data-testid":"checkbox",$displaySize:c,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,...u}),d&&r(Nc,{id:"checkmark","data-testid":"checkmark",disabled:a,$displaySize:c})]})}))`
|
|
596
|
+
flex: 0 0 1.5rem;
|
|
597
|
+
margin-right: 1rem;
|
|
598
|
+
`,Uc=f.div`
|
|
599
|
+
width: 100%;
|
|
600
|
+
display: flex;
|
|
601
|
+
justify-content: flex-end;
|
|
602
|
+
padding: 1rem 0 0.5rem 0;
|
|
603
|
+
`,Gc=f.button`
|
|
604
|
+
${nr("Body","semibold")}
|
|
605
|
+
background-color: transparent;
|
|
606
|
+
background-repeat: no-repeat;
|
|
607
|
+
border: none;
|
|
608
|
+
cursor: pointer;
|
|
609
|
+
overflow: hidden;
|
|
610
|
+
outline: none;
|
|
611
|
+
${e=>`\n\t\t\tcolor: ${Tt.Primary(e)};\n\t\t`}
|
|
612
|
+
`,Qc=f.div`
|
|
613
|
+
width: 100%;
|
|
614
|
+
display: flex;
|
|
615
|
+
padding: 1rem 0.5rem;
|
|
616
|
+
align-items: center;
|
|
617
|
+
`,Zc=f(fr.Body)``,Kc=f(Cc)`
|
|
618
|
+
margin-right: 0.625rem;
|
|
619
|
+
height: 1.5rem;
|
|
620
|
+
width: 1.5rem;
|
|
621
|
+
color: ${Tt.Validation.Red.Icon};
|
|
622
|
+
`;var Xc,Jc={};Object.defineProperty(Jc,"__esModule",{value:!0});var Yc=e;const eu=e=>Yc.jsx("svg",{width:"1em",height:"1em",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e,children:Yc.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"})});eu.displayName="MagnifierIcon",Xc=Jc.MagnifierIcon=eu;const tu=f.button`
|
|
623
|
+
display: flex;
|
|
624
|
+
justify-content: center;
|
|
625
|
+
align-items: center;
|
|
626
|
+
padding: 1.5rem;
|
|
627
|
+
background-color: transparent;
|
|
628
|
+
border: none;
|
|
629
|
+
cursor: pointer;
|
|
630
|
+
|
|
631
|
+
img {
|
|
632
|
+
height: 1rem;
|
|
633
|
+
width: 1rem;
|
|
634
|
+
}
|
|
635
|
+
|
|
636
|
+
&:active,
|
|
637
|
+
&:focus {
|
|
638
|
+
${({$outline:e})=>"none"===e&&"outline: none;"}
|
|
639
|
+
|
|
640
|
+
${({$highlight:e})=>e&&g`
|
|
641
|
+
background-color: ${Tt.Neutral[7]};
|
|
642
|
+
`}
|
|
643
|
+
}
|
|
644
|
+
`,ru=i.forwardRef((({children:e,focusHighlight:t=!0,focusOutline:n="none",...a},i)=>r(tu,{ref:i,$outline:n,$highlight:t,...a,children:e}))),nu=f.li`
|
|
645
|
+
background: ${Tt.Neutral[7]};
|
|
646
|
+
display: flex;
|
|
647
|
+
border-radius: 4px;
|
|
648
|
+
align-items: center;
|
|
649
|
+
`,au=f.input`
|
|
650
|
+
${nr("Body","regular")}
|
|
651
|
+
height: 3rem;
|
|
652
|
+
border: none;
|
|
653
|
+
background: transparent;
|
|
654
|
+
flex: 1;
|
|
655
|
+
padding: 0 0.5rem 0 0;
|
|
656
|
+
|
|
657
|
+
:focus,
|
|
658
|
+
:active {
|
|
659
|
+
outline: none;
|
|
660
|
+
}
|
|
661
|
+
|
|
662
|
+
::placeholder,
|
|
663
|
+
::-webkit-input-placeholder {
|
|
664
|
+
color: ${Tt.Neutral[3]};
|
|
665
|
+
}
|
|
666
|
+
`,iu=f(Xc)`
|
|
667
|
+
height: 1.375rem;
|
|
668
|
+
width: 1.375rem;
|
|
669
|
+
margin: 0 0.5rem;
|
|
670
|
+
color: ${Tt.Neutral[3]};
|
|
671
|
+
`,ou=f(ru)`
|
|
672
|
+
padding: 0;
|
|
673
|
+
margin: 0 0.5rem;
|
|
674
|
+
color: ${Tt.Neutral[3]};
|
|
675
|
+
cursor: pointer;
|
|
676
|
+
`,su=f(Ut)`
|
|
677
|
+
height: 1.375rem;
|
|
678
|
+
width: 1.375rem;
|
|
679
|
+
color: ${Tt.Neutral[3]};
|
|
680
|
+
`,lu=u(((e,n)=>{const{onClear:a,...i}=e;return t(nu,{children:[r(iu,{}),r(au,{ref:n,...i}),i.value&&r(ou,{"aria-label":"Clear search",focusOutline:"browser",onClick:a,children:r(su,{})})]},"search")})),cu=({listItems:e,listExtractor:a,valueExtractor:i,onSelectItem:s,listStyleWidth:u,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:S,...$})=>{const[C,k]=l(0),[j,F]=l(""),[O,B]=l(e),[A,z]=l(0),P=function(e,t){const r=Zi.fun(e),[[n],a]=ql(1,r?e:[e],r?t||[]:t);return r||2==arguments.length?[n,a]:n}({height:A}),I=c(),N=c(),M=c([]),D=c(),E=c(C),H=c(O),T=e=>{E.current=e,k(e)},L=e=>{H.current=e,B(e)};o((()=>(document.addEventListener("keydown",G),()=>{document.removeEventListener("keydown",G)})),[]),o((()=>{q(j)}),[j]),o((()=>{F(""),d?(z(U()),D&&D.current?(D.current.focus(),T(-1)):M.current[C]&&M.current[C].focus()):z(0)}),[d]),o((()=>{if(d){const e=U();z(e)}}),[O]),o((()=>{L(e),F(""),T(0)}),[e]);const V=e=>a?a(e):e.toString(),R=e=>{const t=a?a(e):e.toString();let r=0;return N&&N.current&&(r=N.current.getBoundingClientRect().width-100),qt.shouldTruncateToTwoLines("string"==typeof t?t:t.title,r)},W=e=>Oi(y,e)>-1,q=t=>{if(""===t)L(e);else if(g){const e=g(t);L(e)}else{const r=e.filter((e=>{const r=V(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())}));L(r)}},U=()=>N&&N.current?N.current.getBoundingClientRect().height:0,G=e=>{if(I&&I.current.contains(e.target))switch(e.code){case"ArrowDown":if(E.current<H.current.length-1){const e=E.current+1;M.current[e].focus(),T(e)}break;case"ArrowUp":if(E.current>0){const e=E.current-1;M.current[e].focus(),T(E.current-1)}break;case"Escape":m&&m()}},Q=(e,t)=>{e.preventDefault(),s&&s(t,(e=>i?i(e):e)(t))},Z=e=>{const t=e.target.value;F(t),f&&f()},K=()=>{F(""),f&&f()},X=()=>{w&&w()},J=e=>{const n=V(e),a="string"==typeof n?n:n.title;return t(Vc,{"data-testid":"truncate-middle-container",children:[r(Rc,{children:a}),t(Wc,{children:[" ",a]})]})},Y=e=>{const a=V(e);return"string"==typeof a?r(n,{children:a}):t(n,{children:[a.title,a.secondaryLabel&&r(Lc,{children:a.secondaryLabel})]})},ee=()=>{if(!w||w&&"success"===x)return O.map(((e,n)=>r(Ec,{checked:W(e)&&!b,children:t(Hc,{onClick:t=>{Q(t,e)},ref:e=>M.current[n]=e,"data-testid":"list-item",type:"button",tabIndex:d?0:-1,multiSelect:b,children:[b&&r(qc,{checked:W(e),displaySize:"small"}),S?S(e,{selected:W(e)}):r(Tc,{truncateType:_,children:"middle"===_&&R(e)?J(e):Y(e)})]})},((e,t)=>`item_${t}__${i?i(e):e}`)(e,n))))},te=()=>{if(b&&O.length>0&&!j&&"success"===x)return r(Uc,{children:r(Gc,{onClick:v,children:0===y.length?"Select all":"Unselect all"})},"selectAll")},re=()=>{if(j&&0===O.length)return t(Qc,{"data-testid":"list-no-results",children:[r(Kc,{"data-testid":"no-result-icon"}),r(Zc,{children:"No results found."})]},"noResults")},ne=()=>{if(w&&"loading"===x)return t(Qc,{"data-testid":"list-loading",children:[r($c,{$buttonStyle:"secondary",size:24}),r(Zc,{children:"Loading..."})]},"loading")},ae=()=>{if(w&&"fail"===x)return t(Qc,{"data-testid":"list-fail",children:[r(Kc,{"data-testid":"load-error-icon"}),r(Zc,{children:"Failed to load."}),r(Gc,{onClick:X,children:"Try again."})]},"noResults")};return r(Mc,{style:P,"data-testid":d?"dropdown-container":"dropdown-container-hidden",ref:I,children:(()=>{if(d)return t(Dc,{ref:N,"data-testid":"dropdown-list",width:u,role:"list",...$,children:[(h||g)&&"success"===x?r(lu,{ref:D,onChange:Z,value:j,placeholder:p,"data-testid":"search-input","aria-label":"search-input",tabIndex:d?0:-1,onClear:K}):null,te(),re(),ne(),ae(),ee()]})})()})};var uu,du={};Object.defineProperty(du,"__esModule",{value:!0});var hu=e;const pu=e=>hu.jsx("svg",{width:"1em",height:"1em",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e,children:hu.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"})});pu.displayName="ChevronDownIcon",uu=du.ChevronDownIcon=pu;const fu="all 300ms cubic-bezier(0.21, 0.79, 0.53, 1)",gu=f.div`
|
|
681
|
+
position: relative;
|
|
682
|
+
min-height: 3rem;
|
|
683
|
+
height: 3rem;
|
|
684
|
+
width: 100%;
|
|
685
|
+
|
|
686
|
+
${bc.tablet} {
|
|
687
|
+
height: auto;
|
|
688
|
+
}
|
|
689
|
+
`,mu=f.button`
|
|
690
|
+
display: flex;
|
|
691
|
+
position: relative;
|
|
692
|
+
align-items: center;
|
|
693
|
+
justify-content: space-between;
|
|
694
|
+
padding: 0.702rem 1rem; // To make it exactly 3rem height
|
|
695
|
+
width: 100%;
|
|
696
|
+
border-radius: ${"4px"};
|
|
697
|
+
cursor: pointer;
|
|
698
|
+
border: none;
|
|
699
|
+
background: transparent;
|
|
700
|
+
|
|
701
|
+
:focus,
|
|
702
|
+
:active {
|
|
703
|
+
outline: none;
|
|
704
|
+
}
|
|
705
|
+
`,bu=m`
|
|
706
|
+
from {
|
|
707
|
+
position: absolute;
|
|
708
|
+
top: 0;
|
|
709
|
+
left: 0;
|
|
710
|
+
width: 100%;
|
|
711
|
+
z-index: 2;
|
|
712
|
+
}
|
|
713
|
+
|
|
714
|
+
to {
|
|
715
|
+
position: relative;
|
|
716
|
+
}
|
|
717
|
+
`,yu=f.div`
|
|
718
|
+
position: relative;
|
|
719
|
+
border: 1px solid ${Tt.Neutral[5]};
|
|
720
|
+
border-radius: ${"4px"};
|
|
721
|
+
background: ${Tt.Neutral[8]};
|
|
722
|
+
|
|
723
|
+
:focus-within {
|
|
724
|
+
border: 1px solid ${Tt.Accent.Light[1]};
|
|
725
|
+
box-shadow: ${Rt};
|
|
726
|
+
}
|
|
727
|
+
|
|
728
|
+
${e=>e.expanded?g`
|
|
729
|
+
position: absolute;
|
|
730
|
+
top: 0;
|
|
731
|
+
left: 0;
|
|
732
|
+
width: 100%;
|
|
733
|
+
z-index: 2;
|
|
734
|
+
`:g`
|
|
735
|
+
animation: ${bu} 0.5s ease-in-out;
|
|
736
|
+
`}
|
|
737
|
+
|
|
738
|
+
${e=>e.disabled?g`
|
|
739
|
+
background: ${Tt.Neutral[6](e)};
|
|
740
|
+
|
|
741
|
+
${mu} {
|
|
742
|
+
cursor: not-allowed;
|
|
743
|
+
}
|
|
744
|
+
|
|
745
|
+
:focus-within {
|
|
746
|
+
border: 1px solid ${Tt.Neutral[5](e)};
|
|
747
|
+
box-shadow: none;
|
|
748
|
+
}
|
|
749
|
+
`:e.$readOnly?g`
|
|
750
|
+
border: none;
|
|
751
|
+
background: transparent !important;
|
|
752
|
+
|
|
753
|
+
${mu} {
|
|
754
|
+
padding-left: 0rem;
|
|
755
|
+
}
|
|
756
|
+
|
|
757
|
+
:focus-within {
|
|
758
|
+
border: none;
|
|
759
|
+
box-shadow: none;
|
|
760
|
+
}
|
|
761
|
+
`:e.error?g`
|
|
762
|
+
border: 1px solid ${Tt.Validation.Red.Border(e)};
|
|
763
|
+
|
|
764
|
+
:focus-within {
|
|
765
|
+
border: 1px solid ${Tt.Validation.Red.Border(e)};
|
|
766
|
+
box-shadow: ${Wt};
|
|
767
|
+
}
|
|
768
|
+
`:void 0}
|
|
769
|
+
`;f.div`
|
|
770
|
+
transform: rotate(${e=>e.expanded?180:0}deg);
|
|
771
|
+
transition: ${fu};
|
|
772
|
+
margin-left: 1rem;
|
|
773
|
+
`,f(uu)`
|
|
774
|
+
color: ${Tt.Neutral[3]};
|
|
775
|
+
height: ${Yt.Body.fontSize}rem;
|
|
776
|
+
width: ${Yt.Body.fontSize}rem;
|
|
777
|
+
`,f.div`
|
|
778
|
+
height: 1px;
|
|
779
|
+
background: ${Tt.Neutral[5]};
|
|
780
|
+
margin: 0 0.5rem;
|
|
781
|
+
`,f.div`
|
|
782
|
+
display: flex;
|
|
783
|
+
flex: 1;
|
|
784
|
+
`;const vu=f(fr.Body)`
|
|
785
|
+
text-align: left;
|
|
786
|
+
line-height: 1.375rem;
|
|
787
|
+
${e=>{if("middle"!==e.truncateType)return g`
|
|
788
|
+
display: -webkit-box;
|
|
789
|
+
-webkit-line-clamp: 1;
|
|
790
|
+
-webkit-box-orient: vertical;
|
|
791
|
+
text-overflow: ellipsis;
|
|
792
|
+
`}}
|
|
793
|
+
overflow: hidden;
|
|
794
|
+
`;f(vu)`
|
|
795
|
+
color: ${Tt.Neutral[3]};
|
|
796
|
+
`;const wu=gu,xu=f(yu)``,_u=f.div`
|
|
797
|
+
position: relative;
|
|
798
|
+
display: flex;
|
|
799
|
+
height: 3rem;
|
|
800
|
+
margin-left: 0.5rem;
|
|
801
|
+
${e=>{if(e.$expanded)return g`
|
|
802
|
+
border-bottom: 1px solid ${Tt.Neutral[5](e)};
|
|
803
|
+
`}}
|
|
804
|
+
`,Su=f.button`
|
|
805
|
+
display: flex;
|
|
806
|
+
position: relative;
|
|
807
|
+
align-items: center;
|
|
808
|
+
justify-content: space-between;
|
|
809
|
+
padding: 0 1rem 0 0.5rem;
|
|
810
|
+
height: 3rem;
|
|
811
|
+
border-radius: ${"4px"};
|
|
812
|
+
cursor: pointer;
|
|
813
|
+
border: none;
|
|
814
|
+
background: transparent;
|
|
815
|
+
|
|
816
|
+
:focus,
|
|
817
|
+
:active {
|
|
818
|
+
outline-color: ${Tt.Accent.Light[3]};
|
|
819
|
+
}
|
|
820
|
+
`,$u=f.div`
|
|
821
|
+
transform: rotate(${e=>e.$expanded?180:0}deg);
|
|
822
|
+
transition: ${fu};
|
|
823
|
+
margin-left: 1rem;
|
|
824
|
+
`,Cu=f(uu)`
|
|
825
|
+
color: ${Tt.Neutral[3]};
|
|
826
|
+
height: ${Yt.Body.fontSize}rem;
|
|
827
|
+
width: ${Yt.Body.fontSize}rem;
|
|
828
|
+
vertical-align: bottom;
|
|
829
|
+
`,ku=f.div`
|
|
830
|
+
display: flex;
|
|
831
|
+
flex: 1 1 auto;
|
|
832
|
+
`,ju=f(fr.Body)`
|
|
833
|
+
text-align: left;
|
|
834
|
+
line-height: 1.375rem;
|
|
835
|
+
display: -webkit-box;
|
|
836
|
+
-webkit-line-clamp: 2;
|
|
837
|
+
-webkit-box-orient: vertical;
|
|
838
|
+
overflow: hidden;
|
|
839
|
+
text-overflow: ellipsis;
|
|
840
|
+
`,Fu=f(ju)`
|
|
841
|
+
color: ${Tt.Neutral[3]};
|
|
842
|
+
`,Ou=f.div`
|
|
843
|
+
margin: 1rem 1rem 1rem 0;
|
|
844
|
+
width: 1px;
|
|
845
|
+
height: 1.25rem;
|
|
846
|
+
background: ${Tt.Neutral[5]};
|
|
847
|
+
`,Bu=({addon:e,error:a,onChange:i,...s})=>{const{value:u,placeholder:d,options:h,enableSearch:p,searchFunction:f,searchPlaceholder:g,valueExtractor:m,listExtractor:b,displayValueExtractor:y,selectedOption:v,onSelectOption:w,onHideOptions:x,onShowOptions:_,"data-selector-testid":S}=e.attributes,[$,C]=l(u),[k,j]=l(!1),F=c(),O=c();o((()=>{C(u)}),[u]),o((()=>(document.addEventListener("mousedown",A),()=>{document.removeEventListener("mousedown",A)})),[]);const B=e=>{!e&&x&&x(),e&&_&&_()},A=e=>{if(!s.disabled){if(F&&F.current.contains(e.target))return;j(!1),B(!1)}},z=e=>{e.preventDefault(),s.disabled||(j(!k),B(!k))},P=(e,t)=>{C(e),j(!1),B(!1),O&&O.current.focus(),w&&w(e,t)},I=e=>{i&&i(e)};return r(wu,{children:t(xu,{ref:F,disabled:s.disabled,error:a&&!k,expanded:k,children:[t(_u,{$expanded:k,children:[r(Su,{ref:O,type:"button","data-testid":S||"addon-selector",onClick:z,children:t(n,{children:[t(ku,{children:[d&&!$&&r(Fu,{children:d}),$&&r(ju,{"data-testid":"selector-label",children:y?y($):m?m($):$.toString()})]}),r($u,{$expanded:k,children:r(Cu,{})})]})}),r(Ou,{}),r(wr,{...s,error:a,onChange:I,"data-testid":s["data-testid"]||"input"})]}),h&&h.length>0?r(cu,{listItems:h,selectedItems:v?[v]:[],onSelectItem:P,valueExtractor:m,listExtractor:b,visible:k,enableSearch:p,searchFunction:f,searchPlaceholder:g,"data-testid":"dropdown-list"}):null]})})},Au=i.forwardRef((({addon:e,error:n,...a},i)=>{const o=()=>r(vr,{disabled:a.disabled,$error:n,$readOnly:a.readOnly,"data-testid":a["data-testid"],children:r(wr,{ref:i,...a,"data-testid":"input"})});if(!e)return o();{const{type:i="label",position:s="left"}=e,{allowClear:l}=a;switch(i){case"list":{const t=e.attributes;return t.options&&t.options.length>0?r(Bu,{addon:e,error:n,...a}):o()}case"custom":{const i=e.attributes;return i.children?t(vr,{$error:n,disabled:a.disabled,$readOnly:a.readOnly,"data-testid":a["data-testid"],$position:s,children:[r(xr,{"data-testid":"addon",disabled:a.disabled,$readOnly:a.readOnly,children:i.children}),r(wr,{...a,allowClear:l&&"right"!==s,error:n,$position:s,"data-testid":"input"})]}):o()}default:{const i=e.attributes;return i.value?t(vr,{disabled:a.disabled,$error:n,$readOnly:a.readOnly,"data-testid":a["data-testid"],$position:s,children:[r(xr,{"data-testid":"addon",disabled:a.disabled,$readOnly:a.readOnly,children:i.value}),r(wr,{...a,allowClear:l&&"right"!==s,error:n,$position:s,"data-testid":"input"})]}):o()}}}}));var zu=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 Pu=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}}(),Iu=Jn;var Nu=Qn;var Mu=function(e,t){return function(r,n){if(null==r)return r;if(!Nu(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&&Pu(e,t,Iu)}));var Du=zu,Eu=Mu,Hu=hi,Tu=function(e,t,r,n,a){return a(e,(function(e,a,i){r=n?(n=!1,e):t(r,e,a,i)})),r},Lu=v;var Vu=function(e,t,r){var n=Lu(e)?Du:Tu,a=arguments.length<3;return n(e,Hu(t),r,a,Eu)};const Ru=[["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"]],Wu=(e,t,r,n)=>r?e+"".padEnd(t.length,".")+" "+r:e+"".padEnd(t.length,".")+" "+n;var qu;!function(e){e.getCountries=[].concat(...Ru.map((e=>({name:e[0],regions:e[1],iso2:e[2],countryCode:e[3],format:Wu("+",e[3],e[4],"... ... ... ... ..")})))),e.formatNumber=(e,t)=>{if(!t)return e;const{format:r}=t,n=r.split(" ");n.shift();const a=n.join(" ");return Vu(a,((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:e.split("")}).formattedText}}(qu||(qu={}));const Uu=f.div`
|
|
848
|
+
width: 100%;
|
|
849
|
+
`,Gu=({onChange:e,value:t,allowClear:n,onClear:a,error:i,optionPlaceholder:s="Select",optionSearchPlaceholder:u,enableSearch:d,onHideOptions:h,onShowOptions:p,placeholder:f,...g})=>{const[m,b]=l(t?.number||""),[y,v]=l(t?.countryCode||""),w=qu.getCountries.filter((e=>e.countryCode===y.replace("+","")))[0],x=c();o((()=>{const e=_(t?.number);b(e)}),[t]);const _=(e,t=w)=>{const r=e?.replace(/[\s()]+/g,"");return qu.formatNumber(r,t)},S=(e=m,t=y)=>{const r=e?.replace(/[\s()]+/g,"");return{number:r,countryCode:t.includes("+")?t:`+${t}`}};return r(Uu,{children:r(Au,{ref:x,onKeyDown:e=>{/^[0-9\b]+$/.test(e.key)||"Backspace"===e.key||e.preventDefault()},value:m,onChange:t=>{const r=t.target.value;if(e){const t=S(r);e(t)}else{const e=_(r);b(e)}},allowClear:n&&!!m,onClear:()=>{a&&a()},error:i,placeholder:f,addon:{type:"list",attributes:{value:w,placeholder:s,options:qu.getCountries,selectedOption:w,enableSearch:d,searchPlaceholder:u,valueExtractor:e=>`+${e.countryCode}`,listExtractor:e=>({title:e.name,secondaryLabel:`+${e.countryCode}`}),onSelectOption:(t,r)=>{if(v(r),e){const t=S(m,r);e(t)}else if(m&&"string"==typeof m){const e=_(m,t);b(e)}},onHideOptions:h,onShowOptions:p}},...g})})};export{Gu as PhoneNumberInput};
|
|
850
|
+
//# sourceMappingURL=index.js.map
|