infinity-forge 6.0.0 → 6.0.2

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

@@ -0,0 +1,89 @@
+"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 () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InputSvg = InputSvg;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var formik_1 = require("formik");
+var ui_1 = require("../../../../ui/index.js");
+var input_control_1 = require("../input-control/index.js");
+var S = __importStar(require("./styles.js"));
+function InputSvg(props) {
+    var _a = (0, formik_1.useField)({ name: props.name, type: props.type }), field = _a[0], _ = _a[1], handlers = _a[2];
+    var handleFileUpload = function (event) {
+        var file = event.target.files[0];
+        if (file && file.type === 'image/svg+xml') {
+            var reader = new FileReader();
+            reader.onload = function (e) {
+                var svgString = e.target.result;
+                var parser = new DOMParser();
+                var svgDoc = parser.parseFromString(svgString, 'image/svg+xml');
+                var elementsWithFill = svgDoc.querySelectorAll('[fill]');
+                elementsWithFill.forEach(function (el) {
+                    if (el.getAttribute('fill') !== 'none') {
+                        el.removeAttribute('fill');
+                    }
+                });
+                var elementsWithStroke = svgDoc.querySelectorAll('[stroke]');
+                elementsWithStroke.forEach(function (el) {
+                    if (el.getAttribute('stroke') !== 'none') {
+                        el.removeAttribute('stroke');
+                    }
+                });
+                svgString = new XMLSerializer().serializeToString(svgDoc.documentElement);
+                handlers.setValue(svgString);
+            };
+            reader.readAsText(file);
+        }
+        else {
+            alert('Por favor, selecione um arquivo SVG válido.');
+        }
+    };
+    return ((0, jsx_runtime_1.jsx)(input_control_1.InputControl, __assign({}, props, { fieldValue: field.value || '', children: (0, jsx_runtime_1.jsxs)(S.InputSvg, { children: [(0, jsx_runtime_1.jsxs)("label", { htmlFor: props.name + 'upload_svg', children: [(0, jsx_runtime_1.jsx)("input", { style: { display: 'none' }, type: 'file', id: props.name + 'upload_svg', accept: '.svg', onChange: handleFileUpload }), (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'IconUpload', color: '#fff' })] }), (0, jsx_runtime_1.jsx)("div", { className: 'preview', children: field.value && (0, jsx_runtime_1.jsx)("div", { dangerouslySetInnerHTML: { __html: field.value } }) }), (0, jsx_runtime_1.jsx)("input", __assign({}, field, { id: props.name, placeholder: props.placeholder, type: 'text', readOnly: true, value: field.value || '', onChange: function (ev) {
+                        field.onChange(ev);
+                        props.onChangeInput && props.onChangeInput(ev.target.value);
+                    } }))] }) })));
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/input-svg/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,4BAuEC;;AAhFD,iCAAiC;AAEjC,2BAA2B;AAE3B,kDAA+C;AAG/C,0CAA6B;AAE7B,SAAgB,QAAQ,CAAC,KAAiB;IAClC,IAAA,KAAuB,IAAA,iBAAQ,EAAC,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,CAAC,EAAtE,KAAK,QAAA,EAAE,CAAC,QAAA,EAAE,QAAQ,QAAoD,CAAA;IAE7E,IAAM,gBAAgB,GAAG,UAAC,KAAK;QAC7B,IAAM,IAAI,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAA;QAElC,IAAI,IAAI,IAAI,IAAI,CAAC,IAAI,KAAK,eAAe,EAAE,CAAC;YAC1C,IAAM,MAAM,GAAG,IAAI,UAAU,EAAE,CAAA;YAE/B,MAAM,CAAC,MAAM,GAAG,UAAC,CAAC;gBAChB,IAAI,SAAS,GAAG,CAAC,CAAC,MAAM,CAAC,MAAgB,CAAA;gBAEzC,IAAM,MAAM,GAAG,IAAI,SAAS,EAAE,CAAA;gBAC9B,IAAM,MAAM,GAAG,MAAM,CAAC,eAAe,CAAC,SAAS,EAAE,eAAe,CAAC,CAAA;gBAEjE,IAAM,gBAAgB,GAAG,MAAM,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAA;gBAC1D,gBAAgB,CAAC,OAAO,CAAC,UAAC,EAAE;oBAC1B,IAAI,EAAE,CAAC,YAAY,CAAC,MAAM,CAAC,KAAK,MAAM,EAAE,CAAC;wBACvC,EAAE,CAAC,eAAe,CAAC,MAAM,CAAC,CAAA;oBAC5B,CAAC;gBACH,CAAC,CAAC,CAAA;gBAEF,IAAM,kBAAkB,GAAG,MAAM,CAAC,gBAAgB,CAAC,UAAU,CAAC,CAAA;gBAC9D,kBAAkB,CAAC,OAAO,CAAC,UAAC,EAAE;oBAC5B,IAAI,EAAE,CAAC,YAAY,CAAC,QAAQ,CAAC,KAAK,MAAM,EAAE,CAAC;wBACzC,EAAE,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAA;oBAC9B,CAAC;gBACH,CAAC,CAAC,CAAA;gBAEF,SAAS,GAAG,IAAI,aAAa,EAAE,CAAC,iBAAiB,CAAC,MAAM,CAAC,eAAe,CAAC,CAAA;gBACzE,QAAQ,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAA;YAC9B,CAAC,CAAA;YAED,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC,CAAA;QACzB,CAAC;aAAM,CAAC;YACN,KAAK,CAAC,6CAA6C,CAAC,CAAA;QACtD,CAAC;IACH,CAAC,CAAA;IAED,OAAO,CACL,uBAAC,4BAAY,eAAK,KAAK,IAAE,UAAU,EAAE,KAAK,CAAC,KAAK,IAAI,EAAE,YACpD,wBAAC,CAAC,CAAC,QAAQ,eACT,mCAAO,OAAO,EAAE,KAAK,CAAC,IAAI,GAAG,YAAY,aACvC,kCACE,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,EAC1B,IAAI,EAAC,MAAM,EACX,EAAE,EAAE,KAAK,CAAC,IAAI,GAAG,YAAY,EAC7B,MAAM,EAAC,MAAM,EACb,QAAQ,EAAE,gBAAgB,GAC1B,EAEF,uBAAC,SAAI,IAAC,IAAI,EAAC,YAAY,EAAC,KAAK,EAAC,MAAM,GAAG,IACjC,EAER,gCAAK,SAAS,EAAC,SAAS,YAAE,KAAK,CAAC,KAAK,IAAI,gCAAK,uBAAuB,EAAE,EAAE,MAAM,EAAE,KAAK,CAAC,KAAK,EAAE,GAAI,GAAO,EAEzG,6CACM,KAAK,IACT,EAAE,EAAE,KAAK,CAAC,IAAI,EACd,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,IAAI,EAAC,MAAM,EACX,QAAQ,EAAE,IAAI,EACd,KAAK,EAAE,KAAK,CAAC,KAAK,IAAI,EAAE,EACxB,QAAQ,EAAE,UAAC,EAAE;wBACX,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAA;wBAClB,KAAK,CAAC,aAAa,IAAI,KAAK,CAAC,aAAa,CAAC,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;oBAC7D,CAAC,IACD,IACS,IACA,CAChB,CAAA;AACH,CAAC"}

package/dist/ui/components/form/input-svg/styles.js

@@ -0,0 +1,14 @@
+"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.InputSvg = void 0;
+var styled_components_1 = __importDefault(require("styled-components"));
+exports.InputSvg = (0, styled_components_1.default)("div")(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    display: flex;\n    gap: 10px;\n\n    label {\n        background-color: #000;\n        border-radius: 2px;\n        padding: 10px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        width: 42px;\n        height: 42px;\n        cursor: pointer;\n        transition: 0.3s;\n\n        &:hover {\n            background-color: #111;\n        }\n\n        svg {\n            fill: #fff;\n        }\n    }\n\n    .preview {\n        border: 1px solid #000;\n        background-color: #f1f1f1;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        height: 42px;\n        width: 42px; \n        border-radius: 2px;\n\n        div {\n            height: inherit;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            width: 100%;\n        }\n\n        svg {\n            width: 25px;\n            height: auto;\n            fill: #000;\n        }\n    }\n\n    input {\n        width: calc(100% - 20px - 84px);\n    }\n"], ["\n    display: flex;\n    gap: 10px;\n\n    label {\n        background-color: #000;\n        border-radius: 2px;\n        padding: 10px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        width: 42px;\n        height: 42px;\n        cursor: pointer;\n        transition: 0.3s;\n\n        &:hover {\n            background-color: #111;\n        }\n\n        svg {\n            fill: #fff;\n        }\n    }\n\n    .preview {\n        border: 1px solid #000;\n        background-color: #f1f1f1;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        height: 42px;\n        width: 42px; \n        border-radius: 2px;\n\n        div {\n            height: inherit;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            width: 100%;\n        }\n\n        svg {\n            width: 25px;\n            height: auto;\n            fill: #000;\n        }\n    }\n\n    input {\n        width: calc(100% - 20px - 84px);\n    }\n"])));
+var templateObject_1;
+//# sourceMappingURL=styles.js.map

package/dist/ui/components/form/input-svg/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/input-svg/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAuC;AAE1B,QAAA,QAAQ,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,8mCAAA,2iCAqDpC,KAAA"}

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

@@ -1,2 +1,2 @@
-import { IInputSwitch } from './interfaces';
+import { IInputSwitch } from './interfaces.js';
 export declare function InputSwitch(props: IInputSwitch): import("react/jsx-runtime").JSX.Element;

package/dist/ui/components/form/input-switch/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 () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InputSwitch = InputSwitch;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var formik_1 = require("formik");
+var ui_1 = require("../../../../ui/index.js");
+var input_control_1 = require("../input-control/index.js");
+var S = __importStar(require("./styles.js"));
+function InputSwitch(props) {
+    var field = (0, formik_1.useField)({ name: props.name, type: 'checkbox' })[0];
+    var isChecked = field === null || field === void 0 ? void 0 : field.value;
+    var htmlFor = props.name + (props.checkbox_key || "");
+    return ((0, jsx_runtime_1.jsx)(S.InputSwitch, { children: (0, jsx_runtime_1.jsxs)(input_control_1.InputControl, __assign({}, props, { children: [(0, jsx_runtime_1.jsx)("input", __assign({ type: 'checkbox', id: htmlFor }, field, { onChange: function (ev) {
+                        field.onChange(ev);
+                        props.onChangeInput && props.onChangeInput(ev.target.checked);
+                    }, className: 'custom-checkbox' })), (0, jsx_runtime_1.jsx)("label", { style: isChecked ? { background: props.color || '#444' } : {}, className: "custom-checkbox-label ".concat(isChecked ? 'checked' : ''), htmlFor: htmlFor, children: isChecked && (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'Checked' }) })] })) }));
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/input-switch/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA,kCAyBC;;AAlCD,iCAAiC;AAEjC,2BAA2B;AAC3B,kDAA+C;AAI/C,0CAA6B;AAE7B,SAAgB,WAAW,CAAC,KAAmB;IACtC,IAAA,KAAK,GAAI,IAAA,iBAAQ,EAAC,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,GAApD,CAAoD;IAEhE,IAAM,SAAS,GAAG,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,CAAA;IAE9B,IAAM,OAAO,GAAG,KAAK,CAAC,IAAI,GAAG,CAAC,KAAK,CAAC,YAAY,IAAI,EAAE,CACvD,CAAA;IACC,OAAO,CACL,uBAAC,CAAC,CAAC,WAAW,cACZ,wBAAC,4BAAY,eAAK,KAAK,eACrB,2CAAO,IAAI,EAAC,UAAU,EAAC,EAAE,EAAE,OAAO,IAAM,KAAK,IAAE,QAAQ,EAAE,UAAC,EAAE;wBAC1D,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;wBACnB,KAAK,CAAC,aAAa,IAAI,KAAK,CAAC,aAAa,CAAC,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC,CAAA;oBAC/D,CAAC,EAAE,SAAS,EAAC,iBAAiB,IAAG,EAEjC,kCACE,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,KAAK,CAAC,KAAK,IAAI,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,EAC7D,SAAS,EAAE,gCAAyB,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAE,EAChE,OAAO,EAAE,OAAO,YAEf,SAAS,IAAI,uBAAC,SAAI,IAAC,IAAI,EAAC,SAAS,GAAG,GAC/B,KACK,GACD,CACjB,CAAA;AACH,CAAC"}

package/dist/ui/components/form/input-switch/interfaces.d.ts

@@ -1,4 +1,4 @@
-import { InputProps } from '../interfaces';
+import { InputProps } from '../interfaces.js';
 export type IInputSwitch = {
     color?: string;
 } & InputProps;

package/dist/ui/components/form/input-switch/interfaces.js

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

package/dist/ui/components/form/input-switch/interfaces.js.map

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

package/dist/ui/components/form/input-switch/styles.js

@@ -0,0 +1,14 @@
+"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.InputSwitch = void 0;
+var styled_components_1 = __importDefault(require("styled-components"));
+exports.InputSwitch = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: fit-content;\n\n  .container-switch {\n    display: flex;\n    flex-direction: row-reverse;\n    align-items: center;\n    gap: 10px;\n  }\n\n  .custom-checkbox {\n    display: none; /* Esconde o input nativo */\n  }\n\n  .custom-checkbox-label {\n    position: relative;\n    margin: 0;\n    cursor: pointer;\n    text-indent: -9999px;\n    width: 40px;\n    height: 20px;\n    background: grey;\n    display: block;\n    border-radius: 100px;\n    position: relative;\n\n    &:after {\n      content: '';\n      position: absolute;\n      top: 50%;\n      transform: translateY(-50%);\n      left: 5px;\n      width: 12px;\n      height: 12px;\n      background: #fff;\n      border-radius: 12px;\n      transition: 0.3s;\n    }\n\n    &.checked {\n      border: none;\n    }\n\n    svg {\n      stroke: #fff;\n      width: 100%;\n      height: auto;\n    }\n  }\n\n  input:checked + .custom-checkbox-label {\n    background: #bada55;\n  }\n\n  input:checked + .custom-checkbox-label:after {\n    left: calc(100% - 15px);\n  }\n"], ["\n  width: fit-content;\n\n  .container-switch {\n    display: flex;\n    flex-direction: row-reverse;\n    align-items: center;\n    gap: 10px;\n  }\n\n  .custom-checkbox {\n    display: none; /* Esconde o input nativo */\n  }\n\n  .custom-checkbox-label {\n    position: relative;\n    margin: 0;\n    cursor: pointer;\n    text-indent: -9999px;\n    width: 40px;\n    height: 20px;\n    background: grey;\n    display: block;\n    border-radius: 100px;\n    position: relative;\n\n    &:after {\n      content: '';\n      position: absolute;\n      top: 50%;\n      transform: translateY(-50%);\n      left: 5px;\n      width: 12px;\n      height: 12px;\n      background: #fff;\n      border-radius: 12px;\n      transition: 0.3s;\n    }\n\n    &.checked {\n      border: none;\n    }\n\n    svg {\n      stroke: #fff;\n      width: 100%;\n      height: auto;\n    }\n  }\n\n  input:checked + .custom-checkbox-label {\n    background: #bada55;\n  }\n\n  input:checked + .custom-checkbox-label:after {\n    left: calc(100% - 15px);\n  }\n"])));
+var templateObject_1;
+//# sourceMappingURL=styles.js.map

package/dist/ui/components/form/input-switch/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/input-switch/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,WAAW,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,slCAAA,mhCAyDvC,KAAA"}

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

@@ -1,2 +1,2 @@
-import { InputProps } from '@/ui';
+import { InputProps } from '../../../../ui/index.js';
 export declare function InputYoutube(props: InputProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,72 @@
+"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 () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InputYoutube = InputYoutube;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var formik_1 = require("formik");
+var ui_1 = require("../../../../ui/index.js");
+var S = __importStar(require("./styles.js"));
+function formatYoutubeLink(value) {
+    if (typeof value === 'string') {
+        if (value === null || value === void 0 ? void 0 : value.startsWith('<iframe')) {
+            var srcMatch = value.match(/src="([^"]+)"/);
+            if (srcMatch) {
+                return srcMatch[1];
+            }
+        }
+        else if (value.includes('youtube.com/watch?v=')) {
+            var videoId = value.split('v=')[1].split('&')[0];
+            var embedUrl = "https://www.youtube.com/embed/".concat(videoId);
+            return embedUrl;
+        }
+    }
+}
+function InputYoutube(props) {
+    var values = (0, formik_1.useFormikContext)().values;
+    var inputValue = formatYoutubeLink(values[props.name]);
+    return ((0, jsx_runtime_1.jsxs)(S.Video, { children: [(0, jsx_runtime_1.jsxs)("svg", { height: '80px', width: '80px', version: '1.1', id: 'Layer_1', xmlns: 'http://www.w3.org/2000/svg', viewBox: '0 0 512 512', xmlSpace: 'preserve', children: [(0, jsx_runtime_1.jsx)("path", { d: 'M493.392,347.76H224.728c-10.256-0.032-18.568-8.344-18.6-18.6V182.84\r\n\tc0.032-10.256,8.344-18.568,18.6-18.6H493.4c10.256,0.032,18.568,8.344,18.6,18.6v146.328\r\n\tC511.96,339.424,503.648,347.728,493.392,347.76z' }), (0, jsx_runtime_1.jsx)("path", { d: 'M24.096,300.152v-31.744L0,223.96h15.84l9.152,19.52c2.624,5.664,4.544,9.976,6.592,15.16h0.2\r\n\tc1.944-4.856,4.064-9.6,6.688-15.16l9.152-19.52H63.32l-25.336,44.096v32.088L24.096,300.152L24.096,300.152z' }), (0, jsx_runtime_1.jsx)("path", { d: 'M112.992,272.096c1.136,15.008-10.112,28.088-25.12,29.224c-1.048,0.08-2.096,0.096-3.136,0.056\r\n\tc-14.672,0.584-27.04-10.848-27.624-25.52c-0.04-0.936-0.024-1.88,0.04-2.816c-1.136-14.976,10.096-28.04,25.072-29.176\r\n\tc1.144-0.088,2.288-0.104,3.432-0.04c14.568-0.552,26.832,10.808,27.384,25.376C113.08,270.168,113.064,271.136,112.992,272.096z\r\n\t M71.512,272.712c0,10.584,5.184,18.64,13.656,18.64c7.928,0,13.48-7.784,13.48-18.912c0-8.6-3.864-18.4-13.344-18.4\r\n\tC75.472,254,71.512,263.488,71.512,272.712L71.512,272.712z' }), (0, jsx_runtime_1.jsx)("path", { d: 'M173.72,283.624c0,6.552,0.232,12,0.448,16.52h-12.224l-0.68-8.392h-0.208c-3.736,6.136-10.472,9.8-17.656,9.6\r\n\tc-10.072,0-19.2-6.008-19.2-24v-32.296h13.888v29.976c0,9.152,2.968,15.096,10.304,15.096c6.376-0.184,11.44-5.424,11.408-11.808\r\n\tv-33.248h13.92C173.72,245.072,173.72,283.624,173.72,283.624z' }), (0, jsx_runtime_1.jsx)("path", { d: 'M493.392,347.76H224.728c-10.256-0.032-18.568-8.344-18.6-18.6V182.84c0.032-10.256,8.344-18.568,18.6-18.6H493.4\r\n\tc10.256,0.032,18.568,8.344,18.6,18.6v146.328C511.96,339.424,503.648,347.728,493.392,347.76z' }), (0, jsx_runtime_1.jsx)("g", { children: (0, jsx_runtime_1.jsx)("g", { children: (0, jsx_runtime_1.jsx)("path", { style: { opacity: 0.2, fill: '#fff' }, d: 'M206.128,187.792V313.2\r\n\t\t\tc0.032,2.336,0.416,4.648,1.144,6.864L392.416,164.24H206.24' }) }) }), (0, jsx_runtime_1.jsxs)("g", { children: [(0, jsx_runtime_1.jsx)("path", { style: { fill: '#fff' }, d: 'M262.224,235.568H240.52V223.96h57.6v11.608h-21.96v64.592h-13.936V235.568z' }), (0, jsx_runtime_1.jsx)("path", { style: { fill: '#fff' }, d: 'M350.12,283.624c0,6.552,0.232,12,0.448,16.52h-12.224l-0.68-8.392h-0.2\r\n\t\tc-3.736,6.136-10.472,9.8-17.656,9.6c-10.072,0-19.2-6.008-19.2-24v-32.296h13.872v29.976c0,9.152,2.968,15.096,10.304,15.096\r\n\t\tc6.376-0.184,11.44-5.424,11.408-11.808v-33.248h13.92L350.12,283.624z' }), (0, jsx_runtime_1.jsx)("path", { style: { fill: '#fff' }, d: 'M364.704,300.152c0.232-3.752,0.48-9.824,0.48-15.496v-64.8h13.888v32.8h0.232\r\n\t\tc3.92-5.816,10.6-9.152,17.6-8.8c13.48,0,23.072,11.2,22.976,27.928c0,19.8-12.568,29.6-24.984,29.6\r\n\t\tc-7.128,0.36-13.856-3.304-17.408-9.496h-0.232l-0.68,8.256L364.704,300.152z M379.104,277.416c-0.016,1.104,0.104,2.2,0.344,3.272\r\n\t\tc1.408,5.68,6.472,9.688,12.32,9.76c8.704,0,14.032-7.032,14.032-18.088c0-9.76-4.64-17.688-13.92-17.688\r\n\t\tc-5.944,0.2-11,4.376-12.32,10.176c-0.272,1.184-0.416,2.4-0.448,3.616L379.104,277.416L379.104,277.416z' }), (0, jsx_runtime_1.jsx)("path", { style: { fill: '#fff' }, d: 'M441.168,276.528c0.304,8.256,7.248,14.704,15.504,14.4c0.488-0.016,0.976-0.056,1.456-0.128\r\n\t\tc5.2,0.12,10.376-0.736,15.256-2.528l2.048,9.6c-6.144,2.344-12.68,3.504-19.256,3.416c-14.336,1.304-27.024-9.264-28.328-23.6\r\n\t\tc-0.128-1.416-0.144-2.84-0.04-4.256c-1.272-15.024,9.872-28.232,24.896-29.504c0.672-0.056,1.336-0.088,2.008-0.096\r\n\t\tc17.888,0,23.76,14.744,23.76,26.832c0.016,1.968-0.136,3.936-0.448,5.88h-36.856V276.528z M465.368,266.768\r\n\t\tc0.88-6.488-3.664-12.464-10.152-13.344c-0.424-0.056-0.848-0.096-1.28-0.104c-7.136,0.424-12.736,6.296-12.8,13.448H465.368z' })] })] }), (0, jsx_runtime_1.jsx)(ui_1.Input, __assign({}, props, { placeholder: 'URL V\u00EDdeo youtube' })), inputValue && ((0, jsx_runtime_1.jsx)("iframe", { src: inputValue, title: 'YouTube video player', frameBorder: '0', allow: 'accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share', referrerPolicy: 'strict-origin-when-cross-origin', allowFullScreen: true }))] }));
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/input-youtube/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsBA,oCA+FC;;AArHD,iCAAyC;AAEzC,2BAAwC;AAExC,0CAA6B;AAE7B,SAAS,iBAAiB,CAAC,KAAa;IACtC,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;QAC9B,IAAI,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,UAAU,CAAC,SAAS,CAAC,EAAE,CAAC;YACjC,IAAM,QAAQ,GAAG,KAAK,CAAC,KAAK,CAAC,eAAe,CAAC,CAAA;YAE7C,IAAI,QAAQ,EAAE,CAAC;gBACb,OAAO,QAAQ,CAAC,CAAC,CAAC,CAAA;YACpB,CAAC;QACH,CAAC;aAAM,IAAI,KAAK,CAAC,QAAQ,CAAC,sBAAsB,CAAC,EAAE,CAAC;YAClD,IAAM,OAAO,GAAG,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAA;YAClD,IAAM,QAAQ,GAAG,wCAAiC,OAAO,CAAE,CAAA;YAC3D,OAAO,QAAQ,CAAA;QACjB,CAAC;IACH,CAAC;AACH,CAAC;AAED,SAAgB,YAAY,CAAC,KAAiB;IACpC,IAAA,MAAM,GAAK,IAAA,yBAAgB,GAAE,OAAvB,CAAuB;IAErC,IAAM,UAAU,GAAG,iBAAiB,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAA;IAExD,OAAO,CACL,wBAAC,CAAC,CAAC,KAAK,eACN,iCACE,MAAM,EAAC,MAAM,EACb,KAAK,EAAC,MAAM,EACZ,OAAO,EAAC,KAAK,EACb,EAAE,EAAC,SAAS,EACZ,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,aAAa,EACrB,QAAQ,EAAC,UAAU,aAEnB,iCACE,CAAC,EAAC,sNAEqC,GACvC,EACF,iCACE,CAAC,EAAC,2MAC+F,GACjG,EACF,iCACE,CAAC,EAAC,8gBAI+C,GACjD,EACF,iCACE,CAAC,EAAC,gTAEkD,GACpD,EACF,iCACE,CAAC,EAAC,gNACiF,GACnF,EACF,wCACE,wCACE,iCACE,KAAK,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,EACrC,CAAC,EAAC,4FAC8C,GAChD,GACA,GACF,EAEJ,0CACE,iCACE,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EACvB,CAAC,EAAC,2EAA2E,GAC7E,EACF,iCACE,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EACvB,CAAC,EAAC,oRAEyD,GAC3D,EACF,iCACE,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EACvB,CAAC,EAAC,qhBAI0F,GAC5F,EACF,iCACE,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EACvB,CAAC,EAAC,skBAI8G,GAChH,IACA,IACA,EAEN,uBAAC,UAAK,eAAK,KAAK,IAAE,WAAW,EAAC,wBAAmB,IAAG,EAEnD,UAAU,IAAI,CACb,mCACE,GAAG,EAAE,UAAU,EACf,KAAK,EAAC,sBAAsB,EAC5B,WAAW,EAAC,GAAG,EACf,KAAK,EAAC,qGAAqG,EAC3G,cAAc,EAAC,iCAAiC,EAChD,eAAe,SACf,CACH,IACO,CACX,CAAA;AACH,CAAC"}

package/dist/ui/components/form/input-youtube/styles.js

@@ -0,0 +1,14 @@
+"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.Video = void 0;
+var styled_components_1 = __importDefault(require("styled-components"));
+exports.Video = (0, styled_components_1.default)("div")(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  padding-top: 15px;\n\n  svg {\n    width: 60px !important;\n    height: auto;\n    margin-bottom: -14px;\n  }\n"], ["\n  padding-top: 15px;\n\n  svg {\n    width: 60px !important;\n    height: auto;\n    margin-bottom: -14px;\n  }\n"])));
+var templateObject_1;
+//# sourceMappingURL=styles.js.map

package/dist/ui/components/form/input-youtube/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/input-youtube/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAuC;AAE1B,QAAA,KAAK,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,wLAAA,qHAQjC,KAAC"}

package/dist/ui/components/form/interfaces.d.ts

@@ -1,15 +1,15 @@
-import { TranslateProps } from '@/ui/contexts';
-import { IconsNames } from '@/ui/icons';
+import { TranslateProps } from '../../../ui/contexts/index.js';
+import { IconsNames } from '../../../ui/icons/index.js';
 import { FieldHelperProps, FieldMetaProps } from 'formik';
 type InputFormikState = {
     utils: FieldHelperProps<any>;
     state: FieldMetaProps<any>;
 };
 import { StylesConfig } from 'react-select';
-import { InputMaskProps } from './input-mask';
-import { InputManagerProps } from './input-manager';
-import { IInputDatePicker } from './input-date-picker';
-import { InputCurrencyProps } from './input-currency';
+import { InputMaskProps } from './input-mask/index.js';
+import { InputManagerProps } from './input-manager/index.js';
+import { IInputDatePicker } from './input-date-picker/index.js';
+import { InputCurrencyProps } from './input-currency/index.js';
 export type Option = {
     label: string;
     value?: string | number;

package/dist/ui/components/form/interfaces.js

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

package/dist/ui/components/form/interfaces.js.map

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

package/dist/ui/components/form/radio/index.js

@@ -0,0 +1,73 @@
+"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 () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InputRadioComponent = InputRadioComponent;
+exports.InputRadio = InputRadio;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var formik_1 = require("formik");
+var S = __importStar(require("./styles.js"));
+var input_control_1 = require("../input-control/index.js");
+function InputRadioComponent(props) {
+    var field = (0, formik_1.useField)({ name: props.name })[0];
+    var isActive = field.value === props.value;
+    return ((0, jsx_runtime_1.jsxs)("label", { htmlFor: props.name + props.label, children: [(0, jsx_runtime_1.jsx)("input", __assign({ id: props.name + props.label }, field, { checked: isActive, type: 'radio', value: props.value, style: { display: props.CustomOption ? 'none' : 'block' } })), props.CustomOption ? (0, jsx_runtime_1.jsx)(props.CustomOption, __assign({}, props, { isActive: isActive })) : (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: props.label && props.label })] }));
+}
+function InputRadio(_a) {
+    var name = _a.name, options = _a.options, props = __rest(_a, ["name", "options"]);
+    return ((0, jsx_runtime_1.jsx)(input_control_1.InputControl, __assign({}, props, { name: name, children: (0, jsx_runtime_1.jsx)(S.InputRadio, { children: (0, jsx_runtime_1.jsx)("div", { className: 'list-radios', children: options.map(function (option) { return ((0, jsx_runtime_1.jsx)(InputRadioComponent, __assign({}, option, { name: name }), option.value)); }) }) }) })));
+}
+//# sourceMappingURL=index.js.map

package/dist/ui/components/form/radio/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/radio/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,kDAmBC;AAED,gCAYC;;AAnDD,iCAAiC;AAEjC,0CAA6B;AAC7B,kDAA+C;AAe/C,SAAgB,mBAAmB,CAAC,KAA0C;IACrE,IAAA,KAAK,GAAI,IAAA,iBAAQ,EAAC,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,CAAC,GAAlC,CAAkC;IAE9C,IAAM,QAAQ,GAAG,KAAK,CAAC,KAAK,KAAK,KAAK,CAAC,KAAK,CAAA;IAE5C,OAAO,CACL,mCAAO,OAAO,EAAE,KAAK,CAAC,IAAI,GAAG,KAAK,CAAC,KAAK,aACtC,2CACE,EAAE,EAAE,KAAK,CAAC,IAAI,GAAG,KAAK,CAAC,KAAK,IACxB,KAAK,IACT,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,KAAK,EAAE,EAAE,OAAO,EAAE,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,EAAE,IACzD,EAED,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,uBAAC,KAAK,CAAC,YAAY,eAAK,KAAK,IAAE,QAAQ,EAAE,QAAQ,IAAI,CAAC,CAAC,CAAC,2DAAG,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,KAAK,GAAI,IACzG,CACT,CAAA;AACH,CAAC;AAED,SAAgB,UAAU,CAAC,EAA4C;IAA1C,IAAA,IAAI,UAAA,EAAE,OAAO,aAAA,EAAK,KAAK,cAAzB,mBAA2B,CAAF;IAClD,OAAO,CACL,uBAAC,4BAAY,eAAK,KAAK,IAAE,IAAI,EAAE,IAAI,YACjC,uBAAC,CAAC,CAAC,UAAU,cACX,gCAAK,SAAS,EAAC,aAAa,YACzB,OAAO,CAAC,GAAG,CAAC,UAAC,MAAM,IAAK,OAAA,CACvB,uBAAC,mBAAmB,eAAwB,MAAM,IAAE,IAAI,EAAE,IAAI,KAApC,MAAM,CAAC,KAAK,CAA4B,CACnE,EAFwB,CAExB,CAAC,GACE,GACO,IACF,CAChB,CAAA;AACH,CAAC"}

package/dist/ui/components/form/radio/styles.js

@@ -0,0 +1,14 @@
+"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.InputRadio = void 0;
+var styled_components_1 = __importDefault(require("styled-components"));
+exports.InputRadio = (0, styled_components_1.default)("div")(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n\n"], ["\n\n"])));
+var templateObject_1;
+//# sourceMappingURL=styles.js.map

package/dist/ui/components/form/radio/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/radio/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAuC;AAE1B,QAAA,UAAU,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,yEAAA,MAEtC,KAAC"}

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

@@ -1,5 +1,5 @@
 import { DateRangePickerProps } from '@wojtekmaj/react-daterange-picker';
-import { InputProps } from '../interfaces';
+import { InputProps } from '../interfaces.js';
 type IDatePickerProps = DateRangePickerProps & InputProps;
 export declare function RangeDatePicker(props: IDatePickerProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -0,0 +1,70 @@
+"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 () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RangeDatePicker = RangeDatePicker;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var formik_1 = require("formik");
+var react_daterange_picker_1 = __importDefault(require("@wojtekmaj/react-daterange-picker"));
+var icons_1 = require("../../../../ui/icons/index.js");
+var input_control_1 = require("../input-control/index.js");
+var S = __importStar(require("./styles.js"));
+function RangeDatePicker(props) {
+    var _a, _b;
+    var _c = (0, formik_1.useField)({ name: props.name, type: props.type }), field = _c[0], _ = _c[1];
+    var setFieldValue = (0, formik_1.useFormikContext)().setFieldValue;
+    var value = (field === null || field === void 0 ? void 0 : field.value) ? [(_a = field === null || field === void 0 ? void 0 : field.value) === null || _a === void 0 ? void 0 : _a.startDate, (_b = field === null || field === void 0 ? void 0 : field.value) === null || _b === void 0 ? void 0 : _b.endDate] : [null, null];
+    function handleChange(value) {
+        setFieldValue(props.name, {
+            startDate: value === null || value === void 0 ? void 0 : value[0],
+            endDate: value === null || value === void 0 ? void 0 : value[1],
+        });
+    }
+    return ((0, jsx_runtime_1.jsx)(S.DatePicker, { children: (0, jsx_runtime_1.jsx)(input_control_1.InputControl, __assign({}, props, { value: value, children: (0, jsx_runtime_1.jsx)(react_daterange_picker_1.default, __assign({}, props, { id: props.name, rangeDivider: false, format: '', showLeadingZeros: false, onChange: handleChange, value: value, clearIcon: (0, jsx_runtime_1.jsx)(icons_1.Icon, { name: 'IconClose' }), calendarIcon: (0, jsx_runtime_1.jsx)(icons_1.Icon, { name: 'IconCalendar' }) })) })) }));
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/range-date-picker/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcA,0CA8BC;;AA5CD,iCAAmD;AAGnD,6FAA8F;AAE9F,oCAAiC;AACjC,kDAA+C;AAI/C,0CAA6B;AAI7B,SAAgB,eAAe,CAAC,KAAuB;;IAC/C,IAAA,KAAa,IAAA,iBAAQ,EAAC,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,CAAC,EAA5D,KAAK,QAAA,EAAE,CAAC,QAAoD,CAAA;IAC3D,IAAA,aAAa,GAAK,IAAA,yBAAgB,GAAE,cAAvB,CAAuB;IAE5C,IAAM,KAAK,GAAG,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,EAAC,CAAC,CAAC,CAAC,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,0CAAE,SAAS,EAAE,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,0CAAE,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,IAAI,CAAC,CAAA;IAE5F,SAAS,YAAY,CAAC,KAAK;QACzB,aAAa,CAAC,KAAK,CAAC,IAAI,EAAE;YACxB,SAAS,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAG,CAAC,CAAC;YACrB,OAAO,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAG,CAAC,CAAC;SACpB,CAAC,CAAA;IACJ,CAAC;IAED,OAAO,CACL,uBAAC,CAAC,CAAC,UAAU,cACX,uBAAC,4BAAY,eAAK,KAAK,IAAE,KAAK,EAAE,KAAK,YACnC,uBAAC,gCAAoB,eACf,KAAK,IACT,EAAE,EAAE,KAAK,CAAC,IAAI,EACd,YAAY,EAAE,KAAK,EACnB,MAAM,EAAC,EAAE,EACT,gBAAgB,EAAE,KAAK,EACvB,QAAQ,EAAE,YAAY,EACtB,KAAK,EAAE,KAAmB,EAC1B,SAAS,EAAE,uBAAC,YAAI,IAAC,IAAI,EAAC,WAAW,GAAG,EACpC,YAAY,EAAE,uBAAC,YAAI,IAAC,IAAI,EAAC,cAAc,GAAG,IAC1C,IACW,GACF,CAChB,CAAA;AACH,CAAC"}

package/dist/ui/components/form/range-date-picker/styles.js

@@ -0,0 +1,14 @@
+"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.DatePicker = void 0;
+var styled_components_1 = __importDefault(require("styled-components"));
+exports.DatePicker = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  .react-daterange-picker {\n    display: inline-flex;\n    position: relative;\n  }\n\n  .react-daterange-picker,\n  .react-daterange-picker *,\n  .react-daterange-picker *:before,\n  .react-daterange-picker *:after {\n    -moz-box-sizing: border-box;\n    -webkit-box-sizing: border-box;\n    box-sizing: border-box;\n  }\n\n  .react-daterange-picker--disabled {\n    background-color: #f0f0f0;\n    color: #6d6d6d;\n  }\n\n  .react-daterange-picker__wrapper {\n    display: flex;\n    flex-grow: 1;\n    flex-shrink: 0;\n    align-items: center;\n    border: thin solid gray;\n  }\n\n  .react-daterange-picker__inputGroup {\n    min-width: calc((4px * 3) + 0.54em * 8 + 0.217em * 2);\n    height: 100%;\n    flex-grow: 1;\n    padding: 0 2px;\n    box-sizing: content-box;\n  }\n\n  .react-daterange-picker__inputGroup__divider {\n    padding: 1px 0;\n    white-space: pre;\n  }\n\n  .react-daterange-picker__inputGroup__divider,\n  .react-daterange-picker__inputGroup__leadingZero {\n    display: inline-block;\n    font: inherit;\n  }\n\n  .react-daterange-picker__inputGroup__input {\n    min-width: 0.54em;\n    height: 100%;\n    position: relative;\n    padding: 0 1px;\n    border: 0;\n    background: none;\n    color: currentColor;\n    font: inherit;\n    box-sizing: content-box;\n    -webkit-appearance: textfield;\n    -moz-appearance: textfield;\n    appearance: textfield;\n  }\n\n  .react-daterange-picker__inputGroup__input::-webkit-outer-spin-button,\n  .react-daterange-picker__inputGroup__input::-webkit-inner-spin-button {\n    -webkit-appearance: none;\n    -moz-appearance: none;\n    appearance: none;\n    margin: 0;\n  }\n\n  .react-daterange-picker__inputGroup__input:invalid {\n    background: rgba(255, 0, 0, 0.1);\n  }\n\n  .react-daterange-picker__inputGroup__input--hasLeadingZero {\n    margin-left: -0.54em;\n    padding-left: calc(1px + 0.54em);\n  }\n\n  .react-daterange-picker__button {\n    border: 0;\n    background: transparent;\n    padding: 4px 6px;\n  }\n\n  .react-daterange-picker__button:enabled {\n    cursor: pointer;\n  }\n\n  .react-daterange-picker__button:enabled:hover .react-daterange-picker__button__icon,\n  .react-daterange-picker__button:enabled:focus .react-daterange-picker__button__icon {\n    stroke: #0078d7;\n  }\n\n  .react-daterange-picker__button:disabled .react-daterange-picker__button__icon {\n    stroke: #6d6d6d;\n  }\n\n  .react-daterange-picker__button svg {\n    display: inherit;\n  }\n\n  .react-daterange-picker__calendar {\n    width: 350px;\n    max-width: 100vw;\n    z-index: 1;\n  }\n\n  .react-daterange-picker__calendar--closed {\n    display: none;\n  }\n\n  .react-daterange-picker__calendar .react-calendar {\n    border-width: thin;\n  }\n\n  .react-date-picker__inputGroup__leadingZero {\n    display: none;\n  }\n\n  .react-daterange-picker__calendar-button,\n  .react-daterange-picker__clear-button {\n    &:hover {\n      svg > path {\n        transition: 0.2s;\n        fill: #000;\n      }\n    }\n  }\n\n  .react-daterange-picker__calendar-button {\n    svg {\n      width: 20px;\n      height: auto;\n\n      path {\n        fill: #6b7280;\n      }\n    }\n  }\n\n  .react-daterange-picker__clear-button {\n    margin-left: 20px;\n\n    svg {\n      width: 10px;\n      height: auto;\n\n      path {\n        fill: #6b7280;\n      }\n    }\n  }\n\n  .react-daterange-picker__wrapper {\n    border: 1px solid #e9ebee;\n    padding: 8px 4px;\n    border-radius: 6px;\n    background: #eff1f8;\n\n    > div {\n      * {\n        border: none;\n        color: #6b7280;\n      }\n\n      color: #6b7280;\n      padding: 0;\n      display: flex;\n      align-items: center;\n    }\n\n    .react-daterange-picker__inputGroup:first-child {\n      margin-right: 10px;\n    }\n\n    .react-daterange-picker__inputGroup {\n      width: 200px;\n      border: 1px solid #ccc;\n      border-radius: 6px;\n      background: #ffffff;\n      transition: 0.2s;\n      align-items: center;\n      cursor: pointer;\n\n      input {\n        height: 38px;\n        background: transparent;\n        cursor: pointer;\n        width: fit-content;\n        margin: 0 auto;\n      }\n\n      &:hover,\n      &:focus {\n        border: 1px solid #637bff;\n        box-shadow: 1px 1px 4px;\n      }\n    }\n  }\n\n  .react-calendar {\n    width: 350px;\n    max-width: 100%;\n    background: white;\n    border: 1px solid #a0a096;\n    font-family: 'Arial', 'Helvetica', sans-serif;\n    line-height: 1.125em;\n  }\n\n  .react-calendar--doubleView {\n    width: 700px;\n  }\n\n  .react-calendar--doubleView .react-calendar__viewContainer {\n    display: flex;\n    margin: -0.5em;\n  }\n\n  .react-calendar--doubleView .react-calendar__viewContainer > * {\n    width: 50%;\n    margin: 0.5em;\n  }\n\n  .react-calendar,\n  .react-calendar *,\n  .react-calendar *:before,\n  .react-calendar *:after {\n    -moz-box-sizing: border-box;\n    -webkit-box-sizing: border-box;\n    box-sizing: border-box;\n  }\n\n  .react-calendar button {\n    margin: 0;\n    border: 0;\n    outline: none;\n  }\n\n  .react-calendar button:enabled:hover {\n    cursor: pointer;\n  }\n\n  .react-calendar__navigation {\n    display: flex;\n    height: 44px;\n    margin-bottom: 1em;\n  }\n\n  .react-calendar__navigation button {\n    min-width: 44px;\n    background: none;\n  }\n\n  .react-calendar__navigation button:disabled {\n    background-color: #f0f0f0;\n  }\n\n  .react-calendar__navigation button:enabled:hover,\n  .react-calendar__navigation button:enabled:focus {\n    background-color: #e6e6e6;\n  }\n\n  .react-calendar__month-view__weekdays {\n    text-align: center;\n    text-transform: uppercase;\n    font: inherit;\n    font-size: 0.75em;\n    font-weight: bold;\n  }\n\n  .react-calendar__month-view__weekdays__weekday {\n    padding: 0.5em;\n  }\n\n  .react-calendar__month-view__weekNumbers .react-calendar__tile {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font: inherit;\n    font-size: 0.75em;\n    font-weight: bold;\n  }\n\n  .react-calendar__month-view__days__day--weekend {\n    color: #d10000;\n  }\n\n  .react-calendar__month-view__days__day--neighboringMonth,\n  .react-calendar__decade-view__years__year--neighboringDecade,\n  .react-calendar__century-view__decades__decade--neighboringCentury {\n    color: #757575;\n  }\n\n  .react-calendar__year-view .react-calendar__tile,\n  .react-calendar__decade-view .react-calendar__tile,\n  .react-calendar__century-view .react-calendar__tile {\n    padding: 2em 0.5em;\n  }\n\n  .react-calendar__tile {\n    max-width: 100%;\n    padding: 10px 6.6667px;\n    background: none;\n    text-align: center;\n    font: inherit;\n    font-size: 0.833em;\n  }\n\n  .react-calendar__tile:disabled {\n    background-color: #f0f0f0;\n    color: #ababab;\n  }\n\n  .react-calendar__month-view__days__day--neighboringMonth:disabled,\n  .react-calendar__decade-view__years__year--neighboringDecade:disabled,\n  .react-calendar__century-view__decades__decade--neighboringCentury:disabled {\n    color: #cdcdcd;\n  }\n\n  .react-calendar__tile:enabled:hover,\n  .react-calendar__tile:enabled:focus {\n    background-color: #e6e6e6;\n  }\n\n  .react-calendar__tile--now {\n    background: #ffff76;\n  }\n\n  .react-calendar__tile--now:enabled:hover,\n  .react-calendar__tile--now:enabled:focus {\n    background: #ffffa9;\n  }\n\n  .react-calendar__tile--hasActive {\n    background: #76baff;\n  }\n\n  .react-calendar__tile--hasActive:enabled:hover,\n  .react-calendar__tile--hasActive:enabled:focus {\n    background: #a9d4ff;\n  }\n\n  .react-calendar__tile--active {\n    background: #006edc;\n    color: white;\n  }\n\n  .react-calendar__tile--active:enabled:hover,\n  .react-calendar__tile--active:enabled:focus {\n    background: #1087ff;\n  }\n\n  .react-calendar--selectRange .react-calendar__tile--hover {\n    background-color: #e6e6e6;\n  }\n"], ["\n  .react-daterange-picker {\n    display: inline-flex;\n    position: relative;\n  }\n\n  .react-daterange-picker,\n  .react-daterange-picker *,\n  .react-daterange-picker *:before,\n  .react-daterange-picker *:after {\n    -moz-box-sizing: border-box;\n    -webkit-box-sizing: border-box;\n    box-sizing: border-box;\n  }\n\n  .react-daterange-picker--disabled {\n    background-color: #f0f0f0;\n    color: #6d6d6d;\n  }\n\n  .react-daterange-picker__wrapper {\n    display: flex;\n    flex-grow: 1;\n    flex-shrink: 0;\n    align-items: center;\n    border: thin solid gray;\n  }\n\n  .react-daterange-picker__inputGroup {\n    min-width: calc((4px * 3) + 0.54em * 8 + 0.217em * 2);\n    height: 100%;\n    flex-grow: 1;\n    padding: 0 2px;\n    box-sizing: content-box;\n  }\n\n  .react-daterange-picker__inputGroup__divider {\n    padding: 1px 0;\n    white-space: pre;\n  }\n\n  .react-daterange-picker__inputGroup__divider,\n  .react-daterange-picker__inputGroup__leadingZero {\n    display: inline-block;\n    font: inherit;\n  }\n\n  .react-daterange-picker__inputGroup__input {\n    min-width: 0.54em;\n    height: 100%;\n    position: relative;\n    padding: 0 1px;\n    border: 0;\n    background: none;\n    color: currentColor;\n    font: inherit;\n    box-sizing: content-box;\n    -webkit-appearance: textfield;\n    -moz-appearance: textfield;\n    appearance: textfield;\n  }\n\n  .react-daterange-picker__inputGroup__input::-webkit-outer-spin-button,\n  .react-daterange-picker__inputGroup__input::-webkit-inner-spin-button {\n    -webkit-appearance: none;\n    -moz-appearance: none;\n    appearance: none;\n    margin: 0;\n  }\n\n  .react-daterange-picker__inputGroup__input:invalid {\n    background: rgba(255, 0, 0, 0.1);\n  }\n\n  .react-daterange-picker__inputGroup__input--hasLeadingZero {\n    margin-left: -0.54em;\n    padding-left: calc(1px + 0.54em);\n  }\n\n  .react-daterange-picker__button {\n    border: 0;\n    background: transparent;\n    padding: 4px 6px;\n  }\n\n  .react-daterange-picker__button:enabled {\n    cursor: pointer;\n  }\n\n  .react-daterange-picker__button:enabled:hover .react-daterange-picker__button__icon,\n  .react-daterange-picker__button:enabled:focus .react-daterange-picker__button__icon {\n    stroke: #0078d7;\n  }\n\n  .react-daterange-picker__button:disabled .react-daterange-picker__button__icon {\n    stroke: #6d6d6d;\n  }\n\n  .react-daterange-picker__button svg {\n    display: inherit;\n  }\n\n  .react-daterange-picker__calendar {\n    width: 350px;\n    max-width: 100vw;\n    z-index: 1;\n  }\n\n  .react-daterange-picker__calendar--closed {\n    display: none;\n  }\n\n  .react-daterange-picker__calendar .react-calendar {\n    border-width: thin;\n  }\n\n  .react-date-picker__inputGroup__leadingZero {\n    display: none;\n  }\n\n  .react-daterange-picker__calendar-button,\n  .react-daterange-picker__clear-button {\n    &:hover {\n      svg > path {\n        transition: 0.2s;\n        fill: #000;\n      }\n    }\n  }\n\n  .react-daterange-picker__calendar-button {\n    svg {\n      width: 20px;\n      height: auto;\n\n      path {\n        fill: #6b7280;\n      }\n    }\n  }\n\n  .react-daterange-picker__clear-button {\n    margin-left: 20px;\n\n    svg {\n      width: 10px;\n      height: auto;\n\n      path {\n        fill: #6b7280;\n      }\n    }\n  }\n\n  .react-daterange-picker__wrapper {\n    border: 1px solid #e9ebee;\n    padding: 8px 4px;\n    border-radius: 6px;\n    background: #eff1f8;\n\n    > div {\n      * {\n        border: none;\n        color: #6b7280;\n      }\n\n      color: #6b7280;\n      padding: 0;\n      display: flex;\n      align-items: center;\n    }\n\n    .react-daterange-picker__inputGroup:first-child {\n      margin-right: 10px;\n    }\n\n    .react-daterange-picker__inputGroup {\n      width: 200px;\n      border: 1px solid #ccc;\n      border-radius: 6px;\n      background: #ffffff;\n      transition: 0.2s;\n      align-items: center;\n      cursor: pointer;\n\n      input {\n        height: 38px;\n        background: transparent;\n        cursor: pointer;\n        width: fit-content;\n        margin: 0 auto;\n      }\n\n      &:hover,\n      &:focus {\n        border: 1px solid #637bff;\n        box-shadow: 1px 1px 4px;\n      }\n    }\n  }\n\n  .react-calendar {\n    width: 350px;\n    max-width: 100%;\n    background: white;\n    border: 1px solid #a0a096;\n    font-family: 'Arial', 'Helvetica', sans-serif;\n    line-height: 1.125em;\n  }\n\n  .react-calendar--doubleView {\n    width: 700px;\n  }\n\n  .react-calendar--doubleView .react-calendar__viewContainer {\n    display: flex;\n    margin: -0.5em;\n  }\n\n  .react-calendar--doubleView .react-calendar__viewContainer > * {\n    width: 50%;\n    margin: 0.5em;\n  }\n\n  .react-calendar,\n  .react-calendar *,\n  .react-calendar *:before,\n  .react-calendar *:after {\n    -moz-box-sizing: border-box;\n    -webkit-box-sizing: border-box;\n    box-sizing: border-box;\n  }\n\n  .react-calendar button {\n    margin: 0;\n    border: 0;\n    outline: none;\n  }\n\n  .react-calendar button:enabled:hover {\n    cursor: pointer;\n  }\n\n  .react-calendar__navigation {\n    display: flex;\n    height: 44px;\n    margin-bottom: 1em;\n  }\n\n  .react-calendar__navigation button {\n    min-width: 44px;\n    background: none;\n  }\n\n  .react-calendar__navigation button:disabled {\n    background-color: #f0f0f0;\n  }\n\n  .react-calendar__navigation button:enabled:hover,\n  .react-calendar__navigation button:enabled:focus {\n    background-color: #e6e6e6;\n  }\n\n  .react-calendar__month-view__weekdays {\n    text-align: center;\n    text-transform: uppercase;\n    font: inherit;\n    font-size: 0.75em;\n    font-weight: bold;\n  }\n\n  .react-calendar__month-view__weekdays__weekday {\n    padding: 0.5em;\n  }\n\n  .react-calendar__month-view__weekNumbers .react-calendar__tile {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font: inherit;\n    font-size: 0.75em;\n    font-weight: bold;\n  }\n\n  .react-calendar__month-view__days__day--weekend {\n    color: #d10000;\n  }\n\n  .react-calendar__month-view__days__day--neighboringMonth,\n  .react-calendar__decade-view__years__year--neighboringDecade,\n  .react-calendar__century-view__decades__decade--neighboringCentury {\n    color: #757575;\n  }\n\n  .react-calendar__year-view .react-calendar__tile,\n  .react-calendar__decade-view .react-calendar__tile,\n  .react-calendar__century-view .react-calendar__tile {\n    padding: 2em 0.5em;\n  }\n\n  .react-calendar__tile {\n    max-width: 100%;\n    padding: 10px 6.6667px;\n    background: none;\n    text-align: center;\n    font: inherit;\n    font-size: 0.833em;\n  }\n\n  .react-calendar__tile:disabled {\n    background-color: #f0f0f0;\n    color: #ababab;\n  }\n\n  .react-calendar__month-view__days__day--neighboringMonth:disabled,\n  .react-calendar__decade-view__years__year--neighboringDecade:disabled,\n  .react-calendar__century-view__decades__decade--neighboringCentury:disabled {\n    color: #cdcdcd;\n  }\n\n  .react-calendar__tile:enabled:hover,\n  .react-calendar__tile:enabled:focus {\n    background-color: #e6e6e6;\n  }\n\n  .react-calendar__tile--now {\n    background: #ffff76;\n  }\n\n  .react-calendar__tile--now:enabled:hover,\n  .react-calendar__tile--now:enabled:focus {\n    background: #ffffa9;\n  }\n\n  .react-calendar__tile--hasActive {\n    background: #76baff;\n  }\n\n  .react-calendar__tile--hasActive:enabled:hover,\n  .react-calendar__tile--hasActive:enabled:focus {\n    background: #a9d4ff;\n  }\n\n  .react-calendar__tile--active {\n    background: #006edc;\n    color: white;\n  }\n\n  .react-calendar__tile--active:enabled:hover,\n  .react-calendar__tile--active:enabled:focus {\n    background: #1087ff;\n  }\n\n  .react-calendar--selectRange .react-calendar__tile--hover {\n    background-color: #e6e6e6;\n  }\n"])));
+var templateObject_1;
+//# sourceMappingURL=styles.js.map

package/dist/ui/components/form/range-date-picker/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/range-date-picker/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,UAAU,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,4yPAAA,yuPAoWtC,KAAA"}