josenanodev-react-components-library 1.0.5 → 1.0.7

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/LICENSE CHANGED
@@ -1,21 +1,21 @@
1
- MIT License
2
-
3
- Copyright (c) 2023 Jose Carlos Cárdenas Martínez
4
-
5
- Permission is hereby granted, free of charge, to any person obtaining a copy
6
- of this software and associated documentation files (the "Software"), to deal
7
- in the Software without restriction, including without limitation the rights
8
- to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9
- copies of the Software, and to permit persons to whom the Software is
10
- furnished to do so, subject to the following conditions:
11
-
12
- The above copyright notice and this permission notice shall be included in all
13
- copies or substantial portions of the Software.
14
-
15
- THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16
- IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17
- FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18
- AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19
- LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20
- OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21
- SOFTWARE.
1
+ MIT License
2
+
3
+ Copyright (c) 2023 Jose Carlos Cárdenas Martínez
4
+
5
+ Permission is hereby granted, free of charge, to any person obtaining a copy
6
+ of this software and associated documentation files (the "Software"), to deal
7
+ in the Software without restriction, including without limitation the rights
8
+ to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9
+ copies of the Software, and to permit persons to whom the Software is
10
+ furnished to do so, subject to the following conditions:
11
+
12
+ The above copyright notice and this permission notice shall be included in all
13
+ copies or substantial portions of the Software.
14
+
15
+ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16
+ IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17
+ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18
+ AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19
+ LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20
+ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21
+ SOFTWARE.
package/README.md CHANGED
@@ -1,5 +1,5 @@
1
- # Libreria de componentes React Josenanodev
2
- A library of React components.
3
- ## Installation
4
- Run the following command:
1
+ # Libreria de componentes React Josenanodev
2
+ A library of React components.
3
+ ## Installation
4
+ Run the following command:
5
5
  `npm install josenanodev-react-components-library`
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 top: 0px;\n padding-top: 80px;\n box-sizing: border-box;\n width: 100vw;\n height: 100vh;\n transition: background-color 300ms ease-in-out;\n}\n.BubbleMenu-module_menu-container__xrNNC[data-status=visible] {\n background-color: rgba(0, 0, 0, 0.3);\n z-index: 1;\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 background-color: transparent;\n z-index: -1;\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 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: 2;\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}");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}\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 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: 18px;\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 S="InputBoxWithConfirmation-module_div-wrapper__DdQ1-",b="InputBoxWithConfirmation-module_focused__C6kd0",g="InputBoxWithConfirmation-module_input-box-with-confirmation__W4NkN",f="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:s,overrideCurrentValue:u,showConfirmationButton:_,disabled:m})=>{const p=e.useRef(null),y=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=()=>{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])}(y,(()=>{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:y,style:c,className:`${S} ${w?b:""}`},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||"Tab"===e.key?(D(),k(!1),p.current&&p.current.blur()):"Escape"===e.key&&(v(h),k(!1),p.current&&p.current.blur())}}),!m&&_&&e.createElement(e.Fragment,null,w?e.createElement("button",{className:f,onClick:()=>{D(),k(!1)}},e.createElement(n.BsCheckLg,null)):e.createElement("button",{className:f,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()))}function w(n,l){const[a,t]=e.useState(!1),o=e.useRef(null);return e.useEffect((()=>(o.current&&o.current.disconnect(),o.current=new IntersectionObserver((([e])=>{t(e.isIntersecting)}),l),n.current&&o.current.observe(n.current),()=>{o.current&&o.current.disconnect()})),[n,l]),a}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 k=(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)},E=({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(k,{month:l,year:a,minimumDate:c,maximumDate:d}),_=e.useRef(null),m=e.useRef(null),p=e.useRef(null),S=e.useRef(null),b=e.useRef(null),g=w(m,{rootMargin:"0px",threshold:1}),f=w(p,{rootMargin:"0px",threshold:1}),y=w(S,{rootMargin:"0px",threshold:1}),E=w(b,{rootMargin:"0px",threshold:1}),D=e=>!i.some((n=>n.dates.some((n=>n.valueOf()===e.valueOf()))&&!n.selectable)),N=e=>{let n=h["day-cell"];return i.some((n=>n.dates.some((n=>n.valueOf()===e.valueOf()))&&n.crossed))&&(n+=` ${h.crossed}`),n},G=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"]}`)}D(e)?l+=` ${h.selectable}`:l+=` ${h["not-selectable"]}`;return(e.valueOf()<c.valueOf()||e.valueOf()>d.valueOf())&&(l+=` ${h["out-of-selection"]}`),l},z=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=416)}),[]),e.useEffect((()=>{r(s.month,s.year)}),[s.year,s.month,r]),e.useEffect((()=>{(f||g)&&u({type:"changeByMonthOffset",value:-1})}),[g,f]),e.useEffect((()=>{(y||E)&&u({type:"changeByMonthOffset",value:1})}),[y,E]),e.createElement("section",{ref:_,className:h["calendar-scrollable-section"]},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 f=C(u);return e.createElement("div",{ref:[m,p,null,S,b][a],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,m=7*a+u+1-f,p=new Date(s.year,_,m);return e.createElement("div",{className:N(p),key:v(p),onClick:()=>(e=>{if(i.forEach((n=>{n.dates.some((n=>n.valueOf()===e.valueOf()))&&n.clickSideEffect&&n.clickSideEffect(e)})),!D(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)})(p)},e.createElement("div",{className:h["cross-line"]}),e.createElement("div",{className:G(p)},e.createElement("div",{className:h.background},e.createElement("div",{className:h["first-half"],style:z(p)}),e.createElement("div",{className:h["second-half"],style:z(p)})),e.createElement("p",null,p.getDate())))}))))))})))},D={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"}},N=(e,n)=>{switch(e){case 0:return D[n].january;case 1:return D[n].february;case 2:return D[n].march;case 3:return D[n].april;case 4:return D[n].may;case 5:return D[n].june;case 6:return D[n].july;case 7:return D[n].august;case 8:return D[n].september;case 9:return D[n].october;case 10:return D[n].november;case 11:return D[n].december;default:return""}};var G="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 I="LabeledInput-module_labeled-input__xzE4h",W="LabeledInput-module_focused__id3UI",O="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 M="ScreenSteps-module_screen-steps__AX-nZ",Y="ScreenSteps-module_steps__AuZhk",B="ScreenSteps-module_step__2kFuY",j="ScreenSteps-module_completed__WcgIV",A="ScreenSteps-module_current__WatnQ",T="ScreenSteps-module_outer-text__akI1y",L="ScreenSteps-module_frame__3J2mc",P="ScreenSteps-module_steps-content__-Yj-E",q="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 R="ScrollSnapGallery-module_scroll-snap-gallery__CR-GS",Z="ScrollSnapGallery-module_frame__267TC",$="ScrollSnapGallery-module_arrow-controls__yw2Zl",U="ScrollSnapGallery-module_arrow__1ueyq",V="ScrollSnapGallery-module_position-indicator__3Y7Mh",H="ScrollSnapGallery-module_indicator-icon__YrYF2",X="ScrollSnapGallery-module_current__ckZrA",J="ScrollSnapGallery-module_medium-shrunken__DuED2",Q="ScrollSnapGallery-module_full-shrunken__VSbF7",K="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(!1);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":o?"visible":"hidden",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:S})=>{const[b,g]=e.useState([]),[f,h]=e.useState((new Date).getFullYear()),[C,x]=e.useState((new Date).getMonth()),[v,w]=e.useState(Math.random()),k=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:S},e.createElement("section",{className:s},e.createElement(n.BsFillCalendar3WeekFill,null),r,e.createElement("button",{className:u,onClick:()=>{const e=new Date;k(e)&&(x(e.getMonth()),h(e.getFullYear()),w(Math.random()))}},D[t].today.slice(0,1).toUpperCase()+D[t].today.slice(1))),e.createElement("section",{className:_},e.createElement("select",{style:{fontFamily:null==S?void 0:S.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(f,l,1),o=!k(a);return e.createElement("option",{key:N(l,t),value:l,disabled:o},N(l,t))}))),e.createElement(y,{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},maxLength:4,defaultValue:f.toString(),overrideCurrentValue:f.toString(),minimumValue:i.getFullYear().toString(),maximumValue:c.getFullYear().toString(),onConfirmAction:e=>{let n=Number(e);const l=new Date(n,C,1);k(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,D[t].monday.slice(0,1).toUpperCase()),e.createElement("p",null,D[t].tuesday.slice(0,1).toUpperCase()),e.createElement("p",null,D[t].wednesday.slice(0,1).toUpperCase()),e.createElement("p",null,D[t].thursday.slice(0,1).toUpperCase()),e.createElement("p",null,D[t].friday.slice(0,1).toUpperCase()),e.createElement("p",null,D[t].saturday.slice(0,1).toUpperCase()),e.createElement("p",null,D[t].sunday.slice(0,1).toUpperCase())),e.createElement(E,{key:v,dates:b,year:f,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=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:`${G} ${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:I+(c?` ${O}`:""),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=B;e<o&&(n+=` ${j}`);return e===o&&(n+=` ${A}`),n};return e.useEffect((()=>{void 0!==t&&t<n.length&&t>=0&&r(t)}),[t]),e.createElement("section",{className:M},e.createElement("nav",{className:Y},n.map(((n,l)=>e.createElement("div",{key:n.innerText,className:i(l),onClick:()=>{r(l),a(l)}},n.innerText)))),e.createElement("p",{className:T},n[o].outterText),e.createElement("div",{className:L},e.createElement("div",{className:P,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:q,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),[S,b]=e.useState(i-1),[g,f]=e.useState(0),y=e=>{let n=H;u===e&&(n+=` ${X}`);const a=0!==m&&e===m,t=S!==l.length-1&&e===S;(a||t)&&(n+=` ${Q}`);const o=0!==m&&e===m+1,r=S!==l.length-1&&e===S-1;return(o||r)&&(n+=` ${J}`),(e<m||e>S)&&(n+=` ${K}`),n};return e.useEffect((()=>{f(m*c)}),[m]),e.createElement("section",{className:R},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),b(n)}else if(o>=S){const e=Math.min(o+1,l.length-1),n=e-i+1;b(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:U,onClick:()=>{const e=document.querySelector(`.${Z}`);e.scrollLeft-=e.clientWidth}}),e.createElement("div",{className:V,style:{transform:`translateX(calc(50% - ${g}px - ${c*i/2}px))`}},l.map(((n,l)=>e.createElement(r,{key:n+l,className:y(l),style:{width:c,height:c}})))),d&&e.createElement(n.BsArrowRightCircle,{className:U,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_title__gUwdA",s="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 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: 18px;\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:u,overrideCurrentValue:s,showConfirmationButton:_,disabled:m})=>{const p=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},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!==s?(v(String(s)),C(String(s))):null===s&&(v(""),C(""))}),[s]),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)},onBlur:()=>{_?v(h):D(),k(!1)},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[u,s]=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()===u.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(u.month,u.year)}),[u.year,u.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&&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=x(s);_||(g-=1);const y=C(s);return e.createElement("div",{className:h["days-grid"],key:`grid:${v(s)}}`},Array(g).fill(0).map(((l,a)=>e.createElement("div",{className:h["days-row"],key:`grid:${v(s)}-row:${a}`},Array(7).fill(0).map(((l,s)=>{const _=u.month+r,g=7*a+s+1-y,f=new Date(u.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",G="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",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:u},e.createElement(n.BsFillCalendar3WeekFill,null),r,e.createElement("button",{className:s,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},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?G:""}`,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:_?W:""},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: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: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=H;s===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({},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:$},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}})))};
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 top: 0px;\n padding-top: 80px;\n box-sizing: border-box;\n width: 100vw;\n height: 100vh;\n transition: background-color 300ms ease-in-out;\n}\n.BubbleMenu-module_menu-container__xrNNC[data-status=visible] {\n background-color: rgba(0, 0, 0, 0.3);\n z-index: 1;\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 background-color: transparent;\n z-index: -1;\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 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: 2;\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}");const h={en:{menu:"menu",close:"close"},es:{menu:"menú",close:"cerrar"}},f=({options:a,language:t="en"})=>{const[o,i]=n(!1);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":o?"visible":"hidden",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",D="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}\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 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: 18px;\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 E="InputBoxWithConfirmation-module_div-wrapper__DdQ1-",N="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,D]=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=()=>{w(W()),W()&&(o(W()),x(W()))};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(),D(!1))})),a((()=>{void 0!==S?(w(String(S)),x(String(S))):null===S&&(w(""),x(""))}),[S]),e.createElement("div",{ref:f,style:m,className:`${E} ${k?N:""}`},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),D(!0)},onKeyDown:e=>{"Enter"===e.key||"Tab"===e.key?(I(),D(!1),h.current&&h.current.blur()):"Escape"===e.key&&(w(C),D(!1),h.current&&h.current.blur())}}),!y&&g&&e.createElement(l,null,k?e.createElement("button",{className:G,onClick:()=>{I(),D(!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()))}function M(e,l){const[o,r]=n(!1),i=t(null);return a((()=>(i.current&&i.current.disconnect(),i.current=new IntersectionObserver((([e])=>{r(e.isIntersecting)}),l),e.current&&i.current.observe(e.current),()=>{i.current&&i.current.disconnect()})),[e,l]),o}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 j=(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(j,{month:l,year:r,minimumDate:u,maximumDate:_}),b=t(null),S=t(null),g=t(null),y=t(null),h=t(null),f=M(S,{rootMargin:"0px",threshold:1}),C=M(g,{rootMargin:"0px",threshold:1}),x=M(y,{rootMargin:"0px",threshold:1}),v=M(h,{rootMargin:"0px",threshold:1}),w=e=>!s.some((n=>n.dates.some((n=>n.valueOf()===e.valueOf()))&&!n.selectable)),k=e=>{let n=I["day-cell"];return s.some((n=>n.dates.some((n=>n.valueOf()===e.valueOf()))&&n.crossed))&&(n+=` ${I.crossed}`),n},D=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"]}`)}w(e)?l+=` ${I.selectable}`:l+=` ${I["not-selectable"]}`;return(e.valueOf()<u.valueOf()||e.valueOf()>_.valueOf())&&(l+=` ${I["out-of-selection"]}`),l},E=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=416)}),[]),a((()=>{d(m.month,m.year)}),[m.year,m.month,d]),a((()=>{(C||f)&&p({type:"changeByMonthOffset",value:-1})}),[f,C]),a((()=>{(x||v)&&p({type:"changeByMonthOffset",value:1})}),[x,v]),e.createElement("section",{ref:b,className:I["calendar-scrollable-section"]},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",{ref:[S,g,null,y,h][a],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:k(b),key:F(b),onClick:()=>(e=>{if(s.forEach((n=>{n.dates.some((n=>n.valueOf()===e.valueOf()))&&n.clickSideEffect&&n.clickSideEffect(e)})),!w(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:D(b)},e.createElement("div",{className:I.background},e.createElement("div",{className:I["first-half"],style:E(b)}),e.createElement("div",{className:I["second-half"],style:E(b)})),e.createElement("p",null,b.getDate())))}))))))})))},T={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"}},A=(e,n)=>{switch(e){case 0:return T[n].january;case 1:return T[n].february;case 2:return T[n].march;case 3:return T[n].april;case 4:return T[n].may;case 5:return T[n].june;case 6:return T[n].july;case 7:return T[n].august;case 8:return T[n].september;case 9:return T[n].october;case 10:return T[n].november;case 11:return T[n].december;default:return""}},L=({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()))}},T[t].today.slice(0,1).toUpperCase()+T[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:A(l,t),value:l,disabled:o},A(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},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:D},e.createElement("p",null,T[t].monday.slice(0,1).toUpperCase()),e.createElement("p",null,T[t].tuesday.slice(0,1).toUpperCase()),e.createElement("p",null,T[t].wednesday.slice(0,1).toUpperCase()),e.createElement("p",null,T[t].thursday.slice(0,1).toUpperCase()),e.createElement("p",null,T[t].friday.slice(0,1).toUpperCase()),e.createElement("p",null,T[t].saturday.slice(0,1).toUpperCase()),e.createElement("p",null,T[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 P="IntegerControl-module_integer-control__-tzTl",q="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 Z=({onChange:l=(()=>{}),defaultValue:a=0,minimumValue:t,maximumValue:o,customStyle:r})=>{const[i,c]=n(a);return e.createElement("div",{className:`${P} ${i===a?q:""}`,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 $="LabeledInput-module_labeled-input__xzE4h",U="LabeledInput-module_focused__id3UI",R="LabeledInput-module_error__8RLxl",V="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:$+(s?` ${R}`:""),onClick:()=>{m.current&&m.current.focus()},style:{width:r,height:i,backgroundColor:c}},e.createElement("label",{className:p?U:""},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:V},u))};var X="ScreenSteps-module_screen-steps__AX-nZ",J="ScreenSteps-module_steps__AuZhk",Q="ScreenSteps-module_step__2kFuY",K="ScreenSteps-module_completed__WcgIV",ee="ScreenSteps-module_current__WatnQ",ne="ScreenSteps-module_outer-text__akI1y",le="ScreenSteps-module_frame__3J2mc",ae="ScreenSteps-module_steps-content__-Yj-E",te="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 oe=({steps:l,defaultStep:t=0,onStepChange:o=(()=>{}),overrideStep:r})=>{const[i,c]=n(t),d=e=>{let n=Q;e<i&&(n+=` ${K}`);return e===i&&(n+=` ${ee}`),n};return a((()=>{void 0!==r&&r<l.length&&r>=0&&c(r)}),[r]),e.createElement("section",{className:X},e.createElement("nav",{className:J},l.map(((n,l)=>e.createElement("div",{key:n.innerText,className:d(l),onClick:()=>{c(l),o(l)}},n.innerText)))),e.createElement("p",{className:ne},l[i].outterText),e.createElement("div",{className:le},e.createElement("div",{className:ae,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:te,style:{width:100/l.length+"%"}},n.component))))))};var re="ScrollSnapGallery-module_scroll-snap-gallery__CR-GS",ie="ScrollSnapGallery-module_frame__267TC",ce="ScrollSnapGallery-module_arrow-controls__yw2Zl",de="ScrollSnapGallery-module_arrow__1ueyq",se="ScrollSnapGallery-module_position-indicator__3Y7Mh",ue="ScrollSnapGallery-module_indicator-icon__YrYF2",_e="ScrollSnapGallery-module_current__ckZrA",me="ScrollSnapGallery-module_medium-shrunken__DuED2",pe="ScrollSnapGallery-module_full-shrunken__VSbF7",be="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 Se=({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=ue;m===e&&(n+=` ${_e}`);const a=0!==S&&e===S,t=y!==l.length-1&&e===y;(a||t)&&(n+=` ${pe}`);const o=0!==S&&e===S+1,r=y!==l.length-1&&e===y-1;return(o||r)&&(n+=` ${me}`),(e<S||e>y)&&(n+=` ${be}`),n};return a((()=>{C(S*c)}),[S]),e.createElement("section",{className:re},e.createElement("div",{className:ie,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:ce},d&&e.createElement(s,{className:de,onClick:()=>{const e=document.querySelector(`.${ie}`);e.scrollLeft-=e.clientWidth}}),e.createElement("div",{className:se,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:de,onClick:()=>{const e=document.querySelector(`.${ie}`);e.scrollLeft+=e.clientWidth}})))};export{f as BubbleMenu,L as CalendarDatePicker,W as InputBoxWithConfirmation,Z as IntegerControl,H as LabeledInput,oe as ScreenSteps,Se 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,BsFillCalendar3WeekFill as d,BsArrowLeftCircle as u,BsArrowRightCircle as s}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 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: 18px;\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:u="",maxLength:s,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):""!==u&&e>Number(u)&&(e=Number(u)),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:u,maxLength:s,placeholder:_,value:k?v:C,onChange:e=>{let n=e.target.value;s&&n.length>s&&(n=n.slice(0,s)),w(n)},onFocus:e=>{x(e.target.value),w(e.target.value),E(!0)},onBlur:()=>{g?w(C):I(),E(!1)},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:u=[],minimumDate:s=new Date(1970,0,1),maximumDate:_=new Date((new Date).getFullYear()+100,1,1)})=>{const[m,p]=o(M,{month:l,year:r,minimumDate:s,maximumDate:_}),b=t(null),S=e=>!u.some((n=>n.dates.some((n=>n.valueOf()===e.valueOf()))&&!n.selectable)),g=e=>{let n=I["day-cell"];return u.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()<s.valueOf()||e.valueOf()>_.valueOf())&&(l+=` ${I["out-of-selection"]}`),l},h=e=>{const n=u.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(u.forEach((n=>{n.dates.some((n=>n.valueOf()===e.valueOf()))&&n.clickSideEffect&&n.clickSideEffect(e)})),!S(e))return;if(e.valueOf()<s.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:u})=>{const[s,_]=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:u},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==u?void 0:u.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==u?void 0:u.fontFamily},inputBoxCustomStyle:{padding:0,fontFamily:null==u?void 0:u.fontFamily},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:s,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:u=!1,errorMessage:s,inputProps:_})=>{const m=t(null),[p,b]=n(!!a);return e.createElement("div",{className:Z+(u?` ${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}})),u&&s&&e.createElement("p",{className:R},s))};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",ue="ScrollSnapGallery-module_indicator-icon__YrYF2",se="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=ue;m===e&&(n+=` ${se}`);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(u,{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(s,{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};
package/package.json CHANGED
@@ -1,123 +1,113 @@
1
- {
2
- "name": "josenanodev-react-components-library",
3
- "version": "1.0.5",
4
- "author": {
5
- "name": "Jose Carlos Cardenas Martinez"
6
- },
7
- "description": "Libreria de componentes React personales",
8
- "license": "MIT",
9
- "main": "dist/cjs/index.js",
10
- "module": "dist/esm/index.js",
11
- "files": [
12
- "dist"
13
- ],
14
- "types": "dist/index.d.ts",
15
- "repository": {
16
- "type": "git",
17
- "url": "git+https://github.com/Josenanodev/josenanodev-react-components-library.git"
18
- },
19
- "devDependencies": {
20
- "@babel/core": "^7.22.9",
21
- "@babel/preset-typescript": "^7.22.5",
22
- "@babel/runtime": "^7.22.6",
23
- "@rollup/plugin-commonjs": "^25.0.3",
24
- "@rollup/plugin-node-resolve": "^15.1.0",
25
- "@rollup/plugin-terser": "^0.4.3",
26
- "@rollup/plugin-typescript": "^11.1.2",
27
- "@storybook/addon-essentials": "^7.1.1",
28
- "@storybook/addon-interactions": "^7.1.1",
29
- "@storybook/addon-links": "^7.1.1",
30
- "@storybook/addon-mdx-gfm": "^7.1.1",
31
- "@storybook/addon-styling": "^1.3.5",
32
- "@storybook/blocks": "^7.1.1",
33
- "@storybook/react": "^7.1.1",
34
- "@storybook/react-webpack5": "^7.1.1",
35
- "@storybook/testing-library": "^0.2.0",
36
- "@testing-library/jest-dom": "^5.17.0",
37
- "@testing-library/react": "^14.0.0",
38
- "@testing-library/user-event": "^14.4.3",
39
- "@types/jest": "^29.5.3",
40
- "@types/lodash": "^4.14.195",
41
- "@types/node": "^20.4.2",
42
- "@types/react": "^18.2.15",
43
- "@types/react-dom": "^18.2.7",
44
- "@types/react-test-renderer": "^18.0.0",
45
- "babel-cli": "^6.26.0",
46
- "babel-loader": "^9.1.3",
47
- "chromatic": "^6.19.9",
48
- "copyfiles": "^2.4.1",
49
- "eslint-plugin-storybook": "^0.6.13",
50
- "prop-types": "^15.8.1",
51
- "postcss": "^8.4.27",
52
- "react": "^18.2.0",
53
- "react-dom": "^18.2.0",
54
- "react-icons": "^4.10.1",
55
- "react-scripts": "5.0.1",
56
- "rollup": "^3.27.0",
57
- "rollup-plugin-dts": "^5.3.1",
58
- "rollup-plugin-peer-deps-external": "^2.2.4",
59
- "rollup-plugin-postcss": "^4.0.2",
60
- "sass": "^1.64.0",
61
- "storybook": "^7.1.1",
62
- "tslib": "^2.6.1",
63
- "typescript": "^5.1.6"
64
- },
65
- "peerDependencies": {
66
- "react": "^18.2.0",
67
- "react-dom": "^18.2.0",
68
- "react-icons": "^4.7.1"
69
- },
70
- "scripts": {
71
- "rollup-build-lib": "rollup -c",
72
- "build": "rm -rf ./dist && npm run build:esm && npm run build:cjs && npm run copy-dts:cjs && npm run copy-dts:esm && npm run copy-css:cjs && npm run copy-css:esm && copyfiles -u 1 \"src/**/*.scss\" dist/cjs && copyfiles -u 1 \"src/**/*.scss\" dist/esm",
73
- "test": "jest --coverage",
74
- "tsc": "tsc",
75
- "build:esm": "tsc",
76
- "build:cjs": "tsc --module CommonJS --outDir dist/cjs",
77
- "copy-dts:cjs": "copyfiles -u 1 \"src/**/*.d.ts\" dist/cjs",
78
- "copy-dts:esm": "copyfiles -u 1 \"src/**/*.d.ts\" dist/esm",
79
- "copy-css:cjs": "copyfiles -u 1 \"src/**/*.css\" dist/cjs",
80
- "copy-css:esm": "copyfiles -u 1 \"src/**/*.css\" dist/esm",
81
- "copy-scss:cjs": "copyfiles -u 1 \"src/**/*.scss\" dist/cjs",
82
- "copy-scss:esm": "copyfiles -u 1 \"src/**/*.scss\" dist/esm",
83
- "storybook": "storybook dev -p 6006",
84
- "build-storybook": "storybook build"
85
- },
86
- "eslintConfig": {
87
- "extends": [
88
- "react-app",
89
- "react-app/jest"
90
- ]
91
- },
92
- "browserslist": {
93
- "production": [
94
- ">0.2%",
95
- "not dead",
96
- "not op_mini all"
97
- ],
98
- "development": [
99
- "last 1 chrome version",
100
- "last 1 firefox version",
101
- "last 1 safari version"
102
- ]
103
- },
104
- "jest": {
105
- "verbose": true,
106
- "setupFilesAfterEnv": [
107
- "<rootDir>/src/setupTests.ts"
108
- ],
109
- "moduleNameMapper": {
110
- "\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$": "<rootDir>/__mocks__/fileMock.js",
111
- "\\.(css|less)$": "<rootDir>/__mocks__/styleMock.js"
112
- }
113
- },
114
- "bugs": {
115
- "url": "https://github.com/Josenanodev/josenanodev-react-components-library/issues"
116
- },
117
- "readme": "ERROR: No README data found!",
118
- "homepage": "https://github.com/Josenanodev/josenanodev-react-components-library#readme",
119
- "_id": "josenanodev-react-components-library@0.0.13",
120
- "dependencies": {
121
- "xlsx-js-style": "^1.2.0"
122
- }
123
- }
1
+ {
2
+ "name": "josenanodev-react-components-library",
3
+ "version": "1.0.7",
4
+ "author": {
5
+ "name": "Jose Carlos Cardenas Martinez"
6
+ },
7
+ "description": "Libreria de componentes React personales",
8
+ "license": "MIT",
9
+ "main": "dist/cjs/index.js",
10
+ "module": "dist/esm/index.js",
11
+ "files": [
12
+ "dist"
13
+ ],
14
+ "types": "dist/index.d.ts",
15
+ "repository": {
16
+ "type": "git",
17
+ "url": "git+https://github.com/Josenanodev/josenanodev-react-components-library.git"
18
+ },
19
+ "devDependencies": {
20
+ "@babel/core": "^7.22.9",
21
+ "@babel/preset-typescript": "^7.22.5",
22
+ "@babel/runtime": "^7.22.6",
23
+ "@rollup/plugin-commonjs": "^25.0.3",
24
+ "@rollup/plugin-node-resolve": "^15.1.0",
25
+ "@rollup/plugin-terser": "^0.4.3",
26
+ "@rollup/plugin-typescript": "^11.1.2",
27
+ "@storybook/addon-essentials": "^7.2.0",
28
+ "@storybook/addon-interactions": "^7.2.0",
29
+ "@storybook/addon-links": "^7.2.0",
30
+ "@storybook/addon-mdx-gfm": "^7.2.0",
31
+ "@storybook/addon-styling": "^1.3.5",
32
+ "@storybook/blocks": "^7.2.0",
33
+ "@storybook/react": "^7.2.0",
34
+ "@storybook/react-webpack5": "^7.2.0",
35
+ "@storybook/testing-library": "^0.2.0",
36
+ "@testing-library/jest-dom": "^5.17.0",
37
+ "@testing-library/react": "^14.0.0",
38
+ "@testing-library/user-event": "^14.4.3",
39
+ "@types/jest": "^29.5.3",
40
+ "@types/lodash": "^4.14.196",
41
+ "@types/node": "^20.4.5",
42
+ "@types/react": "^18.2.18",
43
+ "@types/react-dom": "^18.2.7",
44
+ "@types/react-test-renderer": "^18.0.0",
45
+ "babel-cli": "^6.26.0",
46
+ "babel-loader": "^9.1.3",
47
+ "chromatic": "^6.20.0",
48
+ "eslint-plugin-storybook": "^0.6.13",
49
+ "postcss": "^8.4.27",
50
+ "prop-types": "^15.8.1",
51
+ "react": "^18.2.0",
52
+ "react-dom": "^18.2.0",
53
+ "react-icons": "^4.10.1",
54
+ "react-scripts": "5.0.1",
55
+ "rollup": "^3.27.0",
56
+ "rollup-plugin-dts": "^5.3.1",
57
+ "rollup-plugin-peer-deps-external": "^2.2.4",
58
+ "rollup-plugin-postcss": "^4.0.2",
59
+ "sass": "^1.64.2",
60
+ "storybook": "^7.2.0",
61
+ "tslib": "^2.6.1",
62
+ "typescript": "^5.1.6"
63
+ },
64
+ "peerDependencies": {
65
+ "react": "^18.2.0",
66
+ "react-dom": "^18.2.0",
67
+ "react-icons": "^4.7.1"
68
+ },
69
+ "scripts": {
70
+ "rollup-build-lib": "rollup -c",
71
+ "test": "jest --coverage",
72
+ "tsc": "tsc",
73
+ "storybook": "storybook dev -p 6006",
74
+ "build-storybook": "storybook build"
75
+ },
76
+ "eslintConfig": {
77
+ "extends": [
78
+ "react-app",
79
+ "react-app/jest"
80
+ ]
81
+ },
82
+ "browserslist": {
83
+ "production": [
84
+ ">0.2%",
85
+ "not dead",
86
+ "not op_mini all"
87
+ ],
88
+ "development": [
89
+ "last 1 chrome version",
90
+ "last 1 firefox version",
91
+ "last 1 safari version"
92
+ ]
93
+ },
94
+ "jest": {
95
+ "verbose": true,
96
+ "setupFilesAfterEnv": [
97
+ "<rootDir>/src/setupTests.ts"
98
+ ],
99
+ "moduleNameMapper": {
100
+ "\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$": "<rootDir>/__mocks__/fileMock.js",
101
+ "\\.(css|less)$": "<rootDir>/__mocks__/styleMock.js"
102
+ }
103
+ },
104
+ "bugs": {
105
+ "url": "https://github.com/Josenanodev/josenanodev-react-components-library/issues"
106
+ },
107
+ "readme": "ERROR: No README data found!",
108
+ "homepage": "https://github.com/Josenanodev/josenanodev-react-components-library#readme",
109
+ "_id": "josenanodev-react-components-library@0.0.13",
110
+ "dependencies": {
111
+ "xlsx-js-style": "^1.2.0"
112
+ }
113
+ }