infinity-forge 0.62.2 → 0.63.0

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

@@ -1,73 +1,116 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
+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.DatePickerInput = void 0;
+exports.DatePicker = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
-var moment_1 = __importDefault(require("moment"));
 var formik_1 = require("formik");
-var locale_1 = require("date-fns/locale");
-var react_datepicker_1 = __importStar(require("react-datepicker"));
-var ui_1 = require("../../../../ui/index.js");
-var input_control_1 = require("../input-control/index.js");
-var date_picket_lib_css_1 = require("./date_picket_lib_css.js");
-var S = __importStar(require("./styles.js"));
-(0, react_datepicker_1.registerLocale)('ptBR', locale_1.ptBR);
-function DatePickerInput(props) {
-    var _a = (0, formik_1.useField)({ name: props.name }), field = _a[0], _ = _a[1], handlers = _a[2];
-    var configs = {
-        normal: {
-            dateFormat: 'DD/MM/yyyy',
-        },
-        month: {
-            dateFormat: 'MM/yyyy',
-            showMonthYearPicker: true,
-        },
-        year: {
-            dateFormat: 'yyyy',
-            showYearPicker: true,
-        },
+var react_1 = require("react");
+var styled_components_1 = __importDefault(require("styled-components"));
+var Container = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: relative;\n"], ["\n  position: relative;\n"])));
+var Input = styled_components_1.default.input(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  padding: 10px;\n  font-size: 1rem;\n  border-radius: 5px;\n  border: 1px solid #eee;\n"], ["\n  padding: 10px;\n  font-size: 1rem;\n  border-radius: 5px;\n  border: 1px solid #eee;\n"])));
+var DatePickerContainer = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  position: absolute;\n  top: 100%;\n  z-index: 100;\n  margin-top: 2px;\n  background: #fff;\n  padding: 10px;\n  border-radius: 5px;\n"], ["\n  position: absolute;\n  top: 100%;\n  z-index: 100;\n  margin-top: 2px;\n  background: #fff;\n  padding: 10px;\n  border-radius: 5px;\n"])));
+var Header = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding-bottom: 10px;\n  border-bottom: 1px solid #eee;\n"], ["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding-bottom: 10px;\n  border-bottom: 1px solid #eee;\n"])));
+var Select = styled_components_1.default.select(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  font-size: 14px;\n  border: 1px solid #eee;\n"], ["\n  font-size: 14px;\n  border: 1px solid #eee;\n"])));
+var YearInput = styled_components_1.default.input(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  max-width: 64px;\n  font-size: 14px;\n  border: 1px solid #eee;\n"], ["\n  max-width: 64px;\n  font-size: 14px;\n  border: 1px solid #eee;\n"])));
+var Button = styled_components_1.default.button(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  cursor: pointer;\n  border: none;\n  border-radius: 3px;\n  background: transparent;\n  font-size: 14px;\n  font-weight: 500;\n  text-transform: uppercase;\n  transition: 0.3s;\n  color: slategray;\n\n  &:hover {\n    color: mediumpurple;\n  }\n\n  &.today {\n    background: rgba(147, 112, 216, 0.2);\n    color: mediumpurple;\n  }\n\n  &.selected {\n    background: mediumpurple;\n    color: #fff;\n  }\n\n  &:disabled {\n    opacity: 0.5;\n    pointer-events: none;\n    user-select: none;\n  }\n"], ["\n  cursor: pointer;\n  border: none;\n  border-radius: 3px;\n  background: transparent;\n  font-size: 14px;\n  font-weight: 500;\n  text-transform: uppercase;\n  transition: 0.3s;\n  color: slategray;\n\n  &:hover {\n    color: mediumpurple;\n  }\n\n  &.today {\n    background: rgba(147, 112, 216, 0.2);\n    color: mediumpurple;\n  }\n\n  &.selected {\n    background: mediumpurple;\n    color: #fff;\n  }\n\n  &:disabled {\n    opacity: 0.5;\n    pointer-events: none;\n    user-select: none;\n  }\n"])));
+var Days = styled_components_1.default.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  display: grid;\n  grid-template-columns: repeat(7, 32px);\n  gap: 10px;\n  margin-block: 10px;\n\n  span {\n    font-size: 14px;\n    font-weight: 600;\n    text-transform: uppercase;\n    text-align: center;\n  }\n"], ["\n  display: grid;\n  grid-template-columns: repeat(7, 32px);\n  gap: 10px;\n  margin-block: 10px;\n\n  span {\n    font-size: 14px;\n    font-weight: 600;\n    text-transform: uppercase;\n    text-align: center;\n  }\n"])));
+var Dates = styled_components_1.default.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  display: grid;\n  grid-template-columns: repeat(7, 32px);\n  gap: 10px;\n  margin-block: 10px;\n"], ["\n  display: grid;\n  grid-template-columns: repeat(7, 32px);\n  gap: 10px;\n  margin-block: 10px;\n"])));
+var Months = styled_components_1.default.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 10px;\n  margin-block: 10px;\n"], ["\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 10px;\n  margin-block: 10px;\n"])));
+var Footer = styled_components_1.default.div(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n  display: flex;\n  justify-content: flex-end;\n  gap: 10px;\n  padding-top: 10px;\n  border-top: 1px solid #eee;\n"], ["\n  display: flex;\n  justify-content: flex-end;\n  gap: 10px;\n  padding-top: 10px;\n  border-top: 1px solid #eee;\n"])));
+var translations = {
+    en: {
+        months: [
+            "January", "February", "March", "April", "May", "June",
+            "July", "August", "September", "October", "November", "December"
+        ],
+        days: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"],
+        placeholder: "Select date",
+        prev: "Prev",
+        next: "Next",
+        cancel: "Cancel",
+        apply: "Apply"
+    },
+    pt: {
+        months: [
+            "Janeiro", "Fevereiro", "Março", "Abril", "Maio", "Junho",
+            "Julho", "Agosto", "Setembro", "Outubro", "Novembro", "Dezembro"
+        ],
+        days: ["Dom", "Seg", "Ter", "Qua", "Qui", "Sex", "Sáb"],
+        placeholder: "Selecionar data",
+        prev: "Anterior",
+        next: "Próximo",
+        cancel: "Cancelar",
+        apply: "Aplicar"
+    }
+};
+var formatDate = function (date, language) {
+    return date.toLocaleDateString(language === "en" ? "en-US" : "pt-BR", {
+        year: "numeric",
+        month: "2-digit",
+        day: "2-digit",
+    });
+};
+var DatePicker = function (props) {
+    var _a = (0, formik_1.useField)({ name: props.name, type: props.type }), field = _a[0], _ = _a[1], utils = _a[2];
+    var _b = (0, react_1.useState)(new Date().getFullYear()), year = _b[0], setYear = _b[1];
+    var _c = (0, react_1.useState)(new Date().getMonth()), month = _c[0], setMonth = _c[1];
+    var _d = (0, react_1.useState)(false), isOpen = _d[0], setIsOpen = _d[1];
+    var selectedDate = field.value ? new Date(field.value) : new Date();
+    var lang = translations[props.language];
+    (0, react_1.useEffect)(function () {
+        displayDates();
+    }, [year, month]);
+    var handleDateClick = function (date) {
+        utils.setValue(date);
+        setIsOpen(false);
     };
-    var activeConfig = configs[props.typePicker];
-    var value = (field === null || field === void 0 ? void 0 : field.value) ? (0, moment_1.default)(field.value || new Date()).format(activeConfig.dateFormat) : null;
-    return ((0, jsx_runtime_1.jsx)(input_control_1.InputControl, __assign({}, props, { children: (0, jsx_runtime_1.jsx)(date_picket_lib_css_1.InputDatePickerCSS, { children: (0, jsx_runtime_1.jsx)(S.InputDatePicker, { children: (0, jsx_runtime_1.jsxs)("div", { className: 'date_picker_container', children: [props.hasIcon && (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'IconCalendar' }), (0, jsx_runtime_1.jsx)(react_datepicker_1.default, __assign({}, props, activeConfig, { locale: 'ptBR', placeholderText: value, onChange: function (val) { return handlers.setValue(val); }, value: value, onKeyDown: function (e) {
-                                e.preventDefault();
-                            } }))] }) }) }) })));
-}
-exports.DatePickerInput = DatePickerInput;
+    var displayDates = function () {
+        var dates = [];
+        var lastOfPrevMonth = new Date(year, month, 0);
+        for (var i = 0; i <= lastOfPrevMonth.getDay(); i++) {
+            var text = lastOfPrevMonth.getDate() - lastOfPrevMonth.getDay() + i;
+            dates.push(createButton(text, true, -1));
+        }
+        var lastOfMonth = new Date(year, month + 1, 0);
+        for (var i = 1; i <= lastOfMonth.getDate(); i++) {
+            dates.push(createButton(i, false));
+        }
+        var firstOfNextMonth = new Date(year, month + 1, 1);
+        for (var i = firstOfNextMonth.getDay(); i < 7; i++) {
+            var text = firstOfNextMonth.getDate() - firstOfNextMonth.getDay() + i;
+            dates.push(createButton(text, true, 1));
+        }
+        return dates;
+    };
+    var displayMonths = function () {
+        return lang.months.map(function (monthName, index) { return ((0, jsx_runtime_1.jsx)(Button, { className: index === month ? "selected" : "", onClick: function () { return handleMonthClick(index); }, children: monthName }, index)); });
+    };
+    var createButton = function (text, isDisabled, type) {
+        if (isDisabled === void 0) { isDisabled = false; }
+        if (type === void 0) { type = 0; }
+        var currentDate = new Date();
+        var comparisonDate = new Date(year, month + type, text);
+        var isToday = currentDate.getDate() === text &&
+            currentDate.getFullYear() === year &&
+            currentDate.getMonth() === month;
+        var isSelected = selectedDate.getTime() === comparisonDate.getTime();
+        return ((0, jsx_runtime_1.jsx)(Button, { className: "".concat(isToday ? "today" : "", " ").concat(isSelected ? "selected" : ""), onClick: function () { return handleDateClick(comparisonDate); }, disabled: isDisabled, children: text }, "".concat(type, "-").concat(text)));
+    };
+    var handleMonthChange = function (e) { return setMonth(e.target.selectedIndex); };
+    var handleYearChange = function (e) { return setYear(parseInt(e.target.value)); };
+    var handleMonthClick = function (index) {
+        var date = new Date(year, index, 1);
+        utils.setValue(date);
+        setIsOpen(false);
+    };
+    return ((0, jsx_runtime_1.jsxs)(Container, { children: [(0, jsx_runtime_1.jsx)(Input, { type: "text", placeholder: lang.placeholder, value: formatDate(selectedDate, props.language), readOnly: true, onClick: function () { return setIsOpen(!isOpen); } }), isOpen && ((0, jsx_runtime_1.jsxs)(DatePickerContainer, { children: [(0, jsx_runtime_1.jsxs)(Header, { children: [(0, jsx_runtime_1.jsx)(Button, { onClick: function () { return setYear(year - 1); }, children: lang.prev }), (0, jsx_runtime_1.jsx)(YearInput, { type: "number", value: year, onChange: handleYearChange }), (0, jsx_runtime_1.jsx)(Button, { onClick: function () { return setYear(year + 1); }, children: lang.next })] }), (0, jsx_runtime_1.jsx)(Header, { children: (0, jsx_runtime_1.jsx)(Select, { value: month, onChange: handleMonthChange, children: displayMonths() }) }), props.mode === "date" ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Days, { children: lang.days.map(function (day) { return ((0, jsx_runtime_1.jsx)("span", { children: day }, day)); }) }), (0, jsx_runtime_1.jsx)(Dates, { children: displayDates() })] })) : ((0, jsx_runtime_1.jsx)(Months, { children: displayMonths() })), (0, jsx_runtime_1.jsxs)(Footer, { children: [(0, jsx_runtime_1.jsx)(Button, { onClick: function () { return setIsOpen(false); }, children: lang.cancel }), (0, jsx_runtime_1.jsx)(Button, { onClick: function () { return setIsOpen(false); }, className: "apply", children: lang.apply })] })] }))] }));
+};
+exports.DatePicker = DatePicker;
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/input-date-picker/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAA2B;AAC3B,iCAAiC;AACjC,0CAAsC;AACtC,mEAAmF;AAEnF,2BAA2B;AAC3B,kDAA+C;AAC/C,6DAA0D;AAI1D,0CAA6B;AAE7B,IAAA,iCAAc,EAAC,MAAM,EAAE,aAAI,CAAC,CAAA;AAE5B,SAAgB,eAAe,CAC7B,KAAkH;IAE5G,IAAA,KAAuB,IAAA,iBAAQ,EAAC,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,CAAC,EAApD,KAAK,QAAA,EAAE,CAAC,QAAA,EAAE,QAAQ,QAAkC,CAAA;IAE3D,IAAM,OAAO,GAAG;QACd,MAAM,EAAE;YACN,UAAU,EAAE,YAAY;SACzB;QACD,KAAK,EAAE;YACL,UAAU,EAAE,SAAS;YACrB,mBAAmB,EAAE,IAAI;SAC1B;QACD,IAAI,EAAE;YACJ,UAAU,EAAE,MAAM;YAClB,cAAc,EAAE,IAAI;SACrB;KACF,CAAA;IAED,IAAM,YAAY,GAAG,OAAO,CAAC,KAAK,CAAC,UAAU,CAAC,CAAA;IAE9C,IAAM,KAAK,GAAG,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,EAAC,CAAC,CAAC,IAAA,gBAAM,EAAC,KAAK,CAAC,KAAK,IAAI,IAAI,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA;IAErG,OAAO,CACL,uBAAC,4BAAY,eAAK,KAAK,cACrB,uBAAC,wCAAkB,cACjB,uBAAC,CAAC,CAAC,eAAe,cAChB,iCAAK,SAAS,EAAC,uBAAuB,aACnC,KAAK,CAAC,OAAO,IAAI,uBAAC,SAAI,IAAC,IAAI,EAAC,cAAc,GAAG,EAE9C,uBAAC,0BAAU,eACJ,KAAa,EACd,YAAY,IAChB,MAAM,EAAE,MAAM,EACd,eAAe,EAAE,KAAK,EACtB,QAAQ,EAAE,UAAC,GAAG,IAAK,OAAA,QAAQ,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAtB,CAAsB,EACzC,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,UAAC,CAAC;gCACX,CAAC,CAAC,cAAc,EAAE,CAAA;4BACpB,CAAC,IACD,IACE,GACY,GACD,IACR,CAChB,CAAA;AACH,CAAC;AA9CD,0CA8CC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/input-date-picker/index.tsx"],"names":[],"mappings":"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"}

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

@@ -9,6 +9,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.InputDatePicker = void 0;
 var styled_components_1 = __importDefault(require("styled-components"));
-exports.InputDatePicker = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  .date_picker_container {\n    position: relative;\n    border-radius: 4px;\n    background-color: #000;\n\n    > svg {\n      top: 50%;\n      transform: translateY(-50%);\n      position: absolute;\n      z-index: 1;\n      left: 7px;\n      width: 17px;\n      height: auto;\n      fill: #fff;\n    }\n\n    > svg + .react-datepicker-wrapper {\n      position: relative;\n      z-index: 2;\n    }\n\n    .react-datepicker-wrapper {\n      width: 100%;\n\n      input {\n        border: 0;\n        color: #ffff;\n        padding-left: 30px;\n\n        background-color: transparent;\n      }\n    }\n\n    .react-datepicker-popper {\n      width: 100%;\n      max-width: 400px;\n      .react-datepicker__month-wrapper {\n        display: flex;\n\n        .react-datepicker__month-text {\n          width: 100%;\n          height: 25px;\n          display: flex;\n          align-items: center;\n          justify-content: center;\n          font-size: 13px;\n        }\n      }\n\n      .react-datepicker__triangle {\n        fill: #fff;\n        color: #fff;\n      }\n\n      .react-datepicker__header {\n        background-color: #fff;\n      }\n\n      .react-datepicker {\n        width: 100%;\n\n        .react-datepicker__month-container {\n          width: 100%;\n        }\n\n        .react-datepicker-year-header {\n          font-size: 15px;\n          width: 100%;\n        }\n\n        .react-datepicker__navigation--previous,\n        .react-datepicker__navigation--next {\n          transition: 0.2s;\n\n          &:hover {\n            background-color: #cccccc47;\n            transition: 0.2s;\n          }\n        }\n\n        .react-datepicker__navigation-icon--next::before {\n          left: -2px;\n        }\n\n        .react-datepicker__navigation-icon--previous::before {\n          right: -2px;\n        }\n\n        .react-datepicker__year-read-view--down-arrow,\n        .react-datepicker__month-read-view--down-arrow,\n        .react-datepicker__month-year-read-view--down-arrow,\n        .react-datepicker__navigation-icon::before {\n          border-color: #111;\n          border-style: solid;\n          border-width: 2px 2px 0 0;\n          height: 8px;\n          top: 8px;\n          width: 8px;\n        }\n      }\n    }\n  }\n\n  input.react-datepicker-ignore-onclickoutside {\n    background-color: #ffff;\n    color: #2b2b2b;\n  }\n"], ["\n  .date_picker_container {\n    position: relative;\n    border-radius: 4px;\n    background-color: #000;\n\n    > svg {\n      top: 50%;\n      transform: translateY(-50%);\n      position: absolute;\n      z-index: 1;\n      left: 7px;\n      width: 17px;\n      height: auto;\n      fill: #fff;\n    }\n\n    > svg + .react-datepicker-wrapper {\n      position: relative;\n      z-index: 2;\n    }\n\n    .react-datepicker-wrapper {\n      width: 100%;\n\n      input {\n        border: 0;\n        color: #ffff;\n        padding-left: 30px;\n\n        background-color: transparent;\n      }\n    }\n\n    .react-datepicker-popper {\n      width: 100%;\n      max-width: 400px;\n      .react-datepicker__month-wrapper {\n        display: flex;\n\n        .react-datepicker__month-text {\n          width: 100%;\n          height: 25px;\n          display: flex;\n          align-items: center;\n          justify-content: center;\n          font-size: 13px;\n        }\n      }\n\n      .react-datepicker__triangle {\n        fill: #fff;\n        color: #fff;\n      }\n\n      .react-datepicker__header {\n        background-color: #fff;\n      }\n\n      .react-datepicker {\n        width: 100%;\n\n        .react-datepicker__month-container {\n          width: 100%;\n        }\n\n        .react-datepicker-year-header {\n          font-size: 15px;\n          width: 100%;\n        }\n\n        .react-datepicker__navigation--previous,\n        .react-datepicker__navigation--next {\n          transition: 0.2s;\n\n          &:hover {\n            background-color: #cccccc47;\n            transition: 0.2s;\n          }\n        }\n\n        .react-datepicker__navigation-icon--next::before {\n          left: -2px;\n        }\n\n        .react-datepicker__navigation-icon--previous::before {\n          right: -2px;\n        }\n\n        .react-datepicker__year-read-view--down-arrow,\n        .react-datepicker__month-read-view--down-arrow,\n        .react-datepicker__month-year-read-view--down-arrow,\n        .react-datepicker__navigation-icon::before {\n          border-color: #111;\n          border-style: solid;\n          border-width: 2px 2px 0 0;\n          height: 8px;\n          top: 8px;\n          width: 8px;\n        }\n      }\n    }\n  }\n\n  input.react-datepicker-ignore-onclickoutside {\n    background-color: #ffff;\n    color: #2b2b2b;\n  }\n"])));
+exports.InputDatePicker = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n\n* {\n  padding: 0;\n  margin: 0;\n  box-sizing: border-box;\n  font-family: \"Poppins\", sans-serif;\n  color: #333;\n}\n\nbody {\n  background: mediumpurple;\n  padding: 50px;\n  display: flex;\n  justify-content: center;\n}\n\n.date-input {\n  padding: 10px;\n  font-size: 1rem;\n  border-radius: 5px;\n  border: 1px solid #eee;\n}\n\n/* datepicker styles */\n\n.datepicker-container {\n  position: relative;\n}\n\n.datepicker {\n  position: absolute;\n  top: 100%;\n  z-index: 100;\n  margin-top: 2px;\n  background: #fff;\n  padding: 10px;\n  border-radius: 5px;\n}\n\n.datepicker button {\n  cursor: pointer;\n  border: none;\n  border-radius: 3px;\n  background: transparent;\n  font-size: 14px;\n  font-weight: 500;\n  text-transform: uppercase;\n  transition: 0.3s;\n}\n\n.days,\n.dates {\n  display: grid;\n  grid-template-columns: repeat(7, 32px);\n  gap: 10px;\n  margin-block: 10px;\n}\n\n.days span {\n  font-size: 14px;\n  font-weight: 600;\n  text-transform: uppercase;\n  text-align: center;\n}\n\n.dates button {\n  color: slategray;\n  aspect-ratio: 1;\n}\n\n.dates button:disabled {\n  opacity: 0.5;\n  pointer-events: none;\n  user-select: none;\n}\n\n.dates button:hover {\n  background: rgba(119, 136, 153, 0.1);\n}\n\n.dates button.today {\n  background: rgba(147, 112, 216, 0.2);\n  color: mediumpurple;\n}\n\n.dates button.selected {\n  background: mediumpurple;\n  color: #fff;\n}\n\n.datepicker-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding-bottom: 10px;\n  border-bottom: 1px solid #eee;\n}\n\n.datepicker-header select,\n.datepicker-header input {\n  font-size: 14px;\n  border: 1px solid #eee;\n}\n\n.datepicker-header input {\n  max-width: 64px;\n}\n\n.datepicker-header button {\n  color: slategray;\n}\n\n.datepicker-header button:hover {\n  color: mediumpurple;\n}\n\n.datepicker-footer {\n  display: flex;\n  justify-content: flex-end;\n  gap: 10px;\n  padding-top: 10px;\n  border-top: 1px solid #eee;\n}\n\n.datepicker-footer button {\n  background: rgba(119, 136, 153, 0.1);\n  padding: 3px 10px;\n}\n\n.datepicker-footer button.apply {\n  background: mediumpurple;\n  color: #fff;\n}\n"], ["\n\n* {\n  padding: 0;\n  margin: 0;\n  box-sizing: border-box;\n  font-family: \"Poppins\", sans-serif;\n  color: #333;\n}\n\nbody {\n  background: mediumpurple;\n  padding: 50px;\n  display: flex;\n  justify-content: center;\n}\n\n.date-input {\n  padding: 10px;\n  font-size: 1rem;\n  border-radius: 5px;\n  border: 1px solid #eee;\n}\n\n/* datepicker styles */\n\n.datepicker-container {\n  position: relative;\n}\n\n.datepicker {\n  position: absolute;\n  top: 100%;\n  z-index: 100;\n  margin-top: 2px;\n  background: #fff;\n  padding: 10px;\n  border-radius: 5px;\n}\n\n.datepicker button {\n  cursor: pointer;\n  border: none;\n  border-radius: 3px;\n  background: transparent;\n  font-size: 14px;\n  font-weight: 500;\n  text-transform: uppercase;\n  transition: 0.3s;\n}\n\n.days,\n.dates {\n  display: grid;\n  grid-template-columns: repeat(7, 32px);\n  gap: 10px;\n  margin-block: 10px;\n}\n\n.days span {\n  font-size: 14px;\n  font-weight: 600;\n  text-transform: uppercase;\n  text-align: center;\n}\n\n.dates button {\n  color: slategray;\n  aspect-ratio: 1;\n}\n\n.dates button:disabled {\n  opacity: 0.5;\n  pointer-events: none;\n  user-select: none;\n}\n\n.dates button:hover {\n  background: rgba(119, 136, 153, 0.1);\n}\n\n.dates button.today {\n  background: rgba(147, 112, 216, 0.2);\n  color: mediumpurple;\n}\n\n.dates button.selected {\n  background: mediumpurple;\n  color: #fff;\n}\n\n.datepicker-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding-bottom: 10px;\n  border-bottom: 1px solid #eee;\n}\n\n.datepicker-header select,\n.datepicker-header input {\n  font-size: 14px;\n  border: 1px solid #eee;\n}\n\n.datepicker-header input {\n  max-width: 64px;\n}\n\n.datepicker-header button {\n  color: slategray;\n}\n\n.datepicker-header button:hover {\n  color: mediumpurple;\n}\n\n.datepicker-footer {\n  display: flex;\n  justify-content: flex-end;\n  gap: 10px;\n  padding-top: 10px;\n  border-top: 1px solid #eee;\n}\n\n.datepicker-footer button {\n  background: rgba(119, 136, 153, 0.1);\n  padding: 3px 10px;\n}\n\n.datepicker-footer button.apply {\n  background: mediumpurple;\n  color: #fff;\n}\n"])));
 var templateObject_1;
 //# sourceMappingURL=styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/input-date-picker/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,eAAe,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,i5EAAA,80EA4G3C,KAAA"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/input-date-picker/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,eAAe,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,wsEAAA,qoEAsI3C,KAAA"}

package/dist/ui/components/form/text-editor/index.js

@@ -38,17 +38,27 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = __importDefault(require("react"));
+var react_quilljs_1 = require("react-quilljs");
 var formik_1 = require("formik");
-var ckeditor5_custom_build_1 = __importDefault(require("ckeditor5-custom-build"));
-var ckeditor5_react_1 = require("@ckeditor/ckeditor5-react");
 var input_control_1 = require("../input-control/index.js");
-var configs_1 = require("./configs.js");
 var S = __importStar(require("./styles.js"));
 function TextEditor(props) {
     var _a = (0, formik_1.useField)({ name: props.name, type: props.type }), field = _a[0], _ = _a[1], utils = _a[2];
-    return ((0, jsx_runtime_1.jsx)(S.TextEditor, { children: (0, jsx_runtime_1.jsx)(input_control_1.InputControl, __assign({}, props, { children: (0, jsx_runtime_1.jsx)(ckeditor5_react_1.CKEditor, { editor: ckeditor5_custom_build_1.default, config: configs_1.editorConfiguration, data: field.value || '', onChange: function (_, editor) {
-                    utils.setValue(editor.getData());
-                } }) })) }));
+    var _b = (0, react_quilljs_1.useQuill)(), quill = _b.quill, quillRef = _b.quillRef;
+    react_1.default.useEffect(function () {
+        if (quill) {
+            quill.on('text-change', function () {
+                utils.setValue(quill.root.innerHTML);
+            });
+        }
+    }, [quill]);
+    react_1.default.useEffect(function () {
+        if (quill) {
+            quill.clipboard.dangerouslyPasteHTML(field.value);
+        }
+    }, [quill]);
+    return ((0, jsx_runtime_1.jsx)(S.TextEditor, { children: (0, jsx_runtime_1.jsx)(input_control_1.InputControl, __assign({}, props, { children: (0, jsx_runtime_1.jsx)("div", { style: { width: '100%', height: 175 }, children: (0, jsx_runtime_1.jsx)("div", { ref: quillRef }) }) })) }));
 }
 exports.default = TextEditor;
 //# sourceMappingURL=index.js.map

package/dist/ui/components/form/text-editor/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/text-editor/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iCAAiC;AACjC,kFAA2C;AAC3C,6DAAoD;AAEpD,kDAA+C;AAG/C,qCAA+C;AAE/C,0CAA6B;AAE7B,SAAwB,UAAU,CAAC,KAAiB;IAC5C,IAAA,KAAoB,IAAA,iBAAQ,EAAC,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,CAAC,EAAnE,KAAK,QAAA,EAAE,CAAC,QAAA,EAAE,KAAK,QAAoD,CAAA;IAE1E,OAAO,CACL,uBAAC,CAAC,CAAC,UAAU,cACX,uBAAC,4BAAY,eAAK,KAAK,cACrB,uBAAC,0BAAQ,IACP,MAAM,EAAE,gCAAM,EACd,MAAM,EAAE,6BAAmB,EAC3B,IAAI,EAAE,KAAK,CAAC,KAAK,IAAI,EAAE,EACvB,QAAQ,EAAE,UAAC,CAAC,EAAE,MAAM;oBAClB,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC,CAAA;gBAClC,CAAC,GACD,IACW,GACF,CAChB,CAAA;AACH,CAAC;AAjBD,6BAiBC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/text-editor/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAyB;AAEzB,+CAAwC;AAExC,iCAAiC;AACjC,kDAA+C;AAG/C,0CAA6B;AAE7B,SAAwB,UAAU,CAAC,KAAiB;IAC5C,IAAA,KAAoB,IAAA,iBAAQ,EAAC,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,CAAC,EAAnE,KAAK,QAAA,EAAE,CAAC,QAAA,EAAE,KAAK,QAAoD,CAAA;IAEpE,IAAA,KAAsB,IAAA,wBAAQ,GAAE,EAA9B,KAAK,WAAA,EAAE,QAAQ,cAAe,CAAA;IAEtC,eAAK,CAAC,SAAS,CAAC;QACd,IAAI,KAAK,EAAE,CAAC;YACV,KAAK,CAAC,EAAE,CAAC,aAAa,EAAE;gBACtB,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,CAAA;YACtC,CAAC,CAAC,CAAA;QACJ,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA;IAEX,eAAK,CAAC,SAAS,CAAC;QACd,IAAI,KAAK,EAAE,CAAC;YACV,KAAK,CAAC,SAAS,CAAC,oBAAoB,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA;QACnD,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA;IAEX,OAAO,CACL,uBAAC,CAAC,CAAC,UAAU,cACX,uBAAC,4BAAY,eAAK,KAAK,cACrB,gCAAK,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,YACxC,gCAAK,GAAG,EAAE,QAAQ,GAAI,GAClB,IACO,GACF,CAChB,CAAA;AACH,CAAC;AA5BD,6BA4BC"}

package/dist/ui/components/form/text-editor/styles.js

@@ -9,6 +9,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TextEditor = void 0;
 var styled_components_1 = __importDefault(require("styled-components"));
-exports.TextEditor = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  overflow: hidden;\n\n  .ck-editor__editable {\n    min-height: 200px;\n  }\n"], ["\n  overflow: hidden;\n\n  .ck-editor__editable {\n    min-height: 200px;\n  }\n"])));
+exports.TextEditor = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject([void 0], ["\n/*!\n * Quill Editor v2.0.2\n * https://quilljs.com\n * Copyright (c) 2017-2024, Slab\n * Copyright (c) 2014, Jason Chen\n * Copyright (c) 2013, salesforce.com\n */\n.ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container:not(.ql-disabled) li[data-list=checked] > .ql-ui,.ql-container:not(.ql-disabled) li[data-list=unchecked] > .ql-ui{cursor:pointer}.ql-clipboard{left:-100000px;height:1px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{box-sizing:border-box;counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;line-height:1.42;height:100%;outline:none;overflow-y:auto;padding:12px 15px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap;word-wrap:break-word}.ql-editor > *{cursor:text}.ql-editor p,.ql-editor ol,.ql-editor pre,.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{margin:0;padding:0}@supports (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-set:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor table{border-collapse:collapse}.ql-editor td{border:1px solid #000;padding:2px 5px}.ql-editor ol{padding-left:1.5em}.ql-editor li{list-style-type:none;padding-left:1.5em;position:relative}.ql-editor li > .ql-ui:before{display:inline-block;margin-left:-1.5em;margin-right:.3em;text-align:right;white-space:nowrap;width:1.2em}.ql-editor li[data-list=checked] > .ql-ui,.ql-editor li[data-list=unchecked] > .ql-ui{color:#777}.ql-editor li[data-list=bullet] > .ql-ui:before{content:'\\2022'}.ql-editor li[data-list=checked] > .ql-ui:before{content:'\\2611'}.ql-editor li[data-list=unchecked] > .ql-ui:before{content:'\\2610'}@supports (counter-set:none){.ql-editor li[data-list]{counter-set:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list]{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered]{counter-increment:list-0}.ql-editor li[data-list=ordered] > .ql-ui:before{content:counter(list-0, decimal) '. '}.ql-editor li[data-list=ordered].ql-indent-1{counter-increment:list-1}.ql-editor li[data-list=ordered].ql-indent-1 > .ql-ui:before{content:counter(list-1, lower-alpha) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-set:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-2{counter-increment:list-2}.ql-editor li[data-list=ordered].ql-indent-2 > .ql-ui:before{content:counter(list-2, lower-roman) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-set:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-3{counter-increment:list-3}.ql-editor li[data-list=ordered].ql-indent-3 > .ql-ui:before{content:counter(list-3, decimal) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-set:list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-4{counter-increment:list-4}.ql-editor li[data-list=ordered].ql-indent-4 > .ql-ui:before{content:counter(list-4, lower-alpha) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-set:list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-5{counter-increment:list-5}.ql-editor li[data-list=ordered].ql-indent-5 > .ql-ui:before{content:counter(list-5, lower-roman) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-set:list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-6{counter-increment:list-6}.ql-editor li[data-list=ordered].ql-indent-6 > .ql-ui:before{content:counter(list-6, decimal) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-set:list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-reset:list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-7{counter-increment:list-7}.ql-editor li[data-list=ordered].ql-indent-7 > .ql-ui:before{content:counter(list-7, lower-alpha) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-set:list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-reset:list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-8{counter-increment:list-8}.ql-editor li[data-list=ordered].ql-indent-8 > .ql-ui:before{content:counter(list-8, lower-roman) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-set:list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-reset:list-9}}.ql-editor li[data-list=ordered].ql-indent-9{counter-increment:list-9}.ql-editor li[data-list=ordered].ql-indent-9 > .ql-ui:before{content:counter(list-9, decimal) '. '}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor li.ql-direction-rtl{padding-right:1.5em}.ql-editor li.ql-direction-rtl > .ql-ui:before{margin-left:.3em;margin-right:-1.5em;text-align:left}.ql-editor table{table-layout:fixed;width:100%}.ql-editor table td{outline:none}.ql-editor .ql-code-block-container{font-family:monospace}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor .ql-ui{position:absolute}.ql-editor.ql-blank::before{color:rgba(0,0,0,0.6);content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}.ql-snow.ql-toolbar:after,.ql-snow .ql-toolbar:after{clear:both;content:'';display:table}.ql-snow.ql-toolbar button,.ql-snow .ql-toolbar button{background:none;border:none;cursor:pointer;display:inline-block;float:left;height:24px;padding:3px 5px;width:28px}.ql-snow.ql-toolbar button svg,.ql-snow .ql-toolbar button svg{float:left;height:100%}.ql-snow.ql-toolbar button:active:hover,.ql-snow .ql-toolbar button:active:hover{outline:none}.ql-snow.ql-toolbar input.ql-image[type=file],.ql-snow .ql-toolbar input.ql-image[type=file]{display:none}.ql-snow.ql-toolbar button:hover,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar button:focus,.ql-snow .ql-toolbar button:focus,.ql-snow.ql-toolbar button.ql-active,.ql-snow .ql-toolbar button.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item.ql-selected{color:#06c}.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill{fill:#06c}.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter{stroke:#06c}@media (pointer:coarse){.ql-snow.ql-toolbar button:hover:not(.ql-active),.ql-snow .ql-toolbar button:hover:not(.ql-active){color:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#444}}.ql-snow{box-sizing:border-box}.ql-snow *{box-sizing:border-box}.ql-snow .ql-hidden{display:none}.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden}.ql-snow .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-snow .ql-formats{display:inline-block;vertical-align:middle}.ql-snow .ql-formats:after{clear:both;content:'';display:table}.ql-snow .ql-stroke{fill:none;stroke:#444;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.ql-snow .ql-stroke-miter{fill:none;stroke:#444;stroke-miterlimit:10;stroke-width:2}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-empty{fill:none}.ql-snow .ql-even{fill-rule:evenodd}.ql-snow .ql-thin,.ql-snow .ql-stroke.ql-thin{stroke-width:1}.ql-snow .ql-transparent{opacity:.4}.ql-snow .ql-direction svg:last-child{display:none}.ql-snow .ql-direction.ql-active svg:last-child{display:inline}.ql-snow .ql-direction.ql-active svg:first-child{display:none}.ql-snow .ql-editor h1{font-size:2em}.ql-snow .ql-editor h2{font-size:1.5em}.ql-snow .ql-editor h3{font-size:1.17em}.ql-snow .ql-editor h4{font-size:1em}.ql-snow .ql-editor h5{font-size:.83em}.ql-snow .ql-editor h6{font-size:.67em}.ql-snow .ql-editor a{text-decoration:underline}.ql-snow .ql-editor blockquote{border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}.ql-snow .ql-editor code,.ql-snow .ql-editor .ql-code-block-container{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor .ql-code-block-container{margin-bottom:5px;margin-top:5px;padding:5px 10px}.ql-snow .ql-editor code{font-size:85%;padding:2px 4px}.ql-snow .ql-editor .ql-code-block-container{background-color:#23241f;color:#f8f8f2;overflow:visible}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:#444;display:inline-block;float:left;font-size:14px;font-weight:500;height:24px;position:relative;vertical-align:middle}.ql-snow .ql-picker-label{cursor:pointer;display:inline-block;height:100%;padding-left:8px;padding-right:2px;position:relative;width:100%}.ql-snow .ql-picker-label::before{display:inline-block;line-height:22px}.ql-snow .ql-picker-options{background-color:#fff;display:none;min-width:100%;padding:4px 8px;position:absolute;white-space:nowrap}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;display:block;padding-bottom:5px;padding-top:5px}.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#ccc;z-index:2}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-options{display:block;margin-top:-1px;top:100%;z-index:1}.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{width:28px}.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}.ql-snow .ql-icon-picker .ql-picker-options{padding:4px 0}.ql-snow .ql-icon-picker .ql-picker-item{height:24px;width:24px;padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}.ql-snow .ql-color-picker .ql-picker-item{border:1px solid transparent;float:left;height:16px;margin:2px;padding:0;width:16px}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{position:absolute;margin-top:-9px;right:0;top:50%;width:18px}.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before{content:attr(data-label)}.ql-snow .ql-picker.ql-header{width:98px}.ql-snow .ql-picker.ql-header .ql-picker-label::before,.ql-snow .ql-picker.ql-header .ql-picker-item::before{content:'Normal'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value=\"1\"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value=\"1\"]::before{content:'Heading 1'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value=\"2\"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value=\"2\"]::before{content:'Heading 2'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value=\"3\"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value=\"3\"]::before{content:'Heading 3'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value=\"4\"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value=\"4\"]::before{content:'Heading 4'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value=\"5\"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value=\"5\"]::before{content:'Heading 5'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value=\"6\"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value=\"6\"]::before{content:'Heading 6'}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value=\"1\"]::before{font-size:2em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value=\"2\"]::before{font-size:1.5em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value=\"3\"]::before{font-size:1.17em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value=\"4\"]::before{font-size:1em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value=\"5\"]::before{font-size:.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value=\"6\"]::before{font-size:.67em}.ql-snow .ql-picker.ql-font{width:108px}.ql-snow .ql-picker.ql-font .ql-picker-label::before,.ql-snow .ql-picker.ql-font .ql-picker-item::before{content:'Sans Serif'}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before{content:'Serif'}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before{content:'Monospace'}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before{font-family:Georgia,Times New Roman,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before{font-family:Monaco,Courier New,monospace}.ql-snow .ql-picker.ql-size{width:98px}.ql-snow .ql-picker.ql-size .ql-picker-label::before,.ql-snow .ql-picker.ql-size .ql-picker-item::before{content:'Normal'}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before{content:'Small'}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before{content:'Large'}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before{content:'Huge'}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before{font-size:10px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before{font-size:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before{font-size:32px}.ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-snow .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.ql-code-block-container{position:relative}.ql-code-block-container .ql-ui{right:5px;top:5px}.ql-toolbar.ql-snow{border:1px solid #ccc;box-sizing:border-box;font-family:'Helvetica Neue','Helvetica','Arial',sans-serif;padding:8px}.ql-toolbar.ql-snow .ql-formats{margin-right:15px}.ql-toolbar.ql-snow .ql-picker-label{border:1px solid transparent}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid transparent;box-shadow:rgba(0,0,0,0.2) 0 2px 8px}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label{border-color:#ccc}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:#ccc}.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{border-color:#000}.ql-toolbar.ql-snow + .ql-container.ql-snow{border-top:0}.ql-snow .ql-tooltip{background-color:#fff;border:1px solid #ccc;box-shadow:0 0 5px #ddd;color:#444;padding:5px 12px;white-space:nowrap}.ql-snow .ql-tooltip::before{content:\"Visit URL:\";line-height:26px;margin-right:8px}.ql-snow .ql-tooltip input[type=text]{display:none;border:1px solid #ccc;font-size:13px;height:26px;margin:0;padding:3px 5px;width:170px}.ql-snow .ql-tooltip a.ql-preview{display:inline-block;max-width:200px;overflow-x:hidden;text-overflow:ellipsis;vertical-align:top}.ql-snow .ql-tooltip a.ql-action::after{border-right:1px solid #ccc;content:'Edit';margin-left:16px;padding-right:8px}.ql-snow .ql-tooltip a.ql-remove::before{content:'Remove';margin-left:8px}.ql-snow .ql-tooltip a{line-height:26px}.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}.ql-snow .ql-tooltip.ql-editing a.ql-action::after{border-right:0;content:'Save';padding-right:0}.ql-snow .ql-tooltip[data-mode=link]::before{content:\"Enter link:\"}.ql-snow .ql-tooltip[data-mode=formula]::before{content:\"Enter formula:\"}.ql-snow .ql-tooltip[data-mode=video]::before{content:\"Enter video:\"}.ql-snow a{color:#06c}.ql-container.ql-snow{border:1px solid #ccc}\n\n/*# sourceMappingURL=quill.snow.css.map*/\n\n"])));
 var templateObject_1;
 //# sourceMappingURL=styles.js.map

package/dist/ui/components/form/text-editor/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/text-editor/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,UAAU,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,qJAAA,kFAMtC,KAAA"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/text-editor/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,UAAU,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,yEAAA,8lwBAYtC,KAAA"}

package/package.json

@@ -1,88 +1,75 @@
-{
-  "name": "infinity-forge",
-  "version": "0.62.2",
-  "description": "codie Library",
-  "main": "./dist/index",
-  "module": "./dist/index",
-  "types": "./dist/index.d.ts",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/CodieDigital/codiedigital-library"
-  },
-  "scripts": {
-    "dev": "next -p 3050",
-    "deploy": "npm version patch && npm publish",
-    "next": "next build",
-    "start": "next start -p 3015",
-    "build": "concurrently --kill-others-on-fail \"tsc -w\" \"tsc-alias -w --resolve-full-paths\" \"npm run build:CSS\" \"npm run fonts\"",
-    "build:CSS": "npm run minify-css && node combine-css.ts && cpx \"src/**/*.css\" dist --watch",
-    "minify-css": "postcss src/**/*.css --use cssnano -d dist --no-map",
-    "fonts": "tsc-alias -p tsconfig.json && mkdir dist\\fonts && for /r src %i in (*.otf, *.ttf) do copy \"%i\" dist\\fonts\\"
-  },
-  "peerDependencies": {
-    "react": ">=16"
-  },
-  "files": [
-    "dist",
-    "LICENSE",
-    "README.md"
-  ],
-  "keywords": [
-    "react",
-    "typescript",
-    "awesome-project"
-  ],
-  "author": "Codie Digital",
-  "license": "MIT",
-  "devDependencies": {
-    "@types/node": "^20.12.12",
-    "@types/react": "^18.3.3",
-    "@types/react-date-range": "^1.4.9",
-    "@types/react-datepicker": "^6.2.0",
-    "@types/react-dom": "^18.3.0",
-    "@types/styled-components": "^5.1.34",
-    "concurrently": "^8.2.2",
-    "copyfiles": "^2.4.1",
-    "cpx": "^1.5.0",
-    "cssnano": "^7.0.1",
-    "postcss-cli": "^11.0.0",
-    "tsc-alias": "^1.8.10",
-    "tslib": "^2.6.2"
-  },
-  "dependencies": {
-    "@ckeditor/ckeditor5-react": "^7.0.0",
-    "@types/react-slick": "^0.23.13",
-    "axios": "^1.7.2",
-    "chroma-js": "^2.4.2",
-    "ckeditor5-custom-build": "^0.0.6",
-    "date-fns": "^3.6.0",
-    "exenv": "^1.2.2",
-    "formik": "^2.4.6",
-    "framer-motion": "^11.2.6",
-    "fs": "0.0.1-security",
-    "fs-extra": "^11.2.0",
-    "inversify": "^6.0.2",
-    "moment": "^2.30.1",
-    "next": "^14.2.3",
-    "postcss": "^8.4.38",
-    "prop-types": "^15.8.1",
-    "react": "18.3.1",
-    "react-currency-input-field": "^3.8.0",
-    "react-date-range": "^2.0.1",
-    "react-datepicker": "^6.9.0",
-    "react-dom": "18.3.1",
-    "react-error-boundary": "^4.0.13",
-    "react-ga": "^3.3.1",
-    "react-lifecycles-compat": "^3.0.4",
-    "react-select": "^5.8.0",
-    "react-share": "^5.1.0",
-    "react-slick": "^0.30.2",
-    "react-tooltip": "^5.26.4",
-    "reflect-metadata": "^0.2.2",
-    "sharp": "^0.33.4",
-    "styled-components": "^6.1.11",
-    "typescript": "^5.4.5",
-    "yup": "^1.4.0",
-    "zustand": "^4.5.2"
-  }
-}
+{
+  "name": "infinity-forge",
+  "version": "0.63.0",
+  "description": "codie Library",
+  "main": "./dist/index",
+  "module": "./dist/index",
+  "types": "./dist/index.d.ts",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/CodieDigital/codiedigital-library"
+  },
+  "scripts": {
+    "dev": "next -p 3050",
+    "deploy": "npm version patch && npm publish",
+    "next": "next build",
+    "start": "next start -p 3015",
+    "build": "concurrently --kill-others-on-fail \"tsc -w\" \"tsc-alias -w --resolve-full-paths\" \"npm run build:CSS\" \"npm run fonts\"",
+    "build:CSS": "npm run minify-css && node combine-css.ts && cpx \"src/**/*.css\" dist --watch",
+    "minify-css": "postcss src/**/*.css --use cssnano -d dist --no-map",
+    "fonts": "tsc-alias -p tsconfig.json && mkdir dist\\fonts && for /r src %i in (*.otf, *.ttf) do copy \"%i\" dist\\fonts\\"
+  },
+  "peerDependencies": {
+    "react": ">=16"
+  },
+  "files": [
+    "dist",
+    "LICENSE",
+    "README.md"
+  ],
+  "keywords": [
+    "react",
+    "typescript",
+    "awesome-project"
+  ],
+  "author": "Codie Digital",
+  "license": "MIT",
+  "devDependencies": {
+    "@types/node": "^20.12.12",
+    "@types/react": "^18.3.3",
+    "@types/react-dom": "^18.3.0",
+    "@types/styled-components": "^5.1.34",
+    "concurrently": "^8.2.2",
+    "copyfiles": "^2.4.1",
+    "cpx": "^1.5.0",
+    "cssnano": "^7.0.1",
+    "postcss-cli": "^11.0.0",
+    "tsc-alias": "^1.8.10",
+    "tslib": "^2.6.2"
+  },
+  "dependencies": {
+    "axios": "^1.7.2",
+    "chroma-js": "^2.4.2",
+    "exenv": "^1.2.2",
+    "formik": "^2.4.6",
+    "framer-motion": "^11.2.6",
+    "fs": "0.0.1-security",
+    "fs-extra": "^11.2.0",
+    "inversify": "^6.0.2",
+    "moment": "^2.30.1",
+    "next": "^14.2.3",
+    "postcss": "^8.4.38",
+    "react": "18.3.1",
+    "react-dom": "18.3.1",
+    "react-ga": "^3.3.1",
+    "react-quilljs": "^2.0.3",
+    "react-select": "^5.8.0",
+    "react-share": "^5.1.0",
+    "reflect-metadata": "^0.2.2",
+    "sharp": "^0.33.4",
+    "styled-components": "^6.1.11",
+    "typescript": "^5.4.5",
+    "yup": "^1.4.0",
+    "zustand": "^4.5.2"
+  }
+}

package/dist/react-tool-tip.css

@@ -1 +0,0 @@
-:root{--rt-color-white:#fff;--rt-color-dark:#222;--rt-color-success:#8dc572;--rt-color-error:#be6464;--rt-color-warning:#f0ad4e;--rt-color-info:#337ab7;--rt-opacity:0.9;--rt-transition-show-delay:0.15s;--rt-transition-closing-delay:0.15s}.core-styles-module_tooltip__3vRRp{left:0;opacity:0;pointer-events:none;position:absolute;top:0;will-change:opacity}.core-styles-module_fixed__pcSol{position:fixed}.core-styles-module_arrow__cvMwQ{background:inherit;position:absolute}.core-styles-module_noArrow__xock6{display:none}.core-styles-module_clickable__ZuTTB{pointer-events:auto}.core-styles-module_show__Nt9eE{opacity:var(--rt-opacity);transition:opacity var(--rt-transition-show-delay) ease-out}.core-styles-module_closing__sGnxF{opacity:0;transition:opacity var(--rt-transition-closing-delay) ease-in}.styles-module_tooltip__mnnfp{border-radius:3px;font-size:90%;padding:8px 16px;width:max-content}.styles-module_arrow__K0L3T{height:8px;width:8px}[class*=react-tooltip__place-top]>.styles-module_arrow__K0L3T{transform:rotate(45deg)}[class*=react-tooltip__place-right]>.styles-module_arrow__K0L3T{transform:rotate(135deg)}[class*=react-tooltip__place-bottom]>.styles-module_arrow__K0L3T{transform:rotate(225deg)}[class*=react-tooltip__place-left]>.styles-module_arrow__K0L3T{transform:rotate(315deg)}.styles-module_dark__xNqje{background:var(--rt-color-dark);color:var(--rt-color-white)}.styles-module_light__Z6W-X{background-color:var(--rt-color-white);color:var(--rt-color-dark)}.styles-module_success__A2AKt{background-color:var(--rt-color-success);color:var(--rt-color-white)}.styles-module_warning__SCK0X{background-color:var(--rt-color-warning);color:var(--rt-color-white)}.styles-module_error__JvumD{background-color:var(--rt-color-error);color:var(--rt-color-white)}.styles-module_info__BWdHW{background-color:var(--rt-color-info);color:var(--rt-color-white)}

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

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