react-asc 25.6.0 → 25.7.1

package/index.es.js

@@ -315,7 +315,7 @@ const List = (props) => {
     return (jsx("ul", { className: getCssClasses(), ...rest, children: children }));
 };
 
-var css_248z$$ = ".ListItem-module_listItem__Pk1AP {\n  display: flex;\n  align-items: center;\n  position: relative;\n  padding: 0.75rem 1.25rem;\n  min-width: 100%;\n  color: var(--bodyColor);\n  text-align: inherit;\n  transition: background 0.5s ease;\n}\n.ListItem-module_listItem__Pk1AP:hover, .ListItem-module_listItem__Pk1AP.ListItem-module_active__zm2q8 {\n  cursor: pointer;\n  z-index: 1;\n  text-decoration: none;\n  background-color: rgba(0, 0, 0, 0.04);\n  color: var(--primary);\n}\n.ListItem-module_listItem__Pk1AP + .ListItem-module_listItem__Pk1AP {\n  border-top-width: 0;\n}\n.ListItem-module_listItem__Pk1AP.ListItem-module_primary__F6Qja {\n  color: var(--primary-contrast-text);\n  background-color: var(--primary);\n}\n.ListItem-module_listItem__Pk1AP.ListItem-module_accent__pg3Ha {\n  color: var(--accent-contrast-text);\n  background-color: var(--accent);\n}\n.ListItem-module_listItem__Pk1AP.ListItem-module_secondary__d0drD {\n  color: var(--secondary-contrast-text);\n  background-color: var(--secondary);\n}\n.ListItem-module_listItem__Pk1AP.ListItem-module_light__37kby {\n  color: var(--light-contrast-text);\n  background-color: var(--light);\n}\n.ListItem-module_listItem__Pk1AP.ListItem-module_dark__ZxQTF {\n  color: var(--dark-contrast-text);\n  background-color: var(--dark);\n}\n.ListItem-module_listItem__Pk1AP.ListItem-module_disabled__DQLKl {\n  color: rgba(0, 0, 0, 0.26);\n}\n.ListItem-module_listItem__Pk1AP.ListItem-module_disabled__DQLKl:hover {\n  cursor: not-allowed;\n  background-color: inherit;\n}";
+var css_248z$$ = ".ListItem-module_listItem__Pk1AP {\n  display: flex;\n  align-items: center;\n  position: relative;\n  padding: 8px 16px;\n  min-width: 100%;\n  color: var(--bodyColor);\n  text-align: inherit;\n  transition: background 0.5s ease;\n}\n.ListItem-module_listItem__Pk1AP:hover, .ListItem-module_listItem__Pk1AP.ListItem-module_active__zm2q8 {\n  cursor: pointer;\n  z-index: 1;\n  text-decoration: none;\n  background-color: rgba(0, 0, 0, 0.04);\n  color: var(--primary);\n}\n.ListItem-module_listItem__Pk1AP + .ListItem-module_listItem__Pk1AP {\n  border-top-width: 0;\n}\n.ListItem-module_listItem__Pk1AP.ListItem-module_primary__F6Qja {\n  color: var(--primary-contrast-text);\n  background-color: var(--primary);\n}\n.ListItem-module_listItem__Pk1AP.ListItem-module_accent__pg3Ha {\n  color: var(--accent-contrast-text);\n  background-color: var(--accent);\n}\n.ListItem-module_listItem__Pk1AP.ListItem-module_secondary__d0drD {\n  color: var(--secondary-contrast-text);\n  background-color: var(--secondary);\n}\n.ListItem-module_listItem__Pk1AP.ListItem-module_light__37kby {\n  color: var(--light-contrast-text);\n  background-color: var(--light);\n}\n.ListItem-module_listItem__Pk1AP.ListItem-module_dark__ZxQTF {\n  color: var(--dark-contrast-text);\n  background-color: var(--dark);\n}\n.ListItem-module_listItem__Pk1AP.ListItem-module_disabled__DQLKl {\n  color: rgba(0, 0, 0, 0.26);\n}\n.ListItem-module_listItem__Pk1AP.ListItem-module_disabled__DQLKl:hover {\n  cursor: not-allowed;\n  background-color: inherit;\n}";
 var styles$$ = {"listItem":"ListItem-module_listItem__Pk1AP","active":"ListItem-module_active__zm2q8","primary":"ListItem-module_primary__F6Qja","accent":"ListItem-module_accent__pg3Ha","secondary":"ListItem-module_secondary__d0drD","light":"ListItem-module_light__37kby","dark":"ListItem-module_dark__ZxQTF","disabled":"ListItem-module_disabled__DQLKl"};
 styleInject(css_248z$$);
 
@@ -820,6 +820,7 @@ function createCommonjsModule(fn, module) {
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
+
 var b="function"===typeof Symbol&&Symbol.for,c=b?Symbol.for("react.element"):60103,d=b?Symbol.for("react.portal"):60106,e=b?Symbol.for("react.fragment"):60107,f=b?Symbol.for("react.strict_mode"):60108,g=b?Symbol.for("react.profiler"):60114,h=b?Symbol.for("react.provider"):60109,k=b?Symbol.for("react.context"):60110,l=b?Symbol.for("react.async_mode"):60111,m=b?Symbol.for("react.concurrent_mode"):60111,n=b?Symbol.for("react.forward_ref"):60112,p=b?Symbol.for("react.suspense"):60113,q=b?
 Symbol.for("react.suspense_list"):60120,r$1=b?Symbol.for("react.memo"):60115,t=b?Symbol.for("react.lazy"):60116,v=b?Symbol.for("react.block"):60121,w=b?Symbol.for("react.fundamental"):60117,x=b?Symbol.for("react.responder"):60118,y=b?Symbol.for("react.scope"):60119;
 function z(a){if("object"===typeof a&&null!==a){var u=a.$$typeof;switch(u){case c:switch(a=a.type,a){case l:case m:case e:case g:case f:case p:return a;default:switch(a=a&&a.$$typeof,a){case k:case n:case t:case r$1:case h:return a;default:return u}}case d:return u}}}function A(a){return z(a)===m}var AsyncMode=l;var ConcurrentMode=m;var ContextConsumer=k;var ContextProvider=h;var Element=c;var ForwardRef=n;var Fragment=e;var Lazy=t;var Memo=r$1;var Portal=d;
@@ -1073,6 +1074,7 @@ object-assign
 (c) Sindre Sorhus
 @license MIT
 */
+
 /* eslint-disable no-unused-vars */
 var getOwnPropertySymbols = Object.getOwnPropertySymbols;
 var hasOwnProperty$1 = Object.prototype.hasOwnProperty;
@@ -1164,6 +1166,7 @@ var objectAssign = shouldUseNative() ? Object.assign : function (target, source)
  * LICENSE file in the root directory of this source tree.
  */
 
+
 var ReactPropTypesSecret$1 = 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED';
 
 var ReactPropTypesSecret_1 = ReactPropTypesSecret$1;
@@ -2675,9 +2678,10 @@ function makeGetRange(getStart, getEnd) {
  * Simple getters - getting a property of a given point in time
  */
 /**
- * Gets year from date.
+ * Gets year from a given date.
  *
- * @param {Date|number|string} date Date to get year from.
+ * @param {DateLike} date Date to get year from
+ * @returns {number} Year
  */
 function getYear(date) {
     if (date instanceof Date) {
@@ -2693,9 +2697,10 @@ function getYear(date) {
     throw new Error("Failed to get year from date: ".concat(date, "."));
 }
 /**
- * Gets month from date.
+ * Gets month from a given date.
  *
- * @param {Date} date Date to get month from.
+ * @param {Date} date Date to get month from
+ * @returns {number} Month
  */
 function getMonth(date) {
     if (date instanceof Date) {
@@ -2704,9 +2709,10 @@ function getMonth(date) {
     throw new Error("Failed to get month from date: ".concat(date, "."));
 }
 /**
- * Gets human-readable day of the month from date.
+ * Gets day of the month from a given date.
  *
- * @param {Date} date Date to get day of the month from.
+ * @param {Date} date Date to get day of the month from
+ * @returns {number} Day of the month
  */
 function getDate(date) {
     if (date instanceof Date) {
@@ -2717,6 +2723,12 @@ function getDate(date) {
 /**
  * Century
  */
+/**
+ * Gets century start date from a given date.
+ *
+ * @param {DateLike} date Date to get century start from
+ * @returns {Date} Century start date
+ */
 function getCenturyStart(date) {
     var year = getYear(date);
     var centuryStartYear = year + ((-year + 1) % 100);
@@ -2725,14 +2737,50 @@ function getCenturyStart(date) {
     centuryStartDate.setHours(0, 0, 0, 0);
     return centuryStartDate;
 }
+/**
+ * Gets previous century start date from a given date.
+ *
+ * @param {DateLike} date Date to get previous century start from
+ * @returns {Date} Previous century start date
+ */
 var getPreviousCenturyStart = makeGetEdgeOfNeighbor(getYear, getCenturyStart, -100);
+/**
+ * Gets next century start date from a given date.
+ *
+ * @param {DateLike} date Date to get next century start from
+ * @returns {Date} Next century start date
+ */
 var getNextCenturyStart = makeGetEdgeOfNeighbor(getYear, getCenturyStart, 100);
+/**
+ * Gets century end date from a given date.
+ *
+ * @param {DateLike} date Date to get century end from
+ * @returns {Date} Century end date
+ */
 var getCenturyEnd = makeGetEnd(getNextCenturyStart);
+/**
+ * Gets previous century end date from a given date.
+ *
+ * @param {DateLike} date Date to get previous century end from
+ * @returns {Date} Previous century end date
+ */
 var getPreviousCenturyEnd = makeGetEdgeOfNeighbor(getYear, getCenturyEnd, -100);
+/**
+ * Gets century start and end dates from a given date.
+ *
+ * @param {DateLike} date Date to get century start and end from
+ * @returns {[Date, Date]} Century start and end dates
+ */
 var getCenturyRange = makeGetRange(getCenturyStart, getCenturyEnd);
 /**
  * Decade
  */
+/**
+ * Gets decade start date from a given date.
+ *
+ * @param {DateLike} date Date to get decade start from
+ * @returns {Date} Decade start date
+ */
 function getDecadeStart(date) {
     var year = getYear(date);
     var decadeStartYear = year + ((-year + 1) % 10);
@@ -2741,14 +2789,50 @@ function getDecadeStart(date) {
     decadeStartDate.setHours(0, 0, 0, 0);
     return decadeStartDate;
 }
+/**
+ * Gets previous decade start date from a given date.
+ *
+ * @param {DateLike} date Date to get previous decade start from
+ * @returns {Date} Previous decade start date
+ */
 var getPreviousDecadeStart = makeGetEdgeOfNeighbor(getYear, getDecadeStart, -10);
+/**
+ * Gets next decade start date from a given date.
+ *
+ * @param {DateLike} date Date to get next decade start from
+ * @returns {Date} Next decade start date
+ */
 var getNextDecadeStart = makeGetEdgeOfNeighbor(getYear, getDecadeStart, 10);
+/**
+ * Gets decade end date from a given date.
+ *
+ * @param {DateLike} date Date to get decade end from
+ * @returns {Date} Decade end date
+ */
 var getDecadeEnd = makeGetEnd(getNextDecadeStart);
+/**
+ * Gets previous decade end date from a given date.
+ *
+ * @param {DateLike} date Date to get previous decade end from
+ * @returns {Date} Previous decade end date
+ */
 var getPreviousDecadeEnd = makeGetEdgeOfNeighbor(getYear, getDecadeEnd, -10);
+/**
+ * Gets decade start and end dates from a given date.
+ *
+ * @param {DateLike} date Date to get decade start and end from
+ * @returns {[Date, Date]} Decade start and end dates
+ */
 var getDecadeRange = makeGetRange(getDecadeStart, getDecadeEnd);
 /**
  * Year
  */
+/**
+ * Gets year start date from a given date.
+ *
+ * @param {DateLike} date Date to get year start from
+ * @returns {Date} Year start date
+ */
 function getYearStart(date) {
     var year = getYear(date);
     var yearStartDate = new Date();
@@ -2756,10 +2840,40 @@ function getYearStart(date) {
     yearStartDate.setHours(0, 0, 0, 0);
     return yearStartDate;
 }
+/**
+ * Gets previous year start date from a given date.
+ *
+ * @param {DateLike} date Date to get previous year start from
+ * @returns {Date} Previous year start date
+ */
 var getPreviousYearStart = makeGetEdgeOfNeighbor(getYear, getYearStart, -1);
+/**
+ * Gets next year start date from a given date.
+ *
+ * @param {DateLike} date Date to get next year start from
+ * @returns {Date} Next year start date
+ */
 var getNextYearStart = makeGetEdgeOfNeighbor(getYear, getYearStart, 1);
+/**
+ * Gets year end date from a given date.
+ *
+ * @param {DateLike} date Date to get year end from
+ * @returns {Date} Year end date
+ */
 var getYearEnd = makeGetEnd(getNextYearStart);
+/**
+ * Gets previous year end date from a given date.
+ *
+ * @param {DateLike} date Date to get previous year end from
+ * @returns {Date} Previous year end date
+ */
 var getPreviousYearEnd = makeGetEdgeOfNeighbor(getYear, getYearEnd, -1);
+/**
+ * Gets year start and end dates from a given date.
+ *
+ * @param {DateLike} date Date to get year start and end from
+ * @returns {[Date, Date]} Year start and end dates
+ */
 var getYearRange = makeGetRange(getYearStart, getYearEnd);
 /**
  * Month
@@ -2775,6 +2889,12 @@ function makeGetEdgeOfNeighborMonth(getEdgeOfPeriod, defaultOffset) {
         return getEdgeOfPeriod(previousPeriod);
     };
 }
+/**
+ * Gets month start date from a given date.
+ *
+ * @param {DateLike} date Date to get month start from
+ * @returns {Date} Month start date
+ */
 function getMonthStart(date) {
     var year = getYear(date);
     var month = getMonth(date);
@@ -2783,10 +2903,40 @@ function getMonthStart(date) {
     monthStartDate.setHours(0, 0, 0, 0);
     return monthStartDate;
 }
+/**
+ * Gets previous month start date from a given date.
+ *
+ * @param {DateLike} date Date to get previous month start from
+ * @returns {Date} Previous month start date
+ */
 var getPreviousMonthStart = makeGetEdgeOfNeighborMonth(getMonthStart, -1);
+/**
+ * Gets next month start date from a given date.
+ *
+ * @param {DateLike} date Date to get next month start from
+ * @returns {Date} Next month start date
+ */
 var getNextMonthStart = makeGetEdgeOfNeighborMonth(getMonthStart, 1);
+/**
+ * Gets month end date from a given date.
+ *
+ * @param {DateLike} date Date to get month end from
+ * @returns {Date} Month end date
+ */
 var getMonthEnd = makeGetEnd(getNextMonthStart);
+/**
+ * Gets previous month end date from a given date.
+ *
+ * @param {DateLike} date Date to get previous month end from
+ * @returns {Date} Previous month end date
+ */
 var getPreviousMonthEnd = makeGetEdgeOfNeighborMonth(getMonthEnd, -1);
+/**
+ * Gets month start and end dates from a given date.
+ *
+ * @param {DateLike} date Date to get month start and end from
+ * @returns {[Date, Date]} Month start and end dates
+ */
 var getMonthRange = makeGetRange(getMonthStart, getMonthEnd);
 /**
  * Day
@@ -2803,6 +2953,12 @@ function makeGetEdgeOfNeighborDay(getEdgeOfPeriod, defaultOffset) {
         return getEdgeOfPeriod(previousPeriod);
     };
 }
+/**
+ * Gets day start date from a given date.
+ *
+ * @param {DateLike} date Date to get day start from
+ * @returns {Date} Day start date
+ */
 function getDayStart(date) {
     var year = getYear(date);
     var month = getMonth(date);
@@ -2812,8 +2968,26 @@ function getDayStart(date) {
     dayStartDate.setHours(0, 0, 0, 0);
     return dayStartDate;
 }
+/**
+ * Gets next day start date from a given date.
+ *
+ * @param {DateLike} date Date to get next day start from
+ * @returns {Date} Next day start date
+ */
 var getNextDayStart = makeGetEdgeOfNeighborDay(getDayStart, 1);
+/**
+ * Gets day end date from a given date.
+ *
+ * @param {DateLike} date Date to get day end from
+ * @returns {Date} Day end date
+ */
 var getDayEnd = makeGetEnd(getNextDayStart);
+/**
+ * Gets day start and end dates from a given date.
+ *
+ * @param {DateLike} date Date to get day start and end from
+ * @returns {[Date, Date]} Day start and end dates
+ */
 var getDayRange = makeGetRange(getDayStart, getDayEnd);
 /**
  * Other
@@ -2821,7 +2995,8 @@ var getDayRange = makeGetRange(getDayStart, getDayEnd);
 /**
  * Returns a number of days in a month of a given date.
  *
- * @param {Date} date Date.
+ * @param {Date} date Date
+ * @returns {number} Number of days in a month
  */
 function getDaysInMonth(date) {
     return getDate(getMonthEnd(date));
@@ -4852,46 +5027,16 @@ const DatePicker = (props) => {
     return (jsx(Calendar$1, { className: styles$H.datePicker, value: currDate, minDate: minDate, maxDate: maxDate, selectRange: selectRange, onChange: handleOnChange, ...rest }));
 };
 
-var css_248z$G = ".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$G = {"column":"Column-module_column__fcTgl"};
+var css_248z$G = ".Form-module_form__h9CkF > div {\n  margin-bottom: 10px;\n}\n.Form-module_form__h9CkF :last-child {\n  margin-bottom: 0;\n}";
+var styles$G = {"form":"Form-module_form__h9CkF"};
 styleInject(css_248z$G);
 
-const Column = (props) => {
-    const { children, className, ...rest } = props;
-    const getCssClasses = () => {
-        const cssClasses = [];
-        cssClasses.push(styles$G.column);
-        className && cssClasses.push(className);
-        return cssClasses.filter(css => css).join(' ');
-    };
-    return (jsx("div", { className: getCssClasses(), ...rest, children: children }));
-};
-
-var css_248z$F = ".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 styles$F = {"row":"Row-module_row__bTIWp"};
+var css_248z$F = ".FormError-module_isInvalid__tO1Sw {\n  width: 100%;\n  margin-top: 0.25rem;\n  font-size: 0.875em;\n  color: #dc3545;\n}";
+var styles$F = {"isInvalid":"FormError-module_isInvalid__tO1Sw"};
 styleInject(css_248z$F);
 
-const Row = ({ children, direction = 'row', className, ...rest }) => {
-    const getCssClasses = () => {
-        const cssClasses = [];
-        cssClasses.push(styles$F.row);
-        className && cssClasses.push(className);
-        direction && cssClasses.push(`flex-${direction}`);
-        return cssClasses.filter(css => css).join(' ');
-    };
-    return (jsx("div", { className: getCssClasses(), ...rest, children: children }));
-};
-
-var css_248z$E = ".Form-module_form__h9CkF > div {\n  margin-bottom: 10px;\n}\n.Form-module_form__h9CkF :last-child {\n  margin-bottom: 0;\n}";
-var styles$E = {"form":"Form-module_form__h9CkF"};
-styleInject(css_248z$E);
-
-var css_248z$D = ".FormError-module_isInvalid__tO1Sw {\n  width: 100%;\n  margin-top: 0.25rem;\n  font-size: 0.875em;\n  color: #dc3545;\n}";
-var styles$D = {"isInvalid":"FormError-module_isInvalid__tO1Sw"};
-styleInject(css_248z$D);
-
 const FormError = (props) => {
-    const { className = styles$D.isInvalid, errors = [] } = props;
+    const { className = styles$F.isInvalid, errors = [] } = props;
     return (jsx(Fragment$2, { children: errors &&
             jsx("div", { className: className, children: errors.map(e => jsx("div", { children: e.message }, e.validator)) }) }));
 };
@@ -4933,9 +5078,9 @@ const FileInput = (props) => {
     return (jsxs("div", { className: "d-flex align-items-start", children: [jsx(Button, { className: "flex-wrap", disabled: disabled, onClick: () => inputFileElement.current?.click(), children: children }), jsx("div", { className: "d-flex align-items-center flex-wrap ml-1", children: fileList && Array.from(fileList).map((file) => jsx(Chip, { isDeletable: deletable, onDelete: () => handleOnDelete(), children: file.name }, file.name)) }), jsx("input", { type: "file", ref: inputFileElement, className: getCssClasses(), id: id, name: name, multiple: multiple, accept: accept, disabled: disabled, readOnly: readOnly, hidden: true, onChange: handleOnChange, value: model, ...rest })] }));
 };
 
-var css_248z$C = ".Select-module_selectContainer__DHFDZ {\n  position: relative;\n}\n\n.Select-module_select__Fbn38 {\n  width: 100%;\n  padding: 0.375rem 0.75rem;\n  font-size: 1rem;\n  font-weight: 400;\n  line-height: 1.5;\n  color: #212529;\n  background-color: #fff;\n  background-clip: padding-box;\n  border: 1px solid #ced4da;\n  appearance: none;\n  border-radius: 0.25rem;\n  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.0745098039);\n  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n  align-items: center;\n  min-height: calc(1.5em + 0.75rem + 2px);\n  height: auto;\n  display: flex;\n  flex-wrap: wrap;\n}\n.Select-module_select__Fbn38 > span {\n  flex: 1;\n}\n.Select-module_select__Fbn38:hover {\n  cursor: pointer;\n}\n.Select-module_select__Fbn38:focus:not(.Select-module_select__Fbn38.Select-module_disabled__2XXut) {\n  color: #212529;\n  background-color: #fff;\n  border-color: #86b7fe;\n  outline: 0;\n  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.0745098039), 0 0 0 0.25rem rgba(13, 110, 253, 0.2509803922);\n}\n.Select-module_select__Fbn38.Select-module_disabled__2XXut, .Select-module_select__Fbn38.Select-module_readOnly__VoTER {\n  background-color: #e9ecef;\n}\n.Select-module_select__Fbn38.Select-module_disabled__2XXut:hover {\n  cursor: not-allowed;\n}\n.Select-module_select__Fbn38.Select-module_readOnly__VoTER:hover {\n  cursor: inherit;\n}\n\n.Select-module_chipContainer__1poFF {\n  gap: 10px;\n  flex: 1;\n  display: inline-flex;\n  flex-wrap: wrap;\n}\n\n.Select-module_selectMenu__8y4kQ {\n  background-color: var(--light);\n  position: absolute;\n  box-shadow: var(--shadow);\n  border-radius: var(--borderRadius);\n  width: 100%;\n  top: 2px;\n  z-index: 1112;\n  max-height: 280px;\n  overflow: auto;\n}";
-var styles$C = {"selectContainer":"Select-module_selectContainer__DHFDZ","select":"Select-module_select__Fbn38","disabled":"Select-module_disabled__2XXut","readOnly":"Select-module_readOnly__VoTER","chipContainer":"Select-module_chipContainer__1poFF","selectMenu":"Select-module_selectMenu__8y4kQ"};
-styleInject(css_248z$C);
+var css_248z$E = ".Select-module_selectContainer__DHFDZ {\n  position: relative;\n}\n\n.Select-module_select__Fbn38 {\n  width: 100%;\n  padding: 0.375rem 0.75rem;\n  font-size: 1rem;\n  font-weight: 400;\n  line-height: 1.5;\n  color: #212529;\n  background-color: #fff;\n  background-clip: padding-box;\n  border: 1px solid #ced4da;\n  appearance: none;\n  border-radius: 0.25rem;\n  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.0745098039);\n  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n  align-items: center;\n  min-height: calc(1.5em + 0.75rem + 2px);\n  height: auto;\n  display: flex;\n  flex-wrap: wrap;\n}\n.Select-module_select__Fbn38 > span {\n  flex: 1;\n}\n.Select-module_select__Fbn38:hover {\n  cursor: pointer;\n}\n.Select-module_select__Fbn38:focus:not(.Select-module_select__Fbn38.Select-module_disabled__2XXut) {\n  color: #212529;\n  background-color: #fff;\n  border-color: #86b7fe;\n  outline: 0;\n  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.0745098039), 0 0 0 0.25rem rgba(13, 110, 253, 0.2509803922);\n}\n.Select-module_select__Fbn38.Select-module_disabled__2XXut, .Select-module_select__Fbn38.Select-module_readOnly__VoTER {\n  background-color: #e9ecef;\n}\n.Select-module_select__Fbn38.Select-module_disabled__2XXut:hover {\n  cursor: not-allowed;\n}\n.Select-module_select__Fbn38.Select-module_readOnly__VoTER:hover {\n  cursor: inherit;\n}\n\n.Select-module_chipContainer__1poFF {\n  gap: 10px;\n  flex: 1;\n  display: inline-flex;\n  flex-wrap: wrap;\n}\n\n.Select-module_selectMenu__8y4kQ {\n  background-color: var(--light);\n  position: absolute;\n  box-shadow: var(--shadow);\n  border-radius: var(--borderRadius);\n  width: 100%;\n  top: 2px;\n  z-index: 1112;\n  max-height: 280px;\n  overflow: auto;\n}";
+var styles$E = {"selectContainer":"Select-module_selectContainer__DHFDZ","select":"Select-module_select__Fbn38","disabled":"Select-module_disabled__2XXut","readOnly":"Select-module_readOnly__VoTER","chipContainer":"Select-module_chipContainer__1poFF","selectMenu":"Select-module_selectMenu__8y4kQ"};
+styleInject(css_248z$E);
 
 const Select = (props) => {
     const { id, className, options = [], value, multiple, multipleMaxCountItems = 5, disabled, readOnly, onChange, onKeyDown } = props;
@@ -4947,9 +5092,9 @@ const Select = (props) => {
     const getCssClass = () => {
         const cssClasses = [];
         className && cssClasses.push(className);
-        disabled && cssClasses.push(styles$C['disabled']);
-        readOnly && cssClasses.push(styles$C['readOnly']);
-        cssClasses.push(styles$C.select);
+        disabled && cssClasses.push(styles$E['disabled']);
+        readOnly && cssClasses.push(styles$E['readOnly']);
+        cssClasses.push(styles$E.select);
         return cssClasses.filter(r => r).join(' ');
     };
     useEffect(() => {
@@ -5069,39 +5214,39 @@ const Select = (props) => {
             }
         }
     };
-    return (jsxs("div", { ref: selectConainter, className: styles$C.selectContainer, children: [jsx("div", { id: id, className: getCssClass(), onClick: () => show(), tabIndex: 0, onKeyDown: (e) => handleOnKeyDown(e), children: jsxs(Fragment$1, { children: [!multiple && renderSingleViewModel(), multiple &&
-                            jsx("div", { className: styles$C.chipContainer, children: renderMultipleViewModel() }), jsx(Icon, { className: "ml-auto", children: jsx(ChevronDownSolidIcon, {}) })] }) }), isShow &&
-                jsxs(Portal$1, { className: 'backdrop-root', children: [jsx("div", { className: styles$C.selectMenu, style: { left: selectConainter.current?.getBoundingClientRect().x, top: selectConainter.current?.getBoundingClientRect().y, width: selectConainter.current?.getBoundingClientRect().width }, children: jsx(List, { children: options && options.map((option, index) => jsxs(ListItem, { id: `list-item-${index}`, onClick: () => handleOnClick(option), active: isActive(option), children: [multiple &&
+    return (jsxs("div", { ref: selectConainter, className: styles$E.selectContainer, children: [jsx("div", { id: id, className: getCssClass(), onClick: () => show(), tabIndex: 0, onKeyDown: (e) => handleOnKeyDown(e), children: jsxs(Fragment$1, { children: [!multiple && renderSingleViewModel(), multiple &&
+                            jsx("div", { className: styles$E.chipContainer, children: renderMultipleViewModel() }), jsx(Icon, { className: "ml-auto", children: jsx(ChevronDownSolidIcon, {}) })] }) }), isShow &&
+                jsxs(Portal$1, { className: 'backdrop-root', children: [jsx("div", { className: styles$E.selectMenu, style: { left: selectConainter.current?.getBoundingClientRect().x, top: selectConainter.current?.getBoundingClientRect().y, width: selectConainter.current?.getBoundingClientRect().width }, children: jsx(List, { children: options && options.map((option, index) => jsxs(ListItem, { id: `list-item-${index}`, onClick: () => handleOnClick(option), active: isActive(option), children: [multiple &&
                                             jsx(Checkbox, { checked: isActive(option), onChange: () => handleOnClick(option) }), jsx(ListItemText, { primary: option.label ? option.label : option.value })] }, option.value)) }) }), jsx(Backdrop, { style: { zIndex: 1111 }, isTransparent: true, onClick: () => hide() })] })] }));
 };
 
-var css_248z$B = ".Textarea-module_textarea__L5zqa {\n  display: block;\n  width: 100%;\n  padding: 0.375rem 0.75rem;\n  font-size: 1rem;\n  font-weight: 400;\n  line-height: 1.5;\n  background-clip: padding-box;\n  border: 2px solid var(--input-border-color);\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  border-radius: var(--borderRadius);\n  resize: vertical;\n  color: #212529;\n  background-color: #fff;\n  background-clip: padding-box;\n  appearance: none;\n  border-radius: 0.25rem;\n  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.0745098039);\n  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n  border: 1px solid #ced4da;\n}\n.Textarea-module_textarea__L5zqa:focus:not(.Textarea-module_textarea__L5zqa.Textarea-module_disabled__OqqOF) {\n  outline: none !important;\n  border-color: var(--primary);\n}\n.Textarea-module_textarea__L5zqa.Textarea-module_isInvalid__JI01W {\n  border-color: #dc3545;\n  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.2509803922);\n}";
-var styles$B = {"textarea":"Textarea-module_textarea__L5zqa","disabled":"Textarea-module_disabled__OqqOF","isInvalid":"Textarea-module_isInvalid__JI01W"};
-styleInject(css_248z$B);
+var css_248z$D = ".Textarea-module_textarea__L5zqa {\n  display: block;\n  width: 100%;\n  padding: 0.375rem 0.75rem;\n  font-size: 1rem;\n  font-weight: 400;\n  line-height: 1.5;\n  background-clip: padding-box;\n  border: 2px solid var(--input-border-color);\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  border-radius: var(--borderRadius);\n  resize: vertical;\n  color: #212529;\n  background-color: #fff;\n  background-clip: padding-box;\n  appearance: none;\n  border-radius: 0.25rem;\n  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.0745098039);\n  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n  border: 1px solid #ced4da;\n}\n.Textarea-module_textarea__L5zqa:focus:not(.Textarea-module_textarea__L5zqa.Textarea-module_disabled__OqqOF) {\n  outline: none !important;\n  border-color: var(--primary);\n}\n.Textarea-module_textarea__L5zqa.Textarea-module_isInvalid__JI01W {\n  border-color: #dc3545;\n  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.2509803922);\n}";
+var styles$D = {"textarea":"Textarea-module_textarea__L5zqa","disabled":"Textarea-module_disabled__OqqOF","isInvalid":"Textarea-module_isInvalid__JI01W"};
+styleInject(css_248z$D);
 
 const Textarea = (props) => {
     const { className, error, ...rest } = props;
     const getCssClass = () => {
         const cssClasses = [];
-        cssClasses.push(styles$B.textarea);
+        cssClasses.push(styles$D.textarea);
         className && cssClasses.push(className);
-        error && cssClasses.push(styles$B['isInvalid']);
+        error && cssClasses.push(styles$D['isInvalid']);
         return cssClasses.filter(r => r).join(' ');
     };
     return (jsx("textarea", { className: getCssClass(), ...rest }));
 };
 
-var css_248z$A = ".FormInput-module_formInput__VXZip {\n  display: block;\n  width: 100%;\n  padding: 0.375rem 0.75rem;\n  font-size: 1rem;\n  font-weight: 400;\n  line-height: 1.5;\n  color: #212529;\n  background-color: #fff;\n  background-clip: padding-box;\n  border: 1px solid #ced4da;\n  -webkit-appearance: none;\n  appearance: none;\n  border-radius: 0.25rem;\n  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.08);\n  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n}\n.FormInput-module_formInput__VXZip:focus:not(.FormInput-module_formInput__VXZip.FormInput-module_disabled__EjdD9) {\n  color: #212529;\n  background-color: #fff;\n  border-color: #86b7fe;\n  outline: 0;\n  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);\n}\n.FormInput-module_formInput__VXZip.FormInput-module_isInvalid__vQDuz {\n  border-color: #dc3545;\n  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.2509803922);\n}";
-var styles$A = {"formInput":"FormInput-module_formInput__VXZip","disabled":"FormInput-module_disabled__EjdD9","isInvalid":"FormInput-module_isInvalid__vQDuz"};
-styleInject(css_248z$A);
+var css_248z$C = ".FormInput-module_formInput__VXZip {\n  display: block;\n  width: 100%;\n  padding: 0.375rem 0.75rem;\n  font-size: 1rem;\n  font-weight: 400;\n  line-height: 1.5;\n  color: #212529;\n  background-color: #fff;\n  background-clip: padding-box;\n  border: 1px solid #ced4da;\n  -webkit-appearance: none;\n  appearance: none;\n  border-radius: 0.25rem;\n  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.08);\n  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n}\n.FormInput-module_formInput__VXZip:focus:not(.FormInput-module_formInput__VXZip.FormInput-module_disabled__EjdD9) {\n  color: #212529;\n  background-color: #fff;\n  border-color: #86b7fe;\n  outline: 0;\n  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);\n}\n.FormInput-module_formInput__VXZip.FormInput-module_isInvalid__vQDuz {\n  border-color: #dc3545;\n  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.2509803922);\n}";
+var styles$C = {"formInput":"FormInput-module_formInput__VXZip","disabled":"FormInput-module_disabled__EjdD9","isInvalid":"FormInput-module_isInvalid__vQDuz"};
+styleInject(css_248z$C);
 
 const FormInput = (props) => {
     const { value, name, type, placeholder, className, isValid = true, options = [], textareaOptions, selectOptions, autoCompleteOptions, autoFocus, label, disabled = false, readonly = false, onInput, onChange, onBlur, onKeyDown } = props;
     const getCssClasses = () => {
         const cssClasses = [];
-        cssClasses.push(styles$A.formInput);
+        cssClasses.push(styles$C.formInput);
         className && cssClasses.push(className);
-        !isValid && cssClasses.push(styles$A['isInvalid']);
+        !isValid && cssClasses.push(styles$C['isInvalid']);
         return cssClasses.filter(css => css).join(' ');
     };
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -5130,14 +5275,14 @@ const FormInput = (props) => {
                 jsx(Fragment$1, { children: options.map((option) => jsxs("div", { className: "form-check", children: [jsx("input", { id: option.id ? option.id : option.value, name: name, type: "radio", className: "form-check-input", onChange: (e) => handleOnChange((e?.target).value, type, name), value: option.value, checked: value === option.value, onKeyDown: onKeyDown }), jsx("label", { className: "form-check-label", htmlFor: option.id, children: option.label })] }, option.id)) })] }));
 };
 
-var css_248z$z = ".FormLabel-module_formLabel__TXcHc {\n  display: inline-block;\n  margin-bottom: 0.5rem;\n}";
-var styles$z = {"formLabel":"FormLabel-module_formLabel__TXcHc"};
-styleInject(css_248z$z);
+var css_248z$B = ".FormLabel-module_formLabel__TXcHc {\n  display: inline-block;\n  margin-bottom: 0.5rem;\n}";
+var styles$B = {"formLabel":"FormLabel-module_formLabel__TXcHc"};
+styleInject(css_248z$B);
 
 const FormLabel = ({ children, className, htmlFor, ...rest }) => {
     const getCssClasses = () => {
         const cssClasses = [];
-        cssClasses.push(styles$z.formLabel);
+        cssClasses.push(styles$B.formLabel);
         className && cssClasses.push(className);
         return cssClasses.filter(css => css).join(' ');
     };
@@ -5174,7 +5319,7 @@ class Form extends Component {
     }
     getCssClasses() {
         const cssClasses = [];
-        cssClasses.push(styles$E.form);
+        cssClasses.push(styles$G.form);
         this.props.className && cssClasses.push(this.props.className);
         return cssClasses.filter(css => css).join(' ');
     }
@@ -5372,6 +5517,36 @@ class FormControl {
     }
 }
 
+var css_248z$A = ".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$A = {"column":"Column-module_column__fcTgl"};
+styleInject(css_248z$A);
+
+const Column = (props) => {
+    const { children, className, ...rest } = props;
+    const getCssClasses = () => {
+        const cssClasses = [];
+        cssClasses.push(styles$A.column);
+        className && cssClasses.push(className);
+        return cssClasses.filter(css => css).join(' ');
+    };
+    return (jsx("div", { className: getCssClasses(), ...rest, children: children }));
+};
+
+var css_248z$z = ".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 styles$z = {"row":"Row-module_row__bTIWp"};
+styleInject(css_248z$z);
+
+const Row = ({ children, direction = 'row', className, ...rest }) => {
+    const getCssClasses = () => {
+        const cssClasses = [];
+        cssClasses.push(styles$z.row);
+        className && cssClasses.push(className);
+        direction && cssClasses.push(`flex-${direction}`);
+        return cssClasses.filter(css => css).join(' ');
+    };
+    return (jsx("div", { className: getCssClasses(), ...rest, children: children }));
+};
+
 const DaySelect = (props) => {
     const { className, day = new Date().getDate(), month = new Date().getMonth(), year = new Date().getFullYear(), disabled, id, name, onChange } = props;
     useEffect(() => {

package/index.js

@@ -317,7 +317,7 @@ const List = (props) => {
     return (jsxRuntime.jsx("ul", { className: getCssClasses(), ...rest, children: children }));
 };
 
-var css_248z$$ = ".ListItem-module_listItem__Pk1AP {\n  display: flex;\n  align-items: center;\n  position: relative;\n  padding: 0.75rem 1.25rem;\n  min-width: 100%;\n  color: var(--bodyColor);\n  text-align: inherit;\n  transition: background 0.5s ease;\n}\n.ListItem-module_listItem__Pk1AP:hover, .ListItem-module_listItem__Pk1AP.ListItem-module_active__zm2q8 {\n  cursor: pointer;\n  z-index: 1;\n  text-decoration: none;\n  background-color: rgba(0, 0, 0, 0.04);\n  color: var(--primary);\n}\n.ListItem-module_listItem__Pk1AP + .ListItem-module_listItem__Pk1AP {\n  border-top-width: 0;\n}\n.ListItem-module_listItem__Pk1AP.ListItem-module_primary__F6Qja {\n  color: var(--primary-contrast-text);\n  background-color: var(--primary);\n}\n.ListItem-module_listItem__Pk1AP.ListItem-module_accent__pg3Ha {\n  color: var(--accent-contrast-text);\n  background-color: var(--accent);\n}\n.ListItem-module_listItem__Pk1AP.ListItem-module_secondary__d0drD {\n  color: var(--secondary-contrast-text);\n  background-color: var(--secondary);\n}\n.ListItem-module_listItem__Pk1AP.ListItem-module_light__37kby {\n  color: var(--light-contrast-text);\n  background-color: var(--light);\n}\n.ListItem-module_listItem__Pk1AP.ListItem-module_dark__ZxQTF {\n  color: var(--dark-contrast-text);\n  background-color: var(--dark);\n}\n.ListItem-module_listItem__Pk1AP.ListItem-module_disabled__DQLKl {\n  color: rgba(0, 0, 0, 0.26);\n}\n.ListItem-module_listItem__Pk1AP.ListItem-module_disabled__DQLKl:hover {\n  cursor: not-allowed;\n  background-color: inherit;\n}";
+var css_248z$$ = ".ListItem-module_listItem__Pk1AP {\n  display: flex;\n  align-items: center;\n  position: relative;\n  padding: 8px 16px;\n  min-width: 100%;\n  color: var(--bodyColor);\n  text-align: inherit;\n  transition: background 0.5s ease;\n}\n.ListItem-module_listItem__Pk1AP:hover, .ListItem-module_listItem__Pk1AP.ListItem-module_active__zm2q8 {\n  cursor: pointer;\n  z-index: 1;\n  text-decoration: none;\n  background-color: rgba(0, 0, 0, 0.04);\n  color: var(--primary);\n}\n.ListItem-module_listItem__Pk1AP + .ListItem-module_listItem__Pk1AP {\n  border-top-width: 0;\n}\n.ListItem-module_listItem__Pk1AP.ListItem-module_primary__F6Qja {\n  color: var(--primary-contrast-text);\n  background-color: var(--primary);\n}\n.ListItem-module_listItem__Pk1AP.ListItem-module_accent__pg3Ha {\n  color: var(--accent-contrast-text);\n  background-color: var(--accent);\n}\n.ListItem-module_listItem__Pk1AP.ListItem-module_secondary__d0drD {\n  color: var(--secondary-contrast-text);\n  background-color: var(--secondary);\n}\n.ListItem-module_listItem__Pk1AP.ListItem-module_light__37kby {\n  color: var(--light-contrast-text);\n  background-color: var(--light);\n}\n.ListItem-module_listItem__Pk1AP.ListItem-module_dark__ZxQTF {\n  color: var(--dark-contrast-text);\n  background-color: var(--dark);\n}\n.ListItem-module_listItem__Pk1AP.ListItem-module_disabled__DQLKl {\n  color: rgba(0, 0, 0, 0.26);\n}\n.ListItem-module_listItem__Pk1AP.ListItem-module_disabled__DQLKl:hover {\n  cursor: not-allowed;\n  background-color: inherit;\n}";
 var styles$$ = {"listItem":"ListItem-module_listItem__Pk1AP","active":"ListItem-module_active__zm2q8","primary":"ListItem-module_primary__F6Qja","accent":"ListItem-module_accent__pg3Ha","secondary":"ListItem-module_secondary__d0drD","light":"ListItem-module_light__37kby","dark":"ListItem-module_dark__ZxQTF","disabled":"ListItem-module_disabled__DQLKl"};
 styleInject(css_248z$$);
 
@@ -822,6 +822,7 @@ function createCommonjsModule(fn, module) {
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
+
 var b="function"===typeof Symbol&&Symbol.for,c=b?Symbol.for("react.element"):60103,d=b?Symbol.for("react.portal"):60106,e=b?Symbol.for("react.fragment"):60107,f=b?Symbol.for("react.strict_mode"):60108,g=b?Symbol.for("react.profiler"):60114,h=b?Symbol.for("react.provider"):60109,k=b?Symbol.for("react.context"):60110,l=b?Symbol.for("react.async_mode"):60111,m=b?Symbol.for("react.concurrent_mode"):60111,n=b?Symbol.for("react.forward_ref"):60112,p=b?Symbol.for("react.suspense"):60113,q=b?
 Symbol.for("react.suspense_list"):60120,r$1=b?Symbol.for("react.memo"):60115,t=b?Symbol.for("react.lazy"):60116,v=b?Symbol.for("react.block"):60121,w=b?Symbol.for("react.fundamental"):60117,x=b?Symbol.for("react.responder"):60118,y=b?Symbol.for("react.scope"):60119;
 function z(a){if("object"===typeof a&&null!==a){var u=a.$$typeof;switch(u){case c:switch(a=a.type,a){case l:case m:case e:case g:case f:case p:return a;default:switch(a=a&&a.$$typeof,a){case k:case n:case t:case r$1:case h:return a;default:return u}}case d:return u}}}function A(a){return z(a)===m}var AsyncMode=l;var ConcurrentMode=m;var ContextConsumer=k;var ContextProvider=h;var Element=c;var ForwardRef=n;var Fragment=e;var Lazy=t;var Memo=r$1;var Portal=d;
@@ -1075,6 +1076,7 @@ object-assign
 (c) Sindre Sorhus
 @license MIT
 */
+
 /* eslint-disable no-unused-vars */
 var getOwnPropertySymbols = Object.getOwnPropertySymbols;
 var hasOwnProperty$1 = Object.prototype.hasOwnProperty;
@@ -1166,6 +1168,7 @@ var objectAssign = shouldUseNative() ? Object.assign : function (target, source)
  * LICENSE file in the root directory of this source tree.
  */
 
+
 var ReactPropTypesSecret$1 = 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED';
 
 var ReactPropTypesSecret_1 = ReactPropTypesSecret$1;
@@ -2677,9 +2680,10 @@ function makeGetRange(getStart, getEnd) {
  * Simple getters - getting a property of a given point in time
  */
 /**
- * Gets year from date.
+ * Gets year from a given date.
  *
- * @param {Date|number|string} date Date to get year from.
+ * @param {DateLike} date Date to get year from
+ * @returns {number} Year
  */
 function getYear(date) {
     if (date instanceof Date) {
@@ -2695,9 +2699,10 @@ function getYear(date) {
     throw new Error("Failed to get year from date: ".concat(date, "."));
 }
 /**
- * Gets month from date.
+ * Gets month from a given date.
  *
- * @param {Date} date Date to get month from.
+ * @param {Date} date Date to get month from
+ * @returns {number} Month
  */
 function getMonth(date) {
     if (date instanceof Date) {
@@ -2706,9 +2711,10 @@ function getMonth(date) {
     throw new Error("Failed to get month from date: ".concat(date, "."));
 }
 /**
- * Gets human-readable day of the month from date.
+ * Gets day of the month from a given date.
  *
- * @param {Date} date Date to get day of the month from.
+ * @param {Date} date Date to get day of the month from
+ * @returns {number} Day of the month
  */
 function getDate(date) {
     if (date instanceof Date) {
@@ -2719,6 +2725,12 @@ function getDate(date) {
 /**
  * Century
  */
+/**
+ * Gets century start date from a given date.
+ *
+ * @param {DateLike} date Date to get century start from
+ * @returns {Date} Century start date
+ */
 function getCenturyStart(date) {
     var year = getYear(date);
     var centuryStartYear = year + ((-year + 1) % 100);
@@ -2727,14 +2739,50 @@ function getCenturyStart(date) {
     centuryStartDate.setHours(0, 0, 0, 0);
     return centuryStartDate;
 }
+/**
+ * Gets previous century start date from a given date.
+ *
+ * @param {DateLike} date Date to get previous century start from
+ * @returns {Date} Previous century start date
+ */
 var getPreviousCenturyStart = makeGetEdgeOfNeighbor(getYear, getCenturyStart, -100);
+/**
+ * Gets next century start date from a given date.
+ *
+ * @param {DateLike} date Date to get next century start from
+ * @returns {Date} Next century start date
+ */
 var getNextCenturyStart = makeGetEdgeOfNeighbor(getYear, getCenturyStart, 100);
+/**
+ * Gets century end date from a given date.
+ *
+ * @param {DateLike} date Date to get century end from
+ * @returns {Date} Century end date
+ */
 var getCenturyEnd = makeGetEnd(getNextCenturyStart);
+/**
+ * Gets previous century end date from a given date.
+ *
+ * @param {DateLike} date Date to get previous century end from
+ * @returns {Date} Previous century end date
+ */
 var getPreviousCenturyEnd = makeGetEdgeOfNeighbor(getYear, getCenturyEnd, -100);
+/**
+ * Gets century start and end dates from a given date.
+ *
+ * @param {DateLike} date Date to get century start and end from
+ * @returns {[Date, Date]} Century start and end dates
+ */
 var getCenturyRange = makeGetRange(getCenturyStart, getCenturyEnd);
 /**
  * Decade
  */
+/**
+ * Gets decade start date from a given date.
+ *
+ * @param {DateLike} date Date to get decade start from
+ * @returns {Date} Decade start date
+ */
 function getDecadeStart(date) {
     var year = getYear(date);
     var decadeStartYear = year + ((-year + 1) % 10);
@@ -2743,14 +2791,50 @@ function getDecadeStart(date) {
     decadeStartDate.setHours(0, 0, 0, 0);
     return decadeStartDate;
 }
+/**
+ * Gets previous decade start date from a given date.
+ *
+ * @param {DateLike} date Date to get previous decade start from
+ * @returns {Date} Previous decade start date
+ */
 var getPreviousDecadeStart = makeGetEdgeOfNeighbor(getYear, getDecadeStart, -10);
+/**
+ * Gets next decade start date from a given date.
+ *
+ * @param {DateLike} date Date to get next decade start from
+ * @returns {Date} Next decade start date
+ */
 var getNextDecadeStart = makeGetEdgeOfNeighbor(getYear, getDecadeStart, 10);
+/**
+ * Gets decade end date from a given date.
+ *
+ * @param {DateLike} date Date to get decade end from
+ * @returns {Date} Decade end date
+ */
 var getDecadeEnd = makeGetEnd(getNextDecadeStart);
+/**
+ * Gets previous decade end date from a given date.
+ *
+ * @param {DateLike} date Date to get previous decade end from
+ * @returns {Date} Previous decade end date
+ */
 var getPreviousDecadeEnd = makeGetEdgeOfNeighbor(getYear, getDecadeEnd, -10);
+/**
+ * Gets decade start and end dates from a given date.
+ *
+ * @param {DateLike} date Date to get decade start and end from
+ * @returns {[Date, Date]} Decade start and end dates
+ */
 var getDecadeRange = makeGetRange(getDecadeStart, getDecadeEnd);
 /**
  * Year
  */
+/**
+ * Gets year start date from a given date.
+ *
+ * @param {DateLike} date Date to get year start from
+ * @returns {Date} Year start date
+ */
 function getYearStart(date) {
     var year = getYear(date);
     var yearStartDate = new Date();
@@ -2758,10 +2842,40 @@ function getYearStart(date) {
     yearStartDate.setHours(0, 0, 0, 0);
     return yearStartDate;
 }
+/**
+ * Gets previous year start date from a given date.
+ *
+ * @param {DateLike} date Date to get previous year start from
+ * @returns {Date} Previous year start date
+ */
 var getPreviousYearStart = makeGetEdgeOfNeighbor(getYear, getYearStart, -1);
+/**
+ * Gets next year start date from a given date.
+ *
+ * @param {DateLike} date Date to get next year start from
+ * @returns {Date} Next year start date
+ */
 var getNextYearStart = makeGetEdgeOfNeighbor(getYear, getYearStart, 1);
+/**
+ * Gets year end date from a given date.
+ *
+ * @param {DateLike} date Date to get year end from
+ * @returns {Date} Year end date
+ */
 var getYearEnd = makeGetEnd(getNextYearStart);
+/**
+ * Gets previous year end date from a given date.
+ *
+ * @param {DateLike} date Date to get previous year end from
+ * @returns {Date} Previous year end date
+ */
 var getPreviousYearEnd = makeGetEdgeOfNeighbor(getYear, getYearEnd, -1);
+/**
+ * Gets year start and end dates from a given date.
+ *
+ * @param {DateLike} date Date to get year start and end from
+ * @returns {[Date, Date]} Year start and end dates
+ */
 var getYearRange = makeGetRange(getYearStart, getYearEnd);
 /**
  * Month
@@ -2777,6 +2891,12 @@ function makeGetEdgeOfNeighborMonth(getEdgeOfPeriod, defaultOffset) {
         return getEdgeOfPeriod(previousPeriod);
     };
 }
+/**
+ * Gets month start date from a given date.
+ *
+ * @param {DateLike} date Date to get month start from
+ * @returns {Date} Month start date
+ */
 function getMonthStart(date) {
     var year = getYear(date);
     var month = getMonth(date);
@@ -2785,10 +2905,40 @@ function getMonthStart(date) {
     monthStartDate.setHours(0, 0, 0, 0);
     return monthStartDate;
 }
+/**
+ * Gets previous month start date from a given date.
+ *
+ * @param {DateLike} date Date to get previous month start from
+ * @returns {Date} Previous month start date
+ */
 var getPreviousMonthStart = makeGetEdgeOfNeighborMonth(getMonthStart, -1);
+/**
+ * Gets next month start date from a given date.
+ *
+ * @param {DateLike} date Date to get next month start from
+ * @returns {Date} Next month start date
+ */
 var getNextMonthStart = makeGetEdgeOfNeighborMonth(getMonthStart, 1);
+/**
+ * Gets month end date from a given date.
+ *
+ * @param {DateLike} date Date to get month end from
+ * @returns {Date} Month end date
+ */
 var getMonthEnd = makeGetEnd(getNextMonthStart);
+/**
+ * Gets previous month end date from a given date.
+ *
+ * @param {DateLike} date Date to get previous month end from
+ * @returns {Date} Previous month end date
+ */
 var getPreviousMonthEnd = makeGetEdgeOfNeighborMonth(getMonthEnd, -1);
+/**
+ * Gets month start and end dates from a given date.
+ *
+ * @param {DateLike} date Date to get month start and end from
+ * @returns {[Date, Date]} Month start and end dates
+ */
 var getMonthRange = makeGetRange(getMonthStart, getMonthEnd);
 /**
  * Day
@@ -2805,6 +2955,12 @@ function makeGetEdgeOfNeighborDay(getEdgeOfPeriod, defaultOffset) {
         return getEdgeOfPeriod(previousPeriod);
     };
 }
+/**
+ * Gets day start date from a given date.
+ *
+ * @param {DateLike} date Date to get day start from
+ * @returns {Date} Day start date
+ */
 function getDayStart(date) {
     var year = getYear(date);
     var month = getMonth(date);
@@ -2814,8 +2970,26 @@ function getDayStart(date) {
     dayStartDate.setHours(0, 0, 0, 0);
     return dayStartDate;
 }
+/**
+ * Gets next day start date from a given date.
+ *
+ * @param {DateLike} date Date to get next day start from
+ * @returns {Date} Next day start date
+ */
 var getNextDayStart = makeGetEdgeOfNeighborDay(getDayStart, 1);
+/**
+ * Gets day end date from a given date.
+ *
+ * @param {DateLike} date Date to get day end from
+ * @returns {Date} Day end date
+ */
 var getDayEnd = makeGetEnd(getNextDayStart);
+/**
+ * Gets day start and end dates from a given date.
+ *
+ * @param {DateLike} date Date to get day start and end from
+ * @returns {[Date, Date]} Day start and end dates
+ */
 var getDayRange = makeGetRange(getDayStart, getDayEnd);
 /**
  * Other
@@ -2823,7 +2997,8 @@ var getDayRange = makeGetRange(getDayStart, getDayEnd);
 /**
  * Returns a number of days in a month of a given date.
  *
- * @param {Date} date Date.
+ * @param {Date} date Date
+ * @returns {number} Number of days in a month
  */
 function getDaysInMonth(date) {
     return getDate(getMonthEnd(date));
@@ -4854,46 +5029,16 @@ const DatePicker = (props) => {
     return (jsxRuntime.jsx(Calendar$1, { className: styles$H.datePicker, value: currDate, minDate: minDate, maxDate: maxDate, selectRange: selectRange, onChange: handleOnChange, ...rest }));
 };
 
-var css_248z$G = ".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$G = {"column":"Column-module_column__fcTgl"};
+var css_248z$G = ".Form-module_form__h9CkF > div {\n  margin-bottom: 10px;\n}\n.Form-module_form__h9CkF :last-child {\n  margin-bottom: 0;\n}";
+var styles$G = {"form":"Form-module_form__h9CkF"};
 styleInject(css_248z$G);
 
-const Column = (props) => {
-    const { children, className, ...rest } = props;
-    const getCssClasses = () => {
-        const cssClasses = [];
-        cssClasses.push(styles$G.column);
-        className && cssClasses.push(className);
-        return cssClasses.filter(css => css).join(' ');
-    };
-    return (jsxRuntime.jsx("div", { className: getCssClasses(), ...rest, children: children }));
-};
-
-var css_248z$F = ".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 styles$F = {"row":"Row-module_row__bTIWp"};
+var css_248z$F = ".FormError-module_isInvalid__tO1Sw {\n  width: 100%;\n  margin-top: 0.25rem;\n  font-size: 0.875em;\n  color: #dc3545;\n}";
+var styles$F = {"isInvalid":"FormError-module_isInvalid__tO1Sw"};
 styleInject(css_248z$F);
 
-const Row = ({ children, direction = 'row', className, ...rest }) => {
-    const getCssClasses = () => {
-        const cssClasses = [];
-        cssClasses.push(styles$F.row);
-        className && cssClasses.push(className);
-        direction && cssClasses.push(`flex-${direction}`);
-        return cssClasses.filter(css => css).join(' ');
-    };
-    return (jsxRuntime.jsx("div", { className: getCssClasses(), ...rest, children: children }));
-};
-
-var css_248z$E = ".Form-module_form__h9CkF > div {\n  margin-bottom: 10px;\n}\n.Form-module_form__h9CkF :last-child {\n  margin-bottom: 0;\n}";
-var styles$E = {"form":"Form-module_form__h9CkF"};
-styleInject(css_248z$E);
-
-var css_248z$D = ".FormError-module_isInvalid__tO1Sw {\n  width: 100%;\n  margin-top: 0.25rem;\n  font-size: 0.875em;\n  color: #dc3545;\n}";
-var styles$D = {"isInvalid":"FormError-module_isInvalid__tO1Sw"};
-styleInject(css_248z$D);
-
 const FormError = (props) => {
-    const { className = styles$D.isInvalid, errors = [] } = props;
+    const { className = styles$F.isInvalid, errors = [] } = props;
     return (jsxRuntime.jsx(React.Fragment, { children: errors &&
             jsxRuntime.jsx("div", { className: className, children: errors.map(e => jsxRuntime.jsx("div", { children: e.message }, e.validator)) }) }));
 };
@@ -4935,9 +5080,9 @@ const FileInput = (props) => {
     return (jsxRuntime.jsxs("div", { className: "d-flex align-items-start", children: [jsxRuntime.jsx(Button, { className: "flex-wrap", disabled: disabled, onClick: () => inputFileElement.current?.click(), children: children }), jsxRuntime.jsx("div", { className: "d-flex align-items-center flex-wrap ml-1", children: fileList && Array.from(fileList).map((file) => jsxRuntime.jsx(Chip, { isDeletable: deletable, onDelete: () => handleOnDelete(), children: file.name }, file.name)) }), jsxRuntime.jsx("input", { type: "file", ref: inputFileElement, className: getCssClasses(), id: id, name: name, multiple: multiple, accept: accept, disabled: disabled, readOnly: readOnly, hidden: true, onChange: handleOnChange, value: model, ...rest })] }));
 };
 
-var css_248z$C = ".Select-module_selectContainer__DHFDZ {\n  position: relative;\n}\n\n.Select-module_select__Fbn38 {\n  width: 100%;\n  padding: 0.375rem 0.75rem;\n  font-size: 1rem;\n  font-weight: 400;\n  line-height: 1.5;\n  color: #212529;\n  background-color: #fff;\n  background-clip: padding-box;\n  border: 1px solid #ced4da;\n  appearance: none;\n  border-radius: 0.25rem;\n  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.0745098039);\n  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n  align-items: center;\n  min-height: calc(1.5em + 0.75rem + 2px);\n  height: auto;\n  display: flex;\n  flex-wrap: wrap;\n}\n.Select-module_select__Fbn38 > span {\n  flex: 1;\n}\n.Select-module_select__Fbn38:hover {\n  cursor: pointer;\n}\n.Select-module_select__Fbn38:focus:not(.Select-module_select__Fbn38.Select-module_disabled__2XXut) {\n  color: #212529;\n  background-color: #fff;\n  border-color: #86b7fe;\n  outline: 0;\n  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.0745098039), 0 0 0 0.25rem rgba(13, 110, 253, 0.2509803922);\n}\n.Select-module_select__Fbn38.Select-module_disabled__2XXut, .Select-module_select__Fbn38.Select-module_readOnly__VoTER {\n  background-color: #e9ecef;\n}\n.Select-module_select__Fbn38.Select-module_disabled__2XXut:hover {\n  cursor: not-allowed;\n}\n.Select-module_select__Fbn38.Select-module_readOnly__VoTER:hover {\n  cursor: inherit;\n}\n\n.Select-module_chipContainer__1poFF {\n  gap: 10px;\n  flex: 1;\n  display: inline-flex;\n  flex-wrap: wrap;\n}\n\n.Select-module_selectMenu__8y4kQ {\n  background-color: var(--light);\n  position: absolute;\n  box-shadow: var(--shadow);\n  border-radius: var(--borderRadius);\n  width: 100%;\n  top: 2px;\n  z-index: 1112;\n  max-height: 280px;\n  overflow: auto;\n}";
-var styles$C = {"selectContainer":"Select-module_selectContainer__DHFDZ","select":"Select-module_select__Fbn38","disabled":"Select-module_disabled__2XXut","readOnly":"Select-module_readOnly__VoTER","chipContainer":"Select-module_chipContainer__1poFF","selectMenu":"Select-module_selectMenu__8y4kQ"};
-styleInject(css_248z$C);
+var css_248z$E = ".Select-module_selectContainer__DHFDZ {\n  position: relative;\n}\n\n.Select-module_select__Fbn38 {\n  width: 100%;\n  padding: 0.375rem 0.75rem;\n  font-size: 1rem;\n  font-weight: 400;\n  line-height: 1.5;\n  color: #212529;\n  background-color: #fff;\n  background-clip: padding-box;\n  border: 1px solid #ced4da;\n  appearance: none;\n  border-radius: 0.25rem;\n  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.0745098039);\n  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n  align-items: center;\n  min-height: calc(1.5em + 0.75rem + 2px);\n  height: auto;\n  display: flex;\n  flex-wrap: wrap;\n}\n.Select-module_select__Fbn38 > span {\n  flex: 1;\n}\n.Select-module_select__Fbn38:hover {\n  cursor: pointer;\n}\n.Select-module_select__Fbn38:focus:not(.Select-module_select__Fbn38.Select-module_disabled__2XXut) {\n  color: #212529;\n  background-color: #fff;\n  border-color: #86b7fe;\n  outline: 0;\n  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.0745098039), 0 0 0 0.25rem rgba(13, 110, 253, 0.2509803922);\n}\n.Select-module_select__Fbn38.Select-module_disabled__2XXut, .Select-module_select__Fbn38.Select-module_readOnly__VoTER {\n  background-color: #e9ecef;\n}\n.Select-module_select__Fbn38.Select-module_disabled__2XXut:hover {\n  cursor: not-allowed;\n}\n.Select-module_select__Fbn38.Select-module_readOnly__VoTER:hover {\n  cursor: inherit;\n}\n\n.Select-module_chipContainer__1poFF {\n  gap: 10px;\n  flex: 1;\n  display: inline-flex;\n  flex-wrap: wrap;\n}\n\n.Select-module_selectMenu__8y4kQ {\n  background-color: var(--light);\n  position: absolute;\n  box-shadow: var(--shadow);\n  border-radius: var(--borderRadius);\n  width: 100%;\n  top: 2px;\n  z-index: 1112;\n  max-height: 280px;\n  overflow: auto;\n}";
+var styles$E = {"selectContainer":"Select-module_selectContainer__DHFDZ","select":"Select-module_select__Fbn38","disabled":"Select-module_disabled__2XXut","readOnly":"Select-module_readOnly__VoTER","chipContainer":"Select-module_chipContainer__1poFF","selectMenu":"Select-module_selectMenu__8y4kQ"};
+styleInject(css_248z$E);
 
 const Select = (props) => {
     const { id, className, options = [], value, multiple, multipleMaxCountItems = 5, disabled, readOnly, onChange, onKeyDown } = props;
@@ -4949,9 +5094,9 @@ const Select = (props) => {
     const getCssClass = () => {
         const cssClasses = [];
         className && cssClasses.push(className);
-        disabled && cssClasses.push(styles$C['disabled']);
-        readOnly && cssClasses.push(styles$C['readOnly']);
-        cssClasses.push(styles$C.select);
+        disabled && cssClasses.push(styles$E['disabled']);
+        readOnly && cssClasses.push(styles$E['readOnly']);
+        cssClasses.push(styles$E.select);
         return cssClasses.filter(r => r).join(' ');
     };
     React.useEffect(() => {
@@ -5071,39 +5216,39 @@ const Select = (props) => {
             }
         }
     };
-    return (jsxRuntime.jsxs("div", { ref: selectConainter, className: styles$C.selectContainer, children: [jsxRuntime.jsx("div", { id: id, className: getCssClass(), onClick: () => show(), tabIndex: 0, onKeyDown: (e) => handleOnKeyDown(e), children: jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [!multiple && renderSingleViewModel(), multiple &&
-                            jsxRuntime.jsx("div", { className: styles$C.chipContainer, children: renderMultipleViewModel() }), jsxRuntime.jsx(Icon, { className: "ml-auto", children: jsxRuntime.jsx(ChevronDownSolidIcon, {}) })] }) }), isShow &&
-                jsxRuntime.jsxs(Portal$1, { className: 'backdrop-root', children: [jsxRuntime.jsx("div", { className: styles$C.selectMenu, style: { left: selectConainter.current?.getBoundingClientRect().x, top: selectConainter.current?.getBoundingClientRect().y, width: selectConainter.current?.getBoundingClientRect().width }, children: jsxRuntime.jsx(List, { children: options && options.map((option, index) => jsxRuntime.jsxs(ListItem, { id: `list-item-${index}`, onClick: () => handleOnClick(option), active: isActive(option), children: [multiple &&
+    return (jsxRuntime.jsxs("div", { ref: selectConainter, className: styles$E.selectContainer, children: [jsxRuntime.jsx("div", { id: id, className: getCssClass(), onClick: () => show(), tabIndex: 0, onKeyDown: (e) => handleOnKeyDown(e), children: jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [!multiple && renderSingleViewModel(), multiple &&
+                            jsxRuntime.jsx("div", { className: styles$E.chipContainer, children: renderMultipleViewModel() }), jsxRuntime.jsx(Icon, { className: "ml-auto", children: jsxRuntime.jsx(ChevronDownSolidIcon, {}) })] }) }), isShow &&
+                jsxRuntime.jsxs(Portal$1, { className: 'backdrop-root', children: [jsxRuntime.jsx("div", { className: styles$E.selectMenu, style: { left: selectConainter.current?.getBoundingClientRect().x, top: selectConainter.current?.getBoundingClientRect().y, width: selectConainter.current?.getBoundingClientRect().width }, children: jsxRuntime.jsx(List, { children: options && options.map((option, index) => jsxRuntime.jsxs(ListItem, { id: `list-item-${index}`, onClick: () => handleOnClick(option), active: isActive(option), children: [multiple &&
                                             jsxRuntime.jsx(Checkbox, { checked: isActive(option), onChange: () => handleOnClick(option) }), jsxRuntime.jsx(ListItemText, { primary: option.label ? option.label : option.value })] }, option.value)) }) }), jsxRuntime.jsx(Backdrop, { style: { zIndex: 1111 }, isTransparent: true, onClick: () => hide() })] })] }));
 };
 
-var css_248z$B = ".Textarea-module_textarea__L5zqa {\n  display: block;\n  width: 100%;\n  padding: 0.375rem 0.75rem;\n  font-size: 1rem;\n  font-weight: 400;\n  line-height: 1.5;\n  background-clip: padding-box;\n  border: 2px solid var(--input-border-color);\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  border-radius: var(--borderRadius);\n  resize: vertical;\n  color: #212529;\n  background-color: #fff;\n  background-clip: padding-box;\n  appearance: none;\n  border-radius: 0.25rem;\n  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.0745098039);\n  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n  border: 1px solid #ced4da;\n}\n.Textarea-module_textarea__L5zqa:focus:not(.Textarea-module_textarea__L5zqa.Textarea-module_disabled__OqqOF) {\n  outline: none !important;\n  border-color: var(--primary);\n}\n.Textarea-module_textarea__L5zqa.Textarea-module_isInvalid__JI01W {\n  border-color: #dc3545;\n  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.2509803922);\n}";
-var styles$B = {"textarea":"Textarea-module_textarea__L5zqa","disabled":"Textarea-module_disabled__OqqOF","isInvalid":"Textarea-module_isInvalid__JI01W"};
-styleInject(css_248z$B);
+var css_248z$D = ".Textarea-module_textarea__L5zqa {\n  display: block;\n  width: 100%;\n  padding: 0.375rem 0.75rem;\n  font-size: 1rem;\n  font-weight: 400;\n  line-height: 1.5;\n  background-clip: padding-box;\n  border: 2px solid var(--input-border-color);\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  border-radius: var(--borderRadius);\n  resize: vertical;\n  color: #212529;\n  background-color: #fff;\n  background-clip: padding-box;\n  appearance: none;\n  border-radius: 0.25rem;\n  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.0745098039);\n  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n  border: 1px solid #ced4da;\n}\n.Textarea-module_textarea__L5zqa:focus:not(.Textarea-module_textarea__L5zqa.Textarea-module_disabled__OqqOF) {\n  outline: none !important;\n  border-color: var(--primary);\n}\n.Textarea-module_textarea__L5zqa.Textarea-module_isInvalid__JI01W {\n  border-color: #dc3545;\n  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.2509803922);\n}";
+var styles$D = {"textarea":"Textarea-module_textarea__L5zqa","disabled":"Textarea-module_disabled__OqqOF","isInvalid":"Textarea-module_isInvalid__JI01W"};
+styleInject(css_248z$D);
 
 const Textarea = (props) => {
     const { className, error, ...rest } = props;
     const getCssClass = () => {
         const cssClasses = [];
-        cssClasses.push(styles$B.textarea);
+        cssClasses.push(styles$D.textarea);
         className && cssClasses.push(className);
-        error && cssClasses.push(styles$B['isInvalid']);
+        error && cssClasses.push(styles$D['isInvalid']);
         return cssClasses.filter(r => r).join(' ');
     };
     return (jsxRuntime.jsx("textarea", { className: getCssClass(), ...rest }));
 };
 
-var css_248z$A = ".FormInput-module_formInput__VXZip {\n  display: block;\n  width: 100%;\n  padding: 0.375rem 0.75rem;\n  font-size: 1rem;\n  font-weight: 400;\n  line-height: 1.5;\n  color: #212529;\n  background-color: #fff;\n  background-clip: padding-box;\n  border: 1px solid #ced4da;\n  -webkit-appearance: none;\n  appearance: none;\n  border-radius: 0.25rem;\n  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.08);\n  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n}\n.FormInput-module_formInput__VXZip:focus:not(.FormInput-module_formInput__VXZip.FormInput-module_disabled__EjdD9) {\n  color: #212529;\n  background-color: #fff;\n  border-color: #86b7fe;\n  outline: 0;\n  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);\n}\n.FormInput-module_formInput__VXZip.FormInput-module_isInvalid__vQDuz {\n  border-color: #dc3545;\n  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.2509803922);\n}";
-var styles$A = {"formInput":"FormInput-module_formInput__VXZip","disabled":"FormInput-module_disabled__EjdD9","isInvalid":"FormInput-module_isInvalid__vQDuz"};
-styleInject(css_248z$A);
+var css_248z$C = ".FormInput-module_formInput__VXZip {\n  display: block;\n  width: 100%;\n  padding: 0.375rem 0.75rem;\n  font-size: 1rem;\n  font-weight: 400;\n  line-height: 1.5;\n  color: #212529;\n  background-color: #fff;\n  background-clip: padding-box;\n  border: 1px solid #ced4da;\n  -webkit-appearance: none;\n  appearance: none;\n  border-radius: 0.25rem;\n  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.08);\n  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n}\n.FormInput-module_formInput__VXZip:focus:not(.FormInput-module_formInput__VXZip.FormInput-module_disabled__EjdD9) {\n  color: #212529;\n  background-color: #fff;\n  border-color: #86b7fe;\n  outline: 0;\n  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);\n}\n.FormInput-module_formInput__VXZip.FormInput-module_isInvalid__vQDuz {\n  border-color: #dc3545;\n  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.2509803922);\n}";
+var styles$C = {"formInput":"FormInput-module_formInput__VXZip","disabled":"FormInput-module_disabled__EjdD9","isInvalid":"FormInput-module_isInvalid__vQDuz"};
+styleInject(css_248z$C);
 
 const FormInput = (props) => {
     const { value, name, type, placeholder, className, isValid = true, options = [], textareaOptions, selectOptions, autoCompleteOptions, autoFocus, label, disabled = false, readonly = false, onInput, onChange, onBlur, onKeyDown } = props;
     const getCssClasses = () => {
         const cssClasses = [];
-        cssClasses.push(styles$A.formInput);
+        cssClasses.push(styles$C.formInput);
         className && cssClasses.push(className);
-        !isValid && cssClasses.push(styles$A['isInvalid']);
+        !isValid && cssClasses.push(styles$C['isInvalid']);
         return cssClasses.filter(css => css).join(' ');
     };
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -5132,14 +5277,14 @@ const FormInput = (props) => {
                 jsxRuntime.jsx(jsxRuntime.Fragment, { children: options.map((option) => jsxRuntime.jsxs("div", { className: "form-check", children: [jsxRuntime.jsx("input", { id: option.id ? option.id : option.value, name: name, type: "radio", className: "form-check-input", onChange: (e) => handleOnChange((e?.target).value, type, name), value: option.value, checked: value === option.value, onKeyDown: onKeyDown }), jsxRuntime.jsx("label", { className: "form-check-label", htmlFor: option.id, children: option.label })] }, option.id)) })] }));
 };
 
-var css_248z$z = ".FormLabel-module_formLabel__TXcHc {\n  display: inline-block;\n  margin-bottom: 0.5rem;\n}";
-var styles$z = {"formLabel":"FormLabel-module_formLabel__TXcHc"};
-styleInject(css_248z$z);
+var css_248z$B = ".FormLabel-module_formLabel__TXcHc {\n  display: inline-block;\n  margin-bottom: 0.5rem;\n}";
+var styles$B = {"formLabel":"FormLabel-module_formLabel__TXcHc"};
+styleInject(css_248z$B);
 
 const FormLabel = ({ children, className, htmlFor, ...rest }) => {
     const getCssClasses = () => {
         const cssClasses = [];
-        cssClasses.push(styles$z.formLabel);
+        cssClasses.push(styles$B.formLabel);
         className && cssClasses.push(className);
         return cssClasses.filter(css => css).join(' ');
     };
@@ -5176,7 +5321,7 @@ class Form extends React.Component {
     }
     getCssClasses() {
         const cssClasses = [];
-        cssClasses.push(styles$E.form);
+        cssClasses.push(styles$G.form);
         this.props.className && cssClasses.push(this.props.className);
         return cssClasses.filter(css => css).join(' ');
     }
@@ -5374,6 +5519,36 @@ class FormControl {
     }
 }
 
+var css_248z$A = ".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$A = {"column":"Column-module_column__fcTgl"};
+styleInject(css_248z$A);
+
+const Column = (props) => {
+    const { children, className, ...rest } = props;
+    const getCssClasses = () => {
+        const cssClasses = [];
+        cssClasses.push(styles$A.column);
+        className && cssClasses.push(className);
+        return cssClasses.filter(css => css).join(' ');
+    };
+    return (jsxRuntime.jsx("div", { className: getCssClasses(), ...rest, children: children }));
+};
+
+var css_248z$z = ".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 styles$z = {"row":"Row-module_row__bTIWp"};
+styleInject(css_248z$z);
+
+const Row = ({ children, direction = 'row', className, ...rest }) => {
+    const getCssClasses = () => {
+        const cssClasses = [];
+        cssClasses.push(styles$z.row);
+        className && cssClasses.push(className);
+        direction && cssClasses.push(`flex-${direction}`);
+        return cssClasses.filter(css => css).join(' ');
+    };
+    return (jsxRuntime.jsx("div", { className: getCssClasses(), ...rest, children: children }));
+};
+
 const DaySelect = (props) => {
     const { className, day = new Date().getDate(), month = new Date().getMonth(), year = new Date().getFullYear(), disabled, id, name, onChange } = props;
     React.useEffect(() => {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "react-asc",
-	"version": "25.6.0",
+	"version": "25.7.1",
 	"description": "handcrafted react components",
 	"main": "index.js",
 	"module": "index.es.js",
@@ -9,21 +9,14 @@
 	"homepage": "https://react-asc.netlify.app",
 	"license": "MIT",
 	"dependencies": {
-		"@popperjs/core": "2.11.5",
+		"@popperjs/core": "2.11.8",
 		"react": "18.2.0",
 		"react-dom": "18.2.0",
-		"modern-normalize": "1.1.0",
-		"react-calendar": "^3.9.0"
+		"modern-normalize": "2.0.0",
+		"react-calendar": "4.2.1"
 	},
 	"scripts": {
 		"pub": "npm publish --access public"
 	},
-	"keywords": [
-		"react",
-		"component library",
-		"ui library",
-		"components",
-		"library",
-		"material"
-	]
+	"keywords": ["react", "component library", "ui library", "components", "library", "material", "bootstrap"]
 }