josenanodev-react-components-library 1.0.4 → 1.0.5

package/dist/cjs/index.js

@@ -1,45 +1 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ScrollSnapGallery = exports.ScreenSteps = exports.LabeledInput = exports.BubbleMenu = exports.IntegerControl = exports.InputBoxWithConfirmation = exports.CalendarDatePicker = exports.ExportToExcelButton = exports.MultipleJoinedButtonsBar = exports.Slider = exports.ParallelSelectionList = exports.ProgressBar = exports.PopUp = exports.Modal = exports.SearchBar = exports.SideBar = exports.eraseMulticalendarScrollTopPosition = exports.eraseMulticalendarScrollLeftPosition = exports.setMulticalendarScrollLeftPosition = exports.setMulticalendarScrollTopPosition = exports.Multicalendar = void 0;
-const Multicalendar_1 = __importDefault(require("./components/Multicalendar/Multicalendar"));
-exports.Multicalendar = Multicalendar_1.default;
-const SideBar_1 = __importDefault(require("./components/SideBar/SideBar"));
-exports.SideBar = SideBar_1.default;
-const SearchBar_1 = __importDefault(require("./components/SearchBar/SearchBar"));
-exports.SearchBar = SearchBar_1.default;
-const Modal_1 = __importDefault(require("./components/Modal/Modal"));
-exports.Modal = Modal_1.default;
-const PopUp_1 = __importDefault(require("./components/PopUp/PopUp"));
-exports.PopUp = PopUp_1.default;
-const ProgressBar_1 = __importDefault(require("./components/ProgressBar/ProgressBar"));
-exports.ProgressBar = ProgressBar_1.default;
-const ParallelSelectionList_1 = __importDefault(require("./components/ParallelSelectionList/ParallelSelectionList"));
-exports.ParallelSelectionList = ParallelSelectionList_1.default;
-const Slider_1 = __importDefault(require("./components/Slider/Slider"));
-exports.Slider = Slider_1.default;
-const MultipleJoinedButtonsBar_1 = __importDefault(require("./components/MultipleJoinedButtonsBar/MultipleJoinedButtonsBar"));
-exports.MultipleJoinedButtonsBar = MultipleJoinedButtonsBar_1.default;
-const ExportToExcelButton_1 = __importDefault(require("./components/ExportToExcelButton/ExportToExcelButton"));
-exports.ExportToExcelButton = ExportToExcelButton_1.default;
-const InputBoxWithConfirmation_1 = __importDefault(require("./components/InputBoxWithConfirmation/InputBoxWithConfirmation"));
-exports.InputBoxWithConfirmation = InputBoxWithConfirmation_1.default;
-const CalendarDatePicker_1 = __importDefault(require("./components/CalendarDatePicker/CalendarDatePicker"));
-exports.CalendarDatePicker = CalendarDatePicker_1.default;
-const IntegerControl_1 = __importDefault(require("./components/IntegerControl/IntegerControl"));
-exports.IntegerControl = IntegerControl_1.default;
-const BubbleMenu_1 = __importDefault(require("./components/BubbleMenu/BubbleMenu"));
-exports.BubbleMenu = BubbleMenu_1.default;
-const LabeledInput_1 = __importDefault(require("./components/LabeledInput/LabeledInput"));
-exports.LabeledInput = LabeledInput_1.default;
-const ScreenSteps_1 = __importDefault(require("./components/ScreenSteps/ScreenSteps"));
-exports.ScreenSteps = ScreenSteps_1.default;
-const ScrollSnapGallery_1 = __importDefault(require("./components/ScrollSnapGallery/ScrollSnapGallery"));
-exports.ScrollSnapGallery = ScrollSnapGallery_1.default;
-const MulticalendarStatesAndSettings_1 = require("./Services/MulticalendarStatesAndSettings");
-Object.defineProperty(exports, "setMulticalendarScrollTopPosition", { enumerable: true, get: function () { return MulticalendarStatesAndSettings_1.setMulticalendarScrollTopPosition; } });
-Object.defineProperty(exports, "setMulticalendarScrollLeftPosition", { enumerable: true, get: function () { return MulticalendarStatesAndSettings_1.setMulticalendarScrollLeftPosition; } });
-Object.defineProperty(exports, "eraseMulticalendarScrollLeftPosition", { enumerable: true, get: function () { return MulticalendarStatesAndSettings_1.eraseMulticalendarScrollLeftPosition; } });
-Object.defineProperty(exports, "eraseMulticalendarScrollTopPosition", { enumerable: true, get: function () { return MulticalendarStatesAndSettings_1.eraseMulticalendarScrollTopPosition; } });
+"use strict";var e=require("react"),n=require("react-icons/bs"),l=require("react-icons/io5"),a=require("react-icons/ai"),t=require("react-icons/go");function o(e,n){void 0===n&&(n={});var l=n.insertAt;if(e&&"undefined"!=typeof document){var a=document.head||document.getElementsByTagName("head")[0],t=document.createElement("style");t.type="text/css","top"===l&&a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.styleSheet?t.styleSheet.cssText=e:t.appendChild(document.createTextNode(e))}}var r="BubbleMenu-module_menu-container__xrNNC",i="BubbleMenu-module_menu-button__I5R0w";o(".BubbleMenu-module_menu-container__xrNNC {\n  position: fixed;\n  top: 0px;\n  padding-top: 80px;\n  box-sizing: border-box;\n  width: 100vw;\n  height: 100vh;\n  transition: background-color 300ms ease-in-out;\n}\n.BubbleMenu-module_menu-container__xrNNC[data-status=visible] {\n  background-color: rgba(0, 0, 0, 0.3);\n  z-index: 1;\n}\n.BubbleMenu-module_menu-container__xrNNC[data-status=visible] ul li {\n  opacity: 1;\n  transform: translateX(0px);\n}\n.BubbleMenu-module_menu-container__xrNNC[data-status=hidden] {\n  background-color: transparent;\n  z-index: -1;\n}\n.BubbleMenu-module_menu-container__xrNNC[data-status=hidden] ul li {\n  opacity: 0;\n  transform: translateX(-110px);\n}\n.BubbleMenu-module_menu-container__xrNNC ul {\n  list-style: none;\n  padding-inline-start: 5px;\n}\n.BubbleMenu-module_menu-container__xrNNC ul li {\n  transition: all 300ms ease-in-out;\n}\n.BubbleMenu-module_menu-container__xrNNC ul li button {\n  border-width: 3px;\n  border-style: solid;\n  border-color: #959595;\n  box-shadow: 3px 3px 4px 1px rgba(90, 90, 90, 0.3);\n  color: #959595;\n  background-color: rgba(255, 255, 255, 0.9);\n  -webkit-tap-highlight-color: transparent;\n  user-select: none;\n  cursor: pointer;\n  transition: all 100ms ease-in-out;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  width: 100px;\n  height: 100px;\n  margin: 15px 0px;\n  border-radius: 50px;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: normal;\n}\n.BubbleMenu-module_menu-container__xrNNC ul li button svg {\n  min-width: 40px;\n  min-height: 40px;\n}\n.BubbleMenu-module_menu-container__xrNNC ul li button:active {\n  transform: translate(1px, 1px);\n  box-shadow: 1px 1px 2px rgba(90, 90, 90, 0.3);\n}\n\n.BubbleMenu-module_menu-button__I5R0w {\n  position: fixed;\n  z-index: 2;\n  top: 30px;\n  left: 10px;\n  width: 50px;\n  height: 50px;\n  background-color: rgba(255, 255, 255, 0.7);\n  border-radius: 25px;\n  border-width: 3px;\n  border-style: solid;\n  border-color: #959595;\n  box-shadow: 3px 3px 4px 1px rgba(90, 90, 90, 0.3);\n  color: #959595;\n  background-color: rgba(255, 255, 255, 0.9);\n  -webkit-tap-highlight-color: transparent;\n  user-select: none;\n  cursor: pointer;\n  transition: all 100ms ease-in-out;\n}\n.BubbleMenu-module_menu-button__I5R0w svg {\n  position: absolute;\n  top: 2px;\n  left: 0;\n  width: 100%;\n  height: 34px;\n  color: #0d280b;\n}\n.BubbleMenu-module_menu-button__I5R0w svg path {\n  transition: all 0.3s ease-in-out;\n}\n.BubbleMenu-module_menu-button__I5R0w p {\n  position: absolute;\n  top: 30px;\n  left: 0;\n  width: 100%;\n  margin: 0;\n  text-align: center;\n  color: #0d280b;\n  font-size: 10px;\n  font-style: normal;\n  font-weight: 600;\n  line-height: normal;\n}\n.BubbleMenu-module_menu-button__I5R0w:active {\n  transform: translate(1px, 1px);\n  box-shadow: 1px 1px 2px rgba(90, 90, 90, 0.3);\n}");const c={en:{menu:"menu",close:"close"},es:{menu:"menú",close:"cerrar"}};var d="CalendarDatePicker-module_calendar-date-picker__-G7aY",s="CalendarDatePicker-module_title__gUwdA",u="CalendarDatePicker-module_today-button__YgI7t",_="CalendarDatePicker-module_month-and-year__LHJ8I",m="CalendarDatePicker-module_month-input__sFUHA",p="CalendarDatePicker-module_week-days__j2XJ-";o('@property --angle {\n  sintax: "<angle>";\n  inherits: false;\n  initial-value: 270deg;\n}\n@property --color-default {\n  sintax: "<color>";\n  inherits: false;\n  initial-value: white;\n}\n@property --color-selected {\n  sintax: "<color>";\n  inherits: false;\n  initial-value: #e3f3e3;\n}\n@property --percentage-default {\n  sintax: "<percentage>";\n  inherits: false;\n  initial-value: 100%;\n}\n@property --percentage-selected {\n  sintax: "<percentage>";\n  inherits: false;\n  initial-value: 0%;\n}\n.CalendarDatePicker-module_calendar-date-picker__-G7aY {\n  font-family: Arial, Helvetica, sans-serif;\n  width: 390px;\n  color: #959595;\n  font-weight: 600;\n  font-style: normal;\n  line-height: normal;\n}\n.CalendarDatePicker-module_calendar-date-picker__-G7aY .CalendarDatePicker-module_title__gUwdA {\n  position: relative;\n  display: flex;\n  align-items: center;\n  width: 100%;\n  font-size: 16px;\n}\n.CalendarDatePicker-module_calendar-date-picker__-G7aY .CalendarDatePicker-module_title__gUwdA svg {\n  margin: 0px 5px;\n}\n.CalendarDatePicker-module_calendar-date-picker__-G7aY .CalendarDatePicker-module_today-button__YgI7t {\n  position: absolute;\n  top: 0px;\n  right: 5px;\n  border: solid 2px #787878;\n  border-radius: 6px;\n  padding: 4px 8px;\n  background-color: white;\n  color: #787878;\n  transition: all 0.1s ease-in-out;\n  cursor: pointer;\n}\n.CalendarDatePicker-module_calendar-date-picker__-G7aY .CalendarDatePicker-module_today-button__YgI7t:hover {\n  background-color: #f3f3f3;\n}\n.CalendarDatePicker-module_calendar-date-picker__-G7aY .CalendarDatePicker-module_today-button__YgI7t:active {\n  background-color: #cfcfcf;\n}\n.CalendarDatePicker-module_calendar-date-picker__-G7aY .CalendarDatePicker-module_month-and-year__LHJ8I {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  text-align: center;\n  font-size: 22px;\n  padding: 10px 0px;\n}\n.CalendarDatePicker-module_calendar-date-picker__-G7aY .CalendarDatePicker-module_month-and-year__LHJ8I .CalendarDatePicker-module_month-input__sFUHA {\n  width: fit-content;\n  background-color: transparent;\n  border: transparent;\n  text-align: right;\n  font-size: 18px;\n  color: #959595;\n  cursor: pointer;\n}\n.CalendarDatePicker-module_calendar-date-picker__-G7aY .CalendarDatePicker-module_month-and-year__LHJ8I .CalendarDatePicker-module_month-input__sFUHA:focus {\n  outline: transparent;\n}\n.CalendarDatePicker-module_calendar-date-picker__-G7aY .CalendarDatePicker-module_month-and-year__LHJ8I .CalendarDatePicker-module_month-input__sFUHA option {\n  background-color: white;\n  color: #959595;\n}\n.CalendarDatePicker-module_calendar-date-picker__-G7aY .CalendarDatePicker-module_month-and-year__LHJ8I .CalendarDatePicker-module_month-input__sFUHA option:disabled {\n  color: #cfcfcf;\n}\n.CalendarDatePicker-module_calendar-date-picker__-G7aY .CalendarDatePicker-module_week-days__j2XJ- {\n  display: flex;\n  align-items: center;\n  border-bottom: 1px solid #ebebeb;\n}\n.CalendarDatePicker-module_calendar-date-picker__-G7aY .CalendarDatePicker-module_week-days__j2XJ- p {\n  width: 14.2857142857%;\n  margin: 0px;\n  text-align: center;\n}');var S="InputBoxWithConfirmation-module_div-wrapper__DdQ1-",b="InputBoxWithConfirmation-module_focused__C6kd0",g="InputBoxWithConfirmation-module_input-box-with-confirmation__W4NkN",f="InputBoxWithConfirmation-module_button-for-input-box-with-confirmation__qUi-Y";o(".InputBoxWithConfirmation-module_div-wrapper__DdQ1- {\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border: solid 1px rgb(184, 184, 184);\n  background-color: rgb(250, 250, 250);\n  border-radius: 8px;\n  transition: border 0.3s;\n}\n.InputBoxWithConfirmation-module_div-wrapper__DdQ1-.InputBoxWithConfirmation-module_focused__C6kd0 {\n  border-color: #218dec;\n}\n.InputBoxWithConfirmation-module_div-wrapper__DdQ1- .InputBoxWithConfirmation-module_input-box-with-confirmation__W4NkN {\n  box-sizing: border-box;\n  padding: 10px 2ch;\n  min-width: 10ch;\n  text-align: center;\n  border: none;\n  background-color: transparent;\n  font-size: 16px;\n  font-weight: 600;\n  color: dimgray;\n  transition: all 0.2s;\n}\n.InputBoxWithConfirmation-module_div-wrapper__DdQ1- .InputBoxWithConfirmation-module_input-box-with-confirmation__W4NkN::-webkit-inner-spin-button {\n  display: none;\n}\n.InputBoxWithConfirmation-module_div-wrapper__DdQ1- .InputBoxWithConfirmation-module_input-box-with-confirmation__W4NkN:focus {\n  outline: none;\n}\n.InputBoxWithConfirmation-module_div-wrapper__DdQ1- .InputBoxWithConfirmation-module_button-for-input-box-with-confirmation__qUi-Y {\n  position: absolute;\n  right: 0px;\n  background-color: transparent;\n  color: rgb(158, 158, 158);\n  width: 32px;\n  height: 32px;\n  border-radius: 16px;\n  font-size: 16px;\n  border: none;\n  cursor: pointer;\n  transition: all 0.2s;\n}\n.InputBoxWithConfirmation-module_div-wrapper__DdQ1- .InputBoxWithConfirmation-module_button-for-input-box-with-confirmation__qUi-Y:focus {\n  outline: none;\n}\n.InputBoxWithConfirmation-module_div-wrapper__DdQ1- .InputBoxWithConfirmation-module_button-for-input-box-with-confirmation__qUi-Y:hover {\n  background-color: rgb(241, 241, 241);\n  color: var(--primary-color);\n}");const y=({onConfirmAction:l,inputType:a="text",minimumValue:t="",maximumValue:o="",maxLength:r,placeholder:i="",divWrapperCustomStyle:c,inputBoxCustomStyle:d,defaultValue:s,overrideCurrentValue:u,showConfirmationButton:_,disabled:m})=>{const p=e.useRef(null),y=e.useRef(null),[h,C]=e.useState(void 0!==s?String(s):""),[x,v]=e.useState(void 0!==s?String(s):""),[w,k]=e.useState(!1),E=()=>{if(!x)return h;if("number"===a){let e=Number(x);return""!==t&&e<Number(t)?e=Number(t):""!==o&&e>Number(o)&&(e=Number(o)),String(e)}return x},D=()=>{v(E()),E()&&(l(E()),C(E()))};return function(n,l,a=[]){e.useEffect((()=>{function e(e){n.current&&!n.current.contains(e.target)&&a.every((n=>n.current!==e.target))&&l()}return document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}}),[n,l,a])}(y,(()=>{w&&(_?v(h):D(),k(!1))})),e.useEffect((()=>{void 0!==u?(v(String(u)),C(String(u))):null===u&&(v(""),C(""))}),[u]),e.createElement("div",{ref:y,style:c,className:`${S} ${w?b:""}`},e.createElement("input",{ref:p,disabled:m,className:g,type:a,style:Object.assign({width:`${((null==x?void 0:x.length)?x.length:0)+7}ch`},d),min:t,max:o,maxLength:r,placeholder:i,value:w?x:h,onChange:e=>{let n=e.target.value;r&&n.length>r&&(n=n.slice(0,r)),v(n)},onFocus:e=>{C(e.target.value),v(e.target.value),k(!0)},onKeyDown:e=>{"Enter"===e.key||"Tab"===e.key?(D(),k(!1),p.current&&p.current.blur()):"Escape"===e.key&&(v(h),k(!1),p.current&&p.current.blur())}}),!m&&_&&e.createElement(e.Fragment,null,w?e.createElement("button",{className:f,onClick:()=>{D(),k(!1)}},e.createElement(n.BsCheckLg,null)):e.createElement("button",{className:f,onClick:()=>{p.current&&p.current.focus()}},e.createElement(n.BsPencil,null))))};var h={"calendar-scrollable-section":"CalendarScrollableSection-module_calendar-scrollable-section__uzWbW","days-grid":"CalendarScrollableSection-module_days-grid__lN--o","days-row":"CalendarScrollableSection-module_days-row__wqsnT","day-cell":"CalendarScrollableSection-module_day-cell__CvovF",day:"CalendarScrollableSection-module_day__dS5iz",background:"CalendarScrollableSection-module_background__EwVgU","first-half":"CalendarScrollableSection-module_first-half__p9Eie","second-half":"CalendarScrollableSection-module_second-half__fyESG",today:"CalendarScrollableSection-module_today__zqpHy","in-month":"CalendarScrollableSection-module_in-month__vbbx-","not-in-month":"CalendarScrollableSection-module_not-in-month__-3eLq",selected:"CalendarScrollableSection-module_selected__y4L6S","check-in":"CalendarScrollableSection-module_check-in__Nl1mo","check-out":"CalendarScrollableSection-module_check-out__ShFpZ","not-selectable":"CalendarScrollableSection-module_not-selectable__mba-l","out-of-selection":"CalendarScrollableSection-module_out-of-selection__Upoeg","cross-line":"CalendarScrollableSection-module_cross-line__lsB3g",crossed:"CalendarScrollableSection-module_crossed__trZeE"};function C(e){return 0===e.getDay()?6:e.getDay()-1}function x(e){const n=(l=e,new Date(l.getFullYear(),l.getMonth()+1,0).getDate());var l;const a=e.getFullYear(),t=e.getMonth(),o=n-(7-C(new Date(a,t,1)));return Math.ceil(o/7)+1}function v(e){const n=e=>Number(e)<10?"-0":"-";return e.getFullYear().toString().concat(n(e.getMonth()+1),(e.getMonth()+1).toString().concat(n(e.getDate()),e.getDate().toString()))}function w(n,l){const[a,t]=e.useState(!1),o=e.useRef(null);return e.useEffect((()=>(o.current&&o.current.disconnect(),o.current=new IntersectionObserver((([e])=>{t(e.isIntersecting)}),l),n.current&&o.current.observe(n.current),()=>{o.current&&o.current.disconnect()})),[n,l]),a}o('@property --angle {\n  sintax: "<angle>";\n  inherits: false;\n  initial-value: 270deg;\n}\n@property --color-default {\n  sintax: "<color>";\n  inherits: false;\n  initial-value: white;\n}\n@property --color-selected {\n  sintax: "<color>";\n  inherits: false;\n  initial-value: #e3f3e3;\n}\n@property --percentage-default {\n  sintax: "<percentage>";\n  inherits: false;\n  initial-value: 100%;\n}\n@property --percentage-selected {\n  sintax: "<percentage>";\n  inherits: false;\n  initial-value: 0%;\n}\n.CalendarScrollableSection-module_calendar-scrollable-section__uzWbW {\n  width: 100%;\n  aspect-ratio: 1/1;\n  overflow-y: scroll;\n  -ms-overflow-style: none;\n  scrollbar-width: none;\n  border-bottom: 1px solid #ebebeb;\n}\n.CalendarScrollableSection-module_calendar-scrollable-section__uzWbW::-webkit-scrollbar {\n  display: none;\n}\n.CalendarScrollableSection-module_calendar-scrollable-section__uzWbW .CalendarScrollableSection-module_days-grid__lN--o {\n  width: 100%;\n}\n.CalendarScrollableSection-module_calendar-scrollable-section__uzWbW .CalendarScrollableSection-module_days-grid__lN--o .CalendarScrollableSection-module_days-row__wqsnT {\n  width: 100%;\n  display: flex;\n  align-items: center;\n}\n.CalendarScrollableSection-module_calendar-scrollable-section__uzWbW .CalendarScrollableSection-module_days-grid__lN--o .CalendarScrollableSection-module_days-row__wqsnT .CalendarScrollableSection-module_day-cell__CvovF {\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 14.2857142857%;\n  aspect-ratio: 1/1;\n}\n.CalendarScrollableSection-module_calendar-scrollable-section__uzWbW .CalendarScrollableSection-module_days-grid__lN--o .CalendarScrollableSection-module_days-row__wqsnT .CalendarScrollableSection-module_day-cell__CvovF .CalendarScrollableSection-module_day__dS5iz {\n  position: relative;\n  --angle: 270deg;\n  --color-default: #f3f3f3;\n  --color-selected: #b7d4b6;\n  --percentage-default: 100%;\n  --percentage-selected: 0%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: calc(100% - 8px);\n  height: calc(100% - 8px);\n  margin: 0px;\n  border-radius: 1000px;\n  overflow: hidden;\n  user-select: none;\n  transition: all 0.5s ease-in-out;\n  cursor: pointer;\n}\n.CalendarScrollableSection-module_calendar-scrollable-section__uzWbW .CalendarScrollableSection-module_days-grid__lN--o .CalendarScrollableSection-module_days-row__wqsnT .CalendarScrollableSection-module_day-cell__CvovF .CalendarScrollableSection-module_day__dS5iz p {\n  z-index: 2;\n  margin: 0px;\n}\n.CalendarScrollableSection-module_calendar-scrollable-section__uzWbW .CalendarScrollableSection-module_days-grid__lN--o .CalendarScrollableSection-module_days-row__wqsnT .CalendarScrollableSection-module_day-cell__CvovF .CalendarScrollableSection-module_day__dS5iz .CalendarScrollableSection-module_background__EwVgU {\n  z-index: 1;\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n  transform: rotate(var(--angle));\n  transition: all 0.5s ease-in-out;\n}\n.CalendarScrollableSection-module_calendar-scrollable-section__uzWbW .CalendarScrollableSection-module_days-grid__lN--o .CalendarScrollableSection-module_days-row__wqsnT .CalendarScrollableSection-module_day-cell__CvovF .CalendarScrollableSection-module_day__dS5iz .CalendarScrollableSection-module_background__EwVgU .CalendarScrollableSection-module_first-half__p9Eie {\n  width: var(--percentage-default);\n  height: 100%;\n  background-color: var(--color-default);\n  transition: all 0.3s ease-in-out;\n}\n.CalendarScrollableSection-module_calendar-scrollable-section__uzWbW .CalendarScrollableSection-module_days-grid__lN--o .CalendarScrollableSection-module_days-row__wqsnT .CalendarScrollableSection-module_day-cell__CvovF .CalendarScrollableSection-module_day__dS5iz .CalendarScrollableSection-module_background__EwVgU .CalendarScrollableSection-module_second-half__fyESG {\n  width: var(--percentage-selected);\n  height: 100%;\n  background-color: var(--color-selected);\n  transition: all 0.3s ease-in-out;\n}\n.CalendarScrollableSection-module_calendar-scrollable-section__uzWbW .CalendarScrollableSection-module_days-grid__lN--o .CalendarScrollableSection-module_days-row__wqsnT .CalendarScrollableSection-module_day-cell__CvovF .CalendarScrollableSection-module_day__dS5iz.CalendarScrollableSection-module_today__zqpHy {\n  outline: solid 2px #787878;\n}\n.CalendarScrollableSection-module_calendar-scrollable-section__uzWbW .CalendarScrollableSection-module_days-grid__lN--o .CalendarScrollableSection-module_days-row__wqsnT .CalendarScrollableSection-module_day-cell__CvovF .CalendarScrollableSection-module_day__dS5iz.CalendarScrollableSection-module_in-month__vbbx- {\n  color: var(--medium-gray, #787878);\n}\n.CalendarScrollableSection-module_calendar-scrollable-section__uzWbW .CalendarScrollableSection-module_days-grid__lN--o .CalendarScrollableSection-module_days-row__wqsnT .CalendarScrollableSection-module_day-cell__CvovF .CalendarScrollableSection-module_day__dS5iz.CalendarScrollableSection-module_not-in-month__-3eLq {\n  opacity: 0.35;\n}\n.CalendarScrollableSection-module_calendar-scrollable-section__uzWbW .CalendarScrollableSection-module_days-grid__lN--o .CalendarScrollableSection-module_days-row__wqsnT .CalendarScrollableSection-module_day-cell__CvovF .CalendarScrollableSection-module_day__dS5iz.CalendarScrollableSection-module_selected__y4L6S {\n  --percentage-default: 0%;\n  --percentage-selected: 100%;\n}\n.CalendarScrollableSection-module_calendar-scrollable-section__uzWbW .CalendarScrollableSection-module_days-grid__lN--o .CalendarScrollableSection-module_days-row__wqsnT .CalendarScrollableSection-module_day-cell__CvovF .CalendarScrollableSection-module_day__dS5iz.CalendarScrollableSection-module_check-in__Nl1mo {\n  --angle: 405deg;\n  --color-default: #f3f3f3;\n  --percentage-default: 50%;\n  --percentage-selected: 50%;\n}\n.CalendarScrollableSection-module_calendar-scrollable-section__uzWbW .CalendarScrollableSection-module_days-grid__lN--o .CalendarScrollableSection-module_days-row__wqsnT .CalendarScrollableSection-module_day-cell__CvovF .CalendarScrollableSection-module_day__dS5iz.CalendarScrollableSection-module_check-out__ShFpZ {\n  --angle: 225deg;\n  --color-default: #f3f3f3;\n  --percentage-default: 50%;\n  --percentage-selected: 50%;\n}\n.CalendarScrollableSection-module_calendar-scrollable-section__uzWbW .CalendarScrollableSection-module_days-grid__lN--o .CalendarScrollableSection-module_days-row__wqsnT .CalendarScrollableSection-module_day-cell__CvovF .CalendarScrollableSection-module_day__dS5iz.CalendarScrollableSection-module_not-selectable__mba-l {\n  cursor: not-allowed;\n}\n.CalendarScrollableSection-module_calendar-scrollable-section__uzWbW .CalendarScrollableSection-module_days-grid__lN--o .CalendarScrollableSection-module_days-row__wqsnT .CalendarScrollableSection-module_day-cell__CvovF .CalendarScrollableSection-module_day__dS5iz.CalendarScrollableSection-module_out-of-selection__Upoeg {\n  opacity: 0.1;\n  cursor: not-allowed;\n}\n.CalendarScrollableSection-module_calendar-scrollable-section__uzWbW .CalendarScrollableSection-module_days-grid__lN--o .CalendarScrollableSection-module_days-row__wqsnT .CalendarScrollableSection-module_day-cell__CvovF .CalendarScrollableSection-module_cross-line__lsB3g {\n  z-index: 2;\n  position: absolute;\n  width: 120%;\n  height: 3px;\n  background-color: #bbb;\n  transform: rotate(-45deg);\n  display: none;\n}\n.CalendarScrollableSection-module_calendar-scrollable-section__uzWbW .CalendarScrollableSection-module_days-grid__lN--o .CalendarScrollableSection-module_days-row__wqsnT .CalendarScrollableSection-module_day-cell__CvovF.CalendarScrollableSection-module_crossed__trZeE .CalendarScrollableSection-module_cross-line__lsB3g {\n  display: block;\n}');const k=(e,n)=>{const l=(n,l)=>{const a=new Date(n,l,1),t=new Date(e.minimumDate.getFullYear(),e.minimumDate.getMonth(),1),o=new Date(e.maximumDate.getFullYear(),e.maximumDate.getMonth()+1,0),r=a.valueOf()<t.valueOf(),i=a.valueOf()>o.valueOf();return!r&&!i},a={setMonth:()=>l(e.year,n.value)?Object.assign(Object.assign({},e),{month:n.value}):Object.assign({},e),setYear:()=>l(n.value,e.month)?Object.assign(Object.assign({},e),{year:n.value}):Object.assign({},e),setMinimumDate:()=>Object.assign(Object.assign({},e),{minimumDate:new Date(n.value)}),setMaximumdate:()=>Object.assign(Object.assign({},e),{maximumDate:new Date(n.value)}),changeByMonthOffset:()=>{const a=new Date(e.year,e.month+n.value,1);return l(e.year,e.month+n.value)?Object.assign(Object.assign({},e),{year:a.getFullYear(),month:a.getMonth()}):Object.assign({},e)}}[n.type]();return a||Object.assign({},e)},E=({dates:n,month:l,year:a,mode:t,onSelectedDatesChange:o,onFocusedMonth:r,customDates:i=[],minimumDate:c=new Date(1970,0,1),maximumDate:d=new Date((new Date).getFullYear()+100,1,1)})=>{const[s,u]=e.useReducer(k,{month:l,year:a,minimumDate:c,maximumDate:d}),_=e.useRef(null),m=e.useRef(null),p=e.useRef(null),S=e.useRef(null),b=e.useRef(null),g=w(m,{rootMargin:"0px",threshold:1}),f=w(p,{rootMargin:"0px",threshold:1}),y=w(S,{rootMargin:"0px",threshold:1}),E=w(b,{rootMargin:"0px",threshold:1}),D=e=>!i.some((n=>n.dates.some((n=>n.valueOf()===e.valueOf()))&&!n.selectable)),N=e=>{let n=h["day-cell"];return i.some((n=>n.dates.some((n=>n.valueOf()===e.valueOf()))&&n.crossed))&&(n+=` ${h.crossed}`),n},G=e=>{let l=h.day;v(e)===v(new Date)&&(l+=` ${h.today}`),e.getMonth()===s.month?l+=` ${h["in-month"]}`:l+=` ${h["not-in-month"]}`;const a=n.some((n=>n.valueOf()===e.valueOf())),o=("range"===t||"booking"===t)&&2===n.length&&n[0].valueOf()<e.valueOf()&&e.valueOf()<n[1].valueOf();if((a||o)&&(l+=` ${h.selected}`),"booking"===t){2===n.length&&e.valueOf()===n[0].valueOf()&&(l+=` ${h["check-in"]}`);2===n.length&&e.valueOf()===n[1].valueOf()&&(l+=` ${h["check-out"]}`)}D(e)?l+=` ${h.selectable}`:l+=` ${h["not-selectable"]}`;return(e.valueOf()<c.valueOf()||e.valueOf()>d.valueOf())&&(l+=` ${h["out-of-selection"]}`),l},z=e=>{const n=i.find((n=>n.dates.some((n=>n.valueOf()===e.valueOf()))));return n?{backgroundColor:n.color}:void 0};return e.useEffect((()=>{_.current&&(_.current.scrollTop=416)}),[]),e.useEffect((()=>{r(s.month,s.year)}),[s.year,s.month,r]),e.useEffect((()=>{(f||g)&&u({type:"changeByMonthOffset",value:-1})}),[g,f]),e.useEffect((()=>{(y||E)&&u({type:"changeByMonthOffset",value:1})}),[y,E]),e.createElement("section",{ref:_,className:h["calendar-scrollable-section"]},Array(5).fill(0).map(((l,a)=>{const r=a-2,u=new Date(s.year,s.month+r,1),_=0===new Date(s.year,s.month+r+1,0).getDay();let g=x(u);_||(g-=1);const f=C(u);return e.createElement("div",{ref:[m,p,null,S,b][a],className:h["days-grid"],key:`grid:${v(u)}}`},Array(g).fill(0).map(((l,a)=>e.createElement("div",{className:h["days-row"],key:`grid:${v(u)}-row:${a}`},Array(7).fill(0).map(((l,u)=>{const _=s.month+r,m=7*a+u+1-f,p=new Date(s.year,_,m);return e.createElement("div",{className:N(p),key:v(p),onClick:()=>(e=>{if(i.forEach((n=>{n.dates.some((n=>n.valueOf()===e.valueOf()))&&n.clickSideEffect&&n.clickSideEffect(e)})),!D(e))return;if(e.valueOf()<c.valueOf()||e.valueOf()>d.valueOf())return;let l=[...n];"single"===t&&(l=[e]),"multiple"===t&&(l=n.some((n=>n.valueOf()===e.valueOf()))?n.filter((n=>n.valueOf()!==e.valueOf())):[...n,e]),"range"===t&&(l=0===n.length?[e]:1===n.length?n[0].valueOf()<e.valueOf()?[...n,e]:[e,n[0]]:[]),"booking"===t&&(l=0===n.length?[e]:n[0].valueOf()===e.valueOf()?[]:1===n.length?n[0].valueOf()<e.valueOf()?[...n,e]:[e,n[0]]:[]),o(l)})(p)},e.createElement("div",{className:h["cross-line"]}),e.createElement("div",{className:G(p)},e.createElement("div",{className:h.background},e.createElement("div",{className:h["first-half"],style:z(p)}),e.createElement("div",{className:h["second-half"],style:z(p)})),e.createElement("p",null,p.getDate())))}))))))})))},D={en:{january:"january",february:"february",march:"march",april:"april",may:"may",june:"june",july:"july",august:"august",september:"september",october:"october",november:"november",december:"december",monday:"monday",tuesday:"tuesday",wednesday:"wednesday",thursday:"thursday",friday:"friday",saturday:"saturday",sunday:"sunday",today:"today"},es:{january:"enero",february:"febrero",march:"marzo",april:"abril",may:"mayo",june:"junio",july:"julio",august:"agosto",september:"septiembre",october:"octubre",november:"noviembre",december:"diciembre",monday:"lunes",tuesday:"martes",wednesday:"miércoles",thursday:"jueves",friday:"viernes",saturday:"sábado",sunday:"domingo",today:"hoy"}},N=(e,n)=>{switch(e){case 0:return D[n].january;case 1:return D[n].february;case 2:return D[n].march;case 3:return D[n].april;case 4:return D[n].may;case 5:return D[n].june;case 6:return D[n].july;case 7:return D[n].august;case 8:return D[n].september;case 9:return D[n].october;case 10:return D[n].november;case 11:return D[n].december;default:return""}};var G="IntegerControl-module_integer-control__-tzTl",z="IntegerControl-module_default__FJoED";o(".IntegerControl-module_integer-control__-tzTl {\n  display: flex;\n  align-items: center;\n}\n.IntegerControl-module_integer-control__-tzTl button {\n  border: none;\n  background: none;\n  padding: 0;\n  margin: 0;\n}\n.IntegerControl-module_integer-control__-tzTl button svg {\n  height: 44px;\n  width: 44px;\n  fill: #c9c9c9;\n  transition: fill 100ms ease-in-out;\n  cursor: pointer;\n}\n.IntegerControl-module_integer-control__-tzTl button svg:active {\n  fill: #787878;\n}\n.IntegerControl-module_integer-control__-tzTl input {\n  border: none;\n  background: none;\n  padding: 0;\n  color: #414141;\n  text-align: center;\n  font-family: Arial, Helvetica, sans-serif;\n  font-size: 32px;\n  font-style: normal;\n  font-weight: 600;\n  line-height: normal;\n  min-width: 84px;\n  transition: color 300ms ease-in-out;\n}\n.IntegerControl-module_integer-control__-tzTl input::-webkit-inner-spin-button {\n  -webkit-appearance: none;\n  margin: 0;\n}\n.IntegerControl-module_integer-control__-tzTl input:focus {\n  outline: transparent;\n}\n.IntegerControl-module_integer-control__-tzTl.IntegerControl-module_default__FJoED input {\n  color: #787878;\n}");var I="LabeledInput-module_labeled-input__xzE4h",W="LabeledInput-module_focused__id3UI",O="LabeledInput-module_error__8RLxl",F="LabeledInput-module_error-message__5-9lv";o(".LabeledInput-module_labeled-input__xzE4h {\n  position: relative;\n  border-radius: 8px;\n  border: 2px solid #959595;\n  padding: 0px 28px;\n  background: #fff;\n  box-sizing: border-box;\n  transition: all 200ms ease-in-out;\n  cursor: pointer;\n}\n.LabeledInput-module_labeled-input__xzE4h label {\n  z-index: 1;\n  position: absolute;\n  color: #959595;\n  font-family: Arial, Helvetica, sans-serif;\n  font-size: 20px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: normal;\n  top: calc(50% - 10px);\n  left: 28px;\n  padding: 0;\n  transition: all 200ms ease-in-out;\n  user-select: none;\n}\n.LabeledInput-module_labeled-input__xzE4h label.LabeledInput-module_focused__id3UI {\n  top: 2px;\n  left: 10px;\n  font-weight: 600;\n  font-size: 12px;\n  padding: 0px 5px;\n}\n.LabeledInput-module_labeled-input__xzE4h input {\n  z-index: 2;\n  position: absolute;\n  top: calc(50% - 12px);\n  height: 24px;\n  width: calc(100% - 56px);\n  border: none;\n  outline: transparent;\n  background: transparent;\n  font-family: Arial, Helvetica, sans-serif;\n  font-size: 20px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: normal;\n  color: #959595;\n  padding: 0;\n  cursor: pointer;\n}\n.LabeledInput-module_labeled-input__xzE4h input:focus {\n  outline: transparent;\n  cursor: text;\n}\n.LabeledInput-module_labeled-input__xzE4h.LabeledInput-module_error__8RLxl {\n  border-color: #f34d1b;\n}\n.LabeledInput-module_labeled-input__xzE4h.LabeledInput-module_error__8RLxl label {\n  color: #e17959;\n}\n.LabeledInput-module_labeled-input__xzE4h .LabeledInput-module_error-message__5-9lv {\n  position: absolute;\n  margin: 0;\n  top: calc(100% + 5px);\n  left: 5px;\n  color: #f34d1b;\n  font-family: Arial, Helvetica, sans-serif;\n  font-size: 12px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: normal;\n  padding: 0;\n  transition: all 200ms ease-in-out;\n}");var M="ScreenSteps-module_screen-steps__AX-nZ",Y="ScreenSteps-module_steps__AuZhk",B="ScreenSteps-module_step__2kFuY",j="ScreenSteps-module_completed__WcgIV",A="ScreenSteps-module_current__WatnQ",T="ScreenSteps-module_outer-text__akI1y",L="ScreenSteps-module_frame__3J2mc",P="ScreenSteps-module_steps-content__-Yj-E",q="ScreenSteps-module_step-component__Lu3G5";o(".ScreenSteps-module_screen-steps__AX-nZ {\n  width: 100%;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: center;\n}\n.ScreenSteps-module_screen-steps__AX-nZ .ScreenSteps-module_steps__AuZhk {\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.ScreenSteps-module_screen-steps__AX-nZ .ScreenSteps-module_steps__AuZhk .ScreenSteps-module_step__2kFuY {\n  width: 62px;\n  height: 62px;\n  border-radius: 31px;\n  background-color: #959595;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  opacity: 0.2;\n  color: #000000;\n  text-align: center;\n  font-family: Arial, Helvetica, sans-serif;\n  font-size: 15px;\n  font-style: normal;\n  font-weight: 600;\n  line-height: normal;\n  cursor: pointer;\n  transition: all 300ms ease-in-out;\n}\n.ScreenSteps-module_screen-steps__AX-nZ .ScreenSteps-module_steps__AuZhk .ScreenSteps-module_step__2kFuY.ScreenSteps-module_completed__WcgIV {\n  opacity: 0.4;\n  background-color: #705a00;\n  color: #000000;\n}\n.ScreenSteps-module_screen-steps__AX-nZ .ScreenSteps-module_steps__AuZhk .ScreenSteps-module_step__2kFuY.ScreenSteps-module_current__WatnQ {\n  opacity: 0.4;\n  background-color: #705a00;\n  color: #000000;\n}\n.ScreenSteps-module_screen-steps__AX-nZ .ScreenSteps-module_outer-text__akI1y {\n  color: #787878;\n  text-align: center;\n  font-family: Arial, Helvetica, sans-serif;\n  font-size: 20px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: normal;\n  margin: 0;\n}\n.ScreenSteps-module_screen-steps__AX-nZ .ScreenSteps-module_frame__3J2mc {\n  height: calc(100% - 82px);\n  width: 100%;\n  overflow: hidden;\n}\n.ScreenSteps-module_screen-steps__AX-nZ .ScreenSteps-module_frame__3J2mc .ScreenSteps-module_steps-content__-Yj-E {\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  transition: all 300ms ease-in-out;\n}\n.ScreenSteps-module_screen-steps__AX-nZ .ScreenSteps-module_frame__3J2mc .ScreenSteps-module_steps-content__-Yj-E .ScreenSteps-module_step-component__Lu3G5 {\n  height: 100%;\n}");var R="ScrollSnapGallery-module_scroll-snap-gallery__CR-GS",Z="ScrollSnapGallery-module_frame__267TC",$="ScrollSnapGallery-module_arrow-controls__yw2Zl",U="ScrollSnapGallery-module_arrow__1ueyq",V="ScrollSnapGallery-module_position-indicator__3Y7Mh",H="ScrollSnapGallery-module_indicator-icon__YrYF2",X="ScrollSnapGallery-module_current__ckZrA",J="ScrollSnapGallery-module_medium-shrunken__DuED2",Q="ScrollSnapGallery-module_full-shrunken__VSbF7",K="ScrollSnapGallery-module_hidden__c0w-O";o(".ScrollSnapGallery-module_scroll-snap-gallery__CR-GS {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n.ScrollSnapGallery-module_scroll-snap-gallery__CR-GS .ScrollSnapGallery-module_frame__267TC {\n  display: flex;\n  align-items: center;\n  scroll-snap-type: x mandatory;\n  scroll-snap-stop: always;\n  scroll-behavior: smooth;\n  overflow-x: auto;\n  overflow-y: hidden;\n  -webkit-overflow-scrolling: touch;\n  -ms-overflow-style: none;\n  scrollbar-width: none;\n  user-select: none;\n}\n.ScrollSnapGallery-module_scroll-snap-gallery__CR-GS .ScrollSnapGallery-module_frame__267TC::-webkit-scrollbar {\n  display: none;\n}\n.ScrollSnapGallery-module_scroll-snap-gallery__CR-GS .ScrollSnapGallery-module_frame__267TC img {\n  scroll-snap-align: center;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n.ScrollSnapGallery-module_scroll-snap-gallery__CR-GS .ScrollSnapGallery-module_arrow-controls__yw2Zl {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin-top: 10px;\n}\n.ScrollSnapGallery-module_scroll-snap-gallery__CR-GS .ScrollSnapGallery-module_arrow-controls__yw2Zl .ScrollSnapGallery-module_arrow__1ueyq {\n  width: 24px;\n  height: 24px;\n  fill: #959595;\n  transition: all 100ms ease-in-out;\n  z-index: 2;\n  cursor: pointer;\n}\n.ScrollSnapGallery-module_scroll-snap-gallery__CR-GS .ScrollSnapGallery-module_arrow-controls__yw2Zl .ScrollSnapGallery-module_arrow__1ueyq:active {\n  fill: #0d280b;\n}\n.ScrollSnapGallery-module_scroll-snap-gallery__CR-GS .ScrollSnapGallery-module_arrow-controls__yw2Zl .ScrollSnapGallery-module_position-indicator__3Y7Mh {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  transition: all 0.3s ease-in-out;\n}\n.ScrollSnapGallery-module_scroll-snap-gallery__CR-GS .ScrollSnapGallery-module_arrow-controls__yw2Zl .ScrollSnapGallery-module_position-indicator__3Y7Mh .ScrollSnapGallery-module_indicator-icon__YrYF2 {\n  fill: #959595;\n  transition: all 0.3s ease-in-out;\n}\n.ScrollSnapGallery-module_scroll-snap-gallery__CR-GS .ScrollSnapGallery-module_arrow-controls__yw2Zl .ScrollSnapGallery-module_position-indicator__3Y7Mh .ScrollSnapGallery-module_indicator-icon__YrYF2.ScrollSnapGallery-module_current__ckZrA {\n  fill: #0d280b;\n}\n.ScrollSnapGallery-module_scroll-snap-gallery__CR-GS .ScrollSnapGallery-module_arrow-controls__yw2Zl .ScrollSnapGallery-module_position-indicator__3Y7Mh .ScrollSnapGallery-module_indicator-icon__YrYF2.ScrollSnapGallery-module_medium-shrunken__DuED2 {\n  transform: scale(0.75);\n}\n.ScrollSnapGallery-module_scroll-snap-gallery__CR-GS .ScrollSnapGallery-module_arrow-controls__yw2Zl .ScrollSnapGallery-module_position-indicator__3Y7Mh .ScrollSnapGallery-module_indicator-icon__YrYF2.ScrollSnapGallery-module_full-shrunken__VSbF7 {\n  transform: scale(0.5);\n}\n.ScrollSnapGallery-module_scroll-snap-gallery__CR-GS .ScrollSnapGallery-module_arrow-controls__yw2Zl .ScrollSnapGallery-module_position-indicator__3Y7Mh .ScrollSnapGallery-module_indicator-icon__YrYF2.ScrollSnapGallery-module_hidden__c0w-O {\n  transform: scale(0);\n}");exports.BubbleMenu=({options:a,language:t="en"})=>{const[o,d]=e.useState(!1);return e.createElement(e.Fragment,null,e.createElement("button",{className:i,onClick:()=>d(!o)},o?e.createElement(n.BsX,null):e.createElement(l.IoMenu,null),e.createElement("p",null,o?c[t].close:c[t].menu)),e.createElement("section",{className:r,"data-status":o?"visible":"hidden",onClick:()=>d(!1)},e.createElement("ul",null,a.filter((e=>e.visible)).map(((n,l)=>e.createElement("li",{key:n.text,style:{transitionDelay:100*l+"ms"}},e.createElement("button",{onClick:()=>setTimeout(n.optionCallback,300+100*a.length)},n.icon,n.text)))))))},exports.CalendarDatePicker=({mode:l,onSelectedDatesChange:a=(()=>{}),language:t="en",customDates:o=[],title:r,minimumDate:i=new Date(1970,0,1),maximumDate:c=new Date((new Date).getFullYear()+100,1,1),customStyle:S})=>{const[b,g]=e.useState([]),[f,h]=e.useState((new Date).getFullYear()),[C,x]=e.useState((new Date).getMonth()),[v,w]=e.useState(Math.random()),k=e=>{const n=new Date(i.getFullYear(),i.getMonth(),1),l=new Date(c.getFullYear(),c.getMonth()+1,0),a=e.valueOf()>=n.valueOf(),t=e.valueOf()<=l.valueOf();return a&&t};return e.createElement("div",{className:d,style:S},e.createElement("section",{className:s},e.createElement(n.BsFillCalendar3WeekFill,null),r,e.createElement("button",{className:u,onClick:()=>{const e=new Date;k(e)&&(x(e.getMonth()),h(e.getFullYear()),w(Math.random()))}},D[t].today.slice(0,1).toUpperCase()+D[t].today.slice(1))),e.createElement("section",{className:_},e.createElement("select",{style:{fontFamily:null==S?void 0:S.fontFamily},className:m,value:C,onChange:e=>{const n=Number(e.target.value);x(n),w(Math.random())}},Array(12).fill(0).map(((n,l)=>{const a=new Date(f,l,1),o=!k(a);return e.createElement("option",{key:N(l,t),value:l,disabled:o},N(l,t))}))),e.createElement(y,{inputType:"number",divWrapperCustomStyle:{width:"4ch",border:"none",backgroundColor:"transparent",fontFamily:null==S?void 0:S.fontFamily},inputBoxCustomStyle:{padding:0,fontFamily:null==S?void 0:S.fontFamily},maxLength:4,defaultValue:f.toString(),overrideCurrentValue:f.toString(),minimumValue:i.getFullYear().toString(),maximumValue:c.getFullYear().toString(),onConfirmAction:e=>{let n=Number(e);const l=new Date(n,C,1);k(l)?(h(n),w(Math.random())):l.valueOf()<i.valueOf()?(h(i.getFullYear()),x(i.getMonth()),w(Math.random())):l.valueOf()>c.valueOf()&&(h(c.getFullYear()),x(c.getMonth()),w(Math.random()))}})),e.createElement("section",{className:p},e.createElement("p",null,D[t].monday.slice(0,1).toUpperCase()),e.createElement("p",null,D[t].tuesday.slice(0,1).toUpperCase()),e.createElement("p",null,D[t].wednesday.slice(0,1).toUpperCase()),e.createElement("p",null,D[t].thursday.slice(0,1).toUpperCase()),e.createElement("p",null,D[t].friday.slice(0,1).toUpperCase()),e.createElement("p",null,D[t].saturday.slice(0,1).toUpperCase()),e.createElement("p",null,D[t].sunday.slice(0,1).toUpperCase())),e.createElement(E,{key:v,dates:b,year:f,month:C,mode:l,onSelectedDatesChange:e=>{a(e),g(e)},onFocusedMonth:(e,n)=>{x(e),h(n)},customDates:o,minimumDate:i,maximumDate:c}))},exports.InputBoxWithConfirmation=y,exports.IntegerControl=({onChange:n=(()=>{}),defaultValue:l=0,minimumValue:t,maximumValue:o,customStyle:r})=>{const[i,c]=e.useState(l);return e.createElement("div",{className:`${G} ${i===l?z:""}`,style:r},e.createElement("button",{onClick:()=>{c(i-1),n(i-1)}},e.createElement(a.AiFillMinusCircle,null)),e.createElement("input",{onChange:e=>{const l=Number(e.target.value);c(l),n(l)},value:i,type:"number",defaultValue:String(l),min:String(t),max:String(o),style:{width:i.toString().length+1+"ch"}}),e.createElement("button",{onClick:()=>{c(i+1),n(i+1)}},e.createElement(a.AiFillPlusCircle,null)))},exports.LabeledInput=({label:n,defaultValue:l,onChange:a=(()=>{}),width:t="328px",height:o="66px",backgroundColor:r="white",textAlign:i="left",highlightError:c=!1,errorMessage:d,inputProps:s})=>{const u=e.useRef(null),[_,m]=e.useState(!!l);return e.createElement("div",{className:I+(c?` ${O}`:""),onClick:()=>{u.current&&u.current.focus()},style:{width:t,height:o,backgroundColor:r}},e.createElement("label",{className:_?W:""},n),e.createElement("input",Object.assign({ref:u},s,{onFocus:()=>m(!0),onBlur:e=>{e.target.value||m(!1)},defaultValue:l,onChange:e=>a(e.target.value),style:{textAlign:i}})),c&&d&&e.createElement("p",{className:F},d))},exports.ScreenSteps=({steps:n,defaultStep:l=0,onStepChange:a=(()=>{}),overrideStep:t})=>{const[o,r]=e.useState(l),i=e=>{let n=B;e<o&&(n+=` ${j}`);return e===o&&(n+=` ${A}`),n};return e.useEffect((()=>{void 0!==t&&t<n.length&&t>=0&&r(t)}),[t]),e.createElement("section",{className:M},e.createElement("nav",{className:Y},n.map(((n,l)=>e.createElement("div",{key:n.innerText,className:i(l),onClick:()=>{r(l),a(l)}},n.innerText)))),e.createElement("p",{className:T},n[o].outterText),e.createElement("div",{className:L},e.createElement("div",{className:P,style:(()=>{const e=100/n.length;return{width:100*n.length+"%",transform:`translateX(-${e*o}%)`}})()},n.map((l=>e.createElement("div",{key:l.innerText,className:q,style:{width:100/n.length+"%"}},l.component))))))},exports.ScrollSnapGallery=({urls:l=[],width:a="400px",height:o="300px",IndicatorIcon:r=t.GoDotFill,positionIndicatorSize:i=Math.min(l.length,6),iconSize:c=16,showArrows:d=!1,frameStyle:s={}})=>{const[u,_]=e.useState(0),[m,p]=e.useState(0),[S,b]=e.useState(i-1),[g,f]=e.useState(0),y=e=>{let n=H;u===e&&(n+=` ${X}`);const a=0!==m&&e===m,t=S!==l.length-1&&e===S;(a||t)&&(n+=` ${Q}`);const o=0!==m&&e===m+1,r=S!==l.length-1&&e===S-1;return(o||r)&&(n+=` ${J}`),(e<m||e>S)&&(n+=` ${K}`),n};return e.useEffect((()=>{f(m*c)}),[m]),e.createElement("section",{className:R},e.createElement("div",{className:Z,style:Object.assign(Object.assign({},s),{width:a,height:o}),onScroll:e=>{const{scrollLeft:n,clientWidth:a}=e.target,t=a,o=Math.round(n/t);if(_(o),o<=m){const e=Math.max(o-1,0),n=e+i-1;p(e),b(n)}else if(o>=S){const e=Math.min(o+1,l.length-1),n=e-i+1;b(e),p(n)}}},l.map(((n,l)=>e.createElement("img",{key:n+l,src:n,alt:"gallery item"})))),e.createElement("div",{className:$},d&&e.createElement(n.BsArrowLeftCircle,{className:U,onClick:()=>{const e=document.querySelector(`.${Z}`);e.scrollLeft-=e.clientWidth}}),e.createElement("div",{className:V,style:{transform:`translateX(calc(50% - ${g}px - ${c*i/2}px))`}},l.map(((n,l)=>e.createElement(r,{key:n+l,className:y(l),style:{width:c,height:c}})))),d&&e.createElement(n.BsArrowRightCircle,{className:U,onClick:()=>{const e=document.querySelector(`.${Z}`);e.scrollLeft+=e.clientWidth}})))};

package/dist/cjs/types/components/BubbleMenu/index.d.ts

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

package/dist/cjs/types/components/CalendarDatePicker/index.d.ts

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

package/dist/cjs/types/components/InputBoxWithConfirmation/index.d.ts

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

package/dist/cjs/types/components/IntegerControl/index.d.ts

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

package/dist/cjs/types/components/LabeledInput/index.d.ts

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

package/dist/cjs/types/components/Modal/index.d.ts

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

package/dist/cjs/types/components/Multicalendar/index.d.ts

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

package/dist/cjs/types/components/MultipleJoinedButtonsBar/index.d.ts

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

package/dist/cjs/types/components/ParallelSelectionList/index.d.ts

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

package/dist/cjs/types/components/PopUp/index.d.ts

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

package/dist/cjs/types/components/ProgressBar/index.d.ts

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

package/dist/cjs/types/components/ScreenSteps/index.d.ts

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

package/dist/cjs/types/components/ScrollSnapGallery/index.d.ts

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

package/dist/cjs/types/components/SearchBar/index.d.ts

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

package/dist/cjs/types/components/SideBar/index.d.ts

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

package/dist/cjs/types/components/Slider/index.d.ts

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

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

@@ -0,0 +1,7 @@
+export { default as BubbleMenu } from "./BubbleMenu";
+export { default as CalendarDatePicker } from "./CalendarDatePicker";
+export { default as InputBoxWithConfirmation } from "./InputBoxWithConfirmation";
+export { default as IntegerControl } from "./IntegerControl";
+export { default as LabeledInput } from "./LabeledInput";
+export { default as ScreenSteps } from "./ScreenSteps";
+export { default as ScrollSnapGallery } from "./ScrollSnapGallery";

package/dist/cjs/types/index.d.ts

@@ -0,0 +1 @@
+export * from './components';

package/dist/esm/index.js

@@ -1,19 +1 @@
-import Multicalendar from "./components/Multicalendar/Multicalendar";
-import SideBar from "./components/SideBar/SideBar";
-import SearchBar from "./components/SearchBar/SearchBar";
-import Modal from "./components/Modal/Modal";
-import PopUp from "./components/PopUp/PopUp";
-import ProgressBar from "./components/ProgressBar/ProgressBar";
-import ParallelSelectionList from "./components/ParallelSelectionList/ParallelSelectionList";
-import Slider from "./components/Slider/Slider";
-import MultipleJoinedButtonsBar from "./components/MultipleJoinedButtonsBar/MultipleJoinedButtonsBar";
-import ExportToExcelButton from "./components/ExportToExcelButton/ExportToExcelButton";
-import InputBoxWithConfirmation from "./components/InputBoxWithConfirmation/InputBoxWithConfirmation";
-import CalendarDatePicker from "./components/CalendarDatePicker/CalendarDatePicker";
-import IntegerControl from "./components/IntegerControl/IntegerControl";
-import BubbleMenu from "./components/BubbleMenu/BubbleMenu";
-import LabeledInput from "./components/LabeledInput/LabeledInput";
-import ScreenSteps from "./components/ScreenSteps/ScreenSteps";
-import ScrollSnapGallery from "./components/ScrollSnapGallery/ScrollSnapGallery";
-import { setMulticalendarScrollTopPosition, setMulticalendarScrollLeftPosition, eraseMulticalendarScrollLeftPosition, eraseMulticalendarScrollTopPosition, } from "./Services/MulticalendarStatesAndSettings";
-export { Multicalendar, setMulticalendarScrollTopPosition, setMulticalendarScrollLeftPosition, eraseMulticalendarScrollLeftPosition, eraseMulticalendarScrollTopPosition, SideBar, SearchBar, Modal, PopUp, ProgressBar, ParallelSelectionList, Slider, MultipleJoinedButtonsBar, ExportToExcelButton, CalendarDatePicker, InputBoxWithConfirmation, IntegerControl, BubbleMenu, LabeledInput, ScreenSteps, ScrollSnapGallery };
+import e,{useState as n,Fragment as l,useEffect as a,useRef as t,useReducer as o}from"react";import{BsX as r,BsCheckLg as i,BsPencil as c,BsFillCalendar3WeekFill as d,BsArrowLeftCircle as s,BsArrowRightCircle as u}from"react-icons/bs";import{IoMenu as _}from"react-icons/io5";import{AiFillMinusCircle as m,AiFillPlusCircle as p}from"react-icons/ai";import{GoDotFill as b}from"react-icons/go";function S(e,n){void 0===n&&(n={});var l=n.insertAt;if(e&&"undefined"!=typeof document){var a=document.head||document.getElementsByTagName("head")[0],t=document.createElement("style");t.type="text/css","top"===l&&a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.styleSheet?t.styleSheet.cssText=e:t.appendChild(document.createTextNode(e))}}var g="BubbleMenu-module_menu-container__xrNNC",y="BubbleMenu-module_menu-button__I5R0w";S(".BubbleMenu-module_menu-container__xrNNC {\n  position: fixed;\n  top: 0px;\n  padding-top: 80px;\n  box-sizing: border-box;\n  width: 100vw;\n  height: 100vh;\n  transition: background-color 300ms ease-in-out;\n}\n.BubbleMenu-module_menu-container__xrNNC[data-status=visible] {\n  background-color: rgba(0, 0, 0, 0.3);\n  z-index: 1;\n}\n.BubbleMenu-module_menu-container__xrNNC[data-status=visible] ul li {\n  opacity: 1;\n  transform: translateX(0px);\n}\n.BubbleMenu-module_menu-container__xrNNC[data-status=hidden] {\n  background-color: transparent;\n  z-index: -1;\n}\n.BubbleMenu-module_menu-container__xrNNC[data-status=hidden] ul li {\n  opacity: 0;\n  transform: translateX(-110px);\n}\n.BubbleMenu-module_menu-container__xrNNC ul {\n  list-style: none;\n  padding-inline-start: 5px;\n}\n.BubbleMenu-module_menu-container__xrNNC ul li {\n  transition: all 300ms ease-in-out;\n}\n.BubbleMenu-module_menu-container__xrNNC ul li button {\n  border-width: 3px;\n  border-style: solid;\n  border-color: #959595;\n  box-shadow: 3px 3px 4px 1px rgba(90, 90, 90, 0.3);\n  color: #959595;\n  background-color: rgba(255, 255, 255, 0.9);\n  -webkit-tap-highlight-color: transparent;\n  user-select: none;\n  cursor: pointer;\n  transition: all 100ms ease-in-out;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  width: 100px;\n  height: 100px;\n  margin: 15px 0px;\n  border-radius: 50px;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: normal;\n}\n.BubbleMenu-module_menu-container__xrNNC ul li button svg {\n  min-width: 40px;\n  min-height: 40px;\n}\n.BubbleMenu-module_menu-container__xrNNC ul li button:active {\n  transform: translate(1px, 1px);\n  box-shadow: 1px 1px 2px rgba(90, 90, 90, 0.3);\n}\n\n.BubbleMenu-module_menu-button__I5R0w {\n  position: fixed;\n  z-index: 2;\n  top: 30px;\n  left: 10px;\n  width: 50px;\n  height: 50px;\n  background-color: rgba(255, 255, 255, 0.7);\n  border-radius: 25px;\n  border-width: 3px;\n  border-style: solid;\n  border-color: #959595;\n  box-shadow: 3px 3px 4px 1px rgba(90, 90, 90, 0.3);\n  color: #959595;\n  background-color: rgba(255, 255, 255, 0.9);\n  -webkit-tap-highlight-color: transparent;\n  user-select: none;\n  cursor: pointer;\n  transition: all 100ms ease-in-out;\n}\n.BubbleMenu-module_menu-button__I5R0w svg {\n  position: absolute;\n  top: 2px;\n  left: 0;\n  width: 100%;\n  height: 34px;\n  color: #0d280b;\n}\n.BubbleMenu-module_menu-button__I5R0w svg path {\n  transition: all 0.3s ease-in-out;\n}\n.BubbleMenu-module_menu-button__I5R0w p {\n  position: absolute;\n  top: 30px;\n  left: 0;\n  width: 100%;\n  margin: 0;\n  text-align: center;\n  color: #0d280b;\n  font-size: 10px;\n  font-style: normal;\n  font-weight: 600;\n  line-height: normal;\n}\n.BubbleMenu-module_menu-button__I5R0w:active {\n  transform: translate(1px, 1px);\n  box-shadow: 1px 1px 2px rgba(90, 90, 90, 0.3);\n}");const h={en:{menu:"menu",close:"close"},es:{menu:"menú",close:"cerrar"}},f=({options:a,language:t="en"})=>{const[o,i]=n(!1);return e.createElement(l,null,e.createElement("button",{className:y,onClick:()=>i(!o)},o?e.createElement(r,null):e.createElement(_,null),e.createElement("p",null,o?h[t].close:h[t].menu)),e.createElement("section",{className:g,"data-status":o?"visible":"hidden",onClick:()=>i(!1)},e.createElement("ul",null,a.filter((e=>e.visible)).map(((n,l)=>e.createElement("li",{key:n.text,style:{transitionDelay:100*l+"ms"}},e.createElement("button",{onClick:()=>setTimeout(n.optionCallback,300+100*a.length)},n.icon,n.text)))))))};var C="CalendarDatePicker-module_calendar-date-picker__-G7aY",x="CalendarDatePicker-module_title__gUwdA",v="CalendarDatePicker-module_today-button__YgI7t",w="CalendarDatePicker-module_month-and-year__LHJ8I",k="CalendarDatePicker-module_month-input__sFUHA",D="CalendarDatePicker-module_week-days__j2XJ-";S('@property --angle {\n  sintax: "<angle>";\n  inherits: false;\n  initial-value: 270deg;\n}\n@property --color-default {\n  sintax: "<color>";\n  inherits: false;\n  initial-value: white;\n}\n@property --color-selected {\n  sintax: "<color>";\n  inherits: false;\n  initial-value: #e3f3e3;\n}\n@property --percentage-default {\n  sintax: "<percentage>";\n  inherits: false;\n  initial-value: 100%;\n}\n@property --percentage-selected {\n  sintax: "<percentage>";\n  inherits: false;\n  initial-value: 0%;\n}\n.CalendarDatePicker-module_calendar-date-picker__-G7aY {\n  font-family: Arial, Helvetica, sans-serif;\n  width: 390px;\n  color: #959595;\n  font-weight: 600;\n  font-style: normal;\n  line-height: normal;\n}\n.CalendarDatePicker-module_calendar-date-picker__-G7aY .CalendarDatePicker-module_title__gUwdA {\n  position: relative;\n  display: flex;\n  align-items: center;\n  width: 100%;\n  font-size: 16px;\n}\n.CalendarDatePicker-module_calendar-date-picker__-G7aY .CalendarDatePicker-module_title__gUwdA svg {\n  margin: 0px 5px;\n}\n.CalendarDatePicker-module_calendar-date-picker__-G7aY .CalendarDatePicker-module_today-button__YgI7t {\n  position: absolute;\n  top: 0px;\n  right: 5px;\n  border: solid 2px #787878;\n  border-radius: 6px;\n  padding: 4px 8px;\n  background-color: white;\n  color: #787878;\n  transition: all 0.1s ease-in-out;\n  cursor: pointer;\n}\n.CalendarDatePicker-module_calendar-date-picker__-G7aY .CalendarDatePicker-module_today-button__YgI7t:hover {\n  background-color: #f3f3f3;\n}\n.CalendarDatePicker-module_calendar-date-picker__-G7aY .CalendarDatePicker-module_today-button__YgI7t:active {\n  background-color: #cfcfcf;\n}\n.CalendarDatePicker-module_calendar-date-picker__-G7aY .CalendarDatePicker-module_month-and-year__LHJ8I {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  text-align: center;\n  font-size: 22px;\n  padding: 10px 0px;\n}\n.CalendarDatePicker-module_calendar-date-picker__-G7aY .CalendarDatePicker-module_month-and-year__LHJ8I .CalendarDatePicker-module_month-input__sFUHA {\n  width: fit-content;\n  background-color: transparent;\n  border: transparent;\n  text-align: right;\n  font-size: 18px;\n  color: #959595;\n  cursor: pointer;\n}\n.CalendarDatePicker-module_calendar-date-picker__-G7aY .CalendarDatePicker-module_month-and-year__LHJ8I .CalendarDatePicker-module_month-input__sFUHA:focus {\n  outline: transparent;\n}\n.CalendarDatePicker-module_calendar-date-picker__-G7aY .CalendarDatePicker-module_month-and-year__LHJ8I .CalendarDatePicker-module_month-input__sFUHA option {\n  background-color: white;\n  color: #959595;\n}\n.CalendarDatePicker-module_calendar-date-picker__-G7aY .CalendarDatePicker-module_month-and-year__LHJ8I .CalendarDatePicker-module_month-input__sFUHA option:disabled {\n  color: #cfcfcf;\n}\n.CalendarDatePicker-module_calendar-date-picker__-G7aY .CalendarDatePicker-module_week-days__j2XJ- {\n  display: flex;\n  align-items: center;\n  border-bottom: 1px solid #ebebeb;\n}\n.CalendarDatePicker-module_calendar-date-picker__-G7aY .CalendarDatePicker-module_week-days__j2XJ- p {\n  width: 14.2857142857%;\n  margin: 0px;\n  text-align: center;\n}');var E="InputBoxWithConfirmation-module_div-wrapper__DdQ1-",N="InputBoxWithConfirmation-module_focused__C6kd0",z="InputBoxWithConfirmation-module_input-box-with-confirmation__W4NkN",G="InputBoxWithConfirmation-module_button-for-input-box-with-confirmation__qUi-Y";S(".InputBoxWithConfirmation-module_div-wrapper__DdQ1- {\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border: solid 1px rgb(184, 184, 184);\n  background-color: rgb(250, 250, 250);\n  border-radius: 8px;\n  transition: border 0.3s;\n}\n.InputBoxWithConfirmation-module_div-wrapper__DdQ1-.InputBoxWithConfirmation-module_focused__C6kd0 {\n  border-color: #218dec;\n}\n.InputBoxWithConfirmation-module_div-wrapper__DdQ1- .InputBoxWithConfirmation-module_input-box-with-confirmation__W4NkN {\n  box-sizing: border-box;\n  padding: 10px 2ch;\n  min-width: 10ch;\n  text-align: center;\n  border: none;\n  background-color: transparent;\n  font-size: 16px;\n  font-weight: 600;\n  color: dimgray;\n  transition: all 0.2s;\n}\n.InputBoxWithConfirmation-module_div-wrapper__DdQ1- .InputBoxWithConfirmation-module_input-box-with-confirmation__W4NkN::-webkit-inner-spin-button {\n  display: none;\n}\n.InputBoxWithConfirmation-module_div-wrapper__DdQ1- .InputBoxWithConfirmation-module_input-box-with-confirmation__W4NkN:focus {\n  outline: none;\n}\n.InputBoxWithConfirmation-module_div-wrapper__DdQ1- .InputBoxWithConfirmation-module_button-for-input-box-with-confirmation__qUi-Y {\n  position: absolute;\n  right: 0px;\n  background-color: transparent;\n  color: rgb(158, 158, 158);\n  width: 32px;\n  height: 32px;\n  border-radius: 16px;\n  font-size: 16px;\n  border: none;\n  cursor: pointer;\n  transition: all 0.2s;\n}\n.InputBoxWithConfirmation-module_div-wrapper__DdQ1- .InputBoxWithConfirmation-module_button-for-input-box-with-confirmation__qUi-Y:focus {\n  outline: none;\n}\n.InputBoxWithConfirmation-module_div-wrapper__DdQ1- .InputBoxWithConfirmation-module_button-for-input-box-with-confirmation__qUi-Y:hover {\n  background-color: rgb(241, 241, 241);\n  color: var(--primary-color);\n}");const W=({onConfirmAction:o,inputType:r="text",minimumValue:d="",maximumValue:s="",maxLength:u,placeholder:_="",divWrapperCustomStyle:m,inputBoxCustomStyle:p,defaultValue:b,overrideCurrentValue:S,showConfirmationButton:g,disabled:y})=>{const h=t(null),f=t(null),[C,x]=n(void 0!==b?String(b):""),[v,w]=n(void 0!==b?String(b):""),[k,D]=n(!1),W=()=>{if(!v)return C;if("number"===r){let e=Number(v);return""!==d&&e<Number(d)?e=Number(d):""!==s&&e>Number(s)&&(e=Number(s)),String(e)}return v},I=()=>{w(W()),W()&&(o(W()),x(W()))};return function(e,n,l=[]){a((()=>{function a(a){e.current&&!e.current.contains(a.target)&&l.every((e=>e.current!==a.target))&&n()}return document.addEventListener("mousedown",a),()=>{document.removeEventListener("mousedown",a)}}),[e,n,l])}(f,(()=>{k&&(g?w(C):I(),D(!1))})),a((()=>{void 0!==S?(w(String(S)),x(String(S))):null===S&&(w(""),x(""))}),[S]),e.createElement("div",{ref:f,style:m,className:`${E} ${k?N:""}`},e.createElement("input",{ref:h,disabled:y,className:z,type:r,style:Object.assign({width:`${((null==v?void 0:v.length)?v.length:0)+7}ch`},p),min:d,max:s,maxLength:u,placeholder:_,value:k?v:C,onChange:e=>{let n=e.target.value;u&&n.length>u&&(n=n.slice(0,u)),w(n)},onFocus:e=>{x(e.target.value),w(e.target.value),D(!0)},onKeyDown:e=>{"Enter"===e.key||"Tab"===e.key?(I(),D(!1),h.current&&h.current.blur()):"Escape"===e.key&&(w(C),D(!1),h.current&&h.current.blur())}}),!y&&g&&e.createElement(l,null,k?e.createElement("button",{className:G,onClick:()=>{I(),D(!1)}},e.createElement(i,null)):e.createElement("button",{className:G,onClick:()=>{h.current&&h.current.focus()}},e.createElement(c,null))))};var I={"calendar-scrollable-section":"CalendarScrollableSection-module_calendar-scrollable-section__uzWbW","days-grid":"CalendarScrollableSection-module_days-grid__lN--o","days-row":"CalendarScrollableSection-module_days-row__wqsnT","day-cell":"CalendarScrollableSection-module_day-cell__CvovF",day:"CalendarScrollableSection-module_day__dS5iz",background:"CalendarScrollableSection-module_background__EwVgU","first-half":"CalendarScrollableSection-module_first-half__p9Eie","second-half":"CalendarScrollableSection-module_second-half__fyESG",today:"CalendarScrollableSection-module_today__zqpHy","in-month":"CalendarScrollableSection-module_in-month__vbbx-","not-in-month":"CalendarScrollableSection-module_not-in-month__-3eLq",selected:"CalendarScrollableSection-module_selected__y4L6S","check-in":"CalendarScrollableSection-module_check-in__Nl1mo","check-out":"CalendarScrollableSection-module_check-out__ShFpZ","not-selectable":"CalendarScrollableSection-module_not-selectable__mba-l","out-of-selection":"CalendarScrollableSection-module_out-of-selection__Upoeg","cross-line":"CalendarScrollableSection-module_cross-line__lsB3g",crossed:"CalendarScrollableSection-module_crossed__trZeE"};function O(e){return 0===e.getDay()?6:e.getDay()-1}function Y(e){const n=(l=e,new Date(l.getFullYear(),l.getMonth()+1,0).getDate());var l;const a=e.getFullYear(),t=e.getMonth(),o=n-(7-O(new Date(a,t,1)));return Math.ceil(o/7)+1}function F(e){const n=e=>Number(e)<10?"-0":"-";return e.getFullYear().toString().concat(n(e.getMonth()+1),(e.getMonth()+1).toString().concat(n(e.getDate()),e.getDate().toString()))}function M(e,l){const[o,r]=n(!1),i=t(null);return a((()=>(i.current&&i.current.disconnect(),i.current=new IntersectionObserver((([e])=>{r(e.isIntersecting)}),l),e.current&&i.current.observe(e.current),()=>{i.current&&i.current.disconnect()})),[e,l]),o}S('@property --angle {\n  sintax: "<angle>";\n  inherits: false;\n  initial-value: 270deg;\n}\n@property --color-default {\n  sintax: "<color>";\n  inherits: false;\n  initial-value: white;\n}\n@property --color-selected {\n  sintax: "<color>";\n  inherits: false;\n  initial-value: #e3f3e3;\n}\n@property --percentage-default {\n  sintax: "<percentage>";\n  inherits: false;\n  initial-value: 100%;\n}\n@property --percentage-selected {\n  sintax: "<percentage>";\n  inherits: false;\n  initial-value: 0%;\n}\n.CalendarScrollableSection-module_calendar-scrollable-section__uzWbW {\n  width: 100%;\n  aspect-ratio: 1/1;\n  overflow-y: scroll;\n  -ms-overflow-style: none;\n  scrollbar-width: none;\n  border-bottom: 1px solid #ebebeb;\n}\n.CalendarScrollableSection-module_calendar-scrollable-section__uzWbW::-webkit-scrollbar {\n  display: none;\n}\n.CalendarScrollableSection-module_calendar-scrollable-section__uzWbW .CalendarScrollableSection-module_days-grid__lN--o {\n  width: 100%;\n}\n.CalendarScrollableSection-module_calendar-scrollable-section__uzWbW .CalendarScrollableSection-module_days-grid__lN--o .CalendarScrollableSection-module_days-row__wqsnT {\n  width: 100%;\n  display: flex;\n  align-items: center;\n}\n.CalendarScrollableSection-module_calendar-scrollable-section__uzWbW .CalendarScrollableSection-module_days-grid__lN--o .CalendarScrollableSection-module_days-row__wqsnT .CalendarScrollableSection-module_day-cell__CvovF {\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 14.2857142857%;\n  aspect-ratio: 1/1;\n}\n.CalendarScrollableSection-module_calendar-scrollable-section__uzWbW .CalendarScrollableSection-module_days-grid__lN--o .CalendarScrollableSection-module_days-row__wqsnT .CalendarScrollableSection-module_day-cell__CvovF .CalendarScrollableSection-module_day__dS5iz {\n  position: relative;\n  --angle: 270deg;\n  --color-default: #f3f3f3;\n  --color-selected: #b7d4b6;\n  --percentage-default: 100%;\n  --percentage-selected: 0%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: calc(100% - 8px);\n  height: calc(100% - 8px);\n  margin: 0px;\n  border-radius: 1000px;\n  overflow: hidden;\n  user-select: none;\n  transition: all 0.5s ease-in-out;\n  cursor: pointer;\n}\n.CalendarScrollableSection-module_calendar-scrollable-section__uzWbW .CalendarScrollableSection-module_days-grid__lN--o .CalendarScrollableSection-module_days-row__wqsnT .CalendarScrollableSection-module_day-cell__CvovF .CalendarScrollableSection-module_day__dS5iz p {\n  z-index: 2;\n  margin: 0px;\n}\n.CalendarScrollableSection-module_calendar-scrollable-section__uzWbW .CalendarScrollableSection-module_days-grid__lN--o .CalendarScrollableSection-module_days-row__wqsnT .CalendarScrollableSection-module_day-cell__CvovF .CalendarScrollableSection-module_day__dS5iz .CalendarScrollableSection-module_background__EwVgU {\n  z-index: 1;\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n  transform: rotate(var(--angle));\n  transition: all 0.5s ease-in-out;\n}\n.CalendarScrollableSection-module_calendar-scrollable-section__uzWbW .CalendarScrollableSection-module_days-grid__lN--o .CalendarScrollableSection-module_days-row__wqsnT .CalendarScrollableSection-module_day-cell__CvovF .CalendarScrollableSection-module_day__dS5iz .CalendarScrollableSection-module_background__EwVgU .CalendarScrollableSection-module_first-half__p9Eie {\n  width: var(--percentage-default);\n  height: 100%;\n  background-color: var(--color-default);\n  transition: all 0.3s ease-in-out;\n}\n.CalendarScrollableSection-module_calendar-scrollable-section__uzWbW .CalendarScrollableSection-module_days-grid__lN--o .CalendarScrollableSection-module_days-row__wqsnT .CalendarScrollableSection-module_day-cell__CvovF .CalendarScrollableSection-module_day__dS5iz .CalendarScrollableSection-module_background__EwVgU .CalendarScrollableSection-module_second-half__fyESG {\n  width: var(--percentage-selected);\n  height: 100%;\n  background-color: var(--color-selected);\n  transition: all 0.3s ease-in-out;\n}\n.CalendarScrollableSection-module_calendar-scrollable-section__uzWbW .CalendarScrollableSection-module_days-grid__lN--o .CalendarScrollableSection-module_days-row__wqsnT .CalendarScrollableSection-module_day-cell__CvovF .CalendarScrollableSection-module_day__dS5iz.CalendarScrollableSection-module_today__zqpHy {\n  outline: solid 2px #787878;\n}\n.CalendarScrollableSection-module_calendar-scrollable-section__uzWbW .CalendarScrollableSection-module_days-grid__lN--o .CalendarScrollableSection-module_days-row__wqsnT .CalendarScrollableSection-module_day-cell__CvovF .CalendarScrollableSection-module_day__dS5iz.CalendarScrollableSection-module_in-month__vbbx- {\n  color: var(--medium-gray, #787878);\n}\n.CalendarScrollableSection-module_calendar-scrollable-section__uzWbW .CalendarScrollableSection-module_days-grid__lN--o .CalendarScrollableSection-module_days-row__wqsnT .CalendarScrollableSection-module_day-cell__CvovF .CalendarScrollableSection-module_day__dS5iz.CalendarScrollableSection-module_not-in-month__-3eLq {\n  opacity: 0.35;\n}\n.CalendarScrollableSection-module_calendar-scrollable-section__uzWbW .CalendarScrollableSection-module_days-grid__lN--o .CalendarScrollableSection-module_days-row__wqsnT .CalendarScrollableSection-module_day-cell__CvovF .CalendarScrollableSection-module_day__dS5iz.CalendarScrollableSection-module_selected__y4L6S {\n  --percentage-default: 0%;\n  --percentage-selected: 100%;\n}\n.CalendarScrollableSection-module_calendar-scrollable-section__uzWbW .CalendarScrollableSection-module_days-grid__lN--o .CalendarScrollableSection-module_days-row__wqsnT .CalendarScrollableSection-module_day-cell__CvovF .CalendarScrollableSection-module_day__dS5iz.CalendarScrollableSection-module_check-in__Nl1mo {\n  --angle: 405deg;\n  --color-default: #f3f3f3;\n  --percentage-default: 50%;\n  --percentage-selected: 50%;\n}\n.CalendarScrollableSection-module_calendar-scrollable-section__uzWbW .CalendarScrollableSection-module_days-grid__lN--o .CalendarScrollableSection-module_days-row__wqsnT .CalendarScrollableSection-module_day-cell__CvovF .CalendarScrollableSection-module_day__dS5iz.CalendarScrollableSection-module_check-out__ShFpZ {\n  --angle: 225deg;\n  --color-default: #f3f3f3;\n  --percentage-default: 50%;\n  --percentage-selected: 50%;\n}\n.CalendarScrollableSection-module_calendar-scrollable-section__uzWbW .CalendarScrollableSection-module_days-grid__lN--o .CalendarScrollableSection-module_days-row__wqsnT .CalendarScrollableSection-module_day-cell__CvovF .CalendarScrollableSection-module_day__dS5iz.CalendarScrollableSection-module_not-selectable__mba-l {\n  cursor: not-allowed;\n}\n.CalendarScrollableSection-module_calendar-scrollable-section__uzWbW .CalendarScrollableSection-module_days-grid__lN--o .CalendarScrollableSection-module_days-row__wqsnT .CalendarScrollableSection-module_day-cell__CvovF .CalendarScrollableSection-module_day__dS5iz.CalendarScrollableSection-module_out-of-selection__Upoeg {\n  opacity: 0.1;\n  cursor: not-allowed;\n}\n.CalendarScrollableSection-module_calendar-scrollable-section__uzWbW .CalendarScrollableSection-module_days-grid__lN--o .CalendarScrollableSection-module_days-row__wqsnT .CalendarScrollableSection-module_day-cell__CvovF .CalendarScrollableSection-module_cross-line__lsB3g {\n  z-index: 2;\n  position: absolute;\n  width: 120%;\n  height: 3px;\n  background-color: #bbb;\n  transform: rotate(-45deg);\n  display: none;\n}\n.CalendarScrollableSection-module_calendar-scrollable-section__uzWbW .CalendarScrollableSection-module_days-grid__lN--o .CalendarScrollableSection-module_days-row__wqsnT .CalendarScrollableSection-module_day-cell__CvovF.CalendarScrollableSection-module_crossed__trZeE .CalendarScrollableSection-module_cross-line__lsB3g {\n  display: block;\n}');const j=(e,n)=>{const l=(n,l)=>{const a=new Date(n,l,1),t=new Date(e.minimumDate.getFullYear(),e.minimumDate.getMonth(),1),o=new Date(e.maximumDate.getFullYear(),e.maximumDate.getMonth()+1,0),r=a.valueOf()<t.valueOf(),i=a.valueOf()>o.valueOf();return!r&&!i},a={setMonth:()=>l(e.year,n.value)?Object.assign(Object.assign({},e),{month:n.value}):Object.assign({},e),setYear:()=>l(n.value,e.month)?Object.assign(Object.assign({},e),{year:n.value}):Object.assign({},e),setMinimumDate:()=>Object.assign(Object.assign({},e),{minimumDate:new Date(n.value)}),setMaximumdate:()=>Object.assign(Object.assign({},e),{maximumDate:new Date(n.value)}),changeByMonthOffset:()=>{const a=new Date(e.year,e.month+n.value,1);return l(e.year,e.month+n.value)?Object.assign(Object.assign({},e),{year:a.getFullYear(),month:a.getMonth()}):Object.assign({},e)}}[n.type]();return a||Object.assign({},e)},B=({dates:n,month:l,year:r,mode:i,onSelectedDatesChange:c,onFocusedMonth:d,customDates:s=[],minimumDate:u=new Date(1970,0,1),maximumDate:_=new Date((new Date).getFullYear()+100,1,1)})=>{const[m,p]=o(j,{month:l,year:r,minimumDate:u,maximumDate:_}),b=t(null),S=t(null),g=t(null),y=t(null),h=t(null),f=M(S,{rootMargin:"0px",threshold:1}),C=M(g,{rootMargin:"0px",threshold:1}),x=M(y,{rootMargin:"0px",threshold:1}),v=M(h,{rootMargin:"0px",threshold:1}),w=e=>!s.some((n=>n.dates.some((n=>n.valueOf()===e.valueOf()))&&!n.selectable)),k=e=>{let n=I["day-cell"];return s.some((n=>n.dates.some((n=>n.valueOf()===e.valueOf()))&&n.crossed))&&(n+=` ${I.crossed}`),n},D=e=>{let l=I.day;F(e)===F(new Date)&&(l+=` ${I.today}`),e.getMonth()===m.month?l+=` ${I["in-month"]}`:l+=` ${I["not-in-month"]}`;const a=n.some((n=>n.valueOf()===e.valueOf())),t=("range"===i||"booking"===i)&&2===n.length&&n[0].valueOf()<e.valueOf()&&e.valueOf()<n[1].valueOf();if((a||t)&&(l+=` ${I.selected}`),"booking"===i){2===n.length&&e.valueOf()===n[0].valueOf()&&(l+=` ${I["check-in"]}`);2===n.length&&e.valueOf()===n[1].valueOf()&&(l+=` ${I["check-out"]}`)}w(e)?l+=` ${I.selectable}`:l+=` ${I["not-selectable"]}`;return(e.valueOf()<u.valueOf()||e.valueOf()>_.valueOf())&&(l+=` ${I["out-of-selection"]}`),l},E=e=>{const n=s.find((n=>n.dates.some((n=>n.valueOf()===e.valueOf()))));return n?{backgroundColor:n.color}:void 0};return a((()=>{b.current&&(b.current.scrollTop=416)}),[]),a((()=>{d(m.month,m.year)}),[m.year,m.month,d]),a((()=>{(C||f)&&p({type:"changeByMonthOffset",value:-1})}),[f,C]),a((()=>{(x||v)&&p({type:"changeByMonthOffset",value:1})}),[x,v]),e.createElement("section",{ref:b,className:I["calendar-scrollable-section"]},Array(5).fill(0).map(((l,a)=>{const t=a-2,o=new Date(m.year,m.month+t,1),r=0===new Date(m.year,m.month+t+1,0).getDay();let d=Y(o);r||(d-=1);const p=O(o);return e.createElement("div",{ref:[S,g,null,y,h][a],className:I["days-grid"],key:`grid:${F(o)}}`},Array(d).fill(0).map(((l,a)=>e.createElement("div",{className:I["days-row"],key:`grid:${F(o)}-row:${a}`},Array(7).fill(0).map(((l,o)=>{const r=m.month+t,d=7*a+o+1-p,b=new Date(m.year,r,d);return e.createElement("div",{className:k(b),key:F(b),onClick:()=>(e=>{if(s.forEach((n=>{n.dates.some((n=>n.valueOf()===e.valueOf()))&&n.clickSideEffect&&n.clickSideEffect(e)})),!w(e))return;if(e.valueOf()<u.valueOf()||e.valueOf()>_.valueOf())return;let l=[...n];"single"===i&&(l=[e]),"multiple"===i&&(l=n.some((n=>n.valueOf()===e.valueOf()))?n.filter((n=>n.valueOf()!==e.valueOf())):[...n,e]),"range"===i&&(l=0===n.length?[e]:1===n.length?n[0].valueOf()<e.valueOf()?[...n,e]:[e,n[0]]:[]),"booking"===i&&(l=0===n.length?[e]:n[0].valueOf()===e.valueOf()?[]:1===n.length?n[0].valueOf()<e.valueOf()?[...n,e]:[e,n[0]]:[]),c(l)})(b)},e.createElement("div",{className:I["cross-line"]}),e.createElement("div",{className:D(b)},e.createElement("div",{className:I.background},e.createElement("div",{className:I["first-half"],style:E(b)}),e.createElement("div",{className:I["second-half"],style:E(b)})),e.createElement("p",null,b.getDate())))}))))))})))},T={en:{january:"january",february:"february",march:"march",april:"april",may:"may",june:"june",july:"july",august:"august",september:"september",october:"october",november:"november",december:"december",monday:"monday",tuesday:"tuesday",wednesday:"wednesday",thursday:"thursday",friday:"friday",saturday:"saturday",sunday:"sunday",today:"today"},es:{january:"enero",february:"febrero",march:"marzo",april:"abril",may:"mayo",june:"junio",july:"julio",august:"agosto",september:"septiembre",october:"octubre",november:"noviembre",december:"diciembre",monday:"lunes",tuesday:"martes",wednesday:"miércoles",thursday:"jueves",friday:"viernes",saturday:"sábado",sunday:"domingo",today:"hoy"}},A=(e,n)=>{switch(e){case 0:return T[n].january;case 1:return T[n].february;case 2:return T[n].march;case 3:return T[n].april;case 4:return T[n].may;case 5:return T[n].june;case 6:return T[n].july;case 7:return T[n].august;case 8:return T[n].september;case 9:return T[n].october;case 10:return T[n].november;case 11:return T[n].december;default:return""}},L=({mode:l,onSelectedDatesChange:a=(()=>{}),language:t="en",customDates:o=[],title:r,minimumDate:i=new Date(1970,0,1),maximumDate:c=new Date((new Date).getFullYear()+100,1,1),customStyle:s})=>{const[u,_]=n([]),[m,p]=n((new Date).getFullYear()),[b,S]=n((new Date).getMonth()),[g,y]=n(Math.random()),h=e=>{const n=new Date(i.getFullYear(),i.getMonth(),1),l=new Date(c.getFullYear(),c.getMonth()+1,0),a=e.valueOf()>=n.valueOf(),t=e.valueOf()<=l.valueOf();return a&&t};return e.createElement("div",{className:C,style:s},e.createElement("section",{className:x},e.createElement(d,null),r,e.createElement("button",{className:v,onClick:()=>{const e=new Date;h(e)&&(S(e.getMonth()),p(e.getFullYear()),y(Math.random()))}},T[t].today.slice(0,1).toUpperCase()+T[t].today.slice(1))),e.createElement("section",{className:w},e.createElement("select",{style:{fontFamily:null==s?void 0:s.fontFamily},className:k,value:b,onChange:e=>{const n=Number(e.target.value);S(n),y(Math.random())}},Array(12).fill(0).map(((n,l)=>{const a=new Date(m,l,1),o=!h(a);return e.createElement("option",{key:A(l,t),value:l,disabled:o},A(l,t))}))),e.createElement(W,{inputType:"number",divWrapperCustomStyle:{width:"4ch",border:"none",backgroundColor:"transparent",fontFamily:null==s?void 0:s.fontFamily},inputBoxCustomStyle:{padding:0,fontFamily:null==s?void 0:s.fontFamily},maxLength:4,defaultValue:m.toString(),overrideCurrentValue:m.toString(),minimumValue:i.getFullYear().toString(),maximumValue:c.getFullYear().toString(),onConfirmAction:e=>{let n=Number(e);const l=new Date(n,b,1);h(l)?(p(n),y(Math.random())):l.valueOf()<i.valueOf()?(p(i.getFullYear()),S(i.getMonth()),y(Math.random())):l.valueOf()>c.valueOf()&&(p(c.getFullYear()),S(c.getMonth()),y(Math.random()))}})),e.createElement("section",{className:D},e.createElement("p",null,T[t].monday.slice(0,1).toUpperCase()),e.createElement("p",null,T[t].tuesday.slice(0,1).toUpperCase()),e.createElement("p",null,T[t].wednesday.slice(0,1).toUpperCase()),e.createElement("p",null,T[t].thursday.slice(0,1).toUpperCase()),e.createElement("p",null,T[t].friday.slice(0,1).toUpperCase()),e.createElement("p",null,T[t].saturday.slice(0,1).toUpperCase()),e.createElement("p",null,T[t].sunday.slice(0,1).toUpperCase())),e.createElement(B,{key:g,dates:u,year:m,month:b,mode:l,onSelectedDatesChange:e=>{a(e),_(e)},onFocusedMonth:(e,n)=>{S(e),p(n)},customDates:o,minimumDate:i,maximumDate:c}))};var P="IntegerControl-module_integer-control__-tzTl",q="IntegerControl-module_default__FJoED";S(".IntegerControl-module_integer-control__-tzTl {\n  display: flex;\n  align-items: center;\n}\n.IntegerControl-module_integer-control__-tzTl button {\n  border: none;\n  background: none;\n  padding: 0;\n  margin: 0;\n}\n.IntegerControl-module_integer-control__-tzTl button svg {\n  height: 44px;\n  width: 44px;\n  fill: #c9c9c9;\n  transition: fill 100ms ease-in-out;\n  cursor: pointer;\n}\n.IntegerControl-module_integer-control__-tzTl button svg:active {\n  fill: #787878;\n}\n.IntegerControl-module_integer-control__-tzTl input {\n  border: none;\n  background: none;\n  padding: 0;\n  color: #414141;\n  text-align: center;\n  font-family: Arial, Helvetica, sans-serif;\n  font-size: 32px;\n  font-style: normal;\n  font-weight: 600;\n  line-height: normal;\n  min-width: 84px;\n  transition: color 300ms ease-in-out;\n}\n.IntegerControl-module_integer-control__-tzTl input::-webkit-inner-spin-button {\n  -webkit-appearance: none;\n  margin: 0;\n}\n.IntegerControl-module_integer-control__-tzTl input:focus {\n  outline: transparent;\n}\n.IntegerControl-module_integer-control__-tzTl.IntegerControl-module_default__FJoED input {\n  color: #787878;\n}");const Z=({onChange:l=(()=>{}),defaultValue:a=0,minimumValue:t,maximumValue:o,customStyle:r})=>{const[i,c]=n(a);return e.createElement("div",{className:`${P} ${i===a?q:""}`,style:r},e.createElement("button",{onClick:()=>{c(i-1),l(i-1)}},e.createElement(m,null)),e.createElement("input",{onChange:e=>{const n=Number(e.target.value);c(n),l(n)},value:i,type:"number",defaultValue:String(a),min:String(t),max:String(o),style:{width:i.toString().length+1+"ch"}}),e.createElement("button",{onClick:()=>{c(i+1),l(i+1)}},e.createElement(p,null)))};var $="LabeledInput-module_labeled-input__xzE4h",U="LabeledInput-module_focused__id3UI",R="LabeledInput-module_error__8RLxl",V="LabeledInput-module_error-message__5-9lv";S(".LabeledInput-module_labeled-input__xzE4h {\n  position: relative;\n  border-radius: 8px;\n  border: 2px solid #959595;\n  padding: 0px 28px;\n  background: #fff;\n  box-sizing: border-box;\n  transition: all 200ms ease-in-out;\n  cursor: pointer;\n}\n.LabeledInput-module_labeled-input__xzE4h label {\n  z-index: 1;\n  position: absolute;\n  color: #959595;\n  font-family: Arial, Helvetica, sans-serif;\n  font-size: 20px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: normal;\n  top: calc(50% - 10px);\n  left: 28px;\n  padding: 0;\n  transition: all 200ms ease-in-out;\n  user-select: none;\n}\n.LabeledInput-module_labeled-input__xzE4h label.LabeledInput-module_focused__id3UI {\n  top: 2px;\n  left: 10px;\n  font-weight: 600;\n  font-size: 12px;\n  padding: 0px 5px;\n}\n.LabeledInput-module_labeled-input__xzE4h input {\n  z-index: 2;\n  position: absolute;\n  top: calc(50% - 12px);\n  height: 24px;\n  width: calc(100% - 56px);\n  border: none;\n  outline: transparent;\n  background: transparent;\n  font-family: Arial, Helvetica, sans-serif;\n  font-size: 20px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: normal;\n  color: #959595;\n  padding: 0;\n  cursor: pointer;\n}\n.LabeledInput-module_labeled-input__xzE4h input:focus {\n  outline: transparent;\n  cursor: text;\n}\n.LabeledInput-module_labeled-input__xzE4h.LabeledInput-module_error__8RLxl {\n  border-color: #f34d1b;\n}\n.LabeledInput-module_labeled-input__xzE4h.LabeledInput-module_error__8RLxl label {\n  color: #e17959;\n}\n.LabeledInput-module_labeled-input__xzE4h .LabeledInput-module_error-message__5-9lv {\n  position: absolute;\n  margin: 0;\n  top: calc(100% + 5px);\n  left: 5px;\n  color: #f34d1b;\n  font-family: Arial, Helvetica, sans-serif;\n  font-size: 12px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: normal;\n  padding: 0;\n  transition: all 200ms ease-in-out;\n}");const H=({label:l,defaultValue:a,onChange:o=(()=>{}),width:r="328px",height:i="66px",backgroundColor:c="white",textAlign:d="left",highlightError:s=!1,errorMessage:u,inputProps:_})=>{const m=t(null),[p,b]=n(!!a);return e.createElement("div",{className:$+(s?` ${R}`:""),onClick:()=>{m.current&&m.current.focus()},style:{width:r,height:i,backgroundColor:c}},e.createElement("label",{className:p?U:""},l),e.createElement("input",Object.assign({ref:m},_,{onFocus:()=>b(!0),onBlur:e=>{e.target.value||b(!1)},defaultValue:a,onChange:e=>o(e.target.value),style:{textAlign:d}})),s&&u&&e.createElement("p",{className:V},u))};var X="ScreenSteps-module_screen-steps__AX-nZ",J="ScreenSteps-module_steps__AuZhk",Q="ScreenSteps-module_step__2kFuY",K="ScreenSteps-module_completed__WcgIV",ee="ScreenSteps-module_current__WatnQ",ne="ScreenSteps-module_outer-text__akI1y",le="ScreenSteps-module_frame__3J2mc",ae="ScreenSteps-module_steps-content__-Yj-E",te="ScreenSteps-module_step-component__Lu3G5";S(".ScreenSteps-module_screen-steps__AX-nZ {\n  width: 100%;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: center;\n}\n.ScreenSteps-module_screen-steps__AX-nZ .ScreenSteps-module_steps__AuZhk {\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.ScreenSteps-module_screen-steps__AX-nZ .ScreenSteps-module_steps__AuZhk .ScreenSteps-module_step__2kFuY {\n  width: 62px;\n  height: 62px;\n  border-radius: 31px;\n  background-color: #959595;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  opacity: 0.2;\n  color: #000000;\n  text-align: center;\n  font-family: Arial, Helvetica, sans-serif;\n  font-size: 15px;\n  font-style: normal;\n  font-weight: 600;\n  line-height: normal;\n  cursor: pointer;\n  transition: all 300ms ease-in-out;\n}\n.ScreenSteps-module_screen-steps__AX-nZ .ScreenSteps-module_steps__AuZhk .ScreenSteps-module_step__2kFuY.ScreenSteps-module_completed__WcgIV {\n  opacity: 0.4;\n  background-color: #705a00;\n  color: #000000;\n}\n.ScreenSteps-module_screen-steps__AX-nZ .ScreenSteps-module_steps__AuZhk .ScreenSteps-module_step__2kFuY.ScreenSteps-module_current__WatnQ {\n  opacity: 0.4;\n  background-color: #705a00;\n  color: #000000;\n}\n.ScreenSteps-module_screen-steps__AX-nZ .ScreenSteps-module_outer-text__akI1y {\n  color: #787878;\n  text-align: center;\n  font-family: Arial, Helvetica, sans-serif;\n  font-size: 20px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: normal;\n  margin: 0;\n}\n.ScreenSteps-module_screen-steps__AX-nZ .ScreenSteps-module_frame__3J2mc {\n  height: calc(100% - 82px);\n  width: 100%;\n  overflow: hidden;\n}\n.ScreenSteps-module_screen-steps__AX-nZ .ScreenSteps-module_frame__3J2mc .ScreenSteps-module_steps-content__-Yj-E {\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  transition: all 300ms ease-in-out;\n}\n.ScreenSteps-module_screen-steps__AX-nZ .ScreenSteps-module_frame__3J2mc .ScreenSteps-module_steps-content__-Yj-E .ScreenSteps-module_step-component__Lu3G5 {\n  height: 100%;\n}");const oe=({steps:l,defaultStep:t=0,onStepChange:o=(()=>{}),overrideStep:r})=>{const[i,c]=n(t),d=e=>{let n=Q;e<i&&(n+=` ${K}`);return e===i&&(n+=` ${ee}`),n};return a((()=>{void 0!==r&&r<l.length&&r>=0&&c(r)}),[r]),e.createElement("section",{className:X},e.createElement("nav",{className:J},l.map(((n,l)=>e.createElement("div",{key:n.innerText,className:d(l),onClick:()=>{c(l),o(l)}},n.innerText)))),e.createElement("p",{className:ne},l[i].outterText),e.createElement("div",{className:le},e.createElement("div",{className:ae,style:(()=>{const e=100/l.length;return{width:100*l.length+"%",transform:`translateX(-${e*i}%)`}})()},l.map((n=>e.createElement("div",{key:n.innerText,className:te,style:{width:100/l.length+"%"}},n.component))))))};var re="ScrollSnapGallery-module_scroll-snap-gallery__CR-GS",ie="ScrollSnapGallery-module_frame__267TC",ce="ScrollSnapGallery-module_arrow-controls__yw2Zl",de="ScrollSnapGallery-module_arrow__1ueyq",se="ScrollSnapGallery-module_position-indicator__3Y7Mh",ue="ScrollSnapGallery-module_indicator-icon__YrYF2",_e="ScrollSnapGallery-module_current__ckZrA",me="ScrollSnapGallery-module_medium-shrunken__DuED2",pe="ScrollSnapGallery-module_full-shrunken__VSbF7",be="ScrollSnapGallery-module_hidden__c0w-O";S(".ScrollSnapGallery-module_scroll-snap-gallery__CR-GS {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n.ScrollSnapGallery-module_scroll-snap-gallery__CR-GS .ScrollSnapGallery-module_frame__267TC {\n  display: flex;\n  align-items: center;\n  scroll-snap-type: x mandatory;\n  scroll-snap-stop: always;\n  scroll-behavior: smooth;\n  overflow-x: auto;\n  overflow-y: hidden;\n  -webkit-overflow-scrolling: touch;\n  -ms-overflow-style: none;\n  scrollbar-width: none;\n  user-select: none;\n}\n.ScrollSnapGallery-module_scroll-snap-gallery__CR-GS .ScrollSnapGallery-module_frame__267TC::-webkit-scrollbar {\n  display: none;\n}\n.ScrollSnapGallery-module_scroll-snap-gallery__CR-GS .ScrollSnapGallery-module_frame__267TC img {\n  scroll-snap-align: center;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n.ScrollSnapGallery-module_scroll-snap-gallery__CR-GS .ScrollSnapGallery-module_arrow-controls__yw2Zl {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin-top: 10px;\n}\n.ScrollSnapGallery-module_scroll-snap-gallery__CR-GS .ScrollSnapGallery-module_arrow-controls__yw2Zl .ScrollSnapGallery-module_arrow__1ueyq {\n  width: 24px;\n  height: 24px;\n  fill: #959595;\n  transition: all 100ms ease-in-out;\n  z-index: 2;\n  cursor: pointer;\n}\n.ScrollSnapGallery-module_scroll-snap-gallery__CR-GS .ScrollSnapGallery-module_arrow-controls__yw2Zl .ScrollSnapGallery-module_arrow__1ueyq:active {\n  fill: #0d280b;\n}\n.ScrollSnapGallery-module_scroll-snap-gallery__CR-GS .ScrollSnapGallery-module_arrow-controls__yw2Zl .ScrollSnapGallery-module_position-indicator__3Y7Mh {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  transition: all 0.3s ease-in-out;\n}\n.ScrollSnapGallery-module_scroll-snap-gallery__CR-GS .ScrollSnapGallery-module_arrow-controls__yw2Zl .ScrollSnapGallery-module_position-indicator__3Y7Mh .ScrollSnapGallery-module_indicator-icon__YrYF2 {\n  fill: #959595;\n  transition: all 0.3s ease-in-out;\n}\n.ScrollSnapGallery-module_scroll-snap-gallery__CR-GS .ScrollSnapGallery-module_arrow-controls__yw2Zl .ScrollSnapGallery-module_position-indicator__3Y7Mh .ScrollSnapGallery-module_indicator-icon__YrYF2.ScrollSnapGallery-module_current__ckZrA {\n  fill: #0d280b;\n}\n.ScrollSnapGallery-module_scroll-snap-gallery__CR-GS .ScrollSnapGallery-module_arrow-controls__yw2Zl .ScrollSnapGallery-module_position-indicator__3Y7Mh .ScrollSnapGallery-module_indicator-icon__YrYF2.ScrollSnapGallery-module_medium-shrunken__DuED2 {\n  transform: scale(0.75);\n}\n.ScrollSnapGallery-module_scroll-snap-gallery__CR-GS .ScrollSnapGallery-module_arrow-controls__yw2Zl .ScrollSnapGallery-module_position-indicator__3Y7Mh .ScrollSnapGallery-module_indicator-icon__YrYF2.ScrollSnapGallery-module_full-shrunken__VSbF7 {\n  transform: scale(0.5);\n}\n.ScrollSnapGallery-module_scroll-snap-gallery__CR-GS .ScrollSnapGallery-module_arrow-controls__yw2Zl .ScrollSnapGallery-module_position-indicator__3Y7Mh .ScrollSnapGallery-module_indicator-icon__YrYF2.ScrollSnapGallery-module_hidden__c0w-O {\n  transform: scale(0);\n}");const Se=({urls:l=[],width:t="400px",height:o="300px",IndicatorIcon:r=b,positionIndicatorSize:i=Math.min(l.length,6),iconSize:c=16,showArrows:d=!1,frameStyle:_={}})=>{const[m,p]=n(0),[S,g]=n(0),[y,h]=n(i-1),[f,C]=n(0),x=e=>{let n=ue;m===e&&(n+=` ${_e}`);const a=0!==S&&e===S,t=y!==l.length-1&&e===y;(a||t)&&(n+=` ${pe}`);const o=0!==S&&e===S+1,r=y!==l.length-1&&e===y-1;return(o||r)&&(n+=` ${me}`),(e<S||e>y)&&(n+=` ${be}`),n};return a((()=>{C(S*c)}),[S]),e.createElement("section",{className:re},e.createElement("div",{className:ie,style:Object.assign(Object.assign({},_),{width:t,height:o}),onScroll:e=>{const{scrollLeft:n,clientWidth:a}=e.target,t=a,o=Math.round(n/t);if(p(o),o<=S){const e=Math.max(o-1,0),n=e+i-1;g(e),h(n)}else if(o>=y){const e=Math.min(o+1,l.length-1),n=e-i+1;h(e),g(n)}}},l.map(((n,l)=>e.createElement("img",{key:n+l,src:n,alt:"gallery item"})))),e.createElement("div",{className:ce},d&&e.createElement(s,{className:de,onClick:()=>{const e=document.querySelector(`.${ie}`);e.scrollLeft-=e.clientWidth}}),e.createElement("div",{className:se,style:{transform:`translateX(calc(50% - ${f}px - ${c*i/2}px))`}},l.map(((n,l)=>e.createElement(r,{key:n+l,className:x(l),style:{width:c,height:c}})))),d&&e.createElement(u,{className:de,onClick:()=>{const e=document.querySelector(`.${ie}`);e.scrollLeft+=e.clientWidth}})))};export{f as BubbleMenu,L as CalendarDatePicker,W as InputBoxWithConfirmation,Z as IntegerControl,H as LabeledInput,oe as ScreenSteps,Se as ScrollSnapGallery};

package/dist/esm/types/components/BubbleMenu/index.d.ts

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

package/dist/esm/types/components/CalendarDatePicker/index.d.ts

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

package/dist/esm/types/components/InputBoxWithConfirmation/index.d.ts

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

package/dist/esm/types/components/IntegerControl/index.d.ts

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

package/dist/esm/types/components/LabeledInput/index.d.ts

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

package/dist/esm/types/components/Modal/index.d.ts

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

package/dist/esm/types/components/Multicalendar/index.d.ts

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

package/dist/esm/types/components/MultipleJoinedButtonsBar/index.d.ts

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

package/dist/esm/types/components/ParallelSelectionList/index.d.ts

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

package/dist/esm/types/components/PopUp/index.d.ts

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

package/dist/esm/types/components/ProgressBar/index.d.ts

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

package/dist/esm/types/components/ScreenSteps/index.d.ts

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

package/dist/esm/types/components/ScrollSnapGallery/index.d.ts

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

package/dist/esm/types/components/SearchBar/index.d.ts

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

package/dist/esm/types/components/SideBar/index.d.ts

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

package/dist/esm/types/components/Slider/index.d.ts

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

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

@@ -0,0 +1,7 @@
+export { default as BubbleMenu } from "./BubbleMenu";
+export { default as CalendarDatePicker } from "./CalendarDatePicker";
+export { default as InputBoxWithConfirmation } from "./InputBoxWithConfirmation";
+export { default as IntegerControl } from "./IntegerControl";
+export { default as LabeledInput } from "./LabeledInput";
+export { default as ScreenSteps } from "./ScreenSteps";
+export { default as ScrollSnapGallery } from "./ScrollSnapGallery";

package/dist/esm/types/index.d.ts

@@ -0,0 +1 @@
+export * from './components';

package/dist/index.d.ts

@@ -0,0 +1,97 @@
+import React from 'react';
+import { IconType } from 'react-icons/lib';
+
+type BubbleMenuProps = {
+    options: {
+        icon: JSX.Element;
+        text: string;
+        visible: boolean;
+        optionCallback: () => void;
+    }[];
+    language?: "en" | "es";
+};
+declare const BubbleMenu: ({ options, language }: BubbleMenuProps) => React.JSX.Element;
+
+type CalendarDatePickerProps = {
+    mode: "single" | "multiple" | "range" | "booking";
+    onSelectedDatesChange: (dates: Date[]) => void;
+    language?: "es" | "en";
+    customDates?: {
+        color: string;
+        dates: Date[];
+        selectable: boolean;
+        crossed?: boolean;
+        clickSideEffect?: (date: Date) => void;
+    }[];
+    title?: string;
+    minimumDate?: Date;
+    maximumDate?: Date;
+    customStyle?: React.CSSProperties;
+};
+declare const CalendarDatePicker: ({ mode, onSelectedDatesChange, language, customDates, title, minimumDate, maximumDate, customStyle, }: CalendarDatePickerProps) => React.JSX.Element;
+
+type InputBoxWithConfirmationPropsType = {
+    onConfirmAction: (inputCurrentValue: string) => void;
+    inputType?: "text" | "number";
+    minimumValue?: HTMLInputElement["min"];
+    maximumValue?: HTMLInputElement["max"];
+    maxLength?: HTMLInputElement["maxLength"];
+    placeholder?: HTMLInputElement["placeholder"];
+    divWrapperCustomStyle?: React.CSSProperties;
+    inputBoxCustomStyle?: React.CSSProperties;
+    defaultValue?: string | number;
+    overrideCurrentValue?: string | number | null;
+    showConfirmationButton?: boolean;
+    disabled?: boolean;
+};
+declare const InputBoxWithConfirmation: ({ onConfirmAction, inputType, minimumValue, maximumValue, maxLength, placeholder, divWrapperCustomStyle, inputBoxCustomStyle, defaultValue, overrideCurrentValue, showConfirmationButton, disabled, }: InputBoxWithConfirmationPropsType) => React.JSX.Element;
+
+type IntegerControlProps = {
+    onChange: (value: number) => void;
+    defaultValue?: number;
+    minimumValue?: number;
+    maximumValue?: number;
+    customStyle?: React.CSSProperties;
+};
+declare const IntegerControl: ({ onChange, defaultValue, minimumValue, maximumValue, customStyle, }: IntegerControlProps) => React.JSX.Element;
+
+type LabeledInputProps = {
+    label: string;
+    defaultValue?: string;
+    onChange?: (value: string) => void;
+    width?: string;
+    height?: string;
+    backgroundColor?: string;
+    textAlign?: "left" | "center" | "right";
+    highlightError?: boolean;
+    errorMessage?: string;
+    inputProps?: React.ComponentProps<"input">;
+};
+declare const LabeledInput: ({ label, defaultValue, onChange, width, height, backgroundColor, textAlign, highlightError, errorMessage, inputProps, }: LabeledInputProps) => React.JSX.Element;
+
+type Step = {
+    component: React.ReactNode;
+    innerText: string;
+    outterText?: string;
+};
+type ScreenStepsProps = {
+    steps: Step[];
+    defaultStep?: number;
+    onStepChange?: (step: number) => void;
+    overrideStep?: number;
+};
+declare const ScreenSteps: ({ steps, defaultStep, onStepChange, overrideStep, }: ScreenStepsProps) => React.JSX.Element;
+
+type ScrollSnapGalleryProps = {
+    urls: string[];
+    width?: string;
+    height?: string;
+    IndicatorIcon?: IconType;
+    positionIndicatorSize?: number;
+    iconSize?: number;
+    showArrows?: boolean;
+    frameStyle?: React.CSSProperties;
+};
+declare const ScrollSnapGallery: ({ urls, width, height, IndicatorIcon, positionIndicatorSize, iconSize, showArrows, frameStyle, }: ScrollSnapGalleryProps) => React.JSX.Element;
+
+export { BubbleMenu, CalendarDatePicker, InputBoxWithConfirmation, IntegerControl, LabeledInput, ScreenSteps, ScrollSnapGallery };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "josenanodev-react-components-library",
-  "version": "1.0.4",
+  "version": "1.0.5",
   "author": {
     "name": "Jose Carlos Cardenas Martinez"
   },
@@ -9,9 +9,9 @@
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "files": [
-    "dist",
-    "README.md"
+    "dist"
   ],
+  "types": "dist/index.d.ts",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/Josenanodev/josenanodev-react-components-library.git"
@@ -20,6 +20,10 @@
     "@babel/core": "^7.22.9",
     "@babel/preset-typescript": "^7.22.5",
     "@babel/runtime": "^7.22.6",
+    "@rollup/plugin-commonjs": "^25.0.3",
+    "@rollup/plugin-node-resolve": "^15.1.0",
+    "@rollup/plugin-terser": "^0.4.3",
+    "@rollup/plugin-typescript": "^11.1.2",
     "@storybook/addon-essentials": "^7.1.1",
     "@storybook/addon-interactions": "^7.1.1",
     "@storybook/addon-links": "^7.1.1",
@@ -44,12 +48,18 @@
     "copyfiles": "^2.4.1",
     "eslint-plugin-storybook": "^0.6.13",
     "prop-types": "^15.8.1",
+    "postcss": "^8.4.27",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-icons": "^4.10.1",
     "react-scripts": "5.0.1",
+    "rollup": "^3.27.0",
+    "rollup-plugin-dts": "^5.3.1",
+    "rollup-plugin-peer-deps-external": "^2.2.4",
+    "rollup-plugin-postcss": "^4.0.2",
     "sass": "^1.64.0",
     "storybook": "^7.1.1",
+    "tslib": "^2.6.1",
     "typescript": "^5.1.6"
   },
   "peerDependencies": {
@@ -58,6 +68,7 @@
     "react-icons": "^4.7.1"
   },
   "scripts": {
+    "rollup-build-lib": "rollup -c",
     "build": "rm -rf ./dist && npm run build:esm && npm run build:cjs && npm run copy-dts:cjs  && npm run copy-dts:esm  && npm run copy-css:cjs  && npm run copy-css:esm  && copyfiles -u 1 \"src/**/*.scss\" dist/cjs  && copyfiles -u 1 \"src/**/*.scss\" dist/esm",
     "test": "jest --coverage",
     "tsc": "tsc",