infinity-forge 9.9.7 → 9.9.9

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

@@ -1,26 +1,73 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useField } from 'formik';
-import { Icon } from '../../../../ui/index.js';
-import { InputControl } from '../input-control/index.js';
-import * as S from './styles.js';
-export function InputSvg(props) {
-    const [field, _, handlers] = useField({ name: props.name, type: props.type });
-    const handleFileUpload = (event) => {
-        const file = event.target.files[0];
+"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') {
-            const reader = new FileReader();
-            reader.onload = (e) => {
-                let svgString = e.target.result;
-                const parser = new DOMParser();
-                const svgDoc = parser.parseFromString(svgString, 'image/svg+xml');
-                const elementsWithFill = svgDoc.querySelectorAll('[fill]');
-                elementsWithFill.forEach((el) => {
+            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');
                     }
                 });
-                const elementsWithStroke = svgDoc.querySelectorAll('[stroke]');
-                elementsWithStroke.forEach((el) => {
+                var elementsWithStroke = svgDoc.querySelectorAll('[stroke]');
+                elementsWithStroke.forEach(function (el) {
                     if (el.getAttribute('stroke') !== 'none') {
                         el.removeAttribute('stroke');
                     }
@@ -34,7 +81,7 @@ export function InputSvg(props) {
             alert('Por favor, selecione um arquivo SVG válido.');
         }
     };
-    return (_jsx(InputControl, Object.assign({}, props, { fieldValue: field.value || '', children: _jsxs(S.InputSvg, { children: [_jsxs("label", { htmlFor: props.name + 'upload_svg', children: [_jsx("input", { style: { display: 'none' }, type: 'file', id: props.name + 'upload_svg', accept: '.svg', onChange: handleFileUpload }), _jsx(Icon, { name: 'IconUpload', color: '#fff' })] }), _jsx("div", { className: 'preview', children: field.value && _jsx("div", { dangerouslySetInnerHTML: { __html: field.value } }) }), _jsx("input", Object.assign({}, field, { id: props.name, placeholder: props.placeholder, type: 'text', readOnly: true, value: field.value || '', onChange: (ev) => {
+    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);
                     } }))] }) })));

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

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

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

@@ -1,56 +1,14 @@
-import styled from "styled-components";
-export const InputSvg = styled("div") `
-    display: flex;
-    gap: 10px;
-
-    label {
-        background-color: #000;
-        border-radius: 2px;
-        padding: 10px;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        width: 42px;
-        height: 42px;
-        cursor: pointer;
-        transition: 0.3s;
-
-        &:hover {
-            background-color: #111;
-        }
-
-        svg {
-            fill: #fff;
-        }
-    }
-
-    .preview {
-        border: 1px solid #000;
-        background-color: #f1f1f1;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        height: 42px;
-        width: 42px; 
-        border-radius: 2px;
-
-        div {
-            height: inherit;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            width: 100%;
-        }
-
-        svg {
-            width: 25px;
-            height: auto;
-            fill: #000;
-        }
-    }
-
-    input {
-        width: calc(100% - 20px - 84px);
-    }
-`;
+"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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/input-svg/styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqDpC,CAAA"}
+{"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.js

@@ -1,15 +1,62 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useField, useFormikContext } from 'formik';
-import { Icon } from '../../../../ui/index.js';
-import { InputControl } from '../input-control/index.js';
-import * as S from './styles.js';
-export function InputSwitch(props) {
+"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 _a, _b;
-    const formikContext = useFormikContext();
-    const [field, state, utils] = useField({ name: props.name, type: 'checkbox' });
-    const isChecked = field === null || field === void 0 ? void 0 : field.value;
-    const htmlFor = props.name + (props.checkbox_key || '');
-    const Style = (() => {
+    var formikContext = (0, formik_1.useFormikContext)();
+    var _c = (0, formik_1.useField)({ name: props.name, type: 'checkbox' }), field = _c[0], state = _c[1], utils = _c[2];
+    var isChecked = field === null || field === void 0 ? void 0 : field.value;
+    var htmlFor = props.name + (props.checkbox_key || '');
+    var Style = (function () {
         switch (props.design) {
             case 'checkbox':
                 return S.InputSwitchCheckbox;
@@ -17,11 +64,11 @@ export function InputSwitch(props) {
                 return S.InputSwitch;
         }
     })();
-    const isIconAlternative = ((_a = props.inputSwitchCheckbox) === null || _a === void 0 ? void 0 : _a.valueIsTrue.Icon) || ((_b = props.inputSwitchCheckbox) === null || _b === void 0 ? void 0 : _b.valueIsFalse.Icon);
-    return (_jsx(Style, { className: `${isIconAlternative && 'icon-alternative'}`, children: _jsxs(InputControl, Object.assign({}, props, { children: [_jsx("input", Object.assign({ type: 'checkbox', id: htmlFor }, field, { onChange: (ev) => {
+    var isIconAlternative = ((_a = props.inputSwitchCheckbox) === null || _a === void 0 ? void 0 : _a.valueIsTrue.Icon) || ((_b = props.inputSwitchCheckbox) === null || _b === void 0 ? void 0 : _b.valueIsFalse.Icon);
+    return ((0, jsx_runtime_1.jsx)(Style, { className: "".concat(isIconAlternative && 'icon-alternative'), 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) {
                         utils.setValue(ev.target.checked);
                         props.onChangeInput &&
-                            props.onChangeInput(ev.target.checked, () => { }, { state, utils }, undefined, formikContext);
-                    }, className: `custom-checkbox ${props.design === 'checkbox' ? 'checkbox-design' : ''}` })), _jsx("label", { style: isChecked ? { background: props.color || '#444' } : {}, className: `custom-checkbox-label ${isChecked ? 'checked' : ''}`, htmlFor: htmlFor, children: props.design === 'checkbox' ? (_jsx("span", { className: 'checkbox-mark', children: props.inputSwitchCheckbox ? (isChecked ? (_jsx(props.inputSwitchCheckbox.valueIsTrue.Icon, {})) : (_jsx(props.inputSwitchCheckbox.valueIsFalse.Icon, {}))) : (isChecked && _jsx(Icon, { name: 'Checked' })) })) : (isChecked && _jsx(Icon, { name: 'Checked' })) })] })) }));
+                            props.onChangeInput(ev.target.checked, function () { }, { state: state, utils: utils }, undefined, formikContext);
+                    }, className: "custom-checkbox ".concat(props.design === 'checkbox' ? 'checkbox-design' : '') })), (0, jsx_runtime_1.jsx)("label", { style: isChecked ? { background: props.color || '#444' } : {}, className: "custom-checkbox-label ".concat(isChecked ? 'checked' : ''), htmlFor: htmlFor, children: props.design === 'checkbox' ? ((0, jsx_runtime_1.jsx)("span", { className: 'checkbox-mark', children: props.inputSwitchCheckbox ? (isChecked ? ((0, jsx_runtime_1.jsx)(props.inputSwitchCheckbox.valueIsTrue.Icon, {})) : ((0, jsx_runtime_1.jsx)(props.inputSwitchCheckbox.valueIsFalse.Icon, {}))) : (isChecked && (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'Checked' })) })) : (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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/input-switch/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/input-switch/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,kCAyDC;;AAlED,iCAAmD;AAEnD,2BAA2B;AAC3B,kDAA+C;AAI/C,0CAA6B;AAE7B,SAAgB,WAAW,CAAC,KAAmB;;IAC7C,IAAM,aAAa,GAAG,IAAA,yBAAgB,GAAE,CAAA;IAClC,IAAA,KAAwB,IAAA,iBAAQ,EAAC,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,EAAvE,KAAK,QAAA,EAAE,KAAK,QAAA,EAAE,KAAK,QAAoD,CAAA;IAE9E,IAAM,SAAS,GAAG,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,CAAA;IAC9B,IAAM,OAAO,GAAG,KAAK,CAAC,IAAI,GAAG,CAAC,KAAK,CAAC,YAAY,IAAI,EAAE,CAAC,CAAA;IAEvD,IAAM,KAAK,GAAG,CAAC;QACb,QAAQ,KAAK,CAAC,MAAM,EAAE,CAAC;YACrB,KAAK,UAAU;gBACb,OAAO,CAAC,CAAC,mBAAmB,CAAA;YAC9B;gBACE,OAAO,CAAC,CAAC,WAAW,CAAA;QACxB,CAAC;IACH,CAAC,CAAC,EAAE,CAAA;IAEJ,IAAM,iBAAiB,GAAG,CAAA,MAAA,KAAK,CAAC,mBAAmB,0CAAE,WAAW,CAAC,IAAI,MAAI,MAAA,KAAK,CAAC,mBAAmB,0CAAE,YAAY,CAAC,IAAI,CAAA,CAAA;IAErH,OAAO,CACL,uBAAC,KAAK,IAAC,SAAS,EAAE,UAAG,iBAAiB,IAAI,kBAAkB,CAAE,YAC5D,wBAAC,4BAAY,eAAK,KAAK,eACrB,2CACE,IAAI,EAAC,UAAU,EACf,EAAE,EAAE,OAAO,IACP,KAAK,IACT,QAAQ,EAAE,UAAC,EAAE;wBACX,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC,CAAA;wBACjC,KAAK,CAAC,aAAa;4BACjB,KAAK,CAAC,aAAa,CAAC,EAAE,CAAC,MAAM,CAAC,OAAO,EAAE,cAAO,CAAC,EAAE,EAAE,KAAK,OAAA,EAAE,KAAK,OAAA,EAAE,EAAE,SAAS,EAAE,aAAa,CAAC,CAAA;oBAChG,CAAC,EACD,SAAS,EAAE,0BAAmB,KAAK,CAAC,MAAM,KAAK,UAAU,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAAE,CAAE,IACpF,EAEF,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,KAAK,CAAC,MAAM,KAAK,UAAU,CAAC,CAAC,CAAC,CAC7B,iCAAM,SAAS,EAAC,eAAe,YAC5B,KAAK,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAC3B,SAAS,CAAC,CAAC,CAAC,CACV,uBAAC,KAAK,CAAC,mBAAmB,CAAC,WAAW,CAAC,IAAI,KAAG,CAC/C,CAAC,CAAC,CAAC,CACF,uBAAC,KAAK,CAAC,mBAAmB,CAAC,YAAY,CAAC,IAAI,KAAG,CAChD,CACF,CAAC,CAAC,CAAC,CACF,SAAS,IAAI,uBAAC,SAAI,IAAC,IAAI,EAAC,SAAS,GAAG,CACrC,GACI,CACR,CAAC,CAAC,CAAC,CACF,SAAS,IAAI,uBAAC,SAAI,IAAC,IAAI,EAAC,SAAS,GAAG,CACrC,GACK,KACK,GACT,CACT,CAAA;AACH,CAAC"}

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

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

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

@@ -1,121 +1,15 @@
-import styled from 'styled-components';
-export const InputSwitch = styled('div') `
-  width: fit-content;
-
-  .container-switch {
-    display: flex;
-    flex-direction: row-reverse;
-    align-items: center;
-    gap: 10px;
-  }
-
-  .custom-checkbox {
-    display: none;
-  }
-
-  .custom-checkbox-label {
-    position: relative;
-    margin: 0;
-    cursor: pointer;
-    text-indent: -9999px;
-    width: 40px;
-    height: 20px;
-    background: grey;
-    display: block;
-    border-radius: 100px;
-    position: relative;
-
-    &:after {
-      content: '';
-      position: absolute;
-      top: 50%;
-      transform: translateY(-50%);
-      left: 5px;
-      width: 12px;
-      height: 12px;
-      background: #fff;
-      border-radius: 12px;
-      transition: 0.3s;
-    }
-
-    &.checked {
-      border: none;
-    }
-
-    svg {
-      stroke: #fff;
-      width: 100%;
-      height: auto;
-    }
-  }
-
-  input:checked + .custom-checkbox-label {
-    background: #bada55;
-  }
-
-  input:checked + .custom-checkbox-label:after {
-    left: calc(100% - 15px);
-  }
-`;
-export const InputSwitchCheckbox = styled('div') `
-  width: fit-content;
-
-  .container-switch {
-    display: flex;
-    align-items: center;
-    gap: 8px;
-    flex-direction: row-reverse;
-  }
-
-  .custom-checkbox {
-    display: none;
-  }
-
-  .checkbox-mark svg {
-    width: 14px;
-    height: 14px;
-  }
-
-  &:not(.icon-alternative) {
-    .custom-checkbox-label {
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      width: 18px;
-      height: 18px;
-      border: 2px solid #444;
-      border-radius: 4px;
-      background: #fff;
-      cursor: pointer;
-      transition: all 0.2s ease;
-      margin-bottom: 0;
-    }
-
-    .custom-checkbox-label .checkbox-mark {
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      width: 100%;
-      height: 100%;
-    }
-
-    input:checked + .custom-checkbox-label {
-      background: #444;
-      border-color: #444;
-    }
-
-    input:checked + .custom-checkbox-label .checkbox-mark {
-      color: white;
-    }
-
-    .checkbox-mark svg {
-      stroke: white;
-      display: none;
-    }
-
-    input:checked + .custom-checkbox-label .checkbox-mark svg {
-      display: block;
-    }
-  }
-`;
+"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.InputSwitchCheckbox = 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;\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;\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"])));
+exports.InputSwitchCheckbox = (0, styled_components_1.default)('div')(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  width: fit-content;\n\n  .container-switch {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    flex-direction: row-reverse;\n  }\n\n  .custom-checkbox {\n    display: none;\n  }\n\n  .checkbox-mark svg {\n    width: 14px;\n    height: 14px;\n  }\n\n  &:not(.icon-alternative) {\n    .custom-checkbox-label {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      width: 18px;\n      height: 18px;\n      border: 2px solid #444;\n      border-radius: 4px;\n      background: #fff;\n      cursor: pointer;\n      transition: all 0.2s ease;\n      margin-bottom: 0;\n    }\n\n    .custom-checkbox-label .checkbox-mark {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      width: 100%;\n      height: 100%;\n    }\n\n    input:checked + .custom-checkbox-label {\n      background: #444;\n      border-color: #444;\n    }\n\n    input:checked + .custom-checkbox-label .checkbox-mark {\n      color: white;\n    }\n\n    .checkbox-mark svg {\n      stroke: white;\n      display: none;\n    }\n\n    input:checked + .custom-checkbox-label .checkbox-mark svg {\n      display: block;\n    }\n  }\n"], ["\n  width: fit-content;\n\n  .container-switch {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    flex-direction: row-reverse;\n  }\n\n  .custom-checkbox {\n    display: none;\n  }\n\n  .checkbox-mark svg {\n    width: 14px;\n    height: 14px;\n  }\n\n  &:not(.icon-alternative) {\n    .custom-checkbox-label {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      width: 18px;\n      height: 18px;\n      border: 2px solid #444;\n      border-radius: 4px;\n      background: #fff;\n      cursor: pointer;\n      transition: all 0.2s ease;\n      margin-bottom: 0;\n    }\n\n    .custom-checkbox-label .checkbox-mark {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      width: 100%;\n      height: 100%;\n    }\n\n    input:checked + .custom-checkbox-label {\n      background: #444;\n      border-color: #444;\n    }\n\n    input:checked + .custom-checkbox-label .checkbox-mark {\n      color: white;\n    }\n\n    .checkbox-mark svg {\n      stroke: white;\n      display: none;\n    }\n\n    input:checked + .custom-checkbox-label .checkbox-mark svg {\n      display: block;\n    }\n  }\n"])));
+var templateObject_1, templateObject_2;
 //# sourceMappingURL=styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/input-switch/styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAItC,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyDvC,CAAA;AAED,MAAM,CAAC,MAAM,mBAAmB,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4D/C,CAAA"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/input-switch/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAIzB,QAAA,WAAW,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,yjCAAA,s/BAyDvC,KAAA;AAEY,QAAA,mBAAmB,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,kuCAAA,+pCA4D/C,KAAA"}

package/dist/ui/components/form/input-week-availability/availability-preview/index.js

@@ -1,11 +1,48 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Error, Icon } from '../../../../../ui/index.js';
-import { days } from '../mock.js';
-import * as S from './styles.js';
-export function AvailabilityPreview({ weekAvailability }) {
-    return (_jsx(Error, { name: 'AvailabilityPreview', children: _jsx(S.AvailabilityPreview, { className: 'availability-preview', children: days === null || days === void 0 ? void 0 : days.map((day) => {
-                const dayIsActive = Object.values((weekAvailability === null || weekAvailability === void 0 ? void 0 : weekAvailability[day.value]) || {}).some((period) => period.active);
-                return (_jsxs("div", { className: `day ${dayIsActive && 'active'}`, children: [_jsx("span", { className: 'font-20', children: day.label }, day.value), dayIsActive ? (_jsx("svg", { xmlns: 'http://www.w3.org/2000/svg', width: '15', height: '11', viewBox: '0 0 15 11', fill: 'none', children: _jsx("path", { d: 'M5.33308 8.14237L12.9934 0.482056L14.1719 1.66056L5.33308 10.4994L0.0297852 5.19612L1.2083 4.01762L5.33308 8.14237Z' }) })) : (_jsx(Icon, { name: 'IconClose' }))] }));
+"use strict";
+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.AvailabilityPreview = AvailabilityPreview;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var ui_1 = require("../../../../../ui/index.js");
+var mock_1 = require("../mock.js");
+var S = __importStar(require("./styles.js"));
+function AvailabilityPreview(_a) {
+    var weekAvailability = _a.weekAvailability;
+    return ((0, jsx_runtime_1.jsx)(ui_1.Error, { name: 'AvailabilityPreview', children: (0, jsx_runtime_1.jsx)(S.AvailabilityPreview, { className: 'availability-preview', children: mock_1.days === null || mock_1.days === void 0 ? void 0 : mock_1.days.map(function (day) {
+                var dayIsActive = Object.values((weekAvailability === null || weekAvailability === void 0 ? void 0 : weekAvailability[day.value]) || {}).some(function (period) { return period.active; });
+                return ((0, jsx_runtime_1.jsxs)("div", { className: "day ".concat(dayIsActive && 'active'), children: [(0, jsx_runtime_1.jsx)("span", { className: 'font-20', children: day.label }, day.value), dayIsActive ? ((0, jsx_runtime_1.jsx)("svg", { xmlns: 'http://www.w3.org/2000/svg', width: '15', height: '11', viewBox: '0 0 15 11', fill: 'none', children: (0, jsx_runtime_1.jsx)("path", { d: 'M5.33308 8.14237L12.9934 0.482056L14.1719 1.66056L5.33308 10.4994L0.0297852 5.19612L1.2083 4.01762L5.33308 8.14237Z' }) })) : ((0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'IconClose' }))] }));
             }) }) }));
 }
 //# sourceMappingURL=index.js.map

package/dist/ui/components/form/input-week-availability/availability-preview/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/ui/components/form/input-week-availability/availability-preview/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,IAAI,EAA0B,MAAM,MAAM,CAAA;AAE1D,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAE9B,OAAO,KAAK,CAAC,MAAM,UAAU,CAAA;AAE7B,MAAM,UAAU,mBAAmB,CAAC,EAAE,gBAAgB,EAAiD;IACrG,OAAO,CACL,KAAC,KAAK,IAAC,IAAI,EAAC,qBAAqB,YAC/B,KAAC,CAAC,CAAC,mBAAmB,IAAC,SAAS,EAAC,sBAAsB,YACpD,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE;gBACjB,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,CAAA,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAG,GAAG,CAAC,KAAK,CAAC,KAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,CAAA;gBAEtG,OAAO,CACL,eAAK,SAAS,EAAE,OAAO,WAAW,IAAI,QAAQ,EAAE,aAC9C,eAAM,SAAS,EAAC,SAAS,YACtB,GAAG,CAAC,KAAK,IADmB,GAAG,CAAC,KAAK,CAEjC,EAEN,WAAW,CAAC,CAAC,CAAC,CACb,cAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,YAC5F,eAAM,CAAC,EAAC,qHAAqH,GAAG,GAC5H,CACP,CAAC,CAAC,CAAC,CACF,KAAC,IAAI,IAAC,IAAI,EAAC,WAAW,GAAG,CAC1B,IACG,CACP,CAAA;YACH,CAAC,CAAC,GACoB,GAClB,CACT,CAAA;AACH,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/ui/components/form/input-week-availability/availability-preview/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,kDA0BC;;AAhCD,2BAA0D;AAE1D,gCAA8B;AAE9B,0CAA6B;AAE7B,SAAgB,mBAAmB,CAAC,EAAmE;QAAjE,gBAAgB,sBAAA;IACpD,OAAO,CACL,uBAAC,UAAK,IAAC,IAAI,EAAC,qBAAqB,YAC/B,uBAAC,CAAC,CAAC,mBAAmB,IAAC,SAAS,EAAC,sBAAsB,YACpD,WAAI,aAAJ,WAAI,uBAAJ,WAAI,CAAE,GAAG,CAAC,UAAC,GAAG;gBACb,IAAM,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,CAAA,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAG,GAAG,CAAC,KAAK,CAAC,KAAI,EAAE,CAAC,CAAC,IAAI,CAAC,UAAC,MAAM,IAAK,OAAA,MAAM,CAAC,MAAM,EAAb,CAAa,CAAC,CAAA;gBAEtG,OAAO,CACL,iCAAK,SAAS,EAAE,cAAO,WAAW,IAAI,QAAQ,CAAE,aAC9C,iCAAM,SAAS,EAAC,SAAS,YACtB,GAAG,CAAC,KAAK,IADmB,GAAG,CAAC,KAAK,CAEjC,EAEN,WAAW,CAAC,CAAC,CAAC,CACb,gCAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,YAC5F,iCAAM,CAAC,EAAC,qHAAqH,GAAG,GAC5H,CACP,CAAC,CAAC,CAAC,CACF,uBAAC,SAAI,IAAC,IAAI,EAAC,WAAW,GAAG,CAC1B,IACG,CACP,CAAA;YACH,CAAC,CAAC,GACoB,GAClB,CACT,CAAA;AACH,CAAC"}

package/dist/ui/components/form/input-week-availability/availability-preview/styles.js

@@ -1,77 +1,14 @@
-import styled from 'styled-components';
-export const AvailabilityPreview = styled('div') `
-  width: 100%;
-  display: flex;
-  align-items: center;
-  gap: 5px;
-
-  .day {
-    width: 100%;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    gap: 2px;
-    padding: 5px 0;
-    border-radius: 10px;
-    color: ${(p) => p.theme.grey20};
-    background-color: ${(p) => p.theme.grey40};
-
-    &.active {
-      color: ${(p) => p.theme.grey};
-      background-color: ${(p) => p.theme.primaryColor};
-    }
-  }
-
-  svg {
-    width: 20px;
-    height: 20px;
-    flex-shrink: 0;
-    fill: currentColor;
-  }
-
-  @media only screen and (max-width: 1600px) {
-    .day {
-      padding: 4px 0;
-      gap: 1px;
-    }
-  }
-
-  @media only screen and (max-width: 1200px) {
-    gap: 4px;
-
-    .day {
-      padding: 3px 0;
-      gap: 0px;
-
-      svg {
-        width: 18px;
-        height: 18px;
-      }
-    }
-  }
-
-  @media only screen and (max-width: 768px) {
-    gap: 2px;
-
-    .day {
-      border-radius: 5px;
-      padding: 2px 0;
-    }
-  }
-
-  @media only screen and (max-width: 520px) {
-    gap: 1px;
-
-    .day {
-      span {
-        font-size: 1.2rem;
-      }
-
-      svg {
-        width: 12px;
-        height: 12px;
-      }
-    }
-  }
-`;
+"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.AvailabilityPreview = void 0;
+var styled_components_1 = __importDefault(require("styled-components"));
+exports.AvailabilityPreview = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 100%;\n  display: flex;\n  align-items: center;\n  gap: 5px;\n\n  .day {\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 2px;\n    padding: 5px 0;\n    border-radius: 10px;\n    color: ", ";\n    background-color: ", ";\n\n    &.active {\n      color: ", ";\n      background-color: ", ";\n    }\n  }\n\n  svg {\n    width: 20px;\n    height: 20px;\n    flex-shrink: 0;\n    fill: currentColor;\n  }\n\n  @media only screen and (max-width: 1600px) {\n    .day {\n      padding: 4px 0;\n      gap: 1px;\n    }\n  }\n\n  @media only screen and (max-width: 1200px) {\n    gap: 4px;\n\n    .day {\n      padding: 3px 0;\n      gap: 0px;\n\n      svg {\n        width: 18px;\n        height: 18px;\n      }\n    }\n  }\n\n  @media only screen and (max-width: 768px) {\n    gap: 2px;\n\n    .day {\n      border-radius: 5px;\n      padding: 2px 0;\n    }\n  }\n\n  @media only screen and (max-width: 520px) {\n    gap: 1px;\n\n    .day {\n      span {\n        font-size: 1.2rem;\n      }\n\n      svg {\n        width: 12px;\n        height: 12px;\n      }\n    }\n  }\n"], ["\n  width: 100%;\n  display: flex;\n  align-items: center;\n  gap: 5px;\n\n  .day {\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 2px;\n    padding: 5px 0;\n    border-radius: 10px;\n    color: ", ";\n    background-color: ", ";\n\n    &.active {\n      color: ", ";\n      background-color: ", ";\n    }\n  }\n\n  svg {\n    width: 20px;\n    height: 20px;\n    flex-shrink: 0;\n    fill: currentColor;\n  }\n\n  @media only screen and (max-width: 1600px) {\n    .day {\n      padding: 4px 0;\n      gap: 1px;\n    }\n  }\n\n  @media only screen and (max-width: 1200px) {\n    gap: 4px;\n\n    .day {\n      padding: 3px 0;\n      gap: 0px;\n\n      svg {\n        width: 18px;\n        height: 18px;\n      }\n    }\n  }\n\n  @media only screen and (max-width: 768px) {\n    gap: 2px;\n\n    .day {\n      border-radius: 5px;\n      padding: 2px 0;\n    }\n  }\n\n  @media only screen and (max-width: 520px) {\n    gap: 1px;\n\n    .day {\n      span {\n        font-size: 1.2rem;\n      }\n\n      svg {\n        width: 12px;\n        height: 12px;\n      }\n    }\n  }\n"])), function (p) { return p.theme.grey20; }, function (p) { return p.theme.grey40; }, function (p) { return p.theme.grey; }, function (p) { return p.theme.primaryColor; });
+var templateObject_1;
 //# sourceMappingURL=styles.js.map

package/dist/ui/components/form/input-week-availability/availability-preview/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../src/ui/components/form/input-week-availability/availability-preview/styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,MAAM,CAAC,MAAM,mBAAmB,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;;;;;;;;;;;;;;aAcnC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM;wBACV,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM;;;eAG9B,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI;0BACR,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuDpD,CAAA"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../src/ui/components/form/input-week-availability/availability-preview/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,mBAAmB,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,grCAAA,6PAcnC,EAAqB,2BACV,EAAqB,oCAG9B,EAAmB,6BACR,EAA2B,4wBAuDpD,KA5DY,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,KAAK,CAAC,MAAM,EAAd,CAAc,EACV,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,KAAK,CAAC,MAAM,EAAd,CAAc,EAG9B,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,KAAK,CAAC,IAAI,EAAZ,CAAY,EACR,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,KAAK,CAAC,YAAY,EAApB,CAAoB,EAuDpD"}