infinity-forge 3.0.1 → 3.0.2

package/dist/ui/components/form/input-currency/components/utils/removeSeparators.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Remove group separator from value eg. 1,000 > 1000
+ */
+export declare const removeSeparators: (value: string, separator?: string) => string;

package/dist/ui/components/form/input-currency/components/utils/removeSeparators.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.removeSeparators = void 0;
+var escapeRegExp_1 = require("./escapeRegExp.js");
+/**
+ * Remove group separator from value eg. 1,000 > 1000
+ */
+var removeSeparators = function (value, separator) {
+    if (separator === void 0) { separator = ','; }
+    var reg = new RegExp((0, escapeRegExp_1.escapeRegExp)(separator), 'g');
+    return value.replace(reg, '');
+};
+exports.removeSeparators = removeSeparators;
+//# sourceMappingURL=removeSeparators.js.map

package/dist/ui/components/form/input-currency/components/utils/removeSeparators.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"removeSeparators.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/form/input-currency/components/utils/removeSeparators.ts"],"names":[],"mappings":";;;AAAA,+CAA8C;AAE9C;;GAEG;AACI,IAAM,gBAAgB,GAAG,UAAC,KAAa,EAAE,SAAe;IAAf,0BAAA,EAAA,eAAe;IAC7D,IAAM,GAAG,GAAG,IAAI,MAAM,CAAC,IAAA,2BAAY,EAAC,SAAS,CAAC,EAAE,GAAG,CAAC,CAAC;IACrD,OAAO,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;AAChC,CAAC,CAAC;AAHW,QAAA,gBAAgB,oBAG3B"}

package/dist/ui/components/form/input-currency/components/utils/repositionCursor.d.ts

@@ -0,0 +1,16 @@
+type RepositionCursorProps = {
+    selectionStart?: number | null;
+    value: string;
+    lastKeyStroke: string | null;
+    stateValue?: string;
+    groupSeparator?: string;
+};
+/**
+ * Based on the last key stroke and the cursor position, update the value
+ * and reposition the cursor to the right place
+ */
+export declare const repositionCursor: ({ selectionStart, value, lastKeyStroke, stateValue, groupSeparator, }: RepositionCursorProps) => {
+    modifiedValue: string;
+    cursorPosition: number | null | undefined;
+};
+export {};

package/dist/ui/components/form/input-currency/components/utils/repositionCursor.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.repositionCursor = void 0;
+/**
+ * Based on the last key stroke and the cursor position, update the value
+ * and reposition the cursor to the right place
+ */
+var repositionCursor = function (_a) {
+    var selectionStart = _a.selectionStart, value = _a.value, lastKeyStroke = _a.lastKeyStroke, stateValue = _a.stateValue, groupSeparator = _a.groupSeparator;
+    var cursorPosition = selectionStart;
+    var modifiedValue = value;
+    if (stateValue && cursorPosition) {
+        var splitValue = value.split('');
+        // if cursor is to right of groupSeparator and backspace pressed, delete the character to the left of the separator and reposition the cursor
+        if (lastKeyStroke === 'Backspace' && stateValue[cursorPosition] === groupSeparator) {
+            splitValue.splice(cursorPosition - 1, 1);
+            cursorPosition -= 1;
+        }
+        // if cursor is to left of groupSeparator and delete pressed, delete the character to the right of the separator and reposition the cursor
+        if (lastKeyStroke === 'Delete' && stateValue[cursorPosition] === groupSeparator) {
+            splitValue.splice(cursorPosition, 1);
+            cursorPosition += 1;
+        }
+        modifiedValue = splitValue.join('');
+        return { modifiedValue: modifiedValue, cursorPosition: cursorPosition };
+    }
+    return { modifiedValue: modifiedValue, cursorPosition: selectionStart };
+};
+exports.repositionCursor = repositionCursor;
+//# sourceMappingURL=repositionCursor.js.map

package/dist/ui/components/form/input-currency/components/utils/repositionCursor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"repositionCursor.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/form/input-currency/components/utils/repositionCursor.ts"],"names":[],"mappings":";;;AAQA;;;GAGG;AACI,IAAM,gBAAgB,GAAG,UAAC,EAMT;QALtB,cAAc,oBAAA,EACd,KAAK,WAAA,EACL,aAAa,mBAAA,EACb,UAAU,gBAAA,EACV,cAAc,oBAAA;IAKd,IAAI,cAAc,GAAG,cAAc,CAAC;IACpC,IAAI,aAAa,GAAG,KAAK,CAAC;IAC1B,IAAI,UAAU,IAAI,cAAc,EAAE,CAAC;QACjC,IAAM,UAAU,GAAG,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;QACnC,6IAA6I;QAC7I,IAAI,aAAa,KAAK,WAAW,IAAI,UAAU,CAAC,cAAc,CAAC,KAAK,cAAc,EAAE,CAAC;YACnF,UAAU,CAAC,MAAM,CAAC,cAAc,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC;YACzC,cAAc,IAAI,CAAC,CAAC;QACtB,CAAC;QACD,0IAA0I;QAC1I,IAAI,aAAa,KAAK,QAAQ,IAAI,UAAU,CAAC,cAAc,CAAC,KAAK,cAAc,EAAE,CAAC;YAChF,UAAU,CAAC,MAAM,CAAC,cAAc,EAAE,CAAC,CAAC,CAAC;YACrC,cAAc,IAAI,CAAC,CAAC;QACtB,CAAC;QACD,aAAa,GAAG,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QACpC,OAAO,EAAE,aAAa,eAAA,EAAE,cAAc,gBAAA,EAAE,CAAC;IAC3C,CAAC;IAED,OAAO,EAAE,aAAa,eAAA,EAAE,cAAc,EAAE,cAAc,EAAE,CAAC;AAC3D,CAAC,CAAC;AA7BW,QAAA,gBAAgB,oBA6B3B"}

package/dist/ui/components/form/input-currency/index.d.ts

@@ -0,0 +1,4 @@
+import { InputProps } from '../interfaces.js';
+export declare function InputCurrency(props: {
+    errorMessageMax?: (value: string) => string;
+} & InputProps): import("react/jsx-runtime").JSX.Element;

package/dist/ui/components/form/input-currency/index.js

@@ -0,0 +1,66 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InputCurrency = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var formik_1 = require("formik");
+var input_control_1 = require("../input-control/index.js");
+var components_1 = require("./components/index.js");
+function InputCurrency(props) {
+    var _a;
+    var _b = (0, formik_1.useField)({ name: props.name }), field = _b[0], state = _b[1], handlers = _b[2];
+    function handleChange(value) {
+        var valueToString = typeof value === 'number' ? String(value) : value;
+        if (valueToString) {
+            var numericValue = parseFloat((valueToString === null || valueToString === void 0 ? void 0 : valueToString.includes(',')) ? valueToString === null || valueToString === void 0 ? void 0 : valueToString.replace(/\./g, '').replace(',', '.') : valueToString);
+            if (props.max && numericValue > Number(props.max || 0)) {
+                if (props.errorMessageMax) {
+                    handlers.setError(props.errorMessageMax(valueToString));
+                }
+            }
+            else {
+                handlers.setValue(valueToString);
+                handlers.setError(undefined);
+                props.onChangeInput && props.onChangeInput(valueToString);
+            }
+        }
+        else {
+            handlers.setValue('');
+            handlers.setError(undefined);
+            props.onChangeInput && props.onChangeInput('0');
+        }
+    }
+    var initialValue = props.controlledInitialValue ? (_a = props.controlledInitialValue) === null || _a === void 0 ? void 0 : _a.value : state.initialValue;
+    (0, react_1.useEffect)(function () {
+        if (!(props === null || props === void 0 ? void 0 : props.controlledInitialValue)) {
+            setTimeout(function () {
+                if (state.initialValue) {
+                    handleChange(state.initialValue);
+                }
+            }, 500);
+        }
+    }, [initialValue]);
+    (0, react_1.useEffect)(function () {
+        if (props === null || props === void 0 ? void 0 : props.controlledInitialValue) {
+            setTimeout(function () {
+                var _a;
+                handleChange((_a = props.controlledInitialValue) === null || _a === void 0 ? void 0 : _a.value);
+                return;
+            }, 500);
+        }
+    }, []);
+    return ((0, jsx_runtime_1.jsx)(input_control_1.InputControl, __assign({}, props, { children: (0, jsx_runtime_1.jsx)(components_1.CurrencyInput, { prefix: 'R$', decimalsLimit: 2, decimalSeparator: ',', groupSeparator: '.', value: field.value, onValueChange: handleChange, readOnly: props.readOnly, max: props.max }) })));
+}
+exports.InputCurrency = InputCurrency;
+//# sourceMappingURL=index.js.map

package/dist/ui/components/form/input-currency/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/input-currency/index.tsx"],"names":[],"mappings":"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"}

package/dist/ui/components/form/input-date-picker/calendar/calendar-header/index.d.ts

@@ -0,0 +1,2 @@
+import { CalendarComponentProps } from '../index.js';
+export declare function CalendarHeader({ step, language, setStep, dateSelected, setDateSelected, handleToggle }: CalendarComponentProps): import("react/jsx-runtime").JSX.Element;

package/dist/ui/components/form/input-date-picker/calendar/calendar-header/index.js

@@ -0,0 +1,62 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CalendarHeader = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var ui_1 = require("../../../../../../ui/index.js");
+var mock_1 = require("../../mock/index.js");
+var S = __importStar(require("./styles.js"));
+function CalendarHeader(_a) {
+    var step = _a.step, language = _a.language, setStep = _a.setStep, dateSelected = _a.dateSelected, setDateSelected = _a.setDateSelected, handleToggle = _a.handleToggle;
+    var currentMonth = mock_1.translations[language].months[dateSelected.month];
+    return ((0, jsx_runtime_1.jsxs)(S.CalendarHeader, { className: 'calendar-header', children: [(0, jsx_runtime_1.jsxs)("h4", { children: [step === 2 && ((0, jsx_runtime_1.jsx)("div", { className: 'icon-arrow-left', onClick: function () { setStep(1); }, children: (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'IconArrowLeft', fill: '#000' }) })), step === 2 && currentMonth.substring(0, 3), " ", dateSelected.year] }), (0, jsx_runtime_1.jsx)("button", { onClick: function () {
+                    if (step === 1) {
+                        setDateSelected(function (state) { return (__assign(__assign({}, state), { year: state.year > 0 ? state.year - 1 : state.year })); });
+                    }
+                    if (step === 2) {
+                        setDateSelected(function (state) { return (__assign(__assign({}, state), { month: state.month > 0 ? state.month - 1 : state.month })); });
+                    }
+                }, children: (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'IconArrowLeft' }) }), (0, jsx_runtime_1.jsx)("button", { onClick: function () {
+                    if (step === 1) {
+                        setDateSelected(function (state) { return (__assign(__assign({}, state), { year: state.year + 1 })); });
+                    }
+                    if (step === 2) {
+                        setDateSelected(function (state) { return (__assign(__assign({}, state), { month: state.month === 12 ? state.month : state.month + 1 })); });
+                    }
+                }, children: (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'IconArrowRight' }) })] }));
+}
+exports.CalendarHeader = CalendarHeader;
+//# sourceMappingURL=index.js.map

package/dist/ui/components/form/input-date-picker/calendar/calendar-header/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/form/input-date-picker/calendar/calendar-header/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2BAA2B;AAG3B,mCAAyC;AAEzC,0CAA6B;AAE7B,SAAgB,cAAc,CAAC,EAAgG;QAA9F,IAAI,UAAA,EAAE,QAAQ,cAAA,EAAE,OAAO,aAAA,EAAE,YAAY,kBAAA,EAAE,eAAe,qBAAA,EAAE,YAAY,kBAAA;IACnG,IAAM,YAAY,GAAG,mBAAY,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,KAAK,CAAC,CAAA;IAEtE,OAAO,CACL,wBAAC,CAAC,CAAC,cAAc,IAAC,SAAS,EAAC,iBAAiB,aAC3C,2CACG,IAAI,KAAK,CAAC,IAAI,CACb,gCAAK,SAAS,EAAC,iBAAiB,EAAE,OAAO,EAAE,cAAQ,OAAO,CAAC,CAAC,CAAC,CAAC,CAAE,CAAC,YAC/D,uBAAC,SAAI,IAAC,IAAI,EAAC,eAAe,EAAC,IAAI,EAAC,MAAM,GAAG,GACrC,CACP,EACA,IAAI,KAAK,CAAC,IAAI,YAAY,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,OAAG,YAAY,CAAC,IAAI,IAC5D,EAEL,mCACE,OAAO,EAAE;oBACP,IAAI,IAAI,KAAK,CAAC,EAAE,CAAC;wBACf,eAAe,CAAC,UAAC,KAAK,IAAK,OAAA,uBACtB,KAAK,KACR,IAAI,EAAE,KAAK,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,IAClD,EAHyB,CAGzB,CAAC,CAAA;oBACL,CAAC;oBAED,IAAI,IAAI,KAAK,CAAC,EAAE,CAAC;wBACf,eAAe,CAAC,UAAC,KAAK,IAAK,OAAA,uBACtB,KAAK,KACR,KAAK,EAAE,KAAK,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,IACtD,EAHyB,CAGzB,CAAC,CAAA;oBACL,CAAC;gBACH,CAAC,YAED,uBAAC,SAAI,IAAC,IAAI,EAAC,eAAe,GAAG,GACtB,EAET,mCACE,OAAO,EAAE;oBACP,IAAI,IAAI,KAAK,CAAC,EAAE,CAAC;wBACf,eAAe,CAAC,UAAC,KAAK,IAAK,OAAA,uBAAM,KAAK,KAAE,IAAI,EAAE,KAAK,CAAC,IAAI,GAAG,CAAC,IAAG,EAApC,CAAoC,CAAC,CAAA;oBAClE,CAAC;oBAED,IAAI,IAAI,KAAK,CAAC,EAAE,CAAC;wBACf,eAAe,CAAC,UAAC,KAAK,IAAK,OAAA,uBAAM,KAAK,KAAE,KAAK,EAAE,KAAK,CAAC,KAAK,KAAK,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC,IAAG,EAAzE,CAAyE,CAAC,CAAA;oBACvG,CAAC;gBACH,CAAC,YAED,uBAAC,SAAI,IAAC,IAAI,EAAC,gBAAgB,GAAG,GACvB,IACQ,CACpB,CAAA;AACH,CAAC;AAjDD,wCAiDC"}

package/dist/ui/components/form/input-date-picker/calendar/calendar-header/styles.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const CalendarHeader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: import("react").Ref<HTMLDivElement>;
+}, never>> & string;

package/dist/ui/components/form/input-date-picker/calendar/calendar-header/styles.js

@@ -0,0 +1,23 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CalendarHeader = void 0;
+var styled_components_1 = __importDefault(require("styled-components"));
+exports.CalendarHeader = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n\n  button {\n    border: none;\n    padding: 0;\n    background-color: transparent;\n\n    svg {\n      display: block;\n      margin: auto;\n\n      height: 10px;\n      width: auto;\n      fill: ", ";\n\n      path {\n        stroke: ", ";\n        stroke-width: 2;\n      }\n    }\n  }\n\n  h4 {\n    color: ", ";\n    font-size: 12px;\n    font-weight: 500;\n    display: flex;\n    align-items: center;\n    gap: 5px;\n    margin: 0 auto 0 8px;\n\n    .icon-arrow-left {\n      display: flex;\n      cursor: pointer;\n\n      svg {\n        height: 12px;\n      }\n    }\n  }\n\n  button {\n    width: 22px;\n    height: 22px;\n    border-radius: 2px;\n    background-color: #d5e1f9;\n\n    & + button {\n      margin-left: 8px;\n    }\n  }\n"], ["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n\n  button {\n    border: none;\n    padding: 0;\n    background-color: transparent;\n\n    svg {\n      display: block;\n      margin: auto;\n\n      height: 10px;\n      width: auto;\n      fill: ", ";\n\n      path {\n        stroke: ", ";\n        stroke-width: 2;\n      }\n    }\n  }\n\n  h4 {\n    color: ", ";\n    font-size: 12px;\n    font-weight: 500;\n    display: flex;\n    align-items: center;\n    gap: 5px;\n    margin: 0 auto 0 8px;\n\n    .icon-arrow-left {\n      display: flex;\n      cursor: pointer;\n\n      svg {\n        height: 12px;\n      }\n    }\n  }\n\n  button {\n    width: 22px;\n    height: 22px;\n    border-radius: 2px;\n    background-color: #d5e1f9;\n\n    & + button {\n      margin-left: 8px;\n    }\n  }\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.primaryColor || '#2c68df';
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.primaryColor || '#2c68df';
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.primaryColor || '#2c68df';
+});
+var templateObject_1;
+//# sourceMappingURL=styles.js.map

package/dist/ui/components/form/input-date-picker/calendar/calendar-header/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/form/input-date-picker/calendar/calendar-header/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,cAAc,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,g4BAAA,uRAgB7B,EAA8C,qCAG1C,EAA8C,yEAOnD,EAA8C,kbA4B1D,KAtCa,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,YAAY,IAAI,SAAS;AAA/B,CAA+B,EAG1C,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,YAAY,IAAI,SAAS;AAA/B,CAA+B,EAOnD,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,YAAY,IAAI,SAAS;AAA/B,CAA+B,EA4B1D"}

package/dist/ui/components/form/input-date-picker/calendar/days/index.d.ts

@@ -0,0 +1,2 @@
+import { CalendarComponentProps } from '../index.js';
+export declare function Days({ name, language, date, dateSelected, handleToggle, setDateSelected, }: CalendarComponentProps): import("react/jsx-runtime").JSX.Element;

package/dist/ui/components/form/input-date-picker/calendar/days/index.js

@@ -0,0 +1,87 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Days = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var formik_1 = require("formik");
+var mock_1 = require("../../mock/index.js");
+var S = __importStar(require("./styles.js"));
+function Days(_a) {
+    var name = _a.name, language = _a.language, date = _a.date, dateSelected = _a.dateSelected, handleToggle = _a.handleToggle, setDateSelected = _a.setDateSelected;
+    var _b = (0, formik_1.useFormikContext)(), values = _b.values, setFieldValue = _b.setFieldValue;
+    var week = mock_1.translations[language].days;
+    var value = values[name];
+    var currentDate = new Date();
+    function createButton(text, isDisabled, type) {
+        if (isDisabled === void 0) { isDisabled = false; }
+        if (type === void 0) { type = 0; }
+        var comparisonDate = new Date(dateSelected.year, dateSelected.month + type, text);
+        var isDateInRange = (!date.minDate || comparisonDate >= date.minDate) &&
+            (!(date === null || date === void 0 ? void 0 : date.maxDate) || comparisonDate <= (date === null || date === void 0 ? void 0 : date.maxDate));
+        var isSelected = value.getTime() === comparisonDate.getTime();
+        var isToday = currentDate.getDate() === text &&
+            currentDate.getFullYear() === dateSelected.year &&
+            currentDate.getMonth() === dateSelected.month;
+        return ((0, jsx_runtime_1.jsx)("button", { className: "".concat(isToday ? 'today' : '', " ").concat(isSelected ? 'selected' : '', " ").concat(isDateInRange ? '' : 'disabled'), onClick: function () {
+                if (!isDateInRange)
+                    return;
+                setDateSelected(__assign(__assign({}, dateSelected), { day: text }));
+                setFieldValue(name, new Date(comparisonDate));
+                setTimeout(function () { return handleToggle(false); }, 0);
+            }, disabled: !isDateInRange, type: 'button', children: text }, "".concat(type, "-").concat(text)));
+    }
+    function displayDates() {
+        var dates = [];
+        var lastOfPrevMonth = new Date(dateSelected.year, dateSelected.month, 0);
+        for (var i = 0; i <= lastOfPrevMonth.getDay(); i++) {
+            var text = lastOfPrevMonth.getDate() - lastOfPrevMonth.getDay() + i;
+            dates.push(createButton(text, true, -1));
+        }
+        var lastOfMonth = new Date(dateSelected.year, dateSelected.month + 1, 0);
+        for (var i = 1; i <= lastOfMonth.getDate(); i++) {
+            dates.push(createButton(i, false));
+        }
+        var firstOfNextMonth = new Date(dateSelected.year, dateSelected.month + 1, 1);
+        for (var i = firstOfNextMonth.getDay(); i < 7; i++) {
+            var text = firstOfNextMonth.getDate() - firstOfNextMonth.getDay() + i;
+            dates.push(createButton(text, true, 1));
+        }
+        return dates;
+    }
+    return ((0, jsx_runtime_1.jsxs)(S.Days, { className: 'days-box', children: [(0, jsx_runtime_1.jsx)("div", { className: 'week', children: week.map(function (day) { return ((0, jsx_runtime_1.jsx)("p", { children: day }, day)); }) }), (0, jsx_runtime_1.jsx)("div", { className: 'days', children: displayDates() })] }));
+}
+exports.Days = Days;
+//# sourceMappingURL=index.js.map

package/dist/ui/components/form/input-date-picker/calendar/days/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/form/input-date-picker/calendar/days/index.tsx"],"names":[],"mappings":"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"}

package/dist/ui/components/form/input-date-picker/calendar/days/styles.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const Days: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: import("react").Ref<HTMLDivElement>;
+}, never>> & string;

package/dist/ui/components/form/input-date-picker/calendar/days/styles.js

@@ -0,0 +1,17 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Days = void 0;
+var styled_components_1 = __importDefault(require("styled-components"));
+exports.Days = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  .week {\n    display: flex;\n    gap: 5px;\n    justify-content: space-between;\n\n    padding: 6px 0;\n\n    p {\n      color: #d5e1f9;\n      font-size: 10px;\n      font-weight: 500;\n      text-align: center;\n      text-transform: uppercase;\n\n      margin-bottom: 0;\n    }\n  }\n\n  .days {\n    display: grid;\n    gap: 5px;\n    grid-template-columns: repeat(7, 25px);\n    justify-content: space-between;\n\n    > button {\n      border: unset;\n      background: unset;\n      padding: 0;\n\n      color: #2a2a2a;\n      text-align: center;\n      font-size: 12px;\n      font-weight: 400;\n\n      height: 25px;\n      border-radius: 8px;\n\n      &.today:not(:disabled) {\n        background-color: #f2f2f2;\n      }\n\n      &.disabled {\n        opacity: 0.5;\n        cursor: not-allowed;\n      }\n\n      &.selected {\n        color: white;\n        background-color: ", ";\n      }\n\n      &:disabled {\n        color: #aaaaaa;\n      }\n    }\n  }\n"], ["\n  .week {\n    display: flex;\n    gap: 5px;\n    justify-content: space-between;\n\n    padding: 6px 0;\n\n    p {\n      color: #d5e1f9;\n      font-size: 10px;\n      font-weight: 500;\n      text-align: center;\n      text-transform: uppercase;\n\n      margin-bottom: 0;\n    }\n  }\n\n  .days {\n    display: grid;\n    gap: 5px;\n    grid-template-columns: repeat(7, 25px);\n    justify-content: space-between;\n\n    > button {\n      border: unset;\n      background: unset;\n      padding: 0;\n\n      color: #2a2a2a;\n      text-align: center;\n      font-size: 12px;\n      font-weight: 400;\n\n      height: 25px;\n      border-radius: 8px;\n\n      &.today:not(:disabled) {\n        background-color: #f2f2f2;\n      }\n\n      &.disabled {\n        opacity: 0.5;\n        cursor: not-allowed;\n      }\n\n      &.selected {\n        color: white;\n        background-color: ", ";\n      }\n\n      &:disabled {\n        color: #aaaaaa;\n      }\n    }\n  }\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.primaryColor || '#2c68df';
+});
+var templateObject_1;
+//# sourceMappingURL=styles.js.map

package/dist/ui/components/form/input-date-picker/calendar/days/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/form/input-date-picker/calendar/days/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,IAAI,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,ohCAAA,63BAiDL,EAA8C,kFAQzE,KAR2B,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,YAAY,IAAI,SAAS;AAA/B,CAA+B,EAQzE"}

package/dist/ui/components/form/input-date-picker/calendar/index.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { CalendarProps, DateSelected } from './interface.js';
+export type CalendarComponentProps = CalendarProps & {
+    step: number;
+    setStep: React.Dispatch<React.SetStateAction<number>>;
+    dateSelected: DateSelected;
+    setDateSelected: React.Dispatch<React.SetStateAction<DateSelected>>;
+};
+export declare function Calendar(props: CalendarProps): import("react/jsx-runtime").JSX.Element;

package/dist/ui/components/form/input-date-picker/calendar/index.js

@@ -0,0 +1,58 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Calendar = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var days_1 = require("./days/index.js");
+var months_1 = require("./months/index.js");
+var calendar_header_1 = require("./calendar-header/index.js");
+var S = __importStar(require("./styles.js"));
+var formik_1 = require("formik");
+function Calendar(props) {
+    var values = (0, formik_1.useFormikContext)().values;
+    var value = values[props.name];
+    var _a = (0, react_1.useState)({
+        year: value.getFullYear(),
+        month: value.getMonth(),
+        day: value.getTime(),
+    }), dateSelected = _a[0], setDateSelected = _a[1];
+    var _b = (0, react_1.useState)(1), step = _b[0], setStep = _b[1];
+    var sharedProps = __assign(__assign({}, props), { step: step, setStep: setStep, dateSelected: dateSelected, setDateSelected: setDateSelected });
+    return ((0, jsx_runtime_1.jsxs)(S.Calendar, { "$customCalendar": props.customCalendarStyles, children: [(0, jsx_runtime_1.jsx)(calendar_header_1.CalendarHeader, __assign({}, sharedProps)), (0, jsx_runtime_1.jsx)("div", { style: { display: step === 1 ? 'block' : 'none' }, children: (0, jsx_runtime_1.jsx)(months_1.Months, __assign({}, sharedProps)) }), (0, jsx_runtime_1.jsx)("div", { style: { display: step === 2 ? 'block' : 'none' }, children: (0, jsx_runtime_1.jsx)(days_1.Days, __assign({}, sharedProps)) })] }));
+}
+exports.Calendar = Calendar;
+//# sourceMappingURL=index.js.map

package/dist/ui/components/form/input-date-picker/calendar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/ui/components/form/input-date-picker/calendar/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAgC;AAEhC,+BAA6B;AAC7B,mCAAiC;AACjC,qDAAkD;AAIlD,0CAA6B;AAC7B,iCAAyC;AASzC,SAAgB,QAAQ,CAAC,KAAoB;IACnC,IAAA,MAAM,GAAK,IAAA,yBAAgB,GAAE,OAAvB,CAAuB;IAErC,IAAM,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAA;IAE1B,IAAA,KAAkC,IAAA,gBAAQ,EAAe;QAC7D,IAAI,EAAE,KAAK,CAAC,WAAW,EAAE;QACzB,KAAK,EAAE,KAAK,CAAC,QAAQ,EAAE;QACvB,GAAG,EAAE,KAAK,CAAC,OAAO,EAAE;KACrB,CAAC,EAJK,YAAY,QAAA,EAAE,eAAe,QAIlC,CAAA;IAEI,IAAA,KAAkB,IAAA,gBAAQ,EAAC,CAAC,CAAC,EAA5B,IAAI,QAAA,EAAE,OAAO,QAAe,CAAA;IAEnC,IAAM,WAAW,yBACZ,KAAK,KACR,IAAI,MAAA,EACJ,OAAO,SAAA,EACP,YAAY,cAAA,EACZ,eAAe,iBAAA,GAChB,CAAA;IAED,OAAO,CACL,wBAAC,CAAC,CAAC,QAAQ,uBAAkB,KAAK,CAAC,oBAAoB,aACrD,uBAAC,gCAAc,eAAK,WAAW,EAAI,EAEnC,gCAAK,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,EAAE,YACpD,uBAAC,eAAM,eAAK,WAAW,EAAI,GACvB,EAEN,gCAAK,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,EAAE,YACpD,uBAAC,WAAI,eAAK,WAAW,EAAI,GACrB,IACK,CACd,CAAA;AACH,CAAC;AAlCD,4BAkCC"}

package/dist/ui/components/form/input-date-picker/calendar/interface.d.ts

@@ -0,0 +1,16 @@
+import { FieldHelperProps } from 'formik';
+import { IInputDatePicker } from '../interfaces.js';
+import { InputProps } from '../../interfaces.js';
+export type DateSelected = {
+    year: number;
+    month: number;
+    day: number;
+};
+export interface DateSelectedStateType {
+    dateSelected: DateSelected;
+    setDateSelected: (props: DateSelected) => void;
+}
+export interface CalendarProps extends InputProps, IInputDatePicker {
+    handleToggle: (state?: boolean) => void;
+    utils: FieldHelperProps<any>;
+}

package/dist/ui/components/form/input-date-picker/calendar/interface.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=interface.js.map

package/dist/ui/components/form/input-date-picker/calendar/interface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"interface.js","sourceRoot":"","sources":["../../../../../../src/ui/components/form/input-date-picker/calendar/interface.ts"],"names":[],"mappings":""}

package/dist/ui/components/form/input-date-picker/calendar/months/index.d.ts

@@ -0,0 +1,2 @@
+import { CalendarComponentProps } from '../index.js';
+export declare function Months({ language, name, mode, date, dateSelected, setStep, handleToggle, setDateSelected, }: CalendarComponentProps): import("react/jsx-runtime").JSX.Element;

package/dist/ui/components/form/input-date-picker/calendar/months/index.js

@@ -0,0 +1,66 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Months = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var formik_1 = require("formik");
+var mock_1 = require("../../mock/index.js");
+var S = __importStar(require("./styles.js"));
+function Months(_a) {
+    var language = _a.language, name = _a.name, mode = _a.mode, date = _a.date, dateSelected = _a.dateSelected, setStep = _a.setStep, handleToggle = _a.handleToggle, setDateSelected = _a.setDateSelected;
+    var _b = (0, formik_1.useFormikContext)(), values = _b.values, setFieldValue = _b.setFieldValue;
+    var months = mock_1.translations[language].months;
+    return ((0, jsx_runtime_1.jsx)(S.Months, { className: 'months-box', children: months.map(function (monthName, index) {
+            var monthDate = new Date(dateSelected.year, index, 1);
+            var isMonthInRange = ((date === null || date === void 0 ? void 0 : date.minDate) ? monthDate >= new Date(date === null || date === void 0 ? void 0 : date.minDate.getFullYear(), date === null || date === void 0 ? void 0 : date.minDate.getMonth(), 1) : true) &&
+                ((date === null || date === void 0 ? void 0 : date.maxDate) ? monthDate <= new Date(date === null || date === void 0 ? void 0 : date.maxDate.getFullYear(), date === null || date === void 0 ? void 0 : date.maxDate.getMonth(), 1) : true);
+            var isSelected = values[name].getMonth() === index &&
+                values[name].getMonth() === dateSelected.month &&
+                values[name].getFullYear() === dateSelected.year;
+            return ((0, jsx_runtime_1.jsx)("button", { type: 'button', className: "".concat(isSelected && 'selected', "  ").concat(new Date().getMonth() === index && !isSelected && 'current', " ").concat(!isMonthInRange && 'disabled'), onClick: function () {
+                    if (!isMonthInRange)
+                        return;
+                    setDateSelected(__assign(__assign({}, dateSelected), { month: index }));
+                    if (mode === 'month') {
+                        setFieldValue(name, new Date(dateSelected.year, index, 1));
+                        handleToggle(false);
+                    }
+                    setStep(2);
+                }, disabled: !isMonthInRange, children: monthName.substring(0, 3) }, monthName));
+        }) }));
+}
+exports.Months = Months;
+//# sourceMappingURL=index.js.map

package/dist/ui/components/form/input-date-picker/calendar/months/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/form/input-date-picker/calendar/months/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iCAAyC;AAEzC,mCAAyC;AAEzC,0CAA6B;AAE7B,SAAgB,MAAM,CAAC,EASE;QARvB,QAAQ,cAAA,EACR,IAAI,UAAA,EACJ,IAAI,UAAA,EACJ,IAAI,UAAA,EACJ,YAAY,kBAAA,EACZ,OAAO,aAAA,EACP,YAAY,kBAAA,EACZ,eAAe,qBAAA;IAET,IAAA,KAA4B,IAAA,yBAAgB,GAAE,EAA5C,MAAM,YAAA,EAAE,aAAa,mBAAuB,CAAA;IAEpD,IAAM,MAAM,GAAG,mBAAY,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAA;IAE5C,OAAO,CACL,uBAAC,CAAC,CAAC,MAAM,IAAC,SAAS,EAAC,YAAY,YAC7B,MAAM,CAAC,GAAG,CAAC,UAAC,SAAS,EAAE,KAAK;YAC3B,IAAM,SAAS,GAAG,IAAI,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC,CAAA;YACvD,IAAM,cAAc,GAClB,CAAC,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,OAAO,EAAC,CAAC,CAAC,SAAS,IAAI,IAAI,IAAI,CAAC,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,OAAO,CAAC,WAAW,EAAE,EAAE,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,OAAO,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;gBACxG,CAAC,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,OAAO,EAAC,CAAC,CAAC,SAAS,IAAI,IAAI,IAAI,CAAC,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,OAAO,CAAC,WAAW,EAAE,EAAE,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,OAAO,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAA;YAE1G,IAAM,UAAU,GACb,MAAM,CAAC,IAAI,CAAU,CAAC,QAAQ,EAAE,KAAK,KAAK;gBAC1C,MAAM,CAAC,IAAI,CAAU,CAAC,QAAQ,EAAE,KAAK,YAAY,CAAC,KAAK;gBACvD,MAAM,CAAC,IAAI,CAAU,CAAC,WAAW,EAAE,KAAK,YAAY,CAAC,IAAI,CAAA;YAE5D,OAAO,CACL,mCACE,IAAI,EAAC,QAAQ,EAEb,SAAS,EAAE,UAAG,UAAU,IAAI,UAAU,eAAK,IAAI,IAAI,EAAE,CAAC,QAAQ,EAAE,KAAK,KAAK,IAAI,CAAC,UAAU,IAAI,SAAS,cAAI,CAAC,cAAc,IAAI,UAAU,CAAE,EACzI,OAAO,EAAE;oBACP,IAAI,CAAC,cAAc;wBAAE,OAAM;oBAE3B,eAAe,uBAAM,YAAY,KAAE,KAAK,EAAE,KAAK,IAAG,CAAA;oBAElD,IAAI,IAAI,KAAK,OAAO,EAAE,CAAC;wBACrB,aAAa,CAAC,IAAI,EAAE,IAAI,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,CAAA;wBAC1D,YAAY,CAAC,KAAK,CAAC,CAAA;oBACrB,CAAC;oBAED,OAAO,CAAC,CAAC,CAAC,CAAA;gBACZ,CAAC,EACD,QAAQ,EAAE,CAAC,cAAc,YAExB,SAAS,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,IAhBrB,SAAS,CAiBP,CACV,CAAA;QACH,CAAC,CAAC,GACO,CACZ,CAAA;AACH,CAAC;AApDD,wBAoDC"}

package/dist/ui/components/form/input-date-picker/calendar/months/styles.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const Months: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: import("react").Ref<HTMLDivElement>;
+}, never>> & string;

package/dist/ui/components/form/input-date-picker/calendar/months/styles.js

@@ -0,0 +1,17 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Months = void 0;
+var styled_components_1 = __importDefault(require("styled-components"));
+exports.Months = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: grid;\n  gap: 5px;\n  grid-template-columns: repeat(3, 1fr);\n  justify-content: space-between;\n\n  > button {\n    padding: 6px;\n    border: unset;\n    border-radius: 8px;\n    background-color: transparent;\n\n    color: #2a2a2a;\n    font-size: 12px;\n    font-weight: 400;\n\n    &.selected {\n      color: white;\n      background-color: ", ";\n    }\n\n    &.disabled {\n      opacity: 0.5;\n      cursor: not-allowed;\n    }\n\n    &.current {\n      color: currentColor;\n      background-color: #f2f2f2;\n    }\n  }\n"], ["\n  display: grid;\n  gap: 5px;\n  grid-template-columns: repeat(3, 1fr);\n  justify-content: space-between;\n\n  > button {\n    padding: 6px;\n    border: unset;\n    border-radius: 8px;\n    background-color: transparent;\n\n    color: #2a2a2a;\n    font-size: 12px;\n    font-weight: 400;\n\n    &.selected {\n      color: white;\n      background-color: ", ";\n    }\n\n    &.disabled {\n      opacity: 0.5;\n      cursor: not-allowed;\n    }\n\n    &.current {\n      color: currentColor;\n      background-color: #f2f2f2;\n    }\n  }\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.primaryColor || '#2c68df';
+});
+var templateObject_1;
+//# sourceMappingURL=styles.js.map

package/dist/ui/components/form/input-date-picker/calendar/months/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/form/input-date-picker/calendar/months/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,MAAM,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,mmBAAA,yWAkBT,EAA8C,qLAavE,KAbyB,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,YAAY,IAAI,SAAS;AAA/B,CAA+B,EAavE"}