josenanodev-react-components-library 1.1.1 → 1.1.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/cjs/index.js CHANGED
@@ -1 +1 @@
1
- "use strict";var e=require("react"),n=require("react-icons/bs"),l=require("react-icons/io5"),a=require("react-icons/ai"),t=require("react-icons/go");function o(e,n){void 0===n&&(n={});var l=n.insertAt;if(e&&"undefined"!=typeof document){var a=document.head||document.getElementsByTagName("head")[0],t=document.createElement("style");t.type="text/css","top"===l&&a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.styleSheet?t.styleSheet.cssText=e:t.appendChild(document.createTextNode(e))}}var r="BubbleMenu-module_menu-container__xrNNC",i="BubbleMenu-module_menu-button__I5R0w";o(".BubbleMenu-module_menu-container__xrNNC {\n position: fixed;\n z-index: 100;\n top: 0px;\n padding-top: 80px;\n box-sizing: border-box;\n width: 100vw;\n height: 100vh;\n}\n.BubbleMenu-module_menu-container__xrNNC[data-status=visible] {\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(0px);\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 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: 5px;\n}\n.BubbleMenu-module_menu-container__xrNNC ul li {\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 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 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 width: 0vw;\n }\n 1% {\n background-color: transparent;\n width: 100vw;\n }\n 100% {\n background-color: rgba(0, 0, 0, 0.3);\n width: 100vw;\n }\n}\n@keyframes BubbleMenu-module_hide-background__ESkim {\n 0% {\n background-color: rgba(0, 0, 0, 0.3);\n width: 100vw;\n }\n 99% {\n background-color: transparent;\n width: 100vw;\n }\n 100% {\n background-color: transparent;\n width: 0vw;\n }\n}");const c={en:{menu:"menu",close:"close"},es:{menu:"menú",close:"cerrar"}};var d="CalendarDatePicker-module_calendar-date-picker__-G7aY",s="CalendarDatePicker-module_title__gUwdA",u="CalendarDatePicker-module_today-button__YgI7t",_="CalendarDatePicker-module_month-and-year__LHJ8I",m="CalendarDatePicker-module_month-input__sFUHA",p="CalendarDatePicker-module_week-days__j2XJ-";o('@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 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_title__gUwdA {\n position: relative;\n display: flex;\n align-items: center;\n width: 100%;\n font-size: 16px;\n}\n.CalendarDatePicker-module_calendar-date-picker__-G7aY .CalendarDatePicker-module_title__gUwdA svg {\n margin: 0px 5px;\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: 20px;\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 b="InputBoxWithConfirmation-module_div-wrapper__DdQ1-",S="InputBoxWithConfirmation-module_focused__C6kd0",g="InputBoxWithConfirmation-module_input-box-with-confirmation__W4NkN",y="InputBoxWithConfirmation-module_button-for-input-box-with-confirmation__qUi-Y";o(".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}\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 f=({onConfirmAction:l,inputType:a="text",minimumValue:t="",maximumValue:o="",maxLength:r,placeholder:i="",divWrapperCustomStyle:c,inputBoxCustomStyle:d,defaultValue:s,overrideCurrentValue:u,showConfirmationButton:_,disabled:m})=>{const p=e.useRef(null),f=e.useRef(null),[h,C]=e.useState(void 0!==s?String(s):""),[x,v]=e.useState(void 0!==s?String(s):""),[w,k]=e.useState(!1),E=()=>{if(!x)return h;if("number"===a){let e=Number(x);return""!==t&&e<Number(t)?e=Number(t):""!==o&&e>Number(o)&&(e=Number(o)),String(e)}return x},D=()=>{const e=E();v(e),e&&(l(e),C(e))};return function(n,l,a=[]){e.useEffect((()=>{function e(e){n.current&&!n.current.contains(e.target)&&a.every((n=>n.current!==e.target))&&l()}return document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}}),[n,l,a])}(f,(()=>{w&&(_?v(h):D(),k(!1))})),e.useEffect((()=>{void 0!==u?(v(String(u)),C(String(u))):null===u&&(v(""),C(""))}),[u]),e.createElement("div",{ref:f,style:c,className:`${b} ${w?S:""}`},e.createElement("input",{ref:p,disabled:m,className:g,type:a,style:Object.assign({width:`${((null==x?void 0:x.length)?x.length:0)+7}ch`},d),min:t,max:o,maxLength:r,placeholder:i,value:w?x:h,onChange:e=>{let n=e.target.value;r&&n.length>r&&(n=n.slice(0,r)),v(n)},onFocus:e=>{C(e.target.value),v(e.target.value),k(!0)},onKeyDown:e=>{"Enter"===e.key||"NumpadEnter"===e.key||"Tab"===e.key?(D(),k(!1),p.current&&p.current.blur()):"Escape"!==e.key&&"Esc"!==e.key||(v(h),k(!1),p.current&&p.current.blur())}}),!m&&_&&e.createElement(e.Fragment,null,w?e.createElement("button",{className:y,onClick:()=>{D(),k(!1)}},e.createElement(n.BsCheckLg,null)):e.createElement("button",{className:y,onClick:()=>{p.current&&p.current.focus()}},e.createElement(n.BsPencil,null))))};var h={"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 C(e){return 0===e.getDay()?6:e.getDay()-1}function x(e){const n=(l=e,new Date(l.getFullYear(),l.getMonth()+1,0).getDate());var l;const a=e.getFullYear(),t=e.getMonth(),o=n-(7-C(new Date(a,t,1)));return Math.ceil(o/7)+1}function v(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()))}o('@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 w=(e,n)=>{const l=(n,l)=>{const a=new Date(n,l,1),t=new Date(e.minimumDate.getFullYear(),e.minimumDate.getMonth(),1),o=new Date(e.maximumDate.getFullYear(),e.maximumDate.getMonth()+1,0),r=a.valueOf()<t.valueOf(),i=a.valueOf()>o.valueOf();return!r&&!i},a={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 a=new Date(e.year,e.month+n.value,1);return l(e.year,e.month+n.value)?Object.assign(Object.assign({},e),{year:a.getFullYear(),month:a.getMonth()}):Object.assign({},e)}}[n.type]();return a||Object.assign({},e)},k=({dates:n,month:l,year:a,mode:t,onSelectedDatesChange:o,onFocusedMonth:r,customDates:i=[],minimumDate:c=new Date(1970,0,1),maximumDate:d=new Date((new Date).getFullYear()+100,1,1)})=>{const[s,u]=e.useReducer(w,{month:l,year:a,minimumDate:c,maximumDate:d}),_=e.useRef(null),m=e=>!i.some((n=>n.dates.some((n=>n.valueOf()===e.valueOf()))&&!n.selectable)),p=e=>{let n=h["day-cell"];return i.some((n=>n.dates.some((n=>n.valueOf()===e.valueOf()))&&n.crossed))&&(n+=` ${h.crossed}`),n},b=e=>{let l=h.day;v(e)===v(new Date)&&(l+=` ${h.today}`),e.getMonth()===s.month?l+=` ${h["in-month"]}`:l+=` ${h["not-in-month"]}`;const a=n.some((n=>n.valueOf()===e.valueOf())),o=("range"===t||"booking"===t)&&2===n.length&&n[0].valueOf()<e.valueOf()&&e.valueOf()<n[1].valueOf();if((a||o)&&(l+=` ${h.selected}`),"booking"===t){2===n.length&&e.valueOf()===n[0].valueOf()&&(l+=` ${h["check-in"]}`);2===n.length&&e.valueOf()===n[1].valueOf()&&(l+=` ${h["check-out"]}`)}m(e)?l+=` ${h.selectable}`:l+=` ${h["not-selectable"]}`;return(e.valueOf()<c.valueOf()||e.valueOf()>d.valueOf())&&(l+=` ${h["out-of-selection"]}`),l},S=e=>{const n=i.find((n=>n.dates.some((n=>n.valueOf()===e.valueOf()))));return n?{backgroundColor:n.color}:void 0};return e.useEffect((()=>{_.current&&(_.current.scrollTop=_.current.scrollHeight/5*2)}),[]),e.useEffect((()=>{r(s.month,s.year)}),[s.year,s.month,r]),e.createElement("section",{ref:_,className:h["calendar-scrollable-section"],onScroll:e=>{const n=e.target,l=n.scrollHeight/5,a=1.25*l,t=2.75*l;n.scrollTop<a&&u({type:"changeByMonthOffset",value:-1}),n.scrollTop>t&&u({type:"changeByMonthOffset",value:1})}},Array(5).fill(0).map(((l,a)=>{const r=a-2,u=new Date(s.year,s.month+r,1),_=0===new Date(s.year,s.month+r+1,0).getDay();let g=x(u);_||(g-=1);const y=C(u);return e.createElement("div",{className:h["days-grid"],key:`grid:${v(u)}}`},Array(g).fill(0).map(((l,a)=>e.createElement("div",{className:h["days-row"],key:`grid:${v(u)}-row:${a}`},Array(7).fill(0).map(((l,u)=>{const _=s.month+r,g=7*a+u+1-y,f=new Date(s.year,_,g);return e.createElement("div",{className:p(f),key:v(f),onClick:()=>(e=>{if(i.forEach((n=>{n.dates.some((n=>n.valueOf()===e.valueOf()))&&n.clickSideEffect&&n.clickSideEffect(e)})),!m(e))return;if(e.valueOf()<c.valueOf()||e.valueOf()>d.valueOf())return;let l=[...n];"single"===t&&(l=[e]),"multiple"===t&&(l=n.some((n=>n.valueOf()===e.valueOf()))?n.filter((n=>n.valueOf()!==e.valueOf())):[...n,e]),"range"===t&&(l=0===n.length?[e]:1===n.length?n[0].valueOf()<e.valueOf()?[...n,e]:[e,n[0]]:[]),"booking"===t&&(l=0===n.length?[e]:n[0].valueOf()===e.valueOf()?[]:1===n.length?n[0].valueOf()<e.valueOf()?[...n,e]:[e,n[0]]:[]),o(l)})(f)},e.createElement("div",{className:h["cross-line"]}),e.createElement("div",{className:b(f)},e.createElement("div",{className:h.background},e.createElement("div",{className:h["first-half"],style:S(f)}),e.createElement("div",{className:h["second-half"],style:S(f)})),e.createElement("p",null,f.getDate())))}))))))})))},E={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"}},D=(e,n)=>{switch(e){case 0:return E[n].january;case 1:return E[n].february;case 2:return E[n].march;case 3:return E[n].april;case 4:return E[n].may;case 5:return E[n].june;case 6:return E[n].july;case 7:return E[n].august;case 8:return E[n].september;case 9:return E[n].october;case 10:return E[n].november;case 11:return E[n].december;default:return""}};var N="IntegerControl-module_integer-control__-tzTl",z="IntegerControl-module_default__FJoED";o(".IntegerControl-module_integer-control__-tzTl {\n display: flex;\n align-items: center;\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: 84px;\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}");var G="LabeledInput-module_labeled-input__xzE4h",W="LabeledInput-module_focused__id3UI",I="LabeledInput-module_error__8RLxl",F="LabeledInput-module_error-message__5-9lv";o(".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: calc(50% - 10px);\n left: 28px;\n padding: 0;\n transition: all 200ms ease-in-out;\n user-select: none;\n}\n.LabeledInput-module_labeled-input__xzE4h label.LabeledInput-module_focused__id3UI {\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.LabeledInput-module_error__8RLxl {\n border-color: #f34d1b;\n}\n.LabeledInput-module_labeled-input__xzE4h.LabeledInput-module_error__8RLxl 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}");var O="ScreenSteps-module_screen-steps__AX-nZ",M="ScreenSteps-module_steps__AuZhk",Y="ScreenSteps-module_step__2kFuY",B="ScreenSteps-module_completed__WcgIV",j="ScreenSteps-module_current__WatnQ",A="ScreenSteps-module_outer-text__akI1y",T="ScreenSteps-module_frame__3J2mc",L="ScreenSteps-module_steps-content__-Yj-E",P="ScreenSteps-module_step-component__Lu3G5";o(".ScreenSteps-module_screen-steps__AX-nZ {\n width: 100%;\n height: 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: #959595;\n display: flex;\n align-items: center;\n justify-content: center;\n opacity: 0.2;\n color: #000000;\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.ScreenSteps-module_completed__WcgIV {\n opacity: 0.4;\n background-color: #705a00;\n color: #000000;\n}\n.ScreenSteps-module_screen-steps__AX-nZ .ScreenSteps-module_steps__AuZhk .ScreenSteps-module_step__2kFuY.ScreenSteps-module_current__WatnQ {\n opacity: 0.4;\n background-color: #705a00;\n color: #000000;\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 height: calc(100% - 82px);\n width: 100%;\n overflow: hidden;\n}\n.ScreenSteps-module_screen-steps__AX-nZ .ScreenSteps-module_frame__3J2mc .ScreenSteps-module_steps-content__-Yj-E {\n height: 100%;\n display: flex;\n align-items: center;\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_steps-content__-Yj-E .ScreenSteps-module_step-component__Lu3G5 {\n height: 100%;\n}");var q="ScrollSnapGallery-module_scroll-snap-gallery__CR-GS",Z="ScrollSnapGallery-module_frame__267TC",$="ScrollSnapGallery-module_arrow-controls__yw2Zl",R="ScrollSnapGallery-module_arrow__1ueyq",U="ScrollSnapGallery-module_position-indicator__3Y7Mh",H="ScrollSnapGallery-module_indicator-icon__YrYF2",V="ScrollSnapGallery-module_current__ckZrA",X="ScrollSnapGallery-module_medium-shrunken__DuED2",J="ScrollSnapGallery-module_full-shrunken__VSbF7",Q="ScrollSnapGallery-module_hidden__c0w-O";o(".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 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 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}");exports.BubbleMenu=({options:a,language:t="en"})=>{const[o,d]=e.useState(null);return e.createElement(e.Fragment,null,e.createElement("button",{className:i,onClick:()=>d(!o)},o?e.createElement(n.BsX,null):e.createElement(l.IoMenu,null),e.createElement("p",null,o?c[t].close:c[t].menu)),e.createElement("section",{className:r,"data-status":!0===o?"visible":!1===o?"hidden":"idle",onClick:()=>d(!1)},e.createElement("ul",null,a.filter((e=>e.visible)).map(((n,l)=>e.createElement("li",{key:n.text,style:{transitionDelay:100*l+"ms"}},e.createElement("button",{onClick:()=>setTimeout(n.optionCallback,300+100*a.length)},n.icon,n.text)))))))},exports.CalendarDatePicker=({mode:l,onSelectedDatesChange:a=(()=>{}),language:t="en",customDates:o=[],title:r,minimumDate:i=new Date(1970,0,1),maximumDate:c=new Date((new Date).getFullYear()+100,1,1),customStyle:b})=>{const[S,g]=e.useState([]),[y,h]=e.useState((new Date).getFullYear()),[C,x]=e.useState((new Date).getMonth()),[v,w]=e.useState(Math.random()),N=e=>{const n=new Date(i.getFullYear(),i.getMonth(),1),l=new Date(c.getFullYear(),c.getMonth()+1,0),a=e.valueOf()>=n.valueOf(),t=e.valueOf()<=l.valueOf();return a&&t};return e.createElement("div",{className:d,style:b},e.createElement("section",{className:s},e.createElement(n.BsFillCalendar3WeekFill,null),r,e.createElement("button",{className:u,onClick:()=>{const e=new Date;N(e)&&(x(e.getMonth()),h(e.getFullYear()),w(Math.random()))}},E[t].today.slice(0,1).toUpperCase()+E[t].today.slice(1))),e.createElement("section",{className:_},e.createElement("select",{style:{fontFamily:null==b?void 0:b.fontFamily},className:m,value:C,onChange:e=>{const n=Number(e.target.value);x(n),w(Math.random())}},Array(12).fill(0).map(((n,l)=>{const a=new Date(y,l,1),o=!N(a);return e.createElement("option",{key:D(l,t),value:l,disabled:o},D(l,t))}))),e.createElement(f,{inputType:"number",divWrapperCustomStyle:{width:"4ch",border:"none",backgroundColor:"transparent",fontFamily:null==b?void 0:b.fontFamily},inputBoxCustomStyle:{padding:0,fontFamily:null==b?void 0:b.fontFamily,fontSize:24},maxLength:4,defaultValue:y.toString(),overrideCurrentValue:y.toString(),minimumValue:i.getFullYear().toString(),maximumValue:c.getFullYear().toString(),onConfirmAction:e=>{let n=Number(e);const l=new Date(n,C,1);N(l)?(h(n),w(Math.random())):l.valueOf()<i.valueOf()?(h(i.getFullYear()),x(i.getMonth()),w(Math.random())):l.valueOf()>c.valueOf()&&(h(c.getFullYear()),x(c.getMonth()),w(Math.random()))}})),e.createElement("section",{className:p},e.createElement("p",null,E[t].monday.slice(0,1).toUpperCase()),e.createElement("p",null,E[t].tuesday.slice(0,1).toUpperCase()),e.createElement("p",null,E[t].wednesday.slice(0,1).toUpperCase()),e.createElement("p",null,E[t].thursday.slice(0,1).toUpperCase()),e.createElement("p",null,E[t].friday.slice(0,1).toUpperCase()),e.createElement("p",null,E[t].saturday.slice(0,1).toUpperCase()),e.createElement("p",null,E[t].sunday.slice(0,1).toUpperCase())),e.createElement(k,{key:v,dates:S,year:y,month:C,mode:l,onSelectedDatesChange:e=>{a(e),g(e)},onFocusedMonth:(e,n)=>{x(e),h(n)},customDates:o,minimumDate:i,maximumDate:c}))},exports.InputBoxWithConfirmation=f,exports.IntegerControl=({onChange:n=(()=>{}),defaultValue:l=0,minimumValue:t,maximumValue:o,customStyle:r})=>{const[i,c]=e.useState(l);return e.createElement("div",{className:`${N} ${i===l?z:""}`,style:r},e.createElement("button",{onClick:()=>{c(i-1),n(i-1)}},e.createElement(a.AiFillMinusCircle,null)),e.createElement("input",{onChange:e=>{const l=Number(e.target.value);c(l),n(l)},value:i,type:"number",defaultValue:String(l),min:String(t),max:String(o),style:{width:i.toString().length+1+"ch"}}),e.createElement("button",{onClick:()=>{c(i+1),n(i+1)}},e.createElement(a.AiFillPlusCircle,null)))},exports.LabeledInput=({label:n,defaultValue:l,onChange:a=(()=>{}),width:t="328px",height:o="66px",backgroundColor:r="white",textAlign:i="left",highlightError:c=!1,errorMessage:d,inputProps:s})=>{const u=e.useRef(null),[_,m]=e.useState(!!l);return e.createElement("div",{className:G+(c?` ${I}`:""),onClick:()=>{u.current&&u.current.focus()},style:{width:t,height:o,backgroundColor:r}},e.createElement("label",{className:_?W:""},n),e.createElement("input",Object.assign({ref:u},s,{onFocus:()=>m(!0),onBlur:e=>{e.target.value||m(!1)},defaultValue:l,onChange:e=>a(e.target.value),style:{textAlign:i}})),c&&d&&e.createElement("p",{className:F},d))},exports.ScreenSteps=({steps:n,defaultStep:l=0,onStepChange:a=(()=>{}),overrideStep:t})=>{const[o,r]=e.useState(l),i=e=>{let n=Y;e<o&&(n+=` ${B}`);return e===o&&(n+=` ${j}`),n};return e.useEffect((()=>{void 0!==t&&t<n.length&&t>=0&&r(t)}),[t]),e.createElement("section",{className:O},e.createElement("nav",{className:M},n.map(((n,l)=>e.createElement("div",{key:n.innerText,className:i(l),onClick:()=>{r(l),a(l)}},n.innerText)))),e.createElement("p",{className:A},n[o].outterText),e.createElement("div",{className:T},e.createElement("div",{className:L,style:(()=>{const e=100/n.length;return{width:100*n.length+"%",transform:`translateX(-${e*o}%)`}})()},n.map((l=>e.createElement("div",{key:l.innerText,className:P,style:{width:100/n.length+"%"}},l.component))))))},exports.ScrollSnapGallery=({urls:l=[],width:a="400px",height:o="300px",IndicatorIcon:r=t.GoDotFill,positionIndicatorSize:i=Math.min(l.length,6),iconSize:c=16,showArrows:d=!1,frameStyle:s={}})=>{const[u,_]=e.useState(0),[m,p]=e.useState(0),[b,S]=e.useState(i-1),[g,y]=e.useState(0),f=e=>{let n=H;u===e&&(n+=` ${V}`);const a=0!==m&&e===m,t=b!==l.length-1&&e===b;(a||t)&&(n+=` ${J}`);const o=0!==m&&e===m+1,r=b!==l.length-1&&e===b-1;return(o||r)&&(n+=` ${X}`),(e<m||e>b)&&(n+=` ${Q}`),n};return e.useEffect((()=>{y(m*c)}),[m]),e.createElement("section",{className:q},e.createElement("div",{className:Z,style:Object.assign(Object.assign({},s),{width:a,height:o}),onScroll:e=>{const{scrollLeft:n,clientWidth:a}=e.target,t=a,o=Math.round(n/t);if(_(o),o<=m){const e=Math.max(o-1,0),n=e+i-1;p(e),S(n)}else if(o>=b){const e=Math.min(o+1,l.length-1),n=e-i+1;S(e),p(n)}}},l.map(((n,l)=>e.createElement("img",{key:n+l,src:n,alt:"gallery item"})))),e.createElement("div",{className:$},d&&e.createElement(n.BsArrowLeftCircle,{className:R,onClick:()=>{const e=document.querySelector(`.${Z}`);e.scrollLeft-=e.clientWidth}}),e.createElement("div",{className:U,style:{transform:`translateX(calc(50% - ${g}px - ${c*i/2}px))`}},l.map(((n,l)=>e.createElement(r,{key:n+l,className:f(l),style:{width:c,height:c}})))),d&&e.createElement(n.BsArrowRightCircle,{className:R,onClick:()=>{const e=document.querySelector(`.${Z}`);e.scrollLeft+=e.clientWidth}})))};
1
+ "use strict";var e=require("react"),n=require("react-icons/bs"),l=require("react-icons/io5"),a=require("react-icons/ai"),t=require("react-icons/go");function o(e,n){void 0===n&&(n={});var l=n.insertAt;if(e&&"undefined"!=typeof document){var a=document.head||document.getElementsByTagName("head")[0],t=document.createElement("style");t.type="text/css","top"===l&&a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.styleSheet?t.styleSheet.cssText=e:t.appendChild(document.createTextNode(e))}}var r="BubbleMenu-module_menu-container__xrNNC",i="BubbleMenu-module_menu-button__I5R0w";o(".BubbleMenu-module_menu-container__xrNNC {\n position: fixed;\n z-index: 100;\n top: 0px;\n padding-top: 80px;\n box-sizing: border-box;\n width: 100vw;\n height: 100vh;\n}\n.BubbleMenu-module_menu-container__xrNNC[data-status=visible] {\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(0px);\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 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: 5px;\n}\n.BubbleMenu-module_menu-container__xrNNC ul li {\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 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 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 width: 0vw;\n }\n 1% {\n background-color: transparent;\n width: 100vw;\n }\n 100% {\n background-color: rgba(0, 0, 0, 0.3);\n width: 100vw;\n }\n}\n@keyframes BubbleMenu-module_hide-background__ESkim {\n 0% {\n background-color: rgba(0, 0, 0, 0.3);\n width: 100vw;\n }\n 99% {\n background-color: transparent;\n width: 100vw;\n }\n 100% {\n background-color: transparent;\n width: 0vw;\n }\n}");const c={en:{menu:"menu",close:"close"},es:{menu:"menú",close:"cerrar"}};var d="CalendarDatePicker-module_calendar-date-picker__-G7aY",u="CalendarDatePicker-module_today-button__YgI7t",s="CalendarDatePicker-module_month-and-year__LHJ8I",_="CalendarDatePicker-module_month-input__sFUHA",m="CalendarDatePicker-module_week-days__j2XJ-";o('@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 p="InputBoxWithConfirmation-module_div-wrapper__DdQ1-",b="InputBoxWithConfirmation-module_focused__C6kd0",S="InputBoxWithConfirmation-module_input-box-with-confirmation__W4NkN",g="InputBoxWithConfirmation-module_button-for-input-box-with-confirmation__qUi-Y";o(".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}\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 y=({onConfirmAction:l,inputType:a="text",minimumValue:t="",maximumValue:o="",maxLength:r,placeholder:i="",divWrapperCustomStyle:c,inputBoxCustomStyle:d,defaultValue:u,overrideCurrentValue:s,showConfirmationButton:_,disabled:m})=>{const y=e.useRef(null),f=e.useRef(null),[h,C]=e.useState(void 0!==u?String(u):""),[x,v]=e.useState(void 0!==u?String(u):""),[w,k]=e.useState(!1),E=()=>{if(!x)return h;if("number"===a){let e=Number(x);return""!==t&&e<Number(t)?e=Number(t):""!==o&&e>Number(o)&&(e=Number(o)),String(e)}return x},N=()=>{const e=E();v(e),e&&(l(e),C(e))};return function(n,l,a=[]){e.useEffect((()=>{function e(e){n.current&&!n.current.contains(e.target)&&a.every((n=>n.current!==e.target))&&l()}return document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}}),[n,l,a])}(f,(()=>{w&&(_?v(h):N(),k(!1))})),e.useEffect((()=>{void 0!==s?(v(String(s)),C(String(s))):null===s&&(v(""),C(""))}),[s]),e.createElement("div",{ref:f,style:c,className:`${p} ${w?b:""}`},e.createElement("input",{ref:y,disabled:m,className:S,type:a,style:Object.assign({width:`${((null==x?void 0:x.length)?x.length:0)+7}ch`},d),min:t,max:o,maxLength:r,placeholder:i,value:w?x:h,onChange:e=>{let n=e.target.value;r&&n.length>r&&(n=n.slice(0,r)),v(n)},onFocus:e=>{C(e.target.value),v(e.target.value),k(!0)},onKeyDown:e=>{"Enter"===e.key||"NumpadEnter"===e.key||"Tab"===e.key?(N(),k(!1),y.current&&y.current.blur()):"Escape"!==e.key&&"Esc"!==e.key||(v(h),k(!1),y.current&&y.current.blur())}}),!m&&_&&e.createElement(e.Fragment,null,w?e.createElement("button",{className:g,onClick:()=>{N(),k(!1)}},e.createElement(n.BsCheckLg,null)):e.createElement("button",{className:g,onClick:()=>{y.current&&y.current.focus()}},e.createElement(n.BsPencil,null))))};var f={"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 h(e){return 0===e.getDay()?6:e.getDay()-1}function C(e){const n=(l=e,new Date(l.getFullYear(),l.getMonth()+1,0).getDate());var l;const a=e.getFullYear(),t=e.getMonth(),o=n-(7-h(new Date(a,t,1)));return Math.ceil(o/7)+1}function x(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()))}o('@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 v=(e,n)=>{const l=(n,l)=>{const a=new Date(n,l,1),t=new Date(e.minimumDate.getFullYear(),e.minimumDate.getMonth(),1),o=new Date(e.maximumDate.getFullYear(),e.maximumDate.getMonth()+1,0),r=a.valueOf()<t.valueOf(),i=a.valueOf()>o.valueOf();return!r&&!i},a={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 a=new Date(e.year,e.month+n.value,1);return l(e.year,e.month+n.value)?Object.assign(Object.assign({},e),{year:a.getFullYear(),month:a.getMonth()}):Object.assign({},e)}}[n.type]();return a||Object.assign({},e)},w=({dates:n,month:l,year:a,mode:t,onSelectedDatesChange:o,onFocusedMonth:r,customDates:i=[],minimumDate:c=new Date(1970,0,1),maximumDate:d=new Date((new Date).getFullYear()+100,1,1)})=>{const[u,s]=e.useReducer(v,{month:l,year:a,minimumDate:c,maximumDate:d}),_=e.useRef(null),m=e=>!i.some((n=>n.dates.some((n=>n.valueOf()===e.valueOf()))&&!n.selectable)),p=e=>{let n=f["day-cell"];return i.some((n=>n.dates.some((n=>n.valueOf()===e.valueOf()))&&n.crossed))&&(n+=` ${f.crossed}`),n},b=e=>{let l=f.day;x(e)===x(new Date)&&(l+=` ${f.today}`),e.getMonth()===u.month?l+=` ${f["in-month"]}`:l+=` ${f["not-in-month"]}`;const a=n.some((n=>n.valueOf()===e.valueOf())),o=("range"===t||"booking"===t)&&2===n.length&&n[0].valueOf()<e.valueOf()&&e.valueOf()<n[1].valueOf();if((a||o)&&(l+=` ${f.selected}`),"booking"===t){2===n.length&&e.valueOf()===n[0].valueOf()&&(l+=` ${f["check-in"]}`);2===n.length&&e.valueOf()===n[1].valueOf()&&(l+=` ${f["check-out"]}`)}m(e)?l+=` ${f.selectable}`:l+=` ${f["not-selectable"]}`;return(e.valueOf()<c.valueOf()||e.valueOf()>d.valueOf())&&(l+=` ${f["out-of-selection"]}`),l},S=e=>{const n=i.find((n=>n.dates.some((n=>n.valueOf()===e.valueOf()))));return n?{backgroundColor:n.color}:void 0};return e.useEffect((()=>{_.current&&(_.current.scrollTop=_.current.scrollHeight/5*2)}),[]),e.useEffect((()=>{r(u.month,u.year)}),[u.year,u.month,r]),e.createElement("section",{ref:_,className:f["calendar-scrollable-section"],onScroll:e=>{const n=e.target,l=n.scrollHeight/5,a=1.25*l,t=2.75*l;n.scrollTop<a&&s({type:"changeByMonthOffset",value:-1}),n.scrollTop>t&&s({type:"changeByMonthOffset",value:1})}},Array(5).fill(0).map(((l,a)=>{const r=a-2,s=new Date(u.year,u.month+r,1),_=0===new Date(u.year,u.month+r+1,0).getDay();let g=C(s);_||(g-=1);const y=h(s);return e.createElement("div",{className:f["days-grid"],key:`grid:${x(s)}}`},Array(g).fill(0).map(((l,a)=>e.createElement("div",{className:f["days-row"],key:`grid:${x(s)}-row:${a}`},Array(7).fill(0).map(((l,s)=>{const _=u.month+r,g=7*a+s+1-y,h=new Date(u.year,_,g);return e.createElement("div",{className:p(h),key:x(h),onClick:()=>(e=>{if(i.forEach((n=>{n.dates.some((n=>n.valueOf()===e.valueOf()))&&n.clickSideEffect&&n.clickSideEffect(e)})),!m(e))return;if(e.valueOf()<c.valueOf()||e.valueOf()>d.valueOf())return;let l=[...n];"single"===t&&(l=[e]),"multiple"===t&&(l=n.some((n=>n.valueOf()===e.valueOf()))?n.filter((n=>n.valueOf()!==e.valueOf())):[...n,e]),"range"===t&&(l=0===n.length?[e]:1===n.length?n[0].valueOf()<e.valueOf()?[...n,e]:[e,n[0]]:[]),"booking"===t&&(l=0===n.length?[e]:n[0].valueOf()===e.valueOf()?[]:1===n.length?n[0].valueOf()<e.valueOf()?[...n,e]:[e,n[0]]:[]),o(l)})(h)},e.createElement("div",{className:f["cross-line"]}),e.createElement("div",{className:b(h)},e.createElement("div",{className:f.background},e.createElement("div",{className:f["first-half"],style:S(h)}),e.createElement("div",{className:f["second-half"],style:S(h)})),e.createElement("p",null,h.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"}},E=(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""}};var N="IntegerControl-module_integer-control__-tzTl",D="IntegerControl-module_default__FJoED";o(".IntegerControl-module_integer-control__-tzTl {\n display: flex;\n align-items: center;\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: 84px;\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}");var z="LabeledInput-module_labeled-input__xzE4h",G="LabeledInput-module_focused__id3UI",I="LabeledInput-module_error__8RLxl",W="LabeledInput-module_error-message__5-9lv";o(".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: calc(50% - 10px);\n left: 28px;\n padding: 0;\n transition: all 200ms ease-in-out;\n user-select: none;\n}\n.LabeledInput-module_labeled-input__xzE4h label.LabeledInput-module_focused__id3UI {\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.LabeledInput-module_error__8RLxl {\n border-color: #f34d1b;\n}\n.LabeledInput-module_labeled-input__xzE4h.LabeledInput-module_error__8RLxl 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}");var O="ScreenSteps-module_screen-steps__AX-nZ",F="ScreenSteps-module_steps__AuZhk",M="ScreenSteps-module_step__2kFuY",Y="ScreenSteps-module_completed__WcgIV",B="ScreenSteps-module_current__WatnQ",j="ScreenSteps-module_outer-text__akI1y",T="ScreenSteps-module_frame__3J2mc",A="ScreenSteps-module_steps-content__-Yj-E",L="ScreenSteps-module_step-component__Lu3G5";o(".ScreenSteps-module_screen-steps__AX-nZ {\n width: 100%;\n height: 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: #959595;\n display: flex;\n align-items: center;\n justify-content: center;\n opacity: 0.2;\n color: #000000;\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.ScreenSteps-module_completed__WcgIV {\n opacity: 0.4;\n background-color: #705a00;\n color: #000000;\n}\n.ScreenSteps-module_screen-steps__AX-nZ .ScreenSteps-module_steps__AuZhk .ScreenSteps-module_step__2kFuY.ScreenSteps-module_current__WatnQ {\n opacity: 0.4;\n background-color: #705a00;\n color: #000000;\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 height: calc(100% - 82px);\n width: 100%;\n overflow: hidden;\n}\n.ScreenSteps-module_screen-steps__AX-nZ .ScreenSteps-module_frame__3J2mc .ScreenSteps-module_steps-content__-Yj-E {\n height: 100%;\n display: flex;\n align-items: center;\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_steps-content__-Yj-E .ScreenSteps-module_step-component__Lu3G5 {\n height: 100%;\n}");var q="ScrollSnapGallery-module_scroll-snap-gallery__CR-GS",P="ScrollSnapGallery-module_frame__267TC",Z="ScrollSnapGallery-module_arrow-controls__yw2Zl",$="ScrollSnapGallery-module_arrow__1ueyq",R="ScrollSnapGallery-module_position-indicator__3Y7Mh",U="ScrollSnapGallery-module_indicator-icon__YrYF2",H="ScrollSnapGallery-module_current__ckZrA",V="ScrollSnapGallery-module_medium-shrunken__DuED2",X="ScrollSnapGallery-module_full-shrunken__VSbF7",J="ScrollSnapGallery-module_hidden__c0w-O";o(".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 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 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}");exports.BubbleMenu=({options:a,language:t="en"})=>{const[o,d]=e.useState(null);return e.createElement(e.Fragment,null,e.createElement("button",{className:i,onClick:()=>d(!o)},o?e.createElement(n.BsX,null):e.createElement(l.IoMenu,null),e.createElement("p",null,o?c[t].close:c[t].menu)),e.createElement("section",{className:r,"data-status":!0===o?"visible":!1===o?"hidden":"idle",onClick:()=>d(!1)},e.createElement("ul",null,a.filter((e=>e.visible)).map(((n,l)=>e.createElement("li",{key:n.text,style:{transitionDelay:100*l+"ms"}},e.createElement("button",{onClick:()=>setTimeout(n.optionCallback,300+100*a.length)},n.icon,n.text)))))))},exports.CalendarDatePicker=({mode:n,onSelectedDatesChange:l=(()=>{}),language:a="en",customDates:t=[],minimumDate:o=new Date(1970,0,1),maximumDate:r=new Date((new Date).getFullYear()+100,1,1),customStyle:i})=>{const[c,p]=e.useState([]),[b,S]=e.useState((new Date).getFullYear()),[g,f]=e.useState((new Date).getMonth()),[h,C]=e.useState(Math.random()),x=e=>{const n=new Date(o.getFullYear(),o.getMonth(),1),l=new Date(r.getFullYear(),r.getMonth()+1,0),a=e.valueOf()>=n.valueOf(),t=e.valueOf()<=l.valueOf();return a&&t};return e.createElement("div",{className:d,style:i},e.createElement("button",{className:u,onClick:()=>{const e=new Date;x(e)&&(f(e.getMonth()),S(e.getFullYear()),C(Math.random()))}},k[a].today.slice(0,1).toUpperCase()+k[a].today.slice(1)),e.createElement("section",{className:s},e.createElement("select",{style:{fontFamily:null==i?void 0:i.fontFamily},className:_,value:g,onChange:e=>{const n=Number(e.target.value);f(n),C(Math.random())}},Array(12).fill(0).map(((n,l)=>{const t=new Date(b,l,1),o=!x(t);return e.createElement("option",{key:E(l,a),value:l,disabled:o},E(l,a))}))),e.createElement(y,{inputType:"number",divWrapperCustomStyle:{width:"4ch",border:"none",backgroundColor:"transparent",fontFamily:null==i?void 0:i.fontFamily},inputBoxCustomStyle:{padding:0,fontFamily:null==i?void 0:i.fontFamily,fontSize:24},maxLength:4,defaultValue:b.toString(),overrideCurrentValue:b.toString(),minimumValue:o.getFullYear().toString(),maximumValue:r.getFullYear().toString(),onConfirmAction:e=>{let n=Number(e);const l=new Date(n,g,1);x(l)?(S(n),C(Math.random())):l.valueOf()<o.valueOf()?(S(o.getFullYear()),f(o.getMonth()),C(Math.random())):l.valueOf()>r.valueOf()&&(S(r.getFullYear()),f(r.getMonth()),C(Math.random()))}})),e.createElement("section",{className:m},e.createElement("p",null,k[a].monday.slice(0,1).toUpperCase()),e.createElement("p",null,k[a].tuesday.slice(0,1).toUpperCase()),e.createElement("p",null,k[a].wednesday.slice(0,1).toUpperCase()),e.createElement("p",null,k[a].thursday.slice(0,1).toUpperCase()),e.createElement("p",null,k[a].friday.slice(0,1).toUpperCase()),e.createElement("p",null,k[a].saturday.slice(0,1).toUpperCase()),e.createElement("p",null,k[a].sunday.slice(0,1).toUpperCase())),e.createElement(w,{key:h,dates:c,year:b,month:g,mode:n,onSelectedDatesChange:e=>{l(e),p(e)},onFocusedMonth:(e,n)=>{f(e),S(n)},customDates:t,minimumDate:o,maximumDate:r}))},exports.InputBoxWithConfirmation=y,exports.IntegerControl=({onChange:n=(()=>{}),defaultValue:l=0,minimumValue:t,maximumValue:o,customStyle:r})=>{const[i,c]=e.useState(l);return e.createElement("div",{className:`${N} ${i===l?D:""}`,style:r},e.createElement("button",{onClick:()=>{c(i-1),n(i-1)}},e.createElement(a.AiFillMinusCircle,null)),e.createElement("input",{onChange:e=>{const l=Number(e.target.value);c(l),n(l)},value:i,type:"number",defaultValue:String(l),min:String(t),max:String(o),style:{width:i.toString().length+1+"ch"}}),e.createElement("button",{onClick:()=>{c(i+1),n(i+1)}},e.createElement(a.AiFillPlusCircle,null)))},exports.LabeledInput=({label:n,defaultValue:l,onChange:a=(()=>{}),width:t="328px",height:o="66px",backgroundColor:r="white",textAlign:i="left",highlightError:c=!1,errorMessage:d,inputProps:u})=>{const s=e.useRef(null),[_,m]=e.useState(!!l);return e.createElement("div",{className:z+(c?` ${I}`:""),onClick:()=>{s.current&&s.current.focus()},style:{width:t,height:o,backgroundColor:r}},e.createElement("label",{className:_?G:""},n),e.createElement("input",Object.assign({ref:s},u,{onFocus:()=>m(!0),onBlur:e=>{e.target.value||m(!1)},defaultValue:l,onChange:e=>a(e.target.value),style:{textAlign:i}})),c&&d&&e.createElement("p",{className:W},d))},exports.ScreenSteps=({steps:n,defaultStep:l=0,onStepChange:a=(()=>{}),overrideStep:t})=>{const[o,r]=e.useState(l),i=e=>{let n=M;e<o&&(n+=` ${Y}`);return e===o&&(n+=` ${B}`),n};return e.useEffect((()=>{void 0!==t&&t<n.length&&t>=0&&r(t)}),[t]),e.createElement("section",{className:O},e.createElement("nav",{className:F},n.map(((n,l)=>e.createElement("div",{key:n.innerText,className:i(l),onClick:()=>{r(l),a(l)}},n.innerText)))),e.createElement("p",{className:j},n[o].outterText),e.createElement("div",{className:T},e.createElement("div",{className:A,style:(()=>{const e=100/n.length;return{width:100*n.length+"%",transform:`translateX(-${e*o}%)`}})()},n.map((l=>e.createElement("div",{key:l.innerText,className:L,style:{width:100/n.length+"%"}},l.component))))))},exports.ScrollSnapGallery=({urls:l=[],width:a="400px",height:o="300px",IndicatorIcon:r=t.GoDotFill,positionIndicatorSize:i=Math.min(l.length,6),iconSize:c=16,showArrows:d=!1,frameStyle:u={}})=>{const[s,_]=e.useState(0),[m,p]=e.useState(0),[b,S]=e.useState(i-1),[g,y]=e.useState(0),f=e=>{let n=U;s===e&&(n+=` ${H}`);const a=0!==m&&e===m,t=b!==l.length-1&&e===b;(a||t)&&(n+=` ${X}`);const o=0!==m&&e===m+1,r=b!==l.length-1&&e===b-1;return(o||r)&&(n+=` ${V}`),(e<m||e>b)&&(n+=` ${J}`),n};return e.useEffect((()=>{y(m*c)}),[m]),e.createElement("section",{className:q},e.createElement("div",{className:P,style:Object.assign(Object.assign({},u),{width:a,height:o}),onScroll:e=>{const{scrollLeft:n,clientWidth:a}=e.target,t=a,o=Math.round(n/t);if(_(o),o<=m){const e=Math.max(o-1,0),n=e+i-1;p(e),S(n)}else if(o>=b){const e=Math.min(o+1,l.length-1),n=e-i+1;S(e),p(n)}}},l.map(((n,l)=>e.createElement("img",{key:n+l,src:n,alt:"gallery item"})))),e.createElement("div",{className:Z},d&&e.createElement(n.BsArrowLeftCircle,{className:$,onClick:()=>{const e=document.querySelector(`.${P}`);e.scrollLeft-=e.clientWidth}}),e.createElement("div",{className:R,style:{transform:`translateX(calc(50% - ${g}px - ${c*i/2}px))`}},l.map(((n,l)=>e.createElement(r,{key:n+l,className:f(l),style:{width:c,height:c}})))),d&&e.createElement(n.BsArrowRightCircle,{className:$,onClick:()=>{const e=document.querySelector(`.${P}`);e.scrollLeft+=e.clientWidth}})))};
@@ -10,10 +10,9 @@ export type CalendarDatePickerProps = {
10
10
  crossed?: boolean;
11
11
  clickSideEffect?: (date: Date) => void;
12
12
  }[];
13
- title?: string;
14
13
  minimumDate?: Date;
15
14
  maximumDate?: Date;
16
15
  customStyle?: React.CSSProperties;
17
16
  };
18
- declare const CalendarDatePicker: ({ mode, onSelectedDatesChange, language, customDates, title, minimumDate, maximumDate, customStyle, }: CalendarDatePickerProps) => React.JSX.Element;
17
+ declare const CalendarDatePicker: ({ mode, onSelectedDatesChange, language, customDates, minimumDate, maximumDate, customStyle, }: CalendarDatePickerProps) => React.JSX.Element;
19
18
  export default CalendarDatePicker;
package/dist/esm/index.js CHANGED
@@ -1 +1 @@
1
- import e,{useState as n,Fragment as l,useEffect as a,useRef as t,useReducer as o}from"react";import{BsX as r,BsCheckLg as i,BsPencil as c,BsFillCalendar3WeekFill as d,BsArrowLeftCircle as s,BsArrowRightCircle as u}from"react-icons/bs";import{IoMenu as _}from"react-icons/io5";import{AiFillMinusCircle as m,AiFillPlusCircle as p}from"react-icons/ai";import{GoDotFill as b}from"react-icons/go";function S(e,n){void 0===n&&(n={});var l=n.insertAt;if(e&&"undefined"!=typeof document){var a=document.head||document.getElementsByTagName("head")[0],t=document.createElement("style");t.type="text/css","top"===l&&a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.styleSheet?t.styleSheet.cssText=e:t.appendChild(document.createTextNode(e))}}var g="BubbleMenu-module_menu-container__xrNNC",y="BubbleMenu-module_menu-button__I5R0w";S(".BubbleMenu-module_menu-container__xrNNC {\n position: fixed;\n z-index: 100;\n top: 0px;\n padding-top: 80px;\n box-sizing: border-box;\n width: 100vw;\n height: 100vh;\n}\n.BubbleMenu-module_menu-container__xrNNC[data-status=visible] {\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(0px);\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 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: 5px;\n}\n.BubbleMenu-module_menu-container__xrNNC ul li {\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 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 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 width: 0vw;\n }\n 1% {\n background-color: transparent;\n width: 100vw;\n }\n 100% {\n background-color: rgba(0, 0, 0, 0.3);\n width: 100vw;\n }\n}\n@keyframes BubbleMenu-module_hide-background__ESkim {\n 0% {\n background-color: rgba(0, 0, 0, 0.3);\n width: 100vw;\n }\n 99% {\n background-color: transparent;\n width: 100vw;\n }\n 100% {\n background-color: transparent;\n width: 0vw;\n }\n}");const h={en:{menu:"menu",close:"close"},es:{menu:"menú",close:"cerrar"}},f=({options:a,language:t="en"})=>{const[o,i]=n(null);return e.createElement(l,null,e.createElement("button",{className:y,onClick:()=>i(!o)},o?e.createElement(r,null):e.createElement(_,null),e.createElement("p",null,o?h[t].close:h[t].menu)),e.createElement("section",{className:g,"data-status":!0===o?"visible":!1===o?"hidden":"idle",onClick:()=>i(!1)},e.createElement("ul",null,a.filter((e=>e.visible)).map(((n,l)=>e.createElement("li",{key:n.text,style:{transitionDelay:100*l+"ms"}},e.createElement("button",{onClick:()=>setTimeout(n.optionCallback,300+100*a.length)},n.icon,n.text)))))))};var C="CalendarDatePicker-module_calendar-date-picker__-G7aY",x="CalendarDatePicker-module_title__gUwdA",v="CalendarDatePicker-module_today-button__YgI7t",w="CalendarDatePicker-module_month-and-year__LHJ8I",k="CalendarDatePicker-module_month-input__sFUHA",E="CalendarDatePicker-module_week-days__j2XJ-";S('@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 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_title__gUwdA {\n position: relative;\n display: flex;\n align-items: center;\n width: 100%;\n font-size: 16px;\n}\n.CalendarDatePicker-module_calendar-date-picker__-G7aY .CalendarDatePicker-module_title__gUwdA svg {\n margin: 0px 5px;\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: 20px;\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-",D="InputBoxWithConfirmation-module_focused__C6kd0",z="InputBoxWithConfirmation-module_input-box-with-confirmation__W4NkN",G="InputBoxWithConfirmation-module_button-for-input-box-with-confirmation__qUi-Y";S(".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}\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 W=({onConfirmAction:o,inputType:r="text",minimumValue:d="",maximumValue:s="",maxLength:u,placeholder:_="",divWrapperCustomStyle:m,inputBoxCustomStyle:p,defaultValue:b,overrideCurrentValue:S,showConfirmationButton:g,disabled:y})=>{const h=t(null),f=t(null),[C,x]=n(void 0!==b?String(b):""),[v,w]=n(void 0!==b?String(b):""),[k,E]=n(!1),W=()=>{if(!v)return C;if("number"===r){let e=Number(v);return""!==d&&e<Number(d)?e=Number(d):""!==s&&e>Number(s)&&(e=Number(s)),String(e)}return v},I=()=>{const e=W();w(e),e&&(o(e),x(e))};return function(e,n,l=[]){a((()=>{function a(a){e.current&&!e.current.contains(a.target)&&l.every((e=>e.current!==a.target))&&n()}return document.addEventListener("mousedown",a),()=>{document.removeEventListener("mousedown",a)}}),[e,n,l])}(f,(()=>{k&&(g?w(C):I(),E(!1))})),a((()=>{void 0!==S?(w(String(S)),x(String(S))):null===S&&(w(""),x(""))}),[S]),e.createElement("div",{ref:f,style:m,className:`${N} ${k?D:""}`},e.createElement("input",{ref:h,disabled:y,className:z,type:r,style:Object.assign({width:`${((null==v?void 0:v.length)?v.length:0)+7}ch`},p),min:d,max:s,maxLength:u,placeholder:_,value:k?v:C,onChange:e=>{let n=e.target.value;u&&n.length>u&&(n=n.slice(0,u)),w(n)},onFocus:e=>{x(e.target.value),w(e.target.value),E(!0)},onKeyDown:e=>{"Enter"===e.key||"NumpadEnter"===e.key||"Tab"===e.key?(I(),E(!1),h.current&&h.current.blur()):"Escape"!==e.key&&"Esc"!==e.key||(w(C),E(!1),h.current&&h.current.blur())}}),!y&&g&&e.createElement(l,null,k?e.createElement("button",{className:G,onClick:()=>{I(),E(!1)}},e.createElement(i,null)):e.createElement("button",{className:G,onClick:()=>{h.current&&h.current.focus()}},e.createElement(c,null))))};var I={"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 O(e){return 0===e.getDay()?6:e.getDay()-1}function Y(e){const n=(l=e,new Date(l.getFullYear(),l.getMonth()+1,0).getDate());var l;const a=e.getFullYear(),t=e.getMonth(),o=n-(7-O(new Date(a,t,1)));return Math.ceil(o/7)+1}function F(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()))}S('@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 M=(e,n)=>{const l=(n,l)=>{const a=new Date(n,l,1),t=new Date(e.minimumDate.getFullYear(),e.minimumDate.getMonth(),1),o=new Date(e.maximumDate.getFullYear(),e.maximumDate.getMonth()+1,0),r=a.valueOf()<t.valueOf(),i=a.valueOf()>o.valueOf();return!r&&!i},a={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 a=new Date(e.year,e.month+n.value,1);return l(e.year,e.month+n.value)?Object.assign(Object.assign({},e),{year:a.getFullYear(),month:a.getMonth()}):Object.assign({},e)}}[n.type]();return a||Object.assign({},e)},B=({dates:n,month:l,year:r,mode:i,onSelectedDatesChange:c,onFocusedMonth:d,customDates:s=[],minimumDate:u=new Date(1970,0,1),maximumDate:_=new Date((new Date).getFullYear()+100,1,1)})=>{const[m,p]=o(M,{month:l,year:r,minimumDate:u,maximumDate:_}),b=t(null),S=e=>!s.some((n=>n.dates.some((n=>n.valueOf()===e.valueOf()))&&!n.selectable)),g=e=>{let n=I["day-cell"];return s.some((n=>n.dates.some((n=>n.valueOf()===e.valueOf()))&&n.crossed))&&(n+=` ${I.crossed}`),n},y=e=>{let l=I.day;F(e)===F(new Date)&&(l+=` ${I.today}`),e.getMonth()===m.month?l+=` ${I["in-month"]}`:l+=` ${I["not-in-month"]}`;const a=n.some((n=>n.valueOf()===e.valueOf())),t=("range"===i||"booking"===i)&&2===n.length&&n[0].valueOf()<e.valueOf()&&e.valueOf()<n[1].valueOf();if((a||t)&&(l+=` ${I.selected}`),"booking"===i){2===n.length&&e.valueOf()===n[0].valueOf()&&(l+=` ${I["check-in"]}`);2===n.length&&e.valueOf()===n[1].valueOf()&&(l+=` ${I["check-out"]}`)}S(e)?l+=` ${I.selectable}`:l+=` ${I["not-selectable"]}`;return(e.valueOf()<u.valueOf()||e.valueOf()>_.valueOf())&&(l+=` ${I["out-of-selection"]}`),l},h=e=>{const n=s.find((n=>n.dates.some((n=>n.valueOf()===e.valueOf()))));return n?{backgroundColor:n.color}:void 0};return a((()=>{b.current&&(b.current.scrollTop=b.current.scrollHeight/5*2)}),[]),a((()=>{d(m.month,m.year)}),[m.year,m.month,d]),e.createElement("section",{ref:b,className:I["calendar-scrollable-section"],onScroll:e=>{const n=e.target,l=n.scrollHeight/5,a=1.25*l,t=2.75*l;n.scrollTop<a&&p({type:"changeByMonthOffset",value:-1}),n.scrollTop>t&&p({type:"changeByMonthOffset",value:1})}},Array(5).fill(0).map(((l,a)=>{const t=a-2,o=new Date(m.year,m.month+t,1),r=0===new Date(m.year,m.month+t+1,0).getDay();let d=Y(o);r||(d-=1);const p=O(o);return e.createElement("div",{className:I["days-grid"],key:`grid:${F(o)}}`},Array(d).fill(0).map(((l,a)=>e.createElement("div",{className:I["days-row"],key:`grid:${F(o)}-row:${a}`},Array(7).fill(0).map(((l,o)=>{const r=m.month+t,d=7*a+o+1-p,b=new Date(m.year,r,d);return e.createElement("div",{className:g(b),key:F(b),onClick:()=>(e=>{if(s.forEach((n=>{n.dates.some((n=>n.valueOf()===e.valueOf()))&&n.clickSideEffect&&n.clickSideEffect(e)})),!S(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]]:[]),c(l)})(b)},e.createElement("div",{className:I["cross-line"]}),e.createElement("div",{className:y(b)},e.createElement("div",{className:I.background},e.createElement("div",{className:I["first-half"],style:h(b)}),e.createElement("div",{className:I["second-half"],style:h(b)})),e.createElement("p",null,b.getDate())))}))))))})))},j={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"}},T=(e,n)=>{switch(e){case 0:return j[n].january;case 1:return j[n].february;case 2:return j[n].march;case 3:return j[n].april;case 4:return j[n].may;case 5:return j[n].june;case 6:return j[n].july;case 7:return j[n].august;case 8:return j[n].september;case 9:return j[n].october;case 10:return j[n].november;case 11:return j[n].december;default:return""}},A=({mode:l,onSelectedDatesChange:a=(()=>{}),language:t="en",customDates:o=[],title:r,minimumDate:i=new Date(1970,0,1),maximumDate:c=new Date((new Date).getFullYear()+100,1,1),customStyle:s})=>{const[u,_]=n([]),[m,p]=n((new Date).getFullYear()),[b,S]=n((new Date).getMonth()),[g,y]=n(Math.random()),h=e=>{const n=new Date(i.getFullYear(),i.getMonth(),1),l=new Date(c.getFullYear(),c.getMonth()+1,0),a=e.valueOf()>=n.valueOf(),t=e.valueOf()<=l.valueOf();return a&&t};return e.createElement("div",{className:C,style:s},e.createElement("section",{className:x},e.createElement(d,null),r,e.createElement("button",{className:v,onClick:()=>{const e=new Date;h(e)&&(S(e.getMonth()),p(e.getFullYear()),y(Math.random()))}},j[t].today.slice(0,1).toUpperCase()+j[t].today.slice(1))),e.createElement("section",{className:w},e.createElement("select",{style:{fontFamily:null==s?void 0:s.fontFamily},className:k,value:b,onChange:e=>{const n=Number(e.target.value);S(n),y(Math.random())}},Array(12).fill(0).map(((n,l)=>{const a=new Date(m,l,1),o=!h(a);return e.createElement("option",{key:T(l,t),value:l,disabled:o},T(l,t))}))),e.createElement(W,{inputType:"number",divWrapperCustomStyle:{width:"4ch",border:"none",backgroundColor:"transparent",fontFamily:null==s?void 0:s.fontFamily},inputBoxCustomStyle:{padding:0,fontFamily:null==s?void 0:s.fontFamily,fontSize:24},maxLength:4,defaultValue:m.toString(),overrideCurrentValue:m.toString(),minimumValue:i.getFullYear().toString(),maximumValue:c.getFullYear().toString(),onConfirmAction:e=>{let n=Number(e);const l=new Date(n,b,1);h(l)?(p(n),y(Math.random())):l.valueOf()<i.valueOf()?(p(i.getFullYear()),S(i.getMonth()),y(Math.random())):l.valueOf()>c.valueOf()&&(p(c.getFullYear()),S(c.getMonth()),y(Math.random()))}})),e.createElement("section",{className:E},e.createElement("p",null,j[t].monday.slice(0,1).toUpperCase()),e.createElement("p",null,j[t].tuesday.slice(0,1).toUpperCase()),e.createElement("p",null,j[t].wednesday.slice(0,1).toUpperCase()),e.createElement("p",null,j[t].thursday.slice(0,1).toUpperCase()),e.createElement("p",null,j[t].friday.slice(0,1).toUpperCase()),e.createElement("p",null,j[t].saturday.slice(0,1).toUpperCase()),e.createElement("p",null,j[t].sunday.slice(0,1).toUpperCase())),e.createElement(B,{key:g,dates:u,year:m,month:b,mode:l,onSelectedDatesChange:e=>{a(e),_(e)},onFocusedMonth:(e,n)=>{S(e),p(n)},customDates:o,minimumDate:i,maximumDate:c}))};var L="IntegerControl-module_integer-control__-tzTl",P="IntegerControl-module_default__FJoED";S(".IntegerControl-module_integer-control__-tzTl {\n display: flex;\n align-items: center;\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: 84px;\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:a=0,minimumValue:t,maximumValue:o,customStyle:r})=>{const[i,c]=n(a);return e.createElement("div",{className:`${L} ${i===a?P:""}`,style:r},e.createElement("button",{onClick:()=>{c(i-1),l(i-1)}},e.createElement(m,null)),e.createElement("input",{onChange:e=>{const n=Number(e.target.value);c(n),l(n)},value:i,type:"number",defaultValue:String(a),min:String(t),max:String(o),style:{width:i.toString().length+1+"ch"}}),e.createElement("button",{onClick:()=>{c(i+1),l(i+1)}},e.createElement(p,null)))};var Z="LabeledInput-module_labeled-input__xzE4h",$="LabeledInput-module_focused__id3UI",U="LabeledInput-module_error__8RLxl",R="LabeledInput-module_error-message__5-9lv";S(".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: calc(50% - 10px);\n left: 28px;\n padding: 0;\n transition: all 200ms ease-in-out;\n user-select: none;\n}\n.LabeledInput-module_labeled-input__xzE4h label.LabeledInput-module_focused__id3UI {\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.LabeledInput-module_error__8RLxl {\n border-color: #f34d1b;\n}\n.LabeledInput-module_labeled-input__xzE4h.LabeledInput-module_error__8RLxl 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 H=({label:l,defaultValue:a,onChange:o=(()=>{}),width:r="328px",height:i="66px",backgroundColor:c="white",textAlign:d="left",highlightError:s=!1,errorMessage:u,inputProps:_})=>{const m=t(null),[p,b]=n(!!a);return e.createElement("div",{className:Z+(s?` ${U}`:""),onClick:()=>{m.current&&m.current.focus()},style:{width:r,height:i,backgroundColor:c}},e.createElement("label",{className:p?$:""},l),e.createElement("input",Object.assign({ref:m},_,{onFocus:()=>b(!0),onBlur:e=>{e.target.value||b(!1)},defaultValue:a,onChange:e=>o(e.target.value),style:{textAlign:d}})),s&&u&&e.createElement("p",{className:R},u))};var V="ScreenSteps-module_screen-steps__AX-nZ",X="ScreenSteps-module_steps__AuZhk",J="ScreenSteps-module_step__2kFuY",Q="ScreenSteps-module_completed__WcgIV",K="ScreenSteps-module_current__WatnQ",ee="ScreenSteps-module_outer-text__akI1y",ne="ScreenSteps-module_frame__3J2mc",le="ScreenSteps-module_steps-content__-Yj-E",ae="ScreenSteps-module_step-component__Lu3G5";S(".ScreenSteps-module_screen-steps__AX-nZ {\n width: 100%;\n height: 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: #959595;\n display: flex;\n align-items: center;\n justify-content: center;\n opacity: 0.2;\n color: #000000;\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.ScreenSteps-module_completed__WcgIV {\n opacity: 0.4;\n background-color: #705a00;\n color: #000000;\n}\n.ScreenSteps-module_screen-steps__AX-nZ .ScreenSteps-module_steps__AuZhk .ScreenSteps-module_step__2kFuY.ScreenSteps-module_current__WatnQ {\n opacity: 0.4;\n background-color: #705a00;\n color: #000000;\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 height: calc(100% - 82px);\n width: 100%;\n overflow: hidden;\n}\n.ScreenSteps-module_screen-steps__AX-nZ .ScreenSteps-module_frame__3J2mc .ScreenSteps-module_steps-content__-Yj-E {\n height: 100%;\n display: flex;\n align-items: center;\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_steps-content__-Yj-E .ScreenSteps-module_step-component__Lu3G5 {\n height: 100%;\n}");const te=({steps:l,defaultStep:t=0,onStepChange:o=(()=>{}),overrideStep:r})=>{const[i,c]=n(t),d=e=>{let n=J;e<i&&(n+=` ${Q}`);return e===i&&(n+=` ${K}`),n};return a((()=>{void 0!==r&&r<l.length&&r>=0&&c(r)}),[r]),e.createElement("section",{className:V},e.createElement("nav",{className:X},l.map(((n,l)=>e.createElement("div",{key:n.innerText,className:d(l),onClick:()=>{c(l),o(l)}},n.innerText)))),e.createElement("p",{className:ee},l[i].outterText),e.createElement("div",{className:ne},e.createElement("div",{className:le,style:(()=>{const e=100/l.length;return{width:100*l.length+"%",transform:`translateX(-${e*i}%)`}})()},l.map((n=>e.createElement("div",{key:n.innerText,className:ae,style:{width:100/l.length+"%"}},n.component))))))};var oe="ScrollSnapGallery-module_scroll-snap-gallery__CR-GS",re="ScrollSnapGallery-module_frame__267TC",ie="ScrollSnapGallery-module_arrow-controls__yw2Zl",ce="ScrollSnapGallery-module_arrow__1ueyq",de="ScrollSnapGallery-module_position-indicator__3Y7Mh",se="ScrollSnapGallery-module_indicator-icon__YrYF2",ue="ScrollSnapGallery-module_current__ckZrA",_e="ScrollSnapGallery-module_medium-shrunken__DuED2",me="ScrollSnapGallery-module_full-shrunken__VSbF7",pe="ScrollSnapGallery-module_hidden__c0w-O";S(".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 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 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 be=({urls:l=[],width:t="400px",height:o="300px",IndicatorIcon:r=b,positionIndicatorSize:i=Math.min(l.length,6),iconSize:c=16,showArrows:d=!1,frameStyle:_={}})=>{const[m,p]=n(0),[S,g]=n(0),[y,h]=n(i-1),[f,C]=n(0),x=e=>{let n=se;m===e&&(n+=` ${ue}`);const a=0!==S&&e===S,t=y!==l.length-1&&e===y;(a||t)&&(n+=` ${me}`);const o=0!==S&&e===S+1,r=y!==l.length-1&&e===y-1;return(o||r)&&(n+=` ${_e}`),(e<S||e>y)&&(n+=` ${pe}`),n};return a((()=>{C(S*c)}),[S]),e.createElement("section",{className:oe},e.createElement("div",{className:re,style:Object.assign(Object.assign({},_),{width:t,height:o}),onScroll:e=>{const{scrollLeft:n,clientWidth:a}=e.target,t=a,o=Math.round(n/t);if(p(o),o<=S){const e=Math.max(o-1,0),n=e+i-1;g(e),h(n)}else if(o>=y){const e=Math.min(o+1,l.length-1),n=e-i+1;h(e),g(n)}}},l.map(((n,l)=>e.createElement("img",{key:n+l,src:n,alt:"gallery item"})))),e.createElement("div",{className:ie},d&&e.createElement(s,{className:ce,onClick:()=>{const e=document.querySelector(`.${re}`);e.scrollLeft-=e.clientWidth}}),e.createElement("div",{className:de,style:{transform:`translateX(calc(50% - ${f}px - ${c*i/2}px))`}},l.map(((n,l)=>e.createElement(r,{key:n+l,className:x(l),style:{width:c,height:c}})))),d&&e.createElement(u,{className:ce,onClick:()=>{const e=document.querySelector(`.${re}`);e.scrollLeft+=e.clientWidth}})))};export{f as BubbleMenu,A as CalendarDatePicker,W as InputBoxWithConfirmation,q as IntegerControl,H as LabeledInput,te as ScreenSteps,be as ScrollSnapGallery};
1
+ import e,{useState as n,Fragment as l,useEffect as a,useRef as t,useReducer as o}from"react";import{BsX as r,BsCheckLg as i,BsPencil as c,BsArrowLeftCircle as d,BsArrowRightCircle as s}from"react-icons/bs";import{IoMenu as u}from"react-icons/io5";import{AiFillMinusCircle as _,AiFillPlusCircle as m}from"react-icons/ai";import{GoDotFill as p}from"react-icons/go";function b(e,n){void 0===n&&(n={});var l=n.insertAt;if(e&&"undefined"!=typeof document){var a=document.head||document.getElementsByTagName("head")[0],t=document.createElement("style");t.type="text/css","top"===l&&a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.styleSheet?t.styleSheet.cssText=e:t.appendChild(document.createTextNode(e))}}var S="BubbleMenu-module_menu-container__xrNNC",g="BubbleMenu-module_menu-button__I5R0w";b(".BubbleMenu-module_menu-container__xrNNC {\n position: fixed;\n z-index: 100;\n top: 0px;\n padding-top: 80px;\n box-sizing: border-box;\n width: 100vw;\n height: 100vh;\n}\n.BubbleMenu-module_menu-container__xrNNC[data-status=visible] {\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(0px);\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 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: 5px;\n}\n.BubbleMenu-module_menu-container__xrNNC ul li {\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 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 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 width: 0vw;\n }\n 1% {\n background-color: transparent;\n width: 100vw;\n }\n 100% {\n background-color: rgba(0, 0, 0, 0.3);\n width: 100vw;\n }\n}\n@keyframes BubbleMenu-module_hide-background__ESkim {\n 0% {\n background-color: rgba(0, 0, 0, 0.3);\n width: 100vw;\n }\n 99% {\n background-color: transparent;\n width: 100vw;\n }\n 100% {\n background-color: transparent;\n width: 0vw;\n }\n}");const y={en:{menu:"menu",close:"close"},es:{menu:"menú",close:"cerrar"}},h=({options:a,language:t="en"})=>{const[o,i]=n(null);return e.createElement(l,null,e.createElement("button",{className:g,onClick:()=>i(!o)},o?e.createElement(r,null):e.createElement(u,null),e.createElement("p",null,o?y[t].close:y[t].menu)),e.createElement("section",{className:S,"data-status":!0===o?"visible":!1===o?"hidden":"idle",onClick:()=>i(!1)},e.createElement("ul",null,a.filter((e=>e.visible)).map(((n,l)=>e.createElement("li",{key:n.text,style:{transitionDelay:100*l+"ms"}},e.createElement("button",{onClick:()=>setTimeout(n.optionCallback,300+100*a.length)},n.icon,n.text)))))))};var f="CalendarDatePicker-module_calendar-date-picker__-G7aY",C="CalendarDatePicker-module_today-button__YgI7t",x="CalendarDatePicker-module_month-and-year__LHJ8I",v="CalendarDatePicker-module_month-input__sFUHA",w="CalendarDatePicker-module_week-days__j2XJ-";b('@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 k="InputBoxWithConfirmation-module_div-wrapper__DdQ1-",E="InputBoxWithConfirmation-module_focused__C6kd0",N="InputBoxWithConfirmation-module_input-box-with-confirmation__W4NkN",D="InputBoxWithConfirmation-module_button-for-input-box-with-confirmation__qUi-Y";b(".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}\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 z=({onConfirmAction:o,inputType:r="text",minimumValue:d="",maximumValue:s="",maxLength:u,placeholder:_="",divWrapperCustomStyle:m,inputBoxCustomStyle:p,defaultValue:b,overrideCurrentValue:S,showConfirmationButton:g,disabled:y})=>{const h=t(null),f=t(null),[C,x]=n(void 0!==b?String(b):""),[v,w]=n(void 0!==b?String(b):""),[z,G]=n(!1),W=()=>{if(!v)return C;if("number"===r){let e=Number(v);return""!==d&&e<Number(d)?e=Number(d):""!==s&&e>Number(s)&&(e=Number(s)),String(e)}return v},I=()=>{const e=W();w(e),e&&(o(e),x(e))};return function(e,n,l=[]){a((()=>{function a(a){e.current&&!e.current.contains(a.target)&&l.every((e=>e.current!==a.target))&&n()}return document.addEventListener("mousedown",a),()=>{document.removeEventListener("mousedown",a)}}),[e,n,l])}(f,(()=>{z&&(g?w(C):I(),G(!1))})),a((()=>{void 0!==S?(w(String(S)),x(String(S))):null===S&&(w(""),x(""))}),[S]),e.createElement("div",{ref:f,style:m,className:`${k} ${z?E:""}`},e.createElement("input",{ref:h,disabled:y,className:N,type:r,style:Object.assign({width:`${((null==v?void 0:v.length)?v.length:0)+7}ch`},p),min:d,max:s,maxLength:u,placeholder:_,value:z?v:C,onChange:e=>{let n=e.target.value;u&&n.length>u&&(n=n.slice(0,u)),w(n)},onFocus:e=>{x(e.target.value),w(e.target.value),G(!0)},onKeyDown:e=>{"Enter"===e.key||"NumpadEnter"===e.key||"Tab"===e.key?(I(),G(!1),h.current&&h.current.blur()):"Escape"!==e.key&&"Esc"!==e.key||(w(C),G(!1),h.current&&h.current.blur())}}),!y&&g&&e.createElement(l,null,z?e.createElement("button",{className:D,onClick:()=>{I(),G(!1)}},e.createElement(i,null)):e.createElement("button",{className:D,onClick:()=>{h.current&&h.current.focus()}},e.createElement(c,null))))};var G={"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 W(e){return 0===e.getDay()?6:e.getDay()-1}function I(e){const n=(l=e,new Date(l.getFullYear(),l.getMonth()+1,0).getDate());var l;const a=e.getFullYear(),t=e.getMonth(),o=n-(7-W(new Date(a,t,1)));return Math.ceil(o/7)+1}function O(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()))}b('@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 F=(e,n)=>{const l=(n,l)=>{const a=new Date(n,l,1),t=new Date(e.minimumDate.getFullYear(),e.minimumDate.getMonth(),1),o=new Date(e.maximumDate.getFullYear(),e.maximumDate.getMonth()+1,0),r=a.valueOf()<t.valueOf(),i=a.valueOf()>o.valueOf();return!r&&!i},a={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 a=new Date(e.year,e.month+n.value,1);return l(e.year,e.month+n.value)?Object.assign(Object.assign({},e),{year:a.getFullYear(),month:a.getMonth()}):Object.assign({},e)}}[n.type]();return a||Object.assign({},e)},M=({dates:n,month:l,year:r,mode:i,onSelectedDatesChange:c,onFocusedMonth:d,customDates:s=[],minimumDate:u=new Date(1970,0,1),maximumDate:_=new Date((new Date).getFullYear()+100,1,1)})=>{const[m,p]=o(F,{month:l,year:r,minimumDate:u,maximumDate:_}),b=t(null),S=e=>!s.some((n=>n.dates.some((n=>n.valueOf()===e.valueOf()))&&!n.selectable)),g=e=>{let n=G["day-cell"];return s.some((n=>n.dates.some((n=>n.valueOf()===e.valueOf()))&&n.crossed))&&(n+=` ${G.crossed}`),n},y=e=>{let l=G.day;O(e)===O(new Date)&&(l+=` ${G.today}`),e.getMonth()===m.month?l+=` ${G["in-month"]}`:l+=` ${G["not-in-month"]}`;const a=n.some((n=>n.valueOf()===e.valueOf())),t=("range"===i||"booking"===i)&&2===n.length&&n[0].valueOf()<e.valueOf()&&e.valueOf()<n[1].valueOf();if((a||t)&&(l+=` ${G.selected}`),"booking"===i){2===n.length&&e.valueOf()===n[0].valueOf()&&(l+=` ${G["check-in"]}`);2===n.length&&e.valueOf()===n[1].valueOf()&&(l+=` ${G["check-out"]}`)}S(e)?l+=` ${G.selectable}`:l+=` ${G["not-selectable"]}`;return(e.valueOf()<u.valueOf()||e.valueOf()>_.valueOf())&&(l+=` ${G["out-of-selection"]}`),l},h=e=>{const n=s.find((n=>n.dates.some((n=>n.valueOf()===e.valueOf()))));return n?{backgroundColor:n.color}:void 0};return a((()=>{b.current&&(b.current.scrollTop=b.current.scrollHeight/5*2)}),[]),a((()=>{d(m.month,m.year)}),[m.year,m.month,d]),e.createElement("section",{ref:b,className:G["calendar-scrollable-section"],onScroll:e=>{const n=e.target,l=n.scrollHeight/5,a=1.25*l,t=2.75*l;n.scrollTop<a&&p({type:"changeByMonthOffset",value:-1}),n.scrollTop>t&&p({type:"changeByMonthOffset",value:1})}},Array(5).fill(0).map(((l,a)=>{const t=a-2,o=new Date(m.year,m.month+t,1),r=0===new Date(m.year,m.month+t+1,0).getDay();let d=I(o);r||(d-=1);const p=W(o);return e.createElement("div",{className:G["days-grid"],key:`grid:${O(o)}}`},Array(d).fill(0).map(((l,a)=>e.createElement("div",{className:G["days-row"],key:`grid:${O(o)}-row:${a}`},Array(7).fill(0).map(((l,o)=>{const r=m.month+t,d=7*a+o+1-p,b=new Date(m.year,r,d);return e.createElement("div",{className:g(b),key:O(b),onClick:()=>(e=>{if(s.forEach((n=>{n.dates.some((n=>n.valueOf()===e.valueOf()))&&n.clickSideEffect&&n.clickSideEffect(e)})),!S(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]]:[]),c(l)})(b)},e.createElement("div",{className:G["cross-line"]}),e.createElement("div",{className:y(b)},e.createElement("div",{className:G.background},e.createElement("div",{className:G["first-half"],style:h(b)}),e.createElement("div",{className:G["second-half"],style:h(b)})),e.createElement("p",null,b.getDate())))}))))))})))},Y={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"}},B=(e,n)=>{switch(e){case 0:return Y[n].january;case 1:return Y[n].february;case 2:return Y[n].march;case 3:return Y[n].april;case 4:return Y[n].may;case 5:return Y[n].june;case 6:return Y[n].july;case 7:return Y[n].august;case 8:return Y[n].september;case 9:return Y[n].october;case 10:return Y[n].november;case 11:return Y[n].december;default:return""}},j=({mode:l,onSelectedDatesChange:a=(()=>{}),language:t="en",customDates:o=[],minimumDate:r=new Date(1970,0,1),maximumDate:i=new Date((new Date).getFullYear()+100,1,1),customStyle:c})=>{const[d,s]=n([]),[u,_]=n((new Date).getFullYear()),[m,p]=n((new Date).getMonth()),[b,S]=n(Math.random()),g=e=>{const n=new Date(r.getFullYear(),r.getMonth(),1),l=new Date(i.getFullYear(),i.getMonth()+1,0),a=e.valueOf()>=n.valueOf(),t=e.valueOf()<=l.valueOf();return a&&t};return e.createElement("div",{className:f,style:c},e.createElement("button",{className:C,onClick:()=>{const e=new Date;g(e)&&(p(e.getMonth()),_(e.getFullYear()),S(Math.random()))}},Y[t].today.slice(0,1).toUpperCase()+Y[t].today.slice(1)),e.createElement("section",{className:x},e.createElement("select",{style:{fontFamily:null==c?void 0:c.fontFamily},className:v,value:m,onChange:e=>{const n=Number(e.target.value);p(n),S(Math.random())}},Array(12).fill(0).map(((n,l)=>{const a=new Date(u,l,1),o=!g(a);return e.createElement("option",{key:B(l,t),value:l,disabled:o},B(l,t))}))),e.createElement(z,{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:r.getFullYear().toString(),maximumValue:i.getFullYear().toString(),onConfirmAction:e=>{let n=Number(e);const l=new Date(n,m,1);g(l)?(_(n),S(Math.random())):l.valueOf()<r.valueOf()?(_(r.getFullYear()),p(r.getMonth()),S(Math.random())):l.valueOf()>i.valueOf()&&(_(i.getFullYear()),p(i.getMonth()),S(Math.random()))}})),e.createElement("section",{className:w},e.createElement("p",null,Y[t].monday.slice(0,1).toUpperCase()),e.createElement("p",null,Y[t].tuesday.slice(0,1).toUpperCase()),e.createElement("p",null,Y[t].wednesday.slice(0,1).toUpperCase()),e.createElement("p",null,Y[t].thursday.slice(0,1).toUpperCase()),e.createElement("p",null,Y[t].friday.slice(0,1).toUpperCase()),e.createElement("p",null,Y[t].saturday.slice(0,1).toUpperCase()),e.createElement("p",null,Y[t].sunday.slice(0,1).toUpperCase())),e.createElement(M,{key:b,dates:d,year:u,month:m,mode:l,onSelectedDatesChange:e=>{a(e),s(e)},onFocusedMonth:(e,n)=>{p(e),_(n)},customDates:o,minimumDate:r,maximumDate:i}))};var T="IntegerControl-module_integer-control__-tzTl",A="IntegerControl-module_default__FJoED";b(".IntegerControl-module_integer-control__-tzTl {\n display: flex;\n align-items: center;\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: 84px;\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 L=({onChange:l=(()=>{}),defaultValue:a=0,minimumValue:t,maximumValue:o,customStyle:r})=>{const[i,c]=n(a);return e.createElement("div",{className:`${T} ${i===a?A:""}`,style:r},e.createElement("button",{onClick:()=>{c(i-1),l(i-1)}},e.createElement(_,null)),e.createElement("input",{onChange:e=>{const n=Number(e.target.value);c(n),l(n)},value:i,type:"number",defaultValue:String(a),min:String(t),max:String(o),style:{width:i.toString().length+1+"ch"}}),e.createElement("button",{onClick:()=>{c(i+1),l(i+1)}},e.createElement(m,null)))};var q="LabeledInput-module_labeled-input__xzE4h",P="LabeledInput-module_focused__id3UI",Z="LabeledInput-module_error__8RLxl",$="LabeledInput-module_error-message__5-9lv";b(".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: calc(50% - 10px);\n left: 28px;\n padding: 0;\n transition: all 200ms ease-in-out;\n user-select: none;\n}\n.LabeledInput-module_labeled-input__xzE4h label.LabeledInput-module_focused__id3UI {\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.LabeledInput-module_error__8RLxl {\n border-color: #f34d1b;\n}\n.LabeledInput-module_labeled-input__xzE4h.LabeledInput-module_error__8RLxl 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 U=({label:l,defaultValue:a,onChange:o=(()=>{}),width:r="328px",height:i="66px",backgroundColor:c="white",textAlign:d="left",highlightError:s=!1,errorMessage:u,inputProps:_})=>{const m=t(null),[p,b]=n(!!a);return e.createElement("div",{className:q+(s?` ${Z}`:""),onClick:()=>{m.current&&m.current.focus()},style:{width:r,height:i,backgroundColor:c}},e.createElement("label",{className:p?P:""},l),e.createElement("input",Object.assign({ref:m},_,{onFocus:()=>b(!0),onBlur:e=>{e.target.value||b(!1)},defaultValue:a,onChange:e=>o(e.target.value),style:{textAlign:d}})),s&&u&&e.createElement("p",{className:$},u))};var R="ScreenSteps-module_screen-steps__AX-nZ",H="ScreenSteps-module_steps__AuZhk",V="ScreenSteps-module_step__2kFuY",X="ScreenSteps-module_completed__WcgIV",J="ScreenSteps-module_current__WatnQ",Q="ScreenSteps-module_outer-text__akI1y",K="ScreenSteps-module_frame__3J2mc",ee="ScreenSteps-module_steps-content__-Yj-E",ne="ScreenSteps-module_step-component__Lu3G5";b(".ScreenSteps-module_screen-steps__AX-nZ {\n width: 100%;\n height: 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: #959595;\n display: flex;\n align-items: center;\n justify-content: center;\n opacity: 0.2;\n color: #000000;\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.ScreenSteps-module_completed__WcgIV {\n opacity: 0.4;\n background-color: #705a00;\n color: #000000;\n}\n.ScreenSteps-module_screen-steps__AX-nZ .ScreenSteps-module_steps__AuZhk .ScreenSteps-module_step__2kFuY.ScreenSteps-module_current__WatnQ {\n opacity: 0.4;\n background-color: #705a00;\n color: #000000;\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 height: calc(100% - 82px);\n width: 100%;\n overflow: hidden;\n}\n.ScreenSteps-module_screen-steps__AX-nZ .ScreenSteps-module_frame__3J2mc .ScreenSteps-module_steps-content__-Yj-E {\n height: 100%;\n display: flex;\n align-items: center;\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_steps-content__-Yj-E .ScreenSteps-module_step-component__Lu3G5 {\n height: 100%;\n}");const le=({steps:l,defaultStep:t=0,onStepChange:o=(()=>{}),overrideStep:r})=>{const[i,c]=n(t),d=e=>{let n=V;e<i&&(n+=` ${X}`);return e===i&&(n+=` ${J}`),n};return a((()=>{void 0!==r&&r<l.length&&r>=0&&c(r)}),[r]),e.createElement("section",{className:R},e.createElement("nav",{className:H},l.map(((n,l)=>e.createElement("div",{key:n.innerText,className:d(l),onClick:()=>{c(l),o(l)}},n.innerText)))),e.createElement("p",{className:Q},l[i].outterText),e.createElement("div",{className:K},e.createElement("div",{className:ee,style:(()=>{const e=100/l.length;return{width:100*l.length+"%",transform:`translateX(-${e*i}%)`}})()},l.map((n=>e.createElement("div",{key:n.innerText,className:ne,style:{width:100/l.length+"%"}},n.component))))))};var ae="ScrollSnapGallery-module_scroll-snap-gallery__CR-GS",te="ScrollSnapGallery-module_frame__267TC",oe="ScrollSnapGallery-module_arrow-controls__yw2Zl",re="ScrollSnapGallery-module_arrow__1ueyq",ie="ScrollSnapGallery-module_position-indicator__3Y7Mh",ce="ScrollSnapGallery-module_indicator-icon__YrYF2",de="ScrollSnapGallery-module_current__ckZrA",se="ScrollSnapGallery-module_medium-shrunken__DuED2",ue="ScrollSnapGallery-module_full-shrunken__VSbF7",_e="ScrollSnapGallery-module_hidden__c0w-O";b(".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 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 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 me=({urls:l=[],width:t="400px",height:o="300px",IndicatorIcon:r=p,positionIndicatorSize:i=Math.min(l.length,6),iconSize:c=16,showArrows:u=!1,frameStyle:_={}})=>{const[m,b]=n(0),[S,g]=n(0),[y,h]=n(i-1),[f,C]=n(0),x=e=>{let n=ce;m===e&&(n+=` ${de}`);const a=0!==S&&e===S,t=y!==l.length-1&&e===y;(a||t)&&(n+=` ${ue}`);const o=0!==S&&e===S+1,r=y!==l.length-1&&e===y-1;return(o||r)&&(n+=` ${se}`),(e<S||e>y)&&(n+=` ${_e}`),n};return a((()=>{C(S*c)}),[S]),e.createElement("section",{className:ae},e.createElement("div",{className:te,style:Object.assign(Object.assign({},_),{width:t,height:o}),onScroll:e=>{const{scrollLeft:n,clientWidth:a}=e.target,t=a,o=Math.round(n/t);if(b(o),o<=S){const e=Math.max(o-1,0),n=e+i-1;g(e),h(n)}else if(o>=y){const e=Math.min(o+1,l.length-1),n=e-i+1;h(e),g(n)}}},l.map(((n,l)=>e.createElement("img",{key:n+l,src:n,alt:"gallery item"})))),e.createElement("div",{className:oe},u&&e.createElement(d,{className:re,onClick:()=>{const e=document.querySelector(`.${te}`);e.scrollLeft-=e.clientWidth}}),e.createElement("div",{className:ie,style:{transform:`translateX(calc(50% - ${f}px - ${c*i/2}px))`}},l.map(((n,l)=>e.createElement(r,{key:n+l,className:x(l),style:{width:c,height:c}})))),u&&e.createElement(s,{className:re,onClick:()=>{const e=document.querySelector(`.${te}`);e.scrollLeft+=e.clientWidth}})))};export{h as BubbleMenu,j as CalendarDatePicker,z as InputBoxWithConfirmation,L as IntegerControl,U as LabeledInput,le as ScreenSteps,me as ScrollSnapGallery};
@@ -10,10 +10,9 @@ export type CalendarDatePickerProps = {
10
10
  crossed?: boolean;
11
11
  clickSideEffect?: (date: Date) => void;
12
12
  }[];
13
- title?: string;
14
13
  minimumDate?: Date;
15
14
  maximumDate?: Date;
16
15
  customStyle?: React.CSSProperties;
17
16
  };
18
- declare const CalendarDatePicker: ({ mode, onSelectedDatesChange, language, customDates, title, minimumDate, maximumDate, customStyle, }: CalendarDatePickerProps) => React.JSX.Element;
17
+ declare const CalendarDatePicker: ({ mode, onSelectedDatesChange, language, customDates, minimumDate, maximumDate, customStyle, }: CalendarDatePickerProps) => React.JSX.Element;
19
18
  export default CalendarDatePicker;
package/dist/index.d.ts CHANGED
@@ -23,12 +23,11 @@ type CalendarDatePickerProps = {
23
23
  crossed?: boolean;
24
24
  clickSideEffect?: (date: Date) => void;
25
25
  }[];
26
- title?: string;
27
26
  minimumDate?: Date;
28
27
  maximumDate?: Date;
29
28
  customStyle?: React.CSSProperties;
30
29
  };
31
- declare const CalendarDatePicker: ({ mode, onSelectedDatesChange, language, customDates, title, minimumDate, maximumDate, customStyle, }: CalendarDatePickerProps) => React.JSX.Element;
30
+ declare const CalendarDatePicker: ({ mode, onSelectedDatesChange, language, customDates, minimumDate, maximumDate, customStyle, }: CalendarDatePickerProps) => React.JSX.Element;
32
31
 
33
32
  type InputBoxWithConfirmationPropsType = {
34
33
  onConfirmAction: (inputCurrentValue: string) => void;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "josenanodev-react-components-library",
3
- "version": "1.1.1",
3
+ "version": "1.1.2",
4
4
  "author": {
5
5
  "name": "Jose Carlos Cardenas Martinez"
6
6
  },
@@ -52,7 +52,7 @@
52
52
  "react-dom": "^18.2.0",
53
53
  "react-icons": "^4.10.1",
54
54
  "react-scripts": "5.0.1",
55
- "rollup": "^3.27.1",
55
+ "rollup": "^3.27.2",
56
56
  "rollup-plugin-dts": "^5.3.1",
57
57
  "rollup-plugin-peer-deps-external": "^2.2.4",
58
58
  "rollup-plugin-postcss": "^4.0.2",