takeat-design-system-ui-kit 0.1.18 → 0.1.21

package/dist/cjs/components/Calendar/CalendarComponents/styles.js

@@ -1,40 +1,48 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.OptionsList = exports.DateHourInput = exports.InputsArea = void 0;
-var tslib_1 = require("tslib");
-var styled_components_1 = tslib_1.__importDefault(require("styled-components"));
-exports.InputsArea = styled_components_1.default.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  gap: ", ";\n  padding-top: ", ";\n"], ["\n  display: flex;\n  flex-direction: column;\n  gap: ", ";\n  padding-top: ", ";\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.spacing.xs;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.spacing.s;
-});
-exports.DateHourInput = styled_components_1.default.div(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n  display: flex;\n  gap: ", ";\n  align-items: center;\n\n  span {\n    flex-grow: 1;\n    color: ", ";\n    font-family: ", ";\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 500;\n    line-height: 20px; /* 142.857% */\n    letter-spacing: 0.1px;\n  }\n"], ["\n  display: flex;\n  gap: ", ";\n  align-items: center;\n\n  span {\n    flex-grow: 1;\n    color: ", ";\n    font-family: ", ";\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 500;\n    line-height: 20px; /* 142.857% */\n    letter-spacing: 0.1px;\n  }\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.spacing.xxs;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.neutral.dark;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.typography.family.default;
-});
-exports.OptionsList = styled_components_1.default.ul(templateObject_3 || (templateObject_3 = tslib_1.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  list-style: none;\n  gap: ", ";\n  padding: ", ";\n  border-right: 1px solid ", ";\n\n  li {\n    white-space: nowrap;\n    color: ", ";\n    font-family: ", ";\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 500;\n    line-height: 20px; /* 142.857% */\n    letter-spacing: 0.1px;\n    cursor: pointer;\n  }\n"], ["\n  display: flex;\n  flex-direction: column;\n  list-style: none;\n  gap: ", ";\n  padding: ", ";\n  border-right: 1px solid ", ";\n\n  li {\n    white-space: nowrap;\n    color: ", ";\n    font-family: ", ";\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 500;\n    line-height: 20px; /* 142.857% */\n    letter-spacing: 0.1px;\n    cursor: pointer;\n  }\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.spacing.s;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.spacing.s;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.neutral.lighter;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.neutral.dark;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.typography.family.default;
-});
-var templateObject_1, templateObject_2, templateObject_3;
+const tslib_1 = require("tslib");
+const styled_components_1 = tslib_1.__importDefault(require("styled-components"));
+exports.InputsArea = styled_components_1.default.div `
+  display: flex;
+  flex-direction: column;
+  gap: ${({ theme }) => theme.spacing.xs};
+  padding-top: ${({ theme }) => theme.spacing.s};
+`;
+exports.DateHourInput = styled_components_1.default.div `
+  display: flex;
+  gap: ${({ theme }) => theme.spacing.xxs};
+  align-items: center;
+
+  span {
+    flex-grow: 1;
+    color: ${({ theme }) => theme.colors.neutral.dark};
+    font-family: ${({ theme }) => theme.typography.family.default};
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 500;
+    line-height: 20px; /* 142.857% */
+    letter-spacing: 0.1px;
+  }
+`;
+exports.OptionsList = styled_components_1.default.ul `
+  display: flex;
+  flex-direction: column;
+  list-style: none;
+  gap: ${({ theme }) => theme.spacing.s};
+  padding: ${({ theme }) => theme.spacing.s};
+  border-right: 1px solid ${({ theme }) => theme.colors.neutral.lighter};
+
+  li {
+    white-space: nowrap;
+    color: ${({ theme }) => theme.colors.neutral.dark};
+    font-family: ${({ theme }) => theme.typography.family.default};
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 500;
+    line-height: 20px; /* 142.857% */
+    letter-spacing: 0.1px;
+    cursor: pointer;
+  }
+`;
 //# sourceMappingURL=styles.js.map

package/dist/cjs/components/Calendar/CalendarComponents/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/components/Calendar/CalendarComponents/styles.ts"],"names":[],"mappings":";;;;AAAA,gFAAuC;AAE1B,QAAA,UAAU,GAAG,2BAAM,CAAC,GAAG,gKAAA,wDAG3B,EAA+B,oBACvB,EAA8B,KAC9C,KAFQ,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,OAAO,CAAC,EAAE;AAAhB,CAAgB,EACvB,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,OAAO,CAAC,CAAC;AAAf,CAAe,EAC7C;AAEW,QAAA,aAAa,GAAG,2BAAM,CAAC,GAAG,8VAAA,6BAE9B,EAAgC,uEAK5B,EAAwC,sBAClC,EAA8C,mJAOhE,KAbQ,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,OAAO,CAAC,GAAG;AAAjB,CAAiB,EAK5B,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI;AAAzB,CAAyB,EAClC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,OAAO;AAA/B,CAA+B,EAO/D;AAEW,QAAA,WAAW,GAAG,2BAAM,CAAC,EAAE,ocAAA,6EAI3B,EAA8B,gBAC1B,EAA8B,+BACf,EAA2C,oDAI1D,EAAwC,sBAClC,EAA8C,yKAQhE,KAfQ,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,OAAO,CAAC,CAAC;AAAf,CAAe,EAC1B,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,OAAO,CAAC,CAAC;AAAf,CAAe,EACf,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO;AAA5B,CAA4B,EAI1D,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI;AAAzB,CAAyB,EAClC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,OAAO;AAA/B,CAA+B,EAQ/D"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/components/Calendar/CalendarComponents/styles.ts"],"names":[],"mappings":";;;;AAAA,kFAAuC;AAE1B,QAAA,UAAU,GAAG,2BAAM,CAAC,GAAG,CAAA;;;SAG3B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE;iBACvB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;CAC9C,CAAC;AAEW,QAAA,aAAa,GAAG,2BAAM,CAAC,GAAG,CAAA;;SAE9B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG;;;;;aAK5B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI;mBAClC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,OAAO;;;;;;;CAOhE,CAAC;AAEW,QAAA,WAAW,GAAG,2BAAM,CAAC,EAAE,CAAA;;;;SAI3B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;aAC1B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;4BACf,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO;;;;aAI1D,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI;mBAClC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,OAAO;;;;;;;;CAQhE,CAAC"}

package/dist/cjs/components/Calendar/index.js

@@ -1,45 +1,44 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Calendar = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var styles_1 = require("./styles");
-var date_fns_1 = require("date-fns");
-var Icon_1 = require("../Icon");
-var Button_1 = require("../Button");
-var functions_1 = require("../../utils/functions");
-var locale_1 = require("date-fns/locale");
-var CalendarComponents_1 = require("./CalendarComponents");
-var Spinner_1 = require("../Spinner");
-var styled_components_1 = require("styled-components");
-var firstAndLastItem = function (array) {
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const styles_1 = require("./styles");
+const date_fns_1 = require("date-fns");
+const Icon_1 = require("../Icon");
+const Button_1 = require("../Button");
+const functions_1 = require("../../utils/functions");
+const locale_1 = require("date-fns/locale");
+const CalendarComponents_1 = require("./CalendarComponents");
+const Spinner_1 = require("../Spinner");
+const styled_components_1 = require("styled-components");
+const firstAndLastItem = (array) => {
     return [array[0], array[array.length - 1]];
 };
-exports.Calendar = (0, react_1.forwardRef)(function Calendar(_a, ref) {
-    var _b = _a.hideOptions, hideOptions = _b === void 0 ? [] : _b, hideAllOptions = _a.hideAllOptions, hideInputs = _a.hideInputs, onSelectDate = _a.onSelectDate, defaultDate = _a.defaultDate, isLoading = _a.isLoading, disabled = _a.disabled, minDate = _a.minDate, maxDate = _a.maxDate;
-    var theme = (0, styled_components_1.useTheme)();
-    var _c = (0, react_1.useState)(false), show = _c[0], setShow = _c[1];
-    var toggleShow = function () { return setShow(function (state) { return !state; }); };
-    var _d = (0, react_1.useState)(defaultDate || {
+exports.Calendar = (0, react_1.forwardRef)(function Calendar({ hideOptions = [], hideAllOptions, hideInputs, onSelectDate, defaultDate, isLoading, disabled, minDate, maxDate, }, ref) {
+    const theme = (0, styled_components_1.useTheme)();
+    const [show, setShow] = (0, react_1.useState)(false);
+    const toggleShow = () => setShow((state) => !state);
+    const [selectedDate, setSelectedDate] = (0, react_1.useState)(defaultDate || {
         start: (0, date_fns_1.startOfDay)(new Date()),
         end: (0, date_fns_1.endOfDay)(new Date()),
-    }), selectedDate = _d[0], setSelectedDate = _d[1];
-    var _e = (0, react_1.useState)(false), isSelecting = _e[0], setIsSelecting = _e[1];
-    var _f = (0, react_1.useState)(null), dayHovered = _f[0], setDayHovered = _f[1];
-    var _g = (0, react_1.useState)([]), hoveredDays = _g[0], setHoveredDays = _g[1];
-    var _h = (0, react_1.useState)({
+    });
+    const [isSelecting, setIsSelecting] = (0, react_1.useState)(false);
+    const [dayHovered, setDayHovered] = (0, react_1.useState)(null);
+    const [hoveredDays, setHoveredDays] = (0, react_1.useState)([]);
+    const [monthToShow, setMonthToShow] = (0, react_1.useState)({
         start: (0, date_fns_1.startOfMonth)(selectedDate.start),
         end: (0, date_fns_1.endOfMonth)(selectedDate.start),
-    }), monthToShow = _h[0], setMonthToShow = _h[1];
-    var _j = (0, react_1.useState)([]), daysToShow = _j[0], setDaysToShow = _j[1];
-    var _k = firstAndLastItem(hoveredDays), firstItem = _k[0], lastItem = _k[1];
-    var firstDay = firstItem && (0, date_fns_1.compareAsc)(firstItem, selectedDate.start) < 0
+    });
+    const [daysToShow, setDaysToShow] = (0, react_1.useState)([]);
+    const [firstItem, lastItem] = firstAndLastItem(hoveredDays);
+    const firstDay = firstItem && (0, date_fns_1.compareAsc)(firstItem, selectedDate.start) < 0
         ? firstItem
         : selectedDate.start;
-    var lastDay = lastItem && (0, date_fns_1.compareAsc)(lastItem, selectedDate.start) > 0
+    const lastDay = lastItem && (0, date_fns_1.compareAsc)(lastItem, selectedDate.start) > 0
         ? lastItem
         : selectedDate.end;
-    var onClickDay = function (day) {
+    const onClickDay = (day) => {
         setHoveredDays([]);
         if (!isSelecting) {
             setIsSelecting(true);
@@ -63,10 +62,10 @@ exports.Calendar = (0, react_1.forwardRef)(function Calendar(_a, ref) {
         }
         setIsSelecting(false);
     };
-    (0, react_1.useEffect)(function () {
-        var daysOfTheMonth = (0, date_fns_1.eachDayOfInterval)(monthToShow);
+    (0, react_1.useEffect)(() => {
+        const daysOfTheMonth = (0, date_fns_1.eachDayOfInterval)(monthToShow);
         (0, functions_1.fillDaysArray)(daysOfTheMonth);
-        setDaysToShow(daysOfTheMonth.map(function (day) {
+        setDaysToShow(daysOfTheMonth.map((day) => {
             return {
                 value: day,
                 day: day.getDate(),
@@ -76,7 +75,7 @@ exports.Calendar = (0, react_1.forwardRef)(function Calendar(_a, ref) {
             };
         }));
     }, [monthToShow]);
-    (0, react_1.useEffect)(function () {
+    (0, react_1.useEffect)(() => {
         if (!dayHovered) {
             return;
         }
@@ -89,24 +88,18 @@ exports.Calendar = (0, react_1.forwardRef)(function Calendar(_a, ref) {
     }, [dayHovered]);
     return ((0, jsx_runtime_1.jsxs)(styles_1.DatePickerWrapper, { ref: ref, children: [(0, jsx_runtime_1.jsxs)(styles_1.DatePickerTrigger, { onClick: toggleShow, disabled: disabled || isLoading, children: [(0, date_fns_1.format)(selectedDate.start, "dd/MM/yyyy - HH:mm"), (0, jsx_runtime_1.jsx)("span", { children: "a" }), selectedDate.end
                         ? (0, date_fns_1.format)(selectedDate.end, "dd/MM/yyyy - HH:mm")
-                        : "-", isLoading ? ((0, jsx_runtime_1.jsx)(Spinner_1.Spinner, { size: 20, color: theme.colors.neutral.light })) : ((0, jsx_runtime_1.jsx)(Icon_1.Icon, { icon: "calendarCheck" }))] }), (0, jsx_runtime_1.jsxs)(styles_1.DatePickerContent, { show: show, children: [(0, jsx_runtime_1.jsx)(styles_1.Overlay, { onClick: toggleShow }), (0, jsx_runtime_1.jsxs)(styles_1.ContentBody, { children: [!hideAllOptions && ((0, jsx_runtime_1.jsx)(CalendarComponents_1.CalendarOptions, { hideOptions: hideOptions, setHoveredDays: setHoveredDays, setSelectedDate: setSelectedDate, onSelectDate: onSelectDate, toggleShow: toggleShow })), (0, jsx_runtime_1.jsxs)(styles_1.CalendarContainer, { children: [(0, jsx_runtime_1.jsxs)(styles_1.MonthYearHeader, { children: [(0, jsx_runtime_1.jsx)(Icon_1.Icon, { icon: "arrowDropDown", style: { transform: "rotate(90deg)" }, onClick: function () {
-                                                    return setMonthToShow({
-                                                        start: (0, date_fns_1.subMonths)(monthToShow.start, 1),
-                                                        end: (0, date_fns_1.subMonths)(monthToShow.end, 1),
-                                                    });
-                                                } }), (0, jsx_runtime_1.jsxs)("span", { children: [(0, date_fns_1.format)(monthToShow.start, "MMMM", { locale: locale_1.ptBR }), ", ", (0, date_fns_1.format)(monthToShow.start, "yyyy")] }), (0, jsx_runtime_1.jsx)(Icon_1.Icon, { icon: "arrowDropDown", style: { transform: "rotate(-90deg)" }, onClick: function () {
-                                                    return setMonthToShow({
-                                                        start: (0, date_fns_1.addMonths)(monthToShow.start, 1),
-                                                        end: (0, date_fns_1.addMonths)(monthToShow.end, 1),
-                                                    });
-                                                } })] }), (0, jsx_runtime_1.jsxs)("ul", { children: [(0, jsx_runtime_1.jsx)("li", { children: "D" }), (0, jsx_runtime_1.jsx)("li", { children: "S" }), (0, jsx_runtime_1.jsx)("li", { children: "T" }), (0, jsx_runtime_1.jsx)("li", { children: "Q" }), (0, jsx_runtime_1.jsx)("li", { children: "Q" }), (0, jsx_runtime_1.jsx)("li", { children: "S" }), (0, jsx_runtime_1.jsx)("li", { children: "S" })] }), (0, jsx_runtime_1.jsx)(styles_1.StyledCalendar, { children: daysToShow.map(function (day) {
-                                            return ((0, jsx_runtime_1.jsx)(styles_1.DayButton, { onClick: function () { return onClickDay(day.value); }, onMouseEnter: function () { return isSelecting && setDayHovered(day.value); }, onMouseLeave: function () { return isSelecting && setDayHovered(null); }, isHovered: hoveredDays.some(function (hoveredDay) {
-                                                    return hoveredDay && (0, date_fns_1.compareAsc)(hoveredDay, day.value) === 0;
-                                                }), isSelected: (0, date_fns_1.isAfter)((0, date_fns_1.endOfDay)(day.value), selectedDate.start) &&
+                        : "-", isLoading ? ((0, jsx_runtime_1.jsx)(Spinner_1.Spinner, { size: 20, color: theme.colors.neutral.light })) : ((0, jsx_runtime_1.jsx)(Icon_1.Icon, { icon: "calendarCheck" }))] }), (0, jsx_runtime_1.jsxs)(styles_1.DatePickerContent, { show: show, children: [(0, jsx_runtime_1.jsx)(styles_1.Overlay, { onClick: toggleShow }), (0, jsx_runtime_1.jsxs)(styles_1.ContentBody, { children: [!hideAllOptions && ((0, jsx_runtime_1.jsx)(CalendarComponents_1.CalendarOptions, { hideOptions: hideOptions, setHoveredDays: setHoveredDays, setSelectedDate: setSelectedDate, onSelectDate: onSelectDate, toggleShow: toggleShow })), (0, jsx_runtime_1.jsxs)(styles_1.CalendarContainer, { children: [(0, jsx_runtime_1.jsxs)(styles_1.MonthYearHeader, { children: [(0, jsx_runtime_1.jsx)(Icon_1.Icon, { icon: "arrowDropDown", style: { transform: "rotate(90deg)" }, onClick: () => setMonthToShow({
+                                                    start: (0, date_fns_1.subMonths)(monthToShow.start, 1),
+                                                    end: (0, date_fns_1.subMonths)(monthToShow.end, 1),
+                                                }) }), (0, jsx_runtime_1.jsxs)("span", { children: [(0, date_fns_1.format)(monthToShow.start, "MMMM", { locale: locale_1.ptBR }), ", ", (0, date_fns_1.format)(monthToShow.start, "yyyy")] }), (0, jsx_runtime_1.jsx)(Icon_1.Icon, { icon: "arrowDropDown", style: { transform: "rotate(-90deg)" }, onClick: () => setMonthToShow({
+                                                    start: (0, date_fns_1.addMonths)(monthToShow.start, 1),
+                                                    end: (0, date_fns_1.addMonths)(monthToShow.end, 1),
+                                                }) })] }), (0, jsx_runtime_1.jsxs)("ul", { children: [(0, jsx_runtime_1.jsx)("li", { children: "D" }), (0, jsx_runtime_1.jsx)("li", { children: "S" }), (0, jsx_runtime_1.jsx)("li", { children: "T" }), (0, jsx_runtime_1.jsx)("li", { children: "Q" }), (0, jsx_runtime_1.jsx)("li", { children: "Q" }), (0, jsx_runtime_1.jsx)("li", { children: "S" }), (0, jsx_runtime_1.jsx)("li", { children: "S" })] }), (0, jsx_runtime_1.jsx)(styles_1.StyledCalendar, { children: daysToShow.map((day) => {
+                                            return ((0, jsx_runtime_1.jsx)(styles_1.DayButton, { onClick: () => onClickDay(day.value), onMouseEnter: () => isSelecting && setDayHovered(day.value), onMouseLeave: () => isSelecting && setDayHovered(null), isHovered: hoveredDays.some((hoveredDay) => hoveredDay && (0, date_fns_1.compareAsc)(hoveredDay, day.value) === 0), isSelected: (0, date_fns_1.isAfter)((0, date_fns_1.endOfDay)(day.value), selectedDate.start) &&
                                                     (0, date_fns_1.isBefore)(day.value, selectedDate.end), isFirst: (0, date_fns_1.isSameDay)(firstDay, day.value), isLast: (0, date_fns_1.isSameDay)(lastDay, day.value), disabled: (minDate && (0, date_fns_1.isBefore)(day.value, minDate)) ||
                                                     (maxDate && (0, date_fns_1.isAfter)(day.value, maxDate)), children: day.day }));
-                                        }) }), !hideInputs && ((0, jsx_runtime_1.jsx)(CalendarComponents_1.CalendarInputs, { selectedDate: selectedDate, setSelectedDate: setSelectedDate, setHoveredDays: setHoveredDays }))] })] }), (0, jsx_runtime_1.jsx)(styles_1.ContentFooter, { children: (0, jsx_runtime_1.jsx)(Button_1.Button, { variant: "outlined", onClick: function () {
-                                onSelectDate === null || onSelectDate === void 0 ? void 0 : onSelectDate(selectedDate);
+                                        }) }), !hideInputs && ((0, jsx_runtime_1.jsx)(CalendarComponents_1.CalendarInputs, { selectedDate: selectedDate, setSelectedDate: setSelectedDate, setHoveredDays: setHoveredDays }))] })] }), (0, jsx_runtime_1.jsx)(styles_1.ContentFooter, { children: (0, jsx_runtime_1.jsx)(Button_1.Button, { variant: "outlined", onClick: () => {
+                                onSelectDate?.(selectedDate);
                                 toggleShow();
                             }, children: "Aplicar" }) })] })] }));
 });

package/dist/cjs/components/Calendar/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Calendar/index.tsx"],"names":[],"mappings":";;;;AAAA,+BAA+D;AAC/D,mCAWkB;AAClB,qCAakB;AAClB,gCAA+B;AAC/B,oCAAmC;AACnC,mDAAsD;AACtD,0CAAuC;AACvC,2DAI8B;AAC9B,sCAAqC;AACrC,uDAA6C;AAE7C,IAAM,gBAAgB,GAAG,UAAC,KAAY;IACpC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC;AAC7C,CAAC,CAAC;AA2BW,QAAA,QAAQ,GAAG,IAAA,kBAAU,EAAC,SAAS,QAAQ,CAClD,EAUgB,EAChB,GAA8B;QAV5B,mBAAgB,EAAhB,WAAW,mBAAG,EAAE,KAAA,EAChB,cAAc,oBAAA,EACd,UAAU,gBAAA,EACV,YAAY,kBAAA,EACZ,WAAW,iBAAA,EACX,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,OAAO,aAAA;IAIT,IAAM,KAAK,GAAG,IAAA,4BAAQ,GAAE,CAAC;IACnB,IAAA,KAAkB,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAAhC,IAAI,QAAA,EAAE,OAAO,QAAmB,CAAC;IACxC,IAAM,UAAU,GAAG,cAAM,OAAA,OAAO,CAAC,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,EAAN,CAAM,CAAC,EAA1B,CAA0B,CAAC;IAE9C,IAAA,KAAkC,IAAA,gBAAQ,EAC9C,WAAW,IAAI;QACb,KAAK,EAAE,IAAA,qBAAU,EAAC,IAAI,IAAI,EAAE,CAAC;QAC7B,GAAG,EAAE,IAAA,mBAAQ,EAAC,IAAI,IAAI,EAAE,CAAC;KAC1B,CACF,EALM,YAAY,QAAA,EAAE,eAAe,QAKnC,CAAC;IACI,IAAA,KAAgC,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAA9C,WAAW,QAAA,EAAE,cAAc,QAAmB,CAAC;IAChD,IAAA,KAA8B,IAAA,gBAAQ,EAAc,IAAI,CAAC,EAAxD,UAAU,QAAA,EAAE,aAAa,QAA+B,CAAC;IAC1D,IAAA,KAAgC,IAAA,gBAAQ,EAAkB,EAAE,CAAC,EAA5D,WAAW,QAAA,EAAE,cAAc,QAAiC,CAAC;IAE9D,IAAA,KAAgC,IAAA,gBAAQ,EAAC;QAC7C,KAAK,EAAE,IAAA,uBAAY,EAAC,YAAY,CAAC,KAAK,CAAC;QACvC,GAAG,EAAE,IAAA,qBAAU,EAAC,YAAY,CAAC,KAAK,CAAC;KACpC,CAAC,EAHK,WAAW,QAAA,EAAE,cAAc,QAGhC,CAAC;IACG,IAAA,KAA8B,IAAA,gBAAQ,EAAmB,EAAE,CAAC,EAA3D,UAAU,QAAA,EAAE,aAAa,QAAkC,CAAC;IAE7D,IAAA,KAAwB,gBAAgB,CAAC,WAAW,CAAC,EAApD,SAAS,QAAA,EAAE,QAAQ,QAAiC,CAAC;IAE5D,IAAM,QAAQ,GACZ,SAAS,IAAI,IAAA,qBAAU,EAAC,SAAS,EAAE,YAAY,CAAC,KAAK,CAAC,GAAG,CAAC;QACxD,CAAC,CAAC,SAAS;QACX,CAAC,CAAC,YAAY,CAAC,KAAK,CAAC;IAEzB,IAAM,OAAO,GACX,QAAQ,IAAI,IAAA,qBAAU,EAAC,QAAQ,EAAE,YAAY,CAAC,KAAK,CAAC,GAAG,CAAC;QACtD,CAAC,CAAC,QAAQ;QACV,CAAC,CAAC,YAAY,CAAC,GAAG,CAAC;IAEvB,IAAM,UAAU,GAAG,UAAC,GAAS;QAC3B,cAAc,CAAC,EAAE,CAAC,CAAC;QACnB,IAAI,CAAC,WAAW,EAAE,CAAC;YACjB,cAAc,CAAC,IAAI,CAAC,CAAC;YACrB,eAAe,CAAC;gBACd,KAAK,EAAE,IAAA,qBAAU,EAAC,GAAG,CAAC;gBACtB,GAAG,EAAE,IAAA,mBAAQ,EAAC,GAAG,CAAC;aACnB,CAAC,CAAC;YACH,OAAO;QACT,CAAC;QAED,IAAI,IAAA,qBAAU,EAAC,GAAG,EAAE,YAAY,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC;YAC5C,eAAe,CAAC;gBACd,KAAK,EAAE,YAAY,CAAC,KAAK;gBACzB,GAAG,EAAE,IAAA,mBAAQ,EAAC,GAAG,CAAC;aACnB,CAAC,CAAC;QACL,CAAC;aAAM,CAAC;YACN,eAAe,CAAC;gBACd,KAAK,EAAE,IAAA,qBAAU,EAAC,GAAG,CAAC;gBACtB,GAAG,EAAE,YAAY,CAAC,GAAG;aACtB,CAAC,CAAC;QACL,CAAC;QACD,cAAc,CAAC,KAAK,CAAC,CAAC;IACxB,CAAC,CAAC;IAEF,IAAA,iBAAS,EAAC;QACR,IAAM,cAAc,GAAG,IAAA,4BAAiB,EAAC,WAAW,CAAC,CAAC;QACtD,IAAA,yBAAa,EAAC,cAAc,CAAC,CAAC;QAE9B,aAAa,CACX,cAAc,CAAC,GAAG,CAAC,UAAC,GAAG;YACrB,OAAO;gBACL,KAAK,EAAE,GAAG;gBACV,GAAG,EAAE,GAAG,CAAC,OAAO,EAAE;gBAClB,KAAK,EAAE,GAAG,CAAC,QAAQ,EAAE;gBACrB,IAAI,EAAE,GAAG,CAAC,WAAW,EAAE;gBACvB,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE;aACtB,CAAC;QACJ,CAAC,CAAC,CACH,CAAC;IACJ,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,IAAA,iBAAS,EAAC;QACR,IAAI,CAAC,UAAU,EAAE,CAAC;YAChB,OAAO;QACT,CAAC;QAED,IAAI,IAAA,qBAAU,EAAC,UAAU,EAAE,YAAY,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC;YACnD,cAAc,CACZ,IAAA,4BAAiB,EAAC,EAAE,KAAK,EAAE,YAAY,CAAC,KAAK,EAAE,GAAG,EAAE,UAAU,EAAE,CAAC,CAClE,CAAC;QACJ,CAAC;aAAM,CAAC;YACN,cAAc,CACZ,IAAA,4BAAiB,EAAC,EAAE,KAAK,EAAE,UAAU,EAAE,GAAG,EAAE,YAAY,CAAC,GAAG,EAAE,CAAC,CAChE,CAAC;QACJ,CAAC;IACH,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,OAAO,CACL,wBAAC,0BAAiB,IAAC,GAAG,EAAE,GAAG,aACzB,wBAAC,0BAAiB,IAAC,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,IAAI,SAAS,aACpE,IAAA,iBAAM,EAAC,YAAY,CAAC,KAAK,EAAE,oBAAoB,CAAC,EACjD,iDAAc,EACb,YAAY,CAAC,GAAG;wBACf,CAAC,CAAC,IAAA,iBAAM,EAAC,YAAY,CAAC,GAAG,EAAE,oBAAoB,CAAC;wBAChD,CAAC,CAAC,GAAG,EACN,SAAS,CAAC,CAAC,CAAC,CACX,uBAAC,iBAAO,IAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,GAAI,CACzD,CAAC,CAAC,CAAC,CACF,uBAAC,WAAI,IAAC,IAAI,EAAC,eAAe,GAAG,CAC9B,IACiB,EAEpB,wBAAC,0BAAiB,IAAC,IAAI,EAAE,IAAI,aAC3B,uBAAC,gBAAO,IAAC,OAAO,EAAE,UAAU,GAAI,EAChC,wBAAC,oBAAW,eACT,CAAC,cAAc,IAAI,CAClB,uBAAC,oCAAe,IACd,WAAW,EAAE,WAAW,EACxB,cAAc,EAAE,cAAc,EAC9B,eAAe,EAAE,eAAe,EAChC,YAAY,EAAE,YAAY,EAC1B,UAAU,EAAE,UAAU,GACtB,CACH,EAED,wBAAC,0BAAiB,eAChB,wBAAC,wBAAe,eACd,uBAAC,WAAI,IACH,IAAI,EAAC,eAAe,EACpB,KAAK,EAAE,EAAE,SAAS,EAAE,eAAe,EAAE,EACrC,OAAO,EAAE;oDACP,OAAA,cAAc,CAAC;wDACb,KAAK,EAAE,IAAA,oBAAS,EAAC,WAAW,CAAC,KAAK,EAAE,CAAC,CAAC;wDACtC,GAAG,EAAE,IAAA,oBAAS,EAAC,WAAW,CAAC,GAAG,EAAE,CAAC,CAAC;qDACnC,CAAC;gDAHF,CAGE,GAEJ,EACF,6CACG,IAAA,iBAAM,EAAC,WAAW,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,MAAM,EAAE,aAAI,EAAE,CAAC,EACnD,IAAI,EACJ,IAAA,iBAAM,EAAC,WAAW,CAAC,KAAK,EAAE,MAAM,CAAC,IAC7B,EACP,uBAAC,WAAI,IACH,IAAI,EAAC,eAAe,EACpB,KAAK,EAAE,EAAE,SAAS,EAAE,gBAAgB,EAAE,EACtC,OAAO,EAAE;oDACP,OAAA,cAAc,CAAC;wDACb,KAAK,EAAE,IAAA,oBAAS,EAAC,WAAW,CAAC,KAAK,EAAE,CAAC,CAAC;wDACtC,GAAG,EAAE,IAAA,oBAAS,EAAC,WAAW,CAAC,GAAG,EAAE,CAAC,CAAC;qDACnC,CAAC;gDAHF,CAGE,GAEJ,IACc,EAClB,2CACE,+CAAU,EACV,+CAAU,EACV,+CAAU,EACV,+CAAU,EACV,+CAAU,EACV,+CAAU,EACV,+CAAU,IACP,EACL,uBAAC,uBAAc,cACZ,UAAU,CAAC,GAAG,CAAC,UAAC,GAAG;4CAClB,OAAO,CACL,uBAAC,kBAAS,IACR,OAAO,EAAE,cAAM,OAAA,UAAU,CAAC,GAAG,CAAC,KAAK,CAAC,EAArB,CAAqB,EACpC,YAAY,EAAE,cAAM,OAAA,WAAW,IAAI,aAAa,CAAC,GAAG,CAAC,KAAK,CAAC,EAAvC,CAAuC,EAC3D,YAAY,EAAE,cAAM,OAAA,WAAW,IAAI,aAAa,CAAC,IAAI,CAAC,EAAlC,CAAkC,EACtD,SAAS,EAAE,WAAW,CAAC,IAAI,CACzB,UAAC,UAAU;oDACT,OAAA,UAAU,IAAI,IAAA,qBAAU,EAAC,UAAU,EAAE,GAAG,CAAC,KAAK,CAAC,KAAK,CAAC;gDAArD,CAAqD,CACxD,EACD,UAAU,EACR,IAAA,kBAAO,EAAC,IAAA,mBAAQ,EAAC,GAAG,CAAC,KAAK,CAAC,EAAE,YAAY,CAAC,KAAK,CAAC;oDAChD,IAAA,mBAAQ,EAAC,GAAG,CAAC,KAAK,EAAE,YAAY,CAAC,GAAG,CAAC,EAEvC,OAAO,EAAE,IAAA,oBAAS,EAAC,QAAQ,EAAE,GAAG,CAAC,KAAK,CAAC,EACvC,MAAM,EAAE,IAAA,oBAAS,EAAC,OAAO,EAAE,GAAG,CAAC,KAAK,CAAC,EACrC,QAAQ,EACN,CAAC,OAAO,IAAI,IAAA,mBAAQ,EAAC,GAAG,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;oDACzC,CAAC,OAAO,IAAI,IAAA,kBAAO,EAAC,GAAG,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC,YAGzC,GAAG,CAAC,GAAG,GACE,CACb,CAAC;wCACJ,CAAC,CAAC,GACa,EAEhB,CAAC,UAAU,IAAI,CACd,uBAAC,mCAAc,IACb,YAAY,EAAE,YAAY,EAC1B,eAAe,EAAE,eAAe,EAChC,cAAc,EAAE,cAAc,GAC9B,CACH,IACiB,IACR,EAEd,uBAAC,sBAAa,cACZ,uBAAC,eAAM,IACL,OAAO,EAAC,UAAU,EAClB,OAAO,EAAE;gCACP,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAG,YAAY,CAAC,CAAC;gCAC7B,UAAU,EAAE,CAAC;4BACf,CAAC,wBAGM,GACK,IACE,IACF,CACrB,CAAC;AACJ,CAAC,CAAC,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Calendar/index.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/components/Calendar/styles.js

@@ -1,127 +1,181 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Overlay = exports.ContentFooter = exports.DayButton = exports.StyledCalendar = exports.MonthYearHeader = exports.CalendarContainer = exports.ContentBody = exports.DatePickerContent = exports.DatePickerTrigger = exports.DatePickerWrapper = void 0;
-var tslib_1 = require("tslib");
-var styled_components_1 = tslib_1.__importDefault(require("styled-components"));
-exports.DatePickerWrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  position: relative;\n  width: fit-content;\n"], ["\n  position: relative;\n  width: fit-content;\n"])));
-exports.DatePickerTrigger = styled_components_1.default.button(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: ", ";\n  background-color: #fff;\n  border: 1px solid ", ";\n  border-radius: ", ";\n  padding: ", " ", ";\n  width: 375px;\n  cursor: pointer;\n\n  color: ", ";\n  font-family: ", ";\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 20px; /* 142.857% */\n  letter-spacing: 0.1px;\n\n  span {\n    font-weight: 400;\n  }\n\n  svg {\n    fill: ", ";\n    width: 20px;\n    height: 20px;\n  }\n\n  &:disabled {\n    cursor: default;\n    color: ", ";\n    border-color: ", ";\n\n    svg {\n      fill: ", ";\n    }\n  }\n"], ["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: ", ";\n  background-color: #fff;\n  border: 1px solid ", ";\n  border-radius: ", ";\n  padding: ", " ", ";\n  width: 375px;\n  cursor: pointer;\n\n  color: ", ";\n  font-family: ", ";\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 20px; /* 142.857% */\n  letter-spacing: 0.1px;\n\n  span {\n    font-weight: 400;\n  }\n\n  svg {\n    fill: ", ";\n    width: 20px;\n    height: 20px;\n  }\n\n  &:disabled {\n    cursor: default;\n    color: ", ";\n    border-color: ", ";\n\n    svg {\n      fill: ", ";\n    }\n  }\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.spacing.xs;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.primary.default;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.radius.m;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.spacing.xs;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.spacing.s;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.neutral.dark;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.typography.family.default;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.primary.default;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.neutral.light;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.neutral.light;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.neutral.light;
-});
-exports.DatePickerContent = styled_components_1.default.div(templateObject_3 || (templateObject_3 = tslib_1.__makeTemplateObject(["\n  position: absolute;\n  top: ", ";\n  right: 0;\n  display: ", ";\n  flex-direction: column;\n  background-color: #fff;\n  border-radius: ", ";\n  box-shadow: ", ";\n"], ["\n  position: absolute;\n  top: ", ";\n  right: 0;\n  display: ", ";\n  flex-direction: column;\n  background-color: #fff;\n  border-radius: ", ";\n  box-shadow: ", ";\n"])), function (_a) {
-    var theme = _a.theme;
-    return "calc(100% + ".concat(theme.spacing.xxs, ")");
-}, function (_a) {
-    var show = _a.show;
-    return (show ? "flex" : "none");
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.radius.m;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.shadows.default;
-});
-exports.ContentBody = styled_components_1.default.div(templateObject_4 || (templateObject_4 = tslib_1.__makeTemplateObject(["\n  display: flex;\n"], ["\n  display: flex;\n"])));
-exports.CalendarContainer = styled_components_1.default.div(templateObject_5 || (templateObject_5 = tslib_1.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  padding: ", ";\n\n  ul {\n    list-style: none;\n    display: flex;\n    margin: 0 auto;\n  }\n\n  li {\n    display: flex;\n    width: 30px;\n    height: 30px;\n    justify-content: center;\n    align-items: center;\n\n    color: ", ";\n    font-family: ", ";\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 700;\n    line-height: 20px; /* 142.857% */\n    letter-spacing: 0.1px;\n  }\n"], ["\n  display: flex;\n  flex-direction: column;\n  padding: ", ";\n\n  ul {\n    list-style: none;\n    display: flex;\n    margin: 0 auto;\n  }\n\n  li {\n    display: flex;\n    width: 30px;\n    height: 30px;\n    justify-content: center;\n    align-items: center;\n\n    color: ", ";\n    font-family: ", ";\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 700;\n    line-height: 20px; /* 142.857% */\n    letter-spacing: 0.1px;\n  }\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.spacing.s;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.neutral.dark;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.typography.family.default;
-});
-exports.MonthYearHeader = styled_components_1.default.div(templateObject_6 || (templateObject_6 = tslib_1.__makeTemplateObject(["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding-bottom: ", ";\n  border-bottom: 1px solid ", ";\n\n  span {\n    color: ", ";\n    font-family: ", ";\n    font-size: 16px;\n    font-style: normal;\n    font-weight: 700;\n    line-height: 35px;\n    text-transform: capitalize;\n  }\n\n  svg {\n    cursor: pointer;\n    fill: ", ";\n  }\n"], ["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding-bottom: ", ";\n  border-bottom: 1px solid ", ";\n\n  span {\n    color: ", ";\n    font-family: ", ";\n    font-size: 16px;\n    font-style: normal;\n    font-weight: 700;\n    line-height: 35px;\n    text-transform: capitalize;\n  }\n\n  svg {\n    cursor: pointer;\n    fill: ", ";\n  }\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.spacing.xs;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.neutral.lighter;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.primary.default;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.typography.family.default;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.primary.default;
-});
-exports.StyledCalendar = styled_components_1.default.div(templateObject_7 || (templateObject_7 = tslib_1.__makeTemplateObject(["\n  display: grid;\n  grid-template-columns: repeat(7, 30px);\n  margin: 0 auto;\n  padding-top: ", ";\n  gap: ", " 0;\n"], ["\n  display: grid;\n  grid-template-columns: repeat(7, 30px);\n  margin: 0 auto;\n  padding-top: ", ";\n  gap: ", " 0;\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.spacing.xs;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.spacing.xxs;
-});
-exports.DayButton = styled_components_1.default.button(templateObject_8 || (templateObject_8 = tslib_1.__makeTemplateObject(["\n  cursor: pointer;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 30px;\n  height: 30px;\n  border: none;\n  background-color: transparent;\n  transition: all 0.3s;\n\n  color: ", ";\n\n  font-family: ", ";\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 20px;\n  letter-spacing: 0.1px;\n\n  &:hover {\n    background-color: ", ";\n    color: #fff;\n  }\n\n  ", "\n\n  ", "\n\n&:disabled {\n    background-color: transparent;\n    color: ", ";\n  }\n\n  ", "\n\n  ", "\n"], ["\n  cursor: pointer;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 30px;\n  height: 30px;\n  border: none;\n  background-color: transparent;\n  transition: all 0.3s;\n\n  color: ", ";\n\n  font-family: ", ";\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 20px;\n  letter-spacing: 0.1px;\n\n  &:hover {\n    background-color: ", ";\n    color: #fff;\n  }\n\n  ", "\n\n  ", "\n\n&:disabled {\n    background-color: transparent;\n    color: ", ";\n  }\n\n  ", "\n\n  ", "\n"])), function (_a) {
-    var theme = _a.theme, isSelected = _a.isSelected;
-    return isSelected ? "#fff" : theme.colors.neutral.dark;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.typography.family.default;
-}, function (_a) {
-    var theme = _a.theme, isSelected = _a.isSelected;
-    return !isSelected && theme.colors.primary.lighter;
-}, function (_a) {
-    var isSelected = _a.isSelected, theme = _a.theme;
-    return isSelected &&
-        "\n  background-color: ".concat(theme.colors.primary.default, ";\n  color: #fff;\n  ");
-}, function (_a) {
-    var isHovered = _a.isHovered, theme = _a.theme;
-    return isHovered &&
-        "\n    background-color: ".concat(theme.colors.primary.lighter, ";\n    color: #fff;\n  ");
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.neutral.light;
-}, function (_a) {
-    var isFirst = _a.isFirst;
-    return isFirst && "border-top-left-radius: 50%; border-bottom-left-radius: 50%;";
-}, function (_a) {
-    var isLast = _a.isLast;
-    return isLast && "border-top-right-radius: 50%; border-bottom-right-radius: 50%;";
-});
-exports.ContentFooter = styled_components_1.default.div(templateObject_9 || (templateObject_9 = tslib_1.__makeTemplateObject(["\n  padding: ", ";\n  display: flex;\n  justify-content: flex-end;\n  gap: ", ";\n  border-top: 1px solid ", ";\n"], ["\n  padding: ", ";\n  display: flex;\n  justify-content: flex-end;\n  gap: ", ";\n  border-top: 1px solid ", ";\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.spacing.s;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.spacing.xs;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.neutral.lighter;
-});
-exports.Overlay = styled_components_1.default.div(templateObject_10 || (templateObject_10 = tslib_1.__makeTemplateObject(["\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background-color: rgba(0, 0, 0, 0.01);\n  z-index: -1;\n"], ["\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background-color: rgba(0, 0, 0, 0.01);\n  z-index: -1;\n"])));
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10;
+const tslib_1 = require("tslib");
+const styled_components_1 = tslib_1.__importDefault(require("styled-components"));
+exports.DatePickerWrapper = styled_components_1.default.div `
+  position: relative;
+  width: fit-content;
+`;
+exports.DatePickerTrigger = styled_components_1.default.button `
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: ${({ theme }) => theme.spacing.xs};
+  background-color: #fff;
+  border: 1px solid ${({ theme }) => theme.colors.primary.default};
+  border-radius: ${({ theme }) => theme.radius.m};
+  padding: ${({ theme }) => theme.spacing.xs} ${({ theme }) => theme.spacing.s};
+  width: 375px;
+  cursor: pointer;
+
+  color: ${({ theme }) => theme.colors.neutral.dark};
+  font-family: ${({ theme }) => theme.typography.family.default};
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 500;
+  line-height: 20px; /* 142.857% */
+  letter-spacing: 0.1px;
+
+  span {
+    font-weight: 400;
+  }
+
+  svg {
+    fill: ${({ theme }) => theme.colors.primary.default};
+    width: 20px;
+    height: 20px;
+  }
+
+  &:disabled {
+    cursor: default;
+    color: ${({ theme }) => theme.colors.neutral.light};
+    border-color: ${({ theme }) => theme.colors.neutral.light};
+
+    svg {
+      fill: ${({ theme }) => theme.colors.neutral.light};
+    }
+  }
+`;
+exports.DatePickerContent = styled_components_1.default.div `
+  position: absolute;
+  top: ${({ theme }) => `calc(100% + ${theme.spacing.xxs})`};
+  right: 0;
+  display: ${({ show }) => (show ? "flex" : "none")};
+  flex-direction: column;
+  background-color: #fff;
+  border-radius: ${({ theme }) => theme.radius.m};
+  box-shadow: ${({ theme }) => theme.shadows.default};
+`;
+exports.ContentBody = styled_components_1.default.div `
+  display: flex;
+`;
+exports.CalendarContainer = styled_components_1.default.div `
+  display: flex;
+  flex-direction: column;
+  padding: ${({ theme }) => theme.spacing.s};
+
+  ul {
+    list-style: none;
+    display: flex;
+    margin: 0 auto;
+  }
+
+  li {
+    display: flex;
+    width: 30px;
+    height: 30px;
+    justify-content: center;
+    align-items: center;
+
+    color: ${({ theme }) => theme.colors.neutral.dark};
+    font-family: ${({ theme }) => theme.typography.family.default};
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 700;
+    line-height: 20px; /* 142.857% */
+    letter-spacing: 0.1px;
+  }
+`;
+exports.MonthYearHeader = styled_components_1.default.div `
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding-bottom: ${({ theme }) => theme.spacing.xs};
+  border-bottom: 1px solid ${({ theme }) => theme.colors.neutral.lighter};
+
+  span {
+    color: ${({ theme }) => theme.colors.primary.default};
+    font-family: ${({ theme }) => theme.typography.family.default};
+    font-size: 16px;
+    font-style: normal;
+    font-weight: 700;
+    line-height: 35px;
+    text-transform: capitalize;
+  }
+
+  svg {
+    cursor: pointer;
+    fill: ${({ theme }) => theme.colors.primary.default};
+  }
+`;
+exports.StyledCalendar = styled_components_1.default.div `
+  display: grid;
+  grid-template-columns: repeat(7, 30px);
+  margin: 0 auto;
+  padding-top: ${({ theme }) => theme.spacing.xs};
+  gap: ${({ theme }) => theme.spacing.xxs} 0;
+`;
+exports.DayButton = styled_components_1.default.button `
+  cursor: pointer;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 30px;
+  height: 30px;
+  border: none;
+  background-color: transparent;
+  transition: all 0.3s;
+
+  color: ${({ theme, isSelected }) => isSelected ? "#fff" : theme.colors.neutral.dark};
+
+  font-family: ${({ theme }) => theme.typography.family.default};
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 500;
+  line-height: 20px;
+  letter-spacing: 0.1px;
+
+  &:hover {
+    background-color: ${({ theme, isSelected }) => !isSelected && theme.colors.primary.lighter};
+    color: #fff;
+  }
+
+  ${({ isSelected, theme }) => isSelected &&
+    `
+  background-color: ${theme.colors.primary.default};
+  color: #fff;
+  `}
+
+  ${({ isHovered, theme }) => isHovered &&
+    `
+    background-color: ${theme.colors.primary.lighter};
+    color: #fff;
+  `}
+
+&:disabled {
+    background-color: transparent;
+    color: ${({ theme }) => theme.colors.neutral.light};
+  }
+
+  ${({ isFirst }) => isFirst && `border-top-left-radius: 50%; border-bottom-left-radius: 50%;`}
+
+  ${({ isLast }) => isLast && `border-top-right-radius: 50%; border-bottom-right-radius: 50%;`}
+`;
+exports.ContentFooter = styled_components_1.default.div `
+  padding: ${({ theme }) => theme.spacing.s};
+  display: flex;
+  justify-content: flex-end;
+  gap: ${({ theme }) => theme.spacing.xs};
+  border-top: 1px solid ${({ theme }) => theme.colors.neutral.lighter};
+`;
+exports.Overlay = styled_components_1.default.div `
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background-color: rgba(0, 0, 0, 0.01);
+  z-index: -1;
+`;
 //# sourceMappingURL=styles.js.map