npm - josenanodev-react-components-library - Versions diffs - 1.10.3 → 1.11.0 - Mend

josenanodev-react-components-library 1.10.3 → 1.11.0

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.

Files changed (35) hide show

package/dist/esm/index.js CHANGED Viewed

	@@ -1 +1 @@
1	- import e,{useState as n,Fragment as l,useEffect as t,useRef as a,useReducer as o,useLayoutEffect as r}from"react";import{BsX as i,BsCheckLg as d,BsPencil as c,BsChevronLeft as s,BsChevronRight as u,BsArrowLeftCircle as _,BsArrowRightCircle as m}from"react-icons/bs";import{IoMenu as p}from"react-icons/io5";import{AiFillMinusCircle as b,AiFillPlusCircle as g}from"react-icons/ai";import h from"react-dom";import{GoDotFill as f}from"react-icons/go";function y(e,n){void 0===n&&(n={});var l=n.insertAt;if(e&&"undefined"!=typeof document){var t=document.head\|\|document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===l&&t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.styleSheet?a.styleSheet.cssText=e:a.appendChild(document.createTextNode(e))}}var S="BubbleMenu-module_menu-container__xrNNC",v="BubbleMenu-module_menu-button__I5R0w";y(".BubbleMenu-module_menu-container__xrNNC {\n position: fixed;\n z-index: -1;\n top: 0px;\n padding-top: 80px;\n box-sizing: border-box;\n}\n.BubbleMenu-module_menu-container__xrNNC[data-status=visible] {\n z-index: 100;\n width: 100vw;\n height: 100vh;\n animation: BubbleMenu-module_show-background__Qz4-v 300ms ease-in-out forwards;\n}\n.BubbleMenu-module_menu-container__xrNNC[data-status=visible] ul li {\n opacity: 1;\n transform: translateX(5px);\n}\n.BubbleMenu-module_menu-container__xrNNC[data-status=hidden] {\n animation: BubbleMenu-module_hide-background__ESkim 300ms ease-in-out forwards;\n}\n.BubbleMenu-module_menu-container__xrNNC[data-status=hidden] ul li {\n opacity: 0;\n transform: translateX(-110px);\n}\n.BubbleMenu-module_menu-container__xrNNC[data-status=idle] {\n width: 0vw;\n height: 0vh;\n background-color: transparent;\n}\n.BubbleMenu-module_menu-container__xrNNC[data-status=idle] ul li {\n opacity: 0;\n transform: translateX(-110px);\n}\n.BubbleMenu-module_menu-container__xrNNC ul {\n list-style: none;\n padding-inline-start: 0px;\n margin: 0;\n}\n.BubbleMenu-module_menu-container__xrNNC ul li {\n width: -moz-fit-content;\n width: fit-content;\n transition: all 300ms ease-in-out;\n}\n.BubbleMenu-module_menu-container__xrNNC ul li button {\n border-width: 3px;\n border-style: solid;\n border-color: #959595;\n box-shadow: 3px 3px 4px 1px rgba(90, 90, 90, 0.3);\n color: #959595;\n background-color: rgba(255, 255, 255, 0.9);\n -webkit-tap-highlight-color: transparent;\n -webkit-user-select: none;\n user-select: none;\n cursor: pointer;\n transition: all 100ms ease-in-out;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n width: 100px;\n height: 100px;\n margin: 15px 0px;\n border-radius: 50px;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n}\n.BubbleMenu-module_menu-container__xrNNC ul li button svg {\n min-width: 40px;\n min-height: 40px;\n}\n.BubbleMenu-module_menu-container__xrNNC ul li button:active {\n transform: translate(1px, 1px);\n box-shadow: 1px 1px 2px rgba(90, 90, 90, 0.3);\n}\n\n.BubbleMenu-module_menu-button__I5R0w {\n position: fixed;\n z-index: 101;\n top: 30px;\n left: 10px;\n width: 50px;\n height: 50px;\n background-color: rgba(255, 255, 255, 0.7);\n border-radius: 25px;\n border-width: 3px;\n border-style: solid;\n border-color: #959595;\n box-shadow: 3px 3px 4px 1px rgba(90, 90, 90, 0.3);\n color: #959595;\n background-color: rgba(255, 255, 255, 0.9);\n -webkit-tap-highlight-color: transparent;\n -webkit-user-select: none;\n user-select: none;\n cursor: pointer;\n transition: all 100ms ease-in-out;\n}\n.BubbleMenu-module_menu-button__I5R0w svg {\n position: absolute;\n top: 2px;\n left: 0;\n width: 100%;\n height: 34px;\n color: #0d280b;\n}\n.BubbleMenu-module_menu-button__I5R0w svg path {\n transition: all 0.3s ease-in-out;\n}\n.BubbleMenu-module_menu-button__I5R0w p {\n position: absolute;\n top: 30px;\n left: 0;\n width: 100%;\n margin: 0;\n text-align: center;\n color: #0d280b;\n font-size: 10px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n}\n.BubbleMenu-module_menu-button__I5R0w:active {\n transform: translate(1px, 1px);\n box-shadow: 1px 1px 2px rgba(90, 90, 90, 0.3);\n}\n\n@keyframes BubbleMenu-module_show-background__Qz4-v {\n 0% {\n background-color: transparent;\n min-width: 0vw;\n }\n 1% {\n background-color: transparent;\n min-width: 100vw;\n }\n 100% {\n background-color: rgba(0, 0, 0, 0.3);\n min-width: 100vw;\n }\n}\n@keyframes BubbleMenu-module_hide-background__ESkim {\n 0% {\n background-color: rgba(0, 0, 0, 0.3);\n min-width: 100vw;\n }\n 99% {\n background-color: transparent;\n min-width: 100vw;\n }\n 100% {\n background-color: transparent;\n min-width: 0vw;\n }\n}");const x={en:{menu:"menu",close:"close"},es:{menu:"menú",close:"cerrar"}},w=({options:t,language:a="en"})=>{const[o,r]=n(null);return e.createElement(l,null,e.createElement("button",{type:"button",title:"menu",className:v,onClick:()=>r(!o)},o?e.createElement(i,null):e.createElement(p,null),e.createElement("p",null,o?x[a].close:x[a].menu)),e.createElement("section",{className:S,"data-status":!0===o?"visible":!1===o?"hidden":"idle",onClick:()=>r(!1)},e.createElement("ul",null,t.filter((e=>e.visible)).map(((n,l)=>e.createElement("li",{key:n.text,style:{transitionDelay:100l+"ms"}},e.createElement("button",{onClick:()=>setTimeout(n.optionCallback,300+100t.length)},n.icon,n.text)))))))};var C="CalendarDatePicker-module_calendar-date-picker__-G7aY",k="CalendarDatePicker-module_today-button__YgI7t",M="CalendarDatePicker-module_month-and-year__LHJ8I",E="CalendarDatePicker-module_month-input__sFUHA",D="CalendarDatePicker-module_week-days__j2XJ-";y('@property --angle {\n sintax: "<angle>";\n inherits: false;\n initial-value: 270deg;\n}\n@property --color-default {\n sintax: "<color>";\n inherits: false;\n initial-value: white;\n}\n@property --color-selected {\n sintax: "<color>";\n inherits: false;\n initial-value: #e3f3e3;\n}\n@property --percentage-default {\n sintax: "<percentage>";\n inherits: false;\n initial-value: 100%;\n}\n@property --percentage-selected {\n sintax: "<percentage>";\n inherits: false;\n initial-value: 0%;\n}\n.CalendarDatePicker-module_calendar-date-picker__-G7aY {\n position: relative;\n font-family: Arial, Helvetica, sans-serif;\n width: 390px;\n color: #959595;\n font-weight: 600;\n font-style: normal;\n line-height: normal;\n -webkit-tap-highlight-color: transparent;\n}\n.CalendarDatePicker-module_calendar-date-picker__-G7aY .CalendarDatePicker-module_today-button__YgI7t {\n position: absolute;\n top: 0px;\n right: 5px;\n border: solid 2px #787878;\n border-radius: 6px;\n padding: 4px 8px;\n font-size: 18px;\n background-color: white;\n color: #787878;\n transition: all 0.1s ease-in-out;\n cursor: pointer;\n}\n.CalendarDatePicker-module_calendar-date-picker__-G7aY .CalendarDatePicker-module_today-button__YgI7t:hover {\n background-color: #f3f3f3;\n}\n.CalendarDatePicker-module_calendar-date-picker__-G7aY .CalendarDatePicker-module_today-button__YgI7t:active {\n background-color: #cfcfcf;\n}\n.CalendarDatePicker-module_calendar-date-picker__-G7aY .CalendarDatePicker-module_month-and-year__LHJ8I {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n text-align: center;\n font-size: 22px;\n padding: 10px 0px;\n}\n.CalendarDatePicker-module_calendar-date-picker__-G7aY .CalendarDatePicker-module_month-and-year__LHJ8I .CalendarDatePicker-module_month-input__sFUHA {\n width: fit-content;\n background-color: transparent;\n border: transparent;\n text-align: right;\n font-size: 24px;\n margin-right: 10px;\n color: #959595;\n cursor: pointer;\n}\n.CalendarDatePicker-module_calendar-date-picker__-G7aY .CalendarDatePicker-module_month-and-year__LHJ8I .CalendarDatePicker-module_month-input__sFUHA:focus {\n outline: transparent;\n}\n.CalendarDatePicker-module_calendar-date-picker__-G7aY .CalendarDatePicker-module_month-and-year__LHJ8I .CalendarDatePicker-module_month-input__sFUHA option {\n background-color: white;\n color: #959595;\n}\n.CalendarDatePicker-module_calendar-date-picker__-G7aY .CalendarDatePicker-module_month-and-year__LHJ8I .CalendarDatePicker-module_month-input__sFUHA option:disabled {\n color: #cfcfcf;\n}\n.CalendarDatePicker-module_calendar-date-picker__-G7aY .CalendarDatePicker-module_week-days__j2XJ- {\n display: flex;\n align-items: center;\n border-bottom: 1px solid #ebebeb;\n}\n.CalendarDatePicker-module_calendar-date-picker__-G7aY .CalendarDatePicker-module_week-days__j2XJ- p {\n width: 14.2857142857%;\n margin: 0px;\n text-align: center;\n}');var N="InputBoxWithConfirmation-module_div-wrapper__DdQ1-",z="InputBoxWithConfirmation-module_focused__C6kd0",I="InputBoxWithConfirmation-module_input-box-with-confirmation__W4NkN",W="InputBoxWithConfirmation-module_button-for-input-box-with-confirmation__qUi-Y";function F(e,n,l=[]){t((()=>{function t(t){e.current&&!e.current.contains(t.target)&&l.every((e=>e.current!==t.target))&&n()}return document.addEventListener("mousedown",t),()=>{document.removeEventListener("mousedown",t)}}),[e,n,l])}y(".InputBoxWithConfirmation-module_div-wrapper__DdQ1- {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n border: solid 1px rgb(184, 184, 184);\n background-color: rgb(250, 250, 250);\n border-radius: 8px;\n transition: border 0.3s;\n cursor: text;\n}\n.InputBoxWithConfirmation-module_div-wrapper__DdQ1-.InputBoxWithConfirmation-module_focused__C6kd0 {\n border-color: #218dec;\n}\n.InputBoxWithConfirmation-module_div-wrapper__DdQ1- .InputBoxWithConfirmation-module_input-box-with-confirmation__W4NkN {\n box-sizing: border-box;\n padding: 10px 2ch;\n min-width: 10ch;\n text-align: center;\n border: none;\n background-color: transparent;\n font-size: 16px;\n font-weight: 600;\n color: dimgray;\n transition: all 0.2s;\n}\n.InputBoxWithConfirmation-module_div-wrapper__DdQ1- .InputBoxWithConfirmation-module_input-box-with-confirmation__W4NkN::-webkit-inner-spin-button {\n display: none;\n}\n.InputBoxWithConfirmation-module_div-wrapper__DdQ1- .InputBoxWithConfirmation-module_input-box-with-confirmation__W4NkN:focus {\n outline: none;\n}\n.InputBoxWithConfirmation-module_div-wrapper__DdQ1- .InputBoxWithConfirmation-module_button-for-input-box-with-confirmation__qUi-Y {\n position: absolute;\n right: 0px;\n background-color: transparent;\n color: rgb(158, 158, 158);\n width: 32px;\n height: 32px;\n border-radius: 16px;\n font-size: 16px;\n border: none;\n cursor: pointer;\n transition: all 0.2s;\n}\n.InputBoxWithConfirmation-module_div-wrapper__DdQ1- .InputBoxWithConfirmation-module_button-for-input-box-with-confirmation__qUi-Y:focus {\n outline: none;\n}\n.InputBoxWithConfirmation-module_div-wrapper__DdQ1- .InputBoxWithConfirmation-module_button-for-input-box-with-confirmation__qUi-Y:hover {\n background-color: rgb(241, 241, 241);\n color: var(--primary-color);\n}");const T=({onConfirmAction:o,inputType:r="text",minimumValue:i="",maximumValue:s="",maxLength:u,placeholder:_="",divWrapperCustomStyle:m,inputBoxCustomStyle:p,defaultValue:b,overrideCurrentValue:g,showConfirmationButton:h,disabled:f})=>{const y=a(null),S=a(null),[v,x]=n(void 0!==b?String(b):""),[w,C]=n(void 0!==b?String(b):""),[k,M]=n(!1),E=()=>{if(!w&&"0"!==w&&""!==w)return v;if("number"===r){let e=Number(w);return""!==i&&e<Number(i)?e=Number(i):""!==s&&e>Number(s)&&(e=Number(s)),String(e)}return w},D=()=>{const e=E();C(e),e&&(o(e),x(e))};return F(S,(()=>{k&&(h?C(v):D(),M(!1))})),t((()=>{void 0!==g?(C(String(g)),x(String(g))):null===g&&(C(""),x(""))}),[g]),e.createElement("div",{ref:S,style:m,className:`${N} ${k?z:""}`,onClick:()=>{y.current&&y.current.focus()}},e.createElement("input",{ref:y,disabled:f,className:I,type:r,style:Object.assign({width:`${((null==w?void 0:w.length)?w.length:0)+7}ch`},p),min:i,max:s,maxLength:u,placeholder:_,value:k?w:v,onClick:e=>{e.stopPropagation()},onChange:e=>{let n=e.target.value;u&&n.length>u&&(n=n.slice(0,u)),C(n)},onFocus:e=>{x(e.target.value),C(e.target.value),M(!0)},onKeyDown:e=>{"Enter"===e.key\|\|"NumpadEnter"===e.key\|\|"Tab"===e.key?(D(),M(!1),y.current&&y.current.blur()):"Escape"!==e.key&&"Esc"!==e.key\|\|(C(v),M(!1),y.current&&y.current.blur())}}),!f&&h&&e.createElement(l,null,k?e.createElement("button",{title:"Confirm",type:"button",className:W,onClick:()=>{D(),M(!1)}},e.createElement(d,null)):e.createElement("button",{title:"Edit",type:"button",className:W,onClick:()=>{y.current&&y.current.focus()}},e.createElement(c,null))))};var O={"calendar-scrollable-section":"CalendarScrollableSection-module_calendar-scrollable-section__uzWbW","days-grid":"CalendarScrollableSection-module_days-grid__lN--o","days-row":"CalendarScrollableSection-module_days-row__wqsnT","day-cell":"CalendarScrollableSection-module_day-cell__CvovF",day:"CalendarScrollableSection-module_day__dS5iz",background:"CalendarScrollableSection-module_background__EwVgU","first-half":"CalendarScrollableSection-module_first-half__p9Eie","second-half":"CalendarScrollableSection-module_second-half__fyESG",today:"CalendarScrollableSection-module_today__zqpHy","in-month":"CalendarScrollableSection-module_in-month__vbbx-","not-in-month":"CalendarScrollableSection-module_not-in-month__-3eLq",selected:"CalendarScrollableSection-module_selected__y4L6S","check-in":"CalendarScrollableSection-module_check-in__Nl1mo","check-out":"CalendarScrollableSection-module_check-out__ShFpZ","not-selectable":"CalendarScrollableSection-module_not-selectable__mba-l","out-of-selection":"CalendarScrollableSection-module_out-of-selection__Upoeg","cross-line":"CalendarScrollableSection-module_cross-line__lsB3g",crossed:"CalendarScrollableSection-module_crossed__trZeE"};function G(e){return 0===e.getDay()?6:e.getDay()-1}function L(e){const n=e=>Number(e)<10?"-0":"-";return e.getFullYear().toString().concat(n(e.getMonth()+1),(e.getMonth()+1).toString().concat(n(e.getDate()),e.getDate().toString()))}y('@property --angle {\n sintax: "<angle>";\n inherits: false;\n initial-value: 270deg;\n}\n@property --color-default {\n sintax: "<color>";\n inherits: false;\n initial-value: white;\n}\n@property --color-selected {\n sintax: "<color>";\n inherits: false;\n initial-value: #e3f3e3;\n}\n@property --percentage-default {\n sintax: "<percentage>";\n inherits: false;\n initial-value: 100%;\n}\n@property --percentage-selected {\n sintax: "<percentage>";\n inherits: false;\n initial-value: 0%;\n}\n.CalendarScrollableSection-module_calendar-scrollable-section__uzWbW {\n width: 100%;\n aspect-ratio: 1/1;\n overflow-y: scroll;\n -ms-overflow-style: none;\n scrollbar-width: none;\n border-bottom: 1px solid #ebebeb;\n}\n.CalendarScrollableSection-module_calendar-scrollable-section__uzWbW::-webkit-scrollbar {\n display: none;\n}\n.CalendarScrollableSection-module_calendar-scrollable-section__uzWbW .CalendarScrollableSection-module_days-grid__lN--o {\n width: 100%;\n}\n.CalendarScrollableSection-module_calendar-scrollable-section__uzWbW .CalendarScrollableSection-module_days-grid__lN--o .CalendarScrollableSection-module_days-row__wqsnT {\n width: 100%;\n display: flex;\n align-items: center;\n}\n.CalendarScrollableSection-module_calendar-scrollable-section__uzWbW .CalendarScrollableSection-module_days-grid__lN--o .CalendarScrollableSection-module_days-row__wqsnT .CalendarScrollableSection-module_day-cell__CvovF {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 14.2857142857%;\n aspect-ratio: 1/1;\n}\n.CalendarScrollableSection-module_calendar-scrollable-section__uzWbW .CalendarScrollableSection-module_days-grid__lN--o .CalendarScrollableSection-module_days-row__wqsnT .CalendarScrollableSection-module_day-cell__CvovF .CalendarScrollableSection-module_day__dS5iz {\n position: relative;\n --angle: 270deg;\n --color-default: #f3f3f3;\n --color-selected: #b7d4b6;\n --percentage-default: 100%;\n --percentage-selected: 0%;\n display: flex;\n align-items: center;\n justify-content: center;\n width: calc(100% - 8px);\n height: calc(100% - 8px);\n margin: 0px;\n border-radius: 1000px;\n overflow: hidden;\n user-select: none;\n transition: all 0.5s ease-in-out;\n cursor: pointer;\n}\n.CalendarScrollableSection-module_calendar-scrollable-section__uzWbW .CalendarScrollableSection-module_days-grid__lN--o .CalendarScrollableSection-module_days-row__wqsnT .CalendarScrollableSection-module_day-cell__CvovF .CalendarScrollableSection-module_day__dS5iz p {\n z-index: 2;\n margin: 0px;\n}\n.CalendarScrollableSection-module_calendar-scrollable-section__uzWbW .CalendarScrollableSection-module_days-grid__lN--o .CalendarScrollableSection-module_days-row__wqsnT .CalendarScrollableSection-module_day-cell__CvovF .CalendarScrollableSection-module_day__dS5iz .CalendarScrollableSection-module_background__EwVgU {\n z-index: 1;\n position: absolute;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 100%;\n transform: rotate(var(--angle));\n transition: all 0.5s ease-in-out;\n}\n.CalendarScrollableSection-module_calendar-scrollable-section__uzWbW .CalendarScrollableSection-module_days-grid__lN--o .CalendarScrollableSection-module_days-row__wqsnT .CalendarScrollableSection-module_day-cell__CvovF .CalendarScrollableSection-module_day__dS5iz .CalendarScrollableSection-module_background__EwVgU .CalendarScrollableSection-module_first-half__p9Eie {\n width: var(--percentage-default);\n height: 100%;\n background-color: var(--color-default);\n transition: all 0.3s ease-in-out;\n}\n.CalendarScrollableSection-module_calendar-scrollable-section__uzWbW .CalendarScrollableSection-module_days-grid__lN--o .CalendarScrollableSection-module_days-row__wqsnT .CalendarScrollableSection-module_day-cell__CvovF .CalendarScrollableSection-module_day__dS5iz .CalendarScrollableSection-module_background__EwVgU .CalendarScrollableSection-module_second-half__fyESG {\n width: var(--percentage-selected);\n height: 100%;\n background-color: var(--color-selected);\n transition: all 0.3s ease-in-out;\n}\n.CalendarScrollableSection-module_calendar-scrollable-section__uzWbW .CalendarScrollableSection-module_days-grid__lN--o .CalendarScrollableSection-module_days-row__wqsnT .CalendarScrollableSection-module_day-cell__CvovF .CalendarScrollableSection-module_day__dS5iz.CalendarScrollableSection-module_today__zqpHy {\n outline: solid 2px #787878;\n}\n.CalendarScrollableSection-module_calendar-scrollable-section__uzWbW .CalendarScrollableSection-module_days-grid__lN--o .CalendarScrollableSection-module_days-row__wqsnT .CalendarScrollableSection-module_day-cell__CvovF .CalendarScrollableSection-module_day__dS5iz.CalendarScrollableSection-module_in-month__vbbx- {\n color: var(--medium-gray, #787878);\n}\n.CalendarScrollableSection-module_calendar-scrollable-section__uzWbW .CalendarScrollableSection-module_days-grid__lN--o .CalendarScrollableSection-module_days-row__wqsnT .CalendarScrollableSection-module_day-cell__CvovF .CalendarScrollableSection-module_day__dS5iz.CalendarScrollableSection-module_not-in-month__-3eLq {\n opacity: 0.35;\n}\n.CalendarScrollableSection-module_calendar-scrollable-section__uzWbW .CalendarScrollableSection-module_days-grid__lN--o .CalendarScrollableSection-module_days-row__wqsnT .CalendarScrollableSection-module_day-cell__CvovF .CalendarScrollableSection-module_day__dS5iz.CalendarScrollableSection-module_selected__y4L6S {\n --percentage-default: 0%;\n --percentage-selected: 100%;\n}\n.CalendarScrollableSection-module_calendar-scrollable-section__uzWbW .CalendarScrollableSection-module_days-grid__lN--o .CalendarScrollableSection-module_days-row__wqsnT .CalendarScrollableSection-module_day-cell__CvovF .CalendarScrollableSection-module_day__dS5iz.CalendarScrollableSection-module_check-in__Nl1mo {\n --angle: 405deg;\n --color-default: #f3f3f3;\n --percentage-default: 50%;\n --percentage-selected: 50%;\n}\n.CalendarScrollableSection-module_calendar-scrollable-section__uzWbW .CalendarScrollableSection-module_days-grid__lN--o .CalendarScrollableSection-module_days-row__wqsnT .CalendarScrollableSection-module_day-cell__CvovF .CalendarScrollableSection-module_day__dS5iz.CalendarScrollableSection-module_check-out__ShFpZ {\n --angle: 225deg;\n --color-default: #f3f3f3;\n --percentage-default: 50%;\n --percentage-selected: 50%;\n}\n.CalendarScrollableSection-module_calendar-scrollable-section__uzWbW .CalendarScrollableSection-module_days-grid__lN--o .CalendarScrollableSection-module_days-row__wqsnT .CalendarScrollableSection-module_day-cell__CvovF .CalendarScrollableSection-module_day__dS5iz.CalendarScrollableSection-module_not-selectable__mba-l {\n cursor: not-allowed;\n}\n.CalendarScrollableSection-module_calendar-scrollable-section__uzWbW .CalendarScrollableSection-module_days-grid__lN--o .CalendarScrollableSection-module_days-row__wqsnT .CalendarScrollableSection-module_day-cell__CvovF .CalendarScrollableSection-module_day__dS5iz.CalendarScrollableSection-module_out-of-selection__Upoeg {\n opacity: 0.1;\n cursor: not-allowed;\n}\n.CalendarScrollableSection-module_calendar-scrollable-section__uzWbW .CalendarScrollableSection-module_days-grid__lN--o .CalendarScrollableSection-module_days-row__wqsnT .CalendarScrollableSection-module_day-cell__CvovF .CalendarScrollableSection-module_cross-line__lsB3g {\n z-index: 2;\n position: absolute;\n width: 120%;\n height: 3px;\n background-color: #bbb;\n transform: rotate(-45deg);\n display: none;\n}\n.CalendarScrollableSection-module_calendar-scrollable-section__uzWbW .CalendarScrollableSection-module_days-grid__lN--o .CalendarScrollableSection-module_days-row__wqsnT .CalendarScrollableSection-module_day-cell__CvovF.CalendarScrollableSection-module_crossed__trZeE .CalendarScrollableSection-module_cross-line__lsB3g {\n display: block;\n}');const j=["enero","febrero","marzo","abril","mayo","junio","julio","agosto","septiembre","octubre","noviembre","diciembre"],R=["january","february","march","april","may","june","july","august","september","october","november","december"];function Y(e,n){return`${("es_ES"===n?j:R)[e.getMonth()]} ${e.getFullYear()}`}function B(e){const n=(l=e,new Date(l.getFullYear(),l.getMonth()+1,0).getDate());var l;const t=e.getFullYear(),a=e.getMonth(),o=n-(7-G(new Date(t,a,1)));return Math.ceil(o/7)+1}const A=(e,n)=>{const l=(n,l)=>{const t=new Date(n,l,1),a=new Date(e.minimumDate.getFullYear(),e.minimumDate.getMonth(),1),o=new Date(e.maximumDate.getFullYear(),e.maximumDate.getMonth()+1,0),r=t.valueOf()<a.valueOf(),i=t.valueOf()>o.valueOf();return!r&&!i},t={setMonth:()=>l(e.year,n.value)?Object.assign(Object.assign({},e),{month:n.value}):Object.assign({},e),setYear:()=>l(n.value,e.month)?Object.assign(Object.assign({},e),{year:n.value}):Object.assign({},e),setMinimumDate:()=>Object.assign(Object.assign({},e),{minimumDate:new Date(n.value)}),setMaximumdate:()=>Object.assign(Object.assign({},e),{maximumDate:new Date(n.value)}),changeByMonthOffset:()=>{const t=new Date(e.year,e.month+n.value,1);return l(e.year,e.month+n.value)?Object.assign(Object.assign({},e),{year:t.getFullYear(),month:t.getMonth()}):Object.assign({},e)}}[n.type]();return t\|\|Object.assign({},e)},H=({dates:n,month:l,year:r,mode:i,onSelectedDatesChange:d,onFocusedMonth:c,customDates:s=[],minimumDate:u=new Date(1970,0,1),maximumDate:_=new Date((new Date).getFullYear()+100,1,1)})=>{const[m,p]=o(A,{month:l,year:r,minimumDate:u,maximumDate:_}),b=a(null),g=e=>!s.some((n=>n.dates.some((n=>n.valueOf()===e.valueOf()))&&!n.selectable)),h=e=>{let n=O["day-cell"];return s.some((n=>n.dates.some((n=>n.valueOf()===e.valueOf()))&&n.crossed))&&(n+=` ${O.crossed}`),n},f=e=>{let l=O.day;L(e)===L(new Date)&&(l+=` ${O.today}`),e.getMonth()===m.month?l+=` ${O["in-month"]}`:l+=` ${O["not-in-month"]}`;const t=n.some((n=>n.valueOf()===e.valueOf())),a=("range"===i\|\|"booking"===i)&&2===n.length&&n[0].valueOf()<e.valueOf()&&e.valueOf()<n[1].valueOf();if((t\|\|a)&&(l+=` ${O.selected}`),"booking"===i){2===n.length&&e.valueOf()===n[0].valueOf()&&(l+=` ${O["check-in"]}`);2===n.length&&e.valueOf()===n[1].valueOf()&&(l+=` ${O["check-out"]}`)}g(e)?l+=` ${O.selectable}`:l+=` ${O["not-selectable"]}`;return(e.valueOf()<u.valueOf()\|\|e.valueOf()>_.valueOf())&&(l+=` ${O["out-of-selection"]}`),l},y=e=>{const n=s.find((n=>n.dates.some((n=>n.valueOf()===e.valueOf()))));return n?{backgroundColor:n.color}:void 0};return t((()=>{b.current&&(b.current.scrollTop=b.current.scrollHeight/52)}),[]),t((()=>{c(m.month,m.year)}),[m.year,m.month,c]),e.createElement("section",{ref:b,className:O["calendar-scrollable-section"],onScroll:e=>{const n=e.target,l=n.scrollHeight/5,t=1.25l,a=2.75l;n.scrollTop<t&&p({type:"changeByMonthOffset",value:-1}),n.scrollTop>a&&p({type:"changeByMonthOffset",value:1})}},Array(5).fill(0).map(((l,t)=>{const a=t-2,o=new Date(m.year,m.month+a,1),r=0===new Date(m.year,m.month+a+1,0).getDay();let c=B(o);r\|\|(c-=1);const p=G(o);return e.createElement("div",{className:O["days-grid"],key:`grid:${L(o)}}`},Array(c).fill(0).map(((l,t)=>e.createElement("div",{className:O["days-row"],key:`grid:${L(o)}-row:${t}`},Array(7).fill(0).map(((l,o)=>{const r=m.month+a,c=7t+o+1-p,b=new Date(m.year,r,c);return e.createElement("div",{className:h(b),key:L(b),onClick:()=>(e=>{if(s.forEach((n=>{n.dates.some((n=>n.valueOf()===e.valueOf()))&&(n.clickSideEffect&&n.clickSideEffect(e),n.clearSelectionIfClicked)&&d([])})),!g(e))return;if(e.valueOf()<u.valueOf()\|\|e.valueOf()>_.valueOf())return;let l=[...n];"single"===i&&(l=[e]),"multiple"===i&&(l=n.some((n=>n.valueOf()===e.valueOf()))?n.filter((n=>n.valueOf()!==e.valueOf())):[...n,e]),"range"===i&&(l=0===n.length?[e]:1===n.length?n[0].valueOf()<e.valueOf()?[...n,e]:[e,n[0]]:[]),"booking"===i&&(l=0===n.length?[e]:n[0].valueOf()===e.valueOf()?[]:1===n.length?n[0].valueOf()<e.valueOf()?[...n,e]:[e,n[0]]:[]),d(l)})(b)},e.createElement("div",{className:O["cross-line"]}),e.createElement("div",{className:f(b)},e.createElement("div",{className:O.background},e.createElement("div",{className:O["first-half"],style:y(b)}),e.createElement("div",{className:O["second-half"],style:y(b)})),e.createElement("p",null,b.getDate())))}))))))})))},P={en:{january:"january",february:"february",march:"march",april:"april",may:"may",june:"june",july:"july",august:"august",september:"september",october:"october",november:"november",december:"december",monday:"monday",tuesday:"tuesday",wednesday:"wednesday",thursday:"thursday",friday:"friday",saturday:"saturday",sunday:"sunday",today:"today"},es:{january:"enero",february:"febrero",march:"marzo",april:"abril",may:"mayo",june:"junio",july:"julio",august:"agosto",september:"septiembre",october:"octubre",november:"noviembre",december:"diciembre",monday:"lunes",tuesday:"martes",wednesday:"miércoles",thursday:"jueves",friday:"viernes",saturday:"sábado",sunday:"domingo",today:"hoy"}},J=(e,n)=>{switch(e){case 0:return P[n].january;case 1:return P[n].february;case 2:return P[n].march;case 3:return P[n].april;case 4:return P[n].may;case 5:return P[n].june;case 6:return P[n].july;case 7:return P[n].august;case 8:return P[n].september;case 9:return P[n].october;case 10:return P[n].november;case 11:return P[n].december;default:return""}},$=({mode:l,onSelectedDatesChange:t=()=>{},language:a="en",customDates:o=[],minimumDate:r=new Date(1970,0,1),maximumDate:i=new Date((new Date).getFullYear()+100,1,1),customStyle:d})=>{const[c,s]=n([]),[u,_]=n((new Date).getFullYear()),[m,p]=n((new Date).getMonth()),[b,g]=n(Math.random()),h=e=>{const n=new Date(r.getFullYear(),r.getMonth(),1),l=new Date(i.getFullYear(),i.getMonth()+1,0),t=e.valueOf()>=n.valueOf(),a=e.valueOf()<=l.valueOf();return t&&a};return e.createElement("div",{className:C,style:d},e.createElement("button",{className:k,onClick:()=>{const e=new Date;h(e)&&(p(e.getMonth()),_(e.getFullYear()),g(Math.random()))}},P[a].today.slice(0,1).toUpperCase()+P[a].today.slice(1)),e.createElement("section",{className:M},e.createElement("select",{style:{fontFamily:null==d?void 0:d.fontFamily},className:E,value:m,onChange:e=>{const n=Number(e.target.value);p(n),g(Math.random())}},Array(12).fill(0).map(((n,l)=>{const t=new Date(u,l,1),o=!h(t);return e.createElement("option",{key:J(l,a),value:l,disabled:o},J(l,a))}))),e.createElement(T,{inputType:"number",divWrapperCustomStyle:{width:"4ch",border:"none",backgroundColor:"transparent",fontFamily:null==d?void 0:d.fontFamily},inputBoxCustomStyle:{padding:0,fontFamily:null==d?void 0:d.fontFamily,fontSize:24},maxLength:4,defaultValue:u.toString(),overrideCurrentValue:u.toString(),minimumValue:r.getFullYear().toString(),maximumValue:i.getFullYear().toString(),onConfirmAction:e=>{let n=Number(e);const l=new Date(n,m,1);h(l)?(_(n),g(Math.random())):l.valueOf()<r.valueOf()?(_(r.getFullYear()),p(r.getMonth()),g(Math.random())):l.valueOf()>i.valueOf()&&(_(i.getFullYear()),p(i.getMonth()),g(Math.random()))}})),e.createElement("section",{className:D},e.createElement("p",null,P[a].monday.slice(0,1).toUpperCase()),e.createElement("p",null,P[a].tuesday.slice(0,1).toUpperCase()),e.createElement("p",null,P[a].wednesday.slice(0,1).toUpperCase()),e.createElement("p",null,P[a].thursday.slice(0,1).toUpperCase()),e.createElement("p",null,P[a].friday.slice(0,1).toUpperCase()),e.createElement("p",null,P[a].saturday.slice(0,1).toUpperCase()),e.createElement("p",null,P[a].sunday.slice(0,1).toUpperCase())),e.createElement(H,{key:b,dates:c,year:u,month:m,mode:l,onSelectedDatesChange:e=>{t(e),s(e)},onFocusedMonth:(e,n)=>{p(e),_(n)},customDates:o,minimumDate:r,maximumDate:i}))};var Z="IntegerControl-module_integer-control__-tzTl",X="IntegerControl-module_default__FJoED";y(".IntegerControl-module_integer-control__-tzTl {\n display: flex;\n align-items: center;\n -webkit-tap-highlight-color: transparent;\n}\n.IntegerControl-module_integer-control__-tzTl button {\n border: none;\n background: none;\n padding: 0;\n margin: 0;\n}\n.IntegerControl-module_integer-control__-tzTl button svg {\n height: 44px;\n width: 44px;\n fill: #c9c9c9;\n transition: fill 100ms ease-in-out;\n cursor: pointer;\n}\n.IntegerControl-module_integer-control__-tzTl button svg:active {\n fill: #787878;\n}\n.IntegerControl-module_integer-control__-tzTl input {\n border: none;\n background: none;\n padding: 0;\n color: #414141;\n text-align: center;\n font-family: Arial, Helvetica, sans-serif;\n font-size: 32px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n min-width: 50px;\n transition: color 300ms ease-in-out;\n}\n.IntegerControl-module_integer-control__-tzTl input::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n}\n.IntegerControl-module_integer-control__-tzTl input:focus {\n outline: transparent;\n}\n.IntegerControl-module_integer-control__-tzTl.IntegerControl-module_default__FJoED input {\n color: #787878;\n}");const q=({onChange:l=()=>{},defaultValue:t=0,minimumValue:a,maximumValue:o,customStyle:r})=>{const[i,d]=n(t),c=e=>{let n=e;(a\|\|0===a)&&e<a?n=a:(o\|\|0===o)&&e>o&&(n=o),d(n),l(n)};return e.createElement("div",{className:`${Z} ${i===t?X:""}`,style:r},e.createElement("button",{onClick:()=>c(i-1)},e.createElement(b,null)),e.createElement("input",{onChange:e=>c(Number(e.target.value)),value:i,type:"number",min:String(a),max:String(o),style:{width:i.toString().length+1+"ch"}}),e.createElement("button",{onClick:()=>c(i+1)},e.createElement(g,null)))};var V="LabeledInput-module_labeled-input__xzE4h",U="LabeledInput-module_error-message__5-9lv";y(".LabeledInput-module_labeled-input__xzE4h {\n position: relative;\n border-radius: 8px;\n border: 2px solid #959595;\n padding: 0px 28px;\n background: #fff;\n box-sizing: border-box;\n transition: all 200ms ease-in-out;\n cursor: pointer;\n}\n.LabeledInput-module_labeled-input__xzE4h label {\n z-index: 1;\n position: absolute;\n color: #959595;\n font-family: Arial, Helvetica, sans-serif;\n font-size: 20px;\n font-style: normal;\n font-weight: 400;\n line-height: normal;\n top: 50%;\n left: 28px;\n padding: 0;\n height: 2px;\n display: flex;\n align-items: center;\n transition: all 250ms ease-in-out;\n -webkit-user-select: none;\n user-select: none;\n}\n.LabeledInput-module_labeled-input__xzE4h label[data-is-shrinked=true] {\n top: -2px;\n left: 10px;\n font-weight: 600;\n font-size: 12px;\n padding: 0px 5px;\n}\n.LabeledInput-module_labeled-input__xzE4h input {\n z-index: 2;\n position: absolute;\n top: calc(50% - 12px);\n height: 24px;\n width: calc(100% - 56px);\n border: none;\n outline: transparent;\n background: transparent;\n font-family: Arial, Helvetica, sans-serif;\n font-size: 20px;\n font-style: normal;\n font-weight: 400;\n line-height: normal;\n color: #959595;\n padding: 0;\n cursor: pointer;\n}\n.LabeledInput-module_labeled-input__xzE4h input:focus {\n outline: transparent;\n cursor: text;\n}\n.LabeledInput-module_labeled-input__xzE4h[data-has-error=true] {\n border-color: #f34d1b;\n}\n.LabeledInput-module_labeled-input__xzE4h[data-has-error=true] label {\n color: #e17959;\n}\n.LabeledInput-module_labeled-input__xzE4h .LabeledInput-module_error-message__5-9lv {\n position: absolute;\n margin: 0;\n top: calc(100% + 5px);\n left: 5px;\n color: #f34d1b;\n font-family: Arial, Helvetica, sans-serif;\n font-size: 12px;\n font-style: normal;\n font-weight: 400;\n line-height: normal;\n padding: 0;\n transition: all 200ms ease-in-out;\n}");const Q=({label:l,defaultValue:o,onChange:r=()=>{},width:i="328px",height:d="66px",backgroundColor:c="white",textAlign:s="left",highlightError:u=!1,errorMessage:_,inputProps:m,specialType:p})=>{const b=a(null),[g,h]=n(!1);return t((()=>{o&&h(!0)}),[o]),e.createElement("div",{className:V,"data-has-error":u,onClick:()=>{b.current&&b.current.focus()},style:{width:i,height:d,backgroundColor:c}},e.createElement("label",{"data-is-shrinked":g,style:{backgroundColor:c}},l),e.createElement("input",Object.assign({ref:b},m,{onFocus:()=>h(!0),onBlur:e=>{e.target.value\|\|h(!1)},defaultValue:o,onChange:e=>{let n=e.target.value;switch(p){case"credit-card-number":n=(e=>{var n;const l=e.replace(/\D/g,"").slice(0,16);let t=l.match(/.{1,4}/g);return 15===l.length&&(t=[l.slice(0,5),l.slice(5,11),l.slice(11,16)]),null!==(n=null==t?void 0:t.join(" "))&&void 0!==n?n:""})(n);break;case"expiration-date":n=(e=>{var n;const l=e.replace(/\D/g,"").slice(0,4).match(/.{1,2}/g);return null!==(n=null==l?void 0:l.join(" / "))&&void 0!==n?n:""})(n);break;case"cvv":n=(e=>e.replace(/\D/g,"").slice(0,4))(n);break;case"phone":n=(e=>(e.startsWith("+")?"+":"")+e.replace(/\D/g,"").slice(0,15))(n)}e.target.value=n,r(n)},style:{textAlign:s}})),u&&_&&e.createElement("p",{className:U},_))};var K={"blured-background":"Modal-module_blured-background__Vw4vW","modal-appear":"Modal-module_modal-appear__XBiM-","modal-disappear":"Modal-module_modal-disappear__Ik1hU"};y(".Modal-module_blured-background__Vw4vW {\n position: fixed;\n width: 100vw;\n height: 100vh;\n -webkit-backdrop-filter: blur(10px);\n backdrop-filter: blur(10px);\n top: 0;\n left: 0;\n z-index: 1010;\n opacity: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n animation-duration: 450ms;\n animation-fill-mode: forwards;\n}\n.Modal-module_blured-background__Vw4vW[data-is-visible=true] {\n animation-name: Modal-module_modal-appear__XBiM-;\n}\n.Modal-module_blured-background__Vw4vW[data-is-visible=false] {\n animation-name: Modal-module_modal-disappear__Ik1hU;\n}\n\n@keyframes Modal-module_modal-appear__XBiM- {\n 0% {\n opacity: 0;\n -webkit-backdrop-filter: blur(0px);\n backdrop-filter: blur(0px);\n }\n 100% {\n opacity: 1;\n -webkit-backdrop-filter: blur(10px);\n backdrop-filter: blur(10px);\n }\n}\n@keyframes Modal-module_modal-disappear__Ik1hU {\n 0% {\n opacity: 1;\n -webkit-backdrop-filter: blur(10px);\n backdrop-filter: blur(10px);\n }\n 100% {\n opacity: 0;\n -webkit-backdrop-filter: blur(0px);\n backdrop-filter: blur(0px);\n }\n}");const ee=({children:l,overrideOpenState:a=!1,forced:o=!1,onOpen:r,onClose:i})=>{const[d,c]=n(a),[s,u]=n(a);return t((()=>{a?(c(!0),r&&r()):a\|\|(c(!1),i&&i())}),[a,r,i]),t((()=>{d?u(!0):d\|\|setTimeout((()=>{u(!1)}),500)}),[d]),s?h.createPortal(e.createElement("div",{className:K["blured-background"],"data-is-visible":d,onClick:()=>{o\|\|(c(!1),i&&i())}},e.createElement("div",null,e.createElement("div",{className:K.modal,"data-closed":!a,onClick:e=>{e.stopPropagation()}},l))),document.getElementById("root")\|\|document.body):e.createElement(e.Fragment,null)},ne=864e5;function le(e,n,l,t){null!==n.current&&(n.current.scrollLeft=(Date.parse(e.toString())-(Date.parse((new Date).toString())-lne))/net)}function te(n,l,t){let a=Date.parse((new Date).toString())-nne,o=Date.parse((new Date).toString())+lne,r=[],i=[];for(let n=0;nne+a<o;n++){let l=new Date(nen+a),o=l;o.setDate(1),o.setHours(12,0,0,0);let d=Y(l,t);i.includes(d)\|\|(i.push(d),r.push(e.createElement("option",{key:L(o),value:L(o)},d)))}return r}var ae={multicalendar:"Multicalendar-module_multicalendar__koIJg","div-upper-left-component":"Multicalendar-module_div-upper-left-component__BL2vu",controls:"Multicalendar-module_controls__Ryigr","div-dates-navigation":"Multicalendar-module_div-dates-navigation__N4Dna","div-aditional-controls-components":"Multicalendar-module_div-aditional-controls-components__ElQQF","vertical-axis":"Multicalendar-module_vertical-axis__otLXf","div-list-element-column":"Multicalendar-module_div-list-element-column__MSfNT","horizontal-axis":"Multicalendar-module_horizontal-axis__cn4Nh","div-weeks-buttons":"Multicalendar-module_div-weeks-buttons__37T5W","past-week-button":"Multicalendar-module_past-week-button__X8k5t","next-week-button":"Multicalendar-module_next-week-button__l1DCS","div-dates-row":"Multicalendar-module_div-dates-row__5CKuX","div-main-container":"Multicalendar-module_div-main-container__wMIlM","main-container":"Multicalendar-module_main-container__DZjT2"};y('.Multicalendar-module_multicalendar__koIJg {\n display: grid;\n color: black;\n width: 100%;\n height: 100%;\n grid-template-areas: "fil con" "fil hor" "ver gri";\n text-align: center;\n transition: 0.5s;\n}\n.Multicalendar-module_multicalendar__koIJg .Multicalendar-module_div-upper-left-component__BL2vu {\n grid-area: fil;\n position: relative;\n width: 100%;\n height: 100%;\n z-index: 2;\n background-color: white;\n border-bottom: 1px solid rgb(235, 235, 235);\n border-right: 1px solid rgb(235, 235, 235);\n box-sizing: border-box;\n display: flex;\n flex-flow: column;\n justify-content: center;\n align-items: center;\n}\n.Multicalendar-module_multicalendar__koIJg .Multicalendar-module_controls__Ryigr {\n grid-area: con;\n height: 100%;\n padding: 2px;\n box-sizing: border-box;\n display: flex;\n align-items: center;\n justify-content: space-between;\n flex-wrap: wrap-reverse;\n box-sizing: border-box;\n border-bottom: var(--border-tenues);\n}\n.Multicalendar-module_multicalendar__koIJg .Multicalendar-module_controls__Ryigr .Multicalendar-module_div-dates-navigation__N4Dna {\n display: flex;\n align-items: center;\n}\n.Multicalendar-module_multicalendar__koIJg .Multicalendar-module_controls__Ryigr .Multicalendar-module_div-dates-navigation__N4Dna button {\n cursor: pointer;\n margin: 0px;\n position: relative;\n text-align: center;\n text-decoration: none;\n border: 1px solid rgb(216, 216, 216);\n padding: 4px 8px;\n box-sizing: border-box;\n color: black;\n font-size: 14px;\n touch-action: manipulation;\n border-radius: 6px;\n background: rgb(255, 255, 255);\n font-weight: normal;\n height: calc(100% - 16px);\n}\n.Multicalendar-module_multicalendar__koIJg .Multicalendar-module_controls__Ryigr .Multicalendar-module_div-aditional-controls-components__ElQQF {\n display: flex;\n justify-content: flex-end;\n align-items: center;\n flex-grow: 1;\n}\n.Multicalendar-module_multicalendar__koIJg .Multicalendar-module_div-upper-left-component__BL2vu {\n grid-area: fil;\n position: relative;\n width: 100%;\n height: 100%;\n z-index: 2;\n background-color: white;\n border-bottom: 1px solid rgb(235, 235, 235);\n border-right: 1px solid rgb(235, 235, 235);\n box-sizing: border-box;\n display: flex;\n flex-flow: column;\n justify-content: flex-end;\n}\n.Multicalendar-module_multicalendar__koIJg .Multicalendar-module_vertical-axis__otLXf {\n grid-area: ver;\n position: relative;\n width: 100%;\n height: 100%;\n box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 16px 5px;\n z-index: 1;\n}\n.Multicalendar-module_multicalendar__koIJg .Multicalendar-module_vertical-axis__otLXf .Multicalendar-module_div-list-element-column__MSfNT {\n height: 100%;\n overflow-y: scroll;\n box-sizing: border-box;\n}\n.Multicalendar-module_multicalendar__koIJg .Multicalendar-module_horizontal-axis__cn4Nh {\n grid-area: hor;\n position: relative;\n max-width: 100%;\n height: 90px;\n}\n.Multicalendar-module_multicalendar__koIJg .Multicalendar-module_horizontal-axis__cn4Nh .Multicalendar-module_div-weeks-buttons__37T5W {\n position: absolute;\n bottom: 0;\n width: 100%;\n height: 74px;\n}\n.Multicalendar-module_multicalendar__koIJg .Multicalendar-module_horizontal-axis__cn4Nh .Multicalendar-module_div-weeks-buttons__37T5W .Multicalendar-module_past-week-button__X8k5t,\n.Multicalendar-module_multicalendar__koIJg .Multicalendar-module_horizontal-axis__cn4Nh .Multicalendar-module_div-weeks-buttons__37T5W .Multicalendar-module_next-week-button__l1DCS {\n z-index: 2;\n position: absolute;\n background-color: transparent;\n border: none;\n height: 100%;\n width: 32px;\n font-size: 1em;\n color: var(--primary-color);\n border-radius: 6px;\n cursor: pointer;\n transition: all 0.3s;\n height: 75%;\n background: rgb(255, 255, 255);\n box-shadow: 0px 0px 8px 8px white;\n}\n.Multicalendar-module_multicalendar__koIJg .Multicalendar-module_horizontal-axis__cn4Nh .Multicalendar-module_div-weeks-buttons__37T5W .Multicalendar-module_past-week-button__X8k5t:hover,\n.Multicalendar-module_multicalendar__koIJg .Multicalendar-module_horizontal-axis__cn4Nh .Multicalendar-module_div-weeks-buttons__37T5W .Multicalendar-module_next-week-button__l1DCS:hover {\n background: rgb(247, 247, 247);\n box-shadow: 0px 0px 8px 8px rgb(247, 247, 247);\n}\n.Multicalendar-module_multicalendar__koIJg .Multicalendar-module_horizontal-axis__cn4Nh .Multicalendar-module_div-weeks-buttons__37T5W .Multicalendar-module_past-week-button__X8k5t:active,\n.Multicalendar-module_multicalendar__koIJg .Multicalendar-module_horizontal-axis__cn4Nh .Multicalendar-module_div-weeks-buttons__37T5W .Multicalendar-module_next-week-button__l1DCS:active {\n background: rgb(167, 167, 167);\n box-shadow: 0px 0px 8px 8px rgb(167, 167, 167);\n}\n.Multicalendar-module_multicalendar__koIJg .Multicalendar-module_horizontal-axis__cn4Nh .Multicalendar-module_div-weeks-buttons__37T5W .Multicalendar-module_past-week-button__X8k5t {\n left: 5px;\n}\n.Multicalendar-module_multicalendar__koIJg .Multicalendar-module_horizontal-axis__cn4Nh .Multicalendar-module_div-weeks-buttons__37T5W .Multicalendar-module_next-week-button__l1DCS {\n right: 5px;\n}\n.Multicalendar-module_multicalendar__koIJg .Multicalendar-module_horizontal-axis__cn4Nh .Multicalendar-module_div-dates-row__5CKuX {\n position: absolute;\n bottom: 0;\n width: 100%;\n overflow-x: scroll;\n border-bottom: 1px solid rgb(235, 235, 235);\n box-sizing: border-box;\n}\n.Multicalendar-module_multicalendar__koIJg .Multicalendar-module_div-main-container__wMIlM {\n grid-area: gri;\n height: 100%;\n position: relative;\n width: 100%;\n overflow: hidden;\n}\n.Multicalendar-module_multicalendar__koIJg .Multicalendar-module_main-container__DZjT2 {\n position: relative;\n min-width: 100%;\n height: 100%;\n overflow-x: scroll;\n}');var oe="DatesRow-module_dates-row__roAc0",re="DatesRow-module_date-cell__xzHPT",ie="DatesRow-module_div-date-cell__M2v60",de="DatesRow-module_month-start__5FSLx";y(".DatesRow-module_dates-row__roAc0 {\n box-sizing: border-box;\n display: flex;\n flex-flow: row;\n overflow-y: hidden;\n}\n.DatesRow-module_dates-row__roAc0 .DatesRow-module_date-cell__xzHPT {\n position: relative;\n}\n.DatesRow-module_dates-row__roAc0 .DatesRow-module_date-cell__xzHPT .DatesRow-module_div-date-cell__M2v60 {\n position: absolute;\n bottom: 0;\n width: 100%;\n height: 48px;\n display: flex;\n flex-flow: column;\n justify-content: center;\n align-items: center;\n}\n.DatesRow-module_dates-row__roAc0 .DatesRow-module_date-cell__xzHPT .DatesRow-module_div-date-cell__M2v60[data-is-today=true] {\n position: absolute;\n bottom: 0;\n width: 100%;\n height: 48px;\n display: flex;\n flex-flow: column;\n justify-content: center;\n align-items: center;\n}\n.DatesRow-module_dates-row__roAc0 .DatesRow-module_date-cell__xzHPT .DatesRow-module_div-date-cell__M2v60[data-is-today=true] div {\n border-radius: 4px;\n background: var(--primary-color, dimgray);\n color: rgb(255, 255, 255);\n font-size: 14px;\n line-height: 18px;\n font-weight: 800;\n width: 40px;\n height: 40px;\n padding: 1px 0;\n}\n.DatesRow-module_dates-row__roAc0 .DatesRow-module_date-cell__xzHPT .DatesRow-module_div-date-cell__M2v60 p {\n margin: 0;\n font-size: 14px;\n line-height: 18px;\n}\n.DatesRow-module_dates-row__roAc0 .DatesRow-module_date-cell__xzHPT .DatesRow-module_month-start__5FSLx {\n position: absolute;\n top: 0;\n height: 100%;\n box-sizing: border-box;\n border-left: 1px solid rgb(235, 235, 235);\n}\n.DatesRow-module_dates-row__roAc0 .DatesRow-module_date-cell__xzHPT .DatesRow-module_month-start__5FSLx p {\n margin: 0;\n font-size: 16px;\n line-height: 20px;\n font-weight: 600;\n white-space: nowrap;\n padding-left: 8px;\n padding-top: 8px;\n}");const ce=({visibleDates:n,width:l,height:t,cellsWidth:a,cellsHeight:o,offset:r,language:i})=>{const d={en_EN:{sunday:"Sunday",monday:"Monday",tuesday:"Tuesday",wednesday:"Wednesday",thursday:"Thursday",friday:"Friday",saturday:"Saturday",january:"January",february:"February",march:"March",april:"April",may:"May",june:"June",july:"July",august:"August",september:"September",october:"October",november:"November",december:"December"},es_ES:{sunday:"Domingo",monday:"Lunes",tuesday:"Martes",wednesday:"Miércoles",thursday:"Jueves",friday:"Viernes",saturday:"Sábado",january:"Enero",february:"Febrero",march:"Marzo",april:"Abril",may:"Mayo",june:"Junio",july:"Julio",august:"Agosto",september:"Septiembre",october:"Octubre",november:"Noviembre",december:"Diciembre"}},c=[d[i].sunday.slice(0,2),d[i].monday.slice(0,2),d[i].tuesday.slice(0,2),d[i].wednesday.slice(0,2),d[i].thursday.slice(0,2),d[i].friday.slice(0,2),d[i].saturday.slice(0,2)],s=[d[i].january,d[i].february,d[i].march,d[i].april,d[i].may,d[i].june,d[i].july,d[i].august,d[i].september,d[i].october,d[i].november,d[i].december];return e.createElement("div",{className:oe,style:{width:l,height:t,paddingLeft:ra}},n.length>0&&n.map((n=>e.createElement("div",{key:n.toString(),className:re,style:{width:a,height:o}},e.createElement("div",{className:ie,"data-is-today":n.getDate()===(new Date).getDate()&&n.getMonth()===(new Date).getMonth()&&n.getFullYear()===(new Date).getFullYear()},e.createElement("div",null,e.createElement("p",null,c[n.getDay()]),e.createElement("p",null,n.getDate()))),1===n.getDate()&&e.createElement("div",{className:de},e.createElement("p",null,s[n.getMonth()]," ",n.getFullYear()))))))};var se="ListElementsColumn-module_list-element-column__46wTg";y(".ListElementsColumn-module_list-element-column__46wTg {\n box-sizing: border-box;\n}");var ue="ListElement-module_list-element__t9ZwR";y(".ListElement-module_list-element__t9ZwR {\n position: relative;\n border-bottom: 1px solid rgb(235, 235, 235);\n box-sizing: border-box;\n background-color: white;\n cursor: pointer;\n overflow: hidden;\n}\n.ListElement-module_list-element__t9ZwR:hover {\n background-color: rgb(240, 240, 240);\n}");var _e=e.memo((({listElementId:n,ReactListElementChildren:l,height:t})=>e.createElement("div",{className:ue,style:{height:t}},e.createElement(l,{listElementId:n}))));const me=({ReactListElementChildren:n,listHeight:l,yOffset:t,elementsHeight:a,idsArray:o})=>e.createElement("div",{className:se,style:{height:l,paddingTop:ta}},o.map((l=>e.createElement(_e,{key:l,height:a,listElementId:l,ReactListElementChildren:n}))));var pe="DatesGrid-module_dates-grid__GvBcr",be="DatesGrid-module_div-cells-row-height__eRcXw";y(".DatesGrid-module_dates-grid__GvBcr {\n box-sizing: border-box;\n}\n.DatesGrid-module_dates-grid__GvBcr .DatesGrid-module_div-cells-row-height__eRcXw {\n box-sizing: border-box;\n}");var ge="CellsRow-module_cells-row__TJvv8";y(".CellsRow-module_cells-row__TJvv8 {\n display: flex;\n flex-flow: row;\n}");var he="Cell-module_cell__FNVcp";y(".Cell-module_cell__FNVcp {\n position: relative;\n border: 1px solid rgb(200, 200, 200);\n border-radius: 6px;\n}");var fe=e.memo((({date:n,listElementId:l,width:t,heigth:a,ReactCellChildren:o})=>e.createElement("div",{className:he,style:{width:t,height:a}},e.createElement(o,{date:n,listElementId:l}))));const ye=({listElementId:n,visibleDatesArray:l,width:t,height:a,cellsWidth:o,cellsHeight:r,ReactCellChildren:i})=>e.createElement("div",{className:ge,style:{width:t,height:a}},l.length>0&&l.map((l=>e.createElement(fe,{key:n+l.toString(),date:L(l),listElementId:n,width:o,heigth:r,ReactCellChildren:i})))),Se=({gridWidth:n,gridHeight:l,xOffset:t,yOffset:a,cellsWidth:o,cellsHeight:r,visibleListElementsIdsArray:i,visibleDates:d,ReactCellChildren:c})=>{const s=n-d.lengtho,u=to>s?s:to;return e.createElement("div",{className:pe,style:{width:n}},e.createElement("div",{className:be,style:{height:l,paddingTop:ar,paddingLeft:u}},i.map((n=>e.createElement(ye,{key:n,listElementId:n,visibleDatesArray:d,width:d.lengtho,height:r,cellsWidth:o,cellsHeight:r,ReactCellChildren:c})))))};var ve="DropdownMonthNavigation-module_dropdown-month-navigation__M-YCF";y(".DropdownMonthNavigation-module_dropdown-month-navigation__M-YCF {\n position: relative;\n display: flex;\n width: 200px;\n margin: 0px 10px;\n border: 1px solid rgb(216, 216, 216);\n color: black;\n background-color: white;\n border-radius: 6px;\n white-space: nowrap;\n font-size: 14px;\n line-height: 18px;\n height: 28px;\n}");const xe=({visibleMonth:n,visibleYear:l,onChangeAction:t,options:a})=>e.createElement("select",{title:"Select a month",className:ve,value:L(new Date(l,n,1,12,0,0,0)),onChange:e=>t(e.target.value)},a);function we(){const[e,l]=n([0,0]);return r((()=>{function e(){l([window.innerWidth,window.innerHeight])}return window.addEventListener("resize",e),e(),()=>window.removeEventListener("resize",e)}),[]),e}const Ce=e=>sessionStorage.getItem(`MulticalendarScrollTopPosition-${e}`),ke=e=>sessionStorage.getItem(`MulticalendarScrollLeftPosition-${e}`),Me={en_EN:{Today:"Today"},es_ES:{Today:"Hoy"}},Ee=({multicalendarId:l,ReactCellChildren:o,ReactListElementChildren:r,listElementsIdsArray:i,language:d="en_EN",pastDatesVisible:c=!0,cellsWidth:_=120,cellsHeight:m=80,verticalAxisWidth:p=280,pastDaysInitialQuantity:b=365,futureDaysInitialQuantity:g=365,chunkRenderX:h=0,chunkRenderY:f=0,dynamicDaysQuantity:y=!1,authomaticScrollOnDraggingOverEdges:S=!1,waitTimeForCalls:v=500,callsOnInitialView:x,callsOnScrollingStops:w,aditionalControlsComponents:C,upperLeftComponent:k,autoSavePosition:M,onScrollTopChanges:E,onScrollLeftChanges:D})=>{var N,z;const I=1+h,W=a(null),F=a(null),T=a(null),O=a(null),G=a(null),[L,j]=n(!1),[R,Y]=we(),[B,A]=n(Math.ceil(g)),[H,P]=n(c?Math.ceil(b):0),[J,$]=n(0),[Z,X]=n(0),[q,V]=n(1),[U,Q]=n(0),[K,ee]=n([]),[oe,re]=n([]),[ie,de]=n(!1),[se,ue]=n({x:ke(l)?Number(ke(l)):c?Math.ceil(b)_:0,y:Ce(l)?Number(Ce(l)):0}),[_e,pe]=n(se.x),[be,ge]=n(se.y),[he,fe]=n({x:se.x,y:se.y}),[ye,ve]=n(!1),[Ee,De]=n(new Date),[Ne,ze]=n(void 0),[Ie,We]=n(void 0),[Fe,Te]=n(void 0),[Oe,Ge]=n(!1),[Le,je]=n((null===(N=O.current)\|\|void 0===N?void 0:N.clientHeight)?O.current.clientHeight:0),[Re,Ye]=n((null===(z=G.current)\|\|void 0===z?void 0:z.clientHeight)?G.current.clientHeight:0),[Be,Ae]=n(!1);return t((()=>{ue({x:c?Math.ceil(b)_:0,y:0})}),[c,b,_]),t((()=>{T.current&&!1===ye&&(T.current.scrollTop=se.y,T.current.scrollLeft=se.x,ve(!0))}),[se.y,se.x,ye]),t((()=>(D&&D(_e),E&&E(be),()=>{M&&(be!==se.y&&((e,n)=>{sessionStorage.setItem(`MulticalendarScrollTopPosition-${e}`,n)})(l,String(be)),_e!==se.x&&((e,n)=>{sessionStorage.setItem(`MulticalendarScrollLeftPosition-${e}`,n)})(l,String(_e)))})),[M,be,_e,se.y,se.x]),t((()=>{P(c?Math.ceil(b):0)}),[c,b]),t((()=>{!L&&oe.length>0&&K.length>0&&x&&(j(!0),x(oe,K))}),[L,oe,K,x]),t((()=>{var e,n;const l=(null===(e=O.current)\|\|void 0===e?void 0:e.clientHeight)?O.current.clientHeight:0,t=(null===(n=G.current)\|\|void 0===n?void 0:n.clientHeight)?G.current.clientHeight:0;je(l),Ye(t),de(!0),$(Math.ceil((R-p)/_)+1),X(Math.ceil((Y-l-t)/m)+1),null!==T.current&&(pe(T.current.scrollLeft),fe({x:T.current.scrollLeft,y:T.current.scrollTop}),V(Math.floor(T.current.scrollLeft/_)-h))}),[R,Y,p,m,_,h]),t((()=>{if(he.x===se.x&&he.y===se.y\|\|Math.abs(he.y-be)/m>f\|\|ie){he.x===se.x&&he.y===se.y\|\|null!==T.current&&fe({x:T.current.scrollLeft,y:T.current.scrollTop});let e=function(e,n,l){let t=Math.floor(e/n)-l;return t<0&&(t=0),t}(be,m,f);Q(e),re(function(e,n,l,t){let a=[];for(let o=0;o<e+2n;o++)t[o+l]&&o+l>=0&&(a[o]=t[o+l]);return a}(Z,f,e,i)),ie&&de(!1)}}),[ie,be,m,f,se.x,se.y,Z,he.x,he.y,i]),t((()=>{if(he.x===se.x&&he.y===se.y\|\|_e<_\|\|Math.abs(he.x-_e)/_>h\|\|ie){ee([]),he.x===se.x&&he.y===se.y\|\|null!==T.current&&fe({x:T.current.scrollLeft,y:T.current.scrollTop}),V(function(e,n,l){return Math.floor(e/n)-l}(_e,_,h));const e=function(e,n,l,t){let a=new Date(Date.parse((new Date).toString())+ne(Math.floor(e/n)-l-t));return a.setHours(12,0,0,0),Date.parse(a.toString())}(_e,_,H,I);De(function(e,n){return new Date(e+nne)}(e,I)),ie&&de(!1),ee(function(e,n,l){let t=[];for(let a=0;a<e+2n;a++)t[a]=new Date(l+ne(a+1));return t}(J,h,e))}}),[ie,J,_e,h,_,I,H,he.x,he.y,se.x,se.y]),t((()=>{Ge(!0),clearTimeout(Ne),ze(void 0)}),[_e,be]),t((()=>{if(void 0===Ne){let e=setTimeout((()=>Ge(!1)),v);ze(e)}}),[_e,be,Ne,v]),t((()=>{!Oe&&w&&w(oe,K)}),[Oe,oe,K]),t((()=>{S\|\|(void 0!==Ie&&We(void 0),void 0!==Fe&&Te(void 0))}),[S,Ie,Fe]),t((()=>(document.body.addEventListener("mousedown",(()=>{Ae(!0)})),document.body.addEventListener("mouseup",(()=>{Ae(!1)})),()=>{document.body.removeEventListener("mousedown",(()=>{Ae(!0)})),document.body.removeEventListener("mouseup",(()=>{Ae(!1)}))})),[S]),e.createElement("div",{key:l,id:l,"data-testid":l,className:ae.multicalendar,style:{gridTemplateColumns:`${p}px`,gridTemplateRows:`auto auto calc(100% - ${Le+Re}px`}},e.createElement("div",{ref:O,className:ae.controls},e.createElement("div",{className:ae["div-dates-navigation"]},e.createElement(xe,{visibleYear:Ee.getFullYear(),visibleMonth:Ee.getMonth(),onChangeAction:e=>{le(new Date(Number(Date.parse(function(e){if(!/^\d{4}-\d{2}-\d{2}$/.test(e))throw new Error("Invalid SQL date format");let n=e.split("-");return new Date(Number(n[0]),Number(n[1])-1,Number(n[2]))}(e).toString()))),T,H,_)},options:te(H,B,d)}),e.createElement("button",{type:"button",className:ae["today-button"],onClick:()=>le(new Date,T,H,_)},Me[d].Today)),C&&e.createElement("div",{className:ae["div-aditional-controls-components"]},C)),e.createElement("div",{className:ae["div-upper-left-component"]},k),e.createElement("div",{className:ae["vertical-axis"]},e.createElement("div",{ref:F,className:ae["div-list-element-column"],onScroll:e=>{null!==T.current&&(T.current.scrollTop=e.target.scrollTop)}},e.createElement(me,{listHeight:mi.length,yOffset:U,elementsHeight:m,idsArray:oe,ReactListElementChildren:r}))),e.createElement("div",{ref:G,className:ae["horizontal-axis"]},e.createElement("div",{className:ae["div-weeks-buttons"]},e.createElement("button",{type:"button",title:"Past Week",className:ae["past-week-button"],onClick:()=>{null!==W.current&&W.current.scroll({left:W.current.scrollLeft-7_})}},e.createElement(s,null)),e.createElement("button",{type:"button",title:"Next Week",onClick:()=>{null!==W.current&&W.current.scroll({left:W.current.scrollLeft+7_})},className:ae["next-week-button"]},e.createElement(u,null))),e.createElement("div",{ref:W,className:ae["div-dates-row"],onScroll:e=>{null!==T.current&&(T.current.scrollLeft=e.target.scrollLeft)}},e.createElement(ce,{visibleDates:K,width:(H+B)_,height:74,cellsWidth:_,cellsHeight:74,offset:q,language:d}))),e.createElement("div",{className:ae["div-main-container"]},e.createElement("div",{ref:T,className:ae["main-container"],onScroll:e=>{if(null!==W.current){const n=e.target.scrollLeft;W.current.scrollLeft=n,pe(n)}if(null!==F.current){const n=e.target.scrollTop;F.current.scrollTop=n,ge(n)}var n,l,t,a,o,r;y&&e.target.scrollLeft+e.target.offsetWidth>(H+B)_-_&&A(B+1),c&&y&&e.target.scrollLeft<_&&(P(H+1),e.target.scrollLeft=3_),n=Be,l=Ie,t=Fe,a=.8_,o=.8m,r=e.target,n&&(l&&(l<a&&(r.scrollLeft-=a-l),l>r.offsetWidth-a&&(r.scrollLeft+=l+a-r.offsetWidth)),t&&(t<o&&(r.scrollTop-=o-t),t>r.offsetHeight-o&&(r.scrollTop+=t+o-r.offsetHeight)))},onMouseMove:e=>{if(null!==T.current&&Be){let r=e.clientX-T.current.getBoundingClientRect().left,i=e.clientY-T.current.getBoundingClientRect().top;We(r),Te(i),n=r,l=i,t=.8_,a=.8m,o=T,Be&&null!==o.current&&(n<t&&(o.current.scrollLeft-=10),n>o.current.offsetWidth-t&&(o.current.scrollLeft+=10),l<a&&(o.current.scrollTop-=10),l>o.current.offsetHeight-a&&(o.current.scrollTop+=10))}var n,l,t,a,o}},e.createElement(Se,{gridWidth:(H+B)_,gridHeight:mi.length,xOffset:q,yOffset:U,cellsWidth:_,cellsHeight:m,visibleListElementsIdsArray:oe,visibleDates:K,ReactCellChildren:o}))))};var De="ScreenSteps-module_screen-steps__AX-nZ",Ne="ScreenSteps-module_steps__AuZhk",ze="ScreenSteps-module_step__2kFuY",Ie="ScreenSteps-module_outer-text__akI1y",We="ScreenSteps-module_frame__3J2mc",Fe="ScreenSteps-module_steps-content__-Yj-E",Te="ScreenSteps-module_step-component__Lu3G5";function Oe(e,l){const[o,r]=n(!1),i=a(null);return t((()=>(i.current&&i.current.disconnect(),i.current=new IntersectionObserver((([e])=>{r(e.isIntersecting)}),l),e.current&&i.current.observe(e.current),()=>{i.current&&i.current.disconnect()})),[e,l]),o}function Ge(e){const[l,o]=n(0),[r,i]=n(0),d=a(new ResizeObserver((e=>{const{width:n,height:l}=e[0].contentRect;o(n),i(l)})));return t((()=>{null!==e.current&&d.current.observe(e.current);const n=d.current,l=e.current;return()=>{null!==l&&n.unobserve(l)}}),[e,d]),[l,r]}y(".ScreenSteps-module_screen-steps__AX-nZ {\n width: 100%;\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: center;\n}\n.ScreenSteps-module_screen-steps__AX-nZ .ScreenSteps-module_steps__AuZhk {\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.ScreenSteps-module_screen-steps__AX-nZ .ScreenSteps-module_steps__AuZhk .ScreenSteps-module_step__2kFuY {\n width: 62px;\n height: 62px;\n border-radius: 31px;\n background-color: hsla(0, 0%, 58%, 0.2);\n display: flex;\n align-items: center;\n justify-content: center;\n color: rgba(65, 65, 65, 0.4);\n text-align: center;\n font-family: Arial, Helvetica, sans-serif;\n font-size: 15px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n cursor: pointer;\n transition: all 300ms ease-in-out;\n}\n.ScreenSteps-module_screen-steps__AX-nZ .ScreenSteps-module_steps__AuZhk .ScreenSteps-module_step__2kFuY[data-is-complete=true] {\n background-color: rgba(112, 90, 0, 0.4);\n color: rgba(65, 65, 65, 0.4);\n}\n.ScreenSteps-module_screen-steps__AX-nZ .ScreenSteps-module_steps__AuZhk .ScreenSteps-module_step__2kFuY[data-is-current=true] {\n background-color: rgba(112, 90, 0, 0.6);\n color: rgb(65, 65, 65);\n}\n.ScreenSteps-module_screen-steps__AX-nZ .ScreenSteps-module_outer-text__akI1y {\n color: #787878;\n text-align: center;\n font-family: Arial, Helvetica, sans-serif;\n font-size: 20px;\n font-style: normal;\n font-weight: 400;\n line-height: normal;\n margin: 0;\n}\n.ScreenSteps-module_screen-steps__AX-nZ .ScreenSteps-module_frame__3J2mc {\n width: 100%;\n overflow: hidden;\n transition: height 300ms ease-in-out;\n}\n.ScreenSteps-module_screen-steps__AX-nZ .ScreenSteps-module_frame__3J2mc .ScreenSteps-module_steps-content__-Yj-E {\n display: flex;\n justify-content: flex-start;\n transition: all 300ms ease-in-out;\n}\n.ScreenSteps-module_screen-steps__AX-nZ .ScreenSteps-module_frame__3J2mc .ScreenSteps-module_step-component__Lu3G5 {\n max-height: 0px;\n}\n.ScreenSteps-module_screen-steps__AX-nZ .ScreenSteps-module_frame__3J2mc .ScreenSteps-module_step-component__Lu3G5[data-is-current=true] {\n max-height: max-content;\n}");const Le=({steps:l,defaultStep:o=0,onStepChange:r=()=>{},canNavigate:i,overrideStep:d})=>{const c=a(null),[s,u]=n(o),[_,m]=Ge(c);t((()=>{void 0!==d&&d<l.length&&d>=0&&d!==s&&u(d)}),[d]);return e.createElement("section",{className:De},e.createElement("nav",{className:Ne},l.map(((n,l)=>e.createElement("div",{key:n.innerText,className:ze,"data-is-completed":l<s,"data-is-current":l===s,"data-can-navigate":i,onClick:()=>{i&&(u(l),r(l))}},n.innerText)))),e.createElement("p",{className:Ie},l[s].outterText),e.createElement("div",{className:We,style:{height:m\|\|"100%"}},e.createElement("div",{ref:c,className:Fe,style:(()=>{const e=100/l.length;return{width:100l.length+"%",transform:`translateX(-${es}%)`}})()},l.map(((n,t)=>e.createElement("div",{key:n.innerText,className:Te,"data-is-current":t===s,style:{width:100/l.length+"%"}},n.component))))))};var je="ScrollSnapGallery-module_scroll-snap-gallery__CR-GS",Re="ScrollSnapGallery-module_frame__267TC",Ye="ScrollSnapGallery-module_arrow-controls__yw2Zl",Be="ScrollSnapGallery-module_arrow__1ueyq",Ae="ScrollSnapGallery-module_position-indicator__3Y7Mh",He="ScrollSnapGallery-module_indicator-icon__YrYF2",Pe="ScrollSnapGallery-module_current__ckZrA",Je="ScrollSnapGallery-module_medium-shrunken__DuED2",$e="ScrollSnapGallery-module_full-shrunken__VSbF7",Ze="ScrollSnapGallery-module_hidden__c0w-O";y(".ScrollSnapGallery-module_scroll-snap-gallery__CR-GS {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n}\n.ScrollSnapGallery-module_scroll-snap-gallery__CR-GS .ScrollSnapGallery-module_frame__267TC {\n display: flex;\n align-items: center;\n scroll-snap-type: x mandatory;\n scroll-snap-stop: always;\n scroll-behavior: smooth;\n overflow-x: auto;\n overflow-y: hidden;\n -webkit-overflow-scrolling: touch;\n -ms-overflow-style: none;\n scrollbar-width: none;\n -webkit-user-select: none;\n user-select: none;\n}\n.ScrollSnapGallery-module_scroll-snap-gallery__CR-GS .ScrollSnapGallery-module_frame__267TC::-webkit-scrollbar {\n display: none;\n}\n.ScrollSnapGallery-module_scroll-snap-gallery__CR-GS .ScrollSnapGallery-module_frame__267TC img {\n scroll-snap-align: center;\n min-width: 100%;\n width: 100%;\n height: 100%;\n object-fit: cover;\n}\n.ScrollSnapGallery-module_scroll-snap-gallery__CR-GS .ScrollSnapGallery-module_arrow-controls__yw2Zl {\n display: flex;\n justify-content: center;\n align-items: center;\n margin-top: 10px;\n}\n.ScrollSnapGallery-module_scroll-snap-gallery__CR-GS .ScrollSnapGallery-module_arrow-controls__yw2Zl .ScrollSnapGallery-module_arrow__1ueyq {\n width: 24px;\n height: 24px;\n fill: #959595;\n transition: all 100ms ease-in-out;\n z-index: 2;\n cursor: pointer;\n}\n.ScrollSnapGallery-module_scroll-snap-gallery__CR-GS .ScrollSnapGallery-module_arrow-controls__yw2Zl .ScrollSnapGallery-module_arrow__1ueyq:active {\n fill: #0d280b;\n}\n.ScrollSnapGallery-module_scroll-snap-gallery__CR-GS .ScrollSnapGallery-module_arrow-controls__yw2Zl .ScrollSnapGallery-module_position-indicator__3Y7Mh {\n display: flex;\n justify-content: center;\n align-items: center;\n transition: all 0.3s ease-in-out;\n}\n.ScrollSnapGallery-module_scroll-snap-gallery__CR-GS .ScrollSnapGallery-module_arrow-controls__yw2Zl .ScrollSnapGallery-module_position-indicator__3Y7Mh .ScrollSnapGallery-module_indicator-icon__YrYF2 {\n fill: #959595;\n transition: all 0.3s ease-in-out;\n}\n.ScrollSnapGallery-module_scroll-snap-gallery__CR-GS .ScrollSnapGallery-module_arrow-controls__yw2Zl .ScrollSnapGallery-module_position-indicator__3Y7Mh .ScrollSnapGallery-module_indicator-icon__YrYF2.ScrollSnapGallery-module_current__ckZrA {\n fill: #0d280b;\n}\n.ScrollSnapGallery-module_scroll-snap-gallery__CR-GS .ScrollSnapGallery-module_arrow-controls__yw2Zl .ScrollSnapGallery-module_position-indicator__3Y7Mh .ScrollSnapGallery-module_indicator-icon__YrYF2.ScrollSnapGallery-module_medium-shrunken__DuED2 {\n transform: scale(0.75);\n}\n.ScrollSnapGallery-module_scroll-snap-gallery__CR-GS .ScrollSnapGallery-module_arrow-controls__yw2Zl .ScrollSnapGallery-module_position-indicator__3Y7Mh .ScrollSnapGallery-module_indicator-icon__YrYF2.ScrollSnapGallery-module_full-shrunken__VSbF7 {\n transform: scale(0.5);\n}\n.ScrollSnapGallery-module_scroll-snap-gallery__CR-GS .ScrollSnapGallery-module_arrow-controls__yw2Zl .ScrollSnapGallery-module_position-indicator__3Y7Mh .ScrollSnapGallery-module_indicator-icon__YrYF2.ScrollSnapGallery-module_hidden__c0w-O {\n transform: scale(0);\n}");const Xe=({urls:l=[],alts:o,width:r="400px",height:i="300px",IndicatorIcon:d=f,positionIndicatorSize:c=Math.min(l.length,6),iconSize:s=16,showArrows:u=!1,frameStyle:p={},onSlideChange:b=()=>{},autoChange:g=!1})=>{const h=a(null),[y,S]=n(0),[v,x]=n(0),[w,C]=n(c-1),[k,M]=n(0),[E,D]=n(0),N=e=>{let n=He;y===e&&(n+=` ${Pe}`);const t=0!==v&&e===v,a=w!==l.length-1&&e===w;(t\|\|a)&&(n+=` ${$e}`);const o=0!==v&&e===v+1,r=w!==l.length-1&&e===w-1;return(o\|\|r)&&(n+=` ${Je}`),(e<v\|\|e>w)&&(n+=` ${Ze}`),n};return t((()=>{M(vs)}),[v]),t((()=>{b(y)}),[y]),t((()=>{if(g){const e=setInterval((()=>{D((e=>e+1))}),3e3);return()=>clearInterval(e)}}),[g]),t((()=>{if(g){const e=h.current;e&&e.scrollLeft===e.scrollWidth-e.clientWidth?e.scrollLeft=0:e&&(e.scrollLeft+=e.clientWidth)}}),[g,E]),e.createElement("section",{className:je},e.createElement("div",{ref:h,className:Re,style:Object.assign(Object.assign({},p),{width:r,height:i}),onScroll:e=>{const{scrollLeft:n,clientWidth:t}=e.target,a=t,o=Math.round(n/a);if(S(o),o<=v){const e=Math.max(o-1,0),n=e+c-1;x(e),C(n)}else if(o>=w){const e=Math.min(o+1,l.length-1),n=e-c+1;C(e),x(n)}}},l.map(((n,l)=>e.createElement("img",{key:n+l,src:n,alt:o?o[l]:"gallery picture"})))),e.createElement("div",{className:Ye},u&&e.createElement(_,{className:Be,onClick:()=>{const e=h.current;e&&(e.scrollLeft-=e.clientWidth)}}),e.createElement("div",{className:Ae,style:{transform:`translateX(calc(50% - ${k}px - ${sc/2}px))`}},l.map(((n,l)=>e.createElement(d,{key:n+l,className:N(l),style:{width:s,height:s}})))),u&&e.createElement(m,{className:Be,onClick:()=>{const e=h.current;e&&(e.scrollLeft+=e.clientWidth)}})))};var qe="StackedCards-module_stacked-cards__8IiBF",Ve="StackedCards-module_card__4cF-v",Ue="StackedCards-module_title__GYDch",Qe="StackedCards-module_content__6WDlF";y(".StackedCards-module_stacked-cards__8IiBF {\n position: relative;\n}\n.StackedCards-module_stacked-cards__8IiBF .StackedCards-module_card__4cF-v {\n position: absolute;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n width: 80%;\n height: 80%;\n background-color: #fff;\n border-radius: 10px;\n border: 2px solid #e2e2e2;\n transition: all 0.4s ease-out;\n}\n.StackedCards-module_stacked-cards__8IiBF .StackedCards-module_card__4cF-v .StackedCards-module_title__GYDch {\n width: 100%;\n overflow: hidden;\n}\n.StackedCards-module_stacked-cards__8IiBF .StackedCards-module_card__4cF-v .StackedCards-module_content__6WDlF {\n flex-grow: 1;\n width: 100%;\n overflow: auto;\n}\n.StackedCards-module_stacked-cards__8IiBF .StackedCards-module_card__4cF-v .StackedCards-module_content__6WDlF::-webkit-scrollbar {\n display: none;\n}\n.StackedCards-module_stacked-cards__8IiBF .StackedCards-module_card__4cF-v[data-is-selectable=true] {\n cursor: pointer;\n}\n.StackedCards-module_stacked-cards__8IiBF .StackedCards-module_card__4cF-v[data-is-selectable=true][data-should-card-rise=true]:hover {\n transform: translateY(-20px);\n}");const Ke=360,en=({cards:l,initialCard:a,onCardChangeByUser:o,overrideSelectedCard:r,stackingOrientation:i=60,cardWidth:d=300,cardHeight:c=350})=>{const[s,u]=n(a),_=i>0?i%Ke:Ke+i%Ke,m=Math.PI/180i,p=e=>({horizontalOffset:80Math.cos(m)/l.lengthe,verticalOffset:80Math.sin(m)/l.length*e}),b=e=>{const n={};let t=0,a=0,o=0;const r=p(e<s?e+1:e);e===s?o=l.length+1:(t=r.horizontalOffset,a=r.verticalOffset,o=l.length-e),n.zIndex=o;const i=e=>{n.right=e.right,n.bottom=e.bottom,n.left=e.left,n.top=e.top},d=_>90&&_<=180,c=_>180&&_<=270,u=_>270&&_<=Ke;return _>=0&&_<=90?i({right:`${t}px`,bottom:`${a}px`,left:"",top:""}):d?i({right:"",bottom:`${a}px`,left:-t+"px",top:""}):c?i({right:"",bottom:"",left:-t+"px",top:-a+"px"}):u&&i({right:`${t}px`,bottom:"",left:"",top:-a+"px"}),n};return t((()=>{void 0!==r&&r>=0&&r<l.length&&u(r)}),[r]),e.createElement("div",{className:qe,style:(()=>{const e=p(l.length-1).horizontalOffset+4,n=p(l.length-1).verticalOffset+4;return{width:d+Math.abs(e),height:c+Math.abs(n)}})()},l.map(((n,l)=>e.createElement("div",{className:Ve,key:l,"data-is-selectable":l!==s,"data-should-card-rise":_>=0&&_<=180,style:Object.assign({height:c,width:d},b(l)),onClick:()=>{s!==l&&(u(l),o&&o(l))}},e.createElement("div",{className:Ue},n.title),e.createElement("div",{className:Qe},n.content)))))};export{w as BubbleMenu,$ as CalendarDatePicker,T as InputBoxWithConfirmation,q as IntegerControl,Q as LabeledInput,ee as Modal,Ee as Multicalendar,Le as ScreenSteps,Xe as ScrollSnapGallery,en as StackedCards,Oe as useIntersectionObserver,F as useOutsideClick,Ge as useResizeObserver,we as useWindowsSize};
1	+ import e,{useState as n,useEffect as t,Fragment as l,useRef as r,useReducer as o,useLayoutEffect as a}from"react";import i from"react-dom";import{BsCheckCircle as c,BsXCircle as d,BsX as s,BsCheckLg as u,BsPencil as m,BsChevronLeft as _,BsChevronRight as p,BsArrowLeftCircle as b,BsArrowRightCircle as g}from"react-icons/bs";import{IoWarningOutline as h,IoMenu as f}from"react-icons/io5";import{PiWarningCircle as v}from"react-icons/pi";import{GoQuestion as y,GoDotFill as x}from"react-icons/go";import{AiFillMinusCircle as S,AiFillPlusCircle as w}from"react-icons/ai";function C(e,n){void 0===n&&(n={});var t=n.insertAt;if(e&&"undefined"!=typeof document){var l=document.head\|\|document.getElementsByTagName("head")[0],r=document.createElement("style");r.type="text/css","top"===t&&l.firstChild?l.insertBefore(r,l.firstChild):l.appendChild(r),r.styleSheet?r.styleSheet.cssText=e:r.appendChild(document.createTextNode(e))}}C(':root,\n[data-trc-theme] {\n --trc-font-family: Arial, Helvetica, sans-serif;\n --trc-font-family-system: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto",\n "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",\n sans-serif;\n --trc-font-family-mono: source-code-pro, Menlo, Monaco, Consolas, "Courier New",\n monospace;\n\n --trc-color-primary: #ec6321;\n --trc-color-primary-soft: rgba(236, 99, 33, 0.35);\n --trc-color-primary-muted: rgba(236, 99, 33, 0.55);\n --trc-color-primary-contrast: #ffffff;\n --trc-color-secondary: #46ba0d;\n --trc-color-secondary-soft: #b7d4b6;\n --trc-color-focus: #19448d;\n --trc-color-danger: #f34d1b;\n --trc-color-danger-soft: #e17959;\n --trc-color-success: #2f8a17;\n --trc-color-warning: #b86f00;\n --trc-color-info: #19448d;\n\n --trc-color-text: #333333;\n --trc-color-text-muted: #787878;\n --trc-color-text-subtle: #959595;\n --trc-color-text-disabled: #c9c9c9;\n --trc-color-disabled-soft: rgba(149, 149, 149, 0.2);\n --trc-color-surface: #ffffff;\n --trc-color-surface-raised: rgba(255, 255, 255, 0.92);\n --trc-color-surface-muted: #fafafa;\n --trc-color-surface-hover: #f1f1f1;\n --trc-color-surface-active: #cfcfcf;\n --trc-color-border: #d8d8d8;\n --trc-color-border-subtle: #ebebeb;\n --trc-color-overlay: rgba(0, 0, 0, 0.3);\n\n --trc-radius-xs: 4px;\n --trc-radius-sm: 6px;\n --trc-radius-md: 8px;\n --trc-radius-lg: 10px;\n --trc-radius-pill: 999px;\n\n --trc-space-1: 4px;\n --trc-space-2: 8px;\n --trc-space-3: 12px;\n --trc-space-4: 16px;\n --trc-space-5: 20px;\n\n --trc-font-size-xs: 12px;\n --trc-font-size-sm: 14px;\n --trc-font-size-md: 16px;\n --trc-font-size-lg: 20px;\n --trc-font-size-xl: 24px;\n --trc-font-size-2xl: 32px;\n --trc-font-weight-regular: 400;\n --trc-font-weight-medium: 500;\n --trc-font-weight-semibold: 600;\n --trc-font-weight-bold: 700;\n --trc-line-height-tight: normal;\n\n --trc-border-width: 1px;\n --trc-control-border-width: 2px;\n --trc-shadow-sm: 1px 1px 2px rgba(90, 90, 90, 0.3);\n --trc-shadow-md: 3px 3px 4px 1px rgba(90, 90, 90, 0.3);\n --trc-shadow-md-inverse: -3px 3px 4px rgba(90, 90, 90, 0.3);\n --trc-shadow-lg: 0px 14px 36px 2px rgba(0, 0, 0, 0.15);\n --trc-shadow-modal: 0px 0px 16px rgba(0, 0, 0, 0.15);\n --trc-transition-fast: 100ms ease-in-out;\n --trc-transition-base: 200ms ease-in-out;\n --trc-transition-slow: 300ms ease-in-out;\n\n --primary-color: var(--trc-color-primary);\n --secondary-color: var(--trc-color-secondary);\n --green-palette-one: #7bce51;\n --green-palette-two: #52ac25;\n --green-palette-three: #3a8117;\n --green-palette-four: #27580f;\n --green-palette-five: #1b3a0c;\n --light-gray: var(--trc-color-text-subtle);\n --medium-gray: var(--trc-color-text-muted);\n --border-tenues: var(--trc-border-width) solid var(--trc-color-border-subtle);\n}\n\nbody {\n margin: 0;\n font-family: var(--trc-font-family-system);\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n color: var(--trc-color-text);\n}\n\nbody p {\n line-height: var(--trc-line-height-tight);\n margin: 0;\n}\n\ncode {\n font-family: var(--trc-font-family-mono);\n}\n\ninput[type="checkbox"] {\n /* Add if not using autoprefixer /\n -webkit-appearance: none;\n / Remove most all native input styles /\n appearance: none;\n / For iOS < 15 /\n background-color: var(--trc-color-surface);\n / Not removed via appearance /\n margin: 0;\n\n font: inherit;\n color: var(--trc-color-text-muted);\n min-width: 1.15em;\n width: 1.15em;\n height: 1.15em;\n border: 0.15em solid var(--trc-color-text-muted);\n border-radius: 0.15em;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n}\n\ninput[type="checkbox"]::before {\n content: "";\n width: 0.65em;\n height: 0.65em;\n clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);\n transform: scale(0);\n transform-origin: bottom left;\n transition: 120ms transform ease-in-out;\n box-shadow: inset 1em 1em var(--primary-color);\n / Windows High Contrast Mode /\n background-color: CanvasText;\n}\n\ninput[type="checkbox"]:checked::before {\n transform: scale(1);\n}\n\ninput[type="checkbox"]:focus {\n outline: max(2px, 0.08em) solid var(--trc-color-text-subtle);\n outline-offset: max(2px, 0.08em);\n}\n\ninput[type="checkbox"]:disabled {\n color: var(--trc-color-text-disabled);\n cursor: not-allowed;\n}\n');var k={"alert-modal":"AlertModal-module_alert-modal__rFDed","icon-section":"AlertModal-module_icon-section__FXzNc",title:"AlertModal-module_title__s8YQA",message:"AlertModal-module_message__WHJfH","button-section":"AlertModal-module_button-section__AoprQ","confirm-button":"AlertModal-module_confirm-button__JwESy"};C(".AlertModal-module_alert-modal__rFDed {\n background-color: var(--trc-color-surface, white);\n box-shadow: var(--trc-shadow-modal, 0px 0px 16px rgba(0, 0, 0, 0.15));\n padding: var(--trc-space-4, 16px);\n border-radius: var(--trc-radius-md, 8px);\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: var(--trc-space-4, 16px);\n}\n.AlertModal-module_alert-modal__rFDed .AlertModal-module_icon-section__FXzNc svg {\n opacity: 0.8;\n}\n.AlertModal-module_alert-modal__rFDed .AlertModal-module_title__s8YQA {\n font-family: var(--trc-font-family, Arial, Helvetica, sans-serif);\n font-size: var(--trc-font-size-2xl, 32px);\n font-weight: var(--trc-font-weight-semibold, 600);\n color: var(--trc-color-text, #333333);\n margin: 0;\n}\n.AlertModal-module_alert-modal__rFDed .AlertModal-module_message__WHJfH {\n font-family: var(--trc-font-family, Arial, Helvetica, sans-serif);\n font-size: var(--trc-font-size-md, 16px);\n color: var(--trc-color-text, #333333);\n margin: 0;\n}\n.AlertModal-module_alert-modal__rFDed .AlertModal-module_button-section__AoprQ {\n display: flex;\n gap: var(--trc-space-4, 16px);\n}\n.AlertModal-module_alert-modal__rFDed button {\n min-width: 90px;\n border-width: 3px;\n border-style: solid;\n border-color: var(--trc-color-text-subtle, #959595);\n box-shadow: var(--trc-shadow-md-inverse, -3px 3px 4px rgba(90, 90, 90, 0.3));\n color: var(--trc-color-text-subtle, #959595);\n background-color: var(--trc-color-surface, white);\n border-radius: var(--trc-radius-md, 8px);\n padding: var(--trc-space-2, 8px) var(--trc-space-4, 16px);\n box-sizing: border-box;\n text-align: center;\n font-family: var(--trc-font-family, Arial, Helvetica, sans-serif);\n font-size: var(--trc-font-size-md, 16px);\n font-style: normal;\n font-weight: var(--trc-font-weight-semibold, 600);\n line-height: var(--trc-line-height-tight, normal);\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 8px;\n -webkit-tap-highlight-color: transparent;\n -webkit-user-select: none;\n user-select: none;\n}\n.AlertModal-module_alert-modal__rFDed button.AlertModal-module_confirm-button__JwESy {\n border-color: var(--trc-color-focus, #19448d);\n background-color: var(--trc-color-focus, #19448d);\n color: var(--trc-color-primary-contrast, white);\n}\n.AlertModal-module_alert-modal__rFDed button {\n cursor: pointer;\n transition: all var(--trc-transition-fast, 100ms ease-in-out);\n}\n.AlertModal-module_alert-modal__rFDed button:active {\n transform: translate(-1px, 1px);\n box-shadow: var(--trc-shadow-sm, -1px 1px 2px rgba(90, 90, 90, 0.3));\n}");var M={"blured-background":"Modal-module_blured-background__Vw4vW"};C(".Modal-module_blured-background__Vw4vW {\n position: fixed;\n width: 100vw;\n height: 100vh;\n -webkit-backdrop-filter: blur(10px);\n backdrop-filter: blur(10px);\n top: 0;\n left: 0;\n z-index: 1010;\n opacity: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n animation-duration: 450ms;\n animation-fill-mode: forwards;\n}\n.Modal-module_blured-background__Vw4vW[data-is-visible=true] {\n animation-name: Modal-module_modal-appear__XBiM-;\n}\n.Modal-module_blured-background__Vw4vW[data-is-visible=false] {\n animation-name: Modal-module_modal-disappear__Ik1hU;\n}\n\n@keyframes Modal-module_modal-appear__XBiM- {\n 0% {\n opacity: 0;\n -webkit-backdrop-filter: blur(0px);\n backdrop-filter: blur(0px);\n }\n 100% {\n opacity: 1;\n -webkit-backdrop-filter: blur(10px);\n backdrop-filter: blur(10px);\n }\n}\n@keyframes Modal-module_modal-disappear__Ik1hU {\n 0% {\n opacity: 1;\n -webkit-backdrop-filter: blur(10px);\n backdrop-filter: blur(10px);\n }\n 100% {\n opacity: 0;\n -webkit-backdrop-filter: blur(0px);\n backdrop-filter: blur(0px);\n }\n}");const E=({children:l,overrideOpenState:r=!1,forced:o=!1,onOpen:a,onClose:c})=>{const[d,s]=n(r),[u,m]=n(r);return t((()=>{r?(s(!0),a&&a()):r\|\|(s(!1),c&&c())}),[r,a,c]),t((()=>{d?m(!0):d\|\|setTimeout((()=>{m(!1)}),500)}),[d]),u?i.createPortal(e.createElement("div",{className:M["blured-background"],"data-is-visible":d,onClick:()=>{o\|\|(s(!1),c&&c())}},e.createElement("div",null,e.createElement("div",{className:M.modal,"data-closed":!r,onClick:e=>{e.stopPropagation()}},l))),document.getElementById("root")\|\|document.body):e.createElement(e.Fragment,null)},D=({type:l,title:r,message:o,customChildren:a,confirmText:i="OK",cancelText:s="Cancel",confirmButton:u=!0,cancelButton:m=!0,overrideOpenState:_=!1,forced:p=!1,iconSize:b=64,iconColor:g,onConfirm:f=()=>{},onCancel:x=()=>{}})=>{const[S,w]=n(_);return t((()=>{_!==S&&w(_)}),[_]),e.createElement(E,{overrideOpenState:S,forced:p,onClose:()=>w(!1)},e.createElement("div",{className:k["alert-modal"]},e.createElement("section",{className:k["icon-section"]},"success"===l&&e.createElement(c,{size:b,color:null!=g?g:"var(--trc-color-success)"}),"error"===l&&e.createElement(d,{size:b,color:null!=g?g:"var(--trc-color-danger)"}),"warning"===l&&e.createElement(h,{size:b,color:null!=g?g:"var(--trc-color-warning)"}),"info"===l&&e.createElement(v,{size:b,color:null!=g?g:"var(--trc-color-info)"}),"question"===l&&e.createElement(y,{size:b,color:null!=g?g:"var(--trc-color-text-subtle)"})),r&&e.createElement("h1",{className:k.title},r),o&&e.createElement("p",{className:k.message},o),a,e.createElement("section",{className:k["button-section"]},m&&e.createElement("button",{className:k["cancel-button"],onClick:()=>{w(!1),x()}},s),u&&e.createElement("button",{className:k["confirm-button"],onClick:()=>{w(!1),f()}},i))))};var N="BubbleMenu-module_menu-container__xrNNC",z="BubbleMenu-module_menu-button__I5R0w";C(".BubbleMenu-module_menu-container__xrNNC {\n position: fixed;\n z-index: -1;\n top: 0px;\n padding-top: 80px;\n box-sizing: border-box;\n}\n.BubbleMenu-module_menu-container__xrNNC[data-status=visible] {\n z-index: 100;\n width: 100vw;\n height: 100vh;\n animation: BubbleMenu-module_show-background__Qz4-v 300ms ease-in-out forwards;\n}\n.BubbleMenu-module_menu-container__xrNNC[data-status=visible] ul li {\n opacity: 1;\n transform: translateX(5px);\n}\n.BubbleMenu-module_menu-container__xrNNC[data-status=hidden] {\n animation: BubbleMenu-module_hide-background__ESkim 300ms ease-in-out forwards;\n}\n.BubbleMenu-module_menu-container__xrNNC[data-status=hidden] ul li {\n opacity: 0;\n transform: translateX(-110px);\n}\n.BubbleMenu-module_menu-container__xrNNC[data-status=idle] {\n width: 0vw;\n height: 0vh;\n background-color: transparent;\n}\n.BubbleMenu-module_menu-container__xrNNC[data-status=idle] ul li {\n opacity: 0;\n transform: translateX(-110px);\n}\n.BubbleMenu-module_menu-container__xrNNC ul {\n list-style: none;\n padding-inline-start: 0px;\n margin: 0;\n}\n.BubbleMenu-module_menu-container__xrNNC ul li {\n width: -moz-fit-content;\n width: fit-content;\n transition: all 300ms ease-in-out;\n}\n.BubbleMenu-module_menu-container__xrNNC ul li button {\n border-width: 3px;\n border-style: solid;\n border-color: var(--trc-color-text-subtle, #959595);\n box-shadow: var(--trc-shadow-md, 3px 3px 4px 1px rgba(90, 90, 90, 0.3));\n color: var(--trc-color-text-subtle, #959595);\n background-color: var(--trc-color-surface-raised, rgba(255, 255, 255, 0.9));\n -webkit-tap-highlight-color: transparent;\n -webkit-user-select: none;\n user-select: none;\n cursor: pointer;\n transition: all var(--trc-transition-fast, 100ms ease-in-out);\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n width: 100px;\n height: 100px;\n margin: 15px 0px;\n border-radius: var(--trc-radius-pill, 50px);\n font-family: var(--trc-font-family, Arial, Helvetica, sans-serif);\n font-size: var(--trc-font-size-sm, 14px);\n font-style: normal;\n font-weight: var(--trc-font-weight-medium, 500);\n line-height: var(--trc-line-height-tight, normal);\n}\n.BubbleMenu-module_menu-container__xrNNC ul li button svg {\n min-width: 40px;\n min-height: 40px;\n}\n.BubbleMenu-module_menu-container__xrNNC ul li button:active {\n transform: translate(1px, 1px);\n box-shadow: var(--trc-shadow-sm, 1px 1px 2px rgba(90, 90, 90, 0.3));\n}\n\n.BubbleMenu-module_menu-button__I5R0w {\n position: fixed;\n z-index: 101;\n top: 30px;\n left: 10px;\n width: 50px;\n height: 50px;\n background-color: var(--trc-color-surface-raised, rgba(255, 255, 255, 0.7));\n border-radius: var(--trc-radius-pill, 25px);\n border-width: 3px;\n border-style: solid;\n border-color: var(--trc-color-text-subtle, #959595);\n box-shadow: var(--trc-shadow-md, 3px 3px 4px 1px rgba(90, 90, 90, 0.3));\n color: var(--trc-color-text-subtle, #959595);\n background-color: var(--trc-color-surface-raised, rgba(255, 255, 255, 0.9));\n -webkit-tap-highlight-color: transparent;\n -webkit-user-select: none;\n user-select: none;\n cursor: pointer;\n transition: all var(--trc-transition-fast, 100ms ease-in-out);\n}\n.BubbleMenu-module_menu-button__I5R0w svg {\n position: absolute;\n top: 2px;\n left: 0;\n width: 100%;\n height: 34px;\n color: var(--trc-color-text, #0d280b);\n}\n.BubbleMenu-module_menu-button__I5R0w svg path {\n transition: all 0.3s ease-in-out;\n}\n.BubbleMenu-module_menu-button__I5R0w p {\n position: absolute;\n top: 30px;\n left: 0;\n width: 100%;\n margin: 0;\n text-align: center;\n color: var(--trc-color-text, #0d280b);\n font-family: var(--trc-font-family, Arial, Helvetica, sans-serif);\n font-size: 10px;\n font-style: normal;\n font-weight: var(--trc-font-weight-semibold, 600);\n line-height: var(--trc-line-height-tight, normal);\n}\n.BubbleMenu-module_menu-button__I5R0w:active {\n transform: translate(1px, 1px);\n box-shadow: var(--trc-shadow-sm, 1px 1px 2px rgba(90, 90, 90, 0.3));\n}\n\n@keyframes BubbleMenu-module_show-background__Qz4-v {\n 0% {\n background-color: transparent;\n min-width: 0vw;\n }\n 1% {\n background-color: transparent;\n min-width: 100vw;\n }\n 100% {\n background-color: var(--trc-color-overlay, rgba(0, 0, 0, 0.3));\n min-width: 100vw;\n }\n}\n@keyframes BubbleMenu-module_hide-background__ESkim {\n 0% {\n background-color: var(--trc-color-overlay, rgba(0, 0, 0, 0.3));\n min-width: 100vw;\n }\n 99% {\n background-color: transparent;\n min-width: 100vw;\n }\n 100% {\n background-color: transparent;\n min-width: 0vw;\n }\n}");const I={en:{menu:"menu",close:"close"},es:{menu:"menú",close:"cerrar"}},F=({options:t,language:r="en"})=>{const[o,a]=n(null);return e.createElement(l,null,e.createElement("button",{type:"button",title:"menu",className:z,onClick:()=>a(!o)},o?e.createElement(s,null):e.createElement(f,null),e.createElement("p",null,o?I[r].close:I[r].menu)),e.createElement("section",{className:N,"data-status":!0===o?"visible":!1===o?"hidden":"idle",onClick:()=>a(!1)},e.createElement("ul",null,t.filter((e=>e.visible)).map(((n,l)=>e.createElement("li",{key:n.text,style:{transitionDelay:100l+"ms"}},e.createElement("button",{onClick:()=>setTimeout(n.optionCallback,300+100t.length)},n.icon,n.text)))))))};var W="CalendarDatePicker-module_calendar-date-picker__-G7aY",T="CalendarDatePicker-module_today-button__YgI7t",O="CalendarDatePicker-module_month-and-year__LHJ8I",A="CalendarDatePicker-module_month-input__sFUHA",G="CalendarDatePicker-module_week-days__j2XJ-";C('@property --angle {\n sintax: "<angle>";\n inherits: false;\n initial-value: 270deg;\n}\n@property --color-default {\n sintax: "<color>";\n inherits: false;\n initial-value: white;\n}\n@property --color-selected {\n sintax: "<color>";\n inherits: false;\n initial-value: #e3f3e3;\n}\n@property --percentage-default {\n sintax: "<percentage>";\n inherits: false;\n initial-value: 100%;\n}\n@property --percentage-selected {\n sintax: "<percentage>";\n inherits: false;\n initial-value: 0%;\n}\n.CalendarDatePicker-module_calendar-date-picker__-G7aY {\n position: relative;\n font-family: var(--trc-font-family, Arial, Helvetica, sans-serif);\n width: 390px;\n color: var(--trc-color-text-subtle, #959595);\n font-weight: var(--trc-font-weight-semibold, 600);\n font-style: normal;\n line-height: normal;\n -webkit-tap-highlight-color: transparent;\n}\n.CalendarDatePicker-module_calendar-date-picker__-G7aY .CalendarDatePicker-module_today-button__YgI7t {\n position: absolute;\n top: 0px;\n right: 5px;\n border: solid var(--trc-control-border-width, 2px) var(--trc-color-text-muted, #787878);\n border-radius: var(--trc-radius-sm, 6px);\n padding: 4px 8px;\n font-size: 18px;\n background-color: var(--trc-color-surface, white);\n color: var(--trc-color-text-muted, #787878);\n transition: all var(--trc-transition-fast, 0.1s ease-in-out);\n cursor: pointer;\n}\n.CalendarDatePicker-module_calendar-date-picker__-G7aY .CalendarDatePicker-module_today-button__YgI7t:hover {\n background-color: var(--trc-color-surface-hover, #f3f3f3);\n}\n.CalendarDatePicker-module_calendar-date-picker__-G7aY .CalendarDatePicker-module_today-button__YgI7t:active {\n background-color: var(--trc-color-surface-active, #cfcfcf);\n}\n.CalendarDatePicker-module_calendar-date-picker__-G7aY .CalendarDatePicker-module_month-and-year__LHJ8I {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n text-align: center;\n font-size: 22px;\n padding: 10px 0px;\n}\n.CalendarDatePicker-module_calendar-date-picker__-G7aY .CalendarDatePicker-module_month-and-year__LHJ8I .CalendarDatePicker-module_month-input__sFUHA {\n width: fit-content;\n background-color: transparent;\n border: transparent;\n text-align: right;\n font-size: 24px;\n margin-right: 10px;\n color: var(--trc-color-text-subtle, #959595);\n cursor: pointer;\n}\n.CalendarDatePicker-module_calendar-date-picker__-G7aY .CalendarDatePicker-module_month-and-year__LHJ8I .CalendarDatePicker-module_month-input__sFUHA:focus {\n outline: transparent;\n}\n.CalendarDatePicker-module_calendar-date-picker__-G7aY .CalendarDatePicker-module_month-and-year__LHJ8I .CalendarDatePicker-module_month-input__sFUHA option {\n background-color: var(--trc-color-surface, white);\n color: var(--trc-color-text-subtle, #959595);\n}\n.CalendarDatePicker-module_calendar-date-picker__-G7aY .CalendarDatePicker-module_month-and-year__LHJ8I .CalendarDatePicker-module_month-input__sFUHA option:disabled {\n color: var(--trc-color-text-disabled, #cfcfcf);\n}\n.CalendarDatePicker-module_calendar-date-picker__-G7aY .CalendarDatePicker-module_week-days__j2XJ- {\n display: flex;\n align-items: center;\n border-bottom: var(--trc-border-width, 1px) solid var(--trc-color-border-subtle, #ebebeb);\n}\n.CalendarDatePicker-module_calendar-date-picker__-G7aY .CalendarDatePicker-module_week-days__j2XJ- p {\n width: 14.2857142857%;\n margin: 0px;\n text-align: center;\n}');var L="InputBoxWithConfirmation-module_div-wrapper__DdQ1-",j="InputBoxWithConfirmation-module_focused__C6kd0",R="InputBoxWithConfirmation-module_input-box-with-confirmation__W4NkN",Y="InputBoxWithConfirmation-module_button-for-input-box-with-confirmation__qUi-Y";function B(e,n,l=[]){t((()=>{function t(t){e.current&&!e.current.contains(t.target)&&l.every((e=>e.current!==t.target))&&n()}return document.addEventListener("mousedown",t),()=>{document.removeEventListener("mousedown",t)}}),[e,n,l])}C(".InputBoxWithConfirmation-module_div-wrapper__DdQ1- {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n border: solid var(--trc-border-width, 1px) var(--trc-color-border, rgb(184, 184, 184));\n background-color: var(--trc-color-surface-muted, rgb(250, 250, 250));\n border-radius: var(--trc-radius-md, 8px);\n transition: border 0.3s;\n cursor: text;\n}\n.InputBoxWithConfirmation-module_div-wrapper__DdQ1-.InputBoxWithConfirmation-module_focused__C6kd0 {\n border-color: var(--trc-color-focus, #218dec);\n}\n.InputBoxWithConfirmation-module_div-wrapper__DdQ1- .InputBoxWithConfirmation-module_input-box-with-confirmation__W4NkN {\n box-sizing: border-box;\n padding: 10px 2ch;\n min-width: 10ch;\n text-align: center;\n border: none;\n background-color: transparent;\n font-family: var(--trc-font-family, Arial, Helvetica, sans-serif);\n font-size: var(--trc-font-size-md, 16px);\n font-weight: var(--trc-font-weight-semibold, 600);\n color: var(--trc-color-text-muted, dimgray);\n transition: all 0.2s;\n}\n.InputBoxWithConfirmation-module_div-wrapper__DdQ1- .InputBoxWithConfirmation-module_input-box-with-confirmation__W4NkN::-webkit-inner-spin-button {\n display: none;\n}\n.InputBoxWithConfirmation-module_div-wrapper__DdQ1- .InputBoxWithConfirmation-module_input-box-with-confirmation__W4NkN:focus {\n outline: none;\n}\n.InputBoxWithConfirmation-module_div-wrapper__DdQ1- .InputBoxWithConfirmation-module_button-for-input-box-with-confirmation__qUi-Y {\n position: absolute;\n right: 0px;\n background-color: transparent;\n color: var(--trc-color-text-subtle, rgb(158, 158, 158));\n width: 32px;\n height: 32px;\n border-radius: var(--trc-radius-pill, 16px);\n font-size: var(--trc-font-size-md, 16px);\n border: none;\n cursor: pointer;\n transition: all 0.2s;\n}\n.InputBoxWithConfirmation-module_div-wrapper__DdQ1- .InputBoxWithConfirmation-module_button-for-input-box-with-confirmation__qUi-Y:focus {\n outline: none;\n}\n.InputBoxWithConfirmation-module_div-wrapper__DdQ1- .InputBoxWithConfirmation-module_button-for-input-box-with-confirmation__qUi-Y:hover {\n background-color: var(--trc-color-surface-hover, rgb(241, 241, 241));\n color: var(--trc-color-primary, var(--primary-color));\n}");const H=({onConfirmAction:o,inputType:a="text",minimumValue:i="",maximumValue:c="",maxLength:d,placeholder:s="",divWrapperCustomStyle:_,inputBoxCustomStyle:p,defaultValue:b,overrideCurrentValue:g,showConfirmationButton:h,disabled:f})=>{const v=r(null),y=r(null),[x,S]=n(void 0!==b?String(b):""),[w,C]=n(void 0!==b?String(b):""),[k,M]=n(!1),E=()=>{if(!w&&"0"!==w&&""!==w)return x;if("number"===a){let e=Number(w);return""!==i&&e<Number(i)?e=Number(i):""!==c&&e>Number(c)&&(e=Number(c)),String(e)}return w},D=()=>{const e=E();C(e),e&&(o(e),S(e))};return B(y,(()=>{k&&(h?C(x):D(),M(!1))})),t((()=>{void 0!==g?(C(String(g)),S(String(g))):null===g&&(C(""),S(""))}),[g]),e.createElement("div",{ref:y,style:_,className:`${L} ${k?j:""}`,onClick:()=>{v.current&&v.current.focus()}},e.createElement("input",{ref:v,disabled:f,className:R,type:a,style:Object.assign({width:`${((null==w?void 0:w.length)?w.length:0)+7}ch`},p),min:i,max:c,maxLength:d,placeholder:s,value:k?w:x,onClick:e=>{e.stopPropagation()},onChange:e=>{let n=e.target.value;d&&n.length>d&&(n=n.slice(0,d)),C(n)},onFocus:e=>{S(e.target.value),C(e.target.value),M(!0)},onKeyDown:e=>{"Enter"===e.key\|\|"NumpadEnter"===e.key\|\|"Tab"===e.key?(D(),M(!1),v.current&&v.current.blur()):"Escape"!==e.key&&"Esc"!==e.key\|\|(C(x),M(!1),v.current&&v.current.blur())}}),!f&&h&&e.createElement(l,null,k?e.createElement("button",{title:"Confirm",type:"button",className:Y,onClick:()=>{D(),M(!1)}},e.createElement(u,null)):e.createElement("button",{title:"Edit",type:"button",className:Y,onClick:()=>{v.current&&v.current.focus()}},e.createElement(m,null))))};var J={"calendar-scrollable-section":"CalendarScrollableSection-module_calendar-scrollable-section__uzWbW","days-grid":"CalendarScrollableSection-module_days-grid__lN--o","days-row":"CalendarScrollableSection-module_days-row__wqsnT","day-cell":"CalendarScrollableSection-module_day-cell__CvovF",day:"CalendarScrollableSection-module_day__dS5iz",background:"CalendarScrollableSection-module_background__EwVgU","first-half":"CalendarScrollableSection-module_first-half__p9Eie","second-half":"CalendarScrollableSection-module_second-half__fyESG",today:"CalendarScrollableSection-module_today__zqpHy","in-month":"CalendarScrollableSection-module_in-month__vbbx-","not-in-month":"CalendarScrollableSection-module_not-in-month__-3eLq",selected:"CalendarScrollableSection-module_selected__y4L6S","check-in":"CalendarScrollableSection-module_check-in__Nl1mo","check-out":"CalendarScrollableSection-module_check-out__ShFpZ","not-selectable":"CalendarScrollableSection-module_not-selectable__mba-l","out-of-selection":"CalendarScrollableSection-module_out-of-selection__Upoeg","cross-line":"CalendarScrollableSection-module_cross-line__lsB3g",crossed:"CalendarScrollableSection-module_crossed__trZeE"};function P(e){return 0===e.getDay()?6:e.getDay()-1}function $(e){const n=e=>Number(e)<10?"-0":"-";return e.getFullYear().toString().concat(n(e.getMonth()+1),(e.getMonth()+1).toString().concat(n(e.getDate()),e.getDate().toString()))}C('@property --angle {\n sintax: "<angle>";\n inherits: false;\n initial-value: 270deg;\n}\n@property --color-default {\n sintax: "<color>";\n inherits: false;\n initial-value: white;\n}\n@property --color-selected {\n sintax: "<color>";\n inherits: false;\n initial-value: #e3f3e3;\n}\n@property --percentage-default {\n sintax: "<percentage>";\n inherits: false;\n initial-value: 100%;\n}\n@property --percentage-selected {\n sintax: "<percentage>";\n inherits: false;\n initial-value: 0%;\n}\n.CalendarScrollableSection-module_calendar-scrollable-section__uzWbW {\n width: 100%;\n aspect-ratio: 1/1;\n overflow-y: scroll;\n -ms-overflow-style: none;\n scrollbar-width: none;\n border-bottom: var(--trc-border-width, 1px) solid var(--trc-color-border-subtle, #ebebeb);\n}\n.CalendarScrollableSection-module_calendar-scrollable-section__uzWbW::-webkit-scrollbar {\n display: none;\n}\n.CalendarScrollableSection-module_calendar-scrollable-section__uzWbW .CalendarScrollableSection-module_days-grid__lN--o {\n width: 100%;\n}\n.CalendarScrollableSection-module_calendar-scrollable-section__uzWbW .CalendarScrollableSection-module_days-grid__lN--o .CalendarScrollableSection-module_days-row__wqsnT {\n width: 100%;\n display: flex;\n align-items: center;\n}\n.CalendarScrollableSection-module_calendar-scrollable-section__uzWbW .CalendarScrollableSection-module_days-grid__lN--o .CalendarScrollableSection-module_days-row__wqsnT .CalendarScrollableSection-module_day-cell__CvovF {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 14.2857142857%;\n aspect-ratio: 1/1;\n}\n.CalendarScrollableSection-module_calendar-scrollable-section__uzWbW .CalendarScrollableSection-module_days-grid__lN--o .CalendarScrollableSection-module_days-row__wqsnT .CalendarScrollableSection-module_day-cell__CvovF .CalendarScrollableSection-module_day__dS5iz {\n position: relative;\n --angle: 270deg;\n --color-default: var(--trc-color-surface-hover, #f3f3f3);\n --color-selected: var(--trc-color-secondary-soft, #b7d4b6);\n --percentage-default: 100%;\n --percentage-selected: 0%;\n display: flex;\n align-items: center;\n justify-content: center;\n width: calc(100% - 8px);\n height: calc(100% - 8px);\n margin: 0px;\n border-radius: 1000px;\n overflow: hidden;\n user-select: none;\n transition: all 0.5s ease-in-out;\n cursor: pointer;\n}\n.CalendarScrollableSection-module_calendar-scrollable-section__uzWbW .CalendarScrollableSection-module_days-grid__lN--o .CalendarScrollableSection-module_days-row__wqsnT .CalendarScrollableSection-module_day-cell__CvovF .CalendarScrollableSection-module_day__dS5iz p {\n z-index: 2;\n margin: 0px;\n}\n.CalendarScrollableSection-module_calendar-scrollable-section__uzWbW .CalendarScrollableSection-module_days-grid__lN--o .CalendarScrollableSection-module_days-row__wqsnT .CalendarScrollableSection-module_day-cell__CvovF .CalendarScrollableSection-module_day__dS5iz .CalendarScrollableSection-module_background__EwVgU {\n z-index: 1;\n position: absolute;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 100%;\n transform: rotate(var(--angle));\n transition: all 0.5s ease-in-out;\n}\n.CalendarScrollableSection-module_calendar-scrollable-section__uzWbW .CalendarScrollableSection-module_days-grid__lN--o .CalendarScrollableSection-module_days-row__wqsnT .CalendarScrollableSection-module_day-cell__CvovF .CalendarScrollableSection-module_day__dS5iz .CalendarScrollableSection-module_background__EwVgU .CalendarScrollableSection-module_first-half__p9Eie {\n width: var(--percentage-default);\n height: 100%;\n background-color: var(--color-default);\n transition: all 0.3s ease-in-out;\n}\n.CalendarScrollableSection-module_calendar-scrollable-section__uzWbW .CalendarScrollableSection-module_days-grid__lN--o .CalendarScrollableSection-module_days-row__wqsnT .CalendarScrollableSection-module_day-cell__CvovF .CalendarScrollableSection-module_day__dS5iz .CalendarScrollableSection-module_background__EwVgU .CalendarScrollableSection-module_second-half__fyESG {\n width: var(--percentage-selected);\n height: 100%;\n background-color: var(--color-selected);\n transition: all 0.3s ease-in-out;\n}\n.CalendarScrollableSection-module_calendar-scrollable-section__uzWbW .CalendarScrollableSection-module_days-grid__lN--o .CalendarScrollableSection-module_days-row__wqsnT .CalendarScrollableSection-module_day-cell__CvovF .CalendarScrollableSection-module_day__dS5iz.CalendarScrollableSection-module_today__zqpHy {\n outline: solid var(--trc-control-border-width, 2px) var(--trc-color-text-muted, #787878);\n}\n.CalendarScrollableSection-module_calendar-scrollable-section__uzWbW .CalendarScrollableSection-module_days-grid__lN--o .CalendarScrollableSection-module_days-row__wqsnT .CalendarScrollableSection-module_day-cell__CvovF .CalendarScrollableSection-module_day__dS5iz.CalendarScrollableSection-module_in-month__vbbx- {\n color: var(--trc-color-text-muted, var(--medium-gray, #787878));\n}\n.CalendarScrollableSection-module_calendar-scrollable-section__uzWbW .CalendarScrollableSection-module_days-grid__lN--o .CalendarScrollableSection-module_days-row__wqsnT .CalendarScrollableSection-module_day-cell__CvovF .CalendarScrollableSection-module_day__dS5iz.CalendarScrollableSection-module_not-in-month__-3eLq {\n opacity: 0.35;\n}\n.CalendarScrollableSection-module_calendar-scrollable-section__uzWbW .CalendarScrollableSection-module_days-grid__lN--o .CalendarScrollableSection-module_days-row__wqsnT .CalendarScrollableSection-module_day-cell__CvovF .CalendarScrollableSection-module_day__dS5iz.CalendarScrollableSection-module_selected__y4L6S {\n --percentage-default: 0%;\n --percentage-selected: 100%;\n}\n.CalendarScrollableSection-module_calendar-scrollable-section__uzWbW .CalendarScrollableSection-module_days-grid__lN--o .CalendarScrollableSection-module_days-row__wqsnT .CalendarScrollableSection-module_day-cell__CvovF .CalendarScrollableSection-module_day__dS5iz.CalendarScrollableSection-module_check-in__Nl1mo {\n --angle: 405deg;\n --color-default: var(--trc-color-surface-hover, #f3f3f3);\n --percentage-default: 50%;\n --percentage-selected: 50%;\n}\n.CalendarScrollableSection-module_calendar-scrollable-section__uzWbW .CalendarScrollableSection-module_days-grid__lN--o .CalendarScrollableSection-module_days-row__wqsnT .CalendarScrollableSection-module_day-cell__CvovF .CalendarScrollableSection-module_day__dS5iz.CalendarScrollableSection-module_check-out__ShFpZ {\n --angle: 225deg;\n --color-default: var(--trc-color-surface-hover, #f3f3f3);\n --percentage-default: 50%;\n --percentage-selected: 50%;\n}\n.CalendarScrollableSection-module_calendar-scrollable-section__uzWbW .CalendarScrollableSection-module_days-grid__lN--o .CalendarScrollableSection-module_days-row__wqsnT .CalendarScrollableSection-module_day-cell__CvovF .CalendarScrollableSection-module_day__dS5iz.CalendarScrollableSection-module_not-selectable__mba-l {\n cursor: not-allowed;\n}\n.CalendarScrollableSection-module_calendar-scrollable-section__uzWbW .CalendarScrollableSection-module_days-grid__lN--o .CalendarScrollableSection-module_days-row__wqsnT .CalendarScrollableSection-module_day-cell__CvovF .CalendarScrollableSection-module_day__dS5iz.CalendarScrollableSection-module_out-of-selection__Upoeg {\n opacity: 0.1;\n cursor: not-allowed;\n}\n.CalendarScrollableSection-module_calendar-scrollable-section__uzWbW .CalendarScrollableSection-module_days-grid__lN--o .CalendarScrollableSection-module_days-row__wqsnT .CalendarScrollableSection-module_day-cell__CvovF .CalendarScrollableSection-module_cross-line__lsB3g {\n z-index: 2;\n position: absolute;\n width: 120%;\n height: 3px;\n background-color: var(--trc-color-text-subtle, #bbb);\n transform: rotate(-45deg);\n display: none;\n}\n.CalendarScrollableSection-module_calendar-scrollable-section__uzWbW .CalendarScrollableSection-module_days-grid__lN--o .CalendarScrollableSection-module_days-row__wqsnT .CalendarScrollableSection-module_day-cell__CvovF.CalendarScrollableSection-module_crossed__trZeE .CalendarScrollableSection-module_cross-line__lsB3g {\n display: block;\n}');const X=["enero","febrero","marzo","abril","mayo","junio","julio","agosto","septiembre","octubre","noviembre","diciembre"],Z=["january","february","march","april","may","june","july","august","september","october","november","december"];function q(e,n){return`${("es_ES"===n?X:Z)[e.getMonth()]} ${e.getFullYear()}`}function U(e){const n=(t=e,new Date(t.getFullYear(),t.getMonth()+1,0).getDate());var t;const l=e.getFullYear(),r=e.getMonth(),o=n-(7-P(new Date(l,r,1)));return Math.ceil(o/7)+1}const V=(e,n)=>{const t=(n,t)=>{const l=new Date(n,t,1),r=new Date(e.minimumDate.getFullYear(),e.minimumDate.getMonth(),1),o=new Date(e.maximumDate.getFullYear(),e.maximumDate.getMonth()+1,0),a=l.valueOf()<r.valueOf(),i=l.valueOf()>o.valueOf();return!a&&!i},l={setMonth:()=>t(e.year,n.value)?Object.assign(Object.assign({},e),{month:n.value}):Object.assign({},e),setYear:()=>t(n.value,e.month)?Object.assign(Object.assign({},e),{year:n.value}):Object.assign({},e),setMinimumDate:()=>Object.assign(Object.assign({},e),{minimumDate:new Date(n.value)}),setMaximumdate:()=>Object.assign(Object.assign({},e),{maximumDate:new Date(n.value)}),changeByMonthOffset:()=>{const l=new Date(e.year,e.month+n.value,1);return t(e.year,e.month+n.value)?Object.assign(Object.assign({},e),{year:l.getFullYear(),month:l.getMonth()}):Object.assign({},e)}}[n.type]();return l\|\|Object.assign({},e)},Q=({dates:n,month:l,year:a,mode:i,onSelectedDatesChange:c,onFocusedMonth:d,customDates:s=[],minimumDate:u=new Date(1970,0,1),maximumDate:m=new Date((new Date).getFullYear()+100,1,1)})=>{const[_,p]=o(V,{month:l,year:a,minimumDate:u,maximumDate:m}),b=r(null),g=e=>!s.some((n=>n.dates.some((n=>n.valueOf()===e.valueOf()))&&!n.selectable)),h=e=>{let n=J["day-cell"];return s.some((n=>n.dates.some((n=>n.valueOf()===e.valueOf()))&&n.crossed))&&(n+=` ${J.crossed}`),n},f=e=>{let t=J.day;$(e)===$(new Date)&&(t+=` ${J.today}`),e.getMonth()===_.month?t+=` ${J["in-month"]}`:t+=` ${J["not-in-month"]}`;const l=n.some((n=>n.valueOf()===e.valueOf())),r=("range"===i\|\|"booking"===i)&&2===n.length&&n[0].valueOf()<e.valueOf()&&e.valueOf()<n[1].valueOf();if((l\|\|r)&&(t+=` ${J.selected}`),"booking"===i){2===n.length&&e.valueOf()===n[0].valueOf()&&(t+=` ${J["check-in"]}`);2===n.length&&e.valueOf()===n[1].valueOf()&&(t+=` ${J["check-out"]}`)}g(e)?t+=` ${J.selectable}`:t+=` ${J["not-selectable"]}`;return(e.valueOf()<u.valueOf()\|\|e.valueOf()>m.valueOf())&&(t+=` ${J["out-of-selection"]}`),t},v=e=>{const n=s.find((n=>n.dates.some((n=>n.valueOf()===e.valueOf()))));return n?{backgroundColor:n.color}:void 0};return t((()=>{b.current&&(b.current.scrollTop=b.current.scrollHeight/52)}),[]),t((()=>{d(_.month,_.year)}),[_.year,_.month,d]),e.createElement("section",{ref:b,className:J["calendar-scrollable-section"],onScroll:e=>{const n=e.target,t=n.scrollHeight/5,l=1.25t,r=2.75t;n.scrollTop<l&&p({type:"changeByMonthOffset",value:-1}),n.scrollTop>r&&p({type:"changeByMonthOffset",value:1})}},Array(5).fill(0).map(((t,l)=>{const r=l-2,o=new Date(_.year,_.month+r,1),a=0===new Date(_.year,_.month+r+1,0).getDay();let d=U(o);a\|\|(d-=1);const p=P(o);return e.createElement("div",{className:J["days-grid"],key:`grid:${$(o)}}`},Array(d).fill(0).map(((t,l)=>e.createElement("div",{className:J["days-row"],key:`grid:${$(o)}-row:${l}`},Array(7).fill(0).map(((t,o)=>{const a=_.month+r,d=7l+o+1-p,b=new Date(_.year,a,d);return e.createElement("div",{className:h(b),key:$(b),onClick:()=>(e=>{if(s.forEach((n=>{n.dates.some((n=>n.valueOf()===e.valueOf()))&&(n.clickSideEffect&&n.clickSideEffect(e),n.clearSelectionIfClicked)&&c([])})),!g(e))return;if(e.valueOf()<u.valueOf()\|\|e.valueOf()>m.valueOf())return;let t=[...n];"single"===i&&(t=[e]),"multiple"===i&&(t=n.some((n=>n.valueOf()===e.valueOf()))?n.filter((n=>n.valueOf()!==e.valueOf())):[...n,e]),"range"===i&&(t=0===n.length?[e]:1===n.length?n[0].valueOf()<e.valueOf()?[...n,e]:[e,n[0]]:[]),"booking"===i&&(t=0===n.length?[e]:n[0].valueOf()===e.valueOf()?[]:1===n.length?n[0].valueOf()<e.valueOf()?[...n,e]:[e,n[0]]:[]),c(t)})(b)},e.createElement("div",{className:J["cross-line"]}),e.createElement("div",{className:f(b)},e.createElement("div",{className:J.background},e.createElement("div",{className:J["first-half"],style:v(b)}),e.createElement("div",{className:J["second-half"],style:v(b)})),e.createElement("p",null,b.getDate())))}))))))})))},K={en:{january:"january",february:"february",march:"march",april:"april",may:"may",june:"june",july:"july",august:"august",september:"september",october:"october",november:"november",december:"december",monday:"monday",tuesday:"tuesday",wednesday:"wednesday",thursday:"thursday",friday:"friday",saturday:"saturday",sunday:"sunday",today:"today"},es:{january:"enero",february:"febrero",march:"marzo",april:"abril",may:"mayo",june:"junio",july:"julio",august:"agosto",september:"septiembre",october:"octubre",november:"noviembre",december:"diciembre",monday:"lunes",tuesday:"martes",wednesday:"miércoles",thursday:"jueves",friday:"viernes",saturday:"sábado",sunday:"domingo",today:"hoy"}},ee=(e,n)=>{switch(e){case 0:return K[n].january;case 1:return K[n].february;case 2:return K[n].march;case 3:return K[n].april;case 4:return K[n].may;case 5:return K[n].june;case 6:return K[n].july;case 7:return K[n].august;case 8:return K[n].september;case 9:return K[n].october;case 10:return K[n].november;case 11:return K[n].december;default:return""}},ne=({mode:t,onSelectedDatesChange:l=()=>{},language:r="en",customDates:o=[],minimumDate:a=new Date(1970,0,1),maximumDate:i=new Date((new Date).getFullYear()+100,1,1),customStyle:c})=>{const[d,s]=n([]),[u,m]=n((new Date).getFullYear()),[_,p]=n((new Date).getMonth()),[b,g]=n(Math.random()),h=e=>{const n=new Date(a.getFullYear(),a.getMonth(),1),t=new Date(i.getFullYear(),i.getMonth()+1,0),l=e.valueOf()>=n.valueOf(),r=e.valueOf()<=t.valueOf();return l&&r};return e.createElement("div",{className:W,style:c},e.createElement("button",{className:T,onClick:()=>{const e=new Date;h(e)&&(p(e.getMonth()),m(e.getFullYear()),g(Math.random()))}},K[r].today.slice(0,1).toUpperCase()+K[r].today.slice(1)),e.createElement("section",{className:O},e.createElement("select",{style:{fontFamily:null==c?void 0:c.fontFamily},className:A,value:_,onChange:e=>{const n=Number(e.target.value);p(n),g(Math.random())}},Array(12).fill(0).map(((n,t)=>{const l=new Date(u,t,1),o=!h(l);return e.createElement("option",{key:ee(t,r),value:t,disabled:o},ee(t,r))}))),e.createElement(H,{inputType:"number",divWrapperCustomStyle:{width:"4ch",border:"none",backgroundColor:"transparent",fontFamily:null==c?void 0:c.fontFamily},inputBoxCustomStyle:{padding:0,fontFamily:null==c?void 0:c.fontFamily,fontSize:24},maxLength:4,defaultValue:u.toString(),overrideCurrentValue:u.toString(),minimumValue:a.getFullYear().toString(),maximumValue:i.getFullYear().toString(),onConfirmAction:e=>{let n=Number(e);const t=new Date(n,_,1);h(t)?(m(n),g(Math.random())):t.valueOf()<a.valueOf()?(m(a.getFullYear()),p(a.getMonth()),g(Math.random())):t.valueOf()>i.valueOf()&&(m(i.getFullYear()),p(i.getMonth()),g(Math.random()))}})),e.createElement("section",{className:G},e.createElement("p",null,K[r].monday.slice(0,1).toUpperCase()),e.createElement("p",null,K[r].tuesday.slice(0,1).toUpperCase()),e.createElement("p",null,K[r].wednesday.slice(0,1).toUpperCase()),e.createElement("p",null,K[r].thursday.slice(0,1).toUpperCase()),e.createElement("p",null,K[r].friday.slice(0,1).toUpperCase()),e.createElement("p",null,K[r].saturday.slice(0,1).toUpperCase()),e.createElement("p",null,K[r].sunday.slice(0,1).toUpperCase())),e.createElement(Q,{key:b,dates:d,year:u,month:_,mode:t,onSelectedDatesChange:e=>{l(e),s(e)},onFocusedMonth:(e,n)=>{p(e),m(n)},customDates:o,minimumDate:a,maximumDate:i}))};var te="IntegerControl-module_integer-control__-tzTl",le="IntegerControl-module_default__FJoED";C(".IntegerControl-module_integer-control__-tzTl {\n display: flex;\n align-items: center;\n -webkit-tap-highlight-color: transparent;\n}\n.IntegerControl-module_integer-control__-tzTl button {\n border: none;\n background: none;\n padding: 0;\n margin: 0;\n}\n.IntegerControl-module_integer-control__-tzTl button svg {\n height: 44px;\n width: 44px;\n fill: var(--trc-color-text-disabled, #c9c9c9);\n transition: fill var(--trc-transition-fast, 100ms ease-in-out);\n cursor: pointer;\n}\n.IntegerControl-module_integer-control__-tzTl button svg:active {\n fill: var(--trc-color-text-muted, #787878);\n}\n.IntegerControl-module_integer-control__-tzTl input {\n border: none;\n background: none;\n padding: 0;\n color: var(--trc-color-text, #414141);\n text-align: center;\n font-family: var(--trc-font-family, Arial, Helvetica, sans-serif);\n font-size: var(--trc-font-size-2xl, 32px);\n font-style: normal;\n font-weight: var(--trc-font-weight-semibold, 600);\n line-height: var(--trc-line-height-tight, normal);\n min-width: 50px;\n transition: color 300ms ease-in-out;\n}\n.IntegerControl-module_integer-control__-tzTl input::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n}\n.IntegerControl-module_integer-control__-tzTl input:focus {\n outline: transparent;\n}\n.IntegerControl-module_integer-control__-tzTl.IntegerControl-module_default__FJoED input {\n color: var(--trc-color-text-muted, #787878);\n}");const re=({onChange:t=()=>{},defaultValue:l=0,minimumValue:r,maximumValue:o,customStyle:a})=>{const[i,c]=n(l),d=e=>{let n=e;(r\|\|0===r)&&e<r?n=r:(o\|\|0===o)&&e>o&&(n=o),c(n),t(n)};return e.createElement("div",{className:`${te} ${i===l?le:""}`,style:a},e.createElement("button",{onClick:()=>d(i-1)},e.createElement(S,null)),e.createElement("input",{onChange:e=>d(Number(e.target.value)),value:i,type:"number",min:String(r),max:String(o),style:{width:i.toString().length+1+"ch"}}),e.createElement("button",{onClick:()=>d(i+1)},e.createElement(w,null)))};var oe="LabeledInput-module_labeled-input__xzE4h",ae="LabeledInput-module_error-message__5-9lv";C(".LabeledInput-module_labeled-input__xzE4h {\n position: relative;\n border-radius: var(--trc-radius-md, 8px);\n border: var(--trc-control-border-width, 2px) solid var(--trc-color-text-subtle, #959595);\n padding: 0px 28px;\n background: var(--trc-color-surface, #fff);\n box-sizing: border-box;\n transition: all var(--trc-transition-base, 200ms ease-in-out);\n cursor: pointer;\n}\n.LabeledInput-module_labeled-input__xzE4h label {\n z-index: 1;\n position: absolute;\n color: var(--trc-color-text-subtle, #959595);\n font-family: var(--trc-font-family, Arial, Helvetica, sans-serif);\n font-size: var(--trc-font-size-lg, 20px);\n font-style: normal;\n font-weight: var(--trc-font-weight-regular, 400);\n line-height: var(--trc-line-height-tight, normal);\n top: 50%;\n left: 28px;\n padding: 0;\n height: 2px;\n display: flex;\n align-items: center;\n transition: all 250ms ease-in-out;\n -webkit-user-select: none;\n user-select: none;\n}\n.LabeledInput-module_labeled-input__xzE4h label[data-is-shrinked=true] {\n top: -2px;\n left: 10px;\n font-weight: var(--trc-font-weight-semibold, 600);\n font-size: var(--trc-font-size-xs, 12px);\n padding: 0px 5px;\n}\n.LabeledInput-module_labeled-input__xzE4h input {\n z-index: 2;\n position: absolute;\n top: calc(50% - 12px);\n height: 24px;\n width: calc(100% - 56px);\n border: none;\n outline: transparent;\n background: transparent;\n font-family: var(--trc-font-family, Arial, Helvetica, sans-serif);\n font-size: var(--trc-font-size-lg, 20px);\n font-style: normal;\n font-weight: var(--trc-font-weight-regular, 400);\n line-height: var(--trc-line-height-tight, normal);\n color: var(--trc-color-text-subtle, #959595);\n padding: 0;\n cursor: pointer;\n}\n.LabeledInput-module_labeled-input__xzE4h input:focus {\n outline: transparent;\n cursor: text;\n}\n.LabeledInput-module_labeled-input__xzE4h[data-has-error=true] {\n border-color: var(--trc-color-danger, #f34d1b);\n}\n.LabeledInput-module_labeled-input__xzE4h[data-has-error=true] label {\n color: var(--trc-color-danger-soft, #e17959);\n}\n.LabeledInput-module_labeled-input__xzE4h .LabeledInput-module_error-message__5-9lv {\n position: absolute;\n margin: 0;\n top: calc(100% + 5px);\n left: 5px;\n color: var(--trc-color-danger, #f34d1b);\n font-family: var(--trc-font-family, Arial, Helvetica, sans-serif);\n font-size: var(--trc-font-size-xs, 12px);\n font-style: normal;\n font-weight: var(--trc-font-weight-regular, 400);\n line-height: var(--trc-line-height-tight, normal);\n padding: 0;\n transition: all var(--trc-transition-base, 200ms ease-in-out);\n}");const ie=({label:l,defaultValue:o,onChange:a=()=>{},width:i="328px",height:c="66px",backgroundColor:d="var(--trc-color-surface, white)",textAlign:s="left",highlightError:u=!1,errorMessage:m,inputProps:_,specialType:p})=>{const b=r(null),[g,h]=n(!1);return t((()=>{o&&h(!0)}),[o]),e.createElement("div",{className:oe,"data-has-error":u,onClick:()=>{b.current&&b.current.focus()},style:{width:i,height:c,backgroundColor:d}},e.createElement("label",{"data-is-shrinked":g,style:{backgroundColor:d}},l),e.createElement("input",Object.assign({ref:b},_,{onFocus:()=>h(!0),onBlur:e=>{e.target.value\|\|h(!1)},defaultValue:o,onChange:e=>{let n=e.target.value;switch(p){case"credit-card-number":n=(e=>{var n;const t=e.replace(/\D/g,"").slice(0,16);let l=t.match(/.{1,4}/g);return 15===t.length&&(l=[t.slice(0,5),t.slice(5,11),t.slice(11,16)]),null!==(n=null==l?void 0:l.join(" "))&&void 0!==n?n:""})(n);break;case"expiration-date":n=(e=>{var n;const t=e.replace(/\D/g,"").slice(0,4).match(/.{1,2}/g);return null!==(n=null==t?void 0:t.join(" / "))&&void 0!==n?n:""})(n);break;case"cvv":n=(e=>e.replace(/\D/g,"").slice(0,4))(n);break;case"phone":n=(e=>(e.startsWith("+")?"+":"")+e.replace(/\D/g,"").slice(0,15))(n)}e.target.value=n,a(n)},style:{textAlign:s}})),u&&m&&e.createElement("p",{className:ae},m))},ce=864e5;function de(e,n,t,l){null!==n.current&&(n.current.scrollLeft=(Date.parse(e.toString())-(Date.parse((new Date).toString())-tce))/cel)}function se(n,t,l){let r=Date.parse((new Date).toString())-nce,o=Date.parse((new Date).toString())+tce,a=[],i=[];for(let n=0;nce+r<o;n++){let t=new Date(cen+r),o=t;o.setDate(1),o.setHours(12,0,0,0);let c=q(t,l);i.includes(c)\|\|(i.push(c),a.push(e.createElement("option",{key:$(o),value:$(o)},c)))}return a}var ue={multicalendar:"Multicalendar-module_multicalendar__koIJg","div-upper-left-component":"Multicalendar-module_div-upper-left-component__BL2vu",controls:"Multicalendar-module_controls__Ryigr","div-dates-navigation":"Multicalendar-module_div-dates-navigation__N4Dna","div-aditional-controls-components":"Multicalendar-module_div-aditional-controls-components__ElQQF","vertical-axis":"Multicalendar-module_vertical-axis__otLXf","div-list-element-column":"Multicalendar-module_div-list-element-column__MSfNT","horizontal-axis":"Multicalendar-module_horizontal-axis__cn4Nh","div-weeks-buttons":"Multicalendar-module_div-weeks-buttons__37T5W","past-week-button":"Multicalendar-module_past-week-button__X8k5t","next-week-button":"Multicalendar-module_next-week-button__l1DCS","div-dates-row":"Multicalendar-module_div-dates-row__5CKuX","div-main-container":"Multicalendar-module_div-main-container__wMIlM","main-container":"Multicalendar-module_main-container__DZjT2"};C('.Multicalendar-module_multicalendar__koIJg {\n display: grid;\n color: var(--trc-color-text, black);\n font-family: var(--trc-font-family, Arial, Helvetica, sans-serif);\n width: 100%;\n height: 100%;\n grid-template-areas: "fil con" "fil hor" "ver gri";\n text-align: center;\n transition: 0.5s;\n}\n.Multicalendar-module_multicalendar__koIJg .Multicalendar-module_div-upper-left-component__BL2vu {\n grid-area: fil;\n position: relative;\n width: 100%;\n height: 100%;\n z-index: 2;\n background-color: var(--trc-color-surface, white);\n border-bottom: var(--trc-border-width, 1px) solid var(--trc-color-border-subtle, rgb(235, 235, 235));\n border-right: var(--trc-border-width, 1px) solid var(--trc-color-border-subtle, rgb(235, 235, 235));\n box-sizing: border-box;\n display: flex;\n flex-flow: column;\n justify-content: center;\n align-items: center;\n}\n.Multicalendar-module_multicalendar__koIJg .Multicalendar-module_controls__Ryigr {\n grid-area: con;\n height: 100%;\n padding: 2px;\n box-sizing: border-box;\n display: flex;\n align-items: center;\n justify-content: space-between;\n flex-wrap: wrap-reverse;\n box-sizing: border-box;\n border-bottom: var(--border-tenues);\n}\n.Multicalendar-module_multicalendar__koIJg .Multicalendar-module_controls__Ryigr .Multicalendar-module_div-dates-navigation__N4Dna {\n display: flex;\n align-items: center;\n}\n.Multicalendar-module_multicalendar__koIJg .Multicalendar-module_controls__Ryigr .Multicalendar-module_div-dates-navigation__N4Dna button {\n cursor: pointer;\n margin: 0px;\n position: relative;\n text-align: center;\n text-decoration: none;\n border: var(--trc-border-width, 1px) solid var(--trc-color-border, rgb(216, 216, 216));\n padding: 4px 8px;\n box-sizing: border-box;\n color: var(--trc-color-text, black);\n font-size: var(--trc-font-size-sm, 14px);\n touch-action: manipulation;\n border-radius: var(--trc-radius-sm, 6px);\n background: var(--trc-color-surface, rgb(255, 255, 255));\n font-weight: var(--trc-font-weight-regular, normal);\n height: calc(100% - 16px);\n}\n.Multicalendar-module_multicalendar__koIJg .Multicalendar-module_controls__Ryigr .Multicalendar-module_div-aditional-controls-components__ElQQF {\n display: flex;\n justify-content: flex-end;\n align-items: center;\n flex-grow: 1;\n}\n.Multicalendar-module_multicalendar__koIJg .Multicalendar-module_div-upper-left-component__BL2vu {\n grid-area: fil;\n position: relative;\n width: 100%;\n height: 100%;\n z-index: 2;\n background-color: var(--trc-color-surface, white);\n border-bottom: var(--trc-border-width, 1px) solid var(--trc-color-border-subtle, rgb(235, 235, 235));\n border-right: var(--trc-border-width, 1px) solid var(--trc-color-border-subtle, rgb(235, 235, 235));\n box-sizing: border-box;\n display: flex;\n flex-flow: column;\n justify-content: flex-end;\n}\n.Multicalendar-module_multicalendar__koIJg .Multicalendar-module_vertical-axis__otLXf {\n grid-area: ver;\n position: relative;\n width: 100%;\n height: 100%;\n box-shadow: var(--trc-shadow-modal, rgba(0, 0, 0, 0.15) 0px 0px 16px 5px);\n z-index: 1;\n}\n.Multicalendar-module_multicalendar__koIJg .Multicalendar-module_vertical-axis__otLXf .Multicalendar-module_div-list-element-column__MSfNT {\n height: 100%;\n overflow-y: scroll;\n box-sizing: border-box;\n}\n.Multicalendar-module_multicalendar__koIJg .Multicalendar-module_horizontal-axis__cn4Nh {\n grid-area: hor;\n position: relative;\n max-width: 100%;\n height: 90px;\n}\n.Multicalendar-module_multicalendar__koIJg .Multicalendar-module_horizontal-axis__cn4Nh .Multicalendar-module_div-weeks-buttons__37T5W {\n position: absolute;\n bottom: 0;\n width: 100%;\n height: 74px;\n}\n.Multicalendar-module_multicalendar__koIJg .Multicalendar-module_horizontal-axis__cn4Nh .Multicalendar-module_div-weeks-buttons__37T5W .Multicalendar-module_past-week-button__X8k5t,\n.Multicalendar-module_multicalendar__koIJg .Multicalendar-module_horizontal-axis__cn4Nh .Multicalendar-module_div-weeks-buttons__37T5W .Multicalendar-module_next-week-button__l1DCS {\n z-index: 2;\n position: absolute;\n background-color: transparent;\n border: none;\n height: 100%;\n width: 32px;\n font-size: 1em;\n color: var(--trc-color-primary, var(--primary-color));\n border-radius: var(--trc-radius-sm, 6px);\n cursor: pointer;\n transition: all 0.3s;\n height: 75%;\n background: var(--trc-color-surface, rgb(255, 255, 255));\n box-shadow: 0px 0px 8px 8px var(--trc-color-surface, white);\n}\n.Multicalendar-module_multicalendar__koIJg .Multicalendar-module_horizontal-axis__cn4Nh .Multicalendar-module_div-weeks-buttons__37T5W .Multicalendar-module_past-week-button__X8k5t:hover,\n.Multicalendar-module_multicalendar__koIJg .Multicalendar-module_horizontal-axis__cn4Nh .Multicalendar-module_div-weeks-buttons__37T5W .Multicalendar-module_next-week-button__l1DCS:hover {\n background: var(--trc-color-surface-hover, rgb(247, 247, 247));\n box-shadow: 0px 0px 8px 8px var(--trc-color-surface-hover, rgb(247, 247, 247));\n}\n.Multicalendar-module_multicalendar__koIJg .Multicalendar-module_horizontal-axis__cn4Nh .Multicalendar-module_div-weeks-buttons__37T5W .Multicalendar-module_past-week-button__X8k5t:active,\n.Multicalendar-module_multicalendar__koIJg .Multicalendar-module_horizontal-axis__cn4Nh .Multicalendar-module_div-weeks-buttons__37T5W .Multicalendar-module_next-week-button__l1DCS:active {\n background: var(--trc-color-surface-active, rgb(167, 167, 167));\n box-shadow: 0px 0px 8px 8px var(--trc-color-surface-active, rgb(167, 167, 167));\n}\n.Multicalendar-module_multicalendar__koIJg .Multicalendar-module_horizontal-axis__cn4Nh .Multicalendar-module_div-weeks-buttons__37T5W .Multicalendar-module_past-week-button__X8k5t {\n left: 5px;\n}\n.Multicalendar-module_multicalendar__koIJg .Multicalendar-module_horizontal-axis__cn4Nh .Multicalendar-module_div-weeks-buttons__37T5W .Multicalendar-module_next-week-button__l1DCS {\n right: 5px;\n}\n.Multicalendar-module_multicalendar__koIJg .Multicalendar-module_horizontal-axis__cn4Nh .Multicalendar-module_div-dates-row__5CKuX {\n position: absolute;\n bottom: 0;\n width: 100%;\n overflow-x: scroll;\n border-bottom: var(--trc-border-width, 1px) solid var(--trc-color-border-subtle, rgb(235, 235, 235));\n box-sizing: border-box;\n}\n.Multicalendar-module_multicalendar__koIJg .Multicalendar-module_div-main-container__wMIlM {\n grid-area: gri;\n height: 100%;\n position: relative;\n width: 100%;\n overflow: hidden;\n}\n.Multicalendar-module_multicalendar__koIJg .Multicalendar-module_main-container__DZjT2 {\n position: relative;\n min-width: 100%;\n height: 100%;\n overflow-x: scroll;\n}');var me="DatesRow-module_dates-row__roAc0",_e="DatesRow-module_date-cell__xzHPT",pe="DatesRow-module_div-date-cell__M2v60",be="DatesRow-module_month-start__5FSLx";C(".DatesRow-module_dates-row__roAc0 {\n box-sizing: border-box;\n display: flex;\n flex-flow: row;\n overflow-y: hidden;\n}\n.DatesRow-module_dates-row__roAc0 .DatesRow-module_date-cell__xzHPT {\n position: relative;\n}\n.DatesRow-module_dates-row__roAc0 .DatesRow-module_date-cell__xzHPT .DatesRow-module_div-date-cell__M2v60 {\n position: absolute;\n bottom: 0;\n width: 100%;\n height: 48px;\n display: flex;\n flex-flow: column;\n justify-content: center;\n align-items: center;\n}\n.DatesRow-module_dates-row__roAc0 .DatesRow-module_date-cell__xzHPT .DatesRow-module_div-date-cell__M2v60[data-is-today=true] {\n position: absolute;\n bottom: 0;\n width: 100%;\n height: 48px;\n display: flex;\n flex-flow: column;\n justify-content: center;\n align-items: center;\n}\n.DatesRow-module_dates-row__roAc0 .DatesRow-module_date-cell__xzHPT .DatesRow-module_div-date-cell__M2v60[data-is-today=true] div {\n border-radius: var(--trc-radius-xs, 4px);\n background: var(--trc-color-primary, var(--primary-color, dimgray));\n color: var(--trc-color-primary-contrast, rgb(255, 255, 255));\n font-size: var(--trc-font-size-sm, 14px);\n line-height: 18px;\n font-weight: 800;\n width: 40px;\n height: 40px;\n padding: 1px 0;\n}\n.DatesRow-module_dates-row__roAc0 .DatesRow-module_date-cell__xzHPT .DatesRow-module_div-date-cell__M2v60 p {\n margin: 0;\n font-size: var(--trc-font-size-sm, 14px);\n line-height: 18px;\n}\n.DatesRow-module_dates-row__roAc0 .DatesRow-module_date-cell__xzHPT .DatesRow-module_month-start__5FSLx {\n position: absolute;\n top: 0;\n height: 100%;\n box-sizing: border-box;\n border-left: var(--trc-border-width, 1px) solid var(--trc-color-border-subtle, rgb(235, 235, 235));\n}\n.DatesRow-module_dates-row__roAc0 .DatesRow-module_date-cell__xzHPT .DatesRow-module_month-start__5FSLx p {\n margin: 0;\n font-size: var(--trc-font-size-md, 16px);\n line-height: 20px;\n font-weight: var(--trc-font-weight-semibold, 600);\n white-space: nowrap;\n padding-left: 8px;\n padding-top: 8px;\n}");const ge=({visibleDates:n,width:t,height:l,cellsWidth:r,cellsHeight:o,offset:a,language:i})=>{const c={en_EN:{sunday:"Sunday",monday:"Monday",tuesday:"Tuesday",wednesday:"Wednesday",thursday:"Thursday",friday:"Friday",saturday:"Saturday",january:"January",february:"February",march:"March",april:"April",may:"May",june:"June",july:"July",august:"August",september:"September",october:"October",november:"November",december:"December"},es_ES:{sunday:"Domingo",monday:"Lunes",tuesday:"Martes",wednesday:"Miércoles",thursday:"Jueves",friday:"Viernes",saturday:"Sábado",january:"Enero",february:"Febrero",march:"Marzo",april:"Abril",may:"Mayo",june:"Junio",july:"Julio",august:"Agosto",september:"Septiembre",october:"Octubre",november:"Noviembre",december:"Diciembre"}},d=[c[i].sunday.slice(0,2),c[i].monday.slice(0,2),c[i].tuesday.slice(0,2),c[i].wednesday.slice(0,2),c[i].thursday.slice(0,2),c[i].friday.slice(0,2),c[i].saturday.slice(0,2)],s=[c[i].january,c[i].february,c[i].march,c[i].april,c[i].may,c[i].june,c[i].july,c[i].august,c[i].september,c[i].october,c[i].november,c[i].december];return e.createElement("div",{className:me,style:{width:t,height:l,paddingLeft:ar}},n.length>0&&n.map((n=>e.createElement("div",{key:n.toString(),className:_e,style:{width:r,height:o}},e.createElement("div",{className:pe,"data-is-today":n.getDate()===(new Date).getDate()&&n.getMonth()===(new Date).getMonth()&&n.getFullYear()===(new Date).getFullYear()},e.createElement("div",null,e.createElement("p",null,d[n.getDay()]),e.createElement("p",null,n.getDate()))),1===n.getDate()&&e.createElement("div",{className:be},e.createElement("p",null,s[n.getMonth()]," ",n.getFullYear()))))))};var he="ListElementsColumn-module_list-element-column__46wTg";C(".ListElementsColumn-module_list-element-column__46wTg {\n box-sizing: border-box;\n}");var fe="ListElement-module_list-element__t9ZwR";C(".ListElement-module_list-element__t9ZwR {\n position: relative;\n border-bottom: var(--trc-border-width, 1px) solid var(--trc-color-border-subtle, rgb(235, 235, 235));\n box-sizing: border-box;\n background-color: var(--trc-color-surface, white);\n cursor: pointer;\n overflow: hidden;\n}\n.ListElement-module_list-element__t9ZwR:hover {\n background-color: var(--trc-color-surface-hover, rgb(240, 240, 240));\n}");var ve=e.memo((({listElementId:n,ReactListElementChildren:t,height:l})=>e.createElement("div",{className:fe,style:{height:l}},e.createElement(t,{listElementId:n}))));const ye=({ReactListElementChildren:n,listHeight:t,yOffset:l,elementsHeight:r,idsArray:o})=>e.createElement("div",{className:he,style:{height:t,paddingTop:lr}},o.map((t=>e.createElement(ve,{key:t,height:r,listElementId:t,ReactListElementChildren:n}))));var xe="DatesGrid-module_dates-grid__GvBcr",Se="DatesGrid-module_div-cells-row-height__eRcXw";C(".DatesGrid-module_dates-grid__GvBcr {\n box-sizing: border-box;\n}\n.DatesGrid-module_dates-grid__GvBcr .DatesGrid-module_div-cells-row-height__eRcXw {\n box-sizing: border-box;\n}");var we="CellsRow-module_cells-row__TJvv8";C(".CellsRow-module_cells-row__TJvv8 {\n display: flex;\n flex-flow: row;\n}");var Ce="Cell-module_cell__FNVcp";C(".Cell-module_cell__FNVcp {\n position: relative;\n border: var(--trc-border-width, 1px) solid var(--trc-color-border, rgb(200, 200, 200));\n border-radius: var(--trc-radius-sm, 6px);\n}");var ke=e.memo((({date:n,listElementId:t,width:l,heigth:r,ReactCellChildren:o})=>e.createElement("div",{className:Ce,style:{width:l,height:r}},e.createElement(o,{date:n,listElementId:t}))));const Me=({listElementId:n,visibleDatesArray:t,width:l,height:r,cellsWidth:o,cellsHeight:a,ReactCellChildren:i})=>e.createElement("div",{className:we,style:{width:l,height:r}},t.length>0&&t.map((t=>e.createElement(ke,{key:n+t.toString(),date:$(t),listElementId:n,width:o,heigth:a,ReactCellChildren:i})))),Ee=({gridWidth:n,gridHeight:t,xOffset:l,yOffset:r,cellsWidth:o,cellsHeight:a,visibleListElementsIdsArray:i,visibleDates:c,ReactCellChildren:d})=>{const s=n-c.lengtho,u=lo>s?s:lo;return e.createElement("div",{className:xe,style:{width:n}},e.createElement("div",{className:Se,style:{height:t,paddingTop:ra,paddingLeft:u}},i.map((n=>e.createElement(Me,{key:n,listElementId:n,visibleDatesArray:c,width:c.lengtho,height:a,cellsWidth:o,cellsHeight:a,ReactCellChildren:d})))))};var De="DropdownMonthNavigation-module_dropdown-month-navigation__M-YCF";C(".DropdownMonthNavigation-module_dropdown-month-navigation__M-YCF {\n position: relative;\n display: flex;\n width: 200px;\n margin: 0px 10px;\n border: var(--trc-border-width, 1px) solid var(--trc-color-border, rgb(216, 216, 216));\n color: var(--trc-color-text, black);\n background-color: var(--trc-color-surface, white);\n border-radius: var(--trc-radius-sm, 6px);\n white-space: nowrap;\n font-size: var(--trc-font-size-sm, 14px);\n line-height: 18px;\n height: 28px;\n}");const Ne=({visibleMonth:n,visibleYear:t,onChangeAction:l,options:r})=>e.createElement("select",{title:"Select a month",className:De,value:$(new Date(t,n,1,12,0,0,0)),onChange:e=>l(e.target.value)},r);function ze(){const[e,t]=n([0,0]);return a((()=>{function e(){t([window.innerWidth,window.innerHeight])}return window.addEventListener("resize",e),e(),()=>window.removeEventListener("resize",e)}),[]),e}const Ie=e=>sessionStorage.getItem(`MulticalendarScrollTopPosition-${e}`),Fe=e=>sessionStorage.getItem(`MulticalendarScrollLeftPosition-${e}`),We={en_EN:{Today:"Today"},es_ES:{Today:"Hoy"}},Te=({multicalendarId:l,ReactCellChildren:o,ReactListElementChildren:a,listElementsIdsArray:i,language:c="en_EN",pastDatesVisible:d=!0,cellsWidth:s=120,cellsHeight:u=80,verticalAxisWidth:m=280,pastDaysInitialQuantity:b=365,futureDaysInitialQuantity:g=365,chunkRenderX:h=0,chunkRenderY:f=0,dynamicDaysQuantity:v=!1,authomaticScrollOnDraggingOverEdges:y=!1,waitTimeForCalls:x=500,callsOnInitialView:S,callsOnScrollingStops:w,aditionalControlsComponents:C,upperLeftComponent:k,autoSavePosition:M,onScrollTopChanges:E,onScrollLeftChanges:D})=>{var N,z;const I=1+h,F=r(null),W=r(null),T=r(null),O=r(null),A=r(null),[G,L]=n(!1),[j,R]=ze(),[Y,B]=n(Math.ceil(g)),[H,J]=n(d?Math.ceil(b):0),[P,$]=n(0),[X,Z]=n(0),[q,U]=n(1),[V,Q]=n(0),[K,ee]=n([]),[ne,te]=n([]),[le,re]=n(!1),[oe,ae]=n({x:Fe(l)?Number(Fe(l)):d?Math.ceil(b)s:0,y:Ie(l)?Number(Ie(l)):0}),[ie,me]=n(oe.x),[_e,pe]=n(oe.y),[be,he]=n({x:oe.x,y:oe.y}),[fe,ve]=n(!1),[xe,Se]=n(new Date),[we,Ce]=n(void 0),[ke,Me]=n(void 0),[De,Te]=n(void 0),[Oe,Ae]=n(!1),[Ge,Le]=n((null===(N=O.current)\|\|void 0===N?void 0:N.clientHeight)?O.current.clientHeight:0),[je,Re]=n((null===(z=A.current)\|\|void 0===z?void 0:z.clientHeight)?A.current.clientHeight:0),[Ye,Be]=n(!1);return t((()=>{ae({x:d?Math.ceil(b)s:0,y:0})}),[d,b,s]),t((()=>{T.current&&!1===fe&&(T.current.scrollTop=oe.y,T.current.scrollLeft=oe.x,ve(!0))}),[oe.y,oe.x,fe]),t((()=>(D&&D(ie),E&&E(_e),()=>{M&&(_e!==oe.y&&((e,n)=>{sessionStorage.setItem(`MulticalendarScrollTopPosition-${e}`,n)})(l,String(_e)),ie!==oe.x&&((e,n)=>{sessionStorage.setItem(`MulticalendarScrollLeftPosition-${e}`,n)})(l,String(ie)))})),[M,_e,ie,oe.y,oe.x]),t((()=>{J(d?Math.ceil(b):0)}),[d,b]),t((()=>{!G&&ne.length>0&&K.length>0&&S&&(L(!0),S(ne,K))}),[G,ne,K,S]),t((()=>{var e,n;const t=(null===(e=O.current)\|\|void 0===e?void 0:e.clientHeight)?O.current.clientHeight:0,l=(null===(n=A.current)\|\|void 0===n?void 0:n.clientHeight)?A.current.clientHeight:0;Le(t),Re(l),re(!0),$(Math.ceil((j-m)/s)+1),Z(Math.ceil((R-t-l)/u)+1),null!==T.current&&(me(T.current.scrollLeft),he({x:T.current.scrollLeft,y:T.current.scrollTop}),U(Math.floor(T.current.scrollLeft/s)-h))}),[j,R,m,u,s,h]),t((()=>{if(be.x===oe.x&&be.y===oe.y\|\|Math.abs(be.y-_e)/u>f\|\|le){be.x===oe.x&&be.y===oe.y\|\|null!==T.current&&he({x:T.current.scrollLeft,y:T.current.scrollTop});let e=function(e,n,t){let l=Math.floor(e/n)-t;return l<0&&(l=0),l}(_e,u,f);Q(e),te(function(e,n,t,l){let r=[];for(let o=0;o<e+2n;o++)l[o+t]&&o+t>=0&&(r[o]=l[o+t]);return r}(X,f,e,i)),le&&re(!1)}}),[le,_e,u,f,oe.x,oe.y,X,be.x,be.y,i]),t((()=>{if(be.x===oe.x&&be.y===oe.y\|\|ie<s\|\|Math.abs(be.x-ie)/s>h\|\|le){ee([]),be.x===oe.x&&be.y===oe.y\|\|null!==T.current&&he({x:T.current.scrollLeft,y:T.current.scrollTop}),U(function(e,n,t){return Math.floor(e/n)-t}(ie,s,h));const e=function(e,n,t,l){let r=new Date(Date.parse((new Date).toString())+ce(Math.floor(e/n)-t-l));return r.setHours(12,0,0,0),Date.parse(r.toString())}(ie,s,H,I);Se(function(e,n){return new Date(e+nce)}(e,I)),le&&re(!1),ee(function(e,n,t){let l=[];for(let r=0;r<e+2n;r++)l[r]=new Date(t+ce(r+1));return l}(P,h,e))}}),[le,P,ie,h,s,I,H,be.x,be.y,oe.x,oe.y]),t((()=>{Ae(!0),clearTimeout(we),Ce(void 0)}),[ie,_e]),t((()=>{if(void 0===we){let e=setTimeout((()=>Ae(!1)),x);Ce(e)}}),[ie,_e,we,x]),t((()=>{!Oe&&w&&w(ne,K)}),[Oe,ne,K]),t((()=>{y\|\|(void 0!==ke&&Me(void 0),void 0!==De&&Te(void 0))}),[y,ke,De]),t((()=>(document.body.addEventListener("mousedown",(()=>{Be(!0)})),document.body.addEventListener("mouseup",(()=>{Be(!1)})),()=>{document.body.removeEventListener("mousedown",(()=>{Be(!0)})),document.body.removeEventListener("mouseup",(()=>{Be(!1)}))})),[y]),e.createElement("div",{key:l,id:l,"data-testid":l,className:ue.multicalendar,style:{gridTemplateColumns:`${m}px`,gridTemplateRows:`auto auto calc(100% - ${Ge+je}px`}},e.createElement("div",{ref:O,className:ue.controls},e.createElement("div",{className:ue["div-dates-navigation"]},e.createElement(Ne,{visibleYear:xe.getFullYear(),visibleMonth:xe.getMonth(),onChangeAction:e=>{de(new Date(Number(Date.parse(function(e){if(!/^\d{4}-\d{2}-\d{2}$/.test(e))throw new Error("Invalid SQL date format");let n=e.split("-");return new Date(Number(n[0]),Number(n[1])-1,Number(n[2]))}(e).toString()))),T,H,s)},options:se(H,Y,c)}),e.createElement("button",{type:"button",className:ue["today-button"],onClick:()=>de(new Date,T,H,s)},We[c].Today)),C&&e.createElement("div",{className:ue["div-aditional-controls-components"]},C)),e.createElement("div",{className:ue["div-upper-left-component"]},k),e.createElement("div",{className:ue["vertical-axis"]},e.createElement("div",{ref:W,className:ue["div-list-element-column"],onScroll:e=>{null!==T.current&&(T.current.scrollTop=e.target.scrollTop)}},e.createElement(ye,{listHeight:ui.length,yOffset:V,elementsHeight:u,idsArray:ne,ReactListElementChildren:a}))),e.createElement("div",{ref:A,className:ue["horizontal-axis"]},e.createElement("div",{className:ue["div-weeks-buttons"]},e.createElement("button",{type:"button",title:"Past Week",className:ue["past-week-button"],onClick:()=>{null!==F.current&&F.current.scroll({left:F.current.scrollLeft-7s})}},e.createElement(_,null)),e.createElement("button",{type:"button",title:"Next Week",onClick:()=>{null!==F.current&&F.current.scroll({left:F.current.scrollLeft+7s})},className:ue["next-week-button"]},e.createElement(p,null))),e.createElement("div",{ref:F,className:ue["div-dates-row"],onScroll:e=>{null!==T.current&&(T.current.scrollLeft=e.target.scrollLeft)}},e.createElement(ge,{visibleDates:K,width:(H+Y)s,height:74,cellsWidth:s,cellsHeight:74,offset:q,language:c}))),e.createElement("div",{className:ue["div-main-container"]},e.createElement("div",{ref:T,className:ue["main-container"],onScroll:e=>{if(null!==F.current){const n=e.target.scrollLeft;F.current.scrollLeft=n,me(n)}if(null!==W.current){const n=e.target.scrollTop;W.current.scrollTop=n,pe(n)}var n,t,l,r,o,a;v&&e.target.scrollLeft+e.target.offsetWidth>(H+Y)s-s&&B(Y+1),d&&v&&e.target.scrollLeft<s&&(J(H+1),e.target.scrollLeft=3s),n=Ye,t=ke,l=De,r=.8s,o=.8u,a=e.target,n&&(t&&(t<r&&(a.scrollLeft-=r-t),t>a.offsetWidth-r&&(a.scrollLeft+=t+r-a.offsetWidth)),l&&(l<o&&(a.scrollTop-=o-l),l>a.offsetHeight-o&&(a.scrollTop+=l+o-a.offsetHeight)))},onMouseMove:e=>{if(null!==T.current&&Ye){let a=e.clientX-T.current.getBoundingClientRect().left,i=e.clientY-T.current.getBoundingClientRect().top;Me(a),Te(i),n=a,t=i,l=.8s,r=.8u,o=T,Ye&&null!==o.current&&(n<l&&(o.current.scrollLeft-=10),n>o.current.offsetWidth-l&&(o.current.scrollLeft+=10),t<r&&(o.current.scrollTop-=10),t>o.current.offsetHeight-r&&(o.current.scrollTop+=10))}var n,t,l,r,o}},e.createElement(Ee,{gridWidth:(H+Y)s,gridHeight:ui.length,xOffset:q,yOffset:V,cellsWidth:s,cellsHeight:u,visibleListElementsIdsArray:ne,visibleDates:K,ReactCellChildren:o}))))};var Oe="ScreenSteps-module_screen-steps__AX-nZ",Ae="ScreenSteps-module_steps__AuZhk",Ge="ScreenSteps-module_step__2kFuY",Le="ScreenSteps-module_outer-text__akI1y",je="ScreenSteps-module_frame__3J2mc",Re="ScreenSteps-module_steps-content__-Yj-E",Ye="ScreenSteps-module_step-component__Lu3G5";function Be(e,l){const[o,a]=n(!1),i=r(null);return t((()=>(i.current&&i.current.disconnect(),i.current=new IntersectionObserver((([e])=>{a(e.isIntersecting)}),l),e.current&&i.current.observe(e.current),()=>{i.current&&i.current.disconnect()})),[e,l]),o}function He(e){const[l,o]=n(0),[a,i]=n(0),c=r(new ResizeObserver((e=>{const{width:n,height:t}=e[0].contentRect;o(n),i(t)})));return t((()=>{null!==e.current&&c.current.observe(e.current);const n=c.current,t=e.current;return()=>{null!==t&&n.unobserve(t)}}),[e,c]),[l,a]}C(".ScreenSteps-module_screen-steps__AX-nZ {\n width: 100%;\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: center;\n}\n.ScreenSteps-module_screen-steps__AX-nZ .ScreenSteps-module_steps__AuZhk {\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.ScreenSteps-module_screen-steps__AX-nZ .ScreenSteps-module_steps__AuZhk .ScreenSteps-module_step__2kFuY {\n width: 62px;\n height: 62px;\n border-radius: var(--trc-radius-pill, 31px);\n background-color: var(--trc-color-disabled-soft, hsla(0, 0%, 58%, 0.2));\n display: flex;\n align-items: center;\n justify-content: center;\n color: rgba(65, 65, 65, 0.4);\n text-align: center;\n font-family: var(--trc-font-family, Arial, Helvetica, sans-serif);\n font-size: 15px;\n font-style: normal;\n font-weight: var(--trc-font-weight-semibold, 600);\n line-height: var(--trc-line-height-tight, normal);\n cursor: pointer;\n transition: all 300ms ease-in-out;\n}\n.ScreenSteps-module_screen-steps__AX-nZ .ScreenSteps-module_steps__AuZhk .ScreenSteps-module_step__2kFuY[data-is-complete=true] {\n background-color: var(--trc-color-primary-soft, rgba(112, 90, 0, 0.4));\n color: rgba(65, 65, 65, 0.4);\n}\n.ScreenSteps-module_screen-steps__AX-nZ .ScreenSteps-module_steps__AuZhk .ScreenSteps-module_step__2kFuY[data-is-current=true] {\n background-color: var(--trc-color-primary-muted, rgba(112, 90, 0, 0.6));\n color: var(--trc-color-text, #414141);\n}\n.ScreenSteps-module_screen-steps__AX-nZ .ScreenSteps-module_outer-text__akI1y {\n color: var(--trc-color-text-muted, #787878);\n text-align: center;\n font-family: var(--trc-font-family, Arial, Helvetica, sans-serif);\n font-size: var(--trc-font-size-lg, 20px);\n font-style: normal;\n font-weight: var(--trc-font-weight-regular, 400);\n line-height: var(--trc-line-height-tight, normal);\n margin: 0;\n}\n.ScreenSteps-module_screen-steps__AX-nZ .ScreenSteps-module_frame__3J2mc {\n width: 100%;\n overflow: hidden;\n transition: height 300ms ease-in-out;\n}\n.ScreenSteps-module_screen-steps__AX-nZ .ScreenSteps-module_frame__3J2mc .ScreenSteps-module_steps-content__-Yj-E {\n display: flex;\n justify-content: flex-start;\n transition: all 300ms ease-in-out;\n}\n.ScreenSteps-module_screen-steps__AX-nZ .ScreenSteps-module_frame__3J2mc .ScreenSteps-module_step-component__Lu3G5 {\n max-height: 0px;\n}\n.ScreenSteps-module_screen-steps__AX-nZ .ScreenSteps-module_frame__3J2mc .ScreenSteps-module_step-component__Lu3G5[data-is-current=true] {\n max-height: max-content;\n}");const Je=({steps:l,defaultStep:o=0,onStepChange:a=()=>{},canNavigate:i,overrideStep:c})=>{const d=r(null),[s,u]=n(o),[m,_]=He(d);t((()=>{void 0!==c&&c<l.length&&c>=0&&c!==s&&u(c)}),[c]);return e.createElement("section",{className:Oe},e.createElement("nav",{className:Ae},l.map(((n,t)=>e.createElement("div",{key:n.innerText,className:Ge,"data-is-completed":t<s,"data-is-current":t===s,"data-can-navigate":i,onClick:()=>{i&&(u(t),a(t))}},n.innerText)))),e.createElement("p",{className:Le},l[s].outterText),e.createElement("div",{className:je,style:{height:_\|\|"100%"}},e.createElement("div",{ref:d,className:Re,style:(()=>{const e=100/l.length;return{width:100l.length+"%",transform:`translateX(-${es}%)`}})()},l.map(((n,t)=>e.createElement("div",{key:n.innerText,className:Ye,"data-is-current":t===s,style:{width:100/l.length+"%"}},n.component))))))};var Pe="ScrollSnapGallery-module_scroll-snap-gallery__CR-GS",$e="ScrollSnapGallery-module_frame__267TC",Xe="ScrollSnapGallery-module_arrow-controls__yw2Zl",Ze="ScrollSnapGallery-module_arrow__1ueyq",qe="ScrollSnapGallery-module_position-indicator__3Y7Mh",Ue="ScrollSnapGallery-module_indicator-icon__YrYF2",Ve="ScrollSnapGallery-module_current__ckZrA",Qe="ScrollSnapGallery-module_medium-shrunken__DuED2",Ke="ScrollSnapGallery-module_full-shrunken__VSbF7",en="ScrollSnapGallery-module_hidden__c0w-O";C(".ScrollSnapGallery-module_scroll-snap-gallery__CR-GS {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n}\n.ScrollSnapGallery-module_scroll-snap-gallery__CR-GS .ScrollSnapGallery-module_frame__267TC {\n display: flex;\n align-items: center;\n scroll-snap-type: x mandatory;\n scroll-snap-stop: always;\n scroll-behavior: smooth;\n overflow-x: auto;\n overflow-y: hidden;\n -webkit-overflow-scrolling: touch;\n -ms-overflow-style: none;\n scrollbar-width: none;\n -webkit-user-select: none;\n user-select: none;\n}\n.ScrollSnapGallery-module_scroll-snap-gallery__CR-GS .ScrollSnapGallery-module_frame__267TC::-webkit-scrollbar {\n display: none;\n}\n.ScrollSnapGallery-module_scroll-snap-gallery__CR-GS .ScrollSnapGallery-module_frame__267TC img {\n scroll-snap-align: center;\n min-width: 100%;\n width: 100%;\n height: 100%;\n object-fit: cover;\n}\n.ScrollSnapGallery-module_scroll-snap-gallery__CR-GS .ScrollSnapGallery-module_arrow-controls__yw2Zl {\n display: flex;\n justify-content: center;\n align-items: center;\n margin-top: 10px;\n}\n.ScrollSnapGallery-module_scroll-snap-gallery__CR-GS .ScrollSnapGallery-module_arrow-controls__yw2Zl .ScrollSnapGallery-module_arrow__1ueyq {\n width: 24px;\n height: 24px;\n fill: var(--trc-color-text-subtle, #959595);\n transition: all var(--trc-transition-fast, 100ms ease-in-out);\n z-index: 2;\n cursor: pointer;\n}\n.ScrollSnapGallery-module_scroll-snap-gallery__CR-GS .ScrollSnapGallery-module_arrow-controls__yw2Zl .ScrollSnapGallery-module_arrow__1ueyq:active {\n fill: var(--trc-color-text, #0d280b);\n}\n.ScrollSnapGallery-module_scroll-snap-gallery__CR-GS .ScrollSnapGallery-module_arrow-controls__yw2Zl .ScrollSnapGallery-module_position-indicator__3Y7Mh {\n display: flex;\n justify-content: center;\n align-items: center;\n transition: all 0.3s ease-in-out;\n}\n.ScrollSnapGallery-module_scroll-snap-gallery__CR-GS .ScrollSnapGallery-module_arrow-controls__yw2Zl .ScrollSnapGallery-module_position-indicator__3Y7Mh .ScrollSnapGallery-module_indicator-icon__YrYF2 {\n fill: var(--trc-color-text-subtle, #959595);\n transition: all 0.3s ease-in-out;\n}\n.ScrollSnapGallery-module_scroll-snap-gallery__CR-GS .ScrollSnapGallery-module_arrow-controls__yw2Zl .ScrollSnapGallery-module_position-indicator__3Y7Mh .ScrollSnapGallery-module_indicator-icon__YrYF2.ScrollSnapGallery-module_current__ckZrA {\n fill: var(--trc-color-text, #0d280b);\n}\n.ScrollSnapGallery-module_scroll-snap-gallery__CR-GS .ScrollSnapGallery-module_arrow-controls__yw2Zl .ScrollSnapGallery-module_position-indicator__3Y7Mh .ScrollSnapGallery-module_indicator-icon__YrYF2.ScrollSnapGallery-module_medium-shrunken__DuED2 {\n transform: scale(0.75);\n}\n.ScrollSnapGallery-module_scroll-snap-gallery__CR-GS .ScrollSnapGallery-module_arrow-controls__yw2Zl .ScrollSnapGallery-module_position-indicator__3Y7Mh .ScrollSnapGallery-module_indicator-icon__YrYF2.ScrollSnapGallery-module_full-shrunken__VSbF7 {\n transform: scale(0.5);\n}\n.ScrollSnapGallery-module_scroll-snap-gallery__CR-GS .ScrollSnapGallery-module_arrow-controls__yw2Zl .ScrollSnapGallery-module_position-indicator__3Y7Mh .ScrollSnapGallery-module_indicator-icon__YrYF2.ScrollSnapGallery-module_hidden__c0w-O {\n transform: scale(0);\n}");const nn=({urls:l=[],alts:o,width:a="400px",height:i="300px",IndicatorIcon:c=x,positionIndicatorSize:d=Math.min(l.length,6),iconSize:s=16,showArrows:u=!1,frameStyle:m={},onSlideChange:_=()=>{},autoChange:p=!1})=>{const h=r(null),[f,v]=n(0),[y,S]=n(0),[w,C]=n(d-1),[k,M]=n(0),[E,D]=n(0),N=e=>{let n=Ue;f===e&&(n+=` ${Ve}`);const t=0!==y&&e===y,r=w!==l.length-1&&e===w;(t\|\|r)&&(n+=` ${Ke}`);const o=0!==y&&e===y+1,a=w!==l.length-1&&e===w-1;return(o\|\|a)&&(n+=` ${Qe}`),(e<y\|\|e>w)&&(n+=` ${en}`),n};return t((()=>{M(ys)}),[y]),t((()=>{_(f)}),[f]),t((()=>{if(p){const e=setInterval((()=>{D((e=>e+1))}),3e3);return()=>clearInterval(e)}}),[p]),t((()=>{if(p){const e=h.current;e&&e.scrollLeft===e.scrollWidth-e.clientWidth?e.scrollLeft=0:e&&(e.scrollLeft+=e.clientWidth)}}),[p,E]),e.createElement("section",{className:Pe},e.createElement("div",{ref:h,className:$e,style:Object.assign(Object.assign({},m),{width:a,height:i}),onScroll:e=>{const{scrollLeft:n,clientWidth:t}=e.target,r=t,o=Math.round(n/r);if(v(o),o<=y){const e=Math.max(o-1,0),n=e+d-1;S(e),C(n)}else if(o>=w){const e=Math.min(o+1,l.length-1),n=e-d+1;C(e),S(n)}}},l.map(((n,t)=>e.createElement("img",{key:n+t,src:n,alt:o?o[t]:"gallery picture"})))),e.createElement("div",{className:Xe},u&&e.createElement(b,{className:Ze,onClick:()=>{const e=h.current;e&&(e.scrollLeft-=e.clientWidth)}}),e.createElement("div",{className:qe,style:{transform:`translateX(calc(50% - ${k}px - ${sd/2}px))`}},l.map(((n,t)=>e.createElement(c,{key:n+t,className:N(t),style:{width:s,height:s}})))),u&&e.createElement(g,{className:Ze,onClick:()=>{const e=h.current;e&&(e.scrollLeft+=e.clientWidth)}})))};var tn="StackedCards-module_stacked-cards__8IiBF",ln="StackedCards-module_card__4cF-v",rn="StackedCards-module_title__GYDch",on="StackedCards-module_content__6WDlF";C(".StackedCards-module_stacked-cards__8IiBF {\n position: relative;\n}\n.StackedCards-module_stacked-cards__8IiBF .StackedCards-module_card__4cF-v {\n position: absolute;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n width: 80%;\n height: 80%;\n background-color: var(--trc-color-surface, #fff);\n border-radius: var(--trc-radius-lg, 10px);\n border: var(--trc-control-border-width, 2px) solid var(--trc-color-border-subtle, #e2e2e2);\n transition: all 0.4s ease-out;\n}\n.StackedCards-module_stacked-cards__8IiBF .StackedCards-module_card__4cF-v .StackedCards-module_title__GYDch {\n width: 100%;\n overflow: hidden;\n}\n.StackedCards-module_stacked-cards__8IiBF .StackedCards-module_card__4cF-v .StackedCards-module_content__6WDlF {\n flex-grow: 1;\n width: 100%;\n overflow: auto;\n}\n.StackedCards-module_stacked-cards__8IiBF .StackedCards-module_card__4cF-v .StackedCards-module_content__6WDlF::-webkit-scrollbar {\n display: none;\n}\n.StackedCards-module_stacked-cards__8IiBF .StackedCards-module_card__4cF-v[data-is-selectable=true] {\n cursor: pointer;\n}\n.StackedCards-module_stacked-cards__8IiBF .StackedCards-module_card__4cF-v[data-is-selectable=true][data-should-card-rise=true]:hover {\n transform: translateY(-20px);\n}");const an=360,cn=({cards:l,initialCard:r,onCardChangeByUser:o,overrideSelectedCard:a,stackingOrientation:i=60,cardWidth:c=300,cardHeight:d=350})=>{const[s,u]=n(r),m=i>0?i%an:an+i%an,_=Math.PI/180i,p=e=>({horizontalOffset:80Math.cos(_)/l.lengthe,verticalOffset:80Math.sin(_)/l.lengthe}),b=e=>{const n={};let t=0,r=0,o=0;const a=p(e<s?e+1:e);e===s?o=l.length+1:(t=a.horizontalOffset,r=a.verticalOffset,o=l.length-e),n.zIndex=o;const i=e=>{n.right=e.right,n.bottom=e.bottom,n.left=e.left,n.top=e.top},c=m>90&&m<=180,d=m>180&&m<=270,u=m>270&&m<=an;return m>=0&&m<=90?i({right:`${t}px`,bottom:`${r}px`,left:"",top:""}):c?i({right:"",bottom:`${r}px`,left:-t+"px",top:""}):d?i({right:"",bottom:"",left:-t+"px",top:-r+"px"}):u&&i({right:`${t}px`,bottom:"",left:"",top:-r+"px"}),n};return t((()=>{void 0!==a&&a>=0&&a<l.length&&u(a)}),[a]),e.createElement("div",{className:tn,style:(()=>{const e=p(l.length-1).horizontalOffset+4,n=p(l.length-1).verticalOffset+4;return{width:c+Math.abs(e),height:d+Math.abs(n)}})()},l.map(((n,t)=>e.createElement("div",{className:ln,key:t,"data-is-selectable":t!==s,"data-should-card-rise":m>=0&&m<=180,style:Object.assign({height:d,width:c},b(t)),onClick:()=>{s!==t&&(u(t),o&&o(t))}},e.createElement("div",{className:rn},n.title),e.createElement("div",{className:on},n.content)))))};export{D as AlertModal,F as BubbleMenu,ne as CalendarDatePicker,H as InputBoxWithConfirmation,re as IntegerControl,ie as LabeledInput,E as Modal,Te as Multicalendar,Je as ScreenSteps,nn as ScrollSnapGallery,cn as StackedCards,Be as useIntersectionObserver,B as useOutsideClick,He as useResizeObserver,ze as useWindowsSize};

package/dist/esm/types/components/AlertModal/AlertModal.d.ts CHANGED Viewed

@@ -1,18 +1,32 @@
 import React from "react";
 type AlertModalProps = {
+    /** Visual intent used to select the default status icon and color. */
     type?: "success" | "error" | "warning" | "info" | "question";
+    /** Optional heading displayed above the modal message. */
     title?: string;
+    /** Short body copy displayed below the title. */
     message?: string;
+    /** Custom content rendered between the message and action buttons. */
     customChildren?: React.ReactNode;
+    /** Text rendered in the confirm action button. */
     confirmText?: string;
+    /** Text rendered in the cancel action button. */
     cancelText?: string;
+    /** Shows or hides the confirm action button. */
     confirmButton?: boolean;
+    /** Shows or hides the cancel action button. */
     cancelButton?: boolean;
+    /** Controlled open state. Set to true to display the modal. */
     overrideOpenState?: boolean;
+    /** Prevents closing the modal by clicking the backdrop. */
     forced?: boolean;
+    /** Icon size in pixels. */
     iconSize?: number;
+    /** Overrides the default icon color for the selected type. */
     iconColor?: string;
+    /** Called after the confirm button is clicked. */
     onConfirm?: () => void;
+    /** Called after the cancel button is clicked. */
     onCancel?: () => void;
 };
 declare const AlertModal: ({ type, title, message, customChildren, confirmText, cancelText, confirmButton, cancelButton, overrideOpenState, forced, iconSize, iconColor, onConfirm, onCancel, }: AlertModalProps) => React.JSX.Element;

package/dist/esm/types/components/AlertModal/index.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export { default } from "./AlertModal";

package/dist/esm/types/components/BubbleMenu/BubbleMenu.d.ts CHANGED Viewed

@@ -1,11 +1,17 @@
 import React from "react";
 type BubbleMenuProps = {
+    /** Menu actions displayed when the floating menu is open. */
     options: {
+        /** Icon rendered above the option text. */
         icon: React.ReactNode;
+        /** Label rendered inside the circular option button. */
         text: string;
+        /** Controls whether this option is shown. */
         visible: boolean;
+        /** Called after the menu close animation delay. */
         optionCallback: () => void;
     }[];
+    /** Language used for the floating menu toggle label. */
     language?: "en" | "es";
 };
 declare const BubbleMenu: ({ options, language }: BubbleMenuProps) => React.JSX.Element;

package/dist/esm/types/components/CalendarDatePicker/CalendarDatePicker.d.ts CHANGED Viewed

@@ -1,18 +1,31 @@
 import React from "react";
 export type CalendarDatePickerProps = {
+    /** Selection model used by the calendar. */
     mode: "single" | "multiple" | "range" | "booking";
+    /** Emits the current selection any time selected dates change. */
     onSelectedDatesChange: (dates: Date[]) => void;
+    /** Language used for month, weekday, and Today labels. */
     language?: "es" | "en";
+    /** Custom date rules used to color, disable, cross out, or handle specific days. */
     customDates?: {
+        /** Background color applied to matching dates. */
         color: string;
+        /** Dates affected by this rule. */
         dates: Date[];
+        /** Whether matching dates can be selected. */
         selectable: boolean;
+        /** Renders a diagonal crossed visual treatment on matching dates. */
         crossed?: boolean;
+        /** Clears the current selection when a matching date is clicked. */
         clearSelectionIfClicked?: boolean;
+        /** Optional side effect triggered when a matching date is clicked. */
         clickSideEffect?: (date: Date) => void;
     }[];
+    /** Earliest date/month the user can navigate to. */
     minimumDate?: Date;
+    /** Latest date/month the user can navigate to. */
     maximumDate?: Date;
+    /** Inline style applied to the calendar root element. */
     customStyle?: React.CSSProperties;
 };
 declare const CalendarDatePicker: ({ mode, onSelectedDatesChange, language, customDates, minimumDate, maximumDate, customStyle, }: CalendarDatePickerProps) => React.JSX.Element;

package/dist/esm/types/components/InputBoxWithConfirmation/InputBoxWithConfirmation.d.ts CHANGED Viewed

@@ -1,16 +1,28 @@
 import React from "react";
 type InputBoxWithConfirmationPropsType = {
+    /** Called with the committed value after confirmation, Enter, or blur. */
     onConfirmAction: (inputCurrentValue: string) => void;
+    /** Native input type used by the inner input. */
     inputType?: "text" | "number";
+    /** Minimum value passed to the native input and enforced for number inputs. */
     minimumValue?: HTMLInputElement["min"];
+    /** Maximum value passed to the native input and enforced for number inputs. */
     maximumValue?: HTMLInputElement["max"];
+    /** Maximum number of accepted characters. */
     maxLength?: HTMLInputElement["maxLength"];
+    /** Placeholder shown while the input is empty. */
     placeholder?: HTMLInputElement["placeholder"];
+    /** Inline styles applied to the outer clickable wrapper. */
     divWrapperCustomStyle?: React.CSSProperties;
+    /** Inline styles applied to the inner input element. */
     inputBoxCustomStyle?: React.CSSProperties;
+    /** Initial value shown before the user edits. */
     defaultValue?: string | number;
+    /** Controlled value override. Pass null to clear the input. */
     overrideCurrentValue?: string | number | null;
+    /** Shows explicit edit/confirm buttons instead of confirming directly on blur. */
     showConfirmationButton?: boolean;
+    /** Disables editing and hides the confirmation controls. */
     disabled?: boolean;
 };
 declare const InputBoxWithConfirmation: ({ onConfirmAction, inputType, minimumValue, maximumValue, maxLength, placeholder, divWrapperCustomStyle, inputBoxCustomStyle, defaultValue, overrideCurrentValue, showConfirmationButton, disabled, }: InputBoxWithConfirmationPropsType) => React.JSX.Element;

package/dist/esm/types/components/IntegerControl/IntegerControl.d.ts CHANGED Viewed

@@ -1,9 +1,14 @@
 import React from "react";
 type IntegerControlProps = {
+    /** Called with the clamped value after the user changes it. */
     onChange: (value: number) => void;
+    /** Initial value and visual baseline for the default state. */
     defaultValue?: number;
+    /** Lowest value the control can emit. */
     minimumValue?: number;
+    /** Highest value the control can emit. */
     maximumValue?: number;
+    /** Inline style applied to the root control. */
     customStyle?: React.CSSProperties;
 };
 declare const IntegerControl: ({ onChange, defaultValue, minimumValue, maximumValue, customStyle, }: IntegerControlProps) => React.JSX.Element;

package/dist/esm/types/components/LabeledInput/LabeledInput.d.ts CHANGED Viewed

@@ -1,16 +1,27 @@
 import React from "react";
 type SpecialType = "credit-card-number" | "expiration-date" | "cvv" | "phone";
 type LabeledInputProps = {
+    /** Floating label displayed over the input. */
     label: string;
+    /** Initial uncontrolled input value. */
     defaultValue?: string;
+    /** Called with the current formatted value whenever the user types. */
     onChange?: (value: string) => void;
+    /** CSS width applied to the root wrapper. */
     width?: string;
+    /** CSS height applied to the root wrapper. */
     height?: string;
+    /** Background color applied to the wrapper and label gap. */
     backgroundColor?: string;
+    /** Text alignment for the native input. */
     textAlign?: "left" | "center" | "right";
+    /** Enables the error border and label color. */
     highlightError?: boolean;
+    /** Error text displayed below the input when highlightError is true. */
     errorMessage?: string;
+    /** Additional props forwarded to the native input element. */
     inputProps?: React.ComponentProps<"input">;
+    /** Optional built-in formatter applied while typing. */
     specialType?: SpecialType;
 };
 declare const LabeledInput: ({ label, defaultValue, onChange, width, height, backgroundColor, textAlign, highlightError, errorMessage, inputProps, specialType, }: LabeledInputProps) => React.JSX.Element;

package/dist/esm/types/components/Modal/Modal.d.ts CHANGED Viewed

@@ -1,10 +1,16 @@
 import React from "react";
 type ModalProps = {
+    /** Content rendered inside the modal panel. */
     children: React.ReactNode;
+    /** Controlled open state. Set to true to display the modal. */
     overrideOpenState?: boolean;
+    /** Prevents backdrop clicks from closing the modal. */
     forced?: boolean;
+    /** Called when overrideOpenState opens the modal. */
     onOpen?: Function;
+    /** Called when the modal closes. */
     onClose?: Function;
+    /** Reserved transition duration prop. Current timing is controlled by CSS. */
     transitionTime?: number;
 };
 declare const Modal: ({ children, overrideOpenState, forced, onOpen, onClose, }: ModalProps) => React.JSX.Element;