react-asc 25.14.1 → 25.15.1

package/index.js

@@ -7,39 +7,43 @@ var core = require('@popperjs/core');
 var saveAs = require('file-saver');
 var papaparse = require('papaparse');
 
-exports.COLOR = void 0;
-(function (COLOR) {
-    COLOR["primary"] = "primary";
-    COLOR["accent"] = "accent";
-    COLOR["secondary"] = "secondary";
-    COLOR["success"] = "success";
-    COLOR["error"] = "error";
-    COLOR["light"] = "light";
-    COLOR["dark"] = "dark";
-})(exports.COLOR || (exports.COLOR = {}));
-exports.VARIANT = void 0;
-(function (VARIANT) {
-    VARIANT["contained"] = "contained";
-    VARIANT["outline"] = "outline";
-    VARIANT["text"] = "text";
-})(exports.VARIANT || (exports.VARIANT = {}));
+exports.Color = void 0;
+(function (Color) {
+    Color["primary"] = "primary";
+    Color["accent"] = "accent";
+    Color["secondary"] = "secondary";
+    Color["success"] = "success";
+    Color["error"] = "error";
+    Color["light"] = "light";
+    Color["dark"] = "dark";
+})(exports.Color || (exports.Color = {}));
+
+exports.POSITION = void 0;
+(function (POSITION) {
+    POSITION["right"] = "right";
+    POSITION["left"] = "left";
+})(exports.POSITION || (exports.POSITION = {}));
+
 exports.SIZE = void 0;
 (function (SIZE) {
     SIZE["sm"] = "sm";
     SIZE["md"] = "md";
     SIZE["lg"] = "lg";
 })(exports.SIZE || (exports.SIZE = {}));
-exports.POSITION = void 0;
-(function (POSITION) {
-    POSITION["right"] = "right";
-    POSITION["left"] = "left";
-})(exports.POSITION || (exports.POSITION = {}));
+
 exports.STATUS = void 0;
 (function (STATUS) {
     STATUS["HOVERED"] = "hovered";
     STATUS["NORMAL"] = "normal";
 })(exports.STATUS || (exports.STATUS = {}));
 
+exports.VARIANT = void 0;
+(function (VARIANT) {
+    VARIANT["contained"] = "contained";
+    VARIANT["outline"] = "outline";
+    VARIANT["text"] = "text";
+})(exports.VARIANT || (exports.VARIANT = {}));
+
 function styleInject(css, ref) {
   if ( ref === void 0 ) ref = {};
   var insertAt = ref.insertAt;
@@ -72,7 +76,7 @@ var styles$16 = {"alert":"Alert-module_alert__b4tbk","shadow":"Alert-module_shad
 styleInject(css_248z$16);
 
 const Alert = (props) => {
-    const { children, className, color = exports.COLOR.primary, variant = exports.VARIANT.contained, shadow = true, ...rest } = props;
+    const { children, className, color = exports.Color.secondary, variant = exports.VARIANT.contained, shadow = true, ...rest } = props;
     const getCssClasses = () => {
         const cssClasses = [];
         cssClasses.push(styles$16.alert);
@@ -96,7 +100,7 @@ var styles$15 = {"appbar":"AppBar-module_appbar__Neyh3","primary":"AppBar-module
 styleInject(css_248z$15);
 
 const AppBar = (props) => {
-    const { children, className, color = exports.COLOR.primary, shadow = true, ...rest } = props;
+    const { children, className, color = exports.Color.primary, shadow = true, ...rest } = props;
     const getCssClasses = () => {
         const cssClasses = [];
         cssClasses.push(styles$15[color]);
@@ -376,7 +380,7 @@ var styles$10 = {"iconButton":"IconButton-module_iconButton__rpCPQ","shadow":"Ic
 styleInject(css_248z$10);
 
 const IconButton = (props) => {
-    const { children, icon, variant = exports.VARIANT.text, color = exports.COLOR.dark, size = exports.SIZE.md, isActive, disabled, loading, className, shadow, ...rest } = props;
+    const { children, icon, variant = exports.VARIANT.text, color = exports.Color.dark, size = exports.SIZE.md, isActive, disabled, loading, className, shadow, ...rest } = props;
     const [isDisabled, setIsDisabled] = React.useState(false);
     const [isLoading, setIsLoading] = React.useState(false);
     React.useEffect(() => {
@@ -591,7 +595,7 @@ var styles$U = {"badgeContainer":"Badge-module_badgeContainer__3nZBs","badge":"B
 styleInject(css_248z$U);
 
 const Badge = (props) => {
-    const { children, content, className, color = exports.COLOR.primary, ...rest } = props;
+    const { children, content, className, color = exports.Color.secondary, ...rest } = props;
     const [cssClassName] = useCssClasses([styles$U.badge, styles$U[color], className]);
     return (jsxRuntime.jsxs(BadgeContainer, { children: [children, jsxRuntime.jsx("span", { className: cssClassName, ...rest, children: content })] }));
 };
@@ -642,12 +646,12 @@ var styles$R = {"button":"Button-module_button__qeIer","shadow":"Button-module_s
 styleInject(css_248z$R);
 
 const ButtonContext = React.createContext({
-    color: null
+    color: null,
 });
 const useButtonContext = () => React.useContext(ButtonContext);
 
 const Button = props => {
-    const { children, variant = exports.VARIANT.contained, color = exports.COLOR.primary, isRounded, isActive, className, startIcon, endIcon, shadow = true, block, loading, disabled, ...rest } = props;
+    const { children, variant = exports.VARIANT.contained, color = exports.Color.primary, isRounded, isActive, className, startIcon, endIcon, shadow = true, block, loading, disabled, ...rest } = props;
     const [isDisabled, setIsDisabled] = React.useState(false);
     const [isLoading, setIsLoading] = React.useState(false);
     React.useEffect(() => {
@@ -695,7 +699,7 @@ const Button = props => {
         className && cssClasses.push(className);
         return cssClasses.filter(css => css).join(' ');
     };
-    return (jsxRuntime.jsx("button", { type: "button", className: getCssClasses(), disabled: isDisabled, ...rest, children: jsxRuntime.jsxs("span", { className: "d-flex justify-content-center", children: [isLoading && (jsxRuntime.jsx("div", { className: "mr-1", children: jsxRuntime.jsx(LoadingIndicatorContainer, { children: jsxRuntime.jsx(LoadingIndicator, {}) }) })), startIcon && jsxRuntime.jsx(Icon, { className: styles$R.startIcon, children: startIcon }), children, endIcon && jsxRuntime.jsx(Icon, { className: styles$R.endIcon, children: endIcon })] }) }));
+    return (jsxRuntime.jsx("button", { type: "button", className: getCssClasses(), disabled: isDisabled, ...rest, children: jsxRuntime.jsxs("span", { className: "d-flex justify-content-center align-items-center", children: [isLoading && (jsxRuntime.jsx("div", { className: "mr-1", children: jsxRuntime.jsx(LoadingIndicatorContainer, { children: jsxRuntime.jsx(LoadingIndicator, {}) }) })), startIcon && jsxRuntime.jsx(Icon, { className: styles$R.startIcon, children: startIcon }), children, endIcon && jsxRuntime.jsx(Icon, { className: styles$R.endIcon, children: endIcon })] }) }));
 };
 
 var css_248z$Q = ".ButtonGroup-module_buttonGroup__w6iB- {\n  display: inline-flex;\n  border-radius: 4px;\n  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);\n}\n.ButtonGroup-module_buttonGroup__w6iB- button:not(:last-child) {\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n}\n.ButtonGroup-module_buttonGroup__w6iB- button:not(:first-child) {\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n}\n.ButtonGroup-module_buttonGroup__w6iB- button:not(:last-of-type) {\n  border-right: 1px solid #bdbdbd;\n}";
@@ -710,7 +714,7 @@ const ButtonGroup = (props) => {
         className && cssClasses.push(className);
         return cssClasses.filter(css => css).join(' ');
     };
-    return (jsxRuntime.jsx(ButtonContext.Provider, { value: { color: color || exports.COLOR.primary }, children: jsxRuntime.jsx("div", { className: getCssClasses(), role: "group", ...rest, children: children }) }));
+    return (jsxRuntime.jsx(ButtonContext.Provider, { value: { color: color || exports.Color.primary }, children: jsxRuntime.jsx("div", { className: getCssClasses(), role: "group", ...rest, children: children }) }));
 };
 
 var css_248z$P = ".Card-module_card__TQdQq {\n  background: var(--white);\n  border-radius: var(--borderRadius);\n}\n.Card-module_card__TQdQq.Card-module_shadow__NxDVz {\n  box-shadow: var(--shadow);\n}";
@@ -5257,7 +5261,7 @@ const Select = (props) => {
     const renderMultipleViewModel = () => {
         let result = null;
         if (selectedOptions.length <= multipleMaxCountItems && selectedOptions.length > 0) {
-            result = selectedOptions.map(option => (jsxRuntime.jsx(Chip, { color: exports.COLOR.primary, isDeletable: true, onDelete: (e) => handleOnDelete(e, option), children: option.label }, option.value)));
+            result = selectedOptions.map(option => (jsxRuntime.jsx(Chip, { color: exports.Color.primary, isDeletable: true, onDelete: (e) => handleOnDelete(e, option), children: option.label }, option.value)));
         }
         else {
             result = jsxRuntime.jsxs("span", { children: [selectedOptions.length, " Items selected"] });
@@ -5593,22 +5597,23 @@ class FormControl {
     }
 }
 
-var css_248z$z = ".Column-module_column__fcTgl {\n  flex: 1 0 0%;\n}\n\n@media (max-width: 575.98px) {\n  .Column-module_column__fcTgl {\n    flex: 1;\n  }\n}";
-var styles$z = {"column":"Column-module_column__fcTgl"};
+var css_248z$z = ".Column-module_column__fcTgl {\n  flex: 1 0 0%;\n}\n\n.Column-module_column-10__4935j {\n  flex: 0 0 10%;\n}\n\n.Column-module_column-20__cRb6d {\n  flex: 0 0 20%;\n}\n\n.Column-module_column-30__LqTq8 {\n  flex: 0 0 30%;\n}\n\n.Column-module_column-40__l9TqX {\n  flex: 0 0 40%;\n}\n\n.Column-module_column-50__d4Dxd {\n  flex: 0 0 50%;\n}\n\n.Column-module_column-60__dUUhT {\n  flex: 0 0 60%;\n}\n\n.Column-module_column-70__7xevU {\n  flex: 0 0 70%;\n}\n\n.Column-module_column-80__3mfFZ {\n  flex: 0 0 80%;\n}\n\n.Column-module_column-90__wntvM {\n  flex: 0 0 90%;\n}\n\n.Column-module_column-100__rh1-C {\n  flex: 0 0 100%;\n}";
+var styles$z = {"column":"Column-module_column__fcTgl","column-10":"Column-module_column-10__4935j","column-20":"Column-module_column-20__cRb6d","column-30":"Column-module_column-30__LqTq8","column-40":"Column-module_column-40__l9TqX","column-50":"Column-module_column-50__d4Dxd","column-60":"Column-module_column-60__dUUhT","column-70":"Column-module_column-70__7xevU","column-80":"Column-module_column-80__3mfFZ","column-90":"Column-module_column-90__wntvM","column-100":"Column-module_column-100__rh1-C"};
 styleInject(css_248z$z);
 
 const Column = (props) => {
-    const { children, className, ...rest } = props;
+    const { children, className, size, ...rest } = props;
     const getCssClasses = () => {
         const cssClasses = [];
         cssClasses.push(styles$z.column);
+        size && cssClasses.push(styles$z[`column-${size}`]);
         className && cssClasses.push(className);
         return cssClasses.filter(css => css).join(' ');
     };
     return (jsxRuntime.jsx("div", { className: getCssClasses(), ...rest, children: children }));
 };
 
-var css_248z$y = ".Row-module_row__bTIWp {\n  display: flex;\n  gap: 15px;\n  flex-wrap: wrap;\n}\n.Row-module_row__bTIWp > * {\n  flex-shrink: 0;\n  width: 100%;\n  min-width: 0;\n  max-width: 100%;\n}";
+var css_248z$y = ".Row-module_row__bTIWp {\n  display: flex;\n  gap: 15px;\n  flex-wrap: wrap;\n}\n.Row-module_row__bTIWp > * {\n  flex-shrink: 0;\n  min-width: 0;\n  max-width: 100%;\n}";
 var styles$y = {"row":"Row-module_row__bTIWp"};
 styleInject(css_248z$y);
 
@@ -5809,7 +5814,7 @@ var styles$t = {"fab":"FloatingActionButton-module_fab__Rw3kd","fixed":"Floating
 styleInject(css_248z$t);
 
 const FloatingActionButton = (props) => {
-    const { className, icon, color = exports.COLOR.primary, fixed, position = 'rightBottom', size = exports.SIZE.lg, isActive, disabled, onClick } = props;
+    const { className, icon, color = exports.Color.primary, fixed, position = 'rightBottom', size = exports.SIZE.lg, isActive, disabled, onClick } = props;
     const getCssClasses = () => {
         const cssClasses = [];
         cssClasses.push(styles$t.fab);
@@ -5933,26 +5938,10 @@ styleInject(css_248z$q);
 
 const MenuDivider = () => jsxRuntime.jsx("div", { className: styles$q.menuItemDivider });
 
-var css_248z$p = ".ModalHeader-module_modalHeader__tw-u- {\n  display: flex;\n  flex-shrink: 0;\n  align-items: center;\n  justify-content: space-between;\n  padding: 1rem;\n  border-top-left-radius: calc(0.3rem - 1px);\n  border-top-right-radius: calc(0.3rem - 1px);\n  border-bottom: none;\n  align-items: center;\n}\n.ModalHeader-module_modalHeader__tw-u-.ModalHeader-module_shadow__qELWb {\n  box-shadow: var(--shadow);\n}\n\n.ModalHeader-module_modalTitle__2xShH {\n  margin-bottom: 0;\n  line-height: 1.5;\n}";
-var styles$p = {"modalHeader":"ModalHeader-module_modalHeader__tw-u-","shadow":"ModalHeader-module_shadow__qELWb","modalTitle":"ModalHeader-module_modalTitle__2xShH"};
+var css_248z$p = ".Modal-module_modal__HMxWV {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  overflow-x: hidden;\n  overflow-y: auto;\n  outline: 0;\n  z-index: 1111 !important;\n  border-radius: var(--borderRadius);\n}\n.Modal-module_modal__HMxWV .Modal-module_modal-dialog__U2wGf .Modal-module_sm__CsR6U {\n  max-width: 300px;\n}\n.Modal-module_modal__HMxWV .Modal-module_modal-dialog__U2wGf .Modal-module_md__lNggx {\n  max-width: 500px;\n}\n.Modal-module_modal__HMxWV .Modal-module_modal-dialog__U2wGf .Modal-module_lg__6dtT2 {\n  max-width: 1140px;\n}\n@media (min-width: 576px) {\n  .Modal-module_modal__HMxWV .Modal-module_modal-dialog__U2wGf {\n    max-width: 600px;\n  }\n}\n\n.Modal-module_modalDialog__fNqyK {\n  position: relative;\n  width: auto;\n  pointer-events: none;\n}\n\n.Modal-module_modalDialogCentered__sa2wv {\n  height: 100%;\n  display: flex;\n  align-items: center;\n}\n\n.Modal-module_modalContent__9wAwB {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  pointer-events: auto;\n  background-color: #fff;\n  background-clip: padding-box;\n  border: 1px solid rgba(0, 0, 0, 0.2);\n  border-radius: 0.3rem;\n  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.08);\n  outline: 0;\n  margin: 1rem;\n  max-height: 600px;\n}\n@media (min-width: 576px) {\n  .Modal-module_modalContent__9wAwB {\n    max-width: 500px;\n    margin: auto;\n  }\n}\n\n.Modal-module_fullscreen__iepGa {\n  width: 100% !important;\n  height: 100% !important;\n  max-height: 100% !important;\n  margin: 0;\n  padding: 0;\n}\n.Modal-module_fullscreen__iepGa .Modal-module_modalContent__9wAwB {\n  margin: 0;\n  height: auto;\n  min-height: 100%;\n  max-height: 100%;\n  border-radius: 0;\n  overflow: auto;\n  max-width: 100%;\n}\n@media (min-width: 320px) {\n  .Modal-module_fullscreen__iepGa {\n    max-width: 100% !important;\n  }\n}";
+var styles$p = {"modal":"Modal-module_modal__HMxWV","modal-dialog":"Modal-module_modal-dialog__U2wGf","sm":"Modal-module_sm__CsR6U","md":"Modal-module_md__lNggx","lg":"Modal-module_lg__6dtT2","modalDialog":"Modal-module_modalDialog__fNqyK","modalDialogCentered":"Modal-module_modalDialogCentered__sa2wv","modalContent":"Modal-module_modalContent__9wAwB","fullscreen":"Modal-module_fullscreen__iepGa"};
 styleInject(css_248z$p);
 
-const ModalHeader = (props) => {
-    const { children, shadow, className, isDismissable = false, onClose, ...rest } = props;
-    const getCssClasses = () => {
-        const cssClasses = [];
-        cssClasses.push(styles$p.modalHeader);
-        shadow && cssClasses.push(styles$p.shadow);
-        className && cssClasses.push(className);
-        return cssClasses.filter(css => css).join(' ');
-    };
-    const handleClick = () => {
-        onClose && onClose();
-    };
-    return (jsxRuntime.jsxs("div", { className: getCssClasses(), ...rest, children: [jsxRuntime.jsx("h5", { className: styles$p.modalTitle, children: children }), isDismissable &&
-                jsxRuntime.jsx(IconButton, { icon: jsxRuntime.jsx(TimesSolidIcon, {}), variant: exports.VARIANT.text, onClick: handleClick })] }));
-};
-
 var css_248z$o = ".ModalBody-module_modalBody__D-gk2 {\n  position: relative;\n  flex: 1 1 auto;\n  padding: 0 1rem 1rem 1rem;\n  overflow-y: auto;\n}";
 var styles$o = {"modalBody":"ModalBody-module_modalBody__D-gk2"};
 styleInject(css_248z$o);
@@ -5975,18 +5964,33 @@ const ModalFooter = (props) => {
     return (jsxRuntime.jsx("div", { className: getCssClasses(), ...rest, children: children }));
 };
 
-var css_248z$m = ".Modal-module_modal__HMxWV {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  overflow-x: hidden;\n  overflow-y: auto;\n  outline: 0;\n  z-index: 1111 !important;\n  border-radius: var(--borderRadius);\n}\n.Modal-module_modal__HMxWV .Modal-module_modal-dialog__U2wGf .Modal-module_sm__CsR6U {\n  max-width: 300px;\n}\n.Modal-module_modal__HMxWV .Modal-module_modal-dialog__U2wGf .Modal-module_md__lNggx {\n  max-width: 500px;\n}\n.Modal-module_modal__HMxWV .Modal-module_modal-dialog__U2wGf .Modal-module_lg__6dtT2 {\n  max-width: 1140px;\n}\n@media (min-width: 576px) {\n  .Modal-module_modal__HMxWV .Modal-module_modal-dialog__U2wGf {\n    max-width: 600px;\n  }\n}\n\n.Modal-module_modalDialog__fNqyK {\n  position: relative;\n  width: auto;\n  pointer-events: none;\n}\n\n.Modal-module_modalDialogCentered__sa2wv {\n  height: 100%;\n  display: flex;\n  align-items: center;\n}\n\n.Modal-module_modalContent__9wAwB {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  pointer-events: auto;\n  background-color: #fff;\n  background-clip: padding-box;\n  border: 1px solid rgba(0, 0, 0, 0.2);\n  border-radius: 0.3rem;\n  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.08);\n  outline: 0;\n  margin: 1rem;\n  max-height: 600px;\n}\n@media (min-width: 576px) {\n  .Modal-module_modalContent__9wAwB {\n    max-width: 500px;\n    margin: auto;\n  }\n}\n\n.Modal-module_fullscreen__iepGa {\n  width: 100% !important;\n  height: 100% !important;\n  max-height: 100% !important;\n  margin: 0;\n  padding: 0;\n}\n.Modal-module_fullscreen__iepGa .Modal-module_modalContent__9wAwB {\n  margin: 0;\n  height: auto;\n  min-height: 100%;\n  max-height: 100%;\n  border-radius: 0;\n  overflow: auto;\n  max-width: 100%;\n}\n@media (min-width: 320px) {\n  .Modal-module_fullscreen__iepGa {\n    max-width: 100% !important;\n  }\n}";
-var styles$m = {"modal":"Modal-module_modal__HMxWV","modal-dialog":"Modal-module_modal-dialog__U2wGf","sm":"Modal-module_sm__CsR6U","md":"Modal-module_md__lNggx","lg":"Modal-module_lg__6dtT2","modalDialog":"Modal-module_modalDialog__fNqyK","modalDialogCentered":"Modal-module_modalDialogCentered__sa2wv","modalContent":"Modal-module_modalContent__9wAwB","fullscreen":"Modal-module_fullscreen__iepGa"};
+var css_248z$m = ".ModalHeader-module_modalHeader__tw-u- {\n  display: flex;\n  flex-shrink: 0;\n  align-items: center;\n  justify-content: space-between;\n  padding: 1rem;\n  border-top-left-radius: calc(0.3rem - 1px);\n  border-top-right-radius: calc(0.3rem - 1px);\n  border-bottom: none;\n  align-items: center;\n}\n.ModalHeader-module_modalHeader__tw-u-.ModalHeader-module_shadow__qELWb {\n  box-shadow: var(--shadow);\n}\n\n.ModalHeader-module_modalTitle__2xShH {\n  margin-bottom: 0;\n  line-height: 1.5;\n}";
+var styles$m = {"modalHeader":"ModalHeader-module_modalHeader__tw-u-","shadow":"ModalHeader-module_shadow__qELWb","modalTitle":"ModalHeader-module_modalTitle__2xShH"};
 styleInject(css_248z$m);
 
+const ModalHeader = (props) => {
+    const { children, shadow, className, isDismissable = false, onClose, ...rest } = props;
+    const getCssClasses = () => {
+        const cssClasses = [];
+        cssClasses.push(styles$m.modalHeader);
+        shadow && cssClasses.push(styles$m.shadow);
+        className && cssClasses.push(className);
+        return cssClasses.filter(css => css).join(' ');
+    };
+    const handleClick = () => {
+        onClose && onClose();
+    };
+    return (jsxRuntime.jsxs("div", { className: getCssClasses(), ...rest, children: [jsxRuntime.jsx("h5", { className: styles$m.modalTitle, children: children }), isDismissable && jsxRuntime.jsx(IconButton, { icon: jsxRuntime.jsx(TimesSolidIcon, {}), variant: exports.VARIANT.text, onClick: handleClick })] }));
+};
+
 const Modal = (props) => {
-    const { target = document.body, className, size, fullScreen, children, header, footer, onHeaderCloseClick, onBackdropClick, isDismissable = false } = props;
+    const { target = document.body, className, size, fullScreen, children, header, footer, onHeaderCloseClick, onBackdropClick, isDismissable = false, } = props;
     const getCssClass = () => {
         const cssClasses = [];
-        cssClasses.push(styles$m.modalDialog);
-        cssClasses.push(styles$m.modalDialogCentered);
-        size && cssClasses.push(styles$m[size]);
-        fullScreen && cssClasses.push(styles$m.fullscreen);
+        cssClasses.push(styles$p.modalDialog);
+        cssClasses.push(styles$p.modalDialogCentered);
+        size && cssClasses.push(styles$p[size]);
+        fullScreen && cssClasses.push(styles$p.fullscreen);
         className && cssClasses.push(className);
         return cssClasses.filter(r => r).join(' ');
     };
@@ -5999,9 +6003,7 @@ const Modal = (props) => {
     const handleClickBackdrop = () => {
         onBackdropClick && onBackdropClick();
     };
-    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Portal$1, { className: 'modal-root', target: target, children: jsxRuntime.jsx("div", { className: styles$m.modal, children: jsxRuntime.jsx("div", { className: getCssClass(), children: jsxRuntime.jsxs("div", { className: styles$m.modalContent, children: [header &&
-                                    jsxRuntime.jsx(ModalHeader, { isDismissable: isDismissable, onClose: () => onHeaderCloseClick && onHeaderCloseClick(), children: header }), jsxRuntime.jsx(ModalBody, { children: children }), footer &&
-                                    jsxRuntime.jsx(ModalFooter, { children: footer })] }) }) }) }), jsxRuntime.jsx(Backdrop, { onClick: handleClickBackdrop, style: { zIndex: 1040 } })] }));
+    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Portal$1, { className: "modal-root", target: target, children: jsxRuntime.jsx("div", { className: styles$p.modal, children: jsxRuntime.jsx("div", { className: getCssClass(), children: jsxRuntime.jsxs("div", { className: styles$p.modalContent, children: [header && (jsxRuntime.jsx(ModalHeader, { isDismissable: isDismissable, onClose: () => onHeaderCloseClick && onHeaderCloseClick(), children: header })), jsxRuntime.jsx(ModalBody, { children: children }), footer && jsxRuntime.jsx(ModalFooter, { children: footer })] }) }) }) }), jsxRuntime.jsx(Backdrop, { onClick: handleClickBackdrop, style: { zIndex: 1040 } })] }));
 };
 
 exports.MODALTYPE = void 0;
@@ -6018,9 +6020,9 @@ exports.MODALBUTTONTYPE = void 0;
 })(exports.MODALBUTTONTYPE || (exports.MODALBUTTONTYPE = {}));
 
 const GlobalModal = ({ title, description, formControls, onOk, onChange, onCancel, onBackdropClick, isDismissable = false, buttons = [
-    { label: 'Cancel', type: exports.MODALBUTTONTYPE.CANCEL, color: exports.COLOR.secondary, variant: exports.VARIANT.text, shadow: false },
+    { label: 'Cancel', type: exports.MODALBUTTONTYPE.CANCEL, color: exports.Color.secondary, variant: exports.VARIANT.text, shadow: false },
     { label: 'Ok', type: exports.MODALBUTTONTYPE.OK, variant: exports.VARIANT.contained, focus: true },
-], size = exports.SIZE.md, fullScreen = false }) => {
+], size = exports.SIZE.md, fullScreen = false, }) => {
     // workaround for getDerivedStateFromProps
     const [myControls, setMyControls] = React.useState(null);
     React.useEffect(() => {
@@ -6057,8 +6059,7 @@ const GlobalModal = ({ title, description, formControls, onOk, onChange, onCance
         }
         button.handler && button.handler();
     };
-    return (jsxRuntime.jsxs(Modal, { size: size, fullScreen: fullScreen, header: title, onHeaderCloseClick: onCancel, onBackdropClick: onBackdropClick, isDismissable: isDismissable, footer: jsxRuntime.jsx(jsxRuntime.Fragment, { children: buttons.map((button, index) => (jsxRuntime.jsx(Button, { variant: button.variant, color: button.color, autoFocus: button.autoFocus, shadow: button.shadow, onClick: () => handleClickButton(button), children: button.label }, index))) }), children: [description && jsxRuntime.jsx("div", { children: description }), modalType === exports.MODALTYPE.FORM &&
-                jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsx(Form, { ref: myForm, controls: myControls, validateOnBlur: true, onSubmit: onSubmit, onChange: onChange }) })] }));
+    return (jsxRuntime.jsxs(Modal, { size: size, fullScreen: fullScreen, header: title, onHeaderCloseClick: onCancel, onBackdropClick: onBackdropClick, isDismissable: isDismissable, footer: jsxRuntime.jsx(jsxRuntime.Fragment, { children: buttons.map((button, index) => (jsxRuntime.jsx(Button, { variant: button.variant, color: button.color, autoFocus: button.autoFocus, shadow: button.shadow, onClick: () => handleClickButton(button), children: button.label }, index))) }), children: [description && jsxRuntime.jsx("div", { children: description }), modalType === exports.MODALTYPE.FORM && (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsx(Form, { ref: myForm, controls: myControls, validateOnBlur: true, onSubmit: onSubmit, onChange: onChange }) }))] }));
 };
 
 class ModalService {
@@ -6222,7 +6223,7 @@ var styles$k = {"progressBarContainer":"ProgressBar-module_progressBarContainer_
 styleInject(css_248z$k);
 
 const ProgressBar = (props) => {
-    const { className, color = exports.COLOR.primary, value, indeterminate, ...rest } = props;
+    const { className, color = exports.Color.primary, value, indeterminate, ...rest } = props;
     const [model, setModel] = React.useState();
     React.useEffect(() => {
         document.body.style.setProperty('--progress-bar-bg', `var(--${color})`);
@@ -6256,7 +6257,7 @@ const ProgressBar = (props) => {
         }
         return `${width}%`;
     };
-    return (jsxRuntime.jsx(Tooltip, { text: !indeterminate ? model?.toString() : '', children: jsxRuntime.jsx("div", { className: getCssClasses(), ...rest, children: jsxRuntime.jsx("div", { className: getCssClassesBar(), style: { 'width': getStyle() }, role: "progressbar" }) }) }));
+    return (jsxRuntime.jsx(Tooltip, { text: !indeterminate ? model?.toString() : '', children: jsxRuntime.jsx("div", { className: getCssClasses(), ...rest, children: jsxRuntime.jsx("div", { className: getCssClassesBar(), style: { width: getStyle() }, role: "progressbar" }) }) }));
 };
 
 class SidebarItemModel {
@@ -6391,7 +6392,7 @@ var styles$f = {"snackbar":"Snackbar-module_snackbar__O5T2b","bounceIn":"Snackba
 styleInject(css_248z$f);
 
 const Snackbar = (props) => {
-    const { children, color = exports.COLOR.dark, actionText = 'ok', onOk, ...rest } = props;
+    const { children, color = exports.Color.dark, actionText = 'ok', onOk, ...rest } = props;
     const getCssClasses = () => {
         const cssClasses = [];
         cssClasses.push(styles$f.snackbar);
@@ -6407,9 +6408,9 @@ const Snackbar = (props) => {
 
 class SnackbarService {
     show(message, options) {
-        const defaultOptions = { timeout: 3000, actionText: 'ok', color: exports.COLOR.dark, target: document.body };
+        const defaultOptions = { timeout: 3000, actionText: 'ok', color: exports.Color.dark, target: document.body };
         const mergedOptions = Object.assign(defaultOptions, options);
-        return new Promise((resolve) => {
+        return new Promise(resolve => {
             if (this.container) {
                 this.hide();
             }
@@ -6483,14 +6484,14 @@ var styles$c = {"speedDialAction":"SpeedDialAction-module_speedDialAction__kJLpz
 styleInject(css_248z$c);
 
 const SpeedDialAction = (props) => {
-    const { icon, color = exports.COLOR.light, onClick, className } = props;
+    const { icon, color = exports.Color.light, onClick, className } = props;
     const getCssClasses = () => {
         const cssClasses = [];
         cssClasses.push(styles$c.speedDialAction);
         className && cssClasses.push(className);
         return cssClasses.filter(css => css).join(' ');
     };
-    return (jsxRuntime.jsx(IconButton, { className: getCssClasses(), icon: icon, color: color, variant: exports.VARIANT.contained, shadow: true, onClick: onClick }));
+    return jsxRuntime.jsx(IconButton, { className: getCssClasses(), icon: icon, color: color, variant: exports.VARIANT.contained, shadow: true, onClick: onClick });
 };
 
 const SpeedDialIcon = (props) => {
@@ -6515,10 +6516,7 @@ const StepperActions = (props) => {
         className && cssClasses.push(className);
         return cssClasses.filter(css => css).join(' ');
     };
-    return (jsxRuntime.jsxs("div", { className: getCssClasses(), children: [!isFirstStep &&
-                jsxRuntime.jsx(Button, { className: "mr-2", variant: exports.VARIANT.outline, startIcon: jsxRuntime.jsx(ChevronLeftSolidIcon, {}), onClick: () => onBack && onBack(), children: "Back" }), jsxRuntime.jsxs("div", { className: "ml-auto", children: [isCompleted && showResetButton && (jsxRuntime.jsx(Button, { color: exports.COLOR.secondary, variant: exports.VARIANT.text, onClick: () => onReset && onReset(), children: "Reset" })), isStepOptional && (jsxRuntime.jsx(Button, { variant: exports.VARIANT.contained, color: exports.COLOR.primary, onClick: () => onSkip && onSkip(), children: "Skip" })), !isCompleted &&
-                        jsxRuntime.jsx(Button, { className: 'ml-2', variant: exports.VARIANT.contained, color: exports.COLOR.primary, endIcon: jsxRuntime.jsx(ChevronRightSolidIcon, {}), onClick: () => onNext && onNext(), children: "Next" }), isCompleted && showDoneButton &&
-                        jsxRuntime.jsx(Button, { className: 'ml-2', variant: exports.VARIANT.contained, color: exports.COLOR.primary, startIcon: jsxRuntime.jsx(CheckSolidIcon, {}), onClick: () => onNext && onNext(), children: "Done" })] })] }));
+    return (jsxRuntime.jsxs("div", { className: getCssClasses(), children: [!isFirstStep && (jsxRuntime.jsx(Button, { className: "mr-2", variant: exports.VARIANT.outline, startIcon: jsxRuntime.jsx(ChevronLeftSolidIcon, {}), onClick: () => onBack && onBack(), children: "Back" })), jsxRuntime.jsxs("div", { className: "ml-auto", children: [isCompleted && showResetButton && (jsxRuntime.jsx(Button, { color: exports.Color.secondary, variant: exports.VARIANT.text, onClick: () => onReset && onReset(), children: "Reset" })), isStepOptional && (jsxRuntime.jsx(Button, { variant: exports.VARIANT.contained, color: exports.Color.primary, onClick: () => onSkip && onSkip(), children: "Skip" })), !isCompleted && (jsxRuntime.jsx(Button, { className: "ml-2", variant: exports.VARIANT.contained, color: exports.Color.primary, endIcon: jsxRuntime.jsx(ChevronRightSolidIcon, {}), onClick: () => onNext && onNext(), children: "Next" })), isCompleted && showDoneButton && (jsxRuntime.jsx(Button, { className: "ml-2", variant: exports.VARIANT.contained, color: exports.Color.primary, startIcon: jsxRuntime.jsx(CheckSolidIcon, {}), onClick: () => onNext && onNext(), children: "Done" }))] })] }));
 };
 
 const StepPanel = (props) => {
@@ -6556,7 +6554,7 @@ var styles$8 = {"dot":"Dot-module_dot__w59yb","isActive":"Dot-module_isActive__V
 styleInject(css_248z$8);
 
 const Dot = (props) => {
-    const { className, color = exports.COLOR.primary, isActive, ...rest } = props;
+    const { className, color = exports.Color.primary, isActive, ...rest } = props;
     const getCssClasses = () => {
         const cssClasses = [];
         cssClasses.push(styles$8.dot);
@@ -6565,7 +6563,7 @@ const Dot = (props) => {
         className && cssClasses.push(className);
         return cssClasses.filter(css => css).join(' ');
     };
-    return (jsxRuntime.jsx("div", { className: getCssClasses(), ...rest }));
+    return jsxRuntime.jsx("div", { className: getCssClasses(), ...rest });
 };
 
 const Stepper = (props) => {
@@ -6715,11 +6713,7 @@ const Step = (props) => {
         isActive && cssClasses.push(styles$6.stepValue['isActive']);
         return cssClasses.filter(css => css).join(' ');
     };
-    return (jsxRuntime.jsxs("div", { ref: hoverRef, className: getCssClasses(), onClick: handleClick, children: [jsxRuntime.jsxs("div", { className: getCssClassesStep(), children: [jsxRuntime.jsx(Icon, { className: styles$6.stepIconCircle, iconColor: (isHovered || isActive) && !isDisabled ? exports.COLOR.primary : exports.COLOR.secondary, children: jsxRuntime.jsx(CircleSolidIcon, {}) }), jsxRuntime.jsx("div", { className: getCssClassesStepValue(), children: showProgressCheckIcon && isActive && isDone ?
-                            jsxRuntime.jsx(Icon, { children: jsxRuntime.jsx(CheckSolidIcon, {}) })
-                            :
-                                jsxRuntime.jsx(Typography, { children: index + 1 }) })] }), label && showLabel &&
-                jsxRuntime.jsx(Typography, { className: "flex-shrink-0", children: label })] }));
+    return (jsxRuntime.jsxs("div", { ref: hoverRef, className: getCssClasses(), onClick: handleClick, children: [jsxRuntime.jsxs("div", { className: getCssClassesStep(), children: [jsxRuntime.jsx(Icon, { className: styles$6.stepIconCircle, iconColor: (isHovered || isActive) && !isDisabled ? exports.Color.primary : exports.Color.secondary, children: jsxRuntime.jsx(CircleSolidIcon, {}) }), jsxRuntime.jsx("div", { className: getCssClassesStepValue(), children: showProgressCheckIcon && isActive && isDone ? (jsxRuntime.jsx(Icon, { children: jsxRuntime.jsx(CheckSolidIcon, {}) })) : (jsxRuntime.jsx(Typography, { children: index + 1 })) })] }), label && showLabel && jsxRuntime.jsx(Typography, { className: "flex-shrink-0", children: label })] }));
 };
 
 var css_248z$5 = ":root {\n  --table-bg: transparent;\n  --table-accent-bg: transparent;\n  --table-striped-color: #212529;\n  --table-striped-bg: rgba(0, 0, 0, 0.05);\n  --table-active-color: #212529;\n  --table-active-bg: rgba(0, 0, 0, 0.1);\n  --table-hover-color: #212529;\n  --table-hover-bg: rgba(0, 0, 0, 0.075);\n}\n\n.Table-module_tableResponsive__ykttB {\n  overflow-x: auto;\n}\n\n.Table-module_table__DHKNv {\n  display: table;\n  width: 100%;\n  border-collapse: collapse;\n  border-spacing: 0px;\n  min-width: 650px;\n}\n.Table-module_table__DHKNv thead {\n  display: table-header-group;\n}\n.Table-module_table__DHKNv tbody {\n  display: table-row-group;\n}\n.Table-module_table__DHKNv tr {\n  color: inherit;\n  display: table-row;\n  vertical-align: middle;\n  outline: 0px;\n}\n.Table-module_table__DHKNv th {\n  font-size: 0.875rem;\n  line-height: 1.5rem;\n  letter-spacing: 0.01071em;\n  display: table-cell;\n  vertical-align: inherit;\n  border-bottom: 1px solid rgb(224, 224, 224);\n  text-align: left;\n  padding: 16px;\n  color: rgba(0, 0, 0, 0.87);\n  border-collapse: collapse;\n  border-spacing: 0px;\n}\n.Table-module_table__DHKNv td {\n  font-size: 0.875rem;\n  line-height: 1.43;\n  letter-spacing: 0.01071em;\n  display: table-cell;\n  vertical-align: inherit;\n  border-bottom: 1px solid rgb(224, 224, 224);\n  padding: 16px;\n  color: rgba(0, 0, 0, 0.87);\n  flex-direction: row-reverse;\n}\n\n.Table-module_hover__P6r3y > tbody > tr:hover > * {\n  background-color: var(--table-hover-bg);\n  color: var(--table-hover-color);\n}";
@@ -6775,7 +6769,7 @@ var styles$4 = {"tabIndicator":"TabIndicator-module_tabIndicator__jSJhH","primar
 styleInject(css_248z$4);
 
 const TabIndicator = (props) => {
-    const { color = exports.COLOR.primary, width, amount, index } = props;
+    const { color = exports.Color.primary, width, amount, index } = props;
     const getCssClasses = () => {
         const cssClasses = [];
         cssClasses.push(styles$4.tabIndicator);
@@ -6784,7 +6778,7 @@ const TabIndicator = (props) => {
     };
     return (jsxRuntime.jsx("span", { className: getCssClasses(), style: {
             width: width,
-            left: `calc(calc(100% / ${amount}) * ${index})`
+            left: `calc(calc(100% / ${amount}) * ${index})`,
         } }));
 };
 
@@ -6793,14 +6787,14 @@ var styles$3 = {"tabs":"Tabs-module_tabs__YyRTZ"};
 styleInject(css_248z$3);
 
 const Tabs = (props) => {
-    const { children, className, fixed = false, color, indicatorColor = exports.COLOR.accent, value, onChange } = props;
+    const { children, className, fixed = false, color, indicatorColor = exports.Color.accent, value, onChange } = props;
     const [selectedValue, setSelectedValue] = React.useState('');
     const [selectedIndex, setSelectedIndex] = React.useState(0);
-    const tabContext = ({
+    const tabContext = {
         selectedValue: selectedValue,
         setSelectedValue: setSelectedValue,
-        fixed: fixed
-    });
+        fixed: fixed,
+    };
     const prevSelectedValueRef = React.useRef();
     React.useEffect(() => {
         if (value !== undefined && value !== prevSelectedValueRef.current) {
@@ -6824,8 +6818,7 @@ const Tabs = (props) => {
         className && cssClasses.push(className);
         return cssClasses.filter(css => css).join(' ');
     };
-    return (jsxRuntime.jsx(ButtonContext.Provider, { value: { color: color || exports.COLOR.light }, children: jsxRuntime.jsx(TabContext.Provider, { value: tabContext, children: jsxRuntime.jsxs("div", { className: getCssClasses(), children: [children, children &&
-                        jsxRuntime.jsx(TabIndicator, { color: indicatorColor, width: (100 / React.Children.toArray(children).length) + '%', index: selectedIndex, amount: React.Children.toArray(children).length })] }) }) }));
+    return (jsxRuntime.jsx(ButtonContext.Provider, { value: { color: color || exports.Color.light }, children: jsxRuntime.jsx(TabContext.Provider, { value: tabContext, children: jsxRuntime.jsxs("div", { className: getCssClasses(), children: [children, children && (jsxRuntime.jsx(TabIndicator, { color: indicatorColor, width: 100 / React.Children.toArray(children).length + '%', index: selectedIndex, amount: React.Children.toArray(children).length }))] }) }) }));
 };
 
 var css_248z$2 = ".Tab-module_tab__Q8w1f {\n  padding: 6px 12px;\n  overflow: hidden;\n  position: relative;\n  font-size: 0.875rem;\n  min-width: 72px;\n  box-sizing: border-box;\n  min-height: 48px;\n  text-align: center;\n  font-weight: 500;\n  line-height: 1.75;\n  white-space: normal;\n  letter-spacing: 0.02857em;\n  text-transform: uppercase;\n  border-radius: 0;\n  flex-grow: 1;\n  flex-basis: 0;\n  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n}";

package/lib/components/Alert/Alert.d.ts

@@ -1,12 +1,12 @@
 import type { ReactNode } from 'react';
 import React from 'react';
-import type { SIZE } from '../component.enums';
-import { COLOR, VARIANT } from '../component.enums';
+import type { SIZE } from '../../enums';
+import { Color, VARIANT } from '../../enums';
 export interface IAlertProps extends React.ComponentProps<'div'> {
     children?: ReactNode;
     className?: string;
     variant?: VARIANT;
-    color?: COLOR;
+    color?: Color;
     shadow?: boolean | SIZE.sm | SIZE.md | SIZE.lg;
 }
 export declare const Alert: (props: IAlertProps) => JSX.Element;

package/lib/components/AppBar/AppBar.d.ts

@@ -1,11 +1,11 @@
 import type { ReactNode } from 'react';
 import React from 'react';
-import type { SIZE } from '../component.enums';
-import { COLOR } from '../component.enums';
+import type { SIZE } from '../../enums';
+import { Color } from '../../enums';
 export interface IAppBarProps extends React.ComponentProps<'nav'> {
     children?: ReactNode;
     className?: string;
-    color?: COLOR;
+    color?: Color;
     shadow?: boolean | SIZE.sm | SIZE.md | SIZE.lg;
 }
 export declare const AppBar: (props: IAppBarProps) => JSX.Element;

package/lib/components/Badge/Badge.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
-import { COLOR } from '../component.enums';
+import { Color } from '../../enums';
 export interface IBadgeProps {
-    color?: COLOR;
+    color?: Color;
     content?: React.ReactNode;
     className?: string;
     children?: React.ReactNode;

package/lib/components/Button/Button.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
-import { COLOR, VARIANT } from '../component.enums';
+import { Color, VARIANT } from '../../enums';
 export interface IButtonProps extends React.ComponentProps<'button'> {
-    color?: COLOR;
+    color?: Color;
     isActive?: boolean;
     isRounded?: boolean;
     variant?: VARIANT;

package/lib/components/Button/ButtonContext.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import type { COLOR } from '../component.enums';
+import type { Color } from '../../enums';
 export interface IButtonContext {
-    color: COLOR | null;
+    color: Color | null;
 }
 export declare const ButtonContext: React.Context<IButtonContext>;
 export declare const useButtonContext: () => IButtonContext;

package/lib/components/ButtonGroup/ButtonGroup.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { COLOR } from '../component.enums';
+import { Color } from '../../enums';
 export interface IButtonGroupProps extends React.ComponentProps<'div'> {
-    color?: COLOR;
+    color?: Color;
 }
 export declare const ButtonGroup: (props: IButtonGroupProps) => JSX.Element;

package/lib/components/Chip/Chip.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
-import type { COLOR } from '../component.enums';
+import type { Color } from '../../enums';
 export interface IChipProps extends React.ComponentProps<'div'> {
-    color?: COLOR;
+    color?: Color;
     shadow?: boolean;
     onClick?: (e: React.MouseEvent<Element>) => void;
     isDeletable?: boolean;

package/lib/components/FloatingActionButton/FloatingActionButton.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
-import { COLOR, SIZE } from '../component.enums';
+import { Color, SIZE } from '../../enums';
 export interface IFloatingActionButtonProps extends React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement> {
     icon?: React.ReactNode;
-    color?: COLOR;
+    color?: Color;
     size?: SIZE;
     fixed?: boolean;
     isActive?: boolean;

package/lib/components/Grid/Column/Column.d.ts

@@ -1,10 +1,7 @@
 import React from 'react';
+import type { ColumnSize } from './column.types';
 interface IColProps extends React.ComponentProps<'div'> {
-    xs?: number;
-    sm?: number;
-    md?: number;
-    lg?: number;
-    xl?: number;
+    size?: ColumnSize;
 }
 export declare const Column: (props: IColProps) => JSX.Element;
 export {};

package/lib/components/Grid/Column/column.types.d.ts

@@ -0,0 +1 @@
+export type ColumnSize = 10 | 20 | 30 | 40 | 50 | 60 | 70 | 80 | 90 | 100;

package/lib/components/Grid/Column/index.d.ts

@@ -1 +1,2 @@
 export * from './Column';
+export * from './column.types';

package/lib/components/Icon/Icon.d.ts

@@ -1,8 +1,8 @@
 import type { ComponentProps } from 'react';
 import React from 'react';
-import type { COLOR } from '../component.enums';
+import type { Color } from '../../enums';
 export interface IIconProps extends ComponentProps<'div'> {
-    iconColor?: COLOR;
+    iconColor?: Color;
     children?: React.ReactNode;
 }
 export declare const Icon: (props: IIconProps) => JSX.Element;

package/lib/components/IconButton/IconButton.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
-import { COLOR, SIZE, VARIANT } from '../component.enums';
+import { Color, SIZE, VARIANT } from '../../enums';
 export interface IIconButtonProps extends React.ComponentProps<'button'> {
     icon?: React.ReactNode;
-    color?: COLOR;
+    color?: Color;
     size?: SIZE;
     isActive?: boolean;
     variant?: VARIANT;

package/lib/components/List/ListItem.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
-import type { COLOR } from '../component.enums';
+import type { Color } from '../../enums';
 export interface IListItemProps extends React.ComponentProps<'li'> {
-    color?: COLOR;
+    color?: Color;
     active?: boolean;
     isHoverable?: boolean;
     disabled?: boolean;

package/lib/components/Modal/GlobalModal.d.ts

@@ -1,5 +1,5 @@
 import type { ReactElement } from 'react';
-import { SIZE } from '../component.enums';
+import { SIZE } from '../../enums';
 import type { IControls } from '../Form';
 import { MODALTYPE } from './modal.enum';
 import type { IModalButton } from './modal.interfaces';
@@ -17,5 +17,5 @@ interface IModalProps {
     fullScreen?: boolean;
     size?: SIZE;
 }
-export declare const GlobalModal: ({ title, description, formControls, onOk, onChange, onCancel, onBackdropClick, isDismissable, buttons, size, fullScreen }: IModalProps) => JSX.Element;
+export declare const GlobalModal: ({ title, description, formControls, onOk, onChange, onCancel, onBackdropClick, isDismissable, buttons, size, fullScreen, }: IModalProps) => JSX.Element;
 export {};