@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
package/timepicker/index.js
CHANGED
|
@@ -1,26 +1,16 @@
|
|
|
1
|
-
import{jsx as e,jsxs as t}from"react/jsx-runtime";import*as n from"react";import r,{cloneElement as i,useRef as o,useState as a,isValidElement as s,createRef as l,PureComponent as u,useEffect as c,useLayoutEffect as d,forwardRef as h,useCallback as p,useContext as f,useMemo as g}from"react";import{findDOMNode as m,unstable_batchedUpdates as y}from"react-dom";import v,{keyframes as b,css as w}from"styled-components";var _,S;!function(e){e.transformWithSpaces=(e,t)=>{const n="(.{"+t+"})";return e.replace(/[^\dA-Z]/gi,"").replace(new RegExp(n,"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 n=Math.floor(t/9);return e.length>=2*n||1===e.split(" ").length&&e.length>n},e.truncateOneLine=(e,t,n,r)=>{let i=0;t>n&&(i=Math.floor((t-n)/8));const o=r+i;if(o<e.length){const t=Math.floor(o/2);return e.substring(0,t)+" ... "+e.substring(e.length-t,e.length)}return e}}(_||(_={})),function(e){e.getTimeValues=(e,t)=>{const n={hour:"",minute:"",period:"am"};if(!t)return n;try{if("24hr"===e){const r=k(t,e);n.minute=_.padValue(r.minute);const i=parseInt(r.hour);0===Math.floor(i/12)?(n.period="am",n.hour=0===i?"12":_.padValue(i.toString())):(n.period="pm",n.hour=12===i?i.toString():_.padValue((i-12).toString()))}else{const r=k(t,e);n.hour=_.padValue(r.hour),n.minute=_.padValue(r.minute),n.period="am"===r.period.toLowerCase()?"am":"pm"}return n}catch(e){return n}},e.updateMinutes=(e,t)=>{const n=parseInt(e);if(isNaN(n))return"add"===t?_.padValue("0"):"55";const r=Math.floor(n/5),i=(("add"===t?r+1:n%5==0?r-1:r)%12+12)%12;return _.padValue((5*i).toString())},e.updateHours=(e,t)=>{const n=parseInt(e);if(isNaN(n))return"add"===t?_.padValue("1"):"12";const r="add"===t?n+1:n-1;return r<=12&&r>0?_.padValue(r.toString()):13===r?_.padValue("1"):"12"},e.convertTo24HourFormat=e=>{const t=parseInt(e.hour);let n;return n="pm"===e.period?12===t?t.toString():(t+12).toString():12===t?"00":e.hour,`${n}:${e.minute}`},e.convertHourTo12HourFormat=e=>{const t=parseInt(e),n=t%12==0?12..toString():(t%12).toString();return _.padValue(n)},e.formatValue=(e,t)=>{try{const n=k(e,t),r=_.padValue(n.hour);let i=`${r}:${_.padValue(n.minute)}`;return"12hr"===t?(i+=n.period.toLowerCase(),i):i}catch(e){return""}}}(S||(S={}));const $=(e,t)=>{const n=parseInt(e);return"24hr"===t?n>=0&&n<=23:n>=1&&n<=12},x=e=>{const t=parseInt(e);return t>=0&&t<=59},k=(e,t)=>{const n=e.split(":"),r=new Error("Invalid format");if("12hr"===t){if(2!==n.length||4!==n[1].length)throw r;const e=n[1].substring(0,2),o=n[1].substring(2);if(!$(n[0],t)||!x(e)||"am"!==(i=o).toLowerCase()&&"pm"!==i.toLowerCase())throw r;return{hour:n[0],minute:e,period:n[1].substring(2)}}if(2!==n.length)throw r;if(!$(n[0],t)||!x(n[1]))throw r;return{hour:n[0],minute:n[1]};var i};var F=function(e,t){return F=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},F(e,t)};var O=function(){return O=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},O.apply(this,arguments)};var H="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};var P=function(e){var t=typeof e;return null!=e&&("object"==t||"function"==t)},B="object"==typeof H&&H&&H.Object===Object&&H,C="object"==typeof self&&self&&self.Object===Object&&self,D=B||C||Function("return this")(),E=D,z=function(){return E.Date.now()},M=/\s/;var A=function(e){for(var t=e.length;t--&&M.test(e.charAt(t)););return t},I=/^\s+/;var N=function(e){return e?e.slice(0,A(e)+1).replace(I,""):e},j=D.Symbol,R=j,T=Object.prototype,V=T.hasOwnProperty,W=T.toString,L=R?R.toStringTag:void 0;var U=function(e){var t=V.call(e,L),n=e[L];try{e[L]=void 0;var r=!0}catch(e){}var i=W.call(e);return r&&(t?e[L]=n:delete e[L]),i},q=Object.prototype.toString;var Q=U,G=function(e){return q.call(e)},X=j?j.toStringTag:void 0;var Z=function(e){return null==e?void 0===e?"[object Undefined]":"[object Null]":X&&X in Object(e)?Q(e):G(e)},Y=function(e){return null!=e&&"object"==typeof e};var J=N,K=P,ee=function(e){return"symbol"==typeof e||Y(e)&&"[object Symbol]"==Z(e)},te=/^[-+]0x[0-9a-f]+$/i,ne=/^0b[01]+$/i,re=/^0o[0-7]+$/i,ie=parseInt;var oe=P,ae=z,se=function(e){if("number"==typeof e)return e;if(ee(e))return NaN;if(K(e)){var t="function"==typeof e.valueOf?e.valueOf():e;e=K(t)?t+"":t}if("string"!=typeof e)return 0===e?e:+e;e=J(e);var n=ne.test(e);return n||re.test(e)?ie(e.slice(2),n?2:8):te.test(e)?NaN:+e},le=Math.max,ue=Math.min;var ce=function(e,t,n){var r,i,o,a,s,l,u=0,c=!1,d=!1,h=!0;if("function"!=typeof e)throw new TypeError("Expected a function");function p(t){var n=r,o=i;return r=i=void 0,u=t,a=e.apply(o,n)}function f(e){return u=e,s=setTimeout(m,t),c?p(e):a}function g(e){var n=e-l;return void 0===l||n>=t||n<0||d&&e-u>=o}function m(){var e=ae();if(g(e))return y(e);s=setTimeout(m,function(e){var n=t-(e-l);return d?ue(n,o-(e-u)):n}(e))}function y(e){return s=void 0,h&&r?p(e):(r=i=void 0,a)}function v(){var e=ae(),n=g(e);if(r=arguments,i=this,l=e,n){if(void 0===s)return f(l);if(d)return clearTimeout(s),s=setTimeout(m,t),p(l)}return void 0===s&&(s=setTimeout(m,t)),a}return t=se(t)||0,oe(n)&&(c=!!n.leading,o=(d="maxWait"in n)?le(se(n.maxWait)||0,t):o,h="trailing"in n?!!n.trailing:h),v.cancel=function(){void 0!==s&&clearTimeout(s),u=0,r=l=i=s=void 0},v.flush=function(){return void 0===s?a:y(ae())},v},de=ce,he=P;var pe=function(e,t,n){var r=!0,i=!0;if("function"!=typeof e)throw new TypeError("Expected a function");return he(n)&&(r="leading"in n?!!n.leading:r,i="trailing"in n?!!n.trailing:i),de(e,t,{leading:r,maxWait:t,trailing:i})},fe=function(e,t,n,r){switch(t){case"debounce":return ce(e,n,r);case"throttle":return pe(e,n,r);default:return e}},ge=function(e){return"function"==typeof e},me=function(){return"undefined"==typeof window},ye=function(e){return e instanceof Element||e instanceof HTMLDocument},ve=function(e,t,n,r){return function(i){var o=i.width,a=i.height;t((function(t){return t.width===o&&t.height===a||t.width===o&&!r||t.height===a&&!n?t:(e&&ge(e)&&e(o,a),{width:o,height:a})}))}};!function(e){function t(t){var n=e.call(this,t)||this;n.cancelHandler=function(){n.resizeHandler&&n.resizeHandler.cancel&&(n.resizeHandler.cancel(),n.resizeHandler=null)},n.attachObserver=function(){var e=n.props,t=e.targetRef,r=e.observerOptions;if(!me()){t&&t.current&&(n.targetRef.current=t.current);var i=n.getElement();i&&(n.observableElement&&n.observableElement===i||(n.observableElement=i,n.resizeObserver.observe(i,r)))}},n.getElement=function(){var e=n.props,t=e.querySelector,r=e.targetDomEl;if(me())return null;if(t)return document.querySelector(t);if(r&&ye(r))return r;if(n.targetRef&&ye(n.targetRef.current))return n.targetRef.current;var i=m(n);if(!i)return null;switch(n.getRenderType()){case"renderProp":case"childFunction":case"child":case"childArray":return i;default:return i.parentElement}},n.createResizeHandler=function(e){var t=n.props,r=t.handleWidth,i=void 0===r||r,o=t.handleHeight,a=void 0===o||o,s=t.onResize;if(i||a){var l=ve(s,n.setState.bind(n),i,a);e.forEach((function(e){var t=e&&e.contentRect||{},r=t.width,i=t.height;!n.skipOnMount&&!me()&&l({width:r,height:i}),n.skipOnMount=!1}))}},n.getRenderType=function(){var e=n.props,t=e.render,r=e.children;return ge(t)?"renderProp":ge(r)?"childFunction":s(r)?"child":Array.isArray(r)?"childArray":"parent"};var r=t.skipOnMount,i=t.refreshMode,o=t.refreshRate,a=void 0===o?1e3:o,u=t.refreshOptions;return n.state={width:void 0,height:void 0},n.skipOnMount=r,n.targetRef=l(),n.observableElement=null,me()||(n.resizeHandler=fe(n.createResizeHandler,i,a,u),n.resizeObserver=new window.ResizeObserver(n.resizeHandler)),n}(function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function n(){this.constructor=e}F(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)})(t,e),t.prototype.componentDidMount=function(){this.attachObserver()},t.prototype.componentDidUpdate=function(){this.attachObserver()},t.prototype.componentWillUnmount=function(){me()||(this.observableElement=null,this.resizeObserver.disconnect(),this.cancelHandler())},t.prototype.render=function(){var e,t=this.props,r=t.render,o=t.children,a=t.nodeType,s=void 0===a?"div":a,l=this.state,u={width:l.width,height:l.height,targetRef:this.targetRef};switch(this.getRenderType()){case"renderProp":return r&&r(u);case"childFunction":return(e=o)(u);case"child":if((e=o).type&&"string"==typeof e.type){var c=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(r=Object.getOwnPropertySymbols(e);i<r.length;i++)t.indexOf(r[i])<0&&Object.prototype.propertyIsEnumerable.call(e,r[i])&&(n[r[i]]=e[r[i]])}return n}(u,["targetRef"]);return i(e,c)}return i(e,u);case"childArray":return(e=o).map((function(e){return!!e&&i(e,u)}));default:return n.createElement(s,null)}}}(u);var be=me()?c:d;let we=Ae();const _e=e=>De(e,we);let Se=Ae();_e.write=e=>De(e,Se);let $e=Ae();_e.onStart=e=>De(e,$e);let xe=Ae();_e.onFrame=e=>De(e,xe);let ke=Ae();_e.onFinish=e=>De(e,ke);let Fe=[];_e.setTimeout=(e,t)=>{let n=_e.now()+t,r=()=>{let e=Fe.findIndex((e=>e.cancel==r));~e&&Fe.splice(e,1),Be-=~e?1:0},i={time:n,handler:e,cancel:r};return Fe.splice(Oe(n),0,i),Be+=1,Ee(),i};let Oe=e=>~(~Fe.findIndex((t=>t.time>e))||~Fe.length);_e.cancel=e=>{$e.delete(e),xe.delete(e),we.delete(e),Se.delete(e),ke.delete(e)},_e.sync=e=>{Ce=!0,_e.batchedUpdates(e),Ce=!1},_e.throttle=e=>{let t;function n(){try{e(...t)}finally{t=null}}function r(...e){t=e,_e.onStart(n)}return r.handler=e,r.cancel=()=>{$e.delete(n),t=null},r};let He="undefined"!=typeof window?window.requestAnimationFrame:()=>{};_e.use=e=>He=e,_e.now="undefined"!=typeof performance?()=>performance.now():Date.now,_e.batchedUpdates=e=>e(),_e.catch=console.error,_e.frameLoop="always",_e.advance=()=>{"demand"!==_e.frameLoop?console.warn("Cannot call the manual advancement of rafz whilst frameLoop is not set as demand"):Me()};let Pe=-1,Be=0,Ce=!1;function De(e,t){Ce?(t.delete(e),e(0)):(t.add(e),Ee())}function Ee(){Pe<0&&(Pe=0,"demand"!==_e.frameLoop&&He(ze))}function ze(){~Pe&&(He(ze),_e.batchedUpdates(Me))}function Me(){let e=Pe;Pe=_e.now();let t=Oe(Pe);t&&(Ie(Fe.splice(0,t),(e=>e.handler())),Be-=t),$e.flush(),we.flush(e?Math.min(64,Pe-e):16.667),xe.flush(),Se.flush(),ke.flush(),Be||(Pe=-1)}function Ae(){let e=new Set,t=e;return{add(n){Be+=t!=e||e.has(n)?0:1,e.add(n)},delete:n=>(Be-=t==e&&e.has(n)?1:0,e.delete(n)),flush(n){t.size&&(e=new Set,Be-=t.size,Ie(t,(t=>t(n)&&e.add(t))),Be+=e.size,t=e)}}}function Ie(e,t){e.forEach((e=>{try{t(e)}catch(e){_e.catch(e)}}))}function Ne(){}const je={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 Re(e,t){if(je.arr(e)){if(!je.arr(t)||e.length!==t.length)return!1;for(let n=0;n<e.length;n++)if(e[n]!==t[n])return!1;return!0}return e===t}const Te=(e,t)=>e.forEach(t);function Ve(e,t,n){if(je.arr(e))for(let r=0;r<e.length;r++)t.call(n,e[r],`${r}`);else for(const r in e)e.hasOwnProperty(r)&&t.call(n,e[r],r)}const We=e=>je.und(e)?[]:je.arr(e)?e:[e];function Le(e,t){if(e.size){const n=Array.from(e);e.clear(),Te(n,t)}}const Ue=(e,...t)=>Le(e,(e=>e(...t))),qe=()=>"undefined"==typeof window||!window.navigator||/ServerSideRendering|^Deno\//.test(window.navigator.userAgent);let Qe,Ge,Xe=null,Ze=!1,Ye=Ne;var Je=Object.freeze({__proto__:null,get createStringInterpolator(){return Qe},get to(){return Ge},get colors(){return Xe},get skipAnimation(){return Ze},get willAdvance(){return Ye},assign:e=>{e.to&&(Ge=e.to),e.now&&(_e.now=e.now),void 0!==e.colors&&(Xe=e.colors),null!=e.skipAnimation&&(Ze=e.skipAnimation),e.createStringInterpolator&&(Qe=e.createStringInterpolator),e.requestAnimationFrame&&_e.use(e.requestAnimationFrame),e.batchedUpdates&&(_e.batchedUpdates=e.batchedUpdates),e.willAdvance&&(Ye=e.willAdvance),e.frameLoop&&(_e.frameLoop=e.frameLoop)}});const Ke=new Set;let et=[],tt=[],nt=0;const rt={get idle(){return!Ke.size&&!et.length},start(e){nt>e.priority?(Ke.add(e),_e.onStart(it)):(ot(e),_e(st))},advance:st,sort(e){if(nt)_e.onFrame((()=>rt.sort(e)));else{const t=et.indexOf(e);~t&&(et.splice(t,1),at(e))}},clear(){et=[],Ke.clear()}};function it(){Ke.forEach(ot),Ke.clear(),_e(st)}function ot(e){et.includes(e)||at(e)}function at(e){et.splice(function(e,t){const n=e.findIndex(t);return n<0?e.length:n}(et,(t=>t.priority>e.priority)),0,e)}function st(e){const t=tt;for(let n=0;n<et.length;n++){const r=et[n];nt=r.priority,r.idle||(Ye(r),r.advance(e),r.idle||t.push(r))}return nt=0,tt=et,tt.length=0,et=t,et.length>0}const lt="[-+]?\\d*\\.?\\d+";function ut(...e){return"\\(\\s*("+e.join(")\\s*,\\s*(")+")\\s*\\)"}const ct=new RegExp("rgb"+ut(lt,lt,lt)),dt=new RegExp("rgba"+ut(lt,lt,lt,lt)),ht=new RegExp("hsl"+ut(lt,"[-+]?\\d*\\.?\\d+%","[-+]?\\d*\\.?\\d+%")),pt=new RegExp("hsla"+ut(lt,"[-+]?\\d*\\.?\\d+%","[-+]?\\d*\\.?\\d+%",lt)),ft=/^#([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,gt=/^#([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,mt=/^#([0-9a-fA-F]{6})$/,yt=/^#([0-9a-fA-F]{8})$/;function vt(e,t,n){return n<0&&(n+=1),n>1&&(n-=1),n<1/6?e+6*(t-e)*n:n<.5?t:n<2/3?e+(t-e)*(2/3-n)*6:e}function bt(e,t,n){const r=n<.5?n*(1+t):n+t-n*t,i=2*n-r,o=vt(i,r,e+1/3),a=vt(i,r,e),s=vt(i,r,e-1/3);return Math.round(255*o)<<24|Math.round(255*a)<<16|Math.round(255*s)<<8}function wt(e){const t=parseInt(e,10);return t<0?0:t>255?255:t}function _t(e){return(parseFloat(e)%360+360)%360/360}function St(e){const t=parseFloat(e);return t<0?0:t>1?255:Math.round(255*t)}function $t(e){const t=parseFloat(e);return t<0?0:t>100?1:t/100}function xt(e){let t=function(e){let t;return"number"==typeof e?e>>>0===e&&e>=0&&e<=4294967295?e:null:(t=mt.exec(e))?parseInt(t[1]+"ff",16)>>>0:Xe&&void 0!==Xe[e]?Xe[e]:(t=ct.exec(e))?(wt(t[1])<<24|wt(t[2])<<16|wt(t[3])<<8|255)>>>0:(t=dt.exec(e))?(wt(t[1])<<24|wt(t[2])<<16|wt(t[3])<<8|St(t[4]))>>>0:(t=ft.exec(e))?parseInt(t[1]+t[1]+t[2]+t[2]+t[3]+t[3]+"ff",16)>>>0:(t=yt.exec(e))?parseInt(t[1],16)>>>0:(t=gt.exec(e))?parseInt(t[1]+t[1]+t[2]+t[2]+t[3]+t[3]+t[4]+t[4],16)>>>0:(t=ht.exec(e))?(255|bt(_t(t[1]),$t(t[2]),$t(t[3])))>>>0:(t=pt.exec(e))?(bt(_t(t[1]),$t(t[2]),$t(t[3]))|St(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 kt=(e,t,n)=>{if(je.fun(e))return e;if(je.arr(e))return kt({range:e,output:t,extrapolate:n});if(je.str(e.output[0]))return Qe(e);const r=e,i=r.output,o=r.range||[0,1],a=r.extrapolateLeft||r.extrapolate||"extend",s=r.extrapolateRight||r.extrapolate||"extend",l=r.easing||(e=>e);return e=>{const t=function(e,t){for(var n=1;n<t.length-1&&!(t[n]>=e);++n);return n-1}(e,o);return function(e,t,n,r,i,o,a,s,l){let u=l?l(e):e;if(u<t){if("identity"===a)return u;"clamp"===a&&(u=t)}if(u>n){if("identity"===s)return u;"clamp"===s&&(u=n)}if(r===i)return r;if(t===n)return e<=t?r:i;t===-1/0?u=-u:n===1/0?u-=t:u=(u-t)/(n-t);u=o(u),r===-1/0?u=-u:i===1/0?u+=r:u=u*(i-r)+r;return u}(e,o[t],o[t+1],i[t],i[t+1],l,a,s,r.map)}};function Ft(){return Ft=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},Ft.apply(this,arguments)}const Ot=Symbol.for("FluidValue.get"),Ht=Symbol.for("FluidValue.observers"),Pt=e=>Boolean(e&&e[Ot]),Bt=e=>e&&e[Ot]?e[Ot]():e,Ct=e=>e[Ht]||null;function Dt(e,t){let n=e[Ht];n&&n.forEach((e=>{!function(e,t){e.eventObserved?e.eventObserved(t):e(t)}(e,t)}))}class Et{constructor(e){if(this[Ot]=void 0,this[Ht]=void 0,!e&&!(e=this.get))throw Error("Unknown getter");zt(this,e)}}const zt=(e,t)=>It(e,Ot,t);function Mt(e,t){if(e[Ot]){let n=e[Ht];n||It(e,Ht,n=new Set),n.has(t)||(n.add(t),e.observerAdded&&e.observerAdded(n.size,t))}return t}function At(e,t){let n=e[Ht];if(n&&n.has(t)){const r=n.size-1;r?n.delete(t):e[Ht]=null,e.observerRemoved&&e.observerRemoved(r,t)}}const It=(e,t,n)=>Object.defineProperty(e,t,{value:n,writable:!0,configurable:!0}),Nt=/[+\-]?(?:0|[1-9]\d*)(?:\.\d*)?(?:[eE][+\-]?\d+)?/g,jt=/(#(?:[0-9a-f]{2}){2,4}|(#[0-9a-f]{3})|(rgb|hsl)a?\((-?\d+%?[,\s]+){2,3}\s*[\d\.]+%?\))/gi,Rt=new RegExp(`(${Nt.source})(%|[a-z]+)`,"i"),Tt=/rgba\(([0-9\.-]+), ([0-9\.-]+), ([0-9\.-]+), ([0-9\.-]+)\)/gi,Vt=/var\((--[a-zA-Z0-9-_]+),? ?([a-zA-Z0-9 ()%#.,-]+)?\)/,Wt=e=>{const[t,n]=Lt(e);if(!t||qe())return e;const r=window.getComputedStyle(document.documentElement).getPropertyValue(t);if(r)return r.trim();if(n&&n.startsWith("--")){const t=window.getComputedStyle(document.documentElement).getPropertyValue(n);return t||e}return n&&Vt.test(n)?Wt(n):n||e},Lt=e=>{const t=Vt.exec(e);if(!t)return[,];const[,n,r]=t;return[n,r]};let Ut;const qt=(e,t,n,r,i)=>`rgba(${Math.round(t)}, ${Math.round(n)}, ${Math.round(r)}, ${i})`,Qt=e=>{Ut||(Ut=Xe?new RegExp(`(${Object.keys(Xe).join("|")})(?!\\w)`,"g"):/^\b$/);const t=e.output.map((e=>Bt(e).replace(Vt,Wt).replace(jt,xt).replace(Ut,xt))),n=t.map((e=>e.match(Nt).map(Number))),r=n[0].map(((e,t)=>n.map((e=>{if(!(t in e))throw Error('The arity of each "output" value must be equal');return e[t]})))).map((t=>kt(Ft({},e,{output:t}))));return e=>{var n;const i=!Rt.test(t[0])&&(null==(n=t.find((e=>Rt.test(e))))?void 0:n.replace(Nt,""));let o=0;return t[0].replace(Nt,(()=>`${r[o++](e)}${i||""}`)).replace(Tt,qt)}},Gt="react-spring: ",Xt=e=>{const t=e;let n=!1;if("function"!=typeof t)throw new TypeError(`${Gt}once requires a function parameter`);return(...e)=>{n||(t(...e),n=!0)}},Zt=Xt(console.warn);const Yt=Xt(console.warn);function Jt(e){return je.str(e)&&("#"==e[0]||/\d/.test(e)||!qe()&&Vt.test(e)||e in(Xe||{}))}const Kt="undefined"!=typeof window&&window.document&&window.document.createElement?n.useLayoutEffect:n.useEffect;function en(){const e=a()[1],t=(()=>{const e=o(!1);return Kt((()=>(e.current=!0,()=>{e.current=!1})),[]),e})();return()=>{t.current&&e(Math.random())}}const tn=e=>c(e,nn),nn=[];function rn(e){const t=o();return c((()=>{t.current=e})),t.current}const on=Symbol.for("Animated:node"),an=e=>e&&e[on],sn=(e,t)=>{return n=e,r=on,i=t,Object.defineProperty(n,r,{value:i,writable:!0,configurable:!0});var n,r,i},ln=e=>e&&e[on]&&e[on].getPayload();class un{constructor(){this.payload=void 0,sn(this,this)}getPayload(){return this.payload||[]}}class cn extends un{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,je.num(this._value)&&(this.lastPosition=this._value)}static create(e){return new cn(e)}getPayload(){return[this]}getValue(){return this._value}setValue(e,t){return je.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,je.num(this._value)&&(this.elapsedTime=0,this.durationProgress=0,this.lastPosition=this._value,e&&(this.lastVelocity=null),this.v0=null)}}class dn extends cn{constructor(e){super(0),this._string=null,this._toString=void 0,this._toString=kt({output:[e,e]})}static create(e){return new dn(e)}getValue(){let e=this._string;return null==e?this._string=this._toString(this._value):e}setValue(e){if(je.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=kt({output:[this.getValue(),e]})),this._value=0,super.reset()}}const hn={dependencies:null};class pn extends un{constructor(e){super(),this.source=e,this.setValue(e)}getValue(e){const t={};return Ve(this.source,((n,r)=>{var i;(i=n)&&i[on]===i?t[r]=n.getValue(e):Pt(n)?t[r]=Bt(n):e||(t[r]=n)})),t}setValue(e){this.source=e,this.payload=this._makePayload(e)}reset(){this.payload&&Te(this.payload,(e=>e.reset()))}_makePayload(e){if(e){const t=new Set;return Ve(e,this._addToPayload,t),Array.from(t)}}_addToPayload(e){hn.dependencies&&Pt(e)&&hn.dependencies.add(e);const t=ln(e);t&&Te(t,(e=>this.add(e)))}}class fn extends pn{constructor(e){super(e)}static create(e){return new fn(e)}getValue(){return this.source.map((e=>e.getValue()))}setValue(e){const t=this.getPayload();return e.length==t.length?t.map(((t,n)=>t.setValue(e[n]))).some(Boolean):(super.setValue(e.map(gn)),!0)}}function gn(e){return(Jt(e)?dn:cn).create(e)}function mn(e){const t=an(e);return t?t.constructor:je.arr(e)?fn:Jt(e)?dn:cn}function yn(){return yn=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},yn.apply(this,arguments)}const vn=(e,t)=>{const r=!je.fun(e)||e.prototype&&e.prototype.isReactComponent;return h(((i,a)=>{const s=o(null),l=r&&p((e=>{s.current=function(e,t){e&&(je.fun(e)?e(t):e.current=t);return t}(a,e)}),[a]),[u,d]=function(e,t){const n=new Set;hn.dependencies=n,e.style&&(e=yn({},e,{style:t.createAnimatedStyle(e.style)}));return e=new pn(e),hn.dependencies=null,[e,n]}(i,t),h=en(),f=()=>{const e=s.current;if(r&&!e)return;!1===(!!e&&t.applyAnimatedValues(e,u.getValue(!0)))&&h()},g=new bn(f,d),m=o();Kt((()=>(m.current=g,Te(d,(e=>Mt(e,g))),()=>{m.current&&(Te(m.current.deps,(e=>At(e,m.current))),_e.cancel(m.current.update))}))),c(f,[]),tn((()=>()=>{const e=m.current;Te(e.deps,(t=>At(t,e)))}));const y=t.getComponentProps(u.getValue());return n.createElement(e,yn({},y,{ref:l}))}))};class bn{constructor(e,t){this.update=e,this.deps=t}eventObserved(e){"change"==e.type&&_e.write(this.update)}}const wn=Symbol.for("AnimatedComponent"),_n=e=>je.str(e)?e:e&&je.str(e.displayName)?e.displayName:je.fun(e)&&e.name||null;function Sn(){return Sn=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},Sn.apply(this,arguments)}function $n(e,...t){return je.fun(e)?e(...t):e}const xn=(e,t)=>!0===e||!!(t&&e&&(je.fun(e)?e(t):We(e).includes(t))),kn=(e,t)=>je.obj(e)?t&&e[t]:e,Fn=(e,t)=>!0===e.default?e[t]:e.default?e.default[t]:void 0,On=e=>e,Hn=(e,t=On)=>{let n=Pn;e.default&&!0!==e.default&&(e=e.default,n=Object.keys(e));const r={};for(const i of n){const n=t(e[i],i);je.und(n)||(r[i]=n)}return r},Pn=["config","onProps","onStart","onChange","onPause","onResume","onRest"],Bn={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 Cn(e){const t=function(e){const t={};let n=0;if(Ve(e,((e,r)=>{Bn[r]||(t[r]=e,n++)})),n)return t}(e);if(t){const n={to:t};return Ve(e,((e,r)=>r in t||(n[r]=e))),n}return Sn({},e)}function Dn(e){return e=Bt(e),je.arr(e)?e.map(Dn):Jt(e)?Je.createStringInterpolator({range:[0,1],output:[e,e]})(1):e}function En(e){for(const t in e)return!0;return!1}function zn(e){return je.fun(e)||je.arr(e)&&je.obj(e[0])}function Mn(e,t){var n;null==(n=e.ref)||n.delete(e),null==t||t.delete(e)}function An(e,t){var n;t&&e.ref!==t&&(null==(n=e.ref)||n.delete(e),t.add(e),e.ref=t)}const In=1.70158,Nn=1.525*In,jn=2*Math.PI/3,Rn=2*Math.PI/4.5,Tn=e=>{const t=7.5625,n=2.75;return e<1/n?t*e*e:e<2/n?t*(e-=1.5/n)*e+.75:e<2.5/n?t*(e-=2.25/n)*e+.9375:t*(e-=2.625/n)*e+.984375},Vn=Sn({},{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-In*e*e,easeOutBack:e=>1+2.70158*Math.pow(e-1,3)+In*Math.pow(e-1,2),easeInOutBack:e=>e<.5?Math.pow(2*e,2)*(7.189819*e-Nn)/2:(Math.pow(2*e-2,2)*((Nn+1)*(2*e-2)+Nn)+2)/2,easeInElastic:e=>0===e?0:1===e?1:-Math.pow(2,10*e-10)*Math.sin((10*e-10.75)*jn),easeOutElastic:e=>0===e?0:1===e?1:Math.pow(2,-10*e)*Math.sin((10*e-.75)*jn)+1,easeInOutElastic:e=>0===e?0:1===e?1:e<.5?-Math.pow(2,20*e-10)*Math.sin((20*e-11.125)*Rn)/2:Math.pow(2,-20*e+10)*Math.sin((20*e-11.125)*Rn)/2+1,easeInBounce:e=>1-Tn(1-e),easeOutBounce:Tn,easeInOutBounce:e=>e<.5?(1-Tn(1-2*e))/2:(1+Tn(2*e-1))/2}.linear,clamp:!1});class Wn{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,Vn)}}function Ln(e,t){if(je.und(t.decay)){const n=!je.und(t.tension)||!je.und(t.friction);!n&&je.und(t.frequency)&&je.und(t.damping)&&je.und(t.mass)||(e.duration=void 0,e.decay=void 0),n&&(e.frequency=void 0)}else e.duration=void 0}const Un=[];class qn{constructor(){this.changed=!1,this.values=Un,this.toValues=null,this.fromValues=Un,this.to=void 0,this.from=void 0,this.config=new Wn,this.immediate=!1}}function Qn(e,{key:t,props:n,defaultProps:r,state:i,actions:o}){return new Promise(((a,s)=>{var l;let u,c,d=xn(null!=(l=n.cancel)?l:null==r?void 0:r.cancel,t);if(d)f();else{je.und(n.pause)||(i.paused=xn(n.pause,t));let e=null==r?void 0:r.pause;!0!==e&&(e=i.paused||xn(e,t)),u=$n(n.delay||0,t),e?(i.resumeQueue.add(p),o.pause()):(o.resume(),p())}function h(){i.resumeQueue.add(p),i.timeouts.delete(c),c.cancel(),u=c.time-_e.now()}function p(){u>0&&!Je.skipAnimation?(i.delayed=!0,c=_e.setTimeout(f,u),i.pauseQueue.add(h),i.timeouts.add(c)):f()}function f(){i.delayed&&(i.delayed=!1),i.pauseQueue.delete(h),i.timeouts.delete(c),e<=(i.cancelId||0)&&(d=!0);try{o.start(Sn({},n,{callId:e,cancel:d}),a)}catch(e){s(e)}}}))}const Gn=(e,t)=>1==t.length?t[0]:t.some((e=>e.cancelled))?Yn(e.get()):t.every((e=>e.noop))?Xn(e.get()):Zn(e.get(),t.every((e=>e.finished))),Xn=e=>({value:e,noop:!0,finished:!0,cancelled:!1}),Zn=(e,t,n=!1)=>({value:e,finished:t,cancelled:n}),Yn=e=>({value:e,cancelled:!0,finished:!1});function Jn(e,t,n,r){const{callId:i,parentId:o,onRest:a}=t,{asyncTo:s,promise:l}=n;return o||e!==s||t.reset?n.promise=(async()=>{n.asyncId=i,n.asyncTo=e;const u=Hn(t,((e,t)=>"onRest"===t?void 0:e));let c,d;const h=new Promise(((e,t)=>(c=e,d=t))),p=e=>{const t=i<=(n.cancelId||0)&&Yn(r)||i!==n.asyncId&&Zn(r,!1);if(t)throw e.result=t,d(e),e},f=(e,t)=>{const o=new er,a=new tr;return(async()=>{if(Je.skipAnimation)throw Kn(n),a.result=Zn(r,!1),d(a),a;p(o);const s=je.obj(e)?Sn({},e):Sn({},t,{to:e});s.parentId=i,Ve(u,((e,t)=>{je.und(s[t])&&(s[t]=e)}));const l=await r.start(s);return p(o),n.paused&&await new Promise((e=>{n.resumeQueue.add(e)})),l})()};let g;if(Je.skipAnimation)return Kn(n),Zn(r,!1);try{let t;t=je.arr(e)?(async e=>{for(const t of e)await f(t)})(e):Promise.resolve(e(f,r.stop.bind(r))),await Promise.all([t.then(c),h]),g=Zn(r.get(),!0,!1)}catch(e){if(e instanceof er)g=e.result;else{if(!(e instanceof tr))throw e;g=e.result}}finally{i==n.asyncId&&(n.asyncId=o,n.asyncTo=o?s:void 0,n.promise=o?l:void 0)}return je.fun(a)&&_e.batchedUpdates((()=>{a(g,r,r.item)})),g})():l}function Kn(e,t){Le(e.timeouts,(e=>e.cancel())),e.pauseQueue.clear(),e.resumeQueue.clear(),e.asyncId=e.asyncTo=e.promise=void 0,t&&(e.cancelId=t)}class er 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 tr extends Error{constructor(){super("SkipAnimationSignal"),this.result=void 0}}const nr=e=>e instanceof ir;let rr=1;class ir extends Et{constructor(...e){super(...e),this.id=rr++,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=an(this);return e&&e.getValue()}to(...e){return Je.to(this,e)}interpolate(...e){return Zt(`${Gt}The "interpolate" function is deprecated in v9 (use "to" instead)`),Je.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){Dt(this,{type:"change",parent:this,value:e,idle:t})}_onPriorityChange(e){this.idle||rt.sort(this),Dt(this,{type:"priority",parent:this,priority:e})}}const or=Symbol.for("SpringPhase"),ar=e=>(1&e[or])>0,sr=e=>(2&e[or])>0,lr=e=>(4&e[or])>0,ur=(e,t)=>t?e[or]|=3:e[or]&=-3,cr=(e,t)=>t?e[or]|=4:e[or]&=-5;class dr extends ir{constructor(e,t){if(super(),this.key=void 0,this.animation=new qn,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,!je.und(e)||!je.und(t)){const n=je.obj(e)?Sn({},e):Sn({},t,{from:e});je.und(n.default)&&(n.default=!0),this.start(n)}}get idle(){return!(sr(this)||this._state.asyncTo)||lr(this)}get goal(){return Bt(this.animation.to)}get velocity(){const e=an(this);return e instanceof cn?e.lastVelocity||0:e.getPayload().map((e=>e.lastVelocity||0))}get hasAnimated(){return ar(this)}get isAnimating(){return sr(this)}get isPaused(){return lr(this)}get isDelayed(){return this._state.delayed}advance(e){let t=!0,n=!1;const r=this.animation;let{config:i,toValues:o}=r;const a=ln(r.to);!a&&Pt(r.to)&&(o=We(Bt(r.to))),r.values.forEach(((s,l)=>{if(s.done)return;const u=s.constructor==dn?1:a?a[l].lastPosition:o[l];let c=r.immediate,d=u;if(!c){if(d=s.lastPosition,i.tension<=0)return void(s.done=!0);let t=s.elapsedTime+=e;const n=r.fromValues[l],o=null!=s.v0?s.v0:s.v0=je.arr(i.velocity)?i.velocity[l]:i.velocity;let a;if(je.und(i.duration))if(i.decay){const e=!0===i.decay?.998:i.decay,r=Math.exp(-(1-e)*t);d=n+o/(1-e)*(1-r),c=Math.abs(s.lastPosition-d)<.1,a=o*r}else{a=null==s.lastVelocity?o:s.lastVelocity;const t=i.precision||(n==u?.005:Math.min(1,.001*Math.abs(u-n))),r=i.restVelocity||t/10,l=i.clamp?0:i.bounce,h=!je.und(l),p=n==u?s.v0>0:n<u;let f,g=!1;const m=1,y=Math.ceil(e/m);for(let e=0;e<y&&(f=Math.abs(a)>r,f||(c=Math.abs(u-d)<=t,!c));++e){h&&(g=d==u||d>u==p,g&&(a=-a*l,d=u));a+=(1e-6*-i.tension*(d-u)+.001*-i.friction*a)/i.mass*m,d+=a*m}}else{let r=1;i.duration>0&&(this._memoizedDuration!==i.duration&&(this._memoizedDuration=i.duration,s.durationProgress>0&&(s.elapsedTime=i.duration*s.durationProgress,t=s.elapsedTime+=e)),r=(i.progress||0)+t/this._memoizedDuration,r=r>1?1:r<0?0:r,s.durationProgress=r),d=n+i.easing(r)*(u-n),a=(d-s.lastPosition)/e,c=1==r}s.lastVelocity=a,Number.isNaN(d)&&(console.warn("Got NaN while animating:",this),c=!0)}a&&!a[l].done&&(c=!1),c?s.done=!0:t=!1,s.setValue(d,i.round)&&(n=!0)}));const s=an(this),l=s.getValue();if(t){const e=Bt(r.to);l===e&&!n||i.decay?n&&i.decay&&this._onChange(l):(s.setValue(e),this._onChange(e)),this._stop()}else n&&this._onChange(l)}set(e){return _e.batchedUpdates((()=>{this._stop(),this._focus(e),this._set(e)})),this}pause(){this._update({pause:!0})}resume(){this._update({pause:!1})}finish(){if(sr(this)){const{to:e,config:t}=this.animation;_e.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 n;return je.und(e)?(n=this.queue||[],this.queue=[]):n=[je.obj(e)?e:Sn({},t,{to:e})],Promise.all(n.map((e=>this._update(e)))).then((e=>Gn(this,e)))}stop(e){const{to:t}=this.animation;return this._focus(this.get()),Kn(this._state,e&&this._lastCallId),_e.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:n,from:r}=e;n=je.obj(n)?n[t]:n,(null==n||zn(n))&&(n=void 0),r=je.obj(r)?r[t]:r,null==r&&(r=void 0);const i={to:n,from:r};return ar(this)||(e.reverse&&([n,r]=[r,n]),r=Bt(r),je.und(r)?an(this)||this._set(n):this._set(r)),i}_update(e,t){let n=Sn({},e);const{key:r,defaultProps:i}=this;n.default&&Object.assign(i,Hn(n,((e,t)=>/^on/.test(t)?kn(e,r):e))),vr(this,n,"onProps"),br(this,"onProps",n,this);const o=this._prepareNode(n);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 a=this._state;return Qn(++this._lastCallId,{key:r,props:n,defaultProps:i,state:a,actions:{pause:()=>{lr(this)||(cr(this,!0),Ue(a.pauseQueue),br(this,"onPause",Zn(this,hr(this,this.animation.to)),this))},resume:()=>{lr(this)&&(cr(this,!1),sr(this)&&this._resume(),Ue(a.resumeQueue),br(this,"onResume",Zn(this,hr(this,this.animation.to)),this))},start:this._merge.bind(this,o)}}).then((e=>{if(n.loop&&e.finished&&(!t||!e.noop)){const e=pr(n);if(e)return this._update(e,!0)}return e}))}_merge(e,t,n){if(t.cancel)return this.stop(!0),n(Yn(this));const r=!je.und(e.to),i=!je.und(e.from);if(r||i){if(!(t.callId>this._lastToId))return n(Yn(this));this._lastToId=t.callId}const{key:o,defaultProps:a,animation:s}=this,{to:l,from:u}=s;let{to:c=l,from:d=u}=e;!i||r||t.default&&!je.und(c)||(c=d),t.reverse&&([c,d]=[d,c]);const h=!Re(d,u);h&&(s.from=d),d=Bt(d);const p=!Re(c,l);p&&this._focus(c);const f=zn(t.to),{config:g}=s,{decay:m,velocity:y}=g;(r||i)&&(g.velocity=0),t.config&&!f&&function(e,t,n){n&&(Ln(n=Sn({},n),t),t=Sn({},n,t)),Ln(e,t),Object.assign(e,t);for(const t in Vn)null==e[t]&&(e[t]=Vn[t]);let{mass:r,frequency:i,damping:o}=e;je.und(i)||(i<.01&&(i=.01),o<0&&(o=0),e.tension=Math.pow(2*Math.PI/i,2)*r,e.friction=4*Math.PI*o*r/i)}(g,$n(t.config,o),t.config!==a.config?$n(a.config,o):void 0);let v=an(this);if(!v||je.und(c))return n(Zn(this,!0));const b=je.und(t.reset)?i&&!t.default:!je.und(d)&&xn(t.reset,o),w=b?d:this.get(),_=Dn(c),S=je.num(_)||je.arr(_)||Jt(_),$=!f&&(!S||xn(a.immediate||t.immediate,o));if(p){const e=mn(c);if(e!==v.constructor){if(!$)throw Error(`Cannot animate between ${v.constructor.name} and ${e.name}, as the "to" prop suggests`);v=this._set(_)}}const x=v.constructor;let k=Pt(c),F=!1;if(!k){const e=b||!ar(this)&&h;(p||e)&&(F=Re(Dn(w),_),k=!F),(Re(s.immediate,$)||$)&&Re(g.decay,m)&&Re(g.velocity,y)||(k=!0)}if(F&&sr(this)&&(s.changed&&!b?k=!0:k||this._stop(l)),!f&&((k||Pt(l))&&(s.values=v.getPayload(),s.toValues=Pt(c)?null:x==dn?[1]:We(_)),s.immediate!=$&&(s.immediate=$,$||b||this._set(l)),k)){const{onRest:e}=s;Te(yr,(e=>vr(this,t,e)));const r=Zn(this,hr(this,l));Ue(this._pendingCalls,r),this._pendingCalls.add(n),s.changed&&_e.batchedUpdates((()=>{s.changed=!b,null==e||e(r,this),b?$n(a.onRest,r):null==s.onStart||s.onStart(r,this)}))}b&&this._set(w),f?n(Jn(t.to,t,this._state,this)):k?this._start():sr(this)&&!p?this._pendingCalls.add(n):n(Xn(w))}_focus(e){const t=this.animation;e!==t.to&&(Ct(this)&&this._detach(),t.to=e,Ct(this)&&this._attach())}_attach(){let e=0;const{to:t}=this.animation;Pt(t)&&(Mt(t,this),nr(t)&&(e=t.priority+1)),this.priority=e}_detach(){const{to:e}=this.animation;Pt(e)&&At(e,this)}_set(e,t=!0){const n=Bt(e);if(!je.und(n)){const e=an(this);if(!e||!Re(n,e.getValue())){const r=mn(n);e&&e.constructor==r?e.setValue(n):sn(this,r.create(n)),e&&_e.batchedUpdates((()=>{this._onChange(n,t)}))}}return an(this)}_onStart(){const e=this.animation;e.changed||(e.changed=!0,br(this,"onStart",Zn(this,hr(this,e.to)),this))}_onChange(e,t){t||(this._onStart(),$n(this.animation.onChange,e,this)),$n(this.defaultProps.onChange,e,this),super._onChange(e,t)}_start(){const e=this.animation;an(this).reset(Bt(e.to)),e.immediate||(e.fromValues=e.values.map((e=>e.lastPosition))),sr(this)||(ur(this,!0),lr(this)||this._resume())}_resume(){Je.skipAnimation?this.finish():rt.start(this)}_stop(e,t){if(sr(this)){ur(this,!1);const n=this.animation;Te(n.values,(e=>{e.done=!0})),n.toValues&&(n.onChange=n.onPause=n.onResume=void 0),Dt(this,{type:"idle",parent:this});const r=t?Yn(this.get()):Zn(this.get(),hr(this,null!=e?e:n.to));Ue(this._pendingCalls,r),n.changed&&(n.changed=!1,br(this,"onRest",r,this))}}}function hr(e,t){const n=Dn(t);return Re(Dn(e.get()),n)}function pr(e,t=e.loop,n=e.to){let r=$n(t);if(r){const i=!0!==r&&Cn(r),o=(i||e).reverse,a=!i||i.reset;return fr(Sn({},e,{loop:t,default:!1,pause:void 0,to:!o||zn(n)?n:void 0,from:a?e.from:void 0,reset:a},i))}}function fr(e){const{to:t,from:n}=e=Cn(e),r=new Set;return je.obj(t)&&mr(t,r),je.obj(n)&&mr(n,r),e.keys=r.size?Array.from(r):null,e}function gr(e){const t=fr(e);return je.und(t.default)&&(t.default=Hn(t)),t}function mr(e,t){Ve(e,((e,n)=>null!=e&&t.add(n)))}const yr=["onStart","onRest","onChange","onPause","onResume"];function vr(e,t,n){e.animation[n]=t[n]!==Fn(t,n)?kn(t[n],e.key):void 0}function br(e,t,...n){var r,i,o,a;null==(r=(i=e.animation)[t])||r.call(i,...n),null==(o=(a=e.defaultProps)[t])||o.call(a,...n)}const wr=["onStart","onChange","onRest"];let _r=1;class Sr{constructor(e,t){this.id=_r++,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(Sn({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,n)=>e[n]=t.get())),e}set(e){for(const t in e){const n=e[t];je.und(n)||this.springs[t].set(n)}}update(e){return e&&this.queue.push(fr(e)),this}start(e){let{queue:t}=this;return e?t=We(e).map(fr):this.queue=[],this._flush?this._flush(this,t):(Pr(this,t),$r(this,t))}stop(e,t){if(e!==!!e&&(t=e),t){const n=this.springs;Te(We(t),(t=>n[t].stop(!!e)))}else Kn(this._state,this._lastAsyncId),this.each((t=>t.stop(!!e)));return this}pause(e){if(je.und(e))this.start({pause:!0});else{const t=this.springs;Te(We(e),(e=>t[e].pause()))}return this}resume(e){if(je.und(e))this.start({pause:!1});else{const t=this.springs;Te(We(e),(e=>t[e].resume()))}return this}each(e){Ve(this.springs,e)}_onFrame(){const{onStart:e,onChange:t,onRest:n}=this._events,r=this._active.size>0,i=this._changed.size>0;(r&&!this._started||i&&!this._started)&&(this._started=!0,Le(e,(([e,t])=>{t.value=this.get(),e(t,this,this._item)})));const o=!r&&this._started,a=i||o&&n.size?this.get():null;i&&t.size&&Le(t,(([e,t])=>{t.value=a,e(t,this,this._item)})),o&&(this._started=!1,Le(n,(([e,t])=>{t.value=a,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)}_e.onFrame(this._onFrame)}}function $r(e,t){return Promise.all(t.map((t=>xr(e,t)))).then((t=>Gn(e,t)))}async function xr(e,t,n){const{keys:r,to:i,from:o,loop:a,onRest:s,onResolve:l}=t,u=je.obj(t.default)&&t.default;a&&(t.loop=!1),!1===i&&(t.to=null),!1===o&&(t.from=null);const c=je.arr(i)||je.fun(i)?i:void 0;c?(t.to=void 0,t.onRest=void 0,u&&(u.onRest=void 0)):Te(wr,(n=>{const r=t[n];if(je.fun(r)){const i=e._events[n];t[n]=({finished:e,cancelled:t})=>{const n=i.get(r);n?(e||(n.finished=!1),t&&(n.cancelled=!0)):i.set(r,{value:null,finished:e||!1,cancelled:t||!1})},u&&(u[n]=t[n])}}));const d=e._state;t.pause===!d.paused?(d.paused=t.pause,Ue(t.pause?d.pauseQueue:d.resumeQueue)):d.paused&&(t.pause=!0);const h=(r||Object.keys(e.springs)).map((n=>e.springs[n].start(t))),p=!0===t.cancel||!0===Fn(t,"cancel");(c||p&&d.asyncId)&&h.push(Qn(++e._lastAsyncId,{props:t,state:d,actions:{pause:Ne,resume:Ne,start(t,n){p?(Kn(d,e._lastAsyncId),n(Yn(e))):(t.onRest=s,n(Jn(c,t,d,e)))}}})),d.paused&&await new Promise((e=>{d.resumeQueue.add(e)}));const f=Gn(e,await Promise.all(h));if(a&&f.finished&&(!n||!f.noop)){const n=pr(t,a,i);if(n)return Pr(e,[n]),xr(e,n,!0)}return l&&_e.batchedUpdates((()=>l(f,e,e.item))),f}function kr(e,t){const n=Sn({},e.springs);return t&&Te(We(t),(e=>{je.und(e.keys)&&(e=fr(e)),je.obj(e.to)||(e=Sn({},e,{to:void 0})),Hr(n,e,(e=>Or(e)))})),Fr(e,n),n}function Fr(e,t){Ve(t,((t,n)=>{e.springs[n]||(e.springs[n]=t,Mt(t,e))}))}function Or(e,t){const n=new dr;return n.key=e,t&&Mt(n,t),n}function Hr(e,t,n){t.keys&&Te(t.keys,(r=>{(e[r]||(e[r]=n(r)))._prepareNode(t)}))}function Pr(e,t){Te(t,(t=>{Hr(e.springs,t,(t=>Or(t,e)))}))}const Br=["children"],Cr=e=>{let{children:t}=e,r=function(e,t){if(null==e)return{};var n,r,i={},o=Object.keys(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||(i[n]=e[n]);return i}(e,Br);const i=f(Dr),s=r.pause||!!i.pause,l=r.immediate||!!i.immediate;r=function(e,t){const[n]=a((()=>({inputs:t,result:e()}))),r=o(),i=r.current;let s=i;s?Boolean(t&&s.inputs&&function(e,t){if(e.length!==t.length)return!1;for(let n=0;n<e.length;n++)if(e[n]!==t[n])return!1;return!0}(t,s.inputs))||(s={inputs:t,result:e()}):s=n;return c((()=>{r.current=s,i==n&&(n.inputs=n.result=void 0)}),[s]),s.result}((()=>({pause:s,immediate:l})),[s,l]);const{Provider:u}=Dr;return n.createElement(u,{value:r},t)},Dr=(Er=Cr,zr={},Object.assign(Er,n.createContext(zr)),Er.Provider._context=Er,Er.Consumer._context=Er,Er);var Er,zr;Cr.Provider=Dr.Provider,Cr.Consumer=Dr.Consumer;const Mr=()=>{const e=[],t=function(t){Yt(`${Gt}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 r=[];return Te(e,((e,i)=>{if(je.und(t))r.push(e.start());else{const o=n(t,e,i);o&&r.push(e.start(o))}})),r};t.current=e,t.add=function(t){e.includes(t)||e.push(t)},t.delete=function(t){const n=e.indexOf(t);~n&&e.splice(n,1)},t.pause=function(){return Te(e,(e=>e.pause(...arguments))),this},t.resume=function(){return Te(e,(e=>e.resume(...arguments))),this},t.set=function(t){Te(e,(e=>e.set(t)))},t.start=function(t){const n=[];return Te(e,((e,r)=>{if(je.und(t))n.push(e.start());else{const i=this._getProps(t,e,r);i&&n.push(e.start(i))}})),n},t.stop=function(){return Te(e,(e=>e.stop(...arguments))),this},t.update=function(t){return Te(e,((e,n)=>e.update(this._getProps(t,e,n)))),this};const n=function(e,t,n){return je.fun(e)?e(n,t):e};return t._getProps=n,t};function Ar(e,t,n){const r=je.fun(t)&&t;r&&!n&&(n=[]);const i=g((()=>r||3==arguments.length?Mr():void 0),[]),a=o(0),s=en(),l=g((()=>({ctrls:[],queue:[],flush(e,t){const n=kr(e,t);return a.current>0&&!l.queue.length&&!Object.keys(n).some((t=>!e.springs[t]))?$r(e,t):new Promise((r=>{Fr(e,n),l.queue.push((()=>{r($r(e,t))})),s()}))}})),[]),u=o([...l.ctrls]),c=[],d=rn(e)||0;function h(e,n){for(let i=e;i<n;i++){const e=u.current[i]||(u.current[i]=new Sr(null,l.flush)),n=r?r(i,e):t[i];n&&(c[i]=gr(n))}}g((()=>{Te(u.current.slice(e,d),(e=>{Mn(e,i),e.stop(!0)})),u.current.length=e,h(d,e)}),[e]),g((()=>{h(0,Math.min(d,e))}),n);const p=u.current.map(((e,t)=>kr(e,c[t]))),m=f(Cr),y=rn(m),v=m!==y&&En(m);Kt((()=>{a.current++,l.ctrls=u.current;const{queue:e}=l;e.length&&(l.queue=[],Te(e,(e=>e()))),Te(u.current,((e,t)=>{null==i||i.add(e),v&&e.start({default:m});const n=c[t];n&&(An(e,n.ref),e.ref?e.queue.push(n):e.start(n))}))})),tn((()=>()=>{Te(l.ctrls,(e=>e.stop(!0)))}));const b=p.map((e=>Sn({},e)));return i?[b,i]:b}let Ir;!function(e){e.MOUNT="mount",e.ENTER="enter",e.UPDATE="update",e.LEAVE="leave"}(Ir||(Ir={}));class Nr extends ir{constructor(e,t){super(),this.key=void 0,this.idle=!0,this.calc=void 0,this._active=new Set,this.source=e,this.calc=kt(...t);const n=this._get(),r=mn(n);sn(this,r.create(n))}advance(e){const t=this._get();Re(t,this.get())||(an(this).setValue(t),this._onChange(t,this.idle)),!this.idle&&Rr(this._active)&&Tr(this)}_get(){const e=je.arr(this.source)?this.source.map(Bt):We(Bt(this.source));return this.calc(...e)}_start(){this.idle&&!Rr(this._active)&&(this.idle=!1,Te(ln(this),(e=>{e.done=!1})),Je.skipAnimation?(_e.batchedUpdates((()=>this.advance())),Tr(this)):rt.start(this))}_attach(){let e=1;Te(We(this.source),(t=>{Pt(t)&&Mt(t,this),nr(t)&&(t.idle||this._active.add(t),e=Math.max(e,t.priority+1))})),this.priority=e,this._start()}_detach(){Te(We(this.source),(e=>{Pt(e)&&At(e,this)})),this._active.clear(),Tr(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=We(this.source).reduce(((e,t)=>Math.max(e,(nr(t)?t.priority:0)+1)),0))}}function jr(e){return!1!==e.idle}function Rr(e){return!e.size||Array.from(e).every(jr)}function Tr(e){e.idle||(e.idle=!0,Te(ln(e),(e=>{e.done=!0})),Dt(e,{type:"idle",parent:e}))}function Vr(e,t){if(null==e)return{};var n,r,i={},o=Object.keys(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||(i[n]=e[n]);return i}Je.assign({createStringInterpolator:Qt,to:(e,t)=>new Nr(e,t)});const Wr=["style","children","scrollTop","scrollLeft"],Lr=/^--/;function Ur(e,t){return null==t||"boolean"==typeof t||""===t?"":"number"!=typeof t||0===t||Lr.test(e)||Qr.hasOwnProperty(e)&&Qr[e]?(""+t).trim():t+"px"}const qr={};let Qr={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 Gr=["Webkit","Ms","Moz","O"];Qr=Object.keys(Qr).reduce(((e,t)=>(Gr.forEach((n=>e[((e,t)=>e+t.charAt(0).toUpperCase()+t.substring(1))(n,t)]=e[t])),e)),Qr);const Xr=["x","y","z"],Zr=/^(matrix|translate|scale|rotate|skew)/,Yr=/^(translate)/,Jr=/^(rotate|skew)/,Kr=(e,t)=>je.num(e)&&0!==e?e+t:e,ei=(e,t)=>je.arr(e)?e.every((e=>ei(e,t))):je.num(e)?e===t:parseFloat(e)===t;class ti extends pn{constructor(e){let{x:t,y:n,z:r}=e,i=Vr(e,Xr);const o=[],a=[];(t||n||r)&&(o.push([t||0,n||0,r||0]),a.push((e=>[`translate3d(${e.map((e=>Kr(e,"px"))).join(",")})`,ei(e,0)]))),Ve(i,((e,t)=>{if("transform"===t)o.push([e||""]),a.push((e=>[e,""===e]));else if(Zr.test(t)){if(delete i[t],je.und(e))return;const n=Yr.test(t)?"px":Jr.test(t)?"deg":"";o.push(We(e)),a.push("rotate3d"===t?([e,t,r,i])=>[`rotate3d(${e},${t},${r},${Kr(i,n)})`,ei(i,0)]:e=>[`${t}(${e.map((e=>Kr(e,n))).join(",")})`,ei(e,t.startsWith("scale")?1:0)])}})),o.length&&(i.transform=new ni(o,a)),super(i)}}class ni extends Et{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 Te(this.inputs,((n,r)=>{const i=Bt(n[0]),[o,a]=this.transforms[r](je.arr(i)?i:n.map(Bt));e+=" "+o,t=t&&a})),t?"none":e}observerAdded(e){1==e&&Te(this.inputs,(e=>Te(e,(e=>Pt(e)&&Mt(e,this)))))}observerRemoved(e){0==e&&Te(this.inputs,(e=>Te(e,(e=>Pt(e)&&At(e,this)))))}eventObserved(e){"change"==e.type&&(this._value=null),Dt(this,e)}}const ri=["scrollTop","scrollLeft"];Je.assign({batchedUpdates:y,createStringInterpolator:Qt,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 ii=((e,{applyAnimatedValues:t=(()=>!1),createAnimatedStyle:n=(e=>new pn(e)),getComponentProps:r=(e=>e)}={})=>{const i={applyAnimatedValues:t,createAnimatedStyle:n,getComponentProps:r},o=e=>{const t=_n(e)||"Anonymous";return(e=je.str(e)?o[e]||(o[e]=vn(e,i)):e[wn]||(e[wn]=vn(e,i))).displayName=`Animated(${t})`,e};return Ve(e,((t,n)=>{je.arr(e)&&(n=_n(t)),o[n]=o(t)})),{animated:o}})(["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 n="filter"===e.nodeName||e.parentNode&&"filter"===e.parentNode.nodeName,r=t,{style:i,children:o,scrollTop:a,scrollLeft:s}=r,l=Vr(r,Wr),u=Object.values(l),c=Object.keys(l).map((t=>n||e.hasAttribute(t)?t:qr[t]||(qr[t]=t.replace(/([A-Z])/g,(e=>"-"+e.toLowerCase())))));void 0!==o&&(e.textContent=o);for(let t in i)if(i.hasOwnProperty(t)){const n=Ur(t,i[t]);Lr.test(t)?e.style.setProperty(t,n):e.style[t]=n}c.forEach(((t,n)=>{e.setAttribute(t,u[n])})),void 0!==a&&(e.scrollTop=a),void 0!==s&&(e.scrollLeft=s)},createAnimatedStyle:e=>new ti(e),getComponentProps:e=>Vr(e,ri)}),oi=ii.animated;var ai="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},si=Array.isArray,li="object"==typeof ai&&ai&&ai.Object===Object&&ai,ui="object"==typeof self&&self&&self.Object===Object&&self,ci=li||ui||Function("return this")(),di=ci.Symbol,hi=di,pi=Object.prototype,fi=pi.hasOwnProperty,gi=pi.toString,mi=hi?hi.toStringTag:void 0;var yi=function(e){var t=fi.call(e,mi),n=e[mi];try{e[mi]=void 0;var r=!0}catch(e){}var i=gi.call(e);return r&&(t?e[mi]=n:delete e[mi]),i},vi=Object.prototype.toString;var bi=yi,wi=function(e){return vi.call(e)},_i=di?di.toStringTag:void 0;var Si=function(e){return null==e?void 0===e?"[object Undefined]":"[object Null]":_i&&_i in Object(e)?bi(e):wi(e)};var $i=Si,xi=function(e){return null!=e&&"object"==typeof e};var ki=function(e){return"symbol"==typeof e||xi(e)&&"[object Symbol]"==$i(e)},Fi=si,Oi=ki,Hi=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,Pi=/^\w*$/;var Bi=function(e,t){if(Fi(e))return!1;var n=typeof e;return!("number"!=n&&"symbol"!=n&&"boolean"!=n&&null!=e&&!Oi(e))||(Pi.test(e)||!Hi.test(e)||null!=t&&e in Object(t))};var Ci=function(e){var t=typeof e;return null!=e&&("object"==t||"function"==t)},Di=Si,Ei=Ci;var zi,Mi=function(e){if(!Ei(e))return!1;var t=Di(e);return"[object Function]"==t||"[object GeneratorFunction]"==t||"[object AsyncFunction]"==t||"[object Proxy]"==t},Ai=ci["__core-js_shared__"],Ii=(zi=/[^.]+$/.exec(Ai&&Ai.keys&&Ai.keys.IE_PROTO||""))?"Symbol(src)_1."+zi:"";var Ni=function(e){return!!Ii&&Ii in e},ji=Function.prototype.toString;var Ri=Mi,Ti=Ni,Vi=Ci,Wi=function(e){if(null!=e){try{return ji.call(e)}catch(e){}try{return e+""}catch(e){}}return""},Li=/^\[object .+?Constructor\]$/,Ui=Function.prototype,qi=Object.prototype,Qi=Ui.toString,Gi=qi.hasOwnProperty,Xi=RegExp("^"+Qi.call(Gi).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");var Zi=function(e){return!(!Vi(e)||Ti(e))&&(Ri(e)?Xi:Li).test(Wi(e))},Yi=function(e,t){return null==e?void 0:e[t]};var Ji=function(e,t){var n=Yi(e,t);return Zi(n)?n:void 0},Ki=Ji(Object,"create"),eo=Ki;var to=function(){this.__data__=eo?eo(null):{},this.size=0};var no=function(e){var t=this.has(e)&&delete this.__data__[e];return this.size-=t?1:0,t},ro=Ki,io=Object.prototype.hasOwnProperty;var oo=function(e){var t=this.__data__;if(ro){var n=t[e];return"__lodash_hash_undefined__"===n?void 0:n}return io.call(t,e)?t[e]:void 0},ao=Ki,so=Object.prototype.hasOwnProperty;var lo=Ki;var uo=to,co=no,ho=oo,po=function(e){var t=this.__data__;return ao?void 0!==t[e]:so.call(t,e)},fo=function(e,t){var n=this.__data__;return this.size+=this.has(e)?0:1,n[e]=lo&&void 0===t?"__lodash_hash_undefined__":t,this};function go(e){var t=-1,n=null==e?0:e.length;for(this.clear();++t<n;){var r=e[t];this.set(r[0],r[1])}}go.prototype.clear=uo,go.prototype.delete=co,go.prototype.get=ho,go.prototype.has=po,go.prototype.set=fo;var mo=go;var yo=function(){this.__data__=[],this.size=0};var vo=function(e,t){return e===t||e!=e&&t!=t};var bo=function(e,t){for(var n=e.length;n--;)if(vo(e[n][0],t))return n;return-1},wo=bo,_o=Array.prototype.splice;var So=bo;var $o=bo;var xo=bo;var ko=yo,Fo=function(e){var t=this.__data__,n=wo(t,e);return!(n<0)&&(n==t.length-1?t.pop():_o.call(t,n,1),--this.size,!0)},Oo=function(e){var t=this.__data__,n=So(t,e);return n<0?void 0:t[n][1]},Ho=function(e){return $o(this.__data__,e)>-1},Po=function(e,t){var n=this.__data__,r=xo(n,e);return r<0?(++this.size,n.push([e,t])):n[r][1]=t,this};function Bo(e){var t=-1,n=null==e?0:e.length;for(this.clear();++t<n;){var r=e[t];this.set(r[0],r[1])}}Bo.prototype.clear=ko,Bo.prototype.delete=Fo,Bo.prototype.get=Oo,Bo.prototype.has=Ho,Bo.prototype.set=Po;var Co=Bo,Do=Ji(ci,"Map"),Eo=mo,zo=Co,Mo=Do;var Ao=function(e){var t=typeof e;return"string"==t||"number"==t||"symbol"==t||"boolean"==t?"__proto__"!==e:null===e};var Io=function(e,t){var n=e.__data__;return Ao(t)?n["string"==typeof t?"string":"hash"]:n.map},No=Io;var jo=Io;var Ro=Io;var To=Io;var Vo=function(){this.size=0,this.__data__={hash:new Eo,map:new(Mo||zo),string:new Eo}},Wo=function(e){var t=No(this,e).delete(e);return this.size-=t?1:0,t},Lo=function(e){return jo(this,e).get(e)},Uo=function(e){return Ro(this,e).has(e)},qo=function(e,t){var n=To(this,e),r=n.size;return n.set(e,t),this.size+=n.size==r?0:1,this};function Qo(e){var t=-1,n=null==e?0:e.length;for(this.clear();++t<n;){var r=e[t];this.set(r[0],r[1])}}Qo.prototype.clear=Vo,Qo.prototype.delete=Wo,Qo.prototype.get=Lo,Qo.prototype.has=Uo,Qo.prototype.set=qo;var Go=Qo;function Xo(e,t){if("function"!=typeof e||null!=t&&"function"!=typeof t)throw new TypeError("Expected a function");var n=function(){var r=arguments,i=t?t.apply(this,r):r[0],o=n.cache;if(o.has(i))return o.get(i);var a=e.apply(this,r);return n.cache=o.set(i,a)||o,a};return n.cache=new(Xo.Cache||Go),n}Xo.Cache=Go;var Zo=Xo;var Yo=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,Jo=/\\(\\)?/g,Ko=function(e){var t=Zo(e,(function(e){return 500===n.size&&n.clear(),e})),n=t.cache;return t}((function(e){var t=[];return 46===e.charCodeAt(0)&&t.push(""),e.replace(Yo,(function(e,n,r,i){t.push(r?i.replace(Jo,"$1"):n||e)})),t}));var ea=function(e,t){for(var n=-1,r=null==e?0:e.length,i=Array(r);++n<r;)i[n]=t(e[n],n,e);return i},ta=si,na=ki,ra=di?di.prototype:void 0,ia=ra?ra.toString:void 0;var oa=function e(t){if("string"==typeof t)return t;if(ta(t))return ea(t,e)+"";if(na(t))return ia?ia.call(t):"";var n=t+"";return"0"==n&&1/t==-Infinity?"-0":n},aa=oa;var sa=si,la=Bi,ua=Ko,ca=function(e){return null==e?"":aa(e)};var da=ki;var ha=function(e,t){return sa(e)?e:la(e,t)?[e]:ua(ca(e))},pa=function(e){if("string"==typeof e||da(e))return e;var t=e+"";return"0"==t&&1/e==-Infinity?"-0":t};var fa=function(e,t){for(var n=0,r=(t=ha(t,e)).length;null!=e&&n<r;)e=e[pa(t[n++])];return n&&n==r?e:void 0};var ga=function(e,t,n){var r=null==e?void 0:fa(e,t);return void 0===r?n:r};const ma=(e,t,n)=>t?ga(n,t)||ga(e,t):n||e,ya=(e,t)=>{const n=t||e.defaultValue;return ga(e.collections,n)};var va;!function(e){e.colorScheme="colorScheme",e.layout="layout",e.textStyleScheme="textStyleScheme"}(va||(va={}));const ba={collections:{base:{Brand:{1:"#EF413D",2:"#F26664",3:"#F58E8B",4:"#F9B5B2",5:"#FDDDD7",6:"#FFEEEA"},Primary:"#1C76D5",PrimaryDark:"#1869BF",Secondary:"#0056b3",Accent:{Dark:{1:"#465A88",2:"#556D99",3:"#8D8DBF"},Light:{1:"#57A9FF",2:"#81BFFF",3:"#BED7FF",4:"#E2ECFD",5:"#F6F8FF",6:"#FBFCFE"}},Neutral:{1:"#282828",2:"#424242",3:"#686868",4:"#A4A4A4",5:"#E0E4E5",6:"#ECEFEF",7:"#F8F8F8",8:"#FFFFFF"},Validation:{Green:{Text:"#097123",Icon:"#4FC029",Border:"#95D97F",Background:"#F9FDF8"},Orange:{Text:"#B34E00",Icon:"#FEAB10",Border:"#F9CB77",Background:"#FFFCF7",Badge:"#F57F17"},Red:{Text:"#C60000",Icon:"#C60000",Border:"#DD6666",Background:"#FDF7F7"}}},bookingsg:{Brand:{1:"#EF413D",2:"#F26664",3:"#F58E8B",4:"#F9B5B2",5:"#FDDDD7",6:"#FFEEEA"},Primary:"#6F4AB8",PrimaryDark:"#6443A6",Secondary:"#6443A6",Accent:{Dark:{1:"#355985",2:"#68819D",3:"#9AABBE"},Light:{1:"#9F82D9",2:"#B5A5D7",3:"#CEC3E4 ",4:"#E2DBEF",5:"#F2EFF8",6:"#F7F6FB"}},Neutral:{1:"#282828",2:"#424242",3:"#686868",4:"#A4A4A4",5:"#E0E4E5",6:"#ECEFEF",7:"#F8F8F8",8:"#FFFFFF"},Validation:{Green:{Text:"#097123",Icon:"#4FC029",Border:"#95D97F",Background:"#F9FDF8"},Orange:{Text:"#B34E00",Icon:"#FEAB10",Border:"#F9CB77",Background:"#FFFCF7",Badge:"#F57F17"},Red:{Text:"#C60000",Icon:"#C60000",Border:"#DD6666",Background:"#FDF7F7"}}}},defaultValue:"base"},wa=e=>t=>{const n=t.theme,r=ya(ba,n[va.colorScheme]);return n.options&&n.options.color?ma(r,e,n.options.color):ma(r,e)},_a={Brand:{1:wa("Brand.1"),2:wa("Brand.2"),3:wa("Brand.3"),4:wa("Brand.4"),5:wa("Brand.5"),6:wa("Brand.6")},Primary:wa("Primary"),PrimaryDark:wa("PrimaryDark"),Secondary:wa("Secondary"),Accent:{Light:{1:wa("Accent.Light.1"),2:wa("Accent.Light.2"),3:wa("Accent.Light.3"),4:wa("Accent.Light.4"),5:wa("Accent.Light.5"),6:wa("Accent.Light.6")},Dark:{1:wa("Accent.Dark.1"),2:wa("Accent.Dark.2"),3:wa("Accent.Dark.3")}},Neutral:{1:wa("Neutral.1"),2:wa("Neutral.2"),3:wa("Neutral.3"),4:wa("Neutral.4"),5:wa("Neutral.5"),6:wa("Neutral.6"),7:wa("Neutral.7"),8:wa("Neutral.8")},Validation:{Green:{Text:wa("Validation.Green.Text"),Icon:wa("Validation.Green.Icon"),Border:wa("Validation.Green.Border"),Background:wa("Validation.Green.Background")},Orange:{Text:wa("Validation.Orange.Text"),Icon:wa("Validation.Orange.Icon"),Border:wa("Validation.Orange.Border"),Background:wa("Validation.Orange.Background"),Badge:wa("Validation.Orange.Badge")},Red:{Text:wa("Validation.Red.Text"),Icon:wa("Validation.Red.Icon"),Border:wa("Validation.Red.Border"),Background:wa("Validation.Red.Background")}}},Sa=v.svg`
|
|
2
|
-
height: 1rem;
|
|
3
|
-
width: 1rem;
|
|
4
|
-
vertical-align: text-top;
|
|
5
|
-
|
|
6
|
-
#path {
|
|
7
|
-
fill: ${_a.Neutral[8]};
|
|
8
|
-
}
|
|
9
|
-
`,$a=t=>e(Sa,{xmlns:"http://www.w3.org/2000/svg",width:"1rem",height:"1rem",viewBox:"0 0 16 16",...t,children:e("g",{fill:"none",fillRule:"evenodd",children:e("g",{id:"path",fillRule:"nonzero",children:e("g",{children:e("g",{children:e("g",{children:e("path",{d:"M8.706 14.603l6.075-6.075c.294-.29.294-.765 0-1.06L8.706 1.398c-.29-.294-.765-.294-1.06 0l-.693.694c-.3.297-.294.78.013 1.072L10.73 6.75H1.75c-.416 0-.75.334-.75.75v1c0 .416.334.75.75.75h8.981l-3.765 3.587c-.304.291-.31.775-.013 1.072l.694.694c.29.294.765.294 1.06 0z",transform:"translate(-2384.000000, -760.000000) translate(2253.000000, 692.000000) translate(16.000000, 64.000000) translate(115.000000, 4.000000) translate(0.000000, 0.000000)"})})})})})})}),xa=t=>e(Sa,{width:"1rem",height:"1rem",viewBox:"0 0 40 40",xmlns:"http://www.w3.org/2000/svg",...t,children:e("path",{id:"path",d:"M20\n\t\t8.639c-.934\n\t\t0-1.742.342-2.43 1.03-.684.684-1.03 1.495-1.03 2.429 0 .931.346 1.742 1.03 2.426.688.688 1.496 1.03 2.43 1.03.931 0 1.742-.342 2.43-1.03.684-.684 1.026-1.495 1.026-2.426 0-.934-.342-1.745-1.026-2.43-.688-.687-1.499-1.03-2.43-1.03m4.61 20.91v-1.976a.959.959 0 0 0-.287-.7.959.959 0 0 0-.7-.286h-.99v-8.232a.954.954 0 0 0-.287-.7.945.945 0 0 0-.7-.29h-5.269a.95.95 0 0 0-.7.29.954.954 0 0 0-.286.7v1.976c0 .271.095.506.286.7a.959.959 0 0 0 .7.287h.99v5.269h-.99a.959.959 0 0 0-.7.286.959.959 0 0 0-.286.7v1.977c0 .274.095.505.286.7a.959.959 0 0 0 .7.286h7.246a.959.959 0 0 0 .7-.287.959.959 0 0 0 .286-.7M20 2.5c3.15 0 6.068.788 8.75 2.365a17.67 17.67 0 0 1 6.385 6.386C36.71 13.933 37.5 16.848 37.5 20c0 3.15-.79 6.068-2.365 8.751a17.71 17.71 0 0 1-6.385 6.385C26.068 36.712 23.15 37.5 20 37.5c-3.153 0-6.068-.788-8.75-2.363a17.71 17.71 0 0 1-6.385-6.385c-1.575-2.683-2.365-5.6-2.365-8.75 0-3.154.79-6.069 2.365-8.751a17.67 17.67 0 0 1 6.385-6.386C13.932 3.288 16.847 2.5 20 2.5",fillRule:"nonzero"})}),ka=t=>e(Sa,{xmlns:"http://www.w3.org/2000/svg",width:"2rem",height:"2rem",viewBox:"0 0 64 64",id:"play-icon",...t,children:e("path",{id:"path",d:"M52.762 37.237 20.474 53.38A5.856 5.856 0 0 1 12 48.143V15.856a5.856 5.856 0 0 1 8.474-5.238l32.288 16.144a5.856 5.856 0 0 1 0 10.475z",fillRule:"nonzero"})}),Fa=t=>e(Sa,{xmlns:"http://www.w3.org/2000/svg",width:"2rem",height:"2rem",viewBox:"0 0 32 32",fill:"none",...t,children:e("g",{id:"search",children:e("path",{id:"path",fillRule:"evenodd",clipRule:"evenodd",d:"M7.60986 7.60986C5.86994 9.34977 5 11.445 5 13.8956C5 16.3462 5.86994 18.4414 7.60986 20.1813C9.34977 21.9212 11.445 22.7911 13.8956 22.7911C15.6355 22.7911 17.2345 22.3133 18.6926 21.3576L24.2063 26.8713C24.3044 26.9571 24.4146 27 24.5372 27C24.6597 27 24.77 26.9571 24.868 26.8713L26.8713 24.868C26.9571 24.77 27 24.6597 27 24.5372C27 24.4146 26.9571 24.3044 26.8713 24.2063L21.3576 18.6926C22.3133 17.2345 22.7911 15.6355 22.7911 13.8956C22.7911 11.445 21.9212 9.34977 20.1813 7.60986C18.4414 5.86994 16.3462 5 13.8956 5C11.445 5 9.34977 5.86994 7.60986 7.60986ZM9.59484 18.178C8.4063 16.9894 7.81205 15.562 7.81205 13.8956C7.81205 12.2292 8.4063 10.8017 9.59484 9.61321C10.7834 8.42468 12.2169 7.83042 13.8956 7.83042C15.5742 7.83042 17.0047 8.42162 18.1872 9.60403C19.3696 10.7864 19.9608 12.2169 19.9608 13.8956C19.9608 15.5742 19.3696 17.0047 18.1872 18.1872C17.0047 19.3696 15.5742 19.9608 13.8956 19.9608C12.2169 19.9608 10.7834 19.3665 9.59484 18.178Z"})})}),Oa=({type:t,...n})=>{switch(t){case"arrow-right":return e($a,{...n});case"info":return e(xa,{...n});case"search":return e(Fa,{...n});case"play-alt":return e(ka,{...n});default:{const r=`sgds-icon sgds-icon-${t}`,i=n.className?`${r} ${n.className}`:r;return e(Ha,{...n,className:i})}}},Ha=v.span`
|
|
10
|
-
font-size: 1rem;
|
|
11
|
-
`,Pa={mobileS:320,mobileM:375,mobileL:480,tablet:1199,desktopM:1399,desktopL:1999,desktop4k:3840},Ba=e=>Object.keys(Pa).reduce(((t,n)=>{const r=Pa[n];return t[n]=`@media screen and (${e}: ${r}px)`,t}),{}),Ca=Ba("max-width"),Da=(Ba("min-width"),v.div`
|
|
1
|
+
import e,{jsxs as t,jsx as n}from"react/jsx-runtime";import*as r from"react";import i,{cloneElement as o,useRef as a,useState as s,isValidElement as l,createRef as u,PureComponent as c,useEffect as d,useLayoutEffect as h,forwardRef as p,useCallback as f,useContext as g,useMemo as m}from"react";import{findDOMNode as y,unstable_batchedUpdates as v}from"react-dom";import b,{keyframes as w,css as S}from"styled-components";var _,$;!function(e){e.transformWithSpaces=(e,t)=>{const n="(.{"+t+"})";return e.replace(/[^\dA-Z]/gi,"").replace(new RegExp(n,"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 n=Math.floor(t/9);return e.length>=2*n||1===e.split(" ").length&&e.length>n},e.truncateOneLine=(e,t,n,r)=>{let i=0;t>n&&(i=Math.floor((t-n)/8));const o=r+i;if(o<e.length){const t=Math.floor(o/2);return e.substring(0,t)+" ... "+e.substring(e.length-t,e.length)}return e}}(_||(_={})),function(e){e.getTimeValues=(e,t)=>{const n={hour:"",minute:"",period:"am"};if(!t)return n;try{if("24hr"===e){const r=F(t,e);n.minute=_.padValue(r.minute);const i=parseInt(r.hour);0===Math.floor(i/12)?(n.period="am",n.hour=0===i?"12":_.padValue(i.toString())):(n.period="pm",n.hour=12===i?i.toString():_.padValue((i-12).toString()))}else{const r=F(t,e);n.hour=_.padValue(r.hour),n.minute=_.padValue(r.minute),n.period="am"===r.period.toLowerCase()?"am":"pm"}return n}catch(e){return n}},e.updateMinutes=(e,t)=>{const n=parseInt(e);if(isNaN(n))return"add"===t?_.padValue("0"):"55";const r=Math.floor(n/5),i=(("add"===t?r+1:n%5==0?r-1:r)%12+12)%12;return _.padValue((5*i).toString())},e.updateHours=(e,t)=>{const n=parseInt(e);if(isNaN(n))return"add"===t?_.padValue("1"):"12";const r="add"===t?n+1:n-1;return r<=12&&r>0?_.padValue(r.toString()):13===r?_.padValue("1"):"12"},e.convertTo24HourFormat=e=>{const t=parseInt(e.hour);let n;return n="pm"===e.period?12===t?t.toString():(t+12).toString():12===t?"00":e.hour,`${n}:${e.minute}`},e.convertHourTo12HourFormat=e=>{const t=parseInt(e),n=t%12==0?12..toString():(t%12).toString();return _.padValue(n)},e.formatValue=(e,t)=>{try{const n=F(e,t),r=_.padValue(n.hour);let i=`${r}:${_.padValue(n.minute)}`;return"12hr"===t?(i+=n.period.toLowerCase(),i):i}catch(e){return""}}}($||($={}));const x=(e,t)=>{const n=parseInt(e);return"24hr"===t?n>=0&&n<=23:n>=1&&n<=12},k=e=>{const t=parseInt(e);return t>=0&&t<=59},F=(e,t)=>{const n=e.split(":"),r=new Error("Invalid format");if("12hr"===t){if(2!==n.length||4!==n[1].length)throw r;const e=n[1].substring(0,2),o=n[1].substring(2);if(!x(n[0],t)||!k(e)||"am"!==(i=o).toLowerCase()&&"pm"!==i.toLowerCase())throw r;return{hour:n[0],minute:e,period:n[1].substring(2)}}if(2!==n.length)throw r;if(!x(n[0],t)||!k(n[1]))throw r;return{hour:n[0],minute:n[1]};var i};var O,C="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},H={};Object.defineProperty(H,"__esModule",{value:!0});var P=e;const B=e=>P.jsx("svg",{width:"1em",height:"1em",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e,children:P.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"})});B.displayName="ChevronDownIcon",O=H.ChevronDownIcon=B;var D,E={};Object.defineProperty(E,"__esModule",{value:!0});var A=e;const I=e=>A.jsx("svg",{width:"1em",height:"1em",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e,children:A.jsx("path",{d:"M17.7279 14.2091C17.5059 14.4311 17.2492 14.5421 16.9579 14.5421C16.6659 14.5421 16.4089 14.4311 16.1869 14.2091L10.1659 8.18812L4.12389 14.2301C3.91589 14.4381 3.66589 14.5421 3.37389 14.5421C3.08256 14.5421 2.82589 14.4311 2.60389 14.2091C2.39523 14.0005 2.29089 13.7468 2.29089 13.4481C2.29089 13.1495 2.39523 12.8961 2.60389 12.6881L9.54089 5.75012C9.63823 5.65346 9.73889 5.58412 9.84289 5.54212C9.94689 5.50079 10.0546 5.48012 10.1659 5.48012C10.2772 5.48012 10.3849 5.50079 10.4889 5.54212C10.5929 5.58412 10.6936 5.65346 10.7909 5.75012L17.7489 12.7091C17.9716 12.9311 18.0759 13.1845 18.0619 13.4691C18.0479 13.7538 17.9366 14.0005 17.7279 14.2091Z",fill:"currentColor"})});I.displayName="ChevronUpIcon",D=E.ChevronUpIcon=I;var M=function(e,t){return M=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},M(e,t)};var z=function(){return z=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},z.apply(this,arguments)};var j="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};var N=function(e){var t=typeof e;return null!=e&&("object"==t||"function"==t)},T="object"==typeof j&&j&&j.Object===Object&&j,R="object"==typeof self&&self&&self.Object===Object&&self,V=T||R||Function("return this")(),W=V,L=function(){return W.Date.now()},U=/\s/;var q=function(e){for(var t=e.length;t--&&U.test(e.charAt(t)););return t},Q=/^\s+/;var G=function(e){return e?e.slice(0,q(e)+1).replace(Q,""):e},X=V.Symbol,Z=X,Y=Object.prototype,J=Y.hasOwnProperty,K=Y.toString,ee=Z?Z.toStringTag:void 0;var te=function(e){var t=J.call(e,ee),n=e[ee];try{e[ee]=void 0;var r=!0}catch(e){}var i=K.call(e);return r&&(t?e[ee]=n:delete e[ee]),i},ne=Object.prototype.toString;var re=te,ie=function(e){return ne.call(e)},oe=X?X.toStringTag:void 0;var ae=function(e){return null==e?void 0===e?"[object Undefined]":"[object Null]":oe&&oe in Object(e)?re(e):ie(e)},se=function(e){return null!=e&&"object"==typeof e};var le=G,ue=N,ce=function(e){return"symbol"==typeof e||se(e)&&"[object Symbol]"==ae(e)},de=/^[-+]0x[0-9a-f]+$/i,he=/^0b[01]+$/i,pe=/^0o[0-7]+$/i,fe=parseInt;var ge=N,me=L,ye=function(e){if("number"==typeof e)return e;if(ce(e))return NaN;if(ue(e)){var t="function"==typeof e.valueOf?e.valueOf():e;e=ue(t)?t+"":t}if("string"!=typeof e)return 0===e?e:+e;e=le(e);var n=he.test(e);return n||pe.test(e)?fe(e.slice(2),n?2:8):de.test(e)?NaN:+e},ve=Math.max,be=Math.min;var we=function(e,t,n){var r,i,o,a,s,l,u=0,c=!1,d=!1,h=!0;if("function"!=typeof e)throw new TypeError("Expected a function");function p(t){var n=r,o=i;return r=i=void 0,u=t,a=e.apply(o,n)}function f(e){return u=e,s=setTimeout(m,t),c?p(e):a}function g(e){var n=e-l;return void 0===l||n>=t||n<0||d&&e-u>=o}function m(){var e=me();if(g(e))return y(e);s=setTimeout(m,function(e){var n=t-(e-l);return d?be(n,o-(e-u)):n}(e))}function y(e){return s=void 0,h&&r?p(e):(r=i=void 0,a)}function v(){var e=me(),n=g(e);if(r=arguments,i=this,l=e,n){if(void 0===s)return f(l);if(d)return clearTimeout(s),s=setTimeout(m,t),p(l)}return void 0===s&&(s=setTimeout(m,t)),a}return t=ye(t)||0,ge(n)&&(c=!!n.leading,o=(d="maxWait"in n)?ve(ye(n.maxWait)||0,t):o,h="trailing"in n?!!n.trailing:h),v.cancel=function(){void 0!==s&&clearTimeout(s),u=0,r=l=i=s=void 0},v.flush=function(){return void 0===s?a:y(me())},v},Se=we,_e=N;var $e=function(e,t,n){var r=!0,i=!0;if("function"!=typeof e)throw new TypeError("Expected a function");return _e(n)&&(r="leading"in n?!!n.leading:r,i="trailing"in n?!!n.trailing:i),Se(e,t,{leading:r,maxWait:t,trailing:i})},xe=function(e,t,n,r){switch(t){case"debounce":return we(e,n,r);case"throttle":return $e(e,n,r);default:return e}},ke=function(e){return"function"==typeof e},Fe=function(){return"undefined"==typeof window},Oe=function(e){return e instanceof Element||e instanceof HTMLDocument},Ce=function(e,t,n,r){return function(i){var o=i.width,a=i.height;t((function(t){return t.width===o&&t.height===a||t.width===o&&!r||t.height===a&&!n?t:(e&&ke(e)&&e(o,a),{width:o,height:a})}))}};!function(e){function t(t){var n=e.call(this,t)||this;n.cancelHandler=function(){n.resizeHandler&&n.resizeHandler.cancel&&(n.resizeHandler.cancel(),n.resizeHandler=null)},n.attachObserver=function(){var e=n.props,t=e.targetRef,r=e.observerOptions;if(!Fe()){t&&t.current&&(n.targetRef.current=t.current);var i=n.getElement();i&&(n.observableElement&&n.observableElement===i||(n.observableElement=i,n.resizeObserver.observe(i,r)))}},n.getElement=function(){var e=n.props,t=e.querySelector,r=e.targetDomEl;if(Fe())return null;if(t)return document.querySelector(t);if(r&&Oe(r))return r;if(n.targetRef&&Oe(n.targetRef.current))return n.targetRef.current;var i=y(n);if(!i)return null;switch(n.getRenderType()){case"renderProp":case"childFunction":case"child":case"childArray":return i;default:return i.parentElement}},n.createResizeHandler=function(e){var t=n.props,r=t.handleWidth,i=void 0===r||r,o=t.handleHeight,a=void 0===o||o,s=t.onResize;if(i||a){var l=Ce(s,n.setState.bind(n),i,a);e.forEach((function(e){var t=e&&e.contentRect||{},r=t.width,i=t.height;!n.skipOnMount&&!Fe()&&l({width:r,height:i}),n.skipOnMount=!1}))}},n.getRenderType=function(){var e=n.props,t=e.render,r=e.children;return ke(t)?"renderProp":ke(r)?"childFunction":l(r)?"child":Array.isArray(r)?"childArray":"parent"};var r=t.skipOnMount,i=t.refreshMode,o=t.refreshRate,a=void 0===o?1e3:o,s=t.refreshOptions;return n.state={width:void 0,height:void 0},n.skipOnMount=r,n.targetRef=u(),n.observableElement=null,Fe()||(n.resizeHandler=xe(n.createResizeHandler,i,a,s),n.resizeObserver=new window.ResizeObserver(n.resizeHandler)),n}(function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function n(){this.constructor=e}M(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)})(t,e),t.prototype.componentDidMount=function(){this.attachObserver()},t.prototype.componentDidUpdate=function(){this.attachObserver()},t.prototype.componentWillUnmount=function(){Fe()||(this.observableElement=null,this.resizeObserver.disconnect(),this.cancelHandler())},t.prototype.render=function(){var e,t=this.props,n=t.render,i=t.children,a=t.nodeType,s=void 0===a?"div":a,l=this.state,u={width:l.width,height:l.height,targetRef:this.targetRef};switch(this.getRenderType()){case"renderProp":return n&&n(u);case"childFunction":return(e=i)(u);case"child":if((e=i).type&&"string"==typeof e.type){var c=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(r=Object.getOwnPropertySymbols(e);i<r.length;i++)t.indexOf(r[i])<0&&Object.prototype.propertyIsEnumerable.call(e,r[i])&&(n[r[i]]=e[r[i]])}return n}(u,["targetRef"]);return o(e,c)}return o(e,u);case"childArray":return(e=i).map((function(e){return!!e&&o(e,u)}));default:return r.createElement(s,null)}}}(c);var He=Fe()?d:h;let Pe=qe();const Be=e=>Ve(e,Pe);let De=qe();Be.write=e=>Ve(e,De);let Ee=qe();Be.onStart=e=>Ve(e,Ee);let Ae=qe();Be.onFrame=e=>Ve(e,Ae);let Ie=qe();Be.onFinish=e=>Ve(e,Ie);let Me=[];Be.setTimeout=(e,t)=>{let n=Be.now()+t,r=()=>{let e=Me.findIndex((e=>e.cancel==r));~e&&Me.splice(e,1),Te-=~e?1:0},i={time:n,handler:e,cancel:r};return Me.splice(ze(n),0,i),Te+=1,We(),i};let ze=e=>~(~Me.findIndex((t=>t.time>e))||~Me.length);Be.cancel=e=>{Ee.delete(e),Ae.delete(e),Ie.delete(e),Pe.delete(e),De.delete(e)},Be.sync=e=>{Re=!0,Be.batchedUpdates(e),Re=!1},Be.throttle=e=>{let t;function n(){try{e(...t)}finally{t=null}}function r(...e){t=e,Be.onStart(n)}return r.handler=e,r.cancel=()=>{Ee.delete(n),t=null},r};let je="undefined"!=typeof window?window.requestAnimationFrame:()=>{};Be.use=e=>je=e,Be.now="undefined"!=typeof performance?()=>performance.now():Date.now,Be.batchedUpdates=e=>e(),Be.catch=console.error,Be.frameLoop="always",Be.advance=()=>{"demand"!==Be.frameLoop?console.warn("Cannot call the manual advancement of rafz whilst frameLoop is not set as demand"):Ue()};let Ne=-1,Te=0,Re=!1;function Ve(e,t){Re?(t.delete(e),e(0)):(t.add(e),We())}function We(){Ne<0&&(Ne=0,"demand"!==Be.frameLoop&&je(Le))}function Le(){~Ne&&(je(Le),Be.batchedUpdates(Ue))}function Ue(){let e=Ne;Ne=Be.now();let t=ze(Ne);t&&(Qe(Me.splice(0,t),(e=>e.handler())),Te-=t),Te?(Ee.flush(),Pe.flush(e?Math.min(64,Ne-e):16.667),Ae.flush(),De.flush(),Ie.flush()):Ne=-1}function qe(){let e=new Set,t=e;return{add(n){Te+=t!=e||e.has(n)?0:1,e.add(n)},delete:n=>(Te-=t==e&&e.has(n)?1:0,e.delete(n)),flush(n){t.size&&(e=new Set,Te-=t.size,Qe(t,(t=>t(n)&&e.add(t))),Te+=e.size,t=e)}}}function Qe(e,t){e.forEach((e=>{try{t(e)}catch(e){Be.catch(e)}}))}function Ge(){}const Xe={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 Ze(e,t){if(Xe.arr(e)){if(!Xe.arr(t)||e.length!==t.length)return!1;for(let n=0;n<e.length;n++)if(e[n]!==t[n])return!1;return!0}return e===t}const Ye=(e,t)=>e.forEach(t);function Je(e,t,n){if(Xe.arr(e))for(let r=0;r<e.length;r++)t.call(n,e[r],`${r}`);else for(const r in e)e.hasOwnProperty(r)&&t.call(n,e[r],r)}const Ke=e=>Xe.und(e)?[]:Xe.arr(e)?e:[e];function et(e,t){if(e.size){const n=Array.from(e);e.clear(),Ye(n,t)}}const tt=(e,...t)=>et(e,(e=>e(...t))),nt=()=>"undefined"==typeof window||!window.navigator||/ServerSideRendering|^Deno\//.test(window.navigator.userAgent);let rt,it,ot=null,at=!1,st=Ge;var lt=Object.freeze({__proto__:null,get createStringInterpolator(){return rt},get to(){return it},get colors(){return ot},get skipAnimation(){return at},get willAdvance(){return st},assign:e=>{e.to&&(it=e.to),e.now&&(Be.now=e.now),void 0!==e.colors&&(ot=e.colors),null!=e.skipAnimation&&(at=e.skipAnimation),e.createStringInterpolator&&(rt=e.createStringInterpolator),e.requestAnimationFrame&&Be.use(e.requestAnimationFrame),e.batchedUpdates&&(Be.batchedUpdates=e.batchedUpdates),e.willAdvance&&(st=e.willAdvance),e.frameLoop&&(Be.frameLoop=e.frameLoop)}});const ut=new Set;let ct=[],dt=[],ht=0;const pt={get idle(){return!ut.size&&!ct.length},start(e){ht>e.priority?(ut.add(e),Be.onStart(ft)):(gt(e),Be(yt))},advance:yt,sort(e){if(ht)Be.onFrame((()=>pt.sort(e)));else{const t=ct.indexOf(e);~t&&(ct.splice(t,1),mt(e))}},clear(){ct=[],ut.clear()}};function ft(){ut.forEach(gt),ut.clear(),Be(yt)}function gt(e){ct.includes(e)||mt(e)}function mt(e){ct.splice(function(e,t){const n=e.findIndex(t);return n<0?e.length:n}(ct,(t=>t.priority>e.priority)),0,e)}function yt(e){const t=dt;for(let n=0;n<ct.length;n++){const r=ct[n];ht=r.priority,r.idle||(st(r),r.advance(e),r.idle||t.push(r))}return ht=0,dt=ct,dt.length=0,ct=t,ct.length>0}const vt="[-+]?\\d*\\.?\\d+";function bt(...e){return"\\(\\s*("+e.join(")\\s*,\\s*(")+")\\s*\\)"}const wt=new RegExp("rgb"+bt(vt,vt,vt)),St=new RegExp("rgba"+bt(vt,vt,vt,vt)),_t=new RegExp("hsl"+bt(vt,"[-+]?\\d*\\.?\\d+%","[-+]?\\d*\\.?\\d+%")),$t=new RegExp("hsla"+bt(vt,"[-+]?\\d*\\.?\\d+%","[-+]?\\d*\\.?\\d+%",vt)),xt=/^#([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,kt=/^#([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,Ft=/^#([0-9a-fA-F]{6})$/,Ot=/^#([0-9a-fA-F]{8})$/;function Ct(e,t,n){return n<0&&(n+=1),n>1&&(n-=1),n<1/6?e+6*(t-e)*n:n<.5?t:n<2/3?e+(t-e)*(2/3-n)*6:e}function Ht(e,t,n){const r=n<.5?n*(1+t):n+t-n*t,i=2*n-r,o=Ct(i,r,e+1/3),a=Ct(i,r,e),s=Ct(i,r,e-1/3);return Math.round(255*o)<<24|Math.round(255*a)<<16|Math.round(255*s)<<8}function Pt(e){const t=parseInt(e,10);return t<0?0:t>255?255:t}function Bt(e){return(parseFloat(e)%360+360)%360/360}function Dt(e){const t=parseFloat(e);return t<0?0:t>1?255:Math.round(255*t)}function Et(e){const t=parseFloat(e);return t<0?0:t>100?1:t/100}function At(e){let t=function(e){let t;return"number"==typeof e?e>>>0===e&&e>=0&&e<=4294967295?e:null:(t=Ft.exec(e))?parseInt(t[1]+"ff",16)>>>0:ot&&void 0!==ot[e]?ot[e]:(t=wt.exec(e))?(Pt(t[1])<<24|Pt(t[2])<<16|Pt(t[3])<<8|255)>>>0:(t=St.exec(e))?(Pt(t[1])<<24|Pt(t[2])<<16|Pt(t[3])<<8|Dt(t[4]))>>>0:(t=xt.exec(e))?parseInt(t[1]+t[1]+t[2]+t[2]+t[3]+t[3]+"ff",16)>>>0:(t=Ot.exec(e))?parseInt(t[1],16)>>>0:(t=kt.exec(e))?parseInt(t[1]+t[1]+t[2]+t[2]+t[3]+t[3]+t[4]+t[4],16)>>>0:(t=_t.exec(e))?(255|Ht(Bt(t[1]),Et(t[2]),Et(t[3])))>>>0:(t=$t.exec(e))?(Ht(Bt(t[1]),Et(t[2]),Et(t[3]))|Dt(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 It=(e,t,n)=>{if(Xe.fun(e))return e;if(Xe.arr(e))return It({range:e,output:t,extrapolate:n});if(Xe.str(e.output[0]))return rt(e);const r=e,i=r.output,o=r.range||[0,1],a=r.extrapolateLeft||r.extrapolate||"extend",s=r.extrapolateRight||r.extrapolate||"extend",l=r.easing||(e=>e);return e=>{const t=function(e,t){for(var n=1;n<t.length-1&&!(t[n]>=e);++n);return n-1}(e,o);return function(e,t,n,r,i,o,a,s,l){let u=l?l(e):e;if(u<t){if("identity"===a)return u;"clamp"===a&&(u=t)}if(u>n){if("identity"===s)return u;"clamp"===s&&(u=n)}if(r===i)return r;if(t===n)return e<=t?r:i;t===-1/0?u=-u:n===1/0?u-=t:u=(u-t)/(n-t);u=o(u),r===-1/0?u=-u:i===1/0?u+=r:u=u*(i-r)+r;return u}(e,o[t],o[t+1],i[t],i[t+1],l,a,s,r.map)}};function Mt(){return Mt=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},Mt.apply(this,arguments)}const zt=Symbol.for("FluidValue.get"),jt=Symbol.for("FluidValue.observers"),Nt=e=>Boolean(e&&e[zt]),Tt=e=>e&&e[zt]?e[zt]():e,Rt=e=>e[jt]||null;function Vt(e,t){let n=e[jt];n&&n.forEach((e=>{!function(e,t){e.eventObserved?e.eventObserved(t):e(t)}(e,t)}))}class Wt{constructor(e){if(this[zt]=void 0,this[jt]=void 0,!e&&!(e=this.get))throw Error("Unknown getter");Lt(this,e)}}const Lt=(e,t)=>Qt(e,zt,t);function Ut(e,t){if(e[zt]){let n=e[jt];n||Qt(e,jt,n=new Set),n.has(t)||(n.add(t),e.observerAdded&&e.observerAdded(n.size,t))}return t}function qt(e,t){let n=e[jt];if(n&&n.has(t)){const r=n.size-1;r?n.delete(t):e[jt]=null,e.observerRemoved&&e.observerRemoved(r,t)}}const Qt=(e,t,n)=>Object.defineProperty(e,t,{value:n,writable:!0,configurable:!0}),Gt=/[+\-]?(?:0|[1-9]\d*)(?:\.\d*)?(?:[eE][+\-]?\d+)?/g,Xt=/(#(?:[0-9a-f]{2}){2,4}|(#[0-9a-f]{3})|(rgb|hsl)a?\((-?\d+%?[,\s]+){2,3}\s*[\d\.]+%?\))/gi,Zt=new RegExp(`(${Gt.source})(%|[a-z]+)`,"i"),Yt=/rgba\(([0-9\.-]+), ([0-9\.-]+), ([0-9\.-]+), ([0-9\.-]+)\)/gi,Jt=/var\((--[a-zA-Z0-9-_]+),? ?([a-zA-Z0-9 ()%#.,-]+)?\)/,Kt=e=>{const[t,n]=en(e);if(!t||nt())return e;const r=window.getComputedStyle(document.documentElement).getPropertyValue(t);if(r)return r.trim();if(n&&n.startsWith("--")){const t=window.getComputedStyle(document.documentElement).getPropertyValue(n);return t||e}return n&&Jt.test(n)?Kt(n):n||e},en=e=>{const t=Jt.exec(e);if(!t)return[,];const[,n,r]=t;return[n,r]};let tn;const nn=(e,t,n,r,i)=>`rgba(${Math.round(t)}, ${Math.round(n)}, ${Math.round(r)}, ${i})`,rn=e=>{tn||(tn=ot?new RegExp(`(${Object.keys(ot).join("|")})(?!\\w)`,"g"):/^\b$/);const t=e.output.map((e=>Tt(e).replace(Jt,Kt).replace(Xt,At).replace(tn,At))),n=t.map((e=>e.match(Gt).map(Number))),r=n[0].map(((e,t)=>n.map((e=>{if(!(t in e))throw Error('The arity of each "output" value must be equal');return e[t]})))).map((t=>It(Mt({},e,{output:t}))));return e=>{var n;const i=!Zt.test(t[0])&&(null==(n=t.find((e=>Zt.test(e))))?void 0:n.replace(Gt,""));let o=0;return t[0].replace(Gt,(()=>`${r[o++](e)}${i||""}`)).replace(Yt,nn)}},on="react-spring: ",an=e=>{const t=e;let n=!1;if("function"!=typeof t)throw new TypeError(`${on}once requires a function parameter`);return(...e)=>{n||(t(...e),n=!0)}},sn=an(console.warn);const ln=an(console.warn);function un(e){return Xe.str(e)&&("#"==e[0]||/\d/.test(e)||!nt()&&Jt.test(e)||e in(ot||{}))}const cn=nt()?d:h;function dn(){const e=s()[1],t=(()=>{const e=a(!1);return cn((()=>(e.current=!0,()=>{e.current=!1})),[]),e})();return()=>{t.current&&e(Math.random())}}const hn=e=>d(e,pn),pn=[];function fn(e){const t=a();return d((()=>{t.current=e})),t.current}const gn=Symbol.for("Animated:node"),mn=e=>e&&e[gn],yn=(e,t)=>{return n=e,r=gn,i=t,Object.defineProperty(n,r,{value:i,writable:!0,configurable:!0});var n,r,i},vn=e=>e&&e[gn]&&e[gn].getPayload();class bn{constructor(){this.payload=void 0,yn(this,this)}getPayload(){return this.payload||[]}}class wn extends bn{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,Xe.num(this._value)&&(this.lastPosition=this._value)}static create(e){return new wn(e)}getPayload(){return[this]}getValue(){return this._value}setValue(e,t){return Xe.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,Xe.num(this._value)&&(this.elapsedTime=0,this.durationProgress=0,this.lastPosition=this._value,e&&(this.lastVelocity=null),this.v0=null)}}class Sn extends wn{constructor(e){super(0),this._string=null,this._toString=void 0,this._toString=It({output:[e,e]})}static create(e){return new Sn(e)}getValue(){let e=this._string;return null==e?this._string=this._toString(this._value):e}setValue(e){if(Xe.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=It({output:[this.getValue(),e]})),this._value=0,super.reset()}}const _n={dependencies:null};class $n extends bn{constructor(e){super(),this.source=e,this.setValue(e)}getValue(e){const t={};return Je(this.source,((n,r)=>{var i;(i=n)&&i[gn]===i?t[r]=n.getValue(e):Nt(n)?t[r]=Tt(n):e||(t[r]=n)})),t}setValue(e){this.source=e,this.payload=this._makePayload(e)}reset(){this.payload&&Ye(this.payload,(e=>e.reset()))}_makePayload(e){if(e){const t=new Set;return Je(e,this._addToPayload,t),Array.from(t)}}_addToPayload(e){_n.dependencies&&Nt(e)&&_n.dependencies.add(e);const t=vn(e);t&&Ye(t,(e=>this.add(e)))}}class xn extends $n{constructor(e){super(e)}static create(e){return new xn(e)}getValue(){return this.source.map((e=>e.getValue()))}setValue(e){const t=this.getPayload();return e.length==t.length?t.map(((t,n)=>t.setValue(e[n]))).some(Boolean):(super.setValue(e.map(kn)),!0)}}function kn(e){return(un(e)?Sn:wn).create(e)}function Fn(e){const t=mn(e);return t?t.constructor:Xe.arr(e)?xn:un(e)?Sn:wn}function On(){return On=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},On.apply(this,arguments)}const Cn=(e,t)=>{const n=!Xe.fun(e)||e.prototype&&e.prototype.isReactComponent;return p(((i,o)=>{const s=a(null),l=n&&f((e=>{s.current=function(e,t){e&&(Xe.fun(e)?e(t):e.current=t);return t}(o,e)}),[o]),[u,c]=function(e,t){const n=new Set;_n.dependencies=n,e.style&&(e=On({},e,{style:t.createAnimatedStyle(e.style)}));return e=new $n(e),_n.dependencies=null,[e,n]}(i,t),h=dn(),p=()=>{const e=s.current;if(n&&!e)return;!1===(!!e&&t.applyAnimatedValues(e,u.getValue(!0)))&&h()},g=new Hn(p,c),m=a();cn((()=>(m.current=g,Ye(c,(e=>Ut(e,g))),()=>{m.current&&(Ye(m.current.deps,(e=>qt(e,m.current))),Be.cancel(m.current.update))}))),d(p,[]),hn((()=>()=>{const e=m.current;Ye(e.deps,(t=>qt(t,e)))}));const y=t.getComponentProps(u.getValue());return r.createElement(e,On({},y,{ref:l}))}))};class Hn{constructor(e,t){this.update=e,this.deps=t}eventObserved(e){"change"==e.type&&Be.write(this.update)}}const Pn=Symbol.for("AnimatedComponent"),Bn=e=>Xe.str(e)?e:e&&Xe.str(e.displayName)?e.displayName:Xe.fun(e)&&e.name||null;function Dn(){return Dn=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},Dn.apply(this,arguments)}function En(e,...t){return Xe.fun(e)?e(...t):e}const An=(e,t)=>!0===e||!!(t&&e&&(Xe.fun(e)?e(t):Ke(e).includes(t))),In=(e,t)=>Xe.obj(e)?t&&e[t]:e,Mn=(e,t)=>!0===e.default?e[t]:e.default?e.default[t]:void 0,zn=e=>e,jn=(e,t=zn)=>{let n=Nn;e.default&&!0!==e.default&&(e=e.default,n=Object.keys(e));const r={};for(const i of n){const n=t(e[i],i);Xe.und(n)||(r[i]=n)}return r},Nn=["config","onProps","onStart","onChange","onPause","onResume","onRest"],Tn={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 Rn(e){const t=function(e){const t={};let n=0;if(Je(e,((e,r)=>{Tn[r]||(t[r]=e,n++)})),n)return t}(e);if(t){const n={to:t};return Je(e,((e,r)=>r in t||(n[r]=e))),n}return Dn({},e)}function Vn(e){return e=Tt(e),Xe.arr(e)?e.map(Vn):un(e)?lt.createStringInterpolator({range:[0,1],output:[e,e]})(1):e}function Wn(e){for(const t in e)return!0;return!1}function Ln(e){return Xe.fun(e)||Xe.arr(e)&&Xe.obj(e[0])}function Un(e,t){var n;null==(n=e.ref)||n.delete(e),null==t||t.delete(e)}function qn(e,t){var n;t&&e.ref!==t&&(null==(n=e.ref)||n.delete(e),t.add(e),e.ref=t)}const Qn=1.70158,Gn=1.525*Qn,Xn=2*Math.PI/3,Zn=2*Math.PI/4.5,Yn=e=>{const t=7.5625,n=2.75;return e<1/n?t*e*e:e<2/n?t*(e-=1.5/n)*e+.75:e<2.5/n?t*(e-=2.25/n)*e+.9375:t*(e-=2.625/n)*e+.984375},Jn=Dn({},{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-Qn*e*e,easeOutBack:e=>1+2.70158*Math.pow(e-1,3)+Qn*Math.pow(e-1,2),easeInOutBack:e=>e<.5?Math.pow(2*e,2)*(7.189819*e-Gn)/2:(Math.pow(2*e-2,2)*((Gn+1)*(2*e-2)+Gn)+2)/2,easeInElastic:e=>0===e?0:1===e?1:-Math.pow(2,10*e-10)*Math.sin((10*e-10.75)*Xn),easeOutElastic:e=>0===e?0:1===e?1:Math.pow(2,-10*e)*Math.sin((10*e-.75)*Xn)+1,easeInOutElastic:e=>0===e?0:1===e?1:e<.5?-Math.pow(2,20*e-10)*Math.sin((20*e-11.125)*Zn)/2:Math.pow(2,-20*e+10)*Math.sin((20*e-11.125)*Zn)/2+1,easeInBounce:e=>1-Yn(1-e),easeOutBounce:Yn,easeInOutBounce:e=>e<.5?(1-Yn(1-2*e))/2:(1+Yn(2*e-1))/2}.linear,clamp:!1});class Kn{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,Jn)}}function er(e,t){if(Xe.und(t.decay)){const n=!Xe.und(t.tension)||!Xe.und(t.friction);!n&&Xe.und(t.frequency)&&Xe.und(t.damping)&&Xe.und(t.mass)||(e.duration=void 0,e.decay=void 0),n&&(e.frequency=void 0)}else e.duration=void 0}const tr=[];class nr{constructor(){this.changed=!1,this.values=tr,this.toValues=null,this.fromValues=tr,this.to=void 0,this.from=void 0,this.config=new Kn,this.immediate=!1}}function rr(e,{key:t,props:n,defaultProps:r,state:i,actions:o}){return new Promise(((a,s)=>{var l;let u,c,d=An(null!=(l=n.cancel)?l:null==r?void 0:r.cancel,t);if(d)f();else{Xe.und(n.pause)||(i.paused=An(n.pause,t));let e=null==r?void 0:r.pause;!0!==e&&(e=i.paused||An(e,t)),u=En(n.delay||0,t),e?(i.resumeQueue.add(p),o.pause()):(o.resume(),p())}function h(){i.resumeQueue.add(p),i.timeouts.delete(c),c.cancel(),u=c.time-Be.now()}function p(){u>0&&!lt.skipAnimation?(i.delayed=!0,c=Be.setTimeout(f,u),i.pauseQueue.add(h),i.timeouts.add(c)):f()}function f(){i.delayed&&(i.delayed=!1),i.pauseQueue.delete(h),i.timeouts.delete(c),e<=(i.cancelId||0)&&(d=!0);try{o.start(Dn({},n,{callId:e,cancel:d}),a)}catch(e){s(e)}}}))}const ir=(e,t)=>1==t.length?t[0]:t.some((e=>e.cancelled))?sr(e.get()):t.every((e=>e.noop))?or(e.get()):ar(e.get(),t.every((e=>e.finished))),or=e=>({value:e,noop:!0,finished:!0,cancelled:!1}),ar=(e,t,n=!1)=>({value:e,finished:t,cancelled:n}),sr=e=>({value:e,cancelled:!0,finished:!1});function lr(e,t,n,r){const{callId:i,parentId:o,onRest:a}=t,{asyncTo:s,promise:l}=n;return o||e!==s||t.reset?n.promise=(async()=>{n.asyncId=i,n.asyncTo=e;const u=jn(t,((e,t)=>"onRest"===t?void 0:e));let c,d;const h=new Promise(((e,t)=>(c=e,d=t))),p=e=>{const t=i<=(n.cancelId||0)&&sr(r)||i!==n.asyncId&&ar(r,!1);if(t)throw e.result=t,d(e),e},f=(e,t)=>{const o=new cr,a=new dr;return(async()=>{if(lt.skipAnimation)throw ur(n),a.result=ar(r,!1),d(a),a;p(o);const s=Xe.obj(e)?Dn({},e):Dn({},t,{to:e});s.parentId=i,Je(u,((e,t)=>{Xe.und(s[t])&&(s[t]=e)}));const l=await r.start(s);return p(o),n.paused&&await new Promise((e=>{n.resumeQueue.add(e)})),l})()};let g;if(lt.skipAnimation)return ur(n),ar(r,!1);try{let t;t=Xe.arr(e)?(async e=>{for(const t of e)await f(t)})(e):Promise.resolve(e(f,r.stop.bind(r))),await Promise.all([t.then(c),h]),g=ar(r.get(),!0,!1)}catch(e){if(e instanceof cr)g=e.result;else{if(!(e instanceof dr))throw e;g=e.result}}finally{i==n.asyncId&&(n.asyncId=o,n.asyncTo=o?s:void 0,n.promise=o?l:void 0)}return Xe.fun(a)&&Be.batchedUpdates((()=>{a(g,r,r.item)})),g})():l}function ur(e,t){et(e.timeouts,(e=>e.cancel())),e.pauseQueue.clear(),e.resumeQueue.clear(),e.asyncId=e.asyncTo=e.promise=void 0,t&&(e.cancelId=t)}class cr 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 dr extends Error{constructor(){super("SkipAnimationSignal"),this.result=void 0}}const hr=e=>e instanceof fr;let pr=1;class fr extends Wt{constructor(...e){super(...e),this.id=pr++,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=mn(this);return e&&e.getValue()}to(...e){return lt.to(this,e)}interpolate(...e){return sn(`${on}The "interpolate" function is deprecated in v9 (use "to" instead)`),lt.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){Vt(this,{type:"change",parent:this,value:e,idle:t})}_onPriorityChange(e){this.idle||pt.sort(this),Vt(this,{type:"priority",parent:this,priority:e})}}const gr=Symbol.for("SpringPhase"),mr=e=>(1&e[gr])>0,yr=e=>(2&e[gr])>0,vr=e=>(4&e[gr])>0,br=(e,t)=>t?e[gr]|=3:e[gr]&=-3,wr=(e,t)=>t?e[gr]|=4:e[gr]&=-5;class Sr extends fr{constructor(e,t){if(super(),this.key=void 0,this.animation=new nr,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,!Xe.und(e)||!Xe.und(t)){const n=Xe.obj(e)?Dn({},e):Dn({},t,{from:e});Xe.und(n.default)&&(n.default=!0),this.start(n)}}get idle(){return!(yr(this)||this._state.asyncTo)||vr(this)}get goal(){return Tt(this.animation.to)}get velocity(){const e=mn(this);return e instanceof wn?e.lastVelocity||0:e.getPayload().map((e=>e.lastVelocity||0))}get hasAnimated(){return mr(this)}get isAnimating(){return yr(this)}get isPaused(){return vr(this)}get isDelayed(){return this._state.delayed}advance(e){let t=!0,n=!1;const r=this.animation;let{config:i,toValues:o}=r;const a=vn(r.to);!a&&Nt(r.to)&&(o=Ke(Tt(r.to))),r.values.forEach(((s,l)=>{if(s.done)return;const u=s.constructor==Sn?1:a?a[l].lastPosition:o[l];let c=r.immediate,d=u;if(!c){if(d=s.lastPosition,i.tension<=0)return void(s.done=!0);let t=s.elapsedTime+=e;const n=r.fromValues[l],o=null!=s.v0?s.v0:s.v0=Xe.arr(i.velocity)?i.velocity[l]:i.velocity;let a;const h=i.precision||(n==u?.005:Math.min(1,.001*Math.abs(u-n)));if(Xe.und(i.duration))if(i.decay){const e=!0===i.decay?.998:i.decay,r=Math.exp(-(1-e)*t);d=n+o/(1-e)*(1-r),c=Math.abs(s.lastPosition-d)<=h,a=o*r}else{a=null==s.lastVelocity?o:s.lastVelocity;const t=i.restVelocity||h/10,r=i.clamp?0:i.bounce,l=!Xe.und(r),p=n==u?s.v0>0:n<u;let f,g=!1;const m=1,y=Math.ceil(e/m);for(let e=0;e<y&&(f=Math.abs(a)>t,f||(c=Math.abs(u-d)<=h,!c));++e){l&&(g=d==u||d>u==p,g&&(a=-a*r,d=u));a+=(1e-6*-i.tension*(d-u)+.001*-i.friction*a)/i.mass*m,d+=a*m}}else{let r=1;i.duration>0&&(this._memoizedDuration!==i.duration&&(this._memoizedDuration=i.duration,s.durationProgress>0&&(s.elapsedTime=i.duration*s.durationProgress,t=s.elapsedTime+=e)),r=(i.progress||0)+t/this._memoizedDuration,r=r>1?1:r<0?0:r,s.durationProgress=r),d=n+i.easing(r)*(u-n),a=(d-s.lastPosition)/e,c=1==r}s.lastVelocity=a,Number.isNaN(d)&&(console.warn("Got NaN while animating:",this),c=!0)}a&&!a[l].done&&(c=!1),c?s.done=!0:t=!1,s.setValue(d,i.round)&&(n=!0)}));const s=mn(this),l=s.getValue();if(t){const e=Tt(r.to);l===e&&!n||i.decay?n&&i.decay&&this._onChange(l):(s.setValue(e),this._onChange(e)),this._stop()}else n&&this._onChange(l)}set(e){return Be.batchedUpdates((()=>{this._stop(),this._focus(e),this._set(e)})),this}pause(){this._update({pause:!0})}resume(){this._update({pause:!1})}finish(){if(yr(this)){const{to:e,config:t}=this.animation;Be.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 n;return Xe.und(e)?(n=this.queue||[],this.queue=[]):n=[Xe.obj(e)?e:Dn({},t,{to:e})],Promise.all(n.map((e=>this._update(e)))).then((e=>ir(this,e)))}stop(e){const{to:t}=this.animation;return this._focus(this.get()),ur(this._state,e&&this._lastCallId),Be.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:n,from:r}=e;n=Xe.obj(n)?n[t]:n,(null==n||Ln(n))&&(n=void 0),r=Xe.obj(r)?r[t]:r,null==r&&(r=void 0);const i={to:n,from:r};return mr(this)||(e.reverse&&([n,r]=[r,n]),r=Tt(r),Xe.und(r)?mn(this)||this._set(n):this._set(r)),i}_update(e,t){let n=Dn({},e);const{key:r,defaultProps:i}=this;n.default&&Object.assign(i,jn(n,((e,t)=>/^on/.test(t)?In(e,r):e))),Cr(this,n,"onProps"),Hr(this,"onProps",n,this);const o=this._prepareNode(n);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 a=this._state;return rr(++this._lastCallId,{key:r,props:n,defaultProps:i,state:a,actions:{pause:()=>{vr(this)||(wr(this,!0),tt(a.pauseQueue),Hr(this,"onPause",ar(this,_r(this,this.animation.to)),this))},resume:()=>{vr(this)&&(wr(this,!1),yr(this)&&this._resume(),tt(a.resumeQueue),Hr(this,"onResume",ar(this,_r(this,this.animation.to)),this))},start:this._merge.bind(this,o)}}).then((e=>{if(n.loop&&e.finished&&(!t||!e.noop)){const e=$r(n);if(e)return this._update(e,!0)}return e}))}_merge(e,t,n){if(t.cancel)return this.stop(!0),n(sr(this));const r=!Xe.und(e.to),i=!Xe.und(e.from);if(r||i){if(!(t.callId>this._lastToId))return n(sr(this));this._lastToId=t.callId}const{key:o,defaultProps:a,animation:s}=this,{to:l,from:u}=s;let{to:c=l,from:d=u}=e;!i||r||t.default&&!Xe.und(c)||(c=d),t.reverse&&([c,d]=[d,c]);const h=!Ze(d,u);h&&(s.from=d),d=Tt(d);const p=!Ze(c,l);p&&this._focus(c);const f=Ln(t.to),{config:g}=s,{decay:m,velocity:y}=g;(r||i)&&(g.velocity=0),t.config&&!f&&function(e,t,n){n&&(er(n=Dn({},n),t),t=Dn({},n,t)),er(e,t),Object.assign(e,t);for(const t in Jn)null==e[t]&&(e[t]=Jn[t]);let{mass:r,frequency:i,damping:o}=e;Xe.und(i)||(i<.01&&(i=.01),o<0&&(o=0),e.tension=Math.pow(2*Math.PI/i,2)*r,e.friction=4*Math.PI*o*r/i)}(g,En(t.config,o),t.config!==a.config?En(a.config,o):void 0);let v=mn(this);if(!v||Xe.und(c))return n(ar(this,!0));const b=Xe.und(t.reset)?i&&!t.default:!Xe.und(d)&&An(t.reset,o),w=b?d:this.get(),S=Vn(c),_=Xe.num(S)||Xe.arr(S)||un(S),$=!f&&(!_||An(a.immediate||t.immediate,o));if(p){const e=Fn(c);if(e!==v.constructor){if(!$)throw Error(`Cannot animate between ${v.constructor.name} and ${e.name}, as the "to" prop suggests`);v=this._set(S)}}const x=v.constructor;let k=Nt(c),F=!1;if(!k){const e=b||!mr(this)&&h;(p||e)&&(F=Ze(Vn(w),S),k=!F),(Ze(s.immediate,$)||$)&&Ze(g.decay,m)&&Ze(g.velocity,y)||(k=!0)}if(F&&yr(this)&&(s.changed&&!b?k=!0:k||this._stop(l)),!f&&((k||Nt(l))&&(s.values=v.getPayload(),s.toValues=Nt(c)?null:x==Sn?[1]:Ke(S)),s.immediate!=$&&(s.immediate=$,$||b||this._set(l)),k)){const{onRest:e}=s;Ye(Or,(e=>Cr(this,t,e)));const r=ar(this,_r(this,l));tt(this._pendingCalls,r),this._pendingCalls.add(n),s.changed&&Be.batchedUpdates((()=>{s.changed=!b,null==e||e(r,this),b?En(a.onRest,r):null==s.onStart||s.onStart(r,this)}))}b&&this._set(w),f?n(lr(t.to,t,this._state,this)):k?this._start():yr(this)&&!p?this._pendingCalls.add(n):n(or(w))}_focus(e){const t=this.animation;e!==t.to&&(Rt(this)&&this._detach(),t.to=e,Rt(this)&&this._attach())}_attach(){let e=0;const{to:t}=this.animation;Nt(t)&&(Ut(t,this),hr(t)&&(e=t.priority+1)),this.priority=e}_detach(){const{to:e}=this.animation;Nt(e)&&qt(e,this)}_set(e,t=!0){const n=Tt(e);if(!Xe.und(n)){const e=mn(this);if(!e||!Ze(n,e.getValue())){const r=Fn(n);e&&e.constructor==r?e.setValue(n):yn(this,r.create(n)),e&&Be.batchedUpdates((()=>{this._onChange(n,t)}))}}return mn(this)}_onStart(){const e=this.animation;e.changed||(e.changed=!0,Hr(this,"onStart",ar(this,_r(this,e.to)),this))}_onChange(e,t){t||(this._onStart(),En(this.animation.onChange,e,this)),En(this.defaultProps.onChange,e,this),super._onChange(e,t)}_start(){const e=this.animation;mn(this).reset(Tt(e.to)),e.immediate||(e.fromValues=e.values.map((e=>e.lastPosition))),yr(this)||(br(this,!0),vr(this)||this._resume())}_resume(){lt.skipAnimation?this.finish():pt.start(this)}_stop(e,t){if(yr(this)){br(this,!1);const n=this.animation;Ye(n.values,(e=>{e.done=!0})),n.toValues&&(n.onChange=n.onPause=n.onResume=void 0),Vt(this,{type:"idle",parent:this});const r=t?sr(this.get()):ar(this.get(),_r(this,null!=e?e:n.to));tt(this._pendingCalls,r),n.changed&&(n.changed=!1,Hr(this,"onRest",r,this))}}}function _r(e,t){const n=Vn(t);return Ze(Vn(e.get()),n)}function $r(e,t=e.loop,n=e.to){let r=En(t);if(r){const i=!0!==r&&Rn(r),o=(i||e).reverse,a=!i||i.reset;return xr(Dn({},e,{loop:t,default:!1,pause:void 0,to:!o||Ln(n)?n:void 0,from:a?e.from:void 0,reset:a},i))}}function xr(e){const{to:t,from:n}=e=Rn(e),r=new Set;return Xe.obj(t)&&Fr(t,r),Xe.obj(n)&&Fr(n,r),e.keys=r.size?Array.from(r):null,e}function kr(e){const t=xr(e);return Xe.und(t.default)&&(t.default=jn(t)),t}function Fr(e,t){Je(e,((e,n)=>null!=e&&t.add(n)))}const Or=["onStart","onRest","onChange","onPause","onResume"];function Cr(e,t,n){e.animation[n]=t[n]!==Mn(t,n)?In(t[n],e.key):void 0}function Hr(e,t,...n){var r,i,o,a;null==(r=(i=e.animation)[t])||r.call(i,...n),null==(o=(a=e.defaultProps)[t])||o.call(a,...n)}const Pr=["onStart","onChange","onRest"];let Br=1;class Dr{constructor(e,t){this.id=Br++,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(Dn({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,n)=>e[n]=t.get())),e}set(e){for(const t in e){const n=e[t];Xe.und(n)||this.springs[t].set(n)}}update(e){return e&&this.queue.push(xr(e)),this}start(e){let{queue:t}=this;return e?t=Ke(e).map(xr):this.queue=[],this._flush?this._flush(this,t):(Nr(this,t),Er(this,t))}stop(e,t){if(e!==!!e&&(t=e),t){const n=this.springs;Ye(Ke(t),(t=>n[t].stop(!!e)))}else ur(this._state,this._lastAsyncId),this.each((t=>t.stop(!!e)));return this}pause(e){if(Xe.und(e))this.start({pause:!0});else{const t=this.springs;Ye(Ke(e),(e=>t[e].pause()))}return this}resume(e){if(Xe.und(e))this.start({pause:!1});else{const t=this.springs;Ye(Ke(e),(e=>t[e].resume()))}return this}each(e){Je(this.springs,e)}_onFrame(){const{onStart:e,onChange:t,onRest:n}=this._events,r=this._active.size>0,i=this._changed.size>0;(r&&!this._started||i&&!this._started)&&(this._started=!0,et(e,(([e,t])=>{t.value=this.get(),e(t,this,this._item)})));const o=!r&&this._started,a=i||o&&n.size?this.get():null;i&&t.size&&et(t,(([e,t])=>{t.value=a,e(t,this,this._item)})),o&&(this._started=!1,et(n,(([e,t])=>{t.value=a,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)}Be.onFrame(this._onFrame)}}function Er(e,t){return Promise.all(t.map((t=>Ar(e,t)))).then((t=>ir(e,t)))}async function Ar(e,t,n){const{keys:r,to:i,from:o,loop:a,onRest:s,onResolve:l}=t,u=Xe.obj(t.default)&&t.default;a&&(t.loop=!1),!1===i&&(t.to=null),!1===o&&(t.from=null);const c=Xe.arr(i)||Xe.fun(i)?i:void 0;c?(t.to=void 0,t.onRest=void 0,u&&(u.onRest=void 0)):Ye(Pr,(n=>{const r=t[n];if(Xe.fun(r)){const i=e._events[n];t[n]=({finished:e,cancelled:t})=>{const n=i.get(r);n?(e||(n.finished=!1),t&&(n.cancelled=!0)):i.set(r,{value:null,finished:e||!1,cancelled:t||!1})},u&&(u[n]=t[n])}}));const d=e._state;t.pause===!d.paused?(d.paused=t.pause,tt(t.pause?d.pauseQueue:d.resumeQueue)):d.paused&&(t.pause=!0);const h=(r||Object.keys(e.springs)).map((n=>e.springs[n].start(t))),p=!0===t.cancel||!0===Mn(t,"cancel");(c||p&&d.asyncId)&&h.push(rr(++e._lastAsyncId,{props:t,state:d,actions:{pause:Ge,resume:Ge,start(t,n){p?(ur(d,e._lastAsyncId),n(sr(e))):(t.onRest=s,n(lr(c,t,d,e)))}}})),d.paused&&await new Promise((e=>{d.resumeQueue.add(e)}));const f=ir(e,await Promise.all(h));if(a&&f.finished&&(!n||!f.noop)){const n=$r(t,a,i);if(n)return Nr(e,[n]),Ar(e,n,!0)}return l&&Be.batchedUpdates((()=>l(f,e,e.item))),f}function Ir(e,t){const n=Dn({},e.springs);return t&&Ye(Ke(t),(e=>{Xe.und(e.keys)&&(e=xr(e)),Xe.obj(e.to)||(e=Dn({},e,{to:void 0})),jr(n,e,(e=>zr(e)))})),Mr(e,n),n}function Mr(e,t){Je(t,((t,n)=>{e.springs[n]||(e.springs[n]=t,Ut(t,e))}))}function zr(e,t){const n=new Sr;return n.key=e,t&&Ut(n,t),n}function jr(e,t,n){t.keys&&Ye(t.keys,(r=>{(e[r]||(e[r]=n(r)))._prepareNode(t)}))}function Nr(e,t){Ye(t,(t=>{jr(e.springs,t,(t=>zr(t,e)))}))}const Tr=["children"],Rr=e=>{let{children:t}=e,n=function(e,t){if(null==e)return{};var n,r,i={},o=Object.keys(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||(i[n]=e[n]);return i}(e,Tr);const i=g(Vr),o=n.pause||!!i.pause,l=n.immediate||!!i.immediate;n=function(e,t){const[n]=s((()=>({inputs:t,result:e()}))),r=a(),i=r.current;let o=i;o?Boolean(t&&o.inputs&&function(e,t){if(e.length!==t.length)return!1;for(let n=0;n<e.length;n++)if(e[n]!==t[n])return!1;return!0}(t,o.inputs))||(o={inputs:t,result:e()}):o=n;return d((()=>{r.current=o,i==n&&(n.inputs=n.result=void 0)}),[o]),o.result}((()=>({pause:o,immediate:l})),[o,l]);const{Provider:u}=Vr;return r.createElement(u,{value:n},t)},Vr=(Wr=Rr,Lr={},Object.assign(Wr,r.createContext(Lr)),Wr.Provider._context=Wr,Wr.Consumer._context=Wr,Wr);var Wr,Lr;Rr.Provider=Vr.Provider,Rr.Consumer=Vr.Consumer;const Ur=()=>{const e=[],t=function(t){ln(`${on}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 r=[];return Ye(e,((e,i)=>{if(Xe.und(t))r.push(e.start());else{const o=n(t,e,i);o&&r.push(e.start(o))}})),r};t.current=e,t.add=function(t){e.includes(t)||e.push(t)},t.delete=function(t){const n=e.indexOf(t);~n&&e.splice(n,1)},t.pause=function(){return Ye(e,(e=>e.pause(...arguments))),this},t.resume=function(){return Ye(e,(e=>e.resume(...arguments))),this},t.set=function(t){Ye(e,(e=>e.set(t)))},t.start=function(t){const n=[];return Ye(e,((e,r)=>{if(Xe.und(t))n.push(e.start());else{const i=this._getProps(t,e,r);i&&n.push(e.start(i))}})),n},t.stop=function(){return Ye(e,(e=>e.stop(...arguments))),this},t.update=function(t){return Ye(e,((e,n)=>e.update(this._getProps(t,e,n)))),this};const n=function(e,t,n){return Xe.fun(e)?e(n,t):e};return t._getProps=n,t};function qr(e,t,n){const r=Xe.fun(t)&&t;r&&!n&&(n=[]);const i=m((()=>r||3==arguments.length?Ur():void 0),[]),o=a(0),s=dn(),l=m((()=>({ctrls:[],queue:[],flush(e,t){const n=Ir(e,t);return o.current>0&&!l.queue.length&&!Object.keys(n).some((t=>!e.springs[t]))?Er(e,t):new Promise((r=>{Mr(e,n),l.queue.push((()=>{r(Er(e,t))})),s()}))}})),[]),u=a([...l.ctrls]),c=[],d=fn(e)||0;function h(e,n){for(let i=e;i<n;i++){const e=u.current[i]||(u.current[i]=new Dr(null,l.flush)),n=r?r(i,e):t[i];n&&(c[i]=kr(n))}}m((()=>{Ye(u.current.slice(e,d),(e=>{Un(e,i),e.stop(!0)})),u.current.length=e,h(d,e)}),[e]),m((()=>{h(0,Math.min(d,e))}),n);const p=u.current.map(((e,t)=>Ir(e,c[t]))),f=g(Rr),y=fn(f),v=f!==y&&Wn(f);cn((()=>{o.current++,l.ctrls=u.current;const{queue:e}=l;e.length&&(l.queue=[],Ye(e,(e=>e()))),Ye(u.current,((e,t)=>{null==i||i.add(e),v&&e.start({default:f});const n=c[t];n&&(qn(e,n.ref),e.ref?e.queue.push(n):e.start(n))}))})),hn((()=>()=>{Ye(l.ctrls,(e=>e.stop(!0)))}));const b=p.map((e=>Dn({},e)));return i?[b,i]:b}let Qr;!function(e){e.MOUNT="mount",e.ENTER="enter",e.UPDATE="update",e.LEAVE="leave"}(Qr||(Qr={}));class Gr extends fr{constructor(e,t){super(),this.key=void 0,this.idle=!0,this.calc=void 0,this._active=new Set,this.source=e,this.calc=It(...t);const n=this._get(),r=Fn(n);yn(this,r.create(n))}advance(e){const t=this._get();Ze(t,this.get())||(mn(this).setValue(t),this._onChange(t,this.idle)),!this.idle&&Zr(this._active)&&Yr(this)}_get(){const e=Xe.arr(this.source)?this.source.map(Tt):Ke(Tt(this.source));return this.calc(...e)}_start(){this.idle&&!Zr(this._active)&&(this.idle=!1,Ye(vn(this),(e=>{e.done=!1})),lt.skipAnimation?(Be.batchedUpdates((()=>this.advance())),Yr(this)):pt.start(this))}_attach(){let e=1;Ye(Ke(this.source),(t=>{Nt(t)&&Ut(t,this),hr(t)&&(t.idle||this._active.add(t),e=Math.max(e,t.priority+1))})),this.priority=e,this._start()}_detach(){Ye(Ke(this.source),(e=>{Nt(e)&&qt(e,this)})),this._active.clear(),Yr(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=Ke(this.source).reduce(((e,t)=>Math.max(e,(hr(t)?t.priority:0)+1)),0))}}function Xr(e){return!1!==e.idle}function Zr(e){return!e.size||Array.from(e).every(Xr)}function Yr(e){e.idle||(e.idle=!0,Ye(vn(e),(e=>{e.done=!0})),Vt(e,{type:"idle",parent:e}))}function Jr(e,t){if(null==e)return{};var n,r,i={},o=Object.keys(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||(i[n]=e[n]);return i}lt.assign({createStringInterpolator:rn,to:(e,t)=>new Gr(e,t)});const Kr=["style","children","scrollTop","scrollLeft"],ei=/^--/;function ti(e,t){return null==t||"boolean"==typeof t||""===t?"":"number"!=typeof t||0===t||ei.test(e)||ri.hasOwnProperty(e)&&ri[e]?(""+t).trim():t+"px"}const ni={};let ri={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 ii=["Webkit","Ms","Moz","O"];ri=Object.keys(ri).reduce(((e,t)=>(ii.forEach((n=>e[((e,t)=>e+t.charAt(0).toUpperCase()+t.substring(1))(n,t)]=e[t])),e)),ri);const oi=["x","y","z"],ai=/^(matrix|translate|scale|rotate|skew)/,si=/^(translate)/,li=/^(rotate|skew)/,ui=(e,t)=>Xe.num(e)&&0!==e?e+t:e,ci=(e,t)=>Xe.arr(e)?e.every((e=>ci(e,t))):Xe.num(e)?e===t:parseFloat(e)===t;class di extends $n{constructor(e){let{x:t,y:n,z:r}=e,i=Jr(e,oi);const o=[],a=[];(t||n||r)&&(o.push([t||0,n||0,r||0]),a.push((e=>[`translate3d(${e.map((e=>ui(e,"px"))).join(",")})`,ci(e,0)]))),Je(i,((e,t)=>{if("transform"===t)o.push([e||""]),a.push((e=>[e,""===e]));else if(ai.test(t)){if(delete i[t],Xe.und(e))return;const n=si.test(t)?"px":li.test(t)?"deg":"";o.push(Ke(e)),a.push("rotate3d"===t?([e,t,r,i])=>[`rotate3d(${e},${t},${r},${ui(i,n)})`,ci(i,0)]:e=>[`${t}(${e.map((e=>ui(e,n))).join(",")})`,ci(e,t.startsWith("scale")?1:0)])}})),o.length&&(i.transform=new hi(o,a)),super(i)}}class hi extends Wt{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 Ye(this.inputs,((n,r)=>{const i=Tt(n[0]),[o,a]=this.transforms[r](Xe.arr(i)?i:n.map(Tt));e+=" "+o,t=t&&a})),t?"none":e}observerAdded(e){1==e&&Ye(this.inputs,(e=>Ye(e,(e=>Nt(e)&&Ut(e,this)))))}observerRemoved(e){0==e&&Ye(this.inputs,(e=>Ye(e,(e=>Nt(e)&&qt(e,this)))))}eventObserved(e){"change"==e.type&&(this._value=null),Vt(this,e)}}const pi=["scrollTop","scrollLeft"];lt.assign({batchedUpdates:v,createStringInterpolator:rn,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 fi=((e,{applyAnimatedValues:t=(()=>!1),createAnimatedStyle:n=(e=>new $n(e)),getComponentProps:r=(e=>e)}={})=>{const i={applyAnimatedValues:t,createAnimatedStyle:n,getComponentProps:r},o=e=>{const t=Bn(e)||"Anonymous";return(e=Xe.str(e)?o[e]||(o[e]=Cn(e,i)):e[Pn]||(e[Pn]=Cn(e,i))).displayName=`Animated(${t})`,e};return Je(e,((t,n)=>{Xe.arr(e)&&(n=Bn(t)),o[n]=o(t)})),{animated:o}})(["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 n="filter"===e.nodeName||e.parentNode&&"filter"===e.parentNode.nodeName,r=t,{style:i,children:o,scrollTop:a,scrollLeft:s}=r,l=Jr(r,Kr),u=Object.values(l),c=Object.keys(l).map((t=>n||e.hasAttribute(t)?t:ni[t]||(ni[t]=t.replace(/([A-Z])/g,(e=>"-"+e.toLowerCase())))));void 0!==o&&(e.textContent=o);for(let t in i)if(i.hasOwnProperty(t)){const n=ti(t,i[t]);ei.test(t)?e.style.setProperty(t,n):e.style[t]=n}c.forEach(((t,n)=>{e.setAttribute(t,u[n])})),void 0!==a&&(e.scrollTop=a),void 0!==s&&(e.scrollLeft=s)},createAnimatedStyle:e=>new di(e),getComponentProps:e=>Jr(e,pi)}),gi=fi.animated;var mi=Array.isArray,yi="object"==typeof C&&C&&C.Object===Object&&C,vi="object"==typeof self&&self&&self.Object===Object&&self,bi=yi||vi||Function("return this")(),wi=bi.Symbol,Si=wi,_i=Object.prototype,$i=_i.hasOwnProperty,xi=_i.toString,ki=Si?Si.toStringTag:void 0;var Fi=function(e){var t=$i.call(e,ki),n=e[ki];try{e[ki]=void 0;var r=!0}catch(e){}var i=xi.call(e);return r&&(t?e[ki]=n:delete e[ki]),i},Oi=Object.prototype.toString;var Ci=Fi,Hi=function(e){return Oi.call(e)},Pi=wi?wi.toStringTag:void 0;var Bi=function(e){return null==e?void 0===e?"[object Undefined]":"[object Null]":Pi&&Pi in Object(e)?Ci(e):Hi(e)};var Di=Bi,Ei=function(e){return null!=e&&"object"==typeof e};var Ai=function(e){return"symbol"==typeof e||Ei(e)&&"[object Symbol]"==Di(e)},Ii=mi,Mi=Ai,zi=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,ji=/^\w*$/;var Ni=function(e,t){if(Ii(e))return!1;var n=typeof e;return!("number"!=n&&"symbol"!=n&&"boolean"!=n&&null!=e&&!Mi(e))||(ji.test(e)||!zi.test(e)||null!=t&&e in Object(t))};var Ti=function(e){var t=typeof e;return null!=e&&("object"==t||"function"==t)},Ri=Bi,Vi=Ti;var Wi,Li=function(e){if(!Vi(e))return!1;var t=Ri(e);return"[object Function]"==t||"[object GeneratorFunction]"==t||"[object AsyncFunction]"==t||"[object Proxy]"==t},Ui=bi["__core-js_shared__"],qi=(Wi=/[^.]+$/.exec(Ui&&Ui.keys&&Ui.keys.IE_PROTO||""))?"Symbol(src)_1."+Wi:"";var Qi=function(e){return!!qi&&qi in e},Gi=Function.prototype.toString;var Xi=Li,Zi=Qi,Yi=Ti,Ji=function(e){if(null!=e){try{return Gi.call(e)}catch(e){}try{return e+""}catch(e){}}return""},Ki=/^\[object .+?Constructor\]$/,eo=Function.prototype,to=Object.prototype,no=eo.toString,ro=to.hasOwnProperty,io=RegExp("^"+no.call(ro).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");var oo=function(e){return!(!Yi(e)||Zi(e))&&(Xi(e)?io:Ki).test(Ji(e))},ao=function(e,t){return null==e?void 0:e[t]};var so=function(e,t){var n=ao(e,t);return oo(n)?n:void 0},lo=so(Object,"create"),uo=lo;var co=function(){this.__data__=uo?uo(null):{},this.size=0};var ho=function(e){var t=this.has(e)&&delete this.__data__[e];return this.size-=t?1:0,t},po=lo,fo=Object.prototype.hasOwnProperty;var go=function(e){var t=this.__data__;if(po){var n=t[e];return"__lodash_hash_undefined__"===n?void 0:n}return fo.call(t,e)?t[e]:void 0},mo=lo,yo=Object.prototype.hasOwnProperty;var vo=lo;var bo=co,wo=ho,So=go,_o=function(e){var t=this.__data__;return mo?void 0!==t[e]:yo.call(t,e)},$o=function(e,t){var n=this.__data__;return this.size+=this.has(e)?0:1,n[e]=vo&&void 0===t?"__lodash_hash_undefined__":t,this};function xo(e){var t=-1,n=null==e?0:e.length;for(this.clear();++t<n;){var r=e[t];this.set(r[0],r[1])}}xo.prototype.clear=bo,xo.prototype.delete=wo,xo.prototype.get=So,xo.prototype.has=_o,xo.prototype.set=$o;var ko=xo;var Fo=function(){this.__data__=[],this.size=0};var Oo=function(e,t){return e===t||e!=e&&t!=t};var Co=function(e,t){for(var n=e.length;n--;)if(Oo(e[n][0],t))return n;return-1},Ho=Co,Po=Array.prototype.splice;var Bo=Co;var Do=Co;var Eo=Co;var Ao=Fo,Io=function(e){var t=this.__data__,n=Ho(t,e);return!(n<0)&&(n==t.length-1?t.pop():Po.call(t,n,1),--this.size,!0)},Mo=function(e){var t=this.__data__,n=Bo(t,e);return n<0?void 0:t[n][1]},zo=function(e){return Do(this.__data__,e)>-1},jo=function(e,t){var n=this.__data__,r=Eo(n,e);return r<0?(++this.size,n.push([e,t])):n[r][1]=t,this};function No(e){var t=-1,n=null==e?0:e.length;for(this.clear();++t<n;){var r=e[t];this.set(r[0],r[1])}}No.prototype.clear=Ao,No.prototype.delete=Io,No.prototype.get=Mo,No.prototype.has=zo,No.prototype.set=jo;var To=No,Ro=so(bi,"Map"),Vo=ko,Wo=To,Lo=Ro;var Uo=function(e){var t=typeof e;return"string"==t||"number"==t||"symbol"==t||"boolean"==t?"__proto__"!==e:null===e};var qo=function(e,t){var n=e.__data__;return Uo(t)?n["string"==typeof t?"string":"hash"]:n.map},Qo=qo;var Go=qo;var Xo=qo;var Zo=qo;var Yo=function(){this.size=0,this.__data__={hash:new Vo,map:new(Lo||Wo),string:new Vo}},Jo=function(e){var t=Qo(this,e).delete(e);return this.size-=t?1:0,t},Ko=function(e){return Go(this,e).get(e)},ea=function(e){return Xo(this,e).has(e)},ta=function(e,t){var n=Zo(this,e),r=n.size;return n.set(e,t),this.size+=n.size==r?0:1,this};function na(e){var t=-1,n=null==e?0:e.length;for(this.clear();++t<n;){var r=e[t];this.set(r[0],r[1])}}na.prototype.clear=Yo,na.prototype.delete=Jo,na.prototype.get=Ko,na.prototype.has=ea,na.prototype.set=ta;var ra=na;function ia(e,t){if("function"!=typeof e||null!=t&&"function"!=typeof t)throw new TypeError("Expected a function");var n=function(){var r=arguments,i=t?t.apply(this,r):r[0],o=n.cache;if(o.has(i))return o.get(i);var a=e.apply(this,r);return n.cache=o.set(i,a)||o,a};return n.cache=new(ia.Cache||ra),n}ia.Cache=ra;var oa=ia;var aa=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,sa=/\\(\\)?/g,la=function(e){var t=oa(e,(function(e){return 500===n.size&&n.clear(),e})),n=t.cache;return t}((function(e){var t=[];return 46===e.charCodeAt(0)&&t.push(""),e.replace(aa,(function(e,n,r,i){t.push(r?i.replace(sa,"$1"):n||e)})),t}));var ua=function(e,t){for(var n=-1,r=null==e?0:e.length,i=Array(r);++n<r;)i[n]=t(e[n],n,e);return i},ca=mi,da=Ai,ha=wi?wi.prototype:void 0,pa=ha?ha.toString:void 0;var fa=function e(t){if("string"==typeof t)return t;if(ca(t))return ua(t,e)+"";if(da(t))return pa?pa.call(t):"";var n=t+"";return"0"==n&&1/t==-Infinity?"-0":n},ga=fa;var ma=mi,ya=Ni,va=la,ba=function(e){return null==e?"":ga(e)};var wa=Ai;var Sa=function(e,t){return ma(e)?e:ya(e,t)?[e]:va(ba(e))},_a=function(e){if("string"==typeof e||wa(e))return e;var t=e+"";return"0"==t&&1/e==-Infinity?"-0":t};var $a=function(e,t){for(var n=0,r=(t=Sa(t,e)).length;null!=e&&n<r;)e=e[_a(t[n++])];return n&&n==r?e:void 0};var xa=function(e,t,n){var r=null==e?void 0:$a(e,t);return void 0===r?n:r};const ka=(e,t,n)=>t?xa(n,t)||xa(e,t):n||e,Fa=(e,t)=>{const n=t||e.defaultValue;return xa(e.collections,n)};var Oa;!function(e){e.colorScheme="colorScheme",e.layout="layout",e.textStyleScheme="textStyleScheme",e.designTokenScheme="designTokenScheme"}(Oa||(Oa={}));const Ca={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"},Ha=e=>t=>{const n=t.theme,r=Fa(Ca,n[Oa.colorScheme]);return n.options&&n.options.color?ka(r,e,n.options.color):ka(r,e)},Pa={Brand:{1:Ha("Brand.1"),2:Ha("Brand.2"),3:Ha("Brand.3"),4:Ha("Brand.4"),5:Ha("Brand.5"),6:Ha("Brand.6")},Primary:Ha("Primary"),PrimaryDark:Ha("PrimaryDark"),Secondary:Ha("Secondary"),Accent:{Light:{1:Ha("Accent.Light.1"),2:Ha("Accent.Light.2"),3:Ha("Accent.Light.3"),4:Ha("Accent.Light.4"),5:Ha("Accent.Light.5"),6:Ha("Accent.Light.6")},Dark:{1:Ha("Accent.Dark.1"),2:Ha("Accent.Dark.2"),3:Ha("Accent.Dark.3")}},Neutral:{1:Ha("Neutral.1"),2:Ha("Neutral.2"),3:Ha("Neutral.3"),4:Ha("Neutral.4"),5:Ha("Neutral.5"),6:Ha("Neutral.6"),7:Ha("Neutral.7"),8:Ha("Neutral.8")},Validation:{Green:{Text:Ha("Validation.Green.Text"),Icon:Ha("Validation.Green.Icon"),Border:Ha("Validation.Green.Border"),Background:Ha("Validation.Green.Background")},Orange:{Text:Ha("Validation.Orange.Text"),Icon:Ha("Validation.Orange.Icon"),Border:Ha("Validation.Orange.Border"),Background:Ha("Validation.Orange.Background"),Badge:Ha("Validation.Orange.Badge")},Red:{Text:Ha("Validation.Red.Text"),Icon:Ha("Validation.Red.Icon"),Border:Ha("Validation.Red.Border"),Background:Ha("Validation.Red.Background")}},Shadow:{Accent:Ha("Shadow.Accent"),Red:Ha("Shadow.Red")}},Ba={mobileS:320,mobileM:375,mobileL:480,tablet:1199,desktopM:1399,desktopL:1999,desktop4k:3840},Da=e=>Object.keys(Ba).reduce(((t,n)=>{const r=Ba[n];return t[n]=`@media screen and (${e}: ${r}px)`,t}),{}),Ea=Da("max-width"),Aa=(Da("min-width"),b.div`
|
|
12
2
|
display: inline-block;
|
|
13
3
|
position: relative;
|
|
14
4
|
width: ${e=>e.$size}px;
|
|
15
5
|
height: ${e=>e.$size}px;
|
|
16
|
-
`),
|
|
6
|
+
`),Ia=w`
|
|
17
7
|
0% {
|
|
18
8
|
transform: rotate(0deg);
|
|
19
9
|
}
|
|
20
10
|
100% {
|
|
21
11
|
transform: rotate(360deg);
|
|
22
12
|
}
|
|
23
|
-
`,
|
|
13
|
+
`,Ma=b.div`
|
|
24
14
|
box-sizing: border-box;
|
|
25
15
|
display: block;
|
|
26
16
|
position: absolute;
|
|
@@ -30,134 +20,141 @@ import{jsx as e,jsxs as t}from"react/jsx-runtime";import*as n from"react";import
|
|
|
30
20
|
border-width: ${e=>e.$borderWidth}px;
|
|
31
21
|
border-style: solid;
|
|
32
22
|
border-radius: 50%;
|
|
33
|
-
border-color: ${e=>e.$color||
|
|
23
|
+
border-color: ${e=>e.$color||Pa.Neutral[8](e)}
|
|
34
24
|
transparent transparent transparent;
|
|
35
|
-
animation: ${
|
|
36
|
-
`,
|
|
25
|
+
animation: ${Ia} 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
|
|
26
|
+
`,za=b(Ma)`
|
|
37
27
|
animation-delay: -0.45s;
|
|
38
|
-
`,
|
|
28
|
+
`,ja=b(Ma)`
|
|
39
29
|
animation-delay: -0.3s;
|
|
40
|
-
`,
|
|
30
|
+
`,Na=b(Ma)`
|
|
41
31
|
animation-delay: -0.15s;
|
|
42
|
-
`,
|
|
43
|
-
font-family: ${
|
|
32
|
+
`,Ta={Regular:"Open Sans",Semibold:"Open Sans Semibold",Bold:"Open Sans Bold",Light:"Open Sans Light"},Ra={collections:{base:{D1:{fontFamily:Ta.Bold,fontSize:3,fontWeight:700,lineHeight:4,letterSpacing:-.056},D2:{fontFamily:Ta.Bold,fontSize:2.5,fontWeight:700,lineHeight:3.5,letterSpacing:-.032},D3:{fontFamily:Ta.Bold,fontSize:1.625,fontWeight:700,lineHeight:2.25},D4:{fontFamily:Ta.Bold,fontSize:1.375,fontWeight:700,lineHeight:1.75},DBody:{fontFamily:Ta.Regular,fontSize:1.375,lineHeight:1.75},H1:{fontFamily:Ta.Bold,fontSize:2,fontWeight:700,lineHeight:2.5},H2:{fontFamily:Ta.Bold,fontSize:1.625,fontWeight:700,lineHeight:2.25},H3:{fontFamily:Ta.Bold,fontSize:1.375,fontWeight:700,lineHeight:1.75},H4:{fontFamily:Ta.Bold,fontSize:1.125,fontWeight:700,lineHeight:1.625},H5:{fontFamily:Ta.Bold,fontSize:1,fontWeight:700,lineHeight:1.5,letterSpacing:.014},H6:{fontFamily:Ta.Bold,fontSize:.875,fontWeight:700,lineHeight:1.6,letterSpacing:.012},Body:{fontFamily:Ta.Regular,fontSize:1.125,lineHeight:1.625},BodySmall:{fontFamily:Ta.Regular,fontSize:1,lineHeight:1.5,letterSpacing:.014},XSmall:{fontFamily:Ta.Regular,fontSize:.75,lineHeight:1.2,letterSpacing:.012}}},defaultValue:"base"},Va=e=>t=>{const n=t.theme,r=Fa(Ra,n[Oa.textStyleScheme]);return n.options&&n.options.textStyle?ka(r,e,n.options.textStyle):ka(r,e)},Wa={D1:{fontFamily:Va("D1.fontFamily"),fontSize:Va("D1.fontSize"),fontWeight:Va("D1.fontWeight"),lineHeight:Va("D1.lineHeight"),letterSpacing:Va("D1.letterSpacing")},D2:{fontFamily:Va("D2.fontFamily"),fontSize:Va("D2.fontSize"),fontWeight:Va("D2.fontWeight"),lineHeight:Va("D2.lineHeight"),letterSpacing:Va("D2.letterSpacing")},D3:{fontFamily:Va("D3.fontFamily"),fontSize:Va("D3.fontSize"),fontWeight:Va("D3.fontWeight"),lineHeight:Va("D3.lineHeight"),letterSpacing:Va("D3.letterSpacing")},D4:{fontFamily:Va("D4.fontFamily"),fontSize:Va("D4.fontSize"),fontWeight:Va("D4.fontWeight"),lineHeight:Va("D4.lineHeight"),letterSpacing:Va("D4.letterSpacing")},DBody:{fontFamily:Va("DBody.fontFamily"),fontSize:Va("DBody.fontSize"),fontWeight:Va("DBody.fontWeight"),lineHeight:Va("DBody.lineHeight"),letterSpacing:Va("DBody.letterSpacing")},H1:{fontFamily:Va("H1.fontFamily"),fontSize:Va("H1.fontSize"),fontWeight:Va("H1.fontWeight"),lineHeight:Va("H1.lineHeight"),letterSpacing:Va("H1.letterSpacing")},H2:{fontFamily:Va("H2.fontFamily"),fontSize:Va("H2.fontSize"),fontWeight:Va("H2.fontWeight"),lineHeight:Va("H2.lineHeight"),letterSpacing:Va("H2.letterSpacing")},H3:{fontFamily:Va("H3.fontFamily"),fontSize:Va("H3.fontSize"),fontWeight:Va("H3.fontWeight"),lineHeight:Va("H3.lineHeight"),letterSpacing:Va("H3.letterSpacing")},H4:{fontFamily:Va("H4.fontFamily"),fontSize:Va("H4.fontSize"),fontWeight:Va("H4.fontWeight"),lineHeight:Va("H4.lineHeight"),letterSpacing:Va("H4.letterSpacing")},H5:{fontFamily:Va("H5.fontFamily"),fontSize:Va("H5.fontSize"),fontWeight:Va("H5.fontWeight"),lineHeight:Va("H5.lineHeight"),letterSpacing:Va("H5.letterSpacing")},H6:{fontFamily:Va("H6.fontFamily"),fontSize:Va("H6.fontSize"),fontWeight:Va("H6.fontWeight"),lineHeight:Va("H6.lineHeight"),letterSpacing:Va("H6.letterSpacing")},Body:{fontFamily:Va("Body.fontFamily"),fontSize:Va("Body.fontSize"),fontWeight:Va("Body.fontWeight"),lineHeight:Va("Body.lineHeight"),letterSpacing:Va("Body.letterSpacing")},BodySmall:{fontFamily:Va("BodySmall.fontFamily"),fontSize:Va("BodySmall.fontSize"),fontWeight:Va("BodySmall.fontWeight"),lineHeight:Va("BodySmall.lineHeight"),letterSpacing:Va("BodySmall.letterSpacing")},XSmall:{fontFamily:Va("XSmall.fontFamily"),fontSize:Va("XSmall.fontSize"),fontWeight:Va("XSmall.fontWeight"),lineHeight:Va("XSmall.lineHeight"),letterSpacing:Va("XSmall.letterSpacing")}},La=e=>{switch(e){case 700:case"bold":return Ta.Bold;case 600:case"semibold":return Ta.Semibold;case 300:case"light":return Ta.Light;case 400:case"regular":return Ta.Regular;default:return""}},Ua=(e,t)=>n=>{const r=Wa[e].fontFamily(n),i=Wa[e].fontWeight(n);return Object.values(Ta).includes(r)?S`
|
|
33
|
+
font-family: ${La(t)||La(i)||r};
|
|
44
34
|
font-weight: normal !important;
|
|
45
|
-
`:
|
|
35
|
+
`:S`
|
|
46
36
|
font-family: ${r};
|
|
47
|
-
font-weight: ${(
|
|
48
|
-
`},
|
|
49
|
-
${
|
|
37
|
+
font-weight: ${(qa(t)||i)??"normal"};
|
|
38
|
+
`},qa=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""}},Qa=(e,t,n=!1)=>r=>{const i=Wa[e],o=i.fontSize(r);return S`
|
|
39
|
+
${Ua(e,t)}
|
|
50
40
|
font-size: ${o}rem !important;
|
|
51
41
|
line-height: ${i.lineHeight}rem !important;
|
|
52
42
|
letter-spacing: ${i.letterSpacing(r)||0}rem !important;
|
|
53
|
-
${
|
|
43
|
+
${S`
|
|
54
44
|
margin-bottom: ${o*(n?1.05:0)}rem;
|
|
55
45
|
`}
|
|
56
|
-
`},
|
|
46
|
+
`},Ga=(e=!1,t=!1)=>t?S`
|
|
57
47
|
display: block;
|
|
58
|
-
`:e?
|
|
48
|
+
`:e?S`
|
|
59
49
|
display: inline;
|
|
60
|
-
`:
|
|
50
|
+
`:S`
|
|
61
51
|
display: block;
|
|
62
|
-
`;var
|
|
63
|
-
${e=>
|
|
64
|
-
${
|
|
65
|
-
color: ${
|
|
66
|
-
${
|
|
52
|
+
`;var Xa,Za={};Object.defineProperty(Za,"__esModule",{value:!0});var Ya=e;const Ja=e=>Ya.jsx("svg",{width:"1em",height:"1em",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e,children:Ya.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 Ka;Ja.displayName="ExternalIcon",Xa=Za.ExternalIcon=Ja,function(e){e.D1=b.h1`
|
|
53
|
+
${e=>S`
|
|
54
|
+
${Qa("D1",e.weight,e.paragraph)}
|
|
55
|
+
color: ${Pa.Neutral[1]};
|
|
56
|
+
${Ga(e.inline,e.paragraph)}
|
|
67
57
|
`}
|
|
68
|
-
`,e.D2=
|
|
69
|
-
${e=>
|
|
70
|
-
${
|
|
71
|
-
color: ${
|
|
72
|
-
${
|
|
58
|
+
`,e.D2=b.h1`
|
|
59
|
+
${e=>S`
|
|
60
|
+
${Qa("D2",e.weight,e.paragraph)}
|
|
61
|
+
color: ${Pa.Neutral[1]};
|
|
62
|
+
${Ga(e.inline,e.paragraph)}
|
|
73
63
|
`}
|
|
74
|
-
`,e.D3=
|
|
75
|
-
${e=>
|
|
76
|
-
${
|
|
77
|
-
color: ${
|
|
78
|
-
${
|
|
64
|
+
`,e.D3=b.h1`
|
|
65
|
+
${e=>S`
|
|
66
|
+
${Qa("D3",e.weight,e.paragraph)}
|
|
67
|
+
color: ${Pa.Neutral[1]};
|
|
68
|
+
${Ga(e.inline,e.paragraph)}
|
|
79
69
|
`}
|
|
80
|
-
`,e.D4=
|
|
81
|
-
${e=>
|
|
82
|
-
${
|
|
83
|
-
color: ${
|
|
84
|
-
${
|
|
70
|
+
`,e.D4=b.h1`
|
|
71
|
+
${e=>S`
|
|
72
|
+
${Qa("D4",e.weight,e.paragraph)}
|
|
73
|
+
color: ${Pa.Neutral[1]};
|
|
74
|
+
${Ga(e.inline,e.paragraph)}
|
|
85
75
|
`}
|
|
86
|
-
`,e.DBody=
|
|
87
|
-
${e=>
|
|
88
|
-
${
|
|
89
|
-
color: ${
|
|
90
|
-
${
|
|
76
|
+
`,e.DBody=b.h1`
|
|
77
|
+
${e=>S`
|
|
78
|
+
${Qa("DBody",e.weight,e.paragraph)}
|
|
79
|
+
color: ${Pa.Neutral[1]};
|
|
80
|
+
${Ga(e.inline,e.paragraph)}
|
|
91
81
|
`}
|
|
92
|
-
`,e.H1=
|
|
93
|
-
${e=>
|
|
94
|
-
${
|
|
95
|
-
color: ${
|
|
96
|
-
${
|
|
82
|
+
`,e.H1=b.h1`
|
|
83
|
+
${e=>S`
|
|
84
|
+
${Qa("H1",e.weight,e.paragraph)}
|
|
85
|
+
color: ${Pa.Neutral[1]};
|
|
86
|
+
${Ga(e.inline,e.paragraph)}
|
|
97
87
|
`}
|
|
98
|
-
`,e.H2=
|
|
99
|
-
${e=>
|
|
100
|
-
${
|
|
101
|
-
color: ${
|
|
102
|
-
${
|
|
88
|
+
`,e.H2=b.h2`
|
|
89
|
+
${e=>S`
|
|
90
|
+
${Qa("H2",e.weight,e.paragraph)}
|
|
91
|
+
color: ${Pa.Neutral[1]};
|
|
92
|
+
${Ga(e.inline,e.paragraph)}
|
|
103
93
|
`}
|
|
104
|
-
`,e.H3=
|
|
105
|
-
${e=>
|
|
106
|
-
${
|
|
107
|
-
color: ${
|
|
108
|
-
${
|
|
94
|
+
`,e.H3=b.h3`
|
|
95
|
+
${e=>S`
|
|
96
|
+
${Qa("H3",e.weight,e.paragraph)}
|
|
97
|
+
color: ${Pa.Neutral[1]};
|
|
98
|
+
${Ga(e.inline,e.paragraph)}
|
|
109
99
|
`}
|
|
110
|
-
`,e.H4=
|
|
111
|
-
${e=>
|
|
112
|
-
${
|
|
113
|
-
color: ${
|
|
114
|
-
${
|
|
100
|
+
`,e.H4=b.h4`
|
|
101
|
+
${e=>S`
|
|
102
|
+
${Qa("H4",e.weight,e.paragraph)}
|
|
103
|
+
color: ${Pa.Neutral[1]};
|
|
104
|
+
${Ga(e.inline,e.paragraph)}
|
|
115
105
|
`}
|
|
116
|
-
`,e.H5=
|
|
117
|
-
${e=>
|
|
118
|
-
${
|
|
119
|
-
color: ${
|
|
120
|
-
${
|
|
106
|
+
`,e.H5=b.h5`
|
|
107
|
+
${e=>S`
|
|
108
|
+
${Qa("H5",e.weight,e.paragraph)}
|
|
109
|
+
color: ${Pa.Neutral[1]};
|
|
110
|
+
${Ga(e.inline,e.paragraph)}
|
|
121
111
|
`}
|
|
122
|
-
`,e.H6=
|
|
123
|
-
${e=>
|
|
124
|
-
${
|
|
125
|
-
color: ${
|
|
126
|
-
${
|
|
112
|
+
`,e.H6=b.h6`
|
|
113
|
+
${e=>S`
|
|
114
|
+
${Qa("H6",e.weight,e.paragraph)}
|
|
115
|
+
color: ${Pa.Neutral[1]};
|
|
116
|
+
${Ga(e.inline,e.paragraph)}
|
|
127
117
|
`}
|
|
128
|
-
`,e.Body=
|
|
129
|
-
${e=>
|
|
130
|
-
${
|
|
131
|
-
color: ${
|
|
132
|
-
${
|
|
118
|
+
`,e.Body=b.p`
|
|
119
|
+
${e=>S`
|
|
120
|
+
${Qa("Body",e.weight,e.paragraph)}
|
|
121
|
+
color: ${Pa.Neutral[1]};
|
|
122
|
+
${Ga(e.inline,e.paragraph)}
|
|
133
123
|
`}
|
|
134
|
-
`,e.BodySmall=
|
|
135
|
-
${e=>
|
|
136
|
-
${
|
|
137
|
-
color: ${
|
|
138
|
-
${
|
|
124
|
+
`,e.BodySmall=b.p`
|
|
125
|
+
${e=>S`
|
|
126
|
+
${Qa("BodySmall",e.weight,e.paragraph)}
|
|
127
|
+
color: ${Pa.Neutral[1]};
|
|
128
|
+
${Ga(e.inline,e.paragraph)}
|
|
139
129
|
`}
|
|
140
|
-
`,e.XSmall=
|
|
141
|
-
${e=>
|
|
142
|
-
${
|
|
143
|
-
color: ${
|
|
144
|
-
${
|
|
130
|
+
`,e.XSmall=b.span`
|
|
131
|
+
${e=>S`
|
|
132
|
+
${Qa("XSmall",e.weight,e.paragraph)}
|
|
133
|
+
color: ${Pa.Neutral[1]};
|
|
134
|
+
${Ga(e.inline,e.paragraph)}
|
|
145
135
|
`}
|
|
146
|
-
`,e.Hyperlink={Default:e=>
|
|
147
|
-
${e=>
|
|
148
|
-
${
|
|
149
|
-
color: ${
|
|
136
|
+
`,e.Hyperlink={Default:e=>ns({...e,textStyle:"Body"}),Small:e=>ns({...e,textStyle:"BodySmall"})}}(Ka||(Ka={}));const es=b.a`
|
|
137
|
+
${e=>S`
|
|
138
|
+
${Qa(e.textStyle,e.weight)}
|
|
139
|
+
color: ${Pa.Primary};
|
|
150
140
|
text-decoration: none;
|
|
151
141
|
|
|
152
142
|
:hover,
|
|
153
143
|
:active,
|
|
154
144
|
:focus {
|
|
155
|
-
color: ${
|
|
145
|
+
color: ${Pa.Secondary};
|
|
146
|
+
|
|
147
|
+
svg {
|
|
148
|
+
color: ${Pa.Secondary};
|
|
149
|
+
}
|
|
156
150
|
}
|
|
157
151
|
`}
|
|
158
|
-
`,
|
|
152
|
+
`,ts=b(Xa)`
|
|
153
|
+
height: 1rem;
|
|
154
|
+
width: 1rem;
|
|
159
155
|
margin-left: 0.4rem;
|
|
160
|
-
|
|
156
|
+
vertical-align: middle;
|
|
157
|
+
`,ns=({external:e=!1,children:r,...i})=>t(es,{...i,children:[r,e&&n(ts,{})]});var rs;!function(e){e[e.Subpage=0]="Subpage",e[e.Domain=1]="Domain"}(rs||(rs={}));const is=b.button`
|
|
161
158
|
padding: 0.5rem 1rem;
|
|
162
159
|
min-width: 4rem;
|
|
163
160
|
border-radius: 4px;
|
|
@@ -176,22 +173,22 @@ import{jsx as e,jsxs as t}from"react/jsx-runtime";import*as n from"react";import
|
|
|
176
173
|
// -----------------------------------------------------------------------------
|
|
177
174
|
// BUTTON STYLE + TEXT COLOR
|
|
178
175
|
// -----------------------------------------------------------------------------
|
|
179
|
-
${e=>{switch(e.$buttonStyle){case"secondary":return
|
|
180
|
-
background-color: ${
|
|
181
|
-
border: 1px solid ${
|
|
176
|
+
${e=>{switch(e.$buttonStyle){case"secondary":return S`
|
|
177
|
+
background-color: ${Pa.Neutral[8](e)};
|
|
178
|
+
border: 1px solid ${Pa.Primary(e)};
|
|
182
179
|
|
|
183
180
|
span {
|
|
184
|
-
color: ${
|
|
181
|
+
color: ${Pa.Primary(e)};
|
|
185
182
|
}
|
|
186
|
-
`;case"light":return
|
|
187
|
-
background-color: ${
|
|
188
|
-
border: 1px solid ${
|
|
183
|
+
`;case"light":return S`
|
|
184
|
+
background-color: ${Pa.Neutral[8](e)};
|
|
185
|
+
border: 1px solid ${Pa.Neutral[5](e)};
|
|
189
186
|
|
|
190
187
|
span {
|
|
191
|
-
color: ${
|
|
188
|
+
color: ${Pa.Primary(e)};
|
|
192
189
|
}
|
|
193
|
-
`;case"disabled":return
|
|
194
|
-
background-color: ${
|
|
190
|
+
`;case"disabled":return S`
|
|
191
|
+
background-color: ${Pa.Neutral[6](e)};
|
|
195
192
|
border: 1px solid transparent;
|
|
196
193
|
cursor: not-allowed;
|
|
197
194
|
|
|
@@ -200,9 +197,9 @@ import{jsx as e,jsxs as t}from"react/jsx-runtime";import*as n from"react";import
|
|
|
200
197
|
}
|
|
201
198
|
|
|
202
199
|
span {
|
|
203
|
-
color: ${
|
|
200
|
+
color: ${Pa.Neutral[3](e)};
|
|
204
201
|
}
|
|
205
|
-
`;case"link":return
|
|
202
|
+
`;case"link":return S`
|
|
206
203
|
background-color: transparent;
|
|
207
204
|
border: none;
|
|
208
205
|
border-radius: unset;
|
|
@@ -211,52 +208,52 @@ import{jsx as e,jsxs as t}from"react/jsx-runtime";import*as n from"react";import
|
|
|
211
208
|
box-shadow: none;
|
|
212
209
|
}
|
|
213
210
|
|
|
214
|
-
color: ${
|
|
211
|
+
color: ${Pa.Primary};
|
|
215
212
|
:hover,
|
|
216
213
|
:active,
|
|
217
214
|
:focus {
|
|
218
215
|
span {
|
|
219
|
-
color: ${
|
|
216
|
+
color: ${Pa.Secondary};
|
|
220
217
|
}
|
|
221
218
|
}
|
|
222
|
-
`;default:return
|
|
223
|
-
background-color: ${
|
|
219
|
+
`;default:return S`
|
|
220
|
+
background-color: ${Pa.Primary(e)};
|
|
224
221
|
border: 1px solid transparent;
|
|
225
222
|
|
|
226
|
-
${
|
|
223
|
+
${Ea.mobileL} {
|
|
227
224
|
width: 100%;
|
|
228
225
|
}
|
|
229
226
|
|
|
230
227
|
span {
|
|
231
|
-
color: ${
|
|
228
|
+
color: ${Pa.Neutral[8](e)};
|
|
232
229
|
}
|
|
233
230
|
`}}}
|
|
234
231
|
|
|
235
232
|
// -----------------------------------------------------------------------------
|
|
236
233
|
// BUTTON SIZE + TEXT SIZE
|
|
237
234
|
// -----------------------------------------------------------------------------
|
|
238
|
-
${e=>"small"===e.$buttonSizeStyle?
|
|
235
|
+
${e=>"small"===e.$buttonSizeStyle?S`
|
|
239
236
|
height: 2.5rem;
|
|
240
237
|
span {
|
|
241
|
-
${
|
|
238
|
+
${Qa("H5","semibold")}
|
|
242
239
|
}
|
|
243
240
|
|
|
244
|
-
${
|
|
241
|
+
${Ea.mobileS} {
|
|
245
242
|
height: auto;
|
|
246
243
|
}
|
|
247
|
-
`:
|
|
244
|
+
`:S`
|
|
248
245
|
height: 3rem;
|
|
249
246
|
span {
|
|
250
|
-
${
|
|
247
|
+
${Qa("H4","semibold")}
|
|
251
248
|
}
|
|
252
249
|
|
|
253
|
-
${
|
|
250
|
+
${Ea.mobileS} {
|
|
254
251
|
height: auto;
|
|
255
252
|
}
|
|
256
253
|
`}
|
|
257
|
-
`,
|
|
254
|
+
`,os=b((({color:e,className:r,size:i=18})=>t(Aa,{className:r,$size:i,$color:e,children:[n(Ma,{id:"inner1",$size:i-2,$borderWidth:2}),n(za,{id:"inner2",$size:i-2,$borderWidth:2}),n(ja,{id:"inner3",$size:i-2,$borderWidth:2}),n(Na,{id:"inner4",$size:i-2,$borderWidth:2})]})))`
|
|
258
255
|
margin-right: 0.5rem;
|
|
259
|
-
${e=>{let t;switch(e.$buttonStyle){case"secondary":case"light":case"link":t=
|
|
256
|
+
${e=>{let t;switch(e.$buttonStyle){case"secondary":case"light":case"link":t=Pa.Primary(e);break;case"disabled":t=Pa.Neutral[3](e);break;default:t=Pa.Neutral[8](e)}return S`
|
|
260
257
|
#inner1,
|
|
261
258
|
#inner2,
|
|
262
259
|
#inner3,
|
|
@@ -264,12 +261,12 @@ import{jsx as e,jsxs as t}from"react/jsx-runtime";import*as n from"react";import
|
|
|
264
261
|
border-color: ${t} transparent transparent transparent;
|
|
265
262
|
}
|
|
266
263
|
`}}
|
|
267
|
-
`,
|
|
264
|
+
`,as={Default:i.forwardRef(((e,r)=>{const{children:i,disabled:o=!1,loading:a=!1,styleType:s="default",...l}=e,u={$buttonStyle:o?"disabled":s,$buttonSizeStyle:"default"};return t(is,{ref:r,"data-testid":l["data-testid"]||"button",disabled:o,...u,...l,children:[a&&n(os,{...u}),n("span",{children:i})]})})),Small:i.forwardRef(((e,r)=>{const{children:i,disabled:o=!1,loading:a=!1,styleType:s="default",...l}=e,u={$buttonStyle:o?"disabled":s,$buttonSizeStyle:"small"};return t(is,{ref:r,"data-testid":l["data-testid"]||"button",disabled:o,...u,...l,children:[a&&n(os,{...u,size:16}),n("span",{children:i})]})}))},ss=b.button`
|
|
268
265
|
display: flex;
|
|
269
266
|
justify-content: center;
|
|
270
267
|
align-items: center;
|
|
271
268
|
padding: 1.5rem;
|
|
272
|
-
background-color:
|
|
269
|
+
background-color: transparent;
|
|
273
270
|
border: none;
|
|
274
271
|
cursor: pointer;
|
|
275
272
|
|
|
@@ -278,11 +275,15 @@ import{jsx as e,jsxs as t}from"react/jsx-runtime";import*as n from"react";import
|
|
|
278
275
|
width: 1rem;
|
|
279
276
|
}
|
|
280
277
|
|
|
278
|
+
&:active,
|
|
281
279
|
&:focus {
|
|
282
|
-
outline: none;
|
|
283
|
-
|
|
280
|
+
${({$outline:e})=>"none"===e&&"outline: none;"}
|
|
281
|
+
|
|
282
|
+
${({$highlight:e})=>e&&S`
|
|
283
|
+
background-color: ${Pa.Neutral[7]};
|
|
284
|
+
`}
|
|
284
285
|
}
|
|
285
|
-
`,
|
|
286
|
+
`,ls=i.forwardRef((({children:e,focusHighlight:t=!0,focusOutline:r="none",...i},o)=>n(ss,{ref:o,$outline:r,$highlight:t,...i,children:e}))),us=b.div`
|
|
286
287
|
position: relative;
|
|
287
288
|
display: inline-flex;
|
|
288
289
|
align-items: center;
|
|
@@ -291,37 +292,37 @@ import{jsx as e,jsxs as t}from"react/jsx-runtime";import*as n from"react";import
|
|
|
291
292
|
height: 3rem;
|
|
292
293
|
min-width: 5rem;
|
|
293
294
|
border-radius: 4px;
|
|
294
|
-
border: 1px solid ${
|
|
295
|
-
background: ${
|
|
295
|
+
border: 1px solid ${Pa.Primary};
|
|
296
|
+
background: ${Pa.Neutral[8]};
|
|
296
297
|
cursor: pointer;
|
|
297
298
|
|
|
298
299
|
:hover {
|
|
299
|
-
box-shadow: 0 0 4px 1px
|
|
300
|
+
box-shadow: 0 0 4px 1px ${Pa.Shadow.Accent};
|
|
300
301
|
}
|
|
301
302
|
|
|
302
|
-
${e=>e.disabled&&!e.$selected?
|
|
303
|
-
background: ${
|
|
304
|
-
border: 1px solid ${
|
|
303
|
+
${e=>e.disabled&&!e.$selected?S`
|
|
304
|
+
background: ${Pa.Neutral[6](e)};
|
|
305
|
+
border: 1px solid ${Pa.Neutral[6](e)};
|
|
305
306
|
cursor: not-allowed;
|
|
306
307
|
|
|
307
308
|
:hover {
|
|
308
309
|
box-shadow: none;
|
|
309
310
|
}
|
|
310
|
-
`:e.disabled&&e.$selected?
|
|
311
|
-
background: ${
|
|
312
|
-
border: 1px solid ${
|
|
311
|
+
`:e.disabled&&e.$selected?S`
|
|
312
|
+
background: ${Pa.Neutral[6](e)};
|
|
313
|
+
border: 1px solid ${Pa.Neutral[4](e)};
|
|
313
314
|
cursor: not-allowed;
|
|
314
315
|
|
|
315
316
|
:hover {
|
|
316
317
|
box-shadow: none;
|
|
317
318
|
}
|
|
318
|
-
`:e.$selected?
|
|
319
|
-
background: ${
|
|
319
|
+
`:e.$selected?S`
|
|
320
|
+
background: ${Pa.Accent.Light[5](e)};
|
|
320
321
|
padding: 0.6875rem 0.912rem; // Bold font takes bigger width
|
|
321
|
-
`:0==e.$selected?
|
|
322
|
-
border: 1px solid ${
|
|
322
|
+
`:0==e.$selected?S`
|
|
323
|
+
border: 1px solid ${Pa.Neutral[5](e)};
|
|
323
324
|
`:void 0}
|
|
324
|
-
`,
|
|
325
|
+
`,cs=b.input`
|
|
325
326
|
position: absolute;
|
|
326
327
|
height: 100%;
|
|
327
328
|
width: 100%;
|
|
@@ -330,107 +331,108 @@ import{jsx as e,jsxs as t}from"react/jsx-runtime";import*as n from"react";import
|
|
|
330
331
|
/* Hide appearance but keep it focusable using keyboard interactions */
|
|
331
332
|
appearance: none;
|
|
332
333
|
background: transparent;
|
|
333
|
-
`,
|
|
334
|
-
${e=>
|
|
335
|
-
${
|
|
334
|
+
`,ds=b.span`
|
|
335
|
+
${e=>S`
|
|
336
|
+
${Qa("H4",e.$weight)}
|
|
336
337
|
`}
|
|
337
|
-
color: ${
|
|
338
|
+
color: ${Pa.Neutral[1]};
|
|
338
339
|
text-align: center;
|
|
339
340
|
|
|
340
|
-
${e=>e.disabled?
|
|
341
|
-
color: ${
|
|
342
|
-
`:e.$selected?
|
|
343
|
-
color: ${
|
|
341
|
+
${e=>e.disabled?S`
|
|
342
|
+
color: ${Pa.Neutral[3](e)};
|
|
343
|
+
`:e.$selected?S`
|
|
344
|
+
color: ${Pa.Primary(e)};
|
|
344
345
|
`:void 0}
|
|
345
|
-
`,
|
|
346
|
+
`,hs=b(gi.div)`
|
|
346
347
|
position: absolute;
|
|
347
348
|
top: 3.5rem;
|
|
348
349
|
left: 0;
|
|
349
350
|
width: 27rem;
|
|
350
351
|
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
|
|
351
|
-
background: ${
|
|
352
|
+
background: ${Pa.Neutral[8]};
|
|
352
353
|
border-radius: ${"4px"};
|
|
353
354
|
overflow: hidden;
|
|
354
355
|
z-index: 1;
|
|
355
356
|
|
|
356
|
-
${
|
|
357
|
+
${Ea.tablet} {
|
|
357
358
|
width: 100%;
|
|
358
359
|
}
|
|
359
|
-
`,
|
|
360
|
+
`,ps=b.div`
|
|
360
361
|
position: relative;
|
|
361
362
|
width: 100%;
|
|
362
363
|
padding: 0.5rem 1.25rem 1.5rem 1.25rem;
|
|
363
364
|
display: flex;
|
|
364
365
|
flex-direction: column;
|
|
365
|
-
`,
|
|
366
|
+
`,fs=b.div`
|
|
366
367
|
display: flex;
|
|
367
368
|
align-items: center;
|
|
368
369
|
justify-content: space-between;
|
|
369
370
|
|
|
370
|
-
${
|
|
371
|
+
${Ea.mobileS} {
|
|
371
372
|
flex-direction: column;
|
|
372
373
|
}
|
|
373
|
-
`,
|
|
374
|
+
`,gs=b.div`
|
|
374
375
|
display: flex;
|
|
375
376
|
justify-content: flex-end;
|
|
376
377
|
margin-top: 1rem;
|
|
377
378
|
|
|
378
|
-
${
|
|
379
|
-
border-top: 1px solid ${
|
|
379
|
+
${Ea.mobileS} {
|
|
380
|
+
border-top: 1px solid ${Pa.Neutral[5]};
|
|
380
381
|
margin-top: 2rem;
|
|
381
382
|
padding-top: 1.5rem;
|
|
382
383
|
}
|
|
383
|
-
`,
|
|
384
|
+
`,ms=b.div`
|
|
384
385
|
display: flex;
|
|
385
386
|
align-items: center;
|
|
386
387
|
margin-right: 2rem;
|
|
387
388
|
|
|
388
|
-
${
|
|
389
|
+
${Ea.mobileM} {
|
|
389
390
|
margin-right: 0;
|
|
390
391
|
}
|
|
391
|
-
`,
|
|
392
|
+
`,ys=b.div`
|
|
392
393
|
display: flex;
|
|
393
394
|
|
|
394
|
-
${
|
|
395
|
+
${Ea.tablet} {
|
|
395
396
|
flex-direction: column;
|
|
396
397
|
}
|
|
397
398
|
|
|
398
|
-
${
|
|
399
|
+
${Ea.mobileS} {
|
|
399
400
|
flex-direction: row;
|
|
400
401
|
width: 100%;
|
|
401
402
|
}
|
|
402
|
-
`,
|
|
403
|
+
`,vs=b.div`
|
|
403
404
|
display: flex;
|
|
404
405
|
flex-direction: column;
|
|
405
406
|
align-items: center;
|
|
406
|
-
`,
|
|
407
|
+
`,bs=b(ls)`
|
|
407
408
|
width: 5rem;
|
|
408
409
|
padding: 1rem 0;
|
|
409
|
-
|
|
410
|
+
color: ${Pa.Primary};
|
|
411
|
+
`,ws=b(Ka.Body)`
|
|
410
412
|
margin: 0 0.75rem;
|
|
411
413
|
|
|
412
|
-
${
|
|
414
|
+
${Ea.tablet} {
|
|
413
415
|
margin: 0 0.5rem;
|
|
414
416
|
}
|
|
415
417
|
|
|
416
|
-
${
|
|
418
|
+
${Ea.mobileS} {
|
|
417
419
|
margin: 0 0.75rem;
|
|
418
420
|
}
|
|
419
|
-
`,
|
|
420
|
-
${
|
|
421
|
+
`,Ss=b.input`
|
|
422
|
+
${Qa("Body","regular")}
|
|
421
423
|
border-radius: ${"4px"};
|
|
422
424
|
height: 3rem;
|
|
423
425
|
width: 5rem;
|
|
424
426
|
text-align: center;
|
|
425
|
-
border: 1px solid ${
|
|
426
|
-
background: ${
|
|
427
|
-
color: ${
|
|
427
|
+
border: 1px solid ${Pa.Neutral[5]};
|
|
428
|
+
background: ${Pa.Neutral[8]};
|
|
429
|
+
color: ${Pa.Neutral[1]};
|
|
428
430
|
|
|
429
431
|
:focus,
|
|
430
432
|
:active {
|
|
431
433
|
outline: none;
|
|
432
|
-
border: 1px solid ${
|
|
433
|
-
box-shadow: inset 0 0 5px 1px
|
|
434
|
+
border: 1px solid ${Pa.Accent.Light[1]};
|
|
435
|
+
box-shadow: inset 0 0 5px 1px ${Pa.Shadow.Accent};
|
|
434
436
|
}
|
|
435
437
|
|
|
436
438
|
:focus::placeholder {
|
|
@@ -450,67 +452,71 @@ import{jsx as e,jsxs as t}from"react/jsx-runtime";import*as n from"react";import
|
|
|
450
452
|
// Firefox
|
|
451
453
|
--moz-appearance: textfield;
|
|
452
454
|
|
|
453
|
-
${
|
|
455
|
+
${Ea.mobileS} {
|
|
454
456
|
width: 6rem;
|
|
455
457
|
}
|
|
456
|
-
`,
|
|
458
|
+
`,_s=b((({disabled:e,checked:r,onChange:i,type:o="checkbox",children:l,className:u,...c})=>{const[h,p]=s(r),g=a();d((()=>{p(r)}),[r]);const m=f((t=>{e||("radio"!==o||h||p(!0),"checkbox"===o&&p((e=>!e)),i&&i(t))}),[]);return t(us,{$selected:h,disabled:e,role:"checkbox","aria-checked":h,className:u,children:[n(cs,{ref:g,type:"checkbox","data-testid":"toggle-button-input",disabled:e,onChange:m,checked:h,...c}),n(ds,{$weight:h?"bold":"regular",$selected:h,disabled:e,"data-testid":"toggle-button-label",children:l})]})}))`
|
|
457
459
|
:not(:last-of-type) {
|
|
458
460
|
margin-right: 0.5rem;
|
|
459
461
|
}
|
|
460
462
|
|
|
461
|
-
${
|
|
463
|
+
${Ea.tablet} {
|
|
462
464
|
:not(:last-of-type) {
|
|
463
465
|
margin-right: 0;
|
|
464
466
|
margin-bottom: 0.5rem;
|
|
465
467
|
}
|
|
466
468
|
}
|
|
467
469
|
|
|
468
|
-
${
|
|
470
|
+
${Ea.mobileS} {
|
|
469
471
|
width: 50%;
|
|
470
472
|
:not(:last-of-type) {
|
|
471
473
|
margin-right: 0.5rem;
|
|
472
474
|
margin-bottom: 0;
|
|
473
475
|
}
|
|
474
476
|
}
|
|
475
|
-
|
|
477
|
+
`,$s=b(as.Small)`
|
|
476
478
|
width: 7rem;
|
|
477
479
|
|
|
478
480
|
:not(:last-of-type) {
|
|
479
481
|
margin-right: 0.5rem;
|
|
480
482
|
}
|
|
481
483
|
|
|
482
|
-
${
|
|
484
|
+
${Ea.tablet} {
|
|
483
485
|
width: 50%;
|
|
484
486
|
}
|
|
485
|
-
`;var
|
|
487
|
+
`;var xs,ks,Fs;!function(e){e.HOUR_UP="hour-up",e.HOUR_DOWN="hour-down",e.MINUTE_UP="minute-up",e.MINUTE_DOWN="minute-down"}(xs||(xs={})),function(e){e.HOUR="hour",e.MINUTE="minute"}(ks||(ks={})),function(e){e.AM="am",e.PM="pm"}(Fs||(Fs={}));const Os=({id:e,value:r,show:i,format:o,onChange:l,onCancel:u})=>{const c=$.getTimeValues(o,r),[h,p]=s(c.hour),[g,m]=s(c.minute),[y,v]=s(c.period),b=a(),w=a(),S=function(e){void 0===e&&(e={});var t=e.skipOnMount,n=void 0!==t&&t,r=e.refreshMode,i=e.refreshRate,o=void 0===i?1e3:i,l=e.refreshOptions,u=e.handleWidth,c=void 0===u||u,d=e.handleHeight,h=void 0===d||d,p=e.targetRef,f=e.observerOptions,g=e.onResize,m=a(n),y=a(null),v=null!=p?p:y,b=a(),w=s({width:void 0,height:void 0}),S=w[0],_=w[1];return He((function(){if(!Fe()){var e=Ce(g,_,c,h);b.current=xe((function(t){(c||h)&&t.forEach((function(t){var n=t&&t.contentRect||{},r=n.width,i=n.height;!m.current&&!Fe()&&e({width:r,height:i}),m.current=!1}))}),r,o,l);var t=new window.ResizeObserver(b.current);return v.current&&t.observe(v.current,f),function(){t.disconnect();var e=b.current;e&&e.cancel&&e.cancel()}}}),[r,o,l,c,h,g,f,v.current]),z({ref:v},S)}();d((()=>{if(i&&b.current&&b.current.focus(),i){const{hour:e,minute:t,period:n}=$.getTimeValues(o,r);p(e),m(t),v(n)}}),[i,r,o]),d((()=>{const e=b.current,t=w.current;return e&&e.addEventListener("keydown",x),t&&t.addEventListener("keydown",x),()=>{e&&e.removeEventListener("keydown",x),t&&t.removeEventListener("keydown",x)}}),[]);const x=e=>{["Digit0","Digit1","Digit2","Digit3","Digit4","Digit5","Digit6","Digit7","Digit8","Digit9","Tab","Backspace","Delete","ArrowLeft","ArrowRight","ArrowUp","ArrowDown"].includes(e.code)||["Backspace","0","1","2","3","4","5","6","7","8","9"].includes(e.key)||e.preventDefault()},k=f((e=>{switch(e.currentTarget.name){case xs.MINUTE_UP:m($.updateMinutes(g,"add"));break;case xs.MINUTE_DOWN:m($.updateMinutes(g,"minus"));break;case xs.HOUR_UP:p($.updateHours(h,"add"));break;case xs.HOUR_DOWN:p($.updateHours(h,"minus"))}}),[h,g]),F=e=>{e.target.select()},C=e=>{const t=e.target.value;switch(e.target.name){case ks.HOUR:t.length<=2&&p(t);break;case ks.MINUTE:t.length<=2&&m(t)}},H=e=>{const t=parseInt(e.target.value);if(!isNaN(t))switch(e.target.name){case ks.HOUR:{const n=t>23||t<0?c.hour:$.convertHourTo12HourFormat(e.target.value);p(n);break}case ks.MINUTE:{const n=t>59||t<0?c.minute:e.target.value;m(_.padValue(n));break}}},P=e=>{switch(e.target.name){case Fs.AM:v("am");break;case Fs.PM:v("pm")}},B=t=>e?`${e}-${t}`:t,E=function(e,t){const n=Xe.fun(e),[[r],i]=qr(1,n?e:[e],n?t||[]:t);return n||2==arguments.length?[r,i]:r}({height:i?S.height+32:0});return n(hs,{"data-testid":"animated-dropdown-wrapper",style:E,children:t(ps,{ref:S.ref,"data-testid":B("timepicker-dropdown"),children:[t(fs,{children:[t(ms,{children:[t(vs,{children:[n(bs,{"aria-label":"increase hour",name:xs.HOUR_UP,type:"button",tabIndex:-1,onClick:k,"data-testid":B("hour-increment-button"),children:n(D,{})}),n(Ss,{"aria-label":"hour",type:"number",name:ks.HOUR,id:"hour",maxLength:2,pattern:"[0-9]{2}",ref:b,value:h,onFocus:F,onChange:C,onBlur:H,min:1,max:12,placeholder:"HH","data-testid":B("hour-input")}),n(bs,{"aria-label":"decrease hour",name:xs.HOUR_DOWN,type:"button",tabIndex:-1,onClick:k,"data-testid":B("hour-decrement-button"),children:n(O,{})})]}),n(ws,{children:":"}),t(vs,{children:[n(bs,{"aria-label":"increase minute",name:xs.MINUTE_UP,type:"button",tabIndex:-1,onClick:k,"data-testid":B("minute-increment-button"),children:n(D,{})}),n(Ss,{"aria-label":"minute",type:"number",name:ks.MINUTE,id:"minute",maxLength:2,pattern:"[0-9]{2}",ref:w,value:g,onChange:C,onBlur:H,onFocus:F,min:0,max:59,placeholder:"MM","data-testid":B("minute-input")}),n(bs,{"aria-label":"decrease minute",name:xs.MINUTE_DOWN,type:"button",tabIndex:-1,onClick:k,"data-testid":B("minute-decrement-button"),children:n(O,{})})]})]}),t(ys,{children:[n(_s,{checked:"am"===y,name:Fs.AM,type:"radio",onChange:P,"data-testid":B("am-toggle"),"aria-label":"AM",children:"AM"}),n(_s,{checked:"pm"===y,name:Fs.PM,type:"radio",onChange:P,"data-testid":B("pm-toggle"),"aria-label":"PM",children:"PM"})]})]}),t(gs,{children:[n($s,{"aria-label":"close selector",type:"button",styleType:"secondary",onClick:u,"data-testid":B("cancel-button"),children:"Cancel"}),n($s,{"aria-label":"confirm selection",type:"button",onClick:()=>{let e;e="24hr"===o?$.convertTo24HourFormat({hour:h,minute:g,period:y}):`${h}:${g}${y}`,l(e)},disabled:""===h||""===g,"data-testid":B("confirm-button"),children:"Confirm"})]})]})})},Cs={collections:{base:{InputBoxShadow:S`
|
|
488
|
+
inset 0 0 6px 1px ${Pa.Shadow.Accent}
|
|
489
|
+
`,InputErrorBoxShadow:S`
|
|
490
|
+
inset 0 0 6px 1px ${Pa.Shadow.Red}
|
|
491
|
+
`}},defaultValue:"base"},Hs=e=>t=>{const n=t.theme,r=Fa(Cs,n[Oa.designTokenScheme]);return n.options?.designToken?ka(r,e,n.options.designToken):ka(r,e)},Ps=Hs("InputBoxShadow"),Bs=Hs("InputErrorBoxShadow"),Ds=b.div`
|
|
486
492
|
position: relative;
|
|
487
|
-
|
|
488
|
-
${
|
|
489
|
-
border: 1px solid ${
|
|
493
|
+
`,Es=b.input`
|
|
494
|
+
${Qa("Body","regular")}
|
|
495
|
+
border: 1px solid ${Pa.Neutral[5]};
|
|
490
496
|
border-radius: 4px;
|
|
491
497
|
display: block;
|
|
492
498
|
padding: 0.2rem 1rem 0.3rem 1rem; // Somehow the input text appears lower
|
|
493
499
|
height: 3rem;
|
|
494
500
|
width: 100%;
|
|
495
|
-
background: ${
|
|
496
|
-
color: ${
|
|
501
|
+
background: ${Pa.Neutral[8]};
|
|
502
|
+
color: ${Pa.Neutral[1]};
|
|
497
503
|
|
|
498
504
|
:focus,
|
|
499
505
|
:active {
|
|
500
506
|
outline: none;
|
|
501
507
|
}
|
|
502
508
|
|
|
503
|
-
${e=>e.disabled?
|
|
504
|
-
background: ${
|
|
509
|
+
${e=>e.disabled?S`
|
|
510
|
+
background: ${Pa.Neutral[6](e)};
|
|
505
511
|
cursor: not-allowed;
|
|
506
|
-
`:e.error&&!e.focused?
|
|
507
|
-
border: 1px solid ${
|
|
508
|
-
`:e.error&&e.focused?
|
|
509
|
-
border: 1px solid ${
|
|
510
|
-
box-shadow:
|
|
511
|
-
`:e.focused?
|
|
512
|
-
border: 1px solid ${
|
|
513
|
-
box-shadow:
|
|
512
|
+
`:e.error&&!e.focused?S`
|
|
513
|
+
border: 1px solid ${Pa.Validation.Red.Border(e)};
|
|
514
|
+
`:e.error&&e.focused?S`
|
|
515
|
+
border: 1px solid ${Pa.Validation.Red.Border(e)};
|
|
516
|
+
box-shadow: ${Bs};
|
|
517
|
+
`:e.focused?S`
|
|
518
|
+
border: 1px solid ${Pa.Accent.Light[1]};
|
|
519
|
+
box-shadow: ${Ps};
|
|
514
520
|
`:void 0}
|
|
515
|
-
`,
|
|
521
|
+
`,As=({id:e,disabled:r=!1,error:i,value:o,defaultValue:l,placeholder:u,format:c="24hr",onChange:h,onBlur:p,onSelectionCancel:g,...m})=>{const[y,v]=s(!1),b=a();d((()=>(document.addEventListener("mousedown",S),document.addEventListener("keyup",_),()=>{document.removeEventListener("mousedown",S),document.removeEventListener("keyup",_)})),[y]);const w=f((()=>{r||y||v(!0)}),[y]),S=e=>{r||x(e)},_=e=>{if("Tab"===e.code)x(e)},x=e=>{b&&!b.current.contains(e.target)&&y&&(v(!1),p&&p())},k=f((()=>"12hr"===c?"HH:MMam":"HH:MM"),[c,u]);return t(Ds,{ref:b,id:e,...m,children:[n(Es,{onFocus:w,focused:y,readOnly:!0,placeholder:u||k(),value:$.formatValue(o,c),defaultValue:l,disabled:r,error:i,"data-testid":e?`${e}-timepicker-selector`:"timepicker-selector"}),n(Os,{id:e,show:y,value:o||l,format:c,onCancel:()=>{v(!1),g&&g()},onChange:e=>{v(!1),h&&h(e)}})]})};export{As as Timepicker};
|
|
516
522
|
//# sourceMappingURL=index.js.map
|