npm - josenanodev-react-components-library - Versions diffs - 1.2.0 → 1.3.0 - Mend

josenanodev-react-components-library 1.2.0 → 1.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (10) hide show

package/dist/cjs/index.js +1 -1
package/dist/cjs/types/components/StackedCards/StackedCards.d.ts +11 -0
package/dist/cjs/types/components/StackedCards/index.d.ts +1 -0
package/dist/cjs/types/components/index.d.ts +1 -0
package/dist/esm/index.js +1 -1
package/dist/esm/types/components/StackedCards/StackedCards.d.ts +11 -0
package/dist/esm/types/components/StackedCards/index.d.ts +1 -0
package/dist/esm/types/components/index.d.ts +1 -0
package/dist/index.d.ts +11 -1
package/package.json +31 -31

package/dist/cjs/index.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";var e=require("react"),n=require("react-icons/bs"),l=require("react-icons/io5"),t=require("react-icons/ai"),a=require("react-icons/go");function o(e,n){void 0===n&&(n={});var l=n.insertAt;if(e&&"undefined"!=typeof document){var t=document.head\|\|document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===l&&t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.styleSheet?a.styleSheet.cssText=e:a.appendChild(document.createTextNode(e))}}var r="BubbleMenu-module_menu-container__xrNNC",i="BubbleMenu-module_menu-button__I5R0w";o(".BubbleMenu-module_menu-container__xrNNC {\n position: fixed;\n z-index: 100;\n top: 0px;\n padding-top: 80px;\n box-sizing: border-box;\n width: 100vw;\n height: 100vh;\n}\n.BubbleMenu-module_menu-container__xrNNC[data-status=visible] {\n animation: BubbleMenu-module_show-background__Qz4-v 300ms ease-in-out forwards;\n}\n.BubbleMenu-module_menu-container__xrNNC[data-status=visible] ul li {\n opacity: 1;\n transform: translateX(0px);\n}\n.BubbleMenu-module_menu-container__xrNNC[data-status=hidden] {\n animation: BubbleMenu-module_hide-background__ESkim 300ms ease-in-out forwards;\n}\n.BubbleMenu-module_menu-container__xrNNC[data-status=hidden] ul li {\n opacity: 0;\n transform: translateX(-110px);\n}\n.BubbleMenu-module_menu-container__xrNNC[data-status=idle] {\n width: 0vw;\n background-color: transparent;\n}\n.BubbleMenu-module_menu-container__xrNNC[data-status=idle] ul li {\n opacity: 0;\n transform: translateX(-110px);\n}\n.BubbleMenu-module_menu-container__xrNNC ul {\n list-style: none;\n padding-inline-start: 5px;\n}\n.BubbleMenu-module_menu-container__xrNNC ul li {\n transition: all 300ms ease-in-out;\n}\n.BubbleMenu-module_menu-container__xrNNC ul li button {\n border-width: 3px;\n border-style: solid;\n border-color: #959595;\n box-shadow: 3px 3px 4px 1px rgba(90, 90, 90, 0.3);\n color: #959595;\n background-color: rgba(255, 255, 255, 0.9);\n -webkit-tap-highlight-color: transparent;\n user-select: none;\n cursor: pointer;\n transition: all 100ms ease-in-out;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n width: 100px;\n height: 100px;\n margin: 15px 0px;\n border-radius: 50px;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n}\n.BubbleMenu-module_menu-container__xrNNC ul li button svg {\n min-width: 40px;\n min-height: 40px;\n}\n.BubbleMenu-module_menu-container__xrNNC ul li button:active {\n transform: translate(1px, 1px);\n box-shadow: 1px 1px 2px rgba(90, 90, 90, 0.3);\n}\n\n.BubbleMenu-module_menu-button__I5R0w {\n position: fixed;\n z-index: 101;\n top: 30px;\n left: 10px;\n width: 50px;\n height: 50px;\n background-color: rgba(255, 255, 255, 0.7);\n border-radius: 25px;\n border-width: 3px;\n border-style: solid;\n border-color: #959595;\n box-shadow: 3px 3px 4px 1px rgba(90, 90, 90, 0.3);\n color: #959595;\n background-color: rgba(255, 255, 255, 0.9);\n -webkit-tap-highlight-color: transparent;\n user-select: none;\n cursor: pointer;\n transition: all 100ms ease-in-out;\n}\n.BubbleMenu-module_menu-button__I5R0w svg {\n position: absolute;\n top: 2px;\n left: 0;\n width: 100%;\n height: 34px;\n color: #0d280b;\n}\n.BubbleMenu-module_menu-button__I5R0w svg path {\n transition: all 0.3s ease-in-out;\n}\n.BubbleMenu-module_menu-button__I5R0w p {\n position: absolute;\n top: 30px;\n left: 0;\n width: 100%;\n margin: 0;\n text-align: center;\n color: #0d280b;\n font-size: 10px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n}\n.BubbleMenu-module_menu-button__I5R0w:active {\n transform: translate(1px, 1px);\n box-shadow: 1px 1px 2px rgba(90, 90, 90, 0.3);\n}\n\n@keyframes BubbleMenu-module_show-background__Qz4-v {\n 0% {\n background-color: transparent;\n width: 0vw;\n }\n 1% {\n background-color: transparent;\n width: 100vw;\n }\n 100% {\n background-color: rgba(0, 0, 0, 0.3);\n width: 100vw;\n }\n}\n@keyframes BubbleMenu-module_hide-background__ESkim {\n 0% {\n background-color: rgba(0, 0, 0, 0.3);\n width: 100vw;\n }\n 99% {\n background-color: transparent;\n width: 100vw;\n }\n 100% {\n background-color: transparent;\n width: 0vw;\n }\n}");const c={en:{menu:"menu",close:"close"},es:{menu:"menú",close:"cerrar"}};var d="CalendarDatePicker-module_calendar-date-picker__-G7aY",s="CalendarDatePicker-module_today-button__YgI7t",u="CalendarDatePicker-module_month-and-year__LHJ8I",_="CalendarDatePicker-module_month-input__sFUHA",m="CalendarDatePicker-module_week-days__j2XJ-";o('@property --angle {\n sintax: "<angle>";\n inherits: false;\n initial-value: 270deg;\n}\n@property --color-default {\n sintax: "<color>";\n inherits: false;\n initial-value: white;\n}\n@property --color-selected {\n sintax: "<color>";\n inherits: false;\n initial-value: #e3f3e3;\n}\n@property --percentage-default {\n sintax: "<percentage>";\n inherits: false;\n initial-value: 100%;\n}\n@property --percentage-selected {\n sintax: "<percentage>";\n inherits: false;\n initial-value: 0%;\n}\n.CalendarDatePicker-module_calendar-date-picker__-G7aY {\n position: relative;\n font-family: Arial, Helvetica, sans-serif;\n width: 390px;\n color: #959595;\n font-weight: 600;\n font-style: normal;\n line-height: normal;\n -webkit-tap-highlight-color: transparent;\n}\n.CalendarDatePicker-module_calendar-date-picker__-G7aY .CalendarDatePicker-module_today-button__YgI7t {\n position: absolute;\n top: 0px;\n right: 5px;\n border: solid 2px #787878;\n border-radius: 6px;\n padding: 4px 8px;\n font-size: 18px;\n background-color: white;\n color: #787878;\n transition: all 0.1s ease-in-out;\n cursor: pointer;\n}\n.CalendarDatePicker-module_calendar-date-picker__-G7aY .CalendarDatePicker-module_today-button__YgI7t:hover {\n background-color: #f3f3f3;\n}\n.CalendarDatePicker-module_calendar-date-picker__-G7aY .CalendarDatePicker-module_today-button__YgI7t:active {\n background-color: #cfcfcf;\n}\n.CalendarDatePicker-module_calendar-date-picker__-G7aY .CalendarDatePicker-module_month-and-year__LHJ8I {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n text-align: center;\n font-size: 22px;\n padding: 10px 0px;\n}\n.CalendarDatePicker-module_calendar-date-picker__-G7aY .CalendarDatePicker-module_month-and-year__LHJ8I .CalendarDatePicker-module_month-input__sFUHA {\n width: fit-content;\n background-color: transparent;\n border: transparent;\n text-align: right;\n font-size: 24px;\n margin-right: 10px;\n color: #959595;\n cursor: pointer;\n}\n.CalendarDatePicker-module_calendar-date-picker__-G7aY .CalendarDatePicker-module_month-and-year__LHJ8I .CalendarDatePicker-module_month-input__sFUHA:focus {\n outline: transparent;\n}\n.CalendarDatePicker-module_calendar-date-picker__-G7aY .CalendarDatePicker-module_month-and-year__LHJ8I .CalendarDatePicker-module_month-input__sFUHA option {\n background-color: white;\n color: #959595;\n}\n.CalendarDatePicker-module_calendar-date-picker__-G7aY .CalendarDatePicker-module_month-and-year__LHJ8I .CalendarDatePicker-module_month-input__sFUHA option:disabled {\n color: #cfcfcf;\n}\n.CalendarDatePicker-module_calendar-date-picker__-G7aY .CalendarDatePicker-module_week-days__j2XJ- {\n display: flex;\n align-items: center;\n border-bottom: 1px solid #ebebeb;\n}\n.CalendarDatePicker-module_calendar-date-picker__-G7aY .CalendarDatePicker-module_week-days__j2XJ- p {\n width: 14.2857142857%;\n margin: 0px;\n text-align: center;\n}');var p="InputBoxWithConfirmation-module_div-wrapper__DdQ1-",b="InputBoxWithConfirmation-module_focused__C6kd0",S="InputBoxWithConfirmation-module_input-box-with-confirmation__W4NkN",g="InputBoxWithConfirmation-module_button-for-input-box-with-confirmation__qUi-Y";function y(n,l,t=[]){e.useEffect((()=>{function e(e){n.current&&!n.current.contains(e.target)&&t.every((n=>n.current!==e.target))&&l()}return document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}}),[n,l,t])}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:t="text",minimumValue:a="",maximumValue:o="",maxLength:r,placeholder:i="",divWrapperCustomStyle:c,inputBoxCustomStyle:d,defaultValue:s,overrideCurrentValue:u,showConfirmationButton:_,disabled:m})=>{const f=e.useRef(null),h=e.useRef(null),[C,x]=e.useState(void 0!==s?String(s):""),[v,w]=e.useState(void 0!==s?String(s):""),[k,E]=e.useState(!1),N=()=>{if(!v)return C;if("number"===t){let e=Number(v);return""!==a&&e<Number(a)?e=Number(a):""!==o&&e>Number(o)&&(e=Number(o)),String(e)}return v},D=()=>{const e=N();w(e),e&&(l(e),x(e))};return y(h,(()=>{k&&(_?w(C):D(),E(!1))})),e.useEffect((()=>{void 0!==u?(w(String(u)),x(String(u))):null===u&&(w(""),x(""))}),[u]),e.createElement("div",{ref:h,style:c,className:`${p} ${k?b:""}`},e.createElement("input",{ref:f,disabled:m,className:S,type:t,style:Object.assign({width:`${((null==v?void 0:v.length)?v.length:0)+7}ch`},d),min:a,max:o,maxLength:r,placeholder:i,value:k?v:C,onChange:e=>{let n=e.target.value;r&&n.length>r&&(n=n.slice(0,r)),w(n)},onFocus:e=>{x(e.target.value),w(e.target.value),E(!0)},onKeyDown:e=>{"Enter"===e.key\|\|"NumpadEnter"===e.key\|\|"Tab"===e.key?(D(),E(!1),f.current&&f.current.blur()):"Escape"!==e.key&&"Esc"!==e.key\|\|(w(C),E(!1),f.current&&f.current.blur())}}),!m&&_&&e.createElement(e.Fragment,null,k?e.createElement("button",{className:g,onClick:()=>{D(),E(!1)}},e.createElement(n.BsCheckLg,null)):e.createElement("button",{className:g,onClick:()=>{f.current&&f.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=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 v(e){const n=(l=e,new Date(l.getFullYear(),l.getMonth()+1,0).getDate());var l;const t=e.getFullYear(),a=e.getMonth(),o=n-(7-C(new Date(t,a,1)));return Math.ceil(o/7)+1}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 t=new Date(n,l,1),a=new Date(e.minimumDate.getFullYear(),e.minimumDate.getMonth(),1),o=new Date(e.maximumDate.getFullYear(),e.maximumDate.getMonth()+1,0),r=t.valueOf()<a.valueOf(),i=t.valueOf()>o.valueOf();return!r&&!i},t={setMonth:()=>l(e.year,n.value)?Object.assign(Object.assign({},e),{month:n.value}):Object.assign({},e),setYear:()=>l(n.value,e.month)?Object.assign(Object.assign({},e),{year:n.value}):Object.assign({},e),setMinimumDate:()=>Object.assign(Object.assign({},e),{minimumDate:new Date(n.value)}),setMaximumdate:()=>Object.assign(Object.assign({},e),{maximumDate:new Date(n.value)}),changeByMonthOffset:()=>{const t=new Date(e.year,e.month+n.value,1);return l(e.year,e.month+n.value)?Object.assign(Object.assign({},e),{year:t.getFullYear(),month:t.getMonth()}):Object.assign({},e)}}[n.type]();return t\|\|Object.assign({},e)},k=({dates:n,month:l,year:t,mode:a,onSelectedDatesChange:o,onFocusedMonth:r,customDates:i=[],minimumDate:c=new Date(1970,0,1),maximumDate:d=new Date((new Date).getFullYear()+100,1,1)})=>{const[s,u]=e.useReducer(w,{month:l,year:t,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;x(e)===x(new Date)&&(l+=` ${h.today}`),e.getMonth()===s.month?l+=` ${h["in-month"]}`:l+=` ${h["not-in-month"]}`;const t=n.some((n=>n.valueOf()===e.valueOf())),o=("range"===a\|\|"booking"===a)&&2===n.length&&n[0].valueOf()<e.valueOf()&&e.valueOf()<n[1].valueOf();if((t\|\|o)&&(l+=` ${h.selected}`),"booking"===a){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/52)}),[]),e.useEffect((()=>{r(s.month,s.year)}),[s.year,s.month,r]),e.createElement("section",{ref:_,className:h["calendar-scrollable-section"],onScroll:e=>{const n=e.target,l=n.scrollHeight/5,t=1.25l,a=2.75l;n.scrollTop<t&&u({type:"changeByMonthOffset",value:-1}),n.scrollTop>a&&u({type:"changeByMonthOffset",value:1})}},Array(5).fill(0).map(((l,t)=>{const r=t-2,u=new Date(s.year,s.month+r,1),_=0===new Date(s.year,s.month+r+1,0).getDay();let g=v(u);_\|\|(g-=1);const y=C(u);return e.createElement("div",{className:h["days-grid"],key:`grid:${x(u)}}`},Array(g).fill(0).map(((l,t)=>e.createElement("div",{className:h["days-row"],key:`grid:${x(u)}-row:${t}`},Array(7).fill(0).map(((l,u)=>{const _=s.month+r,g=7t+u+1-y,f=new Date(s.year,_,g);return e.createElement("div",{className:p(f),key:x(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"===a&&(l=[e]),"multiple"===a&&(l=n.some((n=>n.valueOf()===e.valueOf()))?n.filter((n=>n.valueOf()!==e.valueOf())):[...n,e]),"range"===a&&(l=0===n.length?[e]:1===n.length?n[0].valueOf()<e.valueOf()?[...n,e]:[e,n[0]]:[]),"booking"===a&&(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"}},N=(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 D="IntegerControl-module_integer-control__-tzTl",z="IntegerControl-module_default__FJoED";o(".IntegerControl-module_integer-control__-tzTl {\n display: flex;\n align-items: center;\n -webkit-tap-highlight-color: transparent;\n}\n.IntegerControl-module_integer-control__-tzTl button {\n border: none;\n background: none;\n padding: 0;\n margin: 0;\n}\n.IntegerControl-module_integer-control__-tzTl button svg {\n height: 44px;\n width: 44px;\n fill: #c9c9c9;\n transition: fill 100ms ease-in-out;\n cursor: pointer;\n}\n.IntegerControl-module_integer-control__-tzTl button svg:active {\n fill: #787878;\n}\n.IntegerControl-module_integer-control__-tzTl input {\n border: none;\n background: none;\n padding: 0;\n color: #414141;\n text-align: center;\n font-family: Arial, Helvetica, sans-serif;\n font-size: 32px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n min-width: 50px;\n transition: color 300ms ease-in-out;\n}\n.IntegerControl-module_integer-control__-tzTl input::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n}\n.IntegerControl-module_integer-control__-tzTl input:focus {\n outline: transparent;\n}\n.IntegerControl-module_integer-control__-tzTl.IntegerControl-module_default__FJoED input {\n color: #787878;\n}");var G="LabeledInput-module_labeled-input__xzE4h",I="LabeledInput-module_focused__id3UI",W="LabeledInput-module_error__8RLxl",O="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 F="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",L="ScreenSteps-module_outer-text__akI1y",T="ScreenSteps-module_frame__3J2mc",A="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 P="ScrollSnapGallery-module_scroll-snap-gallery__CR-GS",R="ScrollSnapGallery-module_frame__267TC",Z="ScrollSnapGallery-module_arrow-controls__yw2Zl",$="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:t,language:a="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[a].close:c[a].menu)),e.createElement("section",{className:r,"data-status":!0===o?"visible":!1===o?"hidden":"idle",onClick:()=>d(!1)},e.createElement("ul",null,t.filter((e=>e.visible)).map(((n,l)=>e.createElement("li",{key:n.text,style:{transitionDelay:100l+"ms"}},e.createElement("button",{onClick:()=>setTimeout(n.optionCallback,300+100t.length)},n.icon,n.text)))))))},exports.CalendarDatePicker=({mode:n,onSelectedDatesChange:l=(()=>{}),language:t="en",customDates:a=[],minimumDate:o=new Date(1970,0,1),maximumDate:r=new Date((new Date).getFullYear()+100,1,1),customStyle:i})=>{const[c,p]=e.useState([]),[b,S]=e.useState((new Date).getFullYear()),[g,y]=e.useState((new Date).getMonth()),[h,C]=e.useState(Math.random()),x=e=>{const n=new Date(o.getFullYear(),o.getMonth(),1),l=new Date(r.getFullYear(),r.getMonth()+1,0),t=e.valueOf()>=n.valueOf(),a=e.valueOf()<=l.valueOf();return t&&a};return e.createElement("div",{className:d,style:i},e.createElement("button",{className:s,onClick:()=>{const e=new Date;x(e)&&(y(e.getMonth()),S(e.getFullYear()),C(Math.random()))}},E[t].today.slice(0,1).toUpperCase()+E[t].today.slice(1)),e.createElement("section",{className:u},e.createElement("select",{style:{fontFamily:null==i?void 0:i.fontFamily},className:_,value:g,onChange:e=>{const n=Number(e.target.value);y(n),C(Math.random())}},Array(12).fill(0).map(((n,l)=>{const a=new Date(b,l,1),o=!x(a);return e.createElement("option",{key:N(l,t),value:l,disabled:o},N(l,t))}))),e.createElement(f,{inputType:"number",divWrapperCustomStyle:{width:"4ch",border:"none",backgroundColor:"transparent",fontFamily:null==i?void 0:i.fontFamily},inputBoxCustomStyle:{padding:0,fontFamily:null==i?void 0:i.fontFamily,fontSize:24},maxLength:4,defaultValue:b.toString(),overrideCurrentValue:b.toString(),minimumValue:o.getFullYear().toString(),maximumValue:r.getFullYear().toString(),onConfirmAction:e=>{let n=Number(e);const l=new Date(n,g,1);x(l)?(S(n),C(Math.random())):l.valueOf()<o.valueOf()?(S(o.getFullYear()),y(o.getMonth()),C(Math.random())):l.valueOf()>r.valueOf()&&(S(r.getFullYear()),y(r.getMonth()),C(Math.random()))}})),e.createElement("section",{className:m},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:h,dates:c,year:b,month:g,mode:n,onSelectedDatesChange:e=>{l(e),p(e)},onFocusedMonth:(e,n)=>{y(e),S(n)},customDates:a,minimumDate:o,maximumDate:r}))},exports.InputBoxWithConfirmation=f,exports.IntegerControl=({onChange:n=(()=>{}),defaultValue:l=0,minimumValue:a,maximumValue:o,customStyle:r})=>{const[i,c]=e.useState(l),d=e=>{let l=e;(a\|\|0===a)&&e<a?l=a:(o\|\|0===o)&&e>o&&(l=o),c(l),n(l)};return e.createElement("div",{className:`${D} ${i===l?z:""}`,style:r},e.createElement("button",{onClick:()=>d(i-1)},e.createElement(t.AiFillMinusCircle,null)),e.createElement("input",{onChange:e=>d(Number(e.target.value)),value:i,type:"number",min:String(a),max:String(o),style:{width:i.toString().length+1+"ch"}}),e.createElement("button",{onClick:()=>d(i+1)},e.createElement(t.AiFillPlusCircle,null)))},exports.LabeledInput=({label:n,defaultValue:l,onChange:t=(()=>{}),width:a="328px",height:o="66px",backgroundColor:r="white",textAlign:i="left",highlightError:c=!1,errorMessage:d,inputProps:s})=>{const u=e.useRef(null),[_,m]=e.useState(!!l);return e.createElement("div",{className:G+(c?` ${W}`:""),onClick:()=>{u.current&&u.current.focus()},style:{width:a,height:o,backgroundColor:r}},e.createElement("label",{className:_?I:""},n),e.createElement("input",Object.assign({ref:u},s,{onFocus:()=>m(!0),onBlur:e=>{e.target.value\|\|m(!1)},defaultValue:l,onChange:e=>t(e.target.value),style:{textAlign:i}})),c&&d&&e.createElement("p",{className:O},d))},exports.ScreenSteps=({steps:n,defaultStep:l=0,onStepChange:t=(()=>{}),overrideStep:a})=>{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!==a&&a<n.length&&a>=0&&r(a)}),[a]),e.createElement("section",{className:F},e.createElement("nav",{className:M},n.map(((n,l)=>e.createElement("div",{key:n.innerText,className:i(l),onClick:()=>{r(l),t(l)}},n.innerText)))),e.createElement("p",{className:L},n[o].outterText),e.createElement("div",{className:T},e.createElement("div",{className:A,style:(()=>{const e=100/n.length;return{width:100n.length+"%",transform:`translateX(-${eo}%)`}})()},n.map((l=>e.createElement("div",{key:l.innerText,className:q,style:{width:100/n.length+"%"}},l.component))))))},exports.ScrollSnapGallery=({urls:l=[],width:t="400px",height:o="300px",IndicatorIcon:r=a.GoDotFill,positionIndicatorSize:i=Math.min(l.length,6),iconSize:c=16,showArrows:d=!1,frameStyle:s={}})=>{const[u,_]=e.useState(0),[m,p]=e.useState(0),[b,S]=e.useState(i-1),[g,y]=e.useState(0),f=e=>{let n=H;u===e&&(n+=` ${V}`);const t=0!==m&&e===m,a=b!==l.length-1&&e===b;(t\|\|a)&&(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(mc)}),[m]),e.createElement("section",{className:P},e.createElement("div",{className:R,style:Object.assign(Object.assign({},s),{width:t,height:o}),onScroll:e=>{const{scrollLeft:n,clientWidth:t}=e.target,a=t,o=Math.round(n/a);if(_(o),o<=m){const e=Math.max(o-1,0),n=e+i-1;p(e),S(n)}else if(o>=b){const e=Math.min(o+1,l.length-1),n=e-i+1;S(e),p(n)}}},l.map(((n,l)=>e.createElement("img",{key:n+l,src:n,alt:"gallery item"})))),e.createElement("div",{className:Z},d&&e.createElement(n.BsArrowLeftCircle,{className:$,onClick:()=>{const e=document.querySelector(`.${R}`);e.scrollLeft-=e.clientWidth}}),e.createElement("div",{className:U,style:{transform:`translateX(calc(50% - ${g}px - ${ci/2}px))`}},l.map(((n,l)=>e.createElement(r,{key:n+l,className:f(l),style:{width:c,height:c}})))),d&&e.createElement(n.BsArrowRightCircle,{className:$,onClick:()=>{const e=document.querySelector(`.${R}`);e.scrollLeft+=e.clientWidth}})))},exports.useIntersectionObserver=function(n,l){const[t,a]=e.useState(!1),o=e.useRef(null);return e.useEffect((()=>(o.current&&o.current.disconnect(),o.current=new IntersectionObserver((([e])=>{a(e.isIntersecting)}),l),n.current&&o.current.observe(n.current),()=>{o.current&&o.current.disconnect()})),[n,l]),t},exports.useOutsideClick=y,exports.useResizeObserver=function(n){const[l,t]=e.useState(0),[a,o]=e.useState(0),r=e.useRef(new ResizeObserver((e=>{const{width:n,height:l}=e[0].contentRect;t(n),o(l)})));return e.useEffect((()=>{null!==n.current&&r.current.observe(n.current);const e=r.current,l=n.current;return()=>{null!==l&&e.unobserve(l)}}),[n,r]),[l,a]},exports.useWindowsSize=function(){const[n,l]=e.useState([0,0]);return e.useLayoutEffect((()=>{function e(){l([window.innerWidth,window.innerHeight])}return window.addEventListener("resize",e),e(),()=>window.removeEventListener("resize",e)}),[]),n};
1	+ "use strict";var e=require("react"),n=require("react-icons/bs"),l=require("react-icons/io5"),t=require("react-icons/ai"),a=require("react-icons/go");function o(e,n){void 0===n&&(n={});var l=n.insertAt;if(e&&"undefined"!=typeof document){var t=document.head\|\|document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===l&&t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.styleSheet?a.styleSheet.cssText=e:a.appendChild(document.createTextNode(e))}}var r="BubbleMenu-module_menu-container__xrNNC",c="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 i={en:{menu:"menu",close:"close"},es:{menu:"menú",close:"cerrar"}};var d="CalendarDatePicker-module_calendar-date-picker__-G7aY",s="CalendarDatePicker-module_today-button__YgI7t",u="CalendarDatePicker-module_month-and-year__LHJ8I",_="CalendarDatePicker-module_month-input__sFUHA",m="CalendarDatePicker-module_week-days__j2XJ-";o('@property --angle {\n sintax: "<angle>";\n inherits: false;\n initial-value: 270deg;\n}\n@property --color-default {\n sintax: "<color>";\n inherits: false;\n initial-value: white;\n}\n@property --color-selected {\n sintax: "<color>";\n inherits: false;\n initial-value: #e3f3e3;\n}\n@property --percentage-default {\n sintax: "<percentage>";\n inherits: false;\n initial-value: 100%;\n}\n@property --percentage-selected {\n sintax: "<percentage>";\n inherits: false;\n initial-value: 0%;\n}\n.CalendarDatePicker-module_calendar-date-picker__-G7aY {\n position: relative;\n font-family: Arial, Helvetica, sans-serif;\n width: 390px;\n color: #959595;\n font-weight: 600;\n font-style: normal;\n line-height: normal;\n -webkit-tap-highlight-color: transparent;\n}\n.CalendarDatePicker-module_calendar-date-picker__-G7aY .CalendarDatePicker-module_today-button__YgI7t {\n position: absolute;\n top: 0px;\n right: 5px;\n border: solid 2px #787878;\n border-radius: 6px;\n padding: 4px 8px;\n font-size: 18px;\n background-color: white;\n color: #787878;\n transition: all 0.1s ease-in-out;\n cursor: pointer;\n}\n.CalendarDatePicker-module_calendar-date-picker__-G7aY .CalendarDatePicker-module_today-button__YgI7t:hover {\n background-color: #f3f3f3;\n}\n.CalendarDatePicker-module_calendar-date-picker__-G7aY .CalendarDatePicker-module_today-button__YgI7t:active {\n background-color: #cfcfcf;\n}\n.CalendarDatePicker-module_calendar-date-picker__-G7aY .CalendarDatePicker-module_month-and-year__LHJ8I {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n text-align: center;\n font-size: 22px;\n padding: 10px 0px;\n}\n.CalendarDatePicker-module_calendar-date-picker__-G7aY .CalendarDatePicker-module_month-and-year__LHJ8I .CalendarDatePicker-module_month-input__sFUHA {\n width: fit-content;\n background-color: transparent;\n border: transparent;\n text-align: right;\n font-size: 24px;\n margin-right: 10px;\n color: #959595;\n cursor: pointer;\n}\n.CalendarDatePicker-module_calendar-date-picker__-G7aY .CalendarDatePicker-module_month-and-year__LHJ8I .CalendarDatePicker-module_month-input__sFUHA:focus {\n outline: transparent;\n}\n.CalendarDatePicker-module_calendar-date-picker__-G7aY .CalendarDatePicker-module_month-and-year__LHJ8I .CalendarDatePicker-module_month-input__sFUHA option {\n background-color: white;\n color: #959595;\n}\n.CalendarDatePicker-module_calendar-date-picker__-G7aY .CalendarDatePicker-module_month-and-year__LHJ8I .CalendarDatePicker-module_month-input__sFUHA option:disabled {\n color: #cfcfcf;\n}\n.CalendarDatePicker-module_calendar-date-picker__-G7aY .CalendarDatePicker-module_week-days__j2XJ- {\n display: flex;\n align-items: center;\n border-bottom: 1px solid #ebebeb;\n}\n.CalendarDatePicker-module_calendar-date-picker__-G7aY .CalendarDatePicker-module_week-days__j2XJ- p {\n width: 14.2857142857%;\n margin: 0px;\n text-align: center;\n}');var p="InputBoxWithConfirmation-module_div-wrapper__DdQ1-",S="InputBoxWithConfirmation-module_focused__C6kd0",b="InputBoxWithConfirmation-module_input-box-with-confirmation__W4NkN",g="InputBoxWithConfirmation-module_button-for-input-box-with-confirmation__qUi-Y";function h(n,l,t=[]){e.useEffect((()=>{function e(e){n.current&&!n.current.contains(e.target)&&t.every((n=>n.current!==e.target))&&l()}return document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}}),[n,l,t])}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:t="text",minimumValue:a="",maximumValue:o="",maxLength:r,placeholder:c="",divWrapperCustomStyle:i,inputBoxCustomStyle:d,defaultValue:s,overrideCurrentValue:u,showConfirmationButton:_,disabled:m})=>{const f=e.useRef(null),y=e.useRef(null),[C,x]=e.useState(void 0!==s?String(s):""),[v,w]=e.useState(void 0!==s?String(s):""),[k,E]=e.useState(!1),N=()=>{if(!v)return C;if("number"===t){let e=Number(v);return""!==a&&e<Number(a)?e=Number(a):""!==o&&e>Number(o)&&(e=Number(o)),String(e)}return v},D=()=>{const e=N();w(e),e&&(l(e),x(e))};return h(y,(()=>{k&&(_?w(C):D(),E(!1))})),e.useEffect((()=>{void 0!==u?(w(String(u)),x(String(u))):null===u&&(w(""),x(""))}),[u]),e.createElement("div",{ref:y,style:i,className:`${p} ${k?S:""}`},e.createElement("input",{ref:f,disabled:m,className:b,type:t,style:Object.assign({width:`${((null==v?void 0:v.length)?v.length:0)+7}ch`},d),min:a,max:o,maxLength:r,placeholder:c,value:k?v:C,onChange:e=>{let n=e.target.value;r&&n.length>r&&(n=n.slice(0,r)),w(n)},onFocus:e=>{x(e.target.value),w(e.target.value),E(!0)},onKeyDown:e=>{"Enter"===e.key\|\|"NumpadEnter"===e.key\|\|"Tab"===e.key?(D(),E(!1),f.current&&f.current.blur()):"Escape"!==e.key&&"Esc"!==e.key\|\|(w(C),E(!1),f.current&&f.current.blur())}}),!m&&_&&e.createElement(e.Fragment,null,k?e.createElement("button",{className:g,onClick:()=>{D(),E(!1)}},e.createElement(n.BsCheckLg,null)):e.createElement("button",{className:g,onClick:()=>{f.current&&f.current.focus()}},e.createElement(n.BsPencil,null))))};var y={"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=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 v(e){const n=(l=e,new Date(l.getFullYear(),l.getMonth()+1,0).getDate());var l;const t=e.getFullYear(),a=e.getMonth(),o=n-(7-C(new Date(t,a,1)));return Math.ceil(o/7)+1}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 t=new Date(n,l,1),a=new Date(e.minimumDate.getFullYear(),e.minimumDate.getMonth(),1),o=new Date(e.maximumDate.getFullYear(),e.maximumDate.getMonth()+1,0),r=t.valueOf()<a.valueOf(),c=t.valueOf()>o.valueOf();return!r&&!c},t={setMonth:()=>l(e.year,n.value)?Object.assign(Object.assign({},e),{month:n.value}):Object.assign({},e),setYear:()=>l(n.value,e.month)?Object.assign(Object.assign({},e),{year:n.value}):Object.assign({},e),setMinimumDate:()=>Object.assign(Object.assign({},e),{minimumDate:new Date(n.value)}),setMaximumdate:()=>Object.assign(Object.assign({},e),{maximumDate:new Date(n.value)}),changeByMonthOffset:()=>{const t=new Date(e.year,e.month+n.value,1);return l(e.year,e.month+n.value)?Object.assign(Object.assign({},e),{year:t.getFullYear(),month:t.getMonth()}):Object.assign({},e)}}[n.type]();return t\|\|Object.assign({},e)},k=({dates:n,month:l,year:t,mode:a,onSelectedDatesChange:o,onFocusedMonth:r,customDates:c=[],minimumDate:i=new Date(1970,0,1),maximumDate:d=new Date((new Date).getFullYear()+100,1,1)})=>{const[s,u]=e.useReducer(w,{month:l,year:t,minimumDate:i,maximumDate:d}),_=e.useRef(null),m=e=>!c.some((n=>n.dates.some((n=>n.valueOf()===e.valueOf()))&&!n.selectable)),p=e=>{let n=y["day-cell"];return c.some((n=>n.dates.some((n=>n.valueOf()===e.valueOf()))&&n.crossed))&&(n+=` ${y.crossed}`),n},S=e=>{let l=y.day;x(e)===x(new Date)&&(l+=` ${y.today}`),e.getMonth()===s.month?l+=` ${y["in-month"]}`:l+=` ${y["not-in-month"]}`;const t=n.some((n=>n.valueOf()===e.valueOf())),o=("range"===a\|\|"booking"===a)&&2===n.length&&n[0].valueOf()<e.valueOf()&&e.valueOf()<n[1].valueOf();if((t\|\|o)&&(l+=` ${y.selected}`),"booking"===a){2===n.length&&e.valueOf()===n[0].valueOf()&&(l+=` ${y["check-in"]}`);2===n.length&&e.valueOf()===n[1].valueOf()&&(l+=` ${y["check-out"]}`)}m(e)?l+=` ${y.selectable}`:l+=` ${y["not-selectable"]}`;return(e.valueOf()<i.valueOf()\|\|e.valueOf()>d.valueOf())&&(l+=` ${y["out-of-selection"]}`),l},b=e=>{const n=c.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/52)}),[]),e.useEffect((()=>{r(s.month,s.year)}),[s.year,s.month,r]),e.createElement("section",{ref:_,className:y["calendar-scrollable-section"],onScroll:e=>{const n=e.target,l=n.scrollHeight/5,t=1.25l,a=2.75l;n.scrollTop<t&&u({type:"changeByMonthOffset",value:-1}),n.scrollTop>a&&u({type:"changeByMonthOffset",value:1})}},Array(5).fill(0).map(((l,t)=>{const r=t-2,u=new Date(s.year,s.month+r,1),_=0===new Date(s.year,s.month+r+1,0).getDay();let g=v(u);_\|\|(g-=1);const h=C(u);return e.createElement("div",{className:y["days-grid"],key:`grid:${x(u)}}`},Array(g).fill(0).map(((l,t)=>e.createElement("div",{className:y["days-row"],key:`grid:${x(u)}-row:${t}`},Array(7).fill(0).map(((l,u)=>{const _=s.month+r,g=7t+u+1-h,f=new Date(s.year,_,g);return e.createElement("div",{className:p(f),key:x(f),onClick:()=>(e=>{if(c.forEach((n=>{n.dates.some((n=>n.valueOf()===e.valueOf()))&&n.clickSideEffect&&n.clickSideEffect(e)})),!m(e))return;if(e.valueOf()<i.valueOf()\|\|e.valueOf()>d.valueOf())return;let l=[...n];"single"===a&&(l=[e]),"multiple"===a&&(l=n.some((n=>n.valueOf()===e.valueOf()))?n.filter((n=>n.valueOf()!==e.valueOf())):[...n,e]),"range"===a&&(l=0===n.length?[e]:1===n.length?n[0].valueOf()<e.valueOf()?[...n,e]:[e,n[0]]:[]),"booking"===a&&(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:y["cross-line"]}),e.createElement("div",{className:S(f)},e.createElement("div",{className:y.background},e.createElement("div",{className:y["first-half"],style:b(f)}),e.createElement("div",{className:y["second-half"],style:b(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"}},N=(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 D="IntegerControl-module_integer-control__-tzTl",z="IntegerControl-module_default__FJoED";o(".IntegerControl-module_integer-control__-tzTl {\n display: flex;\n align-items: center;\n -webkit-tap-highlight-color: transparent;\n}\n.IntegerControl-module_integer-control__-tzTl button {\n border: none;\n background: none;\n padding: 0;\n margin: 0;\n}\n.IntegerControl-module_integer-control__-tzTl button svg {\n height: 44px;\n width: 44px;\n fill: #c9c9c9;\n transition: fill 100ms ease-in-out;\n cursor: pointer;\n}\n.IntegerControl-module_integer-control__-tzTl button svg:active {\n fill: #787878;\n}\n.IntegerControl-module_integer-control__-tzTl input {\n border: none;\n background: none;\n padding: 0;\n color: #414141;\n text-align: center;\n font-family: Arial, Helvetica, sans-serif;\n font-size: 32px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n min-width: 50px;\n transition: color 300ms ease-in-out;\n}\n.IntegerControl-module_integer-control__-tzTl input::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n}\n.IntegerControl-module_integer-control__-tzTl input:focus {\n outline: transparent;\n}\n.IntegerControl-module_integer-control__-tzTl.IntegerControl-module_default__FJoED input {\n color: #787878;\n}");var I="LabeledInput-module_labeled-input__xzE4h",F="LabeledInput-module_focused__id3UI",G="LabeledInput-module_error__8RLxl",W="LabeledInput-module_error-message__5-9lv";o(".LabeledInput-module_labeled-input__xzE4h {\n position: relative;\n border-radius: 8px;\n border: 2px solid #959595;\n padding: 0px 28px;\n background: #fff;\n box-sizing: border-box;\n transition: all 200ms ease-in-out;\n cursor: pointer;\n}\n.LabeledInput-module_labeled-input__xzE4h label {\n z-index: 1;\n position: absolute;\n color: #959595;\n font-family: Arial, Helvetica, sans-serif;\n font-size: 20px;\n font-style: normal;\n font-weight: 400;\n line-height: normal;\n top: calc(50% - 10px);\n left: 28px;\n padding: 0;\n transition: all 200ms ease-in-out;\n user-select: none;\n}\n.LabeledInput-module_labeled-input__xzE4h label.LabeledInput-module_focused__id3UI {\n top: 2px;\n left: 10px;\n font-weight: 600;\n font-size: 12px;\n padding: 0px 5px;\n}\n.LabeledInput-module_labeled-input__xzE4h input {\n z-index: 2;\n position: absolute;\n top: calc(50% - 12px);\n height: 24px;\n width: calc(100% - 56px);\n border: none;\n outline: transparent;\n background: transparent;\n font-family: Arial, Helvetica, sans-serif;\n font-size: 20px;\n font-style: normal;\n font-weight: 400;\n line-height: normal;\n color: #959595;\n padding: 0;\n cursor: pointer;\n}\n.LabeledInput-module_labeled-input__xzE4h input:focus {\n outline: transparent;\n cursor: text;\n}\n.LabeledInput-module_labeled-input__xzE4h.LabeledInput-module_error__8RLxl {\n border-color: #f34d1b;\n}\n.LabeledInput-module_labeled-input__xzE4h.LabeledInput-module_error__8RLxl label {\n color: #e17959;\n}\n.LabeledInput-module_labeled-input__xzE4h .LabeledInput-module_error-message__5-9lv {\n position: absolute;\n margin: 0;\n top: calc(100% + 5px);\n left: 5px;\n color: #f34d1b;\n font-family: Arial, Helvetica, sans-serif;\n font-size: 12px;\n font-style: normal;\n font-weight: 400;\n line-height: normal;\n padding: 0;\n transition: all 200ms ease-in-out;\n}");var O="ScreenSteps-module_screen-steps__AX-nZ",M="ScreenSteps-module_steps__AuZhk",B="ScreenSteps-module_step__2kFuY",Y="ScreenSteps-module_completed__WcgIV",j="ScreenSteps-module_current__WatnQ",L="ScreenSteps-module_outer-text__akI1y",T="ScreenSteps-module_frame__3J2mc",A="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 P="ScrollSnapGallery-module_scroll-snap-gallery__CR-GS",R="ScrollSnapGallery-module_frame__267TC",$="ScrollSnapGallery-module_arrow-controls__yw2Zl",Z="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}");var K={"stacked-cards":"StackedCards-module_stacked-cards__8IiBF",card:"StackedCards-module_card__4cF-v",content:"StackedCards-module_content__6WDlF"};o(".StackedCards-module_stacked-cards__8IiBF {\n position: relative;\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n}\n.StackedCards-module_stacked-cards__8IiBF .StackedCards-module_card__4cF-v {\n position: absolute;\n width: 80%;\n height: 80%;\n background-color: #fff;\n border-radius: 10px;\n border: 2px solid #ccc;\n transition: all 0.4s ease-out;\n}\n.StackedCards-module_stacked-cards__8IiBF .StackedCards-module_card__4cF-v .StackedCards-module_content__6WDlF {\n opacity: 1;\n transition: opacity 0.6s ease-out;\n}\n.StackedCards-module_stacked-cards__8IiBF .StackedCards-module_card__4cF-v[data-is-selectable=true] {\n cursor: pointer;\n}\n.StackedCards-module_stacked-cards__8IiBF .StackedCards-module_card__4cF-v[data-is-selectable=true][data-should-card-rise=true]:hover {\n transform: translateY(-20px);\n}\n.StackedCards-module_stacked-cards__8IiBF .StackedCards-module_card__4cF-v[data-is-selectable=true] .StackedCards-module_content__6WDlF {\n opacity: 0;\n}");exports.BubbleMenu=({options:t,language:a="en"})=>{const[o,d]=e.useState(null);return e.createElement(e.Fragment,null,e.createElement("button",{className:c,onClick:()=>d(!o)},o?e.createElement(n.BsX,null):e.createElement(l.IoMenu,null),e.createElement("p",null,o?i[a].close:i[a].menu)),e.createElement("section",{className:r,"data-status":!0===o?"visible":!1===o?"hidden":"idle",onClick:()=>d(!1)},e.createElement("ul",null,t.filter((e=>e.visible)).map(((n,l)=>e.createElement("li",{key:n.text,style:{transitionDelay:100l+"ms"}},e.createElement("button",{onClick:()=>setTimeout(n.optionCallback,300+100t.length)},n.icon,n.text)))))))},exports.CalendarDatePicker=({mode:n,onSelectedDatesChange:l=(()=>{}),language:t="en",customDates:a=[],minimumDate:o=new Date(1970,0,1),maximumDate:r=new Date((new Date).getFullYear()+100,1,1),customStyle:c})=>{const[i,p]=e.useState([]),[S,b]=e.useState((new Date).getFullYear()),[g,h]=e.useState((new Date).getMonth()),[y,C]=e.useState(Math.random()),x=e=>{const n=new Date(o.getFullYear(),o.getMonth(),1),l=new Date(r.getFullYear(),r.getMonth()+1,0),t=e.valueOf()>=n.valueOf(),a=e.valueOf()<=l.valueOf();return t&&a};return e.createElement("div",{className:d,style:c},e.createElement("button",{className:s,onClick:()=>{const e=new Date;x(e)&&(h(e.getMonth()),b(e.getFullYear()),C(Math.random()))}},E[t].today.slice(0,1).toUpperCase()+E[t].today.slice(1)),e.createElement("section",{className:u},e.createElement("select",{style:{fontFamily:null==c?void 0:c.fontFamily},className:_,value:g,onChange:e=>{const n=Number(e.target.value);h(n),C(Math.random())}},Array(12).fill(0).map(((n,l)=>{const a=new Date(S,l,1),o=!x(a);return e.createElement("option",{key:N(l,t),value:l,disabled:o},N(l,t))}))),e.createElement(f,{inputType:"number",divWrapperCustomStyle:{width:"4ch",border:"none",backgroundColor:"transparent",fontFamily:null==c?void 0:c.fontFamily},inputBoxCustomStyle:{padding:0,fontFamily:null==c?void 0:c.fontFamily,fontSize:24},maxLength:4,defaultValue:S.toString(),overrideCurrentValue:S.toString(),minimumValue:o.getFullYear().toString(),maximumValue:r.getFullYear().toString(),onConfirmAction:e=>{let n=Number(e);const l=new Date(n,g,1);x(l)?(b(n),C(Math.random())):l.valueOf()<o.valueOf()?(b(o.getFullYear()),h(o.getMonth()),C(Math.random())):l.valueOf()>r.valueOf()&&(b(r.getFullYear()),h(r.getMonth()),C(Math.random()))}})),e.createElement("section",{className:m},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:y,dates:i,year:S,month:g,mode:n,onSelectedDatesChange:e=>{l(e),p(e)},onFocusedMonth:(e,n)=>{h(e),b(n)},customDates:a,minimumDate:o,maximumDate:r}))},exports.InputBoxWithConfirmation=f,exports.IntegerControl=({onChange:n=(()=>{}),defaultValue:l=0,minimumValue:a,maximumValue:o,customStyle:r})=>{const[c,i]=e.useState(l),d=e=>{let l=e;(a\|\|0===a)&&e<a?l=a:(o\|\|0===o)&&e>o&&(l=o),i(l),n(l)};return e.createElement("div",{className:`${D} ${c===l?z:""}`,style:r},e.createElement("button",{onClick:()=>d(c-1)},e.createElement(t.AiFillMinusCircle,null)),e.createElement("input",{onChange:e=>d(Number(e.target.value)),value:c,type:"number",min:String(a),max:String(o),style:{width:c.toString().length+1+"ch"}}),e.createElement("button",{onClick:()=>d(c+1)},e.createElement(t.AiFillPlusCircle,null)))},exports.LabeledInput=({label:n,defaultValue:l,onChange:t=(()=>{}),width:a="328px",height:o="66px",backgroundColor:r="white",textAlign:c="left",highlightError:i=!1,errorMessage:d,inputProps:s})=>{const u=e.useRef(null),[_,m]=e.useState(!!l);return e.createElement("div",{className:I+(i?` ${G}`:""),onClick:()=>{u.current&&u.current.focus()},style:{width:a,height:o,backgroundColor:r}},e.createElement("label",{className:_?F:""},n),e.createElement("input",Object.assign({ref:u},s,{onFocus:()=>m(!0),onBlur:e=>{e.target.value\|\|m(!1)},defaultValue:l,onChange:e=>t(e.target.value),style:{textAlign:c}})),i&&d&&e.createElement("p",{className:W},d))},exports.ScreenSteps=({steps:n,defaultStep:l=0,onStepChange:t=(()=>{}),overrideStep:a})=>{const[o,r]=e.useState(l),c=e=>{let n=B;e<o&&(n+=` ${Y}`);return e===o&&(n+=` ${j}`),n};return e.useEffect((()=>{void 0!==a&&a<n.length&&a>=0&&r(a)}),[a]),e.createElement("section",{className:O},e.createElement("nav",{className:M},n.map(((n,l)=>e.createElement("div",{key:n.innerText,className:c(l),onClick:()=>{r(l),t(l)}},n.innerText)))),e.createElement("p",{className:L},n[o].outterText),e.createElement("div",{className:T},e.createElement("div",{className:A,style:(()=>{const e=100/n.length;return{width:100n.length+"%",transform:`translateX(-${eo}%)`}})()},n.map((l=>e.createElement("div",{key:l.innerText,className:q,style:{width:100/n.length+"%"}},l.component))))))},exports.ScrollSnapGallery=({urls:l=[],width:t="400px",height:o="300px",IndicatorIcon:r=a.GoDotFill,positionIndicatorSize:c=Math.min(l.length,6),iconSize:i=16,showArrows:d=!1,frameStyle:s={}})=>{const[u,_]=e.useState(0),[m,p]=e.useState(0),[S,b]=e.useState(c-1),[g,h]=e.useState(0),f=e=>{let n=H;u===e&&(n+=` ${V}`);const t=0!==m&&e===m,a=S!==l.length-1&&e===S;(t\|\|a)&&(n+=` ${J}`);const o=0!==m&&e===m+1,r=S!==l.length-1&&e===S-1;return(o\|\|r)&&(n+=` ${X}`),(e<m\|\|e>S)&&(n+=` ${Q}`),n};return e.useEffect((()=>{h(mi)}),[m]),e.createElement("section",{className:P},e.createElement("div",{className:R,style:Object.assign(Object.assign({},s),{width:t,height:o}),onScroll:e=>{const{scrollLeft:n,clientWidth:t}=e.target,a=t,o=Math.round(n/a);if(_(o),o<=m){const e=Math.max(o-1,0),n=e+c-1;p(e),b(n)}else if(o>=S){const e=Math.min(o+1,l.length-1),n=e-c+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:Z,onClick:()=>{const e=document.querySelector(`.${R}`);e.scrollLeft-=e.clientWidth}}),e.createElement("div",{className:U,style:{transform:`translateX(calc(50% - ${g}px - ${ic/2}px))`}},l.map(((n,l)=>e.createElement(r,{key:n+l,className:f(l),style:{width:i,height:i}})))),d&&e.createElement(n.BsArrowRightCircle,{className:Z,onClick:()=>{const e=document.querySelector(`.${R}`);e.scrollLeft+=e.clientWidth}})))},exports.StackedCards=({cards:n,initialCard:l,stackingOrientation:t=60})=>{const a=t%360,[o,r]=e.useState(l),c=e=>{const l=n.length,r={};let c=0,i=0,d=0;const s=Math.PI/180t,u=20Math.cos(s)/l,_=20Math.sin(s)/l;return e===o?(c=0,i=0,d=l+1):e<o?(c=u(e+1),i=_(e+1),d=l-e):(c=ue,i=_*e,d=l-e),r.zIndex=d,a>=0&&a<=90?(r.right=`${c}%`,r.bottom=`${i}%`):a>90&&a<=180?(r.left=-c+"%",r.bottom=`${i}%`):a>180&&a<=270?(r.left=-c+"%",r.top=-i+"%"):a>270&&a<=360&&(r.right=`${c}%`,r.top=-i+"%"),r};return e.createElement("div",{className:K["stacked-cards"]},n.map(((n,l)=>e.createElement("div",{className:K.card,key:l,"data-is-selectable":l!==o,"data-should-card-rise":a>=0&&a<=180,style:c(l),onClick:()=>{o!==l&&r(l)}},e.createElement("div",{className:K.title},n.title),e.createElement("div",{className:K.content},n.content)))))},exports.useIntersectionObserver=function(n,l){const[t,a]=e.useState(!1),o=e.useRef(null);return e.useEffect((()=>(o.current&&o.current.disconnect(),o.current=new IntersectionObserver((([e])=>{a(e.isIntersecting)}),l),n.current&&o.current.observe(n.current),()=>{o.current&&o.current.disconnect()})),[n,l]),t},exports.useOutsideClick=h,exports.useResizeObserver=function(n){const[l,t]=e.useState(0),[a,o]=e.useState(0),r=e.useRef(new ResizeObserver((e=>{const{width:n,height:l}=e[0].contentRect;t(n),o(l)})));return e.useEffect((()=>{null!==n.current&&r.current.observe(n.current);const e=r.current,l=n.current;return()=>{null!==l&&e.unobserve(l)}}),[n,r]),[l,a]},exports.useWindowsSize=function(){const[n,l]=e.useState([0,0]);return e.useLayoutEffect((()=>{function e(){l([window.innerWidth,window.innerHeight])}return window.addEventListener("resize",e),e(),()=>window.removeEventListener("resize",e)}),[]),n};

package/dist/cjs/types/components/StackedCards/StackedCards.d.ts ADDED Viewed

@@ -0,0 +1,11 @@
+import React from "react";
+type StackedCardsProps = {
+    cards: {
+        title: JSX.Element;
+        content: JSX.Element;
+    }[];
+    initialCard: number;
+    stackingOrientation?: number;
+};
+declare const StackedCards: ({ cards, initialCard, stackingOrientation, }: StackedCardsProps) => React.JSX.Element;
+export default StackedCards;

package/dist/cjs/types/components/StackedCards/index.d.ts ADDED Viewed

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

package/dist/cjs/types/components/index.d.ts CHANGED Viewed

@@ -5,3 +5,4 @@ export { default as IntegerControl } from "./IntegerControl";
 export { default as LabeledInput } from "./LabeledInput";
 export { default as ScreenSteps } from "./ScreenSteps";
 export { default as ScrollSnapGallery } from "./ScrollSnapGallery";
+export { default as StackedCards } from "./StackedCards";

package/dist/esm/index.js CHANGED Viewed

	@@ -1 +1 @@
1	- import e,{useState as n,Fragment as l,useEffect as a,useRef as t,useReducer as o,useLayoutEffect as r}from"react";import{BsX as i,BsCheckLg as c,BsPencil 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,r]=n(null);return e.createElement(l,null,e.createElement("button",{className:y,onClick:()=>r(!o)},o?e.createElement(i,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:()=>r(!1)},e.createElement("ul",null,a.filter((e=>e.visible)).map(((n,l)=>e.createElement("li",{key:n.text,style:{transitionDelay:100l+"ms"}},e.createElement("button",{onClick:()=>setTimeout(n.optionCallback,300+100a.length)},n.icon,n.text)))))))};var C="CalendarDatePicker-module_calendar-date-picker__-G7aY",x="CalendarDatePicker-module_today-button__YgI7t",v="CalendarDatePicker-module_month-and-year__LHJ8I",w="CalendarDatePicker-module_month-input__sFUHA",k="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 position: relative;\n font-family: Arial, Helvetica, sans-serif;\n width: 390px;\n color: #959595;\n font-weight: 600;\n font-style: normal;\n line-height: normal;\n -webkit-tap-highlight-color: transparent;\n}\n.CalendarDatePicker-module_calendar-date-picker__-G7aY .CalendarDatePicker-module_today-button__YgI7t {\n position: absolute;\n top: 0px;\n right: 5px;\n border: solid 2px #787878;\n border-radius: 6px;\n padding: 4px 8px;\n font-size: 18px;\n background-color: white;\n color: #787878;\n transition: all 0.1s ease-in-out;\n cursor: pointer;\n}\n.CalendarDatePicker-module_calendar-date-picker__-G7aY .CalendarDatePicker-module_today-button__YgI7t:hover {\n background-color: #f3f3f3;\n}\n.CalendarDatePicker-module_calendar-date-picker__-G7aY .CalendarDatePicker-module_today-button__YgI7t:active {\n background-color: #cfcfcf;\n}\n.CalendarDatePicker-module_calendar-date-picker__-G7aY .CalendarDatePicker-module_month-and-year__LHJ8I {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n text-align: center;\n font-size: 22px;\n padding: 10px 0px;\n}\n.CalendarDatePicker-module_calendar-date-picker__-G7aY .CalendarDatePicker-module_month-and-year__LHJ8I .CalendarDatePicker-module_month-input__sFUHA {\n width: fit-content;\n background-color: transparent;\n border: transparent;\n text-align: right;\n font-size: 24px;\n margin-right: 10px;\n color: #959595;\n cursor: pointer;\n}\n.CalendarDatePicker-module_calendar-date-picker__-G7aY .CalendarDatePicker-module_month-and-year__LHJ8I .CalendarDatePicker-module_month-input__sFUHA:focus {\n outline: transparent;\n}\n.CalendarDatePicker-module_calendar-date-picker__-G7aY .CalendarDatePicker-module_month-and-year__LHJ8I .CalendarDatePicker-module_month-input__sFUHA option {\n background-color: white;\n color: #959595;\n}\n.CalendarDatePicker-module_calendar-date-picker__-G7aY .CalendarDatePicker-module_month-and-year__LHJ8I .CalendarDatePicker-module_month-input__sFUHA option:disabled {\n color: #cfcfcf;\n}\n.CalendarDatePicker-module_calendar-date-picker__-G7aY .CalendarDatePicker-module_week-days__j2XJ- {\n display: flex;\n align-items: center;\n border-bottom: 1px solid #ebebeb;\n}\n.CalendarDatePicker-module_calendar-date-picker__-G7aY .CalendarDatePicker-module_week-days__j2XJ- p {\n width: 14.2857142857%;\n margin: 0px;\n text-align: center;\n}');var E="InputBoxWithConfirmation-module_div-wrapper__DdQ1-",N="InputBoxWithConfirmation-module_focused__C6kd0",D="InputBoxWithConfirmation-module_input-box-with-confirmation__W4NkN",z="InputBoxWithConfirmation-module_button-for-input-box-with-confirmation__qUi-Y";function G(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])}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:i="",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,W]=n(!1),I=()=>{if(!v)return C;if("number"===r){let e=Number(v);return""!==i&&e<Number(i)?e=Number(i):""!==u&&e>Number(u)&&(e=Number(u)),String(e)}return v},O=()=>{const e=I();w(e),e&&(o(e),x(e))};return G(f,(()=>{k&&(g?w(C):O(),W(!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:D,type:r,style:Object.assign({width:`${((null==v?void 0:v.length)?v.length:0)+7}ch`},p),min:i,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),W(!0)},onKeyDown:e=>{"Enter"===e.key\|\|"NumpadEnter"===e.key\|\|"Tab"===e.key?(O(),W(!1),h.current&&h.current.blur()):"Escape"!==e.key&&"Esc"!==e.key\|\|(w(C),W(!1),h.current&&h.current.blur())}}),!y&&g&&e.createElement(l,null,k?e.createElement("button",{className:z,onClick:()=>{O(),W(!1)}},e.createElement(c,null)):e.createElement("button",{className:z,onClick:()=>{h.current&&h.current.focus()}},e.createElement(d,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 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){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}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 Y=(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(Y,{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/52)}),[]),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.25l,t=2.75l;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=M(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=7a+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""}},L=({mode:l,onSelectedDatesChange:a=(()=>{}),language:t="en",customDates:o=[],minimumDate:r=new Date(1970,0,1),maximumDate:i=new Date((new Date).getFullYear()+100,1,1),customStyle:c})=>{const[d,u]=n([]),[s,_]=n((new Date).getFullYear()),[m,p]=n((new Date).getMonth()),[b,S]=n(Math.random()),g=e=>{const n=new Date(r.getFullYear(),r.getMonth(),1),l=new Date(i.getFullYear(),i.getMonth()+1,0),a=e.valueOf()>=n.valueOf(),t=e.valueOf()<=l.valueOf();return a&&t};return e.createElement("div",{className:C,style:c},e.createElement("button",{className:x,onClick:()=>{const e=new Date;g(e)&&(p(e.getMonth()),_(e.getFullYear()),S(Math.random()))}},j[t].today.slice(0,1).toUpperCase()+j[t].today.slice(1)),e.createElement("section",{className:v},e.createElement("select",{style:{fontFamily:null==c?void 0:c.fontFamily},className:w,value:m,onChange:e=>{const n=Number(e.target.value);p(n),S(Math.random())}},Array(12).fill(0).map(((n,l)=>{const a=new Date(s,l,1),o=!g(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==c?void 0:c.fontFamily},inputBoxCustomStyle:{padding:0,fontFamily:null==c?void 0:c.fontFamily,fontSize:24},maxLength:4,defaultValue:s.toString(),overrideCurrentValue:s.toString(),minimumValue:r.getFullYear().toString(),maximumValue:i.getFullYear().toString(),onConfirmAction:e=>{let n=Number(e);const l=new Date(n,m,1);g(l)?(_(n),S(Math.random())):l.valueOf()<r.valueOf()?(_(r.getFullYear()),p(r.getMonth()),S(Math.random())):l.valueOf()>i.valueOf()&&(_(i.getFullYear()),p(i.getMonth()),S(Math.random()))}})),e.createElement("section",{className:k},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:b,dates:d,year:s,month:m,mode:l,onSelectedDatesChange:e=>{a(e),u(e)},onFocusedMonth:(e,n)=>{p(e),_(n)},customDates:o,minimumDate:r,maximumDate:i}))};var A="IntegerControl-module_integer-control__-tzTl",q="IntegerControl-module_default__FJoED";S(".IntegerControl-module_integer-control__-tzTl {\n display: flex;\n align-items: center;\n -webkit-tap-highlight-color: transparent;\n}\n.IntegerControl-module_integer-control__-tzTl button {\n border: none;\n background: none;\n padding: 0;\n margin: 0;\n}\n.IntegerControl-module_integer-control__-tzTl button svg {\n height: 44px;\n width: 44px;\n fill: #c9c9c9;\n transition: fill 100ms ease-in-out;\n cursor: pointer;\n}\n.IntegerControl-module_integer-control__-tzTl button svg:active {\n fill: #787878;\n}\n.IntegerControl-module_integer-control__-tzTl input {\n border: none;\n background: none;\n padding: 0;\n color: #414141;\n text-align: center;\n font-family: Arial, Helvetica, sans-serif;\n font-size: 32px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n min-width: 50px;\n transition: color 300ms ease-in-out;\n}\n.IntegerControl-module_integer-control__-tzTl input::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n}\n.IntegerControl-module_integer-control__-tzTl input:focus {\n outline: transparent;\n}\n.IntegerControl-module_integer-control__-tzTl.IntegerControl-module_default__FJoED input {\n color: #787878;\n}");const P=({onChange:l=(()=>{}),defaultValue:a=0,minimumValue:t,maximumValue:o,customStyle:r})=>{const[i,c]=n(a),d=e=>{let n=e;(t\|\|0===t)&&e<t?n=t:(o\|\|0===o)&&e>o&&(n=o),c(n),l(n)};return e.createElement("div",{className:`${A} ${i===a?q:""}`,style:r},e.createElement("button",{onClick:()=>d(i-1)},e.createElement(m,null)),e.createElement("input",{onChange:e=>d(Number(e.target.value)),value:i,type:"number",min:String(t),max:String(o),style:{width:i.toString().length+1+"ch"}}),e.createElement("button",{onClick:()=>d(i+1)},e.createElement(p,null)))};var Z="LabeledInput-module_labeled-input__xzE4h",$="LabeledInput-module_focused__id3UI",R="LabeledInput-module_error__8RLxl",U="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?` ${R}`:""),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:U},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:100l.length+"%",transform:`translateX(-${ei}%)`}})()},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(Sc)}),[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 - ${ci/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}})))};function Se(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}function ge(e){const[l,o]=n(0),[r,i]=n(0),c=t(new ResizeObserver((e=>{const{width:n,height:l}=e[0].contentRect;o(n),i(l)})));return a((()=>{null!==e.current&&c.current.observe(e.current);const n=c.current,l=e.current;return()=>{null!==l&&n.unobserve(l)}}),[e,c]),[l,r]}function ye(){const[e,l]=n([0,0]);return r((()=>{function e(){l([window.innerWidth,window.innerHeight])}return window.addEventListener("resize",e),e(),()=>window.removeEventListener("resize",e)}),[]),e}export{f as BubbleMenu,L as CalendarDatePicker,W as InputBoxWithConfirmation,P as IntegerControl,H as LabeledInput,te as ScreenSteps,be as ScrollSnapGallery,Se as useIntersectionObserver,G as useOutsideClick,ge as useResizeObserver,ye as useWindowsSize};
1	+ import e,{useState as n,Fragment as l,useEffect as a,useRef as t,useReducer as o,useLayoutEffect as r}from"react";import{BsX as c,BsCheckLg as i,BsPencil 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",h="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 y={en:{menu:"menu",close:"close"},es:{menu:"menú",close:"cerrar"}},f=({options:a,language:t="en"})=>{const[o,r]=n(null);return e.createElement(l,null,e.createElement("button",{className:h,onClick:()=>r(!o)},o?e.createElement(c,null):e.createElement(_,null),e.createElement("p",null,o?y[t].close:y[t].menu)),e.createElement("section",{className:g,"data-status":!0===o?"visible":!1===o?"hidden":"idle",onClick:()=>r(!1)},e.createElement("ul",null,a.filter((e=>e.visible)).map(((n,l)=>e.createElement("li",{key:n.text,style:{transitionDelay:100l+"ms"}},e.createElement("button",{onClick:()=>setTimeout(n.optionCallback,300+100a.length)},n.icon,n.text)))))))};var C="CalendarDatePicker-module_calendar-date-picker__-G7aY",x="CalendarDatePicker-module_today-button__YgI7t",v="CalendarDatePicker-module_month-and-year__LHJ8I",w="CalendarDatePicker-module_month-input__sFUHA",k="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 position: relative;\n font-family: Arial, Helvetica, sans-serif;\n width: 390px;\n color: #959595;\n font-weight: 600;\n font-style: normal;\n line-height: normal;\n -webkit-tap-highlight-color: transparent;\n}\n.CalendarDatePicker-module_calendar-date-picker__-G7aY .CalendarDatePicker-module_today-button__YgI7t {\n position: absolute;\n top: 0px;\n right: 5px;\n border: solid 2px #787878;\n border-radius: 6px;\n padding: 4px 8px;\n font-size: 18px;\n background-color: white;\n color: #787878;\n transition: all 0.1s ease-in-out;\n cursor: pointer;\n}\n.CalendarDatePicker-module_calendar-date-picker__-G7aY .CalendarDatePicker-module_today-button__YgI7t:hover {\n background-color: #f3f3f3;\n}\n.CalendarDatePicker-module_calendar-date-picker__-G7aY .CalendarDatePicker-module_today-button__YgI7t:active {\n background-color: #cfcfcf;\n}\n.CalendarDatePicker-module_calendar-date-picker__-G7aY .CalendarDatePicker-module_month-and-year__LHJ8I {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n text-align: center;\n font-size: 22px;\n padding: 10px 0px;\n}\n.CalendarDatePicker-module_calendar-date-picker__-G7aY .CalendarDatePicker-module_month-and-year__LHJ8I .CalendarDatePicker-module_month-input__sFUHA {\n width: fit-content;\n background-color: transparent;\n border: transparent;\n text-align: right;\n font-size: 24px;\n margin-right: 10px;\n color: #959595;\n cursor: pointer;\n}\n.CalendarDatePicker-module_calendar-date-picker__-G7aY .CalendarDatePicker-module_month-and-year__LHJ8I .CalendarDatePicker-module_month-input__sFUHA:focus {\n outline: transparent;\n}\n.CalendarDatePicker-module_calendar-date-picker__-G7aY .CalendarDatePicker-module_month-and-year__LHJ8I .CalendarDatePicker-module_month-input__sFUHA option {\n background-color: white;\n color: #959595;\n}\n.CalendarDatePicker-module_calendar-date-picker__-G7aY .CalendarDatePicker-module_month-and-year__LHJ8I .CalendarDatePicker-module_month-input__sFUHA option:disabled {\n color: #cfcfcf;\n}\n.CalendarDatePicker-module_calendar-date-picker__-G7aY .CalendarDatePicker-module_week-days__j2XJ- {\n display: flex;\n align-items: center;\n border-bottom: 1px solid #ebebeb;\n}\n.CalendarDatePicker-module_calendar-date-picker__-G7aY .CalendarDatePicker-module_week-days__j2XJ- p {\n width: 14.2857142857%;\n margin: 0px;\n text-align: center;\n}');var E="InputBoxWithConfirmation-module_div-wrapper__DdQ1-",N="InputBoxWithConfirmation-module_focused__C6kd0",D="InputBoxWithConfirmation-module_input-box-with-confirmation__W4NkN",z="InputBoxWithConfirmation-module_button-for-input-box-with-confirmation__qUi-Y";function G(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])}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 I=({onConfirmAction:o,inputType:r="text",minimumValue:c="",maximumValue:s="",maxLength:u,placeholder:_="",divWrapperCustomStyle:m,inputBoxCustomStyle:p,defaultValue:b,overrideCurrentValue:S,showConfirmationButton:g,disabled:h})=>{const y=t(null),f=t(null),[C,x]=n(void 0!==b?String(b):""),[v,w]=n(void 0!==b?String(b):""),[k,I]=n(!1),F=()=>{if(!v)return C;if("number"===r){let e=Number(v);return""!==c&&e<Number(c)?e=Number(c):""!==s&&e>Number(s)&&(e=Number(s)),String(e)}return v},W=()=>{const e=F();w(e),e&&(o(e),x(e))};return G(f,(()=>{k&&(g?w(C):W(),I(!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:y,disabled:h,className:D,type:r,style:Object.assign({width:`${((null==v?void 0:v.length)?v.length:0)+7}ch`},p),min:c,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),I(!0)},onKeyDown:e=>{"Enter"===e.key\|\|"NumpadEnter"===e.key\|\|"Tab"===e.key?(W(),I(!1),y.current&&y.current.blur()):"Escape"!==e.key&&"Esc"!==e.key\|\|(w(C),I(!1),y.current&&y.current.blur())}}),!h&&g&&e.createElement(l,null,k?e.createElement("button",{className:z,onClick:()=>{W(),I(!1)}},e.createElement(i,null)):e.createElement("button",{className:z,onClick:()=>{y.current&&y.current.focus()}},e.createElement(d,null))))};var F={"calendar-scrollable-section":"CalendarScrollableSection-module_calendar-scrollable-section__uzWbW","days-grid":"CalendarScrollableSection-module_days-grid__lN--o","days-row":"CalendarScrollableSection-module_days-row__wqsnT","day-cell":"CalendarScrollableSection-module_day-cell__CvovF",day:"CalendarScrollableSection-module_day__dS5iz",background:"CalendarScrollableSection-module_background__EwVgU","first-half":"CalendarScrollableSection-module_first-half__p9Eie","second-half":"CalendarScrollableSection-module_second-half__fyESG",today:"CalendarScrollableSection-module_today__zqpHy","in-month":"CalendarScrollableSection-module_in-month__vbbx-","not-in-month":"CalendarScrollableSection-module_not-in-month__-3eLq",selected:"CalendarScrollableSection-module_selected__y4L6S","check-in":"CalendarScrollableSection-module_check-in__Nl1mo","check-out":"CalendarScrollableSection-module_check-out__ShFpZ","not-selectable":"CalendarScrollableSection-module_not-selectable__mba-l","out-of-selection":"CalendarScrollableSection-module_out-of-selection__Upoeg","cross-line":"CalendarScrollableSection-module_cross-line__lsB3g",crossed:"CalendarScrollableSection-module_crossed__trZeE"};function W(e){return 0===e.getDay()?6:e.getDay()-1}function O(e){const n=e=>Number(e)<10?"-0":"-";return e.getFullYear().toString().concat(n(e.getMonth()+1),(e.getMonth()+1).toString().concat(n(e.getDate()),e.getDate().toString()))}function M(e){const n=(l=e,new Date(l.getFullYear(),l.getMonth()+1,0).getDate());var l;const a=e.getFullYear(),t=e.getMonth(),o=n-(7-W(new Date(a,t,1)));return Math.ceil(o/7)+1}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 Y=(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(),c=a.valueOf()>o.valueOf();return!r&&!c},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:c,onSelectedDatesChange:i,onFocusedMonth:d,customDates:s=[],minimumDate:u=new Date(1970,0,1),maximumDate:_=new Date((new Date).getFullYear()+100,1,1)})=>{const[m,p]=o(Y,{month:l,year:r,minimumDate:u,maximumDate:_}),b=t(null),S=e=>!s.some((n=>n.dates.some((n=>n.valueOf()===e.valueOf()))&&!n.selectable)),g=e=>{let n=F["day-cell"];return s.some((n=>n.dates.some((n=>n.valueOf()===e.valueOf()))&&n.crossed))&&(n+=` ${F.crossed}`),n},h=e=>{let l=F.day;O(e)===O(new Date)&&(l+=` ${F.today}`),e.getMonth()===m.month?l+=` ${F["in-month"]}`:l+=` ${F["not-in-month"]}`;const a=n.some((n=>n.valueOf()===e.valueOf())),t=("range"===c\|\|"booking"===c)&&2===n.length&&n[0].valueOf()<e.valueOf()&&e.valueOf()<n[1].valueOf();if((a\|\|t)&&(l+=` ${F.selected}`),"booking"===c){2===n.length&&e.valueOf()===n[0].valueOf()&&(l+=` ${F["check-in"]}`);2===n.length&&e.valueOf()===n[1].valueOf()&&(l+=` ${F["check-out"]}`)}S(e)?l+=` ${F.selectable}`:l+=` ${F["not-selectable"]}`;return(e.valueOf()<u.valueOf()\|\|e.valueOf()>_.valueOf())&&(l+=` ${F["out-of-selection"]}`),l},y=e=>{const n=s.find((n=>n.dates.some((n=>n.valueOf()===e.valueOf()))));return n?{backgroundColor:n.color}:void 0};return a((()=>{b.current&&(b.current.scrollTop=b.current.scrollHeight/52)}),[]),a((()=>{d(m.month,m.year)}),[m.year,m.month,d]),e.createElement("section",{ref:b,className:F["calendar-scrollable-section"],onScroll:e=>{const n=e.target,l=n.scrollHeight/5,a=1.25l,t=2.75l;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=M(o);r\|\|(d-=1);const p=W(o);return e.createElement("div",{className:F["days-grid"],key:`grid:${O(o)}}`},Array(d).fill(0).map(((l,a)=>e.createElement("div",{className:F["days-row"],key:`grid:${O(o)}-row:${a}`},Array(7).fill(0).map(((l,o)=>{const r=m.month+t,d=7a+o+1-p,b=new Date(m.year,r,d);return e.createElement("div",{className:g(b),key:O(b),onClick:()=>(e=>{if(s.forEach((n=>{n.dates.some((n=>n.valueOf()===e.valueOf()))&&n.clickSideEffect&&n.clickSideEffect(e)})),!S(e))return;if(e.valueOf()<u.valueOf()\|\|e.valueOf()>_.valueOf())return;let l=[...n];"single"===c&&(l=[e]),"multiple"===c&&(l=n.some((n=>n.valueOf()===e.valueOf()))?n.filter((n=>n.valueOf()!==e.valueOf())):[...n,e]),"range"===c&&(l=0===n.length?[e]:1===n.length?n[0].valueOf()<e.valueOf()?[...n,e]:[e,n[0]]:[]),"booking"===c&&(l=0===n.length?[e]:n[0].valueOf()===e.valueOf()?[]:1===n.length?n[0].valueOf()<e.valueOf()?[...n,e]:[e,n[0]]:[]),i(l)})(b)},e.createElement("div",{className:F["cross-line"]}),e.createElement("div",{className:h(b)},e.createElement("div",{className:F.background},e.createElement("div",{className:F["first-half"],style:y(b)}),e.createElement("div",{className:F["second-half"],style:y(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""}},L=({mode:l,onSelectedDatesChange:a=(()=>{}),language:t="en",customDates:o=[],minimumDate:r=new Date(1970,0,1),maximumDate:c=new Date((new Date).getFullYear()+100,1,1),customStyle:i})=>{const[d,s]=n([]),[u,_]=n((new Date).getFullYear()),[m,p]=n((new Date).getMonth()),[b,S]=n(Math.random()),g=e=>{const n=new Date(r.getFullYear(),r.getMonth(),1),l=new Date(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:i},e.createElement("button",{className:x,onClick:()=>{const e=new Date;g(e)&&(p(e.getMonth()),_(e.getFullYear()),S(Math.random()))}},j[t].today.slice(0,1).toUpperCase()+j[t].today.slice(1)),e.createElement("section",{className:v},e.createElement("select",{style:{fontFamily:null==i?void 0:i.fontFamily},className:w,value:m,onChange:e=>{const n=Number(e.target.value);p(n),S(Math.random())}},Array(12).fill(0).map(((n,l)=>{const a=new Date(u,l,1),o=!g(a);return e.createElement("option",{key:T(l,t),value:l,disabled:o},T(l,t))}))),e.createElement(I,{inputType:"number",divWrapperCustomStyle:{width:"4ch",border:"none",backgroundColor:"transparent",fontFamily:null==i?void 0:i.fontFamily},inputBoxCustomStyle:{padding:0,fontFamily:null==i?void 0:i.fontFamily,fontSize:24},maxLength:4,defaultValue:u.toString(),overrideCurrentValue:u.toString(),minimumValue:r.getFullYear().toString(),maximumValue:c.getFullYear().toString(),onConfirmAction:e=>{let n=Number(e);const l=new Date(n,m,1);g(l)?(_(n),S(Math.random())):l.valueOf()<r.valueOf()?(_(r.getFullYear()),p(r.getMonth()),S(Math.random())):l.valueOf()>c.valueOf()&&(_(c.getFullYear()),p(c.getMonth()),S(Math.random()))}})),e.createElement("section",{className:k},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:b,dates:d,year:u,month:m,mode:l,onSelectedDatesChange:e=>{a(e),s(e)},onFocusedMonth:(e,n)=>{p(e),_(n)},customDates:o,minimumDate:r,maximumDate:c}))};var A="IntegerControl-module_integer-control__-tzTl",$="IntegerControl-module_default__FJoED";S(".IntegerControl-module_integer-control__-tzTl {\n display: flex;\n align-items: center;\n -webkit-tap-highlight-color: transparent;\n}\n.IntegerControl-module_integer-control__-tzTl button {\n border: none;\n background: none;\n padding: 0;\n margin: 0;\n}\n.IntegerControl-module_integer-control__-tzTl button svg {\n height: 44px;\n width: 44px;\n fill: #c9c9c9;\n transition: fill 100ms ease-in-out;\n cursor: pointer;\n}\n.IntegerControl-module_integer-control__-tzTl button svg:active {\n fill: #787878;\n}\n.IntegerControl-module_integer-control__-tzTl input {\n border: none;\n background: none;\n padding: 0;\n color: #414141;\n text-align: center;\n font-family: Arial, Helvetica, sans-serif;\n font-size: 32px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n min-width: 50px;\n transition: color 300ms ease-in-out;\n}\n.IntegerControl-module_integer-control__-tzTl input::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n}\n.IntegerControl-module_integer-control__-tzTl input:focus {\n outline: transparent;\n}\n.IntegerControl-module_integer-control__-tzTl.IntegerControl-module_default__FJoED input {\n color: #787878;\n}");const P=({onChange:l=(()=>{}),defaultValue:a=0,minimumValue:t,maximumValue:o,customStyle:r})=>{const[c,i]=n(a),d=e=>{let n=e;(t\|\|0===t)&&e<t?n=t:(o\|\|0===o)&&e>o&&(n=o),i(n),l(n)};return e.createElement("div",{className:`${A} ${c===a?$:""}`,style:r},e.createElement("button",{onClick:()=>d(c-1)},e.createElement(m,null)),e.createElement("input",{onChange:e=>d(Number(e.target.value)),value:c,type:"number",min:String(t),max:String(o),style:{width:c.toString().length+1+"ch"}}),e.createElement("button",{onClick:()=>d(c+1)},e.createElement(p,null)))};var q="LabeledInput-module_labeled-input__xzE4h",Z="LabeledInput-module_focused__id3UI",R="LabeledInput-module_error__8RLxl",U="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:c="66px",backgroundColor:i="white",textAlign:d="left",highlightError:s=!1,errorMessage:u,inputProps:_})=>{const m=t(null),[p,b]=n(!!a);return e.createElement("div",{className:q+(s?` ${R}`:""),onClick:()=>{m.current&&m.current.focus()},style:{width:r,height:c,backgroundColor:i}},e.createElement("label",{className:p?Z:""},l),e.createElement("input",Object.assign({ref:m},_,{onFocus:()=>b(!0),onBlur:e=>{e.target.value\|\|b(!1)},defaultValue:a,onChange:e=>o(e.target.value),style:{textAlign:d}})),s&&u&&e.createElement("p",{className:U},u))};var V="ScreenSteps-module_screen-steps__AX-nZ",X="ScreenSteps-module_steps__AuZhk",J="ScreenSteps-module_step__2kFuY",Q="ScreenSteps-module_completed__WcgIV",K="ScreenSteps-module_current__WatnQ",ee="ScreenSteps-module_outer-text__akI1y",ne="ScreenSteps-module_frame__3J2mc",le="ScreenSteps-module_steps-content__-Yj-E",ae="ScreenSteps-module_step-component__Lu3G5";S(".ScreenSteps-module_screen-steps__AX-nZ {\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: center;\n}\n.ScreenSteps-module_screen-steps__AX-nZ .ScreenSteps-module_steps__AuZhk {\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.ScreenSteps-module_screen-steps__AX-nZ .ScreenSteps-module_steps__AuZhk .ScreenSteps-module_step__2kFuY {\n width: 62px;\n height: 62px;\n border-radius: 31px;\n background-color: #959595;\n display: flex;\n align-items: center;\n justify-content: center;\n opacity: 0.2;\n color: #000000;\n text-align: center;\n font-family: Arial, Helvetica, sans-serif;\n font-size: 15px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n cursor: pointer;\n transition: all 300ms ease-in-out;\n}\n.ScreenSteps-module_screen-steps__AX-nZ .ScreenSteps-module_steps__AuZhk .ScreenSteps-module_step__2kFuY.ScreenSteps-module_completed__WcgIV {\n opacity: 0.4;\n background-color: #705a00;\n color: #000000;\n}\n.ScreenSteps-module_screen-steps__AX-nZ .ScreenSteps-module_steps__AuZhk .ScreenSteps-module_step__2kFuY.ScreenSteps-module_current__WatnQ {\n opacity: 0.4;\n background-color: #705a00;\n color: #000000;\n}\n.ScreenSteps-module_screen-steps__AX-nZ .ScreenSteps-module_outer-text__akI1y {\n color: #787878;\n text-align: center;\n font-family: Arial, Helvetica, sans-serif;\n font-size: 20px;\n font-style: normal;\n font-weight: 400;\n line-height: normal;\n margin: 0;\n}\n.ScreenSteps-module_screen-steps__AX-nZ .ScreenSteps-module_frame__3J2mc {\n height: calc(100% - 82px);\n width: 100%;\n overflow: hidden;\n}\n.ScreenSteps-module_screen-steps__AX-nZ .ScreenSteps-module_frame__3J2mc .ScreenSteps-module_steps-content__-Yj-E {\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: flex-start;\n transition: all 300ms ease-in-out;\n}\n.ScreenSteps-module_screen-steps__AX-nZ .ScreenSteps-module_frame__3J2mc .ScreenSteps-module_steps-content__-Yj-E .ScreenSteps-module_step-component__Lu3G5 {\n height: 100%;\n}");const te=({steps:l,defaultStep:t=0,onStepChange:o=(()=>{}),overrideStep:r})=>{const[c,i]=n(t),d=e=>{let n=J;e<c&&(n+=` ${Q}`);return e===c&&(n+=` ${K}`),n};return a((()=>{void 0!==r&&r<l.length&&r>=0&&i(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:()=>{i(l),o(l)}},n.innerText)))),e.createElement("p",{className:ee},l[c].outterText),e.createElement("div",{className:ne},e.createElement("div",{className:le,style:(()=>{const e=100/l.length;return{width:100l.length+"%",transform:`translateX(-${ec}%)`}})()},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",ce="ScrollSnapGallery-module_arrow-controls__yw2Zl",ie="ScrollSnapGallery-module_arrow__1ueyq",de="ScrollSnapGallery-module_position-indicator__3Y7Mh",se="ScrollSnapGallery-module_indicator-icon__YrYF2",ue="ScrollSnapGallery-module_current__ckZrA",_e="ScrollSnapGallery-module_medium-shrunken__DuED2",me="ScrollSnapGallery-module_full-shrunken__VSbF7",pe="ScrollSnapGallery-module_hidden__c0w-O";S(".ScrollSnapGallery-module_scroll-snap-gallery__CR-GS {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n}\n.ScrollSnapGallery-module_scroll-snap-gallery__CR-GS .ScrollSnapGallery-module_frame__267TC {\n display: flex;\n align-items: center;\n scroll-snap-type: x mandatory;\n scroll-snap-stop: always;\n scroll-behavior: smooth;\n overflow-x: auto;\n overflow-y: hidden;\n -webkit-overflow-scrolling: touch;\n -ms-overflow-style: none;\n scrollbar-width: none;\n user-select: none;\n}\n.ScrollSnapGallery-module_scroll-snap-gallery__CR-GS .ScrollSnapGallery-module_frame__267TC::-webkit-scrollbar {\n display: none;\n}\n.ScrollSnapGallery-module_scroll-snap-gallery__CR-GS .ScrollSnapGallery-module_frame__267TC img {\n scroll-snap-align: center;\n width: 100%;\n height: 100%;\n object-fit: cover;\n}\n.ScrollSnapGallery-module_scroll-snap-gallery__CR-GS .ScrollSnapGallery-module_arrow-controls__yw2Zl {\n display: flex;\n justify-content: center;\n align-items: center;\n margin-top: 10px;\n}\n.ScrollSnapGallery-module_scroll-snap-gallery__CR-GS .ScrollSnapGallery-module_arrow-controls__yw2Zl .ScrollSnapGallery-module_arrow__1ueyq {\n width: 24px;\n height: 24px;\n fill: #959595;\n transition: all 100ms ease-in-out;\n z-index: 2;\n cursor: pointer;\n}\n.ScrollSnapGallery-module_scroll-snap-gallery__CR-GS .ScrollSnapGallery-module_arrow-controls__yw2Zl .ScrollSnapGallery-module_arrow__1ueyq:active {\n fill: #0d280b;\n}\n.ScrollSnapGallery-module_scroll-snap-gallery__CR-GS .ScrollSnapGallery-module_arrow-controls__yw2Zl .ScrollSnapGallery-module_position-indicator__3Y7Mh {\n display: flex;\n justify-content: center;\n align-items: center;\n transition: all 0.3s ease-in-out;\n}\n.ScrollSnapGallery-module_scroll-snap-gallery__CR-GS .ScrollSnapGallery-module_arrow-controls__yw2Zl .ScrollSnapGallery-module_position-indicator__3Y7Mh .ScrollSnapGallery-module_indicator-icon__YrYF2 {\n fill: #959595;\n transition: all 0.3s ease-in-out;\n}\n.ScrollSnapGallery-module_scroll-snap-gallery__CR-GS .ScrollSnapGallery-module_arrow-controls__yw2Zl .ScrollSnapGallery-module_position-indicator__3Y7Mh .ScrollSnapGallery-module_indicator-icon__YrYF2.ScrollSnapGallery-module_current__ckZrA {\n fill: #0d280b;\n}\n.ScrollSnapGallery-module_scroll-snap-gallery__CR-GS .ScrollSnapGallery-module_arrow-controls__yw2Zl .ScrollSnapGallery-module_position-indicator__3Y7Mh .ScrollSnapGallery-module_indicator-icon__YrYF2.ScrollSnapGallery-module_medium-shrunken__DuED2 {\n transform: scale(0.75);\n}\n.ScrollSnapGallery-module_scroll-snap-gallery__CR-GS .ScrollSnapGallery-module_arrow-controls__yw2Zl .ScrollSnapGallery-module_position-indicator__3Y7Mh .ScrollSnapGallery-module_indicator-icon__YrYF2.ScrollSnapGallery-module_full-shrunken__VSbF7 {\n transform: scale(0.5);\n}\n.ScrollSnapGallery-module_scroll-snap-gallery__CR-GS .ScrollSnapGallery-module_arrow-controls__yw2Zl .ScrollSnapGallery-module_position-indicator__3Y7Mh .ScrollSnapGallery-module_indicator-icon__YrYF2.ScrollSnapGallery-module_hidden__c0w-O {\n transform: scale(0);\n}");const be=({urls:l=[],width:t="400px",height:o="300px",IndicatorIcon:r=b,positionIndicatorSize:c=Math.min(l.length,6),iconSize:i=16,showArrows:d=!1,frameStyle:_={}})=>{const[m,p]=n(0),[S,g]=n(0),[h,y]=n(c-1),[f,C]=n(0),x=e=>{let n=se;m===e&&(n+=` ${ue}`);const a=0!==S&&e===S,t=h!==l.length-1&&e===h;(a\|\|t)&&(n+=` ${me}`);const o=0!==S&&e===S+1,r=h!==l.length-1&&e===h-1;return(o\|\|r)&&(n+=` ${_e}`),(e<S\|\|e>h)&&(n+=` ${pe}`),n};return a((()=>{C(Si)}),[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+c-1;g(e),y(n)}else if(o>=h){const e=Math.min(o+1,l.length-1),n=e-c+1;y(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:ie,onClick:()=>{const e=document.querySelector(`.${re}`);e.scrollLeft-=e.clientWidth}}),e.createElement("div",{className:de,style:{transform:`translateX(calc(50% - ${f}px - ${ic/2}px))`}},l.map(((n,l)=>e.createElement(r,{key:n+l,className:x(l),style:{width:i,height:i}})))),d&&e.createElement(u,{className:ie,onClick:()=>{const e=document.querySelector(`.${re}`);e.scrollLeft+=e.clientWidth}})))};var Se={"stacked-cards":"StackedCards-module_stacked-cards__8IiBF",card:"StackedCards-module_card__4cF-v",content:"StackedCards-module_content__6WDlF"};S(".StackedCards-module_stacked-cards__8IiBF {\n position: relative;\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n}\n.StackedCards-module_stacked-cards__8IiBF .StackedCards-module_card__4cF-v {\n position: absolute;\n width: 80%;\n height: 80%;\n background-color: #fff;\n border-radius: 10px;\n border: 2px solid #ccc;\n transition: all 0.4s ease-out;\n}\n.StackedCards-module_stacked-cards__8IiBF .StackedCards-module_card__4cF-v .StackedCards-module_content__6WDlF {\n opacity: 1;\n transition: opacity 0.6s ease-out;\n}\n.StackedCards-module_stacked-cards__8IiBF .StackedCards-module_card__4cF-v[data-is-selectable=true] {\n cursor: pointer;\n}\n.StackedCards-module_stacked-cards__8IiBF .StackedCards-module_card__4cF-v[data-is-selectable=true][data-should-card-rise=true]:hover {\n transform: translateY(-20px);\n}\n.StackedCards-module_stacked-cards__8IiBF .StackedCards-module_card__4cF-v[data-is-selectable=true] .StackedCards-module_content__6WDlF {\n opacity: 0;\n}");const ge=({cards:l,initialCard:a,stackingOrientation:t=60})=>{const o=t%360,[r,c]=n(a),i=e=>{const n=l.length,a={};let c=0,i=0,d=0;const s=Math.PI/180t,u=20Math.cos(s)/n,_=20Math.sin(s)/n;return e===r?(c=0,i=0,d=n+1):e<r?(c=u(e+1),i=_(e+1),d=n-e):(c=ue,i=_*e,d=n-e),a.zIndex=d,o>=0&&o<=90?(a.right=`${c}%`,a.bottom=`${i}%`):o>90&&o<=180?(a.left=-c+"%",a.bottom=`${i}%`):o>180&&o<=270?(a.left=-c+"%",a.top=-i+"%"):o>270&&o<=360&&(a.right=`${c}%`,a.top=-i+"%"),a};return e.createElement("div",{className:Se["stacked-cards"]},l.map(((n,l)=>e.createElement("div",{className:Se.card,key:l,"data-is-selectable":l!==r,"data-should-card-rise":o>=0&&o<=180,style:i(l),onClick:()=>{r!==l&&c(l)}},e.createElement("div",{className:Se.title},n.title),e.createElement("div",{className:Se.content},n.content)))))};function he(e,l){const[o,r]=n(!1),c=t(null);return a((()=>(c.current&&c.current.disconnect(),c.current=new IntersectionObserver((([e])=>{r(e.isIntersecting)}),l),e.current&&c.current.observe(e.current),()=>{c.current&&c.current.disconnect()})),[e,l]),o}function ye(e){const[l,o]=n(0),[r,c]=n(0),i=t(new ResizeObserver((e=>{const{width:n,height:l}=e[0].contentRect;o(n),c(l)})));return a((()=>{null!==e.current&&i.current.observe(e.current);const n=i.current,l=e.current;return()=>{null!==l&&n.unobserve(l)}}),[e,i]),[l,r]}function fe(){const[e,l]=n([0,0]);return r((()=>{function e(){l([window.innerWidth,window.innerHeight])}return window.addEventListener("resize",e),e(),()=>window.removeEventListener("resize",e)}),[]),e}export{f as BubbleMenu,L as CalendarDatePicker,I as InputBoxWithConfirmation,P as IntegerControl,H as LabeledInput,te as ScreenSteps,be as ScrollSnapGallery,ge as StackedCards,he as useIntersectionObserver,G as useOutsideClick,ye as useResizeObserver,fe as useWindowsSize};

package/dist/esm/types/components/StackedCards/StackedCards.d.ts ADDED Viewed

@@ -0,0 +1,11 @@
+import React from "react";
+type StackedCardsProps = {
+    cards: {
+        title: JSX.Element;
+        content: JSX.Element;
+    }[];
+    initialCard: number;
+    stackingOrientation?: number;
+};
+declare const StackedCards: ({ cards, initialCard, stackingOrientation, }: StackedCardsProps) => React.JSX.Element;
+export default StackedCards;

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

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

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

@@ -5,3 +5,4 @@ export { default as IntegerControl } from "./IntegerControl";
 export { default as LabeledInput } from "./LabeledInput";
 export { default as ScreenSteps } from "./ScreenSteps";
 export { default as ScrollSnapGallery } from "./ScrollSnapGallery";
+export { default as StackedCards } from "./StackedCards";

package/dist/index.d.ts CHANGED Viewed

@@ -94,6 +94,16 @@ type ScrollSnapGalleryProps = {
 };
 declare const ScrollSnapGallery: ({ urls, width, height, IndicatorIcon, positionIndicatorSize, iconSize, showArrows, frameStyle, }: ScrollSnapGalleryProps) => React$1.JSX.Element;
+type StackedCardsProps = {
+    cards: {
+        title: JSX.Element;
+        content: JSX.Element;
+    }[];
+    initialCard: number;
+    stackingOrientation?: number;
+};
+declare const StackedCards: ({ cards, initialCard, stackingOrientation, }: StackedCardsProps) => React$1.JSX.Element;
 /**
  * Hook to observe an element's intersection
  * @param ref ref to the element to observe
@@ -125,4 +135,4 @@ declare function useResizeObserver(elementRef: React$1.MutableRefObject<HTMLElem
  */
 declare function useWindowSize(): [number, number];
-export { BubbleMenu, CalendarDatePicker, InputBoxWithConfirmation, IntegerControl, LabeledInput, ScreenSteps, ScrollSnapGallery, useIntersectionObserver, useOutsideClick, useResizeObserver, useWindowSize as useWindowsSize };
+export { BubbleMenu, CalendarDatePicker, InputBoxWithConfirmation, IntegerControl, LabeledInput, ScreenSteps, ScrollSnapGallery, StackedCards, useIntersectionObserver, useOutsideClick, useResizeObserver, useWindowSize as useWindowsSize };

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "josenanodev-react-components-library",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "author": {
     "name": "Jose Carlos Cardenas Martinez"
   },
@@ -17,44 +17,44 @@
     "url": "git+https://github.com/Josenanodev/josenanodev-react-components-library.git"
   },
   "devDependencies": {
-    "@babel/core": "^7.22.10",
-    "@babel/preset-typescript": "^7.22.5",
-    "@babel/runtime": "^7.22.10",
-    "@rollup/plugin-commonjs": "^25.0.4",
-    "@rollup/plugin-node-resolve": "^15.2.0",
-    "@rollup/plugin-terser": "^0.4.3",
-    "@rollup/plugin-typescript": "^11.1.2",
-    "@storybook/addon-essentials": "^7.3.1",
-    "@storybook/addon-interactions": "^7.3.1",
-    "@storybook/addon-links": "^7.3.1",
-    "@storybook/addon-mdx-gfm": "^7.3.1",
-    "@storybook/addon-styling": "^1.3.6",
-    "@storybook/blocks": "^7.3.1",
-    "@storybook/react": "^7.3.1",
-    "@storybook/react-webpack5": "^7.3.1",
-    "@types/lodash": "^4.14.197",
-    "@types/node": "^20.5.0",
-    "@types/react": "^18.2.20",
-    "@types/react-dom": "^18.2.7",
+    "@babel/core": "^7.23.3",
+    "@babel/preset-typescript": "^7.23.3",
+    "@babel/runtime": "^7.23.2",
+    "@rollup/plugin-commonjs": "^25.0.7",
+    "@rollup/plugin-node-resolve": "^15.2.3",
+    "@rollup/plugin-terser": "^0.4.4",
+    "@rollup/plugin-typescript": "^11.1.5",
+    "@storybook/addon-essentials": "^7.5.3",
+    "@storybook/addon-interactions": "^7.5.3",
+    "@storybook/addon-links": "^7.5.3",
+    "@storybook/addon-mdx-gfm": "^7.5.3",
+    "@storybook/addon-styling": "^1.3.7",
+    "@storybook/blocks": "^7.5.3",
+    "@storybook/react": "^7.5.3",
+    "@storybook/react-webpack5": "^7.5.3",
+    "@types/lodash": "^4.14.201",
+    "@types/node": "^20.9.2",
+    "@types/react": "^18.2.37",
+    "@types/react-dom": "^18.2.15",
     "babel-cli": "^6.26.0",
     "babel-loader": "^9.1.3",
     "babel-preset-react-app": "^10.0.1",
-    "chromatic": "^6.22.0",
-    "eslint-plugin-storybook": "^0.6.13",
-    "josenanodev-generic-utils": "^0.0.1",
-    "postcss": "^8.4.28",
+    "chromatic": "^9.1.0",
+    "eslint-plugin-storybook": "^0.6.15",
+    "josenanodev-generic-utils": "^0.1.1",
+    "postcss": "^8.4.31",
     "prop-types": "^15.8.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "react-icons": "^4.10.1",
-    "rollup": "^3.28.0",
-    "rollup-plugin-dts": "^6.0.0",
+    "react-icons": "^4.12.0",
+    "rollup": "^4.5.0",
+    "rollup-plugin-dts": "^6.1.0",
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-plugin-postcss": "^4.0.2",
-    "sass": "^1.66.0",
-    "storybook": "^7.3.1",
-    "tslib": "^2.6.1",
-    "typescript": "^5.1.6"
+    "sass": "^1.69.5",
+    "storybook": "^7.5.3",
+    "tslib": "^2.6.2",
+    "typescript": "^5.2.2"
   },
   "peerDependencies": {
     "react": "^18.2.0",